/* Shared layout contract. Component geometry must not inherit full-bleed artwork sizing. */
@font-face{font-family:'SENUSMART Noto';src:local('Noto Sans SC'),url('assets/fonts/NotoSansSC-VF.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--content-width:1248px;--page-gutter:clamp(24px,5vw,96px);--section-gap:64px}
body,.latest-home{font-family:'SENUSMART Noto','Noto Sans SC','Segoe UI',sans-serif}
.home-live-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:5}
.home-live-range:focus-visible{opacity:.25;outline:2px solid #bce8ff}
.home-motion-replay{position:absolute;right:12px;bottom:12px;width:28px;height:28px;border:1px solid #ffffff40;background:#18212c66;color:#e4f0fa;border-radius:50%;font-size:20px;line-height:24px;cursor:pointer;z-index:5}
.home-motion-replay:hover,.home-motion-replay:focus-visible{background:#405366;outline:2px solid #a8d6fa}
body{min-width:0}
.continuous-story main{min-width:0}
.continuous-story .home-chat,
.continuous-story .product-intro-page,
.continuous-story .agent-directory,
.continuous-story #page-mobile,
.continuous-story #page-continuity,
.continuous-story #page-integrations{
 width:min(var(--content-width),calc(100% - 2 * var(--page-gutter)));
 max-width:none;margin-inline:auto;box-sizing:border-box;
 padding:var(--section-gap) 0;min-width:0;
}
.continuous-story .home-chat{
 display:grid;grid-template-columns:360px minmax(0,824px);
 gap:64px;align-items:center;
 min-height:742px;padding-block:64px;
}
.continuous-story .home-copy{width:100%;max-width:480px;min-width:0;justify-self:start}
.continuous-story .home-window{
 width:100%;height:560px;aspect-ratio:auto;
 grid-template-columns:200px minmax(0,1fr);min-width:0;
}
.continuous-story .home-sidebar{min-height:0}
.continuous-story .home-chat-pane{min-width:0;min-height:0}
.continuous-story #page-mobile{
 display:grid;grid-template-columns:minmax(0,620px) 320px;
 gap:160px;align-items:center;
}
.continuous-story .pp-mobile-copy{min-width:0}
.continuous-story #page-mobile .phone-hardware{justify-self:center;margin:0;overflow:clip}
.continuous-story .pp-mobile-tabs,.continuous-story .home-actions{flex-wrap:wrap}
.continuous-story .pp-mobile-copy h1{overflow-wrap:normal}
.continuous-story .agent-grid{width:100%;max-width:1044px;grid-template-columns:repeat(5,196px);justify-content:center;gap:16px;margin:46px auto 0}
.continuous-story .agent-card{align-self:stretch;position:relative}
.continuous-story .agent-card h3.agent-name{position:absolute;top:122px;left:50%;transform:translateX(-50%);margin:0}
.continuous-story .agent-card-body{display:flex;flex:1;flex-direction:column;gap:10px;padding:16px 15px 20px}
.continuous-story .agent-card .agent-role{font-size:11px;line-height:18px;min-height:0;margin:0;color:#5c636e}
.continuous-story .agent-card p{font-size:11px;line-height:20px;min-height:0;margin:0;color:#828791}
.continuous-story .agent-card .agent-capability{font-size:9px;line-height:15.75px;margin:0;color:#949494}
.continuous-story .agent-directory>.team-eyebrow{display:none}
.continuous-story .agent-directory>h2{font-size:32px;line-height:44px;font-weight:400;margin:0 0 12px;letter-spacing:0}
.continuous-story .agent-directory>p:not(.team-hint){font-size:14px;line-height:22px;margin:0}
.continuous-story .agent-directory>.team-hint{font-size:12px;line-height:24px;margin:28px 0 0}
.continuous-story .scenario-section{width:100%;max-width:1248px;margin:52px auto 0}
.continuous-story .scenario-section>h3{font-size:28px;line-height:40px;font-weight:400;margin:0 0 8px}
.continuous-story .scenario-section>p{font-size:14px;line-height:22px;margin:0 0 24px}
.continuous-story .scenario-grid{grid-template-columns:repeat(4,246px);justify-content:center;gap:24px 18px}
.continuous-story .scenario-grid .scene-agent-card{min-height:325.5px;height:auto}
.continuous-story .scenario-grid .scene-agent-desc{display:block;width:auto;margin:0 15px 18px;font-size:11px;line-height:19.25px;white-space:normal;word-break:normal;overflow-wrap:normal;text-wrap:pretty}
.continuous-story .story-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(32px,5vw,80px)}
.continuous-story .product-intro-page::before,
.continuous-story .agent-directory::before{width:100%!important}
.continuous-story .agent-card,.continuous-story .scene-agent-card,
.continuous-story .business-card{min-width:0}
.continuous-story #page-integrations .business-card{height:auto!important;min-height:244px!important}
.continuous-story .home-copy h1{font-size:36px;line-height:1.45}
.continuous-story .home-copy>p{font-size:14px;line-height:1.75}
.continuous-story #page-mobile{padding-block:52px}
.continuous-story .pp-mobile-copy h1{font-size:34px;line-height:44px;letter-spacing:0}
/* The composer is a single existing capsule. Typing never adds an inner frame. */
.home-chat .home-message-content > .booking-view-task{display:block;width:fit-content;max-width:100%;margin-top:12px;white-space:normal;text-align:center}
.home-chat .home-composer input,.home-chat .home-composer input:focus,.home-chat .home-composer input:focus-visible{outline:none;outline-offset:0;box-shadow:none;border:0;background:transparent;caret-color:#33465c;font-family:inherit}
/* One navigation state contract for every route, including the homepage. */
body .topbar{--nav-ink:#4b5563;--nav-active:#202937;--nav-fill:#edf2f7;--nav-selected:#e6eef9}
body .topbar .navlinks a,
body .topbar .language-trigger{color:var(--nav-ink)!important;background:transparent;transition:background .18s,color .18s,box-shadow .18s}
body .topbar .navlinks a:hover,
body .topbar .language-trigger:hover,
body .topbar .language-trigger[aria-expanded=true]{color:var(--nav-active)!important;background:var(--nav-fill)!important;border-color:transparent}
body .topbar .navlinks a{border:0!important;box-shadow:none!important}
body .topbar .navlinks a[aria-current=page]{color:var(--nav-active)!important;background:var(--nav-selected)!important}
body .topbar .navlinks a:active{color:var(--nav-active)!important;background:#d9e5f5!important}
body .topbar .navlinks a:focus-visible,
body .topbar .language-trigger:focus-visible{outline:2px solid #459aff;outline-offset:3px;color:var(--nav-active)!important;background:var(--nav-fill)!important}
body .topbar .language-trigger svg{color:inherit;stroke:currentColor}
@media(min-width:701px){body .topbar .nav,body.latest-home-active .topbar .nav{min-height:64px!important}.topbar .brand{overflow:visible}.topbar .brand-image{object-fit:contain}}
@media(max-width:1100px){
 .continuous-story .home-chat{grid-template-columns:minmax(0,1fr);min-height:0;gap:40px}
 .continuous-story .home-copy{max-width:640px}
 .continuous-story .home-window{max-width:800px;justify-self:center}
 .continuous-story #page-mobile{grid-template-columns:minmax(0,1fr) 320px;gap:40px}
 .continuous-story .agent-grid{grid-template-columns:repeat(3,196px)}
 .continuous-story .scenario-grid{grid-template-columns:repeat(2,246px)}
 .continuous-story #page-integrations .business-card{grid-template-columns:minmax(0,1fr)!important}
 .continuous-story #page-integrations .capability-art{max-width:100%;justify-self:center}
}
@media(max-width:760px){
 :root{--page-gutter:20px}
 .continuous-story #page-mobile{grid-template-columns:minmax(0,1fr);gap:40px}
 .continuous-story .home-window{aspect-ratio:auto;height:560px;grid-template-columns:minmax(0,1fr)}
 .continuous-story .home-sidebar{display:none}
 .continuous-story .home-chat-pane{border-radius:24px}
 .continuous-story .story-layout{grid-template-columns:minmax(0,1fr);gap:24px}
 .continuous-story .story-pin{min-width:0}
 .continuous-story .agent-grid{grid-template-columns:repeat(2,minmax(0,196px));gap:16px}
 .continuous-story .scenario-grid{grid-template-columns:repeat(2,minmax(0,246px))}
 .continuous-story .continuity-demos{grid-template-columns:minmax(0,1fr)}
 .continuous-story .pp-mobile-copy h1{font-size:32px!important}
 .continuous-story .pp-mobile-copy li{grid-template-columns:110px minmax(0,1fr)}
 .continuous-story .pp-note{display:block}
}
@media(max-width:700px){
 body .topbar{height:102px!important}
 body .topbar .nav{position:relative;width:calc(100% - 32px)!important;max-width:none;margin:0 16px!important;height:102px;min-height:102px;gap:8px;flex-wrap:nowrap;padding:0 0 30px}
 body .topbar .brand{width:110px;min-width:110px;margin-right:auto}
 body .topbar .brand-image{width:110px;margin-left:0}
 body .topbar .navlinks{position:absolute!important;top:auto!important;left:0!important;right:0!important;bottom:8px;transform:none!important;display:flex;width:100%;height:26px;justify-content:center;gap:8px!important;margin:0!important}
 body .topbar .navlinks a{font-size:11px;line-height:20px;padding:3px 8px!important;border-radius:20px}
 body .topbar .nav>.button{display:inline-flex;font-size:11px;min-height:34px;padding:0 12px;white-space:nowrap}
 body .topbar .language-trigger{padding:6px;font-size:11px}
}
@media(max-width:420px){
 .continuous-story .scenario-grid{grid-template-columns:minmax(0,320px)}
 .continuous-story .agent-grid{grid-template-columns:minmax(0,280px)}
 .continuous-story .home-copy h1{font-size:30px}
 .continuous-story .agent-card-body{padding-inline:8px}
}