/* 3D primjer rada: laptop na koji se slažu moduli; odjeljak 200vh, ljepljivi prikaz 100svh */
.laptop-stage { position: relative; height: 200vh; background: #141618; color: #f4f5f6; }
.laptop-stage .sticky { position: sticky; top: 0; height: 100vh; height: 100svh; overflow: hidden;
  background: radial-gradient(60% 55% at 72% 40%, rgba(182, 36, 64, 0.22), transparent 70%), linear-gradient(180deg, #1a1c1e 0%, #202224 60%, #141618 100%); }
.laptop-stage canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.laptop-stage .fallback { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 70% 50%; display: none; }
.laptop-stage.no-webgl .fallback { display: block; }
.laptop-stage.no-webgl canvas { display: none; }
.laptop-stage .copy { position: absolute; left: clamp(16px, 6vw, 96px); top: 50%; transform: translateY(-50%); width: min(440px, 42vw); z-index: 2; }
.laptop-stage .tag { font: 11px/1.4 Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: 0.13em; color: #c9ccce; }
.laptop-stage h2 { font-family: Barlow, 'Arial Narrow', sans-serif; font-weight: 600; font-size: clamp(30px, 3.8vw, 52px); line-height: 0.98; letter-spacing: -0.02em; margin: 0.4em 0 0.5em; color: #f4f5f6; }
.laptop-stage p { color: #c9ccce; margin: 0 0 1.3em; max-width: 38ch; font-size: 16px; }
.laptop-stage .button { background: #b62440; border-color: #b62440; color: #fff; }
.laptop-stage .button:hover { background: #f4f5f6; color: #202224; border-color: #f4f5f6; }
.laptop-stage .hint { position: absolute; left: 50%; bottom: 18px; transform: translateX(-50%); font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: #c9ccce; opacity: 0.8; z-index: 2; transition: opacity 0.4s; }
@media (max-width: 760px) {
  .laptop-stage .copy { top: auto; bottom: calc(56px + env(safe-area-inset-bottom, 0px)); transform: none; width: auto; right: 16px; }
  .laptop-stage h2 { font-size: 28px; }
  .laptop-stage p { display: none; }
}
@media (prefers-reduced-motion: reduce) { .laptop-stage { height: 100svh; } .laptop-stage .hint { display: none; } }
