/* Audience welcome and lender narrative; shared FIAR components stay in styles.css. */
.welcome-header{height:74px;border-bottom:1px solid #e6edf0;background:#fff}
.welcome-header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}
.lender-page .header-inner{gap:24px}
.lender-page .site-header .header-brand{width:145px}
.lender-page .header-navigation{gap:18px}
.lender-page .main-nav{gap:18px}
.lender-page .header-actions{gap:12px}
.nav-portal{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:36px;border:1px solid #007e95;border-radius:999px;background:#eef8fa;color:#007e95;font-size:11px;font-weight:600;line-height:1.4;white-space:nowrap;padding:8px 15px;transition:background .2s,color .2s}
.nav-portal .icon{width:16px;height:16px}
.nav-portal:hover{background:#dff2f6;color:#00687c}
@media(min-width:1101px) and (max-width:1240px){
 .lender-page .header-inner{width:calc(100% - 48px);gap:14px}
 .lender-page .header-navigation{gap:12px}
 .lender-page .main-nav{gap:12px;font-size:12px}
 .lender-page .header-actions{gap:9px}
 .lender-page .nav-contact{padding-inline:15px}
 .lender-page .nav-portal{padding-inline:12px;gap:7px}
}
@media(max-width:1100px){.lender-page .main-nav{gap:0}.nav-portal{min-height:42px;font-size:12px;padding-inline:20px}}
.welcome-brand{display:flex;align-items:center;gap:13px;text-decoration:none}
.welcome-brand img{width:60px;height:27px;object-fit:contain}
.welcome-brand>span{font-size:7px;letter-spacing:1.7px;line-height:1.5;color:#536872}
.welcome-main{padding-top:40px;padding-bottom:48px}
.welcome-heading{text-align:center;max-width:840px;margin:auto}
.welcome-heading .eyebrow{margin-bottom:13px}
.welcome-heading h1{font-size:clamp(38px,4.6vw,58px);line-height:1.14;letter-spacing:-2px;margin:0 0 19px}
.welcome-heading h1 span,.lender-hero h1 span,.lender-section-heading h2 span{color:#007e95}
.welcome-heading>p:last-child{font-size:14px;line-height:1.9;max-width:610px;margin:0 auto;color:#647681}
.welcome-prompt{text-align:center;font-size:12px;color:#536872;margin:27px 0 18px}
.welcome-choices{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:970px;margin:auto}
.audience-card{display:block;border:1px solid #dce7ec;border-radius:14px;background:#fff;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s,border-color .2s,box-shadow .2s}
.audience-card:hover{transform:translateY(-4px);border-color:#73c4d0;box-shadow:0 10px 30px #103d4b0b}
.audience-card:focus-visible{outline:3px solid #007e95;outline-offset:5px}
.audience-picture{height:145px;background:#f8fbfc;padding:5px 20px 0}
.audience-picture img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.audience-copy{padding:20px 28px 24px}
.audience-copy .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:10px}
.audience-copy h2{font-size:29px;line-height:1.24;letter-spacing:-.8px;margin:0 0 12px}
.audience-copy>p:not(.eyebrow){font-size:12px;line-height:1.7;color:#647681;max-width:340px;margin:0}
.audience-action{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;color:#007e95;margin-top:20px}
.audience-action .icon{width:21px;height:21px}
.welcome-footer{display:flex;justify-content:space-between;gap:20px;padding-top:22px;padding-bottom:22px;font-size:10px;color:#6a7b83}
.welcome-footer a{color:inherit}
.lender-hero{padding:58px 0 28px;overflow:hidden}
.lender-hero-copy{position:relative;z-index:1;text-align:center}
.lender-hero h1{font-size:clamp(38px,4.7vw,64px);line-height:1.17;letter-spacing:-.055em;margin:18px auto 23px;max-width:1100px}
.lender-hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.95;color:#647681;max-width:700px;margin-inline:auto}
.lender-hero-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:24px;margin-top:27px}
.lender-hero-actions .button{font-size:10px;min-height:50px}
.lender-hero-copy>.lender-hero-caption{font-size:10px!important;margin-top:18px}
.lender-hero-art{width:min(1600px,100%);margin:-16px auto 0}
.lender-hero-art img{width:100%;height:auto;display:block}
.lender-hero-art .hero-art-label{font-size:10px;line-height:1.8;color:#70818a;text-align:center;margin:10px 24px 0}
.lender-section-heading{max-width:850px;margin-bottom:40px}
.lender-section-heading h2{font-size:clamp(32px,3.5vw,44px);line-height:1.25;letter-spacing:-1.3px;margin:15px 0 20px}
.lender-section-heading>p:last-child{font-size:14px;line-height:1.95;color:#647681;max-width:740px}
.frontier-section{padding:86px 0}
.frontier-heading{max-width:1000px;margin:0 auto 42px;text-align:center}
.frontier-heading>p:last-child{max-width:760px;margin-inline:auto}
.diagram-label{font-size:9px;letter-spacing:1.5px;color:#007e95;font-weight:700;text-align:center;margin:0 0 22px}
.frontier-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;text-align:center}
.frontier-drawing{display:block;width:100%;height:auto;max-width:360px;aspect-ratio:3/2;object-fit:contain;margin:auto}
.frontier-scene h3,.frontier-risk-piece h3{font-size:20px;line-height:1.4;letter-spacing:-.4px;margin:16px 0 9px}
.frontier-scene>p,.frontier-risk-piece>p{font-size:12px;line-height:1.85;color:#647681;max-width:285px;margin:0 auto}
.frontier-connections{margin-top:52px}
.frontier-risk-diagram{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:42px;max-width:1140px;margin:0 auto;text-align:center}
.frontier-risk-piece{position:relative}
.risk-drawing{display:block;width:100%;height:auto;max-width:360px;aspect-ratio:3/2;object-fit:contain;margin:auto}
.frontier-risk-piece h3{margin-top:16px}
.frontier-risk-piece>p{max-width:285px}
/* Coverage is explained with two narrative drawings and centered copy. */
.guarantee-section{padding:86px 0;background:#fff;border-block:1px solid #e5edef}
.coverage-heading{max-width:900px;margin:0 auto 34px;text-align:center}
.coverage-heading>p:last-child{margin-inline:auto}
.layer-label{display:block;font-size:8px;font-weight:700;letter-spacing:1.5px;line-height:1.8;color:#007e95}
.coverage-story h3{font-size:30px;line-height:1.3;letter-spacing:-.7px;margin:11px 0 14px}
.coverage-story>p{font-size:13px;line-height:1.9;color:#647681;max-width:425px;margin:0 auto}
.layer-foot{display:block;max-width:390px;font-size:10px;line-height:1.8;color:#70818a;margin:17px auto 0;padding-top:13px;border-top:1px solid #deecef}
.lender-purpose{padding:86px 0}
.purpose-lead{max-width:1000px;margin:0 auto;text-align:center}
.purpose-lead h2{font-size:clamp(32px,3.4vw,43px);line-height:1.25;letter-spacing:-1.2px;max-width:980px;margin:15px auto 20px}
.purpose-lead>p{font-size:14px;line-height:1.95;color:#647681;max-width:760px;margin:0 auto}
.fiar-pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin:42px auto 0;text-align:center}
.fiar-pillar img{display:block;width:100%;height:auto;max-width:320px;aspect-ratio:3/2;object-fit:contain;margin:0 auto 18px}
.pillar-letter{display:block;font-size:26px;font-weight:700;line-height:1.15;color:#a9d6df;margin-bottom:9px}
.fiar-pillars h3{font-size:20px;letter-spacing:-.5px;margin:0 0 10px}
.fiar-pillars p{font-size:12px;line-height:1.9;color:#647681;max-width:285px;margin:0 auto}
.onboarding-section{background:#f7fafb;border-block:1px solid #e5edef;padding:78px 0}
.onboarding-actions{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:37px}
.onboarding-actions .button{font-size:10px;min-height:50px}
.lender-page .contact-section{padding-top:80px}
@media(max-width:1000px){
  .lender-hero h1{font-size:clamp(38px,5.4vw,54px)}
  .fiar-pillars{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;max-width:820px}
  .frontier-gallery,.frontier-risk-diagram{gap:25px}
}
@media(max-width:700px){
  .welcome-header{height:64px}.welcome-main{padding-top:34px;padding-bottom:36px}
  .welcome-heading h1{font-size:36px;letter-spacing:-1.3px}.welcome-heading>p:last-child{font-size:12px;line-height:1.85}
  .welcome-heading .eyebrow{font-size:9px}.welcome-prompt{margin-top:22px;font-size:11px}
  .welcome-choices{grid-template-columns:1fr;gap:16px;max-width:440px}
  .audience-card{display:grid;grid-template-columns:100px 1fr}
  .audience-picture{height:100%;padding:0;overflow:hidden}.audience-picture img{object-fit:cover;object-position:48% 50%;min-height:195px}
  .audience-card-lender .audience-picture img{object-position:40% 50%}
  .audience-copy{padding:19px 18px}.audience-copy .eyebrow{font-size:7px;letter-spacing:1px;line-height:1.8;margin-bottom:8px}
  .audience-copy h2{font-size:23px;margin-bottom:10px}.audience-copy>p:not(.eyebrow){font-size:11px}.audience-action{font-size:11px;margin-top:16px;gap:6px}
  .welcome-footer{font-size:9px;gap:12px}
  .lender-hero{padding:40px 0 25px}
  .lender-hero h1{font-size:36px;letter-spacing:-.05em;max-width:540px}.lender-hero-copy>p:not(.eyebrow){font-size:13px}
  .lender-hero-actions{gap:18px}.lender-hero-actions .button{font-size:9px}.lender-hero-art{margin-top:6px;width:100%}
  .lender-hero-art img{height:190px;object-fit:cover;object-position:center bottom}
  .frontier-section,.guarantee-section,.lender-purpose{padding:62px 0}.lender-section-heading{margin-bottom:30px}
  .lender-section-heading h2,.purpose-lead h2{font-size:32px;letter-spacing:-.9px}.lender-section-heading>p:last-child{font-size:13px}
  .frontier-heading{margin-bottom:30px}.frontier-gallery{grid-template-columns:1fr;gap:33px}
  .frontier-drawing{max-width:275px}.frontier-scene h3,.frontier-risk-piece h3{font-size:20px;margin-top:10px}
  .frontier-scene>p{max-width:320px}.frontier-connections{margin-top:42px}
  .frontier-risk-diagram{grid-template-columns:1fr;gap:33px}
  .risk-drawing{max-width:275px}.frontier-risk-piece>p{max-width:300px}
  .coverage-heading{margin-bottom:26px}.coverage-story h3{font-size:28px}.coverage-story>p{max-width:360px}.layer-foot{max-width:320px}
  .purpose-lead>p{font-size:13px}.fiar-pillars{grid-template-columns:1fr;gap:35px;margin-top:30px;max-width:400px}
  .fiar-pillar img{max-width:360px;margin-bottom:16px}.pillar-letter{font-size:25px}.fiar-pillars h3{font-size:21px}.fiar-pillars p{font-size:12px;max-width:320px}
  .onboarding-section{padding:60px 0}
  .onboarding-actions{flex-direction:column;gap:22px;margin-top:32px}.onboarding-actions .button{font-size:9px}
  .lender-page .contact-section{padding-top:60px}
}
@media(max-width:380px){
  .welcome-heading h1,.lender-hero h1{font-size:32px}.audience-card{grid-template-columns:85px 1fr}.audience-copy{padding:17px 14px}.audience-copy h2{font-size:21px}
}