/* Website Development Hero + Lead Form */

.wd-hero{position:relative;overflow:hidden;padding:90px 0 80px;background:#071426;color:#fff;isolation:isolate}
.wd-hero-bg{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 85% 20%,rgba(24,119,242,.18),transparent 34%),radial-gradient(circle at 10% 85%,rgba(0,198,255,.10),transparent 32%)}
.wd-hero:before,.wd-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:-1}
.wd-hero:before{width:420px;height:420px;right:-180px;top:-190px;border:1px solid rgba(255,255,255,.08)}
.wd-hero:after{width:300px;height:300px;left:-170px;bottom:-180px;border:1px solid rgba(255,255,255,.06)}

.wd-hero-content{max-width:760px}
.wd-hero-badge{display:inline-flex;align-items:center;gap:9px;padding:9px 15px;margin-bottom:22px;border:1px solid rgba(255,255,255,.16);border-radius:50px;background:rgba(255,255,255,.06);color:#8fdcff;font-size:12px;font-weight:700;letter-spacing:.7px}
.wd-hero h1{margin:0 0 20px;max-width:760px;font-size:clamp(38px,5vw,64px);line-height:1.08;font-weight:800;letter-spacing:-1.4px}
.wd-hero-description{max-width:680px;margin:0 0 25px;color:rgba(255,255,255,.76);font-size:17px;line-height:1.75}
.wd-hero-points{display:flex;flex-wrap:wrap;gap:12px 22px;margin-bottom:30px}
.wd-hero-points span{color:rgba(255,255,255,.88);font-size:14px;font-weight:600}
.wd-hero-points i{margin-right:6px;color:#51d6a4}

.wd-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:34px}
.wd-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:700;transition:all .25s ease}
.wd-btn-primary{background:#fff;color:#071426}
.wd-btn-primary:hover{transform:translateY(-2px);color:#071426;box-shadow:0 12px 28px rgba(0,0,0,.22)}
.wd-btn-outline{border:1px solid rgba(255,255,255,.25);color:#fff;background:rgba(255,255,255,.04)}
.wd-btn-outline:hover{background:rgba(255,255,255,.10);color:#fff;transform:translateY(-2px)}

.wd-hero-trust{display:flex;flex-wrap:wrap}
.wd-hero-trust>div{min-width:145px;padding-right:25px;margin-right:25px;border-right:1px solid rgba(255,255,255,.12)}
.wd-hero-trust>div:last-child{border-right:0}
.wd-hero-trust strong{display:block;margin-bottom:3px;font-size:23px;line-height:1.2}
.wd-hero-trust span{color:rgba(255,255,255,.58);font-size:12px}

/* Lead form */
.wd-lead-card{position:relative;padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.97);color:#172235;box-shadow:0 25px 70px rgba(0,0,0,.28)}
.wd-form-header{display:flex;align-items:flex-start;gap:13px;margin-bottom:21px}
.wd-form-icon{flex:0 0 42px;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#071426;color:#fff}
.wd-form-header h2{margin:0 0 5px;font-size:21px;line-height:1.25;font-weight:800}
.wd-form-header p{margin:0;color:#667085;font-size:12px;line-height:1.55}
.wd-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wd-field{margin-bottom:13px}
.wd-field label{display:block;margin-bottom:6px;color:#344054;font-size:12px;font-weight:700}
.wd-field input,.wd-field select,.wd-field textarea{width:100%;border:1px solid #d9dee8;border-radius:7px;outline:none;background:#fff;color:#172235;font-size:13px;transition:border-color .2s ease,box-shadow .2s ease}
.wd-field input,.wd-field select{height:45px;padding:0 13px}
.wd-field textarea{min-height:82px;padding:11px 13px;resize:vertical}
.wd-field input:focus,.wd-field select:focus,.wd-field textarea:focus{border-color:#172235;box-shadow:0 0 0 3px rgba(23,34,53,.08)}
.wd-submit-btn{width:100%;min-height:49px;border:0;border-radius:7px;background:#071426;color:#fff;cursor:pointer;font-size:14px;font-weight:700;transition:all .25s ease}
.wd-submit-btn i{margin-left:8px}
.wd-submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(7,20,38,.22)}
.wd-form-note{margin:12px 0 0;text-align:center;color:#98a2b3;font-size:10px}

@media(max-width:991.98px){
.wd-hero{padding:70px 0 60px}
.wd-hero h1{font-size:clamp(36px,7vw,52px)}
.wd-lead-card{max-width:620px;margin:15px auto 0}
}
@media(max-width:575.98px){
.wd-hero{padding:55px 0 45px}
.wd-hero h1{font-size:35px;letter-spacing:-.7px}
.wd-hero-description{font-size:15px}
.wd-hero-points{display:block}
.wd-hero-points span{display:block;margin-bottom:9px}
.wd-hero-actions{display:grid}
.wd-btn{width:100%}
.wd-hero-trust{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.wd-hero-trust>div{min-width:0;padding:0;margin:0;border-right:0}
.wd-lead-card{padding:21px 17px;border-radius:14px}
.wd-form-row{grid-template-columns:1fr;gap:0}
.wd-form-header h2{font-size:19px}
}