@font-face{font-family:"Plex Ar";src:url(fonts/plex-arabic-regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Plex Ar";src:url(fonts/plex-arabic-medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Plex Ar";src:url(fonts/plex-arabic-semibold.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Plex Ar";src:url(fonts/plex-arabic-bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Inter";src:url(fonts/inter-var.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--night:#0E0A1F;--deep:#1A1033;--plum:#2A1B4D;--violet:#9277F0;--royal:#5B7BFF;--cyan:#1FB6E8;--lav:#C9BCFF;--light:#F7F8FB;
 --muted:#A9AECB;--line:rgba(201,188,255,.14);--card:rgba(255,255,255,.04);--grad:linear-gradient(135deg,#9277F0 0%,#5B7BFF 55%,#1FB6E8 100%);
 --r:20px;--pad:clamp(16px,4.5vw,64px);--max:1240px;--font:"Plex Ar","Inter",system-ui,sans-serif;--ok:#34d399;--bad:#f87171}
html[lang=en]{--font:"Inter","Plex Ar",system-ui,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:80px}
body{margin:0;background:var(--night);color:var(--light);font-family:var(--font);font-size:16px;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
html[lang=en] body{line-height:1.55}
img,svg{max-width:100%;display:block}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:8px}
.skip{position:absolute;inset-inline-start:12px;top:-60px;background:var(--violet);color:#fff;padding:10px 16px;border-radius:10px;z-index:100;text-decoration:none}.skip:focus{top:12px}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}.narrow{max-width:860px}
h1,h2,h3,h4{margin:0;line-height:1.2;font-weight:700}
html[lang=en] h1,html[lang=en] h2{letter-spacing:-.03em;font-weight:650}
h2{font-size:clamp(28px,4.6vw,48px)}h3{font-size:clamp(18px,2vw,21px);font-weight:600}
p{margin:0}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--lav);margin-bottom:14px}
.eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
.lead{color:var(--muted);font-size:clamp(16px,1.5vw,19px);max-width:640px;margin-top:14px}
.gt{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
section{position:relative;padding:clamp(56px,8vw,104px) 0}
.sec-head{max-width:760px;margin-bottom:clamp(28px,4vw,48px)}
.center{text-align:center;margin-inline:auto}.center .lead{margin-inline:auto}
.aurora{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(1200px 700px at 50% -10%,#24164a 0%,transparent 60%),var(--night)}
.aurora i{position:absolute;border-radius:50%;filter:blur(80px);opacity:.45}
.aurora i:nth-child(1){width:60vmax;height:60vmax;background:#4b2fb3;top:-30vmax;inset-inline-start:-20vmax}
.aurora i:nth-child(2){width:45vmax;height:45vmax;background:#9277F0;top:10vh;inset-inline-end:-25vmax;opacity:.22}
.aurora i:nth-child(3){width:40vmax;height:40vmax;background:#1FB6E8;bottom:-25vmax;inset-inline-start:20vw;opacity:.12}
/* nav */
.nav{position:fixed;top:0;inset-inline:0;z-index:50;transition:background .3s,border-color .3s;border-bottom:1px solid transparent}
.nav.scrolled{background:rgba(14,10,31,.8);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-color:var(--line)}
.nav .wrap{display:flex;align-items:center;gap:16px;height:66px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:22px}
.brand svg{width:32px;height:32px}.brand small{font-family:Inter;font-weight:600;font-size:15px;color:var(--muted)}
.nav-links{display:none;gap:2px;margin-inline-start:auto}
.nav-links a{text-decoration:none;color:var(--muted);font-size:15px;padding:8px 12px;border-radius:10px}.nav-links a:hover{color:#fff;background:rgba(255,255,255,.06)}
.nav-actions{display:flex;gap:8px;align-items:center;margin-inline-start:auto}
@media(min-width:980px){.nav-links{display:flex}.nav-actions{margin-inline-start:12px}}
.lang{font:600 14px Inter,"Plex Ar";background:rgba(255,255,255,.06);border:1px solid var(--line);color:#fff;border-radius:999px;height:40px;min-width:48px;padding:0 12px;cursor:pointer}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border-radius:999px;font-weight:600;font-size:16px;text-decoration:none;color:#fff;background:var(--grad);border:0;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s;box-shadow:0 10px 30px -10px rgba(146,119,240,.8),inset 0 1px 0 rgba(255,255,255,.3);text-align:center}
.btn:hover{transform:translateY(-2px)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.btn.ghost{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px var(--line)}
.btn.sm{min-height:40px;padding:0 16px;font-size:14px}
.btn.wide{width:100%}.btn.danger{background:linear-gradient(135deg,#ef4444,#f97316);box-shadow:none}
.btn .arr{transition:transform .2s}html[dir=rtl] .btn .arr{transform:scaleX(-1)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:999px;padding:7px 14px;font-size:14px;cursor:pointer;color:var(--light);font-variant-numeric:tabular-nums}
.chip[aria-pressed=true]{background:var(--grad);border-color:transparent;color:#fff}
/* hero */
.hero{padding-top:88px}
.segbar{display:flex;align-items:center;gap:10px;margin-bottom:22px}
.segbar-l{color:var(--muted);font-weight:600;flex:none}
.segs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:4px 2px;margin:-4px 0;-webkit-mask-image:linear-gradient(to right,#000 85%,transparent);mask-image:linear-gradient(to right,#000 85%,transparent)}
html[dir=rtl] .segs{-webkit-mask-image:linear-gradient(to left,#000 85%,transparent);mask-image:linear-gradient(to left,#000 85%,transparent)}
.segs::-webkit-scrollbar{display:none}
.seg{flex:none;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--light);border-radius:999px;padding:9px 16px;font-size:15px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s}
.seg:hover{background:rgba(255,255,255,.1)}
.seg[aria-selected=true]{background:#fff;color:var(--night);border-color:#fff}
.hero-grid{display:grid;gap:28px;align-items:center}
@media(min-width:1040px){.hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px}html .segs,html[dir=rtl] .segs{-webkit-mask-image:none;mask-image:none}}
.hero h1{font-size:clamp(34px,6.2vw,64px);line-height:1.12}
html[lang=en] .hero h1{line-height:1.05}
.tagline{font-size:clamp(18px,2.2vw,24px);font-weight:600;margin-top:14px;color:#fff}
.hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.hero-facts{display:flex;flex-wrap:wrap;gap:8px 16px;padding:0;margin:20px 0 0;list-style:none;color:var(--muted);font-size:14px}
.hero-facts li::before{content:"✓";color:var(--cyan);margin-inline-end:6px;font-weight:700}
.vs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:28px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.03)}
.vs b{color:var(--lav);margin-inline-end:4px}
.vs span{padding:4px 12px;border-radius:999px;background:rgba(248,113,113,.08);color:#fbd5d5;font-size:14px}.vs span::before{content:"✕";color:#f87171;margin-inline-end:6px;font-weight:700}
/* tv */
.tv{background:#05040b;border-radius:14px;padding:clamp(5px,.8vw,9px);box-shadow:0 30px 60px -20px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.08),0 0 80px -20px rgba(91,123,255,.45);position:relative}
.tv::after{content:"";position:absolute;bottom:-12px;left:50%;width:22%;height:6px;transform:translateX(-50%);background:#16131f;border-radius:0 0 8px 8px}
.tv-scr{position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:linear-gradient(160deg,#1b1240,#0b1530);container-type:inline-size;color:#fff}
.dm{display:grid;gap:22px;align-items:start}
.demo-note{color:var(--muted);font-size:13px;margin-top:12px}
.ed-h{font-size:13px;font-weight:600;color:var(--lav);margin-bottom:10px}
.spin{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;animation:sp .8s linear infinite;vertical-align:middle;margin-inline-end:8px}
@keyframes sp{to{transform:rotate(360deg)}}
.shake{animation:shk .35s}@keyframes shk{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.sh-toast{position:absolute;bottom:6%;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.95);color:var(--night);padding:.6em 1.1em;border-radius:999px;font-size:clamp(11px,2.6cqw,18px);font-weight:600;white-space:nowrap;animation:up .35s}
@keyframes up{from{opacity:0;transform:translate(-50%,10px)}}
/* share */
.dm.share{grid-template-columns:1fr}
@media(min-width:760px){.dm.share:not(.compact){grid-template-columns:1.35fr 1fr;align-items:center}}
.sh-idle,.sh-live{position:absolute;inset:0}
.sh-idle{display:flex;flex-direction:column;padding:5cqw 6cqw;background:radial-gradient(80% 90% at 80% 10%,rgba(146,119,240,.35),transparent 60%),linear-gradient(160deg,#160f33,#0a1430)}
.sh-room{font-size:3cqw;color:var(--lav);font-weight:600}
.sh-main{flex:1;display:flex;align-items:center;justify-content:space-between;gap:5cqw}
.sh-txt p{font-size:4.2cqw;font-weight:700}
.sh-code{font:700 9.5cqw/1.1 Inter,monospace;letter-spacing:.06em;margin:1.5cqw 0;direction:ltr;text-align:start;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sh-code span{display:inline-block;width:2.2cqw}
.sh-txt small{font:500 2.4cqw Inter;color:var(--muted);direction:ltr;display:block}
.sh-idle .qr{width:24cqw;height:24cqw;border-radius:2cqw;flex:none}
.sh-bar{height:.7cqw;background:rgba(255,255,255,.1);border-radius:9px;overflow:hidden}
.sh-bar i{display:block;height:100%;background:var(--grad);animation:bar linear infinite;transform-origin:left}
@keyframes bar{from{transform:scaleX(1)}to{transform:scaleX(0)}}
.sh-conn{position:absolute;inset:0;display:grid;place-items:center;font-size:3.6cqw;background:rgba(5,4,11,.7)}
.sh-live{background:#f7f8fb;color:#0e0a1f}
.slide{position:absolute;inset:0;padding:5cqw 6cqw;display:flex;flex-direction:column}
.sl-h b{display:block;font-size:4.6cqw}.sl-h span{font-size:2.4cqw;color:#5b5f7a}
.bars{flex:1;display:flex;align-items:flex-end;gap:2.5cqw;padding-top:4cqw;direction:ltr}
.bars i{flex:1;height:var(--v);background:var(--grad);border-radius:1cqw 1cqw 0 0;position:relative;animation:grow .7s var(--d) both cubic-bezier(.2,.8,.2,1);transform-origin:bottom}
.bars em{position:absolute;bottom:-3.4cqw;left:0;right:0;text-align:center;font:500 2cqw Inter;color:#5b5f7a;font-style:normal}
@keyframes grow{from{transform:scaleY(0)}}
.sh-badge{position:absolute;top:2.5cqw;inset-inline-end:2.5cqw;background:rgba(14,10,31,.85);color:#fff;padding:.8cqw 2cqw;border-radius:9px;font-size:2.3cqw}
.rec{position:absolute;top:2.5cqw;left:50%;transform:translateX(-50%);background:#dc2626;color:#fff;font:700 2.3cqw Inter;padding:.8cqw 1.8cqw;border-radius:9px;animation:blink 1.4s infinite}
@keyframes blink{50%{opacity:.55}}
.sender{border:1px solid var(--line);border-radius:16px;background:rgba(20,15,45,.9);overflow:hidden}
.bbar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:rgba(255,255,255,.05);border-bottom:1px solid var(--line)}
.bbar i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.2)}
.bbar span{margin-inline-start:8px;font:500 12px Inter;color:var(--muted);direction:ltr;background:rgba(0,0,0,.25);padding:3px 10px;border-radius:8px;flex:1;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sender-body{padding:16px}
.sh-form label{display:block;font-size:13px;color:var(--muted);margin:2px 0 6px}
.otp{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:12px}
.otp input{width:100%;min-width:0;height:48px;text-align:center;font:700 20px Inter;border-radius:10px;border:1px solid var(--line);background:rgba(0,0,0,.3);text-transform:uppercase;padding:0}
.otp input:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 3px rgba(31,182,232,.25)}
.nm{width:100%;height:44px;border-radius:10px;border:1px solid var(--line);background:rgba(0,0,0,.3);padding:0 12px}
.err{color:var(--bad);font-size:13px;min-height:1.3em;margin:6px 0}
.sh-btns{display:flex;flex-wrap:wrap;gap:8px}.sh-btns .btn{flex:1 1 auto;min-height:44px;font-size:15px;padding:0 16px}
.sh-wait{color:var(--muted);padding:14px 0}
.sh-on .ok{color:var(--ok);font-weight:600;margin-bottom:12px}
.sw{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--light);margin:10px 0 14px;cursor:pointer}
.sw input{width:20px;height:20px;accent-color:var(--violet);flex:none;margin-top:2px}
.dm.compact .sender-body{padding:12px}
/* menu */
.dm.menu{grid-template-columns:1fr}
@media(min-width:760px){.dm.menu:not(.compact){grid-template-columns:1.35fr 1fr}}
.mb{position:absolute;inset:0;display:grid;grid-template-columns:1.25fr 1fr;background:#120d07;color:#f8efe4}
.mb-l{padding:3.2cqw 4cqw;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.mb-h b{display:block;font-size:3.9cqw;line-height:1.25;color:#f5c27a}.mb-h span{font-size:2.1cqw;line-height:1.3;color:#b9a68f}
.mb ul{list-style:none;padding:0;margin:1.8cqw 0 0;flex:1;display:flex;flex-direction:column;justify-content:space-evenly;min-height:0}
.mb li{display:flex;align-items:baseline;gap:1.2cqw;font-size:2.7cqw;line-height:1.3;padding:.45cqw .8cqw;border-radius:1cqw;transition:background .4s}
.mb li i{flex:1;border-bottom:.25cqw dotted rgba(248,239,228,.3)}
.mb li b{font-family:Inter,"Plex Ar";white-space:nowrap}.mb li small{font-size:1.9cqw;color:#b9a68f}
.mb li.out span,.mb li.out i{opacity:.4;text-decoration:line-through}.mb li.out b{color:#f87171;font-size:2.4cqw}
.mb li.flash{animation:fl 1.2s}@keyframes fl{0%,40%{background:rgba(245,194,122,.35)}}
.mb-r{position:relative;overflow:hidden}.mb-r>img{width:100%;height:100%;object-fit:cover;object-position:30% 50%}
.mb-offer{position:absolute;inset:0;animation:up2 .4s}.mb-offer img{width:100%;height:100%;object-fit:cover;object-position:28% 50%}
.mb-offer p{position:absolute;bottom:0;inset-inline:0;padding:2cqw 2.5cqw;gap:2cqw;background:linear-gradient(transparent,rgba(0,0,0,.85));display:flex;justify-content:space-between;align-items:end}
.mb-offer b{font-size:3cqw}.mb-offer span{font:700 3.6cqw Inter;color:#f5c27a}
@keyframes up2{from{opacity:0}}
.editor{border:1px solid var(--line);border-radius:16px;background:rgba(20,15,45,.9);padding:14px}
.ed-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line);font-size:14px}
.stepper{display:flex;align-items:center;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.stepper button{width:34px;height:36px;border:0;background:rgba(255,255,255,.06);cursor:pointer;font-size:18px}
.stepper input{width:44px;height:36px;border:0;background:transparent;text-align:center;font:600 15px Inter;-moz-appearance:textfield;appearance:textfield}
.stepper input::-webkit-inner-spin-button{-webkit-appearance:none}
.mini{font-size:12px;color:var(--muted);display:flex;gap:4px;align-items:center;cursor:pointer}.mini input{accent-color:var(--violet)}
/* queue / booth / camp controls */
.dm.queue,.dm.booth,.dm.camp{grid-template-columns:1fr}
@media(min-width:760px){.dm.queue:not(.compact),.dm.booth:not(.compact),.dm.camp:not(.compact){grid-template-columns:1.35fr 1fr}}
.qctl{display:grid;gap:12px}
.qbox{border:1px solid var(--line);border-radius:16px;background:rgba(20,15,45,.9);padding:14px}
.qk{display:flex;gap:8px;flex-wrap:wrap}.qk .btn{flex:1}
.ticket{margin-top:10px;min-height:1.6em;color:var(--muted)}.ticket b{color:#fff;font-family:Inter}
.qbox .btn.call,.qbox .btn.reg,.qbox .btn.go{width:100%}
.qwait{margin-top:10px;color:var(--muted);font-size:14px;min-height:1.4em}
.qd{position:absolute;inset:0;display:grid;grid-template-columns:1.4fr 1fr;background:linear-gradient(150deg,#062a3a,#0b1530)}
.q-now{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1cqw;border-inline-end:.3cqw solid rgba(255,255,255,.08)}
.q-now small{font-size:3cqw;color:#9fdcf0}.q-now b{font:800 13cqw/1 Inter;letter-spacing:-.02em}.q-now span{font-size:4cqw;font-weight:600;color:#9fdcf0}
.q-now.flash{animation:qf 1.4s}@keyframes qf{0%,30%{background:rgba(31,182,232,.35)}}
.q-side{padding:4cqw 3.5cqw}.q-side p{font-size:2.6cqw;color:#9fdcf0}
.q-side ul{list-style:none;padding:0;margin:1.5cqw 0}.q-side li{display:flex;justify-content:space-between;font-size:3cqw;padding:1.2cqw 0;border-bottom:.2cqw solid rgba(255,255,255,.08)}
.q-side li b{font-family:Inter}.q-side li span{color:#cbd5e1;font-size:2.4cqw}.q-w b{font:700 3.4cqw Inter;color:#fff}
/* wall */
.dm.wall{grid-template-columns:1fr}
@media(min-width:760px){.dm.wall:not(.compact){grid-template-columns:1.35fr 1fr;align-items:center}}
.wall-stage{background:linear-gradient(#1b1630,#0c0a18);border-radius:16px;padding:clamp(12px,3vw,26px);display:grid;place-items:center;border:1px solid var(--line);min-height:200px}
.wgrid{display:grid;gap:3px;width:100%;background:#000;padding:3px;border-radius:6px;box-shadow:0 20px 50px -20px rgba(0,0,0,.8);position:relative;overflow:hidden;margin-inline:auto}
.wimg{position:absolute;inset:3px;background-size:cover;background-repeat:no-repeat}
.wgrid i{position:relative;z-index:1;border-radius:1px;min-height:0;box-shadow:0 0 0 1.5px #000;background:linear-gradient(150deg,rgba(255,255,255,.06),rgba(255,255,255,0) 38%,rgba(0,0,0,.05))}
.wgrid em{position:absolute;top:3px;inset-inline-start:4px;font:600 9px Inter;color:rgba(255,255,255,.55);font-style:normal;text-shadow:0 1px 2px #000}
.wtxt{position:absolute;z-index:2;container-type:size;display:grid;place-items:center;padding:3%;pointer-events:none}
.wcard{max-width:88cqw;max-height:86cqh;overflow:hidden;padding:7cqh 7cqw;border-radius:4cqh;background:linear-gradient(160deg,rgba(14,10,31,.78),rgba(14,10,31,.58));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 0 1px rgba(255,255,255,.12) inset;color:#fff;text-align:start;line-height:1.15}
.wcard small{display:block;font-size:max(6px,8cqh);font-weight:600;color:var(--lav);letter-spacing:.02em;margin-bottom:3cqh}
.wcard b{display:block;font-size:max(9px,17cqh);font-weight:700;margin-bottom:3cqh;background:linear-gradient(90deg,#fff,#d9d2ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.wcard span{display:block;font-size:max(6px,8.5cqh);color:rgba(255,255,255,.88);line-height:1.35}
.wtxt.cap{place-items:end start;align-content:end}
.wcap{font-size:max(6px,8cqh);font-weight:600;color:#fff;padding:2.5cqh 4cqw;border-radius:99px;background:rgba(14,10,31,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.wgrid{transition:opacity .2s ease}@keyframes wf{from{filter:brightness(0)}}
.wctl{border:1px solid var(--line);border-radius:16px;background:rgba(20,15,45,.9);padding:14px}.wctl .chips{margin-bottom:14px}
.wnote{color:var(--muted);font-size:14px}
.dm.compact .wctl .ed-h{margin-bottom:6px}
/* booth */
.bt{position:absolute;inset:0;background:url(img/share-bg-960.webp) center/cover}
.bt-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,10,31,.85),rgba(14,10,31,.2))}
html[dir=rtl] .bt-bg{background:linear-gradient(270deg,rgba(14,10,31,.85),rgba(14,10,31,.2))}
.bt-c{position:absolute;top:10%;inset-inline-start:6%;max-width:60%}.bt-c small{font-size:2.6cqw;color:var(--lav)}.bt-c b{display:block;font-size:5.4cqw;line-height:1.2;animation:up2 .5s}
.bt-q{position:absolute;bottom:7%;inset-inline-end:5%;background:#fff;color:var(--night);border-radius:2cqw;padding:1.5cqw;text-align:center;font-size:2.2cqw;font-weight:600}
.bt-q .qr{width:16cqw;height:16cqw}
.bt-n{position:absolute;bottom:8%;inset-inline-start:6%;font-size:3cqw;background:rgba(0,0,0,.4);padding:1cqw 2cqw;border-radius:9px}.bt-n b{font-family:Inter}
/* campaign */
.cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.cs .cs-s{aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#000;border:3px solid #05040b;position:relative;container-type:inline-size}
.cs .cs-s img{width:100%;height:100%;object-fit:cover}
.cs p{font-size:13px;color:var(--muted);margin-top:4px;display:flex;flex-wrap:wrap;gap:4px;justify-content:space-between}.cs p em{color:var(--ok);font-style:normal;font-family:Inter;font-size:11px}
.promo{position:absolute;inset:0;background:linear-gradient(135deg,#0b0b0b,#2b2b2b);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:up2 .4s;color:#fff}
.promo b{font:800 22cqw/1 Inter;background:linear-gradient(90deg,#fff,#c9bcff);-webkit-background-clip:text;background-clip:text;color:transparent}.promo span{font-size:10cqw;font-weight:700}
/* notes */
.dm.notes{grid-template-columns:1fr}
@media(min-width:860px){.dm.notes{grid-template-columns:1fr 1fr}}
.nt-tr,.nt-out{border:1px solid var(--line);border-radius:16px;background:rgba(20,15,45,.9);padding:16px;min-height:260px}
.nt-tr small{color:var(--muted);font-size:13px}
.lines{list-style:none;padding:0;margin:12px 0 0}
.lines li{display:grid;grid-template-columns:auto auto 1fr;gap:4px 10px;padding:8px 0;border-bottom:1px solid var(--line);animation:up2 .4s;font-size:14px}
.lines b{color:var(--lav)}.lines time{font:500 12px Inter;color:var(--muted);padding-top:2px}.lines span{grid-column:1/-1}
.nt-out .gen{width:100%;margin-bottom:12px}
.nb{padding:10px 0;border-bottom:1px solid var(--line);animation:up3 .5s both}@keyframes up3{from{opacity:0;transform:translateY(8px)}}
.nb h4{font-size:14px;color:var(--cyan);margin-bottom:6px}.nb p,.nb li{font-size:14px}.nb ul{margin:0;padding-inline-start:18px}
.acts{list-style:none;padding:0!important}.acts li{display:grid;grid-template-columns:auto 1fr auto;gap:8px;padding:4px 0}.acts b{color:var(--lav)}.acts time{color:var(--muted);font-size:13px}
/* hero demo */
.hero-demo{min-width:0}
.hero-demo .dm{gap:14px}
@media(min-width:600px){.hero-demo .dm.share.compact,.hero-demo .dm.menu.compact,.hero-demo .dm.queue.compact,.hero-demo .dm.booth.compact,.hero-demo .dm.camp.compact,.hero-demo .dm.wall.compact{grid-template-columns:1.45fr 1fr;align-items:center}}
@media(min-width:1040px){.hero-demo .dm.compact{grid-template-columns:1fr!important}.hero-demo .dm.compact .sender,.hero-demo .dm.compact .editor,.hero-demo .dm.compact .qctl,.hero-demo .dm.compact .wctl{max-width:none}}
.hero-demo .dm.camp .cgrid{grid-template-columns:repeat(3,1fr)}
.hero-demo .editor .ed-row{padding:4px 0}
/* features */
.feat-grid{display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:620px){.feat-grid{grid-template-columns:1fr 1fr}}@media(min-width:1000px){.feat-grid{grid-template-columns:repeat(3,1fr)}}
.feat{padding:20px;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}
.feat .ic{width:30px;height:30px;color:var(--cyan);margin-bottom:12px}
.feat h3{margin-bottom:6px}.feat p{color:var(--muted);font-size:15px}
.new{font-style:normal;font-size:12px;font-weight:700;background:var(--grad);color:#fff;padding:2px 9px;border-radius:999px;vertical-align:middle}
.feat-shot{margin:24px auto 0;max-width:880px}.feat-shot img{width:100%;height:auto;border-radius:14px;border:1px solid var(--line)}
.feat-shot figcaption{color:var(--muted);font-size:13px;margin-top:8px}
/* tour */
.ttabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:4px;margin:0 auto 22px;max-width:max-content;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:999px}
.ttabs::-webkit-scrollbar{display:none}
.ttab{flex:none;border:0;background:transparent;color:var(--muted);padding:9px 16px;border-radius:999px;font-weight:600;cursor:pointer;white-space:nowrap}
.ttab[aria-selected=true]{background:#fff;color:var(--night)}
@media(max-width:820px){.ttabs{max-width:100%;border-radius:16px}}
.tour-panel{border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.025);padding:clamp(14px,3vw,30px)}
.live{display:inline-flex;margin-top:18px;color:var(--cyan);font-weight:600;text-decoration:none}.live:hover{text-decoration:underline}
/* gallery */
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(min-width:900px){.gallery{grid-template-columns:repeat(3,1fr);gap:14px}}
.gallery figure{margin:0}.gallery img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:50% 0;border-radius:12px;border:1px solid var(--line);background:#111}
.gallery figcaption{font-size:13px;color:var(--muted);margin-top:6px}
.live-links{display:grid;gap:10px;margin-top:24px;grid-template-columns:1fr}
@media(min-width:700px){.live-links{grid-template-columns:repeat(4,1fr)}}
.ll{display:block;padding:16px;border:1px solid var(--line);border-radius:16px;text-decoration:none;background:var(--card);transition:border-color .2s}
.ll:hover{border-color:var(--violet)}.ll b{display:block}.ll b::after{content:" ↗";color:var(--cyan)}.ll span{color:var(--muted);font-size:14px}
/* how */
.how{display:grid;gap:30px;align-items:center}@media(min-width:900px){.how{grid-template-columns:1.1fr .9fr}}
.steps{list-style:none;counter-reset:s;padding:0;margin:24px 0 0;display:grid;gap:14px}
.steps li{counter-increment:s;display:grid;grid-template-columns:44px 1fr;gap:2px 14px}
.steps li::before{content:counter(s);grid-row:span 2;width:44px;height:44px;border-radius:12px;background:var(--grad);display:grid;place-items:center;font:700 18px Inter}
.steps span{color:var(--muted)}.note{color:var(--muted);margin-top:18px;font-size:14px}
.device{margin:0}.device img{width:100%;height:auto;border-radius:var(--r);border:1px solid var(--line)}
/* pricing */
.pack-hero{margin-bottom:22px}.ph-l{color:var(--lav);font-weight:600;margin-bottom:10px}
.pack{padding:20px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);display:flex;flex-direction:column}
.pack.big{background:linear-gradient(160deg,rgba(146,119,240,.18),rgba(31,182,232,.08));border-color:rgba(146,119,240,.5);display:grid;gap:8px 24px}
@media(min-width:800px){.pack.big{grid-template-columns:1fr 1fr auto;align-items:center}.pack.big ul{grid-row:1/span 3;grid-column:2}.pack.big .btn{grid-column:3;grid-row:1/span 3}}
.pack .price{margin-top:6px}.pack .price b{font:700 32px Inter}.pack .price small{display:block;color:var(--muted);font-size:13px}
.pack .ref{color:var(--muted);font-size:13px}.pack .ref s{font-family:Inter}
.pack ul{margin:12px 0 0;padding:0;list-style:none;font-size:14px;display:grid;gap:4px}.pack li::before{content:"✓ ";color:var(--cyan)}
.pack.cur:not(.big){border-color:var(--violet)}
.plans{display:grid;gap:12px;grid-template-columns:1fr;margin-bottom:14px}@media(min-width:800px){.plans{grid-template-columns:repeat(3,1fr)}}
.plan{padding:20px;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}.plan.hot{border-color:rgba(31,182,232,.6)}
.plan .price b{font:700 36px Inter}.plan .price small{color:var(--muted);font-size:13px;margin-inline-start:6px}
.plan .for{color:var(--lav);font-size:14px;margin:4px 0 8px}.plan .inc{color:var(--muted);font-size:14px}
.addons{display:grid;gap:10px;grid-template-columns:1fr 1fr}@media(min-width:900px){.addons{grid-template-columns:repeat(4,1fr)}}
.addon{padding:14px;border:1px dashed var(--line);border-radius:14px;font-size:14px}.addon b{display:block}.addon span{color:var(--muted)}
.sub{margin:36px 0 14px}
.packs{display:grid;gap:12px;grid-template-columns:1fr}@media(min-width:640px){.packs{grid-template-columns:1fr 1fr}}@media(min-width:1000px){.packs{grid-template-columns:repeat(3,1fr)}}
.calc{margin-top:40px;display:grid;gap:18px;padding:clamp(16px,3vw,28px);border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.03)}
@media(min-width:900px){.calc{grid-template-columns:1fr 1.1fr;gap:32px}}
.calc h3{margin-bottom:14px}
.f{display:grid;gap:6px;margin-bottom:14px;font-size:14px;color:var(--muted)}
.f input:not([type=range]):not([type=checkbox]),.f select,.f textarea{height:46px;border-radius:12px;border:1px solid var(--line);background:rgba(0,0,0,.3);padding:0 12px;color:#fff;width:100%;font-size:16px}
.f textarea{height:auto;padding:10px 12px;resize:vertical}
.f select option{background:#1a1033}
.f output{font:700 16px Inter;color:#fff}
.f input[type=range]{width:100%;accent-color:var(--violet);height:28px}
.f.chk{display:flex;gap:10px;align-items:center;color:var(--light)}.f.chk input{width:20px;height:20px;accent-color:var(--violet)}
[hidden]{display:none!important}
.calc-out{background:rgba(14,10,31,.6);border:1px solid var(--line);border-radius:18px;padding:18px}
.lines-c{list-style:none;padding:0;margin:0}.lines-c li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--line);font-size:15px}.lines-c b{font-family:Inter;white-space:nowrap}
.total{display:flex;align-items:baseline;gap:8px;margin-top:12px}.total span{flex:1;font-weight:600}.total b{font:700 34px Inter}
.foot{color:var(--muted);font-size:14px}.est{color:var(--muted);font-size:12px;margin-top:8px}
.cmp{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.cmp p{display:flex;justify-content:space-between;gap:10px;font-size:14px;padding:3px 0}.cmp p b{font-family:Inter;white-space:nowrap}
.cmp .save{color:var(--ok);font-weight:600}.cmp p.est{display:block}
.hint{margin-top:12px;font-size:14px;color:var(--lav)}
/* trust & faq */
.trust{display:grid;gap:12px;grid-template-columns:1fr}@media(min-width:700px){.trust{grid-template-columns:1fr 1fr}}@media(min-width:1000px){.trust{grid-template-columns:repeat(3,1fr)}}
.trust div{padding:18px;border-radius:var(--r);background:var(--card);border:1px solid var(--line)}.trust b{display:block;margin-bottom:4px}.trust span{color:var(--muted);font-size:15px}
.faq details{border-bottom:1px solid var(--line);padding:16px 0}
.faq summary{cursor:pointer;font-weight:600;font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";color:var(--cyan);font:400 24px/1 Inter}
.faq details[open] summary::after{content:"−"}.faq p{color:var(--muted);margin-top:10px}
/* preorder */
.po{display:grid;gap:28px}@media(min-width:900px){.po{grid-template-columns:1fr 1fr;align-items:start}}
.po-pts{padding:0;list-style:none;margin:18px 0 0;display:grid;gap:8px}.po-pts li::before{content:"✓ ";color:var(--cyan);font-weight:700}
.po-form{padding:clamp(16px,3vw,28px);border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.04)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.po-msg{margin-top:12px;min-height:1.4em;font-size:15px}.po-msg.good{color:var(--ok)}.po-msg.bad{color:var(--bad)}
footer{padding:44px 0 36px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
footer .wrap{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center}
footer nav{display:flex;flex-wrap:wrap;gap:6px 18px}footer nav a{text-decoration:none}
@media(max-width:420px){.hero h1{font-size:32px}.btn{padding:0 18px}.nav .btn.sm{padding:0 12px}.brand small{display:none}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:639px){.packs,.plans{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin-inline:calc(var(--pad)*-1);padding:2px var(--pad) 8px;scrollbar-width:none}
.packs::-webkit-scrollbar,.plans::-webkit-scrollbar{display:none}.packs>.pack,.plans>.plan{flex:0 0 82%;scroll-snap-align:center}
.swipe{display:block;color:var(--muted);font-size:13px;margin:-6px 0 10px}}
@media(min-width:640px){.swipe{display:none}}

/* image fit pass (Oct 19) */
@media(max-width:759px){.gallery figure:first-child{grid-column:1/-1}}
.gallery a{display:block;border-radius:12px}
.cs .cs-s img{object-position:0 50%}
.cs-tag{position:absolute;inset-block:0;inset-inline-start:50%;inset-inline-end:0;display:flex;flex-direction:column;justify-content:center;gap:1.5cqw;padding-inline:4cqw;color:#fff;line-height:1.2}
html[dir=rtl] .cs-tag{inset-inline-start:0;inset-inline-end:50%}
.cs-tag small{font-size:5.6cqw;color:#c9bcff;font-weight:600}
.cs-tag b{font-size:7.6cqw;font-weight:700;overflow-wrap:anywhere}
.cgrid{display:flex;flex-wrap:wrap;justify-content:center}
.cgrid .cs{flex:0 0 calc((100% - 20px)/3);min-width:0}