@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800&display=swap";
:root{--ink:#171513;--paper:#f3efe5;--red:#ef3d2f;--yellow:#f3d35c}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);scroll-behavior:smooth}body{background:var(--paper);margin:0;font-family:Inter,Arial,sans-serif}a{color:inherit}.site-shell{min-height:100svh;overflow:hidden}.topbar{border-bottom:2px solid var(--ink);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto;padding:22px clamp(20px,4vw,64px);font-family:DM Mono,monospace;font-size:12px;display:flex}.topbar strong{font-weight:500}.topbar a{text-underline-offset:4px;text-decoration-thickness:2px}.hero{isolation:isolate;text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:1440px;min-height:100svh;margin:0 auto;padding:clamp(36px,6vw,96px) clamp(20px,4vw,64px);display:flex;position:relative}.hero h1{z-index:2;letter-spacing:-.075em;text-transform:uppercase;text-wrap:balance;white-space:nowrap;will-change:transform;width:100%;max-width:none;margin:0;font-size:min(16vw,40vh);font-weight:800;line-height:.82;animation:90ms linear infinite rage-shake;position:relative}.hero h1 span{color:var(--red);animation:.68s cubic-bezier(.77,0,.175,1) .18s both not-jolt;display:inline-block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-noise{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;grid-template-rows:repeat(7,minmax(0,1fr));grid-template-columns:repeat(10,minmax(0,1fr));padding:2vh 2vw;display:grid;position:absolute;inset:0;overflow:hidden}.hero-noise span{color:var(--red);opacity:.36;place-self:center;font-family:DM Mono,monospace;font-size:clamp(1.4rem,5vw,5rem);font-weight:500;line-height:1;animation:.115s steps(2,end) infinite alternate exclamation-jitter}.hero-noise span:nth-child(2n){color:var(--ink);opacity:.28}.hero-noise span:nth-child(3n){animation-delay:-38ms}.hero-noise span:nth-child(3n+1){animation-delay:-76ms}@keyframes rage-shake{0%{transform:translate(-7px,3px)rotate(-1.2deg)}20%{transform:translate(6px,-4px)rotate(1deg)}40%{transform:translate(-5px,-2px)rotate(-.8deg)}60%{transform:translate(7px,4px)rotate(1.2deg)}80%{transform:translate(-4px,2px)rotate(-.7deg)}to{transform:translate(-7px,3px)rotate(-1.2deg)}}@keyframes not-jolt{0%{opacity:0;transform:translate(0,0)rotate(0)scale(.9)}20%{opacity:1;transform:translate(-.04em,.02em)rotate(-4deg)scale(1.04)}38%{transform:translate(.05em,-.02em)rotate(3deg)scale(1)}56%{transform:translate(-.03em)rotate(-2deg)scale(1.02)}74%{transform:translate(.02em)rotate(1deg)scale(1)}to{opacity:1;transform:translate(0,0)rotate(0)scale(1)}}@keyframes exclamation-jitter{0%{transform:translate(-4px,3px)rotate(-12deg)}50%{transform:translate(4px,-3px)rotate(10deg)}to{transform:translate(-3px,-4px)rotate(-7deg)}}.gif-section{text-align:center;justify-items:center;max-width:1440px;margin:0 auto;padding:clamp(56px,9vw,140px) clamp(20px,4vw,64px);display:grid}.hero-gif{border:6px solid var(--ink);width:min(720px,84vw);height:auto;box-shadow:16px 16px 0 var(--ink);image-rendering:auto;margin-top:clamp(28px,4vw,56px)}.hero-caption{text-transform:uppercase;max-width:720px;margin:40px 0 0;font-family:DM Mono,monospace;font-size:clamp(14px,1.8vw,22px);line-height:1.5}.comparison{max-width:1440px;margin:0 auto;padding:0 clamp(20px,4vw,64px)}.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(18px,3vw,56px);display:grid}.comparison-header{align-items:end;padding:0 0 28px}.comparison-header h3{letter-spacing:-.06em;text-transform:uppercase;margin:0;font-size:clamp(2rem,5vw,5rem);font-weight:800;line-height:.94}.comparison-row{border-top:1px solid #17151340;align-items:start;padding:22px 0}.comparison-row p{max-width:34rem;margin:0;font-size:clamp(.95rem,1.3vw,1.2rem);line-height:1.4}.takeaway{text-align:center;max-width:900px;margin:0 auto;padding:144px clamp(20px,4vw,64px) 48px}.takeaway h2{color:var(--red);letter-spacing:.08em;text-transform:uppercase;margin:0 0 18px;font-family:DM Mono,monospace;font-size:12px;font-weight:500}.takeaway p{text-wrap:balance;margin:0;font-size:clamp(1.25rem,2.4vw,2rem);font-weight:600;line-height:1.12}.enlighten{max-width:1440px;margin:0 auto;padding:144px clamp(20px,4vw,64px) 112px}.enlighten h2{margin:0;letter-spacing:-.07em;text-align:center;text-transform:uppercase;max-width:1050px;margin-inline:auto;font-size:clamp(1.75rem,4.5vw,4.5rem);font-weight:800;line-height:.92}.enlighten p{text-transform:uppercase;margin:34px 0 0;font-family:DM Mono,monospace;font-size:12px;line-height:1.5}.enlighten a{text-underline-offset:4px;font-weight:500;text-decoration-thickness:2px}.senro-pitch{text-align:center;max-width:780px;margin:128px auto 0}.senro-pitch p{text-transform:none;text-wrap:balance;margin:0;font-family:Inter,Arial,sans-serif;font-size:clamp(1.25rem,2.4vw,2rem);font-weight:600;line-height:1.1}.realization-gif{border:4px solid var(--ink);width:min(620px,100%);height:auto;box-shadow:10px 10px 0 var(--ink);margin:42px auto 0;display:block}.thankyou-gif{border:4px solid var(--ink);width:min(720px,100%);height:auto;box-shadow:10px 10px 0 var(--ink);margin:42px auto 0;display:block}.footer-credit{border-top:1px solid var(--ink);min-height:72px;color:var(--red);text-align:center;text-transform:uppercase;justify-content:center;align-items:center;padding:18px clamp(20px,4vw,64px);font-family:DM Mono,monospace;font-size:12px;font-weight:500;line-height:1.5;display:flex}@media (max-width:700px){.topbar{padding-block:16px;font-size:10px}.hero{min-height:100svh;padding:20px}.hero h1{font-size:min(16vw,40vh)}.hero-noise{grid-template-rows:repeat(10,minmax(0,1fr));grid-template-columns:repeat(7,minmax(0,1fr))}.hero-gif{width:min(720px,88vw);box-shadow:10px 10px 0 var(--ink);border-width:5px}.comparison{padding-inline:20px}.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}.comparison-header{padding-bottom:20px}.comparison-header h3{font-size:clamp(1.8rem,8vw,3rem)}.comparison-row{padding-block:16px}.takeaway{padding-top:104px}.enlighten{padding-top:104px;padding-bottom:88px}.senro-pitch{margin-top:96px}.comparison-row p{font-size:.82rem}}@media (prefers-reduced-motion:reduce){.hero h1,.hero h1 span,.hero-noise span{opacity:1;animation:none;transform:none}}
