*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #000000;--surface: #111111;--surface2: #1a1a1a;--border: rgba(255, 255, 255, .08);--accent: #00ff00;--text: #ffffff;--text-secondary: #808080;--radius-btn: 12px;--radius-card: 16px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100svh;display:flex;flex-direction:column}.navbar{display:flex;align-items:center;justify-content:space-between;padding:24px 40px;position:sticky;top:0;z-index:100;background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.navbar-logo{font-size:22px;font-weight:700;color:var(--accent);letter-spacing:-.5px;text-decoration:none}.navbar-cta{display:inline-flex}.appstore-btn{display:inline-flex;align-items:center;gap:10px;background:var(--text);color:#000;text-decoration:none;padding:11px 20px;border-radius:var(--radius-btn);font-size:14px;font-weight:600;transition:opacity .2s,transform .2s;white-space:nowrap}.appstore-btn:hover{opacity:.88;transform:translateY(-1px)}.appstore-btn svg{flex-shrink:0}.appstore-btn-label{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.appstore-btn-sub{font-size:10px;font-weight:400;opacity:.7;text-transform:uppercase;letter-spacing:.4px}.appstore-btn-main{font-size:15px;font-weight:700}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:100px 24px 80px;gap:24px}.hero-eyebrow{font-size:13px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent)}.hero-title{font-size:clamp(44px,7vw,80px);font-weight:800;letter-spacing:-2px;line-height:1.05;max-width:700px}.hero-title span{color:var(--accent)}.hero-subtitle{font-size:18px;color:var(--text-secondary);max-width:480px;line-height:1.6}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:8px}.screenshots{padding:60px 24px 80px;display:flex;flex-direction:column;align-items:center;gap:40px}.screenshots-row{display:flex;gap:24px;justify-content:center;align-items:flex-end;flex-wrap:wrap}.phone-frame{width:220px;height:440px;border-radius:36px;border:2px solid rgba(255,255,255,.12);background:var(--surface);overflow:hidden;position:relative;flex-shrink:0}.phone-frame:before{content:"";position:absolute;top:14px;left:50%;transform:translate(-50%);width:80px;height:26px;background:#000;border-radius:20px;z-index:2}.phone-frame--center{transform:scale(1.1);border-color:#00ff0040;box-shadow:0 0 40px #00ff0014,0 32px 64px #0009}.phone-frame--side{opacity:.65;transform:scale(.95)}.phone-screen{width:100%;height:100%;background:linear-gradient(160deg,#0d0d0d,#111);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 16px 24px}.phone-screen-icon{width:48px;height:48px;border-radius:12px;background:#00ff0026;display:flex;align-items:center;justify-content:center;font-size:22px}.phone-screen-label{font-size:11px;color:var(--text-secondary);letter-spacing:.5px}.features{padding:60px 24px 80px;display:flex;flex-direction:column;align-items:center;gap:48px}.section-label{font-size:13px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;width:100%;max-width:900px}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:32px 28px;display:flex;flex-direction:column;gap:14px;text-align:left;transition:border-color .2s}.feature-card:hover{border-color:#0f03}.feature-icon{width:44px;height:44px;border-radius:12px;background:#00ff001a;display:flex;align-items:center;justify-content:center;font-size:20px}.feature-title{font-size:17px;font-weight:700;color:var(--text)}.feature-desc{font-size:14px;color:var(--text-secondary);line-height:1.6}.cta-strip{padding:80px 24px;display:flex;flex-direction:column;align-items:center;gap:28px;border-top:1px solid var(--border);text-align:center}.cta-title{font-size:clamp(28px,4vw,42px);font-weight:800;letter-spacing:-1px}.cta-title span{color:var(--accent)}.cta-sub{font-size:16px;color:var(--text-secondary)}.footer{padding:28px 40px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer-logo{font-size:15px;font-weight:700;color:var(--accent)}.footer-copy{font-size:13px;color:var(--text-secondary)}@media (max-width: 640px){.navbar{padding:18px 20px}.hero{padding:60px 20px}.phone-frame--side{display:none}.phone-frame--center{transform:none}.footer{padding:24px 20px;flex-direction:column;align-items:center;text-align:center}}