:root{--bg:#020713;--panel:#071225;--text:#fff;--muted:#9fb4cf;--cyan:#00d9ff;--blue:#2667ff;--purple:#7c3cff;--border:rgba(115,205,255,.18)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at top left,rgba(0,217,255,.18),transparent 35%),radial-gradient(circle at top right,rgba(124,60,255,.16),transparent 35%),linear-gradient(180deg,#020713,#061025 50%,#020713);color:#fff}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}.promo{text-align:center;padding:.8rem;background:linear-gradient(90deg,rgba(0,217,255,.16),rgba(124,60,255,.13));border-bottom:1px solid var(--border);color:#cfeeff;font-weight:900}.nav{position:sticky;top:0;z-index:50;background:rgba(2,7,19,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.nav-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand-logo{height:58px;width:auto}.nav-links{display:flex;gap:1rem;flex-wrap:wrap;font-weight:850;color:#cfe8ff}.nav-links a:hover{color:var(--cyan)}.hero{padding:7rem 0 6rem;text-align:center}.eyebrow{display:inline-flex;border:1px solid rgba(0,217,255,.24);background:rgba(0,217,255,.07);color:#8be9ff;border-radius:999px;padding:.45rem .7rem;font-size:.78rem;text-transform:uppercase;font-weight:1000;letter-spacing:.04em}h1,h2,h3{letter-spacing:-.05em}h1{font-size:clamp(2.6rem,7vw,6.3rem);line-height:.96;margin:1rem 0}h2{font-size:clamp(2rem,4.8vw,4rem);line-height:1.04;margin:.7rem 0}h3{font-size:1.35rem}.gradient-text{background:linear-gradient(135deg,var(--cyan),var(--blue),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{max-width:850px;margin:0 auto 1.3rem;color:#dcecff;font-size:clamp(1.1rem,2.3vw,1.45rem);line-height:1.55}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.92rem 1.2rem;font-weight:1000;border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,var(--cyan),var(--blue),var(--purple));color:#fff}.btn-ghost{border-color:rgba(115,205,255,.25);color:#dcecff;background:rgba(255,255,255,.04)}.section{padding:5.2rem 0}.section-heading,.section-title{text-align:center;max-width:920px;margin:0 auto 2rem}.muted{color:var(--muted);line-height:1.65}.grid{display:grid;gap:1rem}.card{border:1px solid var(--border);background:linear-gradient(180deg,rgba(15,43,84,.76),rgba(5,16,37,.66));border-radius:26px;padding:1.25rem;box-shadow:0 24px 70px rgba(0,0,0,.32)}.aligned-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.aligned-card{border:1px solid var(--border);background:linear-gradient(180deg,rgba(15,43,84,.7),rgba(5,16,37,.62));border-radius:24px;padding:1.15rem;min-height:230px;display:flex;flex-direction:column}.aligned-card-top{display:flex;justify-content:space-between;margin-bottom:1rem}.icon{font-size:1.65rem}.pill,.service-note,.best-value-callout,.tier-mini-callout{display:inline-flex;width:max-content;max-width:100%;border:1px solid rgba(0,217,255,.28);background:rgba(0,217,255,.08);color:#cfeeff;border-radius:999px;padding:.42rem .68rem;font-weight:900;font-size:.78rem;margin-top:auto}.who-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.85rem}.who-card{border:1px solid var(--border);background:linear-gradient(180deg,rgba(15,43,84,.7),rgba(5,16,37,.62));border-radius:22px;padding:1rem;min-height:125px;display:flex;flex-direction:column;justify-content:space-between;font-size:1.7rem}.who-card strong{font-size:.98rem}.package-guidance,.package-disclaimer,.notice,.tier-limit-note,.privacy-note{border:1px solid rgba(0,217,255,.18);background:rgba(0,217,255,.045);border-radius:16px;padding:.9rem 1rem;color:#cfe8ff;line-height:1.55}.package-guidance{max-width:920px;margin:0 auto 1.2rem;text-align:center;font-weight:850}.package-disclaimer{max-width:920px;margin:1rem auto 0;text-align:center;color:var(--muted)}.package-grid{grid-template-columns:repeat(4,1fr);padding-top:2.2rem;overflow:visible}.package-card{position:relative;display:flex;flex-direction:column;overflow:visible}.popular{border-color:rgba(0,217,255,.72);outline:2px solid rgba(0,217,255,.55);background:radial-gradient(circle at 50% -10%,rgba(0,217,255,.2),transparent 42%),linear-gradient(180deg,rgba(0,217,255,.14),rgba(38,103,255,.08),rgba(5,16,37,.72))}.package-card.popular:after{content:"RECOMMENDED";position:absolute;top:-1.05rem;right:1.25rem;background:linear-gradient(135deg,var(--cyan),var(--blue),var(--purple));border-radius:999px;padding:.45rem .85rem;font-size:.72rem;font-weight:1000}.package-top{display:flex;justify-content:space-between;gap:.7rem;margin-bottom:.8rem}.badge,.timeline-badge{border:1px solid rgba(0,217,255,.25);background:rgba(0,217,255,.07);color:#8be9ff;border-radius:999px;padding:.38rem .65rem;font-size:.75rem;font-weight:1000}.price,.tier-price{font-size:2.1rem;color:var(--cyan);font-weight:1000;margin:.8rem 0;line-height:1}.features{list-style:none;display:grid;gap:.55rem;margin:1rem 0}.features li{color:#dcecff;line-height:1.4}.features li:before{content:"✓";color:var(--cyan);font-weight:1000;margin-right:.45rem}.package-cta,.tier-cta{width:100%;margin-top:auto}.process-strip,.quote-steps-grid,.recurring-tier-grid,.bundle-steps-grid,.bundle-price-grid,.care-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.recurring-tier-card{position:relative;display:flex;flex-direction:column;overflow:visible}.tier-basic{border-color:rgba(0,217,255,.72);outline:2px solid rgba(0,217,255,.52)}.tier-basic:after{content:"BEST VALUE";position:absolute;top:-1.05rem;right:1.25rem;background:linear-gradient(135deg,var(--cyan),var(--blue),var(--purple));border-radius:999px;padding:.45rem .85rem;font-size:.72rem;font-weight:1000}.tier-pro:after{content:"FULL WEBSITE CARE";position:absolute;top:-1.05rem;right:1.25rem;border:1px solid rgba(0,217,255,.25);background:rgba(0,217,255,.08);color:#8be9ff;border-radius:999px;padding:.45rem .85rem;font-size:.72rem;font-weight:1000}.support-comparison{margin-top:1rem}.comparison-table-wrap{overflow-x:auto}.comparison-table{width:100%;border-collapse:collapse;min-width:680px}.comparison-table th,.comparison-table td{padding:.85rem;border-bottom:1px solid rgba(115,205,255,.16);text-align:left}.comparison-table th{color:#8be9ff;text-transform:uppercase}.comparison-table td{color:#dcecff;font-weight:750}.recommended-setup,.bundle-support-section{margin-top:1rem}.bundle-step-card span,.quote-step span{display:inline-flex;border:1px solid rgba(0,217,255,.28);background:rgba(0,217,255,.08);color:#8be9ff;border-radius:999px;padding:.35rem .65rem;font-size:.78rem;font-weight:1000;margin-bottom:.9rem}.bundle-price-card{margin-top:1rem;display:grid;gap:1rem}.bundle-price-grid div{border:1px solid rgba(0,217,255,.2);background:rgba(0,217,255,.055);border-radius:18px;padding:1rem}.bundle-price-grid span{display:block;color:var(--muted);font-weight:900}.bundle-price-grid strong{font-size:1.25rem}.faq-grid{display:grid;gap:.8rem;max-width:950px;margin:auto}.faq-item{border:1px solid var(--border);background:rgba(5,16,37,.62);border-radius:18px;padding:1rem}.faq-item summary{cursor:pointer;display:flex;justify-content:space-between;color:#fff;font-weight:1000}.faq-item p{margin-top:.8rem}.split{grid-template-columns:.9fr 1.1fr}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem}.field{display:grid;gap:.35rem}.full,.privacy-note{grid-column:1/-1}label{font-weight:900;color:#cfe8ff}input,select,textarea{width:100%;border:1px solid rgba(115,205,255,.22);background:rgba(2,7,19,.65);color:#fff;border-radius:14px;padding:.85rem;font:inherit}textarea{min-height:150px}.footer{padding:3rem 0;text-align:center;border-top:1px solid var(--border);background:rgba(2,7,19,.72)}.footer-brand-wrap{display:grid;gap:.7rem;justify-items:center}.footer-links a{color:#cfe8ff}.policy-page{padding-top:7rem}.policy-layout{max-width:980px;margin:auto}.policy-card h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1;margin:.5rem 0 1rem}.policy-card h2{font-size:clamp(1.35rem,3vw,2rem);margin:2rem 0 .65rem}.policy-card p,.policy-card li{color:var(--muted);line-height:1.7}.policy-card ul{margin:.8rem 0 1rem 1.2rem}.policy-meta,.policy-note{border:1px solid rgba(0,217,255,.16);background:rgba(0,217,255,.045);border-radius:16px;padding:1rem;margin:1rem 0}@media(max-width:1150px){.package-grid{grid-template-columns:repeat(2,1fr)}.aligned-grid{grid-template-columns:repeat(2,1fr)}.who-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.nav-inner{flex-direction:column;padding:.8rem 0}.nav-links{justify-content:center}.section{padding:4rem 0}.package-grid,.aligned-grid,.who-grid,.process-strip,.quote-steps-grid,.recurring-tier-grid,.bundle-steps-grid,.bundle-price-grid,.care-value-grid,.split,.form-grid{grid-template-columns:1fr}.btn{width:100%}.package-guidance,.package-disclaimer{text-align:left}}


/* Larger Pixera logo update */
.brand-logo{
  height:96px !important;
  max-width:260px !important;
  object-fit:contain !important;
}
.nav-inner{
  min-height:118px !important;
}
.footer .brand-logo,
.footer-brand-wrap .brand-logo{
  height:110px !important;
  max-width:300px !important;
}
@media(max-width:900px){
  .brand-logo{
    height:82px !important;
    max-width:230px !important;
  }
  .nav-inner{
    min-height:110px !important;
  }
  .footer .brand-logo,
  .footer-brand-wrap .brand-logo{
    height:92px !important;
    max-width:260px !important;
  }
}


/* Center header menu links */
.nav-inner{
  position:relative !important;
  justify-content:center !important;
}
.nav-inner > a:first-child{
  position:absolute !important;
  left:0 !important;
}
.nav-links{
  margin:0 auto !important;
  justify-content:center !important;
  text-align:center !important;
}
@media(max-width:900px){
  .nav-inner{
    position:static !important;
    justify-content:center !important;
  }
  .nav-inner > a:first-child{
    position:static !important;
  }
}


/* Conversion updates: Why Pixera, add-ons, footer CTA */
.why-pixera-grid .aligned-card{
  min-height:210px;
}
.addons-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:1rem;
}
.addon-card{
  min-height:230px;
  display:flex;
  flex-direction:column;
}
.price-small{
  color:var(--cyan);
  font-size:1.35rem;
  font-weight:1000;
  margin:.75rem 0;
}
.addons-cta{
  margin-top:1rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
}
.contact-trust-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:.7rem;
  margin-top:1rem;
}
.contact-trust-grid div{
  border:1px solid rgba(0,217,255,.18);
  background:rgba(0,217,255,.045);
  border-radius:14px;
  padding:.75rem;
  color:#cfe8ff;
  font-weight:850;
}
.footer-cta-section{
  padding-top:2.5rem;
  padding-bottom:2.5rem;
}
.footer-cta-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.5rem;
}
.footer-cta-card h2{
  margin:.4rem 0;
}
.footer-cta-card .btn{
  white-space:nowrap;
}
@media(max-width:1150px){
  .addons-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:900px){
  .addons-grid,
  .contact-trust-grid{
    grid-template-columns:1fr;
  }
  .addons-cta,
  .footer-cta-card{
    flex-direction:column;
    align-items:flex-start;
  }
  .addons-cta .btn,
  .footer-cta-card .btn{
    width:100%;
  }
}


/* Re-center menu links while keeping logo on the left */
.nav-inner{
  position:relative !important;
  justify-content:center !important;
}
.nav-inner > a:first-child{
  position:absolute !important;
  left:0 !important;
}
.nav-links{
  position:absolute !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  margin:0 auto !important;
  justify-content:center !important;
  text-align:center !important;
  width:max-content !important;
}
@media(max-width:900px){
  .nav-inner{
    position:static !important;
    justify-content:center !important;
  }
  .nav-inner > a:first-child{
    position:static !important;
  }
  .nav-links{
    position:static !important;
    transform:none !important;
    width:auto !important;
    justify-content:center !important;
  }
}


/* Rebuilt support plan cards */
.standard-support-card{
  position:relative !important;
  border:1px solid rgba(0,217,255,.82) !important;
  outline:2px solid rgba(0,217,255,.62) !important;
  background:
    radial-gradient(circle at 50% -10%, rgba(0,217,255,.20), transparent 42%),
    linear-gradient(180deg,rgba(0,217,255,.14),rgba(38,103,255,.08),rgba(5,16,37,.74)) !important;
  box-shadow:
    0 28px 85px rgba(0,217,255,.18),
    0 18px 60px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.standard-support-card:after{
  content:"BEST VALUE";
  position:absolute;
  top:-1.05rem;
  right:1.25rem;
  background:linear-gradient(135deg,var(--cyan),var(--blue),var(--purple));
  color:#fff;
  border-radius:999px;
  padding:.45rem .85rem;
  font-size:.72rem;
  font-weight:1000;
  letter-spacing:.08em;
  z-index:5;
}
.premium-support-card:after{
  content:"PREMIUM";
  position:absolute;
  top:-1.05rem;
  right:1.25rem;
  border:1px solid rgba(0,217,255,.25);
  background:rgba(0,217,255,.08);
  color:#8be9ff;
  border-radius:999px;
  padding:.45rem .85rem;
  font-size:.72rem;
  font-weight:1000;
  letter-spacing:.08em;
  z-index:5;
}
.starter-support-card,
.standard-support-card,
.premium-support-card{
  overflow:visible !important;
}
.standard-support-card .badge{
  background:linear-gradient(135deg,var(--cyan),var(--blue),var(--purple)) !important;
  color:#fff !important;
}


/* Clean support plan card labels */
.starter-support-card:after,
.standard-support-card:after,
.premium-support-card:after,
.tier-basic:after,
.tier-pro:after{
  display:none !important;
  content:none !important;
}
.standard-support-card{
  position:relative !important;
  border:1px solid rgba(0,217,255,.82) !important;
  outline:2px solid rgba(0,217,255,.62) !important;
  background:
    radial-gradient(circle at 50% -10%, rgba(0,217,255,.20), transparent 42%),
    linear-gradient(180deg,rgba(0,217,255,.14),rgba(38,103,255,.08),rgba(5,16,37,.74)) !important;
  box-shadow:
    0 28px 85px rgba(0,217,255,.18),
    0 18px 60px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.standard-support-card .badge{
  background:linear-gradient(135deg,var(--cyan),var(--blue),var(--purple)) !important;
  color:#fff !important;
  border-color:rgba(0,217,255,.55) !important;
}
.recurring-tier-card h3{
  margin-top:.85rem !important;
}
.recurring-tier-card .tier-mini-callout{
  margin:.55rem 0 .75rem !important;
}


/* Align support plan CTA buttons */
.recurring-tier-card .tier-cta{
  width:100% !important;
  margin-top:auto !important;
  text-align:center !important;
}
.starter-support-card .tier-cta{
  background:linear-gradient(135deg,var(--cyan),var(--blue),var(--purple)) !important;
  color:#fff !important;
  border-color:transparent !important;
}


/* Final header logo + spacing refinements */
.nav-inner{
  min-height:112px !important;
}
.brand-logo{
  width:270px !important;
  height:88px !important;
  max-width:270px !important;
  object-fit:contain !important;
}
.footer .brand-logo,
.footer-brand-wrap .brand-logo{
  width:285px !important;
  height:94px !important;
  max-width:285px !important;
}

/* Tighter, more uniform section spacing */
.hero{
  padding-top:5.8rem !important;
  padding-bottom:4.6rem !important;
}
.section{
  padding-top:4.25rem !important;
  padding-bottom:4.25rem !important;
}
.section-heading,
.section-title{
  margin-bottom:1.55rem !important;
}
.support-comparison,
.recommended-setup,
.bundle-support-section,
.addons-cta{
  margin-top:.85rem !important;
}
.package-grid{
  padding-top:1.65rem !important;
}
.package-guidance{
  margin-bottom:1rem !important;
}
.package-disclaimer{
  margin-top:.85rem !important;
}
.faq-grid{
  gap:.65rem !important;
}
.aligned-grid,
.package-grid,
.recurring-tier-grid,
.bundle-steps-grid,
.bundle-price-grid,
.process-strip,
.quote-steps-grid,
.addons-grid,
.who-grid{
  gap:.85rem !important;
}
.card{
  padding:1.12rem !important;
}
.hero h1{
  margin-top:0 !important;
}
.hero .lead{
  margin-bottom:1.15rem !important;
}

@media(max-width:900px){
  .brand-logo{
    width:235px !important;
    height:76px !important;
    max-width:235px !important;
  }
  .nav-inner{
    min-height:104px !important;
  }
  .hero{
    padding-top:4.6rem !important;
    padding-bottom:3.8rem !important;
  }
  .section{
    padding-top:3.4rem !important;
    padding-bottom:3.4rem !important;
  }
}


/* Final Pixera color consistency pass */
:root{
  --bg:#020713 !important;
  --panel:#071225 !important;
  --panel2:#0b1b35 !important;
  --text:#ffffff !important;
  --muted:#a9bad2 !important;
  --cyan:#00d9ff !important;
  --blue:#2667ff !important;
  --purple:#7c3cff !important;
  --accent-soft:rgba(0,217,255,.08) !important;
  --accent-border:rgba(0,217,255,.22) !important;
  --border:rgba(115,205,255,.18) !important;
}

body{
  background:
    radial-gradient(circle at 12% 0%, rgba(0,217,255,.18), transparent 34%),
    radial-gradient(circle at 88% 0%, rgba(124,60,255,.16), transparent 34%),
    radial-gradient(circle at 50% 50%, rgba(38,103,255,.08), transparent 42%),
    linear-gradient(180deg,#020713 0%,#061025 45%,#020713 100%) !important;
  color:var(--text) !important;
}

.promo,
.nav,
.footer{
  border-color:var(--border) !important;
}

.promo{
  background:linear-gradient(90deg,rgba(0,217,255,.15),rgba(38,103,255,.10),rgba(124,60,255,.14)) !important;
  color:#d9f6ff !important;
}

.nav{
  background:rgba(2,7,19,.90) !important;
}

.nav-links a{
  color:#dcecff !important;
}

.nav-links a:hover{
  color:var(--cyan) !important;
}

.brand-logo{
  filter:saturate(1.08) contrast(1.04) !important;
  box-shadow:0 10px 30px rgba(0,217,255,.10) !important;
}

.eyebrow,
.badge,
.timeline-badge,
.service-note,
.best-value-callout,
.tier-mini-callout{
  border-color:var(--accent-border) !important;
  background:linear-gradient(135deg,rgba(0,217,255,.09),rgba(124,60,255,.055)) !important;
  color:#8be9ff !important;
}

.btn-primary,
.standard-support-card .badge,
.package-card.popular:after,
.tier-basic:after{
  background:linear-gradient(135deg,var(--cyan),var(--blue) 58%,var(--purple)) !important;
  color:#ffffff !important;
  box-shadow:0 18px 42px rgba(0,217,255,.18) !important;
}

.btn-ghost{
  border-color:var(--accent-border) !important;
  color:#dcecff !important;
  background:rgba(255,255,255,.035) !important;
}

.card,
.aligned-card,
.who-card,
.faq-item,
.recurring-tier-card,
.package-card,
.addon-card{
  border-color:var(--border) !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(0,217,255,.07), transparent 38%),
    linear-gradient(180deg,rgba(15,43,84,.78),rgba(5,16,37,.66)) !important;
}

.package-card.popular,
.standard-support-card,
.tier-basic{
  border-color:rgba(0,217,255,.72) !important;
  outline-color:rgba(0,217,255,.55) !important;
  background:
    radial-gradient(circle at 50% -10%, rgba(0,217,255,.18), transparent 42%),
    linear-gradient(180deg,rgba(0,217,255,.12),rgba(38,103,255,.08),rgba(5,16,37,.75)) !important;
  box-shadow:
    0 28px 85px rgba(0,217,255,.16),
    0 18px 60px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.price,
.tier-price,
.price-small,
.comparison-table th{
  color:var(--cyan) !important;
}

.features li:before{
  color:var(--cyan) !important;
}

.gradient-text{
  background:linear-gradient(135deg,var(--cyan),var(--blue),var(--purple)) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}

.package-guidance,
.package-disclaimer,
.notice,
.tier-limit-note,
.privacy-note,
.contact-trust-grid div,
.policy-meta,
.policy-note{
  border-color:rgba(0,217,255,.18) !important;
  background:linear-gradient(135deg,rgba(0,217,255,.055),rgba(124,60,255,.035)) !important;
  color:#cfe8ff !important;
}

input,
select,
textarea{
  border-color:rgba(0,217,255,.22) !important;
  background:rgba(2,7,19,.72) !important;
  color:#ffffff !important;
}

input:focus,
select:focus,
textarea:focus{
  outline:2px solid rgba(0,217,255,.35) !important;
  border-color:rgba(0,217,255,.55) !important;
}

.footer{
  background:linear-gradient(180deg,rgba(5,16,37,.72),rgba(2,7,19,.94)) !important;
}

.footer-links a{
  color:#dcecff !important;
}

.footer-links a:hover{
  color:var(--cyan) !important;
}


/* New Pixera wordmark logo */
.brand-logo{
  width:285px !important;
  height:82px !important;
  max-width:285px !important;
  object-fit:contain !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}
.footer .brand-logo,
.footer-brand-wrap .brand-logo{
  width:300px !important;
  height:86px !important;
  max-width:300px !important;
  object-fit:contain !important;
}
.nav-inner{
  min-height:105px !important;
}
@media(max-width:900px){
  .brand-logo{
    width:235px !important;
    height:68px !important;
    max-width:235px !important;
  }
  .footer .brand-logo,
  .footer-brand-wrap .brand-logo{
    width:245px !important;
    height:72px !important;
    max-width:245px !important;
  }
  .nav-inner{
    min-height:96px !important;
  }
}


/* Pixera Dark Theme refined palette */
:root{
  --bg:#020713 !important;
  --panel:#071225 !important;
  --panel2:#071225 !important;
  --text:#FFFFFF !important;
  --muted:#A9BAD2 !important;
  --cyan:#00D9FF !important;
  --blue:#2667FF !important;
  --purple:#7C3CFF !important;
  --border:rgba(0,217,255,.16) !important;
  --accent-soft:rgba(0,217,255,.06) !important;
  --accent-border:rgba(0,217,255,.20) !important;
}

body{
  background:
    radial-gradient(circle at 14% 0%, rgba(0,217,255,.13), transparent 32%),
    radial-gradient(circle at 86% 0%, rgba(38,103,255,.10), transparent 32%),
    linear-gradient(180deg,#020713 0%,#041026 48%,#020713 100%) !important;
  color:#FFFFFF !important;
}

.card,
.aligned-card,
.who-card,
.faq-item,
.recurring-tier-card,
.package-card,
.addon-card,
.bundle-step-card{
  background:
    linear-gradient(180deg,rgba(7,18,37,.96),rgba(7,18,37,.82)) !important;
  border-color:rgba(0,217,255,.15) !important;
  box-shadow:
    0 18px 54px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}

/* Primary accents use cyan/blue only */
.btn-primary{
  background:linear-gradient(135deg,#00D9FF,#2667FF) !important;
  color:#FFFFFF !important;
  box-shadow:0 14px 34px rgba(0,217,255,.14) !important;
}

.btn-ghost{
  border-color:rgba(0,217,255,.22) !important;
  color:#FFFFFF !important;
  background:rgba(7,18,37,.62) !important;
}

.eyebrow,
.badge,
.timeline-badge,
.service-note,
.best-value-callout,
.tier-mini-callout{
  background:rgba(0,217,255,.06) !important;
  border-color:rgba(0,217,255,.20) !important;
  color:#00D9FF !important;
}

.gradient-text{
  background:linear-gradient(135deg,#00D9FF,#2667FF) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}

/* Recommended / standard items use cyan */
.package-card.popular,
.standard-support-card,
.tier-basic{
  border-color:rgba(0,217,255,.60) !important;
  outline-color:rgba(0,217,255,.42) !important;
  background:
    radial-gradient(circle at 50% -12%, rgba(0,217,255,.12), transparent 42%),
    linear-gradient(180deg,rgba(7,18,37,.96),rgba(7,18,37,.82)) !important;
  box-shadow:
    0 22px 66px rgba(0,217,255,.12),
    0 16px 50px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
}

.standard-support-card .badge,
.package-card.popular:after{
  background:linear-gradient(135deg,#00D9FF,#2667FF) !important;
  color:#FFFFFF !important;
  box-shadow:0 12px 30px rgba(0,217,255,.13) !important;
}

/* Purple is reserved for premium/high-value offers */
.premium-support-card,
.package-card:nth-child(3){
  border-color:rgba(124,60,255,.42) !important;
}

.premium-support-card .badge,
.package-card:nth-child(3) .badge{
  background:rgba(124,60,255,.10) !important;
  border-color:rgba(124,60,255,.32) !important;
  color:#cdbbff !important;
}

.premium-support-card .tier-mini-callout,
.package-card:nth-child(3) .timeline-badge{
  background:rgba(124,60,255,.08) !important;
  border-color:rgba(124,60,255,.24) !important;
  color:#cdbbff !important;
}

.bundle-price-grid div:nth-child(2),
.bundle-price-grid div:nth-child(3){
  border-color:rgba(124,60,255,.22) !important;
  background:rgba(124,60,255,.045) !important;
}

.bundle-price-grid div:nth-child(2) strong,
.bundle-price-grid div:nth-child(3) strong{
  color:#cdbbff !important;
}

/* Softer glows across the site */
.brand-logo{
  filter:saturate(1.02) contrast(1.02) !important;
  box-shadow:none !important;
}

.promo{
  background:linear-gradient(90deg,rgba(0,217,255,.12),rgba(38,103,255,.08)) !important;
  color:#FFFFFF !important;
  border-color:rgba(0,217,255,.14) !important;
}

.nav{
  background:rgba(2,7,19,.92) !important;
  border-color:rgba(0,217,255,.12) !important;
}

.price,
.tier-price,
.price-small,
.comparison-table th,
.features li:before{
  color:#00D9FF !important;
}

.muted,
.policy-card p,
.policy-card li{
  color:#A9BAD2 !important;
}

.package-guidance,
.package-disclaimer,
.notice,
.tier-limit-note,
.privacy-note,
.contact-trust-grid div,
.policy-meta,
.policy-note{
  background:rgba(0,217,255,.045) !important;
  border-color:rgba(0,217,255,.14) !important;
  color:#A9BAD2 !important;
}

input,
select,
textarea{
  background:rgba(7,18,37,.78) !important;
  border-color:rgba(0,217,255,.18) !important;
  color:#FFFFFF !important;
}

input:focus,
select:focus,
textarea:focus{
  outline:2px solid rgba(0,217,255,.28) !important;
  border-color:rgba(0,217,255,.42) !important;
}

.footer{
  background:#020713 !important;
  border-color:rgba(0,217,255,.12) !important;
}

/* Reduce overly bright glow from older overrides */
*{
  text-shadow:none;
}


/* Final Pixera premium theme refinement */
:root{
  --bg:#020713 !important;
  --alt:#041026 !important;
  --panel:#071225 !important;
  --footer:#01040C !important;
  --text:#FFFFFF !important;
  --muted:#A9BAD2 !important;
  --cyan:#00D9FF !important;
  --blue:#2667FF !important;
  --purple:#7C3CFF !important;
}

/* Overall background and reduced glow */
body{
  background:
    radial-gradient(circle at 50% -10%, rgba(38,103,255,.10), transparent 34%),
    linear-gradient(180deg,var(--bg) 0%,#031024 45%,var(--bg) 100%) !important;
  color:var(--text) !important;
}

/* Alternate section backgrounds for better visual rhythm */
main > section:nth-of-type(even){
  background:linear-gradient(180deg,var(--alt),rgba(4,16,38,.82)) !important;
}
main > section:nth-of-type(odd){
  background:transparent !important;
}

/* Premium spacing: more breathing room, uniform layout */
.hero{
  padding-top:6.6rem !important;
  padding-bottom:5.6rem !important;
}
.section{
  padding-top:5.1rem !important;
  padding-bottom:5.1rem !important;
}
.section-heading,
.section-title{
  margin-bottom:2.15rem !important;
}
.section-heading p,
.section-title p{
  margin-top:.85rem !important;
}
.aligned-grid,
.package-grid,
.recurring-tier-grid,
.addons-grid,
.process-strip,
.quote-steps-grid,
.bundle-steps-grid,
.bundle-price-grid,
.who-grid{
  gap:1.15rem !important;
}
.package-grid{
  padding-top:2.15rem !important;
}
.card,
.aligned-card,
.package-card,
.recurring-tier-card,
.addon-card,
.faq-item,
.who-card{
  background:linear-gradient(180deg,rgba(7,18,37,.96),rgba(7,18,37,.86)) !important;
  border-color:rgba(169,186,210,.12) !important;
  box-shadow:0 16px 44px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.035) !important;
}

/* Reduce cyan everywhere except CTA, pricing, recommended, and key highlights */
.eyebrow,
.badge,
.timeline-badge,
.service-note,
.best-value-callout,
.tier-mini-callout{
  background:rgba(169,186,210,.055) !important;
  border-color:rgba(169,186,210,.14) !important;
  color:#C7D3E5 !important;
}

.nav-links a{
  color:#DCEBFF !important;
}
.nav-links a:hover{
  color:var(--cyan) !important;
}

/* CTA buttons become the brightest cyan element */
.btn-primary{
  background:linear-gradient(135deg,var(--cyan),var(--blue)) !important;
  color:#fff !important;
  box-shadow:0 14px 34px rgba(0,217,255,.18) !important;
}
.hero .btn-primary{
  box-shadow:0 18px 44px rgba(0,217,255,.24) !important;
}

/* Pricing remains cyan for clarity */
.price,
.tier-price,
.price-small{
  color:var(--cyan) !important;
}

/* Standard Website + Standard Support = cyan recommended offer */
.package-card.popular,
.standard-support-card{
  border-color:rgba(0,217,255,.58) !important;
  outline:2px solid rgba(0,217,255,.36) !important;
  background:
    radial-gradient(circle at 50% -12%, rgba(0,217,255,.10), transparent 42%),
    linear-gradient(180deg,rgba(7,18,37,.98),rgba(7,18,37,.88)) !important;
  box-shadow:0 22px 58px rgba(0,217,255,.10), 0 16px 46px rgba(0,0,0,.32) !important;
}
.package-card.popular .badge,
.standard-support-card .badge,
.package-card.popular:after{
  background:linear-gradient(135deg,var(--cyan),var(--blue)) !important;
  color:#fff !important;
  border-color:rgba(0,217,255,.38) !important;
}

/* Purple reserved for premium offerings only */
.package-card:nth-child(3),
.premium-support-card{
  border-color:rgba(124,60,255,.40) !important;
  outline:1px solid rgba(124,60,255,.14) !important;
}
.package-card:nth-child(3) .badge,
.package-card:nth-child(3) .timeline-badge,
.premium-support-card .badge,
.premium-support-card .tier-mini-callout{
  background:rgba(124,60,255,.10) !important;
  color:#D8CCFF !important;
  border-color:rgba(124,60,255,.28) !important;
}
.bundle-support-section .eyebrow,
.bundle-price-grid div:nth-child(2),
.bundle-price-grid div:nth-child(3){
  border-color:rgba(124,60,255,.28) !important;
  background:rgba(124,60,255,.06) !important;
}
.bundle-price-grid div:nth-child(2) strong,
.bundle-price-grid div:nth-child(3) strong{
  color:#D8CCFF !important;
}

/* Muted accents instead of cyan-heavy borders */
.package-guidance,
.package-disclaimer,
.notice,
.tier-limit-note,
.privacy-note,
.contact-trust-grid div,
.policy-meta,
.policy-note{
  background:rgba(169,186,210,.045) !important;
  border-color:rgba(169,186,210,.12) !important;
  color:var(--muted) !important;
}

/* Keep features clean; only checkmarks use cyan */
.features li:before{
  color:var(--cyan) !important;
}

/* Hero: cleaner, less glow, CTA stands out */
.hero{
  background:
    radial-gradient(circle at 50% 0%, rgba(38,103,255,.13), transparent 42%),
    linear-gradient(180deg,var(--bg),rgba(2,7,19,.96)) !important;
}
.hero h1{
  margin-bottom:1.25rem !important;
}
.hero .lead{
  margin-bottom:1.55rem !important;
}

/* Footer separation */
.footer{
  background:var(--footer) !important;
  border-top:1px solid rgba(169,186,210,.10) !important;
}

/* Logo size in the premium layout */
.brand-logo{
  width:270px !important;
  height:82px !important;
  max-width:270px !important;
}
.footer .brand-logo,
.footer-brand-wrap .brand-logo{
  width:285px !important;
  height:86px !important;
  max-width:285px !important;
}

/* Inputs refined */
input,
select,
textarea{
  background:rgba(7,18,37,.88) !important;
  border-color:rgba(169,186,210,.16) !important;
}
input:focus,
select:focus,
textarea:focus{
  border-color:rgba(0,217,255,.42) !important;
  outline:2px solid rgba(0,217,255,.24) !important;
}

/* Mobile spacing */
@media(max-width:900px){
  .hero{
    padding-top:5rem !important;
    padding-bottom:4.4rem !important;
  }
  .section{
    padding-top:4.25rem !important;
    padding-bottom:4.25rem !important;
  }
  .section-heading,
  .section-title{
    margin-bottom:1.55rem !important;
  }
}


/* Updated top announcement banner */
.promo{
  font-size:.92rem !important;
  letter-spacing:.01em !important;
  line-height:1.45 !important;
  padding:.72rem 1rem !important;
  background:linear-gradient(90deg,rgba(0,217,255,.10),rgba(38,103,255,.07),rgba(0,217,255,.08)) !important;
  color:#EAF8FF !important;
  font-weight:850 !important;
  white-space:normal !important;
}
@media(max-width:700px){
  .promo{
    font-size:.82rem !important;
    padding:.65rem .85rem !important;
  }
}


/* Final simplified top banner */
.promo{
  text-align:center !important;
  font-size:.92rem !important;
  font-weight:850 !important;
  letter-spacing:.01em !important;
  line-height:1.4 !important;
  padding:.68rem 1rem !important;
  color:#EAF8FF !important;
}
@media(max-width:700px){
  .promo{
    font-size:.82rem !important;
    padding:.62rem .85rem !important;
  }
}


/* Named testimonials section */
.testimonials-section{
  position:relative;
}
.testimonials-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1rem;
}
.testimonial-card{
  min-height:270px;
  display:flex;
  flex-direction:column;
}
.testimonial-card .stars{
  font-size:1.05rem;
  margin-bottom:.85rem;
  letter-spacing:.04em;
}
.testimonial-card h3{
  margin-bottom:.75rem;
  color:#fff;
}
.testimonial-card p{
  color:var(--muted);
  line-height:1.7;
  margin-bottom:1rem;
}
.testimonial-card strong{
  margin-top:auto;
  color:#cfe8ff;
}
@media(max-width:1150px){
  .testimonials-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:700px){
  .testimonials-grid{
    grid-template-columns:1fr;
  }
}


/* Recent Website Project / Portfolio */
.portfolio-feature-card{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:1.35rem;
  align-items:center;
  padding:1rem !important;
}
.portfolio-image-wrap{
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(0,217,255,.16);
  background:#071225;
}
.portfolio-image{
  width:100%;
  height:100%;
  min-height:360px;
  object-fit:cover;
  object-position:top center;
  display:block;
}
.portfolio-content{
  padding:1rem;
}
.portfolio-content h3{
  font-size:clamp(2rem,4vw,3.2rem);
  margin:.75rem 0 .7rem;
}
.portfolio-services{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin:1.1rem 0;
}
.portfolio-services span{
  border:1px solid rgba(0,217,255,.18);
  background:rgba(0,217,255,.055);
  color:#cfe8ff;
  border-radius:999px;
  padding:.45rem .7rem;
  font-weight:850;
  font-size:.82rem;
}
.portfolio-client{
  margin-top:.5rem;
}
@media(max-width:900px){
  .portfolio-feature-card{
    grid-template-columns:1fr;
  }
  .portfolio-image{
    min-height:260px;
  }
}


/* Hero trust metrics */
.hero-trust-metrics{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:.75rem;
  margin:1.35rem auto 0;
  max-width:980px;
}
.hero-trust-metrics span{
  border:1px solid rgba(0,217,255,.18);
  background:rgba(7,18,37,.72);
  color:#dcecff;
  border-radius:999px;
  padding:.58rem .85rem;
  font-size:.88rem;
  font-weight:850;
  line-height:1;
}

/* Floating request quote button */
.floating-quote-btn{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:9999;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  padding:.9rem 1.15rem;
  border-radius:999px;
  background:linear-gradient(135deg,#00D9FF,#2667FF);
  color:#fff;
  font-weight:1000;
  font-size:.95rem;
  box-shadow:0 18px 44px rgba(0,217,255,.22), 0 10px 32px rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.12);
  transition:transform .2s ease, box-shadow .2s ease;
}
.floating-quote-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 54px rgba(0,217,255,.28), 0 12px 36px rgba(0,0,0,.42);
}
.floating-quote-btn:after{
  content:"→";
  font-size:1.1rem;
  line-height:1;
}
@media(max-width:700px){
  .hero-trust-metrics{
    gap:.55rem;
    margin-top:1.1rem;
  }
  .hero-trust-metrics span{
    width:100%;
    max-width:320px;
    text-align:center;
  }
  .floating-quote-btn{
    right:14px;
    bottom:14px;
    padding:.82rem 1rem;
    font-size:.88rem;
  }
}


/* Remove arrow from floating Contact Us button */
.floating-quote-btn:after{
  content:none !important;
  display:none !important;
}
.floating-quote-btn{
  gap:0 !important;
}


/* Portfolio page + homepage portfolio flow */
.portfolio-preview-card,
.portfolio-feature-card{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:1.35rem;
  align-items:center;
  padding:1rem !important;
}
.portfolio-image-wrap{
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(169,186,210,.13);
  background:#071225;
}
.portfolio-image{
  width:100%;
  height:100%;
  min-height:340px;
  object-fit:cover;
  object-position:top center;
  display:block;
}
.portfolio-content{
  padding:1rem;
}
.portfolio-content h3{
  font-size:clamp(2rem,4vw,3.2rem);
  margin:.75rem 0 .7rem;
}
.portfolio-services{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin:1.1rem 0;
}
.portfolio-services span{
  border:1px solid rgba(169,186,210,.14);
  background:rgba(169,186,210,.045);
  color:#dcecff;
  border-radius:999px;
  padding:.45rem .7rem;
  font-weight:850;
  font-size:.82rem;
}
.portfolio-hero{
  padding-top:5.8rem !important;
  padding-bottom:4.8rem !important;
}
.portfolio-page-card .portfolio-image{
  min-height:520px;
}
.portfolio-coming-grid .card{
  min-height:180px;
}
@media(max-width:900px){
  .portfolio-preview-card,
  .portfolio-feature-card{
    grid-template-columns:1fr;
  }
  .portfolio-image,
  .portfolio-page-card .portfolio-image{
    min-height:260px;
  }
}


/* FINAL MERGED CLEAN VERSION */

/* FAQ dropdown / collapse accordion */
.faq-grid{
  max-width:900px !important;
  margin:0 auto !important;
  display:grid !important;
  gap:.7rem !important;
}
.faq-item{
  border:1px solid rgba(169,186,210,.14) !important;
  background:linear-gradient(180deg,rgba(7,18,37,.96),rgba(7,18,37,.86)) !important;
  border-radius:16px !important;
  overflow:hidden !important;
  padding:0 !important;
  box-shadow:0 12px 34px rgba(0,0,0,.24) !important;
}
.faq-item summary{
  list-style:none !important;
  cursor:pointer !important;
  padding:1rem 1.1rem !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:1rem !important;
  color:#fff !important;
  font-weight:900 !important;
  line-height:1.35 !important;
}
.faq-item summary::-webkit-details-marker{
  display:none !important;
}
.faq-item summary strong{
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(0,217,255,.20) !important;
  background:rgba(0,217,255,.07) !important;
  color:#00D9FF !important;
  font-size:1.05rem !important;
  transition:transform .2s ease !important;
}
.faq-item[open] summary strong{
  transform:rotate(45deg) !important;
}
.faq-item p{
  display:block !important;
  padding:0 1.1rem 1.05rem !important;
  margin:0 !important;
  color:var(--muted) !important;
  line-height:1.65 !important;
}
.faq-item:not([open]) p{
  display:none !important;
}

/* Hero trust metrics */
.hero-trust-metrics{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:.75rem;
  margin:1.35rem auto 0;
  max-width:980px;
}
.hero-trust-metrics span{
  border:1px solid rgba(0,217,255,.18);
  background:rgba(7,18,37,.72);
  color:#dcecff;
  border-radius:999px;
  padding:.58rem .85rem;
  font-size:.88rem;
  font-weight:850;
  line-height:1;
}

/* Floating Contact Us button */
.floating-quote-btn{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:9999;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.9rem 1.15rem;
  border-radius:999px;
  background:linear-gradient(135deg,#00D9FF,#2667FF);
  color:#fff;
  font-weight:1000;
  font-size:.95rem;
  box-shadow:0 18px 44px rgba(0,217,255,.22), 0 10px 32px rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.12);
  transition:transform .2s ease, box-shadow .2s ease;
}
.floating-quote-btn:hover{
  transform:translateY(-2px);
}
.floating-quote-btn:after{
  content:none !important;
  display:none !important;
}

/* Portfolio image fix: show the full screenshot, no cropping */
.portfolio-image-wrap{
  background:#071225 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:.75rem !important;
}
.portfolio-image{
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  min-height:0 !important;
  object-fit:contain !important;
  object-position:center top !important;
  display:block !important;
  border-radius:16px !important;
}
.portfolio-page-card .portfolio-image{
  min-height:0 !important;
  max-height:none !important;
}

/* Mobile optimization */
@media(max-width:900px){
  .promo{
    font-size:.78rem !important;
    line-height:1.35 !important;
    padding:.55rem .75rem !important;
  }
  .nav-inner{
    min-height:auto !important;
    padding:.75rem 0 !important;
    gap:.65rem !important;
  }
  .nav-links{
    gap:.55rem !important;
    font-size:.82rem !important;
    line-height:1.2 !important;
  }
  .nav-links a{
    font-size:.82rem !important;
  }
  .hero{
    padding-top:3.4rem !important;
    padding-bottom:3.2rem !important;
  }
  .hero h1{
    font-size:clamp(2.15rem,11vw,3.4rem) !important;
    line-height:1.02 !important;
  }
  .lead{
    font-size:1rem !important;
  }
  .hero-trust-metrics{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:.55rem !important;
    margin-top:1rem !important;
  }
  .hero-trust-metrics span{
    width:100% !important;
    max-width:100% !important;
    padding:.7rem .85rem !important;
    font-size:.86rem !important;
    text-align:center !important;
  }
  .section{
    padding-top:3.1rem !important;
    padding-bottom:3.1rem !important;
  }
  .section-heading,
  .section-title{
    margin-bottom:1.25rem !important;
    text-align:left !important;
  }
  .package-grid,
  .recurring-tier-grid,
  .aligned-grid,
  .testimonials-grid,
  .addons-grid,
  .who-grid,
  .process-strip,
  .quote-steps-grid,
  .portfolio-preview-card,
  .portfolio-feature-card{
    grid-template-columns:1fr !important;
    gap:.85rem !important;
  }
  .form-grid{
    grid-template-columns:1fr !important;
  }
  input,
  select,
  textarea{
    font-size:16px !important;
  }
  .floating-quote-btn{
    right:12px !important;
    bottom:12px !important;
    padding:.72rem .9rem !important;
    font-size:.82rem !important;
  }
}


/* Final trust, process, and conversion updates */
.hero-social-proof{
  margin:.85rem auto 0;
  color:#dcecff;
  font-weight:900;
  letter-spacing:.01em;
}

.why-metrics-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
}
.why-metric-card{
  min-height:210px;
}
.why-metric-card span{
  width:36px;
  height:36px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,217,255,.08);
  border:1px solid rgba(0,217,255,.18);
  color:#00D9FF;
  font-weight:1000;
  margin-bottom:1rem;
}
.why-metric-card h3{
  margin-bottom:.65rem;
}

.process-timeline-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:1rem;
}
.process-timeline-card{
  min-height:230px;
}
.process-timeline-card span{
  width:42px;
  height:42px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#00D9FF,#2667FF);
  color:#fff;
  font-weight:1000;
  margin-bottom:1rem;
}
.process-timeline-card h3{
  margin-bottom:.65rem;
}

.footer strong{
  color:#fff;
}

@media(max-width:1150px){
  .process-timeline-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .why-metrics-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:700px){
  .process-timeline-grid,
  .why-metrics-grid{
    grid-template-columns:1fr;
  }
  .process-timeline-card,
  .why-metric-card{
    min-height:auto;
  }
}


/* Final navigation flow refinement */
.nav-links{
  gap:1.05rem !important;
  align-items:center !important;
}
.nav-links a{
  padding:.45rem .2rem !important;
  white-space:nowrap !important;
}
.nav-links a:hover{
  color:#00D9FF !important;
}
@media(max-width:900px){
  .nav-links{
    justify-content:center !important;
    gap:.48rem .72rem !important;
    row-gap:.42rem !important;
  }
  .nav-links a{
    font-size:.82rem !important;
    padding:.32rem .1rem !important;
  }
}


/* Free Website Review lead magnet */
.free-review-card{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:1.25rem;
  align-items:center;
  border-color:rgba(0,217,255,.26) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(0,217,255,.10), transparent 38%),
    linear-gradient(180deg,rgba(7,18,37,.98),rgba(7,18,37,.88)) !important;
}
.free-review-content h2{
  margin:.75rem 0 .85rem;
}
.free-review-points{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin-top:1.1rem;
}
.free-review-points span{
  border:1px solid rgba(0,217,255,.18);
  background:rgba(0,217,255,.055);
  color:#dcecff;
  border-radius:999px;
  padding:.48rem .72rem;
  font-weight:850;
  font-size:.84rem;
}
.free-review-action{
  border:1px solid rgba(169,186,210,.13);
  background:rgba(169,186,210,.045);
  border-radius:22px;
  padding:1.15rem;
}
.free-review-action .btn{
  margin-top:1rem;
  width:100%;
}
@media(max-width:900px){
  .free-review-card{
    grid-template-columns:1fr;
  }
}


/* Final conversion flow update */
.promo{
  text-align:center !important;
  font-size:.88rem !important;
  font-weight:850 !important;
  letter-spacing:.01em !important;
  padding:.62rem 1rem !important;
}

/* Why Pixera merged services */
.why-metrics-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
}
.why-metric-card{
  min-height:210px;
}
.why-metric-card span{
  width:36px;
  height:36px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,217,255,.08);
  border:1px solid rgba(0,217,255,.18);
  color:#00D9FF;
  font-weight:1000;
  margin-bottom:1rem;
}
.why-metric-card h3{
  margin-bottom:.65rem;
}
.what-we-help-card{
  margin-top:1rem;
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:1rem;
  align-items:center;
}
.help-tags{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
}
.help-tags span{
  border:1px solid rgba(169,186,210,.14);
  background:rgba(169,186,210,.045);
  color:#dcecff;
  border-radius:999px;
  padding:.5rem .75rem;
  font-weight:850;
  font-size:.85rem;
}

/* Trust statement after portfolio */
.trust-statement-card{
  text-align:center;
  max-width:980px;
  margin:0 auto;
  border-color:rgba(0,217,255,.22) !important;
}
.trust-statement-card h2{
  margin:.6rem 0;
}

@media(max-width:1150px){
  .why-metrics-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:900px){
  .why-metrics-grid,
  .what-we-help-card{
    grid-template-columns:1fr;
  }
  .why-metric-card{
    min-height:auto;
  }
  .trust-statement-card{
    text-align:left;
  }
}


/* Requested homepage conversion flow preview */
.promo{
  text-align:center !important;
  font-size:.88rem !important;
  font-weight:850 !important;
  letter-spacing:.01em !important;
  padding:.62rem 1rem !important;
}

/* Why Pixera merged services */
.why-metrics-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
}
.why-metric-card{
  min-height:210px;
}
.why-metric-card span{
  width:36px;
  height:36px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,217,255,.08);
  border:1px solid rgba(0,217,255,.18);
  color:#00D9FF;
  font-weight:1000;
  margin-bottom:1rem;
}
.why-metric-card h3{
  margin-bottom:.65rem;
}
.what-we-help-card{
  margin-top:1rem;
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:1rem;
  align-items:center;
}
.help-tags{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
}
.help-tags span{
  border:1px solid rgba(169,186,210,.14);
  background:rgba(169,186,210,.045);
  color:#dcecff;
  border-radius:999px;
  padding:.5rem .75rem;
  font-weight:850;
  font-size:.85rem;
}

/* Trust statement after portfolio */
.trust-statement-card{
  text-align:center;
  max-width:980px;
  margin:0 auto;
  border-color:rgba(0,217,255,.22) !important;
}
.trust-statement-card h2{
  margin:.6rem 0;
}

/* Portfolio screenshot full visibility */
.portfolio-image-wrap{
  background:#071225 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:.75rem !important;
}
.portfolio-image{
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  object-fit:contain !important;
  object-position:center top !important;
  border-radius:16px !important;
}

@media(max-width:1150px){
  .why-metrics-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:900px){
  .why-metrics-grid,
  .what-we-help-card{
    grid-template-columns:1fr;
  }
  .why-metric-card{
    min-height:auto;
  }
  .trust-statement-card{
    text-align:left;
  }
}


/* Improved Pixera banner color */
.promo{
  background:
    linear-gradient(
      90deg,
      rgba(38,103,255,.42),
      rgba(0,217,255,.30),
      rgba(38,103,255,.42)
    ) !important;
  border-bottom:1px solid rgba(0,217,255,.28) !important;
  color:#FFFFFF !important;
  text-align:center !important;
  font-weight:900 !important;
  letter-spacing:.015em !important;
  box-shadow:0 8px 26px rgba(0,217,255,.08) !important;
}

/* Canada SEO expansion pages */
.seo-hero{
  padding-top:5rem !important;
  padding-bottom:4.2rem !important;
}
.seo-page-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:1rem;
}
.seo-main-card,
.seo-list-card{
  min-height:320px;
}
@media(max-width:900px){
  .seo-page-grid{
    grid-template-columns:1fr;
  }
  .seo-main-card,
  .seo-list-card{
    min-height:auto;
  }
}


/* Improved unique SEO pages */
.seo-intro-grid{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:1rem;
}
.seo-detail-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
}
.seo-search-tags{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin-top:1rem;
}
.seo-search-tags span{
  border:1px solid rgba(0,217,255,.16);
  background:rgba(0,217,255,.055);
  color:#dcecff;
  border-radius:999px;
  padding:.45rem .72rem;
  font-size:.82rem;
  font-weight:850;
}
.seo-detail-card{
  min-height:270px;
}
@media(max-width:1000px){
  .seo-detail-grid{
    grid-template-columns:1fr;
  }
  .seo-intro-grid{
    grid-template-columns:1fr;
  }
  .seo-detail-card{
    min-height:auto;
  }
}


/* Prevent white overscroll/bounce background at top and bottom */
html,
body{
  background:#020713 !important;
  min-height:100% !important;
  overscroll-behavior-y:none !important;
}

body{
  overflow-x:hidden !important;
}

/* Helps mobile browsers keep the dark Pixera color during pull/bounce */
:root{
  background:#020713 !important;
}

@supports (-webkit-touch-callout: none){
  html,
  body{
    background:#020713 !important;
  }
}

/* Make the page always paint dark behind all content */
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-9999;
  background:#020713;
  pointer-events:none;
}


/* FINAL HEADER ALIGNMENT FIX - logo spacing from menu */
.nav-inner{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:3rem !important;
  position:relative !important;
  min-height:105px !important;
}

.nav-inner > a:first-child{
  position:static !important;
  flex:0 0 auto !important;
  margin-right:2.25rem !important;
}

.brand-logo{
  width:250px !important;
  height:76px !important;
  max-width:250px !important;
  object-fit:contain !important;
  flex-shrink:0 !important;
}

.nav-links{
  position:static !important;
  transform:none !important;
  margin-left:auto !important;
  width:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:1rem !important;
  flex-wrap:wrap !important;
  text-align:right !important;
}

.nav-links a{
  white-space:nowrap !important;
  padding:.45rem .18rem !important;
}

@media(max-width:1100px){
  .nav-inner{
    gap:1.5rem !important;
  }

  .nav-inner > a:first-child{
    margin-right:1rem !important;
  }

  .brand-logo{
    width:220px !important;
    height:68px !important;
    max-width:220px !important;
  }

  .nav-links{
    gap:.7rem !important;
  }

  .nav-links a{
    font-size:.82rem !important;
  }
}

@media(max-width:900px){
  .nav-inner{
    flex-direction:column !important;
    justify-content:center !important;
    gap:.65rem !important;
    padding:.75rem 0 !important;
    min-height:auto !important;
  }

  .nav-inner > a:first-child{
    margin-right:0 !important;
  }

  .brand-logo{
    width:225px !important;
    height:68px !important;
    max-width:225px !important;
  }

  .nav-links{
    margin-left:0 !important;
    justify-content:center !important;
    text-align:center !important;
    width:100% !important;
    gap:.48rem .72rem !important;
  }

  .nav-links a{
    font-size:.82rem !important;
    padding:.32rem .1rem !important;
  }
}


/* FINAL MENU POSITION TWEAK - move menu slightly left toward logo */
@media(min-width:901px){
  .nav-inner{
    gap:1.5rem !important;
  }

  .nav-inner > a:first-child{
    margin-right:.75rem !important;
  }

  .nav-links{
    margin-left:1rem !important;
    margin-right:auto !important;
    justify-content:flex-start !important;
    text-align:left !important;
    transform:translateX(-18px) !important;
  }
}

@media(min-width:1200px){
  .nav-links{
    transform:translateX(-28px) !important;
  }
}