.tools-intro{padding:60px 0 40px}.tools-intro h1{font-size:clamp(38px,5vw,66px);margin:20px 0}.tools-intro>p:last-child{max-width:650px;font-size:19px;color:var(--muted)}.tool-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:55px;border-top:1px solid var(--line);padding:38px 0 60px}.tool-feature h2{margin:18px 0}.tool-feature p{margin:16px 0}.tool-lead{font-size:22px}.tool-facts{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin:25px 0}.tool-facts span{font-size:14px;color:#40575d}.tool-facts .demo-shortcut{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid #619b8b;border-radius:4px;background:#edf7f4;color:#123e35;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px}.tool-facts .demo-shortcut:hover{background:#d8eee5;border-color:#255e4f}.tool-detail{padding:28px;background:var(--navy);color:white;border-radius:4px}.tool-detail h3{font-size:24px}.tool-detail ul{padding-left:20px}.tool-detail li{margin-bottom:12px}.tool-detail p{font-size:15px;color:#d5e5e4}.demo-section{display:grid;grid-template-columns:1fr 1.1fr;gap:55px;padding:50px 0;border-top:1px solid var(--line)}.demo-section h2{margin:18px 0 24px}.demo-section p{margin:16px 0;color:var(--muted)}.demo-section a{text-decoration:underline;text-underline-offset:3px}#demo-form{padding:28px;background:#f1f6f3}#demo-form label:not(.check-label){display:block;font-size:15px}#demo-form input:not([type=checkbox]){display:block;width:100%;padding:12px;margin:6px 0 17px;border:1px solid #9cb2aa;background:white;border-radius:3px}#demo-form .button{white-space:normal;text-align:left}#demo-form .check-label{font-size:14px}#demo-status{min-height:24px}#demo-open{text-decoration:none}.tools-next{padding:35px 0 65px;border-top:1px solid var(--line)}.tools-next h2{font-size:30px}.tools-next p{margin:16px 0}header nav{gap:20px}header nav [aria-current]{border-bottom:2px solid #25806b}#demo-form button:disabled{opacity:.6;cursor:wait}@media(max-width:950px){.tool-feature,.demo-section{grid-template-columns:1fr;gap:25px}.tools-intro{padding-top:35px}}[hidden]{display:none!important}

/* Dark labels and typed text on the light demo form. */
#demo-form{color:#243f46}#demo-form label,#demo-form .check-label,#demo-form .check-label span{color:#243f46}#demo-form label:not(.check-label){font-weight:600}#demo-form input:not([type=checkbox]){color:#17343c;background:#fff;border-color:#708b82}#demo-form input::placeholder{color:#526b63;opacity:1}#demo-form .check-label a{color:#185d4c}#demo-form .check-label{display:flex;align-items:flex-start;gap:10px;line-height:1.6}#demo-form .check-label input{flex:0 0 18px;width:18px;height:18px;margin:4px 0 0}#demo-status{color:#243f46}

/* Meeting Colleague introduction: native playback, readable text and no autoplay. */
.tool-video{padding:48px 0 54px;border-top:1px solid var(--line)}
.video-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.video-heading h2{margin-top:16px;font-size:clamp(28px,3vw,42px)}
.video-heading>p{flex-shrink:0;color:#40575d;font-size:14px}
.video-intro{max-width:700px;margin:18px 0 26px;color:#40575d}
.video-player{margin:0}
.video-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:var(--navy);border-radius:4px}
.video-player figcaption{margin-top:12px;font-size:14px;color:#40575d}
.video-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 30px;margin-top:24px}
.video-actions .button{white-space:normal;text-align:left}
.video-download{color:#185d4c;text-decoration:underline;text-underline-offset:4px}
.video-transcript{margin-top:26px;color:#243f46;max-width:880px}
.video-transcript summary{cursor:pointer;font-weight:600;padding:8px 0;text-decoration:underline;text-underline-offset:4px}
.video-transcript p{margin:14px 0}
@media(max-width:750px){.video-heading{display:block}.video-heading>p{margin-top:14px}.tool-video{padding:32px 0 38px}.video-actions{align-items:flex-start;flex-direction:column}}