:root {
  --white:#fff;
  --black:#000;
  --bg-light:#f7f7f8;
  --border-light:rgba(0,0,0,.08);
  --brand-teal:#0ea5b5;
  --brand-blue:#1d4ed8;
  --brand-teal-glow:rgba(14,165,181,.35);
  --brand-blue-glow:rgba(29,78,216,.35)
}
html {
  overflow-x:hidden
}
*,:after,:before {
  box-sizing:border-box;
  margin:0;
  padding:0
}
a {
  color:inherit;
  text-decoration:none
}
a:focus-visible,button:focus-visible,.btn:focus-visible,.case-studies-card:focus-visible {
  outline:2px solid var(--brand-blue);
  outline-offset:2px;
  border-radius:4px
}
.dark-mode a:focus-visible,.dark-mode button:focus-visible {
  outline-color:var(--brand-teal)
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after {
    animation-duration:0.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:0.01ms !important;
    scroll-behavior:auto !important
  }
  .marquee-track {
    animation:none !important
  }
}
img {
  display:block;
  max-width:100%
}
h1,h2,h3,h5,h6,p {
  font-weight:inherit;
  margin:0;
  padding:0
}
.observeit-body {
  background-color: var(--bg-light);
  color: var(--black);
  color:var(--black);
  font-family:Dmsans,Arial,sans-serif;
  font-size:1.25vw;
  font-weight:400;
  line-height:130%;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
.observeit-section {
  align-items:center;
  display:flex;
  flex-flow:column;
  justify-content:center;
  position:relative;
  width:100%
}
.observeit-section.header-wrap {
  background-color: var(--bg-light);
  padding-bottom:.85em;
  padding-top:.85em;
  position:relative;
  z-index:1001
}
.observeit-section.hero-wrap {
  justify-content:center;
  min-height:calc(80svh - 5em);
  padding-bottom:4em;
  padding-top:6em
}
.marquee-section {
  align-items:center;
  background-color: rgba(0, 128, 128, 0.03); border-bottom: 1px solid var(--border-light); border-top: 1px solid var(--border-light);
  border-bottom:1px solid rgba(0,0,0,.06);
  border-top:1px solid rgba(0,0,0,.06);
  flex-direction:row;
  gap:0;
  overflow:hidden;
  padding:1.5em 0
}
.common-wrap.marquee-label-wrap {
  flex-shrink:0;
  max-width:none;
  padding-right:0;
  width:auto;
  z-index:auto
}
.marquee-label {
  color:rgba(0,0,0,.55);
  font-family:Dmsans,sans-serif;
  font-size:.55em;
  font-weight:500;
  letter-spacing:.1em;
  padding-right:2em;
  text-transform:uppercase;
  white-space:nowrap
}
.marquee-wrap {
  flex:1;
  mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent);
  min-width:0;
  overflow:hidden
}
.marquee-track {
  animation:marqueeScroll 25s linear infinite;
  display:flex;
  gap:3em;
  width:max-content
}
.marquee-item {
  color:rgba(0,0,0,.5);
  font-family:Dmsans,sans-serif;
  font-size:.88em;
  font-weight:500;
  letter-spacing:-.01em;
  white-space:nowrap
}
@keyframes marqueeScroll {
  0% {
  transform:translateX(0)
}
to {
  transform:translateX(-50%)
}
}
.observeit-section.about-section {
  padding-bottom:6em;
  padding-top:6em;
  position:relative;
  overflow:hidden
}
.dark-mode .about-section {
  background:radial-gradient(ellipse 60% 50% at 50% 30%,#141420 0%,#111113 65%)
}
.observeit-section.case-studies-section {
  background-color: rgba(0, 128, 128, 0.03); border-bottom: 1px solid var(--border-light); border-top: 1px solid var(--border-light);
  padding-bottom:6em;
  padding-top:6em
}
.observeit-section.about-us-section {
  padding-bottom:6em;
  padding-top:6em
}
.observeit-section.services-section {
  padding-top:5em
}
.observeit-section.reviews-section {
  background-color: rgba(0, 128, 128, 0.03); border-bottom: 1px solid var(--border-light); border-top: 1px solid var(--border-light);
  overflow:hidden;
  padding-bottom:6em;
  padding-top:6em;
  position:relative
}
.observeit-section.reviews-section:before {
  display:none
}
.observeit-section.footer-section {
  background-color:var(--black);
  color:var(--white);
  padding-bottom:5em;
  padding-top:5em
}
.common-wrap {
  max-width:100%;
  padding-left:5em;
  padding-right:5em;
  position:relative;
  width:100%;
  z-index:10
}
.h1 {
  font-size:3.75em;
  font-weight:500;
  letter-spacing:-2px
}
.h1,.h2 {
  color:var(--black);
  line-height:105%
}
.h2 {
  font-size:2.5em;
  font-weight:500;
  letter-spacing:-2px;
  width:auto;
  max-width:20em
}
.h3 {
  font-size:1.75em;
  font-weight:500;
  letter-spacing:-.02em;
  line-height:110%
}
.h3,.h5 {
  color:var(--black)
}
.h5 {
  font-family:Dmsans,Arial,sans-serif;
  font-size:1.5em
}
.h5.team-content-heading {
  font-weight:500;
  margin-bottom:.35em
}
.p {
  color:var(--black);
  font-size:1em;
  line-height:155%
}
.inline-link {
  color:inherit;
  text-decoration:underline;
  text-underline-offset:2px;
  transition:opacity .2s
}
.inline-link:hover {
  opacity:.6
}
.lead-text {
  font-size:1.1em;
  line-height:155%;
  color:rgba(0,0,0,.55)
}
.lead-text.max-800 {
  font-weight:400;
  max-width:71.4286%
}
.text-dark {
  color:var(--black)
}
.full-width {
  width:100%
}
.btn {
  align-items: center;
  background-color: var(--brand-teal);
  border-radius: 2em;
  color: var(--white);
  cursor: pointer;
  display: inline-flex;
  font-size: 1em;
  gap: 1em;
  padding: 0.35em 0.35em 0.35em 1.25em;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 14px var(--brand-teal-glow);
}
.btn:hover {
  background-color: var(--brand-blue);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px var(--brand-blue-glow);
  opacity: 1;
}
.btn:hover {
  opacity:.85
}
.btn.btn-light {
  background-color:var(--white);
  color:var(--black)
}
.btn-text-wrap {
  align-items:center;
  display:flex;
  flex-flow:column;
  justify-content:center;
  overflow:hidden;
  position:relative
}
.btn-text-hover {
  position:absolute;
  transform:translate3d(0,100%,0);
  transform-style:preserve-3d
}
.btn:hover .btn-text-hover {
  transform:translateZ(0);
  transition:transform .3s ease
}
.btn:hover .btn-text {
  transform:translate3d(0,-100%,0)
}
.btn-text,.btn:hover .btn-text {
  transition:transform .3s ease
}
.btn-icon-box {
  align-items:center;
  background-color:var(--white);
  border-radius:100%;
  display:flex;
  height: 2.25em;
  justify-content:center;
  overflow:hidden;
  position:relative;
  width:2.25em
}
.btn-icon-box.dark-bg {
  background-color:var(--black);
  color:var(--white)
}
.btn-icon {
  width:1em
}
.btn-icon-hover {
  position:absolute;
  transform:translate(-200%);
  width:1em
}
.btn:hover .btn-icon-hover {
  transform:translate(0);
  transition:transform .3s ease
}
.btn:hover .btn-icon {
  transform:translate(200%);
  transition:transform .3s ease
}
.header-inner {
  align-items:center;
  display:flex;
  justify-content:space-between;
  width:100%
}
.main-logo {
  align-items:center;
  display:flex;
  width:14.3em
}
.header-btn {
  display:flex;
  font-size:.8em
}
.nav-wrap {
  display:flex;
  gap:1.5em
}
.menu-btn {
  background:none;
  border:none;
  cursor:pointer;
  display:none;
  flex-direction:column;
  gap:6px;
  height:48px;
  justify-content:center;
  padding:8px;
  position:relative;
  width:48px;
  z-index:1000
}
.menu-bar {
  background-color:var(--black);
  border-radius:1px;
  display:block;
  height:2px;
  width:100%
}
.nav-link {
  color:var(--black);
  font-size:.7em;
  padding:0;
  transition:opacity .2s
}
.nav-link:hover {
  opacity:.6
}
.mobile-menu {
  align-items:center;
  background-color:var(--white);
  display:flex;
  inset:0;
  justify-content:center;
  opacity:0;
  pointer-events:none;
  position:fixed;
  transition:opacity .3s ease;
  z-index:999
}
.mobile-menu.open {
  opacity:1;
  pointer-events:auto
}
.mobile-menu-nav {
  align-items:center;
  display:flex;
  flex-direction:column;
  gap:1.5em
}
.mobile-menu-link {
  color:var(--black);
  font-family:DM Sans,sans-serif;
  font-size:28px;
  font-weight:500;
  text-decoration:none;
  transition:opacity .2s
}
.mobile-menu-link:hover {
  opacity:.6
}
.menu-btn.active .menu-bar:first-child {
  transform:translateY(8px) rotate(45deg)
}
.menu-btn.active .menu-bar:nth-child(2) {
  opacity:0
}
.menu-btn.active .menu-bar:nth-child(3) {
  transform:translateY(-8px) rotate(-45deg)
}
.menu-bar {
  transition:transform .3s ease,opacity .3s ease
}
.dark-mode .mobile-menu {
  background-color:#111113
}
.dark-mode .mobile-menu-link {
  color:#f0f0f2
}
.section-bg {
  display:flex;
  height:100%;
  inset:0 auto auto 0;
  position:absolute;
  width:100%;
  z-index:1
}
.img-cover {
  height:100%;
  object-fit:cover;
  width:100%
}
.hero-bg-img {
  opacity:1
}
.desk-opacity {
  opacity:0
}
.absolute-full {
  background-color:transparent;
  inset:0;
  overflow:hidden;
  position:absolute
}
@media screen and (max-width:991px) {
  .desk-opacity {
  opacity:1;
  position:relative;
  z-index:5
}
.absolute-full.img-cover {
  display:none
}
}
.hero-inner {
  display:flex;
  flex-flow:column;
  align-items:center;
  text-align:center;
  position:relative;
  width:100%;
  z-index:1
}
.hero-title {
  margin-bottom:1.25em;
  width:100%;
  max-width:48em
}
.hero-btn {
  font-size:1.1em;
  width:auto
}
.hero-sub {
  font-size:1.05em;
  color:rgba(0,0,0,.55);
  max-width:30em;
  margin:0 auto 1.5em;
  line-height:155%
}
.dark-mode .hero-sub {
  color:hsla(0,0%,100%,.5)
}
.hero-stats {
  display:flex;
  gap:2.5em;
  margin-bottom:2em;
  flex-wrap:wrap;
  justify-content:center
}
.hero-stat {
  text-align:center
}
.hero-stat-num {
  font-size:1.5em;
  font-weight:500;
  color:var(--black);
  letter-spacing:-1px
}
.dark-mode .hero-stat-num {
  color:#f0f0f2
}
.hero-stat-label {
  font-size:.7em;
  color:rgba(0,0,0,.4)
}
.dark-mode .hero-stat-label {
  color:hsla(0,0%,100%,.35)
}
.super-headline {
  display:inline-flex;
  font-size:.7em;
  font-weight:500;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(0,0,0,.4);
  margin-bottom:.25em
}
.super-headline.bg-light {
  color:rgba(0,0,0,.4)
}
.super-headline-num {
  display:none
}
.dark-mode .super-headline,.dark-mode .super-headline.bg-light {
  color:hsla(0,0%,100%,.35);
  background:none
}
.titile-wrap {
  gap:.75em
}
.titile-wrap.centered,.about-inner.centered {
  align-items:center;
  text-align:center
}
.about-inner,.about-wrap,.titile-wrap {
  display:flex;
  flex-flow:column;
  width:100%
}
.about-wrap {
  gap:1.5em;
  margin-top:2em
}
.about-content-wrap {
  display:grid;
  gap:3em;
  grid-auto-columns:1fr;
  grid-template-columns:1fr 1fr;
  grid-template-rows:auto;
  align-items:center;
  width:100%
}
.about-content-wrap .about-content {
  grid-column:1
}
.about-content-wrap .about-thumb {
  grid-column:2
}
.about-content {
  align-items:flex-start;
  display:flex;
  flex-flow:column;
  gap:1em
}
.about-thumb {
  display:flex;
  width:100%
}
.about-thumb-img {
  border-radius:1em;
  max-width:100%;
  width:100%
}
.case-studies-inner {
  display:flex;
  flex-flow:column;
  width:100%
}
.case-studies-wrap {
  display:grid;
  gap:1.2em;
  grid-template-columns:repeat(3,1fr);
  margin-top:3em;
  row-gap:2em;
  width:100%;
  align-items:start
}
.case-studies-card {
  color:var(--black);
  cursor:pointer;
  display:flex;
  flex-flow:column;
  gap:.85em;
  position:relative;
  text-decoration:none
}
.case-studies-card:hover .case-studies-card-img {
  transform:scale(1.03);
  transition:transform .4s ease
}
.case-studies-card .case-studies-card-img {
  transition:transform .4s ease
}
.case-studies-card-thumb {
  height:300px;
  border-radius:1em;
  overflow:hidden;
  position:relative;
  width:100%;
  box-shadow:0 4px 20px rgba(0,0,0,.1)
}
.case-studies-card-img {
  border-radius:1em;
  height:100%;
  object-fit:cover;
  object-position:center;
  width:100%
}
.case-studies-card-info {
  display:flex;
  flex-direction:column;
  gap:.2em
}
.case-studies-card-name {
  font-size:1.05em;
  font-weight:500
}
.case-studies-card-outcome {
  color:rgba(0,0,0,.4);
  font-size:.82em;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.dark-mode .case-studies-card-outcome {
  color:hsla(0,0%,100%,.35)
}
.link-icon-box {
  align-items:center;
  background-color:var(--black);
  border-radius:100%;
  color:var(--white);
  display:flex;
  height:3em;
  justify-content:center;
  overflow:hidden;
  position:relative;
  width:3em
}
.link-icon-box.case-studies-link-box {
  inset:auto auto .75em .75em;
  position:absolute
}
.link-icon {
  width:2.25em
}
.link-icon-hover {
  position:absolute;
  transform:translate3d(-100%,100%,0);
  transform-style:preserve-3d;
  width:2.25em
}
.link-icon-box:hover .link-icon-hover {
  transform:translateZ(0);
  transition:transform .3s ease
}
.link-icon-box:hover .link-icon {
  transform:translate3d(100%,-100%,0);
  transition:transform .3s ease
}
.about-us-inner {
  display:flex;
  flex-flow:column;
  width:100%
}
.team-wrap {
  display:grid;
  gap:2em;
  grid-template-columns:repeat(3,1fr);
  margin-top:3em;
  width:100%
}
.team-item {
  align-items:flex-start;
  flex-direction:column;
  gap:1em
}
.team-item,.team-thumb {
  display:flex;
  width:100%
}
.team-thumb-img {
  aspect-ratio:1;
  background:linear-gradient(180deg,#e8e8e8,#d4d4d4);
  border-radius:1em;
  object-fit:cover;
  object-position:center 20%;
  width:100%
}
.team-content {
  padding-left:0;
  width:100%
}
.team-content-title {
  color:rgba(0,0,0,.45);
  font-size:1.125em;
  margin-bottom:1.25em
}
.service-card-wrap {
  display:grid;
  grid-auto-columns:1fr;
  grid-template-columns:1fr 1fr 1fr;
  grid-template-rows:auto;
  margin-top:4.2em;
  position:relative;
  width:100%
}
.service-card {
  align-items:center;
  aspect-ratio:1;
  display:flex;
  justify-content:center;
  overflow:hidden;
  padding:5em;
  position:relative
}
.service-card-thumb {
  height:100%;
  inset:0 auto auto 0;
  position:absolute;
  width:100%
}
.service-card-thumb-img {
  height:100%;
  object-fit:cover;
  width:100%
}
.service-card-thumb-overlay {
  background-color:var(--black);
  opacity:.4
}
.service-card-overlay,.service-card-thumb-overlay {
  height:100%;
  inset:0 auto auto 0;
  position:absolute;
  width:100%
}
.service-card-overlay {
  background-color:hsla(0,0%,97%,.8);
  transition:opacity .4s ease
}
.service-card:hover .service-card-overlay {
  opacity:0
}
.service-card:hover .h3,.service-card:hover .service-card-content-wrap {
  color:var(--white)
}
.service-card:hover .service-card-tag {
  background-color:hsla(0,0%,100%,.2);
  color:var(--white)
}
.service-card-content-wrap {
  margin-bottom:1em;
  position:relative;
  text-align:center;
  transition:color .4s ease;
  width:100%;
  z-index:1
}
.service-card-tag-wrap {
  display:flex;
  flex-flow:wrap;
  gap:.5em;
  justify-content:center;
  margin-top:1em;
  position:relative;
  width:100%
}
.service-card-tag {
  background-color:rgba(0,0,0,.08);
  border-radius:6.5em;
  font-size:.8em;
  padding:.4em .85em;
  transition:background-color .4s ease,color .4s ease
}
.reviews-inner {
  display:flex;
  flex-flow:column;
  width:100%
}
.process-steps {
  display:grid;
  gap:1.5em;
  grid-template-columns:repeat(4,1fr);
  margin-top:3em
}
.process-step {
  background:var(--white);
  border:none;
  border-radius:1em;
  padding:1.5em
}
.process-step-num {
  font-family:Dmsans,sans-serif;
  font-size:.7em;
  font-weight:500;
  letter-spacing:.1em;
  color:rgba(0,0,0,.4);
  margin-bottom:1em;
  text-transform:uppercase
}
.process-step-title {
  font-size:1.25em;
  font-weight:500;
  margin-bottom:.75em
}
.process-optional {
  font-style:normal
}
.projects-grid {
  display:grid;
  gap:1.5em;
  grid-template-columns:repeat(4,1fr);
  margin-top:3em
}
.project-card {
  background:var(--white);
  border:none;
  border-radius:1em;
  padding:1.5em
}
.project-card-title {
  font-size:1.25em;
  font-weight:500;
  margin-bottom:.5em
}
.project-card-text {
  color:rgba(0,0,0,.55);
  font-size:.95em;
  line-height:155%;
  margin-bottom:1em
}
.status-pill {
  background-color:rgba(0,0,0,.08);
  border-radius:6.5em;
  color:rgba(0,0,0,.6);
  display:inline-block;
  font-size:.75em;
  font-weight:500;
  padding:.35em .85em
}
.status-note {
  color:rgba(0,0,0,.4);
  font-size:.8em;
  margin-top:.5em
}
.dark-mode .status-note {
  color:hsla(0,0%,100%,.35)
}
.status-pill-row {
  display:flex;
  flex-wrap:wrap;
  gap:.6em;
  margin-top:1.25em
}
.dark-mode .project-card {
  background:hsla(0,0%,100%,.06)
}
.dark-mode .project-card-title {
  color:#f0f0f2
}
.dark-mode .project-card-text {
  color:hsla(0,0%,100%,.5)
}
.dark-mode .status-pill {
  background-color:hsla(0,0%,100%,.1);
  color:hsla(0,0%,100%,.6)
}
.projects-grid-3 {
  grid-template-columns:repeat(3,1fr)
}
@media screen and (max-width:991px) {
  .projects-grid {
    grid-template-columns:1fr 1fr;
    gap:1em
  }
  .projects-grid-3 {
    grid-template-columns:1fr
  }
  .project-card {
    text-align:center
  }
  .status-pill-row {
    justify-content:center
  }
}
.observeit-section.why-section {
  background:#0a0a0c;
  padding:6em 0;
  position:relative;
  overflow:hidden
}
.dark-mode .why-section {
  background:radial-gradient(ellipse 70% 60% at 50% 50%,#141420 0%,#0a0a0c 70%)
}
.why-inner {
  display:flex;
  flex-direction:column;
  width:100%
}
.why-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1.5em;
  margin-top:3em;
  width:100%
}
.why-card {
  background:hsla(0,0%,100%,.06);
  border-radius:1em;
  padding:1.5em
}
.why-card-title {
  color:#f0f0f2;
  font-size:1.25em;
  font-weight:500;
  margin-bottom:.75em
}
.why-card-text {
  color:hsla(0,0%,100%,.5);
  font-size:.95em;
  line-height:155%
}
.why-section .h2 {
  color:#f0f0f2
}
.observeit-section.training-section {
  padding:6em 0
}
.training-inner {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:3em;
  align-items:center;
  width:100%
}
.training-text {
  display:flex;
  flex-direction:column
}
.training-stats {
  display:flex;
  gap:2.5em;
  margin-top:1.5em
}
.training-stat-num {
  font-size:1.5em;
  font-weight:500;
  letter-spacing:-1px
}
.training-stat-label {
  font-size:.7em;
  color:rgba(0,0,0,.4);
  margin-top:.15em
}
.dark-mode .training-stat-label {
  color:hsla(0,0%,100%,.35)
}
.training-video-wrap {
  position:relative;
  width:100%;
  padding-bottom:56.25%;
  border-radius:1em;
  overflow:hidden
}
.training-video-wrap iframe {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%
}
.dark-mode .training-section {
  background:radial-gradient(ellipse 70% 60% at 50% 50%,#141420 0%,#111113 70%)
}
@media screen and (max-width:991px) {
  .training-inner {
  grid-template-columns:1fr;
  gap:2em
}
.training-stats {
  flex-wrap:wrap;
  gap:1.5em
}
.training-video {
  order:-1
}
}
.observeit-section.contact-section {
  background:#111113;
  padding:6em 0
}
.contact-inner {
  display:flex;
  flex-direction:column;
  width:100%
}
.contact-section .h1,.contact-section .h2,.contact-section .h3,.contact-section .lead-text {
  color:#f0f0f2
}
.pricing-grid {
  display:grid;
  gap:1.5em;
  grid-template-columns:repeat(3,1fr);
  margin-top:3em;
  width:100%
}
@media screen and (max-width:991px) {
  .pricing-grid {
    grid-template-columns:1fr;
    gap:16px
  }
}
.contact-section .lead-text.max-800 {
  opacity:.6
}
.contact-intro {
  color:hsla(0,0%,100%,.6);
  margin:3em auto 0;
  max-width:42em;
  text-align:center
}
.contact-card {
  border-top:1px solid hsla(0,0%,100%,.1);
  margin:2em auto 0;
  max-width:42em
}
.contact-row {
  align-items:baseline;
  border-bottom:1px solid hsla(0,0%,100%,.1);
  display:flex;
  justify-content:space-between;
  padding:1.1em 0
}
.contact-label {
  color:hsla(0,0%,100%,.4);
  font-size:.7em;
  font-weight:500;
  letter-spacing:.1em;
  text-transform:uppercase
}
.contact-value {
  color:#f0f0f2;
  font-size:1.0625em;
  font-weight:500
}
.contact-value.inline-link:hover {
  opacity:.7
}
.observeit-section.cta-section {
  background:#111113;
  overflow:hidden;
  padding:6em 0;
  position:relative
}
.cta-glow {
  background:radial-gradient(ellipse 70% 55% at 50% 40%,#1a1a2e 0%,transparent 70%);
  inset:0;
  pointer-events:none;
  position:absolute
}
.cta-inner {
  align-items:center;
  display:flex;
  flex-direction:column;
  gap:1.25em;
  text-align:center
}
.cta-heading {
  color:#f0f0f2;
  text-align:center;
  width:100%
}
.cta-sub {
  color:hsla(0,0%,100%,.5);
  max-width:32em;
  text-align:center
}
.cta-btn-wrap {
  font-size:1.1em;
  margin-top:.75em
}
.cta-section .btn {
  background-color: var(--white);
  color:#111113
}
.cta-section .btn-icon-box {
  background-color:#111113
}
.cta-section .btn-icon-box .btn-icon,.cta-section .btn-icon-box .btn-icon-hover {
  filter:invert(1)
}
.footer-inner {
  display:flex;
  flex-flow:column;
  width:100%
}
.footer-top {
  display:flex;
  gap:4em;
  justify-content:space-between;
  width:100%
}
.footer-text-wrap {
  flex-shrink:0;
  max-width:27.5em;
  width:100%
}
.footer-h6 {
  color:var(--white);
  font-size:1em;
  font-weight:400;
  line-height:100%;
  margin-bottom:.25em;
  opacity:.65
}
.footer-btn {
  margin-top:2em
}
.footer-columns {
  display:flex;
  gap:4em;
  padding-top:.25em
}
.footer-col {
  display:flex;
  flex-flow:column;
  gap:.75em;
  min-width:8em
}
.footer-col-heading {
  color:var(--white);
  font-size:.75em;
  font-weight:500;
  letter-spacing:.15em;
  margin-bottom:.5em;
  opacity:.6;
  text-transform:uppercase
}
.footer-section .lead-text {
  color:hsla(0,0%,100%,.7)
}
.footer-link {
  color:var(--white);
  font-size:.9375em;
  opacity:.7;
  transition:opacity .2s
}
.footer-link:hover {
  opacity:1
}
.footer-divider {
  background-color:hsla(0,0%,100%,.1);
  height:1px;
  margin-top:5em;
  width:100%
}
.footer-bottom {
  justify-content:space-between;
  margin-top:2em;
  width:100%
}
.footer-bottom,.footer-bottom-left {
  align-items:center;
  display:flex
}
.footer-logo {
  align-items:center;
  display:flex;
  width:11em
}
.footer-logo img {
  filter: brightness(0) invert(1)
}
.footer-bottom-center {
  display:flex
}
.footer-bottom-link-wrap {
  display:flex;
  gap:2em
}
.footer-nav-link {
  color:var(--white);
  font-size:.8125em;
  opacity:.6;
  transition:opacity .2s
}
.footer-nav-link:hover {
  opacity:.8
}
.footer-bottom-right {
  align-items:center;
  display:flex
}
.copyright-text {
  font-size:.8125em;
  opacity:.6
}
@media screen and (max-width:991px) {
  .observeit-body {
  font-size:16px
}
.common-wrap {
  padding-left:20px;
  padding-right:20px
}
.observeit-section.header-wrap {
  padding-bottom:20px;
  padding-top:20px
}
.header-btn,.nav-wrap {
  display:none
}
.menu-btn {
  display:flex
}
.main-logo {
  width:11.05em
}
.h1,.h2 {
  font-size:36px;
  letter-spacing:-1px
}
.h2 {
  width:70%
}
.h3 {
  font-size:32px
}
.h5 {
  font-size:24px
}
.lead-text {
  font-size:20px
}
.lead-text.max-800 {
  max-width:100%
}
.observeit-section.hero-wrap {
  min-height:auto;
  padding-bottom:32px;
  padding-top:48px
}
.hero-btn {
  font-size:16px
}
.super-headline {
  font-size:13px
}
.observeit-section.about-section {
  padding-bottom:16px;
  padding-top:48px
}
.observeit-section.about-us-section,.observeit-section.case-studies-section,.observeit-section.footer-section,.observeit-section.reviews-section {
  padding-bottom:48px;
  padding-top:48px
}
.observeit-section.services-section {
  padding-bottom:0;
  padding-top:48px
}
.about-content-wrap {
  gap:40px;
  grid-template-columns:1fr
}
.about-content-wrap .about-content,.about-content-wrap .about-thumb {
  grid-column:1
}
.about-content .hero-btn {
  font-size:16px
}
.about-wrap,.case-studies-wrap {
  gap:24px;
  margin-top:32px
}
.case-studies-wrap {
  grid-template-columns:1fr;
  row-gap:32px
}
.process-steps {
  grid-template-columns:1fr 1fr
}
.observeit-section.cta-section {
  padding:48px 0
}
.cta-btn-wrap {
  font-size:16px
}
.cta-heading {
  width:100%
}
.team-wrap {
  grid-template-columns:1fr
}
.team-item {
  flex-direction:row;
  gap:1.25em
}
.team-thumb {
  width:8em;
  flex-shrink:0
}
.team-wrap {
  gap:24px;
  margin-top:32px
}
.service-card-wrap {
  grid-template-columns:1fr;
  margin-top:32px
}
.service-card {
  padding:24px
}
.service-card-overlay {
  opacity:0
}
.service-card .h3,.service-card-content-wrap {
  color:var(--white)
}
.service-card .service-card-tag {
  background-color:hsla(0,0%,100%,.2);
  color:var(--white)
}
.why-grid {
  grid-template-columns:1fr;
  gap:16px
}
.why-card {
  text-align:center
}
.why-section {
  padding:48px 0
}
.footer-top {
  flex-flow:column;
  gap:40px
}
.footer-columns {
  flex-wrap:wrap;
  gap:32px
}
.footer-col {
  min-width:calc(50% - 16px)
}
.footer-divider {
  margin-top:40px
}
.footer-bottom {
  align-items:flex-start;
  flex-flow:column;
  gap:16px;
  margin-top:24px
}
.footer-logo {
  width:8.5em
}
.footer-bottom-right {
  margin-top:0
}
.footer-text-wrap {
  max-width:100%
}
.titile-wrap {
  gap:16px
}
.dark-mode-toggle {
  left:1.5em;
  right:auto
}
}
.legal-section {
  padding-bottom:6em;
  padding-top:4em
}
.legal-inner {
  max-width:42em
}
.legal-inner .h1 {
  margin-bottom:.5em
}
.legal-updated {
  font-size:.875em;
  margin-bottom:3em;
  opacity:.5
}
.legal-h2 {
  font-size:1.25em;
  font-weight:500;
  margin-bottom:.75em;
  margin-top:2.5em
}
.legal-p {
  font-size:1em;
  line-height:170%;
  margin-bottom:1em;
  opacity:.75
}
.dark-mode-toggle {
  align-items:center;
  background:var(--white);
  border:1px solid rgba(0,0,0,.15);
  border-radius:50%;
  bottom:1.5em;
  box-shadow:0 2px 16px rgba(0,0,0,.18);
  color:var(--black);
  cursor:pointer;
  display:flex;
  height:3.4em;
  justify-content:center;
  position:fixed;
  right:1.5em;
  transition:background .3s,color .3s,border-color .3s,box-shadow .3s;
  width:3.4em;
  z-index:9999
}
.dark-mode-toggle:hover {
  box-shadow:0 4px 20px rgba(0,0,0,.15)
}
.dark-mode-icon {
  height:1.3em;
  width:1.3em
}
.dark-mode .dark-mode-icon.sun,.dark-mode-icon.moon {
  display:none
}
.dark-mode .dark-mode-icon.moon {
  display:block
}
.dark-mode.observeit-body {
  background-color:#111113;
  color:#f0f0f2
}
.dark-mode .observeit-section {
  background-color:#111113
}
.dark-mode .observeit-section.case-studies-section {
  background:radial-gradient(ellipse 70% 50% at 50% 60%,#10101a 0%,#0a0a0c 70%)
}
.dark-mode .observeit-section.reviews-section {
  background:radial-gradient(ellipse 70% 50% at 50% 50%,#10101a 0%,#0a0a0c 70%)
}
.dark-mode .observeit-section.reviews-section:before {
  background:radial-gradient(circle at 15% 30%,hsla(0,0%,100%,.03) 0,transparent 50%),radial-gradient(circle at 85% 70%,hsla(0,0%,100%,.02) 0,transparent 50%)
}
.dark-mode .process-step {
  background:hsla(0,0%,100%,.06);
  border:none
}
.dark-mode .process-step-num {
  color:hsla(0,0%,100%,.35)
}
.dark-mode .observeit-section.footer-section {
  background-color:#0a0a0c
}
.dark-mode .marquee-section {
  background-color:#0a0a0c;
  border-bottom-color:hsla(0,0%,100%,.06);
  border-top-color:hsla(0,0%,100%,.06)
}
.dark-mode .marquee-label {
  color:hsla(0,0%,100%,.55)
}
.dark-mode .marquee-item {
  color:hsla(0,0%,100%,.5)
}
.dark-mode .team-content-title {
  color:hsla(0,0%,100%,.35)
}
.dark-mode .nav-link {
  color:#f0f0f2
}
.dark-mode .menu-bar {
  background-color:#f0f0f2
}
.dark-mode .hero-bg-img {
  display:none
}
.dark-mode .hero-wrap {
  background:radial-gradient(ellipse 80% 60% at 50% 40%,#1a1a2e 0%,#111113 70%)
}
.dark-mode .absolute-full {
  filter:invert(1) hue-rotate(180deg) brightness(.6)
}
.dark-mode .h1,.dark-mode .h2,.dark-mode .h3,.dark-mode .h5,.dark-mode .hero-inner,.dark-mode .hero-title,.dark-mode .p {
  color:#f0f0f2
}
.dark-mode .lead-text {
  color:hsla(0,0%,100%,.5)
}
.dark-mode .super-headline-num {
  background-color: rgba(0, 128, 128, 0.03); border-bottom: 1px solid var(--border-light); border-top: 1px solid var(--border-light);
  color:#111113
}
.dark-mode .text-dark {
  color:#f0f0f2
}
.dark-mode .btn {
  background-color: rgba(0, 128, 128, 0.03); border-bottom: 1px solid var(--border-light); border-top: 1px solid var(--border-light);
  color:#111113
}
.dark-mode .btn:hover {
  background-color:#d8d8d8
}
.dark-mode .btn-icon-box {
  background-color:#111113
}
.dark-mode .btn-icon-box .btn-icon,.dark-mode .btn-icon-box .btn-icon-hover {
  filter:invert(1)
}
.dark-mode .footer-section .btn.btn-light {
  background-color: var(--white);
  color: var(--black)
}
.dark-mode .footer-section .btn-icon-box.dark-bg {
  background-color:#111113
}
.dark-mode .footer-section .btn-icon-box .btn-icon,.dark-mode .footer-section .btn-icon-box .btn-icon-hover {
  filter:none
}
.dark-mode .about-thumb-img {
  filter:brightness(.9)
}
.dark-mode .case-studies-card {
  color:#f0f0f2
}
.dark-mode .case-studies-card-img {
  filter:brightness(.9)
}
.dark-mode .link-icon-box {
  background-color:hsla(0,0%,100%,.1)
}
.dark-mode .link-icon-box .link-icon,.dark-mode .link-icon-box .link-icon-hover {
  filter:none
}
.dark-mode .team-thumb-img {
  background:linear-gradient(180deg,#e8e8e8,#d4d4d4)
}
.dark-mode .service-card-overlay {
  background-color:rgba(0,0,0,.75)
}
.dark-mode .service-card-tag {
  background-color:hsla(0,0%,100%,.1);
  color:#f0f0f2
}
.dark-mode .copyright-text,.dark-mode .footer-col-heading,.dark-mode .footer-h6,.dark-mode .footer-link,.dark-mode .footer-nav-link,.dark-mode .footer-section,.dark-mode .footer-section .lead-text {
  color:#fff
}
.dark-mode .footer-divider {
  background-color:hsla(0,0%,100%,.06)
}
.dark-mode .dark-mode-toggle {
  background:#111113;
  border-color:hsla(0,0%,100%,.1);
  box-shadow:0 2px 12px rgba(0,0,0,.3);
  color:#f0f0f2
}
.dark-mode .dark-mode-toggle:hover {
  box-shadow:0 4px 20px rgba(0,0,0,.5)
}
.case-study-inner {
  display:flex;
  flex-direction:column
}
.case-study-hero {
  display:flex;
  gap:1em
}
.case-study-hero-text-block {
  background:#fff;
  border-radius:1em;
  display:flex;
  flex-direction:column;
  flex-shrink:0;
  justify-content:space-between;
  padding:1.5em;
  width:28.6%
}
.case-study-hero-text-block-btn {
  margin-bottom:1em
}
.back-btn {
  align-items:center;
  background:rgba(0,0,0,.08);
  border-radius:2em;
  color:inherit;
  display:inline-flex;
  font-size:1em;
  gap:1em;
  padding:.2em 1em .2em .25em;
  text-decoration:none
}
.back-btn-arrow {
  align-items:center;
  background:#000;
  border-radius:100%;
  display:flex;
  height:2em;
  justify-content:center;
  overflow:hidden;
  position:relative;
  transform:rotate(180deg);
  width:2em
}
.back-btn-arrow .btn-icon {
  filter:none;
  transform:none;
  width:.6em
}
.back-btn-arrow .btn-icon-hover {
  display:none
}
.dark-mode .back-btn-arrow .btn-icon,.dark-mode .back-btn-arrow .btn-icon-hover {
  filter:none
}
.case-study-hero-thumb {
  flex:1;
  min-width:0
}
.case-study-hero-thumb-img {
  border-radius:1em;
  height:100%;
  object-fit:cover;
  width:100%
}
.case-study-description-wrap {
  align-items:flex-start;
  display:flex;
  gap:1em;
  padding:5em 0 4.5em
}
.case-study-tags-card-wrap {
  flex-shrink:0;
  width:28.6%
}
.case-study-tags-card {
  background:rgba(0,0,0,.08);
  border-radius:1em;
  display:flex;
  flex-wrap:wrap;
  gap:.75em;
  padding:1.5em
}
.case-study-description {
  flex:1;
  min-width:0;
  padding:.5em 1em 1em
}
.case-study-description-title {
  display:flex;
  flex-direction:column;
  gap:.65em
}
.case-study-description-info {
  color:rgba(0,0,0,.4);
  font-size:1.125em
}
.case-study-details-wrap {
  display:flex;
  flex-direction:column;
  gap:2.5em;
  margin-top:2.5em
}
.case-study-details {
  background-color: var(--bg-light);
  border-radius:1em;
  display:flex;
  flex-direction:column;
  gap:.75em;
  padding:2em
}
.case-study-details:first-child {
  background-color:#111113;
  color:#f0f0f2
}
.case-study-details:first-child h5 {
  color:#f0f0f2
}
.case-study-details:first-child li {
  color:hsla(0,0%,100%,.7)
}
.case-study-details h5 {
  color:var(--black);
  font-family:Dmsans,Arial,sans-serif;
  font-size:1.5em;
  font-weight:500;
  letter-spacing:-.02em;
  margin-bottom:.25em
}
.case-study-details p {
  color:rgba(0,0,0,.55);
  font-size:1.0625em;
  line-height:155%
}
.case-study-details ul {
  list-style:none;
  padding-left:0
}
.case-study-details li {
  border-bottom:1px solid rgba(0,0,0,.06);
  color:rgba(0,0,0,.55);
  font-size:1.0625em;
  line-height:155%;
  padding:.5em 0
}
.case-study-details li:last-child {
  border-bottom:none
}
.case-study-details:first-child li {
  border-bottom-color:hsla(0,0%,100%,.1)
}
.case-study-details:first-child li:last-child {
  border-bottom:none
}
.dark-mode .case-study-hero-text-block {
  background:hsla(0,0%,100%,.06)
}
.dark-mode .case-study-tags-card {
  background:hsla(0,0%,100%,.1)
}
.dark-mode .back-btn {
  background:hsla(0,0%,100%,.1);
  color:#f0f0f2
}
.dark-mode .case-study-description-info {
  color:hsla(0,0%,100%,.35)
}
.dark-mode .case-study-details {
  background-color:hsla(0,0%,100%,.06)
}
.dark-mode .case-study-details:first-child {
  background-color: rgba(0, 128, 128, 0.03); border-bottom: 1px solid var(--border-light); border-top: 1px solid var(--border-light);
  color:#111113
}
.dark-mode .case-study-details:first-child h5 {
  color:#111113
}
.dark-mode .case-study-details:first-child li {
  border-bottom-color:rgba(0,0,0,.08);
  color:rgba(0,0,0,.55)
}
.dark-mode .case-study-details h5 {
  color:#f0f0f2
}
.dark-mode .case-study-details li,.dark-mode .case-study-details p {
  border-bottom-color:hsla(0,0%,100%,.06);
  color:hsla(0,0%,100%,.5)
}
@media (max-width:768px) {
  .process-steps {
  grid-template-columns:1fr
}
.case-study-hero {
  flex-direction:column
}
.case-study-hero-text-block {
  width:100%
}
.case-study-description-wrap {
  flex-direction:column;
  padding:3em 0 2.5em
}
.case-study-tags-card-wrap {
  width:100%
}
}

.logo-light {
  display: block;
  width: 100%;
}
.logo-dark {
  display: none;
  width: 100%;
}
.dark-mode .logo-light {
  display: none;
}
.dark-mode .logo-dark {
  display: block;
}


.dark-mode.observeit-body {
  background-color: #070913;
  background-image: radial-gradient(circle at 50% 0%, #0d1e2d 0%, #070913 70%);
  color: #f0f0f2;
}
.dark-mode .observeit-section {
  background-color: transparent;
}
.dark-mode .observeit-section.header-wrap {
  background-color: rgba(7, 9, 19, 0.8);
  backdrop-filter: blur(10px);
}
.dark-mode .main-logo img {
  filter: brightness(0) invert(1)
}
.dark-mode .hero-wrap {
  background: radial-gradient(ellipse 80% 60% at 50% 40%, #0d213a 0%, #070913 70%);
}
.dark-mode .observeit-section.case-studies-section {
  background: radial-gradient(ellipse 70% 50% at 50% 60%, #081626 0%, #070913 70%);
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.dark-mode .observeit-section.reviews-section {
  background: radial-gradient(ellipse 70% 50% at 50% 50%, #081626 0%, #070913 70%);
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.dark-mode .why-section {
  background: radial-gradient(ellipse 70% 60% at 50% 50%, #081626 0%, #070913 70%) !important;
}
.dark-mode .about-section {
  background: radial-gradient(ellipse 60% 50% at 50% 30%, #081626 0%, #070913 65%);
}
.dark-mode .training-section {
  background: radial-gradient(ellipse 70% 60% at 50% 50%, #081626 0%, #070913 70%) !important;
}
.dark-mode .cta-section {
  background: #070913;
}
.dark-mode .cta-glow {
  background: radial-gradient(ellipse 70% 55% at 50% 40%, #0d213a 0%, transparent 70%);
}
.dark-mode .footer-section {
  background-color: #05060a !important;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.dark-mode .process-step {
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.05);
}
.dark-mode .why-card {
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.05);
}
.dark-mode .team-item {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 1.5em;
  padding: 1.5em;
  backdrop-filter: blur(10px);
}
.dark-mode .case-studies-card {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 1.5em;
  padding: 1em;
  transition: all 0.3s ease;
}
.dark-mode .case-studies-card:hover {
  background: rgba(255, 255, 255, 0.04);
  border-color: var(--brand-teal);
  transform: translateY(-4px);
}
.dark-mode .btn {
  background-color: var(--brand-teal);
  color: var(--white);
  box-shadow: 0 4px 14px var(--brand-teal-glow);
}
.dark-mode .btn:hover {
  background-color: var(--brand-blue);
  box-shadow: 0 6px 20px var(--brand-blue-glow);
}
.dark-mode .h1, .dark-mode .h2, .dark-mode .h3, .dark-mode .h5, .dark-mode .p, .dark-mode .hero-stat-num {
  color: #f0f0f2 !important;
}
.dark-mode .lead-text, .dark-mode .hero-sub, .dark-mode .hero-stat-label, .dark-mode .why-card-text {
  color: rgba(240, 240, 242, 0.6) !important;
}
.dark-mode .nav-link {
  color: #f0f0f2;
}
.dark-mode .nav-link:hover {
  color: var(--brand-teal);
}
.dark-mode .menu-bar {
  background-color: #f0f0f2;
}