:root{
  --bg:#05070d; --fg:#f7f8fc; --muted:#9ca3b3; --line:rgba(255,255,255,.12); --glow:#9ba7ff;
  --serif:"Cormorant Garamond",Georgia,serif; --sans:"Manrope","Segoe UI",sans-serif;
}
*{box-sizing:border-box} html,body{margin:0;min-height:100%;background:var(--bg);color:var(--fg)}
body{font-family:var(--sans);overflow:hidden}
.noise{position:fixed;inset:0;pointer-events:none;background:
radial-gradient(circle at 68% 35%,rgba(122,140,255,.16),transparent 27%),
linear-gradient(transparent 49%,rgba(255,255,255,.025) 50%,transparent 51%);
background-size:auto,100% 5px;opacity:.9}
.page{min-height:100vh;padding:34px clamp(24px,5vw,76px);display:flex;flex-direction:column;position:relative}
header,footer{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:12px;letter-spacing:.15em;text-transform:uppercase}
.brand,.contact{color:var(--fg);text-decoration:none}.contact{color:var(--muted)}
.hero{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:1100px}
.kicker{color:var(--muted);font-size:12px;letter-spacing:.22em;margin-bottom:24px}
h1{font-family:var(--serif);font-size:clamp(64px,9vw,140px);font-weight:500;line-height:.82;letter-spacing:-.045em;margin:0}
h1 em{font-weight:400;color:#b5bdd1}
.lead{max-width:650px;color:var(--muted);font-size:clamp(17px,1.6vw,22px);line-height:1.6;margin:34px 0 0}
.signal{display:flex;align-items:center;gap:13px;margin-top:48px;color:#c9cedb;font-size:13px;letter-spacing:.06em}
.signal span{width:9px;height:9px;border-radius:50%;background:var(--glow);box-shadow:0 0 24px rgba(155,167,255,.9);animation:pulse 1.8s infinite}
footer{border-top:1px solid var(--line);padding-top:22px;color:var(--muted)}
@keyframes pulse{0%,100%{transform:scale(1);opacity:.75}50%{transform:scale(1.7);opacity:1}}
@media(max-width:700px){body{overflow:auto}.page{padding:24px 20px}.contact{display:none}.hero{padding:12vh 0}h1{font-size:clamp(56px,18vw,90px)}}