@font-face{font-family:Space;src:url('/assets/landing/media/SpaceMono-Regular.woff2') format('woff2');font-display:swap}
@font-face{font-family:Michroma;src:url('/assets/landing/media/Michroma-Regular.woff2') format('woff2');font-display:swap}
:root{color-scheme:light;--ink:#172329;--muted:#465b61;--rule:#bccbc9;--accent:#15595a;--edge:clamp(20px,5vw,80px);font-family:system-ui,sans-serif;color:var(--ink);background:#f2f5f2}
*{box-sizing:border-box}
body{margin:0}
a{color:var(--accent);text-underline-offset:.2em}
a:focus-visible,summary:focus-visible{outline:2px solid #2e908a;outline-offset:4px}
.skip{position:absolute;top:8px;left:8px;z-index:4;padding:12px;background:white;transform:translateY(-160%)}
.skip:focus{transform:none}
.frame{max-width:1440px;margin:auto;padding-inline:var(--edge)}
.ref-head{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:78px;border-bottom:1px solid var(--rule)}
.ref-head .home{display:inline-flex}.home img{width:clamp(92px,10vw,132px);height:auto}
.ref-head nav{display:flex;align-items:center;gap:clamp(16px,3vw,44px)}
.ref-head nav a{color:var(--ink);font:12px/1.4 Space,monospace;text-decoration:none}
.ref-head nav a:hover{text-decoration:underline}
.ref-head .launch-link{border:1px solid #617775;padding:10px 14px}
.hero{margin-top:clamp(25px,4vw,56px);background:#152930;color:#f1f7f4;overflow:hidden;position:relative;isolation:isolate}
.hero-copy{position:relative;z-index:1;padding:clamp(30px,5vw,76px);max-width:790px}
.hero-photo{position:absolute;inset:0;z-index:-1}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:72% 48%}
.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101f28 4%,rgb(16 31 40 / .94) 29%,rgb(16 31 40 / .6) 54%,transparent 88%)}
.eyebrow,.contents h2,.transcript h3,.term-date{font:11px/1.5 Space,monospace;letter-spacing:.09em;text-transform:uppercase}
.hero .eyebrow{margin:0 0 20px;color:#c2dfdb}
.hero h1{margin:0;font:400 clamp(33px,5.6vw,82px)/1.15 Michroma,sans-serif;letter-spacing:-.065em}
.hero .intro{max-width:43ch;font-size:clamp(16px,1.55vw,22px);line-height:1.5;margin:20px 0 0}
.legal-hero{background:transparent;color:var(--ink);border-bottom:1px solid var(--rule)}
.legal-hero .hero-copy{padding:clamp(26px,4vw,56px) 0;max-width:none}
.legal-hero .eyebrow{color:var(--accent)}
.term-date{color:var(--muted);margin:19px 0 0;letter-spacing:.025em;text-transform:none}
.read-layout{display:grid;grid-template-columns:minmax(155px,1fr) minmax(0,3fr);gap:clamp(36px,7vw,120px);align-items:start;padding:clamp(36px,6vw,84px) 0 clamp(54px,8vw,120px)}
.contents{position:sticky;top:24px;border-top:2px solid var(--accent);padding-top:14px}
.contents h2{color:var(--muted);margin:0 0 14px}
.contents a{display:block;padding:6px 0;color:var(--ink);font-size:14px;line-height:1.4;text-decoration:none}
.contents a:hover{text-decoration:underline}
.reader{max-width:800px;font-size:clamp(16px,1.2vw,18px);line-height:1.65}
.reader>section{scroll-margin-top:24px;padding:clamp(28px,4vw,58px) 0;border-top:1px solid var(--rule)}
.reader>section:first-child{padding-top:0;border:0}
.reader>section:last-child{padding-bottom:0}
.reader h2{margin:0 0 14px;font-size:clamp(25px,3vw,39px);line-height:1.14;letter-spacing:-.045em;font-weight:550}
.reader h3{font-size:1.1em;line-height:1.35;margin:22px 0 8px}
.reader p,.reader ol,.reader ul{max-width:68ch;margin:0 0 14px}
.reader ol,.reader ul{padding-left:1.4em}
.reader li{padding:.17em 0}
.reader p:last-child,.reader ul:last-child,.reader ol:last-child{margin-bottom:0}
.controls{margin:20px 0;max-width:68ch;border-top:1px solid var(--rule)}
.controls div{display:grid;grid-template-columns:minmax(102px,1fr) 2fr;align-items:center;gap:20px;padding:10px 0;border-bottom:1px solid var(--rule)}
.controls dt,.controls dd{margin:0}
kbd{font:13px/1.5 Space,monospace;background:#fff;border:1px solid var(--rule);border-radius:3px;padding:1px 5px;white-space:nowrap}
.transcript{border-left:2px solid #84aaa6;padding-left:clamp(15px,2vw,28px);margin-top:24px}
.transcript h3{margin:22px 0 7px;font-size:11px;color:var(--accent)}
.transcript p{margin-bottom:9px}
@media(max-width:720px){
 .ref-head{min-height:64px}.ref-head nav a{font-size:10px}.ref-head .launch-link{padding:8px}.hero-photo img{object-position:66% 50%}
 .hero-photo::after{background:linear-gradient(90deg,#101f28e0,#101f28aa 65%,#101f2850)}
 .read-layout{display:block}.contents{position:static;margin-bottom:34px}.contents nav{display:flex;flex-wrap:wrap;gap:2px 17px}.contents a{font-size:13px}
 .controls div{grid-template-columns:minmax(92px,1fr) 1.4fr;gap:14px}.hero-copy{padding:27px 20px}
}