:root{--navy:#0b2c52;--navy-700:#072447;--yellow:#ffd24a;--bg:#f5f7fa;--ink:#242a31;--muted:#667085;--card:#ffffff;--shadow:0 8px 24px rgba(2,18,53,.08)}
*{box-sizing:border-box}html,body{height:100%}
body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Ubuntu,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:var(--navy)}.container{max-width:1100px;margin-inline:auto;padding:0 20px}
.site-header{position:sticky;top:0;background:var(--navy);color:#fff;box-shadow:var(--shadow);z-index:50}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}.brand-logo{display:block;height:40px}
.nav{display:flex;gap:20px}.nav-link{color:#fff;text-decoration:none;font-weight:600;opacity:.95}.nav-link:hover{opacity:1;text-decoration:underline}
.nav-toggle{display:none;background:transparent;border:0;padding:8px;margin-left:auto}.nav-toggle .bar{display:block;width:24px;height:2px;background:#fff;margin:5px 0}
.hero{background:linear-gradient(180deg,var(--navy) 0%,var(--navy-700) 100%);color:#fff;position:relative;overflow:hidden}
.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;padding:64px 0}
.hero-copy h1{font-size:clamp(2rem,3vw,3rem);line-height:1.1;margin:0 0 8px}
.hero-copy p{font-size:1.125rem;opacity:.95;margin:0 0 18px}
.hero-art{display:flex;justify-content:center}.hero-bus{width:100%;max-width:520px;filter:drop-shadow(0 20px 30px rgba(0,0,0,.25))}
.hero-wave{position:absolute;inset:auto 0 -1px 0;height:56px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.06))}
.cta-row{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:700}
.btn-primary{background:var(--yellow);color:var(--navy)}.btn-primary:hover{filter:brightness(.95)}
.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid #ffffff33}.btn-secondary:hover{background:#ffffff2a}
.section-title{text-align:center;margin:0 0 24px;font-size:1.75rem}
.features{padding:56px 0}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.card{background:var(--card);border-radius:16px;padding:22px;box-shadow:var(--shadow)}.card h3{margin:0 0 6px}
.cta-banner{background:var(--yellow);color:var(--navy);padding:22px 0}.cta-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.page-header{background:#fff;box-shadow:var(--shadow);padding:26px 0;margin-bottom:24px}
.content{padding-bottom:60px}.tick-list{padding-left:18px}.tick-list li{margin:8px 0}
.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;box-shadow:var(--shadow)}
.table th,.table td{padding:14px 16px;border-bottom:1px solid #eee}.table thead th{background:#f8fafc;text-align:left}
.muted{color:var(--muted);font-size:.95rem}
.notice{background:#fff3cd;border:1px solid #ffe69c;color:#664d03;padding:14px 16px;border-radius:12px;box-shadow:var(--shadow);margin-bottom:14px}
.site-footer{background:#0a2142;color:#d7deea;margin-top:40px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0}
.footer-link{color:#d7deea;text-decoration:none;opacity:.9}.footer-link:hover{opacity:1;text-decoration:underline}
.legal-small{font-size:.85rem;color:#6b7380;margin-top:24px}
@media (max-width: 880px){
  .hero-inner{grid-template-columns:1fr;text-align:center}
  .nav{position:absolute;inset:64px 0 auto 0;background:var(--navy);display:none;flex-direction:column;padding:10px 20px 16px;border-bottom:1px solid #ffffff22}
  .nav.open{display:flex}
  .nav-toggle{display:block}
}