:root{--ink:#302219;--muted:#80705f;--paper:#f5f2ea;--line:#dcd3c4;--gold:#ac853c;--brown:#281b14;--green:#486247}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b78b3c;outline-offset:4px}button{color:inherit}button,.tag,input,select{border-radius:3px}h1,h2,p{margin:0}h1,h2,.brand{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:48px;letter-spacing:-1.9px;line-height:1.15}h2{font-size:26px;letter-spacing:-.5px}.sidebar{width:222px;position:fixed;inset:0 auto 0 0;background:var(--brown);color:#ece5d8;padding:35px 24px;display:flex;flex-direction:column;z-index:5}.brand{text-decoration:none;color:inherit;font-size:31px;letter-spacing:7px}.brand span{display:block;font:9px/1.8 monospace;letter-spacing:2px;margin-top:15px;color:#bfb198;padding-left:28px;position:relative}.brand span:before{content:'';width:18px;height:1px;background:var(--gold);position:absolute;top:8px;left:0}.account{border-top:1px solid #49372a;border-bottom:1px solid #49372a;margin:35px 0 25px;padding:22px 0}.eyebrow{font:10px/1.5 monospace;letter-spacing:1.6px;color:#92704e}.account .eyebrow{font-size:8px;color:#b6a38a;letter-spacing:1px}.account strong{display:block;font:18px Georgia;margin:10px 0}.account small{color:#bbae9a;font-size:11px}nav{margin:0 -24px}nav button{display:flex;align-items:center;gap:14px;border:0;border-left:2px solid transparent;width:100%;padding:18px 22px;background:none;color:#c8bda9;text-align:left;font-size:12px}nav button span{font:9px monospace;color:#9f8b70}nav button.active{background:#38271d;color:#fff7eb;border-left-color:#c6aa72}nav button b{margin-left:auto;color:#c6aa72}nav button:hover{background:#38271d}.sidebar-bottom{margin-top:auto;padding-top:35px}.sidebar-bottom p{font:18px/1.5 Georgia;color:#c9bca7;margin:16px 0}.sidebar-bottom small{font:7px monospace;letter-spacing:1.1px;color:#9b866b}.seal{font:50px Georgia;color:#ae8a45;position:relative;width:45px}.seal span{position:absolute;left:14px;top:-2px}.workspace{margin-left:222px}.topbar{height:57px;border-bottom:1px solid var(--line);padding:0 36px;display:flex;align-items:center;justify-content:space-between;font:9px monospace;letter-spacing:1.2px;color:#8b725b}.topbar i{font-style:normal;margin:0 12px;color:#cbbda9}.demo-badge{font-size:9px;color:#866b3d;display:flex;align-items:center;gap:8px}.demo-badge i,.gold-dot{display:inline-block;width:6px;height:6px;background:#b58c40;border-radius:50%;margin:0}main{max-width:1680px;margin:auto;padding:33px 36px 0}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.heading .eyebrow{margin-bottom:10px}.heading p:last-child{color:var(--muted);margin-top:11px;line-height:1.5}.outline{background:transparent;border:1px solid #b6a68f;padding:11px 15px;font-size:11px}.toolbar{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);gap:15px}.tabs{display:flex;gap:25px}.tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:0 0 14px;color:var(--muted);font-size:12px}.tabs button.selected{border-bottom-color:var(--ink);color:var(--ink)}.tabs span{margin-left:6px;font:9px monospace;color:#9b8569}.search{display:flex;align-items:center;gap:10px;font-size:22px;padding-bottom:10px}.search input{border:0;background:transparent;outline-offset:0;font-size:11px;width:180px}.shipment-list{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:20px 0}.shipment-card{text-align:left;border:1px solid var(--line);background:#faf8f2;padding:17px 18px;position:relative}.shipment-card.selected{border-color:#8f7245;background:#eeeadf;box-shadow:inset 0 2px #a48040}.shipment-card .card-head{display:flex;justify-content:space-between;gap:8px;font:9px monospace;letter-spacing:.6px}.shipment-card h3{font:19px Georgia;margin:13px 0 7px}.shipment-card p{font-size:10px;color:var(--muted)}.status-dot{color:var(--green)}.shipment-card.selected:after{content:'↗';position:absolute;bottom:17px;right:18px;color:#a28047}.tracking-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:20px}.map-panel{border:1px solid var(--line);background:#faf8f2;min-width:0}.map-heading{display:flex;justify-content:space-between;align-items:center;padding:19px 23px;border-bottom:1px solid var(--line)}.map-heading h2{font-size:24px;margin-top:6px}.map-heading h2 span{color:#a58452;margin:0 6px}.tag{font-size:10px;background:#e3e8dc;color:#4a6245;padding:6px 9px;white-space:nowrap}.tag.small{font:8px monospace;background:#ede8dc;color:#8b7253}.map-frame{position:relative;overflow:hidden;background:#e9e7dc;height:370px}#map{width:100%;height:100%;display:block}#map-world{fill:#d5d5c2;stroke:#babca8;stroke-width:.8}#map-labels{font:11px Arial;letter-spacing:2px;fill:#919683}#port-markers{font:13px Arial;fill:#493928}.map-caption{position:absolute;bottom:36px;left:18px;display:flex;align-items:center;gap:8px;font-size:9px;color:#706d5d}.dot-line,.dash-line{width:20px;border-top:2px solid #a77a32}.dash-line{border-top-style:dashed;margin-left:8px}.map-credit{position:absolute;bottom:14px;left:18px;font-size:8px;color:#777967}.compass{position:absolute;right:20px;top:18px;font:11px/1.6 monospace;color:#777967;text-align:center}.playback{padding:14px 18px;display:flex;align-items:center;gap:15px;border-top:1px solid var(--line)}button.dark{background:var(--brown);color:#f7eedb;border:0;padding:11px 14px;font-size:10px;white-space:nowrap}input[type=range]{accent-color:#aa8441;min-width:30px;flex:1;width:100%}#progress-label{font:10px monospace;min-width:30px}#reset{border:1px solid var(--line);background:none;font-size:20px;width:30px;height:30px}.map-note{padding:0 18px 14px;font-size:9px;color:#89785f;line-height:1.6}.map-note .gold-dot{width:5px;height:5px;margin-right:5px}.detail-panel{background:#fffdf7;border:1px solid var(--line);padding:20px}.detail-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.detail-top .eyebrow{font-size:8px;letter-spacing:1px}.detail-panel>h2{font-size:26px;margin:16px 0 7px}.detail-panel>p{font-size:10px;color:var(--muted)}.arrival{padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0 0}.arrival>.eyebrow{font-size:9px}.arrival strong{display:block;font:38px Georgia;margin:7px 0 10px}.arrival strong small{font:16px Georgia;color:#9b8b74}.positive{color:var(--green);font-size:10px}.warning{color:#a76634!important}dl{margin:8px 0 18px}dl>div{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid #ebe5d9;font-size:10px}dt{color:var(--muted)}dd{margin:0;text-align:right}.alert{display:flex;gap:10px;background:#f0f1e7;padding:13px 10px;margin-bottom:18px}.alert>span{font-size:21px;color:var(--green)}.alert strong{font-size:10px}.alert p{font-size:10px;line-height:1.6;color:#7a7762;margin-top:5px}.scenario-label{display:block;font:8px monospace;letter-spacing:1px;margin-bottom:8px;color:var(--muted)}select{width:100%;padding:10px 7px;background:#fffdf7;border:1px solid var(--line);font-size:11px}.journey{margin-top:30px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.section-heading h2{margin-top:7px;font-size:25px}.section-heading>span{font-size:10px;color:var(--muted)}#timeline{display:grid;grid-template-columns:repeat(6,1fr);list-style:none;padding:0;margin:0}#timeline li{position:relative;padding:28px 12px 0 0;border-top:1px solid var(--line)}#timeline li:before{content:'';position:absolute;top:-5px;left:0;width:8px;height:8px;border:1px solid #bcb4a3;background:var(--paper);border-radius:50%}#timeline li.done:before{background:#6c7954;border-color:#6c7954}#timeline li.current:before{background:#ac853c;box-shadow:0 0 0 5px #e9dfca;border-color:#ac853c}#timeline strong{display:block;font-size:11px;font-weight:500;margin-bottom:7px}#timeline small{display:block;font:9px/1.7 monospace;color:#8a7d6b}#timeline li:not(.done):not(.current){color:#9b9080}.insight-strip{margin-top:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.insight-strip>span{font:8px/1.8 monospace;letter-spacing:1.2px;max-width:125px;color:#977750}.insight-strip p{font:21px/1.3 Georgia}.insight-strip em{color:#96816a;font-style:normal}.insight-strip button{background:none;border:0;font-size:11px}footer{padding:28px 0 20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;color:#927c61;font:9px monospace;letter-spacing:1px}footer>span:first-child{font:14px Georgia;letter-spacing:2px}footer i{font-size:10px;letter-spacing:0}footer small{width:100%;font:9px Arial;letter-spacing:0;color:#a0927f}.route-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.route-option{background:#fffdf7;border:1px solid var(--line);text-align:left;padding:30px}.route-option.selected{border-color:#9a7b45;box-shadow:inset 0 3px #9a7b45}.route-option h2{margin:14px 0 30px}.route-option>strong{font:40px Georgia}.route-option p{margin:12px 0 20px;color:var(--muted)}.route-option>span:last-child{font-size:12px}.calculator{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin:25px 0;padding:35px;background:#fffdf7;border:1px solid var(--line)}.calculator h2{margin-bottom:15px}.calculator p{color:var(--muted);line-height:1.7;font-size:12px}.calculator label{display:block;font-size:12px;margin-top:20px}.calculator input,.calculator select{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid var(--line);background:var(--paper)}.calc-result{background:var(--brown);color:#f3ead9;padding:30px}.calc-result strong{display:block;font:42px Georgia;margin:20px 0}.calc-result .eyebrow{color:#bbaa8a}.calc-result p{color:#c1b297}.calc-result small{font-size:10px;line-height:1.7;display:block;color:#b9a88b;margin-top:30px}#cost-comparison{margin-top:25px;border-top:1px solid #68533c;padding-top:20px;color:#dfc48d;font-size:13px;line-height:1.6}.climate-hero{background:#333d2d;color:#f7f0df;padding:40px}.climate-hero .eyebrow{color:#b4c09d}.climate-hero h2{font-size:40px;margin:20px 0}.climate-hero p:last-child{line-height:1.8;color:#c4cbb7;font-size:12px}.bar-track{height:8px;background:#5e503c;margin:24px 0}.bar-track div{height:100%;background:#b69b62;width:100%;transition:width .3s}.intro{color:var(--muted);margin-bottom:30px}.document-row{display:flex;justify-content:space-between;align-items:center;padding:25px;background:#fffdf7;border:1px solid var(--line);margin-bottom:12px;gap:15px}.document-row h3{font:21px Georgia;margin:0 0 8px}.document-row p{font-size:11px;color:var(--muted)}.document-row button{border:1px solid var(--line);padding:10px;background:none;font-size:11px}.footnote{font-size:11px;line-height:1.8;color:var(--muted);margin-top:25px}dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:40px;max-width:540px;width:90%}dialog::backdrop{background:#21170f99}dialog h2{margin:20px 0}dialog p{line-height:1.8;color:var(--muted);font-size:13px}.close{position:absolute;top:10px;right:15px;background:none;border:0;font-size:25px}.document-stamp{padding:30px;border:1px dashed #b59763;text-align:center;color:#a18451;margin:30px 0;font:22px Georgia}.document-stamp small{font:12px Arial}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}.presentation .sidebar{display:none}.presentation .workspace{margin-left:0}.presentation main{max-width:1500px}.empty{grid-column:1/-1;padding:25px;color:var(--muted)}@media(min-width:1600px){.map-frame{height:450px}}@media(max-width:1180px){.sidebar{width:185px;padding:30px 18px}.workspace{margin-left:185px}nav{margin:0 -18px}nav button{padding-left:16px;gap:10px}.brand{font-size:27px}main{padding:25px 24px 0}.topbar{padding:0 24px}.tracking-layout{grid-template-columns:minmax(0,1fr) 265px;gap:14px}.shipment-card{padding:15px 12px}.shipment-card h3{font-size:17px}.map-frame{height:360px}.detail-panel{padding:17px}.shipment-card .card-head{font-size:8px}.tabs{gap:18px}}@media(max-width:900px){.sidebar{position:static;width:auto;padding:18px 24px;display:block}.brand{font-size:25px}.brand span,.account,.sidebar-bottom{display:none}nav{display:flex;margin:15px -8px -10px}nav button{width:auto;flex:1;padding:12px 8px;font-size:11px;border-left:0;border-bottom:2px solid transparent}nav button.active{border-bottom-color:#c6aa72}nav button b{display:none}.workspace{margin-left:0}.topbar{height:44px}.topbar>span:first-child{display:none}.tracking-layout{grid-template-columns:minmax(0,1fr) 260px}h1{font-size:41px}.heading{margin-bottom:25px}.insight-strip>span{display:none}}@media(max-width:680px){main{padding:25px 18px 0}.sidebar{padding:16px 18px}.topbar{padding:0 18px}.heading{align-items:flex-start;gap:12px}.heading h1{font-size:35px}.heading .eyebrow{font-size:8px}.heading p:last-child{font-size:12px}.outline{font-size:0;padding:9px}.outline:first-letter{font-size:20px}.toolbar{display:block}.search{margin-top:14px}.search input{width:100%}.tabs{justify-content:space-between}.shipment-list{display:flex;overflow-x:auto;padding-bottom:5px}.shipment-card{min-width:235px;flex:1}.tracking-layout{display:block}.map-heading{padding:17px}.map-frame{height:340px}.detail-panel{margin-top:15px}.detail-panel>h2{font-size:27px}.arrival{margin-top:18px}.playback{gap:9px;padding:13px 10px}button.dark{font-size:9px;padding:11px 9px}.map-note{font-size:8px}.section-heading{align-items:flex-start}.section-heading>span{max-width:85px;text-align:right;font-size:9px}.section-heading h2{font-size:23px}#timeline{grid-template-columns:repeat(3,1fr);row-gap:30px}#timeline strong{font-size:10px}.insight-strip{display:block}.insight-strip button{padding:18px 0 0}.route-cards,.calculator{grid-template-columns:1fr}.calculator{padding:20px;gap:25px}.route-option{padding:25px}.climate-hero{padding:27px}.climate-hero h2{font-size:31px}.document-row{flex-wrap:wrap;padding:20px}.document-row h3{font-size:20px}.document-row>div{width:100%}.calc-result{padding:23px}footer>span:nth-child(2){font-size:7px}.map-heading h2{font-size:22px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}