/* Approved homepage / consumer design components. Scoped to these pages. */
body[data-brand-refresh] .how{background:var(--heritage-lilac);border:0}
body[data-brand-refresh] .steps-grid{gap:38px;margin-top:45px}
body[data-brand-refresh] .step{padding-top:0}
body[data-brand-refresh] .step-index{width:76px;height:76px;display:block;border:0;border-radius:0;font-size:0;margin-bottom:26px;background:transparent url("images/heritage/step-1.svg") no-repeat center;background-size:contain}
body[data-brand-refresh] .step:nth-child(2) .step-index{background-image:url("images/heritage/step-2.svg")}
body[data-brand-refresh] .step:nth-child(3) .step-index{background-image:url("images/heritage/step-3.svg")}
body[data-brand-refresh] .step:nth-child(4) .step-index{background-image:url("images/heritage/step-4.svg")}
body[data-brand-refresh] .step:first-child .step-index{background:transparent url("images/heritage/step-1.svg") no-repeat center/contain}
body[data-brand-refresh] .step:last-child .step-index{background:transparent url("images/heritage/step-4.svg") no-repeat center/contain}
body[data-brand-refresh] .step:not(:last-child)::after{background:transparent url("images/heritage/step-arrow.svg") no-repeat center;background-size:contain;width:38px;height:27px;left:auto;right:5px;top:27px}
body[data-brand-refresh] .step h3{font-size:18px;font-weight:650;line-height:1.5;max-width:230px;margin-bottom:14px}
body[data-brand-refresh] .step p{font-size:13px;line-height:1.9;color:#545167}
body[data-brand-refresh] .how-note{border-color:#d6d3e8;color:#545167;font-size:12px;margin-top:35px}
body[data-brand-refresh] .why{background:#fff}
body[data-brand-refresh] .why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body[data-brand-refresh] .reason{position:relative;isolation:isolate;overflow:hidden;display:block;border:0;border-radius:14px;padding:30px 28px 42px;min-height:235px;background:#fae5e4}
body[data-brand-refresh] .reason:nth-child(2),body[data-brand-refresh] .reason:nth-child(3){background:#eae7fa}
body[data-brand-refresh] .reason:nth-child(4),body[data-brand-refresh] .reason:nth-child(5){background:#f2f6d8}
body[data-brand-refresh] .reason::after{content:"";position:absolute;z-index:-1;right:-15px;bottom:-28px;width:165px;height:165px;background:url("images/heritage/clock-card-icon.svg") no-repeat center;background-size:contain}
body[data-brand-refresh] .reason:nth-child(2)::after{background-image:url("images/heritage/money-card-icon.svg")}
body[data-brand-refresh] .reason:nth-child(3)::after{background-image:url("images/heritage/human-card-icon.svg")}
body[data-brand-refresh] .reason:nth-child(4)::after,body[data-brand-refresh] .reason:nth-child(6)::after{background-image:url("images/heritage/shield-card-icon.svg")}
body[data-brand-refresh] .reason:nth-child(5)::after{background-image:url("images/heritage/sun-card-icon.svg")}
body[data-brand-refresh] .reason>.icon{display:none}
body[data-brand-refresh] .reason h3{font-size:19px;font-weight:650;line-height:1.5;margin:0 0 15px}
body[data-brand-refresh] .reason p{font-size:13px;line-height:1.95;color:#3f4445;max-width:300px}
body[data-brand-refresh] .about{background:#fcfaf8}
body[data-brand-refresh] .about-portrait{border-radius:16px;box-shadow:none}
body[data-brand-refresh] .about-stats strong{color:#d7473f;font-weight:500}
body[data-brand-refresh] .data{background:var(--heritage-lilac);color:#172b2c}
body[data-brand-refresh] .data h2{color:#172b2c}
body[data-brand-refresh] .data-desc{color:#555569}
body[data-brand-refresh] .data-grid>div{border-color:#cecbdf;padding-block:28px}
body[data-brand-refresh] .data-grid strong{font-size:49px;font-weight:450;color:#e24940!important;letter-spacing:-.04em}
body[data-brand-refresh] .data-grid span{font-size:13px;color:#27383b}
body[data-brand-refresh] .data-grid small{font-size:11px;color:#5b5a6b}
body[data-brand-refresh] .data-source{border-color:#cecbdf}
body[data-brand-refresh] .data-source summary,body[data-brand-refresh] .data-source p{color:#454558}
body[data-brand-refresh] .cta{background:#fae5e4;color:#172b2c}
body[data-brand-refresh] .cta h2{color:#172b2c}
body[data-brand-refresh] .cta p{color:#665452}
body[data-brand-refresh] .cta .button{background:var(--coral);color:#172b2c}
@media  (max-width:1100px){body[data-brand-refresh] .why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media  (max-width:700px){body[data-brand-refresh] .steps-grid{gap:30px;margin-top:35px}
body[data-brand-refresh] .step{padding:0 0 25px 87px;min-height:130px}
body[data-brand-refresh] .step-index{position:absolute;left:0;top:2px;width:55px;height:55px;margin:0}
body[data-brand-refresh] .step:not(:last-child)::after{width:24px;height:27px;left:16px;top:90px;right:auto;bottom:auto;transform:rotate(90deg)}
body[data-brand-refresh] .step h3{font-size:18px;max-width:none}
body[data-brand-refresh] .step p{font-size:13px}
body[data-brand-refresh] .why-grid{grid-template-columns:1fr;gap:15px}
body[data-brand-refresh] .reason{padding:28px;min-height:190px}
body[data-brand-refresh] .reason p{max-width:300px}
body[data-brand-refresh] .data-grid strong{font-size:36px}
body[data-brand-refresh] .data-grid span{font-size:12px}}
@media  (max-width:360px){body[data-brand-refresh] .step{padding-left:72px}
body[data-brand-refresh] .data-grid strong{font-size:29px}}