/* A single, crisp icon family, with deliberate sizing at every scale. */
.ui-icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex:0 0 auto;overflow:visible}
.tiny-icon .ui-icon{width:17px;height:17px}
.nav-symbol .ui-icon{width:23px;height:23px}
.button-icon .ui-icon{width:24px;height:24px}
.service-tabs .ui-icon{width:32px;height:32px;stroke-width:1.55}
.nav-trigger .ui-icon{width:14px;height:14px;transition:transform .25s}
.nav-trigger[aria-expanded=true] .ui-icon{transform:rotate(180deg)}
.announcement>.ui-icon,.announcement>span>.ui-icon{width:18px;height:18px}
.announcement a .ui-icon{width:14px;height:14px}
#close-announcement{display:grid;place-items:center;min-width:32px;min-height:32px}
#close-announcement .ui-icon{width:16px;height:16px}
.mobile-toggle .ui-icon{width:23px;height:23px}
.text-link .ui-icon,.button>.ui-icon,.button>span>.ui-icon{transition:transform .3s var(--ease)}
.text-link:hover .icon-arrow-up-right,.button:hover>.icon-arrow-up-right{transform:translate(2px,-2px)}
.text-link:hover .icon-arrow-right{transform:translateX(3px)}
summary>span{display:grid;place-items:center}
summary .ui-icon{width:24px;height:24px}
details>a .ui-icon{width:20px;height:20px}
.ai-star .ui-icon{width:34px;height:34px;stroke-width:1.3}
.demo-ai .ai-star .ui-icon{width:26px;height:26px}
.ai-answer>span .ui-icon{width:22px;height:22px}
.ai-task .ui-icon{width:14px;height:14px;stroke-width:2}
.approval .ui-icon{width:18px;height:18px}
.green-check .ui-icon,.purple-check .ui-icon,.scene-status b .ui-icon{width:15px;height:15px}
.marketing-icon .ui-icon{width:28px;height:28px}
.feature-notification .ui-icon{width:20px;height:20px}
.mini-cta .ui-icon{width:10px;height:10px;margin-left:3px}
.window-bar b .ui-icon{width:12px;height:12px}
.mini-input b .ui-icon{width:15px;height:15px}
.product-icon .ui-icon{width:26px;height:26px}
.product-decoration b .ui-icon{width:30px;height:30px}
.receipt b{display:flex;gap:4px;justify-content:center}
.receipt b .ui-icon{width:16px;height:16px}
.project-route .ui-icon{width:20px;height:20px}
.cta-floating>i .ui-icon{width:15px;height:15px}
.carousel-controls>button{display:grid;place-items:center;width:42px;height:42px}
.carousel-controls>button .ui-icon{width:20px;height:20px}
.footer-column .ui-icon{width:14px;height:14px;margin-left:3px}
.motion-control{display:grid;place-items:center}
.motion-control .ui-icon{width:17px;height:17px}
.global-motion>span{display:grid;place-items:center;width:14px}
.global-motion .ui-icon{width:14px;height:14px}
.scroll-hint .ui-icon{width:14px;height:14px}
.integration-tile.brand-tile{display:flex;flex-direction:column;gap:10px;position:relative;font-style:normal;font-family:Inter,Arial,sans-serif}
.brand-tile img{width:42px;height:42px;object-fit:contain}
.brand-tile small{font-size:10px;color:#667075;font-weight:500;letter-spacing:0}
.brand-tile .ui-icon{width:34px;height:34px;color:#233b55}
.brand-tile.microsoft .brand-mark{display:grid;grid-template-columns:18px 18px;gap:3px}
.brand-tile.microsoft .brand-mark i{width:18px;height:18px}
.brand-tile.microsoft{grid-template-columns:none;grid-template-rows:none}
.integration-row:focus-within{animation-play-state:paused}
@media(hover:hover){.nav-symbol .ui-icon{transition:transform .3s}.mega a:hover .nav-symbol .ui-icon{transform:translateY(-2px)}.icon-button:hover .button-icon .ui-icon{transform:rotate(-5deg)}.button:active{transform:translateY(1px)}}
@media(max-width:760px){.mobile-toggle{min-width:36px;min-height:40px;display:grid;place-items:center}.hero-actions .button-icon .ui-icon{width:20px;height:20px}.service-tabs .ui-icon{width:28px;height:28px}.ai-star .ui-icon{width:29px;height:29px}.brand-tile img{width:29px;height:29px}.integration-tile.brand-tile{gap:6px}.brand-tile small{font-size:8px}.brand-tile .ui-icon{width:27px;height:27px}.brand-tile.microsoft .brand-mark{grid-template-columns:13px 13px;gap:2px}.brand-tile.microsoft .brand-mark i{width:13px;height:13px}.mini-cta .ui-icon{width:8px;height:8px}}
@media(prefers-reduced-motion:reduce){.ui-icon{transition:none!important}.text-link:hover .ui-icon,.button:hover .ui-icon{transform:none!important}}
.process-extra li:before{content:"";background:var(--blue) url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" class="ui-icon icon-check" viewBox="0 0 24 24" fill="none" stroke="%23071a31" stroke-width="1.65" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="m5 12 4 4L19 6"/></svg>') center/13px 13px no-repeat;vertical-align:middle}

@media(prefers-reduced-motion:no-preference){.mega.open{animation:menu-arrive .22s cubic-bezier(.2,.8,.2,1) both}@keyframes menu-arrive{from{opacity:0;translate:0 -6px}to{opacity:1;translate:0 0}}}

/* Pausing motion keeps interactive content fully readable, including new panels. */
.paused .mega.open,.paused .showcase-copy.is-entering>*,.paused #demo-scene,.paused #demo-scene *,.paused .feature-art *,.paused .process-card *,.paused .work-card *{animation:none!important}