@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Grotesk:wght@400;500;700&display=swap');
:root{--ink:#111;--cream:#fff8ec;--y:#ffd23f;--o:#ff4d2e;--p:#7b2ff7;--t:#2ec4b6}
*{box-sizing:border-box;margin:0}body{font-family:'Space Grotesk',sans-serif;background:var(--cream);color:var(--ink)}a{color:inherit}
.promo{background:var(--o);color:#fff;text-align:center;font-weight:700;font-size:13px;padding:8px;letter-spacing:1px}
nav{display:flex;gap:24px;align-items:center;padding:16px 40px;border-bottom:3px solid var(--ink);position:sticky;top:0;background:var(--cream);z-index:9}
.logo{font-family:'Archivo Black';text-decoration:none;font-size:18px}.logo span{background:var(--y);border:2px solid var(--ink);padding:0 6px;margin:0 4px;transform:rotate(-4deg);display:inline-block}
.links{flex:1;display:flex;gap:22px;justify-content:center}.links a{text-decoration:none;font-weight:700}.links a.on,.links a:hover{text-decoration:underline wavy var(--o) 2px;text-underline-offset:6px}
.btn{display:inline-block;background:var(--o);color:#fff;padding:15px 26px;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);font-weight:700;text-decoration:none;border-radius:10px;cursor:pointer;font:inherit;font-weight:700;transition:.15s}.btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}
.btn.sm{padding:8px 16px;box-shadow:3px 3px 0 var(--ink)}.btn.ghost{background:#fff;color:var(--ink)}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding:80px 40px;background:radial-gradient(circle at 85% 20%,var(--y) 0 160px,transparent 161px),linear-gradient(135deg,var(--p),var(--t));color:#fff;border-bottom:3px solid var(--ink)}
.hr{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;transform:rotate(3deg)}.hr img{width:100%;border:3px solid var(--ink);border-radius:14px;box-shadow:6px 6px 0 var(--ink);background:#fff}.hr img:nth-child(even){transform:translateY(24px)}
.kicker{background:var(--ink);color:#fff;padding:6px 12px;font-weight:700;letter-spacing:2px;font-size:13px}
h1{font-family:'Archivo Black';font-size:68px;line-height:1;margin:22px 0}h1 em{color:var(--y);font-style:normal;-webkit-text-stroke:2px var(--ink)}.hero p,.phead p{max-width:560px;font-size:20px;margin-bottom:30px}
.phead{padding:70px 40px;background:linear-gradient(135deg,var(--p),var(--o));color:#fff;border-bottom:3px solid var(--ink)}
.marquee{background:var(--ink);color:var(--y);white-space:nowrap;overflow:hidden;padding:14px;font-weight:700}.marquee div{display:inline-block;animation:m 60s linear infinite}@keyframes m{to{transform:translateX(-50%)}}
section{padding:70px 40px}section.tint{background:#ffe9c7;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}
h2{font-family:'Archivo Black';font-size:42px;margin-bottom:28px}.sub{margin:-16px 0 28px;font-size:18px}.lead{font-size:20px;max-width:700px}.center{text-align:center;margin-top:36px}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.plan{background:#fff;border:3px solid var(--ink);border-radius:18px;padding:32px;box-shadow:8px 8px 0 var(--ink);position:relative}.plan.hot{background:var(--y);transform:translateY(-10px)}.plan.dark{background:var(--ink);color:#fff}.plan.dark ul{color:#ddd}
.badge{position:absolute;top:-16px;right:20px;background:var(--o);color:#fff;padding:6px 12px;border:3px solid var(--ink);font-weight:700}.price{font-family:'Archivo Black';font-size:56px;margin:10px 0}.price small{font-size:18px}.plan ul{padding-left:18px;margin:16px 0 28px;line-height:1.9}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}.steps>div,.timeline>div{background:#fff;border:3px solid var(--ink);border-radius:16px;padding:26px;box-shadow:6px 6px 0 var(--ink)}.steps b,.timeline b{font-family:'Archivo Black';font-size:34px;color:var(--o)}.steps h4,.timeline h4{font-size:20px;margin:8px 0}
.timeline{display:grid;gap:20px;max-width:800px}
.vibes{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.vibe{border:3px solid var(--ink);border-radius:16px;padding:24px 12px;text-align:center;font-weight:700;background:#fff;box-shadow:5px 5px 0 var(--ink)}.vibe:nth-child(3n+1){background:var(--t)}.vibe:nth-child(3n+2){background:var(--y)}.vibe span{display:block;font-size:40px;margin-bottom:8px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px}.card{background:#fff;border:3px solid var(--ink);border-radius:14px;overflow:hidden;position:relative;transition:.15s}.card:hover{transform:rotate(-1deg) translateY(-4px);box-shadow:6px 6px 0 var(--ink)}
.card img{width:100%;aspect-ratio:1;object-fit:cover;display:block;border-bottom:3px solid var(--ink)}.ci{padding:10px}.ci p{font-size:13px;font-weight:700;min-height:34px}.pr{display:flex;justify-content:space-between;align-items:baseline;margin-top:6px}.pr small{color:var(--p);font-weight:700}
.tag{position:absolute;top:8px;left:8px;background:var(--t);border:2px solid var(--ink);font-size:11px;padding:3px 7px;font-weight:700}
.cta{text-align:center;background:var(--y);border-top:3px solid var(--ink)}
.cmp{width:100%;border-collapse:collapse;background:#fff;border:3px solid var(--ink)}.cmp th,.cmp td{padding:14px;border-bottom:2px solid var(--ink);text-align:center}.cmp td:first-child{text-align:left;font-weight:700}.cmp th{background:var(--ink);color:#fff}.cmp td:nth-child(3){background:#fff3c4}
.filters{display:flex;gap:14px;margin-bottom:28px;flex-wrap:wrap;align-items:center}.filters input,.filters select,.join input,.join select{font:inherit;padding:12px 14px;border:3px solid var(--ink);border-radius:10px;background:#fff}#cnt{font-weight:700}
.bh{display:flex;justify-content:space-between;align-items:center}.chips{display:flex;flex-wrap:wrap;gap:10px}.chips a{background:#fff;color:var(--ink);border:2px solid var(--ink);padding:6px 12px;border-radius:30px;text-decoration:none;font-weight:700}
.faq{max-width:820px}details{border:3px solid var(--ink);border-radius:14px;background:#fff;margin-bottom:14px;box-shadow:4px 4px 0 var(--ink)}summary{padding:18px;font-weight:700;font-size:18px;cursor:pointer}details p{padding:0 18px 18px}
.join{display:grid;grid-template-columns:2fr 1fr;gap:36px}.jl{display:flex;flex-direction:column;gap:14px}.jl h3{margin-top:14px}.row{display:flex;gap:12px}.row>*{flex:1}
.tp{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tp.two{grid-template-columns:1fr 1fr}.tp input{display:none}.tp span{display:block;border:3px solid var(--ink);border-radius:14px;padding:18px;background:#fff;cursor:pointer}.tp b{display:block;font-family:'Archivo Black';font-size:20px}.tp input:checked+span{background:var(--y);box-shadow:5px 5px 0 var(--ink)}
.sum{background:#fff;border:3px solid var(--ink);border-radius:18px;padding:28px;box-shadow:8px 8px 0 var(--ink);align-self:start;position:sticky;top:100px;display:flex;flex-direction:column;gap:12px}.sum small{color:#666}
footer{background:var(--ink);color:#bbb;padding:50px 40px 30px}.fcols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.fcols a{display:block;text-decoration:none;margin:6px 0}.fcols b{color:#fff}footer .logo{color:#fff}footer .logo span{color:var(--ink)}.legal{margin-top:30px;font-size:12px}footer .social{display:inline-flex;align-items:center;gap:8px;color:#ffd23f;font-weight:700;margin-top:14px}footer .social:hover{color:#fff}footer .social svg{flex:0 0 auto}
@media(max-width:800px){.hero,.plans,.join,.fcols{grid-template-columns:1fr}.vibes{grid-template-columns:repeat(2,1fr)}.links{display:none}h1{font-size:44px}}
.items{font-weight:700;color:var(--o);margin-top:6px}.val{display:inline-block;background:var(--t);border:2px solid var(--ink);padding:4px 10px;font-weight:700;border-radius:20px}.plan.dark .val{color:var(--ink)}.small{font-size:14px}
.progress{height:14px;border:3px solid var(--ink);border-radius:20px;background:#fff;margin-bottom:30px;overflow:hidden}#bar{height:100%;background:linear-gradient(90deg,var(--o),var(--y));transition:.3s}
.qs{display:none;flex-direction:column;gap:14px}.qs.on{display:flex}.qchips{display:flex;flex-wrap:wrap;gap:10px}.qchips input{display:none}.qchips span{display:block;border:3px solid var(--ink);border-radius:30px;padding:10px 18px;background:#fff;font-weight:700;cursor:pointer}.qchips input:checked+span{background:var(--y);box-shadow:3px 3px 0 var(--ink)}
.join textarea{font:inherit;padding:12px;border:3px solid var(--ink);border-radius:10px;min-height:80px}.qnav{display:flex;justify-content:space-between;margin-top:20px}
.plans.four{grid-template-columns:repeat(4,1fr);gap:22px}.plans.four .plan{padding:26px}.plans.four .price{font-size:44px}.tp.four{grid-template-columns:repeat(2,1fr)}
@media(max-width:1000px){.plans.four{grid-template-columns:1fr 1fr}}
.cozy{background:linear-gradient(135deg,#8a3b12,#c8692c 55%,#e9a24c);color:#fff8ec;border-top:3px solid var(--ink)}.cozy .kicker{background:var(--y);color:var(--ink)}.cozy .card{color:var(--ink)}
.holiday{background:repeating-linear-gradient(45deg,#b3121f 0 40px,#c41e2a 40px 80px);color:#fff;border-top:3px solid var(--ink)}.holiday .kicker{background:#1f7a3a;color:#fff}.holiday h2{text-shadow:3px 3px 0 #1f7a3a}.holiday .card{color:var(--ink)}.holiday .tag{background:#1f7a3a;color:#fff}
.gift{margin-top:36px;display:flex;justify-content:space-between;align-items:center;gap:24px;background:#1f7a3a;border:3px solid var(--ink);border-radius:18px;padding:28px;box-shadow:8px 8px 0 var(--ink)}.gift h3{font-family:'Archivo Black';font-size:26px;margin-bottom:6px}.gift .btn{background:var(--y);color:var(--ink);white-space:nowrap}
@media(max-width:640px){.promo{font-size:11px;padding:6px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kicker{font-size:11px;white-space:normal;line-height:1.5}nav .btn,nav a.btn{white-space:nowrap;padding:8px 12px;font-size:14px}.hero .btn{margin:6px 6px 0 0}}
@media(max-width:640px){.kicker{display:inline-block;font-size:10px;letter-spacing:1px}}
@media(max-width:640px){.hero .kicker,.kicker{display:inline-block!important;font-size:10px!important;letter-spacing:1px!important;white-space:nowrap!important}}