.oi-hero{padding-top:45px;padding-bottom:70px}.oi-hero>.eyebrow{text-align:center;margin-top:42px}.oi-hero h1{text-align:center;font-size:clamp(44px,5.6vw,82px);line-height:1.06;letter-spacing:-.055em;margin:24px 0}.oi-hero h1 span{color:#2f6d66}.oi-lead{text-align:center;font-size:19px;line-height:1.65;color:#626965;max-width:750px;margin:24px auto}.oi-actions{display:flex;justify-content:center;align-items:center;gap:26px;margin:32px 0 48px}.oi-demo{display:grid;grid-template-columns:225px 1fr;max-width:1080px;margin:auto;background:white;border:1px solid #d9e2de;border-radius:20px;overflow:hidden;box-shadow:0 25px 70px #24473f12;text-align:left}.oi-demo aside{background:#163c38;color:#baccc6;padding:32px 24px;display:flex;flex-direction:column;gap:23px;font-size:13px}.oi-demo aside img{width:135px;margin-bottom:25px}.demo-label{font-size:9px;letter-spacing:.12em}.oi-demo aside strong{color:#fff}.oi-demo aside small{margin-top:auto;line-height:1.8;color:#aac2bb}.demo-main{padding:24px 34px}.demo-top,.demo-bottom{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#737e78}.demo-chip{background:#edf3ef;padding:4px 9px;border-radius:20px}.demo-greeting{padding:44px 0 18px}.demo-greeting h2{font-size:40px;letter-spacing:-.045em;line-height:1.12;margin:12px 0 20px}.demo-greeting p{font-size:15px;max-width:510px;min-height:48px;color:#64716a}.demo-options{display:flex;gap:8px;flex-wrap:wrap}.demo-options button{border:1px solid #dce4df;border-radius:8px;background:white;font:inherit;font-size:11px;padding:12px;cursor:pointer}.demo-options button[aria-pressed=true]{background:#e2f2ed;border-color:#64b9af;color:#215b52}.demo-output{display:flex;align-items:center;gap:14px;border:1px solid #cfe2d8;border-radius:12px;background:#f3f8f5;padding:18px;margin:24px 0}.demo-output strong{font-size:14px}.demo-output p{font-size:12px;margin:7px 0;color:#61736b}.demo-output>span:last-child{margin-left:auto}.demo-dot{width:10px;height:10px;background:#64b9af;border-radius:50%;flex-shrink:0}.oi-caption{text-align:center;font-size:12px;line-height:1.8;color:#7a827d;margin:24px auto 0}.oi-caption a{text-decoration:underline}.workspace-section{padding:85px 0;background:#eaf1ee;scroll-margin-top:100px}.workspace-section h2 span{color:#2f6d66}.workspace-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0 20px}.workspace-tabs button{font:inherit;font-size:14px;padding:13px 20px;background:transparent;border:1px solid #bccfc5;border-radius:30px;cursor:pointer}.workspace-tabs button[aria-selected=true]{background:#173e37;border-color:#173e37;color:white}.workspace-panel{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);background:#fff;border:1px solid #d3dfd8;border-radius:18px;overflow:hidden}.workspace-panel[hidden]{display:none}.workspace-visual{background:#e0e9e4;padding:25px;display:flex;flex-direction:column;justify-content:center;min-width:0}.workspace-image{display:block;position:relative;background:#fff;border-radius:9px;overflow:hidden}.workspace-image img{width:100%;height:370px;object-fit:contain;display:block}.workspace-image>span{position:absolute;bottom:10px;right:10px;background:#163c38;color:#fff;font-size:10px;padding:7px 10px;border-radius:20px}.workspace-visual>p{font-size:10px;color:#65746b;margin:14px 0 0}.workspace-copy{padding:40px 34px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.workspace-copy .eyebrow{font-size:10px}.workspace-copy h3{font-size:30px;line-height:1.16;letter-spacing:-.035em;margin:20px 0}.workspace-copy p{color:#68736d;font-size:15px;line-height:1.65}.workspace-copy>.text-link{font-size:13px;margin:15px 0 28px}.workspace-copy .button{font-size:12px}.workspace-note{font-size:11px;line-height:1.8;color:#6f7c73;max-width:900px;margin:22px 0}.workspace-bridge{display:grid;grid-template-columns:1fr 1fr;gap:20px 60px;border-top:1px solid #cbdad0;margin-top:55px;padding-top:35px}.workspace-bridge h3{font-size:32px;letter-spacing:-.04em;line-height:1.15;margin:16px 0}.workspace-bridge p{font-size:16px;line-height:1.7;color:#657268}.workspace-bridge>a{grid-column:2}.buzz-illustration{padding:30px;background:#182723;color:#fff;border-radius:10px;min-height:370px}.buzz-project{font-size:12px;color:#c8d84a}.buzz-project span{float:right;color:#9aaba2;font-size:9px}.buzz-message{padding:16px;background:#2b3933;border-radius:10px;margin:22px 0 12px;max-width:85%;font-size:12px}.buzz-message p{margin:9px 0 0;line-height:1.6}.buzz-message.agent{margin-left:auto;background:#3a493b}.buzz-message b{color:#c8d84a}.buzz-tasks{display:flex;gap:12px;margin:20px 0}.buzz-tasks span{flex:1;font-size:11px;line-height:2;border-top:1px solid #718070;padding-top:8px}.buzz-illustration>small{font-size:9px;color:#b2beb4}button:focus-visible,a:focus-visible{outline:3px solid #64b9af;outline-offset:4px}@media(max-width:760px){.oi-actions{flex-direction:column;gap:18px}.oi-hero{padding-top:24px}.oi-hero>.eyebrow{margin-top:30px;font-size:10px}.oi-lead{font-size:16px}.oi-demo{grid-template-columns:1fr}.oi-demo aside{padding:15px 20px;flex-direction:row;align-items:center;gap:12px}.oi-demo aside img{width:95px;margin:0}.oi-demo aside>span,.oi-demo aside>strong,.oi-demo aside>small{display:none}.demo-main{padding:20px}.demo-greeting{padding-top:28px}.demo-greeting h2{font-size:32px}.demo-options button{font-size:10px;padding:10px}.demo-bottom{font-size:9px}.workspace-section{padding:55px 0}.workspace-panel{grid-template-columns:1fr}.workspace-image img{height:240px}.workspace-copy{padding:26px}.workspace-visual{padding:16px}.workspace-tabs{gap:6px}.workspace-tabs button{font-size:12px;padding:10px 15px}.workspace-bridge{grid-template-columns:1fr;gap:12px}.workspace-bridge>a{grid-column:auto}.buzz-illustration{padding:20px;min-height:330px}}