.hero{text-align:center;padding:24px 0 8px}.hero h1{font-family:var(--heading);color:var(--ink);margin:0 0 14px;font-size:clamp(30px,8.5vw,42px);font-weight:400;line-height:1.35}.hero h1 em{color:var(--rose);background:linear-gradient(transparent 62%, var(--petal) 62%);padding:0 2px;font-style:normal}.hero p{color:var(--soft-ink);margin:0;font-size:17px}.ribbon{background:linear-gradient(180deg, var(--candy), var(--rose));color:#fff;font-family:var(--heading);border:3px solid #fff;border-radius:999px;margin-top:22px;padding:10px 22px;font-size:18px;display:inline-block;box-shadow:0 6px 16px #f0648f4d}.tilt-left{transform:rotate(-1.2deg)}.tilt-right{transform:rotate(1deg)}.chat{flex-direction:column;gap:10px;display:flex}.comment{align-items:flex-start;gap:10px;display:flex}.avatar{width:34px;height:34px;box-shadow:0 0 0 2px var(--petal);border:2px solid #fff;border-radius:50%;flex:none}.comment .bubble{background:var(--blush);border-radius:4px 18px 18px;padding:8px 14px;font-size:15px;line-height:1.5}.comment .name{color:var(--soft-ink);font-size:12px;display:block}.arrow{text-align:center;padding:4px 0;font-size:22px;line-height:1}.dm{background:linear-gradient(135deg, var(--candy), var(--rose));color:#fff;border-radius:18px 18px 4px;align-self:flex-end;max-width:82%;padding:10px 16px;font-size:15px;line-height:1.55;box-shadow:0 6px 14px #f0648f40}.steps{gap:14px;margin:0;padding:0;list-style:none;display:grid}.steps li{align-items:flex-start;gap:14px;display:flex}.steps .num{background:var(--petal);width:38px;height:38px;color:var(--berry);font-family:var(--heading);border-radius:50%;flex:none;place-items:center;font-size:19px;display:grid}.steps strong{font-family:var(--heading);font-size:18px;font-weight:400;line-height:1.5;display:block}.steps span{color:var(--soft-ink);font-size:15px}.promises{gap:10px;margin:0;padding:0;list-style:none;display:grid}.promises li{background:var(--milk);border:2px dashed var(--petal);border-radius:16px;padding:10px 14px}.promises b{color:var(--berry);font-weight:400;font-family:var(--heading)}.sign{text-align:right;font-family:var(--script);color:var(--rose);font-size:20px;margin-top:14px!important}