/* TASK-1494 · full visual redesign layer. Existing copy stays in the DOM. */

#presentation-screen #platform.corporate-lead {
  --press-scene-ink: #f5f7f2;
  --press-scene-mint: #8de0c3;
  --press-scene-gold: #e7c77b;
  position: relative;
  display: block;
  isolation: isolate;
  overflow: visible;
  min-height: 235vh;
  padding: 0;
  color: var(--press-scene-ink);
  background: radial-gradient(circle at 75% 27%, rgba(46, 170, 142, .22), transparent 24rem), radial-gradient(circle at 18% 70%, rgba(227, 178, 85, .12), transparent 23rem), linear-gradient(135deg, #061816 0%, #0b2d29 46%, #04100f 100%);
  border: 0;
  box-shadow: none;
}

#presentation-screen #platform.corporate-lead::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  opacity: .34;
  background-image: linear-gradient(rgba(180, 237, 213, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(180, 237, 213, .08) 1px, transparent 1px);
  background-size: 76px 76px;
  mask-image: linear-gradient(90deg, #000 0%, rgba(0,0,0,.7) 52%, transparent 100%);
}

#presentation-screen #platform.corporate-lead::after {
  content: "01 / PLATFORM";
  position: absolute;
  z-index: 2;
  left: clamp(20px, 3.2vw, 58px);
  bottom: 22px;
  color: rgba(222, 248, 236, .44);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .2em;
  pointer-events: none;
}

#presentation-screen #platform .press-scene {
  position: sticky;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100dvh;
  margin-left: calc(50% - 50vw);
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background: radial-gradient(circle at 72% 43%, rgba(61, 222, 177, .16), transparent 25rem), radial-gradient(circle at 86% 84%, rgba(228, 187, 102, .11), transparent 20rem);
}

#presentation-screen #platform .press-scene-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  opacity: .96;
  mix-blend-mode: normal;
}

#presentation-screen #platform .press-scene-canvas[hidden] { display: none; }

#presentation-screen #platform[data-scene-fallback="true"] .press-scene {
  background: radial-gradient(circle at 76% 38%, rgba(61, 222, 177, .18), transparent 25rem), linear-gradient(135deg, #071a18, #0b302c 56%, #061210);
}

#presentation-screen #platform .press-scene-hint {
  position: absolute;
  left: clamp(20px, 3.2vw, 58px);
  bottom: 22px;
  z-index: 2;
  margin: 0;
  color: rgba(244, 241, 234, .44);
  font-size: 10px;
  font-weight: 650;
  letter-spacing: .14em;
  text-transform: uppercase;
  pointer-events: none;
}

#presentation-screen #platform .corporate-nav { position: absolute; top: 0; left: 0; right: 0; z-index: 4; padding: 18px clamp(20px, 3.2vw, 58px) 0; }

#presentation-screen #platform .corporate-lead-copy {
  position: absolute;
  top: clamp(170px, 25vh, 260px);
  left: clamp(20px, 7vw, 132px);
  z-index: 3;
  width: min(42vw, 620px);
  margin: 0;
  padding: 0 0 78px;
  pointer-events: none;
}

#presentation-screen #platform .corporate-lead-copy .corporate-lead-actions,
#presentation-screen #platform .corporate-nav,
#presentation-screen #platform .corporate-product a,
#presentation-screen #platform .corporate-product button { pointer-events: auto; }

#presentation-screen #platform .corporate-lead-kicker,
#presentation-screen #platform .corporate-lead-title,
#presentation-screen #platform .corporate-lead-title span,
#presentation-screen #platform .corporate-lead-text { color: var(--press-scene-ink); text-shadow: 0 18px 50px rgba(0, 0, 0, .36); }

#presentation-screen #platform .corporate-lead-kicker { color: var(--press-scene-mint); }

#presentation-screen #platform .corporate-lead-title { max-width: 620px; font-size: clamp(58px, 6.4vw, 104px); font-weight: 580; letter-spacing: -.075em; line-height: .87; }

#presentation-screen #platform .corporate-lead-text { max-width: 560px; color: rgba(244, 249, 245, .73); font-size: clamp(15px, 1.2vw, 18px); line-height: 1.65; }

#presentation-screen #platform .corporate-product {
  position: absolute;
  z-index: 3;
  top: clamp(150px, 19vh, 210px);
  right: clamp(18px, 4vw, 72px);
  width: min(55vw, 820px);
  height: min(65vh, 670px);
  display: grid;
  place-items: center;
  min-width: 0;
  padding: 0;
  pointer-events: none;
}

#presentation-screen #platform .hero-visual {
  position: relative;
  width: 100%;
  height: 100%;
  transform: perspective(1500px) rotateY(calc(-8deg + var(--scene-progress, 0) * 7deg)) rotateX(calc(2deg - var(--scene-progress, 0) * 2deg)) translate3d(calc(var(--pointer-x, 0) * 14px), calc(var(--pointer-y, 0) * 10px), 0);
  transform-origin: 60% 50%;
  transition: transform .16s ease-out;
}

#presentation-screen #platform .hero-visual::before { content: ""; position: absolute; z-index: -1; inset: 7% 1% 11% 10%; border: 1px solid rgba(155, 235, 210, .22); border-radius: 32px; transform: translate3d(calc(var(--scene-progress, 0) * 26px), calc(var(--scene-progress, 0) * -22px), 0) rotate(-7deg); box-shadow: 0 0 0 15px rgba(155, 235, 210, .025), 0 40px 90px rgba(0, 0, 0, .22); }

#presentation-screen #platform .hero-visual::after { content: ""; position: absolute; z-index: -1; width: 32%; height: 18%; right: 2%; bottom: 2%; border: 1px solid rgba(231, 199, 123, .34); border-radius: 12px; transform: translate3d(calc(var(--scene-progress, 0) * -24px), calc(var(--scene-progress, 0) * 20px), 0) rotate(-6deg); }

#presentation-screen #platform .orbit { display: none; }

#presentation-screen #platform .app-window { top: 5rem; left: 6%; width: 88%; height: min(32rem, 74%); transform: translate3d(calc(var(--scene-progress, 0) * -18px), calc(var(--scene-progress, 0) * -14px), calc(var(--scene-progress, 0) * 80px)); box-shadow: 0 42px 110px rgba(0, 11, 9, .52), 0 0 0 1px rgba(194, 249, 225, .22), inset 0 1px rgba(255, 255, 255, .85); transition: transform .18s ease-out, box-shadow .18s ease-out; }

#presentation-screen #platform .corporate-impact { border-color: rgba(141, 224, 195, .28); }

#presentation-screen #platform .corporate-impact > div + div { border-color: rgba(141, 224, 195, .2); }

@media (max-width: 1100px) {
  #presentation-screen #platform.corporate-lead { min-height: 200vh; }
  #presentation-screen #platform .corporate-lead-copy { top: 15vh; left: 42px; width: min(58vw, 640px); }
  #presentation-screen #platform .corporate-product { top: 47vh; right: 5vw; width: 85vw; height: 54vh; }
  #presentation-screen #platform .corporate-lead-title { font-size: clamp(54px, 8vw, 82px); }
}

@media (max-width: 620px) {
  #presentation-screen #platform.corporate-lead { min-height: 150vh; }
  #presentation-screen #platform .corporate-lead-copy { top: 122px; left: 20px; right: 20px; width: auto; padding-bottom: 10px; }
  #presentation-screen #platform .corporate-lead-title { font-size: clamp(45px, 13vw, 68px); }
  #presentation-screen #platform .corporate-lead-text { font-size: 14px; line-height: 1.58; }
  #presentation-screen #platform .corporate-product { top: 51vh; right: 0; width: 100vw; height: 46vh; }
  #presentation-screen #platform .hero-visual { transform: none; }
  #presentation-screen #platform .hero-visual::before { inset: 8% 2% 6% 2%; border-radius: 22px; }
  #presentation-screen #platform .app-window { top: 1rem; left: 0; width: 142.857%; height: 25rem; transform: translate3d(calc(var(--scene-progress, 0) * -10px), 0, 0) scale(.7); transform-origin: top left; }
  #presentation-screen #platform .press-scene-hint { left: 20px; bottom: 15px; font-size: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  #presentation-screen #platform.corporate-lead { min-height: 100svh; }
  #presentation-screen #platform .hero-visual,
  #presentation-screen #platform .app-window { transform: none; transition: none; }
  #presentation-screen #platform .hero-visual::before,
  #presentation-screen #platform .hero-visual::after { transform: none; }
}