@font-face{font-family:"Bricolage Grotesque";src:url(fonts/brico.woff) format("woff");font-weight:200 800;font-stretch:75% 100%;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url(fonts/space.woff) format("woff");font-weight:300 700;font-display:swap}
@font-face{font-family:"Caveat Brush";src:url(fonts/caveat.woff) format("woff");font-weight:400;font-display:swap}
:root{--ink:#14121A;--cream:#FFF3DE;--lime:#C8FF2E;--pink:#FF3D8B;--cobalt:#2B44FF;--orange:#FF7A21;
--display:"Bricolage Grotesque","Arial Black",Impact,system-ui,sans-serif;--body:"Space Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--hand:"Caveat Brush","Bradley Hand",cursive}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--ink);color:var(--cream);font:500 17px/1.45 var(--body);-webkit-font-smoothing:antialiased}
a{color:inherit}
img,svg{max-width:100%}
.wrap{max-width:1100px;margin:0 auto;padding:0 20px}
section{padding:64px 0;position:relative}
section.dots::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.08;background-image:radial-gradient(currentColor 1.4px,transparent 1.5px);background-size:22px 22px}
section>*{position:relative}
.bg-cream{background:var(--cream);color:var(--ink)}.bg-lime{background:var(--lime);color:var(--ink)}.bg-pink{background:var(--pink);color:var(--ink)}.bg-cobalt{background:var(--cobalt);color:#fff}
h1,h2,h3,.disp{font-family:var(--display);font-weight:800;font-variation-settings:"wdth" 82,"opsz" 96;letter-spacing:-.02em;line-height:.95}
h1{font-size:clamp(44px,11vw,96px)}h2{font-size:clamp(34px,7.5vw,64px);margin-bottom:18px}h3{font-size:26px;margin-bottom:6px}
.hl{background:var(--lime);color:var(--ink);padding:0 .12em;border-radius:.12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.hl-pink{background:var(--pink);color:var(--ink);padding:0 .12em;border-radius:.12em}
.hand{font-family:var(--hand);font-size:1.3em}
.kicker{display:inline-block;font:800 13px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;border:2.5px solid currentColor;border-radius:999px;padding:8px 14px;transform:rotate(-2deg);margin-bottom:18px}
.lead{font-size:clamp(19px,2.6vw,24px);max-width:680px}
.btn{display:inline-block;font:800 19px/1 var(--display);background:var(--lime);color:var(--ink);border:3px solid var(--ink);border-radius:16px;padding:16px 24px;box-shadow:5px 5px 0 var(--pink);text-decoration:none;cursor:pointer;transition:transform .1s}
.btn:hover{transform:translate(-2px,-2px)}.btn:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--pink)}
.btn.ghost{background:transparent;color:inherit;border-color:currentColor;box-shadow:none}
.btn.sm{font-size:15px;padding:10px 14px;border-radius:12px;box-shadow:3px 3px 0 var(--ink)}
nav{position:sticky;top:0;z-index:20;background:rgba(20,18,26,.92);backdrop-filter:blur(8px);border-bottom:2px solid #2a2733}
nav .wrap{display:flex;align-items:center;justify-content:space-between;height:60px;gap:12px}
nav .logo{height:34px;width:auto}
nav .links{display:flex;gap:16px;align-items:center;font-weight:700;font-size:15px}
nav .links a.t{text-decoration:none;display:none}
@media(min-width:760px){nav .links a.t{display:inline}}
.logo text{font-family:var(--display);font-weight:800;font-variation-settings:"wdth" 80,"opsz" 96;letter-spacing:-6px}
.hero{padding:48px 0 70px;overflow:hidden}
.hero .logo-big{width:min(100%,560px);margin-bottom:18px}
.hero .ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.burst{position:absolute;right:-20px;top:20px;width:150px;height:150px;background:var(--pink);color:var(--ink);display:flex;align-items:center;justify-content:center;text-align:center;font:800 20px/.95 var(--display);transform:rotate(12deg);clip-path:polygon(50% 0%,59.3% 9.1%,71.7% 5%,76.2% 17.2%,89.1% 18.8%,87.8% 31.8%,98.7% 38.9%,92% 50%,98.7% 61.1%,87.8% 68.2%,89.1% 81.2%,76.2% 82.8%,71.7% 95%,59.3% 90.9%,50% 100%,40.7% 90.9%,28.3% 95%,23.8% 82.8%,10.9% 81.2%,12.2% 68.2%,1.3% 61.1%,8% 50%,1.3% 38.9%,12.2% 31.8%,10.9% 18.8%,23.8% 17.2%,28.3% 5%,40.7% 9.1%)}
@media(max-width:600px){.burst{position:relative;right:auto;top:auto;margin:26px 0 0 auto;width:120px;height:120px;font-size:17px}}
.grid{display:grid;gap:18px}
@media(min-width:760px){.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:1fr 1fr}}
.card{border:3px solid var(--ink);border-radius:20px;padding:22px;background:var(--cream);color:var(--ink);box-shadow:6px 6px 0 var(--ink)}
.card.lime{background:var(--lime)}.card.pink{background:var(--pink)}.card.dark{background:var(--ink);color:var(--cream);border-color:var(--cream);box-shadow:6px 6px 0 var(--lime)}
.step{font:800 15px/1 var(--display);display:inline-block;background:var(--ink);color:var(--cream);border-radius:999px;padding:6px 12px;margin-bottom:12px}
.vs{display:grid;gap:14px}@media(min-width:760px){.vs{grid-template-columns:1fr 1fr}}
.vs ul{list-style:none}.vs li{padding:8px 0;border-bottom:2px dashed currentColor}
.stat{font:800 clamp(56px,12vw,110px)/.9 var(--display);font-variation-settings:"wdth" 78}
sup a{text-decoration:none;font-size:.7em;color:var(--pink);font-weight:700}
.bg-lime sup a,.bg-cream sup a,.bg-pink sup a{color:var(--cobalt)}
details{border:3px solid var(--ink);border-radius:16px;background:#fff;color:var(--ink);margin-bottom:12px}
summary{cursor:pointer;padding:16px 18px;font:800 19px/1.15 var(--display);list-style:none}
summary::after{content:"+";float:right}details[open] summary::after{content:"–"}
details p{padding:0 18px 18px}
form{display:grid;gap:14px;max-width:620px}
label{font-weight:700;display:grid;gap:6px}
input[type=text],input[type=email],select{font:500 17px var(--body);padding:14px;border-radius:12px;border:3px solid var(--ink);background:#fff;color:var(--ink);width:100%}
.radio{display:flex;gap:10px;flex-wrap:wrap}
.radio label{display:flex;align-items:center;gap:8px;border:3px solid var(--ink);border-radius:999px;padding:10px 16px;background:#fff;cursor:pointer;font-weight:700}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:500;background:rgba(255,255,255,.55);border:2px dashed var(--ink);border-radius:12px;padding:12px}
.check input{width:22px;height:22px;flex:none;margin-top:2px}
.fine{font-size:13px;opacity:.85}
.thanks{display:none;border:3px solid var(--ink);border-radius:20px;background:var(--ink);color:var(--cream);padding:28px}
.foot{padding:40px 0 60px;font-size:13px;opacity:.9}.foot ol{padding-left:18px;display:grid;gap:6px}
.foot a{word-break:break-word}
.tag{display:inline-block;background:var(--orange);color:var(--ink);font:800 12px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;border:2px solid var(--ink);border-radius:6px;padding:4px 7px;transform:rotate(-3deg)}
.founder-ph{border:3px dashed var(--cream);border-radius:20px;padding:22px}