:root{--bg: #05060a;--bg-elevated: #0b0d16;--bg-soft: #111320;--border-subtle: rgba(255, 255, 255, .06);--text-main: #f9fafb;--text-muted: #9ca3af;--accent: #7c3aed;--accent-soft: rgba(124, 58, 237, .12);--accent-strong: #a855f7;--accent-gradient: linear-gradient(135deg, #22c1c3, #7c3aed, #ec4899);--danger: #f97373;--radius-lg: 18px;--radius-pill: 999px;--shadow-soft: 0 18px 45px rgba(0, 0, 0, .65);--nav-height: 72px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:radial-gradient(circle at top,#111827,#020617 55%,#000);color:var(--text-main);font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,sans-serif;-webkit-font-smoothing:antialiased}body{min-height:100vh}.app{min-height:100vh;color:var(--text-main)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}.nav{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(to bottom,#030712eb,#030712b8);border-bottom:1px solid rgba(148,163,184,.12)}.nav-inner{max-width:1120px;margin:0 auto;padding:.65rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand{display:inline-flex;align-items:center;gap:.35rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.brand-symbol{width:26px;height:26px;border-radius:9px;background-image:var(--accent-gradient);display:inline-flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 0 24px #7c3aedcc}.brand-text{font-size:.9rem}.nav-links{display:flex;align-items:center;gap:1rem;font-size:.9rem}.nav-links a{color:var(--text-muted);padding:.35rem .2rem;border-radius:999px;transition:color .18s ease,background-color .18s ease,transform .18s ease}.nav-links a:hover{color:var(--text-main);background:#0f172ae6;text-decoration:none;transform:translateY(-1px)}.nav-cta{padding-inline:.9rem;padding-block:.4rem;background:#7c3aed29;border-radius:999px;border:1px solid rgba(129,140,248,.65);color:#e5e7eb}.nav-cta:hover{background:#7c3aed52}.hero{max-width:1120px;margin:0 auto;padding:3.5rem 1.25rem 3.75rem;display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1.7fr);gap:3rem;align-items:center}.hero-carousel{justify-self:center}.hero-carousel-inner{width:min(280px,80vw);border-radius:var(--radius-lg);padding:.9rem;background:#0f172af5;border:1px solid rgba(148,163,184,.5);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:.45rem}.hero-carousel img{width:100%;border-radius:14px;display:block}.hero-carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.hero-carousel-arrow{width:26px;height:26px;border-radius:999px;border:1px solid rgba(148,163,184,.6);background:#0f172af2;color:var(--text-muted);font-size:.8rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.hero-carousel-arrow:hover{background:#1e40afb3}.hero-carousel-dots{display:flex;align-items:center;justify-content:center;gap:.3rem;flex:1}.hero-carousel-dot{width:6px;height:6px;border-radius:999px;border:none;background:#94a3b8b3;padding:0;cursor:pointer}.hero-carousel-dot.is-active{width:10px;background:#e5e7eb}.hero-content{max-width:560px}.hero-kicker{display:inline-flex;align-items:center;gap:.45rem;padding:.25rem .7rem;border-radius:999px;font-size:.8rem;text-transform:uppercase;letter-spacing:.16em;color:var(--text-muted);background:#0f172ae6;border:1px solid rgba(148,163,184,.35)}.hero-kicker:before{content:"";width:7px;height:7px;border-radius:999px;background:#22c55e;box-shadow:0 0 12px #22c55ee6}.hero h1{margin-top:1rem;font-size:clamp(2.4rem,4vw,3.1rem);line-height:1.05}.hero-subtitle{margin-top:.9rem;font-size:1rem;line-height:1.6;color:var(--text-muted)}.hero-actions{margin-top:1.75rem;display:flex;flex-wrap:wrap;gap:.75rem}.button{display:inline-flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.1rem;padding:.7rem 1.1rem;border-radius:var(--radius-pill);font-size:.95rem;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.button-primary{background-image:radial-gradient(circle at top left,#22c1c3,#7c3aed 40%,#ec4899 80%);color:#f9fafb;box-shadow:0 18px 50px #7c3aedb3}.button-primary:hover{transform:translateY(-1px) scale(1.01);box-shadow:0 20px 55px #7c3aedf2;text-decoration:none}.button-ghost{background:#0f172ae6;border-color:#94a3b859;color:#e5e7eb}.button-ghost:hover{background:#0f172a}.button-label{font-weight:550}.button-sub{font-size:.72rem;color:#e2e8f0e6}.hero-meta{margin-top:.85rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.18em;color:#94a3b8e6}.hero-card{justify-self:center}.phone-frame{position:relative;width:min(310px,80vw);aspect-ratio:9 / 19.5;border-radius:34px;padding:10px;background:radial-gradient(circle at top left,#94a3fd8c,#0f172a);box-shadow:var(--shadow-soft)}.phone-screen{position:relative;width:100%;height:100%;border-radius:26px;background:radial-gradient(circle at top,#0f172a,#0f172a80);border:1px solid rgba(148,163,184,.4);padding:.85rem;display:flex;flex-direction:column;gap:.75rem}.phone-notch{position:absolute;top:9px;left:50%;transform:translate(-50%);width:35%;height:14px;background:#020617;border-radius:0 0 16px 16px}.phone-screen-header{display:flex;justify-content:space-between;align-items:center;font-size:.68rem;color:var(--text-muted)}.pill{padding:.22rem .6rem;border-radius:999px;background:#0f172ae6;border:1px solid rgba(148,163,184,.5)}.pill-accent{border-color:#34d399e6;color:#a7f3d0;background:#065f46b3}.phone-video-placeholder{position:relative;flex:1;border-radius:18px;overflow:hidden;border:1px solid rgba(30,64,175,.85)}.phone-video-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(135deg,#0ea5e9,#6366f1,#ec4899);filter:saturate(1.2) brightness(.9)}.phone-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:space-between;padding:.55rem .7rem;background:linear-gradient(to top,rgba(15,23,42,.9),transparent 60%);color:#f9fafb;font-size:.78rem}.phone-video-text{letter-spacing:.14em;text-transform:uppercase}.dot{width:9px;height:9px;border-radius:999px;background:#f97373;box-shadow:0 0 12px #f87171e6}.phone-slider{padding:.45rem .6rem;border-radius:14px;background:#0f172af2;border:1px solid rgba(148,163,184,.4);font-size:.72rem;display:flex;flex-direction:column;gap:.35rem}.slider-track{position:relative;width:100%;height:5px;border-radius:999px;background:#1e40afe6;overflow:hidden}.slider-thumb{position:absolute;left:58%;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:999px;background:#fff;box-shadow:0 0 0 3px #818cf8cc}.slider-labels{display:flex;justify-content:space-between;color:var(--text-muted)}main{scroll-behavior:smooth}.section{max-width:1120px;margin:0 auto;padding:0 1.25rem 3.5rem}.section-header{max-width:620px;margin-bottom:1.8rem}.section-header h2{margin:0 0 .4rem;font-size:1.6rem}.section-header p{margin:0;color:var(--text-muted)}.grid{display:grid;gap:1.1rem}.features-grid,.split-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:radial-gradient(circle at top left,#1e40afb3,#0f172ae6);border-radius:var(--radius-lg);padding:1.25rem 1.3rem;border:1px solid rgba(148,163,184,.45);box-shadow:0 14px 40px #000000bf}.feature-card h3{margin-top:0;margin-bottom:.35rem;font-size:1.05rem}.feature-card p{margin:0;color:var(--text-muted)}.screenshots{position:relative}.screenshot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.screenshot-card{min-height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.placeholder{background:radial-gradient(circle at top,#0f172a,#0f172a99);border-style:dashed}.placeholder-label{font-weight:600}.placeholder-sub{margin-top:.4rem;font-size:.85rem;color:var(--text-muted)}.list-card h3{margin-top:0;margin-bottom:.4rem}.list-card ul{margin:.2rem 0 0;padding-left:1.1rem;color:var(--text-muted)}.faq-list{display:flex;flex-direction:column;gap:.7rem}.faq-item{background:#0f172af5;border-radius:16px;padding:.8rem 1rem;border:1px solid rgba(148,163,184,.45)}.faq-item summary{cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";float:right;color:var(--text-muted)}.faq-item[open] summary:after{content:"e"}.faq-item p{margin-top:.6rem;color:var(--text-muted)}.help-card p{margin-top:0;margin-bottom:.75rem;color:var(--text-muted)}.footer{border-top:1px solid rgba(30,64,175,.65);margin-top:1.5rem;padding:1.2rem 1.5rem 1.8rem;background:radial-gradient(circle at top,#0f172afa,#030712)}.footer-inner{max-width:1120px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-muted)}.dot-separator{width:3px;height:3px;border-radius:999px;background:#94a3b8cc}@media (max-width: 900px){.hero{grid-template-columns:minmax(0,1fr);padding-top:2.6rem}.nav-inner{padding-inline:1rem}}@media (max-width: 720px){.nav-inner{flex-direction:row;justify-content:space-between}.nav-links{display:none}.hero,.section{padding-inline:1rem}.features-grid,.screenshot-grid,.split-grid{grid-template-columns:minmax(0,1fr)}.card{padding:1.1rem}.hero-actions{flex-direction:column;align-items:stretch}.button{align-items:center}}@media (max-width: 480px){.hero h1{font-size:2.1rem}.hero-subtitle{font-size:.95rem}.hero-kicker{font-size:.75rem}}
