*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;height:100dvh;overflow:hidden;background-color:#fdfcf0;color:#000;font-family:'Space Grotesk',sans-serif;line-height:1.2;display:flex;flex-direction:column}header{padding:clamp(1rem,2vw,1.5rem) clamp(1rem,4vw,3rem);display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #000;background:#fff;z-index:10}header img{height:clamp(28px,4vw,36px);width:auto;display:block}main{flex:1;display:flex;align-items:center;justify-content:center;padding:0 clamp(1rem,4vw,3rem);gap:clamp(1rem,4vw,4rem);max-width:1400px;margin:0 auto;width:100%}.hero{flex:1;max-width:650px;display:flex;flex-direction:column;gap:clamp(1rem,2.5vw,1.5rem);z-index:2}h1{font-size:clamp(2.5rem,6vw,5.5rem);font-weight:700;letter-spacing:-0.04em;text-wrap:balance}h1 .shield{display:inline-block;width:.8em;height:.8em;vertical-align:baseline;margin-left:4px;transform:translateY(10%)}.shield path:first-child{fill:#000}.shield path:last-child{stroke:#ffd500}p.subtitle{font-size:clamp(1rem,1.8vw,1.25rem);font-weight:400;line-height:1.5;max-width:500px;text-wrap:pretty}.stats{display:flex;gap:clamp(1rem,3vw,2rem)}.stat{display:flex;flex-direction:column}.stat strong{font-size:clamp(1.5rem,4vw,2.75rem);font-weight:700}.stat span{font-size:clamp(0.7rem,1vw,0.875rem);text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:#000}.cta{background:#000;color:#fff;padding:clamp(0.8rem,2vw,1rem) clamp(1.5rem,4vw,2.5rem);border-radius:999px;text-decoration:none;font-weight:700;font-size:clamp(1.1rem,2vw,1.35rem);display:inline-flex;align-items:center;justify-content:center;width:fit-content;border:3px solid #000;transition:all .2s cubic-bezier(.25,.8,.25,1);outline:0}.cta:hover,.cta:focus-visible{transform:translate(-4px,-4px);box-shadow:6px 6px 0 #ffd500;color:#ffd500}.visuals{flex:1;position:relative;display:flex;align-items:center;justify-content:center;height:100%;max-width:550px}.halftone{position:absolute;inset:-10%;background-image:radial-gradient(#000 2.5px,transparent 2.5px);background-size:16px 16px;z-index:0;opacity:.1}.card-back{position:absolute;width:80%;aspect-ratio:4/3;background:#ffd500;border:3px solid #000;border-radius:24px;transform:rotate(6deg) translate(20px,20px);box-shadow:8px 8px 0 #000;z-index:1}.card-front{position:relative;width:85%;aspect-ratio:4/3;background:#ff80bf;border:3px solid #000;border-radius:24px;transform:rotate(-4deg);box-shadow:8px 8px 0 #000;z-index:2;display:flex;flex-direction:column;padding:clamp(1rem,3vw,2rem);justify-content:center;gap:1rem}.card-item{background:#fff;border:3px solid #000;border-radius:99px;padding:clamp(0.5rem,1.5vw,1rem) clamp(1rem,2vw,1.5rem);display:flex;align-items:center;gap:1rem;font-weight:700;font-size:clamp(0.9rem,1.5vw,1.2rem)}.card-item.active{transform:translateX(20px);box-shadow:4px 4px 0 #000}.indicator{width:16px;height:16px;background:#ffd500;border:2px solid #000;border-radius:50%}.coin{position:absolute;width:clamp(40px,6vw,60px);height:clamp(40px,6vw,60px);z-index:3;animation:float 4s ease-in-out infinite}.c1{top:15%;left:-5%;animation-delay:0s}.c2{bottom:20%;right:-10%;animation-delay:-2s}footer{padding:clamp(0.8rem,1.5vw,1rem) clamp(1rem,4vw,3rem);display:flex;justify-content:space-between;align-items:center;border-top:3px solid #000;background:#fff;font-size:clamp(0.8rem,1.2vw,0.9rem);font-weight:700;text-transform:uppercase}footer a{color:#000;text-decoration:none;transition:color .2s}footer a:hover{color:#ff80bf}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}@media(max-width:850px){main{flex-direction:column;text-align:center;padding-top:1.5rem;padding-bottom:1.5rem;gap:1rem}.hero{align-items:center;justify-content:center;max-width:100%}.subtitle{margin:0 auto}.visuals{display:none}footer{justify-content:center;gap:2rem}}@media(max-height:600px){.stats{display:none}}