@font-face{font-family:"Instrument Serif";src:url(/fonts/instrument-serif.woff2) format("woff2");font-display:swap}@font-face{font-family:Inter Tight;font-weight:100 900;src:url(/fonts/inter-tight.woff2) format("woff2");font-display:swap}:root{--studio: #e6e8ec;--shell: #fbfbfc;--ink: #15171c;--graphite: #565c69;--line: rgba(21, 23, 28, .13);--blue: #1f52e8;--ease: cubic-bezier(.2, .7, .1, 1);--gutter: clamp(20px, 5vw, 72px)}*{box-sizing:border-box;margin:0}html{color-scheme:light;background:var(--studio);color:var(--ink);-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{font:400 clamp(17px,1.2vw,19px)/1.55 "Inter Tight",system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.stage{position:fixed;inset:0;z-index:1;overflow:hidden;pointer-events:none}.scene,.poster{position:absolute;inset:0;width:100%;height:100%}.scene{opacity:0;transition:opacity .9s ease}.ready .scene{opacity:1}.poster{object-fit:contain;transition:opacity .9s ease}.ready .poster{opacity:0}.shade{position:absolute;left:0;top:0;width:620px;height:150px;opacity:0;background:radial-gradient(closest-side,rgba(40,48,70,.2),rgba(40,48,70,.07) 55%,transparent);filter:blur(6px);will-change:transform}.ready .shade{opacity:1}.spots{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .35s ease}.spots.on{opacity:1}.spots.on .spot{pointer-events:auto}.spot{position:absolute;left:0;top:0;width:34px;height:34px;margin:-17px 0 0 -17px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.spot:after{content:"";position:absolute;inset:13px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 2px #fbfbfcd9;transition:inset .25s var(--ease),background .25s}.spot:hover:after{inset:10px}.spot[aria-pressed=true]:after{inset:2px;background:transparent;box-shadow:0 0 0 3px var(--blue),0 0 0 5px #fbfbfce6}.bar{position:fixed;z-index:4;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px var(--gutter);background:#e6e8ecdb;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid var(--line)}.mark{font:400 27px/1 "Instrument Serif",serif}.pill{font-size:14px;font-weight:500;padding:9px 16px;border-radius:99px;background:var(--ink);color:var(--shell);transition:background .25s}.pill:hover{background:var(--blue)}h1,h2{font-family:"Instrument Serif",serif;font-weight:400;letter-spacing:-.012em;text-wrap:balance}h1{font-size:clamp(58px,min(9.2vw,16vh),172px);line-height:.94}h2{font-size:clamp(42px,4.5vw,70px);line-height:1.03}p{color:var(--graphite);max-width:34rem}h2+p{margin-top:18px}section{position:relative;z-index:2;display:flex;align-items:center;min-height:112vh;padding:0 var(--gutter)}.side{justify-content:flex-end}.panel{width:min(100%,31rem)}.hero{z-index:0;display:block;min-height:100svh;padding-top:11vh}.hero h1{max-width:12.6em;animation:rise 1.1s var(--ease) both}.lead{position:absolute;z-index:3;left:var(--gutter);right:var(--gutter);bottom:clamp(24px,6vh,56px);display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.lead p{max-width:21rem}.cta{display:flex;align-items:center;gap:16px}@keyframes rise{0%{opacity:0;transform:translateY(22px)}}small{color:var(--graphite);font-size:14px}.button{display:inline-block;padding:15px 26px;border-radius:99px;background:var(--ink);color:var(--shell);font-weight:500;font-size:16px;white-space:nowrap;transition:background .25s,transform .3s var(--ease)}.button:hover{background:var(--blue);transform:translateY(-1px)}.edit{justify-content:flex-end;min-height:128vh}.editor{margin-top:26px;padding:20px;border-radius:22px;background:var(--shell);box-shadow:0 1px #15171c0d,0 24px 60px -30px #1e263c59}.pick{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:15px;color:var(--graphite)}select{min-width:12rem;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--studio);color:var(--ink);font:500 15px Inter Tight,sans-serif}.slots{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:14px;padding:3px;border-radius:12px;background:var(--studio)}.slots button,.actions button{border:0;cursor:pointer;font:500 14px Inter Tight,sans-serif;color:var(--ink);background:transparent}.slots button{padding:8px 4px;border-radius:9px;transition:background .2s}.slots button[aria-pressed=true]{background:var(--shell);box-shadow:0 1px 3px #15171c24}.slots button:disabled{color:#15171c52;cursor:not-allowed}.actions{display:grid;grid-template-columns:1fr 1fr;gap:2px 12px;margin-top:12px}.actions button{display:flex;align-items:center;gap:9px;padding:7px 4px;text-align:left;font-weight:400}.actions button:before{content:"";box-sizing:border-box;flex:none;width:15px;height:15px;border-radius:50%;border:1.5px solid rgba(21,23,28,.32);transition:border .15s}.actions button[aria-pressed=true]:before{border:5px solid var(--blue)}.result{display:block;margin-top:12px;padding-top:13px;border-top:1px solid var(--line);font-size:15px;color:var(--graphite)}.result b{color:var(--ink);font-weight:500}.levels{list-style:none;padding:0;margin-top:26px}.levels li{display:grid;grid-template-columns:6.2rem 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:16px}.levels b{font-weight:500}.levels span{color:var(--graphite)}.lines{margin-top:26px}.lines div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid var(--line);font-size:16px}.lines dt{color:var(--graphite)}code{font:500 14.5px/1.5 ui-monospace,SF Mono,Menlo,monospace}.note{margin-top:14px;font-size:15px}.map{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin-top:26px}.map div{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-top:1px solid var(--line);font-size:16px}.map dt{font-weight:500}.map dd{margin:0;color:var(--graphite);text-align:right}.end{flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;min-height:128vh;padding-bottom:9vh}.end h2{font-size:clamp(60px,7.4vw,124px);margin-bottom:26px}.end ul{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 22px;list-style:none;padding:0;margin-top:26px;font-size:15px}.end p{margin-top:8px;font-size:15px}footer{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 32px;padding:22px var(--gutter);border-top:1px solid var(--line);color:var(--graphite);font-size:13px;background:var(--studio)}footer a{color:var(--ink)}@media(max-width:860px){section{align-items:flex-end;padding-bottom:8vh}.side{justify-content:flex-start}.edit{justify-content:flex-start;padding-top:48vh}.panel{width:100%;background:linear-gradient(transparent,var(--studio) 34px);padding-top:34px}.hero{padding-top:13vh}.hero h1{font-size:clamp(50px,14.2vw,100px)}.lead{flex-direction:column;align-items:flex-start;gap:18px}.spots{display:none}.apps,.terminal,.defaults{padding-top:46vh}.pill{font-size:13px;padding:8px 14px}.pick select{min-width:0;flex:1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero h1{animation:none}}