/* October 7 revision: native motion, clear hierarchy and independent card actions. */
.hero-copy{padding-top:clamp(42px,8vh,94px);padding-bottom:104px}
.hero-copy .eyebrow{margin-bottom:24px}
.hero-copy h1{font-size:clamp(38px,4.3vw,66px);max-width:680px;line-height:1.06;letter-spacing:-.05em}
.rotating-slot{font-size:clamp(26px,3vw,43px);font-weight:700;letter-spacing:-.035em;line-height:1.16;height:2.35em;max-width:740px;margin:0 0 12px;overflow:hidden}
.rotating-slot span{display:block;max-width:100%;background:linear-gradient(110deg,#67b7ff 10%,#b8f8ff 32%,#55aaff 53%,#47dced 72%,#8bcaff 90%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:flow-highlight 6s linear infinite}
@keyframes flow-highlight{to{background-position:240% 0}}
.hero-copy p{margin:22px 0 27px}.hero-bottom{bottom:24px}.hero-caption{display:block}
.hero-stage{height:max(calc(100svh - 90px),var(--hero-content-height,540px));min-height:540px}
.hero-story:not(.has-sequence){height:auto}.hero-story:not(.has-sequence) .hero-stage{position:relative}
.hero-handoff{position:relative;isolation:isolate;height:340px;overflow:hidden;background:#142b41;color:white}
.handoff-landscape{position:absolute;inset:-5% 0 0;width:100%;height:125%;object-fit:cover;object-position:center 65%;opacity:.9}
.handoff-shade{position:absolute;inset:0;background:linear-gradient(90deg,#081d33c9,#081d330c),linear-gradient(0deg,#081d3370,transparent)}
.handoff-copy{position:relative;z-index:1;padding-block:45px}.handoff-copy .eyebrow{margin-bottom:18px;color:#c7e8ff}
.handoff-copy p{font-size:clamp(48px,7.5vw,104px);font-weight:600;letter-spacing:-.065em;line-height:.9;color:white;will-change:transform}.handoff-copy p span{color:#cceaff}
.handoff-foreground{position:absolute;inset:65% 0 0;z-index:2;background:linear-gradient(0deg,#081d33b0,transparent);pointer-events:none}
.category-card{grid-template-rows:1fr auto;transition:border-color .25s,box-shadow .25s}.category-card:hover{transform:none;border-color:#b7cfe6;box-shadow:0 12px 35px #081d3309}
.category-main-link{display:grid;grid-template-rows:1fr auto;outline-offset:-5px;border-radius:16px 16px 0 0}
.category-main-link:focus-visible{outline:3px solid #006aed;outline-offset:-5px}.category-main-link:hover h3{color:#0056bf}
.category-top h3{transition:color .2s}.category-top p{min-height:5.2em}.category-card .card-media{pointer-events:none}
.card-actions{position:relative;gap:16px}.card-actions .text-link{flex-shrink:0}
.flow-button{gap:14px;transform:none!important;padding:13px 22px;min-height:50px;line-height:1.4}
.flow-button .button-label{transform:none!important;white-space:nowrap}
.flow-button .arrow-out{position:relative;right:auto!important;display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 20px;transform:none;transition:transform .25s}
.flow-button .arrow-in{display:none}.flow-button svg,.text-link svg{width:20px!important;height:20px!important;min-width:20px;flex:0 0 20px;overflow:visible}
.flow-button:hover .arrow-out{transform:translateX(3px)}.flow-button path,.text-link path{stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.card-actions .flow-button{min-width:0;padding:13px 18px}.nav-cta{gap:10px;padding:11px 18px}
.truck-section{padding-top:85px;padding-bottom:40px}.truck-section .wrap{width:min(100% - var(--gutter)*2,1440px)}
.truck-stage{height:clamp(280px,37vw,545px);margin-top:30px;isolation:isolate}.truck-stage img{width:112%;max-width:112%;max-height:100%;z-index:2;object-fit:contain;filter:drop-shadow(0 20px 16px #081d3312)}
.road-word{top:8%;font-size:clamp(80px,16vw,250px);color:#dbe5eb;letter-spacing:-.07em;z-index:0}
.truck-stage img{max-height:none;height:auto;scale:-1 1}
@media(min-width:1101px){.rotating-slot{height:1.25em;margin-bottom:25px}.hero-copy h1{font-size:58px}}
.closing-mountain{background:#122d45;min-height:560px;isolation:isolate;display:flex;align-items:center;padding-block:95px}
.closing-background{position:absolute;inset:0;width:100%;height:120%;object-fit:cover;object-position:62% 45%;z-index:-4}
.closing-shade{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#04182be8 0%,#082541ba 42%,#08254135 100%),linear-gradient(0deg,#00172b96,transparent 70%)}
.closing-mountain .closing-word{z-index:-2;color:#d8edff6e;font-style:italic;font-size:clamp(240px,40vw,560px);right:5%;bottom:-.25em;line-height:1;mix-blend-mode:screen}
.closing-foreground{position:absolute;inset:65% 0 0;z-index:-1;background:linear-gradient(0deg,#041c30a8,transparent)}
.closing-mountain h2{font-size:clamp(58px,7.6vw,110px)}.closing-mountain p{color:#eaf5ff;max-width:430px}.closing-mountain .wrap{z-index:1}
@media(max-width:1100px){.card-actions{flex-wrap:wrap}.card-actions .flow-button{font-size:12px;padding-inline:16px}.card-actions .text-link{font-size:12px}.card-actions .flow-button,.card-actions .text-link{min-height:50px}.card-actions{min-height:110px}}
@media(min-width:601px) and (max-width:850px){.card-actions{flex-wrap:wrap;min-height:145px;gap:8px}.card-actions .text-link{min-height:36px;width:100%;justify-content:flex-start}.category-top h3{font-size:29px}}
@media(max-width:850px){.hero-stage{height:max(calc(100svh - 78px),var(--hero-content-height,520px));min-height:520px}.hero-copy h1{font-size:clamp(38px,6vw,54px)}.hero-caption{font-size:10px}.hero-handoff{height:300px}.nav-cta{padding:10px 14px}}
@media(max-width:600px){.hero-copy{padding-top:46px;padding-bottom:95px}.hero-copy h1{font-size:clamp(36px,9.7vw,52px)}.rotating-slot{font-size:clamp(27px,7.2vw,36px);height:2.35em;line-height:1.14;margin-bottom:17px}.hero-copy .eyebrow{font-size:10px;margin-bottom:21px}.hero-copy p{font-size:15px;margin:22px 0 26px}.hero-bottom{bottom:22px}.hero-caption{max-width:210px}.hero-handoff{height:250px}.handoff-copy{padding-block:40px}.handoff-copy p{font-size:54px}.handoff-landscape{object-position:65% center}.category-top h3{min-height:0}.category-top p{min-height:6.4em}.card-actions{flex-wrap:nowrap;gap:12px;padding:22px 18px;min-height:98px}.card-actions .flow-button{font-size:11px;padding:12px;gap:8px}.card-actions .text-link{font-size:11px;gap:6px}.truck-section{padding-top:65px;padding-bottom:25px}.truck-stage{height:250px;margin-top:15px}.road-word{top:15%;font-size:19vw}.truck-stage img{width:125%;max-width:125%}.closing-mountain{min-height:575px;padding-block:75px;align-items:flex-start}.closing-background{object-position:64% 50%}.closing-shade{background:linear-gradient(90deg,#04182bcc,#0825415a),linear-gradient(0deg,#00172b66,#00172b42)}.closing-mountain .closing-word{font-size:330px;right:8%;bottom:-30px}.closing-mountain h2{font-size:60px}.site-header .nav-cta{padding:10px 12px;gap:0}.site-header .nav-cta .arrow-out{display:none}}
@media(max-height:680px) and (min-width:601px){.hero-copy{padding-top:32px;padding-bottom:80px}.hero-copy .eyebrow{margin-bottom:15px}.rotating-slot{font-size:34px;height:1.25em;margin-bottom:18px}.hero-copy h1{font-size:45px}.hero-copy p{margin:18px 0}.hero-stage{min-height:480px}}
@media(prefers-reduced-motion:reduce){.rotating-slot span{animation:none;background:none;color:#9de8ff}.handoff-landscape,.handoff-copy p,.closing-background,.closing-word{transform:none!important}.category-card,.category-main-link,.flow-button,.flow-button .arrow-out{transition:none}.hero-handoff{height:280px}}
