:root{
  --bg:#030d17;
  --bg2:#071624;
  --card:#071a2a;
  --line:#17374e;
  --text:#f6f8fb;
  --muted:#aebaca;
  --gold:#ffbf19;
  --green:#21cf73;
  --cyan:#55b9ff;
  --ink:#08111c;
  --paper:#f4f7fb;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button{font:inherit}
.wrap{width:min(1480px,calc(100% - 44px));margin:auto}

.site-header{position:sticky;top:0;z-index:50;background:rgba(2,10,17,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05)}
.nav-wrap{display:flex;align-items:center;gap:28px;min-height:70px}
.brand{display:flex;align-items:center;gap:10px;min-width:230px}
.brand-mark{display:grid;place-items:center;width:38px;height:38px;font-size:25px;font-weight:800;color:#07111c;background:linear-gradient(135deg,#ffd84c,var(--gold));border-radius:8px;transform:skew(-8deg)}
.brand-copy{display:flex;flex-direction:column}
.brand-copy strong{font-size:23px;line-height:1}
.brand-copy small{font-size:8px;margin-top:7px;color:#fff;letter-spacing:.05em}
.nav-links{display:flex;gap:28px;margin-left:auto;font-size:13px}
.nav-links a{color:#eef4f8}
.nav-cta{margin-left:20px}
.nav-toggle{display:none;margin-left:auto;background:none;border:0;color:#fff;font-size:25px}

.btn{display:inline-flex;align-items:center;gap:28px;padding:14px 20px;border-radius:6px;font-size:14px;font-weight:700}
.btn-gold{background:var(--gold);color:#111}
.btn-outline{border:1px solid #83909b;color:#fff;background:rgba(3,13,23,.48)}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;margin:0 0 18px;color:#213252}
.green{color:#47dfb2}.cyan{color:#61c9ff}.blue{color:#2857c0}
.green-text{color:var(--green)!important}

.hero{position:relative;overflow:hidden;background:
  radial-gradient(circle at 58% 43%,rgba(0,115,255,.16),transparent 26%),
  linear-gradient(135deg,#020a12 0%,#06131f 60%,#020a12 100%)}
.hero-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent)}
.hero-layout{position:relative;display:grid;grid-template-columns:1.15fr 1.65fr .95fr;gap:22px;min-height:560px;padding:42px 0 28px;align-items:center}
.hero-copy{z-index:2}
.hero h1{font-size:52px;line-height:1.02;margin:0 0 22px;letter-spacing:-.04em}
.hero h1 span{color:#ffd568}
.hero-text{max-width:560px;font-size:18px;line-height:1.62;color:#e2e8ee}
.hero-actions{display:flex;gap:14px;margin-top:30px}
.trusted{margin-top:28px}
.trusted>span{display:block;font-size:9px;color:#aebac5;letter-spacing:.08em;margin-bottom:14px}
.trusted-logos{display:flex;gap:22px;align-items:center;flex-wrap:wrap;color:#9aa5b3}
.hero-art{align-self:stretch;display:flex;align-items:center}
.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:8px;mix-blend-mode:screen;filter:saturate(1.08) contrast(1.04)}
.hero-stats{display:flex;flex-direction:column;gap:10px}
.metric{border:1px solid var(--line);background:rgba(4,20,34,.92);border-radius:8px;padding:16px}
.metric span{display:block;font-size:10px;color:#c7d1db;margin-bottom:8px}
.metric strong{display:block;font-size:25px}.metric small{display:block;color:#fff;font-size:11px;margin-top:5px}.metric em{display:block;color:var(--green);font-size:10px;font-style:normal;margin-top:10px}
.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sparkline{color:#3dabff;text-align:right;font-size:24px;letter-spacing:-3px}

.platform-section{background:var(--paper);color:#0d1722;padding:28px 0 26px}
.platform-grid{display:grid;grid-template-columns:1.2fr 2.3fr 2.4fr .85fr;gap:24px;align-items:center}
.platform-copy h2{font-size:36px;line-height:1.03;margin:0 0 15px;letter-spacing:-.03em}
.platform-copy>p:not(.eyebrow){font-size:13px;line-height:1.5;color:#37465a}
.check-list{list-style:none;padding:0;margin:15px 0 0;display:grid;gap:8px;font-size:12px}.check-list li:before{content:"✓";color:#13a657;margin-right:10px;font-weight:800}
.platform-visual img{width:100%;border-radius:9px;box-shadow:0 15px 35px rgba(11,25,40,.16)}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.product-grid article{background:#fff;border:1px solid #e0e6ed;border-radius:8px;padding:18px;min-height:130px}
.product-grid .icon{font-size:25px;color:#235bd2}.product-grid h3{font-size:14px;margin:8px 0}.product-grid p{font-size:11px;line-height:1.5;color:#4d5d70;margin:0}
.benefits{display:grid;gap:18px}.benefits div{border-bottom:1px solid #dbe1e6;padding-bottom:11px}.benefits strong{display:block;color:#27975d;font-size:23px}.benefits span{font-size:11px;color:#253446}

.automation-section{padding:22px 0 28px;background:#04111d;border-top:1px solid #153147;border-bottom:1px solid #153147}
.automation-flow{display:grid;grid-template-columns:repeat(15,auto);align-items:center;justify-content:space-between;gap:7px}
.automation-flow>div{text-align:center;min-width:92px}.automation-flow b{display:grid;place-items:center;width:58px;height:58px;border:1px solid #1f5c8a;border-radius:9px;margin:0 auto 10px;font-size:25px}.automation-flow span{font-size:10px;line-height:1.45}.automation-flow i{color:#88d0ff;font-style:normal;font-size:18px}
.automation-note{color:#8cb6d1;font-size:13px}

.atlas-future{background:#04111d}
.atlas-grid{display:grid;grid-template-columns:1fr 1.15fr}
.atlas-panel,.future-panel{min-height:285px;border-right:1px solid #1c394f;padding:28px;display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:center}
.atlas-panel h2{font-size:19px;margin:0 0 6px}.atlas-panel p,.future-panel p{font-size:11px;line-height:1.65;color:#c9d3dc}
.questions{display:grid;gap:7px}.questions button{color:#d8e7f2;background:#10273a;border:1px solid #2b5575;border-radius:6px;padding:9px 12px;text-align:left;font-size:10px}
.atlas-panel img,.future-panel img{width:100%;height:220px;object-fit:cover;border-radius:7px}
.future-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;color:#dce9ef;font-size:10px}.future-list span::first-letter{color:var(--green)}

.industries-section{background:#fff;color:#0d1722;padding:27px 0}
.industry-layout{display:grid;grid-template-columns:2fr 1fr;gap:36px}
.industry-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.industry-grid div,.impact-grid div{text-align:center;font-size:24px}.industry-grid span,.impact-grid span{display:block;font-size:9px;line-height:1.3;margin-top:8px;color:#23364b}
.impact-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.impact-grid div{color:#209958}

.cta-section{padding:42px 0;background:linear-gradient(135deg,#081b2a,#03101a)}
.cta-box{display:flex;justify-content:space-between;gap:30px;align-items:center;border:1px solid #173f5a;border-radius:12px;padding:34px;background:rgba(2,14,23,.75)}
.cta-box h2{font-size:34px;margin:0 0 12px}.cta-box p{max-width:750px;color:#bac6d0}
.cta-actions{display:flex;gap:12px;flex-direction:column}

footer{padding:35px 0;background:#020a11;border-top:1px solid #122536}
.footer-grid{display:grid;grid-template-columns:1.1fr 2fr 1fr;gap:35px;align-items:center}.footer-grid p{color:#a9b6c1;font-size:12px;line-height:1.6}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px;color:#bac6d0}

@media (max-width:1100px){
  .nav-links{display:none}.nav-toggle{display:block}.nav-cta{display:none}
  .hero-layout{grid-template-columns:1fr 1.2fr}.hero-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}
  .metric-row{display:contents}
  .platform-grid{grid-template-columns:1fr 1.6fr}.products,.benefits{grid-column:1/-1}
  .benefits{grid-template-columns:repeat(5,1fr)}
  .automation-flow{overflow:auto;justify-content:start;padding-bottom:8px}
  .industry-layout{grid-template-columns:1fr}.industry-grid{grid-template-columns:repeat(6,1fr)}
}
@media (max-width:720px){
  .wrap{width:min(100% - 28px,680px)}
  .nav-wrap{min-height:66px}.brand{min-width:unset}.brand-copy strong{font-size:21px}
  .hero-layout{display:flex;flex-direction:column;align-items:stretch;padding-top:26px}
  .hero-copy{order:1}.hero-art{order:2;height:300px}.hero-stats{order:3;display:grid;grid-template-columns:1fr 1fr}
  .hero h1{font-size:40px}.hero-text{font-size:15px}.hero-actions{flex-direction:column}.btn{justify-content:space-between;width:100%}
  .trusted-logos{gap:14px;font-size:12px}
  .platform-grid{display:block}.platform-copy,.platform-visual,.products,.benefits{margin-bottom:28px}
  .platform-copy h2{font-size:34px}.product-grid{grid-template-columns:1fr 1fr}.benefits{grid-template-columns:1fr 1fr}
  .atlas-grid{grid-template-columns:1fr}.atlas-panel,.future-panel{grid-template-columns:1fr;padding:24px}.atlas-panel img,.future-panel img{height:210px}
  .industry-grid{grid-template-columns:repeat(3,1fr)}.impact-grid{grid-template-columns:repeat(3,1fr)}
  .cta-box{display:block}.cta-actions{margin-top:24px}
  .footer-grid{grid-template-columns:1fr}
  .nav-links.open{display:flex;position:absolute;top:66px;left:0;right:0;padding:20px 22px;background:#05121d;flex-direction:column;border-bottom:1px solid #1a3348}
}


/* V3 hybrid refinements */
.original-logo{min-width:230px}
.original-logo img{width:205px;max-height:54px;object-fit:contain;object-position:left center}
.footer-brand.original-logo img{width:190px}

/* Hero: artwork is contained in the centre lane and cannot cover the headline */
.hero-layout{grid-template-columns:minmax(350px,1.08fr) minmax(520px,1.72fr) minmax(300px,.95fr);gap:18px}
.hero-copy{position:relative;z-index:5}
.hero-art{position:relative;z-index:1;overflow:hidden;min-width:0}
.hero-art:before{
 content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
 background:linear-gradient(90deg,#030d17 0%,rgba(3,13,23,.08) 12%,rgba(3,13,23,0) 78%,rgba(3,13,23,.55) 100%);
}
.hero-art img{
 position:relative;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center center;
 border-radius:0;mix-blend-mode:normal;filter:none;
}
.hero-stats{position:relative;z-index:5}

/* Better platform device presentation while keeping the V1 section */
.platform-visual{align-self:end;display:flex;align-items:flex-end;justify-content:center;overflow:visible}
.platform-visual img{width:100%;max-height:300px;object-fit:contain;box-shadow:none;border-radius:0}

/* V1 automation retained with transport/operations icon treatment */
.transport-icon{font-size:18px;font-weight:800;color:#6ec7ff;letter-spacing:-1px}
.automation-flow b{background:linear-gradient(180deg,#071b2b,#05131f)}

/* Improved V1 transport sectors */
.industry-grid{gap:20px}
.industry-grid div{display:flex;min-height:82px;flex-direction:column;align-items:center;justify-content:flex-start;padding:8px 3px;border-radius:8px}
.sector-icon{display:grid;place-items:center;width:42px;height:42px;border:1.5px solid #173d67;border-radius:10px;color:#123c70;font-style:normal;font-size:22px;margin-bottom:8px;background:#f9fbfd}
.industry-grid span{font-weight:600;color:#1d3048;line-height:1.35}
.industry-block{padding-right:10px}

@media(max-width:1100px){
 .original-logo{min-width:unset}.original-logo img{width:185px}
 .hero-layout{grid-template-columns:1fr 1.15fr}
}
@media(max-width:720px){
 .original-logo img{width:165px}
 .hero-art:before{background:linear-gradient(180deg,#030d17 0%,transparent 15%,transparent 82%,#030d17 100%)}
 .industry-grid div{min-height:90px}
}


/* V4: exact approved desktop hero banner */
.hero-approved{
  position:relative;
  width:100%;
  height:auto;
  min-height:0;
  overflow:hidden;
  background:#020b13;
}
.hero-approved .approved-banner{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
.hero-banner-link{
  position:absolute;
  z-index:4;
  display:block;
}
.hero-approved .demo-link{left:1.2%;top:72.5%;width:10.2%;height:17%}
.hero-approved .ai-link{left:12.1%;top:72.5%;width:10.5%;height:17%}

/* Proper line-art sector / sustainability icons */
.industry-grid div,.impact-grid div{
  background:transparent!important;
  border:0!important;
  min-height:0!important;
  padding:0!important;
}
.industry-grid img{
  width:42px;height:42px;object-fit:contain;margin:0 auto 9px;
}
.impact-grid img{
  width:42px;height:42px;object-fit:contain;margin:0 auto 9px;
}
.industry-grid span,.impact-grid span{
  display:block;
  text-align:center;
  font-size:10px;
  line-height:1.3;
  color:#22364d;
  font-weight:500;
}

/* Keep the sector row airy and close to the approved reference */
.industry-grid{grid-template-columns:repeat(12,1fr);gap:16px;align-items:start}
.impact-grid{grid-template-columns:repeat(5,1fr);gap:20px;align-items:start}

@media(max-width:720px){
  .hero-approved .approved-banner{width:185%;max-width:none;transform:translateX(-2%)}
  .hero-approved{overflow:hidden}
  .hero-approved .demo-link,.hero-approved .ai-link{display:none}
  .industry-grid{grid-template-columns:repeat(3,1fr);row-gap:25px}
  .impact-grid{grid-template-columns:repeat(3,1fr);row-gap:25px}
}


/* =========================================================
   V5 CRISP LIVE HERO
   All headline/stat text is HTML. Only truck/van/map artwork is raster.
   ========================================================= */
.hero-live{
  position:relative;
  min-height:445px;
  overflow:hidden;
  background:linear-gradient(90deg,#020b13 0%,#03121d 60%,#03111b 100%);
}
.hero-live .hero-network{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(60,150,210,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(60,150,210,.025) 1px,transparent 1px);
  background-size:52px 52px;
  opacity:.45;
}
.hero-live-inner{
  position:relative;z-index:2;
  width:min(1920px,100%);
  margin:auto;
  display:grid;
  grid-template-columns:minmax(380px,430px) minmax(650px,760px) minmax(700px,1fr);
  min-height:445px;
}
.hero-live-copy{
  padding:31px 18px 20px 26px;
  position:relative;z-index:5;
}
.hero-live-copy .eyebrow{font-size:10px;margin-bottom:15px}
.hero-live-copy h1{
  margin:0 0 17px;
  font-size:43px;
  line-height:.99;
  letter-spacing:-1.8px;
  font-weight:800;
}
.hero-live-copy h1 span{color:#ffd15b}
.hero-live-copy>p{
  margin:0;
  max-width:405px;
  font-size:15px;
  line-height:1.55;
  color:#e6edf2;
}
.hero-live-buttons{display:flex;gap:13px;margin-top:24px}
.hero-live-buttons .button{min-width:190px}
.hero-live-copy .trust-title{margin-top:21px;font-size:8px}
.hero-operator-logos{
  display:flex;gap:20px;align-items:center;flex-wrap:wrap;
  margin-top:11px;color:#a5adb6;font-size:14px;font-style:italic;
}
.hero-operator-logos span{font-size:10px;font-style:normal}

.hero-live-art{
  position:relative;
  overflow:hidden;
  min-width:0;
}
.hero-live-art:before,.hero-live-art:after{
  content:"";position:absolute;top:0;bottom:0;width:95px;z-index:2;pointer-events:none
}
.hero-live-art:before{left:0;background:linear-gradient(90deg,#03101a,transparent)}
.hero-live-art:after{right:0;background:linear-gradient(270deg,#03111b,transparent)}
.hero-live-art img{
  width:100%;height:100%;object-fit:cover;object-position:center;
  display:block;
}

.hero-live-stats{
  padding:0 0 7px 0;
  min-width:0;
}
.stats-top{
  display:grid;
  grid-template-columns:188px minmax(290px,1fr) 205px;
  gap:12px;
  margin-top:0;
}
.stats-bottom{
  display:grid;
  grid-template-columns:132px 132px 145px minmax(205px,1fr);
  grid-template-rows:138px 138px;
  gap:12px;
  margin-top:12px;
}
.hero-card{
  background:rgba(4,24,39,.96);
  border:1px solid #1a425d;
  border-radius:8px;
  padding:14px;
  color:#fff;
}
.hero-card label{
  display:block;
  color:#bdc9d2;
  font-size:9px;
  margin-bottom:11px;
}
.live-card label{color:#58df83}
.live-card strong,.predict-card strong,.fuel-card strong,.comp-card strong{
  display:block;font-size:28px;line-height:1
}
.live-card>span,.predict-card>span,.fuel-card>span,.comp-card>span{
  display:block;font-size:10px;margin-top:5px
}
.live-card em{display:block;font-style:normal;color:#48e664;font-size:10px;margin-top:9px}
.live-card em small{color:#a9b7c2}
.fleet-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.fleet-mini span b{display:block;font-size:18px}.fleet-mini span small{display:block;font-size:8px;margin-top:3px}
.fleet-mini .g{color:#48df6c}.fleet-mini .r{color:#ff5561}
.today-card>div{display:flex;justify-content:space-between;border-bottom:1px solid #17384e;padding:6px 0}
.today-card>div span,.today-card>div b{font-size:9px}
.today-card a,.predict-card a,.maint-card a{display:block;color:#58c0ff;font-size:9px;margin-top:9px}
.route-card{grid-row:1/span 2}
.route-card>div{display:grid;grid-template-columns:10px 1fr 34px;align-items:center;padding:13px 0;border-bottom:1px solid #15364b}
.route-card>div:last-child{border-bottom:0}
.route-card i{width:7px;height:7px;border-radius:50%}
.route-card span,.route-card b{font-size:9px}.route-card b{text-align:right}
.s-green{background:#39d777}.s-blue{background:#3189ff}.s-amber{background:#f4b000}.s-red{background:#ff4b58}
.safety-card{text-align:center}
.score-ring{
  width:74px;height:74px;border-radius:50%;margin:4px auto 6px;
  display:grid;place-items:center;
  background:conic-gradient(#62dc30 0 88%,#173448 88% 100%);
  position:relative;
}
.score-ring:after{content:"";position:absolute;inset:8px;background:#071a29;border-radius:50%}
.score-ring b{position:relative;z-index:2;font-size:20px}
.safety-card>span{color:#67df68;font-size:9px}
.maint-card{grid-column:4;grid-row:1}
.maint-values{display:grid;grid-template-columns:1fr 1fr}
.maint-values b{display:block;font-size:22px}.maint-values small{font-size:8px;display:block}
.fuel-card{grid-column:2/span 2;grid-row:2}
.fuel-card svg{width:100%;height:38px;margin-top:-5px}
.comp-card{grid-column:4;grid-row:2;position:relative}
.comp-card strong,.comp-card span{color:#52df59}
.shield{
  position:absolute;right:18px;bottom:20px;width:36px;height:44px;
  border:2px solid #4ce35a;border-radius:18px 18px 22px 22px;
  display:grid;place-items:center;color:#fff;font-size:17px;
}

/* At desktop widths, hero art and HTML cards remain sharp and separated */
@media(max-width:1550px){
  .hero-live-inner{grid-template-columns:minmax(340px,400px) minmax(520px,650px) minmax(590px,1fr)}
  .hero-live-copy h1{font-size:38px}
  .hero-live-copy>p{font-size:13px}
  .stats-top{grid-template-columns:160px minmax(250px,1fr) 190px}
  .stats-bottom{grid-template-columns:120px 120px 130px minmax(190px,1fr)}
}
@media(max-width:1180px){
  .hero-live-inner{grid-template-columns:1fr 1.35fr}
  .hero-live-stats{grid-column:1/-1;padding:15px 20px 22px}
  .stats-top{grid-template-columns:repeat(3,1fr)}
  .stats-bottom{grid-template-columns:repeat(4,1fr);grid-template-rows:auto}
  .route-card,.maint-card,.fuel-card,.comp-card{grid-column:auto;grid-row:auto}
}
@media(max-width:720px){
  .hero-live-inner{display:block}
  .hero-live-copy{padding:28px 20px 22px}
  .hero-live-copy h1{font-size:38px}
  .hero-live-copy>p{font-size:14px}
  .hero-live-buttons{flex-direction:column}
  .hero-live-buttons .button{width:100%}
  .hero-live-art{height:330px}
  .hero-live-art:before{background:linear-gradient(90deg,#03101a,transparent 30%)}
  .hero-live-art:after{background:linear-gradient(270deg,#03111b,transparent 30%)}
  .stats-top,.stats-bottom{grid-template-columns:1fr 1fr}
  .today-card{grid-column:1/-1}
  .route-card{grid-row:auto}
}

/* MVC internal pages */
.nav-item{position:relative}.nav-item>.dropdown{display:none;position:absolute;top:28px;left:-18px;min-width:220px;padding:10px;background:#061522;border:1px solid #1a3a50;border-radius:8px;box-shadow:0 18px 45px rgba(0,0,0,.35)}.nav-item:hover>.dropdown{display:grid}.nav-item>.dropdown a{padding:9px 10px;border-radius:5px}.nav-item>.dropdown a:hover{background:#0b2234}.content-hero{padding:75px 0 65px;background:radial-gradient(circle at 75% 30%,rgba(18,91,150,.24),transparent 30%),linear-gradient(135deg,#020b13,#061a2a);border-bottom:1px solid #17374d}.content-hero .eyebrow{color:#53d9b0}.content-hero h1{max-width:900px;font-size:56px;line-height:1.02;margin:0 0 20px}.content-hero h1 span{color:#ffd15b}.content-hero p{max-width:820px;color:#c6d2dc;font-size:18px;line-height:1.65}.content-section{padding:70px 0;background:#f5f8fb;color:#0b1725}.content-section.dark{background:#04111d;color:#fff}.content-section h2{font-size:38px;margin:0 0 18px}.content-section p{line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{padding:28px;border:1px solid #dce4eb;background:#fff;border-radius:12px;box-shadow:0 8px 25px rgba(15,32,48,.05)}.dark .feature-card{background:#071b2b;border-color:#173d58}.feature-card h3{margin:10px 0 8px;font-size:20px}.feature-card p{font-size:14px;color:#526274}.dark .feature-card p{color:#b8c8d4}.feature-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid #2e69bf;border-radius:12px;color:#2162c7;font-weight:800}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.bullet-list{list-style:none;padding:0;display:grid;gap:11px}.bullet-list li:before{content:"✓";color:#25b863;font-weight:800;margin-right:10px}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.stat-strip div{padding:22px;background:#071b2b;border:1px solid #18405b;border-radius:9px}.stat-strip b{font-size:30px;color:#3bd477;display:block}.stat-strip span{font-size:12px;color:#b8c6d1}.page-cta{padding:55px 0;background:#071726}.page-cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.page-cta h2{font-size:34px;margin:0 0 8px}.page-cta p{color:#b7c5d0}.industry-cards .feature-card{min-height:230px}.form-shell{display:grid;grid-template-columns:1fr 1fr;gap:45px}.demo-form{display:grid;gap:15px}.demo-form label{font-size:12px;font-weight:700}.demo-form input,.demo-form textarea{width:100%;padding:13px 14px;border:1px solid #cbd6df;border-radius:7px;font:inherit}.demo-form textarea{min-height:140px}.validation-summary-errors,.field-validation-error{color:#b42318;font-size:12px}.success-box{background:#e8f8ee;border:1px solid #8bd2a5;color:#155b30;padding:14px;border-radius:7px;margin-bottom:20px}.legal-footer{border-top:1px solid #122536;padding:18px 0;display:flex;justify-content:space-between;color:#7f8d98;font-size:10px}@media(max-width:900px){.feature-grid,.two-col,.form-shell{grid-template-columns:1fr}.stat-strip{grid-template-columns:1fr 1fr}.content-hero h1{font-size:42px}.page-cta .wrap{display:block}.page-cta .btn{margin-top:15px}.nav-item>.dropdown{position:static;box-shadow:none}}

/* =========================================================
   HaulSoftWeb V2 - reliable navigation dropdowns
   ========================================================= */
@media(min-width:901px){
  .nav-wrap{min-height:72px}
  .nav-links{align-self:stretch;align-items:stretch;gap:22px}
  .nav-links>.nav-item{position:relative;display:flex;align-items:center;height:72px;padding:0 2px}
  .nav-links>.nav-item>a{height:72px;display:flex;align-items:center;gap:4px;white-space:nowrap}
  .nav-chevron{font-size:10px;color:#99adbb;transition:transform .18s ease}
  .nav-item>.dropdown{
    display:grid!important;
    position:absolute;
    top:calc(100% - 5px);
    left:-18px;
    min-width:235px;
    padding:14px 10px 10px;
    background:#061522;
    border:1px solid #1a3a50;
    border-radius:9px;
    box-shadow:0 20px 45px rgba(0,0,0,.42);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(7px);
    transition:opacity .16s ease,transform .16s ease,visibility 0s linear .28s;
    z-index:500;
  }
  .nav-item>.dropdown:before{content:"";position:absolute;left:0;right:0;top:-16px;height:18px;background:transparent}
  .nav-item:hover>.dropdown,.nav-item:focus-within>.dropdown,.nav-item.dropdown-open>.dropdown{
    opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s
  }
  .nav-item:hover .nav-chevron,.nav-item:focus-within .nav-chevron,.nav-item.dropdown-open .nav-chevron{transform:rotate(180deg)}
  .nav-item>.dropdown a{display:block;padding:10px 11px;border-radius:5px;color:#eaf1f6;line-height:1.25}
  .nav-item>.dropdown a:hover,.nav-item>.dropdown a:focus{background:#0d293d;color:#fff;outline:none}
}

/* News */
.compact-hero{padding-top:62px;padding-bottom:55px}.article-hero time{display:block;color:#7ea0b7;font-size:12px;margin-bottom:14px}.article-wrap{max-width:950px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.news-card{border:1px solid #dce4eb;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 28px rgba(12,30,46,.06);display:flex;flex-direction:column}.news-card>img{width:100%;height:210px;object-fit:cover}.news-card-body{padding:25px;display:flex;flex-direction:column;flex:1}.news-card time{font-size:11px;color:#668096;text-transform:uppercase;letter-spacing:.05em}.news-card h2{font-size:21px;line-height:1.25;margin:10px 0 12px}.news-card h2 a{color:#0b1725}.news-card p{font-size:14px;color:#516274;line-height:1.65;flex:1}.text-link{font-weight:700;color:#1265a8;font-size:13px}.article-layout{display:grid;grid-template-columns:minmax(0,780px) 280px;gap:65px;align-items:start;max-width:1160px}.article-content{font-size:17px;color:#283a4a;line-height:1.78}.article-content h2{font-size:30px;color:#0b1725;margin-top:40px}.article-content h3{font-size:23px;color:#0b1725;margin-top:30px}.article-image{width:100%;border-radius:12px;margin-bottom:30px}.article-aside{position:sticky;top:105px;border:1px solid #dbe4eb;background:#fff;border-radius:12px;padding:24px}.article-aside strong{font-size:22px}.article-aside p{font-size:13px;color:#526274;line-height:1.6}.article-aside .btn{margin-top:8px}

/* CMS/admin */
.admin-shell{min-height:70vh;padding:55px 0 80px;background:#f4f7fa;color:#0b1725}.admin-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;margin-bottom:30px}.admin-heading h1{font-size:38px;margin:6px 0 8px}.admin-heading p{color:#5c6e7e;max-width:750px}.admin-back{color:#22659b;font-weight:700;font-size:12px}.admin-link-button{border:0;background:none;color:#52687a;text-decoration:underline;cursor:pointer}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px}.admin-stats>div{background:#071a29;color:#fff;border-radius:10px;padding:23px}.admin-stats b{display:block;font-size:30px;color:#4fdd78}.admin-stats span{display:block;font-size:11px;color:#b7c5cf;margin-top:5px}.admin-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.admin-actions a{display:flex;justify-content:space-between;padding:24px;background:#fff;border:1px solid #dae3ea;border-radius:10px;font-weight:700;color:#132539}.admin-actions a:hover{border-color:#3280ba}.admin-table-wrap{overflow:auto;background:#fff;border:1px solid #dae3ea;border-radius:10px}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{text-align:left;background:#071a29;color:#fff;padding:13px 14px;font-size:11px}.admin-table td{padding:14px;border-bottom:1px solid #e5ebef;vertical-align:middle}.admin-table tr:last-child td{border-bottom:0}.admin-table .actions{display:flex;gap:12px;align-items:center}.admin-table a{color:#17659d;font-weight:700}.admin-table button{background:none;border:0;color:#a32a2a;text-decoration:underline;cursor:pointer;padding:0}.narrow-admin{max-width:1050px}.cms-form{background:#fff;border:1px solid #dae3ea;border-radius:12px;padding:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid .span-2{grid-column:1/-1}.cms-form label{display:block;font-size:12px;font-weight:700;margin-bottom:6px}.cms-form input,.cms-form textarea,.cms-form select,.redirect-form input{width:100%;border:1px solid #cbd7df;border-radius:7px;padding:11px 12px;font:inherit;background:#fff}.cms-form textarea{resize:vertical}.code-area{font-family:Consolas,monospace;font-size:12px}.checkbox-row{display:flex!important;align-items:center;gap:8px}.checkbox-row input{width:auto}.checkbox-row label{margin:0}.form-actions{display:flex;align-items:center;gap:18px;margin-top:24px}.redirect-form{display:grid;grid-template-columns:1fr 1.4fr auto auto;gap:12px;align-items:center;margin-bottom:22px;background:#fff;border:1px solid #dae3ea;border-radius:10px;padding:16px}.redirect-form label{font-size:12px;white-space:nowrap}.admin-login-section{min-height:70vh;display:grid;place-items:center}.admin-login-card{width:min(430px,calc(100% - 30px));background:#fff;border:1px solid #dce5eb;border-radius:13px;padding:30px;box-shadow:0 12px 35px rgba(12,30,46,.08)}.admin-login-card h1{font-size:29px;margin:0 0 8px}.admin-login-card>p{color:#5b6e7e}.admin-form{display:grid;gap:10px;margin-top:20px}.admin-form label{font-size:12px;font-weight:700}.admin-form input{padding:12px;border:1px solid #cad6de;border-radius:7px}.admin-form .btn{margin-top:10px}

@media(max-width:900px){.news-grid{grid-template-columns:1fr 1fr}.article-layout{grid-template-columns:1fr}.article-aside{position:static}.admin-stats,.admin-actions{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.redirect-form{grid-template-columns:1fr}.nav-links.open .nav-item{display:block}.nav-links.open .nav-item>.dropdown{display:grid;position:static;padding:5px 0 8px 14px;margin:4px 0 8px;border:0;background:transparent;box-shadow:none}.nav-links.open .nav-item>.dropdown a{font-size:12px;color:#a9bbc8;padding:7px 0}}
@media(max-width:620px){.news-grid,.admin-stats,.admin-actions{grid-template-columns:1fr}.admin-heading{display:block}.admin-heading>.btn{margin-top:15px}.cms-form{padding:18px}.news-card h2{font-size:19px}}


/* V3 richer content pages */
.content-hero-split{padding:54px 0 48px}
.split-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.content-hero-split h1{max-width:760px}
.page-visual{background:#061828;border:1px solid #1a3d55;border-radius:16px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.24)}
.page-visual img{display:block;width:100%;aspect-ratio:12/7;object-fit:cover}
.platform-large img{object-fit:contain;background:#f3f6f9}
.hero-inline-actions{display:flex;gap:12px;margin-top:26px}
.section-kicker{font-size:10px;letter-spacing:.1em;font-weight:800;color:#2470cf;margin:0 0 12px}
.content-section.alt{background:#eef3f7}
.feature-grid-3{grid-template-columns:repeat(3,1fr)}
.feature-grid-4{grid-template-columns:repeat(4,1fr)}
.feature-grid-5{grid-template-columns:repeat(5,1fr)}
.feature-card a{display:inline-block;margin-top:10px;color:#175bb6;font-size:12px;font-weight:700}
.workflow-section{padding:56px 0;background:#04121e;color:#fff}
.workflow-section .section-kicker{color:#61caff}.workflow-section h2{margin-top:0}
.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px}
.workflow-grid article{position:relative;border:1px solid #1b4059;background:#071a2a;border-radius:10px;padding:24px}
.workflow-grid article>b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ffbf19;color:#111;font-size:13px;margin-bottom:14px}
.workflow-grid h3{font-size:16px;margin:0 0 7px}.workflow-grid p{font-size:12px;line-height:1.6;color:#b8c7d2;margin:0}
.two-column-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.large-check-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.large-check-list li{position:relative;padding:15px 18px 15px 46px;background:#fff;border:1px solid #dce5ec;border-radius:8px;color:#20344b;font-size:13px;line-height:1.5}
.large-check-list li:before{content:"✓";position:absolute;left:17px;top:14px;color:#20a65c;font-size:18px;font-weight:800}
.page-image-band{padding:45px 0;background:#071725;color:#fff}
.page-image-band>.wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center}
.page-image-band img{width:100%;max-height:310px;object-fit:contain;border-radius:12px}
.page-image-copy p{color:#b9c8d3;line-height:1.65}
.content-image,.industry-image-card img{width:100%;border-radius:14px}
.industry-image-card{overflow:hidden;border-radius:14px;background:#071725}
.industry-benefits{grid-template-columns:1fr 1fr}
.metric-band{background:#061724;color:#fff;padding:32px 0}
.metric-band>.wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.metric-band div{border-left:2px solid #27c875;padding-left:18px}.metric-band strong{display:block;font-size:20px}.metric-band span{font-size:11px;color:#b6c5d1}
.question-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.question-grid article{background:#071b2b;color:#fff;border:1px solid #235373;border-radius:9px;padding:20px;font-size:13px;line-height:1.55}
.company-fact-card{background:#071827;color:#fff;border-radius:14px;padding:30px;display:grid;gap:13px}
.company-fact-card strong{font-size:24px;color:#ffcd4c}.company-fact-card span{font-size:13px;border-top:1px solid #1e4058;padding-top:12px}
.topic-tags{display:flex;gap:11px;flex-wrap:wrap}.topic-tags span{background:#fff;border:1px solid #d7e0e8;border-radius:999px;padding:10px 15px;font-size:12px}
.resource-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.resource-card{overflow:hidden;background:#fff;border:1px solid #dfe7ed;border-radius:12px}.resource-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.resource-card>div{padding:20px}.resource-card span{font-size:9px;color:#2470cf;font-weight:800;letter-spacing:.08em}.resource-card h2{font-size:18px}.resource-card p{font-size:12px;line-height:1.6;color:#526173}

/* Admin media */
.admin-alert{padding:12px 15px;border-radius:7px;margin:14px 0;font-size:13px}.admin-alert.success{background:#e8f8ee;color:#126b37;border:1px solid #bce6ca}.admin-alert.error{background:#fff0f0;color:#a12020;border:1px solid #f0c0c0}
.media-upload-card{margin:22px 0}.media-upload-form{display:grid;grid-template-columns:1fr 1.4fr 1.2fr auto;gap:14px;align-items:end}.media-upload-form label,.news-image-panel label{display:block;font-size:11px;font-weight:700;margin-bottom:6px}.media-upload-form input,.news-image-panel input{width:100%;padding:10px;border:1px solid #cad5df;border-radius:6px}.media-upload-form small,.news-image-panel small{display:block;color:#667889;font-size:10px;margin-top:5px}.align-end{display:flex;align-items:end}
.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}.media-card{background:#fff;border:1px solid #dae4eb;border-radius:10px;overflow:hidden}.media-thumb{aspect-ratio:16/10;background:#071725;display:grid;place-items:center}.media-thumb img{width:100%;height:100%;object-fit:contain}.media-meta{padding:13px;display:grid;gap:7px}.media-meta strong{font-size:12px}.media-meta code{font-size:10px;word-break:break-all;background:#f1f5f7;padding:6px;border-radius:4px}.media-meta>span{font-size:9px;color:#71808d}.media-actions{display:flex;gap:12px;align-items:center}.media-actions button{border:0;background:none;color:#1a5fb4;font-size:10px;font-weight:700;cursor:pointer;padding:0}.media-actions .danger-link{color:#b22828}
.news-image-panel{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:start;margin:18px 0}.news-image-panel form{display:grid;gap:9px}.news-admin-preview{width:100%;max-height:240px;object-fit:contain;background:#071725;border-radius:8px;margin-top:10px}
.admin-card-link{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid #dbe5ec;border-radius:9px;padding:18px}.admin-card-link strong{display:block;margin-bottom:6px}.admin-card-link span{font-size:11px;color:#667889}

@media(max-width:1050px){
 .split-layout,.two-column-content,.page-image-band>.wrap{grid-template-columns:1fr}
 .feature-grid-4,.feature-grid-5{grid-template-columns:repeat(2,1fr)}
 .workflow-grid{grid-template-columns:repeat(2,1fr)}
 .media-grid{grid-template-columns:repeat(2,1fr)}
 .media-upload-form{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
 .content-hero-split{padding:35px 0}
 .hero-inline-actions{flex-direction:column}
 .feature-grid-3,.feature-grid-4,.feature-grid-5,.workflow-grid,.question-grid,.resource-card-grid,.metric-band>.wrap,.industry-benefits{grid-template-columns:1fr}
 .media-grid,.media-upload-form,.news-image-panel{grid-template-columns:1fr}
}


/* V4 funding/commercial polish */
.feature-icon{width:auto!important;min-width:48px;max-width:100%;height:auto!important;min-height:48px;display:inline-flex!important;padding:0 13px;white-space:nowrap;line-height:1;border-radius:12px;font-size:13px;box-sizing:border-box}
.trust-title-prominent{font-size:12px!important;letter-spacing:.1em!important;color:#dbe6ee!important;font-weight:800!important;margin-top:25px!important;border-left:3px solid #ffbf19;padding-left:12px;line-height:1.45}
.hero-operator-logos{display:none!important}
.industries-dropdown{grid-template-columns:repeat(2,minmax(190px,1fr))!important;min-width:440px!important;gap:2px 10px!important}
.original-logo img{width:218px;max-height:58px;object-fit:contain;object-position:left center}
.footer-brand.original-logo img{width:205px}
.home-industry-grid{grid-template-columns:repeat(8,1fr)!important;gap:15px 12px!important}.home-industry-grid a{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#22364d;padding:9px 3px;border-radius:9px;transition:.2s}.home-industry-grid a:hover{background:#f0f5f9;transform:translateY(-2px)}.home-industry-grid img{width:38px!important;height:38px!important}.home-industry-grid span{font-size:9px!important;text-align:center;font-weight:600}
.industry-sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.industry-sector-card{display:flex;gap:18px;align-items:flex-start;text-decoration:none;color:#0d1b2a;background:#fff;border:1px solid #dce5ec;border-radius:12px;padding:22px;box-shadow:0 10px 28px rgba(16,35,52,.05);transition:.22s}.industry-sector-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(16,35,52,.10);border-color:#b9d2e5}.industry-sector-card img{width:52px;height:52px;object-fit:contain;flex:none}.industry-sector-card h3{margin:0 0 5px;font-size:17px}.industry-sector-card p{margin:0 0 10px!important;color:#607182;font-size:11px;line-height:1.5}.industry-sector-card span{color:#145eaf;font-size:10px;font-weight:800}.funding-proof-section{padding:58px 0;background:linear-gradient(135deg,#03111d,#08243a);color:#fff}.funding-proof-section>.wrap{display:grid;grid-template-columns:1.08fr .92fr;gap:50px;align-items:center}.funding-proof-section img{width:100%;border-radius:14px;max-height:310px;object-fit:cover}.funding-proof-section p{color:#becbd5;line-height:1.65}.visual-story{padding:42px 0;background:#fff;color:#0d1b2a}.visual-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.visual-story figure{margin:0;background:#071725;border-radius:12px;overflow:hidden;border:1px solid #d7e2e9}.visual-story figure img{display:block;width:100%;height:210px;object-fit:cover}.visual-story figure:nth-child(2) img{object-fit:contain;background:#f4f7f9}.visual-story figcaption{padding:13px 15px;background:#fff;color:#4c6072;font-size:11px;line-height:1.5}.page-visual{position:relative}.page-visual:after{content:"AI TRANSPORT OPERATING SYSTEM";position:absolute;left:18px;bottom:17px;background:rgba(3,16,27,.82);border:1px solid rgba(95,184,239,.4);color:#dff2ff;border-radius:6px;padding:8px 11px;font-size:9px;font-weight:800;letter-spacing:.08em}.content-section h2,.content-hero h1{letter-spacing:-.025em}.feature-card{position:relative;overflow:hidden}.feature-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#2471c8,#42c983);opacity:.55}
@media(max-width:1100px){.home-industry-grid{grid-template-columns:repeat(5,1fr)!important}.industry-sector-grid{grid-template-columns:repeat(2,1fr)}.industries-dropdown{grid-template-columns:1fr!important;min-width:240px!important}.funding-proof-section>.wrap{grid-template-columns:1fr}.visual-story-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.home-industry-grid{grid-template-columns:repeat(3,1fr)!important}.industry-sector-grid,.visual-story-grid{grid-template-columns:1fr}.original-logo img{width:180px}.trust-title-prominent{font-size:10px!important}.visual-story figure img{height:190px}}


/* =====================================================
   V5 SHOWCASE BUILD
   Product theatre / varied page personalities
   ===================================================== */
.showcase-hero{padding:70px 0 54px;background:
 radial-gradient(circle at 78% 34%,rgba(24,129,204,.19),transparent 28%),
 linear-gradient(135deg,#020b13,#071a29 66%,#03101a);color:#fff;overflow:hidden}
.showcase-hero-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:54px;align-items:center}
.showcase-kicker{font-size:10px;letter-spacing:.13em;font-weight:800;color:#5fe0b0;margin:0 0 15px}
.showcase-copy h1,.platform-theatre-hero h1,.industries-hero-v5 h1,.solutions-v5-hero h1,.innovation-v5-hero h1{font-size:49px;line-height:1.02;letter-spacing:-.045em;margin:0 0 20px}
.showcase-copy>p{font-size:16px;line-height:1.65;color:#c4d1da;max-width:650px}
.showcase-screen{position:relative;transform:perspective(1300px) rotateY(-4deg) rotateX(1deg);filter:drop-shadow(0 32px 45px rgba(0,0,0,.34))}
.showcase-screen img{display:block;width:100%;border-radius:18px}
.showcase-screen:before{content:"LIVE SYSTEM VIEW";position:absolute;z-index:2;right:22px;top:22px;background:#ffbf19;color:#111;padding:8px 11px;border-radius:5px;font-size:9px;font-weight:800;letter-spacing:.08em}
.showcase-stat-band{background:#fff;border-bottom:1px solid #dbe4ea}
.showcase-stat-band>.wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.showcase-stat-band div{padding:25px 28px;border-right:1px solid #e0e7ec}
.showcase-stat-band div:last-child{border-right:0}.showcase-stat-band strong{display:block;color:#1b9657;font-size:28px}.showcase-stat-band span{font-size:11px;color:#596c7d}
.showcase-story{padding:65px 0;background:#f4f7f9;color:#0d1b2a}.showcase-story h2{font-size:34px;margin:0 0 28px}.showcase-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.showcase-story-grid article{background:#fff;border-radius:14px;padding:28px;border:1px solid #dbe5ec;box-shadow:0 16px 35px rgba(19,43,60,.06)}
.showcase-story-grid article>span{font-size:11px;color:#1d73c9;font-weight:800;letter-spacing:.1em}.showcase-story-grid h3{font-size:21px;margin:18px 0 10px}.showcase-story-grid p{font-size:13px;line-height:1.65;color:#5b6d7c;margin:0}
.showcase-capabilities{padding:65px 0;background:#fff;color:#0d1b2a}.showcase-cap-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}
.showcase-checks{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.showcase-checks li{border-left:3px solid #2ca962;background:#f3f7f9;padding:13px 14px;font-size:12px;color:#33485a}
.showcase-detail-visual{position:relative;background:#f0f4f7;border-radius:18px;padding:18px}.showcase-detail-visual>img{display:block;width:100%;border-radius:10px}.detail-overlay{position:absolute;left:38px;right:38px;bottom:35px;background:rgba(3,17,28,.93);border:1px solid #24485f;border-radius:8px;color:#fff;padding:14px 16px}.detail-overlay strong{display:block;color:#5fdba0}.detail-overlay span{font-size:10px;color:#b9c8d1}
.showcase-dark-callout{padding:52px 0;background:#04111c;color:#fff}.showcase-dark-callout>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.showcase-dark-callout h2{font-size:35px;margin:0 0 12px}.showcase-dark-callout p{color:#b9c7d1;line-height:1.65}.showcase-dark-callout img{width:100%;max-height:320px;object-fit:contain;border-radius:14px;background:#061927}

.platform-theatre-hero{padding:76px 0 90px;background:linear-gradient(145deg,#020b13,#061927);color:#fff;overflow:hidden}
.theatre-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:55px;align-items:center}.platform-theatre-hero p{font-size:16px;color:#c1ced8;line-height:1.65}.theatre-stack{position:relative;height:530px}.theatre-stack img{position:absolute;width:78%;border-radius:16px;filter:drop-shadow(0 25px 35px rgba(0,0,0,.35))}.stack-a{top:0;left:0;z-index:3}.stack-b{top:125px;right:0;z-index:2}.stack-c{bottom:-10px;left:10%;z-index:1}
.module-showcase{background:#f5f8fa;color:#0d1b2a;padding:25px 0 70px}.module-row{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center;padding:65px 0;border-bottom:1px solid #d9e3e9}.module-row.reverse{grid-template-columns:1.2fr .8fr}.module-row.reverse .module-copy{order:2}.module-row img{width:100%;border-radius:16px;box-shadow:0 20px 45px rgba(23,50,68,.13)}.module-copy>span{font-size:10px;color:#2072c6;font-weight:800;letter-spacing:.12em}.module-copy h2{font-size:38px;margin:13px 0}.module-copy p{color:#5b6e7e;line-height:1.65}.module-copy a{color:#1266b8;font-weight:800;font-size:12px}

.home-product-theatre{padding:55px 0 65px;background:#eef3f6;color:#0d1b2a}.home-theatre-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.home-theatre-heading h2{font-size:35px;margin:0}.home-theatre-heading>a{font-size:12px;color:#1266b8;font-weight:800}
.home-showcase-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:1fr 1fr;gap:16px}.home-showcase-card{position:relative;overflow:hidden;background:#071725;border-radius:13px;min-height:225px;color:#fff}.home-showcase-card.large{grid-row:1/span 2;min-height:470px}.home-showcase-card img{width:100%;height:100%;object-fit:cover;opacity:.9;transition:.3s}.home-showcase-card>div{position:absolute;left:0;right:0;bottom:0;padding:22px;background:linear-gradient(transparent,rgba(2,11,18,.96))}.home-showcase-card span{font-size:9px;color:#62e0ad;font-weight:800;letter-spacing:.1em}.home-showcase-card h3{font-size:20px;margin:7px 0 0}.home-showcase-card:hover img{transform:scale(1.025)}

.industries-hero-v5{padding:78px 0 55px;background:linear-gradient(135deg,#03101b,#09243a);color:#fff}.industries-hero-v5 p{max-width:920px;color:#bdccd6;font-size:16px;line-height:1.65}
.industry-mosaic{padding:30px 0 65px;background:#eef3f6}.industry-mosaic>.wrap{display:grid;grid-template-columns:1.3fr .7fr .7fr;grid-template-rows:260px 260px;gap:16px}.industry-tile{position:relative;overflow:hidden;border-radius:14px;color:#fff;background:#061725}.industry-tile.hero-tile{grid-row:1/span 2}.industry-tile img{width:100%;height:100%;object-fit:cover;opacity:.77;transition:.3s}.industry-tile:not(.hero-tile) img{object-fit:cover}.industry-tile>div{position:absolute;left:0;right:0;bottom:0;padding:24px;background:linear-gradient(transparent,rgba(2,11,18,.96))}.industry-tile span{font-size:9px;color:#55dda1;font-weight:800;letter-spacing:.1em}.industry-tile h2{font-size:31px;margin:7px 0}.industry-tile h3{font-size:18px;margin:7px 0}.industry-tile p{font-size:11px;line-height:1.5;color:#c4d1d9}.industry-tile:hover img{transform:scale(1.03)}
.industry-directory-v5{padding:58px 0;background:#fff;color:#0d1b2a}.industry-pill-grid{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}.industry-pill-grid a{padding:13px 18px;border-radius:999px;background:#f0f5f8;border:1px solid #d8e4eb;color:#183750;font-size:12px;font-weight:700}.industry-pill-grid a:hover{background:#071a2a;color:#fff}

.solutions-v5-hero{padding:70px 0;background:#f2f6f8;color:#0d1b2a}.solutions-v5-hero>.wrap{display:grid;grid-template-columns:1fr .85fr;gap:60px;align-items:center}.solutions-v5-hero p{color:#5d6f7e;font-size:16px;line-height:1.65}.solution-radar{position:relative;aspect-ratio:1/1;max-width:430px;margin:auto;border-radius:50%;border:1px solid #bed0dc;background:radial-gradient(circle,#fff,#e8f0f5)}.solution-radar:before,.solution-radar:after{content:"";position:absolute;inset:15%;border:1px dashed #a8bfce;border-radius:50%}.solution-radar:after{inset:32%}.solution-radar .core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#071827;color:#ffbf19;padding:17px;border-radius:50%;width:100px;height:100px;display:grid;place-items:center;font-size:13px;font-weight:800}.solution-radar .node{position:absolute;background:#fff;border:1px solid #c6d5df;border-radius:999px;padding:10px 14px;font-size:11px;font-weight:700}.n1{left:37%;top:4%}.n2{right:2%;top:34%}.n3{right:12%;bottom:12%}.n4{left:7%;bottom:18%}.n5{left:0;top:35%}
.solution-band{padding:55px 0}.solution-band.light{background:#fff;color:#0d1b2a}.solution-band.dark{background:#061724;color:#fff}.solution-band>.wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center}.solution-band.reverse>.wrap{grid-template-columns:.85fr 1.15fr}.solution-band.reverse img{order:2}.solution-band img{width:100%;border-radius:15px;box-shadow:0 18px 40px rgba(0,0,0,.14)}.solution-band div>span{font-size:10px;color:#2b8dde;font-weight:800;letter-spacing:.1em}.solution-band h2{font-size:37px;margin:12px 0}.solution-band p{line-height:1.65;color:#617382}.solution-band.dark p{color:#b5c4cf}.solution-band a{font-size:12px;font-weight:800;color:#2d89dc}.solution-band.dark a{color:#63c6ff}

.innovation-v5-hero{padding:74px 0;background:radial-gradient(circle at 75% 40%,rgba(24,106,184,.22),transparent 28%),#03101b;color:#fff}.innovation-v5-hero>.wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}.innovation-v5-hero p{color:#bac9d3;font-size:16px;line-height:1.65}.innovation-v5-hero img{width:100%;max-height:450px;object-fit:contain}.innovation-sequence{padding:0;background:#03101b;color:#fff}.innovation-sequence>.wrap{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #1a3b52}.innovation-sequence article{padding:30px;border-right:1px solid #1a3b52}.innovation-sequence article:last-child{border-right:0}.innovation-sequence b{color:#ffbf19;font-size:12px}.innovation-sequence h2{font-size:26px;margin:10px 0}.innovation-sequence p{font-size:11px;line-height:1.6;color:#aebec9}.innovation-lab{padding:60px 0;background:#f2f6f8;color:#0d1b2a}.innovation-lab>.wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.innovation-lab img{width:100%;border-radius:15px}.atlas-prompts{display:grid;gap:10px;margin-top:22px}.atlas-prompts span{background:#fff;border:1px solid #d9e4eb;border-left:3px solid #2586db;border-radius:7px;padding:13px 15px;font-size:12px}

@media(max-width:1100px){
 .showcase-hero-grid,.showcase-cap-grid,.platform-theatre-hero .theatre-grid,.solutions-v5-hero>.wrap,.innovation-v5-hero>.wrap,.innovation-lab>.wrap{grid-template-columns:1fr}
 .showcase-screen{transform:none}.theatre-stack{height:470px}
 .home-showcase-grid{grid-template-columns:1fr 1fr}.home-showcase-card.large{grid-column:1/-1;grid-row:auto;min-height:400px}
 .industry-mosaic>.wrap{grid-template-columns:1fr 1fr;grid-template-rows:auto}.industry-tile.hero-tile{grid-column:1/-1;grid-row:auto;min-height:430px}.industry-tile{min-height:250px}
 .module-row,.module-row.reverse,.solution-band>.wrap,.solution-band.reverse>.wrap{grid-template-columns:1fr}.module-row.reverse .module-copy,.solution-band.reverse img{order:initial}
}
@media(max-width:720px){
 .showcase-copy h1,.platform-theatre-hero h1,.industries-hero-v5 h1,.solutions-v5-hero h1,.innovation-v5-hero h1{font-size:37px}
 .showcase-stat-band>.wrap,.showcase-story-grid,.showcase-checks,.innovation-sequence>.wrap{grid-template-columns:1fr}
 .showcase-stat-band div{border-right:0;border-bottom:1px solid #e0e7ec}
 .showcase-dark-callout>.wrap{grid-template-columns:1fr}
 .home-showcase-grid,.industry-mosaic>.wrap{grid-template-columns:1fr}
 .home-showcase-card.large{min-height:300px}.industry-tile.hero-tile{min-height:360px}
 .theatre-stack{height:340px}.theatre-stack img{width:88%}
 .module-row{padding:40px 0}.innovation-sequence article{border-right:0;border-bottom:1px solid #1a3b52}
}


/* V6 DEEP DROPDOWN PAGES */
.deep-hero{padding:72px 0 58px;color:#fff;background:
radial-gradient(circle at 78% 42%,rgba(29,132,210,.22),transparent 30%),linear-gradient(140deg,#020b13,#061a2a)}
.deep-innovation{background:radial-gradient(circle at 75% 45%,rgba(53,126,255,.24),transparent 30%),linear-gradient(140deg,#020b13,#07182a)}
.deep-industry{background:radial-gradient(circle at 72% 45%,rgba(28,158,103,.16),transparent 30%),linear-gradient(140deg,#020b13,#071a25)}
.deep-hero-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:55px;align-items:center}.deep-hero h1{font-size:52px;line-height:1.02;letter-spacing:-.045em;margin:0 0 18px}.deep-lead{font-size:17px;line-height:1.65;color:#c0ced8;max-width:650px}
.deep-screen{position:relative;padding:12px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.025));border:1px solid #23475f;border-radius:19px;box-shadow:0 35px 65px rgba(0,0,0,.32)}.deep-screen img{width:100%;display:block;border-radius:12px}
.deep-proof{background:#fff;border-bottom:1px solid #dae4ea}.deep-proof>.wrap{min-height:78px;display:flex;align-items:center;gap:24px;justify-content:center;flex-wrap:wrap}.deep-proof strong{font-size:10px;letter-spacing:.1em;color:#1470c5}.deep-proof span{font-size:12px;font-weight:700;color:#263e51}.deep-proof i{font-style:normal;color:#25a765}
.deep-capabilities{padding:65px 0;background:#f2f6f8;color:#0c1c2a}.deep-capabilities h2{font-size:36px;max-width:720px;margin:0 0 30px}.deep-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.deep-feature-grid article{background:#fff;border:1px solid #d9e4eb;border-radius:14px;padding:26px;min-height:190px;box-shadow:0 15px 35px rgba(22,48,66,.055)}.deep-feature-grid span{font-size:10px;color:#2385d6;font-weight:800}.deep-feature-grid h3{font-size:20px;margin:22px 0 10px}.deep-feature-grid p{font-size:12px;line-height:1.6;color:#617382}
.deep-split{padding:70px 0;background:#fff;color:#0c1c2a}.deep-split>.wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:58px;align-items:center}.deep-visual-panel{padding:16px;border-radius:18px;background:#edf3f6}.deep-visual-panel img{width:100%;display:block;border-radius:10px}.deep-split h2{font-size:36px;margin:10px 0 16px}.deep-split p,.deep-split li{font-size:13px;line-height:1.7;color:#5c6f7f}.deep-split ul{padding-left:18px}
.deep-outcome{padding:52px 0;background:#04121e;color:#fff}.deep-outcome>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.deep-outcome h2{font-size:34px;margin:0}.outcome-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.outcome-metrics span{border:1px solid #24475e;border-radius:10px;padding:18px;font-size:10px;color:#9eb1be}.outcome-metrics b{display:block;color:#55d996;font-size:27px;margin-bottom:4px}
.deep-secondary-intro{padding:50px 0;background:linear-gradient(135deg,#03101b,#09243a);color:#fff}.deep-secondary-intro h1{font-size:44px;line-height:1.05;margin:0}
@media(max-width:900px){.deep-hero-grid,.deep-split>.wrap,.deep-outcome>.wrap{grid-template-columns:1fr}.deep-feature-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.deep-hero h1{font-size:38px}.deep-feature-grid,.outcome-metrics{grid-template-columns:1fr}.deep-proof>.wrap{justify-content:flex-start;padding-top:18px;padding-bottom:18px}}


/* V7 - Real Haulsoft OS imagery */
.platform-visual img,
.home-showcase-card img,
.module-row img,
.showcase-screen img,
.deep-screen img,
.showcase-detail-visual > img,
.solution-band img,
.industry-tile img,
.page-visual img,
.content-image,
.page-image-band img {
    image-rendering: auto;
}

.platform-visual img {
    object-fit: contain;
    background: #f6f8fb;
}

.home-showcase-card img {
    object-fit: cover;
    object-position: center;
}

.home-showcase-card.large img {
    object-fit: contain;
    background: #071725;
}

.module-row img,
.showcase-screen img,
.deep-screen img,
.solution-band img {
    object-fit: contain;
    background: #071725;
}

.showcase-screen,
.deep-screen {
    overflow: hidden;
}

.module-row img {
    max-height: 520px;
}

.showcase-detail-visual > img {
    object-fit: contain;
    max-height: 430px;
}

.os-screen-caption {
    font-size: 10px;
    color: #6b7d8c;
}

/* V8 */
.live-day-image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}
.live-day-image-grid figure{margin:0;position:relative;overflow:hidden;border:1px solid #21465e;border-radius:12px;background:#04131f;min-height:190px}
.live-day-image-grid img{width:100%;height:100%;min-height:190px;display:block;object-fit:cover}
.live-day-image-grid figcaption{position:absolute;left:12px;bottom:12px;padding:7px 10px;border-radius:7px;background:rgba(2,13,22,.88);color:#fff;font-size:11px;font-weight:700}
@media(max-width:800px){.live-day-image-grid{grid-template-columns:1fr}}

/* V8.1 stronger homepage iconography + future image */
.transport-icon svg{width:32px;height:32px;fill:none;stroke:#55c8ff;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.automation-flow>div b{display:flex;align-items:center;justify-content:center}
.future-panel>img{width:100%;height:100%;min-height:250px;object-fit:cover;object-position:center}
.home-industry-grid img{width:39px;height:39px}
.impact-grid img{width:39px;height:39px}
.home-industry-grid a,.impact-grid>div{transition:transform .18s ease,background .18s ease}
.home-industry-grid a:hover{transform:translateY(-3px)}


/* =========================================================
   V8.2 page polish
   ========================================================= */

/* Selected product/solution/industry header screens were visually too dominant.
   Keep them strong, but make the page headline lead the section. */
.compact-header-media.showcase-hero{
    padding-top:48px;
    padding-bottom:42px;
}
.compact-header-media.showcase-hero .showcase-hero-grid{
    grid-template-columns:.92fr 1.08fr;
    gap:42px;
}
.compact-header-media.showcase-hero .showcase-screen{
    max-width:680px;
    width:100%;
    justify-self:end;
    transform:perspective(1300px) rotateY(-2deg);
}
.compact-header-media.showcase-hero .showcase-screen img{
    max-height:390px;
    object-fit:contain;
}

.compact-header-media.deep-hero{
    padding-top:48px;
    padding-bottom:42px;
}
.compact-header-media.deep-hero .deep-hero-grid{
    grid-template-columns:.95fr 1.05fr;
    gap:42px;
}
.compact-header-media.deep-hero .deep-screen{
    width:100%;
    max-width:680px;
    justify-self:end;
    padding:9px;
}
.compact-header-media.deep-hero .deep-screen img{
    width:100%;
    max-height:390px;
    object-fit:contain;
}

/* Atlas artwork is wide; show it cleanly without turning the hero into a giant image block. */
.atlas-page-hero .deep-screen{
    max-width:720px;
}
.atlas-page-hero .deep-screen img{
    max-height:405px;
    object-fit:contain;
    object-position:center;
}

/* Sustainability dashboard should support the heading, not overpower it. */
.sustainability-page-hero .deep-screen{
    max-width:625px;
}
.sustainability-page-hero .deep-screen img{
    max-height:350px;
}

/* Support visuals */
.support-visuals{
    padding:60px 0;
    background:#eef3f6;
    color:#0d1b2a;
}
.support-visual-heading{
    max-width:720px;
    margin-bottom:26px;
}
.support-visual-heading h2{
    margin:0;
    font-size:34px;
    letter-spacing:-.025em;
}
.support-image-grid{
    display:grid;
    grid-template-columns:1.25fr .75fr;
    grid-template-rows:1fr 1fr;
    gap:16px;
}
.support-image-card{
    position:relative;
    margin:0;
    overflow:hidden;
    border-radius:14px;
    background:#061724;
    min-height:235px;
    border:1px solid #d7e2e9;
    box-shadow:0 16px 34px rgba(15,42,60,.08);
}
.support-image-card.support-large{
    grid-row:1 / span 2;
    min-height:486px;
}
.support-image-card img{
    width:100%;
    height:100%;
    position:absolute;
    inset:0;
    object-fit:cover;
}
.support-image-card.support-large img{
    object-fit:contain;
    background:#071725;
}
.support-image-card figcaption{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    padding:44px 20px 18px;
    color:#fff;
    background:linear-gradient(transparent,rgba(2,11,18,.96));
}
.support-image-card figcaption strong{
    display:block;
    font-size:16px;
    margin-bottom:5px;
}
.support-image-card figcaption span{
    display:block;
    font-size:11px;
    line-height:1.5;
    color:#c4d1d9;
}

@media(max-width:900px){
    .compact-header-media.showcase-hero .showcase-hero-grid,
    .compact-header-media.deep-hero .deep-hero-grid{
        grid-template-columns:1fr;
    }
    .compact-header-media.showcase-hero .showcase-screen,
    .compact-header-media.deep-hero .deep-screen{
        justify-self:center;
        max-width:760px;
    }
    .support-image-grid{
        grid-template-columns:1fr;
        grid-template-rows:auto;
    }
    .support-image-card.support-large{
        grid-row:auto;
        min-height:330px;
    }
}


/* V8.3 homepage refinements */
.home-bottom-system-images{
    padding:34px 0 38px;
    background:#f3f6f8;
}
.system-image-strip{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
}
.system-image-strip figure{
    margin:0;
    overflow:hidden;
    position:relative;
    min-height:235px;
    border-radius:13px;
    background:#061724;
    border:1px solid #dbe4ea;
    box-shadow:0 15px 34px rgba(18,42,59,.08);
}
.system-image-strip img{
    width:100%;
    height:100%;
    min-height:235px;
    display:block;
    object-fit:cover;
}
.system-image-strip figcaption{
    position:absolute;
    left:0; right:0; bottom:0;
    padding:46px 18px 16px;
    color:#fff;
    background:linear-gradient(transparent,rgba(2,11,18,.96));
}
.system-image-strip figcaption strong{
    display:block;
    font-size:15px;
    margin-bottom:4px;
}
.system-image-strip figcaption span{
    display:block;
    font-size:10px;
    line-height:1.45;
    color:#c3d0d8;
}

/* Clear, legible line icons for the 8-stage automation story */
.transport-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
}
.transport-icon svg{
    width:34px;
    height:34px;
    fill:none;
    stroke:#59c9ff;
    stroke-width:2.15;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.automation-flow b{
    min-width:72px;
    min-height:72px;
}
.automation-note,
.automation-section > .wrap > p:last-child{
    font-weight:500;
}

@media(max-width:820px){
    .system-image-strip{grid-template-columns:1fr;}
    .system-image-strip figure,
    .system-image-strip img{min-height:260px;}
}

/* V8.4 - explicit automation icon fix */
.automation-flow .transport-icon svg{
 width:42px!important;height:42px!important;display:block!important;
 fill:none!important;stroke:#55caff!important;stroke-width:2.4!important;
 stroke-linecap:round!important;stroke-linejoin:round!important;
}
.automation-flow>div>b{display:flex!important;align-items:center!important;justify-content:center!important}

/* V8.5 contact details */
.footer-contact{display:flex;flex-direction:column;gap:5px;margin:14px 0 18px}
.footer-contact a{color:#d8e4eb;text-decoration:none;font-size:12px}
.footer-contact a:hover{color:#55caff}
.contact-direct{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px;max-width:650px}
.contact-direct-item{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1px solid rgba(70,169,229,.28);border-radius:10px;background:rgba(5,25,39,.62);text-decoration:none}
.contact-direct-item span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#55caff}
.contact-direct-item strong{font-size:16px;color:#fff}
@media(max-width:650px){.contact-direct{grid-template-columns:1fr}}