:root{--product-ink:#123f4d;--product-blue:#0d546e;--product-cyan:#69c8ee;--product-green:#4ab77a;--product-mint:#eef8f4;--product-line:#d6e7e6;--product-muted:#60777a}
body{background:#f7fbfa;color:var(--product-ink)}
.product-breadcrumb{background:#fff;border-bottom:1px solid var(--product-line);padding:16px 0}
.product-breadcrumb .shell{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--product-muted)}
.product-breadcrumb a{color:var(--product-blue);text-decoration:none}.product-breadcrumb strong{font-weight:700}
.product-hero{min-height:640px;display:flex;align-items:center;background:radial-gradient(circle at 78% 28%,rgba(105,200,238,.22),transparent 28rem),linear-gradient(135deg,#f8fcfb 0%,#e7f5f2 100%);overflow:hidden;padding:78px 0 70px}
.product-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr);align-items:center;gap:68px}
.product-copy .eyebrow,.analysis-section .eyebrow{color:#278397}
.product-copy h1{font-size:clamp(46px,6vw,82px);line-height:1.02;letter-spacing:-.04em;margin:14px 0 26px;color:#0b3442}
.product-copy h1 span{font-size:.55em;letter-spacing:-.025em;color:#196a76}
.product-lead{max-width:660px;color:#496b70;font-size:18px;line-height:1.85;margin:0 0 26px}
.product-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}.product-tags span{background:#fff;border:1px solid #cfe4e1;border-radius:999px;padding:9px 14px;font-size:14px;color:#245d65;box-shadow:0 8px 24px rgba(17,84,100,.06)}
.product-actions{display:flex;align-items:center;gap:24px}.product-actions .text-link{color:#11677a;font-weight:800;text-decoration:none}
.product-pack{margin:0;text-align:center;position:relative}.product-pack:before{content:"";position:absolute;inset:12% 8% 8%;background:radial-gradient(ellipse,rgba(47,132,146,.18),transparent 67%);filter:blur(14px)}
.product-pack img{position:relative;width:min(100%,570px);height:auto;display:block;margin:auto;filter:drop-shadow(0 28px 28px rgba(12,56,68,.22))}.product-pack figcaption{font-size:13px;color:#738688;margin-top:8px}
.sub-heading.compact>p:last-child{max-width:720px;color:var(--product-muted);line-height:1.8}
.fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}.fact-grid article{background:#f6fbf9;border:1px solid var(--product-line);border-radius:12px;padding:22px;min-height:118px}.fact-grid span{display:block;color:#6e8283;font-size:13px;margin-bottom:10px}.fact-grid strong{font-size:17px;line-height:1.55;color:#153f49}
.analysis-section{background:linear-gradient(140deg,#eef8f5,#e9f4f6)}.analysis-layout{display:block}
.analysis-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}.analysis-grid article{background:#fff;border:1px solid var(--product-line);border-radius:12px;padding:22px 14px;text-align:center}.analysis-grid b{display:block;color:#0f6375;font-size:21px;margin-bottom:8px}.analysis-grid span{font-size:14px;color:#536d70}.data-note{color:#6e8183;font-size:13px;margin-top:16px}
.two-column-info{display:grid;grid-template-columns:1fr 1fr;gap:26px}.two-column-info article{border-top:4px solid var(--product-cyan);background:#f7fbfa;padding:30px;border-radius:3px 3px 14px 14px}.two-column-info h2{font-size:28px;margin:10px 0 18px}.two-column-info p,.two-column-info li{color:#557073;line-height:1.85}.two-column-info ul{margin:0;padding-left:1.2em}.notice-strip .shell{display:flex;align-items:center;gap:22px}.notice-strip p{flex:1}.button.light{background:#fff;color:#0d546e}
@media(max-width:900px){.product-hero{min-height:auto;padding:52px 0}.product-hero-grid{grid-template-columns:1fr;gap:38px}.product-copy{order:1}.product-pack{order:2}.product-pack img{max-width:510px}.fact-grid{grid-template-columns:repeat(2,1fr)}.analysis-grid{grid-template-columns:repeat(2,1fr)}.two-column-info{grid-template-columns:1fr}.notice-strip .shell{display:block}.notice-strip .button{display:inline-block;margin-top:16px}}
@media(max-width:620px){.product-breadcrumb .shell{width:min(100% - 28px,1180px);font-size:12px}.product-hero-grid{width:min(100% - 28px,1180px)}.product-copy h1{font-size:48px}.product-copy h1 span{font-size:.52em}.product-lead{font-size:16px}.product-actions{align-items:flex-start;flex-direction:column;gap:16px}.product-pack img{width:100%}.fact-grid{grid-template-columns:1fr}.analysis-grid{grid-template-columns:repeat(2,1fr)}.analysis-grid b{font-size:18px}.two-column-info article{padding:24px}.notice-strip .shell{display:block}}