/* Rack Rank inner pages (features, help, legal): the new home page's look on top of style.css (Nov 2026).
   Load after /style.css. Blackout, one faint red corner glow, mono labels, glass cards with a red spotlight. */
:root{
  --bg:#050506; --bg2:#0B0B0D; --ink:#F4F4F5; --mut:rgba(244,244,245,.64); --dim:rgba(244,244,245,.42);
  --line:rgba(255,255,255,.09); --glass:#111114; --glass2:#17171B; --red:#E5242F; --red2:#FF5A4A; --yellow:#E5242F;
  --mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace; color-scheme:dark;
}
html,body{background:#050506!important;color:var(--ink)}
body::before{content:"";position:fixed;right:-240px;top:-280px;width:820px;height:640px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(closest-side,rgba(229,36,47,.26),rgba(229,36,47,.06) 55%,transparent)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(60% 40% at 70% 0%,#000 10%,transparent 70%);mask-image:radial-gradient(60% 40% at 70% 0%,#000 10%,transparent 70%)}
main,header,footer,.wrap{position:relative;z-index:1}
a{color:var(--ink)}
.plates-bg{display:none!important}
.herozone{background:none!important}

/* nav */
.top{padding:18px 0}
.brand{color:var(--ink)}
.mark .bar{background:#E9EBEC}.mark .p1{background:#E5242F}.mark .p2{background:#2F6FE8}.mark .p3{background:#FFC61A}
.top nav a{color:var(--mut);border-radius:10px}
.top nav a:hover{color:var(--ink);background:rgba(255,255,255,.05)}
.top nav a.navcta{background:var(--red);color:#fff;border-radius:10px}
.top nav a.navcta:hover{background:#F0353F}

/* type */
h1,h2,h3{color:var(--ink)}
h1{font-size:clamp(56px,8vw,112px)!important;line-height:.86!important;max-width:16ch}
h2{font-size:clamp(40px,5.4vw,72px);line-height:.9}
.lede,p{color:var(--mut)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:600 12px var(--mono)!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--mut)!important}
.eyebrow::before{content:"";width:8px!important;height:8px!important;border-radius:50%;background:var(--red)!important}
.grad{background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--ink)!important}

/* cards */
.cgrid,.bento{gap:16px!important}
.gc{position:relative;background:#111114!important;border:1px solid var(--line)!important;border-radius:16px!important;box-shadow:none!important;overflow:hidden;isolation:isolate;transition:border-color .3s,transform .4s cubic-bezier(.2,.8,.2,1)}
.gc::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(380px circle at var(--mx,-999px) var(--my,-999px),rgba(229,36,47,.14),transparent 45%);opacity:0;transition:opacity .3s}
.gc:hover{border-color:rgba(229,36,47,.4)!important;transform:translateY(-3px)}
.gc:hover::before{opacity:1}
.gc .ic{background:rgba(229,36,47,.1)!important;border:1px solid rgba(229,36,47,.3)!important;color:var(--red2)!important;border-radius:10px!important}
.gc h3{color:var(--ink)}
.gc p{color:var(--mut)}
.pill{background:none!important;border:1px dashed rgba(255,255,255,.3)!important;color:var(--dim)!important;font-family:var(--mono)!important;letter-spacing:.08em}

/* forms + closer */
.join input{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:10px!important;color:var(--ink)!important}
.btn{background:var(--red)!important;border-radius:10px!important;color:#fff!important}
.closer{background:none!important;border:0!important;box-shadow:none!important;position:relative}
.closer h2{font-size:clamp(48px,7vw,104px)}

/* help / legal text pages */
.faq details,details{border-color:var(--line)!important;background:none!important}
summary{color:var(--ink)}
summary::after{color:var(--red2)!important}
.doc,.prose,article{color:var(--mut)}
.doc h2,.prose h2,article h2{font-size:clamp(28px,3.4vw,40px)}

/* footer */
footer{border-top:1px solid var(--line)!important;background:none!important}
footer h4{font:600 11px var(--mono)!important;letter-spacing:.16em;color:var(--dim)!important;text-transform:uppercase}
footer a{color:var(--mut)!important}footer a:hover{color:var(--ink)!important}
footer .legal{font-family:var(--mono)!important;font-size:12px;color:var(--dim)!important}

/* motion */
.reveal{transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1),filter .9s cubic-bezier(.2,.8,.2,1)}
.js .reveal:not(.in){filter:blur(6px)}
@media(prefers-reduced-motion:reduce){.gc,.reveal{transition:none!important}.js .reveal:not(.in){filter:none}}
section{background:none!important}section::before,section::after{display:none!important}