/* Shared title emphasis, limited to Home and Features. */
.home-page .eyebrow,.features-page .eyebrow,.features-page .ff-index{display:inline-flex;width:fit-content;max-width:100%;background:#0b526e;color:#fff;font-size:14px;line-height:1.45;letter-spacing:.105em;padding:10px 15px;border-radius:5px;gap:11px}
.home-page .eyebrow.light,.features-page .eyebrow.light,.features-page .ff-index-light{background:#0a6d85;color:#fff}
.home-page .eyebrow-line,.features-page .eyebrow-line{background:#fff;width:18px;flex:none}
.features-page .ff-index{padding:9px 15px 9px 10px;gap:12px}
.features-page .ff-index b{color:#fff;border-color:#ffffff80;background:#ffffff0a;font-size:14px;width:34px;height:34px;flex:none}
.features-page .ff-seller .ff-index{background:#62478e;color:#fff}
.features-page .ff-seller .ff-index b{border-color:#ffffff80}





.home-page .hero-copy>p{font-size:17px;max-width:435px}
.home-page .audience-section .principle-no{display:block;font-size:12px;line-height:1.6;letter-spacing:.065em;color:#b0e7ef;min-height:39px}
.home-page .audience-section .audience-illustration{height:135px;display:flex;align-items:center;margin:13px 0 23px}
.home-page .audience-section .audience-illustration svg{width:195px;height:116px;max-width:100%;overflow:visible}
.home-page .audience-section .principles-grid h3{font-size:25px;line-height:1.35;letter-spacing:-.035em}
.home-page .audience-section .principles-grid p{font-size:15px;line-height:1.8}


@media(max-width:1000px){.home-page .hero-copy>p{max-width:600px;font-size:16px}}
@media(max-width:850px){.home-page .audience-section .principle-no{font-size:10px;min-height:48px;letter-spacing:.04em}.home-page .audience-section .principles-grid h3{font-size:21px}.home-page .audience-section .audience-illustration{height:115px}.home-page .audience-section .audience-illustration svg{width:170px;height:102px}}
@media(max-width:650px){.home-page .eyebrow,.features-page .eyebrow{font-size:11.67px;padding:9px 12px;letter-spacing:.075em;gap:8px}.home-page .eyebrow-line,.features-page .eyebrow-line{width:14px}.home-page .hero-copy>p{font-size:14px;max-width:100%;line-height:1.65}.home-page .saas-section .welcome-intro h2{font-size:39px}.home-page .audience-section .principle-no{font-size:12px;min-height:0;max-width:100%;letter-spacing:.05em}.home-page .audience-section .audience-illustration{height:112px;margin:18px 0 23px}.home-page .audience-section .audience-illustration svg{width:190px;height:112px}.home-page .audience-section .principles-grid h3{font-size:25px;max-width:440px}.home-page .audience-section .principles-grid p{font-size:15px;max-width:440px}.home-page .audience-section .principles-grid article{padding:28px 0 30px}}
@media(max-width:600px){.features-page .ff-index{font-size:12.67px;padding:8px 13px 8px 9px;letter-spacing:.08em}.features-page .ff-index b{font-size:12.67px;width:30px;height:30px}.features-page .ff-rules-heading .eyebrow,.features-page .ff-hero .eyebrow{font-size:11.67px}}
@media(max-width:380px){.home-page .hero-copy .eyebrow,.features-page .ff-hero .eyebrow{font-size:10.67px;letter-spacing:.06em}.home-page .saas-section .welcome-intro h2{font-size:36px}.home-page .hero-copy>p{font-size:13px}.home-page .audience-section .principle-no{font-size:11px}.home-page .audience-section .principles-grid h3{font-size:24px}}


/* The two audience bullets carry more visual emphasis. */
.home-page .audience-list{max-width:480px;color:#edf8ff;font:700 clamp(22px,2vw,26px)/1.5 Manrope,Arial,sans-serif;letter-spacing:-.025em;margin:25px 0 5px;padding-left:25px;list-style:disc}
.home-page .audience-list li{padding-left:7px;margin:0 0 22px}
.home-page .audience-list li:last-child{margin-bottom:0}
.home-page .audience-list li::marker{color:#83e5e3;font-size:.65em}
/* Match the numbered labels and subsection headings across both home-page groups. */
.home-page .saas-capabilities .capability-index,.home-page .audience-section .principle-no{display:block;font:800 13px/1.6 Manrope,Arial,sans-serif;letter-spacing:.06em}
.home-page .saas-capabilities .capability-index{color:#2d677e}
.home-page .audience-section .principle-no{min-height:42px}
.home-page .saas-capabilities h3,.home-page .audience-section .principles-grid h3{font-size:25px;font-weight:800;line-height:1.35;letter-spacing:-.035em}
@media(max-width:850px) and (min-width:651px){.home-page .saas-capabilities h3,.home-page .audience-section .principles-grid h3{font-size:22px}}
@media(max-width:650px){.home-page .audience-list{font-size:22px;margin-top:28px;max-width:100%;padding-left:21px}.home-page .audience-list li{padding-left:5px;margin-bottom:18px}.home-page .audience-section .principle-no{min-height:0}.home-page .saas-capabilities h3,.home-page .audience-section .principles-grid h3{font-size:24px}}