.directory-page{background:#071019;color:#eef6fc}
.directory-nav{height:76px;padding:0 max(32px,calc((100vw - 1320px)/2));display:flex;align-items:center;border-bottom:1px solid #1f2d3a;background:#060c12}
.directory-nav a{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.14em}
.directory-nav img{width:30px;height:30px;object-fit:contain}
.directory-hero{min-height:560px;padding:120px max(32px,calc((100vw - 1320px)/2));display:flex;align-items:end;background:radial-gradient(circle at 80% 20%,rgba(44,140,255,.2),transparent 34%),linear-gradient(rgba(72,116,160,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(72,116,160,.07) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}
.directory-hero>div{width:min(100%,1320px)}
.directory-hero span,.directory-card span{font:700 9px var(--font-geist-mono);letter-spacing:.14em;color:#559aca}
.directory-hero h1{font-size:clamp(56px,7vw,100px);line-height:.9;letter-spacing:-.06em;margin:24px 0}
.directory-hero em{font-style:normal;color:#55bdff}
.directory-hero p{max-width:700px;color:#8fa0b0;font-size:18px;line-height:1.7}
.directory-grid{display:grid;grid-template-columns:repeat(5,1fr);padding:0 max(32px,calc((100vw - 1320px)/2)) 110px;background:#071019}
.directory-card{min-height:430px;padding:34px;border:1px solid #294356;border-right:0;display:flex;flex-direction:column;transition:.3s}
.directory-card:last-child{border-right:1px solid #294356}
.directory-card h2{font-size:30px;line-height:1.05;text-transform:uppercase;margin:70px 0 20px}
.directory-card p{color:#8294a3;line-height:1.65}
.directory-card b{margin-top:auto;font-size:11px;color:#55bdff}
.directory-card:hover{transform:translateY(-8px);background:#0d1d2a;box-shadow:0 28px 60px rgba(0,0,0,.28)}
.directory-card.green:hover{border-top-color:#58c98b}
.directory-card.green b{color:#58c98b}
.directory-card.aqua:hover{border-top-color:#57d5c4}
.directory-card.aqua b{color:#57d5c4}
.directory-card.gold:hover{border-top-color:#f1b94e}
.directory-card.gold b{color:#f1b94e}
.directory-card.violet:hover{border-top-color:#c797ff}
.directory-card.violet b{color:#c797ff}
.directory-footer{padding:28px;text-align:center;background:#05080c;color:#627181;font:500 10px var(--font-geist-mono)}
@media(max-width:800px){.directory-hero{min-height:500px;padding-inline:18px}
.directory-grid{grid-template-columns:1fr;padding-inline:18px}
.directory-card{border-right:1px solid #294356;border-bottom:0}
.directory-card:last-child{border-bottom:1px solid #294356}
}