.play{color:#3a2e3f;background:#fff9f0;margin:0;font-family:Poppins,system-ui,sans-serif;position:relative;overflow-x:hidden}.play .demo-bar{color:#fff9f0;background:#3a2e3f}.p-blob{filter:blur(60px);opacity:.7;z-index:0;pointer-events:none;border-radius:50%;position:absolute}.p-blob--1{background:#ffd6e0;width:40rem;height:40rem;top:-8rem;right:-12rem}.p-blob--2{background:#d6f0ff;width:30rem;height:30rem;top:30rem;left:-10rem}.p-blob--3{background:#fff1b8;width:34rem;height:34rem;top:70rem;right:10%}.p-head,.p-hero,.p-cards,.p-band,.p-cta{z-index:1;max-width:72rem;margin:0 auto;padding-inline:clamp(1rem,4vw,2rem);position:relative}.p-head{justify-content:space-between;align-items:center;padding-block:1.25rem;display:flex}.p-logo{color:#e0557a;font-size:1.4rem;font-weight:700}.p-btn{color:#fff;background:#3a2e3f;border-radius:999px;padding:.8rem 1.4rem;font-weight:500;text-decoration:none;transition:transform .2s;display:inline-block}.p-btn:hover{transform:rotate(-2deg)scale(1.04)}.p-btn--big{background:#e0557a;padding:1.1rem 1.8rem;font-size:1.1rem}.p-hero{text-align:center;padding-block:clamp(3rem,8vw,6rem) 2rem}.p-hero h1{letter-spacing:-.03em;max-width:14ch;margin:0 auto 1.25rem;font-size:clamp(2.6rem,1.5rem + 6vw,6.5rem);font-weight:700;line-height:1}.p-hero h1 span{color:#e0557a;background:#fff1b8;border-radius:.4em;padding:0 .3em;display:inline-block;transform:rotate(-3deg)}.p-hero p{color:#6b5c70;max-width:34rem;margin:0 auto 2rem;font-size:1.2rem}.p-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1.25rem;padding-block:3rem;display:grid}.p-card{border-radius:2rem;padding:2rem;transition:transform .25s}.p-card:hover{transform:translateY(-6px)rotate(-1deg)}.p-card--a{background:#d6f0ff}.p-card--b{background:#ffd6e0}.p-card--c{background:#e3f7d4}.p-card:nth-child(2){transform:rotate(1.5deg)}.p-card:nth-child(3){transform:rotate(-1deg)}.p-emoji{margin-bottom:.5rem;font-size:2.5rem;display:block}.p-card h2{margin:0 0 .4rem;font-size:1.5rem}.p-card p{color:#4d4152;margin:0}.p-band{text-align:center;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:1rem;padding-block:1rem 3rem;display:grid}.p-band b{color:#e0557a;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1;display:block}.p-band span{color:#6b5c70}.p-cta{text-align:center;padding-block:2rem 5rem}.p-cta h2{letter-spacing:-.02em;margin:0 0 .5rem;font-size:clamp(1.6rem,1rem + 2.5vw,3rem)}.p-cta p{color:#6b5c70;margin:0 0 1.5rem}