.product-hero{padding:88px 0 96px;color:#fff;background:linear-gradient(135deg,#052e70 0%,#064b91 58%,#0089b6 100%);overflow:hidden}
.product-hero-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:68px;align-items:center}
.product-hero h1{margin:0;font-size:clamp(48px,5.3vw,76px);line-height:1.02;letter-spacing:-2.7px}.product-hero h1 span{color:#76e5a8}.product-lead{max-width:650px;margin:28px 0 0;color:#dceaf3;font-size:18px;line-height:1.65}.product-actions{display:flex;gap:14px;margin:34px 0}.product-proof{display:flex;flex-wrap:wrap;gap:10px 24px;margin:0;padding:0;list-style:none;color:#cfe1ec;font-size:12px}.product-proof li:before{content:"✓";color:#76e5a8;margin-right:8px}.product-hero-shot{margin:0;background:#fff;padding:10px;box-shadow:0 30px 80px rgba(0,0,0,.3);transform:perspective(1300px) rotateY(-3deg)}.product-hero-shot img{display:block;width:100%;height:auto}.product-hero-shot figcaption{padding:10px 10px 4px;color:#5f7486;font-size:11px}
.product-value{padding:104px 0;background:#fff}.product-heading{display:grid;grid-template-columns:1fr .7fr;gap:80px;align-items:end;margin-bottom:48px}.product-heading h2,.tour-intro h2,.product-audience h2,.product-cta h2{margin:0;color:#063b88;font-size:clamp(34px,4vw,50px);line-height:1.14;letter-spacing:-1.6px}.product-heading>p{margin:0;color:#5f7486;font-size:17px}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d7e7e7;border-left:1px solid #d7e7e7}.value-grid article{padding:30px;border-right:1px solid #d7e7e7;border-bottom:1px solid #d7e7e7}.value-grid span,.tour-copy>span{color:#00a945;font-size:11px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.value-grid h3{margin:26px 0 10px;color:#063b88;font-size:19px}.value-grid p{margin:0;color:#5f7486;font-size:13px}
.product-tour{padding:104px 0;background:#f1f8f7}.tour-intro{max-width:790px;margin-bottom:68px}.tour-intro>p:last-child{color:#5f7486;font-size:17px}.tour-row{display:grid;grid-template-columns:.64fr 1.36fr;gap:64px;align-items:center;padding:58px 0;border-top:1px solid #cadfdf}.tour-row.reverse{grid-template-columns:1.36fr .64fr}.tour-row.reverse .tour-copy{order:2}.tour-row.reverse figure{order:1}.tour-copy h3{margin:12px 0 16px;color:#063b88;font-size:30px;line-height:1.2}.tour-copy p{color:#5f7486}.tour-copy ul{padding:0;margin:24px 0 0;list-style:none;display:grid;gap:9px;font-size:13px;font-weight:600}.tour-copy li:before{content:"—";color:#00b847;margin-right:9px}.tour-row figure{margin:0;padding:8px;background:#fff;border:1px solid #d7e7e7;box-shadow:0 18px 45px rgba(6,59,136,.12)}.tour-row img{display:block;width:100%;height:auto}
.product-audience{padding:94px 0;color:#fff;background:#063b88}.audience-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.product-audience h2{color:#fff}.audience-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18)}.audience-list div{min-height:130px;padding:26px;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;gap:8px}.audience-list strong{font-size:16px}.audience-list span{color:#c7d7e1;font-size:13px}
.product-cta{padding:88px 0;background:#fff}.product-cta-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:center}.product-cta-grid>div:last-child>p{color:#5f7486;font-size:16px}.product-cta .button{margin:14px 0}.product-cta small{display:block;color:#5f7486}
@media(max-width:900px){.product-hero-grid,.product-heading,.audience-grid,.product-cta-grid{grid-template-columns:1fr}.product-hero-shot{transform:none}.value-grid{grid-template-columns:1fr 1fr}.tour-row,.tour-row.reverse{grid-template-columns:1fr;gap:30px}.tour-row.reverse .tour-copy,.tour-row.reverse figure{order:initial}}
@media(max-width:620px){.product-hero{padding:58px 0 68px}.product-hero h1{font-size:40px;letter-spacing:-1.4px}.product-lead{font-size:16px}.product-actions{flex-direction:column}.product-proof{flex-direction:column}.product-value,.product-tour,.product-audience,.product-cta{padding:70px 0}.product-heading{gap:22px}.value-grid,.audience-list{grid-template-columns:1fr}.tour-intro{margin-bottom:38px}.tour-row{padding:42px 0}.tour-copy h3{font-size:26px}}
