:root{color-scheme:dark;--bg: #071012;--surface: #0d1a1d;--surface-2: #112328;--line: rgba(173, 220, 218, .18);--text: #ecf8f4;--muted: #94aaa8;--cyan: #68e1d5;--cyan-soft: rgba(104, 225, 213, .14);--orange: #ff9f62;--orange-soft: rgba(255, 159, 98, .14);--yellow: #f2d675;--danger: #ff746c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 82% 8%,rgba(58,150,144,.18),transparent 30rem),linear-gradient(rgba(104,225,213,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(104,225,213,.025) 1px,transparent 1px),var(--bg);background-size:auto,42px 42px,42px 42px,auto}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}a{color:inherit}.hero{min-height:640px;padding:28px clamp(22px,5vw,76px) 56px;display:grid;align-content:space-between;border-bottom:1px solid var(--line)}.hero nav,footer{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px;letter-spacing:.14em}.hero nav a{text-decoration:none;color:var(--text)}.hero-copy{max-width:920px}.eyebrow{margin:0 0 10px;color:var(--cyan);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:28px;max-width:980px;font-size:clamp(52px,8.5vw,120px);line-height:.92;letter-spacing:-.055em;font-weight:760}h1 em{color:var(--orange);font-style:normal}.lede{max-width:760px;margin-bottom:0;color:#b9cfcc;font-size:clamp(16px,2vw,21px);line-height:1.75}.truth-line{display:flex;align-items:center;flex-wrap:wrap;gap:14px 20px;color:var(--muted);font-size:13px}.truth-line span{display:flex;gap:8px}.truth-line b{color:var(--text)}.truth-line i{color:var(--cyan);font-style:normal}main{width:min(1460px,calc(100% - 36px));margin:0 auto;padding:44px 0 80px}.lesson-nav{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:28px;border:1px solid var(--line)}.lesson-step{min-height:118px;padding:20px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:5px 12px;text-align:left;color:var(--muted);background:#081315b8;border:0;border-right:1px solid var(--line);cursor:pointer;transition:background .2s ease,color .2s ease}.lesson-step:last-child{border-right:0}.lesson-step:hover{background:var(--surface-2)}.lesson-step.is-active{color:var(--text);background:var(--cyan-soft)}.lesson-step small{grid-row:1 / 3;color:var(--cyan)}.lesson-step b{font-size:15px}.lesson-step span{font-size:12px;line-height:1.5}.lab-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.7fr);gap:22px}.panel{background:#0b1a1de0;border:1px solid var(--line);box-shadow:0 28px 70px #0000003d}.network-panel{min-width:0}.panel-heading{min-height:108px;padding:24px 26px 18px;display:flex;align-items:flex-start;justify-content:space-between;gap:22px;border-bottom:1px solid var(--line)}.panel-heading h2,.control-header h2{margin:0;font-size:clamp(20px,2.2vw,30px);letter-spacing:-.025em}.panel-heading>p{max-width:330px;margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.7;text-align:right}.compact-metrics{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.compact-metrics span{min-width:100px;padding:8px 10px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;border-left:1px solid var(--line)}.compact-metrics b{display:block;margin-top:4px;color:var(--text);font-size:16px;letter-spacing:0}.network-stage{min-height:470px;display:grid;place-items:center;padding:18px;overflow:hidden}#network-svg{width:100%;height:auto;overflow:visible}.weight-line{transition:stroke .25s ease,stroke-width .25s ease,opacity .25s ease}.weight-line.is-pulsing{animation:signal .55s ease}@keyframes signal{0%,to{opacity:.62}50%{opacity:1;filter:drop-shadow(0 0 6px currentColor)}}.neuron-halo{transition:fill .25s ease,opacity .25s ease}.neuron-core{fill:#0b1719;stroke:#dcf5f066;stroke-width:2}.neuron-value{fill:var(--text);font-size:14px;font-weight:700;text-anchor:middle}.neuron-label{fill:var(--muted);font-size:11px;text-anchor:middle;letter-spacing:.08em}.layer-label{fill:var(--muted);font-size:10px;letter-spacing:.14em}.weight-legend{display:flex;flex-wrap:wrap;gap:12px 22px;padding:14px 24px;color:var(--muted);font-size:11px;border-top:1px solid var(--line)}.weight-legend span{display:flex;align-items:center;gap:8px}.weight-legend i{width:24px;height:2px;display:inline-block;background:var(--cyan)}.weight-legend i.negative{background:var(--orange)}.weight-legend i.strong{height:5px;background:var(--muted)}.lesson-explainer{padding:24px 26px 28px;display:grid;grid-template-columns:120px minmax(150px,230px) 1fr;gap:22px;align-items:baseline;border-top:1px solid var(--line)}.lesson-explainer span{color:var(--cyan);font-size:11px;letter-spacing:.12em}.lesson-explainer strong{font-size:18px}.lesson-explainer p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}.control-panel{padding:26px}.control-header{padding-bottom:22px;border-bottom:1px solid var(--line)}.sample-picker{margin:24px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;border:0}.sample-picker legend,.rate-control>span{width:100%;margin-bottom:12px;grid-column:1 / -1;color:var(--muted);font-size:12px}.sample{padding:14px 12px;display:grid;gap:4px;color:var(--muted);text-align:left;background:transparent;border:1px solid var(--line);cursor:pointer}.sample:hover,.sample.is-selected{color:var(--text);border-color:var(--cyan);background:var(--cyan-soft)}.sample span{font-size:15px;font-weight:700}.sample b{font-size:10px;color:var(--muted)}.prediction-card{margin-top:24px;padding:18px 0 22px;border-block:1px solid var(--line)}.prediction-label,.probability-scale{display:flex;align-items:center;justify-content:space-between;gap:12px}.prediction-label{margin-bottom:12px;color:var(--muted);font-size:12px}.prediction-label b{color:var(--text);font-size:26px}.probability-track{height:12px;position:relative;background:#ffffff14;overflow:visible}.probability-track i{display:block;width:50%;height:100%;background:linear-gradient(90deg,var(--orange),var(--cyan));transition:width .25s ease}.probability-track em{position:absolute;top:-5px;bottom:-5px;width:2px;background:var(--yellow);left:0;transform:translate(-1px)}.probability-scale{margin-top:8px;color:var(--muted);font-size:10px}.probability-scale span:nth-child(2){color:var(--text)}.rate-control{display:block;margin-top:22px}.rate-control>span{display:flex;justify-content:space-between;color:var(--text)}.rate-control small{display:block;margin:-7px 0 12px;color:var(--muted);font-size:10px}.rate-control input{width:100%;accent-color:var(--cyan)}.training-actions{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.training-actions button{min-height:46px;padding:10px 12px;color:var(--text);background:var(--surface-2);border:1px solid var(--line);cursor:pointer}.training-actions button:hover{border-color:var(--cyan)}.training-actions button.primary{background:var(--cyan);color:#061113;border-color:var(--cyan);font-weight:750}.training-actions button.quiet{color:var(--muted);background:transparent}.training-actions button[aria-pressed=true]{color:#061113;background:var(--yellow);border-color:var(--yellow)}.trainer-status{min-height:48px;margin:18px 0 0;color:var(--muted);font-size:12px;line-height:1.65}.chart-layout{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.chart-panel canvas{display:block;width:100%;height:auto;max-height:480px}.bridge-section{margin-top:22px;padding:clamp(30px,5vw,70px);background:linear-gradient(135deg,#68e1d51c,#ff9f6212);border:1px solid var(--line)}.bridge-heading{max-width:850px}.bridge-heading h2{margin-bottom:16px;font-size:clamp(30px,5vw,64px);line-height:1;letter-spacing:-.045em}.bridge-heading>p:last-child{max-width:680px;color:var(--muted);line-height:1.75}.bridge-grid{margin-top:42px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.bridge-grid article{min-height:140px;padding:24px;display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:8px 14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.bridge-grid article:nth-child(2n){border-right:0}.bridge-grid article:nth-last-child(-n+2){border-bottom:0}.bridge-grid span,.bridge-grid strong{color:var(--muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.bridge-grid b,.bridge-grid em{font-style:normal;font-size:15px}.bridge-grid i{color:var(--cyan);font-style:normal}.takeaway{padding:clamp(70px,10vw,150px) clamp(10px,8vw,100px);text-align:center}.takeaway blockquote{max-width:1050px;margin:0 auto;font-size:clamp(28px,4.8vw,64px);line-height:1.25;letter-spacing:-.04em}footer{padding:28px clamp(22px,5vw,76px);border-top:1px solid var(--line)}footer a{color:var(--text);text-decoration:none}@media(max-width:980px){.lesson-nav{grid-template-columns:1fr 1fr}.lesson-step:nth-child(2){border-right:0}.lesson-step:nth-child(-n+2){border-bottom:1px solid var(--line)}.lab-layout,.chart-layout{grid-template-columns:1fr}.network-stage{min-height:390px}}@media(max-width:680px){.hero{min-height:580px;padding-inline:20px}.hero nav span{display:none}h1{font-size:clamp(48px,16vw,76px)}main{width:min(100% - 20px,1460px);padding-top:20px}.lesson-step{min-height:96px;padding:14px}.lesson-step span{display:none}.panel-heading{min-height:0;display:block}.compact-metrics{margin-top:18px;justify-content:flex-start}.compact-metrics span{min-width:88px}.network-stage{min-height:280px;padding:2px}.lesson-explainer{grid-template-columns:1fr;gap:8px}.control-panel{padding:20px}.chart-panel .panel-heading>p{margin-top:12px;text-align:left}.bridge-grid{grid-template-columns:1fr}.bridge-grid article{border-right:0;border-bottom:1px solid var(--line)!important;grid-template-columns:auto 1fr}.bridge-grid article:last-child{border-bottom:0!important}.bridge-grid i{display:none}.takeaway{padding-inline:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
