.webdev-page{color:#101828;background:#fff;width:100%;min-height:100vh;overflow:hidden}.webdev-container{width:min(1180px,100% - 48px);margin:0 auto}.eyebrow{color:#2563eb;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px;font-size:12px;font-weight:700;display:inline-block}.section-heading{max-width:760px;margin-bottom:50px}.section-heading.centered{text-align:center;margin-left:auto;margin-right:auto}.section-heading h2{color:#101828;letter-spacing:-.04em;margin:0 0 18px;font-size:clamp(34px,4vw,52px);line-height:1.08}.section-heading h2 span{color:#2563eb}.section-heading p{color:#667085;max-width:650px;margin:0;font-size:17px;line-height:1.7}.section-heading.centered p{margin-left:auto;margin-right:auto}.webdev-hero{background:#fff;width:100%;padding:80px 0 100px}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:60px;width:100%;max-width:1180px;margin:0 auto;display:grid}.hero-content{order:1;width:100%;max-width:560px}.hero-content h1{color:#101828;letter-spacing:-.05em;margin:0 0 24px;font-size:clamp(44px,5vw,70px);line-height:1.02}.hero-content h1 span{color:#2563eb}.hero-content p{color:#667085;max-width:560px;margin:0 0 32px;font-size:18px;line-height:1.7}.hero-content p strong{color:#101828}.hero-visual{order:2;justify-content:center;align-items:center;width:100%;display:flex}.hero-image{object-fit:contain;width:100%;max-width:500px;height:auto;margin:0 auto;animation:.8s ease-out both heroImageReveal;display:block}@keyframes heroImageReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-buttons{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.btn{border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:50px;padding:0 23px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s,border-color .25s;display:inline-flex}.btn span{font-size:18px;transition:transform .25s}.btn:hover span{transform:translate(3px)}.btn-primary{color:#fff;background:#2563eb;border:1px solid #2563eb}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #2563eb33}.btn-secondary{color:#101828;background:#fff;border:1px solid #d0d5dd}.btn-secondary:hover{background:#f8fafc;border-color:#98a2b3;transform:translateY(-2px)}.problem-section{background:#f8fafc;border-top:1px solid #f2f4f7;border-bottom:1px solid #f2f4f7;padding:100px 0}.problem-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.problem-item{background:#fff;border:1px solid #eaecf0;border-radius:12px;min-height:150px;padding:26px 24px;transition:transform .25s,border-color .25s,box-shadow .25s}.problem-item:hover{border-color:#bfdbfe;transform:translateY(-4px);box-shadow:0 12px 30px #1018280f}.problem-item>span{color:#98a2b3;margin-bottom:28px;font-size:12px;font-weight:700;display:block}.problem-item h3{color:#101828;margin:0;font-size:18px;line-height:1.35}.problem-answer{color:#667085;align-items:center;gap:12px;margin-top:32px;font-size:16px;display:flex}.problem-answer strong{color:#101828}.build-section{background:#fff;padding:110px 0}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.service-card{background:#fff;border:1px solid #eaecf0;border-radius:14px;padding:34px;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.service-card:hover{border-color:#bfdbfe;transform:translateY(-5px);box-shadow:0 18px 40px #10182812}.card-number{color:#98a2b3;margin-bottom:34px;font-size:12px;font-weight:700;display:block}.card-label{color:#2563eb;letter-spacing:.1em;background:#eff6ff;border-radius:5px;margin-bottom:12px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-block}.service-card h3{color:#101828;letter-spacing:-.02em;margin:0 0 14px;font-size:24px;line-height:1.25}.service-card p{color:#667085;margin:0 0 14px;font-size:16px;line-height:1.7}.service-card p strong{color:#101828}.card-line{background:#2563eb;border-radius:10px;width:35px;height:3px;margin-top:28px;transition:width .3s}.service-card:hover .card-line{width:60px}.featured-card{border-color:#dbeafe}.benefits-section{background:#f8fafc;border-top:1px solid #f2f4f7;border-bottom:1px solid #f2f4f7;padding:100px 0}.benefits-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:70px;display:grid}.benefits-title{width:100%}.benefits-title h2{color:#101828;letter-spacing:-.04em;max-width:480px;margin:0;font-size:clamp(34px,4vw,50px);line-height:1.08}.benefits-title h2 span{color:#2563eb}.benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.benefit{background:#fff;border:1px solid #eaecf0;border-radius:12px;align-items:flex-start;gap:18px;padding:26px 24px;display:flex}.benefit>span{color:#2563eb;font-size:12px;font-weight:700}.benefit h3{color:#101828;margin:0 0 7px;font-size:17px}.benefit p{color:#667085;margin:0;font-size:14px;line-height:1.6}.process-section{background:#fff;padding:110px 0}.process-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.process-step{text-align:center;background:#fff;border:1px solid #eaecf0;border-radius:10px;min-width:145px;padding:22px 20px;transition:transform .25s,border-color .25s}.process-step:hover{border-color:#bfdbfe;transform:translateY(-3px)}.process-step span{color:#2563eb;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.process-step h3{color:#101828;margin:0;font-size:15px}.process-flow>i{color:#2563eb;font-size:20px;font-style:normal}.final-cta{background:#101828;padding:100px 0}.cta-box{text-align:center;max-width:800px;margin:0 auto}.cta-box .eyebrow{color:#60a5fa}.cta-box h2{color:#fff;letter-spacing:-.045em;max-width:750px;margin:0 auto 30px;font-size:clamp(36px,5vw,58px);line-height:1.05}.cta-box h2 span{color:#60a5fa}@media (max-width:1100px){.webdev-container{width:min(100% - 40px,1000px)}.hero-grid{gap:45px}.hero-content h1{font-size:clamp(42px,5vw,58px)}.hero-image{max-width:460px}.benefits-layout{gap:45px}}@media (max-width:900px){.webdev-hero{padding:55px 0 80px}.hero-grid{text-align:center;grid-template-columns:1fr;gap:40px}.hero-visual{order:1;justify-content:center;width:100%}.hero-image{width:100%;max-width:520px;margin:0 auto}.hero-content{order:2;max-width:700px;margin:0 auto}.hero-content p{margin-left:auto;margin-right:auto}.hero-buttons{justify-content:center}.problem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.benefits-layout{grid-template-columns:1fr;gap:45px}.benefits-title{text-align:center}.benefits-title h2{margin-left:auto;margin-right:auto}}@media (max-width:600px){.webdev-container{width:calc(100% - 32px);max-width:500px}.webdev-hero{padding:35px 0 70px}.problem-section,.build-section,.benefits-section,.process-section{padding:70px 0}.hero-grid{gap:30px}.hero-image{max-width:450px}.hero-content h1{margin-bottom:20px;font-size:40px;line-height:1.05}.hero-content p{margin-bottom:28px;font-size:16px;line-height:1.65}.hero-buttons{flex-direction:column;gap:10px;width:100%}.btn{width:100%}.section-heading{margin-bottom:35px}.section-heading h2{font-size:34px}.section-heading p{font-size:16px}.problem-grid{grid-template-columns:1fr;gap:12px}.problem-item{min-height:auto;padding:22px}.problem-item>span{margin-bottom:20px}.problem-answer{flex-direction:column;align-items:flex-start;gap:5px;margin-top:25px}.service-grid{grid-template-columns:1fr;gap:14px}.service-card{padding:27px 23px}.card-number{margin-bottom:25px}.service-card h3{font-size:22px}.service-card p{font-size:15px}.benefits-layout{gap:35px}.benefits-title{text-align:left}.benefits-title h2{font-size:34px}.benefits-grid{grid-template-columns:1fr;gap:12px}.benefit{padding:22px}.process-flow{flex-direction:column;gap:8px;width:100%}.process-step{width:100%;min-width:0;padding:19px}.process-flow>i{font-size:18px;transform:rotate(90deg)}.final-cta{padding:70px 0}.cta-box h2{font-size:38px;line-height:1.08}}@media (max-width:380px){.webdev-container{width:calc(100% - 28px)}.hero-content h1{font-size:34px}.hero-content p{font-size:15px}.section-heading h2,.benefits-title h2{font-size:30px}.cta-box h2{font-size:34px}.service-card h3{font-size:20px}}@media (prefers-reduced-motion:reduce){.hero-image{animation:none}.btn,.service-card,.problem-item,.process-step,.card-line{transition:none}}