/* Approved homepage / consumer design components. Scoped to these pages. */
body[data-brand-refresh]{--heritage-pink:#fae1e1;--heritage-lilac:#eae9f7;--heritage-lime:#f4f8db}
body[data-brand-refresh]{--heritage-pink:#fae1e1;--heritage-lilac:#eae9f7;--heritage-lime:#f4f8db}
body[data-brand-refresh] .section:is(.how,.why,.data,.about){padding-block:72px}
body[data-brand-refresh] :is(.how,.why,.data) h2{font-size:35px;line-height:1.3;font-weight:600;letter-spacing:-.02em}
body[data-brand-refresh] :is(.partners,.consumer-partners){padding-block:20px;background:#fff;border:0}
body[data-brand-refresh] :is(.partners,.consumer-partners) .partners-inner{display:flex;gap:30px;align-items:center;padding:18px 28px;min-height:90px;border:1px solid #e8e2df;border-radius:45px}
body[data-brand-refresh] .partner-logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:25px;align-items:center;flex:1;min-width:0}
body[data-brand-refresh] .partner-logos img{max-width:100%;width:auto;max-height:35px;height:auto;object-fit:contain;justify-self:center}
body[data-brand-refresh] .partners-inner>span{min-width:125px;flex-shrink:0}
body[data-brand-refresh] .free-box{background:#f3f6df;border:0;border-radius:16px;padding:30px;gap:26px;align-items:start}
body[data-brand-refresh] .free-box .free-symbol{color:#596a37;font-weight:450}
body[data-brand-refresh] .free-box h3{font-size:19px;font-weight:650;line-height:1.5}
body[data-brand-refresh] .free-box p{font-size:13px;line-height:1.95;color:#46503b}
body[data-brand-refresh] .free-box a{color:#425534}
@media (max-width:900px){body[data-brand-refresh] .partner-logos{gap:18px}
body[data-brand-refresh] .partners-inner>span{min-width:105px}}
@media (max-width:700px){body[data-brand-refresh] .section:is(.how,.why,.data,.about){padding-block:45px}
body[data-brand-refresh] :is(.how,.why,.data) h2{font-size:28px;line-height:1.35}
body[data-brand-refresh] :is(.partners,.consumer-partners){padding-block:10px}
body[data-brand-refresh] :is(.partners,.consumer-partners) .partners-inner{display:flex;flex-wrap:wrap;gap:20px;padding:18px 0;border:0;border-radius:0;min-height:0}
body[data-brand-refresh] .partners-inner>span{width:100%;font-size:11px;line-height:1.7;min-width:0}
body[data-brand-refresh] .partner-logos{flex:auto;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 20px;min-height:78px}
body[data-brand-refresh] .partner-logos img{max-width:95px;max-height:27px}
body[data-brand-refresh] .free-box{padding:24px;gap:20px}
body[data-brand-refresh] .free-box .free-symbol{font-size:62px;flex-shrink:0}
body[data-brand-refresh] .free-box h3{font-size:18px}
body[data-brand-refresh] .how .steps-grid{gap:24px}
body[data-brand-refresh] .how .step{padding:0 0 18px 76px;min-height:120px}
body[data-brand-refresh] .how .step-index{width:49px;height:49px}
body[data-brand-refresh] .how .step:not(:last-child)::after{left:13px;top:82px;width:22px;height:25px}
body[data-brand-refresh] .how .step h3{font-size:17px;line-height:1.5}
body[data-brand-refresh] .how .step p{font-size:13px;line-height:1.85}
body[data-brand-refresh] .why .reason{padding:25px;min-height:190px}
body[data-brand-refresh] .why .reason h3{font-size:18px}
body[data-brand-refresh] .why .reason p{font-size:14px;line-height:1.85}}

/* Owner removed the oversized single-person portrait; keep the original company copy. */
body[data-brand-refresh] .about-grid.about-without-portrait{grid-template-columns:1fr;max-width:900px;}

/* Four equally weighted real portraits, within the existing company section. */
body[data-brand-refresh] .about-grid.about-with-team{grid-template-columns:minmax(0,1fr) 380px;gap:76px;align-items:center;}
body[data-brand-refresh] .home-team{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;min-width:0;}
body[data-brand-refresh] .home-team-person{margin:0;text-align:center;min-width:0;}
body[data-brand-refresh] .home-team-photo{width:108px;height:108px;margin:0 auto 15px;overflow:hidden;border-radius:50%;background:#e8e5e3;}
body[data-brand-refresh] .home-team-photo img{width:100%;height:100%;object-fit:cover;object-position:center;}
body[data-brand-refresh] .home-team-photo img.home-team-photo-angel{transform:scale(1.5);transform-origin:50% 43%;}
body[data-brand-refresh] .home-team-person strong{display:block;font-size:17px;font-weight:600;line-height:1.4;color:#172c2d;}
body[data-brand-refresh] .home-team-person figcaption span{display:block;max-width:175px;min-height:44px;margin:5px auto 0;font-size:11px;line-height:1.8;color:#63636b;}
@media(max-width:1000px){body[data-brand-refresh] .about-grid.about-with-team{grid-template-columns:minmax(0,1fr) 320px;gap:38px;}}
@media(max-width:700px){body[data-brand-refresh] .about-grid.about-with-team{grid-template-columns:1fr;gap:34px;}body[data-brand-refresh] .home-team{width:100%;max-width:380px;margin:auto;gap:22px 18px;}body[data-brand-refresh] .home-team-photo{width:96px;height:96px;}}

/* Owner's homepage refinement: readable supporting text and calmer spacing. */
body[data-home-refinement] .hero-grid{padding-block:76px;gap:70px;}
body[data-home-refinement] .hero h1{margin-bottom:30px;line-height:1.24;}
body[data-home-refinement] .hero-desc{color:#41494a;font-size:16px;line-height:1.9;max-width:510px;}
body[data-home-refinement] .hero-press{margin-top:34px;padding-top:26px;}
body[data-home-refinement] .hero-press>span{color:#505758;font-size:11px;}
body[data-home-refinement] .offer-tabs button:not([aria-selected=true]),
body[data-home-refinement] .credit-tabs button:not([aria-selected=true]){color:#505758;}
body[data-home-refinement] .range-group label{color:#41494a;font-size:13px;}
body[data-home-refinement] .range-limits{color:#505758;font-size:11px;}
body[data-home-refinement] .offer-note{color:#505758;font-size:11px;margin-top:19px;line-height:1.7;}
body[data-home-refinement] .consumer{padding-block:30px 25px;}
body[data-home-refinement] .offer-license{font-size:11px;line-height:1.7;padding-block:18px;}
@media(max-width:700px){
 body[data-home-refinement] .hero-grid{padding-block:50px 48px;gap:40px;}
 body[data-home-refinement] .hero-desc{font-size:15px;line-height:1.85;}
 body[data-home-refinement] .hero-press{margin-top:30px;padding-top:24px;}
 body[data-home-refinement] .consumer{padding:28px 25px 24px;}
 body[data-home-refinement] .credit-tabs button{font-size:11px;}
}
