/* The legacy about page has its own components and important startup overrides. */
body.finly-clarity-site:has(.portal-story) main { overflow: clip; }
body.finly-clarity-site:has(.portal-story) :is(h1, h2, h3, blockquote) { font-family: var(--fin-font-display); }
body.finly-clarity-site:has(.portal-story) main > section { padding-block: clamp(70px, 8.5vw, 118px); }
body.finly-clarity-site:has(.portal-story) main > .hero {
  min-height: 0; padding-block: 76px 86px !important; color: var(--fin-navy) !important;
  background: #fff !important;
  border-bottom: 1px solid var(--fin-line) !important;
}
body.finly-clarity-site:has(.portal-story) .hero::after,
body.finly-clarity-site:has(.portal-story) .hero-visual::before,
body.finly-clarity-site:has(.portal-story) .orbit { display: none; }
body.finly-clarity-site:has(.portal-story) .hero-grid { gap: 65px; padding-block: 0; }
body.finly-clarity-site:has(.portal-story) .hero h1 {
  color: var(--fin-blue) !important;
  font-size: clamp(46px, 5.15vw, 74px) !important; font-weight: 520;
  line-height: 1.1 !important; letter-spacing: -.05em !important;
}
body.finly-clarity-site:has(.portal-story) .hero h1 em { padding-block: 7px; color: var(--fin-blue) !important; background-image: none !important; }
body.finly-clarity-site:has(.portal-story) :is(.eyebrow, .section-kicker) { color: var(--fin-blue) !important; font-size: 14px; font-weight: 550; letter-spacing: 0; }
body.finly-clarity-site:has(.portal-story) .hero-copy > p:not(.eyebrow):not(.micro) { font-size: 18px; line-height: 1.8; }
body.finly-clarity-site:has(.portal-story) :is(.btn, .finly-check-link) {
  min-height: 54px; padding-inline: 27px; border: 1px solid transparent; border-radius: 10px !important;
  color: #fff !important; background: var(--fin-grad-action) !important; font-weight: 600;
  box-shadow: 0 10px 24px #0953ba26 !important;
}
body.finly-clarity-site:has(.portal-story) :is(.btn, .finly-check-link):hover { background: var(--fin-blue) !important; }
body.finly-clarity-site:has(.portal-story) :is(.btn-secondary, .btn-ghost) {
  color: var(--fin-blue) !important; background: #fff !important;
  border-color: var(--fin-blue); box-shadow: none !important;
}
body.finly-clarity-site:has(.portal-story) :is(.btn-secondary, .btn-ghost):hover { color: var(--fin-blue) !important; background: var(--fin-blue-50) !important; }
body.finly-clarity-site:has(.portal-story) .btn:focus-visible { outline: 3px solid var(--fin-blue); outline-offset: 4px; box-shadow: 0 0 0 8px #fff !important; }
body.finly-clarity-site:has(.portal-story) .hero-visual { min-height: 0; }
body.finly-clarity-site:has(.portal-story) .dashboard {
  margin-block-start: 0; padding: 28px; border: 1px solid #d9e4ed; border-radius: 4px;
  color: var(--fin-navy); background: #fff; backdrop-filter: none;
  box-shadow: 0 30px 65px -26px #193c6030, -7px 8px 0 #f3f8fb, -8px 9px 0 #dce7ef;
  animation: none; transform: rotate(-1deg);
}
body.finly-clarity-site:has(.portal-story) .dash-head { border-color: var(--fin-line); }
body.finly-clarity-site:has(.portal-story) :is(.dash-brand, .dash-brand b, .progress-top strong, .next-step, .mini-card strong) { color: var(--fin-blue); }
body.finly-clarity-site:has(.portal-story) :is(.status, .progress-top, .mini-card span) { color: var(--fin-text-muted); font-size: 14px; }
body.finly-clarity-site:has(.portal-story) .status { border-color: #b9e2e4; background: var(--fin-teal-50); color: var(--fin-blue); }
body.finly-clarity-site:has(.portal-story) .progress-card { padding: 22px 0; border-block: 1px solid var(--fin-line); border-radius: 0; background: transparent; }
body.finly-clarity-site:has(.portal-story) .progress-track { background: var(--fin-blue-50); }
body.finly-clarity-site:has(.portal-story) .next-step { background: var(--fin-teal-50); border-color: #c8e9eb; }
body.finly-clarity-site:has(.portal-story) .mini-card { padding: 16px 0 0; border: 0; border-radius: 0; background: transparent; }
body.finly-clarity-site:has(.portal-story) .float-note { position: relative; inset: auto; width: auto; max-width: 360px; margin: 22px auto 0; background: var(--fin-teal-50); border-radius: 4px; box-shadow: none; transform: none; animation: none; }
body.finly-clarity-site:has(.portal-story) .trust-strip { margin-block: 0; }
body.finly-clarity-site:has(.portal-story) .trust-inner { border: 0; border-block-end: 1px solid var(--fin-line); border-radius: 0; box-shadow: none; }
body.finly-clarity-site:has(.portal-story) .trust-item { padding-block: 28px; }
body.finly-clarity-site:has(.portal-story) :is(.trust-item span, .stage strong, .portal-point span, .portal-screen-head span, .portal-welcome small) { font-size: 14px; }
body.finly-clarity-site:has(.portal-story) .section-title { color: var(--fin-blue); font-size: clamp(35px, 4.4vw, 63px); font-weight: 500; line-height: 1.15; letter-spacing: -.05em; }
body.finly-clarity-site:has(.portal-story) .section-lead { color: var(--fin-text-soft); font-size: 18px; line-height: 1.8; }
body.finly-clarity-site:has(.portal-story) :is(.problem, .tools, .process, .portal-story) { background: #fff; }
body.finly-clarity-site:has(.portal-story) #demo { --grad: var(--fin-grad-action); background: #fff; }
body.finly-clarity-site:has(.portal-story) #demo .cta { background: var(--fin-grad-action); }
body.finly-clarity-site:has(.portal-story) #demo :is(.demo-next, .cta):hover { filter: none; }
body.finly-clarity-site:has(.portal-story) #faq { background: #fff; }
body.finly-clarity-site:has(.portal-story) .problem-list { gap: 0; }
body.finly-clarity-site:has(.portal-story) .problem-row { padding: 22px 0; border: 0; border-block-start: 1px solid var(--fin-line); border-radius: 0; background: transparent; }
body.finly-clarity-site:has(.portal-story) .problem-row i { width: 44px; height: 44px; border-radius: 8px; background: var(--fin-blue-50); }
body.finly-clarity-site:has(.portal-story) .promise { background: #fff; color: var(--fin-navy); }
body.finly-clarity-site:has(.portal-story) .bento { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 40px; }
body.finly-clarity-site:has(.portal-story) .value-card,
body.finly-clarity-site:has(.portal-story) .value-card.large,
body.finly-clarity-site:has(.portal-story) .value-card.wide { grid-column: auto; grid-row: auto; min-height: 0; padding: 27px 0 0; border: 0; border-block-start: 2px solid var(--fin-teal); border-radius: 0; background: transparent; }
body.finly-clarity-site:has(.portal-story) .value-card::after { display: none; }
body.finly-clarity-site:has(.portal-story) .value-index { color: var(--fin-blue); font-size: 14px; font-weight: 500; letter-spacing: 0; }
body.finly-clarity-site:has(.portal-story) .value-card h3,
body.finly-clarity-site:has(.portal-story) .value-card.large h3 { margin-block: 22px 12px; color: var(--fin-blue); font-size: 29px; font-weight: 500; }
body.finly-clarity-site:has(.portal-story) .value-card p { color: var(--fin-text-soft); font-size: 16px; line-height: 1.8; }
body.finly-clarity-site:has(.portal-story) .clarity-visual { position: static; margin-block-start: 22px; }
body.finly-clarity-site:has(.portal-story) .clarity-line { padding: 10px 0; border-radius: 0; background: transparent; font-size: 14px; }
body.finly-clarity-site:has(.portal-story) .stage { box-shadow: none; }
body.finly-clarity-site:has(.portal-story) .stage h3 { color: var(--fin-blue); font-weight: 500; font-size: 24px; }
body.finly-clarity-site:has(.portal-story) .calculator { border-radius: 5px; box-shadow: 0 28px 70px -35px #193c6029; }
body.finly-clarity-site:has(.portal-story) .calc-result { color: var(--fin-blue); background: var(--fin-teal-50); }
body.finly-clarity-site:has(.portal-story) .calc-result::after { display: none; }
body.finly-clarity-site:has(.portal-story) :is(.result-label, .result-caption, .result-item span, .result-source) { color: var(--fin-text-muted); font-size: 14px; letter-spacing: 0; }
body.finly-clarity-site:has(.portal-story) .result-label { color: var(--fin-blue); }
body.finly-clarity-site:has(.portal-story) .result-item { padding: 15px 0; border: 0; border-block-start: 1px solid #c5e4e7; border-radius: 0; background: transparent; }
body.finly-clarity-site:has(.portal-story) .result-signal { color: var(--fin-blue); border-radius: 4px; background: #daf2f1; font-size: 14px; }
body.finly-clarity-site:has(.portal-story) .result-signal.caution { color: var(--fin-warn); background: var(--fin-warn-bg); }
body.finly-clarity-site:has(.portal-story) .calc-deep-links a { color: var(--fin-blue); }
body.finly-clarity-site:has(.portal-story) .statement { background: #fff; }
body.finly-clarity-site:has(.portal-story) .statement-card { padding: 65px 55px; border-radius: 0; color: var(--fin-blue); background: var(--fin-blue-50); }
body.finly-clarity-site:has(.portal-story) .statement-card::before { display: none; }
body.finly-clarity-site:has(.portal-story) .statement blockquote { font-weight: 500; line-height: 1.3; }
body.finly-clarity-site:has(.portal-story) .statement-card :is(p, cite) { color: var(--fin-text-soft); }
body.finly-clarity-site:has(.portal-story) .closing { background: #fff; }
body.finly-clarity-site:has(.portal-story) .closing-card { display: block; padding: 0; border: 0; border-radius: 0; background: transparent; text-align: center; }
body.finly-clarity-site:has(.portal-story) .closing-card h2 { max-width: 780px; margin-inline: auto; color: var(--fin-blue); font-size: clamp(41px, 5.4vw, 76px); font-weight: 500; line-height: 1.12; }
body.finly-clarity-site:has(.portal-story) .closing-card p { max-width: 590px; margin-inline: auto; color: var(--fin-text-soft); }
body.finly-clarity-site:has(.portal-story) .closing-cta { margin-block-start: 30px; }
body.finly-clarity-site:has(.portal-story) :is(.honesty, .micro, .calc-note, .demo-note) { font-size: 14px; line-height: 1.75; }
body.finly-clarity-site:has(.portal-story) > footer { margin: 0; padding-block: 65px 85px; background: #fff !important; color: var(--fin-blue); }
body.finly-clarity-site:has(.portal-story) .footer-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 75px; }
body.finly-clarity-site:has(.portal-story) .footer-brand { align-items: center; flex-wrap: wrap; gap: 16px; color: var(--fin-blue); }
body.finly-clarity-site:has(.portal-story) .footer-brand > img { box-sizing: content-box; padding: 7px 9px; border-radius: 7px; background: #fff; }
body.finly-clarity-site:has(.portal-story) :is(.footer-brand .brand-tag, .footer-copy, .footer-links a) { color: var(--fin-blue); font-size: 14px; }
body.finly-clarity-site:has(.portal-story) .footer-copy { line-height: 1.8; }
body.finly-clarity-site:has(.portal-story) .footer-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 25px; }
body.finly-clarity-site:has(.portal-story) .footer-links a { display: flex; align-items: center; min-height: 44px; }
body.finly-clarity-site:has(.portal-story) .mobile-cta { background: #fff; }
@supports (background-clip: text) or (-webkit-background-clip: text) {
  body.finly-clarity-site:has(.portal-story) .hero h1 em,
  body.finly-clarity-site:has(.portal-story) .section-title,
  body.finly-clarity-site:has(.portal-story) .closing-card h2 {
    background-image: var(--fin-grad-display) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
  }
}
@media print {
  body.finly-clarity-site:has(.portal-story) .hero h1,
  body.finly-clarity-site:has(.portal-story) .hero h1 em,
  body.finly-clarity-site:has(.portal-story) .section-title,
  body.finly-clarity-site:has(.portal-story) .closing-card h2 {
    background-image: none !important;
    color: var(--fin-blue) !important;
  }
}
@media (forced-colors: active) {
  body.finly-clarity-site:has(.portal-story) .hero h1,
  body.finly-clarity-site:has(.portal-story) .hero h1 em,
  body.finly-clarity-site:has(.portal-story) .section-title,
  body.finly-clarity-site:has(.portal-story) .closing-card h2 {
    background-image: none !important;
    color: CanvasText !important;
  }
}
@media (max-width: 1000px) {
  body.finly-clarity-site:has(.portal-story) .hero-grid { grid-template-columns: minmax(0, 1fr); gap: 45px; }
  body.finly-clarity-site:has(.portal-story) .hero-visual { max-width: 580px; width: 100%; margin-inline: auto; }
  body.finly-clarity-site:has(.portal-story) .hero h1 { font-size: clamp(47px, 7.2vw, 70px) !important; }
  body.finly-clarity-site:has(.portal-story) .footer-grid { gap: 35px; }
}
@media (max-width: 700px) {
  body.finly-clarity-site:has(.portal-story) main > section { padding-block: 62px; }
  body.finly-clarity-site:has(.portal-story) main > .hero { padding-block: 45px 60px !important; }
  body.finly-clarity-site:has(.portal-story) .hero h1 { font-size: clamp(37px, 10.3vw, 56px) !important; }
  body.finly-clarity-site:has(.portal-story) .hero-copy > p:not(.eyebrow):not(.micro) { font-size: 17px; }
  body.finly-clarity-site:has(.portal-story) .hero-actions { margin-block-start: 26px; }
  body.finly-clarity-site:has(.portal-story) .dashboard { padding: 23px; transform: none; }
  body.finly-clarity-site:has(.portal-story) .trust-inner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.finly-clarity-site:has(.portal-story) .trust-item { padding: 22px 16px; }
  body.finly-clarity-site:has(.portal-story) .section-title { font-size: clamp(33px, 8.5vw, 45px); }
  body.finly-clarity-site:has(.portal-story) .section-lead { font-size: 17px; }
  body.finly-clarity-site:has(.portal-story) .bento { grid-template-columns: minmax(0, 1fr); gap: 27px; }
  body.finly-clarity-site:has(.portal-story) .value-card.large h3 { font-size: 29px; }
  body.finly-clarity-site:has(.portal-story) .statement-card { padding: 38px 26px; }
  body.finly-clarity-site:has(.portal-story) .closing-card h2 { font-size: clamp(37px, 9vw, 49px); }
  body.finly-clarity-site:has(.portal-story) .closing-card .btn-primary { white-space: normal; }
  body.finly-clarity-site:has(.portal-story) > footer { padding-block: 44px 100px; }
  body.finly-clarity-site:has(.portal-story) .footer-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
}
@media (max-width: 380px) {
  body.finly-clarity-site:has(.portal-story) .dashboard { padding: 19px; }
  body.finly-clarity-site:has(.portal-story) .dash-grid { grid-template-columns: minmax(0, 1fr); }
  body.finly-clarity-site:has(.portal-story) .calc-workspace,
  body.finly-clarity-site:has(.portal-story) .calc-result { padding: 23px; }
}
@media (prefers-reduced-motion: reduce) {
  body.finly-clarity-site:has(.portal-story) .btn,
  body.finly-clarity-site:has(.portal-story) .btn:hover { transition: none !important; transform: none !important; }
}