/* Casvia homepage v2 — institutional financial research / planning style */
.home-v2 {
  --home-navy: #0a2238;
  --home-navy-2: #123b56;
  --home-teal: #16a394;
  --home-teal-dark: #0b6b62;
  --home-ice: #f4f8fa;
  --home-ink: #16242e;
  --home-muted: #667985;
  --home-line: #d9e3e8;
  --home-white: #ffffff;
  background: #f6f8f9;
  color: var(--home-ink);
}
.home-v2 .container { max-width: 1180px; }
.home-v2 .site-header {
  background: var(--home-navy);
  box-shadow: none;
  border-bottom: 1px solid rgba(255,255,255,.1);
  padding: 12px 0;
}
.home-v2 .site-header .container { gap: 24px; }
.home-v2 .logo { font-size: 1.18rem; letter-spacing: .01em; }
.home-v2 .nav { gap: 2px; }
.home-v2 .nav a {
  color: #c9d8e2;
  border-radius: 0;
  padding: 8px 10px;
  font-size: .88rem;
}
.home-v2 .nav a:hover { background: transparent; color: #fff; }
.home-v2 .nav .nav-cta {
  margin-left: 8px;
  border: 1px solid rgba(255,255,255,.22);
  padding-left: 14px;
  padding-right: 14px;
}
.home-v2 .theme-toggle { margin-left: 2px; }

.home-v2 .research-hero {
  background: linear-gradient(135deg, var(--home-navy) 0%, #0e304b 70%, #0d3c4d 100%);
  color: #fff;
  padding: 72px 0 40px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.home-v2 .hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
  gap: 56px;
  align-items: end;
}
.home-v2 .eyebrow {
  margin: 0 0 16px;
  color: #8eddd3;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.home-v2 .research-hero h1 {
  margin: 0;
  color: #fff;
  max-width: 760px;
  font-size: clamp(2.8rem, 6vw, 5.4rem);
  line-height: .98;
  letter-spacing: -.045em;
}
.home-v2 .research-hero .sub {
  max-width: 700px;
  margin: 24px 0 0;
  color: #cbd9e2;
  font-size: 1.12rem;
  line-height: 1.65;
}
.home-v2 .hero-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 28px; }
.home-v2 .hero-primary,
.home-v2 .hero-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 18px;
  font-size: .9rem;
  font-weight: 700;
  text-decoration: none;
  border-radius: 3px;
}
.home-v2 .hero-primary { background: var(--home-teal); color: #fff; }
.home-v2 .hero-primary:hover { background: #139183; text-decoration: none; }
.home-v2 .hero-secondary { border: 1px solid rgba(255,255,255,.3); color: #fff; }
.home-v2 .hero-secondary:hover { border-color: rgba(255,255,255,.55); text-decoration: none; }
.home-v2 .hero-brief { border-top: 1px solid rgba(255,255,255,.22); padding-top: 18px; }
.home-v2 .hero-brief .brief-kicker {
  color: #8eddd3;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.home-v2 .hero-brief strong { display:block; margin-top:8px; font-size:1.2rem; line-height:1.35; color:#fff; }
.home-v2 .hero-brief p { margin: 10px 0 0; color: #b8c9d4; font-size: .88rem; }

.home-v2 .trust-band { background: #fff; border-bottom: 1px solid var(--home-line); }
.home-v2 .trust-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.home-v2 .trust-point { padding: 22px 24px; border-right: 1px solid var(--home-line); }
.home-v2 .trust-point:first-child { padding-left: 0; }
.home-v2 .trust-point:last-child { border-right: 0; }
.home-v2 .trust-point .label {
  display: block; color: var(--home-muted); font-size: .68rem; font-weight: 800;
  letter-spacing: .12em; text-transform: uppercase;
}
.home-v2 .trust-point strong { display: block; margin-top: 5px; font-size: .98rem; }
.home-v2 .trust-point p { margin: 5px 0 0; color: var(--home-muted); font-size: .8rem; line-height: 1.45; }

.home-v2 .research-section { padding: 64px 0; }
.home-v2 .research-section.white { background: #fff; }
.home-v2 .research-section.soft { background: var(--home-ice); }
.home-v2 .section-intro {
  display: flex; align-items: end; justify-content: space-between; gap: 32px;
  margin-bottom: 26px; padding-bottom: 16px; border-bottom: 1px solid var(--home-line);
}
.home-v2 .section-intro h2 { margin: 3px 0 0; font-size: 1.75rem; letter-spacing: -.025em; }
.home-v2 .section-intro p { max-width: 520px; margin: 0; color: var(--home-muted); font-size: .9rem; }
.home-v2 .section-kicker {
  color: var(--home-teal-dark); font-size: .72rem; font-weight: 800;
  letter-spacing: .14em; text-transform: uppercase;
}

.home-v2 .planning-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--home-line); background: #fff; }
.home-v2 .planning-card {
  position: relative; min-height: 250px; padding: 26px 24px 24px; color: var(--home-ink);
  border-right: 1px solid var(--home-line); text-decoration: none;
}
.home-v2 .planning-card:last-child { border-right: 0; }
.home-v2 .planning-card::before { content:""; position:absolute; top:0; left:0; right:0; height:3px; background:transparent; }
.home-v2 .planning-card:hover { text-decoration: none; background: #f9fbfc; }
.home-v2 .planning-card:hover::before { background: var(--home-teal); }
.home-v2 .planning-card .index { color: var(--home-teal-dark); font-size:.72rem; font-weight:800; letter-spacing:.12em; }
.home-v2 .planning-card h3 { margin:22px 0 10px; font-size:1.25rem; }
.home-v2 .planning-card p { margin:0; color:var(--home-muted); font-size:.88rem; line-height:1.55; }
.home-v2 .planning-card .go { position:absolute; left:24px; bottom:22px; color:var(--home-teal-dark); font-weight:700; font-size:.84rem; }

.home-v2 .feature-grid { display:grid; grid-template-columns:1.35fr .65fr; gap:18px; }
.home-v2 .feature-side { background:#fff; border:1px solid var(--home-line); display:grid; grid-template-rows:repeat(3,1fr); }
.home-v2 .feature-side .tool-meta,
.home-v2 .tool-meta { color:var(--home-teal-dark); font-size:.7rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.home-v2 .mini-tool { display:block; padding:22px 24px; color:var(--home-ink); text-decoration:none; border-bottom:1px solid var(--home-line); }
.home-v2 .mini-tool:last-child { border-bottom:0; }
.home-v2 .mini-tool:hover { text-decoration:none; background:#f9fbfc; }
.home-v2 .mini-tool h3 { margin:6px 0 6px; font-size:1.05rem; }
.home-v2 .mini-tool p { margin:0; color:var(--home-muted); font-size:.82rem; }

.home-v2 .quick-calc {
  background:#fff;
  border:1px solid var(--home-line);
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  min-height:390px;
}
.home-v2 .quick-calc-inputs { padding:28px; border-right:1px solid var(--home-line); background:#fbfcfd; }
.home-v2 .quick-calc-inputs h3 { margin:7px 0 6px; font-size:1.55rem; }
.home-v2 .quick-calc-intro { color:var(--home-muted); font-size:.84rem; line-height:1.55; margin:0 0 22px; }
.home-v2 .quick-fields { display:grid; grid-template-columns:1fr 1fr; gap:14px 16px; }
.home-v2 .quick-field label {
  display:block; margin-bottom:6px; color:var(--home-muted); font-size:.68rem; font-weight:800;
  letter-spacing:.09em; text-transform:uppercase;
}
.home-v2 .quick-input-wrap { position:relative; }
.home-v2 .quick-input-wrap .quick-prefix,
.home-v2 .quick-input-wrap .quick-suffix {
  position:absolute; top:50%; transform:translateY(-50%); color:var(--home-muted); font-size:.86rem; pointer-events:none;
}
.home-v2 .quick-input-wrap .quick-prefix { left:11px; }
.home-v2 .quick-input-wrap .quick-suffix { right:11px; }
.home-v2 .quick-input-wrap input {
  width:100%; min-height:42px; border:1px solid var(--home-line); border-radius:3px; background:#fff;
  color:var(--home-ink); font:inherit; font-size:.94rem; padding:9px 30px;
  font-variant-numeric:tabular-nums;
}
.home-v2 .quick-input-wrap input:focus { outline:none; border-color:var(--home-teal); box-shadow:0 0 0 2px rgba(22,163,148,.12); }
.home-v2 .quick-calc-note { margin:18px 0 0; color:var(--home-muted); font-size:.74rem; line-height:1.45; }

.home-v2 .quick-calc-results { padding:30px; display:flex; flex-direction:column; }
.home-v2 .quick-result-label { color:var(--home-muted); font-size:.7rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.home-v2 .quick-result-value { margin-top:8px; font-size:clamp(3rem,6vw,5rem); line-height:.95; font-weight:760; letter-spacing:-.05em; font-variant-numeric:tabular-nums; }
.home-v2 .quick-result-sub { margin-top:8px; color:var(--home-muted); font-size:.85rem; }
.home-v2 .quick-metrics { display:grid; grid-template-columns:repeat(3,1fr); margin-top:30px; border-top:1px solid var(--home-line); border-bottom:1px solid var(--home-line); }
.home-v2 .quick-metric { padding:14px 12px 14px 0; }
.home-v2 .quick-metric + .quick-metric { border-left:1px solid var(--home-line); padding-left:14px; }
.home-v2 .quick-metric span { display:block; color:var(--home-muted); font-size:.65rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.home-v2 .quick-metric b { display:block; margin-top:5px; font-size:1.02rem; font-variant-numeric:tabular-nums; }
.home-v2 .quick-result-actions { margin-top:auto; padding-top:22px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.home-v2 .quick-full-link { color:var(--home-teal-dark); font-weight:750; font-size:.86rem; }
.home-v2 .quick-disclosure { color:var(--home-muted); font-size:.72rem; text-align:right; }

.home-v2 .research-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.home-v2 .research-panel { background:#fff; border:1px solid var(--home-line); padding:28px; }
.home-v2 .research-panel.dark { background:var(--home-navy); color:#fff; border-color:var(--home-navy); }
.home-v2 .research-panel h3 { margin:8px 0 12px; font-size:1.35rem; }
.home-v2 .research-panel p { color:var(--home-muted); font-size:.88rem; line-height:1.6; }
.home-v2 .research-panel.dark p { color:#c0d0da; }
.home-v2 .research-panel a { font-weight:700; font-size:.84rem; color:var(--home-teal-dark); }
.home-v2 .research-panel.dark a { color:#8eddd3; }
.home-v2 .disclosure { padding:28px 0 46px; color:var(--home-muted); font-size:.78rem; line-height:1.6; }
.home-v2 .disclosure strong { color:var(--home-ink); }

@media (max-width: 900px) {
  .home-v2 .hero-grid,
  .home-v2 .feature-grid,
  .home-v2 .research-grid,
  .home-v2 .quick-calc { grid-template-columns:1fr; }
  .home-v2 .quick-calc-inputs { border-right:0; border-bottom:1px solid var(--home-line); }
  .home-v2 .hero-brief { max-width:560px; }
  .home-v2 .trust-grid,
  .home-v2 .planning-grid { grid-template-columns:1fr 1fr; }
  .home-v2 .trust-point:nth-child(2) { border-right:0; }
  .home-v2 .planning-card:nth-child(2) { border-right:0; }
  .home-v2 .planning-card:nth-child(-n+2) { border-bottom:1px solid var(--home-line); }
}
@media (max-width: 640px) {
  .home-v2 .research-hero { padding-top:50px; }
  .home-v2 .research-hero h1 { font-size:3rem; }
  .home-v2 .trust-grid,
  .home-v2 .planning-grid,
  .home-v2 .quick-fields,
  .home-v2 .quick-metrics { grid-template-columns:1fr; }
  .home-v2 .trust-point,
  .home-v2 .planning-card { border-right:0; border-bottom:1px solid var(--home-line); padding-left:20px; }
  .home-v2 .trust-point:last-child,
  .home-v2 .planning-card:last-child { border-bottom:0; }
  .home-v2 .quick-metric + .quick-metric { border-left:0; border-top:1px solid var(--home-line); padding-left:0; }
  .home-v2 .quick-result-actions { align-items:flex-start; flex-direction:column; }
  .home-v2 .quick-disclosure { text-align:left; }
  .home-v2 .section-intro { display:block; }
  .home-v2 .section-intro p { margin-top:10px; }
}

/* ---------- Dark theme parity ---------- */
html[data-theme="dark"] .home-v2 {
  --home-ice: #0b1b26;
  --home-ink: #e8f0f4;
  --home-muted: #aabac4;
  --home-line: #294252;
  --home-white: #102635;
  background: #0b1924;
  color: var(--home-ink);
}
html[data-theme="dark"] .home-v2 .trust-band,
html[data-theme="dark"] .home-v2 .research-section.white,
html[data-theme="dark"] .home-v2 .planning-grid,
html[data-theme="dark"] .home-v2 .feature-side,
html[data-theme="dark"] .home-v2 .quick-calc,
html[data-theme="dark"] .home-v2 .research-panel {
  background: #102635;
  border-color: var(--home-line);
}
html[data-theme="dark"] .home-v2 .research-section.soft { background: #0b1b26; }
html[data-theme="dark"] .home-v2 .planning-card,
html[data-theme="dark"] .home-v2 .mini-tool { color: var(--home-ink); }
html[data-theme="dark"] .home-v2 .planning-card:hover,
html[data-theme="dark"] .home-v2 .mini-tool:hover { background: #142c3b; }
html[data-theme="dark"] .home-v2 .quick-calc-inputs {
  background: #0d2230;
  border-color: var(--home-line);
}
html[data-theme="dark"] .home-v2 .quick-input-wrap input {
  background: #132b39;
  border-color: var(--home-line);
  color: var(--home-ink);
}
html[data-theme="dark"] .home-v2 .quick-input-wrap input:focus { border-color: #53c7ba; }
html[data-theme="dark"] .home-v2 .quick-result-value,
html[data-theme="dark"] .home-v2 .quick-metric b,
html[data-theme="dark"] .home-v2 .section-intro h2,
html[data-theme="dark"] .home-v2 .planning-card h3,
html[data-theme="dark"] .home-v2 .mini-tool h3,
html[data-theme="dark"] .home-v2 .research-panel h3,
html[data-theme="dark"] .home-v2 .disclosure strong { color: var(--home-ink); }
html[data-theme="dark"] .home-v2 .section-kicker,
html[data-theme="dark"] .home-v2 .planning-card .index,
html[data-theme="dark"] .home-v2 .planning-card .go,
html[data-theme="dark"] .home-v2 .tool-meta,
html[data-theme="dark"] .home-v2 .quick-full-link,
html[data-theme="dark"] .home-v2 .research-panel a { color: #76d5cb; }
html[data-theme="dark"] .home-v2 .research-panel.dark {
  background: var(--home-navy);
  border-color: var(--home-navy);
}
