/* Two illustrated sets, five seconds per set, after the welcome. */
#welcome .intro-showcase{max-width:700px}
#welcome .intro-preview{padding:4px 0;animation:preview-appear .65s ease-out}
#welcome .intro-preview h2{font-size:clamp(30px,4.5vw,42px);margin:8px 0 22px}
#welcome .preview-eyebrow{color:#93718a;font-size:.72rem;line-height:1.5;letter-spacing:.14em;font-weight:650;margin:0}
#welcome .preview-card-set{list-style:none;padding:0;margin:0;display:grid;gap:13px}
#welcome .preview-card{display:grid;grid-template-columns:42% minmax(0,1fr);align-items:center;gap:15px;padding:14px 20px 14px 12px;min-height:126px;text-align:left;border-radius:25px;border:1px solid #dfcbd6;background:#f8e4ed;box-shadow:0 9px 25px #966e8410;overflow:hidden}
#welcome .preview-progress{background:#edf2e3;border-color:#d4dec6}#welcome .preview-goals{background:#f3eaf8;border-color:#decee7}#welcome .preview-meals{background:#edf1df;border-color:#d7dec9}#welcome .preview-isabella{background:#f0e5f6;border-color:#ddcde6}#welcome .preview-time{background:#fae8d5;border-color:#ead7c3}
#welcome .preview-illustration{display:grid;align-items:center;justify-items:center;min-width:0;height:116px}
#welcome .preview-illustration>svg{display:block;width:100%;max-width:240px;height:116px;overflow:visible}
#welcome .preview-card-copy{min-width:0}
#welcome .preview-card h3{font-family:inherit;font-size:1.08rem;font-weight:650;line-height:1.35;color:#614455;margin:0 0 8px}
#welcome .preview-card p{font-size:.95rem;line-height:1.5;color:#7a6072;margin:0}
#welcome .preview-people{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:110px;padding:8px}
#welcome .preview-person{position:relative;overflow:hidden;display:block;width:62px;height:85px;flex:0 0 62px;border:4px solid #fffaf3;border-radius:17px;background:#fffaf3;box-shadow:0 5px 15px #825c7730;transform:rotate(-8deg);z-index:1;margin-right:-17px}
#welcome .preview-person:nth-child(2){transform:translateY(-5px) rotate(1deg);z-index:2}#welcome .preview-person:nth-child(3){transform:rotate(10deg);z-index:3;margin-right:0}
#welcome .preview-image-note{font-size:.76rem;line-height:1.5;color:#8a7282;margin:16px 0 0}
#welcome .preview-playback{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:44px}
#welcome .preview-playback .intro-position{margin:0;font-size:.85rem}
#welcome #intro-play,#welcome #intro-forward{min-height:44px;color:#80566f;font-size:.9rem}
#welcome .intro-controls{gap:12px}
#welcome #intro-next[hidden],#welcome #intro-start[hidden],#welcome #intro-play[hidden],#welcome #intro-forward[hidden],#preview-timer[hidden]{display:none!important}
.preview-timer{height:3px;background:#eadce6;margin:0 0 16px;overflow:hidden;border-radius:5px}.preview-timer span{display:block;width:0;height:100%;background:#ba87a5}.preview-timer.is-playing span{animation:preview-progress 5s linear forwards}
#welcome #intro-forward{display:block;margin:8px auto 0;padding:8px}
.preview-graph-line{stroke-dasharray:240;stroke-dashoffset:0}.intro-slide:not([hidden]) .preview-graph-line{animation:preview-line 1.7s ease-out both}
@keyframes preview-appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes preview-progress{from{width:0}to{width:100%}}
@keyframes preview-line{from{stroke-dashoffset:240}to{stroke-dashoffset:0}}
@media(max-width:720px){#welcome .intro-preview h2{font-size:32px;margin-bottom:18px}#welcome .preview-card-set{gap:11px}#welcome .preview-card{grid-template-columns:40% minmax(0,1fr);gap:12px;min-height:112px;padding:12px 14px 12px 8px;border-radius:22px}#welcome .preview-illustration,#welcome .preview-illustration>svg{height:102px}#welcome .preview-card h3{font-size:1rem;margin-bottom:6px}#welcome .preview-card p{font-size:.88rem}#welcome .preview-person{width:43px;height:70px;flex-basis:43px;border-width:3px;border-radius:13px;margin-right:-17px}#welcome .preview-people{padding:0;height:92px}#welcome .preview-image-note{font-size:.7rem;margin-top:12px}#welcome .intro-navigation{padding-top:10px}#welcome .intro-welcome h1{font-size:42px}#welcome .preview-playback .intro-position{font-size:.8rem}}
@media(max-width:360px){#welcome .preview-card{grid-template-columns:37% minmax(0,1fr);gap:10px}#welcome .preview-card h3{font-size:.94rem}#welcome .preview-person{flex-basis:37px;width:37px;height:65px;margin-right:-18px}}
@media(prefers-reduced-motion:reduce){#welcome .intro-preview,.intro-slide:not([hidden]) .preview-graph-line,.preview-timer.is-playing span{animation:none!important}.preview-graph-line{stroke-dashoffset:0}}