body{margin:0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--purple:#7c3aed;--purple-dark:#5b21b6;--purple-light:#ede9fe;--text:#1a1a2e;--muted:#6b7280;--bg:#fff;--card-bg:#f9f8ff;--border:#e5e7eb;--radius:14px}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:var(--purple);text-decoration:none}a:hover{text-decoration:underline}.nav{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#ffffffeb;justify-content:space-between;align-items:center;height:60px;padding:0 2rem;display:flex;position:sticky;top:0}.nav-brand{color:var(--text);font-size:1.1rem;font-weight:700}.nav-links{gap:1.5rem;display:flex}.nav-links a{color:var(--muted);font-size:.95rem}.nav-links a.active,.nav-links a:hover{color:var(--purple);text-decoration:none}.btn-primary{background:var(--purple);color:#fff;border-radius:50px;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:background .2s;display:inline-block}.btn-primary:hover{background:var(--purple-dark);text-decoration:none}.hero{text-align:center;background:linear-gradient(160deg,#faf5ff 0%,#ede9fe 100%);flex-direction:column;align-items:center;padding:5rem 1rem 4rem;display:flex}.hero-icon{border-radius:26px;width:120px;height:120px;margin-bottom:1.5rem;box-shadow:0 8px 30px #7c3aed33}.hero h1{letter-spacing:-1px;color:var(--text);margin-bottom:.5rem;font-size:clamp(2.4rem,5vw,3.5rem);font-weight:800}.hero-sub{color:var(--muted);margin-bottom:1rem;font-size:1.25rem}.hero-badge{background:color-mix(in srgb, var(--purple) 14%, transparent);color:var(--purple);border:1px solid color-mix(in srgb, var(--purple) 35%, transparent);border-radius:999px;margin-bottom:2rem;padding:.35rem .9rem;font-size:.9rem;font-weight:600;display:inline-block}.hero-note{color:var(--muted);margin-top:.75rem;font-size:.85rem}.features{text-align:center;max-width:1100px;margin:0 auto;padding:5rem 1.5rem}.features h2{margin-bottom:3rem;font-size:2rem;font-weight:700}.feature-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.feature-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem}.feature-card.feature-new{border-color:color-mix(in srgb, var(--purple) 55%, var(--border));position:relative}.feature-card.feature-new:after{content:"New";letter-spacing:.04em;text-transform:uppercase;background:color-mix(in srgb, var(--purple) 18%, transparent);color:var(--purple);border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:700;position:absolute;top:1rem;right:1rem}.feature-icon{margin-bottom:.75rem;font-size:2rem;display:block}.feature-card h3{margin-bottom:.4rem;font-size:1.05rem}.feature-card p{color:var(--muted);font-size:.95rem}.screenshots{text-align:center;max-width:1100px;margin:0 auto;padding:5rem 1.5rem}.screenshots h2{margin-bottom:3rem;font-size:2rem;font-weight:700}.screenshot-gallery{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.screenshot-item{border-radius:var(--radius);border:1px solid var(--border);cursor:zoom-in;background:#0a0a0a;transition:transform .15s,box-shadow .15s;overflow:hidden;box-shadow:0 4px 16px #00000014}.screenshot-item:hover{transform:translateY(-3px);box-shadow:0 10px 30px #7c3aed2e}.screenshot-item img{object-fit:cover;object-position:top;width:100%;height:190px;display:block}.screenshot-item figcaption{color:var(--muted);background:var(--card-bg);border-top:1px solid var(--border);padding:.6rem .75rem;font-size:.85rem}.lightbox{z-index:999;cursor:zoom-out;background:#000000e0;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.lightbox img{border-radius:var(--radius);object-fit:contain;max-width:92vw;max-height:85vh;box-shadow:0 20px 60px #0009}.lightbox p{color:#ffffffb3;margin-top:1rem;font-size:.95rem}@media (width<=768px){.screenshot-gallery{grid-template-columns:1fr}.screenshot-item img{height:220px}}.steps{background:var(--purple-light);text-align:center;padding:5rem 1.5rem}.steps h2{margin-bottom:3rem;font-size:2rem;font-weight:700}.step-list{text-align:left;flex-direction:column;gap:1.5rem;max-width:600px;margin:0 auto;list-style:none;display:flex}.step-list li{border-radius:var(--radius);background:#fff;align-items:flex-start;gap:1.25rem;padding:1.25rem 1.5rem;display:flex}.step-num{background:var(--purple);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1rem;font-weight:700;display:flex}.step-list strong{margin-bottom:.2rem;display:block}.step-list p{color:var(--muted);font-size:.95rem}.cta{text-align:center;padding:5rem 1rem}.cta h2{margin-bottom:1.5rem;font-size:2rem;font-weight:700}.legal{max-width:760px;margin:0 auto;padding:3rem 1.5rem 5rem}.legal h1{margin-bottom:.25rem;font-size:2.2rem;font-weight:800}.last-updated{color:var(--muted);margin-bottom:2.5rem;font-size:.9rem}.legal h2{margin:2rem 0 .5rem;font-size:1.2rem;font-weight:700}.legal p,.legal li{color:#374151;margin-bottom:.5rem;line-height:1.7}.legal ul{padding-left:1.4rem}.legal ul li{margin-bottom:.4rem}.footer{border-top:1px solid var(--border);text-align:center;color:var(--muted);padding:1.5rem;font-size:.875rem}.footer a{color:var(--muted)}.footer a:hover{color:var(--purple)}