:root {
  --ink: #0f172a;
  --paper: #ffffff;
  --cyan: #34b5e5;
  --violet: #7647c4;
  --font-sans: "Inter", Arial, sans-serif;
  --font-display: "Space Grotesk", "Inter", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { background: var(--paper); scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); font-family: var(--font-sans); }
.container { margin-inline: auto; max-width: 1440px; padding-inline: 32px; width: 100%; }
.sr-only { clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; }

.site-header { left: 0; position: fixed; right: 0; top: 0; transition: background-color .35s ease, border-color .35s ease, box-shadow .35s ease; z-index: 100;     background: rgba(255, 255, 255, .82);
    border-bottom: 1px solid rgba(226, 232, 240, .82);
    box-shadow: 0 8px 32px rgba(15, 23, 42, .06);
    backdrop-filter: blur(18px);  }
.site-header.is-scrolled { background: rgba(255, 255, 255, .82); border-bottom: 1px solid rgba(226, 232, 240, .82); box-shadow: 0 8px 32px rgba(15, 23, 42, .06); backdrop-filter: blur(18px); }

/*.site-header__inner::before{*/

/*  content: "";*/
/*  position: absolute;*/
/*  inset: -4px;*/
/*  background: linear-gradient(100deg, var(--cyan), var(--violet));*/
/*  filter: blur(20px);*/
/*  opacity: 0.5;*/
/*  z-index: -1;*/
/*  border-radius: inherit;*/

/*}*/

.testimonialSwiper .testimonials-grid {
  display: flex !important;
  padding: 30px 0px;
}

.testimonialSwiper .swiper-slide {
  height: auto;
}


.client-avatar--four{
    background: red;
}

.client-avatar--five{
    background: #9c27b0;
}
.client-avatar--six{
    background: orange;
    
}


/*.process-timeline li {*/
/*  position: relative;*/
/*  opacity: 0.45;*/
/*  transform: translateY(40px);*/
/*  transition: all 0.6s ease;*/
/*}*/

/*.process-timeline li.is-active {*/
/*  opacity: 1;*/
/*  transform: translateY(0);*/
/*}*/

/*.process-timeline li.is-active .process-number {*/
/*  background: linear-gradient(135deg, #22d3ee, #8b5cf6);*/
/*  color: #fff;*/
/*  border-color: transparent;*/
/*  box-shadow: 0 15px 40px rgba(34, 211, 238, 0.3);*/
/*}*/

/*.process-timeline li.is-active h3 {*/
/*  color: #fff;*/
/*}*/

/*.process-timeline li.is-active p {*/
/*  color: rgba(255,255,255,0.8);*/
/*}                               */


.site-header__inner { align-items: center; display: flex; height: 92px; justify-content: space-between; transition: height .35s ease; }
.site-header.is-scrolled .site-header__inner { height: 72px; }
.brand { align-items: center; color: var(--ink); display: inline-flex; font-family: var(--font-display); font-size: .84rem; font-weight: 700; gap: 9px; letter-spacing: -.035em; text-decoration: none; }
.brand__mark { height: 80px; width: auto; }
.primary-navigation { align-items: center; display: flex; gap: clamp(18px, 2vw, 34px); }
.primary-navigation > a:not(.button) { color: #334155; font-size: .84rem; font-weight: 500; text-decoration: none; transition: color .2s ease; }
.primary-navigation > a:not(.button):hover, .primary-navigation > a:not(.button):focus-visible { color: var(--violet); }
.button { align-items: center; border: 1px solid transparent; display: inline-flex; font-family: var(--font-sans); font-size: .8rem; font-weight: 600; gap: 8px; justify-content: center; line-height: 1; text-decoration: none; transition: background-color .2s ease, color .2s ease, transform .2s ease; }
.button--dark { background: var(--ink); color: #fff; padding: 13px 16px; }
.button--dark:hover, .button--dark:focus-visible { background: var(--violet); transform: translateY(-2px); }
.menu-toggle { background: transparent; border: 0; color: var(--ink); cursor: pointer; display: none; height: 44px; padding: 10px; width: 44px; }
.menu-toggle span:not(.sr-only) { background: currentColor; display: block; height: 1.5px; margin: 5px auto; transition: transform .25s ease; width: 23px; }

@media (max-width: 800px) {
  .container { padding-inline: 20px; }
  .site-header__inner, .site-header.is-scrolled .site-header__inner { height: 72px; }
  .menu-toggle { display: block; position: relative; z-index: 2; }
  .menu-toggle[aria-expanded="true"] span:not(.sr-only):first-of-type { transform: translateY(3.25px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:not(.sr-only):last-of-type { transform: translateY(-3.25px) rotate(-45deg); }
  .primary-navigation { align-items: flex-start; background: rgba(255, 255, 255, .98); box-shadow: 0 24px 40px rgba(15, 23, 42, .1); flex-direction: column; gap: 0; inset: 0; justify-content: center; opacity: 0; padding: 96px 28px 36px; pointer-events: none; position: fixed; transform: translateX(100%); transition: opacity .3s ease, transform .35s cubic-bezier(.22, 1, .36, 1); }
  .primary-navigation.is-open { opacity: 1; pointer-events: auto; transform: translateX(0); height:100vh; }
  .primary-navigation > a:not(.button) { border-bottom: 1px solid #e2e8f0; font-family: var(--font-display); font-size: 1.45rem; padding: 18px 0; width: 100%; }
  .navigation-cta { margin-top: 28px; padding: 16px 22px; }
}

.site-preloader {
  align-items: center;
  background: var(--paper);
  display: flex;
  inset: 0;
  justify-content: center;
  overflow: hidden;
  position: fixed;
  z-index: 1000;
}


.site-preloader {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--paper);
  transition: opacity .5s ease, visibility .5s ease;
}
.site-preloader.is-leaving {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.preloader-logo {
  width:200PX;
  height: auto;
  opacity: 0;
  transform: scale(.85);
  animation: logo-in .6s cubic-bezier(.22, 1, .36, 1) forwards;
}
.site-preloader.is-leaving .preloader-logo {
  animation: logo-out .4s cubic-bezier(.4, 0, .2, 1) forwards;
}
@keyframes logo-in { to { opacity: 1; transform: scale(1); } }
@keyframes logo-out { to { opacity: 0; transform: scale(1.08); } }

@media (prefers-reduced-motion: reduce) {
  .preloader-logo { animation: none; opacity: 1; transform: none; }
  .site-preloader.is-leaving .preloader-logo { animation: none; opacity: 0; }
  .site-preloader { transition: opacity .2s linear; }
}

/*.site-preloader {*/
/*  transition: opacity .5s ease;*/
/*}*/
/*.site-preloader.is-leaving {*/
/*  opacity: 0;*/
/*  pointer-events: none;*/
/*}*/


/*.preloader-content {*/
/*  align-items: center;*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  position: relative;*/
/*  z-index: 1;*/
/*}*/

/*.preloader-glow {*/
/*  animation: preloader-glow 1.5s cubic-bezier(.22, 1, .36, 1) forwards;*/
/*  background: linear-gradient(135deg, rgba(52, 181, 229, .3), rgba(118, 71, 196, .24));*/
/*  border-radius: 999px;*/
/*  filter: blur(34px);*/
/*  height: min(24vw, 280px);*/
/*  opacity: .75;*/
/*  position: absolute;*/
/*  transform: scale(.5);*/
/*  width: min(24vw, 380px);*/
/*}*/

/*.preloader-mark {*/
/*  animation: mark-in .65s .12s cubic-bezier(.22, 1, .36, 1) forwards;*/
/*  color: var(--ink);*/
/*  height: 120px;*/
/*  opacity: 0;*/
/*  transform: translateY(14px) scale(.95);*/
/*  width: auto;*/
/*}*/

/*.preloader-name {*/
/*  animation: name-in .7s .32s cubic-bezier(.22, 1, .36, 1) forwards;*/
/*  font-family: var(--font-display);*/
/*  font-size: clamp(1.2rem, 2.2vw, 1.65rem);*/
/*  font-weight: 700;*/
/*  letter-spacing: .24em;*/
/*  margin: 18px 0 15px .24em;*/
/*  opacity: 0;*/
/*  transform: translateY(12px);*/
/*}*/

/*.preloader-line {*/
/*  animation: line-in .7s .65s cubic-bezier(.22, 1, .36, 1) forwards;*/
/*  background: linear-gradient(90deg, var(--cyan), var(--violet));*/
/*  height: 2px;*/
/*  transform: scaleX(0);*/
/*  transform-origin: center;*/
/*  width: 100%;*/
/*}*/


.fade-up {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.8s ease;
}

.fade-up.active {
  opacity: 1;
  transform: translateY(0);
}
.page-stub { min-height: 100vh; }

.hero-section { align-items: center; display: flex; min-height: 100svh; overflow: hidden; padding: 136px 0 52px; position: relative; }
.hero-section::before { background: radial-gradient(circle, rgba(52, 181, 229, .09), transparent 65%); content: ""; height: 720px; pointer-events: none; position: absolute; right: -240px; top: -260px; width: 720px; }
.hero-section__inner { align-items: center; display: grid; gap: 60px; grid-template-columns: minmax(0, .94fr) minmax(480px, 1.06fr); position: relative; }
.hero-content { max-width: 655px; }
.eyebrow { align-items: center; color: #475569; display: flex; font-size: .7rem; font-weight: 700; gap: 9px; letter-spacing: .12em; margin: 0 0 22px; }
.eyebrow__dot { background: linear-gradient(135deg, var(--cyan), var(--violet)); border-radius: 50%; height: 7px; width: 7px; }
.hero-content h1 { color: var(--ink); font-family: var(--font-display); font-size: clamp(3.15rem, 5.7vw, 5.6rem); font-weight: 700; letter-spacing: -.075em; line-height: .99; margin: 0; }
.hero-content h1 span { background: linear-gradient(100deg, var(--cyan), var(--violet)); background-clip: text; -webkit-background-clip: text; color: transparent; }
.hero-content__description { color: #475569; font-size: clamp(1rem, 1.35vw, 1.18rem); line-height: 1.7; margin: 28px 0 32px; max-width: 510px; }
.hero-content__actions { display: flex; flex-wrap: wrap; gap: 12px; }
.button--large { font-size: .84rem; min-height: 52px; padding: 17px 20px; }
.button--outline { border-color: #cbd5e1; color: var(--ink); padding: 13px 16px; }
.button--outline:hover, .button--outline:focus-visible { border-color: var(--violet); color: var(--violet); transform: translateY(-2px); }
.scroll-cue { align-items: center; color: #475569; display: inline-flex; font-size: .76rem; font-weight: 600; gap: 11px; margin-top: 64px; text-decoration: none; }
.scroll-cue__mouse { border: 1.5px solid #64748b; border-radius: 8px; display: inline-flex; height: 24px; justify-content: center; padding-top: 4px; width: 15px; }
.scroll-cue__mouse i { animation: scroll-dot 1.6s infinite ease-in-out; background: var(--violet); border-radius: 100%; height: 4px; width: 2px; }

.hero-visual {    aspect-ratio: 1 / 1;
    margin-inline: auto;
    max-width: 500px;
    min-width: 0;
    position: relative;
    width: 100%; }
.hero-orb {     align-items: center;
    background: radial-gradient(circle at 50% 35%, rgba(255, 255, 255, .95), rgba(248, 250, 252, .8) 48%, rgba(118, 71, 196, .08));
    border: 1px solid rgba(226, 232, 240, .88);
    border-radius: 50%;
    box-shadow: 0 26px 70px rgba(15, 23, 42, .08);
    display: flex;
    height: 70%;
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    z-index: 1;}
    
    
.hero-orb::before { background: conic-gradient(from 90deg, rgba(52,181,229,.18), transparent 28%, rgba(118,71,196,.18), transparent 70%, rgba(52,181,229,.18)); border-radius: 50%; content: ""; inset: 0; opacity: .85; position: absolute; }
.hero-orb img {     height: 100%;
    object-fit: contain;
    object-position: center center;
    position: relative;
    width: 100%;
    z-index: 1; }
.hero-orb span { background: linear-gradient(135deg, rgba(52,181,229,.34), rgba(118,71,196,.28)); border-radius: 50%; filter: blur(26px); height: 45%; position: absolute; width: 45%; }
.hero-orb svg { color: #64748b; height: 50px; position: relative; width: 50px; }
.hero-orbit { animation: orbit-spin 26s linear infinite; border: 1px dashed rgb(93 112 207); border-radius: 50%; inset: 7%; position: absolute; text-align: center; }
/*.hero-orbit--inner {     animation-direction: reverse;*/
/*    animation-duration: 30s;*/
/*    border-style: solid;*/
/*    border-color: rgb(52 181 229 / 57%);*/
/*    inset: 20%; }*/
.hero-orbit i { background: #fff; border: 1px solid #cbd5e1; border-radius: 50%; box-shadow: 0 4px 10px rgba(15, 23, 42, .12); height: 10px; position: absolute; width: 10px; }
.hero-orbit i:nth-child(1) { left: 14%; top: 20%; }.hero-orbit i:nth-child(2) { right: 10%; top: 22%; }.hero-orbit i:nth-child(3) { bottom: 13%; right: 23%; }
.stat-card { --drag-x: 0px; --drag-y: 0px; --orbit-radius: 225px; --orbit-start: 220deg; --orbit-counter: -220deg; animation: stat-orbit 24s linear infinite; background: rgba(255, 255, 255, .92); border: 1px solid rgba(226, 232, 240, .9); border-radius: 10px; box-shadow: 0 18px 40px rgba(15, 23, 42, .1); cursor: grab; display: flex; flex-direction: column; left: 50%; padding: 17px 19px; position: absolute; top: 50%; touch-action: none; transform: translate(-50%, -50%); user-select: none; will-change: transform; z-index: 2; }
.stat-card:active { cursor: grabbing; }.stat-card.is-dragging { animation: none; box-shadow: 0 22px 48px rgba(15, 23, 42, .17); cursor: grabbing; transform: translate3d(var(--drag-x), var(--drag-y), 0); z-index: 4; }.stat-card--leads { --orbit-start: 112deg; --orbit-counter: -112deg; animation-duration: 28s; }.stat-card--reach { --orbit-start: 350deg; --orbit-counter: -350deg; animation-duration: 26s; }
.stat-card > span, .stat-card small { color: #64748b; font-size: .61rem; font-weight: 500; line-height: 1.4; }
.stat-card strong { color: var(--ink); font-family: var(--font-display); font-size: clamp(1.35rem, 2vw, 2rem); letter-spacing: -.07em; line-height: 1; margin: 7px 0 3px; }
.stat-card strong span { font-size: .68em; }.stat-card svg { color: var(--violet); height: 23px; margin-top: 7px; width: 74px; }
.orbit-chip {             --chip-radius: 255px;
    font-weight: 300 !important;
    font-size: 12px !important;
    max-width: fit-content;
    --chip-start: 20deg;
    justify-content: space-around;
    --chip-counter: -20deg;
    align-items: center;
    animation: chip-orbit 44s linear infinite;
    background: rgba(255, 255, 255, .88);
    border: 1px solid rgb(96 109 208);
    border-radius: 999px;
    box-shadow: 0 14px 32px rgba(15, 23, 42, .1);
    color: #334155;
    justify-content: space-around;
    display: inline-flex;
    font-size: .72rem;
    font-weight: 800;
    gap: 8px;
    left: 50%;
    padding: 10px 18px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    will-change: transform;
    z-index: 3;}
    
    
    .orbit-chip img{
        width: 25px;
    }
    
.orbit-chip span { align-items: center; background: linear-gradient(135deg, var(--cyan), var(--violet)); border-radius: 999px; color: #fff; display: inline-flex; font-size: .58rem; height: 26px; justify-content: center; min-width: 26px; padding-inline: 7px; }
.orbit-chip--analytics { --chip-radius: 270px; --chip-start: 360deg; --chip-counter: -360deg; }
.orbit-chip--meta      { --chip-radius: 230px; --chip-start: 25deg;  --chip-counter: -25deg; }
.orbit-chip--google    { --chip-radius: 250px; --chip-start: 80deg;  --chip-counter: -80deg; }
.orbit-chip--seo       { --chip-radius: 230px; --chip-start: 140deg; --chip-counter: -140deg; }
.orbit-chip--tag       { --chip-radius: 250px; --chip-start: 200deg; --chip-counter: -200deg; }
.orbit-chip--lead      { --chip-radius: 270px; --chip-start: 255deg; --chip-counter: -255deg; }
.orbit-chip--ai        { --chip-radius: 270px; --chip-start: 310deg; --chip-counter: -310deg; }

.trusted-brands { background: #f8fafc; border-block: 1px solid #e2e8f0; overflow: hidden; padding: 28px 0; scroll-margin-top: 72px; }
.section-kicker { color: #5d01fc; font-size: .65rem; font-weight: 700; letter-spacing: .14em; margin: 0 0 22px; text-align: center; }
.brand-marquee { mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); overflow: hidden; width: 100%; }
.brand-marquee__track { animation: marquee 28s linear infinite; align-items: center; display: flex; gap: 72px; min-width: max-content; padding-inline: 36px; width: max-content; }
.brand-marquee__track > span { color: #64748b; font-family: var(--font-display); font-size: clamp(1.05rem, 1.7vw, 1.4rem); font-weight: 700; letter-spacing: -.05em; opacity: .82; white-space: nowrap; }
.brand-marquee__track > span:nth-child(3n) { font-family: var(--font-sans); font-size: clamp(.88rem, 1.3vw, 1.12rem); letter-spacing: .12em; }
.brand-mark { color: var(--cyan); }
@keyframes marquee { to { transform: translateX(-50%); } }

.about-section { background: radial-gradient(ellipse at 50% 100%, rgba(52, 181, 229, .2), transparent 57%), linear-gradient(125deg, rgba(118, 71, 196, .09), transparent 40%, rgba(52, 181, 229, .1));padding: 70px 0; }
.about-section__inner { align-items: center; display: grid; gap: clamp(55px, 9vw, 150px); grid-template-columns: minmax(0, .95fr) minmax(400px, .85fr); }
.section-kicker--left { text-align: left; }
.about-copy h2 { color: var(--ink); font-family: var(--font-display); font-size: clamp(2.3rem, 4.15vw, 4rem); letter-spacing: -.075em; line-height: 1.02; margin: 0; }
.about-copy h2 span { color: var(--violet); }
.about-copy > p:not(.section-kicker) { color: #475569; font-size: 1rem; line-height: 1.75; margin: 26px 0 30px; max-width: 520px; }
.text-link { align-items: center; border-bottom: 1px solid var(--ink); color: var(--ink); display: inline-flex; font-size: .82rem; font-weight: 700; gap: 17px; padding-bottom: 9px; text-decoration: none; transition: color .2s ease, border-color .2s ease; }
.text-link:hover, .text-link:focus-visible { border-color: var(--violet); color: var(--violet); }.text-link span { font-size: 1.05rem; }
.impact-grid { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.impact-card { background: linear-gradient(145deg, #fff, #f8fafc); border: 1px solid #e2e8f0; border-radius: 10px; min-height: 190px; padding: 24px; position: relative; transition: box-shadow .25s ease, transform .25s ease; }
.impact-card:hover { box-shadow: 0 16px 30px rgba(15, 23, 42, .08); transform: translateY(-4px); }
.impact-card__icon { align-items: center; background: linear-gradient(135deg, rgba(52, 181, 229, .14), rgba(118, 71, 196, .14)); border-radius: 7px; color: var(--violet); display: inline-flex; font-size: 1rem; height: 30px; justify-content: center; width: 30px; }
.impact-card strong { display: block; font-family: var(--font-display); font-size: clamp(2rem, 3.1vw, 2.8rem); letter-spacing: -.085em; line-height: 1; margin-top: 30px; }.impact-card strong span { color: var(--cyan); }
.impact-card p { color: #64748b; font-size: .72rem; font-weight: 600; margin: 7px 0 0; text-transform: uppercase; }

.services-section { background: #f8fafc; border-block: 1px solid #e2e8f0; padding: 70px 0; }
.section-heading { margin: 0 auto 48px; max-width: 620px; text-align: center; }.section-heading .section-kicker { margin-bottom: 14px; }
.section-heading h2 { color: var(--ink); font-family: var(--font-display); font-size: clamp(2.35rem, 4vw, 3.8rem); letter-spacing: -.075em; line-height: 1; margin: 0; }
.section-heading > p:last-child { color: #64748b; font-size: .95rem; line-height: 1.65; margin: 17px auto 0; max-width: 440px; }
.services-grid { display: grid; gap: 14px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.service-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; display: flex; flex-direction: column; min-height: 200px; padding: 26px; position: relative; transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease; }
.service-card:hover { border-color: rgba(118, 71, 196, .28); box-shadow: 0 16px 34px rgba(15, 23, 42, .08); transform: translateY(-4px); }
.service-card__icon { align-items: center; background: linear-gradient(135deg, rgba(52, 181, 229, .13), rgba(118, 71, 196, .13)); border-radius: 8px; color: var(--violet); display: inline-flex; font-size: 1.1rem; height: 36px; justify-content: center; width: 36px; }
.service-card h3 { color: var(--ink); font-family: var(--font-display); font-size: 1.5rem; letter-spacing: -.045em; margin: 31px 0 10px; }.service-card p { color: #64748b; font-size: 1rem; line-height: 1.55; margin: 0;  }
.service-card a { align-items: center; color: var(--ink); display: inline-flex; font-size: .92rem; font-weight: 700; gap: 8px; margin-top: auto; padding-top: 24px; text-decoration: none; }.service-card a span { font-size: 1rem; transition: transform .2s ease; }.service-card a:hover span, .service-card a:focus-visible span { color: var(--violet); transform: translateX(4px); }

.service-card { --service-accent: var(--cyan); --service-tint: rgba(52, 181, 229, .13); border-color: rgba(226, 232, 240, .9); overflow: hidden; }.service-card:nth-child(2) { --service-accent: #7647c4; --service-tint: rgba(118, 71, 196, .12); }.service-card:nth-child(3) { --service-accent: #2d8a9a; --service-tint: rgba(45, 138, 154, .12); }.service-card:nth-child(4) { --service-accent: #486fb5; --service-tint: rgba(72, 111, 181, .11); }.service-card:nth-child(5) { --service-accent: #d66a4f; --service-tint: rgba(214, 106, 79, .11); }.service-card:nth-child(6) { --service-accent: #6d814d; --service-tint: rgba(109, 129, 77, .12); }
.service-card::before { background: radial-gradient(circle, var(--service-tint), transparent 67%); content: ""; height: 200px; pointer-events: none; position: absolute; right: -95px; top: -92px; transition: transform .45s cubic-bezier(.22, 1, .36, 1); width: 200px; }.service-card::after { background: var(--service-accent); content: ""; height: 3px; left: 0; position: absolute; top: 0; transform: scaleX(0); transform-origin: left; transition: transform .35s cubic-bezier(.22, 1, .36, 1); width: 100%; }
.service-card:hover, .service-card:focus-within { border-color: color-mix(in srgb, var(--service-accent) 40%, #e2e8f0); }.service-card:hover::before, .service-card:focus-within::before { transform: scale(1.45); }.service-card:hover::after, .service-card:focus-within::after { transform: scaleX(1); }.service-card:hover .service-card__icon, .service-card:focus-within .service-card__icon { background: var(--service-accent); color: #fff; transform: rotate(-8deg) scale(1.08); }
.service-card__number { color: #cbd5e1; font-family: var(--font-display); font-size: .68rem; font-weight: 700; position: absolute; right: 24px; top: 25px; }.service-card__label { color: var(--service-accent); font-size: .61rem; font-weight: 800; letter-spacing: .095em; margin-top: 19px; text-transform: uppercase; }.service-card__icon { background: var(--service-tint); color: var(--service-accent); transition: background-color .25s ease, color .25s ease, transform .35s cubic-bezier(.22, 1, .36, 1); }.service-card h3 { margin-top: 12px; }.service-card a { align-items: center; color: var(--service-accent); gap: 12px; padding-top: 22px; }.service-card a span { align-items: center; background: var(--service-tint); border-radius: 50%; display: inline-flex; height: 24px; justify-content: center; transition: background-color .2s ease, color .2s ease, transform .2s ease; width: 24px; }.service-card a:hover span, .service-card a:focus-visible span { background: var(--service-accent); color: #fff; transform: translateX(4px); }

.work-section { background: #f8fafc; overflow: hidden;padding: 70px 0; }.work-section .section-heading { margin-bottom: 45px; }
.work-rail { display: grid; gap: 16px; grid-template-columns: repeat(5, minmax(230px, 1fr)); overflow-x: auto; padding-bottom: 10px; scrollbar-color: #cbd5e1 transparent; }
.portfolio-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 10px; min-width: 0; overflow: hidden; transition: box-shadow .25s ease, transform .25s ease; }.portfolio-card:hover { box-shadow: 0 18px 36px rgba(15, 23, 42, .1); transform: translateY(-5px); }
.portfolio-card__art { align-items: center; display: flex; height: 235px; justify-content: center; overflow: hidden; position: relative; }.portfolio-card__art span { font-family: var(--font-display); font-size: 2.3rem; font-weight: 700; letter-spacing: -.1em; position: relative; z-index: 1; }.portfolio-card__art i { border: 1px solid currentColor; border-radius: 50%; height: 70%; opacity: .35; position: absolute; right: -10%; top: -24%; width: 70%; }
.portfolio-card__art--lumin { background: linear-gradient(135deg, #e9d6cc, #f9f0e8); color: #523a36; }.portfolio-card__art--lumin::before { background: #ca8f76; border-radius: 100% 0 100% 0; bottom: -19%; content: ""; height: 76%; left: -12%; position: absolute; width: 76%; }
.portfolio-card__art--arca { background: #152c3e; color: #d9eef5; }.portfolio-card__art--arca::before { background: linear-gradient(135deg, transparent 30%, #39bce8 31% 38%, transparent 39%); content: ""; inset: 0; opacity: .8; position: absolute; }.portfolio-card__art--nori { background: #e7eae3; color: #2e473b; }.portfolio-card__art--nori::before { background: #90b872; border-radius: 50%; content: ""; height: 88%; position: absolute; right: -20%; top: 24%; width: 88%; }.portfolio-card__art--prism { background: linear-gradient(135deg, #41366c, #8d76cf); color: #fff; }.portfolio-card__art--prism::before { border: 1px solid rgba(255,255,255,.65); content: ""; height: 58%; position: absolute; transform: rotate(45deg); width: 58%; }
.portfolio-card__body { padding: 18px 18px 20px; }.portfolio-card__body p { color: #64748b; font-size: .65rem; font-weight: 700; letter-spacing: .08em; margin: 0 0 8px; text-transform: uppercase; }.portfolio-card__body h3 { color: var(--ink); font-family: var(--font-display); font-size: 1rem; letter-spacing: -.045em; margin: 0; }.portfolio-card__body > span { color: var(--violet); display: block; font-size: .7rem; font-weight: 700; margin-top: 10px; }
.work-section__footer { display: flex; justify-content: center; margin-top: 38px; }

.why-section {     border-block: 1px solid #e2e8f0;
    padding: 70px 0;
    background: #fff;
    inset: 0; }.why-section .section-heading { margin-bottom: 46px; }
    .adro-agencies{
        background:radial-gradient(ellipse at 50% 100%, rgba(52, 181, 229, .2), transparent 57%), linear-gradient(125deg, rgba(118, 71, 196, .09), transparent 40%, rgba(52, 181, 229, .1))!important;
    }
    
.principles-grid { display: grid; gap: 14px; grid-template-columns: repeat(2, minmax(0, 1fr));    padding: 0px 80px; }
.principle-card { background: rgba(255, 255, 255, .76); border: 1px solid #e2e8f0; border-radius: 10px; min-height: 245px; padding: 28px 24px; transition: background-color .25s ease, border-color .25s ease, transform .25s ease; }.principle-card:hover { background: #fff; border-color: rgba(52, 181, 229, .38); transform: translateY(-4px); }
.principle-card > span { align-items: center; background: linear-gradient(135deg, rgba(52,181,229,.14), rgba(118,71,196,.14)); border-radius: 50%; color: var(--violet); display: inline-flex; font-size: 1.2rem; height: 38px; justify-content: center; width: 38px; }.principle-card p { color: #64748b; font-size: .82rem; line-height: 1.65; margin: 0; }
.principle-card h3 { font-family: var(--font-display); font-size: 2.07rem; letter-spacing: -.045em; margin: 31px 0 10px; }
.process-section { background: #fff; min-height: 260svh; padding: 0; position: relative; }.process-section > .container { display: flex; flex-direction: column; justify-content: center; min-height: calc(100svh - 86px); padding-block: 70px; position: sticky; top: 86px; }.process-section .section-heading { margin-bottom: 64px; }
.process-timeline { counter-reset: steps; display: grid; gap: 28px; grid-template-columns: repeat(4, 1fr); list-style: none; margin: 0; padding: 0; position: relative; }.process-timeline::before { background: #cbd5e1; content: ""; height: 1px; left: 10%; position: absolute; right: 10%; top: 25px; }.process-timeline::after { background: linear-gradient(90deg, var(--cyan), var(--violet), #536b43); content: ""; height: 3px; left: 10%; position: absolute; top: 24px; transform: scaleX(var(--process-progress, 0)); transform-origin: left center; transition: transform .35s ease; width: 80%; }
.process-timeline li { opacity: .45; padding-top: 66px; position: relative; text-align: center; transform: translateY(14px); transition: opacity .35s ease, transform .35s ease; z-index: 1; }.process-number { align-items: center; background: #f8fafc; border: 5px solid #fff; border-radius: 50%; box-shadow: 0 0 0 1px #cbd5e1; color: #64748b; display: flex; font-family: var(--font-display); font-size: .66rem; font-weight: 700; height: 50px; justify-content: center; left: 50%; position: absolute; top: 0; transform: translateX(-50%); transition: background .35s ease, box-shadow .35s ease, color .35s ease, transform .35s ease; width: 50px; }.process-timeline h3 { color: #334155; font-family: var(--font-display); font-size: 1.08rem; letter-spacing: -.04em; margin: 0 0 11px; transition: color .35s ease; }.process-timeline p { color: #64748b; font-size: .8rem; line-height: 1.6; margin: 0 auto; max-width: 195px; transition: color .35s ease; }.process-timeline li.is-active { opacity: 1; transform: translateY(0); }.process-timeline li.is-active .process-number { background: linear-gradient(135deg, var(--cyan), var(--violet)); box-shadow: 0 12px 32px rgba(118, 71, 196, .24), 0 0 0 1px rgba(118, 71, 196, .22); color: #fff; transform: translateX(-50%) scale(1.08); }.process-timeline li.is-active h3 { color: var(--violet); }.process-timeline li.is-active p { color: #334155; }.process-timeline li.is-complete { opacity: .82; }.process-timeline li.is-complete .process-number { background: var(--ink); color: #fff; }

.other-agencies ul li {
    
      list-style: none;
    font-size: 18px;
    gap: 10px;
    padding: 15px 0px;
}

.other-agencies ul li span{
    border-radius: 50px;
    background: #ff000063;
    padding: 7px 6px 7px 8px;
    color: white;
    margin-right: 10px;
        font-size: 18px;
}

.other-agencies ul{
    
    padding-left:0px;
}



.adro-agencies ul li {
    
      list-style: none;
    font-size: 18px;
    gap: 10px;
    padding: 15px 0px;
}

.adro-agencies ul li span{
    border-radius: 50px;
    background: #008d2863;
    padding: 7px 13px 7px 9px;
    color: white;
    margin-right: 10px;
        font-size: 18px;
}

.adro-agencies ul{
    
    padding-left:0px;
}
  .portfolio-card__art img{
      width:100%;
  }
.testimonials-section { background: #fff; border-block: 1px solid #e2e8f0;padding: 70px 0; }.testimonials-section .section-heading { margin-bottom: 46px; }
.testimonials-grid { display: grid; gap: 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); }.testimonial-card { background: radial-gradient(ellipse at 50% 100%, rgba(52, 181, 229, .2), transparent 57%), linear-gradient(125deg, rgba(118, 71, 196, .09), transparent 40%, rgba(52, 181, 229, .1)); border: 1px solid #e2e8f0; border-radius: 10px; display: flex; flex-direction: column; margin: 0; min-height: 250px; padding: 26px; }.quote-mark { color: var(--cyan); font-family: Georgia, serif; font-size: 3rem; height: 29px; line-height: 1; }.testimonial-card blockquote { color: #334155; font-size: .9rem; line-height: 1.7; margin: 15px 0 25px; }.testimonial-card figcaption { align-items: center; display: flex; gap: 11px; margin-top: auto; }.client-avatar { align-items: center; border-radius: 50%; color: #fff; display: inline-flex; font-family: var(--font-display); font-size: .62rem; font-weight: 700; height: 33px; justify-content: center; width: 33px; }.client-avatar--one { background: #7647c4; }.client-avatar--two { background: #277e9f; }.client-avatar--three { background: #5d754c; }.testimonial-card figcaption strong { color: var(--ink); display: block; font-size: .74rem; }.testimonial-card figcaption small { color: #64748b; display: block; font-size: .64rem; margin-top: 3px; }.testimonial-dots { display: flex; gap: 7px; justify-content: center; margin-top: 29px; }.testimonial-dots span { background: #cbd5e1; border-radius: 50%; height: 6px; width: 6px; }.testimonial-dots .is-active { background: var(--violet); width: 19px; }

.final-cta { background: #fff; overflow: hidden; padding: 130px 0; position: relative; text-align: center; }.final-cta__wash { background: radial-gradient(ellipse at 50% 100%, rgba(52, 181, 229, .2), transparent 57%), linear-gradient(125deg, rgba(118, 71, 196, .09), transparent 40%, rgba(52, 181, 229, .1)); inset: 0; position: absolute; }.final-cta__wash::before, .final-cta__wash::after { border: 1px solid rgba(118, 71, 196, .12); border-radius: 50%; content: ""; height: 580px; position: absolute; width: 580px; }.final-cta__wash::before { left: -260px; top: -365px; }.final-cta__wash::after { bottom: -410px; right: -210px; }
.final-cta__content { position: relative; }.final-cta .section-kicker { margin-bottom: 18px; }.final-cta h2 { font-family: var(--font-display); font-size: clamp(2.85rem, 5.2vw, 5rem); letter-spacing: -.08em; line-height: .98; margin: 0; }.final-cta h2 span { background: linear-gradient(100deg, var(--cyan), var(--violet)); background-clip: text; -webkit-background-clip: text; color: transparent; }.final-cta__content > p:not(.section-kicker) { color: #475569; font-size: 1rem; line-height: 1.7; margin: 24px auto 31px; max-width: 500px; }.final-cta__actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }

.contact-form-section { 
    border-block: 1px solid #e2e8f0;
    padding: 70px 0;
    background: radial-gradient(ellipse at 50% 100%, rgba(52, 181, 229, .2), transparent 57%), linear-gradient(125deg, rgba(118, 71, 196, .09), transparent 40%, rgba(52, 181, 229, .1));
    inset: 0;
}.contact-form-section__inner { align-items: start; display: grid; gap: clamp(55px, 10vw, 155px); grid-template-columns: minmax(0, .82fr) minmax(420px, .95fr); }.contact-form-copy h2 { font-family: var(--font-display); font-size: clamp(2.4rem, 4vw, 3.9rem); letter-spacing: -.08em; line-height: 1.02; margin: 0; }.contact-form-copy h2 span { color: var(--violet); }.contact-form-copy > p:not(.section-kicker) { color: #475569; font-size: .98rem; line-height: 1.7; margin: 24px 0 30px; max-width: 450px; }.contact-email { color: var(--ink); font-size: .84rem; font-weight: 700; text-decoration: none; }.contact-email span { color: var(--violet); margin-right: 8px; }
.project-form { background: #fff; border: 1px solid #e2e8f0; border-radius: 12px; box-shadow: 0 18px 42px rgba(15, 23, 42, .07); display: grid; gap: 19px; padding: clamp(25px, 3vw, 38px); }.form-field { display: grid; gap: 8px; }.form-field label { color: #334155; font-size: .75rem; font-weight: 700; }.form-field input, .form-field select, .form-field textarea { appearance: none; background: #fff; border: 1px solid #cbd5e1; border-radius: 6px; color: var(--ink); font: inherit; font-size: .86rem; outline: none; padding: 13px 14px; transition: border-color .2s ease, box-shadow .2s ease; width: 100%; }.form-field textarea { resize: vertical; }.form-field input::placeholder, .form-field textarea::placeholder { color: #94a3b8; }.form-field input:focus, .form-field select:focus, .form-field textarea:focus { border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(52, 181, 229, .14); }.project-form__submit { justify-self: start; margin-top: 4px; }.form-success { color: #28714a; font-size: .82rem; font-weight: 600; margin: 0; }

.site-footer { background: var(--ink); color: #fff; padding: 66px 0 22px; }.footer-main { display: grid; gap: 45px; grid-template-columns: 1.7fr repeat(3, 1fr); padding-bottom: 58px; }.footer-brand .brand { color: #fff; }.footer-brand > p { color: #94a3b8; font-size: .77rem; line-height: 1.7; margin: 18px 0 22px; max-width: 250px; }.social-links { display: flex; gap: 8px; }.social-links a { align-items: center; border: 1px solid #475569; border-radius: 50%; color: #fff; display: flex; font-family: var(--font-display); font-size: .64rem; font-weight: 700; height: 29px; justify-content: center; text-decoration: none; width: 29px; }.social-links a:hover, .social-links a:focus-visible { background: var(--cyan); border-color: var(--cyan); }.footer-links { display: flex; flex-direction: column; gap: 10px; }.footer-links h2 { color: #fff; font-size: .78rem; margin: 5px 0 8px; }.footer-links a, .footer-links p { color: #94a3b8; font-size: .75rem; line-height: 1.4; margin: 0; text-decoration: none; }.footer-links a:hover, .footer-links a:focus-visible { color: #fff; }.footer-bottom { border-top: 1px solid #334155; color: #94a3b8; display: flex; font-size: .68rem; justify-content: space-between; padding-top: 22px; }.footer-bottom div { display: flex; gap: 20px; }.footer-bottom a { color: inherit; text-decoration: none; }

@keyframes scroll-dot { 0%, 100% { opacity: .4; transform: translateY(0); } 50% { opacity: 1; transform: translateY(7px); } }
@keyframes stat-float { 0%, 100% { transform: translate3d(var(--drag-x), var(--drag-y), 0); } 50% { transform: translate3d(var(--drag-x), calc(var(--drag-y) - 11px), 0); } }
@keyframes orbit-spin { to { transform: rotate(360deg); } }
@keyframes stat-orbit {
  from { transform: translate3d(var(--drag-x), var(--drag-y), 0) translate(-50%, -50%) rotate(var(--orbit-start)) translateX(var(--orbit-radius)) rotate(var(--orbit-counter)); }
  to { transform: translate3d(var(--drag-x), var(--drag-y), 0) translate(-50%, -50%) rotate(calc(var(--orbit-start) + 360deg)) translateX(var(--orbit-radius)) rotate(calc(var(--orbit-counter) - 360deg)); }
}
@keyframes chip-orbit {
  from { transform: translate(-50%, -50%) rotate(var(--chip-start)) translateX(var(--chip-radius)) rotate(var(--chip-counter)); }
  to { transform: translate(-50%, -50%) rotate(calc(var(--chip-start) + 360deg)) translateX(var(--chip-radius)) rotate(calc(var(--chip-counter) - 360deg)); }
}

@keyframes mark-in { to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes name-in { to { opacity: 1; transform: translateY(0); } }
@keyframes line-in { to { transform: scaleX(1); } }
@keyframes preloader-glow { to { transform: scale(1); } }

.site-preloader.is-leaving {
  opacity: 0;
  pointer-events: none;
  transition: opacity .45s ease;
}

@media (prefers-reduced-motion: reduce) {
  .preloader-glow, .preloader-mark, .preloader-name, .preloader-line {
    animation: none;
    opacity: 1;
    transform: none;
  }
  .hero-orbit, .orbit-chip, .stat-card { animation: none; }
  .stat-card { transform: translate3d(var(--drag-x), var(--drag-y), 0) translate(-50%, -50%); }
  .site-preloader.is-leaving { transition-duration: .01ms; }
  .brand-marquee__track { animation: none; }
}

@media (max-width: 1040px) {
  .hero-section__inner { gap: 30px; grid-template-columns: minmax(0, 1fr) minmax(380px, .85fr); }
  .hero-visual { max-width: 540px; }
  .stat-card { --orbit-radius: 185px; }
  .orbit-chip { --chip-radius: 210px; font-size: .66rem; padding: 7px 10px 7px 7px; }
  .orbit-chip--analytics, .orbit-chip--google { --chip-radius: 220px; }.orbit-chip--meta, .orbit-chip--seo { --chip-radius: 188px; }
}

@media (max-width: 800px) {
  .hero-section { align-items: flex-start; min-height: auto; padding: 140px 0 72px; }
  .hero-section__inner { display: block; }
  .hero-content { max-width: 620px; }
  .hero-visual { margin-top: 64px; max-width: 580px; }
  .scroll-cue { margin-top: 44px; }
  .about-section { padding: 88px 0; }
  .about-section__inner { display: block; }
  .impact-grid { margin-top: 48px; max-width: 620px; }
  .services-section { padding: 88px 0; }.services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .work-section { padding: 88px 0; }.work-rail { grid-template-columns: repeat(5, minmax(255px, .8fr)); }
  .why-section { padding: 88px 0; }.principles-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .process-section { min-height: 260svh; padding: 0; }.process-section > .container { min-height: calc(100svh - 72px); padding-block: 58px; top: 72px; }
  .testimonials-section { padding: 88px 0; }.testimonials-grid { grid-template-columns: 1fr; max-width: 650px; margin-inline: auto; }
  .final-cta { padding: 105px 0; }
  .contact-form-section { padding: 88px 0; }.contact-form-section__inner { display: block; }.project-form { margin-top: 45px; max-width: 660px; }.footer-main { grid-template-columns: 1.6fr repeat(3, 1fr); }
  .principles-grid{padding:0px 0px;}
  .other-agencies ul li{
          font-size: 14px;
 
  }
  

  
  .other-agencies ul li span{
      font-size: 12px;
          padding: 5px 5px 5px 7px;
  }
  
  
   .adro-agencies ul li{
          font-size: 14px;
 
  }
  
  .adro-agencies ul li span{
      font-size: 12px;
          padding: 5px 5px 5px 7px;
  }
  
}

@media (max-width: 480px) {
  .hero-section { padding-top: 122px; }
  .hero-content h1 { font-size: clamp(2.85rem, 14vw, 4rem); }
  .hero-content__description { font-size: .95rem; margin: 22px 0 27px; }
  .hero-content__actions { display: grid; grid-template-columns: 1fr; }.button--large { width: 100%; }
  .hero-visual { margin-top: 55px; min-width: 310px; transform: translateX(-4%); width: 112%; }
  .hero-orb { height: 70%; width: 70%; }.stat-card { --orbit-radius: 132px; padding: 10px 11px; }.stat-card strong { font-size: 1.15rem; }.stat-card > span, .stat-card small { font-size: .55rem; }.stat-card svg { width: 56px; }.orbit-chip { --chip-radius: 150px; font-size: .56rem; gap: 5px; padding: 5px 8px 5px 5px; }.orbit-chip--analytics, .orbit-chip--google { --chip-radius: 158px; }.orbit-chip--meta, .orbit-chip--seo { --chip-radius: 128px; }.orbit-chip span { font-size: .48rem; height: 21px; min-width: 21px; padding-inline: 5px; }
  .about-section { padding: 72px 0; }.impact-grid { gap: 9px; margin-top: 38px; }.impact-card { min-height: 165px; padding: 17px; }.impact-card strong { font-size: 2rem; margin-top: 24px; }
  .services-section { padding: 72px 0; }.section-heading { margin-bottom: 34px; }.services-grid { grid-template-columns: 1fr; }.service-card { min-height: 220px; padding: 22px; }.service-card h3 { margin-top: 24px; }
  .work-section { padding: 72px 0; }.portfolio-card__art { height: 210px; }.work-section__footer { margin-top: 30px; }
  .why-section { padding: 72px 0; }.principles-grid { gap: 10px; grid-template-columns: 1fr; }.principle-card { min-height: 0; padding: 15px; }.principle-card h3 { margin-top: 22px; }
  .process-section { min-height: 280svh; padding: 0; }.process-section > .container { min-height: calc(100svh - 72px); padding-block: 34px; top: 72px; }.process-section .section-heading { margin-bottom: 26px; }.process-section .section-heading h2 { font-size: clamp(2rem, 10vw, 3rem); }.process-section .section-heading > p:last-child { font-size: .84rem; margin-top: 10px; }.process-timeline { display: block; margin-left: 7px; }.process-timeline::before { bottom: 25px; height: auto; left: 20px; right: auto; top: 25px; width: 1px; }.process-timeline::after { background: linear-gradient(180deg, var(--cyan), var(--violet), #536b43); bottom: auto; height: calc(100% - 50px); left: 19px; right: auto; top: 25px; transform: scaleY(var(--process-progress, 0)); transform-origin: top center; width: 3px; }.process-timeline li { min-height: 96px; padding: 1px 0 18px 62px; text-align: left; }.process-number { left: -4px; transform: none; }.process-timeline li.is-active .process-number { transform: scale(1.08); }.process-timeline h3 { font-size: 1rem; margin-bottom: 6px; }.process-timeline p { font-size: .74rem; line-height: 1.45; margin: 0; max-width: none; }
  .testimonials-section { padding: 72px 0; }.testimonial-card { min-height: 0; padding: 22px; }
  .final-cta { padding: 84px 0; }.final-cta__actions { display: grid; grid-template-columns: 1fr; margin-inline: auto; max-width: 290px; }
  .contact-form-section { padding: 72px 0; }.project-form { margin-top: 35px; padding: 22px; }.project-form__submit { width: 100%; }.footer-main { gap: 34px; grid-template-columns: repeat(2, 1fr); padding-bottom: 40px; }.footer-brand { grid-column: 1 / -1; }.footer-bottom { align-items: flex-start; flex-direction: column; gap: 13px; }.footer-bottom div { gap: 14px; }
}