:root{--bg:#050711;--card:#0d1423;--line:#202b40;--text:#f7f9ff;--muted:#9ca8bc;--cyan:#20e6ef;--blue:#398cff;--purple:#9a5cff}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 5%,#0b2d39 0,transparent 28%),radial-gradient(circle at 85% 10%,#241445 0,transparent 28%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}.wrap{width:min(calc(100% - 34px),1160px);margin:auto}
nav{position:sticky;top:0;background:#050711dd;backdrop-filter:blur(16px);border-bottom:1px solid var(--line);z-index:10}.nav{height:70px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;font-weight:900}.brand img{width:40px;height:40px;border-radius:12px}
.hero{min-height:680px;display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center;padding:80px 0}.eyebrow{display:inline-block;color:var(--cyan);font-size:12px;font-weight:900;letter-spacing:.14em;border:1px solid #20e6ef44;padding:8px 12px;border-radius:999px}
h1{font-size:clamp(50px,7vw,86px);line-height:.98;letter-spacing:-.055em;margin:22px 0}h1 span{background:linear-gradient(90deg,var(--cyan),var(--blue),var(--purple));-webkit-background-clip:text;color:transparent}
.hero p{font-size:19px;color:var(--muted);max-width:680px}.hero img{width:min(100%,470px);filter:drop-shadow(0 0 50px #20e6ef22)}
.btn{display:inline-flex;margin-top:16px;padding:14px 20px;border-radius:14px;background:linear-gradient(135deg,var(--cyan),#72f4dc);color:#041014;font-weight:900}
section{padding:72px 0}h2{font-size:clamp(34px,5vw,52px);letter-spacing:-.04em}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tiers{grid-template-columns:repeat(3,1fr)}
article{background:#0d1423dd;border:1px solid var(--line);border-radius:22px;padding:24px}article p{color:var(--muted)}.mono{font-family:monospace;word-break:break-all;border:1px solid var(--line);padding:14px;border-radius:14px;background:#ffffff08}
footer{text-align:center;color:var(--muted);padding:34px;border-top:1px solid var(--line)}
@media(max-width:800px){.hero{grid-template-columns:1fr;text-align:center}.grid,.tiers{grid-template-columns:1fr}.hero img{width:min(75vw,390px)}}