/* Product-only layout; approved Residential and gateway styles remain unchanged. */
.product-shell{max-width:1800px;margin-inline:auto;padding-inline:clamp(28px,6.2vw,112px)}
.product-hero .hero-content h1{font-size:clamp(40px,4.2vw,65px);max-width:800px}
.product-hero .hero-content>.eyebrow{font-size:13px;letter-spacing:.38em;margin-bottom:18px}
.product-hero .hero-description{max-width:440px}
.product-film{position:absolute;inset:0;z-index:-1}
.product-film .hero-video{object-position:left center}
.product-stories{padding-block:110px}
.product-story{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:6vw;margin-bottom:110px}
.product-story:last-child{margin-bottom:0}
.product-story--reverse figure{order:2}
.product-story--wide{display:block}
.product-story--wide .product-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:7vw;max-width:none;margin-top:38px}
.product-story--wide .eyebrow{grid-column:1/-1;margin-bottom:18px}
.product-story--wide .product-copy>p:not(.eyebrow){margin-top:0}
.product-story--wide .product-points{grid-column:2}
.product-page .product-story--wide img{aspect-ratio:16/9}
.product-points{list-style:none;padding:0;margin:25px 0 0;display:grid;gap:11px;color:#d3d2c9;font-size:12px;line-height:1.6}
.product-points li{padding-left:17px;position:relative}
.product-points li::before{content:'';position:absolute;left:0;top:.7em;width:6px;height:1px;background:#baaa8f}
.product-intro,.product-architecture{display:grid;grid-template-columns:1fr 1.1fr;gap:8vw;align-items:center;padding-block:120px}
.product-copy{max-width:490px}
.product-copy>p:not(.eyebrow){color:#bbbeb6;font-size:15px;line-height:1.85;margin-top:30px;max-width:440px}
.product-copy .text-link{margin-top:28px}
.product-page figure img{aspect-ratio:3/2;object-fit:cover;width:100%}
.product-section-heading{margin-bottom:48px}
.product-section-heading h2{max-width:760px}
.product-features{padding-block:90px 100px;background:#202321}
.product-feature-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);column-gap:7vw}
.product-feature-list li{display:flex;align-items:baseline;gap:25px;border-top:1px solid #42463f;padding:26px 0}
.product-feature-list span,.step-number{font-size:10px;color:#baaa8f;letter-spacing:.1em}
.product-feature-list h3{font-size:18px;letter-spacing:-.02em}
.product-operation{padding-block:95px 105px;background:#202321}
.operation-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:55px}
.operation-steps li{border-top:1px solid #565c51;padding-top:25px}
.operation-steps h3{font-size:29px;letter-spacing:-.025em;margin-top:27px}
.operation-steps p{font-size:14px;color:#bbbeb6;line-height:1.8;margin-top:16px;max-width:300px}
.product-architecture{grid-template-columns:1.15fr 1fr}
.product-architecture .product-copy{justify-self:center}
.product-integrations{padding-block:0 110px}
.integration-list{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}
.integration-list>div,.integration-list>a{display:block;border-top:1px solid #42463f;padding-top:24px}
.integration-list h3{font-size:20px}
.integration-list p{color:#bbbeb6;font-size:13px;margin-top:15px;max-width:220px}
@media(hover:hover) and (pointer:fine){.integration-list>a{transition:border-color .25s,color .25s}.integration-list>a:hover{border-color:#c6b79f;color:#c6b79f}}
@media(max-width:1100px){.product-intro,.product-architecture{gap:40px;padding-block:85px}.product-copy h2{font-size:34px}.integration-list{grid-template-columns:repeat(2,1fr);row-gap:35px}.product-feature-list h3{font-size:16px}.operation-steps{gap:30px}}
@media(max-width:700px){.product-shell{padding-inline:26px}.product-hero .hero-content h1{font-size:40px;max-width:340px}.product-hero .hero-content>.eyebrow{font-size:11px}.product-hero .hero-description{max-width:295px}.product-intro,.product-architecture{grid-template-columns:1fr;gap:36px;padding-block:72px}.product-copy>p:not(.eyebrow){font-size:14px;margin-top:24px}.product-copy h2{font-size:33px}.product-features,.product-operation{padding-block:70px}.product-section-heading{margin-bottom:32px}.product-feature-list{grid-template-columns:1fr}.product-feature-list li{padding-block:21px;gap:20px}.product-feature-list h3{font-size:16px}.operation-steps{grid-template-columns:1fr;gap:32px}.operation-steps h3{margin-top:18px;font-size:27px}.operation-steps p{max-width:none}.product-architecture .product-copy{justify-self:stretch}.product-integrations{padding-bottom:70px}.integration-list{grid-template-columns:1fr;gap:27px}.integration-list p{max-width:none}}
/* Reserve the source ratio before metadata loads; never crop embedded text. */
@media(max-width:1100px){
  .product-hero{height:auto;min-height:0;max-height:none;padding-top:104px;display:flex;flex-direction:column;align-items:stretch}
  .product-film{position:relative;inset:auto;z-index:auto;aspect-ratio:var(--film-ratio,16 / 9);background:#111312;order:0;flex:none}
  .product-film .hero-video{z-index:0;object-fit:contain;object-position:center}
  .product-film .hero-scrim{display:none}
  .product-hero .video-control{position:relative;inset:auto;align-self:flex-end;order:1;margin:8px 26px 0;background:transparent}
  .product-hero .video-control[hidden]{display:flex!important;visibility:hidden}
  .product-hero .hero-content{order:2;padding:20px clamp(26px,6.2vw,68px) 60px}
  .product-hero .hero-actions{flex-wrap:wrap;gap:18px 28px}
  .product-story{gap:38px;margin-bottom:80px}
  .product-story h2{font-size:34px}
}
@media(max-width:700px){
  .product-stories{padding-block:72px}
  .product-story{display:flex;flex-direction:column;align-items:stretch;gap:30px;margin-bottom:72px}
  .product-story--reverse figure{order:0}
  .product-story--wide .product-copy{display:block;margin-top:0}
  .product-story--wide .product-copy>p:not(.eyebrow){margin-top:24px}
  .product-story h2{font-size:33px}
  .product-page .product-story--wide img{aspect-ratio:3/2}
  .product-hero .hero-content h1{font-size:36px}
  .product-hero .hero-description{margin-top:20px}
  .product-hero .hero-actions{margin-top:26px}
}