/* Shared node language for the agent and production diagrams. */
.flow-stage{position:relative;isolation:isolate;--signal:#f3c84b}
.agent-stage{height:430px;margin-bottom:5px}
.flow-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:-1}
.flow-wires path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.flow-wire{stroke:var(--wire);stroke-width:1.15;opacity:.75}
.flow-signal{stroke:var(--signal);stroke-width:3;stroke-dasharray:.14 1.14;opacity:0;filter:drop-shadow(0 0 4px #f3c84b88)}
.flow-node{position:absolute;left:var(--x);top:var(--y);transform:translateX(-50%) translate(var(--drift-x,0px),var(--drift-y,0px));display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;border:0;background:none;border-radius:17px;cursor:grab;touch-action:none;user-select:none;max-width:48%;transition:left 1.75s cubic-bezier(.22,1,.36,1),top 1.75s cubic-bezier(.22,1,.36,1)}
.flow-node.is-dragging{cursor:grabbing;z-index:4;transition:none}
.flow-node.is-key-moving{transition:none}
.flow-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-width:106px;padding:13px 12px 12px;border:1px solid var(--line);border-radius:19px;background:var(--inset);box-shadow:0 8px 22px var(--shadow);transition:border-color .25s,box-shadow .25s}
.flow-node:hover .flow-card,.flow-node:focus-visible .flow-card{border-color:var(--wire)}
.flow-name{font-size:10px;line-height:1.4;color:var(--text);white-space:nowrap}
.flow-group .flow-card{flex-direction:row;gap:12px;padding:19px 15px;min-width:145px;min-height:87px}
.flow-group[data-node=editors] .flow-card{flex-direction:column;gap:11px}
.flow-icons{display:flex;align-items:center;justify-content:center;gap:12px}
.flow-group[data-node=editors] .flow-name{font-size:10px;line-height:1.4;color:var(--text)}
.flow-group>.flow-name{font-size:10px;color:var(--label-text);padding:4px 9px;background:var(--label-bg);border:1px solid var(--label-line);border-radius:7px;box-shadow:0 5px 13px var(--label-shadow)}
.flow-art{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;flex-shrink:0}
.icon-pulse{display:grid;place-items:center;width:100%;height:100%}
.flow-art img{width:100%;height:100%;object-fit:contain;border-radius:12px}.flow-art .ui-icon{width:28px;height:28px}
.art-premiere,.art-after-effects{background:#080844}.art-resolve{background:#20232b;border:1px solid #ffffff16}.art-openai{background:var(--raised)}.art-claude{background:var(--raised);color:#ce8264}.art-sequence{color:var(--accent)}
.flow-group .flow-art{animation:icon-drift 5s ease-in-out infinite alternate}.flow-group .flow-art:nth-child(2){animation-delay:-2.5s}
@keyframes icon-drift{from{transform:translateY(-3px) rotate(-3deg)}to{transform:translateY(3px) rotate(3deg)}}
.flow-paused .flow-art{animation-play-state:paused}
.flow-node.is-responding .flow-card{border-color:var(--signal);box-shadow:0 0 0 1px #f3c84b22,0 0 24px #f3c84b12}
.agent-stage [data-node=resolve]{--x:23%;--y:4%}.agent-stage [data-node=editors]{--x:75%;--y:4%}.agent-stage [data-node=carvercat]{--x:50%;--y:39%}.agent-stage [data-node=agents]{--x:50%;--y:72%}
.flow-stage{--label-bg:#403d38;--label-text:#f2eee8;--label-line:#ffffff24;--label-shadow:#00000042}
.flow-route{position:absolute;color:var(--label-text);font-size:10px;line-height:1.3;pointer-events:none;padding:4px 9px;background:var(--label-bg);border:1px solid var(--label-line);box-shadow:0 5px 13px var(--label-shadow);border-radius:7px;z-index:2}
.route-fusion{top:31%;left:21%}.route-render{top:31%;right:12%}
.prompt-preview{display:block;padding:13px 16px}.prompt-label{display:block;margin-bottom:4px}.composer-row{display:flex;align-items:center;gap:10px}.agent-prompt{flex:1;padding:8px 0}.agent-prompt::placeholder{color:var(--muted);opacity:.8}
.prompt-send{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border:0;border-radius:10px;background:var(--text);color:var(--inset);transition:opacity .2s,transform .2s}.prompt-send svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.prompt-send:hover:enabled{transform:translateY(-2px);background:var(--orange);color:#232323}.prompt-send:disabled{opacity:.25;cursor:default}.flow-status{min-height:16px}
.delivery-map.flow-delivery{display:block;padding:28px 30px}.delivery-stage{height:350px}.delivery-stage [data-node=carvercat]{--x:11%;--y:36%}.delivery-stage [data-node=fusion]{--x:44%;--y:6%}.delivery-stage [data-node=sequence]{--x:44%;--y:66%}.delivery-stage [data-node=resolve]{--x:83%;--y:6%}.delivery-stage [data-node=editors]{--x:83%;--y:66%}.delivery-editable{left:56%;top:18%}.delivery-rendered{left:56%;top:79%}
[data-theme=light] .flow-stage{--signal:#a97000;--label-bg:#f1ede5;--label-text:#36332d;--label-line:#36332d30;--label-shadow:#463b2b28}[data-theme=light] .art-claude{color:#a94e31}
@media(min-width:601px) and (max-width:900px){.feature-agent{grid-template-columns:.8fr 1.2fr}.agent-visual{padding-inline:14px}.flow-card{min-width:92px;padding-inline:8px}.flow-group .flow-card{min-width:125px;gap:12px;padding-inline:12px}.flow-icons{gap:12px}.flow-name{font-size:9px}.flow-art{width:38px;height:38px}.flow-group>.flow-name{font-size:8px}}
@media(max-width:600px){.agent-stage{height:435px}.flow-card{min-width:92px;padding:12px 8px;border-radius:16px}.flow-name{font-size:9px}.flow-art{width:30px;height:30px}.flow-art .ui-icon{width:25px;height:25px}.flow-group .flow-card{min-width:106px;min-height:72px;gap:6px;padding:13px 8px}.flow-icons{gap:6px}.flow-group>.flow-name{font-size:9px}.agent-stage [data-node=resolve]{--x:20%}.agent-stage [data-node=editors]{--x:73%}.flow-node{max-width:56%}.route-render{right:2%}.route-fusion{left:14%}.agent-visual{padding-inline:16px}.agent-prompt{font-size:11px}.prompt-preview{padding-inline:12px}.prompt-send{width:29px;height:29px}.delivery-map.flow-delivery{padding:24px 12px}.delivery-stage{height:570px}.delivery-stage [data-node=carvercat]{--x:50%;--y:1%}.delivery-stage [data-node=fusion]{--x:24%;--y:36%}.delivery-stage [data-node=sequence]{--x:76%;--y:36%}.delivery-stage [data-node=resolve]{--x:24%;--y:77%}.delivery-stage [data-node=editors]{--x:73%;--y:77%}.delivery-editable{left:6%;top:62%;font-size:9px}.delivery-rendered{left:auto;right:6%;top:62%;font-size:9px}}
@media(prefers-reduced-motion:reduce){.flow-stage .flow-art{animation:none}.flow-node,.flow-card,.prompt-send{transition:none!important}}

/* The one-app message leads, while the capabilities reveal in place. */
.hero .hero-title{font-size:1rem;line-height:1.1;letter-spacing:normal;margin:0 auto 30px;max-width:100%}
.hero .hero-words{display:block;color:var(--text);font:800 clamp(25px,3.6vw,49px)/1.25 Bricolage,sans-serif;letter-spacing:-.04em;white-space:nowrap;margin-bottom:14px}
.hero-word{display:inline-block;animation:word-reveal 8s ease-in-out infinite both}
.hero-word:nth-child(2){animation-delay:.45s}.hero-word:nth-child(3){animation-delay:.9s}.hero-word:nth-child(4){animation-delay:1.35s}
@keyframes word-reveal{0%,7%{opacity:.26}17%,73%{opacity:1}88%,100%{opacity:.26}}
.hero .hero-promise{display:block;color:var(--orange);font:800 clamp(58px,8vw,112px)/1.04 Bricolage,sans-serif;letter-spacing:-.055em}
[data-theme=light] .hero .hero-promise{color:#a8510b}
.hero .intro{margin-top:24px}
.footer{display:block}
.footer-main{display:flex;justify-content:space-between;align-items:flex-start;gap:32px}
.footer-identity p{margin:16px 0 0}
.footer-connect{display:flex;flex-direction:column;align-items:flex-end;gap:19px}
.footer .footer-contact{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:10px 15px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text);font-size:12px;line-height:1.2;text-decoration:none;white-space:nowrap;transition:border-color .2s,background .2s,transform .2s}
.footer .footer-contact svg{width:17px;height:17px;flex:none;color:var(--accent)}
.footer .footer-contact:hover,.footer .footer-contact:focus-visible{border-color:var(--accent);background:var(--raised);transform:translateY(-2px)}
.footer .footer-connect nav{margin:0}
.footer-bottom{margin-top:30px}
@media(max-width:900px){.hero .hero-words{font-size:clamp(24px,3.7vw,35px)}}
@media(max-width:600px){.hero .hero-words{white-space:normal;font-size:clamp(25px,6.5vw,38px);max-width:18ch;margin-inline:auto}.hero .hero-promise{font-size:clamp(48px,11vw,70px);max-width:11ch;margin-inline:auto}.hero .intro{margin-top:24px}}
@media(max-width:600px){.footer-main{flex-direction:column;align-items:flex-start;gap:25px}.footer-connect{align-items:flex-start;gap:16px}.footer-bottom{margin-top:26px}}
@media(prefers-reduced-motion:reduce){.hero-word{animation:none!important;opacity:1!important}}