:root{color-scheme:dark;--bg:#0b1420;--panel:#121f2e;--panel2:#172637;--text:#e8eef5;--muted:#acbacb;--line:#304152;--accent:#8ee1cd;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--text);line-height:1.65}a{color:var(--accent);text-underline-offset:.2em}a:hover{color:#fff}button,input{font:inherit}button{cursor:pointer;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:7px;padding:.7rem 1rem;min-height:46px;line-height:1.35}button:hover{border-color:var(--accent)}button[aria-pressed=true]{background:#213e43;border-color:var(--accent);color:#caffee}:focus-visible{outline:3px solid #ffe3a3;outline-offset:5px}[hidden]{display:none!important}.skip{position:fixed;top:-80px;left:15px;background:var(--accent);color:var(--bg);padding:10px;z-index:50}.skip:focus{top:10px}.topbar,main,footer{max-width:1320px;margin:auto;padding-left:40px;padding-right:40px}.topbar{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.topbar>a:last-child{font-size:.9rem}.brand{font-size:1.25rem;font-weight:700;letter-spacing:-.04em;text-decoration:none;color:var(--text)}.brand>span:first-child{color:var(--accent);margin-right:12px}.brand>span:last-child{font-weight:400;color:var(--muted)}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:64px;padding:65px 0 50px}.eyebrow{font-size:.72rem;letter-spacing:.14em;font-weight:650;color:var(--accent);text-transform:uppercase;margin:0 0 12px}h1,h2,h3,h4{line-height:1.15;font-weight:550;letter-spacing:-.035em}h1{font-size:clamp(2.6rem,4.4vw,4rem);margin:0 0 26px}h1 em{font-style:normal;color:var(--accent)}h2{font-size:clamp(1.8rem,3vw,2.5rem);margin:0}h3{font-size:1.65rem;margin:0 0 18px}h4{font-size:1.05rem;letter-spacing:-.01em;margin:0 0 12px}p{margin:0 0 1rem}.lede{font-size:1.08rem;color:#c3cede;max-width:35rem}.hero-links{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin:30px 0 20px}.primary{display:inline-block;background:var(--accent);color:#0b2420;padding:.8rem 1.1rem;border-radius:6px;text-decoration:none;font-weight:650}.primary:hover{background:#b6f5e6;color:#0b2420}.fine,.credit,.source-line{font-size:.78rem;color:var(--muted);line-height:1.6}.hero-scan{margin:0;background:#050a10;border:1px solid var(--line);border-radius:12px;overflow:hidden;position:relative;box-shadow:0 25px 65px #0005}.hero-scan img{width:100%;height:auto;max-height:470px;object-fit:contain;display:block}.hero-scan figcaption{padding:12px 17px;font-size:.65rem;color:var(--muted);border-top:1px solid var(--line)}.hero-scan figcaption span{display:block;letter-spacing:.15em;color:var(--accent);margin-bottom:5px}.section-nav{position:sticky;top:0;z-index:5;display:flex;background:#0b1420f5;border-block:1px solid var(--line);gap:34px;padding:18px 0;backdrop-filter:blur(10px);overflow-x:auto;white-space:nowrap}.section-nav a{font-size:.86rem;color:var(--muted);text-decoration:none}.section-nav a:hover{color:var(--accent)}.section{padding:72px 0;border-bottom:1px solid var(--line);scroll-margin-top:75px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:32px}.section-heading>p{font-size:.9rem;color:var(--muted);margin:0;max-width:370px}.modality-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}.modality-buttons button{text-align:left;padding:18px}.modality-buttons strong{font-size:1.2rem;display:block;margin-bottom:10px}.modality-buttons span{font-size:.76rem;color:var(--muted)}.modality{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:34px;margin-top:24px}.module-top{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.module-top>div>p:not(.eyebrow){color:#c2cfdd}.diagram-box{background:#0b1522;border:1px solid var(--line);border-radius:8px;padding:15px;text-align:center}.diagram-box p{margin:0}.mechanism{width:100%;height:auto;display:block}.process{padding:22px 0;margin:30px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;list-style:none;border-block:1px solid var(--line)}.process li{font-size:.9rem;display:flex;gap:16px;align-items:start}.process span{font-size:1.4rem;color:var(--accent);line-height:1.4}.learning-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.learning-columns p,.learning-columns li{font-size:.94rem;color:#c0cddd}.learning-columns ul{padding-left:20px;margin-top:0}.learning-columns li+li{margin-top:12px}.learning-columns h4:not(:first-child){margin-top:25px}.try{border-left:3px solid var(--accent);padding:15px 22px;background:#1a2d38;margin:20px 0 24px}.try strong{font-size:.83rem;color:var(--accent)}.try p{margin:6px 0 10px}.source-line{margin:16px 0 0}.comparison{margin-top:45px}.comparison-note{max-width:920px;color:var(--muted)}.scan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:22px}.scan-card{margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel)}.zoom{position:relative;width:100%;height:330px;border:0;border-radius:0;padding:12px;background:#03080c;display:block}.zoom img{width:100%;height:100%;object-fit:contain;display:block}.zoom span{position:absolute;right:12px;bottom:12px;font-size:.68rem;background:#152231e8;padding:5px 10px;border-radius:4px;color:var(--accent)}.scan-card figcaption{padding:24px}.scan-card figcaption>p:not(.eyebrow):not(.credit){font-size:.9rem;color:#bdccdb}.scan-card h4{font-size:1.2rem}.credit{font-size:.68rem;margin-bottom:0}.lab-buttons,.sequence-buttons,.preset-buttons,.plane-buttons,.case-buttons{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 25px}.lab-buttons button,.case-buttons button{font-size:.9rem}.lab{border:1px solid var(--line);border-radius:12px;padding:28px;background:var(--panel);margin-bottom:24px}.workbench{display:grid;grid-template-columns:1fr 1fr;gap:35px}.screen{background:#050b12;border:1px solid #263645;border-radius:8px;padding:20px;text-align:center;display:flex;flex-direction:column;justify-content:center;min-width:0}.screen-label{font-size:.7rem;letter-spacing:.16em;color:#8ca5bb;text-align:left}.screen canvas{width:100%;max-width:400px;height:auto;margin:auto;image-rendering:auto}.screen>svg{width:100%;height:auto}.screen .fine{margin:10px 0 0}.controls{align-self:center;padding:10px 4px}.controls>p{color:#bdccdb}.controls label{font-size:.9rem;display:flex;justify-content:space-between;gap:10px;margin-top:15px}.controls output{font-variant-numeric:tabular-nums;color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent);min-height:36px;cursor:pointer;margin:4px 0 14px}.preset-buttons button,.sequence-buttons button,.plane-buttons button{font-size:.8rem;padding:10px 13px}.table-wrap{overflow-x:auto;margin-top:25px}table{border-collapse:collapse;width:100%;font-size:.85rem;text-align:left}caption{text-align:left;color:var(--muted);padding:12px 0}th,td{padding:12px;border-bottom:1px solid var(--line)}th{font-weight:500;color:var(--accent)}.shade{width:28px;height:20px;border:1px solid #6f8192;display:inline-block;vertical-align:middle;margin-right:12px}.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0;font-size:.82rem;color:#cad5df}.swatches span{display:block;aspect-ratio:1;border-radius:50%;border:1px solid #607080;margin-bottom:15px}.diffusion-pair{display:flex;justify-content:center;gap:60px;margin:20px}.diffusion-pair b{display:block;width:65px;height:65px;border-radius:50%;border:1px solid #556370;margin:10px}.bright-dot{background:#e1e1e1}.dark-dot{background:#222}.formula{font-size:.88rem;border-left:2px solid var(--accent);padding-left:16px}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.case{border:1px solid var(--line);border-radius:9px;padding:26px;background:var(--panel)}.case h3{font-size:1.3rem}.case>p:not(.eyebrow){font-size:.95rem;color:#c1cedc}.case .eyebrow{font-size:.64rem}.case details{border-top:1px solid var(--line);margin-top:22px;padding-top:16px}.case summary{cursor:pointer;color:var(--accent);font-size:.87rem}.case details[open] summary{margin-bottom:20px}.case details p{font-size:.9rem}.sources>p{max-width:950px;color:var(--muted);margin-top:22px}.source-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px 35px;font-size:.85rem;margin-top:30px}footer{padding-top:36px;padding-bottom:36px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;font-size:.8rem;color:var(--muted)}dialog{background:#0b1420;color:var(--text);border:1px solid var(--line);border-radius:12px;max-width:95vw;max-height:95vh;width:950px;padding:20px}dialog::backdrop{background:#000c}dialog form{text-align:right}dialog img{display:block;max-height:72vh;max-width:100%;width:auto;height:auto;margin:20px auto;object-fit:contain}dialog p{margin:10px 0}.notice{padding:20px;border:1px solid var(--accent)}.guide{max-width:980px}.guide .hero{grid-template-columns:1fr;padding-bottom:25px}.guide-content{font-size:1.03rem}.guide-content h2{margin:45px 0 24px}.guide-content .diagram-box{max-width:700px;margin:25px auto}.guide-content .worked{padding:25px;background:var(--panel);border-left:3px solid var(--accent);margin:25px 0}.guide-content ol li,.guide-content ul li{margin-bottom:15px}.guide-nav{display:flex;flex-wrap:wrap;gap:20px;margin-top:35px}@media(min-width:1100px){.scan-grid:has(.scan-card:nth-child(3)) .zoom{height:300px}}@media(max-width:950px){.hero{gap:30px}.module-top,.learning-columns{grid-template-columns:1fr}.learning-columns{gap:20px}.module-top{gap:25px}.case-grid{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:start;flex-direction:column}.workbench{gap:22px}.controls h3{font-size:1.4rem}.modality{padding:25px}}@media(max-width:650px){:root{font-size:18px}.topbar,main,footer{padding-left:20px;padding-right:20px}.topbar{height:75px}.hero{grid-template-columns:1fr;padding-top:38px;gap:30px}.hero-scan{max-width:440px;width:100%;margin:auto}.hero-scan img{max-height:320px}.hero-links{gap:15px;font-size:.9rem}.section-nav{gap:25px}.section{padding:48px 0}.modality-buttons{grid-template-columns:1fr 1fr;gap:8px}.modality-buttons button{padding:12px}.modality-buttons span{font-size:.7rem}.modality{padding:20px}.process{grid-template-columns:1fr;gap:18px}.workbench{grid-template-columns:1fr}.lab{padding:16px}.case-grid,.source-list{grid-template-columns:1fr}.scan-grid{grid-template-columns:1fr}.zoom{height:320px}h3{font-size:1.5rem}.case{padding:22px}.section-heading{gap:18px}.screen{padding:12px}.source-list{gap:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{.topbar,.section-nav,.lab-buttons,.modality-buttons,.case-buttons,.hero-links,footer{display:none}.section,.modality,.case{break-inside:avoid}body{background:white;color:black}a{color:#165c50}.lab{display:none}details{display:block}.hero{grid-template-columns:1fr}.hero-scan{max-width:300px}}