/* Existing blue/turquoise palette and Manrope retained. Motion belongs to the workflow. */
.final-preview .review-bar{display:none}
.final-preview .site-frame{max-width:none;box-shadow:none}
.final-preview.mobile-preview .site-frame{max-width:430px}
.final-preview .site-nav{position:sticky;top:0;z-index:50;background:var(--navy);margin:0;padding:0 4.6%;height:88px;gap:22px}
.final-preview .site-nav>nav{margin-left:auto}
.final-preview .header-language{margin:0;background:transparent;border:1px solid #8cb8c33d;border-radius:22px;padding:3px;gap:2px}
.final-preview .header-language button{border-radius:18px;color:#b8d2e0;min-width:36px;min-height:34px}
.final-preview .header-language button[aria-pressed=true]{background:#70dbd5;color:#08293d}
.final-preview .mobile-nav{position:sticky;top:88px;z-index:49}
@container(max-width:900px){.final-preview .site-nav{gap:14px}.final-preview .site-nav>nav{display:none}.final-preview .header-language{margin-left:auto}.final-preview .menu-button{display:flex}.final-preview .nav-contact{display:none}}
@container(max-width:720px){.final-preview .site-nav{height:76px;padding:0 6%;gap:10px}.final-preview .mobile-nav{top:76px}.final-preview .header-language button{min-width:34px;min-height:36px}.final-preview .brand-wordmark{font-size:19px}.final-preview .brand.brand-signature{gap:8px}}
.brand.brand-signature{padding:0;background:none;border:0;border-radius:0;gap:12px;line-height:1;color:#f0f8fc}
.brand-shield{width:43px;height:54px;flex:none;filter:drop-shadow(0 3px 6px #030e1e55)}
.brand-wordmark{font:800 23px/1 Manrope,sans-serif;letter-spacing:.035em;color:#f0f8fc}
.site-nav .brand-signature{min-height:62px}
.workflow-item{width:calc(55% + 43%*var(--organize) - 40%*var(--insight));transform:rotate(calc(var(--angle)*(1 - var(--organize))));opacity:1;box-shadow:0 15px 30px #17465d14}
.operation-dashboard.workflow-dashboard{inset:0 0 auto;width:100%;height:auto;min-height:440px;padding:0;border-radius:17px;background:#f8fcff;color:#123750;border:1px solid #b4d2df;box-shadow:0 28px 60px #12375024;transform-origin:50% 60%;transform:translateY(calc((1 - var(--insight))*42px)) rotateX(calc((1 - var(--insight))*8deg)) rotateY(calc((1 - var(--insight))*-16deg)) scale(calc(.82 + var(--insight)*.18));overflow:hidden}
.operation-top{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#123750;color:#ddf3f8;font-size:11px}
.operation-symbol{font-size:25px;font-weight:800;color:#64d8d1}
.operation-top small{margin-left:auto;font-size:8px;color:#b6d4df}
.operation-body{padding:22px}
.operation-heading>span{font-size:10px;color:#577e91}
.operation-dashboard .operation-heading h3{font-size:27px;line-height:1.15;margin:8px 0 20px;color:#123750;letter-spacing:-1px}
.operation-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.operation-metrics>div{border-bottom:2px solid #62c6c5;background:#e8f3f7;padding:12px}
.operation-metrics b{display:block;font-size:28px;line-height:1.1;font-weight:600}
.operation-metrics span{display:block;font-size:9px;line-height:1.5;margin-top:7px;color:#486f84}
.operation-metrics .metric-review{border-color:#c58b38;background:#fff3e0}
.operation-columns{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;margin-top:24px}
.operation-columns h4{font-size:11px;margin:0 0 12px}
.operation-activity>div:not(.operation-track){display:flex;align-items:center;gap:7px;margin:10px 0;font-size:9px;color:#486f84}
.operation-activity .line-icon{width:15px;height:15px;flex:none;color:#15818a}
.operation-activity .line-icon:last-child{margin-left:auto;width:12px}
.operation-track{display:flex;height:35px;align-items:end;gap:6px;margin-top:16px}
.operation-track i{flex:1;height:var(--bar);background:linear-gradient(#67cfc9,#198ca5);border-radius:2px 2px 0 0;transform:scaleY(var(--insight));transform-origin:bottom}
.operation-decisions{border-left:1px solid #d2e0e7;padding-left:18px}
.operation-decisions>div+div{border-top:1px solid #dfE6e8;margin-top:12px;padding-top:10px}
.operation-decisions span,.operation-decisions strong,.operation-decisions small{display:block;line-height:1.6}
.operation-decisions span{font-size:8px;color:#648394}
.operation-decisions strong{font-size:11px;font-weight:600}
.operation-decisions small{font-size:8px;color:#94601d}
.operation-bottom{border-top:1px solid #d7e6ec;margin-top:19px;padding-top:13px;display:flex;align-items:center;gap:7px;font-size:9px;color:#477986}
.operation-bottom .line-icon{width:14px;height:14px}
.area-explorer{padding:42px 6.5% 28px;background:#0b2841;color:#e9f6fa}
.area-explorer h2{font-size:30px;letter-spacing:-1px;line-height:1.2}
.area-explorer .chapter{font-size:11px;margin-bottom:15px}
.area-explorer p{font-size:13px;line-height:1.8;color:#b1cddc;max-width:680px;margin-top:16px}
.area-filters{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}
.area-filters button{border:1px solid #4b7086;background:transparent;color:#c7e1e9;border-radius:24px;padding:12px 19px;font:500 12px Manrope,sans-serif;cursor:pointer;min-height:44px;transition:background .2s,color .2s}
.area-filters button[aria-pressed=true]{background:#72d5cf;color:#092b40;border-color:#72d5cf}
.area-filters button:hover{border-color:#72d5cf}
.area-explorer .area-status{font-size:11px}
.crafted-catalog .catalog-card[hidden],.crafted-catalog .catalog-index a[hidden]{display:none}
.practical-example{border-left:2px solid #58b8ba;padding:0 0 0 14px;margin:18px 0 25px}
.practical-example>span{display:block;color:#507c8b;font-size:9px;margin-bottom:6px}
.practical-example>strong{display:block;font-size:12px;font-weight:600}
.practical-example>p{font-size:11px;line-height:1.85;color:#52748a;margin-top:6px}
.card-dados .practical-example>span{color:#8cc7cf}.card-dados .practical-example>p{color:#b7d2df}
.first-conversation{display:grid;grid-template-columns:1fr 1.15fr;gap:9%;background:#eaf4f9;color:#143b55;border-top:1px solid #d0e3ec}
.conversation-intro h2{font-size:clamp(33px,4cqw,52px);line-height:1.1;letter-spacing:-.045em;max-width:500px}
.conversation-intro>p{font-size:14px;color:#50758b;line-height:1.9;margin:24px 0;max-width:430px}
.conversation-intro .text-link{color:#087d88;font-size:13px}
.conversation-steps{list-style:none;padding:0;margin:0}
.conversation-steps li{display:grid;grid-template-columns:28px 1fr 24px;gap:15px;border-top:1px solid #bfd9e3;padding:23px 0}
.conversation-steps li>span{font-size:11px;color:#168b94;padding-top:5px}
.conversation-steps h3{font-size:19px;line-height:1.35;font-weight:600;letter-spacing:-.4px}
.conversation-steps p{font-size:13px;line-height:1.8;color:#50758b;margin-top:10px}
.conversation-steps .line-icon{width:23px;height:23px;color:#198d97}
.contact-address{font-style:normal;font-size:13px;line-height:1.9;color:#b0ccdc;margin-top:24px}
.contact a.contact-email{display:inline-block;text-decoration:underline;text-underline-offset:5px}
.contact-form .contact-status{font-size:13px;line-height:1.7;margin:12px 0 0;color:#b3eee8;max-width:none}
.contact-form button:disabled{opacity:.6;transform:none}
/* Explain the result progressively after a deliberate scenario selection. */
.ai-output.reveal-approval .approval-row{animation:approval-arrive .45s both;animation-delay:calc(var(--row-order)*.14s)}
.ai-output.reveal-approval .approval-next{animation:approval-arrive .45s .65s both}
@keyframes approval-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@container(max-width:1100px){.operation-body{padding:17px}.operation-dashboard .operation-heading h3{font-size:24px}.operation-columns{gap:13px}.operation-decisions{padding-left:12px}.operation-dashboard.workflow-dashboard{min-height:405px}.operation-metrics>div{padding:10px}.operation-metrics b{font-size:25px}.operation-top{padding:12px 16px}.operation-columns{margin-top:18px}}
@container(max-width:800px){.workflow-scene{height:360px;max-width:540px}.operation-dashboard.workflow-dashboard{min-height:0}.operation-heading{display:none}.operation-body{padding:14px 18px}.operation-top{padding:9px 16px}.operation-metrics b{font-size:24px}.operation-metrics span{font-size:9px}.operation-columns{margin-top:15px}.operation-track{height:25px;margin-top:8px}.operation-bottom{margin-top:12px;padding-top:10px}.workflow-pin{min-height:720px}.workflow-manual .workflow-pin{min-height:0}.first-conversation{gap:30px;grid-template-columns:1fr}.conversation-intro>p{max-width:580px}}
@container(max-width:720px){.brand.brand-signature{padding:0;gap:9px}.brand-shield{width:33px;height:43px}.brand-wordmark{font-size:19px}.site-nav .brand-signature{min-height:48px}.operation-top{font-size:9px;gap:8px}.operation-top small{font-size:7px;max-width:70px;text-align:right}.operation-symbol{font-size:22px}.operation-body{padding:12px}.operation-metrics{gap:6px}.operation-metrics>div{padding:9px 7px}.operation-metrics span{font-size:8px}.operation-metrics b{font-size:23px}.operation-columns{gap:10px}.operation-columns h4{font-size:10px}.operation-activity>div:not(.operation-track){font-size:8px;gap:4px}.operation-decisions strong{font-size:10px}.operation-decisions span,.operation-decisions small{font-size:8px}.operation-bottom{font-size:8px}.workflow-scene{height:340px}.workflow-pin{max-height:none;min-height:720px}.area-explorer{padding:30px 6% 23px}.area-explorer h2{font-size:27px}.area-filters{gap:8px}.area-filters button{font-size:11px;padding:11px 14px}.conversation-steps li{grid-template-columns:23px 1fr 20px;gap:10px}.conversation-steps h3{font-size:18px}.conversation-steps p{font-size:13px}.practical-example>p{font-size:13px}.practical-example>span{font-size:10px}.practical-example>strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.ai-output.reveal-approval .approval-row,.ai-output.reveal-approval .approval-next{animation:none}.operation-dashboard.workflow-dashboard{transform:none}.workflow-item{will-change:auto}}

/* Keep the organized rows alongside the compact summary panel. */
.workflow-scene{height:470px}
@container(max-width:1100px){.workflow-scene{height:420px}}
@container(max-width:800px){.workflow-scene{height:295px;max-width:650px}}
@container(max-width:720px){.workflow-scene{height:300px}}