/* Homepage product introduction; shared navigation and content layouts stay independent. */
.hero.hero-product{padding:56px 0;background:linear-gradient(160deg,#f5f8ff,#fff 70%)}
.hero.hero-product .wrap{width:min(var(--wrap),100% - 48px);max-width:var(--wrap);margin:0 auto}
.hero-product-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:42px;align-items:center}
.hero-product .hero-version{background:#eaf2ff;color:#18489a;border-color:#cbdcf5;backdrop-filter:none;margin-bottom:18px}
.hero.hero-product h1{font-size:clamp(27px,2.5vw,38px);line-height:1.3;letter-spacing:-.02em;margin:0 0 18px}
.hero-product .hero-subtitle{font-size:clamp(28px,3vw,40px);line-height:1.35;margin-bottom:18px;max-width:16em}
.hero-product .hero-description{font-size:17px;line-height:1.8}
.hero-product .cta-row{gap:10px;margin-top:24px}
.hero-product-intro{margin:18px 0 0;font-size:14px}
.hero-product-preview{margin:0;min-width:0}
.hero-product-preview img{display:block;width:100%;height:auto;border:1px solid #dce4f0;border-radius:12px;box-shadow:0 18px 50px rgba(23,32,51,.12);background:#fff}
.hero-product-preview figcaption{margin-top:12px;color:var(--muted);font-size:13px;text-align:center}
@media(max-width:920px){.hero.hero-product{padding:36px 0}.hero-product-grid{grid-template-columns:1fr;gap:28px}.hero-product .hero-subtitle{max-width:24em}}
@media(max-width:480px){.hero.hero-product .wrap{width:calc(100% - 32px)}.hero.hero-product h1{font-size:27px}.hero-product .hero-subtitle{font-size:29px}.hero-product .hero-description{font-size:16px}.hero-product .cta-row .button{flex:1 1 auto}.hero-product-preview figcaption{font-size:12px}}