.kling-hero{position:relative;width:100%;min-height:100vh;min-height:100dvh;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}.kling-hero__stage{position:absolute;inset:0;width:100%;height:100%;background:#04080e 50%/cover no-repeat}.kling-hero__video{width:100%;height:100%;object-fit:cover;object-position:center center;transform:translateZ(0);opacity:1;transition:opacity .35s ease;backface-visibility:hidden}.kling-hero__video--ready{opacity:1}.kling-hero__spotlight{z-index:2;mix-blend-mode:screen;transition:background .15s ease-out}.kling-hero__spotlight,.kling-hero__vignette{position:absolute;inset:0;pointer-events:none}.kling-hero__vignette{z-index:3;background:radial-gradient(ellipse 85% 75% at 50% 45%,#0000 35%,#04080eb8 100%)}.kling-hero__gradient{z-index:4;background:linear-gradient(180deg,#04080e6b,#0000 32%,#0000 58%,#04080ee6)}.kling-hero__gradient,.kling-hero__grain{position:absolute;inset:0;pointer-events:none}.kling-hero__grain{z-index:5;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")}.kling-hero__letterbox{display:none}.kling-hero__content{position:relative;z-index:10;width:100%;padding-top:clamp(5.75rem,12vh,8rem);padding-bottom:clamp(4rem,10vh,7rem);padding-inline:clamp(1.25rem,4vw,2rem)}.kling-hero__inner{max-width:42rem}.kling-hero__badge{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .95rem;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--phoenix-teal,#3b82f6);background:#3b82f614;border:1px solid #3b82f647;backdrop-filter:blur(12px);margin-bottom:1.25rem}.kling-hero__title{font-size:clamp(2.4rem,6vw,4.25rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;color:#f8faff;margin:0 0 1rem;text-shadow:0 4px 40px #00000073}.kling-hero__title-accent{display:block;color:#93c5fd;background:linear-gradient(135deg,#60a5fa,#38bdf8 45%,#fbbf24);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#0000}.kling-hero__subtitle{font-size:clamp(1rem,2vw,1.2rem);line-height:1.65;color:#f8faffc7;max-width:34rem;margin:0 0 1.75rem}.kling-hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.kling-hero__cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;height:3rem;padding:0 1.6rem;border-radius:999px;font-weight:700;font-size:.95rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.kling-hero__cta--primary{background:var(--phoenix-electric,#2563eb);color:#fff;box-shadow:0 14px 36px #2563eb47}.kling-hero__cta--primary:hover{transform:translateY(-2px);box-shadow:0 18px 44px #2563eb5c;background:#1d4ed8}.kling-hero__cta--ghost{border:1px solid #ffffff47;color:#fff;background:#ffffff0f;backdrop-filter:blur(14px)}.kling-hero__cta--ghost:hover{background:#ffffff1f;transform:translateY(-2px)}.kling-hero__chips{display:flex;flex-wrap:wrap;gap:.5rem}.kling-hero__chip{padding:.35rem .75rem;border-radius:999px;font-size:.72rem;font-weight:600;color:#ffffffd9;background:#ffffff0f;border:1px solid color-mix(in srgb,var(--chip-color,#fff) 35%,#0000);backdrop-filter:blur(10px)}.kling-hero__playback,.kling-hero__sound{position:absolute;inset-inline-end:1.25rem;bottom:1.25rem;z-index:12;width:2.75rem;height:2.75rem;min-width:44px;min-height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#ffffffe6;background:#04080e8c;border:1px solid #ffffff24;backdrop-filter:blur(12px);transition:background .2s ease,transform .2s ease}.kling-hero__playback:hover,.kling-hero__sound:hover{background:#04080ebf;transform:scale(1.05)}.kling-hero__scroll-hint{position:absolute;left:50%;bottom:1.5rem;z-index:11;transform:translateX(-50%);width:24px;height:38px;border-radius:999px;border:1px solid #fff3;display:flex;justify-content:center;padding-top:8px}.kling-hero__scroll-hint span{width:4px;height:8px;border-radius:999px;background:#3b82f6cc;animation:kling-scroll-bounce 2s ease-in-out infinite}@keyframes kling-grain-shift{0%{transform:translate(0)}to{transform:translate(-2%,-1%)}}@keyframes kling-scan-sweep{0%,to{transform:translateY(0);opacity:0}8%{opacity:1}45%{transform:translateY(220%);opacity:.6}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{transform:translateY(0);opacity:1}50%{transform:translateY(6px);opacity:.5}}@media(max-width:768px){.kling-hero__video{object-position:center 30%}.kling-hero__inner{max-width:100%}.kling-hero__frame-glow{inset:0;border-radius:0}.kling-hero__letterbox--bottom,.kling-hero__letterbox--top{display:none}}@media(prefers-reduced-motion:reduce){.kling-hero__frame-glow,.kling-hero__grain,.kling-hero__scanline:after,.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)}}