:root{color-scheme:dark;--ink: #f6e6d0;--paper: #24160f;--mute: #c9a07a;--line: #5a3824;--accent: #f08a3a;--accent-deep: #d4562a;--ok: #d4b06a;--bad: #e06a4e;--card: #311e14;--pad: max(16px, env(safe-area-inset-left, 0px));--pad-r: max(16px, env(safe-area-inset-right, 0px));--pad-t: max(12px, env(safe-area-inset-top, 0px));--pad-b: max(20px, env(safe-area-inset-bottom, 0px));--gutter: clamp(16px, 3.4vw, 40px);font-family:DM Sans,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100dvh;width:100%;background:radial-gradient(900px 420px at 0% 0%,#7a3a18 0%,transparent 55%),radial-gradient(800px 380px at 100% 10%,#5a2a12 0%,transparent 50%),var(--paper);color:var(--ink)}html{overflow-x:clip}body{min-height:100dvh}a{color:var(--accent)}code,pre,.mono{font-family:ui-monospace,IBM Plex Mono,Menlo,Consolas,monospace}.shell{position:relative;min-height:100dvh;width:100%;overflow-x:clip}.orb{position:fixed;inset:auto;width:min(58vw,420px);height:min(58vw,420px);border-radius:50%;pointer-events:none;z-index:0;filter:blur(70px);opacity:.38}.orb-a{top:-8vh;right:-6vw;background:#f08a3a}.orb-b{bottom:-12vh;left:-10vw;background:#d4562a}.orb-c{top:42vh;left:38vw;width:min(34vw,260px);height:min(34vw,260px);background:#c47a28;opacity:.28}.shell>*:not(.orb):not(.popup-layer){position:relative;z-index:1}.topbar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 16px;padding:calc(var(--pad-t) + 6px) var(--gutter) 10px;border-bottom:1px solid var(--line);width:100%;background:#24160fd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:700}.links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 14px}.links a{color:var(--mute);text-decoration:none;font-size:.92rem;font-weight:600;min-height:40px;display:inline-flex;align-items:center}.hero{display:grid;grid-template-columns:1fr;width:100%;padding:clamp(18px,3.2vh,28px) var(--gutter) clamp(18px,3.2vh,28px);gap:16px;align-items:start}.kicker{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:700;margin:0 0 8px}.hero h1{font-family:Newsreader,Iowan Old Style,Georgia,serif;font-size:clamp(2rem,7.2vw,4.2rem);line-height:.98;font-weight:600;margin:0;max-width:18ch}.hero-copy{display:flex;flex-direction:column;justify-content:flex-start;gap:14px;min-width:0}.lede{color:var(--mute);font-size:clamp(1rem,2.1vw,1.18rem);line-height:1.45;margin:0;max-width:46ch}.row{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border:1px solid var(--accent);background:var(--accent);color:#24160f;text-decoration:none;font-family:inherit;font-size:.98rem;font-weight:700;cursor:pointer;flex:1 1 150px;border-radius:999px}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}.band{width:100%;padding:clamp(22px,3.4vh,36px) var(--gutter);border-top:1px solid var(--line)}.band h2{font-family:Newsreader,Georgia,serif;font-weight:600;font-size:clamp(1.45rem,3.4vw,2.1rem);margin:0 0 6px}.band>p{color:var(--mute);line-height:1.5;margin:0 0 16px}.spread{display:grid;grid-template-columns:1fr;gap:12px;width:100%}.card{border:1px solid var(--line);padding:clamp(14px,2vw,20px);min-width:0;background:var(--card);border-radius:16px}.card h3{margin:0 0 6px;font-weight:700;font-size:1.05rem}.card p{margin:0}.card.tint-a{background:#e07a3a;color:#24160f}.card.tint-a p{color:#4a2814}.card.tint-b{background:#f0c14b;color:#24160f}.card.tint-b p{color:#5a3a10}.card.tint-c{background:#c44a28;color:#fff4e8}.card.tint-c p{color:#ffe0cc}.card.tint-d{background:#8b3a1a;color:#ffe8d2}.card.tint-d p{color:#f0c9a8}.install-tile{cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit}.install-tile h3{margin:0 0 6px}.install-tile .preview{margin:0;color:var(--mute);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popup-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:20px;background:#140a068c}.popup{width:min(720px,100%);max-height:min(80dvh,640px);overflow:auto;background:#3a2418;border:1px solid var(--accent);border-radius:18px;padding:18px;box-shadow:0 24px 80px #00000073}.popup h3{margin:0 0 10px;font-size:1.2rem}.popup .row{margin-top:12px}.popup:focus{outline:2px solid var(--accent);outline-offset:3px}pre{background:#1a100c;border:0;border-radius:12px;padding:12px 14px;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:clamp(.72rem,2.6vw,.84rem);line-height:1.45;color:#f6d7b0;max-width:100%;white-space:pre}.price{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 12px;margin-bottom:8px}.price strong{font-size:clamp(1.4rem,4vw,2rem);color:var(--accent)}.note{font-size:.85rem;color:var(--mute);margin:8px 0}label{display:block;margin-bottom:8px;font-weight:600}input{width:100%;background:#1a100c;color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:12px;font:inherit;min-height:48px}.status{margin-top:10px;font-size:.95rem}.status.ok{color:var(--ok)}.status.bad{color:var(--bad)}.period{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 16px;width:100%}.site-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;padding:18px var(--gutter) calc(var(--pad-b) + 14px);border-top:1px solid var(--line);color:var(--mute);font-size:.85rem}@media(min-width:640px){.spread-2,.spread-4{grid-template-columns:1fr 1fr}.btn{flex:0 1 auto;min-width:156px}}@media(min-width:900px){.hero{grid-template-columns:1.15fr .85fr;align-items:start;min-height:0;padding:28px var(--gutter) 24px;gap:28px}.spread-4{grid-template-columns:repeat(4,1fr)}.period{max-width:320px}}@media(min-width:1280px){:root{--gutter: clamp(28px, 4vw, 56px)}}@media(max-width:380px){.topbar{grid-template-columns:1fr}.links{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.orb{display:none}*{animation:none!important;transition:none!important}}