/* brand accents from 16 Oct logo */
html[data-theme="light"]{--ink:#141A4F;}
/* CEREBRAL light theme (default). Dark = original. Toggle: html[data-theme] */
html[data-theme="light"]{
  /* palette + type from the motion preview (crbrl-motion-preview) */
  --bg:#FBFAF7; --bg2:#F4F2EC; --s1:#FFFFFF; --s2:#FFFFFF; --s3:#F4F2EC;
  --line:rgba(20,20,20,.09); --line2:rgba(20,20,20,.15); --line3:rgba(20,20,20,.26);
  --tx:#141414; --tx2:#4F4D48; --tx3:#6B6861;
  --ac:#D23A2B; --ac2:#B42318; --acg:rgba(180,35,24,.16);
  --amber:#8A5A00; --cool:#2F5BD3; --green:#0E7C66;
  --sans:"Schibsted Grotesk","Geist",ui-sans-serif,system-ui,sans-serif;
  --mono:"JetBrains Mono","Geist Mono",ui-monospace,monospace;
  color-scheme:light;
}
html[data-theme="dark"]{color-scheme:dark}
/* dark islands: product console + code stay dark in light mode */
html[data-theme="light"] .console,html[data-theme="light"] .code{
  --line:rgba(255,255,255,.075); --line2:rgba(255,255,255,.12); --line3:rgba(255,255,255,.18);
  --tx:#EDEDEF; --tx2:#A1A1AA; --tx3:#8A8A95; --ac2:#FF7A5C;
  --amber:#F5B544; --cool:#8FA6FF; --green:#4ADE80; --s3:#1A1A21;
  color:var(--tx)}
html[data-theme="light"] .console{background:linear-gradient(180deg,#16161C,#0C0C10);box-shadow:0 40px 100px -30px rgba(14,14,18,.45),0 0 0 1px rgba(14,14,18,.08),0 -20px 120px -40px rgba(255,85,51,.3)}
html[data-theme="light"] .code{box-shadow:0 30px 80px -30px rgba(14,14,18,.35),0 0 0 1px rgba(14,14,18,.06)}

html[data-theme="light"] ::selection{background:rgba(255,85,51,.22)}
html[data-theme="light"] .grain{opacity:.025;mix-blend-mode:multiply}
html[data-theme="light"] .nav.scrolled{background:rgba(250,250,248,.82)}
html[data-theme="light"] .btn-pri{background:#141414;color:#fff;box-shadow:0 0 0 1px rgba(14,14,18,.9),0 8px 24px -10px rgba(14,14,18,.45)}
html[data-theme="light"] .btn-pri:hover{background:#000}
html[data-theme="light"] .btn-ghost{background:rgba(255,255,255,.7)}
html[data-theme="light"] .btn-ghost:hover{background:#fff}
html[data-theme="light"] .hero-bg .glow{opacity:.45}
html[data-theme="light"] .hero-bg .beam{background:conic-gradient(from 180deg at 50% 0%,transparent 160deg,rgba(14,14,18,.04) 180deg,transparent 200deg)}
html[data-theme="light"] .eyebrow{background:rgba(255,255,255,.7)}
html[data-theme="light"] .eyebrow b{color:#A0290F;background:rgba(255,85,51,.1);border-color:rgba(255,85,51,.4)}
html[data-theme="light"] .hero h1,html[data-theme="light"] .ph h1{background:linear-gradient(180deg,#141414 35%,rgba(14,14,18,.72));-webkit-background-clip:text;background-clip:text}
html[data-theme="light"] .hero h1 em,html[data-theme="light"] .ph h1 em{background:linear-gradient(90deg,#D23A2B,#B42318 60%,#C52E20);-webkit-background-clip:text;background-clip:text}
html[data-theme="light"] .built b{color:rgba(14,14,18,.6)}
html[data-theme="light"] .card{box-shadow:0 1px 2px rgba(14,14,18,.04),0 12px 32px -18px rgba(14,14,18,.14)}
html[data-theme="light"] .why-card .vis{background:radial-gradient(ellipse at 50% 120%,rgba(255,85,51,.10),transparent 60%),#FBFBF9}
html[data-theme="light"] .node.hot{color:var(--tx);background:#FFF4F0}
html[data-theme="light"] .wire::after{background:linear-gradient(90deg,transparent,var(--ac),transparent)}
html[data-theme="light"] .growth i{background:linear-gradient(180deg,#DCDCE1,#ECECEF)}
html[data-theme="light"] .growth-l i[style*="33333b"]{background:#D4D4DA!important}
html[data-theme="light"] .ch-n b,html[data-theme="light"] .uc-rail li a.on span,html[data-theme="light"] .step .h span{color:var(--ac2)}
html[data-theme="light"] .uc-rail li a.on{color:var(--tx)}
html[data-theme="light"] .ch-vis{background:radial-gradient(ellipse 80% 60% at 70% 100%,rgba(255,85,51,.08),transparent 70%),linear-gradient(180deg,#F7F7F4,#F1F1ED)}
html[data-theme="light"] .ch-vis::before{background-image:radial-gradient(rgba(14,14,18,.09) 1px,transparent 1px)}
html[data-theme="light"] .panel,html[data-theme="light"] .hyb .col{background:#fff;box-shadow:0 1px 2px rgba(14,14,18,.05),0 24px 50px -24px rgba(14,14,18,.22)}
html[data-theme="light"] .ask{background:#F6F6F3}
html[data-theme="light"] .ans mark{background:rgba(255,85,51,.16);color:var(--tx)}
html[data-theme="light"] .src{background:#fff}
html[data-theme="light"] .chat .u{background:#F0F0EC}
html[data-theme="light"] .chat .a{background:#FFF6F2}
html[data-theme="light"] .graph .e{stroke:rgba(14,14,18,.2)}
html[data-theme="light"] .graph .nd rect{fill:#fff;stroke:rgba(14,14,18,.22)}
html[data-theme="light"] .graph .nd.hot rect{fill:#FFF1EC}
html[data-theme="light"] .graph text{fill:#2A2A33}
html[data-theme="light"] .graph .lbl{fill:#62626D}
html[data-theme="light"] .hyb .fu div.m{color:var(--tx)}
html[data-theme="light"] .hyb-q{background:#fff}
html[data-theme="light"] .hyb h6 span[style*="FF7A5C"]{color:var(--ac2)!important}
html[data-theme="light"] .av{background:linear-gradient(135deg,#F6F6F3,#E9E9E6)}
html[data-theme="light"] .nb .sim{background:rgba(14,14,18,.07)}
html[data-theme="light"] .nb .sim i{background:linear-gradient(90deg,#3F5BD9,#8FA6FF)}
html[data-theme="light"] .perim>.lab{background:#F4F4F1}
html[data-theme="light"] .box.core{background:#FFF3EE}
html[data-theme="light"] .trail .st::before{background:#fff}
html[data-theme="light"] .bytes .big{background:linear-gradient(180deg,#141414,rgba(14,14,18,.55));-webkit-background-clip:text;background-clip:text}
html[data-theme="light"] .bytes .big em{background:linear-gradient(180deg,#D23A2B,#B42318);-webkit-background-clip:text;background-clip:text}
html[data-theme="light"] .bytes .cap b{color:var(--tx)}
html[data-theme="light"] .bytes .b{background:rgba(14,14,18,.05)}
html[data-theme="light"] .bytes .b.raw i{background:repeating-linear-gradient(90deg,#CFCFD5 0 10px,#DEDEE2 10px 12px)}
html[data-theme="light"] .bytes .b.cmp i{box-shadow:0 0 14px rgba(255,85,51,.45)}
html[data-theme="light"] .region i{background:rgba(14,14,18,.08)}
html[data-theme="light"] .region i:nth-of-type(1){background:linear-gradient(90deg,var(--ac),transparent)}
html[data-theme="light"] .region.mid{box-shadow:0 0 40px -12px rgba(255,85,51,.5)}
html[data-theme="light"] .dep .vis{background:radial-gradient(ellipse at 50% 100%,rgba(255,85,51,.10),transparent 65%),#FBFBF9}
html[data-theme="light"] .mission .orb{opacity:.6}
html[data-theme="light"] .cta-box{background:radial-gradient(ellipse 60% 80% at 50% 0%,rgba(255,85,51,.16),transparent 70%),linear-gradient(180deg,#FFFFFF,#F5F5F2);box-shadow:0 1px 2px rgba(14,14,18,.04),0 30px 60px -30px rgba(14,14,18,.18)}
html[data-theme="light"] .status{background:rgba(255,255,255,.8)}
html[data-theme="light"] .f-grid a:hover,html[data-theme="light"] .hero-alt a:hover{color:var(--tx)}
html[data-theme="light"] .uc-rail{background:transparent}
@media (max-width:1100px){html[data-theme="light"] .uc-rail{background:rgba(250,250,248,.9)}html[data-theme="light"] .uc-rail li a{background:#fff}html[data-theme="light"] .uc-rail li a.on{background:#FFF1EC}}
@media (max-width:600px){html[data-theme="light"] .mnav.open{background:rgba(250,250,248,.97)}}
/* logo: light rule becomes ink */
html[data-theme="light"] svg rect[fill="#EDEDEF"]{fill:#141414}
/* pages.css */
html[data-theme="light"] .facts,html[data-theme="light"] .next{box-shadow:0 1px 2px rgba(14,14,18,.04),0 12px 32px -18px rgba(14,14,18,.14)}
html[data-theme="light"] form.fcard,html[data-theme="light"] .review{box-shadow:0 1px 2px rgba(14,14,18,.04),0 20px 40px -24px rgba(14,14,18,.16)}
html[data-theme="light"] .f input[type=text],html[data-theme="light"] .f input[type=email],html[data-theme="light"] .f input[type=url],html[data-theme="light"] .f input[type=tel],html[data-theme="light"] .f input[type=date],html[data-theme="light"] .f select,html[data-theme="light"] .f textarea{background:#fff}
html[data-theme="light"] .f select option{background:#fff}
html[data-theme="light"] .opts span{background:#fff}
html[data-theme="light"] .opts input:checked+span{color:var(--tx);background:#FFEDE7}
html[data-theme="light"] .draft-banner{background:#FFF4DB;color:#6B4A00}
html[data-theme="light"] .notice{background:#FFF8E8}
html[data-theme="light"] .pm-plot{background:#fff}
html[data-theme="light"] .k-vec{--k:#6E6E7A}html[data-theme="light"] .k-add{--k:#4F6A8C}html[data-theme="light"] .k-srch{--k:#8C6F5A}html[data-theme="light"] .k-graph{--k:#9A7A33}html[data-theme="light"] .k-multi{--k:#A88A4E}
html[data-theme="light"] .pm-pt i{box-shadow:0 0 0 3px rgba(255,255,255,.9)}
html[data-theme="light"] .pm-pt b{color:#2A2A33}
html[data-theme="light"] .pm-cb b{color:var(--tx)}
html[data-theme="light"] .pm-cl{color:#2A2A33;background:rgba(255,255,255,.9)}
/* toggle */
.theme-tg{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;border:1px solid var(--line2);color:var(--tx);background:transparent;transition:background .2s,border-color .2s}
.theme-tg:hover{border-color:var(--line3);background:rgba(127,127,127,.08)}
.theme-tg:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.theme-tg svg{width:18px;height:18px}
.theme-tg .i-sun{display:none}
html[data-theme="dark"] .theme-tg .i-sun{display:block}html[data-theme="dark"] .theme-tg .i-moon{display:none}
@media (max-width:600px){.theme-tg{width:44px;height:44px}}
/* fix: syntax-token classes (.f/.p/.c) collide with form/page classes; keep tokens inline (both themes) */
pre .l span{display:inline;flex-direction:initial;gap:0;grid-column:auto}
/* dark theme AA: lift tertiary text from #6B6B76 (3.85:1) to 5.6:1 */
html[data-theme="dark"]{--tx3:#86868F}
/* ===== Console affordances (both themes) ===== */
.seg-wrap{display:flex;align-items:center;gap:12px}
.seg-hint{font-family:var(--mono);font-size:11px;color:var(--ac2);display:flex;align-items:center;gap:6px;order:2;transition:opacity .4s}
.seg-hint::before{content:"←";}
.console.touched .seg-hint{opacity:0;pointer-events:none}
.seg{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.16);padding:4px;gap:4px}
.seg button{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#D4D4DA;cursor:pointer;font-weight:500;transition:background .15s,border-color .15s,transform .1s,color .15s}
.seg button:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);color:#fff}
.seg button:active{transform:translateY(1px) scale(.98)}
.seg button.on{background:#FF5533;border-color:#FF5533;color:#fff;box-shadow:0 4px 14px -4px rgba(255,85,51,.7)}
.seg button:focus-visible,.c-side a:focus-visible,.qbox:focus-visible,.qchip:focus-visible{outline:2px solid #FF7A5C;outline-offset:2px}
.console:not(.touched) .seg{animation:segpulse 2.4s ease-out 1.2s 3}
@keyframes segpulse{0%{box-shadow:0 0 0 0 rgba(255,85,51,.55)}70%{box-shadow:0 0 0 10px rgba(255,85,51,0)}100%{box-shadow:0 0 0 0 rgba(255,85,51,0)}}
.c-side h6 .hint{font-style:normal;text-transform:none;letter-spacing:0;color:#8A8A95;margin-left:4px}
.c-side a[data-col]{cursor:pointer;color:#C9C9D1;border:1px solid transparent;transition:background .15s,color .15s,border-color .15s}
.c-side a[data-col]:hover{background:rgba(255,255,255,.07);color:#fff;border-color:rgba(255,255,255,.12)}
.c-side a[data-col]:active{transform:translateY(1px)}
.c-side a[data-col].on{background:rgba(255,85,51,.14);color:#fff;border-color:rgba(255,85,51,.55);box-shadow:inset 3px 0 0 #FF5533}
.c-side a[data-col].on svg{opacity:1;color:#FF7A5C}
.c-side .meta,.c-side .meta b{cursor:default;user-select:none}
.c-side .meta{opacity:.85}
.ccol{color:#FF7A5C}
.qbox{cursor:pointer;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 0 3px rgba(255,85,51,.12);transition:border-color .15s,box-shadow .15s}
.qbox:hover{border-color:rgba(255,122,92,.6);box-shadow:0 0 0 4px rgba(255,85,51,.2)}
.qbox:active{transform:translateY(1px)}
.qbox svg{color:#FF7A5C}
.qchips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:-6px}
.qc-l{font-family:var(--mono);font-size:11px;color:#8A8A95;margin-right:2px}
.qchip{display:inline-flex;gap:6px;align-items:center;max-width:100%;font-size:12px;padding:5px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.03);color:#C9C9D1;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s,border-color .15s,color .15s}
.qchip b{font-family:var(--mono);font-size:10px;font-weight:500;color:#FF7A5C;text-transform:uppercase;letter-spacing:.04em}
.qchip:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3);color:#fff}
.qchip.on{border-color:rgba(255,85,51,.6);color:#fff;background:rgba(255,85,51,.1)}
.qchip:active{transform:translateY(1px)}
/* calmer results: no coral fill */
.res,.res.first{background:transparent;border-color:rgba(255,255,255,.06);cursor:default}
.res.first{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.12)}
.res .tag{opacity:.75;background:transparent}
.score{background:rgba(255,255,255,.08)}
.score i{background:linear-gradient(90deg,rgba(255,85,51,.55),rgba(255,122,92,.75))}
.res.first .score i{background:linear-gradient(90deg,#FF5533,#FF7A5C)}
/* static figure */
.storage{position:relative;background:transparent;border-style:dashed;border-color:rgba(255,255,255,.1)}
.storage .hd b{font-size:18px}
.storage .cmp i{box-shadow:none}
.static-tag{position:absolute;top:-8px;right:12px;font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:#8A8A95;background:#141414;padding:0 6px}
.c-foot{opacity:.85}
@media (max-width:600px){.qchip{flex:1 1 100%}.seg-wrap{width:100%;flex-direction:column;align-items:stretch;gap:6px}.seg-hint{order:0}.seg-hint::before{content:"↓"}}

/* motion-preview look in light: ink fills, red accents, ledger feel */
html[data-theme="light"] .hero-bg .glow{opacity:.28;filter:blur(40px) saturate(.6)}
html[data-theme="light"] .btn-pri{background:#141414}
html[data-theme="light"] svg rect[fill="#FF5533"]{fill:#B42318}
html[data-theme="light"] .hero h1,html[data-theme="light"] h2{letter-spacing:-.035em}
.explainer-frame{display:block;width:100%;height:1400px;border:0;margin-top:24px;border-radius:20px;background:#FBFAF7}
html[data-theme="dark"] .explainer-frame{box-shadow:0 0 0 1px rgba(255,255,255,.08)}