.product-page{min-height:100vh}
.product-header .site-nav{display:flex}
.product-header .site-nav a{position:relative;padding:.45rem .1rem;white-space:nowrap}
.product-header .site-nav a.is-active{color:var(--cream);font-weight:700}
.product-header .site-nav a.is-active::after{content:"";position:absolute;left:.1rem;right:.1rem;bottom:.08rem;height:2px;border-radius:2px;background:var(--blue-light)}
.product-back{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-dim);font-size:.88rem;font-weight:600}
.product-back:hover{color:var(--cream)}
.product-main{position:relative;z-index:1}
.product-hero{max-width:var(--max-w);margin:0 auto;padding:clamp(8.5rem,15vh,11rem) clamp(1.25rem,5vw,6rem) clamp(4rem,8vh,6.5rem);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(2rem,6vw,5rem);align-items:center}
.product-hero>div{min-width:0}
.product-tag{font-size:.75rem;font-weight:700;letter-spacing:.1em;color:var(--blue-light);text-transform:uppercase;margin-bottom:1.2rem}
.product-domain-group{margin:-.4rem 0 1.2rem;font-size:.75rem;font-weight:600;color:var(--blue-light)}
.product-domain-group span{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}
.product-title{max-width:100%;font-size:clamp(2.5rem,5vw,4rem);line-height:1;letter-spacing:-.035em;color:var(--cream);overflow-wrap:break-word;text-wrap:balance}
.product-lead{max-width:62ch;margin-top:1.6rem;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.7;color:var(--text-dim);text-wrap:pretty}
.product-client{display:inline-flex;align-items:center;gap:.55rem;margin-top:1.1rem;font-size:.82rem;color:var(--text-faint)}
.product-client[hidden]{display:none}
.product-client-dot{flex:none;width:6px;height:6px;border-radius:50%;background:#4ADE80;box-shadow:0 0 0 3px rgba(74,222,128,.16)}
.product-client a{color:var(--text-dimmer);font-weight:600;border-bottom:1px solid transparent}
.product-client a:hover{color:var(--text-dim);border-bottom-color:var(--border-strong)}
.product-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}
.product-media{border:1px solid var(--border);border-radius:24px;overflow:hidden;background:var(--navy-dark);box-shadow:0 28px 70px -34px rgba(0,0,0,.75)}
.product-media img{width:100%;aspect-ratio:4/3;object-fit:cover}
.product-section{max-width:var(--max-w);margin:0 auto;padding:clamp(3.5rem,7vh,6rem) clamp(1.25rem,5vw,6rem)}
.product-section--line{border-top:1px solid var(--border)}
.product-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,7vw,7rem)}
.product-kicker{font-size:.74rem;font-weight:700;letter-spacing:.12em;color:var(--blue-light);text-transform:uppercase;margin-bottom:.8rem}
.product-heading{font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.12;color:var(--cream);margin-bottom:1rem;text-wrap:balance}
.product-copy{font-size:1rem;line-height:1.75;color:var(--text-dim);text-wrap:pretty}
.outcome-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2.2rem}
.outcome-card{padding:1.6rem;border:1px solid var(--border);border-radius:17px;background:var(--card-bg)}
.outcome-title{font-size:1rem;color:var(--blue-lighter);margin-bottom:.7rem}
.outcome-text{font-size:.93rem;line-height:1.6;color:var(--text-dim)}
.product-detail-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:1rem}
.product-panel{padding:clamp(1.5rem,3vw,2.2rem);border:1px solid var(--border);border-radius:20px;background:var(--card-bg)}
.product-list{list-style:none;margin:1.25rem 0 0;padding:0;display:grid;gap:.85rem}
.product-list li{display:flex;gap:.75rem;color:#DCE4F0;line-height:1.55}
.product-list li::before{content:"";flex:none;width:7px;height:7px;margin-top:.55rem;border-radius:50%;background:var(--blue-light)}
.product-for{font-size:1rem;line-height:1.7;color:var(--text-dim)}
.product-cta{text-align:center;padding-top:clamp(4rem,8vh,7rem);padding-bottom:clamp(5rem,10vh,8rem)}
.product-cta .product-heading{max-width:18ch;margin-left:auto;margin-right:auto}
.product-cta .product-copy{max-width:56ch;margin:0 auto}
.product-cta .product-actions{justify-content:center}
.product-cta .ex-contact-widget{max-width:760px;margin-inline:auto}
@media (max-width:1023px){
  .product-header{flex-wrap:wrap;row-gap:.55rem;padding-bottom:.55rem}
  .product-header .site-nav{display:flex;order:3;width:100%;gap:1.25rem;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding:.05rem 0 .15rem}
  .product-header .site-nav::-webkit-scrollbar{display:none}
}
@media (max-width:900px){.product-hero,.product-columns,.product-detail-grid{grid-template-columns:1fr}.product-hero{padding-top:10.75rem}.product-media{max-width:680px}.outcome-grid{grid-template-columns:1fr}}
@media (max-width:560px){
  .product-header{column-gap:.6rem;padding-inline:1rem}
  .product-header .brand img{height:19px}
  .product-hero{padding-top:10.25rem;padding-bottom:3rem}
  .product-title{font-size:clamp(2rem,10vw,2.65rem)}
  .product-actions{display:grid;grid-template-columns:1fr}
  .product-actions .btn-pill{width:100%;justify-content:center;white-space:normal;text-align:center}
  .product-media{border-radius:16px}
}