.process-wrap{
 width:min(1240px,calc(100% - 48px));
 margin:96px auto;
 padding:clamp(52px,5.5vw,72px) clamp(28px,5vw,64px) clamp(36px,4.5vw,56px);
 background:
  radial-gradient(circle at 82% 8%,rgba(6,62,255,.09),transparent 27%),
  linear-gradient(135deg,#0b1011 0%,#080c0d 65%,#0c1112 100%);
 color:#fff;
 position:relative;
 overflow:hidden;
 border:1px solid #202728;
 box-shadow:0 28px 70px rgba(5,10,11,.14);
}
.process-wrap:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg,#063eff 0 31%,#293031 31% 100%)}
.process-wrap:after{content:"";position:absolute;right:-90px;bottom:-150px;width:360px;height:360px;border:1px solid rgba(6,62,255,.08);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.012),0 0 0 110px rgba(255,255,255,.008);pointer-events:none}
.process-watermark{position:absolute;right:-18px;top:-34px;font:900 clamp(110px,14vw,190px)/1 "Inter";letter-spacing:-.06em;color:rgba(255,255,255,.025);pointer-events:none;user-select:none}
.process-heading{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr);gap:clamp(40px,7vw,94px);align-items:end;margin-bottom:44px}
.process-kicker{display:flex;align-items:center;gap:12px;color:#063eff;font-size:11px;font-weight:800;letter-spacing:.2em}
.process-kicker:before{content:"";width:32px;height:2px;background:currentColor}
.process-heading h2{font:900 clamp(47px,5.1vw,68px)/.91 "Inter";letter-spacing:-.025em;margin:18px 0 0;text-transform:uppercase}
.process-heading h2 em{color:#8f9799;font-style:italic}
.process-intro{padding:0 0 5px;max-width:430px}
.process-intro p{color:#b5bcbd;font-size:14px;line-height:1.72;margin:0 0 22px}
.process-intro a{display:inline-flex;align-items:center;gap:13px;color:#fff;text-decoration:none;font:800 12px/1 "Inter",sans-serif;letter-spacing:.1em;padding-bottom:9px;border-bottom:2px solid #063eff;transition:color .2s ease,gap .2s ease}
.process-intro a span{color:#063eff;font-size:17px}
.process-intro a:hover{color:#063eff;gap:18px}
.process-grid{position:relative;z-index:2;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.process-grid>li{min-width:0;display:flex}
.process-grid article{width:100%;min-height:316px;padding:28px 27px 24px;background:rgba(255,255,255,.035);border:1px solid #252c2e;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .25s ease,border-color .25s ease,background .25s ease}
.process-grid article:before{content:"";position:absolute;left:0;top:0;width:3px;height:0;background:#063eff;transition:height .25s ease}
.process-grid article:hover{transform:translateY(-5px);border-color:#3d4749;background:rgba(255,255,255,.055)}
.process-grid article:hover:before{height:100%}
.process-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px}
.process-icon{width:54px;height:54px;background:#063eff;color:#090d0e;display:grid;place-items:center;box-shadow:8px 8px 0 rgba(6,62,255,.09)}
.process-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.process-step{font:900 52px/.8 "Inter";letter-spacing:-.04em;color:rgba(255,255,255,.085)}
.process-copy small{display:block;color:#063eff;font-size:10px;font-weight:800;letter-spacing:.18em;margin-bottom:9px}
.process-copy h3{font:800 clamp(26px,2.35vw,31px)/.94 "Inter";letter-spacing:-.01em;margin:0 0 15px;text-transform:uppercase}
.process-copy p{color:#a2aaac;font-size:13px;line-height:1.6;max-width:315px;margin:0}
.process-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding-top:22px;color:#e6e9e9;font-size:9px;font-weight:800;letter-spacing:.13em;border-top:1px solid rgba(255,255,255,.08)}
.process-meta b{color:#063eff;font-size:18px;line-height:1}
@media(max-width:900px){
 .process-wrap{width:min(94%,760px);margin:72px auto;padding:54px 32px 38px}
 .process-heading{grid-template-columns:1fr;gap:24px;margin-bottom:38px}
 .process-heading h2{font-size:clamp(45px,8vw,60px)}
 .process-intro{max-width:560px}
 .process-grid{grid-template-columns:1fr}
 .process-grid article{min-height:0;padding:24px}
 .process-copy h3 br{display:none}
 .process-meta{margin-top:24px}
}
@media(max-width:560px){
 .process-wrap{width:calc(100% - 24px);margin:54px auto;padding:45px 18px 20px}
 .process-wrap:after{display:none}
 .process-watermark{right:-8px;top:-12px;font-size:92px}
 .process-heading{gap:20px;margin-bottom:30px}
 .process-kicker{font-size:9px}
 .process-heading h2{font-size:41px;line-height:.94;margin-top:14px}
 .process-intro p{font-size:13px;line-height:1.65;margin-bottom:18px}
 .process-intro a{font-size:10px}
 .process-grid{gap:10px}
 .process-grid article{padding:21px 19px 19px}
 .process-card-top{margin-bottom:21px}
 .process-icon{width:48px;height:48px}
 .process-step{font-size:45px}
 .process-copy h3{font-size:26px}
 .process-copy p{font-size:13px}
 .process-meta{font-size:8px;padding-top:18px;margin-top:20px}
}
@media(prefers-reduced-motion:reduce){.process-grid article,.process-grid article:before,.process-intro a{transition:none}}