.product-header { padding-top:24px; }
.product-hero { display:grid; grid-template-columns:1.2fr 1fr; gap:48px; padding-block:72px; align-items:start; }
.product-eyebrow { color:var(--green); font-size:14px; margin-bottom:32px; }
.product-hero h1 { font-family:Inter,Arial,sans-serif; font-size:64px; line-height:1.1; font-weight:600; letter-spacing:-1.8px; }
.product-intro { color:var(--muted); font-family:Inter,Arial,sans-serif; font-size:18px; line-height:1.6; margin:28px 0; }
.product-diagram { background:var(--lime); border-radius:32px; padding:32px; margin-top:48px; }
.product-diagram-icon { display:grid; place-items:center; width:160px; height:160px; border-radius:50%; background:#fff; margin:0 auto 24px; }
.product-diagram-icon svg { width:96px; height:96px; stroke-width:2.5; }
.product-diagram ul { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:24px; }
.product-diagram li { background:#fff; border-radius:16px; padding:14px; text-align:center; font-family:Inter,Arial,sans-serif; font-size:14px; font-weight:600; }
.product-overview { background:var(--cream); padding:72px 0; }
.product-page h2 { font-size:40px; font-weight:600; line-height:1.25; letter-spacing:-1px; }
.product-overview p { color:var(--muted); font-family:Inter,Arial,sans-serif; font-size:18px; line-height:1.6; margin-top:24px; }
.product-features { padding-block:80px; }
.product-features h2 { margin-bottom:32px; }
.product-features-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:start; }
.product-checks { list-style:none; padding:0; margin:0; font-family:Inter,Arial,sans-serif; font-size:18px; line-height:1.6; color:var(--muted); }
.product-checks li { position:relative; padding-left:32px; margin-bottom:20px; }
.product-checks li:last-child { margin-bottom:0; }
.product-checks li:before { content:'✓'; position:absolute; left:0; color:var(--green); }
.product-preview { padding:20px; border-radius:24px; background:var(--cream); }
.product-preview figcaption { font-size:16px; color:var(--green); font-weight:600; margin-bottom:14px; }
.product-preview img { width:100%; height:auto; border-radius:12px; }
.product-benefits { padding:72px 0; background:var(--cream); }
.product-benefits-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:start; }
.product-benefits article { background:#fff; border-radius:24px; padding:28px; }
.product-benefits svg { color:var(--green); width:48px; height:48px; margin-bottom:24px; }
.product-benefits h3 { font-family:Inter,Arial,sans-serif; font-size:20px; font-weight:400; line-height:1.4; margin-bottom:24px; }
.product-benefits p { color:var(--muted); font-family:Inter,Arial,sans-serif; font-size:18px; line-height:1.6; }
@media(max-width:1199px) {
    .product-hero h1 { font-size:52px; }
    .product-hero { gap:32px; }
    .product-features-grid { gap:28px; }
}
@media(max-width:900px) {
    .product-hero,.product-features-grid,.product-benefits-grid { grid-template-columns:minmax(0,1fr); }
    .product-diagram { margin-top:0; }
    .product-hero { gap:40px; padding-block:56px; }
    .product-page .desktop-break { display:none; }
    .product-overview,.product-benefits { padding-block:56px; }
    .product-features { padding-block:56px; }
}
@media(max-width:600px) {
    .product-header { padding-top:14px; }
    .product-hero { padding-block:40px 48px; gap:32px; }
    .product-eyebrow { margin-bottom:24px; }
    .product-hero h1 { font-size:40px; letter-spacing:-1px; }
    .product-intro { font-size:17px; margin:24px 0; }
    .product-diagram { padding:24px; border-radius:24px; }
    .product-diagram-icon { width:128px; height:128px; }
    .product-diagram-icon svg { width:76px; height:76px; }
    .product-diagram li { font-size:14px; }
    .product-diagram ul { gap:18px; }
    .product-page h2 { font-size:30px; letter-spacing:-.6px; }
    .product-overview,.product-features,.product-benefits { padding-block:48px; }
    .product-overview p,.product-checks,.product-benefits p { font-size:17px; }
    .product-preview { padding:18px; border-radius:20px; }
    .product-benefits article { padding:24px; border-radius:20px; }
    .product-page .footer nav { grid-template-columns:1fr; gap:0; }
    .product-page .footer .actions { flex-direction:column; }
}

.product-benefit-wide { grid-column:1 / -1; }
.product-benefits .product-plan-note { color:var(--forest); font-size:16px; font-weight:600; margin-top:24px; }