:root{--canvas: #f6f5f2;--surface: #ffffff;--sunken: #efede8;--border: #e8e5df;--border-strong: #d6d2ca;--ink: #17140f;--text: #3a362f;--muted: #6f6a62;--subtle: #9a958c;--accent: #7cc914;--accent-ink: #3b6e00;--accent-soft: #eaf5d8;--on-accent: #10200a;--danger: #c62828;--danger-soft: #fdecec;--warn: #a15c00;--warn-soft: #fbf0dc;--shadow: 0 1px 2px rgba(23, 20, 15, .04), 0 8px 24px rgba(23, 20, 15, .06);--shadow-lg: 0 2px 4px rgba(23, 20, 15, .04), 0 24px 48px rgba(23, 20, 15, .1);--font-sans: "Geist", ui-sans-serif, system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-hand: "Caveat", cursive;--radius: 12px;--max: 1120px;--gutter: 24px;color-scheme:light}@media(prefers-color-scheme:dark){:root{--canvas: #12100e;--surface: #1a1815;--sunken: #0e0c0a;--border: #2c2824;--border-strong: #3a352f;--ink: #f4f1ec;--text: #d6d1c8;--muted: #a39e95;--subtle: #77726a;--accent: #89e900;--accent-ink: #a6f03c;--accent-soft: #1d2a0f;--danger: #f87171;--danger-soft: #2c1414;--warn: #f5c25b;--warn-soft: #2e2410;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .25);--shadow-lg: 0 2px 4px rgba(0, 0, 0, .3), 0 24px 48px rgba(0, 0, 0, .4);color-scheme:dark}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--canvas);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--accent-soft);color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}@media(max-width:640px){:root{--gutter: 16px}}.mono{font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;color:var(--muted)}.eyebrow{font-family:var(--font-mono);font-size:13px;color:var(--accent-ink);margin-bottom:14px}.h-section{font-size:clamp(32px,5vw,48px);line-height:1.08;letter-spacing:-.03em;font-weight:600;color:var(--ink);max-width:18ch}.lede{font-size:18px;color:var(--muted);max-width:56ch;margin-top:16px}.hand{font-family:var(--font-hand);font-weight:600;font-size:1.18em;letter-spacing:0;color:var(--accent-ink);position:relative;isolation:isolate;white-space:nowrap}.hand:after{content:"";position:absolute;left:-2%;right:-2%;bottom:.02em;height:.16em;background:var(--accent);opacity:.45;border-radius:999px;transform:rotate(-1.2deg);z-index:-1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:10px;font-size:15px;font-weight:500;line-height:1;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background-color .15s,border-color .15s,transform .1s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--ink);color:var(--canvas)}.btn-primary:hover{background:color-mix(in srgb,var(--ink) 86%,var(--canvas))}.btn-accent{background:var(--accent);color:var(--on-accent)}.btn-accent:hover{background:color-mix(in srgb,var(--accent) 88%,var(--ink))}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--border-strong)}.btn-ghost:hover{border-color:var(--ink)}.btn-sm{padding:9px 14px;font-size:14px}.site-nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--canvas) 86%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--border)}.site-nav .wrap{height:64px;display:flex;align-items:center;gap:28px}.brand{font-weight:700;letter-spacing:.04em;color:var(--ink);font-size:15px;white-space:nowrap}.brand span{color:var(--accent-ink)}.nav-links{display:flex;gap:22px;list-style:none;flex:1}.nav-links a{font-size:14px;color:var(--muted);transition:color .15s}.nav-links a:hover{color:var(--ink)}@media(max-width:760px){.nav-links{display:none}.site-nav .wrap{justify-content:space-between}}.hero{padding:72px 0 96px}.hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:center}@media(max-width:960px){.hero{padding:40px 0 72px}.hero .wrap{grid-template-columns:minmax(0,1fr);gap:48px}}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-family:var(--font-mono);font-size:12px;color:var(--muted)}.dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);flex-shrink:0;display:inline-block}.dot-live{animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}.hero-title{margin-top:22px;font-size:clamp(40px,6.4vw,68px);line-height:1.02;letter-spacing:-.04em;font-weight:600;color:var(--ink)}.hero-sub{margin-top:22px;font-size:18px;color:var(--muted);max-width:52ch}.hero-sub strong{color:var(--ink);font-weight:600}.hero-actions{margin-top:32px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.hero-note{margin-top:18px}.stage{position:relative;padding:92px 0 70px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.stage-main{position:relative;z-index:2;box-shadow:var(--shadow-lg);overflow:hidden}.stage-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border)}.stage-head .mono{display:flex;align-items:center;gap:8px;color:var(--ink)}.stage-body{padding:16px 18px 26px;display:flex;flex-direction:column;gap:12px}.kv{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:8px 0;border-bottom:1px dashed var(--border)}.kv:last-child{border-bottom:none}.kv span:first-child{font-family:var(--font-mono);font-size:12px;color:var(--muted);padding-top:2px}.kv span:last-child{color:var(--ink);font-weight:500;text-align:right}.kv .ok{color:var(--accent-ink)}.stage-chip{position:absolute;z-index:3;padding:12px 14px;min-width:190px}.stage-chip .mono{display:block;margin-bottom:4px}.stage-chip strong{display:block;font-size:14px;color:var(--ink);font-weight:600}.stage-chip small{display:block;font-size:12px;color:var(--muted);margin-top:2px}.chip-a{top:0;left:0;transform:rotate(-1.5deg)}.chip-b{top:6px;right:0;min-width:150px;transform:rotate(1.5deg)}.chip-c{bottom:0;right:20px;transform:rotate(1deg)}.chip-c strong{color:var(--accent-ink)}.meter{height:6px;background:var(--sunken);border-radius:999px;margin-top:8px;overflow:hidden}.meter span{display:block;height:100%;background:var(--accent);border-radius:inherit}.stage-caption{margin-top:28px;text-align:center}@media(max-width:640px){.stage{padding:0}.stage-chip{position:relative;width:fit-content;max-width:85%;inset:auto}.chip-a{margin:0 0 -8px 4px}.chip-c{margin:-8px 4px 0 auto}.chip-b{display:none}}.section{padding:104px 0;border-top:1px solid var(--border)}@media(max-width:640px){.section{padding:72px 0}}.section-head{margin-bottom:48px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}@media(max-width:960px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.grid-3,.grid-2{grid-template-columns:minmax(0,1fr)}}@media(max-width:560px){.grid-4{grid-template-columns:minmax(0,1fr)}}.tile{padding:24px;display:flex;flex-direction:column;gap:8px}.tile .mono{color:var(--accent-ink)}.tile h3{margin-top:6px;font-size:19px;letter-spacing:-.02em;color:var(--ink);font-weight:600}.tile p{color:var(--muted);font-size:15px}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:12px}.tag{font-family:var(--font-mono);font-size:11px;color:var(--muted);padding:3px 8px;border:1px solid var(--border);border-radius:999px}.checklist{list-style:none}.checklist li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;padding:10px 0;font-size:15px;border-bottom:1px dashed var(--border)}.checklist li:last-child{border-bottom:none}.checklist .box{font-family:var(--font-mono);font-size:13px;color:var(--accent-ink)}.checklist li.off,.checklist li.off .box{color:var(--subtle)}.faq{max-width:820px}.faq details{border-bottom:1px solid var(--border)}.faq details:first-child{border-top:1px solid var(--border)}.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:20px 0;font-size:17px;font-weight:500;color:var(--ink)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--font-mono);color:var(--muted);flex-shrink:0}.faq details[open] summary:after{content:"−"}.faq details p{padding:0 0 22px;color:var(--muted);max-width:68ch}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field label{font-size:13px;color:var(--muted)}.input{width:100%;background:var(--canvas);border:1px solid var(--border-strong);border-radius:8px;padding:10px 12px;font-size:15px;color:var(--ink)}.input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}textarea.input{min-height:104px;resize:vertical}.btn.ok{background:var(--accent);color:var(--on-accent)}.btn.err{background:var(--danger);color:#fff}.hp{position:absolute;left:-9999px;width:0;height:0;opacity:0}.site-footer{border-top:1px solid var(--border);padding:40px 0 48px}.site-footer .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:center}.footer-links{display:flex;gap:20px;flex-wrap:wrap;list-style:none}.footer-links a{font-size:14px;color:var(--muted)}.footer-links a:hover{color:var(--ink)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.dot-live{animation:none}}