/* XSquare Media service pages — editorial redesign matching the supplied reference.
   Loaded after each page's legacy inline CSS so the visual system is consistent. */

:root{
  --svc-navy:#112c20;
  --svc-navy-2:#173b2c;
  --svc-green:#112c20;
  --svc-green-2:#1f5139;
  --svc-cream:#f4f0e6;
  --svc-paper:#fbf8f0;
  --svc-line:#d9d3c6;
  --svc-accent:#8fc384;
  --svc-accent-strong:#6fa667;
  --svc-text:#173a2b;
  --svc-muted:#667069;
}

/* ---------- Shared hero treatment ---------- */
.wdny-hero,.wdcny-hero,.ecny-hero,.madny-hero,.services-page-hero,
.wordpress-development-page .hero-dark{
  position:relative!important;
  overflow:hidden!important;
  padding:142px 0 86px!important;
  background:
    radial-gradient(circle at 76% 32%,rgba(143,195,132,.18),transparent 28%),
    linear-gradient(120deg,#112c20 0%,#163a2a 58%,#214d38 100%)!important;
  color:#fff!important;
}
.wdny-hero::before,.wdcny-hero::before,.ecny-hero::before,.madny-hero::before,.services-page-hero::before,
.wordpress-development-page .hero-dark::before{
  content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px)!important;
  background-size:42px 42px!important;
}
.wdny-hero::after,.wdcny-hero::after,.ecny-hero::after,.madny-hero::after,.services-page-hero::after,
.wordpress-development-page .hero-dark::after{
  content:"";position:absolute;right:-90px;top:-120px;width:560px;height:560px;border-radius:50%;
  background:radial-gradient(circle,rgba(143,195,132,.16) 0,rgba(143,195,132,.06) 34%,transparent 70%);filter:blur(10px);pointer-events:none;
}
.wdny-hero .container,.wdcny-hero .container,.ecny-hero .container,.madny-hero .container,.services-page-hero .container,
.wordpress-development-page .hero-dark .container{position:relative!important;z-index:2!important;}

.wdny-breadcrumb,.wdcny-breadcrumb,.ecny-breadcrumb,.madny-breadcrumb,.services-breadcrumb{
  margin-bottom:28px!important;font-size:11px!important;letter-spacing:.07em!important;text-transform:uppercase!important;color:rgba(255,255,255,.62)!important;
}
.wdny-breadcrumb a,.wdcny-breadcrumb a,.ecny-breadcrumb a,.madny-breadcrumb a,.services-breadcrumb a{color:rgba(255,255,255,.68)!important;}
.wdny-breadcrumb span,.wdcny-breadcrumb span,.ecny-breadcrumb span,.madny-breadcrumb span,.services-breadcrumb span{color:var(--svc-accent)!important;}

.wdny-hero-grid,.wdcny-hero-grid,.ecny-hero-grid,.madny-hero-grid{
  display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr)!important;gap:64px!important;align-items:center!important;
}
.wdny-hero h1,.wdcny-hero h1,.ecny-hero h1,.madny-hero h1,.services-page-hero h1,
.wordpress-development-page .hero-dark h1{
  max-width:840px!important;margin:12px 0 20px!important;color:#fff!important;
  font-family:"DM Serif Display",Georgia,"Times New Roman",serif!important;font-weight:400!important;
  font-size:clamp(48px,5.45vw,78px)!important;line-height:.98!important;letter-spacing:-.045em!important;
}
.wdny-hero h1 em,.wdcny-hero h1 em,.ecny-hero h1 em,.madny-hero h1 em,.services-page-hero h1 em{
  color:var(--svc-accent)!important;font-style:normal!important;
}
.wdny-hero p,.wdcny-hero p,.ecny-hero p,.madny-hero p,.services-page-hero p,
.wordpress-development-page .hero-dark .lead{
  max-width:740px!important;color:rgba(255,255,255,.76)!important;font-size:15px!important;line-height:1.72!important;
}
.wdny-hero .section-kicker,.wdcny-hero .section-kicker,.ecny-hero .section-kicker,.madny-hero .section-kicker,
.wordpress-development-page .hero-dark .section-kicker{color:#fff!important;opacity:.75!important;}
.wdny-hero .hero-actions,.wdcny-hero .hero-actions,.ecny-hero .hero-actions,.madny-hero .hero-actions,.services-page-hero .hero-actions,
.wordpress-development-page .hero-dark .hero-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:30px!important;justify-content:flex-start!important;}
.wdny-hero .btn,.wdcny-hero .btn,.ecny-hero .btn,.madny-hero .btn,.services-page-hero .btn,.wordpress-development-page .hero-dark .btn{
  min-height:44px!important;padding:0 20px!important;border-radius:999px!important;font-size:11px!important;font-weight:800!important;letter-spacing:.02em!important;
}
.wdny-hero .btn-primary,.wdcny-hero .btn-primary,.ecny-hero .btn-primary,.madny-hero .btn-primary,.services-page-hero .btn-primary,
.wordpress-development-page .hero-dark .btn-primary{background:var(--svc-accent)!important;color:#112c20!important;border-color:var(--svc-accent)!important;}
.wdny-hero .btn-light,.wdcny-hero .btn-light,.ecny-hero .btn-light,.madny-hero .btn-light,.services-page-hero .btn-light,
.wordpress-development-page .hero-dark .btn-light{background:#fff!important;color:var(--svc-green)!important;border-color:#fff!important;}

.wdny-hero-points,.wdcny-hero-points,.ecny-hero-points,.madny-hero-points{
  padding:26px 28px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:13px!important;
  background:rgba(255,255,255,.055)!important;box-shadow:0 26px 60px rgba(0,0,0,.16)!important;backdrop-filter:blur(8px)!important;
}
.wdny-hero-points div,.wdcny-hero-points div,.ecny-hero-points div,.madny-hero-points div{gap:10px!important;color:rgba(255,255,255,.78)!important;font-size:12px!important;line-height:1.55!important;}
.wdny-hero-points i,.wdcny-hero-points i,.ecny-hero-points i,.madny-hero-points i{color:var(--svc-accent)!important;font-size:11px!important;margin-top:4px!important;}

/* ---------- slim anchor strip ---------- */
.wdny-nav-section,.wdcny-nav-section,.ecny-nav-section,.madny-nav-section,.service-nav-section{
  padding:15px 0!important;background:#fff!important;border:0!important;border-bottom:1px solid #eee9df!important;
}
.wdny-nav,.wdcny-nav,.ecny-nav,.madny-nav,.service-nav{gap:7px!important;align-items:center!important;}
.wdny-nav a,.wdcny-nav a,.ecny-nav a,.madny-nav a,.service-nav a{
  padding:7px 11px!important;border:0!important;border-radius:999px!important;background:#f6f4ee!important;color:#5b635c!important;font-size:10px!important;font-weight:700!important;
}
.wdny-nav a:hover,.wdcny-nav a:hover,.ecny-nav a:hover,.madny-nav a:hover,.service-nav a:hover{background:var(--svc-green)!important;color:#fff!important;transform:none!important;}

/* ---------- section canvas / typography ---------- */
.wdny-hero~.section,.wdcny-hero~.section,.ecny-hero~.section,.madny-hero~.section,
.wordpress-development-page .section,.services-page-hero~.section,.services-overview,.service-detail,.results-section,.services-faq{
  background:var(--svc-cream)!important;color:var(--svc-text)!important;
}
.wdny-hero~.section:nth-of-type(even),.wdcny-hero~.section:nth-of-type(even),.ecny-hero~.section:nth-of-type(even),.madny-hero~.section:nth-of-type(even),
.wordpress-development-page .section:nth-of-type(even){background:var(--svc-paper)!important;}

.wdny-hero~.section h2,.wdcny-hero~.section h2,.ecny-hero~.section h2,.madny-hero~.section h2,
.wordpress-development-page .section h2,.services-page-hero~.section h2,.service-detail h2,.results-section h2{
  color:var(--svc-green)!important;font-family:"DM Serif Display",Georgia,"Times New Roman",serif!important;font-weight:400!important;
  font-size:clamp(36px,4.25vw,60px)!important;line-height:.98!important;letter-spacing:-.042em!important;
}
.wdny-hero~.section h3,.wdcny-hero~.section h3,.ecny-hero~.section h3,.madny-hero~.section h3,
.wordpress-development-page .section h3,.services-page-hero~.section h3,.service-detail h3,.results-section h3{
  color:var(--svc-green)!important;font-family:"DM Serif Display",Georgia,"Times New Roman",serif!important;font-weight:400!important;
}
.wdny-hero~.section p,.wdcny-hero~.section p,.ecny-hero~.section p,.madny-hero~.section p,
.wordpress-development-page .section p,.services-page-hero~.section p,.service-detail p,.results-section p{
  color:#676d68!important;font-size:14px!important;line-height:1.78!important;
}
.section-kicker{color:var(--svc-green)!important;font-size:9px!important;letter-spacing:.13em!important;text-transform:uppercase!important;}
.section-kicker::before{background:var(--svc-green)!important;}
.section-heading.centered{max-width:760px!important;}

.wdny-intro-grid,.wdny-two-col,.wdcny-two-col,.ecny-two-col,.madny-two-col,
.wordpress-development-page .two-col,.service-detail-grid{gap:70px!important;}

/* ---------- white editorial cards ---------- */
.wdny-card-grid,.wdcny-card-grid,.ecny-card-grid,.madny-card-grid,
.wordpress-development-page .service-grid,.services-overview-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-top:42px!important;border:0!important;
}
.wdny-card,.wdcny-card,.ecny-card,.madny-card,.wordpress-development-page .service-card,.service-overview-card{
  min-height:205px!important;padding:26px!important;border:1px solid #e6e0d5!important;border-radius:8px!important;background:#fff!important;
  color:var(--svc-text)!important;box-shadow:0 10px 28px rgba(35,42,35,.035)!important;transform:none!important;
}
.wdny-card:hover,.wdcny-card:hover,.ecny-card:hover,.madny-card:hover,.wordpress-development-page .service-card:hover,.service-overview-card:hover,
.service-overview-card:first-child,.service-overview-card:first-child:hover{
  background:#fff!important;border-color:#d8d0c1!important;color:var(--svc-text)!important;box-shadow:0 12px 30px rgba(35,42,35,.055)!important;transform:translateY(-2px)!important;
}
.wdny-card>i,.wdcny-card>i,.ecny-card>i,.madny-card>i,.wordpress-development-page .service-card>i,.service-overview-card>i{
  display:inline-flex!important;width:auto!important;height:auto!important;place-items:initial!important;margin:0 0 18px!important;padding:0!important;background:transparent!important;color:var(--svc-accent)!important;border-radius:0!important;font-size:18px!important;
}
.wdny-card h3,.wdcny-card h3,.ecny-card h3,.madny-card h3,.wordpress-development-page .service-card h3,.service-overview-card h2{
  margin:0 0 10px!important;color:var(--svc-green)!important;font-family:"DM Sans",Arial,sans-serif!important;font-size:16px!important;font-weight:700!important;letter-spacing:-.01em!important;
}
.wdny-card p,.wdcny-card p,.ecny-card p,.madny-card p,.wordpress-development-page .service-card p,.service-overview-card p,
.wdny-card:hover p,.wdcny-card:hover p,.ecny-card:hover p,.madny-card:hover p,.wordpress-development-page .service-card:hover p,
.service-overview-card:hover p,.service-overview-card:first-child p,.service-overview-card:first-child:hover p{
  color:#6b716c!important;font-size:12px!important;line-height:1.7!important;
}
.service-overview-card a,.service-overview-card:first-child a,.service-overview-card:first-child:hover a{color:var(--svc-green)!important;font-size:11px!important;}
.service-overview-card a i{color:var(--svc-accent)!important;}

/* ---------- process grid ---------- */
.wdny-process,.wdcny-process,.ecny-process,.madny-process{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1px!important;margin-top:40px!important;border:1px solid #ddd7ca!important;background:#ddd7ca!important;
}
.wdny-process article,.wdcny-process article,.ecny-process article,.madny-process article{
  min-height:205px!important;padding:28px!important;background:#fff!important;color:var(--svc-text)!important;
}
.wdny-process article>span,.wdcny-process article>span,.ecny-process article>span,.madny-process article>span{color:#aaa99f!important;font-size:10px!important;}
.wdny-process i,.wdcny-process i,.ecny-process i,.madny-process i{color:var(--svc-accent)!important;font-size:18px!important;}
.wdny-process h3,.wdcny-process h3,.ecny-process h3,.madny-process h3{font-family:"DM Sans",Arial,sans-serif!important;font-size:15px!important;font-weight:700!important;}

/* ---------- industry / technology tiles ---------- */
.wdny-industry-grid,.wdcny-tech-grid,.ecny-platform-grid,.madny-tech-grid{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin-top:38px!important;
}
.wdny-industry,.wdcny-tech,.ecny-platform,.madny-tech{
  padding:22px!important;border:1px solid #e5ded1!important;border-radius:7px!important;background:#fff!important;box-shadow:none!important;
}
.wdny-industry i,.wdcny-tech i,.ecny-platform i,.madny-tech i{color:var(--svc-accent)!important;font-size:17px!important;margin-bottom:13px!important;}
.wdny-industry h3,.wdcny-tech h3,.ecny-platform h3,.madny-tech h3{font-family:"DM Sans",Arial,sans-serif!important;font-size:14px!important;font-weight:700!important;}

/* ---------- dark legacy sections become warm editorial bands ---------- */
.wdny-dark,.wdcny-dark,.ecny-dark,.madny-dark,.wordpress-development-page .dark-section,.results-section{
  background:#eee8db!important;color:var(--svc-green)!important;
}
.wdny-dark h2,.wdcny-dark h2,.ecny-dark h2,.madny-dark h2,.wordpress-development-page .dark-section h2,.results-section h2{color:var(--svc-green)!important;}
.wdny-dark p,.wdcny-dark p,.ecny-dark p,.madny-dark p,.wordpress-development-page .dark-section p,.results-section p{color:#687069!important;}
.wdny-dark .section-kicker,.wdcny-dark .section-kicker,.ecny-dark .section-kicker,.madny-dark .section-kicker,.wordpress-development-page .dark-section .section-kicker{color:var(--svc-green)!important;}
.wdny-list i,.wdcny-list i,.ecny-list i,.madny-list i,.wordpress-development-page .check-list i{color:var(--svc-accent)!important;background:transparent!important;}
.wdny-list div,.wdcny-list div,.ecny-list div,.madny-list div,.wordpress-development-page .check-list div{color:#667068!important;font-size:12px!important;line-height:1.65!important;}

.results-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;}
.result-item{padding:24px!important;border:1px solid #e0d9cc!important;border-radius:7px!important;background:#fff!important;}
.result-item i{color:var(--svc-accent)!important;font-size:18px!important;}
.result-item h3{font-family:"DM Sans",Arial,sans-serif!important;font-size:15px!important;font-weight:700!important;}

/* ---------- services overview detail panels ---------- */
.service-detail{padding:94px 0!important;border-top:1px solid rgba(23,58,43,.08)!important;}
.service-detail:nth-of-type(even),.service-detail:nth-of-type(odd){background:var(--svc-cream)!important;}
.service-detail-number{width:42px!important;height:42px!important;margin-bottom:18px!important;background:var(--svc-green)!important;color:#fff!important;font-size:11px!important;}
.service-detail-panel,.service-detail:nth-of-type(odd) .service-detail-panel{
  padding:30px!important;border:1px solid #dfd8ca!important;border-radius:8px!important;background:#fff!important;color:var(--svc-green)!important;box-shadow:none!important;
}
.service-feature-list{gap:12px!important;}.service-feature-list div{color:#657069!important;font-size:12px!important;}.service-feature-list i{color:var(--svc-accent)!important;}
.service-detail-panel .ideal-for,.service-detail:nth-of-type(odd) .service-detail-panel .ideal-for{border-color:#e6dfd3!important;color:#737971!important;font-size:12px!important;}

/* ---------- FAQ ---------- */
.wordpress-development-page .faq-section,.services-faq{background:var(--svc-paper)!important;}
.wordpress-development-page .faq-layout{gap:70px!important;}
.wordpress-development-page .faq-item,.services-faq .faq-item{border-bottom:1px solid #dcd6cb!important;}
.wordpress-development-page .faq-item button,.services-faq .faq-item button{color:var(--svc-green)!important;font-size:13px!important;font-weight:700!important;}
.wordpress-development-page .faq-item button i,.services-faq .faq-item button i{color:var(--svc-accent)!important;}

/* ---------- CTA boxes ---------- */
.wordpress-development-page .cta-box,.service-cta-card,
.wdny-cta,.wdcny-cta,.ecny-cta,.madny-cta{
  background:var(--svc-green)!important;color:#fff!important;border:0!important;border-radius:16px!important;box-shadow:none!important;
}
.wordpress-development-page .cta-box h2,.service-cta-card h2,.wdny-cta h2,.wdcny-cta h2,.ecny-cta h2,.madny-cta h2{color:#fff!important;}
.wordpress-development-page .cta-box p,.service-cta-card p,.wdny-cta p,.wdcny-cta p,.ecny-cta p,.madny-cta p{color:rgba(255,255,255,.88)!important;}
.service-cta-card{padding:50px!important;}
.service-cta-card .btn,.wordpress-development-page .cta-box .btn{background:#fff!important;color:var(--svc-green)!important;border-color:#fff!important;}

/* ---------- common section spacing / compact reference proportions ---------- */
.wdny-hero~.section,.wdcny-hero~.section,.ecny-hero~.section,.madny-hero~.section,.wordpress-development-page .section,
.services-page-hero~.section,.services-overview,.results-section,.services-faq{padding-top:88px!important;padding-bottom:88px!important;}

/* ---------- responsive ---------- */
@media(max-width:1000px){
  .wdny-hero-grid,.wdcny-hero-grid,.ecny-hero-grid,.madny-hero-grid{grid-template-columns:1fr!important;gap:36px!important;}
  .wdny-hero-points,.wdcny-hero-points,.ecny-hero-points,.madny-hero-points{max-width:680px!important;}
  .wdny-card-grid,.wdcny-card-grid,.ecny-card-grid,.madny-card-grid,.wordpress-development-page .service-grid,.services-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .wdny-industry-grid,.wdcny-tech-grid,.ecny-platform-grid,.madny-tech-grid,.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:768px){
  .wdny-hero,.wdcny-hero,.ecny-hero,.madny-hero,.services-page-hero,.wordpress-development-page .hero-dark{padding:118px 0 62px!important;}
  .wdny-hero h1,.wdcny-hero h1,.ecny-hero h1,.madny-hero h1,.services-page-hero h1,.wordpress-development-page .hero-dark h1{font-size:clamp(42px,13vw,62px)!important;}
  .wdny-hero p,.wdcny-hero p,.ecny-hero p,.madny-hero p,.services-page-hero p,.wordpress-development-page .hero-dark .lead{font-size:14px!important;}
  .wdny-card-grid,.wdcny-card-grid,.ecny-card-grid,.madny-card-grid,.wordpress-development-page .service-grid,.services-overview-grid,
  .wdny-process,.wdcny-process,.ecny-process,.madny-process,.wdny-industry-grid,.wdcny-tech-grid,.ecny-platform-grid,.madny-tech-grid,.results-grid{grid-template-columns:1fr!important;}
  .wdny-intro-grid,.wdny-two-col,.wdcny-two-col,.ecny-two-col,.madny-two-col,.wordpress-development-page .two-col,.service-detail-grid{grid-template-columns:1fr!important;gap:34px!important;}
  .service-detail:nth-of-type(odd) .service-detail-copy{order:initial!important;}
  .service-cta-card{grid-template-columns:1fr!important;padding:34px 24px!important;}.service-cta-actions{justify-content:flex-start!important;}
  .wdny-hero~.section,.wdcny-hero~.section,.ecny-hero~.section,.madny-hero~.section,.wordpress-development-page .section,.services-page-hero~.section,.services-overview,.results-section,.services-faq{padding-top:68px!important;padding-bottom:68px!important;}
}
\n\n/* ---------- Accessible flexible accordions ---------- */\n.faq-item{\n  border-bottom:1px solid var(--svc-line)!important;\n  background:transparent!important;\n}\n.faq-item button{\n  width:100%!important;\n  display:flex!important;\n  align-items:center!important;\n  justify-content:space-between!important;\n  gap:22px!important;\n  padding:22px 0!important;\n  border:0!important;\n  background:transparent!important;\n  color:var(--svc-green)!important;\n  cursor:pointer!important;\n  text-align:left!important;\n}\n.faq-item button span{flex:1 1 auto!important;min-width:0!important;}\n.faq-item button i{\n  flex:0 0 30px!important;\n  width:30px!important;height:30px!important;\n  display:grid!important;place-items:center!important;\n  border:1px solid rgba(17,44,32,.16)!important;\n  border-radius:50%!important;\n  color:var(--svc-green)!important;\n  transition:transform .25s ease,background .25s ease,color .25s ease!important;\n}\n.faq-item.active button i{\n  transform:rotate(45deg)!important;\n  background:var(--svc-green)!important;\n  color:#fff!important;\n}\n.faq-answer{display:none;padding:0 48px 24px 0!important;}\n.faq-item.active>.faq-answer{display:block;}\n.faq-answer p{margin:0!important;}\n\n@media(max-width:768px){\n  .faq-item button{padding:19px 0!important;font-size:15px!important;line-height:1.45!important;}\n  .faq-answer{padding:0 0 20px!important;}\n  .faq-item button i{flex-basis:28px!important;width:28px!important;height:28px!important;}\n}\n