.workflow-page{background-color:var(--w-obsidian-deep,#020305);color:var(--w-text-body,#CBD5E1);font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.6;overflow-x:hidden;position:relative;}#wapim-bg-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;opacity:0.75;}.workflow-section{position:relative;z-index:1;padding:5rem 0;border-bottom:1px solid rgba(255,255,255,0.05);}.workflow-section-compact{padding:3.5rem 0;}.workflow-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;}.section-header{text-align:center;max-width:820px;margin:0 auto 3.5rem;}.section-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:9999px;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;background:rgba(200,153,44,0.08);border:1px solid rgba(245,206,104,0.25);color:var(--w-gold-light,#F7D479);margin-bottom:1.25rem;}.section-title{font-size:clamp(2rem,3.8vw,2.75rem);font-weight:800;line-height:1.2;letter-spacing:-0.02em;color:#FFFFFF;margin-bottom:1rem;}.section-subtitle{font-size:1.05rem;color:var(--w-text-muted,#94A3B8);line-height:1.65;margin:0;}.workflow-hero{position:relative;z-index:1;padding:7rem 0 4.5rem;text-align:center;border-bottom:1px solid rgba(255,255,255,0.06);background:radial-gradient(circle at 50% 15%,rgba(200,153,44,0.09) 0%,transparent 65%);}.workflow-hero-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:9999px;background:rgba(255,255,255,0.04);border:1px solid rgba(245,206,104,0.3);color:var(--w-gold-light,#F7D479);font-size:0.78rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:1.75rem;}.workflow-hero-pill .pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--w-gold-light,#F7D479);box-shadow:0 0 10px rgba(247,212,121,0.8);animation:goldPulse 2s infinite ease-in-out;}@keyframes goldPulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.4;transform:scale(0.85);}}.workflow-hero-title{font-size:clamp(2.3rem,5.2vw,3.85rem);font-weight:800;line-height:1.15;letter-spacing:-0.03em;color:#FFFFFF;max-width:960px;margin:0 auto 1.5rem;}.workflow-hero-subtitle{font-size:clamp(1.05rem,2vw,1.22rem);color:var(--w-text-body,#CBD5E1);line-height:1.65;max-width:800px;margin:0 auto 2.5rem;}.hero-actions{display:flex;gap:1.25rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem;}.hero-trust-bar{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap;font-size:0.86rem;color:var(--w-text-muted,#94A3B8);font-weight:500;margin-bottom:3.5rem;}.hero-trust-bar span{display:inline-flex;align-items:center;gap:7px;}.hero-trust-bar svg{color:var(--w-gold-light,#F7D479);}.workflow-viz-card{max-width:1040px;margin:0 auto;background:var(--w-obsidian-card,#07090D);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:2.25rem 2rem 2.5rem;box-shadow:0 20px 50px rgba(0,0,0,0.6);position:relative;overflow:hidden;}.workflow-viz-card::before{content:'';position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(247,212,121,0.4),transparent);}.workflow-viz-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,0.06);padding-bottom:1rem;margin-bottom:2rem;}.viz-title{font-size:0.85rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--w-gold-light,#F7D479);display:flex;align-items:center;gap:8px;}.viz-status{font-size:0.78rem;color:#10B981;display:flex;align-items:center;gap:6px;font-weight:600;}.viz-status-dot{width:6px;height:6px;border-radius:50%;background:#10B981;box-shadow:0 0 8px #10B981;}.workflow-track{display:flex;align-items:center;justify-content:space-between;position:relative;gap:10px;margin-bottom:2rem;}.workflow-node{flex:1;min-width:0;background:var(--w-obsidian-elevated,#0C0F15);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:1.25rem 0.8rem;text-align:center;position:relative;transition:transform 0.2s ease,border-color 0.2s ease;}.workflow-node:hover{border-color:rgba(247,212,121,0.4);transform:translateY(-2px);}.workflow-node.active-stage{border-color:rgba(247,212,121,0.5);background:linear-gradient(180deg,rgba(200,153,44,0.08) 0%,rgba(12,15,21,0.95) 100%);}.node-step{font-size:0.68rem;font-weight:800;color:var(--w-gold-light,#F7D479);letter-spacing:0.08em;margin-bottom:4px;}.node-label{font-size:0.9rem;font-weight:700;color:#FFFFFF;margin-bottom:4px;}.node-desc{font-size:0.72rem;color:var(--w-text-muted,#94A3B8);line-height:1.35;}.workflow-connector{width:24px;height:2px;background:rgba(255,255,255,0.12);position:relative;flex-shrink:0;}.workflow-connector::after{content:'';position:absolute;top:-3px;right:0;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid rgba(255,255,255,0.2);}.workflow-connector.active-signal::before{content:'';position:absolute;top:-1px;left:0;width:8px;height:4px;border-radius:2px;background:var(--w-gold-light,#F7D479);box-shadow:0 0 8px rgba(247,212,121,0.9);animation:signalGlide 2.2s infinite ease-in-out;}@keyframes signalGlide{0%{left:0;opacity:0;}30%{opacity:1;}80%{opacity:1;}100%{left:16px;opacity:0;}}.exception-branch-card{background:rgba(245,158,11,0.04);border:1px dashed rgba(245,158,11,0.35);border-radius:12px;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;}.exception-label{display:flex;align-items:center;gap:10px;font-size:0.85rem;font-weight:700;color:#F59E0B;}.exception-desc{font-size:0.82rem;color:var(--w-text-muted,#94A3B8);margin:0;}.exception-action{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:6px;background:rgba(245,158,11,0.12);border:1px solid rgba(245,158,11,0.3);color:#FCD34D;font-size:0.78rem;font-weight:700;white-space:nowrap;}.comparison-split-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem;}.process-card{background:var(--w-obsidian-card,#07090D);border:1px solid rgba(255,255,255,0.08);border-radius:18px;padding:2.25rem 2rem;position:relative;}.process-card.card-manual{border-color:rgba(239,68,68,0.2);}.process-card.card-connected{border-color:rgba(247,212,121,0.3);background:linear-gradient(180deg,rgba(200,153,44,0.04) 0%,rgba(7,9,13,0.95) 100%);}.process-card-badge{display:inline-flex;align-items:center;gap:6px;font-size:0.75rem;font-weight:800;text-transform:uppercase;letter-spacing:0.06em;padding:4px 12px;border-radius:6px;margin-bottom:1.25rem;}.card-manual .process-card-badge{background:rgba(239,68,68,0.1);color:#F87171;border:1px solid rgba(239,68,68,0.25);}.card-connected .process-card-badge{background:rgba(245,206,104,0.1);color:var(--w-gold-light,#F7D479);border:1px solid rgba(245,206,104,0.25);}.process-card-title{font-size:1.4rem;font-weight:800;color:#FFFFFF;margin-bottom:0.5rem;}.process-card-desc{font-size:0.92rem;color:var(--w-text-muted,#94A3B8);margin-bottom:1.75rem;line-height:1.5;}.step-flow-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem;}.step-flow-item{display:flex;align-items:flex-start;gap:12px;padding:0.85rem 1rem;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:10px;font-size:0.88rem;color:#E2E8F0;}.step-num{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.72rem;font-weight:800;flex-shrink:0;margin-top:1px;}.card-manual .step-num{background:rgba(239,68,68,0.15);color:#F87171;border:1px solid rgba(239,68,68,0.3);}.card-connected .step-num{background:rgba(247,212,121,0.15);color:var(--w-gold-light,#F7D479);border:1px solid rgba(247,212,121,0.3);}.step-content strong{color:#FFFFFF;font-weight:700;}.step-content p{margin:2px 0 0;font-size:0.82rem;color:var(--w-text-muted,#94A3B8);}.trio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.75rem;margin-top:2rem;}.principle-card{background:var(--w-obsidian-card,#07090D);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:2.25rem 1.75rem;position:relative;transition:transform 0.2s ease,border-color 0.2s ease;}.principle-card:hover{transform:translateY(-3px);border-color:rgba(247,212,121,0.35);}.principle-icon{width:48px;height:48px;border-radius:12px;background:rgba(247,212,121,0.08);border:1px solid rgba(247,212,121,0.2);display:flex;align-items:center;justify-content:center;color:var(--w-gold-light,#F7D479);margin-bottom:1.5rem;}.principle-title{font-size:1.22rem;font-weight:700;color:#FFFFFF;margin-bottom:0.75rem;}.principle-desc{font-size:0.92rem;color:var(--w-text-muted,#94A3B8);line-height:1.6;margin:0;}.ai-inside-wrapper{background:var(--w-obsidian-card,#07090D);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:3rem 2.5rem;margin-top:2rem;}.ai-pipeline-diagram{display:flex;align-items:stretch;justify-content:space-between;gap:12px;margin:2.5rem 0 2rem;position:relative;}.pipeline-box{flex:1;min-width:0;padding:1.5rem 1rem;border-radius:12px;background:var(--w-obsidian-elevated,#0C0F15);border:1px solid rgba(255,255,255,0.08);text-align:center;display:flex;flex-direction:column;justify-content:center;}.pipeline-box.box-ai{background:linear-gradient(180deg,rgba(99,102,241,0.08) 0%,rgba(12,15,21,0.95) 100%);border-color:rgba(129,140,248,0.35);}.pipeline-box.box-gate{background:linear-gradient(180deg,rgba(245,158,11,0.08) 0%,rgba(12,15,21,0.95) 100%);border-color:rgba(245,158,11,0.35);}.pipeline-box.box-action{background:linear-gradient(180deg,rgba(200,153,44,0.08) 0%,rgba(12,15,21,0.95) 100%);border-color:rgba(247,212,121,0.35);}.p-step-badge{font-size:0.68rem;font-weight:800;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:6px;color:var(--w-gold-light,#F7D479);}.box-ai .p-step-badge{color:#A5B4FC;}.box-gate .p-step-badge{color:#FCD34D;}.p-step-title{font-size:0.95rem;font-weight:700;color:#FFFFFF;margin-bottom:6px;}.p-step-note{font-size:0.74rem;color:var(--w-text-muted,#94A3B8);line-height:1.35;}.usecase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:1.75rem;margin-top:2rem;}.usecase-card{background:var(--w-obsidian-card,#07090D);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:2.25rem 2rem;display:flex;flex-direction:column;transition:transform 0.2s ease,border-color 0.2s ease;}.usecase-card:hover{border-color:rgba(247,212,121,0.35);transform:translateY(-3px);}.usecase-num{font-size:0.75rem;font-weight:800;color:var(--w-gold-light,#F7D479);letter-spacing:0.08em;margin-bottom:0.75rem;}.usecase-title{font-size:1.25rem;font-weight:700;color:#FFFFFF;margin-bottom:0.75rem;line-height:1.3;}.usecase-problem{font-size:0.88rem;color:#F87171;margin-bottom:1.25rem;line-height:1.5;padding-left:12px;border-left:2px solid rgba(239,68,68,0.4);}.usecase-flow{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.6rem;font-size:0.84rem;color:#CBD5E1;margin-top:auto;}.usecase-flow li{display:flex;align-items:center;gap:8px;}.usecase-flow svg{color:var(--w-gold-light,#F7D479);flex-shrink:0;}.controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.75rem;margin-top:2rem;}.control-card{background:var(--w-obsidian-card,#07090D);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:2rem 1.75rem;}.control-card-header{display:flex;align-items:center;gap:12px;margin-bottom:1rem;}.control-icon{width:40px;height:40px;border-radius:10px;background:rgba(247,212,121,0.08);border:1px solid rgba(247,212,121,0.2);display:flex;align-items:center;justify-content:center;color:var(--w-gold-light,#F7D479);flex-shrink:0;}.control-title{font-size:1.15rem;font-weight:700;color:#FFFFFF;margin:0;}.control-desc{font-size:0.9rem;color:var(--w-text-muted,#94A3B8);line-height:1.6;margin:0;}.nonuse-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-top:2rem;}.nonuse-card{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:14px;padding:1.75rem 1.5rem;}.nonuse-header{display:flex;align-items:center;gap:10px;margin-bottom:0.75rem;font-size:1.05rem;font-weight:700;color:#FFFFFF;}.nonuse-header svg{color:#F87171;flex-shrink:0;}.nonuse-desc{font-size:0.88rem;color:var(--w-text-muted,#94A3B8);line-height:1.55;margin:0;}.decision-table-wrapper{max-width:1000px;margin:2rem auto 0;background:var(--w-obsidian-card,#07090D);border:1px solid rgba(255,255,255,0.08);border-radius:18px;overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,0.5);}.decision-table{width:100%;border-collapse:collapse;text-align:left;font-size:0.92rem;}.decision-table th,.decision-table td{padding:1.35rem 1.5rem;border-bottom:1px solid rgba(255,255,255,0.06);}.decision-table th{background:rgba(255,255,255,0.03);color:#FFFFFF;font-weight:700;font-size:0.88rem;text-transform:uppercase;letter-spacing:0.05em;}.decision-table th.col-highlight{background:rgba(200,153,44,0.08);color:var(--w-gold-light,#F7D479);border-bottom:2px solid var(--w-gold-light,#F7D479);}.decision-table td.col-highlight{background:rgba(200,153,44,0.02);}.decision-table td strong{color:#FFFFFF;}.decision-table tr:last-child td{border-bottom:none;}.decision-bridge-box{margin-top:2rem;text-align:center;padding:1.5rem;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);border-radius:14px;}.decision-bridge-box p{margin:0 0 0.75rem;font-size:0.95rem;color:#CBD5E1;}.integration-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem;}.integration-category-card{background:var(--w-obsidian-card,#07090D);border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:1.75rem 1.5rem;}.int-cat-title{font-size:1.05rem;font-weight:700;color:#FFFFFF;margin-bottom:0.5rem;display:flex;align-items:center;gap:8px;}.int-cat-title svg{color:var(--w-gold-light,#F7D479);}.int-cat-desc{font-size:0.8rem;color:var(--w-text-muted,#94A3B8);margin-bottom:1rem;line-height:1.4;}.int-pills-wrap{display:flex;flex-wrap:wrap;gap:6px;}.int-pill{padding:4px 10px;border-radius:6px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);font-size:0.75rem;color:#CBD5E1;font-weight:500;}.nocode-split-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem;}.nocode-card{background:var(--w-obsidian-card,#07090D);border:1px solid rgba(255,255,255,0.08);border-radius:18px;padding:2.25rem 2rem;}.nocode-card-header{display:flex;align-items:center;gap:10px;margin-bottom:1rem;}.nocode-card-title{font-size:1.3rem;font-weight:700;color:#FFFFFF;margin:0;}.nocode-card-desc{font-size:0.92rem;color:var(--w-text-muted,#94A3B8);line-height:1.6;margin-bottom:1.5rem;}.nocode-points-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.75rem;font-size:0.88rem;}.nocode-points-list li{display:flex;align-items:flex-start;gap:10px;color:#CBD5E1;}.nocode-points-list svg{flex-shrink:0;margin-top:3px;}.process-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:2rem;}.workflow-step-card{background:var(--w-obsidian-card,#07090D);border:1px solid rgba(255,255,255,0.07);border-radius:14px;padding:1.75rem 1.5rem;position:relative;}.workflow-step-num{font-size:0.82rem;font-weight:800;color:var(--w-gold-light,#F7D479);letter-spacing:0.06em;margin-bottom:0.75rem;}.workflow-step-title{font-size:1.12rem;font-weight:700;color:#FFFFFF;margin-bottom:0.5rem;}.workflow-step-desc{font-size:0.86rem;color:var(--w-text-muted,#94A3B8);line-height:1.55;margin:0;}.proof-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.75rem;margin-top:2rem;}.proof-card{background:var(--w-obsidian-card,#07090D);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:2.25rem 1.75rem;display:flex;flex-direction:column;}.proof-tag{font-size:0.72rem;font-weight:800;text-transform:uppercase;letter-spacing:0.06em;color:var(--w-gold-light,#F7D479);margin-bottom:0.75rem;}.proof-title{font-size:1.25rem;font-weight:700;color:#FFFFFF;margin-bottom:0.75rem;}.proof-desc{font-size:0.88rem;color:var(--w-text-muted,#94A3B8);line-height:1.55;margin-bottom:1.5rem;}.proof-features{list-style:none;padding:0;margin:0 0 1.5rem 0;display:flex;flex-direction:column;gap:0.6rem;font-size:0.82rem;color:#CBD5E1;}.proof-features li{display:flex;align-items:center;gap:8px;}.proof-features svg{color:var(--w-gold-light,#F7D479);flex-shrink:0;}.proof-disclaimer{margin-top:2.5rem;padding:1.25rem 1.5rem;border-radius:12px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.06);text-align:center;font-size:0.84rem;color:var(--w-text-muted,#94A3B8);}.faq-accordion{max-width:860px;margin:2rem auto 0;display:flex;flex-direction:column;gap:1rem;}.faq-item{background:var(--w-obsidian-card,#07090D);border:1px solid rgba(255,255,255,0.08);border-radius:14px;overflow:hidden;transition:border-color 0.2s ease;}.faq-item:hover{border-color:rgba(247,212,121,0.3);}.faq-question-btn{width:100%;padding:1.35rem 1.5rem;background:transparent;border:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;color:#FFFFFF;font-size:1.05rem;font-weight:700;text-align:left;cursor:pointer;font-family:inherit;}.faq-icon-arrow{width:18px;height:18px;flex-shrink:0;color:var(--w-gold-light,#F7D479);transition:transform 0.25s ease;}.faq-item.active .faq-icon-arrow{transform:rotate(180deg);}.faq-answer-content{display:none;padding:0 1.5rem 1.35rem;color:var(--w-text-body,#CBD5E1);font-size:0.92rem;line-height:1.65;}.faq-item.active .faq-answer-content{display:block;}.workflow-cta-section{padding:6rem 0;text-align:center;position:relative;border-top:1px solid rgba(255,255,255,0.08);}.workflow-cta-box{max-width:920px;margin:0 auto;background:radial-gradient(circle at 50% 0%,rgba(200,153,44,0.12) 0%,rgba(7,9,13,0.98) 70%);border:1px solid rgba(247,212,121,0.3);border-radius:24px;padding:4.5rem 2.5rem;box-shadow:0 24px 60px rgba(0,0,0,0.6);position:relative;}.workflow-cta-title{font-size:clamp(2rem,4vw,2.85rem);font-weight:800;color:#FFFFFF;margin-bottom:1.25rem;letter-spacing:-0.02em;}.workflow-cta-subtitle{font-size:1.1rem;color:var(--w-text-body,#CBD5E1);max-width:700px;margin:0 auto 2.5rem;line-height:1.65;}.cta-bridge-note{font-size:0.88rem;color:var(--w-text-muted,#94A3B8);margin-top:2rem;font-style:italic;}@media (max-width:900px){.comparison-split-grid,.nocode-split-grid{grid-template-columns:1fr;}.workflow-track{flex-direction:column;gap:8px;}.workflow-connector{width:2px;height:16px;}.workflow-connector::after{top:auto;bottom:0;right:-3px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid rgba(255,255,255,0.2);}.ai-pipeline-diagram{flex-direction:column;}}@media (max-width:640px){.workflow-section{padding:3.5rem 0;}.workflow-hero{padding:5.5rem 0 3.5rem;}.workflow-viz-card{padding:1.5rem 1rem;}.workflow-cta-box{padding:3rem 1.5rem;}}