*{box-sizing:border-box}body{margin:0;background:#070811;color:#f8f7ff;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 75% 12%,#42247a52,transparent 48%),radial-gradient(ellipse at 8% 25%,#00ccec18,transparent 45%)}header,main,footer{position:relative;max-width:1440px;margin:auto}header{height:130px;padding:20px 6%;display:flex;align-items:center;justify-content:space-between}.launch-logo{width:205px;height:auto}.status,.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.4px}.status{border:1px solid #8162a44f;border-radius:30px;padding:13px 18px;color:#c8bfd9}.status i,.monitor b{display:inline-block;width:6px;height:6px;background:#1ce1ef;border-radius:50%;margin-right:8px;box-shadow:0 0 12px #00e5ff}main{display:block}.launch-hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:35px 6% 80px;gap:40px}.eyebrow{color:#27d9ed;line-height:1.8;margin:0 0 25px}h1{font-size:clamp(48px,5.1vw,76px);line-height:1.04;letter-spacing:-3px;margin:0 0 28px}em{font-style:normal;background:linear-gradient(100deg,#06dbed,#809cff 52%,#fc5dde);background-clip:text;color:transparent}.intro{color:#b9b6c9;font-size:17px;line-height:1.9}.formats{display:flex;gap:10px;margin:28px 0}.formats a{padding:9px 18px;border:1px solid #8e72bd50;border-radius:30px;font-size:12px;color:#e3dcf3}.formats a:first-child{border-color:#16c7e96b}.closing{font-size:13px;color:#8e8aa3;margin-top:32px}.stage{position:relative;min-width:0;height:500px;perspective:1000px}.beam{position:absolute;inset:0;background:conic-gradient(from 245deg at 90% 42%,transparent,#05d9ff10,#ac47ff20,transparent 35%);filter:blur(30px);animation:glow 7s ease-in-out infinite alternate}.monitor{position:absolute;top:35px;left:5%;width:94%;border:2px solid #45455e;border-radius:16px;padding:12px;background:linear-gradient(145deg,#202234,#090b16);box-shadow:0 30px 80px #0009,0 0 50px #8042e61b;transform:rotate(-4deg)}.monitor-top,.monitor-bottom{display:flex;justify-content:space-between;align-items:center;font:8px monospace;letter-spacing:1px;color:#aaa9bf;padding:4px 2px 12px}.monitor-bottom{padding:13px 2px 3px;color:#76d9f5}.monitor b{width:5px;height:5px;background:#fc49c9;box-shadow:0 0 8px #fc49c9;animation:blink 2s infinite}.screen{position:relative;overflow:hidden;aspect-ratio:1.65;background:linear-gradient(#15143a,#3a2266 40%,#ad3c99 75%,#25c9e5);border-radius:5px}.sun{position:absolute;width:95px;height:95px;border-radius:50%;background:linear-gradient(#ff92e6,#a579ff);left:55%;top:15%;box-shadow:0 0 80px #f342c860;animation:rise 10s ease-in-out infinite alternate}.mountain{position:absolute;inset:30% -10% -30%;background:#241c46;clip-path:polygon(0 60%,20% 20%,38% 48%,56% 5%,78% 60%,100% 24%,100% 100%,0 100%)}.front{inset:48% -10% -10%;background:#0c142a;transform:scaleX(-1)}.horizon{position:absolute;bottom:0;height:26%;width:100%;background:repeating-linear-gradient(0deg,#53c8f52b 0 1px,transparent 1px 9px);transform:perspective(80px) rotateX(24deg)}.screen-title{position:absolute;left:8%;bottom:17%;font-size:10px;line-height:2;letter-spacing:2px;color:#d5ceef}.screen-title strong{font-size:15px;letter-spacing:1px}.frame{position:absolute;width:18px;height:18px;border-color:#d7faff88;border-style:solid}.tl{top:14px;left:14px;border-width:1px 0 0 1px}.tr{top:14px;right:14px;border-width:1px 1px 0 0}.bl{bottom:14px;left:14px;border-width:0 0 1px 1px}.br{bottom:14px;right:14px;border-width:0 1px 1px 0}.timeline{position:absolute;left:0;right:17%;top:343px;background:#101624;border:1px solid #3c4765;border-radius:9px;padding:15px;transform:rotate(-4deg);box-shadow:0 16px 25px #0008;overflow:hidden}.timeline-head{display:flex;justify-content:space-between;font:8px monospace;color:#9bb8d9;letter-spacing:1px;margin-bottom:12px}.track{height:26px;border-radius:3px;margin:5px 0}.video{display:flex;gap:3px}.video i{flex:1;border:1px solid #5371ac77;background:linear-gradient(145deg,#293a72,#8b408e,#16b1d4)}.video i:nth-child(2n){background:linear-gradient(35deg,#183659,#5253b9,#d97ac8)}.audio{height:22px;background:repeating-linear-gradient(90deg,transparent 0 2px,#29cddd 2px 4px);clip-path:polygon(0 35%,8% 10%,16% 40%,24% 0,32% 30%,40% 5%,48% 35%,56% 0,64% 25%,72% 10%,80% 40%,88% 5%,100% 30%,100% 70%,88% 95%,80% 60%,72% 90%,64% 75%,56% 100%,48% 65%,40% 95%,32% 70%,24% 100%,16% 60%,8% 90%,0 65%)}.playhead{position:absolute;top:36px;bottom:8px;left:20%;width:2px;background:#f640cc;box-shadow:0 0 12px #f640cc;animation:edit 9s linear infinite}.clapper{position:absolute;right:-2%;top:280px;width:190px;transform:rotate(10deg);z-index:2;filter:drop-shadow(0 15px 12px #0009)}.clap-top{height:29px;border:1px solid #6b5a9d;border-radius:4px;background:repeating-linear-gradient(125deg,#a5b6e3 0 20px,#24243a 20px 40px);transform-origin:bottom left;animation:clap 9s ease-in-out infinite}.clap-body{background:linear-gradient(135deg,#242036,#11101f);border:1px solid #72617e;border-radius:0 0 7px 7px;padding:12px}.clap-body>span{font:8px monospace;color:#d782ea;letter-spacing:1px}.clap-body>div{display:flex;gap:12px}.clap-body p{font:7px monospace;color:#9d96b4}.clap-body strong{display:block;color:white;font-size:11px;margin-top:5px}.clap-body p:last-child strong{font-size:8px}.stage-label{position:absolute;bottom:0;left:15%;font:8px monospace;letter-spacing:3px;color:#726c8c}footer{padding:28px 6%;display:flex;justify-content:space-between;gap:20px;color:#716e88;font-size:11px;border-top:1px solid #46406044}footer a{color:#a7a0bc;text-decoration:none}@keyframes edit{from{left:8%}to{left:94%}}@keyframes blink{50%{opacity:.3}}@keyframes rise{to{transform:translateY(-12px)}}@keyframes glow{to{opacity:.4;transform:rotate(8deg)}}@keyframes clap{0%,14%,100%{transform:rotate(0)}7%{transform:rotate(-15deg)}}@media(max-width:850px){.launch-hero{grid-template-columns:1fr;padding-top:25px;gap:20px}.copy{text-align:center}h1{font-size:64px}.formats{justify-content:center}.stage{max-width:540px;width:100%;margin:auto}header{height:105px}.intro{font-size:15px}}@media(max-width:480px){header{padding:16px 6%}.launch-logo{width:145px}.status{font-size:7px;letter-spacing:1px;padding:10px}h1{font-size:49px;letter-spacing:-2px}.eyebrow{font-size:8px}.stage{height:380px}.monitor{top:20px}.timeline{top:245px}.clapper{top:210px;width:145px}.screen-title strong{font-size:11px}.screen-title{font-size:8px}.monitor-top,.monitor-bottom{font-size:6px}.stage-label{font-size:6px;left:10%;bottom:15px}footer{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}}
.formats a:nth-child(2){color:#ded2ff;border-color:#a47aff;background:linear-gradient(135deg,#7652df26,#a77aff12);box-shadow:0 0 16px #9260ff38,inset 0 0 10px #a47aff12}.formats a:nth-child(3){color:#ffccef;border-color:#ef52cc;background:linear-gradient(135deg,#cb35a926,#ff61db12);box-shadow:0 0 16px #f344cc38,inset 0 0 10px #ff61db12}
/* Let the logo blend with the same backdrop as the hero. */
header{height:96px;padding-block:8px}
.launch-logo{display:block}
.launch-hero{padding-top:12px}
.creator-link{display:inline-block;margin-top:1rem;padding:.65rem 1rem;border:1px solid #9577ff;border-radius:.65rem;color:#fff;background:#33236d;text-decoration:none;font-weight:700}
.creator-link:hover,.creator-link:focus-visible{background:#4b3495}

.launch-section {
  margin: 0 6%;
  padding: clamp(48px, 7vw, 96px) 0;
  border-top: 1px solid #a496da33;
}
.launch-section h2 {
  margin: 0 0 22px;
  font-size: clamp(32px, 4.5vw, 62px);
  line-height: 1.06;
  letter-spacing: -.035em;
}
.launch-section p:not(.eyebrow) { color: #c5c0d8; line-height: 1.7; }
.launch-section a { color: #86e9f5; text-underline-offset: .25em; }
.launch-formats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.launch-formats article {
  --card-accent: #8cecf8;
  --card-border: #39768e;
  --card-tint: #174356;
  border: 1px solid var(--card-border);
  border-radius: 16px;
  padding: clamp(22px, 3vw, 42px);
  background: linear-gradient(145deg, var(--card-tint), #140e20 88%);
  box-shadow: inset 0 2px 0 var(--card-border);
}
.launch-formats article:nth-child(2) {
  --card-accent: #d8c2ff;
  --card-border: #805bbd;
  --card-tint: #3a265e;
}
.launch-formats article:nth-child(3) {
  --card-accent: #ffc1e8;
  --card-border: #a54f85;
  --card-tint: #512445;
}
.launch-formats span { color: var(--card-accent); font: 13px monospace; }
.launch-formats h3 { margin: 20px 0 0; font-size: 22px; }
.launch-formats p { margin-bottom: 0; }
main > .production-callout { margin: 0 6%; overflow: hidden; }
main > .production-callout + .launch-section { margin-top: clamp(48px, 7vw, 96px); }
.launch-faq details {
  --faq-accent: #8cecf8;
  --faq-border: #39768e;
  --faq-tint: #174356;
  margin-top: 10px;
  border: 1px solid var(--faq-border);
  border-radius: 12px;
  background: linear-gradient(110deg, var(--faq-tint), #151325 92%);
}
.launch-faq details:nth-of-type(2) {
  --faq-accent: #a9caff;
  --faq-border: #4e70ae;
  --faq-tint: #233c69;
}
.launch-faq details:nth-of-type(3) {
  --faq-accent: #d8c2ff;
  --faq-border: #805bbd;
  --faq-tint: #3a265e;
}
.launch-faq details:nth-of-type(4) {
  --faq-accent: #ffc1e8;
  --faq-border: #a54f85;
  --faq-tint: #512445;
}
.launch-faq summary::marker { color: var(--faq-accent); }
.launch-faq summary { cursor: pointer; padding: 22px; font-size: clamp(16px, 2vw, 21px); }
.launch-faq details p { margin: 0; padding: 0 22px 22px; }
footer nav { display: flex; gap: 18px; flex-wrap: wrap; }

@media (max-width: 760px) {
  header { height: 82px; }
  .launch-formats { grid-template-columns: 1fr; }
  footer { flex-wrap: wrap; }
}

/* Compact, responsive launch footer. */
.kinoflix-home .launch-footer {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto;
  align-items: center;
  gap: 20px 32px;
  margin: 0;
  padding: 28px 6%;
  font-size: 13px;
  line-height: 1.5;
}
.launch-footer-brand { display: grid; gap: 4px; min-width: 0; color: #a09aaf; }
.launch-footer-brand span:first-child { color: #d8d3e3; }
.kinoflix-home .launch-footer nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 4px 24px;
}
.launch-footer nav a { display: inline-flex; align-items: center; min-height: 44px; white-space: nowrap; }
.launch-footer nav a:hover { color: #fff; }
.launch-footer nav a:focus-visible { outline: 2px solid #7de8ff; outline-offset: 4px; border-radius: 3px; }
.kinoflix-home .launch-footer .test-signin-actions {
  grid-column: 1 / -1;
  margin: 0;
  padding-top: 20px;
  border-top: 1px solid #46406044;
}
@media (max-width: 640px) {
  .kinoflix-home .launch-footer { grid-template-columns: 1fr; gap: 14px; padding-block: 24px; text-align: center; }
  .kinoflix-home .launch-footer nav { justify-content: center; gap: 0 20px; }
  .kinoflix-home .launch-footer .test-signin-actions { gap: 10px; }
  .kinoflix-home .launch-footer .test-signin-actions a { flex: 1 1 140px; }
}

/* Restore the launch format pills while preserving category navigation. */
.formats{flex-wrap:wrap}.formats a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;transition:box-shadow .2s,border-color .2s}.formats a:first-child{color:#b9f7ff;background:linear-gradient(135deg,#09bdd526,#29d9ee12);box-shadow:0 0 16px #16c7e92b}.formats a:nth-child(4){color:#b9f7ff;border-color:#16c7e9;background:linear-gradient(135deg,#09bdd526,#29d9ee12);box-shadow:0 0 16px #16c7e938}.formats a:hover{box-shadow:0 0 22px #a47aff55}.formats a:focus-visible{outline:2px solid #f8f7ff;outline-offset:4px}

/* Transparent wordmark across every dark Kinoflix surface. */
img[src*="kinoflix-wordmark-transparent-v3.png"]{background:transparent!important;mix-blend-mode:screen;opacity:1}