.wpd-service-process{position:relative;isolation:isolate;overflow:hidden;padding:clamp(72px,9vw,132px) 0;background:radial-gradient(circle at 18% 24%,var(--paper-2) 0%,transparent 38%),radial-gradient(circle at 82% 72%,var(--paper-3) 0%,transparent 42%),radial-gradient(circle at 50% 100%,rgba(198,242,78,.08) 0%,transparent 48%),var(--paper)}
.wpd-service-process::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(var(--rule-strong) 1px,transparent 1px);background-size:22px 22px;opacity:.45;mask-image:radial-gradient(82% 74% at 50% 42%,#000 0%,transparent 82%);-webkit-mask-image:radial-gradient(82% 74% at 50% 42%,#000 0%,transparent 82%)}
.wpd-service-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.wpd-service-process-grid[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.wpd-service-process-item{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;min-height:280px;padding:30px 26px 28px;background:var(--paper);border:1px solid transparent;border-radius:16px;transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .3s ease,border-radius .3s ease,box-shadow .4s ease}.wpd-service-process-item:hover{transform:translateY(-5px);border-color:var(--rule);border-radius:4px;box-shadow:0 24px 48px -32px rgba(14,62,43,.5)}.wpd-service-process-item::before{content:attr(data-step);position:absolute;top:8px;right:16px;color:var(--forest);font-family:var(--font-display);font-size:92px;line-height:1;opacity:.055;pointer-events:none;user-select:none}.wpd-service-process-item::after{content:"";position:absolute;left:0;bottom:0;width:0;height:3px;background:var(--lime);transition:width .5s ease}.wpd-service-process-item:hover::after{width:100%}.wpd-service-process-number{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;margin-bottom:26px;background:var(--paper-2);border:1px solid var(--rule);border-radius:14px;color:var(--forest);font-family:var(--font-mono);font-size:15px;font-weight:500;letter-spacing:.06em;transition:background .3s ease,border-color .3s ease,color .3s ease,transform .4s cubic-bezier(.22,1,.36,1)}.wpd-service-process-item:hover .wpd-service-process-number{background:var(--lime);border-color:var(--lime);color:var(--lime-ink);transform:rotate(-6deg)}.wpd-service-process-item h3{margin:auto 0 14px;color:var(--forest);font-family:var(--font-display);font-size:clamp(24px,2vw,29px);font-weight:400;line-height:1.05;letter-spacing:-.02em}.wpd-service-process-item p{margin:0;color:var(--ink-2);font-size:17px;line-height:1.7}
@media(max-width:900px){.wpd-service-process-grid,.wpd-service-process-grid[data-count="4"]{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.wpd-service-process-grid,.wpd-service-process-grid[data-count="4"]{grid-template-columns:1fr}.wpd-service-process-item{min-height:250px}}
.wpd-service-process-grid[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:560px){.wpd-service-process-grid[data-columns="2"]{grid-template-columns:1fr}}