/* One story, responsive calculation, and a composed closing scene. */
.earning-story{margin:26px 0 0;border:1px solid #bba16d35;border-radius:18px;background:linear-gradient(120deg,#24221b70,#141719);overflow:hidden}
.story-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 24px;border-bottom:1px solid #c4ab7819;color:#b9ad96;font-size:11px;letter-spacing:.025em}
.story-replay{display:flex;align-items:center;gap:8px;min-height:36px;border:1px solid #bfa57730;border-radius:7px;background:#d4b77c08;padding:8px 12px;color:#cfc2a8;cursor:pointer;font:inherit}.story-replay:hover{background:#d4b77c18}.story-replay:focus-visible{outline:2px solid #dfc28e;outline-offset:3px}.story-replay svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.story-scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.story-scene{position:relative;padding:26px;transition:background .5s}.story-scene+.story-scene{border-left:1px solid #c4ab7819}.story-caption{display:flex;align-items:baseline;gap:12px;min-height:55px}.story-caption>span{color:#aa926a;font-size:10px}.story-caption h3{font-size:15px!important;line-height:1.5!important;font-weight:500!important;margin:0!important;color:#bdb9ae;transition:color .4s}
.story-scene.active{background:#cbb07809}.story-scene.active h3{color:#ecd3a6}.story-post{display:flex;gap:16px;align-items:center;height:128px;padding:15px;border:1px solid #bba3742b;border-radius:12px;background:#101213;transform-origin:center}.story-post img{width:67px;height:90px;object-fit:cover;border-radius:6px}.story-post>div{flex:1;min-width:0}.story-post-brand{font-size:9px;letter-spacing:.12em;color:#cec4b0}.story-post-line{display:block;width:85%;height:3px;border-radius:2px;background:#81796750;margin-top:10px}.story-post-line.short{width:55%;margin-top:6px}.story-link{display:block;font-size:10px;line-height:1.5;color:#c6ac7c;margin-top:13px}.story-payment{height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.story-payment strong{font-size:34px;font-weight:400;letter-spacing:-.04em;color:#ece6da}.story-payment>span:last-child{font-size:11px;color:#969184}.story-payment-check{position:absolute;right:28px;top:86px;width:22px;height:22px;border-radius:50%;border:1px solid #d5b77955;color:#ddc18b;font-size:13px;text-align:center;line-height:20px}
.story-wallet{position:relative;display:flex;flex-direction:column;justify-content:center;height:128px;padding:20px;border:1px solid #c5aa7445;border-radius:12px;background:radial-gradient(ellipse at top right,#bd9d5120,transparent 80%),#191b1a}.story-wallet>span:not(.story-flying){font-size:10px;line-height:1.5;color:#a99e89}.story-wallet strong{font-size:35px;font-weight:400;color:#e4c795;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.story-wallet .story-complete{margin-top:5px;color:#c6b080!important}.story-flying{position:absolute;top:22px;right:16px;font-size:19px;color:#f1d7a2;opacity:0;pointer-events:none}.story-progress{height:2px;background:#ccb27e0a}.story-progress i{display:block;height:100%;background:linear-gradient(90deg,#997d46,#e7c98f);transform:scaleX(var(--story-progress,1));transform-origin:left;box-shadow:0 0 12px #dec28b44}
.story-playing .story-post{animation:story-post 6.8s both}.story-playing .story-payment-check{animation:story-check 6.8s both}.story-playing .story-flying{animation:story-fly 6.8s both}.story-playing .story-wallet{animation:story-wallet 6.8s both}.story-playing .story-complete{animation:story-done 6.8s both}.earning-story.is-paused *{animation-play-state:paused!important}
@keyframes story-post{0%{opacity:.35;transform:translateY(12px) scale(.96)}18%,100%{opacity:1;transform:none}}
@keyframes story-check{0%,30%{opacity:0;transform:scale(.4)}40%{opacity:1;transform:scale(1.15)}47%,100%{opacity:1;transform:scale(1)}}
@keyframes story-fly{0%,57%{opacity:0;transform:translateY(-24px)}64%,70%{opacity:1;transform:translateY(-12px)}83%,100%{opacity:0;transform:translate(-30px,34px) scale(.6)}}
@keyframes story-wallet{0%,70%,100%{box-shadow:0 0 0 transparent}83%{box-shadow:0 0 30px #d4b16e28;border-color:#dcc08b}}
@keyframes story-done{0%,84%{opacity:0;transform:translateY(4px)}95%,100%{opacity:1;transform:none}}
.income-chart{order:-1;padding:2px 0 22px;border-bottom:1px solid #c2a97b20;margin-bottom:2px}.chart-heading{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#aaa08d;line-height:1.6}.chart-heading>span:first-child{max-width:210px}.chart-heading>span:last-child{white-space:nowrap;color:#cbb88f}.income-chart svg{width:100%;height:130px;display:block;margin:12px 0 0;overflow:visible}.chart-grid{stroke:#c4af7e14;fill:none;stroke-width:1}.chart-potential{stroke:#c4af7e30;fill:none;stroke-dasharray:3 6}#chart-line{stroke:#dfbf85;stroke-width:2;fill:none;stroke-linecap:round}#chart-dot{fill:#f2d7a3;stroke:#d4b57830;stroke-width:7}.chart-axis{display:flex;justify-content:space-between;color:#7f7b72;font-size:9px;font-variant-numeric:tabular-nums}#calculator .calc-row.main{order:-2}#calculator .calc-right .val{font-variant-numeric:tabular-nums}#calculator .calc-right.calc-settled .calc-row.main .val{animation:calc-confirm .65s ease-out}#calculator .calc-right.calc-settled #chart-dot{animation:calc-dot .65s ease-out;transform-origin:center;transform-box:fill-box}@keyframes calc-confirm{35%{color:#fff0d0;text-shadow:0 0 24px #e6bd6055}}@keyframes calc-dot{40%{stroke-width:15;stroke:#d4b57812}}.motion-sr{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#start-partner.final-cta{padding:70px 36px 78px;min-height:620px;display:flex;align-items:center;justify-content:center}#start-partner>.wrap{width:100%;max-width:600px;padding:0;z-index:2}#start-partner h2{font-size:clamp(36px,4.2vw,54px)}#start-partner p{max-width:48ch}#start-partner .premium-link{width:82px;height:82px;margin-bottom:26px}#start-partner .premium-link svg{width:40px;height:40px}#start-partner.p-inview .premium-link i:nth-child(2){animation:none}#start-partner .premium-link .link-left,#start-partner .premium-link .link-right,#start-partner .premium-link .link-center{animation:none!important}.final-gallery{position:absolute;inset:0;z-index:1;pointer-events:none}.final-work{position:absolute;width:136px;padding:6px 6px 0;border:1px solid #cab48945;border-radius:12px;background:#272723;box-shadow:0 20px 40px #0005;transform:rotate(var(--tilt));opacity:.83;will-change:transform}.final-work img{display:block;width:100%;height:166px;object-fit:cover;border-radius:7px}.final-work>span{display:block;font-size:7px;letter-spacing:.12em;color:#b6a78c;text-align:left;padding:9px 5px}.final-work-1{left:3%;top:15%;--tilt:-12deg;--entry-x:-90px;--entry-y:40px}.final-work-2{right:3%;top:12%;--tilt:10deg;--entry-x:90px;--entry-y:40px}.final-work-3{left:6%;bottom:9%;--tilt:7deg;--entry-x:-70px;--entry-y:70px}.final-work-4{right:5%;bottom:7%;--tilt:-8deg;--entry-x:70px;--entry-y:70px}.final-assembled .final-work{animation:final-compose 1.7s cubic-bezier(.16,.75,.25,1) both;animation-delay:var(--arrival,0s)}.final-work-2{--arrival:.12s}.final-work-3{--arrival:.24s}.final-work-4{--arrival:.36s}#start-partner.final-assembled .hero-ctas .btn-gold{animation:final-button 1s 1.3s ease-out both}@keyframes final-compose{from{opacity:0;transform:translate(var(--entry-x),var(--entry-y)) rotate(0deg) scale(.85)}to{opacity:.83;transform:translate(0,0) rotate(var(--tilt)) scale(1)}}@keyframes final-button{50%{box-shadow:0 0 35px #d9b66a30}}
@media(max-width:1100px){.story-scene{padding:22px 18px}.story-post{padding:10px;gap:10px}.story-post img{width:50px;height:78px}.final-work{width:110px}.final-work img{height:140px}#start-partner>.wrap{max-width:510px}.final-work-1,.final-work-3{left:2%}.final-work-2,.final-work-4{right:2%}}
@media(max-width:850px){#start-partner.final-cta{display:flex;flex-direction:column;padding:46px 24px 25px;min-height:0}.final-gallery{position:relative;order:2;width:100%;max-width:470px;height:210px;margin-top:35px}.final-work{width:105px;top:18px;bottom:auto}.final-work img{height:135px}.final-work-1{left:4%;--tilt:-13deg}.final-work-2{left:27%;right:auto;top:1px;--tilt:-4deg}.final-work-3{left:50%;top:3px;--tilt:5deg}.final-work-4{right:3%;top:21px;--tilt:14deg}#start-partner>.wrap{max-width:560px}}
@media(max-width:700px){.story-toolbar{padding:12px 16px;gap:8px;font-size:10px}.story-replay{padding:8px;font-size:10px}.story-scenes{grid-template-columns:1fr}.story-scene{padding:20px 22px}.story-scene+.story-scene{border-left:0;border-top:1px solid #c4ab7819}.story-caption{min-height:36px}.story-caption h3{font-size:15px!important}.story-post{height:110px;max-width:100%;padding:13px;gap:18px}.story-post img{width:67px;height:80px}.story-link{font-size:11px}.story-payment{height:95px}.story-payment-check{top:66px;right:35px}.story-wallet{height:118px}.income-chart svg{height:115px}.chart-heading{font-size:10px}#start-partner.final-cta{padding:38px 22px 15px}#start-partner h2{font-size:35px}#start-partner p{font-size:14px}#start-partner .hero-ctas{flex-direction:column;align-items:stretch}#start-partner .btn{width:100%}.final-gallery{height:175px;margin-top:30px}.final-work{width:80px;padding:4px 4px 0;border-radius:8px}.final-work img{height:107px;border-radius:5px}.final-work>span{font-size:5px;padding:7px 2px}.final-work-1{left:1%}.final-work-2{left:25%}.final-work-3{left:49%}.final-work-4{right:0%}}
@media(prefers-reduced-motion:reduce){.earning-story *,.final-assembled *,#calculator .calc-right.calc-settled *{animation:none!important;transition:none!important}.story-flying{display:none}.final-work{will-change:auto}.story-complete{opacity:1!important}}

/* Explicit calculator range and invalid-input feedback, including compact mobile layout. */
#calculator .calc-check-hint{grid-column:1/-1;margin:8px 0 0;font-size:11px;line-height:1.5;color:#aaa08d}
#calculator .calc-check-hint.is-invalid{color:#f0b4a6}
#calculator .check-control input[aria-invalid="true"]{border-color:#f0b4a6}