@import url('https://fonts.googleapis.com/css2?family=Bangers&family=Nunito:wght@400;600;700;800;900&display=swap');
:root{--paper:#F7F2E5;--ink:#1E1C1A;--pop-yellow:#F2C230;--pop-red:#D94F3A;--pop-blue:#3A6EA8;--pop-green:#5E8C5A;--muted:#7A7368}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Nunito,Arial,sans-serif;line-height:1.55}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:radial-gradient(circle,#777 1px,transparent 1px);background-size:9px 9px;z-index:-1}a{color:inherit}button,.btn{font:inherit;font-weight:900;border:3px solid var(--ink);padding:.8rem 1.1rem;text-decoration:none;cursor:pointer;display:inline-block;background:var(--pop-yellow);color:var(--ink);box-shadow:4px 4px 0 var(--ink)}button.secondary,.btn.secondary{background:var(--pop-blue);color:#fff}button:hover,.btn:hover{transform:translate(-2px,-2px) rotate(-1deg);box-shadow:6px 6px 0 var(--ink)}:focus-visible{outline:2px solid var(--pop-red);outline-offset:3px}.site-nav{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:3px solid var(--ink);display:flex;justify-content:space-between;align-items:center;padding:.65rem 5vw}.brand{font:2rem Bangers;letter-spacing:1px;text-decoration:none}.burst{display:inline-grid;place-items:center;background:var(--pop-yellow);border:3px solid var(--ink);padding:.25rem .5rem;clip-path:polygon(50% 0,62% 22%,88% 12%,79% 38%,100% 50%,77% 62%,88% 88%,61% 78%,50% 100%,39% 78%,12% 88%,23% 62%,0 50%,23% 38%,12% 12%,39% 22%)}.nav-actions{display:flex;gap:.7rem;align-items:center}.badge{background:var(--pop-red);color:#fff;border:3px solid var(--ink);padding:.35rem .6rem;font-weight:900}.container{width:min(1120px,92%);margin:auto}.hero{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:4rem 0}.cover{border:3px solid var(--ink);background:#fff;box-shadow:9px 9px 0 var(--ink);width:min(1050px,100%);padding:1rem;text-align:center}.masthead{font:clamp(4rem,12vw,9rem)/.8 Bangers;letter-spacing:3px}.issue{display:flex;justify-content:space-between;font-weight:900}.cover img{width:100%;max-height:480px;object-fit:cover;border:3px solid var(--ink);margin:1rem 0}.cover h1{font:clamp(2rem,5vw,4rem) Bangers;margin:.5rem}.actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.section{padding:5rem 0}.section h2,.page-title{font:clamp(2.8rem,6vw,5rem) Bangers;letter-spacing:1px;text-align:center}.comic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.panel{background:#fff;border:3px solid var(--ink);padding:1.2rem;box-shadow:5px 5px 0 var(--ink);transition:.2s;position:relative}.panel:hover{transform:scale(1.025)}.panel img{width:100%;border:3px solid var(--ink)}.panel h3{font:2rem Bangers;margin:.5rem 0}.speech{background:#fff;border:3px solid var(--ink);border-radius:50%;padding:1rem;position:relative;margin:1rem 0}.speech:after{content:"";position:absolute;bottom:-17px;left:25%;border:8px solid transparent;border-top-color:var(--ink)}.newspaper{columns:2;column-gap:1rem}.letter{break-inside:avoid;background:#fff;border:3px solid var(--ink);padding:1.2rem;margin:0 0 1rem;box-shadow:4px 4px 0 var(--ink);transform:rotate(-.5deg)}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.plan{min-height:320px}.plan.popular{background:#fff9d8}.price{font:4rem Bangers}.trust{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;font-weight:900}.compare{width:100%;border-collapse:collapse;background:#fff;border:3px solid var(--ink)}.compare th,.compare td{border:2px solid var(--ink);padding:.7rem;text-align:left}.compare th.saga,.compare td.saga{background:#fff0a3}.detail{width:min(760px,100%);margin:auto}.detail>section{margin:1.5rem 0}.specs{display:grid;grid-template-columns:1fr 1fr;border:3px solid var(--ink);background:#fff}.specs div{padding:.65rem;border:1px solid var(--ink)}.distribution{height:22px;display:flex;border:3px solid var(--ink)}.distribution i{background:var(--pop-red);display:block}.rack{background:var(--pop-yellow);border:3px solid var(--ink);padding:2rem;text-align:center}.form{background:#fff;border:3px solid var(--ink);padding:1.5rem;box-shadow:6px 6px 0 var(--ink)}input,textarea,select{width:100%;padding:.8rem;border:3px solid var(--ink);font:inherit;margin:.35rem 0 1rem;background:#fff}.faq details{background:#fff;border:3px solid var(--ink);margin:.7rem 0;padding:1rem}.cookie{position:fixed;bottom:0;left:0;right:0;background:var(--ink);color:#fff;padding:1rem;display:flex;justify-content:center;gap:1rem;z-index:30}.footer{border-top:3px solid var(--ink);padding:3rem 0;background:#eee7d7}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.footer small{display:block;margin-top:1rem}.legal{max-width:800px;margin:auto}.strike{text-decoration:line-through}.green{color:var(--pop-green);font-weight:900}@media(max-width:700px){.comic-grid,.pricing-grid,.footer-grid{grid-template-columns:1fr}.newspaper{columns:1}.site-nav{flex-wrap:wrap}.nav-actions{margin-top:.4rem}.specs{grid-template-columns:1fr}.hero{padding:2rem 0}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}