/* A shared, airy design system. Printed brand artwork is intentionally excluded. */
:root { --d-paper:#f8f9f5; --d-panel:#ffffff; --d-soft:#edf2ed; --d-ink:#193238; --d-muted:#596c70; --d-line:#dce5df; --d-teal:#177c70; --d-mint:#d7ebe1; --d-glass:#f8f9f5ed; --d-sun:#e9e8b9; }
:root[data-theme="dark"] { --d-paper:#111d23; --d-panel:#17282f; --d-soft:#1d3037; --d-ink:#e4efea; --d-muted:#aec0c2; --d-line:#30454b; --d-teal:#8bdbc1; --d-mint:#203f40; --d-glass:#111d23ed; --d-sun:#425048; }
body.design-2026 { --canvas:var(--d-paper); --surface:var(--d-panel); --surface-raised:var(--d-panel); --surface-soft:var(--d-soft); --paper:var(--d-paper); --white:var(--d-panel); --heading:var(--d-ink); --ink:var(--d-ink); --muted:var(--d-muted); --line:var(--d-line); --border:var(--d-line); --accent:var(--d-teal); --teal-dark:var(--d-teal); --accent-soft:var(--d-mint); --control-border:var(--d-line); --header-glass:var(--d-glass); background:var(--d-paper); color:var(--d-ink); font-size:16px; line-height:1.7; }
body.design-2026 :is(h1,h2,h3) { color:var(--d-ink); font-weight:550; text-wrap:balance; }
body.design-2026 p { color:var(--d-muted); }
body.design-2026 .container { width:calc(100% - 96px); max-width:1280px; }
body.design-2026 >.topbar { height:32px; background:var(--d-paper); color:var(--d-muted); border-bottom:1px solid var(--d-line); font-size:9px; }
body.design-2026 .site-header { height:auto; border-color:var(--d-line); background:var(--d-glass); box-shadow:none; }
body.design-2026 .nav-wrap { min-height:86px; gap:22px; }
body.design-2026 .brand img { width:178px; }
body.design-2026 .site-header nav { font-size:12px; gap:22px; }
body.design-2026 .button { border-radius:100px; min-height:52px; background:var(--d-ink); color:var(--d-paper); padding:13px 25px; border:1px solid transparent; font-size:13px; box-shadow:none; }
body.design-2026 .button:hover { background:var(--d-teal); color:var(--d-paper); transform:translateY(-2px); }
body.design-2026 .button.outline { background:transparent; border-color:var(--d-line); color:var(--d-ink); }
body.design-2026 .button.small { min-height:44px; padding:10px 22px; }
body.design-2026 .text-link { color:var(--d-ink); border-color:var(--d-line); }
body.design-2026 :is(.theme-toggle,.language-toggle,.menu-toggle) { border:1px solid var(--d-line); background:transparent; color:var(--d-ink); box-shadow:none; }
body.design-2026 .theme-options { border-radius:20px; border-color:var(--d-line); padding:8px; box-shadow:0 18px 60px #071f2420; background:var(--d-panel); }
body.design-2026 .theme-option { min-height:46px; border-radius:12px; }
body.design-2026 .theme-icon { transition:transform .6s cubic-bezier(.2,.7,.2,1); }
html[data-theme="dark"] body.design-2026 .theme-icon { transform:rotate(-18deg); }
body.design-2026 .language-dialog { border-radius:24px; padding:30px; }
body.design-2026 .language-option { border-radius:12px; }
body.design-2026 .eyebrow { color:var(--d-muted); font-size:10px; letter-spacing:.14em; }
body.design-2026 .gold-line { background:var(--d-teal); width:30px; }
body.home-page.design-2026 .hero { background:var(--d-paper); padding:52px 0 80px; overflow:clip; }
body.home-page.design-2026 .hero::after { display:none; }
body.home-page.design-2026 .hero-grid { grid-template-columns:1fr 1.15fr; gap:30px; align-items:center; }
body.home-page.design-2026 .hero h1 { font-size:clamp(44px,5.3vw,77px); letter-spacing:-.055em; line-height:1.04; font-weight:520; max-width:14ch; margin:26px 0 25px; }
body.home-page.design-2026 .hero h1>span { margin-top:23px; font-size:clamp(24px,2.25vw,33px); line-height:1.25; color:var(--d-teal); max-width:24ch; letter-spacing:-.025em; }
body.home-page.design-2026 .hero-body { font-size:15px; line-height:1.85; max-width:48ch; }
body.home-page.design-2026 .hero-actions { margin-top:32px; gap:24px; }
body.home-page.design-2026 .hero-visual { min-height:0; aspect-ratio:auto; overflow:visible; border:0; border-radius:0; background:transparent; box-shadow:none; padding-top:12px; }
body.design-2026 .motion-scene { position:relative; min-width:0; isolation:isolate; --van-x:0px; --parcel-x:0px; --parcel-opacity:1; --route-draw:.25; --arrival-opacity:1; --wheel-angle:0deg; }
body.design-2026 svg.logistics-art { width:100%; height:auto; display:block; overflow:visible; fill:none; stroke:none; stroke-width:1.5; }
body.design-2026 .motion-toggle { position:absolute; right:12px; top:15px; z-index:3; width:40px; height:40px; border-radius:50%; background:var(--d-panel); border:1px solid var(--d-line); color:var(--d-ink); display:grid; place-items:center; }
body.design-2026 .motion-toggle::before { content:"Ⅱ"; font-size:16px; line-height:1; }
body.design-2026 .motion-toggle[aria-pressed="true"]::before { content:"▷"; }
body.design-2026 .motion-toggle:disabled { opacity:.45; cursor:default; }
body.design-2026 .scene-caption { display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--d-line); margin:0 24px; padding:18px 0; gap:20px; }
body.design-2026 .scene-caption p { font-size:12px; color:var(--d-muted); }
body.design-2026 .scene-caption .scene-index { font-size:36px; line-height:1; font-weight:450; color:var(--d-teal); letter-spacing:-.06em; }
/* Original vector illustration: separate objects, each choreographed independently. */
.logistics-art .art-halo { fill:var(--d-mint); opacity:.58; }
.logistics-art .art-grid { stroke:var(--d-line); stroke-width:1; opacity:.75; }
.logistics-art .art-orbit { stroke:var(--d-teal); opacity:.17; stroke-width:1; }
.logistics-art .art-route-dash { stroke-width:2; stroke-dasharray:5 12; }
.logistics-art .art-cloud { fill:var(--d-panel); stroke:var(--d-line); }
.logistics-art .art-building { fill:var(--d-panel); stroke:var(--d-line); }
.logistics-art .art-building-side { fill:var(--d-soft); stroke:var(--d-line); }
.logistics-art .art-door { fill:var(--d-mint); stroke:var(--d-line); }
.logistics-art .art-window { fill:var(--d-teal); opacity:.3; }
.logistics-art .art-fine { stroke:var(--d-teal); opacity:.27; }
.logistics-art .art-accent { fill:var(--d-teal); }
.logistics-art .art-star { stroke:var(--d-sun); }
.logistics-art .art-road-shadow { stroke:var(--d-line); stroke-width:45; stroke-linecap:round; }
.logistics-art .art-road { stroke:var(--d-soft); stroke-width:42; stroke-linecap:round; }
.logistics-art .art-road-line { stroke:var(--d-muted); opacity:.4; stroke-width:2; stroke-dasharray:10 18; }
.logistics-art .art-vehicle-shadow { fill:#123439; opacity:.12; }
.logistics-art .van-body { fill:#fff; stroke:#bdcfc9; stroke-width:2; }
.logistics-art .van-roof { fill:#e8f0eb; stroke:#bdcfc9; stroke-width:2; }
.logistics-art .van-cab { fill:#328f80; stroke:#227869; stroke-width:1.5; }
.logistics-art .van-glass { fill:#1a4249; stroke:#19434a; }
.logistics-art .van-windscreen { fill:#83c3ba; stroke:#287d72; }
.logistics-art .van-fine { stroke:#bdcfc9; stroke-width:1.5; }
.logistics-art .van-handle { stroke:#123e42; stroke-width:4; stroke-linecap:round; }
.logistics-art .van-light { fill:#ece8b0; stroke:#e5e1a5; }
.logistics-art .van-bumper { stroke:#23434a; stroke-width:8; fill:none; }
.logistics-art .van-brand-line { stroke:#479e8b; stroke-width:5; }
.logistics-art .van-wordmark { fill:#21444c; stroke:none; font:bold 32px Inter,sans-serif; letter-spacing:3px; }
.logistics-art .van-mirror { fill:#23434a; stroke:#23434a; stroke-width:3; }
.logistics-art .tyre { fill:#20373d; stroke:#142d34; stroke-width:2; }
.logistics-art .hub { fill:#d4dfda; stroke:#77908a; stroke-width:3; }
.logistics-art .spokes { stroke:#77908a; stroke-width:2; }
.logistics-art .hub-dot { fill:#40645d; }
.logistics-art .parcel-side { fill:#e4cda7; stroke:#bb9e73; }
.logistics-art .parcel-front { fill:#c7ab83; stroke:#bb9e73; }
.logistics-art .parcel-top { fill:#f1dfbd; stroke:#bb9e73; }
.logistics-art .parcel-tape { fill:#f9eed5; stroke:none; }
.logistics-art .art-spark { stroke:var(--d-teal); stroke-width:2; opacity:.55; }
.logistics-art .arrival-outer { fill:var(--d-teal); opacity:.12; }
.logistics-art .arrival-inner { fill:var(--d-teal); }
.logistics-art .art-arrival>path { stroke:var(--d-paper); stroke-width:3; fill:none; }
.logistics-art .route-base { stroke:var(--d-teal); opacity:.13; stroke-width:3; stroke-dasharray:4 8; }
.logistics-art .route-progress { stroke:var(--d-teal); stroke-width:3; stroke-dasharray:1; stroke-dashoffset:var(--route-draw); }
.logistics-art .route-origin { fill:var(--d-teal); stroke:var(--d-paper); stroke-width:4; }
.art-wheel { transform-box:fill-box; transform-origin:center; }
.art-vehicle { transform:translateX(var(--van-x)); }
.art-parcel { transform:translateX(var(--parcel-x)); opacity:var(--parcel-opacity); }
.art-arrival { opacity:var(--arrival-opacity); }
.journey-scene .art-wheel { transform:rotate(var(--wheel-angle)); }
.scene-running:not(.journey-scene) .cloud-one { animation:cloud-drift 13s ease-in-out infinite alternate; }
.scene-running:not(.journey-scene) .cloud-two { animation:cloud-drift 18s ease-in-out -5s infinite alternate-reverse; }
.scene-running:not(.journey-scene) .art-road-line { animation:road-travel 2s linear infinite; }
.scene-running:not(.journey-scene) .art-wheel { animation:wheel-turn 3s linear infinite; }
.scene-running:not(.journey-scene) .art-vehicle-body { animation:vehicle-suspension 2s ease-in-out infinite; }
.scene-running:not(.journey-scene) .parcel-a { animation:parcel-load 10s cubic-bezier(.3,0,.2,1) infinite; }
.scene-running:not(.journey-scene) .parcel-b { animation:parcel-load 10s cubic-bezier(.3,0,.2,1) 1s infinite; }
.scene-running:not(.journey-scene) .route-progress { animation:route-ink 10s ease-in-out infinite; }
.scene-running:not(.journey-scene) .art-arrival { animation:arrival-stamp 10s ease-in-out infinite; transform-origin:798px 184px; }
.scene-running:not(.journey-scene) .spark-one { animation:soft-spark 5s ease-in-out infinite; }
@keyframes cloud-drift{to{transform:translateX(28px)}}
@keyframes road-travel{to{stroke-dashoffset:-56}}
@keyframes wheel-turn{to{transform:rotate(360deg)}}
@keyframes vehicle-suspension{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes parcel-load{0%,8%{transform:translate(0,0);opacity:1}35%{transform:translate(135px,-4px);opacity:0}75%{transform:translate(135px,-4px);opacity:0}85%,100%{transform:translate(0,0);opacity:1}}
@keyframes route-ink{0%,12%{stroke-dashoffset:1}65%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}
@keyframes arrival-stamp{0%,55%{opacity:0;transform:scale(.6)}70%,88%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.9)}}
@keyframes soft-spark{0%,100%{opacity:.2;transform:translateY(0)}50%{opacity:.7;transform:translateY(-8px)}}
/* Services become editorial panels; the journey is a real scroll-linked drawing. */
body.home-page.design-2026 :is(.section,.home-about,.faq-section) { padding-block:86px; }
body.home-page.design-2026 .section-heading { margin-bottom:42px; align-items:end; }
body.home-page.design-2026 :is(.section-heading h2,.home-about h2,.faq-grid h2) { font-size:clamp(34px,3.7vw,52px); font-weight:500; line-height:1.13; }
body.design-2026 .service-grid { gap:24px; }
body.design-2026 .service-card { background:var(--d-panel); border:1px solid var(--d-line); border-radius:20px; padding:36px; box-shadow:none; }
body.design-2026 .service-card:hover { transform:translateY(-3px); border-color:var(--d-teal); }
body.design-2026 .service-card p { min-height:0; font-size:15px; line-height:1.8; }
body.design-2026 .service-card h3 { font-size:27px; line-height:1.2; }
body.design-2026 .service-card>a { padding-top:23px; margin-top:24px; border-color:var(--d-line); }
body.design-2026 .service-top { margin-bottom:26px; }
body.design-2026 .service-top svg { width:40px; height:40px; stroke:var(--d-teal); }
body.home-page.design-2026 .home-process { padding-top:34px; }
body.design-2026 .journey-heading { max-width:1280px; margin:0 auto 35px; }
body.design-2026 .journey-heading h2 { margin-top:18px; font-size:clamp(36px,4vw,55px); }
body.design-2026 .journey-layout { display:grid; grid-template-columns:1.1fr .9fr; gap:80px; align-items:start; }
body.design-2026 .journey-stage { position:sticky; top:135px; }
body.design-2026 .journey-stage .logistics-art { margin-top:10px; }
body.design-2026 .journey-meter { display:flex; justify-content:space-between; align-items:center; font-size:10px; letter-spacing:.12em; color:var(--d-muted); border-bottom:1px solid var(--d-line); padding:16px 0; }
body.home-page.design-2026 .home-steps { display:block; padding-bottom:25px; }
body.home-page.design-2026 .home-steps .journey-step { min-height:225px; padding:30px 0 36px; border-top:1px solid var(--d-line); border-bottom:0; opacity:.55; transition:opacity .35s; }
body.home-page.design-2026 .home-steps .journey-step.step-current { opacity:1; }
body.home-page.design-2026 .home-steps summary { padding:0; font-size:24px; font-weight:500; line-height:1.3; }
body.home-page.design-2026 .home-steps details>p { font-size:15px; line-height:1.85; padding:22px 0 0; margin:0; max-width:42ch; }
body.home-page.design-2026 .home-step-number { font-size:13px; padding-top:4px; }
body.home-page.design-2026 .tracking-strip { background:var(--d-soft); border:0; border-radius:20px; padding:30px; margin:0 auto 80px; }
body.home-page.design-2026 .route-section { background:var(--d-soft); color:var(--d-ink); padding-block:80px; border-block:1px solid var(--d-line); }
body.home-page.design-2026 .route-content :is(h2,p,.eyebrow){color:var(--d-ink)}
body.home-page.design-2026 .route-content p:not(.eyebrow){color:var(--d-muted)}
body.home-page.design-2026 .route-map { border-radius:20px; }
body.home-page.design-2026 .home-about { border:0; }
body.design-2026 .home-about-summary>p { font-size:19px; line-height:1.75; }
body.design-2026 .faq-list summary { color:var(--d-ink); font-size:16px; padding:23px 0; }
body.design-2026 .faq-list details { border-color:var(--d-line); }
body.design-2026 .faq-list details>p { font-size:15px; }
body.design-2026 .contact-section { background:var(--d-mint); color:var(--d-ink); padding:70px 0; border:0; }
body.design-2026 .contact-section :is(h2,h2 span,p,a,.eyebrow,.company-legal-note) { color:var(--d-ink); }
body.design-2026 .contact-section .button { background:var(--d-ink); color:var(--d-paper); border-color:var(--d-ink); }
body.design-2026 .contact-section .button.outline-light { background:transparent; color:var(--d-ink); border-color:var(--d-teal); }
body.design-2026 .contact-details { gap:30px; border-color:var(--d-line); }
body.design-2026 .contact-detail :is(a,p) { color:var(--d-ink); }
body.design-2026 .site-footer { background:var(--d-paper); padding-top:28px; }
body.design-2026 .footer-main { padding-block:28px; }
body.design-2026 .footer-bottom { padding-block:22px; border-color:var(--d-line); }
/* Every interior page participates, including quieter functional pages. */
body.design-2026 .page-banner { background:var(--d-paper); padding:55px 0 60px; border-bottom:1px solid var(--d-line); }
body.design-2026 .page-banner h1 { font-size:clamp(36px,4.5vw,63px); font-weight:500; line-height:1.12; max-width:22ch; }
body.design-2026 .page-banner p:not(.eyebrow) { font-size:16px; line-height:1.85; max-width:57ch; }
body.design-2026 .page-banner .banner-composition { display:grid; grid-template-columns:1fr .67fr; gap:50px; align-items:center; }
body.design-2026 .banner-art { max-width:420px; width:100%; justify-self:end; }
body.design-2026 .banner-art .art-vehicle { transform:translate(-12px,0); }
body.design-2026 .banner-art .motion-toggle { top:0; right:0; }
body.design-2026 .page-content { padding-block:48px 85px; }
body.design-2026 :is(.panel,.quote-aside,.card,.login-panel,.driver-shipment,.sharing-card) { border-radius:20px; border-color:var(--d-line); background:var(--d-panel); box-shadow:none; }
body.design-2026 .panel { padding:36px; }
body.design-2026 .quote-aside { padding:30px; color:var(--d-ink); background:var(--d-soft); }
body.design-2026 .quote-aside :is(h2,p,a,li,.eyebrow) { color:var(--d-ink); }
body.design-2026 .form-grid { gap:26px; }
body.design-2026 .field :is(input,textarea,select) { min-height:52px; border-radius:10px; padding:13px 15px; border:1px solid var(--d-line); color:var(--d-ink); background:var(--d-paper); font-size:15px; }
body.design-2026 .field label { font-size:13px; margin-bottom:9px; color:var(--d-ink); }
body.design-2026 .field :is(input,textarea,select):focus { outline:2px solid var(--d-teal); outline-offset:2px; border-color:var(--d-teal); }
body.design-2026 .form-section-label { padding-bottom:16px; border-bottom:1px solid var(--d-line); color:var(--d-teal); letter-spacing:.12em; }
body.design-2026 .consent { font-size:12px; line-height:1.8; }
body.design-2026 .refresh-fit { border-radius:0 12px 12px 0; background:var(--d-soft); }
body.design-2026 .prose { max-width:820px; }
body.design-2026 .prose h2 { font-size:26px; margin-top:40px; padding-top:12px; }
body.design-2026 .prose p,body.design-2026 .prose li { font-size:16px; line-height:1.9; }
body.design-2026 .prose .eyebrow { font-size:11px; margin-top:36px; }
body.design-2026 .steps-grid { gap:34px; }
body.design-2026 .steps-grid h3 { font-size:22px; }
body.design-2026 .steps-grid p { font-size:15px; line-height:1.8; }
body.design-2026 .about-art { border-radius:24px; background:var(--d-mint); box-shadow:none; }
body.design-2026 .about-copy p:not(.eyebrow) { font-size:16px; line-height:1.85; }
body.design-2026 .tracking-idle { border-radius:20px; border-color:var(--d-line); background:var(--d-soft); }
body.design-2026 .login-layout { gap:60px; padding-block:65px; }
body.design-2026 .login-layout h1 { font-size:clamp(36px,4.5vw,66px); }
body.design-2026 .operations-shell { background:var(--d-paper); }
body.design-2026 .driver-main { padding-top:35px; }
body.design-2026 .brand-hero { padding-block:65px; }
body.design-2026 .notice { border-radius:12px; }
/* Old reveal effects must not dim content while the illustrations tell the story. */
body.design-2026 .reveal { opacity:1!important; transform:none!important; filter:none!important; }
html[data-motion-paused="true"] body.design-2026 :is(.logistics-art *,.rn-traveller,.rn-route-active,.rn-hub-ring) { animation-play-state:paused!important; }
@media(min-width:1180px){body.design-2026 .nav-wrap{gap:16px}body.design-2026 .site-header nav{gap:19px}body.design-2026 .theme-control{width:44px;flex-basis:44px}}
@media(max-width:1050px){
 body.design-2026 .container{width:calc(100% - 56px)}
 body.home-page.design-2026 .hero-grid{grid-template-columns:1fr 1fr;gap:20px}
 body.home-page.design-2026 .hero h1{font-size:48px}
 body.home-page.design-2026 .hero h1>span{font-size:27px}
 body.design-2026 .journey-layout{gap:35px}
 body.design-2026 .page-banner .banner-composition{grid-template-columns:1fr .55fr;gap:20px}
}
@media(max-width:760px){
 body.design-2026 .container{width:calc(100% - 40px)}
 body.design-2026 .nav-wrap{min-height:76px;gap:10px}
 body.design-2026 .brand img{width:145px}
 body.home-page.design-2026 .hero{padding:32px 0 42px}
 body.home-page.design-2026 .hero-grid{grid-template-columns:1fr;gap:18px}
 body.home-page.design-2026 .hero h1{font-size:clamp(40px,10vw,62px);max-width:17ch;margin:20px 0}
 body.home-page.design-2026 .hero h1>span{font-size:27px;max-width:26ch;margin-top:16px}
 body.home-page.design-2026 .hero-body{max-width:58ch;font-size:15px}
 body.home-page.design-2026 .hero-actions{gap:14px;margin-top:24px}
 body.home-page.design-2026 .hero-visual{max-width:560px;justify-self:center;width:100%;padding:0}
 body.design-2026 .scene-caption{margin:0 12px;padding:12px 0}
 body.home-page.design-2026 :is(.section,.home-about,.faq-section){padding-block:52px}
 body.home-page.design-2026 .home-process{padding-top:10px}
 body.design-2026 .journey-layout{grid-template-columns:1fr;gap:20px}
 body.design-2026 .journey-stage{top:77px;z-index:2;background:var(--d-paper);margin-inline:-20px;padding-inline:20px;border-bottom:1px solid var(--d-line)}
 body.design-2026 .journey-stage .logistics-art{max-height:260px;margin:0 auto;width:auto;max-width:100%}
 body.design-2026 .journey-meter{padding:9px 0;font-size:9px}
 body.home-page.design-2026 .home-steps .journey-step{min-height:210px;padding:28px 0;opacity:.75}
 body.home-page.design-2026 .home-steps summary{font-size:22px}
 body.home-page.design-2026 .home-steps details>p{font-size:14px}
 body.home-page.design-2026 .tracking-strip{padding:23px;margin-bottom:48px}
 body.design-2026 .service-card{padding:28px;border-radius:17px}
 body.design-2026 .service-card h3{font-size:25px}
 body.home-page.design-2026 .route-section{padding-block:48px}
 body.design-2026 .contact-section{padding-block:48px}
 body.design-2026 .page-banner{padding:32px 0 40px}
 body.design-2026 .page-banner .banner-composition{grid-template-columns:1fr;gap:12px}
 body.design-2026 .page-banner h1{font-size:38px;max-width:25ch}
 body.design-2026 .page-banner p:not(.eyebrow){font-size:15px}
 body.design-2026 .banner-art{max-width:290px;justify-self:center;margin-top:8px}
 body.design-2026 .banner-art .logistics-art{max-height:185px}
 body.design-2026 .page-content{padding-block:30px 55px}
 body.design-2026 .panel{padding:26px 22px}
 body.design-2026 .form-grid{gap:22px}
 body.design-2026 .field :is(input,textarea,select){font-size:16px}
 body.design-2026 .prose p,body.design-2026 .prose li{font-size:15px;line-height:1.85}
 body.design-2026 .prose h2{font-size:24px;margin-top:30px}
 body.design-2026 .login-layout{gap:30px;padding-block:35px}
 body.design-2026 .home-about-summary>p{font-size:17px}
}
@media(max-width:380px){body.design-2026 .brand img{width:125px}body.design-2026 .nav-wrap{gap:7px}body.home-page.design-2026 .hero h1{font-size:38px}body.home-page.design-2026 .hero h1>span{font-size:24px}body.design-2026 .journey-stage .logistics-art{max-height:215px}}
@media(prefers-reduced-motion:reduce){body.design-2026 *,body.design-2026 *::before,body.design-2026 *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body.design-2026 .journey-stage{position:relative;top:auto}body.home-page.design-2026 .home-steps .journey-step{opacity:1;min-height:0;padding-block:24px}}
@media print{body.design-2026 :is(.motion-scene,.motion-toggle,.banner-art){display:none!important}body.design-2026 .journey-layout{display:block}body.design-2026 .journey-step{opacity:1!important;min-height:0!important}}
/* Document scenes draw a checklist before applying the delivery seal. */
body.design-2026 svg.document-art{display:block;width:100%;height:auto;fill:none;stroke:none;overflow:visible}
.document-art .doc-halo{fill:var(--d-mint);opacity:.6}
.document-art .doc-orbit{stroke:var(--d-teal);stroke-dasharray:4 10;opacity:.3}
.document-art .doc-sheet{transform:rotate(-5deg);transform-origin:300px 200px}
.document-art .doc-shadow{fill:var(--d-line);opacity:.6}
.document-art .doc-paper{fill:var(--d-panel);stroke:var(--d-line);stroke-width:2}
.document-art .doc-fold{fill:var(--d-soft);stroke:var(--d-line);stroke-width:2}
.document-art .doc-heading{stroke:var(--d-ink);stroke-width:6;stroke-linecap:round}
.document-art .doc-row rect{fill:var(--d-mint)}
.document-art .doc-check{stroke:var(--d-teal);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1}
.document-art .doc-line{stroke:var(--d-line);stroke-width:4;stroke-linecap:round}
.document-art .parcel-side{fill:#e4cda7;stroke:#bb9e73}
.document-art .parcel-front{fill:#c7ab83;stroke:#bb9e73}
.document-art .parcel-top{fill:#f1dfbd;stroke:#bb9e73}
.document-art .parcel-tape{fill:#f9eed5}
.document-art .doc-seal circle{fill:var(--d-teal)}
.document-art .doc-seal path{stroke:var(--d-paper);stroke-width:7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1}
.document-art .doc-dot{fill:var(--d-teal);stroke:var(--d-teal);stroke-width:2;opacity:.4}
.scene-running .doc-check{animation:document-check 8s ease infinite}
.scene-running .row-two .doc-check{animation-delay:.5s}
.scene-running .row-three .doc-check{animation-delay:1s}
.scene-running .doc-seal{animation:document-seal 8s ease infinite;transform-origin:435px 279px}
.scene-running .doc-box{animation:cloud-drift 7s ease-in-out infinite alternate}
@keyframes document-check{0%,12%{stroke-dashoffset:1}30%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}
@keyframes document-seal{0%,35%{opacity:0;transform:scale(.7) rotate(-12deg)}50%,90%{opacity:1;transform:scale(1) rotate(0deg)}100%{opacity:0;transform:scale(.9)}}
body.design-2026 .login-story{background:var(--d-soft);color:var(--d-ink);border:1px solid var(--d-line);border-radius:24px}
body.design-2026 .login-story :is(h1,p,.eyebrow){color:var(--d-ink)}
@media(max-width:680px){body.design-2026 .banner-art .document-art{max-height:185px}}
body.home-page.design-2026 .home-steps .journey-step{border:0;border-top:1px solid var(--d-line);border-radius:0;background:transparent;box-shadow:none;opacity:.82}
body.home-page.design-2026 .home-steps .journey-step.step-current{opacity:1}