:root{--ink:#141414;--paper:#faf7f0;--cream:#f1e9d6;--coin:#f5a03c;--petrol:#1e6b52;--muted:#6b6455;--line:2.5px solid var(--ink);--line-thin:2px solid var(--ink);--sh:5px 5px 0 var(--ink);--sh-lg:8px 8px 0 var(--ink);--mono:"IBM Plex Mono",ui-monospace,monospace;--display:"Space Grotesk",sans-serif;--body:"Inter",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");font-size:17px;line-height:1.55}a{color:inherit}img{max-width:100%;height:auto;display:block}:focus-visible{outline:3px solid var(--petrol);outline-offset:3px;border-radius:2px}.wrap{max-width:1140px;margin:0 auto;padding:0 24px}[id]{scroll-margin-top:86px}.coin{background:var(--coin);border:var(--line-thin);width:38px;height:38px;font-family:var(--mono);box-shadow:2.5px 2.5px 0 var(--ink);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:600;display:inline-grid}.tag{height:34px;font-family:var(--mono);filter:drop-shadow(3px 3px 0 var(--ink));background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 34'><path d='M32 6L16 6L5.5 17L16 28L32 28' fill='none' stroke='%23141414' stroke-width='10' stroke-linejoin='round'/><path d='M32 6L16 6L5.5 17L16 28L32 28' fill='%23F5A03C' stroke='%23F5A03C' stroke-width='6' stroke-linejoin='round'/><circle cx='16' cy='17' r='4' fill='%23FAF7F0' stroke='%23141414' stroke-width='2'/></svg>") 0/30px 34px no-repeat,url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 34'><path d='M-2 2H2A9 9 0 0 1 11 11V23A9 9 0 0 1 2 32H-2' fill='%23F5A03C' stroke='%23141414' stroke-width='2'/></svg>") 100%/12px 34px no-repeat,linear-gradient(#0000 0 1px,#141414 1px 3px,#f5a03c 3px 31px,#141414 31px 33px,#0000 33px) 28px 0/calc(100% - 38px) 34px no-repeat;align-items:center;padding:0 16px 0 34px;font-size:15px;font-weight:700;line-height:1;display:inline-flex;position:relative;transform:rotate(-3deg)}.tag.right{transform:rotate(3deg)}.btn{font-family:var(--display);border:var(--line);background:var(--paper);box-shadow:var(--sh);cursor:pointer;border-radius:12px;align-items:center;gap:9px;padding:14px 24px;font-size:16px;font-weight:700;text-decoration:none;transition:transform 90ms,box-shadow 90ms;display:inline-flex}.btn:hover{box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)}.btn:active{box-shadow:2px 2px 0 var(--ink);transform:translate(3px,3px)}.btn-coin{background:var(--coin)}.btn-petrol{background:var(--petrol);color:#fff}header{border-bottom:var(--line);background:var(--paper);z-index:20;position:sticky;top:0}.nav{align-items:center;gap:28px;height:70px;display:flex}.brand{font-family:var(--display);align-items:center;gap:11px;font-size:21px;font-weight:700;text-decoration:none;display:flex}.menu{align-items:center;gap:26px;margin-left:auto;display:flex}.menu a{font-size:15px;font-weight:600;text-decoration:none}.menu a.txt:hover{text-underline-offset:5px;text-decoration:underline 2px}.nav .btn{padding:10px 18px;font-size:15px}.menu .hide-sm{display:inline}.hero{padding:64px 0 30px}.hero-grid{grid-template-columns:1.02fr .98fr;align-items:center;gap:56px;display:grid}.hero-grid>*{min-width:0}.kicker{font-family:var(--mono);letter-spacing:.04em;color:var(--muted);align-items:center;gap:10px;margin-bottom:24px;font-size:13px;font-weight:600;display:inline-flex}.kicker .nowrap{white-space:nowrap}.kicker b{color:var(--ink)}h1{font-family:var(--display);letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(38px,5vw,64px);font-weight:700;line-height:1.02}h1 .mid{display:inline-block;position:relative}h1 .mid svg{pointer-events:none;width:106%;height:auto;position:absolute;bottom:-10%;left:-3%;overflow:visible}h1 .mid svg path{fill:none;stroke:var(--coin);stroke-width:5px;stroke-linecap:round}.lede{color:#33312b;max-width:46ch;margin:26px 0 6px;font-size:20px}.lede b{font-weight:600}.cta-row{flex-wrap:wrap;align-items:center;gap:22px;margin:28px 0 22px;display:flex}.link-arrow{font-family:var(--display);text-underline-offset:5px;font-size:16px;font-weight:700;text-decoration:underline 2.5px}.install{background:var(--ink);max-width:440px;color:var(--cream);border:var(--line);box-shadow:var(--sh);font-family:var(--mono);border-radius:12px;align-items:center;gap:12px;padding:12px 12px 12px 16px;font-size:14px;display:flex}.install .prompt{color:#8f8a7d;user-select:none}.install code{white-space:nowrap;flex:1;min-width:0;overflow:auto}.install button{font-family:var(--mono);background:var(--cream);color:var(--ink);border:2px solid var(--cream);cursor:pointer;border-radius:7px;flex:none;padding:6px 10px;font-size:12px;font-weight:600}.install button:hover{background:var(--coin);border-color:var(--coin)}.print{background:var(--cream);border:var(--line-thin);box-shadow:var(--sh);border-radius:14px;padding:14px;position:relative}.print img{border-radius:6px}.tape{z-index:2;background:#f5a03c80;border:1.5px solid #14141459;width:96px;height:30px;position:absolute}.tape.tl{top:-14px;left:26px;transform:rotate(-6deg)}.tape.br{bottom:-14px;right:30px;transform:rotate(-5deg)}.print .tag{z-index:3;font-size:14px;position:absolute;top:-16px;right:-14px}.caption{font-family:var(--mono);color:var(--muted);text-align:center;margin-top:14px;font-size:12.5px;line-height:1.5}.caption b{color:var(--ink);font-weight:600}.sec{padding-block:74px}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:38px;display:flex}.sec-head h2{font-family:var(--display);letter-spacing:-.015em;text-transform:uppercase;font-size:clamp(28px,4vw,44px);font-weight:700;line-height:1}.sec-head p{color:var(--muted);max-width:40ch;font-size:16px}.props{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.prop{background:var(--paper);border:var(--line-thin);box-shadow:var(--sh);border-radius:14px;padding:22px 20px 24px}.prop .n{font-family:var(--mono);color:var(--petrol);font-size:13px;font-weight:600}.prop h3{font-family:var(--display);margin:14px 0 10px;font-size:20px;font-weight:700;line-height:1.06}.prop p{color:#3a382f;font-size:15px}.cat-band{background:var(--cream);border-top:var(--line);border-bottom:var(--line)}.grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.card{background:var(--paper);border:var(--line-thin);box-shadow:var(--sh);border-radius:14px;flex-direction:column;gap:14px;padding:22px 20px;display:flex;position:relative}.card .top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card h3{font-family:var(--display);font-size:21px;font-weight:700;line-height:1.05}.card .prov{font-family:var(--mono);color:var(--muted);margin-top:5px;font-size:13px}.card .foot{justify-content:flex-end;align-items:center;gap:12px;margin-top:auto;display:flex}.card .rate{font-family:var(--mono);color:var(--muted);font-size:12.5px}.cat-cta{justify-content:center;margin-top:40px;display:flex}.shelf{grid-template-columns:.8fr 1.2fr;align-items:center;gap:48px;margin-top:8px;display:grid}.shelf .print{max-width:360px}.shelf h2{font-family:var(--display);text-transform:uppercase;letter-spacing:-.015em;font-size:clamp(28px,4vw,42px);font-weight:700;line-height:1}.shelf p{color:#33312b;max-width:44ch;margin-top:16px;font-size:18px}footer{border-top:var(--line);background:var(--cream);padding:54px 0 44px}.foot-grid{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.foot-lead{font-family:var(--display);letter-spacing:-.01em;font-size:clamp(22px,3vw,32px);font-weight:700;line-height:1.15}.foot-myth{font-family:var(--mono);color:var(--muted);letter-spacing:.03em;margin-top:8px;font-size:13px}.foot-links{flex-wrap:wrap;gap:22px;display:flex}.foot-links a{font-size:15px;font-weight:600;text-decoration:none}.foot-links a:hover{text-underline-offset:4px;text-decoration:underline 2px}@media (width<=920px){.hero-grid{grid-template-columns:1fr;gap:40px}.props,.grid{grid-template-columns:repeat(2,1fr)}.shelf{grid-template-columns:1fr;gap:28px}.shelf .print{max-width:420px;margin:0 auto}.recipes-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.nav{gap:16px}.menu{gap:14px}.menu a{font-size:14px}.nav .btn{padding:8px 14px}}@media (width<=560px){body{font-size:16px}.menu .hide-sm{display:none}.kicker .nowrap{white-space:normal}.props,.grid,.recipes-grid{grid-template-columns:1fr}.sec{padding-block:56px}.install code{white-space:normal;font-size:13px;line-height:1.5;overflow:visible}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.ticker{background:var(--cream);color:var(--muted);border-top:var(--line-thin);font-family:var(--mono);letter-spacing:.04em;padding:9px 0;font-size:12.5px;font-weight:500;overflow:hidden}.ticker .lane{gap:0;width:max-content;animation:46s linear infinite tick;display:flex}.ticker .chunk{white-space:nowrap;padding-right:1em;display:inline-flex}.ticker .c{color:var(--ink);font-weight:600}@keyframes tick{0%{transform:translate(0)}to{transform:translate(-50%)}}.recipes-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.recipe{border:var(--line);box-shadow:var(--sh);background:#fff;border-radius:14px;flex-direction:column;gap:10px;padding:22px;display:flex}.recipe h3{font-family:var(--display);font-size:20px;font-weight:700;line-height:1.1}.recipe .desc{color:#33312b;font-size:14.5px}.recipe .ing{font-family:var(--mono);border-top:2px dashed #b9b3a3;gap:6px;margin-top:8px;padding-top:12px;font-size:12.5px;display:grid}.recipe .ri{align-items:baseline;gap:8px;display:flex}.recipe .ri .dots{border-bottom:2px dotted #c9c2b0;flex:1;transform:translateY(-3px)}.recipe .ri .amt{font-weight:600}.recipe .tot{border-top:2px dashed #b9b3a3;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;display:flex}.recipe .tot .lbl{font-family:var(--mono);letter-spacing:.06em;color:var(--muted);font-size:12px;font-weight:600}.recipe .note{font-family:var(--mono);color:var(--muted);margin-top:6px;font-size:11.5px}.recipes-cta{justify-content:center;margin-top:34px;display:flex}.page-hero{padding-block:56px 30px}.page-hero h1{font-family:var(--display);letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(40px,6vw,72px);font-weight:700;line-height:.98}.page-hero .lede{color:#33312b;max-width:56ch;margin:20px 0 0;font-size:19px}.rgrid{grid-template-columns:repeat(2,1fr);gap:26px;margin-top:44px;display:grid}.rcard{border:var(--line);box-shadow:var(--sh);background:#fff;border-radius:14px;flex-direction:column;gap:12px;padding:26px;display:flex}.rcard header{all:unset;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.rcard h2{font-family:var(--display);font-size:24px;font-weight:700;line-height:1.05}.rcard .desc{color:#33312b;max-width:52ch;font-size:15px}.steps{border-top:2px dashed #b9b3a3;gap:10px;margin-top:6px;padding-top:14px;display:grid}.step{align-items:baseline;gap:12px;font-size:14.5px;display:flex}.step .sn{font-family:var(--mono);border:var(--line-thin);background:var(--paper);border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-weight:600;display:grid;transform:translateY(4px)}.step .what b{font-weight:600}.step .meta{font-family:var(--mono);color:var(--muted);margin-top:2px;font-size:11.5px;display:block}.step .price{font-family:var(--mono);flex:none;margin-left:auto;font-size:13px;font-weight:600}.step .free{color:var(--muted);font-weight:500}.rfoot{border-top:2px dashed #b9b3a3;justify-content:space-between;align-items:center;margin-top:8px;padding-top:12px;display:flex}.rfoot .out{font-family:var(--mono);color:var(--muted);font-size:12px}.rfoot .out b{color:var(--ink)}.byo{background:var(--cream);grid-column:1/-1;align-items:flex-start}.byo .install{max-width:100%;margin-top:10px}.foot-note{font-family:var(--mono);color:var(--muted);text-align:center;margin-top:30px;font-size:12px}@media (width<=920px){.rgrid{grid-template-columns:1fr}}.skip{z-index:30;position:absolute;left:-9999px}.skip:focus{background:var(--paper);border:var(--line-thin);border-radius:8px;padding:8px 14px;top:12px;left:16px}main:focus{outline:none}
