*{box-sizing:border-box;user-select:none;margin:0;padding:0}
:root{
  --win-bg:rgba(22,22,26,0.82);
  --dock-bg:rgba(30,30,34,0.45);
  --bar-bg:rgba(18,18,22,0.55);
  --accent:#6c5ce7;
  --accent2:#a29bfe;
  --green:#00b894;
  --orange:#fdcb6e;
  --red:#ff6b6b;
  --text:#e8e8ef;
  --dim:#8888a0;
  --border:rgba(255,255,255,0.08);
  --card:rgba(255,255,255,0.04);
  --font:'Outfit',sans-serif;
  --mono:'JetBrains Mono',monospace;
  --safe-top:env(safe-area-inset-top, 0px);
  --safe-bottom:env(safe-area-inset-bottom, 0px);
  --menubar-h:calc(28px + var(--safe-top));
  --dock-space:calc(118px + var(--safe-bottom));
}
html,body{width:100%;height:100%;overflow:hidden;font-family:var(--font);color:var(--text);cursor:default}
html{height:100dvh}
body{
  background:#0a0a12;
  background-image:
    radial-gradient(ellipse 80% 60% at 20% 80%,rgba(108,92,231,0.18) 0%,transparent 60%),
    radial-gradient(ellipse 60% 50% at 80% 20%,rgba(0,184,148,0.12) 0%,transparent 60%),
    radial-gradient(ellipse 40% 40% at 50% 50%,rgba(162,155,254,0.06) 0%,transparent 50%);
  overscroll-behavior:none;
  touch-action:none;
}
body::before{
  content:'';position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0.03;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.icon svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.icon-fill svg{fill:currentColor;stroke:none}

#boot{
  position:fixed;inset:0;background:#000;z-index:100000;
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  transition:opacity 0.8s ease;
  padding:var(--safe-top) 16px var(--safe-bottom);
}
#boot .boot-logo{
  width:min(280px,72vw);height:auto;margin-bottom:36px;
  object-fit:contain;display:block;
}
.boot-bar{width:min(200px,70vw);height:6px;background:#333;border-radius:3px;overflow:hidden}
.boot-fill{height:100%;width:0;background:#fff;border-radius:3px;transition:width 2.8s ease-in-out}

#desktop{width:100%;height:100%;position:relative;touch-action:none}
#wins{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}
#wins .win{pointer-events:auto}

#menubar{
  position:absolute;top:0;width:100%;height:var(--menubar-h);
  padding:var(--safe-top) 16px 0;
  background:var(--bar-bg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);
  display:flex;justify-content:space-between;align-items:center;
  font-size:12.5px;font-weight:500;z-index:5000;
  border-bottom:1px solid var(--border);
  overflow:visible;
}
.bar-l,.bar-r{display:flex;gap:14px;align-items:center;min-width:0;position:relative}
.bar-item{padding:2px 6px;border-radius:4px;cursor:default;white-space:nowrap;display:flex;align-items:center;gap:5px;background:transparent;border:0;color:inherit;font:inherit}
.bar-item:hover{background:rgba(255,255,255,0.08)}
#sys-btn{cursor:pointer;width:28px;height:22px;justify-content:center;padding:0}
#sys-btn.is-on{background:rgba(255,255,255,0.12)}
.sys-gear{display:block}
#lang-btn{
  cursor:pointer;min-width:28px;height:22px;justify-content:center;padding:0 6px;
  font-weight:700;font-size:11px;letter-spacing:.06em;color:var(--accent2)
}
#sys-menu{
  position:absolute;top:calc(100% + 8px);left:22px;width:min(268px,calc(100vw - 16px));
  background:rgba(24,24,28,0.94);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);
  border:1px solid var(--border);border-radius:16px;padding:12px;z-index:9000;
  box-shadow:0 18px 40px rgba(0,0,0,.45);display:none;
  transform-origin:top left;
}
#sys-menu.is-open{display:block;animation:sysIn .16s ease}
@keyframes sysIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.sys-kicker{font-size:11px;color:var(--dim);font-weight:600;letter-spacing:.04em;margin:0 4px 8px}
.sys-lang + .sys-kicker{margin-top:6px}
.sys-lang{display:flex;gap:4px;background:rgba(255,255,255,.05);padding:4px;border-radius:12px;margin-bottom:8px}
.sys-lang button{
  flex:1;border:0;background:transparent;color:var(--dim);padding:8px 10px;border-radius:9px;
  font:inherit;font-weight:700;font-size:12px;cursor:pointer
}
.sys-lang button.is-on{background:var(--accent);color:#fff}
.sys-i{
  width:100%;display:flex;align-items:center;gap:10px;padding:9px 8px;border:0;
  background:transparent;color:var(--text);font:inherit;font-size:13px;cursor:pointer;
  border-radius:10px;text-align:inherit
}
.sys-i:hover{background:rgba(255,255,255,.06)}
.sys-i svg{width:16px;height:16px;flex-shrink:0;opacity:.85}
.sys-i .sys-note{margin-inline-start:auto;font-size:11px;color:var(--dim)}
.sys-hr{height:1px;background:var(--border);margin:6px 4px}
.bar-item{padding:2px 6px;border-radius:4px;cursor:default;white-space:nowrap;display:flex;align-items:center;gap:5px}
.bar-item:hover{background:rgba(255,255,255,0.08)}
.bar-item .icon{font-size:13px}
.bar-brand{padding:0 4px}
.bar-logo{width:18px;height:15px;object-fit:contain;display:block;flex-shrink:0}
html.reduce-motion,html.reduce-motion *{
  animation:none !important;transition:none !important
}
#clock{color:var(--dim)}

#dock-wrap{
  position:absolute;bottom:calc(8px + var(--safe-bottom));width:100%;
  display:flex;justify-content:center;z-index:6000;padding:0 8px;pointer-events:none;
}
#dock{
  pointer-events:auto;
  background:var(--dock-bg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);
  border:1px solid var(--border);height:auto;min-height:78px;padding:8px 14px 7px;border-radius:20px;
  display:flex;align-items:flex-end;gap:10px;box-shadow:0 10px 20px rgba(0,0,0,0.3);
  max-width:calc(100vw - 16px);overflow-x:auto;overflow-y:visible;
  scrollbar-width:none;-ms-overflow-style:none;
  touch-action:pan-x;
}
#dock::-webkit-scrollbar{display:none}
.d-item{
  width:58px;height:auto;border-radius:12px;position:relative;cursor:pointer;
  transition:transform 0.2s cubic-bezier(0.25,1,0.5,1),margin 0.2s;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;
  flex-shrink:0;touch-action:manipulation;padding-bottom:1px;
}
.d-item:hover{transform:scale(1.12) translateY(-8px);margin:0 4px}
.d-item .ico-wrap{
  position:relative;width:48px;height:48px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
}
.d-item .d-dot{
  width:4px;height:4px;background:rgba(255,255,255,0.55);border-radius:50%;
  position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);display:none
}
.d-item.open .d-dot{display:block}
.d-item.minimized .d-dot{background:var(--orange)}
.d-item.open .d-label{color:#fff}
.d-sep{width:1px;height:44px;background:rgba(255,255,255,0.2);margin:0 4px 18px;flex-shrink:0}
.d-label{
  font-family:'Vazirmatn',var(--font);
  font-size:10px;font-weight:500;line-height:1.15;
  color:rgba(232,232,239,0.78);
  text-align:center;max-width:62px;
  white-space:normal;overflow:hidden;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  pointer-events:none;
}
.ico{width:100%;height:100%;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;overflow:hidden}
.ico svg{width:26px;height:26px}
.ico-home{background:linear-gradient(135deg,#6c5ce7,#a29bfe)}
.ico-feat{background:linear-gradient(135deg,#00b894,#55efc4)}
.ico-price{background:linear-gradient(135deg,#fdcb6e,#e17055)}
.ico-about{background:linear-gradient(135deg,#74b9ff,#0984e3)}
.ico-contact{background:linear-gradient(135deg,#fd79a8,#e84393)}
.ico-auth{background:linear-gradient(135deg,#a29bfe,#6c5ce7)}
.ico-dash{background:linear-gradient(135deg,#00b894,#74b9ff)}
.ico-twitter{background:#000}

@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}
.bouncing{animation:bounce 0.6s ease infinite}

.win{
  position:absolute;background:var(--win-bg);
  backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);
  border-radius:12px;border:1px solid rgba(255,255,255,0.15);
  box-shadow:0 15px 40px rgba(0,0,0,0.4);display:flex;flex-direction:column;
  overflow:hidden;min-width:min(300px, calc(100vw - 16px));min-height:200px;
  transition:box-shadow 0.2s, opacity 0.15s;
}
.win.opening{animation:wOpen 0.2s cubic-bezier(0.16,1,0.3,1)}
@keyframes wOpen{from{transform:scale(0.8);opacity:0}to{transform:scale(1);opacity:1}}
.win.inactive{box-shadow:0 5px 15px rgba(0,0,0,0.2);border-color:rgba(255,255,255,0.05)}
.win.dragging,.win.resizing{transition:none;user-select:none}
.win-head{
  height:38px;background:rgba(255,255,255,0.05);
  display:flex;align-items:center;position:relative;cursor:grab;flex-shrink:0;
  touch-action:none;
}
.win-head:active{cursor:grabbing}
.tl{display:flex;gap:8px;margin-left:12px;z-index:2;align-items:center}
.tl button{
  width:14px;height:14px;border-radius:50%;border:none;padding:0;
  display:inline-flex;align-items:center;justify-content:center;
  cursor:pointer;position:relative;flex-shrink:0;
  box-shadow:inset 0 0 0 0.5px rgba(0,0,0,0.25);
}
.tl button svg{
  width:8px;height:8px;opacity:0;pointer-events:none;
  fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6;
  transition:opacity 0.12s;
}
.tl .c{background:#ff5f56}.tl .c svg{stroke:#4d0000}
.tl .m{background:#ffbd2e}.tl .m svg{stroke:#5c4100}
.tl .x{background:#27c93f}.tl .x svg{stroke:#006400}
.win-head:hover .tl button svg,.tl button:focus-visible svg{opacity:1}
.win.inactive .tl button{background:#555}
.win.inactive .tl button svg{opacity:0}
.win.inactive .tl:hover .c{background:#ff5f56}
.win.inactive .tl:hover .m{background:#ffbd2e}
.win.inactive .tl:hover .x{background:#27c93f}
.win-title{position:absolute;width:100%;text-align:center;font-size:13px;font-weight:600;color:rgba(255,255,255,0.8);pointer-events:none;padding:0 72px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.win-body{
  flex:1;overflow:auto;position:relative;border-radius:0 0 12px 12px;
  background:rgba(0,0,0,0.15);
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,0.22) transparent;
  touch-action:pan-y;
  user-select:text;
}
.win-body::-webkit-scrollbar{width:8px;height:8px}
.win-body::-webkit-scrollbar-track{background:transparent;margin:6px 0}
.win-body::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,rgba(162,155,254,0.45),rgba(108,92,231,0.35));
  border-radius:99px;border:2px solid transparent;background-clip:padding-box;
}
.win-body::-webkit-scrollbar-thumb:hover{background:rgba(162,155,254,0.7);border:2px solid transparent;background-clip:padding-box}
.win-resize{
  position:absolute;right:0;bottom:0;width:22px;height:22px;z-index:6;
  cursor:nwse-resize;touch-action:none;
}
.win-resize::before{
  content:"";position:absolute;right:5px;bottom:5px;width:9px;height:9px;
  border-right:2px solid rgba(255,255,255,0.4);border-bottom:2px solid rgba(255,255,255,0.4);
  border-radius:0 0 2px 0;pointer-events:none;
}
.win.maxed .win-resize{display:none}
.win.maxed{border-radius:0}

#ctx{
  position:absolute;background:rgba(40,40,40,0.9);backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:5px 0;width:min(200px,80vw);
  display:none;z-index:99999;box-shadow:0 8px 20px rgba(0,0,0,0.3);font-size:13px;
}
.ctx-i{padding:6px 15px;cursor:default}
.ctx-i:hover{background:var(--accent);color:#fff}
.ctx-hr{border-top:1px solid rgba(255,255,255,0.1);margin:4px 0}

.s-home{padding:48px 40px;display:flex;flex-direction:column;align-items:flex-start;gap:24px;min-height:100%}
.s-home .tag{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(108,92,231,0.15);border:1px solid rgba(108,92,231,0.25);
  padding:4px 14px;border-radius:100px;font-size:12px;color:var(--accent2);font-weight:500;
}
.s-home .tag .pulse{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse 2s ease infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(0,184,148,0.4)}50%{box-shadow:0 0 0 6px transparent}}
.s-home h1{font-size:clamp(28px,4vw,52px);font-weight:800;line-height:1.05;letter-spacing:-1.5px}
.s-home h1 em{font-style:italic;color:var(--accent2)}
.s-home p{font-size:16px;color:var(--dim);line-height:1.7;max-width:440px}
.s-home .btns{display:flex;gap:12px;flex-wrap:wrap}
.btn-p{
  display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:10px;
  background:var(--accent);color:#fff;font-weight:600;font-size:14px;
  border:none;cursor:pointer;font-family:var(--font);transition:all 0.2s;text-decoration:none;
  touch-action:manipulation;
}
.btn-p:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(108,92,231,0.35)}
.btn-g{
  display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;
  background:transparent;color:var(--dim);font-weight:600;font-size:14px;
  border:1px solid var(--border);cursor:pointer;font-family:var(--font);transition:all 0.2s;
  touch-action:manipulation;
}
.btn-g:hover{border-color:var(--dim);color:var(--text)}

.s-feat{padding:36px 32px}
.s-feat h2{font-size:clamp(22px,3vw,28px);font-weight:700;margin-bottom:6px;letter-spacing:-0.5px}
.s-feat .sub{color:var(--dim);font-size:14px;margin-bottom:28px}
.feat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.feat-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:24px;transition:all 0.25s}
.feat-card:hover{border-color:rgba(108,92,231,0.3);transform:translateY(-2px)}
.feat-card .fi{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:14px}
.feat-card .fi svg{width:20px;height:20px;stroke-width:2}
.feat-card h3{font-size:15px;font-weight:600;margin-bottom:6px}
.feat-card p{font-size:13px;color:var(--dim);line-height:1.6}

.s-price{padding:36px 32px}
.s-price h2{font-size:clamp(22px,3vw,28px);font-weight:700;margin-bottom:6px;letter-spacing:-0.5px}
.s-price .sub{color:var(--dim);font-size:14px;margin-bottom:28px}
.price-row{display:flex;gap:16px}
.price-groups{display:flex;flex-direction:column;gap:28px}
.price-group h3{
  font-size:15px;font-weight:700;margin:0 0 12px;color:var(--text);
  display:flex;align-items:center;gap:10px
}
.price-group h3::after{
  content:'';flex:1;height:1px;background:var(--border)
}
.price-card{flex:1;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:28px;display:flex;flex-direction:column;position:relative;transition:all 0.25s;min-width:0}
.price-card.pop{border-color:var(--accent);box-shadow:0 0 40px rgba(108,92,231,0.15)}
.price-card.pop::before{content:'POPULAR';position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;font-size:9px;font-weight:700;letter-spacing:1.5px;padding:3px 12px;border-radius:5px}
.price-card .tier{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--dim);margin-bottom:6px}
.price-card .amt{font-size:clamp(28px,4vw,36px);font-weight:800;letter-spacing:-1px;margin-bottom:4px}
.price-card .amt span{font-size:14px;color:var(--dim);font-weight:400}
.price-card .desc{font-size:12.5px;color:var(--dim);margin-bottom:20px}
.price-card ul{list-style:none;margin-bottom:24px;flex:1}
.price-card li{padding:5px 0;font-size:13px;color:var(--dim);display:flex;align-items:center;gap:8px}
.price-card li::before{content:'\2713';color:var(--green);font-weight:700;font-size:11px}
.price-card button{width:100%;padding:11px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font);transition:all 0.2s;touch-action:manipulation}
.price-card.pop button{background:var(--accent);border-color:var(--accent)}
.price-card button:hover{transform:translateY(-1px)}

.s-about{padding:36px 32px}
.s-about h2{font-size:clamp(22px,3vw,28px);font-weight:700;margin-bottom:16px;letter-spacing:-0.5px}
.s-about p{font-size:14.5px;color:var(--dim);line-height:1.75;margin-bottom:16px}
.stat-row{display:flex;gap:20px;margin-top:20px}
.stat-box{flex:1;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px;text-align:center;min-width:0}
.stat-box .num{font-size:clamp(22px,3vw,28px);font-weight:800;letter-spacing:-1px}
.stat-box .lbl{font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:1px;margin-top:4px}

.s-contact{padding:36px 32px}
.s-contact h2{font-size:clamp(22px,3vw,28px);font-weight:700;margin-bottom:6px;letter-spacing:-0.5px}
.s-contact .sub{color:var(--dim);font-size:14px;margin-bottom:24px}
.form-group{margin-bottom:16px}
.form-group label{display:block;font-size:12px;color:var(--dim);margin-bottom:6px;font-weight:500}
.form-group input,.form-group textarea{width:100%;background:rgba(255,255,255,0.04);border:1px solid var(--border);border-radius:10px;padding:10px 14px;color:var(--text);font-family:var(--font);font-size:16px;outline:none;transition:border 0.2s;user-select:text;touch-action:manipulation}
.form-group input:focus,.form-group textarea:focus{border-color:var(--accent)}
.form-group textarea{resize:vertical;min-height:80px}
.form-row{display:flex;gap:12px}
.form-row .form-group{flex:1}

.rtl{direction:rtl;text-align:right;font-family:'Vazirmatn',var(--font)}
.rtl .btns{flex-direction:row}
.form-msg{min-height:18px;font-size:13px;margin:0 0 12px;color:var(--red)}
.form-msg.ok{color:var(--green)}
.auth-switch{margin-top:14px;text-align:center;font-size:13px;color:var(--dim)}
.auth-switch button{background:none;border:none;color:var(--accent2);font-family:inherit;font-weight:600;cursor:pointer}
#user-chip{
  cursor:pointer;width:28px;height:22px;justify-content:center;padding:0;
  color:var(--accent2)
}
#user-chip svg{display:block;width:15px;height:15px}
#user-chip.is-in{color:var(--green)}
#toast{
  position:fixed;bottom:96px;left:50%;transform:translateX(-50%) translateY(12px);
  background:rgba(30,30,34,0.94);border:1px solid var(--border);color:var(--text);
  padding:10px 18px;border-radius:10px;font-size:13px;font-family:'Vazirmatn',var(--font);
  opacity:0;pointer-events:none;z-index:200001;transition:opacity .2s,transform .2s;
  direction:rtl;white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis;
}
#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.dash-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px}
.avatar-preview{width:52px;height:52px;border-radius:50%;object-fit:cover;margin-bottom:8px;border:1px solid var(--border)}
.task-list{list-style:none;margin:0 0 14px;padding:0}
.task-list li{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--dim);padding:5px 0}
.task-list li.done{color:var(--green)}
.task-list .mark{
  width:18px;height:18px;border-radius:50%;border:1px solid var(--border);
  display:inline-flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0
}
.task-list li.done .mark{border-color:var(--green);background:rgba(0,184,148,.15)}
.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:600}
.badge.pending{background:rgba(253,203,110,.15);color:var(--orange)}
.badge.active{background:rgba(0,184,148,.15);color:var(--green)}
.badge.expired,.badge.cancelled{background:rgba(255,107,107,.12);color:var(--red)}
.sub-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:14px}
.cfg-row{display:flex;gap:8px;margin-top:10px}
.cfg-row input{flex:1;min-width:0;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:10px;padding:10px 12px;color:var(--text);font-family:var(--mono);font-size:12px;direction:ltr;text-align:left;user-select:text}
.sub-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.sub-line{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--dim);padding:10px 12px;background:var(--card);border-radius:10px;border:1px solid var(--border)}
.price-card .amt span.unit{font-size:13px}

body.has-preview-banner {
  padding-top: 0 !important;
  height: 100%;
}
body.has-preview-banner #menubar{top:48px}
body.has-preview-banner #boot{top:48px;height:calc(100% - 48px)}
body.has-preview-banner #desktop{height:calc(100% - 48px);margin-top:48px}

@media (hover:none),(pointer:coarse){
  .tl button{width:18px;height:18px}
  .tl button svg{width:10px;height:10px;opacity:0.95}
  .win-head{height:42px}
  .win-resize{width:32px;height:32px}
  .d-item:hover{transform:none;margin:0}
  .d-item:active{transform:scale(1.06) translateY(-4px)}
}

@media (max-width:900px){
  .price-row{flex-wrap:wrap}
  .price-card{flex:1 1 220px}
}

@media (max-width:768px){
  #menubar{font-size:11px;padding:var(--safe-top) 10px 0}
  .bar-l{gap:6px}
  .bar-item.hide-m,.bar-r .hide-m{display:none}
  #dock{min-height:70px;padding:6px 8px 5px;gap:6px;border-radius:16px}
  .d-item{width:50px}
  .d-item .ico-wrap{width:40px;height:40px}
  .d-item .ico svg{width:20px;height:20px}
  .d-label{font-size:9px;max-width:50px}
  .d-sep{height:36px;margin-bottom:16px}
  .feat-grid{grid-template-columns:1fr}
  .price-row{flex-direction:column}
  .stat-row{flex-direction:column}
  .form-row{flex-direction:column}
  .s-home,.s-feat,.s-price,.s-about,.s-contact{padding:24px 18px}
  .s-home .btns{width:100%}
  .s-home .btns .btn-p,.s-home .btns .btn-g{flex:1;justify-content:center}
  .win{border-radius:10px}
}

@media (max-width:480px){
  .bar-item:not(#sys-btn):not(#lang-btn):not(#clock):not(#user-chip):not(.bar-brand){display:none}
  .bar-l .bar-item:first-child,.bar-l #sys-btn,.bar-l #lang-btn{display:flex}
  #clock{font-size:11px}
}