:root {
            --bg-primary: #070514; --bg-secondary: #0d0a1f; --bg-tertiary: #15122a; --bg-card: #0f0c22;
            --text-primary: #ffffff; --text-secondary: #b8b0d4; --text-muted: #6b6290; --text-dim: #4a4466;
            --accent-purple: #a855f7; --accent-pink: #ec4899; --accent-magenta: #d946ef; --accent-cyan: #22d3ee;
            --accent-glow: rgba(168,85,247,0.5); --accent-subtle: rgba(168,85,247,0.12);
            --border-subtle: rgba(168,85,247,0.08); --border-hover: rgba(168,85,247,0.2);
            --gradient-main: linear-gradient(135deg,#a855f7 0%,#ec4899 50%,#d946ef 100%);
            --gradient-soft: linear-gradient(135deg,rgba(168,85,247,0.18) 0%,rgba(236,72,153,0.08) 100%);
            --gradient-hero: radial-gradient(ellipse 90% 70% at 50% 0%,rgba(168,85,247,0.15) 0%,transparent 60%);
            --ease-out-expo: cubic-bezier(0.16,1,0.3,1); --ease-spring: cubic-bezier(0.34,1.56,0.64,1);
        }
        *{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth}
        body{font-family:'Plus Jakarta Sans',sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
        .ambient-bg{position:fixed;inset:0;z-index:-2;background:var(--bg-primary);pointer-events:none}
        .ambient-grid{position:fixed;inset:0;z-index:-1;background-image:linear-gradient(rgba(168,85,247,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(168,85,247,0.025) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black 0%,transparent 70%);pointer-events:none}
        .stars{position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(2px 2px at 20px 30px,rgba(168,85,247,0.3),transparent),radial-gradient(2px 2px at 40px 70px,rgba(236,72,153,0.2),transparent),radial-gradient(1px 1px at 90px 40px,rgba(34,211,238,0.25),transparent),radial-gradient(2px 2px at 160px 120px,rgba(168,85,247,0.2),transparent),radial-gradient(1px 1px at 230px 80px,rgba(236,72,153,0.15),transparent),radial-gradient(2px 2px at 300px 50px,rgba(34,211,238,0.2),transparent),radial-gradient(1px 1px at 350px 150px,rgba(168,85,247,0.25),transparent),radial-gradient(2px 2px at 450px 90px,rgba(236,72,153,0.2),transparent);background-repeat:repeat;background-size:500px 200px;animation:twinkle 8s ease-in-out infinite}
        @keyframes twinkle{0%,100%{opacity:0.6}50%{opacity:1}}
        .glow-orb{position:fixed;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:-1}
        .glow-orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(168,85,247,0.2) 0%,rgba(236,72,153,0.08) 40%,transparent 70%);top:-150px;right:-100px;animation:orb1 10s ease-in-out infinite}
        .glow-orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(34,211,238,0.12) 0%,transparent 70%);bottom:10%;left:-120px;animation:orb2 12s ease-in-out infinite reverse}
        .glow-orb-3{width:300px;height:300px;background:radial-gradient(circle,rgba(236,72,153,0.1) 0%,transparent 70%);top:40%;right:10%;animation:orb3 15s ease-in-out infinite}
        @keyframes orb1{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(40px,-30px) scale(1.1)}66%{transform:translate(-30px,20px) scale(0.95)}}
        @keyframes orb2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(50px,30px) scale(1.15)}}
        @keyframes orb3{0%,100%{transform:translate(0,0)}50%{transform:translate(-20px,-40px)}}
        nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1.25rem 5%;display:flex;justify-content:space-between;align-items:center;backdrop-filter:blur(30px) saturate(1.3);background:rgba(7,5,20,0.7);border-bottom:1px solid var(--border-subtle);transition:all 0.5s var(--ease-out-expo)}
        nav.scrolled{padding:0.875rem 5%;background:rgba(7,5,20,0.92);border-bottom-color:var(--border-hover);box-shadow:0 10px 40px rgba(0,0,0,0.3)}
        .logo{font-size:1.625rem;font-weight:800;letter-spacing:-0.03em;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:'Space Grotesk',sans-serif}
        .nav-links{display:none;gap:2.5rem;list-style:none}
        @media(min-width:768px){.nav-links{display:flex}}
        .nav-links a{color:var(--text-secondary);text-decoration:none;font-size:0.875rem;font-weight:500;transition:color 0.3s;position:relative}
        .nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-main);transition:width 0.3s var(--ease-out-expo);border-radius:2px}
        .nav-links a:hover{color:var(--text-primary)} .nav-links a:hover::after{width:100%}
        .nav-cta{padding:0.625rem 1.75rem;background:var(--gradient-main);color:#fff;border:none;border-radius:100px;font-weight:700;font-size:0.875rem;cursor:pointer;transition:all 0.35s var(--ease-spring);text-decoration:none;letter-spacing:-0.01em;box-shadow:0 4px 25px rgba(168,85,247,0.35);position:relative;overflow:hidden}
        .nav-cta::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.25),transparent);transform:translateX(-100%);transition:transform 0.6s}
        .nav-cta:hover::before{transform:translateX(100%)}
        .nav-cta:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 45px var(--accent-glow),0 0 0 1px rgba(168,85,247,0.3)}
        .container{max-width:1200px;margin:0 auto;padding:0 5%}
        .hero{min-height:100vh;display:flex;align-items:center;padding:9rem 0 5rem;position:relative;background:var(--gradient-hero);overflow:hidden}
        .hero-grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center;position:relative;z-index:1}
        @media(min-width:900px){.hero-grid{grid-template-columns:1.1fr 0.9fr;gap:5rem}}
        .hero-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1.25rem;background:var(--accent-subtle);border:1px solid rgba(168,85,247,0.2);border-radius:100px;font-size:0.8125rem;font-weight:600;color:var(--accent-purple);margin-bottom:2rem;width:fit-content;letter-spacing:0.02em;backdrop-filter:blur(10px)}
        .hero-badge::before{content:'';width:8px;height:8px;background:var(--gradient-main);border-radius:50%;animation:pulseGlow 2.5s ease-in-out infinite}
        @keyframes pulseGlow{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(168,85,247,0.5),0 0 10px rgba(236,72,153,0.3)}50%{opacity:0.7;box-shadow:0 0 0 10px rgba(168,85,247,0),0 0 20px rgba(236,72,153,0)}}
        h1{font-size:clamp(2.75rem,6vw,4.5rem);font-weight:800;line-height:1.05;letter-spacing:-0.035em;margin-bottom:1.5rem}
        .hero-title-accent{background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
        .hero-subtitle{font-size:1.1875rem;color:var(--text-secondary);max-width:500px;margin-bottom:2.5rem;line-height:1.7;font-weight:400}
        .hero-cta-group{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:3.5rem}
        .btn-primary{padding:1rem 2.25rem;background:var(--gradient-main);color:#fff;border:none;border-radius:100px;font-weight:700;font-size:1rem;cursor:pointer;transition:all 0.35s var(--ease-spring);text-decoration:none;display:inline-flex;align-items:center;gap:0.5rem;letter-spacing:-0.01em;box-shadow:0 4px 30px rgba(168,85,247,0.4);position:relative;overflow:hidden}
        .btn-primary::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transform:translateX(-100%);transition:transform 0.6s}
        .btn-primary:hover::before{transform:translateX(100%)}
        .btn-primary:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 20px 55px var(--accent-glow),0 0 0 1px rgba(168,85,247,0.3)}
        .btn-secondary{padding:1rem 2.25rem;background:transparent;border:1.5px solid var(--border-hover);border-radius:100px;color:var(--text-primary);font-weight:600;font-size:1rem;cursor:pointer;transition:all 0.3s var(--ease-smooth);text-decoration:none;display:inline-flex;align-items:center;gap:0.5rem;backdrop-filter:blur(10px)}
        .btn-secondary:hover{border-color:var(--accent-purple);background:var(--accent-subtle);color:var(--accent-purple);box-shadow:0 0 30px rgba(168,85,247,0.15)}
        .stats-bar{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1.5rem;background:rgba(168,85,247,0.03);border-radius:20px;border:1px solid var(--border-subtle);backdrop-filter:blur(20px);position:relative;overflow:hidden}
        .stats-bar::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,0.3),transparent)}
        @media(min-width:600px){.stats-bar{grid-template-columns:repeat(4,1fr);padding:1.75rem;gap:1.5rem}}
        .stat-item{text-align:center;padding:0.5rem;position:relative}
        .stat-number{font-size:1.875rem;font-weight:800;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;margin-bottom:0.375rem;letter-spacing:-0.03em;font-family:'Space Grotesk',sans-serif}
        .stat-label{font-size:0.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.14em;font-weight:600}
        .hero-visual{position:relative;perspective:1200px}
        .hero-image-wrapper{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 50px 100px -30px rgba(0,0,0,0.8),0 0 80px rgba(168,85,247,0.12),0 0 0 1px rgba(168,85,247,0.1);transform:rotateY(-4deg) rotateX(3deg);transition:transform 0.8s var(--ease-out-expo)}
        .hero-image-wrapper:hover{transform:rotateY(0deg) rotateX(0deg) scale(1.02)}
        .hero-image-wrapper::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(7,5,20,0.7) 0%,transparent 40%,rgba(168,85,247,0.05) 100%);pointer-events:none}
        .hero-image-wrapper img{width:100%;height:auto;display:block;transition:transform 0.8s var(--ease-out-expo)}
        .hero-image-wrapper:hover img{transform:scale(1.05)}
        .floating-card{position:absolute;background:rgba(15,12,34,0.9);backdrop-filter:blur(30px) saturate(1.5);padding:1.125rem 1.5rem;border-radius:16px;border:1px solid rgba(168,85,247,0.15);box-shadow:0 25px 60px rgba(0,0,0,0.5),0 0 40px rgba(168,85,247,0.08);animation:float 7s ease-in-out infinite;z-index:10}
        .floating-card-1{top:5%;left:-10%;animation-delay:0s} .floating-card-2{bottom:8%;right:-8%;animation-delay:-3.5s}
        @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}
        .floating-card-value{font-size:1.5rem;font-weight:800;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-0.02em;font-family:'Space Grotesk',sans-serif}
        .floating-card-label{font-size:0.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.12em;font-weight:600}
        .marquee-section{padding:1.5rem 0;background:linear-gradient(90deg,rgba(168,85,247,0.05),rgba(236,72,153,0.05),rgba(168,85,247,0.05));border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);overflow:hidden}
        .marquee-track{display:flex;gap:3rem;animation:marquee 25s linear infinite;width:max-content}
        @keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
        .marquee-item{display:flex;align-items:center;gap:0.75rem;color:var(--text-muted);font-size:0.875rem;font-weight:500;white-space:nowrap}
        .marquee-item span{color:var(--accent-purple);font-weight:700}
        section{padding:6rem 0;position:relative}
        @media(min-width:768px){section{padding:8rem 0}}
        .section-header{text-align:center;max-width:640px;margin:0 auto 4rem}
        .section-tag{display:inline-flex;align-items:center;gap:0.5rem;padding:0.375rem 1rem;background:var(--accent-subtle);border:1px solid rgba(168,85,247,0.15);border-radius:100px;font-size:0.75rem;font-weight:600;color:var(--accent-purple);margin-bottom:1.25rem;text-transform:uppercase;letter-spacing:0.08em}
        h2{font-size:clamp(2rem,4.5vw,3.25rem);font-weight:800;letter-spacing:-0.035em;margin-bottom:1rem;line-height:1.1}
        .section-subtitle{color:var(--text-secondary);font-size:1.125rem;line-height:1.65}
        .how-section{background:var(--bg-secondary)} .how-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-hover),transparent)}
        .steps-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}
        @media(min-width:768px){.steps-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}
        .step-card{background:var(--bg-card);border-radius:24px;padding:2.5rem 2rem;border:1px solid var(--border-subtle);position:relative;overflow:hidden;transition:all 0.5s var(--ease-out-expo);text-align:center}
        .step-card:hover{transform:translateY(-8px);border-color:rgba(168,85,247,0.2);box-shadow:0 30px 60px -20px rgba(0,0,0,0.5),0 0 50px rgba(168,85,247,0.06)}
        .step-number{width:56px;height:56px;background:var(--gradient-soft);border:1px solid rgba(168,85,247,0.15);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:var(--accent-purple);margin:0 auto 1.5rem;font-family:'Space Grotesk',sans-serif;position:relative}
        .step-number::after{content:'';position:absolute;inset:-4px;border-radius:20px;background:var(--gradient-main);opacity:0.1;filter:blur(8px);z-index:-1}
        .step-card h3{font-size:1.25rem;font-weight:700;margin-bottom:0.75rem;letter-spacing:-0.02em}
        .step-card p{color:var(--text-muted);font-size:0.9375rem;line-height:1.6}
        .plans-section{position:relative} .plans-grid{display:grid;grid-template-columns:1fr;gap:2rem;max-width:900px;margin:0 auto}
        @media(min-width:768px){.plans-grid{grid-template-columns:1fr 1fr;gap:2.5rem}}
        .plan-card{background:var(--bg-card);border-radius:28px;padding:2.5rem;border:1px solid var(--border-subtle);position:relative;overflow:hidden;transition:all 0.5s var(--ease-out-expo)}
        .plan-card:hover{transform:translateY(-8px);border-color:rgba(168,85,247,0.2);box-shadow:0 40px 80px -20px rgba(0,0,0,0.6),0 0 60px rgba(168,85,247,0.08)}
        .plan-card.featured{border-color:rgba(168,85,247,0.3);background:linear-gradient(180deg,rgba(168,85,247,0.06) 0%,var(--bg-card) 100%);transform:scale(1.03)}
        .plan-card.featured:hover{transform:scale(1.03) translateY(-8px)}
        .plan-card.featured::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-main);opacity:0.8}
        .plan-badge{position:absolute;top:1.5rem;right:-2.5rem;background:var(--gradient-main);color:#fff;padding:0.35rem 2.5rem;font-size:0.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:0.14em;transform:rotate(45deg);box-shadow:0 4px 20px rgba(168,85,247,0.4)}
        .plan-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}
        .plan-icon{width:56px;height:56px;background:var(--gradient-soft);border:1px solid rgba(168,85,247,0.15);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}
        .plan-card.featured .plan-icon{background:var(--gradient-main);border-color:transparent;box-shadow:0 6px 25px rgba(168,85,247,0.35)}
        .plan-title-group h3{font-size:1.625rem;font-weight:800;margin-bottom:0.25rem;letter-spacing:-0.02em}
        .plan-card.featured .plan-title-group h3{background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
        .plan-title-group p{font-size:0.875rem;color:var(--text-muted)}
        .plan-image{width:100%;aspect-ratio:16/10;border-radius:16px;overflow:hidden;margin-bottom:2rem;border:1px solid var(--border-subtle);background:var(--bg-tertiary)}
        .plan-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s var(--ease-out-expo)}
        .plan-card:hover .plan-image img{transform:scale(1.05)}
        .plan-features{list-style:none;margin-bottom:2rem}
        .plan-features li{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border-subtle);font-size:0.9375rem}
        .plan-features li:last-child{border-bottom:none}
        .feature-label{color:var(--text-secondary)} .feature-value{font-weight:700;color:var(--text-primary)}
        .plan-card.featured .feature-value{background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
        .plan-note{font-size:0.8125rem;color:var(--text-muted);padding:1rem;background:rgba(168,85,247,0.04);border-radius:12px;border-left:3px solid var(--accent-purple);margin-bottom:2rem;line-height:1.5}
        .plan-cta{width:100%;padding:1rem;border-radius:14px;font-weight:700;font-size:0.9375rem;cursor:pointer;transition:all 0.35s var(--ease-spring);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;border:none;font-family:inherit;letter-spacing:-0.01em}
        .plan-cta-primary{background:var(--gradient-main);color:#fff;box-shadow:0 4px 25px rgba(168,85,247,0.35)}
        .plan-cta-primary:hover{transform:translateY(-2px);box-shadow:0 15px 40px var(--accent-glow)}
        .plan-cta-secondary{background:transparent;border:1.5px solid var(--accent-purple);color:var(--accent-purple)}
        .plan-cta-secondary:hover{background:rgba(168,85,247,0.1);transform:translateY(-2px);box-shadow:0 8px 30px rgba(168,85,247,0.15)}
        .gallery-section{background:var(--bg-secondary);position:relative} .gallery-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-hover),transparent)}
        .gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
        @media(min-width:600px){.gallery-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}}
        @media(min-width:900px){.gallery-grid{grid-template-columns:repeat(4,1fr)}}
        .gallery-item{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:1/1;cursor:pointer;border:1px solid var(--border-subtle);background:var(--bg-tertiary);transition:all 0.4s var(--ease-out-expo)}
        .gallery-item:hover{transform:translateY(-4px);border-color:rgba(168,85,247,0.2);box-shadow:0 20px 40px -10px rgba(0,0,0,0.5),0 0 30px rgba(168,85,247,0.06)}
        .gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.7s var(--ease-out-expo),filter 0.4s}
        .gallery-item:hover img{transform:scale(1.1);filter:brightness(0.75)}
        .gallery-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(7,5,20,0.85) 0%,transparent 50%);opacity:0;transition:opacity 0.4s var(--ease-smooth);display:flex;align-items:flex-end;padding:1.5rem}
        .gallery-item:hover .gallery-overlay{opacity:1}
        .gallery-title{font-weight:700;font-size:0.9375rem;transform:translateY(12px);transition:transform 0.4s var(--ease-out-expo);letter-spacing:-0.01em}
        .gallery-item:hover .gallery-title{transform:translateY(0)}
        .features-section{position:relative} .features-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}
        @media(min-width:600px){.features-grid{grid-template-columns:repeat(2,1fr)}}
        .feature-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;padding:2rem;display:flex;align-items:flex-start;gap:1.25rem;transition:all 0.4s var(--ease-out-expo)}
        .feature-item:hover{border-color:rgba(168,85,247,0.25);transform:translateY(-4px);background:linear-gradient(135deg,rgba(168,85,247,0.05) 0%,var(--bg-card) 100%);box-shadow:0 20px 40px -10px rgba(0,0,0,0.4),0 0 40px rgba(168,85,247,0.06)}
        .feature-icon-small{width:52px;height:52px;background:var(--accent-subtle);border:1px solid rgba(168,85,247,0.12);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.375rem;flex-shrink:0;transition:all 0.3s}
        .feature-item:hover .feature-icon-small{background:var(--gradient-soft);border-color:rgba(168,85,247,0.2);box-shadow:0 0 20px rgba(168,85,247,0.1)}
        .feature-content h4{font-size:1.125rem;font-weight:700;margin-bottom:0.5rem;letter-spacing:-0.01em}
        .feature-content p{color:var(--text-muted);font-size:0.9375rem;line-height:1.55}
        .testimonials-section{background:var(--bg-secondary);position:relative} .testimonials-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-hover),transparent)}
        .testimonials-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}
        @media(min-width:768px){.testimonials-grid{grid-template-columns:repeat(3,1fr)}}
        .testimonial-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:24px;padding:2rem;transition:all 0.4s var(--ease-out-expo)}
        .testimonial-card:hover{transform:translateY(-4px);border-color:rgba(168,85,247,0.15);box-shadow:0 20px 40px -10px rgba(0,0,0,0.3)}
        .testimonial-stars{color:var(--accent-purple);font-size:1.125rem;margin-bottom:1rem;letter-spacing:0.1em}
        .testimonial-text{color:var(--text-secondary);font-size:0.9375rem;line-height:1.7;margin-bottom:1.5rem}
        .testimonial-author{display:flex;align-items:center;gap:0.875rem}
        .testimonial-avatar{width:44px;height:44px;border-radius:50%;background:var(--gradient-soft);border:1px solid rgba(168,85,247,0.15);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.875rem;color:var(--accent-purple)}
        .testimonial-name{font-weight:700;font-size:0.9375rem} .testimonial-role{font-size:0.8125rem;color:var(--text-muted)}
        .cta-section{text-align:center;padding:6rem 0;position:relative}
        @media(min-width:768px){.cta-section{padding:8rem 0}}
        .cta-box{background:linear-gradient(180deg,rgba(168,85,247,0.06) 0%,transparent 100%);border:1px solid rgba(168,85,247,0.15);border-radius:32px;padding:4rem 2rem;max-width:760px;margin:0 auto;position:relative;overflow:hidden}
        .cta-box::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(168,85,247,0.06) 0%,transparent 60%);animation:rotate 25s linear infinite;pointer-events:none}
        .cta-box::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(168,85,247,0.4),transparent)}
        @keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
        @media(min-width:768px){.cta-box{padding:5rem}}
        .cta-section h2{margin-bottom:1.25rem;position:relative;z-index:1}
        .cta-section p{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.125rem;position:relative;z-index:1;max-width:480px;margin-left:auto;margin-right:auto}
        footer{padding:4rem 5% 2rem;border-top:1px solid var(--border-subtle);background:var(--bg-secondary)}
        .footer-grid{display:grid;grid-template-columns:1fr;gap:2.5rem;margin-bottom:3rem}
        @media(min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem}}
        .footer-brand .logo{font-size:1.75rem;margin-bottom:1rem;display:inline-block}
        .footer-brand p{color:var(--text-muted);font-size:0.9375rem;line-height:1.6;max-width:300px}
        .footer-col h4{font-size:0.875rem;font-weight:700;color:var(--text-primary);margin-bottom:1.25rem;text-transform:uppercase;letter-spacing:0.08em}
        .footer-col ul{list-style:none} .footer-col li{margin-bottom:0.75rem}
        .footer-col a{color:var(--text-muted);text-decoration:none;font-size:0.9375rem;transition:color 0.3s}
        .footer-col a:hover{color:var(--accent-purple)}
        .footer-bottom{border-top:1px solid var(--border-subtle);padding-top:2rem;display:flex;flex-direction:column;gap:1rem;align-items:center;text-align:center}
        @media(min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between;text-align:left}}
        .footer-bottom p{color:var(--text-dim);font-size:0.875rem}
        .social-proof{position:fixed;bottom:1.5rem;left:1.5rem;background:rgba(15,12,34,0.95);backdrop-filter:blur(30px) saturate(1.5);border:1px solid rgba(168,85,247,0.15);border-radius:20px;padding:1.25rem;box-shadow:0 25px 60px rgba(0,0,0,0.5),0 0 40px rgba(168,85,247,0.08);z-index:9999;transform:translateX(-150%);transition:transform 0.6s var(--ease-out-expo);max-width:340px}
        .social-proof.show{transform:translateX(0)}
        .social-proof-header{display:flex;align-items:center;gap:1rem;margin-bottom:0.625rem}
        .social-proof-avatar{width:44px;height:44px;border-radius:50%;background:var(--gradient-main);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:0.875rem;color:#fff;flex-shrink:0;box-shadow:0 4px 15px rgba(168,85,247,0.3)}
        .social-proof-info{flex:1} .social-proof-name{font-weight:700;font-size:0.9375rem;letter-spacing:-0.01em}
        .social-proof-time{font-size:0.75rem;color:var(--text-muted)}
        .social-proof-content{font-size:0.875rem;color:var(--text-secondary);line-height:1.5}
        .social-proof-content strong{background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}
        .dev-credit{position:fixed;bottom:1.5rem;right:1.5rem;background:var(--bg-card);border:1px solid var(--border-hover);padding:0.625rem 1.25rem;border-radius:100px;font-size:0.8125rem;color:var(--text-muted);text-decoration:none;z-index:999;transition:all 0.3s var(--ease-smooth);font-weight:500}
        .dev-credit:hover{border-color:var(--accent-purple);color:var(--accent-purple);background:var(--accent-subtle);box-shadow:0 0 25px rgba(168,85,247,0.1)}
        .reveal{opacity:0;transform:translateY(30px);transition:all 0.8s var(--ease-out-expo)}
        .reveal.active{opacity:1;transform:translateY(0)}
        @media(max-width:768px){.floating-card,.glow-orb,.stars{display:none}.social-proof{left:1rem;right:1rem;bottom:5rem;max-width:none}.dev-credit{display:inline-flex;bottom:1rem;right:1rem;padding:0.5rem 0.875rem;font-size:0.75rem;z-index:999}.hero-cta-group{flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}.hero-image-wrapper{transform:none}.plan-card{padding:1.75rem}.plan-card.featured{transform:none}.plan-card.featured:hover{transform:translateY(-8px)}.gallery-item{aspect-ratio:1/1}.marquee-track{animation-duration:15s}}
        ::-webkit-scrollbar{width:8px} ::-webkit-scrollbar-track{background:var(--bg-primary)} ::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:4px} ::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}