.hero{--hero-meta-font:var(--m)}.hero-right>*{opacity:1}.hero-right{--hero-code-w:min(382px, 100%);--hero-team-w:min(392px, 100%);grid-template-areas:"code""team";align-content:center;justify-items:center;gap:24px;min-width:0;display:grid}.hero-h1{font-weight:800}.hero-word-d0{--semantic-word-delay:0s}.hero-word-d1{--semantic-word-delay:.24s}.hero-word-d2{--semantic-word-delay:.42s}.hero-word-d3{--semantic-word-delay:.6s}.hero-word-d4{--semantic-word-delay:.98s}.hero-word-d5{--semantic-word-delay:1.34s}.hero-sub{animation:fadeUp .9s 1.72s var(--ease-out) both}.hero-ctas{animation:fadeUp .9s 1.84s var(--ease-out) both}.hero .btn-primary{transition:background .2s, border-color .2s, transform .2s var(--ease-out), box-shadow .2s}.hero .btn-primary:hover{background:var(--action-primary);border-color:color-mix(in oklab, var(--blue) 52%, var(--border));box-shadow:0 10px 32px rgb(var(--gs-brand-blue-rgb) / 25%);transform:translateY(-2px)}.hero .btn-primary:active{transform:scale(.96)}.hero .btn-primary:focus-visible{outline:2px solid color-mix(in oklab, var(--focus-ring) 78%, white);outline-offset:2px}.hero .btn-primary .arr{transition:transform .2s var(--ease-out)}.hero .btn-primary:hover .arr{transform:translate(4px)}html.dark .hero .btn-primary:hover,:root[data-theme=dark] .hero .btn-primary:hover{background:var(--action-primary-hover);border-color:color-mix(in oklab, var(--action-primary-hover) 48%, var(--border));box-shadow:0 12px 30px #0054dc57}.btn-outline{transition:color .2s,border-color .2s,background .2s}.btn-outline:not(.btn-outline-desktop):hover{color:var(--ink);border-color:var(--ink);background:var(--mist)}.btn-outline:not(.btn-outline-desktop):active{transform:scale(.96)}.hero .btn-outline-desktop{transition:--hero-aurora-mint .5s var(--ease-out), --hero-aurora-gold .5s var(--ease-out), --hero-aurora-blue .5s var(--ease-out), --hero-shadow-blue .45s var(--ease-out), --hero-shadow-gold .45s var(--ease-out), transform .4s var(--ease-out), color .3s ease, box-shadow .35s var(--ease-out)}.hero .btn-outline-desktop:hover,.hero .btn-outline-desktop:focus-visible{--hero-aurora-mint:14%;--hero-aurora-gold:12%;--hero-aurora-blue:7%;--hero-shadow-blue:22%;--hero-shadow-gold:14%;color:var(--ink);border-color:#0000;animation:8s linear infinite heroOutlineBorderRotate;transform:translateY(-3px)}.hero .btn-outline-desktop:active{transform:translateY(-1px)scale(.96)}.hero .btn-outline-desktop:hover:before,.hero .btn-outline-desktop:focus-visible:before{filter:blur(4px);opacity:.5;transform:translateY(2px)scale(1.01)}.hero .btn-outline-desktop:hover:after,.hero .btn-outline-desktop:focus-visible:after{opacity:.9;transform:scaleX(1)}.hero .btn-outline-desktop:hover .hero-showroom-mark,.hero .btn-outline-desktop:focus-visible .hero-showroom-mark{color:color-mix(in oklab, var(--ink) 72%, var(--text-accent));transform:translate(4px)}.hero-showroom-dot{transition:box-shadow .4s var(--ease-out), animation-duration .4s ease}.hero .btn-outline-desktop:hover .hero-showroom-dot,.hero .btn-outline-desktop:focus-visible .hero-showroom-dot{box-shadow:0 0 0 5px color-mix(in oklab, var(--showroom-live) 22%, transparent), 0 0 16px color-mix(in oklab, var(--showroom-live) 55%, transparent);animation-duration:1.2s}@media (prefers-reduced-motion:reduce){.hero .btn-outline-desktop:hover,.hero .btn-outline-desktop:focus-visible{animation:none;transform:none}}.hero-lighthouse{animation:fadeUp .9s 1.96s var(--ease-out) both}.hero-lighthouse-bar span{animation:fillBar 1.8s 2.16s var(--ease-out) both}.hero-right .hero-code-window{max-width:var(--hero-code-w);grid-area:code;justify-self:end}.hero-right .hero-team-card{z-index:2;width:var(--hero-team-w);grid-area:team;justify-self:start;position:relative}@media (width<=1024px){.hero-right{--hero-code-w:min(388px, 100%);--hero-team-w:min(386px, 100%);max-width:620px;margin-inline:auto}}@media (width>=769px) and (width<=900px){.hero-right{--hero-code-w:min(340px, 100%);--hero-team-w:min(340px, 100%)}}@media (width>=769px) and (height<=820px){.hero-right{--hero-code-w:min(348px, 100%);--hero-team-w:min(342px, 100%)}}@media (width>=769px) and (height<=650px){.hero-right{--hero-code-w:min(318px, 100%);--hero-team-w:min(306px, 100%)}}@media (prefers-reduced-motion:reduce){.hero-word,.hero-h1,.hero-sub,.hero-ctas,.hero-lighthouse,.hero-lighthouse-bar span{opacity:1;animation:none;transform:none}.hero .btn-primary,.hero .btn-primary .arr,.btn-outline,.hero .btn-outline-desktop{transition:none}.hero .btn-primary:hover,.hero .btn-primary:active,.hero .btn-primary:hover .arr,.btn-outline:not(.btn-outline-desktop):hover,.btn-outline:not(.btn-outline-desktop):active,.hero .btn-outline-desktop:active{box-shadow:none;transform:none}}
