:root {
  --clean-bg: #090a0c;
  --clean-surface: #101114;
  --clean-surface-hover: #15171b;
  --clean-line: rgba(255,255,255,.105);
  --clean-text: #f5f5f2;
  --clean-muted: #9a9ca3;
}
body {
  background:
    radial-gradient(70rem 34rem at 50% -18rem, rgba(118,105,255,.14), transparent 64%),
    var(--clean-bg);
}
body::before { opacity: 0; }
body::after { opacity: .28; right: -32vw; bottom: -46vw; }
.shell { width: min(1120px, calc(100% - 40px)); }
.nav { min-height: 72px; }
.brand img { width: 36px; height: 36px; border-radius: 11px; box-shadow: none; }
.nav-links { gap: 1px; padding: 2px; border: 0; background: transparent; backdrop-filter: none; }
.nav-links a { padding: 8px 11px; border-radius: 999px; font-weight: 650; }
.nav-links a:hover { background: rgba(255,255,255,.065); }
.account,.btn { border-radius: 999px; box-shadow: none; }
.account { min-height: 40px; padding-inline: 16px; }
.hero { grid-template-columns: minmax(0,1fr) 320px; gap: 54px; min-height: 590px; padding: 92px 0 80px; }
.eyebrow { letter-spacing: .12em; font-weight: 720; }
h1 { margin: 21px 0 25px; font-size: clamp(54px,7.6vw,86px); line-height: .98; font-weight: 590; letter-spacing: -.06em; }
.shine { background: linear-gradient(110deg,#fff 12%,#b8c5ff 58%,#8ee4f8); -webkit-background-clip:text; background-clip:text; }
.lead { max-width: 660px; color: var(--clean-muted); font-size: clamp(17px,1.8vw,20px); line-height: 1.68; }
.actions { margin-top: 32px; }
.btn { min-height: 48px; padding-inline: 22px; }
.btn.primary { background:#f3f3ef; color:#101114; box-shadow:none; }
.btn:hover,.account:hover { transform: translateY(-1px); }
.trust { gap: 12px 22px; margin-top: 30px; color:#b9bac0; }
.trust i { box-shadow:none; }
.constellation { height: 340px; opacity: .78; }
.ring,.ring::before { border-color: rgba(255,255,255,.075); }
.core { width:100px; height:100px; border-radius:28px; box-shadow:none; background:#111318; }
.core img { width:62px; height:62px; border-radius:19px; }
.sat { border-color:var(--clean-line); background:#101216; box-shadow:none; backdrop-filter:none; }
.section { padding: 38px 0 92px; }
.section-head { margin-bottom: 26px; }
.section h2 { font-weight: 590; }
.services { gap: 12px; }
.card { min-height: 232px; padding: 25px; border-color: var(--clean-line); border-radius: 20px; background:var(--clean-surface); box-shadow:none; }
.card::after { opacity:.45; }
.card:hover { transform:translateY(-3px); border-color:rgba(255,255,255,.19); background:var(--clean-surface-hover); box-shadow:none; }
.card .icon { width:42px; height:42px; margin-bottom:45px; border-radius:12px; }
.card h3 { font-weight:640; }
footer { padding-top:25px; }
@media(max-width:980px){.hero{grid-template-columns:1fr}.constellation{display:none}}
@media(max-width:620px){.shell{width:min(100% - 28px,1120px)}.hero{min-height:540px;padding:68px 0 76px}h1{font-size:clamp(47px,14.6vw,62px)}.card{min-height:205px}}