:root{--bg: #0b0d14;--bg-deep: #060810;--surface: #141721;--surface2: #1c2033;--text3: #3d4462;--bg-card: rgba(20, 23, 33, .92);--border: rgba(255, 255, 255, .07);--text: #f0f2ff;--muted: #6b7490;--accent: #00c9ff;--accent-dim: rgba(0, 201, 255, .12);--violet: #7c6dfa;--blue: #4285f4;--grad: linear-gradient(135deg, #7c6dfa 0%, #00c9ff 100%);--grad-card: linear-gradient(135deg, #1a1440 0%, #0d2a4a 50%, #0a1a35 100%);--radius: 16px;--ease-out: cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg-deep);color:var(--text);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.bg-mesh{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(ellipse 100% 80% at 0% -15%,rgba(124,109,250,.2),transparent 52%),radial-gradient(ellipse 80% 55% at 100% 0%,rgba(0,201,255,.14),transparent 48%),radial-gradient(ellipse 60% 50% at 50% 100%,rgba(124,109,250,.08),transparent 50%),var(--bg-deep);animation:mesh-shift 18s ease-in-out infinite alternate}@keyframes mesh-shift{0%{filter:hue-rotate(0deg) saturate(1)}to{filter:hue-rotate(12deg) saturate(1.08)}}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 20%,black,transparent);mask-image:radial-gradient(ellipse 70% 70% at 50% 20%,black,transparent);pointer-events:none}.top{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,2rem);border-bottom:1px solid var(--border);background:#05060abf;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:header-in .7s var(--ease-out) both}@keyframes header-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit}.logo-mark{width:36px;height:36px;border-radius:10px;background:var(--grad);display:grid;place-items:center;font-family:Inter,sans-serif;font-weight:700;font-size:1rem;color:#fff;box-shadow:0 0 28px #7c6dfa66;animation:logo-glow 3s ease-in-out infinite alternate}.logo-mark.small{width:28px;height:28px;font-size:.85rem}@keyframes logo-glow{0%{box-shadow:0 0 20px #7c6dfa4d}to{box-shadow:0 0 36px #00c9ff59}}.logo-text{font-family:Inter,sans-serif;font-weight:600;font-size:1.1rem;letter-spacing:-.03em}.nav-desk{display:none;gap:1.75rem}@media(min-width:900px){.nav-desk{display:flex}}.nav-desk a{color:var(--muted);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .25s var(--ease-out)}.nav-desk a:hover{color:var(--text)}.top-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.hero{max-width:1120px;margin:0 auto;padding:clamp(2.5rem,8vw,5rem) clamp(1rem,4vw,2rem) 3rem;text-align:center}.hero-split{display:grid;grid-template-columns:1fr;gap:clamp(2rem,5vw,3.5rem);align-items:center;text-align:center}@media(min-width:960px){.hero-split{grid-template-columns:minmax(0,1fr) minmax(280px,360px);text-align:left}.hero-split .hero-copy{text-align:left}.hero-split .hero-title,.hero-split .lead{margin-left:0;margin-right:0}.hero-split .lead{max-width:34rem}.hero-split .hero-cta,.hero-split .stats{justify-content:flex-start}}.hero-copy{min-width:0}.hero-split .hero-title,.hero-split .lead{text-align:inherit}.hero-split .hero-cta{justify-content:center}.hero-split .stats{margin:0}.hero-showcase{display:flex;flex-direction:column;align-items:center;gap:.75rem}.showcase-caption{margin:0;font-size:.8rem;color:var(--muted)}.phone-frame{width:100%;max-width:320px;border-radius:36px;padding:10px;background:linear-gradient(160deg,#ffffff14,#ffffff05);box-shadow:0 32px 80px #0000008c,0 0 0 1px #ffffff0f,inset 0 0 0 1px #ffffff0a}.phone-screen{border-radius:28px;background:var(--bg);overflow:hidden;padding:0 0 18px;border:1px solid rgba(255,255,255,.06)}.mock-status{display:flex;align-items:center;justify-content:space-between;padding:10px 22px 6px;font-size:13px;font-weight:600;color:#f0f2ffd9}.mock-signal{width:54px;height:10px;border-radius:4px;background:linear-gradient(90deg,#f0f2ff59,#f0f2ffd9);opacity:.75}.mock-home-header{display:flex;align-items:center;gap:10px;padding:6px 18px 12px}.mock-avatar{width:40px;height:40px;border-radius:50%;background:var(--grad);display:grid;place-items:center;font-size:15px;font-weight:800;color:#fff;flex-shrink:0}.mock-greet{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mock-greet-sub{font-size:11px;font-weight:600;color:var(--muted)}.mock-greet-name{font-size:15px;font-weight:700;color:var(--text)}.mock-notif{width:38px;height:38px;border-radius:12px;background:var(--surface2);border:1px solid var(--border);display:grid;place-items:center;flex-shrink:0}.mock-balance-card{margin:0 16px;padding:16px 18px;border-radius:var(--radius);background:var(--surface);border:1px solid rgba(124,109,250,.2);display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;overflow:hidden}.mock-balance-card:before{content:"";position:absolute;top:-28px;right:-18px;width:100px;height:100px;background:radial-gradient(circle,rgba(0,201,255,.14) 0%,transparent 70%);pointer-events:none}.mock-balance-lbl{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.mock-balance-amt{font-size:26px;font-weight:800;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.mock-balance-amt span{font-size:17px;font-weight:700}.mock-pill{flex-shrink:0;padding:10px 16px;border-radius:12px;font-size:12px;font-weight:700;color:#fff;background:var(--grad);position:relative;z-index:1}.mock-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 16px 0}.mock-q-item{display:flex;align-items:center;gap:8px;padding:11px 10px;border-radius:12px;background:var(--surface);border:1px solid var(--border);font-size:12px;font-weight:600;color:var(--text)}.mock-q-ic{width:32px;height:32px;border-radius:10px;background:var(--surface2);display:grid;place-items:center;flex-shrink:0}.mock-section-h{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 8px;font-size:14px;font-weight:700}.mock-link{font-size:12px;font-weight:500;color:var(--violet)}.mock-empty-cards{margin:0 16px;padding:18px 14px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);text-align:center}.mock-empty-ic{width:48px;height:48px;margin:0 auto 10px;border-radius:14px;background:var(--surface2);display:grid;place-items:center}.mock-empty-t{font-size:14px;font-weight:700;margin-bottom:4px}.mock-empty-p{font-size:12px;color:var(--muted);line-height:1.45;margin:0 auto;max-width:200px}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .9rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);font-size:.8rem;color:var(--muted);margin-bottom:1.5rem}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.hero-title{margin:0 0 1.25rem;font-family:Inter,sans-serif;font-weight:700;font-size:clamp(2.1rem,6vw,3.35rem);line-height:1.08;letter-spacing:-.04em}.title-line{display:block}.gradient-text{background:var(--grad);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradient-flow 5s linear infinite}@keyframes gradient-flow{0%{background-position:0% center}to{background-position:200% center}}.lead{color:var(--muted);font-size:clamp(1rem,2.4vw,1.15rem);line-height:1.65;max-width:560px;margin:0 auto 2rem}.hero-cta{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:3rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.2rem;border-radius:12px;text-decoration:none;font-weight:600;font-size:.92rem;border:none;cursor:pointer;transition:transform .2s var(--ease-out),box-shadow .25s var(--ease-out)}.btn:active{transform:scale(.97)}.btn-lg{padding:.85rem 1.5rem;font-size:1rem;border-radius:14px}.btn.primary{background:var(--grad);color:#fff;font-weight:700;box-shadow:0 10px 36px #7c6dfa47}.btn.primary:hover{box-shadow:0 12px 40px #6366f159;transform:translateY(-2px)}.btn.ghost{border:1px solid var(--border);color:var(--text);background:#ffffff08}.btn.ghost:hover{background:#ffffff0f;border-color:#ffffff1f}.shine{position:relative;overflow:hidden}.shine:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%);transform:translate(-100%);animation:shine-sweep 4s ease-in-out infinite}@keyframes shine-sweep{0%,70%{transform:translate(-100%)}85%{transform:translate(100%)}to{transform:translate(100%)}}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;max-width:640px;margin:0 auto}@media(max-width:600px){.stats{grid-template-columns:1fr}}.stat{padding:1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .3s var(--ease-out),transform .3s var(--ease-out)}.stat:hover{border-color:#5eead440;transform:translateY(-4px)}.stat-num{display:block;font-family:Inter,sans-serif;font-size:1.75rem;font-weight:700;color:var(--accent);line-height:1.2}.stat-static{font-size:1.5rem}.stat-label{font-size:.78rem;color:var(--muted);line-height:1.35}.section{max-width:1040px;margin:0 auto;padding:clamp(2.5rem,6vw,4rem) clamp(1rem,4vw,2rem)}.section-tint{background:linear-gradient(180deg,transparent,rgba(99,102,241,.06),transparent)}.section-title{font-family:Inter,sans-serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;letter-spacing:-.03em;margin:0 0 .5rem;text-align:center}.section-sub{text-align:center;color:var(--muted);max-width:520px;margin:0 auto 2.5rem;line-height:1.55}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.feature-grid-3{grid-template-columns:1fr}@media(min-width:720px){.feature-grid-3{grid-template-columns:repeat(3,1fr)}}.feature-card{padding:1.35rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .35s var(--ease-out),border-color .35s var(--ease-out),box-shadow .35s var(--ease-out)}.feature-card:hover{transform:translateY(-6px);border-color:#7c6dfa47;box-shadow:0 20px 50px #0006}.feature-icon{font-size:1.75rem;margin-bottom:.75rem;filter:drop-shadow(0 0 12px rgba(94,234,212,.35))}.feature-card h3{margin:0 0 .5rem;font-size:1.05rem;font-weight:600}.feature-card p{margin:0;font-size:.88rem;color:var(--muted);line-height:1.55}.steps{list-style:none;padding:0;margin:0;max-width:560px;margin-inline:auto}.step{display:flex;gap:1rem;align-items:flex-start;padding:1.25rem 0;border-bottom:1px solid var(--border)}.step:last-child{border-bottom:none}.step-num{flex-shrink:0;width:40px;height:40px;border-radius:12px;background:var(--accent-dim);color:var(--accent);font-family:Inter,sans-serif;font-weight:700;display:grid;place-items:center}.step .muted{margin:.35rem 0 0;font-size:.88rem;color:var(--muted)}.faq{max-width:640px;margin:0 auto}.faq-item{border:1px solid var(--border);border-radius:12px;margin-bottom:.65rem;background:#0c0e1899;overflow:hidden;transition:border-color .25s}.faq-item:hover{border-color:#ffffff1a}.faq-item[open]{border-color:#5eead440}.faq-item summary{padding:1rem 1.1rem;cursor:pointer;font-weight:600;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--accent);font-size:1.25rem;font-weight:400;transition:transform .3s var(--ease-out)}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{margin:0;padding:0 1.1rem 1rem;font-size:.9rem;color:var(--muted);line-height:1.55}.cta-final{text-align:center;padding:clamp(3rem,8vw,5rem) 1.5rem;margin:2rem clamp(1rem,4vw,2rem);border-radius:24px;border:1px solid var(--border);background:linear-gradient(145deg,#7c6dfa1a,#00c9ff14);position:relative;overflow:hidden}.cta-final:before{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(circle at 30% 50%,rgba(124,109,250,.18),transparent 45%);animation:cta-glow 8s ease-in-out infinite alternate;pointer-events:none}@keyframes cta-glow{0%{transform:translate(-5%) rotate(0)}to{transform:translate(5%) rotate(8deg)}}.cta-final h2,.cta-final p,.cta-final .btn{position:relative;z-index:1}.cta-final h2{font-family:Inter,sans-serif;font-size:clamp(1.4rem,3vw,1.85rem);margin:0 0 .5rem}.cta-final p{color:var(--muted);margin:0 0 1.5rem}.foot{margin-top:auto;padding:1.5rem;border-top:1px solid var(--border);font-size:.85rem;color:var(--muted)}.foot-inner{max-width:1040px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.foot-link{color:var(--accent);text-decoration:none;margin-left:.5rem}.foot-link:hover{text-decoration:underline}.anim-fade{opacity:0;transform:translateY(16px);animation:fade-up .8s var(--ease-out) forwards;animation-delay:var(--d, 0ms)}@keyframes fade-up{to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s var(--ease-out),transform .65s var(--ease-out)}.reveal.in-view{opacity:1;transform:translateY(0)}.feature-card.reveal:nth-child(1){transition-delay:0ms}.feature-card.reveal:nth-child(2){transition-delay:60ms}.feature-card.reveal:nth-child(3){transition-delay:.12s}.feature-card.reveal:nth-child(4){transition-delay:.18s}.feature-grid-3 .feature-card.reveal:nth-child(1){transition-delay:0ms}.feature-grid-3 .feature-card.reveal:nth-child(2){transition-delay:70ms}.feature-grid-3 .feature-card.reveal:nth-child(3){transition-delay:.14s}.step.reveal:nth-child(1){transition-delay:0ms}.step.reveal:nth-child(2){transition-delay:80ms}.step.reveal:nth-child(3){transition-delay:.16s}
