:root{--b:#0d1114;--p:#151b20;--l:#26303a;--t:#dfe5ea;--m:#8896a3;--a:#5cc8ff;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--b);color:var(--t);font:14px/1.6 "JetBrains Mono",ui-monospace,Consolas,monospace}
a{color:inherit}
a:focus-visible{outline:2px solid var(--a);outline-offset:3px}
.skip{position:absolute;left:-999px;top:8px;background:var(--a);color:#04141f;padding:8px 12px;z-index:10}
.skip:focus{left:8px}
.in{max-width:1240px;margin:0 auto;padding:0 max(clamp(16px,4vw,48px),env(safe-area-inset-left,0px)) 0 max(clamp(16px,4vw,48px),env(safe-area-inset-right,0px))}
nav{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;padding-block:20px;border-bottom:1px solid var(--l)}
.logo{font:700 26px/1 "Barlow Condensed",sans-serif;letter-spacing:.14em;text-transform:uppercase;text-decoration:none}
.logo i{color:var(--a);font-style:normal}
nav ul{display:flex;gap:24px;list-style:none;margin:0;padding:0;font-size:13px}
nav ul a{color:var(--m);text-decoration:none}
nav ul a:hover{color:var(--t)}
.hero{padding-block:88px 72px;display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:end;background-image:linear-gradient(var(--l) 1px,transparent 1px),linear-gradient(90deg,var(--l) 1px,transparent 1px);background-size:48px 48px;background-position:-1px -1px}
.hero>*{min-width:0}
h1{font:700 clamp(52px,9vw,112px)/.9 "Barlow Condensed",sans-serif;text-transform:uppercase;margin:0;letter-spacing:.01em;text-wrap:balance}
h1 span{color:var(--a)}
.hero p{color:var(--m);max-width:44ch;margin:0 0 20px}
.tag{color:var(--a);font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px;display:block}
.btn{display:inline-block;background:var(--a);color:#04141f;font-weight:500;padding:12px 20px;text-decoration:none;transition:transform .15s}
.btn:hover{transform:translateY(-2px)}
.btn.g{background:none;border:1px solid var(--l);color:var(--t);margin-left:8px}
section{padding-block:56px;border-top:1px solid var(--l)}
h2{font:700 34px/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.06em;margin:0 0 28px;display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
h2 small{font:400 12px "JetBrains Mono",monospace;color:var(--m);letter-spacing:0;text-transform:none}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;background:var(--l);border:1px solid var(--l)}
.card{background:var(--p);padding:24px;min-height:220px;display:flex;flex-direction:column;gap:10px;text-decoration:none}
.card h3{font:700 26px/1 "Barlow Condensed",sans-serif;margin:0;text-transform:uppercase;letter-spacing:.05em}
.card p{margin:0;color:var(--m);font-size:13px}
.card.live{background:linear-gradient(160deg,#0c2233,var(--p) 70%);transition:background-color .2s}
.card.live:hover h3{color:var(--a)}
.status{margin-top:auto;font-size:11px;letter-spacing:.1em;text-transform:uppercase;display:flex;gap:8px;align-items:center}
.card .status:first-child{margin-top:0}
.dot{width:8px;height:8px;background:var(--a)}
.dot.off{background:none;border:1px solid var(--m)}
.prose{max-width:62ch;color:var(--m);margin:0}
footer{padding-block:28px;border-top:1px solid var(--l);color:var(--m);font-size:12px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding-block:48px}nav ul{gap:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* Antiappstore */
nav ul a[aria-current]{color:var(--a)}
.apps .app{gap:12px}
.app-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.app-icon{width:56px;height:56px;display:block;border:1px solid var(--l)}
.app .sub{font-size:12px}
.tags{display:flex;gap:6px;flex-wrap:wrap}
.tags span{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--m);border:1px solid var(--l);padding:2px 8px}
.app:hover{background:linear-gradient(160deg,#10304a,var(--p) 70%)}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1px;background:var(--l);border:1px solid var(--l);counter-reset:s}
.steps li{background:var(--p);padding:24px;display:flex;flex-direction:column;gap:8px;counter-increment:s}
.steps b{font:700 26px/1 "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.05em}
.steps b::before{content:"0" counter(s) " / ";color:var(--a)}
.steps span{color:var(--m);font-size:13px}
footer a{text-decoration:none}
footer a:hover{color:var(--a)}