:root{--c-brand-darkest:#020617;--c-brand-dark:#0f172a;--c-brand-main:#0e7490;--c-brand-glow:#06b6d4;--c-brand-light:#67e8f9;--c-accent-gold:#f59e0b;--c-accent-purple:#8b5cf6;--c-success:#10b981;--c-danger:#ef4444;--bg-body:#020617;--bg-surface-1:#0f172a;--bg-surface-2:#1e293b;--bg-glass:rgba(15,23,42,0.65);--bg-glass-heavy:rgba(2,6,23,0.90);--border-glass:rgba(255,255,255,0.08);--border-highlight:rgba(103,232,249,0.4);--font-sans:'Inter',system-ui,-apple-system,sans-serif;--font-display:'Outfit',sans-serif;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-invert:#020617;--ease-elastic:cubic-bezier(0.68,-0.55,0.265,1.55);--ease-smooth:cubic-bezier(0.16,1,0.3,1);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--ease-expo:cubic-bezier(0.19,1,0.22,1);--duration-flash:150ms;--duration-fast:300ms;--duration-base:600ms;--duration-slow:1200ms;--header-height:90px;--container-max:1440px;--gutter:clamp(1.5rem,5vw,4rem);--radius-xs:4px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--shadow-sm:0 2px 4px rgba(0,0,0,0.4);--shadow-lg:0 20px 40px -10px rgba(0,0,0,0.6);--shadow-glow:0 0 60px rgba(14,116,144,0.25);--blur-glass:backdrop-filter:blur(20px);--mouse-x:50%;--mouse-y:50%;--tilt-x:0deg;--tilt-y:0deg}*,::after,::before{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--bg-body);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;overflow-x:hidden;position:relative;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E")}::selection{background:var(--c-brand-light);color:var(--c-brand-darkest)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:800;color:var(--text-primary);line-height:1.1;letter-spacing:-.025em}h1{font-size:clamp(3rem,7vw,6rem);letter-spacing:-.04em;margin-bottom:1.5rem}h2{font-size:clamp(2.25rem,5vw,4rem);margin-bottom:1.5rem}h3{font-size:clamp(1.5rem,3vw,2.25rem);margin-bottom:1rem}p{font-size:clamp(1rem,1.1vw,1.25rem);color:var(--text-secondary);max-width:65ch;margin-bottom:1.5rem}.text-gradient{background:linear-gradient(135deg,#fff 10%,var(--c-brand-light) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.text-accent{color:var(--c-brand-light)}.text-gold{color:var(--c-accent-gold)}:root{--logo-dental:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 50" fill="none"><path d="M30 25c0 8-5 15-12 15s-12-7-12-15 5-15 12-15 12 7 12 15z" stroke="%2364748b" stroke-width="3"/><text x="45" y="32" font-family="sans-serif" font-weight="bold" font-size="20" fill="%2364748b">APEX DENTAL</text></svg>');--logo-tech:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 50" fill="none"><rect x="10" y="10" width="20" height="20" rx="4" fill="%2364748b"/><text x="45" y="32" font-family="sans-serif" font-weight="bold" font-size="20" fill="%2364748b">NEXUS AI</text></svg>');--logo-legal:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 50" fill="none"><path d="M20 10l10 25h-20z" fill="%2364748b"/><text x="45" y="32" font-family="sans-serif" font-weight="bold" font-size="20" fill="%2364748b">VANGUARD LAW</text></svg>');--logo-fitness:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 50" fill="none"><circle cx="20" cy="25" r="10" stroke="%2364748b" stroke-width="4"/><text x="45" y="32" font-family="sans-serif" font-weight="bold" font-size="20" fill="%2364748b">IRON GYM</text></svg>');--logo-med:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 50" fill="none"><rect x="18" y="10" width="8" height="30" fill="%2364748b"/><rect x="7" y="21" width="30" height="8" fill="%2364748b"/><text x="45" y="32" font-family="sans-serif" font-weight="bold" font-size="20" fill="%2364748b">PRIME CARE</text></svg>')}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--gutter);position:relative;z-index:2}.section{padding:clamp(6rem,15vh,12rem) 0;position:relative}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:1rem}.gap-2{gap:2rem}.w-full{width:100%}.h-full{height:100%}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);z-index:9999;transition:all var(--duration-base) var(--ease-expo);border-bottom:1px solid rgba(255,255,255,.02)}.header.scrolled{background:var(--bg-glass-heavy);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);height:80px;border-bottom:1px solid var(--border-glass);box-shadow:0 10px 40px rgba(0,0,0,.6)}.header.scrolled::after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--border-highlight),transparent);opacity:.5}.nav-container{display:flex;justify-content:space-between;align-items:center;height:100%}.logo{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:.75rem;position:relative;letter-spacing:-.02em}.logo svg{color:var(--c-brand-light);filter:drop-shadow(0 0 12px rgba(103,232,249,.6))}.nav-menu{display:flex;gap:3rem;list-style:none}.nav-link{position:relative;color:var(--text-secondary);font-weight:500;text-decoration:none;padding:.5rem 0;font-size:.95rem;transition:color var(--duration-fast)}.nav-link::after{content:'';position:absolute;bottom:-4px;left:50%;width:0;height:2px;background:var(--c-brand-light);box-shadow:0 0 10px var(--c-brand-light);transform:translateX(-50%);transition:width var(--duration-fast) var(--ease-elastic)}.nav-link:hover{color:var(--text-primary)}.nav-link:hover::after{width:80%}.nav-toggle{display:none;background:0 0;border:none;color:#fff;font-size:1.5rem;cursor:pointer}.hero{min-height:100vh;display:flex;align-items:center;padding-top:var(--header-height);position:relative;overflow:hidden}#physics-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.6}.hero-content{position:relative;z-index:2}.hero-visual{perspective:1000px;position:relative;z-index:2}.hero-card-3d{background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(255,255,255,.01));border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:2rem;box-shadow:0 20px 50px rgba(0,0,0,.5);backdrop-filter:blur(10px);transform-style:preserve-3d;transition:transform .1s linear}@keyframes pulse-cta{to{box-shadow:0 0 0 15px rgba(103,232,249,0)}}.float-tag{position:absolute;background:var(--bg-surface-2);border:1px solid var(--c-brand-main);padding:.75rem 1.25rem;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-weight:700;display:flex;align-items:center;gap:.5rem;animation:float 6s ease-in-out infinite;z-index:3}.float-tag.tag-1{top:-10%;right:-5%;animation-delay:0s}.float-tag.tag-2{bottom:-10%;left:-5%;animation-delay:-2s;border-color:var(--c-success)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:1.125rem 2.5rem;font-size:1rem;font-weight:600;border-radius:var(--radius-full);text-decoration:none;cursor:pointer;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;box-shadow:0 0 0 0 rgba(103,232,249,0);animation:pulse-cta 2s infinite cubic-bezier(.66,0,0,1);overflow:hidden;z-index:1}.btn-primary{background:var(--c-brand-main);color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 20px rgba(14,116,144,.4)}.btn-primary::before{content:'';position:absolute;top:50%;left:50%;width:300%;height:300%;background:radial-gradient(circle,var(--c-brand-light) 0,var(--c-brand-main) 100%);transform:translate(-50%,-50%) scale(0);transition:transform .5s var(--ease-elastic);z-index:-1;border-radius:50%}.btn-primary:hover{color:var(--c-brand-darkest);background-color:transparent;box-shadow:0 0 40px rgba(103,232,249,.6);border-color:var(--c-brand-light)}.btn-primary:hover::before{transform:translate(-50%,-50%) scale(1)}.btn-secondary{background:0 0;color:var(--text-primary);border:1px solid var(--border-glass);transition:all .35s cubic-bezier(.16,1,.3,1)}.btn-secondary:hover{background:var(--c-brand-main);border-color:var(--c-brand-light);color:#fff;box-shadow:0 0 25px rgba(14,116,144,.4);transform:translateY(-2px)}.spotlight-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.card{background:var(--bg-surface-1);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:3rem 2rem;position:relative;overflow:hidden;transition:transform var(--duration-fast) var(--ease-smooth)}.card::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.06),transparent 40%);z-index:1;opacity:0;transition:opacity .5s;pointer-events:none}.card:hover::after{opacity:1}.card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.2)}.card-content{position:relative;z-index:2}.card-icon{width:64px;height:64px;background:linear-gradient(135deg,rgba(14,116,144,.2),rgba(2,6,23,.5));border:1px solid var(--border-glass);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;color:var(--c-brand-light);margin-bottom:1.5rem;box-shadow:0 10px 20px rgba(0,0,0,.3)}.form-card{background:var(--bg-surface-1);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:3rem;box-shadow:var(--shadow-lg);transition:all .3s var(--ease-elastic)}.input-group{position:relative;margin-bottom:2rem}.input-field{width:100%;background:rgba(255,255,255,.02);border:1px solid var(--border-glass);border-radius:var(--radius-sm);padding:1.25rem 1rem .5rem;color:#fff;font-size:1rem;outline:0;transition:all .3s}.input-label{position:absolute;left:1rem;top:1rem;color:var(--text-tertiary);font-size:1rem;pointer-events:none;transition:all .3s var(--ease-expo)}.input-field:focus,.input-field:not(:placeholder-shown){background:rgba(255,255,255,.05);border-color:var(--c-brand-main);box-shadow:0 0 0 4px rgba(14,116,144,.2);padding-top:1.5rem;padding-bottom:.25rem}.input-field:focus+.input-label,.input-field:not(:placeholder-shown)+.input-label{top:.25rem;font-size:.75rem;color:var(--c-brand-light);font-weight:700}.marquee-section{border-top:1px solid var(--border-glass);border-bottom:1px solid var(--border-glass);background:rgba(0,0,0,.3);padding:3rem 0;overflow:hidden;position:relative}.marquee-track{display:flex;width:max-content;gap:6rem;animation:scroll 40s linear infinite}.client-logo{height:50px;width:200px;background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.4;transition:opacity .3s;filter:grayscale(100%)}.client-logo:hover{opacity:1;filter:grayscale(0%) drop-shadow(0 0 10px rgba(255,255,255,.2))}.logo-dental{background-image:var(--logo-dental)}.logo-tech{background-image:var(--logo-tech)}.logo-legal{background-image:var(--logo-legal)}.logo-fitness{background-image:var(--logo-fitness)}.logo-med{background-image:var(--logo-med)}@keyframes scroll{to{transform:translateX(-50%)}}.footer{background:#000;padding:8rem 0 3rem;border-top:1px solid var(--border-glass);position:relative;overflow:hidden}.footer-bg-text{position:absolute;bottom:-50px;left:50%;transform:translateX(-50%);font-size:25vw;font-weight:900;color:rgba(255,255,255,.02);line-height:.8;pointer-events:none;white-space:nowrap;z-index:0}.footer-grid{position:relative;z-index:2;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:4rem;margin-bottom:6rem}.footer-heading{color:#fff;font-size:.9rem;text-transform:uppercase;letter-spacing:.15em;margin-bottom:2rem;opacity:.6;font-weight:700}.footer-link{display:block;color:var(--text-secondary);text-decoration:none;margin-bottom:1rem;font-size:1.1rem;transition:all .3s}.footer-link:hover{color:var(--c-brand-light);transform:translateX(6px)}.copyright{border-top:1px solid rgba(255,255,255,.1);padding-top:2rem;display:flex;justify-content:space-between;align-items:center;color:var(--text-tertiary);font-size:.9rem;position:relative;z-index:2}.copyright-left{display:flex;align-items:center;gap:1rem}.owner-signature{font-family:var(--font-display);font-size:.85rem;color:var(--text-tertiary);text-decoration:none;opacity:.7;transition:all .3s var(--ease-smooth);position:relative}.owner-signature:hover{color:var(--c-accent-gold);opacity:1;letter-spacing:.05em;text-shadow:0 0 10px rgba(245,158,11,.4)}.owner-signature::before{content:'///';color:var(--c-brand-main);margin-right:.5rem;font-weight:800}.reveal{opacity:0;transform:translateY(40px);transition:opacity 1s var(--ease-smooth),transform 1s var(--ease-smooth)}.reveal.active{opacity:1;transform:translateY(0)}.stagger-child{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.stagger-child.visible{opacity:1;transform:translateY(0)}.glitch{position:relative}.glitch::after,.glitch::before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch::before{left:2px;text-shadow:-1px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim-1 5s infinite linear alternate-reverse}.glitch::after{left:-2px;text-shadow:-1px 0 #00fff9;clip:rect(44px,450px,56px,0);animation:glitch-anim-2 5s infinite linear alternate-reverse}@keyframes glitch-anim-1{0%{clip:rect(30px,9999px,10px,0)}5%{clip:rect(80px,9999px,90px,0)}100%{clip:rect(40px,9999px,60px,0)}}@keyframes glitch-anim-2{0%{clip:rect(10px,9999px,80px,0)}5%{clip:rect(90px,9999px,10px,0)}100%{clip:rect(50px,9999px,20px,0)}}@media (max-width:1024px){.grid-2{grid-template-columns:1fr;gap:3rem}.hero{text-align:center;padding-top:120px}.hero-content{margin:0 auto}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.header{height:70px}.header.scrolled{height:70px}.nav-toggle{display:block;font-size:1.5rem;z-index:10001}.nav-menu{display:none;flex-direction:column;position:fixed;top:70px;left:0;width:100%;background:var(--bg-glass-heavy);backdrop-filter:blur(20px);padding:2rem;border-bottom:1px solid var(--border-glass);box-shadow:0 10px 40px rgba(0,0,0,.8);gap:1.5rem}.nav-menu.active{display:flex;animation:slideDown .3s ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header .btn-primary{display:none}.hero{padding-top:100px}h1{font-size:2.5rem;line-height:1.2}.float-tag{display:none}.container{padding:0 1.25rem}.footer-grid,.grid-3,.grid-4{grid-template-columns:1fr}.flex.gap-1{flex-direction:column;width:100%;gap:.75rem}.btn{width:100%;padding:.9rem;font-size:.95rem}.section{padding:3.5rem 0}.card,.form-card{padding:1.5rem}.card-icon{width:48px;height:48px;font-size:1.25rem}.copyright{flex-direction:column;gap:1rem;text-align:center}.footer-bg-text{display:none}}  .reveal.delay-100{ transition-delay:0.10s;}.reveal.delay-200{ transition-delay:0.20s;}.reveal.delay-300{ transition-delay:0.30s;}h4{ font-family:var(--font-sans);font-size:0.78rem;font-weight:700;text-transform:uppercase;letter-spacing:0.18em;color:var(--c-brand-light);margin-bottom:0.75rem;} .evolnex-logo{ height:67px !important;width:auto;object-fit:contain;display:block;}.footer-evolnex-logo{ height:60px !important;width:auto;object-fit:contain;display:block;margin-bottom:1.5rem;}.logo-fallback-svg{ color:var(--c-brand-light);filter:drop-shadow(0 0 12px rgba(103,232,249,.6));} section.hero{ padding-top:8rem !important;}@media (max-width:768px){ section.hero{ padding-top:7rem !important;}} .scroll-progress-bar{ position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,#0e7490,#67e8f9,#8b5cf6);z-index:9999998;transition:width 0.08s linear;box-shadow:0 0 10px rgba(103,232,249,.5);pointer-events:none;} @media (pointer:fine){ *{ cursor:none !important;}}.cursor-dot{ position:fixed;top:0;left:0;width:8px;height:8px;background:#67e8f9;border-radius:50%;pointer-events:none;z-index:9999999;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s,opacity .2s;box-shadow:0 0 12px rgba(103,232,249,.8);will-change:transform;}.cursor-ring{ position:fixed;top:0;left:0;width:38px;height:38px;border:1.5px solid rgba(103,232,249,.55);border-radius:50%;pointer-events:none;z-index:9999998;transform:translate(-50%,-50%);will-change:transform;transition:width .35s cubic-bezier(.16,1,.3,1),height .35s cubic-bezier(.16,1,.3,1),border-color .3s,background .3s,opacity .2s;}body.ch .cursor-dot{ width:14px;height:14px;background:#fff;box-shadow:0 0 18px rgba(255,255,255,.5);}body.ch .cursor-ring{ width:54px;height:54px;border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.04);}body.cursor-hidden .cursor-dot,body.cursor-hidden .cursor-ring{ opacity:0;} .ambient-blob{ position:fixed;top:0;left:0;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(14,116,144,.11) 0%,rgba(139,92,246,.05) 45%,transparent 70%);filter:blur(80px);pointer-events:none;z-index:0;will-change:transform;} .btn-cta-glow{ background:linear-gradient(135deg,#0e7490,#0891b2) !important;border:1px solid rgba(103,232,249,.3) !important;box-shadow:0 0 24px rgba(14,116,144,.45),0 4px 12px rgba(0,0,0,.3) !important;font-weight:700 !important;letter-spacing:0.01em;position:relative;overflow:hidden;}.btn-cta-glow::before{ content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(103,232,249,.15),transparent);opacity:0;transition:opacity .3s;}.btn-cta-glow:hover{ box-shadow:0 0 40px rgba(14,116,144,.7),0 8px 24px rgba(0,0,0,.4) !important;}.btn-cta-glow:hover::before{ opacity:1;}.btn-cta-glow .btn-arrow{ display:inline-block;transition:transform .3s cubic-bezier(.16,1,.3,1);margin-left:6px;}.btn-cta-glow:hover .btn-arrow{ transform:translateX(4px);} .kinetic-wrapper{ display:inline-block;overflow:hidden;vertical-align:bottom;line-height:1.1;min-height:1.1em;}.kinetic-inner{ display:flex;flex-direction:column;transition:transform .72s cubic-bezier(.16,1,.3,1);}.kinetic-word{ display:block;background:linear-gradient(135deg,#ffffff 20%,#67e8f9 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#67e8f9; padding-right:4px;white-space:nowrap;} .word-reveal .word-unit{ display:inline-block;opacity:0;transform:translateY(28px) rotateX(-18deg);transition:opacity .55s ease,transform .55s cubic-bezier(.16,1,.3,1);will-change:transform,opacity;}.word-reveal .word-unit.visible{ opacity:1;transform:translateY(0) rotateX(0);}.word-reveal .text-gradient{ -webkit-text-fill-color:transparent !important;}.word-reveal .text-gradient .word-unit{ background:linear-gradient(135deg,#fff 10%,#67e8f9 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;} .words-forced .word-unit{ opacity:1 !important;transform:none !important;} .float-tag{ animation:float 6s ease-in-out infinite;position:relative;}.float-tag.tag-1{ top:auto;right:auto;animation-delay:0s;}.float-tag.tag-2{ bottom:auto;left:auto;animation-delay:-2s;border-color:var(--c-success) !important;}.hero-badges{ position:absolute;top:1.5rem;right:1.5rem;display:flex;flex-direction:column;align-items:flex-end;gap:0.5rem;z-index:10;}.hero-badge{ display:inline-flex;align-items:center;gap:0.45rem;background:rgba(15,23,42,.8);border:1px solid rgba(255,255,255,.1);padding:.5rem 1.1rem;border-radius:999px;font-size:.82rem;font-weight:600;backdrop-filter:blur(12px);color:var(--text-primary);}.hero-badge.green{ border-color:rgba(16,185,129,.4);color:#10b981;} .macbook-scene{ position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;}.macbook-device{ width:100%;max-width:560px;transform:perspective(1200px) rotateX(0deg) scale(1);transform-origin:center bottom;will-change:transform;filter:drop-shadow(0 40px 60px rgba(0,0,0,.65));transition:transform .4s ease-out,filter .4s ease-out;}.macbook-lid{ background:linear-gradient(180deg,#c8c8c8 0%,#9a9a9a 100%);border-radius:14px 14px 0 0;padding:10px 10px 5px;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 -3px 15px rgba(0,0,0,.2);position:relative;}.macbook-screen-bezel{ background:#111;border-radius:5px;overflow:hidden;aspect-ratio:16/10;position:relative;}.macbook-notch-top{ position:absolute;top:0;left:50%;transform:translateX(-50%);width:8px;height:8px;background:#252525;border-radius:50%;z-index:3;margin-top:4px;}.macbook-display{ width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0;}.screen-overlay{ position:absolute;inset:0;z-index:2;padding:1rem;pointer-events:none;}.screen-stat-card{ position:absolute;background:rgba(2,6,23,.88);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:.6rem 1rem;font-size:.72rem;font-weight:700;backdrop-filter:blur(10px);display:flex;align-items:center;gap:.5rem;animation:float 5s ease-in-out infinite;color:#fff;white-space:nowrap;}.ssc-1{ top:10%;right:4%;animation-delay:0s;border-color:rgba(16,185,129,.3);}.ssc-2{ bottom:15%;left:4%;animation-delay:-2.5s;border-color:rgba(103,232,249,.3);}.ssc-dot{ width:6px;height:6px;border-radius:50%;flex-shrink:0;}.ssc-dot.green{ background:#10b981;box-shadow:0 0 6px #10b981;}.ssc-dot.cyan{ background:#67e8f9;box-shadow:0 0 6px #67e8f9;}.macbook-hinge{ height:5px;background:linear-gradient(180deg,#888,#999);}.macbook-base{ background:linear-gradient(180deg,#b0b0b0 0%,#969696 100%);border-radius:0 0 12px 12px;height:26px;display:flex;align-items:flex-start;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.5),inset 0 -1px 0 rgba(0,0,0,.2);}.macbook-notch-bottom{ width:72px;height:5px;background:rgba(0,0,0,.18);border-radius:0 0 8px 8px;}.macbook-glow{ position:absolute;width:70%;height:50px;bottom:-20px;background:radial-gradient(ellipse,rgba(14,116,144,.4),transparent 75%);filter:blur(18px);z-index:-1;transition:opacity .15s linear;}.macbook-reflect{ position:absolute;width:80%;height:50px;bottom:-50px;background:radial-gradient(ellipse,rgba(0,0,0,.5),transparent 75%);filter:blur(20px);z-index:-1;} .stats-section{ padding:clamp(3rem,6vh,5rem) 0;}.stats-grid{ display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;}.stat-block{ text-align:center;padding:2.5rem 1.5rem;background:var(--bg-surface-1);border:1px solid var(--border-glass);border-radius:var(--radius-md);position:relative;overflow:hidden;transition:transform .3s ease,border-color .3s;}.stat-block::before{ content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--c-brand-main),var(--c-brand-light));transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.16,1,.3,1);}.stat-block:hover{ transform:translateY(-4px);border-color:rgba(103,232,249,.2);}.stat-block:hover::before{ transform:scaleX(1);}.stat-number{ font-family:var(--font-display);font-size:clamp(2.25rem,4vw,3.5rem);font-weight:900;line-height:1;background:linear-gradient(135deg,#fff,#67e8f9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem;}.stat-label{ color:var(--text-secondary);font-size:.9rem;} .services-grid-6{ display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem;}.service-card{ position:relative;background:linear-gradient(145deg,rgba(14,116,144,.06),rgba(2,6,23,.9));border-radius:var(--radius-lg);padding:2.5rem 2rem;overflow:hidden;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;cursor:default;}.service-card::before{ content:'';position:absolute;inset:0;border-radius:var(--radius-lg);padding:1px;background:linear-gradient(135deg,rgba(14,116,144,.5),rgba(255,255,255,.06) 50%,rgba(139,92,246,.3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.6;transition:opacity .4s;}.service-card::after{ content:'';position:absolute;top:-40%;left:-40%;width:180%;height:180%;background:radial-gradient(ellipse at 40% 40%,rgba(14,116,144,.12),transparent 60%);opacity:0;transition:opacity .4s;pointer-events:none;}.service-card:hover{ transform:translateY(-8px);box-shadow:0 24px 48px rgba(0,0,0,.4),0 0 0 1px rgba(103,232,249,.15);}.service-card:hover::before{ opacity:1;}.service-card:hover::after{ opacity:1;}.service-num{ font-family:var(--font-display);font-size:3.5rem;font-weight:900;line-height:1;color:rgba(255,255,255,.04);position:absolute;top:1.2rem;right:1.5rem;transition:color .4s,transform .4s;user-select:none;}.service-card:hover .service-num{ color:rgba(103,232,249,.08);transform:scale(1.05) translateY(-4px);}.service-icon-wrap{ width:58px;height:58px;border-radius:14px;background:linear-gradient(135deg,rgba(14,116,144,.25),rgba(139,92,246,.1));border:1px solid rgba(103,232,249,.15);display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:1.5rem;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;}.service-card:hover .service-icon-wrap{ transform:scale(1.1) rotate(-4deg);box-shadow:0 8px 24px rgba(14,116,144,.35);}.service-card h3{ font-size:1.15rem;margin-bottom:.6rem;color:#fff !important;}.service-card p{ font-size:.88rem;margin-bottom:1rem;max-width:none;color:rgba(255,255,255,.65) !important;}.service-checks{ list-style:none;}.service-checks li{ display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:rgba(255,255,255,.55);margin-bottom:.35rem;}.service-checks li span{ color:var(--c-brand-light);font-weight:700;} .process-grid{ display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;margin-top:4rem;}.process-grid::before{ content:'';position:absolute;top:29px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(103,232,249,.3),transparent);}.process-step{ padding:1.5rem;text-align:center;}.process-number{ width:58px;height:58px;background:var(--bg-surface-2);border:1px solid var(--border-glass);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:1.1rem;color:var(--c-brand-light);margin:0 auto 1.5rem;position:relative;z-index:1;transition:all .35s cubic-bezier(.16,1,.3,1);}.process-step:hover .process-number{ background:var(--c-brand-main);border-color:var(--c-brand-light);box-shadow:0 0 28px rgba(14,116,144,.5);color:#fff;transform:scale(1.1);}.process-step h3{ font-size:1.1rem;margin-bottom:.5rem;color:#fff !important;}.process-step p{ font-size:.88rem;max-width:none;color:rgba(255,255,255,.6) !important;} .section-divider{ width:48px;height:3px;background:linear-gradient(90deg,var(--c-brand-main),var(--c-brand-light));border-radius:999px;margin:.75rem 0 0;}.section-divider.center{ margin:.75rem auto 0;} .h-scroll-section{ position:relative;}.h-scroll-sticky{ position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;}.h-scroll-header{ padding:3rem var(--gutter) 2rem;flex-shrink:0;}.h-scroll-track{ display:flex;gap:2rem;padding:0 var(--gutter);will-change:transform;width:max-content;}.portfolio-card{ width:min(460px,82vw);flex-shrink:0;background:var(--bg-surface-1);border:1px solid var(--border-glass);border-radius:var(--radius-lg);overflow:hidden;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .3s;cursor:pointer;}.portfolio-card:hover{ transform:translateY(-8px) scale(1.015);border-color:rgba(103,232,249,.35);}.portfolio-card-img{ width:100%;height:230px;object-fit:cover;border-bottom:1px solid var(--border-glass);display:block;}.portfolio-card-body{ padding:2rem;}.portfolio-tag{ display:inline-block;background:rgba(14,116,144,.15);border:1px solid rgba(14,116,144,.35);color:#67e8f9;font-size:.72rem;font-weight:700;padding:.3rem .8rem;border-radius:999px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;}.portfolio-card-body h3{ font-size:1.3rem;margin-bottom:.5rem;color:#fff !important;}.portfolio-card-body p{ font-size:.875rem;margin-bottom:0;max-width:none;color:rgba(255,255,255,.6) !important;}.portfolio-link{ display:inline-flex;align-items:center;gap:.45rem;color:#67e8f9;text-decoration:none;font-weight:600;font-size:.875rem;margin-top:1.25rem;transition:gap .3s;}.portfolio-link:hover{ gap:.75rem;} .tech-cards-grid{ display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:3rem;}.tech-card{ display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem .9rem;width:96px;background:linear-gradient(145deg,rgba(14,116,144,.08),rgba(2,6,23,.85));border:1px solid rgba(103,232,249,.08);border-radius:var(--radius-md);cursor:default;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;}.tech-card::before{ content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(14,116,144,.25),transparent 70%);opacity:0;transition:opacity .3s;}.tech-card::after{ content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(103,232,249,.5),transparent);transform:scaleX(0);transition:transform .35s;}.tech-card:hover{ background:linear-gradient(145deg,rgba(14,116,144,.18),rgba(139,92,246,.08));border-color:rgba(103,232,249,.3);transform:translateY(-10px) scale(1.07);box-shadow:0 16px 36px rgba(14,116,144,.3),0 0 0 1px rgba(103,232,249,.1);}.tech-card:hover::before{ opacity:1;}.tech-card:hover::after{ transform:scaleX(1);}.tech-emoji{ font-size:1.9rem;line-height:1;position:relative;z-index:1;transition:transform .3s cubic-bezier(.16,1,.3,1);}.tech-card:hover .tech-emoji{ transform:scale(1.25) rotate(-6deg);}.tech-name{ font-size:.68rem;font-weight:600;color:rgba(255,255,255,.5);text-align:center;position:relative;z-index:1;transition:color .3s;}.tech-card:hover .tech-name{ color:#fff;}.tech-category-label{ width:100%;text-align:left;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--text-tertiary);padding:.5rem 0 .25rem;border-top:1px solid var(--border-glass);margin-top:.75rem;flex-basis:100%;}.tech-category-label:first-child{ border-top:none;margin-top:0;padding-top:0;} .letter-avatar{ width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:900;font-size:1.25rem;color:#fff;flex-shrink:0;border:2px solid rgba(255,255,255,.1);}.letter-avatar.av-a{ background:linear-gradient(135deg,#0e7490,#67e8f9);}.letter-avatar.av-c{ background:linear-gradient(135deg,#8b5cf6,#c084fc);}.letter-avatar.av-m{ background:linear-gradient(135deg,#f59e0b,#fcd34d);} .cta-section{ position:relative;padding:clamp(5rem,12vh,10rem) 0;overflow:hidden;}.cta-section::before{ content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 70% at 50% 50%,rgba(14,116,144,.1),transparent);pointer-events:none;}.cta-card{ position:relative;background:linear-gradient(-45deg,rgba(14,116,144,.12),rgba(139,92,246,.08),rgba(103,232,249,.07),rgba(14,116,144,.1));background-size:400% 400%;border-radius:var(--radius-lg);padding:clamp(3rem,7vw,5.5rem);text-align:center;overflow:hidden;animation:cta-liquid 18s ease-in-out infinite,cta-gradient 12s ease infinite;}.cta-card::before{ content:'';position:absolute;inset:-2px;border-radius:calc(var(--radius-lg) + 2px);background:linear-gradient(var(--cta-angle,0deg),#0e7490,#67e8f9,#8b5cf6,#67e8f9,#0e7490);background-size:300% 300%;animation:cta-border-alt 8s linear infinite;z-index:-1;opacity:.7;}.cta-card::after{ content:'';position:absolute;inset:1px;border-radius:calc(var(--radius-lg) - 1px);background:#020617;z-index:0;}.cta-card > *{ position:relative;z-index:2;}@keyframes cta-liquid{ 0%,100%{ border-radius:24px;}20%{ border-radius:30px 18px 28px 20px;}40%{ border-radius:18px 30px 20px 28px;}60%{ border-radius:28px 20px 30px 18px;}80%{ border-radius:20px 28px 18px 30px;}}@keyframes cta-gradient{ 0%{ background-position:0% 50%;}50%{ background-position:100% 50%;}100%{ background-position:0% 50%;}}@keyframes cta-border-alt{ 0%{ background-position:0% 50%;}50%{ background-position:100% 50%;}100%{ background-position:0% 50%;}} .footer{ background:linear-gradient(180deg,#000 0%,#020617 100%);padding:8rem 0 3rem;border-top:1px solid rgba(103,232,249,.1);position:relative;overflow:hidden;} .footer::before{ content:'';position:absolute;inset:0;background-image:radial-gradient(ellipse 60% 40% at 20% 20%,rgba(14,116,144,.07) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 80% 80%,rgba(139,92,246,.05) 0%,transparent 60%),radial-gradient(circle,rgba(255,255,255,.025) 1px,transparent 1px);background-size:100% 100%,100% 100%,36px 36px;pointer-events:none;z-index:0;}.footer::after{ content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(103,232,249,.5),rgba(139,92,246,.3),transparent);}.footer-bg-text{ position:absolute;bottom:-50px;left:50%;transform:translateX(-50%);font-size:22vw;font-weight:900;color:rgba(255,255,255,.015);line-height:.8;pointer-events:none;white-space:nowrap;z-index:0;font-family:var(--font-display);}.footer-grid{ position:relative;z-index:2;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:4rem;margin-bottom:4rem;}.footer-heading{ color:rgba(255,255,255,.4);font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;margin-bottom:1.75rem;font-weight:700;}.footer-link{ display:block;color:rgba(255,255,255,.55);text-decoration:none;margin-bottom:.85rem;font-size:.95rem;transition:all .3s;}.footer-link:hover{ color:var(--c-brand-light);transform:translateX(6px);}.footer-socials{ display:flex;gap:.75rem;margin-top:1.5rem;}.social-btn{ width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.45);text-decoration:none;font-size:.85rem;transition:all .3s;flex-shrink:0;}.social-btn:hover{ background:var(--c-brand-main);border-color:var(--c-brand-light);color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px rgba(14,116,144,.4);} .footer-status-bar{ position:relative;z-index:2;display:flex;align-items:center;gap:2rem;flex-wrap:wrap;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:1.1rem 1.75rem;margin-bottom:3rem;}.footer-status-item{ display:flex;align-items:center;gap:.65rem;font-size:.78rem;color:rgba(255,255,255,.5);}.status-dot-green{ width:7px;height:7px;background:#10b981;border-radius:50%;box-shadow:0 0 8px #10b981;animation:pulse-green 2s infinite;flex-shrink:0;}.status-dot-blue{ width:7px;height:7px;background:#67e8f9;border-radius:50%;box-shadow:0 0 8px #67e8f9;flex-shrink:0;}.footer-status-sep{ width:1px;height:20px;background:rgba(255,255,255,.08);}.footer-graphic{ position:absolute;right:0;top:0;bottom:0;width:38%;opacity:.04;pointer-events:none;z-index:0;overflow:hidden;}.copyright{ border-top:1px solid rgba(255,255,255,.07);padding-top:2rem;display:flex;justify-content:space-between;align-items:center;color:rgba(255,255,255,.3);font-size:.85rem;position:relative;z-index:2;flex-wrap:wrap;gap:.75rem;}.copyright-left{ display:flex;align-items:center;gap:1rem;}.owner-signature{ font-family:var(--font-display);font-size:.82rem;color:rgba(255,255,255,.3);text-decoration:none;opacity:.7;transition:all .3s var(--ease-smooth);position:relative;}.owner-signature:hover{ color:var(--c-accent-gold);opacity:1;text-shadow:0 0 10px rgba(245,158,11,.4);}.owner-signature::before{ content:'///';color:var(--c-brand-main);margin-right:.5rem;font-weight:800;} .revenue-canvas{ position:absolute;bottom:0;left:0;width:100%;height:100px;opacity:.5;mask-image:linear-gradient(to top,black,transparent);-webkit-mask-image:linear-gradient(to top,black,transparent);}.live-indicator{ width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 10px #10b981;animation:pulse-green 1.5s infinite;display:inline-block;margin-right:6px;}.dashboard-img{ width:100%;height:160px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,255,255,.1);margin-bottom:1.5rem;opacity:.9;mask-image:linear-gradient(to bottom,black 60%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 60%,transparent 100%);}.tilt-card{ transform-style:preserve-3d;}@keyframes pulse-green{ 0%,100%{opacity:1;transform:scale(1);}50%{opacity:.5;transform:scale(.8);}}@keyframes float{ 0%,100%{transform:translateY(0);}50%{transform:translateY(-14px);}} .astra-toggle-btn{ position:fixed;bottom:2rem;right:2rem;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#0e7490,#67e8f9);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 28px rgba(14,116,144,.55),0 0 0 0 rgba(103,232,249,.4);z-index:99998;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;animation:astra-pulse 3s ease-in-out infinite;}@keyframes astra-pulse{ 0%,100%{box-shadow:0 6px 28px rgba(14,116,144,.55),0 0 0 0 rgba(103,232,249,.3);}50%{box-shadow:0 6px 28px rgba(14,116,144,.55),0 0 0 9px rgba(103,232,249,0);}}.astra-toggle-btn:hover{ transform:scale(1.1);animation:none;box-shadow:0 10px 36px rgba(14,116,144,.7);}.astra-toggle-btn img{ width:34px;height:34px;object-fit:contain;border-radius:50%;}.astra-icon-fallback{ font-size:1.6rem;color:#fff;line-height:1;}.astra-chat-window{ position:fixed;bottom:7rem;right:2rem;width:390px;height:590px;background:rgba(2,6,23,.94);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid rgba(255,255,255,.08);border-radius:20px;display:flex;flex-direction:column;z-index:99997;overflow:hidden;box-shadow:0 28px 72px rgba(0,0,0,.8),0 0 0 1px rgba(103,232,249,.07);transform:scale(.9) translateY(18px);opacity:0;pointer-events:none;transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .42s cubic-bezier(.16,1,.3,1);transform-origin:bottom right;}.astra-chat-window.open{ transform:scale(1) translateY(0);opacity:1;pointer-events:all;}.astra-chat-header{ padding:1.2rem 1.4rem;background:linear-gradient(135deg,rgba(14,116,144,.2),rgba(139,92,246,.1));border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:.875rem;flex-shrink:0;}.astra-avatar-ring{ width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#0e7490,#67e8f9);display:flex;align-items:center;justify-content:center;border:2px solid rgba(103,232,249,.3);flex-shrink:0;overflow:hidden;}.astra-avatar-ring img{ width:100%;height:100%;object-fit:contain;}.astra-avatar-ring span{ font-size:1.3rem;color:#fff;}.astra-header-info{ flex:1;}.astra-header-info h4{ font-size:.98rem;color:#fff;margin:0 0 .2rem;font-family:var(--font-display);text-transform:none;letter-spacing:0;font-weight:800;}.astra-status{ font-size:.72rem;color:#10b981;display:flex;align-items:center;gap:.35rem;text-transform:none;letter-spacing:0;font-weight:500;}.astra-online-dot{ width:6px;height:6px;background:#10b981;border-radius:50%;display:inline-block;animation:pulse-green 1.5s infinite;}.astra-close-btn{ background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:1.1rem;padding:.2rem;transition:color .2s;border-radius:4px;}.astra-close-btn:hover{ color:#fff;background:rgba(255,255,255,.08);}.astra-messages{ flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:.875rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent;overscroll-behavior:none;touch-action:pan-y;-webkit-overflow-scrolling:touch;isolation:isolate;}.astra-messages::-webkit-scrollbar{ width:4px;}.astra-messages::-webkit-scrollbar-thumb{ background:rgba(255,255,255,.08);border-radius:4px;}.astra-msg{ max-width:90%;padding:.85rem 1rem;border-radius:16px;font-size:.875rem;line-height:1.65;animation:msgIn .28s ease;}@keyframes msgIn{ from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}.astra-msg.bot{ background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);color:var(--text-primary);align-self:flex-start;border-bottom-left-radius:4px;}.astra-msg.user{ background:var(--c-brand-main);color:#fff;align-self:flex-end;border-bottom-right-radius:4px;}.astra-typing{ display:inline-flex;align-items:center;gap:4px;padding:.8rem 1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);border-radius:16px;border-bottom-left-radius:4px;align-self:flex-start;}.astra-typing span{ width:5px;height:5px;background:var(--text-secondary);border-radius:50%;animation:typingDot 1.3s ease-in-out infinite;}.astra-typing span:nth-child(2){ animation-delay:.18s;}.astra-typing span:nth-child(3){ animation-delay:.36s;}@keyframes typingDot{ 0%,100%{transform:translateY(0);opacity:.4;}50%{transform:translateY(-4px);opacity:1;}}.astra-input-row{ padding:.9rem 1.1rem;border-top:1px solid rgba(255,255,255,.07);display:flex;gap:.6rem;align-items:center;flex-shrink:0;}.astra-input{ flex:1;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:.65rem 1.1rem;color:#fff;font-size:.875rem;outline:none;transition:border-color .25s;font-family:var(--font-sans);}.astra-input:focus{ border-color:var(--c-brand-main);}.astra-input::placeholder{ color:var(--text-tertiary);}.astra-send-btn{ width:38px;height:38px;border-radius:50%;background:var(--c-brand-main);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;transition:all .25s;flex-shrink:0;}.astra-send-btn:hover{ background:var(--c-brand-glow);transform:scale(1.06);}.astra-send-btn:disabled{ opacity:.4;cursor:not-allowed;transform:none;}.astra-powered{ text-align:center;padding:.4rem;font-size:.66rem;color:var(--text-tertiary);border-top:1px solid rgba(255,255,255,.04);flex-shrink:0;} .scramble-char{ color:var(--c-brand-light);opacity:.7;} .sidebar-nav{ position:fixed;right:1.75rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.7rem;z-index:1000;}.sidebar-dot{ position:relative;width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.18);border:none;cursor:pointer;transition:all .35s cubic-bezier(.16,1,.3,1);padding:0;}.sidebar-dot.active{ background:var(--c-brand-light);box-shadow:0 0 12px var(--c-brand-light);transform:scale(1.4);}.sidebar-dot::after{ content:attr(data-section);position:absolute;right:18px;top:50%;transform:translateY(-50%);background:var(--bg-surface-2);border:1px solid var(--border-glass);color:var(--text-secondary);font-size:.68rem;font-weight:600;padding:.3rem .7rem;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;transform:translateY(-50%) translateX(4px);}.sidebar-dot:hover::after{ opacity:1;transform:translateY(-50%) translateX(0);} #preloader{ position:fixed;inset:0;background:#020617;z-index:9999999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);}#preloader.done{ opacity:0;pointer-events:none;transform:scale(1.04);}.preloader-rings{ position:relative;width:90px;height:90px;display:flex;align-items:center;justify-content:center;}.preloader-ring{ position:absolute;border-radius:50%;border:2px solid transparent;animation:spinRing 2s linear infinite;}.preloader-ring:nth-child(1){ width:90px;height:90px;border-top-color:#67e8f9;border-right-color:rgba(103,232,249,.2);}.preloader-ring:nth-child(2){ width:68px;height:68px;border-top-color:#8b5cf6;border-left-color:rgba(139,92,246,.2);animation-direction:reverse;animation-duration:1.5s;}.preloader-ring:nth-child(3){ width:46px;height:46px;border-top-color:#0e7490;border-right-color:rgba(14,116,144,.3);animation-duration:1s;}@keyframes spinRing{ to{ transform:rotate(360deg);}}.preloader-logo-text{ font-family:var(--font-display);font-size:1.6rem;font-weight:900;background:linear-gradient(135deg,#fff 30%,#67e8f9 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em;}.preloader-bar-track{ width:220px;height:2px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;}.preloader-bar-fill{ height:100%;width:0%;background:linear-gradient(90deg,#0e7490,#67e8f9,#8b5cf6);border-radius:999px;transition:width .08s linear;box-shadow:0 0 12px rgba(103,232,249,.7);}.preloader-pct{ font-family:var(--font-display);font-size:.82rem;font-weight:700;color:var(--text-tertiary);letter-spacing:.1em;} .toast-viewport{ position:fixed;bottom:7.5rem;left:2rem;z-index:99990;display:flex;flex-direction:column-reverse;gap:.65rem;pointer-events:none;}.proof-toast{ background:rgba(10,18,40,.96);border:1px solid rgba(255,255,255,.09);border-left:3px solid #10b981;border-radius:14px;padding:.85rem 1.1rem;display:flex;align-items:center;gap:.85rem;backdrop-filter:blur(24px);min-width:270px;max-width:310px;transform:translateX(calc(-100% - 2.5rem));opacity:0;transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .45s ease;box-shadow:0 12px 40px rgba(0,0,0,.7),0 0 0 1px rgba(16,185,129,.08);pointer-events:all;}.proof-toast.show{ transform:translateX(0);opacity:1;}.proof-toast.hide{ transform:translateX(calc(-100% - 2.5rem));opacity:0;}.toast-av{ width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.88rem;color:#fff;flex-shrink:0;}.toast-body{ flex:1;min-width:0;}.toast-name{ font-weight:700;font-size:.8rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.toast-action{ font-size:.72rem;color:var(--text-secondary);margin-top:.12rem;}.toast-meta{ display:flex;align-items:center;gap:.35rem;margin-top:.35rem;}.toast-live-dot{ width:5px;height:5px;background:#10b981;border-radius:50%;animation:pulse-green 1.5s infinite;flex-shrink:0;}.toast-time-label{ font-size:.65rem;color:var(--text-tertiary);} .cmd-backdrop{ position:fixed;inset:0;background:rgba(2,6,23,.8);backdrop-filter:blur(16px);z-index:9999990;opacity:0;pointer-events:none;transition:opacity .22s ease;}.cmd-backdrop.open{ opacity:1;pointer-events:all;}.cmd-palette{ position:fixed;top:18%;left:50%;transform:translateX(-50%) scale(.96) translateY(-12px);width:min(620px,90vw);background:rgba(12,19,38,.98);border:1px solid rgba(255,255,255,.1);border-radius:18px;overflow:hidden;z-index:9999991;opacity:0;pointer-events:none;transition:all .28s cubic-bezier(.16,1,.3,1);box-shadow:0 48px 96px rgba(0,0,0,.95),0 0 0 1px rgba(103,232,249,.07),0 0 60px rgba(14,116,144,.1);}.cmd-palette.open{ opacity:1;pointer-events:all;transform:translateX(-50%) scale(1) translateY(0);}.cmd-search-row{ display:flex;align-items:center;gap:1rem;padding:1.2rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.07);}.cmd-search-icon{ font-size:1.15rem;color:var(--text-tertiary);flex-shrink:0;}.cmd-input{ flex:1;background:none;border:none;outline:none;color:#fff;font-size:1rem;font-family:var(--font-sans);caret-color:#67e8f9;}.cmd-input::placeholder{ color:var(--text-tertiary);}.cmd-kbd-hint{ font-size:.7rem;color:var(--text-tertiary);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);padding:.2rem .5rem;border-radius:5px;font-family:monospace;flex-shrink:0;}.cmd-body{ padding:.75rem .75rem 1rem;}.cmd-section-label{ font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--text-tertiary);padding:.5rem .75rem .4rem;display:block;}.cmd-item{ display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;border-radius:10px;cursor:pointer;transition:background .15s,border-color .15s;border:1px solid transparent;text-decoration:none;color:inherit;}.cmd-item:hover,.cmd-item.active{ background:rgba(14,116,144,.12);border-color:rgba(103,232,249,.15);}.cmd-item-icon{ width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;}.cmd-item-info{ flex:1;}.cmd-item-title{ font-size:.9rem;font-weight:600;color:var(--text-primary);}.cmd-item-desc{ font-size:.74rem;color:var(--text-tertiary);margin-top:.1rem;}.cmd-item-arrow{ font-size:.8rem;color:var(--text-tertiary);}.cmd-footer{ border-top:1px solid rgba(255,255,255,.05);padding:.7rem 1.5rem;display:flex;gap:1.5rem;font-size:.68rem;color:var(--text-tertiary);}.cmd-footer-key{ display:flex;align-items:center;gap:.35rem;}.cmd-footer-key kbd{ background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:.1rem .4rem;font-family:monospace;font-size:.68rem;color:var(--text-secondary);}.cmd-trigger-hint{ position:fixed;bottom:2rem;left:2rem;background:rgba(15,23,42,.85);border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:.45rem .9rem;display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:var(--text-tertiary);backdrop-filter:blur(12px);z-index:9990;cursor:pointer;transition:all .25s;}.cmd-trigger-hint:hover{ border-color:rgba(103,232,249,.3);color:#67e8f9;}.cmd-trigger-hint kbd{ background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:.05rem .35rem;font-family:monospace;} .astra-tooltip{ position:absolute;right:80px;top:12px;background:rgba(14,116,144,0.95);backdrop-filter:blur(10px);color:#fff;padding:8px 16px;border-radius:12px;font-size:0.8rem;font-weight:600;white-space:nowrap;opacity:0;transform:translateX(15px);transition:all 0.4s cubic-bezier(0.16,1,0.3,1);pointer-events:none;box-shadow:0 4px 15px rgba(0,0,0,0.3);border:1px solid rgba(103,232,249,0.3);}.astra-tooltip::after{ content:'';position:absolute;right:-6px;top:50%;transform:translateY(-50%);border-width:6px 0 6px 6px;border-style:solid;border-color:transparent transparent transparent rgba(14,116,144,0.95);}.astra-toggle-btn:hover .astra-tooltip{ opacity:1;transform:translateX(0);}.astra-quick-prompts{ display:flex;gap:8px;padding:0 1.25rem 10px;overflow-x:auto;scrollbar-width:none;}.astra-quick-prompts::-webkit-scrollbar{ display:none;}.astra-chip{ background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:var(--text-secondary);padding:6px 14px;border-radius:100px;font-size:0.75rem;white-space:nowrap;cursor:pointer;transition:0.3s;}.astra-chip:hover{ background:var(--c-brand-main);color:#fff;border-color:var(--c-brand-light);transform:translateY(-2px);} .holo-card{ --holo-x:50%;--holo-y:50%;--holo-a:135deg;}.holo-card::after{ content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient( ellipse at var(--holo-x) var(--holo-y),rgba(255,50,200,.08) 0%,rgba(50,200,255,.08) 25%,rgba(200,255,50,.07) 50%,rgba(255,150,50,.07) 75%,transparent 100% ),linear-gradient( var(--holo-a),transparent 15%,rgba(255,100,200,.06) 25%,rgba(100,255,200,.06) 40%,rgba(200,100,255,.06) 55%,rgba(255,200,100,.06) 70%,transparent 85% );mix-blend-mode:screen;opacity:0;transition:opacity .35s ease;pointer-events:none;z-index:5;}.holo-card:hover::after{ opacity:1;} #engagementBanner{ position:fixed;bottom:0;left:0;right:0;background:linear-gradient(90deg,rgba(8,14,35,.97) 0%,rgba(14,116,144,.25) 50%,rgba(8,14,35,.97) 100%);backdrop-filter:blur(24px);border-top:1px solid rgba(103,232,249,.25);padding:.85rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;z-index:99985;transform:translateY(100%);transition:transform .75s cubic-bezier(.16,1,.3,1);box-shadow:0 -12px 48px rgba(14,116,144,.2),0 -1px 0 rgba(103,232,249,.1);}#engagementBanner.eb-show{ transform:translateY(0);}.eb-text{ display:flex;align-items:center;gap:.85rem;color:rgba(255,255,255,.9);font-weight:600;font-size:.88rem;flex:1;}.eb-fire{ width:28px;height:28px;background:linear-gradient(135deg,rgba(245,158,11,.2),rgba(239,68,68,.1));border:1px solid rgba(245,158,11,.3);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0;animation:float 3s ease-in-out infinite;}.eb-strong{ color:#67e8f9;}.eb-slots{ display:inline-flex;align-items:center;gap:.35rem;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.25);color:#fca5a5;padding:.2rem .65rem;border-radius:999px;font-size:.75rem;font-weight:700;}.eb-actions{ display:flex;align-items:center;gap:.7rem;flex-shrink:0;}.eb-cta{ background:linear-gradient(135deg,#0e7490,#0891b2);color:#fff;padding:.55rem 1.4rem;border-radius:999px;font-weight:700;font-size:.82rem;text-decoration:none;transition:all .25s;border:1px solid rgba(103,232,249,.3);box-shadow:0 4px 16px rgba(14,116,144,.35);}.eb-cta:hover{ transform:scale(1.04);box-shadow:0 6px 24px rgba(14,116,144,.5);}.eb-close{ background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.5);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;transition:all .2s;flex-shrink:0;}.eb-close:hover{ background:rgba(255,255,255,.12);color:#fff;}@media (max-width:600px){ #engagementBanner{ padding:.75rem 1rem;}.eb-text{ font-size:.78rem;}} #exitBackdrop{ position:fixed;inset:0;background:rgba(2,6,23,.88);backdrop-filter:blur(22px);z-index:9999993;opacity:0;pointer-events:none;transition:opacity .4s ease;}#exitBackdrop.ex-open{ opacity:1;pointer-events:all;}#exitModal{ position:fixed;top:50%;left:50%;transform:translate(-50%,-52%) scale(.92);width:min(560px,92vw);background:linear-gradient(160deg,rgba(10,18,42,.99),rgba(4,8,24,.99));border:1px solid rgba(103,232,249,.15);border-radius:28px;padding:3.5rem 3rem 3rem;z-index:9999994;opacity:0;pointer-events:none;transition:all .55s cubic-bezier(.16,1,.3,1);box-shadow:0 50px 100px rgba(0,0,0,.9),0 0 0 1px rgba(103,232,249,.05),0 0 80px rgba(14,116,144,.1);text-align:center;overflow:hidden;}#exitModal::before{ content:'';position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(14,116,144,.15),rgba(139,92,246,.05) 50%,transparent 70%);pointer-events:none;}#exitModal::after{ content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(103,232,249,.3),rgba(139,92,246,.2),transparent);}#exitModal.ex-open{ opacity:1;pointer-events:all;transform:translate(-50%,-50%) scale(1);}.exit-badge{ display:inline-flex;align-items:center;gap:.4rem;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);color:#fbbf24;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.35rem 1rem;border-radius:999px;margin-bottom:1.5rem;}.exit-title{ font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.1rem);font-weight:900;color:#fff;margin-bottom:1rem;line-height:1.2;position:relative;z-index:1;}.exit-sub{ color:rgba(255,255,255,.55);font-size:.92rem;margin-bottom:2rem;max-width:400px;margin-left:auto;margin-right:auto;line-height:1.6;position:relative;z-index:1;}.exit-form-row{ display:flex;flex-direction:column;gap:.65rem;position:relative;z-index:1;}.exit-email-input{ flex:1;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.75rem 1.25rem;color:#fff;font-size:.88rem;outline:none;font-family:var(--font-sans);transition:border-color .25s;}.exit-email-input:focus{ border-color:rgba(103,232,249,.5);}.exit-email-input::placeholder{ color:rgba(255,255,255,.3);}.exit-submit{ background:linear-gradient(135deg,#0e7490,#0891b2);color:#fff;border:1px solid rgba(103,232,249,.3);border-radius:999px;padding:.75rem 1.5rem;font-weight:700;font-size:.88rem;cursor:pointer;white-space:nowrap;transition:all .25s;box-shadow:0 4px 16px rgba(14,116,144,.4);}.exit-submit:hover{ box-shadow:0 6px 24px rgba(14,116,144,.6);transform:scale(1.04);}.exit-close-x{ position:absolute;top:1.2rem;right:1.2rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(255,255,255,.4);font-size:.85rem;transition:all .2s;}.exit-close-x:hover{ background:rgba(255,255,255,.1);color:#fff;}.exit-proof{ margin-top:1.5rem;font-size:.75rem;color:rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;gap:.6rem;position:relative;z-index:1;}.exit-avatars{ display:flex;}.exit-avatars span{ width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(2,6,23,.8);display:flex;align-items:center;justify-content:center;font-size:.62rem;color:#fff;font-weight:700;margin-left:-6px;}.exit-avatars span:first-child{ margin-left:0;}@media (max-width:500px){ .exit-form-row{ flex-direction:column;}#exitModal{ padding:2.5rem 1.5rem 2rem;}} @media (max-width:1200px){ .services-grid-6{ grid-template-columns:repeat(2,1fr);}}@media (max-width:1024px){ .stats-grid{ grid-template-columns:repeat(2,1fr);}.process-grid{ grid-template-columns:repeat(2,1fr);}.process-grid::before{ display:none;}.sidebar-nav{ display:none;}}@media (max-width:768px){ .stats-grid{ grid-template-columns:repeat(2,1fr);gap:1rem;}.process-grid{ grid-template-columns:1fr;}.services-grid-6{ grid-template-columns:1fr;}.cta-card{ padding:2.5rem 1.5rem;}.astra-chat-window{ width:calc(100vw - 1.5rem);right:.75rem;bottom:5.5rem;height:72vh;}.h-scroll-sticky{ position:relative;height:auto;overflow:visible;}.h-scroll-track{ flex-direction:column;width:100%;padding:0 var(--gutter) var(--gutter);}.portfolio-card{ width:100%;}.footer-grid{ grid-template-columns:1fr 1fr;}.macbook-device{ display:none;}.toast-viewport{ bottom:5.5rem;left:1rem;}.proof-toast{ min-width:230px;max-width:260px;}.cmd-palette{ top:12%;width:calc(100vw - 2rem);}.cmd-trigger-hint{ display:none;}.hero-badges{ gap:.5rem;}.hero-badge{ font-size:.75rem;padding:.4rem .9rem;}.header .btn-cta-glow{ display:none;}}@media (max-width:480px){ .footer-grid{ grid-template-columns:1fr;gap:2rem;}.stats-grid{ grid-template-columns:1fr 1fr;gap:.75rem;}.stat-block{ padding:1.75rem 1rem;}.stat-number{ font-size:2rem;}h1{ font-size:clamp(2.25rem,8vw,3rem);}.astra-toggle-btn{ width:54px;height:54px;bottom:1.25rem;right:1.25rem;}.footer-status-bar{ flex-direction:column;align-items:flex-start;gap:.75rem;}} .cmd-palette-backdrop{ position:fixed;inset:0;background:rgba(2,6,23,0.8);backdrop-filter:blur(12px);z-index:9999998;opacity:0;pointer-events:none;transition:opacity 0.3s;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;}.cmd-palette-backdrop.open{ opacity:1;pointer-events:auto;}.cmd-palette{ background:rgba(15,23,42,0.9);border:1px solid rgba(103,232,249,0.3);border-radius:16px;width:90%;max-width:600px;box-shadow:0 30px 60px rgba(0,0,0,0.6),0 0 0 1px rgba(255,255,255,0.05);transform:scale(0.95) translateY(-20px);transition:transform 0.3s cubic-bezier(0.16,1,0.3,1);overflow:hidden;display:flex;flex-direction:column;}.cmd-palette-backdrop.open .cmd-palette{ transform:scale(1) translateY(0);}.cmd-header{ padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,0.05);display:flex;align-items:center;gap:1rem;}.cmd-input{ background:transparent;border:none;color:#fff;font-size:1.25rem;width:100%;outline:none;font-family:var(--font-sans);}.cmd-input::placeholder{ color:rgba(255,255,255,0.3);}.cmd-body{ padding:1rem 0;max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.1) transparent;}.cmd-body::-webkit-scrollbar{ width:4px;}.cmd-body::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.1);border-radius:4px;}.cmd-item{ padding:0.75rem 1.5rem;display:flex;align-items:center;gap:1rem;color:rgba(255,255,255,0.6);cursor:pointer;text-decoration:none;transition:all 0.2s;}.cmd-item:hover,.cmd-item.active{ background:rgba(14,116,144,0.3);color:#fff;border-left:3px solid #67e8f9;} .minimap{ position:fixed;right:1.5rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:0.6rem;z-index:9998;}.minimap-dot{ width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,0.2);transition:all 0.3s;cursor:pointer;position:relative;}.minimap-dot::after{ content:attr(data-tooltip);position:absolute;right:20px;top:50%;transform:translateY(-50%) translateX(10px);background:rgba(15,23,42,0.9);padding:0.2rem 0.6rem;border-radius:4px;font-size:0.75rem;color:#fff;opacity:0;pointer-events:none;transition:all 0.3s;white-space:nowrap;border:1px solid rgba(255,255,255,0.1);}.minimap-dot:hover::after{ opacity:1;transform:translateY(-50%) translateX(0);}.minimap-dot:hover,.minimap-dot.active{ background:#67e8f9;box-shadow:0 0 10px #67e8f9;transform:scale(1.2);} .social-proof-toast{ position:fixed;bottom:-100px;left:2rem;background:rgba(15,23,42,0.95);border:1px solid rgba(16,185,129,0.4);border-radius:12px;padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:0 10px 30px rgba(0,0,0,0.5);z-index:99999;transition:bottom 0.6s cubic-bezier(0.16,1,0.3,1),opacity 0.6s;opacity:0;backdrop-filter:blur(10px);pointer-events:none;}.social-proof-toast.show{ bottom:2rem;opacity:1;pointer-events:auto;}.sp-icon{ width:40px;height:40px;border-radius:50%;background:rgba(16,185,129,0.15);display:flex;align-items:center;justify-content:center;font-size:1.2rem;border:1px solid rgba(16,185,129,0.3);color:#10b981;}.sp-text h5{ color:#fff;font-size:0.9rem;margin-bottom:0.2rem;font-weight:600;font-family:var(--font-sans);letter-spacing:0;text-transform:none;}.sp-text p{ color:rgba(255,255,255,0.6);font-size:0.75rem;margin:0;line-height:1.4;}@media (max-width:768px){ .minimap{ display:none;} .social-proof-toast{ display:none !important;}.social-proof-toast.show{ display:none !important;}.cmd-palette-backdrop{ padding-top:5vh;}}
@media(max-width:768px){ .nav-menu {display:none;flex-direction:column;position:fixed;top:70px;left:0;width:100%;background:rgba(2,6,23,.9);backdrop-filter:blur(20px);padding:2rem;gap:1.5rem} .nav-menu.active {display:flex} .astra-toggle-btn {width:44px !important;height:44px !important;} .fab-whatsapp {width:44px !important;height:44px !important;} .fab-whatsapp svg {width:24px !important;height:24px !important;} }

.nav-toggle { transition: transform 0.3s ease; } .nav-toggle.active { transform: rotate(90deg); }

.grid-responsive-2, .grid-responsive-3 { display: grid; gap: 16px; } .grid-responsive-2 { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); } .grid-responsive-3 { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); } @media (max-width: 768px) { .grid-responsive-2, .grid-responsive-3 { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important; } #engagementBanner { flex-direction: row !important; flex-wrap: wrap !important; gap: 10px !important; bottom: 5.5rem !important; left: 1rem !important; right: 1rem !important; width: auto !important; max-width: calc(100vw - 2rem) !important; padding: 1rem 1.25rem !important; align-items: center !important; justify-content: space-between !important; text-align: left !important; border-radius: 12px !important; } .eb-text { flex-direction: row !important; flex-wrap: wrap !important; text-align: center !important; gap: 0.5rem !important; } .eb-actions { width: auto !important; margin-top: 0 !important; } .eb-cta { width: auto !important; padding: 0.4rem 0.8rem !important; font-size: 0.75rem !important; } }

@media (max-width: 768px) { .form-card, #pricing-wizard { padding: 24px 20px !important; } .qbtn { flex-direction: column !important; padding: 16px !important; min-height: 80px !important; } .qbtn-icon { width: 40px !important; height: 40px !important; font-size: 1.4rem !important; } .qbtn-title { font-size: 0.95rem !important; white-space: normal !important; line-height: 1.3 !important; } .qbtn-sub { font-size: 0.8rem !important; white-space: normal !important; line-height: 1.3 !important; } .dash-row { flex-wrap: wrap !important; } .svc-nav { overflow-x: auto !important; flex-wrap: nowrap !important; justify-content: flex-start !important; padding-bottom: 10px !important; } .svc-nav-btn { white-space: nowrap !important; flex-shrink: 0 !important; } }

@media (max-width: 768px) { .nav-toggle { display: block !important; background: transparent !important; border: none !important; color: #fff !important; font-size: 1.5rem !important; cursor: pointer !important; } .header .btn-primary { display: none !important; } }

@media (max-width: 768px) { .svc-visual-card { overflow: hidden !important; } .dashboard-mockup, .pagespeed-gauge, [class*='mockup'] { max-width: 100% !important; } }