@charset "UTF-8";
:root{--paper:#f7f5ef;--ink:#282924;--muted:#77786d;--line:#deded2;--accent:#a65f36;--yellow:#dfb96b;--olive:#6b735b;--white:#fffefa;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,a,input{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{touch-action:manipulation}button{border:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button:disabled{cursor:wait}.wrap{width:min(1200px,calc(100% - 104px));margin-inline:auto}.site-header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;font-size:35px;font-weight:750;letter-spacing:-2px}.brand img{width:43px;height:43px;object-fit:contain}.brand-dot{color:var(--accent)}nav{display:flex;gap:36px;font-size:14px}nav a{color:#62645a;transition:color .2s}nav a:hover,.text-link:hover{color:var(--accent)}.nav-cta{font-size:13px;border:1px solid #999d8c;border-radius:6px;padding:11px 17px;display:flex;gap:25px}.nav-cta:hover{background:var(--ink);color:var(--paper)}.skip{position:absolute;top:-100px;background:var(--ink);color:white;padding:15px;z-index:10}.skip:focus{top:0}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:42px;padding-block:72px 62px;align-items:center}.eyebrow,.section-number,.stage-label,.small-label{font-size:11px;letter-spacing:1.6px;font-weight:600}.eyebrow{display:flex;align-items:center;gap:10px;color:#777b69}.eyebrow i,.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#798665}.hero h1{font-size:clamp(42px,4.5vw,63px);line-height:1.3;letter-spacing:-2.8px;font-weight:650;margin:25px 0}.hero h1>span{color:var(--accent)}.hero-description{font-size:16px;line-height:1.95;color:#6f7268;margin-bottom:28px}.actions{display:flex;gap:25px;align-items:center}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;padding:15px 21px;border-radius:5px;font-size:13px;font-weight:550;transition:background .2s,transform .2s}.primary{color:#fffdf5;background:var(--ink)}.primary:hover{background:var(--accent);transform:translateY(-2px)}.text-link{display:inline-flex;gap:22px;font-size:13px;align-items:center}.hero-footnote{font-size:11px;color:#8c8d81;margin-top:31px;display:flex;align-items:center;gap:8px}.tiny-pot{font-size:16px;color:#a9834d}.hero-stage{position:relative;border:1px solid #e3dfd1;background:#eeeee2;min-height:535px;border-radius:120px 120px 12px 12px;overflow:hidden;padding:30px 33px 12px}.stage-grid{position:absolute;inset:0;opacity:.35;background-image:radial-gradient(#9c9d8b .7px,transparent .7px);background-size:17px 17px;mask-image:linear-gradient(transparent,#000 20%)}.stage-label{position:relative;display:flex;gap:7px;align-items:center;justify-content:center;font-size:8px;letter-spacing:1.6px;margin:0 0 28px;color:#858776}.agent-orbit{display:flex;justify-content:center;gap:66px;position:relative}.orbit-agent{font-size:13px;font-weight:600;display:grid;grid-template-columns:34px 1fr;column-gap:8px;align-items:center}.orbit-agent small{font-size:9px;color:#939180;font-weight:400;grid-column:2}.agent-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;font-size:21px;font-family:Arial,sans-serif;font-weight:600;flex-shrink:0}.orbit-agent .agent-icon{grid-row:span 2}.codex{background:#fff;color:#262c29;border:1px solid #d9ded4}.claude{background:#e7c2ac;color:#974d31}.grok{background:#30322d;color:#fff}.devin{background:#d5dfdf;color:#415c66;font-family:Georgia,serif!important}.connector{position:relative;height:47px;margin:0 70px;border:1px solid #b3b5a0;border-top:0;border-bottom-left-radius:18px;border-bottom-right-radius:18px}.connector:after{content:"";position:absolute;top:100%;height:19px;left:50%;border-left:1px solid #b3b5a0}.connector span{position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:7px;letter-spacing:1px;background:#eeeee2;padding:3px 10px;color:#92947d}.mini-window{position:relative;background:#fffef9;border:1px solid #dedfd0;border-radius:11px;box-shadow:0 20px 40px -23px #71725865;margin-top:19px;transform:rotate(-2deg)}.window-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ecece3;padding:11px 15px;font-size:10px}.window-bar>span:first-child{display:flex;align-items:center;gap:8px}.window-bar img{width:21px;height:21px}.window-dots{letter-spacing:2px;color:#a4a795}.mini-body{padding:20px}.user-bubble{background:#eeeeE5;padding:11px 13px;border-radius:10px 10px 0 10px;width:max-content;max-width:100%;margin-left:auto;font-size:11px}.mini-response{display:flex;gap:9px;font-size:12px;line-height:1.8;margin:20px 0 16px}.mini-response img{width:28px;height:28px}.task-inline{display:flex;align-items:center;gap:10px;border:1px solid #e7e7da;padding:11px;border-radius:7px;background:#fafaf4}.task-inline b{font-size:10px;display:block;font-weight:550}.task-inline small{display:block;color:#8b8e7b;font-size:8px;margin-top:5px}.task-symbol{font-size:19px;color:#8d947b}.pill{background:#e9eddf;color:#727f5e;border-radius:20px;padding:4px 8px;font-size:9px;white-space:nowrap}.task-inline .pill{margin-left:auto}.hero-result{margin-top:13px;padding:0;background:none;display:flex;justify-content:space-between;font-size:9px;color:#777e65;width:100%;text-align:left}.hero-result:hover{color:var(--accent)}.stage-bottom{position:relative;height:91px;display:flex;justify-content:space-between;align-items:center;padding:0 21px}.stage-bottom>span{display:flex;align-items:center;gap:7px;font-size:10px;color:#7f8374}.stage-bottom .agent-icon{width:24px;height:24px;border-radius:6px;font-size:16px}.hero-mascot{position:absolute;width:92px;left:50%;top:0;transform:translateX(-50%) rotate(5deg);filter:drop-shadow(0 7px 5px #aaa88c44)}.stage-note{position:relative;text-align:center;color:#8b8c7c;font-size:8px;letter-spacing:.3px;margin-top:1px}.intro-band{display:flex;align-items:center;gap:55px;border-block:1px solid var(--line);padding-block:29px}.intro-band>span{font-size:19px;font-weight:550}.intro-band p{color:var(--muted);font-size:12px;line-height:1.8;margin:0}.intro-band>a{margin-left:auto;border:1px solid var(--line);width:35px;height:35px;border-radius:50%;display:grid;place-items:center;color:#777c68}.section{padding-block:94px}.section-top{display:flex;justify-content:space-between;align-items:center}.section-number{color:var(--accent);font-size:10px;letter-spacing:1.8px}.small-label{color:#939688;font-weight:400;letter-spacing:.5px;font-size:11px}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin:23px 0 38px}.section-heading h2,.support-heading h2,.start-copy h2{font-size:38px;font-weight:580;letter-spacing:-1.3px;line-height:1.45;margin:0}.section-heading p{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 7px}.demo-disclaimer{display:block;color:#96947e;font-size:9px;margin-top:13px}.artifact{display:flex;align-items:center;gap:12px;width:100%;background:#f1f3e9;border:1px solid #e0e4d4;border-radius:7px;padding:15px;text-align:left}.artifact:hover{background:#e9eedc}.artifact:disabled{opacity:.4}.artifact b{font-size:11px;display:block;font-weight:550}.artifact small{font-size:8px;display:block;color:#91977e;margin-top:7px}.artifact>span:last-child{margin-left:auto}.file-icon{width:30px;height:36px;display:grid;place-items:center;background:#fff;border:1px solid #dfe4ce;border-radius:3px;color:#899573;font-size:23px}
.link-section{padding:84px 0;background:#e8eadd;border-block:1px solid #dde0d0}.link-section .section-number{color:#758064}.subtle{font-size:10px;color:#8f9583}.link-playground{display:grid;grid-template-columns:1.05fr 1fr;gap:36px;align-items:stretch}.network{padding:20px 3px}.network-caption{color:#8c937c;font-size:11px;display:flex;justify-content:space-between;padding-right:15px}.network-map{position:relative;height:335px;display:flex;align-items:center;justify-content:space-between;margin-top:12px}.pot-node{display:flex;align-items:center;flex-direction:column;width:132px;position:relative;z-index:1}.pot-node img{width:103px;filter:drop-shadow(0 8px 8px #898c6d25)}.pot-node b{font-size:16px;font-weight:550;margin-top:7px}.pot-node small{font-size:9px;color:#8a9479;margin-top:8px}.network-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#a9b29a;stroke-width:1.2;stroke-dasharray:4 4}.agent-nodes{width:44%;position:relative;z-index:1;display:grid;gap:11px}.agent-nodes button{padding:10px 12px;display:flex;gap:12px;background:#f2f3e9;border:1px solid #d5dbc9;border-radius:9px;text-align:left;align-items:center;transition:border-color .2s,transform .2s}.agent-nodes button>span:nth-child(2){font-size:12px;font-weight:550}.agent-nodes small{display:block;color:#909681;font-size:8px;font-weight:400;margin-top:4px}.agent-nodes i{font-style:normal;font-size:11px;color:#8c977a;margin-left:auto}.agent-nodes button.active{border:1px solid #8d9a78;background:#fffef6;box-shadow:0 5px 15px -7px #61694850;transform:translateX(-5px)}.map-link-label{position:absolute;left:37%;top:47%;color:#8c967c;background:#e8eadd;font-size:8px;letter-spacing:.5px;padding:7px 0}.network-note{font-size:10px;line-height:1.9;color:#818c72;margin:5px 0 0;min-height:38px;max-width:420px}.agent-preview{background:#fffef9;border:1px solid #dce0d0;border-radius:11px;box-shadow:0 15px 30px -25px #59644160;display:flex;flex-direction:column;overflow:hidden}.preview-top{padding:17px 21px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edeee5}.preview-top>div{display:flex;align-items:center;gap:10px}.preview-top b{font-size:12px;display:block}.preview-top small{font-size:8px;color:#8d947f;display:block;margin-top:4px}.local-label{font-size:8px;color:#9da38e;letter-spacing:1px}.mode-tabs{display:flex;gap:4px;padding:4px;background:#f0f1e8;border-radius:6px;margin:17px 21px 0;align-self:flex-start}.mode-tabs button{font-size:10px;background:none;padding:7px 16px;border-radius:4px;color:#939980}.mode-tabs button.active{background:#fffef8;color:#535e45;box-shadow:0 1px 3px #565b4520}.agent-conversation{padding:22px 21px 12px;flex:1;min-height:259px}.conversation-user{background:#efeee5;max-width:85%;width:fit-content;margin-left:auto;border-radius:9px 9px 0 9px;padding:12px;font-size:11px;line-height:1.8}.conversation-reply{display:flex;align-items:start;gap:10px;margin-top:23px;font-size:11px;line-height:1.9}.conversation-reply .agent-icon{width:25px;height:25px;border-radius:6px;font-size:16px}.conversation-reply img{width:25px;height:25px}.conversation-reply b{display:block;font-size:10px;margin-bottom:5px;font-weight:550}.conversation-reply p{margin:0;color:#777f69}.conversation-result{font-size:10px;color:#6b795b;padding:12px;border:1px solid #e0e5d4;border-radius:5px;margin:15px 0 0 35px;background:#f7f9f0;display:flex;gap:9px;align-items:center}.conversation-result small{display:block;margin-top:4px;color:#969e87;font-size:8px}.preview-input{display:flex;justify-content:space-between;align-items:center;background:#f5f5ed;margin:8px 21px 20px;border:1px solid #e6e8da;padding:11px;border-radius:6px;font-size:9px;color:#a2a792}.preview-input>span:last-child{background:#dce2ce;color:#8c997a;width:21px;height:21px;border-radius:50%;display:grid;place-items:center}.connection-steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-top:1px solid #cfd5c1;margin:40px 0 0;padding:25px 0 0}.connection-steps li{display:grid;grid-template-columns:24px 1fr;column-gap:8px;row-gap:8px}.connection-steps li>span{grid-row:span 2;color:#9aa78a;font-size:10px;padding-top:3px}.connection-steps b{font-size:12px;font-weight:550}.connection-steps small{font-size:10px;color:#8b957d}.workflow-demo{display:grid;grid-template-columns:1fr 1.3fr;border:1px solid var(--line);border-radius:11px;overflow:hidden}.workflow-index{padding:23px;background:#f0eee4;display:grid;gap:8px;align-content:center}.workflow-index button{display:flex;gap:18px;align-items:center;padding:24px 18px;border:1px solid transparent;border-radius:7px;background:none;text-align:left;color:#9a9c8b}.workflow-index button>span{font-size:11px;color:#9fa68f}.workflow-index button b{font-size:14px;font-weight:500}.workflow-index button small{display:block;margin-top:8px;font-size:9px;color:#9fa18e}.workflow-index i{font-style:normal;margin-left:auto}.workflow-index button.active{background:#fffef8;border-color:#e2dfd1;color:var(--ink);box-shadow:0 3px 9px #77745207}.workflow-index button.active>span,.workflow-index button.active i{color:var(--accent)}.flow-panel{padding:37px 40px;min-height:358px;background:#fffef8;display:flex;flex-direction:column;justify-content:center}.flow-heading{font-size:9px;letter-spacing:1px;color:#a4a38e;margin-bottom:22px;display:flex;justify-content:space-between}.flow-heading>span:last-child{letter-spacing:0}.flow-user{align-self:flex-end;background:#eeeDE3;border-radius:9px 9px 0 9px;padding:12px 15px;max-width:90%;font-size:11px;line-height:1.8}.flow-message{display:flex;align-items:flex-start;gap:10px;margin-top:23px;font-size:11px;line-height:1.9}.flow-message img{width:29px}.flow-message .agent-icon{width:27px;height:27px}.flow-message b{font-size:10px;font-weight:550}.flow-message p{margin:6px 0;color:#80836f}.flow-route{display:flex;gap:12px;align-items:center;margin:16px 0 0 39px;font-size:9px;color:#8b927b}.flow-route b{padding:7px 10px;background:#f1f3e8;border:1px solid #e2e6d6;border-radius:5px;font-weight:500}.flow-artifact{margin:16px 0 0 39px;border:1px solid #e2e5d5;border-radius:6px;text-align:left;background:#f4f5eb;display:flex;gap:10px;align-items:center;padding:12px;font-size:10px}.flow-artifact small{display:block;font-size:8px;margin-top:5px;color:#969e86}.flow-artifact>span:last-child{margin-left:auto}.support-section{padding-block:0 88px;display:grid;grid-template-columns:.9fr 1.3fr;gap:70px}.support-heading h2{font-size:28px;margin-top:19px}.support-list{display:grid;grid-template-columns:1fr 1fr;gap:0 37px}.support-list>div{position:relative;border-top:1px solid var(--line);padding:21px 0 18px 30px}.support-list>div>span{position:absolute;left:0;top:20px;font-size:17px;color:#9aa181}.support-list b{font-size:12px;font-weight:550}.support-list p{font-size:10px;line-height:1.8;color:#8b8e7c;margin:8px 0 0}.start-section{border-top:1px solid var(--line);padding-block:74px 80px;display:grid;grid-template-columns:1fr 1fr;gap:90px}.start-copy{position:relative}.start-copy>img{width:93px;position:absolute;right:10px;top:33px;transform:rotate(-8deg)}.start-copy .eyebrow{font-size:9px;letter-spacing:1.5px}.start-copy h2{font-size:40px;margin-top:23px}.start-copy>p{font-size:12px;color:var(--muted);margin-top:22px}.start-options details{border-bottom:1px solid var(--line);padding:19px 0}.start-options details:first-child{padding-top:0}.start-options summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:500}.start-options summary::-webkit-details-marker{display:none}.start-options summary>span{color:#929982;font-size:18px}.start-options details p{font-size:11px;line-height:1.9;color:#818573;margin:17px 0 14px}.start-options details p.setup-note{font-size:10px;color:#999e8a}.start-options details .text-link{font-size:11px;text-decoration:underline;text-underline-offset:5px;color:#737c61}footer{border-top:1px solid var(--line);display:flex;gap:26px;align-items:center;padding-block:28px 40px}footer .brand{font-size:27px}footer .brand img{width:32px;height:32px}footer p{font-size:10px;color:#969b85}footer>a:not(.brand){margin-left:auto;font-size:10px;color:#939982}.footer-note{font-size:9px;color:#adb29e}dialog{padding:0;width:min(610px,calc(100% - 32px));max-height:85vh;border:1px solid #d7d8c7;border-radius:15px;background:#fffef8;color:var(--ink);box-shadow:0 25px 100px #22222233}dialog::backdrop{background:#2b302775;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;padding:17px 25px;border-bottom:1px solid var(--line);font-size:10px;color:#939a81}.dialog-top button{background:#eeefe4;border-radius:50%;width:29px;height:29px;font-size:20px}.dialog-top button:hover{background:#e3d6be}#report-content{padding:18px 30px 5px}#report-content h2{font-size:26px;line-height:1.5;font-weight:550}#report-content p{font-size:13px;line-height:1.9;color:#7a826b}#report-content h3{font-size:14px;margin-top:25px}#report-content ul{padding-left:20px;color:#7a826b;font-size:12px;line-height:2}#report-content table{border-collapse:collapse;width:100%;font-size:11px;margin-block:20px}#report-content td,#report-content th{padding:11px 8px;border-bottom:1px solid var(--line);text-align:left;line-height:1.7}#report-content th{color:#777e64;background:#f0f2e7;font-weight:500}.dialog-actions{padding:20px 30px 28px;display:flex;align-items:center;gap:15px}.dialog-actions .button{font-size:11px;padding:12px 15px}.dialog-actions small{font-size:9px;color:#9ca28d}.fade-in{animation:fade .3s ease}@keyframes fade{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1450px){.hero{padding-block:90px 80px}.hero-stage{min-height:560px;padding-top:37px}.stage-bottom{height:105px}.hero-mascot{width:105px}.hero h1{font-size:66px}.mini-body{padding:22px}.user-bubble,.mini-response{font-size:13px}.hero-result{font-size:10px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:25px}.hero h1{font-size:49px}.hero-stage{padding-inline:23px;min-height:520px}.hero-description{font-size:14px}.hero-stage .stage-bottom{padding-inline:3px}.agent-orbit{gap:35px}.connector{margin-inline:55px}.stage-label{font-size:7px}.actions{gap:18px}.button{gap:18px}.hero-footnote{font-size:10px}.section-heading h2{font-size:33px}.section-heading p{font-size:12px}.link-playground{gap:25px}.pot-node{width:112px}.pot-node img{width:90px}.agent-nodes{width:46%}.agent-nodes button{gap:8px;padding:10px 9px}.agent-nodes .agent-icon{width:28px;height:28px;font-size:19px}.agent-conversation{min-height:280px}.flow-panel{padding:30px}.workflow-index{padding:16px}.workflow-index button{padding:22px 13px;gap:13px}.workflow-index button b{font-size:12px}.support-section{gap:40px}.start-section{gap:65px}.start-copy h2{font-size:35px}.start-copy>img{width:75px;right:0}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.site-header{height:85px}nav{gap:20px;font-size:12px}.brand{font-size:29px}.brand img{width:35px;height:35px}.nav-cta{font-size:11px;padding:9px 12px;gap:15px}.hero{grid-template-columns:1fr;padding-block:48px 36px;gap:35px}.hero-copy{padding-left:10px}.hero h1{font-size:58px;line-height:1.25}.hero-description{font-size:15px}.hero-stage{max-width:560px;width:100%;margin:0 auto;min-height:540px;padding-inline:46px;border-radius:90px 90px 12px 12px}.stage-label{font-size:8px;margin-top:5px}.agent-orbit{gap:68px}.connector{margin-inline:70px}.hero-stage .stage-bottom{padding-inline:17px;height:96px}.hero-mascot{width:95px}.mini-body{padding:22px}.mini-response{font-size:13px}.user-bubble{font-size:12px}.hero-result{font-size:10px}.intro-band{gap:30px;padding-block:25px}.intro-band>span{font-size:16px}.intro-band p{font-size:10px}.section{padding-block:65px}.section-heading{align-items:start;gap:25px}.section-heading h2{font-size:29px;flex-shrink:0}.section-heading p{font-size:11px;margin-top:5px}.artifact{gap:7px;padding:11px 9px}.artifact b{font-size:9px}.artifact small{font-size:7px}.file-icon{width:24px;height:30px}.link-section{padding-block:65px}.link-playground{grid-template-columns:1fr 1fr;gap:16px}.network{padding:15px 0}.network-caption{font-size:9px}.network-map{height:326px}.pot-node{width:86px}.pot-node img{width:77px}.pot-node b{font-size:12px}.pot-node small{font-size:7px;white-space:nowrap}.map-link-label{left:29%;font-size:6px}.agent-nodes{width:49%}.agent-nodes button{padding:10px 7px;gap:7px}.agent-nodes button>span:nth-child(2){font-size:10px}.agent-nodes small{font-size:7px}.agent-nodes i{display:none}.agent-nodes .agent-icon{width:24px;height:24px;font-size:17px}.network-note{font-size:9px}.preview-top{padding:15px}.mode-tabs{margin-left:15px}.mode-tabs button{font-size:9px;padding:6px 11px}.agent-conversation{padding:17px 15px 8px;min-height:288px}.conversation-user,.conversation-reply{font-size:10px}.conversation-result{margin-left:0;font-size:9px}.preview-input{margin-inline:15px;font-size:8px}.connection-steps{gap:12px}.connection-steps small{font-size:9px;line-height:1.7}.workflow-demo{grid-template-columns:1fr 1.15fr}.workflow-index{padding:10px}.workflow-index button{gap:10px;padding:24px 10px}.workflow-index button b{font-size:11px}.workflow-index button small{font-size:8px}.flow-panel{padding:25px 22px;min-height:370px}.flow-user,.flow-message{font-size:10px}.flow-route{gap:7px;margin-left:0}.flow-route b{padding:7px}.support-section{gap:30px;grid-template-columns:.8fr 1.3fr;padding-bottom:60px}.support-heading h2{font-size:25px}.support-list{gap:0 20px}.support-list p{font-size:9px}.start-section{gap:40px;padding-block:60px}.start-copy h2{font-size:32px}.start-copy>img{width:70px;right:-5px;top:55px}.start-copy .eyebrow{font-size:7px;letter-spacing:1px}.start-options details p{font-size:10px}.start-options summary{font-size:12px}}
@media(max-width:580px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 40px)}.site-header{height:76px}.brand{font-size:28px;gap:5px}.brand img{width:34px;height:34px}nav{gap:18px;font-size:11px}nav a:last-child{display:none}.nav-cta{font-size:10px;gap:8px;padding:8px 10px}.hero{padding-top:36px;gap:28px}.hero-copy{padding-left:0}.eyebrow{font-size:8px;letter-spacing:1.2px}.hero h1{font-size:43px;letter-spacing:-1.8px;line-height:1.3;margin-block:21px}.hero-description{font-size:13px;line-height:1.9;margin-bottom:24px}.actions{gap:22px}.actions .button{font-size:11px;padding:14px 17px}.text-link{font-size:11px;gap:12px}.hero-footnote{margin-top:21px;font-size:9px}.hero-stage{min-height:474px;padding:23px 21px 12px;border-radius:70px 70px 10px 10px}.stage-label{font-size:6px;letter-spacing:1.3px;margin-bottom:23px}.agent-orbit{gap:39px}.orbit-agent{font-size:11px;grid-template-columns:28px 1fr;column-gap:6px}.orbit-agent .agent-icon{width:28px;height:28px;font-size:18px}.orbit-agent small{font-size:7px}.connector{height:35px;margin-inline:50px}.connector span{font-size:6px}.mini-window{margin-top:18px}.window-bar{padding:10px 12px;font-size:8px}.window-bar img{width:18px;height:18px}.mini-body{padding:16px}.user-bubble{font-size:10px;padding:10px}.mini-response{font-size:10px;margin-block:16px 12px}.mini-response img{width:25px;height:25px}.task-inline{gap:8px;padding:10px}.task-inline b{font-size:9px}.task-inline small{font-size:7px}.pill{font-size:8px}.hero-result{font-size:8px}.hero-stage .stage-bottom{padding-inline:5px;height:77px}.stage-bottom>span{font-size:8px;gap:5px}.stage-bottom .agent-icon{width:21px;height:21px;font-size:14px}.hero-mascot{width:79px}.stage-note{font-size:6px;margin-top:0}.intro-band{gap:15px;flex-wrap:wrap;position:relative;padding-block:23px}.intro-band>span{font-size:15px;width:100%}.intro-band p{font-size:10px;line-height:1.9}.intro-band>a{position:absolute;right:0;top:35px;width:31px;height:31px}.section{padding-block:54px}.section-top .small-label{font-size:9px}.section-number{font-size:8px;letter-spacing:1.3px}.section-heading{display:block;margin-top:22px;margin-bottom:27px}.section-heading h2{font-size:29px;line-height:1.45;letter-spacing:-1px}.section-heading p{font-size:11px;line-height:1.9;margin-top:17px}.demo-disclaimer{font-size:8px}.artifact{padding:13px 11px;gap:10px}.artifact b{font-size:10px}.artifact small{font-size:8px}.link-section{padding-block:54px}.link-playground{grid-template-columns:1fr;gap:15px}.network{padding:3px 0 10px}.network-caption{font-size:9px}.network-map{height:320px;margin-top:10px}.pot-node{width:100px}.pot-node img{width:95px}.pot-node b{font-size:14px}.pot-node small{font-size:8px}.agent-nodes{width:46%}.agent-nodes button{padding:10px;gap:8px}.agent-nodes .agent-icon{width:29px;height:29px;font-size:20px}.agent-nodes button>span:nth-child(2){font-size:11px}.agent-nodes small{font-size:8px}.agent-nodes i{display:block;font-size:9px}.map-link-label{left:34%;font-size:7px}.network-note{font-size:9px;margin-top:0;min-height:32px}.preview-top{padding:17px 20px}.preview-top b{font-size:12px}.preview-top small{font-size:8px}.mode-tabs{margin-left:20px}.mode-tabs button{padding:7px 14px;font-size:10px}.agent-conversation{padding:20px;min-height:257px}.conversation-user,.conversation-reply{font-size:11px}.conversation-result{margin-left:35px;font-size:10px}.preview-input{margin-inline:20px;font-size:8px}.connection-steps{grid-template-columns:1fr 1fr;gap:25px 15px;margin-top:30px;padding-top:26px}.connection-steps b{font-size:11px}.connection-steps small{font-size:8px}.connection-steps li{grid-template-columns:19px 1fr;column-gap:4px;row-gap:5px}.connection-steps li>span{font-size:9px}.workflow-demo{grid-template-columns:1fr}.workflow-index{display:flex;gap:3px;padding:10px}.workflow-index button{flex:1;display:block;padding:13px 6px;text-align:center;border-radius:5px}.workflow-index button>span{font-size:9px;display:block;margin-bottom:8px}.workflow-index button b{font-size:9px;white-space:nowrap}.workflow-index button small{font-size:6px;letter-spacing:0;margin-top:6px}.workflow-index i{display:none}.flow-panel{padding:26px 22px;min-height:325px}.flow-user,.flow-message{font-size:10px}.flow-route{margin-left:39px;gap:8px}.support-section{grid-template-columns:1fr;gap:25px;padding-block:0 53px}.support-heading h2{font-size:26px;margin-top:16px}.support-list{gap:0 25px}.support-list b{font-size:11px}.support-list p{font-size:9px}.start-section{grid-template-columns:1fr;gap:30px;padding-block:48px}.start-copy>img{width:100px;right:8px;top:30px}.start-copy .eyebrow{font-size:8px}.start-copy h2{font-size:34px;margin-top:19px}.start-copy>p{font-size:11px;margin-top:18px}.start-options details{padding-block:20px}.start-options summary{font-size:13px}.start-options details p{font-size:11px}.start-options details .text-link{font-size:10px}footer{gap:17px;flex-wrap:wrap;padding-block:25px 30px}footer .brand{font-size:25px;gap:3px}footer .brand img{width:30px;height:30px}footer p{font-size:9px}footer>a:not(.brand){font-size:9px}.footer-note{width:100%;margin-left:38px;font-size:8px}#report-content{padding-inline:22px}#report-content h2{font-size:23px}#report-content p{font-size:12px}.dialog-actions{padding-inline:22px;flex-wrap:wrap}.dialog-top{padding-inline:22px}.desktop-break{display:none}}
@media(max-width:360px){.wrap{width:calc(100% - 30px)}nav{gap:13px}.brand{font-size:25px}.hero h1{font-size:39px}.hero-stage{padding-inline:16px}.stage-note{font-size:5.5px}.agent-orbit{gap:30px}.hero-result{font-size:7px}.agent-nodes{width:47%}.pot-node{width:88px}.map-link-label{left:31%}.agent-nodes button{padding-inline:8px;gap:6px}.agent-nodes i{display:none}.flow-route{margin-left:25px;gap:5px;font-size:8px}.section-top .small-label{font-size:8px}.hero-footnote{font-size:8px}.workflow-index button b{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.primary:hover,.agent-nodes button.active{transform:none}}
/* Keep product examples readable and controls comfortable on small screens. */
.task-inline b{font-size:11px}.task-inline small{font-size:9px}.hero-result{font-size:10px;min-height:28px}.artifact b{font-size:12px}.artifact small{font-size:9px;color:#7d8869}.agent-nodes button{min-height:62px}.agent-nodes button>span:nth-child(2){font-size:13px}.agent-nodes small{font-size:10px;color:#7c866a}.preview-top b{font-size:13px}.preview-top small{font-size:10px;color:#7d876d}.mode-tabs button{min-height:36px;font-size:11px}.conversation-user,.conversation-reply{font-size:12px}.conversation-reply b{font-size:11px}.conversation-result{font-size:11px}.conversation-result small{font-size:9px;color:#7c876a}.agent-conversation{min-height:284px}.network-note{font-size:11px;color:#68765a}.flow-user,.flow-message{font-size:12px}.flow-message b{font-size:11px}.flow-artifact{font-size:11px}.flow-artifact small{font-size:9px}.local-label{font-size:9px}.connection-steps small{color:#6f7c61}.support-list p{color:#767f68}.start-options details p{color:#6e785f}
@media(max-width:800px) and (min-width:581px){.agent-nodes button>span:nth-child(2){font-size:11px}.agent-nodes small{font-size:8px}.conversation-user,.conversation-reply{font-size:11px}.agent-conversation{min-height:310px}.agent-preview .preview-top small{font-size:8px}}
@media(max-width:580px){.hero-description{max-width:325px}.hero-stage{min-height:497px}.hero-result{font-size:9px}.task-inline b{font-size:10px}.task-inline small{font-size:8px}.mini-response{font-size:11px}.hero-footnote{font-size:10px}.section-heading p{font-size:12px}.artifact b{font-size:11px}.artifact small{font-size:8px}.agent-nodes button{min-height:62px;padding:10px 9px;gap:7px}.agent-nodes button>span:nth-child(2){font-size:12px}.agent-nodes small{font-size:9px}.agent-nodes i{display:none}.network-map{height:335px}.network-note{font-size:10px}.mode-tabs button{min-height:40px}.agent-conversation{min-height:287px}.conversation-user,.conversation-reply{font-size:12px}.preview-input{font-size:9px}.connection-steps small{font-size:10px}.connection-steps b{font-size:12px}.flow-user,.flow-message{font-size:12px}.flow-panel{min-height:370px}.workflow-index button{min-height:80px}.support-list b{font-size:12px}.support-list p{font-size:11px}.start-options details p{font-size:12px}.start-options details p.setup-note{font-size:11px}.start-options details .text-link{font-size:11px}.hero-stage .stage-note{font-size:7px;line-height:1.5}.stage-bottom>span{font-size:9px}.stage-bottom .hero-mascot{width:82px}.preview-top small{font-size:9px}.start-options summary{min-height:26px}.dialog-top button{width:40px;height:40px}footer>a:not(.brand){padding-block:12px}}
@media(max-width:360px){.hero h1{font-size:37px}.hero-description{font-size:12px}.hero-stage{padding-inline:14px}.hero-result{font-size:8px}.task-inline b{font-size:9px}.mini-response{font-size:10px}.agent-nodes button>span:nth-child(2){font-size:11px}.agent-nodes small{font-size:8px}.agent-nodes .agent-icon{width:25px;height:25px;font-size:18px}.hero-stage .stage-note{font-size:6px}}
/* Official product marks: retain source colors, proportions and built-in clear space. */
.agent-icon.codex,.agent-icon.claude,.agent-icon.grok,.agent-icon.devin{background:#fff;border:1px solid #e0e3d8;overflow:hidden;font:inherit;padding:0}
.agent-icon.claude{padding:4px;background:#fffaf5}
.agent-icon img{display:block;width:100%;height:100%;object-fit:contain;flex:none;border:0;border-radius:0;filter:none}
.conversation-reply .agent-icon.claude,.stage-bottom .agent-icon.claude{padding:3px}
/* Shared language controls and room for longer translations. */
.language-picker{display:flex;align-items:center;gap:7px;font-size:10px;color:#707761;flex-shrink:0}
.language-picker>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.language-picker select{font:inherit;font-size:12px;color:var(--ink);background:#fffef8;border:1px solid #d6d9ca;border-radius:5px;padding:9px 25px 9px 10px;max-width:135px;cursor:pointer;min-height:38px}
.language-picker select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.language-fallback{display:flex;gap:16px;padding:20px;flex-wrap:wrap;justify-content:center;font-size:12px}
.hero-copy,.hero-stage,.section-heading>*,.link-playground>*,.workflow-demo>*,.support-section>*,.start-section>*{min-width:0}
.hero h1,.section-heading h2,.start-copy h2,.support-heading h2{overflow-wrap:anywhere}
.hero h1{font-size:clamp(40px,4.15vw,60px)}
.section-heading h2{max-width:570px}.section-heading p{max-width:450px}
.section-heading{align-items:center}.connection-steps li{min-width:0}.connection-steps small{line-height:1.7}
.network-note{min-height:58px}.pot-node small{white-space:normal;text-align:center;line-height:1.6}
.network-caption{gap:10px;line-height:1.7}.network-caption span{flex-shrink:0}
.agent-preview .local-label{max-width:85px;text-align:right;line-height:1.6}
.preview-top>div{min-width:0}.preview-top small{line-height:1.5}.agent-conversation{min-height:325px}
.mode-tabs{max-width:calc(100% - 42px)}.mode-tabs button{line-height:1.6;flex:1;padding-inline:12px}
.artifact span:nth-child(2){min-width:0}.artifact b,.artifact small{line-height:1.7}
.flow-heading{gap:12px;line-height:1.7}.flow-heading>span{max-width:55%}.flow-route{flex-wrap:wrap;line-height:1.7}.flow-artifact{line-height:1.7}
.flow-panel .flow-user{margin-top:14px}.workflow-index button{gap:12px}.workflow-index button div{min-width:0}.workflow-index button b{line-height:1.7}
.start-options summary{gap:15px;line-height:1.7}.start-options summary>span{flex-shrink:0}footer p{max-width:260px;line-height:1.7}
#report-content table{table-layout:fixed}#report-content td,#report-content th{overflow-wrap:anywhere}
html[lang="en"] .hero h1,html[lang="es"] .hero h1{letter-spacing:-2px}
html[lang="es"] .small-label{max-width:45%;text-align:right;line-height:1.7}
@media(max-width:1000px){.site-header nav{gap:18px}.language-picker select{max-width:111px}.nav-cta{gap:12px}.section-heading{gap:28px}.workflow-index button{padding-inline:10px}.workflow-index button b{font-size:12px}.agent-conversation{min-height:380px}}
@media(max-width:800px){.site-header{column-gap:15px}.site-header nav{gap:15px}.language-picker select{font-size:11px;max-width:107px}.hero h1{font-size:54px}.section-heading h2{font-size:30px}.section-heading p{font-size:12px}.workflow-demo{grid-template-columns:1fr 1.15fr}.workflow-index button{gap:7px}.workflow-index button>span{font-size:9px}.workflow-index button b{font-size:11px}.workflow-index button i{display:none}.agent-preview .preview-top small{font-size:9px}.network-note{font-size:10px}.map-link-label{left:30%}.agent-nodes small{line-height:1.5}.support-section{gap:25px}}
@media(max-width:580px){.site-header{height:auto;min-height:112px;padding-block:15px 12px;row-gap:15px;column-gap:10px;flex-wrap:wrap}.site-header .brand{order:0}.language-picker{order:1;margin-left:auto}.language-picker select{max-width:112px;min-height:40px}.site-header .nav-cta{order:2;min-height:40px;align-items:center;max-width:112px;padding:8px 10px}.site-header nav{order:3;width:100%;justify-content:center;gap:30px;font-size:12px}.site-header nav a:last-child{display:block}.hero h1{font-size:41px}.hero-description{max-width:none}.section-heading h2{font-size:28px}.section-heading p{max-width:none}.hero-stage{min-height:515px}.stage-label{line-height:1.7}.mini-body{padding:16px 12px}.mini-response{font-size:11px}.task-inline small{line-height:1.7}.hero-result{line-height:1.8;text-align:left}.stage-bottom>span{gap:4px}.section-top{gap:12px;align-items:start}.section-top .small-label{max-width:43%;line-height:1.7;text-align:right}.section-number{line-height:1.8}.agent-conversation{min-height:340px}.agent-preview .local-label{font-size:8px;max-width:75px}.agent-preview .preview-top small{font-size:9px}.mode-tabs{max-width:calc(100% - 40px)}.mode-tabs button{font-size:10px}.network-note{min-height:60px}.workflow-demo{grid-template-columns:1fr}.workflow-index button{padding:12px 5px}.workflow-index button b{font-size:10px;white-space:normal;line-height:1.7}.workflow-index button small{font-size:8px;line-height:1.6}.workflow-index button{min-height:112px}.flow-panel{min-height:415px}.flow-heading{font-size:8px}.flow-route{margin-left:20px;gap:6px}.flow-route b{padding:6px 8px}.support-heading h2{font-size:25px}.start-copy>img{width:78px;right:0;top:45px}.start-copy h2{max-width:240px;font-size:31px}.start-copy .eyebrow{max-width:250px;font-size:8px;line-height:1.8}.dialog-actions{gap:13px}.dialog-actions .button{max-width:100%;gap:15px;line-height:1.7}footer{gap:14px}footer p{max-width:150px;font-size:9px}footer>a:not(.brand){margin-left:0}.footer-note{margin-left:0}}
@media(max-width:360px){.site-header .brand{font-size:25px}.site-header .brand img{width:30px}.site-header{column-gap:7px}.language-picker select{max-width:99px;font-size:10px;padding-left:7px}.site-header .nav-cta{max-width:90px;font-size:9px;gap:5px}.site-header nav{gap:24px;font-size:11px}.hero h1{font-size:35px}.actions{gap:14px;flex-wrap:wrap}.hero-stage{padding-inline:12px}.agent-orbit{gap:25px}.orbit-agent small{max-width:70px;line-height:1.6}.stage-bottom>span{font-size:8px}.agent-nodes button{padding-inline:6px;gap:5px}.agent-nodes .agent-icon{width:23px;height:23px}.agent-nodes small{font-size:8px}.workflow-index button b{font-size:9px}.section-heading h2{font-size:26px}}
@media(max-width:580px){html[lang="es"] .hero h1{font-size:37px;letter-spacing:-1.8px}}
@media(max-width:360px){html[lang="es"] .hero h1{font-size:31px;letter-spacing:-1.3px}}

/* A conversation owns the goal; background tasks return concrete deliverables. */
/* One repository link with two visual segments; the gap is clickable too. */
.github-star{--star-fill:#fffefa;--star-edge:#c6c5b9;display:inline-flex;align-items:center;gap:8px;min-height:44px;border-radius:7px;white-space:nowrap;font-size:13px;line-height:20px;cursor:pointer;flex-shrink:0;vertical-align:middle;transition:transform 110ms ease}
.github-star-action,.github-star-count{height:44px;display:inline-flex;align-items:center;justify-content:center;background:var(--star-fill);border:1px solid var(--star-edge);border-radius:6px;transition:background 110ms ease,border-color 110ms ease}
.github-star-action{gap:7px;padding:0 12px;font-weight:650}
.github-star .github-star-icon{display:block;flex-shrink:0;width:auto;height:16px;aspect-ratio:98/96;object-fit:contain}
.github-star-count{position:relative;padding:0 11px;min-width:36px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.1px}
.github-star-count::before{content:"";width:7px;height:7px;position:absolute;left:-4px;top:calc(50% - 3.5px);background:var(--star-fill);border-left:1px solid var(--star-edge);border-bottom:1px solid var(--star-edge);transform:rotate(45deg);transition:background 110ms ease,border-color 110ms ease}
.github-star-count[hidden],.github-star-count-compact{display:none}
.github-star:hover{--star-fill:#f3ebe0;--star-edge:#a65f36}
.github-star:active{--star-fill:#eadbc9;--star-edge:#8e502e;transform:translateY(1px)}
.github-star:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.copy-button{border:1px solid #b5b6a8;border-radius:5px;padding:8px 12px;font-size:12px}.copy-button:hover{background:#eeece3}.install-note{font-size:12px;line-height:1.9;margin-top:20px;color:#66685e}.install-note a{text-decoration:underline;text-underline-offset:3px}#copy-status{font-size:12px;min-height:24px;margin-top:12px}.start-options{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:24px}.report-gallery{display:grid;gap:16px;margin:24px 0}.report-gallery img{width:100%;border:1px solid #dcd9cf;border-radius:6px}button:disabled{cursor:default}
@media(max-width:1000px){.site-header{gap:12px}.site-header nav{display:none}}
@media(max-width:580px){.site-header{flex-wrap:wrap;height:auto;padding-block:15px;gap:10px}.site-header .language-picker{margin-left:auto}.github-star-count{min-width:57px;padding-inline:8px}.github-star-count-full{display:none}.github-star-count-compact{display:inline}.start-options{padding-bottom:25px}}
.access-note{margin:-12px 0 24px;padding-left:14px;border-left:2px solid #b46b43}
@media(max-width:580px){.site-header{display:grid;grid-template-columns:1fr auto;gap:10px}.site-header>.brand{grid-column:1;grid-row:1}.site-header>.language-picker{grid-column:2;grid-row:1;margin:0}.site-header>.github-star{grid-column:1;grid-row:2;justify-self:end}.site-header>.nav-cta{grid-column:2;grid-row:2;justify-self:end}}

/* Installation channels share one compact, progressively enhanced selector. */
.install-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin:12px 0 32px}.install-tabs[hidden]{display:none}.install-tabs button{background:transparent;padding:15px 22px;border-bottom:3px solid transparent;font-size:14px;color:var(--muted)}.install-tabs [aria-selected=true]{color:var(--accent);border-color:var(--accent)}.install-panel{padding:4px 0 24px;max-width:850px}.install-panel[hidden]{display:none}.install-panel-title{font-size:25px;margin:8px 0 22px}.install-ready .install-panel-title{display:none}.install-panel p{font-size:14px;line-height:1.8;margin:0 0 20px}.macos-method{max-width:520px}.platform-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}.install-method h4{font-size:23px;margin:0 0 12px}.experimental{font-size:10px;font-weight:500;color:var(--accent);border:1px solid var(--line);padding:4px 7px;border-radius:4px;vertical-align:middle}.install-panel .button{font-size:13px;padding:14px 20px;display:inline-flex;gap:24px}.install-guide{display:block;width:fit-content;font-size:12px;margin-top:20px;text-decoration:underline;text-underline-offset:4px;color:var(--muted)}.install-code{display:flex;align-items:center;gap:14px;background:#eeece3;border:1px solid var(--line);border-radius:6px;padding:12px 14px;margin:20px 0;min-width:0}.install-code pre{margin:0;flex:1;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.8}.install-code .copy-button{margin:0;white-space:nowrap;flex-shrink:0;background:transparent}.brew-install{margin-top:28px}.install-panel summary{font-size:13px;cursor:pointer;width:fit-content}.install-panel details p{font-size:12px;margin:12px 0}.install-panel .channel-note{font-size:11px;color:var(--muted);margin:22px 0 0}.web-start{margin-top:22px}.install-panel:not([hidden])+.install-panel:not([hidden]){border-top:1px solid var(--line);padding-top:24px}
@media(max-width:580px){.install-tabs{gap:0;margin-bottom:26px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.install-tabs button{font-size:11px;padding:14px 3px}.platform-methods{grid-template-columns:1fr;gap:32px}.install-method+.install-method{border-top:1px solid var(--line);padding-top:26px}.install-method h4{font-size:21px}.install-code{align-items:flex-start;flex-direction:column;gap:12px}.install-code .copy-button{align-self:flex-end}.install-panel p{font-size:13px}.install-panel .channel-note{font-size:11px}.install-panel{padding-bottom:12px}.brew-install{margin-top:22px}}

@media(forced-colors:active){.github-star-action,.github-star-count,.github-star-count::before{border-color:ButtonText}.github-star:focus-visible{outline-color:Highlight}}

/* 01: local website-design conversation and result preview. */
.a01-script-region{margin:0 auto;max-width:780px}
.a01-script-label{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:18px}
.a01-script-label h2{font-size:19px;line-height:1.6;font-weight:550;letter-spacing:-.3px;margin:0}
.a01-script-label span{font-size:11px;color:var(--accent);line-height:1.8}
.a01-story{border:1px dashed #c6beac;background:#fcfaf4;border-radius:9px;padding:24px 28px}
.a01-story-top{font-size:12px;line-height:1.9;color:var(--muted);border-bottom:1px solid #e5e0d4;padding-bottom:14px;margin-bottom:20px}
.a01-story-top strong{display:none}
.a01-user{margin-left:auto;width:fit-content;max-width:88%;border-radius:12px;background:#ede8df;padding:11px 15px;font-size:14px;line-height:1.8}
.a01-assistant{margin-top:20px}
.a01-identity{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:550;margin-bottom:7px}
.a01-avatar{width:23px;height:23px;object-fit:contain;flex-shrink:0}
.a01-generic{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;background:#e4e5dc;border-radius:7px;color:#636b58;flex-shrink:0}
.a01-generic svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}
.a01-assistant>p{font-size:14px;line-height:1.9}
.a01-communication{margin:17px 0 0;padding:0;border:0}
.a01-communication>summary{list-style:none;font-size:11px;color:var(--muted);line-height:1.8;padding:8px 0}
.a01-communication>summary::-webkit-details-marker{display:none}
.a01-communication>summary:before{content:"›";margin-right:7px;display:inline-block}
.a01-communication[open]>summary:before{transform:rotate(90deg)}
.a01-route{display:flex;align-items:center;gap:7px;padding:7px 0 0 15px;font-size:11px;color:var(--muted);max-width:340px}
.a01-route .a01-avatar,.a01-route .a01-generic{width:18px;height:18px}
.a01-route .a01-generic svg{width:13px;height:13px}
.a01-direction{flex:1;height:1px;background:#869477;position:relative;min-width:20px;margin:0 3px}
.a01-direction:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-right:1px solid #869477;border-top:1px solid #869477;transform:rotate(45deg)}
.a01-communication[open] .a01-route{display:none}
.a01-communication-body{margin:6px 0 8px 15px;max-width:66ch}
.a01-communication-body p{font-size:13px;line-height:1.9}
.a01-call-details{font-size:11px;color:var(--muted);margin-top:9px}
.a01-call-details summary{padding:5px 0}
.a01-call-details p{font-size:11px}
.a01-result{display:flex;align-items:center;gap:12px;margin-top:16px;padding:14px 16px;border:1px solid #dadfce;background:#f3f4ec;border-radius:7px;width:100%;text-align:left}
.a01-result .a01-file{font-size:22px;color:var(--olive)}
.a01-result strong{font-weight:550;font-size:13px;display:block}
.a01-result small{display:block;font-size:11px;color:var(--muted);margin-top:5px}
.a01-result .a01-arrow{margin-left:auto;color:var(--accent)}
.a01-last-user{margin-top:20px}
.a01-dialog-top{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 20px;border-bottom:1px solid var(--line);background:var(--white);z-index:1}
.a01-dialog-top strong{font-size:13px;font-weight:550}
.a01-dialog-top button{font-size:12px;background:#eeece4;padding:9px 13px;border-radius:5px;min-height:36px}
.a01-result-preview{padding:35px 40px 45px}
.a01-result-preview .a01-sample-mark{color:var(--accent);font-size:11px;letter-spacing:1px}
.a01-mini-site{margin-top:24px;border:1px solid var(--line);border-radius:8px;padding:25px 30px;background:#f7f5ef}
.a01-mini-site .a01-mini-brand{display:flex;align-items:center;gap:7px;font-size:20px;font-weight:650}
.a01-mini-brand img{width:28px;height:28px}
.a01-mini-site h2{font-size:clamp(28px,4vw,44px);font-weight:550;letter-spacing:-1.5px;line-height:1.4;margin:30px 0 15px}
.a01-mini-site h2 span{color:var(--accent)}
.a01-mini-site p{font-size:14px;color:var(--muted);line-height:1.9;max-width:520px}
.a01-sample-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.a01-sample-tags span{border:1px solid var(--line);padding:8px 12px;border-radius:20px;font-size:11px;color:var(--muted)}
.a01-result-preview>p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:20px}
.a01-dialog{width:min(1100px,calc(100vw - 40px));max-height:calc(100dvh - 44px);padding:0;border:1px solid #d2d0c4;border-radius:12px;background:var(--white);color:var(--ink)}
.a01-dialog::backdrop{background:#282924aa}
.assistant-section .section-heading h2{font-size:clamp(30px,3.5vw,46px)}.assistant-section .section-heading p{max-width:420px;color:#62655c;font-size:14px;line-height:1.95}.a01-story p,.a01-result-preview p{margin:0}.a01-story .a01-communication-body{margin:6px 0 8px 15px}.a01-story .a01-call-details p{font-size:11px}.a01-communication>summary,.a01-call-details>summary{cursor:pointer}.a01-result-preview>p{margin-top:20px}.a01-story{color:var(--ink)}.a01-dialog-top button{min-height:44px}
@media(max-width:720px){.assistant-section{width:calc(100% - 40px)}.assistant-section .section-heading{display:block}.assistant-section .section-heading p{margin-top:16px}.a01-script-label{display:block;margin-bottom:16px}.a01-script-label h2{font-size:19px}.a01-script-label span{display:block;margin-top:6px}.a01-story{padding:20px 17px}.a01-story-top{font-size:11px}.a01-user{font-size:14px;max-width:96%;padding:10px 12px}.a01-communication>summary{padding-block:9px}.a01-route{gap:5px;font-size:10px;padding-left:10px}.a01-result-preview{padding:25px 20px}.a01-mini-site{padding:22px}.a01-mini-site h2{font-size:29px}.a01-mini-site p{font-size:13px}.a01-dialog-top{padding:12px 15px}.a01-dialog-top strong{font-size:12px}}

.assistant-connections{margin-top:28px;font-size:13px;line-height:1.7}
.assistant-support{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 28px}
.assistant-support li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.assistant-support b{font-weight:600}
.assistant-brand{gap:8px}
.assistant-brand-icon{width:24px;height:24px;flex:none;object-fit:contain}
.assistant-support .assistant-brand{color:var(--ink)}
.assistant-support .assistant-brand:hover{color:var(--accent)}
.assistant-support li>span{color:#62655c}
.assistant-support a,.connection-guide{color:var(--accent);text-decoration:underline;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center}
.connection-guide{margin-top:8px;font-size:13px}
@media(max-width:580px){.assistant-support{display:grid;gap:8px}.assistant-support li{min-height:36px}.assistant-support li:first-child a{flex-basis:100%}}