/* M186 visual state pass: preserve M182 information architecture and DOM; add only atmosphere, depth and scroll states. */
:root{
  --m186-hero-progress:0;
  --m186-pointer-x:50%;
  --m186-pointer-y:42%;
  --m186-ink:#0a0d10;
  --m186-surface:#101518;
  --m186-cool:#dfe8e5;
  --m186-signal:#d7c27b;
  --m186-lilac:#a99ddd;
}
body.r86-home{
  background:var(--m186-ink)!important;
  color:var(--m186-cool);
  --m186-scroll-ease:cubic-bezier(.22,.61,.36,1);
}
body.r86-home #m174-business.m175-business{
  isolation:isolate!important;
  background:
    radial-gradient(circle at var(--m186-pointer-x) var(--m186-pointer-y),rgba(174,167,229,.09),transparent 28%),
    radial-gradient(circle at 16% 70%,rgba(215,194,123,.06),transparent 23%),
    #090d10!important;
  overflow:hidden!important;
}
body.r86-home #m174-business .hero-v2-scene{
  transform:translate3d(0,calc(var(--m186-hero-progress) * -18px),0)!important;
  transition:transform .25s var(--m186-scroll-ease);
}
body.r86-home #m174-business .hero-v2-scene::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at var(--m186-pointer-x) var(--m186-pointer-y),rgba(236,228,196,.08),transparent 22%),
    linear-gradient(180deg,rgba(5,8,11,.04),rgba(5,8,11,.28) 72%,rgba(5,8,11,.76));
  mix-blend-mode:screen;
  opacity:calc(.52 + var(--m186-hero-progress) * .20);
}
body.r86-home #m174-business .hero-v2-environment{
  transform:translate3d(calc((var(--m186-pointer-x) - 50%) * .05),calc(var(--m186-hero-progress) * -10px),0) scale(calc(1 + var(--m186-hero-progress) * .025))!important;
  opacity:calc(.82 + var(--m186-hero-progress) * .12)!important;
  transition:transform .35s var(--m186-scroll-ease),opacity .35s ease;
}
body.r86-home #m174-business .hero-platform-network{
  transform:translate3d(0,calc(54px - var(--m186-hero-progress) * 24px),0) scale(calc(1 + var(--m186-hero-progress) * .035))!important;
  opacity:calc(.88 - var(--m186-hero-progress) * .18)!important;
  transform-origin:50% 46%!important;
  transition:transform .3s var(--m186-scroll-ease),opacity .3s ease;
}
body.r86-home #m174-business .m174-business-title,
body.r86-home #m174-business .hero-description,
body.r86-home #m174-business .hero-growth-route-v54{
  position:relative!important;
  z-index:5!important;
  transform:translate3d(0,calc(var(--m186-hero-progress) * -8px),0)!important;
  transition:transform .3s var(--m186-scroll-ease),opacity .3s ease;
}
body.r86-home #m174-business .hero-growth-route-v54{opacity:calc(1 - var(--m186-hero-progress) * .22)!important}
body.r86-home #m174-business .m174-scroll-cue{opacity:calc(1 - var(--m186-hero-progress) * 1.6)!important;transition:opacity .25s ease}

/* The page remains sectioned like iPullRank; the state layer makes each section feel like one continuous field. */
body.r86-home #m171-start,
body.r86-home #client-proof,
body.r86-home #capabilities,
body.r86-home #customer-paths,
body.r86-home #journal,
body.r86-home #client-stories,
body.r86-home .home-faq{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
body.r86-home #m171-start::before,
body.r86-home #client-proof::before,
body.r86-home #capabilities::before,
body.r86-home #customer-paths::before,
body.r86-home #journal::before,
body.r86-home #client-stories::before,
body.r86-home .home-faq::before{
  content:"";
  position:absolute;
  inset:-18% -8%;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at calc(22% + var(--m186-focus,0) * 46%) calc(18% + var(--m186-focus,0) * 32%),rgba(175,164,229,.12),transparent 25%),
    radial-gradient(circle at calc(82% - var(--m186-focus,0) * 34%) calc(80% - var(--m186-focus,0) * 26%),rgba(215,194,123,.10),transparent 28%);
  opacity:calc(.28 + var(--m186-focus,0) * .74);
  transform:scale(calc(1.08 - var(--m186-focus,0) * .05));
  transition:opacity .7s var(--m186-scroll-ease),transform .9s var(--m186-scroll-ease);
}
body.r86-home #m171-start > .container,
body.r86-home #client-proof > *,
body.r86-home #capabilities > .container,
body.r86-home #customer-paths > .container,
body.r86-home #journal > .container,
body.r86-home #client-stories > .container,
body.r86-home .home-faq > .container{
  transform:translate3d(0,calc((1 - var(--m186-focus,0)) * 10px),0)!important;
  transition:transform .7s var(--m186-scroll-ease);
}
body.r86-home [data-m186-state="focus"] .m183-visual-shell,
body.r86-home [data-m186-state="focus"] .m183-service-card,
body.r86-home [data-m186-state="focus"] .trust-mark-v47,
body.r86-home [data-m186-state="focus"] .journal-feature-v48,
body.r86-home [data-m186-state="focus"] .showcase-feature-v48,
body.r86-home [data-m186-state="focus"] .faq-item{
  border-color:rgba(215,194,123,.34)!important;
  box-shadow:0 18px 70px rgba(2,6,9,.18),0 0 0 1px rgba(215,194,123,.04)!important;
}
body.r86-home #m171-start[data-m186-state="focus"] .m183-signal-core{
  box-shadow:0 0 0 14px rgba(215,194,123,.05),0 0 58px rgba(174,164,229,.24)!important;
}
body.r86-home #capabilities[data-m186-state="focus"] .m183-service-card{
  background:linear-gradient(150deg,rgba(215,194,123,.10),rgba(255,255,255,.018) 60%,transparent)!important;
}
body.r86-home #journal[data-m186-state="focus"] .journal-feature-art-v48,
body.r86-home #client-stories[data-m186-state="focus"] .showcase-feature-board-v48{
  filter:saturate(1.08) brightness(1.04)!important;
}
body.r86-home .m183-service-card,
body.r86-home .journal-feature-art-v48,
body.r86-home .showcase-feature-board-v48,
body.r86-home .faq-item{
  transition:background .55s ease,border-color .55s ease,box-shadow .65s ease,filter .65s ease,transform .55s var(--m186-scroll-ease)!important;
}
body.r86-home .m183-service-card:hover,
body.r86-home .journal-feature-art-v48:hover,
body.r86-home .showcase-feature-board-v48:hover,
body.r86-home .faq-item:hover{transform:translateY(-4px)!important}

@media(max-width:620px){
  body.r86-home #m174-business .hero-platform-network{transform:translate3d(0,calc(36px - var(--m186-hero-progress) * 14px),0) scale(calc(1 + var(--m186-hero-progress) * .02))!important}
  body.r86-home #m174-business .hero-v2-environment{transform:translate3d(0,calc(var(--m186-hero-progress) * -6px),0) scale(calc(1 + var(--m186-hero-progress) * .015))!important}
}
@media(prefers-reduced-motion:reduce){
  body.r86-home #m174-business .hero-v2-scene,
  body.r86-home #m174-business .hero-v2-environment,
  body.r86-home #m174-business .hero-platform-network,
  body.r86-home #m174-business .m174-business-title,
  body.r86-home #m174-business .hero-description,
  body.r86-home #m174-business .hero-growth-route-v54,
  body.r86-home #m171-start > .container,
  body.r86-home #client-proof > *,
  body.r86-home #capabilities > .container,
  body.r86-home #customer-paths > .container,
  body.r86-home #journal > .container,
  body.r86-home #client-stories > .container,
  body.r86-home .home-faq > .container{transform:none!important;transition:none!important}
}