@charset "UTF-8";
@font-face{font-family:TaskNeon;src:url("../assets/task-neon-display.ttf") format("truetype");font-style:normal;font-weight:900;font-display:swap}
.task-quantity{display:inline-block;white-space:nowrap}
@font-face{font-family:PosterDisplay;src:url("../assets/poster-display.ttf") format("truetype");font-style:normal;font-weight:900;font-display:swap}
:root{--ink:#24322e;--yellow:#f9ba1d;--teal:#00a99e;--cream:#ffe3a5;--red:#d92849;--body:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#efe9db;font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #203cbd;outline-offset:6px}svg{display:block;width:100%;height:100%}[hidden]{display:none!important}h1,h2,p{margin:0}
.skip-link{position:fixed;top:-90px;left:20px;padding:10px 18px;background:#24322e;color:white;z-index:30}.skip-link:focus{top:12px}
.page-shell{width:min(1010px,calc(100% - 80px));margin:36px auto;border:9px solid #fff9;outline:1px solid #c6bba8;box-shadow:0 20px 70px #55421c24,0 3px 9px #55421c12}
/* Centered neon lettering, matching the selected second preview. */
.brand-header{display:grid;place-items:center;padding:16px 30px 18px;background:linear-gradient(110deg,var(--yellow),var(--teal))}
.task-list{width:100%;list-style:none;margin:0;padding:0;display:grid;gap:16px;color:#fffdf0}
.task-row{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;align-items:center;gap:6px;text-align:center}
.task-row+.task-row{border-top:1px solid #fff8;padding-top:16px}
.task-label{padding:2px 21px;border:2px solid transparent;border-radius:999px;background:linear-gradient(110deg,#c3bc38,#3bb58d) padding-box,linear-gradient(100deg,#fff2a4,#20f4f7) border-box;color:#fffdf5;font-size:18px;font-weight:850;line-height:1.5;white-space:nowrap;box-shadow:-3px 0 12px #fff4ad55,3px 0 12px #21edf455;text-shadow:0 2px 2px #24563d66}
.task-name{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:0 .28em;max-width:100%;padding:.04em .16em .17em;font-family:TaskNeon,"Arial Black",var(--body);font-size:clamp(1.75rem,4.5vw,3.125rem);font-weight:900;line-height:1.3;letter-spacing:0;color:#fffef5;-webkit-text-stroke:.11em #07132e;paint-order:stroke fill;transform:skew(-6deg);filter:drop-shadow(-.055em -.025em 0 #1cf0fa) drop-shadow(.09em .09em 0 #fa087f);text-shadow:0 .035em 0 #07132e}
.task-platform{font-size:1.28em}
.task-reward{display:inline-flex;align-items:baseline;justify-content:center;gap:6px;white-space:nowrap;background:#fff8db;color:#6a3618;border-radius:100px;padding:4px 17px;font-size:16px;font-weight:700;box-shadow:0 2px 5px #3b602219}
.task-reward b{font-family:Arial,sans-serif;font-size:24px;line-height:1.2}
.poster{background:var(--cream) url('../assets/poster-background.jpg') center/100% 100% no-repeat;padding:40px 78px 28px}.poster-hero{text-align:center}.recruit-label{display:inline-flex;align-items:center;gap:18px;font-size:14px;font-weight:650;letter-spacing:.13em;color:#714628;margin-bottom:20px}.recruit-label span{color:#994918;font-size:15px}
h1{font-family:PosterDisplay,"Arial Black","PingFang SC","Microsoft YaHei",sans-serif;font-weight:900;line-height:1.16;letter-spacing:.025em}h1>span{display:block;width:fit-content;margin-inline:auto;background:linear-gradient(180deg,#ffdb50 8%,#ffae24 38%,#f97722 64%,#ec491b 100%);color:#f67c1e;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(1px 0 0 #692d14) drop-shadow(-1px 0 0 #692d14) drop-shadow(0 1px 0 #692d14) drop-shadow(0 -1px 0 #692d14) drop-shadow(0 5px 0 #703117)}.headline-small{font-size:clamp(55px,7vw,87px)}.headline-big{font-size:clamp(90px,10vw,132px);letter-spacing:.06em;padding-left:.08em;margin-top:4px}.work-from-home{display:flex;flex-direction:column;font-size:39px;line-height:1.3;font-weight:900;letter-spacing:.24em;padding-left:.24em;margin-top:22px}.work-from-home span{font-family:Arial,sans-serif;font-size:13px;font-weight:800;letter-spacing:.26em;margin-top:8px}
.income-banner{position:relative;display:flex;align-items:center;justify-content:center;gap:35px;background:linear-gradient(110deg,#008fb9 0%,#0b8fbe 27%,#6d57ad 57%,#d51b79 100%);border-radius:24px;margin:35px auto 0;padding:26px 42px;color:#fff;box-shadow:0 7px 0 #79397118;overflow:hidden}.pound-mark{display:flex;align-items:center;justify-content:center;border:6px solid white;border-radius:50%;width:104px;height:104px;flex:0 0 104px;font-family:Arial,sans-serif;font-size:76px;line-height:1;font-weight:bold}.income-copy p{font-size:23px;font-weight:650;letter-spacing:.05em;margin-bottom:3px}.income-copy h2{font-family:PosterDisplay,var(--body);font-size:45px;font-weight:950;line-height:1.4;letter-spacing:.045em;white-space:nowrap}.banner-spark{font-size:38px;line-height:1;align-self:flex-start;margin:1px -15px 0 0;opacity:.85}
.benefits{padding:39px 23px 35px}.benefits ul{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:17px}.benefits li{display:flex;align-items:center;gap:22px;font-size:30px;font-weight:650;line-height:1.4;letter-spacing:.01em}.benefits b{font-family:Arial,sans-serif;font-weight:650}.check{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;padding:10px;flex:0 0 44px;box-shadow:inset 0 -3px 0 #0000000b}.check svg{fill:none;stroke:#fff;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.check-green{background:#43b754}.check-purple{background:#a944b5}.check-yellow{background:#f9c41e}.check-orange{background:#f18b23}.check-blue{background:#13a8cd}
.join-block{padding-top:1px}.poster-cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:106px;gap:23px;padding:20px 28px;border:0;border-radius:19px;color:white;background:linear-gradient(110deg,#cf2945,#e52e49);box-shadow:0 7px 0 #a61c32,0 15px 25px #a8441924;transition:transform .18s,box-shadow .18s}.poster-cta:hover{transform:translateY(-3px);box-shadow:0 10px 0 #a61c32,0 18px 28px #a8441930}.poster-cta:active{transform:translateY(4px);box-shadow:0 3px 0 #a61c32}.phone-badge{display:flex;align-items:center;justify-content:center;width:62px;height:62px;flex:0 0 62px;border:4px solid #fff;border-radius:50%;padding:12px}.cta-copy{text-align:left}.cta-copy strong{display:block;font-size:28px;font-weight:750;letter-spacing:.02em;line-height:1.5}.cta-copy>span{display:block;font-size:13px;letter-spacing:.11em;margin-top:4px}.cta-arrow{font-size:38px;line-height:1;margin-left:8px}.income-note{font-size:12px;font-weight:500;line-height:1.8;color:#594728;margin-top:26px;text-align:center;padding:6px 10px;background:#ffe5acd9;border-radius:6px}
.footer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 35px;background:#fff1cf;color:#63563b;font-size:12px}.footer-dot{padding:0 6px}.footer button{font-size:12px;border:none;color:inherit;background:none;min-height:32px;padding:4px}.footer button:hover{text-decoration:underline}.mobile-cta{display:none}
dialog{width:min(440px,calc(100% - 36px));border:3px solid #f5c855;border-radius:20px;padding:35px;background:#fff3d2;color:var(--ink);box-shadow:0 25px 120px #16392d40}dialog::backdrop{background:#18302d99;backdrop-filter:blur(5px)}dialog h2{font-size:26px;font-weight:800;line-height:1.4;margin-bottom:15px}dialog p{font-size:15px;color:#5a513b;line-height:1.85;margin-bottom:25px}.dialog-close{position:absolute;right:9px;top:8px;border:0;background:none;color:#5a513b;width:40px;height:40px;font-size:29px;line-height:1}.dialog-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:13px;background:var(--yellow);color:#583800;font-size:29px;margin-bottom:20px}.button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:50px;padding:13px 20px;font-size:16px;font-weight:650;border:1px solid transparent;border-radius:10px}.button-primary{color:white;background:#cf2945}.button-outline{color:#594728;background:#ffe3a5;border-color:#d6b56e}body:has(dialog[open]){overflow:hidden}
@media(min-width:1600px){.page-shell{margin-block:45px}}
@media(max-width:1000px){.page-shell{width:calc(100% - 48px);margin-block:24px;border-width:7px}.brand-header{min-height:124px}.poster{padding:34px 55px 24px}.income-banner{padding:25px 30px;gap:26px}.income-copy h2{font-size:38px}.income-copy p{font-size:20px}.pound-mark{width:88px;height:88px;flex-basis:88px;border-width:5px;font-size:64px}.banner-spark{display:none}.cta-copy strong{font-size:23px}.poster-cta{gap:19px;padding-inline:24px}.cta-arrow{margin-left:0}}
@media(max-width:650px){body{background:var(--cream);padding-bottom:81px}.page-shell{width:100%;margin:0;border:0;outline:none;box-shadow:none}.brand-header{min-height:95px}.poster{padding:26px 23px 20px;background-size:100% 100%}.recruit-label{font-size:12px;letter-spacing:.07em;gap:12px;margin-bottom:16px}.recruit-label span{font-size:12px}h1>span{filter:drop-shadow(1px 0 0 #692d14) drop-shadow(-1px 0 0 #692d14) drop-shadow(0 1px 0 #692d14) drop-shadow(0 -1px 0 #692d14) drop-shadow(0 3px 0 #703117)}.headline-small{font-size:clamp(42px,11.4vw,65px);line-height:1.2;letter-spacing:.025em}.headline-big{font-size:clamp(73px,20.5vw,112px);line-height:1.13;margin-top:5px;letter-spacing:.075em;padding-left:.075em}.work-from-home{font-size:clamp(28px,7.3vw,36px);letter-spacing:.24em;margin-top:16px}.work-from-home span{font-size:10px;letter-spacing:.16em;margin-top:6px}.income-banner{margin-top:25px;padding:20px 18px;border-radius:16px;gap:18px;min-height:118px}.pound-mark{width:66px;height:66px;flex-basis:66px;border-width:4px;font-size:48px}.income-copy p{font-size:15px;letter-spacing:.015em;margin-bottom:3px}.income-copy h2{font-size:clamp(25px,7.5vw,36px);line-height:1.4;letter-spacing:.025em}.benefits{padding:29px 9px 28px}.benefits ul{gap:14px}.benefits li{font-size:22px;line-height:1.5;gap:14px;letter-spacing:-.01em}.check{width:33px;height:33px;flex-basis:33px;padding:8px}.poster-cta{border-radius:13px;min-height:87px;padding:15px;gap:12px;box-shadow:0 5px 0 #a61c32,0 12px 18px #a8441924}.phone-badge{width:44px;height:44px;flex-basis:44px;border-width:3px;padding:8px}.cta-copy strong{font-size:18px;line-height:1.45;letter-spacing:-.025em}.cta-copy>span{font-size:11px;letter-spacing:.08em;margin-top:4px}.cta-arrow{font-size:26px}.income-note{font-size:12px;margin-top:22px;text-align:left;line-height:1.75;padding:8px}.footer{padding:12px 22px;font-size:11px;gap:12px}.footer button{font-size:12px}.mobile-cta{display:flex;position:fixed;z-index:5;bottom:0;left:0;right:0;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:#fff3d3f5;border-top:2px solid #e7c676;box-shadow:0 -6px 25px #68471715;backdrop-filter:blur(12px)}.mobile-cta strong,.mobile-cta div>span{display:block}.mobile-cta strong{font-size:15px;font-weight:850;line-height:1.5}.mobile-cta div>span{font-size:11px;color:#645236;margin-top:3px}.mobile-cta button{border:0;border-radius:10px;padding:13px 22px;background:var(--red);color:#fff;font-size:16px;line-height:1.5;font-weight:750;min-height:48px;box-shadow:0 3px 0 #a81e37;white-space:nowrap}.mobile-cta button span{margin-left:10px}dialog{padding:32px 25px}}
@media(max-width:359px){.poster{padding-inline:17px}.income-banner{padding-inline:16px;gap:13px}.pound-mark{width:57px;height:57px;flex-basis:57px;font-size:41px}.income-copy p{font-size:14px}.income-copy h2{font-size:25px}.benefits{padding-inline:7px}.benefits li{font-size:20px;gap:12px}.cta-copy strong{font-size:16px}.poster-cta{gap:10px;padding-inline:12px}.cta-arrow{display:none}.mobile-cta{padding-inline:16px;gap:9px}.mobile-cta strong{font-size:13px}.mobile-cta div>span{font-size:10px}.mobile-cta button{font-size:14px;padding-inline:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}


@media(max-width:650px){.brand-header{padding:14px 16px 16px}.task-list{gap:12px}.task-row{gap:5px}.task-row+.task-row{padding-top:12px}.task-label{font-size:14px;padding:2px 17px}.task-name{font-size:clamp(1.3rem,6.3vw,2.4rem);-webkit-text-stroke:.1em #07132e}.task-reward{padding:3px 12px;font-size:14px;gap:4px}.task-reward b{font-size:23px}}

/* Keep the task offers immediately above the checklist. */
.poster{padding-top:24px}.benefits{padding-top:4px;padding-bottom:28px}.income-banner{margin-top:0}.poster-hero-compact{padding:26px 0}.poster-hero-compact .recruit-label{font-size:12px;gap:12px;margin-bottom:10px}.poster-hero-compact h1>span{display:inline;width:auto;margin:0;padding:0;font-size:42px;line-height:1.3;letter-spacing:.02em;filter:drop-shadow(1px 0 0 #692d14) drop-shadow(-1px 0 0 #692d14) drop-shadow(0 1px 0 #692d14) drop-shadow(0 -1px 0 #692d14) drop-shadow(0 2px 0 #703117)}.poster-hero-compact .work-from-home{font-size:23px;margin-top:10px;letter-spacing:.16em;padding-left:.16em}.poster-hero-compact .work-from-home span{font-size:10px;margin-top:4px;letter-spacing:.18em}
@media(max-width:650px){.poster{padding-top:18px}.benefits{padding-top:4px;padding-bottom:24px}.poster-hero-compact{padding:22px 0}.poster-hero-compact .recruit-label{font-size:11px;letter-spacing:.04em;gap:9px;margin-bottom:8px}.poster-hero-compact h1>span{font-size:clamp(25px,7.3vw,35px)}.poster-hero-compact .work-from-home{font-size:20px;margin-top:8px}.poster-hero-compact .work-from-home span{font-size:9px}}

/* Selected comic burst beside the existing benefits. */
.benefits{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;column-gap:18px;padding-inline:0}
.task-burst{display:block;width:100%;height:auto;min-width:0}
@media(min-width:651px) and (max-width:1000px){.benefits li{font-size:clamp(20px,3vw,27px);gap:14px}.benefits .check{width:36px;height:36px;flex-basis:36px;padding:8px}}
@media(max-width:650px){.benefits{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);column-gap:8px}.benefits li{font-size:clamp(14px,3.85vw,22px);gap:8px}.benefits .check{width:24px;height:24px;flex-basis:24px;padding:6px}}