body,html{width:100%;overflow-x:hidden}.web-dev-page,.web-dev-page *{box-sizing:border-box}.web-dev-page{padding-top:80px;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);overflow-x:clip}.web-dev-hero{position:relative;min-height:calc(100vh - 80px);display:flex;align-items:center;overflow:clip;background:linear-gradient(180deg,#e6e8f2,#d9ddf0 45%,#cfd3ee)}.web-dev-hero:after{content:none}.web-dev-hero-container{position:relative;z-index:1;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1.15fr .85fr;grid-gap:60px;gap:60px;align-items:center}.web-dev-hero-left{text-align:left}.web-dev-hero-title{font-size:clamp(2.1rem,4.2vw,3.4rem);font-weight:900;line-height:1.08;margin:0 0 18px;color:#1f2937;max-width:760px;text-wrap:balance;word-break:normal}.web-dev-hero-titleLine{display:block}.web-dev-hero-accent{background:linear-gradient(90deg,#7c3aed,#9333ea 30%,#c026d3 60%,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#0000}.web-dev-hero-subtitle{font-size:1.3rem;line-height:1.75;margin:0 0 28px;max-width:640px;color:#1f2937b8}.web-dev-hero-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 34px;border-radius:999px;text-decoration:none;font-weight:800;font-size:1.05rem;background:linear-gradient(135deg,#7b6cf6,#6b5cf4);color:#fff;box-shadow:0 16px 34px #00000024;transition:transform .25s ease,box-shadow .25s ease;max-width:100%}.web-dev-hero-btn:hover{transform:translateY(-2px);box-shadow:0 22px 44px #0000002e}.web-dev-hero-right{display:flex;justify-content:center}.web-dev-hero-mediaCard{width:min(560px,100%);max-width:100%;border-radius:18px;overflow:hidden;background:#ffffffa6;border:1px solid #7b6cf638;box-shadow:0 22px 55px #7b6cf62e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative}.web-dev-hero-media{width:100%;height:320px;object-fit:cover;display:block;max-width:100%}.web-dev-gateways{padding:55px 20px 10px;background:var(--bg-primary)}.web-dev-gateways-container{max-width:1200px;margin:0 auto}.web-dev-gateways-title{text-align:center;font-size:2.2rem;font-weight:900;margin:0 0 18px;color:var(--text-primary)}.web-dev-gateways-tile{max-width:980px;margin:0 auto;border-radius:22px;padding:28px 26px;background:linear-gradient(135deg,#7b6cf61f,#9834c90f);border:1px solid #7b6cf62e;box-shadow:0 18px 45px #0000001a}.web-dev-gateways-text{text-align:center;font-size:1.12rem;line-height:1.85;color:#141e2dd1;font-weight:700;max-width:920px;margin:0 auto}.web-dev-ourProcess{padding:70px 20px 80px;background:var(--bg-primary)}.web-dev-ourProcess-container{max-width:1200px;margin:0 auto}.web-dev-ourProcess-head{max-width:980px;margin:0 auto 34px;text-align:center}.web-dev-ourProcess-title{font-size:clamp(2.2rem,3.6vw,3rem);font-weight:900;margin:0 0 10px;color:#111827;letter-spacing:-.02em;text-wrap:balance}.web-dev-ourProcess-subtitle{margin:0 auto;max-width:860px;font-size:1.15rem;line-height:1.75;color:#1118279e;font-weight:600}.web-dev-ourProcess-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:18px;gap:18px}.web-dev-ourProcess-card{position:relative;border-radius:22px;padding:18px;background:#ffffffeb;border:1px solid #11182714;box-shadow:0 14px 40px #00000014;transition:transform .25s ease,box-shadow .25s ease;overflow:hidden;min-height:220px}.web-dev-ourProcess-card:after{content:"";position:absolute;left:0;right:0;top:0;height:110px;opacity:.75;pointer-events:none}.web-dev-ourProcess-cardTop{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.web-dev-ourProcess-num{font-weight:900;font-size:1rem;color:#11182780;letter-spacing:.06em}.web-dev-ourProcess-pill{font-size:.82rem;font-weight:900;padding:7px 12px;border-radius:999px;background:#7b6cf61f;border:1px solid #7b6cf638;color:#141e2ddb;white-space:nowrap;position:relative;z-index:1}.web-dev-ourProcess-cardTitle{position:relative;z-index:1;margin:0 0 10px;font-size:1.25rem;font-weight:900;color:#111827;line-height:1.2}.web-dev-ourProcess-desc{position:relative;z-index:1;margin:0;font-size:1.02rem;line-height:1.8;color:#1118279e;font-weight:600}.web-dev-ourProcess-line{position:relative;z-index:1;margin-top:18px;height:4px;border-radius:999px;background:linear-gradient(90deg,#7b6cf6e6,#9834c98c,#ec489980);opacity:.55}.web-dev-serviceCards{padding:70px 20px 60px;background:var(--bg-primary)}.web-dev-serviceCards-container{max-width:1200px;margin:0 auto}.web-dev-serviceCards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:28px;gap:28px}.web-dev-serviceCard{background:#fffffff2;border-radius:22px;overflow:hidden;border:1px solid #0000000f;box-shadow:0 18px 45px #0000001f;transition:transform .3s ease,box-shadow .3s ease;max-width:100%}.web-dev-serviceCard:hover{transform:translateY(-10px);box-shadow:0 28px 70px #0000002e}.web-dev-serviceCard-media{width:100%;height:180px;overflow:hidden;background:#f3f4f6}.web-dev-serviceCard-img{width:100%;height:100%;object-fit:contain;display:block}.web-dev-serviceCard-body{padding:28px 28px 30px}.web-dev-serviceCard-title{font-size:1.65rem;font-weight:900;margin:0 0 16px;color:#111827}.web-dev-serviceCard-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.web-dev-serviceCard-item{display:flex;align-items:flex-start;gap:12px;font-size:1.02rem;color:#444;line-height:1.55}.web-dev-serviceCard-bullet{width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#7b6cf61f;border:1px solid #7b6cf638;color:#2f2fff;font-weight:900;flex:0 0 34px}.web-dev-serviceCard-text{padding-top:4px}.web-dev-process{margin-top:52px;padding:10px 0 0}.web-dev-process-title{text-align:center;font-size:2.4rem;font-weight:900;margin:0 0 22px;color:var(--text-primary)}.web-dev-process-tile{max-width:900px;margin:0 auto;border-radius:22px;padding:30px 26px;background:linear-gradient(135deg,#7b6cf61f,#9834c90f);border:1px solid #7b6cf62e;box-shadow:0 18px 45px #0000001a;max-width:100%}.web-dev-process-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.web-dev-process-item{display:flex;align-items:center;gap:14px;background:#ffffffeb;border:1px solid #0000000f;border-radius:16px;padding:16px;transition:transform .25s ease,box-shadow .25s ease;max-width:100%}.web-dev-process-item:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0000001f}.web-dev-process-step{width:38px;height:38px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7b6cf6,#9834c9);color:#fff;font-weight:900;flex:0 0 38px}.web-dev-process-text{font-size:1.08rem;font-weight:800;color:#162433}@media (max-width:992px){.web-dev-hero-container{grid-template-columns:1fr;gap:28px}.web-dev-hero-media{height:300px}.web-dev-ourProcess-grid,.web-dev-serviceCards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.web-dev-hero{min-height:auto;padding:50px 0}.web-dev-hero-subtitle{font-size:1.05rem}.web-dev-hero-btn{width:100%;max-width:320px}.web-dev-process-title{font-size:2rem}.web-dev-gateways-title{font-size:1.95rem}.web-dev-gateways-tile{padding:22px 16px}.web-dev-gateways-text{font-size:1.02rem;line-height:1.8}.web-dev-hero-media{height:240px}.web-dev-serviceCards{padding-top:55px}.web-dev-process-tile{padding:22px 16px}.web-dev-process-text{font-size:1rem}.web-dev-serviceCard-media{height:160px}.web-dev-ourProcess-card{min-height:auto}}@media (max-width:640px){.web-dev-ourProcess-grid,.web-dev-serviceCards-grid{grid-template-columns:1fr}.web-dev-serviceCard-body{padding:24px 20px 26px}.web-dev-hero-title{line-height:1.12}}@media (max-width:420px){.web-dev-process-step{width:34px;height:34px;flex:0 0 34px}.web-dev-serviceCard-bullet{width:32px;height:32px;flex:0 0 32px}}