@font-face{font-family:Anuphan;font-weight:400;font-display:swap;src:url("./anuphan-thai-400-normal-Q5IBPPYD.woff2") format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-weight:400;font-display:swap;src:url("./anuphan-latin-400-normal-RAJGRQ66.woff2") format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2190-21FF}@font-face{font-family:Anuphan;font-weight:600;font-display:swap;src:url("./anuphan-thai-600-normal-DUNSUONV.woff2") format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Anuphan;font-weight:600;font-display:swap;src:url("./anuphan-latin-600-normal-6L5F5WPT.woff2") format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2190-21FF}@font-face{font-family:Mitr;font-weight:500;font-display:swap;src:url("./mitr-thai-500-normal-HS4RG757.woff2") format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Mitr;font-weight:500;font-display:swap;src:url("./mitr-latin-500-normal-DG3HAA63.woff2") format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2190-21FF}@font-face{font-family:Mitr;font-weight:600;font-display:swap;src:url("./mitr-thai-600-normal-H2MKIP7S.woff2") format("woff2");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Mitr;font-weight:600;font-display:swap;src:url("./mitr-latin-600-normal-RZ5SOLZF.woff2") format("woff2");unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2190-21FF}:root{color-scheme:light;--ink: #3a2416;--accent: #c4703a;--soft: #f5e7d6;--deep: #5b3721;--paper: #f6f2ea;--paper-2: #ede6d9;--surface: #fffdf9;--text: #1f1a15;--muted: #625a50;--line: rgba(48, 36, 24, .13);--line-strong: rgba(48, 36, 24, .22);--human: #1f1a15;--human-ring: #e3a72f;--ok: #2f8a5b;--font-body: "Anuphan", "Sukhumvit Set", "Noto Sans Thai", system-ui, sans-serif;--font-display: "Mitr", "Anuphan", "Sukhumvit Set", system-ui, sans-serif;--text-xs: .78rem;--text-sm: .875rem;--text-base: clamp(.95rem, .9rem + .2vw, 1rem);--radius-lg: 22px;--radius-md: 14px;--radius-sm: 10px;--shadow-1: 0 1px 0 rgba(255,255,255,.7) inset, 0 1px 2px rgba(40,28,16,.06), 0 8px 24px -14px rgba(40,28,16,.28);--shadow-2: 0 1px 2px rgba(40,28,16,.08), 0 18px 40px -22px rgba(40,28,16,.45);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .16s;--dur-med: .32s;--gutter: clamp(16px, 3.2vw, 40px)}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--paper);-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;font-family:var(--font-body);font-size:var(--text-base);line-height:1.55;color:var(--text);background:radial-gradient(900px 420px at 92% -8%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%),radial-gradient(700px 380px at -10% 30%,color-mix(in srgb,var(--soft) 80%,transparent),transparent 70%),var(--paper);transition:background-color var(--dur-med) ease;overflow-x:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 80%,#000);outline-offset:3px;border-radius:8px}.skip-link{position:fixed;left:12px;top:-60px;z-index:100;background:var(--text);color:#fff;padding:10px 14px;border-radius:10px}.skip-link:focus{top:12px}.ico{display:block;flex:none}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px var(--gutter);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 86%,transparent);backdrop-filter:blur(12px);position:sticky;top:0;z-index:40}.brand{display:flex;align-items:center;gap:12px}.brand strong{display:block;font-family:var(--font-display);font-weight:600;font-size:1.05rem;line-height:1.2}.brand-sub{display:block;color:var(--muted);font-size:var(--text-xs)}.brand-mark{width:34px;height:34px;display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:5px;border-radius:10px;background:var(--text)}.brand-mark span{border-radius:3px;background:var(--soft)}.brand-mark span:nth-child(2),.brand-mark span:nth-child(3){background:var(--accent)}.top-links{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap}.demo-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;font-size:var(--text-xs);color:var(--muted);background:var(--surface)}.dot{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 20%,transparent)}.top-link{color:var(--text);font-size:var(--text-sm);text-decoration:none;padding:6px 2px;border-bottom:1px solid transparent;transition:border-color var(--dur-fast)}.top-link:hover{border-color:currentColor}.top-link.strong{font-weight:600;color:var(--deep)}main{padding:0 var(--gutter) 32px;overflow-x:clip}.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px clamp(20px,3vw,48px);align-items:end;padding:clamp(16px,2vw,24px) 0 16px}.hero-kicker{margin:0 0 4px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:var(--text-sm);color:var(--muted)}.hero-kicker #business-label{color:var(--deep);font-weight:600;padding:2px 10px;border-radius:999px;background:var(--soft)}.hero-kicker .sep{opacity:.4}h1{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(1.9rem,1.1rem + 2.3vw,2.9rem);line-height:1.1;letter-spacing:-.01em;color:var(--ink);text-wrap:balance}.hero-tagline{margin:4px 0 0;color:var(--muted);max-width:60ch}.hero-stats{display:flex;flex-wrap:wrap;margin:0;padding:0}.hero-stats div{display:flex;flex-direction:column-reverse;padding:2px 20px;border-left:1px solid var(--line)}.hero-stats dt{font-size:var(--text-xs);color:var(--muted)}.hero-stats dd{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(1.35rem,1rem + 1vw,1.75rem);line-height:1.15;color:var(--text);font-variant-numeric:tabular-nums}.builder{grid-column:1 / -1;display:grid;grid-template-columns:auto auto minmax(280px,1fr);align-items:center;gap:8px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:10px 10px 10px 18px;box-shadow:var(--shadow-2)}.builder-cap{margin:0;font-family:var(--font-display);font-weight:500;font-size:.98rem;line-height:1.25}.builder-cap span{font-family:var(--font-body);font-weight:400;font-size:var(--text-xs);color:var(--muted)}.picker{display:flex;gap:6px}.pick{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;text-align:left;padding:7px 12px 7px 7px;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--paper);transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast),background-color var(--dur-fast),box-shadow var(--dur-fast)}.pick:hover{transform:translateY(-1px);border-color:var(--line-strong);background:#fff}.pick:active{transform:translateY(0) scale(.99)}.pick-ico{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--paper-2);color:var(--text);transition:background-color var(--dur-fast),color var(--dur-fast)}.pick-text strong{display:block;font-size:var(--text-sm);line-height:1.25;white-space:nowrap}.pick-text span{display:block;font-size:var(--text-xs);color:var(--muted);line-height:1.3;white-space:nowrap}.pick-check{display:none}.pick[aria-checked=true]{border-color:var(--deep);background:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.pick[aria-checked=true] .pick-ico{background:var(--deep);color:#fff}.prompt-form{display:flex;align-items:center;gap:8px;min-width:0}.prompt-form .or{font-size:var(--text-xs);color:var(--muted)}.prompt-form input{flex:1;min-width:0;height:46px;padding:0 14px;border-radius:12px;border:1px solid var(--line-strong);background:#fff;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.prompt-form input:focus{outline:none;border-color:var(--deep);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}.prompt-form .btn{height:46px}.prompt-result{grid-column:1 / -1;margin:0;padding:0 2px 2px;font-size:var(--text-xs);color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;border:1px solid transparent;border-radius:12px;padding:10px 16px;font-weight:600;font-size:var(--text-sm);transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur-fast),box-shadow var(--dur-fast),border-color var(--dur-fast)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px) scale(.98)}.btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.btn-ico{display:inline-flex}.btn-dark{background:var(--text);color:#fff}.btn-dark:hover{background:#000}.btn-quiet{background:var(--surface);border-color:var(--line);min-width:44px;min-height:44px}.btn-quiet[aria-pressed=true]{background:var(--soft);border-color:var(--deep)}.icon-only{padding:10px}.btn-soft{background:var(--soft);color:var(--ink);border-color:color-mix(in srgb,var(--deep) 18%,transparent)}.btn-soft:hover{background:color-mix(in srgb,var(--soft) 70%,#fff)}.btn-cta{position:relative;isolation:isolate;min-height:46px;padding:11px 22px;font-size:1rem;color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 88%,#fff),var(--accent) 55%,color-mix(in srgb,var(--accent) 80%,#000));box-shadow:0 1px #ffffff59 inset,0 10px 24px -10px color-mix(in srgb,var(--accent) 80%,#000)}.btn-cta:after{content:"";position:absolute;inset:-4px;border-radius:16px;z-index:-1;border:2px solid var(--accent);opacity:0;animation:cta-ring 2.6s var(--ease-out) infinite}.btn-cta:disabled:after{animation:none}@keyframes cta-ring{0%{opacity:.55;transform:scale(.96)}70%,to{opacity:0;transform:scale(1.06)}}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 372px;gap:20px;align-items:start}.stage-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.flow-picker{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.flow-label{font-size:var(--text-xs);color:var(--muted);margin-right:4px}.flow-chip{padding:8px 13px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:var(--text-sm);transition:background-color var(--dur-fast),border-color var(--dur-fast),color var(--dur-fast)}.flow-chip:hover{border-color:var(--line-strong)}.flow-chip[aria-checked=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.toolbar-actions{display:flex;gap:8px;align-items:center}.stage{position:relative;border-radius:var(--radius-lg);padding:14px;background:linear-gradient(var(--line) 1px,transparent 1px) 0 0 / 28px 28px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0 / 28px 28px,color-mix(in srgb,var(--paper-2) 70%,var(--soft));box-shadow:inset 0 0 0 1px var(--line),inset 0 18px 40px -30px #281c1066;overflow:hidden}.stage:before{content:"ทางเดินกลาง";position:absolute;left:50%;transform:translate(-50%);top:calc(14px + var(--room-h) + var(--corridor) / 2 - .7em);font-size:var(--text-xs);letter-spacing:.3em;color:color-mix(in srgb,var(--muted) 70%,transparent);pointer-events:none}.rooms{--room-h: 212px;--corridor: 56px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:var(--room-h);column-gap:16px;row-gap:var(--corridor)}.stage{--room-h: 212px;--corridor: 56px}.stage-toolbar{scroll-margin-top:76px}.room{position:relative;border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-1),0 0 0 1px var(--line);display:flex;flex-direction:column;min-width:0}.room--common{background:color-mix(in srgb,var(--soft) 55%,#fff);box-shadow:0 0 0 1px color-mix(in srgb,var(--deep) 22%,transparent);background-image:radial-gradient(color-mix(in srgb,var(--deep) 14%,transparent) 1px,transparent 1px);background-size:14px 14px}.room-head{display:flex;align-items:center;gap:8px;padding:10px 12px 6px}.room-ico{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;color:#fff;background:var(--deep);flex:none}.room--common .room-ico{background:#fff;color:var(--deep);box-shadow:0 0 0 1px color-mix(in srgb,var(--deep) 25%,transparent)}.room-head h3{margin:0;font-size:var(--text-sm);font-weight:600;line-height:1.25;flex:1;min-width:0}.room-count{font-size:var(--text-xs);color:var(--muted);white-space:nowrap}.room-floor{position:absolute;inset:0;pointer-events:none}.room-head{position:relative;z-index:3;background:var(--surface);border-radius:var(--radius-md) var(--radius-md) 0 0}.room--common .room-head{background:color-mix(in srgb,var(--soft) 55%,#fff)}.desk{position:absolute;width:74px;height:24px;transform:translate(-50%,2px);border-radius:8px;background:linear-gradient(180deg,#fff,var(--paper-2));box-shadow:0 0 0 1px var(--line),0 6px 10px -8px #281c1080}.table-oval{position:absolute;left:50%;top:46%;width:58%;height:46px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 0 0 1px color-mix(in srgb,var(--deep) 20%,transparent),0 10px 18px -12px #281c1080}.counter{position:absolute;left:12%;right:12%;top:54px;height:22px;border-radius:8px;background:#fff;box-shadow:0 0 0 1px color-mix(in srgb,var(--deep) 20%,transparent)}.stool{position:absolute;top:86px;width:18px;height:18px;border-radius:50%;background:color-mix(in srgb,var(--deep) 25%,#fff)}.stool.s1{left:34%}.stool.s2{left:60%}.is-building .room{animation:room-in .52s var(--ease-out) both;animation-delay:calc(var(--i) * 45ms)}@keyframes room-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}.room-now{position:absolute;left:10px;right:10px;bottom:9px;margin:0;display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.35;color:var(--muted)}.room-now-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity var(--dur-fast)}.room-now-text.is-swapping{opacity:0}.live{width:7px;height:7px;border-radius:50%;flex:none;background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 18%,transparent)}.flow-progress{display:flex;align-items:center;gap:12px;margin:0 0 10px;padding:9px 14px;border-radius:12px;background:var(--ink);color:#fff;font-size:var(--text-sm);font-weight:600}.fp-bar{flex:0 0 120px;height:6px;border-radius:3px;background:#fff3;overflow:hidden}.fp-bar span{display:block;height:100%;background:var(--accent);transform-origin:left;transform:scaleX(0);transition:transform var(--dur-med) var(--ease-out)}#fp-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agents-layer,.trails{position:absolute;inset:0;pointer-events:none}.trails{z-index:2;overflow:visible}.agents-layer{z-index:4}.agent{position:absolute;left:0;top:0;padding:0;border:0;background:none;pointer-events:auto;width:0;height:0;will-change:transform}.agent-body{position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:max-content;display:flex;flex-direction:column;align-items:center;gap:4px;animation:agent-in .56s var(--ease-out) both;animation-delay:var(--d, 0ms)}@keyframes agent-in{0%{opacity:0;transform:translate(-50%,-80%) scale(.7)}to{opacity:1;transform:translate(-50%,-50%)}}.token{position:relative;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;background:radial-gradient(circle at 32% 28%,color-mix(in srgb,var(--accent) 70%,#fff),var(--deep) 72%);box-shadow:0 0 0 3px #fff,0 0 0 4px color-mix(in srgb,var(--deep) 30%,transparent),0 10px 18px -8px #1e140a99;transition:transform var(--dur-med) var(--ease-out),box-shadow var(--dur-fast)}.agent--human .token,.token.is-human{border-radius:14px;background:linear-gradient(160deg,#3a332b,var(--human));box-shadow:0 0 0 3px #fff,0 0 0 5px var(--human-ring),0 10px 18px -8px #1e140a99}.badge{position:absolute;right:-9px;top:-7px;min-width:22px;padding:0 5px;height:18px;border-radius:9px;display:grid;place-items:center;font-size:12px;font-weight:600;line-height:1;color:var(--ink);background:#fff;box-shadow:0 0 0 1px var(--line-strong)}.agent--human .badge{color:#fff;background:#8a5a00;box-shadow:none}.agent-name{white-space:nowrap;padding:1px 8px;border-radius:999px;font-size:12.5px;font-weight:600;line-height:1.35;text-align:center;background:color-mix(in srgb,#fff 92%,transparent);color:var(--text);box-shadow:0 0 0 1px var(--line)}.agent:hover .token{transform:translateY(-3px)}.agent:focus-visible{outline:none}.agent:focus-visible .token{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--text)}.agent.is-selected .token{transform:translateY(-3px) scale(1.06);box-shadow:0 0 0 3px #fff,0 0 0 6px var(--accent),0 14px 24px -10px #1e140a99}.agent.is-walking{z-index:5}.agent.is-walking .token{animation:bob .42s ease-in-out infinite alternate}@keyframes bob{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.agent.is-working{z-index:6}.agent.is-working .token{transform:scale(1.14)}.agent.is-working .token:after{content:"";position:absolute;inset:-8px;border-radius:inherit;border:2px solid var(--accent);animation:pulse 1.2s var(--ease-out) infinite}.agent.is-waiting .token:after{border-color:var(--human-ring)}.agent.is-done .token{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--ok),0 10px 18px -8px #1e140a99}@keyframes pulse{0%{opacity:.9;transform:scale(.92)}to{opacity:0;transform:scale(1.35)}}.bubble{position:absolute;left:0;bottom:38px;z-index:8;width:max-content;max-width:210px;padding:7px 11px;border-radius:12px;background:#fff;color:var(--text);font-size:12.5px;line-height:1.4;font-weight:600;box-shadow:0 0 0 1px var(--line),0 12px 24px -12px #1e140a80;opacity:0;transform:translate(calc(-50% + var(--shift, 0px)),6px) scale(.96);transform-origin:bottom center;transition:opacity var(--dur-fast),transform var(--dur-med) var(--ease-out);pointer-events:none}.agent.is-talking .bubble{opacity:1;transform:translate(calc(-50% + var(--shift, 0px))) scale(1)}.bubble--output{background:var(--ink);color:#fff;box-shadow:0 14px 28px -14px #0009}.bubble--human{background:#fff7e3;color:#5c3b00;box-shadow:0 0 0 1.5px var(--human-ring),0 14px 28px -14px #00000080}.trail{fill:none;stroke-linecap:round;stroke-linejoin:round}.trail.is-active{stroke:var(--accent);stroke-width:3;stroke-dasharray:2 9;animation:march .6s linear infinite}.trail.is-done{stroke:color-mix(in srgb,var(--accent) 75%,transparent);stroke-width:3.5}.trail.is-human{stroke:var(--human-ring);stroke-width:3.5}@keyframes march{to{stroke-dashoffset:-22}}.packet{position:absolute;left:0;top:0;z-index:7;width:0;height:0;opacity:0;transition:opacity var(--dur-fast);will-change:transform}.packet>span{position:absolute;left:-17px;top:-17px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--accent);box-shadow:0 0 0 4px #fff,0 0 0 7px color-mix(in srgb,var(--accent) 35%,transparent),0 12px 22px -8px #0000008c}.packet.is-live{opacity:1}.door{position:absolute;left:0;top:0;z-index:2;display:flex;align-items:center;gap:6px;padding:5px 10px 5px 6px;border-radius:999px;background:#fff;font-size:var(--text-xs);font-weight:600;box-shadow:0 0 0 1px var(--line-strong)}.door>span:first-child{color:var(--deep)}.door:after{content:"";position:absolute;inset:-5px;border-radius:inherit;border:2px solid var(--accent);opacity:0}.door.is-ringing:after{animation:pulse .65s var(--ease-out) 1}.legend{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;margin:10px 2px 0;padding:0;font-size:var(--text-xs);color:var(--muted)}.legend li{display:inline-flex;align-items:center;gap:7px}.legend-token{width:14px;height:14px;border-radius:50%;background:var(--deep)}.legend-token.human{border-radius:4px;background:var(--human);box-shadow:0 0 0 2px var(--human-ring)}.legend-line{width:22px;height:3px;border-radius:2px;background:var(--accent)}.is-paused .agent.is-walking .token,.is-paused .trail.is-active,.is-paused .btn-cta:after{animation-play-state:paused}.panel{position:sticky;top:84px;max-height:calc(100vh - 100px);overflow:auto;overscroll-behavior:contain;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);scrollbar-width:thin}.panel-section{padding:18px 20px;border-bottom:1px solid var(--line);position:relative}.panel-section:last-child{border-bottom:0}.eyebrow{margin:0 0 4px;font-size:var(--text-xs);color:var(--muted);font-weight:600}.panel h2{margin:0;font-family:var(--font-display);font-weight:600;font-size:1.3rem;line-height:1.25;color:var(--ink)}.section-title{margin:0 0 10px;font-family:var(--font-display);font-weight:500;font-size:.98rem}.how{margin:12px 0 0;padding:0;list-style:none;counter-reset:how;display:grid;gap:10px}.how li{counter-increment:how;display:grid;grid-template-columns:26px 1fr;align-items:center;gap:10px;font-size:var(--text-sm);color:var(--muted)}.how li:before{content:counter(how);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--ink);font-weight:600;font-size:var(--text-xs)}.how strong{color:var(--text)}.dept-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.dept-list li{display:grid;grid-template-columns:26px 1fr;gap:2px 10px;align-items:center;font-size:var(--text-sm);font-weight:600}.dept-list .names{grid-column:2;font-weight:400;color:var(--muted);font-size:var(--text-xs)}.mini-ico{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--soft);color:var(--deep);grid-row:span 2}.value-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:color-mix(in srgb,var(--soft) 50%,#fff)}.value-strip span{display:block;font-size:var(--text-xs);color:var(--muted)}.value-strip strong{font-family:var(--font-display);font-weight:600;font-size:1.35rem}.person-head{display:flex;gap:14px;align-items:center;padding-right:36px}.token--lg{width:58px;height:58px;flex:none}.token--lg.is-human{border-radius:18px}.token--sm{width:26px;height:26px;box-shadow:0 0 0 2px #fff,0 0 0 3px color-mix(in srgb,var(--deep) 30%,transparent)}.token--sm.is-human{border-radius:8px;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--human-ring)}.person-role{margin:4px 0 0;display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:var(--text-sm);color:var(--muted)}.tag{font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px}.tag-ai{background:var(--soft);color:var(--ink)}.tag-human{background:#fff1cf;color:#6a4500;box-shadow:inset 0 0 0 1px var(--human-ring)}.person-summary{margin:12px 0 0}.panel-close{position:absolute;right:14px;top:14px;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;transition:background-color var(--dur-fast)}.panel-close:hover{background:var(--soft)}.duty-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.duty-list li{display:grid;grid-template-columns:18px 1fr;gap:8px;font-size:var(--text-sm)}.duty-list .ico{color:var(--ok);margin-top:3px}.day-list{list-style:none;margin:0;padding:0;position:relative;display:grid;gap:10px}.day-list:before{content:"";position:absolute;left:21px;top:6px;bottom:6px;width:1px;background:var(--line-strong)}.day-list li{display:grid;grid-template-columns:44px 1fr;gap:12px;font-size:var(--text-sm);position:relative}.day-list time{font-variant-numeric:tabular-nums;font-weight:600;font-size:var(--text-xs);background:var(--surface);position:relative;z-index:1;padding:1px 0;text-align:center;border-radius:6px;box-shadow:0 0 0 1px var(--line);align-self:start}.handoff{border-radius:var(--radius-md);padding:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--soft) 60%,#fff),#fff);box-shadow:0 0 0 1px var(--line)}.handoff-route{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:var(--text-sm);font-weight:600}.handoff-route .who{display:inline-flex;align-items:center;gap:7px}.handoff-route .token{color:#fff}.handoff-route .arrow{color:var(--accent)}.handoff h4{margin:12px 0 8px;font-size:1rem}.handoff dl{margin:0 0 12px;display:grid;gap:6px}.handoff dl div{display:grid;grid-template-columns:92px 1fr;gap:10px;font-size:var(--text-sm)}.handoff dt{color:var(--muted)}.handoff dd{margin:0;font-weight:600}.guard{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;background:#fffaf0}.guard .ico{color:#8a5a00;margin-top:2px}.guard p{margin:0;font-size:var(--text-sm)}.guard strong{display:block}.incoming{display:grid;grid-template-columns:34px 1fr;gap:10px;margin-top:8px;padding:12px;border-radius:14px 14px 14px 4px;background:var(--paper);box-shadow:0 0 0 1px var(--line)}.incoming p{margin:0;font-size:var(--text-sm);font-weight:600}.incoming-ico{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--deep);box-shadow:0 0 0 1px var(--line)}.flow-steps{list-style:none;margin:0;padding:12px 20px 4px;display:grid;gap:4px}.flow-step{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:8px 0;position:relative;opacity:.45;transition:opacity var(--dur-med)}.flow-step:before{content:"";position:absolute;left:13.5px;top:38px;bottom:-6px;width:1px;background:var(--line-strong)}.flow-step:last-child:before{display:none}.step-dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:var(--text-xs);font-weight:600;background:var(--paper-2);color:var(--muted);transition:background-color var(--dur-fast),color var(--dur-fast),transform var(--dur-med) var(--ease-out)}.flow-step.is-human .step-dot{border-radius:8px}.step-body p{margin:0}.step-who{display:flex;justify-content:space-between;gap:8px;font-size:var(--text-sm)}.step-who time{font-variant-numeric:tabular-nums;color:var(--muted);font-size:var(--text-xs)}.step-action{font-size:var(--text-sm);color:var(--muted)}.step-output{margin-top:4px!important;font-size:var(--text-xs);font-weight:600;padding:6px 9px;border-radius:8px;background:var(--paper);max-height:0;overflow:hidden;opacity:0;transition:opacity var(--dur-med)}.step-human{display:inline-flex;gap:5px;align-items:center;margin-top:4px!important;font-size:12px;font-weight:600;color:#6a4500}.flow-step.is-next,.flow-step.is-active,.flow-step.is-done{opacity:1}.flow-step.is-active .step-dot{background:var(--accent);color:#fff;transform:scale(1.1)}.flow-step.is-active.is-human .step-dot{background:var(--human-ring);color:#3a2600}.flow-step.is-done .step-dot{background:var(--ok);color:#fff}.flow-step.is-active .step-output,.flow-step.is-done .step-output{max-height:6em;opacity:1}.summary{background:linear-gradient(180deg,color-mix(in srgb,var(--soft) 70%,#fff),#fff);animation:rise .52s var(--ease-out) both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.summary-hero{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 12px}.summary-hero span{display:block;font-size:var(--text-xs);color:var(--muted)}.summary-hero strong{font-family:var(--font-display);font-weight:600;font-size:1.6rem;line-height:1.15;color:var(--ink)}.summary-hero .vs strong{color:var(--muted);text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:color-mix(in srgb,var(--accent) 70%,transparent);font-size:1.3rem}.summary-list{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:var(--text-sm)}.summary-list strong{font-family:var(--font-display);font-size:1.05rem;color:var(--ink);margin-right:4px}.summary-note{margin:10px 0 12px;font-size:var(--text-xs);color:var(--muted)}.summary-actions{display:flex;gap:8px;flex-wrap:wrap}.footer{padding:4px var(--gutter) 28px}.footer p{margin:0;max-width:90ch;font-size:var(--text-xs);color:var(--muted)}@media (max-width: 1360px){.builder{grid-template-columns:auto 1fr}.prompt-form{grid-column:1 / -1}}@media (max-width: 1180px){.workspace{grid-template-columns:minmax(0,1fr) 330px}.hero{grid-template-columns:1fr}.hero-stats div:first-child{border-left:0;padding-left:0}}@media (max-width: 1023px){.hero,.workspace{grid-template-columns:1fr}.panel{position:static;max-height:none}}@media (max-width: 760px){.rooms{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:26px}.stage{--room-h: 214px;--corridor: 40px;padding:10px}.rooms{--room-h: 214px;--corridor: 40px}.stage:before{display:none}.room-head{padding:8px 9px 0;gap:6px}.room-head h3{font-size:13px}.room-count{display:none}.room-ico{width:22px;height:22px}.token{width:38px;height:38px}.token svg{width:17px;height:17px}.agent-name{font-size:12px;padding:1px 6px;letter-spacing:-.01em}.desk{width:58px}.bubble{max-width:164px;bottom:28px;font-size:12px}.hero-stats{display:grid;grid-template-columns:repeat(4,auto);justify-content:start}.hero-stats div{padding:2px 12px}.hero-stats dd{font-size:1.3rem}.builder{grid-template-columns:1fr;padding:14px}.picker{display:grid;grid-template-columns:1fr 1fr}.pick{padding:7px;gap:8px}.pick-text strong,.pick-text span{white-space:normal}.pick-ico{width:32px;height:32px}.prompt-form{flex-wrap:wrap}.prompt-form .or{display:none}.prompt-form input{flex-basis:100%}.prompt-form .btn{flex:1}.stage-toolbar{flex-direction:column;align-items:stretch}.toolbar-actions{justify-content:flex-end}.toolbar-actions .btn-cta{flex:1}.topbar{padding:10px 16px;position:static}.flow-progress{position:sticky;top:8px;z-index:30;box-shadow:0 10px 24px -12px #00000080}.fp-bar{flex-basis:56px}#fp-text{white-space:normal;font-size:13px}.room-now,.brand-sub,.demo-chip{display:none}.door{padding:4px 8px 4px 5px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}.btn-cta:after{display:none}.trail.is-active{stroke-dasharray:none}}