:root{--ink:#17102B;--paper:#F2EFFF;--lime:#C6FF3D;--pink:#FF4FA3;--violet:#6B3CFF;--f:"Space Grotesk",system-ui,sans-serif;--b:"DM Sans",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 1.05rem/1.6 var(--b)}h1,h2,h3,.logo,.mega,.btn{font-family:var(--f)}h1{font-size:clamp(2.3rem,7vw,5.6rem);line-height:.98;letter-spacing:-.03em;margin:0 0 1rem}h2{font-size:clamp(2rem,5vw,3.6rem);line-height:1;letter-spacing:-.02em;margin:0 0 1rem}a{color:inherit}:focus-visible{outline:3px solid var(--violet);outline-offset:3px}.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--lime);padding:.5rem;z-index:99}.nav{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:.9rem clamp(1rem,4vw,3rem);background:var(--paper);border-bottom:2px solid var(--ink)}.logo{font-weight:700;font-size:1.8rem;text-decoration:none}.logo span{color:var(--violet)}.nav nav{display:flex;gap:1.5rem;align-items:center}.nav nav a{text-decoration:none}.nav nav a.active{text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--pink)}.burger{display:none}.btn{display:inline-block;background:var(--lime);color:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:.9rem 1.7rem;font-weight:700;font-size:1rem;text-decoration:none;cursor:pointer;box-shadow:4px 4px 0 var(--ink);transition:transform .15s,box-shadow .15s}.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.btn:disabled{opacity:.6}.btn.ghost{background:transparent}.btn.sm{padding:.45rem 1rem;box-shadow:none}.row{display:flex;gap:1rem;flex-wrap:wrap}.hero{position:relative;min-height:88vh;padding:3rem clamp(1rem,4vw,3rem);overflow:hidden;display:flex;align-items:flex-end}.hero-copy{position:relative;max-width:1000px}.lede{font-size:1.25rem;max-width:40em}.wall{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-wrap:wrap;gap:.8rem;padding:2rem;align-content:flex-start;opacity:.9}.chip{font:700 1.1rem var(--f);padding:.5rem 1rem;border-radius:999px;border:2px solid var(--ink);background:#fff;animation:pop .4s calc(var(--i)*.18s) both;transition:opacity .6s,transform .6s,background .6s}@keyframes pop{0%{opacity:0;transform:scale(.6) rotate(-6deg)}}.hero.sorted .noise{opacity:.18;text-decoration:line-through;transform:scale(.9)}.hero.sorted .signal{background:var(--lime)}.sec{padding:clamp(3rem,8vw,6rem) clamp(1rem,4vw,3rem)}.dark{background:var(--ink);color:var(--paper)}.page{min-height:60vh;max-width:900px}.toggle{display:inline-flex;border:2px solid var(--ink);border-radius:999px;overflow:hidden;margin:1rem 0}.toggle button{font:700 1rem var(--f);padding:.6rem 1.3rem;border:0;background:transparent;cursor:pointer}.toggle [aria-pressed=true]{background:var(--ink);color:var(--lime)}.compare{display:grid;grid-template-columns:1fr 2fr 1.2fr;gap:1rem;align-items:stretch;transition:background .4s}.post,.verdict{border:2px solid var(--ink);padding:1.2rem;border-radius:12px;background:#fff;font:700 1.3rem var(--f)}.post small{display:block;font:400 .9rem var(--b)}.feed{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.feed li{padding:.7rem 1rem;border-radius:12px;font-weight:500}.feed.b li{background:#ffd9e8;border:2px solid var(--pink)}.feed.g li{background:#e9ffb5;border:2px solid var(--ink)}.good .verdict{background:var(--lime)}.bad .verdict{background:var(--pink)}.note{max-width:40em;margin-top:1.5rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem}.card{border:2px solid var(--ink);padding:1.5rem;background:#fff;transition:transform .2s,background .2s}.card:nth-child(3n+1){border-radius:28px 4px}.card:nth-child(3n+2){border-radius:4px 28px}.card:nth-child(3n){border-radius:28px}.card:hover{transform:rotate(-1deg) translateY(-4px);background:var(--lime)}.ico{font-size:2rem}.card h3{margin:.5rem 0}.method{list-style:none;counter-reset:s;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem}.method li{counter-increment:s;border-top:4px solid var(--lime);padding-top:1rem}.method b{display:block;font:700 1.8rem var(--f);color:var(--lime)}.method li:before{content:counter(s);color:var(--pink);font:700 .9rem var(--f)}.marq{overflow:hidden;background:var(--violet);color:var(--lime);padding:1.2rem 0;white-space:nowrap}.track{display:flex;width:max-content;animation:mq 30s linear infinite;font:700 clamp(1.5rem,4vw,3rem) var(--f)}@keyframes mq{to{transform:translate(-50%)}}.cta{text-align:center;background:var(--lime)}.cta .lede{margin:0 auto 2rem}.cta h2{font-size:clamp(2.4rem,8vw,6.5rem)}.form{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}.f{display:flex;flex-direction:column;gap:.3rem}.wide,.form .btn,.form .err{grid-column:1/-1}.form .btn{justify-self:start}label{font-weight:500}input,select,textarea{font:inherit;padding:.8rem;border:2px solid var(--ink);border-radius:10px;background:#fff}[aria-invalid=true]{border-color:#c2185b}.err{color:#b00057;font-size:.9rem}.hp{position:absolute;left:-9999px}.prose{max-width:42em}.warn{background:var(--lime);padding:.8rem 1rem;border:2px solid var(--ink)}.foot{background:var(--ink);color:var(--paper);padding:4rem clamp(1rem,4vw,3rem) 2rem}.mega{font-weight:700;font-size:clamp(3.5rem,17vw,15rem);line-height:.9;margin:0 0 2rem;color:var(--lime)}.foot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.foot a{display:block;text-decoration:none;padding:.15rem 0}.foot a:hover{color:var(--pink)}.dim{opacity:.65;font-size:.9rem}@media (max-width:768px){.compare,.form{grid-template-columns:1fr}.burger{display:block;border:2px solid var(--ink);background:var(--lime);border-radius:999px;padding:.4rem 1rem;font:700 1rem var(--f)}.nav nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;background:var(--paper);padding:1.5rem;border-bottom:2px solid var(--ink);font:700 1.6rem var(--f)}.nav nav.open{display:flex}.hero{min-height:80vh}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto}}html,body{overflow-x:hidden;max-width:100%}img,svg,video{max-width:100%;height:auto}h1,h2,h3,p,li{overflow-wrap:break-word}input,select,textarea{font-size:16px;width:100%;min-width:0}.btn,.burger,.toggle button,.nav nav a{min-height:44px}.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center}.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.method{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}.foot-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}.nav{padding-top:max(.9rem,env(safe-area-inset-top));padding-left:max(clamp(1rem,4vw,3rem),env(safe-area-inset-left));padding-right:max(clamp(1rem,4vw,3rem),env(safe-area-inset-right))}@media (min-width:1440px){.nav,.sec,.hero,.foot{padding-left:calc((100vw - 1320px)/2);padding-right:calc((100vw - 1320px)/2)}.sec.page{max-width:none}.sec.page>*{max-width:900px}}@media (max-width:1280px){.hero{min-height:80vh}.compare{grid-template-columns:1fr 1.8fr 1.1fr}}@media (max-width:1024px){.hero{min-height:0;display:block;padding-top:2rem;padding-bottom:3rem}.wall{position:relative;inset:auto;padding:0 0 2rem;max-height:none}.hero-copy{max-width:none}.compare{grid-template-columns:1fr 1fr}.compare .feed{grid-column:1/-1;order:3}.compare .verdict{order:2}.nav nav{gap:1rem}}@media (max-width:768px){body{font-size:1rem}h1{font-size:clamp(2rem,9.5vw,3.2rem);line-height:1.03}h2{font-size:clamp(1.8rem,8vw,2.6rem)}.lede{font-size:1.1rem}.nav nav{max-height:calc(100dvh - 70px);overflow-y:auto}.nav nav a{display:flex;align-items:center;width:100%;padding:.4rem 0}.nav nav .btn.sm{width:auto;margin-top:.5rem;padding:.7rem 1.4rem}.compare{grid-template-columns:1fr}.compare .feed{order:2}.compare .verdict{order:3}.toggle{display:flex;width:100%}.toggle button{flex:1}.method li{padding-bottom:.5rem}.cta h2{font-size:clamp(2.2rem,11vw,3.6rem)}.sec{padding-top:clamp(2.5rem,10vw,4rem);padding-bottom:clamp(2.5rem,10vw,4rem)}.foot{padding-bottom:max(2rem,env(safe-area-inset-bottom))}}@media (max-width:480px){.nav{padding-top:max(.7rem,env(safe-area-inset-top));padding-bottom:.7rem}.logo{font-size:1.5rem}.chip{font-size:.9rem;padding:.35rem .75rem}.wall{gap:.5rem;padding-bottom:1.5rem}.hero{padding-top:1.5rem;padding-bottom:2.5rem}.row{flex-direction:column;align-items:stretch}.row .btn,.cta .btn,.form .btn{width:100%}.btn{padding:.85rem 1.2rem;box-shadow:3px 3px 0 var(--ink)}.card{padding:1.2rem}.post,.verdict{font-size:1.1rem}.track{font-size:1.4rem}.marq{padding:.8rem 0}.mega{font-size:clamp(3rem,22vw,5rem);margin-bottom:1.5rem}.foot{padding-top:2.5rem}.prose{font-size:1rem}}@media (max-width:360px){h1{font-size:1.85rem}.chip{font-size:.8rem}.nav nav{font-size:1.4rem}}@media (max-height:480px) and (orientation:landscape){.hero{padding-top:1rem}.nav nav{max-height:calc(100dvh - 60px)}}