/* Header and product content revision — consistent SVG geometry and spacing. */
.ui-icon{display:inline-block;vertical-align:middle;flex-shrink:0}
.announcement{gap:14px;min-height:38px;font-size:12px;background:#f2f5ff;color:#334e86;border-bottom:1px solid #e7ecfb}
.announcement-tag{font-size:10px;font-weight:750;letter-spacing:.085em;background:#e3eaff;border:1px solid #d2ddfb;border-radius:5px;padding:2px 7px;color:#245cf5}
.announcement a{display:inline-flex;align-items:center;gap:7px;color:#245cf5;font-weight:650;text-decoration:none}
.announcement .ui-icon{width:14px;height:14px}
.nav-wrap{min-height:86px;gap:24px}.site-header{z-index:40}.site-header .brand-mark{width:36px;height:36px}
.multi-nav{gap:26px}.multi-nav>a,.nav-group>summary{font-size:14px;font-weight:600;color:#34415a}
.nav-group>summary{gap:7px}.nav-group>summary>.ui-icon{width:14px;height:14px;color:#8c98ac;transition:transform .18s}
.nav-group[open]>summary>.ui-icon{transform:rotate(180deg);color:var(--blue)}
.nav-cta>.ui-icon{width:16px;height:16px}.nav-cta{gap:10px}.nav-login{font-size:14px}
.mega-menu{margin-top:9px;border:1px solid #e6eaf1;border-radius:16px;width:min(1170px,calc(100vw - 48px));padding:22px 24px 0;box-shadow:0 18px 50px #23395a15,0 3px 10px #23395a05;max-height:calc(100dvh - 155px)}
.product-menu{padding:25px 25px 0}.product-menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.menu-column{min-width:0}.menu-column h2{font-size:10px;line-height:1.4;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:#8994a6;margin:0 0 15px;padding:0 10px}
.mega-link{gap:11px;padding:11px 9px;margin:2px 0;border-radius:10px;align-items:flex-start;transition:background .16s}
.menu-icon{width:35px;height:35px;display:flex;align-items:center;justify-content:center;background:#f5f7fb;color:#5d6d89;border:1px solid #eaf0f6;border-radius:10px;flex-shrink:0}
.menu-icon .ui-icon{width:20px;height:20px;stroke-width:1.7}
.menu-copy{min-width:0;padding-top:1px}.mega-link strong{font-size:13px;line-height:1.45;color:#25354f;font-weight:650}.mega-link small{font-size:11px;line-height:1.5;color:#8390a3;display:block;margin-top:3px}
.mega-link:hover,.mega-link:focus-visible,.mega-link[aria-current=page]{background:#f1f5ff}.mega-link:hover .menu-icon,.mega-link:focus-visible .menu-icon,.mega-link[aria-current=page] .menu-icon{color:#245cf5;border-color:#dae4ff;background:#e9efff}
.product-menu-footer{margin-top:22px;padding:19px 10px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #edf0f5;font-size:12px}
.all-features-link{display:inline-flex;gap:12px;align-items:center;font-weight:650;color:var(--blue)}.all-features-link>.ui-icon{width:17px;height:17px}.product-menu-footer>div{display:flex;align-items:center;gap:24px;color:#687991}.product-menu-footer a:hover{color:var(--blue)}
.mega-heading>a,.mega-bottom>a{display:inline-flex;align-items:center;gap:8px}.mega-heading .ui-icon,.mega-bottom .ui-icon{width:15px;height:15px}
.solutions-menu .mega-link,.compact-menu .mega-link{padding:14px 12px}.solutions-menu .mega-link strong,.compact-menu .mega-link strong{font-size:14px}.solutions-menu .mega-link small,.compact-menu .mega-link small{font-size:12px}
.company-menu{min-width:235px;margin-top:9px;border-radius:14px;border-color:#e6eaf1;padding:9px;box-shadow:0 18px 40px #23395a15}.company-menu a{display:flex;align-items:center;gap:13px;padding:13px 14px;color:#3c4e67}.company-menu .ui-icon{width:19px;height:19px;color:#7d8ca3}.company-menu a:hover .ui-icon{color:var(--blue)}
.home-channel-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 27px;margin:27px auto 12px}.home-channel-row a{display:flex;align-items:center;gap:7px;font-size:12px;color:#71809a}.home-channel-row .ui-icon{width:17px;height:17px;color:#4e6589}.hero>.eyebrow .ui-icon{width:17px;height:17px}.hero .button.secondary .ui-icon{width:18px;height:18px}.hero h1{font-size:clamp(2.35rem,5vw,4.2rem)}
.voice-highlight{background:#f7f9ff;border-block:1px solid #ebeffb}.voice-highlight .split-hero{padding-block:75px}.voice-highlight h2{font-size:clamp(2.3rem,4vw,3.5rem);margin-block:22px}.voice-highlight .check-list{margin-bottom:30px}.voice-highlight .visual-voice{background:#ecf1ff}
.voice-preview{text-align:center;padding:26px 25px 16px}.voice-orb{height:64px;width:64px;margin:0 auto 18px;border-radius:22px;background:linear-gradient(145deg,#fafcff,#d7e2ff);box-shadow:inset 0 0 0 1px #e0e8fc,0 7px 20px #295de216;display:grid;place-items:center;color:#245cf5}.voice-orb .ui-icon{height:32px;width:32px;stroke-width:1.5}.voice-status{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#8b97ad}.voice-status i{height:5px;width:5px;border-radius:50%;background:#698bf0}.voice-preview h3{font-size:28px;line-height:1.18;margin:18px 0 12px;color:#243755}.voice-wave{height:95px;display:flex;align-items:center;justify-content:center;gap:5px}.voice-wave i{display:block;width:4px;height:var(--bar-height);max-height:90px;border-radius:4px;background:linear-gradient(#c5d5ff,#3c6ce8,#d1dfff)}.voice-transcript{border:1px solid #ebeff7;border-radius:11px;padding:14px 16px;background:#fbfcff;margin:12px 0}.voice-transcript>span{font-size:8px;letter-spacing:.08em;color:#8b98b0}.voice-transcript p{font-size:12px;color:#51647f;margin:7px 0 0}.voice-context{display:flex;gap:6px;align-items:center;justify-content:center;font-size:9px;color:#7085a4;margin-top:17px}.voice-context .ui-icon{width:13px;height:13px}.voice-preview .visual-footnote{font-size:8px;margin:15px 0 0;color:#97a4b7}
.copilot-preview,.visitors-preview,.invitation-preview{padding:26px}.draft-preview{margin-top:12px;border:1px solid #e1e7f2;border-radius:10px;padding:16px;color:#77869b;font-size:13px;line-height:1.7}.copilot-tools{display:flex;gap:8px;margin:12px 0 25px;flex-wrap:wrap}.copilot-tools>span{display:flex;gap:6px;align-items:center;font-size:10px;color:#5474aa;border:1px solid #e0e8f7;border-radius:6px;padding:5px 7px}.copilot-tools .ui-icon{width:13px;height:13px}.suggestion-preview{background:#f3f6ff;padding:20px;border-radius:11px;border:1px solid #e3eaff}.suggestion-preview>span{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.07em;color:#6785b8}.suggestion-preview .ui-icon{width:15px;height:15px}.suggestion-preview p{font-size:13px;color:#425777;line-height:1.8;margin:12px 0 0}.copilot-footer{display:flex;align-items:center;gap:7px;font-size:10px;color:#7385a1;margin-top:22px}.copilot-footer .ui-icon{width:14px;height:14px}
.knowledge-source{display:flex;gap:10px;align-items:center;border:1px solid #e7ebf3;border-radius:8px;padding:13px 11px;margin-top:9px;text-align:left}.knowledge-source .ui-icon{width:17px;height:17px;color:#7090d1}.knowledge-source strong{font-size:11px;font-weight:550;color:#4c617d}.knowledge-source>span{font-size:9px;background:#edf2fc;border-radius:4px;padding:2px 6px;margin-left:auto;color:#6986b7}.knowledge-preview>p{font-size:12px;color:#8a99b0}.knowledge-preview .text-link{display:inline-flex;align-items:center;gap:7px;font-size:11px;margin-top:22px}
.visitors-heading{display:flex;gap:8px;align-items:center;padding-bottom:20px;font-size:13px}.visitor-row{display:flex;gap:12px;align-items:center;border-top:1px solid #edf1f8;padding:20px 0}.visitor-row>div{min-width:0;flex:1}.visitor-row strong{display:block;font-size:12px}.visitor-row code{display:block;color:#6284c8;font-size:11px;margin:5px 0}.visitor-row small{font-size:10px;color:#8b9bb0}.visitor-row>.ui-icon{width:16px;height:16px;color:#b0c0dc}.visitor-row .avatar{width:32px;height:32px;font-size:10px}
.rule-chip{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11px;color:#7d8da5;padding:16px 11px;border:1px solid #e6ecf5;border-radius:8px;margin-top:12px}.rule-chip .ui-icon{width:15px;height:15px;color:#6e8ec9}.rule-chip strong{font-size:11px;color:#5071b7;background:#f0f4fd;padding:2px 5px;border-radius:4px}.invitation-connector{display:block;width:1px;height:28px;margin:auto;background:#d8e2f4}.invite-message{display:flex;align-items:flex-start;gap:11px;padding:20px 15px;background:#f3f6ff;border:1px solid #e6ecfc;border-radius:11px}.invite-message>.avatar{width:30px;height:30px;font-size:10px}.invite-message strong{font-size:11px}.invite-message p{font-size:12px;line-height:1.8;color:#5f7393;margin:8px 0 0}.invite-setting{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#6d85ab;margin-top:25px}.invite-setting .ui-icon{width:14px;height:14px}
.app-mark>.ui-icon{width:29px;height:29px;stroke-width:1.6}.integration-marks .ui-icon{width:28px;height:28px;stroke-width:1.6}.text-link>.ui-icon{width:17px;height:17px}.feature-icon>.ui-icon{width:23px;height:23px}
@media(max-width:1100px){.multi-nav{gap:18px}.nav-wrap{gap:17px}.product-menu-grid{gap:4px}.product-menu{padding-inline:16px}.mega-link{gap:8px;padding-inline:5px}.mega-link strong{font-size:12px}.mega-link small{font-size:10px}.menu-icon{height:31px;width:31px}.menu-icon .ui-icon{height:19px;width:19px}}
@media(max-width:980px){.nav-wrap{min-height:78px}.multi-nav{gap:0}.mega-menu,.company-menu{margin:0;max-height:none;border:0;border-radius:10px;box-shadow:none;padding:17px 10px;background:#f7f9fc}.product-menu-grid{grid-template-columns:1fr 1fr;gap:25px 18px}.menu-column h2{margin-bottom:10px}.mega-link{padding:10px 8px;gap:11px}.mega-link strong{font-size:14px}.mega-link small{font-size:12px}.menu-icon{height:36px;width:36px;background:white}.menu-icon .ui-icon{width:20px;height:20px}.product-menu-footer{padding:20px 8px 5px;align-items:flex-start;flex-direction:column;gap:13px}.product-menu-footer>div{gap:15px;flex-wrap:wrap}.multi-nav .product-menu-footer a{padding:4px 0}.company-menu a{padding:12px}.voice-highlight .split-hero{gap:35px}}
@media(max-width:760px){.announcement{font-size:10px;gap:10px}.announcement-tag{font-size:9px}.announcement-copy{display:none}.site-header .brand-mark{width:31px;height:31px}.hero h1{font-size:clamp(2.25rem,7vw,3.4rem)}.home-channel-row{gap:12px 20px}.voice-highlight .split-hero>div:first-child{text-align:left}.voice-highlight .split-hero>div>.eyebrow{justify-content:flex-start}.voice-highlight .split-hero{padding-block:50px}.voice-highlight h2{font-size:2.5rem}.voice-preview{padding:25px 22px 16px}}
@media(max-width:540px){.nav-wrap{min-height:72px}.nav-group>summary{padding-block:15px}.product-menu-grid{grid-template-columns:1fr;gap:22px}.menu-column h2{margin-bottom:8px}.product-menu-footer>div{flex-direction:column;align-items:flex-start;gap:6px}.announcement a{display:inline-flex}.home-channel-row{max-width:280px;gap:12px 19px}.home-channel-row a{font-size:11px}.hero .button.secondary{gap:7px}.voice-highlight h2{font-size:2.2rem}.voice-preview{padding:24px 16px 14px}.voice-preview h3{font-size:25px}.voice-wave{gap:4px}.voice-transcript{padding:13px 10px}.voice-transcript p{font-size:11px}.copilot-preview,.visitors-preview,.invitation-preview{padding:20px 16px}.voice-context{font-size:8px}.voice-context .ui-icon{width:12px;height:12px}}
@media(max-width:360px){.site-header .brand-mark{width:27px;height:27px}.nav-wrap{gap:9px}.nav-cta>.ui-icon{width:13px;height:13px}.nav-cta{gap:6px}.announcement{gap:8px}.announcement a{font-size:9px}.hero .hero-actions>.button{flex:initial}.hero .button{padding:11px;font-size:12px}.voice-wave{gap:3px}.voice-wave i{width:3px}.voice-transcript p{font-size:10px}.voice-context{font-size:7.5px}}
@media(prefers-reduced-motion:reduce){.nav-group>summary>.ui-icon,.mega-link{transition:none}}

/* The symbol and wordmark share one vector asset across header, footer, and brand downloads. */
.brand{display:inline-flex;flex-shrink:0;line-height:1;letter-spacing:normal}
.brand-logo{display:block;width:160px;height:auto;max-width:none}
.site-header .nav-wrap{justify-content:flex-start;column-gap:0}
.site-header .nav-wrap>.brand{margin-right:38px}
.site-header #main-nav{margin-left:0;margin-right:0}
.site-header .nav-login{margin-left:auto;margin-right:24px}
.site-header .nav-cta{margin-left:0}
.site-header .menu-toggle{margin-left:12px}
.full-footer .brand-logo{width:160px}
@media(min-width:1600px){.site-header .nav-wrap>.brand{margin-right:44px}}
@media(min-width:981px) and (max-width:1100px){.brand-logo{width:146px}.site-header .nav-wrap>.brand{margin-right:26px}.site-header .nav-login{margin-right:18px}}
@media(max-width:980px){.site-header .nav-wrap>.brand{margin-right:0}.brand-logo{width:150px}.site-header .nav-cta{margin-left:auto}.site-header #main-nav{margin:0}.site-header .nav-login{margin:0}}
@media(max-width:540px){.brand-logo{width:136px}.site-header .menu-toggle{margin-left:10px}}
@media(max-width:360px){.brand-logo{width:117px}.site-header .menu-toggle{margin-left:7px}}