.product-design{--product-accent:#4cc9f0}
.product-design h1,.product-design h2,.product-design h3{overflow-wrap:anywhere}
.product-design .excode-hero .product-intro{max-width:1080px}
.product-design .excode-hero h1{max-width:1050px;margin-inline:auto}
.product-design .excode-hero .product-lead{max-width:66ch}
.excode-integrations{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 2.4rem;list-style:none;margin:3rem 0 0;padding:0;color:#d8d8e2;font-size:1.4rem;font-weight:600}
.excode-integrations li+li::before{content:"+";color:#707088;margin-right:2.4rem;font-weight:400}
.excode-workspace{padding:1.6rem;background:radial-gradient(ellipse at 70% 0%,rgb(76 201 240 / 11%),transparent 70%),#171722}
.excode-workspace>a{display:block;border-radius:12px}
.excode-workspace img{border:1px solid #343c47}
.excode-image-heading{display:flex;justify-content:space-between;gap:2rem;align-items:center;margin:.4rem .6rem 1.6rem;color:#d8d8e2;font-size:1.3rem}
.excode-image-heading a{color:var(--product-accent);text-decoration:none}
.product-design kbd{display:inline-block;padding:.1em .35em;border:1px solid #555568;border-radius:5px;background:#252535;color:#e8e8f0;font:500 .85em var(--mono);white-space:nowrap;vertical-align:baseline}
.excode-direct{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:8rem;padding-block:9.6rem}
.excode-agent-note{align-self:center;border-left:2px solid #4cc9f0;padding-left:3.2rem}
.excode-agent-list{display:flex;flex-wrap:wrap;gap:1rem 2rem;list-style:none;padding:0;margin:0 0 2rem;color:#f5f5f8;font-size:2rem;font-weight:600;line-height:1.4}
.excode-agent-note>p:not(.product-section-label){color:var(--product-muted);font-size:1.6rem;margin-top:1.6rem;max-width:48ch}
.excode-workbench{padding-block:2.4rem 7.2rem;scroll-margin-top:3rem}
.excode-panel-intro{display:flex;align-items:center;justify-content:space-between;gap:4rem}
.excode-panel-intro .product-section-heading{max-width:680px}
.excode-shortcut{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.8rem;flex:0 0 220px;margin-top:1rem}
.product-design .excode-shortcut kbd{min-width:54px;text-align:center;padding:1rem;font-size:2.8rem;line-height:1.2;border-radius:10px;border-bottom-width:3px;background:#272737}
.excode-shortcut span{width:100%;color:var(--product-muted);text-align:center;font-size:1.3rem;margin-top:.8rem}
.excode-explorer{border:1px solid #454557;border-radius:20px;background:#171722;overflow:hidden}
.excode-tab-list{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));background:#272737;border-bottom:1px solid #454557;padding:.8rem;gap:.4rem}
.excode-tab-list[hidden]{display:none}
.excode-tab-list button{appearance:none;border:1px solid transparent;border-radius:8px;min-height:48px;background:transparent;color:#c9c9d7;font:600 1.4rem/1.3 var(--font);cursor:pointer;padding:.8rem .5rem;overflow-wrap:anywhere;transition:background .18s,color .18s}
.excode-tab-list button:hover{background:#343446;color:#f5f5f8}
.excode-tab-list button[aria-selected=true]{border-color:#4cc9f0;background:#203743;color:#a6ecff}
.excode-tab-panels>section{padding:4rem 4.8rem;max-width:880px;min-height:280px}
.excode-tab-panels>section[hidden]{display:none}
.excode-tab-panels>section+section{border-top:1px solid #3b3b4d}
.excode-explorer.is-enhanced .excode-tab-panels>section+section{border-top:0}
.excode-tab-panels h3{font-size:2.8rem}
.excode-tab-panels p:not(.product-section-label){margin-top:1.6rem;color:var(--product-muted)}
.excode-tab-panels p.excode-panel-outcome{color:#d8d8e2}
.excode-terminal-footer{display:flex;align-items:center;gap:2rem;padding:2rem 4.8rem;border-top:1px solid #3b3b4d;background:#20202e}
.excode-terminal-symbol{font:600 2.4rem var(--mono);color:var(--product-accent)}
.excode-terminal-footer p{color:var(--product-muted);font-size:1.5rem;max-width:84ch}
.excode-terminal-footer strong{color:#e8e8f0;font-weight:600}
.excode-review{padding-block:3.2rem 7.2rem}
.excode-review-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:center;gap:8rem;margin-bottom:3.2rem}
.excode-review-heading .product-section-heading{margin-bottom:0}
.excode-review-heading>p{color:var(--product-muted);max-width:52ch}
.excode-review-stage{background:#171722}
.excode-loop{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:3.2rem 0 0;padding:0;gap:3.2rem}
.excode-loop li{padding-top:2.4rem;border-top:1px solid #454557}
.excode-loop span{font:500 1.3rem var(--mono);color:var(--product-accent)}
.excode-loop strong{display:block;margin-top:1.2rem;font-size:1.7rem;font-weight:600;color:var(--product-ink)}
.excode-loop p{font-size:1.5rem;color:var(--product-muted);margin-top:.6rem}
.excode-technical{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:8rem;padding-block:4rem 2rem}
.excode-questions details{border-top:1px solid #3b3b4d;padding-block:2rem}
.excode-questions details:last-child{border-bottom:1px solid #3b3b4d}
.excode-questions summary{cursor:pointer;font-weight:600;color:var(--product-ink);padding:.6rem 2rem .6rem 0}
.excode-questions p{color:var(--product-muted);margin-top:1.6rem;font-size:1.6rem}
.product-design .excode-shortcut-note{color:var(--product-muted);font-size:1.4rem;line-height:2.1;margin-top:2.4rem}
.product-design .product-cta{grid-template-columns:minmax(0,1fr) minmax(0,auto)}
.product-cta .product-actions{max-width:360px}
@media(max-width:1100px){.excode-direct{gap:4.8rem}.excode-tab-list{grid-template-columns:repeat(4,minmax(0,1fr))}.excode-technical,.excode-review-heading{gap:4.8rem}}
@media(max-width:899px){.excode-direct,.excode-technical,.excode-review-heading{grid-template-columns:1fr;gap:3.2rem}.excode-direct{padding-block:6.4rem}.excode-agent-note{padding-left:2.4rem}.excode-panel-intro{align-items:flex-start;gap:2.4rem}.excode-shortcut{flex-basis:180px}.product-design .excode-shortcut kbd{min-width:44px;font-size:2.4rem}.excode-loop{grid-template-columns:repeat(2,minmax(0,1fr))}.excode-technical{padding-block:3.2rem 0}.product-design .product-cta{grid-template-columns:1fr}.product-cta .product-actions{max-width:none}}
@media(max-width:599px){.product-design .excode-hero{text-align:left}.excode-hero .product-actions{justify-content:flex-start}.excode-integrations{justify-content:flex-start;gap:.8rem 1.6rem;font-size:1.3rem}.excode-integrations li+li::before{display:none}.excode-integrations li{border-bottom:1px solid #454557;padding-bottom:.4rem}.excode-workspace{padding:.8rem;border-radius:14px}.excode-workspace figcaption{padding-inline:.4rem;font-size:1.2rem}.excode-image-heading{align-items:flex-start;flex-direction:column;gap:.4rem;margin:.6rem .6rem 1.2rem}.excode-panel-intro{display:block}.excode-shortcut{justify-content:flex-start;margin-block:0 3.2rem}.excode-shortcut span{width:auto;text-align:left;margin:0 0 0 .8rem;flex:1 1 80px}.excode-workbench{padding-block:1.6rem 4.8rem}.excode-tab-list{gap:.4rem;padding:.6rem}.excode-tab-list button{font-size:1.3rem}.excode-tab-panels>section{padding:2.4rem;min-height:360px}.excode-tab-panels h3{font-size:2.4rem}.excode-terminal-footer{padding:2rem 2.4rem;gap:1.6rem;align-items:flex-start}.excode-review{padding-block:1.6rem 4.8rem}.excode-loop{gap:2.4rem 1.6rem}.excode-loop strong{font-size:1.6rem}.excode-loop p{font-size:1.4rem}}
@media(max-width:359px){.excode-tab-list{grid-template-columns:repeat(2,minmax(0,1fr))}.excode-loop{grid-template-columns:1fr}.product-design .excode-hero h1{font-size:4rem}}
/* Let enlarged text set the height without widening the call to action. */
.product-design .product-cta>*{min-width:0}
.product-design .product-cta .product-button{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.excode-terminal-footer>p{min-width:0;overflow-wrap:anywhere}