.solution-hero { position:relative; isolation:isolate; overflow:hidden; }
.solution-hero::before,.solution-hero::after { content:""; position:absolute; pointer-events:none; z-index:0; }
.solution-hero .ed-wrap { z-index:1; }
.solution-hero .ed-orbit,.solution-hero .ed-wave { display:none; }
.solution-hero h1 { text-wrap:balance; }
.employee-page .hero-data { background:radial-gradient(ellipse at 15% 20%,#2476a370,transparent 65%),#063755; border-radius:0 0 50px 50px; }
.hero-data::after { inset:0; background-image:radial-gradient(#ffffff20 1px,transparent 1px); background-size:28px 28px; mask-image:linear-gradient(90deg,#000,transparent 40%); }
.branch-page .hero-organization { background:linear-gradient(125deg,#063755,#164c72); border-radius:0; }
.hero-organization::before { width:500px;height:500px;right:-150px;top:-160px;border:70px solid #ffffff06;transform:rotate(35deg);border-radius:80px; }
.hero-organization::after { left:8%;right:8%;bottom:0;height:14px;background:linear-gradient(90deg,#74b6d0,#346997);border-radius:20px 20px 0 0; }
.branch-page .hero-positions { background:linear-gradient(115deg,#062a3a,#194a6b);border-radius:0 0 95px 0; }
.hero-positions::after { width:70%;height:110px;bottom:-60px;left:-10%;transform:rotate(-8deg);background:#8cc8e31a;border-radius:80px; }
.branch-page .hero-branches { background:radial-gradient(ellipse at 10% 100%,#1b708266,transparent 65%),linear-gradient(130deg,#063755,#154a7b);border-radius:0 0 45% 8% / 0 0 45px 25px; }
.hero-branches::before { width:600px;height:600px;right:-240px;top:-310px;border:1px solid #ffffff18;border-radius:50%;box-shadow:0 0 0 65px #ffffff04,0 0 0 130px #ffffff03; }
.branch-page .hero-transfers { background:linear-gradient(120deg,#063755 15%,#164d76);border-radius:0; }
.hero-transfers::before { inset:0;background:linear-gradient(125deg,transparent 58%,#ffffff06 58%,#ffffff06 70%,transparent 70%); }
.hero-transfers::after { width:160px;height:5px;left:calc(50% - 80px);bottom:28px;background:#a8d4e5;border-radius:10px; }
.branch-page .hero-contracts { background:linear-gradient(140deg,#082f46,#154964);border-radius:0 0 0 85px; }
.hero-contracts::before { width:280px;height:400px;right:-90px;top:50px;border:1px solid #ffffff18;transform:rotate(18deg);border-radius:24px;box-shadow:-30px 20px 0 #ffffff04; }
.branch-page .hero-documents { background:radial-gradient(ellipse at 50% 0%,#28618c,#063755 80%);border-radius:0 0 60px 60px; }
.hero-documents::after { inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 119px,#ffffff05 120px); }
.branch-page .hero-onboarding { background:radial-gradient(ellipse at 50% 130%,#338aa0,#063755 75%);border-radius:0 0 50% 50% / 0 0 35px 35px; }
.hero-onboarding::before { width:500px;height:500px;left:calc(50% - 250px);bottom:-450px;border:45px solid #ffffff08;border-radius:50%; }
.branch-page .hero-offboarding { background:linear-gradient(110deg,#063755,#144562);border-radius:0 0 0 45px; }
.hero-offboarding::after { left:0;right:0;bottom:0;height:35px;background:linear-gradient(170deg,transparent 50%,#b7d8e833 51%); }
@media(max-width:600px) { .solution-hero::before { opacity:.55; } .branch-page .solution-hero { padding-bottom:80px; } .branch-page .hero-positions,.branch-page .hero-contracts { border-radius:0 0 30px 30px; } }