/* Generated by tools/extract_v1_hero.py from home.css. Do not edit by hand. */
:where(.hero,#tip){--g0:#07170F; --g1:#0F2A1C; --g2:#173A27; --g3:#22503A;
  --lime:#C9E265; --lime-2:#E6F5A3; --beet:#D2477A; --beet-2:#F4A6C5;
  --paper:#F4F6EF; --mist:#A9BCAE; --line:rgba(201,226,101,.18);
  --disp:'Bricolage Grotesque','IBM Plex Sans',system-ui,sans-serif;
  --sans:'DM Sans','IBM Plex Sans',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;--cream:#FBFAF5;--mint:#E6F0E3;--butter:#F7F0D6;--blush:#F7E3EA;--ink:#14261B;--ink2:#4E5E53;--forest:#1F5A3A;--lime-d:#7FA51E;--shadow:0 12px 40px rgba(20,38,27,.08)}
.hero .btn,.hero .cta,.hero .lead,.hero .av,.hero .st,.hero .tog{all:unset}.hero{box-sizing:border-box}.hero *,.hero *:before,.hero *:after{box-sizing:inherit}.hero a{color:inherit;text-decoration:none}
:where(.hero,#tip){margin:0;background:var(--g0);color:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.5;overflow-x:hidden}
.hero{position:relative;min-height:100svh;display:grid;grid-template-rows:1fr auto;isolation:isolate;overflow:hidden;background:var(--g1)}
.hero #fluid,.hero #grow{position:absolute;inset:0;width:100%;height:100%;display:block}
.hero #fluid{z-index:0}
.hero #grow{z-index:1}
.hero .veil{position:absolute;inset:0;z-index:2;background:
  radial-gradient(120% 60% at 30% 105%, rgba(7,23,15,.8) 0%, rgba(7,23,15,.4) 45%, rgba(7,23,15,0) 75%),
  linear-gradient(to bottom, rgba(7,23,15,.55), rgba(7,23,15,0) 30%);pointer-events:none}
.hero .copy{position:relative;z-index:3;padding:110px 4vw 36px;width:100%;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,30vw);grid-template-rows:1fr auto;gap:24px 40px;align-items:stretch}
.hero .wordmark{font-family:var(--disp);font-variation-settings:'opsz' 96,'wght' 800;font-weight:800;font-size:clamp(84px,14.6vw,380px);line-height:.8;letter-spacing:-.05em;margin:0 0 0 -.04em;grid-column:1/-1;grid-row:2;align-self:end;color:var(--paper);text-wrap:balance;mix-blend-mode:difference;
  }
.hero .wordmark em{font-style:normal;color:var(--lime)}
@keyframes v1-split{0%{text-shadow:-22px 0 rgba(210,71,122,.9),22px 0 rgba(201,226,101,.9);letter-spacing:.02em}100%{text-shadow:-2px 0 rgba(210,71,122,.55),2px 0 rgba(201,226,101,.55);letter-spacing:-.045em}}
.hero .byline{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--lime);margin:0 0 18px;overflow:hidden}
.hero .byline span{display:inline-block;animation:v1-rise 1s .3s cubic-bezier(.2,.8,.2,1) both}
@keyframes v1-rise{from{transform:translateY(110%)}to{transform:none}}
.hero .lead{grid-column:1;grid-row:1;align-self:center;display:flex;flex-direction:column;gap:22px;max-width:560px;padding-top:6vh}
.hero .lead h2{font-family:var(--disp);font-weight:600;font-size:clamp(26px,2.6vw,44px);line-height:1.05;letter-spacing:-.025em;margin:0;text-wrap:balance}
.hero .lead p{margin:0;font-size:clamp(16px,1.15vw,19px);line-height:1.5;color:var(--mist);max-width:46ch;text-wrap:pretty}
.hero .cta{display:flex;flex-wrap:wrap;gap:10px}
.hero .btn{position:relative;display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:14px 18px;border:1px solid var(--lime);color:var(--lime);background:transparent;overflow:hidden;transition:color .25s;will-change:transform}
.hero .btn:before{content:"";position:absolute;inset:0;background:var(--lime-2);transform:translateY(101%);transition:transform .35s cubic-bezier(.2,.8,.2,1);z-index:0}
.hero .btn>*{position:relative;z-index:1}
.hero .btn.solid{background:var(--lime);color:var(--g0)}
.hero .btn:hover{color:var(--g0)}
.hero .btn:hover:before{transform:none}
.hero .btn .k{font-size:14px}
.hero .scrollhint{position:absolute;right:28px;bottom:70px;z-index:3;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mist);writing-mode:vertical-rl;display:flex;gap:12px;align-items:center}
.hero .scrollhint:after{content:"";width:1px;height:60px;background:linear-gradient(var(--lime),transparent);animation:v1-drip 1.8s ease-in-out infinite}
@keyframes v1-drip{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.hero .desk{grid-column:2;grid-row:1;align-self:center;justify-self:end;width:100%;max-width:500px;background:#F7F8F2;color:#1A231D;border-radius:22px;font-family:var(--sans);box-shadow:0 40px 90px rgba(0,0,0,.5),0 2px 0 rgba(255,255,255,.35) inset;transform:rotate(-1.5deg);transition:transform .45s cubic-bezier(.2,.8,.2,1);overflow:hidden}
.hero .desk:hover{transform:none}
.hero .desk .dh{display:flex;justify-content:space-between;align-items:center;padding:20px 22px 14px}
.hero .desk .dh h3{margin:0;font-family:var(--disp);font-weight:700;font-size:19px;letter-spacing:-.015em;line-height:1.1}
.hero .desk .dh small{display:block;font-family:var(--sans);font-weight:400;font-size:12.5px;color:#5B6553;margin-top:3px}
.hero .desk .live{display:inline-flex;align-items:center;gap:7px;background:#E9F3C4;color:#2C3600;border-radius:999px;padding:6px 12px;font-size:11.5px;font-weight:600;letter-spacing:.04em}
.hero .desk .live:before{content:"";width:8px;height:8px;border-radius:50%;background:#5A9A2E;box-shadow:0 0 0 0 rgba(90,154,46,.5);animation:v1-ping 1.6s infinite}
@keyframes v1-ping{to{box-shadow:0 0 0 8px rgba(90,154,46,0)}}
.hero .desk ul{list-style:none;margin:0;padding:0 10px;overflow:hidden}
.hero .desk li{display:grid;grid-template-columns:40px 1fr auto;gap:14px;align-items:center;padding:11px 12px;border-radius:14px;animation:v1-slidein .5s cubic-bezier(.2,.8,.2,1)}
.hero .desk li:first-child{background:#fff;box-shadow:0 6px 18px rgba(26,35,29,.08)}
@keyframes v1-slidein{from{transform:translateY(-60%);opacity:0}to{transform:none;opacity:1}}
.hero .av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-family:var(--disp);font-weight:700;font-size:14px;letter-spacing:-.02em}
.hero .av.a{background:#E9F3C4;color:#3D5A0C}
.hero .av.b{background:#F8DCE7;color:#7C1F45}
.hero .av.c{background:#DCE9DD;color:#25563A}
.hero .av.d{background:#F6E9C8;color:#6B4A00}
.hero .desk li .t{min-width:0}
.hero .desk li .t b{display:block;font-weight:600;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero .desk li .t span{display:block;font-size:12.5px;color:#5B6553;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero .st{font-size:11.5px;font-weight:600;padding:6px 11px;border-radius:999px;white-space:nowrap}
.hero .st.ok{background:#E9F3C4;color:#2C3600}
.hero .st.wait{background:#F6E9C8;color:#6B4A00}
.hero .st.hold{background:#F8DCE7;color:#7C1F45}
.hero .st.new{background:#1A231D;color:#F4F6EF}
.hero .desk .df{padding:14px 22px 20px;display:grid;grid-template-columns:1fr auto;gap:10px 12px;align-items:center;font-size:13px;color:#5B6553}
.hero .desk .df .bar{grid-column:1/-1;height:10px;border-radius:999px;background:#E4E8DC;overflow:hidden}
.hero .desk .df .bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#8FCB5A,#C9E265);width:var(--w);transition:width .6s cubic-bezier(.2,.8,.2,1)}
.hero .desk .df b{color:#1A231D;font-weight:600}
.hero .tog{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#25563A}
.hero .tog i{width:34px;height:20px;border-radius:999px;background:#25563A;position:relative}
.hero .tog i:after{content:"";position:absolute;top:3px;right:3px;width:14px;height:14px;border-radius:50%;background:#fff}
@media(max-width:900px){.hero .copy{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding-top:100px}.hero .desk{grid-column:1;grid-row:2;transform:none;max-width:none}.hero .wordmark{grid-row:3}.hero .lead{grid-row:1;padding-top:0}.hero .scrollhint{display:none}}
.hero .ticker{position:relative;z-index:3;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--g0);overflow:hidden;font-family:var(--mono);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mist)}
.hero .ticker .track{display:flex;width:max-content;animation:v1-scroll 60s linear infinite}
.hero .ticker span{padding:12px 28px;white-space:nowrap;border-right:1px solid var(--line)}
.hero .ticker b{color:var(--lime);font-weight:500}
.hero .ticker i{font-style:normal;color:var(--beet-2)}
@keyframes v1-scroll{to{transform:translateX(-50%)}}
.hero .byline,.hero .ticker,.hero .scrollhint,.hero .btn,.hero .desk .dh small{font-family:var(--sans)}
.hero .byline{font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--lime)}
.hero .btn{border-radius:999px;font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;padding:14px 22px}
.hero .btn:before{border-radius:999px}
.hero .ticker{font-size:13.5px;letter-spacing:0;text-transform:none;color:var(--mist)}
.hero .ticker span{padding:13px 26px;border-right:0}
.hero .ticker span:after{content:"·";margin-left:26px;color:var(--lime);opacity:.6}
.hero .ticker b{font-weight:600}
.hero .scrollhint{font-size:12px;letter-spacing:.06em;font-weight:500}
.hero .tog{font-weight:600}
.hero .lead h2{font-weight:700}
.hero .j{border-bottom:2px dotted rgba(201,226,101,.7);cursor:help;text-decoration:none}
#tip{position:fixed;z-index:70;max-width:300px;background:#F7F8F2;color:#1A231D;border-radius:14px;padding:12px 14px;font-family:var(--sans);font-size:13.5px;line-height:1.45;box-shadow:0 20px 50px rgba(0,0,0,.35);pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity .18s,transform .18s}
#tip.on{opacity:1;transform:none}
:where(.hero,#tip){background:var(--cream);color:var(--ink)}
.hero{border-radius:0 0 40px 40px;color:#F4F6EF}
.hero .lead h2{color:#F4F6EF}
.hero .lead p{color:#DCE6DA}
.hero .lead{position:relative}
.hero .lead:before{content:"";position:absolute;inset:-40px -60px -40px -60px;background:radial-gradient(closest-side,rgba(7,23,15,.78),rgba(7,23,15,0));z-index:-1;pointer-events:none}
.hero .j{border-bottom-color:rgba(201,226,101,.8)}
.hero .byline{color:var(--lime)}
.hero .ticker{display:none}
.hero .j{border-bottom-color:rgba(201,226,101,.9)}
.hero .copy{grid-template-columns:minmax(0,1fr) minmax(380px,34vw);grid-template-rows:auto 1fr;padding-top:96px;align-items:start}
.hero .wordmark{grid-column:2;grid-row:1;justify-self:end;align-self:start;font-size:clamp(64px,8.6vw,160px);line-height:.85;margin:0;text-align:right;letter-spacing:-.045em}
.hero .lead{grid-column:1;grid-row:1/3;align-self:center;padding-top:0;max-width:600px}
.hero .desk{grid-column:2;grid-row:2;align-self:end;justify-self:end;margin-top:28px;transform:rotate(1.5deg)}
@media(max-width:900px){.hero .copy{grid-template-columns:1fr;grid-template-rows:auto auto auto}.hero .wordmark{grid-column:1;grid-row:1;justify-self:start;text-align:left;font-size:clamp(64px,16vw,120px)}.hero .lead{grid-row:2}.hero .desk{grid-row:3;transform:none;margin-top:0}}
.hero{min-height:0}
.hero .copy{min-height:0;padding:96px 4vw 48px;grid-template-columns:minmax(0,1.1fr) minmax(360px,30vw);gap:20px 48px}
.hero .wordmark{font-size:clamp(56px,7.4vw,132px)}
.hero .desk{max-width:460px;margin-top:18px}
.hero .lead{max-width:620px}
.hero .lead h2{font-size:clamp(26px,2.9vw,46px)}
.hero .scrollhint{display:none}
@media(max-width:900px){.hero .copy{padding-top:88px}}
.hero .copy{max-width:1400px;margin:0 auto;grid-template-columns:minmax(0,1.15fr) minmax(360px,520px);grid-template-rows:auto auto;align-items:center;gap:8px 64px;padding:110px 4vw 56px}
.hero .wordmark{grid-column:1;grid-row:1;justify-self:start;align-self:end;text-align:left;font-size:clamp(64px,9vw,168px);margin:0 0 6px -.04em}
.hero .lead{grid-column:1;grid-row:2;align-self:start;max-width:600px}
.hero .lead .byline{display:none}
.hero .desk{grid-column:2;grid-row:1/3;align-self:center;justify-self:end;margin-top:0;transform:rotate(1.5deg)}
@media(max-width:900px){.hero .copy{grid-template-columns:1fr;grid-template-rows:auto auto auto}.hero .wordmark{grid-row:1}.hero .lead{grid-row:2}.hero .desk{grid-column:1;grid-row:3;transform:none}}
@media(prefers-reduced-motion:reduce){.hero .ticker .track,.hero .scrollhint:after,.hero .wordmark,.hero .byline span{animation:none}}
.hero .q .av,.hero .lp-top .av{width:28px;height:28px;border-radius:50%;background:var(--mint);color:var(--forest);font-size:10px;font-weight:700;display:grid;place-items:center;flex:none}
.hero .lp-top .av{margin-left:auto;width:20px;height:20px;font-size:8px}
.hero .desk .live:before{display:none}
.hero .desk .av{display:grid;padding:0;gap:0;font-size:14px}