:root {
  color-scheme: dark;
  --night: #0D0D1A;
  --surface: #1A1A3E;
  --paper: #E8E8F0;
  --ink: #0D0D1A;
  --quiet: #B8B8D0;
  --line: #454566;
  --blue: #4A7CFF;
  --link: #A7C0FF;
  --green: #00E676;
  --red: #FF5252;
  --yellow: #FFD740;
  --purple: #9C6AFF;
  --round: 12px;
  --room: clamp(4rem, 8vw, 8rem);
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  font-synthesis: none;
  background: var(--night);
  color: var(--paper);
}
* { box-sizing: border-box; }
body { margin: 0; font-size: 1rem; line-height: 1.6; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: var(--link); text-underline-offset: .22em; }
a:hover { color: #CBB3FF; }
a:focus-visible, button:focus-visible { outline: 2px solid var(--blue); outline-offset: 4px; }
button { cursor: pointer; }
h1, h2, h3, p, ul, dl, figure { margin: 0; }
h1, h2, h3 { font-weight: 700; line-height: 1.15; letter-spacing: -.035em; text-wrap: balance; }
h1 { font-size: clamp(2.25rem, 3vw, 2.5rem); max-width: 24ch; }
h2 { font-size: 1.5rem; }
h3 { font-size: 1.25rem; }
p, li, dd { max-width: 72ch; }
p, li, dd, dt, a, button, figcaption { font-size: 1rem; }
img { display: block; width: 100%; height: auto; }
[hidden] { display: none !important; }
.guide-shell { display: grid; width: min(100%, 1280px); margin: 0 auto; padding: 0 1.5rem; }
.section-kicker, .hero-kicker { font-size: 1rem; font-weight: 500; letter-spacing: .055em; line-height: 1.4; color: var(--quiet); }
.hero-kicker::before, .section-kicker::before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--green); margin-right: .625rem; vertical-align: .05em; }
.link-arrow { font-size: 1.375rem; color: var(--link); }
@media (max-width: 560px) {
  .guide-shell { padding-inline: 1.5rem; }
  h1 { max-width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}