/* Freight in motion. Original product pixels stay in the DOM, separate from WebGL. */
:root{--night:#080a0c;--amber:#ffb216;--paper:#f6f5f2;--muted:#a3a4a7;--line:#ffffff20;--route-progress:0}
html{scroll-padding-top:105px;scroll-behavior:smooth}
.experience-home{background:#080a0c;color:#f6f5f2;padding-bottom:62px}
.experience-home main,.experience-home .site-footer{position:relative;z-index:2}
.experience-home .wrap{width:min(1320px,calc(100% - 112px));max-width:1320px}
.experience-home .site-header{z-index:30;background:#080a0ceb;border-bottom:1px solid #ffffff17;backdrop-filter:blur(16px)}
.experience-home .button.amber{background:#ffb216;border-color:#ffb216;color:#0a0a0a}
.experience-home .button{border-radius:8px;font-weight:650;min-height:48px}
.freight-world{position:fixed;inset:80px 0 58px;z-index:0;pointer-events:none;overflow:clip}
#freight-canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity .6s}
.freight-world[data-ready=true] #freight-canvas{opacity:1}
.world-shade{position:fixed;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,#080a0c88,transparent 55%),linear-gradient(0deg,#080a0c60,transparent 35%,#080a0c22 70%,#080a0cb0)}
.road-fallback{position:absolute;inset:10% -20%;transform:perspective(650px) rotateX(62deg) rotateZ(-22deg);background:linear-gradient(90deg,transparent 30%,#1d1e20 30%,#1d1e20 69%,transparent 69%);border-block:1px solid #ffb21635;opacity:.3}
.road-fallback:after{content:"";position:absolute;inset:0 50%;width:3px;background:repeating-linear-gradient(0deg,#ffb216 0 32px,transparent 32px 60px)}
.freight-world[data-ready=true] .road-fallback{display:none}
.journey-rail{position:fixed;bottom:0;left:0;right:0;min-height:62px;z-index:31;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#0c0e10f5;backdrop-filter:blur(22px);border-top:1px solid #ffffff20;gap:20px}
.rail-id{font:600 10px/1.5 monospace;letter-spacing:.07em;display:flex;align-items:center;gap:8px;white-space:nowrap}.rail-id small{font-size:8px;color:#87898d;display:none}.journey-rail nav{display:flex;gap:20px}.journey-rail nav a{display:flex;gap:8px;align-items:center;text-decoration:none;color:#777a7e;font:11px monospace;min-height:52px}.journey-rail nav a span{font:500 12px/1.1 inherit}.journey-rail nav a.active{color:#ffb216}.journey-rail nav a.complete{color:#c1c2c4}.journey-rail nav a.active:before{content:"";width:5px;height:5px;border-radius:50%;background:#ffb216;box-shadow:0 0 12px #ffb216}.journey-rail button{border:1px solid #ffffff26;border-radius:6px;background:#16181b;color:#b9babc;font-size:10px;min-height:34px;padding:0 10px;white-space:nowrap}.rail-progress{position:absolute;left:0;right:0;top:-2px;height:2px;background:#ffffff0c}.rail-progress i{display:block;width:calc(var(--route-progress)*100%);height:100%;background:#ffb216;box-shadow:0 0 12px #ffb21670}
.hero-kicker{display:flex;align-items:center;gap:11px;letter-spacing:.15em;font-size:10px;color:#c0c1c5}.kicker-right{margin-left:auto;color:#84878b;font:10px monospace;letter-spacing:.1em}.route-hero{position:relative;min-height:calc(100svh - 80px);padding:38px 0 28px}.hero-layout{position:relative;min-height:660px;display:grid;grid-template-columns:44% 56%;align-items:center}.hero-message{position:relative;z-index:3;padding-bottom:75px}.hero-message h1{font-size:clamp(60px,6.4vw,97px);font-weight:500;letter-spacing:-.073em;line-height:1.02;margin:0 0 26px;max-width:650px}.route-hero em,.route-chapter em{font-style:normal;color:#ffb216}.hero-message>p{color:#a8aaaf;max-width:380px;font-size:17px;line-height:1.7;margin:0}.hero-actions{display:flex;align-items:center;gap:25px;margin:30px 0 15px}.quiet-link{font-size:13px;color:#e6e6e6;text-decoration:none;display:inline-flex;gap:18px;align-items:center;min-height:42px}.quiet-link:hover{color:#ffb216}.hero-message .small-note,.small-note{font-size:11px;line-height:1.7;color:#95979c}.hero-product{position:relative;height:570px;perspective:1600px;transform-style:preserve-3d;margin-right:-24px}.desktop-capture{position:absolute;left:0;top:67px;width:107%;border:1px solid #7d7f8355;border-radius:13px;padding:7px;background:linear-gradient(140deg,#484b50,#17191c 15%,#303236);box-shadow:0 35px 100px #000c;transform:perspective(1800px) rotateY(-9deg) rotateX(5deg) rotateZ(-1deg)}.desktop-capture:after{content:"";height:8px;position:absolute;left:-2%;right:-2%;bottom:-8px;border-radius:0 0 60% 60%;background:linear-gradient(#555960,#121315);border-bottom:1px solid #8e939933}.capture-title{display:flex;gap:8px;align-items:center;height:33px;font-size:11px;color:#d7d7d7}.capture-title .capture-status{margin-left:auto;font-size:7px;color:#94989e;letter-spacing:.09em}.screen-shot{padding:0;display:block;background:#000;border:0;position:relative;border-radius:inherit;color:#fff;cursor:default;max-width:100%;line-height:0;overflow:clip;text-align:left}.screen-shot img{width:100%;height:auto;display:block;image-rendering:auto}.screen-shot:focus-visible{outline:3px solid #ffb216;outline-offset:5px}.zoom-label{display:flex;position:absolute;left:12px;right:12px;bottom:12px;justify-content:space-between;align-items:center;border:1px solid #ffffff25;background:#161719eb;backdrop-filter:blur(6px);border-radius:6px;padding:12px;color:#ddd;font:10px/1.2 inherit;line-height:1.2;opacity:0;transform:translateY(5px);transition:.2s}.screen-shot:hover .zoom-label,.screen-shot:focus-visible .zoom-label{opacity:1;transform:none}.zoom-label b{color:#ffb216}.phone-frame{border:2px solid #9c9e9f;border-radius:42px;background:linear-gradient(110deg,#36383a,#111213 22%,#5b5b59 70%,#a3a4a2);padding:7px;position:relative;box-shadow:3px 2px 0 #565756,7px 4px 0 #161718,15px 35px 70px #000c;max-width:340px}.phone-frame .screen-shot{border:4px solid #030303;border-radius:32px}.phone-frame:before{content:"";position:absolute;z-index:2;width:27%;height:16px;border-radius:20px;background:#030303;left:36.5%;top:20px;pointer-events:none;box-shadow:inset 0 0 0 1px #161719}.phone-frame:after{content:"";position:absolute;left:-5px;top:100px;height:40px;width:3px;border-radius:2px;background:#727475;box-shadow:0 51px #727475}.hero-phone{position:absolute;width:210px;right:3%;top:210px;transform:perspective(1200px) rotateY(-8deg) rotateZ(4deg);z-index:2;border-radius:32px}.hero-phone .screen-shot{border-radius:24px}.hero-phone:before{height:11px;top:17px}.hero-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff24;padding-top:22px;gap:16px;position:relative;z-index:4}.hero-bottom p{font-size:12px;color:#cacbcd;margin:0}.hero-bottom a{font-size:9px;letter-spacing:.12em;display:flex;gap:24px;text-decoration:none;color:#b4b6ba}.hero-bottom>span{font:10px monospace;color:#777b80}
.route-chapter{position:relative;padding:100px 0 110px}.chapter-number{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff2a;padding:20px 0 60px;color:#c5c6c8;font:10px/1.6 monospace;letter-spacing:.07em}.chapter-number>span:last-child{color:#888c91;text-align:right}.chapter-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;min-height:720px}.chapter-grid.reverse .chapter-copy{grid-column:2;grid-row:1}.chapter-grid.reverse .chapter-visual{grid-column:1;grid-row:1}.chapter-copy{position:relative;padding:28px 0;z-index:2;text-shadow:0 2px 30px #080a0c}.chapter-copy .eyebrow,.route-chapter .eyebrow{font-size:10px;font-weight:500;letter-spacing:.13em;color:#acafb4;margin:0 0 23px}.route-chapter h2{font-size:clamp(45px,4.35vw,68px);line-height:1.06;letter-spacing:-.064em;font-weight:500;margin:0 0 26px}.chapter-copy>p:not(.eyebrow):not(.small-note){font-size:16px;line-height:1.8;color:#b1b3b8;max-width:435px}.feature-lines{padding:0;margin:30px 0;list-style:none;border-top:1px solid #ffffff20}.feature-lines li{padding:16px 0;border-bottom:1px solid #ffffff20;font-size:13px;color:#d4d5d7;display:flex;gap:17px}.feature-lines li span{color:#ffb216;font:11px monospace}.chapter-visual{position:relative;perspective:1500px;display:flex;justify-content:center;align-items:center;min-height:710px;transform-style:preserve-3d}.chapter-visual:before{content:"";position:absolute;inset:15% -10%;background:radial-gradient(ellipse,#ffb2160b,transparent 65%);pointer-events:none}.ai-visual>.screen-shot{width:310px;border:1px solid #626365;border-radius:32px;box-shadow:0 40px 100px #000b}.visual-caption{position:absolute;bottom:-5px;left:0;right:0;text-align:center;font-size:11px;line-height:1.7}.visual-caption b{display:block;color:#c9cbce;font-weight:500}.visual-caption span{font-size:9px;color:#94979d}.load-receipt{padding:20px 22px;border-left:2px solid #ffb216;background:#151719e8;margin:28px 0 15px;max-width:435px}.load-receipt>span{font:9px monospace;letter-spacing:.1em;color:#95979c}.load-receipt>strong{display:block;font-size:23px;font-weight:500;letter-spacing:-.04em;margin:12px 0 17px}.load-receipt i{font-style:normal;color:#ffb216;padding:0 13px}.load-receipt>div{display:flex;justify-content:space-between;font:11px monospace;color:#a4a7ad}.load-receipt b{font-weight:500;color:#ffb216}.paired-screens{gap:15px;align-items:flex-start;padding-top:25px}.android-frame{width:260px;flex-shrink:0;padding:5px;background:linear-gradient(100deg,#75787b,#181a1c 20%,#5a5d60);border-radius:28px;border:1px solid #8d9094;box-shadow:0 30px 65px #000a;overflow:clip}.android-frame .screen-shot{border-radius:21px}.secondary-phone{margin-top:110px;transform:translateZ(-50px);width:245px}.screen-footnote{position:absolute;bottom:-25px;left:0;right:0;font-size:10px;color:#9c9fa4;text-align:center;line-height:1.6}.handoff{display:flex;gap:12px;align-items:center;padding:20px 0;margin-bottom:15px}.handoff-avatar{height:40px;width:40px;border-radius:50%;display:grid;place-items:center;background:#ffb21628;color:#ffb216;font:11px monospace}.handoff div{display:grid;gap:4px;font-size:12px}.handoff div span{font-size:10px;color:#999da3}.handoff i{font-style:normal;color:#32cf62;margin-left:20px}.detention-visual>.screen-shot{width:410px;border-radius:27px;border:1px solid #4d4e51;box-shadow:0 25px 70px #000b}.detention-calculator,.profit-sample{margin:30px 0 20px;border:1px solid #ffffff20;background:#141619ee;border-radius:12px;padding:24px;box-shadow:0 20px 40px #0004}.tiny-label{font:9px/1.4 monospace;color:#969ba3;letter-spacing:.1em;display:block}.detention-calculator label,.profit-sample label{display:flex;justify-content:space-between;font-size:12px;color:#d7d9db;margin:20px 0 13px}.detention-calculator output,.profit-sample output{font:13px monospace;color:#ffb216}.detention-calculator input,.profit-sample input{width:100%;accent-color:#ffb216;cursor:pointer;margin:6px 0 18px;height:24px}.detention-calculator>div{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:10px;border-top:1px solid #ffffff17}.detention-calculator>div span{font-size:11px;color:#a4a8ad}.detention-calculator strong{font-size:33px;letter-spacing:-.05em;color:#ffb216}.detention-calculator small,.profit-sample>small{display:block;font-size:10px;line-height:1.7;color:#979ba2;margin-top:12px}.single-phone .phone-frame{width:305px}.paper-trail{margin-top:25px;max-width:370px}.paper-trail>span{display:flex;justify-content:space-between;padding:12px 0;font-size:12px;border-bottom:1px solid #ffffff1a;color:#c7cacf}.paper-trail b{font-weight:500;color:#34cc69}.paper-trail small{font-size:10px;color:#9ba0a5;display:block;margin-top:12px}.invoice-heading{display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:center}.invoice-heading>p{font-size:16px;line-height:1.8;color:#b0b4ba;max-width:440px}.invoice-composition{position:relative;margin-top:55px;min-height:520px;perspective:1600px}.billing-board{width:83%;padding:24px;border:1px solid #55585d;border-radius:12px;background:#0d0f12;box-shadow:0 45px 80px #0009;transform:rotateY(3deg) rotateX(4deg)}.billing-board>.tiny-label{margin-bottom:20px}.billing-board>.screen-shot{border:1px solid #ffffff13}.invoice-slip{position:absolute;right:0;top:130px;background:#ebebe7;color:#202327;padding:32px;width:370px;border-radius:4px;box-shadow:0 30px 80px #000a;transform:rotateZ(3deg)}.invoice-slip .tiny-label{color:#747a80;font-size:9px}.slip-title{display:flex;align-items:center;justify-content:space-between;margin:18px 0}.slip-title h3{font-size:24px;font-weight:500;letter-spacing:-.045em;margin:0}.slip-title>span{font-size:25px;color:#757575}.invoice-slip>p{font-size:11px;color:#6b6f72}.invoice-slip dl{margin:26px 0 20px}.invoice-slip dl>div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #bbb;font-size:12px}.invoice-slip dd{margin:0;font:12px monospace}.invoice-slip .slip-total{font-weight:650}.invoice-slip .slip-total dd{font-size:19px}.invoice-slip .button{width:100%;margin-top:10px;font-size:11px}.invoice-slip .attachment-line{font-size:9px;color:#45614d}.money-screens .phone-frame{width:300px;margin-left:-120px}.expenses-fragment{width:240px;position:absolute;right:-18px;top:185px;border:1px solid #73767c;border-radius:24px;overflow:clip;box-shadow:0 35px 60px #000d;transform:translateZ(60px) rotateZ(4deg)}.profit-equation{display:flex;justify-content:space-between;gap:15px}.profit-equation span{display:grid;gap:10px}.profit-equation small{font-size:10px;color:#a7abb0}.profit-equation b{font:19px monospace;font-weight:500}.net-result{margin-top:22px;padding-top:18px;border-top:1px solid #ffffff20;display:flex;align-items:center;justify-content:space-between}.net-result>span{font-size:13px;color:#ccc}.net-result small{display:block;font-size:10px;color:#6fbe8a;margin-top:8px}.net-result strong{font-size:44px;letter-spacing:-.05em;color:#35d26b;font-weight:500}.shop-heading{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0 120px;align-items:center}.shop-heading>.eyebrow{grid-column:1/-1}.shop-heading>p:last-child{color:#b0b4bb;font-size:16px;line-height:1.8;max-width:420px}.shop-screens{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;max-width:960px;margin:35px auto 0;perspective:1500px;align-items:start}.shop-screens figure{margin:0}.shop-screens figure:nth-child(2){margin-top:70px}.shop-screens figure:nth-child(3){margin-top:135px}.shop-screens .screen-shot{border:1px solid #63676d;border-radius:22px;box-shadow:0 30px 50px #000b}.shop-screens figcaption{padding:22px 0;color:#f1f1f1;font-size:14px;line-height:1.6}.shop-screens figcaption b{font-weight:500}.shop-screens figcaption span{display:block;color:#959ca6;font-size:10px;margin-top:5px}.apps-overview{background:linear-gradient(#080a0c05,#080a0ce0 40%,#080a0c05)}.app-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:50px 0 65px}.app-directory article{border-top:1px solid #6a6e7344;padding-top:25px}.app-directory article>span{font:9px monospace;letter-spacing:.08em;color:#acb0b6}.app-directory h3{font-size:27px;letter-spacing:-.045em;font-weight:500;margin:20px 0 14px}.app-directory p{font-size:13px;color:#a8aeb7;line-height:1.9;max-width:320px;min-height:125px}.app-directory a{display:block;color:#ffb216;font-size:12px;text-decoration:none;margin-top:20px}.app-directory small{display:block;margin-top:15px;font-size:10px;color:#9198a2;line-height:1.6}.automation-strip{border-block:1px solid #ffffff23;padding:32px 0;display:grid;grid-template-columns:1fr 1.7fr 1fr;gap:38px;align-items:center}.automation-strip .eyebrow{margin:0 0 12px}.automation-strip h3{font-size:28px;letter-spacing:-.04em;font-weight:500;margin:0;line-height:1.1}.automation-strip>p{font-size:13px;color:#acb1b9;line-height:1.8}.automation-strip>a{font-size:11px;justify-self:end}.integrations{text-align:center;padding:55px 0 0}.integrations>span{font:9px monospace;letter-spacing:.1em;color:#8c939d}.integrations>div{margin:20px 0;color:#d9dadb;font-size:17px;line-height:1.8}.integrations i{font-style:normal;color:#ffb216;padding:0 12px}.integrations>p{color:#8f98a3;font-size:10px;line-height:1.7}
.experience-home .pricing-section,.experience-home .faq-section{background:linear-gradient(90deg,#080a0ce6,#080a0cbb 80%,#080a0c66);position:relative}.experience-home .plan-card{background:#131517f5;border-color:#ffffff25}.experience-home .plan-card.pro{background:#1d1b16f2;border-color:#ffb21688}.experience-home .final-cta{background:#17140ccc;border-top:1px solid #ffb21644;color:#f6f5f2;padding:100px 0 120px;overflow:clip}.experience-home .final-cta h2{color:#ffb216}.experience-home .final-cta p{color:#b9b5ad}.experience-home .final-cta .eyebrow{color:#bbb6ad}.experience-home .final-cta .button{background:#ffb216;color:#111;border-color:#ffb216}.experience-home .site-footer{background:#080a0cf0}.cta-monogram{opacity:.04}
.screen-dialog{border:1px solid #4b5057;border-radius:12px;background:#0c0e10;color:#fff;padding:0 24px 24px;width:min(1100px,94vw);max-width:94vw;max-height:91svh;overflow:auto;box-shadow:0 40px 160px #000}.screen-dialog::backdrop{background:#000d;backdrop-filter:blur(10px)}.lightbox-bar{position:sticky;top:0;z-index:1;background:#0c0e10f5;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;border-bottom:1px solid #ffffff24}.lightbox-bar h2{font-size:15px;line-height:1.4;letter-spacing:-.02em;max-width:75%;margin:0}.screen-close{color:#eee;border:1px solid #ffffff30;background:#1d2024;border-radius:5px;min-height:40px;padding:0 14px;white-space:nowrap}.screen-dialog>p{font-size:11px;color:#9fa6b0;line-height:1.7;margin:18px 0}.screen-dialog>img{display:block;width:auto;max-width:100%;height:auto;max-height:none;margin:0 auto;max-width:min(100%,600px)}.screen-dialog[data-landscape=true]>img{width:100%;max-width:100%}.invoice-dialog{color:#eee;background:#141619;border:1px solid #61646a;max-width:calc(100vw - 30px)}.invoice-dialog::backdrop{background:#000c}
[data-depth]{--depth-y:0px;--depth-rx:0deg;--depth-ry:0deg;transform:perspective(1600px) translate3d(0,var(--depth-y),0) rotateX(var(--depth-rx)) rotateY(var(--depth-ry));will-change:transform}
:focus-visible{outline:2px solid #ffb216;outline-offset:5px}.consent-banner{bottom:78px!important;z-index:40!important}
@media(min-width:1650px){.hero-layout{min-height:740px}.hero-product{height:650px}.hero-phone{width:245px;top:225px}.hero-message{padding-bottom:90px}.rail-id small{display:block}}
@media(max-width:1150px){.experience-home .wrap{width:calc(100% - 70px)}.hero-message h1{font-size:68px}.hero-layout{min-height:630px}.hero-product{height:510px}.hero-phone{width:190px;right:3%;top:185px}.chapter-grid{gap:55px}.chapter-visual{min-height:660px}.paired-screens{gap:10px}.android-frame{width:220px}.secondary-phone{width:208px}.journey-rail{padding:0 20px;gap:12px}.journey-rail nav{gap:15px}.journey-rail nav a{font-size:9px;gap:5px}.hero-kicker{font-size:9px}.kicker-right{font-size:8px}.money-screens .phone-frame{width:275px;margin-left:-65px}.expenses-fragment{width:210px;right:-10px}.shop-screens{gap:40px}.app-directory{gap:25px}.invoice-heading{gap:65px}.invoice-slip{top:110px}}
@media(max-width:900px){.experience-home .wrap{width:calc(100% - 48px)}.experience-home .site-header{height:72px}.freight-world{top:72px}.kicker-right{display:none}.hero-layout{display:block;padding-top:45px;min-height:0}.hero-message{padding-bottom:0}.hero-message h1{font-size:clamp(56px,9vw,80px);max-width:100%}.hero-message>p{max-width:430px;font-size:15px}.hero-product{height:580px;width:90%;margin:0 auto;max-width:650px}.desktop-capture{top:60px;width:96%}.hero-phone{width:218px;top:200px;right:0}.hero-bottom{padding-bottom:14px}.hero-bottom>span{display:none}.route-hero{padding-top:28px}.chapter-grid,.invoice-heading{gap:40px}.chapter-grid{min-height:0}.chapter-copy>p:not(.eyebrow):not(.small-note){font-size:14px}.route-chapter h2{font-size:45px}.chapter-visual{min-height:615px}.chapter-number{padding-bottom:35px;font-size:9px}.chapter-number>span:last-child{max-width:45%;font-size:8px}.feature-lines li{font-size:11px;padding:13px 0}.paired-screens{align-items:center;min-height:600px}.paired-screens .android-frame{width:225px}.paired-screens .secondary-phone{display:none}.single-phone .phone-frame{width:260px}.money-screens .phone-frame{width:240px;margin:0}.expenses-fragment{display:none}.detention-visual>.screen-shot{max-width:100%;width:340px}.detention-calculator,.profit-sample{padding:18px}.load-receipt{padding:18px}.load-receipt>strong{font-size:21px}.load-receipt>div{font-size:9px;gap:10px}.invoice-slip{width:320px;top:110px;padding:25px}.billing-board{width:100%;padding:15px}.invoice-composition{min-height:490px}.invoice-heading>p{font-size:14px}.shop-heading{gap:0 45px}.shop-heading>p:last-child{font-size:14px}.shop-screens{gap:20px}.shop-screens figcaption{font-size:12px}.shop-screens figcaption span{font-size:9px}.app-directory{gap:23px}.app-directory h3{font-size:23px}.app-directory p{font-size:11px;min-height:160px}.app-directory article>span{font-size:8px}.automation-strip{grid-template-columns:1fr 2fr}.automation-strip>a{grid-column:2;justify-self:start;margin-top:-25px}.journey-rail .rail-id{display:none}.journey-rail nav{justify-content:space-between;flex:1;gap:8px}.journey-rail button{font-size:9px;padding:0 7px}.hero-actions{margin:24px 0 14px}.route-chapter{padding-top:70px;padding-bottom:80px}}
@media(max-width:600px){html{scroll-padding-top:86px}.experience-home .wrap{width:calc(100% - 40px)}.experience-home .site-header{height:66px}.experience-home .site-header .wordmark{font-size:22px}.experience-home .site-header .wordmark img{width:29px;height:29px}.experience-home .header-actions .button{font-size:10px;padding:9px 11px;min-height:36px}.freight-world{inset:66px 0 57px}.world-shade{background:linear-gradient(90deg,#080a0c9c,#080a0c50),linear-gradient(0deg,#080a0c22,#080a0c66)}.route-hero{padding-top:25px}.hero-kicker{font-size:8px;letter-spacing:.11em;gap:9px}.hero-layout{padding-top:40px}.hero-message h1{font-size:clamp(50px,12vw,70px);line-height:1.02;letter-spacing:-.07em;margin-bottom:23px}.hero-message>p{font-size:14px;line-height:1.8;max-width:345px}.hero-actions{gap:25px;margin:25px 0 12px}.hero-actions .button{font-size:12px;padding:13px 18px}.hero-actions .quiet-link{font-size:11px}.hero-message .small-note{font-size:10px}.hero-product{width:100%;height:395px;margin:5px 0 0}.desktop-capture{top:45px;left:0;width:102%;padding:4px;border-radius:8px;transform:perspective(800px) rotateY(-5deg) rotateX(5deg)}.capture-title{font-size:8px;height:25px;gap:5px}.capture-title img{width:14px;height:14px}.capture-status{display:none}.hero-phone{width:150px;top:118px;right:3%;border-radius:27px;padding:4px}.hero-phone .screen-shot{border-radius:20px;border-width:3px}.hero-phone:before{top:13px;height:8px}.hero-phone:after{height:28px;top:60px;box-shadow:0 34px #727475}.hero-bottom{align-items:flex-start;gap:14px;padding-top:18px}.hero-bottom p{font-size:9px;max-width:125px;line-height:1.7}.hero-bottom a{font-size:7px;max-width:150px;line-height:1.7;gap:10px}.chapter-number{font-size:8px;padding-top:18px;padding-bottom:35px}.chapter-number>span:last-child{font-size:7px;max-width:46%;letter-spacing:0}.route-chapter{padding-top:55px;padding-bottom:55px}.chapter-grid{display:flex;flex-direction:column;gap:32px;align-items:stretch}.chapter-grid.reverse .chapter-copy{order:0}.chapter-grid.reverse .chapter-visual{order:1}.chapter-copy{padding:0}.route-chapter h2{font-size:clamp(39px,10vw,50px);line-height:1.08;letter-spacing:-.06em;margin-bottom:22px}.chapter-copy .eyebrow,.route-chapter .eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:20px}.chapter-copy>p:not(.eyebrow):not(.small-note){font-size:14px;line-height:1.8;max-width:100%}.feature-lines{margin:24px 0}.feature-lines li{font-size:12px;padding:14px 0}.load-receipt{padding:20px}.load-receipt>strong{font-size:22px}.load-receipt>div{font-size:10px}.chapter-copy .small-note{font-size:10px}.chapter-visual{min-height:0;padding:10px 0 40px;margin-top:10px}.ai-visual>.screen-shot{width:min(100%,300px)}.visual-caption{bottom:0;font-size:10px}.visual-caption span{font-size:9px}.paired-screens{gap:13px;padding:20px 0 40px}.paired-screens .android-frame{width:calc(52% - 7px)}.paired-screens .secondary-phone{display:block;width:calc(48% - 7px);margin-top:80px}.android-frame{padding:3px;border-radius:20px}.android-frame .screen-shot{border-radius:16px}.screen-footnote{bottom:0;font-size:9px;position:absolute}.detention-visual{padding:0 0 50px}.detention-visual>.screen-shot{width:min(100%,360px);border-radius:24px}.detention-calculator,.profit-sample{padding:23px;margin:24px 0 16px}.detention-calculator label,.profit-sample label{font-size:12px}.single-phone .phone-frame{width:280px}.invoice-heading{display:block}.invoice-heading>p{font-size:14px;line-height:1.8}.invoice-composition{margin-top:30px;min-height:565px}.billing-board{padding:9px}.billing-board>.tiny-label{font-size:7px;margin-bottom:10px;line-height:1.7}.invoice-slip{top:155px;width:90%;right:1%;padding:25px;transform:rotateZ(2deg)}.money-screens .phone-frame{width:280px}.expenses-fragment{display:none}.shop-heading{display:block}.shop-heading>p:last-child{font-size:14px;line-height:1.8}.shop-screens{display:flex;gap:20px;overflow-x:auto;margin:35px -20px 0;padding:12px 35px 20px;scroll-snap-type:x mandatory;align-items:start}.shop-screens figure{flex:0 0 78%;max-width:290px;scroll-snap-align:center}.shop-screens figure:nth-child(2),.shop-screens figure:nth-child(3){margin-top:0}.shop-screens .screen-shot{border-radius:22px}.shop-screens figcaption{font-size:14px;padding-top:19px}.shop-screens figcaption span{font-size:10px}.app-directory{grid-template-columns:1fr;gap:27px;margin:35px 0}.app-directory article>span{font-size:9px}.app-directory h3{font-size:29px;margin:17px 0 12px}.app-directory p{font-size:13px;max-width:none;min-height:0}.app-directory a{font-size:12px;margin-top:15px}.app-directory small{font-size:10px}.automation-strip{display:block;padding:27px 0}.automation-strip h3{font-size:30px}.automation-strip>p{font-size:13px;line-height:1.85;margin:22px 0 15px}.automation-strip>a{margin:0;font-size:12px}.integrations{padding-top:35px}.integrations>div{font-size:16px;line-height:2.1}.integrations i{padding:0 8px}.integrations>p{font-size:10px}.journey-rail{min-height:58px;padding:0 10px;gap:10px;align-items:center}.journey-rail nav{gap:0}.journey-rail nav a{font-size:0;gap:0;flex-direction:column;justify-content:center;min-width:40px;min-height:52px;position:relative}.journey-rail nav a span{font-family:inherit;font-size:8px;font-weight:500;line-height:1.4}.journey-rail nav a:before{content:"";height:4px;width:4px;background:#4e5157;border-radius:50%;display:block;margin-bottom:7px}.journey-rail nav a.active:before{height:4px;width:4px;margin-bottom:7px}.journey-rail nav a.complete:before{background:#b5a77b}.journey-rail button{font-size:0;min-width:27px;min-height:34px;padding:0 6px}.journey-rail button:after{content:'Ⅱ';font-size:11px}.journey-rail button[aria-pressed=true]:after{content:'▶';font-size:10px}.rail-progress{top:-1px;height:1px}.screen-dialog{padding:0 14px 20px;max-width:95vw;width:95vw;max-height:90svh}.lightbox-bar h2{font-size:11px}.screen-close{font-size:10px;padding:0 9px}.screen-dialog>p{font-size:10px}.experience-home .final-cta{padding:70px 0 80px}.consent-banner{bottom:70px!important}[data-depth]{will-change:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}[data-depth]{transform:none!important}.hero-phone,.desktop-capture,.billing-board,.invoice-slip{transform:none!important}}
html[data-motion=paused]{scroll-behavior:auto}html[data-motion=paused] [data-depth]{transform:none!important}
/* Review refinements: keep the entire desktop capture in bounds and the phone in front. */
.hero-product{transform-style:flat;margin-right:0}
.desktop-capture{width:98%;z-index:1}
.hero-phone{z-index:5;top:168px;right:0;transform:perspective(1200px) rotateY(-6deg) rotateZ(3deg)}
@media(min-width:1650px){.hero-phone{top:200px}}
@media(max-width:1150px){.hero-phone{top:160px}}
@media(max-width:900px){.hero-phone{top:165px}}
@media(max-width:600px){.desktop-capture{width:98%}.hero-phone{top:110px}}
.experience-home .site-header{position:sticky;top:0}
.experience-home main{overflow-x:clip}
.expenses-fragment{right:20px}
@media(max-width:1150px){.expenses-fragment{right:0}}
.gallery-controls{display:flex;position:absolute;left:0;right:0;bottom:-14px;justify-content:center;gap:8px;z-index:3}
.gallery-controls button{padding:9px 16px;min-height:36px;border:1px solid #ffffff27;border-radius:6px;background:#181b1f;color:#aeb4bb;font-size:10px}
.gallery-controls button[aria-pressed=true]{background:#ffb216;color:#111;border-color:#ffb216}
.money-screens .screen-footnote{bottom:-47px}.money-screens{padding-bottom:22px}
@media(max-width:600px){.money-screens{padding-bottom:70px}.money-screens .gallery-controls{bottom:22px}.money-screens .screen-footnote{bottom:0}}
.world-shade{background:linear-gradient(90deg,#080a0ce3 0%,#080a0cc0 28%,#080a0c25 65%,#080a0c05),linear-gradient(0deg,#080a0c30,transparent 35%,#080a0c22 70%,#080a0ca0)}
html[data-copy-side=right] .world-shade{background:linear-gradient(270deg,#080a0ce3 0%,#080a0cc0 28%,#080a0c25 65%,#080a0c05),linear-gradient(0deg,#080a0c30,transparent 35%,#080a0c22 70%,#080a0ca0)}
@media(max-width:600px){.world-shade,html[data-copy-side=right] .world-shade{background:linear-gradient(0deg,#080a0c70,#080a0cd0 70%,#080a0cf0)}}
/* Keep gallery controls on a flat interaction plane, clear of device layers. */
.money-screens{transform-style:flat;min-height:790px}
.money-screens .phone-frame{margin-left:0;width:320px}
.expenses-fragment{display:none}
.money-screens .gallery-controls{bottom:0}
.money-screens .screen-footnote{bottom:-28px}
@media(max-width:900px){.money-screens{min-height:680px}.money-screens .phone-frame{width:270px}}
@media(max-width:600px){.money-screens{min-height:0;padding-bottom:70px}.money-screens .phone-frame{width:280px}.money-screens .gallery-controls{bottom:22px}.money-screens .screen-footnote{bottom:0}}
/* Native wheel/touch scrolling; milestone links jump directly to their content. */
html{scroll-behavior:auto}
.screen-shot{width:100%}
.zoom-label{font-family:inherit;font-size:10px;line-height:1.2}
@media(max-width:600px){.shop-screens{transform:none!important}.shop-screens img{aspect-ratio:1280 / 2856}}
.experience-home .button.outline{background:#1d2023;border-color:#46494d}
.experience-home .pricing-calculator{background:#191c1ff2}
.experience-home .truck-stepper{background:#101214;border-color:#3d4145}
@media(max-width:360px){.hero-actions{gap:18px}.hero-actions .button{font-size:11px;gap:18px;padding:12px 15px;white-space:nowrap;min-width:0}.hero-actions .quiet-link{font-size:10px;gap:8px;white-space:nowrap}.journey-rail nav a{min-width:34px}.journey-rail nav a span{font-size:7px}.journey-rail nav{gap:3px}}

/* Freight film: full-viewport scenes leave room for the physical action. */
.scene-pass{min-height:112svh;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:85px 0 75px;isolation:isolate}
.scene-pass.scene-long{min-height:170svh}
.scene-copy{position:relative;z-index:3;pointer-events:none}
.scene-copy .eyebrow{color:#b6bbc0;font-size:10px;letter-spacing:.15em;margin-bottom:21px}
.scene-copy h2{font-size:clamp(43px,4.8vw,74px);line-height:1.035;letter-spacing:-.065em;font-weight:500;margin:0 0 20px;text-shadow:0 3px 35px #0008;max-width:550px}
.scene-copy h2 em{color:#ffb216;font-style:normal}
.scene-copy>p:not(.eyebrow){max-width:350px;color:#b2b9bd;font-size:14px;line-height:1.8;text-shadow:0 1px 10px #000}
.scene-events{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px;max-width:470px}
.scene-events span{padding:8px 11px;border:1px solid #ffffff24;background:#0a0e12bc;border-radius:4px;color:#bdc2c6;font:9px/1.4 monospace}
.scene-events span:first-child{color:#ffc55c;border-color:#ffb21650}
.scene-scroll{display:flex;justify-content:space-between;position:relative;z-index:2;color:#969fa7;font:9px monospace;letter-spacing:.08em;padding-top:20px;border-top:1px solid #ffffff25}
.story-caption{position:fixed;z-index:4;right:32px;bottom:90px;width:345px;border-left:2px solid #ffb216;padding:15px 18px;background:linear-gradient(100deg,#090d12ee,#090d12b8);backdrop-filter:blur(10px);pointer-events:none;opacity:0;transform:translateY(12px);transition:opacity .35s,transform .35s}
.story-caption>span{display:block;font:9px monospace;letter-spacing:.07em;color:#ffbe43;margin-bottom:9px}
.story-caption strong{display:block;font-size:16px;line-height:1.4;color:#ecece8;font-weight:500;letter-spacing:-.025em}
.story-caption p{margin:7px 0 0;font-size:10px;line-height:1.65;color:#a3adb5}
html[data-scene-focus=true] .story-caption{opacity:1;transform:none}
html[data-copy-side=scene] .world-shade{background:linear-gradient(180deg,#080b0eb8,transparent 46%,#080b0e15 76%,#080b0e55),linear-gradient(90deg,#080b0e8c,transparent 48%)}
.world-shade{transition:background .6s}
/* iPhone 17 Pro Max: aluminum unibody, thin black bezel, island and side controls.
   Captures remain lossless, uncropped and available in the original-screen viewer. */
.phone-frame{--tilt-x:0deg;--tilt-y:0deg;--device-rz:0deg;--device-ry:0deg;position:relative;box-sizing:border-box;padding:6px;border:1px solid #adb3b9;border-radius:13.5% / 6.45%;background:linear-gradient(105deg,#e0e2e3 0%,#777d82 2%,#d8dddf 3%,#303539 7%,#62686c 84%,#dfe5e7 98%,#626a72);box-shadow:inset 0 0 0 1px #ffffff75,2px 1px 0 #363e44,4px 2px 0 #10161c,6px 3px 0 #636c73,12px 23px 45px #0009;transform:perspective(1400px) rotateX(var(--tilt-x)) rotateY(calc(var(--device-ry) + var(--tilt-y))) rotateZ(var(--device-rz));transition:transform .45s cubic-bezier(.2,.75,.2,1),box-shadow .4s;transform-style:flat}
.phone-frame .screen-shot{border:3px solid #030405;border-radius:12% / 5.9%;overflow:hidden;background:#000;aspect-ratio:1320 / 2868}
.phone-frame .screen-shot img{width:100%;height:100%;object-fit:contain;background:#000}
.phone-frame:before{content:"";position:absolute;z-index:3;top:3.25%;left:36%;width:28%;height:2.75%;border-radius:50px;background:radial-gradient(circle at 84% 50%,#152639 0 5%,#08090d 7% 12%,transparent 13%),#020204;border:1px solid #181a1c;box-shadow:0 1px 1px #ffffff09;pointer-events:none}
.phone-frame:after{content:"";position:absolute;left:-3px;top:18%;height:6%;width:2px;border-radius:2px;background:linear-gradient(#c7cdd0,#515b61);box-shadow:0 44px 0 #848c91,0 -42px 0 #747c82;pointer-events:none}
.device-edge{position:absolute;right:-3px;top:28%;width:2px;height:10%;border-radius:2px;background:linear-gradient(#abb4ba,#4c5861);pointer-events:none;box-shadow:0 100px 0 #768089}
.device-sheen{position:absolute;inset:4px;z-index:3;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at var(--glare-x,20%) var(--glare-y,0%),#d9e7ff0b,transparent 62%);mix-blend-mode:screen}
.hero-phone{--device-ry:-7deg;--device-rz:3deg;width:225px;top:175px;right:0;border-radius:13.5% / 6.45%;transform:perspective(1400px) rotateX(var(--tilt-x)) rotateY(calc(-7deg + var(--tilt-y))) rotateZ(3deg)}
.hero-phone .screen-shot{border-radius:12% / 5.9%}
.hero-phone:before{top:3.5%;height:2.65%}
.ai-visual .phone-frame{width:316px}
.detention-visual .phone-frame{width:332px}
.sheet-phone .screen-shot{display:flex;align-items:flex-end;background:#000}
.sheet-phone .screen-shot img{height:auto;object-fit:contain;max-height:100%}
.ai-visual,.detention-visual{min-height:775px}
.paired-screens .phone-frame{width:260px;flex-shrink:0;--device-ry:5deg;--device-rz:-2deg}
.paired-screens .secondary-phone{width:245px;--device-ry:-8deg;--device-rz:3deg;margin-top:102px}
.phone-frame:hover{box-shadow:inset 0 0 0 1px #ffffff75,2px 1px 0 #363e44,4px 2px 0 #10161c,6px 3px 0 #7b858f,18px 35px 65px #000b}
/* A floating Mac display only: no keyboard, laptop deck, stand or pedestal. */
.mac-frame{--tilt-x:0deg;--tilt-y:0deg;position:relative;background:linear-gradient(120deg,#c3cbd1,#495159 3%,#171b20 7%,#0b0d10 90%,#73818b);border:1px solid #aebcc574;border-radius:13px;padding:10px;box-shadow:inset 0 0 0 1px #07090b,3px 3px 0 #262c33,6px 5px 0 #3c4650,0 35px 75px #000a;transform:perspective(1800px) rotateX(calc(4deg + var(--tilt-x))) rotateY(calc(-8deg + var(--tilt-y))) rotateZ(-1deg);transition:transform .45s cubic-bezier(.2,.75,.2,1)}
.desktop-capture.mac-frame{position:absolute;top:55px;width:98%;left:0}
.desktop-capture:after{content:none}
.mac-frame .screen-shot{border:3px solid #040608;border-radius:5px}
.capture-title{height:26px;font-size:9px;padding:0 4px 5px}
.capture-title .capture-status{font-size:6px}
.billing-board.mac-frame{transform:perspective(1800px) rotateX(calc(4deg + var(--tilt-x))) rotateY(calc(5deg + var(--tilt-y)));padding:13px}
.shop-screens figure>.screen-shot{--tilt-x:0deg;--tilt-y:0deg;border:5px solid #292e33;outline:1px solid #8a9299;border-radius:25px;box-shadow:3px 3px 0 #626a71,0 26px 60px #0009;transform:perspective(1300px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .45s cubic-bezier(.2,.75,.2,1)}
.shop-screens .screen-shot:before{content:"";position:absolute;z-index:3;top:1.4%;left:48.5%;height:1%;aspect-ratio:1;border-radius:50%;background:#040407;box-shadow:0 0 0 2px #161c22;pointer-events:none}
@media(min-width:1500px){.scene-copy>p:not(.eyebrow){max-width:420px}.hero-phone{width:242px}}
@media(max-width:1150px){.paired-screens .phone-frame{width:220px}.paired-screens .secondary-phone{width:195px}.hero-phone{width:205px}.ai-visual,.detention-visual{min-height:725px}}
@media(max-width:900px){.paired-screens .phone-frame{width:240px}.paired-screens .secondary-phone{display:none}.story-caption{right:22px;width:290px}.scene-pass{min-height:120svh}.mac-frame{padding:7px}.ai-visual .phone-frame{width:280px}.detention-visual .phone-frame{width:280px}}
@media(max-width:600px){.scene-pass{padding:58px 0 45px;min-height:140svh}.scene-pass.scene-long{min-height:190svh}.scene-copy h2{font-size:clamp(41px,11vw,57px);max-width:320px}.scene-copy .eyebrow{font-size:8px}.scene-copy>p:not(.eyebrow){max-width:310px;font-size:12px}.scene-events{gap:6px;max-width:320px}.scene-events span{font-size:8px;padding:7px 9px}.scene-scroll{font-size:7px;gap:20px;line-height:1.7}.scene-scroll span:last-child{text-align:right}.story-caption{left:20px;right:20px;bottom:77px;width:auto;padding:11px 13px;background:#090d12dc}.story-caption strong{font-size:13px}.story-caption>span{font-size:8px;margin-bottom:6px}.story-caption p{font-size:9px;line-height:1.6}.phone-frame{padding:5px}.hero-phone{width:153px;top:107px;right:1%;border-radius:13.5% / 6.45%}.hero-phone:before{top:4%}.hero-phone:after{top:18%;height:6%;box-shadow:0 24px 0 #848c91,0 -22px 0 #747c82}.device-edge{box-shadow:0 60px #768089}.desktop-capture.mac-frame{top:39px;padding:5px}.capture-title{height:23px;font-size:8px}.mac-frame .screen-shot{border-width:2px}.ai-visual,.detention-visual{min-height:0;padding:10px 0 53px}.ai-visual .phone-frame,.detention-visual .phone-frame{width:min(90%,290px)}.paired-screens .phone-frame{width:calc(52% - 7px);padding:3px}.paired-screens .secondary-phone{display:block;width:calc(48% - 7px);margin-top:70px}.paired-screens .phone-frame .screen-shot{border-width:2px}.paired-screens .phone-frame:before{top:3.5%}.paired-screens .phone-frame:after{width:1px;left:-2px;box-shadow:0 25px #848c91,0 -23px #747c82}.paired-screens .device-edge{width:1px;right:-2px;box-shadow:0 60px #768089}.shop-screens figure>.screen-shot{transform:none!important}html[data-copy-side=scene] .world-shade{background:linear-gradient(180deg,#080b0ee8,transparent 53%,#080b0e12 75%,#080b0e72)}}
@media(prefers-reduced-motion:reduce){.phone-frame,.mac-frame,.shop-screens figure>.screen-shot{transform:none!important}.scene-pass,.scene-pass.scene-long{min-height:75svh}.device-sheen{display:none}}
html[data-motion=paused] .phone-frame,html[data-motion=paused] .mac-frame,html[data-motion=paused] .shop-screens figure>.screen-shot{transform:none!important}

.hero-phone{position:absolute}
.scene-guide{position:relative;margin-left:auto;flex:0 0 auto}.scene-guide summary{font:10px/1.4 monospace;color:#a9b2b8;cursor:pointer;list-style:none;padding:10px 12px;border:1px solid #ffffff26;border-radius:6px}.scene-guide summary::-webkit-details-marker{display:none}.scene-guide summary span{color:#ffb216;margin-left:7px}.scene-guide-panel{position:absolute;bottom:48px;right:0;width:320px;padding:22px;background:#10151bf7;border:1px solid #ffffff2c;border-radius:10px;box-shadow:0 15px 50px #0009;backdrop-filter:blur(18px)}.scene-guide-panel>p{font:10px monospace;color:#ffb216;margin:0 0 13px;letter-spacing:.1em}.journey-rail .scene-guide-panel nav{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.journey-rail .scene-guide-panel nav a{font:10px/1.5 monospace;color:#ced2d6;min-height:35px;display:flex;border-bottom:1px solid #ffffff13}.journey-rail .scene-guide-panel nav a:hover{color:#ffb216}.scene-guide-panel label{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#bbc4cb;margin:20px 0 10px}.scene-guide-panel output{color:#ffb216;font:10px monospace}.scene-guide-panel input{accent-color:#ffb216;width:100%;height:24px;cursor:pointer}.scene-guide-panel small{font-size:9px;line-height:1.5;display:block;color:#86939d;margin-top:8px}
@media(max-width:1150px){.journey-rail{gap:12px;padding-inline:22px}.journey-rail nav{gap:12px}.rail-id{display:none}}
@media(max-width:600px){.scene-guide summary{font-size:8px;padding:9px 6px}.scene-guide summary span{display:none}.journey-rail{padding-inline:9px;gap:7px}.journey-rail nav a{min-width:34px}.scene-guide-panel{position:fixed;bottom:73px;left:14px;right:14px;width:auto;padding:18px}.journey-rail .scene-guide-panel nav a{font-size:10px;flex-direction:row;justify-content:flex-start}.journey-rail .scene-guide-panel nav a:before{display:none}}
@media(max-width:360px){.journey-rail nav a{min-width:31px}.scene-guide summary{font-size:7px;padding-inline:4px}.journey-rail{gap:4px;padding-inline:5px}.journey-rail>nav{gap:1px}}

/* Reference-led refinements: a correctly proportioned 14-inch Mac display,
   a smaller foreground iPhone, and actual letter-format sample paperwork. */
.mac-frame,.phone-frame,.shop-screens figure>.screen-shot{user-select:none}
.screen-shot img{-webkit-user-drag:none}
.screen-controls{display:flex;gap:8px;flex-shrink:0}.screen-controls button{color:#eee;border:1px solid #ffffff30;background:#1d2024;border-radius:5px;min-height:40px;padding:0 13px;white-space:nowrap;cursor:pointer}.screen-controls button[aria-pressed=true]{color:#ffc052;border-color:#ffb21670}
.screen-image-viewport{overflow:auto;max-height:calc(91svh - 160px);overscroll-behavior:contain;border:1px solid #ffffff12;background:#000}.screen-image-viewport:focus-visible{outline:2px solid #ffb216;outline-offset:3px}.screen-image-viewport img{display:block;width:auto;max-width:min(100%,600px);height:auto;margin:0 auto}.screen-dialog[data-landscape=true] .screen-image-viewport img{width:100%;max-width:100%}.screen-dialog[data-zoomed=true] .screen-image-viewport img{max-width:none;margin:0}.lightbox-bar h2{max-width:none;flex:1}
@media(max-width:600px){.lightbox-bar{gap:10px;padding:10px 0}.screen-controls{gap:5px}.screen-controls button{font-size:10px;min-height:36px;padding:0 8px}.screen-image-viewport{max-height:calc(90svh - 170px)}}
.hero-product{height:600px}
.desktop-capture.mac-fourteen{width:91%;top:52px;left:0;padding:7px 7px 0;border-radius:15px;background:linear-gradient(125deg,#a3abb2,#303940 3%,#090c0f 7%,#0a0c0f 91%,#707d86);box-shadow:inset 0 0 0 1px #bdc6ce6e,2px 2px 0 #232a30,5px 4px 0 #616a72,0 36px 85px #000b;transform:perspective(2200px) rotateX(calc(3deg + var(--tilt-x))) rotateY(calc(-9deg + var(--tilt-y))) rotateZ(-1deg)}
.mac-display{position:relative;aspect-ratio:3024/1964;border:2px solid #020304;border-radius:9px 9px 4px 4px;overflow:hidden;background:#000}
.mac-fourteen .capture-title{position:absolute;inset:0 0 auto;height:4.2%;min-height:13px;background:#111418;display:flex;justify-content:space-between;align-items:center;padding:0 10px;font:7px Arial;color:#bac0c5;z-index:2}
.mac-fourteen .capture-status{display:block!important;font-size:7px}
.mac-camera{position:absolute;top:0;left:44%;width:12%;height:100%;background:#030405;border-radius:0 0 5px 5px}
.mac-camera:after{content:"";position:absolute;left:48%;top:31%;width:4px;height:4px;background:radial-gradient(circle,#20435c,#050b13 70%);border-radius:50%}
.mac-fourteen .screen-shot{position:absolute;top:4.2%;left:0;width:100%;height:95.8%;aspect-ratio:auto!important;max-height:none;border:0;border-radius:0;display:block;background:#000}
.mac-fourteen .screen-shot img{width:100%;height:100%;object-fit:contain;object-position:center top;display:block}
.mac-chin{display:block;height:10px;color:#a1a5a95c;font:5px/10px Arial;text-align:center;letter-spacing:.04em}
.hero-product .hero-phone{width:25%;top:167px;right:0;min-width:0;--device-ry:-10deg;--device-rz:3deg;box-shadow:inset 0 0 0 1px #ffffff80,2px 1px 0 #2b333b,4px 2px 0 #707b83,10px 20px 42px #000c}


.document-file{position:relative;filter:drop-shadow(0 24px 28px #0006);max-width:100%}
.rate-document{margin:34px 0 25px;transform:perspective(1600px) rotateY(3deg) rotateZ(-1deg)}
.file-tab{background:#182027;border:1px solid #56616a7a;border-bottom:0;border-radius:7px 7px 0 0;display:flex;justify-content:space-between;gap:12px;padding:11px 15px;color:#bdc7ce;font:9px/1.5 monospace}
.file-tab span:last-child{color:#89959d;white-space:nowrap}
.freight-paper{position:relative;text-shadow:none;background:linear-gradient(110deg,#fcfbf7,#f1f1ed);color:#1c252c;border:1px solid #e9eae5;padding:30px 28px 23px;font-family:Arial,Helvetica,sans-serif;font-size:12px;text-align:left;box-shadow:1px 2px 0 #8a8c87,3px 4px 0 #e4e3de;border-radius:0 0 2px 2px}
.paper-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:21px;border-bottom:1px solid #d2d7d8}
.paper-head>div{display:flex;gap:11px;align-items:center}.paper-head strong{font-size:1.17em;line-height:1.5;font-weight:700}.paper-head strong small{display:block;font-size:.61em;font-weight:400;color:#68747c}
.paper-monogram{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;background:#1b272d;color:#fff;font-size:13px;font-weight:700;letter-spacing:-.04em}
.paper-head>span{font-size:.67em;line-height:1.7;text-align:right;letter-spacing:.07em;color:#6c767c}
.paper-title{padding:25px 0 22px;display:flex;gap:15px;align-items:end;justify-content:space-between}.paper-title h3{font-size:1.95em;line-height:1.06;letter-spacing:-.05em;font-weight:700;margin:0;color:#1c252c}.paper-title>span{font-size:.73em;letter-spacing:.03em;white-space:nowrap;color:#68747c}
.paper-parties{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:19px 0 23px;border-top:3px solid #e1ad3b;border-bottom:1px solid #d5d9da}.paper-parties>div{display:flex;flex-direction:column;gap:6px}.freight-paper small{font-size:.65em;line-height:1.5;letter-spacing:.06em;color:#68747c;font-weight:600}.paper-parties b{font-size:1em;line-height:1.5}.paper-parties span{font-size:.78em;line-height:1.6;color:#5c6972}
.paper-stops{margin:20px 0}.paper-stops>div{display:flex;align-items:start;gap:12px;padding:11px 0}.paper-stops>div>span{font-size:.8em;border:1px solid #cbd1d3;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;flex-shrink:0;color:#59686f}.paper-stops p{display:flex;flex-direction:column;gap:4px;margin:0!important;line-height:1.5}.paper-stops b{font-size:1.05em}.paper-stops em{font-style:normal;font-size:.87em;color:#67737a}
.freight-paper table{width:100%;border-collapse:collapse;font-size:.91em;margin:16px 0 0}.freight-paper th{text-align:left;background:#e7ebea;color:#66737a;font-size:.72em;padding:10px 9px;font-weight:600;letter-spacing:.05em}.freight-paper td{padding:14px 9px;border-bottom:1px solid #d2d9da;line-height:1.5;vertical-align:top}.freight-paper th:last-child,.freight-paper td:last-child{text-align:right;white-space:nowrap}
.paper-total{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:25px 0 22px}.paper-total>span{font-size:.82em;color:#596972}.paper-total strong{font-size:2.45em;font-weight:700;letter-spacing:-.055em;line-height:1.1;color:#14272f}.paper-terms{font-size:.76em;line-height:1.8;color:#67737a!important;margin:10px 0 23px!important}
.freight-paper footer{display:flex;align-items:end;justify-content:space-between;gap:12px;border-top:1px solid #d1d8d8;padding:19px 0 0;font-size:.55em;color:#7d898e;letter-spacing:.04em}.paper-barcode{width:59px;height:17px;background:repeating-linear-gradient(90deg,#27323a 0 1px,transparent 1px 3px,#27323a 3px 5px,transparent 5px 7px,#27323a 7px 8px,transparent 8px 12px);flex-shrink:0}
.document-inspect{width:100%;display:flex;justify-content:space-between;align-items:center;gap:15px;background:#192128;border:1px solid #6e798250;padding:16px 20px;color:#d5dee3;font-size:11px;text-align:left;cursor:pointer;margin-top:12px;border-radius:5px;transition:border-color .2s,background .2s}.document-inspect span{color:#ffb216;font-size:20px}.document-inspect:hover{border-color:#ffb21688;background:#222c33}
.invoice-composition{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:start;margin:55px 0 20px;min-height:0}.invoice-composition .billing-board{position:relative;width:100%;margin-top:100px}.invoice-document{transform:perspective(1500px) rotateY(-4deg) rotateZ(1deg)}
.paper-route{display:flex;justify-content:space-between;gap:10px;padding:21px 0 7px;font-size:.94em;font-weight:600}.paper-route span:nth-child(2){color:#929e9e}.paper-attached{border-top:1px solid #d2d9da;padding-top:20px;display:flex;flex-direction:column;gap:8px;font-size:.9em;line-height:1.4}.paper-attached>small{margin-bottom:5px}
.paper-dialog{width:min(740px,94vw);max-width:94vw;max-height:92svh;overflow:auto;padding:0 20px 20px;border:1px solid #57656d;border-radius:9px;background:#10171d;box-shadow:0 30px 100px #000a;color:#dbe2e6}.paper-dialog::backdrop{background:#000d;backdrop-filter:blur(10px)}.paper-dialog-bar{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:65px;background:#10171df5}.paper-dialog-bar h2{font-size:14px;letter-spacing:-.02em;line-height:1.4;margin:0}.paper-dialog-bar .dialog-close{position:static;width:auto;height:auto;flex-shrink:0;padding:9px 12px;font-size:11px;border:1px solid #54616b;border-radius:4px;background:#202c34;color:#d8dfe3}.paper-dialog .freight-paper{font-size:16px;padding:42px;box-shadow:none}.paper-dialog .dialog-done{display:block;width:100%;padding:14px;color:#141a1d;border:0;background:#ffb216;border-radius:5px;margin-top:16px;font-size:12px;cursor:pointer}
@media(min-width:1650px){.hero-product{height:650px}.desktop-capture.mac-fourteen{top:55px}.hero-product .hero-phone{top:195px}}
@media(max-width:1150px){.hero-product{height:540px}.hero-product .hero-phone{top:150px}.freight-paper{padding:23px;font-size:11px}.invoice-composition{gap:25px;grid-template-columns:1fr 1fr}.paper-title{display:block}.paper-title>span{display:block;margin-top:10px}}
@media(max-width:900px){.hero-product{height:570px;width:92%;max-width:680px}.hero-product .hero-phone{top:160px}.invoice-composition{grid-template-columns:1fr;gap:35px}.invoice-composition .billing-board{margin-top:0;width:92%}.invoice-document{width:78%;justify-self:end}.freight-paper{font-size:12px}.paper-title{display:flex}.paper-title>span{margin:0}.chapter-booked .chapter-grid{grid-template-columns:1.1fr .9fr;gap:35px}.chapter-booked .ai-visual .phone-frame{width:100%;max-width:270px}}
@media(max-width:600px){.hero-product{width:100%;height:375px;margin:17px 0 0}.desktop-capture.mac-fourteen{width:92%;top:20px;padding:4px 4px 0;border-radius:8px}.mac-display{border-width:1px;border-radius:5px}.mac-fourteen .capture-title,.mac-fourteen .capture-status{font-size:4px;min-height:9px;padding-inline:6px}.mac-camera:after{width:2px;height:2px}.mac-chin{height:6px;font-size:3px;line-height:6px}.hero-product .hero-phone{width:29%;top:115px;right:1%;padding:3px}.hero-phone .screen-shot{border-width:2px}.hero-product .hero-phone:before{top:3.6%}.rate-document{margin-top:27px}.freight-paper{padding:24px 22px;font-size:11px}.file-tab{font-size:8px;padding:10px 12px}.paper-title{display:block;padding:21px 0}.paper-title>span{display:block;margin-top:8px}.paper-monogram{width:29px;height:29px;font-size:11px}.paper-head{gap:8px}.paper-head>div{gap:8px}.paper-parties{gap:12px}.paper-total strong{font-size:2.3em}.document-inspect{font-size:10px;padding:13px 15px}.invoice-composition{gap:30px;margin-top:30px;min-height:0}.invoice-composition .billing-board{width:100%}.invoice-document{width:97%}.paper-dialog{padding:0 12px 14px}.paper-dialog-bar{min-height:62px;gap:12px}.paper-dialog-bar h2{font-size:11px}.paper-dialog .freight-paper{font-size:12px;padding:26px 19px}.chapter-booked .ai-visual .phone-frame{width:290px;max-width:90%}.paper-dialog-bar .dialog-close{padding:9px 8px}.paper-dialog .paper-title{display:block}.paper-dialog .paper-total strong{font-size:2.2em}}
@media(max-width:360px){.hero-product{height:330px}.hero-product .hero-phone{top:102px}.freight-paper{padding:20px 17px;font-size:10px}.paper-title h3{font-size:1.9em}.paper-parties{gap:10px}.paper-total{gap:10px}.paper-total strong{font-size:2.25em}.paper-dialog .freight-paper{font-size:10.5px;padding:20px 15px}.file-tab{font-size:7px}}
@media(prefers-reduced-motion:reduce){.rate-document,.invoice-document,.desktop-capture.mac-fourteen{transform:none!important}}

html[data-hero-focus=true] .world-shade{background:linear-gradient(180deg,#080a0cc2 0%,#080a0c55 35%,transparent 70%),radial-gradient(ellipse at 15% 26%,#080a0ccb,transparent 65%)}
@media(max-width:600px){html[data-hero-focus=true] .world-shade{background:linear-gradient(180deg,#080a0cee 0%,#080a0cbb 55%,#080a0c55 76%,#080a0c10)}}

/* Industrial district revision: immediate native scrolling, physical devices,
   and documents attached to the office handoff rather than the vehicle. */
html{scroll-behavior:auto}
.scene-pass{min-height:100svh;padding-block:70px 55px}
.scene-pass.scene-long{min-height:125svh}
.route-chapter{padding-block:75px 85px}
.chapter-number{padding-bottom:36px}
.chapter-grid{min-height:640px}
.site-header,.journey-rail,.story-caption,.product-caption,.world-shade{backdrop-filter:none!important}
[data-depth]{will-change:auto}
.freight-world{contain:strict}
.world-shade{background:linear-gradient(90deg,#080a0cc7,transparent 67%),linear-gradient(0deg,#080a0c55,transparent 35%,#080a0c30 70%,#080a0ca0)}
html[data-office-focus=true] .world-shade{background:linear-gradient(90deg,#080a0cf7,#080a0c99 70%),linear-gradient(180deg,#080a0c66,transparent 70%)}
html[data-copy-side=scene] .world-shade{background:linear-gradient(180deg,#080a0ccc,transparent 57%,#080a0c0b 78%,#080a0c33),linear-gradient(90deg,#080a0caa,transparent 61%)}
.hero-layout{min-height:610px;grid-template-columns:44% 56%}
.hero-product{height:550px}
.desktop-capture.mac-fourteen{top:60px;width:95%;left:-1%;transform:perspective(1700px) rotateX(calc(5deg + var(--tilt-x))) rotateY(calc(-13deg + var(--tilt-y))) rotateZ(-2deg);box-shadow:inset 0 0 0 1px #c6cdd67d,2px 1px #7c858d,4px 2px #10171e,6px 3px #65747c,9px 5px #1a252c,12px 8px 16px #0008,0 35px 65px #000c}
.phone-frame{--device-ry:-9deg;--device-rz:0deg;isolation:auto;transform-style:preserve-3d;border:0;padding:5px;background:transparent;box-shadow:none;transform:perspective(1500px) rotateX(calc(3deg + var(--tilt-x))) rotateY(calc(var(--device-ry) + var(--tilt-y))) rotateZ(var(--device-rz));transition:transform .22s ease-out}
.phone-frame:hover{box-shadow:none}
.phone-frame .screen-shot{position:relative;z-index:1;transform:translateZ(1px);border:3px solid #050607;box-shadow:0 0 0 1px #0d1115;background:#000;backface-visibility:hidden}
.phone-hardware{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none;border-radius:inherit}
.hardware-slice{position:absolute;inset:0;display:block;border-radius:inherit;background:linear-gradient(105deg,#edf1f4 0%,#697781 2%,#c9d3da 6%,#48565f 10%,#6c7b85 87%,#e5eaed 97%,#52636e);transform:translateZ(calc(var(--slice)*-1.45px));box-shadow:inset 0 0 0 .75px #9baab4}
.hardware-slice:first-child{background:linear-gradient(125deg,#f3f5f7,#8f9da6 3%,#252e36 5%,#101a22 95%,#acb8bf 98%,#edf3f5);box-shadow:inset 0 0 0 1px #cdd4d8}
.hardware-slice:last-child{background:linear-gradient(115deg,#717f88,#97a3ad 40%,#677782);box-shadow:inset 0 0 0 1px #b6c1c9,0 23px 48px #000b}
.hardware-controls{position:absolute;right:-2px;top:24%;height:9%;width:4px;background:linear-gradient(90deg,#bec9cf,#4e5f6b);border-radius:4px;transform:translateZ(-7px);box-shadow:0 110px 0 #74828c}
.phone-frame:after{left:-3px;transform:translateZ(-5px);width:4px;background:linear-gradient(90deg,#61717a,#d4dce1);box-shadow:0 43px #a1afb8,0 -41px #c4cdd2}
.phone-frame:before{transform:translateZ(3px);z-index:4}
.phone-frame .device-edge{display:none}
.phone-frame .device-sheen{transform:translateZ(3px);mix-blend-mode:normal;inset:6px;background:linear-gradient(122deg,#ffffff0a,transparent 22%,transparent 76%,#aec6df05);z-index:3}
.hero-product .hero-phone{width:clamp(180px,calc((100svh - 320px)/2.22),245px);top:92px;right:0;--device-ry:-22deg;--device-rz:5deg;transform:perspective(1300px) translateZ(65px) rotateX(calc(5deg + var(--tilt-x))) rotateY(calc(-22deg + var(--tilt-y))) rotateZ(5deg);box-shadow:none}


.office-handoff{margin:30px 0 0;border:1px solid #ffffff24;border-radius:12px;background:linear-gradient(130deg,#20262af7,#101518f7);box-shadow:0 20px 40px #0004;overflow:hidden;perspective:1300px}
.handoff-topline{display:flex;align-items:center;gap:8px;padding:16px 20px;font:8px monospace;letter-spacing:.1em;border-bottom:1px solid #ffffff15;color:#ffbd46}
.handoff-topline>span:last-child{margin-left:auto;color:#7e8a94;font-size:7px}
.incoming-mail{display:flex;align-items:center;gap:12px;padding:20px}
.mail-avatar{width:37px;height:37px;display:grid;place-items:center;background:#303b43;border:1px solid #697782;border-radius:50%;font:11px monospace;color:#dbe0e4;flex-shrink:0}
.incoming-mail>div{display:grid;gap:5px}.incoming-mail strong{font-size:12px;font-weight:600}.incoming-mail div>span{font-size:11px;color:#aab6bf}.mail-time{margin-left:auto;font:9px monospace;color:#8f9ca6;white-space:nowrap}
.attachment-transfer{display:flex;align-items:center;gap:24px;margin:0 20px 22px;padding:18px;background:#0b101499;border:1px solid #52616e48;border-radius:7px}
.attachment-page{width:83px;min-width:83px;height:109px;background:#f0f0e9;color:#233039;box-shadow:1px 2px #bcc6c7,3px 4px #e8e9e3,0 8px 15px #0006;padding:13px 10px;transform:rotateY(calc(-14deg + var(--handoff-progress,0)*14deg)) rotateZ(-5deg);transform-style:preserve-3d;transform-origin:bottom left}
.attachment-page>b{font:600 7px/1.4 Arial;display:block;margin-bottom:10px}.attachment-page i{height:2px;width:100%;background:#a3afb1;display:block;margin-block:4px}.attachment-page i:nth-child(3){width:75%}.attachment-page strong{display:block;font:700 13px Arial;text-align:right;margin-top:10px}
.attachment-transfer>div:last-child>strong{display:block;font-size:14px;line-height:1.5;letter-spacing:-.02em;margin:10px 0 5px;color:#e6ecee}.attachment-transfer p{font-size:10px;line-height:1.8;color:#97a8b2;margin:0 0 12px}.attachment-file{font:8px monospace;color:#b5c0c7}
.handoff-track{display:flex;list-style:none;margin:0;padding:16px 20px 19px;counter-reset:stage;border-top:1px solid #ffffff17;gap:16px;position:relative}
.handoff-track:before{content:"";position:absolute;left:20px;bottom:0;right:20px;height:2px;background:linear-gradient(90deg,#ffb216 calc(var(--handoff-progress,0)*100%),#ffffff1f 0)}
.handoff-track li{display:flex;align-items:center;gap:7px;flex:1;color:#a5b0b7;font-size:9px;line-height:1.5}.handoff-track b{color:#ffb216;font:9px monospace;display:grid;place-items:center;flex-shrink:0;width:22px;height:22px;border:1px solid #a780386b;border-radius:50%}
.rate-document{transform:none;margin:10px 0 18px;filter:none}
.freight-paper[hidden]{display:none}
.rate-document .document-inspect{margin:0;background:#10171c;min-height:47px;border-color:#ffffff20}
.billing-handoff{margin:35px 0 15px;display:flex;align-items:center;gap:28px;background:#10171ce8;border:1px solid #ffffff21;border-radius:8px;padding:23px 26px}
.billing-handoff>div>strong{display:block;font-size:20px;letter-spacing:-.04em;margin-top:10px;font-weight:500}.billing-handoff .handoff-track{border:0;flex:1;padding:0 0 10px;margin-bottom:-10px;gap:24px}.billing-handoff .handoff-track:before{left:0;right:0;bottom:0}.handoff-lock{font:9px monospace;color:#a6b3ba;white-space:nowrap}
.invoice-composition{margin-top:35px;grid-template-columns:1.15fr 1fr;gap:50px}
.invoice-composition .billing-board{margin-top:5px}
.receivables-note{padding:28px 5px;background:linear-gradient(90deg,#080a0cd9,transparent);color:#a2afb8}.receivables-note>span{font:8px monospace;letter-spacing:.1em;color:#ffbc42}.receivables-note>strong{display:block;color:#dce3e7;font-size:22px;font-weight:500;letter-spacing:-.04em;margin-top:15px}.receivables-note p{font-size:12px;line-height:1.8;max-width:350px;margin:14px 0 25px}.receivables-note>div{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff1c;padding:13px 0;font-size:11px;max-width:380px}.receivables-note b{font-weight:400;color:#d8b768}
@media(min-width:1500px){.hero-layout{min-height:700px}.hero-product{height:650px}.hero-product .hero-phone{width:260px;top:125px}.desktop-capture.mac-fourteen{top:75px}}
@media(max-width:1150px){.hero-layout{min-height:590px}.hero-product{height:510px}.hero-product .hero-phone{width:190px;top:94px}.attachment-transfer{gap:15px;padding:14px}.attachment-transfer>div:last-child>strong{font-size:12px}.handoff-topline{padding-inline:15px}.handoff-topline>span:last-child{display:none}.handoff-track{gap:8px;padding-inline:15px}.handoff-track li{font-size:8px}.invoice-composition{gap:30px}.billing-handoff{gap:20px}.handoff-lock{display:none}}
@media(max-width:900px){.hero-layout{display:block;min-height:0}.hero-product{height:550px;width:92%}.hero-product .hero-phone{width:230px;top:70px;right:2%}.desktop-capture.mac-fourteen{top:45px;width:90%}.chapter-booked .chapter-grid{grid-template-columns:1fr 1fr;gap:35px}.billing-handoff{flex-wrap:wrap}.billing-handoff .handoff-track{min-width:320px}.invoice-composition{grid-template-columns:1fr 1fr}.receivables-note>strong{font-size:19px}}
@media(max-width:600px){.route-chapter{padding-block:55px 65px}.chapter-number{padding-bottom:28px}.scene-pass{min-height:100svh;padding-block:50px 45px}.scene-pass.scene-long{min-height:125svh}.hero-product{height:405px;width:100%;margin-top:15px}.desktop-capture.mac-fourteen{width:91%;top:27px;left:0}.hero-product .hero-phone{width:145px;top:61px;right:0;--device-ry:-19deg;transform:perspective(1000px) translateZ(20px) rotateX(calc(3deg + var(--tilt-x))) rotateY(calc(-19deg + var(--tilt-y))) rotateZ(4deg);padding:4px}.hardware-slice{transform:translateZ(calc(var(--slice)*-.9px))}.phone-frame:after{width:2px;box-shadow:0 28px #a1afb8,0 -27px #c4cdd2}.hardware-controls{width:2px;box-shadow:0 65px #74828c}.chapter-booked .chapter-grid{grid-template-columns:1fr;gap:40px}.office-handoff{margin-top:25px}.handoff-topline>span:last-child{display:block}.incoming-mail{padding:17px}.attachment-transfer{margin-inline:17px;padding:15px;gap:17px}.attachment-transfer>div:last-child>strong{font-size:12px}.handoff-track{padding-inline:17px}.handoff-track li{font-size:9px}.billing-handoff{padding:20px;margin-top:25px}.billing-handoff .handoff-track{min-width:0;flex-basis:100%;gap:12px}.invoice-composition{grid-template-columns:1fr;margin-top:30px;gap:25px}.invoice-document{width:100%}.receivables-note{padding-bottom:0}.receivables-note>strong{font-size:22px}.chapter-grid{min-height:0}html[data-copy-side=scene] .world-shade{background:linear-gradient(180deg,#080a0cec,transparent 58%,transparent 81%,#080a0c33)}}
@media(max-width:360px){.hero-product{height:365px}.hero-product .hero-phone{width:131px;top:50px}.attachment-transfer{gap:12px;padding:12px}.attachment-page{width:69px;min-width:69px;height:102px}.attachment-transfer>div:last-child>strong{font-size:11px}.attachment-transfer p{font-size:9px}.attachment-file{font-size:7px}.mail-time{font-size:8px}.handoff-track{gap:7px}.handoff-track li{font-size:8px}.handoff-track b{width:19px;height:19px;font-size:8px}.handoff-topline>span:last-child{font-size:6px}}
@media(prefers-reduced-motion:reduce){.attachment-page{transform:none}.scene-pass,.scene-pass.scene-long{min-height:85svh}.phone-frame .phone-hardware{display:none}.phone-frame{background:#788792}.hero-product .hero-phone{transform:none}}
html[data-motion=paused] .attachment-page{transform:none}
@media(min-width:901px) and (max-height:780px){.hero-product .hero-phone{top:70px}}
/* A compact desktop pane still introduces the product above the fold. */
@media(min-width:760px) and (max-width:900px){
 .route-hero{padding-top:30px}.hero-layout{display:grid;grid-template-columns:44% 56%;min-height:610px;padding-top:0;align-items:center}.hero-message{padding:0 0 35px}.hero-message h1{font-size:clamp(48px,6.55vw,59px);letter-spacing:-.073em}.hero-message>p{font-size:13px;line-height:1.8;max-width:300px}.hero-actions{gap:17px;flex-wrap:wrap;margin-top:25px}.hero-actions .button{font-size:12px;padding-inline:16px;min-height:46px}.hero-actions .quiet-link{font-size:11px;gap:10px}.hero-product{height:540px;width:100%;margin:0;max-width:none}.desktop-capture.mac-fourteen{top:76px;left:2%;width:94%}.hero-product .hero-phone{width:clamp(154px,20vw,177px);top:182px;right:-1%;transform:perspective(1400px) translateZ(25px) rotateX(calc(3deg + var(--tilt-x))) rotateY(calc(-19deg + var(--tilt-y))) rotateZ(4deg)}.hero-kicker{font-size:8px}.hero-bottom{gap:12px}.hero-bottom p{font-size:10px}.hero-bottom a{font-size:8px;gap:12px}
}

/* Captions occupy their own layout rows below the devices. They must not
   compete with the perspective-transformed phone or depend on a fixed height. */
.chapter-visual:is(.ai-visual,.detention-visual,.single-phone,.money-screens){
  flex-direction:column;
  min-height:0;
  gap:40px;
  padding:28px 0 16px;
}
.chapter-visual .visual-caption,
.chapter-visual .screen-footnote,
.money-screens .gallery-controls{
  position:relative;
  inset:auto;
  flex:none;
  width:100%;
  margin:0;
  transform:none;
}
.money-screens .screen-footnote{margin-top:-22px}
.paired-screens{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
  justify-items:center;
  min-height:0;
  gap:40px 20px;
  padding:28px 0 16px;
}
.paired-screens .phone-frame{width:100%;max-width:260px;min-width:0}
.paired-screens .secondary-phone{width:100%;max-width:245px}
.paired-screens .screen-footnote{grid-column:1 / -1}
@media(min-width:601px) and (max-width:900px){
  .paired-screens .phone-frame:first-child{grid-column:1 / -1}
}
@media(max-width:600px){
  .chapter-visual:is(.ai-visual,.detention-visual,.single-phone,.money-screens){
    gap:32px;
    padding:20px 0 12px;
  }
  .paired-screens{gap:32px 13px;padding:20px 0 12px}
  .paired-screens .phone-frame,.paired-screens .secondary-phone{width:100%}
  .money-screens .screen-footnote{margin-top:-14px}
}


/* The hero devices share one intrinsic grid cell. Their real sizes and offsets
   establish the stage height; the caption lives outside the 3D stacking context. */
.hero-product{
  height:auto;
  min-height:0;
  perspective:none;
  transform-style:flat;
}
.hero-device-stage{
  --mac-top:60px;
  --phone-top:92px;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  position:relative;
  perspective:1600px;
  transform-style:flat;
}
.hero-device-stage>.desktop-capture.mac-fourteen,
.hero-device-stage>.hero-phone{
  position:relative;
  grid-area:1 / 1;
  inset:auto;
  align-self:start;
}
.hero-device-stage>.desktop-capture.mac-fourteen{
  justify-self:start;
  margin:var(--mac-top) 0 0;
}
.hero-device-stage>.hero-phone{
  justify-self:end;
  margin:var(--phone-top) 0 0;
}
.hero-product>.product-caption{
  position:relative;
  display:block;
  inset:auto;
  margin:clamp(64px,9vw,144px) 0 26px;
  padding:13px 16px;
  width:100%;
  max-width:360px;
  border-left:1px solid #ffb21680;
  background:#0b1015ed;
  color:#d0d7dd;
  font-size:12px;
  line-height:1.8;
}
.hero-product>.product-caption>span{
  display:block;
  color:#a6b1bb;
  font-size:8px;
  letter-spacing:.11em;
  margin-bottom:5px;
}
@media(min-width:1500px){.hero-device-stage{--mac-top:75px;--phone-top:125px}}
@media(min-width:901px) and (max-height:780px){.hero-device-stage{--phone-top:70px}}
@media(min-width:901px) and (max-width:1150px){.hero-device-stage{--phone-top:94px}}
@media(min-width:601px) and (max-width:759px){
  .hero-device-stage{--mac-top:45px;--phone-top:70px}
  .hero-product>.product-caption{margin-top:104px}
}
@media(min-width:760px) and (max-width:900px){
  .hero-device-stage{--mac-top:76px;--phone-top:182px}
  .hero-product>.product-caption{font-size:11px}
}
@media(max-width:600px){
  .hero-device-stage{--mac-top:27px;--phone-top:61px}
  .hero-product>.product-caption{font-size:11px;margin-block:64px 24px}
}
@media(max-width:360px){.hero-device-stage{--phone-top:50px}}