
.capability-section,.usecase-section,.connections-section,.visibility-section{padding-block:80px}.info-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:start;margin-bottom:40px}.info-heading h2,.usecase-section>h2,.visibility-section h2{font-size:clamp(2.4rem,4vw,4rem);line-height:1.1;margin:0;max-width:680px}.info-heading>p{font-size:17px;color:#4b6055;line-height:1.7;margin:8px 0 0}.capability-list{display:grid;grid-template-columns:1fr 1fr;column-gap:65px}.capability-list>div{display:grid;grid-template-columns:145px 1fr;gap:20px;padding:28px 0;border-top:1px solid #b8c5b3}.capability-list dt{font-size:22px;font-weight:550;line-height:1.2}.capability-list dd{margin:0;font-size:16px;line-height:1.65;color:#4b6055}.workflow-section{padding:55px!important;background:#183d2e;border-radius:30px;color:#fff;margin-block:20px 35px}.workflow-section h2{color:#fff}.workflow-section .info-heading>p{color:#d0dfcd}.workflow-line{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;padding:0;margin:0;position:relative;gap:16px}.workflow-line li{padding:27px 16px;background:#284d39;border:1px solid #59765c;border-radius:18px;position:relative;min-width:0}.workflow-line li:before{content:'';position:absolute;width:17px;right:-17px;top:42%;height:1px;background:#86a47c}.workflow-line li:last-child:before{display:none}.workflow-line li:nth-child(4){background:#d8ff62;color:#183d2e;border-color:#d8ff62}.workflow-line strong{font-size:18px;line-height:1.3;display:block}.workflow-line span{display:block;color:#d0dfcd;font-size:14px;line-height:1.55;margin-top:12px}.workflow-line li:nth-child(4) span{color:#294a31}.handoff-note{margin-top:35px;display:grid;grid-template-columns:1fr 2fr;gap:45px;border-top:1px solid #59765c;padding-top:30px}.handoff-note strong{font-size:23px;color:#d8ff62;line-height:1.3}.handoff-note p{color:#d0dfcd;margin:0;font-size:16px;line-height:1.7}.usecase-choices{display:flex;flex-wrap:wrap;gap:10px;margin:32px 0 40px}.usecase-choices button{border:1px solid #a4b79c!important;border-radius:999px!important;padding:12px 20px!important;background:transparent!important;color:#183d2e!important;font-size:15px!important}.usecase-choices button[aria-pressed=true]{background:#183d2e!important;color:#d8ff62!important;border-color:#183d2e!important}.usecase-choices button:hover{background:#e9efdf!important}.usecase-choices button[aria-pressed=true]:hover{background:#284d39!important}.usecase-preview{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:center}.usecase-copy h3{font-size:32px;margin:0 0 18px}.usecase-copy>p{font-size:18px;line-height:1.7;color:#4b6055;margin:0}.usecase-next{margin-top:30px;padding-top:24px;border-top:1px solid #b8c5b3}.usecase-next strong{font-size:14px}.usecase-next p{font-size:16px;line-height:1.65;margin:8px 0 0;color:#4b6055}.usecase-conversation{background:#fff;border:1px solid #b8c5b3;border-radius:25px;box-shadow:10px 20px 40px #183d2e10;overflow:hidden;min-width:0}.usecase-top{display:flex;gap:16px;align-items:center;background:#e9efdf;padding:23px}.usecase-top .brand-mark{width:35px;height:35px;flex-shrink:0;font-size:27px}.usecase-top strong{display:block;font-size:16px}.usecase-top div>span{display:block;font-size:12px;color:#4b6055;margin-top:5px}.usecase-turns{padding:25px;display:flex;flex-direction:column;gap:20px}.usecase-turns p{padding:18px;border:1px solid #b8c5b3;border-radius:16px;font-size:16px;line-height:1.6;max-width:92%;margin:0}.usecase-turns .assistant{align-self:flex-end;background:#d8ff62;border-color:#bfd75e}.usecase-turns small{display:block;font-size:11px;color:#3f5b47;margin-bottom:8px}.example-disclosure{font-size:12px!important;line-height:1.5!important;color:#4b6055;padding:0 25px 20px;margin:0!important}.connections-section{border-top:1px solid #b8c5b3}.connection-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.connection-list>div{border-top:2px solid #a4b79c;padding-top:22px}.connection-list dt{font-size:24px;font-weight:550;line-height:1.2}.connection-list dd{margin:12px 0 0;color:#4b6055;font-size:16px;line-height:1.7}.visibility-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;background:#e9efdf;border-radius:30px;padding:55px!important}.visibility-section>div>p{font-size:18px;color:#4b6055;line-height:1.7;margin:25px 0 0}.visibility-section .visibility-boundary{font-size:14px}.activity-preview{background:#fff;border:1px solid #b8c5b3;border-radius:22px;overflow:hidden}.activity-top{display:flex;justify-content:space-between;gap:15px;padding:23px;border-bottom:1px solid #b8c5b3;align-items:center}.activity-top span{font-size:11px;color:#4b6055}.activity-preview ol{margin:0;padding:8px 23px;list-style:none}.activity-preview li{padding:18px 0;border-bottom:1px solid #b8c5b3;display:grid;grid-template-columns:110px 1fr;gap:18px}.activity-preview li:last-child{border:0}.activity-preview li span{font-size:12px;color:#4b6055}.activity-preview li strong{font-size:14px;font-weight:500}.activity-preview>a{display:flex;padding:20px 23px;background:#183d2e;color:#d8ff62;justify-content:space-between}.usecase-choices button:focus-visible{outline:3px solid #53734b;outline-offset:4px}
@media(max-width:1100px){.workflow-section{padding:40px!important}.workflow-line{gap:10px}.workflow-line li{padding:22px 12px}.workflow-line li:before{right:-11px;width:11px}.capability-list>div{grid-template-columns:1fr;gap:10px}.usecase-preview{gap:35px}.connection-list{grid-template-columns:1fr 1fr}.visibility-section{gap:35px;padding:40px!important}}
@media(max-width:780px){.capability-section,.usecase-section,.connections-section{padding-block:55px}.info-heading{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.info-heading h2,.usecase-section>h2,.visibility-section h2{font-size:2.6rem}.info-heading>p{margin:0;font-size:16px}.capability-list{grid-template-columns:1fr;gap:0}.capability-list>div{grid-template-columns:130px 1fr;gap:15px;padding:23px 0}.capability-list dt{font-size:20px}.workflow-section{padding:35px 25px!important}.workflow-line{grid-template-columns:1fr;gap:15px}.workflow-line li{padding:22px}.workflow-line li:before{right:auto;top:auto;bottom:-16px;left:50%;width:1px;height:16px}.workflow-line strong{font-size:20px}.workflow-line span{font-size:15px;margin-top:8px}.handoff-note{grid-template-columns:1fr;gap:15px;margin-top:28px;padding-top:25px}.handoff-note strong{font-size:23px}.usecase-preview{grid-template-columns:1fr;gap:30px}.usecase-choices{gap:8px;margin:25px 0 30px}.usecase-choices button{padding:11px 15px!important}.usecase-copy h3{font-size:28px}.usecase-copy>p{font-size:16px}.connection-list{gap:28px 20px}.connection-list dt{font-size:21px}.connection-list dd{font-size:15px}.visibility-section{grid-template-columns:1fr;padding:35px 25px!important;gap:30px}.visibility-section>div>p{font-size:16px;margin-top:20px}}
@media(max-width:500px){.capability-list>div{grid-template-columns:1fr;gap:10px}.connection-list{grid-template-columns:1fr}.usecase-top{padding:20px 17px}.usecase-turns{padding:20px 17px}.usecase-turns p{font-size:15px;padding:15px;max-width:95%}.example-disclosure{padding-inline:17px}.activity-top{padding:20px 17px}.activity-preview ol{padding-inline:17px}.activity-preview li{grid-template-columns:1fr;gap:6px}.activity-top{align-items:flex-start;flex-direction:column;gap:5px}.info-heading h2,.usecase-section>h2,.visibility-section h2{font-size:2.35rem}.workflow-section,.visibility-section{border-radius:24px}}
@media(prefers-reduced-motion:reduce){.usecase-preview *{animation:none!important;transition:none!important}}
