
:root{--bg:#071018;--panel:#0c1823;--ink:#f4f7f8;--muted:#94a5b3;--line:rgba(255,255,255,.12);--lime:#c9ff38;--cyan:#55e6ff;--paper:#f2efe8;--dark:#071018}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}
.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.top{position:sticky;top:0;z-index:50;background:rgba(7,16,24,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav{height:78px;display:flex;align-items:center;gap:28px}.brand{font-size:26px;font-weight:900;letter-spacing:-1.5px}.brand i{color:var(--lime);font-style:normal}.links{display:flex;gap:22px;margin-left:auto;font-size:13px;font-weight:800}.navcta,.btn{border:1px solid var(--line);padding:13px 18px;border-radius:999px;font-weight:900;font-size:12px;letter-spacing:.06em}.navcta{background:var(--lime);color:#061018;border:0}
.hero{min-height:82vh;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:50px;padding:80px 0}.eyebrow{color:var(--lime);font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.hero h1,.pagehero h1{font-size:clamp(58px,8vw,118px);line-height:.82;letter-spacing:-.07em;margin:18px 0 30px}.hero h1 em{font-style:normal;color:var(--lime)}.lead{font-size:19px;line-height:1.65;color:var(--muted);max-width:650px}.actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.btn.primary{background:var(--lime);color:#071018;border-color:var(--lime)}
.signal{border-left:1px solid var(--line);padding-left:34px}.signal-row{padding:22px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:55px 1fr auto;gap:15px;align-items:center}.num{color:var(--muted);font-size:12px}.signal-row b{font-size:22px}.dot{width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 25px var(--lime)}
.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;white-space:nowrap;overflow:hidden;color:var(--muted);font-weight:900;letter-spacing:.1em}.marquee span{display:inline-block;animation:mar 25s linear infinite}@keyframes mar{to{transform:translateX(-50%)}}
section{padding:100px 0}.paper{background:var(--paper);color:#0b151d}.section-head{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;margin-bottom:55px}.section-head h2{font-size:clamp(42px,6vw,82px);letter-spacing:-.055em;line-height:.9;margin:0}.section-head p{color:#65717a;line-height:1.7;max-width:650px}
.service-list{border-top:1px solid rgba(7,16,24,.18)}.service{display:grid;grid-template-columns:70px 1fr 1fr 30px;gap:25px;padding:27px 0;border-bottom:1px solid rgba(7,16,24,.18);align-items:center;transition:.25s}.service:hover{padding-left:12px}.service h3{font-size:30px;margin:0}.service p{color:#65717a;margin:0}.arrow{font-size:24px}
.darkgrid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.cell{min-height:260px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}.cell b{font-size:26px}.cell p{color:var(--muted);line-height:1.6}.cell .tag{position:absolute;bottom:28px;color:var(--lime);font-size:11px;font-weight:900;letter-spacing:.14em}
.statement{font-size:clamp(54px,8vw,125px);font-weight:950;line-height:.82;letter-spacing:-.07em}.statement span{color:var(--lime)}
.pagehero{padding:95px 0 65px;border-bottom:1px solid var(--line)}.pagehero h1{font-size:clamp(55px,7vw,95px);max-width:950px}.pagehero p{max-width:700px;color:var(--muted);font-size:18px;line-height:1.7}
.twocol{display:grid;grid-template-columns:1fr 1fr;gap:70px}.twocol h2{font-size:50px;letter-spacing:-.05em;margin-top:0}.twocol p,.content p{color:var(--muted);line-height:1.75}.steps{counter-reset:s}.step{counter-increment:s;padding:28px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:80px 1fr}.step:before{content:"0" counter(s);color:var(--lime);font-weight:900}.step h3{margin:0 0 8px;font-size:25px}.step p{margin:0;color:var(--muted)}
.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}label{font-size:12px;font-weight:900;color:var(--muted)}input,textarea,select{width:100%;padding:16px;border-radius:10px;border:1px solid var(--line);background:#0c1823;color:white;font:inherit}textarea{min-height:130px}.submit{background:var(--lime);border:0;padding:16px 22px;border-radius:10px;font-weight:900;cursor:pointer}.notice{padding:16px;border:1px solid var(--line);margin-bottom:20px;border-radius:10px}
.partner{font-size:clamp(38px,6vw,78px);font-weight:950;letter-spacing:-.05em;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px 0}.footer{padding:70px 0 30px;border-top:1px solid var(--line)}.footer-big{font-size:clamp(55px,9vw,120px);font-weight:950;letter-spacing:-.07em;line-height:.82}.footer-big span{color:var(--lime)}.footrow{display:flex;justify-content:space-between;gap:25px;margin-top:55px;padding-top:25px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}
.menu{display:none}.reveal{opacity:0;transform:translateY(22px);transition:.7s}.reveal.on{opacity:1;transform:none}
@media(max-width:850px){.links{display:none}.menu{display:block;margin-left:auto}.hero,.section-head,.twocol{grid-template-columns:1fr}.hero{padding:55px 0;min-height:auto}.signal{border-left:0;border-top:1px solid var(--line);padding:15px 0}.darkgrid{grid-template-columns:1fr}.service{grid-template-columns:45px 1fr 25px}.service p{display:none}.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}.nav{height:68px}.footrow{flex-direction:column}.wrap{width:min(100% - 26px,1180px)}section{padding:75px 0}}

/* ===== ADVIBE MOBILE EXPERIENCE V6 ===== */
.mobile-menu-btn,.mobile-menu,.mobile-bottom-cta{display:none}
@media(max-width:850px){
 body{padding-bottom:76px}
 .top{background:rgba(5,13,20,.94)}
 .nav{height:72px;gap:12px}
 .brand{font-size:25px}
 .desktop-audit{display:none}
 .mobile-menu-btn{display:flex;margin-left:auto;width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:6px}
 .mobile-menu-btn span{width:19px;height:2px;background:#fff;transition:.25s}
 .mobile-menu-btn.open span:first-child{transform:translateY(4px) rotate(45deg)}
 .mobile-menu-btn.open span:last-child{transform:translateY(-4px) rotate(-45deg)}
 .mobile-menu{position:fixed;z-index:49;top:72px;left:0;right:0;height:calc(100dvh - 72px);background:#071018;padding:22px 20px 100px;overflow:auto;transform:translateY(-110%);opacity:0;pointer-events:none;transition:.35s cubic-bezier(.2,.8,.2,1)}
 .mobile-menu.open{transform:none;opacity:1;pointer-events:auto}
 .mobile-menu>a{display:flex;justify-content:space-between;align-items:center;padding:19px 4px;border-bottom:1px solid var(--line);font-size:25px;font-weight:900;letter-spacing:-.03em}
 .mobile-menu>a b{color:var(--lime)}
 .mobile-menu .mobile-audit{margin-top:25px;border:0;border-radius:16px;padding:19px;background:var(--lime);color:#071018;font-size:16px}
 .hero{display:block;padding:48px 0 30px}
 .hero .eyebrow{max-width:290px;line-height:1.45}
 .hero h1{font-size:clamp(64px,20vw,92px);line-height:.76;margin:25px 0 34px;letter-spacing:-.075em}
 .hero .lead{font-size:18px;line-height:1.65}
 .hero .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
 .hero .actions .btn{padding:15px 12px;text-align:center;font-size:10px}
 .signal{margin-top:55px;padding-top:24px}
 .signal-row{grid-template-columns:38px 1fr 12px;padding:20px 0}
 .signal-row b{font-size:20px}
 .marquee{font-size:11px;padding:15px 0}
 .section-head{gap:20px;margin-bottom:35px}
 .section-head h2{font-size:46px}
 .paper .service-list{margin-left:-13px;margin-right:-13px}
 .service{padding:22px 13px;grid-template-columns:38px 1fr 25px}
 .service h3{font-size:24px}
 .service:hover{padding-left:13px}
 .darkgrid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-left:0;gap:12px;padding-bottom:10px}
 .darkgrid::-webkit-scrollbar{display:none}
 .darkgrid .cell{min-width:82vw;min-height:300px;scroll-snap-align:center;border:1px solid var(--line);border-radius:18px}
 .statement{font-size:17vw;line-height:.83}
 .pagehero{padding:52px 0 42px}
 .pagehero h1{font-size:15vw;line-height:.88}
 .pagehero p{font-size:17px}
 .twocol h2{font-size:44px}
 .step{grid-template-columns:55px 1fr}
 .partner{font-size:11vw}
 .footer{padding-top:60px}
 .footer-big{font-size:17vw}
 .footer .actions{display:none}
 .mobile-bottom-cta{position:fixed;display:grid;grid-template-columns:52px 1fr;align-items:center;gap:10px;left:12px;right:12px;bottom:10px;z-index:60;padding:8px;background:rgba(12,24,35,.92);backdrop-filter:blur(16px);border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.45)}
 .mobile-bottom-cta .mini{height:48px;border-radius:12px;border:1px solid var(--line);display:grid;place-items:center;font-weight:900}
 .mobile-bottom-cta .audit{height:48px;border-radius:12px;background:var(--lime);color:#071018;display:grid;place-items:center;font-size:13px;font-weight:950;letter-spacing:.05em}
}

.mobile-home{display:none}
@media(max-width:850px){
.desktop-home{display:none!important}.mobile-home{display:block!important;background:#061019;overflow:hidden}
.mh-wrap{width:calc(100% - 34px);margin:auto}.mh-kicker{padding-top:38px;display:flex;justify-content:space-between;gap:15px;color:var(--lime);font-size:9px;font-weight:950;letter-spacing:.14em}.mh-kicker span:last-child{text-align:right}
.mh-orbit{height:100px;position:relative;margin:10px 0}.mh-orbit:before{content:"";position:absolute;width:84px;height:84px;border:1px solid #2b3b45;border-radius:50%;left:50%;top:8px;transform:translateX(-50%)}.mh-orbit:after{content:"+";position:absolute;left:50%;top:39px;transform:translateX(-50%);color:var(--lime);font-size:23px}.mh-orbit span{position:absolute;font-size:8px;font-weight:900;letter-spacing:.12em;color:#718491}.mh-orbit span:nth-child(1){left:7%;top:50px}.mh-orbit span:nth-child(2){right:7%;top:50px}.mh-orbit span:nth-child(3){left:50%;top:0;transform:translateX(-50%)}
.mh-title{font-size:18vw;line-height:.79;letter-spacing:-.07em;margin:0;text-transform:uppercase}.mh-title span,.mh-title strong{display:block}.mh-title strong{font-weight:950;color:var(--lime)}
.mh-copy{font-size:17px;line-height:1.6;color:#9badb9;margin:27px 0}.mh-actions{display:grid;gap:9px}.mh-actions a,.mh-final>a{display:flex;align-items:center;justify-content:space-between;padding:18px 19px;border-radius:14px;background:var(--lime);color:#061019;font-size:12px;font-weight:950;letter-spacing:.06em}.mh-actions a+a{background:transparent;color:#fff;border:1px solid #2a3a44}
.mh-ticker{margin-top:38px;border-top:1px solid #21313b;border-bottom:1px solid #21313b;padding:13px 0;white-space:nowrap;overflow:hidden;color:#718491;font-size:9px;font-weight:900;letter-spacing:.14em}.mh-ticker span{display:inline-block;animation:mhscroll 18s linear infinite}@keyframes mhscroll{to{transform:translateX(-50%)}}
.mh-section-label{display:grid;grid-template-columns:34px auto 1fr;align-items:center;gap:10px;margin:48px 0 20px;font-size:10px;letter-spacing:.14em}.mh-section-label span{color:var(--lime)}.mh-section-label i{height:1px;background:#263640}
.mh-stack{display:grid;gap:10px}.mh-stack a{position:relative;display:grid;gap:5px;padding:22px 52px 22px 20px;border:1px solid #253640;border-radius:18px;background:linear-gradient(135deg,#0b1822,#08121a)}.mh-stack small{color:var(--lime);font-size:9px;font-weight:950;letter-spacing:.15em}.mh-stack strong{font-size:25px;letter-spacing:-.04em}.mh-stack em{font-size:12px;color:#81939e;font-style:normal}.mh-stack>a>b{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--lime)}
.mh-manifesto{font-size:15vw;line-height:.84;font-weight:950;letter-spacing:-.065em;margin:6px 0 24px}.mh-manifesto em{font-style:normal;color:var(--lime)}.mh-inline{display:inline-block;color:#fff;border-bottom:1px solid var(--lime);padding-bottom:7px;font-size:11px;font-weight:950;letter-spacing:.08em}
.mh-chips{display:flex;flex-wrap:wrap;gap:8px}.mh-chips a{padding:12px 14px;border:1px solid #2a3b45;border-radius:999px;font-size:12px;font-weight:800;background:#0a151e}
.mh-final{margin:54px -17px 0;padding:38px 17px 44px;background:var(--lime);color:#061019}.mh-final small{font-weight:950;letter-spacing:.14em}.mh-final h2{font-size:13vw;line-height:.9;letter-spacing:-.06em;margin:16px 0}.mh-final h2 em{font-style:normal;color:#536600}.mh-final p{font-size:15px;line-height:1.6}.mh-final>a{margin-top:24px;background:#061019;color:#fff}
.mobile-bottom-cta{grid-template-columns:1fr}.mobile-bottom-cta .mini{display:none}
}
@media(min-width:851px){.desktop-home{display:block}}

/* ===== V8 MOBILE NAV HARD FIX ===== */
@media(max-width:850px){
 .top{overflow:visible!important;z-index:9999!important}
 .top .nav{position:relative;z-index:10002}
 .mobile-menu-btn{
   display:flex!important;position:relative!important;z-index:10003!important;
   width:50px!important;height:50px!important;margin-left:auto!important;padding:0!important;
   border:1px solid #2a3943!important;border-radius:50%!important;background:#08131c!important;
   flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important
 }
 .mobile-menu-btn i{display:block!important;width:20px!important;height:2px!important;background:#fff!important;border-radius:2px!important;transition:.25s!important}
 .mobile-menu-btn.open i:nth-child(1){transform:translateY(7px) rotate(45deg)!important}
 .mobile-menu-btn.open i:nth-child(2){opacity:0!important;transform:scaleX(0)!important}
 .mobile-menu-btn.open i:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}
 .mobile-menu{
   display:block!important;position:fixed!important;z-index:10001!important;
   left:0!important;right:0!important;top:66px!important;bottom:0!important;height:auto!important;
   padding:22px 20px 110px!important;background:#061019!important;overflow-y:auto!important;
   transform:translateX(105%)!important;opacity:1!important;visibility:hidden!important;pointer-events:none!important;
   transition:transform .32s cubic-bezier(.2,.8,.2,1),visibility 0s linear .32s!important
 }
 .mobile-menu.open{transform:translateX(0)!important;visibility:visible!important;pointer-events:auto!important;transition:transform .32s cubic-bezier(.2,.8,.2,1)!important}
 .mobile-menu>a{display:flex!important;min-height:62px!important;align-items:center!important;justify-content:space-between!important;
   border-bottom:1px solid #22323c!important;color:#fff!important;font-size:24px!important;font-weight:900!important}
 html.menu-open,html.menu-open body{overflow:hidden!important}
 body:has(.mobile-home) .mobile-bottom-cta{display:none!important}
 .mh-actions{margin-bottom:20px!important}
}
\n/* ===== FINAL MOBILE NAV: OUTSIDE HEADER STACKING CONTEXT ===== */\n@media(max-width:850px){\n  .mobile-menu{\n    position:fixed!important;inset:66px 0 0 0!important;width:100vw!important;height:calc(100dvh - 66px)!important;\n    z-index:2147483000!important;background:#061019!important;background-color:#061019!important;\n    opacity:0!important;visibility:hidden!important;pointer-events:none!important;\n    transform:translate3d(100%,0,0)!important;transition:transform .28s ease,opacity .2s ease,visibility 0s linear .28s!important;\n    padding:18px 22px max(40px,env(safe-area-inset-bottom))!important;overflow-y:auto!important;overscroll-behavior:contain!important;\n    backdrop-filter:none!important;-webkit-backdrop-filter:none!important;isolation:isolate!important;\n  }\n  .mobile-menu.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate3d(0,0,0)!important;transition:transform .28s ease,opacity .2s ease!important}\n  .mobile-menu:before{content:"NAVIGATION";display:block;color:#baff25;font-size:10px;font-weight:950;letter-spacing:.18em;padding:12px 0 18px}\n  .mobile-menu>a{display:flex!important;position:relative!important;color:#fff!important;background:#061019!important;min-height:64px!important;padding:0!important;border-bottom:1px solid #263640!important;font-size:25px!important;line-height:1!important;text-decoration:none!important}\n  .mobile-menu .mobile-audit{margin-top:24px!important;min-height:58px!important;padding:0 18px!important;border-radius:14px!important;background:#baff25!important;color:#061019!important;border:0!important;font-size:13px!important}\n  .top{z-index:2147483001!important}\n  .mobile-menu-btn{z-index:2147483002!important}\n  html.menu-open body{overflow:hidden!important;touch-action:none!important}\n}\n
/* ===== ADVIBE ULTRA INNER-PAGE EXPERIENCE ===== */
.vx-experience{position:relative;padding:70px 0;background:#07131c;color:#fff;overflow:hidden;border-top:1px solid #22333e;border-bottom:1px solid #22333e}
.vx-experience:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.045) 50%,transparent 50.2%);pointer-events:none}
.vx-top{display:grid;grid-template-columns:1fr 180px;align-items:center;gap:40px}
.vx-top small,.vx-contact-band small{color:var(--lime);font-size:10px;font-weight:950;letter-spacing:.18em}
.vx-top h2{font-size:clamp(46px,6vw,88px);line-height:.88;letter-spacing:-.065em;margin:12px 0 0;max-width:850px}
.vx-radar{width:150px;height:150px;border:1px solid #30424d;border-radius:50%;position:relative;display:grid;place-items:center}
.vx-radar i{position:absolute;border:1px solid #263944;border-radius:50%}.vx-radar i:nth-child(1){inset:18px}.vx-radar i:nth-child(2){inset:42px}.vx-radar i:nth-child(3){width:1px;height:100%;border:0;border-left:1px solid #263944}
.vx-radar b{font-size:30px;color:var(--lime)}
.vx-flow{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border-top:1px solid #2a3a44;border-bottom:1px solid #2a3a44}
.vx-node{min-height:150px;padding:22px;border-right:1px solid #2a3a44;display:flex;flex-direction:column;justify-content:space-between;position:relative}
.vx-node:last-child{border-right:0}.vx-node span{font-size:10px;color:var(--lime);font-weight:950}.vx-node b{font-size:20px}.vx-node i{width:8px;height:8px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 7px rgba(201,255,56,.08)}
.page-seo-geo .vx-experience,.page-ai-automation .vx-experience,.page-analytics-cro .vx-experience{background:radial-gradient(circle at 80% 20%,rgba(201,255,56,.08),transparent 25%),#061019}
.page-branding .vx-experience{background:#121014}.page-web-development .vx-experience{background:linear-gradient(135deg,#07131c,#0c2029)}
.page-crm-automation .vx-flow,.page-process .vx-flow{counter-reset:vx}
.page-crm-automation .vx-node,.page-process .vx-node{min-height:190px}
.legal-rail{position:fixed;left:12px;top:35%;z-index:5;display:flex;flex-direction:column;align-items:center;gap:10px;color:#7b8b95;font-size:8px;letter-spacing:.16em}
.legal-rail span{writing-mode:vertical-rl}.legal-rail i{height:55px;width:1px;background:#33434d}
.vx-contact-band{padding:55px 0;background:var(--lime);color:#071018}
.vx-contact-band small{color:#071018}.vx-contact-band h2{font-size:clamp(48px,7vw,90px);letter-spacing:-.065em;line-height:.9;margin:10px 0 32px}
.vx-contact-band>div>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.vx-contact-band span{padding:15px 0;border-top:1px solid rgba(7,16,24,.35);font-size:10px;font-weight:950;letter-spacing:.1em}
@media(max-width:850px){
 .vx-experience{padding:46px 0}.vx-top{grid-template-columns:1fr}.vx-radar{width:100px;height:100px}
 .vx-top h2{font-size:13vw}.vx-flow{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-17px}
 .vx-node{min-width:72vw;scroll-snap-align:start;border-bottom:0;min-height:165px}
 .legal-rail{display:none}.vx-contact-band{padding:38px 0}.vx-contact-band h2{font-size:13vw}
 .vx-contact-band>div>div{grid-template-columns:1fr 1fr}.vx-contact-band span{font-size:8px}
 .page-depth .section-head h2{font-size:11vw}
}
