:root{color-scheme:dark;--bg:#101a1a;--surface:#172525;--surface-2:#1e3030;--ink:#e9f2ef;--muted:#a8bfba;--line:#35504c;--accent:#69d4c4;--accent-ink:#082522;--danger:#ffb8ad;--focus:#a5fff0;--shadow:0 12px 32px #06100f55;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.55}.topbar{height:68px;padding:0 max(24px,calc((100vw - 820px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--bg)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:700;text-decoration:none;letter-spacing:.01em}.brand-mark{width:22px;height:22px;border:5px solid var(--accent);border-right-color:transparent;border-radius:50%;transform:rotate(-25deg)}.top-actions{display:flex;align-items:center;gap:18px}.connection{color:var(--muted);font-size:.875rem}.theme-toggle,.text-button{border:0;background:none;color:var(--accent);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:8px}.theme-toggle{color:var(--muted);text-decoration:none}main{width:min(100% - 40px,680px);margin:0 auto}.intro{padding:64px 0 34px}.kicker{margin:0 0 10px;color:var(--accent);font-size:.875rem;font-weight:650}.intro h1{font-size:clamp(1.8rem,5vw,2.5rem);line-height:1.22;letter-spacing:-.045em;margin:0;max-width:15ch}.lede{color:var(--muted);max-width:58ch;margin:18px 0 0}.stage{border-top:1px solid var(--line);padding:30px 0 34px;scroll-margin-top:20px}.stage-heading{display:flex;gap:16px;align-items:flex-start;margin-bottom:24px}.stage-mark{display:grid;place-items:center;flex:0 0 30px;height:30px;border:1px solid var(--line);border-radius:50%;color:var(--accent);font-size:.9rem}.stage h2{font-size:1.25rem;line-height:1.35;margin:1px 0 5px}.stage-heading p{color:var(--muted);margin:0;font-size:.95rem}.button{min-height:48px;border-radius:7px;padding:11px 18px;font:inherit;font-weight:650;cursor:pointer}.primary{border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink)}.secondary{border:1px solid var(--line);background:var(--surface-2);color:var(--ink)}.button:disabled{opacity:.55;cursor:wait}.status-line{min-height:26px;color:var(--muted);margin:13px 0 0;font-size:.94rem}.status-line[data-kind="error"]{color:var(--danger)}.status-line[data-kind="success"]{color:var(--accent)}.fixture-picker{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:var(--muted)}select{min-height:42px;padding:8px 34px 8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font:inherit}.backup-panel,.result-panel{margin-top:18px;padding:16px;background:var(--surface);border-left:3px solid var(--accent)}.backup-panel p,.result-panel p{margin:0 0 12px}.price-copy{font-size:1.2rem;font-weight:650;margin:0 0 18px}.notice{padding:13px 16px;margin:0 0 18px;border-radius:6px}.demo-notice{background:#1d3935;color:#bcf5e7;border:1px solid #376c62}.error-notice{background:#382624;color:var(--danger);border:1px solid #70433d}footer{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.8rem;padding:28px 0 42px;border-top:1px solid var(--line)}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button:hover:not(:disabled){filter:brightness(1.08)}
:root[data-theme="light"]{color-scheme:light;--bg:#f3f8f6;--surface:#fff;--surface-2:#e7f2ef;--ink:#18302d;--muted:#526c67;--line:#c7d9d4;--accent:#087f73;--accent-ink:#fff;--focus:#006a60;--shadow:0 12px 32px #18302d14}.demo-notice{background:#e1f4ef;color:#14564c;border-color:#b8ddd3}.error-notice{background:#fff0ed;color:#8b3025;border-color:#e8c1b9}
@media(max-width:520px){.topbar{height:60px;padding:0 18px}.top-actions{gap:8px}.connection{font-size:.78rem}main{width:min(100% - 36px,680px)}.intro{padding:46px 0 28px}.stage{padding:25px 0 29px}.stage-heading{gap:12px}.fixture-picker{align-items:flex-start;flex-direction:column;gap:7px}select{width:100%}footer{flex-direction:column;gap:4px}}
.invoice-link{display:inline-block;margin:12px 12px 0 0;color:var(--accent);text-underline-offset:3px}.stage.is-confirmed{padding-top:17px;padding-bottom:20px}.stage.is-confirmed .stage-heading{margin-bottom:8px}.stage.is-confirmed .stage-heading p{display:none}.stage.is-confirmed #entitled-copy{margin:0}.stage.is-confirmed #payment-status,.stage.is-confirmed #refresh-button{margin-top:7px}.top-actions{min-width:0}.connection{max-width:135px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:370px){.topbar{padding-inline:12px}.top-actions{gap:3px}.connection{max-width:76px}.theme-toggle{padding:7px 5px;font-size:.82rem}.brand{gap:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.product-preview{margin:24px 0 32px}.product-preview img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:12px}.product-preview figcaption{margin-top:10px;color:var(--muted);font-size:.875rem}