/* WDD SERVICES — WordPress service page, cleaned 2026-09-26.
   Load AFTER wdd-core.css. Existing section layout, backgrounds and motion
   retained; global tokens own shared typography, buttons and spacing.
   Page-specific CSS only; do not load older service CSS alongside this file. */
/* === fwd-load-page === */
/* Match WDD overlay: opaque full-viewport cover, wordmark inside the frame, above the sticky bar. */
html body .load{
  position:fixed!important;
  inset:0!important;
  top:0!important;right:0!important;bottom:0!important;left:0!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  z-index:2147483646!important;
  background:#070A08!important;
  background-color:#070A08!important;
  color:#fff!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  padding:40px!important;
  overflow:hidden!important;
  transform:none!important;
  -webkit-transform:none!important;
  filter:none!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  isolation:isolate!important;
  contain:none!important;
}
html body .load-giant{
  position:absolute!important;
  top:auto!important;
  right:24px!important;
  bottom:28%!important;
  left:24px!important;
  width:auto!important;
  max-width:calc(100vw - 48px)!important;
  margin:0!important;
  font-family:var(--d,"Archivo",sans-serif)!important;
  font-weight:800!important;
  font-size:clamp(28px,6.2vw,96px)!important;
  line-height:.88!important;
  letter-spacing:-.03em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:visible!important;
  z-index:2!important;
  color:#fff!important;
}
html body .load-giant b,
html body .load-last{color:#04ea86!important}
html body .load-row{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:flex-end!important;
  gap:20px!important;
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  max-width:100%!important;
}
html body .load-pct{
  font-family:var(--d,"Archivo",sans-serif)!important;
  font-weight:800!important;
  font-size:clamp(40px,8vw,84px)!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
  font-variant-numeric:tabular-nums!important;
  color:#fff!important;
}
html body .load-bar{
  position:absolute!important;
  left:0!important;right:0!important;bottom:0!important;
  height:6px!important;
  background:rgb(255 255 255 / .12)!important;
}
html body .load-bar i{
  display:block!important;height:100%!important;width:0;background:#04ea86!important;
}
@media (max-width:600px){
  html body .load{padding:24px 20px 40px!important}
  html body .load-giant{
    left:20px!important;right:20px!important;bottom:30%!important;
    max-width:calc(100vw - 40px)!important;
    font-size:clamp(22px,8vw,42px)!important;
  }
  html body .load-pct{font-size:clamp(32px,10vw,56px)!important}
}
@media (prefers-reduced-motion:reduce){
  html body .load{display:none!important}
}

/* === fwd-faq-close-page === */
/* Reset the pasted card. FAQ + looking-for use the same bands as the rest of the page. */
html{
  scroll-padding-top:calc(var(--tde-nav-h,108px) + 16px)!important;
}
#tde-home section.faq,#tde-page section.faq{
  position:relative!important;top:auto!important;left:auto!important;right:auto!important;
  bottom:auto!important;inset:auto!important;transform:none!important;float:none!important;
  z-index:1!important;display:block!important;
  padding:clamp(56px,8vw,88px) 0!important;
  scroll-margin-top:calc(var(--tde-nav-h,108px) + 16px)!important;
}
#tde-home .faq .w,#tde-page .faq .w{
  width:min(760px,calc(100% - (var(--wrap-pad,40px) * 2)))!important;
  max-width:none!important;margin-inline:auto!important;
}
#tde-home .faq-list,#tde-page .faq-list{
  position:relative!important;display:flex!important;flex-direction:column!important;
  gap:10px!important;width:100%!important;max-width:none!important;margin:22px 0 0!important;
}
#tde-home .faq-item,#tde-page .faq-item{
  position:relative!important;top:auto!important;left:auto!important;right:auto!important;
  bottom:auto!important;inset:auto!important;transform:none!important;float:none!important;
  display:block!important;opacity:1!important;visibility:visible!important;
  scroll-margin-top:calc(var(--tde-nav-h,108px) + 16px)!important;
}


/* Same full-bleed band as “Work With a Web Designer From Anywhere”. */
#tde-home .why.why-slim,#tde-page .why.why-slim{
  position:relative!important;z-index:2!important;overflow:hidden!important;
  isolation:auto!important;
  padding:clamp(64px,8vw,112px) 0!important;
}
#tde-home .why.why-slim .w,#tde-page .why.why-slim .w{
  width:min(var(--wrap,1280px),calc(100% - (var(--wrap-pad,40px) * 2)))!important;
  max-width:none!important;margin-inline:auto!important;
}
#tde-home .why.why-slim .sec-h,#tde-page .why.why-slim .sec-h{
  max-width:16ch!important;margin:0 0 16px!important;text-align:left!important;
}
#tde-home .why.why-slim .why-lead,#tde-page .why.why-slim .why-lead{
  max-width:46ch!important;margin:0 0 clamp(18px,2.4vw,28px)!important;text-align:left!important;
}
#tde-home .why.why-slim .cta-row,#tde-page .why.why-slim .cta-row{
  display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;
  align-items:center!important;justify-content:flex-start!important;
  gap:14px!important;margin:clamp(24px,3vw,36px) 0 0!important;
  width:auto!important;min-width:0!important;
}
#tde-home .why.why-slim .cta-row .btn,#tde-page .why.why-slim .cta-row .btn{
  width:auto!important;
}


/* Ticker is a different product from every other homepage band — drop it. */
#tde-home .cta-slide.start-ticker,#tde-page .cta-slide.start-ticker,
#tde-home .fwd-ticker-clip,#tde-page .fwd-ticker-clip{
  display:none!important;height:0!important;max-height:0!important;
  margin:0!important;padding:0!important;overflow:hidden!important;
  border:0!important;
}
#tde-home .elementor-element:has(.cta-slide.start-ticker),
#tde-page .elementor-element:has(.cta-slide.start-ticker){
  display:none!important;height:0!important;min-height:0!important;
  margin:0!important;padding:0!important;
}

/* === fwd-proc-page === */
/*fwd-proc-single-rail-v2*/
@media (min-width:981px){
#tde-home .proc-rail,
#tde-page .proc-rail{
display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:flex-start;overflow:visible
}
#tde-home .proc-rail .proc-step,
#tde-page .proc-rail .proc-step{
flex:1 1 0!important;max-width:none!important;min-width:0
}
#tde-home .proc:has(.proc-step:nth-child(6)),
#tde-page .proc:has(.proc-step:nth-child(6)){--proc-node:clamp(44px,4.6vw,64px)}
#tde-home .proc:has(.proc-step:nth-child(6)) .proc-rail,
#tde-page .proc:has(.proc-step:nth-child(6)) .proc-rail{gap:clamp(8px,1.1vw,16px)}
#tde-home .proc:has(.proc-step:nth-child(6)) .proc-track,
#tde-page .proc:has(.proc-step:nth-child(6)) .proc-track{max-width:none}
#tde-home .proc:has(.proc-step:nth-child(6)) .proc-copy,
#tde-page .proc:has(.proc-step:nth-child(6)) .proc-copy{max-width:none}
#tde-home .proc:has(.proc-step:nth-child(6)) .proc-copy h3,
#tde-page .proc:has(.proc-step:nth-child(6)) .proc-copy h3{font-size:clamp(14px,1.35vw,18px);margin:0 0 8px}
#tde-home .proc:has(.proc-step:nth-child(6)) .proc-copy p,
#tde-page .proc:has(.proc-step:nth-child(6)) .proc-copy p{font-size:clamp(12px,1.05vw,15px);line-height:1.45}
#tde-home .proc:has(.proc-step:nth-child(6)) .proc-node b,
#tde-page .proc:has(.proc-step:nth-child(6)) .proc-node b{font-size:clamp(15px,1.5vw,20px)}
#tde-home .proc-track>.proc-line,
#tde-page .proc-track>.proc-line{display:block!important}
#tde-home .proc-rail .proc-step::before,
#tde-page .proc-rail .proc-step::before{content:none!important}
}

/* === fwd-wdd-shell === */
/* Titles animate via CSS entrance (fwd-hero-entrance-v1). Keep copy/CTAs visible if motion stalls; do not kill title transform/clip-path. */
html body #tde-home .hero .hero-copy,
html body #tde-home .hero .cta-row,
html body #tde-page .sv-sub-hero .lead,
html body #tde-page .sv-sub-hero .cta-row{
  opacity:1!important;
  visibility:visible!important;
}
html body #tde-home .hero h1,
html body #tde-page .sv-sub-hero h1,
html body #tde-page [data-hero-title]{
  opacity:1!important;
  visibility:visible!important;
}
/* Service pages live on #tde-page; copy WDD home .why tokens only. */
#tde-page .why-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.18fr);gap:clamp(28px,4.5vw,72px);align-items:center}
#tde-page .why-list{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.14)}
#tde-page .why-list li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;align-items:start;margin:0;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:16px;line-height:1.45;color:rgba(255,255,255,.88)}
#tde-page .why-list b{font-family:var(--d);font-weight:var(--fw-display);font-size:15px;letter-spacing:.04em;color:var(--g,#04ea86);padding-top:2px}
#tde-page .why-copy .cta-row,#tde-home .why.why-slim .cta-row{margin-top:clamp(24px,3vw,36px)}
#tde-page .why-lead,#tde-home .why-lead{max-width:62ch;color:rgba(255,255,255,.76);font-size:var(--t-lead,clamp(16px,.55vw + 12px,18px));line-height:1.55}
#tde-page .why-lead + .why-lead,#tde-home .why-lead + .why-lead{margin-top:12px}
#tde-home .why.why-slim,#tde-page .why.why-slim{padding-top:clamp(56px,7vw,88px);padding-bottom:clamp(56px,7vw,88px)}
#tde-home .why.why-slim .w,#tde-page .why.why-slim .w{max-width:760px}
@media (max-width:900px){
  #tde-page .why-grid{grid-template-columns:1fr}
}

/* === wordpress-page-section === */
/* =========================================
   WORDPRESS HERO — SCOPED CSS
   ========================================= */


#wp-service-hero,
#wp-service-hero * {
  box-sizing: border-box;
}


#wp-service-hero {
  --wp-green: #04ea86;
  --wp-bg: #070a08;


  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;


  width: 100%;
  min-height: 100svh;
  height: auto;
  margin: 0;
  padding: 150px 0 90px;


  background: var(--wp-bg);
  color: #fff;


  isolation: isolate;
  overflow: hidden;
}


/* Background */


#wp-service-hero .hero-atmo {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;


  background:
    radial-gradient(
      ellipse 65% 50% at 50% 30%,
      rgba(4, 234, 134, .12),
      transparent 75%
    ),
    linear-gradient(
      165deg,
      #06140f 0%,
      #070a08 65%
    );
}


#wp-service-hero .hero-veil {
  position: absolute;
  inset: 0;


  background: linear-gradient(
    180deg,
    transparent 55%,
    #070a08 100%
  );
}


/* Container */


#wp-service-hero > .w {
  position: relative;
  z-index: 2;


  
  
}


#wp-service-hero .hero-stage {
  position: relative;
  z-index: 2;
  width: 100%;
}


#wp-service-hero .hero-center {
  display: flex;
  flex-direction: column;
  align-items: center;


  width: 100%;
  max-width: 1100px;
  margin-inline: auto;


  text-align: center;
}


/* Heading — homepage typography */


#wp-service-hero h1 {
  display: block;


  width: 100%;
  max-width: min(100%, 24em);
  margin: 0 auto 28px;
  padding: 0;


  font-family: var(--d,"Archivo",sans-serif) !important;
  font-size: var(--t-h1-inner,clamp(34px,3.90vw + 19px,68px)) !important;
  font-weight: var(--fw-display,700) !important;
  line-height: 1.28 !important;
  letter-spacing: -.012em !important;
  text-transform: uppercase;
  text-align: center;


  color: #fff !important;
}


#wp-service-hero h1 .line {
  display: block;
  width: 100%;
  overflow: visible;
  white-space: normal;
}


#wp-service-hero h1 .word {
  display: inline-block;
  white-space: nowrap;
}


#wp-service-hero h1 .g {
  color: var(--wp-green) !important;
}


/* Description */


#wp-service-hero .wp-hero-copy {
  width: 100%;
  max-width: 72ch;
  margin-inline: auto;
}


#wp-service-hero .hero-copy {
  display: block;


  width: 100%;
  max-width: none;
  margin: 18px auto 0;
  padding: 0;


  font-family: "Manrope", sans-serif;
  font-size: clamp(
    16px,
    calc(.55vw + 12px),
    18px
  );
  font-weight: 400;
  line-height: 1.65;


  color: rgba(255, 255, 255, .78);
  text-align: center;
}


#wp-service-hero .hero-copy:first-child {
  margin-top: 0;
}


/* CTA layout */


#wp-service-hero .cta-row {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;


  width: 100%;
  gap: 14px;
  margin: 32px auto 0;
}


/* Button appearance and motion come from wdd-core.css. */

/* =========================================
   TABLET
   ========================================= */


@media (max-width: 1024px) {
  #wp-service-hero {
    padding: 145px 0 80px;
  }


  #wp-service-hero > .w {
    
  }
}


/* =========================================
   MOBILE
   ========================================= */


@media (max-width: 767px) {
  #wp-service-hero {
    min-height: auto;
    padding: 135px 0 72px;
  }


  #wp-service-hero h1 {
    margin-bottom: 26px;


    font-size: clamp(
      28px,
      7vw,
      40px
    ) !important;


    line-height: 1.2 !important;
  }


  #wp-service-hero .hero-copy {
    font-size: 16px;
    line-height: 1.7;
  }


  #wp-service-hero .cta-row {
    margin-top: 30px;
  }
}


@media (max-width: 480px) {
  #wp-service-hero > .w {
    
  }


  #wp-service-hero h1 {
    font-size: clamp(
      26px,
      7.2vw,
      36px
    ) !important;
  }


  #wp-service-hero .cta-row {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }


  #wp-service-hero .cta-row .btn {
    width: 100% !important;
    max-width: 100%;
    white-space: normal;
  }
}


/* Accessibility */


@media (prefers-reduced-motion: reduce) {
  #wp-service-hero .word,
  #wp-service-hero .hero-orbit,
  #wp-service-hero .orb {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}

/* === wordpress-page-section === */
/* =========================================
   WORDPRESS SERVICES — SCOPED CSS
   ========================================= */


#wp-services,
#wp-services * {
  box-sizing: border-box;
}


#wp-services {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: 100%;
  padding: clamp(76px, 9vw, 130px) 0;
  background: #0a100e;
  color: #fff;
}


#wp-services > .bg-reveal-core {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}


#wp-services > .w {
  position: relative;
  z-index: 1;
  
  
}


/* Heading */


#wp-services .serv-head {
  display: block;
  margin: 0 0 clamp(38px, 5vw, 64px);
}


#wp-services .wp-services-intro {
  max-width: 940px;
}


#wp-services .eyebrow{margin: 0 0 18px;}


#wp-services .sec-h {
  max-width: 940px;
  margin: 0 0 24px;







}


#wp-services .sec-h .g {
  color: #04ea86 !important;
}


#wp-services .serv-lead {
  max-width: 72ch;
  margin: 0;
  font-family: "Manrope", sans-serif;
  font-size: clamp(16px, .55vw + 12px, 18px);
  line-height: 1.7;
  color: rgba(255, 255, 255, .74);
}


/* Services grid */


#wp-services .wp-services-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
  margin: 0;
  padding: 0;
  list-style: none;
}


/* Service card */


#wp-services .wp-service-card {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 18px;
  min-width: 0;
  min-height: 225px;
  margin: 0;
  padding: clamp(24px, 2.5vw, 36px);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 11px;
  background: #101612;
  transition:
    border-color .25s ease,
    background .25s ease,
    transform .25s ease;
}


#wp-services .wp-service-card:hover {
  border-color: rgba(4, 234, 134, .55);
  background: #142019;
  transform: translateY(-3px);
}


/* Number */


#wp-services .wp-service-number {
  flex: 0 0 auto;
  padding-top: 2px;
  font-family: "Archivo", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  color: #04ea86;
}


/* Content */


#wp-services .wp-service-content {
  flex: 1;
  min-width: 0;
}


#wp-services .wp-service-content h3 {
  margin: 0 0 14px;
  font-family: "Archivo", sans-serif !important;
  font-size: clamp(19px, 1.5vw, 24px) !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: -.02em;
  color: #fff !important;
}


#wp-services .wp-service-content p {
  margin: 0;
  font-family: "Manrope", sans-serif;
  font-size: 15px;
  line-height: 1.75;
  color: rgba(255, 255, 255, .72);
}


/* Decorative arrow */


#wp-services .wp-service-arrow {
  flex: 0 0 auto;
  margin-left: auto;
  font-size: 20px;
  line-height: 1;
  color: rgba(255, 255, 255, .35);
  transition:
    color .25s ease,
    transform .25s ease;
}


#wp-services .wp-service-card:hover .wp-service-arrow {
  color: #04ea86;
  transform: translate(3px, -3px);
}


/* CTA */


#wp-services .wp-services-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 42px;
  padding-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, .14);
}


#wp-services .wp-services-cta p {
  max-width: 480px;
  margin: 0;
  font-family: "Manrope", sans-serif;
  font-size: clamp(17px, 1.5vw, 21px);
  line-height: 1.5;
  color: rgba(255, 255, 255, .82);
}


/* Service CTA button uses global .btn / .btn-hard. */


/* Tablet */


@media (max-width: 1024px) {
  #wp-services > .w {
    
  }


  #wp-services .wp-service-card {
    padding: 25px;
    min-height: 245px;
  }
}


/* Mobile */


@media (max-width: 767px) {
  #wp-services {
    padding: 72px 0;
  }


  #wp-services .serv-head {
    margin-bottom: 34px;
  }


  #wp-services .wp-services-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }


  #wp-services .wp-service-card {
    min-height: auto;
    padding: 24px 20px;
    gap: 14px;
  }


  #wp-services .wp-service-content h3 {
    font-size: 20px !important;
  }


  #wp-services .wp-services-cta {
    flex-direction: column;
    align-items: flex-start;
    gap: 22px;
    margin-top: 34px;
  }
}


@media (max-width: 480px) {
  #wp-services > .w {
    
  }


  #wp-services .sec-h {
  }


  #wp-services .wp-service-card {
    padding: 22px 18px;
  }


  #wp-services .wp-service-arrow {
    display: none;
  }


  #wp-services .wp-services-cta .btn {
    width: 100%;
    white-space: normal;
  }
}


@media (prefers-reduced-motion: reduce) {
  #wp-services .wp-service-card,
  #wp-services .wp-service-arrow {
    transition: none !important;
    transform: none !important;
  }
}

/* === wordpress-page-section === */
/* =========================================
   WHY WORDPRESS — SCOPED CSS
   ========================================= */


#why-wordpress,
#why-wordpress * {
  box-sizing: border-box;
}


#why-wordpress {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: 100%;
  padding: clamp(76px, 9vw, 120px) 0;
  background: #070a08;
  color: #fff;
}


#why-wordpress > .bg-reveal-core {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}


#why-wordpress > .w {
  position: relative;
  z-index: 1;
  
  
}


/* TWO-COLUMN LAYOUT */


#why-wordpress .goal-grid {
  display: grid;
  grid-template-columns:
    minmax(0, .92fr)
    minmax(0, 1.08fr);
  gap: clamp(48px, 6vw, 100px);
  align-items: start;
}


#why-wordpress .goal-copy {
  min-width: 0;
}


/* SECTION HEADING */


#why-wordpress .eyebrow{margin: 0 0 18px;}


#why-wordpress .sec-h {
  max-width: 720px;
  margin: 0;







}


#why-wordpress .sec-h .g {
  color: #04ea86 !important;
}


/* INTRODUCTION */


#why-wordpress .goal-text {
  max-width: 650px;
  margin-top: clamp(24px, 3vw, 38px);
}


#why-wordpress .goal-text p {
  margin: 0;
  font-family: "Manrope", sans-serif;
  font-size: 17px;
  line-height: 1.7;
  color: rgba(255, 255, 255, .74);
}


/* MAINTENANCE NOTE */


#why-wordpress .goal-statement {
  position: relative;
  max-width: 650px;
  margin-top: clamp(30px, 4vw, 46px);
  padding: 22px 24px 22px 28px;
  border-top: 1px solid rgba(255, 255, 255, .14);
  border-bottom: 1px solid rgba(255, 255, 255, .14);
  background: rgba(255, 255, 255, .018);
}


#why-wordpress .goal-mark {
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: #04ea86;
}


#why-wordpress .goal-statement p {
  margin: 0;
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: rgba(255, 255, 255, .74);
}


#why-wordpress .goal-statement strong {
  color: #fff;
  font-weight: 700;
}


/* RIGHT FEATURE LIST */


#why-wordpress .goal-features {
  min-width: 0;
  border-top: 1px solid rgba(255, 255, 255, .14);
}


#why-wordpress .goal-feature {
  position: relative;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 24px;
  align-items: start;
  gap: 16px;
  min-height: 120px;
  padding: 26px 6px;
  border-bottom: 1px solid rgba(255, 255, 255, .14);
  transition:
    padding .25s ease,
    background .25s ease;
}


#why-wordpress .goal-feature::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3px;
  background: #04ea86;
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform .25s ease;
}


/* FEATURE NUMBER */


#why-wordpress .goal-num {
  padding-top: 5px;
  font-family: "Archivo", sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .08em;
  color: #04ea86;
}


/* FEATURE TEXT */


#why-wordpress .goal-feature-copy {
  min-width: 0;
}


#why-wordpress .goal-feature h3 {
  margin: 0 0 10px;
  font-family: "Archivo", sans-serif !important;
  font-size: clamp(19px, 1.5vw, 23px) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: -.02em;
  color: #fff !important;
  transition:
    color .25s ease,
    transform .25s ease;
}


#why-wordpress .goal-feature p {
  margin: 0;
  font-family: "Manrope", sans-serif;
  font-size: 15px;
  line-height: 1.7;
  color: rgba(255, 255, 255, .72);
}


/* DECORATIVE ARROW */


#why-wordpress .goal-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Arial, sans-serif;
  font-size: 19px;
  line-height: 1;
  color: rgba(255, 255, 255, .4);
  transition:
    color .25s ease,
    transform .25s ease;
}


/* HOVER */


@media (hover: hover) {
  #why-wordpress .goal-feature:hover {
    padding-left: 16px;
    padding-right: 12px;
    background: rgba(255, 255, 255, .025);
  }


  #why-wordpress .goal-feature:hover::before {
    transform: scaleY(1);
  }


  #why-wordpress .goal-feature:hover h3 {
    color: #04ea86 !important;
    transform: translateX(3px);
  }


  #why-wordpress .goal-feature:hover .goal-icon {
    color: #04ea86;
    transform: translate(3px, -3px);
  }
}


/* TABLET */


@media (max-width: 980px) {
  #why-wordpress > .w {
    
  }


  #why-wordpress .goal-grid {
    grid-template-columns: 1fr;
    gap: 48px;
  }


  #why-wordpress .goal-copy .sec-h {
    max-width: 850px;
  }


  #why-wordpress .goal-text,
  #why-wordpress .goal-statement {
    max-width: 760px;
  }
}


/* MOBILE */


@media (max-width: 640px) {
  #why-wordpress {
    padding: 68px 0;
  }


  #why-wordpress > .w {
    
  }


  #why-wordpress .goal-grid {
    gap: 40px;
  }


  #why-wordpress .sec-h {
  }


  #why-wordpress .goal-text {
    margin-top: 24px;
  }


  #why-wordpress .goal-text p {
    font-size: 16px;
  }


  #why-wordpress .goal-statement {
    margin-top: 28px;
    padding: 20px 18px 20px 22px;
  }


  #why-wordpress .goal-feature {
    grid-template-columns: 34px minmax(0, 1fr) 20px;
    gap: 10px;
    min-height: 0;
    padding: 22px 2px;
  }


  #why-wordpress .goal-feature h3 {
    font-size: 19px !important;
  }


  #why-wordpress .goal-feature p {
    font-size: 15px;
  }
}


/* REDUCED MOTION */


@media (prefers-reduced-motion: reduce) {
  #why-wordpress .goal-feature,
  #why-wordpress .goal-feature::before,
  #why-wordpress .goal-feature h3,
  #why-wordpress .goal-icon {
    transition: none !important;
    transform: none !important;
  }
}


/* WHY WORDPRESS — LEFT & RIGHT SPACING FIX */


@media (min-width: 981px) {
  #why-wordpress .goal-grid {
    grid-template-columns:
      minmax(0, 0.85fr)
      minmax(0, 1fr);
    column-gap: 90px !important;
    align-items: start;
  }


  #why-wordpress .goal-copy,
  #why-wordpress .goal-features {
    min-width: 0;
  }
}


/* TABLET */
@media (min-width: 981px) and (max-width: 1199px) {
  #why-wordpress .goal-grid {
    column-gap: 55px !important;
  }
}


/* MOBILE & SMALL TABLET */
@media (max-width: 980px) {
  #why-wordpress .goal-grid {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 42px !important;
  }
}

/* === wordpress-page-section === */
/* CUSTOM WORDPRESS WEBSITES */


.wp-auto {
  padding: 90px 0;
  background: #070a08;
  color: #fff;
  overflow: visible;
}


.wp-auto-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, .95fr);
  gap: 56px;
  align-items: start;
}


/* GLOBAL HEADING — SPACING ONLY */


.wp-auto .sec-h {
  margin: 0 0 22px;
}


.wp-auto .eyebrow {
  margin-bottom: 14px;
}


/* CONTENT */


.wp-auto-copy {
  max-width: 720px;
  margin: 0 0 18px;
  color: rgba(255, 255, 255, .66);
  font-size: 16px;
  line-height: 1.7;
}


/* FEATURES */


.wp-auto-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 28px 0 22px;
  border-top: 1px solid rgba(255, 255, 255, .1);
  border-left: 1px solid rgba(255, 255, 255, .1);
}


.wp-auto-item {
  padding: 18px 20px;
  border-right: 1px solid rgba(255, 255, 255, .1);
  border-bottom: 1px solid rgba(255, 255, 255, .1);
}


.wp-auto-item strong {
  display: block;
  margin: 0;
  color: #fff;
  font-size: 16px;
  line-height: 1.3;
}


/* STICKY IMAGE */


.wp-auto-media {
  position: sticky;
  top: 110px;
  align-self: start;
}


.wp-auto-media img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 620px;
  object-fit: cover;
}


/* TABLET */


@media (max-width: 980px) {
  .wp-auto {
    padding: 75px 0;
  }


  .wp-auto-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }


  .wp-auto-media {
    position: static;
  }
}


/* MOBILE */


@media (max-width: 640px) {
  .wp-auto {
    padding: 55px 0;
  }


  .wp-auto-list {
    grid-template-columns: 1fr;
  }


  .wp-auto-item {
    padding: 16px 18px;
  }


  .wp-auto-copy {
    font-size: 15px;
  }
}


/* CUSTOM WORDPRESS — HEADING WRAP FIX */


.wp-auto-grid > div:first-child {
  min-width: 0;
}


.wp-auto .sec-h {
  max-width: 100%;
  min-width: 0;
  white-space: normal !important;
  overflow-wrap: normal;
  word-break: normal;
}


/* Allow animated words to wrap onto new lines */
.wp-auto .sec-h [data-word],
.wp-auto .sec-h .word {
  white-space: normal;
}


/* Give the heading enough room on smaller desktops */
@media (min-width: 981px) {
  .wp-auto-grid {
    grid-template-columns:
      minmax(0, 1.15fr)
      minmax(0, .85fr);
    gap: 56px;
  }
}

/* === wordpress-page-section === */
/* ======================================
   WORDPRESS SEO FOUNDATIONS
   ====================================== */


#wp-seo-foundations,
#wp-seo-foundations * {
  box-sizing: border-box;
}


#wp-seo-foundations {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: 100%;
  padding: clamp(76px, 9vw, 120px) 0;
  background: #070a08;
  color: #fff;
}


#wp-seo-foundations > .bg-reveal-core {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}


#wp-seo-foundations > .w {
  position: relative;
  z-index: 1;
  
  
}


/* HEADING */


#wp-seo-foundations .wp-benefits-head {
  max-width: 940px;
  margin-bottom: clamp(36px, 5vw, 58px);
}


#wp-seo-foundations .eyebrow{margin: 0 0 18px;}


#wp-seo-foundations .sec-h {
  max-width: 940px;
  margin: 0;







}


#wp-seo-foundations .sec-h .g {
  color: #04ea86 !important;
}


#wp-seo-foundations .wp-benefits-intro {
  max-width: 760px;
  margin: 24px 0 0;
  font-family: "Manrope", sans-serif;
  font-size: clamp(16px, .55vw + 12px, 18px);
  line-height: 1.7;
  color: rgba(255, 255, 255, .74);
}


/* GRID */


#wp-seo-foundations .wp-benefits-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}


/* CARDS */


#wp-seo-foundations .wp-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 235px;
  margin: 0;
  padding: clamp(24px, 2.5vw, 36px);
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 11px;
  background: #101612;
  transition:
    border-color .25s ease,
    background .25s ease,
    transform .25s ease;
}


#wp-seo-foundations .wp-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 28px;
  right: 28px;
  height: 2px;
  background: #04ea86;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .3s ease;
}


#wp-seo-foundations .wp-card-featured {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, .8fr);
  gap: clamp(28px, 5vw, 72px);
  align-items: center;
  min-height: 260px;
  background:
    radial-gradient(
      circle at 95% 10%,
      rgba(4, 234, 134, .08),
      transparent 48%
    ),
    #101612;
}


/* NUMBERS */


#wp-seo-foundations .wp-num {
  display: block;
  margin: 0 0 22px;
  font-family: "Archivo", sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: .1em;
  color: #04ea86;
}


/* CARD TEXT */


#wp-seo-foundations .wp-card h3 {
  margin: 0 0 14px;
  font-family: "Archivo", sans-serif !important;
  font-size: clamp(21px, 1.8vw, 27px) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: -.025em;
  color: #fff !important;
}


#wp-seo-foundations .wp-card p {
  max-width: 65ch;
  margin: 0;
  font-family: "Manrope", sans-serif;
  font-size: 15px;
  line-height: 1.75;
  color: rgba(255, 255, 255, .72);
}


/* FEATURED CARD LIST */


#wp-seo-foundations .wp-seo-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}


#wp-seo-foundations .wp-seo-list li {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 58px;
  padding: 12px 14px 12px 30px;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 8px;
  background: rgba(255, 255, 255, .025);
  font-family: "Manrope", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(255, 255, 255, .82);
}


#wp-seo-foundations .wp-seo-list li::before {
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #04ea86;
  transform: translateY(-50%);
}


/* HOVER */


@media (hover: hover) {
  #wp-seo-foundations .wp-card:hover {
    border-color: rgba(4, 234, 134, .5);
    background-color: #142019;
    transform: translateY(-3px);
  }


  #wp-seo-foundations .wp-card:hover::before {
    transform: scaleX(1);
  }
}


/* TABLET */


@media (max-width: 980px) {
  #wp-seo-foundations > .w {
    
  }


  #wp-seo-foundations .wp-card-featured {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}


/* MOBILE */


@media (max-width: 700px) {
  #wp-seo-foundations {
    padding: 68px 0;
  }


  #wp-seo-foundations > .w {
    
  }


  #wp-seo-foundations .sec-h {
  }


  #wp-seo-foundations .wp-benefits-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }


  #wp-seo-foundations .wp-card,
  #wp-seo-foundations .wp-card-featured {
    grid-column: auto;
    min-height: auto;
    padding: 24px 20px;
  }


  #wp-seo-foundations .wp-seo-list {
    grid-template-columns: 1fr;
    gap: 10px;
  }


  #wp-seo-foundations .wp-num {
    margin-bottom: 16px;
  }
}


/* REDUCED MOTION */


@media (prefers-reduced-motion: reduce) {
  #wp-seo-foundations .wp-card,
  #wp-seo-foundations .wp-card::before {
    transition: none !important;
    transform: none !important;
  }
}

/* === wordpress-page-section === */
/* =========================================
   BUSINESS TYPES — SCOPED CSS
   ========================================= */


#business-types,
#business-types * {
  box-sizing: border-box;
}


#business-types {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: 100%;
  padding: clamp(76px, 9vw, 110px) 0;
  background: #0a100e;
  color: #fff;
}


#business-types > .bg-reveal-core {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}


#business-types > .w {
  position: relative;
  z-index: 1;
  
  
}


/* HEADING AREA */


#business-types .biz-industries-head {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  gap: clamp(30px, 5vw, 76px);
  align-items: end;
  margin-bottom: 42px;
}


#business-types .biz-industries-title {
  min-width: 0;
}


#business-types .eyebrow{margin: 0 0 18px;}


#business-types .sec-h {
  max-width: 780px;
  margin: 0;







}


#business-types .sec-h .g {
  color: #04ea86 !important;
}


#business-types .biz-industries-intro {
  padding-bottom: 4px;
}


#business-types .biz-industries-intro p {
  margin: 0 0 14px;
  font-family: "Manrope", sans-serif;
  font-size: 16px;
  line-height: 1.75;
  color: rgba(255, 255, 255, .74);
}


#business-types .biz-industries-intro p:last-child {
  margin-bottom: 0;
}


/* CARD GRID */


#business-types .biz-industries-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}


/* CARDS */


#business-types .biz-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  min-height: 250px;
  margin: 0;
  padding: clamp(25px, 2.6vw, 36px);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 11px;
  background: #101612;
  transition:
    border-color .25s ease,
    background .25s ease,
    transform .25s ease;
}


#business-types .biz-card::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3px;
  background: #04ea86;
  transform: scaleY(0);
  transform-origin: bottom;
  transition: transform .3s ease;
}


#business-types .biz-card-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 32px;
}


#business-types .biz-card-num {
  font-family: "Archivo", sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  color: #04ea86;
}


#business-types .biz-card-icon {
  font-family: Arial, sans-serif;
  font-size: 22px;
  line-height: 1;
  color: rgba(255, 255, 255, .35);
  transition:
    color .25s ease,
    transform .25s ease;
}


#business-types .biz-card-content {
  max-width: 560px;
}


#business-types .biz-card h3 {
  margin: 0 0 14px;
  font-family: "Archivo", sans-serif !important;
  font-size: clamp(21px, 1.8vw, 27px) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: -.025em;
  color: #fff !important;
  transition: color .25s ease;
}


#business-types .biz-card p {
  margin: 0;
  font-family: "Manrope", sans-serif;
  font-size: 15px;
  line-height: 1.75;
  color: rgba(255, 255, 255, .72);
}


/* CARD HOVER */


@media (hover: hover) {
  #business-types .biz-card:hover {
    border-color: rgba(4, 234, 134, .48);
    background: #142019;
    transform: translateY(-3px);
  }


  #business-types .biz-card:hover::before {
    transform: scaleY(1);
  }


  #business-types .biz-card:hover h3,
  #business-types .biz-card:hover .biz-card-icon {
    color: #04ea86 !important;
  }


  #business-types .biz-card:hover .biz-card-icon {
    transform: translate(3px, -3px);
  }
}


/* BOTTOM CTA */


#business-types .biz-industries-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 24px;
  margin-top: 18px;
  padding: 30px 34px;
  border: 1px solid rgba(4, 234, 134, .25);
  border-radius: 11px;
  background: #101a14;
}


#business-types .biz-industries-foot-text {
  flex: 1 1 320px;
}


#business-types .biz-industries-foot-text strong {
  display: block;
  margin-bottom: 8px;
  font-family: "Archivo", sans-serif;
  font-size: clamp(19px, 1.7vw, 24px);
  font-weight: 700;
  line-height: 1.3;
  color: #fff;
}


#business-types .biz-industries-foot-text p {
  margin: 0;
  font-family: "Manrope", sans-serif;
  font-size: 15px;
  line-height: 1.65;
  color: rgba(255, 255, 255, .72);
}


#business-types .biz-industries-foot .btn {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0 22px;
  border-radius: 11px;
  background: #04ea86;
  color: #070a08;
  font-family: "Manrope", sans-serif;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}


#business-types .biz-industries-foot .mag-inner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}


#business-types .biz-industries-foot .mag-inner svg {
  display: block;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}


/* TABLET */


@media (max-width: 980px) {
  #business-types > .w {
    
  }


  #business-types .biz-industries-head {
    grid-template-columns: 1fr;
    gap: 22px;
  }


  #business-types .biz-industries-intro {
    max-width: 760px;
  }


  #business-types .biz-card {
    min-height: 270px;
  }
}


/* MOBILE */


@media (max-width: 700px) {
  #business-types {
    padding: 68px 0;
  }


  #business-types > .w {
    
  }


  #business-types .sec-h {
  }


  #business-types .biz-industries-head {
    margin-bottom: 30px;
  }


  #business-types .biz-industries-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }


  #business-types .biz-card {
    min-height: 0;
    padding: 24px 22px;
  }


  #business-types .biz-card-top {
    margin-bottom: 24px;
  }


  #business-types .biz-industries-foot {
    margin-top: 14px;
    padding: 26px 22px;
  }


  #business-types .biz-industries-foot .btn {
    width: 100%;
  }
}


/* REDUCED MOTION */


@media (prefers-reduced-motion: reduce) {
  #business-types .biz-card,
  #business-types .biz-card::before,
  #business-types .biz-card h3,
  #business-types .biz-card-icon {
    transition: none !important;
    transform: none !important;
  }
}

/* === wordpress-page-section === */
/* ========================================
   WORDPRESS PROCESS — SPACING ONLY
   Original timeline design remains intact
   ======================================== */


/* SECTION SPACING */


#wp-process {
  padding-top: 80px;
  padding-bottom: 80px;
}


/* HEADING SPACING */


#wp-process .proc-head {
  margin-bottom: 42px;
}


#wp-process .proc-head .eyebrow {
  margin-bottom: 14px;
}


#wp-process .proc-head .sec-h {
  margin-top: 0;
  margin-bottom: 18px;
}


#wp-process .proc-head .serv-lead {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.7;
}


/* TIMELINE SPACING */


#wp-process .proc-rail {
  row-gap: 28px;
}


#wp-process .proc-copy h3 {
  margin-top: 0;
  margin-bottom: 10px;
}


#wp-process .proc-copy p {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.7;
}


/* CTA SPACING */


#wp-process .wp-process-actions {
  display: flex;
  justify-content: center;
  margin-top: 38px;
  margin-bottom: 0;
}


/* TABLET */


@media (max-width: 980px) {


  #wp-process {
    padding-top: 65px;
    padding-bottom: 65px;
  }


  #wp-process .proc-head {
    margin-bottom: 36px;
  }


  #wp-process .proc-rail {
    row-gap: 24px;
  }


  #wp-process .wp-process-actions {
    margin-top: 32px;
  }


}


/* MOBILE */


@media (max-width: 640px) {


  #wp-process {
    padding-top: 55px;
    padding-bottom: 55px;
  }


  #wp-process .proc-head {
    margin-bottom: 30px;
  }


  #wp-process .proc-head .sec-h {
    margin-bottom: 16px;
  }


  #wp-process .proc-rail {
    row-gap: 22px;
  }


  #wp-process .wp-process-actions {
    margin-top: 28px;
  }


}


/* === final CTA — same homepage design === */

/* SECTION — GLOBAL SPACING */
#tde-page .final-cta{
  position:relative;
  overflow:hidden;
}


#tde-page .final-cta>.w{
  position:relative;
  z-index:1;
}


/* MAIN WRAPPER */
#tde-page .final-cta-wrap{
  position:relative;
  overflow:hidden;
  padding:clamp(28px,4vw,52px);
  border:1px solid var(--line,rgba(255,255,255,.14));
  border-radius:var(--fwd-radius,12px);
  background:linear-gradient(
    120deg,
    rgba(4,234,134,.045),
    rgba(4,234,134,.012) 35%,
    rgba(255,255,255,.012)
  );
}


#tde-page .final-cta-wrap:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:120px;
  height:3px;
  background:var(--g,#04EA86);
}


#tde-page .final-cta-wrap:after{
  content:"";
  position:absolute;
  top:-220px;
  right:-160px;
  width:500px;
  height:500px;
  border:1px solid rgba(4,234,134,.08);
  border-radius:50%;
  pointer-events:none;
}


/* TOP */
#tde-page .final-cta-top{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:16px;
  padding-bottom:24px;
  border-bottom:1px solid var(--line,rgba(255,255,255,.14));
}


#tde-page .final-cta-top .eyebrow{
  margin:0;
}


#tde-page .final-cta-status{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--mute,rgba(255,255,255,.7));
  font:700 11px/1.4 var(--d,Archivo,sans-serif);
  letter-spacing:.08em;
  text-transform:uppercase;
}


#tde-page .final-cta-dot{
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:50%;
  background:var(--g,#04EA86);
  box-shadow:
    0 0 0 5px rgba(4,234,134,.09),
    0 0 18px rgba(4,234,134,.18);
}


/* MAIN CONTENT */
#tde-page .final-cta-main{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  align-items:center;
  gap:clamp(28px,4vw,64px);
  padding:clamp(36px,4.5vw,60px) 0;
}


#tde-page .final-cta-title,
#tde-page .final-cta-copy{
  min-width:0;
}


/*
  H2 uses the global .sec-h typography.
  No separate desktop or mobile font size.
*/
#tde-page .final-cta-title .sec-h{
  max-width:760px;
  margin:0;
}


#tde-page .final-cta-copy{
  max-width:500px;
}


#tde-page .final-cta-copy>p{
  margin:0;
  color:var(--mute,rgba(255,255,255,.7));
  font-size:clamp(15px,1.2vw,17px);
  line-height:1.7;
}


/* BUTTONS */
#tde-page .final-cta-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  margin-top:26px;
}


#tde-page .final-cta-actions .mag-inner{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
}


#tde-page .final-cta-actions svg{
  width:18px;
  height:18px;
  flex-shrink:0;
}


/* PROOF BAR */
#tde-page .final-cta-proof{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid var(--line,rgba(255,255,255,.14));
  border-left:1px solid var(--line,rgba(255,255,255,.14));
}


#tde-page .final-cta-proof-item{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  min-height:108px;
  padding:22px 18px;
  border-right:1px solid var(--line,rgba(255,255,255,.14));
  border-bottom:1px solid var(--line,rgba(255,255,255,.14));
}


#tde-page .final-cta-proof-item>span{
  position:absolute;
  top:12px;
  right:14px;
  color:var(--g,#04EA86);
  font:700 10px/1.3 var(--d,Archivo,sans-serif);
  letter-spacing:.08em;
}


#tde-page .final-cta-proof-item strong{
  display:block;
  margin:0 20px 7px 0;
  color:#fff;
  font:700 clamp(18px,1.7vw,24px)/1.2
    var(--d,Archivo,sans-serif);
  letter-spacing:-.025em;
}


#tde-page .final-cta-proof-item small{
  display:block;
  color:var(--mute,rgba(255,255,255,.7));
  font-size:12px;
  line-height:1.5;
}


/* TABLET */
@media(max-width:980px){


  #tde-page .final-cta-main{
    grid-template-columns:1fr;
    align-items:start;
    gap:24px;
  }


  #tde-page .final-cta-copy{
    max-width:650px;
  }


  #tde-page .final-cta-proof{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}


/* MOBILE */
@media(max-width:640px){


  #tde-page .final-cta-wrap{
    padding:26px 20px;
  }


  #tde-page .final-cta-top{
    align-items:flex-start;
    flex-direction:column;
    gap:14px;
    padding-bottom:22px;
  }


  #tde-page .final-cta-main{
    gap:22px;
    padding:30px 0;
  }


  #tde-page .final-cta-copy>p{
    font-size:16px;
    line-height:1.65;
  }


  #tde-page .final-cta-actions{
    flex-direction:column;
    align-items:stretch;
    margin-top:24px;
  }


  #tde-page .final-cta-actions .btn{
    width:100%;
    justify-content:center;
  }


  #tde-page .final-cta-proof-item{
    min-height:96px;
    padding:20px 14px;
  }


  #tde-page .final-cta-proof-item strong{
    font-size:18px;
  }


  #tde-page .final-cta-proof-item small{
    font-size:11px;
  }
}


/* SMALL MOBILE — KEEP TWO COLUMNS */
@media(max-width:430px){


  #tde-page .final-cta-proof{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }


  #tde-page .final-cta-proof-item{
    min-height:100px;
  }
}



/* === GLOBAL DESIGN SYSTEM ALIGNMENT ===
   Loaded after wdd-core.css; shared classes own fonts, H2 sizes, buttons,
   containers and section spacing. Layout and visual treatments above remain. */
#tde-page #wp-services,
#tde-page #why-wordpress,
#tde-page .wp-auto,
#tde-page #wp-seo-foundations,
#tde-page #business-types,
#tde-page #wp-process,
#tde-page .proof,
#tde-page .faq,
#tde-page .final-cta{padding-block:var(--section-space,clamp(64px,9vw,110px))}
#tde-page .sec-h{font-family:var(--d)!important;font-size:var(--t-sec)!important;font-weight:var(--fw-display)!important;line-height:.96!important;letter-spacing:-.03em!important}
#tde-page #wp-service-hero>.w,
#tde-page #wp-services>.w,
#tde-page #why-wordpress>.w,
#tde-page .wp-auto>.w,
#tde-page #wp-seo-foundations>.w,
#tde-page #business-types>.w,
#tde-page #wp-process>.w{width:min(var(--wrap),calc(100% - var(--wrap-pad)*2));margin-inline:auto}
/* Keep the intentionally narrower FAQ content container. */
#tde-page .faq>.w{width:min(760px,calc(100% - var(--wrap-pad)*2))}
@media(max-width:767px){
  #tde-page #wp-services,#tde-page #why-wordpress,#tde-page .wp-auto,
  #tde-page #wp-seo-foundations,#tde-page #business-types,#tde-page #wp-process,
  #tde-page .proof,#tde-page .faq,#tde-page .final-cta{
    padding-block:var(--section-space,clamp(64px,9vw,110px));
  }
}



@media (max-width: 600px) {
  #tde-page .proof .rv-card {
    padding: 22px;
  }

  #tde-page .faq-item summary {
    padding: 18px 48px 18px 18px;
    font-size: 16px;
  }

  #tde-page .faq-item summary::after {
    right: 18px;
  }

  #tde-page .faq-a {
    padding: 0 18px 20px;
  }
}