:root{--wash:#f3f4ef;--paper:#fff;--ink:#0f2233;--ink-soft:#4a5866;--line:#d9ddd5;--brand:#19d3a2;--brand-hover:#12bd90;--brand-ink:#0f2233;--link:#0a7a60;--code:#0f2233;--code-ink:#dfe8e4;--code-soft:#8fa3b0;--radius-small:8px;--radius-large:16px;--gutter:clamp(16px, 4vw, 40px);--sans:"Schibsted Grotesk", ui-sans-serif, system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--wash);color:var(--ink);font:400 17px/1.55 var(--sans);margin:0}a{color:var(--link);text-underline-offset:3px}:focus-visible{outline:3px solid var(--link);outline-offset:2px}h1,h2,h3{letter-spacing:-.025em;margin:0;line-height:1.06}h1{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(36px,5vw,60px);font-weight:900}h2{text-wrap:balance;font-size:clamp(28px,3.6vw,42px);font-weight:800}h3{letter-spacing:-.01em;font-size:17px;font-weight:700;line-height:1.25}p,dd{text-wrap:pretty;margin:0}code,pre{font-family:var(--mono);font-variant-ligatures:none}p code,li code,td code{background:#0f22330f;border-radius:4px;padding:1px 6px;font-size:.88em}instant-map{--im-font:var(--sans)}.skip{z-index:30;background:var(--ink);color:#fff;border-radius:8px;padding:10px 16px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.bar{z-index:5;padding:16px var(--gutter);justify-content:space-between;align-items:center;gap:12px;max-width:1320px;margin:0 auto;display:flex;position:relative}.bar.overlay{pointer-events:none;max-width:none;position:absolute;inset:0 0 auto}.bar>*{pointer-events:auto}.brand{letter-spacing:-.02em;color:var(--paper);background:var(--ink);border-radius:999px;flex:none;align-items:center;gap:10px;padding:7px 16px 7px 8px;font-size:18px;font-weight:800;text-decoration:none;display:inline-flex}.bar nav{background:var(--paper);scrollbar-width:none;border-radius:999px;gap:2px;min-width:0;padding:4px;display:flex;overflow-x:auto;box-shadow:0 1px 2px #0f223314}.bar nav::-webkit-scrollbar{display:none}.bar.overlay .brand,.bar.overlay nav{box-shadow:0 8px 24px #0f22332e}.bar nav a{color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;min-height:40px;padding:8px 14px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.bar nav a:hover{background:var(--wash)}.bar nav a[aria-current=page]{background:var(--ink);color:#fff}main>section,.page-head{padding:clamp(28px, 3.5vw, 44px) var(--gutter);max-width:1320px;margin:0 auto}main>section>h2+p,.lead{color:var(--ink-soft);max-width:62ch;margin-top:14px}.page-head{padding-top:clamp(20px,3vw,40px)}.page-head .crumbs{color:var(--ink-soft);margin-bottom:14px;font-size:14px}.page-head .crumbs a{color:inherit}.page-head .lead{margin-top:18px;font-size:19px}.page-head .actions{margin-top:22px}.install{background:var(--code);color:var(--code-ink);border-radius:var(--radius-small);justify-content:space-between;align-items:center;gap:8px;min-height:52px;margin-top:18px;padding:6px 6px 6px 16px;display:flex}.install code{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.install code:before{content:"$ ";color:var(--brand)}.actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.button{border-radius:var(--radius-small);border:1px solid var(--line);background:var(--paper);min-height:48px;color:var(--ink);font:650 16px var(--sans);cursor:pointer;justify-content:center;align-items:center;padding:0 20px;text-decoration:none;display:inline-flex}.button:hover{border-color:var(--ink)}.button.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.button.primary:hover{background:var(--brand-hover);border-color:var(--brand-hover)}.button:disabled{opacity:.6;cursor:progress}.copy{min-width:64px;min-height:40px;color:inherit;font:600 14px var(--sans);cursor:pointer;background:#ffffff1a;border:0;border-radius:6px;padding:0 12px}.copy:hover{background:#ffffff2e}.more{align-items:center;min-height:44px;margin-top:12px;font-weight:650;display:inline-flex}.fine{color:var(--ink-soft);max-width:70ch;margin-top:14px;font-size:14px}.panel{background:var(--paper);border-radius:var(--radius-large);box-shadow:0 1px 2px #0f223312}.steps{grid-template-columns:repeat(3,1fr);margin-top:28px;display:grid}.steps>div{padding:24px}.steps>div+div{border-left:1px solid var(--line)}.steps p{color:var(--ink-soft);margin-top:8px;font-size:16px}.codeblock{background:var(--code);color:var(--code-ink);border-radius:var(--radius-large);min-width:0;overflow:hidden}.codeblock pre{white-space:pre;margin:0;padding:18px 20px;font-size:13.5px;line-height:1.6;overflow:auto}.codeblock.wrap pre{white-space:pre-wrap;font-size:14px}.codeblock-head{justify-content:space-between;align-items:center;padding:10px 10px 0 20px;display:flex}.codeblock-head h3{color:#fff}.codeblock>.button{margin:0 20px 20px}.tabs{align-items:center;gap:2px;padding:8px 8px 0;display:flex}.tabs [role=tab]{min-height:44px;color:var(--code-soft);font:600 14px var(--sans);cursor:pointer;background:0 0;border:0;border-radius:8px 8px 0 0;padding:0 14px}.tabs [role=tab][aria-selected=true]{color:#fff;box-shadow:inset 0 -2px 0 var(--brand);background:#ffffff12}.tabs .copy{margin-left:auto}.tabs+pre{background:#ffffff0a;max-height:340px}.pair{grid-template-columns:1fr 1fr;align-items:start;gap:20px;margin-top:28px;display:grid}.split{grid-template-columns:minmax(280px,400px) 1fr;align-items:start;gap:clamp(24px,4vw,56px);display:grid}.split>*{min-width:0}.tiles{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin:28px 0 0;padding:0;list-style:none;display:grid}.tiles a{border-radius:var(--radius-small);background:var(--paper);height:100%;min-height:76px;color:var(--ink);border:1px solid var(--line);flex-direction:column;gap:4px;padding:16px 40px 16px 16px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex;position:relative}.tiles a strong{font-weight:700}.tiles a span{color:var(--ink-soft);font-size:14.5px}.tiles a:after{content:"";background:var(--link);width:16px;height:16px;position:absolute;top:18px;right:14px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M3 8h10M9 4l4 4-4 4'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M3 8h10M9 4l4 4-4 4'/%3E%3C/svg%3E") 50%/contain no-repeat}.tiles a:hover{border-color:var(--link);transform:translateY(-1px)}.tiles.big{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.tiles.big a{border-radius:var(--radius-large);border:0;padding:22px 44px 22px 22px;box-shadow:0 1px 2px #0f223312}.tiles.big a strong{letter-spacing:-.02em;font-size:20px}.stats{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:28px 0 0;display:grid}.stats>div{padding:20px}.stats dt{color:var(--ink-soft);font-size:15px}.stats dd{font:700 34px/1.05 var(--mono);letter-spacing:-.04em;margin-top:6px}.stats dd small{font:600 15px var(--sans);letter-spacing:0;margin-left:4px}.stats dd.note{font:400 14px/1.45 var(--sans);letter-spacing:0;color:var(--ink-soft);margin-top:8px}table{border-collapse:collapse;width:100%;font-size:16px}.table{margin-top:24px;overflow-x:auto}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:12px 16px}th{color:var(--ink-soft);font-size:14px;font-weight:600}tr:last-child td{border-bottom:0}td.num{font-family:var(--mono);white-space:nowrap}.faq{margin-top:24px}.faq details{border-bottom:1px solid var(--line)}.faq details:last-child{border-bottom:0}.faq summary{cursor:pointer;letter-spacing:-.01em;justify-content:space-between;gap:16px;padding:18px 20px;font-size:18px;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font:500 22px/1 var(--mono);color:var(--ink-soft)}.faq details[open] summary:after{content:"–"}.faq details p{color:var(--ink-soft);max-width:75ch;padding:0 20px 20px}.checks{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.checks.two{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}.checks li{padding:20px}.checks li p{color:var(--ink-soft);margin-top:6px;font-size:16px}section.closing{background:var(--ink);color:#fff;border-radius:var(--radius-large);max-width:min(1240px, calc(100% - 2 * var(--gutter)));flex-wrap:wrap;align-items:center;gap:16px 24px;margin:24px auto 40px;padding-top:clamp(28px,4vw,44px);padding-bottom:clamp(28px,4vw,44px);display:flex}.closing h2{flex:360px;font-size:clamp(26px,3.2vw,36px)}.closing .install{background:#ffffff14;flex:0 340px;margin:0}footer{max-width:1320px;padding:32px var(--gutter) 40px;border-top:1px solid var(--line);color:var(--ink-soft);grid-template-columns:1.4fr repeat(3,1fr);gap:24px;margin:0 auto;font-size:14.5px;display:grid}footer h2{letter-spacing:0;color:var(--ink);margin-bottom:8px;font-size:14px;font-weight:700}footer ul{margin:0;padding:0;list-style:none}footer li a{min-height:32px;color:var(--ink-soft);align-items:center;text-decoration:none;display:inline-flex}footer li a:hover{color:var(--ink);text-decoration:underline}.toast{z-index:20;opacity:0;background:var(--ink);color:#fff;pointer-events:none;border-radius:999px;padding:10px 18px;font-weight:600;transition:opacity .2s,transform .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}.toast.on{opacity:1;transform:translate(-50%)}.frame-map{border-radius:var(--radius-large);overflow:hidden;box-shadow:0 2px 4px #0f223312,0 24px 60px #0f223326}main>section.hero{max-width:none;padding:0}.hero{height:min(100svh,940px);min-height:680px;position:relative}#hero-map{height:100%;position:absolute;inset:0}#hero-map::part(controls){top:96px}.handoff{z-index:4;right:var(--gutter);background:var(--paper);pointer-events:none;border-radius:999px;margin:0;padding:4px;font-size:14px;font-weight:650;display:flex;position:absolute;bottom:40px;box-shadow:0 8px 24px #0f22332e}.handoff .step{border-radius:999px;align-items:center;padding:8px 14px;display:inline-flex}.handoff .step:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px;margin-right:8px}.handoff .image{background:var(--ink);color:#fff}.handoff .live{background:var(--brand);color:var(--brand-ink);display:none}#hero-map[interactive]~.handoff .image{display:none}#hero-map[interactive]~.handoff .live{display:inline-flex}.hero-card{z-index:3;left:var(--gutter);background:var(--paper);border-radius:var(--radius-large);width:min(540px,100% - 32px);padding:clamp(22px,3vw,34px);position:absolute;top:50%;transform:translateY(-44%);box-shadow:0 2px 4px #0f223312,0 30px 70px #0f22333d}.hero-card h1{font-size:clamp(34px,4.4vw,54px)}.lede{color:var(--ink-soft);max-width:44ch;margin-top:16px;font-size:18px}.proof{border-block:1px solid var(--line);grid-template-columns:1fr 1fr;gap:12px 20px;margin:22px 0 0;padding:16px 0;display:grid}.proof dt{color:var(--ink-soft);font-size:14px}.proof dd{margin:2px 0 0;font-size:15px;font-weight:600}.lead-stat{border-bottom:1px dashed var(--line);flex-wrap:wrap;grid-column:1/-1;align-items:baseline;gap:12px;margin-bottom:2px;padding-bottom:14px;display:flex}.lead-stat dt{color:var(--ink);font-size:16px;font-weight:600}.lead-stat dd{font:700 44px/1 var(--mono);letter-spacing:-.04em;margin:0}.lead-stat dd span{box-shadow:inset 0 -.1em 0 var(--brand)}.lead-stat dd .unit{box-shadow:none;font:650 .45em var(--sans);letter-spacing:0;margin-left:.3em}.lead-stat .cache-note{font:400 14px/1.45 var(--sans);letter-spacing:0;color:var(--ink-soft);flex-basis:100%}.trust{color:var(--ink-soft);margin-top:16px;font-size:14px}fieldset{border:0;min-width:0;margin:24px 0 0;padding:0}legend{margin-bottom:10px;padding:0;font-size:15px;font-weight:700}.themes{grid-template-columns:1fr 1fr;gap:8px;display:grid}.themes label{border:1px solid var(--line);border-radius:var(--radius-small);background:var(--paper);cursor:pointer;align-items:center;gap:10px;min-height:52px;padding:8px 12px;font-weight:600;display:flex;position:relative}.themes label:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.themes input{opacity:0;position:absolute}.themes label:has(input:focus-visible){outline:3px solid var(--link);outline-offset:2px}.swatch{background:conic-gradient(var(--a) 0 50%, var(--b) 50% 80%, var(--c) 80%);border-radius:50%;flex:none;width:30px;height:30px;box-shadow:inset 0 0 0 1px #0f223326}.tokens{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tokens label{align-items:center;gap:10px;min-height:44px;font-size:15px;display:flex}.tokens input[type=color]{background:var(--paper);cursor:pointer;border:1px solid #0f223340;border-radius:6px;flex:none;width:44px;height:32px;padding:2px}.tokens input::-webkit-color-swatch{border:1px solid #0f223333;border-radius:4px}.tokens input::-moz-color-swatch{border:1px solid #0f223333;border-radius:4px}.slider{align-items:center;gap:12px;min-height:44px;font-size:15px;display:flex}.slider input{accent-color:var(--ink);flex:1}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--paper);min-height:44px;font:600 14px var(--sans);color:var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.chip:hover,.chip[aria-pressed=true]{border-color:var(--ink)}.chip[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--ink)}.chip i{background:var(--dot);border-radius:50%;width:14px;height:14px;box-shadow:inset 0 0 0 1px #0f223326}#studio-map{height:clamp(380px,50vw,540px)}.studio-code{margin-top:16px}.gallery{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:24px;margin-top:28px;display:grid}.gallery figure{min-width:0;margin:0}.gallery figcaption{margin-bottom:12px}.gallery figcaption p{color:var(--ink-soft);margin-top:4px;font-size:16px}.gallery instant-map{height:460px}.gallery .codeblock{border-radius:var(--radius-small);margin-top:12px}.gallery .codeblock pre{padding:14px 16px;font-size:13px}.runs{grid-template-columns:1fr 1fr;gap:16px;margin:20px 0 0;padding:0;list-style:none;display:grid}.runs li{padding:20px}.runs .time{font:700 clamp(30px, 3.4vw, 44px)/1 var(--mono);letter-spacing:-.04em;margin-top:8px;display:block}.runs p{color:var(--ink-soft);margin-top:8px;font-size:15px}.test-screen{aspect-ratio:16/9;border-radius:var(--radius-large);background:#e4e7e1;width:100%;max-height:380px;margin-top:16px;position:relative;overflow:hidden}.test-screen iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.test-screen p{color:var(--ink-soft);place-items:center;font-weight:600;display:grid;position:absolute;inset:0}@media (width<=900px){.bar,.bar.overlay{flex-wrap:wrap;padding:12px;position:relative}.bar.overlay .brand,.bar.overlay nav{box-shadow:none}.bar nav{width:100%}#hero-map::part(controls){top:12px}.hero{flex-direction:column;height:auto;min-height:0;display:flex}#hero-map{height:32svh;min-height:220px;position:relative;inset:auto}.hero-card{flex-direction:column;width:auto;margin:12px 12px 0;display:flex;position:relative;top:auto;left:auto;transform:none;box-shadow:0 1px 2px #0f223312}.handoff{box-shadow:none;background:0 0;align-self:flex-start;margin:10px 12px 0;padding:0;font-size:13px;position:static}.handoff .step{padding:6px 12px}.handoff .long{display:none}.hero-card h1{font-size:30px}.hero-card .install{order:2}.hero-card .actions{order:3}.hero-card .proof{order:4}.hero-card .trust{order:5}.lede{font-size:16px}.install code{font-size:14px}.lead-stat dd{font-size:36px}.split,.pair,.steps,.runs{grid-template-columns:1fr}.steps>div+div{border-left:0;border-top:1px solid var(--line)}footer{grid-template-columns:1fr 1fr}footer>p{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.toast,.tiles a{transition:none}.tiles a:hover{transform:none}}