.product-hero .subpage-visual{background:radial-gradient(ellipse at center,#d9eff4,#a7c5de)}
.product-hero .subpage-visual>img{object-fit:fill;padding:4.5% 6% 15%}
.product-hero .product-cover-visual.subpage-visual>img{object-fit:cover;padding:0}


.product-hero .hero-bottom{width:100%;display:flex;justify-content:center}
.product-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}
.product-steps article{padding:32px;border:1px solid var(--border);border-radius:24px;background:var(--glass)}
.step-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#245bff20;color:var(--cyan);font-size:30px;margin-bottom:24px}
.product-steps h3{font-size:1.5rem;margin-bottom:16px}
.product-steps p,.product-context p,.product-faq p{color:var(--muted);line-height:1.8}
.product-context{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.product-context .eyebrow{color:var(--cyan);margin-bottom:20px}
.product-context .text-link{display:inline-block;margin-top:24px}
.product-faq details{margin-top:16px;padding:24px;border:1px solid var(--border);border-radius:18px;background:var(--glass)}
.product-faq summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-weight:600}
.product-faq summary::-webkit-details-marker{display:none}
.product-faq details p{margin-top:20px;max-width:800px}
.product-faq details[open]{border-color:var(--cyan)}
.product-faq details[open] summary span{transform:rotate(45deg)}
@media(max-width:720px){.product-steps,.product-context{grid-template-columns:1fr;gap:20px}.product-steps article{padding:24px}.product-hero .subpage-visual>img{padding:4.5% 6% 27.5%}.product-hero .lab-lead{font-size:1rem}.product-faq details{padding:20px}}
.step-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}