*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:#000;color:#fff;font-family:Geist,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0}

/* shared palette */
:root{--bg:#000;--panel:#0C0C0E;--panel2:#141417;--line:#232327;--ink:#fff;--mute:#9A9AA6;
  --gold:#FFC94A;--pink:#FF3DCB;--violet:#7B2FF7;--grad:linear-gradient(100deg,#FFC94A 0%,#FF3DCB 48%,#7B2FF7 100%)}

/* ---------- hero ---------- */
.hero2{font-size:clamp(11px,min(1.111vw,1.78vh),22px);position:relative;height:100vh;height:100svh;min-height:38em;background:#000;color:#fff;overflow:hidden;display:flex;flex-direction:column}
#discs{position:absolute;inset:0;width:100%;height:100%;display:block}
.hero2>nav,.h2body{position:relative;z-index:2}
.n1{height:4.6em;display:flex;align-items:center;gap:3em;padding:0 3.2em;background:rgba(18,18,20,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:.5em;font-family:Lexend,sans-serif;font-size:1.25em;font-weight:500;letter-spacing:-.03em}
.lg{width:1.9em;height:1.9em;display:block}
.n1l{flex:1;display:flex;justify-content:center;gap:3.2em;font-size:.82em;font-weight:500}
.n1l span{color:var(--mute)}
.n1l a:hover,.n2 a:hover{color:var(--pink)}
.n2{height:3.6em;display:flex;align-items:center;justify-content:center;gap:2.1em;font-size:.82em;font-weight:500;background:rgba(18,18,20,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.n2 i{width:1px;height:1.2em;background:var(--line)}.n2 span{color:var(--mute)}
.pill{display:inline-flex;align-items:center;height:2.9em;padding:0 1.35em;border:1.5px solid #fff;border-radius:2em;font-size:.84em;font-weight:500;transition:background .2s,color .2s,border-color .2s}
.pill:hover{background:#fff;color:#000}
.pill.solid{background:#fff;color:#000}.pill.solid:hover{background:transparent;color:#fff}
.h2body{flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding:0 3.2em 4.2em;max-width:52em}
.tagp{align-self:flex-start;background:#fff;color:#000;font-size:.78em;font-weight:600;padding:.45em .95em;border-radius:.45em;letter-spacing:.01em}
.hero2 h1{font-family:Lexend,sans-serif;font-weight:400;font-size:3.35em;line-height:1.14;letter-spacing:-.045em;margin-top:.45em}
.h2body p{font-size:.92em;color:#C9C9D2;margin-top:1.5em;max-width:30em;line-height:1.45}
.h2btns{display:flex;gap:1.4em;margin-top:2.2em}

.aws{position:relative;display:inline-block;padding:0 .04em;background:var(--grad);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:awsflow 5s ease-in-out infinite alternate}
.aws::before,.aws::after{content:attr(data-t);position:absolute;inset:0;padding:inherit;z-index:-1;background:inherit;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:awsflow 5s ease-in-out infinite alternate,awsglow 2.6s ease-in-out infinite alternate}
.aws::before{filter:blur(.16em)}.aws::after{filter:blur(.42em);opacity:.75}
@keyframes awsflow{from{background-position:0 0}to{background-position:100% 0}}
@keyframes awsglow{from{opacity:.55}to{opacity:1}}
.cta{display:inline-flex;align-items:center;justify-content:center;height:4.2em;padding:0 2.6em;background:#fff;color:#000;font-family:"Geist Mono",monospace;font-size:.68em;letter-spacing:.04em;border-radius:2.1em;transition:background .2s}
.word{font-family:Lexend,sans-serif;font-size:1.3em;font-weight:500;letter-spacing:-.03em;display:flex;align-items:center;gap:.45em}

@media (max-width:820px){
  .hero2{font-size:14px;height:auto;min-height:100svh}
  .n1{padding:0 1.1em;gap:1em}.n1l{display:none}.n1 .pill{margin-left:auto}
  .n2{overflow-x:auto;justify-content:flex-start;padding:0 1.1em;gap:1.5em;white-space:nowrap}.n2 i,.n2 span{display:none}
  .h2body{padding:5em 1.1em 2.5em;background:linear-gradient(rgba(0,0,0,0) 30%,rgba(0,0,0,.8) 48%,#000 62%)}
  .pill{height:3.1em}
  .hero2 h1{font-size:min(2.5em,8.6vw)}
}
@media (prefers-reduced-motion:reduce){.aws,.aws::before,.aws::after{animation:none}}

/* ---------- the problem ---------- */
.prob{font-size:clamp(11px,1.111vw,22px);background:#000;color:#fff;padding-bottom:1em}
.tag{height:3.3em;display:flex;align-items:center;justify-content:space-between;padding:0 1.35em;border-bottom:1px solid var(--line)}
.tag span{font-family:"Geist Mono",monospace;font-size:.62em;letter-spacing:.03em}
.tag i{width:.45em;height:.45em;background:var(--pink)}
.prob h2{font-family:"Geist Mono",ui-monospace,monospace;font-weight:400;font-size:2.25em;line-height:1.14;letter-spacing:-.01em;text-align:center;margin:2.5em 0 1.15em}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:.55em;padding:0 .7em}
.fig{background:var(--panel);border:1px solid var(--line);aspect-ratio:467/305;display:flex;align-items:center;justify-content:center;overflow:hidden}
.fig svg{width:74%;overflow:visible;height:auto;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.pcard:hover .fig svg{transform:scale(1.04)}
.pcard h3{font-family:"Geist Mono",ui-monospace,monospace;font-weight:400;font-size:1.12em;letter-spacing:-.01em;margin:1.3em .85em 0}
.pcard p{font-size:.74em;color:var(--mute);margin:.65em 1.3em 3.4em}
@media (max-width:820px){
  .prob{font-size:14px}
  .prob h2{font-size:min(1.7em,5.6vw)}
  .pgrid{grid-template-columns:1fr}
}

/* ---------- how we set it up ---------- */
.infra{font-size:clamp(11px,1.111vw,22px);background:#050506;color:#fff;overflow:hidden}
.tag span{color:#D8D8E0}
.stage{position:relative;padding:1.5em 2.2em 8.5em}
.stage svg{display:block;width:100%;height:auto;font-family:"Geist Mono",ui-monospace,monospace}
.itext{position:absolute;right:4em;bottom:3.6em;width:31em}
.itext h2{font-weight:500;font-size:2.35em;line-height:1.02;letter-spacing:-.035em}
.itext p{font-size:.82em;line-height:1.35;color:#9A9CA3;margin-top:1.4em;max-width:30em}
.ibtns{display:flex;gap:.5em;margin-top:1.9em}
.ib{display:inline-flex;align-items:center;gap:.7em;height:2.9em;padding:0 1.3em;font-size:.8em;font-weight:500;border:1.5px solid #fff;border-radius:2em;transition:background .2s,border-color .2s}
.ib:hover{border-color:#77797F}
.ib.solid{background:#fff;color:#111;border-color:#fff;padding-left:.45em}
.ib.solid:hover{background:#DADBDF}
.ib i{font-style:normal;width:2em;height:2em;display:grid;place-items:center;background:#000;color:#fff;border-radius:50%}

.wire{fill:none;stroke:#D8D9DD;stroke-width:1.1;stroke-linejoin:round;stroke-linecap:round}
.wire.dash{stroke:#8D8F96;stroke-dasharray:5 5;animation:march 1.2s linear infinite}
.arrow{fill:none;stroke:#D8D9DD;stroke-width:1.3;stroke-linecap:round}
@keyframes march{to{stroke-dashoffset:-20}}
.pk{fill:#fff;filter:drop-shadow(0 0 5px #FF3DCB)}
.jt{fill:#fff}
.lb{fill:#7E8087;font-size:8.5px;letter-spacing:.02em}

.slab .edge{fill:url(#edge);stroke:#C52FD8;stroke-width:16;stroke-linejoin:round}
.slab .deck{fill:#202023;stroke:#202023;stroke-width:16;stroke-linejoin:round}
.slab{animation:hover 6s ease-in-out infinite}
@keyframes hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.slot{fill:none;stroke:#34343A;stroke-width:1;stroke-dasharray:3 3;stroke-linejoin:round}
.tile polygon{fill:#3B3B40;stroke:#3B3B40;stroke-width:9;stroke-linejoin:round}
.tlb{fill:#C8CAD0;font-size:8.2px}
.tile,.pod,.ln{opacity:0}
.run .tile{animation:pop .6s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(1.6s + var(--i)*.36s)}
@keyframes pop{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
.out .tile,.out .pod,.out .ln{animation:fo .6s both}
@keyframes fo{from{opacity:1}to{opacity:0}}

.pod polygon{fill:#111113;stroke:#111113;stroke-width:9;stroke-linejoin:round}
.pod.more polygon{stroke:#19191B}
.plb{fill:#C8CAD0;font-size:10px}.plb.dim{fill:#6F7178}
.pico{fill:#6F7178;font-size:17px}
.run .pod{animation:pod .7s ease both;animation-delay:calc(5.2s + var(--i)*.35s)}
@keyframes pod{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

.node .ct{fill:#2A2A2E;stroke:#2A2A2E}.node .cl{fill:#1F1F22;stroke:#1F1F22}.node .cr{fill:#141416;stroke:#141416}
.node polygon{stroke-width:7;stroke-linejoin:round}
.ico{fill:#fff;font-size:17px;font-weight:500}
.url{fill:#8E9097;font-size:13px}
.mag{fill:none;stroke:#8E9097;stroke-width:1.4;stroke-linecap:round}

.code rect{fill:#131314;stroke:#242427}
.chd{fill:#6F7178;font-size:8px}.live{fill:#FF7BDD;font-size:8px}
.ln{fill:#E6E7EA;font-size:11.4px;}
.run .ln{animation:type .01s both;animation-delay:calc(var(--i)*.16s)}
.ln.c{fill:#6F7178}.ln.k{fill:#FFC94A}.ln.f{fill:#FF7BDD}
.ln .s{fill:#B58CFF}.ln .n{fill:#FF7BDD}
@keyframes type{from{opacity:0}to{opacity:1}}

@media (max-width:820px){
  .infra{font-size:14px}
  .stage{padding:1em 0 2.5em}
  .stage svg{width:128%;margin-left:-14%}
  .itext{position:static;width:auto;padding:2em 1.2em 0}
  .ibtns{flex-wrap:wrap}
  .itext h2{font-size:1.75em}
}
@media (prefers-reduced-motion:reduce){
  .tile,.pod,.ln{animation:none!important;opacity:1}.slab,.wire.dash{animation:none}
}

/* ---------- going live: scroll-driven launch ---------- */
.launch{font-size:clamp(11px,min(1.111vw,1.78vh),22px);height:340vh;position:relative;background:#000;color:#fff;--a:0;--b:0;--ta:0;--tb:0;--d:0}
.lsticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.lsticky>*{position:absolute}
.lsky{inset:0;background:linear-gradient(#000 0%,#160A2C 30%,#4A1A7A 56%,#D233B8 80%,#FFC94A 100%)}
.lcloud{left:-8%;width:116%;height:74%;top:0;will-change:transform}
.lcloud.back{opacity:.85;transform:translateY(calc(var(--a)*6vh + var(--b)*70vh))}
.lcloud.front{top:18%;height:70%;opacity:.95;transform:translateY(calc(var(--a)*16vh + var(--b)*120vh)) scale(1.25)}
.lworld{left:0;right:0;bottom:0;height:58%;transform:translateY(calc(var(--a)*5vh + var(--b)*75vh));will-change:transform}
.hills{position:absolute;inset:0;width:100%;height:100%}
.tower{position:absolute;left:46.2%;bottom:39%;height:17%;width:auto}
.trail{left:50%;bottom:calc(25% - var(--b)*75vh);width:.46em;margin-left:-.23em;height:calc(18vh + var(--a)*46vh + var(--b)*140vh);border-radius:.3em .3em 0 0;
  background:linear-gradient(to top,rgba(255,61,203,0) 0,rgba(255,61,203,.7) 12%,#FFC94A 46%,#FFF3D0 82%,#fff 100%);
  box-shadow:0 0 1em .2em rgba(255,201,74,.85),0 0 3.5em .9em rgba(255,61,203,.5),0 0 8em 2.2em rgba(123,47,247,.4)}
.trail i{position:absolute;left:50%;top:0;display:block}
.plume{width:1.7em;height:8.5em;margin-left:-.85em;clip-path:polygon(34% 0,66% 0,100% 100%,0 100%);filter:blur(.1em);transform-origin:50% 0;
  background:radial-gradient(ellipse 55% 100% at 50% 0,#fff 0,#FFF4CF 16%,#FFC94A 36%,rgba(255,122,80,.75) 60%,rgba(255,61,203,0) 100%);animation:flame .11s steps(3) infinite}
.halo{width:7em;height:13em;margin-left:-3.5em;top:-2em!important;border-radius:50%;background:radial-gradient(closest-side,rgba(255,214,140,.5),rgba(255,120,90,.18) 55%,transparent);mix-blend-mode:screen;animation:pulse .5s ease-in-out infinite alternate}
@keyframes flame{0%{transform:scale(1,1)}33%{transform:scale(1.12,.93)}66%{transform:scale(.92,1.06)}}
@keyframes pulse{to{opacity:.75;transform:scale(1.08)}}
.rocket{left:50%;width:2em;margin-left:-1em;bottom:calc(25% + 18vh + var(--a)*46vh + var(--b)*65vh - .1em);filter:drop-shadow(0 .3em .8em rgba(255,170,90,.45));animation:shake .09s steps(2) infinite}
@keyframes shake{50%{transform:translateX(.5px)}}
.lglow{inset:0;background:radial-gradient(60% 34% at 50% 100%,rgba(255,201,74,.6),rgba(255,61,203,.3) 55%,transparent 100%);mix-blend-mode:screen;opacity:calc(1 - var(--b))}
.lnight{inset:0;background:#000;opacity:calc(var(--b)*.94)}
.planet{left:50%;top:38%;width:150vw;height:150vw;margin-left:-75vw;border-radius:50%;transform:translateY(calc((1 - var(--b))*105vh));will-change:transform;
  background:radial-gradient(circle at 50% 0,#FFE08A 0,#FFC94A 10%,#FF3DCB 38%,#B02EE0 62%,#5A1FC0 100%);
  box-shadow:0 0 5em 1.2em rgba(255,61,203,.5),0 0 14em 4em rgba(123,47,247,.35),inset 0 2em 5em rgba(255,230,160,.4)}
.lfade{display:none}
/* the scene dissolves into black as it scrolls away, so it meets the next section without an edge */
.launch::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34vh;z-index:3;pointer-events:none;
  background:linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,.4) 35%,rgba(0,0,0,.85) 70%,#000 96%)}
.ltag{left:0;right:0;top:0;border-color:rgba(255,255,255,.12)}
.ltxt{left:0;right:0;text-align:center;pointer-events:none}
.ltxt h2{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:4.1em;line-height:.98;letter-spacing:-.025em}
.ltxt.a{top:50%;opacity:var(--ta);transform:translateY(calc((1 - var(--ta))*2em));filter:blur(calc((1 - var(--ta))*8px))}
.ltxt.a p{font-size:.86em;color:#EDE4F5;margin-top:1.6em}
.ltxt.a .aws{font-style:italic}
.ltxt.b{top:21%;opacity:var(--tb);transform:translateY(calc((1 - var(--tb))*2em))}
.ltxt.b h2{font-size:2.9em}
.chip{display:inline-flex;align-items:center;gap:.6em;font-size:.68em;font-weight:600;padding:.5em 1em;background:#fff;color:#000;border-radius:.45em;margin-bottom:1.7em}
.chip i{width:.35em;height:.35em;border-radius:50%;background:var(--pink)}

.dash{left:50%;top:47%;width:50em;margin-left:-25em;transform:translateY(calc((1 - var(--d))*70vh));opacity:calc(.2 + var(--d)*.8);will-change:transform;
  background:rgba(40,10,60,.5);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:.5em .5em 0 0;overflow:hidden;box-shadow:0 2em 5em rgba(20,0,40,.5)}
.dbar{height:2.3em;background:#15141B;display:flex;align-items:center;padding:0 .9em;gap:1em}
.lights{display:flex;gap:.35em}.lights i{width:.5em;height:.5em;border-radius:50%;background:#FF5F57}.lights i:nth-child(2){background:#FEBC2E}.lights i:nth-child(3){background:#28C840}
.durl{flex:1;max-width:22em;margin:0 auto;background:#0B0A10;border-radius:.3em;font-size:.56em;text-align:center;padding:.5em;color:#D6D2DA}
.dnote{font-family:"Geist Mono",monospace;font-size:.5em;color:#8E8794;letter-spacing:.04em;text-transform:uppercase}
.dtabs{display:flex;gap:1.6em;padding:0 1.3em;border-bottom:1px solid rgba(255,255,255,.14);font-size:.56em;color:rgba(255,255,255,.55)}
.dtabs>*{padding:1.2em 0}.dtabs b{color:#fff;font-weight:500;border-bottom:1px solid #fff}
.dhead{display:flex;gap:.7em;padding:1em .55em .55em;font-size:2.1em;letter-spacing:-.03em;color:rgba(255,255,255,.4)}.dhead b{color:#fff;font-weight:500}
.dgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:.55em;padding:.5em 1.1em 1.4em}
.dc{background:rgba(20,4,36,.5);border-radius:.8em;padding:1.1em;min-height:12.8em;display:flex;flex-direction:column}
.dc.wide{grid-column:span 2;min-height:0}.dc:last-child{min-height:0}
.dc h4{font-size:.74em;font-weight:500}
.big{font-size:1.95em;letter-spacing:-.04em;margin-top:.5em}.big small{font-size:1em;opacity:.35}
.delta{font-size:.5em;color:rgba(255,255,255,.6);margin-top:.5em}.delta em{font-style:normal;background:rgba(255,255,255,.2);color:#fff;padding:.2em .5em;border-radius:.3em;margin-right:.5em}
.spark{flex:1;display:flex;align-items:flex-end;gap:2px;margin-top:1em;min-height:3.4em}.spark i{flex:1;background:rgba(255,255,255,.5)}
.kv{display:flex;gap:2.6em;margin-top:1em;font-size:.5em;color:rgba(255,255,255,.55)}.kv b{display:block;color:#fff;font-weight:500;font-size:1.25em;margin-top:.5em}.kv.three{gap:2em}
.dots{flex:1;display:grid;grid-template-columns:repeat(12,1fr);gap:.55em;align-content:end;margin-top:1em}.dots i{width:.36em;height:.36em;border-radius:50%;background:#fff;justify-self:center}.dots i.off{opacity:.1}
.bars{flex:1;display:flex;align-items:flex-end;gap:.45em;margin-top:1em;min-height:4em}.bars i{flex:1;background:rgba(255,255,255,.16);border-top:1.5px solid #fff}.bars i.hi{background:linear-gradient(#fff,rgba(255,255,255,.75))}
.log{margin-top:.9em;font-size:.56em;color:rgba(255,255,255,.75)}.log p{display:flex;gap:1em;padding:.55em 0}.log span{font-family:"Geist Mono",monospace;opacity:.5}.log b{margin-left:auto;font-weight:500;opacity:.6}

@media (max-width:820px){
  .launch{font-size:13px}
  .ltxt h2{font-size:min(3em,9.5vw)}.ltxt.b h2{font-size:min(2.3em,7.4vw)}
  .ltxt{padding:0 1em}
  .dash{width:94vw;margin-left:-47vw;top:50%}
  .dgrid{grid-template-columns:1fr 1fr}.dc:nth-child(3){display:none}
  .planet{width:220vw;height:220vw;margin-left:-110vw}
}

/* ---------- why CronRail: mesh and facts ---------- */
html{scroll-behavior:smooth}
.why{font-size:clamp(11px,1.111vw,22px);position:relative;height:58em;overflow:hidden;color:#fff;text-align:center;
  background:radial-gradient(70% 50% at 50% 42%,#1C0B2E 0,#08040F 55%,#000 100%)}
#mesh{position:absolute;inset:0;width:100%;height:100%;display:block}
.wfade{position:absolute;inset:auto 0 0 0;height:30%;background:linear-gradient(transparent,#000)}
.why>*:not(canvas):not(.wfade){position:absolute;z-index:2}
.why::before{content:"";position:absolute;inset:0 0 auto 0;height:11em;z-index:1;pointer-events:none;background:linear-gradient(#000 0,rgba(0,0,0,0) 100%)}
.wpill{left:50%;top:4.6em;transform:translateX(-50%);font-size:.74em;font-style:italic;font-weight:600;padding:.55em 2.6em;border:1px solid var(--pink);border-radius:2em;background:rgba(255,61,203,.12)}
.why h2{left:0;right:0;top:4.5em;font-family:Lexend,sans-serif;font-weight:300;font-size:2.35em;line-height:1.28;letter-spacing:-.01em}
.why h2 em{font-style:normal;color:#E7B8FF}
.wword{display:flex;flex-direction:column;align-items:center;font-style:italic;font-weight:300;font-size:1.15em;letter-spacing:.03em;color:#EDE4F5;bottom:14.2em}
.wword i{width:0;flex:1;border-left:1px dashed #C52FD8;margin-top:1.3em;position:relative;min-height:2em}
.wword i::before{content:"";position:absolute;left:-.25em;top:-.2em;width:.4em;height:.4em;border-radius:50%;background:var(--pink)}
.wword.w1{left:19.5%;height:28em}.wword.w2{left:63%;height:20em}.wword.w3{left:75.5%;height:26.5em}
.wword span{animation:bob 5s ease-in-out infinite}.wword.w2 span{animation-delay:-1.6s}.wword.w3 span{animation-delay:-3.1s}
@keyframes bob{50%{transform:translateY(-.4em)}}
.wcards{left:17%;right:17%;bottom:2.6em;display:grid;grid-template-columns:repeat(4,1fr);gap:.8em;text-align:left}
.wc{height:13.2em;padding:.9em 1.4em 1.5em;display:flex;flex-direction:column;justify-content:space-between;background:rgba(26,16,40,.55);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border-bottom:3px solid transparent;border-image:linear-gradient(90deg,#FFC94A,#FF3DCB,#7B2FF7) 1;transition:background .3s,transform .3s}
.wc:hover{background:rgba(60,24,90,.6);transform:translateY(-.3em)}
.wc b{font-size:3.1em;font-weight:700;letter-spacing:-.02em;line-height:1.1}
.wc p{font-size:.8em;font-style:italic;font-weight:600;line-height:1.5}

/* ---------- footer ---------- */
.foot2{font-size:clamp(11px,1.111vw,22px);background:#000;color:#fff;padding:0 2.6em 2em}
.fcta{text-align:center;padding:7em 0 6.5em;border-bottom:1px solid rgba(255,255,255,.1)}
.fcta h2{font-family:"Geist Mono",monospace;font-weight:400;font-size:3em;letter-spacing:-.02em;text-transform:uppercase}
.fcta h2 em{font-family:"Instrument Serif",serif;text-transform:none;font-size:1.35em;letter-spacing:-.02em}
.fcta p{font-size:.86em;color:var(--mute);margin:1.6em auto 0;max-width:30em}
.fcta .cta{margin-top:2.8em}.fcta .cta:hover{background:#F3C7FF}
.fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:2em;padding:4em 0 4.5em}
.fbrand .word{font-size:1.7em}.fbrand .lg{width:1.5em;height:1.5em}.fbrand p{font-size:.8em;color:var(--mute);margin-top:1.2em;max-width:18em;line-height:1.45}
.foot2 h4{font-family:"Geist Mono",monospace;font-weight:400;font-size:.64em;letter-spacing:.05em;color:#7C7C88;margin-bottom:1.7em}
.foot2 ul{list-style:none;font-size:.8em;line-height:1.45}.foot2 li{margin-bottom:.8em;color:#E4E4EC}
.foot2 a:hover{color:var(--pink)}
.flegal{border-top:1px solid rgba(255,255,255,.1);padding-top:1.8em;font-size:.66em;color:#7C7C88;line-height:1.6;display:grid;grid-template-columns:1fr auto;gap:.3em 3em}
.flegal p{grid-column:1}.flegal a{grid-column:2;grid-row:1;color:#E4E4EC;font-family:"Geist Mono",monospace}

@media (max-width:820px){
  .why{font-size:13px;height:auto;padding:5em 1em 2em;display:flex;flex-direction:column;align-items:center}
  .why>*:not(canvas):not(.wfade){position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none}
  .why h2{font-size:1.9em;margin:1.2em 0 12em}.wword{display:none}
  .wcards{grid-template-columns:1fr 1fr;width:100%}
  .foot2{font-size:14px;padding:0 1.2em 2em}.fcta h2{font-size:2em}
  .fgrid{grid-template-columns:1fr 1fr}.flegal{grid-template-columns:1fr}.flegal a{grid-column:1;grid-row:auto}
}