.product-page{background:#07111d;color:#f5f8fc}
.product-header{height:76px;padding:0 max(4vw,28px);display:flex;align-items:center;position:absolute;inset:0 0 auto;z-index:10;border-bottom:1px solid rgba(255,255,255,.14)}
.product-header .brand{margin-right:auto}
.product-header nav{display:flex;align-items:center;gap:28px}
.product-header nav a{font-size:12px;font-weight:700}
.product-hero{min-height:780px;display:grid;grid-template-columns:1.05fr .95fr;background:#07111d}
.product-visual{position:relative;min-height:620px}
.product-visual img{height:100%;object-fit:cover}
.product-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#07111d),linear-gradient(0deg,rgba(7,17,29,.55),transparent 45%)}
.product-intro{padding:130px max(6vw,70px) 80px;align-self:center}
.product-intro h1{font-size:clamp(46px,5.2vw,78px);margin:18px 0 25px}
.product-intro>p:not(.eyebrow){color:#a8b8c8;max-width:650px}
.product-actions{display:flex;gap:18px;align-items:center;margin-top:34px}
.product-specs{display:grid;grid-template-columns:repeat(2,1fr);margin-top:45px;border-top:1px solid rgba(255,255,255,.16)}
.product-specs div{padding:18px 12px 18px 0;border-bottom:1px solid rgba(255,255,255,.16)}
.product-specs span{display:block;font-size:8px;letter-spacing:.15em;color:#6f8498}
.product-specs strong{font:600 14px Space Grotesk}
.detail-section{padding:105px max(5vw,32px);color:#101923;background:#fff}
.detail-section>*{max-width:1200px;margin-left:auto;margin-right:auto}
.detail-heading{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px;margin-top:55px}
.detail-heading h2{font-size:clamp(36px,4vw,62px)}
.detail-heading>div>p{color:#647181;margin:0 0 28px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid #ccd3db}
.feature-grid article{padding:30px 28px 20px 0;border-right:1px solid #ccd3db}
.feature-grid article+article{padding-left:28px}
.feature-grid span{font-size:10px;color:#2878ff;font-weight:800}
.feature-grid h3{font-size:19px;margin:25px 0 12px}
.feature-grid p{font-size:12px;color:#697583}
.fit-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:35px}
.fit-list div{background:#edf1f5;padding:16px 18px;font-size:12px;font-weight:700}
.product-cta{padding:90px max(5vw,32px);background:#0d1c2b;text-align:center}
.product-cta h2{font-size:clamp(38px,4vw,60px);max-width:850px;margin:0 auto 22px}
.product-cta p{color:#9badbf;max-width:720px;margin:0 auto 30px}
.product-cta .button{min-width:220px}
.product-footer{padding:25px max(5vw,32px);background:#030a11;display:flex;justify-content:space-between;color:#718397;font-size:9px}
@media(max-width:900px){.product-header nav a:not(.button){display:none}
.product-hero{grid-template-columns:1fr}
.product-visual{min-height:430px;height:50vh}
.product-intro{padding:70px 24px}
.detail-heading{grid-template-columns:1fr}
.feature-grid{grid-template-columns:1fr}
.feature-grid article,.feature-grid article+article{padding:28px 0;border-right:0;border-bottom:1px solid #ccd3db}
}
@media(max-width:560px){.product-header{height:70px;padding:0 18px}
.product-header .button{display:none}
.product-hero{padding-top:70px}
.product-visual{min-height:330px;height:40vh}
.product-intro{padding:55px 22px}
.product-intro h1{font-size:44px}
.product-actions{align-items:flex-start;flex-direction:column}
.detail-section{padding:75px 22px}
.detail-heading{gap:30px}
.fit-list{grid-template-columns:1fr}
.product-cta{padding:75px 22px}
.product-footer{flex-direction:column;gap:8px}
}

/* Product dark surfaces own their contrast and all grid children may shrink safely. */
.product-header,
.product-header nav a,
.product-intro h1,
.product-specs strong,
.product-cta h2,
.product-cta .button{
  color:#f5f8fc;
}
.product-hero>*,
.product-specs>*,
.detail-heading>*,
.feature-grid>*,
.fit-list>*{
  min-width:0;
}
.product-intro h1,
.product-cta h2{
  overflow-wrap:break-word;
}
.product-footer{
  color:#9badbf;
}
.product-footer a{
  color:#f5f8fc;
}
.simulator-models{padding:64px max(5vw,24px);background:#f4f7f9;color:#101923}
.simulator-models h2{font-size:clamp(26px,3vw,42px);margin:16px 0 30px}
.simulator-model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.simulator-model-card{display:block;background:#fff;color:#101923;text-decoration:none;border:1px solid #d6e0e8;transition:border-color .2s}
.simulator-model-card:hover{border-color:#2878ff}
.simulator-model-card:focus-visible{outline:3px solid #2878ff;outline-offset:4px}
.simulator-model-card img{display:block;width:100%;height:clamp(220px,27vw,360px);object-fit:contain;background:#edf2f6}
.simulator-model-card>div{padding:24px}
.simulator-model-code{font-size:12px;letter-spacing:.06em;color:#485c6c}
.simulator-model-card h3{font-size:clamp(22px,2vw,30px);margin:12px 0}
.simulator-model-card p{line-height:1.7}
.simulator-model-card span{display:inline-block;margin-top:12px;color:#1755b8;font-weight:700}
@media(max-width:650px){.simulator-model-grid{grid-template-columns:1fr}}
.product-image-note{
  position:absolute;
  z-index:2;
  left:max(22px,4vw);
  bottom:24px;
  padding:9px 12px;
  background:rgba(3,10,17,.86);
  border:1px solid rgba(255,255,255,.22);
  color:#f5f8fc;
  font-size:9px;
  font-weight:700;
  letter-spacing:.08em;
}
@media(max-width:900px){
  .product-header nav a[lang]{
    display:inline-flex;
    color:#f5f8fc;
  }
}