:root{--bg:#000;--fg:#f5f5f7;--muted:#86868b;--card:#111113;--line:#1f1f23;--accent:#1db954;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}.muted{color:var(--muted)}.small{font-size:.875rem}.nav{justify-content:space-between;align-items:center;max-width:1040px;margin:0 auto;padding:20px 16px;display:flex}.nav a{transition:color .15s}.nav a:hover{color:var(--fg)}.logo{letter-spacing:-.01em;font-weight:600}main{max-width:1040px;margin:0 auto;padding:0 16px}.hero{text-align:center;padding:48px 0 80px}h1{letter-spacing:-.035em;margin:0 0 20px;font-size:clamp(2.5rem,8vw,5.5rem);font-weight:700;line-height:1.02}.lead{color:var(--muted);max-width:560px;margin:0 auto 48px;font-size:clamp(1.05rem,2.5vw,1.4rem);line-height:1.4}.btn{background:var(--fg);color:#000;border-radius:999px;font-weight:600;transition:transform .15s,opacity .15s;display:inline-block}.btn:hover{opacity:.9;transform:scale(1.02)}.btn-lg{padding:14px 28px;font-size:1.05rem}.btn-md{padding:11px 22px}.download{margin-top:36px}.download p{margin:14px 0 0}.screen{border:1px solid var(--line);background:radial-gradient(120% 140% at 50% 120%,#3b2a6b 0%,#14213d 50%,#0a0a0f 100%);border-bottom:0;border-radius:16px 16px 0 0;max-width:640px;height:150px;margin:0 auto;position:relative;overflow:hidden}.menubar{color:#ffffffd9;background:#00000040;align-items:center;gap:16px;height:34px;padding:7px 14px;font-size:12px;display:flex}.menubar .spacer{flex:1}.apple{opacity:.85;background:#fff;border-radius:5px;width:11px;height:13px}.island{background:#000;border-radius:0 0 18px 18px;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%)}.island-content{align-items:center;height:100%;display:flex}.side{justify-content:center;align-items:center;display:flex}.side.right{justify-content:center}.art{border-radius:6px;width:24px;height:24px}.cover-a{background:linear-gradient(135deg,#ff6b6b,#f7b733)}.cover-b{background:linear-gradient(135deg,#36d1dc,#5b86e5)}.cover-c{background:linear-gradient(135deg,#c471f5,#fa71cd)}.pct{font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.eq{align-items:center;gap:2px;height:18px;display:flex}.eq span{transform-origin:50%;background:#ff8a65;border-radius:2px;width:3px;height:100%;animation:.9s ease-in-out infinite eq}@keyframes eq{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.tabs{background:var(--card);border:1px solid var(--line);border-radius:999px;gap:4px;margin-top:24px;padding:4px;display:inline-flex}.tabs button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 16px;font-size:.875rem}.tabs button.on{color:var(--fg);background:#2a2a2e}.section{border-top:1px solid var(--line);padding:72px 0}h2{letter-spacing:-.025em;text-align:center;margin:0 0 40px;font-size:clamp(1.8rem,4vw,2.8rem)}.features{grid-template-columns:repeat(4,1fr);gap:56px 16px;display:grid}.feature{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.feature svg{color:var(--fg)}.feature h3{letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:600;line-height:1.25}@media (width<=760px){.features{grid-template-columns:repeat(2,1fr)}}.principles{text-align:center;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px;display:grid}.big{letter-spacing:-.03em;font-size:3rem;font-weight:700}.principles p{color:var(--muted);margin:8px 0 0;line-height:1.5}.install{text-align:center}.install ol{text-align:left;max-width:520px;color:var(--muted);margin:0 auto;padding-left:20px;line-height:1.7}.install li b{color:var(--fg)}.footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;max-width:1040px;margin:0 auto;padding:32px 16px 48px;display:flex}.scroll-cue{color:#6e6e73;cursor:pointer;background:0 0;border:0;place-items:center;width:48px;height:48px;padding:0;transition:opacity .35s,visibility .35s,color .15s;animation:1.6s ease-in-out infinite bounce;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.scroll-cue:hover{color:var(--fg)}.scroll-cue.gone{opacity:0;visibility:hidden;pointer-events:none}@keyframes bounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,8px)}}@media (prefers-reduced-motion:reduce){.eq span,.scroll-cue{animation:none}}