#startup-intro *{box-sizing:border-box}
#startup-intro button{font:inherit;cursor:pointer}
#startup-intro button:focus-visible{outline:2px solid var(--acid);outline-offset:5px}
#startup-intro button:disabled{opacity:.45;cursor:wait}
#startup-intro [hidden]{display:none!important}
#startup-intro{position:absolute;inset:0;overflow:hidden}
#startup-intro{background:#071c16;isolation:isolate;clip-path:inset(0 0 0 0)}
#startup-intro .atmosphere{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 50% 40%,#21503999,transparent 46%),radial-gradient(ellipse at 0 0,#50734844,transparent 50%),linear-gradient(160deg,#071c16,#0a2019 50%,#06140f)}
#startup-intro .atmosphere:after{content:'';position:absolute;inset:0;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.3' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
#startup-intro .floodlight{position:absolute;top:-38%;width:56%;height:115%;background:linear-gradient(180deg,#d6fddc19,transparent);filter:blur(18px);clip-path:polygon(47% 0,52% 0,100% 100%,0 100%);opacity:0;pointer-events:none}
#startup-intro .light-left{left:-22%;transform:rotate(-32deg)}
#startup-intro .light-right{right:-22%;transform:rotate(32deg)}
#startup-intro.running .floodlight{animation:kh-startup-lights 2.2s .1s both}
#startup-intro .intro-top{position:absolute;z-index:3;left:4.5%;right:4.5%;top:33px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.18em;color:#c0cdbd}
#startup-intro .intro-top strong{font-size:12px;color:var(--paper);font-weight:600;margin-left:8px}
#startup-intro .intro-top span:last-child{display:flex;align-items:center;gap:14px}
#startup-intro .intro-top i{display:block;width:4px;height:4px;background:var(--acid);border-radius:50%}
#startup-intro .scene{position:absolute;inset:0}
#startup-intro .stadium-word{position:absolute;left:50%;top:37%;transform:translate(-50%,-50%);font-family:Arial,sans-serif;font-size:clamp(160px,29vw,550px);font-weight:900;letter-spacing:-.065em;color:#88b99805;-webkit-text-stroke:1px #bcd8b00c;white-space:nowrap}
#startup-intro .pitch{position:absolute;width:min(115%,1600px);height:auto;left:50%;top:46%;transform:translate(-50%,-50%);overflow:visible}
#startup-intro .field-lines{opacity:0}
#startup-intro.running .field-lines{animation:kh-startup-field 2.5s .15s both}
#startup-intro .goal-posts{stroke-dasharray:1;stroke-dashoffset:1}
#startup-intro.running .goal-posts{animation:kh-startup-draw 1.3s .4s both}
#startup-intro .goal-net{opacity:0}
#startup-intro.running .goal-net{animation:kh-startup-field 1.8s .7s both}
#startup-intro .shot-trail{opacity:0}
#startup-intro.running .shot-trail{animation:kh-startup-trail 3.4s .6s both}
#startup-intro .ball-flight{transform:translate(340px,650px);opacity:0}
#startup-intro.running .ball-flight{animation:kh-startup-shot 3.4s .45s var(--ease) both}
#startup-intro.running .ball-spin{animation:kh-startup-spin 3.4s .45s linear both}
#startup-intro .ball-shadow{opacity:0}
#startup-intro.running .ball-shadow{animation:kh-startup-shadow 3.4s .45s both}
#startup-intro .goal-impact{transform-origin:720px 306px;opacity:0}
#startup-intro.running .goal-impact{animation:kh-startup-impact 1.4s 2.35s both}
#startup-intro .goal{transition:opacity .9s}
#startup-intro.branded .goal{opacity:.28}
#startup-intro .crest-stage{position:absolute;left:50%;top:40%;width:clamp(220px,28vh,360px);height:clamp(240px,35vh,390px);transform:translate(-50%,-42%) scale(.86);opacity:0;transition:opacity 1.2s,transform 1.4s var(--ease)}
#startup-intro.branded .crest-stage{opacity:1;transform:translate(-50%,-50%) scale(1)}
#startup-intro .crest{position:absolute;width:auto;height:76%;top:12%;left:50%;transform:translateX(-50%);filter:drop-shadow(0 14px 28px #0008)}
#startup-intro .crest-halo{position:absolute;inset:-40%;border-radius:50%;background:radial-gradient(ellipse,#76ab4327,transparent 62%)}
#startup-intro .crest-orbit{position:absolute;inset:-7%;width:114%;height:114%;animation:kh-startup-orbit 32s linear infinite}
#startup-intro .crest-coordinate{position:absolute;top:50%;font-size:9px;color:#aec6996b;letter-spacing:.16em}
#startup-intro .crest-coordinate.left{left:-35%}
#startup-intro .crest-coordinate.right{right:-35%}
#startup-intro .intro-copy{position:absolute;left:20px;right:20px;top:64%;text-align:center;opacity:0;transform:translateY(15px);transition:opacity 1s,transform 1s var(--ease)}
#startup-intro.branded .intro-copy{opacity:1;transform:none}
#startup-intro .eyebrow{font-size:9px;letter-spacing:.25em;color:#a4b59e}
#startup-intro .intro-copy .intro-heading{font-size:clamp(22px,3.4vw,49px);font-weight:500;letter-spacing:-.05em;margin:14px 0 0;line-height:1.12}
#startup-intro .intro-copy em{font-style:normal;color:var(--acid)}
#startup-intro .loading{position:absolute;bottom:5.8%;left:50%;transform:translateX(-50%);width:min(580px,calc(100% - 64px));z-index:4}
#startup-intro .loading-top{display:flex;align-items:baseline;justify-content:space-between;gap:15px;min-height:46px}
#startup-intro .loading-top>span:first-child{font-size:12px;color:#dde6d9}
#startup-intro .counter{white-space:nowrap;color:var(--acid)}
#startup-intro .counter b{font-size:36px;font-weight:400;letter-spacing:-.06em;font-variant-numeric:tabular-nums}
#startup-intro .counter small{font-size:13px;margin-left:5px;color:#a5be94}
#startup-intro .track{height:1px;background:#aabd9b33;position:relative}
#startup-intro .track i{position:absolute;inset:0 auto 0 0;width:0;background:var(--acid);box-shadow:0 0 12px #b7e33750}
#startup-intro .track-dot{position:absolute;left:var(--progress,0%);top:-2px;width:5px;height:5px;border-radius:50%;background:var(--acid);transform:translateX(-50%)}
#startup-intro .loading-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:8px;letter-spacing:.18em;color:#a8bda2}
#startup-intro .ready-mark{color:#d4ddce}
#startup-intro .ready-mark i{color:var(--acid);font-size:16px;font-style:normal;margin-left:12px}
#startup-intro [data-intro-failure]{font-size:12px;line-height:1.6}
#startup-intro [data-intro-failure] button{margin:6px 12px 0 0;padding:9px;border:1px solid #8ba179;background:#193528;color:#fff}
#startup-intro.failed .intro-copy{display:none}
@keyframes kh-startup-lights{to{opacity:1}}
@keyframes kh-startup-field{to{opacity:1}}
@keyframes kh-startup-draw{to{stroke-dashoffset:0}}
@keyframes kh-startup-shot{0%{opacity:0;transform:translate(340px,650px) scale(1.2)}10%{opacity:1}45%{transform:translate(530px,287px) scale(.78)}72%{opacity:1;transform:translate(720px,306px) scale(.28)}84%,100%{opacity:0;transform:translate(720px,306px) scale(.16)}}
@keyframes kh-startup-spin{to{transform:rotate(520deg)}}
@keyframes kh-startup-shadow{5%{opacity:.6}65%,100%{opacity:0;transform:translate(380px,-320px) scale(.2)}}
@keyframes kh-startup-trail{20%{opacity:.2}62%{opacity:.8}100%{opacity:0}}
@keyframes kh-startup-impact{0%{opacity:0;transform:scale(.1)}20%{opacity:.65}100%{opacity:0;transform:scale(2)}}
@keyframes kh-startup-orbit{to{transform:rotate(360deg)}}
@media(min-width:1700px){#startup-intro .crest-stage{width:330px;height:390px}
#startup-intro .intro-copy{top:65%}
#startup-intro .pitch{width:1650px}
#startup-intro .loading{bottom:7%}}
@media(max-width:650px){#startup-intro .intro-top{left:23px;right:23px;top:24px;font-size:8px;letter-spacing:.1em}
#startup-intro .intro-top strong{display:block;margin:6px 0 0;font-size:12px}
#startup-intro .intro-top span:last-child{font-size:8px;gap:7px}
#startup-intro .pitch{width:1000px;top:46%}
#startup-intro .stadium-word{font-size:220px;top:39%}
#startup-intro .crest-stage{top:38%;width:225px;height:270px}
#startup-intro .crest-coordinate.left{left:-10%}
#startup-intro .crest-coordinate.right{right:-10%}
#startup-intro .intro-copy{top:64%}
#startup-intro .intro-copy .intro-heading{font-size:26px;margin-top:12px}
#startup-intro .eyebrow{font-size:8px;letter-spacing:.19em}
#startup-intro .loading{bottom:5%;width:calc(100% - 48px)}
#startup-intro .loading-top>span:first-child{font-size:11px}
#startup-intro .counter b{font-size:30px}
#startup-intro .loading-bottom{font-size:7px;letter-spacing:.09em}
#startup-intro .light-left{left:-40%;width:80%}
#startup-intro .light-right{right:-40%;width:80%}}
@media(max-height:680px){#startup-intro .crest-stage{top:37%;height:220px;width:195px}
#startup-intro .intro-copy{top:61%}
#startup-intro .intro-copy .intro-heading{font-size:25px;margin-top:8px}
#startup-intro .loading{bottom:4%}
#startup-intro .loading-top{min-height:38px}
#startup-intro .counter b{font-size:26px}
#startup-intro .loading-bottom{margin-top:10px}
#startup-intro .intro-top{top:21px}}
@media(prefers-reduced-motion:reduce){#startup-intro *,#startup-intro *:before,#startup-intro *:after{animation:none!important;transition:none!important}
#startup-intro .floodlight,#startup-intro .field-lines,#startup-intro .goal-net{opacity:1}
#startup-intro .goal-posts{stroke-dashoffset:0}
#startup-intro .ball-flight,#startup-intro .shot-trail,#startup-intro .ball-shadow,#startup-intro .goal-impact{display:none}
#startup-intro .crest-stage{opacity:1;transform:translate(-50%,-50%)}
#startup-intro .intro-copy{opacity:1;transform:none}}
#startup-intro:not(.branded) .crest-stage,#startup-intro:not(.branded) .intro-copy{transition:none}
#startup-intro .intro-copy .intro-heading{letter-spacing:-.025em}
#startup-intro .intro-copy em{padding-left:.12em}
@keyframes kh-startup-shot-mobile{0%{opacity:0;transform:translate(500px,600px) scale(1.2)}10%{opacity:1}45%{transform:translate(610px,267px) scale(.78)}72%{opacity:1;transform:translate(720px,306px) scale(.28)}84%,100%{opacity:0;transform:translate(720px,306px) scale(.16)}}
@media(max-width:650px){#startup-intro.running .ball-flight{animation-name:kh-startup-shot-mobile}
#startup-intro .ball-shadow{display:none}}
html.kh-intro-boot{overflow:hidden!important;scroll-behavior:auto}
html.kh-intro-boot body:before{content:'';position:fixed;inset:0;z-index:99999;background:#071c16}
html.kh-intro-boot.kh-intro-revealing body:before{display:none}
#startup-intro{display:none;--acid:#b7e337;--paper:#f2f3e9;--ink:#071c16;--ease:cubic-bezier(.2,.72,.16,1);position:fixed;inset:0;z-index:100000;height:100svh;min-height:0;color:var(--paper);font-family:Manrope,Arial,sans-serif;line-height:normal;text-align:left}
html.kh-intro-boot #startup-intro{display:block!important}
#startup-intro[hidden]{display:none!important}
#startup-intro:not([data-bound]) .crest-stage{opacity:1;transform:translate(-50%,-50%)}
#startup-intro:not([data-bound]) .intro-copy{opacity:1;transform:none}
#startup-intro .intro-heading{font-family:Manrope,Arial,sans-serif;font-weight:400;font-synthesis:none}
#startup-intro .crest{max-width:none;width:auto}
#startup-intro .crest-orbit{max-width:none}
#startup-intro .intro-top{margin:0;padding:0;background:none;border:0}
#startup-intro .loading{background:none;border:0;margin:0;padding:0}
#startup-intro .loading-top{line-height:1.5}
#startup-intro .finishing{pointer-events:none}
#startup-intro.finishing{clip-path:inset(0 0 100% 0);opacity:.65;transition:clip-path .8s var(--ease),opacity .8s}
#startup-intro .intro-heading em{padding-left:.12em}
#startup-intro [data-intro-failure] button{min-height:44px}
@media(max-width:650px){#startup-intro .loading{bottom:max(5%,env(safe-area-inset-bottom))}#startup-intro .intro-top{top:max(24px,env(safe-area-inset-top))}}
@media(prefers-reduced-motion:reduce){#startup-intro.finishing{transition:none}}