@font-face{font-family:"Instrument Serif";src:url(/fonts/instrument-serif.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Source Serif 4";src:url(/fonts/source-serif-4.woff2) format("woff2");font-weight:200 900;font-display:swap}
@font-face{font-family:"Schibsted Grotesk";src:url(/fonts/schibsted-grotesk.woff2) format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(/fonts/jetbrains-mono.woff2) format("woff2");font-weight:100 800;font-display:swap}

:root{
  --bg:#EEF0EE;--surface:#FAFBFA;--rule:#D5D9D6;--soft:#E3E7E4;--ink:#13191B;--on-ink:#FAFBFA;--muted:#5D6663;
  --f-display:"Instrument Serif",Georgia,serif;--f-body:"Source Serif 4",Georgia,serif;--f-sans:"Schibsted Grotesk",system-ui,sans-serif;--f-mono:"JetBrains Mono",ui-monospace,monospace;
}
@media (prefers-color-scheme:dark){:root{--bg:#0E1214;--surface:#151A1D;--rule:#283034;--soft:#1D2427;--ink:#E6EAE8;--on-ink:#0E1214;--muted:#93A09C}}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 var(--f-body)}
a{color:inherit}
img,video{max-width:100%;height:auto;display:block}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.narrow{max-width:680px}

header.site{display:flex;align-items:center;gap:14px;padding:22px 0}
header.site .brand{display:flex;align-items:center;gap:10px;font:600 17px var(--f-sans);text-decoration:none}
header.site .brand img{width:28px;height:28px}
header.site nav{margin-left:auto;display:flex;gap:18px;font:500 14px var(--f-sans)}
header.site nav a{text-decoration:none;color:var(--muted)}
header.site nav a:hover{color:var(--ink)}

.spectrum{display:flex;height:6px;border-radius:2px;overflow:hidden;width:180px}
.spectrum i{flex:1}
.spectrum i:nth-child(1){background:#6B1E2B}.spectrum i:nth-child(2){background:#B02E78}.spectrum i:nth-child(3){background:#D2372A}.spectrum i:nth-child(4){background:#C99A12}
.spectrum i:nth-child(5){background:#E26A1C}.spectrum i:nth-child(6){background:#3C9146}.spectrum i:nth-child(7){background:#128277}.spectrum i:nth-child(8){background:#1AA3C2}
.spectrum i:nth-child(9){background:#3A46A8}.spectrum i:nth-child(10){background:#7443B3}.spectrum i:nth-child(11){background:#A98BDF}.spectrum i:nth-child(12){background:#fff;box-shadow:inset 0 0 0 1px var(--rule)}

.hero{padding:56px 0 40px;display:grid;gap:22px}
h1{font:400 clamp(40px,7vw,68px)/1.02 var(--f-display);margin:0;letter-spacing:-.01em;max-width:16ch}
h2{font:400 clamp(28px,4vw,38px)/1.1 var(--f-display);margin:0 0 14px}
h3{font:600 16px/1.35 var(--f-sans);margin:0 0 6px}
.lede{font-size:20px;max-width:58ch;margin:0;color:var(--ink)}
.muted{color:var(--muted)}
.small{font-size:14.5px}
.label{font:600 12px var(--f-sans);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.mono{font-family:var(--f-mono);font-size:13px;font-feature-settings:"tnum"}

.cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:6px;font:600 15px var(--f-sans);text-decoration:none;border:1px solid var(--rule);background:var(--surface);color:var(--ink)}
.btn.primary{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}
.btn[aria-disabled=true]{opacity:.55;pointer-events:none}

.video{border:1px solid var(--rule);border-radius:10px;overflow:hidden;background:var(--surface)}
.video video{width:100%;height:auto}

section{padding:48px 0;border-top:1px solid var(--rule)}
.grid{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.features{display:grid;gap:56px}
.feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,450px);gap:48px;align-items:center}
.feature:nth-child(even) .copy{order:2}
.feature img{width:100%;max-width:450px;border-radius:10px;box-shadow:0 1px 2px rgba(0,0,0,.08),0 12px 32px rgba(0,0,0,.10)}
.feature h3{font:400 30px/1.1 var(--f-display);margin:0 0 10px}
.feature p{margin:0;font-size:18px;max-width:42ch}
@media (max-width:760px){.feature{grid-template-columns:1fr;gap:20px}.feature:nth-child(even) .copy{order:0}.feature img{margin:0 auto}}

.models{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.models span{background:var(--soft);border-radius:4px;padding:4px 10px;font:500 14px var(--f-sans)}

.plans{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.plan{background:var(--surface);border:1px solid var(--rule);border-radius:10px;padding:22px}
.plan .price{font:400 36px/1 var(--f-display);margin:8px 0 12px}
.plan ul{margin:0;padding-left:18px;font-size:16px}
.plan li{margin:4px 0}

.prose h2{margin-top:36px;font-size:28px}
.prose h3{margin-top:24px}
.prose p,.prose li{max-width:66ch}
details{border-top:1px solid var(--rule);padding:14px 0}
summary{cursor:pointer;font:600 16px var(--f-sans)}

footer.site{border-top:1px solid var(--rule);padding:28px 0 48px;font:14px var(--f-sans);color:var(--muted);display:flex;flex-wrap:wrap;gap:18px}
footer.site a{color:var(--muted)}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px}