/* Alternate local preview only. Decorative UI cards have no interactive controls. */
.cinematic #platform{position:relative;isolation:isolate;padding-top:100px}
.cinematic #platform>.section-heading{position:relative;z-index:1;max-width:690px;min-height:400px;padding:35px 40px 35px 0;display:flex;flex-direction:column;justify-content:center}
.cinematic #platform>.section-heading h2{font-size:clamp(36px,3.7vw,56px);text-shadow:0 2px 25px #060814}
.cinematic #platform>.section-heading>p:last-of-type{color:#d5dbee;max-width:500px}
.product-wall-scene{position:absolute;inset:25px -24px auto;height:640px;overflow:hidden;z-index:-1;border-radius:30px;background:radial-gradient(ellipse at 85% 40%,#56518188,#16182e 65%,#060814);pointer-events:none}
.product-wall-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#060814 0%,#060814f0 25%,#06081494 48%,transparent 75%),linear-gradient(0deg,#060814,transparent 30%,transparent 80%,#06081488);z-index:2}
.product-wall{position:absolute;width:1400px;left:34%;top:-250px;display:grid;grid-template-columns:repeat(3,450px);gap:25px;transform:perspective(1600px) rotateY(-15deg) rotateZ(13deg);transform-origin:35% 50%;opacity:.9}
.product-wall-rail{display:flex;flex-direction:column;gap:25px;animation:wall-drift 24s ease-in-out infinite alternate;will-change:transform}
.product-wall-rail:nth-child(2){margin-top:150px;animation-direction:alternate-reverse;animation-duration:29s}.product-wall-rail:nth-child(3){margin-top:-45px;animation-duration:27s}
.product-wall-card{height:285px;overflow:hidden;border:1px solid #e2d8ff66;border-radius:10px;background:#c8d7f3;color:#152240;box-shadow:0 20px 35px #0005}.product-wall-card:nth-child(2){background:#dfd4f0}
.wall-card-top{display:flex;justify-content:space-between;padding:14px 20px;font:12px ui-monospace,monospace;color:#435579;border-bottom:1px solid #20365c25;background:#ffffff40}
.wall-card-body{padding:21px}.wall-card-body h3{font-size:25px;line-height:1.1;letter-spacing:-.04em;margin:0 0 8px}.wall-card-body>p{font-size:13px;color:#596783;margin:0 0 15px}.wall-card-body .sample-row{padding:9px 12px;margin:6px 0;background:#ffffff70;border:1px solid #718bbc44;color:#233250;border-radius:5px}.wall-card-body .sample-row span{color:#425d88}.wall-card-body .sample-tag{background:#e5f2ec!important;color:#3b6657!important;border-color:#a0bdb0!important}.wall-card-body .sample-metrics div{background:#ffffff80;color:#53688b;padding:10px}.wall-card-body .sample-metrics strong{font-size:21px;color:#21375b;margin-top:5px}.wall-card-body .sample-bars{height:50px;margin-top:12px}.wall-card-body .sample-bars i{background:linear-gradient(#ad85d3,#6886c9)}
.product-wall-motion{align-self:flex-start;cursor:pointer;margin-top:20px;padding:10px 15px;font-size:13px;color:#d9e3ff;background:#101b32;border:1px solid #58749e;border-radius:25px}
.cinematic #platform .explorer{position:relative;z-index:1;margin-top:25px;background:#111827;border-color:#586c9255;box-shadow:0 -15px 65px #06081488}
.wall-paused .product-wall-rail{animation-play-state:paused}
@keyframes wall-drift{from{transform:translateY(0)}to{transform:translateY(-90px)}}
@media(max-width:850px){.cinematic #platform{padding-top:260px}.cinematic #platform>.section-heading{max-width:none;min-height:0;padding:25px 0}.product-wall-scene{height:640px;top:0}.product-wall{left:-10%;top:-340px;transform:perspective(1600px) rotateY(-10deg) rotateZ(12deg);opacity:.75}.product-wall-scene:after{background:linear-gradient(0deg,#060814 0%,#060814f0 30%,#06081460 65%,transparent)}.cinematic #platform .explorer{margin-top:25px}}
@media(max-width:550px){.cinematic #platform{padding-top:200px}.product-wall{left:-50%;top:-390px;transform:scale(.85) rotateZ(12deg)}.product-wall-scene{height:590px}.cinematic #platform>.section-heading h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){.product-wall-rail{animation:none!important}}

/* Blue/steel showcase palette, no lavender panels. */
.product-wall-scene{background:radial-gradient(ellipse at 85% 40%,#305e8188,#101e2d 65%,#060814)}
.product-wall-card,.product-wall-card:nth-child(2){background:#c8deed;border-color:#d8ecff66}
.wall-card-body .sample-bars i{background:linear-gradient(#99cbea,#537eaa)}
