*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:#050505;color:#d1d5db;overflow-x:hidden;-webkit-font-smoothing:antialiased}.dot-grid{position:relative}.dot-grid::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;mask-image:radial-gradient(ellipse 60% 50% at 50% 40%,black 30%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 40%,black 30%,transparent 100%)}.shape{position:absolute;pointer-events:none;will-change:transform}.shape-ring{width:500px;height:500px;border:1px solid rgba(13,189,119,.08);border-radius:50%;top:-120px;right:-160px;animation:spin-slow 60s linear infinite}.shape-ring-2{width:350px;height:350px;border:1px solid rgba(24,65,100,.1);border-radius:50%;bottom:5%;left:-100px;animation:spin-slow 45s linear infinite reverse}.shape-cross{width:24px;height:24px;top:20%;left:8%;animation:float-shape 8s ease-in-out infinite}.shape-cross::after,.shape-cross::before{content:'';position:absolute;background:rgba(13,189,119,.15);border-radius:2px}.shape-cross::before{width:24px;height:3px;top:10px;left:0}.shape-cross::after{width:3px;height:24px;top:0;left:10px}.shape-diamond{width:16px;height:16px;background:rgba(13,189,119,.1);top:35%;right:6%;transform:rotate(45deg);animation:float-shape 10s ease-in-out infinite 2s;border-radius:2px}.shape-tri{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:17px solid rgba(24,65,100,.12);bottom:20%;right:12%;animation:float-shape 12s ease-in-out infinite 4s}.shape-circle-sm{width:10px;height:10px;border-radius:50%;background:rgba(13,189,119,.1);top:55%;left:5%;animation:float-shape 9s ease-in-out infinite 1s}@keyframes spin-slow{to{transform:rotate(360deg)}}@keyframes float-shape{0%,100%{transform:translateY(0) rotate(0);opacity:.6}50%{transform:translateY(-18px) rotate(6deg);opacity:1}}.glow-blob{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;opacity:.4}.glow-blob-1{width:600px;height:400px;background:rgba(24,65,100,.25);top:-15%;right:-10%}.glow-blob-2{width:400px;height:300px;background:rgba(13,189,119,.12);bottom:10%;left:-8%}.nav-pill{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:100;height:56px;padding:6px 6px 6px 24px;background:linear-gradient(135deg,rgba(24,65,100,.25),rgba(13,189,119,.08));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(13,189,119,.15);border-radius:100px;display:flex;align-items:center;max-width:760px;width:calc(100% - 32px);transition:background .4s,border-color .4s,box-shadow .4s}.nav-pill.scrolled{background:linear-gradient(135deg,rgba(16,40,64,.45),rgba(10,10,10,.75));border-color:rgba(13,189,119,.12);box-shadow:0 8px 32px rgba(0,0,0,.4)}.nav-logo{display:flex;align-items:center;gap:8px;text-decoration:none;flex-shrink:0}.nav-logo img{height:28px;width:28px}.nav-logo span{font-size:1rem;font-weight:700;letter-spacing:.02em}.nav-links{flex:1;display:flex;justify-content:center;align-items:center;gap:6px}.nav-links a{font-size:.8rem;font-weight:500;color:#9ca3af;text-decoration:none;padding:6px 14px;border-radius:100px;transition:color .2s,background .2s}.nav-links a:hover{color:#fff;background:rgba(255,255,255,.06)}.nav-links a.active{color:#fff;background:rgba(255,255,255,.08)}.nav-cta{padding:10px 22px;background:#0dbd77;color:#fff;font-weight:600;font-size:.82rem;border-radius:100px;text-decoration:none;transition:background .25s,transform .25s cubic-bezier(.16,1,.3,1);white-space:nowrap;flex-shrink:0}.nav-cta:hover{background:#0ecf82;transform:translateY(-1px) scale(1.03)}.nav-hamburger{display:none;background:0 0;border:none;color:#9ca3af;cursor:pointer;padding:8px;margin-left:auto}.mobile-dropdown{position:fixed;top:80px;left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:760px;background:rgba(10,10,10,.92);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:8px;z-index:99;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;transform:translateX(-50%) translateY(-8px)}.mobile-dropdown.open{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.mobile-dropdown a{display:block;padding:14px 20px;color:#d1d5db;text-decoration:none;font-size:.95rem;font-weight:500;border-radius:12px;transition:background .2s,color .2s}.mobile-dropdown a:hover{background:rgba(255,255,255,.05);color:#fff}.mobile-dropdown .mobile-cta{display:block;text-align:center;margin:8px 12px 12px;padding:14px;background:#0dbd77;color:#fff;font-weight:600;border-radius:14px;text-decoration:none}@media (max-width:768px){.nav-cta,.nav-links{display:none}.nav-hamburger{display:block}.nav-pill{padding-right:6px}}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:#0dbd77;color:#fff;font-weight:600;font-size:1rem;border:none;border-radius:14px;cursor:pointer;text-decoration:none;transition:transform .25s cubic-bezier(.16,1,.3,1),background .25s,filter .25s;position:relative;overflow:hidden}.btn-primary::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent);opacity:0;transition:opacity .3s}.btn-primary:hover{transform:translateY(-2px) scale(1.02);background:#0ecf82}.btn-primary:hover::after{opacity:1}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:rgba(255,255,255,.05);color:#e5e7eb;font-weight:500;font-size:1rem;border:1px solid rgba(255,255,255,.1);border-radius:14px;cursor:pointer;text-decoration:none;transition:background .25s,border-color .25s,transform .25s cubic-bezier(.16,1,.3,1),color .25s}.btn-secondary:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff;transform:translateY(-2px) scale(1.02)}.btn-secondary:active{transform:translateY(0) scale(.98)}.card{position:relative;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:20px;overflow:hidden;transition:border-color .4s,transform .3s}.card:hover{border-color:rgba(255,255,255,.12);transform:translateY(-3px)}.card .card-glow-effect{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(13,189,119,.12),transparent 70%);pointer-events:none;opacity:0;transition:opacity .4s;transform:translate(-50%,-50%);z-index:0}.card:hover .card-glow-effect{opacity:1}.card>:not(.card-glow-effect){position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:rgba(13,189,119,.08);border:1px solid rgba(13,189,119,.15);border-radius:100px;font-size:.85rem;font-weight:500;color:#0dbd77}.hero-heading{font-size:clamp(2.8rem, 6vw, 4.5rem);font-weight:800;line-height:1.08;letter-spacing:-.03em;color:#fff}.text-accent{color:#0dbd77}.mockup-wrapper{position:relative;perspective:1200px}.mockup-frame{position:relative;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;aspect-ratio:16/9;transition:transform .4s ease-out}.mockup-bar{height:40px;background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;padding:0 16px;gap:6px}.mockup-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.1)}.mockup-url{margin-left:12px;font-size:.7rem;color:#4b5563;font-family:'JetBrains Mono',monospace,sans-serif}.mockup-content{padding:20px;display:flex;flex-direction:column;gap:12px;height:calc(100% - 40px)}.play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.2);cursor:pointer;transition:background .3s}.play-overlay:hover{background:rgba(0,0,0,.1)}.play-btn{width:68px;height:68px;background:rgba(13,189,119,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s,box-shadow .3s;box-shadow:0 0 40px rgba(13,189,119,.2)}.play-overlay:hover .play-btn{transform:scale(1.08);box-shadow:0 0 60px rgba(13,189,119,.35)}.why-icon{width:52px;height:52px;background:rgba(13,189,119,.08);border:1px solid rgba(13,189,119,.12);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#0dbd77;flex-shrink:0;transition:background .3s,transform .3s}.why-card:hover .why-icon{background:rgba(13,189,119,.15);transform:scale(1.05)}.feat-icon{width:44px;height:44px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#0dbd77;transition:background .3s,border-color .3s,transform .3s}.card:hover .feat-icon{background:rgba(13,189,119,.1);border-color:rgba(13,189,119,.2);transform:translateY(-2px)}.step-num{width:44px;height:44px;background:#0dbd77;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;color:#fff;flex-shrink:0;transition:transform .3s cubic-bezier(.16,1,.3,1),background .3s}.step-card:hover .step-num{transform:scale(1.1);background:#0ecf82}.step-line{position:absolute;top:22px;height:2px;background:rgba(255,255,255,.04);z-index:0}.step-line-fill{height:100%;background:linear-gradient(90deg,rgba(13,189,119,.3),rgba(13,189,119,.05));width:0;transition:width 1s ease}.section-illustration{position:absolute;pointer-events:none;opacity:.5;z-index:0}.section-illust-left{left:-40px;top:20%;animation:illust-float 14s ease-in-out infinite}.section-illust-right{right:-30px;bottom:15%;animation:illust-float 16s ease-in-out infinite 3s}.section-illust-top-right{right:-20px;top:10%;animation:illust-float 12s ease-in-out infinite 1s}.section-illust-bottom-left{left:-50px;bottom:10%;animation:illust-float 15s ease-in-out infinite 5s}@keyframes illust-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(2deg)}}.price-card{background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);border-radius:24px;padding:40px 32px;transition:border-color .3s,transform .3s,box-shadow .3s}.price-card:hover{transform:translateY(-4px)}.price-card.featured{border-color:rgba(13,189,119,.3);background:rgba(13,189,119,.04)}.price-card.featured:hover{box-shadow:0 0 60px rgba(13,189,119,.08)}.price-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);padding:6px 16px;background:#0dbd77;color:#fff;font-size:.75rem;font-weight:700;border-radius:100px;letter-spacing:.03em}.check-i{color:#0dbd77}.x-i{color:#374151}.avatar-ring{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#184164,#0dbd77);padding:2px;flex-shrink:0}.avatar-inner{width:100%;height:100%;border-radius:50%;background:#111;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:#0dbd77}.faq-item{border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;transition:border-color .3s}.faq-item.open{border-color:rgba(13,189,119,.2)}.faq-btn{width:100%;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:0 0;border:none;color:#e5e7eb;font-size:.95rem;font-weight:500;cursor:pointer;text-align:left;font-family:inherit;transition:color .2s}.faq-btn:hover{color:#fff}.faq-chevron{transition:transform .3s,color .3s;flex-shrink:0;color:#4b5563}.faq-item.open .faq-chevron{transform:rotate(180deg);color:#0dbd77}.faq-body{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .3s;padding:0 24px}.faq-item.open .faq-body{max-height:300px;padding:0 24px 20px}.cta-band{background:#0c0c0c;border-top:1px solid rgba(13,189,119,.1);border-bottom:1px solid rgba(13,189,119,.1)}.reveal{opacity:0;transform:translateY(32px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.vis{opacity:1;transform:translateY(0)}.reveal-d1{transition-delay:80ms}.reveal-d2{transition-delay:0.16s}.reveal-d3{transition-delay:0.24s}.reveal-d4{transition-delay:0.32s}.reveal-d5{transition-delay:0.40s}.reveal-scale{opacity:0;transform:translateY(24px) scale(.97);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.reveal-scale.vis{opacity:1;transform:translateY(0) scale(1)}.section-navy{background:#0c0c0c}footer a{color:#6b7280;text-decoration:none;transition:color .2s}footer a:hover{color:#0dbd77}@media (max-width:768px){.hero-heading{font-size:2.5rem!important}.pricing-grid{grid-template-columns:1fr!important}.step-line{display:none}.section-illustration{display:none}}@media (max-width:480px){.hero-heading{font-size:2rem!important}}