/* ============ One KC Express showcase design system (subpages) ============ */
:root{--midnight:#061A30;--amber-2:#FFC93C;
  --spring:linear(0,0.006,0.025 2.8%,0.101 6.1%,0.539 18.9%,0.721 25.3%,0.849 31.5%,0.937 38.1%,0.968 41.8%,0.991 45.7%,1.006 50.1%,1.015 55%,1.017 63.9%,1.001);}
body{background:#fff;}
.header_section{position:sticky;top:0;z-index:100;}

/* --- dark page hero band --- */
.page-hero{position:relative;background:linear-gradient(160deg,#061A30 0%,#0B2A4A 100%);color:#fff;
  padding:84px 0 96px;overflow:hidden;text-align:center;}
.page-hero::before{content:"";position:absolute;inset:0;opacity:.5;
  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:64px 64px;}
.page-hero::after{content:"";position:absolute;inset:0;
  background:radial-gradient(560px 260px at 50% 20%,rgba(242,169,0,.13),transparent 65%);}
.page-hero .container{position:relative;z-index:2;}
.ph-eyebrow{display:inline-flex;align-items:center;gap:9px;background:rgba(242,169,0,.12);
  color:var(--amber-2);border:1px solid rgba(242,169,0,.35);font:700 .72rem/1 'Inter',sans-serif;
  letter-spacing:2px;text-transform:uppercase;padding:9px 18px;border-radius:40px;margin-bottom:22px;}
.ph-title{font-family:'Poppins',sans-serif;font-weight:800;font-size:clamp(2.1rem,5vw,3.4rem);
  line-height:1.06;letter-spacing:-.02em;margin:0 auto 18px;max-width:820px;text-wrap:balance;}
.ph-title .glow{color:var(--amber-2);text-shadow:0 0 30px rgba(242,169,0,.5);}
.ph-sub{color:#b6c6d8;font-size:1.06rem;line-height:1.75;max-width:640px;margin:0 auto;}

/* --- shared section scaffolding --- */
.sec{padding:88px 0;}
.sec.tint{background:var(--hero-blue);}
.sec.navy{background:linear-gradient(180deg,#0B2A4A,#061A30);color:#fff;}
.sec-eyebrow{display:inline-block;font:700 .74rem/1 'Inter';letter-spacing:2.2px;
  text-transform:uppercase;color:var(--accent-amber);margin-bottom:12px;}
.sec-title{font:800 clamp(1.7rem,3.4vw,2.5rem)/1.12 'Poppins';color:var(--text-dark);
  letter-spacing:-.02em;margin:0 0 14px;text-wrap:balance;}
.sec.navy .sec-title{color:#fff;}
.sec-bar{width:64px;height:4px;border-radius:3px;background:var(--accent-amber);margin:14px 0 0;}
.sec-head{text-align:center;margin-bottom:52px;}
.sec-head .sec-bar{margin:14px auto 0;}
.sec-lead{color:var(--text-muted);font-size:1.02rem;line-height:1.78;}
.sec.navy .sec-lead{color:#a8bacd;}

/* --- cards --- */
.x-grid{display:grid;gap:26px;}
.x-grid.c2{grid-template-columns:repeat(2,1fr);}
.x-grid.c3{grid-template-columns:repeat(3,1fr);}
.x-grid.c4{grid-template-columns:repeat(4,1fr);}
.x-card{background:#fff;border:1px solid #e7ebf3;border-radius:18px;padding:30px 28px;
  box-shadow:0 12px 32px -18px rgba(11,42,74,.28);transition:.28s var(--spring);}
.x-card:hover{transform:translateY(-6px);box-shadow:0 26px 52px -22px rgba(11,42,74,.42);
  border-color:var(--accent-amber);}
.x-ic{width:54px;height:54px;border-radius:14px;background:var(--primary-blue);
  color:var(--amber-2);display:grid;place-items:center;font-size:1.35rem;margin-bottom:18px;}
.x-card h3{font:600 1.16rem/1.3 'Poppins';color:var(--text-dark);margin:0 0 10px;}
.x-card p{color:var(--text-muted);font-size:.95rem;line-height:1.66;margin:0;}
.sec.navy .x-card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);
  backdrop-filter:blur(6px);}
.sec.navy .x-card h3{color:#fff;}
.sec.navy .x-card p{color:#a8bacd;}

/* --- checklists --- */
.checklist{list-style:none;padding:0;margin:0 0 8px;}
.checklist li{display:flex;align-items:flex-start;gap:12px;margin-bottom:13px;
  color:var(--text-dark);font-weight:500;line-height:1.55;}
.checklist i{color:var(--accent-amber);font-size:1.05rem;margin-top:3px;}
.sec.navy .checklist li{color:#dbe6f1;}

/* --- split layout --- */
.split-row{display:flex;gap:56px;align-items:center;flex-wrap:wrap;}
.split-row>div{flex:1 1 420px;min-width:300px;}
.split-pic{border-radius:18px;overflow:hidden;box-shadow:0 20px 50px -20px rgba(11,42,74,.5);}
.split-pic img{width:100%;height:400px;object-fit:cover;display:block;}

/* --- buttons --- */
.btn-amber-s{background:var(--accent-amber);color:var(--midnight);font:600 .98rem 'Inter';
  border:0;border-radius:11px;padding:14px 28px;display:inline-flex;align-items:center;gap:9px;
  text-decoration:none;transition:.22s var(--spring);cursor:pointer;}
.btn-amber-s:hover{background:#d99700;color:var(--midnight);transform:translateY(-2px);}
.btn-navy-s{background:var(--primary-blue);color:#fff;font:600 .98rem 'Inter';border:0;
  border-radius:11px;padding:14px 28px;display:inline-flex;align-items:center;gap:9px;
  text-decoration:none;transition:.22s;cursor:pointer;}
.btn-navy-s:hover{background:var(--navy-soft);color:#fff;transform:translateY(-2px);}

/* --- resource download rows --- */
.doc-card{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid #e7ebf3;
  border-radius:16px;padding:22px 24px;box-shadow:0 10px 28px -16px rgba(11,42,74,.25);
  transition:.25s;}
.doc-card:hover{transform:translateY(-4px);border-color:var(--accent-amber);}
.doc-card .d-ic{width:48px;height:48px;border-radius:12px;background:rgba(242,169,0,.14);
  color:var(--accent-amber);display:grid;place-items:center;font-size:1.2rem;flex:0 0 auto;}
.doc-card h4{font:600 1.02rem 'Poppins';color:var(--text-dark);margin:0 0 4px;}
.doc-card p{color:var(--text-muted);font-size:.88rem;margin:0;line-height:1.5;}
.doc-card .d-dl{margin-left:auto;color:var(--primary-blue);font-weight:600;font-size:.85rem;
  white-space:nowrap;text-decoration:none;}
.doc-card .d-dl:hover{color:var(--accent-amber);}

/* --- video cards --- */
.vid-card{background:#fff;border:1px solid #e7ebf3;border-radius:18px;overflow:hidden;
  box-shadow:0 12px 32px -18px rgba(11,42,74,.28);transition:.25s;}
.vid-card:hover{transform:translateY(-6px);}
.vid-thumb{aspect-ratio:16/9;background:linear-gradient(140deg,#0B2A4A,#13395f);
  display:grid;place-items:center;position:relative;}
.vid-thumb i{width:62px;height:62px;border-radius:50%;background:var(--accent-amber);
  color:var(--midnight);display:grid;place-items:center;font-size:1.3rem;padding-left:4px;
  box-shadow:0 0 0 10px rgba(242,169,0,.18);}
.vid-card .v-body{padding:22px 24px;}
.vid-card h4{font:600 1.05rem 'Poppins';color:var(--text-dark);margin:0 0 8px;}
.vid-card p{color:var(--text-muted);font-size:.9rem;line-height:1.6;margin:0;}

/* --- stats chips (reusable) --- */
.mini-stats{display:flex;gap:16px;flex-wrap:wrap;margin:22px 0;}
.mini-stat{background:#fff;border:1px solid #e7ebf3;border-radius:14px;padding:16px 20px;
  box-shadow:0 6px 20px var(--shadow-light);}
.mini-stat .n{font:800 1.7rem/1 'Poppins';color:var(--primary-blue);}
.mini-stat .n em{font-style:normal;color:var(--accent-amber);}
.mini-stat .l{font:700 .68rem/1.4 'Inter';letter-spacing:1.2px;text-transform:uppercase;
  color:var(--text-muted);margin-top:5px;}

/* --- CTA band --- */
.cta-neo{position:relative;border-radius:20px;padding:48px 52px;overflow:hidden;
  background:linear-gradient(120deg,#0B2A4A,#13395f);display:flex;align-items:center;
  justify-content:space-between;gap:26px;flex-wrap:wrap;}
.cta-neo h2{font:800 clamp(1.4rem,2.8vw,2rem)/1.15 'Poppins';color:#fff;margin:0 0 8px;}
.cta-neo p{color:#b6c6d8;margin:0;max-width:460px;}

/* scroll entrances (progressive) */
@supports (animation-timeline: view()){
  .x-card,.doc-card,.vid-card{animation:xIn both var(--spring);
    animation-timeline:view();animation-range:entry 0% entry 55%;}
  @keyframes xIn{from{opacity:0;transform:translateY(44px)}to{opacity:1;transform:none}}
}
@media (max-width:960px){
  .x-grid.c3,.x-grid.c4{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:640px){
  .sec{padding:60px 0;}
  .x-grid.c2,.x-grid.c3,.x-grid.c4{grid-template-columns:1fr;}
  .cta-neo{padding:34px 26px;justify-content:center;text-align:center;}
  .split-pic img{height:280px;}
}
@media (prefers-reduced-motion:reduce){
  .x-card,.doc-card,.vid-card{animation:none;}
}