.device-mockup-stage{max-width:62rem;margin-inline:auto;position:relative}.device-mockup-stage[data-surface=panel]{background:var(--surface);border:1px solid var(--border);border-radius:1.5rem;padding:3rem clamp(1.5rem,5vw,4rem)}.device-mockup-stage[data-surface=glow]{padding:2rem 0}.device-mockup-laptop{flex-direction:column;align-items:center;display:flex}.device-mockup-laptop-bezel{width:100%;box-shadow:0 32px 70px #00000073, 0 0 50px rgba(var(--accent-rgb,240, 196, 92), .08), inset 0 1px 0 #ffffff0d;background:linear-gradient(#2c2c2f,#16161a);border:1px solid #ffffff14;border-radius:.85rem;padding:.7rem .7rem .9rem;position:relative}.device-mockup-laptop-camera{background:#050505;border-radius:50%;width:5px;height:5px;position:absolute;top:.32rem;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #ffffff0d}.device-mockup-laptop-screen{aspect-ratio:16/10;background:var(--surface-elevated);border-radius:.4rem;position:relative;overflow:hidden}.device-mockup-laptop-base{background:linear-gradient(#3d3d40,#202023);border-radius:0 0 .7rem .7rem;width:104%;height:.8rem;position:relative;box-shadow:0 14px 24px #00000059}.device-mockup-laptop-notch{background:#101013;border-radius:0 0 .4rem .4rem;width:3.2rem;height:.25rem;position:absolute;top:0;left:50%;transform:translate(-50%)}.device-mockup-screen-viewport{position:absolute;inset:0;overflow:hidden}.device-mockup-screen-image{will-change:transform;width:100%;max-width:none;height:auto;display:block}@media (hover:none){.device-mockup-screen-viewport{-webkit-overflow-scrolling:touch;touch-action:pan-y;overflow:hidden auto}.device-mockup-screen-image{transform:none!important}}.device-mockup-mobile{aspect-ratio:9/19.5;width:11rem;box-shadow:0 24px 55px #00000080, 0 0 40px rgba(var(--accent-rgb,240, 196, 92), .12), inset 0 0 0 1px #ffffff0f;background:linear-gradient(160deg,#3a3a3d,#0d0d0f);border-radius:2.1rem;padding:.45rem;position:relative}.device-mockup-mobile-screen{background:var(--surface-elevated);border-radius:1.7rem;width:100%;height:100%;position:relative;overflow:hidden}.device-mockup-mobile-island{background:#050505;border-radius:999px;width:2.7rem;height:.62rem;position:absolute;top:.55rem;left:50%;transform:translate(-50%)}.device-mockup-stage[data-devices=both] .device-mockup-pair{position:relative}.device-mockup-stage[data-devices=both] .device-mockup-mobile{position:absolute;bottom:clamp(-2rem,-12%,-3rem);right:clamp(-1rem,-4%,-1.5rem)}.device-mockup-stage[data-devices=laptop-only] .device-mockup-laptop{max-width:100%}.device-mockup-stage[data-devices=mobile-only] .device-mockup-pair{justify-content:center;display:flex}.device-mockup-stage[data-devices=mobile-only] .device-mockup-mobile{width:14rem}.device-mockup-caption{text-align:center;color:var(--text-muted);margin-top:1.75rem;font-size:.875rem}@media (max-width:640px){.device-mockup-stage[data-devices=both] .device-mockup-pair{flex-direction:column;align-items:center;gap:2rem;display:flex}.device-mockup-stage[data-devices=both] .device-mockup-mobile{width:9.5rem;position:static}.device-mockup-laptop{width:100%}}
.case-lightbox{z-index:999;backdrop-filter:blur(6px);animation:case-lightbox-in .25s var(--ease-standard);background:#05080eeb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.case-lightbox--static{animation:none}@keyframes case-lightbox-in{0%{opacity:0}to{opacity:1}}.case-lightbox-stage{width:min(92vw,80rem);height:min(86vh,60rem);position:relative}.case-lightbox-close,.case-lightbox-nav{color:#f4f0e7;width:2.75rem;height:2.75rem;transition:border-color .25s var(--ease-standard), background .25s var(--ease-standard), color .25s var(--ease-standard);z-index:1;background:#111a2a99;border:1px solid #f4f0e729;border-radius:999px;justify-content:center;align-items:center;display:flex;position:fixed}.case-lightbox-close:hover,.case-lightbox-nav:hover{color:var(--bright-gold,#f0c45c);background:#111a2ad9;border-color:#f0c45c80}.case-lightbox-close{top:clamp(1rem,3vw,1.75rem);right:clamp(1rem,3vw,1.75rem)}.case-lightbox-nav--prev{left:clamp(.75rem,3vw,2rem)}.case-lightbox-nav--next{right:clamp(.75rem,3vw,2rem)}.case-lightbox-counter{letter-spacing:.05em;color:#f4f0e799;font-size:.75rem;font-weight:600;position:fixed;bottom:clamp(1rem,3vw,1.75rem);left:50%;transform:translate(-50%)}@media (max-width:640px){.case-lightbox-close,.case-lightbox-nav{width:2.5rem;height:2.5rem}.case-lightbox-nav--prev{left:.5rem}.case-lightbox-nav--next{right:.5rem}}
.case-carousel{position:relative}.case-carousel-viewport{border:1px solid var(--border);background:var(--surface);aspect-ratio:16/10;touch-action:pan-y;cursor:grab;border-radius:1.5rem;position:relative;overflow:hidden;box-shadow:0 50px 110px #0000008c}.case-carousel-viewport:active{cursor:grabbing}.case-carousel-track{width:100%;height:100%;transition:transform .45s var(--ease-standard);display:flex}.case-carousel-slide{cursor:pointer;background:0 0;border:none;flex:0 0 100%;height:100%;padding:0;position:relative}.case-carousel-slide img{pointer-events:none}.case-carousel-arrow{border:1px solid var(--border-strong);backdrop-filter:blur(6px);color:#f4f0e7;z-index:2;width:2.75rem;height:2.75rem;transition:border-color .25s var(--ease-standard), background .25s var(--ease-standard), color .25s var(--ease-standard);background:#111a2a8c;border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.case-carousel-arrow:hover{color:var(--bright-gold);background:#111a2acc;border-color:#f0c45c80}.case-carousel-arrow--prev{left:1rem}.case-carousel-arrow--next{right:1rem}.case-carousel-dots{z-index:2;gap:.5rem;display:flex;position:absolute;bottom:1.1rem;left:50%;transform:translate(-50%)}.case-carousel-dot{width:.5rem;height:.5rem;transition:background .25s var(--ease-standard), transform .25s var(--ease-standard);background:#f4f0e759;border:none;border-radius:999px;padding:0}.case-carousel-dot.is-active{background:var(--bright-gold);transform:scale(1.3)}@media (max-width:639px){.case-carousel-viewport{aspect-ratio:4/3;border-radius:1.1rem}.case-carousel-arrow{width:2.25rem;height:2.25rem}.case-carousel-arrow--prev{left:.5rem}.case-carousel-arrow--next{right:.5rem}}