.growth-simulator{position:relative;padding:120px 0 130px;overflow:hidden;background:radial-gradient(circle at 50% 68%,#e7f0ff 0,#f4f8ff 43%,#fff 78%);text-align:center}
.growth-simulator .section-shell{position:relative;z-index:1;width:min(1160px,calc(100% - 48px))}
.growth-simulator h2{max-width:890px;margin:0 auto 12px;color:#17233b;font-size:clamp(40px,4.3vw,58px);line-height:1.07;font-weight:650;letter-spacing:-.058em}
.simulator-switch{display:inline-flex;gap:4px;margin:30px auto 32px;padding:4px;border:1px solid #d9e5f5;border-radius:999px;background:#fff;box-shadow:0 9px 24px #223c6820}
.simulator-switch button{min-width:100px;padding:10px 22px;border:0;border-radius:999px;background:transparent;color:#4d5b70;font-size:14px;font-weight:650;transition:background .25s,color .25s,transform .25s}
.simulator-switch button:hover{transform:translateY(-1px)}
.simulator-switch button.active{background:#14223c;color:#fff;box-shadow:0 4px 12px #0b193a40}
.simulator-switch button:focus-visible,.simulator-cta:focus-visible,.simulator-control input:focus-visible{outline:3px solid #82adff;outline-offset:4px}
.simulator-stage{position:relative;max-width:1152px;margin:auto}
.simulator-social{position:absolute;z-index:0;width:150px;aspect-ratio:1;border-radius:37px;box-shadow:0 22px 45px #183a7750,0 0 0 8px #ffffff54;animation:simulator-social-float 8s ease-in-out infinite;will-change:transform}
.simulator-social img{display:block;width:100%;height:100%;border-radius:inherit}
.simulator-social-instagram{top:-36px;left:-70px;--social-rotate:-13deg;transform:rotate(var(--social-rotate))}
.simulator-social-tiktok{right:-48px;bottom:-48px;width:125px;--social-rotate:11deg;transform:rotate(var(--social-rotate));animation-delay:-4s}
.simulator-panel{position:relative;z-index:1;display:grid;grid-template-columns:46% 54%;min-height:510px;overflow:hidden;border:1px solid #293952;border-radius:29px;background:#111725;box-shadow:0 30px 80px #1d386134;text-align:left;opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.75,.18,1)}
.growth-simulator.in-view .simulator-panel{opacity:1;transform:translateY(0)}
.simulator-controls{position:relative;padding:49px 42px 42px;background:radial-gradient(circle at 4% 6%,#2b467d 0,#17233a 38%,#111725 78%)}
.simulator-control+.simulator-control{margin-top:35px}
.simulator-control-head{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-bottom:14px}
.simulator-control-head label{color:#b4bdcf;font-size:14px}
.simulator-control-head output{color:#fff;font-size:24px;font-weight:700;white-space:nowrap;letter-spacing:-.045em}
.simulator-control input{display:block;width:100%;height:8px;margin:0;appearance:none;-webkit-appearance:none;border-radius:99px;background:linear-gradient(to right,#3b8cff 0%,#3b8cff var(--fill,0%),#3e485c var(--fill,0%),#3e485c 100%);cursor:pointer}
.simulator-control input::-webkit-slider-thumb{width:25px;height:25px;appearance:none;-webkit-appearance:none;border:4px solid #fff;border-radius:50%;background:#3978f1;box-shadow:0 0 0 6px #307afc5b,0 4px 15px #236dff8c}
.simulator-control input::-moz-range-thumb{width:17px;height:17px;border:4px solid #fff;border-radius:50%;background:#3978f1;box-shadow:0 0 0 6px #307afc5b,0 4px 15px #236dff8c}
.simulator-results{margin-top:46px;padding-top:31px;border-top:1px solid #ffffff24}
.simulator-result-label{margin:0 0 6px;color:#afbace;font-size:14px}
.simulator-results>strong{display:block;min-height:85px;color:#fff;font-size:clamp(60px,6vw,82px);font-weight:740;line-height:1.05;letter-spacing:-.075em;font-variant-numeric:tabular-nums}
.simulator-results>strong.simulator-pulse{animation:simulator-number .36s cubic-bezier(.2,.7,.2,1)}
.simulator-secondary{margin:5px 0 28px;color:#b6c1d2;font-size:14px}
.simulator-secondary>span:first-child{color:#eaf2ff;font-weight:650}
.simulator-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 25px;border-radius:999px;background:linear-gradient(110deg,#3977ef,#5a9bff);color:#fff;font-size:14px;font-weight:690;box-shadow:0 8px 26px #377eff79,inset 0 1px 0 #fff6;transition:transform .22s,box-shadow .22s}
.simulator-cta:hover{transform:translateY(-3px);box-shadow:0 13px 33px #377effa1,inset 0 1px 0 #fff6}
.simulator-preview{padding:57px 35px 35px 39px;border-left:1px solid #ffffff17;background:radial-gradient(circle at 94% 100%,#334f89b3,#171f32 41%,#151a29 77%)}
.simulator-funnel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.simulator-tile{position:relative;display:flex;flex-direction:column;min-height:288px;padding:15px 13px;overflow:hidden;border:1px solid #ffffff26;border-radius:20px;background:linear-gradient(155deg,#293d61,#17233b 53%,#101927);box-shadow:0 15px 24px #07101f77;transition:transform .4s cubic-bezier(.2,.75,.2,1),box-shadow .4s,border-color .4s}
.simulator-tile:nth-child(2){background:linear-gradient(155deg,#234973,#182d49 53%,#111d32)}
.simulator-tile:nth-child(3){background:linear-gradient(155deg,#27507a,#183552 53%,#12213a)}
.simulator-tile:hover{transform:translateY(-10px) rotate(-1deg);border-color:#83b2ff8c;box-shadow:0 25px 35px #07101f99}
.simulator-tile-icon{display:grid;place-items:center;width:37px;height:37px;margin-bottom:26px;border:1px solid #ffffff47;border-radius:12px;background:#ffffff21;color:#e8f2ff;font-size:17px}
.simulator-tile>span{color:#b9cbe5;font-size:12px;line-height:1.25}
.simulator-tile>strong{margin-top:5px;color:#fff;font-size:clamp(21px,2.2vw,28px);font-weight:720;letter-spacing:-.06em;font-variant-numeric:tabular-nums}
.odometer-number{white-space:nowrap;font-variant-numeric:tabular-nums}
.odometer-digit-window{display:inline-flex;width:.59em;height:1em;overflow:hidden;vertical-align:-.085em;text-align:center}
.odometer-digit-track{display:flex;flex-direction:column;flex:none;width:100%;line-height:1;transition:transform .62s cubic-bezier(.22,.76,.18,1);will-change:transform}
.odometer-digit-track>span{display:block;flex:none;width:100%;height:1em;line-height:1em}
.odometer-separator{display:inline-block;white-space:pre}
.odometer-screen-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.simulator-tile-visual{position:relative;height:80px;margin-top:auto}
.simulator-bars{display:flex;align-items:flex-end;gap:6px}.simulator-bars i{flex:1;height:var(--height);border-radius:4px 4px 0 0;background:linear-gradient(#77adff,#3875e9);transform-origin:bottom;animation:simulator-bars 2.4s ease-in-out infinite alternate}.simulator-bars i:nth-child(1){--height:35%}.simulator-bars i:nth-child(2){--height:57%;animation-delay:-.25s}.simulator-bars i:nth-child(3){--height:47%;animation-delay:-.7s}.simulator-bars i:nth-child(4){--height:70%;animation-delay:-1.1s}.simulator-bars i:nth-child(5){--height:59%;animation-delay:-.4s}.simulator-bars i:nth-child(6){--height:86%;animation-delay:-1.4s}.simulator-bars i:nth-child(7){--height:100%;animation-delay:-.8s}
.simulator-traffic{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:8px}.simulator-traffic i{display:block;width:92%;height:13px;border-radius:99px;background:linear-gradient(90deg,#91c6ff 0 var(--line),#ffffff24 var(--line) 100%);box-shadow:0 1px 9px #75a7ff3d;animation:simulator-traffic 3s ease-in-out infinite alternate}.simulator-traffic i:nth-child(1){--line:76%}.simulator-traffic i:nth-child(2){--line:58%;animation-delay:-1s}.simulator-traffic i:nth-child(3){--line:88%;animation-delay:-2s}
.simulator-conversion{display:grid;place-items:center}.simulator-conversion::before{content:"";display:block;width:68px;height:68px;border-radius:50%;border:9px solid #7caefd;border-left-color:#ffffff24;transform:rotate(-35deg);animation:simulator-ring 8s linear infinite}.simulator-conversion::after{content:"✓";position:absolute;color:#fff;font-size:26px;font-weight:700}
.simulator-note{margin:22px 0 0;color:#9fadbf;font-size:12px;line-height:1.55}
@keyframes simulator-social-float{0%,100%{transform:translateY(0) rotate(var(--social-rotate))}50%{transform:translateY(16px) rotate(calc(var(--social-rotate) + 5deg))}}
@keyframes simulator-bars{to{transform:scaleY(.78)}}
@keyframes simulator-traffic{to{opacity:.65;transform:scaleX(.9)}}
@keyframes simulator-ring{to{transform:rotate(325deg)}}
@keyframes simulator-number{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.simulator-panel{grid-template-columns:1fr}.simulator-preview{border-left:0;border-top:1px solid #ffffff17}.simulator-tile{min-height:220px}.simulator-social-instagram{left:-42px}.simulator-social-tiktok{right:-32px}}
@media(max-width:600px){.growth-simulator{padding:85px 0 100px}.growth-simulator .section-shell{width:calc(100% - 32px)}.growth-simulator h2{font-size:clamp(36px,9vw,47px)}.simulator-switch{margin:25px auto}.simulator-panel{border-radius:24px}.simulator-controls{padding:36px 25px}.simulator-control-head output{font-size:21px}.simulator-preview{padding:32px 23px}.simulator-funnel{gap:7px}.simulator-tile{min-height:185px;padding:11px 8px;border-radius:14px}.simulator-tile-icon{width:29px;height:29px;margin-bottom:16px;font-size:13px}.simulator-tile>span{font-size:10px}.simulator-tile>strong{font-size:18px}.simulator-tile-visual{height:48px}.simulator-conversion::before{width:46px;height:46px;border-width:6px}.simulator-conversion::after{font-size:20px}.simulator-social{width:92px;border-radius:24px}.simulator-social-instagram{top:-27px;left:-24px}.simulator-social-tiktok{right:-19px;bottom:-28px;width:82px;border-radius:21px}}
@media(prefers-reduced-motion:reduce){.simulator-panel{opacity:1;transform:none}.simulator-social,.simulator-bars i,.simulator-traffic i,.simulator-conversion::before,.simulator-results>strong.simulator-pulse{animation:none}.simulator-tile,.simulator-cta,.odometer-digit-track{transition:none}}

/* Brand simulator: one light surface with clear blue accents. */
.growth-simulator:not(.creator-earnings) .simulator-panel{
  border-color:#d4e1f1;
  background:#fff;
  box-shadow:0 24px 60px #23436c1c;
}
.growth-simulator:not(.creator-earnings) .simulator-controls{background:#fff}
.growth-simulator:not(.creator-earnings) .simulator-control-head label,
.growth-simulator:not(.creator-earnings) .simulator-result-label,
.growth-simulator:not(.creator-earnings) .simulator-secondary{color:#5d6c80}
.growth-simulator:not(.creator-earnings) .simulator-control-head output,
.growth-simulator:not(.creator-earnings) .simulator-results>strong,
.growth-simulator:not(.creator-earnings) .simulator-secondary>span:first-child{color:#172a48}
.growth-simulator:not(.creator-earnings) .simulator-control input{
  background:linear-gradient(to right,#2e6bd2 0%,#2e6bd2 var(--fill,0%),#dce5f0 var(--fill,0%),#dce5f0 100%);
}
.growth-simulator:not(.creator-earnings) .simulator-control input::-webkit-slider-thumb{
  border:4px solid #2e6bd2;
  background:#fff;
  box-shadow:0 2px 8px #1d4f9238;
}
.growth-simulator:not(.creator-earnings) .simulator-control input::-moz-range-thumb{
  border:4px solid #2e6bd2;
  background:#fff;
  box-shadow:0 2px 8px #1d4f9238;
}
.growth-simulator:not(.creator-earnings) .simulator-results{border-top-color:#e0e7f0}
.growth-simulator:not(.creator-earnings) .simulator-preview{
  border-left-color:#dce5f0;
  background:#f1f6fd;
}
.growth-simulator:not(.creator-earnings) .simulator-tile,
.growth-simulator:not(.creator-earnings) .simulator-tile:nth-child(2),
.growth-simulator:not(.creator-earnings) .simulator-tile:nth-child(3){
  border-color:#d7e3f2;
  background:#fff;
  box-shadow:0 8px 20px #24476d0d;
}
.growth-simulator:not(.creator-earnings) .simulator-tile:hover{
  border-color:#8fb6ed;
  box-shadow:0 15px 28px #24476d1a;
}
.growth-simulator:not(.creator-earnings) .simulator-tile-icon{
  border-color:#d4e2f4;
  background:#eaf2fd;
  color:#2c67c5;
}
.growth-simulator:not(.creator-earnings) .simulator-tile>span{color:#5b6d83}
.growth-simulator:not(.creator-earnings) .simulator-tile>strong{color:#172a48}
.growth-simulator:not(.creator-earnings) .simulator-bars i{background:linear-gradient(#79aaf0,#2e6bd2)}
.growth-simulator:not(.creator-earnings) .simulator-traffic i{
  background:linear-gradient(90deg,#76a6e5 0 var(--line),#dce6f2 var(--line) 100%);
  box-shadow:none;
}
.growth-simulator:not(.creator-earnings) .simulator-conversion::before{
  border-color:#4383df;
  border-left-color:#dce6f2;
}
.growth-simulator:not(.creator-earnings) .simulator-conversion::after{color:#172a48}
.growth-simulator:not(.creator-earnings) .simulator-note{color:#5d6c80}
@media(max-width:900px){
  .growth-simulator:not(.creator-earnings) .simulator-preview{border-top-color:#dce5f0}
}