/* Step 1 draft. Reference: the owner's light blue mobile composition. */
body.reference-step-one{--step-teal:#206a7f;--step-ink:#102b3b;--step-sky:#e9f5fa;--step-orange:#bf4309;background:#f8fcfe}
.reference-step-one .utility{background:#edf7fb;color:#306375;border:0}.reference-step-one .utility .utility-icon,.reference-step-one .utility .updates-open{color:#306375}.reference-step-one .utility .utility-icon:hover{background:#dceef6}.reference-step-one .utility-inner{min-height:34px}.reference-step-one .utility-inner>span{font-size:11px}
.reference-step-one .header{background:#edf7fb;border:0;box-shadow:none;position:relative}.reference-step-one .header-inner{height:110px}.reference-step-one .header .step-brand{display:flex;flex-direction:row;align-items:center;gap:15px;background:#fff;border:1px solid #b5d4df;border-radius:15px;padding:8px 13px;box-shadow:0 7px 24px #215f7410}.reference-step-one .header .step-brand .official-logo{width:138px;height:58px;background:transparent}.reference-step-one .header .step-brand .official-logo img{width:328px;left:-176px;top:-37px}.step-tz-logo{position:relative;display:block;width:138px;height:58px;overflow:hidden;border-inline-start:1px solid #dce7ec}.step-tz-logo img{position:absolute;width:300px;max-width:none;height:auto;left:-8px;top:-34px}.reference-step-one .header nav{font-size:13px;gap:18px}.reference-step-one .header-quote{background:#fff;color:var(--step-teal);border-color:#8ab7c7}.reference-step-one .search-open{color:var(--step-teal)}.step-menu-text{display:none}
.step-one-hero{overflow:hidden;background:radial-gradient(ellipse at 20% 58%,#cbe9f4 0,transparent 53%),linear-gradient(180deg,#edf7fb,#e4f2f9 80%,#f8fcfe);color:var(--step-ink);position:relative}.step-one-inner{display:grid;grid-template-columns:1fr 1.3fr;column-gap:60px;align-items:center;padding-block:48px 60px}.step-one-heading{grid-column:1;grid-row:1;align-self:end;padding-bottom:24px}.step-one-kicker{font-size:14px;font-weight:800;letter-spacing:3px;color:var(--step-teal);margin-bottom:14px}.step-one-kicker span{color:#79aabc;margin-inline:6px}.step-one-heading h1{font-size:clamp(42px,4.6vw,70px);font-weight:800!important;line-height:1.3;letter-spacing:-1.5px;color:var(--step-ink);margin:0 0 16px}.step-one-intro{font-size:21px;font-weight:600;color:#284c61;line-height:1.7}.step-one-caption{font-size:15px;color:#5c7b8c;margin-top:8px}.step-one-showcase{grid-column:2;grid-row:1/3;min-width:0}.step-one-stage{position:relative;isolation:isolate;padding:24px 0 22px}.step-one-truck-window{aspect-ratio:3/2;overflow:hidden;position:relative;z-index:2;mix-blend-mode:multiply}.step-one-truck-window img{position:absolute;width:100%;max-width:none;height:100%;object-fit:cover;top:0;left:0;transform:none}.step-one-orbit{position:absolute;z-index:0;border:2px solid #75aebf;border-radius:50%;width:90%;height:20%;bottom:25px;left:5%;background:radial-gradient(ellipse,#aac9d040,transparent 70%);box-shadow:0 10px 30px #447e9120}.step-one-view{position:relative;z-index:3;display:table;margin:-9px auto 0;border:1px solid #b4d2de;border-radius:30px;background:#fff;color:var(--step-teal);padding:7px 23px;font-size:13px;font-weight:700;box-shadow:0 4px 12px #29677c10;min-height:38px}.step-one-view::after{content:' ↗';font-size:15px}.step-one-view:hover{background:#e1f1f7}.step-one-specs{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:0;border:1px solid #ffffffec;background:#ffffffce;backdrop-filter:blur(10px);border-radius:19px;box-shadow:0 15px 35px #2d6f8420;padding:20px 8px}.step-one-specs>div{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;min-width:0;padding-inline:10px}.step-one-specs>div+div{border-inline-start:1px solid #dbe9ef}.step-one-specs strong{color:var(--step-teal);font-size:20px;font-weight:800;line-height:1.5;overflow-wrap:anywhere}.step-one-specs span{font-size:13px;color:#5b7180}.step-one-actions{grid-column:1;grid-row:2;align-self:start;max-width:470px}.step-one-options{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.step-one-options>button,.step-one-options>a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 17px;border:1px solid #bdd5e0;border-radius:14px;background:#ffffffcf;color:var(--step-teal);font-size:14px;font-weight:700}.step-one-options>button[aria-pressed=true]{background:var(--step-teal);color:#fff;border-color:var(--step-teal)}.step-pdf{font-size:10px;border-radius:4px;background:#e1edf3;color:var(--step-teal);padding:2px 4px}.step-one-primary{display:flex;align-items:stretch;gap:12px}.step-one-primary>a{min-height:56px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:16px;font-weight:800;border-radius:16px;padding:12px 22px}.step-one-quote{flex:1.3;background:var(--step-orange);color:white;box-shadow:0 12px 25px #bc450b22}.step-one-quote:hover{background:#a83806}.step-one-all{flex:1;background:#ffffffa1;color:var(--step-teal);border:1px solid #78a7b9}.step-one-mail{display:inline-flex;align-items:center;gap:12px;color:#547588;font-size:13px;padding-block:18px}.step-one-mail:hover{text-decoration:underline}.step-one-mail span{font-size:18px;color:var(--step-teal)}
.reference-step-one .quicklinks{background:#f8fcfe}.reference-step-one .modern-scope{background:transparent}.reference-step-one .equipment{padding-block-start:64px}.reference-step-one .modern-mobile-contact .button{background:var(--step-orange);border:0;border-radius:12px}.reference-step-one .modern-mobile-contact{background:#f4fbfef5;backdrop-filter:blur(12px)}
/* Retain the original video feature inside its existing news section. */
.reference-step-one .step-legacy-showcase{margin-top:32px;background:transparent;height:420px;border-radius:14px;overflow:hidden}.reference-step-one .step-legacy-showcase .hero-content,.reference-step-one .step-legacy-showcase .modern-media-label,.reference-step-one .step-legacy-showcase .hero-blue-edge{display:none!important}.reference-step-one .step-legacy-showcase .hero-media{width:100%;inset:0;border-radius:14px}.reference-step-one .step-legacy-showcase .hero-video-controls{bottom:20px}.reference-step-one .step-legacy-controls{border-radius:0 0 10px 10px;padding:14px}.reference-step-one .hero-video-play{font-size:14px}
html[data-theme=dark] .reference-step-one{--step-ink:#e7f5fd;--step-teal:#a8dcec;background:#0c2437}html[data-theme=dark] .reference-step-one .header,html[data-theme=dark] .reference-step-one .utility{background:#102d40}html[data-theme=dark] .reference-step-one .utility .utility-icon{color:#a8dcec}html[data-theme=dark] .step-one-hero{background:radial-gradient(ellipse at 20% 58%,#143d52,transparent 53%),#102d40}html[data-theme=dark] .step-one-truck-window{background:#eef7fa;border-radius:18px;mix-blend-mode:normal}html[data-theme=dark] .step-one-heading h1{color:#e7f5fd}html[data-theme=dark] .step-one-intro{color:#d1e8f4}html[data-theme=dark] .step-one-caption,html[data-theme=dark] .step-one-mail{color:#acc6d5}html[data-theme=dark] .step-one-specs,html[data-theme=dark] .step-one-options>button,html[data-theme=dark] .step-one-options>a,html[data-theme=dark] .step-one-all{background:#173d52}html[data-theme=dark] .step-one-specs span{color:#b7d3e0}html[data-theme=dark] .reference-step-one .quicklinks{background:#102d40}
@media(max-width:1150px){.step-one-inner{column-gap:30px}.reference-step-one .header .step-brand{gap:8px;padding:7px 10px}.reference-step-one .header .step-brand .official-logo{width:115px;height:48px}.reference-step-one .header .step-brand .official-logo img{width:270px;left:-145px;top:-30px}.step-tz-logo{width:116px;height:48px}.step-tz-logo img{width:264px;left:-7px;top:-30px}.reference-step-one .header nav{font-size:12px;gap:13px}.reference-step-one .header .nav-menu-button{font-size:12px}.step-one-heading h1{font-size:46px}.step-one-intro{font-size:18px}.step-one-specs strong{font-size:17px}.step-one-options>button,.step-one-options>a{padding-inline:13px;font-size:13px}.step-one-primary>a{font-size:14px;padding-inline:15px}}
@media(max-width:850px){.reference-step-one .header-inner{height:100px;justify-content:space-between;gap:10px}.reference-step-one .header .search-open,.reference-step-one .header .header-quote{display:none}.reference-step-one .header #navigation{top:100px;inset-inline:18px;border:1px solid #c3dce7;border-radius:15px;padding:18px 24px;box-shadow:0 16px 30px #1c526421;background:#fff}.reference-step-one .header #navigation a,.reference-step-one .header #navigation .nav-menu-button{font-size:16px}.reference-step-one #menu{margin-inline-start:auto;display:flex;align-items:center;justify-content:center;gap:7px;width:auto;min-width:94px;height:46px;border:1px solid #6c9eaf;border-radius:13px;background:#ffffffc9;color:#206a7f;padding:8px 15px}.reference-step-one #menu>span:not(.step-menu-text){display:none}.reference-step-one #menu .step-menu-text{display:inline;background:transparent;width:auto;height:auto;font-size:16px;font-weight:800;line-height:1.4}.reference-step-one #menu::after{content:'⌄';font-size:18px;line-height:1}.reference-step-one .mega-menu{top:100px}.step-one-inner{display:flex;flex-direction:column;gap:0;padding-block:22px 34px;max-width:620px}.step-one-heading{align-self:auto;text-align:center;padding-bottom:5px;width:100%}.step-one-kicker{font-size:12px;margin-bottom:10px}.step-one-heading h1{font-size:46px;letter-spacing:-1px;margin-bottom:8px}.step-one-intro{font-size:19px}.step-one-caption{font-size:13px;margin-top:3px}.step-one-showcase{width:100%}.step-one-stage{padding-top:18px}.step-one-truck-window{aspect-ratio:3/2}.step-one-specs{padding-block:15px}.step-one-specs strong{font-size:19px}.step-one-actions{max-width:none;width:100%;padding-top:22px}.step-one-options{justify-content:center;margin-bottom:20px}.step-one-options>button,.step-one-options>a{font-size:15px;padding-inline:18px}.step-one-primary>a{font-size:17px;min-height:55px}.step-one-mail{display:flex;justify-content:center;padding-block:16px 0}.reference-step-one .utility-inner{min-height:30px}.reference-step-one .utility .utility-icon{min-width:32px;width:32px;height:32px;padding:6px}.reference-step-one .utility .updates-open{width:32px;padding:4px}.reference-step-one .utility-inner>span{font-size:10px}.reference-step-one .step-legacy-showcase{height:330px}.reference-step-one .step-legacy-showcase .hero-media{height:100%;margin:0}.reference-step-one .step-legacy-showcase .hero-content{display:none!important}}
@media(max-width:560px){.reference-step-one .header-inner{height:92px}.reference-step-one .header .step-brand{gap:8px;border-radius:15px;padding:9px 10px;border-color:#a6c9d7;box-shadow:0 8px 20px #2a63791a}.reference-step-one .header .step-brand .official-logo{width:106px;height:45px}.reference-step-one .header .step-brand .official-logo img{width:250px;left:-134px;top:-28px}.step-tz-logo{width:100px;height:45px}.step-tz-logo img{width:230px;left:-6px;top:-27px}.reference-step-one #menu{min-width:82px;height:43px;padding:7px 12px;gap:7px;border-radius:12px}.reference-step-one #menu .step-menu-text{font-size:14px}.reference-step-one .header #navigation,.reference-step-one .mega-menu{top:92px}.reference-step-one .header #navigation{inset-inline:14px}.reference-step-one .utility-inner{width:calc(100% - 36px)}.step-one-inner{width:calc(100% - 28px);padding-block:14px 28px}.step-one-kicker{font-size:10px;letter-spacing:2.6px;margin-bottom:8px}.step-one-heading h1{font-size:39px;line-height:1.3;margin-bottom:9px}.step-one-intro{font-size:16px;line-height:1.7}.step-one-caption{font-size:11px;margin-top:1px}.step-one-stage{padding:16px 0 13px}.step-one-truck-window{aspect-ratio:3/2;margin-top:2px}.step-one-orbit{height:18%;bottom:29px;border-width:1px;box-shadow:0 6px 20px #447e9120}.step-one-view{font-size:12px;min-height:33px;padding:4px 15px;margin-top:-6px}.step-one-specs{border-radius:19px;padding:14px 4px;grid-template-columns:1.35fr 1fr 1fr}.step-one-specs>div{padding-inline:6px;gap:2px}.step-one-specs strong{font-size:15px;line-height:1.6}.step-one-specs span{font-size:11px}.step-one-actions{padding-top:17px}.step-one-options{gap:7px;margin-bottom:16px}.step-one-options>button,.step-one-options>a{min-height:41px;font-size:13px;border-radius:12px;padding:7px 13px}.step-pdf{font-size:9px}.step-one-primary{gap:10px}.step-one-primary>a{font-size:15px;min-height:53px;border-radius:15px;padding:10px 12px}.step-one-mail{font-size:11px;padding-top:13px;gap:8px}.reference-step-one .quicklinks a{min-height:92px}.reference-step-one .quicklinks strong{font-size:11px}.reference-step-one .step-legacy-showcase{height:260px}.reference-step-one .modern-mobile-contact{padding-top:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom));min-height:65px}.reference-step-one .modern-mobile-contact>a{font-size:11px}.reference-step-one .modern-mobile-contact .button{font-size:11px;min-height:44px}.reference-step-one .equipment{padding-block-start:46px}}
@media(max-width:374px){.reference-step-one .header .step-brand{gap:4px;padding-inline:6px}.reference-step-one .header .step-brand .official-logo{width:94px}.reference-step-one .header .step-brand .official-logo img{width:225px;left:-121px;top:-24px}.step-tz-logo{width:88px}.step-tz-logo img{width:205px;left:-6px;top:-23px}.reference-step-one #menu{min-width:72px;padding-inline:9px}.step-one-heading h1{font-size:35px}.step-one-options{gap:5px}.step-one-options>button,.step-one-options>a{padding-inline:10px}}
/* Blend the real catalogue photograph into the stage and keep controls on one line. */
.step-one-stage{isolation:auto}
.reference-step-one #menu{flex-direction:row}
@media(max-width:560px){.step-one-primary .step-one-all{font-size:13px;white-space:nowrap}.step-tz-logo img{width:210px;left:-5px;top:-24px}}