.td-hero{min-height:660px;position:relative;display:flex;align-items:center;overflow:hidden;background:#071422}.td-hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#06101df5 0%,#06101dbd 42%,#06101d40 100%),linear-gradient(0deg,#06101d 0%,transparent 40%),url('assets/truckduty-banner.jpg') center/cover no-repeat;transform:scale(1.02)}.td-hero-content{position:relative;z-index:1;width:min(1160px,calc(100% - 50px));margin:0 auto;padding:80px 0}.td-app-label{display:flex;align-items:center;gap:14px;color:#9fcee0;font-size:11px;font-weight:800;letter-spacing:2px}.td-app-label img{width:65px;height:65px;border-radius:15px}.td-app-label i{color:var(--orange);font-style:normal}.td-hero h1{font-size:clamp(60px,9vw,122px);letter-spacing:-5px;margin:26px 0 0;line-height:1}.td-hero h1 span{color:var(--orange)}.td-tagline{font-size:clamp(23px,3vw,36px);font-weight:700;margin:15px 0}.td-intro{max-width:540px;color:#d1deea;font-size:17px;line-height:1.8}.td-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.td-secondary{color:#c4e8f0;font-weight:700}.td-secondary:hover{color:var(--cyan)}.td-release{font-size:12px;color:#a8bed0;margin-top:24px}.td-section{max-width:1220px;margin:auto;padding:105px 30px}.td-section-heading{text-align:center;max-width:680px;margin:0 auto 48px}.td-section-heading h2{font-size:clamp(32px,4.4vw,58px);letter-spacing:-1.6px;margin:14px 0}.td-section-heading>p:last-child{color:var(--muted);line-height:1.7}.td-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.td-feature{background:linear-gradient(140deg,#10293d,#0a1828);border:1px solid #25465a;border-radius:18px;padding:32px;transition:transform .25s,border-color .25s}.td-feature:hover{transform:translateY(-6px);border-color:#3c9bb6}.td-feature-icon{display:grid;place-items:center;width:48px;height:48px;background:#0d3d53;border-radius:12px;color:#42d9f2;font-size:28px}.td-feature h3{font-size:22px;margin:23px 0 10px}.td-feature p{color:#aac2d3;line-height:1.8;margin:0}.td-gallery-wrap{background:linear-gradient(#0b2031,#081522);border-top:1px solid #1e3a4e;border-bottom:1px solid #1e3a4e}.td-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.td-shot{margin:0;text-align:center;min-width:0}.td-shot img{display:block;width:100%;aspect-ratio:9/18;object-fit:cover;object-position:top;border-radius:20px;border:5px solid #1c3344;box-shadow:0 20px 45px #0006;transition:transform .25s}.td-shot:hover img{transform:translateY(-7px)}.td-shot figcaption{color:#b6cedf;font-size:13px;margin-top:16px}.td-bottom{padding-top:85px;padding-bottom:85px}.td-cta{border:1px solid #2b566c;border-radius:22px;background:linear-gradient(115deg,#10344b,#0b1b2b);padding:40px;display:flex;align-items:center;gap:30px}.td-cta>img{width:90px;border-radius:20px}.td-cta>div{flex:1}.td-cta h2{font-size:clamp(28px,3vw,43px);margin:10px 0}.td-cta p:last-child{color:#b6cad9;line-height:1.7}@media(max-width:900px){.td-feature-grid{grid-template-columns:repeat(2,1fr)}.td-gallery{grid-template-columns:repeat(2,1fr)}.td-cta{flex-wrap:wrap}}@media(max-width:600px){.td-hero{min-height:600px}.td-hero-bg{background:linear-gradient(90deg,#06101de8,#06101d99),linear-gradient(0deg,#06101d,transparent 55%),url('assets/truckduty-banner.jpg') 40% center/cover no-repeat}.td-hero h1{letter-spacing:-2px}.td-section{padding:70px 18px}.td-feature-grid{grid-template-columns:1fr}.td-gallery{gap:12px}.td-shot img{border-width:3px;border-radius:13px}.td-cta{padding:24px}.td-cta>img{width:65px}.td-app-label{letter-spacing:.5px;font-size:9px}}
.td-shot img{cursor:zoom-in}.td-shot img:focus-visible{outline:3px solid #48d8f5;outline-offset:5px}.td-lightbox[hidden]{display:none!important}.td-lightbox{position:fixed;z-index:1000;inset:0;background:rgba(2,8,16,.96);display:flex;align-items:center;justify-content:center;padding:65px 70px 55px}.td-lightbox>img{max-height:calc(100vh - 125px);max-width:min(90vw,650px);object-fit:contain;border-radius:12px;box-shadow:0 20px 70px #000}.td-lightbox button{position:absolute;background:#17384c;color:white;border:1px solid #4a7186;border-radius:50%;width:48px;height:48px;font-size:32px;cursor:pointer}.td-lightbox button:hover{background:#235a75}.lb-close{top:18px;right:22px}.lb-prev{left:18px;top:50%}.lb-next{right:18px;top:50%}#lb-caption{position:absolute;bottom:12px;color:#e2f3ff;font-size:14px}.lightbox-open{overflow:hidden}@media(max-width:600px){.td-lightbox{padding:70px 46px}.td-lightbox button{width:38px;height:38px;font-size:26px}.lb-prev{left:4px}.lb-next{right:4px}}@media(prefers-reduced-motion:reduce){.td-shot img{transition:none}}

/* v10 desktop sizing refinement; mobile unchanged */
@media (min-width:761px){
  .td-hero{padding-top:54px;padding-bottom:65px}
  .td-section{padding-top:76px;padding-bottom:76px}
}

/* v17: compact gallery and mobile swipe navigation */
@media(max-width:600px){
 .td-gallery{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .td-gallery::-webkit-scrollbar{display:none}
 .td-shot{flex:0 0 100%;scroll-snap-align:center;padding:0 26px}
 .td-shot img{width:100%;height:auto;aspect-ratio:9/18;object-fit:contain;max-height:600px;background:#07111e}
 .td-shot figcaption{margin-top:10px}
 .td-section-heading{margin-bottom:26px}
 .td-gallery-dots{display:flex;justify-content:center;gap:12px;margin-top:24px}
 .td-gallery-dots button{width:11px;height:11px;padding:0;border:0;border-radius:50%;background:#557084;cursor:pointer}
 .td-gallery-dots button[aria-current="true"]{background:#ff941c;transform:scale(1.2)}
}
@media(min-width:601px){.td-gallery-dots{display:none}}