.creator-earnings{padding:112px 0 125px;background:radial-gradient(circle at 50% 70%,#e6f0ff 0,#f3f8ff 48%,#fff 82%)}
.creator-earnings h2{max-width:820px;margin:0 auto}
.creator-earnings .simulator-stage{margin-top:44px}
.creator-earnings .simulator-panel{min-height:500px}
.creator-earnings .simulator-controls{display:flex;flex-direction:column;justify-content:center}
.creator-earnings .simulator-results{margin-top:43px}
.creator-earnings .simulator-results>strong{display:flex;align-items:baseline;min-height:86px;white-space:nowrap}
.creator-earnings .creator-euro{font-size:.72em;letter-spacing:-.04em}
.creator-earnings .simulator-secondary{min-height:20px}
.creator-earnings .simulator-preview{display:flex;flex-direction:column;justify-content:center;padding-top:38px;padding-bottom:33px}
.creator-earnings .creator-video-screens{gap:11px}
.creator-earnings .creator-video-screen{display:block;min-height:0;aspect-ratio:9/16;padding:0;border:1px solid #ffffff3d;border-radius:18px;background:#17233b;overflow:hidden;box-shadow:0 15px 25px #07101f77}
.creator-earnings .creator-video-screen:nth-child(n){background:#17233b}
.creator-earnings .creator-video-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .45s cubic-bezier(.2,.75,.2,1)}
.creator-earnings .creator-video-screen:hover img{transform:scale(1.055)}
.creator-earnings .simulator-note{max-width:470px;margin-top:18px}
.creator-earnings .simulator-cta{background:#244f94;box-shadow:0 8px 25px #20498657}
.creator-earnings .simulator-cta:hover{box-shadow:0 13px 28px #20498677}
@media(max-width:900px){.creator-earnings .simulator-preview{padding-top:32px}}
@media(max-width:600px){.creator-earnings{padding:85px 0 95px}.creator-earnings .simulator-stage{margin-top:32px}.creator-earnings .simulator-panel{min-height:0}.creator-earnings .simulator-controls{padding:32px 24px}.creator-earnings .simulator-control-head{align-items:center}.creator-earnings .simulator-control-head label{max-width:60%;line-height:1.25}.creator-earnings .simulator-results>strong{min-height:72px;font-size:clamp(52px,12vw,72px)}.creator-earnings .simulator-preview{padding:29px 16px 26px}.creator-earnings .creator-video-screens{gap:7px}.creator-earnings .creator-video-screen{border-radius:11px}.creator-earnings .simulator-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.creator-earnings .creator-video-screen img{transition:none}}

/* Creator calculator: neutral surfaces and charcoal controls. */
.creator-earnings{background:linear-gradient(180deg,#fff,#f7f7f8 65%,#fff)}
.creator-earnings .simulator-panel{border-color:#e4e4e7;background:#fff;box-shadow:0 24px 64px #18181b0d}
.creator-earnings .simulator-controls{background:#fff}
.creator-earnings .simulator-control-head label,.creator-earnings .simulator-result-label,.creator-earnings .simulator-secondary{color:#65656e}
.creator-earnings .simulator-control-head output,.creator-earnings .simulator-results>strong,.creator-earnings .simulator-secondary>span:first-child{color:#18181b}
.creator-earnings .simulator-control input{background:linear-gradient(to right,#27272a 0%,#27272a var(--fill,0%),#e4e4e7 var(--fill,0%),#e4e4e7 100%)}
.creator-earnings .simulator-control input::-webkit-slider-thumb{border:4px solid #fff;background:#27272a;box-shadow:0 0 0 1px #d4d4d8,0 2px 8px #18181b26}
.creator-earnings .simulator-control input::-moz-range-thumb{border:4px solid #fff;background:#27272a;box-shadow:0 0 0 1px #d4d4d8,0 2px 8px #18181b26}
.creator-earnings .simulator-results{border-top-color:#e4e4e7}
.creator-earnings .simulator-cta{background:#18181b;color:#fff;box-shadow:0 4px 12px #18181b14}
.creator-earnings .simulator-cta:hover{background:#303034;box-shadow:0 8px 20px #18181b21}
.creator-earnings .simulator-cta:focus-visible,.creator-earnings .simulator-control input:focus-visible{outline-color:#71717a}
.creator-earnings .simulator-preview{border-color:#e4e4e7;background:#fafafa}
.creator-earnings .creator-video-screen{border-color:#e4e4e7;box-shadow:0 8px 20px #18181b14}
.creator-earnings .simulator-note{color:#65656e}
.creator-earnings .simulator-social{box-shadow:0 12px 30px #18181b14,0 0 0 6px #ffffff80}

/* Shared blue for every creator-page conversion action. */
body.creator-page a[href*="wa.me"][class],
.creator-page .whatsapp-widget .whatsapp-launcher{
 background:#4065e7;border-color:#4065e7;color:#fff;
 box-shadow:0 3px 8px #4065e71a;
}
body.creator-page a[href*="wa.me"][class]:hover,
.creator-page .whatsapp-widget .whatsapp-launcher:hover,
.creator-page .whatsapp-widget .whatsapp-launcher[aria-expanded="true"]{
 background:#3459d8;border-color:#3459d8;color:#fff;
 box-shadow:0 5px 12px #4065e724;
}
.creator-page .whatsapp-launcher img{filter:hue-rotate(90deg)}

/* Preserve the familiar green identity of the floating WhatsApp control. */
.creator-page .whatsapp-widget .whatsapp-launcher{
 background:#20bf65;border-color:#ffffff80;
 box-shadow:0 9px 24px #16804845,0 2px 6px #0002;
}
.creator-page .whatsapp-widget .whatsapp-launcher:hover,
.creator-page .whatsapp-widget .whatsapp-launcher[aria-expanded="true"]{
 background:#17ab59;border-color:#ffffff80;
 box-shadow:0 15px 30px #16804855,0 3px 8px #0002;
}
.creator-page .whatsapp-launcher img{filter:none}
.creator-page .creator-faq-list summary{padding-left:0}
.creator-page .creator-faq-list summary::before{content:none;display:none}

.creator-page .whatsapp-avatar{overflow:hidden;flex-shrink:0}
.creator-page .whatsapp-avatar img{display:block;width:132%;height:132%;max-width:none;object-fit:cover}

body.creator-page .whatsapp-card a.whatsapp-send[href*="wa.me"]{background:#20bf65;border-color:#20bf65;color:#fff;box-shadow:0 3px 8px #1680481a}
body.creator-page .whatsapp-card a.whatsapp-send[href*="wa.me"]:hover{background:#17ab59;border-color:#17ab59;color:#fff;box-shadow:0 5px 12px #16804824}

.creator-page .whatsapp-launcher{position:relative}
.creator-page .whatsapp-launcher.has-notification::after{content:"";position:absolute;top:1px;right:1px;width:13px;height:13px;border:2px solid #fff;border-radius:50%;background:#ef4444;box-shadow:0 2px 5px #0002;pointer-events:none}