.hero-map{position:relative;min-height:450px;border:1px solid var(--line);border-radius:32px;background:linear-gradient(145deg,rgba(255,217,0,.08),rgba(255,255,255,.025));display:grid;place-items:center;overflow:hidden}.hero-map:before,.hero-map:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.07);border-radius:50%;width:330px;height:330px}.hero-map:after{width:220px;height:220px}.core{position:relative;z-index:2;width:130px;height:130px;display:grid;place-items:center;text-align:center;border-radius:30px;background:var(--yellow);color:var(--ink);font-weight:850;letter-spacing:.08em;box-shadow:0 24px 60px rgba(255,217,0,.16)}.node{position:absolute;z-index:2;padding:10px 13px;border:1px solid var(--line);border-radius:12px;background:#152640;color:#d8dee7;font-size:11px}.node:nth-of-type(1){top:56px;left:45px}.node:nth-of-type(2){top:82px;right:40px}.node:nth-of-type(3){bottom:78px;left:45px}.node:nth-of-type(4){bottom:55px;right:38px}
.problems{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.018)}.problem-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:14px}.editorial{padding:38px}.editorial p{color:var(--muted);line-height:1.7;margin:0}.closing{margin-top:30px;padding:20px;border-left:3px solid var(--yellow);background:rgba(255,217,0,.06);color:#e5e9ef;line-height:1.6;font-size:14px}.problem-list{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);overflow:hidden}.problem{padding:25px;background:#12213a;min-height:170px}.problem b{display:block;color:var(--yellow);font-size:11px;margin-bottom:28px}.problem h3{font-size:17px;margin:0 0 8px}.problem p{color:var(--muted);font-size:12px;line-height:1.5;margin:0}
.assessment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.assessment-item{padding:25px;border:1px solid var(--line);border-radius:19px;background:rgba(255,255,255,.03)}.assessment-item span{display:block;width:25px;height:3px;background:var(--yellow);margin-bottom:24px}.assessment-item h3{font-size:17px;margin:0 0 8px}.assessment-item p{color:var(--muted);font-size:13px;line-height:1.55;margin:0}.big-callout{margin-top:24px;padding:38px;border:1px solid rgba(255,217,0,.28);border-radius:24px;background:linear-gradient(100deg,rgba(255,217,0,.13),rgba(255,255,255,.025));font-size:clamp(27px,4vw,46px);font-weight:730;letter-spacing:-.04em;text-align:center}
.systems{display:grid;grid-template-columns:1.02fr .98fr;gap:15px}.system-copy{padding:38px}.system-copy h3{font-size:clamp(30px,4vw,50px);line-height:1.04;letter-spacing:-.045em;margin:0 0 18px}.system-copy p{color:var(--muted);line-height:1.67}.system-note{margin-top:30px;color:#dde2e9;font-size:14px}.system-grid{padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.system{padding:19px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.system h3{font-size:15px;margin:0 0 7px}.system p{color:var(--muted);font-size:12px;line-height:1.45;margin:0}
.method{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.018)}.timeline{position:relative;margin-top:48px}.timeline:before{content:"";position:absolute;left:19px;top:0;bottom:0;width:1px;background:var(--line)}.phase{position:relative;display:grid;grid-template-columns:70px .45fr 1fr;gap:24px;align-items:start;padding:25px 0;border-bottom:1px solid var(--line)}.phase:last-child{border-bottom:0}.phase-num{position:relative;z-index:1;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--yellow);color:var(--ink);font-size:11px;font-weight:850}.phase h3{font-size:22px;margin:6px 0 0}.phase p{color:var(--muted);line-height:1.62;margin:6px 0 0}
.deliverables-shell{display:grid;grid-template-columns:.72fr 1.28fr;gap:15px}.deliverables-intro{padding:36px}.deliverables-intro h3{font-size:clamp(29px,4vw,47px);line-height:1.05;letter-spacing:-.04em;margin:0 0 18px}.deliverables-intro p{color:var(--muted);line-height:1.65}.deliverable-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);overflow:hidden}.deliverable{padding:22px;background:#12213a}.deliverable b{color:var(--yellow);font-size:10px}.deliverable h3{font-size:15px;margin:20px 0 7px}.deliverable p{color:var(--muted);font-size:12px;line-height:1.45;margin:0}
.use-cases{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.use-case{padding:24px 19px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.03)}.use-case h3{font-size:17px;margin:0 0 17px}.use-case ul{list-style:none;padding:0;margin:0}.use-case li{padding:8px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.4}
.tech{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.018)}.tech-shell{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tech-group{padding:32px}.tech-group h3{font-size:20px;margin:0 0 24px}.tech-list{display:flex;flex-wrap:wrap;gap:9px}.token{padding:11px 14px;border:1px solid var(--line);border-radius:12px;color:#d5dae3;font-size:13px;background:rgba(255,255,255,.035)}.tech-callout{text-align:center;font-size:clamp(27px,4vw,44px);letter-spacing:-.04em;margin:42px 0 0}.tech-callout span{color:var(--yellow)}
.integration{display:grid;grid-template-columns:.75fr 1.25fr;gap:15px;align-items:stretch}.integration-copy{padding:38px}.integration-copy h2{font-size:clamp(36px,5vw,60px);line-height:1;letter-spacing:-.05em;margin:16px 0 20px}.integration-copy p{color:var(--muted);line-height:1.66}.architecture{padding:30px;display:grid;place-items:center}.diagram{width:100%;display:grid;grid-template-columns:1fr 100px 1fr;grid-template-rows:1fr 1fr;gap:18px;align-items:center}.diagram-node{min-height:100px;display:grid;place-items:center;text-align:center;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035);font-weight:720;font-size:13px}.diagram-core{grid-column:2;grid-row:1/3;width:96px;height:96px;display:grid;place-items:center;border-radius:24px;background:var(--yellow);color:var(--ink);font-weight:900;box-shadow:0 18px 40px rgba(255,217,0,.13)}
.migration{display:grid;grid-template-columns:1fr .85fr;gap:15px}.migration-copy{padding:38px}.migration-copy h2{font-size:clamp(36px,5vw,61px);line-height:1;letter-spacing:-.05em;margin:16px 0 20px}.migration-copy p{color:var(--muted);line-height:1.66}.migration-flow{padding:28px;display:flex;flex-direction:column;justify-content:center}.migration-step{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}.migration-step:last-child{border:0}.migration-step b{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:var(--yellow);color:var(--ink);font-size:10px}.migration-step span{font-size:13px;font-weight:760;letter-spacing:.08em}
@media(max-width:1000px){.hero-map{min-height:370px}.use-cases{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.hero-map{min-height:330px}.problem-layout,.systems,.deliverables-shell,.tech-shell,.integration,.migration{grid-template-columns:1fr}.problem-list,.assessment-grid,.deliverable-list,.use-cases{grid-template-columns:1fr}.system-grid{grid-template-columns:1fr}.phase{grid-template-columns:56px 1fr}.phase p{grid-column:2}.diagram{grid-template-columns:1fr 82px 1fr}.diagram-core{width:78px;height:78px}}
@media(max-width:430px){.hero h1{font-size:45px}.hero-map{min-height:300px}.node{font-size:9px}.node:nth-of-type(1){left:18px}.node:nth-of-type(2){right:16px}.node:nth-of-type(3){left:18px}.node:nth-of-type(4){right:15px}.diagram{grid-template-columns:1fr}.diagram-core{grid-column:auto;grid-row:auto;margin:auto}.migration{grid-template-columns:minmax(0,1fr)}.migration>*{min-width:0}}

/* Motion System C — RPA */
.hero-map .rpa-connections{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible;pointer-events:none}.rpa-connection{fill:none;stroke:rgba(255,216,0,.38);stroke-width:1.25;vector-effect:non-scaling-stroke}.rpa-packet{fill:#ffd800;opacity:.78}.rpa-motion-ready .hero-map{--rpa-enter-delay:80ms}.rpa-motion-ready .hero-map .core,.rpa-motion-ready .hero-map .node,.rpa-motion-ready .hero-map .rpa-connection{opacity:0}.rpa-motion-ready .hero-map.rpa-entered .core{animation:rpa-core-enter .44s cubic-bezier(.22,1,.36,1) .14s both,rpa-core-breathe 5.8s ease-in-out 1.1s infinite}.rpa-motion-ready .hero-map.rpa-entered .node{animation:rpa-node-enter .38s cubic-bezier(.22,1,.36,1) both}.rpa-motion-ready .hero-map.rpa-entered .node:nth-of-type(1){animation-delay:.30s}.rpa-motion-ready .hero-map.rpa-entered .node:nth-of-type(2){animation-delay:.38s}.rpa-motion-ready .hero-map.rpa-entered .node:nth-of-type(3){animation-delay:.46s}.rpa-motion-ready .hero-map.rpa-entered .node:nth-of-type(4){animation-delay:.54s}.rpa-motion-ready .hero-map.rpa-entered .rpa-connection{stroke-dasharray:1;stroke-dashoffset:1;animation:rpa-line-draw .52s cubic-bezier(.22,1,.36,1) both}.rpa-motion-ready .hero-map.rpa-entered .rpa-connection:nth-child(1){animation-delay:.42s}.rpa-motion-ready .hero-map.rpa-entered .rpa-connection:nth-child(2){animation-delay:.49s}.rpa-motion-ready .hero-map.rpa-entered .rpa-connection:nth-child(3){animation-delay:.56s}.rpa-motion-ready .hero-map.rpa-entered .rpa-connection:nth-child(4){animation-delay:.63s}.hero-map .core,.hero-map .node{translate:var(--rpa-x,0) var(--rpa-y,0);transition:opacity .2s ease,border-color .2s ease,box-shadow .2s ease,translate .18s ease}.hero-map.rpa-paused :where(.core,.rpa-connection,.rpa-packet){animation-play-state:paused!important}.hero-map.rpa-has-focus .node{opacity:.68}.hero-map.rpa-has-focus .node.rpa-node-active{opacity:1;border-color:rgba(255,216,0,.52);box-shadow:0 10px 28px rgba(0,0,0,.12)}.hero-map.rpa-has-focus .core{box-shadow:0 24px 62px rgba(255,216,0,.22)}.hero-map .rpa-connection.rpa-line-active{stroke:rgba(255,216,0,.78);stroke-width:1.7}
html[data-procesa-mode="on"] .hero-map .rpa-connection{stroke:rgba(20,36,62,.34)}html[data-procesa-mode="on"] .hero-map .rpa-packet{fill:#14243e;opacity:.7}html[data-procesa-mode="on"] .hero-map.rpa-has-focus .node.rpa-node-active{border-color:rgba(20,36,62,.34);box-shadow:0 10px 26px rgba(20,36,62,.1)}html[data-procesa-mode="on"] .hero-map.rpa-has-focus .core{box-shadow:0 22px 54px rgba(20,36,62,.18)}html[data-procesa-mode="on"] .hero-map .rpa-connection.rpa-line-active{stroke:rgba(20,36,62,.72)}
.rpa-motion-ready .timeline:before{transform-origin:top;transform:scaleY(0);transition:transform .62s cubic-bezier(.22,1,.36,1)}.rpa-motion-ready .timeline.rpa-sequence-active:before{transform:scaleY(1)}.rpa-motion-ready .timeline .phase{opacity:.42;transform:translateY(8px);transition:opacity .34s ease,transform .34s ease}.rpa-motion-ready .timeline .phase.rpa-stage-active{opacity:1;transform:translateY(0)}.rpa-motion-ready .timeline .phase .phase-num{transition:box-shadow .25s ease,filter .25s ease}.rpa-motion-ready .timeline .phase.rpa-stage-active .phase-num{box-shadow:0 10px 26px rgba(255,216,0,.14);filter:saturate(1.06)}
.rpa-motion-ready .deliverable-list{opacity:0;transform:translateY(10px);transition:opacity .38s ease,transform .38s ease}.rpa-motion-ready .deliverable-list.rpa-sequence-active{opacity:1;transform:none}.rpa-motion-ready .deliverable-list .deliverable,.rpa-motion-ready .tech-list .token{opacity:.4;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease}.rpa-motion-ready .deliverable-list .rpa-stage-active,.rpa-motion-ready .tech-list .rpa-stage-active{opacity:1;transform:none}
@keyframes rpa-core-enter{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes rpa-core-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.015)}}@keyframes rpa-node-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes rpa-line-draw{to{opacity:1;stroke-dashoffset:0}}
@media(hover:hover) and (pointer:fine){.hero-map .node{cursor:default}}
@media(max-width:760px){.rpa-packet:nth-of-type(n+2){display:none}.rpa-motion-ready .timeline:before{transform-origin:top;transform:scaleY(0)}.rpa-motion-ready .timeline.rpa-sequence-active:before{transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){.rpa-motion-ready .hero-map .core,.rpa-motion-ready .hero-map .node,.rpa-motion-ready .hero-map .rpa-connection,.rpa-motion-ready .deliverable-list,.rpa-motion-ready .deliverable-list .deliverable,.rpa-motion-ready .tech-list .token,.rpa-motion-ready .timeline .phase{opacity:1!important;transform:none!important;translate:none!important;animation:none!important;transition:none!important}.rpa-motion-ready .timeline:before{transform:scaleY(1)!important;transition:none!important}.rpa-packet{display:none!important}}