:root{--cyan: #06b6d4;--cyan-light: #22d3ee;--cyan-glow: rgba(6, 182, 212, .15);--purple: #8b5cf6;--purple-light: #a78bfa;--purple-glow: rgba(139, 92, 246, .12);--gold: #e5a93d;--green: #34d399;--red: #f87171;--bg-deep: #040410;--bg-base: #08081a;--bg-surface: #0f0f24;--bg-elevated: #161636;--border: #1e1e40;--border-light: #2a2a55;--text-primary: #f0f0f8;--text-secondary: #8892a8;--text-muted: #4a5068;--font-display: "Syne", system-ui, sans-serif;--font-body: "Plus Jakarta Sans", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.display-xl{font-family:var(--font-display);font-size:clamp(44px,7vw,80px);font-weight:800;line-height:1;letter-spacing:-.04em;color:var(--text-primary)}.display-lg{font-family:var(--font-display);font-size:clamp(32px,4.5vw,56px);font-weight:800;line-height:1.08;letter-spacing:-.035em;color:var(--text-primary)}.display-md{font-family:var(--font-display);font-size:clamp(24px,3vw,36px);font-weight:700;line-height:1.15;letter-spacing:-.025em}.body-lg{font-size:20px;line-height:1.7;color:var(--text-secondary)}.body-md{font-size:16px;line-height:1.65;color:var(--text-secondary)}.label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.gradient-cyan{background:linear-gradient(135deg,var(--cyan),var(--cyan-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-purple{background:linear-gradient(135deg,var(--purple),var(--purple-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-gold{background:linear-gradient(135deg,var(--gold),#f0c060);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{max-width:1200px;margin:0 auto;padding:0 32px}.section{padding:120px 0;position:relative}.section-alt{background:var(--bg-base)}.section-dark{background:var(--bg-deep)}.section-surface{background:var(--bg-surface)}.section-header{text-align:center;max-width:720px;margin:0 auto 72px}.section-header .body-lg{margin-top:20px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.nav{position:fixed;top:0;left:0;right:0;z-index:200;height:72px;display:flex;align-items:center;padding:0 32px;background:#040410cc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(30,30,64,.5);transition:background .3s,border-color .3s}.nav.scrolled{background:#040410f2;border-bottom-color:var(--border)}.nav-inner{max-width:1200px;margin:0 auto;width:100%;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:18px;font-weight:800;color:var(--text-primary);text-decoration:none;letter-spacing:-.03em}.nav-links{display:flex;align-items:center;gap:4px;list-style:none}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;padding:8px 14px;border-radius:8px;transition:color .15s,background .15s}.nav-links a:hover{color:var(--text-primary);background:#ffffff0a}.nav-cta{background:var(--cyan)!important;color:var(--bg-deep)!important;font-weight:700!important;border-radius:10px!important;padding:9px 20px!important}.nav-cta:hover{background:var(--cyan-light)!important}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-size:15px;font-weight:700;padding:14px 28px;border-radius:12px;border:none;cursor:pointer;text-decoration:none;transition:all .2s ease;letter-spacing:-.01em}.btn-primary{background:var(--cyan);color:var(--bg-deep)}.btn-primary:hover{background:var(--cyan-light);transform:translateY(-2px);box-shadow:0 8px 32px #06b6d440}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-light)}.btn-secondary:hover{border-color:var(--cyan);color:var(--cyan)}.btn-purple{background:var(--purple);color:#fff}.btn-purple:hover{background:var(--purple-light);transform:translateY(-2px);box-shadow:0 8px 32px #8b5cf640}.btn-lg{font-size:17px;padding:18px 36px;border-radius:14px}.pill{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:6px 16px;border-radius:100px;border:1px solid;margin-bottom:24px}.pill-cyan{color:var(--cyan);border-color:#06b6d459;background:#06b6d40f}.pill-purple{color:var(--purple-light);border-color:#8b5cf659;background:#8b5cf60f}.pill-green{color:var(--green);border-color:#34d39959;background:#34d3990f}.pill-gold{color:var(--gold);border-color:#e5a93d59;background:#e5a93d0f}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:20px;padding:32px;transition:border-color .25s,transform .25s}.card:hover{border-color:#06b6d44d;transform:translateY(-4px)}.hero{min-height:100vh;display:flex;align-items:center;padding-top:72px;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -5%,rgba(6,182,212,.12) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 90%,rgba(139,92,246,.08) 0%,transparent 50%)}.hero-grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(30,30,64,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(30,30,64,.2) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black 0%,transparent 65%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black 0%,transparent 65%)}.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;width:100%}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#06b6d414;border:1px solid rgba(6,182,212,.2);border-radius:100px;padding:6px 16px 6px 8px;font-size:13px;font-weight:600;color:var(--cyan);margin-bottom:28px}.hero-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);animation:pulse-dot 2s ease-in-out infinite}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:40px}.hero-stats{display:flex;gap:0;margin-top:56px;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#0f0f2480}.hero-stat{flex:1;padding:20px 16px;text-align:center;border-right:1px solid var(--border)}.hero-stat:last-child{border-right:none}.hero-stat-num{font-family:var(--font-display);font-size:28px;font-weight:800;color:var(--text-primary);line-height:1;margin-bottom:6px}.hero-stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.phone-wrapper{display:flex;justify-content:center;align-items:center;position:relative}.phone-glow{position:absolute;width:340px;height:340px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;filter:blur(80px);z-index:0;animation:glow-breathe 4s ease-in-out infinite}.phone-glow-cyan{background:#06b6d433}.phone-glow-purple{background:#8b5cf629}.phone-frame-wrapper{z-index:1;position:relative}.phone-frame{background:var(--bg-surface);border:2px solid var(--border-light);border-radius:44px;box-shadow:0 40px 100px #000000a6,0 0 0 1px #ffffff08,inset 0 1px #ffffff0f;overflow:hidden;position:relative;width:320px}.phone-notch{background:var(--bg-deep);border-radius:0 0 14px 14px;height:10px;margin:0 auto;width:100px}.phone-screen{height:580px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.phone-screen::-webkit-scrollbar{display:none}.phone-home-indicator{background:var(--border-light);border-radius:2px;height:4px;margin:6px auto;width:100px}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}.steps-grid:before{content:"";position:absolute;top:44px;left:12%;right:12%;height:2px;background:linear-gradient(90deg,var(--cyan),var(--purple),var(--green),var(--gold));opacity:.3}.step{text-align:center;position:relative;padding:0 12px}.step-num{width:88px;height:88px;border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:36px;margin:0 auto 24px;position:relative;z-index:1;border:1px solid}.step-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.step-desc{font-size:14px;color:var(--text-secondary);line-height:1.6}.feature-list{list-style:none;display:flex;flex-direction:column;gap:18px;margin:32px 0 40px}.feature-item{display:flex;align-items:flex-start;gap:16px}.feature-icon{width:40px;height:40px;flex-shrink:0;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-top:2px}.feature-icon-cyan{background:#06b6d41a;border:1px solid rgba(6,182,212,.2)}.feature-icon-purple{background:#8b5cf61a;border:1px solid rgba(139,92,246,.2)}.feature-title{font-weight:700;color:var(--text-primary);margin-bottom:3px}.feature-body{font-size:14px;color:var(--text-secondary);line-height:1.55}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:820px;margin:0 auto}.pricing-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:24px;padding:40px 36px;display:flex;flex-direction:column;transition:border-color .25s,transform .25s;position:relative}.pricing-card:hover{transform:translateY(-4px)}.pricing-card.featured{border-color:#8b5cf666;background:linear-gradient(180deg,rgba(139,92,246,.06) 0%,var(--bg-surface) 50%)}.pricing-card.featured:hover{border-color:#8b5cf699}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--purple);color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 16px;border-radius:100px;white-space:nowrap}.pricing-tier{font-size:14px;font-weight:600;margin-bottom:12px}.pricing-price{font-family:var(--font-display);font-size:56px;font-weight:800;color:var(--text-primary);line-height:1;margin-bottom:4px}.pricing-price span{font-family:var(--font-body);font-size:16px;font-weight:500;color:var(--text-muted)}.pricing-annual{font-size:13px;color:var(--text-muted);margin-bottom:28px}.pricing-desc{font-size:15px;color:var(--text-secondary);line-height:1.55;margin-bottom:28px}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:14px;flex:1;margin-bottom:32px}.pricing-feature{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text-secondary);line-height:1.45}.pricing-check{color:var(--green);flex-shrink:0;margin-top:1px;font-weight:700}.privacy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.privacy-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:20px;padding:36px 28px;text-align:center;transition:border-color .25s}.privacy-card:hover{border-color:#34d3994d}.privacy-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 20px;background:#34d39914;border:1px solid rgba(52,211,153,.2)}.privacy-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.privacy-desc{font-size:14px;color:var(--text-secondary);line-height:1.6}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.testimonial{background:var(--bg-surface);border:1px solid var(--border);border-radius:20px;padding:32px;position:relative}.testimonial-quote{font-size:48px;line-height:1;font-weight:900;margin-bottom:12px}.testimonial-text{font-size:15px;color:var(--text-primary);line-height:1.65;font-style:italic;margin-bottom:20px}.testimonial-author{font-size:13px;font-weight:600;color:var(--text-secondary)}.testimonial-role{font-size:12px;color:var(--text-muted);margin-top:2px}.cta-section{text-align:center;padding:120px 0;position:relative;overflow:hidden}.cta-bg{position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 50%,rgba(6,182,212,.08) 0%,transparent 60%),radial-gradient(ellipse 40% 30% at 80% 20%,rgba(139,92,246,.06) 0%,transparent 50%)}.cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:40px}.footer{border-top:1px solid var(--border);padding:40px 32px}.footer-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer-logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--text-primary);text-decoration:none}.footer-links{display:flex;gap:24px;list-style:none}.footer-links a{font-size:13px;color:var(--text-muted);text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--text-secondary)}.footer-copy{font-size:12px;color:var(--text-muted)}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border) 20%,var(--border) 80%,transparent)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes glow-breathe{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.08)}}@keyframes fade-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.float-anim{animation:float 6s ease-in-out infinite}.float-anim-offset{animation:float 7s ease-in-out infinite 2s}.fade-up{animation:fade-up .7s ease forwards}.fade-up-delay-1{animation:fade-up .7s ease .1s forwards;opacity:0}.fade-up-delay-2{animation:fade-up .7s ease .2s forwards;opacity:0}.fade-up-delay-3{animation:fade-up .7s ease .3s forwards;opacity:0}@media(max-width:1024px){.container{padding:0 24px}.grid-2{gap:48px}}@media(max-width:900px){.section{padding:80px 0}.grid-2{grid-template-columns:1fr;gap:48px}.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.hero-content{grid-template-columns:1fr;gap:48px;text-align:center}.hero-actions{justify-content:center}.hero-stats{flex-wrap:wrap}.hero-stat{min-width:50%}.steps-grid{grid-template-columns:repeat(2,1fr);gap:32px}.steps-grid:before{display:none}.pricing-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto}.privacy-grid,.testimonial-grid{grid-template-columns:1fr}.nav-links{display:none}}@media(max-width:480px){.container,.nav{padding:0 16px}.phone-frame{width:280px}.phone-screen{height:500px}.steps-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;text-align:center}}