:root{color:#e8eaed;background:#070809;font-family:Inter,system-ui,sans-serif;font-weight:400;line-height:1.55}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:#e8eaed;background:#070809;min-height:100vh}#app{min-height:100vh}a{color:#10b981;text-decoration:none}a:hover{text-decoration:underline}.shell{flex-direction:column;min-height:100vh;display:flex}.header,.footer,.main{width:min(960px,100% - 40px);margin:0 auto}.header{justify-content:space-between;align-items:center;gap:16px;padding:20px 0;display:flex}.brand{color:#f4f7f6;letter-spacing:-.03em;font-size:1.15rem;font-weight:700;text-decoration:none}.nav{align-items:center;gap:18px;display:flex}.nav a{color:#717882;font-size:.92rem;font-weight:600}.nav a.active,.nav a:hover{color:#10b981;text-decoration:none}.main{flex:1;padding:12px 0 48px}.page h1{letter-spacing:-.04em;margin:0 0 12px;font-size:clamp(2rem,5vw,3rem);line-height:1.1}.eyebrow{color:#10b981;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:700}.lede{color:#b7bec6;max-width:42rem;font-size:1.08rem}.muted{color:#717882}.hero{margin-bottom:40px}.hero-art,.illu{background:#070809;border:1px solid #ffffff14;border-radius:16px;width:100%;height:auto;margin-top:0;display:block}.hero-art{margin-top:28px}.feature .illu{border-radius:12px}.section-title{letter-spacing:-.03em;margin:0 0 6px;font-size:1.35rem}.section-copy{color:#717882;margin:0 0 20px}.features{gap:14px;margin-bottom:18px;display:grid}.feature{background:#14171a;border:1px solid #ffffff14;border-radius:18px;gap:14px;padding:14px;display:grid}.feature h3{margin:0 0 6px;font-size:1.08rem}.feature p{color:#b7bec6;margin:0}@media (width>=720px){.feature{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center}.feature:nth-child(2n):not(.feature-wide){grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.feature:nth-child(2n):not(.feature-wide) .illu{order:2}.feature-wide{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}.cta-row{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.button{color:#06281c;background:#10b981;border-radius:999px;padding:12px 18px;font-weight:700;text-decoration:none;transition:filter .15s,transform .15s;display:inline-block}.button:hover{filter:brightness(1.05);text-decoration:none}.button-muted{color:#e8eaed;background:#1a1e23}.button-appstore{color:#06281c;background:#10b981;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 22px;font-weight:700;text-decoration:none;transition:filter .15s,transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 14px #10b98147}.button-appstore:hover{filter:brightness(1.08);text-decoration:none;transform:translateY(-1px);box-shadow:0 6px 20px #10b98161}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:14px;display:grid}.card{background:#14171a;border:1px solid #ffffff14;border-radius:16px;padding:18px}.card h2,.prose h2{margin:0 0 8px;font-size:1.05rem}.card p,.prose p,.prose li{color:#b7bec6;margin:0}.prose h2{margin-top:28px}.prose ul{padding-left:1.2rem}.prose li+li{margin-top:10px}.card-wide{margin-top:4px}.footer{color:#717882;padding:28px 0 40px;font-size:.88rem}.footer p{margin:0 0 6px}code{color:#34d399;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.88em}.apple-icon{vertical-align:-1px;flex-shrink:0;display:inline-block}.nav-cta{background:#10b981;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;transition:filter .15s,transform .15s;display:inline-flex;color:#06281c!important;font-size:.85rem!important;font-weight:700!important;text-decoration:none!important}.nav-cta:hover{filter:brightness(1.08);transform:translateY(-1px)}.meta-note{color:#717882;letter-spacing:-.01em;margin:12px 0 0;font-size:.82rem}.download-card{background:radial-gradient(at 0 0,#10b98114,#0000 70%),#14171a;border:1px solid #10b98140;margin-top:24px;padding:24px 22px}.download-card h2{color:#f4f7f6;margin:0 0 8px;font-size:1.35rem}.download-card p{color:#b7bec6;max-width:38rem}.download-card .cta-row{margin-top:18px}@media (width<=640px){.header,.nav{flex-wrap:wrap;gap:12px}.cta-row{flex-direction:column;align-items:stretch}.cta-row .button,.button-appstore{text-align:center;width:100%}}
