/* AdGain Media — cinematic motion and premium visual layer */
:root{--lime:#baff38;--motion-ease:cubic-bezier(.22,1,.36,1)}
html{scroll-padding-top:92px}body{background:#030809}::selection{background:#baff38;color:#071008}
.site-shell{position:relative;background:radial-gradient(ellipse at 78% 13%,rgba(116,202,28,.065),transparent 37%),#030809}
.site-header{position:fixed;transition:background .45s,border-color .45s,box-shadow .45s;height:82px}
.site-header.is-scrolled{background:rgba(3,9,10,.86);border-bottom-color:rgba(186,255,56,.16);box-shadow:0 14px 45px rgba(0,0,0,.22);backdrop-filter:blur(22px)}
.site-header:after{content:"";position:absolute;bottom:-1px;left:0;width:var(--scroll-progress,0%);height:1px;background:linear-gradient(90deg,transparent,#baff38,#e9ffb0);box-shadow:0 0 14px #baff38;pointer-events:none}
.main-nav>a{transition:color .25s}.main-nav>a:hover{color:var(--lime)}
.button{position:relative;overflow:hidden;isolation:isolate;transition:transform .4s var(--motion-ease),box-shadow .4s,border-color .3s}
.button:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.32) 48%,transparent 70%);transform:translateX(-160%);transition:transform .75s var(--motion-ease)}.button:hover:before{transform:translateX(160%)}.button:hover{transform:translateY(-4px)}
.button-primary{background:linear-gradient(120deg,#d6ff75 0%,#baff38 48%,#9ee929 100%);box-shadow:0 0 0 1px rgba(217,255,146,.24) inset,0 12px 35px rgba(150,244,31,.17)}
.button-primary:hover{box-shadow:0 0 0 1px rgba(255,255,255,.3) inset,0 16px 46px rgba(150,244,31,.3)}
.hero{min-height:850px;background:radial-gradient(ellipse at 76% 42%,rgba(92,183,24,.12),transparent 48%),#030809}
.hero:before{animation:gridDrift 26s linear infinite;opacity:.8}.hero-art{filter:saturate(1.17) contrast(1.06) drop-shadow(0 0 40px rgba(132,255,43,.08));animation:heroFloat 11s ease-in-out infinite;transform-origin:65% 45%}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(500px circle at var(--pointer-x,75%) var(--pointer-y,38%),rgba(172,255,59,.07),transparent 75%)}
.hero-copy{position:relative;z-index:2}.hero-copy>*{animation:heroEntrance 1s both var(--motion-ease)}.hero-copy>*:nth-child(2){animation-delay:.13s}.hero-copy>*:nth-child(3){animation-delay:.23s}.hero-copy>*:nth-child(4){animation-delay:.33s}.hero-copy>*:nth-child(5){animation-delay:.43s}.hero-copy>*:nth-child(6){animation-delay:.53s}
.eyebrow{letter-spacing:.23em;text-transform:uppercase}.eyebrow:before{content:"";display:inline-block;width:7px;height:7px;margin-right:11px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(186,255,56,.11),0 0 22px var(--lime);vertical-align:2px;animation:statusPulse 2.8s infinite}
.hero h1,.section-heading h2,.split-heading h2,.vertical-heading h2{letter-spacing:-.055em;text-wrap:balance}.hero h1{filter:drop-shadow(0 5px 25px rgba(0,0,0,.12))}
.hero-signal,.proof-item,.vertical-card,.step,.cta-panel{backdrop-filter:blur(12px)}
.hero-signal{border-color:rgba(186,255,56,.25)!important;box-shadow:0 18px 70px rgba(0,0,0,.22),0 0 40px rgba(186,255,56,.035);animation:signalFloat 7s ease-in-out infinite}
.proof-item,.vertical-card,.step{position:relative;transition:transform .5s var(--motion-ease),border-color .35s,background .35s,box-shadow .4s}
.proof-item:hover,.vertical-card:hover,.step:hover{transform:translateY(-8px);border-color:rgba(186,255,56,.35)!important;box-shadow:0 22px 48px rgba(0,0,0,.24),0 0 30px rgba(186,255,56,.045)}
.vertical-card{overflow:hidden}.vertical-card:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(280px circle at var(--card-x,50%) var(--card-y,50%),rgba(186,255,56,.12),transparent 75%);opacity:0;transition:opacity .3s}.vertical-card:hover:after{opacity:1}.card-arrow{transition:transform .4s var(--motion-ease),background .3s}.vertical-card:hover .card-arrow{transform:translate(3px,-3px)}
.section{position:relative}.section:before{content:"";position:absolute;left:50%;top:0;width:min(1100px,90%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(186,255,56,.11),transparent);pointer-events:none}
.cta-panel{position:relative;overflow:hidden;box-shadow:0 24px 85px rgba(0,0,0,.22)}.cta-panel:after{content:"";position:absolute;width:300px;height:300px;right:-130px;top:-160px;border-radius:50%;background:rgba(186,255,56,.12);filter:blur(55px);pointer-events:none;animation:ambient 9s ease-in-out infinite}
.reveal-ready{opacity:0;transform:translateY(34px);transition:opacity .85s var(--motion-ease),transform .85s var(--motion-ease)}.reveal-ready.is-visible{opacity:1;transform:translateY(0)}
@keyframes heroEntrance{from{opacity:0;transform:translateY(35px);filter:blur(7px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes heroFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-13px,-17px,0) scale(1.025)}}
@keyframes signalFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes gridDrift{to{background-position:64px 64px}}
@keyframes statusPulse{0%,100%{box-shadow:0 0 0 4px rgba(186,255,56,.13),0 0 12px #baff38}50%{box-shadow:0 0 0 8px rgba(186,255,56,0),0 0 24px #baff38}}
@keyframes ambient{50%{transform:translate(-55px,65px)}}
@media(max-width:900px){.site-header{height:76px}.hero{min-height:unset}.hero-art{animation:heroFloat 13s ease-in-out infinite}.hero-signal{animation:none}}
@media(max-width:600px){.hero{padding-top:145px}.hero-art{opacity:.66}.hero:after{display:none}.reveal-ready{transform:translateY(19px)}.button:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal-ready{opacity:1!important;transform:none!important}}
/* Mobile interaction refinement */
@media(max-width:760px){
 html{scroll-padding-top:85px;-webkit-text-size-adjust:100%}
 body.agm-menu-open{overflow:hidden;touch-action:none}
 .site-header{z-index:100!important}
 .menu-toggle{min-width:48px;min-height:48px;border-radius:12px;transition:background .2s,border-color .2s,transform .2s;touch-action:manipulation}
 .menu-toggle:active{transform:scale(.94);background:rgba(186,255,56,.12)}
 .main-nav.is-open{display:flex;max-height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior:contain;padding:14px 24px max(26px,env(safe-area-inset-bottom));background:rgba(4,10,11,.98);box-shadow:0 28px 55px rgba(0,0,0,.65);animation:agmMenuIn .28s cubic-bezier(.2,.8,.2,1) both;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
 .main-nav>a{min-height:54px;font-size:16px;border-radius:10px;touch-action:manipulation}
 .main-nav>a:active{background:rgba(186,255,56,.09);color:#baff38}
 .button,.card-arrow{touch-action:manipulation}
 .button{min-height:48px}
 .button:active{transform:scale(.98)}
 .proof-item:hover,.vertical-card:hover,.step:hover{transform:none}
 .hero-art{pointer-events:none}
}
@media(max-width:420px){.container{width:calc(100% - 36px)}.hero h1{overflow-wrap:break-word}.hero .button{max-width:100%}}
@media(hover:none){.vertical-card:after{display:none}.button:before{display:none}}
:where(.menu-toggle,.main-nav a,.button):focus-visible{outline:2px solid #baff38;outline-offset:4px}
@keyframes agmMenuIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
/* Custom lightweight branded loader */
#agm-loader{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:radial-gradient(circle at 50% 48%,#14231a 0%,#050a0b 53%,#030607 100%);transition:opacity .55s ease,visibility .55s ease;overflow:hidden}
#agm-loader.agm-loader--done{opacity:0;visibility:hidden;pointer-events:none}
.agm-load-content{display:flex;align-items:center;flex-direction:column;gap:23px;position:relative;isolation:isolate}
.agm-load-mark{width:90px;height:90px;display:grid;place-items:center;position:relative;border:1px solid rgba(186,255,56,.35);border-radius:24px;background:linear-gradient(145deg,rgba(186,255,56,.12),rgba(186,255,56,.02));box-shadow:0 0 65px rgba(186,255,56,.11);animation:agmMark 2s ease-in-out infinite}
.agm-load-mark:before,.agm-load-mark:after{content:"";position:absolute;inset:-10px;border:1px solid rgba(186,255,56,.16);border-radius:30px;animation:agmRing 2s ease-out infinite}.agm-load-mark:after{animation-delay:1s}
.agm-load-mark img{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(186,255,56,.2))}
.agm-load-title{font:700 14px/1.4 system-ui,sans-serif;letter-spacing:.35em;color:#f0ffe2;text-align:center;margin-left:.35em}.agm-load-sub{font:500 10px/1.5 system-ui,sans-serif;letter-spacing:.3em;color:#8ba393;text-transform:uppercase}
.agm-load-track{width:150px;height:2px;overflow:hidden;background:rgba(186,255,56,.13);border-radius:10px}.agm-load-track span{display:block;width:45%;height:100%;background:#baff38;box-shadow:0 0 15px #baff38;animation:agmProgress 1.2s ease-in-out infinite}
@keyframes agmMark{50%{transform:translateY(-5px);box-shadow:0 0 85px rgba(186,255,56,.2)}}@keyframes agmRing{0%{opacity:.8;transform:scale(.85)}100%{opacity:0;transform:scale(1.25)}}@keyframes agmProgress{0%{transform:translateX(-110%)}100%{transform:translateX(340%)}}
@media(prefers-reduced-motion:reduce){.agm-load-mark,.agm-load-mark:before,.agm-load-mark:after,.agm-load-track span{animation:none!important}.main-nav.is-open{animation:none}}
