/* The opening card: ink, ice-blue glass, and a clear white action. */
#top{
  --ink:255 255 255;--plate:8 9 20;--ink-display:#fafbff;--ink-body:rgb(255 255 255 / .72);--ink-rule:rgb(255 255 255 / .13);
  width:min(1240px,93vw);background:#080914;border:1px solid rgb(255 255 255 / .1);border-radius:32px;
  box-shadow:0 20px 60px rgb(8 9 20 / .14);overflow:hidden;
}
#top .hero-backdrop{min-height:max(580px,calc(100svh - var(--header-clearance) - 154px));padding:60px 5vw 64px;background:radial-gradient(ellipse at 75% 45%,#10243e 0,#0b111f 34%,#080914 70%)}
#top .c-stage{z-index:1;border-radius:0;overflow:hidden}
#top .c-cut{display:none}
#world.world-local{position:absolute;inset:0;width:100%;height:100%;z-index:0}
#top .c-stage::after{content:"";display:block;opacity:1;background:linear-gradient(90deg,#080914 0,rgb(8 9 20 / .97) 19%,rgb(8 9 20 / .82) 34%,rgb(8 9 20 / .25) 53%,transparent 72%)}
#top .c-copy{width:47%;max-width:47%;opacity:1;transform:none}
#top .hero-eyebrow{font-size:11px;line-height:1.5;letter-spacing:.15em;text-transform:uppercase;color:rgb(255 255 255 / .48);margin-bottom:24px}
#top .c-head{color:#fafbff;font-size:clamp(44px,5.15vw,72px);line-height:1.03;letter-spacing:-.05em;max-width:14ch;margin-bottom:26px;text-shadow:0 2px 22px rgb(8 9 20 / .2)}
#top .c-body{color:rgb(255 255 255 / .7);font-size:16px;line-height:1.75;max-width:36ch}
#top .c-punch{color:rgb(255 255 255 / .9);border-color:rgb(255 255 255 / .13);font-size:16px;font-weight:500;margin-top:24px;padding-top:20px;max-width:36ch}
#top .c-acts{margin-top:30px;gap:12px;max-width:100%}
#top .pill{min-height:52px;padding:15px 23px;border-radius:999px;font-size:14px}
#top .pill-solid{background:#fff;color:#080914;border-color:#fff;box-shadow:0 4px 28px rgb(255 255 255 / .08)}
#top .pill-solid:hover{background:#f1f1f1;border-color:#f1f1f1;color:#080914}
#top .pill:not(.pill-solid){background:rgb(255 255 255 / .025);color:rgb(255 255 255 / .82);border-color:rgb(255 255 255 / .2)}
#top .pill:not(.pill-solid):hover{background:rgb(255 255 255 / .075);border-color:rgb(255 255 255 / .42);color:#fff}
#top a:focus-visible{outline:2px solid #008CFF;outline-offset:5px}
#top .integration-stream{height:130px;background:linear-gradient(180deg,#080914,#0a101d 55%,#080914)}
#top .integration-stream::before{left:5%;right:5%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .12),transparent)}
#top .integration-stream::after{background:linear-gradient(90deg,#080914,transparent 8%,transparent 92%,#080914)}
#top .integration-meteor img{filter:brightness(0) invert(1);opacity:.7}
#top .integration-meteor img[src$="/fomo.svg"]{filter:grayscale(1) brightness(1.5);opacity:.75}
#top .integration-meteor::before{background:linear-gradient(90deg,transparent,rgb(0 140 255 / .3) 60%,rgb(170 220 255 / .8))}
.hero-static-mark{position:absolute;right:9%;top:50%;width:clamp(190px,25vw,320px);height:auto;transform:translateY(-50%);opacity:.15;mix-blend-mode:screen;pointer-events:none}
.enhanced body:not([data-graphics="unavailable"]):not([data-graphics="recovering"]) .hero-static-mark{opacity:0}
@media(max-width:1060px) and (min-width:861px){#top .hero-backdrop{padding-inline:36px}#top .c-copy{width:49%;max-width:49%}#top .c-head{font-size:52px}#top .c-acts .pill{padding-inline:18px}}
@media(max-width:860px){
  #top{width:94vw;border-radius:28px}
  #top .hero-backdrop{min-height:max(590px,calc(100svh - var(--header-clearance) - 128px));padding:42px 26px 44px;align-items:flex-start}
  #top .c-copy{max-width:100%;width:100%;align-self:stretch}
  #top .hero-eyebrow{font-size:10px;letter-spacing:.13em;margin-bottom:24px}
  #top .c-head{font-size:clamp(38px,10.5vw,48px);line-height:1.06;max-width:100%;margin-bottom:24px;letter-spacing:-.04em}
  #top .c-body{font-size:15px;line-height:1.75;max-width:34ch}
  #top .c-punch{font-size:15px;line-height:1.6;margin-top:22px;padding-top:18px;max-width:32ch}
  #top .c-acts{margin-top:27px;gap:11px}
  #top .c-acts .pill{min-height:50px;width:100%;max-width:none}
  #top .c-stage::after{background:linear-gradient(180deg,rgb(8 9 20 / .86) 0,rgb(8 9 20 / .78) 25%,rgb(8 9 20 / .58) 52%,rgb(8 9 20 / .24) 77%,rgb(8 9 20 / .1) 100%)}
  #top .integration-stream{height:108px}
  .hero-static-mark{width:230px;right:-35px;top:40%;opacity:.1}
}
@media(max-width:360px){#top{border-radius:24px}#top .hero-backdrop{padding:36px 22px 38px;min-height:590px}#top .c-head{font-size:36px}#top .hero-eyebrow{font-size:9px;letter-spacing:.1em}#top .c-body{font-size:14px}}