.webdev-how-we-work-section{z-index:10;box-sizing:border-box;background:#fff;padding:clamp(32px,4vw,52px) 0 clamp(44px,5vw,60px);position:relative;overflow:visible}.webdev-how-we-work-container{box-sizing:border-box;width:100%;max-width:1300px;margin:0 auto;padding:0 10px}.webdev-how-we-work-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid;overflow:visible}.webdev-how-we-work-intro{max-width:320px;padding-left:clamp(12px,2vw,28px)}.webdev-how-we-work-title{font-family:var(--font-manrope), sans-serif;letter-spacing:-.02em;color:#111;margin:0;font-size:clamp(32px,4.5vw,48px);font-weight:700;line-height:1.08}.webdev-how-we-work-subtitle{font-family:var(--font-manrope), sans-serif;color:#888;margin:clamp(10px,1.5vw,14px) 0 0;font-size:clamp(14px,1.4vw,16px);font-weight:400;line-height:1.5}.webdev-how-we-work-cta{color:#fff;font-family:var(--font-manrope), sans-serif;background:#d4003e;border-radius:10px;align-items:center;gap:6px;margin-top:clamp(18px,2.5vw,24px);padding:10px 20px;font-size:15px;font-weight:600;line-height:1;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.webdev-how-we-work-cta:hover{background:#ba0036;transform:translateY(-1px)}.webdev-how-we-work-divider{display:none}.webdev-how-we-work-cards-wrap{min-width:0;padding-bottom:8px;overflow:visible}.webdev-how-we-work-cards-track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:clamp(16px,2vw,22px);padding:8px 20px 28px 4px;scroll-padding-inline:4px;display:flex;overflow:auto visible}.webdev-how-we-work-cards-track::-webkit-scrollbar{width:0;height:0;display:none}.webdev-how-we-work-card{scroll-snap-align:start;box-sizing:border-box;background:#fff;border:1px solid #ececec;border-radius:18px;flex:0 0 min(300px,82vw);margin-bottom:4px;padding:clamp(16px,2vw,20px);box-shadow:0 16px 16px #0000001a}.webdev-how-we-work-card-icon-wrap{background:linear-gradient(90deg,#d4003e 0%,#6e0020 100%);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.webdev-how-we-work-card-icon{object-fit:contain;width:22px;height:22px}.webdev-how-we-work-card-title{font-family:var(--font-manrope), sans-serif;color:#111;margin:clamp(12px,1.5vw,14px) 0 0;font-size:clamp(16px,1.6vw,18px);font-weight:700;line-height:1.25}.webdev-how-we-work-card-description{font-family:var(--font-manrope), sans-serif;color:#888;margin:8px 0 0;font-size:clamp(12px,1.05vw,13px);font-weight:400;line-height:1.5}@media (min-width:640px){.webdev-how-we-work-container{padding:0 16px}}@media (min-width:1024px){.webdev-how-we-work-container{padding:0 24px}.webdev-how-we-work-layout{grid-template-columns:minmax(260px,320px) 3px minmax(0,1fr);align-items:start;gap:clamp(24px,3vw,36px)}.webdev-how-we-work-intro{align-self:start}.webdev-how-we-work-divider{opacity:.85;background:#d4003e;align-self:center;width:3px;height:clamp(180px,22vw,240px);display:block}.webdev-how-we-work-cards-wrap{margin-right:-24px;padding-bottom:8px;padding-right:24px}.webdev-how-we-work-cards-track{padding:8px 28px 32px 4px}.webdev-how-we-work-card{flex-basis:320px}}@media (min-width:1280px){.webdev-how-we-work-card{flex-basis:340px}}
.webdev-elevate-section{z-index:11;box-sizing:border-box;background:#000;padding:clamp(48px,6vw,72px) 0 clamp(56px,7vw,80px);position:relative}.webdev-elevate-container{box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto;padding:0 10px}.webdev-elevate-title{text-align:center;font-family:var(--font-manrope), sans-serif;letter-spacing:-.02em;color:#fff;margin:0 0 clamp(36px,5vw,52px);font-size:clamp(28px,4vw,44px);font-weight:300;line-height:1.2}.webdev-elevate-rows{flex-direction:column;gap:clamp(28px,4vw,44px);display:flex;position:relative}.webdev-elevate-active-ring{z-index:5;pointer-events:none;box-sizing:border-box;will-change:transform;border:2px solid #ba0036;border-radius:50%;width:40px;height:40px;transition:transform 1.2s cubic-bezier(.22,1,.36,1),opacity .25s;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #ba003659,0 0 16px #ba003638}.webdev-elevate-row{align-items:center;column-gap:clamp(12px,2vw,28px);display:grid}.webdev-elevate-row--top,.webdev-elevate-row--bottom{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(56px,10vw,120px)}.webdev-elevate-row--bottom{margin-top:clamp(-18px,-2.5vw,-10px)}.webdev-elevate-row--middle{grid-template-columns:minmax(0,1fr) minmax(220px,320px) minmax(0,1fr);margin-top:clamp(-18px,-2.5vw,-10px)}.webdev-elevate-item{align-items:center;gap:clamp(14px,1.8vw,18px);max-width:clamp(220px,28vw,300px);display:flex}.webdev-elevate-row--top .webdev-elevate-item{align-items:flex-end}.webdev-elevate-item--support .webdev-elevate-icon{transform:translateY(2px)}.webdev-elevate-row--bottom .webdev-elevate-item{align-items:flex-start}.webdev-elevate-row--middle .webdev-elevate-item{align-items:center}.webdev-elevate-row--top .webdev-elevate-item--left,.webdev-elevate-row--middle .webdev-elevate-item--left,.webdev-elevate-row--bottom .webdev-elevate-item--left{justify-self:end}.webdev-elevate-row--top .webdev-elevate-item--right,.webdev-elevate-row--middle .webdev-elevate-item--right,.webdev-elevate-row--bottom .webdev-elevate-item--right{justify-self:start}.webdev-elevate-item--left{justify-content:flex-end}.webdev-elevate-item--right{justify-content:flex-start}.webdev-elevate-item--left .webdev-elevate-copy{text-align:right}.webdev-elevate-item--right .webdev-elevate-copy{text-align:left}.webdev-elevate-copy{flex:1;min-width:0}.webdev-elevate-item-title{font-family:var(--font-manrope), sans-serif;color:#fff;margin:0;font-size:clamp(17px,1.8vw,22px);font-weight:600;line-height:1.2}.webdev-elevate-item-description{font-family:var(--font-manrope), sans-serif;color:#a0a0a0;margin:8px 0 0;font-size:clamp(11px,1.05vw,13px);font-weight:400;line-height:1.55}.webdev-elevate-icon{box-sizing:border-box;background:0 0;border:1px solid #ffffff8c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.webdev-elevate-icon-img{object-fit:contain;width:22px;height:22px}.webdev-elevate-icon--xplore .webdev-elevate-icon-img,.webdev-elevate-icon--engage .webdev-elevate-icon-img,.webdev-elevate-icon--elevate .webdev-elevate-icon-img,.webdev-elevate-icon--offset .webdev-elevate-icon-img,.webdev-elevate-icon--track .webdev-elevate-icon-img{width:26px;height:26px}@media (prefers-reduced-motion:reduce){.webdev-elevate-active-ring{display:none}}.webdev-elevate-center-pill{background:radial-gradient(circle at 72%,#4285f459,#0000 42%),linear-gradient(135deg,#1b2438 0%,#0f1524 48%,#090d16 100%);border-radius:9999px;justify-self:center;width:100%;max-width:320px;height:clamp(110px,11vw,140px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.webdev-elevate-center-glow{z-index:2;pointer-events:none;background:radial-gradient(circle at 68% 42%,#589dff47,#0000 34%),radial-gradient(circle at 30% 68%,#ffffff0f,#0000 40%);position:absolute;inset:0}.webdev-elevate-center-media{z-index:1;position:absolute;inset:0}.webdev-elevate-center-image{object-fit:cover;opacity:0;transition:opacity 1.2s cubic-bezier(.22,1,.36,1)}.webdev-elevate-center-image.is-active{opacity:1}@media (min-width:640px){.webdev-elevate-container{padding:0 16px}}@media (min-width:1024px){.webdev-elevate-container{max-width:1100px;padding:0 24px}.webdev-elevate-row--middle{grid-template-columns:minmax(0,1fr) minmax(240px,320px) minmax(0,1fr)}.webdev-elevate-item{max-width:280px}}@media (min-width:1280px){.webdev-elevate-container{max-width:1180px}.webdev-elevate-row--middle{grid-template-columns:minmax(0,1fr) minmax(260px,340px) minmax(0,1fr)}.webdev-elevate-center-pill{max-width:340px;height:148px}}@media (max-width:1023px){.webdev-elevate-row--top,.webdev-elevate-row--bottom,.webdev-elevate-row--middle{grid-template-columns:1fr;gap:24px}.webdev-elevate-row--top .webdev-elevate-item--left,.webdev-elevate-row--middle .webdev-elevate-item--left,.webdev-elevate-row--bottom .webdev-elevate-item--left,.webdev-elevate-row--top .webdev-elevate-item--right,.webdev-elevate-row--middle .webdev-elevate-item--right,.webdev-elevate-row--bottom .webdev-elevate-item--right{justify-self:stretch;max-width:none}.webdev-elevate-item--left,.webdev-elevate-item--right{justify-content:flex-start}.webdev-elevate-item--left .webdev-elevate-copy{text-align:left;order:2}.webdev-elevate-item--left .webdev-elevate-icon{order:1}.webdev-elevate-center-pill{max-width:320px;margin:0 auto}}
