:root{
  --navy:#17283f; --blue:#2e6f9f; --sky:#eaf4ff; --gold:#d7a72f; --cream:#fbf7ef; --ink:#182030; --muted:#667085; --line:#e3e8ef;
}
*{box-sizing:border-box} body{margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#f7fbff 0%,#fff 42%,#fbf7ef 100%);line-height:1.55}
a{color:var(--blue);text-decoration:none} a:hover{text-decoration:underline}
.container{max-width:1120px;margin:0 auto;padding:0 22px}
.site-header{background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0}.brand{font-weight:800;letter-spacing:.02em;color:var(--navy)}.brand span{color:var(--gold)}.nav-links{display:flex;gap:18px;flex-wrap:wrap}.nav-links a{font-weight:650;color:var(--navy)}
.hero{padding:76px 0 44px}.eyebrow{color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.82rem}.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:32px;align-items:center}.hero h1{font-size:clamp(2.25rem,5vw,4.75rem);line-height:.98;margin:.2em 0;color:var(--navy);letter-spacing:-.055em}.lead{font-size:1.18rem;color:#3c495b;max-width:780px}.panel{background:white;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:0 18px 50px rgba(23,40,63,.08)}
.stat{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);gap:16px}.stat:last-child{border-bottom:0}.stat b{font-size:1.3rem;color:var(--navy)}
.btn-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 18px;font-weight:800;border:1px solid var(--navy);background:var(--navy);color:white}.btn.secondary{background:white;color:var(--navy)}
.section{padding:48px 0}.section-title{font-size:2rem;color:var(--navy);letter-spacing:-.035em;margin:0 0 14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:white;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 12px 34px rgba(23,40,63,.06)}.card-img{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--sky)}.card-body{padding:18px}.tag{display:inline-block;background:#f3e7c4;color:#6e5010;border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:800}.card h3{margin:10px 0 6px;color:var(--navy)}.price{font-size:1.3rem;font-weight:900;color:var(--navy)}
.notice{background:var(--navy);color:white;border-radius:28px;padding:28px}.notice h2{margin-top:0}.notice a{color:#fff3be;text-decoration:underline}
.table-wrap{overflow-x:auto;background:white;border:1px solid var(--line);border-radius:22px}table{border-collapse:collapse;width:100%;min-width:780px}th,td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left}th{background:#f6f9fc;color:var(--navy)}td.num{text-align:right;font-variant-numeric:tabular-nums}.total-row td{font-weight:900;background:#fff8e6;color:var(--navy)}
.callout-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.callout{background:white;border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:18px;padding:18px}.callout h3{margin:0 0 8px;color:var(--navy)}
.footer{border-top:1px solid var(--line);padding:26px 0;color:var(--muted);font-size:.95rem}
@media(max-width:800px){.hero-grid,.cards,.callout-grid{grid-template-columns:1fr}.nav{align-items:flex-start;flex-direction:column}.hero{padding-top:42px}}
.hero-simple{max-width:900px}.hero-simple h1{font-size:clamp(2.4rem,5.8vw,5rem);line-height:.98;margin:.2em 0;color:var(--navy);letter-spacing:-.055em}.soft-list{background:white;border:1px solid var(--line);border-radius:22px;padding:22px}.soft-list li{margin:8px 0}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.quote-card{background:#fff8e6;border:1px solid #efd990;border-radius:22px;padding:22px;color:var(--navy)}
@media(max-width:800px){.mini-grid{grid-template-columns:1fr}}