:root{--yellow:#ffd400;--black:#101010;--sand:#f6efe4;--sunset:#ff7a29;--ink:#1b1b1b;--paper:#fffdf8}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);font-family:Inter,system-ui,sans-serif;line-height:1.6}h1,h2,h3,.brand,.btn,.price{font-family:Archivo,system-ui,sans-serif}h2{text-transform:uppercase;letter-spacing:-.01em;text-align:center;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:900}.section-sub{text-align:center;color:#555;max-width:46ch;margin:.6rem auto 2.2rem}section{max-width:1080px;margin:0 auto;padding:4.5rem 1.25rem}.hero{color:#fff;flex-direction:column;min-height:92svh;display:flex;position:relative;overflow:hidden}.hero-bg{object-fit:cover;object-position:center 30%;width:100%;height:100%;position:absolute;inset:0}.hero-scrim{background:linear-gradient(#00000073 0%,#0000000d 40%,#0000008c 100%);position:absolute;inset:0}.nav{z-index:2;justify-content:space-between;align-items:center;padding:1.1rem 1.4rem;display:flex;position:relative}.brand{letter-spacing:.12em;font-size:1.4rem;font-weight:900}.nav-links{align-items:center;gap:1.4rem;display:flex}.nav-links a{color:#fff;font-size:.95rem;font-weight:600;text-decoration:none}.hero-content{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:1.1rem;max-width:720px;margin:auto auto 9svh;padding:0 1.25rem;display:flex;position:relative}.kicker{background:var(--yellow);color:var(--black);letter-spacing:.04em;border-radius:999px;padding:.3rem .9rem;font-size:.85rem;font-weight:700}.hero h1{text-transform:uppercase;text-shadow:0 2px 24px #00000059;font-size:clamp(2.4rem,7vw,4.4rem);font-weight:900;line-height:1.02}.hero p{text-shadow:0 1px 12px #00000080;max-width:54ch;font-size:1.1rem}.hero-shipping{opacity:.92;font-size:.9rem}.btn{background:var(--yellow);color:var(--black);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:.9rem 2rem;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block;box-shadow:0 4px 18px #0000002e}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000003d}.btn-big{padding:1.05rem 2.6rem;font-size:1.15rem}.btn-small{padding:.55rem 1.2rem;font-size:.85rem}.btn-accent{background:var(--sunset);color:#fff}.btn-disabled{color:#888;pointer-events:auto;box-shadow:none;background:#ddd}.ticker{background:var(--black);color:var(--yellow);text-align:center;letter-spacing:.03em;padding:.7rem 1rem;font-size:.95rem;font-weight:600}.color-picker{justify-content:center;align-items:center;gap:.6rem;margin-bottom:2rem;font-size:.95rem;display:flex}.color-picker em{color:#666;font-style:normal}.swatch{cursor:pointer;border:2.5px solid #0000;border-radius:50%;width:30px;height:30px;transition:transform .12s}.swatch:hover{transform:scale(1.12)}.swatch.active{border-color:var(--ink)}.swatch-yellow{background:linear-gradient(135deg, var(--yellow) 50%, var(--black) 50%)}.swatch-blue{background:linear-gradient(135deg,#2b3f9e 50%,#fff 50%);border-color:#ccc}.swatch-blue.active{border-color:var(--ink)}.swatch-black{background:linear-gradient(135deg, var(--black) 50%, #fff 50%);border-color:#ccc}.swatch-black.active{border-color:var(--ink)}.cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.4rem;display:grid}.card{text-align:center;background:#fff;border:1px solid #eee6d8;border-radius:18px;flex-direction:column;gap:.65rem;padding:1.4rem;transition:transform .18s,box-shadow .18s;display:flex;position:relative}.card:hover{transform:translateY(-4px);box-shadow:0 14px 34px #2319051a}.card img{aspect-ratio:1;object-fit:cover;background:var(--sand);border-radius:12px;width:100%}.card h3{text-transform:uppercase;font-size:1.2rem;font-weight:800}.card p{color:#555;flex:1;font-size:.92rem}.card-featured{border:2.5px solid var(--yellow);box-shadow:0 10px 30px #ffd40038}.badge{background:var(--black);color:var(--yellow);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-radius:999px;padding:.3rem .9rem;font-size:.75rem;font-weight:700;position:absolute;top:-.8rem;left:50%;transform:translate(-50%)}.price{font-size:1.7rem;font-weight:900}.payments{text-align:center;color:#888;margin-top:2rem;font-size:.88rem}.how{background:var(--sand);max-width:none}.how h2,.how .section-sub,.how .steps{max-width:1080px;margin-left:auto;margin-right:auto}.steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.6rem;margin-top:2.4rem;list-style:none;display:grid}.steps li{text-align:center;background:#fff;border-radius:18px;padding:1.8rem 1.5rem}.step-num{background:var(--yellow);width:44px;height:44px;color:var(--black);border-radius:50%;justify-content:center;align-items:center;margin-bottom:.8rem;font-family:Archivo,sans-serif;font-size:1.2rem;font-weight:900;display:inline-flex}.steps h3{text-transform:uppercase;margin-bottom:.4rem;font-size:1.1rem}.steps p{color:#555;font-size:.92rem}.kit-inner{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.kit-inner img{border-radius:18px;width:100%}.kit h2{text-align:left;margin-bottom:1.2rem}.kit ul{flex-direction:column;gap:.7rem;list-style:none;display:flex}.kit li{padding-left:2rem;font-size:1.05rem;position:relative}.kit li:before{content:"⚽";position:absolute;left:0}@media (width<=720px){.kit-inner{grid-template-columns:1fr;gap:1.6rem}.kit h2{text-align:center}}.waitlist{text-align:center;background:var(--black);color:#fff;max-width:none}.waitlist .section-sub{color:#bbb}.waitlist-form{flex-wrap:wrap;justify-content:center;gap:.7rem;max-width:480px;margin:0 auto;display:flex}.waitlist-form input{border:none;border-radius:999px;flex:240px;padding:.95rem 1.2rem;font-family:inherit;font-size:1rem}.waitlist-form button{cursor:pointer;border:none;font-size:1rem}.waitlist-done{color:var(--yellow);font-size:1.15rem;font-weight:600}.waitlist-error{color:#ff9d7a;margin-top:.8rem;font-size:.9rem}.faq{max-width:760px}.faq details{border-bottom:1px solid #e8e0d0;padding:1.1rem .2rem}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;font-size:1.05rem;font-weight:700;list-style:none;display:flex}.faq summary:after{content:"+";color:var(--sunset);font-size:1.4rem;font-weight:400}.faq details[open] summary:after{content:"–"}.faq details p{color:#555;margin-top:.7rem;font-size:.97rem}.footer{background:var(--black);color:#eee;text-align:center;flex-direction:column;gap:.9rem;padding:3.5rem 1.25rem 2.5rem;display:flex}.footer .brand{color:var(--yellow)}.footer .tagline{color:#bbb;font-size:1.05rem}.footer nav{justify-content:center;gap:1.6rem;margin:.6rem 0 1.2rem;display:flex}.footer a{color:#fff;font-size:.92rem;font-weight:600;text-decoration:none}.footer .fineprint{color:#888;max-width:60ch;margin:0 auto;font-size:.78rem}