@charset "UTF-8";
:root{--ink:#172333;--muted:#5D6A76;--paper:#FFFFFF;--lime:#D7F2F9;--dark:#002060;--line:#B0B8DD;font-family:Inter,"Segoe UI","Yu Gothic UI",Meiryo,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-underline-offset:5px}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,#viewport:focus-visible{outline:3px solid #38BEE2;outline-offset:4px}button{border:0}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}header,main,footer{max-width:1600px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:30px 48px;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:850;letter-spacing:-1.5px;text-decoration:none}.brand small{font-size:16px;color:var(--muted);letter-spacing:0;font-weight:500}.brand-mark{font-size:24px}nav{display:flex;gap:30px;font-size:13px;font-weight:600}nav a{text-decoration:none}.edition,.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700}.edition{color:var(--muted)}.intro{padding:66px 48px 54px;display:grid;grid-template-columns:1.15fr 1fr;align-items:end}.eyebrow{margin:0 0 22px}.dot{display:inline-block;width:7px;height:7px;background:#004EA2;border-radius:50%;margin-right:8px}h1{font-size:clamp(40px,4.5vw,70px);line-height:1.23;letter-spacing:-3px;margin:0;font-weight:750}h1 em{font-style:normal;color:#004EA2}.intro-copy{padding:0 0 3px 70px}.intro-copy>p:first-child{font-size:20px;line-height:1.7;margin:0 0 16px}.muted{color:var(--muted);font-size:13px;line-height:1.9}.text-link{display:inline-flex;gap:80px;font-size:13px;text-decoration:none;border-bottom:1px solid var(--ink);padding:15px 0 10px}.explorer{margin:0 24px;background:var(--dark);color:#F3F6F8;border-radius:16px;overflow:hidden;scroll-margin-top:15px}.explorer-top{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #31558a}.tabs{display:flex;gap:4px;background:#123a74;padding:4px;border-radius:7px}.tabs button{background:transparent;color:#D7F2F9;border-radius:4px;padding:11px 20px;font-size:12px;font-weight:650}.tabs .active{background:var(--lime);color:var(--dark)}.live-tag{font-size:10px;letter-spacing:1.5px;color:#B0B8DD}.explorer-body{display:grid;grid-template-columns:minmax(0,1fr) 316px}.stage-wrap{height:595px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 48% 44%,#123c70 0%,#082b5c 50%,#002060 90%)}#viewport{width:100%;height:100%;cursor:grab;position:absolute;inset:0}#viewport:active{cursor:grabbing}#viewport canvas{width:100%;height:100%;display:block}.stage-caption{position:absolute;top:28px;left:28px;pointer-events:none}.stage-caption .eyebrow{color:#B0B8DD;font-size:10px}.stage-caption p{font-size:11px;color:#a0b9d4;max-width:320px;line-height:1.7}.stage-bottom{position:absolute;bottom:22px;left:28px;right:28px;display:flex;gap:14px;align-items:center;justify-content:space-between;pointer-events:none}#status{font-size:10px;color:#D7F2F9;background:#002060bf;padding:7px;border-radius:4px;max-width:45%}.camera-buttons{display:flex;gap:4px;pointer-events:auto}.camera-buttons button{padding:8px 12px;background:#18467c;color:#D7F2F9;font-size:11px;border-radius:4px}.camera-buttons .active{background:#D7F2F9;color:#002060}.controls{border-left:1px solid #31558a;background:#092b5c;padding:26px 24px}.controls .eyebrow{font-size:9px;color:#a9bdd7;margin-bottom:10px}.controls h2{font-size:20px;margin:0 0 24px;letter-spacing:-.5px}.state-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.state-grid button{padding:12px 10px 14px;text-align:left;background:#10386c;color:#afc2dc;border:1px solid #42648e;border-radius:5px;font-size:10px}.state-grid b{display:inline-block;font-size:13px;margin-left:6px;color:#FFFFFF}.state-grid small{display:block;font-size:9px;margin-top:9px;white-space:nowrap}.state-grid button.active{border-color:var(--lime);background:#004EA2;color:var(--lime)}.select-label{display:block;font-size:11px;color:#c4d7e9;margin:22px 0 10px}select{width:100%;background:#123a74;border:1px solid #647e9e;color:#FFFFFF;padding:10px;border-radius:5px;font-size:12px}.part-info{border-top:1px solid #31558a;margin-top:24px;padding-top:20px}.part-info h3{font-size:14px;overflow-wrap:anywhere;color:var(--lime);margin:10px 0}.part-info p{font-size:11px;line-height:1.8;color:#c4d7e9;overflow-wrap:anywhere;max-height:110px;overflow:auto}.fine{font-size:10px;line-height:1.8;color:#b0c3da;margin-top:16px}.explorer-foot{display:flex;align-items:center;gap:24px;border-top:1px solid #31558a;padding:16px 28px;color:#c4d7e9;font-size:10px}.explorer-foot span:last-child{margin-left:auto;color:#9ab4d4}.legend{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px}.blue{background:#6eaff2}.gold{background:#edc263}.silver{background:#b0c8df}.control-intro{font-size:11px;line-height:1.8;color:#c4d7e9;margin-top:-12px}label[for]:not(.select-label){font-size:11px;display:flex;justify-content:space-between;margin:17px 0 6px}output{color:var(--lime);font-variant-numeric:tabular-nums}input[type=range]{width:100%;height:15px;accent-color:var(--lime);cursor:pointer}.play-row{display:flex;gap:8px;margin-top:17px}.play-row button{border:1px solid #38BEE2;background:transparent;color:var(--lime);border-radius:4px;padding:9px 11px;font-size:11px}.play-row button:first-child{background:var(--lime);color:#002060;flex:1}.pitches{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;text-align:center;font-size:9px;padding-top:8px}.pitches strong{display:block;font-size:13px;color:var(--lime);margin-top:7px;font-weight:500}.residual{font-size:9px;color:#a9bdd7;margin-top:14px}#loadError{position:absolute;top:35%;left:8%;right:8%;padding:24px;background:#123a74;border:1px solid #B0B8DD;line-height:1.7;font-size:13px}.numbers{display:grid;grid-template-columns:repeat(4,1fr);margin:0 48px;padding:44px 0;border-bottom:1px solid var(--line)}.numbers>div{padding:0 26px;border-right:1px solid var(--line)}.numbers>div:first-child{padding-left:0}.numbers>div:last-child{border:0}.numbers strong{font-size:36px;font-weight:500;letter-spacing:-1.7px}.numbers strong span{font-size:11px;letter-spacing:0;margin-left:9px;color:var(--muted)}.numbers p{font-size:11px;color:var(--muted);margin:10px 0 0}.story{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;padding:95px 70px}.section-intro h2,.evidence h2,.resources h2{font-size:37px;line-height:1.45;letter-spacing:-1.6px;margin:0 0 24px;font-weight:650}.section-intro>p:last-child{font-size:14px;color:var(--muted);line-height:2;max-width:365px}.story-steps article{display:flex;gap:25px;padding:0 0 25px;margin-bottom:25px;border-bottom:1px solid var(--line)}.story-steps article>span{font:12px monospace;color:#5D6A76;padding-top:6px}.story-steps h3{font-size:18px;margin:0 0 12px}.story-steps p{font-size:13px;color:var(--muted);line-height:1.9;margin:0 0 12px}.demo{font-size:12px;background:transparent;padding:0;color:#004EA2;border-bottom:1px solid #38BEE2;padding-bottom:4px}.evidence{background:#F3F6F8;padding:70px 48px}.evidence-heading{display:flex;justify-content:space-between;align-items:end}.evidence-heading>p{font-size:13px;color:var(--muted);line-height:1.9;margin:0 0 28px}.gate-strip{display:grid;grid-template-columns:repeat(4,1fr);margin:22px 0 30px;border:1px solid #B0B8DD;border-radius:6px;overflow:hidden}.gate-strip>div{padding:22px;border-right:1px solid #B0B8DD}.gate-strip>div:last-child{border:0}.gate-strip span{font:12px monospace;color:#5D6A76}.gate-strip b{display:block;font-size:15px;margin:9px 0}.gate-strip small{font-size:11px;color:#946000}.gate-strip .passed{background:#D7F2F9}.gate-strip .passed small{color:#004EA2}.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.evidence-grid article{padding:22px 0}.badge{font-size:10px;border:1px solid #B0B8DD;padding:5px 9px;border-radius:20px}.evidence-grid h3{font-size:22px;margin:22px 0}.evidence-grid p{font-size:12px;color:var(--muted);line-height:1.9}.evidence-grid a{font-size:12px}dl>div{display:flex;justify-content:space-between;border-bottom:1px solid #B0B8DD;padding:12px 0;font-size:12px;gap:12px}dd{font-variant-numeric:tabular-nums;margin:0}ul{padding-left:18px;font-size:13px;line-height:2.4}.limits{padding-left:30px!important;border-left:1px solid #B0B8DD}details{margin-top:30px;border-top:1px solid #B0B8DD;border-bottom:1px solid #B0B8DD}summary{cursor:pointer;padding:24px 0;font-size:13px}summary span{float:right}.technical{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding-bottom:25px;font-size:13px;line-height:1.9}.technical h3{font-size:14px}.formula{font:18px Georgia,serif;padding:20px;background:#D7F2F9}.resources{padding:80px 60px;display:grid;grid-template-columns:1fr 1fr;gap:90px}.resources h2{font-size:30px}.resources p{font-size:12px;color:var(--muted)}.resource-links a{display:flex;justify-content:space-between;text-decoration:none;padding:20px 0;border-bottom:1px solid var(--line);font-size:13px}.resource-links a:first-child{padding-top:0}footer{border-top:1px solid var(--line);padding:28px 48px;display:flex;align-items:center;justify-content:space-between}footer p{font-size:9px;color:var(--muted);line-height:1.7;letter-spacing:1px}footer a{font-size:11px}.skip{position:fixed;top:-100px;left:20px;background:var(--lime);padding:15px;z-index:20}.skip:focus{top:15px}.noscript{padding:30px}button:hover{filter:brightness(1.12)}
@media(min-width:1500px){.stage-wrap{height:650px}.controls{padding-top:35px}}
@media(max-width:1000px){.edition{display:none}.intro-copy{padding-left:25px}.explorer-body{grid-template-columns:minmax(0,1fr) 280px}.controls{padding:24px 18px}.story{gap:40px;padding:65px 40px}.numbers strong{font-size:29px}.numbers>div{padding:0 15px}.resources{gap:40px;padding:60px 40px}.explorer-foot{gap:12px}.explorer-foot span:last-child{display:none}}
@media(max-width:700px){header{padding:21px 22px}.brand{font-size:23px}nav{gap:16px;font-size:11px}nav a:first-child{display:none}.intro{padding:38px 24px;grid-template-columns:1fr;gap:25px}h1{font-size:46px;letter-spacing:-2px}.intro .eyebrow{font-size:8px}.intro-copy{padding:0}.intro-copy>p:first-child{font-size:17px}.intro-copy .muted{font-size:11px}.text-link{padding-top:8px}.explorer{margin:0 12px;border-radius:10px}.explorer-top{padding:12px}.tabs{width:100%}.tabs button{flex:1;padding:11px 8px;font-size:11px}.live-tag{display:none}.explorer-body{display:flex;flex-direction:column}.stage-wrap{height:410px}.stage-caption{top:20px;left:18px}.stage-caption p{font-size:10px;max-width:250px}.stage-bottom{left:12px;right:12px;bottom:16px;gap:6px}.camera-buttons button{padding:8px 10px;font-size:10px}.controls{border-left:0;border-top:1px solid #31558a;padding:24px}.controls h2{margin-bottom:20px}.state-grid{grid-template-columns:repeat(4,1fr);gap:5px}.state-grid button{padding:10px 6px;font-size:9px}.state-grid b{display:block;margin:6px 0;font-size:12px}.state-grid small{font-size:8px;white-space:normal;line-height:1.5}.part-info{margin-top:18px}.part-info p{max-height:none}.explorer-foot{flex-wrap:wrap;padding:16px;font-size:9px;gap:15px}.numbers{grid-template-columns:1fr 1fr;margin:0 24px;padding:18px 0;row-gap:24px}.numbers>div{padding:10px 0 10px 15px}.numbers>div:nth-child(odd){padding-left:0}.numbers>div:nth-child(2){border:0}.numbers strong{font-size:32px}.numbers strong span{font-size:9px}.numbers p{font-size:10px}.story{grid-template-columns:1fr;padding:55px 24px;gap:25px}.section-intro h2,.evidence h2{font-size:30px}.section-intro>p:last-child{font-size:13px}.story-steps article{gap:20px}.story-steps h3{font-size:16px}.evidence{padding:45px 24px}.evidence-heading{display:block}.evidence-heading>p{font-size:12px}.gate-strip{grid-template-columns:1fr 1fr}.gate-strip>div{padding:15px;border-bottom:1px solid #B0B8DD}.gate-strip>div:nth-child(2){border-right:0}.gate-strip>div:nth-child(3){border-bottom:0}.evidence-grid{grid-template-columns:1fr;gap:20px}.evidence-grid h3{font-size:20px}.limits{padding-left:0!important;border-left:0;border-top:1px solid #B0B8DD}.technical{grid-template-columns:1fr;gap:15px}summary{font-size:11px;line-height:1.8}.resources{padding:50px 24px;grid-template-columns:1fr;gap:25px}.resources h2{font-size:27px}.resource-links a{font-size:12px}footer{padding:24px;gap:20px;flex-wrap:wrap}footer p{font-size:8px}footer>a{margin-left:auto}.pitches{font-size:10px}.pitches strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Palette: codex-training-report-deck / training-report-blue. */
.intro{padding-top:30px;padding-bottom:30px}.intro h1{font-size:clamp(30px,3.3vw,48px);letter-spacing:-1.5px}.intro-copy>p:first-child{font-size:16px}.intro .eyebrow{margin-bottom:14px}.intro-copy .muted{font-size:12px}.stage-wrap{background:#002060;height:800px}.controls{padding-top:24px}.controls h2{margin-bottom:16px}.display-options{display:flex;align-items:center;gap:24px}.xray-label{display:flex;align-items:center;gap:8px;font-size:12px;color:#D7F2F9;cursor:pointer}.xray-label input{accent-color:#38BEE2;width:17px;height:17px}.preset-label{font-size:11px;margin:17px 0 8px;color:#D7F2F9}.presets{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.presets button{background:#123a74;color:#fff;border:1px solid #647e9e;border-radius:4px;padding:9px 3px;font-size:12px}.presets small{display:block;font-size:9px;margin-top:5px;color:#c4d7e9}.presets .active{background:#004EA2;border-color:#38BEE2;box-shadow:inset 0 -2px #38BEE2}.control-intro{margin-top:12px}.pitch-section{margin-top:12px;background:#002060;border:1px solid #31558a;border-radius:4px}.pitch-section svg{display:block;width:100%;height:58px}.intro-copy .text-link{padding-top:5px}.explorer{border-radius:6px}.stage-bottom #status{background:#002060cf}.brand-mark{color:#004EA2}
@media(max-width:700px){.intro{padding:24px;gap:14px}.intro h1{font-size:32px}.intro-copy>p:first-child{font-size:14px}.intro-copy .muted{display:none}.explorer-top{flex-wrap:wrap;gap:12px}.display-options{margin-left:auto}.stage-wrap{height:410px}.controls{padding:22px}.presets button{min-height:48px}.pitch-section svg{height:64px}}
.benchmark{padding:64px 48px;border-top:1px solid var(--line)}.benchmark-heading h2{font-size:32px;line-height:1.4;letter-spacing:-1px;margin:0 0 18px}.benchmark-heading>p,.benchmark p{font-size:13px;line-height:1.95;color:var(--muted)}.benchmark h3{font-size:18px;margin:24px 0 14px;color:#002060}.benchmark-columns{display:grid;grid-template-columns:1fr 1fr;gap:44px}.benchmark-spec>div{align-items:start;gap:22px}.benchmark-spec dt{flex:0 0 105px}.benchmark-spec dd{flex:1;line-height:1.7}.benchmark-spec small{color:var(--muted);font-size:11px}.benchmark-table-wrap{overflow-x:auto;margin-top:20px}.benchmark-table{width:100%;border-collapse:collapse;min-width:650px;font-size:13px;text-align:left;font-variant-numeric:tabular-nums}.benchmark-table caption{text-align:left;font-size:11px;color:var(--muted);padding:0 0 12px}.benchmark-table th,.benchmark-table td{padding:16px 14px;border-bottom:1px solid var(--line);white-space:nowrap}.benchmark-table thead{background:#002060;color:white}.benchmark-table tbody tr:last-child{background:#D7F2F9;font-weight:700;color:#002060}.benchmark-notes{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:14px}.benchmark-notes strong{color:#172333}.benchmark details{margin-top:20px}.benchmark details .benchmark-columns{padding-bottom:20px}.benchmark-comparison{margin-top:30px;padding-left:22px;border-left:3px solid #38BEE2}.benchmark-links{display:flex;flex-wrap:wrap;gap:16px 25px;font-size:12px;margin-top:22px}.benchmark-note{margin-bottom:0}.benchmark a{color:#004EA2}
@media(max-width:700px){.benchmark{padding:44px 24px}.benchmark-heading h2{font-size:26px}.benchmark-columns,.benchmark-notes{grid-template-columns:1fr;gap:10px}.benchmark p{font-size:12px}.benchmark-spec>div{font-size:11px;gap:12px}.benchmark-spec dt{flex-basis:90px}.benchmark-table{font-size:12px}.benchmark-table th,.benchmark-table td{padding:13px 10px}.benchmark-comparison{padding-left:15px}header nav{gap:10px;font-size:10px}header nav a[href="#evidence"]{display:none}}
.c1-page header{gap:20px;flex-wrap:wrap}.c1-page nav{flex-wrap:wrap}.c1-page nav a:first-child{display:inline}@media(max-width:700px){.c1-page nav{gap:12px}.c1-page nav a[href="#explore"]{display:none}}