:root{--bg:#05060a;--ink:#f5f6fb;--muted:#8f96a8;--line:rgba(255,255,255,.1);--cyan:#72f5ff;--violet:#9c70ff;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:var(--sans)}.aura{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 25%,rgba(114,245,255,.08),transparent 28%),radial-gradient(circle at 80% 60%,rgba(156,112,255,.1),transparent 30%)}header{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;padding:20px clamp(18px,4vw,52px);border-bottom:1px solid var(--line);font:500 8px var(--mono);letter-spacing:.15em}header>a{color:var(--muted);text-decoration:none}header>a:last-child{justify-self:end}.brand{color:var(--cyan)}header>span{color:#fff}.hero,.grid,.note{position:relative;z-index:1;width:min(1320px,calc(100% - 30px));margin:auto}.hero{padding:clamp(100px,14vw,170px) 0 80px}.eyebrow,.note span{font:500 8px var(--mono);letter-spacing:.2em;color:var(--cyan)}h1{margin:14px 0 18px;font-weight:300;font-size:clamp(66px,12vw,160px);line-height:.8;letter-spacing:-.065em}p{color:var(--muted);max-width:650px;line-height:1.75}.grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.grid a{min-height:220px;padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end;background:rgba(255,255,255,.015);transition:.25s}.grid a:hover{background:rgba(114,245,255,.05);transform:translateY(-2px)}.grid i{margin-bottom:auto;color:#555d70;font:400 8px var(--mono);font-style:normal}.grid strong{font:500 13px var(--mono);letter-spacing:.14em}.grid small{color:var(--muted);font:400 8px var(--mono);margin-top:7px}.note{margin-top:18px;margin-bottom:80px;padding:30px;border:1px solid var(--line)}.note p{margin-bottom:0}@media(max-width:850px){.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){header{grid-template-columns:1fr auto}header>span{display:none}.grid{grid-template-columns:1fr}.grid a{min-height:155px}.hero{padding-top:90px}h1{font-size:23vw}}