:root{--bg:#0a1421;--panel:#102334;--paper:#edf2f5;--muted:#bdcbd4;--line:#365064;--accent:#88d0dc;--red:#ec997d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--paper);font:16px/1.58 Arial,Helvetica,sans-serif}a{color:var(--accent);text-underline-offset:4px}button,select,input{font:inherit}button,select{cursor:pointer}button:focus-visible,select:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #e2b575;outline-offset:4px}.skip{position:absolute;top:-100px;left:16px;padding:12px;background:white;color:#111;z-index:20}.skip:focus{top:16px}.site-header{padding:20px max(4vw,18px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:700;color:white;text-decoration:none;letter-spacing:.02em}.brand span{color:var(--accent)}nav{display:flex;flex-wrap:wrap;gap:22px;font-size:14px}nav a{text-decoration:none}main{max-width:1320px;margin:auto}.intro{padding:clamp(45px,7vw,95px) max(4vw,18px) 54px;border-bottom:1px solid var(--line)}.eyebrow{font-size:12px;letter-spacing:.08em;font-weight:700;color:var(--accent);margin:0 0 17px}h1{font-size:clamp(38px,5.4vw,78px);line-height:1.06;letter-spacing:-.045em;max-width:1000px;margin:0 0 24px;font-weight:650}h2{font-size:clamp(26px,3vw,40px);line-height:1.18;margin:0 0 16px;letter-spacing:-.025em}h3{font-size:21px;line-height:1.3;margin:0 0 10px}.lead{max-width:900px;font-size:clamp(17px,2vw,23px);line-height:1.5}.scope{color:var(--muted);max-width:770px;font-size:14px}.quick-links{display:flex;flex-wrap:wrap;gap:24px;margin-top:26px;font-weight:600;font-size:14px}.experiment{padding:70px max(4vw,18px);background:#0b1a2b}.section-heading,.chart-head{display:flex;justify-content:space-between;align-items:end;gap:32px}.section-heading>p,.chart-head>p{max-width:490px;color:var(--muted);font-size:14px}.controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:30px 0 16px}.controls label{background:var(--panel);border:1px solid var(--line);padding:16px;display:flex;gap:10px;flex-direction:column;color:var(--paper);font-size:14px}.controls output{color:var(--accent);font-variant-numeric:tabular-nums}.controls select{padding:10px;background:#071522;border:1px solid #597185;color:white;width:100%;min-height:46px}.controls input{accent-color:#81d2db;width:100%}.timeline{display:flex;gap:15px;align-items:center;margin:14px 0}.timeline button,.download{background:transparent;color:white;border:1px solid #6a8ba0;padding:11px 19px;min-height:45px}.timeline label{display:flex;flex:1;align-items:center;gap:15px;font-size:14px}.timeline input{flex:1;min-width:70px;accent-color:#81d2db}.timeline output{white-space:nowrap;color:var(--accent);font-variant-numeric:tabular-nums}.stage-indicator{padding:10px 14px;border-left:3px solid var(--accent);margin:18px 0;background:#112637;font-weight:600;font-size:14px}.maps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.maps figure{margin:0;min-width:0}.maps figcaption{font-size:17px;font-weight:600;min-height:62px}.maps small{display:block;font-size:12px;font-weight:400;color:var(--muted)}.maps canvas{width:100%;height:auto;display:block;image-rendering:auto;border:1px solid #3a6275;background:#091626}.map-key{color:var(--muted);font-size:13px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0}.metrics>div{padding:20px 0;border-top:1px solid #7991a3;display:grid;gap:12px}.metrics span{font-size:14px;color:var(--muted)}.metrics strong{font-size:clamp(22px,3vw,39px);font-weight:600;font-variant-numeric:tabular-nums}.chart-block{border-top:1px solid var(--line);padding-top:28px}.chart-block canvas{width:100%;height:auto;display:block;background:#0e2030}.legend{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:12px 0 42px}.legend span:before{content:"";display:inline-block;width:18px;height:3px;vertical-align:middle;margin-right:6px;background:var(--key)}.line-base{--key:#b9cbd3}.line-corrected{--key:#69e2cf}.line-naive{--key:#8aacff}.line-wrong{--key:#eb967c}.line-still{--key:#d8b9e8}.result-heading{margin-bottom:14px}.result-heading p{font-size:14px;color:var(--muted)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px;min-width:600px;font-variant-numeric:tabular-nums}th,td{padding:14px 10px;text-align:left;border-bottom:1px solid #314657}th{color:var(--muted)}tr.highlight{background:#173747}.checks{font-size:14px;color:#b4e3da;margin:24px 0}.download:hover,.timeline button:hover{background:#183b4b}.method{padding:70px max(4vw,18px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,7vw,100px);border-top:1px solid var(--line)}.method p{max-width:600px}.gates{list-style:none;margin:0;padding:0}.gates li{display:grid;grid-template-columns:1fr;gap:5px;border-top:1px solid var(--line);padding:16px 0}.gates span{font-size:14px;color:var(--muted)}.limitations{padding:50px max(4vw,18px) 80px;border-top:1px solid var(--line)}.limitations p{max-width:1000px;color:var(--muted)}footer{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;padding:28px max(4vw,18px);font-size:13px;color:var(--muted)}
@media(max-width:980px){.controls{grid-template-columns:repeat(2,1fr)}.section-heading,.chart-head{display:block}.maps{gap:10px}}
@media(max-width:600px){.site-header{align-items:flex-start;flex-direction:column}.controls{grid-template-columns:1fr}.maps{grid-template-columns:1fr}.maps canvas{max-width:400px}.timeline{flex-wrap:wrap}.timeline label{order:2;flex-basis:100%;justify-content:space-between}.metrics{grid-template-columns:1fr}.metrics>div{margin:0}.method{grid-template-columns:1fr}.intro,.experiment,.method{padding-top:42px;padding-bottom:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}