/* doirl.app landing page styles (#720, Growth & Analytics), loaded after bundle.css as in the owner's artifact.
   Layout: one night page. LandingPage lays itself out by its container width: the phone layout below 720px, the desktop
   layout above. Colors, type and motion are doIRL's web tokens (tokens.css); always night, whatever the viewer's theme. */
:root { color-scheme: dark; }
html, body { background: var(--web-night); }
body { color: var(--web-bone); }
.irl-boot { min-height: 100vh; display: grid; place-items: center; }
.irl-boot__mark { width: 44px; height: 44px; border-radius: 14px; background: var(--flame); animation: irl-boot 1s ease-in-out infinite alternate; }
@keyframes irl-boot { from { opacity: .35; transform: scale(.9); } to { opacity: 1; transform: scale(1); } }
@media (prefers-reduced-motion: reduce) { .irl-boot__mark { animation: none; } }
.irl-noscript { max-width: 34em; margin: 0 auto; padding-block: 120px; padding-left: max(20px, env(safe-area-inset-left, 0px)); padding-right: max(20px, env(safe-area-inset-right, 0px)); font: 500 18px/1.5 var(--font-display); }
.irl-noscript a { color: inherit; }