:root{--bg:#f5f6f8;--surface:#ffffff;--text:#16181d;--muted:#5c6470;--border:#e3e6ea;--accent:#1f6fb2;--accent-text:#ffffff;--accent-ink:#1a5c93;--danger:#c0392b;--accent-hover:#1b619c;--accent-soft:rgba(31,111,178,0.14);--radius:12px;--radius-lg:16px;--shadow-card:0 1px 2px rgba(22,24,29,0.04),0 4px 12px rgba(22,24,29,0.05);--shadow-raised:0 2px 4px rgba(22,24,29,0.06),0 12px 28px rgba(22,24,29,0.09);--focus-ring:0 0 0 3px rgba(31,111,178,0.3)}@media (prefers-color-scheme:dark){:root{--bg:#17181c;--surface:#1f2126;--text:#eceef2;--muted:#9aa1ad;--border:#2e3138;--accent:#3a95d8;--accent-ink:#6fb4e6;--accent-hover:#4ba0dd;--accent-soft:rgba(58,149,216,0.18);--shadow-card:0 1px 2px rgba(0,0,0,0.25),0 4px 12px rgba(0,0,0,0.28);--shadow-raised:0 2px 4px rgba(0,0,0,0.3),0 12px 28px rgba(0,0,0,0.4);--focus-ring:0 0 0 3px rgba(58,149,216,0.35)}}*{box-sizing:border-box}body{margin:0;padding:24px 16px 64px;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important}}main{max-width:640px;margin:0 auto}h1{font-size:28px;line-height:1.25;margin:0 0 12px}h2{font-size:20px;margin:0 0 8px}p{margin:0 0 16px}a{color:var(--accent);text-underline-offset:3px;transition-property:color;transition-duration:.15s}a:hover{color:var(--accent-hover)}.muted{color:var(--muted);font-size:15px}.stack{display:flex;flex-direction:column;gap:12px}.card{display:block;width:100%;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);color:inherit;text-align:left;text-decoration:none}button.card{font:inherit;cursor:pointer}a.card,button.card{transition-property:box-shadow,border-color,transform;transition-duration:.15s}a.card:hover,button.card:hover:not(:disabled){border-color:var(--accent);box-shadow:var(--shadow-raised)}a.card:active,button.card:active:not(:disabled){transform:scale(.99)}a.card:focus-visible,button.card:focus-visible{outline:none;box-shadow:var(--focus-ring)}.step-counter{margin-bottom:4px;color:var(--muted);font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.button{display:inline-block;width:100%;padding:14px 20px;border:0;border-radius:var(--radius);background:var(--accent);font:inherit;font-weight:600;text-align:center;text-decoration:none;cursor:pointer;transition-property:background-color,transform,box-shadow,border-color;transition-duration:.15s}.button,.button:hover{color:var(--accent-text)}.button:hover{background:var(--accent-hover)}.button:active{transform:scale(.96)}.button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.button:disabled,.button[aria-disabled=true]{opacity:.55;cursor:default}.button:disabled:hover,.button[aria-disabled=true]:hover{background:var(--accent)}.button:disabled:active,.button[aria-disabled=true]:active{transform:none}.button.secondary{background:transparent;border:1px solid var(--border);color:var(--text)}.button.secondary:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.button.danger{background:var(--danger);color:#fff}.button.danger:hover{background:var(--danger);filter:brightness(.92)}label{display:block;margin-bottom:6px;font-size:15px;font-weight:600}input,textarea{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;transition-property:border-color,box-shadow;transition-duration:.15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}textarea{min-height:120px;resize:vertical}.error{color:var(--danger);font-size:15px}main.login{display:flex;flex-direction:column;justify-content:center;min-height:calc(100dvh - 120px)}.topbar{display:flex;align-items:center;justify-content:space-between;max-width:640px;margin:0 auto 20px;font-weight:600}.topbar a{text-decoration:none}.topbar-actions{display:flex;align-items:center;gap:16px}.linklike{padding:0;border:0;background:none;color:var(--muted);font:inherit;font-weight:400;text-align:left;cursor:pointer;transition-property:color;transition-duration:.15s}.linklike:hover{color:var(--text)}.crumbs{margin:0 0 4px;color:var(--muted);font-size:15px}.crumbs a{text-decoration:none}.crumbs a:hover,.fill-example{text-decoration:underline}.fill-example{margin-top:6px;color:var(--accent)}.cards{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}.badge{display:inline-block;margin-bottom:8px;padding:2px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent-ink);font-size:13px;font-weight:600}.steps{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;counter-reset:step}.step{display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr) minmax(0,150px);align-items:start}.step-number{flex:0 0 auto;min-width:28px;height:28px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-size:15px;font-weight:600;line-height:28px;text-align:center}.step-body{flex:1 1 auto;min-width:0}.step-title{margin:3px 0 0;overflow-wrap:anywhere}.branches{margin:8px 0 0;padding:0;list-style:none;color:var(--muted);font-size:15px}.branches li:before{content:"└ "}.warning{margin:6px 0 0;color:var(--danger);font-size:15px}.step-side{display:flex;flex-direction:column;gap:4px;align-items:flex-end;font-size:15px;text-align:right}.step-side .warning{overflow-wrap:anywhere}.step-edit{color:var(--accent);text-decoration:none}.step-actions{display:flex;gap:8px;font-size:14px}.add-step{margin-top:4px}.step-open{border-color:var(--accent)}main.wide{max-width:1000px}.editor-layout{display:grid;gap:16px;align-items:start;grid-template-columns:1fr}@media (min-width:900px){.editor-layout{grid-template-columns:1fr 340px}.editor{position:sticky;top:16px}}.editor-head{display:flex;align-items:baseline;justify-content:space-between}.editor-head h2{margin:0}.markup-buttons{display:flex;gap:6px;margin-bottom:6px}.chip{padding:6px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font:inherit;font-size:14px;cursor:pointer;transition-property:background-color,border-color;transition-duration:.15s}.chip:hover{background:var(--accent-soft);border-color:var(--accent)}select{width:100%;padding:12px 14px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;transition-property:border-color,box-shadow;transition-duration:.15s}.preview,select{border-radius:var(--radius)}.preview{margin:12px 0;padding:12px;background:var(--bg)}.preview p{max-width:85%;margin:0 0 6px;padding:8px 12px;border-radius:var(--radius);font-size:15px}.preview p:last-child{margin-bottom:0}.preview .bot{background:var(--surface);border:1px solid var(--border)}.preview .human{margin-left:auto;background:var(--accent);color:var(--accent-text)}.rows{display:flex;flex-direction:column;gap:8px;margin:0 0 8px;padding:0;list-style:none}.rows li{display:grid;gap:6px;grid-template-columns:1fr auto;align-items:center}.rows li input,.rows li select{grid-column:1}.rows li button{grid-column:2;grid-row:1/span 2}.label{display:block;margin-bottom:6px;font-size:15px;font-weight:600}.duration{display:grid;gap:8px;grid-template-columns:1fr 1fr}.publish-row{display:flex;gap:12px;align-items:center}.publish-row .button{width:auto}.preview .turn{display:flex;flex-direction:column}.preview .turn-human{align-items:flex-end}.preview .note{margin:10px 0 6px;color:var(--muted);font-size:13px;text-align:center}.preview .file{display:block;margin-bottom:4px;font-size:14px;opacity:.85}.preview-buttons{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.preview-buttons .chip{font-size:13px}.chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}.chips .chip{display:inline-flex;gap:6px;align-items:center}.chips .chip form{display:inline}.checkbox,.chips label.chip{display:inline-flex;gap:8px;align-items:center;cursor:pointer}.checkbox input,.chips label.chip input{width:auto}.stack-tight{display:block}.filter .publish-row .button{width:auto}.table-scroll{overflow-x:auto}table.people{width:100%;border-collapse:collapse;font-size:15px}table.people td,table.people th{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}table.people tbody tr{transition-property:background-color;transition-duration:.1s}table.people tbody tr:hover{background:var(--accent-soft)}table.people thead th{color:var(--muted);font-size:14px;font-weight:600}table.people tbody th{font-weight:600}table.people .badge{margin-left:8px}.pairs{display:grid;gap:8px 16px;grid-template-columns:auto 1fr;margin:0}.pairs dt{color:var(--muted)}.pairs dd{margin:0}.progress{overflow:hidden;height:10px;border-radius:999px;background:var(--surface);border:1px solid var(--border)}.progress span{display:block;height:100%;background:var(--accent);transition-property:width;transition-duration:.6s}summary{cursor:pointer;transition-property:color;transition-duration:.15s}summary:hover{color:var(--accent-ink)}.counts{margin:0;padding:0;list-style:none}.counts li{display:flex;justify-content:space-between;gap:12px;padding:4px 0;border-bottom:1px solid var(--border)}.counts li:last-child{border-bottom:0}.counts span{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}main.site{max-width:none;margin:0}.wrap{max-width:1120px;margin:0 auto;padding:0 20px}.site-topbar{display:flex;align-items:center;justify-content:space-between;padding-top:8px;padding-bottom:8px;font-weight:600}.site-topbar a{text-decoration:none}.section{padding:56px 0}.section h2{font-size:32px;margin:0 0 24px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-card);padding:40px 36px}@media (max-width:900px){.panel{padding:28px 20px}}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding:72px 0 56px}.hero h1{font-size:44px;line-height:1.15;margin:0 0 20px}.hero .lead{font-size:19px;line-height:1.55;margin:0 0 28px}.hero .note{font-size:15px;margin-top:12px}.hero .badge{display:inline-block}.cta-block .button,.hero .button{width:auto;padding:15px 32px;font-size:17px}.hero .preview p{width:fit-content}.chat{margin:0}.chat figcaption{margin-top:10px;font-size:14px;text-align:center}.chat-window{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-raised)}.chat-head{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border)}.chat-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--accent-text);font-weight:700}.chat-name{font-weight:600;font-size:15px;line-height:1.3}.chat-name small{display:block;color:var(--muted);font-weight:400;font-size:13px}.chat-window .preview{margin:0;border-radius:0}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.compare{width:100%;border-collapse:collapse}.compare td,.compare th{text-align:left;padding:14px 12px;border-bottom:1px solid var(--border)}.compare td:nth-child(2),.compare th:nth-child(2){background:var(--accent-soft)}.compare thead th:nth-child(2){color:var(--accent-ink)}.compare tbody tr:last-child td,.compare tbody tr:last-child th{border-bottom:0}.faq details{border-bottom:1px solid var(--border);padding:16px 0}.faq summary{cursor:pointer;font-weight:600;font-size:18px}.faq summary:hover{color:var(--accent-ink)}.faq summary::marker{color:var(--accent)}.faq p{margin:10px 0 0}.legal{max-width:760px}.legal h1{font-size:34px;line-height:1.2;margin:0 0 8px}.legal h2{font-size:22px;margin:36px 0 12px}.legal p{font-size:17px;line-height:1.6}.pricing-points{margin:0;padding:0;list-style:none}.pricing-points li{position:relative;padding:8px 0 8px 30px}.pricing-points li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}.cta-panel{background:var(--accent-soft);border-color:transparent;text-align:center}.site-footer{border-top:1px solid var(--border);padding:32px 0 8px;font-size:15px}@media (max-width:900px){.hero{grid-template-columns:1fr;padding-top:40px}.hero h1{font-size:32px}.grid3{grid-template-columns:1fr}.section{padding:48px 0}}