*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #0e0e15; font-family: 'Archivo', system-ui, sans-serif; }
a { color: inherit; text-decoration: none; }
::selection { background: #201E1D; color: #FBFAF9; }
[data-night] ::selection { background: #8b7bf0; color: #0e0e15; }

@keyframes dcPulse { 0%, 100% { opacity: .5; } 50% { opacity: 1; } }
@keyframes dcDrift { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes dcGlow { 0%, 100% { opacity: .42; transform: scale(.98); } 50% { opacity: .85; transform: scale(1.03); } }
@keyframes dcBlink { 0%, 80%, 100% { opacity: .28; } 40% { opacity: 1; } }
@keyframes dcSpin { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  [data-drift], [data-glow] { animation: none !important; }
}

#dc-root {
  --ink: #201E1D; --ink-hi: #35322F; --ink70: #4A4846; --ink50: #6B6967; --ink30: #9A9896;
  --paper: #FBFAF9; --surface: #F2F0EF; --surface2: #EAE9E9; --signal: #DD2B0F;
  --line: rgba(32, 30, 29, .11); --line2: rgba(32, 30, 29, .24);
  --night: #101018; --night2: #17161f; --night3: #211f2e;
  --indigo: #2a3a8c; --violet: #6b4fe0; --violet-lt: #8b7bf0; --nsignal: #f04525;
  --ntext: #ECEBF2; --ntext70: rgba(236, 235, 242, .68); --ntext50: rgba(236, 235, 242, .46); --ntext14: rgba(236, 235, 242, .14);
  --mono: 'IBM Plex Mono', ui-monospace, monospace; --ease: cubic-bezier(.2, .6, .2, 1);
  --maxw: 1200px; --gutter: clamp(20px, 4vw, 48px);
  --r-sm: 10px; --r-md: 14px; --r-lg: 20px;
  background: var(--paper); color: var(--ink); font-family: 'Archivo', system-ui, sans-serif;
  font-size: 16px; line-height: 1.7; -webkit-font-smoothing: antialiased;
}

@media (max-width: 920px) { [data-portal] { grid-template-columns: 1fr !important; } [data-teaser] { display: none !important; } }
@media (max-width: 900px) {
  [data-hero-grid] { grid-template-columns: 1fr !important; gap: 48px !important; }
  [data-contact-grid] { grid-template-columns: 1fr !important; }
  [data-record-grid] { grid-template-columns: 1fr !important; }
  [data-split] { grid-template-columns: 1fr !important; gap: 32px !important; }
  [data-feel-grid] { grid-template-columns: 1fr !important; gap: 40px !important; }
}
@media (max-width: 860px) { [data-navlinks] { display: none !important; } [data-burger] { display: inline-flex !important; } }
@media (max-width: 680px) {
  [data-job] { grid-template-columns: 1fr !important; }
  [data-job-rule] { display: none !important; }
  [data-job-does-not] { border-top: 1px solid var(--line); padding-top: 18px !important; margin-top: 18px !important; }
}
@media (max-width: 640px) {
  [data-runhead-r] { display: none !important; }
  [data-step] { grid-template-columns: 44px 1fr !important; }
  [data-step-p], [data-step-desc] { grid-column: 2 !important; }
  [data-kv] { grid-template-columns: 1fr !important; gap: 8px !important; }
  [data-floor] { flex-direction: column !important; align-items: flex-start !important; gap: 14px !important; }
}