/* Dark theme. Every rule is scoped to html[data-theme="dark"], so the light page is never affected. */
html[data-theme="dark"]{
  color-scheme:dark;
  --ink:#F4F9FC; --ink-2:#C4D1DD; --ink-3:#A7B6C4; --ink-4:#73859A;
  --line:rgba(148,197,230,.12); --line-2:rgba(148,197,230,.2);
  --bg:#05080F; --bg-soft:#0B111C;
  --teal:#67E8F9; --teal-2:#22D3EE; --violet:#BCA9FF; --violet-2:#8B6CFF;
  --sh-1:inset 0 1px 0 rgba(255,255,255,.04),0 1px 2px rgba(0,0,0,.4);
  --sh-2:inset 0 1px 0 rgba(255,255,255,.05),0 30px 60px -30px rgba(0,0,0,.9);
  --sh-3:0 60px 120px -40px rgba(0,0,0,.95),0 24px 48px -24px rgba(0,0,0,.8);
  --u-bg:#0A101B; --u-s:#0F1726; --u-s2:#0C1320; --u-s3:#141E30; --u-b:#1E2A3D; --u-b2:#2B3A50;
  --u-t:#EAF2F7; --u-t2:#A7B6C4; --u-t3:#73859A;
  --u-brand:#5BD3EA; --u-brand-soft:#10303A; --u-mark:#22C7E2;
  --u-pep:#8B6CFF; --u-pep-t:#BCA9FF; --u-pep-soft:#231D39; --u-pep-b:#40346E;
  --u-hair:#1E2A3D;
  --u-ok:#6BD58F; --u-ok-soft:#12301F; --u-warn:#F2B35B; --u-warn-soft:#3A2A12; --u-bad:#F78A82; --u-bad-soft:#3A1614;
  --panel:linear-gradient(180deg,#0F1726 0%,#0A101B 100%);
}

/* ===== Details carried over from the cinematic look ===== */
html[data-theme="dark"] .grain{display:block;position:fixed;inset:0;z-index:150;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .6 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}
html[data-theme="dark"] .nav-prog{display:block;position:absolute;left:0;right:0;top:71px;height:1px;pointer-events:none}
html[data-theme="dark"] .nav-prog i{display:block;height:100%;background:linear-gradient(90deg,transparent,var(--cyan-2) 30%,var(--violet-2));transform-origin:left;transform:scaleX(0)}
html[data-theme="dark"] .hero-spot{display:block;position:absolute;left:0;top:0;width:760px;height:760px;margin:-380px 0 0 -380px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.10),transparent 62%);opacity:0;transition:opacity .6s}
html[data-theme="dark"] .hero:hover .hero-spot{opacity:1}
html[data-theme="dark"] .nav-links a{position:relative}
html[data-theme="dark"] .nav-links a[aria-current="true"]{color:#fff}
html[data-theme="dark"] .nav-links a[aria-current="true"]::after{content:"";position:absolute;left:50%;bottom:2px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--cyan-2);box-shadow:0 0 10px var(--cyan-2)}

/* ===== Base ===== */
html[data-theme="dark"] .skip{background:#22D3EE;color:#021016}
html[data-theme="dark"] .gt{background:linear-gradient(100deg,#A5F3FC 0%,#22D3EE 45%,#0EA5C6 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme="dark"] .gt-pep{background:linear-gradient(100deg,#67E8F9 0%,#8B6CFF 60%,#BCA9FF 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-theme="dark"] .word-grad{background:linear-gradient(90deg,#A5F3FC 0%,#22D3EE 30%,#0EA5C6 50%,#22D3EE 70%,#A5F3FC 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}

/* ===== Buttons ===== */
html[data-theme="dark"] .btn-primary{color:#01141A;background:linear-gradient(180deg,#7DEFFF 0%,#22D3EE 45%,#06B6D4 100%);background-size:100% 100%;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 0 0 1px rgba(165,243,252,.6),0 10px 30px -10px rgba(6,182,212,.75),0 0 0 0 rgba(34,211,238,0)}
html[data-theme="dark"] .btn-primary:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 0 0 1px rgba(165,243,252,.8),0 16px 40px -10px rgba(6,182,212,.9),0 0 0 6px rgba(34,211,238,.12)}
html[data-theme="dark"] .btn-ghost{color:var(--ink);background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
html[data-theme="dark"] .btn-ghost:hover{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.24)}
html[data-theme="dark"] .btn-white{color:#0A1220}
html[data-theme="dark"] .mnav .btn{color:#01141A}

/* ===== Nav ===== */
html[data-theme="dark"] .nav.scrolled{background:rgba(5,8,15,.66);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);box-shadow:0 1px 0 rgba(148,197,230,.10)}
html[data-theme="dark"] .nav.on-dark.scrolled{background:rgba(7,19,33,.74)}
html[data-theme="dark"] .brand img,html[data-theme="dark"] .foot-brand img,html[data-theme="dark"] .int-hub img{filter:grayscale(1) invert(1) brightness(1.7)}
html[data-theme="dark"] .nav-links a:hover,html[data-theme="dark"] .theme-btn:hover,html[data-theme="dark"] .cdlg-x:hover{color:#fff;background:rgba(255,255,255,.05)}
html[data-theme="dark"] .burger{background:rgba(255,255,255,.04)}
html[data-theme="dark"] .mnav{background:#0B111C;box-shadow:0 30px 60px -20px rgba(0,0,0,.9),0 0 0 1px var(--line-2)}

/* ===== Hero ===== */
html[data-theme="dark"] .hero-bg{background:radial-gradient(1100px 520px at 50% 62%,rgba(6,182,212,.20),transparent 62%),radial-gradient(900px 480px at 50% 90%,rgba(14,116,144,.45),transparent 70%),radial-gradient(700px 420px at 88% 6%,rgba(106,69,217,.14),transparent 70%),radial-gradient(600px 380px at 8% 18%,rgba(14,116,144,.14),transparent 70%)}
html[data-theme="dark"] .hero-bg .grid{background-image:linear-gradient(rgba(148,197,230,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(148,197,230,.055) 1px,transparent 1px)}
html[data-theme="dark"] .blob{opacity:.2}
html[data-theme="dark"] .b1{background:radial-gradient(circle,#0E7490,transparent 65%)}
html[data-theme="dark"] .b2{background:radial-gradient(circle,#6A45D9,transparent 65%)}
html[data-theme="dark"] .b3{background:radial-gradient(ellipse,#0E7490,transparent 62%);opacity:.22}
html[data-theme="dark"] .pill{background:rgba(106,69,217,.10);box-shadow:inset 0 0 0 1px rgba(139,108,255,.32);color:#DCD3FF}
html[data-theme="dark"] .pill:hover{box-shadow:inset 0 0 0 1px rgba(188,169,255,.6),0 10px 24px -12px rgba(106,69,217,.7)}
html[data-theme="dark"] .pill .ico.arr{color:#BCA9FF}
html[data-theme="dark"] .hv-float,html[data-theme="dark"] .mchip{background:linear-gradient(180deg,rgba(16,26,42,.96),rgba(9,15,26,.96));box-shadow:inset 0 0 0 1px rgba(103,232,249,.18),inset 0 1px 0 rgba(255,255,255,.06),0 16px 40px -14px rgba(0,0,0,.9)}
html[data-theme="dark"] .hv-note{color:var(--ink-4)}

/* ===== Product screens ===== */
html[data-theme="dark"] .mbtn,html[data-theme="dark"] .loc,html[data-theme="dark"] .srch,html[data-theme="dark"] .roles,html[data-theme="dark"] .card,html[data-theme="dark"] .mini,html[data-theme="dark"] .by span,html[data-theme="dark"] .seg,html[data-theme="dark"] .lk>div,html[data-theme="dark"] .lchart,html[data-theme="dark"] .ping,html[data-theme="dark"] .sch .c,html[data-theme="dark"] .ck li,html[data-theme="dark"] .cal .d,html[data-theme="dark"] .bk,html[data-theme="dark"] .stats>div,html[data-theme="dark"] .tl li,html[data-theme="dark"] .fm,html[data-theme="dark"] .fil span,html[data-theme="dark"] .tbl,html[data-theme="dark"] .kc,html[data-theme="dark"] .side-c,html[data-theme="dark"] .tlx,html[data-theme="dark"] .prj-r,html[data-theme="dark"] .kcol h5 span{background:var(--u-s)}
html[data-theme="dark"] .mini.pep{background:var(--u-pep-soft)}
html[data-theme="dark"] .cal .d.x{background:transparent;border-color:transparent}
html[data-theme="dark"] .mbtn.pep{background:#6A45D9;border-color:#6A45D9;color:#fff}
html[data-theme="dark"] .mbtn.brand,html[data-theme="dark"] .mbtn[style*="--u-brand"]{background:#0E7490!important;border-color:#0E7490!important;color:#fff!important}
html[data-theme="dark"] .seg button[aria-pressed="true"]{background:#0E7490;color:#fff}
html[data-theme="dark"] .win{background:var(--u-s);box-shadow:var(--sh-3),0 0 0 1px rgba(148,197,230,.14)}
html[data-theme="dark"] .win-bar{background:#0C1320;border-bottom-color:var(--u-b)}
html[data-theme="dark"] .win-bar>i{background:#2B3A50}
html[data-theme="dark"] .url{background:#141E30;color:var(--u-t2)}
html[data-theme="dark"] .sb{background:var(--u-s2)}
html[data-theme="dark"] .card.pepc,html[data-theme="dark"] .act{background:linear-gradient(180deg,#1A1530,var(--u-s) 60%)}
html[data-theme="dark"] .bi,html[data-theme="dark"] .apv,html[data-theme="dark"] .tr-r,html[data-theme="dark"] .po-tot,html[data-theme="dark"] .tlx-h,html[data-theme="dark"] .tlx-r,html[data-theme="dark"] .fc-lines{border-color:var(--u-b)}
html[data-theme="dark"] .kpi{border-left-color:var(--u-b)}
html[data-theme="dark"] .kv,html[data-theme="dark"] .w,html[data-theme="dark"] .lk>div,html[data-theme="dark"] .lchart,html[data-theme="dark"] .stats>div,html[data-theme="dark"] .ck li,html[data-theme="dark"] .cal .d,html[data-theme="dark"] .tl li,html[data-theme="dark"] .fm,html[data-theme="dark"] .sch .c{border-color:var(--u-b)}
html[data-theme="dark"] .cal .d.hl{border-color:color-mix(in srgb,var(--u-brand) calc(var(--a,1)*100%),var(--u-hair))}
html[data-theme="dark"] .sugg{border-color:#164653}
html[data-theme="dark"] .ping{border-color:#5B3A1C;box-shadow:0 10px 20px -14px rgba(0,0,0,.8)}
html[data-theme="dark"] .ping.rcv{border-color:#164653}
html[data-theme="dark"] .lc-ly{stroke:#3A4B63}
html[data-theme="dark"] .lc-grid line{stroke:var(--u-b)}
html[data-theme="dark"] .lc-dot{fill:var(--u-s)}
html[data-theme="dark"] .sh.f,html[data-theme="dark"] .ev.c{background:#10303A;color:#7DE3F4}
html[data-theme="dark"] .sh.b,html[data-theme="dark"] .ev.p{background:#2D2550;color:#BCA9FF}
html[data-theme="dark"] .sh.m,html[data-theme="dark"] .ev.h{background:#3A2A12;color:#F2B35B}
html[data-theme="dark"] .ev.c{box-shadow:inset 3px 0 0 #22D3EE}
html[data-theme="dark"] .ev.h{box-shadow:inset 3px 0 0 #F2B35B}
html[data-theme="dark"] .ev.p{box-shadow:inset 3px 0 0 #8B6CFF}
html[data-theme="dark"] .ring .rb{stroke:var(--u-b)}
html[data-theme="dark"] .cb{border-color:#3A4B63}
html[data-theme="dark"] .cb::before{background:#0E9FB8}
html[data-theme="dark"] .bub{background:#1D2A3F;color:#EAF2F7}
html[data-theme="dark"] .dots i{background:#6E5AC8}
html[data-theme="dark"] .stp i,html[data-theme="dark"] .pj-bar,html[data-theme="dark"] .prj-r .pg{background:var(--u-b)}
html[data-theme="dark"] .gr .tr{background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),var(--u-b) calc(25% - 1px) 25%)}
html[data-theme="dark"] .gr .gb.t,html[data-theme="dark"] .spend i{background:#164653}
html[data-theme="dark"] .gr .gb.d{background:#0E9FB8}
html[data-theme="dark"] .gms{box-shadow:0 0 0 3px var(--u-s2)}
html[data-theme="dark"] .fil span.on{background:#EAF2F7;color:#0A1220;border-color:#EAF2F7}
html[data-theme="dark"] .tlx-t{background:repeating-linear-gradient(90deg,transparent 0 calc(100%/7 - 1px),var(--u-b) calc(100%/7 - 1px) calc(100%/7))}
html[data-theme="dark"] .scr{background:#0A101B}
html[data-theme="dark"] [style*="#FFEDD5"]{background:#3A2412!important;color:#FDBA74!important}
html[data-theme="dark"] [style="background:#FCEFDC"]{background:#3A2A12!important}
html[data-theme="dark"] [style="background:#E7DFFC"]{background:#2D2550!important}
html[data-theme="dark"] [style="background:#D7F0F5"]{background:#10303A!important}
html[data-theme="dark"] [style*="#FCFBFF"]{background:var(--u-s2)!important}

/* ===== Page sections ===== */
html[data-theme="dark"] .mq{background:linear-gradient(180deg,#05080F,#080D17)}
html[data-theme="dark"] .mq::before{background:linear-gradient(90deg,#05080F,transparent)}
html[data-theme="dark"] .mq::after{background:linear-gradient(-90deg,#05080F,transparent)}
html[data-theme="dark"] .problem,html[data-theme="dark"] .company,html[data-theme="dark"] .integ{background:linear-gradient(180deg,#05080F 0%,#080D17 100%)}
html[data-theme="dark"] .tour,html[data-theme="dark"] .cta{background:linear-gradient(180deg,#080D17,#05080F)}
html[data-theme="dark"] .mob{background:#05080F}
html[data-theme="dark"] .flow{background:radial-gradient(1000px 600px at 85% 30%,rgba(106,69,217,.12),transparent 60%),radial-gradient(900px 600px at 10% 80%,rgba(6,182,212,.10),transparent 60%),#05080F}
html[data-theme="dark"] .sec.pep{background:radial-gradient(1100px 620px at 85% 10%,rgba(106,69,217,.22) 0%,transparent 60%),radial-gradient(900px 600px at 0% 100%,rgba(6,182,212,.12) 0%,transparent 60%),#070914}
html[data-theme="dark"] .pain,html[data-theme="dark"] .tile,html[data-theme="dark"] .fc,html[data-theme="dark"] .who,html[data-theme="dark"] .co-pts li,html[data-theme="dark"] .co-contact,html[data-theme="dark"] .int-node,html[data-theme="dark"] .ppanel{background:var(--panel)}
html[data-theme="dark"] .tile:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 34px 60px -28px rgba(0,0,0,.95)}
html[data-theme="dark"] .pain .pi{background:rgba(248,113,113,.12);color:#F87171}
html[data-theme="dark"] .sprawl{background-color:#0A101B;background-image:radial-gradient(rgba(148,197,230,.12) 1.1px,transparent 1.3px)}
html[data-theme="dark"] .sprawl::after{background:radial-gradient(ellipse at center,transparent 40%,rgba(5,8,15,.9) 100%)}
html[data-theme="dark"] .sp-chip{background:rgba(13,20,33,.94);color:#D7E2EA;box-shadow:inset 0 0 0 1px rgba(148,197,230,.16),0 10px 24px -12px rgba(0,0,0,.9)}
html[data-theme="dark"] .sp-warn{background:rgba(60,14,18,.92);color:#FECACA;box-shadow:inset 0 0 0 1px rgba(248,113,113,.45),0 8px 18px -10px rgba(0,0,0,.9)}
html[data-theme="dark"] .sp-cap{background:rgba(10,16,27,.85);color:var(--ink-3)}
html[data-theme="dark"] .flow-wire .wb{stroke:#2B3A50}
html[data-theme="dark"] .flow-packet{background:#0A101B}
html[data-theme="dark"] .ac-pl{background:var(--u-s);border-color:var(--u-b)}
html[data-theme="dark"] .ac-r{border-color:var(--u-b)}
html[data-theme="dark"] .tabs{background:#0F1726;box-shadow:inset 0 0 0 1px var(--line)}
html[data-theme="dark"] .tab-ind{background:#1D2A3F;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 6px 16px -6px rgba(0,0,0,.8)}
html[data-theme="dark"] .tbar{background:rgba(103,232,249,.16)}
html[data-theme="dark"] .tpanel li .ico,html[data-theme="dark"] .feat .sq,html[data-theme="dark"] .int-node .k{background:rgba(6,182,212,.12)}
html[data-theme="dark"] .feat[aria-pressed="true"]{background:#0F1726;box-shadow:0 0 0 1px var(--line-2),0 14px 30px -18px rgba(0,0,0,.9)}
html[data-theme="dark"] .feat[aria-pressed="true"] .sq{background:var(--grad)}
html[data-theme="dark"] .store{box-shadow:0 0 0 1px var(--line-2),0 12px 24px -14px rgba(0,0,0,.8)}
html[data-theme="dark"] .mp-l .scr::before,html[data-theme="dark"] .mp-r .scr::before{background:rgba(5,8,15,.18)}
html[data-theme="dark"] .int-hub{background:radial-gradient(circle at 50% 30%,rgba(34,211,238,.22),rgba(8,18,32,.96) 62%);box-shadow:inset 0 0 0 1px rgba(103,232,249,.35),inset 0 1px 0 rgba(255,255,255,.15),0 0 60px -6px rgba(6,182,212,.55),0 30px 60px -20px rgba(0,0,0,.9)}
html[data-theme="dark"] .int-hub::before{border-color:rgba(103,232,249,.3)}
html[data-theme="dark"] .ppanel{box-shadow:0 50px 100px -40px rgba(0,0,0,.95),0 0 0 1px #2A2450}
html[data-theme="dark"] .pp-h{background:linear-gradient(180deg,#1A1530,var(--u-s));border-bottom-color:#2A2450}
html[data-theme="dark"] .ai-points li,html[data-theme="dark"] .ai-points li:last-child,html[data-theme="dark"] .al{border-color:#2A2450}
html[data-theme="dark"] .who-art{background:linear-gradient(160deg,#0B1A24,#13112A)}
html[data-theme="dark"] .who-art rect[fill="#fff"]{fill:var(--u-s)}
html[data-theme="dark"] .who-art [stroke="#E6EBF1"],html[data-theme="dark"] .who-art [stroke="#D5DDE7"]{stroke:var(--u-b2)}
html[data-theme="dark"] .who-art [fill="#E4F4F7"]{fill:var(--u-brand-soft)}
html[data-theme="dark"] .who-art [fill="#F3EFFE"]{fill:var(--u-pep-soft)}
html[data-theme="dark"] .who-art [fill="#6A625A"]{fill:var(--u-t3)}
html[data-theme="dark"] .who-art [fill="#1E1A16"],html[data-theme="dark"] .who-art [fill="#344054"]{fill:var(--u-t)}

/* ===== Contact dialog ===== */
html[data-theme="dark"] .cdlg::backdrop{background:rgba(2,5,10,.68)}
html[data-theme="dark"] .cdlg-in{background:linear-gradient(180deg,#0F1726 0%,#0A101B 100%);box-shadow:var(--sh-3),0 0 0 1px var(--line-2)}
html[data-theme="dark"] .cf input:focus,html[data-theme="dark"] .cf textarea:focus{background:#0B111C}
html[data-theme="dark"] .sq.dim{background:linear-gradient(135deg,#2B3A50,#1E2A3D)}
html[data-theme="dark"] .langs{background:#0B111C;box-shadow:0 0 0 1px var(--line-2)}
html[data-theme="dark"] .langs-l li{background:#0F1726;color:#E2E8F0;box-shadow:0 0 0 1px var(--line-2)}