#web-development-main{scroll-margin-top:84px}.dev-performance{background:radial-gradient(at 70% 25%,#39452b30,#0000 65%)}.dev-performance-heading{grid-template-columns:1.2fr 1fr;align-items:end;gap:80px;display:grid}.dev-performance-heading>p{max-width:440px;padding-bottom:8px;font-size:16px;line-height:1.8}.dev-gauges{grid-template-columns:repeat(4,minmax(0,1fr));gap:45px;margin:70px 0 25px;padding:0;list-style:none;display:grid}.dev-gauges li{text-align:center;min-width:0}.dev-gauge{aspect-ratio:1;max-width:190px;margin:0 auto 22px;position:relative}.dev-gauge svg{width:100%;height:100%;display:block;overflow:visible;transform:rotate(-90deg)}.dev-gauge circle{fill:none;stroke:#d6d7cd13;stroke-width:5px}.dev-gauge .dev-gauge-value{stroke:var(--peach);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--score))}.dev-gauge strong{letter-spacing:-.065em;font-variant-numeric:tabular-nums;place-items:center;font-size:clamp(36px,4vw,54px);font-weight:400;display:grid;position:absolute;inset:0}.dev-gauges li>span{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font:10px monospace}.dev-performance-note{text-align:center;max-width:620px;margin:0 auto;font-size:11px;line-height:1.7}.dev-race{border:1px solid var(--line);background:#d6d7cd05;border-radius:20px;margin-top:70px;padding:38px}.dev-race-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.dev-race-heading button{border:1px solid var(--line);color:var(--muted);border-radius:30px;flex-shrink:0;align-items:center;gap:8px;padding:9px 15px;font-size:11px;transition:color .2s,border-color .2s;display:inline-flex}.dev-race-heading button:hover,.dev-race-heading button:focus-visible{color:var(--peach);border-color:var(--peach)}.dev-race ul{gap:32px;margin:35px 0 28px;padding:0;list-style:none;display:grid}.dev-race li>div:first-child{justify-content:space-between;gap:18px;margin-bottom:15px;font-size:13px;display:flex}.dev-race [data-time]{font-variant-numeric:tabular-nums;font-family:monospace}.dev-race-track{background:#d6d7cd0d;border-radius:20px;height:7px;position:relative}.dev-race-track>span{border-radius:inherit;transform-origin:0;transform:scaleX(var(--race-progress));background:#88917c;display:block;position:absolute;inset:0}.dev-race-track>i{left:calc(var(--race-progress)*100%);color:#182014;background:#88917c;border-radius:50%;place-items:center;width:23px;height:23px;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%)}.dev-runner-optimised .dev-race-track>span,.dev-runner-optimised .dev-race-track>i{background:var(--peach)}.dev-runner-optimised[data-done=true] [data-time]{color:var(--peach)}.dev-race>p{max-width:720px;font-size:10px;line-height:1.8}.dev-next-service{border-top:1px solid var(--line);letter-spacing:-.03em;justify-content:space-between;align-items:center;gap:25px;margin-top:55px;padding:35px 0 0;font-size:20px;display:flex}.dev-next-service span{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font:10px monospace}@media (max-width:1023px){.dev-performance-heading{gap:40px}.dev-gauges{gap:25px}}@media (max-width:767px){.dev-performance-heading{grid-template-columns:1fr;gap:26px}.dev-performance-heading>p{padding:0;font-size:13px}.dev-gauges{grid-template-columns:1fr 1fr;gap:35px 25px;margin:40px 0 28px}.dev-gauge{max-width:150px;margin-bottom:18px}.dev-gauge strong{font-size:39px}.dev-gauges li>span{letter-spacing:.08em;font-size:9px}.dev-performance-note{font-size:10px}.dev-race{border-radius:14px;margin-top:40px;padding:23px 20px}.dev-race-heading{gap:15px}.dev-race-heading .wd-eyebrow{max-width:160px;font-size:8px}.dev-race-heading button{padding:8px 11px;font-size:10px}.dev-race ul{gap:30px;margin-top:30px}.dev-race li>div:first-child{font-size:11px}.dev-race-track>i{width:19px;height:19px}.dev-race>p{font-size:9px}.dev-next-service{font-size:17px}.dev-next-service span{max-width:110px;font-size:8px;line-height:1.5}}