.product-header { border-bottom: 1px solid var(--line); }
.product-header .site-header { max-width: 1160px; }
.product-hero { padding: 88px 0 70px; max-width: 850px; }
.product-hero h1 { max-width: 820px; font-size: clamp(39px, 5vw, 64px); }
.product-lead { max-width: 720px; color: var(--muted); font-size: 18px; }
.product-section { padding: 65px 0; border-top: 1px solid var(--line); }
.product-section h2 { font-size: clamp(27px, 3vw, 39px); letter-spacing: -2px; max-width: 740px; }
.product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 30px; }
.product-grid div { border-left: 2px solid var(--ink); padding: 5px 0 5px 16px; }
.product-grid h3 { font-size: 15px; margin-bottom: 5px; }.product-grid p { color: var(--muted); font-size: 13px; margin: 0; }
.product-faq { padding: 65px 0 100px; }.product-faq details { border-top: 1px solid var(--line); padding: 19px 0; }.product-faq details:last-child { border-bottom: 1px solid var(--line); }.product-faq summary { cursor: pointer; font-weight: 700; }.product-faq p { max-width: 760px; color: var(--muted); font-size: 14px; margin: 13px 0 0; }
.product-cta { background: var(--navy); color: #fff; padding: 64px 0; }.product-cta h2 { font-size: clamp(29px, 3vw, 42px); letter-spacing: -2px; margin-bottom: 14px; }.product-cta p { color: #d6e0df; }.product-cta .button { margin-top: 12px; background: #fff; color: var(--navy); }.product-cta .button:hover { background: var(--paper); }
@media (max-width: 760px) { .product-hero { padding: 60px 0 50px; }.product-grid { grid-template-columns: 1fr; gap: 16px; }.product-section, .product-faq { padding: 50px 0; } }