.perspective-carousel{margin:0;min-width:0;overflow:hidden;border:1px solid #35516b;background:#091b2e;box-shadow:0 20px 55px #0003}
.perspective-stage{height:355px;position:relative;overflow:hidden;background:#0d2339}
.perspective-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s ease;pointer-events:none}
.perspective-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}
.perspective-slide>img{width:100%;height:100%;object-fit:cover;display:block}
.perspective-slide.is-active>img{animation:perspective-drift 3.2s ease-out both}
.perspective-photo-label{position:absolute;left:18px;bottom:18px;font-size:10px;letter-spacing:1.8px;color:#f0f6fc;text-shadow:0 1px 8px #000}
.perspective-photo-label:before{content:'';position:absolute;inset:-70px -30px -22px;background:linear-gradient(transparent,#071322c9);z-index:-1}
.perspective-controls{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:70px;border-top:1px solid #314f6a}
.perspective-caption strong{display:block;font-size:14px;font-weight:500;color:#e9f3fb;line-height:1.4}.perspective-caption small{display:block;color:#9db5c9;font-size:10px;margin-top:3px}
.perspective-navigation{display:flex;align-items:center;gap:8px;flex-shrink:0}.perspective-arrow{width:30px;height:30px;border:1px solid #3c5b75;color:#c9e9ff;background:#102b43;cursor:pointer;font-size:16px;padding:0}.perspective-arrow:hover{background:#1c4769}
.perspective-dots{display:flex;gap:5px}.perspective-dot{border:0;width:19px;height:30px;padding:0;background:none;cursor:pointer;position:relative}.perspective-dot:after{content:'';position:absolute;left:5px;right:5px;top:12px;height:5px;border-radius:3px;background:#3d5e79;transition:background .2s,transform .2s}.perspective-dot[aria-pressed=true]:after{background:#8dd4ff;transform:scaleX(1.3)}
.prototype-ui{height:100%;display:flex;flex-direction:column;color:#dbeaf5;background:radial-gradient(ellipse at 100% 0,#163957,#0b1b2f 70%);padding:16px}
.prototype-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #28445e;padding-bottom:12px;gap:8px}.prototype-top strong{font-size:13px;font-weight:500}.prototype-badge{font-size:8px;letter-spacing:1.2px;color:#9cdaff;border:1px solid #37658a;border-radius:3px;padding:4px 7px;white-space:nowrap}
.prototype-location{display:flex;justify-content:space-between;font-size:9px;color:#8da9c0;padding:11px 0}.prototype-location span:last-child{color:#79b7db}
.prototype-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:13px}.prototype-metrics>div{padding:10px;background:#132c43;border:1px solid #2c4b66;border-radius:3px}.prototype-metrics small{display:block;font-size:8px;color:#9db5c9}.prototype-metrics strong{display:block;font-size:24px;line-height:1.15;letter-spacing:-1px;color:#d7f1ff;font-weight:500;margin-top:6px}
.prototype-workspace{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:0;flex:1}.prototype-chart,.prototype-reviews{border:1px solid #294761;background:#0d2237;border-radius:3px;padding:11px;overflow:hidden}.prototype-chart h3,.prototype-reviews h3{font-size:10px;font-weight:500;letter-spacing:0;margin:0 0 8px;line-height:1.4}.prototype-chart svg{display:block;width:100%;height:86px}.prototype-axis{display:flex;justify-content:space-between;font-size:7px;color:#728fa7}.prototype-reviews>div{border-top:1px solid #29445b;padding:9px 0;display:flex;justify-content:space-between;gap:5px;align-items:center}.prototype-reviews>div>span{font-size:8px;color:#b1c6d7;line-height:1.4}.prototype-reviews b{font-size:7px;line-height:1.3;font-weight:400;padding:3px 5px;background:#183c54;color:#94d0f6;white-space:nowrap}.prototype-chart-note{font-size:7px;color:#7e9eb7;margin-top:6px;line-height:1.4}.prototype-footer{font-size:7px;color:#7f9fb8;margin-top:9px;letter-spacing:.4px}
@keyframes perspective-drift{from{transform:scale(1.055)}to{transform:scale(1)}}
@media(max-width:1050px){.perspective-stage{height:335px}.prototype-ui{padding:12px}.prototype-workspace{gap:7px}.prototype-chart,.prototype-reviews{padding:9px}.prototype-metrics{gap:6px}.prototype-metrics>div{padding:8px}.prototype-metrics small{font-size:7px}.prototype-top strong{font-size:11px}.prototype-reviews>div{display:block;padding:7px 0}.prototype-reviews b{display:inline-block;margin-top:3px}}
@media(max-width:720px){.perspective-carousel{grid-row:2}.perspective-stage{height:335px}.perspective-controls{padding:12px;gap:8px}.perspective-caption strong{font-size:12px}.perspective-caption small{font-size:9px}.perspective-navigation{gap:5px}.perspective-arrow{width:27px;height:29px}.perspective-dots{gap:1px}.perspective-dot{width:16px}.prototype-metrics strong{font-size:22px}.prototype-metrics small{font-size:7px}.prototype-metrics{margin-bottom:10px}.prototype-chart svg{height:87px}.prototype-reviews>div{padding:5px 0}.prototype-location{padding:9px 0}.prototype-footer{margin-top:7px}}
@media(prefers-reduced-motion:reduce){.perspective-slide,.perspective-dot:after{transition:none}.perspective-slide.is-active>img{animation:none}}