/* Clearer opening typography and a pastel progress bar matched to each panel. */
@font-face{font-family:Manrope;src:url('assets/manrope-variable.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
#welcome,#join-intro,#signup,#about,#weights,#find{font-family:Manrope,Inter,Arial,sans-serif;font-weight:450}
#welcome .intro-showcase h1,#welcome .intro-showcase h2,#join-intro h1,#signup h1,#signup h2,#about h1,#about h2,#weights h1,#weights h2,#find h1,#find h2{font-family:Manrope,Inter,Arial,sans-serif;font-weight:650;letter-spacing:-.035em}
#welcome .intro-showcase h1{line-height:1.12}
#welcome .preview-card h3{font-family:Manrope,Inter,Arial,sans-serif;font-weight:750;letter-spacing:-.02em;font-size:1.1rem;line-height:1.35}
#welcome .preview-card p{font-family:Manrope,Inter,Arial,sans-serif;font-weight:450;font-size:.97rem;line-height:1.55;color:#785d70}
#welcome .intro-values,#welcome .preview-eyebrow{font-family:Manrope,Inter,Arial,sans-serif;font-weight:750}
#welcome .intro-showcase .intro-welcome .eyebrow{display:table;width:auto;margin:0 auto 20px;font-family:Manrope,Inter,Arial,sans-serif;font-size:clamp(22px,3.2vw,27px);line-height:1.35;font-weight:800;letter-spacing:.07em;color:#9d6486}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 #welcome .intro-showcase .intro-welcome .eyebrow{background:linear-gradient(100deg,#a26084 0%,#8271a7 52%,#917650 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
}
#welcome .preview-playback{justify-content:flex-end;min-height:44px}
#welcome .preview-timer{height:5px;border-radius:8px;background:#eae4ed;margin-bottom:17px}
#welcome .preview-timer span{border-radius:8px;background:linear-gradient(90deg,#efc6aa 0%,#e9aec8 25%,#cbb5df 50%,#bfd4aa 75%,#ecd99f 100%)}
#welcome .preview-timer.is-playing span{animation-duration:var(--preview-duration,10s)}
#welcome .intro-controls .button,#join-intro .button,#signup .button{font-family:Manrope,Inter,Arial,sans-serif;font-weight:750;letter-spacing:-.01em}
@media(max-width:720px){#welcome .intro-showcase h1{font-size:39px}#welcome .intro-preview h2{font-size:31px}#welcome .preview-card h3{font-size:1rem}#welcome .preview-card p{font-size:.9rem}#welcome .intro-invite h2{font-size:46px}#welcome .intro-values-panel h2{font-size:37px}}
@media(forced-colors:active){#welcome .intro-showcase .intro-welcome .eyebrow{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}}

#welcome .preview-illustration text{font-family:Manrope,Inter,Arial,sans-serif}
body[data-view="welcome"] .brand,body[data-view="join-intro"] .brand,body[data-view="signup"] .brand{font-family:Manrope,Inter,Arial,sans-serif}