/* A consistent navigation baseline at every breakpoint. */
.site-header .nav-wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:24px;height:80px;padding:0;width:min(1440px,calc(100% - 64px));position:relative}
.site-header .wordmark{flex:0 0 auto;align-self:center}.site-header .wordmark .outreach-logo{width:205px;height:41px}
.site-header .nav-wrap nav{position:static;display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:22px;padding:0;border:0;background:none;white-space:nowrap;margin:auto;font-size:14px}
.site-header .nav-actions{display:flex;align-items:center;flex:0 0 auto;gap:12px;margin:0;font-size:14px;white-space:nowrap}
.site-header .language-switch{height:40px;box-sizing:border-box;padding:3px;align-items:center}.site-header .language-switch button{height:32px;min-height:32px;display:inline-flex;align-items:center;justify-content:center;line-height:1;padding:0 9px;margin:0}
.site-header .theme-toggle{height:40px;min-height:40px;width:40px;min-width:40px;padding:0}.site-header .theme-label{display:none}.site-header .login{height:40px;display:inline-flex;align-items:center;font-size:14px}.site-header .button.small{height:40px;min-height:40px;display:inline-flex;align-items:center;line-height:1;padding:0 15px;font-size:13px;white-space:nowrap}.site-header .menu-button{display:none;height:40px;width:36px;flex:0 0 36px}
/* Ambient light is confined to the organisation, away from the product artwork. */
.lab-tabs button{font-family:inherit;font-size:13px;font-weight:500;line-height:1.4}
.team-console{overflow:hidden}.team-console::before{content:'';position:absolute;inset:-20%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 24% 22%,#606dde26,transparent 40%),radial-gradient(ellipse at 80% 62%,#2484a91c,transparent 40%);filter:blur(28px);animation:teamAtmosphere 18s ease-in-out infinite alternate}
.team-console::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(115deg,transparent 30%,#7b9bf708 47%,transparent 62%);background-size:250% 100%;animation:teamSweep 16s ease-in-out infinite}.team-console .console-bar,.team-console .org-playback{position:relative;z-index:2}.team-console .org-wires{z-index:1}
@keyframes teamAtmosphere{to{transform:translate(5%,-4%) scale(1.12);opacity:.55}}
@keyframes teamSweep{0%,100%{background-position:100% 0}50%{background-position:0 0}}
.demo-motion-paused .team-console::before,.demo-motion-paused .team-console::after{animation-play-state:paused}
.agent-lab{grid-column:1/-1;min-width:0;border:1px solid #303a4a;border-radius:18px;background:linear-gradient(130deg,#131b29,#0c1017 55%);padding:32px;position:relative;isolation:isolate;scroll-margin-top:100px}
.lab-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:26px}.lab-heading .section-index{font-size:12px;letter-spacing:.12em;color:#8ba9de;margin:0 0 13px}.lab-heading h2{font-size:34px;letter-spacing:-.035em;line-height:1.2;margin:0 0 12px}.lab-heading p{font-size:15px;line-height:1.7;color:#a1aec1;max-width:680px;margin:0}.lab-demo-label{font-size:11px;line-height:1.6;color:#95abc9;border:1px solid #334761;border-radius:5px;padding:9px 12px;max-width:210px;flex-shrink:0}
.lab-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-bottom:24px;padding:6px;background:#0b1019;border:1px solid #293446;border-radius:10px}.lab-tabs button{display:flex;align-items:center;gap:9px;text-align:left;padding:12px 10px;border:1px solid transparent;background:transparent;border-radius:6px;font:500 13px/1.4 inherit;color:#94a3ba;cursor:pointer;min-width:0}.lab-tabs button>span:first-child{font-size:11px;color:#657b9d}.lab-tabs button[aria-pressed=true]{background:#233553;color:#e8f0ff;border-color:#3d5c90!important}.lab-tabs button[aria-pressed=true]>span:first-child{color:#a6c4f5}.lab-tabs button:hover{background:#18253a}
.lab-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.76fr) minmax(0,1.1fr);gap:18px;align-items:stretch;min-height:415px}.lab-body article{padding:23px;min-width:0;border:1px solid #2d3b50;border-radius:10px;background:#111925}.lab-card-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.11em;color:#94a9c8;margin-bottom:24px}.lab-card-label>span:last-child{color:#586d8c}.lab-body h3{font-size:20px;line-height:1.4;letter-spacing:-.02em;margin:0 0 18px;color:#e2e9f6}.lab-document{border:1px solid #33415a;border-radius:7px;background:#0c131e;overflow:hidden}.lab-file{display:flex;align-items:center;gap:9px;padding:13px;border-bottom:1px solid #2b3a50;font-size:12px;line-height:1.6;color:#9cb8e4}.lab-file svg{width:19px;height:23px;flex-shrink:0}.lab-document p{padding:18px;margin:0;font-size:15px;line-height:1.9;color:#aebace;white-space:pre-line}.lab-body .lab-process{background:linear-gradient(150deg,#172b42,#111b2a)}
.lab-process ol{list-style:none;margin:0;padding:0;display:grid;gap:22px}.lab-process li{display:flex;align-items:flex-start;gap:10px;color:#95a6be;font-size:14px;line-height:1.6}.lab-check{flex:0 0 17px;width:17px;height:17px;border:1px solid #516682;border-radius:50%;margin-top:3px;position:relative}.is-current .lab-check{border-color:#a6c8ff!important;box-shadow:0 0 15px #76aaff66;animation:labPulse 1.4s ease-in-out infinite}.is-complete .lab-check{background:#253e52;border-color:#6ea8ba!important}.is-complete .lab-check:after{content:'';position:absolute;width:7px;height:4px;left:4px;top:4px;border-left:1.5px solid #a7dce7;border-bottom:1.5px solid #a7dce7;transform:rotate(-45deg)}.lab-process .is-current{color:#d7e8ff}.lab-process .is-complete{color:#b5cdd8}.lab-phase-status{font-size:12px;line-height:1.6;color:#8fafdc;margin:28px 0 13px;min-height:38px}.lab-play,.lab-controls button{border:1px solid #3d506f;border-radius:6px;background:#17273e;color:#d0e1fa;cursor:pointer;font-family:inherit;font-size:12px;line-height:1.5;padding:8px 12px;min-height:36px}.lab-play:hover,.lab-controls button:hover{background:#273f60}.lab-play{min-width:85px}
.lab-body .lab-output{background:linear-gradient(130deg,#162631,#101923);border-color:#3b5965!important;position:relative;overflow:hidden}.lab-output:after{content:'';position:absolute;left:0;top:0;height:2px;width:100%;background:linear-gradient(90deg,transparent,#93d5d6,transparent);transform:scaleX(.2);transform-origin:left;transition:transform .8s}.agent-lab[data-phase="1"] .lab-output:after{transform:scaleX(.4)}.agent-lab[data-phase="2"] .lab-output:after{transform:scaleX(.7)}.agent-lab[data-phase="3"] .lab-output:after{transform:scaleX(1)}.lab-output-type{display:block;font-size:12px;line-height:1.5;color:#9dc8ce;margin-bottom:10px}.lab-result{font-size:15px;line-height:1.8;white-space:pre-line;margin:0 0 23px;color:#c2d5df}.lab-output dl{margin:0}.lab-output dl>div{border-top:1px solid #2f434e;padding:11px 0;display:grid;grid-template-columns:minmax(80px,.55fr) 1fr;gap:14px}.lab-output dt{font-size:12px;color:#8fabbb;line-height:1.6}.lab-output dd{font-size:13px;color:#becdd9;margin:0;line-height:1.65}.lab-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:24px}.lab-footer p{max-width:660px;font-size:12px;line-height:1.75;color:#8797ad;margin:0}.lab-controls{display:flex;gap:8px;flex-shrink:0}.lab-controls button{white-space:nowrap}.lab-tabs button:focus-visible,.lab-controls button:focus-visible,.lab-play:focus-visible{outline:2px solid #b0c9ff;outline-offset:3px}.agent-lab.is-paused .lab-check{animation-play-state:paused}
@keyframes labPulse{50%{box-shadow:0 0 3px #76aaff33}}
.lab-pending{position:absolute;inset:80px 23px auto;font-size:13px;color:#94b1c9;line-height:1.7}.lab-pending i{display:block;height:9px;background:linear-gradient(90deg,#7998b525,#a6d1e43d,#7998b525);background-size:200% 100%;border-radius:4px;margin-top:23px;animation:teamSweep 4s ease-in-out infinite}.lab-pending i:last-child{width:60%}.agent-lab[data-phase="3"] .lab-pending{display:none}.agent-lab:not([data-phase="3"]) .lab-output>:not(.lab-card-label):not(.lab-pending){visibility:hidden}.agent-lab.is-paused .lab-pending i{animation-play-state:paused}.lab-inspect-link{display:inline-block;margin-top:9px;font-size:12px;color:#b8cffa}.team-console #org-context{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.team-console .playback-copy{min-height:115px}html[data-theme=light] .lab-inspect-link{color:#365c99}html[data-theme=light] .lab-pending{color:#486880}
html[data-theme=light] .agent-lab{background:linear-gradient(130deg,#f0f5fe,#fff 60%);border-color:#cdd9eb!important}html[data-theme=light] .lab-tabs{background:#eaf0f9}html[data-theme=light] .lab-tabs button{color:#506482}html[data-theme=light] .lab-tabs button[aria-pressed=true]{color:#223f6f;background:#d6e4fc}html[data-theme=light] .lab-tabs button:hover{background:#dfe9f9}html[data-theme=light] .lab-tabs button>span:first-child{color:#55739d}html[data-theme=light] .lab-body article{background:#fff}html[data-theme=light] .lab-body .lab-process{background:linear-gradient(140deg,#eaf2ff,#f6f9ff)}html[data-theme=light] .lab-body .lab-output{background:linear-gradient(140deg,#edf7f8,#fff);border-color:#b7d6d9!important}html[data-theme=light] .lab-document{background:#f8faff}html[data-theme=light] .lab-body h3{color:#233754}html[data-theme=light] :is(.lab-heading p,.lab-demo-label,.lab-document p,.lab-file,.lab-result,.lab-output dd,.lab-process li,.lab-footer p){color:#475f7c!important}html[data-theme=light] :is(.lab-card-label,.lab-output dt,.lab-output-type,.lab-phase-status){color:#51728e!important}html[data-theme=light] :is(.lab-play,.lab-controls button){background:#e7effb;color:#35557f}html[data-theme=light] .is-current .lab-check{border-color:#5482c2!important}
@media(max-width:1320px){.site-header .nav-wrap nav{display:none}.site-header .menu-button{display:block}.site-header .nav-wrap nav.open{display:flex;position:absolute;top:100%;left:0;right:0;align-items:flex-start;gap:24px;padding:24px;flex-wrap:wrap;background:#111824;border:1px solid #303b4d;border-radius:0 0 10px 10px}.site-header .nav-actions{margin-left:auto}.site-header .button.small{display:none}html[data-theme=light] .site-header .nav-wrap nav.open{background:#fff}.lab-body{grid-template-columns:1fr .8fr 1.1fr;gap:12px}.lab-body article{padding:18px}.lab-tabs button{font-size:12px;gap:6px}.agent-lab{padding:25px}}
@media(max-width:900px){.lab-body{grid-template-columns:1fr 1fr}.lab-body .lab-output{grid-column:1/-1}.lab-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.lab-heading{align-items:flex-start}.lab-heading h2{font-size:29px}.lab-footer{align-items:flex-start;flex-direction:column}.lab-body{min-height:0}}
@media(max-width:600px){.site-header .nav-wrap{width:calc(100% - 32px);height:auto;min-height:108px;display:grid;grid-template-columns:1fr 40px 36px;grid-template-rows:44px 40px;gap:6px 10px;padding:9px 0}.site-header .wordmark{grid-row:1;grid-column:1}.site-header .wordmark .outreach-logo{width:175px;height:35px}.site-header .nav-actions{display:contents}.site-header .theme-toggle{grid-row:1;grid-column:2}.site-header .menu-button{grid-row:1;grid-column:3}.site-header .language-switch{grid-row:2;grid-column:1;justify-self:start;height:36px}.site-header .language-switch button{height:28px;min-height:28px;padding:0 14px}.site-header .nav-actions>.login{display:inline-flex;grid-row:2;grid-column:2/4;justify-content:flex-end;font-size:13px}.site-header .nav-wrap nav.open{flex-direction:column;gap:20px;padding:22px;z-index:20}.agent-lab{padding:20px 15px;border-radius:12px}.lab-heading{flex-direction:column;gap:15px}.lab-heading h2{font-size:27px}.lab-heading p{font-size:14px}.lab-demo-label{font-size:10px;max-width:none}.lab-tabs{gap:4px;padding:4px}.lab-tabs button{flex-direction:column;align-items:flex-start;font-size:12px;min-height:70px;padding:9px 8px}.lab-body{grid-template-columns:1fr;gap:12px}.lab-body article{padding:22px}.lab-body .lab-output{grid-column:auto}.lab-body h3{font-size:20px}.lab-document p,.lab-result{font-size:15px}.lab-process li{font-size:14px}.lab-controls{flex-wrap:wrap}.lab-footer p{font-size:11px}.lab-output dl>div{grid-template-columns:1fr 1.5fr}.lab-heading .section-index{font-size:11px}}
@media(prefers-reduced-motion:reduce){.team-console::before,.team-console::after,.lab-check,.lab-pending i{animation:none!important}.lab-output:after{transition:none}.agent-lab *{scroll-behavior:auto}}
