/* ============================================================
   PRIMEWAY CLEARING & FORWARDING COMPANY LIMITED
   primeway.co.tz — site stylesheet
   ============================================================ */

:root{
  --navy-950:#050F26;
  --navy-900:#071A3C;
  --navy:#0E2C63;
  --navy-700:#17417F;
  --blue:#1E5BC6;
  --blue-400:#4E86E0;
  --blue-100:#E7EEFA;
  --green:#177F0E;
  --green-br:#3FA82B;
  --lime:#8CC63F;

  --ink:#101828;
  --ink-70:#3D4A5C;
  --ink-50:#68758A;
  --line:#DFE6F0;
  --wash:#F5F8FC;
  --paper:#FFFFFF;

  --ff-hd:"Oswald","Bahnschrift","Arial Narrow","Helvetica Neue Condensed",system-ui,sans-serif;
  --ff-tx:"Inter","Segoe UI",Roboto,-apple-system,"Helvetica Neue",Arial,sans-serif;

  --wrap:1200px;
  --pad:clamp(20px,5vw,64px);
  --r:18px;

  --ease:cubic-bezier(.22,.61,.36,1);
  --shadow:0 24px 60px -28px rgba(7,26,60,.38);
  --shadow-sm:0 10px 30px -18px rgba(7,26,60,.35);
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
@media (prefers-reduced-motion:reduce){ html{ scroll-behavior:auto; } }

body{
  margin:0;
  overflow-wrap:break-word;
  font-family:var(--ff-tx);
  font-size:17px; line-height:1.65;
  color:var(--ink-70);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

img,svg{ max-width:100%; display:block; }
a{ color:inherit; }
button{ font:inherit; }

h1,h2,h3,h4,.hd{
  font-family:var(--ff-hd); font-weight:600;
  color:var(--navy); line-height:1.02;
  letter-spacing:-.005em; margin:0;
  text-transform:uppercase;
}
p{ margin:0; }

.wrap{ width:min(var(--wrap),100%); min-width:0; margin-inline:auto; padding-inline:var(--pad); }

/* ---------- shared bits ---------- */
.eyebrow{
  display:inline-flex; align-items:center; gap:12px;
  font-family:var(--ff-hd); font-weight:500; font-size:13px;
  letter-spacing:.28em; text-transform:uppercase; color:var(--green);
}
.eyebrow::before{ content:""; width:34px; height:3px; border-radius:2px; background:var(--green-br); }
.on-dark .eyebrow{ color:var(--lime); }

.sec-title{ font-size:clamp(34px,5.2vw,62px); margin-top:20px; }
.sec-title em{ font-style:normal; color:var(--green); }
.on-dark .sec-title{ color:#fff; }
.on-dark .sec-title em{ color:var(--lime); }

.lede{ font-size:clamp(17px,1.9vw,20px); line-height:1.62; color:var(--ink-70); margin-top:22px; }
.on-dark .lede{ color:#BFD2EE; }

section{ position:relative; }
.pad{ padding-block:clamp(74px,10vw,132px); }

/* buttons */
.btn{
  display:inline-flex; align-items:center; gap:11px;
  padding:15px 26px; border-radius:999px; border:2px solid transparent;
  font-family:var(--ff-hd); font-weight:500; font-size:15px;
  letter-spacing:.11em; text-transform:uppercase; text-decoration:none;
  cursor:pointer; transition:transform .3s var(--ease),background .3s,color .3s,box-shadow .3s;
}
.btn svg{ width:19px; height:19px; flex:0 0 auto; }
.btn--wa{ background:var(--green-br); color:#fff; box-shadow:0 12px 30px -12px rgba(63,168,43,.72); }
.btn--wa:hover{ background:#35931f; transform:translateY(-2px); }
.btn--ghost{ border-color:rgba(255,255,255,.32); color:#fff; }
.btn--ghost:hover{ border-color:var(--lime); color:var(--lime); transform:translateY(-2px); }
.btn--navy{ background:var(--navy); color:#fff; }
.btn--navy:hover{ background:var(--navy-700); transform:translateY(-2px); }
.btn--line{ border-color:var(--line); color:var(--navy); }
.btn--line:hover{ border-color:var(--green-br); color:var(--green); transform:translateY(-2px); }

/* ============================================================
   SCROLL PROGRESS
   ============================================================ */
.progress{
  position:fixed; inset:0 0 auto 0; height:3px; z-index:120;
  background:linear-gradient(90deg,var(--green-br),var(--lime));
  transform-origin:0 50%; transform:scaleX(0);
}

/* ============================================================
   HEADER
   ============================================================ */
.hdr{
  position:fixed; inset:3px 0 auto 0; z-index:110;
  transition:background .35s var(--ease),box-shadow .35s var(--ease),padding .35s var(--ease);
  padding-block:16px;
}
.hdr::after{
  content:""; position:absolute; inset:0; z-index:-1; opacity:0;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
  transition:opacity .35s var(--ease);
}
.hdr.stuck{ padding-block:10px; }
.hdr.stuck::after{ opacity:1; }

.hdr .wrap{ display:flex; align-items:center; gap:26px; }
.brand{ display:flex; align-items:center; gap:14px; text-decoration:none; margin-right:auto; }
.brand img{ height:46px; width:auto; transition:height .35s var(--ease); }
.hdr.stuck .brand img{ height:40px; }
.brand-t{ display:none; }
@media (min-width:520px){ .brand-t{ display:block; } }
.brand-t b{
  display:block; font-family:var(--ff-hd); font-weight:600; font-size:21px;
  letter-spacing:.01em; color:#fff; line-height:1; text-transform:uppercase;
}
.brand-t span{
  display:block; font-size:10.5px; letter-spacing:.19em; text-transform:uppercase;
  color:var(--lime); margin-top:4px; font-weight:600;
}
.hdr.stuck .brand-t b{ color:var(--navy); }
.hdr.stuck .brand-t span{ color:var(--green); }

.nav{ display:flex; align-items:center; gap:30px; }
.nav a{
  position:relative; text-decoration:none; color:rgba(255,255,255,.85);
  font-size:14.5px; font-weight:500; letter-spacing:.02em; padding-block:6px;
  transition:color .25s;
}
.nav a::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:2px;
  background:var(--green-br); transform:scaleX(0); transform-origin:0 50%;
  transition:transform .3s var(--ease);
}
.nav a:hover::after,.nav a.active::after{ transform:scaleX(1); }
.nav a:hover,.nav a.active{ color:#fff; }
.hdr.stuck .nav a{ color:var(--ink-70); }
.hdr.stuck .nav a:hover,.hdr.stuck .nav a.active{ color:var(--navy); }

.hdr .btn--wa{ padding:12px 20px; font-size:13.5px; }

.burger{
  display:none; width:46px; height:46px; border:0; border-radius:12px;
  background:rgba(255,255,255,.12); cursor:pointer; position:relative;
}
.hdr.stuck .burger{ background:var(--wash); }
.burger i{
  position:absolute; left:13px; right:13px; height:2px; border-radius:2px;
  background:#fff; transition:transform .3s var(--ease),opacity .2s;
}
.hdr.stuck .burger i{ background:var(--navy); }
.burger i:nth-child(1){ top:16px; }
.burger i:nth-child(2){ top:22px; }
.burger i:nth-child(3){ top:28px; }
body.menu-open .burger i:nth-child(1){ transform:translateY(6px) rotate(45deg); }
body.menu-open .burger i:nth-child(2){ opacity:0; }
body.menu-open .burger i:nth-child(3){ transform:translateY(-6px) rotate(-45deg); }

@media (max-width:1000px){
  .nav, .hdr .btn--wa{ display:none; }
  .burger{ display:block; }
}

/* mobile drawer */
.drawer{
  position:fixed; inset:0; z-index:105; display:grid; place-items:center;
  background:linear-gradient(165deg,#0B2350,#0E2C63 55%,#09204A);
  opacity:0; visibility:hidden; transition:opacity .4s var(--ease),visibility .4s;
}
body.menu-open .drawer{ opacity:1; visibility:visible; }
.drawer nav{ display:grid; gap:6px; text-align:center; }
.drawer a{
  font-family:var(--ff-hd); font-weight:500; font-size:clamp(26px,7vw,40px);
  text-transform:uppercase; color:#fff; text-decoration:none; padding:8px 0;
  opacity:0; transform:translateY(16px); transition:opacity .45s var(--ease),transform .45s var(--ease),color .2s;
}
body.menu-open .drawer a{ opacity:1; transform:none; }
.drawer a:hover{ color:var(--lime); }
.drawer .btn{ margin-top:22px; justify-self:center; }

/* ============================================================
   HERO
   ============================================================ */
.hero{
  position:relative; min-height:100svh; display:flex; align-items:center;
  background:linear-gradient(168deg,#0A2049 0%,#0E2C63 45%,#123A80 100%);
  overflow:hidden; padding-block:150px 0;
}
.hero__grid,.hero__arcs,.hero__port{ position:absolute; inset:0; pointer-events:none; }
.hero__grid{ opacity:.16; }
.hero__grid svg{ width:120%; height:120%; position:absolute; top:-10%; left:-10%; }
.hero__glow{
  position:absolute; width:60vw; height:60vw; max-width:760px; max-height:760px;
  border-radius:50%; pointer-events:none;
  background:radial-gradient(circle,rgba(63,168,43,.30),transparent 68%);
  top:-22%; right:-14%;
}
.hero__glow2{
  position:absolute; width:70vw; height:70vw; max-width:900px; max-height:900px;
  border-radius:50%; pointer-events:none;
  background:radial-gradient(circle,rgba(30,91,198,.44),transparent 66%);
  bottom:-38%; left:-22%;
}
.hero__arcs svg{ position:absolute; inset:0; width:100%; height:100%; }
.hero__arcs path{
  stroke-dasharray:1400; stroke-dashoffset:1400;
  animation:draw 2.6s var(--ease) forwards;
}
.hero__arcs path:nth-child(2){ animation-delay:.18s; }
.hero__arcs path:nth-child(3){ animation-delay:.36s; }
@keyframes draw{ to{ stroke-dashoffset:0; } }

.hero__port{ top:auto; bottom:0; height:min(30vh,250px); opacity:.4; }
.hero__port svg{ width:100%; height:100%; }

.hero .wrap{ position:relative; z-index:3; width:min(var(--wrap),100%); min-width:0; }
.hero__inner{ max-width:830px; min-width:0; }
.hero h1{
  font-size:clamp(42px,7.4vw,92px); color:#fff; margin-top:22px;
  line-height:.98;
}
.hero h1 em{ font-style:normal; color:var(--lime); }
.hero__sub{
  margin-top:26px; font-size:clamp(17px,2.1vw,21px); line-height:1.6;
  color:#C2D5F2; max-width:600px;
}
.hero__cta{ display:flex; flex-wrap:wrap; gap:14px; margin-top:38px; }
@media (max-width:430px){ .hero__cta .btn{ width:100%; justify-content:center; } }

.hero__stats{
  display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  gap:clamp(24px,4vw,40px);
  margin-top:clamp(46px,7vw,76px); padding-top:32px;
  border-top:1px solid rgba(140,198,63,.32);
  padding-bottom:clamp(90px,15vw,180px);
}
.hero__stats div b{
  display:block; font-family:var(--ff-hd); font-weight:600;
  font-size:clamp(34px,5vw,50px); color:#fff; line-height:1;
}
.hero__stats div span{
  display:block; margin-top:8px; font-size:11.5px; letter-spacing:.13em;
  text-transform:uppercase; color:#93B2E0; white-space:nowrap;
}

.scroll-cue{
  position:absolute; left:50%; bottom:16px; transform:translateX(-50%);
  z-index:4; display:grid; place-items:center; gap:9px;
  font-size:10.5px; letter-spacing:.26em; text-transform:uppercase; color:#7E9CCE;
}
.scroll-cue i{
  width:1px; height:38px; background:linear-gradient(180deg,transparent,var(--lime));
  animation:cue 1.9s var(--ease) infinite;
}
@keyframes cue{ 0%,100%{ transform:scaleY(.35); opacity:.4; } 50%{ transform:scaleY(1); opacity:1; } }
@media (max-height:720px){ .scroll-cue{ display:none; } }

/* ============================================================
   ABOUT
   ============================================================ */
.about{ background:var(--paper); }
.about__row{
  display:grid; gap:clamp(40px,6vw,86px);
  grid-template-columns:minmax(0,1fr) minmax(0,.92fr); align-items:start;
}
@media (max-width:900px){ .about__row{ grid-template-columns:1fr; } }

.stat-card{
  display:flex; align-items:center; gap:22px;
  padding:24px 26px; border:1px solid var(--line); border-radius:var(--r);
  background:var(--wash); transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .3s;
}
.stat-card + .stat-card{ margin-top:18px; }
.stat-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-sm); border-color:#C9D8EC; }
.stat-card .ic{
  flex:0 0 auto; width:62px; height:62px; border-radius:50%;
  display:grid; place-items:center;
}
.stat-card .ic svg{ width:30px; height:30px; }
.stat-card.g .ic{ background:var(--green); }
.stat-card.n .ic{ background:var(--navy); }
.stat-card b{
  display:block; font-family:var(--ff-hd); font-weight:600; font-size:30px; line-height:1;
}
.stat-card b small{ font-size:20px; letter-spacing:.03em; }
.stat-card.g b{ color:var(--green); }
.stat-card.n b{ color:var(--navy); }
.stat-card p{ font-size:15.5px; line-height:1.5; color:var(--ink-50); margin-top:7px; }

/* ============================================================
   SERVICES
   ============================================================ */
.services{ background:var(--wash); }
.services::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(60% 50% at 88% 4%,rgba(63,168,43,.10),transparent 70%),
    radial-gradient(52% 46% at 4% 96%,rgba(30,91,198,.10),transparent 70%);
}
.services .wrap{ position:relative; }
.svc-list{ margin-top:clamp(44px,6vw,66px); display:grid; gap:22px; }

.svc{
  position:relative; overflow:hidden; border-radius:var(--r);
  background:var(--paper); border:1px solid var(--line);
  display:grid; grid-template-columns:minmax(0,1fr) 290px;
  transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .3s;
}
.svc:hover{ transform:translateY(-6px); box-shadow:var(--shadow); border-color:#C9D8EC; }
.svc__txt{ padding:clamp(28px,4vw,42px); }
.svc__hd{ display:flex; align-items:center; gap:20px; }
.svc__num{
  flex:0 0 auto; width:56px; height:56px; border-radius:50%; color:#fff;
  display:grid; place-items:center;
  font-family:var(--ff-hd); font-weight:600; font-size:22px;
}
.svc__num{ background:var(--green-br); }
.svc:nth-child(3n+2) .svc__num{ background:var(--navy); }
.svc:nth-child(3n+3) .svc__num{ background:var(--green); }
.svc__hd h3{ font-size:clamp(21px,2.6vw,29px); line-height:1.1; }
.svc__hd h3 em{ font-style:normal; display:block; color:var(--green); }
.svc:nth-child(3n+2) .svc__hd h3 em{ color:var(--navy-700); }

.svc ul{ list-style:none; margin:26px 0 0; padding:0; display:grid; gap:13px; }
.svc li{ display:flex; align-items:flex-start; gap:13px; font-size:16px; line-height:1.5; }
.svc li::before{
  content:""; flex:0 0 auto; width:9px; height:9px; border-radius:50%;
  background:var(--green-br); margin-top:8px;
}
.svc__art{ position:relative; overflow:hidden; min-height:210px; }
.svc__art svg{ position:absolute; inset:0; width:100%; height:100%; }
@media (max-width:820px){
  .svc{ grid-template-columns:1fr; }
  .svc__art{ order:-1; min-height:170px; }
}

/* ============================================================
   COVERAGE
   ============================================================ */
.coverage{
  background:linear-gradient(165deg,#0A2049,#0E2C63 52%,#09204A);
  color:#BFD2EE; overflow:hidden;
}
.coverage__grid{ position:absolute; inset:0; opacity:.13; pointer-events:none; }
.coverage__grid svg{ width:130%; height:130%; position:absolute; top:-15%; left:-15%; }
.coverage .wrap{ position:relative; }
.cov__row{
  display:grid; gap:clamp(40px,6vw,72px);
  grid-template-columns:minmax(0,1fr) minmax(0,.96fr);
  align-items:center; margin-top:clamp(44px,6vw,64px);
}
@media (max-width:940px){ .cov__row{ grid-template-columns:1fr; } }

.cov-item{
  display:flex; gap:20px; align-items:flex-start;
  padding:18px 20px; border-radius:16px; cursor:default;
  border:1px solid transparent;
  transition:background .3s,border-color .3s,transform .3s var(--ease);
}
.cov-item:hover,.cov-item.hot{
  background:rgba(255,255,255,.06); border-color:rgba(140,198,63,.36);
  transform:translateX(6px);
}
.cov-item .flag{
  flex:0 0 auto; width:54px; height:54px; border-radius:50%; overflow:hidden;
  box-shadow:0 0 0 2px rgba(255,255,255,.14);
}
.cov-item h3{ color:#fff; font-size:21px; letter-spacing:.03em; }
.cov-item p{ font-size:15.5px; line-height:1.5; color:#A9C0E2; margin-top:5px; }

.cov-map{
  position:relative; border-radius:var(--r); padding:clamp(18px,3vw,28px);
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12);
}
.cov-map svg{ width:100%; height:auto; overflow:visible; }
.cov-map .route{
  stroke-dasharray:5 4; opacity:.45;
  transition:opacity .3s,stroke .3s,stroke-width .3s;
}
.cov-map .route.on{ opacity:1; stroke:var(--lime); stroke-width:2.4; }
.cov-map .pin{ transition:transform .3s var(--ease); transform-box:fill-box; transform-origin:center; }
.cov-map .pin.on{ transform:scale(1.45); }
.cov-map text{ font-family:var(--ff-hd); font-weight:500; fill:#D6E4F8; letter-spacing:.09em; }

.cov__quote{
  margin-top:clamp(40px,6vw,60px); position:relative;
  padding:clamp(28px,4vw,40px) clamp(26px,4vw,46px);
  border-radius:var(--r); overflow:hidden;
  background:linear-gradient(120deg,rgba(255,255,255,.09),rgba(255,255,255,.03));
  border:1px solid rgba(140,198,63,.28);
}
.cov__quote::before{ content:""; position:absolute; inset:0 auto 0 0; width:5px; background:var(--green-br); }
.cov__quote p{
  font-family:var(--ff-hd); font-weight:300; text-transform:none;
  font-size:clamp(21px,3vw,33px); line-height:1.32; color:#fff;
}
.cov__quote b{ color:var(--lime); font-weight:600; }

/* ============================================================
   SHIPPING LINES
   ============================================================ */
.lines{ background:var(--paper); }

.lane-map{ margin-top:clamp(36px,4.6vw,54px); }
.lane-map svg{ width:100%; height:auto; display:block; }

.lanes__grid{
  margin-top:clamp(30px,4vw,44px);
  display:grid; gap:20px; grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
}
.lane-card{
  display:flex; align-items:center; gap:20px;
  padding:26px 28px; border:1px solid var(--line); border-radius:var(--r);
  background:var(--paper);
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .3s;
}
.lane-card:hover{ transform:translateY(-6px); box-shadow:var(--shadow-sm); border-color:#C9D8EC; }
.lane-card .flag{
  flex:0 0 auto; width:54px; height:54px; border-radius:50%; overflow:hidden;
  box-shadow:0 0 0 1.5px rgba(14,44,99,.14);
}
.lane-card .flag svg{ width:100%; height:100%; display:block; }
.lane-card b{
  display:block; font-family:var(--ff-hd); font-weight:600; font-size:22px;
  color:var(--navy); line-height:1.05; text-transform:uppercase;
}
.lane-card span{
  display:block; margin-top:6px; font-size:11.5px; letter-spacing:.07em;
  line-height:1.45; text-transform:uppercase; color:var(--ink-50);
}

.carrier-note{
  margin-top:clamp(30px,4vw,44px);
  display:flex; align-items:flex-start; gap:22px;
  padding:26px 30px; border-radius:var(--r);
  background:#F1F8EF; border:1px solid rgba(23,127,14,.22);
  border-left:6px solid var(--green);
}
.carrier-note .ic{
  flex:0 0 auto; width:52px; height:52px; border-radius:50%;
  background:var(--green); display:grid; place-items:center;
}
.carrier-note .ic svg{ width:26px; height:26px; }
.carrier-note b{
  display:block; font-family:var(--ff-hd); font-weight:600; font-size:22px;
  color:var(--green); line-height:1.05; text-transform:uppercase;
}
.carrier-note p{ margin-top:8px; font-size:16px; line-height:1.6; color:var(--ink-70); }

/* local cargo band (coverage) */
.cov__local{
  margin-top:clamp(28px,3.6vw,40px);
  display:flex; align-items:center; gap:22px;
  padding:24px 30px; border-radius:var(--r);
  background:rgba(140,198,63,.10);
  border:1px solid rgba(140,198,63,.30);
  border-left:6px solid var(--lime);
}
.cov__local .flag{
  flex:0 0 auto; width:52px; height:52px; border-radius:50%; overflow:hidden;
  box-shadow:0 0 0 1.5px rgba(255,255,255,.28);
}
.cov__local .flag svg{ width:100%; height:100%; display:block; }
.cov__local b{
  display:block; font-family:var(--ff-hd); font-weight:600; font-size:22px;
  color:var(--lime); line-height:1.05; text-transform:uppercase;
}
.cov__local p{ margin-top:7px; font-size:16px; line-height:1.55; color:#BFD2EE; }

@media (max-width:600px){
  .carrier-note,.cov__local{ flex-direction:column; align-items:flex-start; gap:14px; }
}

/* ============================================================
   STRENGTH
   ============================================================ */
.strength{ background:var(--wash); }
.str__row{
  display:grid; gap:clamp(36px,5vw,72px);
  grid-template-columns:minmax(0,.85fr) minmax(0,1fr);
}
@media (max-width:900px){ .str__row{ grid-template-columns:1fr; } }
.str__list{ display:grid; gap:20px; }
.str-card{
  display:flex; gap:22px; align-items:flex-start;
  padding:26px; border-radius:var(--r); background:var(--paper);
  border:1px solid var(--line);
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .3s;
}
.str-card:hover{ transform:translateY(-5px); box-shadow:var(--shadow-sm); border-color:#C9D8EC; }
.str-card .ic{
  flex:0 0 auto; width:58px; height:58px; border-radius:50%;
  background:var(--green-br); display:grid; place-items:center;
}
.str-card .ic svg{ width:28px; height:28px; }
.str-card h3{ font-size:20px; letter-spacing:.03em; }
.str-card p{ font-size:15.5px; line-height:1.55; color:var(--ink-50); margin-top:7px; }

/* ============================================================
   CLIENTS
   ============================================================ */
.clients{ background:var(--paper); text-align:center; }
.clients__mark{ width:min(300px,72vw); margin:clamp(36px,5vw,52px) auto 0; }
.clients__lede{
  max-width:760px; margin:clamp(32px,4vw,44px) auto 0;
  font-size:clamp(18px,2.2vw,23px); line-height:1.58; color:var(--ink);
}
.clients__div{ display:flex; align-items:center; justify-content:center; gap:12px; margin:38px 0; }
.clients__div i{ height:1px; width:min(150px,22vw); background:var(--line); }
.clients__div b{ width:11px; height:11px; border-radius:50%; background:var(--navy); }
.clients__div u{ width:6px; height:6px; border-radius:50%; background:var(--blue); text-decoration:none; }
.clients__note{ max-width:620px; margin-inline:auto; font-size:16px; color:var(--ink-50); }

/* ============================================================
   CONTACT
   ============================================================ */
.contact{ background:var(--wash); }
.ct__row{
  display:grid; gap:clamp(36px,5vw,64px);
  grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  align-items:start; margin-top:clamp(40px,5vw,58px);
}
@media (max-width:900px){ .ct__row{ grid-template-columns:1fr; } }

.ct-card{
  display:flex; gap:20px; align-items:flex-start;
  padding:24px 26px; border-radius:var(--r); background:var(--paper);
  border:1px solid var(--line);
  transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .3s;
}
.ct-card + .ct-card{ margin-top:16px; }
.ct-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-sm); border-color:#C9D8EC; }
.ct-card .ic{
  flex:0 0 auto; width:52px; height:52px; border-radius:50%;
  background:var(--navy); display:grid; place-items:center;
}
.ct-card.g .ic{ background:var(--green); }
.ct-card .ic svg{ width:24px; height:24px; }
.ct-card h3{ font-size:17px; letter-spacing:.05em; color:var(--navy); }
.ct-card.g h3{ color:var(--green); }
.ct-card a,.ct-card p{
  display:block; margin-top:4px; font-size:16.5px; line-height:1.5;
  color:var(--ink); text-decoration:none; word-break:break-word;
}
.ct-card a:hover{ color:var(--green); }

.qr-card{
  display:flex; align-items:center; gap:22px; margin-top:16px;
  padding:22px 26px; border-radius:var(--r); background:var(--paper);
  border:1px dashed #C2D2E8;
}
.qr-card img{ width:104px; height:104px; flex:0 0 auto; border-radius:8px; }
.qr-card h3{ font-size:17px; letter-spacing:.04em; }
.qr-card p{ font-size:14.5px; line-height:1.5; color:var(--ink-50); margin-top:6px; }
@media (max-width:480px){ .qr-card{ flex-direction:column; text-align:center; } }

/* form */
.form{
  padding:clamp(28px,4vw,40px); border-radius:var(--r);
  background:var(--paper); border:1px solid var(--line); box-shadow:var(--shadow-sm);
}
.form h3{ font-size:clamp(22px,3vw,29px); }
.form > p{ font-size:15.5px; color:var(--ink-50); margin-top:10px; }
.field{ margin-top:20px; }
.field label{
  display:block; font-size:12px; letter-spacing:.15em; text-transform:uppercase;
  font-weight:600; color:var(--navy); margin-bottom:8px;
}
.field input,.field select,.field textarea{
  width:100%; padding:14px 16px; font:inherit; font-size:16px;
  color:var(--ink); background:var(--wash);
  border:1px solid var(--line); border-radius:12px; outline:none;
  transition:border-color .25s,background .25s,box-shadow .25s;
}
.field textarea{ resize:vertical; min-height:118px; }
.field input:focus,.field select:focus,.field textarea:focus{
  border-color:var(--green-br); background:var(--paper);
  box-shadow:0 0 0 4px rgba(63,168,43,.14);
}
.field-row{ display:grid; gap:16px; grid-template-columns:1fr 1fr; }
@media (max-width:560px){ .field-row{ grid-template-columns:1fr; } }
.form .btn{ width:100%; justify-content:center; margin-top:24px; }
.form__note{ margin-top:14px; font-size:13.5px; color:var(--ink-50); text-align:center; }

/* ============================================================
   FOOTER
   ============================================================ */
.ftr{
  background:linear-gradient(120deg,#0A2049,#123A80); color:#A9C0E2;
  position:relative; overflow:hidden; padding-block:clamp(56px,7vw,84px) 0;
}
.ftr__africa{
  position:absolute; right:24px; top:50%; transform:translateY(-50%);
  width:min(300px,34vw); opacity:.36; pointer-events:none;
}
.ftr .wrap{ position:relative; z-index:2; }
.ftr__top{
  display:grid; gap:40px; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);
}
@media (max-width:820px){ .ftr__top{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .ftr__top{ grid-template-columns:1fr; } }
.ftr__brand img{ height:76px; width:auto; }
.ftr__brand p{ margin-top:20px; font-size:15.5px; line-height:1.6; max-width:340px; }
.ftr__brand p b{ color:var(--lime); font-weight:600; }
.ftr h4{ font-size:14px; letter-spacing:.18em; color:#fff; margin-bottom:18px; }
.ftr ul{ list-style:none; margin:0; padding:0; display:grid; gap:11px; }
.ftr a{ color:#A9C0E2; text-decoration:none; font-size:15.5px; transition:color .25s; }
.ftr a:hover{ color:var(--lime); }
.ftr__bar{
  margin-top:clamp(44px,6vw,64px); padding-block:26px;
  border-top:1px solid rgba(255,255,255,.14);
  display:flex; flex-wrap:wrap; gap:14px; justify-content:space-between;
  font-size:13.5px; color:#7E9CCE;
}
@media (max-width:820px){
  .ftr__bar{ flex-direction:column; align-items:flex-start; gap:10px; }
}

/* floating whatsapp */
.wa-float{
  position:fixed; right:20px; bottom:20px; z-index:100;
  width:58px; height:58px; border-radius:50%; display:grid; place-items:center;
  background:#25D366; color:#fff; text-decoration:none;
  box-shadow:0 16px 36px -12px rgba(37,211,102,.8);
  transform:translateY(120px); transition:transform .45s var(--ease),background .25s;
}
.wa-float.in{ transform:none; }
.wa-float:hover{ background:#1FB855; }
.wa-float svg{ width:29px; height:29px; }

/* ============================================================
   REVEAL
   ============================================================ */
.rv{ opacity:0; transform:translateY(28px); }
.rv.in{ opacity:1; transform:none; transition:opacity .8s var(--ease),transform .8s var(--ease); }
.rv-d1.in{ transition-delay:.09s; }
.rv-d2.in{ transition-delay:.18s; }
.rv-d3.in{ transition-delay:.27s; }
@media (prefers-reduced-motion:reduce){
  .rv{ opacity:1; transform:none; }
  .hero__arcs path{ animation:none; stroke-dashoffset:0; }
  .scroll-cue i{ animation:none; }
}