/* Revision 02: feedback on spacing, imagery, colour and interactions. */
:root{--green:#017a4d;--qt-header-height:88px}
section[id]{scroll-margin-top:calc(var(--header) + 24px)}
.section{padding-block:56px}
.hero{min-height:0;padding-block:32.5px 42.5px}
.fleet-section{padding-block:60px}
.zone-section{padding-top:112px}
.care-details{padding-bottom:55px}
.trust-section{padding-block:37.5px}
.closing{padding-block:47.5px}
.button,.hero-copy .button,.platform-options .button,.closing .button{min-height:42px;padding:10px 19px;font-size:16px;line-height:1.4;gap:12px;background:#017a4d}
.button:hover{background:#017a4d;box-shadow:0 7px 20px #017a4d20}
.pill-tabs button.selected{background:#017a4d}
.button>span{font-size:18px;line-height:1}
.hero-copy .actions{max-width:610px}
.platform-options .button{font-size:16px;padding-inline:16px;white-space:normal}
.closing .actions{margin-top:26px}
.closing p{margin-top:25px}
.theme-stage{background:#18352c;min-height:0;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;gap:18px;padding:26px;align-items:center}
.theme-word{position:static;font-size:56px;line-height:1;letter-spacing:-.04em;color:#e2ebd8;z-index:2}
.theme-stage[data-theme=dark]{background:#dbe5d1}
.theme-stage[data-theme=dark] .theme-word{color:#415a38}
.theme-stage .phone{background:#000;border-color:#000;transform:none;transition:background .35s,border-color .35s}
.theme-stage[data-theme=dark] .phone{background:#000;border-color:#000;transform:none}
.theme-caption{position:static;margin-top:0;text-align:center;color:#b2c3ae}
.theme-stage[data-theme=dark] .theme-caption{color:#5c765d}
.zone-scene{position:relative;aspect-ratio:1351/1089;overflow:hidden}
.zone-scene>.zone-satellite{display:block;width:100%;height:100%;object-fit:contain}
.zone-scene>.zone-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.zone-pin{position:absolute;left:54.404145%;top:39.944904%;transform:translate(-50%,-100%);width:32px;height:40px;filter:drop-shadow(0 3px 5px #001b2880);pointer-events:none}
.zone-pin .qt-dk-route__pin{width:100%;height:100%}
.zone-scene .zone-name{left:auto;right:20px;top:20px}
#zone-ring{transition:r .15s ease}
.platform-showcase.device-trio{display:flex;align-items:flex-end;max-width:1040px;width:100%;margin:20px auto 30px;padding:0;position:relative;gap:0}
.device-trio>div{flex-shrink:0;min-width:0}
.device-trio .device-screen{overflow:hidden;background:#25332c;box-shadow:0 25px 50px #14251e25}
.device-trio img{display:block;width:100%;height:auto;object-fit:contain}
.device-monitor{width:68%;z-index:1}
.device-monitor .device-screen{border:9px solid #25332c;border-bottom-width:18px;border-radius:15px}
.device-monitor img{aspect-ratio:16/9}
.device-monitor:after{content:'';display:block;width:35%;height:34px;margin:auto;background:linear-gradient(#87928c,#c6ceca);clip-path:polygon(30% 0,70% 0,78% 75%,100% 85%,100% 100%,0 100%,0 85%,22% 75%)}
.device-tablet{width:37%;margin-left:-15%;z-index:2}
.device-tablet .device-screen{border:7px solid #25332c;border-radius:20px}
.device-tablet img{aspect-ratio:4/3}
.device-mobile{width:15%;margin-left:-7%;z-index:3}
.device-mobile .device-screen{border:5px solid #25332c;border-radius:23px}
.device-mobile img{aspect-ratio:430/900}
.tour-scroll{position:relative}
.tour-scroll.is-scroll-story{height:var(--tour-scroll-height)}
.tour-scroll.is-scroll-story>.tour-layout{position:sticky;top:var(--tour-sticky-top,calc(var(--header) + 18px));padding-block:8px 12px;background:var(--paper)}
.tour-scroll.is-scroll-story .tour-panel{min-height:0}
.tour-scroll.is-scroll-story .tour-phone{width:min(100%,245px,calc((100svh - var(--header) - 60px)*.46))}
.tour-scroll .tour-panel.is-changing{animation:panel-in .25s ease both}
.tour-tab.selected strong{color:var(--green)}
@media(max-width:1100px){.section{padding-block:47.5px}.zone-section{padding-top:95px}.fleet-section{padding-block:60px}.care-details{padding-bottom:55px}.hero{padding-block:32.5px 42.5px}.hero-copy .button{font-size:16px}}
@media(max-width:900px){:root{--qt-header-height:76px}.section{padding-block:42.5px}.zone-section{padding-top:85px}.care-details{padding-top:70px;padding-bottom:35px}.fleet-section{padding-block:60px}.hero{padding-block:32.5px 35px}.site-header>.button-small{min-height:44px;height:44px;padding:0 16px}.tour-scroll .tour-layout{gap:20px}.tour-scroll .tour-tabs{gap:6px}.tour-scroll .tour-tab{min-height:0;padding:13px 14px;gap:12px}.tour-scroll .tour-tab.selected{padding-left:14px}.tour-scroll .tour-panel{min-height:0;grid-template-columns:42% 1fr;gap:30px}.tour-scroll.is-scroll-story .tour-phone{width:min(215px,calc((100svh - var(--header) - 240px)*.46))}.tour-scroll .tour-detail h3{font-size:27px}.tour-scroll .tour-detail p{font-size:16px}.tour-scroll .tour-detail .check-list{font-size:16px}.device-monitor .device-screen{border-width:5px;border-bottom-width:12px;border-radius:9px}.device-tablet .device-screen{border-width:4px;border-radius:12px}.device-mobile .device-screen{border-width:3px;border-radius:14px}.theme-word{font-size:48px}.theme-stage{padding:23px}}
@media(max-width:600px){:root{--qt-header-height:70px}.section{padding-block:32.5px}.zone-section{padding-top:65px}.hero{padding-block:24px 25px}.fleet-section{padding-block:35px}.care-details{padding-top:55px;padding-bottom:32.5px}.trust-section{padding-block:30px}.closing{padding-block:32.5px}.button,.hero-copy .button,.closing .button,.platform-options .button{min-height:40px;padding:10px 16px;font-size:16px;gap:10px}.site-header>.button-small{height:42px;min-height:42px;padding:0 12px}.hero-copy .actions{gap:9px}.zone-scene .zone-name{top:12px;right:12px;font-size:16px;padding:10px 13px}.zone-scene .zone-event{left:12px;bottom:12px;padding:10px 13px}.zone-pin{width:26px;height:32.5px}.theme-word{font-size:43px}.theme-stage{padding:22px;gap:17px}.theme-stage .phone{width:210px}.theme-caption{font-size:16px}.device-monitor:after{height:20px}.device-trio .device-mobile .device-screen{border-radius:10px}.platform-showcase.device-trio{margin-bottom:25px}.tour-scroll .tour-tabs{gap:6px}.tour-scroll .tour-tab,.tour-scroll .tour-tab.selected{padding:11px 9px;gap:8px;min-height:82px}.tour-scroll .tour-tab strong{font-size:16px}.tour-scroll .tour-tab div>span{font-size:16px;line-height:1.4;margin-top:4px}.tour-scroll .tour-layout{gap:14px}.tour-scroll .tour-panel{grid-template-columns:38% 1fr;gap:16px}.tour-scroll .tour-detail h3{font-size:23px;margin:9px 0 14px}.tour-scroll .tour-detail p{font-size:16px}.tour-scroll .tour-detail .check-list{font-size:16px;gap:9px}.tour-scroll .tour-detail .mini-label{font-size:16px}.tour-scroll.is-scroll-story>.tour-layout{top:calc(var(--header) + 12px)}.tour-scroll .tour-phone{width:100%;max-width:155px}.tour-scroll.is-scroll-story .tour-phone{width:min(155px,100%)}.tour-scroll .tour-detail .check-list{margin-bottom:0}}
@media(max-width:360px){.tour-scroll .tour-panel{grid-template-columns:34% 1fr;gap:12px}.tour-scroll .tour-detail h3{font-size:21px}.tour-scroll .tour-detail p{font-size:16px}.tour-scroll .tour-detail .check-list{font-size:16px}.tour-scroll .tour-tab strong{font-size:16px}.tour-scroll .tour-tab div>span{font-size:16px}}
.tour-scroll.is-scroll-story>.tour-layout{top:var(--tour-sticky-top,calc(var(--header) + 18px))}
@media(prefers-reduced-motion:reduce){.tour-scroll.is-scroll-story{height:auto}.tour-scroll.is-scroll-story>.tour-layout{position:static}.tour-scroll .tour-panel.is-changing{animation:none}#zone-ring{transition:none}}

/* Uniform section spacing: matches the approved zones-to-fleet transition. */
:root{--section-space:58px}
main>.section,main>.hero,main>.trust-section,main>.closing,
.care-section>.care-details{padding-block:var(--section-space)}
.fleet-visual{padding-bottom:0}
.tour-scroll.is-scroll-story>.tour-layout{padding-block:0}
.route-chapter .qt-dk-route__sticky{min-height:0;padding-block:var(--section-space)}
@media(max-width:1100px){:root{--section-space:48px}}
@media(max-width:900px){:root{--section-space:42px}}
@media(max-width:600px){:root{--section-space:32px}}