/* The classic site's freight network, reworked as one contained visual story. */
.hero{max-width:1390px;grid-template-columns:.87fr 1.2fr;gap:50px;padding-top:52px;padding-bottom:56px;position:relative}
.hero-copy{padding-left:24px;position:relative;z-index:2}.hero h1{font-size:clamp(42px,4.25vw,61px);letter-spacing:-2.9px}.hero-copy .lede{max-width:415px}
.network-scene{position:relative;min-width:0;isolation:isolate;background:radial-gradient(ellipse at 60% 35%,var(--xs-violet-page-18) 0%,var(--xs-violet-page-6) 45%,var(--xs-light-page) 78%);padding:0 4px 0;border-radius:20px}
.scene-top{display:flex;align-items:center;justify-content:space-between;padding:5px 20px 0;gap:12px}.scene-eyebrow{font:9px 'JetBrains Mono',monospace;letter-spacing:.13em;color:var(--xs-plum-glow-32)}.scene-top button{background:color-mix(in srgb, var(--xs-violet-paper-3) 72.157%, transparent);border:1px solid var(--xs-violet-page-24);padding:7px 9px;border-radius:6px;font-size:9px;display:flex;gap:6px;align-items:center;color:var(--xs-light-violet)}.scene-top button[disabled]{cursor:default;color:var(--xs-plum-glow-32)}
.network-art{position:relative;padding-top:9px}.north-america-network{width:100%;height:auto;display:block;overflow:visible}.country-label{font:15px 'JetBrains Mono',monospace;fill:var(--xs-violet-page-68);letter-spacing:8px}.us-label{font-size:12px;fill:var(--xs-dark-muted);letter-spacing:5px}.city-label{font:16px Inter,sans-serif;fill:var(--xs-light-muted)}.map-node circle{fill:var(--xs-plum-glow-44);stroke:var(--xs-violet-paper-10);stroke-width:3}.route-highlight{filter:drop-shadow(0 3px 5px color-mix(in srgb, var(--xs-violet-paper-90) 20.000%, transparent))}.route-signal{animation:route-pass 9s linear 1 forwards}.motion-paused .route-signal{animation-play-state:paused}.map-caption{position:absolute;left:28px;top:45px;font-size:9px;background:color-mix(in srgb, var(--xs-violet-paper-3) 80.000%, transparent);padding:10px 12px;border:1px solid var(--xs-violet-page-32);border-radius:7px;color:var(--xs-light-quiet);display:flex;align-items:center;gap:7px;box-shadow:0 5px 22px color-mix(in srgb, var(--xs-plum-glow-44) 12.549%, transparent)}.mini-dot{width:5px;height:5px;background:var(--xs-violet-page-68);border-radius:50%}
.route-workspace{margin:-9px 27px 0;position:relative;z-index:2;background:color-mix(in srgb, var(--xs-violet-paper-3) 96.078%, transparent);border:1px solid color-mix(in srgb, var(--xs-violet-paper-40) 86.667%, transparent);border-radius:13px;box-shadow:0 15px 45px color-mix(in srgb, var(--xs-chart-5) 10.980%, transparent);overflow:hidden}.route-workspace-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 19px;border-bottom:1px solid var(--xs-light-raised)}.route-workspace-head>div{display:flex;gap:11px;align-items:center}.route-symbol{width:29px;height:29px;background:var(--xs-light-surface);display:grid;place-items:center;color:var(--xs-light-violet);border-radius:7px;font-size:18px}.route-workspace-head b{font-size:12px;font-weight:600;display:block}.route-workspace-head small{display:block;font-size:8px;color:var(--xs-light-quiet);margin-top:4px}.review-badge{font-size:8px;color:var(--xs-light-violet);background:var(--xs-violet-paper-15);border:1px solid var(--xs-violet-paper-30);padding:6px 8px;border-radius:4px;white-space:nowrap}.route-workspace .workflow-demo{border:0;border-radius:0;background:none;box-shadow:none}.route-workspace .demo-tabs{padding:11px 17px 0;gap:5px}.route-workspace .demo-tabs button{font-size:10px;padding:5px 12px}.route-workspace .lane,.route-workspace .lane-meta{display:none}.route-workspace .work-item{background:none;border:0;padding:13px 0 3px;margin:0 20px 9px}.route-workspace .item-icon{display:none}.route-workspace .work-item small{font-size:7px}.route-workspace .work-item h3{font-size:13px;margin:5px 0}.route-workspace .work-item p{font-size:10px;max-width:440px}.route-workspace .progress-rows{display:none}.route-workspace .demo-footer{padding:10px 20px;background:var(--xs-violet-paper-15);font-size:9px}.scene-caption{text-align:center;font:8px 'JetBrains Mono',monospace;color:var(--xs-light-quiet);letter-spacing:.02em;margin:13px 0 0}
.system-strip{background:linear-gradient(90deg,color-mix(in srgb, var(--xs-violet-paper-3) 0.000%, transparent),color-mix(in srgb, var(--xs-violet-paper-3) 53.333%, transparent),color-mix(in srgb, var(--xs-violet-paper-3) 0.000%, transparent))}
.workflow-grid{gap:21px}.workflow-grid article{padding:0 25px 25px;overflow:hidden;background:linear-gradient(155deg,var(--xs-violet-paper-3),var(--xs-violet-paper-15))}.module-art{margin:0 -25px 25px;padding:18px 14px 10px;background:radial-gradient(ellipse at 50% 70%,var(--xs-light-raised),var(--xs-light-page) 75%);border-bottom:1px solid var(--xs-violet-page-18);height:176px}.module-art svg{width:100%;height:100%;display:block}.workflow-grid .tag{min-height:31px}.workflow-grid h3{font-size:24px}.workflow-grid article:hover .module-art svg{transform:translateY(-3px)}.module-art svg{transition:transform .25s}
.platform-section{background:radial-gradient(ellipse at 88% 28%,var(--xs-plum-glow-12),var(--xs-plum-shade-75) 74%);color:var(--xs-violet-paper-6);border-color:var(--xs-plum-glow-6);position:relative}.platform-section .eyebrow{color:var(--xs-dark-violet)}.platform-section h2{font-size:43px}.platform-grid>div>p:not(.eyebrow){color:var(--xs-violet-page-24)}.platform-section .text-link{color:var(--xs-violet-page-18)}.platform-grid{gap:75px}.decision{background:linear-gradient(150deg,var(--xs-plum-glow-12),var(--xs-light-heading));border-color:var(--xs-plum-glow-32);box-shadow:0 15px 65px color-mix(in srgb, var(--xs-dark-void) 21.176%, transparent);position:relative;padding:24px 28px}.council-graphic{margin:-8px -12px 4px}.council-graphic svg{width:100%;height:220px;display:block}.council-node{fill:var(--xs-plum-glow-12);stroke:var(--xs-plum-glow-56);stroke-width:1}.council-label{text-anchor:middle;font:9px 'JetBrains Mono',monospace;letter-spacing:1px;fill:var(--xs-violet-page-12)}.decision .sample{color:var(--xs-violet-paper-40)}.decision h3{font-size:22px}.decision li{color:var(--xs-violet-paper-30);border-color:var(--xs-plum-glow-32)}.decision li span{color:var(--xs-violet-page-32)}.decision footer{border-color:var(--xs-plum-glow-32);color:var(--xs-violet-page-12)}.xec-portrait{width:150px;margin:-20px 0 17px}.xec-portrait svg{display:block;width:100%;height:auto}.guide{box-shadow:0 14px 38px color-mix(in srgb, var(--xs-plum-glow-44) 8.235%, transparent)}.closing{background:radial-gradient(ellipse at 80% 40%,var(--xs-violet-page-12),transparent 65%)}
@keyframes route-pass{0%{stroke-dashoffset:7;opacity:0}5%{opacity:1}90%{opacity:1}100%{stroke-dashoffset:-100;opacity:0}}
.motion-offscreen .route-signal{animation-play-state:paused}
.network-art{overflow:hidden;border-radius:12px}
.north-america-network{overflow:hidden}
@media(min-width:1500px){.hero{padding-top:64px}.network-scene{margin-right:-15px}.hero h1{font-size:65px}}
@media(max-width:1050px){.hero{grid-template-columns:.87fr 1.1fr;gap:22px;padding-inline:24px}.hero-copy{padding-left:0}.hero h1{font-size:43px;letter-spacing:-2px}.hero-copy .lede{font-size:15px}.hero-actions{gap:17px}.hero-actions .button{font-size:12px;padding:14px 16px}.scene-top{padding-inline:9px}.scene-eyebrow{font-size:8px}.route-workspace{margin-inline:8px}.map-caption{left:10px;top:30px;font-size:8px;padding:7px}.platform-section h2{font-size:37px}.view-tabs button{font-size:10px;padding:8px 11px}}
@media(max-width:720px){.review-bar{padding:9px 10px}.view-tabs{gap:4px}.view-tabs button{font-size:9px;padding:8px 9px}.hero{grid-template-columns:1fr;gap:31px;padding:36px 22px 30px}.hero h1{font-size:45px;letter-spacing:-2.2px}.hero-copy{max-width:470px}.network-scene{margin-inline:-13px}.scene-top{padding-inline:8px}.network-art{padding-top:10px}.map-caption{top:24px;font-size:7px;padding:7px 8px;left:7px}.scene-eyebrow{font-size:8px}.scene-top button{font-size:8px}.route-workspace{margin:-2px 8px 0}.route-workspace-head{padding:13px 15px}.route-workspace-head b{font-size:11px}.route-workspace-head small{font-size:7px}.route-workspace .work-item{margin-inline:16px}.route-workspace .work-item p{font-size:10px}.review-badge{font-size:7px;padding:5px 6px}.scene-caption{font-size:7px}.module-art{height:176px}.platform-section h2{font-size:33px}.platform-grid{gap:30px}.decision{padding:20px}.decision h3{font-size:21px}.council-graphic svg{height:175px}.xec-portrait{width:128px;margin-top:0}.workflow-grid article{padding-bottom:26px}.workflow-grid h3{font-size:24px}}
@media(max-width:350px){.view-tabs button{font-size:8px;padding:7px 6px}.route-workspace-head{gap:8px;padding:12px}.route-workspace-head small{font-size:6.5px}.hero h1{font-size:41px}.hero-actions{gap:12px}.hero-actions .text-link{font-size:11px}.review-badge{padding:5px;font-size:6px}}
@media(prefers-reduced-motion:reduce){.route-signal{animation:none;opacity:0}.module-art svg{transition:none}.workflow-grid article:hover .module-art svg{transform:none}}

/* Regional framing gives Canadian and US workflows equal weight. */
.north-america-network .country-label{font-size:10px;letter-spacing:3px;fill:var(--xs-plum-glow-56)}.north-america-network .city-label{font-size:11px;fill:var(--xs-light-muted)}.north-america-network .map-node circle{stroke-width:2}.network-art .map-caption{top:24px}.hero-copy .eyebrow{line-height:1.6;max-width:420px}