/* ScreenWick design system 2.0 — dashboard, admin, sign-in and marketing.
   Brand: Ink #07090E · Paper #F3F6FA · Cyan #00E5FF · Teal #00B4D8 · Violet #7F00FF · Manrope (display) + Inter (body).
   Partners (white label) override --accent / --accent-fg from layouts/_brandhead.php. Old variable names
   (--red, --tint, --display, --body, --good, --warn) stay as aliases so page-level styles keep working. */
@font-face{font-family:"Manrope";src:url(/assets/fonts/Manrope-Variable.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"Inter";src:url(/assets/fonts/Inter-Variable.woff2) format("woff2");font-weight:100 900;font-display:swap}

:root{
  --accent:#7F00FF;--accent-fg:#fff;
  --navy:#07090E;--navy-2:#0D1220;--navy-line:rgba(255,255,255,.07);--on-navy:#C9D2E3;--on-navy-faint:#7C879B;
  --cyan:#00E5FF;--teal:#00B4D8;--violet:#7F00FF;
  --bg:#F3F6FA;--surface:#fff;--surface-2:#F7F9FC;--surface-3:#EEF2F8;--ink:#0B1220;--muted:#5B6779;--faint:#8792A6;--line:#E3E8F0;--line-2:#CDD5E2;
  --good:#15803D;--good-bg:#DCFCE7;--warn:#B45309;--warn-bg:#FEF3C7;--bad:#DC2626;--bad-bg:#FEE2E2;--info:#2563EB;--info-bg:#DBEAFE;
  --accent-ink:color-mix(in srgb,var(--accent) 88%,#000);--accent-tint:color-mix(in srgb,var(--accent) 9%,transparent);--accent-ring:color-mix(in srgb,var(--accent) 28%,transparent);
  --red:var(--accent);--red-ink:var(--accent-fg);--tint:var(--accent-tint);
  --display:"Manrope",system-ui,sans-serif;--body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --r-sm:8px;--r:12px;--r-lg:16px;--r-xl:22px;
  --sh-sm:0 1px 2px rgba(11,18,32,.05);--sh:0 1px 2px rgba(11,18,32,.04),0 4px 14px rgba(11,18,32,.06);--sh-lg:0 18px 48px rgba(11,18,32,.16);
  --side-w:264px;--top-h:64px;--ease:cubic-bezier(.2,.8,.2,1);
  color-scheme:light;
}
:root[data-theme=dark]{
  --bg:#07090E;--surface:#0F1420;--surface-2:#131A28;--surface-3:#182133;--ink:#E8EEF7;--muted:#9BA7BA;--faint:#6F7B90;--line:#1E2737;--line-2:#2C3850;
  --good:#4ADE80;--good-bg:rgba(74,222,128,.12);--warn:#FBBF24;--warn-bg:rgba(251,191,36,.12);--bad:#F87171;--bad-bg:rgba(248,113,113,.13);--info:#60A5FA;--info-bg:rgba(96,165,250,.13);
  --accent-ink:color-mix(in srgb,var(--accent) 55%,#fff);--accent-tint:color-mix(in srgb,var(--accent) 18%,transparent);
  --navy:#05070B;--navy-2:#0A0E18;
  --sh-sm:none;--sh:0 1px 0 rgba(255,255,255,.02);--sh-lg:0 18px 48px rgba(0,0,0,.6);
  color-scheme:dark;
}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){
  --bg:#07090E;--surface:#0F1420;--surface-2:#131A28;--surface-3:#182133;--ink:#E8EEF7;--muted:#9BA7BA;--faint:#6F7B90;--line:#1E2737;--line-2:#2C3850;
  --good:#4ADE80;--good-bg:rgba(74,222,128,.12);--warn:#FBBF24;--warn-bg:rgba(251,191,36,.12);--bad:#F87171;--bad-bg:rgba(248,113,113,.13);--info:#60A5FA;--info-bg:rgba(96,165,250,.13);
  --accent-ink:color-mix(in srgb,var(--accent) 55%,#fff);--accent-tint:color-mix(in srgb,var(--accent) 18%,transparent);
  --navy:#05070B;--navy-2:#0A0E18;--sh-sm:none;--sh:0 1px 0 rgba(255,255,255,.02);--sh-lg:0 18px 48px rgba(0,0,0,.6);color-scheme:dark}}

/* hues for icons and sections (EntryWick-style colour coding) */
.c-blue{--h:#2563EB;--h-on:#7AA2F7;--h-bg:#EAF0FD}.c-cyan{--h:#0E7490;--h-on:#4CEAF1;--h-bg:#DDF8FB}.c-teal{--h:#0F766E;--h-on:#2DD4BF;--h-bg:#DCF7F2}
.c-violet{--h:#6D28D9;--h-on:#B794F6;--h-bg:#F1EBFE}.c-pink{--h:#BE185D;--h-on:#F472B6;--h-bg:#FDEBF3}.c-amber{--h:#B45309;--h-on:#FBBF24;--h-bg:#FEF3C7}
.c-orange{--h:#C2410C;--h-on:#FB923C;--h-bg:#FFEDD5}.c-slate{--h:#475569;--h-on:#CBD5E1;--h-bg:#EEF2F7}.c-green{--h:#15803D;--h-on:#4ADE80;--h-bg:#DCFCE7}
:root[data-theme=dark] [class*="c-"]{--h-bg:color-mix(in srgb,var(--h-on) 15%,transparent);--h:var(--h-on)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) [class*="c-"]{--h-bg:color-mix(in srgb,var(--h-on) 15%,transparent);--h:var(--h-on)}}

*{box-sizing:border-box}
html,body{margin:0}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--top-h) + 12px)}
body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:14.5px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:var(--accent-ink);text-decoration-thickness:1px;text-underline-offset:2px}
a:hover{color:var(--accent)}
h1,h2,h3,h4{font-family:var(--display);font-weight:700;margin:0 0 8px;text-wrap:balance;letter-spacing:-.01em;color:var(--ink)}
h1{font-size:clamp(22px,2.4vw,28px);line-height:1.2;letter-spacing:-.02em}h2{font-size:17px}h3{font-size:15px;margin-top:16px}
p{margin:0 0 10px}
hr{border:0;border-top:1px solid var(--line);margin:18px 0}
img{max-width:100%}
code,kbd{font-family:var(--mono);font-size:12.5px;background:var(--surface-3);padding:1px 6px;border-radius:6px;border:1px solid var(--line)}
small{font-size:12.5px}
.ico{flex:none;display:inline-block;vertical-align:middle}
.muted{color:var(--muted)}.fine{font-size:12.5px;color:var(--muted)}.err{color:var(--bad);display:block;margin-top:4px;font-size:12.5px;font-weight:500}
.eyebrow{font-family:var(--body);font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent-ink)}
.eyebrow a{color:inherit;text-decoration:none}.eyebrow a:hover{text-decoration:underline}
.sr-only,.sr{position:absolute!important;left:0;top:0;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--accent);color:var(--accent-fg);padding:10px 14px;border-radius:var(--r-sm);font-weight:600}.skip:focus{top:12px}
::selection{background:var(--accent-ring)}

/* ───────────── brand mark ───────────── */
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--display);font-weight:800;font-size:18px;color:var(--ink);letter-spacing:-.02em}
.brand b{color:var(--accent);font-weight:800}.brand.big{font-size:22px;margin-bottom:20px}
.brand img.logo{height:30px;width:auto;display:block}
.logo-on-dark,.logo-on-light{display:block;height:30px;width:auto}
:root[data-theme=dark] .logo-on-light{display:none}:root:not([data-theme=dark]) .logo-on-light+.logo-on-dark{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .logo-on-light{display:none}:root:not([data-theme=light]):not([data-theme=dark]) .logo-on-light+.logo-on-dark{display:block}}

/* ───────────── app shell ───────────── */
.shell{display:grid;grid-template-columns:var(--side-w) minmax(0,1fr);min-height:100vh}
.side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:var(--navy);color:var(--on-navy);border-right:1px solid var(--navy-line);z-index:40;overflow:hidden}
.side::before{content:"";position:absolute;inset:-140px -120px auto auto;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(127,0,255,.28),transparent 65%);pointer-events:none}
.side::after{content:"";position:absolute;inset:auto auto -160px -140px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(0,229,255,.14),transparent 65%);pointer-events:none}
.side>*{position:relative;z-index:1}
.side-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:18px 16px 10px 20px;min-height:var(--top-h)}
.side-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font:800 17px var(--display);min-width:0}
.side-brand img{height:28px;width:auto;max-width:180px;display:block}
.side-brand .sym{height:34px}
.side-brand .pmark{width:30px;height:30px;border-radius:9px;flex:none;background:var(--accent)}
.side-brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.iconbtn.side-x{display:none}
.iconbtn{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;padding:0;text-decoration:none;flex:none;transition:background .15s,border-color .15s}
.iconbtn:hover{border-color:var(--line-2);background:var(--surface-2);color:var(--ink)}
.side .iconbtn{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.08);color:var(--on-navy)}
.side .iconbtn:hover{background:rgba(255,255,255,.12);color:#fff}

.orgsw{position:relative;z-index:20!important;margin:4px 14px 8px}
.orgsw>button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);color:#fff;font:inherit;text-align:left;cursor:pointer}
.orgsw>button:hover,.orgsw>button[aria-expanded=true]{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}
.av{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;flex:none;background:linear-gradient(135deg,var(--violet),var(--teal));color:#fff;font:800 13px var(--display);letter-spacing:.02em}
.av.round{border-radius:50%}
.orgsw .who{display:flex;flex-direction:column;min-width:0;line-height:1.2;flex:1}
.orgsw .who b{font:700 14px var(--display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.orgsw .who small{color:var(--on-navy-faint);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.orgsw .ico{color:var(--on-navy-faint)}
.menu{position:absolute;z-index:60;min-width:240px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-lg);padding:6px;display:none}
.menu.open{display:block;animation:pop .14s var(--ease)}
@keyframes pop{from{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}
.orgsw .menu{left:0;right:0;top:calc(100% + 6px);max-height:min(420px,70vh);overflow:auto}
.menu input[type=search]{margin:4px 0 6px;height:36px}
.menu a,.menu button.mi{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:9px;color:var(--ink);text-decoration:none;font:500 14px var(--body);background:none;border:0;cursor:pointer;text-align:left}
.menu a:hover,.menu button.mi:hover,.menu a:focus-visible{background:var(--surface-3);color:var(--ink)}
.menu a.cur{background:var(--accent-tint);color:var(--accent-ink);font-weight:600}
.menu .mi-sub{margin-left:auto;font-size:11.5px;color:var(--faint)}
.menu .mhead{padding:8px 10px 6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.menu hr{margin:6px 4px}
.menu .av{width:28px;height:28px;font-size:11px;border-radius:8px}

.side-nav{flex:1;overflow-y:auto;padding:4px 10px 12px;scrollbar-width:thin;scrollbar-color:transparent transparent}
.side-nav:hover{scrollbar-color:rgba(255,255,255,.18) transparent}
.navgroup{margin-top:10px}
.navgroup>.gt{padding:8px 12px 6px;font-size:10.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--on-navy-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.navlink{display:flex;align-items:center;gap:11px;padding:6px 10px 6px 8px;border-radius:12px;color:var(--on-navy);text-decoration:none;font-weight:500;font-size:14px;line-height:1.2;position:relative;transition:background .15s,color .15s}
.navlink:hover{background:rgba(255,255,255,.06);color:#fff}
.navlink .ring{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;flex:none;color:var(--h-on);background:color-mix(in srgb,var(--h-on) 13%,transparent);border:1.5px dotted color-mix(in srgb,var(--h-on) 70%,transparent);transition:transform .18s var(--ease),background .18s}
.navlink:hover .ring{transform:scale(1.06);border-style:solid}
.navlink.on{background:rgba(255,255,255,.09);color:#fff;font-weight:600}
.navlink.on .ring{background:var(--h-on);color:var(--navy);border-style:solid;border-color:var(--h-on);box-shadow:0 0 0 4px color-mix(in srgb,var(--h-on) 18%,transparent)}
.navlink.on::before{content:"";position:absolute;left:-10px;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--h-on)}
.navlink .lbl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side-foot{padding:10px 14px 16px;border-top:1px solid var(--navy-line);display:flex;align-items:center;gap:8px}
.side-foot .ver{margin-left:auto;font-size:11px;color:var(--on-navy-faint)}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;padding:3px;gap:2px;background:var(--surface-2)}
.seg button{display:grid;place-items:center;width:32px;height:28px;border-radius:7px;border:0;background:transparent;color:var(--muted);cursor:pointer;padding:0}
.seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--sh-sm)}
.side .seg{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08)}
.side .seg button{color:var(--on-navy-faint)}.side .seg button[aria-pressed=true]{background:rgba(255,255,255,.14);color:#fff;box-shadow:none}

/* mini rail (EntryWick orbit look): icons with the label under them */
img.sym{display:none}

/* top bar */
.main{min-width:0;display:flex;flex-direction:column}
.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;height:var(--top-h);padding:0 clamp(16px,2.6vw,32px);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}
.topnav{flex:1;min-width:0}
.topright{display:flex;align-items:center;gap:8px;font-size:13px}
.burger{display:none}
.crumbs{list-style:none;display:flex;align-items:center;gap:4px;margin:0;padding:0;font-size:13.5px;flex-wrap:nowrap;overflow:hidden;white-space:nowrap}
.crumbs li{display:flex;align-items:center;gap:4px;min-width:0}
.crumbs li+li::before{content:"";width:6px;height:6px;border-right:1.6px solid var(--faint);border-top:1.6px solid var(--faint);transform:rotate(45deg);margin:0 8px 0 4px;flex:none}
.crumbs a{text-decoration:none;color:var(--muted);overflow:hidden;text-overflow:ellipsis}
.crumbs a:hover{color:var(--ink)}
.crumbs li:last-child a{color:var(--ink);font-weight:600}
.pill-admin{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:999px;font-size:12px;font-weight:700;text-decoration:none;color:var(--accent-ink);background:var(--accent-tint);border:1px solid var(--accent-ring)}
.usermenu{position:relative}
.usermenu>button{display:flex;align-items:center;gap:9px;height:40px;padding:3px 10px 3px 4px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer}
.usermenu>button:hover,.usermenu>button[aria-expanded=true]{border-color:var(--line-2);box-shadow:var(--sh)}
.usermenu .av{width:32px;height:32px;border-radius:50%;font-size:12px}
.usermenu .uname{font-weight:600;font-size:13.5px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.usermenu .menu{right:0;top:calc(100% + 8px)}
.usermenu .mwho{padding:8px 10px 10px;border-bottom:1px solid var(--line);margin-bottom:6px}
.usermenu .mwho b{display:block;font-size:14px}.usermenu .mwho span{font-size:12.5px;color:var(--muted);word-break:break-all}
.page{width:100%;max-width:1320px;margin:0 auto;padding:26px clamp(16px,2.6vw,32px) 64px;flex:1}
.foot{padding:16px clamp(16px,2.6vw,32px);border-top:1px solid var(--line);font-size:12px;color:var(--faint);display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}
.foot a{color:var(--muted)}
.bottombar{display:none}
.scrim{display:none}

@media (max-width:980px){
  .shell{grid-template-columns:minmax(0,1fr)}
  .side{position:fixed;left:0;top:0;bottom:0;width:min(300px,86vw);transform:translateX(-102%);transition:transform .22s var(--ease);box-shadow:var(--sh-lg)}
  html.side-open .side{transform:none}
  html.side-open .scrim{display:block;position:fixed;inset:0;background:rgba(7,9,14,.5);z-index:35}
  .iconbtn.side-x{display:inline-grid}.side-pin-btn{display:none!important}
  .burger{display:inline-grid}
  .usermenu .uname{display:none}.usermenu>button{padding:3px}
  .bottombar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;height:64px;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:var(--navy);border-top:1px solid var(--navy-line);box-shadow:0 -8px 24px rgba(7,9,14,.18)}
  .bottombar a,.bottombar button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--on-navy-faint);text-decoration:none;font:600 10.5px var(--body);background:none;border:0;cursor:pointer;min-width:0}
  .bottombar .ring{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:var(--h-on,var(--on-navy))}
  .bottombar .on{color:#fff}.bottombar .on .ring{background:var(--h-on,#fff);color:var(--navy)}
  .bottombar span.l{max-width:68px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body.app{padding-bottom:64px}
}

/* ───────────── page header ───────────── */
.pagehead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.pagehead h1{margin:4px 0 0}
.pagehead h1 small,.pagehead h1 .muted{font-size:.62em;font-weight:600;color:var(--muted);margin-left:6px}
.pagehead p{margin:6px 0 0;color:var(--muted);max-width:70ch}
.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}

/* hero card (overview pages) */
.hero-card{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 28px;padding:26px 28px;margin-bottom:22px;border-radius:var(--r-xl);background:linear-gradient(120deg,#0B0F1C 0%,#1A0B3B 48%,#062F45 100%);color:#fff;box-shadow:var(--sh)}
.hero-card::after{content:"";position:absolute;right:-80px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(0,229,255,.25),transparent 62%);pointer-events:none}
.hero-card>*{position:relative;z-index:1}
.hero-card .eyebrow{color:var(--cyan)}
.hero-card h1{color:#fff;font-size:clamp(24px,3vw,32px);margin:6px 0 6px}
.hero-card p{color:rgba(255,255,255,.75);margin:0;max-width:60ch}
.hero-card .actions{margin-top:16px}
.hero-card .btn{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);color:#fff}
.hero-card .btn:hover{background:rgba(255,255,255,.16);color:#fff}
.hero-card .btn.primary{background:var(--cyan);border-color:var(--cyan);color:var(--navy)}
.hero-card .btn.primary:hover{background:#6BF0FF}
.hero-nums{display:flex;flex-wrap:wrap;gap:8px 32px;margin:0}
.hero-nums div{min-width:90px}
.hero-nums .hn{display:flex;flex-direction:column-reverse;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);min-width:118px}
.hero-nums .hn span{font-size:12px;color:rgba(255,255,255,.72);font-weight:500}
.hero-nums .hn b{font:800 30px/1.1 var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#fff}
.hero-nums .hn.ok b{color:#4ADE80}.hero-nums .hn.warn b{color:#FBBF24}
.hero-nums{gap:10px}
.meterbar{flex:1 1 160px;max-width:260px;height:8px;border-radius:99px;background:var(--surface-3);overflow:hidden}.meterbar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--violet),var(--teal))}
.steplist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px}
.steplist a{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--surface-2);text-decoration:none;color:var(--ink);height:100%;transition:border-color .15s,transform .15s var(--ease)}
.steplist a:hover{border-color:var(--h);transform:translateY(-2px);color:var(--ink)}
.steplist b{display:block;font-family:var(--display);font-size:15px}.steplist small{display:block;color:var(--muted);margin-top:2px}
.steplist li.done a{opacity:.7}.steplist li.done .chip-ico{background:var(--good-bg);color:var(--good)}.steplist li.done b{text-decoration:line-through;text-decoration-color:var(--faint)}

/* quick actions grid */
.quick{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:0 0 22px}
.quick a{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);text-decoration:none;color:var(--ink);font-weight:600;box-shadow:var(--sh-sm);transition:transform .15s var(--ease),box-shadow .15s,border-color .15s}
.quick a:hover{transform:translateY(-2px);box-shadow:var(--sh);border-color:var(--line-2);color:var(--ink)}
.quick a small{display:block;font-weight:400;color:var(--muted);font-size:12.5px}
.chip-ico{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;flex:none;background:var(--h-bg);color:var(--h)}

/* ───────────── buttons & forms ───────────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 15px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface);color:var(--ink);font:600 14px/1.2 var(--body);text-decoration:none;cursor:pointer;white-space:nowrap;box-shadow:var(--sh-sm);transition:background .15s,border-color .15s,box-shadow .15s,transform .1s}
.btn:hover{border-color:var(--faint);background:var(--surface-2);color:var(--ink)}
.btn:active{transform:translateY(1px)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);box-shadow:0 1px 2px rgba(11,18,32,.12),0 6px 16px -6px var(--accent-ring)}
.btn.primary:hover{background:var(--accent-ink);border-color:var(--accent-ink);color:var(--accent-fg)}
.btn.danger{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 40%,var(--line))}
.btn.danger:hover{background:var(--bad-bg);border-color:var(--bad);color:var(--bad)}
.btn.ghost{background:transparent;border-color:transparent;box-shadow:none}.btn.ghost:hover{background:var(--surface-3)}
.btn.sm,.btn.small{min-height:32px;padding:5px 11px;font-size:13px;border-radius:8px}
.btn[disabled],.btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}
.btn:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px}
button.link{background:none;border:0;padding:0;font:inherit;color:var(--accent-ink);text-decoration:underline;text-underline-offset:2px;cursor:pointer}
button.link:hover{color:var(--accent)}
form.inline{display:inline}
.stack{display:flex;flex-direction:column;gap:16px}.stack.narrow{max-width:640px}
label{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:600;color:var(--ink)}
label .muted,label .fine,label small{font-weight:400}
input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=date],input[type=month],input[type=time],input[type=url],input[type=search],input[type=datetime-local],input:not([type]),select,textarea{font:400 14.5px/1.4 var(--body);min-height:42px;padding:9px 12px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface);color:var(--ink);width:100%;transition:border-color .15s,box-shadow .15s}
textarea{min-height:96px;resize:vertical}
select{appearance:none;-webkit-appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238792A6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}
input:hover,select:hover,textarea:hover{border-color:var(--faint)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}
input::placeholder,textarea::placeholder{color:var(--faint)}
input[type=file]{font:inherit;font-size:13.5px;padding:8px;border:1.5px dashed var(--line-2);border-radius:12px;background:var(--surface-2);width:100%;cursor:pointer;color:var(--muted)}
input[type=file]::file-selector-button{font:600 13px var(--body);padding:7px 12px;margin-right:10px;border-radius:8px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);cursor:pointer}
input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:17px;height:17px;margin:0;flex:none}
input[type=color]{width:44px;height:40px;padding:3px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface)}
label:has(> input[type=checkbox]),label:has(> input[type=radio]),label.check,label.chk{flex-direction:row;align-items:center;gap:10px;font-weight:500}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row input,.row select{width:auto;min-width:160px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.row3{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}
fieldset{border:1px solid var(--line);border-radius:var(--r);padding:12px 16px 16px;margin:0}legend{font-size:13px;font-weight:700;padding:0 6px}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{flex-direction:row;align-items:center;gap:7px;border:1px solid var(--line-2);padding:6px 12px;font-weight:500;font-size:13px;border-radius:999px;background:var(--surface);cursor:pointer;transition:background .15s,border-color .15s}
.chip:hover{border-color:var(--faint)}
.chip:has(input:checked){background:var(--accent-tint);border-color:var(--accent);color:var(--accent-ink);font-weight:600}
.chip input{width:15px;height:15px}
details>summary{cursor:pointer;font-weight:600}
details>summary::marker{color:var(--faint)}

/* ───────────── panels, tiles, tables ───────────── */
.panel{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px 22px;margin-bottom:20px;box-shadow:var(--sh-sm);min-width:0}
.panel>h2:first-child,.panel>h3:first-child{margin-top:0}
.panelhead{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:-2px 0 14px}
.panelhead h2{margin:0;display:flex;align-items:center;gap:8px}
.panelhead h2 .muted,.panelhead h2 small{font-weight:600;font-size:13px;color:var(--muted);background:var(--surface-3);padding:2px 8px;border-radius:999px}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,165px),1fr));gap:12px;margin:0 0 20px}.tiles.small{grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr))}
.tile{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:15px 16px 14px;box-shadow:var(--sh-sm);min-width:0;overflow-wrap:anywhere}
.tile b{display:block;font:800 26px/1.15 var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink)}
.tile span{display:block;font-size:12.5px;color:var(--muted);margin-top:3px}
.tiles.small .tile b{font-size:21px}
.tile.ok::before,.tile.warn::before,.tile.bad::before{content:"";position:absolute;right:14px;top:14px;width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 0 4px var(--good-bg)}.tile.warn::before{background:var(--warn);box-shadow:0 0 0 4px var(--warn-bg)}.tile.bad::before{background:var(--bad);box-shadow:0 0 0 4px var(--bad-bg)}
.tile.warn b{color:var(--warn)}.tile.ok b{color:var(--good)}.tile.bad b{color:var(--bad)}
.tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -2px;border-radius:var(--r)}
table.list{width:100%;border-collapse:separate;border-spacing:0;font-size:14px}
table.list th{text-align:left;font-family:var(--body);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600;padding:10px 12px;background:var(--surface-2);border-bottom:1px solid var(--line);white-space:nowrap}
table.list th:first-child{border-top-left-radius:10px}table.list th:last-child{border-top-right-radius:10px}
table.list td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
table.list tbody tr{transition:background .12s}
table.list tbody tr:hover td{background:var(--surface-2)}
table.list tr:last-child td{border-bottom:0}
table.list.compact td{padding:7px 12px}table.list.compact th{padding:8px 12px}
td.r,th.r{text-align:right;font-variant-numeric:tabular-nums}
table.list td a{font-weight:600;text-decoration:none}table.list td a:hover{text-decoration:underline}
.status,.pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;line-height:1;padding:5px 9px;border-radius:999px;border:1px solid transparent;background:var(--surface-3);color:var(--muted);text-transform:capitalize;white-space:nowrap;text-decoration:none}
.status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85}
.status.active,.status.ok,.status.paid,.status.approved,.status.live,.status.processed,.status.online,.status.credited,.status.won,.status.trialing,.status.comped,.pill.app{background:var(--good-bg);color:var(--good)}
.status.pending,.status.trial,.status.draft,.status.scheduled,.status.new,.status.submitted,.status.warn,.status.contacted,.status.estimate,.status.paused,.status.invited,.status.open,.pill.stick{background:var(--warn-bg);color:var(--warn)}
.status.closed,.status.blocked,.status.rejected,.status.failed,.status.void,.status.lapsed,.status.past_due,.status.off,.status.suspended,.status.lost,.status.fail,.status.error,.status.ended,.status.offline,.status.cancelled,.status.canceled,.status.refunded{background:var(--bad-bg);color:var(--bad)}
.status.info,.status.archived{background:var(--info-bg);color:var(--info)}
.pill:hover{filter:brightness(.97)}
a.pill{color:var(--accent-ink);background:var(--accent-tint)}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.grid2>.panel{margin-bottom:0}
.grid2+.panel,.grid2+section,.grid2+.grid2{margin-top:20px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px}
.orgcard{display:flex;flex-direction:column;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;text-decoration:none;color:var(--ink);box-shadow:var(--sh-sm);transition:transform .15s var(--ease),box-shadow .15s,border-color .15s}
.orgcard:hover{border-color:var(--accent);box-shadow:var(--sh);transform:translateY(-2px);color:var(--ink)}
.orgcard h2,.orgcard b{font-family:var(--display)}
.kv{display:grid;grid-template-columns:minmax(90px,130px) 1fr;gap:8px 14px;margin:0;font-size:14px}.kv dt{color:var(--muted)}.kv dd{margin:0;min-width:0;overflow-wrap:anywhere}
.claim{font-family:var(--mono);font-size:clamp(26px,4vw,36px);font-weight:700;letter-spacing:.12em;background:var(--navy);color:var(--cyan);padding:14px 22px;display:inline-block;margin:6px 0 12px;border-radius:14px;box-shadow:inset 0 0 0 1px rgba(0,229,255,.25),0 10px 30px -14px rgba(0,229,255,.5)}
.errs{font-size:13.5px;color:var(--warn)}
.flash{position:relative;display:block;padding:12px 16px 12px 44px;border:1px solid var(--line);border-radius:12px;background:var(--surface);margin-bottom:14px;font-size:14px;box-shadow:var(--sh-sm)}
.flash::before{content:"i";position:absolute;left:14px;top:11px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font:800 12px var(--body);background:var(--info);color:#fff}
.flash.ok{background:var(--good-bg);border-color:color-mix(in srgb,var(--good) 30%,transparent);color:var(--ink)}.flash.ok::before{content:"✓";background:var(--good)}
.flash.error{background:var(--bad-bg);border-color:color-mix(in srgb,var(--bad) 30%,transparent)}.flash.error::before{content:"!";background:var(--bad)}
.flash.warn{background:var(--warn-bg);border-color:color-mix(in srgb,var(--warn) 30%,transparent)}.flash.warn::before{content:"!";background:var(--warn)}
.flash.info{background:var(--info-bg);border-color:color-mix(in srgb,var(--info) 30%,transparent)}
.flash.impersonating{position:sticky;top:calc(var(--top-h) + 8px);z-index:20}
.empty{padding:28px 20px;text-align:center;border:1.5px dashed var(--line-2);border-radius:var(--r-lg);color:var(--muted);background:var(--surface-2)}

/* ───────────── confirm dialog (shell.js) ───────────── */
dialog.confirm{border:0;padding:0;border-radius:18px;max-width:420px;width:calc(100% - 32px);background:var(--surface);color:var(--ink);box-shadow:var(--sh-lg)}
dialog.confirm::backdrop{background:rgba(7,9,14,.55);backdrop-filter:blur(2px)}
dialog.confirm .cbody{padding:22px 22px 8px;display:flex;gap:14px}
dialog.confirm .cico{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--bad-bg);color:var(--bad);flex:none}
dialog.confirm h2{margin:2px 0 6px;font-size:17px}dialog.confirm p{margin:0;color:var(--muted)}
dialog.confirm .cfoot{display:flex;justify-content:flex-end;gap:8px;padding:16px 22px 20px}
dialog.confirm .btn.primary{background:var(--bad);border-color:var(--bad);color:#fff;box-shadow:none}

/* ───────────── auth ───────────── */
.authpage{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);background:var(--bg)}
.authside{position:relative;overflow:hidden;background:var(--navy);color:#fff;padding:44px clamp(28px,5vw,64px);display:flex;flex-direction:column;justify-content:space-between;gap:30px}
.authside::before{content:"";position:absolute;left:30%;top:-220px;width:780px;height:620px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,229,255,.18),rgba(127,0,255,.14) 45%,transparent 70%);pointer-events:none}
.authside>*{position:relative}
.authside .brand{color:#fff}
.authside h2{color:#fff;font:800 clamp(28px,3.4vw,44px)/1.08 var(--display);letter-spacing:-.025em;margin:0 0 14px;max-width:14ch}
.authside h2 em{font-style:normal;background:linear-gradient(90deg,var(--cyan),#B794F6);-webkit-background-clip:text;background-clip:text;color:transparent}
.authside p{color:#AAB6C8;max-width:46ch;font-size:15.5px}
.authside ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px}
.authside li{display:flex;gap:12px;align-items:center;color:#DCE3EE;font-size:14.5px}
.authside li .chip-ico{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.06);color:var(--cyan)}
.authside .tvmock{margin-top:26px;border-radius:14px;padding:8px;background:#0B0F19;border:1.5px solid #1F2A3C;box-shadow:0 40px 80px -40px rgba(0,229,255,.45);max-width:460px}
.authside .tvmock div{aspect-ratio:16/9;border-radius:8px;background:linear-gradient(135deg,#1A0B3B,#062F45);display:flex;flex-direction:column;justify-content:center;padding:22px;gap:6px}
.authside .tvmock b{font:800 28px var(--display);color:#fff}.authside .tvmock small{color:var(--cyan);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:11px}
.authside .tvmock i{display:block;height:6px;border-radius:3px;background:rgba(255,255,255,.14)}
.authside .fine{color:#7C879B}
.authmain{display:flex;align-items:center;justify-content:center;padding:40px 20px;position:relative}
.authmain .themebar{position:absolute;right:20px;top:18px}
.authwrap{width:100%;max-width:440px}
.authwrap .card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:30px 30px 26px;text-align:left;box-shadow:var(--sh)}
.authwrap h1{font-size:26px;margin-bottom:6px}
.authwrap .card form{margin-top:16px}
.authwrap .card .btn.primary{width:100%;min-height:46px;font-size:15px}
.authwrap .mobilebrand{display:none;margin-bottom:22px}
.authwrap>.fine{text-align:center;margin-top:18px}
@media (max-width:900px){.authpage{grid-template-columns:1fr}.authside{display:none}.authwrap .mobilebrand{display:flex;justify-content:center}}
body.authpage.simple{display:flex;align-items:center;justify-content:center;padding:24px 16px}

/* ───────────── screens & devices ───────────── */
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--faint);vertical-align:middle;flex:none}
.dot.on{background:#22C55E;box-shadow:0 0 0 3px rgba(34,197,94,.18)}.dot.off{background:var(--bad);box-shadow:0 0 0 3px color-mix(in srgb,var(--bad) 15%,transparent)}
.pairbox{border:1px solid var(--line);border-radius:var(--r-lg);padding:16px;margin-bottom:16px;background:linear-gradient(180deg,var(--surface-2),var(--surface))}
.pairgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;align-items:end}.pairgrid label{white-space:nowrap}.pairgrid label .muted{display:none}.pairbtn{display:flex;align-items:flex-end}
.shot{width:100%;aspect-ratio:16/9;object-fit:contain;background:#05070B;border:1px solid var(--line);border-radius:12px;display:block}.shot.empty{display:flex;align-items:center;justify-content:center;color:#8792A6;font-size:13px;padding:16px;text-align:center}
.beats{display:flex;gap:2px;flex-wrap:wrap}.beats i{display:block;width:6px;height:20px;border-radius:2px;background:#22C55E}.beats i.gap{background:var(--warn)}
h1 .dot{width:14px;height:14px;margin-right:6px}
@media (max-width:1100px){.pairgrid{grid-template-columns:1fr 1fr}}

/* ───────────── content (media, slides, playlists) ───────────── */
.subnav{display:flex;gap:4px;margin:-6px 0 20px;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow-x:auto;scrollbar-width:none;width:max-content;max-width:100%}
.subnav::-webkit-scrollbar{display:none}
.subnav a{white-space:nowrap;flex:none;padding:7px 13px;text-decoration:none;color:var(--muted);font-weight:600;font-size:13.5px;border-radius:9px}
.subnav a:hover{color:var(--ink);background:var(--surface-3)}
.subnav a.on{color:var(--accent-fg);background:var(--accent)}
body.has-side .subnav{display:none}
.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.mcard{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:var(--sh-sm);transition:box-shadow .15s,transform .15s}
.mcard:hover{box-shadow:var(--sh);transform:translateY(-1px)}
.mthumb{position:relative;aspect-ratio:16/9;background:#05070B;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:9px}.mthumb img{width:100%;height:100%;object-fit:cover}.mvid{color:#fff;font-size:28px}.mdur{position:absolute;right:6px;bottom:6px;background:rgba(0,0,0,.72);color:#fff;font-size:11px;font-weight:600;padding:2px 7px;border-radius:6px}
.mname input{width:100%;border:0;border-bottom:1px solid transparent;border-radius:0;padding:7px 2px;min-height:0;font:600 14px var(--body);background:transparent;box-shadow:none}.mname input:focus{border-color:var(--accent);box-shadow:none}
.mmeta{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;padding:0 2px 2px}
.tgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.tcard{display:block;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px;text-decoration:none;color:var(--ink);box-shadow:var(--sh-sm);transition:transform .15s var(--ease),box-shadow .15s,border-color .15s}
.tcard:hover{border-color:var(--accent);box-shadow:var(--sh);transform:translateY(-2px);color:var(--ink)}
.tcard b{display:block;font-family:var(--display);margin:10px 0 3px}.tcard span{font-size:12.5px;color:var(--muted)}
.tico{height:64px;border-radius:9px;background:linear-gradient(135deg,#111827,#05070B);position:relative;overflow:hidden}
.tico::after{content:"";position:absolute;left:12px;right:40%;bottom:10px;height:5px;border-radius:3px;background:linear-gradient(90deg,var(--violet),var(--cyan))}
.t-photo_menu{background:linear-gradient(90deg,#2A3346 46%,#111827 46%)}.t-promo_image{background:linear-gradient(135deg,#3B1E73,#0B3A55)}.t-promo_video{background:linear-gradient(135deg,#1F2937,#05070B)}.t-price_board{background:repeating-linear-gradient(0deg,#111827 0 8px,#1C2536 8px 9px)}.t-qr{background:linear-gradient(90deg,#111827 60%,#fff 60%)}.t-clock{background:#0B1020}.t-specials{background:linear-gradient(90deg,#1A2131 50%,#111827 50%)}.t-announcement{background:#F3EFE4}.t-blank{background:#fff;border:1px solid var(--line)}
.sgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.scard{display:block;text-decoration:none;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:8px 8px 10px;box-shadow:var(--sh-sm);transition:transform .15s var(--ease),box-shadow .15s}
.scard:hover{transform:translateY(-2px);box-shadow:var(--sh);color:var(--ink)}
.scard b{display:block;margin:8px 4px 0;font-family:var(--display)}.scard>span,.scard small{margin:0 4px}
.sframe{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden;border-radius:9px}.sframe.portrait{aspect-ratio:9/16;max-height:260px}.sframe iframe{width:1920px;height:1080px;border:0;transform-origin:0 0;transform:scale(var(--s,.114));pointer-events:none}.sframe.portrait iframe{width:1080px;height:1920px;transform:scale(var(--s,.135))}
.editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}.editor-form{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px 22px;box-shadow:var(--sh-sm)}.editor-preview{position:sticky;top:calc(var(--top-h) + 14px)}
.pframe{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden;box-shadow:0 0 0 8px #0B0F19,0 0 0 9.5px #1F2A3C,0 30px 60px -30px rgba(0,0,0,.5);margin:10px 0 18px}.pframe iframe{width:1920px;height:1080px;border:0;transform-origin:0 0;transform:scale(calc(var(--pw,560px)/1920))}.pframe.portrait{aspect-ratio:9/16;max-width:360px}.pframe.portrait iframe{width:1080px;height:1920px;transform:scale(calc(360px/1080))}
.itemtable td{padding:4px}.itemtable input[type=text]{min-width:8em}
.builder{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px}
.itemlist{display:flex;flex-direction:column;gap:8px}
.item{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid var(--line);border-radius:12px;padding:9px 12px;background:var(--surface);box-shadow:var(--sh-sm)}
.item .pos{font:700 12px var(--mono);color:var(--muted);width:1.6em;text-align:center}
.item img{width:56px;height:32px;object-fit:cover;background:#111;border-radius:5px}.item .lbl{flex:1;font-weight:600;min-width:120px}.item .secs input{width:5.5em;min-height:34px;padding:5px 8px}
.item .window{flex-basis:100%;display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding-top:8px;border-top:1px dashed var(--line);font-size:13px}.item .window label{flex-direction:row;align-items:center;gap:4px;font-weight:500}
.item button{min-width:32px}
.picklist{display:flex;flex-direction:column;gap:5px;max-height:300px;overflow:auto;margin-bottom:10px}
.pick{text-align:left;font:500 14px var(--body);background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:8px 11px;cursor:pointer;color:var(--ink)}
.pick:hover{border-color:var(--accent);background:var(--accent-tint)}
@media (max-width:1000px){.editor,.builder{grid-template-columns:1fr}.editor-preview{position:static}}
dd.warn{color:var(--warn);font-weight:600}
.pager{display:flex;gap:12px;align-items:center;justify-content:center;margin-top:16px;font-size:13.5px;color:var(--muted)}
.pager a{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid var(--line-2);border-radius:9px;text-decoration:none;color:var(--ink);font-weight:600;background:var(--surface)}
.pager a:hover{border-color:var(--accent)}
ul.plain{list-style:none;margin:0;padding:0}ul.plain li{padding:6px 0;border-bottom:1px solid var(--line)}ul.plain li:last-child{border-bottom:0}
.panelhead form.inline input[type=search]{min-width:220px}
.panelhead form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.panelhead form input,.panelhead form select{width:auto}

@media (max-width:820px){
  .grid2,.row2,.row3{grid-template-columns:1fr}
  .page{padding-top:18px}
  .panel{padding:16px}
  .pagehead{margin-bottom:16px}
  .hero-card{padding:22px 20px}
  .row input,.row select{min-width:0;flex:1 1 140px}
  .kv{grid-template-columns:1fr}.kv dt{font-size:12px;margin-top:6px}
}

/* ───────────── marketing site ───────────── */
.mkt{background:var(--bg)}
.mkt-head{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}
.mkt-head.scrolled{background:var(--surface);border-color:var(--line);box-shadow:0 6px 24px -18px rgba(11,18,32,.25)}
.mkt-head .in{display:flex;align-items:center;gap:22px;height:70px;max-width:1240px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}
.mkt-nav{display:flex;gap:4px;align-items:center;flex:1;justify-content:center}
.mkt-cta{display:flex;gap:8px;align-items:center}
.mkt-cta .signin{font-weight:600;text-decoration:none;color:var(--ink);padding:8px 12px}
.mkt-burger{display:none}
.mkt-main{min-height:60vh}
.wrap{max-width:1240px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}
.mkt-wrap{max-width:1240px;padding:0 clamp(16px,4vw,40px);margin:0 auto}
.hero{position:relative;padding:clamp(48px,8vw,104px) clamp(16px,4vw,40px) clamp(40px,6vw,72px);max-width:1240px;margin:0 auto}
.hero h1{font:800 clamp(38px,6.2vw,72px)/1.02 var(--display);letter-spacing:-.035em;margin:14px 0 18px;max-width:14ch}
.hero h1 em,.grad{font-style:normal;background:linear-gradient(92deg,var(--violet) 0%,#3B82F6 45%,var(--teal) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{font-size:clamp(16px,1.6vw,19px);color:var(--muted);max-width:56ch;line-height:1.6}
.hero .actions{margin-top:26px}
.hero .btn{min-height:50px;padding:0 22px;font-size:15.5px;border-radius:12px}
.hero-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,5vw,64px);align-items:center}
.hero-glow{position:absolute;inset:-120px 0 auto auto;width:min(900px,90vw);height:640px;background:radial-gradient(ellipse at 60% 40%,rgba(0,229,255,.16),rgba(127,0,255,.10) 45%,transparent 70%);pointer-events:none;z-index:-1}
.badge-line{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px 0 6px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:13px;font-weight:600;color:var(--ink);box-shadow:var(--sh-sm)}
.badge-line b{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;background:var(--accent);color:var(--accent-fg);font-size:11.5px}
.tvframe{position:relative;border-radius:18px;padding:10px;background:#0B0F19;border:2px solid #1F2A3C;box-shadow:0 60px 120px -50px rgba(0,229,255,.45),0 40px 80px -40px rgba(7,9,14,.6)}
.tvframe .scr{aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#000;position:relative}
.tvframe .scr iframe,.tvframe .scr img,.tvframe .scr video{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.tvframe::after{content:"";position:absolute;left:50%;bottom:-26px;transform:translateX(-50%);width:28%;height:12px;border-radius:0 0 10px 10px;background:#1F2A3C}
.logos{display:flex;flex-wrap:wrap;gap:10px 28px;align-items:center;color:var(--muted);font-weight:700;font-size:14px}
.three{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:18px;padding:0 clamp(16px,4vw,40px) 64px;max-width:1240px;margin:0 auto}
.three>div{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;box-shadow:var(--sh-sm)}
.three>div h2,.three>div h3{font-size:18px;margin:0 0 8px}
.three>div p{color:var(--muted);margin:0}
.feat-ico{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;margin-bottom:14px;background:var(--h-bg);color:var(--h)}
.mkt section.band{padding:clamp(40px,6vw,80px) clamp(16px,4vw,40px);max-width:1240px;margin:0 auto}
.mkt section.band.alt{max-width:none;background:var(--surface);border-block:1px solid var(--line)}
.mkt section.band.alt>*{max-width:1160px;margin-left:auto;margin-right:auto}
.mkt section.band.dark{max-width:none;background:var(--navy);color:#fff}.mkt section.band.dark>*{max-width:1160px;margin-left:auto;margin-right:auto}
.mkt section.band.dark h2{color:#fff}.mkt section.band.dark p{color:#AAB6C8}
.mkt section.band h2{font:800 clamp(26px,3.6vw,40px)/1.1 var(--display);letter-spacing:-.025em;margin:8px 0 12px}
.mkt section.band>p.lede,.lede{font-size:17px;color:var(--muted);max-width:62ch;margin:0 0 26px;line-height:1.6}
.mkt .eyebrow{color:var(--accent-ink)}
.center{text-align:center}.center .lede,.center p.lede{margin-left:auto;margin-right:auto}
.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:14px}
.price-card{position:relative;border:1px solid var(--line);border-radius:18px;padding:22px 20px;background:var(--surface);display:flex;flex-direction:column;gap:6px;box-shadow:var(--sh-sm);transition:transform .15s var(--ease),box-shadow .15s}
.price-card:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.price-card.best{border:2px solid var(--accent);box-shadow:0 18px 44px -20px var(--accent-ring)}
.price-card h3{margin:0;font-size:16px}
.price-card .amt{font:800 34px/1.1 var(--display);letter-spacing:-.02em}.price-card .amt small{font-size:14px;font-weight:500;color:var(--muted)}
.price-card ul{padding:0;list-style:none;margin:8px 0 14px;font-size:14px;display:grid;gap:7px}
.price-card ul li{position:relative;padding-left:22px}
.price-card ul li::before{content:"";position:absolute;left:2px;top:5px;width:12px;height:7px;border-left:2px solid var(--good);border-bottom:2px solid var(--good);transform:rotate(-45deg)}
.price-card .btn{margin-top:auto;text-align:center}
.tag{align-self:flex-start;display:inline-block;background:linear-gradient(90deg,var(--violet),var(--teal));color:#fff;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:99px}
.toggle{display:inline-flex;border:1px solid var(--line);border-radius:12px;padding:4px;margin:0 0 22px;background:var(--surface)}
.toggle button{border:0;background:none;padding:8px 16px;border-radius:9px;font:600 14px var(--body);cursor:pointer;color:var(--muted)}.toggle button.on{background:var(--ink);color:var(--surface)}
.cmp{width:100%;border-collapse:separate;border-spacing:0;font-size:14.5px;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.cmp th,.cmp td{border-bottom:1px solid var(--line);padding:12px 14px;text-align:left}.cmp th{font-weight:700;background:var(--surface-2)}.cmp tr:last-child td{border-bottom:0}
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:18px;list-style:none;padding:0}
.steps li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;box-shadow:var(--sh-sm)}
.steps li::before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:38px;height:38px;border-radius:12px;margin-bottom:12px;font:800 17px var(--display);background:linear-gradient(135deg,var(--violet),var(--teal));color:#fff}
.lead-form{display:flex;flex-direction:column;gap:14px;max-width:760px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:var(--sh)}
.lead-form .grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.lead-form label{display:flex;flex-direction:column;gap:6px;font-weight:600}
.lead-form .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.lead-form .btn.primary{align-self:flex-start;min-height:46px;padding:0 22px}
.legal{max-width:780px;margin:0 auto;padding:clamp(40px,6vw,72px) clamp(16px,4vw,40px)}.legal h1{font:800 clamp(30px,4vw,44px)/1.1 var(--display)}.legal h2{font-size:20px;margin-top:32px}.legal p,.legal li{line-height:1.7;color:var(--ink)}
.cta-band{position:relative;overflow:hidden;border-radius:26px;padding:clamp(32px,5vw,56px);background:linear-gradient(120deg,#0B0F1C 0%,#1A0B3B 50%,#062F45 100%);color:#fff;display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}
.cta-band::after{content:"";position:absolute;right:-60px;top:-140px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(0,229,255,.28),transparent 62%)}
.cta-band>*{position:relative;z-index:1}.cta-band h2{color:#fff;margin:0 0 6px}.cta-band p{color:#AAB6C8;margin:0}
.cta-band .btn.primary{background:var(--cyan);border-color:var(--cyan);color:var(--navy);min-height:50px;padding:0 24px}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:10px}
.faq details[open]{box-shadow:var(--sh)}.faq summary{font:700 16px var(--display);list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::after{content:"+";font-size:20px;color:var(--faint);line-height:1}.faq details[open] summary::after{content:"–"}
.faq details p{margin:10px 0 0;color:var(--muted)}
.mkt-foot{background:var(--navy);color:#AAB6C8;margin-top:64px;font-size:14px}
.mkt-foot .in{max-width:1240px;margin:0 auto;padding:56px clamp(16px,4vw,40px) 26px}
.mkt-foot .top{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr));gap:28px}
.mkt-foot h4{color:#fff;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px}
.mkt-foot a{display:block;color:#AAB6C8;text-decoration:none;margin:0 0 9px}.mkt-foot a:hover{color:var(--cyan)}
.mkt-foot .tagl{color:#fff;font:700 16px var(--display);margin:14px 0 6px}
.mkt-foot .bottom{display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);margin-top:36px;padding-top:20px;font-size:13px;color:#7C879B}
.mkt-foot .bottom a{display:inline;margin:0 12px 0 0;color:#7C879B}
@media (max-width:900px){.mkt-foot .top{grid-template-columns:1fr 1fr}.hero-split{grid-template-columns:1fr}}
@media (max-width:720px){.mkt section.band{padding-top:36px;padding-bottom:36px}}
.js .reveal{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.js .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
@media print{.side,.topbar,.bottombar,.foot,.mkt-head,.mkt-foot{display:none!important}.shell{display:block}body{background:#fff}.panel{box-shadow:none}}

.authwrap .card p{margin-top:14px}.authwrap .card p.fine,.authwrap .card form+p{line-height:1.9}
/* marketing TV mocks */
.tvmenu{background:linear-gradient(160deg,#0E3B2E,#062519)!important;color:#fff;display:flex;flex-direction:column;padding:4% 5%;gap:3%;font-family:var(--display)}
.tm-head{display:flex;justify-content:space-between;align-items:flex-start}.tm-head small{display:block;font:700 clamp(8px,1vw,12px) var(--body);letter-spacing:.14em;text-transform:uppercase;color:#F2C14E}.tm-head b{font-size:clamp(18px,2.6vw,34px);font-weight:800;letter-spacing:-.02em}
.tm-live{font:700 10px var(--body);letter-spacing:.1em;color:#4ADE80;background:rgba(0,0,0,.3);padding:5px 9px;border-radius:99px}
.tm-rows{display:grid;gap:4%;flex:1;align-content:center}.tm-rows div{display:flex;align-items:baseline;gap:10px;font-size:clamp(12px,1.7vw,22px);font-weight:700}.tm-rows i{flex:1;border-bottom:2px dotted rgba(255,255,255,.3)}.tm-rows b{color:#F2C14E;font-weight:800}
.tm-ticker{white-space:nowrap;overflow:hidden;font:600 clamp(9px,1.05vw,13px) var(--body);color:#07090E;background:#F2C14E;margin:0 -6%;padding:6px 0}.tm-track{display:flex;width:max-content;animation:tm-scroll 22s linear infinite}.tm-track span{padding:0 18px;position:relative}.tm-track span::after{content:'\2022';position:absolute;right:-3px;opacity:.5}@keyframes tm-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.tm-track{animation:none}}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-120%)}}
.tvjack{background:linear-gradient(150deg,#7A0F18,#2B0509)!important;color:#fff;padding:5% 6%;display:flex;flex-direction:column;justify-content:center;gap:5%}
.tvjack small{font:800 clamp(9px,1.1vw,13px) var(--body);letter-spacing:.16em;text-transform:uppercase;color:#F2C14E}
.tj{display:flex;align-items:center;gap:14px}.tj b{display:block;font:800 clamp(18px,2.6vw,34px)/1.05 var(--display);letter-spacing:-.02em}.tj em{font-style:normal;font-size:clamp(9px,1vw,13px);color:rgba(255,255,255,.7)}
.ball{display:grid;place-items:center;width:clamp(30px,3.6vw,46px);height:clamp(30px,3.6vw,46px);border-radius:50%;flex:none;font:800 clamp(10px,1.1vw,14px) var(--display);color:#fff}.ball.r{background:#DC2626}.ball.y{background:#F2C14E;color:#2B0509}.ball.g{background:#16A34A}
.tplchips{display:flex;flex-wrap:wrap;gap:8px}.tplchips span{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:99px;background:var(--surface);border:1px solid var(--line);font-weight:600;font-size:13.5px;box-shadow:var(--sh-sm)}.tplchips .ico{color:var(--accent-ink)}
.mkt .three.dk>div{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08);box-shadow:none}.mkt .three.dk h3{color:#fff}.mkt .three.dk a{color:var(--cyan)}
.mkt section.band.alt .tvframe{max-width:560px;justify-self:end;width:100%}
.hero-split>*{min-width:0}.tvframe{min-width:0}.tvframe .scr{max-width:100%}
@media (max-width:900px){.hero-split{grid-template-columns:minmax(0,1fr)}}
.price-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
/* home hero: promo video playlist on a TV */
.promo-tv .scr video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
.pt-live{position:absolute;left:14px;top:12px;display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 10px;border-radius:99px;background:rgba(0,0,0,.55);color:#fff;font:700 10.5px var(--body);letter-spacing:.08em;z-index:2}
.pt-live .dot{width:7px;height:7px}
.pt-shade{position:absolute;left:0;right:0;bottom:0;height:80px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);z-index:1;pointer-events:none}
.pt-now{position:absolute;left:14px;right:120px;bottom:14px;display:flex;align-items:center;gap:8px;color:#fff;font:600 13px var(--body);z-index:2;min-width:0}
.pt-now [data-tv-title]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pt-no{flex:none;font:700 11px var(--mono);padding:3px 7px;border-radius:6px;background:rgba(0,229,255,.18);color:var(--cyan)}
.pt-ctl{position:absolute;right:12px;bottom:10px;display:flex;gap:6px;z-index:2}
.pt-ctl button{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.45);color:#fff;cursor:pointer;padding:0}
.pt-ctl button:hover{background:rgba(0,0,0,.7);border-color:var(--cyan)}
.i-pause{display:block;width:10px;height:12px;border-left:3px solid #fff;border-right:3px solid #fff}
.promo-tv.paused .i-pause{width:0;height:0;border:0;border-left:11px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}
.pt-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.15);z-index:2}.pt-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--violet),var(--cyan));transition:width .25s linear}
.tvpair{display:grid;gap:34px;justify-self:end;width:100%;max-width:560px}
.mkt section.band.alt .tvpair .tvframe{max-width:none}
/* ───────────── Pixloud-style mega footer (always dark) ───────────── */
.pf{position:relative;overflow:hidden;background:#111832;color:#C8D0E6;margin-top:72px;font-family:var(--body)}
.pf-line{height:3px;background:linear-gradient(90deg,#AE35FC,#942FFD,#2B5EFE,#00B3FE,#00D2FE)}
.pf-mark{position:absolute;right:-60px;bottom:-70px;width:420px;opacity:.05;pointer-events:none}
.pf-in{position:relative;max-width:1200px;margin:0 auto;padding:80px clamp(20px,9vw,108px) 28px}
.pf-brand{display:grid;gap:20px;justify-items:center;text-align:center;max-width:640px;margin:0 auto 56px}
.pf-logo{width:min(520px,100%);height:auto;display:block}
.pf-tag{margin:0;color:#F5F7FF;font:800 22px/1.25 var(--display);letter-spacing:-.03em}
.pf-desc{margin:0;font-size:15px;line-height:24px;color:#C8D0E6}
.pf-social{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.pf-social a{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#1B2445;border:1px solid #26304D;color:#F5F7FF;transition:transform .15s var(--ease),border-color .15s,color .15s}
.pf-social a:hover{transform:translateY(-2px);border-color:#00D2FE;color:#00D2FE}
.pf-cols{display:grid;grid-template-columns:repeat(4,auto);justify-content:center;gap:40px 72px}
.pf-col h3{margin:0 0 16px;font:700 12px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:#00D2FE}
.pf-col ul{list-style:none;margin:0;padding:0;display:grid;gap:12px;font-size:15px}
.pf a{color:#C8D0E6;text-decoration:none}.pf a:hover{color:#fff}
.pf-ic{display:inline-flex;align-items:center;gap:10px}
.pf-note{font-size:14px;color:#AAB2CB}
.pf-start{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;margin-top:20px;border-radius:10px;background:linear-gradient(90deg,#942FFD,#2B5EFE);color:#fff!important;font:600 14px var(--body);box-shadow:0 10px 24px -12px rgba(148,47,253,.7);transition:transform .15s var(--ease)}
.pf-start:hover{transform:translateY(-1px)}
.pf-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;margin-top:48px;padding-top:24px;border-top:1px solid #26304D;font-size:14px;color:#AAB2CB}
.pf-legal{display:flex;flex-wrap:wrap;gap:8px 20px}.pf-legal a{color:#AAB2CB}
.pf-status{display:flex;align-items:center;gap:8px}.pf-dot{width:8px;height:8px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 4px rgba(34,197,94,.15)}
.pf-card,.pf-mini{display:none}
.pf a:focus-visible,.pf button:focus-visible{outline:3px solid #00D2FE;outline-offset:3px;border-radius:6px}
@media (max-width:900px){.pf-cols{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:36px 24px}}
@media (max-width:720px){
  .pf-in{padding:48px 20px 28px}
  .pf-brand{gap:12px;margin-bottom:24px}.pf-logo{width:190px}.pf-tag{font-size:21px}
  .pf-card{display:block;margin:0 0 28px;padding:20px;border-radius:18px;background:linear-gradient(135deg,rgba(148,47,253,.16),rgba(0,179,254,.10)),#151D3B;border:1px solid #26304D}
  .pf-card b{display:block;color:#F5F7FF;font:800 19px var(--display)}.pf-card>span{display:block;font-size:13px;color:#AAB2CB;margin:4px 0 14px}
  .pf-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .pf-btn{display:flex;align-items:center;justify-content:center;gap:10px;height:46px;border-radius:12px;background:#111832;border:1px solid #26304D;color:#F5F7FF!important;font-weight:600;font-size:15px}
  .pf-cols{padding-top:28px;border-top:1px solid #26304D}
  .pf-touch{display:none}
  .pf-bottom{flex-direction:column;justify-content:center;text-align:center;border-top:1px solid #26304D}
  .pf-legal{justify-content:center}
  .pf-mark{display:none}.pf-mini{display:block;width:34px;margin:22px auto 0;opacity:.25}
}
/* ───────────── marketing mega menu ───────────── */
.mkt-head .in{position:relative}
.mm{gap:2px}
.mm-item{position:static}
.mm-trig,.mm-plain{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 13px;border-radius:10px;border:0;background:none;color:var(--ink);font:600 14.5px var(--body);text-decoration:none;cursor:pointer;transition:background .15s,color .15s}
.mm-trig .ico{transition:transform .2s var(--ease);color:var(--faint)}
.mm-trig:hover,.mm-plain:hover,.mm-plain.on,.mm-trig[aria-expanded=true]{background:var(--surface-3);color:var(--ink)}
.mm-trig[aria-expanded=true] .ico{transform:rotate(180deg);color:var(--accent-ink)}
.mm-new{display:inline-flex;align-items:center;height:19px;padding:0 7px;border-radius:99px;font:700 10.5px var(--body);letter-spacing:.04em;color:#fff;background:linear-gradient(90deg,#942FFD,#2B5EFE)}
.mm-panel{position:absolute;left:clamp(16px,4vw,40px);right:clamp(16px,4vw,40px);top:calc(100% + 6px);z-index:50;color:#C8D0E6;background:radial-gradient(900px 300px at 85% -20%,rgba(0,229,255,.12),transparent 60%),radial-gradient(700px 300px at 0% 120%,rgba(127,0,255,.16),transparent 60%),#0B1022;border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 40px 80px -30px rgba(7,9,14,.7),0 0 0 1px rgba(0,229,255,.04);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.985);transform-origin:top center;transition:opacity .22s var(--ease),transform .22s var(--ease),visibility 0s .22s}
.mm-panel::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#AE35FC,#2B5EFE,#00D2FE)}
.mm-panel.open{opacity:1;visibility:visible;transform:none;transition:opacity .22s var(--ease),transform .22s var(--ease),visibility 0s}
.mm-body{padding:28px 30px 24px}
.mm-split{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:30px}
.mm-eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 14px;font:700 11.5px var(--body);letter-spacing:.14em;text-transform:uppercase;color:#00D2FE}
.mm-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px}
.mm-links.mm-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mm-a{position:relative;display:flex;gap:14px;align-items:flex-start;padding:12px;border-radius:14px;color:#C8D0E6!important;text-decoration:none;border:1px solid transparent;transition:background .18s,border-color .18s,transform .18s var(--ease)}
.mm-a b{display:block;color:#F5F7FF;font:700 15px var(--display);letter-spacing:-.01em;margin-top:1px}
.mm-a small{display:block;color:#98A3BF;font-size:13px;line-height:1.45;margin-top:2px}
.mm-a:hover,.mm-a:focus-visible,.mm-a.cur{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.07);transform:translateX(2px)}
.mm-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;flex:none;color:var(--h-on);background:color-mix(in srgb,var(--h-on) 13%,transparent);border:1px solid color-mix(in srgb,var(--h-on) 26%,transparent);transition:background .18s,color .18s,box-shadow .18s,transform .18s var(--ease)}
.mm-a:hover .mm-ic,.mm-a.cur .mm-ic{background:var(--h-on);color:#0B1022;box-shadow:0 0 22px -2px color-mix(in srgb,var(--h-on) 70%,transparent);transform:rotate(-6deg) scale(1.05)}
.mm-ic.big{width:52px;height:52px;border-radius:15px}
.mm-feature{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:18px}
.mm-live{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:mmpulse 1.8s infinite}
@keyframes mmpulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.mm-tv{position:relative;padding:7px;border-radius:14px;background:#05070B;border:1.5px solid #1F2A3C;box-shadow:0 30px 60px -30px rgba(0,229,255,.45)}
.mm-tv::after{content:"";position:absolute;left:50%;bottom:-11px;transform:translateX(-50%);width:26%;height:6px;border-radius:0 0 6px 6px;background:#1F2A3C}
.mm-scr{position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#000}
.mm-scr .sc{position:absolute;inset:0;opacity:0;transform:scale(1.04);transition:opacity .45s var(--ease),transform .6s var(--ease)}
.mm-scr .sc.on{opacity:1;transform:none}
.mm-scr .sc>img,.mm-scr .sc>video{width:100%;height:100%;object-fit:cover;display:block}
.mm-scr .scr{position:absolute;inset:0;font-size:10px}
.mm-scr .tvmenu .tm-head b{font-size:20px}.mm-scr .tvmenu .tm-rows div{font-size:13px}.mm-scr .tvjack .tj b{font-size:22px}.mm-scr .tvjack{gap:10%}
.mm-case{position:absolute;inset:0;display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding:8px;background:linear-gradient(160deg,#1A0B3B,#07090E)}
.mm-case .t{position:relative;display:flex;flex-direction:column;justify-content:space-between;border-radius:5px;padding:4px;background:linear-gradient(160deg,#2B5EFE,#0E1A4A);color:#fff;overflow:hidden}
.mm-case .t.p50,.mm-case .t.p30{background:linear-gradient(160deg,#F2C14E,#8A5A00)}.mm-case .t.p20,.mm-case .t.p10{background:linear-gradient(160deg,#00B4D8,#063B4A)}.mm-case .t.p5,.mm-case .t.p3{background:linear-gradient(160deg,#A78BFA,#3B1E73)}.mm-case .t.p2,.mm-case .t.p1{background:linear-gradient(160deg,#4ADE80,#0B4A26)}
.mm-case em{font:800 9px var(--mono);font-style:normal;opacity:.85}.mm-case b{font:800 14px var(--display);text-align:right}
.mm-case i{position:absolute;left:-4px;right:-4px;top:42%;transform:rotate(-12deg);background:#DC2626;font:800 7px var(--body);text-align:center;font-style:normal;letter-spacing:.05em;padding:1px 0}.mm-case i.n{background:#22C55E;top:6%;transform:none;left:auto;right:3px;padding:1px 3px;border-radius:3px}
.mm-case .t.out{filter:grayscale(.6) brightness(.7)}
.mm-gas{position:absolute;inset:0;padding:8% 9%;background:linear-gradient(160deg,#0B3A2E,#04140F);color:#fff;display:flex;flex-direction:column;justify-content:center;gap:6%}
.mm-gas small{font:800 9px var(--body);letter-spacing:.14em;text-transform:uppercase;color:#4ADE80}
.mm-gas div{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:3%}
.mm-gas span{font:700 13px var(--display)}.mm-gas b{font:800 22px var(--display);color:#FDE047;font-variant-numeric:tabular-nums}.mm-gas sup{font-size:11px}
.mm-hours{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 120%,#F59E0B55,transparent 60%),linear-gradient(180deg,#0B1022,#1A0B3B);color:#fff}
.mm-hours b{font:800 52px/1 var(--display);letter-spacing:-.04em}.mm-hours span{font:700 12px var(--body);color:#FBBF24;letter-spacing:.2em}.mm-hours small{margin-top:10px;color:#AAB6C8;font-size:11px}
.mm-hours i{position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#F59E0B,#FDE047)}
.mm-off{position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:99px;background:rgba(0,0,0,.72);color:#fff;font:600 10.5px var(--body)}
.mm-off i{width:7px;height:7px;border-radius:50%;background:#FBBF24}
.mm-phone{position:absolute;left:10px;top:10px;display:flex;flex-direction:column;padding:8px 11px;border-radius:12px;background:rgba(11,16,34,.88);border:1px solid rgba(0,229,255,.35);color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.4);animation:pop .5s var(--ease)}
.mm-phone span{font:700 9.5px var(--body);letter-spacing:.1em;text-transform:uppercase;color:#4CEAF1}.mm-phone b{font:800 15px var(--display)}
.mm-cap{margin:20px 2px 10px;display:flex;flex-direction:column;gap:2px}.mm-cap b{color:#F5F7FF;font:700 15px var(--display)}.mm-cap span{font-size:12.5px;color:#98A3BF}
.mm-go,.mm-btn{display:inline-flex;align-items:center;gap:6px;color:#00D2FE!important;font-weight:700;font-size:14px;text-decoration:none}
.mm-go:hover .ico,.mm-btn:hover .ico{transform:translateX(3px)}.mm-go .ico,.mm-btn .ico{transition:transform .18s var(--ease)}
.mm-btn{justify-content:center;height:46px;padding:0 20px;border-radius:12px;color:#fff!important;background:linear-gradient(90deg,#942FFD,#2B5EFE);box-shadow:0 14px 30px -14px rgba(148,47,253,.8)}
.mm-btn.wide{width:100%}
.mm-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.mm-card{position:relative;display:block;aspect-ratio:4/3.1;border-radius:18px;overflow:hidden;text-decoration:none;color:#fff!important;border:1px solid rgba(255,255,255,.08);isolation:isolate}
.mm-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease),filter .4s}
.mm-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,16,34,0) 20%,rgba(11,16,34,.7) 52%,rgba(11,16,34,.97) 100%);z-index:1}
.mm-card .sq{position:absolute;left:12px;top:12px;width:12px;height:12px;border-radius:3px;background:var(--h-on);z-index:2;box-shadow:0 0 14px var(--h-on)}
.mm-card .txt{position:absolute;left:14px;right:40px;bottom:12px;z-index:2}.mm-card b{display:block;font:800 16px var(--display)}.mm-card small{display:block;font-size:12px;color:#C8D0E6;line-height:1.4}
.mm-card .arr{position:absolute;right:12px;bottom:14px;z-index:2;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.12);transition:background .2s,transform .2s var(--ease)}
.mm-card:hover img{transform:scale(1.08);filter:saturate(1.15)}.mm-card:hover .arr{background:var(--h-on);color:#0B1022;transform:translateX(2px)}
.mm-card:hover{border-color:color-mix(in srgb,var(--h-on) 50%,transparent)}
.mm-cta{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:20px;background:linear-gradient(140deg,rgba(148,47,253,.28),rgba(43,94,254,.14) 55%,rgba(0,210,254,.10)),#111832;border:1px solid rgba(255,255,255,.09)}
.mm-cta b{color:#fff;font:800 21px/1.2 var(--display);letter-spacing:-.02em}.mm-cta p{margin:0;color:#AAB6C8;font-size:14px}.mm-cta small{color:#7C879B;font-size:12px}
.mm-cta .mm-btn{align-self:flex-start;margin-top:4px}
.mm-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 30px;border-top:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02);font-size:13px;color:#98A3BF}
.mm-strip span{display:inline-flex;align-items:center;gap:9px}.mm-quick{gap:18px!important}.mm-quick a{color:#C8D0E6!important;text-decoration:none;font-weight:600}.mm-quick a:hover{color:#00D2FE!important}
.mm-scrim{position:fixed;inset:0;z-index:35;background:rgba(7,9,14,.38);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .2s,visibility 0s .2s}
body.mm-open .mm-scrim{opacity:1;visibility:visible;transition:opacity .2s}
.mm-start{background:linear-gradient(90deg,#942FFD,#2B5EFE)!important;border:0!important;box-shadow:0 10px 24px -12px rgba(148,47,253,.9)!important}
.mkt-burger .b-close{display:none}
/* phone drawer */
.mkt-drawer{display:none}
@media (max-width:1060px){.mm-split{grid-template-columns:minmax(0,1fr) 320px}.mm-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.mm-card{aspect-ratio:16/8}}
@media (max-width:960px){
  .mkt-nav,.mkt-cta .signin,.mkt-cta .seg{display:none}
  .mkt-burger{display:inline-grid}
  body.dr-open .mkt-burger .b-close{display:block}body.dr-open .mkt-burger .b-open{display:none}
  .mkt-drawer{display:block;position:fixed;inset:70px 0 0 0;z-index:45;overflow:auto;padding:8px 20px 28px;background:#0B1022;color:#C8D0E6;transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .2s var(--ease),transform .2s var(--ease),visibility 0s .2s}
  .mkt-drawer.open{opacity:1;visibility:visible;transform:none;transition:opacity .2s var(--ease),transform .2s var(--ease)}
  .mkt-drawer details{border-bottom:1px solid rgba(255,255,255,.08)}
  .mkt-drawer summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:18px 2px;color:#F5F7FF;font:800 19px var(--display);cursor:pointer}
  .mkt-drawer summary::-webkit-details-marker{display:none}
  .mkt-drawer summary .ico{transition:transform .2s var(--ease);color:#7C879B}.mkt-drawer details[open] summary .ico{transform:rotate(180deg);color:#00D2FE}
  .dr-a{display:flex;gap:12px;align-items:flex-start;padding:10px 4px;text-decoration:none;color:#C8D0E6}
  .dr-a .mm-ic{width:36px;height:36px;border-radius:10px}.dr-a b{display:block;color:#F5F7FF;font:700 15px var(--display)}.dr-a small{display:block;font-size:12.5px;color:#98A3BF}
  .mkt-drawer details>a:last-child,.mkt-drawer details>.dr-a:last-of-type{margin-bottom:12px}
  .dr-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:2px 0 10px}
  .dr-cards a{position:relative;display:block;aspect-ratio:16/10;border-radius:14px;overflow:hidden;text-decoration:none}
  .dr-cards img{width:100%;height:100%;object-fit:cover;display:block}
  .dr-cards b{position:absolute;left:0;right:0;bottom:0;padding:18px 10px 8px;color:#fff;font:800 13px var(--display);background:linear-gradient(180deg,transparent,rgba(11,16,34,.95) 55%)}
  .dr-plain{display:flex;align-items:center;gap:10px;padding:18px 2px;border-bottom:1px solid rgba(255,255,255,.08);color:#F5F7FF!important;font:800 19px var(--display);text-decoration:none}
  .dr-foot{display:grid;gap:10px;margin-top:22px}
  .dr-ghost{display:flex;align-items:center;justify-content:center;height:46px;border-radius:12px;border:1px solid rgba(255,255,255,.16);color:#fff!important;font-weight:700;text-decoration:none}
  .dr-foot .seg{justify-self:center;margin-top:6px;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}.dr-foot .seg button{color:#98A3BF}.dr-foot .seg button[aria-pressed=true]{background:rgba(255,255,255,.14);color:#fff}
}
@media (prefers-reduced-motion:reduce){.mm-live{animation:none}}
/* ───────────── help center ───────────── */
.help-hero{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:space-between;padding:34px 34px 30px;margin-bottom:22px;border-radius:24px;background:radial-gradient(700px 320px at 90% -10%,rgba(0,229,255,.22),transparent 60%),radial-gradient(600px 300px at 0% 120%,rgba(127,0,255,.28),transparent 60%),linear-gradient(120deg,#0B0F1C,#140A2E 55%,#06283A);color:#fff;box-shadow:var(--sh)}
.help-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent,#000 60%);pointer-events:none}
.help-hero>*{position:relative}
.hh-main{flex:1 1 460px;min-width:0}
.help-hero .eyebrow{color:var(--cyan)}
.help-hero h1{color:#fff;font-size:clamp(28px,3.4vw,40px);margin:8px 0 8px;letter-spacing:-.03em}
.help-hero p{color:#AAB6C8;margin:0 0 20px;max-width:60ch}
.hh-search{display:flex!important;flex-direction:row!important;align-items:center;gap:12px;max-width:640px;height:58px;padding:0 10px 0 18px;border-radius:16px;background:#fff;color:#5B6779;box-shadow:0 18px 40px -18px rgba(0,229,255,.55),0 0 0 4px rgba(255,255,255,.08)}
.hh-search input{flex:1;border:0!important;box-shadow:none!important;background:transparent!important;min-height:0;height:100%;padding:0;font-size:16px;color:#0B1220}
.hh-search kbd{background:#EEF2F8;border-color:#CDD5E2;color:#5B6779;font-size:12px;padding:3px 8px}
.hh-pop{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px;font-size:13px;color:#98A3BF}
.hh-pop a{padding:6px 12px;border-radius:99px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#E8EEF7;text-decoration:none;font-weight:600}
.hh-pop a:hover{background:rgba(0,229,255,.16);border-color:rgba(0,229,255,.4);color:#fff}
.hh-side{display:flex;gap:18px;align-items:center;padding:18px 20px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(6px)}
.hh-ring{--p:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:108px;height:108px;border-radius:50%;flex:none;background:conic-gradient(#00E5FF calc(var(--p)*1%),rgba(255,255,255,.1) 0)}
.hh-ring::before{content:"";position:absolute;inset:9px;border-radius:50%;background:#0F1530}
.hh-ring b,.hh-ring span{position:relative}.hh-ring b{font:800 26px/1 var(--display)}.hh-ring span{font-size:11px;color:#98A3BF;margin-top:3px}
.hh-where{display:flex;flex-direction:column;gap:3px;min-width:180px}.hh-where small{color:#98A3BF;font-size:11.5px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.hh-where b{font:800 18px var(--display);color:#fff}.hh-where>span{color:#C8D0E6;font-size:13px}
.hh-switch{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.hh-switch select{width:auto;min-height:34px;padding:5px 30px 5px 10px;font-size:13px;background-color:rgba(255,255,255,.95);color:#0B1220}
.help-next{margin-bottom:22px}
.help-next .panelhead h2 .ico{color:var(--accent-ink)}
.hn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px}
.hn-card{display:grid;grid-template-columns:auto 1fr;gap:12px 14px;align-items:center;padding:18px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-sm);position:relative;overflow:hidden}
.hn-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--h)}
.hn-card b{display:block;font:700 16px var(--display)}.hn-card small{color:var(--muted)}
.hn-act{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}
.help-tabs{position:sticky;top:calc(var(--top-h) + 8px);z-index:5;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:6px;margin:0 0 20px;border-radius:14px;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(10px);border:1px solid var(--line);box-shadow:var(--sh-sm)}
.help-tabs::-webkit-scrollbar{display:none}
.help-tabs button{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;height:38px;padding:0 14px;border:0;border-radius:10px;background:none;color:var(--muted);font:600 14px var(--body);cursor:pointer}
.help-tabs button span{display:grid;color:var(--h)}.help-tabs button em{font-style:normal;font-size:11.5px;padding:1px 7px;border-radius:99px;background:var(--surface-3);color:var(--muted)}
.help-tabs button:hover{background:var(--surface-3);color:var(--ink)}
.help-tabs button[aria-selected=true]{background:var(--ink);color:var(--surface)}.help-tabs button[aria-selected=true] em{background:rgba(255,255,255,.18);color:inherit}.help-tabs button[aria-selected=true] span{color:inherit}
.help-group{margin-bottom:30px}
.hg-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.hg-head h2{margin:0;font-size:20px}.hg-count{margin-left:auto;font-size:12.5px;color:var(--muted);font-weight:600}
.hg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,290px),1fr));gap:14px}
.hg-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:18px 18px 16px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-sm);transition:transform .18s var(--ease),box-shadow .18s,border-color .18s}
.hg-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px -22px rgba(11,18,32,.35);border-color:color-mix(in srgb,var(--h) 45%,var(--line))}
.hg-card:hover .chip-ico{background:var(--h);color:#fff;transform:rotate(-6deg)}
.hg-card .chip-ico{transition:background .18s,color .18s,transform .18s var(--ease)}
.hg-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.hg-state{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:5px 10px;border-radius:99px;background:var(--surface-3);color:var(--muted);text-align:right}
.st-ok .hg-state,.gh-state.st-ok{background:var(--good-bg);color:var(--good)}.st-warn .hg-state,.gh-state.st-warn{background:var(--warn-bg);color:var(--warn)}.st-todo .hg-state,.gh-state.st-todo{background:var(--accent-tint);color:var(--accent-ink)}.st-off .hg-state{opacity:.75}
.hg-card h3{margin:6px 0 0;font-size:17px}
.hg-link{color:var(--ink)!important;text-decoration:none!important}.hg-link::after{content:"";position:absolute;inset:0;border-radius:18px}
.hg-card p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hg-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:12.5px;color:var(--faint);margin-top:auto;padding-top:4px}.hg-meta span{display:inline-flex;align-items:center;gap:5px}.hg-meta .vid{color:var(--accent-ink);font-weight:700}
.hg-act{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:6px;padding:10px 12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line);color:var(--ink)!important;font-weight:700;font-size:13.5px;text-decoration:none!important;transition:background .15s,border-color .15s}
.hg-act small{font-weight:500;color:var(--muted);margin-right:auto}.hg-act .ico{color:var(--h);transition:transform .15s var(--ease)}
.hg-act:hover{background:color-mix(in srgb,var(--h) 10%,var(--surface));border-color:var(--h)}.hg-act:hover .ico{transform:translateX(3px)}
.hg-act.off{color:var(--muted)!important}
.help-none{margin:10px 0 30px}.help-none .ico{color:var(--faint)}
.help-contact{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;padding:24px;border-radius:20px;background:linear-gradient(120deg,var(--surface),var(--surface-2));border:1px solid var(--line);box-shadow:var(--sh-sm)}
.help-contact>div:first-child{display:flex;gap:14px;align-items:center;flex:1 1 360px}.help-contact b{font:700 17px var(--display)}.help-contact p{margin:2px 0 0;color:var(--muted)}
/* guide page */
.guide-hero{position:relative;overflow:hidden;display:flex;gap:22px;align-items:flex-start;padding:30px;margin-bottom:22px;border-radius:24px;background:radial-gradient(600px 260px at 100% 0%,color-mix(in srgb,var(--h-on) 25%,transparent),transparent 65%),linear-gradient(120deg,#0B0F1C,#140A2E 60%,#0B1022);color:#fff;box-shadow:var(--sh)}
.gh-ico{display:grid;place-items:center;width:72px;height:72px;border-radius:20px;flex:none;background:color-mix(in srgb,var(--h-on) 18%,transparent);border:1px solid color-mix(in srgb,var(--h-on) 40%,transparent);color:var(--h-on);box-shadow:0 0 40px -10px var(--h-on)}
.gh-main{flex:1;min-width:0}.guide-hero .eyebrow{color:var(--cyan)}.guide-hero h1{color:#fff;font-size:clamp(26px,3vw,36px);margin:6px 0 8px}.guide-hero p{color:#C8D0E6;margin:0;max-width:66ch;font-size:15.5px}
.gh-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.gh-meta span{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:99px;background:rgba(255,255,255,.08);font-size:12.5px;font-weight:600;color:#DCE3EE}
.guide-hero .gh-state.st-ok{background:rgba(74,222,128,.16);color:#86EFAC}.guide-hero .gh-state.st-warn{background:rgba(251,191,36,.16);color:#FCD34D}.guide-hero .gh-state.st-todo,.guide-hero .gh-state.st-off{background:rgba(0,229,255,.14);color:#67E8F9}
.guide-hero .btn.primary{background:var(--cyan);border-color:var(--cyan);color:#07090E}.guide-hero .btn.primary:hover{background:#6BF0FF;color:#07090E}
.gh-where{color:#AAB6C8;font-size:13.5px}
.guide-wrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}
.gs-progress{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;margin-bottom:14px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}
.gs-progress .meterbar{flex:1 1 160px;max-width:none}.gs-progress>div:first-child{font-size:13.5px;color:var(--muted)}.gs-progress b{color:var(--ink)}
.gs-list{list-style:none;margin:0;padding:0;position:relative;display:grid;gap:12px}
.gs-list::before{content:"";position:absolute;left:31px;top:30px;bottom:30px;width:2px;background:linear-gradient(var(--line-2),var(--line));z-index:0}
.gs-step{position:relative;display:grid;grid-template-columns:64px 1fr;gap:6px;padding:18px 18px 18px 0;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-sm);transition:border-color .2s,box-shadow .2s,opacity .2s}
.gs-step.current{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-tint),var(--sh)}
.gs-step.done{opacity:.72}.gs-step.done h3{text-decoration:line-through;text-decoration-color:var(--faint)}
.gs-check{position:relative;z-index:1;display:grid!important;place-items:center;align-self:start;cursor:pointer}
.gs-check input{position:absolute;opacity:0;width:44px;height:44px;cursor:pointer}
.gs-num,.gs-tick{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;font:800 17px var(--display)}
.gs-num{background:linear-gradient(135deg,var(--violet),var(--teal));color:#fff;box-shadow:0 8px 18px -8px rgba(127,0,255,.6)}
.gs-tick{display:none;background:var(--good);color:#fff}
.gs-step.done .gs-num{display:none}.gs-step.done .gs-tick{display:grid}
.gs-check:hover .gs-num{transform:scale(1.06)}.gs-check input:focus-visible~.gs-num,.gs-check input:focus-visible~.gs-tick{outline:3px solid var(--accent-ring);outline-offset:3px}
.gs-body h3{margin:9px 0 4px;font-size:17px}.gs-body p{margin:0;color:var(--muted);line-height:1.6}
.gs-do{display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:8px 13px;border-radius:10px;background:var(--accent-tint);color:var(--accent-ink)!important;font-weight:700;font-size:13.5px;text-decoration:none!important;border:1px solid var(--accent-ring);transition:background .15s,transform .15s var(--ease)}
.gs-do:hover{background:var(--accent);color:var(--accent-fg)!important}.gs-do:hover .ico:last-child{transform:translateX(3px)}.gs-do .ico:last-child{transition:transform .15s var(--ease)}
.gs-do.off{background:var(--surface-3);border-color:var(--line);color:var(--muted)!important}
.gs-finish{display:flex;gap:14px;align-items:center;margin-top:14px;padding:16px 18px;border-radius:16px;background:var(--good-bg);color:var(--good);border:1px solid color-mix(in srgb,var(--good) 30%,transparent);animation:pop .3s var(--ease)}
.gs-finish b{display:block;color:var(--ink);font:800 16px var(--display)}.gs-finish span{color:var(--muted)}
.gs-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.gs-nav a{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--line);color:var(--ink)!important;text-decoration:none!important;font-weight:700;transition:border-color .15s,transform .15s var(--ease)}
.gs-nav a:hover{border-color:var(--accent);transform:translateY(-2px)}.gs-nav a.nx{justify-content:flex-end;text-align:right}.gs-nav small{display:block;font-size:11.5px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.08em}
.guide-side{position:sticky;top:calc(var(--top-h) + 14px);display:grid;gap:14px}
.gv{border-radius:18px;overflow:hidden;background:#05070B;box-shadow:var(--sh)}
.gv-frame{position:relative;aspect-ratio:16/9}.gv-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.gv-link,.gv-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;aspect-ratio:16/9;text-align:center;padding:16px;color:#fff!important;text-decoration:none!important;background:radial-gradient(circle at 50% 30%,rgba(127,0,255,.35),transparent 60%),linear-gradient(135deg,#0B0F1C,#06283A)}
.gv-link small,.gv-soon small{color:#98A3BF;font-size:12px}
.gv-play{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);margin-bottom:6px;transition:transform .2s var(--ease),background .2s}
.gv-link:hover .gv-play{transform:scale(1.08);background:var(--cyan);color:#07090E}
.gv-soon{opacity:.9}
.side-card{display:grid;gap:10px;padding:16px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-sm)}
.side-card>b{font:700 14.5px var(--display)}
.side-card select{min-height:38px}
.rel{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;color:var(--ink)!important;text-decoration:none!important;font-weight:600;font-size:14px}
.rel:hover{background:var(--surface-3)}.rel small{display:block;font-weight:500;color:var(--muted);font-size:12px}.rel .chip-ico{width:32px;height:32px;border-radius:9px}
@media (max-width:1000px){.guide-wrap{grid-template-columns:1fr}.guide-side{position:static}}
@media (max-width:640px){.help-hero{padding:24px 20px}.hh-side{width:100%}.guide-hero{flex-direction:column;padding:22px}.gs-step{grid-template-columns:54px 1fr}.gs-list::before{left:26px}.gs-nav{grid-template-columns:1fr}}

[hidden]{display:none!important}
@media (max-width:640px){.hh-side{flex-wrap:wrap;padding:16px}.hh-where{min-width:0;flex:1 1 160px}.hh-switch select{max-width:100%;flex:1 1 140px}}

/* ───────────── compact rail: icons only, slides out on hover (desktop) ───────────── */
@media (min-width:981px){
  html:not(.side-pin) .shell{grid-template-columns:86px minmax(0,1fr)}
  html:not(.side-pin) .shell>.main{grid-column:2}
  html:not(.side-pin) .side{position:fixed;left:0;top:0;bottom:0;width:86px;transition:width .24s var(--ease) .05s,box-shadow .24s var(--ease)}
  html:not(.side-pin) .side:hover,html:not(.side-pin) .side:focus-within,html:not(.side-pin) .side:has(.menu.open){width:264px;box-shadow:18px 0 50px -20px rgba(7,9,14,.65),1px 0 0 rgba(255,255,255,.06);transition-delay:.1s}
  /* collapsed look */
  html:not(.side-pin) .side .side-head{padding:18px 0 10px;justify-content:center}
  html:not(.side-pin) .side .side-brand{gap:0;justify-content:center}
  html:not(.side-pin) .side:not(:hover):not(:focus-within):not(:has(.menu.open)) .side-brand img.full,html:not(.side-pin) .side:not(:hover):not(:focus-within):not(:has(.menu.open)) .side-pin-btn{display:none}
  html:not(.side-pin) .side .side-brand img.full{opacity:0;max-width:0;transition:opacity .18s}
  html:not(.side-pin) .side .side-brand .sym{display:block;height:42px!important;width:auto;flex:none}
  html:not(.side-pin) .side .side-pin-btn{opacity:0;pointer-events:none;transition:opacity .15s}
  html:not(.side-pin) .side .orgsw{margin:4px 13px 8px}html:not(.side-pin) .side:not(:hover):not(:focus-within):not(:has(.menu.open)) .orgsw>button{justify-content:center}
  html:not(.side-pin) .side .orgsw>button{padding:7px}
  html:not(.side-pin) .side .orgsw .who,html:not(.side-pin) .side .orgsw>button>.ico{opacity:0;transition:opacity .15s}
  html:not(.side-pin) .side .side-nav{padding:4px 13px 12px;overflow-x:hidden}html:not(.side-pin) .side .navlink{gap:13px}
  html:not(.side-pin) .side .navgroup>.gt{height:22px;padding:8px 0 0;color:transparent;position:relative}
  html:not(.side-pin) .side .navgroup>.gt::before{content:"";position:absolute;left:14px;width:32px;top:13px;height:1px;background:rgba(255,255,255,.12);transition:opacity .15s}
  html:not(.side-pin) .side .navlink{padding:5px 8px}
  html:not(.side-pin) .side .navlink .lbl{opacity:0;transform:translateX(-6px);transition:opacity .15s,transform .2s var(--ease)}
  html:not(.side-pin) .side .navlink.on::before{left:-13px}
  html:not(.side-pin) .side .side-foot{padding:10px 13px 16px}
  html:not(.side-pin) .side .side-foot .seg,html:not(.side-pin) .side .side-foot .ver{opacity:0;transition:opacity .15s}
  html:not(.side-pin) .side .side-foot .seg{pointer-events:none}
  /* expanded (hover / keyboard / menu open) */
  html:not(.side-pin) .side:is(:hover,:focus-within,:has(.menu.open)) .side-brand img.full{opacity:1;max-width:200px;transition-delay:.12s}
  html:not(.side-pin) .side:is(:hover,:focus-within,:has(.menu.open)) .side-brand .sym{display:none}
  html:not(.side-pin) .side:is(:hover,:focus-within,:has(.menu.open)) .side-head{padding:18px 14px 10px 20px;justify-content:space-between}
  html:not(.side-pin) .side:is(:hover,:focus-within,:has(.menu.open)) .side-brand{gap:10px}
  html:not(.side-pin) .side:is(:hover,:focus-within,:has(.menu.open)) .side-pin-btn{opacity:1;pointer-events:auto;transition-delay:.15s}
  html:not(.side-pin) .side:is(:hover,:focus-within,:has(.menu.open)) .orgsw .who,
  html:not(.side-pin) .side:is(:hover,:focus-within,:has(.menu.open)) .orgsw>button>.ico,
  html:not(.side-pin) .side:is(:hover,:focus-within,:has(.menu.open)) .side-foot .seg,
  html:not(.side-pin) .side:is(:hover,:focus-within,:has(.menu.open)) .side-foot .ver{opacity:1;pointer-events:auto;transition-delay:.12s}
  html:not(.side-pin) .side:is(:hover,:focus-within,:has(.menu.open)) .navgroup>.gt{color:var(--on-navy-faint);transition:color .15s .12s}
  html:not(.side-pin) .side:is(:hover,:focus-within,:has(.menu.open)) .navgroup>.gt::before{opacity:0}
  html:not(.side-pin) .side:is(:hover,:focus-within,:has(.menu.open)) .navlink .lbl{opacity:1;transform:none;transition-delay:.12s}
  html:not(.side-pin) .side:is(:hover,:focus-within,:has(.menu.open)) .navgroup>.gt{padding:8px 12px 6px;height:auto}
  /* pinned open = the full sidebar in the page */
  html.side-pin .side-brand .sym{display:none}
  .side-pin-btn .pin-on{display:none}html.side-pin .side-pin-btn .pin-on{display:grid}html.side-pin .side-pin-btn .pin-off{display:none}
  html.side-pin .side-pin-btn{background:rgba(0,229,255,.14);color:var(--cyan);border-color:rgba(0,229,255,.3)}
}
.orgsw .menu a.o>span:nth-child(2){flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orgsw .menu .mi-sub{white-space:nowrap;flex:none}

.navlink .ring svg{width:22px;height:22px}@media (max-width:980px){.navlink .ring{width:38px;height:38px}.navlink .ring svg{width:20px;height:20px}}
@media (min-width:981px){html:not(.side-pin) .side:not(:hover):not(:focus-within):not(:has(.menu.open)) .orgsw .who,html:not(.side-pin) .side:not(:hover):not(:focus-within):not(:has(.menu.open)) .orgsw>button>.ico{display:none}}
/* template cards: live sample previews */
.tcard .tprev{margin:0 0 4px;border-radius:10px;box-shadow:0 0 0 1px rgba(0,0,0,.06)}
.tcard .tprev iframe{transform:scale(var(--s,.15))}
.tuse{position:absolute;left:8px;bottom:8px;padding:5px 10px;border-radius:8px;background:rgba(7,9,14,.8);color:#fff;font:700 12px var(--body);opacity:0;transform:translateY(4px);transition:opacity .18s,transform .18s var(--ease)}
.tcard:hover .tuse{opacity:1;transform:none}
.tcard>span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* ---------- widget editor (1.21) ---------- */
.we{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start}
.we-left{position:sticky;top:76px;min-width:0}
.we-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.we-behind{flex-direction:row!important;align-items:center;gap:10px;font-size:13px}.we-behind select{width:auto;min-width:200px}
.we-state{font-size:13px;color:var(--muted);font-weight:600}.we-state.is-dirty{color:var(--warn,#B7791F)}
.we-stage{position:relative;aspect-ratio:16/9;background:#0B0F17 radial-gradient(circle at 30% 20%,#1A2233,#07090E);border-radius:14px;overflow:visible;box-shadow:var(--sh-md,0 8px 30px rgba(0,0,0,.18)),0 0 0 1px rgba(0,0,0,.08);touch-action:none;user-select:none}
.we-stage.portrait{aspect-ratio:9/16;max-height:78vh;margin:0 auto}
.we-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:14px}
.we-bg iframe{position:absolute;left:0;top:0;width:1920px;height:1080px;border:0;transform-origin:0 0}
.we-stage.portrait .we-bg iframe{width:1080px;height:1920px}
.we-meter{display:flex;align-items:center;gap:10px;margin:12px 0 4px}
.we-mbar{flex:0 0 120px;height:6px;border-radius:9px;background:var(--surface-3);overflow:hidden}.we-mbar i{display:block;height:100%;border-radius:9px;background:var(--good,#16A34A);transition:width .3s}
.we-meter.is-mid .we-mbar i{background:var(--warn,#D97706)}.we-meter.is-high .we-mbar i{background:var(--bad,#DC2626)}
.we-right .panel{padding:16px 18px}
.we-palette{display:grid;gap:12px}
.we-type{display:block;padding-bottom:12px;border-bottom:1px solid var(--line)}.we-type:last-child{border:0;padding:0}
.we-tname{display:grid;grid-template-columns:12px 1fr auto;column-gap:10px;row-gap:2px;align-items:center;cursor:pointer;list-style:none}
.we-tname::-webkit-details-marker{display:none}
.we-tname b{font-family:var(--display,inherit);font-size:14.5px}.we-tname .fine{grid-column:2 / -1}
.we-tcount{font-size:11.5px;font-weight:700;color:var(--muted);background:var(--surface-3);border-radius:99px;padding:2px 8px}
.we-type[open] .we-tcount{background:var(--accent);color:var(--accent-fg,#fff)}
.we-type .we-vars{margin-top:10px}
.we-vars{display:flex;flex-wrap:wrap;gap:6px}
.we-var{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:999px;padding:5px 11px;font:600 12.5px var(--body,inherit);cursor:pointer;transition:border-color .15s,background .15s}
.we-var:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}
.we-var::before{content:"+ ";opacity:.6}
.we-var--hot{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.we-form{display:grid;gap:12px}
.we-f{display:grid;gap:5px;font-size:13px;font-weight:600}.we-f>span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.we-f.chk{display:flex;font-weight:500;text-transform:none}
.we-f input[type=color]{height:36px;padding:3px;width:72px}
.we-geom{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.we-geom input{padding:6px 8px}
.we-row{display:flex;gap:8px;flex-wrap:wrap}.we-row>.we-f{flex:1;min-width:110px}
.we-sec{display:grid;gap:10px;padding-top:12px;border-top:1px solid var(--line)}.we-sec h3{margin:0;font-size:14px}.we-sec p{margin:-6px 0 0}
.we-places{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.we-place{position:relative;aspect-ratio:16/9;border:1px solid var(--line);border-radius:6px;background:var(--surface-2);cursor:pointer;padding:0;overflow:hidden}
.we-place i{position:absolute;background:var(--accent);opacity:.75;border-radius:1px}
.we-place:hover{border-color:var(--accent)}.we-place:hover i{opacity:1}
.we-days{display:flex;flex-wrap:wrap;gap:6px}
.we-day.chk{display:inline-flex;gap:5px;align-items:center;font-size:12.5px;font-weight:600;border:1px solid var(--line);border-radius:8px;padding:4px 8px}
.we-hours{display:grid;gap:6px}.we-hh{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px}
.we-hrow{display:grid;grid-template-columns:34px 1fr auto 1fr;gap:6px;align-items:center;font-size:12.5px}
.we-hrow input[type=time]{padding:4px 6px;font-size:12.5px;min-width:0}
.we-hrow label.chk{grid-column:2 / -1;display:inline-flex;gap:5px;margin-top:-2px}
.we-hrow label.chk+label.chk{grid-column:auto}
.we-hrow{grid-template-columns:34px 1fr auto 1fr}.we-hrow>label:nth-of-type(1){grid-column:2 / 4}.we-hrow>label:nth-of-type(2){grid-column:4}
.we-hrow.is-off .we-day{opacity:.5}
.we-hrow .we-day{border:0;padding:0;font-weight:700}
.we-items{display:grid;gap:4px}
.we-item{display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;text-align:left;border:1px solid transparent;background:none;color:var(--text);border-radius:9px;padding:8px 10px;font:600 13px var(--body,inherit);cursor:pointer}
.we-item:hover{background:var(--surface-2)}.we-item.is-sel{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}
.we-ic{width:10px;height:10px;border-radius:3px;background:var(--muted)}
.we-ic--lotto{background:#F59E0B}.we-ic--social{background:#EC4899}.we-ic--open{background:#22C55E}.we-ic--pay{background:#3B82F6}
.we-type.is-locked .we-var{opacity:.45;cursor:not-allowed}
.we-lock{font-size:12.5px;font-weight:700;color:var(--accent);align-self:center}
.we-multi{display:flex;flex-wrap:wrap;gap:6px}
.we-accts{display:grid;gap:8px;font-size:13px}
.we-acct{display:grid;grid-template-columns:1fr 1fr 90px 34px;gap:6px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}
.we-acct>input[type=url]{grid-column:1 / -1}
.we-acct select,.we-acct input{padding:6px 8px;font-size:12.5px;min-width:0}
.we-ic--clock{background:#00B4D8}.we-ic--weather{background:#F2C14E}.we-ic--ticker{background:#7F00FF}.we-ic--wecard{background:#E5484D}
@media (max-width:1100px){.we{grid-template-columns:1fr}.we-left{position:static}}
.we-frame{position:absolute;z-index:40;pointer-events:none;box-sizing:border-box}
.we-frame[hidden]{display:none!important}
.we-h{position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;background:#fff;border:2px solid #00B4D8;border-radius:4px;pointer-events:auto;box-shadow:0 1px 4px rgba(0,0,0,.35);touch-action:none}
.we-h:hover{background:#00E5FF}
.we-h-nw{left:0;top:0;cursor:nwse-resize}.we-h-n{left:50%;top:0;cursor:ns-resize}.we-h-ne{left:100%;top:0;cursor:nesw-resize}
.we-h-e{left:100%;top:50%;cursor:ew-resize}.we-h-se{left:100%;top:100%;cursor:nwse-resize}.we-h-s{left:50%;top:100%;cursor:ns-resize}
.we-h-sw{left:0;top:100%;cursor:nesw-resize}.we-h-w{left:0;top:50%;cursor:ew-resize}
.we-h-n,.we-h-s{width:22px;height:10px;margin:-5px 0 0 -11px;border-radius:5px}.we-h-e,.we-h-w{width:10px;height:22px;margin:-11px 0 0 -5px;border-radius:5px}
.we-frame--narrow .we-h-n,.we-frame--narrow .we-h-s,.we-frame--short .we-h-e,.we-frame--short .we-h-w{display:none}
.we-size{position:absolute;left:0;bottom:100%;margin-bottom:6px;background:#00B4D8;color:#fff;font:700 11px/1 var(--body,system-ui);padding:3px 6px;border-radius:5px;white-space:nowrap}
.we-frame[style*="top: 0%"] .we-size,.we-frame[style*="top:0%"] .we-size{bottom:auto;top:100%;margin:6px 0 0}

/* ---------- screen schedule (1.22.2) ---------- */
.sc-legend{display:flex;flex-wrap:wrap;gap:6px}.sc-legend span{font-size:12px;font-weight:700;padding:3px 9px;border-radius:99px}
.sc-week{display:grid;gap:6px}
.sc-hours{position:relative;height:16px;margin-left:46px;font-size:11px;color:var(--muted)}.sc-hours i{position:absolute;top:0;font-style:normal;transform:translateX(-2px)}
.sc-day{display:grid;grid-template-columns:40px 1fr;gap:6px;align-items:center}.sc-day>b{font-size:13px}
.sc-day.is-today>b{color:var(--accent)}
.sc-bar{position:relative;height:30px;border-radius:8px;background:var(--surface-3);overflow:hidden}
.sc-bar span{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 8px;font-size:11.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-right:2px solid var(--surface)}
.k-normal{background:#DDE7F3;color:#1E3A5F}.k-msg{background:#FBD5D5;color:#8A1C1C}.k-off{background:repeating-linear-gradient(45deg,#E5E7EB 0 6px,#D1D5DB 6px 12px);color:#4B5563}
.k-b0{background:#FDE68A;color:#78350F}.k-b1{background:#BBF7D0;color:#14532D}.k-b2{background:#C7D2FE;color:#312E81}.k-b3{background:#FBCFE8;color:#831843}.k-b4{background:#A5F3FC;color:#164E63}.k-b5{background:#FED7AA;color:#7C2D12}
html[data-theme=dark] .k-normal{background:#1E3A5F;color:#DDE7F3}html[data-theme=dark] .k-msg{background:#5B1717;color:#FBD5D5}html[data-theme=dark] .k-off{background:repeating-linear-gradient(45deg,#1F2937 0 6px,#111827 6px 12px);color:#9CA3AF}
.sc-rows{display:grid;gap:8px;margin-bottom:10px}
.sc-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(150px,1.3fr) auto auto 34px;gap:8px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
.sc-row input,.sc-row select{min-width:0}
.sc-time{display:inline-flex;gap:6px;align-items:center;font-size:13px;color:var(--muted)}.sc-time input{width:auto}
.sc-days{display:flex;flex-wrap:wrap;gap:4px}
.sc-dchk{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:4px!important;font-size:12px;font-weight:600;border:1px solid var(--line);border-radius:8px;padding:3px 7px;background:var(--surface)}
.sc-dchk input{margin:0}
.sc-hgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px;margin-top:12px}
.sc-hrow{display:grid;grid-template-columns:40px 1fr auto 1fr auto;gap:8px;align-items:center}
.sc-hrow input[type=time]{min-width:0}
.sc-radio{border:0;padding:0;margin:14px 0 0;display:grid;gap:8px}.sc-radio legend{font-weight:700;font-size:13.5px;margin-bottom:6px}
.sc-preview{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:radial-gradient(ellipse at 30% 20%,#1b2236,#07090E 70%);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:6% 7%}
.sc-preview .cm-store{position:absolute;top:7%;left:7%;font-size:11px;font-weight:700;color:#cfd6e4}
.sc-preview .cm-mark{width:28px;height:28px;border-radius:50%;border:4px solid var(--accent);margin-bottom:10px}
.sc-preview .cm-h{font:800 clamp(18px,2.6vw,30px)/1.05 var(--display,inherit)}.sc-preview .cm-p{font-size:13px;color:#cfd6e4;margin-top:6px}
.sc-preview i{position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--accent)}
.sc-save{position:sticky;bottom:12px;display:flex;justify-content:flex-end;margin:-6px 0 20px;z-index:5}
.sc-hol{display:grid;gap:6px;margin-bottom:14px}
.sc-holrow{display:grid;grid-template-columns:90px 1fr auto auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px}
.sc-holrow.is-past{opacity:.55}
.sc-date,.sc-hname{display:flex;flex-direction:column;line-height:1.25}.sc-date small,.sc-hname small{color:var(--muted);font-size:12px}
.pill.ok{background:var(--good-bg);color:var(--good)}.pill.bad{background:var(--bad-bg,#FEE2E2);color:var(--bad)}
.sc-holadd{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;align-items:end;padding:14px;border:1px dashed var(--line);border-radius:12px}
@media (max-width:900px){.sc-row{grid-template-columns:1fr 1fr}.sc-row .sc-days{grid-column:1 / -1}.sc-holrow{grid-template-columns:1fr auto}.sc-holrow form{grid-column:1 / -1}}
.sc-apply{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;margin-bottom:14px}
.sc-tv{display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:10px!important;flex-direction:row!important;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);font-weight:500}
.sc-tv span{display:flex;flex-direction:column;min-width:0}.sc-tv b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-tv small{color:var(--muted);font-size:12px}
.sc-tv a{font-size:12.5px;font-weight:700}
.sc-tv:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--surface))}

/* ---------- chains (1.23) ---------- */
.notice{background:var(--info-bg,#E0F2FE);color:var(--info,#075985);border-radius:10px;padding:10px 12px;font-size:13.5px;margin:0 0 6px}
.chain-points{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.chain-points li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}
.chain-points li>span:last-child{display:flex;flex-direction:column;gap:2px}.chain-points small{color:var(--muted);font-size:13px}
.chain-disc{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;border-radius:14px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 12%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));margin-bottom:20px}
.chain-disc b.pct{font:800 28px/1 var(--display,inherit);color:var(--accent)}
.chain-disc .tiers{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap}.chain-disc .tiers span{font-size:12px;font-weight:700;padding:4px 10px;border-radius:99px;background:var(--surface-3);color:var(--muted)}
.chain-disc .tiers span.on{background:var(--accent);color:var(--accent-fg,#fff)}
.chain-stores td small{display:block;color:var(--muted);font-size:12px}

/* home hero: intro row + store tour (1.25.1) */
.hero.hero-tour{max-width:1320px;padding-top:clamp(36px,5vw,64px);padding-bottom:clamp(32px,4vw,56px)}
.ht-intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:16px clamp(28px,5vw,64px);align-items:end;margin-bottom:28px}
.ht-intro h1{margin-bottom:0}.ht-intro>div>p:first-child{margin-top:0}
.hero-tour .tour-view{max-height:min(56vh,520px)}
@media (max-width:900px){.ht-intro{grid-template-columns:minmax(0,1fr);margin-bottom:20px}}

/* closing call to action: big, branded, alive (1.25.3) */
.cta-xl-wrap{padding-top:clamp(40px,6vw,80px);padding-bottom:clamp(24px,4vw,48px)}
.cta-xl{position:relative;isolation:isolate;overflow:hidden;border-radius:32px;padding:clamp(36px,5.5vw,72px);min-height:clamp(420px,42vw,540px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,4vw,56px);align-items:center;color:#fff;background:linear-gradient(125deg,#07090E 0%,#120A2E 38%,#1E0B4A 58%,#062F45 100%);box-shadow:0 60px 120px -50px rgba(127,0,255,.55),0 40px 90px -40px rgba(0,180,216,.45)}
.cta-xl::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(120deg,rgba(0,229,255,.7),rgba(127,0,255,.5) 45%,rgba(0,229,255,.15) 70%,rgba(127,0,255,.6));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2}
.cx-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.cx-orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.75;animation:cx-float 14s ease-in-out infinite}
.cx-orb.o1{width:460px;height:460px;right:-120px;top:-160px;background:radial-gradient(circle,rgba(0,229,255,.55),transparent 65%)}
.cx-orb.o2{width:520px;height:520px;left:-180px;bottom:-260px;background:radial-gradient(circle,rgba(127,0,255,.55),transparent 65%);animation-delay:-5s}
.cx-orb.o3{width:300px;height:300px;left:42%;top:30%;background:radial-gradient(circle,rgba(114,9,183,.45),transparent 65%);animation-delay:-9s}
@keyframes cx-float{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(30px,-24px) scale(1.08)}}
.cx-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at 70% 40%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse at 70% 40%,#000 10%,transparent 70%)}
.cx-mark{position:absolute;left:-60px;bottom:-90px;width:420px;height:auto;opacity:.07;transform:rotate(-12deg)}
.cx-copy{display:flex;flex-direction:column;gap:18px;min-width:0}
.cx-eyebrow{align-self:flex-start;display:inline-flex;align-items:center;gap:9px;height:32px;padding:0 14px;border-radius:999px;border:1px solid rgba(0,229,255,.35);background:rgba(0,229,255,.08);font:600 12px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;color:#BDF6FF}
.cx-dot{width:8px;height:8px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:cx-ping 2s ease-out infinite;flex:none}
@keyframes cx-ping{0%{box-shadow:0 0 0 0 rgba(34,197,94,.6)}80%,100%{box-shadow:0 0 0 9px rgba(34,197,94,0)}}
.cta-xl h2{color:#fff;font:800 clamp(36px,5vw,64px)/1.02 var(--display);letter-spacing:-.035em;margin:0;max-width:13ch}
.cx-grad{background:linear-gradient(92deg,#00E5FF 0%,#38BDF8 35%,#B388FF 70%,#7F00FF 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:cx-shine 8s ease-in-out infinite}
@keyframes cx-shine{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.cta-xl p{color:#C9D2E3;font-size:clamp(16px,1.5vw,19px);line-height:1.6;margin:0;max-width:48ch}
.cx-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.cta-xl .btn.cx-primary{min-height:58px;padding:0 28px;border-radius:14px;font-size:17px;font-weight:700;background:#00E5FF;border-color:#00E5FF;color:#07090E;box-shadow:0 14px 34px -10px rgba(0,229,255,.75);gap:8px;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s}
.cta-xl .btn.cx-primary:hover{transform:translateY(-2px);background:#5EEFFF;color:#07090E;box-shadow:0 20px 44px -12px rgba(0,229,255,.9)}
.cta-xl .btn.cx-ghost{min-height:58px;padding:0 26px;border-radius:14px;font-size:16px;font-weight:600;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.22);color:#fff;backdrop-filter:blur(6px)}
.cta-xl .btn.cx-ghost:hover{background:rgba(255,255,255,.12);color:#fff}
.cx-trust{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px}
.cx-trust li{display:inline-flex;align-items:center;gap:7px;font:500 14px/1.2 var(--body);color:#DDE6F3}
.cx-trust svg{color:#00E5FF;flex:none}
.cx-stage{position:relative;min-width:0;padding:30px 10px 40px}
.cx-tv{position:relative;border-radius:18px;padding:10px;background:#05070B;border:2px solid #22304A;box-shadow:0 40px 80px -30px rgba(0,0,0,.9),0 0 60px -10px rgba(0,229,255,.35);transform:perspective(1200px) rotateY(-9deg) rotateX(3deg);animation:cx-bob 7s ease-in-out infinite}
@keyframes cx-bob{0%,100%{transform:perspective(1200px) rotateY(-9deg) rotateX(3deg) translateY(0)}50%{transform:perspective(1200px) rotateY(-6deg) rotateX(2deg) translateY(-8px)}}
.cx-scr{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#000}
.cx-scr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:cx-slide 16s infinite}
@keyframes cx-slide{0%{opacity:0;transform:scale(1.06)}4%{opacity:1}25%{opacity:1;transform:scale(1)}29%{opacity:0}100%{opacity:0}}
.cx-live{position:absolute;left:12px;top:10px;display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 10px;border-radius:999px;background:rgba(0,0,0,.55);font:700 11px/1 var(--body);letter-spacing:.1em;color:#fff}
.cx-live .cx-dot{background:#EF4444;animation:none}
.cx-prog{position:absolute;left:12px;right:12px;bottom:8px;height:3px;border-radius:3px;background:rgba(255,255,255,.2);overflow:hidden}
.cx-prog i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#00E5FF,#7F00FF);transform-origin:0 50%;animation:cx-prog 4s linear infinite}
@keyframes cx-prog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.cx-stand{width:34%;height:10px;margin:10px auto 0;border-radius:0 0 10px 10px;background:#1A2234}
.cx-chip{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:14px;background:rgba(15,20,32,.82);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 18px 40px -16px rgba(0,0,0,.8);white-space:nowrap;animation:cx-chip 6s ease-in-out infinite}
.cx-chip b{display:block;font:700 13.5px/1.2 var(--display);color:#fff}.cx-chip small{display:block;font:500 11.5px/1.3 var(--body);color:#AAB6C8}
.cx-chip.c1{left:-26px;top:4px}
.cx-chip.c2{right:-18px;bottom:6px;animation-delay:-2s}
.cx-chip.c3{left:-14px;bottom:56px;animation-delay:-4s}
@keyframes cx-chip{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.cx-ico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none}
.ci-cyan{background:rgba(0,229,255,.16);color:#00E5FF}.ci-gold{background:rgba(242,193,78,.16);color:#F2C14E}.ci-violet{background:rgba(179,136,255,.18);color:#C4A5FF}
@media (max-width:900px){.cta-xl{grid-template-columns:minmax(0,1fr);border-radius:24px;min-height:0}.cx-stage{padding:24px 0 48px;margin:0 6px}.cx-chip.c1{left:-6px}.cx-chip.c2{right:-6px}.cx-tv{transform:none;animation:none}}
@media (max-width:520px){.cx-chip{padding:8px 10px 8px 8px}.cx-chip small{display:none}.cx-actions .btn{flex:1 1 100%}.cx-trust{gap:8px 16px}}
@media (prefers-reduced-motion:reduce){.cx-orb,.cx-grad,.cx-dot,.cx-tv,.cx-chip,.cx-prog i{animation:none}.cx-scr img{animation:none}.cx-scr img:first-child{opacity:1}}

/* closing banner runs edge to edge, above the questions; its content lines up with the page (1.25.4) */
.mkt section.band.cta-xl-wrap{max-width:none;padding:0;margin:0}
.cta-xl-wrap .cta-xl{border-radius:0;min-height:clamp(460px,44vw,600px);padding-top:clamp(48px,6vw,88px);padding-bottom:clamp(48px,6vw,88px);padding-left:max(clamp(20px,4vw,40px),calc((100% - 1160px) / 2));padding-right:max(clamp(20px,4vw,40px),calc((100% - 1160px) / 2));box-shadow:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.cta-xl-wrap .cta-xl::before{border-radius:0;padding:1.5px 0}

.cta-xl-wrap .cx-mark{display:none}
.cta-xl-wrap .cx-orb.o1{right:8%;top:-200px;width:620px;height:620px}
.cta-xl-wrap .cx-orb.o2{left:-120px;bottom:-320px;width:680px;height:680px}
.cta-xl-wrap .cx-stage{max-width:620px;justify-self:end;width:100%}
.cta-xl-wrap .cta-xl h2{font-size:clamp(38px,4.6vw,68px)}
@media (max-width:900px){.cta-xl-wrap .cta-xl{grid-template-columns:minmax(0,1fr)}.cta-xl-wrap .cx-stage{justify-self:stretch;max-width:none}}

/* "For networks" band: hub visual + linked cards (1.25.5) */
.mkt section.band.dark.nw{position:relative;isolation:isolate;overflow:hidden;padding-top:clamp(64px,8vw,112px);padding-bottom:clamp(64px,8vw,112px);background:radial-gradient(120% 90% at 85% 0%,#14123A 0%,#07090E 55%),#07090E}
.nw-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.nw-glow{position:absolute;border-radius:50%;filter:blur(50px)}
.nw-glow.g1{width:560px;height:560px;right:5%;top:-180px;background:radial-gradient(circle,rgba(0,229,255,.22),transparent 65%)}
.nw-glow.g2{width:620px;height:620px;left:-200px;bottom:-300px;background:radial-gradient(circle,rgba(127,0,255,.25),transparent 65%)}
.nw-dots{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.5px);background-size:26px 26px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent)}
.mkt section.band.dark.nw>.nw-top,.mkt section.band.dark.nw>.nw-cards{max-width:1160px}
.nw-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center;margin-bottom:clamp(36px,5vw,64px)}
.nw h2{color:#fff;font:800 clamp(34px,4.4vw,56px)/1.04 var(--display);letter-spacing:-.03em;margin:10px 0 16px;max-width:15ch}
.nw-grad{background:linear-gradient(92deg,#00E5FF,#38BDF8 40%,#B388FF 80%);-webkit-background-clip:text;background-clip:text;color:transparent}
.nw .lede{color:#AAB6C8;margin-bottom:28px}
.nw-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.nw-stats div{padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08)}
.nw-stats b{display:block;font:800 20px/1.1 var(--display);color:#fff;margin-bottom:4px}
.nw-stats span{display:block;font:500 12.5px/1.35 var(--body);color:#9BA7BA}
.nw-hub{position:relative;aspect-ratio:560/380;width:100%}
.nw-map{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.nw-pulse{stroke-dasharray:0 1000;animation:nw-send 4s cubic-bezier(.4,0,.2,1) infinite}
@keyframes nw-send{0%{stroke-dasharray:0 1000;opacity:1}35%{stroke-dasharray:260 1000;opacity:1}55%,100%{stroke-dasharray:260 1000;opacity:0}}
.nw-store{position:absolute;width:44px;height:30px;transform:translate(-50%,-50%);border-radius:7px;background:#0F1420;border:2px solid #2C3850;box-shadow:0 10px 24px -10px rgba(0,0,0,.9);animation:nw-lit 4s ease infinite}
.nw-store i{position:absolute;inset:4px;border-radius:3px;background:linear-gradient(135deg,#1A2234,#0F1420)}
.nw-store::after{content:"";position:absolute;left:50%;bottom:-7px;width:14px;height:3px;border-radius:2px;transform:translateX(-50%);background:#2C3850}
@keyframes nw-lit{0%,8%{border-color:#2C3850;box-shadow:0 10px 24px -10px rgba(0,0,0,.9)}14%,60%{border-color:#00E5FF;box-shadow:0 0 0 3px rgba(0,229,255,.15),0 0 26px rgba(0,229,255,.45)}100%{border-color:#2C3850}}
.nw-store{--lit:linear-gradient(135deg,#00B4D8,#7F00FF)}
.nw-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:96px;height:96px;border-radius:24px;display:grid;place-items:center;align-content:center;gap:2px;background:linear-gradient(160deg,#151B2C,#0A0E18);border:1.5px solid rgba(0,229,255,.55);box-shadow:0 0 0 8px rgba(0,229,255,.06),0 0 50px rgba(0,229,255,.35),0 24px 50px -20px rgba(0,0,0,.9)}
.nw-core img{width:46px;height:auto}
.nw-core span{font:800 11px/1 var(--display);letter-spacing:.14em;color:#BDF6FF}
.nw-toast{position:absolute;right:-2%;bottom:-8%;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:14px;background:rgba(15,20,32,.88);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 18px 40px -16px rgba(0,0,0,.9);animation:cx-chip 6s ease-in-out infinite}
.nw-toast b{display:block;font:700 13.5px/1.2 var(--display);color:#fff}.nw-toast small{display:block;font:500 11.5px/1.3 var(--body);color:#AAB6C8}
.nw-tick{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(34,197,94,.16);color:#4ADE80;flex:none}
.nw-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.nw-card{--c:#00E5FF;position:relative;display:flex;flex-direction:column;gap:10px;padding:26px 24px 22px;border-radius:20px;text-decoration:none;color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.09);overflow:hidden;transition:transform .25s var(--ease),border-color .25s,box-shadow .25s}
.nw-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--c),transparent)}
.nw-card::after{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--c) 22%,transparent),transparent 70%);opacity:.7;transition:opacity .25s}
.nw-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--c) 45%,transparent);box-shadow:0 30px 60px -30px color-mix(in srgb,var(--c) 55%,transparent);color:#fff}
.nw-card:hover::after{opacity:1}
.nw-card.c-vi{--c:#B388FF}.nw-card.c-go{--c:#F2C14E}
.nw-ico{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 15%,transparent);color:var(--c);border:1px solid color-mix(in srgb,var(--c) 30%,transparent)}
.nw-card h3{color:#fff;font:700 19px/1.25 var(--display);margin:6px 0 0}
.nw-card p{color:#AAB6C8;margin:0;font-size:14.5px;line-height:1.55}
.nw-card ul{list-style:none;margin:4px 0 6px;padding:0;display:flex;flex-direction:column;gap:7px}
.nw-card li{position:relative;padding-left:22px;font:500 13.5px/1.4 var(--body);color:#DDE6F3}
.nw-card li::before{content:"";position:absolute;left:2px;top:5px;width:10px;height:6px;border-left:2px solid var(--c);border-bottom:2px solid var(--c);transform:rotate(-45deg)}
.nw-more{margin-top:auto;padding-top:10px;display:inline-flex;align-items:center;gap:6px;font:700 14px/1 var(--body);color:var(--c)}
.nw-card:hover .nw-more svg{transform:translateX(3px)}.nw-more svg{transition:transform .2s}
@media (max-width:900px){.nw-top{grid-template-columns:minmax(0,1fr)}.nw-cards{grid-template-columns:minmax(0,1fr)}.nw-hub{max-width:520px;margin:0 auto}}
@media (max-width:520px){.nw-stats{grid-template-columns:minmax(0,1fr)}.nw-store{width:34px;height:24px}.nw-core{width:74px;height:74px;border-radius:18px}.nw-core img{width:34px}}
@media (prefers-reduced-motion:reduce){.nw-pulse,.nw-store,.nw-toast{animation:none}.nw-pulse{stroke-dasharray:none;opacity:.6}}
.mkt section.band.dark.nw>.nw-bg{max-width:none;margin:0}

/* ================= home restructure (1.26.0) ================= */
/* shared section shell: wide content, roomy on big screens */
.mkt section.band.who,.mkt section.band.how,.mkt section.band.day,.mkt section.band.price-peek,.mkt section.band.faq2{max-width:none}
.sec-in{max-width:1360px;margin:0 auto;width:100%}
.sec-head{max-width:760px;margin-bottom:clamp(28px,4vw,52px)}.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}
.sec-head.center .lede{margin-left:auto;margin-right:auto}
.sec-head h2,.day-copy h2{font:800 clamp(32px,4vw,56px)/1.05 var(--display);letter-spacing:-.03em;margin:8px 0 14px}

/* hero fills the first screen on desktop; the tour gets wider */
.ht-cue{display:none}
@media (min-width:1025px) and (min-height:680px){
  .hero.hero-tour{max-width:1480px;min-height:calc(90vh - var(--top-h,64px));display:flex;flex-direction:column;justify-content:center;padding-top:clamp(24px,3vh,48px);padding-bottom:clamp(40px,5vh,64px)}
  .hero-tour .tour-view{max-height:min(60vh,620px)}
  .ht-cue{display:grid;place-items:center;position:absolute;left:50%;bottom:6px;transform:translateX(-50%);width:40px;height:40px;border-radius:999px;color:var(--muted);border:1px solid var(--line);background:var(--surface);text-decoration:none;animation:ht-bob 2.4s ease-in-out infinite}
  .ht-cue:hover{color:var(--ink)}
  /* big sections take most of the screen and centre their content */
  .mkt section.band.how,.mkt section.band.day,.mkt section.band.price-peek,.mkt section.band.dark.nw{min-height:85vh;display:flex;flex-direction:column;justify-content:center}
  .cta-xl-wrap .cta-xl{min-height:80vh}
}
@keyframes ht-bob{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,6px)}}
@media (prefers-reduced-motion:reduce){.ht-cue{animation:none}}

/* networks + banner: same wide content width */
.mkt section.band.dark.nw>.nw-top,.mkt section.band.dark.nw>.nw-cards{max-width:1360px;width:100%}
.nw-cards{grid-template-columns:repeat(4,minmax(0,1fr))}
.nw-card.c-or{--c:#FB923C}
@media (max-width:1200px){.nw-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.nw-cards{grid-template-columns:minmax(0,1fr)}}
.cta-xl-wrap .cta-xl{padding-left:max(clamp(20px,4vw,40px),calc((100% - 1360px) / 2));padding-right:max(clamp(20px,4vw,40px),calc((100% - 1360px) / 2))}
.cta-xl-wrap .cx-stage{max-width:680px}

/* who it's for */
.mkt section.band.who{padding-top:clamp(20px,3vw,36px);padding-bottom:clamp(20px,3vw,36px);border-block:1px solid var(--line);background:var(--surface)}
.who-in{max-width:1360px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 32px}
.who-types{display:flex;flex-wrap:wrap;gap:10px}
.who-t{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 16px 0 8px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);font:600 14.5px/1 var(--body);color:var(--ink)}
.who-t span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,#00B4D8 16%,transparent),color-mix(in srgb,#7F00FF 14%,transparent));color:#0A7EA4}
:root[data-theme=dark] .who-t span{color:#00E5FF}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .who-t span{color:#00E5FF}}
.who-works{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.who-works small{font:700 11px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-right:4px}
.who-works span{height:30px;display:inline-flex;align-items:center;padding:0 12px;border-radius:999px;border:1px solid var(--line);font:500 13px/1 var(--body);color:var(--muted)}

/* how it works: three numbered steps joined by a line */
.hsteps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,32px);position:relative}
.hsteps::before{content:"";position:absolute;left:8%;right:8%;top:clamp(110px,10vw,138px);height:2px;background:linear-gradient(90deg,#00B4D8,#7F00FF);opacity:.35;z-index:0}
.step{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px;padding:18px 18px 24px;border-radius:22px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh)}
.step h3{font:700 21px/1.25 var(--display);margin:4px 0 0}
.step p{margin:0;color:var(--muted);font-size:15px;line-height:1.6}
.step-no{align-self:flex-start;font:800 13px/1 var(--display);letter-spacing:.1em;color:#fff;background:linear-gradient(135deg,#00B4D8,#7F00FF);padding:7px 10px;border-radius:999px;margin-top:6px}
.step-vis{height:clamp(150px,13vw,190px);border-radius:16px;background:linear-gradient(140deg,#0B0F1C,#1A0B3B 60%,#062F45);position:relative;overflow:hidden;display:grid;place-items:center}
.sv-tv{width:72%;aspect-ratio:16/9;border-radius:10px;border:3px solid #22304A;background:#05070B;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;position:relative;box-shadow:0 20px 40px -20px rgba(0,229,255,.5)}
.sv-tv small{font:600 10px/1 var(--body);color:#9BA7BA;letter-spacing:.06em}
.sv-tv b{font:800 clamp(18px,2vw,28px)/1 var(--display);letter-spacing:.14em;color:#00E5FF}
.sv-tv i{position:absolute;bottom:-11px;width:30%;height:5px;border-radius:3px;background:#22304A}
.sv-tpl{grid-template-columns:repeat(3,1fr);gap:8px;padding:18px;place-items:stretch}
.sv-tpl span{border-radius:9px;display:grid;place-items:center;font:700 12px/1 var(--display);color:#fff;min-height:44px;animation:sv-pop 6s ease-in-out infinite}
.sv-tpl .t1{background:#24473A}.sv-tpl .t2{background:#9C1420;animation-delay:.5s}.sv-tpl .t3{background:#3A1C6E;animation-delay:1s}.sv-tpl .t4{background:#C4141F;animation-delay:1.5s}.sv-tpl .t5{background:#0E5A7A;animation-delay:2s}.sv-tpl .t6{background:#7A2E0E;animation-delay:2.5s}
@keyframes sv-pop{0%,70%,100%{transform:scale(1);box-shadow:none}10%{transform:scale(1.06);box-shadow:0 0 0 2px #00E5FF}}
.sv-run{align-content:center;gap:8px;padding:0 22px}
.sv-bar{position:relative;display:flex;height:34px;border-radius:9px;overflow:hidden;width:100%}
.sv-bar i{display:block}.sv-bar .b1{flex:5;background:#F2C14E}.sv-bar .b2{flex:5;background:#22C55E}.sv-bar .b3{flex:6;background:#818CF8}.sv-bar .b4{flex:8;background:#334155}
.sv-bar em{position:absolute;top:-4px;bottom:-4px;width:3px;border-radius:2px;background:#00E5FF;box-shadow:0 0 12px #00E5FF;left:0;animation:sv-now 9s linear infinite}
@keyframes sv-now{from{left:0}to{left:calc(100% - 3px)}}
.sv-lbl{display:flex;justify-content:space-between;width:100%;font:600 11px/1 var(--body);color:#9BA7BA}
@media (max-width:900px){.hsteps{grid-template-columns:minmax(0,1fr)}.hsteps::before{display:none}}

/* runs itself all day */
.mkt section.band.day{background:radial-gradient(80% 60% at 90% 10%,color-mix(in srgb,#7F00FF 7%,transparent),transparent 70%)}
.day-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,5vw,80px);align-items:center}
.day-copy .lede{margin-bottom:22px}
.day-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.day-list li{padding:16px 16px 16px 18px;border-radius:16px;background:var(--surface);border:1px solid var(--line);border-left:3px solid #00B4D8}
.day-list li:nth-child(2){border-left-color:#7F00FF}.day-list li:nth-child(3){border-left-color:#F2C14E}.day-list li:nth-child(4){border-left-color:#22C55E}
.day-list b{display:block;font:700 15.5px/1.3 var(--display);margin-bottom:4px}.day-list span{display:block;font-size:13.5px;line-height:1.5;color:var(--muted)}
.day-vis{position:relative}
.dv-tv{border-radius:18px;padding:10px;background:#05070B;border:2px solid #22304A;box-shadow:0 40px 80px -36px rgba(11,18,32,.6),0 0 60px -20px rgba(0,229,255,.35)}
.dv-scr{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#000}
.dv-s{position:absolute;inset:0;padding:6% 7%;display:flex;flex-direction:column;justify-content:center;gap:2.2%;opacity:0;animation:dv-cycle 16s infinite}
.dv-s small{font:700 clamp(10px,1vw,13px)/1 var(--body);letter-spacing:.1em;text-transform:uppercase;opacity:.85}
.dv-s b{font:800 clamp(22px,2.6vw,38px)/1.05 var(--display);margin-bottom:2%}
.dv-s p{display:flex;justify-content:space-between;margin:0;font:600 clamp(13px,1.3vw,18px)/1.3 var(--body);border-bottom:1px dotted rgba(255,255,255,.25);padding-bottom:1.5%}
.dv-s p em{font-style:normal;font-weight:800}
.dv-s.s1{background:linear-gradient(160deg,#7A2E0E,#4A1B08);color:#FFF4E6}.dv-s.s1 em{color:#F2C14E}
.dv-s.s2{background:linear-gradient(160deg,#14532D,#0B3A1F);color:#ECFDF5;animation-delay:4s}.dv-s.s2 em{color:#86EFAC}
.dv-s.s3{background:linear-gradient(160deg,#312E81,#1E1B4B);color:#EEF2FF;animation-delay:8s}.dv-s.s3 em{color:#A5B4FC}
.dv-s.s4{background:linear-gradient(160deg,#0F1420,#07090E);color:#fff;animation-delay:12s;align-items:flex-start}
.dv-s.s4 small{text-transform:none;letter-spacing:0;font-weight:500;color:#AAB6C8}
.dv-ring{width:clamp(22px,2.4vw,34px);height:clamp(22px,2.4vw,34px);border-radius:50%;border:3px solid #7F00FF;margin-bottom:3%}
@keyframes dv-cycle{0%{opacity:0}3%,24%{opacity:1}27%,100%{opacity:0}}
.dv-line{position:relative;margin:22px 4px 0}
.dv-track{display:flex;height:34px;border-radius:10px;overflow:hidden;font:700 12px/34px var(--body);text-align:center}
.dv-track i{font-style:normal;color:#07090E}.dv-track .k1{flex:5;background:#F2C14E}.dv-track .k2{flex:5;background:#86EFAC}.dv-track .k3{flex:6;background:#A5B4FC}.dv-track .k4{flex:8;background:#334155;color:#fff}
.dv-now{position:absolute;top:-6px;bottom:-6px;width:3px;border-radius:2px;background:#00B4D8;box-shadow:0 0 12px #00E5FF;animation:dv-move 16s linear infinite}
@keyframes dv-move{0%{left:0}25%{left:calc(20.8% - 1px)}50%{left:calc(41.6% - 1px)}75%{left:calc(66.6% - 1px)}100%{left:calc(100% - 3px)}}
.dv-hol{display:inline-flex;align-items:center;gap:9px;margin-top:16px;padding:9px 14px 9px 9px;border-radius:12px;background:var(--surface);border:1px solid var(--line);font:600 13px/1.3 var(--body);color:var(--ink);box-shadow:var(--sh)}
.dv-hol span{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,#F2C14E 20%,transparent);color:#B45309}
@media (max-width:900px){.day-grid{grid-template-columns:minmax(0,1fr)}.day-list{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.dv-s,.dv-now,.sv-tpl span,.sv-bar em{animation:none}.dv-s.s1{opacity:1}}

/* pricing preview */
.pp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px);align-items:stretch;max-width:1120px;margin:0 auto}
.pp-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:28px 26px 24px;border-radius:22px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh)}
.pp-card.hot{border:2px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,#00B4D8,#7F00FF) border-box;box-shadow:0 30px 60px -30px rgba(127,0,255,.45);transform:translateY(-8px)}
.pp-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:6px 12px;border-radius:999px;background:linear-gradient(135deg,#00B4D8,#7F00FF);color:#fff;font:700 12px/1 var(--body)}
.pp-n{font:700 15px/1 var(--display);color:var(--muted)}
.pp-price{font:800 clamp(36px,3.4vw,48px)/1 var(--display);letter-spacing:-.03em}.pp-price small{font:500 15px var(--body);color:var(--muted);letter-spacing:0;margin-left:4px}
.pp-per{font:600 13.5px/1 var(--body);color:#0A7EA4}
:root[data-theme=dark] .pp-per{color:#00E5FF}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pp-per{color:#00E5FF}}
.pp-card ul{list-style:none;margin:10px 0 16px;padding:0;display:flex;flex-direction:column;gap:8px}
.pp-card li{position:relative;padding-left:22px;font-size:14px;color:var(--ink)}
.pp-card li::before{content:"";position:absolute;left:2px;top:5px;width:10px;height:6px;border-left:2px solid #00B4D8;border-bottom:2px solid #00B4D8;transform:rotate(-45deg)}
.pp-card .btn{margin-top:auto;justify-content:center;min-height:48px}
.pp-terms{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:clamp(28px,4vw,44px) auto 0}
.pp-tl{font:700 14px/1 var(--display);margin-right:6px}
.pp-term{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line);font:500 13.5px/1 var(--body);color:var(--muted)}
.pp-term b{color:var(--ink);font-weight:700}
.pp-bundle{display:flex;align-items:center;justify-content:center;gap:10px 14px;flex-wrap:wrap;margin:18px auto 0;max-width:860px;padding:12px 18px;border-radius:14px;border:1px solid color-mix(in srgb,#F2C14E 55%,var(--line));background:color-mix(in srgb,#F2C14E 10%,var(--surface));font-size:15px;text-align:center}
.pp-bundle-tag{font:800 11px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;padding:6px 9px;border-radius:999px;background:#F2C14E;color:#07090E}
.pp-bundle a{font-weight:700;white-space:nowrap}
.pp-foot{text-align:center;margin:18px auto 0;color:var(--muted);font-size:14px;max-width:none}
@media (max-width:900px){.pp-cards{grid-template-columns:minmax(0,1fr);max-width:460px}.pp-card.hot{transform:none}}

/* questions: two columns */
.mkt section.band.faq2{max-width:none}
.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;align-items:start;max-width:1160px;margin:0 auto}
@media (max-width:800px){.faq-grid{grid-template-columns:minmax(0,1fr)}}

/* footer: wider on big screens */
@media (min-width:1025px){.pf-in{max-width:1440px}.pf-cols{grid-template-columns:repeat(4,minmax(0,1fr));justify-content:stretch;gap:40px 48px;max-width:1160px;margin:0 auto}}

/* templates band: same wide content */
.mkt section.band.alt#templates>*{max-width:1360px}
.mkt section.band.alt.price-peek>*{max-width:1360px}
@media (max-width:640px){.who-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.who-t{font-size:13px;padding-right:10px}}

/* networks band flows into the closing banner: shared colour at the seam, no hard line (1.26.1) */
.mkt section.band.dark.nw{background:linear-gradient(180deg,transparent 0%,transparent 62%,#0E0B26 100%),radial-gradient(120% 90% at 85% 0%,#14123A 0%,#07090E 55%),#07090E}
.cta-xl-wrap .cta-xl{background:linear-gradient(180deg,#0E0B26 0%,rgba(14,11,38,0) 30%),linear-gradient(125deg,#0B0A1E 0%,#120A2E 38%,#1E0B4A 58%,#062F45 100%)}
.cta-xl-wrap .cta-xl::before{display:none}
.cta-xl-wrap .cx-grid{-webkit-mask-image:radial-gradient(ellipse at 70% 55%,#000 10%,transparent 65%);mask-image:radial-gradient(ellipse at 70% 55%,#000 10%,transparent 65%)}
.cta-xl-wrap .cx-orb.o1{top:60px}
.nw-glow.g2{bottom:-420px}

/* networks + closing banner share ONE dark frame: one background, glows that cross the join (1.26.2) */
.dark-flow{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:linear-gradient(180deg,#07090E 0%,#0A0918 30%,#0E0A24 55%,#110A2C 75%,#0A1A2E 100%)}
.df-bg{position:absolute;inset:0;z-index:-1;pointer-events:none}
.df-g{position:absolute;border-radius:50%;filter:blur(60px)}
.df-g.g1{width:720px;height:720px;right:2%;top:-260px;background:radial-gradient(circle,rgba(0,229,255,.18),transparent 65%)}
.df-g.g2{width:900px;height:900px;left:-280px;top:38%;background:radial-gradient(circle,rgba(127,0,255,.26),transparent 65%)}
.df-g.g3{width:760px;height:760px;right:-120px;top:52%;background:radial-gradient(circle,rgba(0,180,216,.22),transparent 65%)}
.df-g.g4{width:620px;height:620px;left:35%;bottom:-300px;background:radial-gradient(circle,rgba(114,9,183,.28),transparent 65%)}
.df-dots{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.5px);background-size:26px 26px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent)}
.dark-flow .mkt-x,.dark-flow section.band.dark.nw,.mkt .dark-flow section.band.dark.nw{background:transparent!important;overflow:visible}
.dark-flow .nw-bg{display:none}
.dark-flow .cta-xl,.dark-flow .cta-xl-wrap .cta-xl{background:transparent!important;overflow:visible;box-shadow:none}
.dark-flow .cx-orb,.dark-flow .cx-mark{display:none}
.dark-flow .cx-grid{display:none}
/* pricing sits just above the questions; it sizes to its content (1.26.2) */
@media (min-width:1025px) and (min-height:680px){.mkt section.band.price-peek{min-height:0;padding-top:clamp(64px,7vw,104px);padding-bottom:clamp(56px,6vw,88px)}}
.mkt section.band.faq2{padding-top:clamp(56px,6vw,88px)}
/* inside the shared dark frame the two parts sit close together (1.26.3) */
.mkt .dark-flow section.band.dark.nw{min-height:0;padding-bottom:clamp(40px,4vw,56px)}
.dark-flow .cta-xl-wrap .cta-xl{min-height:0;padding-top:clamp(40px,4vw,56px);padding-bottom:clamp(32px,3.5vw,52px)}
@media (min-width:1025px) and (min-height:680px){.mkt .dark-flow section.band.dark.nw{min-height:0}.dark-flow .cta-xl-wrap .cta-xl{min-height:0}}
/* sections size to their content with one even rhythm, no tall empty bands (1.26.4) */
@media (min-width:1025px) and (min-height:680px){.mkt section.band.how,.mkt section.band.day{min-height:0}}
.mkt section.band.how,.mkt section.band.day{padding-top:clamp(56px,6vw,96px);padding-bottom:clamp(56px,6vw,96px)}
.mkt section.band.alt#templates{padding-bottom:clamp(72px,8vw,120px)}
/* who strip, polished (1.26.6): five even store tiles, then a clean "runs on" row in matching type */
.mkt section.band.who{padding-top:clamp(28px,3.5vw,44px);padding-bottom:clamp(28px,3.5vw,44px)}
.who-in{flex-direction:column;align-items:stretch;gap:22px}
.who-types{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.who-t{height:60px;padding:0 16px 0 10px;border-radius:16px;font-size:15px;background:var(--surface);box-shadow:var(--sh-sm);transition:border-color .2s,transform .2s}
.who-t:hover{border-color:color-mix(in srgb,#00B4D8 45%,transparent);transform:translateY(-2px)}
.who-t span{width:40px;height:40px;border-radius:12px}
.who-works{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:24px;padding-top:20px;border-top:1px solid var(--line)}
.ww-label{font:700 11.5px/1.3 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);max-width:150px}
.ww-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
.ww-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 10px;border-left:1px solid var(--line);text-align:center}
.ww-item:first-child{border-left:0}
.ww-item b{font:800 clamp(15px,1.3vw,19px)/1.1 var(--display);letter-spacing:-.01em;color:var(--ink);opacity:.82}
.ww-item small{font:500 11.5px/1.2 var(--body);color:var(--faint)}
@media (max-width:1100px){.who-types{grid-template-columns:repeat(3,minmax(0,1fr))}.ww-list{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:14px}.ww-item:nth-child(4){border-left:0}}
@media (max-width:640px){.who-types{grid-template-columns:repeat(2,minmax(0,1fr))}.who-works{grid-template-columns:minmax(0,1fr);gap:14px}.ww-label{max-width:none;text-align:center}.ww-list{grid-template-columns:repeat(2,minmax(0,1fr))}.ww-item:nth-child(odd){border-left:0}.ww-item:nth-child(4){border-left:1px solid var(--line)}}
.who-works .ww-label,.who-works .ww-item{height:auto;border-radius:0;border:0;padding:0;display:block;background:none}
.who-works .ww-label{font:700 11.5px/1.35 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);max-width:150px}
.who-works .ww-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:2px 10px;border-left:1px solid var(--line)}
.who-works .ww-item:first-child{border-left:0}
.who-works .ww-item small{font:500 12px/1.25 var(--body);letter-spacing:0;text-transform:none;color:var(--faint);margin:0}
@media (max-width:1100px){.who-works .ww-item:nth-child(4){border-left:0}}
@media (max-width:640px){.who-works .ww-label{max-width:none;text-align:center}.who-works .ww-item{border-left:0}.who-works .ww-item:nth-child(even){border-left:1px solid var(--line)}.who-t{height:auto;min-height:60px;padding-top:8px;padding-bottom:8px;font-size:14px;line-height:1.25}}
/* who strip fixes (1.26.6): six store tiles; the "runs on" row in clean matching type */
.who-types{grid-template-columns:repeat(6,minmax(0,1fr))}
.who-t{height:auto;min-height:60px;padding-top:8px;padding-bottom:8px;line-height:1.25}
.who-works .ww-label,.who-works .ww-item{height:auto;border-radius:0;border:0;padding:0;display:block;background:none}
.who-works .ww-label{font:700 11.5px/1.35 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);max-width:150px}
.who-works .ww-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:2px 10px;border-left:1px solid var(--line)}
.who-works .ww-item:first-child{border-left:0}
.who-works .ww-item small{font:500 12px/1.25 var(--body);letter-spacing:0;text-transform:none;color:var(--faint);margin:0}
@media (max-width:1280px){.who-types{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1100px){.who-works .ww-item:nth-child(4){border-left:0}}
@media (max-width:640px){.who-types{grid-template-columns:repeat(2,minmax(0,1fr))}.who-works .ww-label{max-width:none;text-align:center}.who-works .ww-item{border-left:0}.who-works .ww-item:nth-child(even){border-left:1px solid var(--line)}.who-t{font-size:14px}}
/* who strip, bigger (1.26.7): headed section, tall colour cards, large "runs on" names */
.mkt section.band.who{padding-top:clamp(56px,6vw,96px);padding-bottom:clamp(56px,6vw,96px);background:linear-gradient(180deg,var(--surface),var(--bg))}
.who-in{gap:clamp(24px,3vw,40px)}
.who-head{text-align:center}.who-head h2{font:800 clamp(28px,3.2vw,44px)/1.1 var(--display);letter-spacing:-.025em;margin:8px 0 0}
.who-types{gap:16px}
.who-t{--wc:#00B4D8;position:relative;overflow:hidden;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;min-height:0;height:auto;padding:22px 20px 20px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh)}
.who-t::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--wc)}
.who-t::after{content:"";position:absolute;right:-40px;bottom:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--wc) 18%,transparent),transparent 70%);transition:transform .3s}
.who-t:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--wc) 50%,transparent);box-shadow:0 24px 48px -24px color-mix(in srgb,var(--wc) 60%,transparent)}
.who-t:hover::after{transform:scale(1.3)}
.who-t span{width:56px;height:56px;border-radius:16px;margin-bottom:10px;background:color-mix(in srgb,var(--wc) 14%,transparent);color:var(--wc);border:1px solid color-mix(in srgb,var(--wc) 28%,transparent)}
.who-t b{font:700 17px/1.25 var(--display);color:var(--ink)}
.who-t small{font:500 13px/1.4 var(--body);color:var(--muted)}
.who-t.wc0{--wc:#00B4D8}.who-t.wc1{--wc:#7F00FF}.who-t.wc2{--wc:#F59E0B}.who-t.wc3{--wc:#EC4899}.who-t.wc4{--wc:#22C55E}.who-t.wc5{--wc:#3B82F6}
:root[data-theme=dark] .who-t span{color:var(--wc)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .who-t span{color:var(--wc)}}
.who-works{margin-top:8px;padding:24px 28px;border-top:0;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh)}
.who-works .ww-item b{font:800 clamp(18px,1.7vw,24px)/1.1 var(--display);opacity:.9}
.who-works .ww-item small{font-size:13px}
@media (max-width:640px){.who-t{padding:16px 14px}.who-t span{width:46px;height:46px}.who-t b{font-size:15px}.who-works{padding:18px 12px}}
/* industries slider (1.26.8): three big cards at a time, icon left, text right */
.ind{position:relative}
.ind-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px) / 3);column-gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:6px 2px 18px;outline:none}
.ind-track::-webkit-scrollbar{display:none}
.ind-track:focus-visible{outline:3px solid #00B4D8;outline-offset:4px;border-radius:24px}
.ind-card{--wc:#00B4D8;scroll-snap-align:start;position:relative;overflow:hidden;display:flex;align-items:center;gap:22px;min-height:168px;padding:26px 26px 26px 24px;border-radius:24px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh);transition:transform .25s var(--ease),box-shadow .25s,border-color .25s}
.ind-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--wc)}
.ind-card::after{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--wc) 16%,transparent),transparent 70%);pointer-events:none}
.ind-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--wc) 50%,transparent);box-shadow:0 28px 56px -28px color-mix(in srgb,var(--wc) 65%,transparent)}
.ind-ico{flex:none;width:84px;height:84px;border-radius:22px;display:grid;place-items:center;color:var(--wc);background:linear-gradient(145deg,color-mix(in srgb,var(--wc) 22%,transparent),color-mix(in srgb,var(--wc) 8%,transparent));border:1px solid color-mix(in srgb,var(--wc) 32%,transparent);box-shadow:0 14px 30px -16px color-mix(in srgb,var(--wc) 70%,transparent)}
.ind-txt{min-width:0;position:relative;z-index:1}
.ind-card h3{font:800 clamp(18px,1.5vw,22px)/1.2 var(--display);letter-spacing:-.01em;margin:0 0 6px;color:var(--ink)}
.ind-card p{margin:0 0 12px;font-size:14.5px;line-height:1.5;color:var(--muted)}
.ind-tags{display:flex;flex-wrap:wrap;gap:6px}
.ind-tags span{height:26px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;font:600 12px/1 var(--body);color:var(--wc);background:color-mix(in srgb,var(--wc) 10%,transparent);border:1px solid color-mix(in srgb,var(--wc) 22%,transparent)}
.ind-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:6px}
.ind-btn{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;box-shadow:var(--sh-sm);transition:border-color .2s,transform .2s}
.ind-btn:hover{border-color:#00B4D8;transform:translateY(-1px)}
.ind-btn:focus-visible,.ind-dots button:focus-visible{outline:3px solid #00B4D8;outline-offset:3px}
.ind-dots{display:flex;gap:8px}
.ind-dots button{width:9px;height:9px;padding:0;border-radius:999px;border:0;background:var(--line-2);cursor:pointer;transition:width .25s,background .25s}
.ind-dots button.on{width:28px;background:linear-gradient(90deg,#00B4D8,#7F00FF)}
@media (max-width:1100px){.ind-track{grid-auto-columns:calc((100% - 20px) / 2)}}
@media (max-width:640px){.ind-track{grid-auto-columns:86%;column-gap:14px}.ind-card{flex-direction:column;align-items:flex-start;gap:14px;padding:22px 20px}.ind-ico{width:64px;height:64px;border-radius:18px}.ind-ico svg{width:32px;height:32px}}
@media (prefers-reduced-motion:reduce){.ind-track{scroll-behavior:auto}.ind-card{transition:none}}
.who-in>*{min-width:0;max-width:100%}.ind,.ind-track{min-width:0;width:100%}
/* "Runs on the TV you already have": moving brand gradient on the label only (1.26.8) */
.who-works .ww-label{background:linear-gradient(90deg,#00B4D8,#7F00FF,#00E5FF,#7F00FF,#00B4D8);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ww-shine 6s linear infinite;font-weight:800}
@keyframes ww-shine{from{background-position:0% 50%}to{background-position:300% 50%}}
@media (prefers-reduced-motion:reduce){.who-works .ww-label{animation:none}}
html.a11y-still .who-works .ww-label{animation:none}

/* ================= side dock + reading & comfort panel (1.27.0) ================= */
.dock{position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:70;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:22px;background:color-mix(in srgb,var(--surface) 82%,transparent);border:1px solid color-mix(in srgb,#00B4D8 35%,var(--line));box-shadow:0 18px 40px -18px rgba(11,18,32,.35);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.dock-brand{display:grid;place-items:center;width:44px;height:40px}
.dock-brand img{width:30px;height:auto}
.dock-sep{width:28px;height:1px;background:var(--line-2);margin:2px 0 4px}
.dock-btn{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;border:0;background:transparent;color:var(--ink);cursor:pointer;text-decoration:none;transition:background .15s,color .15s}
.dock-btn:hover,.dock-btn:focus-visible{background:color-mix(in srgb,#00B4D8 12%,transparent);color:#0A7EA4}
.dock-btn:focus-visible,.dock-brand:focus-visible{outline:3px solid #00B4D8;outline-offset:2px}
.dock-btn.on::after{content:"";position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:#00B4D8;box-shadow:0 0 0 2px var(--surface)}
.dock-btn[hidden]{display:none}
.dock [data-tip]:hover::before,.dock [data-tip]:focus-visible::before{content:attr(data-tip);position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%);white-space:nowrap;padding:7px 11px;border-radius:9px;background:#07090E;color:#fff;font:600 12.5px/1 var(--body);pointer-events:none;box-shadow:0 10px 24px -10px rgba(0,0,0,.6)}
.dock-brand{position:relative}
@media (max-width:760px){.dock{top:auto;bottom:14px;right:10px;transform:none;padding:8px 6px;gap:2px;border-radius:18px}.dock-brand,.dock-sep{display:none}.dock-btn{width:40px;height:40px}.dock [data-tip]::before{display:none}}
@media print{.dock,.a11y-dlg{display:none!important}}

.a11y-dlg{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px;background:rgba(7,9,14,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.a11y-dlg[hidden]{display:none}
html.a11y-open{overflow:hidden}
.a11y-card{position:relative;width:min(1240px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:clamp(20px,3vw,36px);border-radius:24px;background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:0 40px 100px -30px rgba(0,0,0,.6);zoom:calc(1 / var(--a11y-zoom,1))}
.a11y-x{position:absolute;top:22px;right:22px;width:44px;height:44px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);display:grid;place-items:center;cursor:pointer}
.a11y-eyebrow{font:700 11.5px/1.3 var(--body);letter-spacing:.12em;text-transform:uppercase;color:#0A7EA4}
.a11y-card h2{font:800 clamp(28px,3.4vw,46px)/1.05 var(--display);letter-spacing:-.03em;margin:8px 60px 8px 0}
.a11y-sub{margin:0 0 22px;color:var(--muted);font-size:15px}
.a11y-grid{display:grid;grid-template-columns:minmax(260px,.42fr) minmax(0,1fr);gap:22px;align-items:start}
.a11y-side{padding:22px;border-radius:18px;background:var(--surface-2);border:1px solid var(--line)}
.a11y-side h3{font:800 22px/1.2 var(--display);margin:6px 0 14px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.a11y-field{display:flex;flex-direction:column;gap:8px;padding:6px 0 16px;margin-bottom:12px;border-bottom:1px solid var(--line)}
.a11y-field label{font:600 14px var(--body)}
.a11y-row{display:flex;justify-content:space-between;align-items:center}
.a11y-row output{font:700 14px var(--body)}
.a11y-field small{color:var(--muted);font-size:12.5px}
.a11y-field input[type=range]{width:100%;accent-color:#00B4D8}
.a11y-field select{height:46px;border-radius:12px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);padding:0 12px;font:500 15px var(--body)}
.a11y-preview{margin-top:6px;padding:16px 16px 16px 18px;border-radius:14px;background:var(--surface);border-left:3px solid #00B4D8}
.a11y-preview small{display:block;font:700 10.5px var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:8px}
.a11y-preview b{display:block;font:700 16px var(--display);margin-bottom:6px}.a11y-preview p{margin:0 0 8px;font-size:14px;color:var(--muted)}
.a11y-preview a{color:#0A7EA4;font-size:14px}
.a11y-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:6px;border-radius:16px;background:var(--surface-2);border:1px solid var(--line);margin-bottom:14px}
.a11y-tabs button{height:40px;padding:0 14px;border-radius:11px;border:0;background:transparent;color:var(--muted);font:600 14px var(--body);cursor:pointer}
.a11y-tabs button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:var(--sh)}
.a11y-tabs button:focus-visible,.a11y-sw:focus-visible,.a11y-x:focus-visible,.a11y-reset:focus-visible{outline:3px solid #00B4D8;outline-offset:2px}
.a11y-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.a11y-opt{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;min-height:104px;padding:16px 16px 18px;border-radius:16px;border:1px solid var(--line);background:var(--surface)}
.a11y-opt[hidden]{display:none}
.a11y-opt b{display:block;font:700 15px/1.3 var(--display);margin-bottom:4px}.a11y-opt span{display:block;font-size:13px;line-height:1.45;color:var(--muted)}
.a11y-sw{position:relative;flex:none;width:46px;height:26px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface-3);cursor:pointer;padding:0;transition:background .15s}
.a11y-sw::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#475569;transition:transform .15s}
.a11y-sw[aria-checked=true]{background:#00B4D8;border-color:#00B4D8}.a11y-sw[aria-checked=true]::after{transform:translateX(20px);background:#fff}
.a11y-note{margin:18px 0 0;font-size:12.5px;color:var(--muted)}
.a11y-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;padding-top:16px;border-top:1px solid var(--line)}
.a11y-reset{height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink);font:600 14px var(--body);cursor:pointer}
.a11y-foot a{color:#0A7EA4;font-size:14px}
:root[data-theme=dark] :is(.a11y-eyebrow,.a11y-preview a,.a11y-foot a){color:#38BDF8}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) :is(.a11y-eyebrow,.a11y-preview a,.a11y-foot a){color:#38BDF8}}
@media (max-width:1000px){.a11y-grid{grid-template-columns:minmax(0,1fr)}.a11y-opts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.a11y-opts{grid-template-columns:minmax(0,1fr)}.a11y-opt{min-height:0}}

/* pointer tools */
.rg-bar{position:fixed;left:0;right:0;top:0;height:28px;z-index:80;pointer-events:none;background:rgba(0,180,216,.12);border-top:2px solid #00B4D8;border-bottom:2px solid #00B4D8}
.rg-cross{position:fixed;inset:0;z-index:80;pointer-events:none}
.rg-cross i{position:absolute;top:0;bottom:0;left:0;width:2px;background:#F59E0B;opacity:.8}
.rg-cross b{position:absolute;left:0;right:0;top:0;height:2px;background:#F59E0B;opacity:.8}
.rg-win{position:fixed;inset:0;z-index:79;pointer-events:none}
.rg-win i{position:absolute;left:0;right:0;background:rgba(7,9,14,.6)}
.rg-win .t{top:0;height:0}.rg-win .b{bottom:0;top:100%}
:is(.rg-bar,.rg-cross,.rg-win)[hidden]{display:none}
html.a11y-crosshair,html.a11y-crosshair *{cursor:crosshair!important}

/* the settings themselves */
html.a11y-zoom body{zoom:var(--a11y-zoom)}
html.a11y-big .hero.hero-tour{min-height:0}html.a11y-big .ht-intro{grid-template-columns:minmax(0,1fr)}
html.a11y-readable body,html.a11y-readable body :is(h1,h2,h3,h4,p,li,a,span,b,small,em,button,input,select,label,summary,div){font-family:Verdana,Tahoma,"Segoe UI",Arial,sans-serif!important}
html.a11y-letter body :is(p,li,a,span,b,small,em,label,summary,h1,h2,h3,h4){letter-spacing:.05em!important;word-spacing:.14em!important}
html.a11y-line body :is(p,li,dd,dt,summary,label,blockquote,td,th){line-height:1.95!important}
html.a11y-links main a,html.a11y-links footer a{text-decoration:underline!important;text-underline-offset:3px;text-decoration-thickness:2px}
html.a11y-links main a:not(.btn){outline:1px dashed currentColor;outline-offset:2px}
html.a11y-focus :focus-visible{outline:4px solid #F59E0B!important;outline-offset:3px!important;box-shadow:0 0 0 9px rgba(245,158,11,.3)!important}
html.a11y-noimg :is(.hero-glow,.df-bg,.nw-bg,.cx-bg,.pf-mark,.pf-mini,.cx-chip,.nw-toast){display:none!important}
html.a11y-noimg :is(.ind-card,.nw-card,.who-t)::after{display:none!important}
html.a11y-still *,html.a11y-still *::before,html.a11y-still *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.a11y-headings main :is(h1,h2,h3){background:color-mix(in srgb,#F59E0B 18%,transparent);box-shadow:0 0 0 6px color-mix(in srgb,#F59E0B 18%,transparent);border-radius:4px}
html.a11y-targets :is(button,.btn,summary,select,.ind-btn,.dock-btn){min-height:52px!important;min-width:52px}
html.a11y-targets main a:not(.btn){display:inline-block;padding:6px 2px}
html.a11y-left main :is(h1,h2,h3,p,li,.center,.sec-head,.who-head){text-align:left!important}
html.a11y-left main :is(.sec-head.center,.who-head){margin-left:0}
html.a11y-column main p{max-width:66ch!important}
html.a11y-controls :is(button,.btn,input,select,textarea,summary){outline:2px solid currentColor!important;outline-offset:2px}

/* colour & contrast */
html.a11y-c-hcl{--bg:#fff;--surface:#fff;--surface-2:#fff;--surface-3:#F1F5F9;--ink:#000;--muted:#1F2937;--faint:#374151;--line:#4B5563;--line-2:#111827}
html.a11y-c-hcl body{background:#fff;color:#000}
html.a11y-c-hcd{--bg:#000;--surface:#000;--surface-2:#0A0A0A;--surface-3:#1A1A1A;--ink:#fff;--muted:#F1F5F9;--faint:#E2E8F0;--line:#CBD5E1;--line-2:#F8FAFC;color-scheme:dark}
html.a11y-c-hcd body{background:#000;color:#fff}
html.a11y-c-mono body>:not(.a11y-dlg):not(.dock):not(.rg-bar):not(.rg-cross):not(.rg-win){filter:grayscale(1)}

/* footer social: round outlined icons */
.pf-social{gap:14px;margin-top:6px}
.pf-social a{width:56px;height:56px;border-radius:999px;background:transparent;border:2px solid #C8D0E6;color:#F5F7FF}
.pf-social a svg{width:22px;height:22px}
.pf-social a:hover{border-color:#00E5FF;color:#00E5FF;background:rgba(0,229,255,.08)}
@media (max-width:760px){.dock a.dock-btn{display:none}}
/* compact theme button (1.27.1): one round icon; light → dark → device */
.theme-one{display:grid;place-items:center;width:42px;height:42px;border-radius:999px;border:1.5px solid var(--line-2);background:var(--surface);color:var(--ink);cursor:pointer;padding:0;flex:none;transition:border-color .15s,background .15s,transform .15s}
.theme-one:hover{border-color:#00B4D8;background:color-mix(in srgb,#00B4D8 8%,var(--surface))}
.theme-one:active{transform:scale(.94)}
.theme-one:focus-visible{outline:3px solid #00B4D8;outline-offset:2px}
.theme-one .tm-i{display:none;line-height:0}
.theme-one[data-mode=light] .tm-light,.theme-one[data-mode=dark] .tm-dark,.theme-one[data-mode=system] .tm-system,.theme-one:not([data-mode]) .tm-light{display:block}
@media (max-width:640px){.mkt-head .brand img{height:36px!important}}

/* ================= Connect panel (1.27.2) ================= */
.cn-dlg{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px;background:rgba(7,9,14,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.cn-dlg[hidden]{display:none}
.cn-card{position:relative;width:min(1320px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:clamp(18px,2.6vw,32px);border-radius:24px;background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:0 40px 100px -30px rgba(0,0,0,.6);zoom:calc(1 / var(--a11y-zoom,1))}
.cn-card h2{font:800 clamp(28px,3.4vw,46px)/1.05 var(--display);letter-spacing:-.03em;margin:8px 60px 20px 0}
.cn-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,2.4vw,32px);align-items:stretch}
.cn-art{position:relative;overflow:hidden;border-radius:20px;min-height:560px;background:linear-gradient(150deg,#07090E 0%,#120A2E 45%,#062F45 100%);color:#fff;isolation:isolate}
.cn-wall{position:absolute;inset:-8% -14% auto -6%;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;transform:rotate(-8deg);z-index:-2}
.cn-tv{display:block;aspect-ratio:16/9;border-radius:10px;overflow:hidden;border:3px solid #1F2A3C;box-shadow:0 20px 40px -18px rgba(0,229,255,.45);animation:cn-glow 6s ease-in-out infinite}
.cn-tv img{width:100%;height:100%;object-fit:cover;display:block}
@keyframes cn-glow{0%,100%{filter:brightness(.75)}50%{filter:brightness(1.05)}}
.cn-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,9,14,.2) 0%,rgba(7,9,14,.55) 38%,rgba(10,9,30,.96) 68%),radial-gradient(60% 40% at 20% 100%,rgba(127,0,255,.35),transparent 70%)}
.cn-copy{position:absolute;left:0;right:0;bottom:0;padding:clamp(22px,3vw,40px)}
.cn-logo{height:42px;width:auto;display:block;margin-bottom:22px}
.cn-kicker{font:800 12px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:#00E5FF;margin-bottom:12px}
.cn-big{font:800 clamp(28px,3.2vw,46px)/1.05 var(--display);letter-spacing:-.03em;margin:0 0 14px}
.cn-small{margin:0 0 16px;color:#C9D2E3;font-size:15.5px;line-height:1.55;max-width:42ch}
.cn-mail{color:#7DF0FF;font:600 15px var(--body);text-decoration:underline;text-underline-offset:4px}
.cn-form-wrap{display:flex;flex-direction:column;gap:22px}
.cn-label{font:800 12px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:#0A7EA4;margin:6px 0 12px}
.cn-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.cn-chips button{height:42px;padding:0 16px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font:600 14px var(--body);cursor:pointer}
.cn-chips button[aria-checked=true]{border-color:#00B4D8;background:color-mix(in srgb,#00B4D8 12%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,#00B4D8 18%,transparent)}
.cn-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.cn-fields label{display:flex;flex-direction:column;gap:7px;font:600 14px var(--body);color:var(--ink)}
.cn-fields small{font-weight:500;color:var(--faint)}
.cn-fields .cn-wide{grid-column:1 / -1}
.cn-fields :is(input,select,textarea){height:48px;border-radius:12px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink);padding:0 14px;font:500 15px var(--body);width:100%}
.cn-fields textarea{height:auto;min-height:96px;padding:12px 14px;resize:vertical;line-height:1.5}
.cn-fields :is(input,select,textarea):focus{outline:none;border-color:#00B4D8;box-shadow:0 0 0 3px color-mix(in srgb,#00B4D8 22%,transparent)}
.cn-send{width:100%;height:54px;margin-top:16px;border:0;border-radius:14px;background:linear-gradient(90deg,#7F00FF,#3B5BFF 55%,#00B4D8);color:#fff;font:700 16px var(--body);cursor:pointer;box-shadow:0 18px 36px -18px rgba(127,0,255,.7);transition:transform .15s,filter .15s}
.cn-send:hover{transform:translateY(-1px);filter:brightness(1.08)}
.cn-send:disabled{opacity:.7;cursor:wait}
.cn-msg{margin:10px 0 0;font:600 14px var(--body);min-height:1em}.cn-msg.ok{color:#15803D}.cn-msg.err{color:#DC2626}
.cn-fine{margin:8px 0 0;font-size:12.5px;line-height:1.55;color:var(--muted)}.cn-fine a{color:inherit}
.cn-share{padding-top:18px;border-top:1px solid var(--line)}
.cn-share b{display:block;font:700 17px var(--display);margin-bottom:12px}
.cn-share-btns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cn-share-btns :is(a,button){display:grid;place-items:center;height:44px;border-radius:12px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink);font:600 14px var(--body);text-decoration:none;cursor:pointer}
.cn-share-btns :is(a,button):hover{border-color:#00B4D8;color:var(--ink)}
.cn-share-btns [hidden]{display:none}
.cn-share small{display:block;margin-top:10px;font-size:12.5px;color:var(--muted)}
.cn-chips button:focus-visible,.cn-send:focus-visible,.cn-share-btns :is(a,button):focus-visible,.cn-mail:focus-visible{outline:3px solid #00B4D8;outline-offset:2px}
:root[data-theme=dark] .cn-label{color:#38BDF8}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .cn-label{color:#38BDF8}}
@media (max-width:980px){.cn-grid{grid-template-columns:minmax(0,1fr)}.cn-art{min-height:420px}}
@media (max-width:560px){.cn-fields{grid-template-columns:minmax(0,1fr)}.cn-share-btns{grid-template-columns:repeat(2,minmax(0,1fr))}.cn-art{min-height:380px}}
@media (prefers-reduced-motion:reduce){.cn-tv{animation:none}}
.cn-wall{inset:-6% -18% auto -10%;grid-template-columns:repeat(3,1fr)}
.cn-shade{background:linear-gradient(180deg,rgba(7,9,14,.1) 0%,rgba(7,9,14,.45) 45%,rgba(10,9,30,.96) 72%),radial-gradient(60% 40% at 20% 100%,rgba(127,0,255,.35),transparent 70%)}
.cn-fields label small{display:inline}
@media (max-width:760px){.dock a.dock-btn[data-connect-open]{display:grid}}

/* ================= LotteryWick page (1.28.0): same system as home, gold accent ================= */
.lw{--lw:#F2C14E;--lw-ink:#B45309}
.lw .eyebrow,.mkt .lw .eyebrow{color:var(--lw-ink)}
:root[data-theme=dark] .lw .eyebrow{color:var(--lw)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .lw .eyebrow{color:var(--lw)}}
.lw .hero h1 em,.lw .grad{background:linear-gradient(92deg,#F2C14E 0%,#F59E0B 45%,#7F00FF 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lw-glow{background:radial-gradient(ellipse at 60% 40%,rgba(242,193,78,.18),rgba(127,0,255,.10) 45%,transparent 70%)}
.lw .btn.primary{background:var(--lw);border-color:var(--lw);color:#07090E;box-shadow:0 6px 16px -6px rgba(242,193,78,.6)}
.lw .btn.primary:hover{background:#F7D26B;color:#07090E}
.lw .badge-line b{background:var(--lw);color:#07090E}
.lw-wait{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;max-width:520px}
.lw-wait input[type=email]{height:48px;border-radius:12px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);padding:0 14px;font:500 15px var(--body)}
.lw-wait .msg{grid-column:1 / -1;font-size:12.5px;color:var(--muted)}.lw-wait .msg.ok{color:#15803D}.lw-wait .msg.err{color:#DC2626}
/* board tour */
.lw-tour .tour-view{aspect-ratio:2160/800;max-height:min(62vh,640px)}
.lw-tour .tour-tag{display:none}
.lw-tour{--tc-hot:#F2C14E}
.lw-tour .ts.on-photo.is-on{box-shadow:0 0 0 4px #F2C14E,0 0 44px 8px rgba(242,193,78,.45);border-radius:14px}
.lw-tour .hs{background:#F2C14E}.lw-tour .hs:hover,.lw-tour .hs.is-on{background:#fff}
.lw-tour .tour-no b{color:var(--lw-ink)}.lw-tour .tour-l em{color:var(--lw-ink);border-color:rgba(242,193,78,.5)}
:root[data-theme=dark] .lw-tour .tour-no b,:root[data-theme=dark] .lw-tour .tour-l em{color:var(--lw)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .lw-tour .tour-no b,:root:not([data-theme=light]) .lw-tour .tour-l em{color:var(--lw)}}
.lwb{position:absolute;inset:0;background:linear-gradient(180deg,#141A2C 0%,#0B0F19 100%);color:#fff;font-family:var(--body);padding:40px;display:flex;flex-direction:column}
.lwb-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:22px}
.lwb-head b{font:800 50px/1 var(--display);letter-spacing:-.02em}.lwb-head span{font:600 24px/1 var(--body);color:#AAB6C8}
.lwb-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px 12.8px}
.lwb-slot{position:relative;height:236px;border-radius:16px;background:#1B2234;border:2px solid #2A3446;padding:22px 22px 20px;display:flex;flex-direction:column;justify-content:space-between}
.lwb-slot .n{font:800 58px/1 var(--display);letter-spacing:-.03em}
.lwb-slot .p{position:absolute;right:18px;top:20px;height:46px;padding:0 16px;border-radius:999px;display:inline-flex;align-items:center;font:800 28px/1 var(--display);color:#07090E}
.lwb-slot .b{position:absolute;right:18px;top:76px;font:800 14px/1 var(--body);letter-spacing:.12em;padding:7px 10px;border-radius:7px;background:#EF4444;color:#fff}
.lwb-slot .b.new{background:#00B4D8;color:#07090E}.lwb-slot .b.last{background:#F2C14E;color:#07090E}
.lwb-slot .g{font:700 26px/1.15 var(--display);margin-bottom:6px}.lwb-slot .l{font:500 20px/1 var(--body);color:#AAB6C8}
.lwb-slot.out{opacity:.45}.lwb-slot.out .n,.lwb-slot.out .g{text-decoration:line-through;text-decoration-color:rgba(255,255,255,.4)}
.lwb-jack{margin-top:auto;height:64px;border-radius:14px;background:linear-gradient(90deg,#9C1420,#6E0D15);display:flex;align-items:center;gap:34px;padding:0 24px;overflow:hidden;white-space:nowrap}
.lwb-jack .live{display:inline-flex;align-items:center;gap:8px;font:800 15px/1 var(--body);letter-spacing:.14em;color:#F2C14E}.lwb-jack .live i{width:10px;height:10px;border-radius:50%;background:#F2C14E}
.lwb-jack .jr{display:inline-flex;align-items:baseline;gap:12px;font:600 22px/1 var(--body);color:#FFF7E6}.lwb-jack .jr b{font:800 30px/1 var(--display);color:#F2C14E}.lwb-jack .jr small{font-size:16px;color:#FFD2D4}
.lwb-foot{height:34px;display:flex;align-items:center;justify-content:center;font:500 16px/1 var(--body);color:#8FA0B8;margin-top:10px}
/* who tiles use the same cards; gold first */
/* lotterywick.com footer logo: 4x the old 52px height */
.pf-logo.pf-logo-lw{width:min(752px,100%)}
@media (max-width:640px){.pf-logo.pf-logo-lw{width:min(300px,100%)}}
.lw-types .who-t.wc0{--wc:#F2C14E}.lw-types .who-t.wc1{--wc:#00B4D8}.lw-types .who-t.wc2{--wc:#EC4899}.lw-types .who-t.wc3{--wc:#3B82F6}.lw-types .who-t.wc4{--wc:#22C55E}.lw-types .who-t.wc5{--wc:#7F00FF}
/* step 2 visual: a lit-up case */
.lw-sv-case{grid-template-columns:repeat(4,1fr);gap:8px;padding:18px 22px;place-items:stretch;align-content:center}
.lw-sv-case span{border-radius:8px;background:#1B2234;border:1px solid #2A3446;display:grid;place-items:center;font:800 15px/1 var(--display);color:#9BA7BA;min-height:34px;animation:lw-lit 4s ease-in-out infinite}
@keyframes lw-lit{0%,60%,100%{background:#1B2234;color:#9BA7BA;border-color:#2A3446}10%,40%{background:rgba(242,193,78,.18);color:#F2C14E;border-color:#F2C14E}}
/* features */
.lwf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.lwf{--wc:#F2C14E;position:relative;overflow:hidden;padding:26px 24px;border-radius:22px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh);transition:transform .25s var(--ease),border-color .25s}
.lwf::after{content:"";position:absolute;right:-50px;top:-50px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--wc) 16%,transparent),transparent 70%)}
.lwf:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--wc) 45%,transparent)}
.lwf-ico{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;margin-bottom:16px;color:var(--wc);background:color-mix(in srgb,var(--wc) 14%,transparent);border:1px solid color-mix(in srgb,var(--wc) 28%,transparent)}
.lwf h3{font:800 20px/1.25 var(--display);margin:0 0 8px}.lwf p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.55}
@media (max-width:900px){.lwf-grid{grid-template-columns:minmax(0,1fr)}}
/* dark band: back office mock + gold grads */
.lw-grad{background:linear-gradient(92deg,#F2C14E,#F59E0B 45%,#B388FF 85%);-webkit-background-clip:text;background-clip:text;color:transparent}
.lw-office{position:relative;border-radius:22px;background:linear-gradient(160deg,#151B2C,#0A0E18);border:1px solid rgba(255,255,255,.12);padding:22px 22px 18px;box-shadow:0 40px 80px -36px rgba(0,0,0,.9)}
.lwo-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.lwo-top b{font:800 20px/1 var(--display)}.lwo-top span{font:500 13px var(--body);color:#AAB6C8}
.lwo-r{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:12px 0;border-top:1px solid rgba(255,255,255,.08)}
.lwo-r .n{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:rgba(242,193,78,.16);color:#F2C14E;font:800 16px/1 var(--display)}
.lwo-r .g{font:700 15px/1.2 var(--display)}.lwo-r .g small{display:block;font:500 12px var(--body);color:#AAB6C8;margin-top:3px}
.lwo-r .s{font:500 13px var(--body);color:#AAB6C8}.lwo-r b{font:800 16px/1 var(--display);color:#fff}
.lwo-foot{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:14px;border-top:1px solid rgba(255,255,255,.14);font:600 14px var(--body);color:#AAB6C8}.lwo-foot b{font:800 24px/1 var(--display);color:#F2C14E}
.lwo-chip{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:12px;background:rgba(15,20,32,.9);border:1px solid rgba(255,255,255,.14);font:700 12.5px var(--body);color:#fff;box-shadow:0 18px 40px -16px rgba(0,0,0,.9);animation:cx-chip 6s ease-in-out infinite}
.lwo-chip svg{color:#4ADE80}.lwo-chip.c1{left:-18px;top:-16px}.lwo-chip.c2{right:-14px;bottom:-16px;animation-delay:-3s}.lwo-chip.c2 svg{color:#F2C14E}
.lw-eye{border-color:rgba(242,193,78,.4);background:rgba(242,193,78,.08);color:#FFE9A8}
.lw-cxgrad{background:linear-gradient(92deg,#F2C14E 0%,#F59E0B 35%,#B388FF 70%,#7F00FF 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
.cta-xl .btn.cx-primary.lw-primary{background:#F2C14E;border-color:#F2C14E;box-shadow:0 14px 34px -10px rgba(242,193,78,.75)}.cta-xl .btn.cx-primary.lw-primary:hover{background:#F7D26B}
.lw-cxscr .jk-lg{position:absolute;inset:0;background:linear-gradient(180deg,#9C1420,#6E0D15);color:#FFF7E6;padding:5% 6%;display:flex;flex-direction:column;justify-content:center;gap:4%}
.jk-lg .h{font:800 clamp(16px,1.6vw,26px)/1 var(--display);display:flex;justify-content:space-between;align-items:center}.jk-lg .h span{font:800 11px/1 var(--body);letter-spacing:.14em;color:#F2C14E;display:inline-flex;align-items:center;gap:6px}.jk-lg .h i{width:8px;height:8px;border-radius:50%;background:#F2C14E}
.jk-lg .r{display:flex;justify-content:space-between;align-items:baseline;font:600 clamp(12px,1.1vw,17px)/1 var(--body);padding-bottom:3%;border-bottom:1px solid rgba(255,255,255,.14)}.jk-lg .r b{font:800 clamp(18px,2vw,30px)/1 var(--display);color:#F2C14E}
/* setup form */
.lw-setup .lw-form{max-width:980px;margin:0 auto}
.lw-form .cn-fields label{color:var(--ink)}
.lw-file{height:auto!important;padding:10px 14px!important}
.cn-send.lw-send{background:linear-gradient(90deg,#F2C14E,#F59E0B 60%,#7F00FF);color:#07090E;box-shadow:0 18px 36px -18px rgba(242,193,78,.7)}
.lw-ok{max-width:980px;margin:0 auto;text-align:center}
.lw .pp-per{color:var(--lw-ink)}:root[data-theme=dark] .lw .pp-per{color:var(--lw)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .lw .pp-per{color:var(--lw)}}
.lw .pp-card.hot{background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,#F2C14E,#7F00FF) border-box}.lw .pp-badge{background:linear-gradient(135deg,#F2C14E,#7F00FF)}
.lw .pp-card li::before{border-color:#F2C14E}
.lw .step-no{background:linear-gradient(135deg,#F2C14E,#7F00FF)}.lw .hsteps::before{background:linear-gradient(90deg,#F2C14E,#7F00FF)}
@media (max-width:900px){.lwb{padding:22px}.lwb-head b{font-size:40px}}
/* install-as-app page + prompt (1.28.0) */
.inst{text-align:center;padding:6px 0}
.inst-icon{display:block;margin:0 auto 16px;border-radius:24px;box-shadow:0 20px 40px -20px rgba(0,0,0,.5)}
.inst h1{margin:0 0 8px}.inst .muted{margin:0 auto 18px;max-width:46ch}
.inst-btn{min-height:50px;padding:0 26px;font-size:16px;margin-bottom:14px}
.inst-done{margin:0 0 14px;padding:12px;border-radius:12px;background:var(--good-bg);color:var(--good);font-weight:700}
.inst-steps{text-align:left;display:flex;flex-direction:column;gap:8px;margin-top:8px}
.inst-steps details{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--surface)}
.inst-steps summary{font-weight:700;cursor:pointer}.inst-steps ol{margin:10px 0 0;padding-left:20px;color:var(--muted);display:flex;flex-direction:column;gap:6px}
.inst-steps details.here{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}
.inst-bar{position:fixed;left:12px;right:12px;bottom:12px;z-index:65;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-lg)}
.inst-bar img{width:44px;height:44px;border-radius:12px}
.inst-bar b{display:block;font:700 14px var(--display)}.inst-bar span{display:block;font-size:12.5px;color:var(--muted)}
.inst-bar .btn{margin-left:auto;white-space:nowrap}.inst-bar .x{width:34px;height:34px;border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:20px}
@media (min-width:900px){.inst-bar{left:auto;right:20px;bottom:20px;max-width:420px}}
@media (display-mode:standalone){.inst-bar,[data-install-app]{display:none!important}}
.brand-by{font:600 10.5px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-left:10px;padding-left:10px;border-left:1px solid var(--line-2);white-space:nowrap}@media (max-width:640px){.brand-by{display:none}}

/* lotterywick.com header */
.lw-head .lw-sw{font-size:13px;font-weight:700;padding:6px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted);text-decoration:none;white-space:nowrap}
.lw-head .lw-sw:hover,.lw-head .lw-sw:focus-visible{color:var(--ink);border-color:var(--violet)}
@media (max-width:1320px){.lw-head .lw-sw{display:none}}
.lw-head .mm-plain{white-space:nowrap}
.lw-head .mkt-nav{gap:2px}
.lw-head .mkt-nav .mm-plain[href="/#backoffice"],.lw-head .mkt-nav .mm-plain[href="/#setup"]{display:none}
.lw-head .signin{white-space:nowrap}
.lw-head .brand{margin-right:12px;flex:none;display:flex;align-items:center}
.lw-head .mkt-nav{min-width:0}
@media (max-width:1100px){.lw-head .brand-by{display:none}}

/* LotteryWick sample board: 24 picture cards (original ticket art from App\TicketArt), 8 across */
.lwb-grid{grid-template-columns:repeat(8,1fr);gap:12px}
.lwb-slot{height:162px;padding:0;border-radius:14px;overflow:hidden;border:2px solid #2A3446;background:#111827;display:block}
.lwb-slot .tk{position:absolute;inset:0;width:100%;height:100%}
.lwb-slot .n{position:absolute;left:8px;top:8px;min-width:46px;height:46px;padding:0 8px;border-radius:12px;background:#fff;color:#07090E;display:flex;align-items:center;justify-content:center;font:800 30px/1 var(--display);box-shadow:0 4px 12px rgba(0,0,0,.45)}
.lwb-slot .p{right:8px;top:8px;height:34px;padding:0 12px;font-size:21px;box-shadow:0 4px 12px rgba(0,0,0,.4)}
.lwb-slot .b{right:8px;top:48px;font-size:11px;padding:5px 7px}
.lwb-slot .lf{position:absolute;left:0;right:0;bottom:0;padding:14px 10px 7px;background:linear-gradient(180deg,rgba(7,9,14,0),rgba(7,9,14,.92) 55%);display:flex;flex-direction:column;gap:2px}
.lwb-slot .lf .g{font:700 15px/1.15 var(--display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
.lwb-slot .lf .l{font:700 14px/1 var(--body);color:#F2C14E;text-align:center}
.lwb-slot.out .tk{filter:grayscale(1) brightness(.55)}
.lwb-slot.out{opacity:1}
.lwb-slot.out .b{top:50%;right:50%;transform:translate(50%,-50%) rotate(-8deg);font-size:18px;padding:8px 14px;box-shadow:0 6px 18px rgba(0,0,0,.5)}
.lwb-slot.out .n,.lwb-slot.out .g{text-decoration:none}
.lwb-slot.out .lf .l{color:#AAB6C8}

/* ---- Policies hub (/policies) and policy documents: sidebar + content, both sites ---- */
.pol{max-width:1320px;margin:0 auto;padding:clamp(28px,5vw,64px) clamp(16px,4vw,40px) clamp(48px,7vw,96px)}
.pol-crumb{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--muted);margin-bottom:28px}.pol-crumb a{color:var(--muted);text-decoration:none}.pol-crumb a:hover{color:var(--ink);text-decoration:underline}
.pol-crumb [aria-current]{color:var(--ink)}
.pol-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start}
.pol-side{position:sticky;top:96px}
.pol-search{display:flex;align-items:center;gap:10px;height:46px;padding:0 12px;border:1px solid var(--line-2);border-radius:12px;background:var(--surface);color:var(--muted)}
.pol-search:focus-within{outline:3px solid var(--accent-ring);border-color:var(--accent)}
.pol-search input{flex:1;min-width:0;height:100%;padding:0;margin:0;border:0;box-shadow:none;background:transparent;color:var(--ink);font:500 15px var(--body);outline:none}
.pol-search kbd{font:600 12px var(--mono);padding:2px 7px;border:1px solid var(--line-2);border-radius:6px;color:var(--muted)}
.pol-h{margin:26px 0 8px 10px;font:700 12px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.pol-nav{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.pol-nav a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:var(--ink);text-decoration:none;font:500 15px/1.3 var(--body)}
.pol-nav a svg{flex:none;color:var(--muted)}
.pol-nav a:hover{background:var(--surface-3)}
.pol-nav a[aria-current=page]{background:var(--accent-tint);color:var(--accent-ink);font-weight:700}.pol-nav a[aria-current=page] svg{color:var(--accent-ink)}
.pol-nav li[hidden],.pol-card[hidden]{display:none}
.pol-none{font-size:14px;color:var(--muted);margin:8px 10px}
.pol-cta{margin-top:28px;padding:20px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(135deg,var(--accent-tint),color-mix(in srgb,#00B4D8 8%,transparent)),var(--surface)}
.pol-cta b{display:block;font:700 16px/1.3 var(--display)}.pol-cta>span{display:block;margin:6px 0 14px;font-size:14px;line-height:1.5;color:var(--muted)}
.pol-cta .btn{width:100%;justify-content:center}
.pol-choice{display:block;margin-top:12px;text-align:center;font:600 14px var(--body);color:var(--ink)}
.pol-eyebrow{font:800 13px var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--accent-ink)}
.pol-main h1{margin:10px 0 16px;font:800 clamp(34px,5vw,60px)/1.04 var(--display);letter-spacing:-.03em}
.pol-lead{max-width:760px;font-size:18px;line-height:1.65;color:var(--muted);margin:0}
.pol-note{display:flex;gap:10px;align-items:flex-start;max-width:760px;margin:20px 0 0;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--surface-2);font-size:15px;line-height:1.55;color:var(--ink)}.pol-note svg{flex:none;margin-top:2px;color:var(--accent-ink)}
.pol-doc .pol-note{margin:0 0 8px}
.pol-meta{display:flex;flex-wrap:wrap;gap:22px;margin:22px 0 0;padding-bottom:26px;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted)}.pol-meta span{display:inline-flex;align-items:center;gap:7px}
.pol-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin-top:30px}
.pol-card{display:flex;flex-direction:column;padding:24px;border-radius:18px;border:1px solid var(--line);background:var(--surface);color:var(--ink);text-decoration:none;box-shadow:var(--sh);transition:border-color .15s,box-shadow .15s,transform .15s}
.pol-card:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--line));box-shadow:var(--sh-lg);transform:translateY(-2px)}
.pol-card:focus-visible{outline:3px solid #00B4D8;outline-offset:3px}
.pol-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--accent-tint);color:var(--accent-ink);margin-bottom:18px}
.pol-card h2{margin:0 0 8px;font:700 19px/1.25 var(--display)}
.pol-card p{margin:0 0 18px;font-size:15px;line-height:1.6;color:var(--muted);flex:1}
.pol-read{font:700 14px var(--body);color:var(--accent-ink)}
.pol-doc .legal{max-width:780px;margin:0;padding:0}
.pol-doc .legal h1{margin-top:0}
.pol-doc .legal table{width:100%;border-collapse:collapse;font-size:14.5px;margin:12px 0}
.pol-doc .legal th,.pol-doc .legal td{text-align:left;vertical-align:top;padding:10px 12px 10px 0;border-bottom:1px solid var(--line);line-height:1.5}
.pol-doc .legal th{font-weight:600;color:var(--muted)}
.pol-doc .legal .tw{overflow-x:auto}
.pol-doc .legal .sum{padding:16px 18px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}
.pol-doc .legal .sum ul{margin:8px 0 0;padding-left:20px}
.pol-pn{display:flex;justify-content:space-between;gap:16px;max-width:780px;margin-top:48px;padding-top:24px;border-top:1px solid var(--line)}
.pol-pn a{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--ink);background:var(--surface);min-width:0}
.pol-pn a.nx{text-align:right;margin-left:auto}
.pol-pn small{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.pol-pn b{font:700 15px var(--display)}
@media (max-width:900px){.pol-grid{grid-template-columns:1fr}.pol-side{position:static;order:2}.pol-main{order:1}.pol-pn{flex-direction:column}.pol-pn a.nx{text-align:left;margin-left:0}}
.pf-legal [data-consent-open]{color:#AAB2CB}