:root {
  --ink: #17121d;
  --paper: #f4f1f7;
  --white: #ffffff;
  --accent: #7127c8;
  --accent-dark: #4f148f;
  --accent-soft: #e9dcf8;
  --muted: #665f6d;
  --sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
html { min-height: 100%; }
body { min-height: 100vh; margin: 0; color: var(--ink); background: var(--paper); font-family: var(--sans); line-height: 1.6; }
img { display: block; max-width: 100%; }
a:focus-visible { outline: 3px solid #a86bf0; outline-offset: 5px; }
.placeholder {
  position: relative; min-height: 100vh; padding: clamp(1.25rem, 4vw, 3rem); display: grid; place-items: center;
  overflow: hidden; isolation: isolate;
  background: radial-gradient(circle at 10% 10%, rgba(113, 39, 200, .12), transparent 24rem), radial-gradient(circle at 92% 88%, rgba(113, 39, 200, .1), transparent 28rem), var(--paper);
}
.placeholder-card {
  position: relative; z-index: 2; width: min(850px, 100%); padding: clamp(2rem, 7vw, 5.5rem);
  border: 1px solid rgba(79, 20, 143, .12); border-radius: clamp(1.75rem, 4vw, 3rem);
  background: rgba(255, 255, 255, .88); box-shadow: 0 30px 90px rgba(49, 20, 71, .13);
  text-align: center; backdrop-filter: blur(18px);
}
.compact-logo {
  position: absolute; top: clamp(1.1rem, 3vw, 2rem); left: clamp(1.1rem, 3vw, 2rem);
  width: clamp(54px, 8vw, 78px); height: clamp(54px, 8vw, 78px); border-radius: 1rem; object-fit: contain;
}
.main-logo { width: min(510px, 82%); margin: 0 auto clamp(2.5rem, 7vw, 4.5rem); }
.eyebrow {
  display: flex; align-items: center; justify-content: center; gap: .7rem; margin: 0 0 1.15rem;
  color: var(--accent-dark); font-size: .78rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase;
}
.eyebrow::before, .eyebrow::after { content: ""; width: 1.7rem; border-top: 3px solid var(--accent); }
h1 { margin: 0; font-size: clamp(2.6rem, 7vw, 5.7rem); font-weight: 900; line-height: .98; letter-spacing: -.065em; }
.intro { max-width: 600px; margin: 1.5rem auto 2rem; color: var(--muted); font-size: clamp(1rem, 2.4vw, 1.25rem); }
.email-link {
  display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: .8rem 1.35rem;
  border-radius: 999px; background: var(--accent); color: var(--white); font-weight: 750; text-decoration: none;
  box-shadow: 0 12px 30px rgba(113, 39, 200, .22); transition: transform .18s ease, background .18s ease;
}
.email-link:hover { background: var(--accent-dark); transform: translateY(-2px); }
footer { position: absolute; z-index: 2; bottom: .7rem; color: var(--muted); font-size: .78rem; }
.orb { position: absolute; z-index: 1; border-radius: 50%; border: clamp(.9rem, 2vw, 1.5rem) solid var(--accent); opacity: .8; }
.orb-one { width: clamp(110px, 18vw, 220px); aspect-ratio: 1; top: -3rem; right: -2rem; }
.orb-two { width: clamp(70px, 11vw, 130px); aspect-ratio: 1; bottom: 6%; left: -2.5rem; border-color: var(--accent-soft); }
@media (max-width: 560px) {
  .placeholder { padding: 1rem; }
  .placeholder-card { padding: 5.5rem 1.3rem 2.3rem; }
  .compact-logo { width: 54px; height: 54px; }
  .main-logo { width: 94%; margin-bottom: 2.6rem; }
  .eyebrow { font-size: .67rem; letter-spacing: .1em; }
  .eyebrow::before, .eyebrow::after { width: .8rem; }
  .email-link { width: 100%; font-size: .92rem; }
  footer { position: static; margin-top: 1.2rem; }
}
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; transition: none !important; } }