.webdev-page .webdev-hero{background:radial-gradient(ellipse at 78% 45%,#542b7b 0%,transparent 40%),linear-gradient(115deg,#21113a,#39205d)}.webdev-page .dstv-hero .eyebrow,.webdev-page .webdev-booking .eyebrow{color:#f3a6d0}.webdev-page .webdev-services .eyebrow,.webdev-page .webdev-approach .eyebrow{color:#7436c8}.webdev-hero-art{height:340px;position:relative;display:grid;place-items:center}.webdev-hero-main{width:min(78%,330px);height:300px;display:block;object-fit:cover;border:1px solid #ffffff35;border-radius:20px;box-shadow:0 24px 60px #120a2355}.webdev-hero-inset{position:absolute;right:0;bottom:5px;width:43%;height:135px;object-fit:cover;border:5px solid #fff;border-radius:15px;box-shadow:0 18px 40px #120a2370}.webdev-services{background:#faf8fd}.webdev-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.webdev-service-item{display:flex;gap:17px;padding:24px;border:1px solid #e7e0ef;border-radius:16px;background:#fff;box-shadow:0 12px 30px #2b12490d}.webdev-service-item>span{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#f0e6ff;color:var(--purple);font:800 12px Manrope,sans-serif}.webdev-service-item h3{font:700 17px Manrope,sans-serif;margin:0 0 8px;color:var(--deep)}.webdev-service-item p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.webdev-approach{padding:74px max(22px,calc((100% - 1120px)/2));display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:52px;background:#fff}.webdev-approach-copy h2{font:800 clamp(29px,3.5vw,42px)/1.2 Manrope,sans-serif;letter-spacing:-.045em;margin:0}.webdev-approach-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted)}.webdev-approach-copy ul{padding-left:18px;color:#51465f;font-size:12px;line-height:2}.webdev-approach-copy li::marker{color:var(--purple)}.webdev-approach-image{height:310px;overflow:hidden;border-radius:18px;background:#f4f1fa;box-shadow:0 18px 45px #25123f20}.webdev-approach-image img{width:100%;height:100%;display:block;object-fit:cover}.webdev-page .webdev-booking{background:linear-gradient(115deg,#21113a,#39205d)}
@media(max-width:760px){.webdev-hero-art{height:275px;margin-top:14px}.webdev-hero-main{height:240px}.webdev-hero-inset{height:100px;width:40%}.webdev-service-grid{grid-template-columns:1fr}.webdev-approach{grid-template-columns:1fr;gap:25px;padding-top:55px;padding-bottom:55px}.webdev-approach-image{height:245px}}