/* The product is used inside one continuous, inhabited port. */
.world-screen-layer{position:absolute;inset:0;z-index:3;pointer-events:none}
.world-screen{position:absolute;left:0;top:0;transform-origin:0 0;width:680px;height:450px;background:#101b2c;color:#eef1f5;overflow:hidden;opacity:0;visibility:hidden;pointer-events:auto;font-family:var(--font);will-change:transform;backface-visibility:hidden}
.world-screen[inert]{pointer-events:none}
.world-screen button{font-family:inherit}
.scene-chapter{height:200svh;min-height:1200px;position:relative;z-index:1;pointer-events:none}
.scene-chapter-sticky{height:100svh;min-height:600px;position:sticky;top:0}
.scene-chapter-content{height:100%;position:relative;display:flex;align-items:center}
.scene-chapter-copy{width:30%;max-width:350px;color:var(--ink-0);pointer-events:auto}
.scene-location{display:flex;align-items:center;gap:11px;color:var(--signal-3);font-size:11px;margin-bottom:25px}
.scene-location .icon{width:21px;height:21px}
.scene-chapter-copy h2{font-size:clamp(32px,3.4vw,48px);font-weight:500;letter-spacing:-1.7px;line-height:1.14;margin-bottom:23px}
.scene-chapter-copy>p{font-size:14px;color:var(--ink-1);line-height:1.8}
.scene-chapter-note{display:flex;align-items:flex-start;gap:9px;margin-top:25px;border-top:1px solid #64789366;padding-top:20px;color:var(--ink-2);font-size:11px;line-height:1.7}
.scene-chapter-note .icon{width:15px;height:15px;flex-shrink:0;color:var(--signal-3);margin-top:2px}
.scene-chapter-bottom{position:absolute;bottom:27px;left:var(--page-gutter);right:var(--page-gutter);display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--ink-2);pointer-events:auto}
.scene-chapter-bottom a{display:flex;align-items:center;gap:12px;color:var(--ink-0);padding:10px 0}.scene-chapter-bottom .icon{width:16px;height:16px}
.monitor-toolbar{height:42px;display:flex;align-items:center;gap:19px;padding:0 18px;border-bottom:1px solid #283548;background:#0b1422;font-size:10px;color:#b3becf}
.monitor-brand{font-family:Archivo,var(--font);font-variation-settings:'wdth' 125;font-weight:800;font-size:17px;color:#eef1f5;letter-spacing:-.6px;white-space:nowrap}.monitor-brand>span{color:#ff8438}
.monitor-live{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:8px;color:#b3becf}.monitor-live i{width:5px;height:5px;border-radius:50%;background:#ff8438}
.agent-monitor .monitor-body{height:375px;display:grid;grid-template-columns:169px 1fr;gap:0}
.monitor-context{padding:18px 13px;background:#0c1625;border-right:1px solid #283548;font-size:9px;color:#b3becf;overflow:hidden}
.monitor-context>p{font-size:8px;margin-bottom:8px}.monitor-context>strong{font-size:17px;color:#eef1f5;display:block;margin-bottom:4px}.monitor-context>span{font-size:8px}
.agent-monitor .operation-event{display:block;padding:12px 10px;margin-top:20px;background:#1a2433;border-color:#37475e}.agent-monitor .operation-event strong{font-size:10px;line-height:1.5;color:#eef1f5}.agent-monitor .operation-event p{font-size:9px;line-height:1.6;margin-top:7px}.agent-monitor #agent-change{display:block;font-size:10px;margin:10px 0 0;white-space:normal}
.agent-monitor .agent-rule{padding-top:15px;margin-top:18px;gap:6px}.agent-monitor .agent-rule>.icon{width:12px;height:12px}.agent-monitor .agent-rule strong{font-size:8px;line-height:1.6}.agent-monitor .agent-rule span{font-size:9px;line-height:1.6}
.agent-monitor .agent-popup{padding:12px 16px;transform:none;border:0;border-radius:0;background:#172538;box-shadow:none;overflow:hidden;transition:none}.agent-monitor .agent-popup::before{display:none}
.agent-monitor .agent-popup-header{gap:8px;padding-bottom:10px;height:31px}.agent-monitor .agent-avatar{width:24px;height:24px;border-radius:6px}.agent-monitor .agent-avatar .icon{width:15px;height:15px}.agent-monitor .agent-popup-header strong{font-size:12px}.agent-monitor .agent-popup-header>.status-light{margin-left:auto}
.agent-monitor .agent-questions{padding:8px 0 10px;gap:6px;flex-wrap:nowrap}.agent-monitor .agent-questions button{font-size:9px;padding:7px 9px;white-space:nowrap}
.agent-monitor .agent-conversation{min-height:0;padding-top:10px}
.agent-monitor .agent-user-message{padding:7px 10px;margin:0 0 8px 20px}.agent-monitor .agent-user-message>span{display:none}.agent-monitor .agent-user-message p{font-size:11px;line-height:1.5}
.agent-monitor .agent-processing{font-size:9px;margin-bottom:6px;min-height:13px;gap:6px}.agent-monitor .processing-orb{width:5px;height:5px}
.agent-monitor .agent-answer{margin-bottom:8px}.agent-monitor #agent-answer-text{font-size:10px;line-height:1.65}.agent-monitor .agent-source-list{margin-top:6px;gap:5px}.agent-monitor .agent-source-list>span{font-size:7px;padding:3px 4px}.agent-monitor .agent-source-list .icon{width:8px;height:8px}
.agent-monitor .agent-action{padding:8px 10px;border-color:#4a5d78}.agent-monitor .action-eyebrow{font-size:8px;margin-bottom:5px;gap:5px}.agent-monitor .action-eyebrow>.icon{width:11px;height:11px}.agent-monitor .action-recipient{font-size:8px;margin-bottom:3px}.agent-monitor #agent-action-title{font-size:10px}.agent-monitor #agent-action-text{font-size:9px;line-height:1.55;margin-top:5px}.agent-monitor .action-progress{margin-top:6px}.agent-monitor .action-result{font-size:8px;margin-top:5px;min-height:11px}.agent-monitor .action-result .icon{width:10px;height:10px}.agent-monitor .agent-next-step{display:none}
.agent-monitor .agent-demo-footer{height:33px;padding:0 45px 0 13px;margin:0;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#0b1422}.agent-monitor .agent-demo-footer p{font-size:8px;max-width:none;line-height:1.4}.agent-monitor .agent-replay{font-size:8px;margin:0;padding:0;gap:4px}.agent-monitor .agent-replay .icon{width:10px;height:10px}.agent-monitor .agent-motion{width:23px;height:23px;right:10px;bottom:5px}.agent-monitor .agent-motion .icon{width:10px;height:10px}
.phone-display{width:300px;height:576px;padding:14px 17px;background:#eef1f5;color:#111a27;border-radius:6px}.phone-top{display:flex;justify-content:space-between;font-size:10px;font-weight:700;margin-bottom:19px}.phone-display .monitor-brand{color:#0f1b2b;font-size:21px}.phone-tabs{display:flex;gap:0;border-bottom:1px solid #b3becf;margin-top:18px}.phone-tabs button{flex:1;padding:10px 5px;font-size:12px;color:#4a5d78;border-bottom:2px solid transparent;background:transparent}.phone-tabs button[aria-pressed=true]{color:#963b09;border-color:#f76b15;font-weight:700}.phone-scope{display:flex;align-items:center;gap:5px;font-size:8px;color:#4a5d78;padding:11px 0}.phone-scope .icon{width:11px;height:11px}.phone-person{display:flex;align-items:center;gap:7px;margin:7px 0 12px}.phone-person>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#d9dfe8;font-size:10px}.phone-person strong{font-size:11px}.phone-bubble{background:#fff;border:1px solid #d9dfe8;border-radius:0 9px 9px 9px;padding:10px;font-size:12px;line-height:1.55;margin:0 16px 11px 0}.phone-bubble.reply{margin:0 0 11px 16px;background:#ffe1cc;border-color:#ffc299;border-radius:9px 0 9px 9px}.phone-bubble small{display:block;font-size:8px;text-align:right;color:#647893;margin-top:5px}.phone-attachment{display:flex;align-items:center;gap:10px;border:1px solid #b3becf;border-radius:5px;background:#fff;padding:10px;font-size:10px}.phone-attachment>.icon{width:18px;height:18px;color:#963b09}.phone-attachment>span{display:grid;gap:3px;flex:1}.phone-attachment strong{font-size:12px}.phone-footer{position:absolute;bottom:13px;left:17px;right:17px;font-size:8px;color:#647893;text-align:center}.partner-scope{display:block;font-size:10px;color:#963b09;background:#ffe1cc;padding:10px;border-radius:4px;margin-top:10px}.phone-alert{margin-top:17px;background:#fff;border-left:3px solid #f76b15;padding:16px 12px}.phone-alert strong{font-size:12px}.phone-alert p{font-size:13px;line-height:1.8;margin-top:13px}.phone-limit{display:flex;align-items:flex-start;gap:7px;font-size:10px;line-height:1.7;margin-top:20px;color:#4a5d78}.phone-limit .icon{width:13px;flex-shrink:0}
.phone-display[aria-hidden=false] .phone-bubble{animation:message-enter .65s both}.phone-display[aria-hidden=false] .phone-bubble.reply{animation-delay:.6s}.phone-display[aria-hidden=false] .phone-bubble.last{animation-delay:1.2s}@keyframes message-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.analytics-content{padding:19px 21px}.analytics-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:19px}.analytics-heading h3{font-size:17px;font-weight:600;letter-spacing:-.4px}.analytics-period{display:flex;gap:4px}.analytics-period button{background:transparent;border:1px solid #37475e;border-radius:4px;color:#b3becf;padding:7px 9px;font-size:9px}.analytics-period button[aria-pressed=true]{color:#ff9f61;background:#f76b1515;border-color:#f76b1555}.analytics-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:22px}.analytics-kpis>div{background:#1a2433;border:1px solid #283548;border-radius:5px;padding:13px;position:relative}.analytics-kpis span{font-size:9px;color:#b3becf;display:block;margin-bottom:7px}.analytics-kpis strong{font-size:29px;font-weight:600;line-height:1}.analytics-kpis i{position:absolute;bottom:15px;right:13px;width:25px;height:13px;border-bottom:2px solid #f76b15;border-left:2px solid #f76b15;transform:skewY(-20deg)}.analytics-detail{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.analytics-chart>strong,.analytics-stream>strong{font-size:11px;display:block;margin-bottom:6px}.analytics-chart>span{font-size:8px;color:#b3becf;display:block}.analytics-chart svg{display:block;width:100%;margin-top:10px}.chart-grid{stroke:#283548;stroke-width:1;fill:none}.chart-times{display:flex;justify-content:space-between;font-size:8px;color:#8a99b0;padding-inline:7px}.analytics-feed-row{display:flex;align-items:flex-start;gap:8px;border-bottom:1px solid #283548;padding:14px 6px;transition:background .5s}.analytics-feed-row>.icon{width:14px;height:14px;color:#ff9f61;flex-shrink:0}.analytics-feed-row p{font-size:10px;line-height:1.5;color:#d9dfe8}.analytics-feed-row p>span{display:block;font-size:8px;color:#8a99b0;margin-top:3px}.analytics-feed-row.is-updating{background:#f76b1512}.analytics-footnote{font-size:8px;color:#8a99b0;margin-top:17px}
@media(max-width:1000px){.scene-chapter-copy{width:29%}.scene-chapter-copy h2{font-size:34px}.scene-chapter-copy>p{font-size:12px}.scene-chapter-note{font-size:10px}}
@media(max-width:700px){.scene-chapter{min-height:1200px;height:200svh}.scene-chapter-sticky{min-height:650px}.scene-chapter-content{align-items:flex-end;padding-bottom:88px}.scene-chapter-copy{width:100%;max-width:420px}.scene-location{font-size:10px;margin-bottom:12px;gap:7px}.scene-location .icon{width:16px;height:16px}.scene-chapter-copy h2{font-size:31px;max-width:340px;line-height:1.14;letter-spacing:-1px;margin-bottom:13px}.scene-chapter-copy>p{font-size:12px;line-height:1.7;max-width:380px}.scene-chapter-note{font-size:10px;margin-top:14px;padding-top:12px;gap:7px;line-height:1.6}.scene-chapter-bottom{bottom:18px;font-size:8px;gap:15px}.scene-chapter-bottom a{gap:7px}.scene-chapter-bottom .icon{width:12px;height:12px}.shared-port-stage::after{background:linear-gradient(180deg,var(--port-background),transparent 15%,transparent 48%,var(--port-background) 75%);opacity:1}
.world-screen:not(.phone-display){width:480px;height:400px}.monitor-toolbar{padding-inline:13px;height:37px;gap:15px}.monitor-toolbar>span:not(.monitor-live){display:none}.monitor-brand{font-size:19px}.monitor-live{font-size:9px}.agent-monitor .monitor-body{height:329px;display:block}.monitor-context{display:none}.agent-monitor .agent-popup{height:100%;padding:11px 15px}.agent-monitor .agent-popup-header{height:26px}.agent-monitor .agent-popup-header strong{font-size:15px}.agent-monitor .agent-questions{padding-block:8px;gap:8px}.agent-monitor .agent-questions button{font-size:12px;padding:8px 10px}.agent-monitor .agent-user-message p{font-size:13px;line-height:1.5}.agent-monitor .agent-processing{font-size:11px}.agent-monitor #agent-answer-text{font-size:13px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.agent-monitor .agent-source-list{display:none}.agent-monitor .agent-action{padding:8px 10px}.agent-monitor .action-eyebrow{font-size:10px}.agent-monitor #agent-action-title{font-size:12px}.agent-monitor .action-recipient{font-size:10px}.agent-monitor #agent-action-text{display:none}.agent-monitor .action-result{font-size:11px}.agent-monitor .agent-demo-footer{height:34px}.agent-monitor .agent-demo-footer p{font-size:8px;max-width:270px}.agent-monitor .agent-replay{font-size:9px}.analytics-content{padding:16px}.analytics-heading{margin-bottom:15px}.analytics-heading h3{font-size:18px}.analytics-period button{font-size:10px;padding:7px}.analytics-kpis{gap:8px;margin-bottom:18px}.analytics-kpis>div{padding:11px}.analytics-kpis span{font-size:10px;line-height:1.5;min-height:30px}.analytics-kpis strong{font-size:28px}.analytics-kpis i{display:none}.analytics-detail{display:block}.analytics-chart>strong{font-size:13px}.analytics-chart>span{display:none}.analytics-chart svg{height:135px;margin-top:2px}.analytics-stream{display:none}.analytics-footnote{margin-top:10px;font-size:9px}.chart-times{font-size:9px}}
@media(max-width:370px){.scene-chapter-copy h2{font-size:27px}.scene-chapter-copy>p{font-size:11px}.scene-chapter-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){.phone-bubble,.analytics-feed-row{animation:none!important;transition:none!important}}

html:has(.port-experience){scroll-padding-top:0}
.port-experience,.shared-port-stage,.world-screen-layer,.world-screen{overflow-anchor:none}
.world-screen-layer{position:fixed}
.port-experience{clip-path:inset(0)}
.shared-port-canvas.unavailable .scene-label,
.shared-port-canvas.unavailable .projected-vessel-card{display:none}

/* The bottom scrim protects workplace captions, not the hero's port. */
@media(max-width:700px){
  .shared-port-stage::after{opacity:var(--workplace-progress,0)}
}

@media(max-width:700px){
.world-screen:not(.phone-display){height:520px}
.agent-monitor .monitor-body{height:443px}
.agent-monitor .agent-questions button{font-size:13px;padding:10px}
.agent-monitor .agent-demo-footer{height:40px}
.agent-monitor .agent-motion{width:36px;height:36px;bottom:2px;right:4px}
.agent-monitor .agent-replay{min-height:36px}
.analytics-period button{font-size:12px;padding:11px}
.analytics-chart svg{height:205px}
.analytics-kpis span{font-size:12px}
.analytics-chart>strong{font-size:15px}
.analytics-footnote{font-size:11px}
}