/* Name the two complementary systems where their capabilities are demonstrated. */
.concept-kicker { display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px; }
.concept-label { display:inline-flex;align-items:center;padding:4px 9px;border-radius:7px;font-size:13px;line-height:1.2;font-weight:550;letter-spacing:.015em;flex:none; }
.brain-head .concept-label { background:#77badd1c;border:1px solid #9ccbe647;color:#d5edfb; }
.learning-copy .concept-label { background:#77977d24;border:1px solid #5d806733;color:#315741; }
.brain-teaser p,.learning-entry p { letter-spacing:.01em; }
/* The stage labels occupy a clear, opaque foreground outside the particle path. */
.restored-learning .loop-node { z-index:5;opacity:1!important;font-size:13px;font-weight:500;line-height:1.2;padding:7px 10px;border:1px solid #78917b36;border-radius:99px;background:#e2e8da;color:#3e5f48;box-shadow:0 0 0 4px #e2e8da;white-space:nowrap;gap:7px;isolation:isolate; }
.restored-learning .loop-node.is-current { background:#d3e0cd;color:#264b35;border-color:#6b927866; }
.restored-learning .loop-node-0 { top:9px;bottom:auto;left:50%;right:auto;transform:translateX(-50%); }
.restored-learning .loop-node-1 { top:26%;bottom:auto;right:0;left:auto; }
.restored-learning .loop-node-2 { bottom:24%;top:auto;right:0;left:auto; }
.restored-learning .loop-node-3 { bottom:10px;top:auto;left:50%;right:auto;transform:translateX(-50%); }
.restored-learning .loop-node-4 { bottom:24%;top:auto;left:0;right:auto; }
.restored-learning .loop-node-5 { top:26%;bottom:auto;left:0;right:auto; }
.restored-learning .loop-node i { width:8px;height:8px;flex:none; }
/* Seven plan benefits use one clear vertical list with typographic dashes. */
.plan-inclusions { margin:24px 0 30px; }
.plan-inclusions .plan-features { display:flex;flex-direction:column;gap:10px;max-width:390px;margin:0;padding:0;list-style:none; }
.plan-inclusions .plan-features li { display:flex;align-items:baseline;gap:12px;flex:0 0 auto;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none; }
.plan-features .feature-name { color:#3e5b6b;font-size:16px;font-weight:450;line-height:1.65;letter-spacing:0;white-space:normal; }
/* A single spacious row separates the conversation sequence from layer inspection. */
.brains .brain-turn-controls { top:266px;left:var(--gutter);right:var(--gutter);width:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1fr);gap:20px; }
.brain-turn-controls button { min-height:44px;padding:10px 18px;font-size:13px;background:#17334580;border-color:#7ea9bb55;transition:background 180ms ease,color 180ms ease,border-color 180ms ease; }
.brain-turn-controls button:hover { background:#2a4d61;color:#e3f2f6;border-color:#99c6d080; }
.brain-turn-controls button[aria-pressed=true] { background:#cce5e8;color:#17394e;border-color:#cce5e8; }
.brain-turn-controls #brainLayers { margin-left:28px; }
.brain-turn-controls>span { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap; }
@media(max-width:1100px) and (min-width:761px) {
 .brains .brain-turn-controls { top:252px;gap:14px; }
 .brain-turn-controls #brainLayers { margin-left:14px; }
}
@media(max-width:760px) {
 .concept-label { font-size:12px;padding:4px 8px; }
 .brain-head .concept-kicker { gap:7px; }.brain-head .concept-kicker>span:last-child { font-size:11px; }
 .restored-learning .loop-node { font-size:12px;padding:6px 8px;gap:6px; }
 .restored-learning .loop-node i { width:7px;height:7px; }
 .learning-focus { top:44px;left:2%;font-size:11px; }
 .restored-learning .learning-day-badge { top:8px;right:2%;font-size:23px; }
}

.restored-learning .learning-center span { text-wrap:balance; }

@media(max-width:760px) {
 .brains .brain-turn-controls { top:246px;left:24px;right:24px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
 .brain-turn-controls button { padding:10px 6px;font-size:12px; }
 .brain-turn-controls #brainLayers { margin-left:0; }
 .brains.has-manual-step .brain-sticky { min-height:830px; }
}
@media(prefers-reduced-motion:reduce) {
 .brains .brain-turn-controls { position:static;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:25px; }
 .brain-turn-controls button { transition:none; }
}
@media(min-width:761px) {
 .brains .brain-stage { top:350px;height:300px;transform:none;grid-template-rows:minmax(0,1fr); }
 .brains .brain-output { top:50%; }
}
.brains.has-manual-step .brain-caption { display:none; }

/* Keep the entry title on one baseline and the projected layers below controls. */
.brains .brain-teaser strong { white-space:nowrap;font-size:clamp(23px,4.5vw,62px);line-height:1.25; }
#agents .section-heading>p,#scenarios .section-heading>p { align-self:start;margin:0;font-size:14px;line-height:1.6; }
@media(min-width:761px) {
 .brains .brain-layer { height:220px;margin-top:-110px; }
}
@media(max-width:760px) {
 .brains .brain-sticky { min-height:830px; }
 .brains .brain-stage { top:430px;height:240px;transform:none; }
 .brains .brain-input { display:block;top:364px;bottom:auto;left:24px;right:24px; }
 .brains .brain-input>span { display:none; }
 .brains .brain-input p { font-size:12px;line-height:1.6;margin:0; }
 .brains .brain-output { top:72%; }
 .brains .brain-legend { top:calc(100% + 30px); }
 .brains .brain-callout b { font-size:11px;line-height:1.5; }
 #agents .section-heading>p,#scenarios .section-heading>p { font-size:13px; }
}
@media(prefers-reduced-motion:reduce) {
 .brains .brain-stage { position:static;transform:none;height:auto; }
 .brains .brain-input { position:static; }
}

.brains .brain-caption p { display:none; }

/* Paired headings: top-aligned editorial caption and a clear semantic accent. */
.coordinated-heading { --heading-accent:#0072e5;--eyebrow-ink:#42596b;align-items:start; }
#agents .coordinated-heading>.section-eyebrow,#scenarios .coordinated-heading>.section-eyebrow {
 display:flex;align-items:flex-start;gap:38px;align-self:start;margin:0;padding-top:4px;
 font-size:14px;line-height:1.55;color:var(--eyebrow-ink);
}
.eyebrow-mark { flex:none;color:#243944;line-height:1.55; }
.eyebrow-copy { display:inline-block;max-width:230px; }
.heading-highlight { color:var(--heading-accent); }
@supports ((background-clip:text) or (-webkit-background-clip:text)) {
 .eyebrow-copy {
  background-image:linear-gradient(105deg,var(--eyebrow-ink) 0%,var(--eyebrow-ink) 36%,var(--heading-accent) 46%,#4c9ce5 50%,var(--heading-accent) 54%,var(--eyebrow-ink) 64%,var(--eyebrow-ink) 100%);
  background-size:300% 100%;background-position:100% 0;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation:captionLightSweep 3.5s linear infinite;animation-play-state:paused;
 }
 .coordinated-heading.heading-entered.is-heading-visible .eyebrow-copy { animation-play-state:running; }
}
@keyframes captionLightSweep {
 0%,18% { background-position:100% 0; }
 68%,100% { background-position:0% 0; }
}
@media(max-width:760px) {
 #agents .coordinated-heading>.section-eyebrow,#scenarios .coordinated-heading>.section-eyebrow { gap:22px;padding-top:0;font-size:13px; }
 .coordinated-heading { gap:22px; }
}
@media(prefers-reduced-motion:reduce) {
 .eyebrow-copy { animation:none;background:none;color:var(--eyebrow-ink); }
}

/* The scenario owns its recording panel; revealing it never changes page flow. */
.caption-controls,.caption-track { display:contents; }
.caption-play { display:none; }
.case-visual .call-caption {
 left:24px;right:24px;bottom:24px;top:auto;width:auto;max-width:none;margin:0;padding:15px 17px;
 border:1px solid #ffffff38;border-radius:22px;background:linear-gradient(135deg,#243e5066,#132b3d99);
 backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);
 color:#f1f8fb;box-shadow:inset 0 1px 0 #ffffff29,0 12px 32px #071d3026;cursor:default;user-select:text;
}
.case-visual .caption-top { color:#edf6fa;font-size:12px;gap:8px; }
.case-visual .recording-dot { background:#c6e4d9;flex:none; }
.case-visual #callTime { font-size:11px;color:#e0edf3;white-space:nowrap; }
.case-visual #closeCaption { min-width:28px;min-height:28px;padding:0;display:grid;place-items:center;color:#e7f1f6; }
.case-visual #captionText { display:none; }
.case-visual .caption-controls { display:flex;align-items:center;gap:14px;margin-top:7px; }
.case-visual .caption-play { display:grid;place-items:center;width:40px;height:40px;flex:none;border:1px solid #ffffff73;border-radius:50%;background:#eef6f1;color:#264454;transition:background 150ms ease; }
.case-visual .caption-play:hover { background:#fff; }
.case-visual .caption-play .ui-icon { width:18px;height:18px; }
.case-visual .caption-track { display:block;position:relative;min-width:0;flex:1;height:36px;border-radius:6px; }
.case-visual .caption-wave { height:36px;justify-content:space-between;gap:1px; }
.case-visual .caption-wave i { background:#d0eae4;opacity:.8;flex:0 1 2px;min-width:1px; }
.case-visual #audioSeek { position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer; }
.case-visual .caption-track:focus-within { outline:2px solid #edf8ff;outline-offset:4px; }
.case-visual .caption-error { margin:9px 0 0;min-height:0;font-size:12px;line-height:1.5;color:#fbe5df; }
.case-visual:has(.call-caption:not([hidden])) .case-photo-note { visibility:hidden; }
@media(max-width:760px) {
 .case-visual .call-caption { left:14px;right:14px;top:14px;bottom:auto;padding:12px 13px;border-radius:18px; }
 .case-visual .caption-top { font-size:11px;gap:6px; }
 .case-visual .recording-dot { display:none; }
 .case-visual #callTime { font-size:10px; }
 .case-visual .caption-controls { gap:11px; }
 .case-visual .caption-play { width:36px;height:36px; }
}
@media(prefers-reduced-motion:reduce) { .caption-play { transition:none; } }

@media(max-width:760px) {
 .plan-inclusions { margin-top:20px;margin-bottom:28px; }
 .plan-inclusions .plan-features { gap:8px; }
 .plan-features .feature-name { font-size:15px; }
}

.plan-features .feature-dash { color:#3e5b6b;font-size:16px;line-height:1.65;flex:none; }