:root{--novice-gutter:clamp(1rem,3vw,2rem)}
@media(min-width:661px){:root{--novice-gutter:clamp(1.5rem,3vw,2rem)}}
:root{--novice-ink:#172d3e;--novice-muted:#475c69;--novice-line:#d4dfe4;--novice-paper:#f7fafb;--novice-accent:#1749cb;--novice-tint:#eef4ff;--bg:#fff;--surface:#fff;--ink:var(--novice-ink);--muted:var(--novice-muted);--line:var(--novice-line);--accent:var(--novice-accent);--accent-bg:var(--novice-tint)}
[data-site="forwarder"]{--novice-accent:#183d54;--novice-tint:#edf4f7;--accent:var(--novice-accent);--accent-bg:var(--novice-tint);--bg:#fff;--surface:#fff;--ink:#172d3e;--muted:#475c69;--line:#d4dfe4}
[data-site="warehousing"]{--novice-accent:#a53d12;--novice-tint:#fff3eb;--accent:var(--novice-accent);--accent-bg:var(--novice-tint);--bg:#fff;--surface:#fff;--ink:#172d3e;--muted:#475c69;--line:#e3d9d0}
body{font-family:InterTight,system-ui,sans-serif;background:var(--bg);color:var(--ink)}
body .site-header{background:#fff;color:var(--ink);border-bottom:1px solid var(--line)}
body .site-header .mast{width:min(100%,1200px);max-width:1200px;min-height:76px;margin:auto;padding:.65rem var(--novice-gutter);gap:.6rem 1.2rem;flex-wrap:wrap}
body .site-header .wordmark{font-family:InterTight,system-ui,sans-serif;color:var(--ink);font-size:1.2rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;max-width:100%;flex-shrink:1;gap:.5rem}
body .site-header .brand-mark{width:38px;height:38px;object-fit:contain;flex:none;transform:scale(1.35)}
body .site-header .brand-name{overflow-wrap:anywhere;white-space:normal;transform:none}
body .site-header .mast nav{margin:0 0 0 auto;display:flex;align-items:center;flex-wrap:wrap;gap:.25rem 1.05rem}
body .site-header .mast nav a{font-family:InterTight,system-ui,sans-serif;font-size:.94rem;line-height:1.3;font-weight:600;min-height:44px;color:var(--ink);text-transform:none;font-style:normal;letter-spacing:0;text-decoration:none}
body .site-header .mast nav .header-cta,body .site-header .mast nav .button{padding:.6rem .85rem;background:var(--novice-accent);color:#fff;border:0;border-radius:6px}
.home-page main.frame{width:min(100%,1200px);max-width:1200px;margin:auto;padding:0}
.home-page h1,.home-page h2,.home-page h3{font-family:InterTight,system-ui,sans-serif;font-style:normal;color:var(--ink);text-transform:none}
.novice-hero{display:grid;grid-template: 'copy photo' auto 'steps photo' auto / minmax(0,1.1fr) minmax(0,.9fr);gap:1.5rem 2rem;padding:clamp(1.5rem,3vw,2.75rem) var(--novice-gutter) 2rem;}
.novice-hero-copy{grid-area:copy;min-width:0}
.novice-hero h1{font-size:clamp(2.15rem,3.6vw,3.45rem);line-height:1.08;letter-spacing:-.025em;font-weight:700;margin:0 0 1rem;max-width:19ch;overflow-wrap:anywhere}
.heading-line{display:block}
.novice-purpose{font-size:clamp(1.2rem,1.7vw,1.55rem);line-height:1.35;font-weight:600;margin:0 0 .9rem;max-width:34ch;color:var(--novice-accent)}
.novice-intro{font-size:1.0625rem;line-height:1.65;max-width:56ch;margin:0 0 1.2rem;color:var(--muted)}
body .novice-primary{background:var(--novice-accent);color:#fff;font-size:1.0625rem;font-weight:700;min-height:48px;padding:.7rem 1.1rem;line-height:1.4;border-radius:6px;white-space:normal;max-width:100%;}
.novice-reassurance{font-size:.875rem;line-height:1.5;color:var(--muted);margin:.75rem 0 0;max-width:55ch}
.novice-hero-photo{grid-area:photo;min-width:0;margin:0;align-self:stretch;display:flex;flex-direction:column;}
.novice-hero-photo img{display:block;width:100%;height:100%;min-height:0;max-height:560px;object-fit:cover;object-position:center;border-radius:10px}
.novice-hero-photo figcaption{font-size:.75rem;line-height:1.5;color:var(--muted);margin-top:.4rem}
.novice-steps{grid-area:steps;list-style:none;margin:0;padding:0;display:grid;gap:.9rem}
.novice-steps li{display:flex;gap:.75rem;align-items:center;min-width:0}
.novice-steps img{display:block;width:56px;height:50px;object-fit:contain;flex:none;transform:scale(1.35)}
.novice-steps h2{font-size:1rem;line-height:1.35;font-weight:700;margin:0 0 .15rem;letter-spacing:0}
.novice-steps p{font-size:.9375rem;line-height:1.5;margin:0;color:var(--muted);max-width:48ch}
.novice-request,.quote-request{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:2rem;margin:1rem var(--novice-gutter) 3rem;padding:clamp(1.2rem,3vw,2rem);background:var(--novice-paper);border:1px solid var(--line);border-radius:12px;scroll-margin-top:1rem}
.novice-request h2,.quote-request h2{font-size:clamp(1.55rem,2.2vw,2rem);line-height:1.2;letter-spacing:-.02em;font-weight:700;margin:0 0 .8rem}
.novice-request-heading p,.quote-request-intro p{font-size:1rem;line-height:1.65;color:var(--muted);margin:.5rem 0 1rem;max-width:38ch}
.novice-request-form,.quote-request-panel,.inquiry-tool{min-width:0}
.inquiry-primary,.quote-fields{display:grid;gap:1rem;padding:0;margin:0;border:0;min-width:0}
.quote-field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.inquiry-fields{padding:0;margin:0;border:0;min-width:0}
.inquiry-tool label,.quote-request label{display:grid;gap:.4rem;min-width:0;font-size:1rem;line-height:1.4;font-weight:600}
.inquiry-tool input:not([type=checkbox]):not([type=file]),.inquiry-tool textarea,.quote-request input,.quote-request textarea{width:100%;min-width:0;min-height:46px;padding:.65rem .75rem;border:1px solid #81949f;border-radius:5px;background:#fff;color:var(--ink);font-family:inherit;font-size:1rem;line-height:1.5}
.inquiry-tool textarea,.quote-request textarea{resize:vertical}
.inquiry-tool input::placeholder,.inquiry-tool textarea::placeholder,.quote-request input::placeholder,.quote-request textarea::placeholder{color:#5b6c77;opacity:1}
.inquiry-tool .help-choice{display:flex;align-items:flex-start;gap:.65rem;font-weight:400}
.help-choice input{width:20px;height:20px;flex:none;margin:.15rem 0 0}
.inquiry-hint,.quote-hint{font-size:.875rem;line-height:1.6;color:var(--muted);margin:.1rem 0 .65rem}
.inquiry-tool summary,.quote-request summary{padding:.6rem 0;min-height:44px;cursor:pointer;font-weight:600;line-height:1.5}
.supplier-upload{border-block:1px solid var(--line);padding-block:.2rem}
.supplier-upload input[type=file]{max-width:100%;font:inherit;font-size:.875rem}
.inquiry-build,.inquiry-review .button,.quote-submit{display:flex;width:100%;min-height:48px;background:var(--novice-accent);color:#fff;border:0;border-radius:6px;padding:.8rem 1rem;font-size:1rem;font-weight:700;white-space:normal;line-height:1.4;margin-top:1rem}
.inquiry-review{padding:1.25rem 0 0;margin-top:1.5rem;border-top:1px solid var(--line)}
.inquiry-review h3{font-size:1.25rem;margin:0 0 .75rem}
.inquiry-review pre{font:inherit;font-size:.9375rem;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;padding:1rem;border:1px solid var(--line)}
.inquiry-receipt,.quote-receipt{padding:1.1rem;background:#e7f2ed;color:#163d30;border:1px solid #9cb9ab;border-radius:6px}
.inquiry-receipt h3,.quote-receipt h3{color:inherit;margin-top:0}
[data-inquiry-status],.quote-status{line-height:1.6;overflow-wrap:anywhere}
[data-error=true],.quote-status[data-kind=error]{color:#9b261a}
.quote-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.quote-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.quote-request .optional-fields .quote-field-row{padding-block:.65rem}
#request-privacy{font-size:.875rem;line-height:1.6;margin-top:1rem;color:var(--muted)}
.novice-support,.novice-help,.home-page .blog-teaser,.home-page .guides,.novice-detail{padding-inline:var(--novice-gutter);max-width:1200px;margin-inline:auto}
.novice-support,.novice-help{padding-block:2rem 3rem}
.novice-section-head{max-width:68ch;margin-bottom:1.5rem}
.novice-section-head h2,.novice-help h2{font-size:clamp(1.5rem,2.3vw,2rem);line-height:1.25;letter-spacing:-.02em;margin:0 0 .8rem}
.novice-section-head p,.novice-support p,.novice-help p,.novice-support li,.novice-help li{font-size:1rem;line-height:1.7;color:var(--muted)}
.novice-support-grid,.novice-help{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem}
.novice-support-grid h3{font-size:1.2rem;margin-top:0}
.novice-support ul,.novice-help ul{padding-left:1.2rem}
.novice-support li,.novice-help li{margin-bottom:.65rem}
.novice-support dl{margin:1rem 0 0}
.novice-support dt{font-weight:700;margin-top:1rem}
.novice-support dd{margin:.2rem 0 0;color:var(--muted);line-height:1.65}
.novice-note{font-size:.875rem!important}
.novice-reference{border:1px solid var(--line);border-radius:8px;padding:1rem;margin-top:1.25rem;background:var(--novice-paper)}
.novice-reference p{margin:.6rem 0}
.novice-reference span{font-size:.875rem;line-height:1.5;color:var(--muted)}
.novice-contact{display:inline-flex;min-height:44px;align-items:center;font-weight:700;color:var(--novice-accent)}
.novice-detail{padding-block:1rem;border-block:1px solid var(--line);margin-block:1rem 2rem}
.novice-detail>summary{cursor:pointer;font-size:1.1rem;font-weight:600;min-height:44px;display:list-item;padding:.5rem 0}
.home-page .blog-teaser{box-sizing:border-box;padding-block:2rem 3rem}
.home-page .blog-teaser h2,.home-page .guides>h2{font-size:1.8rem;line-height:1.25;font-weight:700;letter-spacing:-.02em}
.home-page .blog-teaser-list{gap:1.8rem}
.home-page #faq{width:100%;padding:1rem var(--novice-gutter) 2rem;margin:0}
.home-page .tool-entry{padding:0 var(--novice-gutter);margin:0 0 1rem;font-size:.9375rem}
body a:hover{text-decoration:none}
@media(max-width:760px){body .site-header .mast{align-items:flex-start;flex-direction:column;min-height:0;padding-block:.6rem}body .site-header .mast nav{margin:0;gap:.15rem 1rem}body .site-header .mast nav a{font-size:.875rem}.novice-hero{grid-template:'copy' auto 'steps' auto 'photo' auto/minmax(0,1fr);gap:1.35rem;padding-top:1.5rem}.novice-hero h1{font-size:2.25rem;line-height:1.1;max-width:100%;margin-bottom:.8rem}.novice-purpose{font-size:1.22rem;line-height:1.4;margin-bottom:.7rem}.novice-intro{font-size:1rem;line-height:1.6;margin-bottom:1rem}.novice-reassurance{font-size:.875rem}.novice-hero-photo img{aspect-ratio:3/2;height:auto;max-height:330px}.novice-steps{gap:.75rem}.novice-steps img{width:48px;height:45px}.novice-steps h2{font-size:1rem}.novice-steps p{font-size:.9rem}.novice-request,.quote-request{grid-template-columns:minmax(0,1fr);gap:.75rem;margin-block:0 2rem}.novice-request-heading p,.quote-request-intro p{max-width:none}.novice-support-grid,.novice-help{grid-template-columns:minmax(0,1fr);gap:1.5rem}.novice-help{padding-top:1rem}.novice-support{padding-bottom:1.5rem}.quote-field-row{grid-template-columns:minmax(0,1fr)}.home-page .blog-teaser{padding-inline:var(--novice-gutter)}.home-page .blog-teaser-list{grid-template-columns:minmax(0,1fr);gap:0}}
@media(prefers-reduced-motion:no-preference){.novice-hero h1 .heading-line{animation:novice-heading-enter .5s cubic-bezier(.2,.8,.2,1) both}.novice-hero h1 .heading-line:nth-child(2){animation-delay:.09s}.novice-hero .novice-purpose{animation:novice-heading-enter .5s .16s cubic-bezier(.2,.8,.2,1) both}}
@keyframes novice-heading-enter{from{opacity:.25;transform:translateY(7px)}to{opacity:1;transform:none}}

.novice-entry{display:grid;grid-template:'intro media' auto 'request request' auto/minmax(0,1.1fr) minmax(0,.9fr);column-gap:2rem}.novice-entry>.novice-hero{grid-area:intro;display:block;padding-right:0}.novice-entry .novice-steps{margin-top:1.5rem}.novice-entry>.novice-request,.novice-entry>.quote-request{grid-area:request}.novice-hero-media{grid-area:media;align-self:start;margin:clamp(1.5rem,3vw,2.75rem) var(--novice-gutter) 0 0;background:var(--novice-paper);border:1px solid var(--line);border-radius:10px;overflow:hidden}.novice-hero-photo{display:block}.novice-hero-photo img{height:auto;aspect-ratio:3/2;max-height:none;border-radius:0;object-fit:contain}.novice-hero-photo figcaption{padding:.35rem 1rem;margin:0}.novice-outcome{margin:0;padding:.7rem 1.2rem 1.2rem;font-size:.9375rem;line-height:1.65;color:var(--muted)}
@media(max-width:760px){.novice-entry{display:flex;flex-direction:column}.novice-entry>.novice-hero{padding-right:var(--novice-gutter)}.novice-hero-media{margin:0 var(--novice-gutter) 1.5rem}.novice-hero-photo img{max-height:none}.novice-entry .novice-steps{margin-top:1.3rem}}
html[data-site] .site-header .mast{width:min(100%,1200px);min-height:76px}
html[data-site] .site-header .wordmark{font-family:InterTight,system-ui,sans-serif;font-style:normal;font-weight:700}
@media(max-width:760px){html[data-site] .site-header .mast{min-height:0}}

html[data-site="shipping-agent"] .site-header .brand-mark{width:42px;height:42px;transform:none}
@media(max-width:768px){html[data-site="shipping-agent"] .site-header .brand-name{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}html[data-site="shipping-agent"] .site-header .mast{flex-direction:row;align-items:center;justify-content:space-between;min-height:68px;gap:.4rem .7rem}html[data-site="shipping-agent"] .site-header .mast nav{margin:0;gap:.2rem .65rem}html[data-site="shipping-agent"] .site-header .wordmark{min-height:44px;min-width:44px;justify-content:center}html[data-site="shipping-agent"] .site-header .mast nav a{font-size:.875rem}}

html[data-site] .site-header .brand-mark{transform:none}
@media(max-width:768px){html[data-site="shipping-agent"] .site-header .mast nav{flex:0 1 auto;flex-basis:auto;width:auto;max-width:100%}html[data-site="shipping-agent"] .site-header .mast{flex-wrap:wrap}}

/* The promise is the line a stranger reads first after the name, so it carries the size. */
.novice-purpose{font-size:clamp(1.4rem,2.2vw,2rem);line-height:1.3;font-weight:700;letter-spacing:-.015em;max-width:30ch;text-wrap:balance}

/* Example reply: set on the form panel's own tint, separated by hairlines instead of a second box.
   Desktop: under the intro, left of the form. Phones: after the form, so it never pushes the first field down. */
@media(min-width:761px){.novice-request,.quote-request{grid-template-rows:auto 1fr;align-items:start}.novice-request-heading,.quote-request-intro{grid-column:1;grid-row:1}.novice-request-form,.quote-request-panel{grid-column:2;grid-row:1 / span 2}.novice-sample{grid-column:1;grid-row:2}}
.novice-sample{margin-top:1.4rem;padding-top:1.1rem;border-top:1px solid var(--line);scroll-margin-top:1rem}
.novice-sample h3{font-size:1.1rem;line-height:1.3;margin:0 0 .35rem;letter-spacing:-.01em;text-wrap:balance}
.novice-sample-lead{font-size:.9375rem;line-height:1.55;color:var(--muted);margin:0 0 .5rem}
.novice-sample dl{margin:0}
.novice-sample dl>div{padding:.55rem 0;border-top:1px solid var(--line)}
.novice-sample dt{font-weight:700;font-size:.9375rem;line-height:1.45}
.novice-sample dd{margin:.1rem 0 0;font-size:.9375rem;line-height:1.5;color:var(--ink);font-variant-numeric:tabular-nums}
.novice-sample-note{font-size:.8125rem;line-height:1.55;color:var(--muted);margin:.7rem 0 .2rem;max-width:none}
.novice-sample-link{margin:0}
.novice-sample-link a{display:inline-flex;min-height:44px;align-items:center;font-weight:700;color:var(--novice-accent)}
@media(max-width:760px){.novice-sample{margin-top:1.25rem}}

/* What to have ready, and the one sentence that says what sending a request does and does not do. */
.novice-brief{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 3rem;max-width:1200px;margin-inline:auto;padding:1rem var(--novice-gutter) 2.5rem}
.novice-brief h2{font-size:clamp(1.25rem,1.8vw,1.5rem);line-height:1.25;margin:0 0 .7rem;letter-spacing:-.015em}
.novice-brief ul{margin:0;padding-left:1.2rem}
.novice-brief li{font-size:1rem;line-height:1.6;color:var(--muted);margin-bottom:.45rem}
.novice-brief p{font-size:1rem;line-height:1.65;color:var(--muted);margin:0 0 .5rem;max-width:62ch}
.novice-brief-links{display:flex;flex-wrap:wrap;gap:0 1.4rem}
.novice-brief-links a{display:inline-flex;min-height:44px;align-items:center;font-weight:700;color:var(--novice-accent)}
@media(max-width:760px){.novice-brief{grid-template-columns:minmax(0,1fr);gap:1.25rem;padding-bottom:1.5rem}}

/* One closing call to action, then the sister sites. */
.novice-close{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.1rem 2rem;margin:2rem var(--novice-gutter) 1.5rem;padding:1.5rem;background:var(--novice-tint);border:1px solid var(--line);border-radius:12px}
.novice-close h2{font-size:clamp(1.4rem,2.3vw,1.9rem);line-height:1.3;letter-spacing:-.02em;margin:0 0 .4rem;text-wrap:balance}
.novice-close p{font-size:1rem;line-height:1.6;color:var(--muted);margin:0;max-width:52ch}
.novice-close-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.4rem}
.home-page .service-switch{width:auto;margin:0 var(--novice-gutter) 2rem}

/* Information pages (how a request works, privacy, contact). */
.article dl.novice-scope{margin:1rem 0 0}
.article dl.novice-scope dt{font-weight:700;margin-top:1rem}
.article dl.novice-scope dd{margin:.2rem 0 0;color:var(--muted);line-height:1.65}
.article-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.4rem}

/* Forwarder: its header is dark, so link hovers lighten the background instead of using the pale accent tint
   (white on #edf4f7 was 1.1:1), and the primary action reads as a button like on the other two sites. */
[data-site="forwarder"] .site-header .mast nav a:not(.header-cta):hover{background:rgba(255,255,255,.14);color:#fff}
[data-site="forwarder"] .site-header .mast nav .header-cta{background:#fff;color:#051d37;border:0}
[data-site="forwarder"] .site-header .mast nav .header-cta:hover{background:#e3edf3;color:#051d37}
.nowrap{white-space:nowrap}
@media(min-width:761px){.novice-close{padding:2rem}}