@font-face{font-family:Nunito;src:url('./nunito-800.ttf') format('truetype');font-style:normal;font-weight:800;font-display:swap}
.hero-intro h1,.features-heading h2,.gallery-feature-heading h3,.mission-label{font-family:Nunito,ui-rounded,sans-serif;font-weight:800;letter-spacing:-.035em}
.hero-intro h1>span{color:#0738a6;text-shadow:0 1px 0 #fff,0 3px 0 #0738a612,0 7px 15px #0738a614}
.gallery-feature-heading h3{line-height:1.15}.features-heading h2{line-height:1.12}
.rating-avatars{padding-left:10px}.rating-avatars img{width:38px;height:38px;margin-left:-11px;border:2.5px solid #fff;box-shadow:0 1px 3px #18202e12}
.rating-pill{padding:5px 17px 5px 6px;gap:12px}
@media(max-width:700px){.rating-avatars img{width:33px;height:33px;margin-left:-10px}.rating-pill{gap:9px}.hero-intro h1{font-size:clamp(36px,8.5vw,60px)}}
.page-dot-pattern .dot-ribbon{top:-5vh;height:110vh;width:55vw;opacity:.85;transform:none}
.page-dot-pattern .dot-ribbon-left{left:0;transform:none}.page-dot-pattern .dot-ribbon-right{right:0;transform:none}
@media(max-width:700px){.page-dot-pattern .dot-ribbon{width:55vw;opacity:.8}.page-dot-pattern .dot-ribbon-left{left:0}.page-dot-pattern .dot-ribbon-right{right:0}}
.hero-title-art{display:block;width:min(790px,100%);height:auto;margin:-16px auto -10px;object-fit:contain;filter:drop-shadow(0 12px 16px #0738a612)}
.hero-intro h1.has-title-art{font-size:0;line-height:0;letter-spacing:0;margin:0 auto;width:100%;max-width:860px}
@media(max-width:700px){.hero-title-art{width:112%;max-width:none;margin:-6px -6% -6px}}
.hero-title-art{filter:drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff) drop-shadow(0 6px 9px rgba(7,56,166,.08))}

/* Restore the clean display typography and keep one brand-blue hue. */
.hero-intro h1,.features-heading h2,.gallery-feature-heading h3,.mission-label{font-family:var(--font-sans),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:500;letter-spacing:-.055em}
.hero-intro h1>span{color:var(--brand-blue,#0738a6);text-shadow:none}
.features-heading h2,.mission-label{font-weight:400}
.gallery-feature-heading h3{letter-spacing:-.04em;line-height:1.13}
.phone-app-screen{padding:0;background:#e8edff;position:relative}
.app-screenshot{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:0}
.phone-app-screen .dynamic-island{top:9px;width:82px;height:23px;background:#111318}
:root{--blue:#0738a6;--brand-blue:#0738a6;--accent:#0738a6;--blue-rgb:7,56,166;--accent-rgb:7,56,166}
.gallery-eyebrow,.gallery-detail,.features-heading>span{color:var(--blue)}
/* Original restrained heading style, before the rounded/bubbly experiments. */
.hero-intro h1,.features-heading h2,.gallery-feature-heading h3,.mission-label{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:400;letter-spacing:-.06em}
.hero-intro h1{line-height:1.06}.gallery-feature-heading h3{font-weight:400;letter-spacing:-.045em}
.phone-app-screen{padding:0;overflow:hidden;aspect-ratio:1320/2868;height:100%;width:100%;border-radius:42px}
.phone-app-screen .app-screenshot{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:fill;object-position:center}
.phone{aspect-ratio:1320/2868}
@media(max-width:700px){.hero-intro h1{font-size:clamp(39px,8.8vw,62px);letter-spacing:-.06em}}
.phone{height:auto;aspect-ratio:auto}
.phone-app-screen{height:auto;aspect-ratio:auto}
.phone-app-screen .app-screenshot{position:relative;inset:auto;width:100%;height:auto;object-fit:contain}