.visual-journey,.transformation-visual,.operations-visual{position:relative;overflow:hidden;border:0!important;background:#0b0b0b!important;color:#fff;padding:72px!important;margin-bottom:88px!important}.visual-journey{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:center}.visual-journey:before,.operations-visual:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:rgba(255,35,35,.12);filter:blur(80px);pointer-events:none}.visual-copy{position:relative;z-index:2}.visual-copy h2,.operations-copy h2{font-size:40px;line-height:1.08;margin:14px 0 18px}.visual-copy p,.operations-copy p{color:#a8a8a8;font-size:16px}.visual-copy a,.operations-copy a{display:inline-flex;margin-top:14px;color:#fff;background:var(--red);padding:15px 18px;font-weight:750;font-size:13px}.journey-canvas{position:relative;min-height:480px;border:1px solid #292929;border-radius:18px;background:radial-gradient(circle at 50% 45%,rgba(255,35,35,.13),transparent 38%),linear-gradient(145deg,#121212,#080808);padding:38px;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-content:center}.journey-canvas:before{content:"";position:absolute;inset:18px;border:1px dashed #282020;border-radius:14px}.journey-node{position:relative;z-index:2;background:rgba(25,25,25,.94);border:1px solid #383838;border-radius:12px;padding:22px;min-height:130px;display:flex;flex-direction:column;box-shadow:0 14px 35px rgba(0,0,0,.35)}.journey-node span{color:var(--red);font-size:11px}.journey-node b{font-size:18px;line-height:1.2;margin:auto 0 7px}.journey-node small{color:#707070;font-size:9px;letter-spacing:.15em}.journey-line{position:absolute;z-index:3;left:50%;top:50%;width:82px;height:82px;border:2px solid var(--red);border-radius:50%;transform:translate(-50%,-50%);background:#090909;box-shadow:0 0 45px rgba(255,35,35,.3)}.journey-line:after{content:"UA";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:850;font-size:22px}.journey-line i{position:absolute;width:8px;height:8px;background:var(--red);border-radius:50%;box-shadow:0 0 12px var(--red)}.journey-line i:nth-child(1){top:-5px;left:35px}.journey-line i:nth-child(2){right:-5px;top:35px}.journey-line i:nth-child(3){bottom:-5px;left:35px}.journey-line i:nth-child(4){left:-5px;top:35px}.journey-status{position:absolute;z-index:4;bottom:15px;left:38px;right:38px;display:flex;justify-content:space-between;color:#797979;font-size:10px}.journey-status span i,.dash-top span i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#41db7b;box-shadow:0 0 10px #41db7b;margin-right:7px}.signal-pulse{display:none}
.transformation-visual{background:#f4f4f2!important;color:#0b0b0b!important}.transformation-head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:38px}.transformation-head h2{font-size:42px;line-height:1.1;max-width:730px;margin:0}.transform-board{display:grid;grid-template-columns:1fr 78px 1fr;align-items:center}.before-board,.after-board{background:#fff;border:1px solid #ddd;min-width:0}.before-board header,.after-board header{display:flex;justify-content:space-between;border-bottom:1px solid #e4e4e4;padding:18px 20px;font-size:11px;font-weight:800;letter-spacing:.09em}.before-board header i{color:#c33}.after-board header i{color:#198948}.messy-stage,.clean-stage{position:relative;height:270px;overflow:hidden}.messy-stage svg{position:absolute;inset:18px;width:calc(100% - 36px);height:calc(100% - 36px);fill:none;stroke:#bcbcbc;stroke-width:2;stroke-dasharray:7 5}.app-chip,.system-dot{position:absolute;z-index:2;display:grid;place-items:center;background:#111;color:#fff;border-radius:7px;font-size:10px;font-weight:800}.app-chip{width:66px;height:46px}.app-chip.a{left:9%;top:16%}.app-chip.b{right:10%;top:20%}.app-chip.c{left:20%;bottom:14%}.app-chip.d{right:18%;bottom:12%}.warning{position:absolute;z-index:3;width:24px;height:24px;display:grid;place-items:center;background:#fff0f0;border:1px solid #e22;color:#e22;border-radius:50%;font-weight:900}.warning.w1{left:47%;top:29%}.warning.w2{right:40%;bottom:20%}.clean-stage{background:radial-gradient(circle at center,rgba(255,35,35,.12),transparent 43%),#090909}.ua-core{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:112px;height:112px;border:2px solid var(--red);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 35px rgba(255,35,35,.25)}.ua-core small{font-size:7px;color:#888}.ua-core b{font-size:32px;color:var(--red)}.ua-core span{font-size:7px}.clean-ring{position:absolute;width:210px;height:210px;border:1px dashed #5e2727;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.system-dot{width:55px;height:38px;border:1px solid #444}.system-dot.d1{left:8%;top:16%}.system-dot.d2{right:8%;top:16%}.system-dot.d3{left:8%;bottom:16%}.system-dot.d4{right:8%;bottom:16%}.before-board footer,.after-board footer{display:flex;gap:8px;padding:14px;background:#fafafa}.before-board footer span,.after-board footer span{flex:1;font-size:9px;text-align:center;padding:8px 3px;border:1px solid #e8e8e8}.transform-arrow{text-align:center;color:var(--red)}.transform-arrow span{display:block;font-size:35px}.transform-arrow small{font-size:8px;font-weight:800;letter-spacing:.12em}
.operations-visual{display:grid;grid-template-columns:1.15fr .85fr;gap:65px;align-items:center}.ops-dashboard{position:relative;z-index:2;background:#121212;border:1px solid #303030;border-radius:16px;box-shadow:0 30px 60px rgba(0,0,0,.35);overflow:hidden}.dash-top{display:flex;justify-content:space-between;padding:19px 22px;border-bottom:1px solid #292929;font-size:10px;letter-spacing:.08em}.dash-top b{color:#6d6d6d;font-weight:500}.dash-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px}.dash-metrics article{background:#191919;border:1px solid #292929;padding:18px;min-height:125px}.dash-metrics small{color:#737373;font-size:8px;letter-spacing:.1em}.dash-metrics strong{display:block;margin-top:16px;font-size:20px}.health-bars{display:flex;gap:5px;margin-top:17px}.health-bars i{height:5px;flex:1;background:#3acb72;border-radius:3px}.mini-orbit{position:relative;height:32px;margin-top:12px;border-bottom:1px solid #444}.mini-orbit i{position:absolute;bottom:0;width:8px;border-radius:8px 8px 0 0;background:var(--red)}.mini-orbit i:nth-child(1){height:15px;left:12%}.mini-orbit i:nth-child(2){height:26px;left:46%}.mini-orbit i:nth-child(3){height:21px;right:12%}.dash-feed{padding:0 18px 18px}.dash-feed>div{display:grid;grid-template-columns:35px 1fr auto;gap:12px;align-items:center;padding:13px;border-top:1px solid #282828}.dash-feed i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:10px}.dash-feed i.ok{background:#133b22;color:#51e685}.dash-feed i.ai{background:#481919;color:#ff5454}.dash-feed b,.dash-feed small{display:block}.dash-feed b{font-size:12px}.dash-feed small,.dash-feed em{font-size:9px;color:#6d6d6d;font-style:normal}.operations-copy{position:relative;z-index:2}.operations-copy ul{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0;margin:28px 0;list-style:none}.operations-copy li{font-size:12px;border:1px solid #303030;padding:12px}.operations-copy li:before{content:"✓";color:#4ce184;margin-right:7px}
.offer-grid article,.card-grid article,.value-grid article{position:relative;overflow:hidden}.offer-grid article:after,.card-grid article:after,.value-grid article:after{content:"";position:absolute;width:90px;height:90px;border:1px solid rgba(255,35,35,.16);border-radius:50%;right:-35px;bottom:-40px}.metrics>div{position:relative;padding-left:70px!important}.metrics>div:before{content:"";position:absolute;left:20px;top:50%;width:30px;height:30px;transform:translateY(-50%);border:7px solid #eee;border-top-color:var(--red);border-radius:50%}
@media(max-width:900px){.visual-journey,.operations-visual{grid-template-columns:1fr;gap:42px}.visual-journey,.transformation-visual,.operations-visual{padding:42px 24px!important}.transformation-head{display:block}.transformation-head h2,.visual-copy h2,.operations-copy h2{font-size:34px;margin-top:12px}.transform-board{grid-template-columns:1fr}.transform-arrow{padding:12px;transform:rotate(90deg)}.journey-canvas{min-height:450px}.operations-visual .ops-dashboard{order:2}.operations-visual .operations-copy{order:1}}
@media(max-width:560px){.journey-canvas{min-height:560px;grid-template-columns:1fr;padding:26px}.journey-node{min-height:95px;padding:15px}.journey-line{display:none}.journey-status{left:26px;right:26px}.journey-status b{display:none}.messy-stage,.clean-stage{height:240px}.operations-copy ul{grid-template-columns:1fr}.dash-metrics{grid-template-columns:1fr}.before-board footer,.after-board footer{flex-wrap:wrap}.before-board footer span,.after-board footer span{flex:1 1 30%}}

/* Editorial artwork system */
.visual-journey,.operations-visual{grid-template-columns:.7fr 1.3fr;gap:56px;padding:72px!important}.operations-visual{grid-template-columns:1.3fr .7fr}.editorial-art{position:relative;z-index:2;margin:0;min-width:0;background:#050505;overflow:hidden;border:1px solid #242424;box-shadow:0 32px 70px rgba(0,0,0,.42)}.editorial-art:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 70px rgba(0,0,0,.2);pointer-events:none}.editorial-art img{display:block;width:100%;height:470px;object-fit:cover}.editorial-art figcaption{position:absolute;z-index:3;left:18px;right:18px;bottom:18px;display:flex;align-items:center;gap:8px;padding:10px;background:rgba(5,5,5,.78);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(14px)}.editorial-art figcaption span,.editorial-art figcaption b{padding:8px 10px;font-size:10px;line-height:1.2;letter-spacing:.05em;color:#aaa}.editorial-art figcaption b{margin-left:auto;color:#fff;background:var(--red)}.journey-steps{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:28px 0}.journey-steps span{display:flex;align-items:center;gap:9px;padding:10px;border-top:1px solid #2a2a2a;color:#bbb;font-size:11px}.journey-steps i{color:var(--red);font-style:normal;font-weight:800}.transformation-visual{padding:0!important;background:#090909!important;color:#fff!important}.transformation-head{padding:64px 64px 38px;margin:0;align-items:end}.transformation-head>div{max-width:720px}.transformation-head p{max-width:390px;color:#999;margin:0}.wide-art{border-width:1px 0 0;box-shadow:none}.wide-art img{height:580px}.wide-art figcaption{left:50%;right:auto;bottom:24px;transform:translateX(-50%);width:min(820px,calc(100% - 48px));justify-content:center}.wide-art figcaption b{margin-left:0}.operations-visual .editorial-art img{height:500px}.operations-copy ul{margin:24px 0}.operations-copy li{font-size:11px}.visual-journey:before,.operations-visual:before{opacity:.6}
@media(max-width:900px){.visual-journey,.operations-visual{grid-template-columns:1fr;padding:44px 24px!important}.transformation-head{padding:44px 24px 28px}.transformation-head p{margin-top:18px}.editorial-art img,.operations-visual .editorial-art img{height:390px}.wide-art img{height:440px}.editorial-art figcaption{overflow-x:auto;white-space:nowrap}.operations-visual .editorial-art{order:2}.operations-visual .operations-copy{order:1}}
@media(max-width:560px){.visual-journey,.operations-visual{padding:36px 18px!important}.journey-steps{grid-template-columns:1fr}.editorial-art img,.operations-visual .editorial-art img{height:300px}.wide-art img{height:330px}.editorial-art figcaption{left:10px;right:10px;bottom:10px}.editorial-art figcaption span,.editorial-art figcaption b{font-size:9px;padding:7px}.wide-art figcaption{left:12px;right:12px;width:auto;transform:none;justify-content:flex-start}.transformation-head{padding:38px 20px 25px}}
