/* Isolated proposal. Original screenshot pixels stay unchanged.
   Device outlines are presentation-only CSS, not simulated application UI. */
.opening-page .hs-device {
  position:relative;
  width:100%;
  box-sizing:border-box;
  padding:6px;
  background:linear-gradient(125deg,#68686e 0%,#242429 13%,#131316 50%,#505057 86%,#242429 100%);
  border:1px solid #898990;
  box-shadow:0 32px 64px #0008,0 2px 6px #000c,inset 0 0 0 1px #ffffff12;
}
.opening-page .hs-device-screen {
  overflow:hidden;
  background:#000;
  border:1px solid #000;
}
.opening-page .hs-device .hs-current-screen {
  display:block;
  width:100%;
  height:auto;
  max-width:none;
  aspect-ratio:auto;
  object-fit:contain;
  border-radius:0;
  image-orientation:from-image;
}
.opening-page .hs-device--phone {border-radius:13% / 6%;}
.opening-page .hs-device--phone .hs-device-screen {border-radius:12% / 5.6%;}
.opening-page .hs-device--phone::before {
  content:"";position:absolute;left:-3px;top:20%;height:13%;width:2px;
  border-radius:2px;background:linear-gradient(#8c8c93,#434349);
}
.opening-page .hs-device--phone::after {
  content:"";position:absolute;right:-3px;top:29%;height:9%;width:2px;
  border-radius:2px;background:linear-gradient(#8c8c93,#434349);
}
.opening-page .opening-experience-preview {width:min(100%,470px);max-width:470px;}
.opening-page .opening-section-intro {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);padding-block:64px 32px;}
.opening-page .hs-device--ipad-portrait {
  border-radius:6.2% / 4.7%;padding:12px;
  background:linear-gradient(125deg,#737379,#242428 15%,#101013 64%,#63636b);
}
.opening-page .hs-device--ipad-portrait .hs-device-screen {border-radius:3.8% / 2.85%;}
.opening-page .hs-device--ipad-landscape {border-radius:5% / 6.5%;padding:10px;}
.opening-page .hs-device--ipad-landscape .hs-device-screen {border-radius:3% / 4%;}
.opening-page .hs-device--laptop {border-radius:12px 12px 4px 4px;padding:9px 7px 11px;width:92%;margin:0 auto 10px;}
.opening-page .hs-device--laptop .hs-device-screen {border-radius:4px 4px 1px 1px;}
.opening-page .hs-device--laptop::after {
  content:"";position:absolute;left:-4.5%;right:-4.5%;height:9px;bottom:-9px;
  border-radius:2px 2px 45% 45% / 2px 2px 75% 75%;
  background:linear-gradient(90deg,#62626a,#c3c3c9 15%,#7b7b83 49%,#c3c3c9 85%,#62626a);
  box-shadow:0 4px 4px #0006;
}
.opening-page .opening-device-gallery .hs-gallery-visual {margin-bottom:0;}
.opening-page .opening-device-gallery .opening-device:nth-of-type(even) .opening-device-copy {order:0;}
.opening-page .hs-device-stage {aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;padding:10px 4px 12px;}
.opening-page .hs-gallery-visual figcaption {font-size:.6875rem;margin-top:14px;}
.opening-page .hs-gallery-tv .hs-device-stage img {width:100%;height:auto;aspect-ratio:auto;object-fit:contain;border-radius:0;}
@media(max-width:760px) {
  .opening-page .opening-section-intro {grid-template-columns:1fr;gap:38px;padding-block:40px 16px;}
  .opening-page .opening-experience-preview {width:min(100%,430px);}
  .opening-page .opening-phone .opening-show-illustration {width:min(100%,290px);}
}
@media(max-width:640px) {
  .opening-page .hs-device--ipad-portrait {padding:9px;}
  .opening-page .opening-device-gallery {gap:40px;}
  .opening-page .opening-device-gallery .opening-device {display:flex;gap:24px;}
  .opening-page .opening-device-gallery .opening-device-copy>p:not(.opening-kicker) {max-width:42ch;}
  .opening-page .opening-device-gallery .hs-gallery-visual {width:100%;max-width:430px;align-self:center;}
  .opening-page .hs-device-stage {max-width:390px;margin:auto;}
}
@media(forced-colors:active) {
  .opening-page .hs-device {border:2px solid CanvasText;box-shadow:none;}
}