.creator-support{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;background:#faf9f7;padding-top:90px;padding-bottom:100px}.creator-copy h2{font-size:clamp(32px,3.5vw,51px);line-height:1.15}.creator-copy>p{font-size:16px}.creator-steps{display:grid;gap:0;margin:28px 0}.creator-steps button{text-align:left;background:none;border:0;border-bottom:1px solid #ddd;padding:17px 0 17px 42px;position:relative;font-size:16px;color:#555;transition:color .3s,padding .3s}.creator-steps button>span{position:absolute;left:0;top:20px;font-size:10px;color:var(--red)}.creator-steps small{display:block;font-size:12px;margin-top:4px;color:#777}.creator-steps [aria-selected=true]{color:#bd0813;border-bottom-color:var(--red);padding-left:48px}.creator-copy .creator-note{font-size:12px;color:#777}.creator-copy .text-link{font-size:10px}
.creator-demo{background:#171414;border:1px solid #322c2c;border-radius:25px;padding:26px;color:#fff;box-shadow:0 25px 65px #21151116;min-width:0}.creator-demo-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;font-size:9px;letter-spacing:1.5px;color:#c7b3b0}.creator-pause{border:1px solid #655b5b;border-radius:999px;padding:6px 10px;background:transparent;color:#ccc;font-size:9px;letter-spacing:0}.creator-profile{position:relative;height:240px;border-radius:15px;overflow:hidden;isolation:isolate}.creator-profile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;z-index:-2}.creator-profile:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000e,transparent);z-index:-1}.creator-profile>div{position:absolute;bottom:20px;left:22px;right:15px}.creator-tag{font-size:8px;letter-spacing:1.4px;color:#d4bcb9}.creator-profile h3{font-size:28px;margin:7px 0}.creator-profile p{font-size:11px;color:#ddd;margin:0}
.creator-calendar,.creator-campaign{padding:20px 0 0;transition:opacity .65s,transform .65s}.creator-calendar>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.creator-calendar>div>span{display:flex;flex-direction:column;gap:7px;background:#292323;border:1px solid #433939;border-radius:10px;padding:13px 10px;font-size:9px;color:#e7b1b0}.creator-calendar b{font-size:11px;font-weight:400;color:#eee}.creator-calendar i{font-style:normal;font-size:9px;color:#999}.creator-campaign>div{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:12px;font-size:10px}.creator-campaign>div>span{background:#292323;border:1px solid #433939;border-radius:999px;padding:8px 12px}.creator-campaign b{font-weight:400;color:#e14a54}.creator-explanation{font-size:12px;line-height:1.6;color:#ddd;margin:23px 0 0;min-height:40px}.creator-demo-caption{font-size:9px;color:#a39797;margin:18px 0 0;border-top:1px solid #3a3232;padding-top:15px}.creator-demo[data-phase="0"] .creator-calendar,.creator-demo[data-phase="0"] .creator-campaign{opacity:.4}.creator-demo[data-phase="1"] .creator-calendar>div>span{border-color:#e20c16;background:#382022}.creator-demo[data-phase="1"] .creator-campaign{opacity:.4}.creator-demo[data-phase="2"] .creator-campaign>div>span{border-color:#e20c16;background:#382022}.creator-demo[data-phase="2"] .creator-calendar{opacity:.6}
@media(max-width:750px){.creator-support{grid-template-columns:1fr;gap:40px;padding-top:60px;padding-bottom:65px}.creator-demo{padding:20px}.creator-copy h2{font-size:35px}.creator-profile{height:230px}}
@media(prefers-reduced-motion:reduce){.creator-calendar,.creator-campaign,.creator-steps button{transition:none}}
.paused .creator-calendar,.paused .creator-campaign,.paused .creator-steps button{transition:none}
/* v36: interactive fictional creator profile, alongside the restored contact invitation. */
.creator-support{background:#f0ece7}
.profile-identity{display:flex;align-items:center;gap:12px;margin-bottom:20px}.profile-identity>img{height:52px;width:52px;object-fit:cover;object-position:70% 25%;border-radius:50%;border:2px solid #b83b44}.profile-identity h3{font-size:24px;margin:0 0 3px}.profile-identity div>span{font-size:10px;color:#bfb4b1}.demo-label{margin-left:auto;font-size:8px;letter-spacing:1.5px;color:#ccc;border:1px solid #665554;border-radius:999px;padding:5px 9px}
.profile-stats{display:flex;gap:20px;align-items:center;margin-bottom:18px}.profile-stats>span{font-size:9px;color:#bbabaa}.profile-stats strong{display:block;font-size:21px;font-weight:400;font-variant-numeric:tabular-nums;color:#fff}.demo-follow{margin-left:auto;display:flex;align-items:center;gap:14px;background:#e20c16;border:0;color:#fff;border-radius:999px;font-size:11px;padding:10px 15px;transition:background .3s,transform .3s}.demo-follow span{font-size:19px}.demo-follow:hover{background:#b90a13;transform:translateY(-2px)}.demo-follow[aria-pressed=true]{background:#3a3030}
.profile-feature{position:relative;height:260px;border-radius:14px;overflow:hidden}.profile-feature>img{height:100%;width:100%;object-fit:cover;object-position:65% 30%}.profile-feature>img.photo-arrival{animation:profile-photo-in .7s ease both}.profile-badge{position:absolute;bottom:14px;left:14px;background:#161111bb;color:#fff;border:1px solid #ffffff30;border-radius:999px;font-size:10px;padding:7px 12px}
.profile-thumbnails{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0}.profile-thumbnails button{padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:#211b1b;transition:border-color .3s,transform .3s}.profile-thumbnails img{height:72px;width:100%;object-fit:cover;object-position:65% 25%}.profile-thumbnails [aria-pressed=true]{border-color:#ff737b}.profile-thumbnails button:hover{transform:translateY(-3px)}
.profile-actions{display:flex;align-items:center;gap:14px;min-height:38px}.demo-like{border:1px solid #665554;color:#eee;background:transparent;border-radius:999px;padding:7px 12px;white-space:nowrap;font-size:10px}.demo-like>span{font-size:18px;color:#ff737b;vertical-align:middle;margin-right:5px}.demo-like[aria-pressed=true]{background:#432329;border-color:#d9525c}.demo-feedback{font-size:10px;color:#c8b6b3;line-height:1.5}.profile-stats .counter-pop{animation:counter-pop .45s ease}.creator-demo-caption{line-height:1.6}
@keyframes profile-photo-in{from{opacity:.4;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes counter-pop{50%{color:#ff737b;transform:translateY(-3px)}}
@media(max-width:420px){.profile-stats{gap:10px}.profile-feature{height:230px}.profile-actions{align-items:flex-start;flex-direction:column;gap:9px}.demo-follow{gap:5px;padding:9px 11px}}
@media(prefers-reduced-motion:reduce){.profile-feature>img.photo-arrival,.profile-stats .counter-pop{animation:none}.demo-follow,.profile-thumbnails button{transition:none;transform:none!important}}
.paused .profile-feature>img.photo-arrival,.paused .profile-stats .counter-pop{animation:none}.paused .demo-follow,.paused .profile-thumbnails button{transition:none;transform:none!important}
/* v37: animated example engagement, independent of the photo transition. */
.floating-hearts{position:absolute;right:28px;bottom:38px;pointer-events:none;z-index:2}.floating-hearts>span{position:absolute;bottom:0;left:0;color:#ff6577;font-size:25px;text-shadow:0 3px 12px #0004;opacity:0;animation:engagement-heart 1.8s ease-out both;animation-delay:0s}
@keyframes engagement-heart{0%{opacity:0;transform:translate(0,0) scale(.5)}15%{opacity:1}70%{opacity:.9}100%{opacity:0;transform:translate(var(--drift),-115px) scale(1.15)}}
.demo-like b{font-weight:400;font-variant-numeric:tabular-nums}.profile-stats strong{min-width:60px}
@media(prefers-reduced-motion:reduce){.floating-hearts{display:none}}
.paused .floating-hearts{display:none}