body { font-family: 'Manrope', system-ui, sans-serif; }
.font-display { font-family: 'Syne', system-ui, sans-serif; }
.glass {
  background: rgba(255, 255, 255, 0.78);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.35);
}
.hero-scrim {
  background: linear-gradient(105deg, rgba(18,21,26,0.88) 0%, rgba(18,21,26,0.55) 48%, rgba(18,21,26,0.25) 100%);
}
.grain {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");
}
.speakable-summary { /* selector referenced by SpeakableSpecification */ }