.codex-hero{border-bottom:1px solid var(--product-line);background:#fff;padding:74px 0 82px}.codex-breadcrumb{color:var(--product-muted);align-items:center;gap:6px;margin-bottom:48px;font-size:10px;display:flex}.codex-breadcrumb a{color:var(--product-green);text-decoration:none}.codex-hero-grid{grid-template-columns:1.12fr .88fr;align-items:end;gap:90px;display:grid}.codex-hero-grid>div:first-child>p,.codex-section-head>div>p{color:var(--product-green);margin:0;font-size:9px;font-weight:800}.codex-hero h1{margin:15px 0 0;font-size:49px;line-height:1.22}.codex-hero-grid>div:last-child>p{color:var(--product-muted);margin:0;font-size:14px;line-height:1.85}.codex-hero-grid>div:last-child>div{flex-wrap:wrap;gap:12px 22px;margin-top:22px;display:flex}.codex-hero-grid a{min-height:39px;color:var(--product-green);align-items:center;gap:6px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.codex-hero-grid a:first-child{background:var(--product-green);color:#fff;border-radius:5px;padding:0 14px}.codex-demo{background:var(--product-soft);padding:88px 0 105px}.codex-section-head{grid-template-columns:1fr minmax(320px,.68fr);align-items:end;gap:70px;display:grid}.codex-section-head h2{margin:8px 0 0;font-size:38px;line-height:1.25}.codex-section-head>span{color:var(--product-muted);font-size:12px;line-height:1.75}.plugin-frame{background:#fff;border:1px solid #ccd4d0;border-radius:8px;grid-template-columns:1.12fr .88fr;min-height:690px;margin-top:42px;display:grid;overflow:hidden;box-shadow:0 24px 58px #182a221f}.plugin-conversation{background:#fff;border-right:1px solid #dde3df;flex-direction:column;display:flex}.plugin-conversation>header,.local-workbench>header{border-bottom:1px solid #e1e5e3;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:0 20px;display:flex}.plugin-conversation>header>div{align-items:center;gap:10px;display:flex}.plugin-conversation>header svg{color:var(--product-green)}.plugin-conversation>header span,.local-workbench>header div{display:grid}.plugin-conversation>header strong,.local-workbench>header strong{font-size:12px}.plugin-conversation>header small,.local-workbench>header small{color:#89918d;font-size:8px}.plugin-conversation>header em{color:var(--product-green);font-size:8px;font-style:normal}.plugin-conversation>header em i{background:var(--product-green);border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.plugin-chat{flex:1;padding:26px 28px}.plugin-user{background:var(--product-green-soft);color:#23352e;border-radius:12px 12px 3px;max-width:74%;margin-left:auto;padding:13px 15px;font-size:10px;line-height:1.65}.plugin-agent{grid-template-columns:28px 1fr;gap:10px;margin-top:27px;display:grid}.plugin-agent>span{background:var(--product-green);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.plugin-agent p{color:#38443e;margin:2px 0 14px;font-size:10px;line-height:1.7}.plugin-agent ol{border:1px solid #dfe4e1;border-radius:6px;margin:0;padding:0;list-style:none}.plugin-agent li{color:#9ba29e;border-bottom:1px solid #edf0ee;align-items:center;gap:8px;min-height:47px;padding:0 12px;display:flex}.plugin-agent li:first-child{color:var(--product-green)}.plugin-agent li:last-child{border-bottom:0}.plugin-agent li span{display:grid}.plugin-agent li strong{color:#26302c;font-size:9px}.plugin-agent li small{font-size:7px}.plugin-confirmation{background:#fbfcfb;border:1px solid #d4dcd8;border-radius:6px;margin:20px 0 0 38px}.plugin-confirmation>header{min-height:40px;color:var(--product-green);border-bottom:1px solid #e5e9e7;align-items:center;gap:7px;padding:0 12px;display:flex}.plugin-confirmation>header strong{font-size:9px}.plugin-confirmation>header span{color:#8b938f;font-family:var(--font-mono);margin-left:auto;font-size:7px}.plugin-confirmation dl{grid-template-columns:repeat(2,1fr);gap:9px;margin:0;padding:12px;display:grid}.plugin-confirmation dl div{gap:2px;display:grid}.plugin-confirmation dt{color:#8b938f;font-size:7px}.plugin-confirmation dd{margin:0;font-size:8px;font-weight:700}.plugin-confirmation button{color:#493718;background:#f2c56d;border:0;border-radius:4px;width:calc(100% - 24px);min-height:34px;margin:0 12px 12px;font-size:9px;font-weight:700}.plugin-conversation>footer{color:#929995;border:1px solid #d7ddda;border-radius:6px;justify-content:space-between;align-items:center;min-height:62px;margin:0 20px 18px;padding:0 12px;font-size:9px;display:flex}.plugin-conversation>footer button{background:var(--product-green);color:#fff;border:0;border-radius:5px;place-items:center;width:31px;height:31px;display:grid}.local-workbench{background:#f8faf9}.local-workbench>header>span{color:var(--product-green);align-items:center;gap:5px;font-size:8px;display:inline-flex}.local-workbench>nav{border-bottom:1px solid #dde3df;grid-template-columns:repeat(4,1fr);min-height:45px;display:grid}.local-workbench>nav button{color:#7b8580;background:0 0;border:0;border-right:1px solid #e6eae8;font-size:8px}.local-workbench>nav button.active{border-bottom:2px solid var(--product-green);color:var(--product-green);background:#fff;font-weight:700}.local-workbench>article{padding:23px}.local-workbench>article[hidden]{display:none}.workbench-title{align-items:center;gap:10px;display:flex}.workbench-title svg{color:var(--product-green)}.workbench-title div{display:grid}.workbench-title small{color:#8d9591;font-size:8px}.workbench-title strong{font-size:11px}.local-workbench ol{border-top:1px solid #dfe4e1;margin:22px 0 0;padding:0;list-style:none}.local-workbench li{border-bottom:1px solid #dfe4e1;grid-template-columns:25px 1fr;align-items:center;min-height:58px;display:grid}.local-workbench li>span{color:#9ba29e;border:1px solid #cbd4cf;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.local-workbench li.done>span,.local-workbench li.active>span{border-color:var(--product-green);color:var(--product-green)}.local-workbench li div{display:grid}.local-workbench li strong{font-size:9px}.local-workbench li small{color:#8e9692;font-size:7px}.workbench-receipt{color:var(--product-green);background:#fff;border:1px solid #d4ded9;gap:9px;margin-top:24px;padding:14px;display:flex}.workbench-receipt span{display:grid}.workbench-receipt strong{font-size:9px}.workbench-receipt small{color:#7d8782;font-size:7px}.plugin-boundary{background:#fff;padding:94px 0 108px}.plugin-boundary-grid{border-top:1px solid var(--product-line);border-left:1px solid var(--product-line);grid-template-columns:repeat(3,1fr);margin-top:47px;display:grid}.plugin-boundary-grid article{border-right:1px solid var(--product-line);border-bottom:1px solid var(--product-line);min-height:270px;padding:27px}.plugin-boundary-grid svg{color:var(--product-green)}.plugin-boundary-grid span{color:var(--product-green);margin-top:34px;font-size:9px;font-weight:800;display:block}.plugin-boundary-grid h3{margin:7px 0 10px;font-size:19px}.plugin-boundary-grid p{color:var(--product-muted);margin:0;font-size:11px;line-height:1.75}@media (width<=880px){.codex-hero-grid,.codex-section-head{grid-template-columns:1fr;gap:26px}.plugin-frame{grid-template-columns:1fr}.plugin-conversation{border-bottom:1px solid #dde3df;border-right:0}}@media (width<=560px){.codex-hero{padding:56px 0 64px}.codex-breadcrumb{margin-bottom:32px}.codex-hero h1{font-size:35px}.codex-demo,.plugin-boundary{padding:68px 0 78px}.codex-section-head h2{font-size:30px}.plugin-chat{padding:20px 14px}.plugin-confirmation{margin-left:0}.plugin-boundary-grid{grid-template-columns:1fr}}