:root{--bg:#050608;--text:#f7f8fa;--muted:#9da3ad;--line:rgba(255,255,255,.12);--glass:rgba(255,255,255,.055);--glass2:rgba(255,255,255,.09);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at 15% 15%,#dff7ff18,transparent 25%),radial-gradient(circle at 85% 30%,#ffffff10,transparent 24%),linear-gradient(135deg,#030405,#0a0c10 55%,#020303);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}
.nav{position:sticky;top:14px;z-index:30;margin:14px auto 0;padding:0 16px;height:64px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:22px;background:#080a0dcc;backdrop-filter:blur(22px);box-shadow:0 20px 60px #0008}.logo{font-weight:950;font-size:1.2rem;letter-spacing:-.06em}.logo small{color:#7d8792}.links{display:flex;gap:7px}.links a{padding:10px 14px;border-radius:14px;color:#9ea5ae;font-size:.88rem}.links a:hover,.links a.active{background:var(--glass2);color:#fff}.menu{display:none;background:none;color:#fff;border:0;font-size:1.3rem}
.hero{padding:130px 0 110px}.eyebrow,.kicker{font:700 .7rem ui-monospace,monospace;letter-spacing:.16em;color:#8d96a0;text-transform:uppercase}h1{font-size:clamp(4rem,10vw,9.5rem);line-height:.82;letter-spacing:-.09em;margin:22px 0;max-width:1050px}.grad{background:linear-gradient(110deg,#fff,#9aa1aa 42%,#fff 70%);background-size:180% auto;color:transparent;background-clip:text;-webkit-background-clip:text}.lead{max-width:650px;color:#a6abb3;font-size:1.15rem;line-height:1.75}.actions{display:flex;gap:10px;margin-top:32px;flex-wrap:wrap}.btn{display:inline-flex;padding:13px 18px;border-radius:999px;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(14px);font-weight:750}.btn.primary{background:#f4f6f8;color:#050608;border-color:#fff}.btn:hover{transform:translateY(-2px)}
section{padding:100px 0}.rule{border-top:1px solid var(--line)}h2{font-size:clamp(3rem,6vw,6rem);line-height:.88;letter-spacing:-.075em;margin:12px 0 50px}.glass-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.glass{border:1px solid var(--line);background:linear-gradient(145deg,var(--glass2),rgba(255,255,255,.025));border-radius:26px;padding:28px;min-height:260px;backdrop-filter:blur(20px);box-shadow:inset 0 1px #fff1,0 25px 70px #0005;transition:.25s}.glass:hover{transform:translateY(-5px);border-color:#fff3}.num{font:12px ui-monospace,monospace;color:#707983}.glass h3{font-size:1.6rem;letter-spacing:-.04em;margin:70px 0 8px}.glass p{color:#858d96;line-height:1.65;margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.big{font-size:clamp(2rem,4vw,4rem);line-height:1.02;letter-spacing:-.06em}.copy{color:#9299a2;line-height:1.8}.support{border:1px solid var(--line);border-radius:30px;padding:55px;background:linear-gradient(130deg,#ffffff0c,#ffffff02);box-shadow:inset 0 1px #fff1,0 30px 90px #0006}.email{display:inline-block;margin-top:20px;font-size:1.2rem;padding-bottom:6px;border-bottom:1px solid #68717a}footer{padding:35px 0 50px;color:#68717a;font-size:.8rem;display:flex;justify-content:space-between}
@media(max-width:760px){.wrap{width:min(100% - 28px,var(--max))}.links{display:none}.menu{display:block}.hero{padding:95px 0 80px}.glass-grid,.split{grid-template-columns:1fr}h1{font-size:clamp(4rem,19vw,7rem)}footer{flex-direction:column;gap:10px}}

.socials{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px;max-width:520px}
.socials a{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:0 17px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035));color:#dce1e7;font-size:.84rem;font-weight:800;letter-spacing:-.01em;backdrop-filter:blur(18px);box-shadow:inset 0 1px rgba(255,255,255,.08),0 10px 30px rgba(0,0,0,.25);transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}
.socials a:after{content:"↗";font-size:1rem;color:#777f88;transition:.2s}
.socials a:hover{transform:translateY(-3px);color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.05));border-color:rgba(255,255,255,.28);box-shadow:inset 0 1px rgba(255,255,255,.13),0 15px 40px rgba(0,0,0,.4)}
.socials a:hover:after{color:#fff;transform:translate(2px,-2px)}
@media(max-width:760px){.socials{grid-template-columns:1fr}}