:root{--navy:#0b3573;--navy2:#061b3b;--blue:#1475c8;--cyan:#25a7df;--green:#42a84b;--ink:#0b1730;--muted:#617087;--light:#f4f8fd;--soft:#eaf3fb;--line:#dbe6f1;--white:#fff;--shadow:0 24px 70px rgba(7,38,82,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Manrope,system-ui,sans-serif;line-height:1.65;background:#fff}h1,h2,h3,b,.brand{font-family:"Space Grotesk",Manrope,sans-serif}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3rem,6vw,6rem);line-height:.99;letter-spacing:-.055em;margin-bottom:28px}h2{font-size:clamp(2.25rem,4.4vw,4.45rem);line-height:1.06;letter-spacing:-.045em;margin-bottom:22px}h3{font-size:1.38rem;line-height:1.25}em{font-style:normal;background:linear-gradient(90deg,var(--cyan),#7cddf7);-webkit-background-clip:text;color:transparent}.container{width:min(1200px,calc(100% - 40px));margin:auto}.section{padding:112px 0}.section-dark{background:radial-gradient(circle at 78% 18%,rgba(29,147,211,.30),transparent 35%),linear-gradient(145deg,#06162f,#0a326c 62%,#0e548f);color:#fff}.section-soft{background:var(--light)}.site-header{position:fixed;inset:0 0 auto;z-index:100;transition:.25s}.site-header.scrolled,.site-header.menu-open{background:rgba(255,255,255,.97);box-shadow:0 10px 35px rgba(0,30,70,.1);backdrop-filter:blur(18px)}.nav-wrap{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-size:1.5rem;font-weight:700}.brand img{width:49px;height:36px;object-fit:contain}.site-header.scrolled .brand,.site-header.menu-open .brand{color:var(--navy)}.main-nav{display:flex;align-items:center;gap:18px}.nav-group{position:relative}.nav-parent{border:0;background:transparent;color:rgba(255,255,255,.82);font:inherit;font-weight:700;font-size:.86rem;cursor:pointer;padding:30px 6px;display:flex;gap:6px}.nav-group.active>.nav-parent,.nav-parent:hover{color:var(--cyan)}.site-header.scrolled .nav-parent,.site-header.menu-open .nav-parent{color:var(--navy)}.dropdown{position:absolute;top:74px;left:-16px;min-width:245px;background:#fff;padding:12px;border-radius:16px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}.nav-group:hover .dropdown,.nav-group.open .dropdown{opacity:1;visibility:visible;transform:none}.dropdown a{display:block;padding:10px 12px;border-radius:9px;color:var(--ink);text-decoration:none;font-size:.82rem;font-weight:650}.dropdown a:hover,.dropdown a.active{background:var(--light);color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:12px;padding:14px 21px;text-decoration:none;font-weight:800;transition:.22s;cursor:pointer}.button-sm{padding:10px 16px;background:linear-gradient(100deg,var(--blue),var(--cyan));color:#fff}.button-primary{background:linear-gradient(100deg,var(--blue),var(--cyan));color:#fff;box-shadow:0 13px 34px rgba(25,143,207,.3)}.button-primary:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(25,143,207,.4)}.button-ghost{color:#fff;border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.05)}.mobile-toggle{display:none;border:0;background:transparent}.mobile-toggle span{display:block;width:26px;height:2px;background:#fff;margin:5px}.page-hero{padding:176px 0 92px;overflow:hidden}.page-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:72px;min-height:650px}.hero-sub,.lead{font-size:1.12rem;color:rgba(255,255,255,.72);max-width:790px}.darklead{color:var(--muted)}.hero-actions{display:flex;gap:14px;margin-top:36px}.hero-badge{margin-top:34px;display:inline-flex;padding:9px 14px;border:1px solid rgba(255,255,255,.18);border-radius:30px;color:#b7eaff;font-size:.75rem;font-weight:700}.hero-graphic{height:520px;position:relative;display:grid;place-items:center}.signal-ring{position:absolute;border:1px solid rgba(91,201,239,.22);border-radius:50%;width:470px;height:470px}.r2{width:340px;height:340px}.hero-logo{width:245px;height:245px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,#0b2e66,#1288ca);box-shadow:0 40px 90px rgba(0,0,0,.35);z-index:2;border:7px solid rgba(255,255,255,.1)}.hero-logo img{width:105px;height:72px;object-fit:contain}.hero-logo span{font-size:.68rem;color:rgba(255,255,255,.65)}.data-chip{position:absolute;background:rgba(255,255,255,.96);color:var(--navy);padding:11px 14px;border-radius:12px;font-size:.72rem;font-weight:800;box-shadow:var(--shadow);z-index:3}.c1{left:0;top:105px}.c2{right:0;top:145px}.c3{left:5px;bottom:100px}.c4{right:5px;bottom:115px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:.72rem;letter-spacing:.16em;font-weight:800;color:#a7e5fb;margin-bottom:22px}.eyebrow span{width:30px;height:2px;background:var(--green)}.eyebrow.dark{color:var(--blue)}.proof-strip{background:#fff;box-shadow:0 20px 55px rgba(5,34,73,.09)}.proof-strip .container{display:grid;grid-template-columns:repeat(4,1fr)}.proof-strip div div{padding:27px;border-right:1px solid var(--line);display:flex;flex-direction:column}.proof-strip b{font-size:1.2rem;color:var(--navy)}.proof-strip span{font-size:.74rem;color:var(--muted)}.section-head{max-width:880px;margin-bottom:55px}.section-head.centered{text-align:center;margin-inline:auto}.centered .eyebrow{justify-content:center}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.industry-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;transition:.22s;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--green));opacity:0}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#b8dbef}.feature-card:hover:before{opacity:1}.feature-number{color:var(--cyan);font-size:.72rem;font-weight:800;letter-spacing:.12em;margin-bottom:22px}.feature-card p{color:var(--muted);font-size:.91rem}.feature-card ul{list-style:none;padding:0;margin:18px 0 0}.feature-card li{font-size:.81rem;padding:8px 0;border-top:1px solid var(--line)}.feature-card li:before{content:"✓";color:var(--green);font-weight:900;margin-right:9px}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.intelligence-stack div{display:grid;grid-template-columns:105px 1fr;gap:20px;padding:21px 0;border-top:1px solid rgba(255,255,255,.14)}.intelligence-stack b{color:#79dafa}.intelligence-stack span{color:rgba(255,255,255,.68)}.text-link{color:var(--blue);font-weight:800;text-decoration:none}.text-link.light{color:#8ce0fa}.process-list{list-style:none;margin:0;padding:0;counter-reset:item}.process-list li{display:grid;grid-template-columns:55px 150px 1fr;gap:18px;padding:24px 0;border-top:1px solid var(--line);counter-increment:item}.process-list li:before{content:"0" counter(item);font-size:.75rem;color:var(--cyan);font-weight:800}.process-list span{color:var(--muted)}.mini-cta{padding-top:35px}.mini-cta-box{background:radial-gradient(circle at 10% 10%,rgba(38,169,223,.25),transparent 35%),linear-gradient(145deg,#06182f,#0b4f8d);border-radius:30px;color:#fff;padding:58px 62px;display:flex;align-items:center;justify-content:space-between;gap:35px;box-shadow:var(--shadow)}.mini-cta-box h2{font-size:clamp(2rem,3.2vw,3.2rem)}.mini-cta-box p{color:rgba(255,255,255,.68);max-width:720px}.outcome-pills{display:flex;flex-wrap:wrap;gap:12px}.outcome-pills span{padding:13px 16px;border-radius:30px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);font-weight:700;font-size:.84rem}.faq-page{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px}.faq-sidebar p{color:var(--muted)}details{border-top:1px solid var(--line);padding:21px 0}summary{list-style:none;cursor:pointer;font-weight:800;display:flex;justify-content:space-between}summary:after{content:"+";color:var(--blue);font-size:1.3rem}details[open] summary:after{content:"−"}details p{color:var(--muted);font-size:.92rem;margin:14px 0 0}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.contact-copy>p,.contact-copy span{color:var(--muted)}.contact-copy a{color:var(--blue)}.contact-points div{padding:17px 0;border-top:1px solid var(--line)}.contact-points b,.contact-points span{display:block}.enterprise-form{padding:34px;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);background:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.enterprise-form label span{display:block;font-size:.73rem;font-weight:800;margin-bottom:6px}.enterprise-form input,.enterprise-form select,.enterprise-form textarea{width:100%;border:1px solid var(--line);background:#f9fbfd;border-radius:10px;padding:12px;font:inherit;margin-bottom:14px}.enterprise-form .button{width:100%}.enterprise-form small{display:block;text-align:center;margin-top:10px;color:var(--muted)}.legal-hero{padding:170px 0 65px;background:linear-gradient(145deg,#06162f,#0b4d88);color:#fff}.legal-copy{max-width:850px}.legal-copy h2{font-size:2rem;margin-top:45px}.legal-copy p{color:var(--muted)}.not-found{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px}.not-found img{width:140px}.not-found h1{font-size:3.2rem;margin-top:25px}.site-footer{background:#06142d;color:#fff;padding:72px 0 24px}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:45px}.footer-intro .brand{margin-bottom:16px}.footer-intro p,.footer-intro small{color:rgba(255,255,255,.55)}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:9px}.footer-grid b{margin-bottom:8px}.footer-grid a{color:rgba(255,255,255,.62);text-decoration:none;font-size:.83rem}.footer-grid a:hover{color:var(--cyan)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);margin-top:50px;padding-top:22px;color:rgba(255,255,255,.42);font-size:.72rem}.footer-bottom a{color:inherit}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:10px;top:10px;z-index:999;background:#fff;padding:10px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@media(max-width:1000px){.main-nav{position:fixed;top:76px;left:18px;right:18px;display:none;flex-direction:column;align-items:stretch;gap:4px;background:#fff;padding:18px;border-radius:18px;box-shadow:var(--shadow);max-height:calc(100vh - 100px);overflow:auto}.main-nav.open{display:flex}.mobile-toggle{display:block}.site-header.menu-open .mobile-toggle span,.site-header.scrolled .mobile-toggle span{background:var(--navy)}.nav-parent{color:var(--navy);padding:12px 5px;width:100%;justify-content:space-between}.dropdown{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:2px 8px 10px}.nav-group.open .dropdown{display:block}.page-hero-grid,.split,.faq-page,.contact-grid{grid-template-columns:1fr}.hero-graphic{height:480px}.feature-grid,.industry-card-grid{grid-template-columns:1fr 1fr}.proof-strip .container{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.process-list li{grid-template-columns:45px 130px 1fr}}@media(max-width:620px){.container{width:min(100% - 28px,1200px)}.section{padding:82px 0}.page-hero{padding-top:140px}.page-hero-grid{min-height:unset}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-graphic{height:390px}.signal-ring{width:340px;height:340px}.r2{width:245px;height:245px}.hero-logo{width:185px;height:185px}.hero-logo img{width:80px}.data-chip{font-size:.62rem;padding:8px}.c1,.c3{left:0}.c2,.c4{right:0}.feature-grid,.industry-card-grid,.proof-strip .container,.form-grid{grid-template-columns:1fr}.proof-strip div div{border-right:0;border-bottom:1px solid var(--line)}.mini-cta-box{padding:35px 24px;flex-direction:column;align-items:flex-start}.process-list li{grid-template-columns:35px 1fr}.process-list span{grid-column:2}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}.site-header .brand{font-size:1.3rem}.page-hero h1{font-size:3.1rem}}

/* ===== 2026 PREMIUM EXPERIENCE ENHANCEMENTS ===== */
:root{
  --glass:rgba(255,255,255,.72);
  --glass-dark:rgba(8,31,67,.7);
  --glow:0 0 0 1px rgba(42,165,221,.13),0 30px 90px rgba(9,57,112,.16);
}
body{overflow-x:hidden;background:
  radial-gradient(circle at 12% 8%,rgba(37,167,223,.055),transparent 24%),
  radial-gradient(circle at 88% 22%,rgba(66,168,75,.045),transparent 20%),#fff}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.site-header{border-bottom:1px solid transparent}.site-header.scrolled{border-color:rgba(15,81,145,.08);background:rgba(255,255,255,.82);backdrop-filter:blur(22px) saturate(145%)}
.brand img{filter:drop-shadow(0 8px 18px rgba(28,131,196,.18))}
.main-nav .nav-parent,.main-nav>a{transition:color .22s ease,transform .22s ease}.main-nav .nav-parent:hover,.main-nav>a:hover{transform:translateY(-1px)}
.dropdown{border:1px solid rgba(18,104,177,.1)!important;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(20px) saturate(145%);box-shadow:0 24px 70px rgba(5,36,80,.18)!important;border-radius:18px!important;padding:10px!important}
.dropdown a{border-radius:11px!important;padding:11px 13px!important}.dropdown a:hover{background:linear-gradient(90deg,rgba(37,167,223,.1),rgba(66,168,75,.06))!important;color:var(--navy)!important}
.button{position:relative;overflow:hidden;isolation:isolate}.button:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.26) 45%,transparent 70%);transform:translateX(-120%);transition:transform .7s ease}.button:hover:before{transform:translateX(120%)}
.button-primary{border:1px solid rgba(255,255,255,.26);box-shadow:0 16px 38px rgba(23,123,196,.28)}
.page-hero,.hero{position:relative;isolation:isolate;overflow:hidden}.page-hero:after,.hero:after{content:"";position:absolute;width:480px;height:480px;border-radius:50%;right:-160px;bottom:-240px;background:radial-gradient(circle,rgba(66,168,75,.22),transparent 65%);filter:blur(8px);z-index:-1;animation:floatGlow 8s ease-in-out infinite alternate}.page-hero:before,.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 85%);z-index:-1}
@keyframes floatGlow{to{transform:translate(-45px,-35px) scale(1.12)}}
.hero-graphic,.platform-visual,.visual-card{filter:drop-shadow(0 30px 70px rgba(0,20,50,.25))}
.signal-ring{animation:pulseRing 3.8s ease-in-out infinite}.signal-ring.r2{animation-delay:1s}@keyframes pulseRing{0%,100%{opacity:.35;transform:scale(.96)}50%{opacity:.8;transform:scale(1.03)}}
.data-chip{box-shadow:0 14px 38px rgba(0,21,54,.2)!important;backdrop-filter:blur(12px);animation:chipFloat 5s ease-in-out infinite}.data-chip:nth-of-type(even){animation-delay:1.2s}@keyframes chipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.section{position:relative}.section:nth-of-type(even):not(.section-dark){background:linear-gradient(180deg,rgba(244,248,253,.7),rgba(255,255,255,.96))}
.card,.feature-card,.info-card,.solution-card,.industry-card,.metric-card,.content-card,.contact-points>div,.enterprise-form{border:1px solid rgba(20,117,200,.1)!important;box-shadow:0 15px 45px rgba(8,48,96,.07);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;background:linear-gradient(150deg,rgba(255,255,255,.97),rgba(247,251,255,.95))}
.card:hover,.feature-card:hover,.info-card:hover,.solution-card:hover,.industry-card:hover,.metric-card:hover,.content-card:hover,.contact-points>div:hover{transform:translateY(-7px);box-shadow:var(--glow);border-color:rgba(37,167,223,.28)!important}
.eyebrow{letter-spacing:.18em}.eyebrow span{box-shadow:0 0 18px rgba(66,168,75,.55)}
h1,h2{font-variation-settings:"wght" 700;text-wrap:balance}.hero-sub,.lead{text-wrap:pretty}
.enterprise-form{border-radius:26px!important;padding:34px!important;background:rgba(255,255,255,.9)!important;backdrop-filter:blur(18px)}
.enterprise-form input,.enterprise-form select,.enterprise-form textarea{background:#f8fbff!important;border:1px solid #d9e7f3!important;transition:border-color .2s,box-shadow .2s,background .2s}.enterprise-form input:focus,.enterprise-form select:focus,.enterprise-form textarea:focus{outline:none;border-color:var(--cyan)!important;background:#fff!important;box-shadow:0 0 0 4px rgba(37,167,223,.12)}
.enterprise-form label span{color:var(--navy);font-size:.76rem;letter-spacing:.02em}.enterprise-form small{line-height:1.55;margin-top:14px!important}
.contact-grid{align-items:start}.contact-copy{position:sticky;top:120px}.contact-points>div{padding:19px;border-radius:16px;margin:13px 0}.contact-points b{color:var(--navy)}
.site-footer{position:relative;overflow:hidden}.site-footer:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;left:-260px;top:-380px;background:radial-gradient(circle,rgba(37,167,223,.18),transparent 68%)}
.reveal{transition-duration:.85s!important;transition-timing-function:cubic-bezier(.2,.75,.25,1)!important}
@media(max-width:1000px){.contact-copy{position:static}.dropdown{backdrop-filter:none}.data-chip{animation:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* 2026 premium visual refresh */
.page-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 24%,rgba(39,172,225,.24),transparent 30%),linear-gradient(135deg,#03142f 0%,#072d61 58%,#0b4a86 100%)}
.page-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}
.hero-media{position:relative;min-height:610px;border-radius:30px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.38);border:1px solid rgba(255,255,255,.16)}
.hero-media>img{width:100%;height:610px;object-fit:cover;display:block;filter:saturate(1.08) contrast(1.05)}
.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,19,46,.08),rgba(2,19,46,.72))}
.glass-panel{position:absolute;z-index:2;left:24px;right:24px;bottom:24px;padding:20px;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:rgba(3,20,48,.74);backdrop-filter:blur(18px);box-shadow:0 22px 60px rgba(0,0,0,.3)}
.console-head{display:flex;gap:10px;align-items:center}.console-head small{margin-left:auto;color:rgba(255,255,255,.6);font-size:.68rem}.live-dot{width:8px;height:8px;border-radius:50%;background:#38d77b;box-shadow:0 0 0 6px rgba(56,215,123,.13)}
.console-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.console-kpis span{background:rgba(255,255,255,.07);padding:10px;border-radius:10px;font-size:.67rem}.console-kpis b{display:block;font-size:1.05rem;color:#8fe7ff}
.decision-feed p{margin:7px 0;font-size:.72rem;color:rgba(255,255,255,.75)}.decision-feed i{font-style:normal;color:#43d87f;margin-right:7px}.hero-float{position:absolute;z-index:3;top:24px;padding:13px 16px;border-radius:14px;background:rgba(255,255,255,.92);color:#082550;box-shadow:0 18px 40px rgba(0,0,0,.25)}.hero-float b{font-size:1.35rem}.hero-float span{display:block;font-size:.64rem;color:#66748a}.hf-one{left:24px}.hf-two{right:24px}
.immersive-story{padding:110px 0}.immersive-grid,.visual-feature-grid,.security-showcase-grid,.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}.immersive-image,.visual-frame{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,.28)}.immersive-image img,.visual-frame img{display:block;width:100%;height:520px;object-fit:cover}.image-kicker{position:absolute;left:22px;bottom:22px;padding:10px 14px;border-radius:999px;background:rgba(4,24,54,.8);backdrop-filter:blur(12px);font-size:.68rem;letter-spacing:.12em;font-weight:800}.story-points{margin-top:34px}.story-points div{padding:17px 0;border-top:1px solid rgba(255,255,255,.13);display:grid;grid-template-columns:150px 1fr;gap:20px}.story-points span{color:rgba(255,255,255,.68)}
.architecture-section{background:linear-gradient(180deg,#f6faff,#fff)}.architecture-stack{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:stretch}.arch-card{padding:28px 22px;border:1px solid #dce8f4;border-radius:22px;background:#fff;box-shadow:0 18px 45px rgba(9,52,105,.08);position:relative;overflow:hidden}.arch-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#25a7df,#42a84b)}.arch-card small{font-weight:800;color:#1475c8;letter-spacing:.09em}.arch-card h3{margin:12px 0}.arch-card p{font-size:.86rem;color:#65738b}
.agent-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.agent-grid article{padding:20px;border-radius:17px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.055)}.agent-grid b{display:block;color:#87e6ff;margin-bottom:6px}.agent-grid span{font-size:.82rem;color:rgba(255,255,255,.67)}
.visual-feature{background:#f6faff}.visual-frame img{height:560px}.check-list{list-style:none;padding:0;margin:28px 0}.check-list li{padding:10px 0;border-top:1px solid #dce7f2}.check-list li:before{content:"✓";color:#42a84b;font-weight:900;margin-right:10px}
.security-showcase{background:radial-gradient(circle at 90% 30%,rgba(37,167,223,.12),transparent 30%)}.security-pill-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:28px 0}.security-pill-grid span{padding:13px 14px;border-radius:12px;background:#eef7fd;border:1px solid #d5e9f5;font-size:.78rem;font-weight:700}.security-orbit{height:480px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,rgba(25,117,200,.16),transparent 58%)}.shield-core{width:220px;height:220px;border-radius:42% 42% 52% 52%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-weight:800;background:linear-gradient(145deg,#082d62,#1281c5);box-shadow:0 30px 80px rgba(10,70,130,.28);z-index:2}.shield-core small{display:block;font-size:.66rem;color:rgba(255,255,255,.65);margin-top:8px}.security-orbit i{position:absolute;border:1px dashed #7fc8e9;border-radius:50%}.security-orbit i:nth-of-type(1){width:330px;height:330px}.security-orbit i:nth-of-type(2){width:430px;height:430px}.security-orbit i:nth-of-type(3){width:270px;height:270px;transform:rotate(45deg)}
.why-brotecs{position:relative;overflow:hidden}.why-brotecs:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:rgba(37,167,223,.12);right:-220px;top:-180px;filter:blur(10px)}.credentials{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:30px 0}.credentials div,.brotecs-panel div{padding:17px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.05);border-radius:15px}.credentials b,.brotecs-panel b{display:block;color:#89e5ff}.credentials span,.brotecs-panel small{font-size:.72rem;color:rgba(255,255,255,.62)}.brotecs-panel{position:relative;z-index:2;padding:28px;border:1px solid rgba(255,255,255,.16);border-radius:26px;background:rgba(255,255,255,.06);backdrop-filter:blur(15px);display:grid;gap:12px}.bp-label{font-size:.68rem;letter-spacing:.14em;font-weight:800;color:#73d6f5}
@media(max-width:1000px){.immersive-grid,.visual-feature-grid,.security-showcase-grid,.why-grid{grid-template-columns:1fr}.architecture-stack{grid-template-columns:1fr 1fr}.hero-media{min-height:540px}.hero-media>img{height:540px}.security-orbit{height:380px}}
@media(max-width:620px){.architecture-stack,.agent-grid,.security-pill-grid,.credentials{grid-template-columns:1fr}.console-kpis{grid-template-columns:1fr 1fr}.immersive-image img,.visual-frame img{height:360px}.hero-media{min-height:500px}.hero-media>img{height:500px}.hero-float{display:none}.glass-panel{left:12px;right:12px;bottom:12px}.decision-feed p:nth-child(n+3){display:none}.story-points div{grid-template-columns:1fr;gap:4px}.security-orbit{height:310px}.shield-core{width:170px;height:170px}}


/* Homepage hero rebuilt to match the approved visual direction */
.home-hero{position:relative;min-height:100svh;overflow:hidden;background:#03142f;padding:98px 0 24px;display:flex;align-items:center}
.home-hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,15,39,.98) 0%,rgba(3,24,57,.92) 36%,rgba(4,29,63,.45) 63%,rgba(4,22,47,.20) 100%),linear-gradient(180deg,rgba(0,0,0,.05),rgba(2,16,39,.72)),url('assets/visuals/ai-truck.jpg') center right/cover no-repeat;filter:saturate(1.12) contrast(1.04)}
.home-hero-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 45% 45%,rgba(31,145,222,.16),transparent 28%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,46px 46px,46px 46px}
.home-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:.93fr 1.07fr;gap:38px;align-items:center;padding-top:12px}
.home-hero-copy{align-self:center}.hero-kicker{display:inline-flex;border:1px solid rgba(127,216,250,.28);border-radius:999px;padding:8px 14px;color:#d8f5ff;background:rgba(2,20,49,.58);box-shadow:0 0 24px rgba(42,161,222,.13);font-size:.64rem;letter-spacing:.11em;font-weight:800;margin-bottom:18px}
.home-hero h1{font-size:clamp(2.85rem,4.7vw,5.35rem);line-height:1.02;margin-bottom:19px}.home-hero h1 em{background:linear-gradient(90deg,#4b8fff,#36b9ef 48%,#3fd18a);-webkit-background-clip:text;color:transparent}.home-hero-copy>p{max-width:590px;color:rgba(255,255,255,.78);font-size:clamp(.94rem,1.15vw,1.08rem);line-height:1.55}.home-hero .hero-actions{margin-top:25px}.play-chip{width:28px;height:28px;border:1px solid rgba(255,255,255,.55);border-radius:50%;display:inline-grid;place-items:center;font-size:.66rem}
.hero-statbar{display:grid;grid-template-columns:repeat(4,1fr);margin-top:27px;border:1px solid rgba(129,200,241,.22);border-radius:12px;background:rgba(2,22,52,.72);backdrop-filter:blur(14px);max-width:690px}.hero-statbar>div{min-height:68px;padding:12px 13px;border-right:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;align-items:center}.hero-statbar>div:last-child{border-right:0}.stat-icon{grid-row:1/3;width:27px;height:27px;border:1px solid rgba(112,207,245,.34);border-radius:8px;display:grid;place-items:center;color:#d6f6ff;font-size:.62rem}.hero-statbar b{font-size:.91rem;line-height:1.1}.hero-statbar small{font-size:.57rem;color:rgba(255,255,255,.58);line-height:1.2}
.command-window{align-self:center;background:rgba(5,27,61,.91);border:1px solid rgba(132,194,231,.25);border-radius:16px;padding:13px;box-shadow:0 28px 80px rgba(0,0,0,.42);backdrop-filter:blur(18px);max-height:610px}.command-head{display:flex;align-items:center;padding:2px 3px 11px}.command-live{font-size:.62rem;color:#41d481;margin-left:10px}.command-more{margin-left:auto;color:rgba(255,255,255,.62)}.command-kpis{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(255,255,255,.04)}.command-kpis>div{padding:10px;border-right:1px solid rgba(255,255,255,.09);text-align:center}.command-kpis>div:last-child{border-right:0}.command-kpis b{display:block;font-size:1.05rem}.command-kpis>div:nth-child(2) b,.command-kpis>div:nth-child(4) b{color:#42d782}.command-kpis small{display:block;font-size:.5rem;color:rgba(255,255,255,.57)}.command-main{display:grid;grid-template-columns:.94fr 1.06fr;gap:10px;margin-top:10px}.ops-list,.route-map,.agent-feed{border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(255,255,255,.025)}.ops-list{padding:9px}.ops-list h3,.agent-feed h3{font-size:.75rem;margin:0 0 7px}.ops-list article{position:relative;border:1px solid rgba(255,255,255,.07);border-radius:7px;padding:7px 70px 7px 8px;margin:5px 0;background:rgba(255,255,255,.025)}.ops-list article b,.ops-list article span{display:block}.ops-list article b{font-size:.58rem}.ops-list article span{font-size:.48rem;color:rgba(255,255,255,.58)}.ops-list article em{position:absolute;right:7px;top:7px;text-align:right;font-style:normal;font-size:.5rem}.ops-list article i{font-style:normal;color:#43d985}.route-map{position:relative;min-height:175px;overflow:hidden;background-color:#071e40;background-image:linear-gradient(rgba(93,141,182,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(93,141,182,.12) 1px,transparent 1px);background-size:20px 20px}.route-path{position:absolute;height:3px;border-radius:10px;filter:drop-shadow(0 0 5px currentColor)}.rp1{width:72%;left:11%;top:47%;background:#26a8ff;transform:rotate(-20deg)}.rp2{width:60%;left:24%;top:58%;background:#3ddc8b;transform:rotate(29deg)}.pin{position:absolute;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#168dff;box-shadow:0 0 0 4px rgba(26,151,255,.22)}.p1{left:16%;top:54%}.p2{left:48%;top:30%}.p3{right:16%;top:65%}.p4{right:30%;top:36%;background:#3bd489}.agent-feed{padding:9px;margin-top:10px}.agent-feed p{display:grid;grid-template-columns:35px 88px 1fr;gap:6px;margin:5px 0;font-size:.49rem;color:rgba(255,255,255,.69)}.agent-feed time{color:#43d985}.agent-feed b{color:#fff;font-family:Manrope,sans-serif;font-size:.49rem}.hero-security-badge{position:absolute;right:3%;bottom:3%;padding:9px 13px;border:1px solid rgba(73,220,142,.35);border-radius:9px;background:rgba(3,22,50,.76);color:#dfffee;font-size:.68rem;box-shadow:0 12px 35px rgba(0,0,0,.25)}
.immersive-image img{object-position:center bottom!important}
.six-agent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.agent-detail{padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 16px 45px rgba(8,48,96,.07)}.agent-detail>span{color:var(--cyan);font-size:.72rem;font-weight:800}.agent-detail p{color:var(--muted);font-size:.86rem}.agent-detail p b{color:var(--navy)}
.route-page-hero{padding:160px 0 90px}.route-page-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.network-visual{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.35)}.network-visual img{display:block;width:100%;height:570px;object-fit:cover}.network-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(2,17,42,.34))}.network-metric{position:absolute;z-index:2;padding:12px 14px;border-radius:12px;background:rgba(3,26,58,.83);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);color:#fff}.network-metric b,.network-metric span{display:block}.network-metric b{color:#63e3a0}.network-metric span{font-size:.61rem;color:rgba(255,255,255,.65)}.nm1{left:22px;top:22px}.nm2{right:22px;top:22px}.nm3{right:22px;bottom:22px}.optimization-console{padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:rgba(255,255,255,.055)}.oc-head{display:flex;justify-content:space-between}.oc-head span{font-size:.63rem;color:#49db90}.oc-map{height:300px;position:relative;margin:18px 0;border-radius:15px;overflow:hidden;background:#061c3d;background-image:linear-gradient(rgba(94,145,187,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(94,145,187,.12) 1px,transparent 1px);background-size:25px 25px}.oc-map i{position:absolute;width:13px;height:13px;border:3px solid white;border-radius:50%;background:#1497ff;box-shadow:0 0 0 5px rgba(20,151,255,.2)}.oc-map i:nth-child(1){left:12%;top:65%}.oc-map i:nth-child(2){left:42%;top:24%}.oc-map i:nth-child(3){right:18%;top:58%}.oc-map i:nth-child(4){right:8%;top:20%;background:#3bd48b}.oc-route{position:absolute;height:4px;border-radius:9px}.r-a{width:70%;left:12%;top:49%;transform:rotate(-19deg);background:#21a4ff;box-shadow:0 0 14px #21a4ff}.r-b{width:48%;right:8%;top:40%;transform:rotate(34deg);background:#3bd48b;box-shadow:0 0 14px #3bd48b}.oc-results{display:grid;grid-template-columns:1fr 1fr;gap:10px}.oc-results>div{padding:13px;border:1px solid rgba(255,255,255,.12);border-radius:12px}.oc-results .selected{border-color:#42d88a;background:rgba(66,216,138,.08)}.oc-results b,.oc-results small{display:block}.oc-results small{color:rgba(255,255,255,.58)}.light-list li{border-color:rgba(255,255,255,.13);color:rgba(255,255,255,.74)}
@media(max-width:1100px){.home-hero{min-height:auto;padding:125px 0 55px}.home-hero-inner{grid-template-columns:1fr}.command-window{max-width:820px}.hero-security-badge{display:none}.route-page-grid{grid-template-columns:1fr}.network-visual img{height:480px}.six-agent-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.home-hero{padding-top:105px}.home-hero h1{font-size:clamp(2.7rem,12vw,4.3rem)}.home-hero-inner{gap:26px}.home-hero-copy>p{font-size:.95rem}.hero-statbar{grid-template-columns:1fr 1fr}.hero-statbar>div:nth-child(2){border-right:0}.hero-statbar>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.11)}.command-main{grid-template-columns:1fr}.route-map{min-height:150px}.agent-feed p{grid-template-columns:33px 78px 1fr}.six-agent-grid{grid-template-columns:1fr}.network-visual img{height:390px}.route-page-hero{padding-top:130px}}
@media(max-height:800px) and (min-width:1101px){.home-hero{padding-top:86px}.home-hero h1{font-size:clamp(2.5rem,4.3vw,4.65rem);margin-bottom:14px}.home-hero-copy>p{font-size:.95rem}.home-hero .hero-actions{margin-top:18px}.hero-statbar{margin-top:18px}.command-window{transform:scale(.92);transform-origin:center right}}

/* QA refinement: shared navigation/footer, responsive hero fit and map visuals */
.route-map{background:#071e40 url('assets/visuals/hero-command-map.svg') center/cover no-repeat!important}.route-map .route-path,.route-map .pin{display:none}
.oc-map{background:#061c3d url('assets/visuals/network-optimizer-map.svg') center/cover no-repeat!important}.oc-map>i,.oc-map>.oc-route{display:none}
.immersive-image img{object-position:center center!important}
@media(min-width:1101px){
 .page-hero,.route-page-hero{min-height:100svh;height:100svh;padding:100px 0 24px;display:flex;align-items:center}
 .page-hero-grid,.route-page-grid{min-height:0;width:100%}
 .page-hero-grid{height:calc(100svh - 124px)}
 .hero-graphic{height:min(58vh,520px)}
 .route-page-grid{height:calc(100svh - 124px)}
 .network-visual img{height:min(65vh,570px)}
}
@media(min-width:1101px) and (max-height:820px){
 .page-hero h1,.route-page-hero h1{font-size:clamp(2.5rem,4.5vw,4.6rem);margin-bottom:16px}
 .page-hero .hero-sub,.route-page-hero .hero-sub{font-size:.98rem;line-height:1.5}
 .page-hero .hero-actions,.route-page-hero .hero-actions{margin-top:20px}
 .hero-graphic{transform:scale(.88)}
 .network-visual img{height:58vh}
}
@media(max-width:980px){.main-nav{top:82px}.nav-group{width:100%}.nav-parent{width:100%;justify-content:space-between}.dropdown{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:4px 8px 10px;background:#f4f8fd}.nav-group.open .dropdown{display:block}}

/* =========================================================
   RESPONSIVE HERO QA OVERRIDES — 2026-07-31
   Keeps every internal-page hero visually consistent and
   prevents fixed-height overflow at common viewport sizes.
   ========================================================= */

/* Never let decorative hero objects widen the page. */
html,body{max-width:100%;overflow-x:hidden}
.page-hero,.route-page-hero,.legal-hero{width:100%;}
.page-hero-grid,.route-page-grid{min-width:0;}
.page-hero-grid>* ,.route-page-grid>*{min-width:0;}

/* Internal page hero: desktop/laptop baseline. */
.page-hero{
  min-height:100svh;
  height:auto;
  padding:clamp(104px,12vh,138px) 0 clamp(38px,6vh,70px);
  display:flex;
  align-items:center;
}
.page-hero-grid{
  width:100%;
  min-height:0;
  grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);
  gap:clamp(34px,5vw,72px);
  align-items:center;
}
.page-hero h1{
  font-size:clamp(2.75rem,4.6vw,5rem);
  line-height:1.01;
  margin-bottom:clamp(16px,2.4vh,26px);
  overflow-wrap:anywhere;
}
.page-hero .hero-sub{
  font-size:clamp(.96rem,1.25vw,1.1rem);
  line-height:1.58;
  max-width:680px;
}
.page-hero .hero-actions{margin-top:clamp(20px,3vh,32px);flex-wrap:wrap}
.page-hero .hero-graphic{
  width:100%;
  height:clamp(350px,52vh,500px);
  min-height:0;
  max-height:500px;
}
.page-hero .signal-ring{width:min(44vw,440px);height:min(44vw,440px)}
.page-hero .signal-ring.r2{width:min(32vw,320px);height:min(32vw,320px)}
.page-hero .hero-logo{width:clamp(180px,18vw,235px);height:clamp(180px,18vw,235px)}
.page-hero .data-chip{max-width:180px;white-space:normal;text-align:center}

/* Route optimization hero follows the same viewport-safe rules. */
.route-page-hero{
  min-height:100svh;
  height:auto;
  padding:clamp(104px,12vh,138px) 0 clamp(38px,6vh,70px);
  display:flex;
  align-items:center;
}
.route-page-grid{
  width:100%;
  grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);
  gap:clamp(32px,4.5vw,64px);
  align-items:center;
}
.route-page-hero h1{
  font-size:clamp(2.75rem,4.6vw,5rem);
  line-height:1.01;
  margin-bottom:clamp(16px,2.4vh,24px);
  overflow-wrap:anywhere;
}
.route-page-hero .hero-sub{font-size:clamp(.96rem,1.2vw,1.08rem);line-height:1.58}
.route-page-hero .network-visual{width:100%;max-height:min(58vh,520px)}
.route-page-hero .network-visual img{height:min(58vh,520px);min-height:350px}

/* Legal-page heroes use the same header clearance without oversized whitespace. */
.legal-hero{
  min-height:min(52svh,500px);
  padding:clamp(118px,15vh,160px) 0 clamp(48px,8vh,76px);
  display:flex;
  align-items:center;
}
.legal-hero h1{font-size:clamp(2.7rem,5vw,4.8rem);overflow-wrap:anywhere}

/* Laptop and short-screen QA: compress safely, never scale the whole layout. */
@media (min-width:1001px) and (max-height:820px){
  .page-hero,.route-page-hero{padding-top:96px;padding-bottom:28px;min-height:100svh}
  .page-hero-grid,.route-page-grid{gap:38px}
  .page-hero h1,.route-page-hero h1{font-size:clamp(2.45rem,4vw,4.15rem);margin-bottom:12px}
  .page-hero .hero-sub,.route-page-hero .hero-sub{font-size:.92rem;line-height:1.48}
  .page-hero .hero-actions,.route-page-hero .hero-actions{margin-top:16px}
  .page-hero .hero-graphic{height:min(49vh,390px)}
  .page-hero .hero-logo{width:175px;height:175px}
  .page-hero .hero-logo img{width:76px;height:54px}
  .page-hero .data-chip{font-size:.62rem;padding:8px 10px;max-width:145px}
  .route-page-hero .network-visual,.route-page-hero .network-visual img{height:min(50vh,400px);min-height:310px}
}

/* Tablet: stack, center, and keep graphics compact. */
@media (max-width:1000px){
  .page-hero,.route-page-hero{
    min-height:auto;
    padding:118px 0 62px;
    display:block;
  }
  .page-hero-grid,.route-page-grid{
    grid-template-columns:1fr;
    gap:34px;
  }
  .page-hero-grid>div:first-child,.route-page-grid>div:first-child{max-width:760px}
  .page-hero h1,.route-page-hero h1{font-size:clamp(2.7rem,7.3vw,4.4rem)}
  .page-hero .hero-graphic{height:390px;max-width:680px;margin-inline:auto}
  .page-hero .signal-ring{width:370px;height:370px}
  .page-hero .signal-ring.r2{width:270px;height:270px}
  .route-page-hero .network-visual{max-width:760px;margin-inline:auto;max-height:none}
  .route-page-hero .network-visual img{height:430px;min-height:0}
}

/* Mobile: compact hero content so the first section fits typical phone screens. */
@media (max-width:620px){
  .page-hero,.route-page-hero{
    padding:96px 0 34px;
    min-height:100svh;
    display:flex;
    align-items:center;
  }
  .page-hero-grid,.route-page-grid{gap:18px}
  .page-hero h1,.route-page-hero h1{
    font-size:clamp(2.15rem,10.4vw,3rem);
    line-height:1.02;
    letter-spacing:-.045em;
    margin-bottom:12px;
  }
  .page-hero .eyebrow,.route-page-hero .eyebrow{font-size:.6rem;letter-spacing:.11em;margin-bottom:12px}
  .page-hero .hero-sub,.route-page-hero .hero-sub{font-size:.86rem;line-height:1.45;margin-bottom:0}
  .page-hero .hero-actions,.route-page-hero .hero-actions{margin-top:14px;gap:9px}
  .page-hero .hero-actions .button,.route-page-hero .hero-actions .button{padding:11px 14px;font-size:.82rem}
  .page-hero .hero-graphic{height:205px;max-height:205px;margin-top:0}
  .page-hero .signal-ring{width:205px;height:205px}
  .page-hero .signal-ring.r2{width:145px;height:145px}
  .page-hero .hero-logo{width:120px;height:120px;border-width:4px}
  .page-hero .hero-logo img{width:53px;height:38px;margin:0}
  .page-hero .hero-logo b{font-size:.68rem}
  .page-hero .hero-logo span{display:none}
  .page-hero .data-chip{font-size:.52rem;line-height:1.25;padding:6px 8px;max-width:102px;border-radius:8px}
  .page-hero .c1{top:8px;left:0}.page-hero .c2{top:18px;right:0}
  .page-hero .c3{bottom:10px;left:0}.page-hero .c4{bottom:18px;right:0}
  .route-page-hero .network-visual{border-radius:18px}
  .route-page-hero .network-visual img{height:205px;min-height:0}
  .route-page-hero .network-metric{padding:7px 9px;font-size:.65rem}
  .route-page-hero .network-metric span{font-size:.5rem}
  .route-page-hero .nm1{left:10px;top:10px}.route-page-hero .nm2{right:10px;top:10px}.route-page-hero .nm3{right:10px;bottom:10px}
}

/* Very small and landscape phones: prioritize readable content over decoration. */
@media (max-width:420px), (max-height:560px) and (max-width:900px){
  .page-hero,.route-page-hero{min-height:auto;padding-top:88px}
  .page-hero .hero-graphic{height:170px;max-height:170px}
  .page-hero .signal-ring{width:170px;height:170px}.page-hero .signal-ring.r2{width:120px;height:120px}
  .page-hero .hero-logo{width:102px;height:102px}
  .route-page-hero .network-visual img{height:175px}
}


/* ===== FINAL RESPONSIVE LAYOUT QA — 2026-07-31 ===== */
:root{--site-gutter:clamp(24px,5vw,84px);--hero-gutter:clamp(28px,6vw,104px)}
.container{width:min(1320px,calc(100% - (var(--site-gutter) * 2)));margin-inline:auto}
.nav-wrap{width:min(1440px,calc(100% - (var(--site-gutter) * 2)))}

/* Every internal hero gets deliberate breathing room on every side. */
.page-hero>.container,.route-page-hero>.container,.legal-hero>.container{
  width:min(1280px,calc(100% - (var(--hero-gutter) * 2)));
  margin-inline:auto;
}
.page-hero,.route-page-hero{padding-inline:0}
.page-hero-grid,.route-page-grid{max-width:1280px;margin-inline:auto}
.page-hero-grid>div:first-child,.route-page-grid>div:first-child{padding-inline:0}

/* Home hero — approved dark command-center direction. */
.home-hero{min-height:100svh;padding:92px 0 28px;display:flex;align-items:center;overflow:hidden}
.home-hero>.home-hero-bg{background-position:center center}
.home-hero-inner{width:min(1450px,calc(100% - (clamp(28px,4vw,68px) * 2)));grid-template-columns:minmax(440px,.83fr) minmax(600px,1.17fr);gap:clamp(30px,3.4vw,58px);align-items:center}
.home-hero h1{font-size:clamp(3.25rem,4.75vw,5.35rem);line-height:1.02}
.home-hero-copy>p{max-width:590px}
.command-window{width:100%;max-width:none}
.hero-action-rail{position:absolute;right:clamp(14px,2vw,34px);top:50%;transform:translateY(-44%);z-index:6;display:flex;flex-direction:column;gap:8px}
.hero-action-rail a{width:72px;min-height:74px;border-radius:34px;background:rgba(4,20,46,.84);border:1px solid rgba(255,255,255,.13);color:#fff;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;backdrop-filter:blur(12px);box-shadow:0 15px 35px rgba(0,0,0,.24)}
.hero-action-rail a:first-child{background:linear-gradient(160deg,#128be4,#0648c8)}
.hero-action-rail b{font-size:1rem}.hero-action-rail span{font-size:.57rem;line-height:1.2;margin-top:4px}

/* Approved second section: light floating panel with clean image and four operating gaps. */
.operating-gap-section{background:#06152e;padding:0 0 38px}
.operating-gap-panel{background:linear-gradient(135deg,#fff,#edf5ff);border:1px solid rgba(255,255,255,.52);border-radius:26px;padding:20px;display:grid;grid-template-columns:minmax(320px,.88fr) minmax(300px,.62fr) minmax(580px,1.5fr);gap:28px;align-items:center;box-shadow:0 28px 75px rgba(0,8,28,.35)}
.operating-gap-image{height:230px;border-radius:18px;overflow:hidden}
.operating-gap-image img{width:100%;height:100%;object-fit:cover;object-position:center 67%;display:block}
.operating-gap-copy .eyebrow{margin-bottom:12px}.operating-gap-copy h2{font-size:clamp(2rem,2.5vw,3rem);margin-bottom:12px}.operating-gap-copy p{font-size:.9rem;color:var(--muted);margin:0}
.gap-reasons{display:grid;grid-template-columns:repeat(4,1fr);align-items:start}
.gap-reasons article{min-width:0;text-align:center;padding:8px 15px;border-left:1px solid var(--line)}
.gap-reasons article:first-child{border-left:0}
.gap-reasons b{font-size:.74rem;display:block;margin:10px 0 5px}.gap-reasons p{font-size:.68rem;line-height:1.55;color:var(--muted);margin:0}
.gap-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;margin:auto;font-weight:900}.gap-icon.red{background:#ffe2e8;color:#f14363}.gap-icon.orange{background:#fff0df;color:#ff7a1a}.gap-icon.blue{background:#e1edff;color:#196fe7}.gap-icon.purple{background:#eee3ff;color:#7c3fe4}

@media(max-width:1250px){
 .home-hero-inner{grid-template-columns:minmax(370px,.9fr) minmax(520px,1.1fr)}
 .home-hero h1{font-size:clamp(3rem,4.5vw,4.65rem)}
 .hero-action-rail{display:none}
 .operating-gap-panel{grid-template-columns:.85fr .75fr 1.4fr;gap:18px}
 .gap-reasons article{padding-inline:9px}
}
@media(max-width:1000px){
 :root{--site-gutter:32px;--hero-gutter:40px}
 .home-hero{min-height:auto;padding:110px 0 48px}
 .home-hero-inner{grid-template-columns:1fr;width:min(880px,calc(100% - 64px))}
 .command-window{max-width:880px}
 .operating-gap-section{padding:26px 0 46px}
 .operating-gap-panel{grid-template-columns:1fr 1fr;padding:24px}
 .operating-gap-image{height:270px}.gap-reasons{grid-column:1/-1}
 .page-hero>.container,.route-page-hero>.container,.legal-hero>.container{width:calc(100% - 80px)}
}
@media(max-width:720px){
 :root{--site-gutter:20px;--hero-gutter:22px}
 .container,.nav-wrap{width:calc(100% - 40px)}
 .page-hero>.container,.route-page-hero>.container,.legal-hero>.container{width:calc(100% - 44px)}
 .page-hero,.route-page-hero{padding-top:104px;padding-bottom:42px;min-height:auto;align-items:flex-start}
 .page-hero-grid,.route-page-grid{width:100%;gap:24px}
 .home-hero-inner{width:calc(100% - 36px)}
 .home-hero h1{font-size:clamp(2.55rem,11vw,3.6rem)}
 .command-window{padding:13px}.command-kpis{grid-template-columns:1fr 1fr}.command-kpis>div:nth-child(2){border-right:0}.command-kpis>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.09)}
 .operating-gap-panel{grid-template-columns:1fr;border-radius:20px;padding:16px}
 .operating-gap-image{height:220px}.gap-reasons{grid-template-columns:1fr 1fr}.gap-reasons article:nth-child(odd){border-left:0}.gap-reasons article{border-top:1px solid var(--line);padding:18px 10px}
}
@media(max-width:460px){
 .container,.nav-wrap{width:calc(100% - 28px)}
 .page-hero>.container,.route-page-hero>.container,.legal-hero>.container{width:calc(100% - 32px)}
 .home-hero-inner{width:calc(100% - 28px)}
 .home-hero{padding-top:96px}
 .home-hero h1{font-size:clamp(2.2rem,10.8vw,3rem)}
 .hero-statbar{grid-template-columns:1fr 1fr}
 .command-window{overflow:hidden}.agent-feed p{grid-template-columns:34px 1fr}.agent-feed p b{display:none}
 .operating-gap-image{height:190px}.operating-gap-copy h2{font-size:2rem}.gap-reasons{grid-template-columns:1fr}.gap-reasons article{border-left:0}
}


/* ===== 2026 DISTINCT HERO SYSTEM + APPROVED HOME COMPOSITION ===== */
.material-symbols-rounded{font-family:'Material Symbols Rounded';font-weight:normal;font-style:normal;font-size:1.35em;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased}
.home-hero{min-height:100svh;padding:92px 0 18px;display:flex;align-items:center;position:relative;overflow:hidden}
.home-hero-bg{background:linear-gradient(90deg,rgba(2,13,34,.97) 0%,rgba(2,21,49,.86) 35%,rgba(3,22,49,.32) 66%,rgba(2,13,31,.36) 100%),linear-gradient(180deg,rgba(1,8,22,.04),rgba(1,12,31,.64)),url('assets/visuals/route-network-clean.jpg') center/cover no-repeat!important}
.home-hero-inner{position:relative;display:grid;grid-template-columns:.79fr 1.21fr;gap:34px;align-items:center;width:100%;padding-right:82px}
.home-hero-copy{align-self:center;padding-bottom:94px}.home-hero h1{font-size:clamp(3rem,4.4vw,5.25rem);line-height:1.015;margin:14px 0 20px}.home-hero-copy>p{max-width:560px;font-size:clamp(.92rem,1.05vw,1.08rem);line-height:1.55;color:rgba(255,255,255,.84)}
.hero-kicker{display:inline-flex;max-width:100%;padding:8px 14px;border:1px solid rgba(108,198,240,.33);border-radius:999px;background:rgba(2,23,52,.72);box-shadow:0 0 24px rgba(25,139,211,.16);font-size:.67rem;letter-spacing:.13em;font-weight:800;color:#d8f5ff}
.command-window{width:100%;max-width:720px;margin-left:auto;transform:none}
.hero-statbar-centered{position:absolute!important;left:50%!important;bottom:14px!important;transform:translateX(-50%)!important;width:min(760px,60vw)!important;margin:0!important;z-index:8;grid-template-columns:repeat(4,1fr)!important;background:rgba(3,26,58,.86)!important;backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);box-shadow:0 18px 55px rgba(0,0,0,.28)}
.hero-statbar-centered>div{display:grid!important;grid-template-columns:38px 1fr!important;grid-template-rows:auto auto!important;column-gap:10px;align-items:center;padding:12px 16px!important}.hero-statbar-centered .stat-icon{grid-row:1/3;width:36px;height:36px;border:1px solid rgba(255,255,255,.16);border-radius:10px;display:grid;place-items:center;font-size:20px;color:#dff7ff}.hero-statbar-centered b{font-size:1rem!important}.hero-statbar-centered small{font-size:.61rem!important}
.hero-security-badge{position:absolute!important;right:86px!important;bottom:20px!important;display:flex!important;align-items:center;gap:7px;color:#fff;background:rgba(3,26,58,.78);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:11px 15px;z-index:8}.hero-security-badge .material-symbols-rounded{color:#3de079;font-size:22px}
.operating-gap-section{padding:0;background:#06142d}.operating-gap-edge{width:calc(100% - 32px);margin:0 16px 16px;max-width:none;border-radius:24px;padding:18px 24px;display:grid;grid-template-columns:minmax(280px,.85fr) minmax(280px,.58fr) minmax(520px,1.57fr);align-items:center;gap:24px;background:#f7faff;box-shadow:0 22px 70px rgba(0,15,45,.22)}.operating-gap-image{height:215px}.operating-gap-image img{width:100%;height:100%;object-fit:cover;border-radius:16px}.operating-gap-copy h2{font-size:clamp(1.7rem,2.3vw,2.65rem);margin-bottom:10px}.operating-gap-copy p{font-size:.87rem}.gap-reasons{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.gap-reasons article{padding:8px 16px;text-align:center;border-left:1px solid #dce6f2}.gap-reasons article:first-child{border-left:0}.gap-reasons b{font-size:.74rem}.gap-reasons p{font-size:.66rem;line-height:1.55}.gap-icon{margin-inline:auto}
/* Distinct internal-page hero visuals */
.hero-visual-unique{height:min(58vh,520px);min-height:410px;border:1px solid rgba(255,255,255,.16);border-radius:26px;background:linear-gradient(145deg,rgba(5,29,65,.92),rgba(8,63,112,.72));box-shadow:0 35px 90px rgba(0,0,0,.3);padding:18px;overflow:hidden;position:relative}.hero-visual-top{display:flex;justify-content:space-between;align-items:center;padding:3px 3px 14px;border-bottom:1px solid rgba(255,255,255,.12);font-size:.72rem}.visual-live{font-weight:800}.visual-live i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#3ddb7f;box-shadow:0 0 0 5px rgba(61,219,127,.12);margin-right:8px}.visual-status{font-size:.58rem;letter-spacing:.12em;color:#8cddfa}.hero-visual-stage{height:62%;position:relative;overflow:hidden;border-radius:16px;margin:14px 0;background:radial-gradient(circle at center,rgba(22,146,219,.20),transparent 45%),#061a3a}.visual-gridlines{position:absolute;inset:0;background-image:linear-gradient(rgba(117,182,224,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(117,182,224,.09) 1px,transparent 1px);background-size:29px 29px}.visual-orbit{position:absolute;border:1px solid rgba(67,199,241,.23);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-a{width:310px;height:310px}.orbit-b{width:210px;height:210px}.visual-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:170px;height:170px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(145deg,#0c4d91,#12a0d6);box-shadow:0 0 55px rgba(29,168,222,.35);border:5px solid rgba(255,255,255,.10);z-index:3}.visual-core .material-symbols-rounded{font-size:44px;color:#fff;margin-bottom:8px}.visual-core b{font-size:.86rem;max-width:130px}.visual-core small{font-size:.55rem;color:rgba(255,255,255,.68)}.visual-route{position:absolute;height:3px;border-radius:4px;box-shadow:0 0 12px currentColor}.vr1{width:52%;left:4%;top:34%;background:#21a8ff;color:#21a8ff;transform:rotate(-16deg)}.vr2{width:48%;right:4%;bottom:28%;background:#42da85;color:#42da85;transform:rotate(20deg)}.hero-vcards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.hero-vcard{min-width:0;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(255,255,255,.045)}.hero-vcard span,.hero-vcard b{display:block}.hero-vcard span{font-size:.55rem;color:rgba(255,255,255,.62);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-vcard b{font-size:.76rem;color:#dff7ff;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero-agents .hero-vcards{grid-template-columns:repeat(3,1fr)}.hero-security .visual-core{background:linear-gradient(145deg,#0b5b53,#22a56b)}.hero-finance .visual-core{background:linear-gradient(145deg,#68460c,#d19b25)}.hero-safety .visual-core{background:linear-gradient(145deg,#62255c,#a84497)}.hero-maintenance .visual-core{background:linear-gradient(145deg,#23436e,#3376b4)}.hero-fuel .visual-core{background:linear-gradient(145deg,#65410e,#d47e20)}.hero-government .visual-core,.hero-terms .visual-core{background:linear-gradient(145deg,#343a63,#666eb5)}
@media(max-width:1180px){.home-hero-inner{padding-right:0;grid-template-columns:.9fr 1.1fr}.hero-action-rail{display:none}.hero-security-badge{right:22px!important}.operating-gap-edge{grid-template-columns:1fr 1fr}.gap-reasons{grid-column:1/-1}.operating-gap-image{height:230px}}
@media(max-width:900px){.home-hero{height:auto;min-height:100svh;padding:112px 0 28px}.home-hero-inner{grid-template-columns:1fr;gap:28px}.home-hero-copy{padding-bottom:0}.command-window{max-width:760px;margin:auto}.hero-statbar-centered{position:relative!important;left:auto!important;bottom:auto!important;transform:none!important;width:100%!important;margin-top:4px!important;grid-column:1/-1}.hero-security-badge{position:relative!important;right:auto!important;bottom:auto!important;grid-column:1/-1;justify-self:end}.operating-gap-edge{width:calc(100% - 24px);margin:0 12px 12px;grid-template-columns:1fr}.gap-reasons{grid-template-columns:repeat(2,1fr)}.gap-reasons article:nth-child(odd){border-left:0}.hero-visual-unique{height:460px;min-height:0;max-width:720px;margin-inline:auto}.page-hero-grid{gap:36px}}
@media(max-width:620px){.home-hero{padding-top:96px}.home-hero h1{font-size:clamp(2.55rem,12vw,3.75rem)}.hero-statbar-centered{grid-template-columns:1fr 1fr!important}.hero-statbar-centered>div{border-bottom:1px solid rgba(255,255,255,.1)}.hero-security-badge{justify-self:stretch;justify-content:center}.operating-gap-edge{padding:14px;gap:16px;border-radius:18px}.operating-gap-image{height:190px}.gap-reasons{grid-template-columns:1fr 1fr}.gap-reasons article{padding:10px 8px}.hero-visual-unique{height:390px;padding:13px}.hero-visual-stage{height:59%}.visual-core{width:130px;height:130px}.visual-core .material-symbols-rounded{font-size:34px}.orbit-a{width:250px;height:250px}.orbit-b{width:175px;height:175px}.hero-vcards{grid-template-columns:1fr 1fr}.hero-agents .hero-vcards{grid-template-columns:1fr 1fr}.hero-vcard{padding:8px}.page-hero,.route-page-hero{height:auto!important;min-height:100svh!important;padding:112px 0 48px!important}.page-hero-grid,.route-page-grid{height:auto!important;min-height:0!important}.page-hero-grid>div:first-child,.route-page-grid>div:first-child{padding-inline:0}}

/* === APPROVED HOME HERO + RESPONSIVE PAGE VISUAL QA === */
.home-hero{position:relative;padding:0!important;min-height:0!important;background:#031226!important;overflow:hidden}
.approved-hero-desktop{position:relative;width:100%;margin:0 auto;background:#031226}
.approved-hero-desktop>img{display:block;width:100%;height:auto;max-height:calc(100svh - 2px);object-fit:contain;object-position:center top;background:#031226}
.hero-hotspot{position:absolute;display:block;border-radius:12px;z-index:5}
.hotspot-demo{left:2.7%;top:46.2%;width:14.8%;height:5.4%}.hotspot-platform{left:18.2%;top:46.2%;width:12.2%;height:5.4%}.hotspot-command{left:41.8%;top:8.8%;width:47%;height:59%}.hotspot-agents{left:25%;top:67%;width:16%;height:6%}
.home-mobile-layout{display:none!important}
.approved-gap-section{padding:0!important;background:#04172f;overflow:hidden}
.approved-gap-desktop{width:100%;padding:0 1.8% 1.4%;background:#04172f}
.approved-gap-desktop img{display:block;width:100%;height:auto;border-radius:0 0 20px 20px}
.gap-mobile-layout{display:none!important}

/* generous, consistent page gutters */
.page-hero>.container,.route-page-hero>.container{width:min(1320px,calc(100% - clamp(48px,8vw,144px)))!important;margin-inline:auto!important}
.page-hero-grid,.route-page-grid{gap:clamp(44px,6vw,88px)!important}
.page-hero-grid>*,.route-page-grid>*{min-width:0}

/* Purpose-specific cinematic hero graphics */
.hero-visual-unique{isolation:isolate;background:#061a38!important;border-color:rgba(116,205,246,.22)!important}
.hero-visual-unique:before{content:"";position:absolute;inset:0;z-index:-3;background-size:cover;background-position:center;opacity:.52;filter:saturate(1.08) contrast(1.04)}
.hero-visual-unique:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(2,16,39,.18),rgba(2,18,42,.88) 76%),linear-gradient(90deg,rgba(2,17,40,.5),transparent 58%)}
.hero-fleet:before,.hero-dispatch:before,.hero-logistics:before,.hero-fmcg:before,.hero-corporate:before{background-image:url('assets/visuals/operations-tablet.jpg')}
.hero-maintenance:before,.hero-fuel:before,.hero-rental:before,.hero-manufacturing:before{background-image:url('assets/visuals/ai-truck.jpg')}
.hero-brain:before,.hero-agents:before,.hero-industries:before,.hero-logistics:before{background-image:url('assets/visuals/route-network-clean.jpg')}
.hero-security:before,.hero-integrations:before,.hero-deployment:before,.hero-layers:before,.hero-engineering:before,.hero-government:before{background-image:url('assets/visuals/enterprise-platform-concept.jpg')}
.hero-finance:before,.hero-faq:before,.hero-contact:before{background-image:url('assets/visuals/route-network.jpg')}
.hero-visual-top,.hero-vcards{position:relative;z-index:3}
.hero-visual-stage{position:relative;z-index:2;background:rgba(2,19,45,.34)!important;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(3px)}
.hero-visual-stage .visual-gridlines{opacity:.5}
.visual-core{box-shadow:0 18px 55px rgba(0,0,0,.38),0 0 0 1px rgba(111,218,255,.2),0 0 42px rgba(24,156,223,.24)!important;backdrop-filter:blur(10px)}
.hero-vcard{background:rgba(2,24,53,.72)!important;backdrop-filter:blur(10px);border-color:rgba(127,214,250,.2)!important}
.hero-visual-unique[data-page-visual="ai-agents"] .hero-visual-stage:after{content:"6 AGENTS • ADVISORY → AUTOMATION";position:absolute;left:50%;bottom:12px;transform:translateX(-50%);white-space:nowrap;padding:8px 13px;border-radius:999px;background:rgba(3,31,64,.78);border:1px solid rgba(82,222,156,.35);color:#9ff0c4;font-size:.62rem;font-weight:800;letter-spacing:.08em}
.hero-visual-unique[data-page-visual="security"] .hero-visual-stage:after{content:"SIGNED SIGNALS • TAMPER-EVIDENT RECORDS";position:absolute;left:50%;bottom:12px;transform:translateX(-50%);white-space:nowrap;padding:8px 13px;border-radius:999px;background:rgba(3,31,64,.8);border:1px solid rgba(82,222,156,.35);color:#a9f0ca;font-size:.6rem;font-weight:800}

@media(max-width:900px){
 .approved-hero-desktop{display:none}.home-mobile-layout{display:grid!important;padding:126px 0 54px}
 .approved-gap-desktop{display:none}.gap-mobile-layout{display:grid!important;margin:0 14px 40px!important}
 .page-hero>.container,.route-page-hero>.container{width:min(100% - 32px,760px)!important}
 .page-hero{padding-top:124px!important;padding-bottom:56px!important}
 .page-hero-grid,.route-page-grid{gap:30px!important}
 .hero-visual-unique{width:100%;max-width:100%!important}
}
@media(max-width:600px){
 .page-hero>.container,.route-page-hero>.container{width:calc(100% - 24px)!important}
 .page-hero{padding-top:110px!important;padding-bottom:42px!important}
 .home-mobile-layout{padding:112px 0 38px}
 .gap-mobile-layout{margin-inline:10px!important;border-radius:18px!important}
 .hero-visual-unique{height:350px!important;border-radius:20px!important}
 .hero-vcards{gap:6px!important}.hero-vcard span{font-size:.5rem!important}.hero-vcard b{font-size:.68rem!important}
}
@media(min-width:901px) and (max-height:820px){
 .approved-hero-desktop>img{height:100svh;width:100%;object-fit:contain}
 .page-hero{padding-top:112px!important;padding-bottom:36px!important}
 .page-hero-grid{min-height:calc(100svh - 148px)!important}
 .hero-visual-unique{height:min(52vh,430px)!important;min-height:360px!important}
}


/* ===== 2026 final visual and responsive correction ===== */
body{overflow-x:hidden}
.home-hero{position:relative!important;min-height:100svh!important;height:auto!important;padding:clamp(104px,11vh,136px) 0 clamp(24px,4vh,48px)!important;background:#031126 url('assets/visuals/home-hero-network.jpg') center/cover no-repeat!important;overflow:hidden!important}
.home-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,13,34,.96) 0%,rgba(2,16,40,.78) 39%,rgba(2,18,43,.38) 68%,rgba(2,15,37,.55) 100%),linear-gradient(180deg,rgba(1,10,27,.22),rgba(1,10,27,.72));z-index:0;pointer-events:none}
.home-hero-bg,.approved-hero-desktop{display:none!important}
.home-live-layout{position:relative;z-index:2;display:grid!important;grid-template-columns:minmax(0,.84fr) minmax(540px,1.16fr);gap:clamp(28px,4vw,62px);align-items:center;width:min(1500px,calc(100% - clamp(40px,6vw,112px)))!important;margin-inline:auto!important}
.home-hero-copy{padding:0!important;align-self:center}
.home-hero h1{font-size:clamp(3.15rem,5.45vw,6.2rem)!important;max-width:760px;margin-bottom:22px!important}
.home-hero .hero-sub{max-width:610px;font-size:clamp(.97rem,1.05vw,1.14rem)}
.hero-kicker{display:inline-flex!important;max-width:100%;padding:9px 15px!important;border-radius:999px!important;background:rgba(2,22,52,.72)!important;border:1px solid rgba(84,187,236,.3)!important;box-shadow:0 0 24px rgba(42,159,226,.12);font-size:clamp(.61rem,.7vw,.76rem)!important;letter-spacing:.12em!important;white-space:normal!important}
.command-window{width:100%;max-width:800px;margin-left:auto;background:rgba(3,24,52,.91)!important;backdrop-filter:blur(15px);border-color:rgba(121,206,246,.22)!important;box-shadow:0 34px 90px rgba(0,0,0,.42)!important}
.hero-statbar-centered{position:relative!important;grid-column:1/-1!important;left:auto!important;bottom:auto!important;transform:none!important;width:min(980px,78%)!important;margin:clamp(16px,2.3vh,28px) auto 0!important;z-index:5;display:grid!important;grid-template-columns:repeat(4,1fr)!important;background:rgba(3,27,58,.87)!important;backdrop-filter:blur(14px)}
.hero-security-badge{position:relative!important;grid-column:1/-1!important;right:auto!important;bottom:auto!important;justify-self:end!important;margin-top:-65px!important;margin-right:0!important;z-index:6;background:rgba(3,25,53,.9)!important}
.hero-action-rail{right:clamp(12px,1.5vw,28px)!important}
.operating-gap-section{padding:clamp(12px,2vw,28px)!important;background:#06172f!important}
.operating-gap-panel.operating-gap-edge{width:calc(100% - clamp(24px,3.2vw,56px))!important;max-width:none!important;margin:0 auto!important;border-radius:26px!important;padding:clamp(16px,2.2vw,30px)!important;grid-template-columns:minmax(260px,.82fr) minmax(290px,.62fr) minmax(500px,1.5fr)!important;gap:clamp(20px,2.5vw,42px)!important}
.operating-gap-image{height:clamp(250px,25vw,375px)!important;border-radius:18px!important;overflow:hidden}
.operating-gap-image img{width:100%;height:100%;object-fit:cover;object-position:center 58%}
.operating-gap-copy h2{font-size:clamp(2rem,2.65vw,3.35rem)!important}

/* Internal hero: clean, simple, page-specific information graphic */
.page-hero,.route-page-hero{min-height:100svh!important;height:auto!important;padding:clamp(112px,13vh,148px) 0 clamp(48px,7vh,78px)!important;display:flex;align-items:center}
.page-hero>.container,.route-page-hero>.container{width:min(1360px,calc(100% - clamp(40px,7vw,128px)))!important;margin-inline:auto!important}
.page-hero-grid,.route-page-grid{grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr)!important;gap:clamp(42px,6vw,92px)!important;align-items:center!important}
.page-hero-grid>div:first-child,.route-page-grid>div:first-child{padding-inline:0!important}
.hero-trust-chips{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0 26px}
.hero-trust-chips span{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid rgba(115,207,247,.2);border-radius:999px;background:rgba(255,255,255,.055);font-size:.72rem;font-weight:700;color:#c8eefe}
.hero-trust-chips i{font-style:normal;font-size:17px;color:#59d798}
.hero-visual-unique.simple-topic-visual{height:clamp(400px,49vh,520px)!important;min-height:400px!important;padding:18px!important;border-radius:24px!important;background:linear-gradient(145deg,#071c3a,#0b3868)!important;box-shadow:0 32px 85px rgba(0,0,0,.32)!important}
.hero-visual-unique.simple-topic-visual:before{opacity:.12!important;filter:blur(1px) saturate(.65)!important}
.hero-visual-unique.simple-topic-visual:after{background:linear-gradient(145deg,rgba(3,19,44,.3),rgba(3,23,50,.86))!important}
.simple-topic-visual .hero-visual-top{position:relative;z-index:4;padding:5px 5px 15px!important}
.simple-topic-visual .hero-visual-stage{height:64%!important;margin:14px 0 12px!important;background:linear-gradient(145deg,rgba(7,31,66,.92),rgba(8,57,97,.72))!important;border:1px solid rgba(113,207,248,.17)!important;box-shadow:inset 0 0 50px rgba(19,132,204,.08)}
.simple-topic-visual .visual-gridlines{opacity:.32!important;background-size:34px 34px!important}
.simple-topic-visual .visual-orbit{display:none!important}
.simple-topic-visual .visual-core{width:176px!important;height:176px!important;background:linear-gradient(145deg,#0d4b8b,#159cca)!important;box-shadow:0 0 0 18px rgba(38,164,221,.07),0 0 55px rgba(30,168,222,.32)!important}
.simple-topic-visual .visual-core .material-symbols-rounded{font-size:48px!important}
.simple-topic-visual .visual-route{height:2px!important;opacity:.82}
.simple-topic-visual .vr1{width:45%!important;left:3%!important;top:31%!important}.simple-topic-visual .vr2{width:45%!important;right:3%!important;bottom:30%!important}
.simple-topic-visual .hero-vcards{position:relative;z-index:4;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
.simple-topic-visual .hero-vcard{padding:10px!important;background:rgba(3,26,55,.83)!important}
.topic-foundation-ribbon{position:absolute;left:50%;bottom:7px;transform:translateX(-50%);z-index:5;width:max-content;max-width:calc(100% - 30px);padding:7px 12px;border-radius:999px;border:1px solid rgba(80,221,151,.25);background:rgba(2,22,47,.86);color:#a8edca;font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
/* Visual accent by topic, still clean and consistent */
.hero-security .visual-core{background:linear-gradient(145deg,#0a574f,#21a56c)!important}.hero-finance .visual-core{background:linear-gradient(145deg,#74500d,#d4a233)!important}.hero-safety .visual-core{background:linear-gradient(145deg,#64265f,#aa4ba0)!important}.hero-maintenance .visual-core{background:linear-gradient(145deg,#29446d,#3f79b8)!important}.hero-fuel .visual-core{background:linear-gradient(145deg,#714310,#dc8127)!important}.hero-agents .visual-core,.hero-brain .visual-core{background:linear-gradient(145deg,#173e86,#735fd5)!important}.hero-integrations .visual-core,.hero-layers .visual-core{background:linear-gradient(145deg,#075786,#13a3b8)!important}

@media(max-width:1180px){
 .home-live-layout{grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr);width:min(100% - 48px,1240px)!important;gap:30px}
 .home-hero h1{font-size:clamp(3rem,5vw,4.8rem)!important}.command-window{transform:scale(.95);transform-origin:right center}
 .hero-statbar-centered{width:88%!important}.operating-gap-panel.operating-gap-edge{grid-template-columns:1fr 1fr!important}.gap-reasons{grid-column:1/-1!important}.operating-gap-image{height:270px!important}
 .page-hero-grid,.route-page-grid{grid-template-columns:minmax(0,.9fr) minmax(390px,1.1fr)!important;gap:42px!important}
}
@media(max-width:900px){
 .home-hero{min-height:auto!important;padding:112px 0 34px!important}.home-live-layout{grid-template-columns:1fr!important;width:min(100% - 32px,760px)!important}.home-hero-copy{text-align:left}.command-window{transform:none!important;margin:0 auto!important}.hero-statbar-centered{width:100%!important;margin-top:10px!important}.hero-security-badge{margin:10px 0 0!important;justify-self:center!important}.hero-action-rail{display:none!important}
 .operating-gap-panel.operating-gap-edge{width:calc(100% - 24px)!important;grid-template-columns:1fr!important}.gap-reasons{grid-template-columns:repeat(2,1fr)!important}
 .page-hero,.route-page-hero{min-height:auto!important;padding:116px 0 56px!important}.page-hero>.container,.route-page-hero>.container{width:min(100% - 36px,760px)!important}.page-hero-grid,.route-page-grid{grid-template-columns:1fr!important;gap:32px!important}.hero-visual-unique.simple-topic-visual{height:430px!important;min-height:0!important;width:100%!important}
}
@media(max-width:620px){
 .home-live-layout{width:calc(100% - 24px)!important}.home-hero h1{font-size:clamp(2.55rem,11vw,3.7rem)!important}.hero-actions{flex-direction:column!important}.hero-actions .button{width:100%!important}.hero-statbar-centered{grid-template-columns:1fr 1fr!important}.hero-statbar-centered>div{min-height:78px}.command-window{padding:12px!important}.command-kpis{grid-template-columns:1fr 1fr!important}.command-grid{grid-template-columns:1fr!important}.command-map{min-height:210px}.command-agent-feed{display:none}
 .operating-gap-panel.operating-gap-edge{padding:14px!important}.operating-gap-image{height:210px!important}.gap-reasons{grid-template-columns:1fr 1fr!important}.gap-reasons article{padding:10px 7px!important}
 .page-hero>.container,.route-page-hero>.container{width:calc(100% - 24px)!important}.hero-visual-unique.simple-topic-visual{height:370px!important;padding:12px!important}.simple-topic-visual .hero-visual-stage{height:58%!important}.simple-topic-visual .visual-core{width:126px!important;height:126px!important}.simple-topic-visual .visual-core .material-symbols-rounded{font-size:34px!important}.simple-topic-visual .hero-vcards{grid-template-columns:1fr 1fr!important}.topic-foundation-ribbon{font-size:.47rem!important;letter-spacing:.04em!important}
}
@media(max-height:780px) and (min-width:901px){
 .home-hero{padding-top:96px!important;padding-bottom:18px!important}.home-hero h1{font-size:clamp(2.8rem,4.5vw,4.6rem)!important}.home-hero .hero-sub{font-size:.94rem!important;margin-bottom:16px!important}.home-hero .hero-actions{margin:22px 0!important}.command-window{transform:scale(.88);transform-origin:right center}.hero-statbar-centered{margin-top:-20px!important}.hero-security-badge{margin-top:-60px!important}
 .page-hero,.route-page-hero{padding-top:104px!important;padding-bottom:34px!important}.hero-visual-unique.simple-topic-visual{height:390px!important;min-height:360px!important}
}

/* ===== HOME HERO FINAL RESPONSIVE REBUILD ===== */
.home-hero{
  position:relative!important;
  min-height:100svh!important;
  height:100svh!important;
  padding:clamp(88px,10vh,112px) 0 clamp(14px,2vh,24px)!important;
  display:flex!important;
  align-items:stretch!important;
  overflow:hidden!important;
  background:#031126 url('assets/visuals/home-hero-connected-fleet.jpg') center center/cover no-repeat!important;
}
.home-hero::before{
  content:""!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(1,10,27,.97) 0%,rgba(1,14,35,.88) 32%,rgba(1,17,42,.58) 57%,rgba(1,12,31,.65) 100%),
    linear-gradient(180deg,rgba(1,9,24,.25),rgba(1,10,27,.73))!important;
}
.home-hero::after{content:""!important;position:absolute!important;inset:auto 0 0!important;height:32%!important;background:linear-gradient(transparent,#031126)!important;z-index:0!important;pointer-events:none!important}
.home-live-layout{
  position:relative!important;z-index:2!important;
  width:min(1480px,calc(100% - clamp(44px,6vw,112px)))!important;
  height:100%!important;margin:auto!important;
  display:grid!important;
  grid-template-columns:minmax(380px,.83fr) minmax(560px,1.17fr)!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  column-gap:clamp(28px,3.6vw,64px)!important;
  row-gap:clamp(10px,1.5vh,18px)!important;
  align-items:center!important;
}
.home-hero-copy{min-width:0!important;align-self:center!important;padding:0!important;position:relative!important;z-index:3!important}
.home-hero .hero-kicker{font-size:clamp(.56rem,.64vw,.72rem)!important;line-height:1.2!important;padding:7px 12px!important;margin-bottom:clamp(12px,1.5vh,20px)!important;max-width:100%!important}
.home-hero h1{font-size:clamp(2.75rem,4.35vw,5.15rem)!important;line-height:.98!important;letter-spacing:-.052em!important;margin:0 0 clamp(14px,1.7vh,22px)!important;max-width:690px!important}
.home-hero-copy>p{font-size:clamp(.88rem,.95vw,1.05rem)!important;line-height:1.55!important;max-width:560px!important;margin:0!important;color:rgba(255,255,255,.78)!important}
.home-hero .hero-actions{display:flex!important;gap:12px!important;margin:clamp(18px,2.4vh,28px) 0 0!important;flex-wrap:wrap!important}
.home-hero .button{padding:clamp(12px,1.4vh,16px) clamp(17px,1.7vw,25px)!important;font-size:clamp(.78rem,.86vw,.94rem)!important}
.command-window{
  align-self:center!important;min-width:0!important;width:100%!important;max-height:calc(100svh - clamp(130px,17vh,185px))!important;
  overflow:hidden!important;padding:clamp(12px,1.25vw,18px)!important;border-radius:20px!important;
  background:rgba(2,22,49,.9)!important;backdrop-filter:blur(16px)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.42)!important;
}
.command-head{padding-bottom:10px!important}.command-kpis{gap:0!important;margin-bottom:10px!important}.command-kpis>div{padding:10px 8px!important}.command-kpis b{font-size:clamp(1rem,1.35vw,1.45rem)!important}.command-kpis small{font-size:clamp(.5rem,.56vw,.64rem)!important}
.command-main{gap:10px!important}.ops-list,.route-map{min-height:clamp(155px,21vh,230px)!important}.ops-list{padding:12px!important}.ops-list h3,.agent-feed h3{font-size:.78rem!important;margin-bottom:8px!important}.ops-list article{padding:7px 0!important;font-size:clamp(.55rem,.61vw,.68rem)!important}.route-map{background-size:cover!important}
.agent-feed{padding:11px 13px!important;margin-top:10px!important}.agent-feed p{font-size:clamp(.51rem,.57vw,.64rem)!important;padding:5px 0!important;line-height:1.35!important}.agent-feed time{width:42px!important}
.hero-statbar-centered{
  position:relative!important;grid-column:1/3!important;grid-row:2!important;left:auto!important;bottom:auto!important;transform:none!important;
  width:min(920px,72%)!important;margin:0 auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
  z-index:5!important;border-radius:14px!important;
}
.hero-statbar-centered>div{min-width:0!important;padding:10px 13px!important;grid-template-columns:32px 1fr!important;column-gap:8px!important}.hero-statbar-centered .stat-icon{width:31px!important;height:31px!important;font-size:18px!important}.hero-statbar-centered b{font-size:clamp(.75rem,.85vw,.95rem)!important;white-space:nowrap!important}.hero-statbar-centered small{font-size:clamp(.48rem,.52vw,.58rem)!important;white-space:nowrap!important}
.hero-security-badge{position:absolute!important;right:0!important;bottom:0!important;margin:0!important;padding:10px 13px!important;font-size:clamp(.68rem,.76vw,.84rem)!important;z-index:6!important}
.hero-action-rail{right:clamp(8px,1.15vw,18px)!important;top:50%!important;transform:translateY(-45%)!important;gap:8px!important}.hero-action-rail a{width:64px!important;min-height:68px!important;padding:9px 5px!important;font-size:.62rem!important}

@media (max-width:1180px){
  .home-live-layout{width:min(100% - 40px,1120px)!important;grid-template-columns:minmax(330px,.82fr) minmax(510px,1.18fr)!important;column-gap:28px!important}
  .home-hero h1{font-size:clamp(2.7rem,4.35vw,4.25rem)!important}.command-window{max-height:calc(100svh - 155px)!important}
  .hero-action-rail{display:none!important}.hero-statbar-centered{width:86%!important}.hero-security-badge{right:0!important}
}
@media (max-width:920px){
  .home-hero{height:auto!important;min-height:100svh!important;padding:102px 0 28px!important;background-position:58% center!important}
  .home-live-layout{width:min(100% - 32px,760px)!important;height:auto!important;grid-template-columns:1fr!important;grid-template-rows:auto!important;gap:24px!important}
  .home-hero-copy,.command-window{grid-column:1!important}.command-window{max-height:none!important}
  .hero-statbar-centered{grid-column:1!important;grid-row:auto!important;width:100%!important;margin:0!important}
  .hero-security-badge{position:relative!important;right:auto!important;bottom:auto!important;justify-self:center!important;margin-top:-10px!important}
  .home-hero h1{font-size:clamp(3rem,8vw,4.8rem)!important;max-width:720px!important}.home-hero-copy>p{max-width:650px!important}
}
@media (max-width:620px){
  .home-hero{padding:92px 0 22px!important;background-position:62% center!important}
  .home-live-layout{width:calc(100% - 24px)!important;gap:18px!important}.home-hero h1{font-size:clamp(2.45rem,11vw,3.55rem)!important}
  .home-hero .hero-kicker{border-radius:14px!important;font-size:.55rem!important}.home-hero .hero-actions{flex-direction:column!important}.home-hero .hero-actions .button{width:100%!important}
  .command-window{padding:10px!important;border-radius:16px!important}.command-kpis{grid-template-columns:1fr 1fr!important}.command-main{grid-template-columns:1fr!important}.route-map{min-height:190px!important}.agent-feed{display:none!important}
  .hero-statbar-centered{grid-template-columns:1fr 1fr!important}.hero-statbar-centered>div{min-height:68px!important}.hero-security-badge{width:100%!important;justify-content:center!important}
}
@media (min-width:921px) and (max-height:760px){
  .home-hero{padding-top:82px!important;padding-bottom:10px!important}.home-live-layout{width:min(1420px,calc(100% - 52px))!important;row-gap:6px!important}
  .home-hero .hero-kicker{margin-bottom:9px!important;padding:6px 10px!important}.home-hero h1{font-size:clamp(2.55rem,4vw,3.9rem)!important;margin-bottom:10px!important}.home-hero-copy>p{font-size:.82rem!important;line-height:1.42!important}.home-hero .hero-actions{margin-top:13px!important}
  .command-window{max-height:calc(100svh - 104px)!important;padding:10px!important}.command-kpis>div{padding:7px!important}.ops-list,.route-map{min-height:150px!important}.agent-feed p{padding:3px 0!important}.hero-statbar-centered{width:70%!important}.hero-statbar-centered>div{padding:7px 10px!important}.hero-security-badge{padding:7px 10px!important}
}

/* ===== AUG 2026 precision corrections ===== */
/* Home background supplied by product owner */
.home-hero{
  background-image:url('assets/visuals/home-hero-connected-fleet.jpg')!important;
  background-position:center center!important;
  background-size:cover!important;
}

/* Reserve a true gutter between the FleexoCommand panel and the quick actions. */
@media (min-width:1181px){
  .home-live-layout{
    width:min(1390px,calc(100% - 150px))!important;
    transform:translateX(-26px);
  }
  .command-window{max-width:760px!important;margin-right:34px!important}
  .hero-action-rail{right:24px!important;gap:12px!important}
  .hero-action-rail a{width:70px!important;min-height:72px!important}
}
@media (min-width:1181px) and (max-width:1450px){
  .home-live-layout{width:calc(100% - 138px)!important;transform:translateX(-18px)}
  .command-window{margin-right:28px!important}
}

/* The Operating Gap is real HTML text at every breakpoint; never swap it for a screenshot. */
.approved-gap-desktop{display:none!important}
.operating-gap-panel.operating-gap-edge{display:grid!important}
.operating-gap-copy,.gap-reasons,.gap-reasons article{position:relative;z-index:2}
.operating-gap-copy h2,.operating-gap-copy p,.gap-reasons b,.gap-reasons p{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
.operating-gap-copy h2{color:#0b1730!important}
.operating-gap-copy p,.gap-reasons p{color:#617087!important}
.gap-reasons b{color:#0b1730!important}

/* Internal-page visual cards must not inherit social artwork or any embedded/cut-off text. */
.hero-visual-unique:before,
.hero-visual-unique.simple-topic-visual:before{display:none!important;background-image:none!important;content:none!important}
.hero-visual-unique.simple-topic-visual{
  background:
    radial-gradient(circle at 50% 42%,rgba(32,155,218,.18),transparent 38%),
    linear-gradient(145deg,#061a38,#0a315e)!important;
}
.simple-topic-visual .visual-route{display:none!important}
.simple-topic-visual .hero-visual-stage{
  background:
    linear-gradient(rgba(51,153,211,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(51,153,211,.055) 1px,transparent 1px),
    linear-gradient(145deg,rgba(7,31,66,.96),rgba(8,57,97,.8))!important;
  background-size:32px 32px,32px 32px,auto!important;
}

/* Robust home hero scaling without component collision. */
@media (max-width:1180px){
  .home-live-layout{transform:none!important}
  .command-window{margin-right:auto!important}
}
@media (max-width:900px){
  .home-hero{height:auto!important;min-height:100svh!important;overflow:visible!important}
}


/* === Homepage structure update: live hero background + relocated FleexoCommand === */
.home-hero{
  min-height:100svh!important;
  display:flex!important;
  align-items:center!important;
  padding:96px 0 26px!important;
  background-image:
    linear-gradient(90deg,rgba(2,12,31,.90) 0%,rgba(2,15,37,.67) 40%,rgba(2,14,34,.24) 72%,rgba(2,13,32,.12) 100%),
    linear-gradient(180deg,rgba(2,12,31,.18),rgba(2,12,31,.46)),
    url('assets/visuals/GoFleexo-Hero-Background.jpg')!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
.home-hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:radial-gradient(circle at 72% 42%,rgba(22,133,232,.08),transparent 33%)!important;
  pointer-events:none!important;
  z-index:0!important;
}
.hero-copy-layout{
  position:relative!important;
  z-index:2!important;
  width:min(1480px,calc(100% - clamp(40px,6vw,110px)))!important;
  margin-inline:auto!important;
  display:grid!important;
  grid-template-columns:minmax(420px,650px) 1fr!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:clamp(30px,5vw,86px)!important;
}
.hero-copy-layout .home-hero-copy{grid-column:1;max-width:650px!important}
.hero-copy-layout .hero-statbar-centered{grid-column:1/-1!important;width:min(920px,76%)!important;justify-self:center!important;margin-top:clamp(22px,4vh,44px)!important}
.hero-copy-layout .hero-security-badge{right:clamp(0px,1vw,18px)!important;bottom:0!important}
.home-hero-bg{display:none!important}

.operating-gap-image img{
  object-position:center center!important;
}

.beyond-command{
  margin-top:42px!important;
  margin-bottom:34px!important;
  display:grid!important;
  grid-template-columns:minmax(250px,.42fr) minmax(560px,1.58fr)!important;
  gap:34px!important;
  align-items:center!important;
}
.beyond-command-heading h3{font-size:clamp(1.6rem,2vw,2.35rem);margin-bottom:12px}
.beyond-command-heading p{color:var(--muted);margin:0}
.command-window-embedded{
  width:100%!important;
  max-width:none!important;
  max-height:none!important;
  transform:none!important;
  margin:0!important;
}

@media(max-width:1100px){
  .home-hero{min-height:auto!important;padding:118px 0 48px!important;background-position:62% center!important}
  .hero-copy-layout{grid-template-columns:1fr!important;width:min(860px,calc(100% - 48px))!important}
  .hero-copy-layout .home-hero-copy{grid-column:1!important;max-width:680px!important}
  .hero-copy-layout .hero-statbar-centered{grid-column:1!important;width:100%!important}
  .hero-copy-layout .hero-security-badge{position:relative!important;right:auto!important;bottom:auto!important;justify-self:start!important;margin-top:14px!important}
  .beyond-command{grid-template-columns:1fr!important}
}
@media(max-width:720px){
  .home-hero{padding:100px 0 30px!important;background-position:64% center!important}
  .hero-copy-layout{width:calc(100% - 28px)!important}
  .hero-copy-layout .hero-statbar-centered{grid-template-columns:1fr 1fr!important}
  .beyond-command{margin-top:28px!important;gap:20px!important}
  .command-window-embedded .command-main{grid-template-columns:1fr!important}
}
@media(max-height:800px) and (min-width:1101px){
  .home-hero{padding:82px 0 18px!important}
  .hero-copy-layout .hero-statbar-centered{margin-top:16px!important}
}

/* === Homepage centered command hero rebuild (2026-08-01) === */
.home-hero{
  position:relative!important;
  min-height:100svh!important;
  height:auto!important;
  padding:clamp(88px,9vh,118px) 0 clamp(22px,3vh,38px)!important;
  background:#031126 url('assets/visuals/GoFleexo-Hero-Background.jpg') center center/cover no-repeat!important;
  overflow:hidden!important;
}
.home-hero::before{
  content:""!important;
  position:absolute!important;inset:0!important;
  background:linear-gradient(180deg,rgba(2,12,31,.66) 0%,rgba(2,15,36,.28) 38%,rgba(2,13,31,.62) 100%)!important;
  pointer-events:none!important;z-index:0!important;
}
.home-hero::after{content:""!important;position:absolute!important;inset:auto 0 0!important;height:18%!important;background:linear-gradient(transparent,#031126)!important;z-index:0!important;pointer-events:none!important}
.home-hero-centered{position:relative!important;z-index:2!important;width:min(1480px,calc(100% - 64px))!important;margin:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:clamp(12px,1.55vh,20px)!important}
.home-hero-copy-centered{text-align:center!important;max-width:980px!important;margin:0 auto!important;padding:0!important}
.home-hero-copy-centered .hero-kicker{display:inline-flex!important;margin:0 auto clamp(10px,1.2vh,16px)!important}
.home-hero-copy-centered h1{font-size:clamp(2.65rem,4.15vw,5.1rem)!important;line-height:.98!important;max-width:980px!important;margin:0 auto clamp(10px,1.2vh,15px)!important;letter-spacing:-.052em!important}
.home-hero-copy-centered>p{font-size:clamp(.84rem,.95vw,1.05rem)!important;line-height:1.48!important;max-width:760px!important;margin:0 auto!important;color:rgba(255,255,255,.82)!important}
.hero-command-wrap{width:min(760px,66vw)!important;margin:0 auto!important;position:relative!important}
.hero-command-center{width:100%!important;max-width:none!important;margin:0 auto!important;padding:clamp(12px,1.3vw,18px)!important;border-radius:18px!important;background:rgba(2,22,49,.94)!important;border:1px solid rgba(120,190,255,.28)!important;box-shadow:0 24px 70px rgba(0,0,0,.42)!important;transform:none!important}
.hero-command-center .command-head{padding-bottom:8px!important}.hero-command-center .command-kpis>div{padding:9px 7px!important}.hero-command-center .command-kpis b{font-size:clamp(1rem,1.5vw,1.35rem)!important}.hero-command-center .command-kpis small{font-size:clamp(.48rem,.57vw,.64rem)!important}
.hero-command-center .command-main{gap:10px!important}.hero-command-center .ops-list,.hero-command-center .route-map{min-height:160px!important}.hero-command-center .agent-feed{margin-top:10px!important}.hero-command-center .agent-feed p{padding:3px 0!important;font-size:clamp(.56rem,.63vw,.7rem)!important}
.hero-command-actions{display:flex!important;justify-content:center!important;gap:12px!important;flex-wrap:wrap!important;margin-top:-2px!important}
.hero-command-actions .button{min-width:160px!important;padding:12px 18px!important;border-radius:10px!important;font-size:.82rem!important;gap:8px!important}
.button-dark{background:rgba(2,22,49,.82)!important;color:white!important;border:1px solid rgba(150,205,255,.35)!important;box-shadow:0 10px 25px rgba(0,0,0,.18)!important}
.button-dark:hover{background:rgba(10,51,95,.92)!important;transform:translateY(-2px)!important}
.hero-command-actions .material-symbols-rounded{font-size:20px!important}
.hero-statbar-home{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:min(980px,90%)!important;margin:0 auto!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;background:rgba(3,25,55,.88)!important;border:1px solid rgba(125,191,255,.22)!important;backdrop-filter:blur(14px)!important}
.hero-security-home{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;margin:0 auto!important;padding:8px 14px!important;font-size:.78rem!important}
.home-hero .hero-action-rail{display:none!important}

@media (max-width:1100px){
  .home-hero{min-height:auto!important;padding:96px 0 30px!important;background-position:56% center!important}
  .home-hero-centered{width:min(920px,calc(100% - 36px))!important}
  .hero-command-wrap{width:min(760px,92vw)!important}
  .hero-statbar-home{width:100%!important}
}
@media (max-width:760px){
  .home-hero{padding:86px 0 24px!important;background-position:57% center!important}
  .home-hero::before{background:linear-gradient(180deg,rgba(2,12,31,.84),rgba(2,15,36,.5) 48%,rgba(2,13,31,.78))!important}
  .home-hero-centered{width:calc(100% - 24px)!important;gap:14px!important}
  .home-hero-copy-centered h1{font-size:clamp(2.35rem,10.5vw,3.5rem)!important}
  .hero-command-wrap{width:100%!important;overflow:hidden!important}
  .hero-command-center{padding:10px!important}
  .hero-command-center .command-kpis{grid-template-columns:1fr 1fr!important}
  .hero-command-center .command-main{grid-template-columns:1fr!important}
  .hero-command-center .route-map{min-height:180px!important}
  .hero-command-center .agent-feed{display:none!important}
  .hero-command-actions{width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .hero-command-actions .button{width:100%!important;min-width:0!important}
  .hero-statbar-home{grid-template-columns:1fr 1fr!important;width:100%!important}
  .hero-statbar-home>div{min-height:72px!important}
}
@media (max-height:820px) and (min-width:1101px){
  .home-hero{padding-top:74px!important;padding-bottom:14px!important}
  .home-hero-centered{gap:8px!important}
  .home-hero-copy-centered .hero-kicker{margin-bottom:6px!important;padding:5px 10px!important}
  .home-hero-copy-centered h1{font-size:clamp(2.2rem,3.4vw,3.65rem)!important;margin-bottom:6px!important}
  .home-hero-copy-centered>p{font-size:.77rem!important;line-height:1.35!important}
  .hero-command-wrap{width:min(690px,62vw)!important}
  .hero-command-center{padding:9px!important}
  .hero-command-center .command-kpis>div{padding:5px!important}
  .hero-command-center .ops-list,.hero-command-center .route-map{min-height:126px!important}
  .hero-command-center .agent-feed p{font-size:.51rem!important;line-height:1.2!important}
  .hero-command-actions .button{padding:8px 14px!important;font-size:.72rem!important}
  .hero-statbar-home>div{padding:6px 9px!important;min-height:50px!important}
  .hero-security-home{padding:5px 10px!important;font-size:.7rem!important}
}


/* === Viewport-fit homepage hero refinement (2026-08-02) === */
.home-hero-copy-centered h1 > span,
.home-hero-copy-centered h1 > em{white-space:nowrap!important}

@media (min-width:1101px){
  .home-hero{
    height:100svh!important;
    min-height:640px!important;
    max-height:100svh!important;
    padding:clamp(68px,8.2vh,88px) 0 clamp(8px,1.4vh,16px)!important;
    display:flex!important;
    align-items:center!important;
  }
  .home-hero-centered{
    height:100%!important;
    justify-content:center!important;
    gap:clamp(5px,.75vh,9px)!important;
  }
  .home-hero-copy-centered .hero-kicker{
    margin-bottom:clamp(3px,.55vh,7px)!important;
    padding:5px 10px!important;
    font-size:clamp(.52rem,.58vw,.66rem)!important;
  }
  .home-hero-copy-centered h1{
    max-width:1200px!important;
    font-size:clamp(2.55rem,3.25vw,4.2rem)!important;
    line-height:1.01!important;
    margin:0 auto clamp(4px,.65vh,8px)!important;
    letter-spacing:-.045em!important;
  }
  .home-hero-copy-centered>p{
    max-width:820px!important;
    font-size:clamp(.72rem,.78vw,.9rem)!important;
    line-height:1.36!important;
  }
  .hero-command-wrap{width:min(700px,58vw)!important}
  .hero-command-center{padding:clamp(8px,.75vw,12px)!important;border-radius:15px!important}
  .hero-command-center .command-head{padding-bottom:5px!important;font-size:.83rem!important}
  .hero-command-center .command-kpis>div{padding:5px 5px!important}
  .hero-command-center .command-kpis b{font-size:clamp(.94rem,1.12vw,1.15rem)!important}
  .hero-command-center .command-kpis small{font-size:clamp(.43rem,.48vw,.55rem)!important}
  .hero-command-center .command-main{gap:7px!important}
  .hero-command-center .ops-list,
  .hero-command-center .route-map{min-height:118px!important;height:118px!important}
  .hero-command-center .ops-list{padding:8px!important}
  .hero-command-center .ops-list h3,
  .hero-command-center .agent-feed h3{font-size:.72rem!important;margin-bottom:4px!important}
  .hero-command-center .ops-list article{padding:3px 0!important;font-size:.53rem!important}
  .hero-command-center .agent-feed{margin-top:6px!important;padding:7px 9px!important}
  .hero-command-center .agent-feed p{padding:2px 0!important;font-size:clamp(.46rem,.49vw,.56rem)!important;line-height:1.16!important}
  .hero-command-actions{gap:8px!important;margin-top:0!important}
  .hero-command-actions .button{min-width:145px!important;padding:8px 13px!important;font-size:.7rem!important}
  .hero-command-actions .material-symbols-rounded{font-size:17px!important}
  .hero-statbar-home{width:min(900px,78%)!important}
  .hero-statbar-home>div{min-height:47px!important;padding:5px 8px!important}
  .hero-statbar-home b{font-size:.88rem!important}
  .hero-statbar-home small{font-size:.52rem!important}
  .hero-statbar-home .stat-icon{font-size:20px!important}
  .hero-security-home{padding:5px 10px!important;font-size:.66rem!important}
  .hero-security-home .material-symbols-rounded{font-size:18px!important}
}

@media (min-width:1101px) and (max-height:720px){
  .home-hero{padding-top:62px!important;padding-bottom:6px!important;min-height:600px!important}
  .home-hero-centered{gap:4px!important}
  .home-hero-copy-centered .hero-kicker{display:none!important}
  .home-hero-copy-centered h1{font-size:clamp(2.25rem,2.85vw,3.25rem)!important;margin-bottom:3px!important}
  .home-hero-copy-centered>p{font-size:.68rem!important;line-height:1.25!important;max-width:760px!important}
  .hero-command-wrap{width:min(630px,54vw)!important}
  .hero-command-center .ops-list,.hero-command-center .route-map{height:100px!important;min-height:100px!important}
  .hero-command-center .agent-feed p:nth-of-type(4){display:none!important}
  .hero-statbar-home>div{min-height:42px!important;padding:4px 7px!important}
  .hero-security-home{padding:4px 9px!important}
}

@media (max-width:1100px){
  .home-hero-copy-centered h1 > span,
  .home-hero-copy-centered h1 > em{white-space:normal!important}
  .home-hero-copy-centered h1{max-width:820px!important}
}


/* === Hero action rail + command dashboard overlap QA (2026-08-02) === */
@media (min-width:1101px){
  .home-hero-centered{position:relative!important;padding-inline:clamp(4px,.6vw,10px)!important}
  .hero-command-actions{
    position:absolute!important;
    right:clamp(0px,.7vw,12px)!important;
    top:50%!important;
    transform:translateY(-29%)!important;
    z-index:6!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:clamp(10px,1.4vh,16px)!important;
    width:92px!important;
    margin:0!important;
  }
  .hero-command-actions .button{
    width:82px!important;
    min-width:82px!important;
    height:82px!important;
    padding:8px!important;
    border-radius:50%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    text-align:center!important;
    line-height:1.12!important;
    font-size:.67rem!important;
    white-space:normal!important;
    box-shadow:0 14px 34px rgba(0,0,0,.32)!important;
    backdrop-filter:blur(16px)!important;
  }
  .hero-command-actions .button-primary{background:linear-gradient(145deg,#168df5,#0757d9)!important}
  .hero-command-actions .button-dark{background:rgba(3,25,55,.88)!important;border-color:rgba(137,199,255,.32)!important}
  .hero-command-actions .material-symbols-rounded{font-size:25px!important;line-height:1!important}
  .hero-command-wrap{max-width:calc(100% - 220px)!important}

  /* Keep the AI decision label and rows in their own flow. */
  .hero-command-center .agent-feed{
    position:relative!important;
    display:block!important;
    clear:both!important;
    min-height:0!important;
    height:auto!important;
    overflow:hidden!important;
    padding:8px 10px 7px!important;
    margin-top:8px!important;
  }
  .hero-command-center .agent-feed h3{
    position:relative!important;
    display:block!important;
    float:none!important;
    clear:both!important;
    margin:0 0 5px!important;
    padding:0 0 4px!important;
    line-height:1.2!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    z-index:2!important;
  }
  .hero-command-center .agent-feed p{
    position:relative!important;
    margin:0!important;
    min-height:0!important;
    align-items:start!important;
  }
}

@media (min-width:1101px) and (max-width:1320px){
  .hero-command-actions{right:0!important;width:76px!important;gap:9px!important}
  .hero-command-actions .button{width:68px!important;min-width:68px!important;height:68px!important;font-size:.58rem!important;padding:6px!important}
  .hero-command-actions .material-symbols-rounded{font-size:21px!important}
  .hero-command-wrap{max-width:calc(100% - 170px)!important}
}

@media (min-width:1101px) and (max-height:760px){
  .hero-command-actions{gap:7px!important;transform:translateY(-25%)!important}
  .hero-command-actions .button{width:62px!important;min-width:62px!important;height:62px!important;font-size:.53rem!important}
  .hero-command-actions .material-symbols-rounded{font-size:19px!important}
  .hero-command-center .agent-feed{padding:6px 8px 5px!important;margin-top:5px!important}
  .hero-command-center .agent-feed h3{font-size:.66rem!important;margin-bottom:3px!important;padding-bottom:3px!important}
}

@media (max-width:1100px){
  .hero-command-actions{
    position:static!important;
    transform:none!important;
    width:100%!important;
    display:flex!important;
    flex-direction:row!important;
    justify-content:center!important;
    gap:10px!important;
    margin-top:0!important;
  }
  .hero-command-actions .button{
    width:auto!important;
    min-width:150px!important;
    height:auto!important;
    border-radius:12px!important;
    flex-direction:row!important;
    padding:11px 16px!important;
    font-size:.76rem!important;
  }
}

@media (max-width:760px){
  .hero-command-actions{display:grid!important;grid-template-columns:1fr!important}
  .hero-command-actions .button{width:100%!important;min-width:0!important}
}

/* ============================================================
   QA PASS — appended fixes (accessibility, forms, print)
   ============================================================ */

/* Honeypot: off-screen but not display:none, so bots still fill it */
.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}

/* Consent checkbox */
.consent-field{display:flex!important;align-items:flex-start;gap:10px;margin:14px 0 16px;font-size:.85rem;line-height:1.5;color:#425268}
.consent-field input[type=checkbox]{width:17px;height:17px;min-width:17px;margin-top:2px;accent-color:#0b3573;cursor:pointer}
.consent-field span{flex:1}
.consent-field a{color:#0b3573;text-decoration:underline;text-underline-offset:2px}

/* Direct contact details */
.contact-direct{margin-top:22px;padding-top:18px;border-top:1px solid rgba(11,53,115,.14)}
.contact-direct p{margin:0 0 6px;font-size:.92rem;color:#3a4a60}
.contact-direct a{color:#0b3573;font-weight:600}
.contact-direct small{color:#69788c}

/* Visible keyboard focus everywhere (was missing) */
:focus-visible{outline:3px solid #2f7bff;outline-offset:2px;border-radius:4px}
.section-dark :focus-visible,.site-header :focus-visible,.home-hero :focus-visible,.page-hero :focus-visible,.site-footer :focus-visible{outline-color:#7fb2ff}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:0}

/* Respect reduced-motion for the decorative animations */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .reveal{opacity:1!important;transform:none!important}
}

/* Images inside picture elements inherit the frame sizing */
picture{display:block;width:100%;height:100%}
picture img{display:block;width:100%;height:100%;object-fit:cover}

/* Print */
@media print{
  .site-header,.site-footer,.mobile-toggle,.skip-link,.hero-command-actions,.mini-cta{display:none!important}
  body{background:#fff!important;color:#000!important}
  .section-dark,.home-hero,.page-hero{background:#fff!important;color:#000!important}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:.75em;color:#555}
  .reveal{opacity:1!important;transform:none!important}
}

/* No-JS fallback navigation (header/footer are JS-injected) */
.ns-nav{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center;padding:14px 22px;background:#071e40;border-bottom:1px solid rgba(255,255,255,.12)}
.ns-nav a{color:#cfe0fb;font-size:.82rem;text-decoration:none}
.ns-nav a:hover{color:#fff;text-decoration:underline}
.ns-nav .ns-brand{font-weight:800;font-size:1rem;color:#fff;margin-right:10px}

/* ============================================================
   INTERNAL PAGE HERO INSTRUMENT  (.gi)
   Each internal page docks one real pane of the product console
   into its hero. The left accent rail is the per-page signal.
   ============================================================ */

.gi{
  --gi-acc:#2f7bff; --gi-acc2:#4fa8ff;
  position:relative;
  display:flex;flex-direction:column;
  min-height:430px;
  padding:0 0 0 3px;
  border-radius:20px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),
    linear-gradient(160deg,#06182f 0%,#04101f 62%,#050f1c 100%);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 28px 70px -28px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.07);
  overflow:hidden;
  font-family:'Manrope',system-ui,sans-serif;
}
.gi.acc-blue  {--gi-acc:#2f7bff;--gi-acc2:#63b3ff}
.gi.acc-violet{--gi-acc:#8b6cf6;--gi-acc2:#b39bff}
.gi.acc-leaf  {--gi-acc:#2fbb7a;--gi-acc2:#5fdca0}
.gi.acc-amber {--gi-acc:#e5992c;--gi-acc2:#ffc165}
.gi.acc-rose  {--gi-acc:#ef5a68;--gi-acc2:#ff8a94}

/* Signature: the accent rail with a slow travelling highlight */
.gi-rail{position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--gi-acc),var(--gi-acc2));opacity:.85}
.gi-rail:after{content:"";position:absolute;left:0;right:0;height:26%;background:linear-gradient(180deg,transparent,#fff,transparent);opacity:.55;animation:giRail 5.5s cubic-bezier(.5,0,.5,1) infinite}
@keyframes giRail{0%{top:-30%}100%{top:104%}}

/* Head */
.gi-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px 13px;border-bottom:1px solid rgba(255,255,255,.09)}
.gi-name{display:flex;align-items:center;gap:9px;font-weight:800;font-size:.98rem;color:#fff;letter-spacing:-.01em}
.gi-name i{width:7px;height:7px;border-radius:50%;background:var(--gi-acc2);box-shadow:0 0 0 4px rgba(255,255,255,.07);animation:giPulse 2.4s ease-in-out infinite}
@keyframes giPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}
.gi-tag{font-family:'Space Grotesk','Manrope',sans-serif;font-size:.63rem;font-weight:600;letter-spacing:.13em;color:#9fb6d6;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);padding:4px 9px;border-radius:999px;white-space:nowrap}

/* Stage */
.gi-stage{flex:1;display:flex;flex-direction:column;gap:9px;padding:15px 18px;min-height:0}

/* Foot metric strip */
.gi-foot{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025)}
.gi-foot>div{padding:11px 10px;text-align:center;border-left:1px solid rgba(255,255,255,.06)}
.gi-foot>div:first-child{border-left:0}
.gi-foot span{display:block;font-size:.61rem;letter-spacing:.07em;text-transform:uppercase;color:#8ba3c4;margin-bottom:3px}
.gi-foot b{display:block;font-family:'Space Grotesk','Manrope',sans-serif;font-size:.95rem;font-weight:700;color:#fff;line-height:1.15}
.gi-foot b.up{color:#5fdca0}
.gi-foot b.down{color:#ff8a94}

/* ---------- shared atoms ---------- */
.gi-row{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);font-size:.76rem}
.gi-row .k{font-family:'Space Grotesk','Manrope',sans-serif;font-weight:700;color:#fff;white-space:nowrap}
.gi-row .d{flex:1;color:#a9bdd8;line-height:1.35;min-width:0}
.gi-row .t{font-family:'Space Grotesk','Manrope',sans-serif;color:#dce8f8;white-space:nowrap;font-size:.74rem}

.gi-bar{flex:1;min-width:46px;height:6px;border-radius:999px;background:rgba(255,255,255,.10);overflow:hidden;display:block}
.gi-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gi-acc),var(--gi-acc2))}
.gi-bar i.leaf {background:linear-gradient(90deg,#2fbb7a,#5fdca0)}
.gi-bar i.amber{background:linear-gradient(90deg,#e5992c,#ffc165)}
.gi-bar i.rose {background:linear-gradient(90deg,#ef5a68,#ff8a94)}

.gi-pill{font-family:'Space Grotesk','Manrope',sans-serif;font-size:.57rem;font-weight:700;letter-spacing:.09em;padding:3px 8px;border-radius:999px;white-space:nowrap;border:1px solid}
.gi-pill.p-live{color:#8fc4ff;background:rgba(47,123,255,.15);border-color:rgba(47,123,255,.38)}
.gi-pill.p-ok  {color:#77e0ac;background:rgba(47,187,122,.15);border-color:rgba(47,187,122,.38)}
.gi-pill.p-warn{color:#ffc165;background:rgba(229,153,44,.15);border-color:rgba(229,153,44,.40)}
.gi-pill.p-risk{color:#ff97a0;background:rgba(239,90,104,.15);border-color:rgba(239,90,104,.40)}
.gi-pill.p-mute{color:#9fb2ca;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}

.gi-note{font-size:.66rem;letter-spacing:.05em;text-transform:uppercase;color:#7e95b5}

/* ---------- platform.html · gi-stack ---------- */
.gi-stack{gap:7px;justify-content:center}
.gi-layer{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:11px;padding:9px 11px;border-radius:11px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);position:relative}
.gi-layer:before{content:"";position:absolute;left:0;top:12%;bottom:12%;width:2px;border-radius:2px;background:var(--gi-acc);opacity:.7}
.gi-layer em{font-family:'Space Grotesk','Manrope',sans-serif;font-style:normal;font-weight:700;font-size:.72rem;color:var(--gi-acc2);letter-spacing:.05em}
.gi-layer b{display:block;font-size:.84rem;color:#fff;line-height:1.2}
.gi-layer span{display:block;font-size:.7rem;color:#93a9c8;margin-top:1px}

/* ---------- security.html · gi-shield ---------- */
.gi-shield{align-items:center;justify-content:center;gap:14px}
.gi-rings{position:relative;width:132px;height:132px;flex:none;display:grid;place-items:center}
.gi-rings>div{position:absolute;border-radius:50%;border:1px solid rgba(47,123,255,.30)}
.gi-rings>div:nth-child(1){inset:0;animation:giSpin 22s linear infinite}
.gi-rings>div:nth-child(2){inset:15px;border-color:rgba(47,123,255,.22)}
.gi-rings>div:nth-child(3){inset:30px;border-color:rgba(47,123,255,.16)}
.gi-rings>div:nth-child(1):before{content:"";position:absolute;top:-4px;left:50%;width:7px;height:7px;margin-left:-3px;border-radius:50%;background:var(--gi-acc2);box-shadow:0 0 12px var(--gi-acc2)}
@keyframes giSpin{to{transform:rotate(360deg)}}
.gi-rings>div:last-child{inset:44px;display:grid;place-items:center;border:0;background:radial-gradient(circle,rgba(47,123,255,.26),rgba(47,123,255,.05));border-radius:50%}
.gi-rings b{font-size:.72rem;font-weight:800;color:#fff;text-align:center;line-height:1.15}
.gi-trust{width:100%;display:flex;flex-direction:column;gap:7px}
.gi-trust>div{display:flex;align-items:center;gap:10px}
.gi-trust b{width:88px;flex:none;font-size:.74rem;font-weight:600;color:#c2d4ea}

/* ---------- ai-agents.html · gi-agents ---------- */
.gi-agents{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.gi-agent{padding:9px 10px;border-radius:11px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.gi-agent .tp{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:3px}
.gi-agent b{font-size:.78rem;color:#fff}
.gi-agent>span{display:block;font-size:.68rem;color:#93a9c8;line-height:1.35}

/* ---------- ai-intelligence.html · gi-loop ---------- */
.gi-stages{display:flex;align-items:stretch;gap:7px}
.gi-stages b{flex:1;display:flex;flex-direction:column;gap:2px;padding:9px 8px;border-radius:11px;background:rgba(139,108,246,.10);border:1px solid rgba(139,108,246,.26);font-size:.76rem;color:#fff;text-align:center}
.gi-stages b small{font-size:.62rem;font-weight:500;color:#b6a6f0;letter-spacing:.02em}
.gi-stages em{display:flex;align-items:center;font-style:normal;color:var(--gi-acc2);font-size:.9rem}
.gi-log{display:flex;flex-direction:column;gap:6px;margin-top:2px}
.gi-log p{display:flex;gap:9px;margin:0;padding:7px 10px;border-radius:10px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);font-size:.72rem;line-height:1.4;color:#a9bdd8}
.gi-log time{font-family:'Space Grotesk','Manrope',sans-serif;color:var(--gi-acc2);flex:none;font-size:.69rem;padding-top:1px}
.gi-log b{color:#fff;font-weight:700}

/* ---------- transport / logistics / corporate · gi-board ---------- */
.gi-board{gap:7px;justify-content:center}

/* ---------- fleet-management.html · gi-grid ---------- */
.gi-tiles{display:grid;grid-template-columns:repeat(12,1fr);gap:5px}
.gi-tiles i{aspect-ratio:1;border-radius:3px;background:rgba(255,255,255,.09)}
.gi-tiles i.on{background:linear-gradient(135deg,#2f7bff,#63b3ff)}
.gi-tiles i.ok{background:rgba(47,187,122,.55)}
.gi-tiles i.sv{background:rgba(229,153,44,.6)}
.gi-legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.66rem;color:#9fb4d0}
.gi-legend span{display:flex;align-items:center;gap:6px}
.gi-legend span:before{content:"";width:8px;height:8px;border-radius:2px;background:rgba(255,255,255,.12)}
.gi-legend .l-on:before{background:#3f8bff}
.gi-legend .l-ok:before{background:rgba(47,187,122,.8)}
.gi-legend .l-sv:before{background:rgba(229,153,44,.85)}

/* ---------- driver-safety.html · gi-score ---------- */
.gi-score{display:flex;align-items:center;gap:16px}
.gi-ring{--pct:80%;position:relative;width:104px;height:104px;flex:none;border-radius:50%;display:grid;place-items:center;
  background:conic-gradient(var(--gi-acc) var(--pct),rgba(255,255,255,.10) 0)}
.gi-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#07172c}
.gi-ring>div{position:relative;text-align:center}
.gi-ring b{display:block;font-family:'Space Grotesk','Manrope',sans-serif;font-size:1.6rem;font-weight:700;color:#fff;line-height:1}
.gi-ring span{display:block;font-size:.55rem;letter-spacing:.11em;color:#93a9c8;margin-top:3px}
.gi-events{flex:1;display:flex;flex-direction:column;gap:7px;min-width:0}
.gi-events .gi-row{padding:5px 0;background:none;border:0;border-radius:0}
.gi-events .k{font-size:.73rem;font-weight:600;color:#c2d4ea;width:96px;flex:none}
.gi-events .d{flex:none;width:64px;font-family:'Space Grotesk','Manrope',sans-serif;font-size:.68rem;color:#8ba3c4}

/* ---------- financial-intelligence.html · gi-ledger ---------- */
.gi-lhead,.gi-lrow{display:grid;grid-template-columns:1fr 78px 68px;gap:8px;align-items:center}
.gi-lhead{padding:0 10px 6px;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:#7e95b5;border-bottom:1px solid rgba(255,255,255,.08)}
.gi-lhead span:not(:first-child),.gi-lrow .amt,.gi-lrow .mg{text-align:right}
.gi-lrow{padding:7px 10px;border-bottom:1px solid rgba(255,255,255,.045);font-size:.75rem}
.gi-lrow .lane{color:#dbe6f5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gi-lrow .amt{font-family:'Space Grotesk','Manrope',sans-serif;color:#fff}
.gi-lrow .mg{font-family:'Space Grotesk','Manrope',sans-serif;font-weight:700}
.gi-lrow .mg.up{color:#5fdca0}
.gi-lrow .mg.down{color:#ff8a94}
.gi-ledger .gi-row{margin-top:6px}

/* ---------- fuel-management.html · gi-gauge ---------- */
.gi-dials{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.gi-dial{text-align:center;padding:10px 6px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.gi-arc{position:relative;width:56px;height:28px;margin:0 auto 8px;overflow:hidden}
.gi-arc:before{content:"";position:absolute;inset:0;border-radius:56px 56px 0 0;border:5px solid rgba(255,255,255,.11);border-bottom:0}
.gi-arc i{position:absolute;left:50%;bottom:0;width:2px;height:24px;margin-left:-1px;background:var(--gi-acc2);transform-origin:bottom center;border-radius:2px}
.gi-dial b{display:block;font-family:'Space Grotesk','Manrope',sans-serif;font-size:1rem;font-weight:700;color:#fff}
.gi-dial span{display:block;font-size:.62rem;color:#8ba3c4;margin-top:2px}

/* ---------- maintenance.html · gi-timeline ---------- */
.gi-wear{display:flex;align-items:center;gap:10px;font-size:.74rem}
.gi-wear .nm{width:132px;flex:none;color:#c2d4ea;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gi-wear .du{width:58px;flex:none;text-align:right;font-family:'Space Grotesk','Manrope',sans-serif;color:#dce8f8;font-size:.72rem}
.gi-timeline .gi-row{margin-top:4px}

/* ---------- deployment.html · gi-topo ---------- */
.gi-topo{gap:7px;justify-content:center}
.gi-node{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 11px;border-radius:11px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.gi-node .dot{width:9px;height:9px;border-radius:50%;background:var(--gi-acc2);box-shadow:0 0 10px rgba(47,123,255,.7)}
.gi-node .dot.air{background:#7e95b5;box-shadow:none}
.gi-node b{grid-column:2;font-size:.8rem;color:#fff}
.gi-node span:not(.dot):not(.gi-pill){grid-column:2;font-size:.68rem;color:#93a9c8;margin-top:-2px}
.gi-node .gi-pill{grid-column:3;grid-row:1/3}

/* ---------- integrations.html · gi-hub ---------- */
.gi-bus{text-align:center;padding:11px;border-radius:12px;background:linear-gradient(135deg,rgba(47,123,255,.20),rgba(47,123,255,.06));border:1px solid rgba(47,123,255,.32)}
.gi-bus b{display:block;font-size:.95rem;color:#fff}
.gi-bus span{display:block;font-size:.66rem;color:#a8c3e6;margin-top:2px}
.gi-chips{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.gi-chip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.gi-chip b{font-size:.72rem;font-weight:600;color:#dbe6f5}
.gi-chip em{font-family:'Space Grotesk','Manrope',sans-serif;font-style:normal;font-size:.56rem;letter-spacing:.09em;color:var(--gi-acc2);background:rgba(47,123,255,.14);border:1px solid rgba(47,123,255,.28);padding:2px 6px;border-radius:999px}

/* ---------- logistics-automation.html · gi-route ---------- */
.gi-track{position:relative;padding:6px 0 2px}
.gi-track .line{position:absolute;left:5%;right:5%;top:19px;height:2px;background:rgba(255,255,255,.12);border-radius:2px}
.gi-track .line i{display:block;height:100%;width:66%;border-radius:2px;background:linear-gradient(90deg,var(--gi-acc),var(--gi-acc2))}
.gi-stops{position:relative;display:grid;grid-template-columns:repeat(6,1fr)}
.gi-stop{text-align:center}
.gi-stop b{display:grid;place-items:center;width:26px;height:26px;margin:0 auto 6px;border-radius:50%;background:#07172c;border:2px solid var(--gi-acc);font-family:'Space Grotesk','Manrope',sans-serif;font-size:.7rem;color:#fff}
.gi-stop span{font-size:.62rem;color:#93a9c8;line-height:1.25;display:block}
.gi-compare{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.gi-compare>div{display:flex;align-items:center;gap:10px;font-size:.72rem}
.gi-compare .lb{width:88px;flex:none;color:#c2d4ea}
.gi-compare .vl{width:60px;flex:none;text-align:right;font-family:'Space Grotesk','Manrope',sans-serif;color:#fff}

/* ---------- industry-government.html · gi-chain ---------- */
.gi-step{display:grid;grid-template-columns:26px 1fr;gap:11px;padding-bottom:9px;position:relative}
.gi-step:not(:last-child):before{content:"";position:absolute;left:13px;top:27px;bottom:0;width:1px;background:rgba(255,255,255,.14)}
.gi-step em{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-style:normal;font-family:'Space Grotesk','Manrope',sans-serif;font-size:.72rem;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#9fb6d6}
.gi-step em.done{background:rgba(47,187,122,.18);border-color:rgba(47,187,122,.45);color:#77e0ac}
.gi-step .bd b{display:block;font-size:.79rem;color:#fff;line-height:1.25}
.gi-step .bd span{display:block;font-size:.68rem;color:#93a9c8;margin-top:2px;line-height:1.35}

/* ---------- contact.html · gi-steps ---------- */
.gi-dstep{display:grid;grid-template-columns:30px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.gi-dstep:last-child{border-bottom:0}
.gi-dstep em{font-style:normal;font-family:'Space Grotesk','Manrope',sans-serif;font-size:.82rem;font-weight:700;color:var(--gi-acc2)}
.gi-dstep .bd b{display:block;font-size:.82rem;color:#fff}
.gi-dstep .bd span{display:block;font-size:.69rem;color:#93a9c8;margin-top:2px;line-height:1.35}

/* ---------- faq.html · gi-qa ---------- */
.gi-q{padding:10px 12px;border-radius:11px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}
.gi-q.open{background:rgba(47,123,255,.10);border-color:rgba(47,123,255,.28)}
.gi-q b{display:block;font-size:.78rem;color:#fff;line-height:1.3;position:relative;padding-right:18px}
.gi-q b:after{content:"+";position:absolute;right:0;top:-1px;color:var(--gi-acc2);font-weight:600}
.gi-q.open b:after{content:"–"}
.gi-q span{display:block;font-size:.69rem;color:#a0b6d2;margin-top:5px;line-height:1.4}
.gi-q:not(.open) span{display:none}

/* ---------- industries.html · gi-sector ---------- */
.gi-sectors{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.gi-sectors>div{padding:9px 10px;border-radius:11px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.gi-sectors b{display:block;font-size:.78rem;color:#fff}
.gi-sectors span{display:block;font-size:.66rem;color:#93a9c8;margin-top:2px;line-height:1.35}

/* ---------- industry-fmcg.html · gi-heat ---------- */
.gi-cells{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}
.gi-cells i{aspect-ratio:1;border-radius:3px;background:rgba(255,255,255,.06)}
.gi-cells i.d1{background:rgba(47,123,255,.28)}
.gi-cells i.d2{background:rgba(47,123,255,.48)}
.gi-cells i.d3{background:rgba(47,123,255,.70)}
.gi-cells i.d4{background:linear-gradient(135deg,#2f7bff,#7cc0ff)}

/* ---------- industry-manufacturing.html · gi-lanes ---------- */
.gi-lane{padding:9px 10px;border-radius:11px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.gi-lane .top{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:7px}
.gi-lane b{font-size:.78rem;color:#fff}
.gi-lane .cnt{font-size:.65rem;color:#8ba3c4}
.gi-slots{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}
.gi-slots i{height:9px;border-radius:2px;background:rgba(255,255,255,.10)}
.gi-slots i.f{background:linear-gradient(90deg,var(--gi-acc),var(--gi-acc2))}
.gi-slots i.h{background:rgba(229,153,44,.6)}

/* ---------- industry-rental.html · gi-avail ---------- */
.gi-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.gi-days>div{text-align:center}
.gi-days span{display:block;font-size:.57rem;letter-spacing:.08em;color:#8ba3c4;margin-bottom:5px}
.gi-days i{display:block;height:34px;border-radius:6px;background:rgba(255,255,255,.09)}
.gi-days i.b{background:linear-gradient(180deg,#2f7bff,#1c5ac4)}
.gi-days i.p{background:linear-gradient(180deg,#e5992c,#c07a17)}
.gi-days i.s{background:linear-gradient(180deg,#ef5a68,#c73f4c)}

/* ---------- why-gofleexo.html · gi-marks ---------- */
.gi-mark{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.gi-mark:last-child{border-bottom:0}
.gi-mark .bd b{display:block;font-size:.8rem;color:#fff}
.gi-mark .bd span{display:block;font-size:.67rem;color:#93a9c8;margin-top:2px;line-height:1.35}
.gi-mark .yr{flex:none;font-family:'Space Grotesk','Manrope',sans-serif;font-size:.55rem;letter-spacing:.1em;color:var(--gi-acc2);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);padding:3px 7px;border-radius:999px}

/* ---------- responsive ---------- */
@media(max-width:900px){
  .gi{min-height:0;max-width:640px;margin-inline:auto;width:100%}
  .gi-stage{padding:14px}
}
@media(max-width:620px){
  .gi-agents,.gi-sectors,.gi-chips{grid-template-columns:1fr}
  .gi-score{flex-direction:column;align-items:stretch;gap:12px}
  .gi-ring{margin:0 auto}
  .gi-events .k{width:88px}
  .gi-foot{grid-template-columns:1fr 1fr}
  .gi-foot>div:nth-child(3){border-left:0}
  .gi-foot>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.06)}
  .gi-tiles{grid-template-columns:repeat(9,1fr)}
  .gi-stops{grid-template-columns:repeat(3,1fr);gap:10px 0}
  .gi-track .line{display:none}
  .gi-wear .nm{width:100px}
  .gi-stages{flex-direction:column}
  .gi-stages em{transform:rotate(90deg);justify-content:center}
  .gi-lhead,.gi-lrow{grid-template-columns:1fr 66px 58px}
}
@media(prefers-reduced-motion:reduce){
  .gi-rail:after,.gi-name i,.gi-rings>div:nth-child(1){animation:none}
}

/* gi — stage containers and remaining tokens */
.gi-grid,.gi-heat,.gi-avail,.gi-lanes,.gi-timeline,.gi-topo,.gi-chain,.gi-marks,.gi-steps,.gi-qa,.gi-sector,.gi-ledger,.gi-hub,.gi-route,.gi-loop,.gi-gauge{gap:9px}
.gi-chain,.gi-marks,.gi-steps{justify-content:center}
.gi-grid,.gi-heat{justify-content:flex-start}
.gi-hub,.gi-route,.gi-loop,.gi-gauge,.gi-lanes,.gi-avail{justify-content:center}
.gi-legend .l-off:before{background:rgba(255,255,255,.20)}

/* ============================================================
   HOME HERO — rebuilt
   Two columns: the argument on the left, the proof on the right.
   One focal point (the console), one motion (the live feed).
   ============================================================ */

.home-hero{padding:clamp(112px,13vh,150px) 0 clamp(56px,7vh,84px)!important;min-height:0!important;height:auto!important;display:flex;align-items:center}
.home-hero:after{display:none!important}

.hh-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(32px,4.5vw,72px);align-items:center}

/* ---- left: the argument ---- */
.hh-copy{max-width:600px}
.hh-kicker{display:inline-flex;align-items:center;gap:9px;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#9dc4ff;background:rgba(47,123,255,.12);border:1px solid rgba(47,123,255,.30);padding:6px 14px 6px 11px;border-radius:999px;margin-bottom:22px}
.hh-kicker i{width:6px;height:6px;border-radius:50%;background:#63b3ff;box-shadow:0 0 10px #63b3ff;animation:hhPulse 2.4s ease-in-out infinite}
@keyframes hhPulse{0%,100%{opacity:1}50%{opacity:.35}}

.home-hero h1#home-title{font-size:clamp(2.4rem,4.4vw,4.15rem);line-height:1.04;letter-spacing:-.028em;font-weight:800;color:#fff;margin:0 0 20px}
.home-hero h1#home-title span{display:block}
.home-hero h1#home-title em{display:block;font-style:normal;background:linear-gradient(96deg,#7cc0ff 0%,#a9d4ff 46%,#5fdca0 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#7cc0ff}

.hh-lead{font-size:clamp(1rem,1.16vw,1.12rem);line-height:1.6;color:#b9cbe4;margin:0 0 30px;max-width:52ch}

.hh-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:28px}
.hh-actions .button{display:inline-flex;align-items:center;gap:9px}
.hh-link{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:.94rem;color:#a9d4ff;text-decoration:none;padding:4px 2px;border-bottom:1px solid rgba(169,212,255,.35);transition:color .18s,border-color .18s}
.hh-link:hover{color:#fff;border-color:#fff}
.hh-link .material-symbols-rounded{font-size:18px;transition:transform .18s}
.hh-link:hover .material-symbols-rounded{transform:translateX(3px)}

.hh-trust{display:flex;align-items:center;gap:9px;margin:0;font-size:.8rem;color:#8ba7c9}
.hh-trust .material-symbols-rounded{font-size:19px;color:#5fdca0}

/* ---- right: the proof ---- */
.hh-console{position:relative}
.hh-console:before{content:"";position:absolute;inset:-14% -10% -18% -6%;background:radial-gradient(60% 55% at 55% 45%,rgba(47,123,255,.30),transparent 72%);filter:blur(28px);z-index:0}
.hhc{position:relative;z-index:1;border-radius:20px;overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02)),linear-gradient(160deg,#071c36,#040f1e);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 44px 90px -32px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.09)}

.hhc-bar{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.03)}
.hhc-bar b{font-size:.92rem;font-weight:800;color:#fff;letter-spacing:-.01em}
.hhc-live{display:inline-flex;align-items:center;gap:7px;font-family:'Space Grotesk','Manrope',sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.14em;color:#77e0ac;background:rgba(47,187,122,.13);border:1px solid rgba(47,187,122,.34);padding:4px 10px;border-radius:999px}
.hhc-live i{width:6px;height:6px;border-radius:50%;background:#5fdca0;animation:hhPulse 1.9s ease-in-out infinite}

.hhc-kpis{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(255,255,255,.09)}
.hhc-kpis>div{padding:15px 12px;text-align:center;border-left:1px solid rgba(255,255,255,.07)}
.hhc-kpis>div:first-child{border-left:0}
.hhc-kpis b{display:block;font-family:'Space Grotesk','Manrope',sans-serif;font-size:clamp(1.25rem,1.9vw,1.7rem);font-weight:700;color:#fff;line-height:1;letter-spacing:-.02em}
.hhc-kpis b.dn{color:#5fdca0}
.hhc-kpis small{display:block;font-size:.63rem;letter-spacing:.05em;color:#8ba3c4;margin-top:6px}

.hhc-feed{padding:15px 18px 6px}
.hhc-feed h2{font-size:.62rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#7e95b5;margin:0 0 11px}
.hhc-feed article{display:flex;gap:11px;padding:9px 0;border-top:1px solid rgba(255,255,255,.06);opacity:0;animation:hhIn .6s ease forwards}
.hhc-feed article:first-of-type{border-top:0}
.hhc-feed article:nth-of-type(1){animation-delay:.25s}
.hhc-feed article:nth-of-type(2){animation-delay:.55s}
.hhc-feed article:nth-of-type(3){animation-delay:.85s}
.hhc-feed article:nth-of-type(4){animation-delay:1.15s}
@keyframes hhIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.hhc-feed time{flex:none;font-family:'Space Grotesk','Manrope',sans-serif;font-size:.68rem;color:#63b3ff;padding-top:2px}
.hhc-feed p{margin:0;font-size:.78rem;line-height:1.45;color:#a9bdd8}
.hhc-feed p b{color:#fff;font-weight:700}

.hhc-foot{display:flex;gap:8px;flex-wrap:wrap;padding:11px 18px 14px;border-top:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}
.hhc-foot span{font-size:.63rem;letter-spacing:.05em;color:#8ba3c4;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);padding:4px 10px;border-radius:999px}

/* ---- stat band, lifted out of the hero ---- */
.hh-band{background:#03101f;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.hh-band-inner{display:grid;grid-template-columns:repeat(5,1fr);gap:0}
.hh-band-inner>div{padding:24px 14px;text-align:center;border-left:1px solid rgba(255,255,255,.06)}
.hh-band-inner>div:first-child{border-left:0}
.hh-band-inner b{display:block;font-family:'Space Grotesk','Manrope',sans-serif;font-size:clamp(1.4rem,2.1vw,1.85rem);font-weight:700;color:#fff;letter-spacing:-.02em;line-height:1}
.hh-band-inner small{display:block;font-size:.72rem;color:#8ba3c4;margin-top:8px}

/* ---- responsive ---- */
@media(max-width:1080px){
  .hh-grid{grid-template-columns:1fr;gap:40px}
  .hh-copy{max-width:none;text-align:center;margin-inline:auto}
  .hh-lead{margin-inline:auto}
  .hh-actions,.hh-trust{justify-content:center}
  .hhc{max-width:680px;margin-inline:auto}
  .hh-band-inner{grid-template-columns:repeat(3,1fr)}
  .hh-band-inner>div:nth-child(4){border-left:0}
  .hh-band-inner>div:nth-child(-n+3){border-bottom:1px solid rgba(255,255,255,.06)}
}
@media(max-width:620px){
  .home-hero{padding:100px 0 44px!important}
  .home-hero h1#home-title{font-size:clamp(2.15rem,10vw,3rem)}
  .hh-actions{gap:14px}
  .hh-actions .button{width:100%;justify-content:center}
  .hh-link{width:100%;justify-content:center;border-bottom:0}
  .hhc-kpis{grid-template-columns:1fr 1fr}
  .hhc-kpis>div:nth-child(3){border-left:0}
  .hhc-kpis>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.07)}
  .hhc-feed article:nth-of-type(4){display:none}
  .hh-band-inner{grid-template-columns:1fr 1fr}
  .hh-band-inner>div:nth-child(odd){border-left:0}
  .hh-band-inner>div:last-child{grid-column:1/-1;border-left:0}
}
@media(prefers-reduced-motion:reduce){
  .hh-kicker i,.hhc-live i{animation:none}
  .hhc-feed article{opacity:1;animation:none}
}

/* gi — refinements after selector audit */
.gi-row>.gi-bar{flex:0 1 88px}
.gi-events .gi-row>.gi-bar,.gi-trust .gi-bar,.gi-compare .gi-bar,.gi-wear .gi-bar{flex:1 1 auto}
.gi-row>.d{flex:1 1 auto;min-width:0}
/* panel sizes to its content — never clip the instrument */
.page-hero-grid>.gi{align-self:center}
.gi,.gi-stage{min-width:0}
.gi-stage>*{min-width:0}

/* gi — VTS vs VMS comparison (vts-vms.html) */
.gi-vs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gi-vscol{display:flex;flex-direction:column;gap:6px;padding:11px 11px 13px;border-radius:12px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03)}
.gi-vscol.vs-b{background:rgba(47,187,122,.09);border-color:rgba(47,187,122,.26)}
.gi-vshead{display:block;font-size:.6rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#8ba3c4;padding-bottom:7px;margin-bottom:2px;border-bottom:1px solid rgba(255,255,255,.09)}
.gi-vscol.vs-b .gi-vshead{color:#77e0ac;border-bottom-color:rgba(47,187,122,.26)}
.gi-vsrow{display:flex;align-items:flex-start;gap:7px;font-size:.71rem;line-height:1.35;color:#c2d4ea}
.gi-vsrow.off{color:#6d829d;padding-left:16px;text-decoration:line-through;text-decoration-color:rgba(255,255,255,.28)}
.gi-vsrow i{flex:none;width:13px;font-style:normal;font-weight:700;text-align:center;line-height:1.3}
.gi-vsrow i.no{color:#7e95b5}
.gi-vsrow i.yes{color:#5fdca0}
@media(max-width:620px){.gi-vs{grid-template-columns:1fr}}

/* ---- homepage credential strip ---- */
.hh-cred{background:#04121f;padding:clamp(30px,4vh,44px) 0;border-bottom:1px solid rgba(255,255,255,.07)}
.hh-cred-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.5fr) auto;gap:clamp(20px,3vw,44px);align-items:center}
.hh-cred-lead{margin:0;font-size:.95rem;line-height:1.6;color:#a9bdd8}
.hh-cred-lead b{color:#fff;font-weight:700}
.hh-cred-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.hh-cred-grid>div{text-align:center;padding:0 10px;border-left:1px solid rgba(255,255,255,.09)}
.hh-cred-grid>div:first-child{border-left:0}
.hh-cred-grid b{display:block;font-family:'Space Grotesk','Manrope',sans-serif;font-size:clamp(1.1rem,1.6vw,1.4rem);font-weight:700;color:#fff;letter-spacing:-.02em;line-height:1.1}
.hh-cred-grid small{display:block;font-size:.68rem;color:#8ba3c4;margin-top:6px;line-height:1.3}
.hh-cred-link{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:.84rem;font-weight:700;color:#a9d4ff;text-decoration:none;border-bottom:1px solid rgba(169,212,255,.35)}
.hh-cred-link:hover{color:#fff;border-color:#fff}
.hh-cred-link .material-symbols-rounded{font-size:17px}

/* ---- homepage VTS compatibility ---- */
.vts-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,72px);align-items:center}
.vts-panel{padding:clamp(18px,2vw,24px);border-radius:18px;background:linear-gradient(160deg,#06182f,#040f1e);border:1px solid rgba(255,255,255,.10);box-shadow:0 30px 70px -30px rgba(0,0,0,.7)}
.vts-panel-head span{display:inline-block;font-family:'Space Grotesk','Manrope',sans-serif;font-size:.6rem;font-weight:700;letter-spacing:.14em;color:#8ba3c4;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);padding:4px 10px;border-radius:999px;margin-bottom:14px}
.vts-step{padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.vts-step b{display:block;font-size:.88rem;color:#fff}
.vts-step span{display:block;font-size:.72rem;color:#93a9c8;margin-top:2px}
.vts-step.vts-out{background:rgba(47,187,122,.11);border-color:rgba(47,187,122,.30)}
.vts-step.vts-out b{color:#8fe9bd}
.vts-arrow{width:2px;height:16px;margin:5px auto;background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,.08));position:relative}
.vts-arrow:after{content:"";position:absolute;left:50%;bottom:-4px;width:6px;height:6px;margin-left:-3px;border-right:2px solid rgba(255,255,255,.35);border-bottom:2px solid rgba(255,255,255,.35);transform:rotate(45deg)}
@media(max-width:980px){
  .hh-cred-inner{grid-template-columns:1fr;text-align:center;gap:22px}
  .hh-cred-lead{max-width:64ch;margin-inline:auto}
  .vts-grid{grid-template-columns:1fr;gap:34px}
  .vts-panel{max-width:600px;margin-inline:auto;width:100%}
}
@media(max-width:620px){
  .hh-cred-grid{grid-template-columns:1fr 1fr;gap:16px 0}
  .hh-cred-grid>div:nth-child(odd){border-left:0}
}

/* ---- Brotecs heritage (why-gofleexo.html) ---- */
.heritage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:26px}
.heritage-card{padding:20px 18px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10)}
.heritage-card b{display:block;font-family:'Space Grotesk','Manrope',sans-serif;font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:700;color:#fff;line-height:1;letter-spacing:-.02em}
.heritage-card>span{display:block;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#7fb2ff;margin:9px 0 10px}
.heritage-card p{margin:0;font-size:.82rem;line-height:1.55;color:#a9bdd8}
.heritage-domains{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0;border:1px solid rgba(255,255,255,.10);border-radius:16px;overflow:hidden}
.heritage-domains>div{padding:16px 18px;border-left:1px solid rgba(255,255,255,.08)}
.heritage-domains>div:first-child{border-left:0}
.heritage-domains b{display:block;font-size:.86rem;color:#fff;margin-bottom:5px}
.heritage-domains span{display:block;font-size:.76rem;line-height:1.5;color:#93a9c8}
@media(max-width:980px){.heritage-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.heritage-grid{grid-template-columns:1fr}.heritage-domains>div{border-left:0;border-top:1px solid rgba(255,255,255,.08)}.heritage-domains>div:first-child{border-top:0}}

/* ---- IoT device grid (integrations.html) ---- */
.device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.device-card{padding:18px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10);display:flex;flex-direction:column}
.device-card b{display:block;font-size:.95rem;color:#fff;margin-bottom:8px}
.device-card p{margin:0 0 14px;font-size:.82rem;line-height:1.55;color:#a9bdd8;flex:1}
.device-card span{align-self:flex-start;font-family:'Space Grotesk','Manrope',sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.11em;color:#7fb2ff;background:rgba(47,123,255,.13);border:1px solid rgba(47,123,255,.28);padding:4px 9px;border-radius:999px}

/* homepage VTS section wrapper */
.vts-strip{background:linear-gradient(180deg,#f6f9fd,#eef4fb);border-top:1px solid rgba(11,53,115,.08);border-bottom:1px solid rgba(11,53,115,.08)}
.vts-strip .vts-panel{background:linear-gradient(160deg,#06182f,#040f1e)}

/* gi — density pass so tall panels fit without clipping */
.gi-vs{gap:8px}
.gi-vscol{padding:10px 10px 12px;gap:5px}
.gi-vsrow{font-size:.69rem;line-height:1.3}
.gi-vshead{font-size:.57rem;padding-bottom:6px}
@media(min-width:1181px){
  .page-hero-grid>.gi .gi-stage{padding:13px 16px}
}

/* every feature-card is the same shape regardless of page */
.feature-grid{align-items:stretch}
.feature-card{display:flex;flex-direction:column}
.feature-card p{flex:1}

/* ---- FleexoCommand console v2 ---- */
.hhc-bar .hhc-src{font-size:.66rem;color:#8ba3c4;margin-left:auto;padding-left:12px}
.hhc-bar{gap:10px}

.hhc-kpis>div{padding:13px 10px;position:relative}
.hhc-ico{display:block;font-size:19px;color:#63b3ff;margin-bottom:6px}
.hhc-kpis b{font-size:clamp(1.15rem,1.7vw,1.5rem)}
.hhc-kpis b.up{color:#5fdca0}
.hhc-kpis small{font-size:.66rem;color:#c2d4ea;margin-top:5px;letter-spacing:0}
.hhc-kpis em{display:block;font-style:normal;font-size:.6rem;color:#7e95b5;margin-top:3px}

.hhc-split{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid rgba(255,255,255,.09)}
.hhc-col{padding:14px 16px}
.hhc-col+.hhc-col{border-left:1px solid rgba(255,255,255,.08)}
.hhc-col h2{font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7e95b5;margin:0 0 10px}

.hhc-lane{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:.72rem}
.hhc-lane .ln{flex:1;color:#c2d4ea;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.hhc-lane .bar{flex:0 0 52px;height:5px;border-radius:999px;background:rgba(255,255,255,.10);overflow:hidden}
.hhc-lane .bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2f7bff,#63b3ff)}
.hhc-lane .bar i.leaf{background:linear-gradient(90deg,#2fbb7a,#5fdca0)}
.hhc-lane .bar i.rose{background:linear-gradient(90deg,#ef5a68,#ff8a94)}
.hhc-lane .vl{flex:0 0 46px;text-align:right;font-family:'Space Grotesk','Manrope',sans-serif;font-size:.7rem;font-weight:700}
.hhc-lane .vl.up{color:#5fdca0}
.hhc-lane .vl.dn{color:#ff8a94}

.hhc-catch{display:flex;gap:9px;padding:6px 0;align-items:flex-start}
.hhc-catch>.material-symbols-rounded{font-size:17px;color:#ffc165;flex:none;margin-top:2px}
.hhc-catch b{display:block;font-size:.74rem;color:#fff;line-height:1.25}
.hhc-catch span{display:block;font-size:.66rem;color:#93a9c8;line-height:1.35;margin-top:1px}

.hhc-feed{padding:13px 16px 8px}
.hhc-foot span{font-size:.62rem}

@media(max-width:620px){
  .hhc-split{grid-template-columns:1fr}
  .hhc-col+.hhc-col{border-left:0;border-top:1px solid rgba(255,255,255,.08)}
  .hhc-bar .hhc-src{display:none}
  .hhc-kpis>div{padding:11px 8px}
}

/* ============================================================
   USE CASES
   ============================================================ */
.gi-uc{align-items:center;justify-content:center;gap:12px;text-align:center}
.gi-uc-icon{font-size:40px;color:var(--gi-acc2)}
.gi-uc-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;width:100%}
.gi-uc-grid>div{padding:13px 10px;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}
.gi-uc-grid b{display:block;font-family:'Space Grotesk','Manrope',sans-serif;font-size:1.15rem;font-weight:700;color:#fff;line-height:1.1;letter-spacing:-.02em}
.gi-uc-grid small{display:block;font-size:.64rem;color:#93a9c8;margin-top:5px;line-height:1.3}
.gi-uclist{gap:7px;justify-content:center}

.uc-two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,58px);align-items:start}
.uc-two h2{font-size:clamp(1.35rem,2vw,1.75rem);margin:0 0 20px;letter-spacing:-.02em}
.uc-list{display:flex;flex-direction:column;gap:12px}
.uc-item{padding:16px 18px;border-radius:14px;background:#f5f8fc;border:1px solid rgba(11,53,115,.10);border-left:3px solid #d98a8a;border-radius:0 14px 14px 0}
.uc-item.uc-fix{background:#f1f9f5;border-color:rgba(47,187,122,.22);border-left-color:#2fbb7a}
.uc-item b{display:block;font-size:.98rem;color:#0b2244;margin-bottom:6px;line-height:1.3}
.uc-item p{margin:0;font-size:.87rem;line-height:1.6;color:#4a5c74}
.uc-links{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:26px}

.uc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.uc-card{position:relative;display:flex;flex-direction:column;padding:24px 22px;border-radius:18px;background:#fff;border:1px solid rgba(11,53,115,.12);text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}
.uc-card:hover{transform:translateY(-3px);box-shadow:0 22px 46px -22px rgba(11,53,115,.32);border-color:rgba(47,123,255,.4)}
.uc-card-ico{font-size:28px;color:#2f7bff;margin-bottom:14px}
.uc-card-num{position:absolute;top:20px;right:22px;font-family:'Space Grotesk','Manrope',sans-serif;font-size:1.5rem;font-weight:700;color:rgba(11,53,115,.12)}
.uc-card b{display:block;font-size:1.05rem;line-height:1.32;color:#0b2244;margin-bottom:8px;letter-spacing:-.01em}
.uc-card-eb{display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#2f7bff;background:rgba(47,123,255,.09);border:1px solid rgba(47,123,255,.2);padding:3px 9px;border-radius:999px;margin-bottom:12px;align-self:flex-start}
.uc-card p{margin:0 0 16px;font-size:.87rem;line-height:1.6;color:#4a5c74;flex:1}
.uc-card-go{font-size:.83rem;font-weight:700;color:#2f7bff}

/* ============================================================
   BLOG
   ============================================================ */
.bl-feature{display:flex;flex-direction:column;padding:26px 24px;border-radius:20px;text-decoration:none;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02)),linear-gradient(160deg,#071c36,#040f1e);
  border:1px solid rgba(255,255,255,.13);box-shadow:0 40px 84px -34px rgba(0,0,0,.8);transition:transform .2s,border-color .2s}
.bl-feature:hover{transform:translateY(-3px);border-color:rgba(47,123,255,.45)}
.bl-feature-tag{align-self:flex-start;font-family:'Space Grotesk','Manrope',sans-serif;font-size:.58rem;font-weight:700;letter-spacing:.14em;color:#77e0ac;background:rgba(47,187,122,.13);border:1px solid rgba(47,187,122,.34);padding:4px 10px;border-radius:999px;margin-bottom:14px}
.bl-feature b{display:block;font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.25;color:#fff;letter-spacing:-.02em;margin-bottom:10px}
.bl-feature p{margin:0 0 18px;font-size:.9rem;line-height:1.6;color:#a9bdd8}
.bl-cat{display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#7fb2ff;margin-bottom:8px}
.bl-foot{display:flex;align-items:center;gap:14px;font-size:.74rem;color:#8ba3c4;margin-top:auto}
.bl-go{margin-left:auto;color:#a9d4ff;font-weight:700}

.bl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.bl-card{display:flex;flex-direction:column;padding:24px 22px;border-radius:18px;background:#fff;border:1px solid rgba(11,53,115,.12);text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}
.bl-card:hover{transform:translateY(-3px);box-shadow:0 22px 46px -22px rgba(11,53,115,.32);border-color:rgba(47,123,255,.4)}
.bl-card .bl-cat{color:#2f7bff}
.bl-card b{display:block;font-size:1.05rem;line-height:1.32;color:#0b2244;letter-spacing:-.01em;margin-bottom:9px}
.bl-card p{margin:0 0 18px;font-size:.87rem;line-height:1.6;color:#4a5c74;flex:1}
.bl-card .bl-foot{color:#6f8099}

/* ---- article ---- */
.post-head{padding:clamp(120px,15vh,168px) 0 clamp(44px,6vh,68px)}
.post-head-inner{max-width:820px}
.post-meta{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font-size:.76rem;color:#8ba3c4;margin-bottom:16px}
.post-cat{font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.62rem;color:#7fb2ff;background:rgba(47,123,255,.12);border:1px solid rgba(47,123,255,.28);padding:4px 10px;border-radius:999px}
.post-head h1{font-size:clamp(1.9rem,3.6vw,3.05rem);line-height:1.12;letter-spacing:-.028em;color:#fff;margin:0 0 18px;font-weight:800}
.post-standfirst{font-size:clamp(1rem,1.25vw,1.16rem);line-height:1.62;color:#b9cbe4;margin:0;max-width:62ch}

.post-body-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(30px,4vw,64px);align-items:start}
.post-toc{position:sticky;top:104px}
.post-toc>b{display:block;font-size:.64rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#6f8099;margin-bottom:12px}
.post-toc ol{margin:0 0 26px;padding-left:18px;display:flex;flex-direction:column;gap:9px}
.post-toc li{font-size:.85rem;line-height:1.4}
.post-toc a{color:#2b4a75;text-decoration:none}
.post-toc a:hover{color:#2f7bff;text-decoration:underline}
.post-toc-cta{padding:18px;border-radius:14px;background:#f5f8fc;border:1px solid rgba(11,53,115,.10)}
.post-toc-cta b{display:block;font-size:.92rem;color:#0b2244;margin-bottom:6px}
.post-toc-cta p{margin:0 0 14px;font-size:.8rem;line-height:1.5;color:#4a5c74}

.post-body{max-width:74ch}
.post-body h2{font-size:clamp(1.3rem,2vw,1.62rem);line-height:1.25;letter-spacing:-.02em;color:#0b2244;margin:34px 0 14px;scroll-margin-top:104px}
.post-body h2:first-child{margin-top:0}
.post-body p{font-size:1rem;line-height:1.75;color:#3f5470;margin:0 0 16px}
.post-takeaways{margin:34px 0 0;padding:22px 24px;border-radius:16px;background:#f1f9f5;border:1px solid rgba(47,187,122,.24)}
.post-takeaways b{display:block;font-size:.66rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#1d7a52;margin-bottom:12px}
.post-takeaways ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:9px}
.post-takeaways li{font-size:.92rem;line-height:1.6;color:#25412f}
.post-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}

@media(max-width:900px){
  .uc-two{grid-template-columns:1fr;gap:34px}
  .gi-uc-grid{grid-template-columns:1fr 1fr}
  .post-body-grid{grid-template-columns:1fr;gap:28px}
  .post-toc{position:static}
  .post-toc ol{margin-bottom:20px}
}
@media(max-width:620px){
  .uc-card-num{font-size:1.2rem;top:16px;right:18px}
  .uc-links,.post-links{flex-direction:column}
  .uc-links .button,.post-links .button{width:100%;justify-content:center}
  .bl-foot{flex-wrap:wrap;gap:8px 12px}
  .bl-go{margin-left:0}
}

/* ---- executive value section (homepage) ---- */
.exec-section{background:linear-gradient(180deg,#f6f9fd,#eef4fb);border-top:1px solid rgba(11,53,115,.08)}
.exec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-bottom:26px}
.exec-card{display:flex;flex-direction:column;padding:24px 22px;border-radius:18px;background:#fff;border:1px solid rgba(11,53,115,.12)}
.exec-ico{font-size:28px;color:#2f7bff;margin-bottom:14px}
.exec-card b{display:block;font-size:1.12rem;color:#0b2244;letter-spacing:-.01em}
.exec-sub{display:block;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;color:#7086a3;margin:5px 0 12px}
.exec-card p{margin:0 0 16px;font-size:.87rem;line-height:1.6;color:#4a5c74;flex:1}
.exec-tag{align-self:flex-start;font-size:.7rem;font-weight:700;color:#1d7a52;background:rgba(47,187,122,.11);border:1px solid rgba(47,187,122,.26);padding:5px 11px;border-radius:999px;line-height:1.3}
.exec-note{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:22px 24px;border-radius:16px;background:#0b2244;border:1px solid rgba(11,53,115,.2)}
.exec-note p{margin:0;flex:1;min-width:260px;font-size:.9rem;line-height:1.62;color:#c2d4ea}
.exec-note b{color:#fff}
@media(max-width:620px){.exec-note{flex-direction:column;align-items:stretch}.exec-note .button{width:100%;justify-content:center}}

/* residual class coverage */
.accordion{display:flex;flex-direction:column;gap:10px}

/* ============================================================
   RESPONSIVE SAFETY NET — last block in the file, wins on order
   ============================================================ */

/* nothing may exceed the viewport */
*,*::before,*::after{box-sizing:border-box}
img,picture,svg,video,canvas{max-width:100%;height:auto}
body{overflow-x:hidden}
h1,h2,h3,h4,p,li,b,span,small,em,time,summary{overflow-wrap:anywhere}

/* grid children may never be forced wider than their track */
.feature-grid>*,.uc-grid>*,.bl-grid>*,.exec-grid>*,.device-grid>*,.heritage-grid>*,
.industry-card-grid>*,.gi-uc-grid>*,.hh-cred-grid>*,.hh-band-inner>*,.hhc-kpis>*,
.gi-foot>*,.hhc-split>*,.uc-two>*,.post-body-grid>*,.split>*{min-width:0}

@media(max-width:900px){
  .uc-two,.hhc-split,.vts-grid,.hh-cred-inner,.post-body-grid{grid-template-columns:1fr!important}
}

@media(max-width:620px){
  /* every multi-column grid becomes one column */
  .feature-grid,.uc-grid,.bl-grid,.exec-grid,.device-grid,.heritage-grid,
  .industry-card-grid,.gi-agents,.gi-sectors,.gi-chips,.gi-dials,.gi-vs,
  .heritage-domains,.uc-two,.hhc-split,.vts-grid,.hh-grid,.post-body-grid{
    grid-template-columns:1fr!important}
  .gi-uc-grid,.hh-cred-grid,.hhc-kpis,.gi-foot,.hh-band-inner{grid-template-columns:1fr 1fr!important}

  /* type scale */
  .post-head h1{font-size:clamp(1.65rem,7.5vw,2.15rem)}
  .post-body h2{font-size:clamp(1.15rem,5vw,1.35rem)}
  .uc-two h2{font-size:clamp(1.2rem,5.2vw,1.45rem)}

  /* buttons stack full width so nothing is cut off */
  .hero-actions{flex-direction:column;align-items:stretch}
  .hero-actions .button{width:100%;justify-content:center}

  /* long ids and pills must wrap rather than clip */
  .gi-row{flex-wrap:wrap}
  .gi-row .d{flex:1 1 100%;order:3}
  .gi-row>.gi-bar{flex:1 1 100%;order:4}
  .post-meta{gap:6px 12px}
}

@media(max-width:420px){
  .gi-uc-grid,.hh-cred-grid,.hhc-kpis,.hh-band-inner{grid-template-columns:1fr!important}
  .gi-foot{grid-template-columns:1fr 1fr!important}
  .gi-tiles{grid-template-columns:repeat(6,1fr)}
  .gi-cells{grid-template-columns:repeat(6,1fr)}
  .gi-days{grid-template-columns:repeat(4,1fr)}
  .gi-slots{grid-template-columns:repeat(5,1fr)}
  .gi-stops{grid-template-columns:repeat(2,1fr)}
  .exec-note{padding:18px}
}

/* ============================================================
   CONTAINER SYSTEM — single source of truth for page gutters.
   Must stay the last container declaration in this file.
   Legacy layers set .container and .page-hero>.container many
   times with !important, so these carry !important to win.
   ============================================================ */
:root{
  --gf-max:1320px;
  --gf-gutter:clamp(20px,4.5vw,72px);
}
.container,
.page-hero>.container,
.route-page-hero>.container,
.home-hero>.container,
.post-head>.container{
  width:min(var(--gf-max),calc(100% - (var(--gf-gutter) * 2)))!important;
  max-width:100%!important;
  margin-inline:auto!important;
}
.nav-wrap{width:min(var(--gf-max),calc(100% - (var(--gf-gutter) * 2)))!important;margin-inline:auto!important}

/* narrower measure for reading columns, still inside the same gutter */
.post-head-inner{max-width:820px}
.legal-copy{max-width:820px}

@media(max-width:1100px){:root{--gf-gutter:clamp(20px,4vw,44px)}}
@media(max-width:620px){:root{--gf-gutter:18px}}
@media(max-width:380px){:root{--gf-gutter:14px}}

/* ============================================================
   USE CASE HERO PANELS — one distinct instrument per page
   ============================================================ */
.ucp{gap:9px;justify-content:center}
.ucp .tr{display:block;flex:1;height:6px;border-radius:999px;background:rgba(255,255,255,.10);overflow:hidden;min-width:34px}
.ucp .tr i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gi-acc),var(--gi-acc2))}
.ucp .tr i.ok{background:linear-gradient(90deg,#2fbb7a,#5fdca0)}
.ucp .tr i.warn{background:linear-gradient(90deg,#e5992c,#ffc165)}
.ucp .tr i.crit,.ucp .tr i.rose{background:linear-gradient(90deg,#ef5a68,#ff8a94)}

/* --- fuel reconciliation --- */
.ucp-sig{display:flex;align-items:center;gap:10px;font-size:.74rem}
.ucp-sig .lb{width:96px;flex:none;color:#c2d4ea}
.ucp-sig .vl{width:56px;flex:none;text-align:right;font-family:'Space Grotesk','Manrope',sans-serif;color:#fff;font-size:.72rem}
.ucp-verdict{display:flex;gap:11px;align-items:flex-start;margin-top:5px;padding:12px 13px;border-radius:12px;background:rgba(239,90,104,.11);border:1px solid rgba(239,90,104,.30)}
.ucp-verdict>.material-symbols-rounded{font-size:21px;color:#ff8a94;flex:none}
.ucp-verdict b{display:block;font-size:.82rem;color:#fff}
.ucp-verdict span{display:block;font-size:.69rem;color:#d8b3b8;line-height:1.4;margin-top:2px}

/* --- lane margin waterfall --- */
.ucp-axis{display:flex;justify-content:space-between;font-size:.58rem;letter-spacing:.06em;color:#7e95b5;padding:0 0 2px}
.ucp-lane{display:flex;align-items:center;gap:9px;font-size:.73rem}
.ucp-lane .ln{width:92px;flex:none;color:#c2d4ea;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ucp-lane .tk{position:relative;flex:1;height:16px;min-width:60px;border-radius:4px;background:rgba(255,255,255,.05)}
.ucp-lane .tk:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(255,255,255,.28)}
.ucp-lane .tk i{position:absolute;top:3px;bottom:3px;border-radius:3px}
.ucp-lane .tk i.pos{background:linear-gradient(90deg,#2fbb7a,#5fdca0)}
.ucp-lane .tk i.neg{background:linear-gradient(90deg,#ff8a94,#ef5a68)}
.ucp-lane .vl{width:52px;flex:none;text-align:right;font-family:'Space Grotesk','Manrope',sans-serif;font-weight:700;font-size:.71rem}
.ucp-lane .vl.up{color:#5fdca0}
.ucp-lane .vl.dn{color:#ff8a94}

/* --- service runway --- */
.ucp-scale{display:flex;justify-content:space-between;font-size:.57rem;letter-spacing:.05em;color:#7e95b5;padding-left:106px}
.ucp-track{display:flex;align-items:center;gap:10px;font-size:.72rem}
.ucp-track .nm{width:96px;flex:none;color:#c2d4ea;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ucp-track .rw{position:relative;flex:1;height:15px;min-width:80px;border-radius:4px;background:rgba(255,255,255,.05)}
.ucp-track .rw i{position:absolute;top:4px;height:7px;border-radius:999px;background:linear-gradient(90deg,#2f7bff,#63b3ff)}
.ucp-track .rw i.crit{background:linear-gradient(90deg,#ef5a68,#ff8a94)}
.ucp-track .rw i.warn{background:linear-gradient(90deg,#e5992c,#ffc165)}
.ucp-track .rw i.ok{background:linear-gradient(90deg,#2fbb7a,#5fdca0)}
.ucp-track .mk{position:absolute;top:-2px;transform:translateX(-50%);font-family:'Space Grotesk','Manrope',sans-serif;font-size:.56rem;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:1px 5px;border-radius:999px;white-space:nowrap}
.ucp-slot{display:flex;align-items:center;gap:10px;margin-top:4px;padding:11px 13px;border-radius:12px;background:rgba(47,187,122,.10);border:1px solid rgba(47,187,122,.28);flex-wrap:wrap}
.ucp-slot>.material-symbols-rounded{font-size:20px;color:#77e0ac;flex:none}
.ucp-slot b{font-size:.78rem;color:#fff}
.ucp-slot span:not(.material-symbols-rounded){font-size:.68rem;color:#9fd8bb;width:100%;padding-left:30px}

/* --- driver risk distribution --- */
.ucp-ringwrap{display:flex;align-items:center;gap:16px}
.ucp-ring{--pct:80%;position:relative;width:96px;height:96px;flex:none;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gi-acc) var(--pct),rgba(255,255,255,.10) 0)}
.ucp-ring:before{content:"";position:absolute;inset:9px;border-radius:50%;background:#07172c}
.ucp-ring>div{position:relative;text-align:center}
.ucp-ring b{display:block;font-family:'Space Grotesk','Manrope',sans-serif;font-size:1.5rem;font-weight:700;color:#fff;line-height:1}
.ucp-ring span{display:block;font-size:.52rem;letter-spacing:.12em;color:#93a9c8;margin-top:3px}
.ucp-bands{flex:1;display:flex;flex-direction:column;gap:7px;min-width:0}
.ucp-bands>div{display:flex;align-items:center;gap:9px;font-size:.71rem}
.ucp-bands .bd{width:64px;flex:none;color:#c2d4ea}
.ucp-bands .ct{width:32px;flex:none;text-align:right;font-family:'Space Grotesk','Manrope',sans-serif;color:#fff;font-size:.7rem}
.ucp-flag{display:flex;gap:11px;align-items:flex-start;margin-top:5px;padding:12px 13px;border-radius:12px;background:rgba(239,90,104,.10);border:1px solid rgba(239,90,104,.28)}
.ucp-flag>.material-symbols-rounded{font-size:20px;color:#ff8a94;flex:none}
.ucp-flag b{display:block;font-size:.79rem;color:#fff;line-height:1.3}
.ucp-flag span{display:block;font-size:.68rem;color:#d8b3b8;line-height:1.4;margin-top:2px}

/* --- government audit chain --- */
.ucp-stamp{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:12px;background:rgba(47,187,122,.10);border:1px solid rgba(47,187,122,.28)}
.ucp-stamp>.material-symbols-rounded{font-size:24px;color:#77e0ac;flex:none}
.ucp-stamp b{display:block;font-size:.85rem;color:#fff}
.ucp-stamp span{display:block;font-size:.68rem;color:#9fd8bb;margin-top:1px}
.ucp-chain>div{display:grid;grid-template-columns:24px 1fr;gap:10px;padding-bottom:8px;position:relative}
.ucp-chain>div:not(:last-child):before{content:"";position:absolute;left:12px;top:25px;bottom:0;width:1px;background:rgba(255,255,255,.14)}
.ucp-chain em{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-style:normal;font-family:'Space Grotesk','Manrope',sans-serif;font-size:.68rem;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#9fb6d6}
.ucp-chain .done em{background:rgba(47,187,122,.18);border-color:rgba(47,187,122,.45);color:#77e0ac}
.ucp-chain .now em{background:rgba(47,123,255,.20);border-color:rgba(47,123,255,.5);color:#8fc4ff}
.ucp-chain b{display:block;font-size:.77rem;color:#fff;line-height:1.25}
.ucp-chain span{display:block;font-size:.66rem;color:#93a9c8;margin-top:1px}

/* --- VTS signal reuse --- */
.ucp-dev{display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);position:relative}
.ucp-dev>.material-symbols-rounded{font-size:24px;color:var(--gi-acc2);flex:none}
.ucp-dev b{display:block;font-size:.85rem;color:#fff}
.ucp-dev>div>span{display:block;font-size:.68rem;color:#93a9c8;margin-top:1px}
.ucp-dot{width:8px;height:8px;border-radius:50%;background:#5fdca0;margin-left:auto;box-shadow:0 0 10px #5fdca0;animation:giPulse 2s ease-in-out infinite}
.ucp-fan{display:grid;grid-template-columns:repeat(4,1fr);height:18px}
.ucp-fan i{justify-self:center;width:1px;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.32),rgba(255,255,255,.06))}
.ucp-outs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.ucp-outs>div{text-align:center;padding:11px 5px;border-radius:11px;background:rgba(47,123,255,.10);border:1px solid rgba(47,123,255,.26)}
.ucp-outs .material-symbols-rounded{font-size:19px;color:#8fc4ff}
.ucp-outs b{display:block;font-size:.63rem;color:#dbe6f5;margin-top:5px;line-height:1.25}
.ucp-zero{display:flex;align-items:center;gap:12px;margin-top:4px;padding:12px 13px;border-radius:12px;background:rgba(47,187,122,.10);border:1px solid rgba(47,187,122,.28)}
.ucp-zero b{font-family:'Space Grotesk','Manrope',sans-serif;font-size:1.5rem;font-weight:700;color:#8fe9bd;flex:none;line-height:1}
.ucp-zero span{font-size:.7rem;color:#9fd8bb;line-height:1.4}

@media(max-width:620px){
  .ucp-ringwrap{flex-direction:column;align-items:stretch;gap:14px}
  .ucp-ring{margin:0 auto}
  .ucp-scale{padding-left:0}
  .ucp-track .nm,.ucp-lane .ln,.ucp-sig .lb{width:82px}
  .ucp-outs,.ucp-fan{grid-template-columns:repeat(2,1fr)}
  .ucp-fan{height:14px}
  .ucp-outs{gap:7px}
}

/* per-panel stage rhythm */
.ucp-recon{gap:10px}
.ucp-water{gap:8px}
.ucp-runway{gap:9px}
.ucp-risk{gap:12px}
.ucp-audit{gap:12px}
.ucp-reuse{gap:0}
.ucp-reuse .ucp-outs{margin-top:0}

/* full-bleed blocks brought into the same gutter as .container */
.operating-gap-panel,
.operating-gap-edge{
  width:min(var(--gf-max),calc(100% - (var(--gf-gutter) * 2)))!important;
  margin-inline:auto!important;
}
.not-found{
  width:min(var(--gf-max),calc(100% - (var(--gf-gutter) * 2)));
  margin-inline:auto;
  padding-block:clamp(96px,16vh,180px) clamp(48px,8vh,96px);
  text-align:center;
}
.not-found img{width:150px;height:auto;margin:0 auto 22px;display:block}
.not-found .hero-actions{justify-content:center;flex-wrap:wrap}

/* ---- homepage use-case teaser ---- */
.res-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.res-card{display:flex;flex-direction:column;gap:10px;padding:20px 18px;border-radius:16px;text-decoration:none;
  background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10);transition:transform .2s,border-color .2s,background .2s}
.res-card:hover{transform:translateY(-3px);background:rgba(255,255,255,.07);border-color:rgba(47,123,255,.45)}
.res-card>.material-symbols-rounded{font-size:24px;color:#63b3ff}
.res-card b{font-size:.95rem;line-height:1.35;color:#fff;letter-spacing:-.01em;flex:1}
.rc-go{font-size:.72rem;font-weight:700;letter-spacing:.05em;color:#a9d4ff}
.res-foot{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:26px}
@media(max-width:620px){
  .res-grid{grid-template-columns:1fr!important}
  .res-foot{flex-direction:column}
  .res-foot .button{width:100%;justify-content:center}
}

/* ============================================================
   CALL TO ACTION — .container provides the page gutter,
   .mini-cta-box provides its own internal padding.
   ============================================================ */
.mini-cta{padding-top:clamp(28px,5vh,52px);padding-bottom:clamp(40px,7vh,80px)}
.mini-cta-box{
  position:relative;overflow:hidden;
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);
  align-items:center;
  gap:clamp(26px,4vw,56px)!important;
  padding:clamp(30px,4.4vw,60px)!important;
  border-radius:clamp(18px,2vw,28px)!important;
  background:
    radial-gradient(120% 140% at 8% 0%,rgba(47,123,255,.34),transparent 58%),
    radial-gradient(90% 120% at 100% 100%,rgba(47,187,122,.20),transparent 60%),
    linear-gradient(145deg,#06182f,#0a2f5c)!important;
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 40px 90px -38px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.09);
}
.mini-cta-box:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:radial-gradient(80% 80% at 70% 30%,#000,transparent 75%);
  mask-image:radial-gradient(80% 80% at 70% 30%,#000,transparent 75%);
}
.mcta-copy,.mcta-act{position:relative;z-index:1;min-width:0}
.mini-cta-box h2{font-size:clamp(1.5rem,2.7vw,2.35rem)!important;line-height:1.16;letter-spacing:-.025em;margin:0 0 12px}
.mini-cta-box p{margin:0;max-width:56ch!important;font-size:.95rem;line-height:1.65;color:rgba(255,255,255,.74)!important}

.mcta-act{display:flex;flex-direction:column;align-items:stretch;gap:12px}
.mcta-primary{justify-content:center;gap:9px;width:100%;padding-block:15px;font-size:1rem}
.mcta-alt{text-align:center;font-size:.84rem;font-weight:600;color:#a9d4ff;text-decoration:none;padding:2px}
.mcta-alt:hover{color:#fff;text-decoration:underline}
.mcta-trust{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;
  font-size:.72rem;line-height:1.4;color:#9fb6d6;padding-top:10px;border-top:1px solid rgba(255,255,255,.12)}
.mcta-trust .material-symbols-rounded{font-size:17px;color:#5fdca0;flex:none}

@media(max-width:900px){
  .mini-cta-box{grid-template-columns:1fr!important;gap:24px!important}
  .mini-cta-box p{max-width:none!important}
  .mcta-act{max-width:420px}
}
@media(max-width:620px){
  .mini-cta-box{padding:26px 22px!important;text-align:left}
  .mcta-act{max-width:none}
  .mcta-trust{justify-content:flex-start;text-align:left}
}

/* ============================================================
   FOOTER — brand + contact, then a five-column link grid
   ============================================================ */
.site-footer{background:#03101f;border-top:1px solid rgba(255,255,255,.08);padding:clamp(44px,7vh,76px) 0 0;color:#a9bdd8}
.site-footer:before{display:none!important}

.footer-top{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);
  align-items:start;padding-bottom:clamp(30px,4vh,44px);border-bottom:1px solid rgba(255,255,255,.09)}
.footer-brand .brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;margin-bottom:16px}
.footer-brand .brand img{width:38px;height:auto}
.footer-brand .brand span{font-size:1.22rem;font-weight:800;color:#fff;letter-spacing:-.02em}
.footer-brand p{margin:0 0 12px;font-size:.92rem;line-height:1.65;color:#9fb6d6;max-width:46ch}
.footer-brand small{font-size:.8rem;color:#7e95b5}

.footer-contact{display:flex;flex-direction:column;gap:9px;align-items:flex-start}
.footer-contact>b{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#7e95b5;margin-bottom:3px}
.fc-line{display:flex;align-items:center;gap:9px;font-size:.88rem;color:#c2d4ea;text-decoration:none}
a.fc-line:hover{color:#7fb2ff}
.fc-line .material-symbols-rounded{font-size:18px;color:#63b3ff;flex:none}
.fc-note{font-size:.78rem;color:#7e95b5;padding-left:27px;line-height:1.45}
.fc-cta{margin-top:8px}

.footer-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(20px,2.6vw,40px);
  padding:clamp(30px,4.5vh,48px) 0}
.footer-links>div{display:flex;flex-direction:column;gap:11px;min-width:0}
.footer-links b{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:3px}
.footer-links a{font-size:.87rem;line-height:1.4;color:#9fb6d6;text-decoration:none;transition:color .15s}
.footer-links a:hover{color:#7fb2ff}

.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:20px 0 26px;border-top:1px solid rgba(255,255,255,.09);font-size:.82rem;color:#7e95b5}
.footer-legal{display:flex;gap:22px;flex-wrap:wrap}
.footer-legal a{color:#9fb6d6;text-decoration:none}
.footer-legal a:hover{color:#7fb2ff;text-decoration:underline}

@media(max-width:1000px){
  .footer-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
}
@media(max-width:820px){
  .footer-top{grid-template-columns:1fr;gap:30px}
  .footer-brand p{max-width:none}
}
@media(max-width:620px){
  .footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}
  .footer-legal{gap:16px}
  .fc-cta{width:100%;justify-content:center}
}
@media(max-width:400px){
  .footer-links{grid-template-columns:1fr}
}

/* ============================================================
   LEGAL PAGES — privacy, terms
   ============================================================ */
.legal-hero{background:linear-gradient(160deg,#06182f,#04101f);color:#fff;padding:clamp(118px,15vh,164px) 0 clamp(38px,5vh,58px);border-bottom:1px solid rgba(255,255,255,.08)}
.legal-hero h1{font-size:clamp(1.9rem,3.4vw,2.9rem);line-height:1.14;letter-spacing:-.026em;margin:0 0 14px;font-weight:800;color:#fff}
.legal-hero p{margin:0 0 16px;max-width:64ch;font-size:clamp(.96rem,1.2vw,1.08rem);line-height:1.62;color:#b9cbe4}
.legal-updated{display:inline-block;font-size:.74rem;letter-spacing:.05em;color:#8ba3c4;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);padding:5px 12px;border-radius:999px}

.legal-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:clamp(28px,4vw,60px);align-items:start}
.legal-toc{position:sticky;top:104px}
.legal-toc>b{display:block;font-size:.64rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#6f8099;margin-bottom:12px}
.legal-toc ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}
.legal-toc li{font-size:.83rem;line-height:1.35}
.legal-toc a{color:#2b4a75;text-decoration:none}
.legal-toc a:hover{color:#2f7bff;text-decoration:underline}

.legal-copy{max-width:76ch}
.legal-draft{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;margin-bottom:30px;border-radius:14px;background:#fff8ec;border:1px solid rgba(200,140,30,.28)}
.legal-draft .material-symbols-rounded{font-size:20px;color:#b8801c;flex:none;margin-top:1px}
.legal-draft p{margin:0;font-size:.86rem;line-height:1.6;color:#6b5220}
.legal-block{padding:0 0 4px;margin-bottom:26px}
.legal-block h2{font-size:clamp(1.12rem,1.7vw,1.36rem);line-height:1.3;letter-spacing:-.018em;color:#0b2244;margin:0 0 12px;scroll-margin-top:104px}
.legal-block p{margin:0 0 13px;font-size:.94rem;line-height:1.72;color:#3f5470}
.legal-block p:last-child{margin-bottom:0}
.legal-block b{color:#0b2244;font-weight:700}
.legal-block a{color:#2f7bff}

@media(max-width:900px){
  .legal-grid{grid-template-columns:1fr;gap:26px}
  .legal-toc{position:static}
  .legal-toc ol{columns:2;column-gap:24px}
  .legal-copy{max-width:none}
}
@media(max-width:520px){.legal-toc ol{columns:1}}