.page-wf .hero{border-bottom:1px solid var(--line);padding:140px 32px 80px}.page-wf .hero-inner{grid-template-columns:180px 1fr;gap:80px;max-width:1400px;margin:0 auto;display:grid}.page-wf .hero-content{grid-template-columns:1.2fr 1fr;align-items:center;gap:80px;display:grid}.page-wf .hero-text{max-width:680px}.page-wf .product-label{text-transform:uppercase;letter-spacing:.2em;color:var(--accent);background:#ff4a1c14;border:1px solid #ff4a1c4d;border-radius:100px;align-items:center;gap:10px;margin-bottom:24px;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-flex}.page-wf .product-label:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse--wf}@keyframes pulse--wf{0%,to{opacity:1}50%{opacity:.4}}.page-wf h1.product-name{letter-spacing:-.035em;text-wrap:balance;margin-bottom:24px;font-family:Fraunces,serif;font-size:clamp(40px,6vw,88px);font-weight:400;line-height:.95}.page-wf h1.product-name em{color:var(--accent);font-style:italic;font-weight:300}.page-wf .product-tagline{letter-spacing:-.015em;color:#0a0a0acc;max-width:600px;margin-bottom:32px;font-family:Fraunces,serif;font-size:clamp(22px,2.5vw,32px);font-style:italic;font-weight:300;line-height:1.3}.page-wf .product-sub-desc{color:#0a0a0ab3;max-width:560px;margin-bottom:40px;font-size:17px;line-height:1.55}.page-wf .hero-ctas{flex-wrap:wrap;gap:12px;display:flex}.page-wf .hero-visual{justify-content:center;align-items:center;height:560px;padding:20px;display:flex;position:relative}.page-wf .chain{flex-direction:column;gap:12px;width:100%;max-width:380px;display:flex;position:relative}.page-wf .chain-header{text-transform:uppercase;letter-spacing:.2em;color:var(--muted);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:4px;padding-bottom:12px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.page-wf .chain-header span.live{color:var(--accent);align-items:center;gap:6px;display:flex}.page-wf .chain-header span.live:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.8s infinite pulse--wf}.page-wf .task-block{border:1px solid var(--line);background:var(--paper);opacity:0;border-radius:12px;grid-template-columns:28px 1fr auto;align-items:center;gap:14px;padding:16px 18px;transition:all .25s;animation:.7s cubic-bezier(.22,1,.36,1) forwards task-in--wf;display:grid;position:relative}.page-wf .task-block:nth-child(2){animation-delay:.1s}.page-wf .task-block:nth-child(3){animation-delay:.25s}.page-wf .task-block:nth-child(4){animation-delay:.4s}.page-wf .task-block:nth-child(5){animation-delay:.55s}.page-wf .task-block:nth-child(6){animation-delay:.7s}.page-wf .task-block:nth-child(7){animation-delay:.85s}@keyframes task-in--wf{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.page-wf .task-block.done{background:var(--paper);opacity:.6}.page-wf .task-block.active{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:0 12px 32px #0a0a0a26}.page-wf .task-block.active .task-status{background:var(--accent);border-color:var(--accent);color:var(--paper)}.page-wf .task-block.active .task-meta{color:#f2efe899}.page-wf .task-block.output{background:var(--accent);color:var(--paper);border-color:var(--accent);font-weight:500}.page-wf .task-block.output .task-status{background:var(--paper);color:var(--accent);border-color:var(--paper)}.page-wf .task-block.output .task-meta{color:#f2efe8d9}.page-wf .task-status{border:1.5px solid var(--line-strong);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;display:flex}.page-wf .task-block.done .task-status{background:var(--ink);color:var(--paper);border-color:var(--ink)}.page-wf .task-content{flex-direction:column;gap:2px;display:flex;overflow:hidden}.page-wf .task-title{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.page-wf .task-meta{text-transform:uppercase;letter-spacing:.15em;color:var(--muted);font-family:JetBrains Mono,monospace;font-size:9px;transition:color .25s}.page-wf .task-arrow{color:var(--muted);opacity:.5;font-size:14px}.page-wf .task-block.active .task-arrow,.page-wf .task-block.output .task-arrow{color:var(--paper);opacity:1}.page-wf .task-connector{pointer-events:none;justify-content:center;height:10px;margin:-4px 0;display:flex;position:relative}.page-wf .task-connector:before{content:"";background:var(--line-strong);opacity:.4;width:1px;height:100%}.page-wf .task-connector.active:before{background:var(--accent);opacity:.7}@media (max-width:1100px){.page-wf .hero-content{grid-template-columns:1fr;gap:60px}.page-wf .hero-visual{order:2;height:auto;padding:0}}@media (max-width:900px){.page-wf .hero-inner{grid-template-columns:1fr;gap:32px}.page-wf .hero{padding:120px 20px 60px}}.page-wf .flow-section{border-bottom:1px solid var(--line);padding:120px 32px}.page-wf .flow-inner{grid-template-columns:180px 1fr;gap:80px;max-width:1400px;margin:0 auto;display:grid}.page-wf .flow{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:2px;display:grid}.page-wf .flow-stage{background:var(--paper);flex-direction:column;min-height:380px;padding:40px 32px 44px;transition:all .3s;display:flex;position:relative}.page-wf .flow-stage:hover{background:var(--ink);color:var(--paper)}.page-wf .flow-stage:hover .fs-num{color:var(--accent)}.page-wf .flow-stage:hover .fs-desc{color:#f2efe8bf}.page-wf .flow-stage:hover .fs-output{color:#f2efe88c;border-color:#f2efe826}.page-wf .flow-stage:hover .fs-icon{color:var(--accent);border-color:#f2efe84d}.page-wf .fs-num{color:var(--muted);letter-spacing:.2em;margin-bottom:20px;font-family:JetBrains Mono,monospace;font-size:11px;transition:color .3s}.page-wf .fs-icon{border:1px solid var(--line-strong);width:48px;height:48px;color:var(--ink);border-radius:12px;justify-content:center;align-items:center;margin-bottom:24px;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700;transition:all .3s;display:flex}.page-wf .flow-stage h3{letter-spacing:-.025em;margin-bottom:12px;font-family:Fraunces,serif;font-size:30px;font-weight:400;line-height:1.05}.page-wf .fs-desc{color:#0a0a0aa6;flex:1;margin-bottom:24px;font-size:13px;line-height:1.55;transition:color .3s}.page-wf .fs-output{text-transform:uppercase;letter-spacing:.15em;color:var(--muted);border-top:1px dashed var(--line);padding-top:16px;font-family:JetBrains Mono,monospace;font-size:10px;transition:all .3s}.page-wf .fs-output:before{content:"→ ";color:var(--accent)}@media (max-width:1100px){.page-wf .flow{grid-template-columns:repeat(2,1fr)}.page-wf .flow-stage{min-height:auto}}@media (max-width:900px){.page-wf .flow-inner{grid-template-columns:1fr;gap:32px}.page-wf .flow-section{padding:80px 20px}.page-wf .flow{grid-template-columns:1fr}}.page-wf .outputs-section{background:var(--paper-2);border-bottom:1px solid var(--line);padding:120px 32px}.page-wf .outputs-inner{grid-template-columns:180px 1fr;gap:80px;max-width:1400px;margin:0 auto;display:grid}.page-wf .output-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.page-wf .output-card{background:var(--paper);border:1px solid var(--line);flex-direction:column;gap:16px;padding:32px;transition:all .25s;display:flex;position:relative}.page-wf .output-card:hover{background:var(--ink);color:var(--paper);border-color:var(--ink);transform:translateY(-2px)}.page-wf .output-card:hover .op-desc{color:#f2efe8b3}.page-wf .output-card:hover .op-format{color:#f2efe899;border-color:#f2efe833}.page-wf .output-card:hover .op-doc-preview{background:#f2efe814}.page-wf .output-card:hover .op-doc-preview span{background:#f2efe84d}.page-wf .output-card:hover .op-doc-preview span.accent{background:var(--accent)}.page-wf .op-head{justify-content:space-between;align-items:flex-start;display:flex}.page-wf .op-tag{text-transform:uppercase;letter-spacing:.15em;border:1px solid var(--line-strong);color:var(--muted);border-radius:100px;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:10px;transition:all .3s}.page-wf .output-card:hover .op-tag{color:#f2efe8b3;border-color:#f2efe84d}.page-wf .op-arrow{color:var(--muted);font-size:16px;transition:color .3s}.page-wf .output-card:hover .op-arrow{color:var(--accent)}.page-wf .op-name{letter-spacing:-.02em;font-family:Fraunces,serif;font-size:26px;font-weight:400;line-height:1.1}.page-wf .op-desc{color:#0a0a0a99;flex:1;font-size:13px;line-height:1.55;transition:color .25s}.page-wf .op-doc-preview{background:var(--paper-2);border-radius:6px;flex-direction:column;gap:5px;margin-top:auto;padding:14px;transition:background .25s;display:flex}.page-wf .op-doc-preview span{background:var(--bone);border-radius:2px;height:4px;transition:background .25s}.page-wf .op-doc-preview span.accent{background:var(--accent)}.page-wf .op-doc-preview span:first-child{width:100%}.page-wf .op-doc-preview span:nth-child(2){width:78%}.page-wf .op-doc-preview span:nth-child(3){width:88%}.page-wf .op-doc-preview span:nth-child(4){width:55%}.page-wf .op-format{text-transform:uppercase;letter-spacing:.15em;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;font-family:JetBrains Mono,monospace;font-size:10px;transition:all .3s}@media (max-width:1000px){.page-wf .output-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.page-wf .output-grid{grid-template-columns:1fr}}@media (max-width:900px){.page-wf .outputs-inner{grid-template-columns:1fr;gap:32px}.page-wf .outputs-section{padding:80px 20px}}.page-wf .caps-section{border-bottom:1px solid var(--line);padding:120px 32px}.page-wf .caps-inner{grid-template-columns:180px 1fr;gap:80px;max-width:1400px;margin:0 auto;display:grid}.page-wf .caps-grid{grid-template-columns:repeat(2,1fr);gap:0;display:grid}.page-wf .cap-item{border-top:1px solid var(--line);grid-template-columns:60px 1fr;align-items:start;gap:28px;padding:40px 40px 40px 0;display:grid}.page-wf .cap-item:nth-child(2n){border-left:1px solid var(--line);padding-left:40px;padding-right:0}.page-wf .cap-item:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.page-wf .cap-num{color:var(--accent);letter-spacing:.15em;padding-top:4px;font-family:JetBrains Mono,monospace;font-size:11px}.page-wf .cap-item h3{letter-spacing:-.015em;margin-bottom:10px;font-family:Fraunces,serif;font-size:22px;font-weight:400;line-height:1.2}.page-wf .cap-item p{color:#0a0a0aa6;font-size:14px;line-height:1.55}@media (max-width:900px){.page-wf .caps-inner{grid-template-columns:1fr;gap:32px}.page-wf .caps-section{padding:80px 20px}.page-wf .caps-grid{grid-template-columns:1fr}.page-wf .cap-item,.page-wf .cap-item:nth-child(2n){border-left:none;padding:28px 0}.page-wf .cap-item:not(:first-child){border-top:1px solid var(--line)}}.page-wf .uc-section{background:var(--ink);color:var(--paper);border-bottom:1px solid var(--line);padding:120px 32px;position:relative;overflow:hidden}.page-wf .uc-section:before{content:"";background:linear-gradient(90deg,transparent,var(--accent),transparent);height:1px;position:absolute;top:0;left:0;right:0}.page-wf .uc-inner{grid-template-columns:180px 1fr;gap:80px;max-width:1400px;margin:0 auto;display:grid}.page-wf .uc-section .section-tag{color:var(--paper);border-color:var(--accent)}.page-wf .uc-section .section-header h2{color:var(--paper)}.page-wf .uc-section .section-header p{color:#f2efe8a6}.page-wf .uc-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.page-wf .uc-card{background:#f2efe808;border:1px solid #f2efe826;flex-direction:column;gap:20px;padding:32px;transition:all .3s;display:flex}.page-wf .uc-card:hover{background:#f2efe812;border-color:#ff4a1c80}.page-wf .uc-role{text-transform:uppercase;letter-spacing:.2em;color:var(--accent);font-family:JetBrains Mono,monospace;font-size:10px}.page-wf .uc-card h3{letter-spacing:-.015em;color:var(--paper);font-family:Fraunces,serif;font-size:22px;font-style:italic;font-weight:400;line-height:1.3}.page-wf .uc-card p{color:#f2efe8b3;font-size:14px;line-height:1.55}.page-wf .uc-output{text-transform:uppercase;letter-spacing:.15em;color:#f2efe88c;border-top:1px solid #f2efe826;padding-top:16px;font-family:JetBrains Mono,monospace;font-size:10px;line-height:1.7}.page-wf .uc-output strong{color:var(--accent);font-weight:500}@media (max-width:1100px){.page-wf .uc-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.page-wf .uc-inner{grid-template-columns:1fr;gap:32px}.page-wf .uc-section{padding:80px 20px}.page-wf .uc-grid{grid-template-columns:1fr}}
