.kling-hero{width:100%;min-height:100vh;isolation:isolate;background:#04080e;justify-content:center;align-items:center;min-height:100dvh;padding:0;display:flex;position:relative;overflow:hidden}.kling-hero__stage{background:#04080e;width:100%;height:100%;position:absolute;inset:0}.kling-hero__poster{object-fit:cover;object-position:center center;z-index:0;width:100%;height:100%;transition:opacity .35s;position:absolute;inset:0}.kling-hero__poster--hidden{opacity:0;pointer-events:none}.kling-hero__video{z-index:1;object-fit:cover;object-position:center center;opacity:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;transition:opacity .35s;position:relative;transform:translateZ(0)}.kling-hero__video--ready{opacity:1}.kling-hero__spotlight{pointer-events:none;z-index:2;mix-blend-mode:screen;transition:background .15s ease-out;position:absolute;inset:0}.kling-hero__vignette{z-index:3;pointer-events:none;background:radial-gradient(85% 75% at 50% 45%,#0000 35%,#04080eb8 100%);position:absolute;inset:0}.kling-hero__gradient{z-index:4;pointer-events:none;background:linear-gradient(#04080e6b 0%,#0000 32% 58%,#04080ee6 100%);position:absolute;inset:0}.kling-hero__grain{z-index:5;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.kling-hero__letterbox{display:none}.kling-hero__content{z-index:10;padding-top:clamp(5.75rem,12vh,8rem);padding-bottom:clamp(4rem,10vh,7rem);width:100%;padding-inline:clamp(1.25rem,4vw,2rem);position:relative}.kling-hero__inner{text-align:center;max-width:46rem;margin-inline:auto}.kling-hero--rtl .kling-hero__title{letter-spacing:0;line-height:1.22}.kling-hero__prompt{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:start;background:#04080e8c;border:1px solid #ffffff24;border-radius:1rem;justify-content:center;align-items:center;gap:.75rem;max-width:36rem;margin:0 auto;padding:.7rem 1rem;display:flex}.kling-hero__prompt-kicker{letter-spacing:.08em;text-transform:uppercase;color:#93c5fd;flex-shrink:0;font-size:.72rem;font-weight:800}.kling-hero__prompt-text{color:#f8faffe0;font-size:.88rem;line-height:1.45}.kling-hero__badge{letter-spacing:0;text-transform:none;color:#bfdbfe;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#3b82f624;border:1px solid #3b82f647;border-radius:999px;align-items:center;gap:.45rem;margin-bottom:1.25rem;padding:.4rem .95rem;font-size:.78rem;font-weight:700;display:inline-flex}.kling-hero__title{letter-spacing:-.03em;color:#f8faff;text-shadow:0 4px 40px #00000073;margin:0 0 1rem;font-size:clamp(2.4rem,6vw,4.25rem);font-weight:800;line-height:1.05}.kling-hero__title-accent{color:#93c5fd;background:linear-gradient(135deg,#60a5fa 0%,#38bdf8 45%,#fbbf24 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.kling-hero__subtitle{color:#f8faffc7;max-width:34rem;margin:0 auto 1.75rem;font-size:clamp(1rem,2vw,1.2rem);line-height:1.65}.kling-hero__actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.kling-hero__cta{border-radius:999px;justify-content:center;align-items:center;gap:.5rem;height:3rem;padding:0 1.6rem;font-size:.95rem;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.kling-hero__cta--primary{background:var(--phoenix-electric,#2563eb);color:#fff;box-shadow:0 14px 36px #2563eb47}.kling-hero__cta--primary:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 18px 44px #2563eb5c}.kling-hero__cta--ghost{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0f;border:1px solid #ffffff47}.kling-hero__cta--ghost:hover{background:#ffffff1f;transform:translateY(-2px)}.kling-hero__chips{flex-wrap:wrap;gap:.5rem;display:flex}.kling-hero__chip{color:#ffffffd9;border:1px solid color-mix(in srgb, var(--chip-color,#fff) 35%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border-radius:999px;padding:.35rem .75rem;font-size:.72rem;font-weight:600}.kling-hero__playback,.kling-hero__sound{inset-inline-end:1.25rem;z-index:12;color:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#04080e8c;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;width:2.75rem;min-width:44px;height:2.75rem;min-height:44px;transition:background .2s,transform .2s;display:flex;position:absolute;bottom:1.25rem}.kling-hero__playback:hover,.kling-hero__sound:hover{background:#04080ebf;transform:scale(1.05)}.kling-hero__scroll-hint{z-index:11;border:1px solid #fff3;border-radius:999px;justify-content:center;width:24px;height:38px;padding-top:8px;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.kling-hero__scroll-hint span{background:#3b82f6cc;border-radius:999px;width:4px;height:8px;animation:2s ease-in-out infinite kling-scroll-bounce}@keyframes kling-grain-shift{0%{transform:translate(0)}to{transform:translate(-2%,-1%)}}@keyframes kling-scan-sweep{0%,to{opacity:0;transform:translateY(0)}8%{opacity:1}45%{opacity:.6;transform:translateY(220%)}55%{opacity:0}}@keyframes kling-frame-pulse{0%,to{box-shadow:inset 0 0 0 1px #ffffff0d,inset 0 0 100px #3b82f60a}50%{box-shadow:inset 0 0 0 1px #93c5fd24,inset 0 0 140px #3b82f614}}@keyframes kling-scroll-bounce{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(6px)}}@media (max-width:768px){.kling-hero__video{object-position:center 30%}.kling-hero__inner{max-width:100%}.kling-hero__frame-glow{border-radius:0;inset:0}.kling-hero__letterbox--top,.kling-hero__letterbox--bottom{display:none}}@media (prefers-reduced-motion:reduce){.kling-hero__grain,.kling-hero__scanline:after,.kling-hero__frame-glow,.kling-hero__scroll-hint span{animation:none}.kling-hero__stage{transform:none!important}}.kling-hero__playback{inset-inline-end:4.4rem}body.pwa-banner-on .kling-hero{padding-bottom:5.5rem}@media (max-width:430px){body.pwa-banner-on .kling-hero__content{padding-bottom:calc(clamp(4rem,10vh,7rem) + 4.5rem)}}@media (max-width:768px){.kling-hero__gradient{background:linear-gradient(#04080e80 0%,#04080e75 30%,#04080e66 62%,#04080ee6 100%)}.kling-hero__subtitle{color:#f8fafff0;text-shadow:0 1px 2px #000000b3,0 2px 14px #0000008c}.kling-hero__title-accent{filter:drop-shadow(0 2px 6px #0009)}.kling-hero__badge{background:#04080e80}}