.why-retro:where(.astro-li5lxdgc){--retro-bg: #101112;--retro-ink: #f4f6f8;--retro-muted: #b8bdc4;--retro-blue: #a9bedc;--retro-blue-hot: #dcecff;--retro-gold: #d5a148;min-height:100vh;padding-bottom:0;overflow:hidden;background:radial-gradient(circle at 24% 15%,rgba(112,150,197,.13),transparent 28rem),radial-gradient(circle at 76% 9%,rgba(213,161,72,.09),transparent 24rem),var(--retro-bg);color:var(--retro-ink);font-family:IBM Plex Mono,JetBrains Mono,SFMono-Regular,Consolas,monospace}.why-retro:where(.astro-li5lxdgc):before{position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(66,217,140,.2) 0 1.25px,transparent 1.35px),linear-gradient(rgba(160,180,205,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(160,180,205,.035) 1px,transparent 1px);background-size:96px 96px,32px 32px,32px 32px;content:"";opacity:.58}.why-retro:where(.astro-li5lxdgc):after{position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.03) 0 1px,transparent 1px 5px);opacity:.25;content:""}.why-retro:where(.astro-li5lxdgc)>:where(.astro-li5lxdgc){position:relative;z-index:1;width:min(1180px,calc(100% - 64px));margin-inline:auto}.why-retro__nav:where(.astro-li5lxdgc){display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center;min-height:92px}.why-retro__wordmark:where(.astro-li5lxdgc),.why-retro__nav:where(.astro-li5lxdgc) a:where(.astro-li5lxdgc){color:var(--retro-ink);text-decoration:none}.why-retro__wordmark:where(.astro-li5lxdgc){width:max-content;font-family:Special Elite,IBM Plex Mono,JetBrains Mono,monospace;font-size:1.35rem;font-weight:400;letter-spacing:.38em;text-shadow:0 0 24px rgba(169,190,220,.24)}.why-retro__nav:where(.astro-li5lxdgc) div:where(.astro-li5lxdgc){display:flex;gap:clamp(1rem,3vw,2.4rem);align-items:center;justify-content:center}.why-retro__nav:where(.astro-li5lxdgc) div:where(.astro-li5lxdgc) a:where(.astro-li5lxdgc){color:#ededee;font-size:1rem;font-weight:500}.why-retro__nav:where(.astro-li5lxdgc) div:where(.astro-li5lxdgc) a:where(.astro-li5lxdgc)[aria-current=page]{color:var(--retro-blue-hot);text-shadow:0 0 20px rgba(169,190,220,.28)}.why-retro__hero:where(.astro-li5lxdgc){display:grid;grid-template-columns:minmax(0,.98fr) minmax(320px,.72fr);gap:clamp(1.5rem,4vw,3.4rem);align-items:center;min-height:calc(100vh - 92px);padding:clamp(.5rem,2vw,1.5rem) 0 clamp(1.1rem,2.4vw,1.8rem);transform:translateY(-1.2rem)}.why-retro__copy:where(.astro-li5lxdgc){max-width:42rem}.why-retro__kicker:where(.astro-li5lxdgc){display:inline-flex;align-items:center;gap:.55rem;margin:0 0 1.35rem;color:var(--retro-blue);font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.why-retro__kicker:where(.astro-li5lxdgc) span:where(.astro-li5lxdgc){width:.42rem;height:.42rem;border-radius:999px;background:var(--retro-gold);box-shadow:0 0 18px #d5a1489e}.why-retro__hero:where(.astro-li5lxdgc) h1:where(.astro-li5lxdgc){margin:0;color:var(--retro-ink);font-size:clamp(3.2rem,5.4vw,5.35rem);font-weight:500;letter-spacing:.04em;line-height:1.05;text-shadow:0 0 34px rgba(169,190,220,.18)}.why-retro__hero:where(.astro-li5lxdgc) p:where(.astro-li5lxdgc){width:min(100%,42rem);margin:1.1rem 0 0;color:var(--retro-muted);font-size:clamp(1rem,1.25vw,1.16rem);line-height:1.7}.why-retro__visual:where(.astro-li5lxdgc){display:flex;justify-content:center;align-self:center}.why-retro__terminal:where(.astro-li5lxdgc),.why-retro__signals:where(.astro-li5lxdgc) article:where(.astro-li5lxdgc){position:relative;overflow:hidden;border:1px solid rgba(169,190,220,.34);background:linear-gradient(180deg,rgba(169,190,220,.06),transparent 70%),linear-gradient(145deg,#a9bedc0b,#1011122e);box-shadow:inset 0 1px #ffffff09,0 0 34px #7096c50f}aside:where(.astro-li5lxdgc).why-retro__terminal{width:min(100%,28rem)}.why-retro__bar:where(.astro-li5lxdgc){display:flex;align-items:center;gap:.42rem;min-height:2.65rem;padding:0 .9rem;border-bottom:1px solid rgba(169,190,220,.26)}.why-retro__bar:where(.astro-li5lxdgc) span:where(.astro-li5lxdgc){flex:0 0 .52rem;width:.52rem;height:.52rem;border-radius:999px;background:#ff6d76}.why-retro__bar:where(.astro-li5lxdgc) span:where(.astro-li5lxdgc):nth-child(2){background:var(--retro-gold)}.why-retro__bar:where(.astro-li5lxdgc) span:where(.astro-li5lxdgc):nth-child(3){background:#62d38e}.why-retro__bar:where(.astro-li5lxdgc) strong:where(.astro-li5lxdgc),.why-retro__terminal:where(.astro-li5lxdgc) dt:where(.astro-li5lxdgc){color:var(--retro-blue-hot);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.why-retro__bar:where(.astro-li5lxdgc) strong:where(.astro-li5lxdgc){margin-left:.25rem}.why-retro__terminal:where(.astro-li5lxdgc) dl:where(.astro-li5lxdgc){display:grid;gap:.8rem;margin:0;padding:1rem}.why-retro__terminal:where(.astro-li5lxdgc) dl:where(.astro-li5lxdgc)>div:where(.astro-li5lxdgc){display:grid;gap:.3rem}.why-retro__terminal:where(.astro-li5lxdgc) dt:where(.astro-li5lxdgc),.why-retro__terminal:where(.astro-li5lxdgc) dd:where(.astro-li5lxdgc){margin:0}.why-retro__terminal:where(.astro-li5lxdgc) dt:where(.astro-li5lxdgc){color:var(--retro-gold)}.why-retro__terminal:where(.astro-li5lxdgc) dd:where(.astro-li5lxdgc){color:var(--retro-ink);font-size:.98rem;line-height:1.5}.why-retro__signals:where(.astro-li5lxdgc){display:grid;grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding-top:clamp(.6rem,1.8vw,1.1rem)}.why-retro__signals:where(.astro-li5lxdgc) article:where(.astro-li5lxdgc):before{position:absolute;inset:0 0 auto;height:.2rem;pointer-events:none;background:linear-gradient(90deg,var(--retro-gold),rgba(169,190,220,.62),transparent);content:""}.why-retro__signals:where(.astro-li5lxdgc) article:where(.astro-li5lxdgc):after{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20px 20px,rgba(213,161,72,.18) 0 2px,transparent 2.5px),linear-gradient(rgba(169,190,220,.019) 1px,transparent 1px),linear-gradient(90deg,rgba(169,190,220,.016) 1px,transparent 1px);background-size:auto,30px 30px,30px 30px;opacity:.48;content:""}.why-retro__signals:where(.astro-li5lxdgc) article:where(.astro-li5lxdgc){display:flex;flex-direction:column;min-height:9.25rem;padding:.92rem 1rem .85rem;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.why-retro__signals:where(.astro-li5lxdgc) article:where(.astro-li5lxdgc):hover{border-color:#a9bedc9e;box-shadow:inset 0 1px #ffffff0b,0 0 34px #7096c51a,0 0 22px #d5a1480d;transform:translateY(-2px)}.why-retro__signals:where(.astro-li5lxdgc) article:where(.astro-li5lxdgc)>:where(.astro-li5lxdgc){position:relative;z-index:1}.why-retro__signals:where(.astro-li5lxdgc) span:where(.astro-li5lxdgc){color:var(--retro-blue-hot);font-size:.7rem;font-weight:800;letter-spacing:.14em}.why-retro__signals:where(.astro-li5lxdgc) small:where(.astro-li5lxdgc){color:#d5a148eb;font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.why-retro__signals:where(.astro-li5lxdgc) h2:where(.astro-li5lxdgc){margin:.7rem 0 .5rem;color:var(--retro-ink);font-size:1rem;font-weight:500;line-height:1.22}.why-retro__signals:where(.astro-li5lxdgc) p:where(.astro-li5lxdgc){margin:0;color:var(--retro-muted);font-size:.78rem;line-height:1.55}@media(max-width:1040px){.why-retro__signals:where(.astro-li5lxdgc){grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.why-retro__nav:where(.astro-li5lxdgc){grid-template-columns:1fr;justify-items:start;padding:1rem 0}.why-retro__nav:where(.astro-li5lxdgc) div:where(.astro-li5lxdgc){flex-wrap:wrap;justify-content:flex-start}.why-retro__hero:where(.astro-li5lxdgc){grid-template-columns:1fr;min-height:auto;transform:none;text-align:center}.why-retro__hero:where(.astro-li5lxdgc) p:where(.astro-li5lxdgc){margin-inline:auto}.why-retro__visual:where(.astro-li5lxdgc){max-width:28rem;margin-inline:auto}.why-retro__signals:where(.astro-li5lxdgc){grid-template-columns:1fr}.why-retro__signals:where(.astro-li5lxdgc){display:grid}}@media(max-width:640px){.why-retro:where(.astro-li5lxdgc)>:where(.astro-li5lxdgc){width:min(100% - 24px,1180px)}.why-retro__hero:where(.astro-li5lxdgc) h1:where(.astro-li5lxdgc){font-size:clamp(3.2rem,16vw,5.2rem)}}body:has(.why-retro) .site-header,body:has(.why-retro) .site-footer{display:none}body:has(.why-retro) .site-main{width:100%;margin:0}
