:root{--depth:5px;--motion:180ms;--radius:24px;--bg:#eff4fb;--surface:#fff;--ink:#18283f;--muted:#52647c;--line:#cbd7e6;--accent:#b8d7ff;--purple:#175bac;--soft:#e0edff;--btn:#175bac;--onbtn:#fff;--shadow:#0c3974;--green:#e2efec;--greenink:#275b4d}
[data-concept=studio]{--bg:#101e22;--surface:#1a2b30;--ink:#edf9f5;--muted:#b0c7c2;--line:#3c555b;--accent:#aff2d4;--purple:#b1f4d7;--soft:#264940;--btn:#aff2d4;--onbtn:#112d23;--shadow:#498369;--green:#264940;--greenink:#b1f4d7;--orange:#453d2e;--orangeink:#ffe2ac}
[data-concept=coral]{--bg:#faf2e9;--surface:#fffaf4;--ink:#3b2725;--muted:#745952;--line:#e1c8bd;--accent:#ffb69e;--purple:#a03b25;--soft:#ffe6dc;--btn:#a83f28;--onbtn:#fff;--shadow:#662916;--green:#e7eedb;--greenink:#466137;--radius:15px}
[data-theme=dark][data-concept=orbit]{--bg:#101d30;--surface:#1b2c42;--ink:#edf4ff;--muted:#b4c6de;--line:#3c5573;--accent:#b8d7ff;--purple:#b8d7ff;--soft:#283e5b;--btn:#b8d7ff;--onbtn:#102e51;--shadow:#477ebd;--green:#29483f;--greenink:#c8ebdf}
[data-theme=dark][data-concept=coral]{--bg:#271b19;--surface:#382723;--ink:#fff1e7;--muted:#ddbbb0;--line:#705049;--accent:#ffb69e;--purple:#ffbaa4;--soft:#59352d;--btn:#ffb69e;--onbtn:#4b241a;--shadow:#aa634b;--green:#364330;--greenink:#dceacb}
h1,.hero h2,.quote-panel h2,.question,.ring,.result-number,.milestone b{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:750;letter-spacing:-.045em}h1{max-width:760px;font-size:clamp(35px,4vw,56px)}
button{transition:transform var(--motion);border-radius:14px}button:active:not(:disabled){transform:translateY(3px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--purple)}
.primary{box-shadow:0 var(--depth) 0 var(--shadow),0 10px 22px #0002;border-top:1px solid #ffffff50;transform:translateY(-2px);margin-bottom:5px}.primary:active:not(:disabled){box-shadow:0 1px 0 var(--shadow);transform:translateY(2px)}
.panel{box-shadow:0 7px 0 color-mix(in srgb,var(--line) 45%,transparent);border-radius:var(--radius)}.hero{background:var(--accent);border:0;box-shadow:0 8px 0 color-mix(in srgb,var(--accent) 65%,var(--shadow));min-height:290px;padding:32px;color:#172d38}.hero h2{font-size:38px}.hero p,.hero .eyebrow{color:#294653}.hero .primary{background:#18394d;border-color:#18394d;color:#fff;--shadow:#081d2a}.hero-copy{width:73%}.orbital .core{border-radius:12px;background:#fff;box-shadow:7px 8px 0 #6596a7,15px 19px 24px #193e4d35;color:#284c5d;font-family:system-ui;font-weight:750}.orbital .orbit{border-color:#527f97}.orbital .dot,.orbital .dot:last-child{background:#fff;border-color:#6596a7}.orbital{animation:hover-note 5s ease-in-out infinite}.brand-icon:after{background:var(--purple)}.ring{border-top-color:var(--purple);border-right-color:var(--purple)}.topic-strip i.learn,.progress span{background:var(--purple)}.note{border-color:var(--purple)}.nav :is(button,a).active{box-shadow:inset 3px 0 0 var(--purple)}
[data-concept=studio] #sidebar{background:var(--bg)}[data-concept=studio] .hero{border-radius:30px 30px 70px 30px}[data-concept=studio] .panel{box-shadow:0 12px 26px #0002}[data-concept=studio] .orbital .core{box-shadow:7px 8px 0 #65b28e,15px 19px 24px #193e4d35}[data-concept=coral] .hero{border-radius:15px 55px 15px 15px}[data-concept=coral] .panel{box-shadow:4px 5px 0 var(--line)}[data-concept=coral] .orbital .core{box-shadow:7px 8px 0 #c57c65,15px 19px 24px #62312325}
@keyframes hover-note{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-9px) rotate(3deg)}}
[data-motion=off] *,[data-motion=off] *:before,[data-motion=off] *:after{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:1100px){.hero h2{font-size:32px}.hero{padding:25px}.orbital{opacity:.4}}@media(max-width:650px){h1{font-size:36px}.hero{min-height:270px}.hero-copy{width:85%}.hero h2{font-size:31px}.orbital{right:-65px;opacity:.3}.panel{padding:19px}}
.language button{min-height:44px}.ring{border-top-color:var(--purple)!important;border-right-color:var(--purple)!important}
/* Deep Blue: dark surfaces apply only when dark mode is selected. */
[data-concept=deepblue][data-theme=dark]{--bg:#061334;--surface:#102653;--ink:#edf5ff;--muted:#b2c7e8;--line:#345184;--accent:#143e89;--purple:#94c9ff;--soft:#183669;--btn:#a2d4ff;--onbtn:#071c40;--shadow:#3974b5;--green:#173d50;--greenink:#aee8df;--orange:#423852;--orangeink:#f3dfb4;--radius:24px}
[data-concept=deepblue][data-theme=dark] body{background:radial-gradient(ellipse at 80% 0%,#123579 0%,transparent 52%),var(--bg)}
[data-concept=deepblue][data-theme=dark] #sidebar{background:#071735;border-color:#25426e}
[data-concept=deepblue][data-theme=dark] #topbar{background:#091b3dcc;border-color:#25426e}
[data-concept=deepblue][data-theme=dark] .hero{background:linear-gradient(125deg,#143b81,#102c66 65%,#184885);color:var(--ink);border:1px solid #487ab7;box-shadow:0 8px 0 #030d28,0 22px 42px #02091e55}
[data-concept=deepblue][data-theme=dark] .hero p,[data-concept=deepblue][data-theme=dark] .hero .eyebrow{color:#c4dbfa}
[data-concept=deepblue][data-theme=dark] .hero .primary{background:var(--btn);color:var(--onbtn);border-color:#c7e8ff;--shadow:#3974b5}
[data-concept=deepblue][data-theme=dark] .panel{background:linear-gradient(150deg,#153361,#0d224a);border-color:#355685;box-shadow:0 7px 0 #030d28,0 16px 28px #02091e33}
[data-concept=deepblue][data-theme=dark] .orbital .orbit{border-color:#7aa9e0}
[data-concept=deepblue][data-theme=dark] .orbital .core{background:linear-gradient(135deg,#f7fcff,#b6dafa);color:#14356b;box-shadow:7px 8px 0 #3974b5,15px 19px 24px #02091e66}
[data-concept=deepblue][data-theme=dark] .orbital .dot,[data-concept=deepblue][data-theme=dark] .orbital .dot:last-child{background:#b9e7ff;border-color:#b9e7ff}
[data-concept=deepblue][data-theme=dark] .nav :is(button,a).active{background:#193b73;box-shadow:inset 3px 0 0 #94c9ff}
[data-concept=deepblue][data-theme=dark] .quote-panel{background:#102d57;border:1px solid #345184}
[data-concept=deepblue][data-theme=dark] .quote-panel p{color:var(--muted)}
[data-concept=deepblue][data-theme=dark] dialog{box-shadow:0 30px 100px #02091e99}
[data-concept=deepblue][data-theme=dark] .hero .small,[data-concept=deepblue][data-theme=dark] .hero small{color:#c4dbfa!important}

/* Light mode retains the blue identity with bright surfaces and dark text. */
[data-concept=deepblue][data-theme=light]{--bg:#edf4ff;--surface:#ffffff;--ink:#10264e;--muted:#4c6283;--line:#bdcfe7;--accent:#cee2ff;--purple:#225caa;--soft:#e0edff;--btn:#174b96;--onbtn:#ffffff;--shadow:#0b2e65;--green:#e0efec;--greenink:#24594e;--orange:#fff0d8;--orangeink:#765020;--radius:24px}
[data-concept=deepblue][data-theme=light] body{background:radial-gradient(ellipse at 80% 0%,#d9e9ff 0%,transparent 52%),var(--bg)}
[data-concept=deepblue][data-theme=light] #sidebar{background:#f9fbff;border-color:var(--line)}
[data-concept=deepblue][data-theme=light] #topbar{background:#f4f8ff;border-color:var(--line)}
[data-concept=deepblue][data-theme=light] .hero{background:linear-gradient(125deg,#e0edff,#c8dfff);color:var(--ink);border:1px solid #a5c4ec;box-shadow:0 8px 0 #abc6e9,0 22px 42px #24487d15}
[data-concept=deepblue][data-theme=light] .hero p,[data-concept=deepblue][data-theme=light] .hero .eyebrow{color:#34557e}
[data-concept=deepblue][data-theme=light] .hero .small,[data-concept=deepblue][data-theme=light] .hero small{color:#34557e!important}
[data-concept=deepblue][data-theme=light] .hero .primary{background:var(--btn);color:var(--onbtn);border-color:#326ab6;--shadow:#0b2e65}
[data-concept=deepblue][data-theme=light] .panel{background:linear-gradient(150deg,#fff,#f4f8ff);border-color:var(--line);box-shadow:0 7px 0 #cfdef0,0 16px 28px #24487d10}
[data-concept=deepblue][data-theme=light] .nav :is(button,a).active{background:var(--soft);box-shadow:inset 3px 0 0 var(--purple)}
[data-concept=deepblue][data-theme=light] .quote-panel{background:#e0edff;border:1px solid var(--line)}
[data-concept=deepblue][data-theme=light] .quote-panel p{color:var(--muted)}
[data-concept=studio][data-theme=light]{--bg:#edf6f2;--surface:#ffffff;--ink:#17382e;--muted:#42685a;--line:#c0d9cf;--accent:#aff2d4;--purple:#176548;--soft:#d8eee4;--btn:#176548;--onbtn:#fff;--shadow:#103f30;--green:#d8eee4;--greenink:#214d3b;--orange:#f2e5d0;--orangeink:#684820}