/* TurnPCS DEV — ArtCraft visual exploration V1. LIVE must not consume this file. */
@media (min-width: 900px){
  #story .pin{isolation:isolate;overflow:hidden;background:#03111c}
  #story .pin::before{content:"";position:absolute;inset:0;z-index:-3;background-image:linear-gradient(90deg,rgba(2,13,23,.95) 0%,rgba(2,13,23,.80) 36%,rgba(2,13,23,.44) 67%,rgba(2,13,23,.18) 100%),linear-gradient(180deg,rgba(2,13,23,.15),rgba(2,13,23,.76)),url('assets/artcraft-v1/hero-otr-v1.webp');background-size:cover;background-position:center center;transform:scale(1.015)}
  #story .pin::after{content:"";position:absolute;inset:auto 0 0;height:38%;z-index:-2;background:linear-gradient(180deg,transparent,#03111c 88%);pointer-events:none}
  #story .copy{max-width:620px;text-shadow:0 2px 28px rgba(0,0,0,.58)}
  #story .world{filter:drop-shadow(0 28px 46px rgba(0,0,0,.34))}
}
@media (max-width:899px){
  #story .pin{background:linear-gradient(180deg,rgba(3,17,28,.82),#03111c 48%),url('assets/artcraft-v1/hero-otr-v1.webp') 66% 0/auto 48vh no-repeat,#03111c}
}

/* DEV HERO COMPOSITION V2 — make the generated road scene visible */
@media (min-width: 900px){
  #story .copy{left:7vw!important;top:17%!important;width:min(34vw,520px)!important}
  #story .copy h1{font-size:clamp(48px,4.7vw,70px)!important;line-height:.94!important}
  #story .world{left:47%!important;right:4%!important;top:20%!important;bottom:16%!important}
  #story .truck.core{width:min(690px,48vw)!important;height:430px!important}
  #story .coreShell{left:3%!important;right:3%!important;top:10%!important;bottom:10%!important;box-shadow:0 30px 90px rgba(0,0,0,.42)!important;backdrop-filter:blur(7px)}
  #story .coreGrid i{padding:11px 12px!important}
  #story .coreGrid i b{font-size:16px!important}
  #story .resultStrip{padding:12px 16px!important}
  #story .coreDecision b{padding:14px!important}
}
@media (max-width: 899px){
  #story .copy{top:8%!important}
  #story .world{top:35%!important;left:16px!important;right:16px!important}
  #story .truck.core{width:100%!important;height:345px!important}
  #story .coreShell{left:0!important;right:0!important;top:0!important;bottom:0!important}
  #story .coreGrid i{padding:9px 10px!important}
  #story .coreGrid i b{font-size:14px!important}
}

/* DEV VISUAL SYSTEM V2 — premium depth below hero */
.proof{background:
  radial-gradient(circle at 82% 10%,rgba(35,126,247,.13),transparent 28%),
  linear-gradient(180deg,#061827 0%,#081b2a 100%)!important}
.proofFlow{background:transparent!important;border:0!important;gap:16px!important}
.proofFlow article{position:relative;border:1px solid rgba(100,170,220,.24)!important;border-radius:14px!important;background:linear-gradient(180deg,rgba(13,42,62,.88),rgba(7,28,43,.94))!important;box-shadow:0 18px 46px rgba(0,0,0,.18)!important;overflow:hidden}
.proofFlow article::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#2385ff,rgba(59,215,229,.85),transparent 82%)}
.proofFlow article span{color:#74c5ff!important}
.proofFlow article h3{letter-spacing:-.02em!important}
.loadVisual{border-radius:18px!important;border:1px solid rgba(100,170,220,.26)!important;background:linear-gradient(145deg,rgba(9,33,50,.96),rgba(6,24,38,.98))!important;box-shadow:0 30px 80px rgba(0,0,0,.3)!important;overflow:hidden}
.loadVisualHead{background:rgba(255,255,255,.025)!important;border-bottom:1px solid rgba(100,170,220,.18)!important}

.brokerProcess{position:relative;overflow:hidden;background:
  radial-gradient(circle at 15% 18%,rgba(29,114,199,.11),transparent 26%),
  linear-gradient(180deg,#f8fbfd 0%,#edf4f8 100%)!important}
.brokerProcess::after{content:"";position:absolute;right:-10vw;top:5%;width:48vw;height:48vw;border-radius:50%;border:1px solid rgba(38,125,188,.08);box-shadow:0 0 0 80px rgba(38,125,188,.025),0 0 0 160px rgba(38,125,188,.018);pointer-events:none}
.brokerProcess>*{position:relative;z-index:1}
.brokerProcessShell{border-radius:18px!important;border:1px solid #c8d9e5!important;background:rgba(255,255,255,.86)!important;box-shadow:0 28px 65px rgba(18,52,77,.12)!important;backdrop-filter:blur(10px)}
.brokerSteps button{border-radius:10px!important;transition:transform .18s ease,border-color .18s ease,background .18s ease!important}
.brokerSteps button:hover{transform:translateY(-2px)}
.brokerSteps button[aria-pressed="true"]{box-shadow:0 10px 24px rgba(35,126,247,.14)!important}

.progression{background:
  radial-gradient(circle at 50% -10%,rgba(35,126,247,.15),transparent 34%),
  linear-gradient(180deg,#071725,#061522)!important}
.progressGrid{gap:14px!important;position:relative}
.progressGrid::before{content:"";position:absolute;left:6%;right:6%;top:28px;height:1px;background:linear-gradient(90deg,transparent,#2b6f9d 12%,#2b6f9d 88%,transparent);opacity:.55;pointer-events:none}
.progressGrid article{position:relative;border:1px solid rgba(89,151,190,.28)!important;border-radius:14px!important;background:linear-gradient(180deg,rgba(11,38,58,.92),rgba(7,27,42,.96))!important;box-shadow:0 18px 42px rgba(0,0,0,.2)!important;overflow:hidden}
.progressGrid article::after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,#1f82ff,rgba(80,221,225,.8));opacity:.42}
.progressGrid article>span{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#0a2235!important;border:1px solid #3b759c!important;color:#85cdff!important;box-shadow:0 0 0 7px #071725}
.progressGrid h3{letter-spacing:.03em!important}

@media(max-width:720px){
  .proofFlow{gap:10px!important}.proofFlow article{border-radius:12px!important;box-shadow:none!important}
  .loadVisual{border-radius:13px!important;box-shadow:0 18px 40px rgba(0,0,0,.24)!important}
  .brokerProcess::after{display:none}
  .brokerProcessShell{border-radius:13px!important;box-shadow:0 16px 34px rgba(18,52,77,.1)!important}
  .progressGrid::before{display:none}.progressGrid{gap:10px!important}
  .progressGrid article{border-radius:12px!important;box-shadow:none!important}
  .progressGrid article>span{width:36px;height:36px;box-shadow:none}
}

/* DEV LOWER COMMERCIAL SYSTEM V3 */
.comms{position:relative;isolation:isolate;overflow:hidden;background:
 radial-gradient(circle at 78% 25%,rgba(43,134,255,.18),transparent 27%),
 linear-gradient(135deg,#071a2a 0%,#061522 54%,#091c2b 100%)!important}
.comms::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(120deg,transparent 0 42%,rgba(64,155,220,.055) 42% 43%,transparent 43% 100%);background-size:70px 70px;opacity:.5}
.commsCopy{max-width:580px}.commsCopy h2 span{color:#64c8ff!important}
.commsPills{gap:9px!important}.commsPills b{border:1px solid rgba(92,157,198,.28)!important;background:rgba(9,37,57,.72)!important;backdrop-filter:blur(6px);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.commsUi{border:1px solid rgba(101,174,219,.36)!important;border-radius:18px!important;background:linear-gradient(160deg,rgba(10,43,68,.97),rgba(5,23,35,.985))!important;box-shadow:0 34px 90px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.035)!important}
.commsTop{background:rgba(255,255,255,.018)!important}.commsTabs{gap:7px!important}.commsTabs b{background:rgba(255,255,255,.02)!important}.commsTabs b.active{box-shadow:0 8px 20px rgba(35,126,247,.26)!important}
.commsBody aside{background:linear-gradient(180deg,rgba(3,18,29,.72),rgba(4,24,37,.4))!important}.commsBody main>div{border:1px solid rgba(91,153,193,.25)!important;background:linear-gradient(180deg,rgba(10,42,64,.92),rgba(7,31,48,.94))!important;box-shadow:0 10px 24px rgba(0,0,0,.12)}

.tiers{position:relative;overflow:hidden;background:
 radial-gradient(circle at 50% 0%,rgba(35,126,247,.12),transparent 30%),
 linear-gradient(180deg,#071622,#0a1d2a 100%)!important}
.tierGridThree{gap:16px!important;align-items:stretch!important}
.tierGridThree>article{position:relative;border:1px solid rgba(95,153,190,.27)!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(12,42,62,.94),rgba(7,27,42,.98))!important;box-shadow:0 22px 54px rgba(0,0,0,.19)!important;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.tierGridThree>article:hover{transform:translateY(-4px);border-color:rgba(92,179,239,.5)!important;box-shadow:0 28px 66px rgba(0,0,0,.25)!important}
.tierGridThree>article::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#2c87ff,rgba(74,212,226,.75),transparent 82%);opacity:.58}
.tierGridThree>article.featured{border-color:rgba(46,146,255,.72)!important;box-shadow:0 28px 70px rgba(18,86,152,.24)!important}
.tierGridThree>article.featured::before{opacity:1;height:4px}.tierGridThree>article.pro{border-color:rgba(108,125,255,.62)!important}
.tierTop{padding-bottom:14px!important;border-bottom:1px solid rgba(97,155,191,.18)}
.tierTop span{letter-spacing:.12em!important}.tierTop b{letter-spacing:-.04em!important}
.tierGridThree ul{padding-top:3px!important}.tierGridThree li{margin-bottom:8px!important}
.tierGridThree article>a{margin-top:auto!important;min-height:46px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:9px!important}
.pricingUsage{border:1px solid rgba(94,156,196,.26)!important;background:linear-gradient(90deg,rgba(9,37,56,.88),rgba(8,29,45,.95))!important;box-shadow:0 16px 40px rgba(0,0,0,.14)!important}

#system-modules{background:linear-gradient(180deg,#eef5f9 0%,#f7fafc 100%)!important;color:#102433!important}
#system-modules .sectionKicker{color:#2b75a8!important}#system-modules>h2{color:#102433!important}#system-modules>.lead{color:#5f7482!important}
#system-modules .serviceGrid article{border:1px solid #d2dfe7!important;background:rgba(255,255,255,.88)!important;box-shadow:0 18px 42px rgba(27,62,85,.08)!important}
#system-modules .serviceGrid article:hover{transform:translateY(-3px);box-shadow:0 24px 50px rgba(27,62,85,.12)!important}
#system-modules .serviceGrid h3,#system-modules .serviceGrid b{color:#102433!important}#system-modules .serviceGrid p,#system-modules .serviceGrid small{color:#617785!important}

.services{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#071827,#061522)!important}
.servicesPhoto{opacity:.32!important;filter:saturate(.72) contrast(1.08)!important;mask-image:linear-gradient(180deg,#000 0%,transparent 88%);-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 88%)}
.services::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(3,16,26,.38),#061522 42%);pointer-events:none}
.services .serviceGrid{gap:14px!important}.services .serviceGrid article{position:relative;border:1px solid rgba(89,150,190,.26)!important;border-radius:14px!important;background:linear-gradient(180deg,rgba(12,39,58,.93),rgba(7,27,42,.97))!important;box-shadow:0 18px 46px rgba(0,0,0,.18)!important;overflow:hidden}
.services .serviceGrid article::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#2a83ff,rgba(74,211,225,.62),transparent);opacity:.58}
.services .serviceGrid article:hover{transform:translateY(-3px)!important;border-color:rgba(89,176,232,.48)!important;box-shadow:0 25px 55px rgba(0,0,0,.26)!important}
.servicesCta{border:1px solid rgba(95,160,202,.3)!important;border-radius:16px!important;background:linear-gradient(120deg,rgba(13,47,70,.95),rgba(8,31,47,.98))!important;box-shadow:0 24px 60px rgba(0,0,0,.24)!important}

.finalCta{position:relative;overflow:hidden;background:
 radial-gradient(circle at 78% 15%,rgba(40,137,255,.18),transparent 30%),
 linear-gradient(135deg,#082033,#061522 70%)!important;border-top:1px solid rgba(98,160,200,.2)!important}
.finalCta::after{content:"";position:absolute;right:-80px;bottom:-170px;width:420px;height:420px;border-radius:50%;border:1px solid rgba(82,163,221,.08);box-shadow:0 0 0 70px rgba(82,163,221,.025),0 0 0 140px rgba(82,163,221,.014);pointer-events:none}
.finalCta>*{position:relative;z-index:1}.finalFacts span{border:1px solid rgba(94,159,201,.26)!important;background:rgba(8,34,52,.74)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.finalActions>a:first-child{box-shadow:0 16px 38px rgba(35,126,247,.25)!important}

footer{background:#04111c!important;border-top:1px solid rgba(95,153,190,.2)!important}
footer nav a{transition:color .16s ease,transform .16s ease!important}footer nav a:hover{transform:translateY(-1px)}
.footerSocialIcons a{background:rgba(9,34,52,.72)!important;border-color:rgba(90,154,194,.3)!important}.footerSocialIcons a:hover{background:#0c2a40!important;border-color:#4e9bd0!important}

@media(max-width:720px){
 .commsUi,.tierGridThree>article,.services .serviceGrid article,.servicesCta{box-shadow:none!important}
 .tierGridThree{gap:11px!important}.tierGridThree>article:hover,.services .serviceGrid article:hover{transform:none!important}
 .servicesPhoto{opacity:.2!important}
 .finalCta::after{display:none}
}

/* DEV ARTCRAFT ASSET INTEGRATION V1 */
.truckingContext img{content:url('assets/artcraft-v1/operations-yard-v1.webp')!important;object-fit:cover!important;object-position:center 52%!important}
.servicesPhoto img{content:url('assets/artcraft-v1/operations-yard-v1.webp')!important;object-fit:cover!important;object-position:center 45%!important}
.comms::before{content:""!important;position:absolute!important;inset:0!important;z-index:-2!important;background:
 linear-gradient(90deg,rgba(5,20,32,.97) 0%,rgba(5,20,32,.91) 45%,rgba(5,20,32,.66) 72%,rgba(5,20,32,.52) 100%),
 linear-gradient(180deg,rgba(4,17,28,.2),rgba(4,17,28,.72)),
 url('assets/artcraft-v1/communications-road-v1.webp') 78% center/cover no-repeat!important;opacity:1!important}
.comms::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 70% 45%,rgba(51,163,237,.13),transparent 31%);pointer-events:none}
@media(max-width:720px){
 .truckingContext img{object-position:58% center!important}
 .servicesPhoto img{object-position:62% center!important}
 .comms::before{background:linear-gradient(180deg,rgba(5,20,32,.9),rgba(5,20,32,.97)),url('assets/artcraft-v1/communications-road-v1.webp') 60% center/cover no-repeat!important}
}

/* DEV CONTRAST + READABILITY PASS V4 */
.commsCopy>p{color:#b6c8d5!important}.commsPills b{color:#dce8ef!important}.commsUi{color:#eef6fb!important}.commsTop span,.commsBody span{color:#a9c0cf!important}.commsBody main>div span{color:#9fb8c8!important}

.tiers>h2{color:#f3f7fb!important}.tiers>.lead{color:#aebfcb!important}
.tierGridThree>article{color:#e8f0f5!important}.tierGridThree>article p{color:#aebfcc!important}.tierGridThree>article li{color:#bdcad4!important}.tierTop span{color:#69bfff!important}.tierTop b{color:#f6f8fb!important}.tierTop small{color:#9db3c2!important}.proposalNote{color:#9fb5c5!important}.pricingUsage{color:#dce8ef!important}.pricingUsage span{color:#afc2cf!important}

#system-modules{background:linear-gradient(180deg,#f3f7fa 0%,#e9f1f6 100%)!important}
#system-modules>.lead{color:#4f6878!important}.serviceGrid article span{color:#4f91bc!important}
#system-modules .serviceGrid article{background:#fff!important;border-color:#c8d8e2!important;box-shadow:0 16px 36px rgba(23,58,80,.08)!important}
#system-modules .serviceGrid h3{color:#183244!important}#system-modules .serviceGrid b{color:#23445a!important}#system-modules .serviceGrid p{color:#587080!important}#system-modules .serviceGrid small{color:#718795!important;border-top-color:#cddae2!important}

.services>h2{color:#f2f6fa!important}.services>.lead{color:#afc1cd!important}
.services .serviceGrid article{color:#e7f0f5!important}.services .serviceGrid span{color:#70b8e5!important}.services .serviceGrid h3,.services .serviceGrid b{color:#edf4f8!important}.services .serviceGrid p{color:#aec0cc!important}.services .serviceGrid small{color:#8fa8b8!important;border-top-color:rgba(111,161,192,.22)!important}
.servicesCta b{color:#f2f6fa!important}.servicesCta span{color:#adc0cd!important}.servicesActions .textCta{color:#b8cfdd!important}

.finalCta h2{color:#f3f7fa!important}.finalCta p{color:#a9bfcd!important}.finalFacts span{color:#9fb8c8!important}.finalFacts span b{color:#edf5fa!important}.finalSignIn{color:#b8d0df!important}
footer,footer nav a,footer nav button{color:#9fb5c4!important}.footerBrand small{color:#8fa6b6!important}.footerSocial>small{color:#7195ac!important}footer>span{color:#718b9b!important}

@media(max-width:720px){
 .tiers>.lead,.services>.lead,.commsCopy>p{font-size:14px!important;line-height:1.55!important}
 .tierGridThree>article p,.tierGridThree>article li,.services .serviceGrid p{font-size:13px!important;line-height:1.48!important}
 #system-modules .serviceGrid p{font-size:13px!important;line-height:1.5!important}
}

/* DEV FINAL DESKTOP FINISH — 2026-10-15 */
@media(min-width:1101px){
  header{height:72px!important;min-height:72px!important;padding:0 max(5vw,72px)!important;gap:38px!important}
  header .brand img{height:38px!important;max-width:176px!important}
  header nav{gap:30px!important;font-size:13px!important;letter-spacing:.01em}
  header>span{gap:12px!important}
  header .contactHeader{min-height:40px!important;padding:8px 13px!important;border-radius:8px!important}
  header .signin{min-height:40px!important;padding:0 8px!important}
  header .startTop{min-height:40px!important;padding:10px 16px!important;border-radius:8px!important;margin-left:2px!important}
  #story .pin{top:72px!important;height:calc(100vh - 72px)!important}

  .after.intro,.proof,.brokerProcess,.progression,.comms,.tiers,.services,.finalCta{padding-top:96px!important;padding-bottom:96px!important}
  .after.intro>*,.proof>*,.brokerProcess>*,.progression>*,.comms>*,.tiers>*,.services>*,.finalCta>*{max-width:1240px;margin-left:auto;margin-right:auto}
  .sectionKicker{margin-bottom:14px!important}
  .after.intro h2,.proof>h2,.progression>h2,.tiers>h2,.services>h2,.brokerProcessCopy h2,.finalCopy h2{margin-bottom:18px!important}
  .lead,.after.intro>p,.services>.lead{max-width:780px!important}

  .tierGridThree{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important}
  #pricing .tierGridThree>article{display:flex!important;flex-direction:column!important;padding:30px!important;min-height:590px!important}
  #pricing .tierGridThree>article h3{min-height:62px!important;margin:20px 0 12px!important}
  #pricing .tierGridThree>article>p{min-height:78px!important;margin-bottom:8px!important}
  #pricing .tierGridThree>article ul{flex:1 1 auto!important;min-height:0!important;margin:16px 0 22px!important}
  #pricing .tierGridThree>article>a{margin-top:auto!important;width:100%!important}
  .pricingUsage{margin-top:18px!important;padding:20px 24px!important}

  #system-modules .serviceGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
  #system-modules .serviceGrid article{padding:28px!important;min-height:300px!important;display:flex!important;flex-direction:column!important}
  #system-modules .serviceGrid article small{margin-top:auto!important}

  .services .serviceGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
  .services .serviceGrid .launchService{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr)!important;grid-template-areas:'label price' 'title price' 'desc fine'!important;column-gap:54px!important;row-gap:8px!important;min-height:220px!important;padding:30px 32px!important}
  .services .serviceGrid .launchService>span{grid-area:label!important}
  .services .serviceGrid .launchService>h3{grid-area:title!important;margin:8px 0!important}
  .services .serviceGrid .launchService>b{grid-area:price!important;justify-self:end!important;align-self:center!important;font-size:32px!important}
  .services .serviceGrid .launchService>p{grid-area:desc!important;max-width:68ch!important}
  .services .serviceGrid .launchService>small{grid-area:fine!important;margin-top:0!important;align-self:end!important}
  .services .serviceGrid article:not(.launchService){min-height:360px!important;display:flex!important;flex-direction:column!important;padding:28px!important}
  .services .serviceGrid article:not(.launchService) small{margin-top:auto!important}
  .servicesCta{margin-top:20px!important;padding:22px 24px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:26px!important;align-items:center!important}
  .servicesActions{justify-content:flex-end!important}

  .finalCta{min-height:330px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:52px!important}
  .finalCopy{max-width:720px!important;margin-left:0!important}
  .finalFacts{grid-template-columns:repeat(3,minmax(150px,1fr))!important;max-width:680px!important}
  .finalActions{width:auto!important;min-width:260px!important;margin-right:0!important}

  footer{min-height:126px!important;height:auto!important;padding:24px max(5vw,72px)!important;grid-template-columns:auto minmax(420px,1fr) auto minmax(190px,260px)!important;column-gap:30px!important;align-items:center!important}
  .footerBrand{align-items:center!important;gap:12px!important}
  .footerBrand img{height:24px!important}
  footer nav{display:flex!important;flex-wrap:wrap!important;gap:14px 24px!important;align-items:center!important}
  footer nav a,footer nav button{font-size:12px!important}
  .footerSocial{min-width:190px!important;gap:8px!important}
  .footerSocialIcons{gap:10px!important}
  .footerSocialIcons a{width:36px!important;height:36px!important}
  .footerSocialIcons img{width:16px!important;height:16px!important}
  footer>span{justify-self:end!important;max-width:240px!important;font-size:11px!important}
}

/* DEV FREIGHT TRANSITION FRAME — 2026-10-15 */
.truckingContext{position:relative;margin:0 auto!important;width:min(1240px,calc(100% - 10vw))!important;max-width:1240px!important;height:430px!important;border:1px solid rgba(101,165,205,.22)!important;border-radius:20px!important;overflow:hidden!important;background:#061522!important;box-shadow:0 30px 80px rgba(0,0,0,.24)!important}
.truckingContext::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(3,17,28,.68) 100%);pointer-events:none}
.truckingContext img{content:url('assets/artcraft-v1/operations-yard-v1.webp')!important;width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center 52%!important;filter:saturate(.88) contrast(1.04)!important}
.truckingContext figcaption{position:absolute;left:24px;bottom:20px;z-index:2;margin:0!important;color:#d9e7ef!important;font-size:13px!important;font-weight:750!important;letter-spacing:.02em;text-shadow:0 2px 14px rgba(0,0,0,.65)}
@media(max-width:1100px){.truckingContext{width:calc(100% - 40px)!important;height:360px!important;border-radius:16px!important}.truckingContext figcaption{left:18px;bottom:16px;font-size:12px!important}}
@media(max-width:720px){.truckingContext{width:calc(100% - 28px)!important;height:250px!important;border-radius:13px!important;box-shadow:none!important}.truckingContext img{object-position:57% center!important}.truckingContext figcaption{left:14px;bottom:12px;font-size:11px!important;max-width:75%}}

/* DEV HERO REBUILD V10 — verified road scene + deterministic technology layer */
#story .pin{background:#03111c!important}
#story .pin::before{content:""!important;position:absolute!important;inset:0!important;z-index:-4!important;background:
 linear-gradient(90deg,rgba(2,13,23,.96) 0%,rgba(2,13,23,.88) 30%,rgba(2,13,23,.52) 54%,rgba(2,13,23,.24) 78%,rgba(2,13,23,.2) 100%),
 linear-gradient(180deg,rgba(3,15,25,.12),rgba(3,15,25,.56)),
 url('assets/artcraft-v2/hero-road-verified-v1.webp') 61% center/cover no-repeat!important;transform:none!important}
#story .pin::after{content:""!important;position:absolute!important;inset:0!important;height:auto!important;z-index:-3!important;background:
 linear-gradient(rgba(64,167,225,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(64,167,225,.045) 1px,transparent 1px),linear-gradient(180deg,transparent 58%,rgba(2,13,23,.72) 100%)!important;background-size:54px 54px,54px 54px,100% 100%!important;mask-image:linear-gradient(90deg,transparent 34%,#000 58%,#000 100%)!important;-webkit-mask-image:linear-gradient(90deg,transparent 34%,#000 58%,#000 100%)!important;pointer-events:none}
.heroTech{position:absolute;inset:72px 0 0;z-index:0;pointer-events:none;overflow:hidden}
.heroTech svg{position:absolute;inset:0;width:100%;height:100%;opacity:.82}
.heroRouteGhost{fill:none;stroke:rgba(26,173,255,.18);stroke-width:14;filter:url(#heroGlow)}
.heroRoute{fill:none;stroke:#27b6ff;stroke-width:3;stroke-linecap:round;stroke-dasharray:10 9;filter:url(#heroGlow)}
.heroTech circle{fill:#061522;stroke:#54ccff;stroke-width:3;filter:url(#heroGlow)}
.heroTechTag{position:absolute;min-width:128px;padding:9px 11px;border:1px solid rgba(88,194,255,.42);border-radius:8px;background:rgba(5,24,38,.74);backdrop-filter:blur(10px);box-shadow:0 12px 30px rgba(0,0,0,.22)}
.heroTechTag small{display:block;color:#69c9ff;font-size:8px;font-weight:900;letter-spacing:.16em;margin-bottom:3px}.heroTechTag b{display:block;color:#eaf6fd;font-size:11px;letter-spacing:.035em}
.tagRoute{right:26%;top:21%}.tagBroker{right:7%;top:36%}.tagCost{right:18%;bottom:20%}
#story .copy{z-index:3!important}.world{z-index:4!important}.meter,.hint{z-index:5!important}
@media(min-width:900px){#story .world{left:49%!important;right:4%!important;top:22%!important;bottom:17%!important}#story .truck.core{width:min(650px,46vw)!important;height:400px!important}}
@media(max-width:899px){#story .pin::before{background:linear-gradient(180deg,rgba(3,17,28,.72),#03111c 46%),url('assets/artcraft-v2/hero-road-verified-v1.webp') 64% top/auto 47vh no-repeat!important}.heroTech{display:none!important}}

/* DEV HERO COMPOSITION V11 — expose truck + road, compact product panel */
@media(min-width:900px){
  #story .world{left:58%!important;right:2.5%!important;top:27%!important;bottom:19%!important}
  #story .truck.core{width:min(540px,38vw)!important;height:332px!important}
  #story .coreShell{left:2%!important;right:2%!important;top:3%!important;bottom:3%!important;border-radius:12px!important}
  #story .coreTop{padding:14px 16px!important}
  #story .appContext{padding:11px 16px!important}
  #story .coreLane{padding:16px!important}
  #story .coreLane strong{font-size:22px!important}
  #story .coreGrid i{padding:9px 10px!important}
  #story .coreGrid i b{font-size:14px!important}
  #story .resultStrip{padding:10px 14px!important}
  #story .coreDecision b{padding:11px!important}
  .tagRoute{right:29%!important;top:18%!important}
  .tagBroker{right:4%!important;top:31%!important}
  .tagCost{right:10%!important;bottom:14%!important}
  .heroTech svg{opacity:.72!important}
}

/* DEV HERO COMPOSITION V12 — trucking first, technology second */
#story .pin::before{
  background:
    linear-gradient(90deg,rgba(2,13,23,.98) 0%,rgba(2,13,23,.92) 27%,rgba(2,13,23,.70) 43%,rgba(2,13,23,.26) 69%,rgba(2,13,23,.18) 100%),
    radial-gradient(circle at 72% 50%,rgba(24,132,197,.10),transparent 36%),
    url('assets/artcraft-v2/hero-road-verified-v1.webp') right 54%/84% auto no-repeat!important;
}
#story .pin::after{
  background:
    linear-gradient(rgba(64,167,225,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(64,167,225,.035) 1px,transparent 1px),
    linear-gradient(180deg,rgba(2,13,23,.02),rgba(2,13,23,.18) 60%,rgba(2,13,23,.82) 100%)!important;
  background-size:58px 58px,58px 58px,100% 100%!important;
  mask-image:linear-gradient(90deg,transparent 38%,#000 57%,#000 100%)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 38%,#000 57%,#000 100%)!important;
}
@media(min-width:900px){
  #story .copy{left:6.6vw!important;top:18%!important;width:min(31vw,470px)!important}
  #story .copy h1{font-size:clamp(48px,4.35vw,66px)!important;line-height:.96!important;max-width:470px!important}
  #story .copy p{font-size:14px!important;max-width:390px!important}
  #story .world{left:auto!important;right:3.2%!important;top:32%!important;bottom:auto!important;width:min(465px,34vw)!important;height:300px!important}
  #story .truck.core{width:100%!important;height:100%!important}
  #story .coreShell{left:0!important;right:0!important;top:0!important;bottom:0!important;border-radius:11px!important;background:linear-gradient(145deg,rgba(7,31,49,.95),rgba(4,20,32,.96))!important;box-shadow:0 26px 70px rgba(0,0,0,.36)!important;backdrop-filter:blur(9px)!important}
  #story .coreTop{padding:12px 14px!important}
  #story .appContext{padding:9px 14px!important}
  #story .coreLane{padding:13px 14px!important}
  #story .coreLane strong{font-size:19px!important}
  #story .coreLane span{font-size:10px!important}
  #story .coreGrid i{padding:8px 9px!important}
  #story .coreGrid i small{font-size:7px!important}
  #story .coreGrid i b{font-size:13px!important}
  #story .coreGrid i em{font-size:7px!important}
  #story .resultStrip{padding:8px 12px!important}
  #story .resultStrip small{font-size:7px!important}
  #story .resultStrip b{font-size:10px!important}
  #story .coreDecision b{padding:9px!important;font-size:9px!important}

  .heroTech{inset:72px 0 0!important}
  .heroTech svg{opacity:.9!important}
  .heroRouteGhost{stroke-width:10!important;stroke:rgba(26,173,255,.14)!important}
  .heroRoute{stroke-width:2.5!important;stroke-dasharray:9 8!important}
  .heroTechTag{min-width:116px!important;padding:8px 10px!important;border-radius:7px!important;background:rgba(4,22,35,.76)!important}
  .heroTechTag small{font-size:7px!important}.heroTechTag b{font-size:10px!important}
  .tagRoute{right:31%!important;top:24%!important}
  .tagBroker{right:5%!important;top:23%!important}
  .tagCost{right:14%!important;bottom:17%!important}
}
@media(max-width:899px){
  #story .pin::before{background:linear-gradient(180deg,rgba(3,17,28,.64),#03111c 47%),url('assets/artcraft-v2/hero-road-verified-v1.webp') 70% 0/auto 45vh no-repeat!important}
}

/* DEV HERO V13 — feathered verified scene, compact intelligence panel */
#story .pin::before{background:url('assets/artcraft-v2/hero-road-composite-v2.webp') center/cover no-repeat!important}
#story .pin::after{background:
 linear-gradient(rgba(64,167,225,.028) 1px,transparent 1px),
 linear-gradient(90deg,rgba(64,167,225,.028) 1px,transparent 1px),
 linear-gradient(180deg,rgba(2,13,23,.02),rgba(2,13,23,.12) 56%,rgba(2,13,23,.72) 100%)!important;
 background-size:62px 62px,62px 62px,100% 100%!important;
 mask-image:linear-gradient(90deg,transparent 34%,#000 54%,#000 100%)!important;
 -webkit-mask-image:linear-gradient(90deg,transparent 34%,#000 54%,#000 100%)!important}
@media(min-width:900px){
 #story .world{right:3.4%!important;top:34%!important;width:min(420px,30vw)!important;height:272px!important}
 #story .coreLane strong{font-size:17px!important}
 #story .coreLane{padding:11px 13px!important}
 #story .coreGrid i{padding:7px 8px!important}
 #story .coreGrid i b{font-size:12px!important}
 .tagRoute{right:30%!important;top:26%!important}
 .tagBroker{right:5%!important;top:25%!important}
 .tagCost{right:12%!important;bottom:18%!important}
 .heroTech svg{opacity:.68!important}
}
@media(max-width:899px){#story .pin::before{background:linear-gradient(180deg,rgba(3,17,28,.55),#03111c 48%),url('assets/artcraft-v2/hero-road-composite-v2.webp') 68% center/cover no-repeat!important}}

/* DEV HERO V14 — simplified route intelligence */
@media(min-width:900px){
  #story .world{right:3.5%!important;top:35%!important;width:min(395px,28.5vw)!important;height:254px!important}
  #story .coreLane strong{font-size:16px!important}
  #story .coreLane span{font-size:9px!important}
  .heroTech svg{opacity:.58!important}
  .heroRouteGhost{stroke-width:8!important;stroke:rgba(39,182,255,.12)!important}
  .heroRoute{stroke-width:2.2!important;stroke-dasharray:8 9!important}
  .heroTech circle{r:5!important;stroke-width:2.5!important}
  .tagRoute{right:27%!important;top:28%!important;min-width:124px!important;background:rgba(3,22,35,.82)!important}
  .tagRoute small::after{content:" · LIVE";color:#4dd2ff}
}

/* DEV HERO V15 — actual ArtCraft img2img enhanced plate */
#story .pin::before{
  background:
    linear-gradient(90deg,rgba(2,13,23,.97) 0%,rgba(2,13,23,.91) 28%,rgba(2,13,23,.66) 44%,rgba(2,13,23,.25) 69%,rgba(2,13,23,.14) 100%),
    linear-gradient(180deg,rgba(2,13,23,.05),rgba(2,13,23,.24) 72%,rgba(2,13,23,.58) 100%),
    url('assets/artcraft-v3/enhanced-fast-a.webp') center/cover no-repeat!important;
}
#story .pin::after{
  background:
    linear-gradient(rgba(64,167,225,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(64,167,225,.025) 1px,transparent 1px),
    linear-gradient(180deg,transparent 60%,rgba(2,13,23,.48) 100%)!important;
  background-size:64px 64px,64px 64px,100% 100%!important;
  mask-image:linear-gradient(90deg,transparent 42%,#000 60%,#000 100%)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 42%,#000 60%,#000 100%)!important;
}
@media(min-width:900px){
  #story .copy{left:6.4vw!important;top:19%!important;width:min(31vw,455px)!important}
  #story .copy h1{font-size:clamp(46px,4.2vw,64px)!important;line-height:.96!important}
  #story .world{right:3.2%!important;top:36%!important;width:min(380px,27.5vw)!important;height:246px!important}
  #story .coreShell{background:linear-gradient(145deg,rgba(5,27,43,.94),rgba(3,17,28,.95))!important;border-color:rgba(85,177,233,.42)!important;box-shadow:0 22px 60px rgba(0,0,0,.35)!important}
  #story .coreTop{padding:11px 13px!important}
  #story .appContext{padding:8px 13px!important}
  #story .coreLane{padding:10px 12px!important}
  #story .coreLane strong{font-size:15px!important}
  #story .coreGrid i{padding:6px 7px!important}
  #story .coreGrid i b{font-size:11px!important}
  #story .resultStrip{padding:7px 10px!important}
  #story .coreDecision b{padding:8px!important}
  .heroTech svg{opacity:.52!important}
  .heroRouteGhost{stroke-width:7!important;stroke:rgba(39,182,255,.10)!important}
  .heroRoute{stroke-width:2!important;stroke-dasharray:8 10!important}
  .tagRoute{right:28%!important;top:27%!important;min-width:118px!important}
}
@media(max-width:899px){
  #story .pin::before{background:linear-gradient(180deg,rgba(3,17,28,.58),#03111c 48%),url('assets/artcraft-v3/enhanced-fast-a.webp') 68% top/auto 46vh no-repeat!important}
}

/* DEV HERO V16 — wide ArtCraft-enhanced concept plate */
#story .pin::before{
  background:
    linear-gradient(90deg,rgba(2,13,23,.24) 0%,rgba(2,13,23,.10) 46%,rgba(2,13,23,.03) 72%,rgba(2,13,23,.04) 100%),
    linear-gradient(180deg,rgba(2,13,23,.02),rgba(2,13,23,.10) 70%,rgba(2,13,23,.36) 100%),
    url('assets/artcraft-v3/hero-wide-artcraft-v1.webp') center/cover no-repeat!important;
}
#story .pin::after{
  background:
    linear-gradient(rgba(57,165,226,.024) 1px,transparent 1px),
    linear-gradient(90deg,rgba(57,165,226,.024) 1px,transparent 1px),
    linear-gradient(180deg,transparent 63%,rgba(2,13,23,.34) 100%)!important;
  background-size:70px 70px,70px 70px,100% 100%!important;
  mask-image:linear-gradient(90deg,transparent 45%,#000 63%,#000 100%)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 45%,#000 63%,#000 100%)!important;
}
@media(min-width:1101px){
  #story .copy{left:6.2vw!important;top:18.5%!important;width:min(30vw,470px)!important}
  #story .copy h1{font-size:clamp(52px,4.45vw,70px)!important;line-height:.94!important;max-width:475px!important}
  #story .copy p{font-size:14px!important;color:#c4d3de!important}
  #story .world{right:4.2%!important;top:35%!important;width:min(430px,27vw)!important;height:280px!important}
  #story .coreShell{border-color:rgba(69,175,235,.46)!important;background:linear-gradient(145deg,rgba(5,27,43,.94),rgba(3,17,28,.95))!important;box-shadow:0 26px 72px rgba(0,0,0,.38)!important}
  #story .coreTop{padding:12px 14px!important}.appContext{padding:9px 14px!important}
  #story .coreLane{padding:12px 14px!important}#story .coreLane strong{font-size:17px!important}
  #story .coreGrid i{padding:7px 8px!important}#story .coreGrid i b{font-size:12px!important}
  #story .resultStrip{padding:8px 11px!important}#story .coreDecision b{padding:9px!important}
  .heroTech svg{opacity:.52!important}.heroRouteGhost{stroke-width:7!important}.heroRoute{stroke-width:2.1!important;stroke-dasharray:9 10!important}
  .tagRoute{right:27%!important;top:26%!important;min-width:122px!important}
}
@media(min-width:1800px){
  #story .copy{left:6.6vw!important;top:19%!important;width:520px!important}
  #story .copy h1{font-size:76px!important;max-width:520px!important}
  #story .world{right:6.2%!important;top:34%!important;width:470px!important;height:305px!important}
  .tagRoute{right:28%!important;top:25%!important}
}
@media(max-width:899px){
  #story .pin::before{background:linear-gradient(180deg,rgba(3,17,28,.42),#03111c 48%),url('assets/artcraft-v3/hero-wide-artcraft-v1.webp') 72% center/cover no-repeat!important}
}

/* DEV HERO V17 — concept-like integrated intelligence */
@media(min-width:1101px){
  #story .pin::before{
    background:
      linear-gradient(90deg,rgba(2,13,23,.27) 0%,rgba(2,13,23,.11) 46%,rgba(2,13,23,.03) 72%,rgba(2,13,23,.04) 100%),
      linear-gradient(180deg,rgba(2,13,23,.02),rgba(2,13,23,.08) 68%,rgba(2,13,23,.31) 100%),
      url('assets/artcraft-v3/hero-wide-artcraft-v1.webp') right center/92% auto no-repeat!important;
    background-color:#03111c!important;
  }
  #story .copy{left:6.4vw!important;top:18%!important;width:min(29vw,455px)!important}
  #story .copy h1{font-size:clamp(50px,4.2vw,68px)!important;line-height:.94!important}
  #story #count::after{content:" · TRUCKING INTELLIGENCE";color:#6bc8ff;letter-spacing:.14em;margin-left:6px}
  #story .world{right:5.3%!important;top:37%!important;width:min(400px,25vw)!important;height:258px!important}
  #story .coreShell{border-color:rgba(68,178,238,.48)!important;background:linear-gradient(145deg,rgba(5,27,43,.93),rgba(3,17,28,.95))!important}
  #story .coreLane strong{font-size:15px!important}
  #story .coreGrid i b{font-size:11px!important}
  .heroTech svg{opacity:.62!important}
  .heroRouteGhost{stroke:rgba(39,182,255,.13)!important;stroke-width:7!important}
  .heroRoute{stroke:#29b9ff!important;stroke-width:2.2!important;stroke-dasharray:10 10!important}
  .heroTechTag{min-width:118px!important;padding:8px 10px!important;border:1px solid rgba(78,190,249,.4)!important;background:rgba(3,22,35,.78)!important;box-shadow:0 12px 28px rgba(0,0,0,.22)!important}
  .heroTechTag small{font-size:7px!important}.heroTechTag b{font-size:10px!important}
  .tagRoute{right:30%!important;top:27%!important}
  .tagBroker{right:12%!important;top:24%!important}
  .tagWeather{right:24%!important;bottom:20%!important}
}
@media(min-width:1800px){
  #story .pin::before{background-size:90% auto!important;background-position:right center!important}
  #story .copy{left:6.7vw!important;top:19%!important;width:500px!important}
  #story .copy h1{font-size:72px!important;max-width:500px!important}
  #story .world{right:7%!important;top:35%!important;width:430px!important;height:276px!important}
  .tagRoute{right:30%!important;top:25%!important}.tagBroker{right:13%!important;top:23%!important}.tagWeather{right:24%!important;bottom:19%!important}
}

/* DEV HERO V18 — high-resolution verified source master */
#story .pin::before{
  background:
    linear-gradient(90deg,rgba(2,13,23,.10) 0%,rgba(2,13,23,.03) 48%,rgba(2,13,23,0) 75%),
    linear-gradient(180deg,rgba(2,13,23,0),rgba(2,13,23,.10) 70%,rgba(2,13,23,.26) 100%),
    url('assets/artcraft-v3/hero-highres-v1.webp') center/cover no-repeat!important;
}
@media(min-width:1800px){#story .pin::before{background-size:cover!important;background-position:center!important}}
@media(max-width:899px){#story .pin::before{background:linear-gradient(180deg,rgba(3,17,28,.38),#03111c 48%),url('assets/artcraft-v3/hero-highres-v1.webp') 69% center/cover no-repeat!important}}

/* DEV HERO V19 — clean hero, no floating feature badges */
.heroTechTag{display:none!important}
@media(min-width:1101px){
  .heroTech svg{opacity:.38!important}
  .heroRouteGhost{stroke:rgba(39,182,255,.08)!important;stroke-width:6!important}
  .heroRoute{stroke:#26b8ff!important;stroke-width:1.8!important;stroke-dasharray:9 12!important}
}

/* DEV PREMIUM GUIDE + SERVICES V20 */
/* Commercial site: voice/language only. Live Assist intentionally removed. */
.guideDock{gap:8px!important;padding:7px 9px!important;border:1px solid rgba(91,154,194,.32)!important;border-radius:999px!important;background:rgba(3,18,29,.84)!important;box-shadow:0 12px 34px rgba(0,0,0,.24)!important;backdrop-filter:blur(16px)!important}
.guideDock .languagePicker{display:flex!important;align-items:center!important;gap:7px!important;margin:0!important;padding:0 4px!important}
.guideDock .languagePicker>span{font-size:7px!important;letter-spacing:.15em!important;color:#6f93aa!important;text-transform:uppercase!important}
.guideDock .languagePicker select{height:30px!important;min-width:96px!important;padding:0 24px 0 8px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#d6e3eb!important;font-size:10px!important;font-weight:700!important;outline:none!important}
.guideDock #voiceGuide{height:34px!important;min-width:88px!important;padding:0 12px!important;border:1px solid rgba(92,170,220,.38)!important;border-radius:999px!important;background:rgba(8,38,58,.84)!important;color:#eef7fc!important;font-size:10px!important;font-weight:850!important;letter-spacing:.01em!important;box-shadow:none!important}
.guideDock #voiceGuide:hover{border-color:#5db6ed!important;background:#0a3049!important}
.guideDock #voiceGuide[aria-pressed="true"]{background:#0e6ba8!important;border-color:#64c8ff!important;color:#fff!important;box-shadow:0 0 0 3px rgba(48,162,226,.13)!important}
#mobileGuideClose{width:28px!important;height:28px!important;border-radius:50%!important;font-size:14px!important;color:#829baa!important;background:transparent!important;border:0!important}
#mobileGuideLauncher{font-weight:850!important;letter-spacing:.01em!important}
#voicePanel{border:1px solid rgba(91,154,194,.32)!important;border-radius:14px!important;background:rgba(4,23,36,.96)!important;box-shadow:0 22px 60px rgba(0,0,0,.34)!important;backdrop-filter:blur(18px)!important}
#voicePanel .voiceHead b{font-size:14px!important;color:#eef6fb!important}#voicePanel .voiceHead span{font-size:10px!important;color:#6fc8f7!important}
#voicePanel p{color:#9fb6c5!important;font-size:12px!important;line-height:1.5!important}.voiceActions button{border-radius:8px!important;font-size:10px!important}

/* Managed services: premium offer architecture instead of admin-card wall. */
.services{padding-top:104px!important;padding-bottom:104px!important}
.services>h2{max-width:850px!important;font-size:clamp(44px,4vw,64px)!important;line-height:1.02!important;letter-spacing:-.045em!important;margin-bottom:18px!important}
.services>.lead{max-width:780px!important;font-size:16px!important;line-height:1.62!important;color:#aebfcb!important;margin-bottom:44px!important}
.services .serviceGrid{gap:16px!important;align-items:stretch!important}
.services .serviceGrid article{border-radius:16px!important;border-color:rgba(91,157,197,.23)!important;background:linear-gradient(180deg,rgba(10,38,57,.82),rgba(6,25,39,.94))!important;box-shadow:0 14px 34px rgba(0,0,0,.14)!important;padding:26px!important}
.services .serviceGrid article::before{height:1px!important;opacity:.5!important}
.services .serviceGrid article>span{font-size:8px!important;letter-spacing:.13em!important;color:#66b6e5!important;margin-bottom:13px!important}
.services .serviceGrid article h3{font-size:23px!important;line-height:1.05!important;letter-spacing:-.025em!important;margin:0 0 8px!important}
.services .serviceGrid article>b{font-size:18px!important;color:#f2f6f9!important;margin-bottom:16px!important}
.services .serviceGrid article p{font-size:13px!important;line-height:1.6!important;color:#a9bbc7!important}
.services .serviceGrid article small{font-size:10px!important;line-height:1.5!important;color:#7f99a9!important;padding-top:14px!important;border-top:1px solid rgba(101,157,190,.18)!important}
.services .launchService{border-color:rgba(64,164,224,.48)!important;background:linear-gradient(120deg,rgba(10,49,73,.94),rgba(6,29,45,.96))!important;box-shadow:0 26px 64px rgba(0,0,0,.22)!important}
.services .launchService::before{height:3px!important;opacity:1!important;background:linear-gradient(90deg,#2089ff,#54d1e6 55%,transparent 90%)!important}
.services .launchService h3{font-size:30px!important}.services .launchService>b{font-size:32px!important;letter-spacing:-.035em!important}
.servicesCta{margin-top:24px!important;padding:24px 26px!important;border-radius:14px!important;border-color:rgba(88,158,200,.25)!important;background:linear-gradient(115deg,rgba(9,38,57,.85),rgba(5,25,39,.92))!important;box-shadow:none!important}
.servicesCta b{font-size:18px!important}.servicesCta span{font-size:12px!important;line-height:1.5!important}

@media(min-width:1101px){
  .guideDock{right:24px!important;bottom:20px!important}
  .services .serviceGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .services .serviceGrid .launchService{grid-column:1/-1!important;min-height:190px!important;padding:30px 32px!important}
  .services .serviceGrid article:not(.launchService){min-height:315px!important}
}
@media(max-width:720px){
  .guideDock{left:auto!important;right:12px!important;bottom:12px!important;max-width:calc(100vw - 24px)!important;border-radius:14px!important;padding:9px!important}
  .guideDock .languagePicker>span{display:none!important}
  .guideDock .languagePicker select{min-width:108px!important;font-size:11px!important}
  .guideDock #voiceGuide{min-width:84px!important;height:36px!important;font-size:11px!important}
  #mobileGuideLauncher{min-width:82px!important;min-height:40px!important;padding:8px 12px!important;font-size:11px!important}
  .services{padding-top:52px!important;padding-bottom:52px!important}
  .services>h2{font-size:34px!important;line-height:1.05!important}.services>.lead{font-size:14px!important;margin-bottom:28px!important}
  .services .serviceGrid article{padding:20px!important}.services .launchService h3{font-size:25px!important}.services .launchService>b{font-size:25px!important}
}

/* DEV PREMIUM INFORMATION ARCHITECTURE V21 — reduce card-wall effect */
@media(min-width:1101px){
  /* Pricing: one primary column, two quieter side options */
  #pricing .tierGridThree{
    grid-template-columns:minmax(0,.92fr) minmax(0,1.18fr) minmax(0,.92fr)!important;
    gap:22px!important;
    align-items:stretch!important;
    margin-top:42px!important;
  }
  #pricing .tierGridThree>article{min-height:540px!important;padding:30px!important;border-radius:18px!important}
  #pricing .tierPremium{
    transform:translateY(-10px)!important;
    min-height:570px!important;
    border-color:rgba(65,161,235,.72)!important;
    background:linear-gradient(180deg,rgba(12,49,73,.98),rgba(7,28,43,.99))!important;
    box-shadow:0 32px 78px rgba(15,73,126,.26)!important;
  }
  #pricing .tierPremium::after{
    content:'MOST POPULAR';position:absolute;top:16px;right:18px;padding:5px 8px;border-radius:999px;
    border:1px solid rgba(89,190,244,.4);background:rgba(6,35,53,.82);color:#79d2ff;
    font-size:8px;font-weight:900;letter-spacing:.12em;
  }
  #pricing .tierBasic,#pricing .tierPro{opacity:.9!important;box-shadow:0 14px 36px rgba(0,0,0,.12)!important}
  #pricing .tierBasic:hover,#pricing .tierPro:hover{opacity:1!important;transform:translateY(-2px)!important}
  #pricing .tierTop b{font-size:38px!important}
  #pricing .tierGridThree>article h3{font-size:25px!important;min-height:auto!important;margin:18px 0 12px!important}
  #pricing .tierGridThree>article>p{min-height:0!important;font-size:13px!important;line-height:1.55!important}
  #pricing .tierGridThree>article ul{font-size:13px!important;line-height:1.55!important;margin:18px 0 22px!important}
  #pricing .pricingUsage{margin-top:30px!important;border-radius:14px!important}

  /* Managed services: hero offer + compact catalog instead of equal-weight grid */
  .services .serviceGrid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:14px!important;
  }
  .services .launchService{
    grid-column:1/-1!important;
    min-height:190px!important;
    padding:32px 36px!important;
    border-radius:18px!important;
  }
  .services .launchService h3{font-size:32px!important}
  .services .launchService>b{font-size:34px!important}
  .services .serviceSecondary{
    min-height:240px!important;
    padding:22px!important;
    background:linear-gradient(180deg,rgba(8,31,47,.72),rgba(5,23,36,.88))!important;
    border-color:rgba(87,146,182,.16)!important;
    box-shadow:none!important;
  }
  .services .serviceSecondary::before{opacity:.25!important}
  .services .serviceSecondary h3{font-size:20px!important;margin-bottom:7px!important}
  .services .serviceSecondary>b{font-size:16px!important;margin-bottom:12px!important}
  .services .serviceSecondary p{font-size:12px!important;line-height:1.52!important;color:#9db0bc!important}
  .services .serviceSecondary small{font-size:9px!important;line-height:1.45!important;color:#718b9b!important}
  .services .serviceSecondary:hover{
    transform:translateY(-2px)!important;
    border-color:rgba(86,163,210,.28)!important;
    background:linear-gradient(180deg,rgba(10,38,57,.82),rgba(6,25,39,.92))!important;
    box-shadow:0 14px 32px rgba(0,0,0,.12)!important;
  }
}
@media(max-width:1100px){
  #pricing .tierPremium{transform:none!important}
  .services .serviceSecondary{min-height:0!important}
}

/* DEV PREMIUM LISTEN CONTROL V22 — one launcher, controls on demand */
#mobileGuideLauncher{
  display:inline-flex!important;position:fixed!important;right:22px!important;bottom:20px!important;z-index:58!important;
  align-items:center!important;justify-content:center!important;min-width:74px!important;min-height:38px!important;
  padding:8px 13px!important;border:1px solid rgba(92,162,204,.34)!important;border-radius:999px!important;
  background:rgba(4,23,36,.80)!important;color:#dfeaf1!important;font-size:10px!important;font-weight:850!important;
  letter-spacing:.015em!important;box-shadow:0 10px 28px rgba(0,0,0,.22)!important;backdrop-filter:blur(14px)!important;
}
#mobileGuideLauncher:hover{border-color:#5aaee0!important;background:rgba(7,40,61,.92)!important;color:#fff!important}
body.mobile-guide-open #mobileGuideLauncher{display:none!important}
.guideDock{display:none!important;right:18px!important;bottom:16px!important;left:auto!important;grid-template-columns:none!important;max-width:none!important}
.guideDock.mobile-open{display:flex!important}
.guideDock #mobileGuideClose{display:inline-flex!important;align-items:center!important;justify-content:center!important}
body.voice-guided:not(.mobile-guide-open) #mobileGuideLauncher{display:inline-flex!important;background:rgba(8,63,96,.9)!important;border-color:#4fb8ed!important;color:#fff!important;box-shadow:0 10px 30px rgba(16,114,169,.18)!important}
@media(max-width:780px){
  #mobileGuideLauncher{right:12px!important;bottom:12px!important;min-width:78px!important;min-height:40px!important;font-size:11px!important}
  .guideDock.mobile-open{display:grid!important;left:12px!important;right:12px!important;bottom:12px!important;grid-template-columns:1fr auto!important;border-radius:14px!important}
  .guideDock .languagePicker{grid-column:1/-1!important}
}

/* DEV LISTEN MICRO-CONTROL V23 */
#mobileGuideLauncher{
  min-width:62px!important;min-height:34px!important;padding:7px 11px!important;
  right:18px!important;bottom:16px!important;font-size:9px!important;
  color:#aebfca!important;background:rgba(4,20,32,.68)!important;
  border-color:rgba(94,149,184,.24)!important;box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
}
#mobileGuideLauncher:hover{color:#fff!important;border-color:rgba(88,180,232,.52)!important;background:rgba(6,35,53,.88)!important}
@media(max-width:780px){#mobileGuideLauncher{min-width:70px!important;min-height:38px!important;font-size:10px!important;right:12px!important;bottom:12px!important}}

/* DEV PRODUCT PRESENTATION V24 — premium product framing */
.loadVisual,.commsUi,.brokerProcessShell{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
}
.loadVisual::before,.commsUi::before,.brokerProcessShell::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 28%,transparent 70%,rgba(75,178,235,.025));
}
.loadVisual::after,.commsUi::after{
  content:"";position:absolute;left:14%;right:14%;bottom:-34px;height:52px;border-radius:50%;
  background:rgba(18,123,184,.16);filter:blur(26px);z-index:-1;pointer-events:none;
}
.loadVisual>* ,.commsUi>* ,.brokerProcessShell>*{position:relative;z-index:1}

.loadVisual{
  border-radius:20px!important;border:1px solid rgba(102,177,220,.33)!important;
  background:linear-gradient(155deg,rgba(9,34,52,.98),rgba(4,20,32,.99))!important;
  box-shadow:0 34px 90px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.loadVisualHead{
  min-height:54px!important;padding:0 20px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.008))!important;
  border-bottom:1px solid rgba(102,177,220,.18)!important;
}
.loadVisualHead strong{font-size:13px!important;letter-spacing:.15em!important}
.loadVisualHead span{font-size:8px!important;letter-spacing:.13em!important;color:#7bbfe5!important}
.loadVisualGrid{gap:0!important;background:rgba(3,18,29,.52)!important}
.loadVisualGrid>article{
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  padding:26px!important;min-height:310px!important;
}
.loadVisualGrid>article+article{border-left:1px solid rgba(96,155,191,.18)!important}
.visualNumber{font-size:8px!important;letter-spacing:.14em!important;color:#6fbce7!important}
.visualDoc{border:1px solid rgba(93,154,192,.25)!important;border-radius:12px!important;background:linear-gradient(180deg,rgba(11,42,63,.86),rgba(7,28,43,.94))!important;box-shadow:0 18px 36px rgba(0,0,0,.14)!important}
.visualDoc strong{font-size:30px!important;letter-spacing:-.04em!important}.visualDoc p{color:#c2d0d9!important}
.visualMetrics span,.visualChecks span{border-color:rgba(94,153,190,.22)!important;background:rgba(8,31,48,.58)!important}
.visualDecide h3{font-size:29px!important;line-height:1.05!important;letter-spacing:-.035em!important}
.visualDecision span{border-radius:8px!important;min-height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:9px!important;letter-spacing:.1em!important}

.commsUi{
  border-radius:20px!important;border:1px solid rgba(102,177,220,.34)!important;
  background:linear-gradient(155deg,rgba(9,37,57,.985),rgba(4,21,33,.99))!important;
  box-shadow:0 34px 90px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.commsTop{
  min-height:54px!important;padding:0 20px!important;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.006))!important;
  border-bottom:1px solid rgba(100,165,204,.18)!important;
}
.commsTop strong{font-size:13px!important;letter-spacing:.08em!important}.commsTop span{font-size:9px!important;letter-spacing:.1em!important}
.commsTabs{padding:10px 14px!important;border-bottom:1px solid rgba(100,165,204,.16)!important;background:rgba(4,21,33,.52)!important}
.commsTabs b{border-radius:999px!important;padding:8px 12px!important;font-size:9px!important;letter-spacing:.06em!important}
.commsTabs b.active{background:#0c3b58!important;border-color:#3f9fd5!important;box-shadow:none!important}
.commsBody aside{padding:22px!important}.commsBody main{padding:22px!important}.commsBody main>div{border-radius:10px!important;padding:14px 15px!important}

.brokerProcessShell{
  border-radius:20px!important;border:1px solid #c6d8e3!important;background:rgba(255,255,255,.94)!important;
  box-shadow:0 30px 76px rgba(23,57,78,.12),inset 0 1px 0 #fff!important;
}
.brokerProcessShell::before{background:linear-gradient(135deg,rgba(42,139,200,.04),transparent 35%,transparent 70%,rgba(42,139,200,.025))!important}
.brokerProcessDetail{border-radius:12px!important;background:linear-gradient(180deg,#fff,#f7fafc)!important;border:1px solid #d5e1e8!important;padding:24px!important}
.brokerSignalGrid article{border-radius:12px!important;border-color:#d7e3ea!important;background:#fff!important;box-shadow:0 10px 24px rgba(32,67,88,.055)!important}

/* Refined reveal motion: small, deliberate, never flashy. */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .62s cubic-bezier(.2,.8,.2,1),transform .62s cubic-bezier(.2,.8,.2,1)!important}
.reveal.in{opacity:1;transform:none}
.reveal.in .tierGridThree>article,.reveal.in .serviceGrid>article,.reveal.in .progressGrid>article,.reveal.in .proofFlow>article{
  animation:premiumCardIn .55s cubic-bezier(.2,.8,.2,1) both;
}
.reveal.in .tierGridThree>article:nth-child(2),.reveal.in .serviceGrid>article:nth-child(2),.reveal.in .progressGrid>article:nth-child(2),.reveal.in .proofFlow>article:nth-child(2){animation-delay:.05s}
.reveal.in .tierGridThree>article:nth-child(3),.reveal.in .serviceGrid>article:nth-child(3),.reveal.in .progressGrid>article:nth-child(3),.reveal.in .proofFlow>article:nth-child(3){animation-delay:.10s}
.reveal.in .serviceGrid>article:nth-child(4),.reveal.in .progressGrid>article:nth-child(4),.reveal.in .proofFlow>article:nth-child(4){animation-delay:.15s}
.reveal.in .serviceGrid>article:nth-child(5),.reveal.in .progressGrid>article:nth-child(5){animation-delay:.20s}
.reveal.in .serviceGrid>article:nth-child(6){animation-delay:.25s}
.reveal.in .serviceGrid>article:nth-child(7){animation-delay:.30s}
@keyframes premiumCardIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

@media(max-width:720px){
  .loadVisual,.commsUi,.brokerProcessShell{border-radius:14px!important;box-shadow:0 18px 42px rgba(0,0,0,.18)!important}
  .loadVisualGrid{display:block!important}.loadVisualGrid>article{min-height:0!important;padding:20px!important}.loadVisualGrid>article+article{border-left:0!important;border-top:1px solid rgba(96,155,191,.16)!important}
  .visualDecide h3{font-size:24px!important}.commsBody aside,.commsBody main{padding:18px!important}
}
@media(prefers-reduced-motion:reduce){
  .reveal,.reveal.in,.reveal.in .tierGridThree>article,.reveal.in .serviceGrid>article,.reveal.in .progressGrid>article,.reveal.in .proofFlow>article{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}
}

/* DEV PRODUCT READABILITY + PROGRESSION V25 */
.loadVisual{color:#eaf3f8!important}
.loadVisualHead strong{color:#f2f7fa!important}.loadVisualHead span{color:#76c7f2!important}
.loadVisualGrid>article{color:#dce8ef!important;opacity:1!important}
.visualNumber{color:#70c6f3!important;opacity:1!important}
.visualDoc{color:#eaf3f8!important}.visualDoc small{color:#72bfe9!important}.visualDoc strong{color:#fff!important}.visualDoc p{color:#bfd0da!important}
.visualDoc div span{color:#829dac!important}.visualDoc div b{color:#dbe7ee!important}
.visualAnalyze svg{opacity:1!important}.visualRouteBase{stroke:rgba(77,139,177,.32)!important}.visualRoute{stroke:#35b9f4!important;filter:drop-shadow(0 0 5px rgba(53,185,244,.22))!important}.visualAnalyze circle{fill:#35b9f4!important;stroke:#0a2336!important;stroke-width:3!important}
.visualMetrics span{color:#819baa!important}.visualMetrics b{color:#e6f0f5!important}.visualChecks span{color:#9eb4c1!important}
.visualDecide h3{color:#eef5f9!important}.visualDecide p{color:#9fb4c0!important}
.visualDecision span{color:#dce8ef!important}.visualDecision span:first-child{background:rgba(22,97,86,.44)!important;border-color:rgba(74,207,184,.34)!important}.visualDecision span:nth-child(2){background:rgba(108,82,25,.38)!important;border-color:rgba(230,178,74,.28)!important}.visualDecision span:last-child{background:rgba(103,46,55,.34)!important;border-color:rgba(226,102,115,.26)!important}

/* Progression becomes a connected operating timeline, not five equal tiles. */
@media(min-width:1101px){
  .progression .progressGrid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;margin-top:44px!important;border-top:1px solid rgba(84,149,190,.24)!important;border-bottom:1px solid rgba(84,149,190,.18)!important}
  .progression .progressGrid::before{display:none!important}
  .progression .progressGrid article{min-height:270px!important;padding:26px 22px 24px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
  .progression .progressGrid article+article{border-left:1px solid rgba(84,149,190,.18)!important}
  .progression .progressGrid article::after{display:none!important}
  .progression .progressGrid article>span{width:34px!important;height:34px!important;margin-bottom:22px!important;border-radius:50%!important;background:#071d2d!important;border:1px solid #347ba8!important;color:#75c7f3!important;box-shadow:0 0 0 6px #071725!important;font-size:10px!important}
  .progression .progressGrid h3{font-size:20px!important;letter-spacing:.03em!important;margin:0 0 12px!important;color:#f0f5f8!important}
  .progression .progressGrid p{font-size:13px!important;line-height:1.55!important;color:#9eb1bd!important;margin:0 0 22px!important}
  .progression .progressGrid b{display:block!important;margin-top:auto!important;font-size:10px!important;line-height:1.4!important;color:#dbe7ee!important;letter-spacing:.01em!important}
  .progression .progressGrid article{display:flex!important;flex-direction:column!important}
  .progression .progressGrid article:hover{background:linear-gradient(180deg,rgba(15,50,73,.28),rgba(7,27,42,.10))!important}
}
@media(max-width:720px){
  .visualDoc{box-shadow:none!important}
  .progression .progressGrid article{box-shadow:none!important}
}

/* DEV GLOBAL BRAND SHELL V26 — premium header, transitions, footer */
header{
  background:rgba(3,17,28,.88)!important;
  color:#eef5f9!important;
  border-bottom:1px solid rgba(91,154,194,.20)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.08)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
header .brand{display:flex!important;align-items:center!important;flex:0 0 auto!important}
header .brand img{filter:drop-shadow(0 2px 10px rgba(0,0,0,.12))!important}
header nav{display:flex!important;align-items:center!important;gap:26px!important;color:#9fb4c2!important}
header nav a{
  color:#9fb4c2!important;text-decoration:none!important;font-size:11px!important;font-weight:750!important;
  letter-spacing:.035em!important;position:relative!important;padding:8px 0!important;
  transition:color .16s ease!important;
}
header nav a::after{
  content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;background:#52baf0;transition:right .18s ease!important;
}
header nav a:hover{color:#fff!important}header nav a:hover::after{right:0!important}
header>span{margin-left:auto!important}
header .contactHeader{
  background:transparent!important;color:#d6e2e9!important;border:1px solid rgba(109,165,199,.32)!important;
  box-shadow:none!important;font-weight:750!important;
}
header .contactHeader:hover{border-color:rgba(99,190,241,.62)!important;color:#fff!important;background:rgba(9,42,63,.46)!important}
header .signin{color:#e7eef2!important;text-decoration:none!important;font-weight:780!important}
header .signin:hover{color:#fff!important}
header .startTop{
  background:linear-gradient(180deg,#2d87ff,#2375e4)!important;color:#fff!important;border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 10px 24px rgba(35,126,247,.18)!important;text-decoration:none!important;font-weight:850!important;
}
header .startTop:hover{transform:translateY(-1px)!important;box-shadow:0 14px 30px rgba(35,126,247,.25)!important}

/* Section rhythm: transitions instead of hard stacked panels. */
.after.intro,.proof,.brokerProcess,.progression,.comms,.tiers,#system-modules,.services,.finalCta{position:relative!important;isolation:isolate!important}
.after.intro::before,.proof::before,.progression::before,.comms::before,.tiers::before,#system-modules::before,.services::before,.finalCta::before{
  content:"";position:absolute;left:6vw;right:6vw;top:0;height:1px;z-index:4;
  background:linear-gradient(90deg,transparent,rgba(91,154,194,.22) 18%,rgba(91,154,194,.22) 82%,transparent);
  pointer-events:none;
}
.sectionKicker{
  font-size:9px!important;letter-spacing:.16em!important;font-weight:900!important;color:#65b8e5!important;
}
.after.intro>h2,.proof>h2,.brokerProcessCopy h2,.progression>h2,.commsCopy h2,.tiers>h2,#system-modules>h2,.services>h2,.finalCopy h2{
  text-wrap:balance!important;
}

/* Footer becomes one calm brand close, not another navigation dashboard. */
footer{
  background:#03101a!important;border-top:1px solid rgba(85,145,181,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.012)!important;
}
.footerBrand{display:flex!important;align-items:center!important;gap:10px!important}
.footerBrand small{display:none!important}
footer nav{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px 20px!important}
footer nav a,footer nav button{
  min-height:auto!important;padding:6px 0!important;background:transparent!important;border:0!important;color:#839cab!important;
  font-size:11px!important;font-weight:700!important;text-decoration:none!important;border-radius:0!important;
}
footer nav button{cursor:pointer!important}
footer nav a:hover,footer nav button:hover{color:#dfeaf0!important;transform:none!important}
.footerSocial{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;min-width:0!important}
.footerSocial>small{display:none!important}
.footerSocialIcons{display:flex!important;align-items:center!important;gap:12px!important;width:auto!important}
.footerSocialIcons a{
  width:32px!important;height:32px!important;border-radius:50%!important;border:1px solid rgba(89,151,188,.24)!important;
  background:rgba(8,31,47,.48)!important;box-shadow:none!important;
}
.footerSocialIcons a:hover{background:rgba(11,47,70,.82)!important;border-color:rgba(91,187,239,.48)!important;transform:translateY(-1px)!important}
.footerSocialIcons img{width:14px!important;height:14px!important}
footer>span{color:#657e8e!important;font-size:10px!important;line-height:1.45!important}

@media(min-width:1101px){
  header{height:70px!important;min-height:70px!important;padding:0 max(5vw,72px)!important;gap:32px!important}
  header .brand img{height:28px!important;max-width:152px!important}
  header nav{flex:1!important}
  header .contactHeader{min-height:38px!important;padding:8px 12px!important;font-size:11px!important}
  header .signin{min-height:38px!important;font-size:11px!important;padding:0 4px!important}
  header .startTop{min-height:38px!important;padding:9px 14px!important;font-size:11px!important;border-radius:8px!important}
  #story .pin{top:70px!important;height:calc(100vh - 70px)!important}
  footer{
    min-height:96px!important;padding:22px max(5vw,72px)!important;
    display:grid!important;grid-template-columns:auto minmax(0,1fr) auto auto!important;gap:24px!important;align-items:center!important;
  }
  .footerBrand img{height:22px!important}.footerSocial{justify-self:end!important}footer>span{justify-self:end!important;max-width:220px!important}
}
@media(max-width:720px){
  header{background:rgba(3,17,28,.94)!important;box-shadow:none!important}
  header nav{display:none!important}
  footer{padding-top:26px!important;padding-bottom:82px!important}
  footer nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 18px!important;max-width:330px!important}
  footer nav a,footer nav button{font-size:12px!important;min-height:34px!important;display:flex!important;align-items:center!important}
  .footerSocialIcons{gap:14px!important}.footerSocialIcons a{width:34px!important;height:34px!important}.footerSocialIcons img{width:15px!important;height:15px!important}
  .after.intro::before,.proof::before,.progression::before,.comms::before,.tiers::before,#system-modules::before,.services::before,.finalCta::before{left:18px;right:18px}
}

/* DEV MOBILE HERO + LISTEN V27 — remove legacy guide placement and dead panel space */
@media(max-width:899px){
  #mobileGuideLauncher,
  body:not(.guide-past-hero) #mobileGuideLauncher,
  body.guide-past-hero #mobileGuideLauncher,
  body.voice-guided:not(.mobile-guide-open) #mobileGuideLauncher,
  body.guide-past-hero.voice-guided:not(.mobile-guide-open) #mobileGuideLauncher{
    position:fixed!important;top:auto!important;left:auto!important;right:12px!important;bottom:12px!important;
    transform:none!important;transform-origin:center!important;
    min-width:66px!important;min-height:36px!important;height:36px!important;padding:0 11px!important;
    border-radius:999px!important;font-size:10px!important;
    background:rgba(4,20,32,.72)!important;border:1px solid rgba(88,155,196,.28)!important;
    color:#b9cbd6!important;box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
  }
  body.mobile-guide-open #mobileGuideLauncher{display:none!important}

  #story .world{
    left:16px!important;right:16px!important;top:40%!important;bottom:auto!important;height:292px!important;
    width:auto!important;
  }
  #story .truck.core{width:100%!important;height:292px!important}
  #story .coreShell{left:0!important;right:0!important;top:0!important;bottom:auto!important;height:292px!important;min-height:0!important}
  #story .coreTop{height:42px!important;padding:0 12px!important}
  #story .coreTop b{font-size:13px!important}.coreTop span{font-size:7px!important}
  #story .appContext{height:34px!important;padding:0 12px!important}
  #story .appContext span{font-size:8px!important}.appContext b{font-size:7px!important}
  #story .coreLane{padding:12px 12px 10px!important}
  #story .coreLane small{font-size:8px!important}.coreLane strong{font-size:18px!important;margin:5px 0!important}.coreLane span{font-size:10px!important}
  #story .coreGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #story .coreGrid i{height:54px!important;padding:8px 10px!important;border-bottom:1px solid rgba(56,83,106,.42)!important}
  #story .coreGrid i:nth-child(odd){border-right:1px solid rgba(56,83,106,.42)!important}
  #story .coreGrid i+i:before{display:none!important}
  #story .coreGrid i small{font-size:6px!important}.coreGrid i b{font-size:12px!important;margin-top:2px!important}.coreGrid i em{display:none!important}
  #story .resultStrip,#story .coreDecision{display:none!important}
}
@media(max-width:430px) and (max-height:760px){
  #story .world{top:42%!important;height:270px!important}
  #story .truck.core,#story .coreShell{height:270px!important}
}

/* DEV TYPOGRAPHY + RHYTHM V28 — one commercial design system */
:root{
  --tp-max:1240px;
  --tp-copy:760px;
  --tp-muted:#a7bac7;
  --tp-soft:#7f98a8;
}
.after.intro,.proof,.brokerProcess,.progression,.comms,.tiers,#system-modules,.services,.finalCta{
  scroll-margin-top:84px!important;
}
.after.intro>h2,.proof>h2,.brokerProcessCopy h2,.progression>h2,.commsCopy h2,.tiers>h2,#system-modules>h2,.services>h2,.finalCopy h2{
  font-size:clamp(42px,4.4vw,66px)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
  font-weight:850!important;
  max-width:900px!important;
  text-wrap:balance!important;
}
.after.intro>p,.proof>.lead,.brokerProcessCopy>p,.progression>.lead,.commsCopy>p,.tiers>.lead,#system-modules>.lead,.services>.lead,.finalCopy>p{
  max-width:var(--tp-copy)!important;
  font-size:15px!important;
  line-height:1.68!important;
  color:var(--tp-muted)!important;
  text-wrap:pretty!important;
}
.sectionKicker{
  margin-bottom:14px!important;
  font-size:9px!important;
  line-height:1!important;
  letter-spacing:.17em!important;
  text-transform:uppercase!important;
}

/* Editorial rhythm around important commercial blocks. */
@media(min-width:1101px){
  .after.intro,.proof,.brokerProcess,.progression,.comms,.tiers,#system-modules,.services,.finalCta{
    padding-top:112px!important;padding-bottom:112px!important;
  }
  .after.intro>*:not(.ctaRow):not(.introSignIn),
  .proof>h2,.proof>.lead,.brokerProcess>.brokerProcessCopy,
  .progression>.sectionKicker,.progression>h2,.progression>.lead,
  .tiers>.sectionKicker,.tiers>h2,.tiers>.lead,
  #system-modules>.sectionKicker,#system-modules>h2,#system-modules>.lead,
  .services>.sectionKicker,.services>h2,.services>.lead{
    margin-left:auto!important;margin-right:auto!important;
  }
  .progression>.sectionKicker,.progression>h2,.progression>.lead,
  .tiers>.sectionKicker,.tiers>h2,.tiers>.lead,
  #system-modules>.sectionKicker,#system-modules>h2,#system-modules>.lead{
    text-align:center!important;
  }
  .after.intro>p,.proof>.lead,.progression>.lead,.tiers>.lead,#system-modules>.lead,.services>.lead{margin-top:0!important}
  .after.intro>h2,.proof>h2,.progression>h2,.tiers>h2,#system-modules>h2,.services>h2{margin-top:8px!important;margin-bottom:20px!important}
  .ctaRow{margin-top:30px!important}
  .introSignIn{margin-top:16px!important}
  .proofFlow,.progressGrid,.tierGridThree,.serviceGrid{margin-top:42px!important}
  .brokerProcessShell,.loadVisual,.commsUi{margin-top:34px!important}
}

/* Quiet microcopy. */
.proposalNote,.pricingUsage .telecomTerms span,.serviceGrid small,.introSignIn,.finalSignIn{
  color:var(--tp-soft)!important;
}
.primaryCta,.finalActions>a:first-child,.startTop{
  letter-spacing:-.01em!important;
}

@media(max-width:720px){
  .after.intro,.proof,.brokerProcess,.progression,.comms,.tiers,#system-modules,.services,.finalCta{
    padding-top:58px!important;padding-bottom:58px!important;
  }
  .after.intro>h2,.proof>h2,.brokerProcessCopy h2,.progression>h2,.commsCopy h2,.tiers>h2,#system-modules>h2,.services>h2,.finalCopy h2{
    font-size:clamp(32px,9vw,40px)!important;
    line-height:1.05!important;
    letter-spacing:-.035em!important;
  }
  .after.intro>p,.proof>.lead,.brokerProcessCopy>p,.progression>.lead,.commsCopy>p,.tiers>.lead,#system-modules>.lead,.services>.lead,.finalCopy>p{
    font-size:14px!important;line-height:1.62!important;
  }
  .sectionKicker{font-size:8px!important;letter-spacing:.15em!important}
}

/* DEV LIGHT-SECTION CONTRAST RECOVERY V29 */
.brokerProcess{
  background:
    radial-gradient(circle at 12% 18%,rgba(44,126,178,.07),transparent 24%),
    linear-gradient(180deg,#f4f8fb 0%,#eaf1f6 100%)!important;
  color:#173042!important;
}
.brokerProcess::after{opacity:.48!important}
.brokerProcess .sectionKicker{color:#2b79ab!important}
.brokerProcessCopy h2{color:#102838!important;text-shadow:none!important}
.brokerProcessCopy>p{color:#536d7e!important}
.brokerProcessShell{
  background:rgba(255,255,255,.97)!important;
  border:1px solid #b9cfdd!important;
  box-shadow:0 24px 60px rgba(22,58,82,.13)!important;
}
.brokerSteps button{
  color:#3e5c6f!important;
  background:#f6f9fb!important;
  border:1px solid #c7d8e3!important;
  box-shadow:none!important;
}
.brokerSteps button span{color:#2c80b2!important}
.brokerSteps button[aria-pressed="true"]{
  color:#fff!important;
  background:#164f92!important;
  border-color:#164f92!important;
  box-shadow:0 8px 20px rgba(22,79,146,.16)!important;
}
.brokerSteps button[aria-pressed="true"] span{color:#9fd7ff!important}
.brokerProcessDetail{
  background:#fff!important;
  border:1px solid #ccdbe4!important;
  box-shadow:0 12px 26px rgba(25,62,84,.06)!important;
}
.brokerProcessDetail small{color:#2e87bc!important}
.brokerProcessDetail h3{color:#183447!important}
.brokerProcessDetail p{color:#5b7484!important}
.brokerSignalGrid article{
  background:#fff!important;
  border:1px solid #cfdee7!important;
  box-shadow:0 8px 18px rgba(26,63,84,.06)!important;
}
.brokerSignalGrid article>span{
  background:#0c4d78!important;color:#fff!important;border-radius:6px!important;
}
.brokerSignalGrid article h4{color:#254457!important}
.brokerSignalGrid article p{color:#607889!important}
.brokerLegend b{color:#fff!important}
.brokerCoverage{color:#708998!important}
.brokerProcessFooter{color:#607889!important}
.brokerProcessFooter strong{color:#27475b!important}
.brokerProcessFooter .primaryCta{
  background:linear-gradient(180deg,#2d87ff,#2375e4)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(35,126,247,.18)!important;
}

/* System modules: keep premium light surface but restore legibility. */
#system-modules{
  background:linear-gradient(180deg,#f5f8fb 0%,#eaf1f6 100%)!important;
  color:#183244!important;
}
#system-modules::after{opacity:.36!important}
#system-modules .sectionKicker{color:#2b79ab!important}
#system-modules>h2{color:#142f41!important}
#system-modules>.lead{color:#536d7e!important}
#system-modules .serviceGrid article{
  background:#fff!important;
  border:1px solid #c9d9e3!important;
  box-shadow:0 12px 28px rgba(25,61,82,.07)!important;
}
#system-modules .serviceGrid span{color:#2d7eaa!important}
#system-modules .serviceGrid h3{color:#1b394c!important}
#system-modules .serviceGrid b{color:#24485f!important}
#system-modules .serviceGrid p{color:#587181!important}
#system-modules .serviceGrid small{color:#708795!important;border-top-color:#d3dfe6!important}

@media(max-width:720px){
  .brokerProcessShell{box-shadow:0 14px 30px rgba(22,58,82,.09)!important}
  .brokerSignalGrid article{box-shadow:none!important}
  #system-modules .serviceGrid article{box-shadow:none!important}
}

/* DEV LIGHT SURFACE LEGIBILITY V30 */
.after.intro{
  background:linear-gradient(180deg,#f3f7fa 0%,#e9f1f6 100%)!important;
  color:#173143!important;
}
.after.intro::after{opacity:.30!important}
.after.intro .sectionKicker{color:#2d7da9!important}
.after.intro h2{color:#102a3a!important}
.after.intro>p{color:#4f697a!important}
.after.intro .ctaRow a:not(.primaryCta),
.after.intro .introSignIn{color:#536f81!important}
.after.intro .introSignIn a{color:#1765ad!important;font-weight:800!important}
.after.intro .introSteps{
  background:rgba(255,255,255,.70)!important;
  border:1px solid #c5d6e1!important;
  box-shadow:0 18px 44px rgba(24,60,82,.08)!important;
}
.after.intro .introSteps span{
  color:#28485c!important;
  border-color:#b9cfdd!important;
  background:rgba(255,255,255,.76)!important;
}
.after.intro .introSteps span b{color:#2276b0!important}
.after.intro .secondaryCta{
  color:#26485e!important;
  border-color:#b5cad7!important;
  background:rgba(255,255,255,.72)!important;
}
.after.intro .secondaryCta:hover{background:#fff!important;border-color:#91b7cd!important}

/* Generic safety net for pale sections. */
:is(.after.intro,.brokerProcess,#system-modules) :is(p,li,small){text-shadow:none!important}
:is(.after.intro,.brokerProcess,#system-modules) .lead{color:#526c7d!important}
:is(.after.intro,.brokerProcess,#system-modules) h2,
:is(.after.intro,.brokerProcess,#system-modules) h3,
:is(.after.intro,.brokerProcess,#system-modules) h4{color:#173244!important}

@media(max-width:720px){
  .after.intro .introSteps{box-shadow:none!important}
  .after.intro>p{color:#526c7c!important}
}

/* DEV CONTINUITY + SHELL INTEGRATION V31 */
/* Desktop Listen lives in the header; floating launcher is mobile-only. */
#desktopListenLauncher{
  display:none;border:0;background:transparent;color:#9fb4c2;font-size:11px;font-weight:750;
  padding:8px 4px;cursor:pointer;letter-spacing:.025em;
}
#desktopListenLauncher:hover{color:#fff}
@media(min-width:781px){
  #desktopListenLauncher{display:inline-flex!important;align-items:center!important;min-height:38px!important}
  #mobileGuideLauncher{display:none!important}
  body.mobile-guide-open #mobileGuideLauncher{display:none!important}
  .guideDock.mobile-open{display:flex!important;right:22px!important;bottom:18px!important;left:auto!important}
}
@media(max-width:780px){#desktopListenLauncher{display:none!important}}

/* Softer handoffs between light and dark sections. */
.after.intro,.brokerProcess,#system-modules{overflow:hidden!important}
.after.intro::after,.brokerProcess::after,#system-modules::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:96px;pointer-events:none;z-index:0;
  background:linear-gradient(180deg,transparent,rgba(6,22,35,.055) 72%,rgba(6,22,35,.095));
}
.after.intro>* ,.brokerProcess>* ,#system-modules>*{position:relative;z-index:1}
.proof,.progression,.comms,.tiers,.services,.finalCta{overflow:hidden!important}
.proof::after,.progression::after,.comms::after,.tiers::after,.services::after,.finalCta::after{
  content:"";position:absolute;left:0;right:0;top:-1px;height:88px;pointer-events:none;z-index:0;
  background:linear-gradient(180deg,rgba(255,255,255,.025),transparent);
}
.proof>* ,.progression>* ,.comms>* ,.tiers>* ,.services>* ,.finalCta>*{position:relative;z-index:1}

/* Create a common content rail so every section lines up exactly. */
@media(min-width:1101px){
  .after.intro>*,.proof>*,.brokerProcess>*,.progression>*,.comms>*,.tiers>*,#system-modules>*,.services>*,.finalCta>*{
    width:min(1240px,calc(100% - 10vw))!important;
    max-width:1240px!important;
    margin-left:auto!important;margin-right:auto!important;
  }
  .brokerProcess>.brokerProcessCopy,.comms>.commsCopy,.finalCta>.finalCopy{width:auto!important;max-width:760px!important;margin-left:0!important;margin-right:0!important}
  .comms{display:grid!important;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;column-gap:56px!important;align-items:center!important}
  .comms>.commsCopy{grid-column:1!important}.comms>.commsUi{grid-column:2!important;width:100%!important;margin:0!important}
  .brokerProcess{display:grid!important;grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr)!important;column-gap:54px!important;align-items:start!important}
  .brokerProcess>.brokerProcessCopy{grid-column:1!important;position:sticky!important;top:112px!important}
  .brokerProcess>.brokerProcessShell{grid-column:2!important;width:100%!important;margin:0!important}
}

/* Reduce abrupt giant photographic separator feeling. */
.truckingContext{
  margin-top:-34px!important;margin-bottom:-34px!important;
  border-color:rgba(91,154,194,.18)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.18)!important;
}
.truckingContext::before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,rgba(3,17,28,.18),transparent 30%,transparent 72%,rgba(3,17,28,.35));
}

@media(max-width:780px){
  .after.intro::after,.brokerProcess::after,#system-modules::after{height:52px}
  .proof::after,.progression::after,.comms::after,.tiers::after,.services::after,.finalCta::after{height:48px}
  .truckingContext{margin-top:-12px!important;margin-bottom:-12px!important}
}

/* DEV SYSTEM INTELLIGENCE V38 — sell behavior, not feature inventory */
.systemIntelligence{
  position:relative;isolation:isolate;overflow:hidden;
  padding:118px max(5vw,72px)!important;
  background:
    radial-gradient(circle at 78% 42%,rgba(30,142,206,.12),transparent 30%),
    radial-gradient(circle at 18% 72%,rgba(31,95,138,.10),transparent 26%),
    linear-gradient(180deg,#041724 0%,#061d2c 52%,#041724 100%)!important;
  color:#eef6fb!important;
}
.systemIntelligence::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.26;
  background-image:linear-gradient(rgba(80,173,227,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(80,173,227,.05) 1px,transparent 1px);
  background-size:64px 64px;mask-image:linear-gradient(90deg,transparent 0,#000 38%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%,#000 100%);
}
.systemIntelligence>*{position:relative;z-index:1}
.systemIntelligenceCopy{max-width:740px!important}
.systemIntelligence h2{font-size:clamp(44px,4.5vw,68px)!important;line-height:1.01!important;letter-spacing:-.048em!important;max-width:880px!important;margin:10px 0 22px!important;text-wrap:balance}
.systemIntelligenceCopy>p{max-width:720px!important;color:#aabfcb!important;font-size:16px!important;line-height:1.68!important}
.systemBenefits{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1px!important;margin-top:38px!important;border:1px solid rgba(86,158,201,.18)!important;border-radius:16px!important;overflow:hidden!important;background:rgba(82,151,194,.13)!important}
.systemBenefits article{padding:24px!important;background:rgba(4,24,38,.86)!important;min-height:176px!important}
.systemBenefits article span{display:block;color:#59bce9!important;font-size:9px!important;font-weight:900!important;letter-spacing:.13em!important;margin-bottom:17px!important}
.systemBenefits h3{margin:0 0 9px!important;color:#f2f7fa!important;font-size:19px!important;letter-spacing:-.025em!important}
.systemBenefits p{margin:0!important;color:#8fa7b6!important;font-size:12px!important;line-height:1.58!important}
.contextGraph{position:relative!important;height:560px!important;min-width:0!important;border:1px solid rgba(83,164,210,.23)!important;border-radius:22px!important;background:radial-gradient(circle at 50% 48%,rgba(19,99,143,.21),rgba(3,20,32,.82) 42%,rgba(3,17,28,.96) 72%)!important;box-shadow:0 34px 90px rgba(0,0,0,.26)!important;overflow:hidden!important}
.contextGraph::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 0 24%,rgba(54,171,227,.025) 24.5% 25%,transparent 25.5% 36%,rgba(54,171,227,.02) 36.5% 37%,transparent 37.5%);pointer-events:none}
.contextGraph svg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:0!important}
.contextGraph svg path{fill:none!important;stroke:rgba(63,177,232,.32)!important;stroke-width:1.5!important;stroke-dasharray:6 8!important}
.graphCore{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:238px!important;min-height:138px!important;border:1px solid rgba(83,190,240,.52)!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(11,53,78,.97),rgba(4,25,39,.98))!important;box-shadow:0 0 0 10px rgba(25,126,180,.055),0 22px 50px rgba(0,0,0,.30)!important;padding:26px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;text-align:center!important;z-index:3!important}
.graphCore small{color:#65c8f5!important;font-size:8px!important;letter-spacing:.16em!important;font-weight:900!important}.graphCore strong{color:#fff!important;font-size:20px!important;line-height:1.05!important;margin:8px 0!important;letter-spacing:-.025em!important}.graphCore span{color:#809cae!important;font-size:9px!important}
.graphNode{position:absolute!important;width:164px!important;padding:13px 14px!important;border:1px solid rgba(83,154,196,.25)!important;border-radius:11px!important;background:rgba(5,27,42,.92)!important;box-shadow:0 14px 28px rgba(0,0,0,.19)!important;z-index:2!important}
.graphNode small{display:block;color:#5bb8e6!important;font-size:7px!important;font-weight:900!important;letter-spacing:.13em!important;margin-bottom:5px!important}.graphNode b{display:block;color:#dce8ef!important;font-size:11px!important}
.nTruck{left:7%!important;top:9%!important}.nDriver{right:7%!important;top:9%!important}.nLoad{left:3%!important;top:45%!important}.nBroker{right:3%!important;top:44%!important}.nComms{left:11%!important;bottom:8%!important}.nDocs{right:11%!important;bottom:8%!important}.nMoney{left:50%!important;bottom:2.5%!important;transform:translateX(-50%)!important}
.graphPulse{position:absolute!important;width:8px!important;height:8px!important;border-radius:50%!important;background:#54c9ff!important;box-shadow:0 0 0 8px rgba(84,201,255,.08),0 0 20px rgba(84,201,255,.48)!important;z-index:4!important;animation:contextPulse 2.6s ease-in-out infinite!important}.p1{left:31%!important;top:35%!important}.p2{right:27%!important;top:58%!important;animation-delay:.7s!important}.p3{left:51%!important;bottom:20%!important;animation-delay:1.4s!important}@keyframes contextPulse{0%,100%{opacity:.35;transform:scale(.82)}50%{opacity:1;transform:scale(1.15)}}
.systemBehavior{display:grid!important;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr!important;gap:14px!important;align-items:center!important;margin-top:26px!important;padding:18px 20px!important;border-top:1px solid rgba(84,153,194,.17)!important;border-bottom:1px solid rgba(84,153,194,.17)!important}
.systemBehavior span{color:#8ea6b5!important;font-size:10px!important;line-height:1.35!important}.systemBehavior b{display:block;color:#edf5f9!important;font-size:12px!important;margin-bottom:2px!important}.systemBehavior i{color:#45aee3!important;font-style:normal!important;font-size:14px!important}
@media(min-width:1101px){.systemIntelligence{display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr)!important;column-gap:70px!important;align-items:center!important}.systemIntelligenceCopy{grid-column:1!important}.contextGraph{grid-column:2!important}.systemBehavior{grid-column:1/-1!important}}
@media(max-width:1100px){.systemIntelligence{padding:80px 40px!important}.contextGraph{margin-top:42px!important}}
@media(max-width:720px){.systemIntelligence{padding:64px 20px!important}.systemIntelligence h2{font-size:36px!important;line-height:1.04!important}.systemIntelligenceCopy>p{font-size:14px!important}.systemBenefits{grid-template-columns:1fr!important}.systemBenefits article{min-height:0!important;padding:20px!important}.contextGraph{height:470px!important;border-radius:16px!important;margin-top:32px!important}.graphCore{width:190px!important;min-height:118px!important;padding:20px!important}.graphCore strong{font-size:17px!important}.graphNode{width:132px!important;padding:10px!important}.graphNode b{font-size:9px!important}.nTruck{left:3%!important}.nDriver{right:3%!important}.nLoad{left:1%!important;top:43%!important}.nBroker{right:1%!important;top:43%!important}.nComms{left:4%!important}.nDocs{right:4%!important}.nMoney{bottom:1.5%!important}.systemBehavior{grid-template-columns:1fr 1fr!important;gap:14px!important;padding:16px 0!important}.systemBehavior i{display:none!important}}
@media(prefers-reduced-motion:reduce){.graphPulse{animation:none!important}}

/* DEV TECH POSITIONING V39 */
header nav .platformNav{color:#7fcaf2!important}
header nav .platformNav::before{content:"";display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%;background:#44c4f4;box-shadow:0 0 12px rgba(68,196,244,.55);vertical-align:1px}
.introTechLine{display:flex!important;align-items:center!important;gap:12px!important;margin-top:20px!important;padding:12px 14px!important;border:1px solid #bfd3df!important;border-radius:10px!important;background:rgba(255,255,255,.58)!important;max-width:760px!important}
.introTechLine b{color:#16374d!important;font-size:11px!important;letter-spacing:.01em!important;white-space:nowrap!important}.introTechLine span{color:#577282!important;font-size:10px!important;line-height:1.35!important}
#system-intelligence{scroll-margin-top:84px!important}
@media(max-width:720px){header nav .platformNav{display:none!important}.introTechLine{display:block!important;padding:12px!important}.introTechLine b{display:block!important;margin-bottom:5px!important;white-space:normal!important}.introTechLine span{display:block!important;font-size:10px!important}}

/* DEV CONTEXT PROPAGATION V40 — relational behavior proof */
.contextPropagation{position:relative;isolation:isolate;overflow:hidden;padding:112px max(5vw,72px)!important;background:linear-gradient(180deg,#071b29 0%,#061723 100%)!important;color:#eef6fb!important}
.contextPropagation::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 42%,rgba(41,147,205,.10),transparent 30%),linear-gradient(rgba(77,167,221,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(77,167,221,.025) 1px,transparent 1px);background-size:auto,68px 68px,68px 68px;pointer-events:none}
.contextPropagation>*{position:relative;z-index:1}
.contextPropagationHead{max-width:980px!important;margin:0 auto 44px!important;text-align:center!important}.contextPropagationHead h2{font-size:clamp(42px,4.2vw,64px)!important;line-height:1.02!important;letter-spacing:-.045em!important;margin:10px auto 18px!important;max-width:940px!important;text-wrap:balance}.contextPropagationHead>p{max-width:760px!important;margin:0 auto!important;color:#9fb4c2!important;font-size:15px!important;line-height:1.65!important}
.behaviorDemo{width:min(1240px,100%)!important;margin:0 auto!important;display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;gap:18px!important;align-items:stretch!important}
.behaviorActions{display:flex!important;flex-direction:column!important;gap:10px!important}.behaviorActions button{position:relative;text-align:left;padding:18px 18px 17px 48px!important;border:1px solid rgba(83,151,193,.20)!important;border-radius:13px!important;background:rgba(5,25,39,.68)!important;color:#d9e6ed!important;cursor:pointer!important;transition:background .18s ease,border-color .18s ease,transform .18s ease!important}.behaviorActions button:hover{transform:translateX(2px)!important;border-color:rgba(80,176,229,.40)!important;background:rgba(8,38,57,.82)!important}.behaviorActions button[aria-selected="true"]{border-color:rgba(76,184,238,.66)!important;background:linear-gradient(135deg,rgba(12,61,89,.96),rgba(7,34,52,.96))!important;box-shadow:0 18px 38px rgba(0,0,0,.20)!important}.behaviorActions button>span{position:absolute;left:16px;top:19px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#0b3048;color:#66c3ef;font-size:8px;font-weight:900}.behaviorActions button b{display:block;font-size:13px!important;margin-bottom:4px!important}.behaviorActions button small{display:block;color:#8099a8!important;font-size:9px!important;line-height:1.4!important}
.behaviorStage{border:1px solid rgba(84,159,202,.22)!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(6,31,47,.92),rgba(3,19,30,.97))!important;box-shadow:0 30px 80px rgba(0,0,0,.24)!important;overflow:hidden!important}.behaviorEvent{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;column-gap:14px!important;row-gap:3px!important;align-items:center!important;padding:18px 22px!important;border-bottom:1px solid rgba(83,151,193,.16)!important;background:rgba(255,255,255,.015)!important}.behaviorEvent small{grid-row:1/3;color:#54b9e8!important;font-size:8px!important;font-weight:900!important;letter-spacing:.15em!important}.behaviorEvent strong{font-size:15px!important;letter-spacing:.08em!important;color:#f1f7fa!important}.behaviorEvent p{margin:0!important;color:#839cab!important;font-size:10px!important;line-height:1.4!important}
.behaviorNetwork{position:relative!important;height:500px!important;margin:0!important;background:radial-gradient(circle at 50% 50%,rgba(24,116,165,.15),transparent 30%)!important}.behaviorNetwork svg{position:absolute;inset:0;width:100%;height:100%;z-index:0}.behaviorNetwork svg path{stroke:rgba(70,177,228,.32);stroke-width:1.4;stroke-dasharray:6 8;fill:none}.behaviorCore{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:205px;min-height:120px;border-radius:16px;border:1px solid rgba(82,190,240,.60);background:linear-gradient(145deg,#0b3b57,#062637);box-shadow:0 0 0 10px rgba(37,139,190,.055),0 20px 48px rgba(0,0,0,.28);padding:24px;text-align:center;display:flex;flex-direction:column;justify-content:center;z-index:3}.behaviorCore small{color:#62c7f2;font-size:7px;font-weight:900;letter-spacing:.15em}.behaviorCore b{font-size:19px;color:#fff;margin:7px 0 4px;letter-spacing:-.02em}.behaviorCore span{font-size:9px;font-weight:900;letter-spacing:.13em;color:#82d6fb}
.behaviorNode{position:absolute;width:190px;min-height:108px;padding:14px 15px;border:1px solid rgba(84,153,193,.22);border-radius:11px;background:rgba(5,27,42,.92);z-index:2;transition:border-color .25s ease,background .25s ease,transform .25s ease,box-shadow .25s ease}.behaviorNode small{display:block;color:#5fb9e5;font-size:7px;font-weight:900;letter-spacing:.13em;margin-bottom:6px}.behaviorNode b{display:block;color:#dce8ee;font-size:11px;margin-bottom:5px}.behaviorNode p{margin:0;color:#7893a3;font-size:9px;line-height:1.45}.behaviorNode.behaviorChanged{border-color:rgba(77,194,245,.62);background:rgba(8,45,66,.98);box-shadow:0 0 0 4px rgba(68,176,225,.05),0 16px 34px rgba(0,0,0,.20);transform:translateY(-2px)}.bnTruck{left:4%;top:9%}.bnBroker{right:4%;top:9%}.bnComms{left:2%;top:45%}.bnDocs{right:2%;top:45%}.bnOps{left:9%;bottom:7%}.bnMoney{right:9%;bottom:7%}
.behaviorWhy{padding:18px 22px 20px;border-top:1px solid rgba(83,151,193,.15);display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 14px;align-items:center}.behaviorWhy small{grid-row:1/3;color:#54b9e8;font-size:8px;font-weight:900;letter-spacing:.15em}.behaviorWhy b{font-size:12px;color:#ecf5f9}.behaviorWhy p{margin:0;color:#829aaa;font-size:10px;line-height:1.45}
@media(max-width:900px){.contextPropagation{padding:74px 28px!important}.behaviorDemo{grid-template-columns:1fr!important}.behaviorActions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.behaviorActions button{padding:14px 12px 14px 38px!important}.behaviorActions button>span{left:11px;top:15px}.behaviorNetwork{height:470px!important}}
@media(max-width:620px){.contextPropagation{padding:60px 18px!important}.contextPropagationHead{text-align:left!important;margin-bottom:28px!important}.contextPropagationHead h2{font-size:34px!important}.contextPropagationHead>p{font-size:14px!important}.behaviorActions{grid-template-columns:1fr!important}.behaviorActions button{padding:13px 12px 13px 40px!important}.behaviorEvent{grid-template-columns:1fr!important}.behaviorEvent small{grid-row:auto!important}.behaviorNetwork{height:590px!important}.behaviorCore{width:176px!important}.behaviorNode{width:138px!important;min-height:100px!important;padding:11px!important}.behaviorNode p{font-size:8px!important}.bnTruck{left:2%!important;top:6%!important}.bnBroker{right:2%!important;top:6%!important}.bnComms{left:1%!important;top:39%!important}.bnDocs{right:1%!important;top:39%!important}.bnOps{left:4%!important;bottom:5%!important}.bnMoney{right:4%!important;bottom:5%!important}.behaviorWhy{grid-template-columns:1fr!important}.behaviorWhy small{grid-row:auto!important}}

/* DEV OPERATIONAL CONTINUITY V41 */
.operationalContinuity{position:relative;overflow:hidden;isolation:isolate;padding:112px max(5vw,72px)!important;background:linear-gradient(180deg,#edf3f7 0%,#f7fafc 54%,#edf3f7 100%)!important;color:#173143!important}
.operationalContinuity::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 14% 18%,rgba(47,132,183,.07),transparent 23%),radial-gradient(circle at 88% 76%,rgba(41,116,165,.05),transparent 24%);pointer-events:none}
.operationalContinuity>*{position:relative;z-index:1}
.continuityIntro{max-width:960px!important;margin:0 auto 44px!important;text-align:center!important}.continuityIntro h2{font-size:clamp(42px,4.2vw,64px)!important;line-height:1.02!important;letter-spacing:-.045em!important;margin:10px auto 18px!important;max-width:900px!important;text-wrap:balance}.continuityIntro>p{max-width:760px!important;margin:0 auto!important;color:#526d7d!important;font-size:15px!important;line-height:1.68!important}
.continuityGrid{width:min(1240px,100%)!important;margin:0 auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;border:1px solid #c7d9e4!important;border-radius:18px!important;overflow:hidden!important;background:#c9dbe5!important;gap:1px!important;box-shadow:0 22px 54px rgba(25,62,84,.08)!important}.continuityGrid article{min-height:250px!important;padding:26px!important;background:rgba(255,255,255,.92)!important;display:flex!important;flex-direction:column!important}.continuityGrid article span{color:#2c85b7!important;font-size:9px!important;font-weight:900!important;letter-spacing:.14em!important;margin-bottom:20px!important}.continuityGrid h3{margin:0 0 10px!important;color:#18384c!important;font-size:20px!important;line-height:1.08!important;letter-spacing:-.025em!important}.continuityGrid p{margin:0!important;color:#5b7484!important;font-size:12px!important;line-height:1.62!important}.continuityGrid b{display:block!important;margin-top:auto!important;padding-top:18px!important;color:#315c75!important;font-size:10px!important;line-height:1.35!important;border-top:1px solid #d8e4ea!important;letter-spacing:.01em!important}.continuityGrid article:hover{background:#fff!important}
.continuityOutcome{width:min(1240px,100%)!important;margin:20px auto 0!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:18px!important;padding:20px 24px!important;border-top:1px solid #c5d6e0!important;border-bottom:1px solid #c5d6e0!important}.continuityOutcome small{color:#2a80b0!important;font-size:8px!important;font-weight:900!important;letter-spacing:.16em!important}.continuityOutcome strong{color:#1b3b4f!important;font-size:15px!important;letter-spacing:-.01em!important}.continuityOutcome span{color:#667f8f!important;font-size:11px!important;text-align:right!important}
@media(max-width:900px){.operationalContinuity{padding:76px 32px!important}.continuityGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.continuityOutcome{grid-template-columns:1fr!important}.continuityOutcome span{text-align:left!important}}
@media(max-width:620px){.operationalContinuity{padding:60px 18px!important}.continuityIntro{text-align:left!important;margin-bottom:30px!important}.continuityIntro h2{font-size:34px!important}.continuityIntro>p{font-size:14px!important}.continuityGrid{grid-template-columns:1fr!important;border-radius:14px!important}.continuityGrid article{min-height:0!important;padding:20px!important}.continuityGrid b{margin-top:18px!important}.continuityOutcome{padding:17px 0!important}}

/* DEV OPERATING LOOP V42 */
.operatingLoop{position:relative;overflow:hidden;isolation:isolate;padding:108px max(5vw,72px)!important;background:linear-gradient(180deg,#03131f 0%,#061b29 100%)!important;color:#eef6fa!important}
.operatingLoop::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 10%,rgba(54,164,220,.10),transparent 26%),linear-gradient(90deg,transparent,rgba(66,170,221,.025),transparent);pointer-events:none}
.operatingLoop>*{position:relative;z-index:1}
.operatingLoopHead{max-width:980px!important;margin:0 auto 46px!important;text-align:center!important}.operatingLoopHead h2{font-size:clamp(42px,4.2vw,64px)!important;line-height:1.02!important;letter-spacing:-.045em!important;max-width:940px!important;margin:10px auto 18px!important;text-wrap:balance}.operatingLoopHead>p{max-width:760px!important;margin:0 auto!important;color:#9fb5c2!important;font-size:15px!important;line-height:1.66!important}
.loopRail{width:min(1240px,100%)!important;margin:0 auto!important;display:grid!important;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr!important;align-items:stretch!important;gap:10px!important}.loopRail article{position:relative!important;min-height:286px!important;padding:24px 20px!important;border:1px solid rgba(88,157,198,.20)!important;border-radius:15px!important;background:linear-gradient(180deg,rgba(8,37,56,.88),rgba(4,24,37,.94))!important;box-shadow:0 16px 36px rgba(0,0,0,.16)!important}.loopRail article::after{content:"";position:absolute;left:20px;right:20px;top:50px;height:1px;background:linear-gradient(90deg,rgba(67,186,235,.55),transparent)!important}.loopRail article>span{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;border-radius:50%!important;background:#0a3550!important;color:#63c2ef!important;font-size:8px!important;font-weight:900!important;margin-bottom:34px!important}.loopRail small{display:block!important;color:#5fb9e7!important;font-size:8px!important;font-weight:900!important;letter-spacing:.14em!important;margin-bottom:10px!important}.loopRail h3{margin:0 0 12px!important;color:#f1f7fa!important;font-size:18px!important;line-height:1.08!important;letter-spacing:-.02em!important}.loopRail p{margin:0!important;color:#8fa6b4!important;font-size:11px!important;line-height:1.58!important}.loopRail>i{align-self:center!important;color:#3ea9df!important;font-style:normal!important;font-size:16px!important;opacity:.7!important}
.loopProof{width:min(1240px,100%)!important;margin:22px auto 0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1px!important;border:1px solid rgba(85,153,194,.16)!important;border-radius:12px!important;overflow:hidden!important;background:rgba(85,153,194,.14)!important}.loopProof>div{padding:16px 18px!important;background:rgba(4,22,34,.88)!important}.loopProof small{display:block!important;color:#5bb6e2!important;font-size:7px!important;font-weight:900!important;letter-spacing:.13em!important;margin-bottom:5px!important}.loopProof b{display:block!important;color:#b7c8d2!important;font-size:10px!important;line-height:1.4!important;font-weight:750!important}
@media(max-width:1100px){.operatingLoop{padding:76px 32px!important}.loopRail{grid-template-columns:1fr!important}.loopRail>i{transform:rotate(90deg)!important;text-align:center!important}.loopRail article{min-height:0!important}.loopProof{grid-template-columns:1fr!important}}
@media(max-width:620px){.operatingLoop{padding:60px 18px!important}.operatingLoopHead{text-align:left!important;margin-bottom:30px!important}.operatingLoopHead h2{font-size:34px!important}.operatingLoopHead>p{font-size:14px!important}.loopRail{gap:8px!important}.loopRail article{padding:20px!important}.loopRail article>span{margin-bottom:28px!important}.loopRail h3{font-size:17px!important}}

/* DEV HERO PLATFORM MESSAGE V45 */
.heroPlatformLine{margin-top:20px!important;display:flex!important;align-items:center!important;gap:10px!important;max-width:430px!important;padding-top:14px!important;border-top:1px solid rgba(91,170,216,.28)!important}.heroPlatformLine span{color:#67c5f0!important;font-size:7px!important;font-weight:900!important;letter-spacing:.15em!important;white-space:nowrap!important}.heroPlatformLine b{color:#b8cad5!important;font-size:10px!important;line-height:1.4!important;font-weight:750!important}
@media(max-width:720px){.heroPlatformLine{margin-top:14px!important;display:block!important;max-width:300px!important;padding-top:10px!important}.heroPlatformLine span{display:block!important;margin-bottom:4px!important}.heroPlatformLine b{display:block!important;font-size:9px!important}}

/* DEV BROKER FOOTER LEGIBILITY V46 */
.brokerProcessFooter{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:24px!important;
  margin-top:18px!important;
}
.brokerProcessFooter>span,
.brokerProcessFooter>p,
.brokerProcessFooter>small{
  color:#38566a!important;
  opacity:1!important;
  font-size:12px!important;
  line-height:1.5!important;
  font-weight:650!important;
}
.brokerProcessFooter strong{color:#26475d!important;font-weight:800!important}
.brokerProcessFooter .primaryCta{
  min-height:46px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:12px 18px!important;
  border-radius:8px!important;
  font-size:12px!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
@media(max-width:720px){
  .brokerProcessFooter{grid-template-columns:1fr!important;gap:14px!important}
  .brokerProcessFooter>span,.brokerProcessFooter>p,.brokerProcessFooter>small{font-size:12px!important}
  .brokerProcessFooter .primaryCta{width:100%!important}
}

/* DEV BROKER BOTTOM COPY FIX V47 — exact selector */
.brokerProcessBottom{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:24px!important;
  margin-top:20px!important;
}
.brokerProcessBottom>p{
  margin:0!important;
  color:#2f5268!important;
  opacity:1!important;
  font-size:13px!important;
  line-height:1.5!important;
  font-weight:700!important;
  max-width:520px!important;
}
.brokerProcessBottom>.primaryCta{
  min-height:46px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:12px 18px!important;
  border-radius:8px!important;
  font-size:12px!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
@media(max-width:720px){
  .brokerProcessBottom{grid-template-columns:1fr!important;gap:14px!important}
  .brokerProcessBottom>p{font-size:12px!important;max-width:none!important}
  .brokerProcessBottom>.primaryCta{width:100%!important}
}

/* DEV BROKER BOTTOM TONE V48 — match normal body copy */
.brokerProcessBottom>p{
  color:#5b7484!important;
  font-size:12px!important;
  font-weight:600!important;
  opacity:1!important;
}

/* DEV MOBILE PRODUCT PROOF V50 — immediate render, compact evidence */
@media(max-width:720px){
  /* Never make core commercial content wait on scroll animation on mobile. */
  .reveal,.reveal.in{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }

  .proof{padding-top:54px!important;padding-bottom:54px!important}
  .proof>h2{margin-bottom:20px!important;max-width:330px!important}
  .loadVisual{
    margin-top:20px!important;
    border-radius:14px!important;
    overflow:hidden!important;
    box-shadow:0 16px 36px rgba(0,0,0,.20)!important;
  }
  .loadVisualHead{min-height:44px!important;padding:0 14px!important}
  .loadVisualHead strong{font-size:11px!important}
  .loadVisualHead span{font-size:7px!important}
  .loadVisualGrid{display:grid!important;grid-template-columns:1fr!important}
  .loadVisualGrid>article{
    min-height:0!important;
    padding:16px!important;
    border-left:0!important;
    border-top:1px solid rgba(96,155,191,.16)!important;
  }
  .loadVisualGrid>article:first-child{border-top:0!important}
  .visualNumber{font-size:7px!important;margin-bottom:10px!important;display:block!important}

  .visualDoc{
    padding:14px!important;
    border-radius:10px!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:4px 12px!important;
    align-items:end!important;
  }
  .visualDoc small{grid-column:1/-1!important;font-size:7px!important}
  .visualDoc strong{font-size:24px!important;line-height:1!important}
  .visualDoc>p{font-size:11px!important;line-height:1.35!important;margin:0!important;text-align:right!important}
  .visualDoc>div{display:none!important}

  .visualAnalyze{display:grid!important;grid-template-columns:1fr 1fr!important;column-gap:12px!important;align-items:center!important}
  .visualAnalyze>.visualNumber{grid-column:1/-1!important}
  .visualAnalyze svg{grid-column:1!important;width:100%!important;height:88px!important}
  .visualMetrics{grid-column:2!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .visualMetrics span{padding:9px 10px!important;border-radius:8px!important}
  .visualMetrics span b{display:block!important;font-size:13px!important;margin-top:2px!important}
  .visualChecks{grid-column:1/-1!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:8px!important}
  .visualChecks span{font-size:8px!important;padding:6px 8px!important;border-radius:999px!important}

  .visualDecide{padding-bottom:18px!important}
  .visualDecide h3{font-size:21px!important;line-height:1.05!important;margin:4px 0 12px!important}
  .visualDecide h3 br{display:none!important}
  .visualDecision{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important}
  .visualDecision span{min-height:36px!important;font-size:8px!important}
  .visualDecide p{font-size:10px!important;line-height:1.4!important;margin:10px 0 0!important}
}

/* DEV MOBILE MOTION SAFETY V51 — core content never starts hidden */
@media(max-width:720px){
  .processMotionCard,
  .processMotionCard.processVisible,
  .loadVisual.processMotionCard,
  .commsUi.processMotionCard,
  .progressGrid article.processMotionCard,
  .serviceGrid article.processMotionCard,
  .proofFlow article.processMotionCard{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
  }
  .loadVisual.processVisible .visualRoute,
  .loadVisual.processVisible .visualChecks span{
    animation:none!important;
    opacity:1!important;
  }
}

/* DEV MOBILE DENSITY PASS V52 — keep the tech story dense, not endless */
@media(max-width:720px){
  .systemIntelligence,.contextPropagation,.operationalContinuity,.operatingLoop{
    padding-top:48px!important;padding-bottom:48px!important;
  }
  .systemIntelligence h2,.contextPropagationHead h2,.continuityIntro h2,.operatingLoopHead h2{
    font-size:32px!important;line-height:1.04!important;letter-spacing:-.035em!important;
  }
  .systemIntelligenceCopy>p,.contextPropagationHead>p,.continuityIntro>p,.operatingLoopHead>p{
    font-size:13px!important;line-height:1.56!important;
  }

  .systemBenefits{margin-top:24px!important}
  .systemBenefits article{padding:16px!important}
  .systemBenefits article span{margin-bottom:10px!important}
  .systemBenefits h3{font-size:17px!important;margin-bottom:6px!important}
  .systemBenefits p{font-size:11px!important;line-height:1.48!important}

  .contextGraph{height:390px!important;margin-top:24px!important}
  .graphCore{width:164px!important;min-height:102px!important;padding:16px!important}
  .graphCore strong{font-size:15px!important}
  .graphNode{width:118px!important;padding:8px 9px!important}
  .graphNode b{font-size:8px!important}.graphNode small{font-size:6px!important}
  .systemBehavior{margin-top:18px!important;gap:10px!important}
  .systemBehavior b{font-size:11px!important}.systemBehavior span{font-size:9px!important}

  .behaviorDemo{gap:12px!important}
  .behaviorActions{gap:8px!important}
  .behaviorActions button{padding:11px 10px 11px 38px!important;border-radius:10px!important}
  .behaviorActions button b{font-size:12px!important}.behaviorActions button small{font-size:8px!important}
  .behaviorStage{border-radius:14px!important}
  .behaviorEvent{padding:14px 16px!important}
  .behaviorNetwork{height:470px!important}
  .behaviorCore{width:158px!important;min-height:100px!important;padding:16px!important}
  .behaviorCore b{font-size:16px!important}
  .behaviorNode{width:124px!important;min-height:88px!important;padding:9px!important}
  .behaviorNode p{font-size:7.5px!important;line-height:1.35!important}
  .behaviorWhy{padding:14px 16px!important}

  .continuityGrid article{padding:17px!important}
  .continuityGrid article span{margin-bottom:12px!important}
  .continuityGrid h3{font-size:18px!important;margin-bottom:7px!important}
  .continuityGrid p{font-size:11px!important;line-height:1.48!important}
  .continuityGrid b{padding-top:12px!important;margin-top:14px!important;font-size:9px!important}
  .continuityOutcome{margin-top:14px!important;gap:8px!important}

  .loopRail article{padding:16px!important;border-radius:12px!important}
  .loopRail article>span{margin-bottom:24px!important}
  .loopRail article::after{left:16px;right:16px;top:46px!important}
  .loopRail h3{font-size:16px!important;margin-bottom:8px!important}
  .loopRail p{font-size:10px!important;line-height:1.48!important}
  .loopRail>i{font-size:12px!important;line-height:1!important}
  .loopProof{margin-top:14px!important}
  .loopProof>div{padding:12px 14px!important}
  .loopProof b{font-size:9px!important}
}

/* DEV MOBILE COMMERCIAL COMPRESSION V53 */
.mobileCardToggle{display:none}
@media(max-width:720px){
  #pricing .tierGridThree{gap:10px!important;margin-top:24px!important}
  #pricing .tierGridThree>article,
  #services .serviceGrid>article.serviceSecondary{
    min-height:0!important;
    padding:16px!important;
    border-radius:12px!important;
  }
  #pricing .tierGridThree>article .tierTop{align-items:center!important}
  #pricing .tierGridThree>article .tierTop b{font-size:26px!important}
  #pricing .tierGridThree>article h3,
  #services .serviceGrid>article.serviceSecondary h3{
    font-size:19px!important;
    margin:10px 0 6px!important;
  }
  #services .serviceGrid>article.serviceSecondary>b{font-size:15px!important;margin-bottom:0!important}

  /* Keep a concise summary visible; expand details only when requested. */
  #pricing .mobileCollapsible>p,
  #pricing .mobileCollapsible>ul,
  #services .mobileCollapsible>p,
  #services .mobileCollapsible>small{
    display:none!important;
  }
  #pricing .mobileCollapsible.mobileCardOpen>p,
  #pricing .mobileCollapsible.mobileCardOpen>ul,
  #services .mobileCollapsible.mobileCardOpen>p,
  #services .mobileCollapsible.mobileCardOpen>small{
    display:block!important;
  }
  #pricing .mobileCollapsible>a{margin-top:10px!important;width:100%!important;text-align:center!important}
  .mobileCardToggle{
    display:flex!important;
    width:100%!important;
    min-height:38px!important;
    margin-top:10px!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(95,157,194,.28)!important;
    border-radius:8px!important;
    background:rgba(8,34,51,.42)!important;
    color:#9fc0d3!important;
    font-size:10px!important;
    font-weight:800!important;
    letter-spacing:.02em!important;
  }
  .mobileCardToggle[aria-expanded="true"]{color:#dfeaf1!important;border-color:rgba(81,178,229,.46)!important;background:rgba(10,47,69,.66)!important}

  #services .launchService{padding:18px!important}
  #services .launchService h3{font-size:23px!important}
  #services .launchService>b{font-size:23px!important}
  #services .launchService p{font-size:12px!important;line-height:1.5!important}
  #services .launchService small{font-size:9px!important;line-height:1.45!important}
  #services .serviceGrid{gap:10px!important;margin-top:24px!important}
  .servicesCta{margin-top:16px!important;padding:18px!important}
}

/* DEV TABLET MOTION SAFETY V54 */
@media(max-width:899px){
  .processMotionCard,
  .processMotionCard.processVisible,
  .loadVisual.processMotionCard,
  .commsUi.processMotionCard,
  .progressGrid article.processMotionCard,
  .serviceGrid article.processMotionCard,
  .proofFlow article.processMotionCard{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
  }
}

/* DEV MOTION ROBUSTNESS V55 — content visible first, motion is enhancement */
.processMotionCard{
  opacity:1!important;
}
.processMotionCard.processVisible{
  opacity:1!important;
}

/* DEV VISUAL SEPARATION V56 — relationship map vs state propagation */
/* 1) Relational map: alive, ambient, spatial */
.contextGraph{overflow:hidden!important}
.contextGraph svg path{
  stroke-dasharray:7 10!important;
  animation:relationFlow 8s linear infinite!important;
}
.graphNode{
  transition:border-color .35s ease,background .35s ease,box-shadow .35s ease,transform .35s ease!important;
}
.graphNode:nth-of-type(2){animation:nodeBreathe 5.4s ease-in-out infinite!important}
.graphNode:nth-of-type(3){animation:nodeBreathe 5.4s ease-in-out 1.1s infinite!important}
.graphNode:nth-of-type(4){animation:nodeBreathe 5.4s ease-in-out 2.2s infinite!important}
.graphNode:nth-of-type(5){animation:nodeBreathe 5.4s ease-in-out 3.3s infinite!important}
.graphNode:nth-of-type(6){animation:nodeBreathe 5.4s ease-in-out 4.4s infinite!important}
.graphCore::after{
  content:"";position:absolute;inset:-8px;border-radius:22px;border:1px solid rgba(75,191,240,.18);
  animation:coreReceive 3.6s ease-out infinite!important;pointer-events:none
}
@keyframes relationFlow{to{stroke-dashoffset:-170}}
@keyframes nodeBreathe{0%,72%,100%{border-color:rgba(83,154,196,.25);box-shadow:0 14px 28px rgba(0,0,0,.19);transform:translateY(0)}82%{border-color:rgba(81,193,241,.64);box-shadow:0 0 0 4px rgba(74,188,236,.05),0 16px 34px rgba(0,0,0,.22);transform:translateY(-2px)}}
@keyframes coreReceive{0%{opacity:.55;transform:scale(.96)}70%,100%{opacity:0;transform:scale(1.12)}}

/* 2) Behavior demo: becomes an event/state console — no second constellation. */
.behaviorNetwork{
  height:auto!important;min-height:430px!important;
  padding:22px 22px 22px 250px!important;
  background:linear-gradient(180deg,rgba(3,22,34,.92),rgba(4,26,39,.98))!important;
}
.behaviorNetwork>svg{display:none!important}
.behaviorCore{
  left:24px!important;top:24px!important;transform:none!important;
  width:194px!important;min-height:132px!important;text-align:left!important;align-items:flex-start!important;
  padding:22px!important;border-radius:13px!important;
}
.behaviorCore::after{
  content:'CURRENT STATE';display:block;margin-top:14px;padding-top:12px;width:100%;
  border-top:1px solid rgba(93,174,216,.18);color:#567f96;font-size:7px;font-weight:900;letter-spacing:.14em;
}
.behaviorNode{
  position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  width:100%!important;min-height:64px!important;margin:0 0 8px!important;padding:12px 14px 12px 54px!important;
  border-radius:9px!important;background:rgba(6,31,47,.76)!important;box-shadow:none!important;
}
.behaviorNode::before{
  content:"";position:absolute;left:19px;top:18px;width:9px;height:9px;border-radius:50%;
  background:#2d6e91;box-shadow:0 0 0 5px rgba(45,110,145,.08);
}
.behaviorNode::after{
  content:"";position:absolute;left:23px;top:34px;bottom:-13px;width:1px;background:rgba(76,148,187,.18);
}
.behaviorNode:last-of-type::after{display:none!important}
.behaviorNode small{margin-bottom:3px!important}.behaviorNode b{font-size:11px!important;margin-bottom:2px!important}.behaviorNode p{font-size:9px!important;line-height:1.4!important}
.behaviorNode.behaviorChanged{
  transform:none!important;background:rgba(8,45,66,.96)!important;border-color:rgba(78,194,241,.48)!important;
  box-shadow:inset 3px 0 0 #45bce9!important;
}
.behaviorNode.behaviorChanged::before{
  background:#52c8f5!important;box-shadow:0 0 0 5px rgba(82,200,245,.10),0 0 18px rgba(82,200,245,.34)!important;
}
.behaviorNode.behaviorChanged b::after{
  content:'UPDATED';float:right;color:#69c9f2;font-size:7px;letter-spacing:.12em;font-weight:900;
}
.behaviorStage{overflow:visible!important}
.behaviorEvent{background:linear-gradient(90deg,rgba(13,58,84,.75),rgba(255,255,255,.01))!important}
.behaviorWhy{background:rgba(3,20,31,.58)!important}

@media(max-width:900px){
  .behaviorNetwork{padding:180px 14px 14px!important;min-height:0!important}
  .behaviorCore{left:14px!important;top:16px!important;right:14px!important;width:auto!important;min-height:132px!important}
}
@media(max-width:620px){
  .behaviorNetwork{height:auto!important;padding-top:168px!important}
  .behaviorNode{width:100%!important;min-height:60px!important;padding:11px 12px 11px 48px!important}
  .behaviorCore{min-height:120px!important}
}
@media(prefers-reduced-motion:reduce){
  .contextGraph svg path,.graphNode,.graphCore::after{animation:none!important}
}

/* DEV SYSTEM MOTION V57 — subtle path activity + sequenced state propagation */
.contextGraph::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background:
    radial-gradient(circle at 31% 35%,rgba(70,194,242,.20) 0 2px,transparent 3px),
    radial-gradient(circle at 67% 31%,rgba(70,194,242,.16) 0 2px,transparent 3px),
    radial-gradient(circle at 71% 65%,rgba(70,194,242,.14) 0 2px,transparent 3px);
  animation:mapSignalSweep 5.8s ease-in-out infinite;
}
@keyframes mapSignalSweep{
  0%,100%{opacity:.24;transform:scale(.985)}
  35%{opacity:.8;transform:scale(1)}
  68%{opacity:.42;transform:scale(1.008)}
}
.behaviorNode{--cascade-delay:0ms}
.behaviorNode.behaviorCascade{
  animation:behaviorCascadeIn .52s cubic-bezier(.2,.8,.2,1) var(--cascade-delay) both!important;
}
.behaviorNode.behaviorCascade::before{
  animation:behaviorDot .7s ease-out var(--cascade-delay) both!important;
}
@keyframes behaviorCascadeIn{
  0%{background:rgba(6,31,47,.76);border-color:rgba(84,153,193,.22);box-shadow:none}
  45%{background:rgba(10,55,79,.98);border-color:rgba(86,205,248,.68);box-shadow:inset 3px 0 0 #45bce9,0 0 0 5px rgba(69,188,233,.05)}
  100%{background:rgba(8,45,66,.96);border-color:rgba(78,194,241,.48);box-shadow:inset 3px 0 0 #45bce9}
}
@keyframes behaviorDot{
  0%{transform:scale(.75);opacity:.35}
  45%{transform:scale(1.45);opacity:1}
  100%{transform:scale(1);opacity:1}
}
.behaviorStage.behaviorRunning .behaviorEvent strong::after{
  content:' · PROPAGATING';color:#63c7f0;font-size:7px;letter-spacing:.12em;font-weight:900;
}
.behaviorStage.behaviorComplete .behaviorEvent strong::after{
  content:' · SYNCHRONIZED';color:#75d6b0;font-size:7px;letter-spacing:.12em;font-weight:900;
}
@media(prefers-reduced-motion:reduce){
  .contextGraph::before,.behaviorNode.behaviorCascade,.behaviorNode.behaviorCascade::before{animation:none!important}
  .behaviorStage.behaviorRunning .behaviorEvent strong::after{content:' · UPDATED'}
}

/* DEV TECH STORY BRIDGE V58 */
.techBridge{
  position:relative;z-index:3;
  display:grid;grid-template-columns:auto auto auto auto auto auto auto;
  align-items:center;justify-content:center;gap:12px;
  min-height:58px;padding:0 28px;
  background:linear-gradient(180deg,#041724,#061b29);
  border-top:1px solid rgba(83,154,196,.14);
  border-bottom:1px solid rgba(83,154,196,.14);
  color:#7593a4;
}
.techBridge span{font-size:8px;font-weight:900;letter-spacing:.15em;color:#6bc5ef}
.techBridge i{font-style:normal;font-size:10px;color:#6f8795}
.techBridge b{font-size:14px;color:#46b5e8;font-weight:700}
@media(max-width:720px){
  .techBridge{min-height:50px;padding:0 16px;gap:7px;grid-template-columns:auto auto auto}
  .techBridge span:nth-of-type(3),.techBridge i:nth-of-type(2),.techBridge b{display:none}
  .techBridge span{font-size:7px}.techBridge i{font-size:9px}
}

/* Tighten the handoff so the sections read as one continuous system story. */
#system-intelligence{padding-bottom:84px!important}
#context-propagation{padding-top:88px!important}
@media(max-width:720px){#system-intelligence{padding-bottom:40px!important}#context-propagation{padding-top:44px!important}}

/* DEV PLATFORM NARRATIVE COMPRESSION V59 */
.continuityGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.continuityGrid article{min-height:224px!important;padding:22px!important}
.operationalContinuity{padding-top:94px!important;padding-bottom:94px!important}
.operatingLoop{padding-top:94px!important;padding-bottom:94px!important}
@media(max-width:1100px){.continuityGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){
  .continuityGrid{grid-template-columns:1fr!important}
  .continuityGrid article{min-height:0!important}
  .operationalContinuity,.operatingLoop{padding-top:44px!important;padding-bottom:44px!important}
}

/* DEV FINAL CONVERSION PATH V60 */
.finalCta{
  min-height:620px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:110px max(5vw,72px)!important;
  background:
    radial-gradient(circle at 50% 10%,rgba(51,158,215,.12),transparent 32%),
    linear-gradient(180deg,#061b29 0%,#03131f 100%)!important;
}
.finalCta>.finalCopy{width:min(980px,100%)!important;max-width:980px!important;margin:0 auto!important;text-align:center!important}
.finalCopy h2{max-width:820px!important;margin:10px auto 18px!important;font-size:clamp(46px,5vw,72px)!important;line-height:.99!important;letter-spacing:-.05em!important}
.finalCopy>p{max-width:760px!important;margin:0 auto!important;color:#9fb4c2!important;font-size:15px!important;line-height:1.65!important}
.finalPath{display:grid!important;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr!important;gap:12px!important;align-items:center!important;margin:36px auto 30px!important;max-width:900px!important;padding:18px 22px!important;border-top:1px solid rgba(91,160,199,.18)!important;border-bottom:1px solid rgba(91,160,199,.18)!important}
.finalPath span{color:#a5bac7!important;font-size:10px!important;line-height:1.35!important}.finalPath span b{display:block!important;color:#5fc2ee!important;font-size:8px!important;letter-spacing:.14em!important;margin-bottom:5px!important}.finalPath i{color:#3fa9dc!important;font-style:normal!important;font-size:14px!important}
.finalActions{display:flex!important;justify-content:center!important;gap:12px!important;margin-top:0!important}.finalActions a{min-height:48px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:12px 20px!important;border-radius:9px!important;font-weight:850!important;text-decoration:none!important}.finalActions .secondaryCta{border:1px solid rgba(95,158,196,.34)!important;background:rgba(7,31,47,.42)!important;color:#d3e1e8!important}.finalTrust{display:block!important;margin-top:14px!important;color:#6f8795!important;font-size:10px!important}
@media(max-width:720px){
  .finalCta{min-height:0!important;padding:64px 20px!important}
  .finalCopy h2{font-size:38px!important;line-height:1.02!important}.finalCopy>p{font-size:14px!important}
  .finalPath{grid-template-columns:1fr 1fr!important;gap:12px!important;padding:16px 0!important;margin:28px 0 24px!important}.finalPath i{display:none!important}.finalPath span{text-align:left!important;font-size:10px!important}
  .finalActions{display:grid!important;grid-template-columns:1fr!important}.finalActions a{width:100%!important}
}

/* DEV INFORMATION ARCHITECTURE V61 — product + platform first */
header nav .platformNav{order:2!important}
header nav a[href="#story"]{order:1!important}
header nav a[href="#pricing"]{order:3!important}
header nav a[href="#services"]{order:4!important}
@media(min-width:1101px){
  header nav{gap:24px!important}
  header nav .platformNav{font-weight:850!important}
}

/* DEV TURNPCS OPERATING MEMORY V62 — signature differentiation */
.operationalMemory{
  position:relative;overflow:hidden;isolation:isolate;
  padding:88px max(5vw,72px) 92px!important;
  background:
    radial-gradient(circle at 78% 30%,rgba(53,165,222,.10),transparent 24%),
    linear-gradient(180deg,#041724 0%,#071e2d 100%)!important;
  color:#eef6fa!important;
  text-align:center!important;
}
.operationalMemory::before{
  content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;
  background:linear-gradient(180deg,transparent,rgba(73,181,231,.16),transparent);
  opacity:.7;pointer-events:none;
}
.operationalMemory>*{position:relative;z-index:1}
.memoryEyebrow{font-size:8px!important;font-weight:900!important;letter-spacing:.18em!important;color:#65c5ef!important;margin-bottom:20px!important}
.memoryStatement{max-width:1100px!important;margin:0 auto!important;font-size:clamp(34px,4vw,58px)!important;line-height:1.02!important;letter-spacing:-.045em!important;font-weight:780!important;text-wrap:balance!important}
.memoryStatement span{display:block!important;color:#809aa9!important;font-weight:680!important}
.memoryStatement strong{display:block!important;color:#f4f8fa!important;font-weight:880!important;margin-top:6px!important}
.memoryTrail{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:8px!important;max-width:1120px!important;margin:34px auto 22px!important;padding:18px 20px!important;border-top:1px solid rgba(83,156,197,.17)!important;border-bottom:1px solid rgba(83,156,197,.17)!important}
.memoryTrail span{font-size:8px!important;font-weight:900!important;letter-spacing:.12em!important;color:#8fb0c2!important}
.memoryTrail i{font-style:normal!important;color:#315f7a!important;font-size:11px!important}
.memoryTrail b{font-size:14px!important;color:#45b8ea!important;margin:0 4px!important}
.memoryTrail em{font-style:normal!important;color:#6bd0f6!important;font-size:9px!important;font-weight:900!important;letter-spacing:.13em!important;padding:7px 10px!important;border:1px solid rgba(79,188,235,.28)!important;border-radius:999px!important;background:rgba(8,45,66,.48)!important}
.memoryClose{max-width:680px!important;margin:0 auto!important;color:#91a9b6!important;font-size:13px!important;line-height:1.55!important}
@media(max-width:720px){
  .operationalMemory{padding:54px 20px 58px!important;text-align:left!important}
  .memoryEyebrow{margin-bottom:14px!important}
  .memoryStatement{font-size:30px!important;line-height:1.05!important}
  .memoryTrail{justify-content:flex-start!important;margin:26px 0 18px!important;padding:14px 0!important;gap:6px!important}
  .memoryTrail span{font-size:7px!important}.memoryTrail i{font-size:9px!important}.memoryTrail em{width:100%!important;text-align:center!important;margin-top:5px!important}
  .memoryClose{margin:0!important;font-size:12px!important}
}

/* DEV OPERATING MEMORY MOTION V63 — accumulation, not decoration */
.operationalMemory{--memory-progress:0}
.memoryTrail span,.memoryTrail i,.memoryTrail b,.memoryTrail em{
  transition:opacity .28s ease,transform .28s ease,color .28s ease,border-color .28s ease,background .28s ease!important;
}
.memoryTrail span{opacity:.38;transform:translateY(3px)}
.operationalMemory.memoryStep1 .memoryTrail span:nth-of-type(-n+2),
.operationalMemory.memoryStep2 .memoryTrail span:nth-of-type(-n+4),
.operationalMemory.memoryStep3 .memoryTrail span:nth-of-type(-n+7){opacity:1;transform:none;color:#b9d0dc!important}
.operationalMemory.memoryStep1 .memoryTrail i:nth-of-type(-n+1),
.operationalMemory.memoryStep2 .memoryTrail i:nth-of-type(-n+3),
.operationalMemory.memoryStep3 .memoryTrail i{opacity:1!important;color:#4387aa!important}
.memoryTrail em{opacity:.38;transform:scale(.98)}
.operationalMemory.memoryStep3 .memoryTrail em{
  opacity:1;transform:scale(1);color:#8de2ff!important;border-color:rgba(103,204,246,.48)!important;background:rgba(10,55,79,.72)!important;
  box-shadow:0 0 0 5px rgba(76,188,234,.04),0 0 28px rgba(76,188,234,.09)!important;
}
.operationalMemory.memoryStep3 .memoryStatement strong::after{
  content:"";display:inline-block;width:6px;height:6px;margin-left:10px;border-radius:50%;background:#58c9f5;vertical-align:middle;
  box-shadow:0 0 14px rgba(88,201,245,.65);animation:memoryReady 2.2s ease-in-out infinite;
}
@keyframes memoryReady{0%,100%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.18)}}
@media(prefers-reduced-motion:reduce){
  .memoryTrail span,.memoryTrail i,.memoryTrail b,.memoryTrail em{transition:none!important}
  .operationalMemory.memoryStep3 .memoryStatement strong::after{animation:none!important}
}

/* DEV OPERATING MEMORY ROBUSTNESS V64 — visible first, motion second */
.operationalMemory,
.operationalMemory.reveal,
.operationalMemory.reveal.in{
  opacity:1!important;
  transform:none!important;
}

/* DEV PROOF + TRUST POLISH V65 */
.proofFlow article,
.brokerSignalGrid article{
  position:relative!important;
  overflow:hidden!important;
}
.proofFlow article::before,
.brokerSignalGrid article::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:2px;
  background:linear-gradient(180deg,#4db9e8,transparent 82%);
  opacity:.34;pointer-events:none;
}
.proofFlow article h3{letter-spacing:-.02em!important}
.proofFlow article p{max-width:30ch!important}
.loadVisualHead::after{
  content:'LIVE DECISION MODEL';
  margin-left:auto;
  color:#5fbde9;
  font-size:7px;
  font-weight:900;
  letter-spacing:.14em;
}
.brokerProcessCopy>p{max-width:52ch!important}
.brokerSignalGrid article h4{letter-spacing:-.015em!important}
.brokerProcessBottom>p{max-width:46ch!important}
@media(max-width:720px){
  .proofFlow{gap:8px!important}
  .proofFlow article{padding:15px!important}
  .proofFlow article p{max-width:none!important}
  .loadVisualHead::after{display:none!important}
  .brokerProcessBottom>p{max-width:none!important}
}

/* DEV OPERATIONAL CONTEXT STRIP V66 — industry grounding without generic trucking-site treatment */
.truckingContext.operationalContext{
  position:relative!important;
  height:360px!important;
  min-height:360px!important;
  margin:0!important;
  overflow:hidden!important;
  background:#04141f!important;
}
.truckingContext.operationalContext img{
  width:100%!important;height:100%!important;object-fit:cover!important;
  filter:saturate(.72) contrast(1.05) brightness(.56)!important;
  transform:scale(1.015)!important;
}
.truckingContext.operationalContext::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(3,18,28,.92) 0%,rgba(3,18,28,.63) 46%,rgba(3,18,28,.18) 76%,rgba(3,18,28,.56) 100%),linear-gradient(180deg,rgba(3,18,28,.08),rgba(3,18,28,.46));
}
.contextOverlay{
  position:absolute;z-index:2;left:max(5vw,72px);top:50%;transform:translateY(-50%);
  width:min(760px,58vw);color:#eef6fa!important;
}
.contextOverlay>small{display:block!important;color:#65c5ef!important;font-size:8px!important;font-weight:900!important;letter-spacing:.18em!important;margin-bottom:12px!important}
.contextOverlay>strong{display:block!important;max-width:700px!important;font-size:clamp(34px,3.7vw,54px)!important;line-height:1.02!important;letter-spacing:-.045em!important;text-wrap:balance!important}
.contextOverlay>div{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:24px!important}
.contextOverlay span{display:flex!important;gap:6px!important;align-items:center!important;padding:8px 10px!important;border:1px solid rgba(102,184,225,.19)!important;border-radius:999px!important;background:rgba(4,29,44,.56)!important;color:#65c5ef!important;font-size:7px!important;font-weight:900!important;letter-spacing:.11em!important;backdrop-filter:blur(8px)!important}
.contextOverlay span b{color:#c6d9e3!important;font-size:8px!important;letter-spacing:0!important;font-weight:700!important}
.truckingContext.operationalContext figcaption{
  position:absolute!important;z-index:2!important;right:max(4vw,54px)!important;bottom:24px!important;
  color:#718b9a!important;font-size:9px!important;background:none!important;padding:0!important;
}
@media(max-width:720px){
  .truckingContext.operationalContext{height:330px!important;min-height:330px!important}
  .contextOverlay{left:20px!important;right:20px!important;width:auto!important}
  .contextOverlay>strong{font-size:30px!important;line-height:1.04!important}
  .contextOverlay>div{gap:6px!important;margin-top:18px!important}
  .contextOverlay span{font-size:6px!important;padding:7px 8px!important}.contextOverlay span b{font-size:7px!important}
  .truckingContext.operationalContext figcaption{display:none!important}
}

/* DEV HERO NARRATIVE COMPRESSION V68 — same 10 scenes, less scroll friction */
#story{height:720vh!important}
@media(max-width:800px){#story{height:620vh!important}}
@media(max-width:480px){#story{height:590vh!important}}

/* DEV TEXT ALIGNMENT / BORDER SAFETY V69 */
.commsTop{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:54px!important;
  padding:0 20px!important;
  line-height:1.2!important;
}
.commsTop strong,.commsTop span{
  display:block!important;
  position:static!important;
  margin:0!important;
  transform:none!important;
  white-space:nowrap!important;
}
@media(max-width:720px){
  .commsTop{min-height:50px!important;padding:0 14px!important}
}

/* DEV PRICING BADGE COLLISION FIX V72 — reserve badge space only where the badge renders */
@media(min-width:1101px){
  #pricing .tierGridThree>article.tierPremium{padding-top:56px!important}
  #pricing .tierGridThree>article.tierPremium::after{
    top:16px!important;right:auto!important;left:30px!important;z-index:3!important;pointer-events:none!important;
  }
  #pricing .tierGridThree>article.tierPremium .tierTop{padding-top:0!important}
  #pricing .tierGridThree>article.tierPremium .tierTop b{margin-left:auto!important}
  html[lang="es"] #pricing .tierGridThree>article.tierPremium::after{content:'MÁS POPULAR'}
  html[lang="vi"] #pricing .tierGridThree>article.tierPremium::after{content:'PHỔ BIẾN NHẤT'}
  html[lang="zh-CN"] #pricing .tierGridThree>article.tierPremium::after{content:'最受欢迎'}
  html[lang="ko"] #pricing .tierGridThree>article.tierPremium::after{content:'가장 인기'}
  html[lang="th"] #pricing .tierGridThree>article.tierPremium::after{content:'ยอดนิยม'}
}

/* DEV FINAL TYPE + TABLET EDGE SAFETY V73 */
@media (min-width:721px) and (max-width:1100px){
  body:has(#backToEnglish:not([hidden])) #backToEnglish{display:none!important}
}
#story .coreTop span,
#story .appContext span,
#story .appContext b,
#story .coreLane small,
#story .coreGrid i small,
#story .resultStrip small,
#story .heroPlatformLine span{font-size:8px!important}
#story .coreGrid i em{font-size:9px!important}
#story .coreDecision b{font-size:9px!important}
@media (max-width:1100px){
  #story .coreTop span,#story .appContext span,#story .appContext b,#story .coreGrid i small,#story .resultStrip small{font-size:7px!important}
}
@media (max-width:720px){
  #story .coreTop span,#story .appContext span,#story .appContext b,#story .coreLane small,#story .coreGrid i small,#story .resultStrip small{font-size:7px!important}
  #story .coreDecision b{font-size:8px!important}
  .heroPlatformLine b{font-size:10px!important}
}

/* DEV FINAL MICROTYPE PASS V74 — readable console labels without changing layout */
#story .heroPlatformLine span{font-size:9px!important}
#story .coreTop span,
#story .appContext span,
#story .appContext b,
#story .coreLane small,
#story .coreGrid i small,
#story .resultStrip small{font-size:9px!important}
#story .coreGrid i em{font-size:10px!important}
#story .coreDecision b{font-size:10px!important}
@media(max-width:1100px){
  #story .heroPlatformLine span{font-size:8px!important}
  #story .coreTop span,
  #story .appContext span,
  #story .appContext b,
  #story .coreLane small,
  #story .coreGrid i small,
  #story .resultStrip small{font-size:8px!important}
  #story .coreGrid i em{font-size:9px!important}
  #story .coreDecision b{font-size:9px!important}
}


/* V75 — persistent top-bar Stop Voice control */
header .topStopVoice{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-height:36px;padding:8px 12px!important;margin:0!important;
  border:1px solid #b91c1c!important;border-radius:7px!important;
  background:#c62828!important;color:#fff!important;
  font:750 12px/1.1 Inter,system-ui,sans-serif!important;letter-spacing:.01em;
  box-shadow:0 2px 9px rgba(198,40,40,.28);white-space:nowrap;
}
header .topStopVoice:hover{background:#a91f1f!important;border-color:#991b1b!important;color:#fff!important}
header .topStopVoice:focus-visible{outline:3px solid #fecaca!important;outline-offset:2px}
header .topStopVoice[hidden]{display:none!important}
@media(max-width:1100px){header .topStopVoice{padding:7px 9px!important;font-size:11px!important;min-height:34px}}
@media(max-width:430px){header .topStopVoice{padding:6px 7px!important;font-size:10px!important;min-height:32px}}


/* V76 — finish responsive hero-console typography */
#story .facts span small,#story .system span small{font-size:9px!important;line-height:1.3!important}
@media(max-width:1100px){#story .facts span small,#story .system span small{font-size:8px!important}}
@media(min-width:1101px){#story .coreTop span,#story .appContext span,#story .appContext b,#story .coreLane small,#story .coreGrid i small,#story .resultStrip small,#story .facts span small,#story .system span small{font-size:9px!important}}
@media(max-width:1100px){#story .coreTop span,#story .appContext span,#story .appContext b,#story .coreLane small,#story .coreGrid i small,#story .resultStrip small,#story .facts span small,#story .system span small{font-size:8px!important}}


/* V77 — 9 px minimum for hero-console metadata across all breakpoints */
#story .coreTop span,#story .appContext span,#story .appContext b,#story .coreLane small,#story .coreGrid i small,#story .resultStrip small,#story .facts span small,#story .system span small{font-size:9px!important;line-height:1.3!important}


/* V78 — protect tablet header width when the persistent voice stop control is active */
@media(min-width:721px) and (max-width:850px){header:has(#topStopVoice:not([hidden])) nav{display:none!important}}


/* V79 — cross-site small-label readability */
.heroPlatformLine span,.introProgress span b,.memoryEyebrow,.contextOverlay small,.contextOverlay div span,.contextOverlay div span b,.loadVisualHead span,.visualNumber,.visualDoc small,.visualMetrics span,.visualChecks span,.graphCore small,.graphNode small,.graphNode b,.techBridge span,.behaviorActions button>span,.behaviorActions button small,.behaviorEvent small,.behaviorCore small,.behaviorNode small,.behaviorNode p,.behaviorWhy small,.loopRail article>span,.loopRail small,.loopProof small,.serviceGrid article>span,.serviceGrid article small,.proofFlow article>span,.systemBenefits article>span{font-size:9px!important;line-height:1.35!important}


/* V80 — close remaining high-specificity microtype gaps */
body main #story .heroPlatformLine span,body main .introProgress span b,body main .operationalMemory .memoryEyebrow,body main .operationalMemory .memoryTrail span,body main .operationalMemory .memoryTrail em,body main .truckingContext.operationalContext .contextOverlay small,body main .truckingContext.operationalContext .contextOverlay div span,body main .truckingContext.operationalContext .contextOverlay div span b,body main .loadVisual .loadVisualHead span,body main .loadVisual .visualNumber,body main .loadVisual .visualDoc small,body main .loadVisual .visualMetrics span,body main .loadVisual .visualChecks span,body main .contextGraph .graphCore small,body main .contextGraph .graphNode small,body main .contextGraph .graphNode b,body main .techBridge span,body main .contextPropagation .behaviorActions button>span,body main .contextPropagation .behaviorActions button small,body main .contextPropagation .behaviorEvent small,body main .contextPropagation .behaviorCore small,body main .contextPropagation .behaviorNode small,body main .contextPropagation .behaviorNode p,body main .contextPropagation .behaviorWhy small,body main .operatingLoop .loopRail article>span,body main .operatingLoop .loopRail small,body main .operatingLoop .loopProof small,body main .proofFlow article>span,body main .systemBenefits article>span,body main #operational-continuity .continuityOutcome small,body main .finalPath span b,body main #services .serviceGrid article>span,body main #services .serviceGrid article small{font-size:9px!important;line-height:1.35!important}