/* Website design service page: practical scope and launch journey. */
.web-scope{background:#0d100c;border-block:1px solid #384332}
.web-scope-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(30px,7vw,110px);align-items:end;margin-bottom:48px}
.web-scope-heading h2{margin:22px 0 0;max-width:850px}
.web-scope-heading p{color:#d0dac8;font-size:1.12rem;max-width:490px;margin:0 0 7px}
.web-scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#46513d;border:1px solid #46513d}
.web-scope-card{min-width:0;min-height:330px;padding:clamp(26px,3vw,44px);background:#121912;display:flex;flex-direction:column;transition:background .3s}
.web-scope-card:hover{background:#1d291a}
.web-scope-card>span{color:var(--acid);font:700 .78rem 'Space Grotesk',sans-serif;letter-spacing:.14em}
.web-scope-card h3{margin:auto 0 17px;font-size:clamp(1.65rem,2.25vw,2.45rem);max-width:360px}
.web-scope-card p{font-size:1rem;line-height:1.65;color:#d1dacd;margin:0;max-width:390px}
.web-scope-note{color:#b6c4b0;margin:22px 0 0;font-size:.95rem}
.web-launch{background:radial-gradient(circle at 0 0,#d6fa2715,transparent 38%),#080a08;border-block:1px solid #344030}
.web-launch-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(45px,8vw,130px)}
.web-launch-lead{align-self:start;position:sticky;top:35px}
.web-launch-lead h2{font-size:clamp(2.8rem,5vw,5.8rem);margin:25px 0}
.web-launch-lead p{font-size:1.12rem;color:#d0dccc;max-width:520px;line-height:1.7}
.web-launch-lead .button{margin-top:18px}
.web-launch-steps{margin:0;padding:0;list-style:none;border-top:1px solid #65745e}
.web-launch-steps li{display:grid;grid-template-columns:70px 1fr;gap:26px;padding:31px 0;border-bottom:1px solid #65745e}
.web-launch-steps li>span{font:700 1rem 'Space Grotesk',sans-serif;color:var(--acid);padding-top:5px}
.web-launch-steps h3{font-size:clamp(1.6rem,2.2vw,2.5rem);margin:0 0 11px}
.web-launch-steps p{font-size:1rem;line-height:1.65;color:#cbd6c5;margin:0;max-width:560px}
@media(max-width:960px){.web-scope-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.web-scope-heading,.web-launch-layout{grid-template-columns:1fr}.web-launch-lead{position:static}.web-scope-card{min-height:290px}}
@media(max-width:600px){.web-scope-grid{grid-template-columns:1fr}.web-scope-card{min-height:0;gap:20px}.web-scope-card h3{margin:20px 0 0}.web-scope-heading p{font-size:1rem}.web-launch-steps li{grid-template-columns:44px 1fr;gap:14px}.web-launch-lead .button{width:100%}}