/* ==== Refined Home ==== */
.title-xxl{font-size:44px;line-height:1.1;margin:6px 0 10px}
.lead{font-size:18px}
.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,.25)}
.link{opacity:.9;text-decoration:underline}

.va-hero{position:relative;overflow:hidden;padding:0}
.va-hero__bg{position:absolute;inset:0;opacity:.35;background:radial-gradient(1000px 360px at 70% -10%, rgba(255,255,255,.13), transparent), url('/assets/img/hero-texture.svg'); background-size:cover}
.va-hero__grid{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:24px;padding:24px}
.va-portrait{aspect-ratio:3/4;border-radius:16px;border:1px solid rgba(255,255,255,.12)}
.va-hero__chips{display:flex;gap:8px;margin-bottom:8px}
.chip{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);font-size:12px}
.va-hero__title{font-size:44px;margin:4px 0 8px}
.va-hero__lead{max-width:60ch}
.va-hero__cta{display:flex;gap:10px;margin-top:8px}
.va-hero__stats{display:grid;grid-template-columns:repeat(5,auto);gap:12px;margin-top:14px}
.stat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 12px;text-align:center}
.stat .num{font-weight:800;font-size:18px}
.stat .lbl{font-size:12px;color:var(--muted)}

.va-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}

.card-hover{transition:transform .25s ease, box-shadow .25s ease}
.card-hover:hover{transform:translateY(-3px); box-shadow:0 14px 40px rgba(0,0,0,.25)}
.badge{display:inline-block;background:#12306a;border:1px solid rgba(255,255,255,.18);padding:4px 8px;border-radius:999px;font-size:11px;color:#d7e3ff}
.meta{display:grid;gap:6px;margin-top:8px}

.va-tabs{display:flex;gap:8px}
.tab{background:#112a58;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:8px 12px;font-size:14px}
.tab.active{background:#1b3f8e}
.tabpane{display:none}
.tabpane.show{display:block}

.va-quote__wrap{display:grid;grid-template-columns:.32fr .68fr;gap:16px;align-items:center}
.va-quote__img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px;border:1px solid rgba(255,255,255,.12)}
.va-quote__subtitle{margin:6px 0 8px}

@media (max-width: 1024px){
  .va-hero__grid{grid-template-columns:1fr}
  .va-hero__stats{grid-template-columns:repeat(3,auto)}
}
@media (max-width: 640px){
  .va-hero__stats{grid-template-columns:repeat(2,auto)}
}