.hero-product{max-width:1120px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:3rem;text-align:left;margin:4rem auto 3.5rem;padding:0 1.5rem}
.hero-product h1{font-size:clamp(2.6rem,5vw,4rem)}
.hero-product .subtitle{margin:0 0 1.4rem}
.hero-product .actions{justify-content:flex-start}
.hero-visual,.showcase-visual{margin:0;min-width:0}
.hero-visual img,.showcase-visual img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid rgba(255,255,255,.14);box-shadow:0 22px 55px rgba(0,0,0,.28)}
.hero-visual figcaption{color:#a6b1c2;font-size:.88rem;margin-top:.8rem}
.showcase-band{width:100vw;margin-left:calc(50% - 50vw);padding:clamp(3rem,7vw,5.5rem) max(1.5rem,calc((100vw - 1120px)/2));background:#f5f7fb;color:#111827}
.showcase-band:nth-of-type(even){background:#fff}
.showcase-inner{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(2rem,5vw,4rem)}
.showcase-inner.reverse .showcase-visual{order:2}
.showcase-inner.reverse .showcase-copy{order:1}
.showcase-visual a{display:block}
.showcase-visual img{border-color:#dce2eb;box-shadow:0 18px 45px rgba(15,23,42,.14)}
.showcase-visual figcaption{font-size:.82rem;color:#5b6472;margin-top:.65rem}
.showcase-copy .eyebrow{color:#1762be}
.showcase-copy h2{font-size:clamp(1.8rem,3.5vw,2.7rem);line-height:1.15;letter-spacing:-.035em;margin:.35rem 0 1rem}
.showcase-copy p:not(.eyebrow){color:#4b5563;font-size:1.06rem}
@media(max-width:820px){.hero-product{grid-template-columns:1fr;gap:2rem}.hero-product .hero-copy{text-align:center}.hero-product .actions{justify-content:center}.showcase-inner{grid-template-columns:1fr;gap:1.6rem}.showcase-inner.reverse .showcase-visual,.showcase-inner.reverse .showcase-copy{order:initial}.showcase-band{padding:3rem 1.2rem}}
body{overflow-x:clip}