.hero-cinematic{--h-bg:#0a0d20;--h-fg:#ffffff;--h-sub:rgba(240,242,255,0.82);--h-scrim:linear-gradient(102deg,rgba(9,12,40,0.92),rgba(9,12,40,0.82) 28%,rgba(9,12,40,0.55) 52%,rgba(9,12,40,0.32) 72%,rgba(9,12,40,0.48)),radial-gradient(1200px 700px at 10% 90%,rgba(71,86,199,0.35),transparent 60%);--h-grain-color:1 1 1;--h-grain-blend:overlay;--h-grain-opacity:0.35;--h-eyebrow-fg:#c8d0f5;--h-eyebrow-bg:rgba(255,255,255,0.06);--h-eyebrow-border:rgba(255,255,255,0.14);--h-eyebrow-weight:500;--h-dot:#7dff9a;--h-dot-glow:rgba(125,255,154,0.9);--h-em:linear-gradient(92deg,#ffffff,#c8d0f5 55%,#8b95e3);--h-btn-bg:#4756c7;--h-btn-fg:#ffffff;--h-btn-hover:#2f3ba3;--h-btn-ghost:#ffffff;--h-rail-line:rgba(255,255,255,0.14);--h-rail-dim:rgba(240,242,255,0.55);--h-rail-hover:rgba(240,242,255,0.9);--h-rail-active:#ffffff;--h-bar-bg:rgba(255,255,255,0.14);--h-fill:linear-gradient(90deg,#ffffff,#c8d0f5);--h-card-bg:rgba(23,30,92,0.28);--h-card-border:rgba(200,208,245,0.22);--h-card-shadow:0 30px 60px -30px rgba(0,0,0,0.6),inset 0 1px 0 rgba(255,255,255,0.08);--h-card-fg:#ffffff;--h-card-eyebrow:#c8d0f5;--h-card-eyebrow-weight:500;--h-card-value:linear-gradient(180deg,#ffffff,#c8d0f5);--h-card-delta:#7dff9a;--h-card-delta-weight:500;--h-card-foot:rgba(240,242,255,0.65);--h-card-divider:rgba(255,255,255,0.12);--h-spark:#c8d0f5;--h-nav-bg:rgba(23,30,92,0.32);--h-nav-border:rgba(200,208,245,0.20);--h-nav-fg:#ffffff;--h-nav-hover:rgba(255,255,255,0.12);--h-nav-play-bg:rgba(255,255,255,0.12);--h-nav-play-fg:#ffffff;--h-nav-shadow:none}.hero-cinematic[data-theme=light]{--h-bg:#f7f5f0;--h-fg:#14161d;--h-sub:rgba(20,22,29,0.72);--h-scrim:linear-gradient(100deg,rgba(247,245,240,0.98),rgba(247,245,240,0.94) 30%,rgba(247,245,240,0.70) 50%,rgba(247,245,240,0.30) 72%,rgba(247,245,240,0.10)),radial-gradient(1200px 700px at 10% 90%,rgba(200,208,245,0.35),transparent 60%);--h-grain-blend:multiply;--h-grain-opacity:0.18;--h-eyebrow-fg:#2f3ba3;--h-eyebrow-bg:rgba(255,255,255,0.72);--h-eyebrow-border:rgba(71,86,199,0.18);--h-eyebrow-weight:600;--h-dot:#2f9e6c;--h-dot-glow:rgba(47,158,108,0.55);--h-em:linear-gradient(92deg,#4756c7,#2f3ba3 60%,#171e5c);--h-btn-bg:#14161d;--h-btn-fg:#ffffff;--h-btn-hover:#2f3ba3;--h-btn-ghost:#14161d;--h-rail-line:rgba(20,22,29,0.14);--h-rail-dim:rgba(20,22,29,0.45);--h-rail-hover:rgba(20,22,29,0.85);--h-rail-active:#14161d;--h-bar-bg:rgba(20,22,29,0.10);--h-fill:linear-gradient(90deg,#4756c7,#171e5c);--h-card-bg:rgba(255,255,255,0.78);--h-card-border:rgba(71,86,199,0.14);--h-card-shadow:0 30px 60px -30px rgba(23,30,92,0.28),inset 0 1px 0 rgba(255,255,255,0.9);--h-card-fg:#14161d;--h-card-eyebrow:#2f3ba3;--h-card-eyebrow-weight:600;--h-card-value:linear-gradient(180deg,#171e5c,#4756c7);--h-card-delta:#2f9e6c;--h-card-delta-weight:600;--h-card-foot:rgba(20,22,29,0.55);--h-card-divider:rgba(20,22,29,0.10);--h-spark:#4756c7;--h-nav-bg:rgba(255,255,255,0.78);--h-nav-border:rgba(71,86,199,0.16);--h-nav-fg:#14161d;--h-nav-hover:rgba(71,86,199,0.10);--h-nav-play-bg:rgba(71,86,199,0.10);--h-nav-play-fg:#2f3ba3;--h-nav-shadow:0 8px 24px -12px rgba(23,30,92,0.25)}.hero.hero-cinematic{position:relative;padding:0;overflow:hidden;background:var(--h-bg);color:var(--h-fg);min-height:clamp(620px,88vh,880px);display:flex;flex-direction:column;isolation:isolate;transition:background .9s var(--ease),color .9s var(--ease)}.hero.hero-cinematic .container-wide{position:relative;z-index:3}.hero-stage{z-index:1;overflow:hidden}.hero-slide,.hero-stage{position:absolute;inset:0}.hero-slide{opacity:0;transition:opacity 1.1s var(--ease);will-change:opacity}.hero-slide.is-active{opacity:1}.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.08);transition:transform 9s linear;max-width:none}.hero-slide.is-active img{transform:scale(1.16) translate3d(-1%,0,0)}.hero-scrim{background:var(--h-scrim);transition:background .9s var(--ease)}.hero-grain,.hero-scrim{position:absolute;inset:0;z-index:2;pointer-events:none}.hero-grain{opacity:var(--h-grain-opacity);mix-blend-mode:var(--h-grain-blend);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.55 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/></svg>");transition:opacity .9s var(--ease)}.hero-inner{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr);grid-gap:64px;gap:64px;align-items:end;padding-top:clamp(120px,16vh,180px);padding-bottom:clamp(56px,8vh,84px);flex:1 1;width:100%}.hero-copy{position:relative;min-height:clamp(320px,34vh,380px)}.hero-copy-slide{position:absolute;inset:0 auto auto 0;opacity:0;transform:translate3d(0,24px,0);transition:opacity .7s var(--ease),transform .9s var(--ease);pointer-events:none;max-width:780px}.hero-copy-slide.is-active{position:relative;opacity:1;transform:none;pointer-events:auto}.hero-eyebrow-c{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-sans);font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--h-eyebrow-fg);font-weight:var(--h-eyebrow-weight);padding:8px 14px;border-radius:999px;background:var(--h-eyebrow-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--h-eyebrow-border);margin-bottom:28px;transition:color .9s var(--ease),background .9s var(--ease),border-color .9s var(--ease)}.hero-eyebrow-c .dot{width:7px;height:7px;border-radius:50%;background:var(--h-dot);box-shadow:0 0 12px var(--h-dot-glow);animation:heroPulse 2.4s ease-in-out infinite}@keyframes heroPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.82)}}.hero-cinematic .hero-copy-slide h1{font-family:var(--font-heading);font-size:clamp(48px,6.2vw,96px);line-height:.98;letter-spacing:-.038em;font-weight:500;color:var(--h-fg);margin-bottom:28px;transition:color .9s var(--ease)}.hero-cinematic .hero-copy-slide h1 .line{display:block;overflow:hidden}.hero-cinematic .hero-copy-slide h1 em{font-style:italic;font-family:var(--font-display);font-weight:400;background:var(--h-em);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}html[data-type=grotesque-only] .hero-cinematic .hero-copy-slide h1 em{font-family:inherit;font-style:normal;font-weight:400}.hero-cinematic .hero-copy-slide.is-active h1 .line{animation:heroLineIn .9s var(--ease) both}.hero-cinematic .hero-copy-slide.is-active h1 .line:nth-child(2){animation-delay:.12s}@keyframes heroLineIn{0%{transform:translate3d(0,105%,0);opacity:0}to{transform:none;opacity:1}}.hero-sub-c{font-size:clamp(17px,1.35vw,20px);line-height:1.55;color:var(--h-sub);max-width:54ch;margin-bottom:0;transition:color .9s var(--ease)}.hero-copy-slide.is-active .hero-sub-c{animation:heroFadeUp .8s var(--ease) both;animation-delay:.25s}@keyframes heroFadeUp{0%{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:none}}.hero-cinematic .hero-cta{position:relative;margin-top:40px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.hero-cinematic .btn-primary{background:var(--h-btn-bg);color:var(--h-btn-fg);border-color:var(--h-btn-bg);transition:background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease),transform .2s var(--ease)}.hero-cinematic .btn-primary:hover{background:var(--h-btn-hover);border-color:var(--h-btn-hover);color:#fff}.hero-cinematic .btn-ghost{color:var(--h-btn-ghost);border-bottom-color:color-mix(in srgb,var(--h-btn-ghost) 55%,transparent);transition:color .3s var(--ease),border-bottom-color .3s var(--ease)}.hero-cinematic .btn-ghost:hover{color:var(--h-btn-ghost);border-bottom-color:var(--h-btn-ghost)}.hero-cinematic .btn-ghost:after{background:var(--h-btn-ghost)}.hero-progress{position:relative;margin-top:60px;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px;border-top:1px solid var(--h-rail-line);padding-top:22px;transition:border-color .9s var(--ease)}.hp-item{text-align:left;padding:4px 0 6px;color:var(--h-rail-dim);display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;grid-gap:4px 12px;gap:4px 12px;transition:color .3s var(--ease)}.hp-item:hover{color:var(--h-rail-hover)}.hp-item.is-active{color:var(--h-rail-active)}.hp-num{font-size:11px;letter-spacing:.18em;grid-column:2;opacity:.7}.hp-lbl,.hp-num{font-family:var(--font-heading);grid-row:1}.hp-lbl{font-size:15px;font-weight:500;grid-column:1}.hp-bar{grid-column:1/-1;grid-row:2;height:2px;background:var(--h-bar-bg);overflow:hidden;margin-top:8px;transition:background .9s var(--ease)}.hp-bar,.hp-fill{border-radius:2px}.hp-fill{display:block;height:100%;width:0;background:var(--h-fill)}.hp-item.is-active .hp-fill{animation:heroFill var(--hero-dur,7s) linear forwards}.hp-item.is-past .hp-fill{width:100%}.hero-cinematic[data-paused=true] .hp-item.is-active .hp-fill{animation-play-state:paused}@keyframes heroFill{0%{width:0}to{width:100%}}.hero-rail{display:flex;flex-direction:column;align-items:flex-end;gap:24px;justify-self:end;width:100%;max-width:380px}.hero-proof{width:100%;padding:22px 24px 20px;border-radius:18px;background:var(--h-card-bg);border:1px solid var(--h-card-border);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);box-shadow:var(--h-card-shadow);color:var(--h-card-fg);transition:background .9s var(--ease),color .9s var(--ease),border-color .9s var(--ease),box-shadow .9s var(--ease)}.hp-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--h-card-eyebrow);font-weight:var(--h-card-eyebrow-weight);margin-bottom:14px}.hp-eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--h-dot);box-shadow:0 0 8px var(--h-dot-glow)}.hp-stat{display:flex;align-items:baseline;gap:14px;margin-bottom:10px}.hp-value{font-size:64px;letter-spacing:-.04em;line-height:1;background:var(--h-card-value);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hp-metric,.hp-value{font-family:var(--font-heading);font-weight:500}.hp-metric{font-size:13px}.hp-delta{font-size:11.5px;color:var(--h-card-delta);font-weight:var(--h-card-delta-weight);margin-top:2px}.hp-spark{margin:6px -4px 10px;height:60px;color:var(--h-spark)}.hp-spark svg{width:100%;height:100%;display:block}.hp-foot{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid var(--h-card-divider);font-size:11.5px;color:var(--h-card-foot);transition:color .9s var(--ease),border-color .9s var(--ease)}.hero-nav{display:flex;align-items:center;gap:4px;padding:6px;border-radius:999px;background:var(--h-nav-bg);border:1px solid var(--h-nav-border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--h-nav-shadow);transition:background .9s var(--ease),border-color .9s var(--ease),box-shadow .9s var(--ease)}.hn-btn,.hn-play{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:var(--h-nav-fg);transition:background .2s var(--ease),color .9s var(--ease),transform .2s var(--ease)}.hn-btn svg,.hn-play svg{width:18px;height:18px}.hn-btn:hover,.hn-play:hover{background:var(--h-nav-hover)}.hn-btn:active{transform:scale(.94)}.hn-play{background:var(--h-nav-play-bg);color:var(--h-nav-play-fg)}@media (max-width:1100px){.hero-inner{grid-template-columns:1fr;gap:40px}.hero-rail{justify-self:stretch;max-width:none;flex-direction:row;align-items:center;justify-content:space-between}.hero-proof{max-width:320px}}@media (max-width:700px){.hero-inner{padding-top:110px;padding-bottom:44px}.hero-copy{min-height:260px}.hero-cinematic .hero-copy-slide h1{font-size:clamp(38px,9vw,56px)}.hero-progress{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:36px}.hp-lbl{font-size:12px}.hp-num{display:none}.hero-rail{flex-direction:column;align-items:stretch}.hero-proof{max-width:none}.hero-nav{align-self:flex-end}}@media (prefers-reduced-motion:reduce){.hero-slide,.hero-slide img{transition:none}.hero-slide img{transform:none}.hero-cinematic .hero-copy-slide.is-active h1 .line,.hero-copy-slide.is-active .hero-sub-c{animation:none}.hp-item.is-active .hp-fill{animation:none;width:100%}.hero-cinematic,.hero-cinematic .btn-ghost,.hero-cinematic .btn-primary,.hero-cinematic .hero-copy-slide h1,.hero-eyebrow-c,.hero-nav,.hero-progress,.hero-proof,.hero-scrim,.hero-sub-c,.hn-btn,.hn-play,.hp-bar,.hp-foot{transition:none}}