/* ===== BASE STYLES & RESET ===== *//* Self-hosted fonts DISABLED - use system fallbacks instead */* {  box-sizing: border-box;  margin: 0;  padding: 0;}html {  scroll-behavior: smooth;  overflow-x: clip;}@media (prefers-reduced-motion: reduce) {  html { scroll-behavior: auto; }  *, *::before, *::after {     animation-duration: 0.01ms !important;     transition-duration: 0.01ms !important;   }}body {  font-family: "Space Grotesk", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;  background:    radial-gradient(ellipse 1600px 780px at 22% -8%, rgba(124,92,255,0.11), transparent 60%),    radial-gradient(ellipse 1400px 640px at 88% 12%, rgba(34,211,238,0.09), transparent 60%),    radial-gradient(ellipse 1200px 560px at 50% 108%, rgba(124,92,255,0.05), transparent 60%),    linear-gradient(180deg, var(--space-dark) 0%, var(--space-mid) 100%);  color: var(--text);  line-height: var(--leading-normal);  min-height: 100vh;  position: relative;  overflow-x: hidden;}/* Subtle filmstrip texture (not "blocky" grid) */body::before {  content: "";  position: fixed;  inset: 0;  width: 100%;  height: 100%;  background-image:    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='1600' viewBox='0 0 1600 1600'%3E%3Cfilter id='n1'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.18' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='1600' height='1600' filter='url(%23n1)' opacity='0.012'/%3E%3C/svg%3E"),    radial-gradient(120% 95% at 50% 42%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.15) 100%);  background-size: 1600px 1600px, 100% 100%;  background-blend-mode: soft-light, multiply;  mix-blend-mode: soft-light;  opacity: var(--overlay-opacity);  filter: blur(var(--surface-blur));  pointer-events: none;  z-index: 0;  transition: opacity var(--motion-med), filter var(--motion-med);}/* Vignette overlay (premium cinematic feel) */body::after {  content: "";  position: fixed;  inset: 0;  width: 100%;  height: 100%;  background: radial-gradient(ellipse 120% 95% at 50% 40%, rgba(0,0,0,0) 45%, rgba(0,0,0,0.35) 100%);  pointer-events: none;  z-index: 1;  opacity: var(--overlay-opacity);  transition: opacity var(--motion-med);}/* === LAYOUT PRIMITIVES === */.wrap {  position: relative;  z-index: 10;  max-width: var(--container-max);  margin: 0 auto;  padding: var(--space-md) var(--wrap-pad-inline);  padding-left: calc(var(--wrap-pad-inline) + env(safe-area-inset-left));  padding-right: calc(var(--wrap-pad-inline) + env(safe-area-inset-right));}@media (max-width: 768px) {  .wrap {    --wrap-pad-inline: clamp(var(--space-sm), 4vw, var(--space-md));    padding: var(--space-sm) var(--wrap-pad-inline);    padding-left: calc(var(--wrap-pad-inline) + env(safe-area-inset-left));    padding-right: calc(var(--wrap-pad-inline) + env(safe-area-inset-right));  }}section {  margin: var(--space-2xl) 0;}@media (max-width: 768px) {  section { margin: var(--space-xl) 0; }}/* === TYPOGRAPHY === */h1, h2, h3, h4, h5, h6 {  font-weight: 700;  line-height: var(--leading-heading);  color: var(--text);  letter-spacing: var(--tracking-tight);}h1 {   font-size: var(--text-7xl);   margin-bottom: var(--space-lg);  letter-spacing: var(--tracking-tight);  font-weight: 800;}h2 {   font-size: var(--text-6xl);   margin-bottom: var(--space-md);  letter-spacing: var(--tracking-tight);}h3 {   font-size: var(--text-5xl);   margin-bottom: var(--space-md);  letter-spacing: var(--tracking-tight);}h4 {   font-size: var(--text-4xl);   margin-bottom: var(--space-sm);  letter-spacing: var(--tracking-tight);}h5 {  font-size: var(--text-3xl);  margin-bottom: var(--space-sm);}h6 {  font-size: var(--text-2xl);  margin-bottom: var(--space-sm);}@media (max-width: 768px) {  h1 { font-size: var(--text-5xl); }  h2 { font-size: var(--text-4xl); }  h3 { font-size: var(--text-3xl); }  h4 { font-size: var(--text-2xl); }}p {  margin-bottom: var(--space-md);  line-height: var(--leading-relaxed);  max-width: 65ch;}a {  color: var(--brand-glow);  text-decoration: none;  transition: color var(--motion-fast) var(--ease-spring);}a:hover {  color: var(--brand);}/* === UTILITIES === */.reveal {  opacity: 0;  transform: translateY(30px);  transition: opacity 0.6s var(--ease-out-quint), transform 0.6s var(--ease-out-quint);}.reveal.visible {  opacity: 1;  transform: translateY(0);}.text-center { text-align: center; }.text-muted { color: var(--text-muted); }