:root {
  color-scheme: light;
  --navy: #0b1d32;
  --navy-2: #132b45;
  --navy-3: #1c3a57;
  --paper: #f4f2ed;
  --white: #fffefa;
  --surface: #eae7df;
  --ink: #14283b;
  --muted: #637080;
  --line: #d4d0c6;
  --brass: #b28e4c;
  --brass-light: #d9c08b;
  --red: #a64938;
  --serif: "Cormorant Garamond", Georgia, serif;
  --sans: "Source Sans 3", "Segoe UI", sans-serif;
  --page: 1320px;
  --header-height: 82px;
}
:root[data-theme="dark"] { color-scheme: dark; --paper:#0d1c2b; --white:#14283b; --surface:#1a3045; --ink:#edf0ed; --muted:#b2bec7; --line:#314659; --navy:#081726; --navy-2:#10243a; --navy-3:#1a3651; --brass:#d1ad65; --brass-light:#e2ca95; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:calc(var(--header-height) + 18px); }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--sans); font-size:16px; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
button, input, select, textarea { font:inherit; }
button { color:inherit; }
img, svg { max-width:100%; }
:focus-visible { outline:2px solid var(--brass); outline-offset:4px; }
::selection { background:var(--brass-light); color:var(--navy); }
.page-wrap { width:min(var(--page),calc(100% - 112px)); margin-inline:auto; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link { position:fixed; z-index:100; top:12px; left:12px; padding:12px 16px; background:var(--brass); color:var(--navy); transform:translateY(-150%); }
.skip-link:focus { transform:translateY(0); }
.page-loader { position:fixed; z-index:1000; inset:0; display:grid; place-content:center; justify-items:center; gap:14px; background:var(--navy); color:var(--brass-light); transition:opacity .55s ease, visibility .55s ease; }
.page-loader img { width:60px; height:60px; animation:loader-turn 2s ease-in-out infinite; }
.page-loader span { font-size:10px; font-weight:700; letter-spacing:2.4px; }
.page-loader i { width:112px; height:1px; background:var(--navy-3); overflow:hidden; }
.page-loader i::after { content:""; display:block; width:40%; height:100%; background:var(--brass); animation:loader-progress 1.2s ease-in-out infinite; }
.page-loader.is-done { opacity:0; visibility:hidden; }
@keyframes loader-progress { from { transform:translateX(-110%); } to { transform:translateX(280%); } }
@keyframes loader-turn { 50% { transform:rotate(8deg) scale(1.04); } }
.site-header { position:sticky; z-index:100; top:0; height:var(--header-height); padding-inline:max(56px,calc((100vw - var(--page))/2)); display:flex; align-items:center; justify-content:space-between; gap:30px; background:var(--paper); border-bottom:1px solid var(--line); }
.wordmark { display:inline-flex; align-items:center; gap:12px; flex:0 0 auto; }
.wordmark img { display:block; width:46px; height:46px; }
.wordmark > span { display:grid; gap:3px; }
.wordmark strong { color:var(--ink); font-size:12px; font-weight:700; letter-spacing:1.15px; }
.wordmark small { color:var(--muted); font-size:8px; font-weight:600; letter-spacing:1.8px; }
.site-nav { display:flex; align-items:center; gap:clamp(16px,2.2vw,32px); font-size:13px; font-weight:600; }
.site-nav > a:not(.button) { padding-block:12px; color:var(--muted); transition:color .2s ease; }
.site-nav > a:not(.button):hover { color:var(--brass); }
.nav-mega { position:static; }
.nav-mega > summary { position:relative; padding-block:12px; color:var(--muted); font-size:13px; font-weight:600; cursor:pointer; list-style:none; white-space:nowrap; }
.nav-mega > summary::-webkit-details-marker { display:none; }
.nav-mega > summary::after { content:""; width:5px; height:5px; margin:0 0 3px 8px; display:inline-block; border-right:1px solid var(--brass); border-bottom:1px solid var(--brass); transform:rotate(45deg); transition:transform .2s ease; }
.nav-mega[open] > summary { color:var(--ink); }
.nav-mega[open] > summary::after { transform:translateY(3px) rotate(225deg); }
.mega-panel { position:absolute; top:100%; left:50%; width:min(960px,calc(100vw - 64px)); padding:28px 32px; display:none; grid-template-columns:1fr 1fr 1.15fr; gap:30px; border-top:2px solid var(--brass); background:var(--white); box-shadow:0 18px 32px rgb(0 0 0 / .16); transform:translateX(-50%); }
.nav-mega[open] .mega-panel { display:grid; }
.mega-panel > div { display:grid; align-content:start; gap:11px; }
.mega-panel small { margin-bottom:3px; color:var(--brass); font-size:9px; font-weight:700; letter-spacing:1.3px; }
.mega-panel a { color:var(--ink); font-size:13px; }
.mega-panel a:hover { color:var(--brass); }
.mega-panel > p { max-width:260px; margin:0; padding-left:22px; align-self:center; border-left:1px solid var(--line); color:var(--muted); font-size:13px; line-height:1.6; }
.nav-contact-link { padding-block:12px; color:var(--muted); font-size:13px; font-weight:600; }
.nav-contact-link:hover { color:var(--brass); }
.button { min-height:48px; padding:0 19px; display:inline-flex; align-items:center; justify-content:center; gap:17px; border:1px solid transparent; border-radius:2px; font-size:13px; font-weight:700; cursor:pointer; transition:transform .22s ease, background .22s ease, color .22s ease, border-color .22s ease; }
.button:hover { transform:translateY(-2px); }
.button span { font-size:17px; line-height:1; }
.button-gold { background:var(--brass); color:#101c29; }
.button-gold:hover { background:var(--brass-light); }
.button-navy { background:var(--navy); color:#fff; }
.button-navy:hover { background:var(--navy-3); }
.button-outline { border-color:var(--line); background:transparent; color:var(--ink); }
.button-whatsapp { background:#23795a; color:white; }
.button-whatsapp:hover { background:#155c42; }
.whatsapp-icon { width:18px; height:18px; flex:0 0 18px; display:inline-block; fill:currentColor; vertical-align:middle; }
a.has-whatsapp-icon { display:inline-flex; align-items:center; gap:8px; }
.theme-toggle { width:40px; height:40px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; background:transparent; color:var(--ink); font-size:20px; cursor:pointer; transition:background .2s ease; }
.theme-toggle:hover { background:var(--surface); }
.menu-toggle { display:none; }
.hero { position:relative; overflow:hidden; padding:70px 0 26px; background-color:var(--navy); color:#f8f5ec; }
.hero::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.3; background-image:radial-gradient(ellipse at 67% 37%,rgb(44 78 105 / .46),transparent 48%),linear-gradient(120deg,transparent 55%,rgb(10 30 49 / .7)); }
.hero-inner { position:relative; min-height:510px; display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:3.5%; }
.hero-copy { position:relative; z-index:2; padding:10px 0 38px; }
.eyebrow { margin:0 0 19px; color:var(--brass); font-size:10px; font-weight:700; letter-spacing:1.7px; line-height:1.5; }
.eyebrow-rule { width:28px; height:1px; margin:0 10px 3px 0; display:inline-block; background:var(--brass); }
h1,h2,h3,h4,p { margin-top:0; }
.hero h1 { max-width:610px; margin:0; color:#fbf9f2; font-family:var(--serif); font-size:clamp(58px,7vw,100px); font-weight:500; line-height:.88; }
.hero h1 em,.section-heading h2 em,.journey-intro h2 em,.tool-copy h3 em,.why-layout h2 em,.resource-item h3 em,.faq-intro h2 em,.planner-intro h2 em,.contact-intro h2 em,.privacy-layout h2 em { color:var(--brass-light); font-weight:400; }
.hero-intro { max-width:410px; margin:25px 0 28px; color:#becbd4; font-size:16px; line-height:1.7; }
.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:22px; }
.quiet-link { color:#e2e5e3; font-size:13px; font-weight:600; }
.quiet-link span { margin-left:6px; color:var(--brass-light); }
.hero-visual { position:relative; min-width:0; height:min(45vw,500px); max-height:500px; color:#9fb4c0; transform:translate3d(0,var(--parallax-y,0),0); transition:transform .1s linear; }
.trade-map { width:100%; height:100%; overflow:visible; }
.land-mass { fill:#17344e; stroke:#36556b; stroke-width:1.2; }
.route-layer { stroke-linecap:round; }
.trade-route { stroke:var(--brass-light); stroke-width:2; stroke-dasharray:8 9; opacity:.9; filter:drop-shadow(0 0 4px rgb(224 191 121 / .55)); animation:route-draw 3.2s ease-out both,route-glow 3.2s ease-in-out infinite alternate; }
.trade-route.is-highlighted { stroke:#fff2ce; stroke-width:3.2; opacity:1; filter:drop-shadow(0 0 9px rgb(255 226 165 / .9)); }
.air-route { stroke:#b2ced7; stroke-dasharray:2 8; stroke-width:1.4; animation-delay:.7s,0s; }
.route-secondary { opacity:.45; animation-delay:1.2s,0s; }
@keyframes route-draw { from { stroke-dashoffset:430; } to { stroke-dashoffset:0; } }
@keyframes route-glow { to { opacity:.48; } }
.port-markers circle { fill:var(--brass-light); stroke:#fff4d9; stroke-width:1.5; filter:drop-shadow(0 0 7px rgb(229 197 133 / .8)); transform-box:fill-box; transform-origin:center; animation:port-pulse 2.4s ease-in-out infinite; }
.port-markers circle:nth-child(2) { animation-delay:.4s; }.port-markers circle:nth-child(3) { animation-delay:.8s; }.port-markers circle:nth-child(4) { animation-delay:1.2s; }
@keyframes port-pulse { 50% { transform:scale(1.75); opacity:.65; } }
.map-labels { fill:#e3e7e2; font-family:var(--sans); font-size:11px; font-weight:600; letter-spacing:1.4px; }
.moving-vessel { fill:var(--brass-light); offset-path:path("M443 410 C472 342 520 268 587 208"); offset-distance:0%; animation:sail-route 16s linear infinite; filter:drop-shadow(0 0 8px var(--brass)); }
.moving-aircraft { fill:#d7e8eb; offset-path:path("M708 185 C680 252 614 322 540 373 S475 407 443 410"); offset-distance:0%; animation:sail-route 22s 2s linear infinite; filter:drop-shadow(0 0 6px #abd0dd); }
@keyframes sail-route { to { offset-distance:100%; } }
.map-caption { position:absolute; z-index:2; top:13px; right:8px; left:6%; display:flex; justify-content:space-between; color:#b9c7cb; font-size:9px; font-weight:700; letter-spacing:1.4px; }
.live-mark { display:flex; align-items:center; gap:8px; }.live-mark i { width:6px;height:6px;border-radius:50%;background:var(--brass-light);box-shadow:0 0 0 4px rgb(218 192 139 / .15); }
.visual-coordinate { position:absolute; right:8%; bottom:5%; color:#90a6b3; font-size:9px; letter-spacing:1.3px; }
.hero-track { position:relative; z-index:3; min-height:166px; padding:24px 28px 19px; display:grid; grid-template-columns:.75fr 1.8fr; gap:30px; align-items:center; background:var(--white); color:var(--ink); box-shadow:0 16px 38px rgb(0 0 0 / .18); }
.track-index { display:block; margin-bottom:12px; color:var(--brass); font-size:9px; font-weight:700; letter-spacing:1.4px; }
.track-title h2 { margin:0; font-family:var(--serif); font-size:31px; font-weight:500; line-height:1; }
.track-workspace { min-width:0; }
.track-tabs { display:flex; gap:20px; overflow-x:auto; border-bottom:1px solid var(--line); scrollbar-width:thin; }
.track-tab { position:relative; flex:0 0 auto; padding:0 0 11px; border:0; background:transparent; color:var(--muted); font-size:12px; cursor:pointer; }
.track-tab::after { content:""; position:absolute; right:0; bottom:-1px; left:0; height:2px; background:transparent; }
.track-tab.is-active { color:var(--ink); font-weight:700; }.track-tab.is-active::after { background:var(--brass); }
.tracking-form { display:grid; grid-template-columns:1.15fr .9fr auto; gap:10px; padding-top:13px; }
.tracking-reference,.tracking-carrier { min-width:0; display:flex; align-items:center; border:1px solid var(--line); background:var(--paper); }
.tracking-reference input,.tracking-carrier select { width:100%; min-width:0; height:44px; padding:0 12px; border:0; outline:0; background:transparent; color:var(--ink); font-size:13px; }
.input-corner { padding-right:12px; color:var(--brass); }
.tracking-form .button { min-height:44px; white-space:nowrap; }
.track-disclaimer { margin:9px 0 0; color:var(--muted); font-size:10px; }
.quote-track-panel:not([hidden]) { min-height:64px; padding-top:13px; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.quote-track-panel p { margin:0; color:var(--muted); font-size:13px; }
.quote-track-panel .button { min-height:42px; flex:0 0 auto; }
.hero-bottom { padding-top:17px; display:flex; justify-content:space-between; color:#90a4b1; font-size:8px; font-weight:600; letter-spacing:1.5px; }
.proof-strip { background:var(--brass); color:#172638; }
.proof-inner { min-height:134px; display:grid; grid-template-columns:1.4fr .75fr .85fr 1fr; align-items:center; gap:25px; }
.proof-inner > p { margin:0; font-family:var(--serif); font-size:25px; line-height:1.08; }.proof-inner > p em { color:#f5e8c8; }
.proof-stat { display:flex; align-items:center; gap:15px; }.proof-stat strong { color:var(--navy); font-family:var(--serif); font-size:42px; font-weight:500; }.proof-stat > span { font-size:9px; font-weight:700; letter-spacing:1px; line-height:1.5; }
.proof-note { color:#314052; font-size:11px; line-height:1.55; }.gold-rule { width:26px;height:1px;background:var(--navy); }
.section { padding:108px 0 112px; }
.section-heading { max-width:800px; margin-bottom:48px; }.section-heading .eyebrow { margin-bottom:15px; }
.section-heading h2,.journey-intro h2,.why-layout h2,.faq-intro h2,.planner-intro h2,.contact-intro h2,.privacy-layout h2 { margin:0; font-family:var(--serif); font-size:clamp(40px,5.3vw,67px); font-weight:500; line-height:.99; }
.section-heading h2 em { color:var(--brass); }.section-lede { max-width:610px; margin:18px 0 0; color:var(--muted); font-size:16px; line-height:1.65; }
.service-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.service-card { min-height:228px; padding:24px 24px 22px; display:flex; flex-direction:column; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:var(--paper); transition:background .25s ease,transform .25s ease,box-shadow .25s ease; }
.service-card:hover { position:relative; z-index:1; transform:translateY(-4px); background:var(--white); box-shadow:0 12px 24px rgb(11 29 50 / .08); }
.service-icon { width:31px;height:31px;margin-bottom:22px;display:grid;place-items:center;border:1px solid var(--brass);color:var(--brass);font-size:9px;font-weight:700; }
.service-icon svg { width:21px; height:21px; display:block; fill:none; stroke:currentColor; stroke-width:1.45; stroke-linecap:round; stroke-linejoin:round; }
.service-card h3 { margin:0 0 8px; font-family:var(--serif); font-size:25px; font-weight:600; }
.service-card p { margin:0 0 17px; color:var(--muted); font-size:14px; line-height:1.55; }
.service-quote { margin-top:auto; padding:9px 0 0; display:flex; justify-content:space-between; width:100%; border:0; border-top:1px solid var(--line); background:transparent; color:var(--ink); font-size:12px; font-weight:700; text-align:left; cursor:pointer; }
.service-quote span { color:var(--brass); font-size:16px; transition:transform .2s ease; }.service-quote:hover span { transform:translate(3px,-2px); }
.journey-section { padding:104px 0 110px; background:var(--surface); }
.journey-layout { display:grid; grid-template-columns:.72fr 1.28fr; gap:10%; }
.journey-intro { position:sticky; top:calc(var(--header-height) + 35px); align-self:start; }.journey-intro h2 { max-width:420px; }.journey-intro h2 em,.faq-intro h2 em,.planner-intro h2 em,.privacy-layout h2 em { color:var(--brass); }
.journey-intro > p:last-child,.faq-intro > p:last-child { max-width:360px; margin:21px 0 0; color:var(--muted); font-size:15px; line-height:1.7; }
.journey-timeline { position:relative; margin:0; padding:0 0 0 52px; list-style:none; }.journey-timeline::before,.journey-timeline::after { content:""; position:absolute; top:11px; bottom:12px; left:9px; width:1px; background:var(--line); }.journey-timeline::after { height:var(--timeline-progress,0%); max-height:calc(100% - 23px); background:var(--brass); transition:height .2s ease; }
.journey-timeline li { position:relative; min-height:97px; padding:0 0 25px; display:grid; grid-template-columns:1fr; }.journey-timeline li > span { position:absolute; z-index:1; top:0; left:-52px; width:19px; height:19px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; background:var(--surface); color:var(--muted); font-size:8px; font-weight:700; }.journey-timeline li.is-visible > span { border-color:var(--brass); background:var(--brass); color:var(--navy); }
.journey-timeline h3 { margin:0 0 3px; font-family:var(--serif); font-size:25px; font-weight:600; }.journey-timeline p { max-width:480px; margin:0; color:var(--muted); font-size:14px; line-height:1.55; }
.lanes-section { background:var(--white); }
.lane-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:var(--line); border:1px solid var(--line); }
.lane-card { min-height:166px; padding:24px 27px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:10px 25px; background:var(--white); transition:background .2s ease; }.lane-card:hover,.lane-card.is-highlighted { background:var(--surface); }
.lane-card > small { grid-column:1/-1; color:var(--brass); font-size:9px; font-weight:700; letter-spacing:1.5px; }.lane-route { display:flex; align-items:center; gap:12px; font-family:var(--serif); font-size:clamp(23px,3vw,34px); font-weight:500; }.lane-route i { width:35px;height:1px;background:var(--brass);position:relative; }.lane-route i::after { content:""; position:absolute; right:0; top:-3px; width:6px; height:6px; border-top:1px solid var(--brass); border-right:1px solid var(--brass); transform:rotate(45deg); }.lane-card > span:last-child { grid-column:1/-1; color:var(--muted); font-size:11px; }
.tool-suite { padding:108px 0 110px; background:var(--navy-2); color:#f6f2e9; }
.section-heading-light { margin-bottom:38px; }.section-heading-light h2 { color:#fffaf1; }.section-heading-light h2 em { color:var(--brass-light); }.section-heading-light .section-lede { color:#bbc7cc; }
.tool-nav { display:flex; overflow-x:auto; border-bottom:1px solid #405263; scrollbar-width:thin; }.tool-tab { flex:0 0 auto; min-height:50px; padding:0 17px; border:0; border-bottom:2px solid transparent; background:transparent; color:#aebdc6; font-size:13px; font-weight:600; cursor:pointer; }.tool-tab:first-child { padding-left:0; }.tool-tab.is-active { border-color:var(--brass-light); color:#fff7e8; }
.tool-panels { min-height:410px; }.tool-panel { min-height:410px; padding:34px 0; display:grid; grid-template-columns:1fr 1fr; align-items:start; gap:8%; }.tool-panel[hidden] { display:none; }.tool-copy .eyebrow { color:var(--brass-light); }.tool-copy h3 { margin:0 0 12px; color:#fff9ee; font-family:var(--serif); font-size:36px; font-weight:500; line-height:1.05; }.tool-copy > p:not(.eyebrow) { max-width:470px; color:#bdc8cf; font-size:14px; line-height:1.65; }
.field-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 12px; }.field-grid label,.checklist-controls > label,.select-label,.incoterm-picker > label,.transit-picker > label { min-width:0; display:grid; gap:6px; color:var(--muted); font-size:11px; font-weight:700; }.field-grid input,.field-grid select,.field-grid textarea,.checklist-controls select,.tool-copy select,.incoterm-picker select,.transit-picker select { width:100%; min-height:43px; padding:9px 11px; border:1px solid var(--line); border-radius:0; background:var(--white); color:var(--ink); font-size:13px; }.field-grid textarea { resize:vertical; }.span-wide { grid-column:1/-1; }
.tool-form .field-grid label,.checklist-controls > label,.tool-copy .select-label,.incoterm-picker > label,.transit-picker > label { color:#d3dce0; }.tool-form .field-grid input,.checklist-controls select,.tool-copy select,.incoterm-picker select,.transit-picker select { border-color:#536473; background:#172f46; color:#fff; }
.tool-actions,.form-actions { margin-top:20px; display:flex; flex-wrap:wrap; align-items:center; gap:14px; }.text-button { padding:10px 0; border:0; background:transparent; color:var(--brass); font-size:12px; font-weight:700; cursor:pointer; }.text-button:hover { color:var(--brass-light); }.text-button span { padding-left:5px; }.text-button:disabled { opacity:.45; cursor:not-allowed; }
.tool-result { margin:18px 0 0; padding:13px 15px; border-left:2px solid var(--brass); background:rgb(255 255 255 / .055); color:#e5e8e5; font-size:13px; line-height:1.6; }.tool-result strong { color:var(--brass-light); }
.container-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; align-content:start; }.container-options article { min-width:0; padding:12px; border:1px solid #405263; background:rgb(255 255 255 / .035); }.container-options svg { width:100%; height:54px; fill:none; stroke:var(--brass-light); stroke-width:1.25; }.container-options h4 { margin:9px 0 2px; font-family:var(--serif); font-size:19px; font-weight:600; }.container-options p,.container-options small { display:block; margin:0; color:#bac6cd; font-size:10px; line-height:1.5; }.guide-caveat { grid-column:1/-1; margin:0; color:#aab9c2; font-size:10px; line-height:1.5; }
.incoterm-visual { margin-top:26px; padding:17px 0 0; }.incoterm-visual::before { content:""; height:2px; display:block; background:linear-gradient(90deg,var(--brass) 0 var(--seller-cost,50%),#647789 var(--seller-cost,50%) 100%); }.incoterm-visual::after { content:""; width:10px; height:10px; display:block; margin-top:-6px; margin-left:calc(var(--risk-transfer,50%) - 5px); border:2px solid var(--brass-light); border-radius:50%; background:var(--navy-2); }.stage-labels { margin-top:17px; display:flex; justify-content:space-between; gap:8px; color:#bec9cf; font-size:9px; }.responsibility-legend { margin:17px 0; display:grid; gap:9px; color:#c3ced3; font-size:11px; }.responsibility-legend span { display:flex; gap:9px; align-items:center; }.responsibility-legend i { width:13px;height:3px;display:inline-block;background:var(--brass); }.responsibility-legend .risk-key { width:10px;height:10px;border:2px solid var(--brass-light);border-radius:50%;background:var(--navy-2); }.tool-footnote { margin:17px 0 0; color:#aab9c2; font-size:11px; line-height:1.55; }
.checklist-controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; }.checklist-items { grid-column:1/-1; margin:0; padding:18px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; border:1px solid #536473; }.checklist-items legend { padding:0 8px; color:var(--brass-light); font-size:12px; font-weight:700; }.checklist-items label { display:flex; gap:9px; align-items:flex-start; color:#e4e7e4; font-size:12px; line-height:1.4; }.checklist-items input { accent-color:var(--brass); }
.transit-result { margin-top:22px; padding:18px 20px; display:grid; gap:5px; border:1px solid #4b5e6d; background:rgb(255 255 255 / .04); }.transit-result strong { color:var(--brass-light); font-family:var(--serif); font-size:25px; font-weight:500; }.transit-result span { color:#c3cdd2; font-size:12px; }
.carrier-marquee { height:67px; display:flex; overflow:hidden; align-items:center; gap:28px; background:var(--brass); color:var(--navy); }.marquee-label { position:relative; z-index:2; height:100%; flex:0 0 auto; padding:0 24px 0 max(56px,calc((100vw - var(--page))/2)); display:flex; align-items:center; background:var(--brass); font-size:9px; font-weight:700; letter-spacing:1.3px; }.marquee-window { min-width:0; overflow:hidden; }.marquee-track { width:max-content; display:flex; align-items:center; gap:42px; animation:marquee-scroll 45s linear infinite; }.marquee-track span { font-family:var(--serif); font-size:21px; font-weight:600; white-space:nowrap; }.carrier-marquee:hover .marquee-track { animation-play-state:paused; }
@keyframes marquee-scroll { to { transform:translateX(-50%); } }
.carriers-section { background:var(--paper); }.carrier-toolbar { margin:0 0 14px; display:flex; align-items:center; justify-content:space-between; gap:15px; }.carrier-search { width:min(100%,380px); min-height:46px; padding:0 13px; display:flex; align-items:center; gap:10px; border:1px solid var(--line); background:var(--white); }.carrier-search > span { color:var(--brass); font-size:20px; }.carrier-search input { width:100%; min-width:0; border:0; outline:0; background:transparent; color:var(--ink); font-size:13px; }.carrier-search kbd { padding:2px 6px; border:1px solid var(--line); color:var(--muted); font-size:10px; }.carrier-count { color:var(--muted); font-size:11px; }.carrier-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid var(--line); }.carrier-item { min-width:0; min-height:72px; padding:14px 18px 14px 0; display:grid; grid-template-columns:minmax(120px,.8fr) 1.2fr 20px; gap:16px; align-items:center; border-bottom:1px solid var(--line); transition:background .2s ease,padding .2s ease; }.carrier-item:nth-child(even) { padding-left:18px; border-left:1px solid var(--line); }.carrier-item:hover { background:var(--white); padding-left:10px; }.carrier-item strong { font-family:var(--serif); font-size:20px; font-weight:600; }.carrier-item span { color:var(--muted); font-size:11px; }.carrier-item i { color:var(--brass); font-size:16px; font-style:normal; }.carrier-item[hidden] { display:none; }.carrier-empty { color:var(--muted); font-size:13px; }.tracking-note { margin:23px 0 0; padding-top:14px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; line-height:1.6; }
.why-section { padding:106px 0; background:var(--surface); }.why-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:9%; }.why-layout h2 { max-width:500px; }.why-layout h2 em { color:var(--brass); }.why-layout .section-lede { max-width:440px; }.proof-points { border-top:1px solid var(--line); }.proof-points article { min-height:94px; display:grid; grid-template-columns:38px 1fr; gap:16px; align-items:center; border-bottom:1px solid var(--line); }.proof-points article > span { color:var(--brass); font-size:10px; font-weight:700; }.proof-points h3 { margin:0 0 3px; font-family:var(--serif); font-size:23px; font-weight:600; }.proof-points p { margin:0; color:var(--muted); font-size:12px; }
.resources-section { background:var(--white); }.resource-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.resource-item { min-height:250px; padding:23px 24px 24px 0; display:flex; flex-direction:column; }.resource-item + .resource-item { padding-left:24px; border-left:1px solid var(--line); }.resource-item > span,.testimonial-slots article > span { color:var(--brass); font-size:9px; font-weight:700; letter-spacing:1.3px; }.resource-item h3 { margin:23px 0 9px; font-family:var(--serif); font-size:27px; font-weight:600; }.resource-item p { margin:0 0 18px; color:var(--muted); font-size:13px; line-height:1.6; }.resource-item a { margin-top:auto; padding-top:12px; display:flex; justify-content:space-between; border-top:1px solid var(--line); color:var(--ink); font-size:11px; font-weight:700; }.resource-item a b { color:var(--brass); font-size:15px; }
.faq-section { padding:106px 0 110px; background:var(--surface); }.faq-layout { display:grid; grid-template-columns:.75fr 1.25fr; gap:10%; align-items:start; }.faq-intro { position:sticky; top:calc(var(--header-height) + 30px); }.faq-intro h2 em { color:var(--brass); }.faq-list { border-top:1px solid var(--line); }.faq-list details { border-bottom:1px solid var(--line); }.faq-list summary { position:relative; padding:18px 34px 18px 0; color:var(--ink); font-family:var(--serif); font-size:21px; font-weight:600; line-height:1.15; cursor:pointer; list-style:none; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary::after { content:"+"; position:absolute; top:50%; right:3px; color:var(--brass); font-family:var(--sans); font-size:20px; font-weight:400; transform:translateY(-50%); transition:transform .2s ease; }.faq-list details[open] summary::after { transform:translateY(-50%) rotate(45deg); }.faq-list details p { max-width:650px; margin:0; padding:0 20px 18px 0; color:var(--muted); font-size:13px; line-height:1.7; }
.testimonials-section { background:var(--white); }.testimonial-slots { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }.testimonial-slots article { min-height:168px; padding:23px; border:1px dashed var(--line); background:var(--paper); }.testimonial-slots article p { margin:25px 0 13px; font-family:var(--serif); font-size:23px; font-style:italic; }.testimonial-slots article small { color:var(--muted); font-size:11px; }
.planner-section { background:var(--navy); color:#f8f5ec; }.planner-layout { display:grid; grid-template-columns:.7fr 1.3fr; align-items:start; gap:8%; }.planner-intro { position:sticky; top:calc(var(--header-height) + 30px); }.planner-intro h2 { font-size:clamp(40px,4.5vw,59px); }.planner-intro > p:not(.eyebrow) { max-width:390px; margin:22px 0; color:#bac7cf; font-size:14px; line-height:1.7; }.privacy-inline { color:var(--brass-light); font-size:12px; font-weight:600; }.privacy-inline span { margin-left:5px; }.privacy-inline a { text-decoration:underline; text-underline-offset:3px; }
.brief-tool { padding:27px; background:var(--white); color:var(--ink); }.brief-tool .field-grid { gap:15px 13px; }.brief-tool .field-grid label,.quote-panel .field-grid label { color:var(--ink); }.brief-tool .field-grid input,.brief-tool .field-grid select,.brief-tool .field-grid textarea,.quote-panel .field-grid input,.quote-panel .field-grid select,.quote-panel .field-grid textarea { background:var(--white); }.form-note { max-width:480px; color:var(--muted); font-size:11px; line-height:1.5; }.brief-result { margin-top:23px; padding:20px; border:1px solid var(--line); background:var(--paper); }.brief-result[hidden] { display:none; }.result-heading { display:flex; align-items:center; justify-content:space-between; }.result-heading .eyebrow { margin-bottom:3px; font-size:9px; }.result-heading h3 { margin:0; font-family:var(--serif); font-size:26px; font-weight:600; }.result-heading > span { color:#427754; font-size:22px; }.brief-summary { margin:15px 0 0; border-top:1px solid var(--line); }.brief-summary > div { padding:8px 0; display:grid; grid-template-columns:minmax(120px,.45fr) 1fr; gap:13px; border-bottom:1px solid var(--line); }.brief-summary dt { color:var(--muted); font-size:11px; }.brief-summary dd { margin:0; font-size:12px; line-height:1.5; overflow-wrap:anywhere; }.result-actions { margin-top:15px; display:flex; flex-wrap:wrap; gap:8px; }.result-actions .button { min-height:42px; padding-inline:13px; font-size:11px; }.result-note { margin:11px 0 0; color:var(--muted); font-size:11px; }
.contact-section { padding:109px 0 112px; background:var(--surface); }.contact-layout { display:grid; grid-template-columns:.78fr 1.22fr; gap:8%; align-items:start; }.contact-intro h2 { font-size:clamp(42px,5vw,64px); }.contact-intro h2 em { color:var(--brass); }.contact-intro .section-lede { font-size:14px; }.contact-details { max-width:500px; margin:28px 0 23px; border-top:1px solid var(--line); }.contact-details > div { min-height:52px; padding:12px 0; display:grid; grid-template-columns:132px 1fr; gap:14px; border-bottom:1px solid var(--line); }.contact-details dt { color:var(--muted); font-size:9px; font-weight:700; letter-spacing:1px; }.contact-details dd { margin:0; color:var(--ink); font-size:13px; overflow-wrap:anywhere; }.contact-details a:hover { color:var(--brass); }.map-card { display:block; max-width:500px; border:1px solid var(--line); background:var(--white); }.map-card svg { width:100%; height:126px; display:block; fill:none; stroke:var(--line); stroke-width:1; }.map-card svg .map-coast { stroke:var(--brass); stroke-width:3; }.map-card svg .map-road { stroke:var(--muted); stroke-width:1.4; stroke-dasharray:3 5; }.map-card svg circle { fill:var(--brass); stroke:none; }.map-card svg .map-ring { fill:none; stroke:var(--brass); stroke-width:1; }.map-card > span { padding:11px 12px; display:flex; justify-content:space-between; gap:10px; color:var(--muted); font-size:9px; font-weight:700; letter-spacing:.7px; }.map-card b { color:var(--brass); font-size:8px; }
.quote-panel { padding:26px; background:var(--white); color:var(--ink); box-shadow:0 8px 25px rgb(11 29 50 / .07); }.quote-heading { margin-bottom:20px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:12px 18px; }.quote-heading .eyebrow { margin-bottom:4px; }.quote-heading h3 { margin:0; font-family:var(--serif); font-size:29px; font-weight:600; }.quote-heading .text-button { flex:0 0 auto; }.quote-heading .quote-whatsapp-link { white-space:normal; text-align:center; }.quote-grid { gap:13px 12px; }.quote-grid small { color:var(--muted); font-size:10px; font-weight:400; }.quote-panel .form-actions { align-items:flex-start; }.quote-status { min-height:0; margin:12px 0 0; color:var(--muted); font-size:12px; line-height:1.6; }.quote-status.is-success { padding:11px 13px; background:#e5f1e7; color:#245d38; }.quote-status.is-error { padding:11px 13px; background:#f7e9e5; color:#873b30; }.quote-whatsapp-success { margin-top:10px; white-space:normal; text-align:center; }.quote-whatsapp-success[hidden] { display:none; }.quote-submit-row button:disabled { cursor:wait; opacity:.7; }.quote-privacy { margin:15px 0 0; color:var(--muted); font-size:11px; }.quote-privacy a { color:var(--brass); text-decoration:underline; text-underline-offset:3px; }.honeypot-field { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
.privacy-section { padding:78px 0; background:var(--paper); }.privacy-layout { display:grid; grid-template-columns:.7fr 1.3fr; gap:8%; }.privacy-layout h2 { font-size:43px; }.privacy-layout h2 em { color:var(--brass); }.privacy-layout > div:last-child p { max-width:760px; margin:0 0 12px; color:var(--muted); font-size:13px; line-height:1.7; }
.site-footer { padding:27px 0; background:var(--navy); color:#f5f1e8; }.footer-inner { min-height:54px; display:flex; align-items:center; justify-content:space-between; gap:20px; }.footer-inner .wordmark strong { color:#fff; }.footer-inner .wordmark small { color:#aebbc1; }.footer-inner > p { margin:0; color:#b7c2c8; font-size:11px; }.footer-inner > p span { padding-inline:5px; color:var(--brass-light); }.footer-links { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:12px 20px; color:#d6dce0; font-size:11px; }.footer-links a:hover { color:var(--brass-light); }
.whatsapp-float { position:fixed; z-index:90; right:22px; bottom:22px; width:58px; height:58px; display:grid; place-items:center; border:1px solid #fff; border-radius:50%; background:#23795a; color:white; box-shadow:0 5px 16px rgb(0 0 0 / .22); transition:transform .2s ease,background .2s ease; }.whatsapp-float .whatsapp-icon { width:31px; height:31px; }.whatsapp-float:hover { transform:translateY(-4px); background:#155c42; }.back-top-button { position:fixed; z-index:80; right:29px; bottom:91px; width:43px;height:43px; display:none; place-items:center; border:1px solid var(--brass); background:var(--navy); color:var(--brass-light); font-size:21px; cursor:pointer; }.back-top-button.is-visible { display:grid; animation:rise-in .25s ease both; }
@keyframes rise-in { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
[data-reveal] { opacity:1; transform:translateY(0); }
html.reveal-ready [data-reveal].is-visible { animation:reveal-in .7s both; }
html.reveal-ready [data-reveal]:nth-child(3n+2) { animation-delay:.08s; } html.reveal-ready [data-reveal]:nth-child(3n) { animation-delay:.15s; }
@keyframes reveal-in { from { opacity:.82; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:1100px) {
  .site-header { padding-inline:32px; }.site-nav { gap:16px; }.site-nav > a:not(.button) { font-size:12px; }.nav-quote { min-height:42px; padding-inline:13px; }
  .hero-inner { grid-template-columns:.85fr 1.15fr; gap:1%; }.hero-track { grid-template-columns:.7fr 1.8fr; gap:20px; }.service-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .journey-layout,.faq-layout { gap:7%; }.planner-layout,.contact-layout { gap:5%; }.carrier-item { grid-template-columns:minmax(110px,.8fr) 1.2fr 16px; gap:10px; }
}
@media(max-width:760px) {
  :root { --header-height:72px; }.page-wrap { width:calc(100% - 48px); }.site-header { padding-inline:24px; }.menu-toggle { width:43px;height:43px; display:grid; align-content:center; justify-items:center; gap:6px; border:1px solid var(--line); background:transparent; }.menu-toggle span { width:17px;height:1px;background:var(--ink);transition:transform .2s ease; }.menu-toggle[aria-expanded="true"] span:first-child { transform:translateY(3.5px) rotate(45deg); }.menu-toggle[aria-expanded="true"] span:last-child { transform:translateY(-3.5px) rotate(-45deg); }
  .site-nav { position:absolute; top:var(--header-height); right:0; left:0; padding:14px 24px 22px; display:none; align-items:stretch; gap:0; background:var(--paper); border-bottom:1px solid var(--line); box-shadow:0 15px 22px rgb(0 0 0 / .1); }.site-nav.is-open { display:grid; grid-template-columns:1fr auto; }.site-nav > a:not(.button),.nav-mega > summary { padding:13px 0; border-bottom:1px solid var(--line); font-size:14px; }.nav-mega { min-width:0; }.mega-panel { position:static; width:auto; padding:12px 0 17px 14px; grid-template-columns:1fr; gap:15px; border-top:0; border-bottom:1px solid var(--line); box-shadow:none; transform:none; }.mega-panel > p { display:none; }.mega-panel > div { gap:9px; }.mega-panel small { margin:0; }.mega-panel a { font-size:12px; }.site-nav .theme-toggle { grid-column:2; grid-row:1/6; align-self:center; }.site-nav .nav-quote { grid-column:1/-1; margin-top:14px; }
  .hero { padding-top:45px; }.hero-inner { min-height:0; grid-template-columns:1fr; gap:10px; }.hero-copy { padding:0; }.hero h1 { font-size:clamp(60px,13vw,90px); }.hero-intro { max-width:470px; }.hero-visual { width:100%; height:min(77vw,410px); margin-top:0; }.map-caption { left:0; }.hero-track { margin-top:-5px; padding:22px; grid-template-columns:1fr; gap:15px; }.track-title { display:flex; align-items:baseline; justify-content:space-between; gap:12px; }.track-index { margin:0; }.track-title h2 { font-size:28px; }.hero-bottom { padding-top:14px; }.proof-inner { min-height:0; padding-block:22px; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }.proof-inner > p { font-size:22px; }.proof-stat strong { font-size:36px; }
  .section,.journey-section,.why-section,.faq-section,.tool-suite,.contact-section { padding-block:76px; }.section-heading { margin-bottom:34px; }.section-heading h2,.journey-intro h2,.why-layout h2,.faq-intro h2,.planner-intro h2,.contact-intro h2 { font-size:clamp(40px,8vw,57px); }.section-lede { font-size:14px; }.service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.service-card { min-height:220px; padding:19px; }.service-card h3 { font-size:23px; }.service-card p { font-size:13px; }
  .journey-layout,.why-layout,.faq-layout,.planner-layout,.contact-layout,.privacy-layout { grid-template-columns:1fr; gap:34px; }.journey-intro,.faq-intro,.planner-intro { position:static; }.journey-intro > p:last-child,.faq-intro > p:last-child { margin-top:14px; }.journey-timeline li { min-height:90px; }.lane-grid { grid-template-columns:1fr; }.lane-card { min-height:139px; }.lane-route { flex-wrap:wrap; }.lane-route span { min-width:0; overflow-wrap:anywhere; }.tool-panels,.tool-panel { min-height:0; }.tool-panel { padding-block:27px; grid-template-columns:1fr; gap:23px; }.tool-copy h3 { font-size:33px; }.tool-form .field-grid,.checklist-controls { grid-template-columns:repeat(2,minmax(0,1fr)); }.tool-nav { margin-inline:-24px; padding-inline:24px; }.container-options article { padding:8px; }.container-options h4 { font-size:17px; }
  .marquee-label { padding-inline:24px; }.carrier-toolbar { align-items:flex-start; flex-direction:column; }.carrier-grid { grid-template-columns:1fr; }.carrier-item,.carrier-item:nth-child(even) { padding-inline:0; border-left:0; }.carrier-item { grid-template-columns:minmax(125px,.7fr) 1.3fr 18px; }.resource-grid { grid-template-columns:1fr; }.resource-item { min-height:0; padding:21px 0; }.resource-item + .resource-item { padding-left:0; border-left:0; border-top:1px solid var(--line); }.resource-item h3 { margin-top:13px; }.testimonial-slots { gap:12px; }.testimonial-slots article { padding:17px; }.testimonial-slots article p { font-size:20px; }
  .planner-layout { gap:27px; }.brief-tool,.quote-panel { padding:20px; }.contact-details > div { grid-template-columns:120px 1fr; }.privacy-layout h2 { font-size:40px; }.footer-inner { flex-wrap:wrap; }.footer-inner > p { order:3; width:100%; }.footer-links { margin-left:auto; }
}
@media(max-width:430px) {
  .page-wrap { width:calc(100% - 36px); }.site-header { padding-inline:18px; }.site-nav { padding-inline:18px; }.hero { padding-top:37px; }.hero h1 { font-size:clamp(54px,14vw,70px); }.hero-intro { font-size:14px; }.hero-visual { height:79vw; }.map-labels { font-size:13px; }.tracking-form { grid-template-columns:1fr; }.tracking-form .button { width:100%; }.track-tabs { gap:15px; }.track-tab { font-size:11px; }.quote-track-panel:not([hidden]) { align-items:flex-start; flex-direction:column; gap:10px; }.quote-track-panel p { max-width:100%; }.track-title { align-items:flex-start; flex-direction:column; gap:7px; }.hero-track { padding:18px; }.hero-bottom { font-size:7px; }.proof-inner { gap:15px 10px; }.proof-stat { gap:9px; }.proof-stat strong { font-size:32px; }.proof-stat > span { font-size:8px; }.service-grid { grid-template-columns:1fr; }.service-card { min-height:185px; }.tool-nav { margin-inline:-18px; padding-inline:18px; }.tool-tab { padding-inline:13px; font-size:12px; }.container-options { grid-template-columns:1fr; }.container-options article { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:4px 12px; }.container-options svg { grid-row:span 3; }.container-options h4 { margin:0; }.guide-caveat { grid-column:auto; }.checklist-items { grid-template-columns:1fr; padding:13px; }.carrier-item { grid-template-columns:minmax(110px,.8fr) 1.2fr 14px; gap:8px; }.carrier-item strong { font-size:18px; }.carrier-item span { font-size:10px; }.testimonial-slots { grid-template-columns:1fr; }.brief-tool,.quote-panel { padding:16px; }.brief-tool .field-grid,.quote-grid { grid-template-columns:1fr; }.brief-tool .span-wide,.quote-grid .span-wide { grid-column:auto; }.quote-heading { align-items:flex-start; flex-direction:column; }.contact-details > div { grid-template-columns:108px 1fr; gap:9px; }.map-card > span { font-size:8px; }.result-actions { display:grid; grid-template-columns:1fr; }.result-actions>* { width:100%; }.footer-inner .wordmark img { width:36px; height:36px; }.footer-inner .wordmark strong { font-size:10px; }.footer-links { gap:12px; font-size:10px; }.whatsapp-float { right:13px; bottom:13px; width:52px; height:52px; }.back-top-button { right:18px; bottom:74px; width:39px; height:39px; }
}
@media(max-width:350px) { .page-wrap { width:calc(100% - 28px); }.tool-nav { margin-inline:-14px; padding-inline:14px; }.hero h1 { font-size:52px; }.hero-actions { align-items:flex-start; flex-direction:column; }.proof-inner > p { font-size:19px; }.proof-stat { align-items:flex-start; flex-direction:column; gap:3px; }.proof-stat strong { font-size:30px; }.lane-card { padding:19px; }.lane-route { gap:8px; font-size:22px; }.lane-route i { width:21px; }.tool-tab { padding-inline:10px; }.carrier-item { grid-template-columns:1fr 1.1fr 12px; }.contact-details > div { grid-template-columns:93px 1fr; }.quote-heading h3 { font-size:25px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; }.moving-vessel,.moving-aircraft { display:none; } html.reveal-ready [data-reveal] { opacity:1; transform:none; } }
@media(prefers-reduced-motion:reduce) { .trade-route,.port-markers circle,.marquee-track,html.reveal-ready [data-reveal].is-visible { animation:none!important; }.marquee-track { transform:none; }.trade-route { stroke-dashoffset:0; } }
@media print { .page-loader,.site-header,.hero,.proof-strip,.section,.journey-section,.tool-suite,.carrier-marquee,.why-section,.faq-section,.contact-section,.privacy-section,.site-footer,.whatsapp-float,.back-top-button { display:none!important; } body { background:white;color:black; }.checklist-print-page { display:block!important; } }