.p-web-development{padding:clamp(48px,7vw,96px) 0;background:#fff;color:var(--color-navy);scroll-margin-top:120px}
.p-web-development>.container{max-width:1200px;padding-inline:clamp(20px,4vw,58px)}
.p-web-development__eyebrow{font:600 14px/1.5 var(--font-en);letter-spacing:.08em;color:var(--color-main);margin-bottom:20px}
.p-web-development h2{font-size:clamp(26px,3vw,40px);line-height:1.5;margin-bottom:20px;overflow-wrap:anywhere}
.p-web-development__lead,.p-web-development__note{font-size:16px;line-height:1.9;max-width:56em}
.p-web-development__scope{margin:36px 0;border-top:1px solid #bac8db}
.p-web-development__scope>div{display:grid;grid-template-columns:160px minmax(0,1fr);gap:24px;padding:28px 0;border-bottom:1px solid #bac8db}
.p-web-development__scope dt{font-size:21px;font-weight:700;color:var(--color-main)}
.p-web-development__scope dd{font-size:16px;line-height:1.9;margin:0;max-width:48em}
.p-web-development__cta{display:inline-flex;align-items:center;min-height:48px;margin-top:28px;padding:14px 24px;background:var(--color-main);color:#fff;font-weight:700;text-decoration:none;gap:16px}
.p-web-development__cta:hover{background:#294975}
.p-web-development__cta:focus-visible{outline:3px solid var(--color-navy);outline-offset:5px}
@media(max-width:640px){.p-web-development{scroll-margin-top:84px}.p-web-development__scope>div{grid-template-columns:1fr;gap:10px;padding:24px 0}.p-web-development__cta{width:100%;justify-content:center}.p-web-development__scope dt{font-size:19px}}