/* Northstar v1.1.0 — navigation-first, map-centered visual redesign. */
:root{--navy:#0a171b;--navy-2:#112b32;--navy-3:#194047;--ink:#142a2d;--muted:#667875;--pale:#f5f7f2;--line:#dce5e0;--accent:#d7f58a;--accent-2:#edffb9;--teal:#1d937e;--r:20px;--shadow:0 20px 60px rgba(18,39,38,.08)}
body{font-family:Inter,"Helvetica Neue",Arial,sans-serif;background:#f8f9f6;color:var(--ink);font-size:15px}
.shell{width:min(1350px,calc(100% - 100px))}
.button{border-radius:6px;font-weight:800;letter-spacing:-.015em;padding:16px 23px;box-shadow:none;transition:.18s ease;min-height:51px}
.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--accent);color:#12241e;box-shadow:none}.button-primary:hover{background:#e4ffa6;color:#12241e;box-shadow:0 7px 22px rgba(21,55,47,.1)}
.button-dark{background:#163b37;color:white}.button-dark:hover{background:#265951}
.button-outline-light{border:1px solid #42616a;color:#f1f8f7;background:transparent}.button-outline-light:hover{color:#fff;background:rgba(255,255,255,.12)}
.announcement{background:#071619;border-bottom:1px solid rgba(255,255,255,.13);font-size:10px;letter-spacing:.07em}.announcement-inner{min-height:29px;color:#c7dad5}.announcement-right{color:#a2bab4}.site-header{background:#071619;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:none}.header-inner{height:80px;gap:38px}
.brand-icon{width:42px;height:42px;border-radius:5px;transform:none;background:var(--accent);color:#142720}.brand-icon .i{transform:none}.brand-copy b{color:#f3f8f3;font-size:22px;letter-spacing:-.065em}.brand-copy small{color:#94a9a0;font-size:7px;letter-spacing:.3em}.main-nav{gap:27px}.main-nav a,.account-link{font-size:12px;font-weight:660;color:#d7e4de}.main-nav a:hover,.account-link:hover{color:var(--accent)}.header-actions{gap:22px}.header-quote{border-radius:4px;padding:12px 17px;font-size:12px;min-height:42px}.nav-toggle{color:#f4f4ed}
.hero{background:#f1f4ef;color:#122825;padding:0 0 110px;overflow:visible;border-bottom:1px solid #e1e9e2}.hero:before{opacity:.24;background-image:linear-gradient(90deg,transparent 98%,#d9e7df 98%);background-size:91px 91px}.hero-glow{display:none}.hero-layout{grid-template-columns:.92fr 1.08fr;gap:54px;min-height:635px;align-items:center;padding:76px 0 55px}.hero-copy{padding-top:0}.hero-label{background:#e2efe5;border:1px solid #c5dbc7;color:#266654;padding:9px 12px;border-radius:5px;font-weight:800;letter-spacing:.125em;font-size:10px}.hero-label .i{color:#248b6b}.hero-label-dot{background:#248b6b}.hero h1{max-width:730px;font-size:clamp(58px,5.15vw,84px);line-height:1.025;letter-spacing:-.075em;font-weight:840;margin:31px 0 25px}.hero h1 em{color:#279173}.hero-copy>p{color:#536b63;max-width:570px;font-size:17px;line-height:1.72;letter-spacing:-.01em;margin-bottom:34px}.hero-ctas{gap:13px}.hero-ctas .button-primary{background:#123d36;color:#fff}.hero-ctas .button-primary:hover{background:#206e5d;color:#fff}.hero-ctas .button-outline-light{color:#173c32;border-color:#b8cfc1;background:transparent}.hero-ctas .button-outline-light:hover{background:#e2ebe2}.hero-trust{color:#677f74;margin-top:37px;gap:22px;font-size:11px;font-weight:750}.hero-trust .i{color:#158b64}
.hero-art{min-height:490px;margin:0;display:flex;align-items:center;justify-content:center;padding:15px 0 35px}.hero-map-wrap{width:100%;position:relative;overflow:hidden;background:#0b2434;border-radius:13px;border:8px solid #142d35;box-shadow:0 35px 65px rgba(14,38,39,.20),0 0 0 1px #b8c9c6}.hero-map-wrap:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 130px #06182273;pointer-events:none}.hero-map-wrap img{width:100%;height:370px;max-width:none;object-fit:cover;filter:none;display:block}.hero-map-meta{height:48px;display:flex;align-items:center;gap:9px;padding:0 23px;background:#102b3b;position:relative;z-index:1;font-size:9px;letter-spacing:.15em;color:#a7c2c8;font-weight:800}.map-brand-dot{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px #d7f58a1d}.hero-map-meta strong{margin-left:auto;font-size:9px;color:#748e9a}.map-bottom-bar{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:18px 23px 20px;background:#0c2533;color:#fff;border-top:1px solid #294955}.map-bottom-bar div{display:flex;flex-direction:column;gap:6px}.map-bottom-bar small{color:#8eabb3;letter-spacing:.15em;font-size:9px;font-weight:800}.map-bottom-bar strong{font-size:16px}.map-bottom-bar strong span{color:#bfe97e;margin:0 10px}.map-demo-tag{color:#c9e1b8;border:1px solid #627d69;padding:6px 9px;border-radius:4px;font-size:9px;letter-spacing:.08em;font-weight:800}.hero-floating{border-radius:6px;padding:16px 18px;background:#fff;box-shadow:0 14px 40px rgba(19,46,44,.15);border:1px solid #e6ede9;color:#132f29;backdrop-filter:none}.hero-floating>.i{color:#158b6b}.hero-floating small{color:#71847c;font-size:9px;font-weight:850}.hero-floating strong{font-size:12px;color:#183e34}.floating-1{left:-4%;top:9%}.floating-2{right:-3%;bottom:4%}
.hero-track-card{margin-bottom:-157px;border-radius:9px;padding:27px 33px 30px;background:#fff;border:1px solid #dde7df;box-shadow:0 25px 55px rgba(21,46,35,.12)}.track-badge,.step-tag{color:#2a8c6d;font-weight:900;font-size:10px}.track-card-head h2{font-size:25px;letter-spacing:-.045em;margin-top:8px}.track-live-prompt{font-size:11px;color:#567666;font-weight:600}.track-live-prompt .status-pulse{background:#2a966e}.tracking-search{background:#f3f6f2;border:1px solid #dce8df;border-radius:5px;min-height:67px}.tracking-search input{font-size:14px}.tracking-search .button{min-height:52px}.sample-links a{background:#eef5ef;color:#28735b;padding:5px 10px;border-radius:3px;font-weight:800}.sample-links{font-size:10px}
.proof-strip{padding:170px 0 44px;background:#f8f9f6}.proof-grid>div{gap:16px;padding:18px;border-color:#dfe6e1}.proof-grid .i{color:#27926e}.proof-grid strong{font-size:12px;color:#18332d}.proof-grid small{font-size:10px;color:#728780}
.section{padding:112px 0}.services-section{background:#f2f5f0}.eyebrow{color:#24856b;font-size:10px;letter-spacing:.2em}.eyebrow-line{background:#29936f;width:27px}.section-intro{max-width:770px;margin-bottom:48px}.section-intro h2{font-size:clamp(34px,3.6vw,52px);font-weight:810;letter-spacing:-.06em;line-height:1.13}.section-intro p{color:#6e8077;font-size:15px}
.service-grid{gap:14px}.service-card{border-radius:5px;border:1px solid #e1e8e0;box-shadow:none;padding:35px;min-height:270px;transition:transform .2s,background .2s,box-shadow .2s}.service-card:hover{background:#ecf9e9;border-color:#bedecb;box-shadow:0 15px 27px rgba(24,51,40,.06)}.service-icon{width:56px;height:56px;border-radius:7px;background:#eaf2e8;color:#1f765e}.service-number{color:#d8e2da;font-size:23px}.service-card h3{font-weight:800;font-size:21px;letter-spacing:-.04em}.service-card p{color:#7a8b83;font-size:12px}.service-link{color:#1d7b5d;font-weight:850}.service-2 .service-icon,.service-5 .service-icon{background:#eef4e6;color:#4a7055}.service-3 .service-icon,.service-6 .service-icon{background:#e9f3f2;color:#237c7a}
.feature-section{background:#092126}.feature-content h2{font-size:clamp(36px,3.5vw,51px);color:#f1f8ef;font-weight:830}.feature-content h2 em{color:#c7ee8a}.feature-content>p{color:#b0c4bc;font-size:15px}.feature-content .eyebrow{color:#c4ef8d}.feature-content .eyebrow-line{background:#b9e775}.feature-list strong{color:#ecf5eb}.feature-list small{color:#98b3a9;font-size:12px}.feature-list>div>.i{background:#254940;color:#b6e88d}.feature-grid{gap:85px}.feature-map-panel{background:#102d37;border:1px solid #2b4c50;border-radius:7px;padding:18px;box-shadow:0 30px 70px #0003}.feature-map-panel img{height:278px;object-fit:cover;object-position:center;display:block;margin:16px 0 20px;border-radius:4px}.feature-progress{font-size:12px}.feature-progress-track{height:4px;background:#2e4c51}.feature-progress-track span{background:var(--accent)}.feature-mini{font-size:10px}.panel-kicker{letter-spacing:.16em}.feature-content .button-dark{background:var(--accent);color:#153028}.feature-content .button-dark:hover{background:#eaffbd;color:#153028}
.process-section{background:#f8f9f6}.step{border-top:1px solid #ccd9d0;padding:28px 8px}.step>b{color:#dce6de}.step-icon{border-radius:5px;background:#eaf1e9;color:#1b7760}.step h3{font-weight:800}.step p{color:#768a80}
.cta-section{background:#16382f url('/assets/map-premium.svg') 95% center/420px no-repeat;padding:90px 0}.cta-inner h2{font-size:clamp(32px,3vw,50px);font-weight:820;letter-spacing:-.055em}.cta-inner p{color:#b0cbb9}.cta-inner .eyebrow{color:#c8f19a}
.site-footer{background:#071819;color:#a1b9b0}.footer-grid{padding-top:85px;padding-bottom:75px}.brand-footer .brand-copy b{color:#fff}.brand-footer .brand-icon{background:#cbed8b}.footer-about p{color:#93a9a1}.footer-grid h4{color:#ebf7f0}.footer-grid>div:not(:first-child) a{color:#9fb4ab}.footer-grid>div:not(:first-child) a:hover{color:#efffe3}.footer-bottom{border-color:#28433b}
/* Tracking / inner pages */
.subhero{background:#102d32;padding:75px 0 105px}.track-subhero{background:linear-gradient(117deg,#0b2125,#163a39);padding:85px 0 120px}.subhero h1{font-size:clamp(46px,5.1vw,75px);font-weight:830;letter-spacing:-.07em}.subhero p{font-size:16px;color:#b2cbc1}.track-subhero h1 em{color:#cff195}.subhero .eyebrow{color:#c5e9aa}.subhero .eyebrow-line{background:#c5e9aa}.track-page{background:#f2f5f2}.track-find-card{border:1px solid #d8e3db;border-radius:7px;box-shadow:0 22px 50px #12332a19}.tracking-result{margin-top:35px}.result-head h2{font-size:37px;letter-spacing:-.06em}.route-summary{background:#fff;border:1px solid #dce6de;border-radius:7px}.route-dot.origin-dot{background:#245d4c}.route-dot.destination-dot{background:#c0e58a}.map-card,.timeline-card,.info-card,.help-card{border:1px solid #dce7df;border-radius:7px;box-shadow:0 8px 32px #18302709}.map-header{padding:20px 23px}.map-header strong{font-size:16px}.map-header span{font-size:11px}.shipment-map{height:520px}.map-footer{background:#fafbf8}.timeline-event .timeline-point{background:#e5f2df;color:#266d56}.timeline-current .timeline-point{background:#b7e783}.timeline-card .card-heading h3{font-size:20px}.info-card-title{background:#f9fbf6}.notice-demo{border-radius:7px}
/* Dashboards and form surfaces */
.dashboard-page{background:#f4f7f2}.metric{box-shadow:none;border-radius:7px}.metric strong{color:#18352c}.dash-panel{border-radius:7px;box-shadow:none}.admin-nav{border-radius:7px}.admin-nav>a.active{background:#1b4b3f}.form-panel,.auth-card{border-radius:7px}
@media(max-width:1200px){.shell{width:min(100% - 72px,1350px)}.hero h1{font-size:clamp(48px,5vw,68px)}.hero-layout{gap:35px}.hero-map-wrap img{height:325px}.floating-1{left:-1%}.floating-2{right:-1%}}
@media(max-width:960px){.shell{width:min(100% - 44px,1350px)}.main-nav{background:#0d2428;border-top:1px solid #26413b}.main-nav a{color:#ebf5ec}.hero-layout{grid-template-columns:1fr;gap:18px;padding-top:73px}.hero-copy{max-width:650px}.hero h1{font-size:clamp(53px,8vw,77px)}.hero-art{min-height:0;padding:20px 8px 36px}.hero-map-wrap img{height:400px}.hero-track-card{margin-bottom:-165px}.proof-strip{padding-top:183px}.feature-grid{grid-template-columns:1fr;gap:44px}.feature-map-panel{max-width:none}.feature-map-panel img{height:340px}.tracking-right{display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:650px){.shell{width:calc(100% - 32px)}.header-inner{height:68px}.brand-copy b{font-size:18px}.brand-copy small{font-size:6px}.hero{padding-bottom:85px}.hero-layout{padding-top:48px;gap:20px;padding-bottom:35px}.hero h1{font-size:clamp(44px,11.2vw,62px);line-height:1.04;margin:23px 0 20px}.hero-copy>p{font-size:15px;line-height:1.72}.hero-label{font-size:8px}.hero-ctas{display:grid;grid-template-columns:1fr 1fr;gap:9px}.hero-ctas .button{white-space:normal;font-size:12px;padding:12px 8px}.hero-trust{font-size:10px;margin-top:24px}.hero-art{padding:5px 0 0}.hero-map-wrap{border-width:4px}.hero-map-wrap img{height:230px;object-fit:cover}.hero-map-meta{height:38px;padding:0 12px;font-size:8px}.hero-map-meta strong{display:none}.map-bottom-bar{padding:11px 13px}.map-bottom-bar strong{font-size:12px}.map-demo-tag{font-size:8px}.hero-floating{display:none}.hero-track-card{padding:23px 17px 20px;margin-bottom:-183px}.track-card-head h2{font-size:22px;margin:8px 0 14px}.tracking-search{padding:10px;min-height:0}.tracking-search input{font-size:12px}.tracking-search .button{min-height:46px}.proof-strip{padding-top:195px}.proof-grid{grid-template-columns:1fr 1fr;gap:0}.proof-grid>div{padding:14px 6px;min-height:90px}.proof-grid strong{font-size:11px}.proof-grid small{font-size:9px}.section{padding:68px 0}.section-intro h2{font-size:35px}.section-intro{margin-bottom:26px}.service-grid{grid-template-columns:1fr}.service-card{min-height:227px;padding:25px}.feature-map-panel img{height:220px}.feature-content h2{font-size:40px}.feature-grid{gap:35px}.steps-grid{grid-template-columns:1fr 1fr;gap:10px}.step{padding:19px 10px}.step h3{font-size:14px}.step p{font-size:11px}.cta-section{padding:68px 0;background-size:320px}.cta-inner h2{font-size:33px}.subhero{padding:51px 0 90px}.subhero h1{font-size:42px}.subhero p{font-size:14px}.shipment-map{height:360px}.track-find-card{padding:17px}.tracking-right{display:flex}.footer-grid{grid-template-columns:repeat(2,1fr);gap:25px}}
/* Geographic illustration remains visible if external map tiles cannot load. */
.shipment-map{background:#102936 url('/assets/map-premium.svg') center center/cover no-repeat}
.shipment-map .map-load-message{position:absolute;top:15px;left:15px;right:auto;max-width:310px;background:#102a36ee;border:1px solid #345665;color:#e0f3e9;border-radius:5px;padding:10px 13px;font-size:11px;line-height:1.5;z-index:2}