/* Enterprise page visuals use the public site's existing colors and motion policy. */
.enterprise-page {
  --enterprise-hero-background: radial-gradient(ellipse at 20% 29%, rgba(51,116,255,.28), transparent 60%), radial-gradient(ellipse at 84% 66%, rgba(139,92,246,.20), transparent 58%), linear-gradient(180deg, #101426, #141a30 65%, #101426);
  background: #101426;
  color: #fff; font-family: Inter, ui-sans-serif, system-ui, sans-serif; overflow: clip; isolation: isolate; }
.enterprise-page *, .enterprise-page *::before, .enterprise-page *::after { box-sizing: border-box; }
.enterprise-page [hidden] { display: none !important; }
.e-shell { width: min(100% - 3rem, 76rem); margin-inline: auto; }
.e-gradient {
  animation: hero-heading-color-roll 6s linear infinite;
  background: linear-gradient(90deg, #599aff 0%, #a78bfa 12.5%, #ffffff 25%, #22d3ee 37.5%, #599aff 50%, #a78bfa 62.5%, #ffffff 75%, #22d3ee 87.5%, #599aff 100%);
  background-clip: text;
  background-position: 0% 50%;
  background-size: 200% 100%;
  background-repeat: repeat-x;
  color: #93c5fd;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@keyframes hero-heading-color-roll {
  0% { background-position: 0% 50%; filter: drop-shadow(0 0 0 rgba(89,154,255,0)); }
  50% { background-position: -100% 50%; filter: drop-shadow(0 0 10px rgba(167,139,250,.45)); }
  100% { background-position: -200% 50%; filter: drop-shadow(0 0 0 rgba(89,154,255,0)); }
}
.e-title { margin: 0 0 1.25rem; font-size: clamp(2.45rem, 5vw, 4.45rem); font-weight: 850; line-height: 1.08; letter-spacing: -.055em; text-wrap: balance; }
.e-lede { max-width: 43rem; margin: 0; color: #c5cad6; font-size: clamp(1.06rem, 1.7vw, 1.23rem); line-height: 1.66; text-wrap: pretty; }
.e-hero { position: relative; min-height: 100svh; padding: 9.5rem 0 5rem; display: grid; align-items: center; isolation: isolate; }
.e-hero::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--enterprise-hero-background); }
.e-hero-grid { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); align-items: center; gap: clamp(2rem, 5vw, 5rem); }
.e-hero .e-title { font-size: clamp(2.205rem, 4.5vw, 4.005rem); }
.e-hero .e-title .e-gradient { display: inline-block; margin: -.08em -.06em; padding: .08em .06em; line-height: 1.24; }
.e-hero-lock { font-size: 1em; letter-spacing: 0; }
.e-hero .e-lede { max-width: 34rem; }
.e-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 2rem; }
.e-hero .e-actions { flex-wrap: nowrap; }
.e-hero .e-organization-signup { flex: 0 1 15.5rem; min-width: 0; }
.e-hero .e-button-secondary { flex: 0 0 auto; white-space: nowrap; }
.e-button { display: inline-flex; gap: .45rem; min-height: 3rem; align-items: center; justify-content: center; padding: .7rem 1.25rem; border-radius: .7rem; font-size: .94rem; font-weight: 750; text-align: center; text-decoration: none; transition: border-color .2s, background .2s, transform .2s; }
.e-button:hover { transform: translateY(-2px); }
.e-button:focus-visible, .e-email-link:focus-visible, .e-demo-choice:focus-visible, .e-deep-link:focus-visible, .e-point-link:focus-visible, .e-scroll:focus-visible { outline: 2px solid #9ac4ff; outline-offset: 3px; }
.e-button-secondary { color: #e7ecff; background: rgba(255,255,255,.04); border: 1px solid rgba(151,172,223,.35); }
.e-button-secondary:hover { border-color: #8fb5ff; background: rgba(89,154,255,.1); }
.e-email-link { display: inline-flex; align-items: center; gap: .5rem; min-height: 3rem; padding: .7rem .35rem; color: #7eb6ff; font-size: .94rem; font-weight: 750; text-decoration: none; }
.e-email-link:hover { color: #a5c7ff; text-decoration: underline; text-underline-offset: .2em; }
.e-scroll { display: inline-flex; align-items: center; gap: .6rem; margin-top: 2.4rem; color: #9ca9c4; text-decoration: none; font-size: .8rem; font-weight: 650; }
.e-scroll svg { width: 1rem; height: 1rem; }
.e-hero-orbit-scene { position: relative; display: grid; place-items: center; width: min(100%, 31.25rem); margin-inline: auto; padding: 1rem 0 3.5rem; }
.e-hero-orbit-shadow { position: absolute; bottom: 1.15rem; width: 53%; height: 1.1rem; border-radius: 50%; background: rgba(2, 6, 22, .65); box-shadow: 0 0 2rem 1rem rgba(24, 44, 100, .2); filter: blur(.35rem); animation: e-orbit-shadow 6s ease-in-out infinite; }
.e-hero-orbit { position: relative; width: min(100%, 28.125rem); aspect-ratio: 1; animation: e-orbit-float 6s ease-in-out infinite; }
.e-hero-orbit-lines { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.e-hero-orbit-lines line { stroke: #94a3b8; stroke-width: 1.35; stroke-opacity: .12; stroke-linecap: round; }
.e-hero-orbit-core { position: absolute; z-index: 1; left: 50%; top: 50%; width: 43.333%; aspect-ratio: 1; transform: translate(-50%, -50%); border-radius: 50%; background: #161628; }
.e-hero-orbit-core img { display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.e-hero-orbit-activity-ring { position: absolute; z-index: 2; left: 50%; top: 50%; width: 46.667%; aspect-ratio: 1; transform: translate(-50%, -50%); overflow: visible; pointer-events: none; }
.e-hero-orbit-activity-ring circle { fill: none; stroke: rgba(255,255,255,.18); stroke-width: 1.8; }
.e-hero-orbit.is-thinking .e-hero-orbit-activity-ring circle { stroke: #22c55e; stroke-width: 3.4; stroke-dasharray: 130.7 277.7; stroke-linecap: round; animation: e-orbit-ring-spin 1.2s linear infinite, e-orbit-ring-glow 1s ease-in-out infinite; }
.e-hero-orbit.is-using-tool .e-hero-orbit-core { animation: e-orbit-tool-throb 5s ease-in-out infinite; }
.e-hero-orbit-effects { position: absolute; z-index: 3; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.e-orbit-fireworks { opacity: 1; transition: opacity .34s ease-out; }
.e-orbit-fireworks.is-fading { opacity: 0; }
.e-orbit-spark { transform-box: fill-box; transform-origin: center; animation: e-orbit-spark .95s ease-out forwards; }
.e-hero-orbit .e-orbit-icon.is-using { border-color: #facc15; animation: e-orbit-badge-pulse 1.5s ease-out forwards; }
.e-hero-orbit-lines line.is-using { animation: e-orbit-edge-pulse 1.5s ease-out forwards; }
.e-hero-orbit .e-orbit-icon { width: 16%; height: auto; aspect-ratio: 1; border: 1.8px solid var(--badge-stroke, rgba(255, 255, 255, .45)); background: var(--badge-fill, #111827); box-shadow: none; }
.e-hero-orbit .e-orbit-icon--wake, .e-hero-orbit .e-orbit-icon--provider { width: 9.333%; border-width: 1.5px; }
.e-hero-orbit .e-orbit-icon img { width: 65%; height: 65%; }
@keyframes e-orbit-ring-spin { to { stroke-dashoffset: -408.4; } }
@keyframes e-orbit-ring-glow { 0%, 100% { stroke-opacity: .52; filter: drop-shadow(0 0 1.8px rgba(34,197,94,.24)); } 50% { stroke-opacity: 1; filter: drop-shadow(0 0 14px rgba(34,197,94,.98)); } }
@keyframes e-orbit-tool-throb { 0%, 100% { filter: drop-shadow(0 0 0 rgba(34,197,94,0)); } 35% { filter: drop-shadow(0 0 11px rgba(34,197,94,.65)) drop-shadow(0 0 25px rgba(34,197,94,.45)); } 65% { filter: drop-shadow(0 0 22px rgba(34,197,94,.95)) drop-shadow(0 0 40px rgba(34,197,94,.7)); } }
@keyframes e-orbit-spark { 0% { opacity: 0; transform: translate(0,0) scale(.1); } 15% { opacity: .95; } 100% { opacity: 0; transform: translate(var(--tx),var(--ty)) scale(.95); } }
@keyframes e-orbit-badge-pulse { 0%, 100% { transform: translate(-50%,-50%) scale(1); filter: none; } 30% { transform: translate(-50%,-50%) scale(1.06); filter: drop-shadow(0 0 15px rgba(250,204,21,.85)); } 52% { transform: translate(-50%,-50%) scale(1.03); filter: drop-shadow(0 0 10px rgba(250,204,21,.72)); } }
@keyframes e-orbit-edge-pulse { 0%, 100% { stroke: #94a3b8; stroke-opacity: .12; filter: none; } 30% { stroke: #facc15; stroke-opacity: 1; filter: drop-shadow(0 0 18px rgba(250,204,21,.9)); } 68% { stroke: #facc15; stroke-opacity: .88; filter: drop-shadow(0 0 8px rgba(250,204,21,.55)); } }
@keyframes e-orbit-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-1rem); } }
@keyframes e-orbit-shadow { 0%, 100% { opacity: .8; transform: scale(1); } 50% { opacity: .48; transform: scale(.87); } }
.e-motion-off .e-hero-orbit, .e-motion-off .e-hero-orbit-shadow, .e-page-hidden .e-hero-orbit, .e-page-hidden .e-hero-orbit-shadow, .e-hero-orbit-scene:not(.is-visible) .e-hero-orbit, .e-hero-orbit-scene:not(.is-visible) .e-hero-orbit-shadow { animation: none; }
.e-motion-off .e-hero-orbit *, .e-page-hidden .e-hero-orbit *, .e-hero-orbit-scene:not(.is-visible) .e-hero-orbit * { animation: none !important; }
.e-section { position: relative; padding: clamp(5rem, 9vw, 8rem) 0; border-top: 1px solid rgba(111,137,201,.1); scroll-margin-top: 6rem; }
/* Share the page's background layer so overlapping glows stay below every section's content. */
.e-section::before { content: ""; position: absolute; inset: -8rem 0; width: min(100%, 100rem); margin-inline: auto; z-index: -1; background: radial-gradient(ellipse closest-side at 35% 50%, rgba(51,116,255,.16), transparent 100%); pointer-events: none; }
.e-section:nth-of-type(even)::before { background: radial-gradient(ellipse closest-side at 65% 50%, rgba(139,92,246,.17), transparent 100%); }
.e-section-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: center; gap: clamp(2.5rem, 6vw, 6rem); }
.e-section:nth-of-type(even) .e-copy { order: 2; }
.e-section:nth-of-type(even) .e-visual { order: 1; }
#enterprise-workspace-collaboration .e-copy { order: 1; }
#enterprise-workspace-collaboration .e-visual { order: 2; }
#enterprise-auditability .e-copy { order: 2; }
#enterprise-auditability .e-visual { order: 1; }
#enterprise-auditability .e-deep-link svg { color: #fff; }
.e-section h3 { margin: 0 0 .85rem; color: #e7ecff; font-size: clamp(1.4rem, 2vw, 1.85rem); font-weight: 760; line-height: 1.2; letter-spacing: -.025em; text-wrap: balance; }
.e-section h2 { margin: 0 0 1.1rem; font-size: clamp(2.2rem, 4vw, 3.65rem); font-weight: 820; line-height: 1.12; letter-spacing: -.045em; text-wrap: balance; }
#audit-title em { margin-inline-end: .15em; }
.e-section .e-lede { font-size: clamp(1rem, 1.35vw, 1.15rem); }
.e-points { display: grid; gap: .75rem; padding: 0; margin: 1.75rem 0 0; list-style: none; color: #aeb9ce; font-size: .92rem; line-height: 1.48; }
.e-points li { position: relative; padding-left: 1.45rem; }
.e-points li::before { content: "✓"; position: absolute; left: 0; color: #7eb6ff; font-weight: 850; }
.e-point-link { color: #a5c7ff; font-weight: 700; text-decoration: underline; text-decoration-color: rgba(165,199,255,.45); text-underline-offset: .18em; }
.e-point-link:hover, .e-point-link:focus-visible { color: #fff; text-decoration-color: currentColor; }
.e-deep-links { display: flex; flex-wrap: wrap; gap: .65rem 1.2rem; margin-top: 1.8rem; }
.e-deep-link { display: inline-flex; align-items: center; gap: .35rem; color: #a5c7ff; font-size: .89rem; font-weight: 700; text-decoration: none; }
.e-deep-link:hover { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
.e-deep-link::after { content: "↗"; font-size: .8em; }
.e-deep-link--provider .e-provider-feature-prefix { flex: none; white-space: nowrap; }
.e-deep-link--provider .e-provider-feature-target { display: inline-flex; flex: none; align-items: center; gap: .35rem; white-space: nowrap; }
.e-feature-provider-mark { display: inline-flex; align-items: center; padding-left: .2rem; }
.e-feature-provider-mark > span { display: grid; width: .95rem; height: .95rem; margin-left: -.22rem; place-items: center; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; background: rgba(255,255,255,.05); }
.e-feature-provider-mark > span:first-child { margin-left: 0; background: rgba(15,23,42,.92); border-color: rgba(229,231,235,.26); }
.e-feature-provider-mark > .e-feature-provider-mark--anthropic { background: rgba(217,119,6,.2); }
.e-feature-provider-mark > .e-feature-provider-mark--google,
.e-feature-provider-mark > .e-feature-provider-mark--vultr { background: rgba(59,130,246,.1); }
.e-feature-provider-mark > .e-feature-provider-mark--ollama { background: rgba(34,197,94,.1); }
.e-feature-provider-mark img { width: .62rem; height: .62rem; object-fit: contain; }
.e-demo { position: relative; min-width: 0; min-height: 24rem; overflow: hidden; border: 1px solid rgba(139,170,238,.2); border-radius: 1.4rem; background: var(--enterprise-panel-background); box-shadow: 0 24px 70px rgba(0,0,0,.25), inset 0 1px rgba(255,255,255,.045); }
.e-demo::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(rgba(108,146,227,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(108,146,227,.035) 1px, transparent 1px); background-size: 2rem 2rem; mask-image: linear-gradient(#000, transparent 95%); }
.e-access-demo { display: grid; min-height: 28rem; place-items: center; padding: clamp(.75rem, 2vw, 1.25rem); }
.e-access-stage { position: relative; width: min(100%, 27rem); aspect-ratio: 1; }
.e-access-orbits { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.e-access-ring { fill: none; stroke: rgba(133,164,235,.11); stroke-width: .35; stroke-dasharray: 1 1.5; }
.e-access-ring--inner { stroke: rgba(139,92,246,.15); stroke-dasharray: none; }
.e-access-spoke { stroke: rgba(115,150,225,.26); stroke-width: .35; transform-origin: center; }
.e-access-spoke.is-pruned { transition: opacity .38s ease-out; }
.e-access-spoke.is-pruned.is-pruned-away { opacity: 0; }
.e-access-node { position: absolute; top: var(--y); left: var(--x); display: grid; width: clamp(2.65rem, 10.5vw, 3.3rem); aspect-ratio: 1; place-items: center; border: 1px solid rgba(151,178,237,.42); border-radius: 50%; background: #111a31; box-shadow: 0 5px 18px rgba(0,0,0,.3), inset 0 1px rgba(255,255,255,.08); transform: translate(-50%, -50%); }
.e-access-node:has(> img[src="/assets/integration-logos/notion.svg"]) { background: #fff; }
.e-access-node img { width: 48%; height: 48%; object-fit: contain; }
.e-access-node.is-pruned { transition: opacity .5s cubic-bezier(.2,.7,.25,1), transform .5s cubic-bezier(.2,.7,.25,1), filter .5s ease-out; }
.e-access-node.is-pruned.is-poofing { transform: translate(-50%, -50%) scale(1.2); }
.e-access-node.is-pruned.is-pruned-away { opacity: 0; transform: translate(-50%, -50%) scale(.35); filter: blur(2px); pointer-events: none; }
.e-access-node.is-pruned::before { position: absolute; top: 50%; left: 50%; width: 5px; height: 5px; border-radius: 50%; background: #a8ecff; box-shadow: 0 -12px #8fdcff, 11px -5px #bd9aff, 9px 9px #8fdcff, -9px 9px #bd9aff, -11px -5px #8fdcff; opacity: 0; content: ""; }
.e-access-node.is-pruned.is-poofing::before { animation: e-access-sparks .52s ease-out both; }
.e-access-node.is-pruned::after { position: absolute; inset: -32%; border-radius: 50%; background: radial-gradient(circle, rgba(190,235,255,.9), rgba(143,220,255,.48) 22%, rgba(189,154,255,.2) 48%, transparent 72%); opacity: 0; content: ""; pointer-events: none; }
.e-access-node.is-pruned.is-poofing::after { animation: e-access-poof .52s ease-out both; }
.e-access-node.is-retained { border-color: rgba(109,176,255,.68); background: #162443; box-shadow: 0 0 22px rgba(84,146,255,.15), inset 0 1px rgba(255,255,255,.1); }
.e-access-avatar { position: absolute; top: 50%; left: 50%; display: grid; width: clamp(4.5rem, 18vw, 5.8rem); aspect-ratio: 1; place-items: center; border: 2px solid rgba(146,125,255,.86); border-radius: 50%; background: #171b36; box-shadow: 0 0 0 .55rem rgba(139,92,246,.08), 0 0 2.5rem rgba(101,123,255,.28); transform: translate(-50%, -50%); z-index: 2; }
.e-access-avatar img { width: 100%; height: 100%; border-radius: inherit; object-fit: cover; }
.e-access-cursor { position: absolute; top: 10%; left: 50%; width: 1.8rem; height: 2.15rem; filter: drop-shadow(0 3px 4px rgba(0,0,0,.55)); opacity: 0; transform: translate(-4px, -3px); transform-origin: 10.7% 5.9%; transition: top .56s cubic-bezier(.2,.85,.25,1), left .56s cubic-bezier(.2,.85,.25,1), opacity .18s ease-out, transform .16s cubic-bezier(.2,.8,.2,1); z-index: 4; }
.e-access-cursor.is-clicking { transform: translate(-4px, -3px) scale(.78); }
.e-access-cursor svg { display: block; width: 100%; height: 100%; }
@media (max-width: 640px) {
  /* Stage-relative top/left keeps the icon-sized cursor inside the diagram.
     Only its inner graphic scales while clicking. */
  .e-access-cursor, .e-access-cursor.is-clicking { width: 1.8rem; height: 2.15rem; filter: none; pointer-events: none; transform: translate(-4px, -3px); transition: top .56s cubic-bezier(.2,.85,.25,1), left .56s cubic-bezier(.2,.85,.25,1), opacity .18s ease-out, transform .16s cubic-bezier(.2,.8,.2,1); }
  .e-access-cursor svg { width: 100%; height: 100%; filter: drop-shadow(0 3px 4px rgba(0,0,0,.55)); transform-box: view-box; transform-origin: 10.7% 5.9%; transform: scale(1); transition: transform .16s cubic-bezier(.2,.8,.2,1); }
  .e-access-cursor.is-clicking svg { transform: scale(.78); }
}
.e-access-node.is-pruned.is-pruned-away::before { opacity: 0; transform: translate(-50%, -50%) scale(2.6) rotate(55deg); }
.e-access-node.is-pruned.is-pruned-away::after { opacity: 0; transform: scale(1.8); }
@keyframes e-access-sparks { 0% { opacity: 1; transform: translate(-50%, -50%) scale(.8) rotate(12deg); } 100% { opacity: 0; transform: translate(-50%, -50%) scale(2.6) rotate(55deg); } }
@keyframes e-access-poof { 0% { opacity: .95; transform: scale(.65); } 45% { opacity: .45; transform: scale(1.4); } 100% { opacity: 0; transform: scale(1.8); } }
.e-motion-off .e-access-node.is-pruned, .e-motion-off .e-access-spoke.is-pruned, .e-motion-off .e-access-cursor { animation: none !important; transition: none !important; }
.e-motion-off .e-access-node.is-pruned, .e-motion-off .e-access-spoke.is-pruned, .e-motion-off .e-access-cursor { visibility: hidden; }
.e-motion-off .e-access-demo .e-access-node.is-retained { visibility: visible; }
.e-demo-head { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .6rem; min-height: 3rem; padding: .75rem 1rem; border-bottom: 1px solid rgba(150,174,230,.14); }
.e-demo-title { color: #d8e5ff; font-size: .78rem; font-weight: 800; letter-spacing: .035em; }
.e-demo-controls { display: none; flex-wrap: wrap; gap: .4rem; position: relative; z-index: 2; padding: .8rem 1rem .25rem; }
.js-enabled .e-demo-controls { display: flex; }
.e-demo-choice { min-height: 2.35rem; padding: .45rem .75rem; border: 1px solid rgba(139,170,238,.21); border-radius: .55rem; background: rgba(255,255,255,.035); color: #aebbd5; cursor: pointer; font: 700 .76rem Inter, sans-serif; }
.e-demo-choice:hover { border-color: rgba(142,184,255,.66); color: #fff; }
.e-demo-choice[aria-pressed="true"] { border-color: #5287f7; background: rgba(51,116,255,.22); color: #fff; }
.e-demo-body { position: relative; z-index: 1; padding: clamp(1rem, 2.1vw, 1.6rem); }
.e-scene { min-width: 0; }
.e-caption { margin: 1.1rem 0 0; color: #aebbd5; font-size: .78rem; line-height: 1.5; }
.e-kicker { color: #8ab4ff; font-size: .7rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.e-node { display: flex; align-items: center; gap: .7rem; min-width: 0; padding: .7rem .8rem; border: 1px solid rgba(142,175,248,.22); border-radius: .8rem; background: rgba(15,21,43,.92); box-shadow: 0 10px 30px rgba(0,0,0,.15); }
.e-node strong, .e-card strong { display: block; color: #f4f7ff; font-size: .85rem; line-height: 1.3; }
.e-node small, .e-card small { display: block; margin-top: .18rem; color: #92a0bb; font-size: .69rem; line-height: 1.35; }
.e-node img, .e-avatar { width: 2rem; height: 2rem; flex: 0 0 2rem; border-radius: 50%; object-fit: cover; background: #112040; }
.e-node img.e-logo { border-radius: .35rem; padding: .26rem; object-fit: contain; background: #fff; }
.e-card { min-width: 0; padding: .85rem 1rem; border: 1px solid rgba(142,175,248,.22); border-radius: .85rem; background: rgba(17,25,48,.85); }
.e-card.is-accent { border-color: rgba(84,146,255,.7); box-shadow: 0 0 28px rgba(51,116,255,.14); }
.e-card.is-purple { border-color: rgba(178,126,255,.48); }
.e-card.is-cyan { border-color: rgba(71,205,225,.45); }
.e-arrow { color: #6d9aff; flex: 0 0 auto; font-size: 1.1rem; font-weight: 800; text-shadow: 0 0 14px rgba(89,154,255,.5); }
.e-line { height: 2px; min-width: 1.4rem; flex: 1 1 auto; background: linear-gradient(90deg, rgba(89,154,255,.25), #599aff, rgba(34,211,238,.35)); border-radius: 3px; }
.e-stage { display: grid; gap: 1rem; }
.e-stage-center { display: flex; justify-content: center; }
.e-team { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; }
.e-team .e-node { padding: .6rem; }
.e-team .e-node img { width: 1.8rem; height: 1.8rem; flex-basis: 1.8rem; }
.e-team .e-node strong { font-size: .74rem; }
.e-mission { text-align: center; max-width: 24rem; width: 100%; }
.e-mission strong { font-size: 1rem; }
.e-result { max-width: 21rem; width: 100%; text-align: center; }
.e-stream { display: grid; gap: .55rem; margin-top: 1rem; }
.e-stream-row { display: flex; align-items: start; gap: .6rem; padding: .6rem .75rem; border: 1px solid rgba(136,167,230,.15); border-radius: .65rem; background: rgba(7,11,24,.65); color: #c6d2e8; font-size: .72rem; line-height: 1.45; }
.e-stream-dot { width: .48rem; height: .48rem; flex: 0 0 auto; margin-top: .32rem; border-radius: 50%; background: #67d6ea; box-shadow: 0 0 10px rgba(103,214,234,.65); }
.e-stack.random-stack-wrap { left: auto; width: min(110%, calc(100vw - 2rem), 44rem); max-width: 44rem; height: auto; aspect-ratio: 1.16; margin: 0 auto; transform: none; }

.e-orbit-icon { position: absolute; z-index: 2; left: var(--x); top: var(--y); display: grid; place-items: center; width: 2.25rem; height: 2.25rem; transform: translate(-50%,-50%); border: 1px solid rgba(128,160,230,.7); border-radius: 50%; background: #111d3c; box-shadow: 0 3px 12px rgba(0,0,0,.35); cursor: help; }
.e-orbit-icon--wake { width: 2rem; height: 2rem; border-color: rgba(190,149,255,.8); background: #261b43; }
.e-orbit-icon img { display: block; width: 1.4rem; height: 1.4rem; border-radius: .2rem; object-fit: contain; }
.e-orbit-icon--wake img { width: 1.25rem; height: 1.25rem; }
.e-orbit-icon:hover, .e-orbit-icon:focus-visible, .e-orbit-icon.is-active { border-color: #a7c9ff; box-shadow: 0 0 18px rgba(100,153,255,.55); }
.e-orbit-icon:has(> img[src="/assets/integration-logos/agentmail.jpg"]) { background: #000; }
.e-orbit-icon > img[src="/assets/integration-logos/agentmail.jpg"] { filter: grayscale(1) contrast(3); }
.e-orbit-icon:has(> img[src="/assets/integration-logos/telegram.png"]) { background: #fff; }
.e-orbit-icon:has(> img[src="/assets/integration-logos/signal.png"]) { background: #e3e8fe; }
.e-orbit-icon:has(> img[src="/assets/integration-gifs/google-services.gif"]) { background: #fff; }
.e-orbit-icon:has(> img[src="/assets/integration-gifs/trello.gif"]) { background: #fff; }
.e-orbit-icon:has(> img[src="/assets/integration-logos/notion.svg"]) { background: #fff; }
.e-orbit-icon:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.e-orbit-tooltip { position: fixed; z-index: 1000; max-width: min(17rem, calc(100vw - 1rem)); padding: .55rem .7rem; border: 1px solid rgba(139,170,238,.38); border-radius: .55rem; background: #0d142b; box-shadow: 0 12px 30px rgba(0,0,0,.45); color: #eaf0ff; font-size: .72rem; line-height: 1.4; pointer-events: none; }
.e-orbit-tooltip[hidden] { display: none; }
.e-orbit-tooltip strong { display: block; margin-bottom: .12rem; font-weight: 800; }
.e-orbit-tooltip span { color: #b4c2df; }
.e-matrix { display: grid; grid-template-columns: 6rem repeat(5, minmax(0, 1fr)); gap: .35rem; align-items: stretch; }
.e-matrix > * { display: grid; place-items: center; min-width: 0; min-height: 2.55rem; padding: .25rem; border: 1px solid rgba(127,154,210,.16); border-radius: .48rem; background: rgba(10,18,39,.65); color: #a2b0cc; font-size: .66rem; font-weight: 700; text-align: center; overflow-wrap: anywhere; }
.e-matrix .is-granted { color: #a7d4ff; background: rgba(51,116,255,.18); border-color: rgba(96,167,255,.55); }
.e-matrix .is-off { color: #73809c; }
.e-diff { display: flex; flex-wrap: wrap; gap: .45rem; align-items: center; color: #bac7df; font-size: .72rem; }
.e-diff code { padding: .25rem .45rem; border-radius: .35rem; background: rgba(255,255,255,.06); color: #dce8ff; }
.e-audit-demo { min-height: 0; }
.e-audit-toolbar { display: none; align-items: center; justify-content: space-between; gap: .65rem; padding: .75rem 1rem .1rem; }
.js-enabled .e-audit-toolbar { display: flex; }
.e-audit-filters { display: flex; flex-wrap: wrap; gap: .35rem; }
.e-audit-filter { display: inline-flex; min-height: 2.2rem; align-items: center; padding: .4rem .65rem; border: 1px solid rgba(139,170,238,.2); border-radius: .55rem; background: rgba(255,255,255,.035); color: #aebbd5; font: 700 .68rem Inter, sans-serif; }
.e-audit-filter.is-active { border-color: #5287f7; background: rgba(51,116,255,.22); color: #fff; }
.e-audit-columns, .e-audit-row { display: grid; grid-template-columns: 3.8rem minmax(0, 1fr) 4.7rem; gap: .65rem; align-items: center; }
.e-audit-columns { padding: 0 .55rem .3rem; color: #8293b4; font-size: .61rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.e-audit-list { display: grid; grid-auto-rows: 3.8rem; align-content: start; gap: .3rem; min-height: 24.3rem; padding: 0; margin: 0; list-style: none; }
.e-audit-row { min-width: 0; padding: .45rem .55rem; border: 1px solid rgba(132,163,228,.14); border-radius: .55rem; background: rgba(14,24,48,.55); color: #d9e3fa; font-size: .71rem; }
.e-audit-row[hidden] { display: none; }
.e-audit-row time { color: #8c9cbc; font: 500 .66rem ui-monospace, SFMono-Regular, Menlo, monospace; }
.e-audit-event { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: .15rem .45rem; min-width: 0; }
.e-audit-event > span:nth-child(2) { line-height: 1.35; overflow-wrap: anywhere; }
.e-audit-event small { grid-column: 1 / -1; color: #8392b0; font-size: .6rem; line-height: 1.25; }
.e-audit-kind { padding: .16rem .36rem; border: 1px solid rgba(100,155,255,.28); border-radius: 999px; color: #a9c8ff; background: rgba(51,116,255,.11); font-size: .58rem; font-weight: 800; line-height: 1.1; }
.e-audit-kind--agent { border-color: rgba(187,146,255,.3); color: #d5bcff; background: rgba(139,92,246,.12); }
.e-audit-kind--tool { border-color: rgba(71,205,225,.28); color: #99e8f1; background: rgba(6,182,212,.1); }
.e-audit-actor { min-width: 0; color: #aebbd5; font-size: .66rem; line-height: 1.4; overflow-wrap: anywhere; }
.e-audit-cursor { position: absolute; z-index: 5; top: 0; left: 0; width: 1.4rem; height: 1.7rem; opacity: 0; pointer-events: none; transition: left .65s cubic-bezier(.2,.7,.25,1), top .65s cubic-bezier(.2,.7,.25,1), opacity .16s ease; }
.e-audit-cursor[data-visible="true"] { opacity: 1; }
.e-audit-cursor svg { display: block; width: 100%; height: 100%; overflow: visible; filter: drop-shadow(0 2px 2px rgba(0,0,0,.5)); }
.e-audit-cursor[data-clicking="true"]::after { position: absolute; top: .48rem; left: .42rem; width: 1rem; height: 1rem; border: 1px solid rgba(190,218,255,.95); border-radius: 50%; content: ""; animation: e-audit-click .32s ease-out both; }
.e-audit-demo:not(.is-playing) .e-audit-cursor { transition: none; }
.e-audit-filter[data-cursor-click="true"] { transform: scale(.96); }
.e-audit-demo.is-filtering .e-audit-row:not([hidden]) { animation: e-audit-record-in .2s ease-out both; }
.e-motion-off .e-audit-demo *, .e-page-hidden .e-audit-demo * { animation: none !important; transition: none !important; }
@keyframes e-audit-record-in { from { opacity: .3; transform: translateY(.2rem); } to { opacity: 1; transform: translateY(0); } }
.e-audit-demo .e-caption { margin-top: .65rem; font-size: .66rem; }
@keyframes e-audit-click { from { opacity: .9; transform: scale(.3); } to { opacity: 0; transform: scale(1.4); } }
.e-usage-chart-wrap { position: relative; }
.e-usage-chart { display: block; height: auto; overflow: visible; width: 100%; }
.js-enabled .e-usage-chart { cursor: crosshair; }
.e-usage-chart:focus-visible { outline: 2px solid #9ac4ff; outline-offset: 2px; }
.e-usage-series { opacity: .86; }
.e-usage-series--operations { fill: #5b5bd6; }
.e-usage-series--platform { fill: #178f8f; }
.e-usage-series--research { fill: #d46b2f; }
.e-usage-forecast-line { fill: none; stroke: #d9893f; stroke-dasharray: 5 4; stroke-width: 2; }
.e-usage-forecast-dots { fill: #d9893f; opacity: .72; }
.e-usage-axis { stroke: rgba(146,172,222,.42); stroke-width: 1; }
.e-usage-axis-label { fill: #9eb0d0; font: 11px Inter, sans-serif; }
.e-usage-hover-guide { stroke: #c7d6ff; stroke-width: 1.5; opacity: .85; vector-effect: non-scaling-stroke; }
.e-usage-hover-dot { fill: #fff; stroke: #7ca9ff; stroke-width: 2; vector-effect: non-scaling-stroke; }
.e-usage-hover-segment { fill: rgba(255,255,255,.1); stroke: rgba(255,255,255,.86); stroke-width: 1.5; vector-effect: non-scaling-stroke; }
.e-usage-hover-guide, .e-usage-hover-dot, .e-usage-hover-segment { pointer-events: none; }
.e-usage-tooltip { position: absolute; z-index: 2; display: grid; gap: .25rem; min-width: 10.5rem; max-width: calc(100% - 1rem); padding: .55rem .65rem; border: 1px solid rgba(151,184,255,.45); border-radius: .55rem; background: #101a35; box-shadow: 0 .65rem 1.6rem rgba(0,0,0,.4); color: #d7e2ff; font-size: .68rem; line-height: 1.35; pointer-events: none; }
.e-usage-tooltip strong { color: #fff; font-size: .72rem; }
.e-usage-tooltip-row { display: flex; justify-content: space-between; gap: 1rem; }
.e-usage-tooltip-row b { color: #fff; white-space: nowrap; }
.e-usage-tooltip-row--total { margin-top: .1rem; padding-top: .3rem; border-top: 1px solid rgba(151,184,255,.25); }
@media (max-width: 640px) { .e-usage-tooltip { position: static; width: max-content; max-width: 100%; margin: .4rem auto 0; } }
.e-usage-legend { display: flex; flex-wrap: wrap; gap: .75rem 1rem; margin-top: .55rem; color: #9eb0d0; font-size: .67rem; }
.e-usage-legend span { align-items: center; display: inline-flex; gap: .32rem; }
.e-usage-swatch { background: #5b5bd6; border-radius: .12rem; display: inline-block; height: .58rem; width: .58rem; }
.e-usage-swatch--platform { background: #178f8f; }
.e-usage-swatch--research { background: #d46b2f; }
.e-usage-swatch--forecast { background: transparent; border-radius: 0; border-top: 2px dashed #d9893f; height: 0; width: .9rem; }
.e-provider-showcase { max-width: 32rem; margin: 0 auto; padding: clamp(1rem, 2.5vw, 1.5rem); border: 1px solid rgba(127,161,228,.3); border-radius: 1.15rem; background: linear-gradient(155deg, rgba(24,31,57,.95), rgba(12,16,35,.97)); box-shadow: 0 24px 70px rgba(0,0,0,.22); }
.e-provider-field { position: relative; }
.e-provider-field-label { display: block; margin-bottom: .4rem; color: #e5e7eb; font-size: .8rem; font-weight: 650; }
.e-provider-select { position: relative; }
.e-provider-select-trigger { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; min-height: 3.25rem; padding: .55rem .75rem; border: 1px solid #3374ff; border-radius: .5rem; background: #161630; box-shadow: 0 0 0 .16rem rgba(51,116,255,.14); }
.e-provider-select-trigger > span:first-child { display: grid; min-width: 0; gap: .16rem; }
.e-provider-select-name { overflow: hidden; color: #f3f4f6; font-size: .84rem; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.e-provider-select-meta { overflow: hidden; color: #9ca3af; font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }
.e-provider-select-chevron { width: .5rem; height: .5rem; border-top: 1.5px solid #93c5fd; border-left: 1.5px solid #93c5fd; transform: translateY(-25%) rotate(45deg); }
.e-provider-select-menu { margin-top: .35rem; padding: .35rem; border: 1px solid rgba(255,255,255,.1); border-radius: .5rem; background: #12122a; box-shadow: 0 1rem 2.2rem rgba(0,0,0,.36); }
.e-provider-option { display: grid; grid-template-columns: 1.6rem minmax(0, 1fr) auto; align-items: center; gap: .65rem; min-height: 3.05rem; padding: .45rem .6rem; border: 1px solid transparent; border-radius: .45rem; color: #e5e7eb; }
.e-provider-option + .e-provider-option { margin-top: .2rem; }
.e-provider-option > span:nth-child(2) { display: grid; min-width: 0; gap: .18rem; }
.e-provider-option.is-selected { border-color: rgba(51,116,255,.45); background: rgba(51,116,255,.13); }
.e-provider-option-logo { display: grid; width: 1.6rem; height: 1.6rem; place-items: center; border: 1px solid rgba(255,255,255,.14); border-radius: .42rem; background: #20263a; }
.e-provider-option-logo img { width: 1.05rem; height: 1.05rem; object-fit: contain; }
.e-provider-option--anthropic .e-provider-option-logo { background: #d97757; }
.e-provider-option--anthropic .e-provider-option-logo img,
.e-provider-option--grok .e-provider-option-logo img { filter: brightness(0) invert(1); }
.e-provider-option--openai .e-provider-option-logo { background: #fff; }
.e-provider-option--ollama .e-provider-option-logo { background: #f4f1ea; }
.e-provider-option--ollama .e-provider-option-logo img { filter: brightness(0) saturate(100%); }
.e-provider-option--grok .e-provider-option-logo { background: #15181e; border-color: #64748b; }
.e-provider-option--openai-compatible .e-provider-option-logo { background: #000; }
.e-provider-option--openai .e-provider-option-logo,
.e-provider-option--openai-compatible .e-provider-option-logo { overflow: hidden; }
.e-provider-option--openai .e-provider-option-logo img,
.e-provider-option--openai-compatible .e-provider-option-logo img { width: 100%; height: 100%; filter: none; }
.e-provider-option strong { overflow: hidden; color: #f3f4f6; font-size: .78rem; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }
.e-provider-option small { overflow: hidden; color: #9ca3af; font-size: .66rem; text-overflow: ellipsis; white-space: nowrap; }
.e-provider-option-check { color: #8ab4ff; font-size: .9rem; font-weight: 800; }
/* Cluster execution is one continuous scene; only the agent's location changes. */
.e-execution { --execution-accent: #6ee7cf; }
.e-execution-panel { min-height: 0; overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.e-execution-panel::before { content: none; }
.e-execution-controls { position: relative; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; width: min(100%, 27rem); margin: 0 auto .75rem; padding: .25rem; overflow: hidden; border: 1px solid rgba(139,170,238,.3); border-radius: .8rem; background: rgba(18,23,43,.92); }
.js-enabled .e-execution-controls { display: grid; }
.e-execution-controls::before { position: absolute; inset: .25rem auto .25rem .25rem; width: calc((100% - .5rem) / 2); border: 1px solid rgba(119,151,246,.72); border-radius: .55rem; background: rgba(51,116,255,.27); box-shadow: 0 2px 12px rgba(51,116,255,.13); content: ""; pointer-events: none; transition: transform .42s cubic-bezier(.2,.8,.2,1); }
.e-execution-controls:has(.e-execution-cloud-choice[aria-pressed="true"])::before { transform: translateX(100%); }
.e-execution-controls .e-demo-choice { position: relative; z-index: 1; display: inline-flex; min-width: 0; min-height: 2.75rem; align-items: center; justify-content: center; gap: .3rem; padding: .45rem .2rem; border: 0; border-radius: .55rem; background: transparent; color: #aebbd5; font-size: clamp(.72rem, 3.4vw, .95rem); white-space: nowrap; }
.e-execution-controls .e-demo-choice:hover, .e-execution-controls .e-demo-choice[aria-pressed="true"] { border: 0; background: transparent; color: #fff; }
.e-execution-network-mark { width: 1rem; height: 1rem; flex: none; }
.e-execution-network-choice .e-execution-network-mark, .e-execution-cloud-choice .site-logo-mark { width: 1.25rem; height: 1.25rem; flex: none; }
.e-execution-cloud-choice .site-logo-mark { transform: translateY(1px); }
.e-execution-cloud-choice .brand-wordmark { transform: none; }
.e-execution-network-choice > span, .e-execution-cloud-choice .brand-wordmark { font-size: inherit; line-height: 1; white-space: nowrap; }
.e-execution-map { position: relative; display: block; width: 100%; height: auto; overflow: visible; }
.e-execution-map text { fill: #e0e9fa; font: 600 15px Inter, sans-serif; }
.e-execution-map .e-execution-small { fill: #a3bbd3; font-size: 13px; font-weight: 500; }
.e-execution-zone-heading > text:not(.e-execution-small) { font-size: 16px; font-weight: 700; }
.e-execution-cloud-heading > text { fill: #fff; font-family: 'Exo 2', sans-serif; }
.e-execution-cloud-heading .brand-wordmark-accent { fill: #2A78FD; }
.e-execution-cloud-mark { fill: #010618; stroke: rgba(139,170,238,.35); stroke-width: 1; }
.e-execution-lan { fill: url(#execution-lan-fill); stroke: #479698; stroke-width: 1.3; }
.e-execution-cloud { fill: url(#execution-cloud-fill); stroke: #6478ba; stroke-width: 1.5; }
.e-execution-platform circle, .e-execution-agent-link circle { fill: #10182b; stroke: #637bac; stroke-width: 1.5; }
.e-execution-platform text, .e-execution-agent-link text { font-size: 14px; }
.e-execution-map marker path { stroke-dasharray: none; stroke-dashoffset: 0; }
.e-execution-uplink, .e-execution-cloud-route { fill: none; stroke: #72c6e0; stroke-width: 2; stroke-dasharray: 5 7; }
.e-execution-cloud-route { opacity: 0; transition: opacity .4s; }
.e-execution-local-routes { fill: none; stroke: #6ee7cf; stroke-width: 1.5; stroke-dasharray: 5 8; transition: opacity .4s; }
.e-execution-cluster-route { stroke: #72c6e0; }
.e-execution-local-routes line:not(.e-execution-cluster-route) { opacity: .6; }
.e-execution-resources > g > circle { fill: #112d38; stroke: #478881; stroke-width: 1.3; }
.e-execution-resources path, .e-execution-resources .e-execution-resource-detail { fill: none; stroke: #92decc; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.e-execution-resources text { font-size: 13px; fill: #aac8cd; }
.e-execution-persona-halo { fill: rgba(69,214,178,.07); stroke: var(--execution-accent); stroke-width: 2; stroke-dasharray: 155 72; transform: rotate(-50deg); transform-box: fill-box; transform-origin: center; }
.e-execution-pod-label rect { fill: #101a30; stroke: #465978; }
.e-execution-pod-label text { font-size: 13px; }
.e-execution[data-execution-phase="switching"], .e-execution[data-execution-phase="cloud"] { --execution-accent: #a5b4fc; }
.e-execution[data-execution-phase="switching"] .e-execution-local-routes, .e-execution[data-execution-phase="cloud"] .e-execution-local-routes { opacity: 0; }
.e-execution:is([data-execution-phase="switching"], [data-execution-phase="cloud"]) :is(.e-execution-agent-link, .e-execution-uplink) { visibility: hidden; }
.e-execution.is-moving .e-execution-local-routes, .e-execution.is-moving .e-execution-cloud-route { opacity: 0; visibility: hidden; transition: none; animation: none; }
.e-execution:not(.is-moving):is([data-execution-phase="switching"], [data-execution-phase="cloud"]) .e-execution-cloud-route { opacity: 1; }
.e-execution.is-playing:not(.is-moving):is([data-execution-phase="switching"], [data-execution-phase="cloud"]) .e-execution-cloud-route { animation: execution-uplink 1.5s linear infinite; }
.e-execution.is-playing .e-execution-uplink { animation: execution-uplink 1.5s linear infinite; }
.e-execution.is-visible:not(.is-moving) .e-execution-persona-halo { animation: execution-thinking 3s linear infinite; }
.e-execution.is-moving .e-execution-persona-halo { visibility: hidden; animation: none; }
.e-execution.is-playing:not(.is-moving):is([data-execution-phase="local"], [data-execution-phase="connecting"]) .e-execution-local-routes { animation: execution-uplink 1.5s linear infinite; }
.e-execution:not(.is-visible) *, .e-motion-off .e-execution *, .e-page-hidden .e-execution * { animation: none !important; transition: none !important; }
@keyframes execution-uplink { to { stroke-dashoffset: -26; } }
@keyframes execution-thinking { to { transform: rotate(310deg); } }

.e-library { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .55rem; align-items: center; }
.e-library .e-card { min-height: 5.3rem; }
.e-copy-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; margin-top: .8rem; padding-top: 1.3rem; border-top: 1px dashed rgba(125,167,243,.35); }
.e-copy-row .e-card { opacity: .58; }
.e-copy-row .e-card.is-active { border-color: rgba(84,146,255,.7); box-shadow: 0 0 28px rgba(51,116,255,.14); opacity: 1; }
/* Picker proportions and colors follow my.personastack.ai/static/sidebar-menu.css. */
.e-workspace-app { position: relative; display: grid; min-height: 28rem; grid-template-columns: 15rem minmax(0, 1fr); overflow: hidden; border-radius: inherit; background: #0b1021; }
.e-workspace-sidebar { position: relative; z-index: 2; display: flex; min-width: 0; flex-direction: column; padding: .85rem .75rem .625rem; background: #0d0d1f; border-right: 1px solid #24243a; }
.e-workspace-brand { display: flex; align-items: center; gap: .5rem; padding: .1rem .35rem .9rem; color: #e5e7eb; font-size: .9rem; }
.e-workspace-brand-mark { width: 1.375rem; height: 1.375rem; flex: none; object-fit: contain; }
.e-workspace-brand strong > span { color: #3374ff; }
.e-workspace-brand strong > small { color: #9ca3af; font-size: .7em; }
.e-workspace-nav { display: grid; gap: .18rem; color: #9ca3af; font-size: .7rem; }
.e-workspace-nav > span { display: flex; min-height: 2rem; align-items: center; gap: .55rem; padding: .4rem .5rem; border-radius: .4rem; }
.e-workspace-nav .is-current { color: #fff; background: rgba(51,116,255,.16); }
.e-workspace-nav svg { width: .95rem; height: .95rem; flex: 0 0 .95rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; }
.e-workspace-nav-count { margin-left: auto; color: #6b7280; font-size: .75rem; font-weight: 500; line-height: 1; }
.e-workspace-nav .e-workspace-concerns-icon { fill: currentColor; stroke: none; color: #6b7280; opacity: .85; }
.e-workspace-nav .e-workspace-concerns-icon.is-alert { color: #f87171; opacity: 1; }
.e-workspace-nav-count.is-alert { display: inline-flex; min-width: 1.5rem; height: 1.5rem; align-items: center; justify-content: center; padding-inline: .35rem; border-radius: .25rem; background: rgba(239,68,68,.2); color: #f87171; line-height: 1; }
.e-workspace-picker { position: relative; z-index: 4; margin-top: auto; }
.e-workspace-trigger { display: grid; width: 100%; gap: .125rem; padding: .5rem .625rem; border: 1px solid #2f3046; border-radius: .5rem; background: #12122a; color: #e5e7eb; font: inherit; text-align: left; }
.e-workspace-trigger.is-hovered { border-color: #3374ff; outline: 2px solid rgba(51,116,255,.25); outline-offset: 2px; }
.e-workspace-picker-label { color: #9ca3af; font-size: .6875rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.e-workspace-trigger-active { display: flex; min-width: 0; align-items: center; gap: .375rem; color: #f3f4f6; font-size: .8125rem; font-weight: 600; }
.e-workspace-trigger-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.e-workspace-badge { display: grid; width: .9375rem; height: .9375rem; flex: 0 0 .9375rem; place-items: center; border-radius: 3px; }
.e-workspace-badge svg { width: .75rem; height: .75rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.e-workspace-badge--engineering { color: #8cb4ff; background: rgba(51,116,255,.17); }
.e-workspace-badge--product { color: #c3a1ff; background: rgba(139,92,246,.17); }
.e-workspace-badge--research { color: #72e0df; background: rgba(6,182,212,.15); }
.e-workspace-badge--customer { color: #f3bf75; background: rgba(217,119,6,.16); }
.e-workspace-options { position: absolute; right: 0; bottom: calc(100% + .375rem); left: 0; z-index: 5; display: grid; gap: .25rem; max-height: 15rem; padding: .25rem; overflow-y: auto; border: 1px solid #2f3046; border-radius: .5rem; background: #12122a; box-shadow: 0 .75rem 1.5rem rgba(0,0,0,.35); }
.e-workspace-options[hidden] { display: none; }
.e-workspace-option { display: grid; width: 100%; min-width: 0; gap: .125rem; padding: .5rem; border: 0; border-radius: .375rem; background: transparent; color: #e5e7eb; font: inherit; font-size: .8125rem; text-align: left; }
.e-workspace-option-main { display: flex; min-width: 0; align-items: center; gap: .375rem; }
.e-workspace-option-main > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.e-workspace-option.is-active, .e-workspace-option.is-hovered { background: rgba(51,116,255,.16); color: #fff; outline: none; }
.e-workspace-content { min-width: 0; padding: .85rem .9rem; background: linear-gradient(145deg, rgba(18,24,46,.94), rgba(11,16,33,.98)); }
.e-workspace-content-head { display: flex; align-items: center; justify-content: space-between; padding-bottom: .65rem; border-bottom: 1px solid rgba(150,174,230,.13); color: #aebbd5; font-size: .65rem; }
.e-workspace-avatar { display: grid; width: 1.35rem; height: 1.35rem; place-items: center; border: 1px solid rgba(151,172,223,.28); border-radius: 50%; background: #25233d; color: #ded6ff; font-size: .48rem; font-weight: 750; }
.e-workspace-welcome { padding: 1.05rem 0 .85rem; }
.e-workspace-welcome > small { color: #798aa9; font-size: .56rem; font-weight: 750; letter-spacing: .08em; }
.e-workspace-welcome h3 { margin: .28rem 0 .2rem; color: #f3f4f6; font-size: clamp(.95rem, 1.5vw, 1.25rem); line-height: 1.25; }
.e-workspace-welcome p { margin: 0; color: #9ca3af; font-size: .65rem; line-height: 1.45; }
.e-workspace-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .4rem; }
.e-workspace-summary > div { display: flex; min-width: 0; align-items: center; gap: .35rem; padding: .48rem .4rem; border: 1px solid rgba(142,175,248,.18); border-radius: .5rem; background: rgba(13,20,41,.8); }
.e-workspace-summary-icon { display: grid; width: 1.2rem; height: 1.2rem; flex: 0 0 1.2rem; place-items: center; border-radius: .35rem; font-size: .75rem; }
.e-workspace-summary-icon.is-blue { color: #91bbff; background: rgba(51,116,255,.17); }
.e-workspace-summary-icon.is-purple { color: #c6a7ff; background: rgba(139,92,246,.18); }
.e-workspace-summary strong, .e-workspace-summary small { display: block; }
.e-workspace-summary strong { color: #e5edff; font-size: .72rem; }
.e-workspace-summary small { color: #8190ac; font-size: .54rem; }
.e-workspace-details { display: grid; gap: .5rem; margin-top: 1rem; animation: e-workspace-reveal .28s ease-out both; }
.e-workspace-details[hidden] { display: none; }
.e-workspace-details h4 { margin: 0 0 .45rem; color: #8190ac; font-size: .56rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.e-workspace-details ul { display: grid; gap: .35rem; margin: 0; padding: 0; list-style: none; }
.e-workspace-team { display: flex; min-width: 0; align-items: center; gap: .4rem; color: #8cb4ff; font-size: .65rem; line-height: 1.3; }
.e-workspace-team svg { width: .85rem; height: .85rem; flex: none; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.e-workspace-personas li { display: flex; min-width: 0; align-items: center; gap: .4rem; padding: .3rem .5rem; border: 1px solid rgba(142,175,248,.14); border-radius: .4rem; background: rgba(13,20,41,.55); }
.e-workspace-persona-avatar { position: relative; display: block; width: 1.35rem; height: 1.35rem; flex: 0 0 1.35rem; }
.e-workspace-persona-avatar img { display: block; width: 100%; height: 100%; border: 1px solid rgba(151,172,223,.28); border-radius: 50%; background: #112040; object-fit: cover; }
/* Use the shared orbit's spin and the Stack Stream's green thinking arc. */
.e-workspace-personas li:has(> small.is-thinking) .e-workspace-persona-avatar::after { content: ''; position: absolute; inset: -3px; border: 2px solid transparent; border-top-color: #22c55e; border-right-color: #22c55e; border-radius: 50%; pointer-events: none; animation: sg-persona-ring-spin 1.5s linear infinite; }
.e-motion-off .e-workspace-persona-avatar::after { animation: none !important; }
.e-page-hidden .e-workspace-persona-avatar::after, .js-enabled [data-workspace-demo]:not(.is-visible) .e-workspace-persona-avatar::after { animation-play-state: paused !important; }
.e-workspace-personas li > span { min-width: 0; color: #c7d9ff; font-size: .65rem; line-height: 1.3; }
.e-workspace-personas small { flex: none; margin-left: auto; padding: .2rem .35rem; border-radius: .25rem; background: rgba(142,175,248,.08); color: #9eacc5; font-size: .5rem; line-height: 1; }
.e-workspace-personas small.is-thinking { background: rgba(74,222,128,.1); color: #7ee6a5; }
@keyframes e-workspace-reveal { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
.e-workspace-pointer { position: absolute; top: 0; left: 0; z-index: 8; width: 1.5rem; height: 1.8rem; opacity: 0; pointer-events: none; transform: translate(0,0); transition: transform .42s cubic-bezier(.2,.75,.25,1), opacity .2s; }
.e-workspace-pointer svg { display: block; width: 100%; height: 100%; transition: filter .12s ease-out; }
[data-workspace-demo].is-playing .e-workspace-pointer { opacity: 1; }
.e-workspace-pointer.is-clicking svg { filter: drop-shadow(0 0 .35rem rgba(122,171,255,.9)); }
.e-motion-off [data-workspace-demo] .e-workspace-pointer { transition: none; }
.e-motion-off [data-workspace-demo] .e-workspace-pointer svg { transition: none; }
.e-motion-off [data-workspace-demo] .e-workspace-options { animation: none; }
.e-motion-off [data-workspace-demo] .e-workspace-details { animation: none; }
@media (max-width: 640px) {
  .e-workspace-app { min-height: 0; grid-template-columns: minmax(0,1fr); }
  .e-workspace-sidebar { width: min(100%, 20rem); min-height: 0; margin-inline: auto; border-inline: 1px solid #24243a; }
  .e-workspace-content { display: none; }
}
@media (max-width: 640px), (max-width: 1023px) and (pointer: coarse) {
  /* Match the access cursor: move an HTML wrapper in its parent's layout
     coordinates and keep click effects on the inner SVG. Foldable displays
     use this movement without collapsing the full workspace layout. */
  .e-workspace-pointer { z-index: 20; transform: none; transition: top .42s cubic-bezier(.2,.75,.25,1), left .42s cubic-bezier(.2,.75,.25,1), opacity .2s; }
}
.e-timeline { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .45rem; }
.e-timeline .e-card { padding: .65rem .5rem; text-align: center; }
.e-timeline .e-card strong { font-size: .7rem; }
.e-timeline .e-card small { font-size: .62rem; }
.e-cta { position: relative; overflow: hidden; padding: 7rem 0; border-top: 1px solid rgba(130,155,220,.18); text-align: center; background: radial-gradient(ellipse at 50% 100%, rgba(70,93,221,.2), transparent 60%); }
.e-cta::before { content: ""; position: absolute; inset: 10% 0 auto; height: 8rem; opacity: .42; pointer-events: none; background: repeating-linear-gradient(115deg, transparent 0 3.1rem, rgba(100,145,245,.18) 3.12rem 3.16rem, transparent 3.18rem 6rem); mask-image: linear-gradient(transparent, #000 70%, transparent); }
.e-cta .e-title { max-width: 76rem; margin-inline: auto; font-size: clamp(2.5rem, 5vw, 4.2rem); }
.e-cta .e-shell { display: flex; flex-direction: column; min-height: 16rem; }
.e-cta .marketing-text-flare { display: inline; }
.e-brand-inline { display: inline-flex; align-items: center; gap: .16em; margin-left: .18em; white-space: nowrap; vertical-align: -.06em; }
.e-brand-inline .site-logo-mark { width: .78em; height: .78em; flex: none; transform: translateY(.08em); }
.e-hero .e-brand-inline .site-logo-mark { transform: translateY(-.02em); }
.e-hero .e-lede .e-brand-inline > .brand-wordmark { transform: translateY(-1px); }
.e-cta .e-brand-inline .site-logo-mark { transform: none; background: transparent; }
.e-brand-inline--cluster .site-logo-mark { transform: none; }
.e-cta .e-lede { margin-inline: auto; }
.e-cta .e-actions { justify-content: center; margin-top: auto; padding-top: .8rem; }
.e-organization-signup { min-height: 3rem; font-size: .94rem; padding: .7rem 1.25rem; }
.e-cta .e-organization-signup { animation: none; }
.e-organization-intro { max-width: 43rem; margin-top: 2.7rem; }
.e-demo-request-divider { display: flex; align-items: center; gap: 1rem; width: min(100%, 36rem); margin: 1.95rem auto 1.05rem; color: #9ca9c4; font-size: .875rem; line-height: 1.5rem; }
.e-demo-request-divider::before, .e-demo-request-divider::after { content: ""; flex: 1; min-width: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(139,170,238,.28)); }
.e-demo-request-divider::after { transform: scaleX(-1); }
@media (max-width: 640px) { .e-cta .e-actions { flex-direction: column; align-items: stretch; } .e-cta .e-actions a { width: 100%; } }
.e-demo.is-visible .e-arrow, .e-demo.is-visible .e-line { animation: e-soft-pulse 1.6s ease-out 1 both; }
@keyframes e-soft-pulse { from { opacity: .45; } to { opacity: 1; } }
.e-page-hidden .e-demo .e-arrow, .e-page-hidden .e-demo .e-line, .e-motion-off .e-demo .e-arrow, .e-motion-off .e-demo .e-line { animation: none !important; }
@media (max-width: 980px) { .e-hero-grid, .e-section-grid { grid-template-columns: 1fr; } .e-hero { min-height: 0; padding-top: 9rem; } .e-hero .e-copy, .e-section .e-copy { max-width: 43rem; } .e-section:nth-of-type(even) .e-copy, .e-section:nth-of-type(even) .e-visual { order: initial; } .e-section .e-copy { order: 1 !important; } .e-section .e-visual { order: 2 !important; } }
@media (max-width: 640px) { .e-shell { width: min(100% - 2rem, 76rem); } .e-hero { padding: 8rem 0 4rem; } .e-section { padding: 4.5rem 0; } .e-demo { min-height: 0; } .e-demo-body { padding: 1rem; } .e-team { grid-template-columns: 1fr; } .e-library { flex-wrap: wrap; } .e-matrix { grid-template-columns: 3.5rem repeat(5, minmax(0, 1fr)); gap: .2rem; } .e-matrix > * { font-size: .5rem; } .e-library, .e-timeline { grid-template-columns: 1fr; } .e-actions .e-button { width: 100%; } .e-audit-toolbar { align-items: flex-start; } .e-audit-filters { gap: .28rem; } .e-audit-filter { padding-inline: .45rem; font-size: .6rem; } .e-audit-columns, .e-audit-row { grid-template-columns: 3.6rem minmax(0, 1fr); gap: .45rem; } .e-audit-columns span:last-child { display: none; } .e-audit-actor { grid-column: 2; grid-row: 2; font-size: .6rem; } .e-audit-event { grid-column: 2; } .e-audit-list { grid-auto-rows: 4.8rem; min-height: 30.3rem; } }
@media (max-width: 640px), (max-width: 1023px) and (pointer: coarse) {
  .e-hero { --hero-header-clearance: calc(4.5rem + env(safe-area-inset-top)); height: 100svh; min-height: 100svh; padding: 0; }
  .e-hero-grid { height: 100%; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 3fr) minmax(0, 2fr); align-items: stretch; gap: 0; }
  #enterprise-ai-teams .e-visual { order: -1; min-height: 0; padding: var(--hero-header-clearance) 0 1rem; }
  .e-hero-orbit-scene { width: 100%; height: 100%; padding: 0; }
  .e-hero-orbit { width: min(100%, calc(60svh - var(--hero-header-clearance) - 3rem), 28.125rem); }
  .e-hero-orbit-shadow { bottom: .25rem; width: 40%; }
  #enterprise-ai-teams .e-copy { display: flex; min-height: 0; flex-direction: column; justify-content: space-evenly; gap: clamp(.375rem, 1svh, .75rem); padding-top: clamp(.5rem, 1svh, .75rem); padding-bottom: max(.75rem, env(safe-area-inset-bottom)); }
  #enterprise-ai-teams .e-actions { display: flex; margin-top: 0; }
  #enterprise-ai-teams .e-actions .e-button-secondary { display: none; }
  .e-hero .e-title { margin: 0; font-size: clamp(1.35rem, min(7vw, 5.2svh), 2.5rem); }
  .e-hero .e-lede { font-size: clamp(1rem, min(4.5vw, 2.6svh), 1.2rem); line-height: 1.4; }
}
@media (max-width: 640px) and (max-height: 480px), (max-width: 1023px) and (pointer: coarse) and (max-height: 480px) {
  #enterprise-ai-teams .e-copy { gap: .25rem; padding-block: .25rem; }
  .e-hero .e-title { font-size: clamp(1rem, min(5vw, 4.5svh), 1.4rem); }
  .e-hero .e-title .e-gradient { line-height: 1.12; }
  .e-hero .e-lede { font-size: clamp(.8rem, min(3.5vw, 2.8svh), .95rem); line-height: 1.3; }
}
@media (max-width: 640px) { .e-deep-link--provider { display: flex; width: 100%; max-width: 100%; min-width: 0; flex-wrap: wrap; justify-content: flex-start; text-align: left; } .e-deep-link--provider::after { display: none; } .e-deep-link--provider .e-provider-feature-target::after { content: "↗"; font-size: .8em; } }
@media (prefers-reduced-motion: reduce) { .enterprise-page *, .enterprise-page *::before, .enterprise-page *::after { animation: none !important; scroll-behavior: auto !important; transition-duration: .01ms !important; } }
@media (prefers-reduced-motion: reduce) { .e-access-demo .e-access-node.is-pruned, .e-access-demo .e-access-spoke.is-pruned, .e-access-demo .e-access-cursor { visibility: hidden; } }