
:root{
  color-scheme:dark;
  --bg:#070c15;
  --bg-2:#091426;
  --panel:#101a2b;
  --panel-2:#13233a;
  --panel-3:#172a43;
  --edge:#25364e;
  --edge-2:#335277;
  --ink:#f3f8ff;
  --muted:#aab8ca;
  --soft:#c6d4e4;
  --a:#71c8ff;
  --a-2:#2a7fbd;
  --ok:#52d8b2;
  --shadow:0 20px 50px rgba(0,0,0,.34);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(circle at 12% -10%, rgba(29,79,145,.28), transparent 28%),
    radial-gradient(circle at 85% 0%, rgba(34,110,184,.22), transparent 30%),
    linear-gradient(180deg, #091121 0%, #060b14 100%);
  color:var(--ink);
  font:16px/1.6 Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
}
a{color:inherit;text-decoration:none}
img{max-width:100%}
button{font:inherit}
.wrap{max-width:1200px;margin:auto;padding:0 24px}
header{
  position:sticky;top:0;z-index:30;
  background:rgba(7,12,21,.88);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(43,62,90,.75)
}
.nav{min-height:76px;display:flex;align-items:center;gap:24px}
.logo{font-size:23px;font-weight:900;letter-spacing:-.8px;white-space:nowrap}
.logo span{color:var(--a)}
.menu{display:flex;align-items:center;gap:26px;margin-left:auto}
.menu a{font-size:14px;color:#d4dff0;position:relative}
.menu a::after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:var(--a);transition:width .22s ease}
.menu a:hover::after,.menu a[aria-current="page"]::after{width:100%}
.langs{display:flex;gap:4px;border:1px solid var(--edge);padding:4px;border-radius:12px;background:rgba(255,255,255,.02)}
.langs a{padding:4px 9px;border-radius:8px;font-size:12px}
.langs .active{background:#28425c;color:#fff}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:13px 20px;border-radius:12px;font-weight:800;font-size:14px;
  border:1px solid #4a7094;background:linear-gradient(180deg,#316ea3,#23567f);
  box-shadow:0 10px 30px rgba(26,104,171,.18);
  transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.btn:hover{background:linear-gradient(180deg,#3a7db8,#2b6595);box-shadow:0 12px 34px rgba(26,104,171,.25);transform:translateY(-1px)}
.btn.alt{background:rgba(16,28,44,.45);border-color:#41546b;box-shadow:none}
.btn.alt:hover{background:rgba(23,40,63,.78)}
.btn.ghost{background:transparent;border-color:#32455d;box-shadow:none;color:#d7e7f5}
.btn.ghost:hover{background:rgba(24,38,58,.62)}
.eyebrow{letter-spacing:2.4px;color:var(--a);font-size:12px;font-weight:900;text-transform:uppercase}
.hero{padding:88px 0 74px;display:grid;grid-template-columns:1.02fr .98fr;gap:46px;align-items:center}
.hero h1{font-size:clamp(44px,6vw,74px);line-height:1.04;letter-spacing:-2.8px;margin:16px 0 18px}
.hero h1 em{color:var(--a);font-style:normal}
.lead{font-size:19px;color:#b8c7d9;max-width:610px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.screen{
  background:linear-gradient(135deg,#16283e,#0b1422);
  border:1px solid #304a68;border-radius:22px;
  box-shadow:var(--shadow);overflow:hidden;position:relative;
}
.screen::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 38%,rgba(255,255,255,.055) 48%,transparent 58%);pointer-events:none}
.real-console{transform:perspective(1200px) rotateY(-9deg) rotateX(2deg);transform-origin:center}
.real-console img{display:block;width:100%;height:auto;object-fit:contain}
.section{padding:34px 0 78px}
.section h2{font-size:clamp(30px,3.5vw,44px);letter-spacing:-1.5px;line-height:1.15;margin:10px 0 12px}
.intro{color:var(--muted);margin:0 0 28px;max-width:760px}
.feature{
  display:grid;grid-template-columns:1.18fr .82fr;gap:28px;align-items:center;
  padding:30px;border-radius:22px;border:1px solid var(--edge);
  background:linear-gradient(135deg, rgba(18,34,55,.96), rgba(11,19,31,.96));
  box-shadow:var(--shadow);
}
.feature h3{font-size:28px;margin:0 0 8px;letter-spacing:-.9px}
.feature p{color:var(--muted);margin:0}
.platforms{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 0}
.plat,.chip{display:inline-flex;align-items:center;padding:8px 13px;border-radius:999px;background:#152438;border:1px solid #2b4666;color:#dbe8f6;font-size:13px;font-weight:700}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{background:linear-gradient(145deg,#141f30,#101824);border:1px solid var(--edge);border-radius:18px;padding:24px;min-height:240px;display:flex;flex-direction:column;box-shadow:0 12px 28px rgba(0,0,0,.18)}
.card .glyph{font-size:27px;background:#18324c;border-radius:12px;width:54px;height:54px;display:grid;place-items:center}
.card h3{margin:15px 0 8px;font-size:20px}
.card p{color:#afbdd1;font-size:14px;margin:0 0 18px}
.card .foot{margin-top:auto;font-size:13px;color:var(--a)}
.footnote{font-size:13px;color:var(--muted)}
footer{border-top:1px solid var(--edge);padding:24px 0 34px;color:var(--muted);font-size:13px}
.footline{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
.footline a{text-decoration:underline;text-underline-offset:3px}
.pageheading{padding:62px 0 28px}
.pageheading h1{font-size:46px;letter-spacing:-2px;margin:9px 0 10px}
.pageheading p{color:var(--muted);max-width:780px}
.content{max-width:880px;padding-bottom:80px}
.content h2{margin-top:35px}
.content p,.content li{color:#c4cfde}
.notice{background:#182b3e;border:1px solid #375577;padding:18px 21px;border-radius:13px;color:#c1d7e9}
.download-list{display:grid;gap:12px;margin:25px 0}
.download-item{background:#121e2c;border:1px solid var(--edge);border-radius:12px;padding:17px 19px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.download-item strong{display:block}.download-item small{color:#9cb2c9}
.back{color:var(--a);font-size:14px}
.subtlelink:hover{color:var(--a)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

/* New operational Delta Playout page */
.dp-shell{padding:54px 0 72px}
.dp-breadcrumb{font-size:14px;color:var(--a);margin-bottom:10px}
.dp-toplabel{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.dp-title{font-size:clamp(48px,6vw,80px);letter-spacing:-3px;line-height:1.02;margin:10px 0 16px}
.dp-lead{font-size:22px;line-height:1.45;color:#d4e0ee;max-width:900px;margin:0 0 12px}
.dp-meta{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 4px}
.dp-divider{height:1px;border:0;background:linear-gradient(90deg,rgba(113,200,255,.65),rgba(113,200,255,.08));margin:28px 0 0}
.dp-showcase{padding:34px 0 24px;display:grid;grid-template-columns:1fr 1.14fr;gap:28px;align-items:center}
.dp-showcopy{display:grid;gap:16px}
.dp-copycard{padding:22px;border-radius:20px;border:1px solid var(--edge);background:linear-gradient(180deg,rgba(20,31,48,.96),rgba(13,22,34,.96));box-shadow:var(--shadow)}
.dp-copycard h2{font-size:38px;line-height:1.14;letter-spacing:-1.4px;margin:0 0 12px}
.dp-copycard p{color:var(--muted);margin:0 0 18px}
.dp-bullets{display:grid;gap:10px}
.dp-bullets div{display:flex;align-items:flex-start;gap:10px;color:#dbe8f4;background:rgba(21,34,53,.62);border:1px solid rgba(50,73,101,.8);padding:11px 13px;border-radius:14px}
.dp-bullets div b{color:#fff}
.dp-shotframe{padding:14px;border-radius:26px;border:1px solid #2a4361;background:linear-gradient(180deg,rgba(14,25,40,.96),rgba(9,16,27,.96));box-shadow:0 26px 70px rgba(0,0,0,.38)}
.dp-shotframe .screen{border-radius:18px}
.dp-shotframe .real-console{transform:perspective(1300px) rotateY(-8deg) rotateX(2deg) rotateZ(-1deg)}
.dp-captionline{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#90a8c0;font-size:12px;padding:12px 6px 0}
.dp-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.dp-kpis div{background:rgba(15,26,42,.9);border:1px solid var(--edge);padding:14px;border-radius:16px}
.dp-kpis strong{display:block;font-size:20px;color:#fff;margin-bottom:4px}
.dp-kpis span{font-size:12px;color:#99aec6}
.dp-gallery{padding:12px 0 24px}
.dp-gallery h2,.dp-features h2,.dp-download h2{font-size:34px;letter-spacing:-1.2px;margin:0 0 10px}
.dp-gallery-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:20px;align-items:start}
.dp-panel{background:linear-gradient(180deg,rgba(14,24,38,.96),rgba(10,16,27,.98));border:1px solid var(--edge);border-radius:24px;padding:18px;box-shadow:var(--shadow)}
.dp-panel.hero-wide{padding:20px}
.dp-panel img{display:block;width:100%;height:auto;border-radius:14px}
.dp-panel h3{margin:14px 0 8px;font-size:22px}
.dp-panel p{margin:0;color:var(--muted)}
.dp-features{padding:18px 0 24px}
.dp-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.dp-feature-card{padding:20px 18px;border-radius:18px;background:linear-gradient(145deg,#132033,#101928);border:1px solid var(--edge);min-height:168px;box-shadow:0 12px 28px rgba(0,0,0,.16)}
.dp-feature-card span{display:inline-flex;width:40px;height:40px;border-radius:12px;background:#173450;align-items:center;justify-content:center;color:#9ddcff;font-weight:900;margin-bottom:12px}
.dp-feature-card h3{font-size:18px;margin:0 0 8px}
.dp-feature-card p{margin:0;color:var(--muted);font-size:14px}
.dp-download{padding:30px 0 28px}
.dp-download-intro{max-width:820px;color:var(--muted);margin:0 0 22px}
.dp-download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.dp-download-card{display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:20px;border:1px solid var(--edge);background:linear-gradient(160deg,rgba(18,31,49,.98),rgba(10,18,29,.98));box-shadow:var(--shadow)}
.dp-download-card h3{font-size:24px;margin:0;letter-spacing:-.7px}
.dp-download-card .mini{font-size:12px;color:#95aec8;text-transform:uppercase;letter-spacing:1.6px;font-weight:800}
.dp-download-card p{margin:0;color:var(--muted);font-size:14px}
.dp-download-card ul{margin:0;padding-left:18px;color:#d6e1ee;font-size:14px}
.dp-download-card li+li{margin-top:7px}
.dp-download-card .btn{margin-top:auto}
.dp-endnote{margin-top:20px;color:#9eb3c8;font-size:13px}
.dp-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px}
.dp-links a:not(.btn){color:#a6dfff}
.dp-homeblock{display:grid;grid-template-columns:1.12fr .88fr;gap:26px;align-items:center}
.dp-mini-gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
.dp-mini-gallery .screen{border-radius:18px}
.dp-mini-gallery img{display:block;width:100%;height:auto}
.dp-home-copy p{color:var(--muted)}
.benefit-list{display:grid;gap:12px;margin:18px 0 0}
.benefit-list div{display:flex;gap:11px;align-items:flex-start;color:#dce7f2}
.benefit-list i{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(82,216,178,.16);border:1px solid rgba(82,216,178,.35);color:var(--ok);font-style:normal;font-size:13px;margin-top:2px}
.reveal{opacity:1;transform:none;transition:opacity .55s ease, transform .55s ease}
.reveal.show{opacity:1;transform:none}
.floaty{animation:floaty 5.5s ease-in-out infinite}
@keyframes floaty{0%,100%{transform:perspective(1300px) rotateY(-8deg) rotateX(2deg) rotateZ(-1deg) translateY(0)}50%{transform:perspective(1300px) rotateY(-7deg) rotateX(2deg) rotateZ(-1deg) translateY(-7px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.menu a::after,.reveal{transition:none}.floaty{animation:none}.real-console,.dp-shotframe .real-console{transform:none}}
@media(max-width:980px){
  .hero,.feature,.dp-showcase,.dp-homeblock{grid-template-columns:1fr}
  .cards,.dp-feature-grid,.dp-download-grid{grid-template-columns:repeat(2,1fr)}
  .dp-gallery-grid{grid-template-columns:1fr}
  .dp-kpis{grid-template-columns:1fr 1fr 1fr}
  .real-console,.dp-shotframe .real-console{transform:none}
}
@media(max-width:760px){
  .wrap{padding:0 18px}
  .nav{flex-wrap:wrap;gap:10px;padding-top:14px;padding-bottom:14px}
  .menu{order:3;width:100%;gap:16px;flex-wrap:wrap;margin:2px 0 0}
  .menu a{font-size:12px}
  .langs{margin-left:auto}
  .hero{padding:58px 0 46px;gap:28px}
  .hero h1,.dp-title{letter-spacing:-2px}
  .feature{padding:24px}
  .cards,.dp-feature-grid,.dp-download-grid{grid-template-columns:1fr}
  .dp-kpis{grid-template-columns:1fr}
  .dp-mini-gallery{grid-template-columns:1fr}
  .dp-title{font-size:52px}
  .dp-copycard h2{font-size:31px}
}

.dp-heading-row{display:flex;align-items:center;justify-content:space-between;gap:32px}
.dp-product-logo{flex:0 0 176px;max-width:176px;display:grid;place-items:center;border-radius:22px;padding:10px 18px;background:linear-gradient(130deg,#9fbbd7,#e4f2ff);border:1px solid #c8e8ff;box-shadow:0 14px 36px rgba(0,0,0,.28)}
.dp-product-logo img{display:block;width:100%;height:auto}
@media(max-width:760px){.dp-product-logo{flex:0 0 108px;max-width:108px;padding:6px}.dp-heading-row{gap:12px}}

/* REV12 product layout: no editorial filler, no repeated screenshot */
.product-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:10px 0 12px;min-height:132px}
.product-heading .dp-title{margin:0}
.brand-logo{display:block;flex:none;width:176px;height:150px;object-fit:contain;filter:drop-shadow(0 0 24px rgba(64,171,255,.38)) brightness(1.35)}
.dp-shell{padding-top:42px}.dp-lead{max-width:860px}
.dp-showcase{padding:24px 0 12px}.dp-gallery{padding:10px 0 20px}
.dp-gallery-grid{grid-template-columns:1fr;max-width:870px;margin:auto}
.dp-copycard{padding:25px}.dp-copycard h2{font-size:34px}
.dp-bullets{gap:8px}.dp-bullets div{padding:10px 12px}
.dp-download-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.dp-download-card{gap:10px}
@media(max-width:800px){.product-heading{align-items:center;min-height:0}.brand-logo{width:112px;height:110px}.dp-download-grid{grid-template-columns:1fr}}
@media(max-width:500px){.product-heading .dp-title{font-size:43px}.brand-logo{width:90px;height:95px}.dp-lead{font-size:18px}}
