/* Revision 3: one narrative follows the information; approvals stay explicit. */
.workflow-story{--organize:0;--automate:0;--insight:0;--review-height:72px;height:2500px;background:#eaf4f8;color:#153c58;position:relative;border-top:1px solid #c7dce7;border-bottom:1px solid #c7dce7}
.workflow-pin{position:sticky;top:var(--review-height);height:calc(100svh - var(--review-height));max-height:820px;min-height:620px;padding:50px 6.5%;display:grid;grid-template-columns:.85fr 1.3fr;gap:6%;align-items:center;overflow:hidden}
.workflow-copy{position:relative;z-index:2}.workflow-copy>.chapter{color:#0b7f8a;font-size:12px}.workflow-copy h2{font-size:clamp(36px,4.2cqw,62px);line-height:1.06;letter-spacing:-.055em;color:#123750}
.workflow-description{margin-top:30px;min-height:160px}.workflow-description h3{font-size:22px;line-height:1.25;color:#0d7f87;letter-spacing:-.5px;font-weight:600;max-width:360px}.workflow-description p{font-size:14px;line-height:1.85;color:#55778b;margin-top:15px;max-width:395px}
.workflow-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:26px}.workflow-tabs button{border:0;background:transparent;position:relative;text-align:left;padding:8px 0 16px;color:#52768b;font-size:10px;min-height:56px;font-weight:500}.workflow-tabs button>span{display:block;font-size:9px;margin-bottom:7px;color:#568698}.workflow-tabs button>i{position:absolute;left:0;right:0;bottom:0;height:3px;background:#c2d9e3;border-radius:2px;transition:background .2s}.workflow-tabs button[aria-pressed=true]{color:#0a737e}.workflow-tabs button[aria-pressed=true]>i{background:#19b5b9;box-shadow:0 0 12px #2ab4b322}.workflow-hint{display:block;font-size:10px;color:#608497;margin-top:17px;line-height:1.6}
.workflow-scene{height:470px;position:relative;isolation:isolate;perspective:1200px}.workflow-plane{position:absolute;inset:5% -10%;background:radial-gradient(ellipse,#53c9ce23,transparent 68%);z-index:-2}.workflow-trace{position:absolute;inset:8% 8% 0;border:1px solid #5396a421;border-radius:50%;box-shadow:0 0 0 32px #73bbc00a,0 0 0 65px #73bbc006;transform:rotateX(50deg);opacity:calc(1 - var(--organize)*.65);z-index:-1}.workflow-items{position:absolute;inset:0}
.workflow-item{position:absolute;left:calc(var(--x)*(1 - var(--organize)) + 1%*var(--organize));top:calc(var(--y)*(1 - var(--organize)) + (2% + var(--row)*14.9%)*var(--organize));width:calc(55% + 43%*var(--organize) - 40%*var(--insight));height:62px;background:linear-gradient(120deg,#ffffff,#f6fcfe);border:1px solid #b7d5df;border-radius:12px;box-shadow:0 15px 30px #17465d14;display:flex;gap:10px;align-items:center;padding:12px;transform:rotate(calc(var(--angle)*(1 - var(--organize))));will-change:transform,top,left,width;z-index:1}
.workflow-icon{flex:none;width:32px;height:32px;display:grid;place-items:center;background:#e0f2f3;border-radius:9px;color:#1497a1}.workflow-icon .line-icon{width:19px;height:19px}.workflow-item-text{min-width:0;flex:1}.workflow-item-text strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:600;color:#234e65}.workflow-item-text small{display:block;font-size:9px;color:#648799;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px;opacity:var(--organize)}
.workflow-item-state{position:absolute;right:10px;top:19px;display:flex;gap:5px;align-items:center;font-size:9px;line-height:1.3;padding:4px 7px;background:#def2ef;color:#0b7b77;border:1px solid #97d3cc;border-radius:14px;opacity:calc(var(--automate)*(1 - var(--insight)));transform:translateY(calc((1 - var(--automate))*6px));pointer-events:none}.workflow-item-state .line-icon{width:13px;height:13px}.needs-person .workflow-item-state{background:#fff4e4;color:#9c5b17;border-color:#e4bf8e}.workflow-story[data-stage="2"] .workflow-item-text{padding-right:140px}
.workflow-dashboard{position:absolute;top:1%;bottom:8%;right:0;width:39%;border:1px solid #416d83;border-radius:18px;padding:24px 18px;background:linear-gradient(145deg,#153e58,#08283f);box-shadow:0 22px 40px #09334b22;color:#e5f6fa;opacity:var(--insight);transform:translateY(calc((1 - var(--insight))*25px)) rotateY(calc((1 - var(--insight))*-15deg));pointer-events:none;z-index:2}.workflow-panel-top{display:flex;gap:7px;align-items:center;font-size:10px;color:#a6d5df}.workflow-dashboard h3{font-size:26px;line-height:1.15;letter-spacing:-1px;margin-top:22px}.workflow-panel-row{display:flex;gap:9px;padding:14px 0;border-bottom:1px solid #366078;align-items:center}.workflow-panel-row>.line-icon{width:19px;height:19px;color:#70dcd3}.workflow-panel-row>span{font-size:9px;color:#98becf;line-height:1.5}.workflow-panel-row strong{display:block;font-size:11px;color:#e1f6f8;font-weight:500;margin-top:2px}.review-row>.line-icon,.review-row strong{color:#ffd19b}.workflow-panel-footer{font-size:10px;line-height:1.7;color:#9bc5d3;margin-top:15px}.workflow-caption{position:absolute;bottom:-13px;left:0;right:0;text-align:center;font-size:10px;line-height:1.5;color:#668b9c}
.workflow-manual{height:auto;padding-bottom:20px}.workflow-manual .workflow-pin{position:relative;top:0;height:auto;max-height:none;min-height:0}.workflow-manual .workflow-item{will-change:auto}
.approval-ai .ai-heading>p{max-width:720px}.approval-ai .connected-layout{grid-template-columns:.85fr .48fr 1.67fr;margin-top:45px}.approval-ai .ai-output{padding:26px;min-height:490px}.approval-ai .ai-result-head{font-size:10px}.approval-ai .ai-result-head>small{max-width:125px;text-align:right;line-height:1.4}.approval-ai .ai-received{font-size:13px;line-height:1.75;padding:16px}.approval-ai .ai-result-title h3{font-size:19px}.approval-ai .brain-glass{width:70px;height:80px;border-radius:22px}.approval-ai .brain-glass>.line-icon{width:42px;height:42px}.approval-ai .neural-core>span{font-size:8px;bottom:35px;text-align:center}.approval-ai .neural-core{height:260px}
.approval-rows{margin-top:20px}.approval-row{display:grid;grid-template-columns:112px 1fr 20px;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #3a5d7088;min-height:54px}.approval-row>span:first-child{color:#91b6c9;font-size:11px}.approval-row>strong{font-size:12px;line-height:1.6;font-weight:500;color:#e5f4fa}.approval-row>.line-icon{width:17px;height:17px;color:#6ce1d3}.approval-row.approval-review{grid-template-columns:112px 1fr 70px}.approval-review>strong{color:#ffd098}.approval-badge{font-size:10px;color:#ffd098;display:flex;gap:5px;align-items:center;justify-content:center;padding:5px;border:1px solid #bc894f77;border-radius:20px;background:#73512b33}.approval-badge>span{font-size:10px;width:12px;height:12px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%}
.approval-next{display:flex;gap:12px;align-items:center;margin-top:23px;background:#1b47577a;border:1px solid #3a6d7c;border-radius:11px;padding:15px}.approval-next>.line-icon{color:#91e3d9;width:20px;height:20px}.approval-next>p{font-size:12px;line-height:1.65;color:#c9e3eb}.approval-next strong{font-size:10px;display:block;margin-bottom:4px;color:#78d9d0}.approval-ai .ai-result-note{font-size:11px;margin-top:16px;line-height:1.7}.approval-principle{margin-top:35px;padding-top:25px;border-top:1px solid #2a4e64;display:flex;align-items:start;gap:14px;color:#9cbdcf}.approval-principle>.line-icon{color:#68d3cd;width:22px;height:22px;margin-top:3px}.approval-principle p{font-size:13px;line-height:1.8;max-width:940px}.approval-principle strong{display:block;color:#d6eef4;font-weight:500;margin-bottom:5px}
.data-demand-example{display:flex;gap:13px;align-items:start;margin-top:20px;padding:18px 0 0;border-top:1px solid #356079}.data-demand-example>.line-icon{color:#68d6cc;width:23px;height:23px;margin-top:3px}.data-demand-example strong{font-size:12px;line-height:1.6;color:#b9e9e9;font-weight:500}.data-demand-example p{font-size:11px;line-height:1.8;color:#9fbfce;margin-top:7px}.crafted-catalog .card-paginas{grid-column:span 2;display:grid;grid-template-columns:.85fr 1.15fr;gap:20px 40px;background:#e0f1f4}.card-paginas .catalog-card-top{grid-column:1/-1}.card-paginas .service-sketch{grid-column:1;grid-row:2;height:230px;align-self:center}.card-paginas .catalog-card-copy{grid-column:2;grid-row:2}.card-paginas .sketch-web{padding:26px}.card-paginas .sketch-web strong{font-size:32px}
@container(max-width:1100px){.workflow-pin{padding:40px 5%;gap:4%;grid-template-columns:.8fr 1.2fr}.workflow-copy h2{font-size:44px}.workflow-description p{font-size:13px}.workflow-description h3{font-size:20px}.workflow-tabs{gap:7px}.workflow-tabs button{font-size:9px}.workflow-scene{height:420px}.workflow-item{padding:9px;height:56px;gap:7px}.workflow-item-text strong{font-size:10px}.workflow-item-text small{font-size:8px}.workflow-icon{width:26px;height:29px}.workflow-icon .line-icon{width:17px;height:17px}.workflow-item-state{font-size:8px;right:8px;top:18px}.workflow-dashboard{padding:18px 13px}.workflow-dashboard h3{font-size:22px;margin-top:16px}.workflow-panel-row{padding:12px 0}.workflow-panel-row strong{font-size:10px}.workflow-panel-row>span{font-size:8px}.workflow-panel-footer{font-size:9px}.approval-ai .connected-layout{grid-template-columns:.85fr .3fr 1.75fr}.approval-ai .brain-glass{width:52px;height:61px;border-radius:17px}.approval-ai .brain-glass>.line-icon{width:34px;height:34px}.approval-ai .neural-core>span{display:none}.approval-ai .ai-output{padding:22px}.approval-row{grid-template-columns:90px 1fr 18px;gap:10px}.approval-row.approval-review{grid-template-columns:90px 1fr 65px}.crafted-catalog .card-paginas{grid-column:span 1;display:flex;gap:0}.card-paginas .service-sketch{height:150px;align-self:stretch}.card-paginas .sketch-web strong{font-size:24px}}
@container(max-width:800px){.workflow-pin{grid-template-columns:1fr;padding:28px 6%;gap:12px;align-content:start;min-height:620px}.workflow-copy h2{font-size:34px;max-width:600px;line-height:1.1}.workflow-copy h2 br{display:none}.workflow-copy>.chapter{margin-bottom:13px;font-size:11px}.workflow-description{margin-top:16px;min-height:99px}.workflow-description h3{font-size:18px;max-width:none}.workflow-description p{font-size:12px;max-width:none;margin-top:8px;line-height:1.7}.workflow-tabs{margin-top:10px;gap:15px;max-width:520px}.workflow-tabs button{font-size:10px;min-height:38px;padding:5px 0 11px}.workflow-tabs button>span{display:none}.workflow-hint{display:none}.workflow-scene{height:295px;max-width:650px;width:100%;margin:7px auto 0}.workflow-item{height:40px;border-radius:9px;padding:7px;gap:7px}.workflow-item-text strong{font-size:10px}.workflow-item-text small{font-size:7px;margin-top:2px}.workflow-icon{width:24px;height:24px;border-radius:7px}.workflow-item-state{top:10px;right:8px;font-size:7px;padding:3px 5px}.workflow-dashboard{border-radius:12px;padding:13px 12px}.workflow-panel-top{font-size:8px}.workflow-dashboard h3{font-size:20px;margin-top:10px}.workflow-panel-row{padding:8px 0;gap:7px}.workflow-panel-row>span{font-size:7px}.workflow-panel-row strong{font-size:9px}.workflow-panel-row>.line-icon{width:15px;height:15px}.workflow-panel-footer{font-size:8px;line-height:1.6;margin-top:8px}.workflow-caption{bottom:-5px;font-size:8px}.approval-ai .connected-layout{grid-template-columns:1fr 1.65fr;gap:23px}.approval-ai .neural-core{display:none}.approval-ai .ai-output{padding:21px}.approval-row{grid-template-columns:1fr 70px;gap:5px 10px}.approval-row>span:first-child{grid-column:1;grid-row:1}.approval-row>strong{grid-column:1;grid-row:2}.approval-row>.line-icon,.approval-badge{grid-column:2;grid-row:1/3;justify-self:end}.approval-row.approval-review{grid-template-columns:1fr 70px}}
@container(max-width:720px){.workflow-story{height:2100px}.workflow-pin{min-height:650px;max-height:730px;gap:12px;padding-top:25px;padding-bottom:20px}.workflow-description{min-height:116px}.workflow-copy h2{font-size:32px;max-width:480px}.workflow-scene{height:300px;margin-top:10px}.workflow-item-text strong{font-size:9px}.workflow-item-text small{font-size:7px}.workflow-story[data-stage="2"] .workflow-item-text{padding-right:110px}.workflow-dashboard{width:40%;padding:13px 10px}.workflow-dashboard h3{font-size:18px;letter-spacing:-.5px}.workflow-panel-row{gap:5px}.workflow-panel-row>.line-icon{width:13px;height:13px}.workflow-panel-row strong{font-size:8px}.workflow-panel-footer{font-size:8px}.workflow-tabs{gap:9px}.workflow-tabs button{font-size:9px}.workflow-manual{height:auto}.workflow-manual .workflow-pin{max-height:none;min-height:0;height:auto;padding-bottom:40px}.approval-ai .connected-layout{gap:0}.approval-ai .neural-core{display:grid;height:120px;width:170px}.approval-ai .ai-output{min-height:530px;padding:21px}.approval-ai .ai-result-head{font-size:9px;gap:8px;align-items:start}.approval-ai .ai-result-head>small{font-size:8px;max-width:80px}.approval-ai .ai-result-head>span{line-height:1.5}.approval-ai .ai-received{font-size:14px;padding:14px}.approval-ai .ai-result-title h3{font-size:21px;line-height:1.25}.approval-row{padding:13px 0}.approval-row>strong{font-size:13px}.approval-row>span:first-child{font-size:10px}.approval-badge{font-size:10px}.approval-next{padding:13px;gap:9px}.approval-next>p{font-size:13px}.approval-principle{margin-top:27px;padding-top:23px}.approval-principle p{font-size:12px}.data-demand-example strong{font-size:13px}.data-demand-example p{font-size:12px}.crafted-catalog .card-paginas{grid-column:auto}}
@container(max-width:360px){.workflow-copy h2{font-size:29px}.workflow-description h3{font-size:17px}.workflow-description p{font-size:11px}.workflow-scene{height:290px}.workflow-item{gap:5px;padding:6px}.workflow-icon{width:20px;height:23px}.workflow-icon .line-icon{width:14px;height:14px}.workflow-item-text strong{font-size:8px}.workflow-item-text small{font-size:6px}.workflow-dashboard h3{font-size:16px}.workflow-panel-top{font-size:7px}.workflow-panel-row>.line-icon{display:none}.workflow-panel-row strong{font-size:8px}.workflow-panel-footer{font-size:7px}.workflow-item-state{font-size:7px}.workflow-story[data-stage="2"] .workflow-item-text{padding-right:108px}.approval-ai .ai-output{padding:17px}.approval-ai .ai-result-title h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){.workflow-story{height:auto}.workflow-pin{position:relative;top:0;height:auto;max-height:none}.workflow-item{will-change:auto}.workflow-dashboard{transform:none}.workflow-trace{display:none}}
.regions>span small{display:block;font-size:11px;line-height:1.6;margin-top:6px;color:#acc9dc}