/* =========================================================
   Atlas Onboard — shared design system
   Two segments: Crew (international orange) and Cargo (dock yellow)
   ========================================================= */

@font-face{font-family:"Archivo";src:url(fonts/archivo-var.woff) format("woff");font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap}

:root{
  --sea:#0B2532;      /* deep water: primary dark */
  --sea-2:#123447;    /* raised dark surface */
  --sea-3:#1C4459;    /* dark borders */
  --steel:#4A5F6C;    /* secondary text on light */
  --mist:#9DB0BC;     /* secondary text on dark */
  --fog:#EEF2F4;      /* light section ground */
  --line:#D9E1E6;     /* hairlines on light */
  --paper:#FFFFFF;
  --ink:#0F1F29;      /* body text */

  --crew:#E8501C; --crew-btn:#D2420F; --crew-text:#B53A0C; --crew-soft:#FCEBE3;
  --cargo:#E9B21B; --cargo-btn:#E9B21B; --cargo-text:#7D5A00; --cargo-soft:#FBF1D3;

  --r-s:6px; --r-m:12px; --r-l:20px;
  --wrap:1240px;
  --display:"Archivo",system-ui,sans-serif;
}
body.seg-crew,body.seg-thanks{--acc:var(--crew);--acc-btn:var(--crew-btn);--acc-on:#fff;--acc-text:var(--crew-text);--acc-soft:var(--crew-soft)}
body.seg-cargo{--acc:var(--cargo);--acc-btn:var(--cargo-btn);--acc-on:var(--sea);--acc-text:var(--cargo-text);--acc-soft:var(--cargo-soft)}

*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--display);font-stretch:100%;font-weight:400;font-size:17px;line-height:1.6;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--acc);outline-offset:3px;border-radius:4px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ic{width:22px;height:22px;flex:none;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.num{font-variant-numeric:tabular-nums lining-nums}

.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}

/* ---------- type ---------- */
h1,h2,h3,h4{font-family:var(--display);color:var(--sea);font-weight:800;line-height:1.04;letter-spacing:-.012em}
h1{font-stretch:125%;font-size:clamp(2.55rem,6.1vw,5.1rem)}
h2{font-stretch:118%;font-size:clamp(1.95rem,3.9vw,3.15rem);line-height:1.06}
h3{font-stretch:110%;font-size:1.32rem;font-weight:750;line-height:1.2;letter-spacing:-.005em}
h4{font-stretch:105%;font-size:1.05rem;font-weight:700;line-height:1.3;letter-spacing:0}
p{max-width:68ch}
.lede{font-size:1.18rem;line-height:1.55;color:var(--steel)}
.dark .lede,.hero .lede{color:#C4D2DA}
.dark h1,.dark h2,.dark h3,.dark h4{color:#fff}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font-weight:700;font-stretch:108%;font-size:.98rem;border:1.5px solid transparent;cursor:pointer;transition:background-color .18s,border-color .18s,color .18s;white-space:nowrap}
.btn .ic{width:19px;height:19px}
.btn-acc{background:var(--acc-btn);color:var(--acc-on)}
.btn-acc:hover{filter:brightness(.94)}
.btn-ghost{border-color:rgba(255,255,255,.42);color:#fff}
.btn-ghost:hover{background:rgba(255,255,255,.1);border-color:#fff}
.btn-sea{background:var(--sea);color:#fff}
.btn-sea:hover{background:var(--sea-2)}
.btn-line{border-color:var(--line);color:var(--sea);background:#fff}
.btn-line:hover{border-color:var(--sea)}
.link{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-stretch:108%;color:var(--acc-text);border-bottom:2px solid currentColor;padding-bottom:2px}
.dark .link{color:var(--acc)}

/* ---------- group bar: group link, other companies, 24/7 desk, language ---------- */
.groupbar{position:relative;z-index:70;background:#071A24;color:var(--mist);font-size:.82rem}
.groupbar .wrap{display:flex;align-items:center;gap:22px;min-height:40px}
.gb-l{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gb-l a{color:#fff;font-weight:600}
.gb-co{display:flex;gap:20px;flex:none}
.gb-co a{color:var(--mist)}
.gb-r{display:flex;align-items:center;gap:6px;flex:none}
.groupbar a:hover{color:var(--acc)}
.gb-tel{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;color:#fff;font-weight:600;white-space:nowrap}
.gb-tel .ic{width:17px;height:17px;color:var(--acc)}
.gb-tel .lbl{color:var(--mist);font-weight:500}
.lang{position:relative}
.lang summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:7px;padding:6px 10px;border-radius:8px;color:#fff;font-weight:600;white-space:nowrap;user-select:none}
.lang summary::-webkit-details-marker{display:none}
.lang summary:hover,.lang[open] summary{background:rgba(255,255,255,.08)}
.lang summary .ic{width:17px;height:17px}
.lang .chev{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.lang[open] .chev{transform:rotate(180deg)}
.lang ul{position:absolute;right:0;top:calc(100% + 8px);list-style:none;background:#fff;border-radius:14px;padding:8px;min-width:230px;box-shadow:0 24px 60px -12px rgba(7,26,36,.45),0 0 0 1px rgba(7,26,36,.06);display:grid;grid-template-columns:1fr 1fr;gap:2px;z-index:90}
.lang li a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;color:var(--ink);font-size:.9rem;font-weight:500;white-space:nowrap}
.lang li a .code{font-size:.7rem;font-weight:700;color:var(--steel);width:22px}
.lang li a:hover{background:var(--fog);color:var(--ink)}
.lang li a[aria-current]{background:var(--sea);color:#fff}
.lang li a[aria-current] .code{color:var(--acc)}

/* ---------- header: brand, Crew/Cargo switch, call to action ----------
   app.js measures the row and adds .fit1 / .fit2 / .fit3 when it does not fit,
   so no language or screen width can make items overlap. */
.hdr{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.97);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;gap:24px;min-height:80px}
.brand{display:inline-flex;align-items:center;gap:12px;color:var(--sea);flex:none;white-space:nowrap}
.brand svg{width:40px;height:40px;flex:none}
.brand b{font-stretch:125%;font-weight:800;font-size:1.28rem;letter-spacing:-.01em;line-height:1}
.brand small{display:block;font-stretch:100%;font-weight:600;font-size:.78rem;color:var(--acc-text);margin-top:4px;letter-spacing:.01em}
.seg{display:flex;background:var(--fog);border-radius:16px;padding:5px;gap:4px;border:1px solid var(--line);flex:none;margin:0 auto}
.seg a{position:relative;display:flex;align-items:center;gap:12px;padding:9px 22px 9px 14px;border-radius:12px;color:var(--steel);transition:background-color .2s,color .2s;white-space:nowrap}
.seg a .sw{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);flex:none}
.seg a .sw .ic{width:19px;height:19px}
.seg a[data-seg=crew] .sw{color:var(--crew-text)}
.seg a[data-seg=cargo] .sw{color:var(--cargo-text)}
.seg a b{display:block;font-stretch:112%;font-weight:750;font-size:1rem;line-height:1.1;color:var(--sea)}
.seg a span.t{display:block;font-size:.76rem;line-height:1.2;margin-top:2px}
.seg a:hover{background:#fff}
.seg a[aria-current=page]{background:var(--sea);color:var(--mist)}
.seg a[aria-current=page] b{color:#fff}
.seg a[aria-current=page][data-seg=crew] .sw{background:var(--crew);border-color:var(--crew);color:#fff}
.seg a[aria-current=page][data-seg=cargo] .sw{background:var(--cargo);border-color:var(--cargo);color:var(--sea)}
.hdr-act{display:flex;justify-content:flex-end;align-items:center;flex:none}
.hdr-act .btn{min-height:46px;padding:0 22px}
.hdr-act .short{display:none}
/* fit level 1: drop the price lines under Crew and Cargo */
.hdr.fit1 .seg a span.t{display:none}
.hdr.fit1 .seg a{padding:8px 18px 8px 10px}
/* fit level 2: short button label */
.hdr.fit2 .hdr-act .long{display:none}
.hdr.fit2 .hdr-act .short{display:inline}
/* fit level 3: switch moves to its own full-width row */
.hdr.fit3 .wrap{flex-wrap:wrap;gap:10px 12px;min-height:0;padding-top:10px;padding-bottom:12px}
.hdr.fit3 .brand{flex:1 1 auto;min-width:0}
.hdr.fit3 .brand b{font-size:1.12rem}
.hdr.fit3 .brand svg{width:34px;height:34px}
.hdr.fit3 .seg{order:3;flex:1 1 100%;margin:0}
.hdr.fit3 .seg a{flex:1;justify-content:center;padding:8px 10px;min-width:0}
.hdr.fit3 .seg a .sw{width:30px;height:30px}
.hdr.fit3 .hdr-act .btn{min-height:42px;padding:0 16px;font-size:.9rem}
/* no-JS fallbacks */
@media (max-width:1240px){html:not(.js) .seg a span.t{display:none}}
@media (max-width:860px){
  html:not(.js) .hdr .wrap{flex-wrap:wrap}
  html:not(.js) .hdr .seg{order:3;flex:1 1 100%}
  html:not(.js) .hdr-act .long{display:none}
  html:not(.js) .hdr-act .short{display:inline}
}
@media (max-width:1180px){.gb-co{display:none}}
@media (max-width:760px){.gb-tel .lbl{display:none}}
@media (max-width:560px){
  .gb-tel .ltr{display:none}
  .gb-tel{padding:6px 8px}
  .groupbar .wrap{gap:10px}
  .lang ul{grid-template-columns:minmax(0,1fr);min-width:200px}
}
.subnav{background:#fff;border-bottom:1px solid var(--line)}
.subnav .wrap{display:flex;gap:30px;min-height:48px;align-items:center;overflow-x:auto;scrollbar-width:none}
.subnav .wrap::-webkit-scrollbar{display:none}
.subnav a{font-size:.9rem;font-weight:600;color:var(--steel);white-space:nowrap;padding:12px 0;border-bottom:2px solid transparent}
.subnav a:hover{color:var(--sea);border-color:var(--acc)}

/* ---------- photo slots ----------
   Each .ph has an image path; if the image is missing, the chart-line
   pattern and sea gradient below it still render cleanly. */
.ph{position:relative;background-color:var(--sea-2);overflow:hidden}
.ph,.hero-bg{background-size:cover,240px 240px,cover;background-repeat:no-repeat,repeat,no-repeat;background-position:var(--pp,center),0 0,center}
.ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,37,50,0) 55%,rgba(11,37,50,.55) 100%);pointer-events:none}
.ph.clean::after{display:none}
.ph figcaption{position:absolute;left:20px;bottom:18px;right:20px;z-index:2;color:#fff;font-weight:600;font-size:.92rem;line-height:1.35}
.ph,.hero-bg{background-image:var(--img,none),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.07'%3E%3Cpath d='M0 60h240M0 120h240M0 180h240M60 0v240M120 0v240M180 0v240'/%3E%3Cpath stroke-opacity='.1' d='M-20 200c40-30 80-30 120 0s80 30 120 0 80-30 120 0'/%3E%3Cpath stroke-opacity='.06' d='M-20 150c40-30 80-30 120 0s80 30 120 0 80-30 120 0M-20 100c40-30 80-30 120 0s80 30 120 0 80-30 120 0'/%3E%3Ccircle cx='180' cy='60' r='26'/%3E%3Ccircle cx='180' cy='60' r='12'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(120% 90% at 85% 10%,#1D4B63 0%,var(--sea) 62%)}

/* ---------- hero ---------- */
.hero{position:relative;color:#fff;overflow:hidden;background:var(--sea)}
.hero-bg{position:absolute;inset:0}
.chk{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:.93rem}
.chk input{appearance:none;-webkit-appearance:none;flex:none;width:22px;height:22px;border-radius:6px;border:1.5px solid var(--mist);margin-top:1px;display:grid;place-items:center;cursor:pointer;background:transparent}
.chk input:checked{background:var(--acc);border-color:var(--acc)}
.chk input:checked::after{content:"";width:6px;height:11px;border:solid var(--acc-on);border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}
.form .chk input{border-color:#9AABB6}
.form .chk{color:var(--ink)}
.dark .chk{color:#fff}
.chk small{display:block;color:var(--mist);font-size:.82rem}
.form .chk small{color:var(--steel)}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,26,36,.94) 0%,rgba(7,26,36,.82) 38%,rgba(7,26,36,.35) 72%,rgba(7,26,36,.2) 100%),linear-gradient(0deg,rgba(7,26,36,.9) 0%,rgba(7,26,36,0) 42%)}
.hero .wrap{position:relative;z-index:2}
.hero-in{padding:104px 0 56px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:60px;align-items:end}
.hero h1{color:#fff;max-width:17ch}
.hero .lede{margin-top:26px;max-width:54ch}
.hero .ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
.pricebox{background:rgba(7,26,36,.62);border:1px solid rgba(255,255,255,.16);border-left:4px solid var(--acc);border-radius:var(--r-m);padding:26px 26px 24px;backdrop-filter:blur(6px)}
.pricebox .k{font-size:.9rem;color:var(--mist)}
.pricebox .v{font-stretch:125%;font-weight:800;font-size:3.3rem;line-height:1;margin:8px 0 4px;color:#fff}
.pricebox .v small{font-size:1rem;font-weight:700;color:var(--acc);margin-right:6px;vertical-align:.95em}
.pricebox .u{font-size:.95rem;color:#D7E1E7}
.pricebox ul{list-style:none;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14);display:grid;gap:8px;font-size:.92rem;color:#D7E1E7}
.pricebox li{display:flex;gap:10px;align-items:flex-start}
.pricebox li .ic{width:18px;height:18px;color:var(--acc);margin-top:3px}

/* journey line — the one orchestrated motion on each page */
.journey{position:relative;margin-top:8px;padding:30px 0 40px;border-top:1px solid rgba(255,255,255,.14)}
.journey ol{list-style:none;display:grid;grid-template-columns:repeat(6,1fr);position:relative}
.journey ol::before{content:"";position:absolute;left:calc(100%/12);right:calc(100%/12);top:23px;height:2px;background:rgba(255,255,255,.18)}
.journey .run{position:absolute;z-index:1;left:calc(100%/12);top:53px;height:2px;width:calc(100% - 100%/6);background:var(--acc);transform-origin:left;transform:scaleX(0);animation:run 2.4s cubic-bezier(.6,.05,.2,1) .35s forwards}
.journey li{position:relative;text-align:center;z-index:2}
.journey .st{width:48px;height:48px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:var(--sea);border:2px solid rgba(255,255,255,.28);color:#fff;transition:border-color .3s,background-color .3s}
.journey li b{display:block;font-stretch:110%;font-weight:700;font-size:.95rem}
.journey li span{display:block;font-size:.8rem;color:var(--mist);margin-top:2px}
.journey li .st{animation:lit .35s ease-out forwards;animation-delay:calc(.35s + var(--i) * .42s)}
.journey li:last-child .st{animation-name:lastlit}
@keyframes run{to{transform:scaleX(1)}}
@keyframes lit{to{border-color:var(--acc)}}
@keyframes lastlit{to{border-color:var(--acc);background:var(--acc);color:var(--acc-on)}}
@media (prefers-reduced-motion:reduce){
  .journey .run{animation:none;transform:scaleX(1)}
  .journey li .st{animation:none;border-color:var(--acc)}
  .journey li:last-child .st{background:var(--acc);color:var(--acc-on)}
}

/* ---------- sections ---------- */
.sec{padding:120px 0}
.sec.fog{background:var(--fog)}
.sec.dark{background:var(--sea);color:#D3DEE5}
.head{max-width:780px;margin-bottom:60px}
.head .lede{margin-top:20px}
.head.c{margin-left:auto;margin-right:auto;text-align:center}
.head.c p{margin-left:auto;margin-right:auto}
.tag{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;color:var(--acc-text);margin-bottom:18px}
.tag::before{content:"";width:22px;height:3px;border-radius:2px;background:var(--acc)}
.dark .tag{color:var(--acc)}

/* ---------- ledger comparison ---------- */
.ledger{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:stretch}
.lg{background:#fff;border:1px solid var(--line);border-radius:var(--r-m);padding:34px 36px}
.lg h3{margin-bottom:4px}
.lg .sub{font-size:.94rem;color:var(--steel);margin-bottom:22px}
.lg table{width:100%;border-collapse:collapse;font-size:.95rem}
.lg td{padding:10px 0;border-bottom:1px dashed var(--line);vertical-align:top}
.lg td:last-child{text-align:right;white-space:nowrap;color:var(--steel);padding-left:16px}
.lg td small{display:block;color:var(--steel);font-size:.8rem}
.lg tfoot td{border-bottom:0;border-top:2px solid var(--sea);padding-top:16px;font-weight:700;color:var(--sea)}
.lg tfoot td:last-child{color:var(--sea);font-stretch:112%;font-size:1.1rem}
.lg.one{background:var(--sea);border-color:var(--sea);color:#D3DEE5;display:flex;flex-direction:column}
.lg.one h3{color:#fff}
.lg.one .sub{color:var(--mist)}
.lg.one .row{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px dashed var(--sea-3);font-size:.95rem}
.lg.one .row b{color:#fff}
.lg.one .big{margin-top:auto;padding-top:30px}
.lg.one .big .v{font-stretch:125%;font-weight:800;font-size:3.6rem;line-height:1;color:#fff}
.lg.one .big .v small{font-size:1.05rem;color:var(--acc);vertical-align:1em;margin-right:6px}
.lg.one .big p{margin-top:8px;color:var(--mist);font-size:.95rem}
.ledger-note{margin-top:16px;font-size:.84rem;color:var(--steel)}

/* ---------- split with photo ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.split.rev .ph-col{order:2}
.ph-col .ph{border-radius:var(--r-l);aspect-ratio:4/5}
.ph-stack{position:relative}
.ph-stack .ph.small{position:absolute;width:46%;aspect-ratio:1;right:-28px;bottom:-34px;border-radius:var(--r-m);border:6px solid #fff;box-shadow:0 24px 50px rgba(11,37,50,.22)}
.fog .ph-stack .ph.small{border-color:var(--fog)}
.points{display:grid;gap:0;margin-top:36px}
.point{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:22px 0;border-top:1px solid var(--line)}
.point:last-child{border-bottom:1px solid var(--line)}
.point .pi{width:48px;height:48px;border-radius:var(--r-m);background:var(--acc-soft);color:var(--acc-text);display:grid;place-items:center}
.point h3{font-size:1.12rem;margin-bottom:4px}
.point p{font-size:.96rem;color:var(--steel)}

/* ---------- photo strip ---------- */
.strip{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px;margin-bottom:64px}
.strip .ph{border-radius:var(--r-m);aspect-ratio:4/3}
.strip .ph:first-child{aspect-ratio:auto}

/* ---------- process ---------- */
.toggle{display:inline-flex;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px;gap:4px;margin-bottom:40px}
.dark .toggle{background:var(--sea-2);border-color:var(--sea-3)}
.toggle button{border:0;background:none;cursor:pointer;padding:11px 22px;border-radius:999px;font-weight:700;font-stretch:108%;font-size:.93rem;color:var(--steel)}
.dark .toggle button{color:var(--mist)}
.toggle button[aria-selected=true]{background:var(--sea);color:#fff}
.dark .toggle button[aria-selected=true]{background:var(--acc);color:var(--acc-on)}
.steps{list-style:none;display:grid;grid-template-columns:repeat(7,1fr);gap:0;position:relative}
.steps.six{grid-template-columns:repeat(6,1fr)}
.steps::before{content:"";position:absolute;top:27px;left:28px;right:calc(100%/7 - 28px);height:2px;background:var(--acc)}
.steps.six::before{right:calc(100%/6 - 28px)}
.step{position:relative;padding-right:22px}
.step .n{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid var(--acc);font-stretch:118%;font-weight:800;font-size:1.15rem;color:var(--sea);position:relative;z-index:1;margin-bottom:22px}
.fog .step .n{background:var(--fog)}
.step.you .n{background:var(--acc);color:var(--acc-on)}
.step .who{display:inline-block;font-size:.76rem;font-weight:700;color:var(--acc-text);background:var(--acc-soft);border-radius:999px;padding:3px 10px;margin-bottom:10px}
.step h3{font-size:1.04rem;margin-bottom:6px;font-stretch:106%}
.step p{font-size:.9rem;color:var(--steel);line-height:1.5}
.hidden{display:none!important}

/* ---------- included grid ---------- */
.incl{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}
.incl>div{padding:30px 26px 30px 0;border-bottom:1px solid var(--line)}
.incl .ii{width:44px;height:44px;border-radius:var(--r-s);background:var(--acc-soft);color:var(--acc-text);display:grid;place-items:center;margin-bottom:16px}
.incl h4{margin-bottom:6px}
.incl p{font-size:.92rem;color:var(--steel)}

/* ---------- calculator ---------- */
.calc{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.calc .in{background:var(--sea-2);border:1px solid var(--sea-3);border-radius:var(--r-l);padding:34px}
.fld{margin-bottom:26px}
.fld:last-child{margin-bottom:0}
.fld label,.fld .lab{display:flex;justify-content:space-between;align-items:baseline;gap:14px;font-weight:600;font-size:.95rem;color:#fff;margin-bottom:12px}
.fld output{font-stretch:112%;font-weight:800;color:var(--acc);white-space:nowrap}
.fld .h{font-size:.82rem;color:var(--mist);margin-top:8px}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:6px;background:var(--sea-3);outline-offset:6px}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--acc);border:4px solid var(--sea-2);box-shadow:0 0 0 2px var(--acc);cursor:pointer}
input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--acc);border:4px solid var(--sea-2);box-shadow:0 0 0 2px var(--acc);cursor:pointer}
.calc .out{background:#fff;color:var(--ink);border-radius:var(--r-l);padding:34px;display:flex;flex-direction:column}
.calc .out h3{margin-bottom:22px}
.bars{display:grid;gap:20px}
.bar .l{display:flex;justify-content:space-between;font-size:.93rem;color:var(--steel);margin-bottom:8px}
.bar .l b{color:var(--sea);font-stretch:110%}
.bar .t{height:16px;border-radius:99px;background:var(--fog);overflow:hidden}
.bar .f{height:100%;border-radius:99px;transition:width .45s cubic-bezier(.4,0,.2,1)}
.bar.a .f{background:#97A8B3}
.bar.b .f{background:var(--acc)}
.res{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
.res .k{font-size:.95rem;color:var(--steel)}
.res .v{font-stretch:125%;font-weight:800;font-size:3rem;line-height:1.05;color:var(--sea);margin-top:4px}
.kp{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.kp div{background:var(--fog);border-radius:var(--r-m);padding:16px 18px}
.kp b{display:block;font-stretch:115%;font-weight:800;font-size:1.45rem;color:var(--sea)}
.kp span{font-size:.84rem;color:var(--steel)}
.calc .note{margin-top:auto;padding-top:22px;font-size:.8rem;color:var(--steel)}

/* ---------- platform preview ---------- */
.dash{background:var(--sea);border-radius:var(--r-l);overflow:hidden;color:#D3DEE5;font-size:.84rem;box-shadow:0 40px 80px -30px rgba(11,37,50,.55)}
.dash .bar0{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;background:#071A24;font-size:.82rem;color:var(--mist)}
.dash .bar0 .who{display:flex;align-items:center;gap:10px}
.dash .bar0 .who svg{width:22px;height:22px}
.dash .body{padding:22px}
.dash .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}
.dash .stats div{background:var(--sea-2);border-radius:10px;padding:14px}
.dash .stats b{display:block;font-stretch:112%;font-weight:800;font-size:1.3rem;color:#fff}
.dash .stats span{font-size:.74rem;color:var(--mist)}
.dash table{width:100%;border-collapse:collapse}
.dash th{text-align:left;font-weight:600;font-size:.72rem;color:var(--mist);padding:8px 8px 8px 0;border-bottom:1px solid var(--sea-3)}
.dash td{padding:12px 8px 12px 0;border-bottom:1px solid #163C50;white-space:nowrap}
.dash td.v{color:#fff;font-weight:600}
.st-p{display:inline-flex;align-items:center;gap:7px;font-size:.76rem;font-weight:600}
.st-p::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.st-ok{color:#69D39A}.st-go{color:var(--acc)}.st-pl{color:#7FCBE0}
.dash .foot{margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--sea-2);border-radius:10px;padding:14px 16px}
.dash .foot b{color:#fff;font-stretch:112%;font-size:1.05rem;white-space:nowrap}
.phase{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.phase div{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:var(--r-m);padding:12px 16px;font-size:.9rem;background:#fff}
.phase div.now{border-color:var(--sea);background:var(--sea);color:#fff}
.phase .dot{width:9px;height:9px;border-radius:50%;background:var(--acc)}
.phase div:not(.now) .dot{background:var(--line)}

/* ---------- founding partners ---------- */
.fp{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.fp-card{border:1px solid var(--line);border-radius:var(--r-l);padding:40px;background:#fff;position:relative}
.fp-card::before{content:"";position:absolute;left:40px;top:-1px;width:80px;height:4px;background:var(--acc);border-radius:0 0 4px 4px}
.fp-card ul{list-style:none;display:grid;gap:14px;margin:22px 0 30px}
.fp-card li{display:flex;gap:12px;font-size:.98rem}
.fp-card li .ic{color:var(--acc-text);margin-top:2px;width:20px;height:20px}
.creds{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:36px;border-top:1px solid var(--line)}
.creds div{padding:22px 22px 0 0}
.creds h4{margin-bottom:6px}
.creds p{font-size:.93rem;color:var(--steel)}

/* ---------- faq ---------- */
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:start}
.faq .side{position:sticky;top:180px}
.faq .side p{margin-top:16px;color:var(--steel)}
.faq .side .btn{margin-top:26px}
.qa details{border-bottom:1px solid var(--line)}
.qa details:first-child{border-top:1px solid var(--line)}
.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-stretch:106%;font-weight:700;font-size:1.08rem;color:var(--sea)}
.qa summary::-webkit-details-marker{display:none}
.qa summary .pm{flex:none;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;transition:transform .25s,background-color .2s,border-color .2s}
.qa summary .pm .ic{width:16px;height:16px}
.qa details[open] summary .pm{transform:rotate(45deg);background:var(--acc);border-color:var(--acc);color:var(--acc-on)}
.qa details p{padding:0 56px 26px 0;color:var(--steel)}

/* ---------- order form ---------- */
.order{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start}
.contacts{display:grid;gap:12px;margin-top:36px}
.contacts a,.contacts div{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:var(--r-m);background:var(--sea-2);border:1px solid var(--sea-3)}
.contacts a:hover{border-color:var(--acc)}
.contacts .ci{width:44px;height:44px;border-radius:10px;background:var(--acc);color:var(--acc-on);display:grid;place-items:center;flex:none}
.contacts b{display:block;color:#fff;font-weight:700}
.contacts span{font-size:.86rem;color:var(--mist)}
.form{background:#fff;color:var(--ink);border-radius:var(--r-l);padding:40px}
.form h3{margin-bottom:6px}
.form .intro{font-size:.94rem;color:var(--steel);margin-bottom:26px}
.opts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:26px}
.opts.two{grid-template-columns:1fr 1fr}
.opts label{position:relative;cursor:pointer}
.opts input{position:absolute;opacity:0;inset:0;cursor:pointer}
.opts span{display:flex;flex-direction:column;gap:2px;height:100%;padding:14px 16px;border:1.5px solid var(--line);border-radius:var(--r-m);font-weight:700;font-stretch:106%;font-size:.95rem;color:var(--sea);transition:border-color .15s,background-color .15s}
.opts span small{font-weight:500;font-stretch:100%;font-size:.8rem;color:var(--steel)}
.opts input:checked+span{border-color:var(--sea);background:var(--fog);box-shadow:inset 0 0 0 1px var(--sea)}
.opts input:focus-visible+span{outline:3px solid var(--acc);outline-offset:2px}
fieldset{border:0;margin:0 0 6px;padding:0}
legend{font-stretch:110%;font-weight:750;font-size:.98rem;color:var(--sea);margin-bottom:14px;display:flex;align-items:center;gap:10px;width:100%}
legend::after{content:"";flex:1;height:1px;background:var(--line)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.f{margin-bottom:16px}
.f label{display:block;font-size:.85rem;font-weight:600;color:var(--sea);margin-bottom:7px}
.f label i{font-style:normal;color:var(--acc-text)}
.f input,.f select,.f textarea{width:100%;min-height:50px;padding:12px 14px;border:1px solid #C9D4DB;border-radius:10px;background:#fff;font-size:.97rem;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.f textarea{min-height:104px;resize:vertical}
.f select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%234A5F6C' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}
.f input:focus,.f select:focus,.f textarea:focus{outline:none;border-color:var(--sea);box-shadow:0 0 0 3px var(--acc-soft)}
.f input::placeholder,.f textarea::placeholder{color:#8B9CA7}
.est{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--fog);border-radius:var(--r-m);padding:18px 20px;margin-top:6px}
.est span{font-size:.92rem;color:var(--steel)}
.est span small{display:block;font-size:.8rem}
.est b{font-stretch:118%;font-weight:800;font-size:1.5rem;color:var(--sea);text-align:right}
.form .btn{width:100%;margin-top:18px}
.form .fine{margin-top:14px;font-size:.82rem;color:var(--steel)}

/* ---------- cross-sell band ---------- */
.xsell{position:relative;overflow:hidden;border-radius:var(--r-l);display:grid;grid-template-columns:1.2fr .8fr;min-height:300px}
.xsell .txt{padding:52px;position:relative;z-index:2}
.xsell.to-cargo{background:var(--cargo);color:var(--sea)}
.xsell.to-crew{background:var(--crew);color:#fff}
.xsell.to-crew h2{color:#fff}
.xsell h2{font-size:clamp(1.7rem,3vw,2.4rem)}
.xsell p{margin-top:14px;font-size:1.05rem;max-width:52ch}
.xsell .btn{margin-top:26px}
.xsell .ph{min-height:100%}
.xsell .ph::after{display:none}

/* ---------- footer ---------- */
.foot{background:#071A24;color:var(--mist);padding:84px 0 32px;font-size:.93rem}
.foot .cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}
.foot .brand{color:#fff}
.foot .brand small{color:var(--mist)}
.foot p.about{margin-top:18px;max-width:38ch}
.foot h4{color:#fff;font-size:.95rem;margin-bottom:16px}
.foot ul{list-style:none;display:grid;gap:10px}
.foot a:hover{color:#fff}
.foot .grp{margin-top:56px;padding:24px 26px;border:1px solid var(--sea-3);border-radius:var(--r-m);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.foot .grp b{color:#fff}
.foot .grp nav{display:flex;flex-wrap:wrap;gap:22px}
.foot .grp nav a{color:#C4D2DA}
.foot .legal{margin-top:28px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:.82rem}

/* ---------- cargo specifics ---------- */
.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mode{border-radius:var(--r-l);overflow:hidden;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column}
.mode .ph{aspect-ratio:16/10}
.mode .mb{padding:26px 26px 28px;display:flex;flex-direction:column;gap:10px;flex:1}
.mode .mt{display:flex;justify-content:space-between;align-items:center;gap:12px}
.mode .eta{font-size:.82rem;font-weight:700;color:var(--acc-text);background:var(--acc-soft);padding:4px 10px;border-radius:999px;white-space:nowrap}
.mode p{font-size:.94rem;color:var(--steel)}
.mode .best{margin-top:auto;padding-top:14px;border-top:1px dashed var(--line);font-size:.88rem;color:var(--sea)}
.mode .card-tag{font-size:.82rem;color:var(--steel)}
.rule{margin-top:28px;display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;background:var(--sea);color:#D3DEE5;border-radius:var(--r-l);padding:28px 32px}
.rule .ri{width:56px;height:56px;border-radius:14px;background:var(--acc);color:var(--sea);display:grid;place-items:center}
.rule .ri .ic{width:28px;height:28px}
.rule b{color:#fff;font-stretch:110%;font-size:1.1rem;display:block;margin-bottom:4px}

.tariff{background:#fff;border-radius:var(--r-l);border:1px solid var(--line);overflow:hidden}
.tariff .th{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:26px 32px;border-bottom:1px solid var(--line)}
.tariff .th p{font-size:.92rem;color:var(--steel)}
.tariff table{width:100%;border-collapse:collapse}
.tariff th{text-align:left;font-size:.84rem;font-weight:600;color:var(--steel);padding:14px 32px;background:var(--fog)}
.tariff th:nth-child(n+2),.tariff td:nth-child(n+2){text-align:right}
.tariff td{padding:20px 32px;border-top:1px solid var(--line);font-size:1rem;vertical-align:middle}
.tariff td b{font-stretch:110%;color:var(--sea)}
.tariff td small{display:block;color:var(--steel);font-size:.84rem}
.tariff td.p{font-stretch:118%;font-weight:800;font-size:1.35rem;color:var(--sea);white-space:nowrap}
.tariff td.bp{color:var(--acc-text);font-weight:700;white-space:nowrap}
.tariff tr.hl td{background:var(--acc-soft)}
.tariff .tf{padding:18px 32px;background:var(--fog);font-size:.86rem;color:var(--steel);display:flex;gap:28px;flex-wrap:wrap}
.tariff .tf span{display:flex;gap:8px;align-items:center}
.tariff .tf .ic{width:18px;height:18px;color:var(--acc-text)}

.both{display:grid;grid-template-columns:1fr auto 1fr;gap:0;background:#fff;border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden}
.both .side{padding:38px}
.both .mid{display:flex;align-items:center;justify-content:center;padding:0 10px;background:var(--fog);border-left:1px solid var(--line);border-right:1px solid var(--line)}
.both .mid .plane{width:64px;height:64px;border-radius:50%;background:var(--acc);color:var(--sea);display:grid;place-items:center}
.both .mid .plane .ic{width:30px;height:30px}
.both h3{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.both .side>p{font-size:.94rem;color:var(--steel);margin-bottom:18px}
.both ul{list-style:none;display:grid;gap:12px}
.both li{display:flex;gap:12px;font-size:.96rem}
.both li .ic{width:20px;height:20px;color:var(--acc-text);margin-top:2px}

.estm{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.estm .in{background:var(--sea-2);border:1px solid var(--sea-3);border-radius:var(--r-l);padding:34px}
.dims{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.nf{display:flex;flex-direction:column;gap:6px}
.nf span{font-size:.8rem;color:var(--mist)}
.nf input,.nf select{width:100%;min-height:50px;border-radius:10px;border:1px solid var(--sea-3);background:var(--sea);color:#fff;padding:10px 14px;font-size:1rem;font-weight:600}
.nf select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239DB0BC' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}
.nf input:focus,.nf select:focus{outline:2px solid var(--acc);border-color:var(--acc)}
.sw2{display:flex;gap:10px;flex-wrap:wrap}
.sw2 label{position:relative;cursor:pointer}
.sw2 input{position:absolute;opacity:0;inset:0}
.sw2 span{display:block;padding:11px 16px;border-radius:999px;border:1px solid var(--sea-3);font-size:.9rem;font-weight:600;color:var(--mist)}
.sw2 input:checked+span{background:var(--acc);border-color:var(--acc);color:var(--sea)}
.sw2 input:focus-visible+span{outline:2px solid #fff;outline-offset:2px}
.estm .out{background:#fff;border-radius:var(--r-l);padding:34px;display:flex;flex-direction:column}
.calcrows{display:grid;gap:0;margin:8px 0 0}
.calcrows div{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px dashed var(--line);font-size:.96rem;color:var(--steel)}
.calcrows b{color:var(--sea);font-stretch:110%;text-align:right}
.estm .price{margin-top:26px}
.estm .price .k{font-size:.95rem;color:var(--steel)}
.estm .price .v{font-stretch:125%;font-weight:800;font-size:3.2rem;line-height:1.05;color:var(--sea)}
.estm .price .s{font-size:.92rem;color:var(--acc-text);font-weight:600;margin-top:6px}
.estm .out .note{margin-top:auto;padding-top:22px;font-size:.8rem;color:var(--steel)}

/* ---------- thank you ---------- */
.ty{min-height:72vh;display:grid;place-items:center;text-align:center;padding:80px 0}
.ty .ok{width:84px;height:84px;border-radius:50%;background:var(--acc);color:var(--acc-on);display:grid;place-items:center;margin:0 auto 28px}
.ty .ok .ic{width:40px;height:40px;stroke-width:2.5}
.ty p{margin:18px auto 0;color:var(--steel)}
.ty .ctas{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:32px}

/* =========================================================
   Responsive
   ========================================================= */
@media (max-width:1180px){
  .steps,.steps.six{grid-template-columns:minmax(0,1fr);gap:0}
  .steps::before,.steps.six::before{top:28px;bottom:28px;left:27px;right:auto;width:2px;height:auto;background:var(--acc)}
  .step{display:grid;grid-template-columns:56px 1fr;column-gap:22px;padding:0 0 30px}
  .step .n{margin:0;grid-row:1/4}
  .step .who{justify-self:start}
  .step:last-child{padding-bottom:0}
}
@media (max-width:1080px){
  .hero-in{grid-template-columns:minmax(0,1fr);gap:40px}
  .pricebox{max-width:420px}
  .ledger,.split,.calc,.fp,.faq,.order,.estm,.xsell{grid-template-columns:minmax(0,1fr)}
  .split.rev .ph-col{order:0}
  .ph-col .ph{aspect-ratio:16/10}
  .ph-stack .ph.small{display:none}
  .incl{grid-template-columns:1fr 1fr}
  .modes{grid-template-columns:minmax(0,1fr)}
  .mode{display:grid;grid-template-columns:.9fr 1.1fr}
  .mode .ph{aspect-ratio:auto;min-height:240px}
  .faq .side{position:static}
  .foot .cols{grid-template-columns:1fr 1fr}
  .xsell .ph{min-height:240px}
  .both{grid-template-columns:minmax(0,1fr)}
  .both .mid{border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px}
  .both .mid .plane{transform:rotate(90deg)}
  .sec{padding:96px 0}
}
@media (max-width:820px){
  .journey ol{grid-template-columns:repeat(3,1fr);row-gap:26px}
  .journey ol::before,.journey .run{display:none}
  .journey li:last-child .st{box-shadow:0 0 0 4px rgba(255,255,255,.08)}
  .strip{grid-template-columns:1fr 1fr}
  .strip .ph:first-child{grid-column:1/-1;aspect-ratio:16/9}
  .mode{grid-template-columns:minmax(0,1fr)}
  .mode .ph{min-height:0;aspect-ratio:16/9}
  .tariff th,.tariff td{padding-left:20px;padding-right:20px}
  .tariff .th,.tariff .tf{padding-left:20px;padding-right:20px}
  .tariff td:nth-child(2) small{display:none}
}
@media (max-width:640px){
  body{font-size:16px}
  .wrap{padding:0 18px}
  .sec{padding:76px 0}
  .head{margin-bottom:40px}
  .hero-in{padding:64px 0 40px}
  .hero .ctas .btn{width:100%}
  .pricebox .v{font-size:2.8rem}
  .lg{padding:26px 22px}
  .lg.one .big .v{font-size:3rem}
  .incl{grid-template-columns:minmax(0,1fr)}
  .incl>div{padding-right:0}
  .calc .in,.calc .out,.estm .in,.estm .out{padding:26px 22px}
  .res .v,.estm .price .v{font-size:2.5rem}
  .kp{grid-template-columns:minmax(0,1fr)}
  .dash{font-size:.78rem}
  .dash .stats{grid-template-columns:1fr 1fr}
  .dash .hs{display:none}
  .fp-card{padding:30px 24px}
  .creds{grid-template-columns:minmax(0,1fr)}
  .qa details p{padding-right:0}
  .form{padding:28px 20px}
  .opts{grid-template-columns:minmax(0,1fr)}
  .opts.two{grid-template-columns:minmax(0,1fr)}
  .row{grid-template-columns:minmax(0,1fr);gap:0}
  .xsell .txt{padding:36px 26px}
  .foot .cols{grid-template-columns:minmax(0,1fr)}
  .rule{grid-template-columns:minmax(0,1fr);padding:26px}
  .tariff .hide-s{display:none}
  .tariff td.p{font-size:1.15rem}
  .dims{grid-template-columns:1fr 1fr 1fr}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}
}

/* ---- fixes after review ---- */
h2+.lede,h1+.lede{margin-top:20px}
.ph-stack .ph figcaption{right:52%}
.form h3,.form h4,.dark .form h3{color:var(--sea)}
.dark .form .chk,.form .chk{color:var(--ink)}
.chk span{display:block;font-weight:600}
.chk small{font-weight:400}
.order h2{font-size:clamp(1.9rem,3.1vw,2.6rem)}
.calc .out h3,.estm .out h3,.dark .calc .out h3,.dark .estm .out h3{color:var(--sea)}
.est b{white-space:nowrap}
.toggle button{white-space:nowrap}
@media (max-width:1080px){.ph-stack .ph figcaption{right:20px}}
@media (max-width:640px){
  .toggle{display:flex;width:100%}
  .toggle button{flex:1;padding:11px 10px;font-size:.86rem}
  .est{flex-wrap:wrap}
  .est b{font-size:1.35rem}
  .dash .hr{display:none}
}
.xsell.to-crew{background:#C63D0D}
.estm .row{gap:12px}
.ty h1{max-width:none}
.tariff th:nth-child(2),.tariff td:nth-child(2){text-align:left}
.fld label.chk{justify-content:flex-start;align-items:flex-start;margin-bottom:0;font-weight:400}
.fld label.nf{margin-bottom:0}
@media (max-width:640px){
  .tariff table{table-layout:fixed}
  .tariff th,.tariff td{padding:14px 14px;font-size:.9rem}
  .tariff th:first-child,.tariff td:first-child{width:36%}
  .tariff td.p{font-size:1.02rem}
  .tariff td.bp{font-size:.88rem;white-space:normal}
  .tariff th{font-size:.76rem;line-height:1.3}
  .tariff .th{flex-direction:column;align-items:flex-start;gap:4px}
}

/* ---------- multilingual ---------- */
@font-face{font-family:"AO Greek";src:url(fonts/notosans-greek.woff) format("woff");font-weight:100 900;font-stretch:62.5% 100%;font-style:normal;font-display:swap}
body.lang-el{--display:"AO Greek","Archivo",system-ui,sans-serif}
body.lang-el h1{font-size:clamp(2.2rem,5.2vw,4.4rem);letter-spacing:-.005em}
body.lang-el h2{font-size:clamp(1.8rem,3.5vw,2.9rem)}
body.lang-zh{--display:"Archivo","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC","Noto Sans CJK SC","Source Han Sans SC",system-ui,sans-serif}
body.lang-zh h1,body.lang-zh h2,body.lang-zh h3{line-height:1.25;letter-spacing:0}
body.lang-zh p,body.lang-zh .lede{line-height:1.75}
h1,h2,h3,h4{overflow-wrap:break-word;hyphens:manual}
p,li,td,th,summary,label,small,b,span{overflow-wrap:break-word}
.ltr{direction:ltr;unicode-bidi:isolate}
.pricebox .v small.post,.lg.one .big .v small.post{margin:0 0 0 8px}
@media (max-width:640px){
  h1{font-size:clamp(2.05rem,9.4vw,2.8rem)}
  h2{font-size:clamp(1.6rem,7vw,2.1rem)}
}
@media (max-width:380px){
  .wrap{padding:0 16px}
  .btn{padding:0 18px;white-space:normal;text-align:center;line-height:1.25;min-height:50px}
}
.skip:focus{position:fixed;left:12px;top:12px;width:auto;height:auto;clip:auto;z-index:200;background:#fff;color:var(--sea);padding:10px 16px;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.sec-x{padding-top:0}

/* small-screen safety */
.ledger>*,.calc>*,.estm>*,.split>*,.fp>*,.faq>*,.order>*,.xsell>*,.both>*,.modes>*{min-width:0}
@media (max-width:640px){
  .toggle button{white-space:normal;line-height:1.2;min-height:46px}
  .lg td{padding-right:0}
  .lg td:last-child{padding-left:10px;font-size:.88rem}
  .lg tfoot td:last-child{font-size:.98rem;white-space:normal}
  .calc .in,.calc .out,.estm .in,.estm .out{padding:24px 18px}
  .sw2 label{flex:1 1 auto}
  .sw2 span{text-align:center}
}
@media (max-width:420px){
  .dash td{white-space:normal}
  .dash th,.dash td{padding-right:6px}
  .dash .body{padding:16px}
}
@media (max-width:640px){
  .res .v,.estm .price .v{font-size:clamp(1.8rem,8.6vw,2.5rem)}
  .lg.one .big .v{font-size:clamp(2.2rem,11vw,3rem)}
  .pricebox .v{font-size:clamp(2.2rem,11vw,2.8rem)}
  .kp b{font-size:1.25rem}
}
/* rate cards become stacked rows on phones */
@media (max-width:540px){
  .tariff thead{display:none}
  .tariff table,.tariff tbody{display:block;table-layout:auto}
  .tariff tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;align-items:baseline;padding:16px 18px;border-top:1px solid var(--line)}
  .tariff td{display:block;padding:0!important;border:0!important;width:auto!important;text-align:left!important;font-size:.95rem}
  .tariff td.hide-s{display:none}
  .tariff td.p{grid-column:2;grid-row:1;text-align:right!important;font-size:1.1rem!important;white-space:nowrap}
  .tariff td.bp{grid-column:1/-1;font-size:.86rem!important;white-space:normal}
  .tariff td.bp::before{content:attr(data-l) ": ";color:var(--steel);font-weight:500}
  .tariff tr.hl{background:var(--acc-soft)}
  .tariff tr.hl td{background:transparent}
}
.gb-l .short{display:none}
@media (max-width:560px){.gb-l .full{display:none}.gb-l .short{display:inline}}
@media (max-width:400px){
  .hdr.fit3 .brand{gap:9px}
  .hdr.fit3 .brand b{font-size:1rem}
  .hdr.fit3 .brand small{font-size:.72rem}
  .hdr.fit3 .brand svg{width:30px;height:30px}
  .hdr.fit3 .hdr-act .btn{padding:0 14px;font-size:.86rem;min-height:40px}
}
.hdr .brand .bt{min-width:0;overflow:hidden}
.hdr .brand small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.foot .brand{white-space:normal}
.mode .mt{flex-wrap:wrap;row-gap:6px}
@media (max-width:640px){.both .side{padding:28px 20px}.both h3{font-size:1.12rem;flex-wrap:wrap}}
section[id],[id].tariff{scroll-margin-top:96px}
@media (max-width:860px){section[id]{scroll-margin-top:150px}}
/* crew hero photo: keep the seafarer visible between headline and price box */
.hero-bg.crew-focus{background-size:140% auto,240px 240px,cover;background-position:88% 40%,0 0,center}
.hero-bg.crew-focus::after{background:linear-gradient(90deg,rgba(7,26,36,.94) 0%,rgba(7,26,36,.84) 34%,rgba(7,26,36,.25) 52%,rgba(7,26,36,.2) 64%,rgba(7,26,36,.55) 74%,rgba(7,26,36,.7) 100%),linear-gradient(0deg,rgba(7,26,36,.9) 0%,rgba(7,26,36,0) 40%)}
@media (max-width:1080px){
  .hero-bg.crew-focus{background-size:cover,240px 240px,cover;background-position:68% 62%,0 0,center}
  .hero-bg.crew-focus::after{background:linear-gradient(180deg,rgba(7,26,36,.86) 0%,rgba(7,26,36,.78) 45%,rgba(7,26,36,.55) 70%,rgba(7,26,36,.9) 100%)}
}
.ph-col .ph.photo-portrait{background-position:center,0 0,center}
@media (min-width:1600px){.hero-bg.crew-focus{background-size:125% auto,240px 240px,cover;background-position:100% 40%,0 0,center}}
/* hero route: sign-on / sign-off switch */
.journey{padding-top:22px}
.jt{display:inline-flex;gap:4px;padding:4px;margin-bottom:22px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.jt button{display:inline-flex;align-items:center;gap:8px;border:0;background:none;cursor:pointer;padding:9px 18px;border-radius:999px;color:#C4D2DA;font-weight:700;font-stretch:106%;font-size:.88rem;line-height:1.2;transition:background-color .2s,color .2s}
.jt button .ic{width:17px;height:17px}
.jt button:hover{color:#fff}
.jt button[aria-selected=true]{background:var(--acc);color:var(--acc-on)}
.jp{position:relative}
.jp .run{top:23px}
@media (max-width:640px){.jt{display:flex;width:100%}.jt button{flex:1;justify-content:center;padding:9px 10px;font-size:.82rem;text-align:center}.jt button .ic{display:none}}
/* pricing: universal rate or fleet rate */
.rates2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.rc{border-radius:var(--r-l);padding:38px;display:flex;flex-direction:column}
.rc.uni{background:#fff;color:var(--ink)}
.rc.fleet{background:var(--sea-2);border:1px solid var(--sea-3);color:#D3DEE5}
.rc .k{font-weight:700;font-stretch:110%;font-size:1.05rem;color:var(--acc-text)}
.rc.fleet .k{color:var(--acc)}
.rc .v{font-stretch:125%;font-weight:800;font-size:3.6rem;line-height:1;color:var(--sea);margin:16px 0 12px}
.rc .v small{font-size:1.05rem;color:var(--acc);vertical-align:1em;margin-right:6px}
.rc .v small.post{margin:0 0 0 8px}
.rc .v2{font-stretch:118%;font-weight:800;font-size:2.3rem;line-height:1.1;color:#fff;margin:16px 0 12px}
.rc p{color:var(--steel);max-width:52ch}
.rc.fleet p{color:var(--mist)}
.rc ul,.rc ol{list-style:none;display:grid;gap:12px;margin:24px 0 30px}
.rc li{display:flex;gap:12px;font-size:.97rem}
.rc ul li .ic{width:20px;height:20px;color:var(--acc-text);margin-top:2px;flex:none}
.rc ol{counter-reset:f}
.rc ol li{color:#fff}
.rc ol li::before{counter-increment:f;content:counter(f);flex:none;width:26px;height:26px;border-radius:50%;background:var(--acc);color:var(--acc-on);display:grid;place-items:center;font-weight:800;font-size:.8rem;margin-top:-1px}
.rc .btn{margin-top:auto;align-self:flex-start}
.pricebox .pb-link{display:inline-block;margin-top:16px;font-size:.9rem;font-weight:600;color:#fff;border-bottom:1.5px solid var(--acc);padding-bottom:1px}
.pricebox .pb-link:hover{color:var(--acc)}
@media (max-width:1080px){.rates2{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.rc{padding:28px 22px}.rc .v{font-size:clamp(2.4rem,12vw,3.2rem)}.rc .v2{font-size:1.8rem}.rc .btn{align-self:stretch;white-space:normal;text-align:center}}
@media (max-width:900px){form.form .opts{grid-template-columns:minmax(0,1fr)}}
/* advantage, terms, cancellation, hands-off */
.adv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.advc{background:#fff;border:1px solid var(--line);border-radius:var(--r-l);padding:30px}
.advc .ii,.terms4 .ii,.handsoff .ii{width:48px;height:48px;border-radius:12px;background:var(--acc-soft);color:var(--acc-text);display:grid;place-items:center;margin-bottom:18px}
.advc h3{font-size:1.18rem;margin-bottom:8px}
.advc p{color:var(--steel);font-size:.96rem}
.join{margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:var(--sea);border-radius:var(--r-l);padding:26px 30px}
.join p{font-weight:600;font-size:1.08rem;color:#fff;max-width:60ch}
.terms4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.terms4>div{padding:30px 26px 30px 0;border-bottom:1px solid var(--line)}
.terms4 h4{margin-bottom:6px}
.terms4 p{font-size:.94rem;color:var(--steel)}
.cxl{margin-top:48px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:start;background:var(--fog);border-radius:var(--r-l);padding:36px}
.cxl h3{margin-bottom:10px}
.cxl p{color:var(--steel)}
.cxl .note2{margin-top:14px;font-size:.93rem;color:var(--sea);font-weight:600}
.cxl table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--r-m);overflow:hidden}
.cxl th{text-align:left;font-size:.84rem;font-weight:600;color:var(--steel);padding:14px 20px;border-bottom:1px solid var(--line)}
.cxl th:last-child,.cxl td:last-child{text-align:right}
.cxl td{padding:16px 20px;border-bottom:1px solid var(--line);font-size:.97rem}
.cxl tr:last-child td{border-bottom:0}
.cxl td.pct{font-stretch:115%;font-weight:800;color:var(--sea);white-space:nowrap}
.cxl tr:last-child td.pct{white-space:normal;font-size:.9rem;font-weight:700;max-width:220px}
.handsoff{margin-top:36px;display:flex;gap:20px;align-items:flex-start;background:var(--sea);border-radius:var(--r-l);padding:30px 32px}
.handsoff .ii{background:var(--acc);color:var(--acc-on);margin:0;flex:none}
.handsoff h3{color:#fff;margin-bottom:6px}
.handsoff p{color:var(--mist);max-width:72ch}
@media (max-width:1080px){.adv{grid-template-columns:minmax(0,1fr)}.terms4{grid-template-columns:repeat(2,minmax(0,1fr))}.cxl{grid-template-columns:minmax(0,1fr);gap:24px}}
@media (max-width:640px){.terms4{grid-template-columns:minmax(0,1fr)}.terms4>div{padding-right:0}.cxl{padding:24px 18px}.cxl th,.cxl td{padding:12px 14px}.join{padding:22px}.join .btn{width:100%;white-space:normal;text-align:center}.handsoff{flex-direction:column;padding:24px}}
/* Supply department: galley green */
:root{--supply:#1FA37A;--supply-btn:#137A56;--supply-text:#0F6B4B;--supply-soft:#DDF2E9}
body.seg-supply{--acc:var(--supply);--acc-btn:var(--supply-btn);--acc-on:#fff;--acc-text:var(--supply-text);--acc-soft:var(--supply-soft)}
.seg a[data-seg=supply] .sw{color:var(--supply-text)}
.seg a[aria-current=page][data-seg=supply] .sw{background:var(--supply);border-color:var(--supply);color:#fff}
.pricebox .v.vtext{font-size:2.6rem;line-height:1.05}
.steps.four{grid-template-columns:repeat(4,1fr)}
.steps.four::before{right:calc(100%/4 - 28px)}
.vcard{background:var(--fog);border-radius:var(--r-l);padding:36px;border:1px solid var(--line)}
.vcard h3{margin-bottom:8px}
.vcard p{color:var(--steel)}
.vcard ul{list-style:none;display:grid;gap:14px;margin:22px 0 28px}
.vcard li{display:flex;gap:14px;align-items:center;font-weight:600;color:var(--sea)}
.vcard li .ic{width:40px;height:40px;padding:9px;border-radius:10px;background:#fff;color:var(--acc-text);border:1px solid var(--line);flex:none}
/* header level 4: very narrow phones, three tabs without icons */
.hdr.fit4 .seg a .sw{display:none}
.hdr.fit4 .seg a{padding:9px 6px}
.hdr.fit4 .seg a b{font-size:.9rem}
.foot .cols{grid-template-columns:1.3fr repeat(5,1fr)}
@media (max-width:1180px){.foot .cols{grid-template-columns:repeat(3,minmax(0,1fr))}.foot .cols>div:first-child{grid-column:1/-1}}
@media (max-width:640px){.foot .cols{grid-template-columns:minmax(0,1fr)}.pricebox .v.vtext{font-size:2.1rem}.vcard{padding:26px 20px}}
@media (max-width:1180px){.steps.four{grid-template-columns:minmax(0,1fr)}.steps.four::before{right:auto}}
/* narrow phones: long department names (e.g. Abastecimento, Avitaillement) */
.hdr.fit4 .seg a{flex:1 1 auto;padding:9px 4px}
.hdr.fit4 .seg a b{font-stretch:100%;font-size:.84rem;letter-spacing:-.005em}
.hdr.fit5 .seg a b{font-size:.76rem}
.hdr.fit5 .seg{padding:3px;gap:2px}
@media (max-width:640px){.btn{white-space:normal;text-align:center;line-height:1.25}}
.hdr.fit3 .seg{min-width:0}

/* =========================================================
   2026-10 update: company pages, stats band, hub map, AI feed
   ========================================================= */
body.seg-co{--acc:var(--crew);--acc-btn:var(--crew-btn);--acc-on:#fff;--acc-text:var(--crew-text);--acc-soft:var(--crew-soft)}
/* photos as real images (WebP + alt text) */
.ph>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--pp,center)}
.hero-bg{--img:var(--img-l)}
@media (max-width:800px){.hero-bg{--img:var(--img-s,var(--img-l))}}
/* keyword line above each h1 */
.kick{display:flex;align-items:center;gap:10px;font-stretch:100%;font-size:.95rem;font-weight:700;letter-spacing:.01em;line-height:1.3;color:var(--acc);margin-bottom:18px}
.kick::before{content:"";width:26px;height:3px;border-radius:2px;background:var(--acc);flex:none}
.hero-in.solo{grid-template-columns:minmax(0,1fr);padding-bottom:96px}
.hero-in.solo h1{max-width:20ch}

/* stats band */
.statband{position:relative;overflow:hidden;background:linear-gradient(180deg,#0E2D3D 0%,var(--sea) 100%);color:#C4D2DA;padding:88px 0}
.statband::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 100% 0%,rgba(255,255,255,.06),transparent 70%);pointer-events:none}
.sb{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center}
.sb-h h2{color:#fff;font-size:clamp(1.7rem,3vw,2.4rem)}
.sb-h p{margin-top:16px;color:#C4D2DA}
.sb-h .link{margin-top:24px;color:var(--acc)}
.sb-n{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-l);overflow:hidden}
.sb-n>div{background:var(--sea);padding:28px 26px;min-width:0}
.sb-n>div::before{content:"";display:block;width:28px;height:3px;border-radius:2px;background:var(--acc);margin-bottom:18px}
.sb-n b{display:block;font-stretch:125%;font-weight:800;font-size:clamp(2rem,3.3vw,2.85rem);line-height:1;color:#fff;white-space:nowrap}
.sb-n span:not(.cnt){display:block;margin-top:10px;font-size:.9rem;line-height:1.45;color:var(--mist)}
@media (max-width:1080px){.sb{grid-template-columns:minmax(0,1fr);gap:40px}}
@media (max-width:640px){.statband{padding:64px 0}.sb-n>div{padding:22px 18px}.sb-n b{font-size:clamp(1.6rem,7vw,2.1rem);font-stretch:110%}.sb-n span:not(.cnt){font-size:.84rem}}
@media (max-width:480px){.sb-n{grid-template-columns:minmax(0,1fr)}}

/* departments */
.depts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.dp{display:flex;flex-direction:column;border-radius:var(--r-l);overflow:hidden;background:#fff;border:1px solid var(--line);border-top:4px solid var(--kk);transition:transform .2s,box-shadow .2s;min-width:0}
.dp:hover{transform:translateY(-3px);box-shadow:0 24px 50px -24px rgba(11,37,50,.35)}
.d-crew{--k:var(--crew-text);--kk:var(--crew)}.d-cargo{--k:var(--cargo-text);--kk:var(--cargo)}.d-supply{--k:var(--supply-text);--kk:var(--supply)}
.dp .ph{aspect-ratio:16/10}
.dp .db{padding:24px 26px 26px;display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}
.dp .dk{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:700;color:var(--k)}
.dp .dk .ic{width:18px;height:18px}
.dp h3{font-size:1.25rem}
.dp p{font-size:.95rem;color:var(--steel)}
.dp .more{margin-top:auto;padding-top:8px;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-stretch:106%;color:var(--sea)}
.dp .more .ic{width:18px;height:18px;color:var(--kk);transition:transform .2s}
.dp:hover .more .ic{transform:translateX(4px)}
@media (max-width:1080px){.depts{grid-template-columns:minmax(0,1fr)}.dp{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.dp .ph{aspect-ratio:auto;min-height:220px}}
@media (max-width:640px){.dp{display:flex}.dp .ph{aspect-ratio:16/9;min-height:0}.dp .db{padding:22px 20px 24px}}

/* hub map */
.mapbox{position:relative;border-radius:var(--r-l);background:radial-gradient(120% 100% at 50% 0%,#133D52 0%,#0A2230 70%);border:1px solid var(--sea-3);padding:28px 24px;overflow:hidden}
.wmap{width:100%;height:auto}
.wmap .land{fill:none;stroke:#2E5B72;stroke-width:4.4;stroke-linecap:round}
.wmap .rt{fill:none;stroke:var(--acc);stroke-width:1.3;stroke-dasharray:3 5;opacity:.7;animation:aodash 1.6s linear infinite}
.wmap .core{fill:var(--acc);stroke:var(--sea);stroke-width:1.6;transition:fill .2s}
.wmap .pulse{fill:var(--acc);opacity:0;transform-box:fill-box;transform-origin:center;animation:aopulse 2.6s ease-out infinite;animation-delay:var(--pd,0s)}
.wmap .hb.on .core{fill:#fff}
@keyframes aodash{to{stroke-dashoffset:-16}}
@keyframes aopulse{0%{transform:scale(.8);opacity:.55}100%{transform:scale(3.2);opacity:0}}
.hublist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}
.hublist h4{color:#fff;display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:1rem}
.hublist .cnt-h{font-size:.75rem;font-weight:700;background:var(--acc);color:var(--acc-on);border-radius:99px;padding:2px 9px}
.hublist ul{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.hublist li{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:8px;padding:10px 14px;border-radius:10px;background:var(--sea-2);border:1px solid var(--sea-3);font-size:.92rem;transition:border-color .2s;min-width:0}
.hublist li b{color:#fff;font-weight:650}
.hublist li small{color:var(--mist);font-size:.8rem}
.hublist li .dot{width:8px;height:8px;border-radius:50%;background:var(--acc);flex:none;align-self:center}
.hublist li:hover{border-color:var(--acc)}
@media (max-width:820px){.hublist{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.mapbox{padding:14px 10px;border-radius:var(--r-m)}}
@media (max-width:400px){.hublist ul{grid-template-columns:minmax(0,1fr)}}
.hubsvc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}
.hubsvc>div{background:var(--sea-2);border:1px solid var(--sea-3);border-radius:var(--r-m);padding:24px;min-width:0}
.hubsvc .ii{width:44px;height:44px;border-radius:10px;background:var(--acc);color:var(--acc-on);display:grid;place-items:center;margin-bottom:14px}
.hubsvc h4{color:#fff;margin-bottom:6px}
.hubsvc p{font-size:.92rem;color:var(--mist)}
.hubsvc.six{grid-template-columns:repeat(3,minmax(0,1fr))}
.hubsvc.light{margin-top:0}
.hubsvc.light>div{background:#fff;border-color:var(--line)}
.hubsvc.light h4{color:var(--sea)}
.hubsvc.light p{color:var(--steel)}
.hubsvc.light .ii{background:var(--acc-soft);color:var(--acc-text)}
@media (max-width:1080px){.hubsvc,.hubsvc.six{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.hubsvc,.hubsvc.six{grid-template-columns:minmax(0,1fr)}}
.hubmore{margin-top:30px}
.hubgrp{font-size:1.1rem;margin:8px 0 16px;display:flex;align-items:center;gap:14px}
.hubgrp::after{content:"";flex:1;height:1px;background:var(--line)}
.hubcards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:36px}
.hc{border:1px solid var(--line);border-top:3px solid var(--acc);border-radius:var(--r-m);padding:20px 20px 22px;background:#fff;min-width:0}
.hc h4{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}
.hc h4 small{font-size:.8rem;font-weight:600;color:var(--steel)}
.hc p{font-size:.9rem;color:var(--steel)}
@media (max-width:1080px){.hubcards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.hubcards{grid-template-columns:minmax(0,1fr)}}

/* AI processing feed */
.feed{background:var(--sea);border-radius:var(--r-l);overflow:hidden;color:#D3DEE5;box-shadow:0 40px 80px -30px rgba(11,37,50,.55);min-width:0}
.feed .fh{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;background:#071A24;font-size:.82rem;color:var(--mist)}
.feed .fh .who{display:flex;align-items:center;gap:10px}
.feed .fh svg{width:22px;height:22px}
.feed .ex{font-size:.72rem;font-weight:700;border:1px solid var(--sea-3);border-radius:99px;padding:3px 10px;white-space:nowrap}
.feed ol{list-style:none;padding:8px 20px 0}
.feed li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #163C50}
.feed .fi{width:40px;height:40px;border-radius:10px;background:var(--sea-2);display:grid;place-items:center;color:var(--acc)}
.feed .fi .ic{width:19px;height:19px}
.feed li b{display:block;color:#fff;font-size:.95rem;font-weight:650;line-height:1.3}
.feed li small{display:block;font-size:.8rem;color:var(--mist);margin-top:2px}
.feed time{font-size:.8rem;color:var(--mist);font-variant-numeric:tabular-nums}
.feed li.done .fi{background:var(--acc);color:var(--acc-on)}
.feed .ff{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px 20px 20px;background:var(--sea-2);border-radius:10px;padding:14px 16px;font-size:.9rem}
.feed .ff b{color:#fff;font-stretch:118%;font-size:1.3rem;white-space:nowrap}
.js .feed.anim li{opacity:0;transform:translateY(8px)}
.js .feed.anim.in li{animation:aofeed .5s ease-out forwards;animation-delay:calc(var(--i) * .55s)}
@keyframes aofeed{to{opacity:1;transform:none}}
@media (max-width:420px){.feed ol{padding:4px 14px 0}.feed li{grid-template-columns:34px minmax(0,1fr);gap:12px}.feed .fi{width:34px;height:34px}.feed time{display:none}.feed .ff{margin:12px 14px 16px}.feed .fh{padding:12px 14px}}

/* AI agents */
.agents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.agent{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-l);padding:30px;display:flex;flex-direction:column;gap:10px;min-width:0}
.agent .an{position:absolute;top:24px;right:26px;font-stretch:125%;font-weight:800;font-size:1.6rem;line-height:1;color:var(--line)}
.agent .ii{width:48px;height:48px;border-radius:12px;background:var(--acc-soft);color:var(--acc-text);display:grid;place-items:center;margin-bottom:8px}
.agent h3{font-size:1.18rem;padding-right:44px}
.agent p{font-size:.95rem;color:var(--steel)}
.agent .uses{margin-top:auto;padding-top:12px;border-top:1px dashed var(--line);font-size:.82rem;font-weight:600;color:var(--acc-text)}
@media (max-width:1080px){.agents{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.agents{grid-template-columns:minmax(0,1fr)}.agent{padding:24px 22px}}

/* traditional vs Atlas Onboard */
.vs{background:#fff;border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden}
.vs-h,.vs-r{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1fr);gap:24px;padding:18px 30px;align-items:start}
.vs-h{background:var(--sea);color:#fff;font-weight:700;font-stretch:108%;font-size:.92rem}
.vs-h span:last-child{color:var(--acc)}
.vs-r{border-top:1px solid var(--line);font-size:.95rem}
.vs-r b{color:var(--sea);font-stretch:106%}
.vs-r .o{color:var(--steel)}
.vs-r .n{color:var(--sea);font-weight:600;display:flex;gap:10px}
.vs-r .n::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--acc);flex:none;margin-top:.5em}
.vs-r em{display:none}
@media (max-width:820px){
  .vs-h{display:none}
  .vs-r{grid-template-columns:minmax(0,1fr);gap:8px;padding:20px}
  .vs-r em{display:block;font-style:normal;font-size:.76rem;font-weight:700;color:var(--steel)}
  .vs-r .n{display:block}
  .vs-r .n::before{display:none}
  .vs-r .n em{color:var(--acc-text)}
}

/* call-to-action band, company facts, legal page */
.ctaband{text-align:center}
.ctaband h2{max-width:22ch;margin:0 auto}
.ctaband .lede{margin:18px auto 0}
.ctaband .ctas{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:32px}
@media (max-width:640px){.ctaband .ctas .btn{width:100%}}
.terms4.on-dark{border-color:var(--sea-3)}
.terms4.on-dark>div{border-color:var(--sea-3)}
.terms4.on-dark p{color:var(--mist)}
.terms4.on-dark .ii{background:var(--acc);color:var(--acc-on)}
.split.top{align-items:start}
.facts{background:#fff;border:1px solid var(--line);border-radius:var(--r-l);padding:8px 30px;min-width:0}
.facts>div{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}
.facts>div:last-child{border-bottom:0}
.facts dt{color:var(--steel);font-size:.9rem}
.facts dd{color:var(--sea);font-weight:600;overflow-wrap:anywhere}
.facts a{border-bottom:1px solid var(--line)}
.facts a:hover{border-color:var(--acc)}
@media (max-width:640px){.facts{padding:6px 20px}.facts>div{grid-template-columns:minmax(0,1fr);gap:4px}}
.prose p+p{margin-top:16px}
.split .prose{margin-top:20px}
.split .prose p{color:var(--steel)}
.pagehead{background:var(--sea);color:#C4D2DA;padding:88px 0 64px}
.pagehead h1{color:#fff;font-size:clamp(2.2rem,5vw,3.6rem)}
.pagehead .lede{margin-top:18px}
.prose-sec{padding-top:72px}
.wrap.prose>*{max-width:760px}
.prose-sec h2{font-size:1.4rem;font-stretch:110%;margin:40px 0 10px}
.prose-sec h2:first-child{margin-top:0}
.prose-sec a{color:var(--acc-text);border-bottom:1px solid currentColor}
@media (max-width:640px){.pagehead{padding:64px 0 48px}}
/* review fixes */
.sb{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px}
.sb-n b{font-size:clamp(1.9rem,2.7vw,2.5rem);font-stretch:115%}
.pricebox .v.long{font-size:clamp(2.2rem,3.4vw,2.75rem);font-stretch:112%;white-space:nowrap}
.hublist li .dot{align-self:flex-start;margin-top:.5em}
body.seg-co .hero h1{font-size:clamp(2.4rem,5vw,4.3rem);max-width:18ch}
.foot .cols{grid-template-columns:1.7fr repeat(5,minmax(0,1fr));gap:32px}
@media (max-width:1180px){.foot .cols{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.foot .cols{grid-template-columns:minmax(0,1fr)}.sb-n b{font-size:clamp(1.6rem,7vw,2.1rem);font-stretch:110%}}
.sec.dark.deeper{background:#08202C}
@media (max-width:1080px){.sb{grid-template-columns:minmax(0,1fr);gap:40px}}
@media (max-width:640px){.mapbox{margin-left:-8px;margin-right:-8px}}

/* =========================================================
   Atlas Supply: spare parts directory
   ========================================================= */
.dhead{padding:56px 0 0}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:.86rem;color:var(--mist);margin-bottom:26px}
.crumbs a{color:#C4D2DA}.crumbs a:hover{color:var(--acc)}
.dh-in{display:grid;grid-template-columns:auto minmax(0,1fr);gap:26px;align-items:start}
.dh-ic{width:72px;height:72px;border-radius:18px;background:var(--acc);color:#fff;display:grid;place-items:center}
.dh-ic .ic{width:36px;height:36px}
.dhead h1{font-size:clamp(2rem,4.4vw,3.2rem)}
.dstat{margin-top:16px;color:var(--mist);font-size:.95rem}.dstat b{color:#fff}
.dtoc{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px;padding:18px 0 22px;border-top:1px solid var(--sea-3)}
.dtoc a{font-size:.86rem;font-weight:600;color:#D3DEE5;border:1px solid var(--sea-3);border-radius:999px;padding:7px 14px;background:var(--sea-2)}
.dtoc a:hover{border-color:var(--acc);color:#fff}
.dbody{padding-top:24px;padding-bottom:96px}
.dcat{padding:52px 0;border-bottom:1px solid var(--line);scroll-margin-top:110px}
.dcat-h{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:start;margin-bottom:26px}
.dcode{display:inline-block;font-stretch:112%;font-weight:800;font-size:.82rem;color:var(--acc-text);background:var(--acc-soft);border-radius:8px;padding:5px 9px;line-height:1;white-space:nowrap}
.dcat h2{font-size:clamp(1.4rem,2.4vw,1.85rem)}
.dsp{margin-top:10px;color:var(--steel);font-size:.97rem;max-width:90ch}
.dsp b,.chips b{color:var(--sea);font-weight:700;margin-right:6px}
.chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;font-size:.9rem}
.chip{font-size:.8rem;font-weight:600;color:var(--sea);background:var(--fog);border:1px solid var(--line);border-radius:999px;padding:4px 10px}
.scs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sc{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--line);border-radius:var(--r-m);padding:18px 18px 16px;min-width:0}
.sc-h{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.sc h4{font-size:1rem;line-height:1.3}
.st{flex:none;font-size:.7rem;font-weight:700;border-radius:999px;padding:3px 9px;white-space:nowrap}
.st-oem{background:#E3ECF7;color:#1F4E8C}.st-stock{background:var(--supply-soft);color:var(--supply-text)}.st-dist{background:#EFE6F7;color:#5B2E8A}
.st-chand{background:#FBF1D3;color:#7D5A00}.st-recon{background:#FCEBE3;color:#B53A0C}
.sc-p{display:flex;gap:6px;align-items:center;font-size:.85rem;color:var(--steel)}
.sc-p .ic{width:15px;height:15px;color:var(--acc-text)}
.sc-m{font-size:.84rem;color:var(--steel);line-height:1.45}.sc-m b{color:var(--sea);margin-right:4px}
.sc-w{margin-top:auto;padding-top:8px;display:inline-flex;align-items:center;gap:7px;font-size:.85rem;font-weight:600;color:var(--acc-text);overflow-wrap:anywhere}
.sc-w .ic{width:16px;height:16px;flex:none}
.sc-w:hover{text-decoration:underline}
.sc-add{border-style:dashed;background:var(--fog);flex-direction:row;align-items:center;gap:14px;color:var(--steel);font-size:.86rem}
.sc-add .ic{width:30px;height:30px;padding:6px;border-radius:50%;background:#fff;border:1px solid var(--line);color:var(--acc-text);flex:none}
.sc-add b{display:block;color:var(--sea);font-size:.94rem}
.sc-add:hover{border-color:var(--acc)}
.dcat-f{margin-top:20px}
.dnav{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin-top:44px;font-weight:700;font-size:.93rem}
.dnav a{color:var(--sea)}.dnav a:hover{color:var(--acc-text)}
.dnav a:last-child{text-align:right}.dnav a:nth-child(2){text-align:center;border:1px solid var(--line);border-radius:999px;padding:10px 18px}
@media (max-width:1080px){.scs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.scs{grid-template-columns:minmax(0,1fr)}.dh-in{grid-template-columns:minmax(0,1fr)}.dh-ic{width:56px;height:56px}.dcat-h{grid-template-columns:minmax(0,1fr);gap:10px}.dnav{grid-template-columns:minmax(0,1fr);text-align:center}.dnav a:last-child{text-align:center}.dbody{padding-bottom:64px}}
/* directory index */
.dsearch{position:relative;margin-top:30px;max-width:640px}
.dsearch .ic{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--sea);width:20px;height:20px}
.dsearch input{width:100%;min-height:58px;border-radius:999px;border:0;padding:0 22px 0 50px;font-size:1rem;background:#fff;color:var(--ink);box-shadow:0 18px 40px -18px rgba(0,0,0,.5)}
.dsearch input:focus{outline:3px solid var(--acc);outline-offset:2px}
.dstats{padding:0;background:var(--sea)}
.dstats .sb-n.four{grid-template-columns:repeat(4,minmax(0,1fr));border-radius:0;border-left:0;border-right:0}
@media (max-width:640px){.dstats .sb-n.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.gcard{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--line);border-radius:var(--r-l);padding:24px;transition:border-color .2s,transform .2s,box-shadow .2s;min-width:0}
.gcard:hover{border-color:var(--acc);transform:translateY(-2px);box-shadow:0 22px 46px -26px rgba(11,37,50,.4)}
.gc-h{display:flex;justify-content:space-between;align-items:center}
.gc-ic{width:46px;height:46px;border-radius:12px;background:var(--acc-soft);color:var(--acc-text);display:grid;place-items:center}
.gcard h3{font-size:1.12rem}
.gcard ul{list-style:none;display:grid;gap:4px;font-size:.86rem;color:var(--steel)}
.gcard li::before{content:"–";margin-right:6px;color:var(--line)}
.gc-f{margin-top:auto;padding-top:12px;border-top:1px dashed var(--line);display:flex;justify-content:space-between;gap:10px;font-size:.82rem;color:var(--steel)}
.gc-f b{color:var(--sea)}
.dnone{padding:18px 20px;border-radius:var(--r-m);background:var(--fog);margin-bottom:20px;color:var(--steel)}
@media (max-width:1080px){.gcards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.gcards{grid-template-columns:minmax(0,1fr)}}
.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.pcard{background:#fff;border:1px solid var(--line);border-radius:var(--r-l);padding:34px;display:flex;flex-direction:column;gap:14px;min-width:0}
.pcard .ii{width:48px;height:48px;border-radius:12px;background:var(--acc-soft);color:var(--acc-text);display:grid;place-items:center}
.pcard .tag{margin-bottom:0}
.pcard ul{list-style:none;display:grid;gap:10px}
.pcard>ul li{display:flex;gap:10px;font-size:.96rem}
.pcard>ul li .ic{width:20px;height:20px;color:var(--acc-text);flex:none;margin-top:2px}
.pcard .btn{align-self:flex-start;margin-top:auto}
.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.plan{border:1px solid var(--line);border-radius:var(--r-m);padding:18px;display:flex;flex-direction:column;gap:10px}
.plan b{color:var(--sea);font-stretch:108%}
.plan ul{gap:6px;font-size:.88rem;color:var(--steel)}
.plan li::before{content:"✓";color:var(--acc-text);margin-right:8px;font-weight:700}
.plan.pro{border-color:var(--acc);background:var(--acc-soft)}
.pp{margin-top:auto;font-size:.8rem;font-weight:700;color:var(--acc-text)}
@media (max-width:1080px){.two-col{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.pcard{padding:26px 20px}.plans{grid-template-columns:minmax(0,1fr)}.pcard .btn{align-self:stretch}}
/* supply page band */
.dirband{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center}
.dirband .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.dirmini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dirmini a{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r-m);padding:14px 16px;font-weight:600;font-size:.92rem;color:var(--sea);min-width:0}
.dirmini a .ic{flex:none;width:36px;height:36px;padding:8px;border-radius:10px;background:var(--acc-soft);color:var(--acc-text)}
.dirmini a:hover{border-color:var(--acc)}
@media (max-width:1080px){.dirband{grid-template-columns:minmax(0,1fr)}}
@media (max-width:420px){.dirmini{grid-template-columns:minmax(0,1fr)}}
.hidden-s{display:none!important}
.pagehead .lede{color:#C4D2DA}
.sc-h{flex-wrap:wrap}.sc .st{white-space:normal;max-width:100%}
.sc-w,.sc-w span{overflow-wrap:anywhere;min-width:0}

/* ---------- featured partner page ---------- */
.ptn-hero{position:relative;background:var(--sea);color:#fff;padding:150px 0 72px;overflow:hidden}
.ptn-hero-bg{position:absolute;inset:0}
.ptn-hero-bg img{width:100%;height:100%;object-fit:cover;opacity:.22;filter:saturate(.7)}
.ptn-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(11,37,50,.97) 30%,rgba(11,37,50,.72) 70%,rgba(11,37,50,.5))}
.ptn-hero-in{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:56px;align-items:center}
.ptn-hero .crumbs{color:rgba(255,255,255,.62)}
.ptn-hero .crumbs a{color:rgba(255,255,255,.8)}
.ptn-badges{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 18px}
.ptn-feat{background:#C9A46A;color:#0B2532;font-weight:700;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;padding:7px 14px;border-radius:999px}
.ptn-type{border:1px solid rgba(255,255,255,.35);font-size:.84rem;padding:6px 14px;border-radius:999px;color:#E6EEF2}
.ptn-hero h1{font-size:clamp(2.2rem,4.6vw,3.6rem);line-height:1.06;max-width:16ch;overflow-wrap:break-word}
.ptn-hero .lede{color:#C4D2DA;max-width:60ch}
.ptn-hero .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.ptn-hero .btn small{font-size:.72rem;opacity:.75;font-weight:600}
.ptn-card{background:#fff;color:var(--ink);border-radius:var(--r-l);padding:28px;box-shadow:0 30px 60px rgba(0,0,0,.28);border-top:4px solid #C9A46A}
.ptn-logo{display:flex;justify-content:center;padding:6px 0 22px;border-bottom:1px solid var(--line)}
.ptn-logo img{width:100%;max-width:290px;height:auto}
.ptn-card dl{margin:18px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}
.ptn-card dt{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--steel);font-weight:600}
.ptn-card dd{margin:3px 0 0;font-weight:700;font-size:.98rem}
.ptn-web{display:inline-flex;gap:6px;margin-top:20px;font-weight:700;color:var(--supply-text);text-decoration:none}
.ptn-web:hover{text-decoration:underline}
.ptn-strip{background:#fff;border-bottom:1px solid var(--line)}
.ptn-strip .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.ptn-strip .wrap>div{padding:26px 22px 26px 0;border-right:1px solid var(--line);min-width:0}
.ptn-strip .wrap>div:last-child{border-right:0}
.ptn-strip .wrap>div+div{padding-left:22px}
.ptn-strip b{display:block;font-family:var(--display);font-size:2.1rem;line-height:1;color:var(--supply-text)}
.ptn-strip span{display:block;margin-top:6px;font-size:.9rem;color:var(--steel)}
.ptn-about{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.ptn-about h2{margin:14px 0 6px}
.ptn-about p{margin-top:14px;max-width:60ch}
.ptn-ticks{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:10px}
.ptn-ticks li{position:relative;padding-left:30px}
.ptn-ticks li::before{content:"";position:absolute;left:0;top:5px;width:18px;height:18px;border-radius:50%;background:var(--supply-soft);box-shadow:inset 0 0 0 5px var(--supply-soft),inset 0 0 0 9px var(--supply)}
.ptn-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:12px}
.ptn-mosaic img{width:100%;height:100%;object-fit:cover;border-radius:var(--r-m);background:#fff}
.ptn-mosaic img:first-child{grid-column:1/-1;aspect-ratio:2.4/1}
.ptn-mosaic img:nth-child(2),.ptn-mosaic img:nth-child(3){aspect-ratio:1.45/1}
.ptn-mosaic img:nth-child(3){object-fit:contain;padding:10px}
.ptn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ptn-m{background:#fff;border:1px solid var(--line);border-radius:var(--r-m);padding:24px 24px 22px;display:flex;flex-direction:column;gap:10px;min-width:0}
.ptn-m h3{font-size:1.3rem}
.ptn-mk{font-size:.86rem;font-weight:600;color:var(--supply-text);line-height:1.5}
.ptn-m p:last-child{font-size:.95rem;color:var(--steel)}
.ptn-note{margin-top:22px;color:var(--steel);font-size:.95rem;max-width:90ch}
.ptn-pr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;border-top:1px solid var(--line)}
.ptn-pr>div{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:16px;padding:18px 0;border-bottom:1px solid var(--line);align-items:baseline}
.ptn-pr b{font-family:var(--display);font-size:1.08rem}
.ptn-pr span{font-size:.93rem;color:var(--steel)}
.ptn-sv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ptn-sv article{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-m);overflow:hidden;display:flex;flex-direction:column}
.ptn-sv img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#fff}
.ptn-sv article>div{padding:20px 22px 22px}
.ptn-sv h3{color:#fff;font-size:1.18rem;margin-bottom:8px}
.ptn-sv p{font-size:.94rem;color:#C4D2DA}
.ptn-cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ptn-cats a{display:flex;gap:12px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-s);text-decoration:none;color:var(--ink);font-weight:600;font-size:.94rem;transition:border-color .18s,background-color .18s;min-width:0}
.ptn-cats a:hover{border-color:var(--supply);background:var(--supply-soft)}
.ptn-cats .dcode{flex:none}
.ptn-contact{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start}
.ptn-addr{margin-top:26px;display:grid;gap:14px}
.ptn-addr div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;align-items:baseline}
.ptn-addr small{font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--steel);font-weight:600}
.ptn-addr a,.ptn-addr span{font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.ptn-addr a{color:var(--supply-text)}
.ptn-pdf{margin-top:28px;display:flex;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r-m);padding:16px 18px;text-decoration:none;color:var(--ink)}
.ptn-pdf:hover{border-color:var(--supply)}
.ptn-pdf-ic{width:46px;height:56px;flex:none;border-radius:6px;background:#E8F3EE;color:var(--supply-text);display:grid;place-items:center;font-weight:800;font-size:.78rem}
.ptn-pdf b{display:block}
.ptn-pdf small{color:var(--steel)}
.ptn-iso{margin-top:22px;height:36px;width:auto}
.ptn-disc{font-size:.84rem;color:var(--steel);padding-top:24px;padding-bottom:40px}
@media (max-width:1000px){.ptn-hero-in,.ptn-about,.ptn-contact{grid-template-columns:1fr}.ptn-grid,.ptn-sv{grid-template-columns:repeat(2,minmax(0,1fr))}.ptn-cats{grid-template-columns:repeat(2,minmax(0,1fr))}.ptn-card{max-width:520px}}
@media (max-width:760px){.ptn-strip .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.ptn-strip .wrap>div{border-right:0;padding-left:0!important;border-bottom:1px solid var(--line)}.ptn-pr{grid-template-columns:1fr}}
@media (max-width:620px){.ptn-hero{padding-top:120px}.ptn-grid,.ptn-sv,.ptn-cats{grid-template-columns:1fr}.ptn-pr>div{grid-template-columns:1fr;gap:4px}.ptn-card dl{grid-template-columns:1fr 1fr}.ptn-addr div{grid-template-columns:1fr;gap:2px}}

/* featured cards in the directory */
.sc.feat{border:2px solid #C9A46A;box-shadow:0 14px 30px rgba(11,37,50,.1);position:relative}
.sc-flag{align-self:flex-start;background:#C9A46A;color:#0B2532;font-weight:700;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px}
.sc-logo{width:150px;height:auto;margin:4px 0 2px}
.sc-pp{margin-top:4px;font-weight:700;color:var(--supply-text);text-decoration:none;font-size:.92rem}
.sc-pp:hover{text-decoration:underline}
.fpband{background:linear-gradient(180deg,#FBF7EF,#fff);border-top:1px solid #EADFC8;border-bottom:1px solid var(--line);padding:56px 0}
.fp-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.fp-in h2{margin:12px 0 10px;font-size:clamp(1.6rem,3vw,2.2rem)}
.fp-in p{color:var(--steel);max-width:52ch}
.fp-cards{display:grid;gap:12px}
.fpband .fp-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:6px 20px;align-items:center;background:#fff;border:2px solid #C9A46A;border-radius:var(--r-m);padding:18px 20px;text-decoration:none;color:var(--ink)}
.fpband .fp-card img{width:150px;height:auto;grid-row:span 2}
.fpband .fp-card b{display:block;font-size:1.05rem}
.fpband .fp-card span{font-size:.9rem;color:var(--steel)}
.fpband .fp-card em{font-style:normal;font-weight:700;color:var(--supply-text);font-size:.9rem}
@media (max-width:760px){.fp-in{grid-template-columns:1fr}.fpband .fp-card{grid-template-columns:1fr}.fpband .fp-card img{grid-row:auto}}
.ptn-hero h1{color:#fff}
.ptn-m .dcode{align-self:flex-start}
.fpband .fp-card::before{display:none}.fpband .fp-card{padding:18px 20px;border-radius:var(--r-m)}
.ptn-hero{padding-top:72px}@media (max-width:620px){.ptn-hero{padding-top:36px;padding-bottom:48px}}

/* ---- partner page v2 ---- */
.ptn-hero h1{max-width:none;font-size:clamp(2.6rem,6vw,4.6rem);line-height:1;letter-spacing:-.01em}
.ptn-hero h1 span{display:block;margin-top:12px;font-size:clamp(1.15rem,2.1vw,1.6rem);letter-spacing:.01em;color:#E6CF9C;font-weight:600;line-height:1.25}
.ptn-hero .lede{margin-top:22px}
.ptn-card{border-top-width:5px}
.ptn-nav{position:sticky;top:var(--ptn-top,80px);z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.ptn-nav .wrap{display:flex;align-items:center;gap:20px;min-height:58px}
.ptn-nav-l{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}
.ptn-nav-l::-webkit-scrollbar{display:none}
.ptn-nav-l a{flex:none;padding:8px 12px;border-radius:999px;font-weight:600;font-size:.9rem;color:var(--steel);text-decoration:none;white-space:nowrap}
.ptn-nav-l a:hover{color:var(--ink);background:var(--fog,#EEF2F4)}
.ptn-nav-cta.btn{min-height:40px;padding:0 18px;font-size:.88rem;flex:none}
#about,#spares,#sourcing,#principals,#services,#categories,#enquire{scroll-margin-top:150px}
.ptn-about{align-items:start}
.ptn-mv{background:var(--sea);color:#fff;border-radius:var(--r-l);padding:34px 34px 28px;position:relative;overflow:hidden}
.ptn-mv::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:#C9A46A}
.ptn-mv h3{color:#E6CF9C;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-family:inherit;font-weight:700}
.ptn-mv ol{list-style:none;padding:0;margin:18px 0 0;counter-reset:mv}
.ptn-mv li{counter-increment:mv;display:grid;grid-template-columns:44px minmax(0,1fr);gap:2px 10px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.ptn-mv li::before{content:"0" counter(mv);grid-row:span 2;font-family:var(--display);font-size:1.05rem;color:#C9A46A;padding-top:2px}
.ptn-mv li b{font-family:var(--display);font-size:1.08rem;color:#fff}
.ptn-mv li span{color:#C4D2DA;font-size:.93rem}
.ptn-mv-iso{display:flex;gap:14px;align-items:center;margin-top:20px}
.ptn-mv-iso img{height:36px;width:auto;border-radius:3px;flex:none}
.ptn-mv-iso span{font-size:.86rem;color:#C4D2DA}
.ptn-fig{margin-top:56px}
.ptn-fig img{width:100%;height:auto;aspect-ratio:1400/426;object-fit:cover;border-radius:var(--r-l);display:block}
.ptn-fig figcaption{margin-top:10px;font-size:.84rem;color:var(--steel)}
.ptn-m{position:relative;transition:border-color .18s,box-shadow .18s}
.ptn-m:hover{border-color:var(--supply);box-shadow:0 14px 30px rgba(11,37,50,.07)}
.ptn-src{margin-top:48px;background:#fff;border:1px solid var(--line);border-radius:var(--r-l);padding:34px;scroll-margin-top:150px}
.ptn-src-h{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:end;margin-bottom:24px}
.ptn-src-h h3{font-size:clamp(1.4rem,2.4vw,1.8rem);margin:10px 0 8px}
.ptn-src-h p{color:var(--steel);max-width:58ch}
.mx-legend{display:grid;gap:10px;margin:0}
.mx-legend div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center}
.mx-legend dd{margin:0;font-size:.88rem;color:var(--steel)}
.mx-c{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border-radius:999px;line-height:1.2;white-space:nowrap}
.mx-g{background:#F4ECDD;color:#7A5A22;box-shadow:inset 0 0 0 1px #E3D2AE}
.mx-o{background:var(--supply-soft);color:var(--supply-text);box-shadow:inset 0 0 0 1px #BFE3D3}
.mx-na{color:#B7C3CA}
.mx-r{position:absolute;opacity:0;pointer-events:none}
.mx-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.mx-tabs label{cursor:pointer;padding:9px 16px;border-radius:999px;border:1px solid var(--line);font-weight:600;font-size:.9rem;color:var(--ink);background:#fff;transition:all .15s}
.mx-tabs label:hover{border-color:var(--supply)}
.mx-p{display:none;overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-m)}
#mx1:checked~.mx-panels #mxp1,#mx2:checked~.mx-panels #mxp2,#mx3:checked~.mx-panels #mxp3,#mx4:checked~.mx-panels #mxp4,#mx5:checked~.mx-panels #mxp5,#mx6:checked~.mx-panels #mxp6{display:block}
#mx1:checked~.mx-tabs label[for=mx1],#mx2:checked~.mx-tabs label[for=mx2],#mx3:checked~.mx-tabs label[for=mx3],#mx4:checked~.mx-tabs label[for=mx4],#mx5:checked~.mx-tabs label[for=mx5],#mx6:checked~.mx-tabs label[for=mx6]{background:var(--sea);border-color:var(--sea);color:#fff}
.mx-r:focus-visible+.mx-r,.mx-r:focus-visible~.mx-tabs{outline:none}
.mx-r:focus-visible~.mx-tabs label{outline-offset:2px}
.mx-t{width:100%;border-collapse:collapse;font-size:.94rem}
.mx-t th,.mx-t td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}
.mx-t thead th{background:#F5F8F9;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--steel);font-weight:700}
.mx-t tbody th{font-weight:700;color:var(--ink)}
.mx-t tbody tr:last-child>*{border-bottom:0}
.mx-t tbody tr:hover{background:#FAFCFC}
.mx-t td{white-space:nowrap}
.mx-t td .mx-c+.mx-c{margin-left:6px}
.mx-t.c3 tbody th{width:40%}.mx-t.c4 tbody th{width:32%}
.mx-why{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;padding-top:20px;border-top:1px dashed var(--line)}
.mx-why b{font-family:var(--display)}
.mx-why ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 22px}
.mx-why li{position:relative;padding-left:20px;font-size:.92rem;color:var(--steel)}
.mx-why li::before{content:"";position:absolute;left:0;top:.45em;width:9px;height:5px;border-left:2px solid var(--supply);border-bottom:2px solid var(--supply);transform:rotate(-45deg)}
.ptn-pr2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pr-c{display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px;align-items:start;padding:20px 22px;border:1px solid var(--line);border-radius:var(--r-m);background:#fff;transition:border-color .18s,box-shadow .18s}
.pr-c:hover{border-color:#C9A46A;box-shadow:0 12px 26px rgba(11,37,50,.06)}
.pr-mono{width:52px;height:52px;border-radius:12px;background:var(--sea);color:#E6CF9C;display:grid;place-items:center;font-family:var(--display);font-size:1rem;letter-spacing:.04em}
.pr-role{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--steel);margin-bottom:4px}
.pr-c.off .pr-role{color:#8A6420}
.pr-c h3{font-size:1.12rem;margin:0 0 4px}
.pr-c p{font-size:.92rem;color:var(--steel)}
.ptn-sv article{transition:transform .2s,border-color .2s}
.ptn-sv article:hover{transform:translateY(-3px);border-color:rgba(201,164,106,.6)}
.ptn-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;counter-reset:none}
.ptn-steps li{background:#fff;border:1px solid var(--line);border-radius:var(--r-m);padding:28px 26px;position:relative}
.ptn-sn{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--supply-soft);color:var(--supply-text);font-family:var(--display);font-size:.95rem;margin-bottom:16px}
.ptn-steps h3{font-size:1.18rem;margin-bottom:8px}
.ptn-steps p{color:var(--steel);font-size:.95rem}
#enquire .form{border:1px solid var(--line);box-shadow:0 24px 50px rgba(11,37,50,.08)}
@media (max-width:1000px){.ptn-src-h{grid-template-columns:1fr;align-items:start}.ptn-steps{grid-template-columns:1fr}.ptn-nav-cta.btn{display:none}}
@media (max-width:760px){.ptn-pr2{grid-template-columns:1fr}.ptn-nav{position:static}.ptn-src{padding:22px 16px}.mx-t th,.mx-t td{padding:10px 10px}.mx-t{font-size:.86rem}.mx-t td{white-space:normal}.mx-t td .mx-c{display:block;width:max-content;margin:0 0 4px!important}.mx-c{font-size:.66rem;padding:3px 7px}.ptn-fig{margin-top:36px}.ptn-mv{padding:26px 22px 22px}}
@media (max-width:620px){.pr-c{grid-template-columns:42px minmax(0,1fr);gap:14px;padding:18px}.pr-mono{width:42px;height:42px;font-size:.88rem}.mx-tabs label{padding:8px 12px;font-size:.84rem}}
.pr-c{grid-template-columns:minmax(0,1fr);border-left:3px solid #C9A46A;padding:20px 24px}
.pr-c.off{border-left-color:#C9A46A}.pr-c:not(.off){border-left-color:#D5DEE3}
.mx-legend dt{min-width:96px}
@media (max-width:620px){.pr-c{grid-template-columns:minmax(0,1fr);padding:18px 18px}}
.mx-lb{display:none}
@media (max-width:620px){
.mx-p{overflow:visible;border:0;border-radius:0}
.mx-t,.mx-t tbody,.mx-t tr,.mx-t th,.mx-t td{display:block;width:auto!important}
.mx-t thead{display:none}
.mx-t tbody tr{border:1px solid var(--line);border-radius:var(--r-m);margin-bottom:10px;padding:12px 14px;background:#fff}
.mx-t tbody tr:last-child>*{border-bottom:0}
.mx-t tbody th{padding:0 0 8px;border-bottom:1px solid var(--line)!important;margin-bottom:6px;font-size:.95rem}
.mx-t td{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;border:0;white-space:normal}
.mx-t td .mx-c{display:inline-block;margin:0 0 0 4px!important}
.mx-t td>span.mx-c:first-of-type{margin-left:auto!important}
.mx-lb{display:block;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--steel);font-weight:600;margin-right:auto}
.mx-t td .sr+*{margin-left:auto}
.mx-t tbody tr:hover{background:#fff}}
/* partner page: gallery call-to-action card (Daewin) */
.ptn-sv .ptn-gal-cta{justify-content:center;background:rgba(201,164,106,.1);border-color:rgba(201,164,106,.45)}
.ptn-sv .ptn-gal-cta>div{padding:28px 26px}
.ptn-sv .ptn-gal-cta .btn{margin-top:14px}
.ptn-sv .ptn-gal-cta .btn small{font-size:.72rem;opacity:.75;font-weight:600}
.ptn-m .ptn-ticks{margin-top:4px;gap:8px;font-size:.95rem}
/* partner page: model range table (Daewin) */
.mx-t.dw tbody th{width:22%;white-space:nowrap}
.mx-t.dw td.mx-md{white-space:normal;color:var(--steel);line-height:1.55}
.mx-t.dw td:last-child{width:1%;white-space:nowrap}
@media (max-width:620px){.mx-t.dw tbody th{white-space:normal}.mx-t.dw td.mx-md{display:block}.mx-t.dw td.mx-md .mx-lb{margin-bottom:4px}.mx-t.dw td:last-child{width:auto!important}}
@media (max-width:620px){.mx-t.dw td:last-child{flex-wrap:wrap;justify-content:flex-start;gap:6px}.mx-t.dw td:last-child .mx-lb{flex-basis:100%;margin:0}.mx-t.dw td:last-child .mx-c{margin:0!important}}

/* ================= Atlas Supply platform page (v3) ================= */
.sp-hero{position:relative;overflow:hidden;color:#fff;background:#06161F;padding:72px 0 0}
.sp-hero-bg{position:absolute;inset:0;background:
 radial-gradient(60% 55% at 78% 30%,rgba(31,163,122,.28) 0%,rgba(31,163,122,0) 70%),
 radial-gradient(45% 50% at 10% 0%,rgba(29,75,99,.65) 0%,rgba(29,75,99,0) 70%),
 linear-gradient(180deg,#081C27 0%,#06161F 100%)}
.sp-hero-bg::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(80% 70% at 60% 30%,#000 30%,transparent 80%);mask-image:radial-gradient(80% 70% at 60% 30%,#000 30%,transparent 80%)}
.sp-hero .wrap{position:relative;z-index:2}
.sp-hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:56px;align-items:center}
.sp-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);font-size:.82rem;font-weight:600;color:#CFE3DA;letter-spacing:.01em}
.sp-pulse{width:8px;height:8px;border-radius:50%;background:var(--supply);box-shadow:0 0 0 0 rgba(31,163,122,.6);animation:sppulse 2.2s infinite}
@keyframes sppulse{0%{box-shadow:0 0 0 0 rgba(31,163,122,.55)}70%{box-shadow:0 0 0 10px rgba(31,163,122,0)}100%{box-shadow:0 0 0 0 rgba(31,163,122,0)}}
.sp-hero h1{color:#fff;font-size:clamp(2.5rem,5vw,4.4rem);line-height:1.02;letter-spacing:-.02em;margin-top:22px;max-width:14ch}
.sp-hero .lede{color:#B9CCD6;margin-top:22px;max-width:52ch;font-size:1.12rem}
.sp-hero .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.sp-proof{list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:28px;font-size:.9rem;color:#C4D2DA}
.sp-proof li{display:flex;gap:8px;align-items:center}
.sp-proof .ic{width:18px;height:18px;color:var(--supply)}
/* console */
.sp-console{position:relative;padding:18px 0 40px}
.sp-win{background:#0D2530;border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 40px 90px rgba(0,0,0,.5),0 0 0 1px rgba(31,163,122,.08);overflow:hidden}
.sp-win-bar{display:flex;align-items:center;gap:14px;padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);font-size:.8rem;color:#9DB0BC}
.sp-dots{display:flex;gap:6px}.sp-dots i{width:10px;height:10px;border-radius:50%;background:#2B4554}
.sp-win-t{display:flex;align-items:center;gap:8px}.sp-win-t svg{width:18px;height:18px}.sp-win-t b{color:#fff;font-weight:700}
.sp-tagp{margin-left:auto;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:3px 9px}
.sp-win-body{display:grid;grid-template-columns:150px minmax(0,1fr)}
.sp-side{display:flex;flex-direction:column;gap:2px;padding:12px 8px;border-right:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.12)}
.sp-side span{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;font-size:.8rem;color:#8FA5B1}
.sp-side span .ic{width:16px;height:16px}
.sp-side em{font-style:normal}
.sp-side .on{background:rgba(31,163,122,.16);color:#fff}
.sp-side .on .ic{color:var(--supply)}
.sp-main{padding:14px;display:grid;gap:12px;min-width:0}
.sp-req{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px}
.sp-req-h{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.sp-req-h small{display:block;color:#8FA5B1;font-size:.72rem}
.sp-req-h b{color:#fff;font-size:.95rem;font-weight:700}
.sp-chip{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:700;letter-spacing:.04em;padding:4px 9px;border-radius:999px;white-space:nowrap}
.sp-chip.ok{background:rgba(31,163,122,.18);color:#5FD3A9}
.sp-chip.wait{background:rgba(233,178,27,.16);color:#F2C653}
.sp-prog{height:5px;border-radius:5px;background:rgba(255,255,255,.08);margin:12px 0 8px;overflow:hidden}
.sp-prog span{display:block;height:100%;width:var(--w);background:linear-gradient(90deg,#137A56,#1FA37A,#5FD3A9);transform-origin:left;animation:spgrow 1.8s cubic-bezier(.6,.05,.2,1) .3s both}
@keyframes spgrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.sp-steps4{display:grid;grid-template-columns:repeat(4,1fr);font-size:.68rem;color:#8FA5B1}
.sp-steps4 .d{color:#5FD3A9}
.sp-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.sp-kpis div{background:rgba(0,0,0,.18);border-radius:8px;padding:9px 10px}
.sp-kpis b{display:block;color:#fff;font-size:1.15rem;font-weight:800;font-stretch:115%}
.sp-kpis small{color:#8FA5B1;font-size:.68rem;line-height:1.3;display:block}
.sp-qt{width:100%;border-collapse:collapse;font-size:.8rem}
.sp-qt th{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:#7E95A2;text-align:left;font-weight:600;padding:0 8px 6px}
.sp-qt td{padding:9px 8px;border-top:1px solid rgba(255,255,255,.07);color:#C4D2DA}
.sp-qt td b{color:#fff;margin-right:8px}
.sp-qt .r{text-align:right}
.sp-qt tr.best td{background:rgba(31,163,122,.08)}
.sp-qt tr.best td:first-child{box-shadow:inset 3px 0 0 var(--supply)}
.sp-save{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:linear-gradient(90deg,rgba(31,163,122,.22),rgba(31,163,122,.06));font-size:.8rem;color:#CFE3DA}
.sp-save b{color:#fff;font-size:1.1rem;font-weight:800}
.sp-float{position:absolute;display:flex;gap:10px;align-items:center;background:#fff;color:var(--ink);border-radius:12px;padding:10px 14px;box-shadow:0 18px 40px rgba(0,0,0,.35);font-size:.8rem;animation:spfloat 6s ease-in-out infinite}
.sp-float .ic{width:30px;height:30px;padding:6px;border-radius:8px;background:var(--supply-soft);color:var(--supply-text)}
.sp-float b{display:block;font-size:.82rem}.sp-float small{color:var(--steel)}
.sp-f1{left:-34px;top:62%}
.sp-f2{right:-22px;bottom:8px;animation-delay:-3s}
@keyframes spfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.sp-metrics{display:grid;grid-template-columns:repeat(5,1fr);margin-top:28px;border-top:1px solid rgba(255,255,255,.1)}
.sp-metrics>div{padding:26px 20px 30px 0}
.sp-metrics>div+div{padding-left:22px;border-left:1px solid rgba(255,255,255,.1)}
.sp-metrics b{display:block;font-size:2.2rem;line-height:1;font-weight:800;font-stretch:118%;color:#fff}
.sp-metrics span{display:block;margin-top:8px;font-size:.86rem;color:#9DB0BC}
/* makers marquee */
.sp-makers{background:#fff;border-bottom:1px solid var(--line);padding:22px 0}
.sp-makers p{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--steel);font-weight:600;text-align:center}
.sp-mk-row{overflow:hidden;margin-top:12px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.sp-mk-track{display:flex;gap:46px;width:max-content;animation:spmq 40s linear infinite}
.sp-mk-track span{font-weight:800;font-stretch:115%;font-size:1.15rem;color:#9AABB6;white-space:nowrap}
@keyframes spmq{to{transform:translateX(-50%)}}
/* platform modules */
.sp-head{max-width:780px}
.sp-mods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:8px}
.sp-mod{position:relative;display:flex;flex-direction:column;gap:10px;padding:24px;border:1px solid var(--line);border-radius:var(--r-l);background:#fff;transition:transform .2s,box-shadow .2s,border-color .2s;min-width:0}
.sp-mod:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(11,37,50,.1);border-color:#BFE3D3}
.sp-mod-h{display:flex;justify-content:space-between;align-items:center}
.sp-ico .ic{width:44px;height:44px;padding:10px;border-radius:12px;background:var(--supply-soft);color:var(--supply-text)}
.sp-st{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px;white-space:nowrap}
.sp-st.live{background:var(--supply-soft);color:var(--supply-text)}
.sp-st.live::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--supply);margin-right:6px;vertical-align:1px}
.sp-st.ea{background:#F4ECDD;color:#7A5A22}
.sp-mod h3{font-size:1.2rem;margin-top:6px}
.sp-mod p{color:var(--steel);font-size:.95rem;flex:1}
.sp-more{font-weight:700;font-size:.9rem;color:var(--supply-text)}
/* tour */
.sp-tour-sec{background:linear-gradient(180deg,var(--fog) 0%,#fff 100%);position:relative}
.sp-anchor{position:absolute;top:0}
.sp-tour{margin-top:10px}
.sp-tr{position:absolute;opacity:0;pointer-events:none}
.sp-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:6px;margin-bottom:22px}
.sp-tabs label{cursor:pointer;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:11px;font-weight:700;font-size:.95rem;color:var(--steel);transition:all .15s}
.sp-tabs label span{font-size:.75rem;color:#9AABB6;font-weight:700}
.sp-tabs label:hover{color:var(--sea)}
#tr1:checked~.sp-tabs label[for=tr1],#tr2:checked~.sp-tabs label[for=tr2],#tr3:checked~.sp-tabs label[for=tr3],#tr4:checked~.sp-tabs label[for=tr4]{background:var(--sea);color:#fff}
#tr1:checked~.sp-tabs label[for=tr1] span,#tr2:checked~.sp-tabs label[for=tr2] span,#tr3:checked~.sp-tabs label[for=tr3] span,#tr4:checked~.sp-tabs label[for=tr4] span{color:var(--supply)}
.sp-tr:focus-visible~.sp-tabs{outline:3px solid var(--supply);outline-offset:3px}
.sp-pane{display:none;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r-l);padding:36px}
#tr1:checked~.sp-panes #tp1,#tr2:checked~.sp-panes #tp2,#tr3:checked~.sp-panes #tp3,#tr4:checked~.sp-panes #tp4{display:grid;animation:spin .35s ease}
@keyframes spin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.sp-pane-txt h3{font-size:1.5rem}
.sp-pane-txt p{color:var(--steel);margin-top:10px}
.sp-ticks{list-style:none;display:grid;gap:10px;margin-top:20px}
.sp-ticks li{position:relative;padding-left:28px;font-size:.95rem}
.sp-ticks li::before{content:"";position:absolute;left:0;top:4px;width:18px;height:18px;border-radius:50%;background:var(--supply-soft);box-shadow:inset 0 0 0 5px var(--supply-soft),inset 0 0 0 9px var(--supply)}
.sp-pane .feed,.sp-pane .dash{margin:0;box-shadow:0 24px 50px rgba(11,37,50,.18)}
.sp-ui{min-width:0}
.sp-cmp,.sp-appr{background:var(--sea);color:#fff;border-radius:16px;padding:18px;box-shadow:0 24px 50px rgba(11,37,50,.18)}
.sp-ui-h{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.85rem;color:#9DB0BC;margin-bottom:12px}
.sp-ui-h>span:first-child{display:flex;align-items:center;gap:8px}.sp-ui-h svg{width:18px;height:18px}.sp-ui-h b{color:#fff}
.sp-ui-h .ex{font-size:.7rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:3px 9px}
.sp-cmp table{width:100%;border-collapse:collapse;font-size:.85rem}
.sp-cmp th{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:#7E95A2;text-align:left;font-weight:600;padding:0 8px 8px}
.sp-cmp td{padding:11px 8px;border-top:1px solid rgba(255,255,255,.08);color:#C4D2DA;vertical-align:top}
.sp-cmp td b{color:#fff;display:block}
.sp-cmp td small{color:#7E95A2;font-size:.72rem}
.sp-cmp .r{text-align:right}
.sp-cmp tr.best td{background:rgba(31,163,122,.1)}
.sp-cmp tr.best td:first-child{box-shadow:inset 3px 0 0 var(--supply)}
.sp-bars{display:grid;gap:6px;margin:14px 0}
.sp-bars span{display:block;height:6px;border-radius:6px;width:var(--w);background:rgba(255,255,255,.14)}
.sp-bars span:first-child{background:var(--supply)}
.sp-cmp .ff,.sp-appr .ff{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:10px;background:rgba(31,163,122,.16);font-size:.85rem}
.sp-cmp .ff b{font-size:1.2rem;color:#fff}
.sp-appr dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 16px}
.sp-appr dt{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#7E95A2}
.sp-appr dd{margin:3px 0 0;color:#fff;font-weight:600;font-size:.92rem}
.sp-ap-btns{display:flex;gap:10px}
.sp-ap-btns span{flex:1;text-align:center;padding:11px;border-radius:999px;font-weight:700;font-size:.9rem}
.sp-ap-btns .b1{background:var(--supply);color:#fff}
.sp-ap-btns .b2{border:1px solid rgba(255,255,255,.25);color:#fff}
.sp-ap-note{margin-top:12px;font-size:.78rem;color:#7E95A2}
.sp-note{margin-top:16px;font-size:.85rem;color:var(--steel)}
/* supplier network */
.sp-net{background:radial-gradient(60% 80% at 100% 0%,rgba(31,163,122,.16),transparent 60%),var(--sea)}
.sp-net-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.sp-search{display:flex;align-items:center;gap:10px;margin-top:28px;background:#fff;border-radius:999px;padding:6px 6px 6px 18px;max-width:560px}
.sp-search .ic{color:var(--steel);width:20px;height:20px}
.sp-search input{flex:1;min-width:0;border:0;outline:0;font-size:.98rem;color:var(--ink);background:transparent;padding:10px 0}
.sp-search .btn{padding:11px 22px}
.sp-net-n{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:40px;margin-top:34px}
.sp-net-n b{display:block;font-size:2rem;font-weight:800;font-stretch:118%;color:#fff;line-height:1}
.sp-net-n span{display:block;margin-top:6px;font-size:.86rem;color:#9DB0BC}
.sp-net-side{display:grid;gap:12px}
.sp-fp-h{display:flex;justify-content:space-between;font-size:.82rem;color:#E6CF9C;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.sp-fp-h a{color:#9DB0BC;text-transform:none;letter-spacing:0;font-weight:600}
.sp-fp-h a:hover{color:#fff}
.sp-fp{display:grid;grid-template-columns:130px minmax(0,1fr);gap:16px;align-items:center;padding:12px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(201,164,106,.45);transition:background-color .2s}
.sp-fp:hover{background:rgba(255,255,255,.09)}
.sp-fp-logo{background:#fff;border-radius:10px;padding:8px;display:grid;place-items:center;height:64px}
.sp-fp-logo img{max-height:48px;width:auto}
.sp-fp b{color:#fff;display:block}
.sp-fp small{color:#9DB0BC;font-size:.85rem}
.sp-grp{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}
.sp-grp a{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.1);font-size:.88rem;color:#D7E1E7;font-weight:600}
.sp-grp a:hover{border-color:var(--supply);color:#fff}
.sp-grp .ic{width:20px;height:20px;color:var(--supply)}
.sp-supp{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;margin-top:6px;padding:16px;border-radius:14px;background:rgba(255,255,255,.04);border:1px dashed rgba(255,255,255,.2)}
.sp-supp>.ic{width:36px;height:36px;padding:8px;border-radius:10px;background:rgba(201,164,106,.18);color:#E6CF9C}
.sp-supp b{color:#fff;display:block}.sp-supp small{color:#9DB0BC;font-size:.85rem}
.sp-supp .btn{color:#fff;border-color:rgba(255,255,255,.3);white-space:nowrap}
/* governance */
.sp-gov-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.sp-gov-g>div{padding:24px;border-radius:var(--r-l);border:1px solid var(--line);background:#fff}
.sp-gov-g .ic{width:40px;height:40px;padding:9px;border-radius:10px;background:var(--sea);color:var(--supply)}
.sp-gov-g h3{font-size:1.08rem;margin:16px 0 6px}
.sp-gov-g p{color:var(--steel);font-size:.93rem}
/* access */
.sp-acc-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
.sp-acc-in .btn{margin-top:26px}
.sp-road{list-style:none;display:grid;gap:10px}
.sp-road li{display:grid;grid-template-columns:118px minmax(0,1fr);gap:16px;align-items:center;padding:16px 18px;border-radius:14px;background:#fff;border:1px solid var(--line)}
.sp-road li.now{border-color:#BFE3D3;box-shadow:0 10px 30px rgba(31,163,122,.12)}
.sp-road .sp-st{justify-self:start}
.sp-road b{display:block;color:var(--sea)}
.sp-road small{color:var(--steel);font-size:.88rem}
body.seg-supply .opts{grid-template-columns:repeat(2,1fr)}
/* responsive */
@media (max-width:1100px){.sp-hero-in{grid-template-columns:1fr}.sp-console{max-width:720px}.sp-f1{left:-10px}.sp-f2{right:-6px}.sp-mods{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-gov-g{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-net-in,.sp-acc-in{grid-template-columns:1fr}.sp-pane{grid-template-columns:1fr;gap:28px}}
@media (max-width:820px){.sp-metrics{grid-template-columns:repeat(2,1fr)}.sp-metrics>div{padding:20px 12px 20px 0!important;border-left:0!important;border-bottom:1px solid rgba(255,255,255,.08)}.sp-tabs{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.sp-hero{padding-top:44px}.sp-win-body{grid-template-columns:1fr}.sp-side{display:none}.sp-float{display:none}.sp-mods,.sp-gov-g{grid-template-columns:1fr}.sp-pane{padding:20px}.sp-grp{grid-template-columns:1fr}.sp-supp{grid-template-columns:auto minmax(0,1fr)}.sp-supp .btn{grid-column:1/-1}.sp-net-n{gap:22px}.sp-road li{grid-template-columns:1fr;gap:8px}.sp-fp{grid-template-columns:96px minmax(0,1fr)}.sp-search .btn{padding:10px 16px}.sp-metrics b{font-size:1.8rem}.sp-hero .ctas .btn{width:100%}body.seg-supply .opts{grid-template-columns:1fr}.sp-kpis b{font-size:1rem}}
@media (prefers-reduced-motion:reduce){.sp-mk-track,.sp-float,.sp-pulse,.sp-prog span{animation:none}}
.sp-hero h1{font-size:clamp(2.3rem,4.1vw,3.6rem);max-width:17ch}
.sp-f2{right:18px;bottom:auto;top:-8px}
.sp-f1{top:58%}
.sp-f2{right:auto;left:-34px;top:16%}
@media (max-width:640px){.sp-win-t span,.sp-tagp{display:none}}
.dhero2{background:#06161F}
.dhero2 .sp-hero-bg{position:absolute;inset:0}
.dhero2 .dsearch{box-shadow:0 20px 50px rgba(0,0,0,.35)}
/* supply v3: long-word safety in translated grids */
.sp-hero *, #network *, .sp-gov *, #access *, #platform *, #tour *{min-width:0}
.sp-hero h1,.sp-hero .lede,.sp-eyebrow,#network h2,#network .lede,.sp-mod h3,.sp-gov h3{overflow-wrap:break-word;hyphens:auto}
@media (max-width:600px){.sp-eyebrow{white-space:normal}.sp-hero .ctas{flex-wrap:wrap}.sp-hero .ctas .btn{max-width:100%;white-space:normal;text-align:center}}
.sp-save b,.sp-save .num,.ff b.num{white-space:nowrap;flex-shrink:0}
.sp-save{gap:12px}
/* thank-you page v2 */
.ty-ref{display:inline-flex;gap:8px;align-items:center;margin:0 auto 14px;padding:6px 14px;border-radius:999px;background:var(--sea-50,#eef6f3);font-size:.86rem;color:var(--muted,#4b5a66)}
.ty-ref b{color:var(--ink,#0f1d26);letter-spacing:.04em}
.ty-mail{color:var(--muted,#4b5a66);font-size:.95rem;margin-top:-4px}
.ty-steps{list-style:none;display:flex;justify-content:center;gap:0;padding:0;margin:28px auto 30px;max-width:640px}
.ty-steps li{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:.84rem;color:var(--muted,#4b5a66)}
.ty-steps li:not(:last-child)::after{content:"";position:absolute;top:15px;left:calc(50% + 20px);right:calc(-50% + 20px);height:2px;background:#dfe5e9}
.ty-steps b{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:2px solid #dfe5e9;background:#fff;color:var(--muted,#4b5a66);font-size:.85rem}
.ty-steps li.on b{background:var(--acc,#d65a31);border-color:var(--acc,#d65a31);color:#fff}
.ty-steps li.on{color:var(--ink,#0f1d26);font-weight:600}
@media (max-width:520px){.ty-steps li{font-size:.74rem}.ty-steps li:not(:last-child)::after{left:calc(50% + 18px);right:calc(-50% + 18px)}}
.ty [hidden]{display:none!important}
.ty h1{font-size:clamp(2.1rem,4.6vw,3.5rem);max-width:20ch;margin-left:auto;margin-right:auto}
.ty .lede{max-width:60ch}
.btn.is-sending{opacity:.65;cursor:progress}

/* Atlas Supply */
@media (min-width:1081px){.terms4.t3{grid-template-columns:repeat(3,minmax(0,1fr))}}
body.seg-co,body.seg-thanks{--acc:var(--supply);--acc-btn:var(--supply-btn);--acc-on:#fff;--acc-text:var(--supply-text);--acc-soft:var(--supply-soft)}
.groupbar .gb-l{min-width:auto;overflow:visible}
.foot .ltr{white-space:nowrap}
.sp-supband{padding:56px 0}.sp-supband .sp-supp{margin:0;padding:22px 24px;background:#fff;border:1px solid var(--line)}.sp-supband .sp-supp b{color:var(--ink);font-size:1.1rem}.sp-supband .sp-supp small{color:#55697A;font-size:.92rem}.sp-supband .sp-supp>.ic{color:#9A7A3E}.sp-supband .sp-supp .btn{color:#fff}.pt-ctas{margin-top:32px}
#suppliers .ctas{margin-top:28px}.foot .ft-sub{opacity:.7;font-size:.85em}