:root{--bg:#050506;--bg-elevated:#0e0e11;--surface:#ffffff0d;--surface-hover:#ffffff17;--border:#ffffff1a;--text:#f5f5f7;--text-muted:#a1a1aa;--text-dim:#71717a;--accent:#ff3b30;--accent-soft:#ff3b3024;--radius:18px;--max-width:1120px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}.section{padding:96px 0}.eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}h1,h2,h3{letter-spacing:-.02em;font-weight:700;line-height:1.1}.gradient-text{background:linear-gradient(120deg,#fff 0%,#b8b8c0 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.btn{cursor:pointer;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:14px 26px;font-size:16px;font-weight:600;transition:transform .15s,background .15s,opacity .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{color:#050506;background:#fff}.btn-primary:hover{opacity:.9}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-ghost:hover{background:var(--surface-hover)}.app-store-badge{align-items:center;transition:transform .15s,opacity .15s;display:inline-flex}.app-store-badge:hover{opacity:.85}.app-store-badge:active{transform:scale(.97)}.app-store-badge img{height:auto;display:block}.header{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--border);background:#050506b8;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:66px;display:flex}.logo{align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.logo-mark{object-fit:cover;border-radius:8px;width:32px;height:32px}.header-nav{color:var(--text-muted);align-items:center;gap:28px;font-size:15px;display:flex}.header-nav a:hover{color:var(--text)}@media (max-width:720px){.header-nav .nav-link{display:none}}.hero{text-align:center;padding:110px 0 60px;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;background:radial-gradient(circle,#ff3b302e 0%,#ff3b3000 60%);width:900px;height:900px;position:absolute;top:-30%;left:50%;transform:translate(-50%)}.hero h1{max-width:14ch;margin:24px auto 0;font-size:clamp(2.6rem,6vw,4.4rem)}.hero p.sub{color:var(--text-muted);max-width:40ch;margin:22px auto 0;font-size:clamp(1.05rem,2.2vw,1.3rem)}.hero-cta{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:34px;display:flex}.hero-note{color:var(--text-dim);margin-top:18px;font-size:14px}.mockup{width:300px;max-width:80vw;margin:60px auto 0;position:relative}.phone{background:linear-gradient(160deg,#1c1c1f,#060607);border-radius:44px;padding:12px;position:relative;box-shadow:0 40px 120px #000000b3,inset 0 0 0 1px #ffffff0f}.phone-screen{aspect-ratio:9/19.5;background:linear-gradient(#2a2320 0%,#14100e 100%);border-radius:34px;flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.phone-notch{z-index:3;background:#000;border-radius:999px;width:90px;height:22px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.phone-overlay{background:#00000052;position:absolute;inset:0}.phone-status{z-index:2;background:#0000009e;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;margin:44px 14px 0;padding:6px 10px;font-size:11px;font-weight:600;display:inline-flex;position:relative}.phone-script{z-index:2;text-align:center;flex:1;justify-content:center;align-items:center;padding:0 20px;display:flex;position:relative}.phone-script span{color:#fff;text-shadow:0 2px 10px #0009;font-size:20px;font-weight:600;line-height:1.35}.phone-controls{z-index:2;background:#0000009e;border-radius:14px;margin:0 14px 20px;padding:12px;position:relative}.phone-speed{color:#fff;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;display:flex}.phone-slider{background:#ffffff40;border-radius:999px;height:4px;margin-bottom:14px;position:relative}.phone-slider:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;left:55%;transform:translateY(-50%)}.phone-buttons{justify-content:center;align-items:center;gap:14px;display:flex}.phone-btn{background:#ffffff24;border-radius:50%;place-items:center;width:40px;height:40px;font-size:15px;display:grid}.phone-btn.rec{background:var(--accent);width:50px;height:50px;box-shadow:0 0 0 2px #fff3}.section-head{text-align:center;max-width:46ch;margin:0 auto 56px}.section-head h2{margin-top:18px;font-size:clamp(2rem,4vw,2.8rem)}.section-head p{color:var(--text-muted);margin-top:16px;font-size:1.1rem}.features-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:860px){.features-grid{grid-template-columns:1fr}}.feature-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:28px;transition:transform .2s,border-color .2s}.feature-card:hover{border-color:#fff3;transform:translateY(-4px)}.feature-icon{background:var(--accent-soft);border-radius:12px;place-items:center;width:46px;height:46px;margin-bottom:18px;font-size:22px;display:grid}.feature-card h3{margin-bottom:10px;font-size:1.2rem}.feature-card p{color:var(--text-muted);font-size:.98rem}.steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:28px;display:grid}@media (max-width:860px){.steps{grid-template-columns:1fr}}.step{padding-top:20px;position:relative}.step-num{background:linear-gradient(#fff,#52525b);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:14px;font-size:3rem;font-weight:800;line-height:1}.step h3{margin-bottom:10px;font-size:1.25rem}.step p{color:var(--text-muted)}.banner{border:1px solid var(--border);text-align:center;background:linear-gradient(140deg,#14100e,#0a0a0c);border-radius:28px;padding:56px 40px}.banner h2{max-width:20ch;margin:0 auto 18px;font-size:clamp(1.8rem,4vw,2.6rem)}.banner p{color:var(--text-muted);max-width:44ch;margin:0 auto 30px;font-size:1.1rem}.pill-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px;display:flex}.pill{color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:8px 16px;font-size:14px}.footer{border-top:1px solid var(--border);margin-top:40px;padding:48px 0 40px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-links{color:var(--text-muted);gap:26px;font-size:15px;display:flex}.footer-links a:hover{color:var(--text)}.footer-copy{color:var(--text-dim);font-size:14px}.footer-copy a{color:var(--text-muted)}.footer-copy a:hover{color:var(--text)}.legal{max-width:760px;margin:0 auto;padding:80px 24px 100px}.legal h1{margin-bottom:8px;font-size:clamp(2rem,5vw,2.8rem)}.legal .updated{color:var(--text-dim);margin-bottom:40px;font-size:14px}.legal h2{margin:40px 0 14px;font-size:1.4rem}.legal p,.legal li{color:var(--text-muted);margin-bottom:14px}.legal ul{padding-left:22px}.legal a{color:#fff;text-decoration:underline}.back-link{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:40px;font-size:15px;display:inline-flex}.back-link:hover{color:var(--text)}
