.elementor-43945 .elementor-element.elementor-element-406b56c1{--display:flex;}/* Start custom CSS *//* ROUND SMM-1 : light theme to match AI Front Desk Suite */
/* ---- HERO: dark navy -> light white with gray-square banner grid ---- */
.nych-hero.nych-hero{background:#ffffff!important;color:#0F172A!important;padding-top:40px!important;padding-bottom:64px!important;overflow:hidden}
/* kill any duplicate grid ::before layer */
.nych-hero.nych-hero::before{background:none!important;background-image:none!important;content:none!important;display:none!important}
/* grid-bg -> gray square banner tiles, no fade mask, matching onsite/FD */
.nych-hero .nych-hero__grid-bg,.nych-hero__grid-bg{
  -webkit-mask-image:none!important;mask-image:none!important;-webkit-mask:none!important;mask:none!important;
  position:absolute!important;inset:0!important;height:100%!important;width:100%!important;
  background-color:transparent!important;
  background-image:url("https://newyorkcomputerhelp.com/wp-content/uploads/2026/05/background-image-banner.jpg")!important;
  background-repeat:repeat!important;background-size:auto!important;background-position:0 0!important;
  opacity:.09!important;z-index:0!important;pointer-events:none!important}
/* keep hero inner content above grid */
.nych-hero .wrap,.nych-hero .nych-hero__inner,.nych-hero > .container,.nych-hero > *:not(.nych-hero__grid-bg){position:relative;z-index:1}
/* HERO TEXT -> dark on light */
.nych-hero h1,.nych-sm .nych-hero h1,.nych-sm .nych-hero h1 *{color:#0F172A!important}
.nych-hero h1 .hl,.nych-sm .nych-hero h1 .hl{color:#00A7FF!important}
.nych-hero .sub,.nych-sm .nych-hero .sub{color:#475569!important}
.nych-hero .checks .chk,.nych-hero .checks span,.nych-sm .nych-hero .checks span{color:#334155!important}
/* EYEBROW pill -> light gradient like FD */
.nych-hero .eyebrow,.nych-sm .nych-hero .eyebrow{
  background:linear-gradient(135deg,#EEF2FF,#E0F6FF)!important;
  border:1px solid rgba(0,167,255,.3)!important;color:#0284C7!important}
/* ghost button on light hero -> readable */
.nych-hero .nych-btn.ghost{color:#0F172A!important;border:1.5px solid rgba(15,23,42,.22)!important;background:transparent!important}
.nych-hero .nych-btn.ghost *{color:#0F172A!important}
/* primary btn: match FD indigo->blue gradient */
.nych-btn:not(.ghost){background:linear-gradient(135deg,#6366f1 0%,#00A7FF 100%)!important;box-shadow:0 10px 26px -8px rgba(0,167,255,.5),inset 0 1px 0 rgba(255,255,255,.25)!important}
/* ---- FINAL CTA: dark navy -> light ---- */
.nych-final.nych-final{background:linear-gradient(135deg,#EEF2FF,#E0F6FF)!important;color:#0F172A!important}
.nych-final h2,.nych-sm .nych-final h2{color:#0F172A!important}
.nych-final p,.nych-sm .nych-final p{color:#475569!important}

/* SMM-1b: higher-specificity text overrides */
body .nych-sm .nych-hero h1,body .nych-sm .nych-hero h1 *{color:#0F172A!important}
body .nych-sm .nych-hero h1 .hl,body .nych-sm .nych-hero h1 .hl *{color:#00A7FF!important}
body .nych-sm .nych-hero .sub,body .nych-sm .nych-hero p.sub{color:#475569!important}
body .nych-sm .nych-hero .eyebrow{color:#0284C7!important}
body .nych-sm .nych-hero .checks .chk,body .nych-sm .nych-hero .checks span{color:#334155!important}
/* END ROUND SMM-1 */
/* ROUND SMM-2 : section backgrounds + purple accents + tile icons to match Front Desk */
/* 1) remove top blue strip: white page/body background */
body.page{background:#ffffff!important}
body.wp-singular{background:#ffffff!important}
.ast-container,.site-content,#content{background:transparent!important}
/* 2) SECTION BACKGROUNDS mapped to Front Desk counterparts */
/* pricing 'Choose your growth plan' -> white (was light blue) */
.nych-sm .nych-sec.nych-sec:not(.nych-why-sec):not(.nych-signintro){background:#ffffff!important;background-image:none!important}
/* generic section base white */
.nych-sm .nych-sec{background-color:#ffffff!important}
/* 'How it works' steps section -> lavender gradient */
.nych-sm .nych-steps,.nych-sm .nych-sec:has(.nych-steps){background:linear-gradient(#ffffff 0%,#f7f6ff 34%,#f2f0fe 68%,#eef0ff 100%)!important}
/* 'Why did we start this' -> light purple glow (was dark navy) */
.nych-sm .nych-why-sec.nych-why-sec{background:radial-gradient(70% 90% at 100% 0%,rgba(139,92,246,.10) 0%,rgba(139,92,246,0) 55%),radial-gradient(70% 90% at 0% 100%,rgba(0,167,255,.08) 0%,rgba(0,167,255,0) 55%),linear-gradient(#eef0ff 0%,#f5f4ff 45%,#ffffff 100%)!important;color:#0F172A!important}
/* 'See it in action' showcase -> soft lavender */
.nych-sm .nych-sec.nych-showcase,.nych-sm .nych-sec:has(.nych-metrics),.nych-sm .nych-sec.nych-results{background:linear-gradient(#faf9ff 0%,#f1f0fe 100%)!important}
/* sign / approve intro -> lavender */
.nych-sm .nych-signintro.nych-signintro{background:linear-gradient(#faf9ff 0%,#f1f0fe 100%)!important}
/* SMM-2b: specific section targeting - specificity raised above broad :not rule */
body .nych-sm .nych-sec.nych-sec:not(.x):not(.y):has(.nych-steps){background:linear-gradient(#ffffff 0%,#f7f6ff 34%,#f2f0fe 68%,#eef0ff 100%)!important;background-color:transparent!important}
body .nych-sm .nych-sec.nych-sec:not(.x):not(.y):has(.nych-channels){background:linear-gradient(#faf9ff 0%,#f1f0fe 100%)!important;background-color:transparent!important}

/* END ROUND SMM-2 */

/* ROUND SMM-3 : tile icons -> Front Desk cell-ico style (rounded light-blue badge, left-aligned) */
/* left-align the feature tiles like FD */
.nych-sm .nych-strip .cell{text-align:left!important}
/* icon badge: 44x44 rounded square, light-blue bg, sits top-left above the header */
.nych-sm .nych-strip .cell .ic{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:44px!important;height:44px!important;border-radius:12px!important;
  background:#EFF8FF!important;color:#00A7FF!important;
  font-size:22px!important;line-height:1!important;margin:0 0 14px 0!important}
/* headers/text left aligned under the badge */
.nych-sm .nych-strip .cell h4{text-align:left!important}
.nych-sm .nych-strip .cell p{text-align:left!important}
/* purple accent on tier badges / step numbers to echo FD violet */
.nych-sm .nych-step .num,.nych-sm .nych-steps .num{background:linear-gradient(135deg,#8b5cf6,#6366f1)!important;color:#fff!important}
/* END ROUND SMM-3 */

/* ROUND SMM-2c : why-section text -> dark on light (was white on navy) */
body .nych-sm .nych-why-sec h2,body .nych-sm .nych-why-sec h2 *{color:#0F172A!important}
body .nych-sm .nych-why-sec h2 .hl{color:#00A7FF!important}
body .nych-sm .nych-why-sec p{color:#475569!important}
body .nych-sm .nych-why-sec .eyebrow,body .nych-sm .nych-why-sec .eyebrow2{color:#6366f1!important}
body .nych-sm .nych-why-sec .eyebrow2--solution{color:#22c55e!important}
/* problem/solution cards -> white with subtle indigo border like FD */
body .nych-sm .nych-why-sec .why-problem,body .nych-sm .nych-why-sec .why-solution,body .nych-sm .nych-why-sec [class*=problem],body .nych-sm .nych-why-sec [class*=solution]{background:rgba(255,255,255,.94)!important}
body .nych-sm .nych-why-sec .why-problem *,body .nych-sm .nych-why-sec .why-solution *{color:#475569}
body .nych-sm .nych-why-sec .why-problem h2,body .nych-sm .nych-why-sec .why-solution h2,body .nych-sm .nych-why-sec .why-problem h3,body .nych-sm .nych-why-sec .why-solution h3{color:#0F172A!important}
/* THE APPROACH / co-ai block text if dark-on-dark */
body .nych-sm .nych-why-sec .approach,body .nych-sm .nych-why-sec [class*=approach]{color:#0F172A!important}
/* END ROUND SMM-2c */

/* ROUND SMM-2d : force why-section title h2 dark (very high specificity) */
html body .nych-sm .nych-why-sec .wrap h2,html body .nych-sm .nych-why-sec > .wrap > h2,html body .nych-sm .nych-why-sec h2:not(.t1){color:#0F172A!important}
html body .nych-sm .nych-why-sec .wrap h2 .hl{color:#00A7FF!important}
/* keep the APPROACH term callout as its own blue panel with white text (intentional highlight) - ensure legible */
html body .nych-sm .nych-why-sec .nych-why-term .t1{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important}
html body .nych-sm .nych-why-sec .nych-why-term .t3,html body .nych-sm .nych-why-sec .nych-why-term p{color:#eaf2ff!important}
/* END ROUND SMM-2d */

/* ROUND SMM-2d : APPROACH term panel text -> dark (panel is light over lavender) */
/* give the term panel a slightly stronger tint so it reads as a card, with dark text like FD */
html body #nych-why .nych-why-term,html body .nych-sm .nych-why-sec .nych-why-term{background:linear-gradient(135deg,#EEF2FF,#E0F6FF)!important;border:1px solid rgba(99,102,241,.18)!important}
html body #nych-why .nych-why-term .t1,html body .nych-sm .nych-why-sec .nych-why-term .t1{color:#0F172A!important;-webkit-text-fill-color:#0F172A!important;background:none!important}
html body #nych-why .nych-why-term .t2,html body #nych-why .nych-why-term .t3,html body .nych-sm .nych-why-sec .nych-why-term p,html body .nych-sm .nych-why-sec .nych-why-term .t3{color:#475569!important}
/* END ROUND SMM-2d */

/* ROUND SMM-4 : icon to LEFT of header (grid layout) for steps + team tiles, like Front Desk */
/* ---- How it works steps ---- */
body .nych-sm .nych-steps .nych-step{
  display:grid!important;
  grid-template-columns:44px 1fr!important;
  grid-template-areas:'ico head' 'ico desc'!important;
  column-gap:14px!important;row-gap:4px!important;align-items:start!important;text-align:left!important}
body .nych-sm .nych-steps .nych-step .num,body .nych-sm .nych-steps .nych-step .icon,body .nych-sm .nych-steps .nych-step [class*=num]{
  grid-area:ico!important;grid-row:1 / span 2!important;margin:0!important;align-self:start!important}
body .nych-sm .nych-steps .nych-step h4{grid-area:head!important;margin:0 0 2px 0!important;text-align:left!important;align-self:center!important}
body .nych-sm .nych-steps .nych-step p{grid-area:desc!important;margin:0!important;text-align:left!important}
/* ---- full-time team tiles ---- */
body .nych-sm .nych-strip .cell{
  display:grid!important;
  grid-template-columns:44px 1fr!important;
  grid-template-areas:'ico head' 'ico desc'!important;
  column-gap:14px!important;row-gap:4px!important;align-items:start!important;text-align:left!important}
body .nych-sm .nych-strip .cell .ic{grid-area:ico!important;grid-row:1 / span 2!important;margin:0!important;align-self:start!important}
body .nych-sm .nych-strip .cell h4{grid-area:head!important;margin:0 0 2px 0!important;text-align:left!important;align-self:center!important}
body .nych-sm .nych-strip .cell p{grid-area:desc!important;margin:0!important;text-align:left!important}
/* END ROUND SMM-4 */

/* ROUND SMM-5 : bottom final CTA -> white like Front Desk with dark text */
body .nych-sm .nych-final.nych-final{background:#ffffff!important;background-image:none!important;color:#0F172A!important}
html body .nych-sm .nych-final h2,html body .nych-sm .nych-final h2 *{color:#0F172A!important}
html body .nych-sm .nych-final h2 .hl{color:#00A7FF!important}
html body .nych-sm .nych-final p,html body .nych-sm .nych-final .sub{color:#475569!important}
/* END ROUND SMM-5 */

/* ROUND SMM-6 : step icon size, eyebrow/approach colors, 1-line sentence, darker purple approve */
/* 1) shrink How-it-works step icons to fit 44px column (were 64px, overflowing onto text) */
body .nych-sm .nych-steps .nych-step .num,body .nych-sm .nych-steps .nych-step .icon,body .nych-sm .nych-steps .nych-step [class*=num]{
  width:44px!important;height:44px!important;min-width:44px!important;font-size:18px!important;flex:0 0 44px!important}
/* 2) OUR STORY eyebrow -> darker indigo (was light blue) */
html body .nych-sm .nych-why-sec .nych-eyebrow,html body .nych-sm .nych-why-sec .eyebrow{color:#6366f1!important;background:rgba(99,102,241,.10)!important;border-color:rgba(99,102,241,.30)!important}
/* 3) THE APPROACH term-badge -> darker indigo */
html body .nych-sm .nych-why-sec .nych-why-term .term-badge{color:#6366f1!important;background:rgba(99,102,241,.12)!important;border-color:rgba(99,102,241,.30)!important}
/* 4) 'Send us your location...' sentence on ONE line */
html body .nych-sm .nych-why-sec .nych-why-close{max-width:none!important;white-space:nowrap!important;font-size:14px!important;text-align:center!important}
/* 5) Approve & get started -> darker purple, full-bleed edge to edge */
body .nych-sm .nych-signintro.nych-signintro{background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 55%,#c4b5fd 100%)!important}
/* END ROUND SMM-6 */

/* ROUND SMM-7 : approve section TRUE full-bleed (all breakpoints) + mobile safe inner padding */
body .nych-sm .nych-signintro.nych-signintro{
  position:relative!important;
  left:50%!important;right:50%!important;
  margin-left:-50vw!important;margin-right:-50vw!important;
  width:100vw!important;max-width:100vw!important;
  background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 55%,#c4b5fd 100%)!important;
  box-sizing:border-box!important;
  overflow-x:hidden!important}
/* keep inner content constrained + comfortably padded on all sizes */
body .nych-sm .nych-signintro > .wrap,body .nych-sm .nych-signintro .wrap{
  max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;
  padding-left:24px!important;padding-right:24px!important;box-sizing:border-box!important}
/* mobile: a touch more breathing room + ensure heading/form fit */
@media(max-width:640px){
  body .nych-sm .nych-signintro.nych-signintro{padding-left:0!important;padding-right:0!important}
  body .nych-sm .nych-signintro > .wrap,body .nych-sm .nych-signintro .wrap{padding-left:18px!important;padding-right:18px!important}
}

/* SMM-7b overflow guard: prevent 100vw scrollbar overflow */
html,body{overflow-x:hidden!important}
body .nych-sm{overflow-x:clip}

/* SMM-7b overflow guard */
html{overflow-x:hidden!important}
body.page{overflow-x:hidden!important}
body{overflow-x:hidden!important}
/* END ROUND SMM-7 */

/* ROUND SMM-7 : approve full-bleed via calc (scrollbar-safe) + mobile padding */
body .nych-sm .nych-signintro.nych-signintro{
  position:relative!important;
  left:50%!important;right:auto!important;
  margin-left:calc(-50vw + 50%)!important;margin-right:calc(-50vw + 50%)!important;
  transform:translateX(-50%)!important;
  width:100vw!important;max-width:100vw!important;
  background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 55%,#c4b5fd 100%)!important;
  box-sizing:border-box!important}
/* simpler & scrollbar-safe fallback: since parents are not inset, also works with 100% */
body .nych-sm .nych-signintro > .wrap,body .nych-sm .nych-signintro .wrap{
  max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;
  padding-left:24px!important;padding-right:24px!important;box-sizing:border-box!important}
@media(max-width:640px){
  body .nych-sm .nych-signintro > .wrap,body .nych-sm .nych-signintro .wrap{padding-left:18px!important;padding-right:18px!important}
}
/* END ROUND SMM-7 *//* End custom CSS */