/* ========== RESET ========== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
    --primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;
    --primary-glow:rgba(99,102,241,0.35);
    --accent:#22d3ee;--green:#10b981;--purple:#a78bfa;--orange:#fb923c;
    --dark:#06060f;--dark-2:#0c0c1d;--dark-3:#13132b;--dark-card:#0e0e22;
    --gray:#71717a;--gray-light:#a1a1aa;--gray-lighter:#d4d4d8;
    --white:#ffffff;--light:#fafafa;
    --border:rgba(255,255,255,0.06);--border-light:#e4e4e7;
    --radius:16px;--radius-sm:10px;--radius-xs:6px;
    --shadow:0 4px 20px rgba(0,0,0,0.25);
    --shadow-lg:0 12px 40px rgba(0,0,0,0.3);
    --font:'Inter',system-ui,-apple-system,sans-serif;
    --mono:'JetBrains Mono','Fira Code',monospace;
}

html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--dark);line-height:1.65;background:var(--white);-webkit-font-smoothing:antialiased;overflow-x:hidden}
.container{max-width:1140px;margin:0 auto;padding:0 1.5rem}
h1,h2,h3{line-height:1.1;letter-spacing:-0.03em}
h1{font-size:clamp(2.5rem,6vw,4.2rem);font-weight:900}
h2{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800}
h3{font-size:1.2rem;font-weight:700}
a{color:var(--primary);text-decoration:none}

/* ========== NOISE OVERLAY ========== */
.noise-overlay{position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.03;
    background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    background-repeat:repeat;background-size:128px 128px}

/* ========== GRID BACKGROUND ========== */
.has-grid-bg{position:relative;overflow:hidden}
.has-grid-bg::after{content:'';position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,0.04) 0%,transparent 70%);left:var(--spot-x,50%);top:var(--spot-y,50%);transform:translate(-50%,-50%);pointer-events:none;z-index:1;transition:left .1s,top .1s}
.grid-bg{position:absolute;inset:0;
    background-image:linear-gradient(rgba(99,102,241,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,0.03) 1px,transparent 1px);
    background-size:60px 60px;z-index:0;
    mask-image:radial-gradient(ellipse 70% 50% at 50% 50%,black 20%,transparent 70%)}

/* ========== FLOATING ORBS ========== */
.orb{position:absolute;border-radius:50%;filter:blur(100px);z-index:0;pointer-events:none}
.orb-1{width:400px;height:400px;background:rgba(99,102,241,0.08);top:-100px;left:-100px;animation:orbFloat 12s ease-in-out infinite}
.orb-2{width:350px;height:350px;background:rgba(34,211,238,0.06);bottom:-80px;right:-80px;animation:orbFloat 15s ease-in-out infinite reverse}
.orb-3{width:500px;height:500px;background:rgba(167,139,250,0.06);top:20%;right:-150px;animation:orbFloat 18s ease-in-out infinite}
@keyframes orbFloat{0%,100%{transform:translate(0,0)}25%{transform:translate(30px,-20px)}50%{transform:translate(-20px,30px)}75%{transform:translate(20px,20px)}}

/* ========== WAVE DIVIDERS ========== */
.wave-divider{display:block;width:100%;height:60px;position:relative;z-index:3;margin-bottom:-2px}

/* ========== GLITCH TEXT ========== */
.glitch-text{position:relative;display:inline-block;color:var(--accent);text-shadow:0 0 10px rgba(34,211,238,0.4)}
.glitch-text::before,.glitch-text::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}
.glitch-text::before{color:var(--primary-light);animation:glitch1 3s infinite;clip-path:inset(0 0 65% 0)}
.glitch-text::after{color:var(--accent);animation:glitch2 3s infinite;clip-path:inset(65% 0 0 0)}
@keyframes glitch1{0%,92%,100%{transform:translate(0)}93%{transform:translate(-3px,1px)}96%{transform:translate(3px,-1px)}}
@keyframes glitch2{0%,92%,100%{transform:translate(0)}94%{transform:translate(3px,1px)}97%{transform:translate(-3px,-1px)}}

/* ========== ANIMATED BORDERS ========== */
.bento-card::before{content:'';position:absolute;inset:0;border-radius:var(--radius);padding:1px;background:linear-gradient(135deg,transparent 40%,rgba(99,102,241,0.2) 50%,transparent 60%);background-size:300% 300%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:borderSweep 6s linear infinite;opacity:0;transition:opacity .4s;pointer-events:none}
.bento-card:hover::before{opacity:1}
@keyframes borderSweep{0%{background-position:200% 200%}100%{background-position:-200% -200%}}

/* ========== RIPPLE EFFECT ========== */
.btn{position:relative;overflow:hidden}
.ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,0.25);transform:scale(0);animation:rippleAnim .6s ease-out;pointer-events:none}
@keyframes rippleAnim{to{transform:scale(4);opacity:0}}

/* ========== CURSOR GLOW ========== */
.cursor-glow{position:fixed;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,0.07) 0%,transparent 70%);pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:opacity 0.3s;opacity:0}
body:hover .cursor-glow{opacity:1}

/* ========== ANIMATIONS ========== */
.reveal{opacity:0;transform:translateY(40px);transition:opacity 0.8s cubic-bezier(0.16,1,0.3,1),transform 0.8s cubic-bezier(0.16,1,0.3,1)}
.reveal.visible{opacity:1;transform:translateY(0)}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}.d5{transition-delay:.5s}

.anim-slide-up{opacity:0;transform:translateY(50px);animation:slideUp 1s cubic-bezier(0.16,1,0.3,1) forwards}
.anim-pop{opacity:0;transform:scale(0.9);animation:popIn 0.8s cubic-bezier(0.16,1,0.3,1) forwards}
.anim-slide-up.d2{animation-delay:.15s}
.anim-slide-up.d3{animation-delay:.3s}
.anim-slide-up.d4{animation-delay:.45s}

@keyframes slideUp{to{opacity:1;transform:translateY(0)}}
@keyframes popIn{to{opacity:1;transform:scale(1)}}

/* ========== BUTTONS ========== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 2rem;border-radius:var(--radius-sm);font-weight:600;font-size:.92rem;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);border:2px solid transparent;text-align:center;position:relative;overflow:hidden}
.btn-lg{padding:1rem 2.5rem;font-size:1rem}
.btn-glow{background:var(--primary);color:var(--white);border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow),0 0 60px rgba(99,102,241,0.15)}
.btn-glow:hover{transform:translateY(-3px);box-shadow:0 0 30px var(--primary-glow),0 0 80px rgba(99,102,241,0.2);background:var(--primary-dark)}
.btn-glass{background:rgba(255,255,255,0.05);color:var(--white);border-color:rgba(255,255,255,0.15);backdrop-filter:blur(10px)}
.btn-glass:hover{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.3);transform:translateY(-3px)}
.btn-price{width:100%;background:var(--dark);color:var(--white);border-color:rgba(255,255,255,0.1)}
.btn-price:hover{background:var(--primary);border-color:var(--primary);transform:translateY(-3px);box-shadow:0 0 25px var(--primary-glow)}
.btn-nav{background:var(--primary);color:var(--white)!important;padding:.5rem 1.4rem;border-radius:var(--radius-sm);box-shadow:0 0 15px var(--primary-glow)}
.btn-nav:hover{transform:translateY(-2px);box-shadow:0 0 25px var(--primary-glow)}
.btn-full{width:100%}
.btn-showcase{padding:.7rem 1.5rem;font-size:.88rem;border-radius:var(--radius-xs);gap:.4rem}
.clm-btn{background:#0e7c4a;color:var(--white);border-color:#0e7c4a;box-shadow:0 0 15px rgba(14,124,74,0.3)}
.clm-btn:hover{background:#0a6038;transform:translateY(-2px);box-shadow:0 0 25px rgba(14,124,74,0.4)}
.crm-btn{background:#7c3aed;color:var(--white);border-color:#7c3aed;box-shadow:0 0 15px rgba(124,58,237,0.3)}
.crm-btn:hover{background:#6d28d9;transform:translateY(-2px);box-shadow:0 0 25px rgba(124,58,237,0.4)}

/* ========== NAV ========== */
.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:.7rem 0;transition:all .4s}
.nav.scrolled{background:rgba(6,6,15,0.92);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}
.nav-inner{display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:.5rem;color:var(--white);font-size:1.2rem;font-weight:800}
.logo-cube{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:8px;font-size:.85rem;font-weight:900;color:var(--white);animation:cubeRotate 6s ease-in-out infinite}
@keyframes cubeRotate{0%,100%{transform:rotate(0)}25%{transform:rotate(5deg) scale(1.05)}75%{transform:rotate(-3deg) scale(0.98)}}
.logo-highlight{color:var(--primary-light)}
.nav-links{display:flex;align-items:center;list-style:none;gap:2rem}
.nav-links a{color:var(--gray-light);font-weight:500;font-size:.87rem;transition:color .2s;position:relative}
.nav-links a:hover{color:var(--white)}
.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary);transition:width .3s;border-radius:2px}
.nav-links a:hover::after{width:100%}
.nav-links .btn::after{display:none}
.menu-toggle{display:none;flex-direction:column;justify-content:space-between;background:none;border:none;cursor:pointer;width:26px;height:18px}
.menu-toggle span{display:block;width:100%;height:2px;background:var(--white);border-radius:2px;transition:.3s}

/* ========== HERO ========== */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;background:var(--dark);overflow:hidden;padding:6rem 0}
#particleCanvas{position:absolute;inset:0;z-index:1}
.hero-mesh{position:absolute;inset:0;z-index:1;
    background:
        radial-gradient(ellipse 70% 50% at 50% 0%,rgba(99,102,241,0.12) 0%,transparent 60%),
        radial-gradient(ellipse 50% 40% at 80% 50%,rgba(34,211,238,0.06) 0%,transparent 50%),
        radial-gradient(ellipse 50% 40% at 20% 80%,rgba(167,139,250,0.06) 0%,transparent 50%)}
.hero-inner{position:relative;z-index:2;max-width:800px;margin:0 auto;text-align:center}
.hero-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.78rem;font-weight:600;color:var(--primary-light);text-transform:uppercase;letter-spacing:.08em;padding:.45rem 1.2rem;border:1px solid rgba(99,102,241,0.25);border-radius:50px;background:rgba(99,102,241,0.06);margin-bottom:2rem}
.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px rgba(16,185,129,0.6);animation:dotPulse 2s infinite}
@keyframes dotPulse{0%,100%{opacity:1}50%{opacity:.4}}
.hero h1{color:var(--white)}
.typewriter{display:inline;background:linear-gradient(135deg,var(--primary-light),var(--accent),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradientShift 4s ease infinite}
@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.cursor-blink{color:var(--primary-light);animation:blink 1s step-end infinite;font-weight:300}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
.hero-sub{font-size:1.1rem;color:var(--gray-light);margin:1.5rem auto 2.5rem;max-width:560px}
.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:4rem;max-width:600px;margin-left:auto;margin-right:auto}
.stat-card{background:rgba(255,255,255,0.03);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem .5rem;text-align:center;backdrop-filter:blur(4px);transition:all .3s}
.stat-card:hover{border-color:rgba(99,102,241,0.3);background:rgba(99,102,241,0.05)}
.stat-value{font-size:1.8rem;font-weight:900;color:var(--white);font-family:var(--mono)}
.stat-label{font-size:.68rem;color:var(--gray-light);text-transform:uppercase;letter-spacing:.06em;margin-top:.15rem}

/* Scroll indicator */
.hero-scroll{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:.5rem}
.scroll-mouse{width:22px;height:34px;border:2px solid rgba(255,255,255,0.2);border-radius:12px;position:relative}
.scroll-wheel{width:3px;height:8px;background:var(--primary-light);border-radius:3px;position:absolute;top:6px;left:50%;transform:translateX(-50%);animation:scrollWheel 2s infinite}
@keyframes scrollWheel{0%{opacity:1;top:6px}100%{opacity:0;top:18px}}
.hero-scroll span{font-size:.65rem;color:rgba(255,255,255,0.3);text-transform:uppercase;letter-spacing:.15em}

/* ========== MARQUEE ========== */
.marquee-bar{background:var(--dark-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:.8rem 0;overflow:hidden}
.marquee-track{display:flex;gap:2rem;animation:marquee 25s linear infinite;width:max-content}
.marquee-track span{font-size:.78rem;font-weight:700;color:var(--gray);text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}
.marquee-dot{width:4px;height:4px;border-radius:50%;background:var(--primary);align-self:center;display:inline-block}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ========== SECTIONS ========== */
.section{padding:7rem 0;position:relative}
.section-dark{background:var(--light)}
.sec-full-dark{background:var(--dark);color:var(--white)}
.sec-full-dark .section-header p{color:var(--gray-light)}
.portfolio-section{background:var(--dark-2)}
.pricing-section{background:var(--dark-2)}
.contact-section{border-top:1px solid var(--border)}
.section-header{text-align:center;margin-bottom:3.5rem}
.section-header p{color:var(--gray);font-size:1.05rem;margin-top:.5rem;max-width:480px;margin-left:auto;margin-right:auto}
.section-tag{font-family:var(--mono);font-size:.78rem;font-weight:600;color:var(--primary);margin-bottom:.75rem;display:inline-block}

/* ========== PROBLEM ========== */
.problem-card{max-width:720px;margin:0 auto;position:relative;border-radius:var(--radius);overflow:hidden}
.problem-glow{position:absolute;inset:-2px;background:linear-gradient(135deg,var(--primary),var(--accent),var(--purple),var(--primary));background-size:300% 300%;animation:borderGlow 4s ease infinite;border-radius:var(--radius);z-index:0}
@keyframes borderGlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.problem-inner{position:relative;z-index:1;background:var(--dark);border-radius:calc(var(--radius) - 2px);padding:3rem;text-align:center;color:var(--white)}
.problem-inner h2{font-size:clamp(1.3rem,3vw,1.8rem);margin-bottom:1rem}
.problem-inner p{color:var(--gray-light);font-size:.95rem;max-width:520px;margin:0 auto}
.code-tag{font-family:var(--mono);font-size:.72rem;color:var(--primary-light);opacity:.5;margin:1rem 0 0}
.code-tag:first-child{margin:0 0 1rem}

/* ========== TILT CARDS & SHINE ========== */
.tilt-card{position:relative;overflow:hidden;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.16,1,.3,1)}
.card-shine{position:absolute;inset:0;background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(99,102,241,0.06),transparent 40%);z-index:1;pointer-events:none;opacity:0;transition:opacity .3s}
.tilt-card:hover .card-shine{opacity:1}

/* ========== SERVICES ========== */
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.service-card{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius);padding:2rem;transition:all .4s cubic-bezier(.16,1,.3,1)}
.service-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,0,0,0.08);border-color:rgba(99,102,241,0.2)}
.service-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,rgba(99,102,241,0.08),rgba(34,211,238,0.06));border:1px solid rgba(99,102,241,0.1);border-radius:12px;color:var(--primary);margin-bottom:1rem}
.service-card h3{margin-bottom:.4rem}
.service-card p{color:var(--gray);font-size:.87rem}

/* ========== PORTFOLIO SHOWCASE ========== */
.showcase{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center;margin-bottom:5rem;padding:3rem;background:var(--light);border-radius:20px;border:1px solid var(--border-light);position:relative;overflow:hidden}
.showcase:last-of-type{margin-bottom:0}
.showcase-flip{direction:rtl}
.showcase-flip > *{direction:ltr}
.showcase-visual{position:relative}
.showcase-glow{position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(80px);opacity:.3;z-index:0}
.clm-glow{background:#10b981;top:-50px;right:-50px}
.crm-glow{background:#8b5cf6;top:-50px;left:-50px}

/* Browser mock */
.browser-mock{position:relative;z-index:1;border-radius:12px;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,0.2);border:1px solid rgba(0,0,0,0.1)}
.bm-bar{display:flex;align-items:center;gap:12px;padding:.6rem 1rem;background:#1c1c2e}
.bm-dots{display:flex;gap:5px}
.bm-dots i{width:9px;height:9px;border-radius:50%;display:block}
.bm-dots i:nth-child(1){background:#ff5f57}
.bm-dots i:nth-child(2){background:#febc2e}
.bm-dots i:nth-child(3){background:#28c840}
.bm-url{display:flex;align-items:center;gap:5px;flex:1;background:rgba(255,255,255,0.05);padding:.25rem .7rem;border-radius:5px;font-size:.7rem;font-family:var(--mono);color:var(--gray-light)}
.bm-url svg{opacity:.5;flex-shrink:0}
.bm-body{padding:1.25rem;min-height:240px}
.clm-body{background:linear-gradient(160deg,#0e7c4a,#065f37)}
.crm-body{background:linear-gradient(160deg,#7c3aed,#5b21b6)}

/* Mock elements */
.mock-nav{height:6px;background:rgba(255,255,255,0.15);border-radius:3px;width:100%;margin-bottom:1rem}
.mock-hero-section{margin-bottom:1.25rem}
.mock-h1{height:10px;background:rgba(255,255,255,0.35);border-radius:4px;width:80%;margin-bottom:.4rem}
.mock-h1.short{width:55%}
.mock-p{height:5px;background:rgba(255,255,255,0.12);border-radius:3px;width:65%;margin:.6rem 0}
.mock-btn-row{display:flex;gap:.4rem;margin-top:.6rem}
.mock-btn{height:16px;width:60px;background:rgba(255,255,255,0.25);border-radius:4px}
.mock-btn.ghost{background:transparent;border:1px solid rgba(255,255,255,0.2)}
.mock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.mock-listing{background:rgba(255,255,255,0.08);border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,0.06)}
.mock-img{height:40px;background:rgba(255,255,255,0.1)}
.mock-info{padding:.4rem}
.mock-line{height:4px;background:rgba(255,255,255,0.15);border-radius:2px;margin-bottom:.25rem}
.mock-line.sm{width:60%}

/* Floating tags */
.floating-tag{position:absolute;z-index:2;background:var(--white);color:var(--dark);font-size:.7rem;font-weight:700;padding:.35rem .8rem;border-radius:50px;box-shadow:0 8px 25px rgba(0,0,0,0.15);animation:float 3s ease-in-out infinite}
.ft-1{top:10%;right:-10px;animation-delay:0s}
.ft-2{bottom:25%;right:-15px;animation-delay:.5s}
.ft-3{bottom:5%;left:10%;animation-delay:1s}
.floating-tag.purple{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:var(--white)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* Showcase info */
.showcase-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.3rem .8rem;border-radius:50px;margin-bottom:.75rem}
.badge-pulse{width:6px;height:6px;border-radius:50%;animation:dotPulse 2s infinite}
.clm-badge{background:rgba(14,124,74,0.1);color:#0e7c4a}
.clm-pulse{background:#10b981;box-shadow:0 0 8px rgba(16,185,129,0.5)}
.crm-badge{background:rgba(124,58,237,0.1);color:#7c3aed}
.crm-pulse{background:#8b5cf6;box-shadow:0 0 8px rgba(139,92,246,0.5)}
.showcase-info h3{font-size:1.7rem;margin-bottom:.5rem}
.showcase-info > p{color:var(--gray);font-size:.92rem;margin-bottom:1.25rem}
.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:.35rem .75rem;margin-bottom:1.25rem}
.fl{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--dark)}
.fl-icon{font-size:.7rem;font-weight:800;flex-shrink:0}
.clm-icon{color:#0e7c4a}
.crm-icon{color:#7c3aed}
.tech-stack{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:1.25rem}
.tech-stack span{font-family:var(--mono);font-size:.65rem;font-weight:600;padding:.25rem .65rem;border-radius:50px;background:rgba(99,102,241,0.06);color:var(--primary);border:1px solid rgba(99,102,241,0.1)}

/* ========== PROCESS ========== */
.process-timeline{display:flex;flex-direction:column;max-width:600px;margin:0 auto;gap:0}
.process-step{display:flex;gap:1.5rem;align-items:flex-start}
.step-icon{position:relative;flex-shrink:0}
.step-icon span{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:var(--dark);color:var(--white);border-radius:50%;font-family:var(--mono);font-size:.9rem;font-weight:800;position:relative;z-index:1}
.step-ring{position:absolute;inset:-3px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));animation:ringPulse 3s ease-in-out infinite;opacity:.5}
@keyframes ringPulse{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.08)}}
.step-content{padding-top:.6rem}
.step-content h3{margin-bottom:.3rem}
.step-content p{color:var(--gray);font-size:.88rem}
.process-connector{display:flex;justify-content:center;padding-left:26px}
.connector-line{width:2px;height:30px;background:linear-gradient(to bottom,var(--primary),transparent);opacity:.3}

/* ========== PRICING ========== */
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:stretch}
.price-card{background:var(--white);border:2px solid var(--border-light);border-radius:var(--radius);padding:2.5rem 2rem;position:relative;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.16,1,.3,1)}
.price-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,0,0,0.08)}
.price-featured{border-color:var(--primary);background:var(--dark);color:var(--white);box-shadow:0 0 40px var(--primary-glow);transform:scale(1.04)}
.price-featured:hover{transform:scale(1.04) translateY(-6px)}
.price-featured .pc-tier{color:var(--primary-light)}
.price-featured .pc-price{color:var(--white)}
.price-featured .pc-note{color:var(--gray-light)}
.price-featured .pc-list li{color:var(--gray-lighter);border-color:var(--border)}
.price-featured .pc-list li::before{color:var(--accent)}
.pf-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--white);padding:.35rem 1.25rem;border-radius:50px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;box-shadow:0 4px 15px var(--primary-glow)}
.pc-header{text-align:center;margin-bottom:1.5rem}
.pc-tier{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--gray);margin-bottom:.3rem}
.pc-price{font-size:3rem;font-weight:900;color:var(--dark);line-height:1;font-family:var(--mono)}
.pc-price span{font-size:1.5rem;font-weight:600}
.pc-note{font-size:.75rem;color:var(--gray);margin-top:.2rem}
.pc-list{list-style:none;flex:1;margin-bottom:1.5rem}
.pc-list li{padding:.45rem 0;font-size:.87rem;color:var(--dark);border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:.5rem}
.pc-list li::before{content:"\2713";color:var(--primary);font-weight:800;font-size:.78rem;flex-shrink:0}
.addons-row{display:flex;justify-content:center;gap:.75rem;margin-top:2.5rem;flex-wrap:wrap}
.addon-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:var(--white);border:1px solid var(--border-light);border-radius:50px;font-size:.82rem;color:var(--gray)}
.addon-chip strong{color:var(--primary);font-weight:700}

/* ========== WHY US ========== */
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
.why-card{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius);padding:2rem 1.5rem;text-align:center;transition:all .4s cubic-bezier(.16,1,.3,1)}
.why-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,0,0,0.08);border-color:rgba(99,102,241,0.2)}
.why-num{font-family:var(--mono);font-size:2rem;font-weight:900;color:rgba(99,102,241,0.15);margin-bottom:.5rem}
.why-card h3{margin-bottom:.4rem}
.why-card p{color:var(--gray);font-size:.85rem}

/* ========== CONTACT ========== */
.contact-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:start;max-width:950px;margin:0 auto}
.contact-left h2{text-align:left;margin-bottom:.75rem}
.contact-left > p{color:var(--gray);font-size:.95rem;margin-bottom:1.5rem}
.contact-perks{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}
.cp{display:flex;align-items:center;gap:.6rem;font-size:.88rem}
.cp-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px rgba(16,185,129,0.4)}
.contact-code{background:var(--dark);border-radius:var(--radius-sm);padding:1.25rem 1.5rem;font-size:.78rem;line-height:1.8;border:1px solid var(--border)}
.contact-code code{font-family:var(--mono);color:var(--gray-light)}
.cc-gray{color:#6b7280}.cc-purple{color:#a78bfa}.cc-green{color:#34d399}.cc-blue{color:#60a5fa}.cc-orange{color:#fb923c}
.contact-right{background:var(--white);padding:2rem;border-radius:var(--radius);border:1px solid var(--border-light);box-shadow:0 10px 40px rgba(0,0,0,0.04)}
.form-group{margin-bottom:1rem}
.form-group label{display:block;font-weight:600;font-size:.82rem;margin-bottom:.35rem;color:var(--dark)}
.optional{color:var(--gray-light);font-weight:400}
.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;border:2px solid var(--border-light);border-radius:var(--radius-sm);font-family:var(--font);font-size:.9rem;transition:all .25s;background:var(--light)}
.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(99,102,241,0.08);background:var(--white)}
.form-group input::placeholder,.form-group textarea::placeholder{color:var(--gray-light)}
#form-status{text-align:center;margin-top:.75rem;font-weight:600;font-size:.85rem}
.form-success{color:var(--green)}.form-error{color:#ef4444}

/* ========== FOOTER ========== */
.footer{background:var(--dark);color:var(--gray-light);padding:3rem 0 2rem}
.footer-inner{display:flex;justify-content:space-between;align-items:center;padding-bottom:2rem;border-bottom:1px solid var(--border)}
.footer-brand p{font-size:.82rem;margin-top:.5rem}
.footer-links{display:flex;gap:2rem}
.footer-links a{color:var(--gray-light);font-size:.85rem;transition:color .2s}
.footer-links a:hover{color:var(--white)}
.footer-bottom{padding-top:1.5rem;text-align:center}
.footer-bottom p{font-size:.75rem;opacity:.4}

/* ========== BENTO GRID ========== */
.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.bento-card{background:var(--dark-card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1)}
.bento-card:hover{border-color:rgba(99,102,241,0.3);transform:translateY(-4px)}
.bento-wide{grid-column:span 2}
.bento-glow{position:absolute;width:200px;height:200px;border-radius:50%;filter:blur(80px);opacity:.08;top:-50px;right:-50px}
.bg-cyan{background:var(--accent)}.bg-purple{background:var(--purple)}.bg-green{background:var(--green)}.bg-orange{background:var(--orange)}.bg-pink{background:#ec4899}
.bento-big-icon{color:var(--primary-light);margin-bottom:1rem}
.bento-emoji{font-size:2rem;margin-bottom:.75rem}
.bento-card h3{color:var(--white);margin-bottom:.4rem;font-size:1.1rem}
.bento-card p{color:var(--gray-light);font-size:.87rem;line-height:1.6}
.bento-feature-row{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center}
.bento-feature-stats{display:flex;flex-direction:column;gap:.5rem}
.bf-stat{background:rgba(255,255,255,0.04);border:1px solid var(--border);border-radius:var(--radius-xs);padding:.5rem 1rem;font-size:.8rem;color:var(--gray-light);white-space:nowrap}
.bf-stat span{color:var(--accent);font-weight:800;font-family:var(--mono)}

/* ========== PROCESS CARDS ========== */
.process-cards{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:1rem;align-items:start;max-width:900px;margin:0 auto}
.proc-card{background:var(--dark-card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1)}
.proc-card:hover{border-color:rgba(99,102,241,0.3);transform:translateY(-4px)}
.proc-num{font-family:var(--mono);font-size:3rem;font-weight:900;background:linear-gradient(135deg,var(--primary-light),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:1rem}
.proc-line-glow{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--accent),var(--purple));opacity:.5}
.proc-card h3{color:var(--white);margin-bottom:.4rem}
.proc-card p{color:var(--gray-light);font-size:.85rem;margin-bottom:1rem}
.proc-tag{display:inline-block;font-family:var(--mono);font-size:.72rem;color:var(--accent);background:rgba(34,211,238,0.08);border:1px solid rgba(34,211,238,0.15);padding:.25rem .6rem;border-radius:50px}
.proc-arrow{color:var(--gray);font-size:1.5rem;align-self:center;margin-top:2rem;opacity:.3}

/* ========== DARK PRICING ========== */
.sec-full-dark .price-card{background:var(--dark-card);border-color:var(--border);color:var(--white)}
.sec-full-dark .pc-price{color:var(--white)}
.sec-full-dark .pc-list li{color:var(--gray-lighter);border-color:var(--border)}
.sec-full-dark .btn-price{background:rgba(255,255,255,0.05);border-color:var(--border)}
.sec-full-dark .btn-price:hover{background:var(--primary);border-color:var(--primary)}
.pc-desc{font-size:.82rem;color:var(--gray-light);margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}

/* ========== COMPARISON TABLE ========== */
.compare-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;max-width:800px;margin:0 auto;align-items:start}
.compare-col{display:flex;flex-direction:column;gap:.6rem}
.compare-header{font-family:var(--mono);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.75rem 1.25rem;border-radius:var(--radius-sm);margin-bottom:.25rem;text-align:center}
.compare-them .compare-header{background:rgba(255,255,255,0.03);color:var(--gray);border:1px solid var(--border)}
.glow-header{background:rgba(99,102,241,0.1)!important;color:var(--primary-light)!important;border:1px solid rgba(99,102,241,0.25)!important;box-shadow:0 0 20px rgba(99,102,241,0.1)}
.compare-item{padding:.65rem 1rem;border-radius:var(--radius-xs);font-size:.87rem;display:flex;align-items:center;gap:.5rem}
.compare-item.bad{background:rgba(255,255,255,0.02);color:var(--gray);border:1px solid var(--border)}
.compare-item.bad::before{content:"\2717";color:#ef4444;font-weight:800;font-size:.78rem;flex-shrink:0}
.compare-item.good{background:rgba(99,102,241,0.05);color:var(--white);border:1px solid rgba(99,102,241,0.15)}
.compare-item.good::before{content:"\2713";color:var(--accent);font-weight:800;font-size:.78rem;flex-shrink:0}
.compare-vs{font-family:var(--mono);font-size:1rem;font-weight:900;color:var(--gray);align-self:center;background:rgba(255,255,255,0.03);border:1px solid var(--border);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;margin-top:2rem}

/* ========== DARK CONTACT ========== */
.sec-full-dark .contact-left h2{color:var(--white)}
.sec-full-dark .contact-left > p{color:var(--gray-light)}
.sec-full-dark .cp{color:var(--gray-light)}
.sec-full-dark .contact-right{background:var(--dark-card);border-color:var(--border)}
.sec-full-dark .form-group label{color:var(--gray-lighter)}
.sec-full-dark .form-group input,.sec-full-dark .form-group textarea{background:var(--dark-2);border-color:var(--border);color:var(--white)}
.sec-full-dark .form-group input:focus,.sec-full-dark .form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(99,102,241,0.12)}
.sec-full-dark .form-group input::placeholder,.sec-full-dark .form-group textarea::placeholder{color:var(--gray)}

/* ========== DARK SHOWCASE OVERRIDE ========== */
.sec-full-dark .showcase{background:var(--dark-card);border-color:var(--border)}

/* ========== LOADING SCREEN ========== */
.loader{position:fixed;inset:0;z-index:99999;background:var(--dark);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;transition:opacity .5s,visibility .5s}
.loader.hidden{opacity:0;visibility:hidden}
.loader-logo{display:flex;flex-direction:column;align-items:center;gap:1rem}
.loader-cube{width:60px;height:60px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:900;color:var(--white);font-family:var(--font);animation:loaderPulse 1.2s ease-in-out infinite}
@keyframes loaderPulse{0%,100%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(5deg)}}
.loader-text{font-size:1.2rem;font-weight:700;color:var(--white);letter-spacing:.05em}
.loader-bar{width:200px;height:3px;background:var(--border);border-radius:3px;overflow:hidden}
.loader-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:3px;animation:loaderFill 1.5s ease-out forwards}
@keyframes loaderFill{0%{width:0}100%{width:100%}}

/* ========== TRUST BAR ========== */
.trust-bar{background:var(--dark-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:1rem 0}
.trust-items{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:.5rem;color:var(--gray-light);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.trust-item svg{color:var(--primary-light);flex-shrink:0}
.trust-divider{width:1px;height:20px;background:var(--border)}

/* ========== LIVE IFRAME ========== */
.bm-body-iframe{height:260px;overflow:hidden;position:relative}
.bm-body-iframe iframe{width:200%;height:200%;border:none;transform:scale(0.5);transform-origin:top left;pointer-events:none}

/* ========== PRICE CALCULATOR ========== */
.calc-card{display:grid;grid-template-columns:1.3fr 1fr;gap:3rem;background:var(--dark-card);border:1px solid var(--border);border-radius:var(--radius);padding:2.5rem;max-width:850px;margin:0 auto}
.calc-group{margin-bottom:1.5rem}
.calc-group label{display:block;font-weight:700;font-size:.88rem;margin-bottom:.75rem;color:var(--white)}
.calc-range{width:100%;-webkit-appearance:none;appearance:none;height:6px;background:var(--border);border-radius:6px;outline:none}
.calc-range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 0 15px var(--primary-glow)}
.calc-range-labels{display:flex;justify-content:space-between;font-size:.72rem;color:var(--gray-light);margin-top:.3rem;font-family:var(--mono)}
.calc-range-labels span:nth-child(2){color:var(--accent);font-weight:700;font-size:.85rem}
.calc-checks{display:flex;flex-direction:column;gap:.5rem}
.calc-check{display:flex;align-items:center;gap:.6rem;cursor:pointer;font-size:.85rem;color:var(--gray-light);transition:color .2s}
.calc-check:hover{color:var(--white)}
.calc-check input[type="checkbox"]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}
.calc-check span{user-select:none}
.calc-result{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(99,102,241,0.05);border:1px solid rgba(99,102,241,0.15);border-radius:var(--radius-sm);padding:2rem}
.calc-result-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gray-light);margin-bottom:.5rem}
.calc-price{font-family:var(--mono);font-size:3.5rem;font-weight:900;color:var(--white);line-height:1;background:linear-gradient(135deg,var(--primary-light),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.calc-note{font-size:.78rem;color:var(--gray);margin-top:.3rem}

/* ========== FAQ ========== */
.faq-list{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:.5rem}
.faq-item{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;transition:border-color .3s}
.faq-item.active{border-color:rgba(99,102,241,0.3)}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.5rem;background:var(--dark-card);border:none;color:var(--white);font-family:var(--font);font-size:.95rem;font-weight:600;cursor:pointer;text-align:left;transition:background .2s}
.faq-q:hover{background:var(--dark-3)}
.faq-icon{font-size:1.3rem;color:var(--primary-light);transition:transform .3s;flex-shrink:0;margin-left:1rem}
.faq-item.active .faq-icon{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.16,1,.3,1),padding .4s}
.faq-item.active .faq-a{max-height:200px;padding:0 1.5rem 1.25rem}
.faq-a p{color:var(--gray-light);font-size:.88rem;line-height:1.7}

/* ========== FLOATING CHAT ========== */
.float-chat{position:fixed;bottom:2rem;right:2rem;z-index:999;width:56px;height:56px;background:var(--primary);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px var(--primary-glow);transition:all .3s;animation:chatBounce 3s ease-in-out infinite}
.float-chat:hover{transform:scale(1.1);box-shadow:0 8px 30px var(--primary-glow);color:var(--white)}
@keyframes chatBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

/* ========== THEME TOGGLE ========== */
.theme-toggle{background:rgba(255,255,255,0.06);border:1px solid var(--border);border-radius:50px;width:42px;height:24px;cursor:pointer;position:relative;display:flex;align-items:center;padding:0 3px;margin-left:.5rem;transition:background .3s}
.toggle-icon{font-size:.7rem;transition:opacity .3s;position:absolute}
.sun{left:5px;opacity:0}
.moon{right:5px;opacity:1}
.theme-toggle::after{content:'';width:18px;height:18px;border-radius:50%;background:var(--primary-light);transition:transform .3s;box-shadow:0 0 8px var(--primary-glow)}
body.light-mode .theme-toggle{background:rgba(0,0,0,0.08);border-color:var(--border-light)}
body.light-mode .theme-toggle::after{transform:translateX(18px);background:var(--orange)}
body.light-mode .sun{opacity:1}
body.light-mode .moon{opacity:0}

/* ========== LIGHT MODE ========== */
body.light-mode{background:var(--white);color:var(--dark)}
body.light-mode .sec-full-dark{background:var(--white);color:var(--dark)}
body.light-mode .portfolio-section{background:var(--light)}
body.light-mode .pricing-section{background:var(--light)}
body.light-mode .nav{background:rgba(255,255,255,0.9)}
body.light-mode .nav.scrolled{background:rgba(255,255,255,0.95);border-color:var(--border-light)}
body.light-mode .logo{color:var(--dark)}
body.light-mode .nav-links a{color:var(--gray)}
body.light-mode .nav-links a:hover{color:var(--dark)}
body.light-mode .hero{background:linear-gradient(135deg,#0f0f2e,#1a1a40)}
body.light-mode .section-header p{color:var(--gray)}
body.light-mode .bento-card,.light-mode .proc-card,.light-mode .faq-q{background:var(--light);border-color:var(--border-light)}
body.light-mode .bento-card h3,.light-mode .proc-card h3{color:var(--dark)}
body.light-mode .bento-card p,.light-mode .proc-card p,.light-mode .faq-a p{color:var(--gray)}
body.light-mode .problem-inner{background:var(--dark)}
body.light-mode .showcase{background:var(--light);border-color:var(--border-light)}
body.light-mode .price-card{background:var(--white);border-color:var(--border-light);color:var(--dark)}
body.light-mode .price-featured{background:var(--dark);color:var(--white)}
body.light-mode .pc-price{color:var(--dark)}
body.light-mode .pc-list li{color:var(--dark);border-color:var(--border-light)}
body.light-mode .compare-item.bad{background:var(--light);border-color:var(--border-light);color:var(--gray)}
body.light-mode .compare-item.good{background:rgba(99,102,241,0.06);border-color:rgba(99,102,241,0.15);color:var(--dark)}
body.light-mode .compare-header{background:var(--light);border-color:var(--border-light);color:var(--gray)}
body.light-mode .compare-vs{background:var(--light);border-color:var(--border-light)}
body.light-mode .calc-card{background:var(--white);border-color:var(--border-light)}
body.light-mode .calc-group label,.light-mode .faq-q{color:var(--dark)}
body.light-mode .calc-result{background:rgba(99,102,241,0.04);border-color:rgba(99,102,241,0.1)}
body.light-mode .contact-right{background:var(--light);border-color:var(--border-light)}
body.light-mode .form-group input,.light-mode .form-group textarea{background:var(--white);border-color:var(--border-light);color:var(--dark)}
body.light-mode .faq-item{border-color:var(--border-light)}
body.light-mode .trust-bar{background:var(--light);border-color:var(--border-light)}
body.light-mode .trust-item{color:var(--gray)}
body.light-mode .footer{background:var(--dark)}
body.light-mode .marquee-bar{background:var(--light);border-color:var(--border-light)}
body.light-mode .marquee-track span{color:var(--gray-light)}
body.light-mode .btn-price{background:var(--dark);color:var(--white)}
body.light-mode .addon-chip{background:var(--light);border-color:var(--border-light)}

/* ========== MOBILE ========== */
@media(max-width:900px){
    .bento{grid-template-columns:1fr 1fr}
    .bento-wide{grid-column:span 2}
    .bento-feature-row{grid-template-columns:1fr}
    .showcase{grid-template-columns:1fr;gap:2rem;padding:1.5rem}
    .showcase-flip{direction:ltr}
    .feature-list{grid-template-columns:1fr}
    .floating-tag{display:none}
    .process-cards{grid-template-columns:1fr;max-width:400px}
    .proc-arrow{display:none}
    .compare-grid{grid-template-columns:1fr;gap:1rem}
    .compare-vs{display:none}
    .calc-card{grid-template-columns:1fr;gap:2rem}
    .trust-items{gap:1rem}
    .trust-divider{display:none}
}
@media(max-width:768px){
    .menu-toggle{display:flex}
    .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(6,6,15,0.98);backdrop-filter:blur(20px);flex-direction:column;padding:1.5rem;gap:1rem;border-bottom:1px solid var(--border)}
    .nav-links.active{display:flex}
    .bento{grid-template-columns:1fr}
    .bento-wide{grid-column:span 1}
    .pricing-grid{grid-template-columns:1fr;max-width:380px;margin:0 auto}
    .price-featured{transform:none}
    .price-featured:hover{transform:translateY(-6px)}
    .contact-wrapper{grid-template-columns:1fr;gap:2rem}
    .contact-left{text-align:center}
    .contact-left h2{text-align:center}
    .contact-perks{align-items:center}
    .contact-code{display:none}
    .hero{min-height:auto;padding:7rem 0 4rem}
    .hero-stats{grid-template-columns:repeat(2,1fr)}
    .section{padding:4.5rem 0}
    .footer-inner{flex-direction:column;gap:1.5rem;text-align:center}
    .cursor-glow{display:none}
    .trust-items{flex-direction:column;gap:.75rem}
    .calc-price{font-size:2.5rem}
    .calc-card{padding:1.5rem}
    .float-chat{bottom:1.5rem;right:1.5rem;width:48px;height:48px}
    .theme-toggle{margin-left:auto;margin-right:.5rem}
}
@media(max-width:480px){
    .hero-buttons{flex-direction:column;align-items:stretch}
    .hero-stats{grid-template-columns:1fr 1fr}
    .proof-items{gap:1.5rem}
    .footer-links{flex-wrap:wrap;justify-content:center;gap:1rem}
}