/* Three focused task stories. Existing launch composition stays intact. */
#possibilities .tabs button { font-size:14px; line-height:1.35; padding-inline:14px; }
#workflow-panel[data-workflow]:not([data-workflow="launch"]) { grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr); column-gap:42px; row-gap:0; }
#workflow-panel:not([data-workflow="launch"]) #example-title { white-space:pre-line; font-size:clamp(32px,3.15vw,46px); line-height:1.08; max-width:490px; }
#workflow-panel:not([data-workflow="launch"]) #example-copy { font-size:15px; line-height:1.65; max-width:395px; margin-top:20px; }
#workflow-panel:not([data-workflow="launch"]) #example-kicker { color:#797980; margin-bottom:18px; }
#workflow-panel:not([data-workflow="launch"]) .workflow-flow { display:none; }
.task-starting-point { margin-top:26px; max-width:405px; padding-top:20px; border-top:1px solid #dedee2; }
.task-source { display:flex; align-items:center; gap:11px; }
.task-source svg { width:21px; height:25px; color:#717178; flex-shrink:0; }
.task-source span { display:block; font-size:13px; line-height:1.5; color:#46464b; }
.task-source small { display:block; margin-top:2px; font-size:11px; line-height:1.45; color:#7b7b82; }
#workflow-panel:not([data-workflow="launch"]) .workflow-copy>.button { margin-top:25px; }
.case-art.task-art { margin:0; height:auto; aspect-ratio:auto; background:transparent; }
.case-art.task-art>img { width:100%; height:auto; aspect-ratio:3/2; object-fit:contain; }
.task-art figcaption { font-size:11px; color:#85858c; text-align:center; line-height:1.5; padding:12px 15px 0; }
#possibilities { background:#fafafa; }
#possibilities .workflow-visual { align-self:center; }
@media(min-width:1100px) { #workflow-panel:not([data-workflow="launch"]) { min-height:530px; } }
@media(max-width:900px) {
 #possibilities .tabs button { font-size:12px; padding-inline:8px; }
 #workflow-panel[data-workflow]:not([data-workflow="launch"]) { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); column-gap:24px; }
 #workflow-panel:not([data-workflow="launch"]) #example-title { font-size:34px; }
 #workflow-panel:not([data-workflow="launch"]) #example-copy { font-size:14px; }
}
@media(max-width:700px) {
 #possibilities .tabs { display:grid; grid-template-columns:1fr 1fr; border:0; column-gap:14px; margin-bottom:30px; }
 #possibilities .tabs button { min-height:58px; border-bottom:1px solid #dddde1; font-size:12px; }
 #possibilities .tabs button[aria-selected="true"] { border-bottom:2px solid var(--ink); }
 #workflow-panel[data-workflow]:not([data-workflow="launch"]) { display:flex; flex-direction:column; align-items:stretch; gap:22px; }
 #workflow-panel:not([data-workflow="launch"]) .workflow-copy { display:contents; }
 #workflow-panel:not([data-workflow="launch"]) #example-kicker { display:none; }
 #workflow-panel:not([data-workflow="launch"]) #example-title { order:0; font-size:36px; margin:0; }
 #workflow-panel:not([data-workflow="launch"]) #example-copy { order:1; margin:0; max-width:440px; }
 #workflow-panel:not([data-workflow="launch"]) .workflow-visual { order:2; width:100%; }
 #workflow-panel:not([data-workflow="launch"]) .task-starting-point { order:3; margin:0; max-width:none; }
 #workflow-panel:not([data-workflow="launch"]) .workflow-copy>.button { order:4; align-self:flex-start; margin:0; }
 .task-art figcaption { font-size:10px; padding-top:5px; }
}

/* All task scenes share the approved launch motion and transform origin. */
.workflow-parallax-stage { position:relative; width:100%; isolation:isolate; }
.shared-parallax-layer { position:absolute; pointer-events:none; transform:translate3d(var(--layer-x,0px),var(--layer-y,0px),0) rotate(var(--layer-turn,0deg)); transform-origin:50% 65%; }
.shared-parallax-layer img { display:block; width:100%; height:auto; }
.shared-parallax-layer.layer-shadow { filter:drop-shadow(0 8px 9px #121e311c); }
.motion-enabled .shared-parallax-layer[data-parallax-role] { will-change:transform; }
@media(prefers-reduced-motion:reduce) {
 .shared-parallax-layer { transform:none; will-change:auto; }
}

/* Keep the square supplied ad composition within the existing section height. */
#case-market .workflow-parallax-stage { max-width:640px; margin-inline:auto; }

/* Prompt UI follows the supplied white, lime and deep navy controls. */
#possibilities .task-art > figcaption { display:none; }
.workflow-prompt {
 --prompt-lime:#e1ff00; --prompt-ink:#050030;
 position:relative; z-index:5; display:flex; align-items:flex-start; gap:14px;
 width:calc(100% - 28px); max-width:620px; min-height:92px;
 margin:-18px auto 0; padding:17px 18px; border:2px solid var(--prompt-lime); border-radius:22px;
 background:#fff; color:var(--prompt-ink); box-shadow:0 3px 12px #05003006;
}
.workflow-ai-badge { display:grid; place-items:center; flex:0 0 40px; width:40px; height:40px; border-radius:50%; background:var(--prompt-lime); color:var(--prompt-ink); }
.workflow-prompt-icon { width:25px; height:25px; }
.workflow-prompt-body { flex:1; min-width:0; }
.workflow-prompt-heading { display:flex; align-items:center; gap:8px; min-height:18px; margin-bottom:5px; }
.workflow-prompt-heading > p { font-size:10px; font-weight:500; line-height:1.4; color:#737280; margin:0; }
.workflow-prompt blockquote { position:relative; margin:0; padding:0; border:0; font-size:13px; font-weight:400; line-height:1.55; letter-spacing:-.012em; color:var(--prompt-ink); overflow-wrap:anywhere; }
.prompt-readable { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.prompt-word { display:inline-block; white-space:nowrap; }
.prompt-char { position:relative; opacity:0; }
.prompt-char.is-revealed { opacity:1; }
.prompt-char.is-cursor::after { content:""; position:absolute; left:100%; top:.08em; width:1.5px; height:1.05em; background:var(--prompt-ink); }
@media(max-width:900px) and (min-width:701px) {
 .workflow-prompt { width:100%; gap:11px; padding:14px; margin-top:0; }
 .workflow-prompt blockquote { font-size:12px; }
}
@media(max-width:700px) {
 .workflow-prompt { width:100%; min-height:0; margin-top:4px; padding:15px; gap:11px; border-radius:19px; }
 .workflow-ai-badge { flex-basis:34px; width:34px; height:34px; }
 .workflow-prompt-icon { width:23px; height:23px; }
 .workflow-prompt blockquote { font-size:13px; line-height:1.5; }
}
@media(prefers-reduced-motion:reduce) {
 .prompt-char { opacity:1; }
 .prompt-char.is-cursor::after { display:none; }
}

/* A quiet two-row channel list, shared by all four tabs below the left CTA. */
#possibilities .workflow-copy > .social-channels {
 display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start;
 width:max-content; max-width:100%; margin:64px 0 0; gap:12px;
}
#possibilities .workflow-copy > .social-channels .social-channels-label {
 font-size:11px; line-height:1.5; color:#79797f;
}
#possibilities .workflow-copy > .social-channels ul {
 display:grid; grid-template-columns:repeat(5,24px); justify-content:start;
 column-gap:18px; row-gap:12px;
}
#possibilities .workflow-copy > .social-channels li { width:24px; height:24px; }
#possibilities .workflow-copy > .social-channels img { width:19px; height:19px; opacity:.62; }
@media(max-width:700px) {
 #workflow-panel:not([data-workflow="launch"]) .workflow-copy > .social-channels {
  order:5; align-self:flex-start; margin-top:40px;
 }
}

/* Prompt bar sits in the copy column, directly under the description. */
.workflow-copy > .workflow-prompt { width:100%; max-width:470px; margin:28px 0 0; }
@media(max-width:900px) and (min-width:701px) { .workflow-copy > .workflow-prompt { margin-top:22px; } }
@media(max-width:700px) {
 .workflow-copy > .workflow-prompt { max-width:none; margin-top:22px; }
 #workflow-panel:not([data-workflow="launch"]) .workflow-copy > .workflow-prompt { order:1; margin:0; }
}

/* Tabs rotate on their own: the active tab's underline fills as a progress bar. */
#possibilities .tabs button { position:relative; }
#possibilities .tabs button[aria-selected="true"] { border-bottom-color:transparent; }
#possibilities .tabs button::after {
 content:""; position:absolute; left:0; right:0; bottom:-1px; height:2px;
 background:var(--ink); transform:scaleX(0); transform-origin:left center; pointer-events:none;
}
#possibilities .tabs button[aria-selected="true"]::after { transform:scaleX(1); }
#possibilities .tabs.is-rotating button[aria-selected="true"]::after {
 animation:tab-progress var(--tab-duration,7s) linear forwards;
}
#possibilities .tabs.is-rotating.is-paused button[aria-selected="true"]::after { animation-play-state:paused; }
@keyframes tab-progress { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@media(max-width:700px) {
 #possibilities .tabs button[aria-selected="true"] { border-bottom:1px solid #dddde1; }
}

/* Each switch fades in softly instead of snapping. */
#workflow-panel.is-switching .workflow-copy > :is(.eyebrow,h3,p),
#workflow-panel.is-switching .case-art:not([hidden]) { animation:case-in .45s ease both; }
@keyframes case-in { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:none; } }
@media(prefers-reduced-motion:reduce) {
 #workflow-panel.is-switching .workflow-copy > :is(.eyebrow,h3,p),
 #workflow-panel.is-switching .case-art:not([hidden]) { animation:none; }
}

/* The prompt is the explanation now; the separate description stays hidden. */
#possibilities #example-copy { display:none; }
.workflow-copy > .workflow-prompt { margin-top:30px; }
@media(max-width:700px) { .workflow-copy > .workflow-prompt { margin-top:22px; } }

/* Breathing room: kicker, headline, prompt and button read as separate beats. */
@media(min-width:701px) {
 #possibilities #workflow-panel #example-kicker { margin-bottom:28px; }
 #possibilities #workflow-panel .workflow-copy > .workflow-prompt { margin-top:48px; padding:20px 22px; gap:16px; }
 #possibilities #workflow-panel .workflow-copy > .task-starting-point { margin-top:32px; }
 #possibilities #workflow-panel .workflow-copy > .button { margin-top:48px; }
}
@media(min-width:1100px) {
 #possibilities #workflow-panel .workflow-copy > .workflow-prompt { margin-top:60px; }
 #possibilities #workflow-panel .workflow-copy > .button { margin-top:56px; }
}
@media(max-width:700px) {
 #possibilities #workflow-panel[data-workflow] { row-gap:30px; }
 #possibilities #workflow-panel[data-workflow="launch"] .workflow-copy > .workflow-prompt { margin-top:30px; }
 #possibilities #workflow-panel[data-workflow="launch"] .workflow-copy > .button { margin-top:32px; }
}
/* The prompt already names the input files, so the separate source line goes. */
#possibilities #task-starting-point { display:none; }

/* Header "Book a demo" sits on the dark hero: hover dims like the other nav links instead of turning dark. */
main .header .header-demo.text-link:hover { color:#fff; opacity:.75; }