.hero{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:48px;padding-block:56px 72px;display:grid}@media (width<=960px){.hero{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:32px 48px}}.lede{color:var(--muted);max-width:30em;margin:0 0 28px;font-size:17px}.ctas{flex-wrap:wrap;gap:12px;margin-bottom:40px;display:flex}.picker-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-size:12px}.stage{min-width:0;position:relative}.presence{z-index:0;height:300px;margin-bottom:-56px;position:relative}.presence canvas{width:100%;height:100%;display:block}.presence .halo{background:radial-gradient(closest-side, color-mix(in srgb, var(--presence) 26%, transparent), transparent);filter:blur(24px);pointer-events:none;border-radius:50%;transition:background .8s;position:absolute;inset:10% 25%}@media (width<=600px){.presence{height:220px;margin-bottom:-40px}.presence .halo{inset:10% 15%}}.console{z-index:1;background:color-mix(in srgb, var(--surface) 88%, transparent);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:18px;position:relative;overflow:hidden;box-shadow:0 30px 80px -30px #000000b3}.c-head{border-bottom:1px solid var(--line);font-family:var(--mono);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:12px;display:flex}.state{color:var(--fg);align-items:center;gap:8px;display:inline-flex}.state i{background:var(--presence);width:8px;height:8px;box-shadow:0 0 10px var(--presence);border-radius:50%;transition:background .6s}.c-body{gap:16px;padding:18px 16px 8px;display:grid}.msg{border-radius:14px;max-width:88%;padding:12px 14px;font-size:14.5px;line-height:1.5}.msg .who{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:11px;display:block}.msg.customer{background:var(--raised);border:1px solid var(--line);border-bottom-left-radius:4px;min-height:66px}.msg.agent{background:color-mix(in srgb, var(--done) 9%, var(--raised));border:1px solid color-mix(in srgb, var(--done) 30%, var(--line));border-bottom-right-radius:4px;justify-self:end;transition:opacity .5s,transform .5s}.msg.agent.waiting{opacity:.35}.caret:after{content:"▍";color:var(--presence);margin-left:1px;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}ol.trace{gap:2px;margin:0;padding:0;list-style:none;display:grid}.step{border-top:1px dashed color-mix(in srgb, var(--line) 80%, transparent);grid-template-columns:22px minmax(0,120px) minmax(0,1fr) auto;align-items:start;gap:12px;padding:9px 4px;font-size:13.5px;transition:opacity .4s;display:grid}.step:first-child{border-top:0}.step .dot{border:1.5px solid var(--faint);border-radius:50%;justify-self:center;width:10px;height:10px;margin-top:5px;transition:all .35s}.step .k{color:var(--muted);font-weight:500}.step .d{font-family:var(--mono);color:var(--fg);overflow-wrap:anywhere;min-width:0;font-size:12.5px}.step .tag{font-family:var(--mono);border:1px solid var(--line);color:var(--faint);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px}.step[data-s=pending]{opacity:.45}.step[data-s=pending] .d{color:var(--faint)}.step[data-s=running] .dot{border-color:var(--presence);background:var(--presence);box-shadow:0 0 0 4px color-mix(in srgb, var(--presence) 22%, transparent);animation:1s ease-in-out infinite pulse}.step[data-s=done] .dot{border-color:var(--done);background:var(--done)}.step[data-s=human] .dot{border-color:var(--human);background:var(--human);animation:1.2s ease-in-out infinite pulse}.tag.ok{color:var(--done);border-color:color-mix(in srgb, var(--done) 40%, var(--line))}.tag.deny{color:var(--deny);border-color:color-mix(in srgb, var(--deny) 40%, var(--line))}.tag.human{color:var(--human);border-color:color-mix(in srgb, var(--human) 40%, var(--line))}.tag.info{color:var(--listen);border-color:color-mix(in srgb, var(--listen) 40%, var(--line))}.gate{margin-top:3px;display:block}.gate .y{color:var(--done)}.gate .n{color:var(--deny)}@keyframes pulse{50%{box-shadow:0 0 0 7px #0000}}@media (width<=600px){.step{grid-template-columns:18px minmax(0,1fr) auto}.step .d{grid-column:2/4}}.c-foot{border-top:1px solid var(--line);font-family:var(--mono);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px 16px;padding:12px 16px;font-size:11.5px;display:flex}.c-foot b{color:var(--muted);font-weight:500}.replay{color:var(--muted);font-family:var(--mono);background:0 0;border:0;padding:0;font-size:11.5px}.replay:hover{color:var(--fg)}.principle{padding-block:0}.paths .section-head{margin-bottom:28px}.paths [role=tab]{padding:10px 18px;font-size:15px}.path-panel{border:1px solid var(--line);background:radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--accent) 9%, var(--surface)), var(--surface) 60%);border-radius:20px;gap:32px;padding:clamp(24px,4vw,44px);display:grid}.path-title{letter-spacing:-.03em;max-width:20em;font-size:clamp(26px,3.4vw,40px);font-weight:500;line-height:1.08}.points{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none;display:grid}.points li{border-top:1px solid color-mix(in srgb, var(--accent) 45%, var(--line));align-content:start;gap:8px;padding-top:16px;display:grid}.points h4{margin:0;font-size:16px;font-weight:600}.points p{color:var(--muted)}@media (width<=820px){.points{grid-template-columns:minmax(0,1fr);gap:20px}}.talk{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.copy{background:var(--raised);border:1px solid var(--line);color:var(--muted);font-size:12px;font-family:var(--mono);border-radius:999px;padding:4px 10px}.copy:hover{color:var(--fg)}.fits-stage{border:1px solid var(--line);background:var(--surface);border-radius:20px;gap:18px;padding:clamp(16px,3vw,36px);display:grid}.fits-svg{width:100%;height:auto;font-family:var(--body);display:block;overflow:visible}.fits-v{display:none}@media (width<=700px){.fits-h{display:none}.fits-v{width:100%;max-width:420px;margin:0 auto;display:block}}.fits-svg .bx{fill:var(--raised);stroke:var(--line)}.fits-svg .hd{fill:var(--fg);font-size:15px;font-weight:600}.fits-svg .it{fill:var(--muted);font-size:14px}.fits-svg .sym{font-family:var(--mono)}.fits-svg .rbg{fill:#0000;stroke:#0000;transition:fill .3s,stroke .3s}.fits-svg .rule[data-rule=y] .sym{fill:var(--done)}.fits-svg .rule[data-rule=h] .sym{fill:var(--human)}.fits-svg .rule[data-rule=n] .sym{fill:var(--deny)}.fits-svg .rule.on[data-rule=y] .rbg{fill:color-mix(in srgb, var(--done) 14%, transparent);stroke:color-mix(in srgb, var(--done) 50%, transparent)}.fits-svg .rule.on[data-rule=h] .rbg{fill:color-mix(in srgb, var(--human) 14%, transparent);stroke:color-mix(in srgb, var(--human) 50%, transparent)}.fits-svg .rule.on[data-rule=n] .rbg{fill:color-mix(in srgb, var(--deny) 14%, transparent);stroke:color-mix(in srgb, var(--deny) 50%, transparent)}.fits-svg .rule.on .it{fill:var(--fg)}.fits-svg .core{fill:color-mix(in srgb, var(--listen) 6%, var(--bg));stroke:color-mix(in srgb, var(--listen) 35%, var(--line))}.fits-svg .sphere{color:var(--listen)}.fits-svg .wire{fill:none;stroke:var(--line);stroke-width:2px;transition:stroke .4s}.fits-svg .wire.reply{stroke-dasharray:4 6}.fits-svg .wire.lit{stroke-width:2.5px}.fits-svg .pulse{fill:var(--act)}.fits-svg .sm{fill:var(--muted);font-size:12px}.fits-svg .pill{fill:var(--bg);stroke:color-mix(in srgb, var(--done) 35%, var(--line));transition:fill .3s,stroke .3s}.fits-svg .pl{fill:var(--fg);font-family:var(--mono);font-size:12px}.fits-svg .pl .sym{fill:var(--done)}.fits-svg .check.on .pill{fill:color-mix(in srgb, var(--done) 14%, var(--bg));stroke:var(--done)}.fits-svg .band{fill:color-mix(in srgb, var(--listen) 5%, var(--bg));stroke:var(--line);stroke-dasharray:4 5}.fits-svg .bt{fill:var(--muted);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:12px}.fits-svg .node:focus-visible .pill,.fits-svg .node:focus-visible .band{stroke:var(--act);stroke-width:2px}.fits-svg .node{cursor:default;outline:none}.fits-svg .node:focus-visible .bx,.fits-svg .node:focus-visible .core{stroke:var(--act);stroke-width:2px}.fits-svg .node:hover .bx{stroke:var(--muted)}.fits-cap{color:var(--muted);text-align:center;max-width:52em;min-height:3em;margin:0 auto;font-size:15px}.words{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px 28px;padding-bottom:18px;display:flex}.word{font-family:var(--display);letter-spacing:-.035em;color:var(--muted);background:0 0;border:0;padding:4px 0;font-size:clamp(26px,3.6vw,44px);font-weight:500;transition:color .2s;position:relative}.word:hover,.word[aria-selected=true]{color:var(--fg)}.word[aria-selected=true]:after{content:"";background:var(--act);height:2px;box-shadow:0 0 10px var(--act);position:absolute;bottom:-2px;left:0;right:0}.examples ul{flex-wrap:wrap;gap:10px;margin:0;padding:22px 0 0;list-style:none;display:flex}.examples li{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 14px;font-size:14px}.foot-note{color:var(--muted);margin-top:28px;font-size:14px}.steps{counter-reset:s;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:s;border:1px solid var(--line);background:var(--surface);border-radius:18px;align-content:start;gap:10px;padding:24px;transition:border-color .6s,background .6s;display:grid}.steps .n:before{content:counter(s, decimal-leading-zero);font-family:var(--mono);color:var(--muted);font-size:12px}.steps .n{align-items:center;gap:10px;display:flex}.steps .n:after{content:"";background:var(--line);flex:1;height:1px;transition:background .6s}.steps h3{letter-spacing:-.02em;font-size:22px;font-weight:500}.steps p{color:var(--muted)}.steps li.lit{border-color:color-mix(in srgb, var(--c) 45%, var(--line));background:color-mix(in srgb, var(--c) 6%, var(--surface))}.steps li.lit .n:after{background:var(--c);box-shadow:0 0 8px var(--c)}@media (width<=900px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.steps{grid-template-columns:minmax(0,1fr)}}.cta-box{border:1px solid var(--line);background:radial-gradient(80% 120% at 100% 100%, color-mix(in srgb, var(--listen) 12%, var(--surface)), var(--surface) 65%);border-radius:24px;justify-items:start;gap:18px;padding:clamp(32px,6vw,72px);display:grid}.voices{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.voices li{border:1px solid var(--line);background:radial-gradient(120% 120% at 0% 0%, color-mix(in srgb, var(--human) 7%, var(--surface)), var(--surface) 60%);border-radius:18px;align-content:start;gap:12px;padding:24px;display:grid}.voices .who{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--human);font-size:12px}.voices blockquote{font-family:var(--serif);margin:0;font-size:clamp(24px,2.6vw,30px);font-style:italic;line-height:1.15}.voices li>p:last-child{color:var(--muted)}@media (width<=820px){.voices{grid-template-columns:minmax(0,1fr)}}.resolve{color:var(--fg);align-items:center;gap:10px;margin-top:28px;font-size:17px;display:flex}.resolve i{background:var(--done);width:8px;height:8px;box-shadow:0 0 10px var(--done);border-radius:50%;flex:none}
