/* Product pages only: keep the corporate site's shared styles unchanged. */
.product-page {--product-line:#d4dfd8;}
.product-page .product-main {padding:0;}
.product-page h1,.product-page h2,.product-page h3 {display:block; color:var(--yaeh-ink,#19211d); font-weight:500; letter-spacing:-.035em; line-height:1.4;}
.product-page h1::before,.product-page h1::after,.product-page h2::before,.product-page h2::after {display:none;}
.product-page h1 {margin:0 0 1.5rem; font-size:clamp(2.7rem,6vw,6.5rem);}
.product-page h2 {margin:0 0 1.5rem; font-size:clamp(1.8rem,3vw,3.1rem);}
.product-page h3 {margin:0 0 .8rem; font-size:1.3rem;}
.product-page p {line-height:1.95;}
.product-page .product-breadcrumb {display:flex; flex-wrap:wrap; gap:.5rem; padding:1.25rem clamp(24px,6vw,96px); margin:0; list-style:none; font-size:.8rem; color:var(--yaeh-muted);}
.product-breadcrumb a {text-underline-offset:.25em;}
.product-breadcrumb li:not(:last-child)::after {content:"/"; margin-left:.5rem;}
.product-hero {display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:clamp(32px,5vw,80px); padding:clamp(40px,7vw,110px) clamp(24px,6vw,96px); background:#f4f7f5;}
.product-page .product-kicker {margin:0 0 1.3rem; color:var(--yaeh-green); font-size:.8rem; font-weight:600; letter-spacing:.18em;}
.product-page .product-tagline {font-size:clamp(1.5rem,2.6vw,2.5rem); color:var(--yaeh-green); line-height:1.6;}
.product-page .product-status {display:inline-flex; padding:.3rem .85rem; border:1px solid #9ab3a5; border-radius:2px; color:var(--yaeh-green); font-size:.8rem; letter-spacing:.1em;}
.product-page .product-visual {margin:0; min-width:0;}
.product-visual img {display:block; width:100%; height:auto; border-radius:4px;}
.product-page .product-visual figcaption {margin-top:.8rem; color:#516159; font-size:.78rem; line-height:1.8;}
.product-actions {display:flex; flex-wrap:wrap; align-items:center; gap:1rem 1.5rem; margin-top:2rem;}
.product-page .product-button {display:inline-flex; gap:1.4rem; align-items:center; justify-content:space-between; max-width:100%; border:1px solid var(--yaeh-green); background:var(--yaeh-green); color:#fff; padding:.9rem 1.3rem; text-decoration:none; border-radius:3px; font-size:.9rem;}
.product-page .product-button:hover {background:#245342;}
.product-page .product-link {color:var(--yaeh-green); text-underline-offset:.3em; font-size:.9rem;}
.product-page a:focus-visible,.product-page summary:focus-visible {outline:3px solid #619b7b; outline-offset:5px;}
.product-page .product-section {padding:clamp(56px,8vw,115px) clamp(24px,8vw,128px); scroll-margin-top:100px;}
.product-section.soft {background:#f4f7f5;}
.product-page .product-intro {max-width:800px;}
.product-page .product-note {font-size:.85rem; color:#516159;}
.product-feature-grid {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:2.5rem;}
.product-feature-grid article {border-top:1px solid var(--product-line); padding:1.5rem 0;}
.product-page .product-number {font-size:.75rem; letter-spacing:.15em; color:var(--yaeh-green); margin-bottom:1rem;}
.product-scenarios {display:grid; grid-template-columns:1fr 1fr; gap:clamp(24px,6vw,80px);}
.product-scenarios article {padding-top:2rem; border-top:1px solid var(--product-line);}
.product-specs {margin:2rem 0; max-width:900px;}
.product-specs > div {display:grid; grid-template-columns:180px minmax(0,1fr); gap:1.5rem; padding:1.1rem 0; border-bottom:1px solid var(--product-line);}
.product-specs dt {font-weight:600;}
.product-specs dd {margin:0;}
.product-page .product-price {font-size:clamp(2rem,4vw,3.8rem); color:var(--yaeh-green); margin:1.5rem 0 .5rem; line-height:1.5;}
.product-price small {font-size:1rem;}
.product-faq {max-width:950px;}
.product-faq details {border-top:1px solid var(--product-line); padding:1.3rem 0;}
.product-faq details:last-child {border-bottom:1px solid var(--product-line);}
.product-faq summary {cursor:pointer; font-weight:600; padding-right:1rem;}
.product-faq details p {color:#516159; margin-bottom:.3rem;}
.product-page .product-callout {background:var(--yaeh-green); color:#fff;}
.product-callout h2,.product-callout .product-kicker {color:#fff;}
.product-callout .product-button {background:#fff; color:var(--yaeh-green); border-color:#fff;}
.product-callout .product-link {color:#fff;}
.product-card {display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(24px,5vw,80px); align-items:center;}
.product-card img {width:100%; height:auto; display:block; border-radius:4px;}
.product-subnav {display:flex; flex-wrap:wrap; gap:.8rem 1.6rem; padding:1.5rem clamp(24px,6vw,96px); border-block:1px solid var(--product-line); font-size:.85rem;}
.product-subnav a {color:var(--yaeh-green); text-underline-offset:.3em;}
@media(min-width:901px) {.product-page.large-screen .yaeh-header #menubar > nav > ul {gap:clamp(.8rem,1.5vw,1.8rem);}}
@media(max-width:900px) {.product-hero,.product-card {grid-template-columns:1fr;} .product-feature-grid {grid-template-columns:1fr 1fr;} .product-visual {max-width:650px;} }
@media(max-width:600px) {.product-feature-grid,.product-scenarios {grid-template-columns:1fr;} .product-specs > div {grid-template-columns:1fr; gap:.3rem;} .product-actions {align-items:stretch; flex-direction:column;} .product-button {width:100%;} .product-page h1 {font-size:clamp(2.4rem,11vw,3.5rem);} .product-subnav {gap:.75rem 1.2rem;} }