/* SP Logistics Patch 5: Institutional Trust + CRO */
:root{
  --sp-teal:#155263;
  --sp-sky:#1e758d;
  --sp-navy:#0c2f39;
  --sp-footer:#1E3A4E;
  --sp-gold:#ffbb09;
  --sp-yellow:#ffc93c;
  --sp-cream:#ffd76f;
  --sp-ink:#082b35;
  --sp-body:#344d58;
  --sp-muted:#5f747d;
  --sp-border:#d8e5ea;
  --sp-soft:#f4f8fa;
  --sp-warm:#fff8e7;
}
.hero h1{max-width:820px}
.hero.dark h1{color:#fff}
.hero .lead strong{color:var(--sp-teal)}
.section.narrow .container{max-width:980px}
.trust-ribbon{background:#fff;border:1px solid var(--sp-border);border-radius:24px;padding:26px;box-shadow:0 16px 40px rgba(12,47,57,.08)}
.trust-ribbon .grid{margin-top:14px}
.fact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.fact{border:1px solid var(--sp-border);background:#fff;border-radius:18px;padding:20px;box-shadow:0 10px 24px rgba(12,47,57,.055)}
.fact strong{display:block;color:var(--sp-teal);font-size:1.05rem;margin-bottom:4px}
.fact span{font-size:.9rem;color:var(--sp-body)}
.tool-panel{background:#fff;border:1px solid var(--sp-border);border-radius:26px;box-shadow:0 20px 52px rgba(12,47,57,.10);padding:34px}
.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.tool-grid .full{grid-column:1/-1}
.tool-result{margin-top:18px;border-radius:18px;padding:18px;border:1px solid var(--sp-border);background:#f8fbfc;display:none}
.tool-result.show{display:block}
.tool-result.good{border-color:#8ac7a8;background:#f1fbf5}
.tool-result.warn{border-color:#ffd76f;background:#fff9df}
.tool-result.risk{border-color:#f0a4a4;background:#fff3f3}
.tool-result h3{margin:0 0 8px;color:var(--sp-navy)}
.tool-result ul{margin-top:8px}
.checker-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:34px;align-items:start}
.pill-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.pill{display:inline-flex;align-items:center;border:1px solid var(--sp-border);border-radius:999px;background:#fff;padding:9px 13px;font-weight:850;font-size:.86rem;color:var(--sp-teal)}
.process-steps{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.step{position:relative;background:#fff;border:1px solid var(--sp-border);border-radius:20px;padding:24px;box-shadow:0 12px 28px rgba(12,47,57,.065)}
.step:before{counter-increment:step;content:counter(step);display:inline-flex;width:30px;height:30px;border-radius:999px;background:var(--sp-gold);color:var(--sp-navy);align-items:center;justify-content:center;font-weight:900;margin-bottom:12px}
.step h3{margin:0 0 8px;color:var(--sp-navy)}
.step p{margin:0;color:var(--sp-body)}
.proof-module{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center}
.proof-list{display:grid;gap:12px}
.proof-line{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--sp-border);border-radius:16px;padding:16px}
.proof-line:before{content:"";width:10px;height:10px;border-radius:999px;background:var(--sp-gold);margin-top:8px;flex:0 0 auto}
.compliance-table{overflow:auto;border:1px solid var(--sp-border);border-radius:20px;background:#fff;box-shadow:0 12px 28px rgba(12,47,57,.06)}
.compliance-table table{min-width:720px}
.compliance-table th{background:#f7fbfc;color:var(--sp-teal)}
.driver-note{background:var(--sp-warm);border:1px solid rgba(255,187,9,.45);border-radius:20px;padding:20px}
body[data-page="Contact"] .hero h1{color:var(--sp-teal)}
body[data-page="Careers"] .primary-nav .quote,body[data-page="drivers"] .primary-nav .quote{background:var(--sp-teal);color:#fff}
body[data-page="Careers"] .primary-nav .quote:hover,body[data-page="drivers"] .primary-nav .quote:hover{background:var(--sp-gold);color:var(--sp-navy)}
@media(max-width:980px){
  .fact-grid,.process-steps{grid-template-columns:repeat(2,1fr)}
  .checker-layout,.proof-module{grid-template-columns:1fr}
  .tool-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .fact-grid,.process-steps{grid-template-columns:1fr}
  .tool-panel{padding:22px}
}