/* Nitro's English type system: precise headings and quieter supporting text. */
body{font-family:Inter,Arial,sans-serif;letter-spacing:-.01em}
h1,h2,h3,.display-title,.final-cta h2{font-family:'Space Grotesk',Inter,sans-serif;font-weight:700;letter-spacing:-.055em}
.hero h1{line-height:1.1}
.display-title{line-height:1.12}
.identity-card h3,.journey-card h3,.demo-side h3{font-family:'Space Grotesk',Inter,sans-serif;font-weight:700;letter-spacing:-.045em}
.hero-copy>p,.intro-text,.experience-head>p,.journey-heading>p,.motion-heading>p,.mascot-copy p,.faq-intro,.faq details p{font-family:Inter,Arial,sans-serif;line-height:1.75}
.eyebrow,.section-kicker,.desktop-nav,.button,.nav-cta,.faq summary{font-family:Inter,Arial,sans-serif}
@media(min-width:761px){.hero h1{font-size:clamp(44px,4vw,70px)}}
@media(max-width:520px){.hero h1{font-size:clamp(37px,9vw,43px)}}
.hero-art img[src*="cat-phone"]{max-height:690px;width:min(92%,610px)}
.demo-side img[src*="cat-laptop"]{position:relative;display:block;width:min(100%,375px);bottom:auto;left:auto;margin:5px auto -55px;filter:drop-shadow(0 15px 24px #0009)}
.demo-side:has(img[src*="cat-laptop"]){overflow:hidden}
@media(max-width:760px){.hero-art img[src*="cat-phone"]{height:430px;width:auto;max-width:90%}.demo-side img[src*="cat-laptop"]{width:min(100%,350px);margin:8px auto -45px}}
@media(max-width:520px){.hero-art img[src*="cat-phone"]{height:390px;width:auto;max-width:94%}.pose-dots{flex-wrap:wrap}}
.desktop-nav .social-nav,.footer-social{color:var(--gold);white-space:nowrap}
.desktop-nav .social-nav:hover,.footer-social:hover{color:#ffe39a}
.mobile-menu .social-nav{color:var(--gold);font-weight:700}