.product-showcase{position:relative;padding:120px 0;background:radial-gradient(circle at 70% 35%,rgba(255,107,0,.1),transparent 35%)}
.product-showcase-head{display:block;margin-bottom:48px}.product-showcase-head h2{font-size:clamp(42px,5.4vw,76px);line-height:.91}.product-showcase-head .headline-line{display:block;white-space:nowrap}.product-showcase-head>p{max-width:720px;margin-top:22px}.product-showcase-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(560px,1.55fr);gap:44px;align-items:start}
.product-proof-steps{display:grid;gap:10px}.product-proof-step{appearance:none;width:100%;padding:18px 20px;text-align:left;color:var(--soft);background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.1);border-radius:14px;cursor:pointer;transition:.28s ease}
.product-proof-step small{display:block;margin-bottom:7px;color:#d98a4d;font:10px/1.2 var(--mono);letter-spacing:.14em}.product-proof-step strong{display:block;color:#eee;font-size:18px;letter-spacing:.01em}.product-proof-step span{display:block;max-height:0;margin-top:0;overflow:hidden;opacity:0;font-size:13px;line-height:1.55;transition:.28s ease}
.product-proof-step:hover,.product-proof-step:focus-visible,.product-proof-step.is-active{border-color:rgba(255,107,0,.55);background:linear-gradient(110deg,rgba(255,107,0,.13),rgba(255,255,255,.025));transform:translateX(6px)}.product-proof-step.is-active span{max-height:80px;margin-top:8px;opacity:.78}
.product-proof-stage{position:sticky;top:96px;margin:0;padding:12px;border-color:rgba(255,107,0,.28);border-radius:20px;overflow:hidden;box-shadow:0 35px 100px rgba(0,0,0,.55)}.product-proof-chrome{display:flex;align-items:center;gap:7px;height:34px;padding:0 4px 8px;font:9px var(--mono);letter-spacing:.16em;color:#a99380}.product-proof-chrome i{width:7px;height:7px;border-radius:50%;background:#ff6b00}.product-proof-chrome i:nth-child(2){background:#d4a26a}.product-proof-chrome i:nth-child(3){background:#49d1b0}.product-proof-chrome span{margin-left:auto}
.product-proof-viewport{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:11px;border:1px solid rgba(255,255,255,.08);background:#090a0a}.product-proof-stage img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;opacity:1;will-change:transform;transition:opacity .22s ease}.product-proof-stage.is-changing img{opacity:.1}.product-proof-stage:not(.is-changing) img{animation:productCamera 9s cubic-bezier(.2,.65,.25,1) both}.product-proof-stage[data-screen="mission-control"]{--cam-x:-12%;--cam-y:-10%;--cam-scale:1.55}.product-proof-stage[data-screen="archive-running"]{--cam-x:-2%;--cam-y:-12%;--cam-scale:1.62}.product-proof-stage[data-screen="media-index"]{--cam-x:-16%;--cam-y:-10%;--cam-scale:1.7}.product-proof-stage[data-screen="color-engine"]{--cam-x:-13%;--cam-y:-9%;--cam-scale:1.65}.product-proof-stage[data-screen="creative-build"]{--cam-x:-5%;--cam-y:-8%;--cam-scale:1.58}.product-proof-stage[data-screen="sol-chat"]{--cam-x:-8%;--cam-y:-7%;--cam-scale:1.6}.product-proof-stage figcaption{padding:11px 4px 1px;color:#806d5d;font:9px var(--mono);letter-spacing:.16em}@keyframes productCamera{0%{transform:scale(1) translate3d(0,0,0)}16%{transform:scale(1.04) translate3d(0,0,0)}100%{transform:scale(var(--cam-scale,1.6)) translate3d(var(--cam-x,-8%),var(--cam-y,-8%),0)}}
@media(max-width:980px){.product-showcase{padding:86px 0}.product-showcase-layout{grid-template-columns:1fr}.product-proof-stage{position:relative;top:auto;order:-1}.product-proof-steps{grid-template-columns:1fr 1fr}.product-proof-step.is-active span{max-height:100px}}
@media(max-width:620px){.product-showcase{padding:68px 0}.product-showcase-head{margin-bottom:28px}.product-showcase-head h2{font-size:clamp(34px,10.5vw,50px)}.product-showcase-head .showcase-built-line{white-space:normal}.product-showcase-head .showcase-built-line>span{display:block;white-space:nowrap}.product-proof-steps{grid-template-columns:1fr}.product-proof-step{padding:15px 16px}.product-proof-step:hover,.product-proof-step:focus-visible,.product-proof-step.is-active{transform:none}.product-proof-stage{padding:7px;border-radius:14px}.product-proof-chrome{height:27px;font-size:7px}.product-proof-stage figcaption{font-size:7px;letter-spacing:.1em}.product-proof-viewport{border-radius:8px}.product-proof-stage:not(.is-changing) img{animation-duration:7s}}
@media(prefers-reduced-motion:reduce){.product-proof-step,.product-proof-step span,.product-proof-stage img{transition:none!important}.product-proof-stage img{animation:none!important}}

/* Readable guided-camera framing for the high-resolution product captures */
.product-proof-stage[data-screen="mission-control"]{--cam-x:-14%;--cam-y:-11%;--cam-scale:2.08}
.product-proof-stage[data-screen="archive-running"]{--cam-x:-3%;--cam-y:-13%;--cam-scale:2.14}
.product-proof-stage[data-screen="media-index"]{--cam-x:-17%;--cam-y:-11%;--cam-scale:2.22}
.product-proof-stage[data-screen="color-engine"]{--cam-x:-14%;--cam-y:-10%;--cam-scale:2.16}
.product-proof-stage[data-screen="creative-build"]{--cam-x:-6%;--cam-y:-9%;--cam-scale:2.1}
.product-proof-stage[data-screen="sol-chat"]{--cam-x:-9%;--cam-y:-8%;--cam-scale:2.12}
@media(max-width:620px){.product-showcase-head h2{font-size:clamp(32px,9.6vw,42px)}.product-showcase-head .showcase-shipped-line{white-space:normal}.product-showcase-head .showcase-shipped-line>span{display:block;white-space:nowrap}}

/* Each product gets a purposeful camera path instead of one generic diagonal push */
.product-proof-stage:not(.is-changing) img{animation-duration:6.6s}
.product-proof-stage[data-screen="mission-control"]{--cam-o1:34% 42%;--cam-o2:78% 44%;--cam-z1:1.5;--cam-z2:1.78;--cam-z3:1.68}
.product-proof-stage[data-screen="archive-running"]{--cam-o1:50% 28%;--cam-o2:62% 72%;--cam-z1:1.52;--cam-z2:1.8;--cam-z3:1.7}
.product-proof-stage[data-screen="media-index"]{--cam-o1:38% 68%;--cam-o2:82% 42%;--cam-z1:1.54;--cam-z2:1.84;--cam-z3:1.74}
.product-proof-stage[data-screen="color-engine"]{--cam-o1:36% 38%;--cam-o2:70% 76%;--cam-z1:1.52;--cam-z2:1.82;--cam-z3:1.72}
.product-proof-stage[data-screen="creative-build"]{--cam-o1:46% 30%;--cam-o2:52% 70%;--cam-z1:1.5;--cam-z2:1.76;--cam-z3:1.66}
.product-proof-stage[data-screen="sol-chat"]{--cam-o1:50% 46%;--cam-o2:50% 60%;--cam-z1:1.48;--cam-z2:1.72;--cam-z3:1.64}
@keyframes productCamera{
  0%{transform:scale(1) rotate(0);transform-origin:50% 50%}
  12%{transform:scale(1.025) rotate(0);transform-origin:50% 50%}
  48%{transform:scale(var(--cam-z1,1.5)) rotate(.12deg);transform-origin:var(--cam-o1,42% 45%)}
  82%{transform:scale(var(--cam-z2,1.8)) rotate(-.08deg);transform-origin:var(--cam-o2,65% 60%)}
  100%{transform:scale(var(--cam-z3,1.7)) rotate(0);transform-origin:var(--cam-o2,65% 60%)}
}
@media(max-width:620px){.product-proof-stage{--cam-z1:1.34!important;--cam-z2:1.56!important;--cam-z3:1.48!important}.product-proof-stage:not(.is-changing) img{animation-duration:5.8s}}

/* Keep the roaming site HUD from crossing the product showcase */
body.product-showcase-active .dock-hud,
body.product-showcase-active .mission-chip{opacity:0!important;visibility:hidden!important}