.elementor-325 .elementor-element.elementor-element-6029915{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-db7d0f3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-14d4d8a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-ff433bb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-48caf94{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-2f2f24e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-64d852a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-cc6d209{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-1eb7e28{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-b282b11{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-0510ada{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-325 .elementor-element.elementor-element-ba68c3f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-2caffca */:root{
  --grad-start:#673AB7; --grad-end:#FF0041;
  --aqua:#4EF0D1; --white:#FFFFFF; --light:#F5F4FA;
  --dark:#1E1E1E; --muted:#555555;
}

/* ===== SECTION WRAPPER ===== */
#webdev-hero{
  position:relative;
  background:linear-gradient(135deg,var(--grad-start),var(--grad-end));
  color:var(--white);
  padding:160px 24px;
  overflow:hidden;
}

/* ===== PARTICLES ===== */
.hero-particles{
  position:absolute; inset:0; overflow:hidden; z-index:0;
}
.hero-particles .particle{
  position:absolute; background:var(--aqua); border-radius:50%;
  opacity:.35; width:8px; height:8px; animation:float 9s ease-in-out infinite alternate;
}
.particle:nth-child(1){top:10%;left:15%;animation-delay:0s;}
.particle:nth-child(2){top:25%;left:80%;animation-delay:1.5s;}
.particle:nth-child(3){top:60%;left:10%;animation-delay:3s;}
.particle:nth-child(4){top:75%;left:50%;animation-delay:4.5s;}
.particle:nth-child(5){top:40%;left:90%;animation-delay:6s;}
.particle:nth-child(6){top:85%;left:25%;animation-delay:7.5s;}
@keyframes float{
  0%{transform:translateY(0);}
  100%{transform:translateY(-12px);}
}

/* ===== GRID ===== */
.hero-container{
  display:grid;
  grid-template-columns:55% 45%;
  align-items:center;
  gap:60px;
  max-width:1180px;
  margin:0 auto;
  position:relative;
  z-index:2;
}

/* ===== LEFT CONTENT ===== */
.hero-left .eyebrow{
  font:500 14px/1.4 Jost,sans-serif;
  letter-spacing:.07em;
  color:rgba(245,244,250,.85);
  margin-bottom:12px;
}
.hero-left h1{
  font:800 clamp(32px,4vw,56px)/1.15 Montserrat,sans-serif;
  max-width:700px;
  margin-bottom:20px;
}
.hero-left .subline{
  font:400 clamp(16px,2vw,20px)/1.6 Jost,sans-serif;
  color:var(--light);
  max-width:680px;
  margin-bottom:24px;
}
.trust-bullets{
  list-style:none; padding:0; margin:0 0 32px;
}
.trust-bullets li{
  font:400 16px/1.5 Jost,sans-serif;
  color:var(--light);
  margin-bottom:8px;
}

/* ===== CTA ROW ===== */
.cta-row{
  display:flex; gap:20px; flex-wrap:wrap; margin-bottom:16px;
}
.cta{
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:999px; padding:14px 32px;
  font:600 17px/1 Poppins,sans-serif;
  text-decoration:none; transition:all .3s ease;
}
.cta.primary{
  background:var(--white); color:var(--grad-start);
  box-shadow:0 8px 24px rgba(0,0,0,.15);
}
.cta.primary:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 28px rgba(78,240,209,.25);
}
.cta.secondary{
  border:2px solid rgba(255,255,255,.9); color:var(--white);
}
.cta.secondary:hover{
  background:rgba(255,255,255,.12);
  border-color:var(--aqua);
  transform:translateY(-3px);
}
.micro{
  font:400 14px/1.5 Jost,sans-serif;
  color:rgba(245,244,250,.8);
}

/* ===== MOCKUPS ===== */
.mockup-wrapper{position:relative;width:100%;max-width:480px;margin:0 auto;}
.mockup{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 6px 24px rgba(0,0,0,.25);}
.mockup.phone{
  position:absolute;bottom:-6%;right:-8%;
  width:38%;box-shadow:0 6px 24px rgba(0,0,0,.3);
}

/* ===== RESPONSIVE ===== */
@media(max-width:1023px){
  #webdev-hero{padding:120px 20px;}
  .hero-container{gap:40px;}
}
@media(max-width:767px){
  #webdev-hero{padding:90px 16px;}
  .hero-container{grid-template-columns:1fr; text-align:center;}
  .cta-row{justify-content:center;}
  .cta{width:100%;max-width:320px;}
  .mockup.phone{position:relative;right:auto;bottom:auto;margin:20px auto 0;display:block;width:60%;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fa0e970 */:root{
  --p:#673AB7;--aqua:#4EF0D1;--text:#1E1E1E;
  --para:#555;--white:#fff;
}

/* SECTION */
#webdev-benefits{
  background:var(--white);
  padding:140px 24px;
  color:var(--text);
  text-align:center;
}
.benefits-container{max-width:1180px;margin:0 auto;}

/* HEADER */
.eyebrow{
  font:500 14px/1.4 Jost,sans-serif;
  text-transform:uppercase;letter-spacing:.05em;
  color:var(--p);margin-bottom:12px;
}
#webdev-benefits-title{
  font:700 clamp(28px,3.5vw,40px)/1.2 Montserrat,sans-serif;
  margin-bottom:16px;
}
.subline{
  font:400 18px/1.6 Jost,sans-serif;
  color:var(--para);
  max-width:740px;margin:0 auto 56px;
}

/* GRID */
.benefits-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:48px;
  text-align:left;
}

/* COLUMN */
.benefits-column h3{
  font:600 22px/1.3 Montserrat,sans-serif;
  margin-bottom:16px;color:var(--text);
}
.checklist{list-style:none;padding:0;margin:0;}
.checklist li{
  display:flex;align-items:flex-start;
  gap:12px;
  font:500 17px/1.6 Jost,sans-serif;
  color:var(--text);
  margin-bottom:14px;
}
.check-icon{color:var(--aqua);flex-shrink:0;}

/* CTA */
.benefits-cta{text-align:center;margin-top:64px;}
.btn-ghost{
  display:inline-block;
  font:600 18px/1 Poppins,sans-serif;
  color:var(--p);
  border:2px solid var(--p);
  padding:14px 36px;border-radius:999px;
  text-decoration:none;transition:all .3s ease;
}
.btn-ghost:hover{
  color:var(--aqua);
  border-color:var(--aqua);
  transform:translateY(-3px);
}

/* RESPONSIVE */
@media(max-width:1199px){.benefits-grid{gap:32px;}}
@media(max-width:767px){
  #webdev-benefits{padding:80px 16px;}
  .benefits-grid{grid-template-columns:1fr;gap:32px;}
  .benefits-column{
    border-left:3px solid transparent;
    border-image:linear-gradient(var(--p),var(--aqua))1;
    padding-left:16px;
  }
  .benefits-cta{margin-top:40px;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b7632db */:root{
  --p:#673AB7; --q:#FF0041; --aqua:#4EF0D1;
  --text:#1E1E1E; --para:#555555; --white:#FFFFFF; --ghost:#F9F8FF; --border:#E4E2EC;
}

/* SECTION */
#webdev-pricing{
  background:var(--white);
  padding:140px 24px;
  color:var(--text);
}
.pricing-container{max-width:1180px;margin:0 auto;text-align:center;}

/* HEADER */
#webdev-pricing-title{
  font:700 clamp(28px,3.5vw,40px)/1.2 Montserrat,system-ui,sans-serif;
  margin:0 0 12px;
}
.pricing-subline{
  font:400 18px/1.6 Jost,system-ui,sans-serif;
  color:var(--para);
  max-width:740px;margin:0 auto 56px;
}

/* GRID */
.pricing-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:40px;
  align-items:stretch;
}

/* CARD */
.pricing-card{
  background:var(--white);
  border:1px solid var(--border);
  border-radius:20px;
  box-shadow:0 4px 18px rgba(0,0,0,.05);
  padding:48px 40px;
  text-align:left;
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
  position:relative;
  overflow:hidden;
}
.pricing-card:hover{
  transform:translateY(-6px);
  border-color:var(--aqua);
  box-shadow:0 8px 24px rgba(78,240,209,.25);
}
.pricing-card.featured{
  outline:0;
  box-shadow:0 10px 30px rgba(103,58,183,.15);
}
.pricing-card .card-head{margin-bottom:16px;}
.card-title{
  font:700 clamp(22px,2.2vw,26px)/1.2 Montserrat,system-ui,sans-serif;
  color:var(--text);
  margin:0 0 10px;
  position:relative;
}
.pricing-card:hover .card-title{
  background:linear-gradient(90deg,var(--p),var(--q));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.card-title::after{
  content:"";
  display:block;
  width:0;height:3px;border-radius:999px;
  background:linear-gradient(90deg,var(--p),var(--q));
  transition:width .35s ease;
  margin-top:10px;
}
.pricing-card:hover .card-title::after{width:72px;}

.card-desc{
  font:400 17px/1.6 Jost,system-ui,sans-serif;
  color:var(--para);margin:0;
}

.card-list{
  list-style:none;padding:0;margin:18px 0 0;
  display:grid;gap:12px;
  font:500 17px/1.6 Jost,system-ui,sans-serif;
  color:var(--text);
}
.card-list li span{margin-right:8px;color:var(--aqua);}

.card-cta{
  display:inline-block;
  margin-top:32px;
  font:600 18px/1 Poppins,system-ui,sans-serif;
  color:var(--p);
  text-decoration:none;
  border:2px solid var(--p);
  padding:14px 36px;border-radius:999px;
  transition:transform .3s ease, box-shadow .3s ease, color .3s ease, border-color .3s ease;
}
.card-cta:hover{
  color:var(--q);
  border-color:var(--q);
  transform:translateY(-3px);
  box-shadow:0 0 0 3px rgba(78,240,209,.18);
}

/* RESPONSIVE */
@media (max-width:1199px){
  #webdev-pricing{padding:100px 20px;}
  .pricing-grid{grid-template-columns:repeat(2,1fr);gap:32px;}
  .pricing-card{padding:36px 32px;}
}
@media (max-width:767px){
  #webdev-pricing{padding:80px 16px;}
  .pricing-grid{grid-template-columns:1fr;gap:24px;}
  .pricing-card{padding:28px 22px;}
  .card-cta{width:100%;text-align:center;}
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  .pricing-card,.card-cta,.card-title::after{transition:none}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-24e9709 */:root{
  --p:#673AB7;--q:#FF0041;--aqua:#4EF0D1;
  --text:#1E1E1E;--para:#555;--white:#fff;--border:#E4E2EC;
}

/* SECTION */
#webdev-faq{
  background:var(--white);
  padding:140px 24px;
  color:var(--text);
}
.faq-container{max-width:1080px;margin:0 auto;text-align:center;}

/* HEADER */
#webdev-faq-title{
  font:700 clamp(28px,3.5vw,40px)/1.2 Montserrat,sans-serif;
  margin-bottom:16px;
}
.faq-subline{
  font:400 18px/1.6 Jost,sans-serif;
  color:var(--para);
  margin:0 auto 56px;
  max-width:740px;
}

/* FAQ LIST */
.faq-list{
  display:flex;
  flex-direction:column;
  gap:24px;
  text-align:left;
}

/* FAQ ITEM */
.faq-item{
  background:var(--white);
  border:1px solid var(--border);
  border-radius:16px;
  box-shadow:0 4px 16px rgba(0,0,0,.05);
  overflow:hidden;
  transition:border .3s ease,box-shadow .3s ease;
}
.faq-item:hover{
  border-color:var(--aqua);
  box-shadow:0 0 16px rgba(78,240,209,.25);
}

/* QUESTION BUTTON */
.faq-question{
  width:100%;
  background:none;
  border:none;
  padding:22px 28px;
  font:600 clamp(18px,1.5vw,22px)/1.4 Montserrat,sans-serif;
  color:var(--text);
  display:flex;
  justify-content:space-between;
  align-items:center;
  cursor:pointer;
  text-align:left;
}
.faq-icon{
  color:var(--aqua);
  transition:transform .4s ease;
}

/* ANSWER */
.faq-answer{
  font:400 17px/1.6 Jost,sans-serif;
  color:var(--para);
  padding:0 28px 0;
  max-height:0;
  overflow:hidden;
}

/* ACTIVE STATE */
.faq-item.active .faq-icon{transform:rotate(90deg);}
.faq-item.active .faq-answer{padding:0 28px 28px;}

/* RESPONSIVE */
@media(max-width:1199px){
  #webdev-faq{padding:100px 20px;}
  .faq-list{gap:20px;}
}
@media(max-width:767px){
  #webdev-faq{padding:80px 16px;}
  .faq-question{padding:20px 22px;font-size:18px;}
  .faq-answer{font-size:16px;padding:0 22px 0;}
  .faq-list{gap:16px;}
}/* End custom CSS */