:root{--bg:#f5f4ee;--paper:#fffefa;--ink:#202d2a;--muted:#6f7872;--line:#dedfd5;--teal:#167568;--light:#e9f0e8;--coral:#dc7964;--gold:#c6a151;--shadow:0 4px 20px #28352d04}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);padding:10px 16px;font-weight:550;transition:background .15s,transform .15s}button:hover{background:#e9ece2}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #83bba9;outline-offset:3px}a{color:var(--teal);text-decoration:none}header{height:78px;padding:0 5%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:var(--paper)}.brand{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:700;letter-spacing:-.7px;color:var(--ink)}.brandmark{display:inline-grid;place-items:center;width:33px;height:33px;background:var(--teal);color:white;border-radius:9px;font-size:27px;margin-right:3px}.brandlight{font-weight:400;color:#82897e}.header-right{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.live-dot,.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal)}.local-tag{font-size:10px;letter-spacing:1px;border-left:1px solid var(--line);padding-left:20px;margin-left:12px}main{max-width:1280px;margin:auto;padding:46px 40px 0}.intro{display:flex;justify-content:space-between;gap:70px;align-items:center;margin-bottom:35px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:650;color:var(--teal)}h1{font-family:Georgia,'Times New Roman',serif;font-size:52px;line-height:1.07;font-weight:400;letter-spacing:-2px;margin:16px 0}p{color:var(--muted);margin:10px 0 18px;line-height:1.65}.intro>div>p{max-width:570px;font-size:15px;margin-bottom:0}.intro-note{width:330px;border-left:1px solid var(--line);padding:4px 0 4px 32px;flex-shrink:0}.intro-note b{font-size:17px;display:block;margin-top:10px}.intro-note p{font-size:13px;margin:9px 0 12px}.intro-note a{font-size:12px;font-weight:650}.note-icon{font-size:30px;color:var(--teal);line-height:1}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid var(--line);background:#eceee5;border-radius:12px;overflow:hidden;margin-bottom:36px}.step{position:relative;padding:17px 16px 16px 49px;text-align:left;border:0;border-radius:0;border-right:1px solid var(--line);background:transparent}.step:last-child{border-right:0}.step>span{position:absolute;left:15px;top:20px;color:#8c968b;font-size:11px}.step>b{font-size:14px;display:block}.step>small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.step.active{background:var(--teal);color:#fff}.step.active span,.step.active small{color:#c4e1d5}.page{display:none}.page.active{display:block}.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}h2{font-family:Georgia,serif;font-weight:400;font-size:29px;letter-spacing:-.6px;margin:6px 0 0}.pill{border:1px solid var(--line);border-radius:20px;padding:6px 12px;color:var(--muted);font-size:11px;white-space:nowrap}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px}.stage,.panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.stage{background:#edf1e9;display:flex;flex-direction:column}.stage-top,.stage-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);letter-spacing:.7px;padding:18px 22px}.stage-top{border-bottom:1px solid #dce2d8}.stage-bottom{letter-spacing:0;font-size:11px;margin-top:auto;border-top:1px solid #dce2d8}.stage-bottom b{font-weight:500}.stage canvas{width:100%;height:auto;max-height:410px}.dot{margin-right:6px}.teal{background:var(--teal)}.coral{background:var(--coral)}.gold{background:var(--gold)}.controls{padding:6px 0}.controls h3{margin:0 0 10px;font-size:17px;letter-spacing:-.3px}.controls p{font-size:13px}.action-buttons{display:flex;gap:7px;margin-top:22px}.action-buttons button{flex:1;padding:10px 8px}.selected{background:var(--teal)!important;color:white!important;border-color:var(--teal)!important}.keyboard{font-size:10px;color:#8a928a;margin:9px 0 19px}.metric-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin:16px 0}.metric-pair small,.stats-row small,.benchmark small{font-size:9px;letter-spacing:.7px;color:var(--muted);display:block}.metric-pair strong{display:block;font-size:22px;font-weight:500;margin-top:3px;font-variant-numeric:tabular-nums}label{display:block;font-size:12px;font-weight:550;margin:17px 0}output{float:right;color:var(--teal);font-weight:500}input[type=range]{display:block;width:100%;accent-color:var(--teal);height:5px;margin:15px 0;cursor:pointer}input[type=number],select{display:block;width:100%;padding:10px 12px;background:var(--paper);border:1px solid var(--line);border-radius:7px;margin:9px 0;color:var(--ink)}.button-row{display:flex;align-items:center;gap:10px;margin-top:19px}.primary{background:var(--teal);border-color:var(--teal);color:#fff}.primary:hover{background:#105d53}.wide{width:100%}.callout{border-left:2px solid #b8cbb7;padding:2px 0 2px 13px;margin-top:24px}.callout>b{font-size:12px}.callout p{font-size:12px;line-height:1.55;margin:5px 0 0}.next-row{display:flex;justify-content:space-between;align-items:center;margin:20px 0 26px;color:var(--muted);font-size:12px}.text-button{border:0;background:none;color:var(--teal);font-size:12px;padding-right:0}.panel{padding:22px}.panel-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.panel-heading h3{margin:0;font-size:15px;font-weight:600}.muted{color:var(--muted);font-size:11px}.small{font-size:11px!important}.transition{display:grid;grid-template-columns:1fr 68px 1fr;align-items:center;text-align:center;padding:15px 0}.transition canvas{width:100%;height:auto}.transition>div>b{display:block;font-size:12px}.transition>div>small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.transition-action>span{font-size:32px;color:var(--teal)}.transition-action>b{background:var(--light);border-radius:5px;padding:4px;margin-top:6px}.scrubber{margin-top:26px}.model-flow{display:flex;justify-content:space-around;align-items:center;padding:20px;background:#e9ede4;border:1px solid #dce1d5;border-radius:12px;margin-bottom:24px;gap:12px}.model-flow>div{text-align:center}.model-flow small{font-size:9px;letter-spacing:1px;color:var(--muted);display:block;margin-bottom:5px}.model-flow b{font-size:13px;font-weight:550}.model-flow>span{color:var(--teal);font-size:20px}.network{border:1px solid #b9cfc0;background:#f6faf4;padding:12px 30px;border-radius:8px}.legend{display:flex;gap:14px;font-size:10px;color:var(--muted)}svg{width:100%;display:block;margin-top:16px;overflow:visible}.chart-note{font-size:10px;margin:12px 0 0;color:var(--muted)}.stats-row{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin-top:23px;padding-top:19px}.stats-row strong{font-size:25px;display:block;margin-top:6px;font-weight:500;font-variant-numeric:tabular-nums}.twin-canvases{display:grid;grid-template-columns:1fr 1fr;gap:5px}.twin-canvases>div:first-child{border-right:1px solid var(--line)}.twin-canvases canvas{width:100%}.canvas-label{font-size:9px;letter-spacing:.7px;display:block;text-align:center}.playback{display:flex;align-items:center;gap:16px;margin-top:5px}.playback input{flex:1}.playback span{font-size:11px;min-width:36px}.playback button{padding:8px 12px;font-size:11px;min-width:73px}.action-sequence{display:flex;gap:3px;margin:18px 0}.action-sequence span{flex:1;background:#e5eae0;text-align:center;font-size:10px;padding:7px 0;border-radius:3px}.action-sequence .right{background:#d2e5dc;color:var(--teal)}.action-sequence .left{background:#f0dfd4;color:#a05442}#control-canvas{width:100%;height:auto;max-height:340px}.results-panel{margin-top:25px}.benchmark{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.benchmark>div+div{border-left:1px solid var(--line);padding-left:24px}.benchmark strong{font-size:34px;font-family:Georgia,serif;font-weight:400;display:block;margin-top:8px}.benchmark p{font-size:11px;margin:8px 0}.error{padding:15px 20px;background:#f8e6e0;color:#953c2c;border:1px solid #ebc7bd;border-radius:8px;margin-bottom:20px}.job-panel{background:#1d302b;border-radius:10px;color:#e4eee6;padding:20px;margin:22px 0}.job-panel h3{font-size:14px}.job-panel span{font-size:11px;color:#b4cabc}.job-panel pre{white-space:pre-wrap;max-height:190px;overflow:auto;font:11px/1.8 ui-monospace,monospace;margin-bottom:0;color:#c5d9cc}footer{border-top:1px solid var(--line);margin-top:30px;padding:22px 0 30px;display:flex;justify-content:space-between;color:#899086;font-size:10px}footer b{font-weight:550;color:var(--muted)}[hidden]{display:none!important}@media(min-width:1500px){main{padding-top:60px}.intro{margin-bottom:45px}}@media(max-width:950px){main{padding:30px 22px 0}.intro{gap:30px}.intro-note{width:260px;padding-left:20px}h1{font-size:44px}.workspace{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.step{padding-left:35px;padding-right:8px}.step>span{left:11px}.step>small{font-size:9px}.panel{padding:17px}.transition{grid-template-columns:1fr 45px 1fr}.stats-row strong{font-size:21px}}@media(max-width:720px){header{height:65px;padding:0 20px}.local-tag{display:none}.header-right{font-size:10px}.intro-note{display:none}h1{font-size:42px}.intro{margin-bottom:26px}.steps{margin-bottom:25px}.step{padding:12px 5px;text-align:center}.step>span{position:static;font-size:9px;display:block}.step>b{font-size:11px}.step>small{display:none}.workspace{grid-template-columns:1fr}.controls{padding:10px 3px}.section-title{align-items:flex-start}.section-title .pill{font-size:9px;max-width:140px;white-space:normal;text-align:center}h2{font-size:25px}.eyebrow{font-size:9px}.next-row{gap:12px;align-items:flex-start}.next-row>span{max-width:65%}.model-flow{padding:12px 8px;gap:5px}.model-flow b{font-size:10px}.model-flow small{font-size:8px}.network{padding:9px}.legend{gap:8px}.stats-row small{font-size:8px}.stats-row strong{font-size:20px}.benchmark{gap:12px}.benchmark>div+div{padding-left:13px}.benchmark strong{font-size:25px}.benchmark small{font-size:8px}.results-panel .panel-heading{align-items:flex-start}.results-panel button{font-size:10px;padding:8px;min-width:110px}footer{gap:15px}footer>span:last-child{display:none}}
.concept-card{background:#eef1e8;border:1px solid #dae1d4;border-radius:12px;margin:0 0 24px;overflow:hidden}.concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:23px 25px 18px}.concept-grid>div+div{border-left:1px solid #d5ddcf;padding-left:30px}.concept-grid .eyebrow{font-size:9px;letter-spacing:1.2px}.concept-grid h3{font-family:Georgia,serif;font-size:20px;font-weight:400;letter-spacing:-.3px;margin:8px 0}.concept-grid p{font-size:12px;line-height:1.7;margin:0;color:#626f64}.concept-grid p b,.concept-detail b{font-weight:600;color:#364e40}.concept-equation{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:13px 20px;background:#e4eadd;border-top:1px solid #d5ddcf;color:#49664e;font-size:11px}.concept-equation>b{font-weight:500;color:#769475}.concept-card details{border-top:1px solid #d5ddcf}.concept-card summary{cursor:pointer;padding:13px 25px;color:var(--teal);font-size:12px;font-weight:550;list-style-position:inside}.concept-card summary:hover{background:#e7eddf}.concept-card summary:focus-visible{outline:3px solid #83bba9;outline-offset:-3px}.concept-detail{padding:0 25px 16px;max-width:1000px}.concept-detail p{font-size:12px;line-height:1.8;margin:10px 0}.concept-detail p:first-child{margin-top:2px}@media(max-width:720px){.concept-grid{grid-template-columns:1fr;gap:18px;padding:20px}.concept-grid>div+div{border-left:0;border-top:1px solid #d5ddcf;padding:16px 0 0}.concept-grid h3{font-size:19px}.concept-equation{gap:8px;font-size:10px;padding:12px}.concept-card summary{padding:13px 20px;font-size:11px}.concept-detail{padding:0 20px 12px}}
.train-progress{margin-top:20px;font-size:11px;color:var(--muted)}.train-progress.is-live{color:var(--teal)}.train-progress-track{margin-top:9px;height:4px;border-radius:3px;background:#e4e8dc;overflow:hidden}#train-progress-fill{height:100%;background:var(--teal);transition:width .12s ease-out}.train-progress.is-live>span:before{content:'';display:inline-block;width:6px;height:6px;background:var(--teal);border-radius:50%;margin-right:7px}