.process-page{background:#08050d;color:#f7f2fa}.process-page main{overflow:hidden;background:radial-gradient(circle at 12% 15%,rgba(239,54,170,.11),transparent 27%),radial-gradient(circle at 88% 13%,rgba(116,67,229,.16),transparent 31%),#08050d}.process-shell{width:min(1480px,calc(100% - 80px));margin-inline:auto}.process-hero{position:relative;padding:170px 0 62px;border-bottom:1px solid rgba(240,68,177,.12)}.process-hero::after{content:"";position:absolute;width:650px;height:650px;right:-160px;top:-240px;border:1px solid rgba(240,68,177,.11);border-radius:50%;box-shadow:0 0 0 50px rgba(136,79,236,.025),0 0 0 100px rgba(240,68,177,.018)}.process-kicker{margin:0 0 20px;color:#e90a9b;font:800 12px/1 Arial,sans-serif;letter-spacing:.31em;text-transform:uppercase}.process-hero h1{max-width:1050px;margin:0;color:#fff;font:500 clamp(54px,6vw,94px)/.95 Georgia,serif;letter-spacing:-.045em}.process-hero h1 span{background:linear-gradient(90deg,#e90a9b,#9a54ff);-webkit-background-clip:text;background-clip:text;color:transparent}.process-lead{max-width:700px;margin:29px 0 0;color:#bdb3c4;font-size:18px;line-height:1.75}.process-map-section{padding:70px 0 96px}.marketing-map{position:relative;min-height:850px}.marketing-map::before{content:"";position:absolute;left:50%;top:50%;width:430px;height:430px;border:2px solid transparent;border-radius:50%;transform:translate(-50%,-50%);background:linear-gradient(#0b0710,#0b0710) padding-box,conic-gradient(#e90a9b,#7323bf,#24b9df,#44c49c,#bada45,#ff9b31,#e90a9b) border-box;box-shadow:inset 0 0 60px rgba(125,62,213,.12),0 0 70px rgba(240,68,177,.08)}.marketing-core{position:absolute;z-index:2;left:50%;top:50%;width:280px;height:280px;display:grid;place-content:center;text-align:center;border:1px solid rgba(240,68,177,.3);border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(70,26,85,.85),rgba(12,7,18,.97));box-shadow:0 20px 70px rgba(0,0,0,.4)}.marketing-core small{color:#e90a9b;font-size:10px;font-weight:800;letter-spacing:.25em;text-transform:uppercase}.marketing-core strong{margin-top:11px;font:500 31px/1.15 Georgia,serif}.marketing-core span{width:55px;height:2px;margin:18px auto 0;background:linear-gradient(90deg,#e90a9b,#7323bf)}.marketing-step{position:absolute;z-index:3;width:390px;min-height:205px;padding:28px 26px;display:grid;grid-template-columns:58px 1fr;gap:18px;align-items:start;border:1px solid rgba(240,68,177,.23);border-radius:22px;background:linear-gradient(145deg,rgba(29,16,38,.96),rgba(11,7,16,.97));box-shadow:0 20px 55px rgba(0,0,0,.3)}.marketing-step>i{position:absolute;width:58px;height:58px;display:grid;place-items:center;border:2px solid #110916;border-radius:50%;background:linear-gradient(135deg,#e90a9b,#874fff);box-shadow:0 0 0 2px rgba(240,68,177,.35),0 0 25px rgba(240,68,177,.23);color:#fff;font:800 17px Arial,sans-serif;font-style:normal}.marketing-step .process-icon{width:56px;height:56px;display:grid;place-items:center;border:1px solid rgba(240,68,177,.35);border-radius:15px;background:rgba(240,68,177,.08);color:#ef56bd;font-size:28px}.marketing-step h2,.development-step h2{margin:1px 0 11px;color:#fff;font:600 22px/1.1 Arial,sans-serif}.marketing-step ul,.development-step ul{margin:0;padding:0;list-style:none;color:#aaa0af;font-size:13px;line-height:1.75}.marketing-step li::before,.development-step li::before{content:"•";margin-right:8px;color:#e90a9b}.marketing-step.step-1{left:0;top:0}.marketing-step.step-2{left:0;top:320px}.marketing-step.step-3{left:9%;bottom:0}.marketing-step.step-4{right:9%;bottom:0}.marketing-step.step-5{right:0;top:320px}.marketing-step.step-6{right:0;top:0}.marketing-step.step-1>i,.marketing-step.step-2>i,.marketing-step.step-3>i{right:-30px;top:calc(50% - 29px)}.marketing-step.step-4>i,.marketing-step.step-5>i,.marketing-step.step-6>i{left:-30px;top:calc(50% - 29px)}.process-benefits{display:grid;margin-top:68px;border:1px solid rgba(240,68,177,.22);border-radius:22px;background:linear-gradient(110deg,rgba(23,13,31,.97),rgba(11,7,17,.97));overflow:hidden}.process-benefits.five{grid-template-columns:repeat(5,1fr)}.process-benefits.four{grid-template-columns:repeat(4,1fr)}.process-benefits article{position:relative;min-height:190px;padding:28px;text-align:center}.process-benefits article+article::before{content:"";position:absolute;left:0;top:25%;height:50%;width:1px;background:rgba(255,255,255,.09)}.process-benefits i{width:55px;height:55px;margin:0 auto 16px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,rgba(240,68,177,.22),rgba(127,75,244,.19));color:#f062c0;font:normal 25px Arial,sans-serif}.process-benefits h3{margin:0 0 9px;color:#fff;font-size:15px}.process-benefits p{margin:0;color:#a99fac;font-size:12px;line-height:1.55}.process-cta{position:relative;margin-top:30px;padding:34px 46px;display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid rgba(139,91,255,.35);border-radius:22px;overflow:hidden;background:radial-gradient(circle at 85% 50%,rgba(240,35,161,.35),transparent 28%),linear-gradient(110deg,#0b2140,#21103a 65%,#540d49)}.process-cta::after{content:"";position:absolute;right:-70px;width:390px;height:180px;border:1px solid rgba(255,255,255,.08);border-radius:50%;transform:rotate(-10deg)}.process-cta>div,.process-cta>a{position:relative;z-index:2}.process-cta small{color:#ef60c1;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.process-cta h2{margin:6px 0;color:#fff;font:500 32px Georgia,serif}.process-cta p{margin:0;color:#bcb3c2}.process-cta .btn{min-width:190px;justify-content:center}.development-map{position:relative;width:min(1040px,100%);margin:0 auto;display:grid;gap:24px}.development-map::before{content:"";position:absolute;left:50%;top:40px;bottom:40px;width:2px;transform:translateX(-50%);background:linear-gradient(#e90a9b,#874fff,#1daed6,#e90a9b);box-shadow:0 0 20px rgba(151,72,240,.35)}.development-step{position:relative;width:calc(50% - 70px);min-height:190px;padding:30px 31px;display:grid;grid-template-columns:64px 1fr;gap:22px;align-items:start;border:1px solid rgba(240,68,177,.22);border-radius:22px;background:linear-gradient(145deg,rgba(28,16,37,.97),rgba(10,7,15,.98));box-shadow:0 20px 55px rgba(0,0,0,.3)}.development-step:nth-child(odd){justify-self:end}.development-step:nth-child(even){justify-self:start}.development-step>b{position:absolute;top:calc(50% - 29px);width:58px;height:58px;display:grid;place-items:center;border:2px solid #130a18;border-radius:50%;background:linear-gradient(135deg,#e90a9b,#7856fa);box-shadow:0 0 0 2px rgba(240,68,177,.35),0 0 22px rgba(240,68,177,.3);color:#fff;font:800 17px Arial,sans-serif}.development-step:nth-child(odd)>b{left:-100px}.development-step:nth-child(even)>b{right:-100px}.development-step>i{width:62px;height:62px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,rgba(240,68,177,.18),rgba(125,79,240,.16));color:#f053ba;font:normal 24px/1 Arial,sans-serif}.development-step:nth-child(2) h2,.development-step:nth-child(3) h2{color:#b369ff}.development-step:nth-child(4) h2,.development-step:nth-child(5) h2{color:#36b9e7}.development-step:nth-child(even){transform:translateY(-75px)}
@media(max-width:1100px){.marketing-map{display:grid;grid-template-columns:1fr 1fr;gap:20px;min-height:0}.marketing-map::before,.marketing-core{display:none}.marketing-step{position:relative!important;inset:auto!important;width:auto}.marketing-step>i{top:18px!important;right:18px!important;left:auto!important}.development-map::before{left:28px}.development-step,.development-step:nth-child(even){width:calc(100% - 90px);justify-self:end;transform:none}.development-step:nth-child(odd)>b,.development-step:nth-child(even)>b{left:-90px;right:auto}.process-benefits.five{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.process-shell{width:min(100% - 34px,1480px)}.process-hero{padding:128px 0 46px}.process-hero h1{font-size:45px;line-height:1}.process-lead{font-size:15px}.process-map-section{padding:42px 0 65px}.marketing-map{grid-template-columns:1fr}.marketing-step{min-height:0;padding:24px 20px;grid-template-columns:48px 1fr}.marketing-step .process-icon{width:46px;height:46px}.marketing-step>i{width:45px;height:45px;font-size:13px}.development-map{padding-left:55px}.development-map::before{left:27px}.development-step,.development-step:nth-child(even){width:100%;padding:23px 20px;grid-template-columns:48px 1fr}.development-step>i{width:46px;height:46px;font-size:18px}.development-step:nth-child(odd)>b,.development-step:nth-child(even)>b{left:-72px;width:50px;height:50px;top:28px}.process-benefits.five,.process-benefits.four{grid-template-columns:1fr 1fr}.process-benefits article+article::before{display:none}.process-cta{padding:30px 24px;align-items:flex-start;flex-direction:column}.process-cta h2{font-size:26px}.process-cta .btn{width:100%}}
@media(max-width:480px){.process-benefits.five,.process-benefits.four{grid-template-columns:1fr}.marketing-step h2,.development-step h2{font-size:18px}.process-benefits article{min-height:0}.development-map{padding-left:45px}.development-step:nth-child(odd)>b,.development-step:nth-child(even)>b{left:-61px;width:43px;height:43px}.development-map::before{left:20px}}

html[dir="rtl"] .process-hero{text-align:right}
html[dir="rtl"] .marketing-map,html[dir="rtl"] .development-map{direction:ltr}
html[dir="rtl"] .marketing-step,html[dir="rtl"] .development-step{direction:rtl;text-align:right}
html[dir="rtl"] .marketing-step li::before,html[dir="rtl"] .development-step li::before{margin-right:0;margin-left:8px}
html[dir="rtl"] .marketing-core{direction:rtl}
html[dir="rtl"] .process-benefits{direction:rtl}
html[dir="rtl"] .process-cta{direction:rtl;text-align:right}

/* Keep connector strokes behind the numbered badges. The badges use an opaque
   outer mask so each line meets the circle edge instead of crossing the number. */
.marketing-step>i{z-index:5;isolation:isolate;box-shadow:0 0 0 5px #08050d,0 0 0 7px rgba(240,68,177,.35),0 0 25px rgba(240,68,177,.23)}
@media(max-width:1100px){
  html[dir="rtl"] .marketing-map{direction:rtl}
  html[dir="rtl"] .development-map{direction:ltr}
}
@media(max-width:760px){
  html[dir="rtl"] .development-map{padding-left:55px;padding-right:0}
}

/* Connected process diagrams */
@media(min-width:1101px){
  .marketing-map{width:min(100%,1260px);min-height:730px;margin-inline:auto}
  .marketing-map::before{width:360px;height:360px}
  .marketing-core{width:230px;height:230px}
  .marketing-core strong{font-size:27px}
  .marketing-step{width:350px;min-height:180px;padding:24px 23px}
  .marketing-step.step-2,.marketing-step.step-5{top:275px}
  .marketing-step.step-3,.marketing-step.step-4{bottom:0}
  .marketing-step::after{content:"";position:absolute;z-index:-1;height:2px;background:linear-gradient(90deg,rgba(240,76,175,.85),rgba(139,84,255,.55));box-shadow:0 0 12px rgba(239,70,178,.28);transform-origin:left center}
  .marketing-step.step-1::after{width:245px;right:-228px;top:55%;transform:rotate(28deg)}
  .marketing-step.step-2::after{width:190px;right:-177px;top:50%;transform:rotate(0)}
  .marketing-step.step-3::after{width:235px;right:-215px;top:43%;transform:rotate(-27deg)}
  .marketing-step.step-4::after{width:235px;left:-215px;top:43%;transform:rotate(27deg)}
  .marketing-step.step-5::after{width:190px;left:-177px;top:50%;transform:rotate(0)}
  .marketing-step.step-6::after{width:245px;left:-228px;top:55%;transform:rotate(-28deg)}
  .marketing-step>i::after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;border:2px solid #ef4bb5;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #ef4bb5}
  .development-step::after{content:"";position:absolute;top:50%;width:44px;height:2px;background:linear-gradient(90deg,#e90a9b,#8857fa);box-shadow:0 0 10px rgba(240,68,177,.3)}
  .development-step:nth-child(odd)::after{left:-44px}
  .development-step:nth-child(even)::after{right:-44px}
  .development-step>b::after{content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;transform:translate(-50%,-50%);background:#fff;box-shadow:0 0 12px #e90a9b}
}
@media(min-width:1101px){.marketing-step>i::after,.development-step>b::after{display:none}}

/* Exact marketing-map connections. The SVG owns every connector so the lines
   stay attached to their numbered nodes at every desktop width. */
.marketing-connectors{display:none}
.process-icon svg,.development-step>i svg{width:30px;height:30px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.development-step>i svg{width:29px;height:29px}
.process-benefits i svg{width:29px;height:29px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:1101px){
  .marketing-connectors{position:absolute;z-index:1;inset:0;display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
  .marketing-connectors path{fill:none;stroke:url(#processLine);stroke-width:2;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px rgba(240,76,175,.32))}
  .marketing-step::after{display:none!important}
  /* Reinforce the two horizontal spokes below the opaque number badges. */
  html[dir="rtl"] .marketing-step.step-2::after,html[dir="rtl"] .marketing-step.step-5::after{display:block!important;z-index:0;width:190px;top:50%;transform:none}
  html[dir="rtl"] .marketing-step.step-2::after{right:-177px}
  html[dir="rtl"] .marketing-step.step-5::after{left:-177px}
  html[dir="rtl"] .development-step:nth-child(odd)::after{left:-72px;width:72px}
  html[dir="rtl"] .development-step:nth-child(even)::after{right:-72px;width:72px}
}