:root{color:#182033;font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,select{color:inherit;font:inherit}button:focus-visible,select:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #657391}.app{--background:#fff;--border:#e7eaf0;--control:#ffffffdb;--muted:#6b7488;--panel:#fff;--text:#182033;background:var(--background);color:var(--text);min-height:100vh;padding:0 32px;transition:background-color .18s,color .18s}.app--dark{--background:#090c14;--border:#242a38;--control:#131824e6;--muted:#8f99ad;--panel:#10141f;--text:#eef1f7}.site-header,main,footer{max-width:1180px;margin:0 auto}.site-header{justify-content:space-between;align-items:center;height:80px;display:flex}.brand,.repository-link{color:inherit;text-decoration:none}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:15px;font-weight:650;display:flex}.brand-mark{background:currentColor;border-radius:50%;width:4px;height:4px;margin-right:14px;box-shadow:7px 0,14px 0}.repository-link{align-items:center;gap:7px;font-size:14px;display:flex}.hero{padding:80px 0 104px}.hero-copy{text-align:center;max-width:720px;margin:0 auto 52px}.eyebrow{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin:0 0 18px;font-size:12px;font-weight:650}h1,h2,p{margin-top:0}h1{letter-spacing:-.065em;margin-bottom:28px;font-size:clamp(48px,7vw,84px);font-weight:520;line-height:.95}.hero-description{color:var(--muted);max-width:630px;margin:0 auto;font-size:clamp(17px,2vw,20px);line-height:1.65}.showcase{background:var(--panel);border:1px solid var(--border);border-radius:28px;padding:clamp(20px,4vw,48px);overflow:hidden;box-shadow:0 24px 80px #1f263712}.app--dark .showcase{box-shadow:0 24px 80px #00000040}.globe-frame{width:min(100%,76vh);max-width:760px;margin:0 auto}.controls{background:var(--control);border:1px solid var(--border);border-radius:16px;justify-content:center;align-items:flex-end;gap:8px;max-width:590px;margin:24px auto 0;padding:8px;display:flex}.controls label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;gap:4px;font-size:10px;display:grid}.controls select,.controls button{cursor:pointer;background:0 0;border:0;border-radius:9px;min-height:38px;padding:0 14px;font-size:13px}.controls select{background:var(--background);min-width:112px}.controls button:hover,.repository-link:hover{opacity:.62}.usage{border-top:1px solid var(--border);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(40px,8vw,110px);padding:100px 0;display:grid}h2{letter-spacing:-.05em;margin-bottom:24px;font-size:clamp(34px,5vw,52px);font-weight:520;line-height:1}.usage p:not(.eyebrow){color:var(--muted);margin-bottom:0;font-size:17px;line-height:1.7}pre{color:#d7deed;background:#111622;border:1px solid #232b3d;border-radius:18px;margin:0;padding:28px;font-size:13px;line-height:1.75;overflow-x:auto}footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;padding:28px 0 40px;font-size:13px;display:flex}footer a{color:inherit;text-decoration:none}footer a:hover{color:var(--text)}@media (width<=720px){.app{padding:0 18px}.site-header{height:68px}.hero{padding:56px 0 72px}.hero-copy{margin-bottom:36px}.showcase{border-radius:20px;padding:16px 12px}.controls{grid-template-columns:1fr 1fr;align-items:stretch;display:grid}.controls select,.controls button{width:100%}.usage{grid-template-columns:1fr;padding:72px 0}footer{flex-direction:column;gap:8px}}@media (prefers-reduced-motion:reduce){.app{transition:none}}