/* DÈLGHEM Alpha: a cinematic video chapter immediately after the introduction.
   Native video controls, no autoplay, video request deferred until user interaction. */
.alpha-demo-section{
  background:radial-gradient(ellipse 110% 95% at 63% 0%,#23384c 0%,#142330 43%,#0d1924 100%);
  color:#f3f8fc;
  padding:clamp(64px,8vw,122px) var(--gutter,5vw) clamp(68px,8.5vw,132px);
  position:relative;
  overflow:hidden;
}
.alpha-demo-section::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.18;
  pointer-events:none;
  background-image:linear-gradient(90deg,#608ca02c 1px,transparent 1px),linear-gradient(0deg,#608ca02c 1px,transparent 1px);
  background-size:64px 64px;
}
.alpha-demo-inner{position:relative;z-index:1;width:min(100%,1290px);margin:auto}
.alpha-demo-intro{display:flex;align-items:end;justify-content:space-between;gap:42px;margin-bottom:36px}
.alpha-demo-heading{max-width:850px}
.alpha-demo-eyebrow{display:flex;align-items:center;gap:11px;font-size:11px;font-weight:700;letter-spacing:.17em;color:#9bc7d6;margin:0 0 21px}
.alpha-demo-eyebrow>span,.alpha-demo-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#80d0b9;box-shadow:0 0 0 5px #80d0b921,0 0 16px #80d0b944;flex:0 0 auto}
.alpha-demo-heading h2{font-size:clamp(34px,4.4vw,65px);line-height:1.08;letter-spacing:-.047em;font-weight:700;color:#f6fbff;margin:0}
.alpha-demo-heading h2 em{font-style:normal;color:#a6c9d8}
.alpha-demo-heading>p:last-child{margin:23px 0 0;max-width:69ch;font-size:clamp(13px,1.2vw,16px);line-height:1.75;color:#bfd0da}
.alpha-demo-facts{display:grid;grid-template-columns:repeat(3,max-content);gap:24px;color:#a1bac9;white-space:nowrap;font-size:10px;letter-spacing:.025em;padding-bottom:4px}
.alpha-demo-facts span{display:flex;flex-direction:column;gap:6px}
.alpha-demo-facts strong{color:#f0faff;font-size:17px;letter-spacing:.015em}
.alpha-demo-frame{margin:0;border:1px solid #5c839066;background:#07121d;border-radius:15px;overflow:hidden;box-shadow:0 35px 80px #030b148a,0 0 0 7px #ffffff09}
.alpha-demo-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#0a151e;max-height:min(75svh,850px)}
.alpha-demo-frame video:focus-visible{outline:3px solid #85d6c5;outline-offset:-3px}
.alpha-demo-frame figcaption{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 23px;border-top:1px solid #41596a;background:#102333;color:#c8dbe4;font-size:11px;letter-spacing:.06em}
.alpha-demo-frame figcaption>span{display:flex;gap:13px;align-items:center}
.alpha-demo-frame figcaption a{color:#d9f9ef;text-decoration:none;font-weight:700;letter-spacing:0}
.alpha-demo-frame figcaption a:hover,.alpha-demo-frame figcaption a:focus-visible{text-decoration:underline}
.alpha-demo-disclaimer{margin:22px 0 0;color:#a3b5c1;font-size:11px;line-height:1.65;max-width:92ch}
@media(max-width:920px){
 .alpha-demo-intro{align-items:start;flex-direction:column;gap:23px}
 .alpha-demo-facts{gap:26px}
}
@media(max-width:580px){
 .alpha-demo-section{padding:62px 20px 74px}
 .alpha-demo-heading h2{font-size:35px}
 .alpha-demo-eyebrow{font-size:9px;letter-spacing:.12em}
 .alpha-demo-facts{gap:19px;font-size:9px;white-space:normal}
 .alpha-demo-facts strong{font-size:15px}
 .alpha-demo-frame{border-radius:10px}
 .alpha-demo-frame figcaption{padding:14px 13px;flex-direction:column;align-items:start;gap:12px;font-size:9px}
 .alpha-demo-disclaimer{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 .alpha-demo-section *{scroll-behavior:auto}
}


/* Post-splash autoplay: the native control bar remains available to pause
   the mute 2× stream. This fallback is shown only if autoplay is blocked. */
.alpha-demo-frame{position:relative}
.alpha-demo-play-fallback{
 position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
 z-index:3;cursor:pointer;border:1px solid #9ae9e0;
 border-radius:999px;padding:15px 25px;background:#0c3444ed;
 box-shadow:0 8px 32px #0009;color:#fff;font-weight:800;font-size:15px;
}
.alpha-demo-play-fallback[hidden]{display:none}
.alpha-demo-play-fallback:hover,.alpha-demo-play-fallback:focus-visible{
 background:#11576c;outline:3px solid #9ae9e0;outline-offset:4px;
}
