.site-nav{height:68px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:12px;z-index:30;padding:0 16px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(12,26,46,.72);box-shadow:0 12px 40px rgba(0,0,0,.14);backdrop-filter:blur(20px) saturate(145%);-webkit-backdrop-filter:blur(20px) saturate(145%);transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease}
.site-nav.is-scrolled{background:rgba(12,26,46,.94);border-color:rgba(255,255,255,.13);box-shadow:0 10px 32px rgba(0,0,0,.2)}
.brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:850;letter-spacing:.12em}
.brand img{width:34px;height:34px;object-fit:contain}
.brand .mode-logo-on{display:none}
.navlinks{display:flex;align-items:center;gap:18px;color:#c8cfda;font-size:12px}
.navlinks>a:not(.button):hover{color:#fff}
.menu-toggle{display:none;width:43px;height:43px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.04);color:#fff;cursor:pointer}
.menu-toggle span,.menu-toggle:before,.menu-toggle:after{content:"";display:block;width:18px;height:2px;margin:4px auto;background:currentColor;transition:.2s}
.nav-group{position:relative}
.nav-group-toggle{display:flex;align-items:center;gap:7px;border:0;padding:8px 0;background:transparent;color:inherit;font:inherit;cursor:pointer}
.nav-group-toggle::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .18s ease}
.nav-group-toggle[aria-expanded="true"]::after{transform:rotate(225deg) translate(-1px,-1px)}
.nav-group-toggle:hover,.nav-group-toggle:focus-visible,.nav-group.is-current>.nav-group-toggle{color:#fff}
.nav-group.is-current>.nav-group-toggle{font-weight:750}
.nav-group.is-current>.nav-group-toggle::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--yellow)}
.nav-dropdown{position:absolute;top:calc(100% + 14px);left:50%;width:230px;padding:8px;transform:translate(-50%,-6px);border:1px solid var(--line);border-radius:15px;background:rgba(12,26,46,.98);box-shadow:0 18px 44px rgba(0,0,0,.32);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease}
.nav-group.open>.nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.nav-dropdown a{display:block;padding:11px 12px;border-radius:10px;color:#c8cfda;line-height:1.3}
.nav-dropdown a:hover,.nav-dropdown a:focus-visible,.nav-dropdown a[aria-current="page"]{color:#fff;background:rgba(255,255,255,.07)}
.navlinks>a[aria-current="page"]{color:#fff;font-weight:750;text-decoration:underline;text-decoration-color:var(--yellow);text-underline-offset:7px;text-decoration-thickness:2px}
.procesa-mode{display:flex;align-items:center;gap:7px;margin-left:2px;color:#aeb8c8;font-size:9px;font-weight:800;letter-spacing:.08em;white-space:nowrap}
.procesa-mode button{position:relative;width:38px;height:22px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.07);color:inherit;cursor:pointer}
.procesa-mode button:before{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#aeb8c8;transition:transform .2s ease,background-color .2s ease}
.procesa-mode button[aria-pressed="true"]:before{transform:translateX(16px)}
.procesa-mode-state{min-width:20px;text-align:center}
.global-footer .footer-grid{grid-template-columns:1.55fr repeat(4,1fr)}
.global-footer .footer-brand .brand{color:#fff}
.global-footer .company-data{margin-top:16px}
.global-footer .company-data span,.global-footer .company-data a{display:block;color:#8994a6;font-size:12px;line-height:1.7}
.global-footer .company-data a:hover{color:#fff}
footer{border-top:1px solid var(--line);padding:55px 0 35px;color:#8994a6}
.footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:35px}
.footer-brand p{max-width:280px;font-size:12px;line-height:1.6}
.footer-col h3{color:#fff;font-size:12px;margin:0 0 16px}
.footer-col a,.footer-col span{display:block;font-size:12px;line-height:1.7;color:#8994a6}
.footer-col a:hover{color:#fff}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:45px;padding-top:22px;border-top:1px solid var(--line);font-size:11px}
@media(max-width:1180px){
  .navlinks{position:absolute;left:0;right:0;top:76px;display:none;align-items:stretch;flex-direction:column;gap:18px;max-height:calc(100vh - 96px);overflow-y:auto;padding:14px;border:1px solid var(--line);border-radius:18px;background:rgba(12,26,46,.97);box-shadow:0 18px 50px rgba(0,0,0,.3);backdrop-filter:blur(22px)}
  .navlinks.open{display:flex}
  .navlinks>a{padding:13px 12px}
  .navlinks .button{margin-top:8px}
  .procesa-mode{order:8;justify-content:space-between;min-height:48px;margin:0;padding:10px 12px;border-top:1px solid var(--line);font-size:10px}
  .procesa-mode button{width:46px;height:44px}
  .procesa-mode button:before{left:4px;top:12px;width:18px;height:18px}
  .procesa-mode button[aria-pressed="true"]:before{transform:translateX(18px)}
  .menu-toggle{display:block}
  .nav-group{width:100%}
  .nav-group-toggle{width:100%;justify-content:space-between;padding:13px 12px}
  .nav-group.is-current>.nav-group-toggle::before{margin-right:6px}
  .nav-group.is-current>.nav-group-toggle::after{margin-left:auto}
  .nav-dropdown{position:static;width:auto;margin:0 6px;padding:0 8px;transform:none;border:0;border-left:1px solid rgba(255,216,0,.35);border-radius:0;background:transparent;box-shadow:none;max-height:0;overflow:hidden;opacity:1;visibility:visible;pointer-events:none;transition:max-height .2s ease,padding .2s ease}
  .nav-group.open>.nav-dropdown{max-height:180px;padding-top:4px;padding-bottom:6px;transform:none;pointer-events:auto}
  .nav-dropdown a{padding:11px 14px}
  .global-footer .footer-grid{grid-template-columns:repeat(2,1fr)}
  .global-footer .footer-brand{grid-column:1/-1}
  body.menu-open{overflow:hidden}
}
@media(max-width:560px){.global-footer .footer-grid{grid-template-columns:1fr}.global-footer .footer-brand{grid-column:auto}.global-footer .footer-bottom{align-items:flex-start;flex-direction:column}.footer-col a,.global-footer .company-data a{min-height:24px;display:flex;align-items:center}}
@media(max-width:430px){.site-nav{padding:0 12px}}
@media(prefers-reduced-motion:reduce){.site-nav,.nav-dropdown,.nav-group-toggle::after,.menu-toggle span,.menu-toggle:before,.menu-toggle:after,.procesa-mode button:before,body,main,section,footer{transition:none}}

html[data-procesa-mode="on"] body:before{background:radial-gradient(940px circle at 12% 4%,rgba(255,255,255,.48),transparent 56%),radial-gradient(860px circle at 88% 30%,rgba(20,36,62,.05),transparent 59%),linear-gradient(180deg,#ffd900,#ffe45a 48%,#ffd900)}
html[data-procesa-mode="on"] body,html[data-procesa-mode="on"] main,html[data-procesa-mode="on"] section{color:var(--text)}
html[data-procesa-mode="on"] .site-nav{isolation:isolate;background:rgba(255,248,210,.88);border-color:rgba(255,255,255,.58);box-shadow:0 16px 45px rgba(20,36,62,.12),0 3px 10px rgba(20,36,62,.05),inset 0 1px 0 rgba(255,255,255,.72)}
html[data-procesa-mode="on"] .site-nav::before{content:"";position:absolute;inset:1px;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,.03));pointer-events:none;z-index:0}
html[data-procesa-mode="on"] .site-nav>.brand,html[data-procesa-mode="on"] .site-nav>.menu-toggle,html[data-procesa-mode="on"] .site-nav>.navlinks{z-index:1}
html[data-procesa-mode="on"] .site-nav.is-scrolled{background:rgba(255,248,210,.92);border-color:rgba(255,255,255,.64);box-shadow:0 17px 46px rgba(20,36,62,.14),0 3px 10px rgba(20,36,62,.055),inset 0 1px 0 rgba(255,255,255,.76)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  html[data-procesa-mode="on"] .site-nav{background:rgba(255,255,255,.2);backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%)}
  html[data-procesa-mode="on"] .site-nav.is-scrolled{background:rgba(255,255,255,.28);backdrop-filter:blur(30px) saturate(165%);-webkit-backdrop-filter:blur(30px) saturate(165%)}
}
html[data-procesa-mode="on"] .brand .mode-logo-off{display:none}
html[data-procesa-mode="on"] .brand .mode-logo-on{display:block}
html[data-procesa-mode="on"] .navlinks{color:#263a59}
html[data-procesa-mode="on"] .navlinks>a:not(.button):hover,html[data-procesa-mode="on"] .nav-group-toggle:hover,html[data-procesa-mode="on"] .nav-group-toggle:focus-visible,html[data-procesa-mode="on"] .nav-group.is-current>.nav-group-toggle,html[data-procesa-mode="on"] .navlinks>a[aria-current="page"]{color:#14243e}
html[data-procesa-mode="on"] .nav-dropdown{background:#fff2a0;border-color:rgba(20,36,62,.22);box-shadow:0 18px 38px rgba(20,36,62,.16)}
html[data-procesa-mode="on"] .nav-dropdown a{color:#34445d}
html[data-procesa-mode="on"] .nav-dropdown a:hover,html[data-procesa-mode="on"] .nav-dropdown a:focus-visible,html[data-procesa-mode="on"] .nav-dropdown a[aria-current="page"]{color:#14243e;background:rgba(20,36,62,.09)}
html[data-procesa-mode="on"] .menu-toggle{background:rgba(20,36,62,.06);color:#14243e}
html[data-procesa-mode="on"] .procesa-mode{color:#34445d}
html[data-procesa-mode="on"] .procesa-mode button{border-color:rgba(20,36,62,.7);background:#14243e;box-shadow:0 0 0 3px rgba(20,36,62,.07)}
html[data-procesa-mode="on"] .procesa-mode button:before{background:#ffe86a;box-shadow:0 1px 5px rgba(0,0,0,.18)}
html[data-procesa-mode="on"] .procesa-mode-state:last-child{color:#14243e;font-weight:900}
html[data-procesa-mode="on"] .button{border-color:rgba(20,36,62,.28);background:rgba(255,255,255,.34);color:#14243e}
html[data-procesa-mode="on"] .button:hover{border-color:rgba(20,36,62,.46);background:rgba(255,255,255,.52)}
html[data-procesa-mode="on"] .button.primary{background:var(--button-primary-bg);border-color:var(--button-primary-bg);color:var(--button-primary-text);box-shadow:0 14px 36px rgba(20,36,62,.16)}
html[data-procesa-mode="on"] .button.primary:hover{background:#1c2d49}
html[data-procesa-mode="on"] :where(.eyebrow,.pill,.more,.evaluation,.tool-item,.tech,.token,.path-note,.integration-close,.specialty){color:#263a59}
html[data-procesa-mode="on"] .evaluation strong,html[data-procesa-mode="on"] .acronyms b,html[data-procesa-mode="on"] .contact-paths strong,html[data-procesa-mode="on"] .consent-field label{color:#14243e}
html[data-procesa-mode="on"] .feature-list span,html[data-procesa-mode="on"] .cash-step span,html[data-procesa-mode="on"] .case-meta p{color:#263a59}
html[data-procesa-mode="on"] .tech-message,html[data-procesa-mode="on"] .report-list span,html[data-procesa-mode="on"] .identity-layout .specialty{color:#14243e}
html[data-procesa-mode="on"] :where(.micro,.hero-note,.num),html[data-procesa-mode="on"] .field small,html[data-procesa-mode="on"] .case-meta small,html[data-procesa-mode="on"] .legal-date,html[data-procesa-mode="on"] .legal-footer-links a{color:#34445d}
html[data-procesa-mode="on"] :where(.panel,.card,.reason,.benefit,.use-case,.tech-group,.tech,.automation-copy,.automation-board,.why-intro,.why-grid,.contact-shell,.main-form,.hero-map,.process-map,.opportunity-map,.hero-statement,.about-statement,.hybrid-diagram,.decision-flow,.principle-flow,.after-flow,.approach-diagram,.rpa-capabilities,.product-window){background:#fff1a8;background:rgba(255,255,255,.28);border-color:rgba(255,255,255,.42);box-shadow:0 14px 40px rgba(20,36,62,.065),inset 0 1px 0 rgba(255,255,255,.56)}
html[data-procesa-mode="on"] :where(.card,.contact-shell,.main-form,.hero-map,.process-map,.opportunity-map,.hero-statement,.about-statement,.hybrid-diagram,.product-window){background:#fff0a0;background:linear-gradient(145deg,rgba(255,255,255,.38),rgba(255,255,255,.18));border-color:rgba(255,255,255,.46);box-shadow:0 18px 55px rgba(20,36,62,.1),inset 0 1px 0 rgba(255,255,255,.65);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%)}
html[data-procesa-mode="on"] :where(.problem,.step,.node,.issue,.three-principles article,.editorial-list article,.thinking article,.technical-areas article,.why-list article,.solution-stack article,.platform-line article,.criteria article,.signal-grid article,.plan-table,.plan-table th:first-child,.plan-table td:first-child){background:#fff0a0;background:var(--surface-alt);color:var(--text);border-color:rgba(20,36,62,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.42)}
html[data-procesa-mode="on"] :where(.problems,.faq,.method,.users,.plans,.purpose,.complementary,.flexibility,.method-link,.principle,.adaptable,.collaboration,.after-production,.assessment-note,.shaded,.cross-approach,.identity,.automation,.solutions-about,.remote,.next-step,.remote-contact){background:linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,.1));border-color:rgba(20,36,62,.15)}
html[data-procesa-mode="on"] .solution.featured{position:relative;background:#fff0a0;background:linear-gradient(145deg,rgba(255,255,255,.46),rgba(255,255,255,.2));border-color:rgba(255,255,255,.56);box-shadow:0 28px 72px rgba(20,36,62,.16),0 0 48px rgba(255,255,255,.12),inset 0 1px 0 rgba(255,255,255,.76);backdrop-filter:blur(21px) saturate(128%);-webkit-backdrop-filter:blur(21px) saturate(128%)}
html[data-procesa-mode="on"] .solution:not(.featured){background:#fff0aa;background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.38);box-shadow:0 13px 34px rgba(20,36,62,.07),inset 0 1px 0 rgba(255,255,255,.46);backdrop-filter:blur(15px) saturate(120%);-webkit-backdrop-filter:blur(15px) saturate(120%)}
html[data-procesa-mode="on"] .process{padding:80px 0;background:transparent;color:#f8f9fd;border:0;box-shadow:none}
html[data-procesa-mode="on"] .process>.wrap{padding:70px 48px;border:1px solid rgba(255,255,255,.09);border-radius:38px;background:#14243e;background:linear-gradient(145deg,#14243e,#172b49);box-shadow:0 30px 80px rgba(20,36,62,.2),inset 0 1px 0 rgba(255,255,255,.05)}
html[data-procesa-mode="on"] .process :where(.section-tag,.step b){color:#ffd900}
html[data-procesa-mode="on"] .process :where(.section-head p,.step p){color:#c4cedc}
html[data-procesa-mode="on"] .process .step{background:rgba(255,255,255,.065);color:#f8f9fd;border-color:rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
html[data-procesa-mode="on"] :where(.closing,.system-note,.scope-note,.specialty,.consent-field label,.feature-list span,.cash-step span,.case-meta p,.mini-flow,.legal-date){color:#263a59}
html[data-procesa-mode="on"] :where(.field input,.field select,.field textarea){background:#fff9dc;background:rgba(255,255,255,.78);border-color:rgba(20,36,62,.28);color:#14243e;box-shadow:inset 0 1px 0 rgba(255,255,255,.58)}
html[data-procesa-mode="on"] .field select option{background:#fff4ae;color:#14243e}
html[data-procesa-mode="on"] .area-nav{background:rgba(255,229,85,.94);border-color:rgba(20,36,62,.22)}
html[data-procesa-mode="on"] .area-nav a{color:#34445d}
html[data-procesa-mode="on"] .plan-table thead th,html[data-procesa-mode="on"] .plan-table thead th:first-child{background:#14243e;color:#fff4ae}
html[data-procesa-mode="on"] .yes{color:#14243e}
html[data-procesa-mode="on"] .no{color:#59667a}
html[data-procesa-mode="on"] :where(.pill,.tech,.token,.approach span,.availability-badge){background:rgba(255,255,255,.38);border-color:rgba(20,36,62,.18);color:#263a59}
html[data-procesa-mode="on"] :where(.legal-index,.legal-note,.legal-identity){background:rgba(255,255,255,.5);border-color:rgba(20,36,62,.17);box-shadow:0 12px 34px rgba(20,36,62,.055)}
html[data-procesa-mode="on"] .product-shot,html[data-procesa-mode="on"] .product-shot img{filter:none}
html[data-procesa-mode="on"] footer{background:#0d1a2e;border-color:rgba(255,255,255,.16);color:#8994a6;box-shadow:0 -16px 48px rgba(20,36,62,.12)}
html[data-procesa-mode="on"] footer .brand,html[data-procesa-mode="on"] footer h3{color:#fff}
html[data-procesa-mode="on"] footer a:hover{color:#fff}
html[data-procesa-mode="on"] footer :focus-visible{outline-color:#ffd900}
html,body,main,section,footer{transition:background-color .2s ease,color .2s ease,border-color .2s ease}
html .legal-copy section{scroll-margin-top:125px}

@media(max-width:1180px){html[data-procesa-mode="on"] .navlinks{background:rgba(255,229,85,.98);border-color:rgba(20,36,62,.22)}}
@media(hover:hover) and (pointer:fine){
  html[data-procesa-mode="on"] :where(.card,.reason,.benefit,.use-case,.assessment-item,.overview-item,.system,.hardware-item,.user-type,.plan){transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
  html[data-procesa-mode="on"] :where(.card,.reason,.benefit,.use-case,.assessment-item,.overview-item,.system,.hardware-item,.user-type,.plan):hover{transform:translateY(-3px);border-color:rgba(20,36,62,.25);box-shadow:0 20px 50px rgba(20,36,62,.11),inset 0 1px 0 rgba(255,255,255,.58)}
}
@media(max-width:560px){
  html[data-procesa-mode="on"] .site-nav{background:rgba(255,248,210,.9)}
  @supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){html[data-procesa-mode="on"] .site-nav{background:rgba(255,255,255,.32);backdrop-filter:blur(22px) saturate(155%);-webkit-backdrop-filter:blur(22px) saturate(155%)}html[data-procesa-mode="on"] .site-nav.is-scrolled{background:rgba(255,255,255,.36);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%)}}
  html[data-procesa-mode="on"] :where(.card,.contact-shell,.main-form,.hero-map,.process-map,.opportunity-map,.hero-statement,.about-statement){background:linear-gradient(145deg,rgba(255,255,255,.5),rgba(255,255,255,.28));box-shadow:0 10px 28px rgba(20,36,62,.07);backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%)}
  html[data-procesa-mode="on"] .solution.featured{background:linear-gradient(145deg,rgba(255,255,255,.56),rgba(255,255,255,.3));box-shadow:0 16px 40px rgba(20,36,62,.11);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
  html[data-procesa-mode="on"] .process{padding:48px 0}
  html[data-procesa-mode="on"] .process>.wrap{padding:42px 22px;border-radius:24px;box-shadow:0 20px 50px rgba(20,36,62,.17)}
}
@media(prefers-reduced-motion:reduce){html[data-procesa-mode="on"] :where(.card,.reason,.benefit,.use-case,.assessment-item,.overview-item,.system,.hardware-item,.user-type,.plan){transition:none}}

/* ON color system — clear surfaces, strategic navy */
html[data-procesa-mode="on"] main :where(.deliverable,.fit-item,.method-stage,.three-principles article,.editorial-list article,.signal-grid article,.platform-line article,.criteria article,.thinking article,.technical-areas article,.why-list article){background:var(--surface-soft);color:var(--text);border-color:var(--surface-border);box-shadow:inset 0 1px 0 rgba(255,255,255,.58)}
html[data-procesa-mode="on"] main :where(.deliverable,.fit-item,.method-stage,.three-principles article,.editorial-list article,.signal-grid article,.platform-line article,.criteria article,.thinking article,.technical-areas article,.why-list article) :where(h2,h3,strong){color:var(--text)}
html[data-procesa-mode="on"] main :where(.deliverable,.fit-item,.method-stage,.three-principles article,.editorial-list article,.signal-grid article,.platform-line article,.criteria article,.thinking article,.technical-areas article,.why-list article) :where(p,small){color:var(--text-muted)}
html[data-procesa-mode="on"] main :where(.deliverable-list,.fit-list,.method-flow,.three-principles,.editorial-list,.signal-grid,.platform-line,.criteria,.thinking,.technical-areas,.why-list){background:var(--surface-border);border-color:var(--surface-border)}
html[data-procesa-mode="on"] main .deliverables-intro,html[data-procesa-mode="on"] main .fit-editorial{background:var(--surface-elevated);border-color:var(--surface-border);box-shadow:0 18px 48px rgba(20,36,62,.085),inset 0 1px 0 rgba(255,255,255,.7);backdrop-filter:blur(16px) saturate(122%);-webkit-backdrop-filter:blur(16px) saturate(122%)}
html[data-procesa-mode="on"] main .solution-stack article{background:var(--surface-soft);color:var(--text);border-color:var(--surface-border);box-shadow:0 14px 38px rgba(20,36,62,.07),inset 0 1px 0 rgba(255,255,255,.58)}
html[data-procesa-mode="on"] main .solution-stack .primary-solution{background:linear-gradient(145deg,rgba(255,255,255,.48),rgba(255,247,190,.28));border-color:rgba(255,255,255,.7);box-shadow:0 20px 52px rgba(20,36,62,.1),inset 0 1px 0 rgba(255,255,255,.74)}
html[data-procesa-mode="on"] main .solution-stack :where(h3,p){color:var(--text)}
html[data-procesa-mode="on"] main .question{background:var(--surface-soft);border-color:var(--surface-border);color:var(--text);box-shadow:inset 0 1px 0 rgba(255,255,255,.48)}
html[data-procesa-mode="on"] main .table-wrap{background:rgba(255,255,255,.24);border-color:var(--surface-border);box-shadow:0 18px 48px rgba(20,36,62,.09),inset 0 1px 0 rgba(255,255,255,.62)}
html[data-procesa-mode="on"] main .plan-table{background:rgba(255,255,255,.28);color:var(--text)}
html[data-procesa-mode="on"] main .plan-table tbody td{background:rgba(255,255,255,.2);color:var(--text);border-color:rgba(20,36,62,.13)}
html[data-procesa-mode="on"] main .plan-table tbody th:first-child,html[data-procesa-mode="on"] main .plan-table tbody td:first-child{background:rgba(255,247,190,.78);color:var(--text)}
html[data-procesa-mode="on"] main .plan-table thead th,html[data-procesa-mode="on"] main .plan-table thead th:first-child{background:var(--dark-island);color:#fff4ae;border-color:rgba(255,255,255,.12)}
html[data-procesa-mode="on"] main .plan-table .yes{color:var(--accent)}
html[data-procesa-mode="on"] main .plan-table .no{color:var(--text-muted)}

/* V25.1 — contraste de diagramas navy deliberados en modo ON */
html[data-procesa-mode="on"] main :where(.process-map,.opportunity-map) span{background:var(--dark-island);color:var(--dark-island-text);border-color:rgba(255,255,255,.14);text-shadow:0 1px 1px rgba(0,0,0,.14)}
html[data-procesa-mode="on"] main .process-map span:first-child,html[data-procesa-mode="on"] main .process-map span:last-child{border-color:rgba(255,216,0,.48)}
html[data-procesa-mode="on"] main .process-map i{background:#ffd800}
html[data-procesa-mode="on"] main .opportunity-map i{border-left-color:#ffd800}

/* Interacción compartida para todos los casos, sin tilt */
.case-row{transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
@media(hover:hover) and (pointer:fine){
  .case-row:hover{transform:translateY(-2px);background:rgba(255,255,255,.025);border-color:rgba(255,216,0,.22);box-shadow:0 12px 30px rgba(0,0,0,.08)}
  html[data-procesa-mode="on"] .case-row:hover{background:rgba(255,255,255,.14);border-color:rgba(20,36,62,.18);box-shadow:0 12px 28px rgba(20,36,62,.07)}
}
@media(prefers-reduced-motion:reduce){.case-row,.case-row:hover{transform:none;transition:none}}

/* Motion System — Fase A */
.motion-ready .motion-reveal{opacity:0;transition:opacity .52s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}
.motion-ready .motion-reveal-up{transform:translateY(20px)}
.motion-ready .motion-reveal-soft{transform:translateY(14px)}
.motion-ready .motion-reveal.is-visible{opacity:1;transform:translateY(0);will-change:auto}
.motion-ready .motion-hero-enter{animation:motion-hero-in .5s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--hero-delay,0ms)}
@keyframes motion-hero-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.motion-card{--tilt-x:0deg;--tilt-y:0deg;--mouse-x:50%;--mouse-y:50%;--motion-lift:0px;position:relative;isolation:isolate;overflow:hidden;transform:perspective(1000px) translateY(var(--motion-lift)) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.motion-card::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle 220px at var(--mouse-x) var(--mouse-y),rgba(255,216,0,.09),transparent 65%);opacity:0;pointer-events:none;transition:opacity .2s ease}
html[data-procesa-mode="on"] .motion-card::after{background:radial-gradient(circle 220px at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.2),transparent 65%)}
@media(hover:hover) and (pointer:fine){
  .motion-card:hover{--motion-lift:-3px;border-color:rgba(255,216,0,.32);box-shadow:0 20px 52px rgba(0,0,0,.16)}
  .motion-card.is-pointer-active::after{opacity:1}
  html[data-procesa-mode="on"] .motion-card:hover{border-color:rgba(20,36,62,.25);box-shadow:0 20px 50px rgba(20,36,62,.11),inset 0 1px 0 rgba(255,255,255,.58)}
  .button{transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease}
  .button:hover{transform:translateY(-1px)}
}
@media(max-width:560px){.motion-ready .motion-reveal{transition-duration:.45s}.motion-ready .motion-reveal{transition-delay:min(var(--reveal-delay,0ms),210ms)}}
@media(prefers-reduced-motion:reduce){
  .motion-reveal,.motion-hero-enter{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}
  .motion-card,.motion-card:hover{--motion-lift:0px!important;--tilt-x:0deg!important;--tilt-y:0deg!important;transform:none!important;transition:none!important}
  .motion-card::after{display:none}
}

/* Motion System B — Hero Interactive Network */
#inicio.hero{position:relative;isolation:isolate}
#inicio.hero .hero-network{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
#inicio.hero .hero-inner{position:relative;z-index:1}