:root{--bg:#f4ead5;--ink:#1b1b1b;--red:#a3202f;--green:#0f3d2a;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}
a{color:inherit}img{max-width:100%;display:block}
.banner{background:var(--green);color:var(--bg);font:600 14px var(--mono);text-align:center;padding:10px 12px}
header{display:flex;justify-content:space-between;align-items:center;max-width:1180px;margin:auto;padding:18px 20px}
.logo{font:800 22px var(--mono);text-decoration:none;letter-spacing:-.5px}.logo span{color:var(--red)}
nav a{font:14px var(--mono);margin-left:18px}
.knit{height:22px;background:repeating-linear-gradient(135deg,var(--red) 0 8px,transparent 8px 16px),repeating-linear-gradient(45deg,var(--red) 0 8px,var(--green) 8px 16px)}
.hero,section,main,footer{max-width:1180px;margin:auto;padding:48px 20px}
.kicker{font:13px var(--mono);color:var(--red);margin:0 0 8px}
h1{font-size:clamp(38px,7vw,76px);line-height:1;margin:0 0 18px;letter-spacing:-2px}h1 em{color:var(--red);font-style:normal}
h2{font:700 20px var(--mono)}.sub{font-size:19px;max-width:560px}
.btn{display:inline-block;background:var(--red);color:#fff;font:700 16px var(--mono);padding:14px 26px;border-radius:6px;text-decoration:none;border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}
.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}
.card{background:#fff;border:2px solid var(--ink);border-radius:10px;overflow:hidden;text-decoration:none;box-shadow:5px 5px 0 var(--green);transition:.15s}.card:hover{transform:translateY(-3px)}
.card img{aspect-ratio:1;object-fit:contain;width:100%;background:#fff}.ci{padding:12px 14px}.ci h3{margin:0 0 4px;font-size:18px}.ci p{margin:0}
.price{font:800 20px var(--mono);color:var(--red)}s{color:#777;font-family:var(--mono)}.eb{font:11px var(--mono);background:var(--green);color:var(--bg);padding:2px 6px;border-radius:4px;white-space:nowrap}
.pdp{display:grid;grid-template-columns:1.1fr 1fr;gap:40px}.pimg img{border:2px solid var(--ink);border-radius:10px;background:#fff;width:100%}
.pinfo h1{font-size:clamp(32px,4.5vw,52px)}.note{font:13px var(--mono);background:#fff;border:1px dashed var(--red);padding:10px;border-radius:6px}
ul{padding-left:20px}li{margin:4px 0}li::marker{content:"❄ ";color:var(--red)}
label{display:block;font:13px var(--mono);margin:10px 0}select{display:block;margin-top:4px;font:16px var(--mono);padding:10px;border:2px solid var(--ink);border-radius:6px;background:#fff;min-width:160px}
.buy{margin-top:12px}.small{font:13px var(--mono);color:#555}
.faq details{background:#fff;border:2px solid var(--ink);border-radius:8px;margin:10px 0;padding:12px 16px}summary{font:700 16px var(--mono);cursor:pointer}
footer{font:13px var(--mono);color:#555}
@media(max-width:760px){.pdp{grid-template-columns:1fr}.hero,section,main{padding:28px 16px}nav a{margin-left:10px}}
.cd{display:inline-flex;flex-direction:column;background:var(--green);color:var(--bg);border:2px solid var(--ink);border-radius:8px;font-family:var(--mono);box-shadow:4px 4px 0 var(--red)}
.cd b{color:#fff}.cdl{font-size:12px;opacity:.8}.cd.big{padding:14px 20px;margin-bottom:26px}.cd.big .cdv{font-size:clamp(26px,5vw,44px)}.cd.big b{font-size:1.15em}
.cd.sm{padding:6px 12px;margin:4px 0 14px;flex-direction:row;gap:10px;align-items:center}.cd.sm .cdv{font-size:16px}
.ugly{font-family:"Bungee",Impact,sans-serif;font-size:clamp(46px,10vw,124px);letter-spacing:1px;line-height:.95;margin:0 0 6px;text-shadow:4px 4px 0 var(--ink)}
.ugly .r{color:var(--red)}.ugly .g{color:var(--green)}.ugly .flake{color:#9ab;font-size:.45em;vertical-align:middle;margin:0 .25em;text-shadow:none}
.tl{font:700 clamp(18px,2.6vw,28px) var(--mono);margin:0 0 18px;letter-spacing:2px}
.hero{background-image:radial-gradient(#c9d6e0 1.6px,transparent 2px);background-size:34px 34px}
.quality{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.qimg img{border:2px solid var(--ink);border-radius:10px;box-shadow:6px 6px 0 var(--red);width:100%}.cap{font:12px var(--mono);color:#555}
.qh{font:400 clamp(28px,4vw,42px)/1.05 "Bungee",Impact,sans-serif;color:var(--green);margin:0 0 14px}
.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.fb{font:800 16px var(--mono);color:var(--ink)}.fb span{color:var(--red)}.copy{border-top:1px dashed #aaa;padding-top:12px;margin-top:10px}
@media(max-width:760px){.quality,.fgrid{grid-template-columns:1fr}}
.recs{padding-top:10px}.recs .grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.grid.g3,.recs .grid.g3{grid-template-columns:repeat(3,1fr)}
.qh.big{font-size:clamp(34px,6vw,64px)}
.feature{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;max-width:none;background:var(--green);color:var(--bg);padding:56px max(20px,calc((100vw - 1140px)/2))}
.feature .qh{color:#fff}.feature .kicker{color:#f2a3ad}.feature .small{color:#cfd9cf}.feature .price{color:#ffb3bd}.feature s{color:#9fb5a5}
.fimg img{background:#fff;border:2px solid var(--ink);border-radius:10px;width:100%;box-shadow:6px 6px 0 var(--red)}
@media(max-width:760px){.grid.g3,.recs .grid.g3,.feature{grid-template-columns:1fr}}
.hero{position:relative;padding:22px 20px 10px}
.cd.big{position:absolute;right:20px;top:28px;padding:10px 14px;margin:0}.cd.big .cdv{font-size:26px}.cd.big b{font-size:1em}
.ugly{font-size:clamp(44px,8vw,96px)}.tl{margin-bottom:10px}.sub{margin:0 0 14px}
#shop{padding-top:22px}
@media(max-width:900px){.cd.big{position:static;flex-direction:row;gap:10px;align-items:center;margin-bottom:12px}.cd.big .cdv{font-size:18px}}
@media(min-width:901px){.hero{padding-right:290px}.ugly{font-size:clamp(44px,6.4vw,92px)}}
.sclink{background:none;border:0;padding:0;font:13px var(--mono);text-decoration:underline;cursor:pointer;color:var(--ink);margin:0 0 6px}
.scd{border:2px solid var(--ink);border-radius:10px;padding:22px;max-width:620px;width:94vw;background:var(--bg);box-shadow:6px 6px 0 var(--green)}.scd::backdrop{background:rgba(0,0,0,.55)}
.scd h3{font:400 24px "Bungee",sans-serif;margin:0 0 10px;color:var(--green)}.scd .x{float:right;background:none;border:0;font-size:20px;cursor:pointer}
.sct{overflow-x:auto}.sct table{border-collapse:collapse;width:100%;font:14px var(--mono);background:#fff}.sct th,.sct td{border:1px solid #ccc;padding:7px 8px;text-align:center}
.sct thead th{background:var(--green);color:var(--bg)}.sct tbody th{background:#f0e4ca}.sct small{display:block;color:#777;font-size:11px}
@media(min-width:901px){.hero{padding-right:360px}.cd.big{padding:16px 22px;top:24px}.cd.big .cdl{font-size:14px}.cd.big .cdv{font-size:40px}.cd.big b{font-size:1.1em}}
.scd .x{position:absolute;top:10px;right:12px;width:40px;height:40px;font-size:22px;line-height:1;z-index:2}.scd{position:fixed}
.pinfo .sclink{display:block;margin:6px 0 4px}
.pinfo .btn.buy{display:block;width:100%;text-align:center;margin-top:14px;box-sizing:border-box}
.pinfo select{width:100%;max-width:none}
.ff{background:#fff;border:2px solid var(--green);border-radius:10px;padding:14px;margin:0 0 16px}
.ffq{font:700 15px var(--mono);margin:0 0 10px}.ffb{display:flex;flex-wrap:wrap;gap:8px}
.ffb button{font:700 16px var(--mono);min-width:52px;padding:10px 12px;border:2px solid var(--ink);border-radius:8px;background:var(--bg);cursor:pointer}
.ffb button.on{background:var(--red);color:#fff}
.ffr{margin-top:12px;font:14px var(--mono);display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ffr div{background:var(--bg);border-radius:8px;padding:8px}.ffr span{display:block;font-size:11px;color:#555}.ffr b{font-size:22px;color:var(--green)}.ffr small{display:block;font-size:11px;color:#555;margin-top:4px}
.fft{font:12px var(--mono);margin:10px 0 0;color:#555}.ffm{font:700 13px var(--mono);margin:0 0 6px}
.scd{max-height:92vh;overflow-y:auto}
@media(max-width:600px){.ffr{grid-template-columns:1fr}}
.stuck{font:13px var(--mono);margin:12px 0 0}.stuck a,footer a[href^=mailto]{color:var(--red);word-break:break-all}
.contact{border-top:2px dashed var(--green)}.contact .btn{word-break:break-all}
.thanks{max-width:820px;margin:auto;padding:48px 20px}
.teams{background:#fff;border:2px solid var(--ink);border-radius:12px;box-shadow:6px 6px 0 var(--green);margin:40px auto;max-width:1140px}
.ent{max-width:900px;margin:auto;padding:30px 20px}.ent section{padding:24px 0}.lead{font-size:19px}
.how ol{padding-left:22px}.how li{margin:10px 0}
.demo form{display:grid;gap:12px;background:#fff;border:2px solid var(--ink);border-radius:12px;padding:20px;box-shadow:6px 6px 0 var(--red)}
.demo label{font:13px var(--mono);margin:0}.demo input,.demo textarea{display:block;width:100%;margin-top:4px;font:16px system-ui,sans-serif;padding:10px;border:2px solid var(--ink);border-radius:6px;background:var(--bg)}
.demo .btn{justify-self:start}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.entok,.enterr{margin-top:14px;padding:14px;border-radius:10px;font:15px var(--mono)}.entok{background:var(--green);color:var(--bg)}.enterr{background:#fde8ea;border:1px solid var(--red)}