:root{--navy:#001e40;--blue:#003366;--orange:#f36b21;--mist:#f4f7fb}
body{overflow-x:hidden}
.eyebrow{font-size:.76rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--orange)}
.section-title{font-size:clamp(2rem,4vw,3.6rem);line-height:1.05;font-weight:900;letter-spacing:-.035em;color:var(--navy)}
.body-lead{font-size:1.12rem;line-height:1.85;color:#475569}
.primary-button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.45rem;background:var(--orange);color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.06em;border-radius:.65rem;box-shadow:0 14px 30px rgba(243,107,33,.2);transition:.2s ease}
.primary-button:hover{filter:brightness(1.06);transform:translateY(-2px)}
.service-hero{position:relative;background:linear-gradient(110deg,#001e40 0%,#003366 60%,#274f78 100%);overflow:hidden}
.service-hero:before{content:"";position:absolute;inset:0;background:url('/uploads/homepage-ship-supply-africa.png?v=20260815') center/cover no-repeat;opacity:.22}
.service-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,30,64,.98),rgba(0,51,102,.72),rgba(0,30,64,.34))}
.check-card{display:flex;gap:.8rem;align-items:flex-start;padding:1rem 1.1rem;border:1px solid #dbe3ed;border-radius:.8rem;background:#fff;color:#334155;box-shadow:0 8px 24px rgba(15,23,42,.035)}
.check-card span{display:grid;place-items:center;flex:0 0 1.5rem;height:1.5rem;border-radius:999px;background:#fff0e7;color:var(--orange);font-weight:900}
.planning-card{padding:2rem;border-radius:1.25rem;background:var(--mist);border:1px solid #dbe3ed;align-self:start}
.step-number{display:grid;place-items:center;flex:0 0 2rem;height:2rem;border-radius:999px;background:var(--navy);color:#fff;font-weight:900}
.text-link{font-weight:900;color:var(--blue);white-space:nowrap}
.port-link-card{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;background:#fff;border:1px solid #dbe3ed;border-radius:.75rem;color:var(--navy);font-weight:800;transition:.2s ease}
.port-link-card:hover{border-color:var(--orange);transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,23,42,.07)}
@media (max-width:640px){.primary-button{width:100%;text-align:center}.planning-card{padding:1.35rem}}