.hero-cinematic{position:relative;padding:28px 0 64px;overflow:hidden;isolation:isolate}.hero-cinematic-wrap{position:relative;z-index:2;display:grid;grid-template-columns:.45fr .55fr;gap:36px;align-items:center;min-height:min(640px,calc(100vh - 88px))}.hero-atm{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.hero-atm-glass{position:absolute;inset:0;background:#ffffff08;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.hero-atm-blue{position:absolute;inset:-8%;background:radial-gradient(680px 400px at 78% 40%,rgba(50,100,255,.14),transparent 65%),radial-gradient(520px 360px at 18% 22%,rgba(0,210,255,.12),transparent 58%)}.hero-atm-grid{position:absolute;inset:0;opacity:.035;background-image:linear-gradient(rgba(10,15,28,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(10,15,28,.35) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 70% 45%,#000 20%,transparent 70%)}.hero-atm-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 48%,rgba(10,15,28,.1) 100%)}.hero-atm-noise{position:absolute;inset:0;opacity:.02;mix-blend-mode:overlay;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");background-size:180px 180px}.hero-cinematic .hero-copy{max-width:28rem}.hero-cinematic h1{font-size:clamp(2.35rem,4vw,3.5rem);max-width:11ch;margin-bottom:14px}.hero-story{min-height:3.6rem;margin:0 0 14px}.hero-story-title{margin:0 0 4px;font-family:Syne,sans-serif;font-weight:700;font-size:1.05rem;letter-spacing:-.01em;color:var(--gradient-azure)}.hero-story-desc{margin:0;font-size:.98rem;color:var(--text-secondary);line-height:1.45;max-width:34ch}.btn-hero-primary{position:relative;overflow:hidden;background:linear-gradient(135deg,#00d9ff,#0a84ff);color:#fff;padding:13px 22px;border-radius:12px;box-shadow:0 8px 28px #0a84ff61,0 0 0 1px #ffffff1f inset;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.btn-hero-primary:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.28) 50%,transparent 60%);transform:translate(-120%);opacity:0}.btn-hero-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 36px #00d9ff73,0 0 24px #0a84ff59;filter:brightness(1.04)}.btn-hero-primary:hover:after{opacity:1;animation:hero-shine .85s ease}@keyframes hero-shine{0%{transform:translate(-120%)}to{transform:translate(120%)}}.btn-hero-glass{background:#ffffff8c;color:var(--text-primary);border:1px solid rgba(255,255,255,.72);padding:12px 18px;border-radius:12px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 6px 20px #0066ff14;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.btn-hero-glass:hover{transform:translateY(-1px);background:#ffffffc7;box-shadow:0 10px 28px #0066ff1f}[data-theme=dark] .btn-hero-glass{background:#131c31a6;border-color:#648cc866}[data-theme=dark] .btn-hero-glass:hover{background:#131c31d9}.hero-stage-shell{width:100%;margin-right:-12px}.hero-stage{position:relative;perspective:1400px;display:flex;flex-direction:column;align-items:stretch;gap:14px;width:100%}.hero-stage-glow{position:absolute;pointer-events:none;z-index:0;border-radius:50%;filter:blur(42px);animation:hero-glow-breathe 8s ease-in-out infinite}.hero-stage-glow-cyan{width:70%;height:55%;left:15%;top:12%;background:radial-gradient(circle,rgba(0,210,255,.2),transparent 65%)}.hero-stage-glow-blue{width:55%;height:50%;right:5%;bottom:18%;background:radial-gradient(circle,rgba(50,100,255,.14),transparent 65%);animation-delay:-3s}@keyframes hero-glow-breathe{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.kronos-product-window{position:relative;z-index:1;width:100%;max-width:none;border-radius:26px;overflow:hidden;background:#0a0f1c85;border:1px solid rgba(255,255,255,.26);box-shadow:0 36px 90px #0066ff42,0 12px 32px #0a0f1c29,inset 0 1px #ffffff52,inset 0 -1px #00000040;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transform-style:preserve-3d;will-change:transform}.hero-monitor-chrome{display:flex;align-items:center;gap:6px;padding:11px 14px;background:#00000047;border-bottom:1px solid rgba(255,255,255,.1)}.hero-monitor-chrome span{width:8px;height:8px;border-radius:50%;background:#ffffff59}.hero-monitor-chrome span:nth-child(1){background:#ff6b6b}.hero-monitor-chrome span:nth-child(2){background:#ffd166}.hero-monitor-chrome span:nth-child(3){background:#6bcb77}.hero-monitor-chrome em{margin-left:8px;font-style:normal;font-family:Syne,sans-serif;font-weight:700;font-size:.78rem;letter-spacing:.04em;color:#ffffffeb;flex:1}.hero-status-badge{position:absolute;top:46px;right:12px;z-index:3;font-size:.62rem;font-weight:800;letter-spacing:.07em;padding:5px 9px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#00d9ffeb,#0a84ffeb);box-shadow:0 6px 18px #0066ff59;pointer-events:none}.hero-monitor-screen{position:relative;aspect-ratio:16 / 9;background:#0a0f1c;overflow:hidden}.hero-video{width:100%;height:100%;object-fit:cover;display:block;border:0}.hero-monitor-reflect{position:absolute;inset:0 0 48%;background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.02) 55%,transparent);pointer-events:none}.hero-monitor-edge{position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1a;pointer-events:none}.hero-timeline{position:relative;z-index:2;padding:2px 0 0}.hero-timeline-list{list-style:none;margin:0;padding:0;display:flex;gap:8px;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(10,142,204,.3) transparent}.hero-timeline-list::-webkit-scrollbar{height:6px}.hero-timeline-list::-webkit-scrollbar-thumb{background:#0a8ecc4d;border-radius:99px}.hero-timeline-item{display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;background:transparent;cursor:pointer;padding:7px 12px 7px 10px;border-radius:999px;font:inherit;color:#94a3b8;white-space:nowrap;flex-shrink:0;transition:color .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease}.hero-timeline-item:hover{color:#475569;background:#ffffff73;border-color:#e2e8f0e6}.hero-timeline-item.is-active{color:#0a0f1c;background:#ffffffc7;border-color:#fffffff2;box-shadow:0 6px 18px #0066ff1a,inset 0 1px #ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hero-timeline-dot{width:6px;height:6px;border-radius:50%;border:1.5px solid #cbd5e1;background:transparent;flex-shrink:0;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease}.hero-timeline-item.is-active .hero-timeline-dot{background:linear-gradient(135deg,#00d9ff,#0a84ff);border-color:transparent;box-shadow:0 0 0 3px #00d9ff33;transform:scale(1.15)}[data-theme=dark] .hero-timeline-item{color:#94a3b8}[data-theme=dark] .hero-timeline-item:hover{color:#cbd5e1;background:#131c3199;border-color:#648cc859}[data-theme=dark] .hero-timeline-item.is-active{color:#f1f5fb;background:#131c31d9;border-color:#648cc880;box-shadow:0 6px 18px #0000004d,inset 0 1px #ffffff14}[data-theme=dark] .hero-timeline-dot{border-color:#475569}[data-theme=dark] .hero-timeline-item.is-active .hero-timeline-label{background:linear-gradient(135deg,#f1f5fb 20%,#41ebf5 120%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-timeline-label{font-family:Syne,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;line-height:1}.hero-timeline-item.is-active .hero-timeline-label{font-weight:700;letter-spacing:.09em;background:linear-gradient(135deg,#0a0f1c 20%,#0a8ecc 120%);-webkit-background-clip:text;background-clip:text;color:transparent}@media(max-width:960px){.hero-cinematic-wrap{grid-template-columns:1fr;min-height:auto;min-width:0;width:100%;gap:26px}.hero-cinematic .hero-copy{max-width:100%}.hero-cinematic h1{max-width:none;font-size:clamp(1.85rem,9vw,2.45rem)}.hero-story-desc{max-width:none}.hero-stage-shell{order:2;margin-right:0;max-width:100%;min-width:0;width:100%}.hero-copy{order:1}.hero-stage,.wl-hero-video-bg,.kronos-product-window,.product-video,.product-video-frame{max-width:100%;min-width:0;width:100%}.hero-cinematic-wrap .wl-hero-video-bg{min-height:0;height:auto}.hero-cinematic-wrap .wl-hero-video-bg .hero-monitor-screen{aspect-ratio:16 / 9;flex:none;height:auto}.kronos-product-window{border-radius:20px}.hero-timeline-item{padding:6px 10px 6px 9px}}@media(max-width:640px){.hero-cinematic{padding:18px 0 40px}.hero-cinematic .cta-row{flex-direction:column}.hero-cinematic .cta-row .btn{width:100%;justify-content:center}.hero-status-badge{top:42px;right:8px;font-size:.58rem}}@media(prefers-reduced-motion:reduce){.hero-stage-glow{animation:none}.btn-hero-primary:hover,.btn-hero-glass:hover{transform:none}.btn-hero-primary:hover:after{animation:none;opacity:0}}.wl-hero-video-bg{position:relative;height:100%;min-height:inherit;display:flex;align-items:stretch;justify-content:stretch}.wl-hero-video-bg .product-video{width:100%;height:100%;opacity:1;transform:none;filter:none}.wl-hero-video-bg .product-video-frame{aspect-ratio:unset;height:100%;width:100%;border-radius:24px;overflow:hidden}.wl-hero-video-el .product-video-el{object-fit:cover}.wl-hero-video-overlay{position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:24px;background:linear-gradient(90deg,rgba(244,247,251,.6) 0%,rgba(244,247,251,.15) 25%,transparent 50%)}[data-theme=dark] .wl-hero-video-overlay{background:linear-gradient(90deg,rgba(11,17,32,.6) 0%,rgba(11,17,32,.15) 25%,transparent 50%)}.hero-cinematic-wrap .wl-hero-video-bg .hero-stage{height:100%;display:flex;flex-direction:column}.hero-cinematic-wrap .wl-hero-video-bg .kronos-product-window{flex:1;min-height:0;display:flex;flex-direction:column;background:transparent;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.hero-cinematic-wrap .wl-hero-video-bg .hero-monitor-chrome{display:none}.hero-cinematic-wrap .wl-hero-video-bg .hero-status-badge{position:absolute;top:16px;right:16px;z-index:2}.hero-cinematic-wrap .wl-hero-video-bg .hero-monitor-screen{aspect-ratio:unset;flex:1;min-height:0;border-radius:24px;overflow:hidden}.hero-cinematic-wrap .wl-hero-video-bg .hero-timeline-list{flex-shrink:0;margin-top:12px}