*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#000;--fg:#fafafa;--mut:#8a8a8f;--line:#1f1f23;--card:#0a0a0c;--acc:#7c8cff}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--fg);font:16px/1.6 Inter,system-ui,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.back{position:fixed;top:14px;left:14px;z-index:99;font-size:13px;color:var(--mut);background:#000c;border:1px solid var(--line);padding:6px 12px;border-radius:99px;backdrop-filter:blur(8px)}
.back:hover{color:var(--fg)}
nav.top{display:flex;justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:22px 24px 22px 120px}
nav.top b{font-weight:600;letter-spacing:-.02em}
nav.top span{display:flex;gap:22px;font-size:14px;color:var(--mut)}
.btn{display:inline-block;background:var(--fg);color:#000;padding:11px 22px;border-radius:99px;font-weight:500;font-size:14px;transition:transform .2s;cursor:pointer}
.btn:hover{transform:translateY(-2px)}
.btn.o{background:none;color:var(--fg);border:1px solid #333}
h1{font-size:clamp(40px,7vw,84px);line-height:1.02;letter-spacing:-.04em;font-weight:600}
.grad{background:linear-gradient(180deg,#fff,#6b6b72);-webkit-background-clip:text;background-clip:text;color:transparent}
footer{text-align:center;color:var(--mut);font-size:13px;padding:60px 20px}