.hero{--hero-panel-alpha:0%;color:var(--hero-fg);transition:color var(--dur-story) var(--ease-in-out)}.hero[data-variant=tech]{--hero-fg:#fff;--hero-muted:var(--color-brand-100);--hero-accent:var(--color-cloud);--hero-idle:var(--color-slate-400);--hero-focus:#fff;--hero-panel:var(--color-brand-950);--hero-panel-alpha:70%;--hero-line:#fff9}.hero[data-variant=publicity]{--hero-fg:var(--color-slate-900);--hero-muted:var(--color-slate-700);--hero-accent:var(--color-flame-600);--hero-idle:var(--color-slate-500);--hero-focus:var(--color-brand-600);--hero-panel:#fff;--hero-panel-alpha:70%;--hero-line:#0f172a80}.hero[data-variant=office]{--hero-fg:#fff;--hero-muted:var(--color-brand-100);--hero-accent:var(--color-gold);--hero-idle:var(--color-slate-400);--hero-focus:var(--color-gold);--hero-panel:var(--color-brand-900);--hero-panel-alpha:60%;--hero-line:#fff9}.hero :focus-visible{outline-color:var(--hero-focus)}.hero-bg{opacity:0;transition:opacity var(--dur-story) var(--ease-in-out);position:absolute;inset:0}.hero-bg[data-active]{opacity:1}.hero-bg-tech{background:linear-gradient(135deg, var(--color-brand-950) 0%, var(--color-brand-700) 100%)}.hero-bg-publicity{background:linear-gradient(135deg, var(--color-flame-50) 0%, var(--color-flame-100) 100%)}.hero-bg-office{background:var(--color-brand-950)}.hero-deco{position:absolute;inset:-16px}.hero-grid-gold{background-image:linear-gradient(#f8d20f24 1px,#0000 1px),linear-gradient(90deg,#f8d20f24 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 70% 40%,#000 30%,#0000 80%);mask-image:radial-gradient(at 70% 40%,#000 30%,#0000 80%)}.hero-glow{background:radial-gradient(closest-side, var(--glow), transparent);border-radius:9999px;position:absolute}.hero-panel{background-color:color-mix(in srgb, var(--hero-panel) var(--hero-panel-alpha), transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--hero-fg) 14%, transparent);transition:background-color var(--dur-story) var(--ease-in-out), box-shadow var(--dur-story) var(--ease-in-out)}.hero-outline-button{border-color:var(--hero-line);color:inherit}@media (hover:hover){.hero-outline-button:hover{background-color:color-mix(in srgb, var(--hero-fg) 10%, transparent)}}.hero-badge-dot{background:var(--color-flame-600);border-radius:9999px;width:.5rem;height:.5rem;display:inline-block;position:relative}.hero-badge-dot:after{content:"";border-radius:inherit;background:var(--color-flame-600);animation:recruit-pulse 2s var(--ease-out) infinite;position:absolute;inset:0}.hero-line{margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:clip}.hero-line>span{display:block}.hero-flame{width:1.25rem;height:1.75rem;display:block;position:relative}.hero-flame-outline{color:var(--hero-idle);transition:color var(--dur-base) var(--ease-out)}[aria-current=true]>.hero-flame>.hero-flame-outline{color:var(--hero-accent)}.hero-flame-fill{clip-path:inset(100% 0 0);animation:hero-fill var(--hero-slide-duration,6s) linear forwards;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.hero-flame-fill{clip-path:none;animation:none}}.hero-flame-full{opacity:0;transition:opacity var(--dur-slow) var(--ease-out);position:absolute;inset:0}.hero-flame-full[data-show]{opacity:1}@keyframes hero-fill{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes hero-fade-in{0%{opacity:0}}@keyframes hero-line-in{0%{translate:0 .5em}}@keyframes hero-exit{to{opacity:.5;scale:.98}}@media (prefers-reduced-motion:no-preference){.hero[data-intro=play] .hero-deco{animation:hero-fade-in var(--dur-base) var(--ease-out) both}.hero[data-intro=play] .hero-line>span{animation:hero-line-in var(--dur-story) var(--ease-out) both;animation-delay:calc(.15s + var(--i,0) * var(--stagger))}@supports (animation-timeline:view()){.hero{view-timeline:--hero block}.hero-content{transform-origin:50% 0;animation:linear both hero-exit;animation-timeline:--hero;animation-range:exit}}}.hero-stage:not([data-playing]) *{animation-play-state:paused!important}.hero-edge-lit{transition:opacity var(--dur-slow) var(--ease-out)}.hero-packet{animation:hero-packet var(--dur-slow) var(--ease-in-out) both}@keyframes hero-packet{0%{opacity:1;translate:0}90%{opacity:1}to{translate:var(--dx) var(--dy);opacity:0}}.hero-drop{opacity:0;transition:opacity var(--dur-slow) var(--ease-out), translate var(--dur-slow) var(--ease-out);translate:0 -10px}.hero-drop[data-in]{opacity:1;translate:none}.hero-flow-seg{transition:scale var(--dur-slow) var(--ease-out);scale:0 1}.hero-flow-seg[data-in]{scale:1}.hero-flow-on{opacity:0;transition:opacity var(--dur-slow) var(--ease-out)}.hero-flow-on[data-in]{opacity:1}.hero-type{animation:1s steps(20,end) both hero-type;display:inline-block}.hero-caret{vertical-align:-.15em;background:currentColor;width:.5em;height:1em;animation:1s step-end infinite hero-caret;display:inline-block}@keyframes hero-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes hero-caret{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.hero-stage *,.hero-badge-dot:after{animation:none!important}.hero-badge-dot:after{opacity:0}}