/* GridAtlas Homepage V5
   Isolated stylesheet. No external fonts, no icon fonts, no JavaScript dependency. */

:root{
  color-scheme:light;
  --ga4-navy-950:#061327;
  --ga4-navy-900:#071a35;
  --ga4-navy-800:#0a2a55;
  --ga4-blue-700:#0878d1;
  --ga4-blue-600:#0798ee;
  --ga4-cyan-500:#18b9dc;
  --ga4-ink:#071528;
  --ga4-muted:#5e6f86;
  --ga4-line:#d8e2ee;
  --ga4-soft:#f3f7fb;
  --ga4-white:#fff;
  --ga4-success:#05865d;
  --ga4-warning:#e66a22;
  --ga4-shadow:0 24px 70px rgba(5,27,55,.15);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body.ga4-page{margin:0;overflow-x:hidden;background:#fff;color:var(--ga4-ink);font-family:var(--font-sans);font-size:16px;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.ga4-page img{display:block;max-width:100%;height:auto}
.ga4-page a{color:inherit;text-decoration:none}
.ga4-page button,.ga4-page summary{font:inherit}
.ga4-page svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ga4-shell{width:min(100% - 48px,1240px);margin-inline:auto}
.ga4-skip{position:fixed;left:16px;top:12px;z-index:1000;padding:10px 14px;border-radius:9px;background:#fff;color:#071528;box-shadow:0 4px 20px rgba(0,0,0,.18);transform:translateY(-140%)}
.ga4-skip:focus{transform:none}

.ga4-header{position:relative;z-index:50;background:#fff;border-bottom:1px solid #e5ebf2}
.ga4-header__inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.ga4-brand{display:inline-flex;align-items:center;flex:0 0 auto}
.ga4-brand img{width:174px;height:auto}
.ga4-nav{display:flex;align-items:center;gap:28px;font-size:.9rem;font-weight:700;color:#26364d}
.ga4-nav>a:not(.ga4-btn){padding:10px 0;transition:color .2s ease}
.ga4-nav>a:not(.ga4-btn):hover{color:var(--ga4-blue-700)}
.ga4-mobile-menu{display:none;position:relative}
.ga4-mobile-menu>summary{list-style:none;width:44px;height:44px;display:grid;place-content:center;gap:5px;cursor:pointer;border-radius:10px}
.ga4-mobile-menu>summary::-webkit-details-marker{display:none}
.ga4-mobile-menu>summary span{width:24px;height:2px;background:#071528;border-radius:99px;transition:transform .2s ease,opacity .2s ease}
.ga4-mobile-menu[open]>summary span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.ga4-mobile-menu[open]>summary span:nth-child(2){opacity:0}
.ga4-mobile-menu[open]>summary span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.ga4-mobile-menu nav{position:absolute;right:0;top:52px;width:min(320px,calc(100vw - 32px));padding:14px;border:1px solid var(--ga4-line);border-radius:16px;background:#fff;box-shadow:0 18px 55px rgba(3,20,43,.2);display:grid;gap:4px}
.ga4-mobile-menu nav a:not(.ga4-btn){padding:12px;border-radius:9px;font-weight:700;color:#24364e}
.ga4-mobile-menu nav a:not(.ga4-btn):hover{background:var(--ga4-soft)}

.ga4-btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border:1px solid transparent;border-radius:11px;font-weight:800;font-size:.9rem;line-height:1.1;text-align:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}
.ga4-btn:hover{transform:translateY(-1px)}
.ga4-btn:focus-visible,.ga4-page a:focus-visible,.ga4-page summary:focus-visible{outline:3px solid rgba(17,177,221,.45);outline-offset:3px}
.ga4-btn--small{min-height:42px;padding-inline:17px;background:linear-gradient(135deg,#077bd5,#089fe8);color:#fff;box-shadow:0 8px 22px rgba(0,116,208,.2)}
.ga4-btn--primary{background:linear-gradient(135deg,#0786df,#08a9ef);color:#fff;box-shadow:0 13px 30px rgba(0,136,220,.25)}
.ga4-btn--secondary{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.07);color:#fff;backdrop-filter:blur(8px)}
.ga4-btn--secondary-dark{border-color:#3b526f;background:transparent;color:#fff}

.ga4-hero{position:relative;overflow:hidden;padding:92px 0 96px;background:linear-gradient(118deg,#061a35 0%,#082f61 58%,#087caf 100%);color:#fff}
.ga4-hero::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:rgba(255,255,255,.12)}
.ga4-hero__orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}
.ga4-hero__orb--one{width:520px;height:520px;right:-120px;top:-160px;background:radial-gradient(circle,rgba(30,190,226,.22),transparent 66%)}
.ga4-hero__orb--two{width:420px;height:420px;left:30%;bottom:-300px;background:radial-gradient(circle,rgba(0,112,219,.28),transparent 70%)}
.ga4-hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.86fr) minmax(560px,1.14fr);align-items:center;gap:56px}
.ga4-hero__copy{max-width:550px}
.ga4-eyebrow,.ga4-kicker{margin:0 0 18px;font-size:.72rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.ga4-eyebrow{display:flex;align-items:center;gap:9px;color:#9fb1c8}
.ga4-eyebrow span{width:9px;height:9px;border-radius:50%;background:#1dc3e5;box-shadow:0 0 0 6px rgba(29,195,229,.14)}
.ga4-hero h1{margin:0;max-width:620px;color:#fff;font-size:clamp(3.2rem,5.15vw,5.2rem);font-weight:800;letter-spacing:-.055em;line-height:.99}
.ga4-lead{max-width:600px;margin:28px 0 0;color:#c5d1e0;font-size:1.08rem;line-height:1.72}
.ga4-lead strong{color:#fff}
.ga4-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.ga4-trust{display:flex;flex-wrap:wrap;gap:12px 18px;margin:24px 0 0;padding:0;list-style:none;color:#bdd0e3;font-size:.78rem;font-weight:650}
.ga4-trust li{display:flex;align-items:center;gap:7px}
.ga4-trust svg{width:18px;height:18px;padding:3px;border-radius:50%;background:rgba(18,184,221,.15);color:#35d0e8;stroke-width:2.3}

.ga4-hero-visual{position:relative;min-height:520px;display:flex;align-items:center;justify-content:flex-end;padding:52px 0 22px}
.ga4-app-window{overflow:hidden;border:1px solid rgba(190,213,235,.8);border-radius:16px;background:#fff;box-shadow:var(--ga4-shadow)}
.ga4-app-window__bar{height:38px;padding:0 13px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #d8e2ed;background:#f5f8fc;color:#6b7e95}
.ga4-app-window__bar>span{width:8px;height:8px;border-radius:50%;background:#b7c4d2}
.ga4-app-window__bar b{margin-left:auto;font-size:.62rem;letter-spacing:.02em}
.ga4-app-window picture{display:block}
.ga4-app-window img{width:100%;height:auto}
.ga4-app-window--front{position:relative;z-index:3;width:min(100%,665px);transform:translateY(12px)}
.ga4-app-window--back{position:absolute;z-index:1;width:590px;right:36px;top:14px;opacity:.72;transform:rotate(-3deg) translate(-34px,8px);filter:saturate(.9)}
.ga4-float{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(207,219,232,.95);border-radius:12px;background:#fff;color:#0d2745;box-shadow:0 13px 35px rgba(0,19,43,.22)}
.ga4-float svg{width:22px;height:22px;color:#087fd5}
.ga4-float small{display:block;margin-bottom:2px;color:#718198;font-size:.55rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.ga4-float strong{display:block;font-size:.72rem;line-height:1.25}
.ga4-float--source{left:10px;top:33px}
.ga4-float--issue{right:-8px;bottom:16px}
.ga4-float--issue>span{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#fff0e8;color:#e06420;font-weight:900}

.ga4-benefits{border-bottom:1px solid var(--ga4-line);background:#fff}
.ga4-benefits__grid{display:grid;grid-template-columns:repeat(3,1fr)}
.ga4-benefits article{min-height:108px;display:flex;align-items:center;gap:16px;padding:24px 28px;border-right:1px solid var(--ga4-line)}
.ga4-benefits article:first-child{padding-left:0}
.ga4-benefits article:last-child{padding-right:0;border-right:0}
.ga4-benefits article>span{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;background:#e8f4ff;color:#0879d5;font-size:.7rem;font-weight:900}
.ga4-benefits h2{margin:0;color:#13253b;font-size:.87rem;line-height:1.3}
.ga4-benefits p{margin:5px 0 0;color:#687a90;font-size:.72rem;line-height:1.45}

.ga4-section{padding:108px 0}
.ga4-section--soft{background:var(--ga4-soft)}
.ga4-section-copy{max-width:580px}
.ga4-kicker{color:#62758e}
.ga4-section h2{margin:0;color:var(--ga4-ink);font-size:clamp(2.35rem,4.4vw,4.25rem);font-weight:800;letter-spacing:-.045em;line-height:1.04}
.ga4-section-copy>p:not(.ga4-kicker),.ga4-section-head>p:not(.ga4-kicker){margin:24px 0 0;color:var(--ga4-muted);font-size:1.02rem;line-height:1.75}
.ga4-section-head{max-width:780px;margin-bottom:48px}
.ga4-section-head--center{margin-inline:auto;text-align:center}

.ga4-proof__grid{display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:70px}
.ga4-compare{margin-top:34px;display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:12px}
.ga4-compare article{padding:18px;border:1px solid var(--ga4-line);border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(7,29,56,.045)}
.ga4-compare small{display:block;color:#6c7e94;font-size:.65rem;font-weight:750}
.ga4-compare strong{display:block;margin-top:8px;color:#0a2a55;font-size:1.5rem;letter-spacing:-.03em}
.ga4-compare span{display:block;margin-top:6px;color:#718198;font-size:.66rem}
.ga4-compare__mark{display:grid;place-items:center;color:#e06420;font-size:1.65rem;font-weight:800}
.ga4-text-link{display:inline-flex;align-items:center;gap:8px;margin-top:28px;color:#0877d0;font-weight:850;font-size:.9rem}
.ga4-proof-visual{position:relative;padding:18px 0 58px}
.ga4-app-window--proof{box-shadow:0 28px 80px rgba(7,29,56,.18)}
.ga4-proof-callout{position:absolute;left:34px;bottom:0;width:min(440px,88%);display:flex;gap:14px;padding:18px;border:1px solid #dce5ef;border-radius:15px;background:#fff;box-shadow:0 18px 48px rgba(7,29,56,.16)}
.ga4-proof-callout>span{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;background:#fff0e7;color:#e26420;font-weight:900}
.ga4-proof-callout small{display:block;color:#76869b;font-size:.62rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.ga4-proof-callout strong{display:block;margin-top:3px;color:#152a43;font-size:.82rem}
.ga4-proof-callout p{margin:4px 0 0;color:#687a90;font-size:.7rem;line-height:1.45}

.ga4-product-modes{padding-top:100px}
.ga4-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ga4-mode-card{overflow:hidden;border:1px solid var(--ga4-line);border-radius:19px;background:#fff;box-shadow:0 18px 50px rgba(7,29,56,.08)}
.ga4-mode-card__head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid var(--ga4-line)}
.ga4-mode-card__head span{display:block;color:#0878d1;font-size:.65rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.ga4-mode-card__head h3{margin:4px 0 0;font-size:1rem;line-height:1.35}
.ga4-mode-card__head svg{width:24px;height:24px;color:#0878d1}
.ga4-mode-card__image{overflow:hidden;background:#eaf1f8}
.ga4-mode-card__image img{width:100%;aspect-ratio:1.5/1;object-fit:cover;object-position:left top}
.ga4-mode-card--dark{border-color:#284a6c;background:#07172a;color:#fff}
.ga4-mode-card--dark .ga4-mode-card__head{border-color:#24415f}
.ga4-mode-card--dark .ga4-mode-card__head h3{color:#fff}
.ga4-mode-card--dark .ga4-mode-card__head span,.ga4-mode-card--dark .ga4-mode-card__head svg{color:#32c5e3}
.ga4-mode-card--dark .ga4-mode-card__image{background:#061327}

.ga4-process{background:#fff}
.ga4-steps{margin:50px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ga4-steps li{min-height:250px;padding:28px;border:1px solid var(--ga4-line);border-radius:17px;background:#fff;box-shadow:0 10px 28px rgba(7,29,56,.045)}
.ga4-steps li>span{width:48px;height:48px;display:grid;place-items:center;border-radius:12px;background:#eaf5ff;color:#0878d1;font-size:.75rem;font-weight:900}
.ga4-steps h3{margin:42px 0 11px;font-size:1.03rem}
.ga4-steps p{margin:0;color:#62748a;font-size:.86rem;line-height:1.65}
.ga4-responsibility{max-width:760px;margin:28px auto 0;padding:18px 20px;display:flex;align-items:center;gap:14px;border:1px solid #cfe3f4;border-radius:13px;background:#f3f9fe}
.ga4-responsibility svg{width:26px;height:26px;flex:0 0 auto;color:#0878d1}
.ga4-responsibility p{margin:0;color:#526a83;font-size:.82rem}
.ga4-responsibility strong{color:#15314f}

.ga4-fit{background:linear-gradient(180deg,#fff,#f8fafc)}
.ga4-fit__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ga4-fit-card{padding:30px;border:1px solid var(--ga4-line);border-radius:18px;background:#fff}
.ga4-fit-card__title{display:flex;align-items:center;gap:12px}
.ga4-fit-card__title svg{width:32px;height:32px;padding:7px;border-radius:10px;stroke-width:2.2}
.ga4-fit-card h3{margin:0;font-size:1.2rem}
.ga4-fit-card ul{margin:26px 0 0;padding:0;list-style:none}
.ga4-fit-card li{position:relative;padding:12px 0 12px 25px;border-bottom:1px solid #eaf0f5;color:#53667d;font-size:.86rem}
.ga4-fit-card li:last-child{border-bottom:0}
.ga4-fit-card li::before{position:absolute;left:2px;top:12px;font-weight:900}
.ga4-fit-card--yes .ga4-fit-card__title svg{background:#eaf9f3;color:#07855e}
.ga4-fit-card--yes li::before{content:"✓";color:#07855e}
.ga4-fit-card--no .ga4-fit-card__title svg{background:#fff2ec;color:#d65c21}
.ga4-fit-card--no li::before{content:"–";color:#d65c21}

.ga4-pilot{padding-top:40px;background:#f8fafc}
.ga4-pilot__panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;padding:54px;border-radius:24px;background:linear-gradient(135deg,#071a35,#0b3f73);color:#fff;box-shadow:0 25px 70px rgba(7,29,56,.18)}
.ga4-pilot__intro h2{margin:0;color:#fff;font-size:clamp(2.4rem,4.2vw,4rem)}
.ga4-pilot__intro>p:not(.ga4-kicker):not(.ga4-pilot__note){margin:22px 0;color:#c3d0df}
.ga4-pilot__intro .ga4-btn{margin-top:8px}
.ga4-pilot__note{margin:16px 0 0;color:#90a7bf;font-size:.72rem}
.ga4-pilot__lists{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ga4-pilot__lists article{padding:24px;border:1px solid rgba(185,211,236,.25);border-radius:16px;background:rgba(255,255,255,.07)}
.ga4-pilot__lists h3{margin:0;color:#fff;font-size:.95rem}
.ga4-pilot__lists ul{margin:20px 0 0;padding:0;list-style:none}
.ga4-pilot__lists li{position:relative;padding:10px 0 10px 22px;border-bottom:1px solid rgba(255,255,255,.1);color:#c8d5e3;font-size:.78rem}
.ga4-pilot__lists li:last-child{border-bottom:0}
.ga4-pilot__lists li::before{content:"✓";position:absolute;left:0;color:#38d2b0;font-weight:900}

.ga4-faq{padding-block:96px}
.ga4-faq__grid{display:grid;grid-template-columns:.72fr 1.28fr;align-items:start;gap:70px}
.ga4-accordion{display:grid;gap:10px}
.ga4-accordion details{overflow:hidden;border:1px solid #d6e1ec;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(7,29,56,.035)}
.ga4-accordion summary{min-height:66px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;color:#10233b;font-weight:800;font-size:.9rem}
.ga4-accordion summary::-webkit-details-marker{display:none}
.ga4-accordion summary svg{width:21px;height:21px;flex:0 0 auto;color:#0878d1;transition:transform .2s ease}
.ga4-accordion details[open] summary svg{transform:rotate(180deg)}
.ga4-accordion details>div{padding:0 20px 20px}
.ga4-accordion details>div p{margin:0;color:#5f7187;font-size:.84rem;line-height:1.7}

.ga4-final{padding:88px 0;background:#061327;color:#fff}
.ga4-final__grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:60px}
.ga4-final h2{max-width:820px;margin:0;color:#fff;font-size:clamp(2.5rem,4.4vw,4.3rem);letter-spacing:-.045em;line-height:1.04}
.ga4-final p:not(.ga4-kicker){max-width:760px;margin:20px 0 0;color:#b8c8da}
.ga4-final__actions{min-width:225px;display:grid;gap:10px}

.ga4-footer{padding:58px 0 26px;background:#fff;border-top:1px solid var(--ga4-line)}
.ga4-footer__grid{display:grid;grid-template-columns:1.4fr .7fr .8fr;gap:50px}
.ga4-brand--footer img{width:160px}
.ga4-footer__grid>div p{max-width:390px;margin:18px 0 0;color:#6a7b90;font-size:.8rem}
.ga4-footer nav{display:grid;align-content:start;gap:10px}
.ga4-footer nav a{color:#4c6078;font-size:.78rem;font-weight:700}
.ga4-footer nav a:hover{color:#0878d1}
.ga4-footer__bottom{margin-top:40px;padding-top:22px;border-top:1px solid var(--ga4-line);display:flex;justify-content:space-between;gap:24px;color:#7b8a9e;font-size:.68rem}
.ga4-footer__bottom p{margin:0}

@media (max-width:1120px){
  .ga4-hero__grid{grid-template-columns:1fr;gap:46px}
  .ga4-hero__copy{max-width:760px}
  .ga4-hero-visual{max-width:920px;width:100%;margin-inline:auto}
  .ga4-proof__grid{grid-template-columns:1fr;gap:52px}
  .ga4-proof-visual{max-width:900px}
  .ga4-pilot__panel{grid-template-columns:1fr}
}

@media (max-width:900px){
  .ga4-nav{display:none}
  .ga4-mobile-menu{display:block}
  .ga4-benefits__grid,.ga4-mode-grid,.ga4-steps,.ga4-fit__grid,.ga4-pilot__lists,.ga4-faq__grid,.ga4-final__grid,.ga4-footer__grid{grid-template-columns:1fr}
  .ga4-benefits article,.ga4-benefits article:first-child,.ga4-benefits article:last-child{padding:18px 0;border-right:0;border-bottom:1px solid var(--ga4-line)}
  .ga4-benefits article:last-child{border-bottom:0}
  .ga4-steps li{min-height:0;display:grid;grid-template-columns:48px 1fr;gap:18px}
  .ga4-steps h3{margin:2px 0 8px}
  .ga4-faq__grid{gap:38px}
  .ga4-final__actions{min-width:0;display:flex;flex-wrap:wrap}
  .ga4-footer__grid{gap:32px}
}

@media (max-width:720px){
  .ga4-shell{width:min(100% - 32px,1240px)}
  .ga4-header__inner{min-height:68px}
  .ga4-brand img{width:155px}
  .ga4-hero{padding:62px 0 58px}
  .ga4-hero__grid{gap:40px}
  .ga4-hero h1{font-size:clamp(2.65rem,12vw,3.8rem);line-height:1.01;letter-spacing:-.048em}
  .ga4-lead{margin-top:22px;font-size:.96rem;line-height:1.65}
  .ga4-actions{display:grid}
  .ga4-actions .ga4-btn{width:100%}
  .ga4-trust{display:grid;gap:9px}
  .ga4-hero-visual{min-height:0;padding:34px 0 28px}
  .ga4-app-window--back{display:none}
  .ga4-app-window--front{width:100%;transform:none;border-radius:13px}
  .ga4-app-window--front img{aspect-ratio:1.5/1;object-fit:cover;object-position:left top}
  .ga4-float--source{left:-4px;top:10px}
  .ga4-float--issue{right:-4px;bottom:0}
  .ga4-float{padding:10px 11px}
  .ga4-float svg{width:19px;height:19px}
  .ga4-float strong{font-size:.65rem}
  .ga4-float small{font-size:.48rem}
  .ga4-section{padding:76px 0}
  .ga4-section h2{font-size:clamp(2.15rem,10vw,3rem)}
  .ga4-section-copy>p:not(.ga4-kicker),.ga4-section-head>p:not(.ga4-kicker){font-size:.94rem;line-height:1.65}
  .ga4-section-head{margin-bottom:34px}
  .ga4-compare{grid-template-columns:1fr}
  .ga4-compare__mark{height:22px}
  .ga4-proof-visual{padding:8px 0 76px}
  .ga4-app-window--proof img{aspect-ratio:1.5/1;object-fit:cover;object-position:left top}
  .ga4-proof-callout{left:14px;width:calc(100% - 28px);bottom:0}
  .ga4-mode-card__head{padding:18px}
  .ga4-mode-card__image img{aspect-ratio:1.35/1;object-fit:cover;object-position:left top}
  .ga4-pilot{padding-top:24px}
  .ga4-pilot__panel{padding:30px 22px;border-radius:19px}
  .ga4-pilot__lists article{padding:21px}
  .ga4-faq{padding-block:72px}
  .ga4-accordion summary{min-height:62px;padding:16px;font-size:.86rem}
  .ga4-accordion details>div{padding:0 16px 17px}
  .ga4-final{padding:70px 0}
  .ga4-final__actions{display:grid;width:100%}
  .ga4-final__actions .ga4-btn{width:100%}
  .ga4-footer{padding-top:46px}
  .ga4-footer__bottom{display:grid}
}

@media (max-width:390px){
  .ga4-shell{width:min(100% - 28px,1240px)}
  .ga4-hero h1{font-size:2.55rem}
  .ga4-float--source{display:none}
  .ga4-float--issue{position:relative;right:auto;bottom:auto;margin:-12px 10px 0}
  .ga4-proof-callout strong{font-size:.78rem}
  .ga4-fit-card{padding:24px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .ga4-page *{transition:none!important}
}

/* V5 interactive light/dark comparison */
.ga4-fomo{max-width:520px;margin:15px 0 0;color:#8fb2ce;font-size:.75rem;line-height:1.55}
.ga4-mode-compare-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#061327,#082f61 65%,#087caf);color:#fff}
.ga4-mode-compare-section::before{content:"";position:absolute;width:560px;height:560px;right:-180px;top:-260px;border-radius:50%;background:radial-gradient(circle,rgba(24,185,220,.2),transparent 70%)}
.ga4-mode-compare-section .ga4-section-head{position:relative;z-index:1}
.ga4-mode-compare-section .ga4-kicker{color:#59d7ed}
.ga4-mode-compare-section h2{color:#fff}
.ga4-mode-compare-section .ga4-section-head>p:not(.ga4-kicker){color:#c3d3e2}
.ga-compare-slider{--comparison-position:50%;position:relative;z-index:1;max-width:1080px;margin:42px auto 0}
.ga-compare-slider__stage{position:relative;overflow:hidden;aspect-ratio:1285/850;border:1px solid rgba(199,220,239,.38);border-radius:20px;background:#061327;box-shadow:0 30px 80px rgba(0,0,0,.3);isolation:isolate}
.ga-compare-slider__stage>img,.ga-compare-slider__overlay img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left top}
.ga-compare-slider__overlay{position:absolute;inset:0;overflow:hidden;clip-path:inset(0 calc(100% - var(--comparison-position)) 0 0)}
.ga-compare-slider__divider{position:absolute;z-index:4;top:0;bottom:0;left:var(--comparison-position);width:3px;background:#fff;box-shadow:0 0 0 1px rgba(6,19,39,.22),0 0 20px rgba(255,255,255,.35);transform:translateX(-50%);pointer-events:none}
.ga-compare-slider__handle{position:absolute;z-index:5;left:var(--comparison-position);top:50%;width:52px;height:52px;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:#0878d1;color:#fff;box-shadow:0 10px 28px rgba(0,0,0,.35);transform:translate(-50%,-50%);pointer-events:none}
.ga-compare-slider__handle svg{width:27px;height:27px;stroke-width:2.2}
.ga-compare-slider__label{position:absolute;z-index:3;top:16px;padding:8px 11px;border-radius:999px;background:rgba(6,19,39,.78);color:#fff;font-size:.7rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(8px)}
.ga-compare-slider__label--light{left:16px}.ga-compare-slider__label--dark{right:16px}
.ga-compare-slider input[type="range"]{position:absolute;z-index:8;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}
.ga-compare-slider input[type="range"]:focus-visible{opacity:1;height:8px;top:auto;bottom:-24px;accent-color:#25c3e1}
.ga-compare-slider__hint{display:flex;justify-content:center;align-items:center;gap:8px;margin:20px 0 0;color:#bcd1e2;font-size:.77rem;text-align:center}
.ga-compare-slider__hint svg{width:19px;height:19px;color:#50d4ea}
.ga4-pilot__urgency{margin:15px 0 0;color:#b8d1e6;font-size:.78rem;font-weight:700}
@media(max-width:720px){
  .ga4-mode-compare-section{padding-block:74px}
  .ga-compare-slider{margin-top:30px}
  .ga-compare-slider__stage{border-radius:14px}
  .ga-compare-slider__handle{width:44px;height:44px}
  .ga-compare-slider__label{top:10px;font-size:.62rem}.ga-compare-slider__label--light{left:10px}.ga-compare-slider__label--dark{right:10px}
}

/* CSP-safe slider positions */
.ga-compare-slider[data-position="0"]{--comparison-position:0%}
.ga-compare-slider[data-position="1"]{--comparison-position:1%}
.ga-compare-slider[data-position="2"]{--comparison-position:2%}
.ga-compare-slider[data-position="3"]{--comparison-position:3%}
.ga-compare-slider[data-position="4"]{--comparison-position:4%}
.ga-compare-slider[data-position="5"]{--comparison-position:5%}
.ga-compare-slider[data-position="6"]{--comparison-position:6%}
.ga-compare-slider[data-position="7"]{--comparison-position:7%}
.ga-compare-slider[data-position="8"]{--comparison-position:8%}
.ga-compare-slider[data-position="9"]{--comparison-position:9%}
.ga-compare-slider[data-position="10"]{--comparison-position:10%}
.ga-compare-slider[data-position="11"]{--comparison-position:11%}
.ga-compare-slider[data-position="12"]{--comparison-position:12%}
.ga-compare-slider[data-position="13"]{--comparison-position:13%}
.ga-compare-slider[data-position="14"]{--comparison-position:14%}
.ga-compare-slider[data-position="15"]{--comparison-position:15%}
.ga-compare-slider[data-position="16"]{--comparison-position:16%}
.ga-compare-slider[data-position="17"]{--comparison-position:17%}
.ga-compare-slider[data-position="18"]{--comparison-position:18%}
.ga-compare-slider[data-position="19"]{--comparison-position:19%}
.ga-compare-slider[data-position="20"]{--comparison-position:20%}
.ga-compare-slider[data-position="21"]{--comparison-position:21%}
.ga-compare-slider[data-position="22"]{--comparison-position:22%}
.ga-compare-slider[data-position="23"]{--comparison-position:23%}
.ga-compare-slider[data-position="24"]{--comparison-position:24%}
.ga-compare-slider[data-position="25"]{--comparison-position:25%}
.ga-compare-slider[data-position="26"]{--comparison-position:26%}
.ga-compare-slider[data-position="27"]{--comparison-position:27%}
.ga-compare-slider[data-position="28"]{--comparison-position:28%}
.ga-compare-slider[data-position="29"]{--comparison-position:29%}
.ga-compare-slider[data-position="30"]{--comparison-position:30%}
.ga-compare-slider[data-position="31"]{--comparison-position:31%}
.ga-compare-slider[data-position="32"]{--comparison-position:32%}
.ga-compare-slider[data-position="33"]{--comparison-position:33%}
.ga-compare-slider[data-position="34"]{--comparison-position:34%}
.ga-compare-slider[data-position="35"]{--comparison-position:35%}
.ga-compare-slider[data-position="36"]{--comparison-position:36%}
.ga-compare-slider[data-position="37"]{--comparison-position:37%}
.ga-compare-slider[data-position="38"]{--comparison-position:38%}
.ga-compare-slider[data-position="39"]{--comparison-position:39%}
.ga-compare-slider[data-position="40"]{--comparison-position:40%}
.ga-compare-slider[data-position="41"]{--comparison-position:41%}
.ga-compare-slider[data-position="42"]{--comparison-position:42%}
.ga-compare-slider[data-position="43"]{--comparison-position:43%}
.ga-compare-slider[data-position="44"]{--comparison-position:44%}
.ga-compare-slider[data-position="45"]{--comparison-position:45%}
.ga-compare-slider[data-position="46"]{--comparison-position:46%}
.ga-compare-slider[data-position="47"]{--comparison-position:47%}
.ga-compare-slider[data-position="48"]{--comparison-position:48%}
.ga-compare-slider[data-position="49"]{--comparison-position:49%}
.ga-compare-slider[data-position="50"]{--comparison-position:50%}
.ga-compare-slider[data-position="51"]{--comparison-position:51%}
.ga-compare-slider[data-position="52"]{--comparison-position:52%}
.ga-compare-slider[data-position="53"]{--comparison-position:53%}
.ga-compare-slider[data-position="54"]{--comparison-position:54%}
.ga-compare-slider[data-position="55"]{--comparison-position:55%}
.ga-compare-slider[data-position="56"]{--comparison-position:56%}
.ga-compare-slider[data-position="57"]{--comparison-position:57%}
.ga-compare-slider[data-position="58"]{--comparison-position:58%}
.ga-compare-slider[data-position="59"]{--comparison-position:59%}
.ga-compare-slider[data-position="60"]{--comparison-position:60%}
.ga-compare-slider[data-position="61"]{--comparison-position:61%}
.ga-compare-slider[data-position="62"]{--comparison-position:62%}
.ga-compare-slider[data-position="63"]{--comparison-position:63%}
.ga-compare-slider[data-position="64"]{--comparison-position:64%}
.ga-compare-slider[data-position="65"]{--comparison-position:65%}
.ga-compare-slider[data-position="66"]{--comparison-position:66%}
.ga-compare-slider[data-position="67"]{--comparison-position:67%}
.ga-compare-slider[data-position="68"]{--comparison-position:68%}
.ga-compare-slider[data-position="69"]{--comparison-position:69%}
.ga-compare-slider[data-position="70"]{--comparison-position:70%}
.ga-compare-slider[data-position="71"]{--comparison-position:71%}
.ga-compare-slider[data-position="72"]{--comparison-position:72%}
.ga-compare-slider[data-position="73"]{--comparison-position:73%}
.ga-compare-slider[data-position="74"]{--comparison-position:74%}
.ga-compare-slider[data-position="75"]{--comparison-position:75%}
.ga-compare-slider[data-position="76"]{--comparison-position:76%}
.ga-compare-slider[data-position="77"]{--comparison-position:77%}
.ga-compare-slider[data-position="78"]{--comparison-position:78%}
.ga-compare-slider[data-position="79"]{--comparison-position:79%}
.ga-compare-slider[data-position="80"]{--comparison-position:80%}
.ga-compare-slider[data-position="81"]{--comparison-position:81%}
.ga-compare-slider[data-position="82"]{--comparison-position:82%}
.ga-compare-slider[data-position="83"]{--comparison-position:83%}
.ga-compare-slider[data-position="84"]{--comparison-position:84%}
.ga-compare-slider[data-position="85"]{--comparison-position:85%}
.ga-compare-slider[data-position="86"]{--comparison-position:86%}
.ga-compare-slider[data-position="87"]{--comparison-position:87%}
.ga-compare-slider[data-position="88"]{--comparison-position:88%}
.ga-compare-slider[data-position="89"]{--comparison-position:89%}
.ga-compare-slider[data-position="90"]{--comparison-position:90%}
.ga-compare-slider[data-position="91"]{--comparison-position:91%}
.ga-compare-slider[data-position="92"]{--comparison-position:92%}
.ga-compare-slider[data-position="93"]{--comparison-position:93%}
.ga-compare-slider[data-position="94"]{--comparison-position:94%}
.ga-compare-slider[data-position="95"]{--comparison-position:95%}
.ga-compare-slider[data-position="96"]{--comparison-position:96%}
.ga-compare-slider[data-position="97"]{--comparison-position:97%}
.ga-compare-slider[data-position="98"]{--comparison-position:98%}
.ga-compare-slider[data-position="99"]{--comparison-position:99%}
.ga-compare-slider[data-position="100"]{--comparison-position:100%}
.ga-compare-slider:focus-within .ga-compare-slider__handle{outline:3px solid rgba(255,255,255,.8);outline-offset:4px}