/* Web Design follows the supplied two-column layouts in the EyesFwd palette. */
.web-design-page :is(.web-point-grid,.web-feature-grid,.web-process-grid,.web-reason-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:1120px;margin:0 auto}
.web-design-page .web-point-grid article{display:flex;align-items:flex-start;gap:20px;border:1px solid var(--section-line);border-radius:12px;padding:28px 30px}
.web-design-page .web-point-grid svg{width:26px;height:26px;flex-shrink:0;color:#8a651c;margin-top:5px}
.web-design-page .web-point-grid p{margin:0;font-size:21px;line-height:1.5;color:var(--section-ink)}
.web-design-page .web-approach .web-point-grid article{background:#ffffff0a;border-color:transparent}
.web-design-page .web-approach .web-point-grid svg{color:#f2c566}
.web-design-page .web-section-note{max-width:1000px;text-align:center;font-size:24px;color:var(--section-ink);margin:50px auto 0}
.web-design-page .web-feature-card{background:#fff;border:1px solid #dce1e5;border-radius:16px;padding:38px}
.web-design-page .web-feature-card h3{font-size:27px;margin:26px 0}
.web-design-page .web-feature-card .service-checks{gap:16px;color:var(--section-copy)}
.web-design-page .web-offer-grid{display:block;max-width:1050px;margin:0 auto}
.web-design-page .web-offer-card{background:#101d31;border:1px solid #c3973b;border-radius:18px;padding:48px;color:#f8fafc}
.web-design-page .web-offer-card .service-icon{background:#f2c566;color:#102338}
.web-design-page .web-offer-card h3{color:#fff;font-size:34px;margin:26px 0 10px}
.web-design-page .web-offer-card .web-offer-emphasis{font-size:clamp(29px,3.7vw,48px);line-height:1.2;font-weight:650;color:#f2c566;letter-spacing:-1px;margin:0 0 28px}
.web-design-page .web-offer-card p{max-width:none;color:#bfceda;font-size:20px}
.web-design-page .web-offer-card .button{display:block;text-align:center;background:#f2c566;color:#102338;margin:34px 0}
.web-design-page .web-offer-card .button:hover{background:#ffdb89}
.web-design-page .web-offer-card h4{color:#f2c566;font-size:18px;margin:0 0 24px}
.web-design-page .web-offer-card .service-checks li{font-size:19px}
.web-design-page .web-offer-card .service-checks svg{color:#f2c566}
.web-design-page .web-offer-card .web-offer-note{font-size:16px;border-top:1px solid #ffffff30;padding-top:24px;margin:28px 0 0}
.web-design-page .web-existing-note{max-width:980px;margin:32px auto 0;font-size:18px;text-align:center}
.web-design-page .web-process-grid article{padding:36px;background:#fff;border:1px solid #dce1e5;border-radius:14px}
.web-design-page .web-step{display:block;font-size:68px;line-height:1;font-weight:650;color:#8a651c;margin:0 0 26px}
.web-design-page .web-process-grid h3{font-size:27px;margin:0 0 18px}
.web-design-page .web-process-grid p{font-size:19px;margin:0}
.web-design-page .web-reason-grid article{display:flex;gap:24px;align-items:flex-start;background:#ffffff04;border:1px solid #ffffff30;border-radius:12px;padding:30px}
.web-design-page .web-reason-grid .service-icon{background:#f2c566;color:#102338}
.web-design-page .web-reason-grid h3{font-size:24px;line-height:1.3;margin:0 0 16px}
.web-design-page .web-reason-grid p{font-size:18px;margin:0}
.web-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:850px){
 .web-design-page .web-reason-grid article{display:block}
 .web-design-page .web-reason-grid .service-icon{margin-bottom:22px}
 .web-design-page .web-feature-card,.web-design-page .web-process-grid article{padding:28px}
 .web-design-page .web-point-grid article{padding:24px;gap:16px}
 .web-design-page .web-point-grid p{font-size:19px}
}
@media(max-width:600px){
 .web-design-page :is(.web-point-grid,.web-feature-grid,.web-process-grid,.web-reason-grid){grid-template-columns:1fr;gap:20px}
 .web-design-page .web-offer-card{padding:28px 24px}
 .web-design-page .web-offer-card h3{font-size:29px}
 .web-design-page .web-offer-card p,.web-design-page .web-offer-card .service-checks li{font-size:18px}
 .web-design-page .web-section-note{font-size:21px;margin-top:32px}
 .web-design-page .web-step{font-size:56px}
}

.web-design-page .service-feature-hero .web-starting-price{font-size:26px;font-weight:650;color:#f2c566;margin:28px auto 0}
@media(max-width:600px){.web-design-page .web-offer-card .web-offer-emphasis{font-size:32px}}

.web-design-page .web-problems .web-section-note{font-size:clamp(24px,3vw,36px);line-height:1.35;max-width:1040px;margin:52px auto 0;padding-top:32px;border-top:3px solid #c3973b}

.web-design-page .web-brand-blue{color:#38b6ff}