.phpdev-services .tl{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;position:relative}.phpdev-services .tstep{align-items:start;display:grid;grid-template-columns:minmax(0,1fr) 5rem minmax(0,1fr);padding-bottom:clamp(1.5rem,3vw,2.25rem);position:relative}.phpdev-services .tstep.tl-last{padding-bottom:0}.phpdev-services .tl-line{background:var(--line);border-radius:2px;bottom:0;left:50%;overflow:hidden;position:absolute;top:2.6rem;transform:translateX(-50%);width:2px}.phpdev-services .tl-last .tl-line{display:none}.phpdev-services .tl-line i{background:linear-gradient(180deg,var(--accent-2),var(--accent));display:block;height:0;left:0;position:absolute;right:0;top:0;transition:height .75s var(--ease)}.phpdev-services .tstep.on .tl-line i{height:100%}.phpdev-services .tl-node{background:var(--s2);border:1px solid var(--line);border-radius:50%;box-shadow:inset 0 1px 0 var(--hi);display:grid;grid-column:2;grid-row:1;height:2.4rem;justify-self:center;place-items:center;position:relative;transition:border-color .45s,background .45s,box-shadow .45s;width:2.4rem;z-index:2}.phpdev-services .tstep.on .tl-node{background:rgba(77,141,255,.14);border-color:rgba(127,176,255,.7);box-shadow:inset 0 1px 0 var(--hi),0 0 22px -4px rgba(77,141,255,.85)}.phpdev-services .tl-node i{background:var(--ink-dim);border-radius:50%;height:.5rem;transition:background .45s,transform .45s var(--ease);width:.5rem}.phpdev-services .tstep.on .tl-node i{background:var(--accent-2);transform:scale(1.25)}.phpdev-services .tl-body{background:linear-gradient(180deg,var(--s2),var(--s1));border:1px solid var(--line);border-radius:var(--r);box-shadow:inset 0 1px 0 var(--hi);display:flex;flex-direction:column;gap:.55rem;max-width:31rem;padding:clamp(1.25rem,2.4vw,1.7rem);position:relative;transition:border-color .4s,box-shadow .4s,transform .55s var(--ease),opacity .55s var(--ease)}.phpdev-services .tstep:nth-child(odd) .tl-body{grid-column:1;grid-row:1;justify-self:end}.phpdev-services .tstep:nth-child(2n) .tl-body{grid-column:3;grid-row:1;justify-self:start}.phpdev-services .tstep.on .tl-body{border-color:rgba(127,176,255,.28)}.phpdev-services .tl-body:hover{box-shadow:inset 0 1px 0 var(--hi),0 20px 44px -26px #000,0 0 26px -16px rgba(77,141,255,.55)}.phpdev-services .tl-body:after{background:var(--line);content:"";height:1px;position:absolute;top:calc(1.2rem - .5px);transition:background .45s;width:1.3rem}.phpdev-services .tstep:nth-child(odd) .tl-body:after{right:-1.31rem}.phpdev-services .tstep:nth-child(2n) .tl-body:after{left:-1.31rem}.phpdev-services .tstep.on .tl-body:after{background:rgba(127,176,255,.45)}.phpdev-services .tl-top{align-items:center;display:flex;flex-wrap:wrap;gap:.85rem}.phpdev-services .tl-num{color:var(--accent);font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.12em}.phpdev-services .tl-when{background:rgba(77,141,255,.1);border:1px solid rgba(77,141,255,.24);border-radius:999px;color:var(--accent-2);font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.04em;padding:.24em .75em}.phpdev-services .tl-body h3{font-size:clamp(1.2rem,1.85vw,1.55rem);font-weight:700;letter-spacing:-.032em;line-height:1.22}.phpdev-services .tl-body p{color:var(--ink-soft);font-size:var(--fs-sm)}@media (max-width:940px){.phpdev-services .tstep{gap:0 1.1rem;grid-template-columns:2.4rem minmax(0,1fr)}.phpdev-services .tl-node{grid-column:1;grid-row:1}.phpdev-services .tl-line{left:1.2rem;transform:none}.phpdev-services .tstep:nth-child(2n) .tl-body,.phpdev-services .tstep:nth-child(odd) .tl-body{grid-column:2;grid-row:1;justify-self:stretch;max-width:none}.phpdev-services .tl-body:after{display:none}}@media (prefers-reduced-motion:reduce){.phpdev-services .tl-line i{height:100%}.phpdev-services .tstep .tl-body{opacity:1;transform:none}}.js .phpdev-services .tstep:nth-child(odd) .tl-body{opacity:0;transform:translateX(-22px)}.js .phpdev-services .tstep:nth-child(2n) .tl-body{opacity:0;transform:translateX(22px)}.js .phpdev-services .tstep.on .tl-body{opacity:1;transform:none}@media (max-width:940px){.js .phpdev-services .tstep:nth-child(2n) .tl-body,.js .phpdev-services .tstep:nth-child(odd) .tl-body{transform:translateY(16px)}.js .phpdev-services .tstep.on .tl-body{transform:none}}@media (prefers-reduced-motion:reduce){.js .phpdev-services .tstep .tl-body{opacity:1;transform:none}}
/*# sourceMappingURL=services.css.map */