/* by- : buyer-first layer (hero example, checklist, CTA band) */
.by-hero .by-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center}
.page-hero.by-hero h1{max-width:none;font-size:clamp(2.5rem,4.6vw,4.2rem);line-height:1}
.by-hero .lead{max-width:600px}
.by-checks{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px;max-width:600px}
.by-checks li{position:relative;padding-left:30px;font-size:17px;line-height:1.5;color:var(--navy)}
.by-checks li:before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:#22a45d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-6.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}
.by-fine{margin:14px 0 0;font-size:14.5px;color:var(--ink3);line-height:1.5}
.by-ex{border:1px solid #b9d0f5;border-radius:22px;background:#fff;box-shadow:0 24px 70px rgba(29,76,133,.12);padding:22px;display:grid;gap:12px;min-width:0}
.by-ex__lab{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);font-weight:600}
.by-ex__q{justify-self:end;max-width:92%;background:var(--blue);color:#fff;border-radius:16px 16px 5px 16px;padding:13px 16px;font-size:15.5px;line-height:1.5}
.by-ex__a{max-width:96%;background:var(--soft);color:#244767;border-radius:16px 16px 16px 5px;padding:13px 16px;font-size:15.5px;line-height:1.55}
.by-ex__a b{color:var(--navy)}
.by-ex__p{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line2);padding-top:12px;font-size:14.5px;color:var(--ink2)}
.by-ex__p b{color:#1d7a43;font-weight:600}
.by-ex__p span{min-width:0}
.by-lead{font-size:19px;line-height:1.65;color:var(--ink2);max-width:720px;margin:0 0 22px}
.by-cta{padding:84px 0;background:linear-gradient(135deg,#1c5fd6,#2467e8 55%,#3f86ff);color:#fff;text-align:center}
.by-cta h2{font-size:clamp(2rem,4.2vw,3.6rem);font-weight:300;letter-spacing:-.05em;line-height:1.02;margin:0 0 14px;color:#fff}
.by-cta p{font-size:19px;line-height:1.6;max-width:640px;margin:0 auto;color:#e4eeff}
.by-cta .btn-row{justify-content:center}
.by-cta .pill{background:#fff;color:#1654c0;border-color:#fff;box-shadow:none}
.by-cta .pill.by-cta__alt{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
.by-cta ul{list-style:none;padding:0;margin:22px auto 0;display:flex;gap:10px 26px;justify-content:center;flex-wrap:wrap;font-size:15.5px;color:#e4eeff}
.by-cta li:before{content:"\2713\00a0";font-weight:700}
.by-save{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.by-save div{border:1px solid #cfe0f7;border-radius:16px;background:#fff;padding:20px 22px;min-width:0}
.by-save b{display:block;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:300;letter-spacing:-.04em;color:var(--blue);line-height:1.1}
.by-save span{display:block;margin-top:6px;font-size:15px;line-height:1.5;color:var(--ink2)}
.by-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
@media(max-width:900px){.by-hero .by-grid{grid-template-columns:minmax(0,1fr);gap:30px}.by-save,.by-two{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){.by-cta{padding:60px 0}.by-ex{padding:16px}.by-checks li{font-size:16px}}