/* Supply Network — international buyer pages */
:root{--navy:#0a1628;--navy2:#111f35;--gold:#c9a227;--gold2:#e8c547;--white:#f5f7fa;--muted:#8fa3b8;--border:rgba(201,162,39,.22);--wa:#25d366;--green:#4ade80}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Barlow',system-ui,sans-serif;background:var(--navy);color:var(--white);line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--gold);text-decoration:none}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.intl-nav{position:sticky;top:0;z-index:100;background:rgba(10,22,40,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.intl-nav-inner{max-width:1080px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.intl-nav-links{display:flex;gap:18px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);flex-wrap:wrap}
.intl-nav-links a:hover{color:var(--gold)}
.intl-btn{display:inline-flex;align-items:center;padding:11px 18px;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.08em;border-radius:3px;border:none;cursor:pointer}
.intl-btn-gold{background:var(--gold);color:var(--navy)}
.intl-btn-gold:hover{background:var(--gold2)}
.intl-btn-wa{background:var(--wa);color:#fff}
.intl-btn-wa:hover{filter:brightness(1.06)}
.intl-btn-outline{border:1px solid var(--border);color:var(--white);background:transparent}
.intl-btn-outline:hover{border-color:var(--gold);color:var(--gold)}
.intl-hero{padding:64px 0 48px;border-bottom:1px solid var(--border);background:linear-gradient(165deg,var(--navy) 0%,#0d1e38 55%,var(--navy) 100%)}
.intl-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--gold);margin-bottom:12px}
.intl-hero h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(40px,6vw,62px);letter-spacing:.03em;line-height:1.05;margin-bottom:16px;max-width:720px}
.intl-lead{font-size:18px;color:#c5d3e0;max-width:600px;margin-bottom:28px}
.intl-page .intl-body{padding:48px 0 64px}
.intl-body section{margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.06)}
.intl-body h2{font-family:'Bebas Neue',sans-serif;font-size:28px;color:var(--gold);margin-bottom:14px;letter-spacing:.04em}
.intl-body p,.intl-body li{color:#c5d3e0;font-size:15px}
.intl-body ul{margin:0 0 16px 20px}
.intl-steps{list-style:none;margin:0;padding:0;counter-reset:step}
.intl-steps li{counter-increment:step;background:var(--navy2);border:1px solid var(--border);border-left:3px solid var(--gold);padding:16px 18px;margin-bottom:10px;border-radius:3px;font-size:14px;color:#c5d3e0}
.intl-steps li::before{content:counter(step);font-family:'Bebas Neue',sans-serif;color:var(--gold);margin-right:10px;font-size:18px}
.report-demo{display:grid;gap:12px}
.report-block{background:var(--navy2);border:1px solid var(--border);padding:18px;border-radius:4px}
.report-block h3{font-size:14px;color:var(--gold);margin-bottom:8px;text-transform:uppercase;letter-spacing:.06em}
.intl-foot{padding:40px 0;border-top:1px solid var(--border);text-align:center}
.intl-foot p{color:var(--muted);font-size:13px;margin-bottom:12px}
.intl-foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 18px;margin-bottom:16px}
.intl-foot-links a{font-size:12px;color:var(--muted)}
.intl-foot-links a:hover{color:var(--gold)}
.intl-copy{font-size:12px!important}
/* Homepage sections */
.section{padding:64px 0}
.section-alt{background:var(--navy2)}
.section-head{margin-bottom:36px}
.section-head h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,4vw,40px);letter-spacing:.04em;margin-bottom:10px}
.section-head p{color:var(--muted);max-width:560px;font-size:16px}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.trust-card{background:rgba(0,0,0,.2);border:1px solid var(--border);padding:20px;border-radius:4px}
.trust-card strong{display:block;font-size:14px;margin-bottom:6px;color:var(--white)}
.trust-card span{font-size:13px;color:var(--muted)}
.chain{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.chain-item{text-align:center;padding:20px 14px;background:rgba(0,0,0,.15);border:1px solid rgba(255,255,255,.06);border-radius:4px}
.chain-num{font-family:'Bebas Neue',sans-serif;font-size:32px;color:var(--gold);line-height:1}
.chain-item p{font-size:12px;color:var(--muted);margin-top:8px}
.price-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}
.price-box{background:var(--navy2);border:1px solid var(--border);padding:24px;text-align:center;border-radius:4px}
.price-box.featured{border-color:var(--gold)}
.price-box h3{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:8px}
.price-box .amt{font-family:'Bebas Neue',sans-serif;font-size:42px;color:var(--gold)}
.fee-chart{background:rgba(0,0,0,.2);border:1px solid var(--border);padding:24px;border-radius:4px;margin-top:8px}
.fee-chart h3{font-family:'Bebas Neue',sans-serif;font-size:22px;color:var(--gold);margin-bottom:6px}
.fee-bars{display:flex;align-items:flex-end;justify-content:center;gap:32px;height:140px;margin:24px 0 12px}
.fee-bar-wrap{text-align:center;flex:1;max-width:100px}
.fee-bar{width:100%;background:linear-gradient(180deg,#3b82f6,#1d4ed8);border-radius:4px 4px 0 0;min-height:20px}
.fee-bar-wrap span{display:block;font-size:11px;color:var(--muted);margin-top:8px}
.fee-bar-wrap strong{font-size:13px;color:var(--white)}
.fee-pct{display:block;font-family:'Bebas Neue',sans-serif;font-size:22px;color:var(--gold);margin-top:6px;line-height:1}
.fee-range{text-align:center;padding:20px 16px;background:rgba(0,0,0,.15);border-radius:4px;margin:16px 0}
.fee-pct-lg{font-family:'Bebas Neue',sans-serif;font-size:clamp(36px,8vw,52px);color:var(--gold);letter-spacing:.04em;line-height:1}
.fee-range p{font-size:14px;color:var(--muted);margin-top:10px;max-width:520px;margin-left:auto;margin-right:auto}
.fee-example{font-size:13px!important;color:#8fa3b8!important;font-style:italic;margin-top:12px!important}
.price-min{font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:.08em;margin-top:6px;margin-bottom:4px}
.amt-from{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:2px}
.fee-sub{font-size:15px;color:var(--white);margin-bottom:4px}
.fee-sub2{font-size:14px;color:var(--muted);margin-bottom:16px}
.fee-note{font-size:12px;color:var(--muted);font-style:italic;margin-top:12px}
.svc-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.svc-links a{display:block;padding:14px 16px;border:1px solid var(--border);border-radius:4px;font-size:13px;font-weight:600;color:#c5d3e0;background:rgba(0,0,0,.15)}
.svc-links a:hover{border-color:var(--gold);color:var(--gold)}
.cta-band{text-align:center;padding:56px 20px;border-top:1px solid var(--border);background:linear-gradient(135deg,#132744,var(--navy2))}
.cta-band h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(28px,4vw,38px);margin-bottom:12px}
.cta-band p{color:var(--muted);margin-bottom:24px;max-width:480px;margin-left:auto;margin-right:auto}
.float-wa{position:fixed;bottom:22px;right:22px;z-index:200;width:52px;height:52px;background:var(--wa);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(37,211,102,.45)}
.float-wa svg{width:26px;height:26px;fill:#fff}
.cta-inline{text-align:center;padding:32px 0;border-top:1px solid var(--border)}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.intl-hero .hero-ctas{margin-top:8px}
.faq-block{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.06)}
.faq-block h3{font-size:15px;color:var(--white);margin-bottom:8px}
.faq-block p{font-size:14px;color:var(--muted);margin:0}
.five-sec{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:20px}
.five-sec div{background:rgba(0,0,0,.2);border:1px solid var(--border);padding:16px 12px;border-radius:4px;text-align:center;font-size:12px;color:#c5d3e0}
.five-sec strong{display:block;color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}
.hero-above-fold{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;margin-top:24px}
.clarity-line{font-size:16px;color:var(--gold);margin-bottom:8px;font-weight:600}
.lead-form-usa{display:grid;gap:10px;background:rgba(0,0,0,.25);border:1px solid var(--border);padding:20px;border-radius:4px}
.lead-form-usa h3{font-family:'Bebas Neue',sans-serif;font-size:22px;color:var(--white);margin:0 0 4px;letter-spacing:.04em}
.lead-form-usa label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:3px}
.lead-form-usa input,.lead-form-usa select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:4px;background:rgba(0,0,0,.3);color:var(--white);font-family:inherit;font-size:14px}
.lead-form-usa input:focus{outline:none;border-color:var(--gold)}
.usa-trust-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}
.usa-trust-grid div{padding:14px;background:var(--navy2);border:1px solid var(--border);border-radius:4px;font-size:14px;color:#c5d3e0}
.usa-trust-grid strong{display:block;color:var(--gold);font-size:12px;text-transform:uppercase;margin-bottom:4px}
.eeat-box{background:rgba(0,0,0,.2);border:1px solid var(--border);padding:20px;border-radius:4px;font-size:14px;color:#c5d3e0;line-height:1.7}
.eeat-box dl{display:grid;grid-template-columns:140px 1fr;gap:8px 16px;margin:0}
.eeat-box dt{color:var(--muted);font-size:12px;text-transform:uppercase}
.eeat-box dd{margin:0;color:var(--white)}
.mid-cta{text-align:center;padding:28px 20px;margin:24px 0;background:rgba(201,162,39,.06);border:1px solid rgba(201,162,39,.2);border-radius:4px}
.mid-cta p{color:var(--muted);font-size:14px;margin:8px 0 16px}
.internal-chain{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.internal-chain a{font-size:13px;padding:8px 12px;border:1px solid var(--border);border-radius:4px;color:#c5d3e0}
@media(max-width:900px){
  .trust-grid,.chain,.price-row,.svc-links{grid-template-columns:1fr}
  .intl-nav-links{display:none}
  .fee-bars{gap:16px}
  .five-sec{grid-template-columns:1fr 1fr}
  .hero-above-fold{grid-template-columns:1fr}
  .usa-trust-grid{grid-template-columns:1fr}
  .eeat-box dl{grid-template-columns:1fr}
}
