/* Warm paper, mint accents and soft pill controls. */
:root{color-scheme:light;--paper:#faf9f5;--ink:#233c38;--muted:#667570;--orange:#c35d46;--line:#dde5df;--mint:#e8f2e8;--line-green:#06c755}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#edf5ea 0,transparent 600px),var(--paper);color:var(--ink);font:16px/1.7 -apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}a{color:inherit}main{max-width:1060px;margin:auto;padding:40px 28px 70px}
.hero-header{position:relative;text-align:center;padding:32px 20px 26px;margin-bottom:8px;isolation:isolate}.hero-orbit{display:flex;justify-content:center;align-items:center;gap:7px;margin-bottom:16px}.hero-orbit span{display:block;width:12px;height:12px;border-radius:50%;background:#bad5c3}.hero-orbit span:nth-child(2){width:26px;height:26px;background:#e7b3a0;box-shadow:0 0 0 5px #f8eee6}.hero-orbit span:nth-child(3){background:#d9cb97}.eyebrow{margin:0 0 14px;font-size:12px;letter-spacing:.16em;color:var(--muted);font-weight:600}h1{font-size:clamp(30px,4vw,46px);font-weight:750;letter-spacing:.015em;line-height:1.4;margin:0;overflow-wrap:anywhere}h1 span{display:inline-block}h2{font-size:23px;font-weight:650;line-height:1.6;margin:12px 0 24px}.gumroad-note{font-size:12px;color:var(--muted);margin:20px auto 0;max-width:450px;line-height:1.8}
.languages,.views{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.languages{margin:12px 0 24px}.languages button{border:1px solid var(--line);border-radius:999px;background:#fffaf8;padding:10px 18px;min-height:44px;color:var(--muted);font-size:14px;transition:background .15s,box-shadow .15s}.languages button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 4px 12px #233c381a}.languages button:hover{box-shadow:0 3px 10px #233c3814}.views{width:fit-content;max-width:100%;margin:0 auto 30px;padding:5px;gap:5px;border:1px solid #e0e7de;background:#eaf0e7;border-radius:999px}.views button{border:none;border-radius:999px;background:transparent;padding:12px 22px;min-height:48px;color:var(--muted);font-size:14px;font-weight:650;transition:background .15s,box-shadow .15s}.views button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 3px 10px #233c3810}
.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 4px 16px #233c3805}.product img.hero{width:100%;height:170px;object-fit:contain}.product h3{font-size:15px;line-height:1.5;margin:12px 0}.reason{font-size:13px;color:var(--muted);margin:0 0 12px}.samples{display:flex;gap:5px;margin:0 0 16px}.samples img{width:calc((100% - 10px)/3);height:80px;object-fit:contain}.links{display:flex;gap:8px;margin-top:auto}.buy{flex:1;min-height:44px;display:flex;align-items:center;justify-content:center;padding:10px 6px;text-align:center;background:var(--line-green);color:#123a27;border-radius:999px;text-decoration:none;font-size:13px;font-weight:700;transition:filter .15s}.buy:hover{filter:brightness(.95)}.buy.gumroad{background:#f4e5db;color:#634b40}.unavailable{flex:1;padding:10px 6px;text-align:center;color:var(--muted);background:#f0f2ed;border-radius:999px;font-size:13px}
.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:720px}.choice{background:#fff;border:1px solid var(--line);border-radius:18px;text-align:left;padding:18px;min-height:75px;color:var(--ink);box-shadow:0 3px 12px #233c3805}.choice:hover{background:var(--mint);border-color:#b6cbb9}.clerk{display:inline-block;padding:6px 12px;background:var(--mint);border-radius:999px;font-weight:650}.clerk,.step,.note{font-size:13px;color:var(--muted)}#list-count{text-align:center;margin:0 0 18px;font-size:12px;letter-spacing:.08em}.navigation{display:flex;gap:24px;margin-top:25px;flex-wrap:wrap}.text-button{background:none;border:none;padding:10px 0;min-height:44px;font-size:13px;color:var(--muted);text-decoration:underline;text-underline-offset:5px}.answer-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.answer-tags span{font-size:12px;background:var(--mint);border-radius:20px;padding:4px 10px}.different{margin-top:25px;padding:13px 22px;min-height:48px;border:1px solid #e1bfb1;border-radius:999px;background:#fff5ee;color:#9d452f;font-weight:650}.different:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:3px}[hidden]{display:none!important}
@media(max-width:700px){main{padding:18px 16px 50px}.hero-header{padding:24px 6px 18px}.hero-orbit{margin-bottom:18px}.eyebrow{font-size:11px;letter-spacing:.1em;margin-bottom:12px}h1{font-size:32px;line-height:1.45}h1 span{display:block}.gumroad-note{font-size:11px;margin-top:16px;max-width:300px}.languages{gap:6px;margin:8px 0 20px}.languages button{padding:9px 13px;font-size:13px}.views{margin-bottom:24px;width:100%;max-width:360px}.views button{flex:1;padding:12px 8px;font-size:13px}.products{grid-template-columns:1fr 1fr;gap:10px}.product{padding:12px;border-radius:17px}.product img.hero{height:135px}.samples img{height:55px}.product h3{font-size:13px}.links{flex-direction:column}.choice{padding:14px;font-size:14px}h2{font-size:20px}.step{line-height:1.8}}
@media(max-width:360px){h1{font-size:28px}.languages button{padding:9px 10px;font-size:12px}.hero-header{padding-left:0;padding-right:0}}
@media(max-width:350px){.products{grid-template-columns:1fr}.product img.hero{height:160px}}
@media(prefers-reduced-motion:reduce){button,.buy{transition:none}}