/*
 * NXT GEN WEB | Contextual animation palettes, November 2026
 * Color the DEMONSTRATED client or service experience, not NXT GEN WEB's
 * real green/charcoal identity. Retain all motion timings and reduced-motion rules.
 */

/* WEB DESIGN: "YOUR BRAND" is an independent fictional blue client identity.
   The navy/blue, lilac and coral desktop, mobile and identity swatches now match. */
body.page-id-168 .ngw27-motion__canvas-nav>strong i{border-color:#2563eb}
body.page-id-168 .ngw27-motion__canvas-eyebrow{color:#1d4ed8}
body.page-id-168 .ngw27-motion__canvas-copy>strong em{color:#1d4ed8}
body.page-id-168 .ngw27-motion__canvas-line{background:#cbdcf7}
body.page-id-168 .ngw27-motion__canvas-cta{background:#2563eb;color:#fff}
body.page-id-168 .ngw27-motion__canvas-art{background:linear-gradient(135deg,#dbeafe 0%,#93c5fd 53%,#dbeafe 100%)}
body.page-id-168 .ngw27-motion__art-orbit{border-color:#fb923c}
body.page-id-168 .ngw27-motion__art-orange{background:#7c3aed}
body.page-id-168 .ngw27-motion__art-arch{background:#2563eb}
body.page-id-168 .ngw27-motion__canvas-tiles{border-top-color:#dbeafe}
body.page-id-168 .ngw27-motion__canvas-tiles b{color:#1d4ed8}
body.page-id-168 .ngw27-motion__palette{border-color:#bfdbfe}
body.page-id-168 .ngw27-motion__palette-icon{background:#dbeafe;color:#1d4ed8}
body.page-id-168 .ngw27-motion__swatches i:nth-child(1){background:#1d4ed8}
body.page-id-168 .ngw27-motion__swatches i:nth-child(2){background:#60a5fa}
body.page-id-168 .ngw27-motion__swatches i:nth-child(3){background:#7c3aed}
body.page-id-168 .ngw27-motion__swatches i:nth-child(4){background:#fb923c}
body.page-id-168 .ngw27-motion__palette-check{background:#2563eb;color:#fff}
body.page-id-168 .ngw27-motion__phone-head b i{border-color:#2563eb}
body.page-id-168 .ngw27-motion__phone-art{background:linear-gradient(135deg,#2563eb,#818cf8)}
body.page-id-168 .ngw27-motion__phone-art i{border-color:#fb923c}
body.page-id-168 .ngw27-motion__phone-line{background:#cbdcf7}
body.page-id-168 .ngw27-motion__phone-cta{background:#2563eb}
body.page-id-168 .ngw27-motion__ready{background:#eff6ff;border-color:#93c5fd}
body.page-id-168 .ngw27-motion__ready-icon{background:#2563eb;color:#fff}
body.page-id-168 .ngw27-motion__ready>i{background:#3b82f6}
body.page-id-168 .ngw27-motion__code-row em{color:#67e8f9}
body.page-id-168 .ngw27-motion__code-row i:not(.ngw27-motion__caret){color:#c4b5fd}
body.page-id-168 .ngw27-motion__code-row strong{color:#fdba74}

/* SEO HERO: Google-inspired, four-color search journey.
   Color the demo, not the NXT GEN WEB logo, page headings, or green brand accents. */
.ngm-seo .nseo-motion{
  --seo-google-blue:#4285f4;
  --seo-google-red:#ea4335;
  --seo-google-yellow:#fbbc05;
  --seo-google-green:#34a853;
}
.ngm-seo .nseo-motion::before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;z-index:8;pointer-events:none;
  background:linear-gradient(90deg,#4285f4 0 25%,#ea4335 25% 50%,#fbbc05 50% 75%,#34a853 75% 100%);
}
.ngm-seo .nseo-motion__aurora{
  background:radial-gradient(circle at 83% 22%,#4285f436 0,transparent 33%),
  radial-gradient(circle at 17% 50%,#ea433519 0,transparent 35%),
  radial-gradient(circle at 78% 80%,#34a85329 0,transparent 37%),
  radial-gradient(circle at 40% 85%,#fbbc0515 0,transparent 42%);
}
.ngm-seo .nseo-motion__orbit::before{background:#4285f4;box-shadow:0 0 24px #4285f477}
.ngm-seo .nseo-motion__orbit--two::before{background:#ea4335;box-shadow:0 0 22px #ea433566}
.ngm-seo .nseo-motion__query{
  border:2px solid transparent;
  background:linear-gradient(#fff,#fff) padding-box,
             linear-gradient(105deg,#4285f4 0%,#ea4335 35%,#fbbc05 65%,#34a853 100%) border-box;
}
.ngm-seo .nseo-motion__query svg{color:var(--seo-google-blue)}
.ngm-seo .nseo-motion__caret{background:var(--seo-google-red)}
.ngm-seo .nseo-motion__search-go{background:var(--seo-google-blue);color:#fff;box-shadow:0 0 0 3px #4285f41c}
.ngm-seo .nseo-motion__path path{stroke:var(--seo-google-yellow)}
.ngm-seo .nseo-motion__result{border-color:#badcc6}
.ngm-seo .nseo-motion__result-flag{color:#17803e}
.ngm-seo .nseo-motion__result-stars{color:#d89d00}
.ngm-seo .nseo-motion__result-icon{background:#e8f0fe;color:#1a73e8}
.ngm-seo .nseo-motion__result-check{background:var(--seo-google-green);color:#fff}
.ngm-seo .nseo-motion__result-rule--a{
  background:linear-gradient(90deg,#4285f4 0 35%,#ea4335 35% 58%,#fbbc05 58% 81%,#34a853 81%);
}
.ngm-seo .nseo-motion__website{border-color:#f6c8c2}
.ngm-seo .nseo-motion__dots i:first-child{background:#ea4335}
.ngm-seo .nseo-motion__dots i:nth-child(2){background:#fbbc05}
.ngm-seo .nseo-motion__dots i:nth-child(3){background:#34a853}
.ngm-seo .nseo-motion__website-body{background:linear-gradient(120deg,#fff 48%,#edf3ff 100%)}
.ngm-seo .nseo-motion__website-mark i{background:#ea4335}
.ngm-seo .nseo-motion__website-mark i:nth-child(2){background:#fbbc05}
.ngm-seo .nseo-motion__website-line{background:#d6dfea}
.ngm-seo .nseo-motion__website-cta{background:var(--seo-google-blue);color:#fff;box-shadow:0 5px 12px #4285f43d}
.ngm-seo .nseo-motion__lead{background:#eaf6ee;border-color:#a8dbba}
.ngm-seo .nseo-motion__lead-symbol{background:var(--seo-google-green);color:#fff}
.ngm-seo .nseo-motion__lead-pulse{background:var(--seo-google-yellow)}

/* PPC: ad search and customer landing page use blue + amber; NXT GEN WEB's
   actual get-a-quote control retains the approved green. */
.ngm.ngm-ppc .ppcx__viewport{background:radial-gradient(circle at 76% 33%,#dbeafead,transparent 57%),#f8fbff}
.ngm.ngm-ppc .ppcx__scene-kicker{color:#1d4ed8}
.ngm.ngm-ppc .ppcx__tab.is-current{background:#e8f0fe;border-bottom-color:#1a73e8}
.ngm.ngm-ppc .ppcx__tab.is-current>span{background:#1a73e8;color:#fff}
.ngm.ngm-ppc .ppcx__search-orbit{border-color:#93c5fd}
.ngm.ngm-ppc .ppcx__search-icon{background:#1a73e8;color:#fff}
.ngm.ngm-ppc .ppcx__search-query{border-color:#bfdbfe}
.ngm.ngm-ppc .ppcx__mini-lens,.ngm.ngm-ppc .ppcx__query-arrow{color:#1a73e8}
.ngm.ngm-ppc .ppcx__result{border-color:#1a73e8}
.ngm.ngm-ppc .ppcx__sponsor{color:#2563eb}
.ngm.ngm-ppc .ppcx__result-bars i{background:#dbeafe}
.ngm.ngm-ppc .ppcx__result-bars i+i{background:#bfdbfe}
.ngm.ngm-ppc .ppcx__page-glow{background:#60a5fa55}
.ngm.ngm-ppc .ppcx__browser{box-shadow:11px 12px 0 #93c5fd85}
.ngm.ngm-ppc .ppcx__browser-dots i{background:#60a5fa}
.ngm.ngm-ppc .ppcx__browser-dots i:nth-child(2){background:#fbbf24}
.ngm.ngm-ppc .ppcx__browser-body{background:#f8fbff}
.ngm.ngm-ppc .ppcx__site-mark i{background:#2563eb}
.ngm.ngm-ppc .ppcx__site-mark i+i{background:#f59e0b}
.ngm.ngm-ppc .ppcx__site-copy>span{background:#dbeafe}
.ngm.ngm-ppc .ppcx__site-art{background:#dbeafe}
.ngm.ngm-ppc .ppcx__site-pill span{background:#fbbf24}
.ngm.ngm-ppc .ppcx__lead-ring{border-color:#93c5fd}
.ngm.ngm-ppc .ppcx__lead-envelope{background:#2563eb;color:#fff}
.ngm.ngm-ppc .ppcx__lead-card{border-color:#93c5fd}
.ngm.ngm-ppc .ppcx__lead-card>span:first-child,.ngm.ngm-ppc .ppcx__lead-row{color:#1d4ed8}
.ngm.ngm-ppc .ppcx__lead-dot{background:#2563eb}
.ngm.ngm-ppc .ppcx__lead-spark{color:#f59e0b}

/* FOUR SERVICE HEROES: contextual scene accents only. Real NXT GEN WEB
   logos, navigation and surrounding headings deliberately remain branded. */
.ng4m--social{--demo:#d9468f;--demo-bright:#f9a8d4;--demo-soft:#fdf2f8}
.ng4m--local{--demo:#1a73e8;--demo-bright:#93c5fd;--demo-soft:#eff6ff}
.ng4m--hosting{--demo:#0e7490;--demo-bright:#67e8f9;--demo-soft:#ecfeff}
.ng4m--ai{--demo:#7c3aed;--demo-bright:#c4b5fd;--demo-soft:#f5f3ff}
.ng4m[data-kind] .ng4m__scene-heading>span,.ng4m[data-kind] .ng4m__step>span{color:var(--demo-bright,#b5e66a)}
.ng4m[data-kind] .ng4m__step[aria-pressed=true] i:before{background:var(--demo,#84c041)}
.ng4m[data-kind] .ng4m__chart>span{background:linear-gradient(180deg,var(--demo-bright),var(--demo))}
.ng4m[data-kind] .ng4m__chart>span:nth-child(even){background:linear-gradient(180deg,#cbd5e1,#64748b)}
.ng4m[data-kind] .ng4m__mock-tail b{background:var(--demo);color:#fff}
.ng4m[data-kind] .ng4m__target-core{background:var(--demo-soft);color:var(--demo)}
.ng4m[data-kind] .ng4m__target-ring{border-color:var(--demo-bright);box-shadow:0 0 0 19px var(--demo-soft),0 0 0 20px var(--demo-bright)}

/* Instagram: warm magenta/coral and lilac; Facebook: recognizable blue. */
.ng4m--social .ng4s-avatar{background:linear-gradient(135deg,#d946ef,#fb7185);color:#fff}
.ng4m--social .ng4s-ig-art{background:linear-gradient(118deg,#f9a8d4 0%,#fdba74 57%,#f5d0fe 57%,#ede9fe 100%)}
.ng4m--social .ng4s-ig-art__shape{background:#6b21a8;color:#fff}
.ng4m--social .ng4s-ig-art__tag{background:#831843}
.ng4m--social .ng4s-fb-art{background:linear-gradient(125deg,#164eaa 0%,#1877f2 58%,#93c5fd 58% 100%)}
.ng4m--social .ng4s-fb-art em{color:#fff;text-decoration-color:#fbbf24}
.ng4m--social .ng4s-fb-circle{background:#dbeafe;color:#1d4ed8}
.ng4m--social .ng4s-fb-cta{background:#fff;color:#1456bc}
.ng4m--social .ng4m__target-core{background:#fce7f3;color:#be185d}

/* Google Business Profile: Google-inspired but not a fake account or rating. */
.ng4m--local .ng4m__local-search>span:last-child{background:#1a73e8;color:#fff}
.ng4m--local .ng4m__map-pin{background:#ea4335;color:#fff}
.ng4m--local .ng4m__profile-top>span{background:#1a73e8;color:#fff}
.ng4m--local .ng4m__profile li span{color:#188038}
.ng4m--local .ng4m__profile-links>span{background:#e8f0fe;color:#174ea6}
.ng4m--local .ng4m__trust>div{border-left-color:#4285f4}
.ng4m--local .ng4m__trust b{color:#f9ab00}
.ng4m--local .ng4m__chart>span:nth-child(even){background:linear-gradient(#81c995,#188038)}

/* Hosting: cool cyan/teal system indicators. */
.ng4m--hosting .ng4m__hosting-top b{background:#a5f3fc;color:#164e63}
.ng4m--hosting .ng4m__shield{background:#0891b2;color:#fff;border-color:#cffafe}
.ng4m--hosting .ng4m__update-list i{background:#0891b2;color:#fff}
.ng4m--hosting .ng4m__backup>div>span{color:#67e8f9}
.ng4m--hosting .ng4m__backup>i{background:#06b6d4}

/* AI: violets for the assistant and handoff; cyan as a secondary signal. */
.ng4m--ai .ng4m__chat-head>span{background:#7c3aed;color:#fff}
.ng4m--ai .ng4m__bubble--visitor{background:#312e81;color:#fff}
.ng4m--ai .ng4m__bubble--bot,.ng4m--ai .ng4m__typing{background:#ede9fe;color:#312e81}
.ng4m--ai .ng4m__typing i{background:#7c3aed}
.ng4m--ai .ng4m__chat-input span{background:#7c3aed;color:#fff}
.ng4m--ai .ng4m__lead-send{background:#7c3aed;color:#fff}
.ng4m--ai .ng4m__flow>div>span{background:#ddd6fe;color:#5b21b6}
.ng4m--ai .ng4m__flow>i{color:#7c3aed}

/* SECOND ANIMATED EXPERIENCES: each demo has an independent identity.
   Social creative is expressive, video is cinematic, hosting is technical,
   AI workflow is purple/cyan, and Google's local content studio is multicolor. */
.ngsx .ngsx-social-feature{background:linear-gradient(125deg,#f9a8d4,#f5d0fe 54%,#fdba74);color:#3b1749}
.ngsx .ngsx-social-feature strong em{color:#831843}
.ngsx .ngsx-social-steps>div:first-child{border-color:#be185d}
.ngsx .ngsx-video-stage .ngsx-moving-orb{background:#f97316;color:#fff;box-shadow:0 0 0 25px #fb923c25}
.ngsx .ngsx-video-stage .ngsx-frame-primary>strong em{color:#fbbf24}
.ngsx .ngsx-video-stage .ngsx-storyboard>div:nth-child(3){background:#f97316;color:#fff}
.ngsx .ngsx-hosting-stage .ngsx-care-title>span{background:#0891b2;color:#fff}
.ngsx .ngsx-hosting-stage .ngsx-care-list>div>span{color:#67e8f9}
.ngsx .ngsx-hosting-stage .ngsx-care-list b{border-color:#0e7490;color:#67e8f9}
.ngsx .ngsx-ai-stage--ops .ngsx-ops-display{background:linear-gradient(140deg,#faf5ff,#eef2ff)}
.ngsx .ngsx-ai-stage--ops .ngsx-ops-live{background:#ede9fe;border-color:#c4b5fd;color:#5b21b6}
.ngsx .ngsx-ai-stage--ops .ngsx-ops-live i{background:#7c3aed;box-shadow:0 0 0 3px #c4b5fd75}
.ngsx .ngsx-ai-stage--ops .ngsx-ops-day--picked{background:#ede9fe;box-shadow:inset 0 0 0 1px #a78bfa}
.ngsx .ngsx-ai-stage--ops .ngsx-ops-day--picked span,.ngsx .ngsx-ai-stage--ops .ngsx-ops-day--picked b{color:#5b21b6}
.ngsx .ngsx-ai-stage--ops .ngsx-ops-booking{background:#f5f3ff;border-color:#c4b5fd;border-left-color:#7c3aed}
.ngsx .ngsx-ai-stage--ops .ngsx-ops-booking-icon{background:#7c3aed;color:#fff}
.ngsx .ngsx-ai-stage--ops .ngsx-ops-log-item>b{background:#ede9fe;color:#6d28d9}
.ngsx .ngsx-ai-stage--ops .ngsx-ops-flow i{background:#c4b5fd}
.ngsx .ngsx-ai-stage--ops .ngsx-ops-flow i::after{background:#7c3aed;box-shadow:0 0 0 3px #c4b5fd80}

/* Google Business Profile content studio: actual illustrated storefront
   colors are not required to follow the agency's own identity. */
body.page-id-154 .ngsx .ngsx-ops-stage .ngsx-ops-stage__top>span i{background:#4285f4}
body.page-id-154 .ngsx .ngsx-ops-workspace:before{background:linear-gradient(90deg,#4285f4 0 25%,#ea4335 25% 50%,#fbbc05 50% 75%,#34a853 75%)}
body.page-id-154 .ngsx .ngsx-ops-store__sun{background:#fbbc0580;box-shadow:0 0 0 22px #fbbc0520,0 0 0 43px #fff6}
body.page-id-154 .ngsx .ngsx-ops-store__sign{background:#1e40af;color:#fff}
body.page-id-154 .ngsx .ngsx-ops-store__awning{background:repeating-linear-gradient(90deg,#1d4ed8 0 25px,#fff 25px 50px)}
body.page-id-154 .ngsx .ngsx-ops-store__tag span{color:#fbbf24}
body.page-id-154 .ngsx .ngsx-ops-thumbnails>span:first-child{background:linear-gradient(145deg,#60a5fa,#dbeafe)}
body.page-id-154 .ngsx .ngsx-ops-thumbnails>span:nth-child(3){background:linear-gradient(145deg,#fbbf24,#fef3c7)}
body.page-id-154 .ngsx .ngsx-ops-workspace__progress-bar span{background:linear-gradient(90deg,#4285f4,#34a853,#fbbc05)}
body.page-id-154 .ngsx .ngsx-ops-workspace__status>span{background:#34a853;box-shadow:0 0 0 4px #34a85320}

/* Shared CINEMATIC service animation, if used on a specific service page:
   change illustrated interface art per category without repainting the agency logo. */
.ncin--web{--nc-demo:#2563eb;--nc-soft:#dbeafe;--nc-pale:#eff6ff;--nc-ink:#1e40af}
.ncin--seo{--nc-demo:#0284c7;--nc-soft:#bae6fd;--nc-pale:#f0f9ff;--nc-ink:#075985}
.ncin--ppc{--nc-demo:#1a73e8;--nc-soft:#bfdbfe;--nc-pale:#eff6ff;--nc-ink:#174ea6}
.ncin--social{--nc-demo:#d9468f;--nc-soft:#fbcfe8;--nc-pale:#fdf2f8;--nc-ink:#9d174d}
.ncin--graphic,.ncin--logo{--nc-demo:#7c3aed;--nc-soft:#ddd6fe;--nc-pale:#faf5ff;--nc-ink:#5b21b6}
.ncin--video{--nc-demo:#ea580c;--nc-soft:#fed7aa;--nc-pale:#fff7ed;--nc-ink:#9a3412}
.ncin--hosting{--nc-demo:#0891b2;--nc-soft:#a5f3fc;--nc-pale:#ecfeff;--nc-ink:#155e75}
.ncin--automation{--nc-demo:#7c3aed;--nc-soft:#ddd6fe;--nc-pale:#f5f3ff;--nc-ink:#5b21b6}
.ncin[class*="ncin--"]:not(.ncin--service){background:linear-gradient(145deg,#fff 0%,var(--nc-pale) 58%,var(--nc-soft) 100%);border-color:var(--nc-soft);box-shadow:16px 18px 0 var(--nc-soft),0 24px 70px #151b131f}
.ncin[class*="ncin--"]:not(.ncin--service) .ncin__searchbox{border-color:var(--nc-soft)}
.ncin[class*="ncin--"]:not(.ncin--service) .ncin__magnify{border-color:var(--nc-demo)}
.ncin[class*="ncin--"]:not(.ncin--service) .ncin__magnify:after{background:var(--nc-demo)}
.ncin[class*="ncin--"]:not(.ncin--service) .ncin__cursor{background:var(--nc-demo)}
.ncin[class*="ncin--"]:not(.ncin--service) .ncin__searchbox>b{background:var(--nc-demo);color:#fff}
.ncin[class*="ncin--"]:not(.ncin--service) .ncin__brief,.ncin[class*="ncin--"]:not(.ncin--service) .ncin__search-matches>div{border-color:var(--nc-soft)}
.ncin[class*="ncin--"]:not(.ncin--service) .ncin__brief-icon,.ncin[class*="ncin--"]:not(.ncin--service) .ncin__search-matches>div>b{background:var(--nc-pale);color:var(--nc-ink)}
.ncin[class*="ncin--"]:not(.ncin--service) .ncin__brief-check{background:var(--nc-demo);color:#fff}
.ncin[class*="ncin--"]:not(.ncin--service) .ncin__workspace{border-color:var(--nc-soft)}
.ncin[class*="ncin--"]:not(.ncin--service) .ncin__workspace-badge{background:var(--nc-pale);color:var(--nc-ink)}
.ncin[class*="ncin--"]:not(.ncin--service) .ncin__workspace-nav i:first-child{background:var(--nc-demo)}
.ncin[class*="ncin--"]:not(.ncin--service) .ncin__workspace-button{background:var(--nc-demo);color:#fff}
.ncin[class*="ncin--"]:not(.ncin--service) .ncin__workspace-art{background:var(--nc-pale)}
.ncin[class*="ncin--"]:not(.ncin--service) .ncin__workspace-circle{background:var(--nc-soft);box-shadow:7px 7px 0 #0001}
.ncin[class*="ncin--"]:not(.ncin--service) .ncin__workspace-circle>span{color:var(--nc-ink)}
.ncin[class*="ncin--"]:not(.ncin--service) .ncin__network{background:radial-gradient(circle at center,var(--nc-soft),transparent 62%)}
.ncin[class*="ncin--"]:not(.ncin--service) .ncin__network-label{border-color:var(--nc-soft);color:var(--nc-ink)}
.ncin[class*="ncin--"]:not(.ncin--service) .ncin__network svg circle[fill="#84c041"]{fill:var(--nc-demo)}
.ncin[class*="ncin--"]:not(.ncin--service) .ncin__network svg circle[fill="#a6d66b"]{fill:var(--nc-soft)}
.ncin[class*="ncin--"]:not(.ncin--service) .ncin__outcome-burst>span{background:var(--nc-demo);color:#fff}
.ncin[class*="ncin--"]:not(.ncin--service) .ncin__outcome-ring{border-color:var(--nc-soft)}
.ncin[class*="ncin--"]:not(.ncin--service) .ncin__evidence>div>span{background:var(--nc-pale);color:var(--nc-ink)}

/* Video/animation service workflow: creative production gets film-like
   indigo/orange accents, with individual scene cards remaining diverse. */
.ng-animation .nga-process-motion{background:linear-gradient(145deg,#f8f5ff,#f8fafc 58%,#fff7ed);border-color:#ddd6fe}
.ng-animation .nga-process-motion__light{background:radial-gradient(circle,#c4b5fd88,transparent 72%)}
.ng-animation .nga-process-motion__top i{background:#7c3aed}
.ng-animation .nga-process-motion__idea{border-color:#ddd6fe}
.ng-animation .nga-process-motion__idea small{color:#6d28d9}
.ng-animation .nga-process-motion__frame{border-color:#c4b5fd}
.ng-animation .nga-process-motion__frame-label{color:#5b21b6}
.ng-animation .nga-process-motion__art i:first-child{background:linear-gradient(140deg,#fde68a,#fb923c)}
.ng-animation .nga-process-motion__art i:nth-child(2){background:linear-gradient(140deg,#c7d2fe,#818cf8)}
.ng-animation .nga-process-motion__art i:nth-child(3){background:linear-gradient(140deg,#a5f3fc,#22d3ee)}
.ng-animation .nga-process-motion__captions span{background:#e9d5ff}

/* Fictional Field & Form brand suite: editorial coastal navy, earthy teal,
   warm clay and honey. Avoid confusing the sample studio with NXT GEN WEB. */
.ngsx .ngsx-brand-stage .ngsx-brand-main{background:#f5efe5}
.ngsx .ngsx-brand-stage .ngsx-brand-mark{color:#e76f51}
.ngsx .ngsx-brand-stage .ngsx-brand-main strong{color:#264653}
.ngsx .ngsx-brand-stage .ngsx-brand-main strong i{color:#2a9d8f}
.ngsx .ngsx-brand-stage .ngsx-brand-card{background:#fffaf2}
.ngsx .ngsx-brand-stage .ngsx-brand-business{background:#264653}
.ngsx .ngsx-brand-stage .ngsx-brand-business>span{color:#e9c46a}
.ngsx .ngsx-brand-stage .ngsx-brand-business em{color:#e8f3ee}
.ngsx .ngsx-brand-stage .ngsx-brand-palette{background:#f6e9da}
.ngsx .ngsx-brand-stage .ngsx-swatches i:nth-child(1){background:#264653}
.ngsx .ngsx-brand-stage .ngsx-swatches i:nth-child(2){background:#2a9d8f}
.ngsx .ngsx-brand-stage .ngsx-swatches i:nth-child(3){background:#e76f51}
.ngsx .ngsx-brand-stage .ngsx-swatches i:nth-child(4){background:#e9c46a}
.ngsx .ngsx-brand-stage .ngsx-brand-palette strong{color:#264653}
.ngsx .ngsx-brand-stage .ngsx-brand-social{background:#e9c46a}
.ngsx .ngsx-brand-stage .ngsx-brand-social>strong{color:#264653}
.ngsx .ngsx-brand-stage .ngsx-brand-social>span{color:#264653}
.ngsx .ngsx-brand-stage .ngsx-brand-social:after{color:#ffffff60}

/* In SVG network scenes, dynamic journey colors also flow through the
   inline SVG paths and nodes, including PPC, SEO, design, video and AI. */
.ncin[class*="ncin--"]:not(.ncin--service) .ncin__network svg g[stroke="#acd783"]{stroke:var(--nc-demo)}
.ncin[class*="ncin--"]:not(.ncin--service) .ncin__network svg g[stroke="#80ba49"]{stroke:var(--nc-demo)}
.ncin[class*="ncin--"]:not(.ncin--service) .ncin__network svg g[fill="#84c041"]{fill:var(--nc-demo)}
.ncin[class*="ncin--"]:not(.ncin--service) .ncin__network svg circle[stroke="#84c041"]{stroke:var(--nc-demo)}

/* Revisions are visuals only: no animations are sped up, stopped, or retimed. */
/*
 * PPC PAGE ONLY | Google Ads-inspired four-color motion illustrations.
 * Use Google's familiar blue, red, yellow and green as balanced visual cues.
 * Leave NXT GEN WEB's real logos, headings, CTAs and motion timings unchanged.
 */
body.page-id-155 .ncin.ncin--ppc{
  --nc-demo:#4285f4;--nc-soft:#d2e3fc;--nc-pale:#f5f9ff;--nc-ink:#174ea6;
  background:radial-gradient(circle at 94% 10%,#fef7e0 0%,transparent 39%),
             radial-gradient(circle at 5% 89%,#e6f4ea 0%,transparent 43%),
             linear-gradient(145deg,#ffffff 0%,#f3f8ff 62%,#e8f0fe 100%);
  border-color:#c8d9f7;
  box-shadow:16px 18px 0 #d2e3fc99,0 24px 70px #151b131b;
}
body.page-id-155 .ncin.ncin--ppc .ncin__grain{
  background-image:linear-gradient(#4285f40b 1px,transparent 1px),linear-gradient(90deg,#4285f40b 1px,transparent 1px);
}
body.page-id-155 .ncin.ncin--ppc .ncin__scan{border-color:#fbbc0514}
body.page-id-155 .ncin.ncin--ppc .ncin__header::after{
  content:"";position:absolute;bottom:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,#4285f4 0 25%,#ea4335 25% 50%,#fbbc05 50% 75%,#34a853 75%);
}
body.page-id-155 .ncin.ncin--ppc .ncin__scene-tag{color:#174ea6}
body.page-id-155 .ncin.ncin--ppc .ncin__scene--two .ncin__scene-tag{color:#b3261e}
body.page-id-155 .ncin.ncin--ppc .ncin__scene--three .ncin__scene-tag{color:#976700}
body.page-id-155 .ncin.ncin--ppc .ncin__scene--four .ncin__scene-tag{color:#137333}
body.page-id-155 .ncin.ncin--ppc .ncin__scene-bottom-label{border-color:#d2e3fc;color:#174ea6;background:#f5f9ff}
body.page-id-155 .ncin.ncin--ppc .ncin__magnify{border-color:#4285f4}
body.page-id-155 .ncin.ncin--ppc .ncin__magnify::after{background:#ea4335}
body.page-id-155 .ncin.ncin--ppc .ncin__search-matches>div:first-child{border-color:#4285f4;box-shadow:0 4px 0 #d2e3fc}
body.page-id-155 .ncin.ncin--ppc .ncin__search-matches>div:nth-child(2){border-color:#f6c7c3}
body.page-id-155 .ncin.ncin--ppc .ncin__search-matches>div:first-child>b{background:#e8f0fe;color:#174ea6}
body.page-id-155 .ncin.ncin--ppc .ncin__search-matches>div:nth-child(2)>b{background:#fce8e6;color:#b3261e}
body.page-id-155 .ncin.ncin--ppc .ncin__dots i:nth-child(1){background:#4285f4}
body.page-id-155 .ncin.ncin--ppc .ncin__dots i:nth-child(2){background:#ea4335}
body.page-id-155 .ncin.ncin--ppc .ncin__dots i:nth-child(3){background:#fbbc05}
body.page-id-155 .ncin.ncin--ppc .ncin__workspace-nav i:nth-child(1){background:#4285f4}
body.page-id-155 .ncin.ncin--ppc .ncin__workspace-nav i:nth-child(2){background:#ea4335}
body.page-id-155 .ncin.ncin--ppc .ncin__workspace-nav i:nth-child(3){background:#fbbc05}
body.page-id-155 .ncin.ncin--ppc .ncin__workspace-nav i:nth-child(4){background:#34a853}
body.page-id-155 .ncin.ncin--ppc .ncin__workspace-nav i:nth-child(5){background:#d2e3fc}
body.page-id-155 .ncin.ncin--ppc .ncin__workspace-art{background:linear-gradient(145deg,#fff8e2,#fce8e6)}
body.page-id-155 .ncin.ncin--ppc .ncin__workspace-circle{background:#ea4335;box-shadow:7px 7px 0 #f6c7c3}
body.page-id-155 .ncin.ncin--ppc .ncin__workspace-circle>span{color:#fff}
body.page-id-155 .ncin.ncin--ppc .ncin__workspace-art>span{background:#f6c7c3}
body.page-id-155 .ncin.ncin--ppc .ncin__editor-toast>span{background:#34a853;color:#fff}
body.page-id-155 .ncin.ncin--ppc .ncin__network{
  background:radial-gradient(circle at center,#e6f4ea 0%,#fef7e0 33%,transparent 68%);
}
body.page-id-155 .ncin.ncin--ppc .ncin__network svg g[stroke="#acd783"] path:nth-child(1){stroke:#4285f4}
body.page-id-155 .ncin.ncin--ppc .ncin__network svg g[stroke="#acd783"] path:nth-child(2){stroke:#ea4335}
body.page-id-155 .ncin.ncin--ppc .ncin__network svg g[stroke="#acd783"] path:nth-child(3){stroke:#f9ab00}
body.page-id-155 .ncin.ncin--ppc .ncin__network svg g[stroke="#acd783"] path:nth-child(4){stroke:#34a853}
body.page-id-155 .ncin.ncin--ppc .ncin__network svg circle[fill="#84c041"]{fill:#34a853}
body.page-id-155 .ncin.ncin--ppc .ncin__network svg circle[fill="#a6d66b"]{fill:#34a853}
body.page-id-155 .ncin.ncin--ppc .ncin__network svg circle[stroke="#84c041"]{stroke:#fbbc05}
body.page-id-155 .ncin.ncin--ppc .ncin__network svg path[stroke="#182315"]{stroke:#fff}
body.page-id-155 .ncin.ncin--ppc .ncin__network svg g[fill="#fff"] circle:nth-child(1){stroke:#4285f4}
body.page-id-155 .ncin.ncin--ppc .ncin__network svg g[fill="#fff"] circle:nth-child(2){stroke:#ea4335}
body.page-id-155 .ncin.ncin--ppc .ncin__network svg g[fill="#fff"] circle:nth-child(3){stroke:#f9ab00}
body.page-id-155 .ncin.ncin--ppc .ncin__network svg g[fill="#fff"] circle:nth-child(4){stroke:#34a853}
body.page-id-155 .ncin.ncin--ppc .ncin__network svg g[fill="#84c041"] circle:nth-child(1){fill:#4285f4}
body.page-id-155 .ncin.ncin--ppc .ncin__network svg g[fill="#84c041"] circle:nth-child(2){fill:#ea4335}
body.page-id-155 .ncin.ncin--ppc .ncin__network svg g[fill="#84c041"] circle:nth-child(3){fill:#f9ab00}
body.page-id-155 .ncin.ncin--ppc .ncin__network svg g[fill="#84c041"] circle:nth-child(4){fill:#34a853}
body.page-id-155 .ncin.ncin--ppc .ncin__network-label--a{border-color:#c8dafb;color:#174ea6}
body.page-id-155 .ncin.ncin--ppc .ncin__network-label--b{border-color:#f7c4bf;color:#a52714}
body.page-id-155 .ncin.ncin--ppc .ncin__network-label--c{border-color:#b7e0c1;color:#137333}
body.page-id-155 .ncin.ncin--ppc .ncin__outcome{border-color:#2a4f3b}
body.page-id-155 .ncin.ncin--ppc .ncin__outcome-burst>span{background:#34a853;color:#fff}
body.page-id-155 .ncin.ncin--ppc .ncin__outcome-ring{border-color:#fbbc05}
body.page-id-155 .ncin.ncin--ppc .ncin__outcome small{color:#a8dab5}
body.page-id-155 .ncin.ncin--ppc .ncin__evidence>div:nth-child(1)>span{background:#e8f0fe;color:#174ea6}
body.page-id-155 .ncin.ncin--ppc .ncin__evidence>div:nth-child(2)>span{background:#fce8e6;color:#b3261e}
body.page-id-155 .ncin.ncin--ppc .ncin__evidence>div:nth-child(3)>span{background:#e6f4ea;color:#137333}
body.page-id-155 .ncin.ncin--ppc .ncin__progress>i:nth-child(1)::before{background:#4285f4}
body.page-id-155 .ncin.ncin--ppc .ncin__progress>i:nth-child(2)::before{background:#ea4335}
body.page-id-155 .ncin.ncin--ppc .ncin__progress>i:nth-child(3)::before{background:#fbbc05}
body.page-id-155 .ncin.ncin--ppc .ncin__progress>i:nth-child(4)::before{background:#34a853}

/* Second PPC animation: the clickable three-step customer journey. */
body.page-id-155 .ngm.ngm-ppc .ppcx{border-color:#c8dafb;box-shadow:12px 14px 0 #d2e3fc90,0 21px 45px #26262616}
body.page-id-155 .ngm.ngm-ppc .ppcx__header{position:relative}
body.page-id-155 .ngm.ngm-ppc .ppcx__header::after{
  content:"";position:absolute;bottom:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,#4285f4 0 25%,#ea4335 25% 50%,#fbbc05 50% 75%,#34a853 75%);
}
body.page-id-155 .ngm.ngm-ppc .ppcx__eyebrow{color:#a8c7fa}
body.page-id-155 .ngm.ngm-ppc .ppcx__demo-label>i{background:#34a853}
body.page-id-155 .ngm.ngm-ppc .ppcx__nav{background:#f8fbff;border-bottom-color:#d2e3fc}
body.page-id-155 .ngm.ngm-ppc .ppcx__tab{border-right-color:#e2e8f0;color:#344054}
body.page-id-155 .ngm.ngm-ppc .ppcx__tab:nth-child(1)>span{background:#e8f0fe;color:#174ea6}
body.page-id-155 .ngm.ngm-ppc .ppcx__tab:nth-child(2)>span{background:#fce8e6;color:#b3261e}
body.page-id-155 .ngm.ngm-ppc .ppcx__tab:nth-child(3)>span{background:#e6f4ea;color:#137333}
body.page-id-155 .ngm.ngm-ppc .ppcx__tab:nth-child(1).is-current{background:#e8f0fe;border-bottom-color:#4285f4}
body.page-id-155 .ngm.ngm-ppc .ppcx__tab:nth-child(2).is-current{background:#fff0ee;border-bottom-color:#ea4335}
body.page-id-155 .ngm.ngm-ppc .ppcx__tab:nth-child(3).is-current{background:#e6f4ea;border-bottom-color:#34a853}
body.page-id-155 .ngm.ngm-ppc .ppcx__tab:nth-child(1).is-current>span{background:#4285f4;color:#fff}
body.page-id-155 .ngm.ngm-ppc .ppcx__tab:nth-child(2).is-current>span{background:#ea4335;color:#fff}
body.page-id-155 .ngm.ngm-ppc .ppcx__tab:nth-child(3).is-current>span{background:#34a853;color:#fff}
body.page-id-155 .ngm.ngm-ppc .ppcx__viewport{
  background:radial-gradient(circle at 80% 18%,#fef7e0bd,transparent 49%),radial-gradient(circle at 15% 89%,#e6f4ea99,transparent 46%),#f8fbff;
}
body.page-id-155 .ngm.ngm-ppc .ppcx__search-orbit--one{border-color:#ea43357a}
body.page-id-155 .ngm.ngm-ppc .ppcx__search-orbit--two{border-color:#fbbc0599}
body.page-id-155 .ngm.ngm-ppc .ppcx__search-icon{background:#4285f4;color:#fff}
body.page-id-155 .ngm.ngm-ppc .ppcx__search-query{border-color:#c8dafb}
body.page-id-155 .ngm.ngm-ppc .ppcx__result{border-color:#4285f4;animation:ppcxGoogleHighlight 4s ease-in-out infinite}
body.page-id-155 .ngm.ngm-ppc .ppcx__result-bars i:first-child{background:#d2e3fc}
body.page-id-155 .ngm.ngm-ppc .ppcx__result-bars i:nth-child(2){background:#f7c4bf}
body.page-id-155 .ngm.ngm-ppc .ppcx__page-glow{background:#fbbc0540}
body.page-id-155 .ngm.ngm-ppc .ppcx__browser{box-shadow:11px 12px 0 #f9d7ac99}
body.page-id-155 .ngm.ngm-ppc .ppcx__browser-dots i:nth-child(1){background:#ea4335}
body.page-id-155 .ngm.ngm-ppc .ppcx__browser-dots i:nth-child(2){background:#fbbc05}
body.page-id-155 .ngm.ngm-ppc .ppcx__browser-dots i:nth-child(3){background:#34a853}
body.page-id-155 .ngm.ngm-ppc .ppcx__site-mark i:first-child{background:#4285f4}
body.page-id-155 .ngm.ngm-ppc .ppcx__site-mark i:nth-child(2){background:#ea4335}
body.page-id-155 .ngm.ngm-ppc .ppcx__site-art{background:#fef7e0}
body.page-id-155 .ngm.ngm-ppc .ppcx__site-art svg rect{fill:#e8f0fe}
body.page-id-155 .ngm.ngm-ppc .ppcx__site-art svg path{fill:#4285f4}
body.page-id-155 .ngm.ngm-ppc .ppcx__site-art svg circle{fill:#fbbc05}
body.page-id-155 .ngm.ngm-ppc .ppcx__site-pill span{background:#34a853;color:#fff}
body.page-id-155 .ngm.ngm-ppc .ppcx__lead-ring{border-color:#ea433569}
body.page-id-155 .ngm.ngm-ppc .ppcx__lead-ring--b{border-color:#fbbc0599}
body.page-id-155 .ngm.ngm-ppc .ppcx__lead-envelope{background:#4285f4;color:#fff}
body.page-id-155 .ngm.ngm-ppc .ppcx__lead-check{background:#34a853;color:#fff}
body.page-id-155 .ngm.ngm-ppc .ppcx__lead-card{border-color:#b7e0c1}
body.page-id-155 .ngm.ngm-ppc .ppcx__lead-dot{background:#34a853}
body.page-id-155 .ngm.ngm-ppc .ppcx__lead-spark--a{color:#f9ab00}
body.page-id-155 .ngm.ngm-ppc .ppcx__lead-spark--b{color:#ea4335}
body.page-id-155 .ngm.ngm-ppc .ppcx button:focus-visible{outline-color:#4285f4}
@keyframes ppcxGoogleHighlight{
  0%,100%{box-shadow:0 9px 20px #26262618}
  50%{box-shadow:0 12px 24px #26262622,0 0 0 5px #4285f433}
}