.creative-workflow{--creative-ease:cubic-bezier(.22, 1, .36, 1)}.creative-process{padding:58px 3.4% 80px;scroll-margin-top:24px}.creative-toolbar{color:var(--ub-text-muted);justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;font-size:12px;display:flex}.creative-motion-toggle{cursor:pointer;flex-shrink:0;align-items:center;gap:7px;padding:8px 0 8px 12px;display:inline-flex}.creative-motion-toggle:hover{color:var(--ub-accent-text)}.creative-cards{gap:14px;display:flex}.creative-card{isolation:isolate;border:1px solid var(--ub-border);background:var(--ub-surface);min-width:0;height:clamp(620px,80svh,880px);transition:flex-grow .65s var(--creative-ease), border-color .3s;border-radius:24px;flex:1;position:relative;overflow:hidden;container-type:inline-size}.creative-card:before{content:"";z-index:-1;background-image:radial-gradient(var(--ub-canvas-dot) .8px, transparent .8px);opacity:.6;background-size:20px 20px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 28% 65%,#0000);mask-image:linear-gradient(#0000,#000 28% 65%,#0000)}.creative-card[data-expanded=true]{border-color:var(--ub-connection);flex-grow:2}.creative-card h2{z-index:3;font:450 clamp(28px, 10.4cqw, 76px)/1.15 var(--font-jetbrains), monospace;letter-spacing:-.065em;margin:0;padding:32px 28px 0;position:relative}.creative-card-toggle{text-align:left;cursor:pointer;align-items:baseline;gap:.16em;width:100%;display:flex}.creative-card-toggle:after{content:"";position:absolute;inset:0 0 calc(-1*clamp(620px,80svh,880px) + 100%)}.creative-card-toggle:focus-visible{outline:none}.creative-card:has(.creative-card-toggle:focus-visible){outline:2px solid var(--ub-focus);outline-offset:4px}.creative-number{color:var(--ub-text-muted);font-weight:300}.creative-expand{color:var(--ub-text-muted);flex-shrink:0;align-self:center;margin-left:auto;transition:rotate .35s}.creative-card[data-expanded=true] .creative-expand{rotate:45deg}.creative-visual{pointer-events:none;place-items:center;transition:opacity .5s;display:grid;position:absolute;inset:100px 0 195px}.creative-visual>div{transition:scale .65s var(--creative-ease)}.creative-card[data-expanded=true] .creative-visual>div{scale:1.12}.creative-cards:not([data-active=none]) .creative-card[data-expanded=false] .creative-visual{opacity:.55}.creative-card-copy{z-index:2;pointer-events:none;position:absolute;bottom:32px;left:28px;right:28px}.creative-card-copy h3{font:600 clamp(18px, 4.5cqw, 26px)/1.3 var(--font-manrope), sans-serif;letter-spacing:-.035em;max-width:440px;margin-bottom:12px}.creative-card-copy>p{max-width:480px;color:var(--ub-text-muted);font-size:clamp(13px,1.05vw,17px);line-height:1.6}.creative-detail{max-width:480px;margin-top:18px;font-size:15px;line-height:1.5}.creative-detail:not([hidden]){animation:.4s both creative-copy-in}.creative-mini-node{border:1px solid var(--ub-border);background:var(--ub-surface);border-radius:12px;overflow:hidden;box-shadow:0 12px 25px #00000009}.creative-node-label{border-bottom:1px solid var(--ub-border);color:var(--ub-text-muted);align-items:center;gap:8px;padding:11px 12px;font-size:10px;display:flex}.creative-node-label>svg{color:var(--ub-accent-text);flex-shrink:0}.creative-node-label>svg:last-child:not(:first-child),.creative-node-dots{margin-left:auto}.creative-node-dots{letter-spacing:2px;font-size:16px;line-height:10px}.creative-portrait{object-fit:cover;object-position:50% 30%;width:100%;height:100%;display:block}.creative-poster{isolation:isolate;color:#fffd42;background:#163b31;height:100%;min-height:120px;position:relative;overflow:hidden}.creative-poster:after{content:"";z-index:-1;background:linear-gradient(#0000 30%,#10251fb0);position:absolute;inset:0}.creative-poster>.brand-visual{z-index:-2;position:absolute;inset:0}.creative-poster>strong{font:650 36px/.95 var(--font-jetbrains), monospace;letter-spacing:-.09em;position:absolute;bottom:15%;left:8%}.creative-poster>strong em{font-weight:400}.creative-poster-edition,.creative-poster-foot{letter-spacing:.03em;font-size:6px;position:absolute;left:8%}.creative-poster-edition{color:#fff;top:7%}.creative-poster-foot{bottom:7%}.creative-wave{height:42px;color:var(--ub-accent-text);align-items:center;gap:3px;display:flex}.creative-wave i{transform-origin:50%;background:currentColor;border-radius:3px;flex-shrink:0;width:3px;animation:1.4s ease-in-out infinite alternate creative-wave;display:block}.idea-board{width:360px;height:350px;position:relative}.idea-tools{width:225px;animation:7s ease-in-out infinite creative-float;position:absolute;top:16px;left:10px;transform:rotate(-5deg)}.idea-tools>.creative-node-label{padding:15px}.idea-tool{border-radius:7px;align-items:center;gap:12px;margin:7px;padding:12px 10px;font-size:12px;animation:8s infinite creative-tool;display:flex}.idea-tool>svg:first-child{color:var(--ub-accent-text)}.idea-tool>svg:last-child{opacity:.4;margin-left:auto}.idea-photo{width:127px;height:173px;animation:8s ease-in-out -3s infinite creative-float;position:absolute;top:32px;right:0;transform:rotate(8deg)}.idea-photo>.brand-visual{height:136px}.idea-text{width:235px;animation:9s ease-in-out -4s infinite creative-float;position:absolute;bottom:34px;right:18px;transform:rotate(3deg)}.idea-text p{font:12px/1.6 var(--font-jetbrains), monospace;padding:16px}.creative-caret{color:var(--ub-accent-text)}.idea-audio{color:var(--ub-accent-text);align-items:center;gap:12px;padding:9px 15px;display:flex;position:absolute;bottom:3px;left:0;transform:rotate(-7deg)}.process-board{width:340px;height:350px;position:relative}.process-mode-label{color:var(--ub-text-muted);align-items:center;gap:7px;font-size:10px;display:flex;position:absolute;top:7px;left:10px}.process-canvas-preview{animation:14s infinite creative-canvas-cycle;position:absolute;inset:0}.process-mini-wires{fill:none;width:340px;height:350px;stroke:var(--ub-connection);stroke-width:1.5px;position:absolute;top:0}.process-source{gap:8px;width:138px;height:64px;padding:12px;font-size:10px;line-height:1.5;display:flex;position:absolute;top:80px;left:0;overflow:visible}.process-source svg{color:var(--ub-accent-text);flex-shrink:0}.process-reference{width:105px;height:105px;position:absolute;top:210px;left:15px;overflow:visible}.process-reference img{border-radius:11px}.process-composite{width:175px;height:265px;position:absolute;top:60px;right:0;overflow:visible}.process-composite .creative-poster{border-radius:11px}.process-source i,.process-reference i,.process-composite i{border:1px solid var(--ub-brand-mint);background:var(--ub-brand-yellow);border-radius:100%;width:6px;height:6px;position:absolute;top:50%;right:-3px}.process-composite i{left:-3px;right:auto}.process-chat-preview{opacity:0;animation:14s infinite creative-chat-cycle;position:absolute;inset:0 20px}.process-typed{padding:14px;font-size:10px;line-height:1.6}.process-typed span{white-space:nowrap;animation:14s steps(28,end) infinite creative-type;display:block;overflow:hidden}.process-chat-result{border-radius:8px;animation:14s infinite creative-reveal;position:absolute;inset:100px 14px 46px;overflow:hidden}.process-chat-result .creative-poster>strong{font-size:40px}.process-chat-input{color:var(--ub-text-muted);border-top:1px solid var(--ub-border);justify-content:space-between;align-items:center;padding:13px;font-size:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.result-board{width:380px;height:350px;position:relative}.result-saved,.result-workflow{z-index:2;background:var(--ub-surface);border:1px solid var(--ub-border);white-space:nowrap;border-radius:9px;align-items:center;gap:8px;padding:10px 13px;font-size:10px;display:flex;position:absolute;left:50%;translate:-50%}.result-saved{top:0}.result-saved svg,.result-workflow svg{color:var(--ub-accent-text)}.result-workflow{bottom:0}.result-mini-wires{width:380px;height:330px;stroke:var(--ub-connection);fill:none;position:absolute;inset:16px 0 0}.result-output{background:var(--ub-surface);border:1px solid var(--ub-border);width:130px;height:200px;box-shadow:var(--ub-shadow);border-radius:10px;animation:7s ease-in-out infinite creative-result;position:absolute;top:100px}.result-output>.brand-visual{border-radius:9px 9px 0 0;height:calc(100% - 30px)}.result-output>span{text-align:center;font-size:9px;line-height:30px;display:block}.result-output-0{animation-delay:-2s;left:0;rotate:-9deg}.result-output-1{z-index:1;height:240px;top:70px;left:125px}.result-output-2{animation-delay:-4s;right:0;rotate:9deg}.result-output-0 .creative-poster>strong,.result-output-1 .creative-poster>strong{font-size:28px}.result-output-2 .creative-poster>strong{font-size:26px;top:10%;bottom:auto}.result-output-2 .creative-poster-edition{top:auto;bottom:10%}.result-output-2 .creative-poster-foot{display:none}.creative-pipeline{isolation:isolate;border-block:1px solid var(--ub-border);min-height:850px;margin:0 0 24px;scroll-margin-top:20px;position:relative;overflow:hidden}.pipeline-copy{z-index:2;pointer-events:none;width:43%;padding:70px 0 0 6%;position:relative}.creative-eyebrow{color:var(--ub-text-muted);font:10px var(--font-jetbrains), monospace;letter-spacing:.05em}.pipeline-copy h2{font:450 clamp(28px, 3vw, 48px)/1.2 var(--font-jetbrains), monospace;letter-spacing:-.055em;margin:20px 0}.pipeline-copy p{color:var(--ub-text-muted);max-width:380px;margin-bottom:25px;font-size:13px;line-height:1.7}.pipeline-copy a{pointer-events:auto}.pipeline-scene{pointer-events:none;position:absolute;inset:0}.pipeline-node{z-index:1;border:1px solid var(--ub-border);background:var(--ub-surface);box-shadow:var(--ub-shadow);border-radius:14px;position:absolute}.pipeline-node .demo-port{top:50%}.pipeline-node .creative-port-top{top:0;left:50%;right:auto;transform:translate(-50%,-50%)}.pipeline-node .creative-port-bottom{top:100%;left:50%;right:auto;transform:translate(-50%,-50%)}.pipeline-node .creative-node-label{height:36px}.pipeline-node>.creative-portrait,.pipeline-node>.creative-poster{border-radius:0 0 13px 13px}.pipeline-node .creative-poster>strong{font-size:clamp(28px,3.6vw,52px)}.pipeline-prompt{width:18%;max-width:280px;top:540px;left:7%}.pipeline-prompt p{font:12px/1.8 var(--font-jetbrains), monospace;padding:20px}.pipeline-prompt p span{color:var(--ub-text-muted);font-size:10px}.pipeline-reference{width:16%;max-width:260px;top:65px;left:46%}.pipeline-reference>.creative-portrait{aspect-ratio:3/4;height:auto}.pipeline-poster{width:18%;max-width:280px;top:450px;left:43%}.pipeline-poster>.creative-poster{height:260px}.pipeline-video{width:28%;top:290px;right:5%}.pipeline-film{border-radius:0 0 13px 13px;height:300px;position:relative;overflow:hidden}.pipeline-film .creative-poster>strong{font-size:clamp(36px,4.8vw,76px)}.pipeline-sound{width:24%;top:705px;right:7%}.pipeline-wave{color:var(--ub-accent-text);justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.pipeline-wave>span:last-child{font-size:9px}.pipeline-wave .creative-wave{gap:4px;overflow:hidden}.pipeline-caption{color:var(--ub-text-muted);font:10px var(--font-jetbrains), monospace;flex-wrap:wrap;gap:20px;display:flex;position:absolute;bottom:30px;left:6%}.creative-pipeline .demo-wires path{stroke-dasharray:6 8;animation:6s linear infinite creative-flow}@keyframes creative-float{0%,to{translate:0}50%{translate:0 -12px}}@keyframes creative-wave{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes creative-tool{0%,20%{background:var(--ub-accent-soft);color:var(--ub-accent-text)}25%,to{background:0 0}}@keyframes creative-canvas-cycle{0%,39%,96%,to{opacity:1;transform:translateY(0)scale(1)}46%,90%{opacity:0;transform:translateY(-8px)scale(.96)}}@keyframes creative-chat-cycle{0%,39%,96%,to{opacity:0;transform:translateY(12px)}46%,90%{opacity:1;transform:translateY(0)}}@keyframes creative-type{0%,44%,to{clip-path:inset(0 100% 0 0)}65%,96%{clip-path:inset(0)}}@keyframes creative-reveal{0%,60%,to{opacity:0;transform:scale(.95)}70%,94%{opacity:1;transform:scale(1)}}@keyframes creative-result{0%,to{translate:0}50%{translate:0 -8px}}@keyframes creative-flow{to{stroke-dashoffset:-84px}}@keyframes creative-copy-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}.creative-workflow[data-paused=true] *,.creative-workflow [data-visible=false] *{animation-play-state:paused!important}@media (min-width:1800px){.creative-visual>div{scale:1.2}.creative-pipeline{min-height:1050px}.pipeline-poster{top:560px}.pipeline-poster>.creative-poster{height:320px}.pipeline-prompt{top:660px}.pipeline-video{top:380px}.pipeline-film{height:380px}.pipeline-sound{top:850px}}@media (max-width:1100px) and (min-width:901px){.creative-card h2{padding:26px 18px 0;font-size:clamp(23px,8cqw,42px)}.creative-card-copy{bottom:25px;left:18px;right:18px}.creative-visual{inset:90px 0 230px}.creative-visual>div{scale:.8}.creative-card[data-expanded=true] .creative-visual>div{scale:.95}.creative-card-copy>p{font-size:12px}.creative-detail{font-size:13px}.pipeline-prompt{width:26%;left:5%}.pipeline-copy{width:45%;padding-left:5%}.pipeline-reference{width:20%;left:51%}.pipeline-poster{width:22%;left:41%}.pipeline-video{width:30%;top:355px;right:3%}.pipeline-film{height:250px}.pipeline-sound{width:29%;right:4%}}@media (max-width:900px){.creative-process{padding:28px 18px 40px}.creative-toolbar{font-size:10px}.creative-toolbar>span{max-width:180px}.creative-motion-toggle span{display:none}.creative-motion-toggle{padding:12px}.creative-cards{flex-direction:column;gap:16px}.creative-card,.creative-card[data-expanded=true]{width:100%;height:580px;transition:height .4s var(--creative-ease);flex:1 0 auto}.creative-card[data-expanded=true]{height:650px}.creative-card h2{padding:25px 24px 0;font-size:clamp(32px,9cqw,52px)}.creative-card-toggle:after{bottom:-535px}.creative-visual{height:310px;inset:84px 0 auto}.creative-visual>div,.creative-card[data-expanded=true] .creative-visual>div{scale:.86}.creative-cards:not([data-active=none]) .creative-card[data-expanded=false] .creative-visual{opacity:1}.creative-card-copy{bottom:26px;left:24px;right:24px}.creative-card-copy h3{font-size:21px}.creative-card-copy>p{font-size:13px}.creative-detail{font-size:14px}.creative-pipeline{min-height:0}.pipeline-scene{height:740px;margin-top:40px;position:relative}.pipeline-copy{width:100%;padding:42px 24px 0}.pipeline-copy h2{max-width:540px;font-size:clamp(29px,6vw,44px)}.pipeline-copy p{max-width:430px;font-size:13px}.pipeline-prompt{width:40%;top:40px;left:6%}.pipeline-prompt p{padding:14px;font-size:10px}.pipeline-prompt p span{font-size:9px}.pipeline-reference{width:34%;max-width:180px;top:0;left:auto;right:6%}.pipeline-poster{width:37%;top:260px;left:7%}.pipeline-poster>.creative-poster{height:220px}.pipeline-video{width:44%;top:380px;right:5%}.pipeline-film{height:220px}.pipeline-node .creative-poster>strong{font-size:clamp(26px,5vw,40px)}.pipeline-sound{width:40%;top:620px;left:7%;right:auto}.pipeline-wave{gap:7px;padding:10px}.pipeline-wave>svg,.pipeline-wave>span:last-child{display:none}.pipeline-wave .creative-wave{gap:3px}.pipeline-caption{gap:8px 18px;padding:0 7% 25px;font-size:9px;position:static}}@media (max-width:360px){.creative-process{padding-inline:12px}.creative-card h2{padding-inline:20px}.creative-visual>div,.creative-card[data-expanded=true] .creative-visual>div{scale:.75}.creative-card-copy{left:20px;right:20px}.pipeline-copy{padding-inline:20px}.pipeline-prompt{width:43%}}@media (prefers-reduced-motion:reduce){.creative-workflow *,.creative-workflow :before,.creative-workflow :after{transition:none!important;animation:none!important}.process-chat-preview,.creative-motion-toggle{display:none}}.pipeline-film{aspect-ratio:16/9;height:auto}@container (max-width:400px){.creative-visual>div,.creative-card[data-expanded=true] .creative-visual>div{scale:.82}}@container (max-width:330px){.creative-visual>div,.creative-card[data-expanded=true] .creative-visual>div{scale:.68}}@container (max-width:270px){.creative-visual>div,.creative-card[data-expanded=true] .creative-visual>div{scale:.55}}@container (max-width:220px){.creative-visual>div,.creative-card[data-expanded=true] .creative-visual>div{scale:.45}}