:root {
   --green: #13f287;
   --green-dark: #158E41;
   --deep: #080d11;
   --panel: #111922;
   --panel-border: #1c2a34;
   --muted: #a8b4bd;
 }

 * {
   box-sizing: border-box;
 }

 html {
   scroll-behavior: smooth;
 }

 body {
   margin: 0;
   font-family: "Inter", sans-serif;
   color: #ffffff;
   background: #151515;
 }

 .container {
   width: min(100% - 40px, 1240px);
   margin-inline: auto;
 }

 .font-black {
   font-weight: 600 !important;
 }

 .page-shell {
   background:
     linear-gradient(180deg, rgba(8, 13, 17, 0) 0%, rgba(8, 13, 17, .95) 47%, rgba(16, 18, 18, 1) 100%),
     radial-gradient(circle at 18% 18%, rgba(0, 210, 106, .12), transparent 24%),
     #0b1014;
   min-height: 100vh;
   overflow: hidden;
 }

 section[data-aos-scope="true"] {
   overflow-x: clip;
 }

 .hero {
   position: relative;
   overflow: hidden;
   background: #060a0d;
 }

 .hero-bg-video {
   position: absolute;
   inset: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center top;
   pointer-events: none;
 }

 .hero::after {
   content: "";
   position: absolute;
   inset: 0;
   background:linear-gradient(90deg, rgb(6 10 13) 0%, rgb(6 10 13 / 20%) 35%, rgb(6 10 13 / 0%) 74%, rgb(7 7 7 / 0%) 100%), linear-gradient(180deg, rgb(3 4 4 / 0%) 0%, rgb(6 10 13 / 0%) 58%, #10131300 100%);
   /* background:
     linear-gradient(90deg, rgba(6, 10, 13, .97) 0%, rgba(6, 10, 13, .82) 35%, rgba(6, 10, 13, .36) 74%, rgba(6, 10, 13, .12) 100%),
     linear-gradient(180deg, rgba(6, 10, 13, .05) 0%, rgba(6, 10, 13, .05) 58%, #101313 100%); */
   pointer-events: none;
   z-index: 1;
 }

 .site-header {
   position: fixed;
   left: 0;
   right: 0;
   top: 0;
   z-index: 999;
   border-bottom: 1px solid transparent;
   background: transparent;
   transition: background .2s ease, border-color .2s ease, box-shadow .2s ease, backdrop-filter .2s ease;
 }

 .site-header.is-scrolled {
   border-bottom-color: rgba(255, 255, 255, .08);
   background: rgba(6, 10, 13, .92);
   box-shadow: 0 18px 42px rgba(0, 0, 0, .28);
   backdrop-filter: blur(12px);
 }

 .hero-content {
   position: relative;
   z-index: 2;
   padding-top: clamp(9rem, 13vw, 13rem);
   padding-bottom: clamp(15rem, 20vw, 24rem);
 }

 .hero-typewriter {
   position: relative;
   display: inline-block;
   min-width: 9.5em;
   white-space: nowrap;
 }

 .hero-typewriter::after {
   content: "";
   display: inline-block;
   width: 3px;
   height: .9em;
   margin-left: 7px;
   vertical-align: -.08em;
   background: currentColor;
   animation: typewriter-caret .8s steps(1) infinite;
 }

 @keyframes typewriter-caret {
   50% {
     opacity: 0;
   }
 }

 .brand-mark {
   border: 2px solid var(--green);
   color: var(--green);
   box-shadow: 0 0 20px rgba(0, 210, 106, .18);
 }

 .nav-link {
   color: rgba(255, 255, 255, .82);
   font-size: 16px;
   transition: color .2s ease;
 }

 .nav-link:hover {
   color: var(--green);
 }

 .green-btn {
   background: #199D49;
   color: #04120b;
   box-shadow: 0 12px 30px rgba(0, 210, 106, .22);
   transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
 }

 .green-btn:hover {
   background: #0c8d4d;
   transform: translateY(-1px);
   box-shadow: 0 16px 38px rgba(0, 210, 106, .28);
 }

 .green-btn .fa-arrow-right {
   transition: transform .2s ease;
 }

 .green-btn:hover .fa-arrow-right,
 .green-btn:focus-visible .fa-arrow-right {
   transform: translateX(5px);
 }

 .outline-btn {
   background: rgba(10, 17, 22, .58);
   color: #ffffff;
   border: 1px solid rgba(255, 255, 255, .16);
   transition: border-color .2s ease, transform .2s ease;
 }

 .outline-btn:hover {
   border-color: rgba(0, 210, 106, .7);
   transform: translateY(-1px);
 }

 .stats-card {
   /* background:
        radial-gradient(circle at 12% 18%, rgba(255,255,255,.18), transparent 19%),
        radial-gradient(circle at 88% 86%, rgba(3, 78, 42, .34), transparent 28%),
        linear-gradient(135deg, #0db65d 0%, #09a956 48%, #058c48 100%); */
   background: linear-gradient(0deg, #158E41, #158E41),
     linear-gradient(360deg, rgba(39, 143, 77, 0.56) 0%, rgba(25, 157, 73, 0.2128) 100%);

   border: 1px solid rgba(255, 255, 255, .14);
   box-shadow:
     0 34px 80px rgba(0, 0, 0, .42),
     inset 0 1px 0 rgba(255, 255, 255, .16);
   isolation: isolate;
 }

 .stats-card::before,
 .stats-card::after {
   content: "";
   position: absolute;
   inset: 0;
   pointer-events: none;
 }

 .stats-card::before {
   background-image:
     radial-gradient(ellipse at center, transparent 47%, rgba(255, 255, 255, .14) 48%, rgba(255, 255, 255, .14) 49%, transparent 50%),
     radial-gradient(ellipse at center, transparent 56%, rgba(255, 255, 255, .10) 57%, rgba(255, 255, 255, .10) 58%, transparent 59%);
   background-size: 150px 94px, 220px 136px;
   background-position: -32px -10px, 18px 22px;
   opacity: .2;
   mix-blend-mode: screen;
 }

 .stats-card::after {
   background:
     linear-gradient(90deg, rgba(255, 255, 255, .18), transparent 22%, transparent 78%, rgba(255, 255, 255, .12)),
     linear-gradient(180deg, rgba(255, 255, 255, .10), transparent 38%);
   opacity: .42;
   z-index: -1;
 }

 .stats-heading {
   position: relative;
   display: inline-block;
   text-shadow: 0 8px 24px rgba(0, 0, 0, .18);
 }

 .stats-heading::after {
   content: "";
   position: absolute;
   left: 50%;
   bottom: -14px;
   width: 84px;
   height: 1px;
   transform: translateX(-50%);
   background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .72), transparent);
 }

 .stat-item {
   position: relative;
   min-height: 76px;
   display: grid;
   align-content: center;
   gap: 4px;
 }

 .stat-item+.stat-item::before {
   content: "";
   position: absolute;
   left: -1px;
   top: 10px;
   bottom: 10px;
   width: 1px;
   background: linear-gradient(180deg, transparent, rgba(255, 255, 255, .42), transparent);
 }

 /* .stat-value {
   font-size: clamp(1.75rem, 2.4vw, 2.35rem);
   line-height: 1;
   letter-spacing: .01em;
   text-shadow: 0 8px 20px rgba(0, 0, 0, .18);
 } */

 .stat-label {
   font-size: 12px;
   letter-spacing: .14em;
   margin-top: 20px;
 }

 .script-font {
   font-family: "Playfair Display", serif;
 }

 .service-section {
   margin-top: -110px;
   position: relative;
   z-index: 4;
   background: url("../images/bg-body-img.png");
   background-size: cover;
   background-position: center;
   background-color: #000000a1;
 }

 /* 
    .service-section::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(0,0,0,.26), rgba(0,0,0,.62));
      pointer-events: none;
    } */

 .service-card {
   background: #121b24;
   border: 1px solid var(--panel-border);
   box-shadow: 0 24px 50px rgba(0, 0, 0, .28);
   transition: border-color .2s ease, transform .2s ease, background .2s ease;
 }

 .service-card:hover {
   transform: translateY(-4px);
   border-color: rgba(0, 210, 106, .48);
   background: #15212c;
 }

 .service-card a .fa-arrow-right {
   transition: transform .2s ease;
 }

 .service-card a:hover .fa-arrow-right,
 .service-card a:focus-visible .fa-arrow-right {
   transform: translateX(5px);
 }

 .icon-box {
   background: rgba(0, 210, 106, .08);
   border: 1px solid rgba(0, 210, 106, .34);
   color: var(--green);
 }

 .client-section,
 .leadership-section {
   background:
     linear-gradient(180deg, rgba(12, 15, 16, .98), rgba(7, 13, 17, .98)),
     radial-gradient(circle at 82% 12%, rgba(0, 210, 106, .08), transparent 28%);
 }

 .about-section {
   background: linear-gradient(360deg, #10181F 0%, rgba(18, 18, 18, 0.52) 100%);
 }

 .client-section::before,
 .leadership-section::before {
   content: "";
   position: absolute;
   inset: 0;
   background:
     linear-gradient(180deg, rgba(0, 0, 0, .72), rgba(0, 0, 0, .3) 42%, rgba(0, 0, 0, .68)),
     url("https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1800&q=80");
   background-size: cover;
   background-position: center top;
   opacity: .22;
   pointer-events: none;
 }

 .client-section::before,
 .leadership-section::before {
   background:
     linear-gradient(180deg, rgba(10, 13, 14, .86), rgba(10, 13, 14, .5) 48%, rgba(10, 13, 14, .9)),
     url("https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1800&q=80");
   background-size: cover;
   background-position: center;
   opacity: .24;
 }

 .section-eyebrow {
   display: inline-flex;
   align-items: center;
   border: 1px solid rgba(0, 210, 106, .5);
   border-radius: 999px;
   padding: 5px 11px;
   color: var(--green);
   font-size: 9px;
   font-weight: 600;
   letter-spacing: .24em;
   line-height: 1;
   text-transform: uppercase;
 }

 .testimonial-slider {
   overflow: hidden;
   margin-inline: calc((100vw - min(100vw - 40px, 1240px)) / -2);
   padding-inline: calc((100vw - min(100vw - 40px, 1240px)) / 2);
 }

 .testimonial-track {
   display: flex;
   gap: 24px;
   transition: transform .35s ease;
   will-change: transform;
 }

 .video-card {
   position: relative;
   flex: 0 0 calc((100% - 24px) / 2);
   min-height: 450px;
   overflow: hidden;
   border: 1px solid rgba(255, 255, 255, .08);
   border-radius: 9px;
   background: #111922;
   box-shadow: 0 24px 60px rgba(0, 0, 0, .36);
 }

 .video-card video,
 .video-card img {
   width: 100%;
   height: 450px;
   min-height: 240px;
   display: block;
   object-fit: cover;
   filter: saturate(.95);
   background: #0b1014;
 }

 .video-card::after {
   content: "";
   position: absolute;
   inset: 0;
   background: rgba(0, 0, 0, .12);
   pointer-events: none;
 }

 .play-btn {
   position: absolute;
   left: 50%;
   top: 50%;
   z-index: 2;
   display: grid;
   width: 60px;
   height: 60px;
   place-items: center;
   transform: translate(-50%, -50%);
   border: 0;
   border-radius: 999px;
   background: rgba(255, 255, 255, .9);
   box-shadow: 0 12px 32px rgba(0, 0, 0, .34);
   cursor: pointer;
   transition: transform .2s ease, background .2s ease;
 }

 .play-btn:hover {
   transform: translate(-50%, -50%) scale(1.06);
   background: #ffffff;
 }

 .play-btn span {
   width: 0;
   height: 0;
   margin-left: 4px;
   border-bottom: 13px solid transparent;
   border-left: 19px solid #15212c;
   border-top: 13px solid transparent;
 }

.play-btn i,
.social-play i {
  margin-left: 3px;
  color: #15212c;
  font-size: 18px;
  line-height: 1;
 }

 body.modal-open {
   overflow: hidden;
 }

 .video-modal {
   position: fixed;
   inset: 0;
   z-index: 2000;
   display: grid;
   place-items: center;
   padding: 24px;
   background: rgba(2, 7, 10, .86);
   opacity: 0;
   pointer-events: none;
   transition: opacity .22s ease;
 }

 .video-modal.is-open {
   opacity: 1;
   pointer-events: auto;
 }

 .video-modal__dialog {
   position: relative;
   width: min(100%, 1180px);
   transform: translateY(14px) scale(.98);
   border: 1px solid rgba(255, 255, 255, .12);
   border-radius: 9px;
   background: #05090d;
   box-shadow: 0 28px 80px rgba(0, 0, 0, .58);
   transition: transform .22s ease;
 }

 .video-modal__dialog--single {
   width: min(100%, 980px);
 }

 .video-modal.is-open .video-modal__dialog {
   transform: translateY(0) scale(1);
 }

 .video-modal__body {
   display: grid;
   grid-template-columns: minmax(0, 1fr) 280px;
   gap: 0;
   overflow: hidden;
   border-radius: 9px;
 }

 .video-modal__body--single {
   grid-template-columns: 1fr;
 }

 .video-modal__player {
   display: block;
   width: 100%;
   aspect-ratio: 16 / 9;
   max-height: calc(100vh - 96px);
   background: #000;
 }

 .video-modal__related {
   max-height: calc(100vh - 96px);
   overflow-y: auto;
   border-left: 1px solid rgba(255, 255, 255, .1);
   background: #0d141b;
   padding: 18px;
 }

 .video-modal__related-title {
   margin-bottom: 14px;
   color: #ffffff;
   font-size: 14px;
   font-weight: 800;
   line-height: 1.2;
 }

 .video-modal__related-list {
   display: grid;
   gap: 12px;
 }

 .video-modal__related-item {
   display: grid;
   grid-template-columns: 86px minmax(0, 1fr);
   align-items: center;
   gap: 10px;
   width: 100%;
   border: 1px solid rgba(255, 255, 255, .08);
   border-radius: 8px;
   background: rgba(255, 255, 255, .04);
   padding: 8px;
   color: rgba(255, 255, 255, .82);
   text-align: left;
   cursor: pointer;
   transition: border-color .2s ease, background .2s ease, color .2s ease;
 }

 .video-modal__related-item:hover,
 .video-modal__related-item:focus-visible {
   border-color: rgba(52, 244, 122, .48);
   background: rgba(52, 244, 122, .1);
   color: #ffffff;
   outline: none;
 }

 .video-modal__related-item img {
   width: 86px;
   aspect-ratio: 16 / 10;
   border-radius: 6px;
   object-fit: cover;
   background: #05090d;
 }

 .video-modal__related-item span {
   display: -webkit-box;
   overflow: hidden;
   font-size: 13px;
   font-weight: 700;
   line-height: 1.35;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
 }

 .video-modal__close {
   position: absolute;
   right: -14px;
   top: -14px;
   z-index: 2;
   display: grid;
   width: 42px;
   height: 42px;
   place-items: center;
   border: 1px solid rgba(255, 255, 255, .22);
   border-radius: 999px;
   background: #ffffff;
   color: #10181f;
   cursor: pointer;
   box-shadow: 0 14px 32px rgba(0, 0, 0, .35);
   transition: transform .2s ease, background .2s ease, color .2s ease;
 }

 .video-modal__close:hover,
 .video-modal__close:focus-visible {
   transform: scale(1.06);
   background: #34F47A;
   color: #04120b;
   outline: none;
 }

 .slider-btn {
   display: grid;
   width: 38px;
   height: 38px;
   place-items: center;
   border: 1px solid rgba(0, 210, 106, .82);
   border-radius: 999px;
   color: #ffffff;
   background: rgba(0, 0, 0, .18);
   line-height: 1;
   transition: background .2s ease, color .2s ease, transform .2s ease;
 }

 .slider-btn:hover {
   background: var(--green);
   color: #04120b;
   transform: translateY(-1px);
 }

 .client-feedback-row {
   display: flex;
   align-items: stretch;
   gap: 16px;
 }

 .client-slider {
   position: relative;
   overflow: hidden;
   margin-inline: calc((100vw - min(100vw - 40px, 1240px)) / -2);
   padding-inline: calc((100vw - min(100vw - 40px, 1240px)) / 2);
 }

 .client-feedback-row .client-slider {
   flex: 1 1 auto;
   min-width: 0;
   margin-inline: 0;
   padding-inline: 0;
 }

 .client-stat-card-fixed {
   flex-shrink: 0;
 }

 /* .client-slider::before,
    .client-slider::after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      z-index: 2;
      width: clamp(42px, 8vw, 140px);
      pointer-events: none;
    } */

 .client-slider::before {
   left: 0;
   background: linear-gradient(90deg, rgba(12, 15, 16, .96), rgba(12, 15, 16, 0));
 }

 .client-slider::after {
   right: 0;
   background: linear-gradient(270deg, rgba(12, 15, 16, .96), rgba(12, 15, 16, 0));
 }

 .client-track {
   display: flex;
   width: max-content;
   gap: 16px;
   animation: client-slide 30s linear infinite;
   will-change: transform;
 }

 .client-slider:hover .client-track {
   animation-play-state: paused;
 }

 .client-stat-card,
 .client-card {
   flex: 0 0 clamp(260px, 26vw, 350px);
   min-height: 260px;
   border-radius: 8px;
   box-shadow: 0 24px 60px rgba(0, 0, 0, .32);
 }

 .client-stat-card {
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   gap: 10px;
   padding: 28px;
   background:
     radial-gradient(circle at 22% 18%, rgba(255, 255, 255, .14), transparent 24%),
     linear-gradient(135deg, #158E41, #078c48);
   color: #ffffff;
 }

 .client-stat-card strong {
   font-size: clamp(3.4rem, 6vw, 5rem);
   font-weight: 700;
   line-height: .88;
   letter-spacing: 0;
 }

 .client-stat-card span {
   max-width: 220px;
   color: rgba(255, 255, 255, .84);
   font-size: 14px;
   line-height: 1.45;
 }

 .client-card {
   padding: 28px;
   border: 1px solid rgba(255, 255, 255, .07);
   background:
     linear-gradient(145deg, rgba(29, 31, 38, .98), rgba(18, 20, 26, .96)),
     radial-gradient(circle at 88% 12%, rgba(0, 210, 106, .09), transparent 24%);
 }

 .client-profile {
   display: flex;
   align-items: center;
   gap: 12px;
   padding-bottom: 18px;
   border-bottom: 1px solid rgba(255, 255, 255, .12);
 }

 .client-profile img {
   width: 42px;
   height: 42px;
   flex: 0 0 42px;
   border-radius: 999px;
   object-fit: cover;
   border: 1px solid rgba(255, 255, 255, .2);
 }

 .client-profile strong,
 .client-profile small {
   display: block;
   line-height: 1.2;
 }

 .client-profile strong {
   font-size: 18px;
   font-weight: 800;
   color: rgba(255, 255, 255, .9);
 }

 .client-profile small {
   margin-top: 3px;
   font-size: 14px;
   color: rgba(255, 255, 255, .48);
 }

 .client-card p {
   margin-top: 20px;
   max-width: 280px;
   color: rgba(255, 255, 255, .76);
   font-size: 16px;
   line-height: 1.55;
 }

 .leadership-section {
   border-top: 1px solid rgba(255, 255, 255, .06);
 }

 .leader-card {
   overflow: hidden;
   border: 1px solid rgba(255, 255, 255, .09);
   border-radius: 8px;
   background:
     linear-gradient(180deg, rgba(26, 30, 34, .92), rgba(12, 15, 17, .98)),
     #111922;
   box-shadow: 0 24px 60px rgba(0, 0, 0, .35);
 }

 .leader-card img {
   width: 100%;
   aspect-ratio: 1 / 1.22;
   display: block;
   object-fit: cover;
   object-position: center top;
   filter: saturate(.9) contrast(1.03);
 }

 .leader-card div {
   padding: 18px;
   background: linear-gradient(180deg, rgba(12, 15, 17, .72), rgba(12, 15, 17, 1));
 }

 .leader-card h3 {
   font-size: 18px;
   font-weight: 900;
   line-height: 1.2;
 }

 .leader-card p {
   margin-top: 5px;
   color: var(--green);
   font-size: 14px;
   font-weight: 800;
   line-height: 1.3;
 }

 .leader-card span {
   display: block;
   margin-top: 8px;
   color: rgba(255, 255, 255, .58);
   font-size: 14px;
   line-height: 1.4;
 }

 @keyframes client-slide {
   from {
     transform: translateX(0);
   }

   to {
     transform: translateX(calc(-50% - 8px));
   }
 }

 .about-section {
   border-top: 1px solid rgba(255, 255, 255, .06);
 }

 .about-image {
   overflow: hidden;
   border: 1px solid rgba(255, 255, 255, .08);
   border-radius: 8px;
   box-shadow: 0 26px 70px rgba(0, 0, 0, .42);
 }

 .about-image img {
   width: 100%;
   aspect-ratio: 1 / .92;
   display: block;
   object-fit: cover;
 }

 .about-point {
   display: grid;
   grid-template-columns: 40px 1fr;
   gap: 18px;
   align-items: start;
   padding: 22px 0;
   border-bottom: 2px solid rgba(255, 255, 255, .1);
   border-image: linear-gradient(90deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .1) 100%) 1;
   transition: border-image-source .2s ease;
 }

 .about-point:hover {
   border-image: linear-gradient(90deg, #34F47A 0%, #111314 100%) 1;
 }

 .point-icon {
   display: grid;
   width: 34px;
   height: 34px;
   place-items: center;
   border: 1px solid rgba(0, 210, 106, .75);
   border-radius: 7px;
   color: #ffffff;
   font-size: 17px;
   line-height: 1;
 }

 .about-point p {
   max-width: 560px;
   color: rgba(255, 255, 255, .7);
   line-height: 1.3;
 }

 .funding-section {
   background: #10181F;
 }

 .funding-section .funding-card {
  background: linear-gradient(93.16deg, #1E3141 1.13%, #0A151D 55.56%, rgba(10, 27, 43, 0) 104.06%), url('../images/cta-bg.png');
  background-position: center;
   /* background: linear-gradient(90deg, rgb(28 45 59) 0%, rgb(18 31 42) 42%, rgba(9, 18, 25, .28) 100%), url(https://images.unsplash.com/photo-1519501025264-65ba15a82390?auto=format&fit=crop&w=1200&q=82); */
 }

 .brand-section {
   background:
   linear-gradient(180deg, rgb(16 24 31 / 92%), rgb(8 13 17 / 27%)), linear-gradient(90deg, rgb(8 13 17 / 10%), rgba(8, 13, 17, .5), rgb(8 13 17 / 24%)), url(../images/trusted-brands-bg.png);
   background-color: #10181f;
   background-size: cover;
   background-position: center;
 }

 /* .funding-section::before,
    .brand-section::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(180deg, rgba(7,13,17,.42), rgba(7,13,17,.76)),
        url("https://images.unsplash.com/photo-1494526585095-c41746248156?auto=format&fit=crop&w=1800&q=76");
      background-size: cover;
      background-position: center bottom;
      opacity: .18;
      pointer-events: none;
    } */

 .funding-card {
   position: relative;
   min-height: 250px;
   display: flex;
   align-items: center;
   border: 1px solid rgba(98, 171, 227, .34);
   background:
     linear-gradient(90deg, rgba(19, 35, 47, .96) 0%, rgba(12, 23, 31, .88) 42%, rgba(9, 18, 25, .28) 100%),
     url("https://images.unsplash.com/photo-1519501025264-65ba15a82390?auto=format&fit=crop&w=1200&q=82");
   background-size: cover;
   background-position: center right;
   box-shadow:
     0 32px 80px rgba(0, 0, 0, .42),
     inset 0 1px 0 rgba(255, 255, 255, .1);
 }

 .funding-card::after {
   content: "";
   position: absolute;
   inset: 0;
   background:
     radial-gradient(circle at 76% 24%, rgba(0, 210, 106, .16), transparent 22%),
     linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, 0));
   pointer-events: none;
 }

 .brand-wall {
   overflow: hidden;
   border: 2px solid rgba(255, 255, 255, .24);
   background:
     linear-gradient(90deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .16), rgba(255, 255, 255, .08)),
     rgba(34, 38, 41, .78);
   box-shadow:
     0 28px 70px rgba(0, 0, 0, .42),
     inset 0 1px 0 rgba(255, 255, 255, .22);
   backdrop-filter: blur(10px);
 }

 .brand-slider {
   position: relative;
 }

 .brand-slider::before,
 .brand-slider::after {
   content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   z-index: 2;
   width: 88px;
   pointer-events: none;
 }

 .brand-slider::before {
   left: 0;
   background: linear-gradient(90deg, rgba(34, 38, 41, .94), rgba(34, 38, 41, 0));
 }

 .brand-slider::after {
   right: 0;
   background: linear-gradient(270deg, rgba(34, 38, 41, .94), rgba(34, 38, 41, 0));
 }

 .brand-track {
   --brand-gap: 24px;
   --brand-loop-offset: 12px;
   display: flex;
   width: max-content;
   align-items: center;
   gap: var(--brand-gap);
   animation: brand-slide 22s linear infinite;
   will-change: transform;
 }

 .brand-slider:hover .brand-track {
   animation-play-state: paused;
 }

 .brand-logo {
   flex: 0 0 clamp(150px, 18vw, 210px);
   min-height: 74px;
   padding: 14px;
   display: grid;
   place-items: center;
   align-content: center;
   gap: 3px;
   color: rgba(255, 255, 255, .9);
   font-family: "Playfair Display", serif;
   font-size: clamp(1rem, 2vw, 1.35rem);
   line-height: 1;
   text-align: center;
   text-transform: uppercase;
 }

 .brand-logo img {
   display: block;
   width: 100%;
   max-width: 150px;
   max-height: 70px;
   object-fit: contain;
 }

 .brand-logo small {
   font-family: "Inter", sans-serif;
   font-size: 8px;
   font-weight: 800;
   letter-spacing: .08em;
   color: rgba(255, 255, 255, .7);
 }

 .brand-logo-strong {
   font-family: "Inter", sans-serif;
   font-size: clamp(1.05rem, 2vw, 1.45rem);
   font-weight: 900;
   letter-spacing: .02em;
 }

 .brand-logo-script {
   font-size: clamp(1.35rem, 2.4vw, 1.8rem);
   text-transform: none;
 }

 .brand-icon {
   display: block;
   color: #ffffff;
   font-size: 18px;
   font-weight: 900;
   line-height: 1;
 }

 .brand-icon.fa-solid {
   font-family: "Font Awesome 6 Free";
 }

 .brand-mark-line {
   width: 58px;
   height: 14px;
   border-top: 2px solid rgba(255, 255, 255, .86);
   border-bottom: 2px solid rgba(255, 255, 255, .86);
   border-radius: 999px;
   opacity: .82;
 }

 .social-video-section {
   /* background:
     linear-gradient(90deg, rgba(10, 12, 13, .99), rgba(10, 12, 13, .9) 46%, rgba(10, 12, 13, .99)),
     linear-gradient(180deg, rgba(10, 12, 13, .92), rgba(10, 12, 13, .97)),
     url("https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1800&q=80"); */
   background-position: center;
   background-size: cover;
   background: #121212 !important;
 }

 /* .social-video-section::before {
   content: "";
   position: absolute;
   inset: 0;
   background:
     repeating-linear-gradient(135deg, rgba(255, 255, 255, .03) 0 1px, transparent 1px 18px),
     radial-gradient(circle at 52% 10%, rgba(52, 244, 122, .09), transparent 22%);
   pointer-events: none;
 } */

 .social-tab.is-active {
   border-color: rgba(52, 244, 122, .28);
   background: linear-gradient(90deg, rgba(52, 244, 122, .14), rgba(255, 255, 255, .05));
   box-shadow: inset 3px 0 0 #ff6b4a;
 }

 .social-carousel-wrap {
   padding-inline: 76px;
 }

 .treading-section {
   width: min(100% - 40px, 1440px);
   max-width: 1440px;
 }

 .social-video-slider {
   overflow: hidden;
   padding-block: 2px;
 }

 .social-video-track {
   display: flex;
   gap: 18px;
   transition: transform .45s ease;
   will-change: transform;
 }

 .social-video-card {
   position: relative;
   flex: 0 0 calc((100% - 36px) / 3);
   height: clamp(320px, 31vw, 430px);
   overflow: hidden;
   border-radius: 8px;
   background: #111314;
   box-shadow: 0 24px 60px rgba(0, 0, 0, .34);
   cursor: pointer;
 }

 .social-video-card:focus-visible {
   outline: 2px solid #34F47A;
   outline-offset: 4px;
 }

 .social-video-card img,
 .social-video-card video {
   width: 100%;
   height: 100%;
   display: block;
   object-fit: cover;
 }

 .social-video-card::after {
   content: "";
   position: absolute;
   inset: 0;
   background: linear-gradient(180deg, rgba(0, 0, 0, .08), rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, .34));
   pointer-events: none;
 }

 .social-card-copy {
   position: absolute;
   left: 10px;
   right: 10px;
   top: 28px;
   z-index: 2;
   display: grid;
   justify-items: center;
   gap: 3px;
   color: #111314;
   font-weight: 900;
   line-height: 1;
   text-align: center;
   pointer-events: none;
 }

 .social-card-copy span {
   display: inline-block;
   padding: 3px 6px;
   border-radius: 3px;
   background: rgba(255, 255, 255, .92);
   font-size: clamp(11px, 1.4vw, 15px);
 }

 .social-card-copy strong {
   display: inline-block;
   padding: 3px 6px;
   border-radius: 3px;
   background: #31be8e;
   color: #ffffff;
   font-size: clamp(11px, 1.4vw, 15px);
 }

 .social-card-copy-dark {
   top: auto;
   bottom: 46px;
 }

 .social-card-copy-dark span {
   background: rgba(0, 0, 0, .72);
   color: #ffd15c;
   font-size: clamp(15px, 1.9vw, 22px);
 }

 .social-card-copy-dark strong {
   background: rgba(0, 0, 0, .72);
   color: #ffffff;
   font-size: clamp(9px, 1vw, 12px);
 }

 .social-play {
   position: absolute;
   left: 50%;
   top: 50%;
   z-index: 2;
   display: grid;
   width: 50px;
   height: 50px;
   place-items: center;
   transform: translate(-50%, -50%);
   border: 0;
   border-radius: 999px;
   background: rgba(255, 255, 255, .92);
   box-shadow: 0 16px 36px rgba(0, 0, 0, .35);
   transition: transform .2s ease, background .2s ease;
 }

 .social-play:hover {
   transform: translate(-50%, -50%) scale(1.06);
   background: #ffffff;
 }

 .social-play span {
   width: 0;
   height: 0;
   margin-left: 4px;
   border-bottom: 10px solid transparent;
   border-left: 15px solid #111314;
   border-top: 10px solid transparent;
 }

 .social-arrow {
   position: absolute;
   top: 50%;
   z-index: 5;
   display: grid;
   width: 36px;
   height: 36px;
   place-items: center;
   transform: translateY(-50%);
   border: 1px solid #34F47A;
   border-radius: 999px;
   color: #ffffff;
   background: rgba(0, 0, 0, .26);
   line-height: 1;
   transition: background .2s ease, color .2s ease, transform .2s ease;
 }

 .social-arrow:hover {
   background: #199D49;
   color: #04120b;
   transform: translateY(-50%) scale(1.04);
 }

 .social-arrow-prev {
   left: 0;
 }

 .social-arrow-next {
   right: 0;
 }

 @keyframes brand-slide {
   from {
     transform: translateX(0);
   }

   to {
     transform: translate3d(calc(-50% - var(--brand-loop-offset)), 0, 0);
   }
 }

 @media (prefers-reduced-motion: reduce) {
   .client-track {
     animation: none;
     width: 100%;
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .client-track [aria-hidden="true"] {
     display: none;
   }

   .client-stat-card,
   .client-card {
     flex-basis: auto;
   }

   .brand-track {
     animation: none;
     width: 100%;
     display: grid;
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }

   .brand-track [aria-hidden="true"] {
     display: none;
   }

   .brand-logo {
     flex-basis: auto;
   }
 }

body.mobile-menu-open {
  overflow: hidden;
}

.mobile-menu-backdrop {
  position: fixed;
  inset: 0;
  z-index: 998;
  background: rgba(0, 0, 0, .58);
  opacity: 1;
  visibility: visible;
  transition: opacity .24s ease, visibility .24s ease;
}

.mobile-menu-backdrop[data-open="false"] {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.mobile-menu {
  position: fixed;
  inset-block: 0;
  right: 0;
  z-index: 1000;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  height: 100vh;
  height: 100dvh;
  max-height: 100vh;
  max-height: 100dvh;
  width: min(86vw, 390px);
  overflow: hidden;
  background:
    radial-gradient(circle at 18% 8%, rgba(52, 244, 122, .12), transparent 28%),
    linear-gradient(180deg, rgba(13, 21, 28, .98), rgba(7, 12, 16, .98));
  border-left: 1px solid rgba(255, 255, 255, .12);
  box-shadow: -28px 0 70px rgba(0, 0, 0, .45);
  transform: translateX(0);
  visibility: visible;
  transition: transform .28s cubic-bezier(.22, 1, .36, 1), visibility .28s ease;
}

.mobile-menu nav {
  min-height: 0;
  overflow: hidden;
}

.mobile-menu[data-open="false"] {
  transform: translateX(105%);
  visibility: hidden;
  pointer-events: none;
}

.mobile-nav-link {
  display: flex;
  min-height: 44px;
  align-items: center;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, .08);
  background: rgba(255, 255, 255, .035);
  padding: 0 13px;
  color: rgba(255, 255, 255, .78);
  font-weight: 700;
  transition: border-color .2s ease, background .2s ease, color .2s ease;
}

.mobile-nav-link:hover,
.mobile-nav-link.is-active {
  border-color: rgba(52, 244, 122, .34);
  background: rgba(52, 244, 122, .08);
  color: #34F47A;
}

.mobile-service-root {
  /* overflow: hidden; */
  border-radius: 8px;
  border: 1px solid rgba(52, 244, 122, .2);
  background: rgba(17, 25, 34, .82);
}

.mobile-service-item {
  overflow: hidden;
  border-radius: 7px;
  border: 1px solid rgba(255, 255, 255, .08);
  background: rgba(255, 255, 255, .035);
}

.mobile-service-group summary {
  position: relative;
  display: flex;
  min-height: 44px;
  cursor: pointer;
  list-style: none;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 42px 0 14px;
  color: rgba(255, 255, 255, .82);
  font-size: 14px;
  font-weight: 800;
  transition: background .2s ease, color .2s ease;
}

.mobile-service-item summary {
  min-height: 40px;
  color: #34F47A;
  font-size: 13px;
}

.mobile-service-group summary::-webkit-details-marker {
  display: none;
}

.mobile-service-group summary::after {
  content: "\f078";
  position: absolute;
  right: 14px;
  font-family: "Font Awesome 6 Free";
  font-size: 11px;
  font-weight: 900;
  color: rgba(255, 255, 255, .56);
  transition: transform .2s ease, color .2s ease;
}

.mobile-service-group[open] > summary,
.mobile-service-group summary.is-active {
  background: rgba(52, 244, 122, .08);
  color: #34F47A;
}

.mobile-service-group[open] > summary::after {
  color: #34F47A;
  transform: rotate(180deg);
}

.mobile-service-root > .mobile-service-content {
  padding: 0 10px 10px;
}

.mobile-services-dropdown[open] > .mobile-service-content {
  max-height: min(52vh, 430px);
  overflow-y: auto;
  overscroll-behavior: contain;
  touch-action: pan-y;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(52, 244, 122, .55) rgba(255, 255, 255, .08);
}

.mobile-services-dropdown > .mobile-service-content::-webkit-scrollbar {
  width: 6px;
}

.mobile-services-dropdown > .mobile-service-content::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, .08);
}

.mobile-services-dropdown > .mobile-service-content::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(52, 244, 122, .55);
}

.mobile-service-item > .mobile-service-content {
  padding: 0 9px 10px;
}

.mobile-sub-link {
  display: block;
  border-left: 2px solid rgba(52, 244, 122, .24);
  border-radius: 0 6px 6px 0;
  background: rgba(8, 13, 17, .32);
  padding: 9px 10px;
  color: rgba(255, 255, 255, .64);
  font-size: 12px;
  line-height: 1.35;
  transition: border-color .2s ease, background .2s ease, color .2s ease, transform .2s ease;
}

.mobile-sub-link:hover {
  border-left-color: #34F47A;
  background: rgba(52, 244, 122, .08);
  color: #fff;
  transform: translateX(2px);
}

@media (min-width: 1024px) {
  .mobile-menu,
  .mobile-menu-backdrop {
    display: none !important;
  }
}

@media (max-width: 1024px) {
  .hero-bg-video {
     object-position: 58% top;
   }

   .hero-content {
     padding-top: 11rem;
     padding-bottom: 15rem;
   }

   .service-section {
     margin-top: -80px;
   }

   .stat-item:nth-child(odd)::before {
     display: none;
   }

   .video-card {
     flex-basis: calc((100% - 24px) / 2);
     min-height: 220px;
   }

   .video-card video,
   .video-card img {
     height: 250px;
     min-height: 220px;
   }

   .social-carousel-wrap {
     padding-inline: 52px;
   }

   .social-video-card {
     flex-basis: calc((100% - 18px) / 2);
     height: clamp(300px, 44vw, 380px);
   }

 }

 @media (min-width: 1024px) and (max-width: 1399px) {
   .treading-section {
     width: min(100% - 32px, 1180px);
     max-width: 1180px;
   }

   .treading-section .social-carousel-wrap {
     padding-inline: 48px;
   }

   .treading-section .social-video-card {
     flex-basis: calc((100% - 18px) / 2);
     height: clamp(340px, 42vw, 460px);
   }
 }

 @media (max-width: 640px) {
   .container {
     width: min(100% - 24px, 1240px);
   }

   .hero::after {
     background:
       linear-gradient(180deg, rgba(6, 10, 13, .92) 0%, rgba(6, 10, 13, .78) 44%, rgba(6, 10, 13, .42) 72%, #101313 100%);
   }

   .hero-content {
     padding-top: 8.5rem;
     padding-bottom: 8rem;
   }

   .service-section {
     margin-top: -42px;
   }

   .testimonial-section {
     padding-block: 72px;
   }

   .testimonial-slider {
     margin-inline: calc((100vw - min(100vw - 24px, 1240px)) / -2);
     padding-inline: 12px;
   }

   .testimonial-track {
     gap: 12px;
   }

   .video-card {
     flex-basis: 100%;
   }

   .video-card video,
   .video-card img {
     height: 260px;
   }

   .video-modal {
     padding: 16px;
   }

   .video-modal__body {
     grid-template-columns: 1fr;
     max-height: calc(100vh - 32px);
     overflow-y: auto;
   }

   .video-modal__player {
     max-height: none;
   }

   .video-modal__related {
     max-height: none;
     overflow: visible;
     border-left: 0;
     border-top: 1px solid rgba(255, 255, 255, .1);
     padding: 14px;
   }

   .video-modal__related-list {
     display: flex;
     gap: 10px;
     overflow-x: auto;
     padding-bottom: 2px;
   }

   .video-modal__related-item {
     flex: 0 0 210px;
   }

   .video-modal__close {
     right: 8px;
     top: 8px;
     width: 38px;
     height: 38px;
   }

  .client-slider {
    margin-inline: calc((100vw - min(100vw - 24px, 1240px)) / -2);
    padding-inline: 12px;
  }

  .client-feedback-row {
    flex-direction: column;
  }

  .client-stat-card-fixed {
    flex-basis: auto;
    width: 100%;
  }

   .client-track {
     gap: 12px;
     animation-duration: 22s;
   }

   .client-stat-card,
   .client-card {
     flex-basis: 252px;
     min-height: 248px;
     padding: 22px;
   }

   .client-card p {
     font-size: 12px;
   }

   .about-section {
     padding-bottom: 80px;
   }

   .funding-section {
     padding-top: 8px;
     padding-bottom: 72px;
   }

   .funding-card {
     min-height: 340px;
     align-items: flex-start;
     background-image:
       linear-gradient(180deg, rgba(13, 25, 34, .96) 0%, rgba(12, 21, 29, .88) 48%, rgba(8, 15, 21, .42) 100%),
       url("https://images.unsplash.com/photo-1519501025264-65ba15a82390?auto=format&fit=crop&w=900&q=78");
     background-position: center bottom;
   }

   .brand-section {
     padding-bottom: 78px;
   }

   .brand-wall {
     margin-top: 36px;
     padding: 12px;
   }

   .brand-slider::before,
   .brand-slider::after {
     width: 42px;
   }

   .brand-track {
     --brand-gap: 12px;
     --brand-loop-offset: 6px;
     animation-duration: 18s;
   }

   .brand-logo {
     flex-basis: 150px;
     min-height: 82px;
     padding: 10px;
     background: rgba(255, 255, 255, .05);
   }

   .social-video-track {
     gap: 14px;
   }

   .social-video-card {
     flex-basis: min(74vw, 250px);
     height: 330px;
   }

   .social-arrow {
     top: 50%;
     bottom: auto;
     transform: translateY(-50%);
   }

   .social-arrow:hover {
     transform: translateY(-50%) scale(1.04);
   }

   .social-carousel-wrap {
     padding-inline: 44px;
   }

   .stat-item {
     min-height: 86px;
     padding: 16px 0;
   }

   .stat-item+.stat-item::before {
     left: 18%;
     right: 18%;
     top: 0;
     bottom: auto;
     width: auto;
     height: 1px;
     background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .36), transparent);
   }

   .about-point {
     grid-template-columns: 34px 1fr;
     gap: 14px;
   }

 }

 @media (max-width: 640px) and (prefers-reduced-motion: reduce) {
   .client-track {
     grid-template-columns: 1fr;
   }

   .brand-track {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 }

 @media (min-width: 1280px) and (max-width: 1340px) {
    .container {
        max-width: 1230px !important;
    }
}
@media (min-width: 1024px) and (max-width: 1130px) {
    .container {
        max-width: 954px !important;
    }
    .treading-section {
        width: calc(100% - 32px) !important;
        max-width: 1180px !important;
    }
    .max-w-6xl
 {
    max-width: 56rem !important;
}
}
@media (min-width: 1024px) and (max-width: 1130px) {
    .lg\:grid-cols-\[300px_minmax\(0\2c 1fr\)\] {
        grid-template-columns: 230px minmax(0, 1fr) !important;
    }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .container {
        max-width: 700px !important;
    }
    .treading-section {
        width: calc(100% - 32px) !important;
        max-width: 920px !important;
    }
    .max-w-6xl {
    max-width: 43rem !important;
}
}
@media (min-width: 320px) and (max-width: 767px) {
  .container {
    width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.max-w-6xl
 {
    max-width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}
}



   .ai-cta-section {
      padding: clamp(60px, 7vw, 96px) 0;
      background:
        linear-gradient(180deg, rgba(8, 13, 17, .98), rgba(16, 19, 19, .96)),
        radial-gradient(circle at 76% 50%, rgba(52, 244, 122, .18), transparent 30%);
    }

    .ai-cta-section::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(90deg, rgba(52, 244, 122, .2), transparent 34%),
        linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px);
      background-size: auto, 74px 74px, 74px 74px;
      opacity: .52;
      pointer-events: none;
    }

    .ai-cta-grid {
      position: relative;
      display: grid;
      align-items: center;
      gap: clamp(34px, 6vw, 76px);
      grid-template-columns: minmax(0, 1fr) minmax(310px, 430px);
      overflow: hidden;
      border: 1px solid rgba(52, 244, 122, .22);
      border-radius: 8px;
      background:
        linear-gradient(135deg, rgba(25, 157, 73, .22), transparent 34%),
        linear-gradient(180deg, rgba(17, 25, 34, .96), rgba(9, 15, 20, .96));
      box-shadow: 0 34px 90px rgba(0, 0, 0, .38);
      padding: clamp(30px, 5vw, 58px);
    }

    .ai-cta-grid::after {
      content: "";
      position: absolute;
      inset: 18px;
      border: 1px solid rgba(255, 255, 255, .06);
      pointer-events: none;
    }

    .ai-cta-copy {
      position: relative;
      z-index: 2;
      max-width: 760px;
    }

    .cta-kicker {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      border: 1px solid rgba(52, 244, 122, .34);
      background: rgba(52, 244, 122, .1);
      color: #34F47A;
      padding: 8px 12px;
      border-radius: 999px;
      font-size: 11px;
      font-weight: 900;
      letter-spacing: .18em;
      text-transform: uppercase;
    }

    .cta-kicker::before {
      content: "";
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: currentColor;
      box-shadow: 0 0 18px rgba(52, 244, 122, .8);
    }

    .cta-title {
      margin-top: 18px;
      font-size: clamp(34px, 4.8vw, 64px);
      font-weight: 700;
      line-height: 1.05;
      color: #fff;
    }

    .cta-title span {
      color: #34F47A;
    }

    .cta-desc {
      max-width: 610px;
      font-size: clamp(15px, 1.45vw, 19px);
      line-height: 1.7;
      color: rgba(255, 255, 255, .72);
      margin: 24px 0 0;
    }

    .ai-cta-actions {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 16px;
      margin-top: 32px;
    }

    .cta-btn {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      background: #199D49;
      color: #fff;
      padding: 15px 25px;
      border-radius: 4px;
      font-size: 14px;
      font-weight: 700;
      box-shadow: 0 16px 34px rgba(0, 210, 106, .2);
      transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
    }

    .cta-btn:hover,
    .cta-btn:focus-visible {
      background: #13a85b;
      color: #fff;
      transform: translateY(-1px);
      box-shadow: 0 20px 42px rgba(0, 210, 106, .26);
    }

    .cta-btn i {
      transition: transform .2s ease;
    }

    .cta-btn:hover i,
    .cta-btn:focus-visible i {
      transform: translateX(4px);
    }

    .cta-link {
      display: inline-flex;
      align-items: center;
      min-height: 48px;
      color: rgba(255, 255, 255, .78);
      font-size: 14px;
      font-weight: 700;
      transition: color .2s ease;
    }

    .cta-link:hover,
    .cta-link:focus-visible {
      color: #34F47A;
    }

    .cta-proof {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 24px;
      color: rgba(255, 255, 255, .68);
      font-size: 13px;
      font-weight: 600;
    }

    .cta-proof span {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      border: 1px solid rgba(255, 255, 255, .1);
      background: rgba(255, 255, 255, .045);
      padding: 9px 12px;
    }

    .cta-proof i {
      color: #34F47A;
      font-size: 11px;
    }

    .ai-cta-visual {
      position: relative;
      z-index: 2;
      display: grid;
      place-items: center;
    }

    .svg-wrap {
      width: min(100%, 430px);
      aspect-ratio: 1;
      position: relative;
      margin: auto;
      border-radius: 50%;
      background:
      radial-gradient(circle, rgb(100 232 148 / 4%) 0 26%, transparent 27%), radial-gradient(circle, rgba(255, 255, 255, .06) 0 53%, transparent 54%);
      filter: drop-shadow(0 24px 56px rgba(0, 0, 0, .34));
    }

    .animation-ai {
      width: 100%;
      height: 100%;
    }

    .rotate-svg {
      transform-origin: center;
      animation: rotateSvg 14s linear infinite;
    }

    @keyframes rotateSvg {
      from {
        transform: rotate(0deg);
      }
      to {
        transform: rotate(360deg);
      }
    }

    .circle-text {
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 5;
      text-align: center;
    }

    .circle-text span {
      position: absolute;
      opacity: 0;
      color: rgba(255, 255, 255, .74);
      font-size: clamp(17px, 2vw, 27px);
      font-weight: 800;
      letter-spacing: 0;
      filter: blur(5px);
      transition:
        opacity .8s cubic-bezier(.22, 1, .36, 1),
        transform .8s cubic-bezier(.22, 1, .36, 1),
        filter .8s cubic-bezier(.22, 1, .36, 1),
        color .8s ease;
      transform: translateY(12px) scale(.96);
    }

    .circle-text span.active {
      opacity: 1;
      color: #34F47A;
      filter: blur(0);
      transform: translateY(0) scale(1);
    }

    @media (max-width: 900px) {
      .ai-cta-grid {
        grid-template-columns: 1fr;
        text-align: center;
        padding: 34px 22px;
      }

      .ai-cta-copy,
      .cta-desc {
        margin-inline: auto;
      }

      .ai-cta-actions {
        justify-content: center;
      }

      .cta-proof {
        justify-content: center;
      }
    }

    @media (max-width: 767px) {
      .ai-cta-section {
        padding: 64px 0;
      }

      .svg-wrap {
        width: min(100%, 315px);
      }
    }