:root{--color-primary:#5c6bc0;--color-primary-dark:#3f51b5;--color-bg:#f5f5f7;--color-card:#fff;--color-text:#1a1a1a;--color-text-muted:#666;--color-border:#e0e0e0;--color-danger:#c62828;--color-warning:#f9a825;--color-success:#2e7d32;--shadow-card:0 1px 3px #00000014;--radius:8px}*{box-sizing:border-box}html,body,#root{background:var(--color-bg);height:100%;color:var(--color-text);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:var(--color-primary)}.landing{color:var(--color-text)}.landing-section-inner{max-width:1100px;margin:0 auto;padding:0 24px}.landing-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#5c6bc0 0%,#7e57c2 100%);padding:72px 0 64px}.landing-hero-inner{max-width:820px;margin:0 auto;padding:0 24px}.landing-logo-xl{background:#ffffff26;border-radius:22px;width:96px;height:96px;margin-bottom:20px;padding:12px;box-shadow:0 8px 24px #0000002e}.landing-hero h1{letter-spacing:-.01em;margin:0 0 14px;font-size:clamp(2rem,5vw,3.25rem);font-weight:800}.landing-tagline{opacity:.95;max-width:640px;margin:0 auto 28px;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.5}.landing-cta-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:24px;display:flex}.btn-primary-lg{color:var(--color-primary-dark);background:#fff;border-radius:999px;padding:14px 28px;font-size:1.05rem;font-weight:700;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-block;box-shadow:0 4px 14px #0000002e}.btn-primary-lg:hover{transform:translateY(-1px);box-shadow:0 6px 18px #00000038}.btn-ghost{color:#fff;border:1.5px solid #ffffffbf;border-radius:999px;padding:13px 22px;font-weight:600;text-decoration:none;display:inline-block}.btn-ghost:hover{background:#ffffff1f}.landing-section .btn-ghost{color:var(--color-primary-dark);border-color:var(--color-primary)}.landing-section .btn-ghost:hover{background:#5c6bc014}.landing-trust{opacity:.95;flex-wrap:wrap;justify-content:center;gap:18px;margin:0;padding:0;font-size:.95rem;list-style:none;display:flex}.landing-trust li{display:inline-block}.landing-section{background:#fff;padding:64px 0}.landing-section.alt{background:#f7f8fc}.landing-section h2{text-align:center;letter-spacing:-.01em;margin:0 0 12px;font-size:clamp(1.6rem,3vw,2.25rem)}.landing-section-lead{text-align:center;max-width:680px;color:var(--color-text-muted);margin:0 auto 36px;font-size:1.05rem;line-height:1.55}.feature-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feature-card{border:1px solid var(--color-border);text-align:center;background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 2px #0000000a}.landing-section.alt .feature-card{background:#fff}.feature-icon{margin-bottom:10px;font-size:2.25rem}.feature-card h3{margin:0 0 8px;font-size:1.15rem}.feature-card p{color:var(--color-text-muted);margin:0;line-height:1.55}.screenshot-row{flex-wrap:wrap;justify-content:center;gap:28px;display:flex}.phone-frame{border:1px solid var(--color-border);text-align:center;background:#fff;border-radius:22px;max-width:280px;margin:0;padding:14px;box-shadow:0 8px 24px #3c46781f}.phone-frame img{border-radius:12px;width:100%;height:auto;display:block}.phone-frame figcaption{color:var(--color-text-muted);margin-top:12px;font-size:.92rem}.feature-banner{color:#fff;text-align:center;background-position:50%;background-repeat:no-repeat;background-size:cover;padding:96px 24px;position:relative}.feature-banner:before{content:"";background:linear-gradient(135deg,#3f51b5c7,#7e57c2c7);position:absolute;inset:0}.feature-banner-overlay{max-width:720px;margin:0 auto;position:relative}.feature-banner-overlay h2{color:#fff;margin:0 0 12px;font-size:clamp(1.5rem,3vw,2rem)}.feature-banner-overlay p{opacity:.95;margin:0;line-height:1.55}.store-badges{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.store-badge{color:#fff;background:#111;border-radius:12px;flex-direction:column;align-items:flex-start;min-width:200px;padding:12px 22px;line-height:1.1;text-decoration:none;display:inline-flex;position:relative}.store-badge:hover{background:#222}.store-badge-eyebrow{letter-spacing:.06em;opacity:.85;text-transform:uppercase;font-size:.7rem}.store-badge-name{margin-top:2px;font-size:1.15rem;font-weight:700}.store-badge.disabled{filter:grayscale(.6);cursor:not-allowed;opacity:.85;background:#444}.store-badge-pill{color:#1a1a1a;letter-spacing:.04em;background:#ffb74d;border-radius:999px;padding:3px 8px;font-size:.7rem;font-weight:700;position:absolute;top:-10px;right:-10px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.landing-cta-final{background:#f7f8fc}.landing-cta-final .btn-primary-lg{background:var(--color-primary);color:#fff}.landing-cta-final .btn-primary-lg:hover{background:var(--color-primary-dark)}.landing-footer{color:#ccc;background:#1a1a1a;padding:20px 0;font-size:.92rem}.landing-footer .landing-section-inner{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.landing-footer a{color:#fff;text-decoration:underline}.landing-footer-social-link{align-items:center;gap:6px;display:inline-flex}.landing-inline-icon{flex:none}@media (width<=720px){.feature-grid{grid-template-columns:1fr}.landing-hero{padding:56px 0 48px}.landing-section{padding:48px 0}.feature-banner{padding:72px 20px}}@media (prefers-reduced-motion:reduce){.btn-primary-lg{transition:none}.btn-primary-lg:hover{transform:none}}.muted{color:var(--color-text-muted)}.feature-step{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:12px;font-size:1.1rem;font-weight:700;display:inline-flex}.landing-private{text-align:center}.site-bar{background:linear-gradient(135deg,#5c6bc0 0%,#7e57c2 100%);padding:14px 0}.site-bar-inner{align-items:center;display:flex}.site-bar-brand{color:#fff;align-items:center;gap:10px;font-weight:700;text-decoration:none;display:inline-flex}.site-bar-logo{width:32px;height:32px}.legal-page{background:#fff;padding:48px 0 64px}.legal-content{max-width:760px;line-height:1.6}.legal-content h1{margin:0 0 4px;font-size:2rem}.legal-content h2{margin:32px 0 8px;scroll-margin-top:16px;font-size:1.25rem}.legal-content ul{padding-left:22px}.legal-content li{margin:6px 0}
