/* Bandwagon look (Jeff 2026-10-16): bright, creative, sticker-and-poster energy for artists. No black-and-gold, no orange-on-black. */
:root{--paper:#fff7ee;--ink:#24123f;--mute:#5d4f73;--v:#7b3cff;--p:#ff4fa3;--y:#ffd23f;--a:#22d3b6;--sky:#5ab8ff;--line:#24123f;--d:'Unbounded',system-ui,sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}.w{max-width:1140px;margin:0 auto;padding:0 20px}
.nav{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.logo{display:flex;align-items:center;gap:10px;font:900 21px var(--d);letter-spacing:-.02em;text-decoration:none}
.logo i{width:44px;height:44px;flex:0 0 44px;background:url(logo-mark.svg?v=2) center/contain no-repeat}
.pill{white-space:nowrap;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:2.5px solid var(--ink);background:#fff;font-weight:700;font-size:15px;text-decoration:none;box-shadow:3px 3px 0 var(--ink);transition:transform .12s,box-shadow .12s}
.pill:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.hero{position:relative;padding:30px 0 40px;text-align:center}
.blob{position:absolute;border-radius:50%;filter:blur(2px);z-index:-1;opacity:.9;animation:float 9s ease-in-out infinite alternate}
.b1{width:260px;height:260px;background:var(--p);left:-80px;top:40px}.b2{width:200px;height:200px;background:var(--a);right:-50px;top:10px;animation-delay:-3s}
.b3{width:150px;height:150px;background:var(--y);right:2%;top:470px;animation-delay:-6s}.b4{width:120px;height:120px;background:var(--sky);left:1%;top:500px;animation-delay:-2s}
@keyframes float{to{transform:translate(18px,-22px) scale(1.06)}}
.sticker{display:inline-block;padding:9px 16px;border-radius:12px;background:var(--a);border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font:800 13px var(--d);letter-spacing:.04em;text-transform:uppercase;transform:rotate(-2deg)}
h1{font:900 clamp(44px,9.2vw,118px)/.92 var(--d);letter-spacing:-.045em;margin:24px auto 22px;max-width:11ch;text-wrap:balance}
h1 .hl{display:inline-block;background:var(--v);color:#fff;padding:0 .16em .06em;border-radius:.18em;border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);transform:rotate(-2deg)}
.sub{max-width:36em;margin:0 auto 30px;color:var(--mute);font-size:clamp(17px,2.2vw,21px);text-wrap:pretty}
.btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:18px 26px;border-radius:16px;font:800 16px var(--d);letter-spacing:-.01em;text-decoration:none;border:3px solid var(--ink);cursor:pointer;box-shadow:5px 5px 0 var(--ink);transition:transform .12s,box-shadow .12s}
.btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}.btn:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}
.btn.p{background:var(--p);color:#fff}.btn.y{background:var(--y);color:var(--ink)}
.eq{display:flex;gap:6px;justify-content:center;align-items:flex-end;height:64px;margin:44px auto 0}
.eq span{width:12px;border-radius:7px;border:2px solid var(--ink);animation:eq 1s ease-in-out infinite alternate}
@keyframes eq{from{height:20%}to{height:100%}}
.band{background:var(--ink);color:var(--paper);overflow:hidden;white-space:nowrap;padding:18px 0;font:900 clamp(20px,3.2vw,32px) var(--d);letter-spacing:-.02em;transform:rotate(-1.5deg);margin:30px -10px}
.band div{display:inline-block;animation:mq 26s linear infinite}.band b{margin:0 22px}
@keyframes mq{to{transform:translateX(-50%)}}
section{padding:80px 0}.lab{display:inline-block;font:800 12.5px var(--d);letter-spacing:.12em;text-transform:uppercase;color:var(--v)}
h2{font:900 clamp(30px,5vw,58px)/1 var(--d);letter-spacing:-.04em;margin:14px 0 16px;max-width:17ch;text-wrap:balance}
.lede{color:var(--mute);max-width:38em;margin:0 0 34px;font-size:18px}
.ways{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.way{position:relative;border:3px solid var(--ink);border-radius:24px;padding:24px 22px 22px;box-shadow:6px 6px 0 var(--ink);transition:transform .2s cubic-bezier(.22,1,.36,1)}
.way:hover{transform:translateY(-6px) rotate(-.6deg)}
.way:nth-child(1){background:#ffe3f1}.way:nth-child(2){background:#e9ddff}.way:nth-child(3){background:#d5f8f1}.way:nth-child(4){background:#fff1c2}
.way .ic{width:52px;height:52px;border-radius:16px;border:2.5px solid var(--ink);display:grid;place-items:center;font-size:26px;background:#fff;margin-bottom:16px;box-shadow:3px 3px 0 var(--ink)}
.way h3{font:900 21px/1.15 var(--d);letter-spacing:-.02em;margin:0 0 6px}
.way .price{font:900 26px var(--d);letter-spacing:-.03em;margin:8px 0}.way .price small{font:600 14px 'DM Sans';color:var(--mute)}
.way p{margin:0 0 10px;color:var(--mute);font-size:15.5px}.way ul{margin:0;padding-left:18px;font-size:15px}.way li{margin:4px 0}
.money{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}
.split{border:3px solid var(--ink);border-radius:24px;background:#fff;padding:22px;box-shadow:6px 6px 0 var(--ink)}
.bar{display:flex;height:64px;border-radius:14px;overflow:hidden;border:2.5px solid var(--ink);margin:10px 0 14px}
.bar div{display:grid;place-items:center;font:800 14px var(--d);color:var(--ink)}
.key{display:grid;gap:8px;font-size:15.5px}.key span{display:flex;gap:10px;align-items:center}.key i{width:16px;height:16px;border-radius:5px;border:2px solid var(--ink);flex:0 0 16px}
.tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:8px 0 18px}
.tier{border:3px solid var(--ink);border-radius:20px;padding:18px;background:#fff;box-shadow:4px 4px 0 var(--ink)}
.tier b{display:block;font:900 clamp(30px,4vw,44px)/1 var(--d);letter-spacing:-.04em}.tier span{color:var(--mute);font-size:14.5px}
.tier:nth-child(1) b{color:var(--sky)}.tier:nth-child(2) b{color:var(--a)}.tier:nth-child(3) b{color:var(--v)}.tier:nth-child(4){background:var(--y)}
.small{color:var(--mute);font-size:15px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.tags{display:flex;gap:10px;flex-wrap:wrap}.tags span{padding:10px 16px;border-radius:999px;border:2.5px solid var(--ink);background:#fff;font-weight:700;box-shadow:3px 3px 0 var(--ink)}
.tags span:nth-child(1){transform:rotate(-2deg)}.tags span:nth-child(2){transform:rotate(1.5deg);background:#e9ddff}.tags span:nth-child(3){transform:rotate(-1deg);background:#d5f8f1}
.card{border:3px solid var(--ink);border-radius:24px;padding:24px;background:#fff;box-shadow:6px 6px 0 var(--ink)}
.card h3{font:900 22px var(--d);letter-spacing:-.02em;margin:0 0 8px}
.join{background:var(--v);color:#fff;border:3px solid var(--ink);border-radius:28px;padding:clamp(22px,4vw,40px);box-shadow:8px 8px 0 var(--ink)}
.join h3{font:900 24px var(--d);margin:0 0 14px}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px}
.seg label{display:block;cursor:pointer}.seg input{position:absolute;opacity:0}
.seg span{display:block;text-align:center;padding:14px;border-radius:14px;border:2.5px solid var(--ink);background:#fff;color:var(--ink);font:800 14px var(--d)}
.seg input:checked+span{background:var(--y);box-shadow:3px 3px 0 var(--ink)}
.f{width:100%;font:16px 'DM Sans';padding:15px 16px;margin:0 0 10px;border-radius:14px;border:2.5px solid var(--ink);background:#fff;color:var(--ink)}
.f:focus{outline:none;box-shadow:0 0 0 4px rgba(255,210,63,.6)}
.ok{padding:18px;border-radius:16px;background:var(--y);color:var(--ink);border:2.5px solid var(--ink)}
.err{padding:12px 14px;border-radius:12px;background:#ffe3f1;color:var(--ink);border:2px solid var(--ink);margin:0 0 12px}
details{border-bottom:2.5px solid var(--ink);padding:18px 0}summary{cursor:pointer;font:800 17px var(--d);letter-spacing:-.01em;list-style:none}summary::-webkit-details-marker{display:none}
summary:after{content:"+";float:right;font-size:22px}details[open] summary:after{content:"–"}details p{color:var(--mute);margin:10px 0 0}
footer{padding:40px 0 60px;color:var(--mute);font-size:14px}
@media (max-width:980px){.ways{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.ways,.money,.two{grid-template-columns:1fr}.tiers{grid-template-columns:1fr 1fr}section{padding:56px 0}.blob{opacity:.3}.pill{padding:8px 13px;font-size:13.5px}.logo{font-size:18px}.b3,.b4{display:none}}
@media (prefers-reduced-motion:reduce){.eq span,.band div,.blob{animation:none}}