/* FINLY public product layer — quiet, precise and consistent across every public route. */
html { background: #fff; }
body { background: #fff !important; color: var(--fin-text); }
.float-syms, .hero::before { display: none !important; }
.hero { color: var(--fin-navy) !important; background: radial-gradient(620px 300px at 82% -40px, rgba(8,196,206,.17), transparent 70%), radial-gradient(520px 280px at 8% 105%, rgba(9,83,186,.12), transparent 70%), linear-gradient(180deg,#eff7ff 0%,#fff 100%) !important; border-bottom: 1px solid var(--fin-line) !important; }
.hero h1, .hero .h1 { max-width: 820px; color: var(--fin-navy) !important; font-size: clamp(42px, 6vw, 68px) !important; line-height:1.06 !important; letter-spacing: -.045em !important; }
.hero h1 em { background: linear-gradient(110deg,var(--fin-blue) 0%,var(--fin-teal-ink) 58%,var(--fin-blue) 100%) !important; -webkit-background-clip:text !important; background-clip:text !important; color:transparent !important; }
.hero-kicker, .eyebrow { color: var(--fin-blue) !important; letter-spacing: 0 !important; }
.hero .hero-copy > p:not(.eyebrow):not(.micro) { color: var(--fin-text-soft) !important; }
.hero .micro { color: var(--fin-text-muted) !important; opacity:1 !important; font-size:.88rem !important; }
.btn, .finly-check-link { color: #fff !important; background: linear-gradient(135deg,var(--fin-blue),var(--fin-teal-ink)) !important; box-shadow: 0 8px 22px rgba(9,83,186,.2) !important; border-radius: 12px !important; }
.btn:hover, .finly-check-link:hover { transform: translateY(-1px) !important; box-shadow: 0 8px 20px rgba(9,83,186,.16) !important; }
.card, .panel, .promise, .tool-card, .mini { box-shadow: none !important; border-color: var(--fin-line) !important; }
.path-card { min-height: 300px !important; box-shadow: none !important; border-radius: 20px !important; }
.path-card-existing { background: radial-gradient(420px 220px at 100% 100%,rgba(8,196,206,.22),transparent 70%),linear-gradient(145deg,#123f78,var(--fin-navy)) !important; }
.story-shell, .closer, .result { background: radial-gradient(500px 280px at 94% 0%,rgba(8,196,206,.23),transparent 72%),linear-gradient(135deg,#16477f 0%,var(--fin-navy) 70%) !important; box-shadow: 0 24px 60px rgba(6,29,61,.16) !important; }
.story-shell::after, .path-card::after, .result::before { display: none !important; }
.band-tint { background: #f7f9fc !important; }
.honesty { font-size: 12px !important; font-weight: 400 !important; opacity: .72; }
footer { background: #0d213d !important; }

/* Hubs and articles use the same scale as the homepage, without AI-style giant slogans. */
body > main > .hero { padding-block: 68px 48px !important; }
body > main > .hero h1 { max-width: 780px; margin-inline: auto; line-height: 1.08 !important; }
.guide .panel { border-radius: 18px !important; }
.mini::before, .panel:not(.result)::before { display: none !important; }
.mini:hover, .tool-card:hover { transform: translateY(-2px) !important; box-shadow: 0 10px 24px rgba(9,45,100,.08) !important; }

@media (max-width: 760px) {
  body > main > .hero { padding-block: 44px 34px !important; }
  .hero h1, body > main > .hero h1 { font-size: clamp(38px, 11vw, 52px) !important; }
}