:root{--ink:#101118;--ink2:#191921;--paper:#f5f4f0;--white:#fff;--text:#252630;--muted:#77767a;--gold:#e8c47b;--gold-ink:#93682c;--line:#e4e1d9;--max:1180px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--paper);font-family:var(--font);font-size:16px;line-height:1.6;color:var(--text);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button,a,summary,input{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #b89049;outline-offset:5px}button{border:0}img{display:block;max-width:100%}p,h1,h2,h3{margin:0}h1,h2,h3{line-height:1.12}button,details,div,a{min-width:0}[hidden]{display:none!important}.container{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.icon{width:24px;height:24px;flex:none;vertical-align:middle}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:var(--gold);padding:12px 20px;color:var(--ink)}.skip:focus{top:12px}.eyebrow{font-size:12px;font-weight:650;letter-spacing:.14em;text-transform:uppercase;line-height:1.5}.gold{color:var(--gold)}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:54px;padding:14px 24px;border:1px solid transparent;border-radius:8px;font-size:15px;line-height:1.4;font-weight:650;transition:background .18s,transform .18s,border-color .18s}.button:hover{transform:translateY(-2px)}.button-primary{color:#211b13;background:linear-gradient(115deg,#f0d392,#dfb769);box-shadow:0 5px 20px #d9ad5220}.button-primary:hover{background:linear-gradient(115deg,#f9dfaa,#edc77f)}.button-dark{background:var(--ink);color:#fff}.button-outline{background:transparent;border-color:#ffffff30;color:#f3f0e9}.button-outline:hover{border-color:var(--gold)}.text-link{display:inline-flex;align-items:center;gap:12px;font-weight:550;font-size:15px}.text-link .icon{width:19px;height:19px}.text-link:hover{color:var(--gold)}
/* Navigation */
.site-header{height:78px;background:#101118f0;color:#eae9e7;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff0b;backdrop-filter:blur(16px)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:28px}.wordmark{font-size:23px;letter-spacing:-1.1px;font-weight:750;white-space:nowrap;line-height:1}.wordmark span:first-child{color:#24b9f1}.wordmark span:last-child{color:#fa3b87}.brand-area{display:flex;align-items:center;gap:22px}.brand-divider{width:1px;height:21px;background:#ffffff23}.brand-note{font-size:11px;letter-spacing:.17em;font-weight:650;color:#b6b4b5}.header-nav{display:flex;align-items:center;gap:28px;font-size:13px;color:#c1bec3}.header-nav a:hover{color:var(--gold)}.header-login{min-height:38px;padding:8px 21px;font-size:13px}.menu-toggle{display:none;width:40px;height:40px;padding:8px;background:transparent;color:#fff}.menu-toggle span{display:block;width:22px;height:1.5px;margin:6px auto;background:currentColor}
/* Main visual */
.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 6% 49%,#3b162b 0,transparent 51%),radial-gradient(ellipse at 83% 100%,#252132 0,transparent 58%),#101118;color:#f6f4ed}.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,#30152450,transparent 58%)}.hero-grid{display:grid;grid-template-columns:1.18fr 1fr;gap:12px;padding:53px 0 54px;align-items:center;min-height:586px}.hero-period{display:flex;gap:9px;align-items:center;color:#b9b2b8;font-size:12px;letter-spacing:.06em;margin-bottom:27px}.status-dot{display:block;width:6px;height:6px;background:var(--gold);border-radius:50%}.hero h1{font-size:clamp(61px,6.5vw,88px);letter-spacing:-.055em;font-weight:780;line-height:.95}.hero h1 span{display:block;margin-top:5px;font-size:clamp(104px,10.6vw,142px);color:var(--gold);letter-spacing:-.055em}.hero h1 small{display:block;margin-bottom:12px;font-size:18px;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;color:#d8d1d5;font-weight:650}.hero-lead{font-size:21px;line-height:1.5;max-width:460px;margin:26px 0 25px;color:#e0dadd;letter-spacing:-.3px}.hero-lead strong{color:#fff;font-weight:600}.hero-personal{font-size:16px;line-height:1.4;color:#d8d1d5;margin:-8px 0 24px}.hero-personal strong{color:var(--gold);font-size:20px;font-weight:650}.hero-actions{display:flex;align-items:center;gap:26px}.hero-fineprint{font-size:11px;line-height:1.55;color:#a19ba4;max-width:423px;margin-top:20px}.hero-visual{position:relative;align-self:stretch;min-height:465px;isolation:isolate}.fund-heading{position:relative;z-index:2;padding-left:40px;padding-top:8px}.fund-heading .eyebrow{color:#a7a1ad;margin-bottom:5px}.hero-fund{font-size:clamp(55px,5.8vw,80px);font-weight:650;letter-spacing:-.055em;line-height:1.12}.hero-fund span{color:#f1e7d2}.coin-art{position:absolute;height:auto;width:430px;max-width:none;right:-34px;top:87px;z-index:-1;mix-blend-mode:lighten;-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 32%,#000c 55%,transparent 72%);mask-image:radial-gradient(ellipse at 50% 50%,#000 32%,#000c 55%,transparent 72%)}.prizes-seal{position:absolute;left:14px;bottom:17px;display:flex;align-items:center;gap:18px;border-top:1px solid #c5a9755e;border-bottom:1px solid #c5a97538;padding:13px 20px 13px 0;backdrop-filter:blur(5px);background:linear-gradient(90deg,#15141ab0,transparent)}.prizes-seal strong{font-size:41px;line-height:1;letter-spacing:-.045em;color:var(--gold);font-weight:600}.prizes-seal span{font-size:12px;line-height:1.5;color:#d5cbd0;max-width:140px}.hero-bottom{border-top:1px solid #ffffff17;display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;padding-top:23px;padding-bottom:25px}.hero-bottom-item{display:flex;align-items:center;gap:14px;font-size:13px;color:#c7c1ca;line-height:1.5}.hero-bottom-item+.hero-bottom-item{border-left:1px solid #ffffff1c;padding-left:30px}.hero-bottom-item .icon{color:#d9bb83;width:23px}.hero-bottom-item strong{color:#faf4e9;font-weight:600}
/* Section typography */
.section{padding:86px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:36px}.section-heading h2{font-size:clamp(31px,3.35vw,44px);font-weight:650;letter-spacing:-.045em;max-width:730px}.section-heading .eyebrow{color:var(--gold-ink);margin-bottom:15px}.section-side{max-width:310px;line-height:1.65;font-size:14px;color:#706c70}.section-title-inline{white-space:nowrap}.prize-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;align-items:start}.prize-card{grid-column:span 2;background:#fff;border:1px solid var(--line);border-radius:14px;padding:25px 25px 0;overflow:hidden}.prize-card.wide{grid-column:span 3}.prize-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.prize-icon{display:flex;align-items:center;justify-content:center;width:43px;height:43px;color:#9a7538;background:#f7f0e4;border-radius:10px}.prize-count{font-size:12px;color:#716b60;background:#f6f5f1;padding:5px 11px;border-radius:20px}.prize-card h3{font-size:22px;letter-spacing:-.025em;font-weight:650}.prize-description{font-size:13px;color:#746e69;margin-top:10px;line-height:1.55;min-height:41px}.prize-fund{margin-top:25px;font-size:37px;letter-spacing:-.055em;line-height:1.15;font-weight:600}.prize-fund span{color:#9e9a90;font-size:.72em}.prize-split{font-size:12px;color:#746d62;margin:7px 0 20px}.prize-details{border-top:1px solid var(--line)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.prize-details summary{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;gap:7px;min-height:54px}.prize-details summary .icon{width:16px;height:16px;color:#948a78;transition:transform .2s}details[open]>summary .icon{transform:rotate(45deg)}.table-scroll{overflow-x:auto;margin:0 -12px;padding:0 12px 5px}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums;font-size:11px;text-align:right;white-space:nowrap;line-height:1.4}th,td{padding:9px 4px;border-bottom:1px solid #eeeae4}th{font-weight:500}th:first-child{text-align:left}thead th{font-size:9px;color:#8b847b;letter-spacing:-.15px}tfoot th,tfoot td{font-weight:700;border-bottom:0}tfoot tr{height:40px}.table-note{font-size:11px;color:#756e63;padding-bottom:16px}.fund-note{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:24px;padding:0 2px;color:#716b60;font-size:12px}.fund-note p{max-width:790px}.fund-note strong{font-size:15px;white-space:nowrap;color:#474038;font-weight:550}.divider{height:1px;background:var(--line)}
/* Participation */
.how-section{padding-top:0}.how-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;padding-top:76px}.how-grid h2{font-size:43px;font-weight:650;letter-spacing:-.045em}.how-grid .eyebrow{color:var(--gold-ink);margin-bottom:14px}.participate-subtitle{margin:16px auto 0;max-width:1100px;font-size:20px;line-height:1.55;color:#f4efe7;text-align:center;letter-spacing:-.02em}.participate-subtitle strong{color:#fff;font-weight:650}.steps{margin-top:35px}.step{display:flex;gap:20px;margin-top:24px}.step-number{flex:none;color:#a58a5c;font-size:13px;letter-spacing:.07em;font-weight:600;padding-top:3px}.step h3{font-size:17px;font-weight:600}.step p{font-size:14px;line-height:1.65;color:#746c65;margin-top:7px;max-width:370px}.account-panel{align-self:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:32px;box-shadow:0 14px 50px #3c271305}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:19px}.panel-heading h3{font-size:18px;font-weight:600}.panel-heading .icon{color:#aa8c54;width:21px}.account-intro{font-size:14px;line-height:1.65;color:#70695f;margin:22px 0 18px}.path-flow{display:grid;grid-template-columns:1fr 26px 1fr 26px 1.08fr;align-items:center;gap:8px;margin-top:16px}.path-step{background:var(--paper);border:1px solid #efede8;border-radius:10px;padding:14px 12px;text-align:center;min-height:88px;display:flex;flex-direction:column;justify-content:center}.path-kicker{font-size:11px;line-height:1.35;color:#8c846f;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.path-value{font-size:28px;line-height:1;font-weight:700;letter-spacing:-.05em;color:var(--ink)}.path-value.gold{color:var(--gold-ink)}.path-label{font-size:13px;line-height:1.45;color:#70695f;margin-top:6px}.path-arrow{display:flex;align-items:center;justify-content:center;color:#ad956a}.path-arrow .icon{width:20px}.chance-note{margin-top:16px;padding:16px 18px;border-radius:10px;background:linear-gradient(135deg,#1d2551 0%,#252d62 100%);color:#fff;box-shadow:0 10px 24px rgba(28,33,71,.12)}.chance-note strong{display:block;font-size:15px;line-height:1.45;font-weight:650}.chance-note span{display:block;font-size:13px;line-height:1.55;color:#dadcf3;margin-top:6px}.account-panel .button{width:100%;margin-top:18px}.account-bottom{font-size:12px;margin-top:13px;text-align:center;color:#8b847b}.account-bottom a{color:#8b642d;text-decoration:underline;text-underline-offset:3px}.active-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.stat-box{background:var(--paper);padding:13px 15px;border-radius:8px}.stat-box span{font-size:11px;color:#70695f;display:block}.stat-box strong{font-size:28px;letter-spacing:-.05em}.progress-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:9px}.progress-track{height:6px;background:#eee9df;border-radius:4px;overflow:hidden}.progress-track>div{height:100%;background:#bb995a;width:0;transition:width .4s}.account-footnote{font-size:11px;color:#70695f;margin-top:10px}
/* Referral section */
.referral-section{position:relative;background:radial-gradient(ellipse at 90% 70%,#302435,transparent 55%),#15141b;color:#f7f3ec;overflow:hidden}.referral-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:72px;align-items:center}.referral-section h2{font-size:43px;line-height:1.16;letter-spacing:-.045em;font-weight:600;margin-top:17px}.referral-section h2 span{color:var(--gold)}.referral-lead{font-size:15px;line-height:1.75;color:#b8b0ba;max-width:460px;margin-top:22px}.referral-section .button{margin-top:28px}.referral-example{position:relative;border:1px solid #ad966e36;border-radius:16px;padding:28px;background:#ffffff03}.example-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#948a99;margin-bottom:28px}.pair{display:grid;grid-template-columns:1fr 36px 1fr;gap:8px;align-items:center}.prize-person{text-align:center}.person-icon{width:52px;height:52px;border-radius:50%;background:#ffffff08;margin:0 auto 11px;display:grid;place-items:center;color:#d8c9b4}.person-icon .icon{width:20px;height:20px}.person-name{font-size:12px;color:#d0c6d0;margin-bottom:14px}.mini-ticket{padding:19px 12px;background:linear-gradient(135deg,#f3dcaa,#d6ae65);color:#514126;border-radius:8px;position:relative;overflow:hidden}.mini-ticket::after{content:"";position:absolute;left:0;right:0;top:44px;border-top:1px dashed #6951273b}.mini-ticket .icon{width:21px;height:21px;margin-bottom:15px}.mini-ticket strong{display:block;font-size:15px;letter-spacing:.04em;font-weight:750;line-height:1.3}.mini-ticket small{font-size:12px;display:block;margin-top:4px}.pair>.icon{color:#b79b65;width:28px;margin-top:51px}.example-caption{margin-top:23px;font-size:12px;line-height:1.6;color:#a89caf;text-align:center}.ref-link-panel{margin-top:18px}.copy-row{display:flex;border:1px solid #ffffff2a;border-radius:7px;overflow:hidden;max-width:440px}.copy-row input{width:100%;color:#e2d8c9;background:#ffffff08;padding:13px;border:0;font-size:12px;min-width:0}.copy-row button{width:47px;flex:none;background:#e7c47d;color:#302b22}.copy-notice{font-size:11px;color:var(--gold);min-height:21px;margin-top:7px}.referral-note{font-size:12px;margin-top:22px;color:#968d9d;line-height:1.65;max-width:465px}
/* Milestone / Counter */
.milestone{background:#ece9e2;padding:58px 0}.milestone-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.milestone h2{font-size:29px;line-height:1.3;letter-spacing:-.035em;font-weight:600}.milestone p{color:#73685d;font-size:13px;line-height:1.65;margin-top:12px;max-width:430px}.counter-caption{color:#8e806f;font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:13px}.odometer{display:flex;align-items:center;gap:3px;justify-content:flex-start;font-variant-numeric:tabular-nums;white-space:nowrap}.digit{display:inline-grid;place-items:center;background:linear-gradient(#28252b 0 49%,#19171d 49% 51%,#302c32 51%);color:#efdeb9;font-size:32px;font-weight:550;width:34px;height:51px;border-radius:4px;border:1px solid #39333c;box-shadow:0 3px 0 #0002;position:relative}.digit.gap{margin-left:8px}.counter-currency{font-size:30px;color:#6c6152;margin-left:9px}.counter-explanation{font-size:11px;color:#766b5e;margin-top:13px}
/* FAQ and closing */
.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:72px;align-items:start}.faq-intro .eyebrow{color:var(--gold-ink);margin-bottom:15px}.faq-intro h2{font-size:38px;letter-spacing:-.04em;font-weight:600}.faq-intro>p{font-size:14px;color:#756e65;margin-top:20px;max-width:230px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:22px 0;font-size:15px;font-weight:550;line-height:1.4}.faq-item summary .icon{width:18px;height:18px;color:#8f7c5d;transition:transform .2s}.faq-answer{font-size:14px;line-height:1.8;color:#71685d;padding:0 34px 23px 0}.faq-answer a{text-decoration:underline;text-underline-offset:3px}.last-cta{padding:59px 0;background:linear-gradient(115deg,#261522,#11141c);color:#f3ece2}.last-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.last-cta h2{font-size:37px;font-weight:600;letter-spacing:-.045em}.last-cta p{font-size:14px;color:#b5aab5;margin-top:12px}.last-cta .button{min-width:224px;flex-shrink:0}.site-footer{background:#101118;color:#807b84;padding:27px 0;font-size:11px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-brand{display:flex;align-items:center;gap:24px}.footer-brand .wordmark{font-size:19px}.footer-links{display:flex;align-items:center;gap:22px}.footer-links a:hover{color:#c3b8a4}.status-bar{display:none;background:#efe6d5;color:#5f4b2d;border-bottom:1px solid #e4d7bd;padding:9px 20px;text-align:center;font-size:12px}.status-bar.is-visible{display:block}.sponsors{padding:30px 0;border-top:1px solid var(--line)}.sponsor-list{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:20px}.sponsor-list a{font-size:16px;color:#665f55;padding:15px 22px;background:#fff;border:1px solid var(--line);border-radius:7px}.sponsor-list img{max-width:140px;max-height:44px;object-fit:contain}.mobile-cta{display:none}.screen-reader{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
/* Responsive layouts */
@media(min-width:1440px){.coin-art{width:456px;right:-17px;top:75px}.hero-grid{gap:45px}}
@media(max-width:1100px){.container{width:calc(100% - 48px)}.brand-note,.brand-divider{display:none}.header-nav{gap:21px}.hero-grid{grid-template-columns:1.12fr 1fr;gap:15px;padding-top:43px;min-height:570px}.hero h1{font-size:66px}.hero h1 span{font-size:119px}.hero-lead{font-size:19px}.hero-actions{gap:18px}.hero-actions .button{padding:14px 18px}.coin-art{width:390px;right:-60px;top:110px}.fund-heading{padding-left:14px;padding-top:25px}.hero-fund{font-size:66px}.prizes-seal{left:8px;bottom:13px}.hero-bottom{gap:18px}.hero-bottom-item+.hero-bottom-item{padding-left:20px}.section{padding:68px 0}.how-section{padding-top:0}.how-grid{gap:38px}.how-grid h2,.referral-section h2{font-size:37px}.referral-grid{gap:38px}.prize-card{padding:23px 20px 0}.prize-fund{font-size:32px}.prize-card h3{font-size:20px}.prize-description{min-height:42px}.milestone-grid{gap:25px}.digit{width:29px;font-size:28px;height:47px}.digit.gap{margin-left:4px}.counter-currency{font-size:25px}.faq-grid{gap:35px}.last-cta h2{font-size:34px}}
@media(max-width:800px){.header-nav{gap:15px}.header-nav a{font-size:12px}.header-nav a:last-child{display:none}.hero-grid{grid-template-columns:1.12fr 1fr;gap:0;min-height:505px}.hero h1{font-size:55px}.hero h1 span{font-size:94px}.hero-period{font-size:10px;letter-spacing:.03em}.hero-lead{font-size:17px}.hero-actions{gap:13px;flex-wrap:wrap}.hero-fund{font-size:53px}.fund-heading{padding-left:21px}.coin-art{width:345px;top:117px;right:-70px}.hero-visual{min-height:395px}.prizes-seal{bottom:6px;left:19px;gap:9px;padding-right:5px}.prizes-seal strong{font-size:31px}.prizes-seal span{font-size:10px}.hero-bottom-item{font-size:11px;gap:9px}.hero-bottom{gap:12px}.hero-bottom-item+.hero-bottom-item{padding-left:13px}.hero-bottom-item .icon{width:20px}.section-heading{gap:25px}.section-side{max-width:260px;font-size:12px}.prize-grid{gap:13px}.prize-card{grid-column:span 3}.prize-card:last-child{grid-column:span 6}.prize-card:last-child .prize-description{min-height:0}.prize-card:last-child .prize-fund{margin-top:20px}.prize-grid{align-items:start}.how-grid{gap:30px}.account-panel{padding:25px}.how-grid h2{font-size:33px}.threshold{padding:15px 12px}.threshold strong{font-size:21px}.threshold span{font-size:12px}.referral-grid{gap:28px}.referral-section h2{font-size:33px}.referral-example{padding:23px 18px}.mini-ticket{padding:16px 8px}.mini-ticket strong{font-size:13px}.referral-lead{font-size:14px}.pair{gap:3px;grid-template-columns:1fr 25px 1fr}.pair>.icon{width:23px}.milestone-grid{grid-template-columns:1fr;gap:25px}.milestone h2{max-width:500px}.milestone p{max-width:100%}.milestone-grid>div:last-child{width:100%}.digit{width:37px;font-size:32px;height:54px}.faq-grid{grid-template-columns:1fr;gap:30px}.faq-intro>p{max-width:100%;margin-top:12px}.last-cta-inner{align-items:flex-start}.last-cta h2{font-size:30px}.last-cta .button{min-width:190px}.footer-inner{align-items:flex-start}.footer-brand{gap:14px;flex-direction:column;align-items:flex-start}.footer-links{gap:15px}.fund-note{align-items:flex-start}}
@media(max-width:620px){html{scroll-padding-top:77px}.container{width:calc(100% - 36px)}.site-header{height:66px}.brand-area{gap:0}.wordmark{font-size:23px}.header-inner{gap:14px}.header-login{margin-left:auto;min-height:35px;padding:8px 17px;font-size:12px}.menu-toggle{display:block}.header-nav{display:none;position:absolute;top:65px;left:0;right:0;background:#16151d;padding:19px 24px 22px;border-bottom:1px solid #ffffff24;box-shadow:0 16px 24px #0003;gap:0;flex-direction:column;align-items:flex-start}.header-nav.open{display:flex}.header-nav a{display:block!important;width:100%;font-size:14px;padding:10px 0}.hero-grid{display:block;padding:32px 0 12px;min-height:0}.hero-period{font-size:10px;margin-bottom:25px;letter-spacing:.03em;gap:7px}.hero h1{font-size:clamp(46px,11.85vw,73px);letter-spacing:-.05em;line-height:1}.hero h1 span{font-size:clamp(95px,24.3vw,150px);line-height:.91;margin-top:6px}.hero-lead{font-size:17px;line-height:1.65;max-width:350px;margin:21px 0 18px}.hero-personal{font-size:14px;margin:-5px 0 21px}.hero-personal strong{font-size:18px}.hero-actions{gap:24px;flex-wrap:nowrap}.hero-actions .button{font-size:14px;min-height:51px;padding:13px 19px;gap:16px}.hero-actions .text-link{font-size:12px;gap:5px}.hero-actions .text-link .icon{width:16px}.hero-fineprint{font-size:10px;max-width:350px;margin-top:17px;color:#aaa0ad}.hero-visual{min-height:287px;margin-top:22px;border-top:1px solid #ffffff14}.fund-heading{padding:26px 0 0;position:relative}.fund-heading .eyebrow{font-size:10px;letter-spacing:.12em}.hero-fund{font-size:54px;letter-spacing:-.05em;max-width:220px}.coin-art{width:290px;right:-76px;top:6px;opacity:.92}.prizes-seal{left:0;bottom:20px;gap:11px;max-width:235px;padding:11px 0;backdrop-filter:none;background:transparent}.prizes-seal strong{font-size:34px}.prizes-seal span{font-size:10px;max-width:95px}.hero-bottom{display:block;padding-top:7px;padding-bottom:21px;border-top:1px solid #ffffff14}.hero-bottom-item{font-size:12px;gap:13px;min-height:48px}.hero-bottom-item+.hero-bottom-item{padding-left:0;border-left:0}.hero-bottom-item .icon{width:22px;height:22px}.section{padding:51px 0}.section-heading{display:block;margin-bottom:26px}.section-heading .eyebrow{font-size:10px;margin-bottom:13px}.section-heading h2{font-size:32px;line-height:1.18;letter-spacing:-.04em}.section-side{max-width:100%;margin-top:18px;font-size:13px}.prize-grid{display:block}.prize-card{padding:23px 22px 0;margin-bottom:13px;border-radius:12px}.prize-top{margin-bottom:19px}.prize-card h3{font-size:22px}.prize-description{min-height:0;font-size:13px;max-width:310px}.prize-fund{font-size:36px;margin-top:21px}.prize-split{font-size:12px;margin-bottom:17px}.prize-details summary{font-size:12px;min-height:52px}table{font-size:11px}thead th{font-size:9px}.fund-note{display:block;font-size:11px;line-height:1.75;margin-top:20px}.fund-note strong{display:block;margin-top:11px}.how-section{padding-top:0}.how-grid{display:block;padding-top:46px}.how-grid .eyebrow{font-size:10px}.how-grid h2{font-size:33px;line-height:1.2}.participate-subtitle{margin-top:14px;font-size:16px;line-height:1.65;max-width:100%}.steps{margin-top:27px}.step{gap:16px;margin-top:25px}.step h3{font-size:16px}.step p{font-size:13px;line-height:1.7}.account-panel{margin-top:35px;padding:25px 23px;border-radius:13px}.account-intro{font-size:13px;line-height:1.7;margin-bottom:16px}.path-flow{grid-template-columns:1fr;gap:10px}.path-step{min-height:0;padding:14px 14px}.path-kicker{font-size:10px}.path-value{font-size:26px}.path-label{font-size:12px}.path-arrow{transform:rotate(90deg);padding:2px 0}.chance-note{padding:15px 16px}.chance-note strong{font-size:14px}.chance-note span{font-size:12px}.referral-grid{display:block}.referral-section .eyebrow{font-size:10px}.referral-section h2{font-size:34px;line-height:1.2}.referral-lead{font-size:14px;line-height:1.8}.referral-section .button{font-size:14px}.referral-example{margin-top:36px;padding:23px}.person-icon{width:45px;height:45px}.mini-ticket{padding:19px 9px}.mini-ticket strong{font-size:15px}.pair{grid-template-columns:1fr 30px 1fr;gap:7px}.pair>.icon{width:25px}.referral-note{font-size:11px}.milestone{padding:43px 0}.milestone-grid{gap:25px}.milestone h2{font-size:26px}.milestone p{font-size:12px}.odometer{gap:3px}.digit{width:calc((100vw - 113px)/var(--digits,9));max-width:39px;height:44px;font-size:26px}.digit.gap{margin-left:4px}.counter-currency{font-size:24px;margin-left:5px}.counter-caption{font-size:9px}.counter-explanation{font-size:10px}.faq-intro .eyebrow{font-size:10px}.faq-intro h2{font-size:32px}.faq-intro>p{font-size:13px;line-height:1.65}.faq-item summary{font-size:14px;line-height:1.55;padding:20px 0;gap:23px}.faq-answer{font-size:13px;padding:0 21px 22px 0}.last-cta{padding:43px 0 46px}.last-cta-inner{display:block}.last-cta h2{font-size:33px;line-height:1.2}.last-cta p{font-size:13px;line-height:1.8}.last-cta .button{margin-top:25px;width:100%;font-size:14px}.site-footer{padding:24px 0}.footer-inner{display:block}.footer-brand{flex-direction:row;align-items:center;gap:18px;font-size:10px}.footer-links{margin-top:22px;font-size:11px;gap:18px}.status-bar{font-size:11px;padding:9px 16px}.section-title-inline{white-space:normal}}
@media(max-width:359px){.container{width:calc(100% - 28px)}.hero-actions{gap:14px}.hero-actions .button{font-size:13px;padding-inline:15px}.hero-actions .text-link{font-size:11px}.hero-period{font-size:9px}.wordmark{font-size:21px}.header-inner{gap:9px}.hero-fund{font-size:48px}.coin-art{right:-91px}.prize-card{padding:20px 17px 0}.section-heading h2{font-size:29px}.account-panel{padding:23px 19px}.referral-example{padding:21px 15px}.referral-section h2{font-size:30px}.digit{width:calc((100vw - 100px)/var(--digits,9));font-size:23px}.fund-heading{padding-top:24px}.hero-visual{min-height:270px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover{transform:none}}
@media print{.site-header{position:static}.hero,.referral-section,.last-cta,.site-footer{print-color-adjust:exact;-webkit-print-color-adjust:exact}.hero-visual{display:none}.hero-grid{grid-template-columns:1fr}.button,.header-nav,.menu-toggle{display:none}.section{padding:30px 0}.container{width:100%}.prize-card{break-inside:avoid}details:not([open])>summary{display:none}}

/* V2: requested content changes. Base palette, prize grid and integrations preserved. */
.nowrap{white-space:nowrap}
.hero-grid{padding-top:38px;padding-bottom:37px}
.hero-period{margin-bottom:16px}
.hero-milestone{font-size:20px;line-height:1.5;letter-spacing:-.15px;color:#ddd3d8;margin-bottom:22px}
.hero-milestone strong{color:var(--gold);font-weight:650;white-space:nowrap}
.hero-lead{max-width:565px;font-size:20px;margin-top:24px;margin-bottom:25px}
.hero-lead strong{font-weight:600}
.hero-fineprint{max-width:448px}
.hero-fund{font-size:clamp(50px,4.8vw,67px);letter-spacing:-.052em;white-space:nowrap;max-width:none}
.fund-heading .eyebrow{font-size:11px;letter-spacing:.095em;margin-bottom:10px}
.hero-task-link{color:#d1c3ad;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#c5a97575}
.hero-task-link:hover{color:var(--gold)}
.task-examples{margin-top:43px;padding-top:32px;border-top:1px solid var(--line);scroll-margin-top:92px}
.task-examples-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:36px}
.task-examples-heading .eyebrow{font-size:10px;color:var(--gold-ink);margin-bottom:11px}
.task-examples-heading h3{font-size:27px;letter-spacing:-.035em;font-weight:600}
.task-examples-heading>p{max-width:460px;color:#746c65;font-size:14px;line-height:1.7}
.task-examples-heading>p strong{font-weight:600;color:#524a40}
.task-types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:23px}
.task-type{display:flex;gap:12px;align-items:center;min-height:80px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:17px 18px;font-size:14px;font-weight:550;line-height:1.45}
.task-type .icon{color:#a27d3e;width:24px;height:24px}
.task-examples-note{margin-top:18px;color:#746c65;font-size:12px;line-height:1.8;max-width:930px}
@media(max-width:1100px){
 .hero-fund{font-size:53px}.hero-lead{font-size:18px}.hero-milestone{font-size:17px;margin-bottom:21px}
 .fund-heading{padding-left:10px}.fund-heading .eyebrow{font-size:10px;letter-spacing:.07em}
 .task-type{padding:16px 13px;gap:10px;font-size:13px}
}
@media(max-width:800px){
 .hero-fund{font-size:44px}.hero-milestone{font-size:14px;max-width:325px}.hero-lead{font-size:17px}
 .fund-heading{padding-left:12px}.fund-heading .eyebrow{max-width:245px}
 .task-examples-heading{display:block}.task-examples-heading>p{max-width:none;margin-top:13px}.task-types{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
 .hero-grid{padding-top:25px;padding-bottom:12px}.hero-period{margin-bottom:12px}
 .hero-milestone{font-size:14px;max-width:none;margin-bottom:23px}
 .hero-lead{font-size:17px;line-height:1.65;margin-top:20px;margin-bottom:22px;max-width:410px}
 .fund-heading{padding:20px 0 0}.fund-heading .eyebrow{font-size:10px;max-width:none;letter-spacing:.06em;margin-bottom:8px}
 .hero-fund{font-size:clamp(43px,11.7vw,62px);letter-spacing:-.05em;max-width:none}
 .hero-visual{min-height:248px;margin-top:20px}.coin-art{top:31px;width:250px;right:-54px;opacity:.8}
 .prizes-seal{bottom:20px}
 .task-examples{margin-top:32px;padding-top:27px;scroll-margin-top:77px}.task-examples-heading h3{font-size:25px}
 .task-examples-heading .eyebrow{font-size:9px;letter-spacing:.09em}.task-examples-heading>p{font-size:13px}
 .task-types{gap:10px;margin-top:20px}.task-type{display:flex;align-items:flex-start;flex-direction:column;gap:11px;min-height:112px;padding:15px;font-size:12px}
 .task-examples-note{font-size:12px;line-height:1.75}
}
@media(max-width:359px){
 .hero-milestone{font-size:13px}.hero-lead{font-size:15px}.hero-fund{font-size:42px}
 .fund-heading .eyebrow{font-size:9px}.coin-art{right:-72px}.task-type{padding:14px 12px}
}


/* V3: user earning records inside the payout milestone; scoped styles only. */
.earning-records-section{margin-top:36px;padding-top:29px;border-top:1px solid #d8d1c5}
.earning-records-section h3{font-size:20px;font-weight:600;letter-spacing:-.025em;line-height:1.35}
.earning-records{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0 0;padding:0}
.earning-record{display:flex;flex-direction:column;gap:13px;padding:24px 26px;background:#f7f5f0;border:1px solid #ded8cd;border-radius:12px}
.earning-record dt{font-size:13px;line-height:1.6;color:#73685d}
.earning-record dd{order:-1;margin:0;font-size:clamp(32px,3vw,42px);font-weight:600;line-height:1.2;letter-spacing:-.045em;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ink)}
.earning-record dd span{color:#9b8052;font-size:.85em;font-weight:500}
.milestone p.earning-records-note{font-size:11px;line-height:1.65;color:#786e62;max-width:none;margin-top:16px}
@media(max-width:1100px){.earning-record{padding:22px 20px}.earning-records{gap:14px}}
@media(max-width:800px){.earning-record{padding:21px 16px}.earning-record dd{font-size:29px}.earning-record dt{font-size:12px}}
@media(max-width:620px){
 .earning-records-section{margin-top:28px;padding-top:25px}.earning-records-section h3{font-size:19px}
 .earning-records{grid-template-columns:1fr;gap:12px;margin-top:18px}
 .earning-record{padding:21px 23px;gap:9px}.earning-record dd{font-size:36px}.earning-record dt{font-size:13px}
 .milestone p.earning-records-note{font-size:11px;margin-top:15px}
}
@media(max-width:359px){.earning-record{padding:20px}.earning-record dd{font-size:32px}}

/* V7: split hero and milestone into two separate information flows. */
.hero .hero-lead{max-width:470px}
.milestone h2{max-width:520px}
.milestone p strong{color:#4b3b25;font-weight:650}
@media(max-width:620px){
 .hero-grid{padding-top:25px;padding-bottom:18px}
 .hero-period{margin-bottom:18px}
 .hero-lead{margin-top:22px;margin-bottom:23px;max-width:330px}
 .hero-actions{margin-bottom:4px}
 .milestone{padding:46px 0}
 .milestone-grid{gap:28px}
}

/* V8 — changes limited to the first screen, pending design review */
.hero .hero-actions { gap: 24px; align-items: center; flex-wrap: nowrap; }
.hero .prizes-seal { position: static; flex: none; display: block; border: 0; background: transparent; backdrop-filter: none; padding: 0; margin: 0; max-width: none; }
.hero .prizes-seal strong { display: block; font-size: 33px; line-height: 1.07; font-weight: 650; }
.hero .prizes-seal span { display: block; font-size: 11px; line-height: 1.45; max-width: none; white-space: nowrap; }
.hero .hero-visual { display: flex; align-items: center; justify-content: center; }
.hero .fund-heading { padding: 0; width: 100%; margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100%; text-align: center; }
.hero .fund-heading .eyebrow { color: #dfd2bf; font-size: 16px; font-weight: 550; line-height: 1.4; letter-spacing: 0; text-transform: none; max-width: none; margin-bottom: 10px; text-align: center; }
.hero .hero-fund { font-size: clamp(66px, 6.45vw, 92px); font-weight: 710; line-height: 1.08; white-space: nowrap; text-align: center; }
@media (max-width: 1100px) {
  .hero .hero-actions { gap: 18px; }
  .hero .fund-heading .eyebrow { font-size: 15px; }
  .hero .hero-fund { font-size: clamp(52px, 5.9vw, 68px); }
}
@media (max-width: 800px) {
  .hero .hero-fund { font-size: clamp(43px, 6.4vw, 52px); }
  .hero .fund-heading .eyebrow { font-size: 13px; }
  .hero .prizes-seal strong { font-size: 29px; }
  .hero .prizes-seal span { font-size: 10px; }
}
@media (max-width: 620px) {
  .hero .hero-actions { gap: 14px; }
  .hero .fund-heading .eyebrow { font-size: 15px; line-height: 1.38; }
  .hero .hero-fund { font-size: clamp(42px, 12.2vw, 59px); }
  .hero .prizes-seal strong { font-size: 28px; }
  .hero .prizes-seal span { font-size: 11px; }
}
@media (max-width: 359px) {
  .hero .hero-actions { gap: 12px; }
  .hero .hero-fund { font-size: 42px; }
  .hero .prizes-seal strong { font-size: 26px; }
  .hero .prizes-seal span { font-size: 10px; }
}

/* V9: readability and hierarchy in hero + payout milestone; other sections untouched. */
.hero .hero-lead { max-width:none; width:max-content; }
.hero .hero-lead-line { display:block; white-space:nowrap; }
.milestone { background:linear-gradient(140deg,#f0ece5 0%,#ede7df 100%); padding:75px 0 69px; }
.milestone-grid { grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); gap:46px; align-items:center; }
.milestone h2 { max-width:unset; font-size:clamp(31px,3vw,39px); font-weight:700; line-height:1.23; letter-spacing:-.04em; color:#26222a; }
.milestone h2 .milestone-number { display:block; margin-top:12px; font-size:clamp(38px,3.55vw,49px); line-height:1.1; font-weight:750; letter-spacing:-.045em; color:#976629; }
.milestone p.milestone-story { margin-top:25px; max-width:560px; font-size:18px; line-height:1.6; color:#4e4845; }
.milestone p.milestone-story strong { color:#2d2621; font-weight:750; }
.personal-win { margin-top:27px; padding:23px 25px 25px; border-radius:13px; border:1px solid #6f4f47; background:linear-gradient(117deg,#31212d,#27202b 67%,#43303a); box-shadow:0 15px 35px #2c1f241e; }
.milestone p.personal-win-label { max-width:none; margin:0 0 7px; color:#f4e9df; font-size:18px; line-height:1.45; font-weight:550; }
.personal-win-amount { font-size:clamp(38px,3.55vw,51px); line-height:1.1; font-weight:750; letter-spacing:-.05em; color:#f3d08d; white-space:nowrap; }
.personal-win-amount span { margin-left:5px; font-size:.45em; color:#f6efea; letter-spacing:-.01em; font-weight:600; }
.counter-panel { padding:27px 24px 28px; border:1px solid #dad1c4; border-radius:15px; background:#fbf9f4; box-shadow:0 14px 38px #2920190d; min-width:0; }
.counter-caption { font-size:16px; font-weight:650; line-height:1.5; color:#5c4a3d; letter-spacing:0; text-transform:none; margin-bottom:17px; }
.counter-explanation { font-size:15px; line-height:1.6; color:#685f55; margin-top:17px; }
.earning-records-section { margin-top:43px; padding-top:34px; }
.earning-records-section h3 { font-size:26px; font-weight:700; line-height:1.3; }
.earning-record { gap:12px; padding:24px 24px 26px; background:#faf7f2; }
.earning-record dt { font-size:17px; line-height:1.42; font-weight:650; color:#5e5246; }
.earning-record dd { order:0; font-size:clamp(32px,2.85vw,41px); }
.milestone p.earning-records-note { font-size:13px; line-height:1.65; margin-top:18px; }
@media(max-width:1100px) {
 .hero .hero-lead { width:auto; max-width:100%; }
 .hero .hero-lead-line { white-space:normal; }
 .milestone-grid { gap:23px; }
 .milestone h2 { font-size:32px; }
 .milestone h2 .milestone-number { font-size:41px; }
 .milestone p.milestone-story { font-size:17px; }
 .personal-win { padding:20px 19px; }
 .milestone p.personal-win-label { font-size:16px; }
 .personal-win-amount { font-size:39px; }
 .counter-panel { padding:22px 15px; }
 .earning-record { padding:22px 17px; }
 .earning-record dt { font-size:16px; }
 .earning-record dd { font-size:33px; }
}
@media(max-width:800px) {
 .milestone-grid { grid-template-columns:1fr; gap:29px; }
 .milestone h2 { max-width:700px; font-size:34px; }
 .milestone h2 .milestone-number { font-size:45px; }
 .counter-panel { max-width:630px; padding:23px 21px; }
}
@media(max-width:620px) {
 .milestone { padding:52px 0 49px; }
 .milestone-grid { gap:24px; }
 .milestone h2 { font-size:29px; line-height:1.26; }
 .milestone h2 .milestone-number { margin-top:9px; font-size:clamp(34px,9.5vw,43px); }
 .milestone p.milestone-story { font-size:17px; line-height:1.55; margin-top:22px; }
 .personal-win { margin-top:23px; padding:19px 17px 21px; }
 .milestone p.personal-win-label { font-size:16px; line-height:1.5; }
 .personal-win-amount { font-size:clamp(32px,8.8vw,45px); }
 .counter-panel { padding:21px 15px; }
 .counter-caption { font-size:15px; line-height:1.5; }
 .counter-explanation { font-size:14px; }
 .earning-records-section { margin-top:33px; padding-top:28px; }
 .earning-records-section h3 { font-size:23px; }
 .earning-records { margin-top:17px; }
 .earning-record { padding:22px 21px; gap:9px; }
 .earning-record dt { font-size:16px; }
 .earning-record dd { font-size:clamp(32px,9.9vw,39px); }
 .milestone p.earning-records-note { font-size:12px; }
}
@media(max-width:359px) {
 .personal-win { padding:18px 14px; }
 .personal-win-amount { font-size:30px; }
 .counter-panel { padding:18px 10px; }
 .earning-record { padding:20px 17px; }
}

/* V11: milestone layout only — full-width headline and two equal emphasis cards. */
.milestone-intro { margin-bottom:32px; }
.milestone .milestone-intro h2 { max-width:none; font-size:clamp(32px,3.1vw,43px); line-height:1.22; }
.milestone .milestone-intro h2 .milestone-number { margin-top:8px; font-size:clamp(40px,3.7vw,52px); }
.milestone .milestone-intro p.milestone-story { margin-top:18px; max-width:1000px; font-size:19px; line-height:1.55; }
.milestone-spotlights { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; gap:22px; }
.milestone-spotlights .personal-win, .milestone-spotlights .counter-panel { margin:0; min-height:210px; padding:27px 29px; display:flex; flex-direction:column; justify-content:center; max-width:none; }
.milestone-spotlights .personal-win-amount { font-size:clamp(41px,3.8vw,55px); }
.milestone-spotlights .counter-caption { margin-bottom:15px; }
.milestone-spotlights .counter-explanation { margin-top:15px; }
@media(max-width:1100px) {
 .milestone .milestone-intro p.milestone-story { font-size:18px; }
 .milestone-spotlights { gap:18px; }
 .milestone-spotlights .personal-win,.milestone-spotlights .counter-panel { padding:23px 20px; min-height:198px; }
 .milestone-spotlights .personal-win-amount { font-size:clamp(34px,4vw,45px); }
}
@media(max-width:800px) {
 .milestone-spotlights { grid-template-columns:1fr; gap:17px; }
 .milestone-spotlights .personal-win, .milestone-spotlights .counter-panel { min-height:0; padding:26px; }
 .milestone-spotlights .personal-win-amount { font-size:clamp(37px,5.8vw,48px); }
 .milestone-intro { margin-bottom:27px; }
}
@media(max-width:620px) {
 .milestone .milestone-intro h2 { font-size:clamp(28px,7.5vw,34px); }
 .milestone .milestone-intro h2 .milestone-number { font-size:clamp(36px,10vw,46px); }
 .milestone .milestone-intro p.milestone-story { font-size:17px; line-height:1.55; margin-top:19px; }
 .milestone-spotlights .personal-win, .milestone-spotlights .counter-panel { padding:22px 19px; }
 .milestone-spotlights .personal-win-amount { font-size:clamp(32px,8.5vw,43px); }
}
@media(max-width:359px) {
 .milestone-spotlights .personal-win { padding:20px 14px; }
 .milestone-spotlights .counter-panel { padding:20px 10px; }
 .milestone-spotlights .personal-win-amount { font-size:30px; }
}

/* V12 — first screen right-side emphasis and prize section only */
.prizes-section .prize-details table { font-size:13px; }
.prizes-section .prize-details thead th { font-size:11px; }
.prizes-section .prize-details th, .prizes-section .prize-details td { padding-top:11px; padding-bottom:11px; }
.hero .fund-heading .eyebrow {
  font-size: clamp(18px, 1.55vw, 22px);
  line-height: 1.4;
  margin-bottom: 15px;
  text-align:center;
}
.hero .hero-fund {
  font-size: clamp(80px, 7.3vw, 104px);
  line-height:1.04;
  letter-spacing:-.062em;
  text-align:center;
}
.prizes-section { padding-top:0; }
.prizes-section > .container > .prize-banner {
  width:100vw;
  margin-left:calc(50% - 50vw);
  position:relative;
  overflow:hidden;
  background:radial-gradient(ellipse at 0% 30%, #582038 0%, transparent 52%),
             radial-gradient(ellipse at 95% 95%,#403048 0%,transparent 55%),
             linear-gradient(115deg,#15141c 0%,#241924 55%,#111520 100%);
  border-top:1px solid #ead39933;
  border-bottom:1px solid #ead39944;
  color:#fff;
}
.prize-banner::after {
  content:"";
  position:absolute;
  left:50%;bottom:0;
  width:min(80%,860px);height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,#e8c47b88,transparent);
}
.prize-banner-inner {
  width:min(1180px,calc(100% - 64px));
  margin:0 auto;
  padding:67px 0 70px;
  text-align:center;
}
.prize-banner-label {font-size:20px;letter-spacing:.025em;font-weight:600;color:#eee2d1;line-height:1.45;}
.prize-banner-amount {margin:8px 0 20px;font-size:clamp(70px,8.75vw,126px);font-weight:760;letter-spacing:-.075em;line-height:1.05;color:#eacb8c;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 6px 35px #edbd6735;}
.prize-banner h2 {margin:0 auto;max-width:1110px;color:#fff;font-size:clamp(28px,2.95vw,40px);font-weight:650;line-height:1.22;letter-spacing:-.034em;text-wrap:balance;}
.prizes-section .prize-grid {margin-top:38px;}
.prizes-section .prize-card {padding:27px 27px 0;border-radius:16px;box-shadow:0 9px 28px rgba(48,31,10,.035);}
.prizes-section .prize-top {display:grid;grid-template-columns:82px 1fr;gap:22px;align-items:center;margin-bottom:18px;}
.prizes-section .prize-icon {width:82px;height:82px;border-radius:17px;background:linear-gradient(135deg,#fcf3e2,#eee0c4);color:#8e6327;flex:0 0 auto;}
.prizes-section .prize-icon svg {width:39px;height:39px;}
.prizes-section .prize-head {min-width:0;}
.prizes-section .prize-card h3 {font-size:clamp(21px,1.7vw,25px);font-weight:700;line-height:1.18;letter-spacing:-.025em;}
.prizes-section .prize-description {font-size:15px;line-height:1.5;color:#716b66;margin-top:8px;}
.prizes-section .prize-fund {font-size:clamp(48px,4.2vw,62px);font-weight:760;color:#22222b;letter-spacing:-.065em;line-height:1.02;margin-top:14px;}
.prizes-section .prize-fund span {font-size:.62em;color:#9f8a68;}
.prizes-section .prize-split {font-size:19px;line-height:1.35;font-weight:700;color:#72552f;margin:7px 0 20px;}
.prizes-section .prize-details {border-color:#e3d9ca;}
.prizes-section .prize-details summary {min-height:67px;gap:16px;font-size:18px;font-weight:700;color:#815d31;}
.prizes-section .prize-details summary:hover {color:#ad7733;}
.prizes-section .prize-details summary .icon {width:20px;height:20px;color:currentColor;transition:transform .18s;}
.prizes-section .prize-details[open] > summary .icon {transform:rotate(180deg);}
.prizes-section .table-scroll table {font-size:13px;}
.prizes-section .table-scroll thead th {font-size:15px;font-weight:650;line-height:1.4;color:#655c50;}
.prizes-section .table-scroll th,.prizes-section .table-scroll td {padding:11px 6px;}
.prizes-section .table-note {font-size:12px;line-height:1.6;}
.prizes-section .fund-note {display:block;margin-top:22px;font-size:13px;line-height:1.7;color:#716b60;}
.prizes-section .fund-note strong {display:none;}
@media(max-width:1100px) {
  .hero .fund-heading .eyebrow {font-size:19px;}
  .hero .hero-fund {font-size:clamp(62px,7.25vw,80px);}
  .prize-banner-inner {width:calc(100% - 48px);}
  .prize-banner-amount {font-size:clamp(62px,9vw,97px);}
  .prizes-section .prize-card {padding:24px 22px 0;}
  .prizes-section .prize-top {grid-template-columns:74px 1fr;gap:18px;}
  .prizes-section .prize-icon {width:74px;height:74px;}
  .prizes-section .prize-icon svg {width:37px;height:37px;}
}
@media(max-width:800px) {
  .hero .fund-heading .eyebrow {font-size:17px;}
  .hero .hero-fund {font-size:clamp(52px,7.1vw,62px);}
  .prize-banner-inner {padding:56px 0 59px;}
  .prize-banner-amount {font-size:clamp(56px,9.1vw,82px);}
  .prize-banner h2 {font-size:clamp(28px,4vw,36px);max-width:660px;}
  .prizes-section .prize-card h3 {font-size:22px;}
  .prizes-section .prize-description {font-size:14px;}
  .prizes-section .prize-fund {font-size:clamp(42px,4.8vw,50px);}
  .prizes-section .prize-split {font-size:17px;}
}
@media(max-width:620px) {
  .hero .fund-heading .eyebrow {font-size:17px;max-width:100%;}
  .hero .hero-fund {font-size:clamp(48px,12vw,65px);}
  .prize-banner-inner {width:calc(100% - 36px);padding:42px 0 47px;}
  .prize-banner-label {font-size:17px;}
  .prize-banner-amount {font-size:clamp(42px,11.5vw,68px);margin:8px 0 18px;letter-spacing:-.055em;}
  .prize-banner h2 {font-size:clamp(25px,6.7vw,33px);}
  .prizes-section .prize-grid {margin-top:22px;}
  .prizes-section .prize-card {padding:23px 22px 0;}
  .prizes-section .prize-top {grid-template-columns:72px 1fr;gap:16px;margin-bottom:18px;}
  .prizes-section .prize-icon {width:72px;height:72px;}
  .prizes-section .prize-icon svg {width:35px;height:35px;}
  .prizes-section .prize-card h3 {font-size:22px;}
  .prizes-section .prize-description {font-size:14px;}
  .prizes-section .prize-fund {font-size:clamp(40px,11vw,50px);margin-top:16px;}
  .prizes-section .prize-split {font-size:17px;margin-bottom:17px;}
  .prizes-section .prize-details summary {min-height:62px;font-size:16px;}
  .prizes-section .table-scroll table {font-size:12px;}
  .prizes-section .table-scroll thead th {font-size:12px;}
}
@media(max-width:359px) {
  .prize-banner-inner {width:calc(100% - 28px);}
  .prize-banner-amount {font-size:clamp(37px,11.3vw,42px);}
  .prize-banner h2 {font-size:24px;}
  .prizes-section .prize-card {padding:21px 17px 0;}
  .prizes-section .prize-top {grid-template-columns:64px 1fr;gap:14px;}
  .prizes-section .prize-icon {width:64px;height:64px;}
  .prizes-section .prize-icon svg {width:31px;height:31px;}
  .prizes-section .prize-fund {font-size:39px;}
  .hero .fund-heading .eyebrow {font-size:15px;}
  .hero .hero-fund {font-size:clamp(41px,12.6vw,45px);}
}

/* V14 — label above the prize value, no repeated amount. */
.prizes-section .prize-split{margin:15px 0 3px;font-size:19px;}
.prizes-section .prize-fund{margin:0 0 23px;}
@media(max-width:620px){
  .prizes-section .prize-split{margin:14px 0 3px;font-size:17px;}
  .prizes-section .prize-fund{margin:0 0 18px;}
}

/* V16 concept — brighter SurfEarner-branded visual refresh with same structure */
:root{--se-blue:#17b6ff;--se-pink:#f22074;--se-blue-soft:#dff5ff;--se-pink-soft:#ffe5f1;--se-gold:#f0c978;--se-gold-deep:#a26a1f;--se-navy:#17213f}
body{background:linear-gradient(180deg,#f8f6f1 0%,#f4f0e9 100%)}
.site-header{background:linear-gradient(180deg,rgba(13,17,29,.92),rgba(22,19,33,.88));border-bottom:1px solid rgba(255,255,255,.09);box-shadow:0 10px 32px rgba(15,17,35,.18)}
.brand-logo{display:block;width:218px;height:auto}
.footer-logo{width:165px}
.brand-note{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.12);color:#e9dfcf;letter-spacing:.12em}
.header-nav a{position:relative}
.header-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:linear-gradient(90deg,var(--se-blue),var(--se-pink));opacity:0;transform:scaleX(.65);transition:transform .18s,opacity .18s}.header-nav a:hover::after{opacity:1;transform:scaleX(1)}
.button-primary{color:#fff;background:linear-gradient(135deg,var(--se-blue),#4fbef4 26%,#9b86f6 60%,var(--se-pink));box-shadow:0 12px 28px rgba(114,88,214,.24)}
.button-primary:hover{background:linear-gradient(135deg,#38c3ff,#68cafe 24%,#ac96ff 60%,#ff4894)}
.button-outline{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.04)}
.hero{background:
 radial-gradient(circle at 14% 14%,rgba(23,182,255,.22),transparent 23%),
 radial-gradient(circle at 88% 20%,rgba(242,32,116,.17),transparent 22%),
 radial-gradient(circle at 80% 78%,rgba(240,201,120,.18),transparent 26%),
 linear-gradient(135deg,#12182b 0%,#19172b 40%,#251b31 100%)}
.hero::before{background:linear-gradient(120deg,rgba(255,255,255,.06),transparent 42%,rgba(255,255,255,.02) 78%,transparent)}
.hero::after{content:"";position:absolute;inset:auto -10% -90px auto;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.09),transparent 64%);filter:blur(18px);z-index:-1}
.hero-grid{padding-top:62px;padding-bottom:58px;min-height:610px}
.hero-period{font-size:13px;color:#cfc5d1}
.hero h1 small{color:#d7dbe8}
.hero h1 span{color:#f3d090;text-shadow:0 10px 26px rgba(243,208,144,.16)}
.hero-lead{color:#edf1fa;font-size:22px;line-height:1.55;max-width:560px}
.hero-visual{position:relative}
.hero-visual::before{content:"";position:absolute;inset:48px 10px 48px 40px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 24px 60px rgba(7,8,17,.24)}
.fund-heading{position:relative;z-index:2;padding:0 38px}
.fund-heading .eyebrow{color:#eef3ff;font-size:20px;font-weight:650;line-height:1.5;text-shadow:0 4px 12px rgba(0,0,0,.16)}
.hero-fund{font-size:clamp(74px,7.1vw,106px);font-weight:800;line-height:1.02;color:#fffdf7;text-shadow:0 8px 18px rgba(0,0,0,.18)}
.coin-art{width:450px;right:-14px;top:50%;transform:translateY(-44%);opacity:.94;filter:drop-shadow(0 18px 40px rgba(0,0,0,.35))}
.prizes-seal{padding:0;background:none}.prizes-seal strong{font-size:44px;font-weight:760}.prizes-seal span{font-size:13px;line-height:1.45;color:#f3eaf0}
.hero-bottom{padding-top:26px;padding-bottom:27px;gap:22px}.hero-bottom-item{padding:18px 18px 18px 14px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));backdrop-filter:blur(8px)}.hero-bottom-item+.hero-bottom-item{border-left:none;padding-left:14px}
.milestone{position:relative;overflow:hidden;background:linear-gradient(180deg,#f8fbff 0%,#fff8fc 54%,#f6efe5 100%)}
.milestone::before{content:"";position:absolute;left:-120px;top:-40px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(23,182,255,.14),transparent 70%)}
.milestone::after{content:"";position:absolute;right:-110px;top:26px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(242,32,116,.12),transparent 72%)}
.milestone .container{position:relative;z-index:1}
.milestone .milestone-intro h2{color:#1d2340;font-size:clamp(34px,3.3vw,46px)}
.milestone .milestone-intro h2 .milestone-number{color:#0f2454;background:linear-gradient(135deg,#1c2b61,#0f2454 44%,#2f4fb0);-webkit-background-clip:text;background-clip:text;color:transparent}
.milestone .milestone-intro p.milestone-story{font-size:19px;color:#4b4b57;max-width:980px}
.personal-win{border:1px solid rgba(173,116,41,.28);background:linear-gradient(135deg,#2d1f31 0%,#182349 58%,#1f1c37 100%);box-shadow:0 18px 44px rgba(31,32,60,.16),inset 0 1px 0 rgba(255,255,255,.08)}
.milestone p.personal-win-label{font-size:17px;color:#f8eee3}
.personal-win-amount{font-size:clamp(44px,4vw,58px);text-shadow:0 6px 18px rgba(0,0,0,.18)}
.counter-panel{position:relative;border:1px solid rgba(210,167,83,.48);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(253,247,236,.95));box-shadow:0 28px 55px rgba(34,33,56,.12),inset 0 1px 0 rgba(255,255,255,.85);overflow:hidden}
.counter-panel::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 15%,rgba(23,182,255,.1),transparent 22%),radial-gradient(circle at 82% 20%,rgba(242,32,116,.08),transparent 20%);pointer-events:none}
.counter-brand{display:flex;justify-content:center;align-items:center;margin-bottom:10px}
.counter-logo{width:238px;max-width:100%;height:auto;filter:drop-shadow(0 10px 24px rgba(23,42,85,.08))}
.counter-caption{margin-bottom:14px;font-size:22px;font-weight:800;line-height:1.3;text-align:center;color:#142451}
.odometer{justify-content:center;gap:4px;padding:16px 16px 18px;border-radius:24px;background:linear-gradient(180deg,#e4b25a 0%,#f3dda3 20%,#a86b16 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.45),0 12px 22px rgba(144,88,18,.16)}
.digit{width:50px;height:78px;border-radius:11px;background:linear-gradient(180deg,#222d4b 0 48%,#121827 48% 52%,#26324f 52%);color:#fff7eb;font-size:50px;font-weight:760;border:1px solid rgba(255,237,190,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -10px 18px rgba(0,0,0,.25),0 8px 14px rgba(31,21,8,.25);position:relative}
.digit::before{content:"";position:absolute;left:6px;right:6px;top:7px;height:10px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent)}
.digit.gap{margin-left:10px}
.counter-currency{font-size:66px;line-height:1;color:#b47313;font-weight:800;margin-left:10px;text-shadow:0 2px 0 rgba(255,255,255,.55)}
.counter-explanation{margin-top:15px;font-size:15px;line-height:1.6;text-align:center;color:#5f5c64}
.earning-records-section{padding-top:38px;border-top:1px solid rgba(173,161,139,.38)}
.earning-records-section h3{color:#21253f}
.earning-record{background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.58));border:1px solid rgba(214,208,197,.72);box-shadow:0 14px 32px rgba(31,38,61,.06)}
.earning-record dt{color:#5b5863}.earning-record dd{color:#171d35}.earning-record dd span{color:#a97727}
.prizes-section{position:relative;background:linear-gradient(180deg,#f5f1ea 0%,#f7f5f1 100%)}
.prizes-section::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 14% 6%,rgba(23,182,255,.07),transparent 17%),radial-gradient(circle at 86% 3%,rgba(242,32,116,.06),transparent 18%);pointer-events:none}
.prizes-section .container{position:relative;z-index:1}
.prizes-section .section-heading h2,.how-grid h2,.referral-section h2,.faq-intro h2,.last-cta h2{color:#202437}
.prizes-section .section-side{font-size:15px;color:#65616b}
.prizes-section .prize-card{background:linear-gradient(180deg,#ffffff,#fcfaf6);border:1px solid rgba(223,217,204,.95);box-shadow:0 18px 36px rgba(39,35,53,.055)}
.prizes-section .prize-icon{background:linear-gradient(180deg,#fff6e6,#f1dfbc);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 20px rgba(170,124,42,.12);color:#986321}
.prizes-section .prize-card h3{color:#25293c}
.prizes-section .prize-description{color:#6a6661}
.prizes-section .prize-fund{color:#181c31}
.prizes-section .prize-fund span{color:#ad8a52}
.prizes-section .prize-split{color:#8c6425}
.prizes-section .prize-details summary{font-weight:800;color:#895f20}
.prizes-section .table-scroll table{font-size:14px}.prizes-section .table-scroll thead th{font-size:13px;color:#655e58;font-weight:700}
.prizes-section .table-note,.fund-note{font-size:13px;color:#6c675f}
.how-section,.referral-section,.faq-section{background:linear-gradient(180deg,#f7f5f1 0%,#f4f0e8 100%)}
.account-panel,.referral-example,.faq-item,.last-cta-inner{box-shadow:0 16px 34px rgba(33,35,52,.04)}
.last-cta{background:linear-gradient(135deg,#141b30 0%,#1f2040 48%,#2f1734 100%)}
.site-footer{background:linear-gradient(180deg,#121522,#0f1119)}
@media(max-width:1100px){.brand-logo{width:196px}.hero-grid{min-height:580px}.fund-heading .eyebrow{font-size:18px}.hero-fund{font-size:clamp(64px,6.2vw,88px)}.coin-art{width:390px;right:-24px}.counter-logo{width:210px}.counter-caption{font-size:20px}.digit{width:44px;height:70px;font-size:44px}.counter-currency{font-size:58px}}
@media(max-width:800px){.brand-logo{width:184px}.hero-grid{min-height:0}.hero-lead{font-size:20px}.hero-visual::before{inset:30px 0 26px 10px}.fund-heading{padding:0 20px}.fund-heading .eyebrow{font-size:17px}.hero-fund{font-size:clamp(54px,6.4vw,72px)}.coin-art{width:320px;right:-54px;top:50%}.counter-logo{width:196px}.counter-caption{font-size:18px}.odometer{padding:12px 12px 14px}.digit{width:38px;height:60px;font-size:38px}.digit.gap{margin-left:6px}.counter-currency{font-size:48px;margin-left:8px}.prizes-section .table-scroll table{font-size:13px}.prizes-section .table-scroll thead th{font-size:12px}}
@media(max-width:620px){.brand-logo{width:172px}.brand-note{padding:7px 10px}.hero{background:radial-gradient(circle at 10% 14%,rgba(23,182,255,.22),transparent 26%),radial-gradient(circle at 86% 14%,rgba(242,32,116,.18),transparent 24%),linear-gradient(135deg,#141a2f 0%,#18172b 45%,#241a31 100%)}.hero-grid{padding-top:34px;padding-bottom:18px}.hero-lead{font-size:18px;max-width:100%}.hero-visual::before{inset:16px 0 12px 0;border-radius:22px}.fund-heading{padding:18px 10px 0}.fund-heading .eyebrow{font-size:16px}.hero-fund{font-size:clamp(48px,13vw,64px)}.coin-art{width:260px;right:-66px;top:56%;opacity:.9}.prizes-seal strong{font-size:32px}.prizes-seal span{font-size:12px}.hero-bottom{display:grid;grid-template-columns:1fr;gap:10px;padding-top:16px}.hero-bottom-item{min-height:0;padding:14px}.milestone .milestone-intro p.milestone-story{font-size:18px}.counter-logo{width:184px}.counter-caption{font-size:17px}.counter-panel{border-radius:20px}.odometer{padding:10px 8px 12px;border-radius:18px}.digit{width:29px;height:45px;font-size:30px;border-radius:8px}.digit.gap{margin-left:4px}.counter-currency{font-size:36px;margin-left:5px}.counter-explanation{font-size:14px}.personal-win-amount{font-size:clamp(34px,9vw,45px)}.prizes-section .table-scroll table{font-size:12px}.prizes-section .table-scroll thead th{font-size:11px}}
@media(max-width:359px){.brand-logo{width:158px}.counter-logo{width:170px}.digit{width:27px;height:42px;font-size:28px}.counter-currency{font-size:32px}.hero-fund{font-size:44px}.fund-heading .eyebrow{font-size:14px}}


/* V17: portable supplied logo, readable hero CTA, uncluttered prize visual. */
.site-header .wordmark,.site-footer .wordmark{display:inline-flex;align-items:center;flex-shrink:0}
.site-header .brand-logo{display:block;width:200px;height:53px;object-fit:contain}
.site-footer .brand-logo.footer-logo{display:block;width:165px;height:44px;object-fit:contain}
.counter-panel .counter-logo{display:block;width:200px;height:53px;object-fit:contain}
.hero .button-primary{color:#091320;font-size:16px;font-weight:750;text-shadow:none}
.hero .button-primary:hover,.hero .button-primary:active{color:#091320}
.hero .button-primary .icon{color:inherit;stroke-width:2}
.hero .button-primary:focus-visible{outline:3px solid #fff;outline-offset:5px}

/* Decoration is confined to rows above and below the text. No image behind it. */
.hero .hero-visual.prize-stage{
  container-type:inline-size;position:relative;isolation:isolate;overflow:hidden;
  display:grid;grid-template-rows:88px auto 88px;align-content:center;
  align-self:center;min-height:394px;width:100%;padding:22px;margin:0;
  border:1px solid rgba(255,255,255,.15);border-radius:28px;
  background:linear-gradient(148deg,rgba(76,87,126,.19),rgba(18,20,39,.75) 48%,rgba(55,31,59,.4));
  box-shadow:0 24px 52px rgba(6,9,23,.2),inset 0 1px 0 rgba(255,255,255,.12);
}
.hero .prize-stage::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  border:0;border-radius:inherit;box-shadow:none;
  background:radial-gradient(ellipse at 0 0,rgba(23,182,255,.07),transparent 40%),radial-gradient(ellipse at 100% 100%,rgba(242,32,116,.07),transparent 42%);
}
.hero .prize-stage .fund-heading{
  position:relative;z-index:2;min-height:0;max-width:100%;width:100%;
  padding:0;margin:0;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:16px;text-align:center;
}
.hero .prize-stage .fund-heading .eyebrow{
  margin:0;padding:0;max-width:100%;font-size:22px;font-weight:550;
  line-height:1.4;letter-spacing:0;text-transform:none;color:#f8f6fc;
  text-align:center;text-wrap:balance;text-shadow:none;
}
.hero .prize-stage .hero-fund{
  margin:0;max-width:100%;font-size:clamp(46px,6.75vw,102px);
  font-size:clamp(42px,20cqi,104px);font-weight:760;line-height:1.08;
  letter-spacing:-.055em;white-space:nowrap;color:#fff4d8;
  text-shadow:0 2px 0 rgba(125,83,23,.8),0 9px 22px rgba(0,0,0,.24);
}
.hero .prize-stage .hero-fund span{color:inherit}
.stage-top,.stage-bottom{position:relative;align-self:stretch;height:100%;min-width:0;pointer-events:none;user-select:none}
.stage-medallion{
  position:absolute;right:24px;top:1px;width:61px;height:61px;border-radius:50%;
  background:linear-gradient(135deg,#ffe3a7 0%,#a96621 28%,#f7d47b 47%,#ce943e 76%,#f9df9a 100%);
  box-shadow:2px 3px 0 #ac762d,4px 5px 0 #774d24,7px 12px 17px #090b194d,inset 0 1px 1px #fff9d7;
  transform:perspective(280px) rotateY(-22deg) rotate(-17deg);
}
.stage-medallion::before{
  content:"";position:absolute;inset:5px;border-radius:50%;border:1px solid #fff0ae;
  background:linear-gradient(145deg,#fff0b9 0%,#ebc570 48%,#d39f48 72%,#f4d995 100%);
  box-shadow:inset 0 1px 4px #8b5b2159,0 0 0 1px #96622166;
}
.stage-medallion::after{
  content:"₽";position:absolute;inset:0;display:grid;place-items:center;
  font-size:33px;font-weight:700;line-height:1;color:#a9712b;
  text-shadow:0 1px 0 #fff6c6,-1px -1px 0 #a67832;
}
.stage-arc{
  position:absolute;left:15px;right:18px;top:-33px;height:56px;border-radius:50%;
  border-bottom:2px solid rgba(31,185,247,.3);
  transform:rotate(-6deg);box-shadow:0 4px 11px -6px rgba(23,182,255,.5);
}
.stage-bottom .stage-medallion-small{left:24px;right:auto;top:29px;width:41px;height:41px;transform:perspective(260px) rotateY(25deg) rotate(16deg);opacity:.85}
.stage-medallion-small::before{inset:4px}
.stage-medallion-small::after{font-size:22px}
.stage-plinth{
  position:absolute;left:24%;right:7%;bottom:13px;height:17px;border-radius:50%;
  border-top:1px solid rgba(244,206,138,.65);
  background:linear-gradient(180deg,rgba(88,81,113,.55),rgba(28,27,48,.85) 60%,rgba(240,193,108,.16));
  box-shadow:0 5px 0 rgba(23,22,40,.9),0 6px 0 rgba(237,79,157,.26),0 16px 20px rgba(0,0,0,.18);
}
@media(max-width:1100px){
  .site-header .brand-logo{width:184px;height:49px}
  .site-header .brand-note,.site-header .brand-divider{display:none}
  .hero .hero-visual.prize-stage{padding:20px;min-height:370px;grid-template-rows:82px auto 82px}
  .hero .prize-stage .fund-heading .eyebrow{font-size:19px}
}
@media(min-width:621px) and (max-width:800px){
  .hero .hero-visual.prize-stage{padding:16px;min-height:330px;grid-template-rows:66px auto 66px}
  .hero .prize-stage .fund-heading .eyebrow{font-size:17px}
  .stage-medallion{width:49px;height:49px;right:12px;top:0}
  .stage-medallion::after{font-size:28px}
  .hero .button-primary{font-size:15px}
}
@media(max-width:620px){
  .site-header .brand-logo{width:164px;height:44px}
  .hero .hero-visual.prize-stage{margin-top:28px;min-height:278px;padding:16px;border-radius:22px;grid-template-rows:58px auto 62px}
  .hero .prize-stage .fund-heading{gap:8px}
  .hero .prize-stage .fund-heading .eyebrow{font-size:17px;line-height:1.4;max-width:360px}
  .hero .button-primary{font-size:16px;font-weight:750}
  .stage-medallion{width:45px;height:45px;right:16px;top:-4px}
  .stage-medallion::after{font-size:26px}
  .stage-bottom .stage-medallion-small{width:33px;height:33px;top:20px;left:15px}
  .stage-medallion-small::after{font-size:18px}
  .stage-arc{top:-28px;height:40px}
  .stage-plinth{bottom:12px;height:12px;left:26%;right:4%}
}
@media(max-width:359px){
  .site-header .brand-logo{width:145px;height:39px}
  .hero .button-primary{font-size:14px}
  .hero .hero-visual.prize-stage{padding:14px;min-height:258px}
  .hero .prize-stage .fund-heading .eyebrow{font-size:16px}
}


/* V18 — precise hero refinement: no card, no generated decorations, gold CTA. */
.hero .button-primary {
  color:#252130;
  background:linear-gradient(120deg,#ffe9ba 0%,#f1ce8d 49%,#dfa85e 100%);
  border:1px solid rgba(255,235,183,.78);
  border-radius:10px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 10px 24px rgba(223,169,75,.2);
  font-size:16px;
  font-weight:760;
  text-shadow:none;
}
.hero .button-primary:hover,
.hero .button-primary:active {
  color:#201c29;
  background:linear-gradient(120deg,#fff0cf 0%,#f5d69b 49%,#e9b675 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 13px 28px rgba(225,170,81,.24);
}
.hero .button-primary .icon{color:inherit;stroke-width:2}
.hero .hero-visual.prize-stage {
  position:relative;
  container-type:inline-size;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:370px;
  align-self:stretch;
  width:100%;
  margin:0;
  padding:24px 0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  overflow:visible;
  isolation:isolate;
}
.hero .hero-visual.prize-stage::before {
  content:"";
  position:absolute;
  inset:-14% -10%;
  z-index:-1;
  background:radial-gradient(ellipse at 50% 51%,rgba(242,187,102,.11) 0%,rgba(242,187,102,.045) 35%,transparent 67%);
  filter:blur(24px);
  border:0;
  border-radius:0;
  box-shadow:none;
  pointer-events:none;
}
.hero .prize-stage .fund-heading {
  position:relative;
  z-index:1;
  width:100%;
  max-width:100%;
  min-height:0;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:12px;
  text-align:center;
}
.hero .prize-stage .fund-heading .eyebrow {
  color:#ede9ef;
  font-weight:560;
  font-size:clamp(19px,1.65vw,24px);
  line-height:1.38;
  letter-spacing:-.012em;
  max-width:540px;
  margin:0;
  text-transform:none;
  text-wrap:balance;
  text-shadow:none;
}
.hero .prize-stage .hero-fund {
  width:100%;
  max-width:100%;
  margin:0;
  font-size:clamp(50px,17.5cqi,110px);
  line-height:1.1;
  font-weight:800;
  letter-spacing:-.06em;
  white-space:nowrap;
  text-align:center;
  color:#f5d596;
  background:linear-gradient(180deg,#fff2ce 0%,#f1cf91 48%,#dbaa65 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:none;
  filter:drop-shadow(0 8px 13px rgba(5,8,20,.2));
}
@media(max-width:1100px) {
 .hero .hero-visual.prize-stage{min-height:345px;padding:20px 0}
 .hero .prize-stage .fund-heading .eyebrow{font-size:clamp(16px,1.75vw,20px)}
}
@media(min-width:621px) and (max-width:800px) {
 .hero .hero-visual.prize-stage{min-height:315px;padding:12px 0}
 .hero .prize-stage .fund-heading{gap:8px}
 .hero .prize-stage .fund-heading .eyebrow{font-size:16px}
}
@media(max-width:620px) {
 .hero .hero-visual.prize-stage{min-height:205px;margin-top:20px;padding:26px 0 18px}
 .hero .prize-stage .fund-heading{gap:8px}
 .hero .prize-stage .fund-heading .eyebrow{font-size:clamp(16px,4.5vw,19px);max-width:350px}
 .hero .prize-stage .hero-fund{font-size:clamp(48px,17.5cqi,76px)}
 .hero .button-primary{font-size:16px}
}
@media(max-width:359px) {
 .hero .hero-visual.prize-stage{min-height:188px}
 .hero .prize-stage .fund-heading .eyebrow{font-size:15px}
 .hero .prize-stage .hero-fund{font-size:clamp(46px,17.5cqi,53px)}
 .hero .button-primary{font-size:14px}
}


/* V24 — use approved hero artwork from user, hide separate right text block for now */
.hero .hero-visual.hero-visual-poster {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 430px;
  padding: 0;
  overflow: visible;
  isolation: isolate;
}
.hero .hero-visual.hero-visual-poster::before {
  content: none;
}
.hero .hero-visual.hero-visual-poster .fund-heading {
  display: none !important;
}
.hero .hero-stage-art {
  display: block;
  width: min(878px, 131%);
  max-width: none;
  height: auto;
  margin: 0 auto;
  transform: translateX(-68px);
  filter: drop-shadow(0 24px 54px rgba(0,0,0,.28));
  pointer-events: none;
  user-select: none;
}
@media (max-width: 1100px) {
  .hero .hero-visual.hero-visual-poster { min-height: 390px; }
  .hero .hero-stage-art { width: min(794px, 133%); transform: translateX(-54px); }
}
@media (max-width: 800px) {
  .hero .hero-visual.hero-visual-poster { min-height: 350px; }
  .hero .hero-stage-art { width: min(690px, 136%); transform: translateX(-38px); }
}
@media (max-width: 620px) {
  .hero .hero-visual.hero-visual-poster {
    min-height: 270px;
    margin-top: 24px;
    border-top: 0;
  }
  .hero .hero-stage-art {
    width: min(580px, 146%);
    transform: translateX(-18px);
  }
}
@media (max-width: 390px) {
  .hero .hero-visual.hero-visual-poster { min-height: 245px; }
  .hero .hero-stage-art { width: min(518px, 150%); transform: translateX(-14px); }
}


/* V27: align the visible pedestal with the CTA baseline; shorten header-to-dates spacing. */
@media (min-width: 621px) {
  .hero .hero-grid { padding-top:42px; min-height:590px; }
  .hero .hero-visual.hero-visual-poster .hero-stage-art {
    position:absolute;
    left:50%;
    bottom:12px;
    margin:0;
    transform:translateX(calc(-50% - 68px));
  }
}
@media (min-width: 621px) and (max-width: 1100px) {
  .hero .hero-grid {min-height:560px;}
  .hero .hero-visual.hero-visual-poster .hero-stage-art {
    bottom:2px;
    transform:translateX(calc(-50% - 54px));
  }
}
@media (min-width: 621px) and (max-width: 800px) {
  .hero .hero-grid {min-height:485px;}
  .hero .hero-visual.hero-visual-poster .hero-stage-art {
    bottom:0;
    transform:translateX(calc(-50% - 38px));
  }
}
@media (max-width: 620px) {
  .hero .hero-grid {padding-top:22px;}
}


/* V29 — header navigation: earning link + entry and registration */
.site-header .header-inner { gap: 20px; }
.site-header .brand-area { gap: 15px; flex: 0 0 auto; }
.site-header .brand-note.brand-earn-link {
  display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto;
  font-size: 11px; line-height: 1.3; letter-spacing: .045em;
  text-transform: none; font-weight: 700; white-space: nowrap;
  border-radius: 999px; padding: 9px 12px;
  color: #f2e7d9; border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.055); text-decoration: none;
  transition: border-color .2s, background .2s, color .2s;
}
.site-header .brand-note.brand-earn-link:hover,
.site-header .brand-note.brand-earn-link:focus-visible { color: #fff; border-color: #f1d392; background:rgba(241,211,146,.13); }
.site-header .header-nav { gap: clamp(12px,1.4vw,23px); }
.site-header .header-auth { display:flex; gap:9px; align-items:center; flex:none; }
.site-header .header-login,.site-header .header-register {
  display:inline-flex; align-items:center; justify-content:center;
  min-height:40px; gap:7px; padding:7px 12px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:9px; font-size:13px; line-height:1.2;
  font-weight:700; white-space:nowrap;
  color:#f1edf2; background:rgba(255,255,255,.055);
  transition:background .2s,border-color .2s;
}
.site-header .header-login:hover {background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4);}
.site-header .header-register {color:#292330; border-color:#f8d995; padding:8px 16px;
  background:linear-gradient(115deg,#ffe8b5,#e9b769);box-shadow:0 5px 16px rgba(240,185,85,.12);}
.site-header .header-register:hover {background:linear-gradient(115deg,#fff1d2,#f0c786);}
@media (max-width:1200px) {
  .site-header .header-inner {gap:14px;}
  .site-header .brand-logo {width:190px;}
  .site-header .header-nav {display:none; position:absolute; top:100%; right:0; left:0;
    padding:15px max(24px,calc((100% - 1180px)/2));
    background:#1c1c29; border-bottom:1px solid rgba(255,255,255,.16);
    box-shadow:0 20px 30px #0005; flex-direction:column; gap:0; align-items:stretch;}
  .site-header .header-nav.open {display:flex;}
  .site-header .header-nav a {display:block!important;font-size:14px;padding:11px 4px;}
  .site-header .menu-toggle {display:block;flex:none;}
  .site-header .header-auth {margin-left:auto;}
}
@media (max-width:800px) {
  .site-header .brand-logo {width:169px;}
  .site-header .brand-note.brand-earn-link {font-size:10px; padding:8px 10px;}
  .site-header .header-login span {display:inline;}
  .site-header .header-login {width:auto; padding:7px 11px;}
}
@media (max-width:620px) {
  .site-header {height:auto; min-height:106px;}
  .site-header .header-inner {display:grid; grid-template-columns:minmax(0,1fr) auto;
    grid-template-rows:58px 42px; gap:0 8px; align-items:center; padding:4px 0;}
  .site-header .brand-area {display:contents;}
  .site-header .wordmark {grid-column:1;grid-row:1;justify-self:start;}
  .site-header .brand-logo {width:158px;max-height:48px;}
  .site-header .brand-divider {display:none;}
  .site-header .brand-note.brand-earn-link {grid-column:1;grid-row:2;justify-self:start;
    font-size:11px;letter-spacing:.015em;padding:8px 12px;}
  .site-header .header-auth {grid-column:2;grid-row:1; justify-self:end; margin:0;gap:7px;}
  .site-header .header-login {width:auto;min-height:36px;padding:7px 10px;font-size:12px;}
  .site-header .header-register {min-height:36px;padding:7px 10px;font-size:12px;}
  .site-header .menu-toggle {grid-column:2;grid-row:2;justify-self:end;margin:0;}
  .site-header .header-nav {top:100%;padding:14px 22px 18px;}
}
@media (max-width:359px) {
  .site-header .brand-logo {width:143px;}
  .site-header .header-auth {gap:4px;}
  .site-header .header-register {padding:7px 8px;font-size:11px;}
  .site-header .header-login {width:auto;padding:7px 7px;font-size:11px;}
  .site-header .brand-logo {width:136px;}
  .site-header .brand-note.brand-earn-link {font-size:10.5px;}
}

/* V35 — payout milestone: single centered headline and full-width gold counter. */
.milestone .milestone-main{text-align:center;margin:0 auto 38px;max-width:1180px}
.milestone .milestone-main h2{
  max-width:none;margin:0 auto 30px;
  color:#172347;font-size:clamp(32px,3.1vw,48px);
  font-weight:760;letter-spacing:-.047em;line-height:1.2;
}
.milestone .milestone-stage{width:min(100%,1110px);margin:0 auto}
.milestone .milestone-stage .odometer{
  display:flex;align-items:stretch;justify-content:center;
  gap:clamp(3px,.48vw,8px);
  width:100%;padding:24px 28px;
  border:3px solid #dcaf5c;border-radius:31px;
  background:linear-gradient(180deg,#fff1c3 0%,#e5ae54 10%,#f7d889 23%,#c28a31 77%,#a56d1e 100%);
  box-shadow:inset 0 3px 0 rgba(255,255,255,.8),inset 0 -9px 15px rgba(99,48,0,.24),0 19px 40px rgba(100,65,25,.16);
}
.milestone .milestone-stage .digit{
  width:auto;min-width:0;flex:1 1 0;max-width:88px;height:116px;
  display:inline-grid;place-items:center;
  border:1px solid rgba(243,223,184,.34);border-radius:12px;
  background:linear-gradient(180deg,#283653 0%,#11192b 48%,#090e1c 50%,#222e48 52%,#172238 100%);
  box-shadow:inset 0 3px 0 rgba(255,255,255,.14),inset 0 -11px 19px rgba(0,0,0,.23),0 7px 11px rgba(69,39,9,.3);
  color:#fff9ed;font-size:clamp(44px,5.1vw,78px);font-weight:800;
  font-variant-numeric:tabular-nums;letter-spacing:-.05em;
}
.milestone .milestone-stage .digit.gap{margin-left:clamp(6px,1.2vw,19px)}
.milestone .milestone-stage .counter-currency{
  display:grid;place-items:center;flex:0 0 auto;
  margin-left:clamp(4px,1.1vw,16px);
  color:#ffefc4;font-size:clamp(50px,6.3vw,96px);font-weight:850;
  text-shadow:0 2px 0 #8b540e,0 4px 15px rgba(74,40,0,.5);
}
.milestone .milestone-main p.milestone-story{
  margin:29px auto 0;max-width:1010px;
  font-size:18px;line-height:1.6;text-align:center;color:#4d4b59;
}
.milestone .milestone-spotlights{display:flex;justify-content:center;align-items:stretch;gap:0;margin:0 auto 0}
.milestone .milestone-spotlights .personal-win{
  flex:0 1 680px;min-height:155px;
  padding:29px 35px;
  text-align:center;align-items:center;justify-content:center;
}
.milestone .milestone-spotlights .personal-win-label{max-width:none;text-align:center}
.milestone .earning-records-section{margin-top:44px}
@media(max-width:800px){
  .milestone .milestone-main{margin-bottom:28px}
  .milestone .milestone-main h2{font-size:clamp(28px,4.4vw,36px);margin-bottom:25px}
  .milestone .milestone-stage .odometer{padding:16px 15px;border-radius:24px}
  .milestone .milestone-stage .digit{height:clamp(66px,9vw,89px);font-size:clamp(32px,6vw,52px)}
  .milestone .milestone-stage .counter-currency{font-size:clamp(40px,7vw,65px)}
  .milestone .milestone-main p.milestone-story{font-size:16px;margin-top:22px}
  .milestone .milestone-spotlights .personal-win{flex:1 1 auto;width:100%;min-height:125px;padding:24px 20px}
}
@media(max-width:620px){
  .milestone{padding:47px 0 44px}
  .milestone .milestone-main{margin-bottom:21px}
  .milestone .milestone-main h2{font-size:clamp(25px,7.1vw,31px);margin-bottom:22px;line-height:1.2}
  .milestone .milestone-stage .odometer{padding:10px 8px;gap:2px;border-width:2px;border-radius:17px}
  .milestone .milestone-stage .digit{width:auto;min-width:0;flex:1 1 0;height:clamp(34px,11vw,47px);border-radius:6px;font-size:clamp(17px,5.8vw,26px);letter-spacing:-.05em}
  .milestone .milestone-stage .digit.gap{margin-left:5px}
  .milestone .milestone-stage .counter-currency{font-size:clamp(25px,7.5vw,33px);margin-left:4px}
  .milestone .milestone-main p.milestone-story{font-size:15px;line-height:1.55;margin-top:19px}
  .milestone .milestone-spotlights .personal-win{min-height:118px;padding:20px 16px}
  .milestone .milestone-spotlights .personal-win-label{font-size:15px}
  .milestone .milestone-spotlights .personal-win-amount{font-size:clamp(29px,8.7vw,40px)}
  .milestone .earning-records-section{margin-top:35px}
}


/* V36: add SurfEarner logo above payout milestone heading */
.milestone-brand{display:flex;justify-content:center;align-items:center;margin:0 0 18px}
.milestone-brand-logo{display:block;width:210px;max-width:52%;height:auto;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(23,42,85,.08))}
@media(max-width:1100px){.milestone-brand-logo{width:196px;max-width:50%}}
@media(max-width:800px){.milestone-brand{margin-bottom:16px}.milestone-brand-logo{width:184px;max-width:44%}}
@media(max-width:620px){.milestone-brand{margin-bottom:14px}.milestone-brand-logo{width:168px;max-width:62%}}
@media(max-width:359px){.milestone-brand-logo{width:152px;max-width:68%}}


/* V37 — enlarge second-screen logo and give the payout counter more breathing room. */
.milestone .milestone-brand{margin-bottom:21px}
.milestone .milestone-brand-logo{width:300px;max-width:58%}
.milestone .milestone-stage{width:min(100%,960px)}
.milestone .milestone-stage .odometer{padding:20px 24px;border-radius:28px}
.milestone .milestone-stage .digit{height:99px;max-width:78px;font-size:clamp(42px,4.6vw,66px)}
.milestone .milestone-stage .counter-currency{font-size:clamp(48px,5.4vw,80px)}
@media(max-width:1100px){
  .milestone .milestone-brand-logo{width:272px;max-width:56%}
  .milestone .milestone-stage{width:min(100%,910px)}
  .milestone .milestone-stage .digit{height:91px;font-size:clamp(39px,4.6vw,60px)}
  .milestone .milestone-stage .counter-currency{font-size:clamp(44px,5.5vw,68px)}
}
@media(max-width:800px){
  .milestone .milestone-brand-logo{width:244px;max-width:60%}
  .milestone .milestone-stage{width:96%}
  .milestone .milestone-stage .odometer{padding:14px 13px;border-radius:22px}
  .milestone .milestone-stage .digit{height:clamp(62px,8.5vw,80px);font-size:clamp(31px,5.5vw,47px)}
  .milestone .milestone-stage .counter-currency{font-size:clamp(38px,6.3vw,57px)}
}
@media(max-width:620px){
  .milestone .milestone-brand{margin-bottom:15px}
  .milestone .milestone-brand-logo{width:208px;max-width:67%}
  .milestone .milestone-stage{width:95%}
  .milestone .milestone-stage .odometer{padding:9px 7px;gap:2px;border-radius:16px}
  .milestone .milestone-stage .digit{height:clamp(32px,10vw,43px);font-size:clamp(16px,5.5vw,24px)}
  .milestone .milestone-stage .counter-currency{font-size:clamp(23px,7vw,30px)}
}
@media(max-width:359px){.milestone .milestone-brand-logo{width:189px;max-width:71%}}


/* V38 — center record values and explanatory note only */
.milestone .earning-record dd { text-align: center; width: 100%; }
.milestone p.earning-records-note { text-align: center; max-width: none; margin-left: auto; margin-right: auto; }


/* V39 — align the records heading and all three card captions */
.milestone .earning-records-section h3 {text-align:center;}
.milestone .earning-record dt {text-align:center;width:100%;}

/* V40 — center prize count and amount only, across all five cards. */
.prizes-section .prize-card > .prize-split,
.prizes-section .prize-card > .prize-fund { text-align: center; }

/* V41 — center the prize-details disclosure label and position the chevron immediately after it */
.prizes-section .prize-card .prize-details > summary {
  justify-content: center;
  gap: 10px;
  text-align: center;
}
.prizes-section .prize-card .prize-details > summary .icon {
  flex: none;
}

/* V42 — center the note beneath all five prize cards */
.prizes-section .fund-note {text-align:center;justify-content:center;}
.prizes-section .fund-note p {margin-left:auto;margin-right:auto;}

/* V43 — registration call-to-action directly below centered prize note */
.prizes-section .prize-join{display:flex;justify-content:center;margin:27px auto 0}
.prizes-section .prize-join-button{
  min-width:230px;min-height:57px;padding:15px 33px;
  border:1px solid rgba(220,168,83,.75);border-radius:10px;
  background:linear-gradient(120deg,#ffe9ba 0%,#f1ce8d 49%,#dfa85e 100%);
  color:#252130;font-size:16px;font-weight:750;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 10px 24px rgba(223,169,75,.17);
}
.prizes-section .prize-join-button:hover{background:linear-gradient(120deg,#fff0cf 0%,#f5d69b 49%,#e9b675 100%);color:#201c29}
@media(max-width:620px){.prizes-section .prize-join{margin-top:23px}.prizes-section .prize-join-button{min-width:214px;min-height:54px;font-size:15px}}

/* V44 — same registration CTA beneath earnings records */
.milestone .milestone-join {display:flex;justify-content:center;margin:27px auto 0}
.milestone .milestone-join-button{
  min-width:230px;min-height:57px;padding:15px 33px;
  border:1px solid rgba(220,168,83,.75);border-radius:10px;
  background:linear-gradient(120deg,#ffe9ba 0%,#f1ce8d 49%,#dfa85e 100%);
  color:#252130;font-size:16px;font-weight:750;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 10px 24px rgba(223,169,75,.17);
}
.milestone .milestone-join-button:hover{background:linear-gradient(120deg,#fff0cf 0%,#f5d69b 49%,#e9b675 100%);color:#201c29}
@media(max-width:620px){.milestone .milestone-join{margin-top:23px}.milestone .milestone-join-button{min-width:214px;min-height:54px;font-size:15px}}

/* V45 experiment: semantic visual division between prize pool and participation */
.how-section{
  padding:0 0 82px;
  background:linear-gradient(180deg,#e7eff9 0%,#eff4fa 42%,#f4f5f7 100%);
  color:#20263e;
}
.how-section-banner{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 8% 12%,rgba(27,134,206,.18),transparent 40%),
    radial-gradient(ellipse at 96% 88%,rgba(242,32,116,.09),transparent 42%),
    linear-gradient(116deg,#151c34 0%,#222039 62%,#2b1e34 100%);
  padding:53px 0 56px;
  text-align:center;
  border-top:1px solid rgba(237,196,118,.30);
}
.how-section-banner .eyebrow{
  margin:0 0 16px;
  color:#e5c182;
  font-size:13px;
  line-height:1.5;
  letter-spacing:.16em;
}
.how-section .how-section-banner h2{
  color:#fff9f1;
  margin:0 auto;
  max-width:100%;
  font-size:clamp(36px,4.5vw,58px);
  font-weight:750;
  line-height:1.18;
  letter-spacing:-.045em;
}
.how-section-banner h2 span{color:#f3cd8d}
.how-section .how-grid{padding-top:64px}
.how-section .steps{margin-top:0}
.how-section .step:first-child{margin-top:0}
.how-section .step h3{color:#20263e}
.how-section .step p{color:#666b7c}
.how-section .step-number{color:#9c7136}
.how-section .task-examples{border-top-color:#d0dae7}
@media(max-width:800px){
  .how-section-banner{padding:43px 0 47px}
  .how-section .how-grid{padding-top:49px}
}
@media(max-width:620px){
  .how-section{padding-bottom:52px}
  .how-section-banner{padding:33px 0 37px}
  .how-section-banner .eyebrow{font-size:11px;margin-bottom:13px}
  .how-section .how-section-banner h2{font-size:clamp(34px,9vw,44px);max-width:440px}
  .how-section .how-grid{padding-top:34px}
  .how-section .steps{margin-top:0}
}


/* V48 — a more legible hierarchy for the three participation steps only. */
.how-section .step{gap:22px;margin-top:30px}
.how-section .step-number{font-size:16px;font-weight:700;padding-top:4px}
.how-section .step h3{font-size:22px;font-weight:700;line-height:1.35;letter-spacing:-.015em}
.how-section .step p{font-size:17px;line-height:1.6;max-width:485px;margin-top:9px}
@media(max-width:800px){
  .how-section .step{gap:19px;margin-top:26px}
  .how-section .step h3{font-size:21px}
  .how-section .step p{font-size:16px;line-height:1.58}
}
@media(max-width:620px){
  .how-section .step{gap:16px;margin-top:25px}
  .how-section .step-number{font-size:15px;padding-top:3px}
  .how-section .step h3{font-size:20px;line-height:1.35}
  .how-section .step p{font-size:16px;line-height:1.62;margin-top:7px;max-width:100%}
}


/* V53 — vertically center the three participation steps against the prize-path card. */
@media (min-width:621px) {
  .how-section .how-grid > div:first-child { align-self:center; }
}

/* V54 — match the approved gold registration CTA; remove duplicate footer copy */
.account-panel #guestPanel .participation-register-button {
  background:linear-gradient(120deg,#ffe9ba 0%,#f1ce8d 49%,#dfa85e 100%);
  border:1px solid rgba(220,168,83,.75);
  color:#252130;
  border-radius:10px;
  font-size:16px;
  font-weight:750;
  text-shadow:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 10px 24px rgba(223,169,75,.17);
}
.account-panel #guestPanel .participation-register-button:hover,
.account-panel #guestPanel .participation-register-button:active {
  background:linear-gradient(120deg,#fff0cf 0%,#f5d69b 49%,#e9b675 100%);
  color:#201c29;
}
.account-panel #guestPanel .participation-register-button .icon {color:inherit;stroke-width:2}


/* V55 — simplified task discovery: two low-friction starter actions. */
.how-section .task-examples { margin-top:54px; padding-top:42px; border-top:1px solid #d0dae7; }
.how-section .task-examples-heading {
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; gap:0; margin-inline:auto; max-width:920px;
}
.how-section .task-examples-heading .eyebrow {
  font-size:13px; font-weight:750; letter-spacing:.15em; line-height:1.5;
  color:#9b7139; margin:0 0 15px;
}
.how-section .task-examples-heading h3 {
  font-size:clamp(30px,3.2vw,42px); font-weight:730;
  line-height:1.17; letter-spacing:-.043em; color:#20263e;
}
.how-section .task-examples-heading .task-examples-lead {
  display:block; max-width:820px; margin:15px auto 0;
  color:#5f6678; font-size:18px; line-height:1.65;
}
.how-section .task-types {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px;
  max-width:1050px; margin:32px auto 0;
}
.how-section .task-type {
  display:flex; flex-direction:row; align-items:center; gap:22px;
  min-height:156px; padding:27px 29px; border:1px solid #dfe0de; border-radius:17px;
  background:linear-gradient(180deg,#fff,#fcfbf8);
  box-shadow:0 14px 35px rgba(30,37,62,.045);
  text-align:left;
}
.how-section .task-type-icon {
  display:grid; place-items:center; flex:0 0 72px; width:72px; height:72px;
  border-radius:16px; color:#94682d; background:linear-gradient(145deg,#fff4df,#f2dfbd);
}
.how-section .task-type-icon .icon { width:34px; height:34px; color:inherit; }
.how-section .task-type-content { min-width:0; }
.how-section .task-type h4 { margin:0; font-size:22px; font-weight:750; line-height:1.25; letter-spacing:-.025em; color:#232941; }
.how-section .task-type p { margin:9px 0 0; font-size:16px; font-weight:400; color:#656a75; line-height:1.55; }
.how-section .task-examples-note {
  margin:25px auto 0; max-width:1010px; font-size:15px; font-weight:400;
  line-height:1.7; color:#6b707a; text-align:center;
}
.how-section .task-examples-note strong {font-weight:650;color:#404858;}
@media(max-width:800px){
  .how-section .task-examples {margin-top:43px;padding-top:35px;}
  .how-section .task-examples-heading .task-examples-lead {font-size:17px;}
  .how-section .task-types {gap:14px;margin-top:26px;}
  .how-section .task-type {gap:15px;padding:22px 19px;min-height:155px;}
  .how-section .task-type-icon {flex-basis:58px;width:58px;height:58px;border-radius:13px;}
  .how-section .task-type-icon .icon {width:29px;height:29px;}
  .how-section .task-type h4 {font-size:20px;}
  .how-section .task-type p {font-size:15px;}
}
@media(max-width:620px){
  .how-section .task-examples {margin-top:36px;padding-top:30px;}
  .how-section .task-examples-heading .eyebrow {font-size:11px;letter-spacing:.13em;margin-bottom:10px;}
  .how-section .task-examples-heading h3 {font-size:clamp(27px,7.4vw,34px);}
  .how-section .task-examples-heading .task-examples-lead {font-size:15px;margin-top:12px;line-height:1.65;}
  .how-section .task-types {grid-template-columns:1fr;gap:12px;margin-top:23px;}
  .how-section .task-type {flex-direction:row;align-items:center;min-height:112px;gap:14px;padding:17px 16px;}
  .how-section .task-type-icon {flex:0 0 54px;width:54px;height:54px;border-radius:12px;}
  .how-section .task-type-icon .icon {width:27px;height:27px;}
  .how-section .task-type h4 {font-size:19px;}
  .how-section .task-type p {font-size:14px;line-height:1.55;margin-top:6px;}
  .how-section .task-examples-note {font-size:13px;line-height:1.7;margin-top:21px;}
}
@media(max-width:359px){
  .how-section .task-type {padding:16px 13px;gap:12px;}
  .how-section .task-type-icon {flex-basis:48px;width:48px;height:48px;}
  .how-section .task-type h4 {font-size:18px;}
}


/* V57 — four low-commitment tasks, balanced 2×2 grid. */
.how-section .task-types {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;row-gap:20px;max-width:1050px}
.how-section .task-types .task-type,
.how-section .task-types .task-type:nth-child(-n+2) {grid-column:auto;min-height:156px;padding:25px 26px;gap:20px}
.how-section .task-types .task-type:nth-child(n+3) .task-type-icon {flex:0 0 72px;width:72px;height:72px;border-radius:16px}
.how-section .task-types .task-type:nth-child(n+3) .task-type-icon .icon {width:34px;height:34px}
.how-section .task-types .task-type:nth-child(n+3) h4 {font-size:22px}
.how-section .task-types .task-type:nth-child(n+3) p {font-size:16px;line-height:1.55}
@media(max-width:800px){
 .how-section .task-types {grid-template-columns:1fr;gap:13px}
 .how-section .task-types .task-type,
 .how-section .task-types .task-type:nth-child(-n+2) {grid-column:1/-1;min-height:112px;padding:18px;gap:16px}
 .how-section .task-types .task-type:nth-child(n+3) .task-type-icon {flex-basis:58px;width:58px;height:58px}
 .how-section .task-types .task-type:nth-child(n+3) .task-type-icon .icon {width:29px;height:29px}
 .how-section .task-types .task-type:nth-child(n+3) h4 {font-size:20px}
 .how-section .task-types .task-type:nth-child(n+3) p {font-size:15px}
}
@media(max-width:620px){
 .how-section .task-types {gap:12px}
 .how-section .task-types .task-type,
 .how-section .task-types .task-type:nth-child(-n+2) {padding:17px 16px;gap:14px}
 .how-section .task-types .task-type:nth-child(n+3) .task-type-icon {flex-basis:54px;width:54px;height:54px}
 .how-section .task-types .task-type:nth-child(n+3) .task-type-icon .icon {width:27px;height:27px}
 .how-section .task-types .task-type:nth-child(n+3) h4 {font-size:19px}
 .how-section .task-types .task-type:nth-child(n+3) p {font-size:14px}
}
@media(max-width:359px){
 .how-section .task-types .task-type,
 .how-section .task-types .task-type:nth-child(-n+2) {padding:16px 13px;gap:12px}
 .how-section .task-types .task-type:nth-child(n+3) .task-type-icon {flex-basis:48px;width:48px;height:48px}
 .how-section .task-types .task-type:nth-child(n+3) h4 {font-size:18px}
}


/* V58: concise copy and centered registration CTA below task examples */
.how-section .task-examples-heading {max-width:100%}
.how-section .task-examples-heading .task-examples-lead {
  max-width:none;
  margin-inline:auto;
  font-size:18px;
  text-align:center;
}
.how-section .task-join {display:flex;justify-content:center;margin:27px auto 0;}
.how-section .task-join-button {
  min-width:230px;min-height:57px;padding:15px 33px;
  border:1px solid rgba(220,168,83,.75);border-radius:10px;
  background:linear-gradient(120deg,#ffe9ba 0%,#f1ce8d 49%,#dfa85e 100%);
  color:#252130;font-size:16px;font-weight:750;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 10px 24px rgba(223,169,75,.17);
}
.how-section .task-join-button:hover {background:linear-gradient(120deg,#fff0cf 0%,#f5d69b 49%,#e9b675 100%);color:#201c29;}
@media(min-width:1120px){
  .how-section .task-examples-heading .task-examples-lead {white-space:nowrap;}
}
@media(max-width:800px){
  .how-section .task-examples-heading .task-examples-lead{font-size:17px;white-space:normal;}
}
@media(max-width:620px){
  .how-section .task-examples-heading .task-examples-lead{font-size:15px;}
  .how-section .task-join {margin-top:24px;}
  .how-section .task-join-button {min-width:214px;min-height:54px;font-size:15px;}
}


/* V59 — single-line explanatory note on desktop; natural wrapping on mobile. */
.task-examples .task-examples-note{max-width:none;width:100%;margin-inline:auto;text-align:center}
@media(min-width:1200px){.task-examples .task-examples-note{white-space:nowrap}}

/* V60 — dark premium referral section, gold registration CTA, cash-prize example. */
.referral-section {
  color:#f5f3f1;
  background:
    radial-gradient(ellipse at 0% 18%,rgba(22,158,234,.13),transparent 48%),
    radial-gradient(ellipse at 100% 90%,rgba(220,68,131,.11),transparent 47%),
    linear-gradient(115deg,#151c31 0%,#1b1b31 54%,#281b30 100%);
  border-top:1px solid rgba(242,200,122,.24);
  border-bottom:1px solid rgba(242,200,122,.16);
}
.referral-section h2 { color:#f8f6f1; font-weight:730; }
.referral-section h2 span { color:#f2ca83; }
.referral-section .eyebrow.gold{color:#eac482;font-size:12px;letter-spacing:.14em}
.referral-section .referral-lead {font-size:18px;line-height:1.65;color:#d3ccd6;max-width:580px;margin-top:26px}
.referral-section .referral-note {font-size:13px;line-height:1.65;color:#b7afbd;max-width:520px;margin-top:22px}
.referral-section .button.referral-join-button{
  display:inline-flex;min-width:235px;min-height:57px;
  padding:15px 32px;border:1px solid rgba(220,168,83,.75);border-radius:10px;
  background:linear-gradient(120deg,#ffe9ba 0%,#f1ce8d 49%,#dfa85e 100%);
  color:#252130;font-weight:750;font-size:16px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 10px 24px rgba(223,169,75,.18);
}
.referral-section .button.referral-join-button:hover{
  background:linear-gradient(120deg,#fff0cf 0%,#f5d69b 49%,#e9b675 100%);
  color:#201c29;
}
.referral-section .referral-example{
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
  border:1px solid rgba(241,201,139,.31);border-radius:20px;padding:31px 26px 26px;
  box-shadow:0 20px 55px rgba(5,9,25,.18),inset 0 1px 0 rgba(255,255,255,.06);
}
.referral-section .example-label{
  color:#eed39f;font-size:14px;line-height:1.5;text-transform:none;letter-spacing:0;
  font-weight:680;text-align:center;margin-bottom:24px;
}
.referral-section .pair {grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);gap:12px;align-items:start}
.referral-section .prize-person {min-width:0}
.referral-section .person-icon{width:42px;height:42px;color:#e3d5c5;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);margin-bottom:10px}
.referral-section .person-name{font-size:16px;font-weight:600;color:#f7f3eb;margin-bottom:16px}
.referral-section .mini-ticket{
  background:linear-gradient(125deg,#ffedbf 0%,#f0ce8c 54%,#dfac62 100%);
  border:1px solid rgba(255,246,215,.64);border-radius:12px;
  padding:21px 9px 22px;color:#32283c;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 13px 30px rgba(10,10,28,.21);
}
.referral-section .mini-ticket::after{content:none}
.referral-section .mini-ticket .icon{width:27px;height:27px;margin-bottom:12px;color:#926625}
.referral-section .mini-ticket strong{font-size:clamp(24px,2.3vw,33px);line-height:1.13;font-weight:800;white-space:nowrap;letter-spacing:-.045em}
.referral-section .mini-ticket small{font-size:12px;line-height:1.45;font-weight:580;margin-top:9px;color:#6a533a}
.referral-section .pair>.icon {color:#e3bf7c;width:27px;align-self:end;margin:0 0 48px}
.referral-section .example-caption{color:#c9c1cf;font-size:13px;line-height:1.6;max-width:460px;margin:22px auto 0;text-align:center}
.referral-section .example-caption span{display:block;margin-top:6px;color:#aea6b6}
@media(max-width:1100px){
 .referral-section .referral-lead{font-size:17px}
 .referral-section .referral-example{padding:24px 18px}
 .referral-section .pair{gap:8px;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr)}
 .referral-section .mini-ticket strong{font-size:clamp(20px,2.4vw,26px)}
}
@media(max-width:800px){
 .referral-section .referral-example{max-width:680px;margin:30px auto 0;padding:26px}
 .referral-section .referral-lead{max-width:640px}
 .referral-section .mini-ticket strong{font-size:30px}
}
@media(max-width:620px){
 .referral-section .referral-lead{font-size:16px;margin-top:20px;line-height:1.7}
 .referral-section .referral-note{font-size:12px;margin-top:18px}
 .referral-section .button.referral-join-button{min-width:215px;min-height:54px;font-size:15px}
 .referral-section .referral-example{padding:21px 15px;margin-top:30px}
 .referral-section .example-label{font-size:13px;margin-bottom:19px}
 .referral-section .pair{gap:6px;grid-template-columns:minmax(0,1fr) 17px minmax(0,1fr)}
 .referral-section .person-icon{width:35px;height:35px}
 .referral-section .person-name{font-size:13px;white-space:nowrap;margin-bottom:12px}
 .referral-section .mini-ticket{padding:18px 5px 19px;border-radius:9px}
 .referral-section .mini-ticket .icon{width:22px;height:22px;margin-bottom:10px}
 .referral-section .mini-ticket strong{font-size:clamp(18px,5.25vw,25px)}
 .referral-section .mini-ticket small{font-size:10px}
 .referral-section .pair>.icon{width:17px;margin-bottom:43px}
 .referral-section .example-caption{font-size:12px;margin-top:17px}
}
@media(max-width:359px){
 .referral-section .referral-example{padding:18px 11px}
 .referral-section .mini-ticket strong{font-size:18px}
 .referral-section .mini-ticket small{font-size:9px}
}


/* V61 — restore readable contrast in final CTA and footer; no layout changes */
.last-cta h2 { color:#f9f6ef; }
.last-cta p, .last-cta #finalCaption { color:#d2cad6; }
.site-footer { color:#beb8c5; }
.site-footer .footer-brand > span { color:#b7b0c0; }
.site-footer .footer-links a { color:#d0c9d5; }
.site-footer .footer-links a:hover { color:#fff2d4; }

/* V63: first-screen text only — cashback opportunity and legible hero CTA. */
.hero .prizes-seal {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:3px;
}
.hero .prizes-seal .seal-caption {
  font-size:12px;
  line-height:1.3;
  font-weight:500;
  letter-spacing:0;
  color:#dfd6dd;
  white-space:nowrap;
}
.hero .prizes-seal strong {
  display:block;
  font-size:33px;
  line-height:1.07;
  font-weight:680;
  letter-spacing:-.045em;
  color:#f3d090;
  white-space:nowrap;
}
.hero .hero-actions .button-primary {
  font-size:18px;
  line-height:1.4;
  font-weight:760;
}
@media(max-width:1100px) {
  .hero .prizes-seal strong {font-size:30px;}
}
@media(max-width:620px) {
  .hero .hero-actions {gap:12px;}
  .hero .hero-actions .button-primary {font-size:17px;padding-inline:16px;gap:13px;}
  .hero .prizes-seal strong {font-size:clamp(21px,6.6vw,28px);}
  .hero .prizes-seal .seal-caption {font-size:11px;}
}
@media(max-width:359px) {
  .hero .hero-actions {gap:8px;}
  .hero .hero-actions .button-primary {font-size:16px;padding-inline:11px;gap:10px;}
  .hero .prizes-seal strong {font-size:21px;}
  .hero .prizes-seal .seal-caption {font-size:10px;}
}

/* V64 — match all in-content CTA typography to the approved hero button.
   Keep header links, hero, CTA colors, heights and spacing unchanged. */
.milestone .milestone-join-button,
.prizes-section .prize-join-button,
.how-section .account-panel .button,
.how-section .account-panel #guestPanel .participation-register-button,
.how-section .task-join-button,
.referral-section .button.referral-join-button,
.last-cta .button {
  font-size:18px;
  font-weight:760;
  line-height:1.4;
}
@media (max-width:620px) {
  .milestone .milestone-join-button,
  .prizes-section .prize-join-button,
  .how-section .account-panel .button,
.how-section .account-panel #guestPanel .participation-register-button,
  .how-section .task-join-button,
  .referral-section .button.referral-join-button,
  .last-cta .button {font-size:17px;}
}
@media (max-width:359px) {
  .milestone .milestone-join-button,
  .prizes-section .prize-join-button,
  .how-section .account-panel .button,
.how-section .account-panel #guestPanel .participation-register-button,
  .how-section .task-join-button,
  .referral-section .button.referral-join-button,
  .last-cta .button {font-size:16px;}
}

/* V66 — Second-screen editorial adjustments after review with Artyom. */
.milestone .milestone-main{margin-bottom:0}
.milestone .milestone-main h2 a{
  color:inherit;
  text-decoration:underline;
  text-decoration-color:rgba(24,49,100,.38);
  text-underline-offset:5px;
  text-decoration-thickness:1.5px;
}
.milestone .milestone-main h2 a:hover{color:#2458a7;text-decoration-color:currentColor}
.milestone .milestone-main h2 a:focus-visible{outline-offset:4px}
.milestone .milestone-stage .digit{
  font-size:clamp(55px,5.5vw,78px);
  line-height:1;
}
.milestone .milestone-stage .digit-glyph{
  display:block;
  line-height:1;
  transform:translateY(-4px);
}
.milestone .milestone-stage .counter-currency{
  color:#172238;
  font-weight:850;
  text-shadow:0 2px 0 rgba(255,240,192,.85),0 4px 9px rgba(70,47,15,.14);
}
.milestone .earning-records-section{margin-top:45px}
@media(max-width:1100px){
  .milestone .milestone-stage .digit{font-size:clamp(48px,5.7vw,67px)}
}
@media(max-width:800px){
  .milestone .milestone-stage .digit{font-size:clamp(36px,6.2vw,50px)}
  .milestone .milestone-stage .digit-glyph{transform:translateY(-3px)}
}
@media(max-width:620px){
  .milestone .milestone-stage .digit{font-size:clamp(19px,6.2vw,27px)}
  .milestone .milestone-stage .digit-glyph{transform:translateY(-1px)}
  .milestone .earning-records-section{margin-top:34px}
}


/* V69: personal maximum below the prize-fund banner headline only */
.prizes-section .prize-banner-personal {
  max-width: 100%;
  margin: 17px auto 0;
  color: #eee2d1;
  font-size: clamp(20px, 1.75vw, 24px);
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -.012em;
  text-align: center;
}
@media(max-width:620px) {
  .prizes-section .prize-banner-personal {
    margin-top: 14px;
    font-size: clamp(17px, 4.4vw, 20px);
    line-height: 1.5;
  }
}


/* V71 — only participation banner copy and its typographic hierarchy */
.how-section .how-section-banner h2{
  font-size:clamp(32px,3.55vw,49px);
  max-width:1200px;
  line-height:1.19;
  text-wrap:balance;
}
.how-section-banner .participate-rule{
  margin:22px auto 0;
  max-width:1080px;
  color:#ede8e4;
  font-size:clamp(20px,1.8vw,26px);
  line-height:1.42;
  font-weight:500;
  letter-spacing:-.02em;
  text-align:center;
  text-wrap:balance;
}
.how-section-banner .participate-rule strong{color:#fff8eb;font-weight:720;}
.how-section-banner .participate-rule span{color:#f0cb88;font-weight:650;}
.how-section-banner .participate-separator{
  height:1px;
  width:80px;
  margin:25px auto 20px;
  background:linear-gradient(90deg,transparent,#e6c388a0,transparent);
}
.how-section-banner .participate-friends{
  margin:0 auto;
  max-width:980px;
  color:#cfcbd4;
  font-size:clamp(17px,1.38vw,20px);
  line-height:1.5;
  letter-spacing:-.01em;
  text-align:center;
  text-wrap:balance;
}
.how-section-banner .participate-friends strong{color:#eee7de;font-weight:650;}
@media(max-width:800px){
  .how-section .how-section-banner h2{font-size:clamp(30px,4.3vw,39px)}
  .how-section-banner .participate-rule{font-size:clamp(18px,2.9vw,22px);margin-top:17px}
  .how-section-banner .participate-separator{margin:20px auto 16px}
  .how-section-banner .participate-friends{font-size:17px}
}
@media(max-width:620px){
  .how-section .how-section-banner h2{font-size:clamp(29px,7.8vw,39px);max-width:100%}
  .how-section-banner .participate-rule{margin-top:17px;font-size:19px;line-height:1.48}
  .how-section-banner .participate-separator{margin:18px auto 15px}
  .how-section-banner .participate-friends{font-size:15px;line-height:1.55}
}


/* V72 — restrained hierarchy for participation banner only */
.how-section .how-section-banner h2 span{display:inline-block;color:#f3cd8d}
.how-section-banner .participate-rule{
  margin-top:18px;
  font-size:clamp(19px,1.65vw,23px);
  line-height:1.45;
}
.how-section-banner .participate-friends{
  display:table;
  max-width:min(900px,100%);
  margin:24px auto 0;
  padding:13px 25px;
  border:1px solid rgba(239,210,161,.18);
  border-radius:13px;
  background:rgba(255,255,255,.055);
  color:#cecad3;
  font-size:clamp(15px,1.17vw,17px);
  line-height:1.55;
  text-align:center;
  letter-spacing:0;
  box-shadow:none;
}
.how-section-banner .participate-friends strong{color:#ead5b4;font-weight:650}
@media(max-width:800px){
  .how-section-banner .participate-rule{margin-top:16px;font-size:clamp(18px,2.65vw,21px)}
  .how-section-banner .participate-friends{margin-top:20px;padding:12px 20px;font-size:15px}
}
@media(max-width:620px){
  .how-section-banner .participate-rule{margin-top:16px;font-size:18px}
  .how-section-banner .participate-friends{display:block;margin-top:18px;padding:13px 15px;font-size:14px;border-radius:11px;line-height:1.5}
}

/* V73 — participation steps and prize-path copy only */
.how-section .step .how-text-link{
  color:#365e95;
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-thickness:1px;
  text-decoration-color:#7892b0;
  font-weight:550;
}
.how-section .step .how-text-link:hover{color:#173b6e;text-decoration-color:currentColor}
.how-section .account-panel .panel-heading h3{
  font-size:clamp(22px,2vw,25px);
  font-weight:750;
  letter-spacing:-.028em;
}
.how-section .path-kicker{letter-spacing:.055em;font-size:11px}
.how-section .participation-free{
  width:min(840px,100%);
  margin:38px auto 0;
  padding:20px 30px 23px;
  border:1px solid rgba(171,139,79,.28);
  border-radius:15px;
  background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(254,248,235,.83));
  text-align:center;
  box-shadow:0 12px 34px rgba(32,39,67,.045);
}
.how-section .participation-free strong{
  display:block;
  color:#90672c;
  font-size:22px;
  font-weight:750;
  line-height:1.35;
}
.how-section .participation-free p{
  margin:7px auto 0;
  color:#50586c;
  font-size:16px;
  line-height:1.55;
}
@media(min-width:621px){
  .how-section .step{margin-top:25px}
}
@media(max-width:620px){
  .how-section .account-panel .panel-heading h3{font-size:21px}
  .how-section .participation-free{margin-top:28px;padding:19px 17px 20px;border-radius:12px}
  .how-section .participation-free strong{font-size:19px}
  .how-section .participation-free p{font-size:14px;line-height:1.6}
}

/* V75 — only referral bonus and FAQ readability */
.referral-section .referral-bonus {
  margin-top: 14px;
  max-width: 630px;
  color: #edcc91;
  font-size: 19px;
  line-height: 1.55;
  font-weight: 600;
}
.referral-section .referral-bonus strong { color: #f6dfaa; font-weight: 750; white-space: nowrap; }
#faq .faq-item summary { font-size: 17px; line-height: 1.55; }
#faq .faq-answer { font-size: 16px; line-height: 1.75; }
@media (max-width: 800px) {
  .referral-section .referral-bonus { font-size: 18px; }
  #faq .faq-item summary { font-size: 16px; }
  #faq .faq-answer { font-size: 15px; }
}
@media (max-width: 620px) {
  .referral-section .referral-bonus { font-size: 17px; margin-top: 12px; }
  #faq .faq-item summary { font-size: 15px; }
  #faq .faq-answer { font-size: 15px; }
}


/* V76: keep the short final CTA headline on one line at desktop widths */
@media (min-width: 1101px) {
  .last-cta h2 { white-space: nowrap; }
}

/* V79 — satin gold + deep royal blue; counter only */
.milestone .milestone-stage { width:min(100%,1000px); }
.milestone .milestone-stage .odometer {
  position:relative;isolation:isolate;
  display:flex;align-items:stretch;justify-content:center;
  gap:clamp(3px,.55vw,8px);
  padding:20px 23px;
  border:2px solid #b9873d;border-radius:25px;
  background:
    linear-gradient(120deg,rgba(255,255,255,.45),transparent 30%,rgba(255,249,219,.11) 70%,transparent),
    linear-gradient(180deg,#f4dfb1 0%,#ddb775 19%,#c69a55 52%,#dcb678 76%,#f0d79e 100%);
  box-shadow:inset 0 2px 0 rgba(255,250,231,.9),inset 0 -3px 8px rgba(103,65,21,.14),0 17px 36px rgba(90,65,36,.18);
}
.milestone .milestone-stage .odometer::before {
  content:"";position:absolute;inset:7px;
  border:1px solid rgba(255,243,211,.55);border-radius:17px;
  pointer-events:none;z-index:-1;
}
.milestone .milestone-stage .digit {
  position:relative;display:inline-grid;place-items:center;flex:1 1 0;
  width:auto;min-width:0;max-width:81px;height:104px;
  border:1px solid #5676a3;border-radius:10px;
  background:linear-gradient(180deg,#486b9b 0%,#355782 43%,#243d62 49%,#1d3455 51%,#2c4c76 65%,#395d89 100%);
  box-shadow:inset 0 2px 0 rgba(227,237,255,.27),inset 0 -8px 14px rgba(14,31,59,.2),0 6px 9px rgba(76,51,24,.22);
  color:#fff8ea;font-size:clamp(46px,5.2vw,74px);font-weight:760;
  line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;
}
.milestone .milestone-stage .digit::before {
  content:"";position:absolute;left:7px;right:7px;top:5px;height:13px;border-radius:8px;
  background:linear-gradient(180deg,rgba(247,251,255,.22),transparent);pointer-events:none;
}
.milestone .milestone-stage .digit::after {
  content:"";position:absolute;left:4px;right:4px;top:50%;height:1px;
  background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(4,24,51,.38) 23%,rgba(4,24,51,.38) 77%,rgba(255,255,255,.08));pointer-events:none;
}
.milestone .milestone-stage .digit-glyph {
  position:relative;z-index:1;display:block;line-height:1;transform:translateY(-1px);
  text-shadow:0 2px 2px rgba(10,27,52,.18);
}
.milestone .milestone-stage .digit.gap {margin-left:clamp(6px,1.05vw,17px)}
.milestone .milestone-stage .counter-currency {
  display:grid;place-items:center;align-self:stretch;flex:0 0 auto;min-width:70px;
  margin-left:clamp(5px,1vw,14px);padding:0 10px;
  border:1px solid #aa803e;border-radius:10px;
  background:linear-gradient(145deg,#fff0c9 0%,#e8c283 42%,#c79a51 100%);
  box-shadow:inset 0 2px 0 rgba(255,249,226,.8),inset 0 -5px 11px rgba(112,74,31,.13),0 5px 11px rgba(81,55,29,.2);
  color:#25395b;font-size:clamp(51px,5.7vw,78px);font-weight:780;
  line-height:1;text-shadow:0 1px 0 rgba(255,248,222,.4);
}
@media(max-width:1100px){
 .milestone .milestone-stage {width:min(100%,920px)}
 .milestone .milestone-stage .odometer {padding:17px 19px;border-radius:23px}
 .milestone .milestone-stage .digit {height:89px;max-width:75px;font-size:clamp(42px,5.3vw,65px)}
 .milestone .milestone-stage .counter-currency {min-width:59px;font-size:clamp(46px,6vw,67px)}
}
@media(max-width:800px){
 .milestone .milestone-stage {width:96%}
 .milestone .milestone-stage .odometer {padding:13px 11px;border-radius:18px;gap:4px}
 .milestone .milestone-stage .odometer::before {inset:5px;border-radius:12px}
 .milestone .milestone-stage .digit {height:clamp(57px,9vw,75px);font-size:clamp(32px,5.7vw,46px);border-radius:7px}
 .milestone .milestone-stage .digit.gap {margin-left:clamp(4px,.8vw,8px)}
 .milestone .milestone-stage .counter-currency {min-width:43px;padding:0 4px;border-radius:8px;font-size:clamp(34px,6.4vw,52px);margin-left:5px}
}
@media(max-width:620px){
 .milestone .milestone-stage {width:95%}
 .milestone .milestone-stage .odometer {padding:9px 7px;gap:2px;border-width:1.5px;border-radius:13px}
 .milestone .milestone-stage .odometer::before {inset:4px;border-radius:9px}
 .milestone .milestone-stage .digit {height:clamp(36px,10vw,48px);font-size:clamp(18px,5.5vw,27px);border-radius:5px;letter-spacing:-.05em}
 .milestone .milestone-stage .digit::before {left:3px;right:3px;top:3px;height:6px}
 .milestone .milestone-stage .digit.gap {margin-left:4px}
 .milestone .milestone-stage .digit-glyph {transform:translateY(-1px)}
 .milestone .milestone-stage .counter-currency {min-width:25px;padding:0 3px;margin-left:3px;border-radius:5px;font-size:clamp(22px,6.1vw,31px)}
}


/* V82 — premium typography for the prize fund only. Explicit thousands groups avoid crushed spaces. */
.prizes-section .prize-banner-amount {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: clamp(9px, 1.42vw, 21px);
  width: max-content;
  max-width: 100%;
  margin: 8px auto 20px;
  letter-spacing: normal;
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "lnum" 1, "tnum" 1;
  color: #ebc985;
  text-shadow: 0 8px 32px rgba(233, 185, 103, .14);
}
.prizes-section .prize-banner-amount .prize-amount-group {
  flex: 0 0 auto;
  display: inline-block;
  letter-spacing: -.012em;
  line-height: 1.05;
  white-space: nowrap;
}
.prizes-section .prize-banner-amount .prize-amount-currency {
  flex: 0 0 auto;
  display: inline-block;
  font-size: .76em;
  font-weight: 720;
  letter-spacing: -.015em;
  line-height: 1;
  white-space: nowrap;
  color: #efd49a;
}
@media (max-width: 620px) {
  .prizes-section .prize-banner-amount {gap: clamp(7px, 2.25vw, 12px);}
}
/* <picture> transparent in flex layout to keep v82 art position identical */
.hero-art-picture { display: contents; }


/* V83 -- RU | EN language switcher, matching SurfEarner homepage behaviour. */
.site-header .locale-switch{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:7px;white-space:nowrap;color:#aeb4c5;font-size:13px;line-height:1.25;letter-spacing:.015em}
.site-header .locale-switch .locale-current{color:#f3efe9;font-weight:700}
.site-header .locale-switch .locale-divider{color:#7c8090;font-weight:400}
.site-header .locale-switch a{color:#f0cb80;text-decoration:none;font-weight:650;transition:color .2s}
.site-header .locale-switch a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.site-header .header-inner{gap:clamp(9px,1.1vw,17px)}
@media(max-width:1200px){.site-header .locale-switch{margin-left:auto}.site-header .header-auth{margin-left:0}}
@media(max-width:620px){.site-header .locale-switch{grid-column:1;grid-row:2;justify-self:end;margin:0 53px 0 0;font-size:12px;align-self:center}.site-header .brand-note.brand-earn-link{max-width:calc(100% - 120px)}}
@media(max-width:359px){.site-header .locale-switch{gap:4px;margin-right:45px;font-size:11px}.site-header .brand-note.brand-earn-link{max-width:calc(100% - 105px)}}



/* V88 — less compressed lettering in section headings (RU and EN).
   The approved hero artwork/wordmark and numeric displays are unchanged. */
.milestone .milestone-main h2 {letter-spacing:-.012em;}
.milestone .earning-records-section h3 {letter-spacing:0;}
.prizes-section .prize-banner h2 {letter-spacing:-.018em;}
.how-section .how-section-banner h2 {letter-spacing:-.018em;}
.how-section .task-examples-heading h3 {letter-spacing:-.008em;}
.referral-section h2 {letter-spacing:-.018em;}
#faq .faq-intro h2 {letter-spacing:-.012em;}
.last-cta h2 {letter-spacing:-.018em;}