:root{--purple-dark:#23085a;--purple:#5a1e9e;--pink:#e92063;--orange:#ff6b00;--bg:#fafafc;--bg-card:#fff;--bg-subtle:#f4f4f7;--bg-nav:#fafafcd9;--border:#0b061d14;--text:#4a4559;--text-light:#7a758e;--navy:#0b061d;--navy-light:#1a1333;--loader-bg:#0b061d;--loader-text:#fff;--grad-logo:linear-gradient(135deg, var(--purple-dark) 0%, var(--purple) 30%, var(--pink) 70%, var(--orange) 100%);--grad-btn:linear-gradient(135deg, var(--purple) 0%, var(--pink) 50%, var(--orange) 100%);--grad-soft:linear-gradient(135deg, #5a1e9e0f 0%, #ff6b000f 100%);--font-d:"Montserrat", sans-serif;--font-b:"Open Sans", sans-serif;--nav-height:80px}
html.dark{--bg:#060310;--bg-card:#0e091b;--bg-subtle:#140d26;--bg-nav:#060310d9;--border:#ffffff14;--text:#d0cde0;--text-light:#9b95b3;--navy:#fff;--navy-light:#060310;--loader-bg:#060310;--loader-text:#fff;--grad-soft:linear-gradient(135deg, #5a1e9e26 0%, #ff6b0026 100%)}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}
html,body{max-width:100vw;overflow-x:hidden}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--font-b);line-height:1.6;transition:background-color .3s,color .3s;position:relative}
h1,h2,h3,h4,h5,h6{font-family:var(--font-d);color:var(--navy);transition:color .3s}
a{color:inherit;text-decoration:none}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}
::-webkit-scrollbar-thumb:hover{background:var(--purple)}
.accent-line{background:var(--grad-btn);z-index:1000;height:4px;position:fixed;top:0;left:0;right:0}
.grad-text{background:var(--grad-btn);-webkit-text-fill-color:transparent;-webkit-background-clip:text}
nav{z-index:1000;background:var(--bg-nav);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 5%;transition:all .3s;display:flex;position:fixed;top:0;left:0;right:0}
.nav-logo{font-family:var(--font-d);letter-spacing:.08em;color:var(--navy);align-items:center;font-size:1.8rem;font-weight:800;display:flex}
.nav-logo .n-grad{background:linear-gradient(180deg, var(--pink), var(--orange));-webkit-text-fill-color:transparent;-webkit-background-clip:text}
.nav-logo .a-dot{position:relative}
.nav-logo .a-dot:after{content:"";background:var(--orange);border-radius:50%;width:5px;height:5px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}
.nav-actions-desktop{align-items:center;gap:30px;display:flex}
.nav-links{gap:40px;list-style:none;display:flex}
.nav-links a{color:var(--text);font-size:.95rem;font-weight:600;transition:color .2s}
.nav-links a:hover{color:var(--orange)}
.nav-actions-mobile{align-items:center;gap:20px;display:none}
.theme-toggle{background:var(--navy);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),background .3s;display:flex}
.theme-toggle:active{transform:scale(.9)}
html.dark .theme-toggle{background:#fff}
.theme-btn-svg{width:100%;height:100%}
.theme-svg-g,.theme-svg-path{transform-origin:50%;transition:transform .5s cubic-bezier(.4,0,.2,1)}
html.dark .theme-svg-g{transform:rotate(-180deg)}
html.dark .theme-svg-path{transform:rotate(180deg)}
.svg-white{fill:var(--bg);transition:fill .3s}
.svg-black{fill:var(--navy);transition:fill .3s}
html.dark .svg-white{fill:var(--navy)}
html.dark .svg-black{fill:var(--bg)}
::view-transition-old(root),::view-transition-new(root){mix-blend-mode:normal;animation:none}
::view-transition-old(root){z-index:1}
::view-transition-new(root){z-index:2}




.mobile-menu-overlay{background:var(--bg);z-index:99;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}
.mobile-menu-overlay.open{opacity:1;pointer-events:auto}
.mobile-menu-inner{display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .4s;transform:translateY(20px);width:100%}
.mobile-menu-overlay.open .mobile-menu-inner{transform:translateY(0)}
.mobile-links{flex-direction:column;gap:30px;margin-bottom:40px;list-style:none;display:flex}
.mobile-links a{font-family:var(--font-d);color:var(--navy);font-size:2rem;font-weight:800;transition:color .3s}
.mobile-links a:hover{color:var(--orange)}
footer{background:var(--navy-light);padding:80px 5% 40px}
.ft-inner{max-width:1200px;margin:0 auto}
.ft-top{grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:60px;display:grid;align-items:start}
.ft-logo{line-height:1;font-family:var(--font-d);color:#fff;letter-spacing:.08em;margin-bottom:16px;font-size:2rem;font-weight:800;display:inline-block}
.ft-logo .n-grad{background:linear-gradient(180deg, var(--pink), var(--orange));-webkit-text-fill-color:transparent;-webkit-background-clip:text}
.ft-logo .a-dot{position:relative}
.ft-logo .a-dot:after{content:"";background:var(--orange);border-radius:50%;width:5px;height:5px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}
.ft-tag{color:#fff9;max-width:300px;font-size:1rem;line-height:1.7}
.ft-col h5{font-family:var(--font-d);letter-spacing:.1em;text-transform:uppercase;color:#fff;margin-bottom:24px;font-size:.9rem;font-weight:800}
.ft-col ul{flex-direction:column;gap:16px;list-style:none;display:flex}
.ft-col a{color:#fff9;font-size:1rem;transition:color .2s}
.ft-col a:hover{color:var(--orange)}
.ft-bottom{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-top:32px;display:flex}
.ft-copy{color:#ffffff80;font-size:.9rem}
.ft-socials{gap:12px;display:flex}
.s-btn{cursor:pointer;color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;transition:all .3s;display:flex}
.s-btn:hover{background:var(--grad-btn);border-color:#0000;transform:translateY(-3px)}
@media (width<=992px){.nav-actions-desktop{display:none}.nav-actions-mobile{display:flex}.ft-top{grid-template-columns:1fr 1fr 1fr;gap:30px;margin-bottom:40px}.ft-top > div:nth-child(1){grid-column:1 / -1}footer{padding:60px 5% 30px}}
@media (width<=768px){.ft-top{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:40px}.ft-top > div:nth-child(4){grid-column:1 / -1}footer{padding:40px 5% 20px}.ft-col h5{margin-bottom:12px}.ft-bottom{flex-direction:column;text-align:center;gap:16px}}
.btn-primary{background:var(--grad-btn);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;font-family:var(--font-b);border:none;border-radius:100px;padding:16px 40px;transition:all .3s;box-shadow:0 12px 32px #e920634d}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 40px #ff6b0066}
.btn-ghost{border:1.5px solid var(--border);color:var(--navy);cursor:pointer;font-size:1rem;font-weight:600;font-family:var(--font-b);background:0 0;border-radius:100px;padding:16px 40px;transition:all .3s}
.btn-ghost:hover{border-color:var(--navy);background:var(--navy);color:var(--bg)}
.nav-cta{background:var(--navy);color:var(--bg);cursor:pointer;font-size:.9rem;font-weight:600;font-family:var(--font-b);border:none;border-radius:100px;padding:12px 28px;transition:all .3s}
.nav-cta:hover{background:var(--orange);transform:translateY(-2px);box-shadow:0 8px 24px #ff6b004d}
.f-row{grid-template-columns:1fr 1fr;gap:24px;display:grid}
.f-field{flex-direction:column;gap:10px;display:flex}
.f-field label{text-transform:uppercase;letter-spacing:.1em;color:var(--navy);font-size:.85rem;font-weight:700}
.f-field input,.f-field textarea,.f-field select{background:var(--bg-card);border:1px solid var(--border);color:var(--text);font-family:var(--font-b);resize:none;border-radius:12px;outline:none;padding:16px 20px;font-size:1rem;transition:all .3s}
.f-field input:focus,.f-field textarea:focus,.f-field select:focus{border-color:var(--purple);box-shadow:0 0 0 4px #5a1e9e1a}
.f-field textarea{min-height:140px}
@media (width<=768px){.f-row{grid-template-columns:1fr}
}
section{padding:120px 5%}
.s-label{letter-spacing:.15em;text-transform:uppercase;color:var(--orange);background:#ff6b001a;border-radius:100px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-size:.75rem;font-weight:800;display:inline-flex}
.s-title{font-family:var(--font-d);letter-spacing:-.02em;color:var(--navy);font-size:clamp(2rem,6vw,3.5rem);font-weight:800;line-height:1.15}
.s-title .g{background:var(--grad-btn);-webkit-text-fill-color:transparent;-webkit-background-clip:text}
.s-body{color:var(--text);max-width:540px;margin-top:24px;font-size:1.1rem;line-height:1.8}
.hero{justify-content:center;align-items:center;min-height:100vh;padding:140px 5% 80px;display:flex;position:relative;overflow:hidden}
.hero-bg-shape{filter:blur(80px);pointer-events:none;z-index:-1;background:radial-gradient(circle,#e920631a 0%,#ff6b000d 50%,#0000 80%);border-radius:50%;width:60vw;height:60vw;position:absolute;top:20%;right:-10%}
.hero-bg-shape2{filter:blur(80px);pointer-events:none;z-index:-1;background:radial-gradient(circle,#5a1e9e1a 0%,#23085a0d 50%,#0000 80%);border-radius:50%;width:50vw;height:50vw;position:absolute;bottom:-10%;left:-10%}
.hero:before{content:"";background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.5;pointer-events:none;z-index:-2;background-size:80px 80px;position:absolute;inset:0}
.hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%;max-width:1200px;margin:0 auto;display:grid}
.hero-left{position:relative}
.hero-logo-recreation{margin-bottom:30px}
.hl-tagline{font-family:var(--font-b);letter-spacing:.25em;color:var(--navy);align-items:center;gap:12px;margin-bottom:16px;font-size:.85rem;font-weight:800;display:flex}
.hl-tagline span{text-wrap:balance;line-height:1.5}
.hl-line{flex:1;max-width:60px;height:2px}
.hl-line.left{background:linear-gradient(90deg, transparent, var(--purple))}
.hl-line.right{background:linear-gradient(90deg, var(--orange), transparent)}
.hl-services{letter-spacing:.15em;color:var(--text);margin-bottom:16px;font-size:.75rem;font-weight:700;line-height:2}
.hl-services .sep{color:var(--pink);margin:0 8px;font-weight:800}
.hero h1{font-family:var(--font-d);letter-spacing:-.02em;color:var(--navy);text-wrap:balance;max-width:800px;margin-bottom:24px;font-size:clamp(2rem,6vw,4.5rem);font-weight:800;line-height:1.1}
.hero-sub{color:var(--text-light);max-width:480px;margin-bottom:40px;font-size:1.1rem;font-weight:400;line-height:1.7}
.hero-actions{flex-wrap:wrap;gap:16px;display:flex}
.hero-right{width:100%;max-width:580px;height:440px;margin-left:auto;position:relative}
.hero-card{background:var(--bg-nav);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:24px;padding:32px;position:absolute;box-shadow:0 30px 60px #0b061d14}
.hc-main{z-index:1;width:380px;top:20px;right:20px}
.hc-main h4{font-family:var(--font-d);color:var(--text-light);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px;font-size:.85rem;font-weight:700}
.metric-row{align-items:baseline;gap:8px;display:flex}
.metric-big{font-family:var(--font-d);background:var(--grad-btn);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:3.2rem;font-weight:800;line-height:1}
.metric-label{color:var(--text-light);margin-top:4px;font-size:.85rem}
.chart-bars{align-items:flex-end;gap:8px;height:70px;margin-top:24px;display:flex}
.bar{background:var(--bg-subtle);border-radius:6px;flex:1;transition:height .5s}
.bar.active{background:var(--grad-btn)}
.hc-social{background:var(--navy);width:280px;color:var(--bg-card);z-index:2;border:1px solid var(--border);bottom:20px;left:0}
.hc-social h4{font-family:var(--font-d);color:var(--bg-card);opacity:.6;text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px;font-size:.8rem;font-weight:700}
.platform-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}
.platform-name{color:var(--bg-card);opacity:.9;font-size:.85rem;font-weight:500}
.platform-num{font-family:var(--font-d);color:var(--orange);font-size:.95rem;font-weight:700}
.hc-tag{background:var(--grad-btn);color:#fff;font-family:var(--font-d);z-index:3;border-radius:100px;padding:16px 24px;font-size:.9rem;font-weight:700;position:absolute;bottom:80px;right:20px;box-shadow:0 16px 32px #ff6b004d}
.marquee-wrap{background:var(--navy-light);border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;padding:24px 0;overflow:hidden}
.marquee-track{white-space:nowrap;gap:60px;animation:30s linear infinite marquee;display:flex}
@keyframes marquee{0%{transform:translate(0)}
to{transform:translate(-50%)}
}
.m-item{font-family:var(--font-d);letter-spacing:.15em;text-transform:uppercase;color:#fffc;flex-shrink:0;align-items:center;gap:30px;font-size:.85rem;font-weight:700;display:flex}
.m-dot{background:var(--pink);width:6px;height:6px;box-shadow:0 0 10px var(--pink);border-radius:50%}
.stats{background:var(--bg-card);border-bottom:1px solid var(--border);z-index:10;justify-content:center;display:flex;position:relative}
.stat{text-align:center;flex:1;padding:60px 20px;position:relative}
.stat:not(:last-child):after{content:"";background:var(--border);width:1px;position:absolute;top:20%;bottom:20%;right:0}
.stat-n{font-family:var(--font-d);background:var(--grad-btn);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:3.5rem;font-weight:800;line-height:1}
.stat-l{color:var(--text-light);text-transform:uppercase;letter-spacing:.1em;margin-top:12px;font-size:.85rem;font-weight:600}
.services{background:var(--bg-subtle);position:relative}
.services:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#5a1e9e08,#0000 50%);width:100%;height:100%;position:absolute;top:0;left:0}
.services-hd{text-align:center;margin-bottom:80px}
.services-hd .s-title,.services-hd .s-body{margin-left:auto;margin-right:auto}
.svc-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;max-width:1200px;margin:0 auto;display:grid}
.svc-card{background:var(--bg-card);border:1px solid var(--border);z-index:1;border-radius:24px;flex-direction:column;justify-content:flex-start;min-height:320px;padding:48px 40px;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;position:relative;overflow:hidden}
.svc-card:before{content:"";background:radial-gradient(circle, var(--grad-soft) 0%, transparent 60%);opacity:0;z-index:-1;pointer-events:none;width:200%;height:200%;transition:all .6s;position:absolute;top:-50%;left:-50%;transform:scale(.8)}
.svc-card>*{z-index:1;transition:transform .4s,color .4s;position:relative}
.svc-card:hover{border-color:#5a1e9e33;transform:translateY(-10px);box-shadow:0 30px 60px #0b061d14}
.svc-card:hover:before{opacity:1;transform:scale(1)}
.svc-icon{background:var(--bg-subtle);color:var(--purple);width:64px;height:64px;box-shadow:inset 0 0 0 1px var(--border);border-radius:16px;justify-content:center;align-items:center;margin-bottom:32px;font-size:2rem;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex}
.svc-card:hover .svc-icon{background:var(--grad-btn);color:#fff;transform:scale(1.1)rotate(5deg);box-shadow:0 10px 20px #e920634d}
.svc-content h3{font-family:var(--font-d);color:var(--navy);margin-bottom:16px;font-size:1.4rem;font-weight:800;transition:color .3s}
.svc-content p{color:var(--text-light);font-size:1.05rem;line-height:1.6}
.svc-card:hover .svc-content{transform:translateY(-5px)}
.process{background:var(--bg-card)}
.process-inner{grid-template-columns:1fr 1.2fr;align-items:start;gap:100px;max-width:1200px;margin:0 auto;display:grid}
.process-inner>div:first-child{position:sticky;top:140px}
.process-steps{flex-direction:column;gap:32px;display:flex}
.p-step{background:var(--bg-subtle);border:1px solid #0000;border-radius:20px;gap:24px;padding:32px;transition:all .3s;display:flex}
.p-step:hover{background:var(--bg-card);border-color:var(--border);transform:translate(10px);box-shadow:0 20px 40px #0b061d0d}
.p-num{font-family:var(--font-d);color:#fff;background:var(--grad-btn);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1rem;font-weight:800;display:flex;box-shadow:0 8px 20px #e920634d}
.p-step h4{font-family:var(--font-d);color:var(--navy);margin-bottom:8px;font-size:1.2rem;font-weight:800}
.p-step p{color:var(--text-light);font-size:1rem;line-height:1.7}
.why{background:var(--bg);color:var(--text)}
.why .s-label{color:var(--orange);background:var(--bg-subtle)}
.why .s-title{color:var(--navy)}
.why-inner{max-width:1200px;margin:0 auto}
.why-hd{text-align:center;margin-bottom:80px}
.why-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;display:grid}
.why-card{background:var(--bg-card);border:1px solid var(--border);border-radius:24px;padding:48px 40px;transition:all .3s}
.why-card:hover{background:var(--bg-subtle);border-color:var(--purple);transform:translateY(-5px)}
.why-icon{background:var(--grad-btn);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-size:2.2rem}
.why-card h4{font-family:var(--font-d);color:var(--navy);margin-bottom:12px;font-size:1.2rem;font-weight:800}
.why-card p{color:var(--text-light);font-size:1rem;line-height:1.7}
.work{background:var(--bg-subtle)}
.work-inner{max-width:1200px;margin:0 auto}
.work-hd{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:60px;display:flex}
.work-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;display:grid}
.w-card{aspect-ratio:4/3;cursor:pointer;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0b061d0d}
.w-bg{background-position:50%;background-size:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.165,.84,.44,1);position:absolute;top:0;left:0}
.w-card:hover .w-bg{transform:scale(1.05)}
.w-overlay{opacity:1;pointer-events:none;background:linear-gradient(#0000 0%,#0b061d33 40%,#0b061df2 100%);align-items:flex-end;padding:32px;transition:background .4s;display:flex;position:absolute;inset:0}
.w-card:hover .w-overlay{background:linear-gradient(#0000 0%,#0b061d66 40%,#0b061dfa 100%)}
.w-info{z-index:2;width:100%}
.w-info h4{font-family:var(--font-d);color:#fff;margin-bottom:8px;font-size:1.5rem;font-weight:800;transition:color .3s,transform .4s;transform:translateY(0)}
.w-card:hover .w-info h4{color:var(--orange);transform:translateY(-5px)}
.w-info span{color:#ffffffd9;align-items:center;gap:8px;font-size:.95rem;font-weight:500;transition:transform .4s;display:flex;transform:translateY(0)}
.w-card:hover .w-info span{transform:translateY(-5px)}
.testi{background:var(--bg-card)}
.testi-inner{max-width:1200px;margin:0 auto}
.testi-hd{text-align:center;margin-bottom:80px}
.testi-hd .s-title{margin:0 auto}
.testi-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;display:grid}
.t-card{background:var(--bg-subtle);border-radius:24px;padding:48px 40px;position:relative}
.t-card:before{content:"\"";font-family:var(--font-d);color:#0b061d0d;font-size:6rem;line-height:1;position:absolute;top:20px;right:30px}
.t-stars{color:var(--orange);letter-spacing:4px;margin-bottom:24px;font-size:1.1rem}
.t-text{color:var(--text);margin-bottom:32px;font-size:1.1rem;font-weight:500;line-height:1.8}
.t-author{align-items:center;gap:16px;display:flex}
.t-av{background:var(--grad-btn);color:#fff;width:56px;height:56px;font-size:1.2rem;font-weight:800;font-family:var(--font-d);border-radius:50%;justify-content:center;align-items:center;display:flex}
.t-name{font-family:var(--font-d);color:var(--navy);font-size:1.1rem;font-weight:800}
.t-role{color:var(--text-light);font-size:.85rem}
.cta{background:var(--bg-subtle);text-align:center;padding:140px 5%;position:relative;overflow:hidden}
.cta:before{content:"";position:absolute;inset:0}
.cta-glow{filter:blur(120px);pointer-events:none;background:radial-gradient(circle,#e9206333,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.cta h2{font-family:var(--font-d);letter-spacing:-.03em;color:var(--navy);max-width:800px;margin:0 auto 24px;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;line-height:1.1;position:relative}
.cta h2 span{background:var(--grad-btn);-webkit-text-fill-color:transparent;-webkit-background-clip:text}
.cta p{color:var(--text-light);max-width:500px;margin:0 auto 48px;font-size:1.2rem;position:relative}
.contact{background:var(--bg-card)}
.contact-inner{grid-template-columns:1fr 1.2fr;align-items:start;gap:100px;max-width:1200px;margin:0 auto;display:grid}
.c-info h3{font-family:var(--font-d);color:var(--navy);margin-bottom:16px;font-size:2.5rem;font-weight:800;line-height:1.2}
.c-info p{color:var(--text-light);margin-bottom:48px;font-size:1.1rem;line-height:1.7}
.c-items{flex-direction:column;gap:24px;display:flex}
.c-item{align-items:center;gap:20px;display:flex}
.c-icon{background:var(--bg-subtle);width:56px;height:56px;color:var(--orange);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;transition:all .3s;display:flex}
.c-item:hover .c-icon{background:var(--orange);color:#fff;transform:scale(1.1)}
.c-item h5{font-family:var(--font-d);color:var(--navy);margin-bottom:4px;font-size:1rem;font-weight:800}
.c-item span{color:var(--text-light);font-size:1rem}
.c-form{background:var(--bg-subtle);border-radius:24px;flex-direction:column;gap:24px;padding:48px;display:flex}
@media (width<=992px){.hero-inner,.process-inner,.contact-inner{grid-template-columns:1fr;gap:60px}
.hero-right{display:none}
}
@media (width<=768px){section{padding:80px 5%}
.hero{padding:120px 5% 60px}
.stats{flex-direction:column}
.stat:not(:last-child):after{width:100%;height:1px;top:auto;bottom:0;right:auto}
.hero h1{font-size:2.2rem!important;line-height:1.2!important}
.marquee-wrap{background:#0b061d!important}
.hero-actions{flex-direction:column;gap:12px}
.hero-actions button{width:100%}
}
html.dark .marquee-wrap{background:#060310!important}
.cursor-dot,.cursor-outline{z-index:9999;pointer-events:none;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}
.cursor-dot{background-color:var(--orange);width:8px;height:8px}
.cursor-outline{border:2px solid #ff6b0080;width:40px;height:40px}
@media (hover:none) and (pointer:coarse){.cursor-dot,.cursor-outline{display:none}
}
.loader{background:var(--loader-bg);z-index:10000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden;}
.loader-content{text-align:center;position:relative;overflow:hidden}
.loader-logo{font-family:var(--font-d);color:var(--loader-text);letter-spacing:.1em;opacity:1;font-size:clamp(3rem, 6vw, 5rem);font-weight:800;transform:none;display:inline-block;clip-path:inset(0 100% 0 0);-webkit-clip-path:inset(0 100% 0 0);}
.loader-logo .n-grad{background:linear-gradient(180deg, var(--pink), var(--orange));-webkit-text-fill-color:transparent;-webkit-background-clip:text}
.loader-logo .a-dot{position:relative}
.loader-logo .a-dot:after{content:"";background:var(--orange);border-radius:50%;width:8px;height:8px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}
.loader-progress{background:var(--grad-btn);border-radius:2px;width:0;height:3px;margin-top:20px;margin-left:0;margin-right:auto;}
.gs-reveal-up,.gs-reveal-right,.gs-stagger,.gs-stagger-step{visibility:hidden}
.gooey-nav-container{position:relative}
.gooey-nav{backdrop-filter:none;background:0 0;border:none;padding:0;display:flex;align-items:center;position:relative;transform:translateZ(.01px)}
.gooey-nav-container .gooey-nav ul{z-index:3;color:var(--text-muted);gap:36px;margin:0;padding:0 1em;list-style:none;display:flex;align-items:center;position:relative}
.gooey-nav-container .gooey-nav ul li{cursor:pointer;border-radius:100vw;transition:background-color .3s,color .3s,box-shadow .3s;position:relative;box-shadow:0 0 .5px 1.5px #0000}
.gooey-nav-container .gooey-nav ul li a{color:inherit;font-family:var(--font-b);letter-spacing:.05em;padding:.6em 1em;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-block}
.gooey-nav-container .gooey-nav ul li:focus-within:has(:focus-visible){box-shadow:0 0 .5px 1.5px var(--navy)}
html.dark .gooey-nav-container .gooey-nav ul li:focus-within:has(:focus-visible){box-shadow:0 0 .5px 1.5px #fff}
.gooey-nav-container .gooey-nav ul li:after{content:"";background:var(--bg-card);opacity:0;z-index:-1;border-radius:100vw;transition:all .3s;position:absolute;inset:0;transform:scale(0);box-shadow:0 4px 12px #0b061d0d}
.gooey-nav-container .gooey-nav ul li.active a{color:var(--navy)}
html.dark .gooey-nav-container .gooey-nav ul li.active a{color:#fff}
.gooey-nav-container .gooey-nav ul li.active:after{opacity:1;transform:scale(1)}
.gooey-nav-container .effect{opacity:1;pointer-events:none;z-index:1;place-items:center;width:0;height:0;display:grid;position:absolute;top:0;left:0}
.gooey-nav-container .effect.text{color:var(--text-muted);font-family:var(--font-b);font-size:.95rem;font-weight:500;transition:color .3s}
.gooey-nav-container .effect.text.active{color:var(--navy)}
html.dark .gooey-nav-container .effect.text.active{color:#fff}
.gooey-nav-container .effect.filter{mix-blend-mode:normal}
.gooey-nav-container .effect.filter:after{content:"";background:var(--purple);opacity:0;z-index:-1;border-radius:100vw;position:absolute;inset:0;transform:scale(0)}
.gooey-nav-container .effect.active:after{animation:.3s both pill}
@keyframes pill{to{opacity:1;transform:scale(1)}
}


/* TWO ENGINES SERVICES */
.engine-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; max-width: 1200px; margin: 0 auto; }

.engine-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 24px; padding: 48px 40px; position: relative; overflow: hidden; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }

.engine-card::before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:var(--grad-btn); opacity:0; transition:opacity 0.4s; z-index:0; }

.engine-card > * { position: relative; z-index: 1; transition: color 0.4s; }

.engine-card:hover { transform: translateY(-8px); box-shadow: 0 30px 60px rgba(11,6,29,0.08); border-color: transparent; }

.engine-card:hover::before { opacity: 1; }

.engine-header { display: flex; align-items: center; gap: 20px; margin-bottom: 32px; border-bottom: 1px solid var(--border); padding-bottom: 24px; transition: border-color 0.4s; }

.engine-card:hover .engine-header { border-color: rgba(255,255,255,0.2); }

.engine-icon { width: 64px; height: 64px; border-radius: 16px; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; background: var(--grad-soft); color: var(--purple); transition: all 0.4s; }

.engine-card:hover .engine-icon { background: rgba(255,255,255,0.2); color: white; transform: scale(1.1); }

.engine-header h3 { font-family: var(--font-d); font-size: 2rem; font-weight: 800; color: var(--navy); margin: 0; }

.engine-card:hover .engine-header h3 { color: white; }

.engine-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 20px; }

.engine-item { display: flex; flex-direction: column; gap: 4px; }

.engine-item-title { font-family: var(--font-b); font-size: 1.1rem; font-weight: 700; color: var(--navy); }

.engine-card:hover .engine-item-title { color: white; }

.engine-item-desc { color: var(--text-light); font-size: 0.95rem; line-height: 1.5; }

.engine-card:hover .engine-item-desc { color: rgba(255,255,255,0.8); }

.engine-footer-text { text-align: center; margin-top: 60px; font-size: 1.2rem; font-weight: 600; color: var(--navy); font-family: var(--font-d); }

@media(max-width: 992px) { .engine-grid { grid-template-columns: 1fr; }
 }


/* Mobile Menu */
.nav-actions-mobile { display: none; }

.mobile-menu-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: var(--bg); z-index: 999; display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: all 0.4s ease; }

.mobile-menu-overlay.active { opacity: 1; pointer-events: all; }

.mobile-menu-inner { text-align: center; }

.mobile-links { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; align-items: center; gap: 30px; }

.mobile-links a { font-size: 2rem; font-weight: 800; font-family: var(--font-d); color: var(--navy); text-decoration: none; transition: color 0.3s; }

html.dark .mobile-links a { color: #fff; }

.mobile-links a:hover { color: var(--orange); }

/* Hamburger */
.hamburger { background: none; border: none; cursor: pointer; display: flex; flex-direction: column; gap: 6px; z-index: 1000; position: relative; }

.hamburger span { transform-origin: center; display: block; width: 30px; height: 3px; background: var(--navy); transition: all 0.3s; border-radius: 3px; }

html.dark .hamburger span { transform-origin: center; background: #fff; }

.hamburger.open span:nth-child(1) { transform: rotate(45deg); transform-origin: 1px; }

.hamburger.open span:nth-child(2) { transform: rotate(-45deg); transform-origin: 1px; }

.hamburger.open span:nth-child(3) { opacity: 0; }

@media (max-width: 992px) {
    .nav-actions-desktop { display: none !important; }

    .nav-actions-mobile { display: flex; align-items: center; gap: 20px; }

}


/* WHY SECTION */
.why { background: var(--bg); color: var(--text); padding: 120px 5%; position: relative; }

.why-inner { max-width: 1200px; margin: 0 auto; }

.why-hd { text-align: center; margin-bottom: 60px; }

.why-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; }

.why-card { background: var(--bg-card); border-radius: 24px; padding: 40px; border: 1px solid var(--border); transition: transform 0.3s; }

.why-card:hover { transform: translateY(-5px); border-color: var(--purple); }

.why-card h4 { font-family: var(--font-d); color: var(--navy); font-size: 1.4rem; font-weight: 800; margin-bottom: 16px; }

html.dark .why-card h4 { color: #fff; }

.why-card p { color: var(--text-light); font-size: 1.05rem; line-height: 1.7; }




/* Force Center Alignment Fixes */
.nav-actions-desktop { align-items: center !important; }
.gooey-nav-container { display: flex !important; align-items: center !important; height: 100% !important; }
.gooey-nav { display: flex !important; align-items: center !important; height: 100% !important; }
.gooey-nav ul { display: flex !important; align-items: center !important; margin: 0 !important; }
.gooey-nav ul li { display: flex !important; align-items: center !important; }
.nav-cta { margin: 0 !important; vertical-align: middle; }