@font-face{font-family:Onest;src:url('onest.ttf') format('truetype');font-display:swap;font-weight:100 900}
:root{--paper:#f6f2e9;--ink:#24231f;--muted:#625e55;--accent:#633fbd;--line:#d8d0c2;--green:#d5e29f;--display:Onest,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--display);font-size:17px;line-height:1.65}::selection{background:var(--accent);color:white}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}a:hover{text-decoration-thickness:2px}.wrap{max-width:1240px;margin:auto;padding-left:48px;padding-right:48px}.header{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:32px;padding-bottom:26px}.brand{display:flex;gap:12px;align-items:center;font-size:20px;font-weight:750;text-decoration:none}.header nav{display:flex;gap:28px;font-size:14px}.header nav a{text-decoration:none}.header nav a:hover{color:var(--accent)}h1,h2,h3,p{margin:0}h1,h2{font-weight:750;line-height:1.05;letter-spacing:-.04em;text-wrap:balance}h1{font-size:clamp(58px,7.8vw,96px)}h1 span{color:var(--accent)}h2{font-size:clamp(34px,4vw,48px)}h3{font-size:19px;font-weight:700}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:52px;align-items:center;padding-top:64px;padding-bottom:86px}.intro{font-size:23px;line-height:1.45;margin-top:25px}.description{font-size:16px;color:var(--muted);max-width:43ch;margin-top:18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:16px 24px;background:var(--accent);color:#fff;border-radius:8px;text-decoration:none;font-size:17px;font-weight:650;margin-top:28px;transition:background .18s ease,transform .18s ease}.button:hover{background:#4f2e9f;transform:translateY(-2px)}.button:active{transform:translateY(0)}.button-note{font-size:12px;color:var(--muted);margin-top:13px;max-width:38ch}.game-art{background:var(--green);border-radius:18px;min-height:450px;padding:34px 30px 27px;display:flex;flex-direction:column;overflow:hidden}.art-heading{font-size:22px;line-height:1.2;font-weight:700;max-width:14ch;letter-spacing:-.025em}.podium{display:flex;align-items:end;gap:12px;flex:1;padding:32px 0 20px;min-height:250px}.bar{flex:1;position:relative;border-radius:8px 8px 0 0;display:flex;align-items:start;justify-content:center;padding-top:16px}.bar span{font-size:13px;font-weight:700}.bar-friend{height:130px;background:#a5b767}.bar-you{height:220px;background:var(--accent);color:white}.bar-you svg{position:absolute;top:-48px;left:calc(50% - 21px);color:var(--accent);animation:salute .9s cubic-bezier(.16,1,.3,1) both}.bar-other{height:100px;background:#b5c781}.art-bottom{display:flex;justify-content:space-between;align-items:end;gap:16px;font-size:13px;line-height:1.4}.art-stamp{border:1px solid #68783f;border-radius:50%;width:90px;height:90px;display:flex;align-items:center;justify-content:center;text-align:center;transform:rotate(-12deg);font-weight:650}.how{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:58px;padding-bottom:65px}.how-copy{max-width:52ch}.how-copy p+p{margin-top:18px}.features{padding-top:30px;padding-bottom:86px}.section-heading{display:flex;justify-content:space-between;gap:36px;align-items:end;margin-bottom:36px}.section-heading p{font-size:15px;color:var(--muted)}.feature-list{margin:0}.feature-list div{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:26px 0;border-top:1px solid var(--line)}.feature-list div:last-child{border-bottom:1px solid var(--line)}dt{font-size:23px;font-weight:650;letter-spacing:-.02em}dd{margin:0;color:var(--muted);max-width:50ch}.payment{background:#ebe4d7}.payment-inner{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:65px;padding-bottom:65px}.payment-copy p{margin-top:9px;font-size:16px;max-width:60ch}.payment-copy h3:not(:first-child){margin-top:30px}.payment-copy a{overflow-wrap:anywhere}.terms{display:inline-block;font-size:15px;font-weight:650;margin-top:28px}.last-call{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:70px;padding-bottom:70px}.last-call .button{margin-top:0}.footer{border-top:1px solid var(--line);padding-top:30px;padding-bottom:38px;display:flex;justify-content:space-between;gap:30px;font-size:13px;color:var(--muted)}.footer-brand{font-size:18px;font-weight:750;text-decoration:none;color:var(--ink)}.footer p{margin-top:6px}.merchant{text-align:right}.merchant strong{font-weight:600;color:var(--ink)}.merchant a{display:inline-block;margin-top:8px}@keyframes salute{from{transform:translateY(12px) rotate(-12deg)}to{transform:translateY(0) rotate(0)}}
@media(max-width:800px){.wrap{padding-left:24px;padding-right:24px}.header{padding-top:22px;align-items:start}.header nav{gap:14px;flex-wrap:wrap;justify-content:end;font-size:12px}.brand{font-size:16px;white-space:nowrap}.brand svg{width:25px;flex-shrink:0}.hero{gap:30px;padding-top:40px;padding-bottom:55px}.intro{font-size:20px}.game-art{min-height:400px;padding:26px 22px}.how,.payment-inner,.feature-list div{gap:35px}dt{font-size:20px}.section-heading p{max-width:26ch}}
@media(max-width:600px){.header{display:block}.header nav{margin-top:18px;justify-content:start;gap:24px}.hero{grid-template-columns:1fr;padding-top:26px;gap:34px}h1{font-size:64px}.intro{font-size:21px}.description{max-width:48ch}.game-art{min-height:365px}.podium{min-height:245px}.art-heading{max-width:none}.bar-you{height:180px}.bar-friend{height:115px}.bar-other{height:85px}.how,.payment-inner{grid-template-columns:1fr;gap:24px;padding-top:42px;padding-bottom:44px}.features{padding-bottom:48px}.section-heading{display:block;margin-bottom:26px}.section-heading p{margin-top:20px;max-width:38ch}.feature-list div{grid-template-columns:1fr;gap:8px;padding:23px 0}.last-call{display:block;padding-top:46px;padding-bottom:46px}.last-call .button{margin-top:25px}.footer{display:block;padding-bottom:30px}.merchant{text-align:left;margin-top:22px}h2{font-size:36px}.button{min-height:56px}body{font-size:16px}}
.podium{padding-top:64px}.bar{padding-left:8px;padding-right:8px;padding-bottom:12px}.offer{max-width:900px;padding-top:50px;padding-bottom:65px}.offer h1{font-size:clamp(40px,6vw,64px);margin-bottom:28px}.offer h2{font-size:30px;line-height:1.2;margin-top:42px;margin-bottom:16px;letter-spacing:-.025em}.offer h3{margin-top:26px;margin-bottom:12px}.offer p{margin-bottom:16px;overflow-wrap:anywhere}.offer a{color:var(--accent)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
