@charset "UTF-8";
:root{color-scheme:dark;--bg:#0c1523;--panel:#142236;--text:#e8eff9;--muted:#a8b8cb;--line:#293c51;--mint:#72e2c0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--mint)}a:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:5px}header,main,footer{max-width:1260px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:28px 36px;border-bottom:1px solid var(--line);gap:24px}.brand{text-decoration:none;font-weight:750;font-size:25px;letter-spacing:-1px}.brand span{display:block;font-size:9px;letter-spacing:2px;font-weight:500;margin-left:28px;color:var(--muted)}nav{display:flex;align-items:center;gap:28px;font-size:14px}nav a{text-decoration:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:16px 24px;border-radius:7px;background:var(--mint);color:#09241d;text-decoration:none;font-size:15px;font-weight:700;min-height:48px}.button:hover{background:#a0f5dc;color:#09241d}.button.small{padding:10px 18px;min-height:42px;font-size:13px}main{padding:0 36px}section{padding:80px 0}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;padding-top:76px;padding-bottom:64px;align-items:center}.eyebrow{color:var(--mint);font-size:11px;letter-spacing:1.6px;font-weight:650;line-height:1.7}.dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:var(--mint);margin-right:9px}h1{font-size:clamp(42px,5.6vw,72px);letter-spacing:-3px;line-height:1.08;margin:22px 0 28px}h1 em{font-style:normal;color:var(--mint)}h2{font-size:clamp(28px,3.2vw,42px);line-height:1.18;letter-spacing:-1.2px;margin:15px 0 22px}h3{font-size:19px;line-height:1.4;margin:0 0 10px}p{color:var(--muted);line-height:1.75}.lead{font-size:18px;line-height:1.75;max-width:620px}.actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-top:30px}.text-link{font-size:14px;font-weight:600}.quiet{font-size:12px;margin-top:20px}.model{padding:24px;background:linear-gradient(145deg,#1c3047,#111d2e);border:1px solid #37536c;border-radius:15px;box-shadow:0 25px 80px #0004;transform:rotate(1deg)}.model-top{display:flex;justify-content:space-between;color:#bacbdd;font:10px ui-monospace,monospace;letter-spacing:1px;margin-bottom:25px}.model-top i{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin-right:5px}.node{padding:18px 14px;background:#17283d;border:1px solid #3a526b;border-radius:8px;display:flex;gap:15px;align-items:center}.node-icon{background:#203d60;color:#90beff;border:1px solid #476d9d;padding:10px;border-radius:8px;font-size:13px}.node-icon.purple{color:#d1b7ff;background:#3c2c54;border-color:#75618c}.node-icon.green{color:#9ce6c9;background:#204439;border-color:#457969}.node strong{font-size:15px}.node small{display:block;color:var(--muted);font:11px ui-monospace,monospace;margin-top:6px}.node>b{margin-left:auto;font-size:8px;color:#b8c9dd;letter-spacing:1px}.wire{display:flex;align-items:center;margin:0 0 0 30px;gap:25px;height:50px;color:#7291ac}.wire>span{font-size:30px}.wire p{font:10px ui-monospace,monospace;color:#b8c9dd}.wire b{margin-left:18px;color:var(--mint);font-weight:400}.model-result{border-top:1px solid #3a526b;margin-top:24px;padding-top:20px;color:var(--mint);font-size:14px}.model-result small{display:block;color:var(--muted);font-size:10px;margin-top:8px}.principles{display:flex;justify-content:space-between;border-block:1px solid var(--line);padding:24px 0;font-size:12px;color:var(--mint);gap:20px}.principles strong{color:var(--muted);font-weight:500;margin-left:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px}.split>div>p{max-width:460px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:22px 0}.steps li:first-child{padding-top:0}.steps li>span{font:14px ui-monospace,monospace;color:var(--mint);padding-top:4px}.steps p{margin:0;font-size:14px}.section-heading{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:28px}.section-heading h2{max-width:620px}.section-heading>p{font-size:13px;flex-shrink:0}.guides{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guide{display:flex;flex-direction:column;text-decoration:none;background:var(--panel);padding:28px;border:1px solid var(--line);border-radius:9px}.guide:hover{border-color:var(--mint);color:var(--text)}.guide h3{font-size:23px;margin:22px 0 12px;letter-spacing:-.5px}.guide p{font-size:14px;margin-bottom:24px}.read{margin-top:auto;color:var(--mint);font-size:12px;font-weight:600}.boundary{padding:45px;border-left:3px solid var(--mint);background:linear-gradient(100deg,#172d35,#111d2b);margin:35px 0}.boundary>span{font-size:10px;letter-spacing:2px;color:var(--mint)}.boundary p{max-width:780px}.boundary a{font-size:14px;color:var(--mint)}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:60px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{font-size:16px;cursor:pointer;line-height:1.5}.faq p{font-size:14px}.closing{text-align:center;border-top:1px solid var(--line)}.closing h2{margin-bottom:32px}footer{padding:36px;display:flex;justify-content:space-between;align-items:start;gap:30px;border-top:1px solid var(--line);font-size:13px}footer strong{font-size:14px}footer p{margin:8px 0}footer nav{flex-wrap:wrap;justify-content:flex-end;font-size:12px;gap:20px}.skip{position:absolute;left:20px;top:-100px;padding:12px;background:var(--panel);z-index:20}.skip:focus{top:10px}.article{max-width:820px;margin:auto;padding:60px 0 80px}.back{font-size:13px;color:var(--muted)}.article>.eyebrow{margin-top:40px}.article h1{font-size:clamp(36px,5vw,58px);letter-spacing:-2px}.byline{font-size:12px;margin-bottom:30px}.article-content{margin-top:50px}.article-content h2{font-size:28px;margin-top:45px}.article-content p,.article-content li,.article-content dd{font-size:16px;color:var(--muted);line-height:1.8}.article li{margin:14px 0}.article strong{color:var(--text)}code{color:var(--mint);font-size:.92em;overflow-wrap:anywhere}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px}table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}caption{text-align:left;padding:16px;color:var(--muted);white-space:normal}td,th{text-align:left;padding:14px;border-top:1px solid var(--line)}th{background:var(--panel)}dt{font-weight:700;color:var(--mint);margin-top:22px}dd{margin:6px 0}.note{padding:24px;border-left:3px solid var(--mint);background:var(--panel);line-height:1.75;color:var(--muted);margin:30px 0}.article-end{border-top:1px solid var(--line);margin-top:50px;padding-top:20px}.article-end h2{font-size:28px}
@media(max-width:950px){.hero{gap:28px}.split{gap:40px}.guides{grid-template-columns:1fr}.guide{padding:24px}.section-heading{display:block}.guide h3{margin:12px 0}.hero h1{letter-spacing:-2px}.node>b{display:none}.node{gap:10px}.model{padding:18px}}
@media(max-width:650px){header{padding:20px;gap:12px}header nav{gap:14px}header nav>a:not(.button){display:none}.brand{font-size:23px}.brand span{font-size:7px;margin-left:25px}main{padding:0 22px}.hero{grid-template-columns:1fr;padding-top:40px;gap:34px}.hero h1{font-size:49px}.model{transform:none}.principles{flex-direction:column;gap:14px}.split,.faq{grid-template-columns:1fr;gap:28px}section{padding:48px 0}.lead{font-size:16px}.boundary{padding:28px 22px}.section-heading p{flex-shrink:1}.closing h2{font-size:30px}footer{flex-direction:column;padding:26px 22px}footer nav{justify-content:flex-start}.article{padding-top:32px}.article h1{font-size:38px}.article-content h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
