:root {
  --cream: #f1f1f8;
  --muted: #a4acbf;
  --accent: #afa1f4;
  --accent-hover: #c3b6ff;
  --accent-ink: #191627;
}
button:focus-visible, a:focus-visible, input:focus-visible { outline-color: #c6b8ff; }
.hero-header { right: var(--page-gutter); }
.signature-point { background: var(--accent); }
.hero-signature p { color: #c0c4d3; }
.hero-nav { gap: 25px; }
.hero-nav button { padding: 9px 12px; color: #c6cbd8; border-radius: 999px; text-transform: none; font-size: 12px; font-weight: 550; letter-spacing: 0; transition: background .2s,color .2s; }
.hero-nav button::after { display: none; }
.hero-nav button:hover { background: #c3b4ff12; color: #f2eeff; }
.hero-nav button:last-child { padding-right: 0; }
.hero-wordmark { color: #e6e8f4; }
.hero-eyebrow { color: #aaa3c9; letter-spacing: .7px; }
.hero-copy h1 span { color: #c2c8db; }
.hero-description { color: #a7b0c4; }
.demo-cta { color: var(--accent-ink); background: var(--accent); border-color: transparent; border-radius: 18px; }
.demo-cta:hover { background: var(--accent-hover); border-color: transparent; }
.cta-caption { color: #929aaf; }
.process-note { border-color: #323b50; background: #131a27e8; border-radius: 26px; backdrop-filter: none; box-shadow: 0 12px 35px #02050c24; }
.note-eyebrow { color: #aaa3c9; letter-spacing: .55px; }
.note-steps { color: #e5e8f4; }
.process-note button { color: #b4bdd1; border-top-color: #323b50; }
.process-note button:hover { color: #c9bcff; }
.world-caption { color: #d8dcef; text-shadow: 0 1px 6px #070a12; }
.world-caption > span:first-child { background: #b5a7f4; }
.caption-divider { color: #a5acc1; }
.corner-brand { position: absolute; right: var(--page-gutter); bottom: 4.6svh; display: inline-flex; align-items: center; gap: 12px; min-height: 44px; color: #c8c5df; text-decoration: none; pointer-events: auto; }
.corner-brand img { display: block; width: 38px; height: 38px; }
.corner-brand span { font-family: Funnel,Arial,sans-serif; font-weight: 400; font-size: 30px; letter-spacing: -1.7px; line-height: 1; }
.corner-brand:hover { color: #e1d7ff; }
.hero-dialog { border-color: #384055; background: #151c29; border-radius: 28px; box-shadow: 0 28px 100px #0008; }
.dialog-close { color: #bcc3d7; border-color: #42495e; }
.dialog-close:hover { color: var(--cream); background: #beb0ff10; }
.dialog-eyebrow { color: #b4a6e6; letter-spacing: 1px; }
.dialog-copy { color: #aab4ca; }
.dialog-steps li { border-color: #333c51; }
.dialog-steps li::before { color: #a395d1; }
.dialog-steps p { color: #aab4ca; }
.form-row { color: #bac2d5; }
.form-row input { color: var(--cream); background: #0d1420; border-color: #3b455b; border-radius: 12px; }
.form-row input:focus { border-color: #a295da; }
.form-note { color: #99a2b8; }
.dialog-submit { color: var(--accent-ink); background: var(--accent); border-color: transparent; border-radius: 14px; }
.dialog-submit:hover { background: var(--accent-hover); border-color: transparent; }
.form-feedback { color: #c8bdec; background: #aca0de0a; border-color: #a89ace30; border-radius: 12px; }
@media (max-width: 1200px) and (min-width: 951px) {
  .hero-nav { gap: 15px; }
  .hero-nav button { font-size: 11px; padding-inline: 9px; }
  .corner-brand { right: 28px; }
  .corner-brand img { width: 32px; height: 32px; }
  .corner-brand span { font-size: 27px; }
}
@media (max-width: 950px) {
  .hero-nav { gap: 7px; }
  .hero-nav button { font-size: 10px; padding: 9px 9px; }
  .hero-nav button:last-child { padding-right: 0; }
  .demo-cta { border-radius: 17px; }
  .corner-brand { right: 18px; bottom: 88px; width: 40px; min-height: 40px; justify-content: center; gap: 0; }
  .corner-brand img { width: 27px; height: 27px; }
  .corner-brand span { display: none; }
  .hero-dialog { border-radius: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-nav button { transition: none; }
}