/* The page is the workspace; only the incoming message and outputs are cards. */
.signal-demo{--signal-ink:#202a24;--signal-muted:#647269;--signal-accent:#315c43;color:var(--signal-ink);background:none;border:0;border-radius:0;margin-top:52px}
.signal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}.signal-toolbar>div{display:flex;align-items:center;gap:22px}.signal-demo .meta{font-size:11px;letter-spacing:.05em;color:var(--signal-muted)}.signal-replay{font:inherit;font-size:12px;border:0;background:transparent;cursor:pointer;color:var(--signal-ink);padding:8px 0 8px 12px}.signal-replay span{margin-left:8px}.signal-stage{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:clamp(30px,5vw,80px);align-items:start}.signal-input{padding:28px;background:#fff;border:1px solid #243c291c;border-radius:8px;box-shadow:0 4px 24px #25352904}.signal-step{display:block;margin-bottom:24px}.radio-label{display:flex;gap:12px;align-items:center;font-size:14px}.radio-label svg{height:32px;width:24px;color:var(--signal-accent);flex-shrink:0}.radio-label small{display:block;font-size:12px;color:var(--signal-muted);margin-top:4px}.radio-dot{height:6px;width:6px;margin-left:auto;background:#63836c;border-radius:50%}.radio-wave{display:flex;gap:3px;align-items:center;height:40px;margin:26px 0 16px;overflow:hidden}.radio-wave i{height:calc(var(--h) * .75);flex:1;max-width:3px;border-radius:2px;background:#62856b;opacity:.7}.signal-input blockquote{position:relative;font-size:clamp(20px,1.9vw,27px);line-height:1.4;font-weight:400;letter-spacing:-.025em;margin:0 0 24px;min-height:120px}.radio-typed,.reason-typed{display:none}.signal-demo.is-enhanced .radio-copy,.signal-demo.is-enhanced .reason-copy{opacity:0}.signal-demo.is-enhanced .radio-typed,.signal-demo.is-enhanced .reason-typed{display:block;position:absolute;inset:0}.signal-input>.meta:last-child{font-size:10px}.signal-workspace{min-width:0;padding-top:12px}.engine-heading{display:flex;align-items:center;gap:12px;margin-bottom:25px}.engine-heading img{width:18px;height:30px;object-fit:contain}.engine-name{font-size:20px;font-weight:450;letter-spacing:-.03em}.engine-status{margin-left:auto;font-size:11px;color:var(--signal-muted)}.engine-narrative{border-left:1px solid #294d3530;padding-left:24px;margin-left:8px}.engine-narrative p{font-size:16px;line-height:1.65;color:var(--signal-muted);margin:0 0 12px;position:relative}.engine-narrative p:last-child{color:var(--signal-ink);margin-bottom:0}.signal-deliverables{margin-top:32px}.signal-deliverables>.signal-step{margin-bottom:15px}.signal-output-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.signal-output{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:18px;text-align:left;min-height:146px;width:100%;padding:18px 16px;background:#fff9;border:1px solid #283d2f26;border-radius:7px;color:var(--signal-ink);cursor:pointer;transition:opacity .6s ease,background .3s,border-color .3s}.signal-output>svg:first-child{width:23px;height:23px;flex-shrink:0;color:var(--signal-accent)}.signal-output strong{display:block;font-size:14px;line-height:1.3;font-weight:500}.signal-output small{display:block;font-size:10px;line-height:1.5;margin-top:7px;color:var(--signal-muted)}.signal-output .arrow{position:absolute;right:16px;top:20px;width:18px;transition:transform .3s}.signal-output:hover,.signal-output[aria-selected=true]{background:#fff;border-color:#63836c}.signal-output:hover .arrow{transform:translateX(3px)}.output-hint{display:block;margin-top:14px;font-size:11px;color:var(--signal-muted)}.signal-demo button:focus-visible,.signal-detail:focus-visible,.signal-source summary:focus-visible{outline:2px solid #315c43;outline-offset:4px}.signal-engine,.signal-deliverables,.signal-foot,.signal-source{transition:opacity .7s ease}.signal-detail:not([hidden]){display:grid;grid-template-columns:1fr 1.4fr;gap:40px;margin-top:30px;padding:30px;background:#fff8;border:1px solid #283d2f20;border-radius:7px;animation:signal-fade .5s ease both}.signal-detail h3{font-weight:450;font-size:clamp(23px,2.5vw,32px);line-height:1.2;letter-spacing:-.035em;margin:12px 0 0;color:var(--signal-ink)}.signal-detail p{font-size:16px;line-height:1.6;margin:0 0 20px;color:var(--signal-muted)}.signal-detail .tag{background:#e6ece3;color:#315c43;font-size:11px;border:0}.signal-source{margin-top:28px;font-size:12px;color:var(--signal-muted)}.signal-source summary{cursor:pointer;width:fit-content}.signal-source p{font-size:14px;line-height:1.8;margin-top:18px}.signal-source strong{font-weight:500;color:var(--signal-ink)}.signal-foot{display:flex;justify-content:space-between;gap:20px;margin-top:24px;font-size:12px;color:var(--signal-muted)}
/* Reserve layout space without exposing upcoming stages or focus targets. */
.is-enhanced:not(.show-reasoning) .signal-engine,.is-enhanced:not(.show-outputs) .signal-deliverables,.is-enhanced:not(.is-complete) .signal-foot,.is-enhanced:not(.is-complete) .signal-source{opacity:0;visibility:hidden;pointer-events:none}.is-enhanced .signal-output:not(.is-ready){opacity:0;visibility:hidden;pointer-events:none}.is-receiving .radio-wave i{animation:signal-wave .75s ease-in-out infinite alternate}.radio-wave i:nth-child(3n){animation-delay:-.4s}.radio-wave i:nth-child(2n){animation-delay:-.2s}.is-receiving .radio-typed:after,.reason-typed.is-typing:after{content:'';display:inline-block;height:1em;width:2px;margin-left:3px;background:#4c7257;vertical-align:-2px;animation:signal-blink .75s steps(2,end) infinite}@keyframes signal-wave{from{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes signal-blink{to{opacity:0}}@keyframes signal-fade{from{opacity:0}to{opacity:1}}
@media(max-width:1000px){.signal-stage{grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:30px}.signal-output-list{grid-template-columns:1fr}.signal-output{min-height:80px;flex-direction:row;align-items:center;padding:16px;gap:14px}.signal-output span{padding-right:20px}.signal-output .arrow{top:30px}.signal-output strong{font-size:15px}.signal-output small{margin-top:4px}.signal-input{padding:24px}.signal-input blockquote{font-size:23px}.engine-status{font-size:10px}}
@media(max-width:680px){.signal-stage{grid-template-columns:1fr;gap:28px}.signal-input blockquote{min-height:75px}.signal-toolbar{margin-bottom:20px}.signal-toolbar>div>.meta{display:none}.signal-workspace{padding-top:0}.engine-narrative{padding-left:20px}.signal-detail:not([hidden]){grid-template-columns:1fr;padding:24px;gap:22px}.signal-foot{line-height:1.6}.signal-foot>.meta{display:none}.signal-demo{margin-top:32px}}
@media(prefers-reduced-motion:reduce){.signal-demo *,.signal-demo *:after{animation:none!important;transition:none!important}}

/* Three-column flow with lift confined to the reasoning panel. */
.signal-demo{padding:0;background:transparent;border-radius:0;box-shadow:none}
.signal-engine{padding:22px;background:rgba(255,255,255,.38);border-radius:9px;box-shadow:0 3px 24px rgba(31,48,36,.04),0 0 0 1px rgba(31,48,36,.035)}
.signal-stage{position:relative;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) minmax(0,1fr);column-gap:clamp(42px,5vw,78px);align-items:center}
.signal-input,.signal-engine,.signal-deliverables{position:relative;z-index:1;min-width:0}
.signal-input{padding:24px;box-shadow:none}.signal-input blockquote{font-size:clamp(20px,1.7vw,25px)}
.engine-heading{flex-wrap:wrap;gap:10px;margin-bottom:18px}.engine-status{font-size:10px}.engine-name{font-size:19px}
.engine-narrative{border:0;padding:0;margin:0;display:grid;gap:12px}
.engine-narrative p{margin:0;padding:17px 18px;background:#ffffffb3;border:1px solid #283d2f1c;border-radius:7px;font-size:14px;line-height:1.6;transition:opacity .5s}
.signal-demo.is-enhanced .reason-typed{inset:17px 18px}
.signal-deliverables{margin:0}.signal-output-list{grid-template-columns:1fr;gap:14px}.signal-output{flex-direction:row;align-items:center;gap:12px;min-height:96px;padding:18px 15px;background:#ffffffb3}.signal-output span{padding-right:20px}.signal-output .arrow{top:22px;right:12px}.signal-output strong{font-size:15px}.signal-output small{font-size:10px}
.signal-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;color:#6c8a75;z-index:0}
.signal-wires>path{fill:none;stroke:currentColor;stroke-width:1.6;stroke-dasharray:1 7;stroke-linecap:round;marker-end:url(#signal-arrowhead);animation:signal-dots 1.8s linear infinite;transition:opacity .5s}
.is-enhanced:not(.show-reasoning) .wire-input,.is-enhanced .wire-output:not(.is-ready){opacity:0}
.is-enhanced .engine-narrative p:not(.is-ready){opacity:0;visibility:hidden}
@keyframes signal-dots{to{stroke-dashoffset:-32}}
@media(max-width:1100px) and (min-width:801px){.signal-engine{padding:16px}.signal-stage{column-gap:36px}.signal-input{padding:18px}.engine-narrative p{padding:14px;font-size:13px}.signal-demo.is-enhanced .reason-typed{inset:14px}.engine-status{margin-left:28px}.signal-output{padding:15px 12px;gap:9px}.signal-output strong{font-size:13px}.signal-output .arrow{width:15px;right:8px}.signal-input blockquote{font-size:21px}}
@media(max-width:800px){.signal-demo{padding:0}.signal-stage{grid-template-columns:1fr;gap:60px}.signal-input{padding:24px}.signal-input blockquote{min-height:75px}.signal-engine{margin:0;padding:22px}.signal-deliverables{margin-left:26px}.signal-output{min-height:88px;padding:18px}.signal-output strong{font-size:16px}.engine-narrative p{font-size:15px}.signal-foot{line-height:1.6}.signal-foot>.meta{display:none}.signal-toolbar>div>.meta{display:none}.signal-detail:not([hidden]){grid-template-columns:1fr;gap:20px}}
@media(prefers-reduced-motion:reduce){.signal-wires>path{animation:none!important;transition:none!important}}

.signal-wires>.wire-trunk{marker-end:none}.is-enhanced:not(.show-outputs) .wire-trunk{opacity:0}

/* Quiet processing surface, larger reading sizes. */
.signal-engine{background:rgba(39,60,49,.045);box-shadow:none;border:1px solid rgba(39,60,49,.055)}
.engine-heading img{width:14px;height:24px;opacity:.45}
.engine-heading{min-height:24px;flex-wrap:nowrap;gap:12px;margin-bottom:20px}
.engine-status{font-size:12px;margin-left:auto;line-height:1.4}
.engine-narrative p{background:transparent;border-color:rgba(39,60,49,.14);font-size:16px;line-height:1.55;color:#526158}
.engine-narrative p:last-child{color:var(--signal-ink)}
.signal-input blockquote{font-size:clamp(24px,2vw,30px);line-height:1.35;margin-bottom:0}
.radio-label{font-size:16px}.radio-label small{font-size:14px}
.signal-demo .meta{font-size:12px}.signal-input>.signal-step{font-size:12px}
.signal-output{min-height:108px}.signal-output strong{font-size:18px;line-height:1.25}.signal-output small{font-size:13px;line-height:1.45}
.signal-output>svg:first-child{width:22px;height:22px}.signal-replay,.signal-source{font-size:14px}
.signal-detail p{font-size:18px}.signal-detail .tag{font-size:13px}.signal-source p{font-size:16px}
.is-reasoning .engine-heading img{animation:reasoning-pulse 1.5s ease-in-out infinite}
@keyframes reasoning-pulse{0%,100%{opacity:.3}50%{opacity:.65}}
@media(max-width:1100px) and (min-width:801px){.signal-stage{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);column-gap:32px}.engine-narrative p{font-size:16px;padding:14px 12px}.signal-demo.is-enhanced .reason-typed{inset:14px 12px}.signal-output strong{font-size:17px}.signal-output small{font-size:12px}.signal-output>svg:first-child{width:18px;height:18px}.engine-status{font-size:12px;margin-left:auto}}
@media(prefers-reduced-motion:reduce){.is-reasoning .engine-heading img{animation:none;opacity:.45}}

/* Shared heading row and equal-height columns; source opens within the input. */
.signal-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr) minmax(0,1fr);column-gap:clamp(42px,5vw,78px);align-items:baseline;margin-bottom:22px}
.signal-toolbar>.meta:first-child{grid-column:1 / 3}.signal-output-heading{grid-column:3}
.signal-stage{align-items:stretch}
.signal-input{display:flex;flex-direction:column}
.signal-input .signal-source{margin-top:auto;padding-top:26px}
.signal-input .signal-source summary{width:100%;padding-top:18px;border-top:1px solid rgba(39,60,49,.12);line-height:1.5}
.signal-input .signal-source p{margin:16px 0 0;font-size:15px;line-height:1.7}
.is-enhanced:not(.is-complete) .signal-input .signal-source{opacity:1;visibility:visible;pointer-events:auto}
.signal-engine{display:flex;flex-direction:column}
.engine-narrative{flex:1;grid-template-rows:repeat(3,1fr)}
.signal-deliverables{display:flex;flex-direction:column}
.signal-output-list{flex:1;grid-template-rows:repeat(3,1fr)}
.signal-output{height:100%}
@media(max-width:1100px) and (min-width:801px){.signal-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);column-gap:32px}}
@media(max-width:800px){.signal-toolbar{display:flex;justify-content:space-between;gap:20px}.signal-toolbar .meta{font-size:10px;line-height:1.5}.signal-output-heading{text-align:right}.engine-narrative,.signal-output-list{grid-template-rows:none}.signal-input .signal-source{margin-top:10px}}

/* Independent cards keep their baseline height when the source is expanded. */
.signal-stage{align-items:start}
.signal-input{grid-column:1;grid-row:1;min-height:var(--signal-height,0px)}
.signal-engine{grid-column:2;grid-row:1;min-height:var(--signal-height,0px)}
.signal-deliverables{grid-column:3;grid-row:1;min-height:var(--signal-height,0px)}
.engine-narrative p{font-family:'Geist Mono',ui-monospace,SFMono-Regular,Consolas,monospace;font-size:15px;letter-spacing:-.025em;line-height:1.65}
.signal-demo .signal-details[hidden]{display:none}
.signal-details{grid-column:3;grid-row:1;min-width:0;padding:24px;background:#fff;border:1px solid #283d2f26;border-radius:8px;min-height:var(--signal-height,0px)}
.signal-details .signal-detail:not([hidden]){display:block;margin:0;padding:0;background:none;border:0;border-radius:0;animation:signal-fade .4s ease both}
.signal-details .signal-detail h3{font-size:28px;line-height:1.15;margin:12px 0 22px}
.signal-details .signal-detail p{font-size:17px;line-height:1.6}
.signal-back{font-size:12px;padding:0 0 14px;margin-bottom:18px;border:0;border-bottom:1px solid #283d2f20;background:none;color:var(--signal-muted);text-align:left;width:100%;cursor:pointer}
.is-inspecting .signal-engine{visibility:hidden;opacity:0;pointer-events:none}
.is-inspecting .signal-deliverables{grid-column:2}
.is-inspecting .signal-wires{opacity:0;visibility:hidden}
.is-inspecting .signal-output[aria-selected=true]{background:#e6ece3;border-color:#607e69}
@media(max-width:800px){.signal-stage>.signal-input,.signal-stage>.signal-engine,.signal-stage>.signal-deliverables,.signal-stage>.signal-details{grid-column:1;grid-row:auto;min-height:0}.signal-stage>.signal-details{margin-left:26px}.is-inspecting .signal-engine{display:none}.signal-details .signal-detail h3{font-size:27px}}

/* Keep source flow visible while inspecting an output. */
.is-inspecting .signal-wires{opacity:1;visibility:visible}
.signal-wires>.wire-detail{stroke-dasharray:1 7;animation:signal-dots 1.8s linear infinite;stroke-width:1.6;opacity:0}
.is-inspecting .signal-wires>.wire-detail{opacity:1}
.signal-details{position:relative;padding-top:52px}
.signal-back{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:32px;height:32px;padding:0;margin:0;border:0;border-radius:5px;background:transparent;color:#647269;transition:background .2s,color .2s}
.signal-back:hover{background:#273c310b;color:#273c31}
@media(max-width:800px){.is-inspecting .signal-deliverables,.is-inspecting .signal-details{margin-right:18px}}

/* Keep the output eyebrow attached to its moving stack. */
.signal-deliverables>.signal-output-heading{position:absolute;bottom:100%;left:0;width:100%;margin-bottom:22px;text-align:left;line-height:1.5}
@media(max-width:800px){.signal-deliverables>.signal-output-heading{margin-bottom:18px;font-size:12px}.signal-toolbar>.meta:first-child{text-align:left}}
@media(prefers-reduced-motion:reduce){.signal-wires>.wire-detail{animation:none!important}}

/* Clear labels and more breathing room above the flow. */
.signal-demo{margin-top:96px}
.signal-engine>.signal-intel-heading{position:absolute;bottom:100%;left:0;width:100%;margin-bottom:22px;text-align:left;line-height:1.5}
#meet-humantic,#how-it-works{border-bottom:0}
@media(max-width:800px){.signal-demo{margin-top:64px}.signal-engine>.signal-intel-heading{margin-bottom:18px}}

/* Border-only details, plain intel paragraphs, and persistent loading surfaces. */
.signal-details{background:transparent}
.engine-narrative{grid-template-rows:none;align-content:start;gap:24px}
.engine-narrative p{border:0;border-radius:0;background:transparent;padding:0;margin:0}
.signal-demo.is-enhanced .reason-typed{inset:0}
.is-enhanced:not(.show-reasoning) .signal-engine,.is-enhanced:not(.show-outputs) .signal-deliverables{opacity:1;visibility:visible;pointer-events:auto}
.is-enhanced:not(.show-reasoning) .engine-heading{opacity:0}
.is-enhanced .engine-narrative p:not(.is-ready),.is-enhanced .signal-output:not(.is-ready){opacity:1;visibility:visible;pointer-events:none}
.is-enhanced .signal-output:not(.is-ready)>*{visibility:hidden}
.is-enhanced .engine-narrative p:not(.is-ready)::after,.is-enhanced .signal-output:not(.is-ready)::after{content:'';position:absolute;inset:0;border-radius:6px;background:linear-gradient(100deg,rgba(39,60,49,.035) 20%,rgba(255,255,255,.5) 45%,rgba(39,60,49,.035) 70%);background-size:250% 100%;animation:signal-shimmer 1.6s ease-in-out infinite;pointer-events:none}
.is-enhanced .signal-output:not(.is-ready){background:transparent;border-color:rgba(39,60,49,.1)}
@keyframes signal-shimmer{from{background-position:100% 0}to{background-position:-70% 0}}
@media(prefers-reduced-motion:reduce){.signal-demo *::after{animation:none!important}}

/* Balance the homepage flow between the adjacent content blocks. */
#meet-humantic{padding-bottom:0}
#meet-humantic>.container>.section-title{margin-bottom:0}
#meet-humantic .signal-demo{margin-top:clamp(97px,12vw,178px)}
#what-changes{padding-top:clamp(97px,12vw,178px)}