.bp-hero{padding:5rem 1.5rem 4rem;text-align:center}.bp-hero h1{margin-bottom:1.25rem;letter-spacing:-.03em}.bp-hero-subtitle{font-size:1.0625rem;color:var(--text-muted);max-width:640px;margin:0 auto 3rem;line-height:1.7}.bp-hero-image{width:min(100%,50vw);max-width:768px;margin:0 auto}.bp-hero-image img{width:100%;height:auto;border-radius:var(--radius-lg);display:block}.bp-feature-section{padding:4rem 1.5rem}.bp-feature-split{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:var(--max-width);margin:0 auto}.bp-feature-heading{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.bp-feature-icon{width:3.5rem;height:3.5rem;flex-shrink:0;background:var(--card-bg);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;padding:.5rem}.bp-feature-icon img{width:100%;height:100%;object-fit:contain}.bp-feature-text h2{margin-bottom:0}.bp-feature-text p{color:var(--text-muted);line-height:1.7;margin-bottom:1rem}.bp-feature-text p:last-child{margin-bottom:0}.bp-feature-image img{width:100%;height:auto;border-radius:var(--radius-lg);display:block}.bp-grid-section{padding:5rem 1.5rem}.bp-grid-heading{margin-bottom:3rem}.bp-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem;max-width:var(--max-width);margin:0 auto}.bp-grid-card{display:grid;grid-template-columns:2.5rem 1fr;column-gap:.75rem;padding:.5rem 0}.bp-grid-card-icon{width:2.5rem;height:2.5rem;grid-column:1;grid-row:1;align-self:center}.bp-grid-card-icon img{width:100%;height:100%;object-fit:contain}.bp-grid-card h3{font-size:1.35rem;grid-column:2;grid-row:1;align-self:center}.bp-grid-card p{font-size:.9375rem;color:var(--text-muted);line-height:1.7;grid-column:1 / -1;margin-top:.5rem}@media(max-width:900px){.bp-hero{padding:3rem 1.5rem 2.5rem}.bp-hero-image{display:none}.bp-feature-split{grid-template-columns:1fr;gap:2rem}.bp-feature-text{order:-1}.bp-feature-section{padding:2.5rem 1.5rem}.bp-features-grid{grid-template-columns:1fr}.bp-grid-section{padding:3rem 1.5rem}}@media(max-width:640px){.bp-hero{padding:2.5rem 0 2rem}.bp-grid-section{padding:2.5rem 0}}
