/* ==========================================================================
   aTeam — AI Agents & Automation for Logistics (Dubai, UAE)
   Plain CSS. No build step. Sections follow the page order.
   ========================================================================== */

/* Base & Reset */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{background:#08090B;color:#0C0A14;font-family:'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;text-wrap:pretty}
img{max-width:100%;display:block}
a{color:#7C2CE6;text-decoration:none}
a:hover{color:#5824C5}
::selection{background:#C7B6FF;color:#1c0a45}
summary::-webkit-details-marker{display:none}
summary::marker{content:''}
:focus-visible{outline:2px solid #9B6DFF;outline-offset:3px;border-radius:6px}
input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;width:100%;height:26px;cursor:pointer}
input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:#E4E0EC}
input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:#E4E0EC}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#7C2CE6;border:3px solid #fff;box-shadow:0 2px 10px rgba(124,44,230,.5);margin-top:-8px}
input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#7C2CE6;border:3px solid #fff;box-shadow:0 2px 10px rgba(124,44,230,.5)}
[hidden] { display: none !important; }

/* Animations */
@keyframes softPulse{0%,100%{opacity:.4;transform:scale(.82)}50%{opacity:1;transform:scale(1.3)}}
@keyframes qGrow{0%{transform:scaleX(.12)}55%,100%{transform:scaleX(1)}}
@keyframes wfInA{0%{opacity:0;transform:translateY(18px)}100%{opacity:1;transform:none}}
@keyframes wfInB{0%{opacity:0;transform:translateY(18px)}100%{opacity:1;transform:none}}
@keyframes wfBarA{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
@keyframes wfBarB{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
@keyframes svcInA{0%{opacity:0;transform:translateY(16px)}100%{opacity:1;transform:none}}
@keyframes svcInB{0%{opacity:0;transform:translateY(16px)}100%{opacity:1;transform:none}}
@keyframes eventPop{0%,32%{transform:scale(.5);opacity:.35}48%{transform:scale(1.7);opacity:1}66%,100%{transform:scale(1);opacity:1}}
@keyframes lateFade{0%,40%{opacity:0}62%,100%{opacity:1}}
@keyframes relay{0%,8%{opacity:.75;transform:translateY(0)}17%{opacity:1;transform:translateY(-3px)}30%,100%{opacity:.75;transform:translateY(0)}}
@keyframes errFlash{0%,58%{opacity:.75;transform:scale(1)}72%{opacity:1;transform:scale(1.06)}88%,100%{opacity:.75;transform:scale(1)}}
@keyframes mFade{from{opacity:0}to{opacity:1}}
@keyframes mRise{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
@keyframes intDashX{to{background-position:22px 0}}
@keyframes intDashY{to{background-position:0 22px}}
@keyframes intTravelX{0%{transform:translateX(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateX(100%);opacity:0}}
@keyframes intSweep{0%{transform:translateX(-120%)}60%,100%{transform:translateX(320%)}}
@keyframes intGrad{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes intSpin{to{transform:rotate(360deg)}}
@keyframes intRing{0%{transform:scale(.9);opacity:.8}100%{transform:scale(1.5);opacity:0}}
@keyframes intChip{0%,8%{opacity:0}14%{opacity:1}26%,100%{opacity:0}}
@keyframes costFill{0%{transform:scaleX(0)}30%,100%{transform:scaleX(1)}}
@keyframes liveDot{0%,100%{opacity:1}50%{opacity:.25}}

/* Shared Components: service tabs, industry tabs and dots */
.svc-tab {
  position: relative;
  display: flex;
  align-items: baseline;
  gap: 18px;
  width: 100%;
  text-align: left;
  padding-top: 18px;
  padding-right: 20px;
  padding-bottom: 18px;
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,.07);
  background: transparent;
  cursor: pointer;
  font-family: inherit;
  color: rgba(255,255,255,.62);
  padding-left: 22px;
}
.svc-tab[aria-selected="true"] {
  color: #fff;
  padding-left: 30px;
  background: linear-gradient(90deg,rgba(155,109,255,.1),transparent 62%);
}
.svc-rail {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  transform-origin: center;
  background: transparent;
  transform: scaleY(0);
}
.svc-tab[aria-selected="true"] .svc-rail {
  background: linear-gradient(180deg,#C7B6FF,#7C2CE6);
  transform: scaleY(1);
}
.svc-num {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10.5px;
  letter-spacing: .14em;
  flex: 0 0 auto;
  color: rgba(255,255,255,.62);
}
.svc-tab[aria-selected="true"] .svc-num { color: #C7B6FF; }
.ind-tab {
  font-family: 'Geist',sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -.012em;
  padding: 14px 22px 15px;
  border: 0;
  border-radius: 13px 13px 0 0;
  cursor: pointer;
  white-space: nowrap;
  position: relative;
  background: #1B1A21;
  color: rgba(255,255,255,.52);
  box-shadow: inset 0 1px 0 0 rgba(255,255,255,.045);
}
.ind-tab[aria-selected="true"] {
  background: #121116;
  color: #fff;
  box-shadow: inset 0 2px 0 0 #9B6DFF,inset 1px 0 0 0 rgba(255,255,255,.09),inset -1px 0 0 0 rgba(255,255,255,.09),0 -10px 26px -14px rgba(155,109,255,.55);
}
.ind-dot {
  width: 10px;
  height: 10px;
  flex: 0 0 auto;
  padding: 0;
  border-radius: 50%;
  cursor: pointer;
  transition: background .3s,border-color .3s,transform .3s;
  background: rgba(255,255,255,.22);
  border: 1px solid rgba(255,255,255,.34);
}
.ind-dot[aria-pressed="true"] {
  background: #C7B6FF;
  border: 1px solid #C7B6FF;
  transform: scale(1.4);
}

/* Header / Navigation */
.nav-1 {
  position: sticky;
  top: 0;
  z-index: 900;
  background: rgba(8,9,11,.72);
  backdrop-filter: saturate(160%) blur(18px);
  -webkit-backdrop-filter: saturate(160%) blur(18px);
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.nav-2 {
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 1.5px;
  width: 0%;
  background: linear-gradient(90deg,#7C2CE6,#C7B6FF);
}
.nav-3 {
  max-width: 1340px;
  margin: 0 auto;
  padding: 14px clamp(16px,3vw,32px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(12px,2vw,28px);
}
.nav-4 {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}
.nav-5 {
  height: 30px;
  width: auto;
  display: block;
}
.nav-6 {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
  flex: 1 1 auto;
  justify-content: flex-end;
}
.nav-7 {
  display: flex;
  align-items: center;
  gap: 2px;
  font-size: 14px;
  color: rgba(255,255,255,.62);
  font-weight: 500;
  flex: 0 1 auto;
  min-width: 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-bottom: 2px;
}
.nav-8 {
  color: rgba(255,255,255,.62);
  padding: 8px 13px;
  border-radius: 7px;
  flex: 0 0 auto;
  white-space: nowrap;
}
.nav-8:hover {
  color: #fff;
  background: rgba(255,255,255,.07);
}
.nav-9 {
  flex: 0 0 auto;
  white-space: nowrap;
  background: #fff;
  color: #0C0A14;
  padding: 10px 19px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
}
.nav-9:hover {
  background: #7C2CE6;
  color: #fff;
}

/* Hero Section */
.top-1 {
  position: relative;
  overflow: hidden;
  background: #08090B;
  padding: clamp(52px,5.5vw,84px) 0 clamp(72px,8vw,116px);
}
.top-2 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse 58% 62% at 78% 18%,rgba(124,44,230,.30),transparent 64%),radial-gradient(ellipse 48% 44% at 4% 88%,rgba(88,36,197,.20),transparent 62%);
}
.top-3 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
  background-size: 56px 56px;
  mask-image: radial-gradient(ellipse 82% 74% at 56% 44%,#000 6%,transparent 80%);
  -webkit-mask-image: radial-gradient(ellipse 82% 74% at 56% 44%,#000 6%,transparent 80%);
}
.top-4 {
  position: relative;
  z-index: 2;
  max-width: 1340px;
  margin: 0 auto;
  padding: 0 32px;
}
.top-5 {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,430px),1fr));
  gap: clamp(36px,4.4vw,72px);
  align-items: center;
}
.top-6 {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  padding: 5px 15px 5px 5px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 100px;
  font-size: 12.5px;
  color: rgba(255,255,255,.76);
  margin-bottom: 30px;
}
.top-7 {
  background: linear-gradient(150deg,#9B6DFF,#5824C5);
  color: #fff;
  border-radius: 100px;
  padding: 4px 10px;
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-family: 'Geist Mono',ui-monospace,monospace;
}
.top-8 {
  font-size: clamp(42px,6.4vw,88px);
  font-weight: 700;
  line-height: 1.0;
  letter-spacing: -.045em;
  color: #fff;
  margin-bottom: 30px;
  max-width: 17ch;
}
.top-9 {
  font-style: normal;
  color: #C7B6FF;
}
.top-10 {
  font-size: clamp(16.5px,1.5vw,19px);
  line-height: 1.62;
  color: rgba(255,255,255,.68);
  max-width: 62ch;
}
.top-11 {
  display: flex;
  align-items: center;
  gap: 26px;
  flex-wrap: wrap;
  margin-top: 38px;
}
.top-12 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #7C2CE6;
  color: #fff;
  font-weight: 600;
  font-size: 15.5px;
  padding: 15px 26px;
  border-radius: 10px;
  box-shadow: 0 14px 34px -16px rgba(124,44,230,.9);
}
.top-12:hover {
  background: #8B3DF0;
  transform: translateY(-2px);
  box-shadow: 0 20px 42px -16px rgba(124,44,230,1);
  color: #fff;
}
.top-13 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 500;
  color: rgba(255,255,255,.82);
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(255,255,255,.28);
}
.top-13:hover {
  color: #fff;
  border-bottom-color: #9B6DFF;
}
.top-14 {
  display: flex;
  align-items: center;
  gap: 14px;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 12px;
  padding: 10px 18px 10px 12px;
}
.top-15 {
  height: 36px;
  width: auto;
  flex: 0 0 auto;
}
.top-16 {
  line-height: 1.3;
}
.top-17 {
  display: block;
  color: #fff;
  font-size: 14.5px;
  font-weight: 600;
  letter-spacing: -.02em;
}
.top-18 {
  font-size: 13.5px;
  color: rgba(255,255,255,.62);
}
.top-19 {
  position: relative;
}
.top-20 {
  position: absolute;
  inset: -9% -7%;
  pointer-events: none;
  background: radial-gradient(ellipse 52% 54% at 54% 46%,rgba(124,44,230,.34),transparent 70%);
  filter: blur(34px);
}
.top-21 {
  position: relative;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  background: #0E0D13;
  box-shadow: 0 60px 120px -60px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.06);
}
.top-22 {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1528/1215;
  object-fit: cover;
  filter: saturate(.72) contrast(1.05) brightness(.88);
}
.top-23 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg,rgba(8,9,11,.32) 0%,rgba(8,9,11,0) 34%,rgba(8,9,11,.5) 78%,rgba(8,9,11,.86) 100%);
}
.top-24 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  mix-blend-mode: soft-light;
  background: linear-gradient(150deg,rgba(155,109,255,.55),rgba(88,36,197,.3) 56%,transparent 82%);
}
.top-25 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(200deg,#000,transparent 62%);
  -webkit-mask-image: linear-gradient(200deg,#000,transparent 62%);
}
.top-26 {
  margin-top: clamp(44px,4.6vw,68px);
  padding-top: clamp(24px,2.6vw,34px);
  border-top: 1px solid rgba(255,255,255,.1);
  display: flex;
  align-items: center;
  gap: 16px clamp(22px,2.4vw,38px);
  flex-wrap: wrap;
}
.top-27 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: rgba(255,255,255,.62);
}
.top-28 {
  height: 30px;
  width: auto;
  flex: 0 0 auto;
}
.top-29 {
  width: 1px;
  height: 24px;
  background: rgba(255,255,255,.16);
}
.top-30 {
  margin-top: clamp(26px,2.8vw,38px);
  display: flex;
  align-items: center;
  gap: 18px clamp(20px,2.6vw,38px);
  flex-wrap: wrap;
}
.top-31 {
  display: flex;
  align-items: center;
  gap: 16px;
}
.top-32 {
  height: 46px;
  width: auto;
  flex: 0 0 auto;
}
.top-33 {
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.top-34 {
  display: flex;
  align-items: center;
  gap: 3px;
}
.top-35 {
  font-size: 15px;
  color: rgba(255,255,255,.72);
  letter-spacing: -.02em;
}
.top-36 {
  width: 1px;
  height: 52px;
  background: rgba(255,255,255,.12);
}
.top-37 {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.top-38 {
  height: 82px;
  width: auto;
  flex: 0 0 auto;
}
.top-39 {
  width: 1px;
  height: 52px;
  background: rgba(255,255,255,.12);
  margin: 0 6px;
}
.top-40 {
  height: 82px;
  width: auto;
  flex: 0 0 auto;
  border-radius: 9px;
}
.top-41 {
  margin-top: clamp(34px,3.6vw,50px);
}
.top-42 {
  display: flex;
  align-items: center;
  gap: clamp(16px,2.4vw,34px);
  margin-bottom: clamp(20px,2.2vw,30px);
}
.top-43 {
  flex: 1 1 auto;
  height: 1px;
  background: rgba(255,255,255,.12);
}
.top-44 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: rgba(255,255,255,.62);
  text-align: center;
  flex: 0 0 auto;
}
.top-45 {
  background: #DCDCE1;
  border-radius: 22px;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,480px),1fr));
  gap: 1px;
}
.top-46 {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 1px;
}
.top-47 {
  background: #F1F1F3;
  display: grid;
  place-items: center;
  padding: 20px 14px;
  min-height: 126px;
}
.top-48 {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 36px;
  object-fit: contain;
}
.top-49 {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 48px;
  object-fit: contain;
}
.top-50 {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 78px;
  object-fit: contain;
}
.top-51 {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 42px;
  object-fit: contain;
}

/* OpenAI Partner Section */
.openai-partner-1 {
  position: relative;
  overflow: hidden;
  background: #FAF9FC;
  padding: clamp(80px,8.5vw,132px) 0;
}
.openai-partner-2 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse 46% 60% at 22% 50%,rgba(155,109,255,.18),transparent 70%),radial-gradient(ellipse 36% 50% at 92% 10%,rgba(199,182,255,.22),transparent 70%);
}
.openai-partner-3 {
  position: relative;
  max-width: 1340px;
  margin: 0 auto;
  padding: 0 32px;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,440px),1fr));
  gap: clamp(40px,5vw,96px);
  align-items: center;
}
.openai-partner-4 {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  max-width: 520px;
  aspect-ratio: 1;
  margin: 0 auto;
}
.openai-partner-5 {
  position: absolute;
  width: 92%;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px dashed rgba(124,44,230,.28);
  animation: intSpin 60s linear infinite;
}
.openai-partner-6 {
  position: absolute;
  width: 70%;
  aspect-ratio: 1;
  border-radius: 50%;
  border: 1px solid rgba(124,44,230,.16);
}
.openai-partner-7 {
  position: absolute;
  width: 92%;
  aspect-ratio: 1;
  animation: intSpin 18s linear infinite;
}
.openai-partner-8 {
  position: absolute;
  top: -5px;
  left: 50%;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  border-radius: 50%;
  background: #7C2CE6;
  box-shadow: 0 0 0 5px rgba(124,44,230,.16);
}
.openai-partner-9 {
  position: absolute;
  width: 70%;
  aspect-ratio: 1;
  animation: intSpin 12s linear infinite reverse;
}
.openai-partner-10 {
  position: absolute;
  bottom: -4px;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  border-radius: 50%;
  background: #C3F53C;
  box-shadow: 0 0 0 4px rgba(195,245,60,.25);
}
.openai-partner-11 {
  position: relative;
  width: min(100%,400px);
  background: #fff;
  border-radius: 22px;
  padding: clamp(22px,2.4vw,30px);
  box-shadow: 0 50px 100px -40px rgba(88,36,197,.45),0 0 0 1px rgba(124,44,230,.1);
}
.openai-partner-12 {
  display: block;
  width: 100%;
  height: auto;
}
.openai-partner-13 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #7C2CE6;
  margin-bottom: 22px;
}
.openai-partner-14 {
  width: 24px;
  height: 1px;
  background: #7C2CE6;
}
.openai-partner-15 {
  font-size: clamp(32px,3.9vw,54px);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -.04em;
  color: #0C0A14;
  max-width: 16ch;
}
.openai-partner-16 {
  background: linear-gradient(95deg,#5824C5,#9B6DFF);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.openai-partner-17 {
  margin-top: 20px;
  font-size: clamp(16.5px,1.5vw,19px);
  line-height: 1.62;
  color: #55525F;
  max-width: 52ch;
}
.openai-partner-18 {
  list-style: none;
  margin-top: clamp(24px,2.6vw,34px);
}
.openai-partner-19 {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 16px;
  align-items: start;
  padding: 18px 0;
  border-top: 1px solid #E6E3EC;
}
.openai-partner-20 {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: linear-gradient(145deg,#F3EDFF,#E8DEFF);
  border: 1px solid #DCCFFF;
}
.openai-partner-21 {
  display: block;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -.022em;
  color: #0C0A14;
}
.openai-partner-22 {
  display: block;
  margin-top: 5px;
  font-size: 15px;
  line-height: 1.55;
  color: #55525F;
}
.openai-partner-23 {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 22px;
  padding-bottom: 5px;
  border-bottom: 1px solid #C7B6FF;
  font-size: 15px;
  font-weight: 600;
  color: #5824C5;
}
.openai-partner-23:hover {
  color: #7C2CE6;
  border-bottom-color: #7C2CE6;
}

/* What Is An AI Agent */
.what-is-it-1 {
  background: #F7F7F5;
  padding: clamp(84px,9vw,148px) 0;
}
.what-is-it-2 {
  max-width: 1340px;
  margin: 0 auto;
  padding: 0 32px;
}
.what-is-it-3 {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,420px),1fr));
  gap: clamp(30px,4vw,72px);
  align-items: end;
  margin-bottom: clamp(40px,4.6vw,68px);
}
.what-is-it-4 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #7C2CE6;
  margin-bottom: 24px;
}
.what-is-it-5 {
  width: 24px;
  height: 1px;
  background: #7C2CE6;
}
.what-is-it-6 {
  font-size: clamp(34px,4.3vw,62px);
  font-weight: 700;
  line-height: 1.04;
  letter-spacing: -.042em;
  max-width: 17ch;
}
.what-is-it-7 {
  font-size: clamp(18px,1.85vw,24px);
  font-weight: 400;
  letter-spacing: -.022em;
  line-height: 1.45;
  color: #2A2733;
  max-width: 46ch;
}
.what-is-it-8 {
  color: #0C0A14;
  font-weight: 600;
}
.what-is-it-9 {
  max-width: 82ch;
  margin-bottom: clamp(34px,3.8vw,56px);
}
.what-is-it-10 {
  font-size: clamp(24px,2.5vw,34px);
  font-weight: 700;
  letter-spacing: -.04em;
  line-height: 1.1;
  margin-bottom: 16px;
  max-width: 30ch;
}
.what-is-it-11 {
  font-size: clamp(15px,1.45vw,17.5px);
  line-height: 1.62;
  color: #55525F;
}
.what-is-it-12 {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,300px),1fr));
  gap: clamp(30px,3.2vw,52px);
  align-items: start;
}
.what-is-it-13 {
  position: relative;
  display: flex;
  flex-direction: column;
}
.what-is-it-14 {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 22px;
}
.what-is-it-15 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: clamp(34px,3.6vw,52px);
  font-weight: 400;
  letter-spacing: -.05em;
  color: #8B8497;
  line-height: 1;
}
.what-is-it-16 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: #7C2CE6;
  flex: 0 0 auto;
}
.what-is-it-17 {
  flex: 1 1 auto;
  height: 1px;
  min-width: 20px;
  background: linear-gradient(90deg,#C7B6FF,rgba(124,44,230,0));
}
.what-is-it-18 {
  position: relative;
  margin-bottom: 28px;
}
.what-is-it-19 {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.what-is-it-20 {
  font-size: clamp(22px,2.2vw,29px);
  font-weight: 700;
  letter-spacing: -.038em;
  line-height: 1.16;
  margin: 0;
  max-width: 16ch;
}
.what-is-it-21 {
  flex: 0 0 auto;
  width: 21px;
  height: 21px;
  display: grid;
  place-items: center;
  border-radius: 5px;
  border: 1px solid #DFDCE4;
  color: #7C2CE6;
  font-size: 13px;
  line-height: 1;
  margin-top: 4px;
}
.what-is-it-22 {
  position: absolute;
  right: 0;
  top: 4px;
  width: 21px;
  height: 21px;
  display: grid;
  place-items: center;
  border-radius: 5px;
  background: #7C2CE6;
  color: #fff;
  font-size: 13px;
  line-height: 1;
}
.what-is-it-23 {
  margin-top: 14px;
  font-size: 15.5px;
  color: #55525F;
  line-height: 1.62;
}
.what-is-it-24 {
  display: grid;
  grid-template-columns: 1fr 54px;
  gap: 0;
  align-items: center;
}
.what-is-it-25 {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,46%),1fr));
  gap: 10px;
}
.what-is-it-26 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: #fff;
  border: 1px solid #E6E4E0;
  border-radius: 14px;
  padding: 16px;
  box-shadow: 0 10px 24px -20px rgba(12,10,20,.45);
}
.what-is-it-27 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10.5px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #2A2733;
}
.what-is-it-28 {
  width: 54px;
  height: 100%;
  min-height: 200px;
}
.what-is-it-29 {
  border-radius: 20px;
  padding: 18px;
  background: linear-gradient(180deg,#F2EDFF,#FBFAFE);
  border: 1px solid #E6E1F2;
  box-shadow: 0 30px 60px -44px rgba(124,44,230,.5);
}
.what-is-it-30 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding: 2px 4px 16px;
}
.what-is-it-31 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #55525F;
  line-height: 1.6;
  max-width: 16ch;
}
.what-is-it-32 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #EDE4FF;
  border-radius: 100px;
  padding: 7px 13px;
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 9.5px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #5824C5;
}
.what-is-it-33 {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #7C2CE6;
}
.what-is-it-34 {
  background: #fff;
  border: 1px solid #EDEBE6;
  border-radius: 14px;
  padding: 4px 18px;
}
.what-is-it-35 {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 14px;
  align-items: center;
  padding: 15px 0;
  border-bottom: 1px solid #EDEBE6;
}
.what-is-it-36 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10.5px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #55525F;
}
.what-is-it-37 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10.5px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #7C2CE6;
}
.what-is-it-38 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10.5px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #2A2733;
}
.what-is-it-39 {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 14px;
  align-items: center;
  padding: 15px 0;
}
.what-is-it-40 {
  position: relative;
  display: grid;
  grid-template-columns: 22px 1fr;
  gap: 10px 0;
  align-items: center;
}
.what-is-it-41 {
  position: absolute;
  left: 5px;
  top: 12%;
  bottom: 12%;
  width: 1px;
  border-left: 1px dashed #C7B6FF;
}
.what-is-it-42 {
  position: relative;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #7C2CE6;
  justify-self: start;
  margin-left: 1px;
}
.what-is-it-43 {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 13px;
  align-items: center;
  background: #fff;
  border: 1px solid #E6E4E0;
  border-radius: 13px;
  padding: 14px 16px;
  box-shadow: 0 10px 24px -20px rgba(12,10,20,.45);
}
.what-is-it-44 {
  font-size: 15.5px;
  letter-spacing: -.02em;
  color: #2A2733;
}
.what-is-it-45 {
  margin: clamp(48px,5.4vw,80px) auto 0;
  text-align: center;
  max-width: 26ch;
  font-size: clamp(21px,2.5vw,34px);
  font-weight: 500;
  letter-spacing: -.034em;
  line-height: 1.32;
  color: #0C0A14;
}
.what-is-it-46 {
  font-weight: 500;
  color: #6B6879;
}
.what-is-it-47 {
  font-weight: 600;
  color: #7C2CE6;
}

/* Operational Problems */
.problem-1 {
  position: relative;
  overflow: hidden;
  background: #0B0C0F;
  padding: clamp(84px,9vw,148px) 0;
}
.problem-2 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse 54% 46% at 12% 0%,rgba(124,44,230,.16),transparent 62%);
}
.problem-3 {
  position: relative;
  z-index: 1;
  max-width: 1340px;
  margin: 0 auto;
  padding: 0 32px;
}
.problem-4 {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,380px),1fr));
  gap: 40px;
  align-items: end;
  margin-bottom: 56px;
}
.problem-5 {
  font-size: clamp(32px,3.9vw,56px);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -.04em;
  color: #fff;
  max-width: 19ch;
}
.problem-6 {
  font-size: clamp(16px,1.5vw,18.5px);
  color: rgba(255,255,255,.64);
  max-width: 56ch;
  line-height: 1.65;
}
.problem-7 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 16px;
}
.problem-8 {
  flex: 1.7 1 440px;
  background: linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 28px;
  transition: border-color .3s,background .3s;
}
.problem-8:hover {
  border-color: rgba(155,109,255,.36);
  background: rgba(255,255,255,.06);
}
.problem-9 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .2em;
  color: rgba(255,255,255,.62);
}
.problem-10 {
  position: relative;
  margin-top: 14px;
}
.problem-11 {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.problem-12 {
  font-size: 23px;
  font-weight: 600;
  letter-spacing: -.035em;
  line-height: 1.22;
  margin: 0 0 12px;
  color: #fff;
}
.problem-13 {
  flex: 0 0 auto;
  width: 21px;
  height: 21px;
  display: grid;
  place-items: center;
  border-radius: 5px;
  border: 1px solid rgba(255,255,255,.18);
  color: #C7B6FF;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  margin-top: 3px;
}
.problem-14 {
  position: absolute;
  right: 0;
  top: 3px;
  width: 21px;
  height: 21px;
  display: grid;
  place-items: center;
  border-radius: 5px;
  background: #9B6DFF;
  color: #08090B;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
}
.problem-15 {
  font-size: 15.5px;
  color: rgba(255,255,255,.68);
  line-height: 1.62;
  max-width: 48ch;
}
.problem-16 {
  color: rgba(255,255,255,.92);
  font-weight: 600;
}
.problem-17 {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.problem-18 {
  flex: 0 0 auto;
}
.problem-19 {
  flex: 1 1 180px;
  display: grid;
  gap: 7px;
}
.problem-20 {
  display: flex;
  align-items: center;
  gap: 10px;
}
.problem-21 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 9.5px;
  color: rgba(255,255,255,.62);
  width: 64px;
}
.problem-22 {
  animation-name: qGrow;
  animation-duration: 5s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  flex: 1;
  height: 5px;
  border-radius: 3px;
  background: linear-gradient(90deg,#E8C46A,rgba(232,196,106,.15));
  transform-origin: left;
}
.problem-23 {
  animation-name: qGrow;
  animation-duration: 5s;
  animation-timing-function: ease-in-out;
  animation-delay: .45s;
  animation-iteration-count: infinite;
  flex: 1;
  height: 5px;
  border-radius: 3px;
  background: linear-gradient(90deg,#E8C46A,rgba(232,196,106,.15));
  max-width: 72%;
  transform-origin: left;
}
.problem-24 {
  animation-name: qGrow;
  animation-duration: 5s;
  animation-timing-function: ease-in-out;
  animation-delay: .9s;
  animation-iteration-count: infinite;
  flex: 1;
  height: 5px;
  border-radius: 3px;
  background: linear-gradient(90deg,#E8C46A,rgba(232,196,106,.15));
  max-width: 44%;
  transform-origin: left;
}
.problem-25 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 9.5px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(255,255,255,.62);
  margin-top: 4px;
}
.problem-26 {
  flex: 1 1 320px;
  background: linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 26px;
  transition: border-color .3s,background .3s;
}
.problem-26:hover {
  border-color: rgba(155,109,255,.36);
  background: rgba(255,255,255,.06);
}
.problem-27 {
  font-size: 15.5px;
  color: rgba(255,255,255,.68);
  line-height: 1.62;
}
.problem-28 {
  width: 100%;
  height: auto;
}
.problem-29 {
  animation-name: eventPop;
  animation-duration: 5s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  transform-box: fill-box;
  transform-origin: center;
}
.problem-30 {
  animation-name: lateFade;
  animation-duration: 5s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: infinite;
}
.problem-31 {
  flex: 1 1 300px;
  background: linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 26px;
  transition: border-color .3s,background .3s;
}
.problem-31:hover {
  border-color: rgba(155,109,255,.36);
  background: rgba(255,255,255,.06);
}
.problem-32 {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .08em;
}
.problem-33 {
  animation-name: relay;
  animation-duration: 5.4s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  padding: 7px 10px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 6px;
  color: rgba(255,255,255,.7);
}
.problem-34 {
  color: rgba(255,255,255,.62);
}
.problem-35 {
  animation-name: relay;
  animation-duration: 5.4s;
  animation-timing-function: ease-in-out;
  animation-delay: .55s;
  animation-iteration-count: infinite;
  padding: 7px 10px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 6px;
  color: rgba(255,255,255,.7);
}
.problem-36 {
  animation-name: errFlash;
  animation-duration: 5.4s;
  animation-timing-function: ease-in-out;
  animation-delay: 1.1s;
  animation-iteration-count: infinite;
  padding: 7px 10px;
  border: 1px solid rgba(232,196,106,.4);
  border-radius: 6px;
  color: #E8C46A;
}
.problem-37 {
  position: relative;
  height: clamp(118px,13vw,150px);
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 20px;
  background: #15141A;
}
.problem-38 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.6) contrast(1.05) brightness(.74);
}
.problem-39 {
  position: absolute;
  inset: 0;
  background: linear-gradient(150deg,rgba(124,44,230,.3),rgba(11,12,15,.2) 52%,rgba(11,12,15,.88));
}
.problem-40 {
  flex: 1.35 1 380px;
  background: linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 26px;
  transition: border-color .3s,background .3s;
}
.problem-40:hover {
  border-color: rgba(155,109,255,.36);
  background: rgba(255,255,255,.06);
}
.problem-41 {
  font-size: 15.5px;
  color: rgba(255,255,255,.68);
  line-height: 1.62;
  max-width: 46ch;
}

/* TMS vs RPA vs Copilot vs AI Agent */
.compare-1 {
  background: #FAF9FC;
  padding: clamp(84px,9vw,148px) 0;
}
.compare-2 {
  max-width: 1340px;
  margin: 0 auto;
  padding: 0 32px;
}
.compare-3 {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,400px),1fr));
  gap: clamp(28px,3.6vw,68px);
  align-items: end;
  margin-bottom: clamp(38px,4.4vw,64px);
}
.compare-4 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #7C2CE6;
  margin-bottom: 24px;
}
.compare-5 {
  width: 24px;
  height: 1px;
  background: #7C2CE6;
}
.compare-6 {
  font-size: clamp(32px,3.9vw,56px);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -.04em;
  max-width: 20ch;
}
.compare-7 {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,520px),1fr));
  gap: clamp(8px,1vw,18px);
  align-items: start;
}
.compare-8 {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,180px),1fr));
  gap: clamp(8px,1vw,18px);
  align-items: start;
}
.compare-9 {
  background: #0B0C0F;
  border-radius: 16px;
  padding: clamp(22px,2.2vw,30px);
  box-shadow: 0 30px 70px -40px rgba(12,10,20,.5);
}
.compare-10 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 20px;
}
.compare-11 {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #9B6DFF;
}
.compare-12 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #C7B6FF;
}
.compare-13 {
  padding: 22px 0;
  border-top: 1px solid rgba(255,255,255,.12);
}
.compare-14 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 9px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(255,255,255,.62);
  margin-bottom: 11px;
}
.compare-15 {
  font-size: 16px;
  line-height: 1.45;
  letter-spacing: -.02em;
  color: #fff;
}
.compare-16 {
  padding: clamp(22px,2.2vw,30px) clamp(14px,1.6vw,24px) 0;
}
.compare-17 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 22px;
}
.compare-18 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 11.5px;
  font-weight: 500;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #6B6879;
}
.compare-19 {
  padding: 22px 0;
  border-top: 1px solid #E8E6E1;
}
.compare-20 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 9px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #6B6879;
  margin-bottom: 11px;
}
.compare-21 {
  font-size: 16px;
  line-height: 1.45;
  letter-spacing: -.02em;
  color: #2A2733;
}

/* AI Agents We Build (Services) */
.services-1 {
  position: relative;
  overflow: hidden;
  background: #08090B;
  padding: clamp(84px,9vw,148px) 0;
}
.services-2 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse 50% 48% at 88% 10%,rgba(124,44,230,.22),transparent 64%),radial-gradient(ellipse 44% 40% at 0% 92%,rgba(88,36,197,.16),transparent 62%);
}
.services-3 {
  position: relative;
  z-index: 1;
  max-width: 1340px;
  margin: 0 auto;
  padding: 0 32px;
}
.services-4 {
  max-width: 760px;
  margin-bottom: 56px;
}
.services-5 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #C7B6FF;
  margin-bottom: 24px;
}
.services-6 {
  width: 24px;
  height: 1px;
  background: #9B6DFF;
}
.services-7 {
  font-size: clamp(32px,3.9vw,56px);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -.04em;
  color: #fff;
  max-width: 20ch;
}
.services-8 {
  margin-top: 22px;
  font-size: clamp(16.5px,1.5vw,19px);
  color: rgba(255,255,255,.66);
  line-height: 1.62;
}
.services-9 {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,360px),1fr));
  gap: clamp(26px,3vw,52px);
  align-items: start;
}
.services-10 {
  display: grid;
  gap: 1px;
}
.services-11 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 0 16px;
  border-bottom: 1px solid rgba(255,255,255,.12);
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 9.5px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: rgba(255,255,255,.5);
}
.services-12 {
  color: #C7B6FF;
}
.services-13 {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -.024em;
  line-height: 1.3;
}
.services-14 {
  position: sticky;
  top: 110px;
  overflow: hidden;
  background: #0E0D13;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 22px;
  padding: clamp(26px,3vw,40px);
  box-shadow: 0 60px 120px -70px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.05);
}
.services-15 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse 60% 52% at 96% 0%,rgba(124,44,230,.22),transparent 68%);
}
.services-16 {
  position: absolute;
  top: -10px;
  right: 22px;
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: clamp(80px,9vw,132px);
  font-weight: 400;
  letter-spacing: -.06em;
  color: rgba(255,255,255,.035);
  line-height: 1;
  pointer-events: none;
}
.services-17 {
  position: relative;
}
.services-18 {
  animation-name: svcInA;
  animation-duration: .55s;
  animation-timing-function: cubic-bezier(.22,1,.36,1);
  animation-fill-mode: both;
}
.services-19 {
  position: relative;
  height: clamp(150px,17vw,196px);
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 24px;
  background: #15141A;
}
.services-20 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.68) contrast(1.05) brightness(.82);
}
.services-21 {
  position: absolute;
  inset: 0;
  background: linear-gradient(150deg,rgba(124,44,230,.38),rgba(14,13,19,.18) 55%,rgba(14,13,19,.86));
}
.services-22 {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 22px;
}
.services-23 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #C7B6FF;
}
.services-24 {
  flex: 1 1 auto;
  height: 1px;
  background: linear-gradient(90deg,rgba(155,109,255,.5),rgba(255,255,255,.06));
}
.services-25 {
  font-size: clamp(25px,2.7vw,36px);
  font-weight: 600;
  letter-spacing: -.04em;
  line-height: 1.1;
  margin-bottom: 20px;
  color: #fff;
  max-width: 24ch;
}
.services-26 {
  font-size: 16.5px;
  color: rgba(255,255,255,.68);
  line-height: 1.65;
  max-width: 58ch;
}
.services-27 {
  margin-top: clamp(28px,3vw,40px);
  padding-top: 24px;
  border-top: 1px solid rgba(255,255,255,.1);
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,45%),1fr));
  gap: 10px;
}
.services-28 {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 12px;
  align-items: center;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 12px;
  padding: 13px 15px;
}
.services-29 {
  font-size: 13.5px;
  color: rgba(255,255,255,.82);
  letter-spacing: -.015em;
  line-height: 1.3;
}
.services-30 {
  margin-top: clamp(30px,3.4vw,46px);
  padding: 22px 20px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 16px;
  background: rgba(255,255,255,.022);
}
.services-31 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 9px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: rgba(255,255,255,.62);
  margin-bottom: 16px;
}
.services-32 {
  position: relative;
  display: grid;
  grid-template-columns: 46px 1fr;
  gap: 16px;
  align-items: center;
  padding: 9px 0;
}
.services-33 {
  position: absolute;
  left: 23px;
  top: calc(50% + 24px);
  bottom: -9px;
  width: 1px;
  background: linear-gradient(180deg,#9B6DFF,rgba(255,255,255,.12));
}
.services-34 {
  position: relative;
  z-index: 1;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  border: 1.4px solid #9B6DFF;
  background: #0E0D13;
  box-shadow: 0 0 20px -6px #9B6DFF;
}
.services-35 {
  min-width: 0;
}
.services-36 {
  display: block;
  font-size: 14.5px;
  font-weight: 600;
  letter-spacing: -.022em;
  color: #fff;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.services-37 {
  position: absolute;
  left: 23px;
  top: calc(50% + 24px);
  bottom: -9px;
  width: 1px;
  background: linear-gradient(180deg,#E8C46A,rgba(255,255,255,.12));
}
.services-38 {
  position: relative;
  z-index: 1;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  border: 1.4px solid #E8C46A;
  background: #0E0D13;
  box-shadow: 0 0 20px -6px #E8C46A;
}
.services-39 {
  position: relative;
  z-index: 1;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  border: 1.4px solid #C3F53C;
  background: #0E0D13;
  box-shadow: 0 0 20px -6px #C3F53C;
}
.services-40 {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 14px;
  align-items: center;
  margin-top: 18px;
  border: 1.4px solid rgba(155,109,255,.7);
  border-radius: 13px;
  padding: 14px 16px;
  background: linear-gradient(120deg,rgba(124,44,230,.16),rgba(255,255,255,.02));
  box-shadow: 0 0 34px -14px rgba(124,44,230,.9);
}
.services-41 {
  display: block;
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 9px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(255,255,255,.62);
}
.services-42 {
  display: block;
  font-size: 14.5px;
  font-weight: 600;
  color: #fff;
  letter-spacing: -.02em;
  margin-top: 3px;
  overflow-wrap: anywhere;
}
.services-43 {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #C3F53C;
  display: grid;
  place-items: center;
}

/* Workflows By Business Type */
.workflows-1 {
  background: #F7F7F5;
  padding: clamp(84px,9vw,148px) 0;
}
.workflows-2 {
  max-width: 1340px;
  margin: 0 auto;
  padding: 0 32px;
}
.workflows-3 {
  max-width: 780px;
  margin-bottom: 44px;
}
.workflows-4 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #7C2CE6;
  margin-bottom: 24px;
}
.workflows-5 {
  width: 24px;
  height: 1px;
  background: #7C2CE6;
}
.workflows-6 {
  font-size: clamp(32px,3.9vw,56px);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -.04em;
  max-width: 22ch;
}
.workflows-7 {
  margin-top: 22px;
  font-size: clamp(16.5px,1.5vw,19px);
  color: #55525F;
  line-height: 1.62;
}
.workflows-8 {
  position: relative;
  z-index: 2;
  margin-bottom: -1px;
}
.workflows-9 {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  padding: 0 clamp(8px,1vw,16px);
  overflow-x: auto;
  scrollbar-width: none;
}
.workflows-10 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 56px;
  pointer-events: none;
  background: linear-gradient(90deg,rgba(247,247,245,0),rgba(247,247,245,.92));
}
.workflows-11 {
  position: relative;
  overflow: hidden;
  background: #121116;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: clamp(18px,2vw,26px);
  padding: clamp(28px,3.4vw,54px);
  box-shadow: 0 60px 120px -70px rgba(12,10,20,.75),inset 0 1px 0 rgba(255,255,255,.055);
}
.workflows-12 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse 52% 60% at 6% 104%,rgba(124,44,230,.26),transparent 66%);
}
.workflows-13 {
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,340px),1fr));
  gap: clamp(30px,3.6vw,64px);
  align-items: center;
}
.workflows-14 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: clamp(300px,32vw,420px);
}
.workflows-15 {
  animation-name: wfInA;
  animation-duration: .6s;
  animation-timing-function: cubic-bezier(.22,1,.36,1);
  animation-fill-mode: both;
}
.workflows-16 {
  font-size: clamp(27px,2.9vw,42px);
  font-weight: 700;
  letter-spacing: -.042em;
  line-height: 1.06;
  color: #fff;
  margin-bottom: 22px;
  max-width: 19ch;
}
.workflows-17 {
  font-size: 17px;
  color: rgba(255,255,255,.66);
  line-height: 1.62;
  max-width: 50ch;
}
.workflows-18 {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 30px;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(255,255,255,.28);
  font-size: 15.5px;
  font-weight: 500;
  color: #fff;
  transition: border-color .3s,gap .3s;
}
.workflows-18:hover {
  color: #C7B6FF;
  border-bottom-color: #9B6DFF;
  gap: 14px;
}
.workflows-19 {
  display: flex;
  align-items: center;
  gap: clamp(14px,1.8vw,26px);
}
.workflows-20 {
  position: relative;
  flex: 1 1 auto;
  aspect-ratio: 5/6;
  max-height: 520px;
  min-height: 340px;
}
.workflows-21 {
  position: absolute;
  top: 4%;
  left: 8%;
  right: -7%;
  bottom: 7%;
  background: #191821;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 22px;
}
.workflows-22 {
  position: absolute;
  top: 2%;
  left: 4%;
  right: -3.5%;
  bottom: 3.5%;
  background: #1D1C25;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 22px;
}
.workflows-23 {
  animation-name: wfInA;
  animation-duration: .6s;
  animation-timing-function: cubic-bezier(.22,1,.36,1);
  animation-fill-mode: both;
  position: absolute;
  inset: 0;
  background: #22212B;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 22px;
  padding: 13px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 34px 80px -44px rgba(0,0,0,.92),inset 0 1px 0 rgba(255,255,255,.06);
  transition: transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s cubic-bezier(.22,1,.36,1);
}
.workflows-23:hover {
  transform: translateY(-5px);
  box-shadow: 0 44px 94px -44px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.09);
}
.workflows-24 {
  position: relative;
  flex: 1 1 auto;
  border-radius: 13px;
  overflow: hidden;
  background: #15141A;
  min-height: 0;
}
.workflows-25 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.workflows-26 {
  position: absolute;
  top: 12px;
  right: 12px;
  background: rgba(12,10,20,.88);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 100px;
  padding: 6px 13px;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}
.workflows-27 {
  flex: 0 0 auto;
  padding: 18px 8px 12px;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.workflows-28 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 9.5px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #C3F53C;
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.workflows-29 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #C3F53C;
  animation: liveDot 1.8s infinite;
}
.workflows-30 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 9.5px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(255,255,255,.62);
}
.workflows-31 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  border-radius: 0 2px 2px 0;
  transform-origin: left;
  background: linear-gradient(90deg,#9B6DFF,#C3F53C);
  animation-name: wfBarA;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-fill-mode: both;
}
.workflows-32 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;
  padding: 10px 0;
}
.workflows-33 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  transform: translateX(-50%);
  background: linear-gradient(180deg,transparent,rgba(255,255,255,.14) 18%,rgba(255,255,255,.14) 82%,transparent);
}

/* Results / Impact */
.results-1 {
  background: linear-gradient(180deg,#0B0A12 0%,#0F0C1E 70%,#1A1233 100%);
  padding: clamp(84px,9vw,148px) 0;
}
.results-2 {
  max-width: 1340px;
  margin: 0 auto;
  padding: 0 32px;
}
.results-3 {
  max-width: 820px;
  margin-bottom: clamp(40px,4.4vw,64px);
}
.results-4 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #C7B6FF;
  margin-bottom: 24px;
}
.results-5 {
  width: 24px;
  height: 1px;
  background: #9B6DFF;
}
.results-6 {
  font-size: clamp(32px,3.9vw,56px);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -.04em;
  color: #fff;
  max-width: 20ch;
}
.results-7 {
  margin-top: 22px;
  font-size: clamp(16.5px,1.5vw,19px);
  color: rgba(255,255,255,.66);
  line-height: 1.62;
}
.results-8 {
  display: grid;
  gap: clamp(18px,1.8vw,28px);
  align-items: stretch;
}
.results-9 {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 6px;
  background: #F2F1EF;
  box-shadow: 0 40px 90px -50px rgba(0,0,0,.9);
  transition: transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s cubic-bezier(.22,1,.36,1);
}
.results-9:hover {
  transform: translateY(-6px);
  box-shadow: 0 56px 110px -50px rgba(0,0,0,.95);
}
.results-10 {
  padding: clamp(28px,2.8vw,40px) clamp(24px,2.6vw,38px) clamp(26px,2.6vw,36px);
}
.results-11 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: #4A4656;
}
.results-12 {
  font-size: clamp(23px,2.2vw,31px);
  font-weight: 700;
  letter-spacing: -.035em;
  line-height: 1.15;
  color: #0C0A14;
  margin: 22px 0 24px;
  text-wrap: balance;
}
.results-13 {
  font-style: normal;
  color: #7C2CE6;
}
.results-14 {
  list-style: none;
  display: grid;
  gap: 12px;
}
.results-15 {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  align-items: baseline;
  font-size: 16px;
  line-height: 1.5;
  color: #3A3646;
}
.results-16 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #9B6DFF;
  transform: translateY(-2px);
}
.results-17 {
  position: relative;
  flex: 1 1 auto;
  min-height: clamp(240px,24vw,340px);
  overflow: hidden;
  background: #0B0C0F;
}
.results-18 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 1.2s cubic-bezier(.22,1,.36,1);
}
.results-18:hover {
  transform: scale(1.06);
}
.results-19 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg,rgba(242,241,239,.18),transparent 30%,rgba(124,44,230,.22));
}
.results-20 {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 6px;
  background: #14112A;
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 40px 90px -50px rgba(0,0,0,.9);
  transition: transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s cubic-bezier(.22,1,.36,1);
}
.results-20:hover {
  transform: translateY(-6px);
  box-shadow: 0 56px 110px -50px rgba(0,0,0,.95);
}
.results-21 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: rgba(255,255,255,.66);
}
.results-22 {
  font-size: clamp(23px,2.2vw,31px);
  font-weight: 700;
  letter-spacing: -.035em;
  line-height: 1.15;
  color: #fff;
  margin: 22px 0 24px;
  text-wrap: balance;
}
.results-23 {
  font-style: normal;
  color: #C7B6FF;
}
.results-24 {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 14px;
  align-items: baseline;
  font-size: 16px;
  line-height: 1.5;
  color: rgba(255,255,255,.78);
}
.results-25 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg,rgba(20,17,42,.35),transparent 30%,rgba(124,44,230,.22));
}

/* Photo Band */
.band-1 {
  position: relative;
  height: clamp(300px,34vw,460px);
  overflow: hidden;
  background: #0F1116;
}
.band-2 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.band-3 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg,rgba(15,17,22,.7) 0%,rgba(15,17,22,.15) 40%,rgba(15,17,22,.2) 70%,rgba(250,249,252,1) 100%);
}
.band-4 {
  position: absolute;
  left: 0;
  right: 0;
  top: clamp(28px,4vw,52px);
  pointer-events: none;
}
.band-5 {
  max-width: 1340px;
  margin: 0 auto;
  padding: 0 32px;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 9.5px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(255,255,255,.75);
}
.band-6 {
  background: rgba(8,9,11,.82);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 6px;
  padding: 8px 13px;
}
.band-7 {
  background: rgba(8,9,11,.82);
  border: 1px solid rgba(195,245,60,.35);
  border-radius: 6px;
  padding: 8px 13px;
  color: #C3F53C;
}

/* 90-Day Implementation */
.how-1 {
  background: #FAF9FC;
  padding: clamp(84px,9vw,148px) 0;
}
.how-2 {
  max-width: 1340px;
  margin: 0 auto;
  padding: 0 32px;
}
.how-3 {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,400px),1fr));
  gap: clamp(40px,4.5vw,80px);
  align-items: start;
}
.how-4 {
  position: sticky;
  top: 110px;
}
.how-5 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #7C2CE6;
  margin-bottom: 24px;
}
.how-6 {
  width: 24px;
  height: 1px;
  background: #7C2CE6;
}
.how-7 {
  font-size: clamp(32px,3.9vw,56px);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -.04em;
  max-width: 18ch;
}
.how-8 {
  margin-top: 22px;
  font-size: clamp(16.5px,1.5vw,19px);
  color: #55525F;
  line-height: 1.62;
  max-width: 48ch;
}
.how-9 {
  position: relative;
  padding-left: 44px;
}
.how-10 {
  position: absolute;
  left: 13px;
  top: 14px;
  bottom: 14px;
  width: 1px;
  background: linear-gradient(180deg,#7C2CE6 0%,#C7B6FF 68%,#E2E0DB 100%);
}
.how-11 {
  position: relative;
  padding-bottom: 52px;
}
.how-12 {
  position: absolute;
  left: -44px;
  top: 6px;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background: #7C2CE6;
  border: 5px solid #FAF9FC;
  box-shadow: 0 0 0 1px #C7B6FF;
}
.how-13 {
  display: block;
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #7C2CE6;
  margin-bottom: 10px;
}
.how-14 {
  font-size: clamp(21px,2.2vw,27px);
  font-weight: 600;
  letter-spacing: -.035em;
  line-height: 1.2;
  margin-bottom: 14px;
}
.how-15 {
  color: #55525F;
  font-size: 16.5px;
  max-width: 64ch;
  line-height: 1.65;
}
.how-16 {
  position: absolute;
  left: -44px;
  top: 6px;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background: #9B6DFF;
  border: 5px solid #FAF9FC;
  box-shadow: 0 0 0 1px #C7B6FF;
}
.how-17 {
  position: relative;
}
.how-18 {
  position: absolute;
  left: -44px;
  top: 6px;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  background: #0C0A14;
  border: 5px solid #FAF9FC;
  box-shadow: 0 0 0 1px #DFDCE4;
}
.how-19 {
  display: block;
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #6B6879;
  margin-bottom: 10px;
}
.how-20 {
  margin-top: clamp(48px,5vw,72px);
  padding-top: clamp(26px,2.8vw,36px);
  border-top: 1px solid #DFDCE4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px 32px;
  flex-wrap: wrap;
}
.how-21 {
  min-width: 0;
}
.how-22 {
  display: block;
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #7C2CE6;
  margin-bottom: 8px;
}
.how-23 {
  font-size: clamp(18px,1.8vw,22px);
  font-weight: 500;
  letter-spacing: -.025em;
  line-height: 1.35;
  color: #0C0A14;
  max-width: 46ch;
}
.how-24 {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  background: #0C0A14;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  padding: 14px 22px;
  border-radius: 10px;
  transition: transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,background .3s;
}
.how-24:hover {
  background: #7C2CE6;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 16px 36px -18px rgba(124,44,230,.9);
}

/* Integrations */
.integrations-1 {
  position: relative;
  overflow: hidden;
  background: #08090B;
  padding: clamp(84px,9vw,148px) 0;
}
.integrations-2 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse 52% 50% at 50% 34%,rgba(124,44,230,.20),transparent 66%);
}
.integrations-3 {
  position: relative;
  z-index: 1;
  max-width: 1340px;
  margin: 0 auto;
  padding: 0 32px;
}
.integrations-4 {
  max-width: 780px;
  margin-bottom: 52px;
}
.integrations-5 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #C7B6FF;
  margin-bottom: 24px;
}
.integrations-6 {
  width: 24px;
  height: 1px;
  background: #9B6DFF;
}
.integrations-7 {
  font-size: clamp(32px,3.9vw,56px);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -.04em;
  color: #fff;
  max-width: 22ch;
}
.integrations-8 {
  margin-top: 22px;
  font-size: clamp(16.5px,1.5vw,19px);
  color: rgba(255,255,255,.66);
  line-height: 1.62;
}
.integrations-9 {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 24px;
  background: radial-gradient(ellipse 60% 70% at 50% 50%,rgba(124,44,230,.16),transparent 70%),#08070D;
  padding: clamp(22px,2.6vw,38px);
  margin-bottom: 56px;
}
.integrations-10 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);
  background-size: 22px 22px;
  mask-image: radial-gradient(ellipse 70% 70% at 50% 50%,#000,transparent 80%);
  -webkit-mask-image: radial-gradient(ellipse 70% 70% at 50% 50%,#000,transparent 80%);
}
.integrations-11 {
  position: relative;
  display: grid;
  gap: 18px;
  align-items: stretch;
}
.integrations-12 {
  display: grid;
  gap: 16px;
}
.integrations-13 {
  position: relative;
  overflow: hidden;
  background: #0F0E15;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 18px;
  padding: 18px 18px 20px;
}
.integrations-14 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 40%;
  background: linear-gradient(90deg,transparent,rgba(155,109,255,.1),transparent);
  animation-name: intSweep;
  animation-duration: 5.5s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(.4,0,.2,1);
  animation-iteration-count: infinite;
  pointer-events: none;
}
.integrations-15 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 13px;
  margin-bottom: 16px;
}
.integrations-16 {
  width: 40px;
  height: 40px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 11px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.12);
}
.integrations-17 {
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -.025em;
  color: #fff;
}
.integrations-18 {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 8px;
}
.integrations-19 {
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
  text-align: center;
  padding: 10px 8px;
  border-radius: 9px;
  background: rgba(255,255,255,.035);
  border: 1px solid rgba(255,255,255,.1);
  font-size: 13px;
  color: rgba(255,255,255,.86);
  letter-spacing: -.01em;
}
.integrations-20 {
  position: absolute;
  inset: 0;
  border-radius: 9px;
  border: 1px solid #9B6DFF;
  opacity: 0;
  animation-name: intChip;
  animation-duration: 6s;
  animation-delay: 0s;
  animation-iteration-count: infinite;
}
.integrations-21 {
  position: absolute;
  inset: 0;
  border-radius: 9px;
  border: 1px solid #9B6DFF;
  opacity: 0;
  animation-name: intChip;
  animation-duration: 6s;
  animation-delay: 0.9s;
  animation-iteration-count: infinite;
}
.integrations-22 {
  position: absolute;
  inset: 0;
  border-radius: 9px;
  border: 1px solid #9B6DFF;
  opacity: 0;
  animation-name: intChip;
  animation-duration: 6s;
  animation-delay: 1.8s;
  animation-iteration-count: infinite;
}
.integrations-23 {
  position: absolute;
  inset: 0;
  border-radius: 9px;
  border: 1px solid #9B6DFF;
  opacity: 0;
  animation-name: intChip;
  animation-duration: 6s;
  animation-delay: 2.7s;
  animation-iteration-count: infinite;
}
.integrations-24 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 40%;
  background: linear-gradient(90deg,transparent,rgba(155,109,255,.1),transparent);
  animation-name: intSweep;
  animation-duration: 5.5s;
  animation-delay: 1.6s;
  animation-timing-function: cubic-bezier(.4,0,.2,1);
  animation-iteration-count: infinite;
  pointer-events: none;
}
.integrations-25 {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 8px;
}
.integrations-26 {
  position: absolute;
  inset: 0;
  border-radius: 9px;
  border: 1px solid #9B6DFF;
  opacity: 0;
  animation-name: intChip;
  animation-duration: 6s;
  animation-delay: 1.6s;
  animation-iteration-count: infinite;
}
.integrations-27 {
  position: absolute;
  inset: 0;
  border-radius: 9px;
  border: 1px solid #9B6DFF;
  opacity: 0;
  animation-name: intChip;
  animation-duration: 6s;
  animation-delay: 2.5s;
  animation-iteration-count: infinite;
}
.integrations-28 {
  position: absolute;
  inset: 0;
  border-radius: 9px;
  border: 1px solid #9B6DFF;
  opacity: 0;
  animation-name: intChip;
  animation-duration: 6s;
  animation-delay: 3.4000000000000004s;
  animation-iteration-count: infinite;
}
.integrations-29 {
  position: absolute;
  inset: 0;
  border-radius: 9px;
  border: 1px solid #9B6DFF;
  opacity: 0;
  animation-name: intChip;
  animation-duration: 6s;
  animation-delay: 4.300000000000001s;
  animation-iteration-count: infinite;
}
.integrations-30 {
  position: absolute;
  inset: 0;
  border-radius: 9px;
  border: 1px solid #9B6DFF;
  opacity: 0;
  animation-name: intChip;
  animation-duration: 6s;
  animation-delay: 5.2s;
  animation-iteration-count: infinite;
}
.integrations-31 {
  position: absolute;
  inset: 0;
  border-radius: 9px;
  border: 1px solid #9B6DFF;
  opacity: 0;
  animation-name: intChip;
  animation-duration: 6s;
  animation-delay: 6.1s;
  animation-iteration-count: infinite;
}
.integrations-32 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 40%;
  background: linear-gradient(90deg,transparent,rgba(155,109,255,.1),transparent);
  animation-name: intSweep;
  animation-duration: 5.5s;
  animation-delay: 3.2s;
  animation-timing-function: cubic-bezier(.4,0,.2,1);
  animation-iteration-count: infinite;
  pointer-events: none;
}
.integrations-33 {
  position: absolute;
  inset: 0;
  border-radius: 9px;
  border: 1px solid #9B6DFF;
  opacity: 0;
  animation-name: intChip;
  animation-duration: 6s;
  animation-delay: 3.2s;
  animation-iteration-count: infinite;
}
.integrations-34 {
  position: absolute;
  inset: 0;
  border-radius: 9px;
  border: 1px solid #9B6DFF;
  opacity: 0;
  animation-name: intChip;
  animation-duration: 6s;
  animation-delay: 4.1000000000000005s;
  animation-iteration-count: infinite;
}
.integrations-35 {
  position: absolute;
  inset: 0;
  border-radius: 9px;
  border: 1px solid #9B6DFF;
  opacity: 0;
  animation-name: intChip;
  animation-duration: 6s;
  animation-delay: 5s;
  animation-iteration-count: infinite;
}
.integrations-36 {
  position: absolute;
  inset: 0;
  border-radius: 9px;
  border: 1px solid #9B6DFF;
  opacity: 0;
  animation-name: intChip;
  animation-duration: 6s;
  animation-delay: 5.9s;
  animation-iteration-count: infinite;
}
.integrations-37 {
  position: relative;
}
.integrations-38 {
  position: absolute;
  top: 16.67%;
  left: 0;
  right: 50%;
  height: 1px;
  background: repeating-linear-gradient(90deg,rgba(199,182,255,.5) 0 5px,transparent 5px 11px);
  animation-name: intDashX;
  animation-duration: 1.6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.integrations-39 {
  position: absolute;
  inset: 0;
  animation-name: intTravelX;
  animation-duration: 2.6s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(.45,0,.55,1);
  animation-iteration-count: infinite;
}
.integrations-40 {
  position: absolute;
  left: 0;
  top: -3px;
  width: 7px;
  height: 7px;
  margin-left: -3.5px;
  border-radius: 50%;
  background: #C7B6FF;
  box-shadow: 0 0 12px 2px #C7B6FF;
}
.integrations-41 {
  position: absolute;
  top: 50%;
  left: 0;
  right: 50%;
  height: 1px;
  background: repeating-linear-gradient(90deg,rgba(199,182,255,.5) 0 5px,transparent 5px 11px);
  animation-name: intDashX;
  animation-duration: 1.6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.integrations-42 {
  position: absolute;
  inset: 0;
  animation-name: intTravelX;
  animation-duration: 2.6s;
  animation-delay: 0.8s;
  animation-timing-function: cubic-bezier(.45,0,.55,1);
  animation-iteration-count: infinite;
}
.integrations-43 {
  position: absolute;
  left: 0;
  top: -3px;
  width: 7px;
  height: 7px;
  margin-left: -3.5px;
  border-radius: 50%;
  background: #E8C46A;
  box-shadow: 0 0 12px 2px #E8C46A;
}
.integrations-44 {
  position: absolute;
  top: 83.33%;
  left: 0;
  right: 50%;
  height: 1px;
  background: repeating-linear-gradient(90deg,rgba(199,182,255,.5) 0 5px,transparent 5px 11px);
  animation-name: intDashX;
  animation-duration: 1.6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.integrations-45 {
  position: absolute;
  inset: 0;
  animation-name: intTravelX;
  animation-duration: 2.6s;
  animation-delay: 1.6s;
  animation-timing-function: cubic-bezier(.45,0,.55,1);
  animation-iteration-count: infinite;
}
.integrations-46 {
  position: absolute;
  left: 50%;
  top: 16.67%;
  bottom: 16.67%;
  width: 1px;
  background: repeating-linear-gradient(180deg,rgba(199,182,255,.5) 0 5px,transparent 5px 11px);
  animation-name: intDashY;
  animation-duration: 1.6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.integrations-47 {
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  height: 1px;
  background: repeating-linear-gradient(90deg,rgba(199,182,255,.5) 0 5px,transparent 5px 11px);
  animation-name: intDashX;
  animation-duration: 1.6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.integrations-48 {
  position: absolute;
  inset: 0;
  animation-name: intTravelX;
  animation-duration: 1.8s;
  animation-delay: 0.4s;
  animation-timing-function: cubic-bezier(.45,0,.55,1);
  animation-iteration-count: infinite;
}
.integrations-49 {
  position: absolute;
  left: 0;
  top: -3px;
  width: 7px;
  height: 7px;
  margin-left: -3.5px;
  border-radius: 50%;
  background: #C3F53C;
  box-shadow: 0 0 12px 2px #C3F53C;
}
.integrations-50 {
  position: absolute;
  top: 16.67%;
  left: 0;
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
  border-radius: 50%;
  background: #C7B6FF;
  box-shadow: 0 0 0 4px rgba(199,182,255,.16);
}
.integrations-51 {
  position: absolute;
  top: 50%;
  left: 0;
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
  border-radius: 50%;
  background: #E8C46A;
  box-shadow: 0 0 0 4px rgba(232,196,106,.18);
}
.integrations-52 {
  position: absolute;
  top: 83.33%;
  left: 0;
  width: 9px;
  height: 9px;
  margin: -4.5px 0 0 -4.5px;
  border-radius: 50%;
  background: #C7B6FF;
  box-shadow: 0 0 0 4px rgba(199,182,255,.16);
}
.integrations-53 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 34px;
  height: 34px;
  margin: -17px 0 0 -17px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #0B0A12;
  border: 1px solid rgba(255,255,255,.22);
  z-index: 2;
}
.integrations-54 {
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  border: 1px solid rgba(155,109,255,.55);
  animation-name: intRing;
  animation-duration: 2.6s;
  animation-iteration-count: infinite;
}
.integrations-55 {
  align-self: center;
  position: relative;
  border-radius: 24px;
  padding: 26px 22px 22px;
  background: linear-gradient(180deg,#17151F,#0F0E15);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 50px 110px -50px rgba(124,44,230,.85),inset 0 1px 0 rgba(255,255,255,.07);
}
.integrations-56 {
  position: absolute;
  inset: -1px;
  border-radius: 24px;
  padding: 1.5px;
  overflow: hidden;
  -webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.integrations-57 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 200%;
  aspect-ratio: 1;
  margin: -100% 0 0 -100%;
  background: conic-gradient(from 0deg,transparent 0 68%,#9B6DFF 80%,#C3F53C 87%,transparent 94%);
  animation-name: intSpin;
  animation-duration: 6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.integrations-58 {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.integrations-59 {
  height: 28px;
  width: auto;
}
.integrations-60 {
  display: grid;
  gap: 12px;
}
.integrations-61 {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 16px;
  align-items: center;
  padding: 18px 20px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.18);
  background: linear-gradient(115deg,#3B1C84,#7C2CE6 45%,#A04BD9 70%,#5824C5);
  background-size: 220% 220%;
  animation-name: intGrad;
  animation-duration: 8s;
  animation-delay: 0s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
.integrations-62 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 34%;
  background: linear-gradient(100deg,transparent,rgba(255,255,255,.16),transparent);
  animation-name: intSweep;
  animation-duration: 4.2s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(.4,0,.2,1);
  animation-iteration-count: infinite;
  pointer-events: none;
}
.integrations-63 {
  position: relative;
  width: 52px;
  height: 52px;
  border-radius: 13px;
  background: #fff;
  display: grid;
  place-items: center;
}
.integrations-64 {
  display: block;
  font-size: 18.5px;
  font-weight: 600;
  letter-spacing: -.025em;
  color: #fff;
}
.integrations-65 {
  display: block;
  margin-top: 4px;
  font-size: 14.5px;
  line-height: 1.45;
  color: rgba(255,255,255,.86);
}
.integrations-66 {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 16px;
  align-items: center;
  padding: 18px 20px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.18);
  background: linear-gradient(115deg,#241A5E,#4B2BB0 45%,#7A5BE0 70%,#2F1F7A);
  background-size: 220% 220%;
  animation-name: intGrad;
  animation-duration: 8s;
  animation-delay: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
.integrations-67 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 34%;
  background: linear-gradient(100deg,transparent,rgba(255,255,255,.16),transparent);
  animation-name: intSweep;
  animation-duration: 4.2s;
  animation-delay: 2s;
  animation-timing-function: cubic-bezier(.4,0,.2,1);
  animation-iteration-count: infinite;
  pointer-events: none;
}
.integrations-68 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 18px;
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 9.5px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(255,255,255,.72);
}
.integrations-69 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #C3F53C;
  animation: liveDot 1.8s infinite;
}
.integrations-70 {
  position: absolute;
  inset: 0;
  animation-name: intTravelX;
  animation-duration: 1.8s;
  animation-delay: 1.2s;
  animation-timing-function: cubic-bezier(.45,0,.55,1);
  animation-iteration-count: infinite;
}
.integrations-71 {
  position: absolute;
  left: 50%;
  top: 25%;
  bottom: 25%;
  width: 1px;
  background: repeating-linear-gradient(180deg,rgba(199,182,255,.5) 0 5px,transparent 5px 11px);
  animation-name: intDashY;
  animation-duration: 1.6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.integrations-72 {
  position: absolute;
  top: 25%;
  left: 50%;
  right: 18px;
  height: 1px;
  background: repeating-linear-gradient(90deg,rgba(199,182,255,.5) 0 5px,transparent 5px 11px);
  animation-name: intDashX;
  animation-duration: 1.6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.integrations-73 {
  position: absolute;
  inset: 0;
  animation-name: intTravelX;
  animation-duration: 2s;
  animation-delay: 1.8s;
  animation-timing-function: cubic-bezier(.45,0,.55,1);
  animation-iteration-count: infinite;
}
.integrations-74 {
  position: absolute;
  top: 75%;
  left: 50%;
  right: 18px;
  height: 1px;
  background: repeating-linear-gradient(90deg,rgba(199,182,255,.5) 0 5px,transparent 5px 11px);
  animation-name: intDashX;
  animation-duration: 1.6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.integrations-75 {
  position: absolute;
  inset: 0;
  animation-name: intTravelX;
  animation-duration: 2s;
  animation-delay: 2.4s;
  animation-timing-function: cubic-bezier(.45,0,.55,1);
  animation-iteration-count: infinite;
}
.integrations-76 {
  position: absolute;
  top: 25%;
  left: calc(100% - 17px);
  width: 34px;
  height: 34px;
  margin: -17px 0 0 -17px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #0B0A12;
  border: 1px solid rgba(255,255,255,.22);
  z-index: 2;
}
.integrations-77 {
  position: absolute;
  top: 75%;
  left: calc(100% - 17px);
  width: 34px;
  height: 34px;
  margin: -17px 0 0 -17px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #0B0A12;
  border: 1px solid rgba(255,255,255,.22);
  z-index: 2;
}
.integrations-78 {
  display: grid;
  grid-template-rows: 1fr 1fr;
  align-items: center;
  justify-items: center;
  gap: 24px;
}
.integrations-79 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  text-align: center;
}
.integrations-80 {
  position: relative;
  width: 118px;
  height: 118px;
  display: grid;
  place-items: center;
}
.integrations-81 {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: conic-gradient(from 0deg,#7C2CE6,#C7B6FF,#C3F53C,#7C2CE6);
  animation-name: intSpin;
  animation-duration: 7s;
  animation-delay: 0s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  opacity: .9;
}
.integrations-82 {
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background: #0B0A12;
}
.integrations-83 {
  position: absolute;
  inset: 14px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%,#9B6DFF,#3B1C84 75%);
  box-shadow: 0 0 50px -8px rgba(124,44,230,.9);
}
.integrations-84 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -.025em;
  color: #fff;
}
.integrations-85 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 9.5px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(255,255,255,.66);
  line-height: 1.6;
}
.integrations-86 {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: conic-gradient(from 0deg,#7C2CE6,#C7B6FF,#C3F53C,#7C2CE6);
  animation-name: intSpin;
  animation-duration: 7s;
  animation-delay: 1.5s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  opacity: .9;
}
.integrations-87 {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,300px),1fr));
  gap: 0;
  border-top: 1px solid rgba(255,255,255,.1);
}
.integrations-88 {
  padding: 32px 30px 32px 0;
  border-right: 1px solid rgba(255,255,255,.07);
}
.integrations-89 {
  position: relative;
  height: clamp(104px,11vw,132px);
  border-radius: 11px;
  overflow: hidden;
  margin-bottom: 18px;
  background: #15141A;
}
.integrations-90 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.58) contrast(1.06) brightness(.72);
}
.integrations-91 {
  position: absolute;
  inset: 0;
  background: linear-gradient(150deg,rgba(124,44,230,.3),rgba(8,9,11,.22) 52%,rgba(8,9,11,.88));
}
.integrations-92 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 9.5px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #9B6DFF;
}
.integrations-93 {
  position: relative;
  margin-top: 14px;
}
.integrations-94 {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.integrations-95 {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -.03em;
  line-height: 1.24;
  margin: 0 0 12px;
  color: #fff;
}
.integrations-96 {
  flex: 0 0 auto;
  width: 21px;
  height: 21px;
  display: grid;
  place-items: center;
  border-radius: 5px;
  border: 1px solid rgba(255,255,255,.18);
  color: #C7B6FF;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  margin-top: 3px;
}
.integrations-97 {
  position: absolute;
  right: 0;
  top: 3px;
  width: 21px;
  height: 21px;
  display: grid;
  place-items: center;
  border-radius: 5px;
  background: #9B6DFF;
  color: #08090B;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
}
.integrations-98 {
  font-size: 15.5px;
  color: rgba(255,255,255,.66);
  line-height: 1.62;
}
.integrations-99 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 18px;
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 9.5px;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.integrations-100 {
  color: rgba(255,255,255,.62);
  border: 1px solid rgba(255,255,255,.11);
  padding: 5px 10px;
  border-radius: 5px;
}
.integrations-101 {
  padding: 32px 30px;
  border-right: 1px solid rgba(255,255,255,.07);
}
.integrations-102 {
  padding: 32px 30px 32px 30px;
}
.integrations-103 {
  padding: 32px 30px 0 0;
  border-right: 1px solid rgba(255,255,255,.07);
  border-top: 1px solid rgba(255,255,255,.07);
}
.integrations-104 {
  padding: 32px 30px 0;
  border-right: 1px solid rgba(255,255,255,.07);
  border-top: 1px solid rgba(255,255,255,.07);
}
.integrations-105 {
  padding: 32px 30px;
  border-top: 1px solid rgba(255,255,255,.07);
}
.integrations-106 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 9.5px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #E8C46A;
}
.integrations-107 {
  color: rgba(255,255,255,.62);
  border: 1px solid rgba(232,196,106,.3);
  padding: 5px 10px;
  border-radius: 5px;
}

/* Guardrails & Security */
.security-1 {
  position: relative;
  overflow: hidden;
  background: #0B0C0F;
  padding: clamp(84px,9vw,148px) 0;
}
.security-2 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse 46% 44% at 96% 6%,rgba(88,36,197,.20),transparent 62%);
}
.security-3 {
  position: relative;
  z-index: 1;
  max-width: 1340px;
  margin: 0 auto;
  padding: 0 32px;
}
.security-4 {
  max-width: 780px;
  margin-bottom: 52px;
}
.security-5 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #C7B6FF;
  margin-bottom: 24px;
}
.security-6 {
  width: 24px;
  height: 1px;
  background: #9B6DFF;
}
.security-7 {
  font-size: clamp(32px,3.9vw,56px);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -.04em;
  color: #fff;
  max-width: 20ch;
}
.security-8 {
  margin-top: 22px;
  font-size: clamp(16.5px,1.5vw,19px);
  color: rgba(255,255,255,.66);
  line-height: 1.62;
}
.security-9 {
  position: relative;
  padding-left: 32px;
  border-left: 1px solid rgba(255,255,255,.1);
}
.security-10 {
  position: absolute;
  left: -1px;
  top: 0;
  width: 1px;
  height: 34%;
  background: linear-gradient(180deg,transparent,#9B6DFF,transparent);
}
.security-11 {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,340px),1fr));
  gap: 0 clamp(28px,3vw,56px);
}
.security-12 {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 20px;
  padding: 26px 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
  transition: background .3s;
}
.security-12:hover {
  background: rgba(255,255,255,.025);
}
.security-13 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .16em;
  color: #9B6DFF;
  padding-top: 5px;
}
.security-14 {
  position: relative;
}
.security-15 {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.security-16 {
  font-size: 18.5px;
  font-weight: 600;
  letter-spacing: -.03em;
  line-height: 1.3;
  margin-bottom: 9px;
  color: #fff;
}
.security-17 {
  flex: 0 0 auto;
  width: 21px;
  height: 21px;
  display: grid;
  place-items: center;
  border-radius: 5px;
  border: 1px solid rgba(255,255,255,.18);
  color: #C7B6FF;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  margin-top: 3px;
}
.security-18 {
  position: absolute;
  right: 0;
  top: 3px;
  width: 21px;
  height: 21px;
  display: grid;
  place-items: center;
  border-radius: 5px;
  background: #9B6DFF;
  color: #08090B;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
}
.security-19 {
  font-size: 15px;
  color: rgba(255,255,255,.64);
  line-height: 1.6;
}
.security-20 {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 20px;
  padding: 26px 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.security-21 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 13px;
  color: #C3F53C;
  padding-top: 2px;
}
.security-22 {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 20px;
  padding: 26px 0 0;
}
.security-23 {
  font-size: 15px;
  color: rgba(255,255,255,.64);
  line-height: 1.6;
  max-width: 70ch;
}

/* UAE Data & Regulation */
.uae-1 {
  background: #F7F7F5;
  padding: 0 0 clamp(84px,9vw,148px);
}
.uae-2 {
  position: relative;
  height: clamp(280px,30vw,420px);
  overflow: hidden;
  background: #0F1116;
}
.uae-3 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.uae-4 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg,rgba(8,9,11,.34) 0%,rgba(8,9,11,.08) 34%,rgba(247,247,245,.16) 72%,#F7F7F5 100%);
}
.uae-5 {
  position: absolute;
  left: 0;
  right: 0;
  top: clamp(24px,3.4vw,44px);
  pointer-events: none;
}
.uae-6 {
  max-width: 1340px;
  margin: 0 auto;
  padding: 0 32px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 9.5px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(255,255,255,.86);
}
.uae-7 {
  background: rgba(8,9,11,.5);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 6px;
  padding: 8px 13px;
}
.uae-8 {
  max-width: 1340px;
  margin: 0 auto;
  padding: clamp(56px,6vw,96px) 32px 0;
}
.uae-9 {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,400px),1fr));
  gap: clamp(24px,4vw,72px);
  align-items: end;
  margin-bottom: clamp(36px,4vw,56px);
}
.uae-10 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #7C2CE6;
  margin-bottom: 24px;
}
.uae-11 {
  width: 24px;
  height: 1px;
  background: #7C2CE6;
}
.uae-12 {
  font-size: clamp(32px,3.9vw,56px);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -.04em;
  max-width: 17ch;
}
.uae-13 {
  font-size: clamp(16.5px,1.5vw,19px);
  color: #55525F;
  line-height: 1.62;
  max-width: 52ch;
}
.uae-14 {
  display: grid;
  gap: clamp(16px,1.6vw,24px);
  align-items: stretch;
}
.uae-15 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  background: #fff;
  border: 1px solid #E2E0DB;
  border-radius: 20px;
  padding: clamp(24px,2.4vw,32px);
  box-shadow: 0 30px 70px -50px rgba(12,10,20,.25);
}
.uae-16 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.uae-17 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #7C2CE6;
}
.uae-18 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .14em;
  color: #6B6879;
}
.uae-19 {
  font-size: clamp(20px,1.9vw,24px);
  font-weight: 600;
  letter-spacing: -.03em;
  line-height: 1.2;
  color: #0C0A14;
}
.uae-20 {
  font-size: 15.5px;
  line-height: 1.62;
  color: #55525F;
}
.uae-21 {
  margin-top: auto;
  padding-top: 18px;
  border-top: 1px solid #EFEDE8;
}
.uae-22 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.uae-23 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #3A3646;
  border: 1px solid #DFDCE4;
  background: #FAF9FC;
  padding: 6px 10px;
  border-radius: 7px;
}
.uae-24 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.uae-25 {
  position: relative;
  padding-left: 16px;
  border-left: 2px solid #C7B6FF;
}
.uae-26 {
  display: block;
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #7C2CE6;
}
.uae-27 {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  font-weight: 500;
  color: #0C0A14;
}
.uae-28 {
  position: relative;
  padding-left: 16px;
  border-left: 2px solid #7C2CE6;
}
.uae-29 {
  margin-top: clamp(20px,2vw,28px);
  background: #0C0A14;
  border-radius: 22px;
  padding: clamp(26px,3vw,44px);
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,300px),1fr));
  gap: clamp(22px,3vw,56px);
  align-items: start;
}
.uae-30 {
  display: block;
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #C3F53C;
  margin-bottom: 12px;
}
.uae-31 {
  font-size: clamp(22px,2.2vw,28px);
  font-weight: 600;
  letter-spacing: -.03em;
  line-height: 1.2;
  color: #fff;
  max-width: 18ch;
}
.uae-32 {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,240px),1fr));
  gap: 0 28px;
  grid-column: span 2;
}
.uae-33 {
  display: grid;
  grid-template-columns: 30px 1fr;
  gap: 10px;
  align-items: baseline;
  padding: 13px 0;
  border-top: 1px solid rgba(255,255,255,.12);
}
.uae-34 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .12em;
  color: #C7B6FF;
}
.uae-35 {
  font-size: 15.5px;
  line-height: 1.45;
  color: rgba(255,255,255,.88);
}

/* Cost / Pricing */
.cost-1 {
  position: relative;
  overflow: hidden;
  background: #08090B;
  padding: clamp(84px,9vw,148px) 0;
}
.cost-2 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse 48% 46% at 18% 4%,rgba(124,44,230,.20),transparent 62%);
}
.cost-3 {
  position: relative;
  z-index: 1;
  max-width: 1340px;
  margin: 0 auto;
  padding: 0 32px;
}
.cost-4 {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,400px),1fr));
  gap: clamp(24px,4vw,72px);
  align-items: end;
  margin-bottom: clamp(40px,4.4vw,60px);
}
.cost-5 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #C7B6FF;
  margin-bottom: 24px;
}
.cost-6 {
  width: 24px;
  height: 1px;
  background: #9B6DFF;
}
.cost-7 {
  font-size: clamp(32px,3.9vw,56px);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -.04em;
  color: #fff;
  max-width: 15ch;
}
.cost-8 {
  font-size: clamp(16.5px,1.5vw,19px);
  color: rgba(255,255,255,.66);
  line-height: 1.62;
}
.cost-9 {
  margin-bottom: clamp(28px,3vw,40px);
}
.cost-10 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 9.5px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(255,255,255,.62);
}
.cost-11 {
  position: relative;
  height: 6px;
  border-radius: 3px;
  background: rgba(255,255,255,.07);
}
.cost-12 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 4.29%;
  width: calc(11.43% - 4.29%);
  border-radius: 3px;
  background: #C7B6FF;
  transform-origin: left;
  animation-name: costFill;
  animation-duration: 5s;
  animation-delay: 0s;
  animation-timing-function: cubic-bezier(.22,1,.36,1);
  animation-iteration-count: infinite;
}
.cost-13 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 11.43%;
  width: calc(34.29% - 11.43%);
  border-radius: 3px;
  background: linear-gradient(90deg,#9B6DFF,#7C2CE6);
  transform-origin: left;
  animation-name: costFill;
  animation-duration: 5s;
  animation-delay: 0.35s;
  animation-timing-function: cubic-bezier(.22,1,.36,1);
  animation-iteration-count: infinite;
}
.cost-14 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 34.29%;
  width: calc(100.00% - 34.29%);
  border-radius: 3px;
  background: linear-gradient(90deg,#5824C5,#3B1C84);
  transform-origin: left;
  animation-name: costFill;
  animation-duration: 5s;
  animation-delay: 0.7s;
  animation-timing-function: cubic-bezier(.22,1,.36,1);
  animation-iteration-count: infinite;
}
.cost-15 {
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: 0;
  width: 18%;
  border-radius: 6px;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
  animation-name: intSweep;
  animation-duration: 5s;
  animation-delay: 1.2s;
  animation-timing-function: cubic-bezier(.4,0,.2,1);
  animation-iteration-count: infinite;
  pointer-events: none;
}
.cost-16 {
  position: relative;
  height: 28px;
}
.cost-17 {
  position: absolute;
  top: 14px;
  left: 4.29%;
  transform: translateX(-50%);
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 9.5px;
  letter-spacing: .1em;
  color: rgba(255,255,255,.62);
  white-space: nowrap;
}
.cost-18 {
  position: absolute;
  top: 14px;
  left: 11.43%;
  transform: translateX(-50%);
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 9.5px;
  letter-spacing: .1em;
  color: rgba(255,255,255,.62);
  white-space: nowrap;
}
.cost-19 {
  position: absolute;
  top: 14px;
  left: 34.29%;
  transform: translateX(-50%);
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 9.5px;
  letter-spacing: .1em;
  color: rgba(255,255,255,.62);
  white-space: nowrap;
}
.cost-20 {
  position: absolute;
  top: 14px;
  left: 100.00%;
  transform: translateX(-50%);
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 9.5px;
  letter-spacing: .1em;
  color: rgba(255,255,255,.62);
  white-space: nowrap;
}
.cost-21 {
  display: grid;
  gap: clamp(16px,1.6vw,24px);
  align-items: stretch;
}
.cost-22 {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 22px;
  padding: clamp(24px,2.4vw,32px);
  background: #0F0E15;
  border: 1px solid rgba(255,255,255,.09);
  transition: transform .5s cubic-bezier(.22,1,.36,1);
}
.cost-22:hover {
  transform: translateY(-6px);
}
.cost-23 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 22px;
}
.cost-24 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #C7B6FF;
}
.cost-25 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .16em;
  color: rgba(255,255,255,.62);
}
.cost-26 {
  font-size: clamp(19px,1.8vw,22px);
  font-weight: 600;
  letter-spacing: -.028em;
  line-height: 1.2;
  color: #fff;
  margin-bottom: 14px;
}
.cost-27 {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}
.cost-28 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 12px;
  letter-spacing: .1em;
  color: rgba(255,255,255,.66);
}
.cost-29 {
  font-size: clamp(30px,3vw,42px);
  font-weight: 700;
  letter-spacing: -.05em;
  line-height: 1;
  color: #fff;
}
.cost-30 {
  font-size: 15px;
  line-height: 1.6;
  color: rgba(255,255,255,.72);
  margin-bottom: 24px;
}
.cost-31 {
  margin-top: auto;
  display: grid;
  gap: 11px;
  padding-top: 20px;
  border-top: 1px solid rgba(255,255,255,.1);
}
.cost-32 {
  display: grid;
  grid-template-columns: 78px 1fr;
  align-items: center;
  gap: 12px;
}
.cost-33 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 9.5px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(255,255,255,.62);
}
.cost-34 {
  display: flex;
  gap: 6px;
}
.cost-35 {
  width: 18px;
  height: 4px;
  border-radius: 2px;
  background: #9B6DFF;
}
.cost-36 {
  width: 18px;
  height: 4px;
  border-radius: 2px;
  background: rgba(255,255,255,.12);
}
.cost-37 {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: 22px;
  padding: clamp(24px,2.4vw,32px);
  background: linear-gradient(165deg,rgba(124,44,230,.26),rgba(20,17,42,.9) 55%,#0F0E15);
  border: 1px solid rgba(155,109,255,.3);
  box-shadow: 0 50px 110px -50px rgba(124,44,230,.8);
  transition: transform .5s cubic-bezier(.22,1,.36,1);
}
.cost-37:hover {
  transform: translateY(-6px);
}
.cost-38 {
  position: absolute;
  inset: -1px;
  border-radius: 22px;
  padding: 1.5px;
  overflow: hidden;
  -webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.cost-39 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 200%;
  aspect-ratio: 1;
  margin: -100% 0 0 -100%;
  background: conic-gradient(from 0deg,transparent 0 68%,#9B6DFF 80%,#C3F53C 87%,transparent 94%);
  animation-name: intSpin;
  animation-duration: 7s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.cost-40 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #C3F53C;
}
.cost-41 {
  margin-top: clamp(40px,4.4vw,60px);
  border-radius: 24px;
  background: #F7F7F5;
  padding: clamp(26px,3vw,44px);
  color: #0C0A14;
}
.cost-42 {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px 40px;
  flex-wrap: wrap;
  margin-bottom: clamp(18px,2vw,26px);
}
.cost-43 {
  display: block;
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #7C2CE6;
  margin-bottom: 10px;
}
.cost-44 {
  font-size: clamp(24px,2.6vw,34px);
  font-weight: 700;
  letter-spacing: -.035em;
  line-height: 1.1;
}
.cost-45 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #6B6879;
}
.cost-46 {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,380px),1fr));
  gap: 0 clamp(28px,3vw,56px);
}
.cost-47 {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 10px;
  align-items: baseline;
  padding: 15px 0;
  border-top: 1px solid #E2E0DB;
}
.cost-48 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .12em;
  color: #7C2CE6;
}
.cost-49 {
  display: block;
  font-size: 15.5px;
  font-weight: 500;
  letter-spacing: -.015em;
  color: #0C0A14;
}
.cost-50 {
  display: block;
  margin-top: 4px;
  font-size: 13.5px;
  color: #6B6879;
}

/* ROI Calculator */
.roi-1 {
  background: #FAF9FC;
  padding: clamp(84px,9vw,148px) 0;
}
.roi-2 {
  max-width: 1340px;
  margin: 0 auto;
  padding: 0 32px;
}
.roi-3 {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,400px),1fr));
  gap: clamp(24px,4vw,72px);
  align-items: end;
  margin-bottom: clamp(36px,4vw,56px);
}
.roi-4 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #7C2CE6;
  margin-bottom: 24px;
}
.roi-5 {
  width: 24px;
  height: 1px;
  background: #7C2CE6;
}
.roi-6 {
  font-size: clamp(32px,3.9vw,56px);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -.04em;
  max-width: 16ch;
}
.roi-7 {
  color: #7C2CE6;
}
.roi-8 {
  font-size: clamp(16.5px,1.5vw,19px);
  color: #55525F;
  line-height: 1.62;
  max-width: 52ch;
}
.roi-9 {
  font-style: italic;
}
.roi-10 {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,380px),1fr));
  border-radius: 24px;
  overflow: hidden;
  border: 1px solid #E2E0DB;
  background: #fff;
  box-shadow: 0 40px 90px -50px rgba(12,10,20,.3);
}
.roi-11 {
  padding: clamp(26px,3vw,44px);
  display: grid;
  gap: 26px;
  align-content: start;
}
.roi-12 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #7C2CE6;
}
.roi-13 {
  font-size: clamp(22px,2.2vw,28px);
  font-weight: 600;
  letter-spacing: -.03em;
  margin-top: 10px;
  color: #0C0A14;
}
.roi-14 {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 6px;
}
.roi-15 {
  font-size: 14.5px;
  font-weight: 500;
  color: #2A2733;
}
.roi-16 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 15px;
  font-weight: 500;
  color: #0C0A14;
}
.roi-17 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 15px;
  font-weight: 500;
  color: #7C2CE6;
}
.roi-18 {
  position: relative;
  overflow: hidden;
  background: #0C0A14;
  color: #fff;
  padding: clamp(26px,3vw,44px);
  display: flex;
  flex-direction: column;
  gap: 26px;
}
.roi-19 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse 70% 60% at 100% 0%,rgba(124,44,230,.4),transparent 65%);
}
.roi-20 {
  position: relative;
}
.roi-21 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: rgba(255,255,255,.66);
}
.roi-22 {
  font-size: clamp(56px,7vw,96px);
  font-weight: 700;
  letter-spacing: -.06em;
  line-height: 1;
  margin-top: 12px;
}
.roi-23 {
  margin-top: 12px;
  font-size: 15px;
  color: rgba(255,255,255,.72);
}
.roi-24 {
  color: #C3F53C;
  font-weight: 600;
}
.roi-25 {
  position: relative;
  display: grid;
  gap: 16px;
  margin-top: auto;
}
.roi-26 {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
  font-size: 14px;
}
.roi-27 {
  color: rgba(255,255,255,.78);
}
.roi-28 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  color: #fff;
}
.roi-29 {
  height: 10px;
  border-radius: 5px;
  background: rgba(255,255,255,.22);
}
.roi-30 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  color: #C7B6FF;
}
.roi-31 {
  height: 10px;
  border-radius: 5px;
  background: rgba(255,255,255,.08);
}
.roi-32 {
  width: 17.8%;
  height: 100%;
  border-radius: 5px;
  background: linear-gradient(90deg,#7C2CE6,#C7B6FF);
  transition: width .45s cubic-bezier(.22,1,.36,1);
}
.roi-33 {
  padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,.12);
  font-size: 14px;
  line-height: 1.55;
  color: rgba(255,255,255,.72);
}
.roi-34 {
  color: #fff;
  font-weight: 600;
}
.roi-35 {
  position: relative;
  margin-top: clamp(24px,2.6vw,36px);
  border-top: 1px solid #E2E0DB;
  padding-top: 22px;
}
.roi-36 {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.roi-37 {
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -.02em;
  color: #0C0A14;
}
.roi-38 {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  border: 1px solid #DFDCE4;
  color: #7C2CE6;
  font-size: 15px;
  line-height: 1;
}
.roi-39 {
  position: absolute;
  right: 0;
  top: 22px;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: #7C2CE6;
  color: #fff;
  font-size: 15px;
  line-height: 1;
}
.roi-40 {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,300px),1fr));
  gap: 0 32px;
  margin-top: 16px;
}
.roi-41 {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 10px;
  align-items: baseline;
  padding: 12px 0;
  border-top: 1px solid #EFEDE8;
  font-size: 15.5px;
  color: #2A2733;
  line-height: 1.5;
}
.roi-42 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  color: #7C2CE6;
}

/* When Not To Build */
.when-not-1 {
  background: #F7F7F5;
  padding: clamp(84px,9vw,148px) 0;
}
.when-not-2 {
  max-width: 1340px;
  margin: 0 auto;
  padding: 0 32px;
}
.when-not-3 {
  max-width: 760px;
  margin-bottom: 52px;
}
.when-not-4 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #6B6879;
  margin-bottom: 24px;
}
.when-not-5 {
  width: 24px;
  height: 1px;
  background: #8A8797;
}
.when-not-6 {
  font-size: clamp(32px,3.9vw,56px);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -.04em;
  max-width: 20ch;
}
.when-not-7 {
  margin-top: 22px;
  font-size: clamp(16.5px,1.5vw,19px);
  color: #55525F;
  line-height: 1.62;
}
.when-not-8 {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,320px),1fr));
  gap: 0 clamp(28px,3vw,56px);
  border-top: 1px solid #DFDCE4;
}
.when-not-9 {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 20px;
  padding: 28px 0;
  border-bottom: 1px solid #E8E6E1;
}
.when-not-10 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .16em;
  color: #6B6879;
  padding-top: 5px;
}
.when-not-11 {
  position: relative;
}
.when-not-12 {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.when-not-13 {
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -.03em;
  line-height: 1.28;
  margin-bottom: 9px;
}
.when-not-14 {
  flex: 0 0 auto;
  width: 21px;
  height: 21px;
  display: grid;
  place-items: center;
  border-radius: 5px;
  border: 1px solid #DFDCE4;
  color: #7C2CE6;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  margin-top: 3px;
}
.when-not-15 {
  position: absolute;
  right: 0;
  top: 3px;
  width: 21px;
  height: 21px;
  display: grid;
  place-items: center;
  border-radius: 5px;
  background: #7C2CE6;
  color: #ffffff;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
}
.when-not-16 {
  font-size: 15.5px;
  color: #55525F;
  line-height: 1.6;
}

/* Vendor Checklist */
.checklist-1 {
  background: #08090B;
  padding: clamp(84px,9vw,148px) 0;
}
.checklist-2 {
  max-width: 1340px;
  margin: 0 auto;
  padding: 0 32px;
}
.checklist-3 {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,340px),1fr));
  gap: clamp(40px,4.5vw,80px);
  align-items: start;
}
.checklist-4 {
  position: sticky;
  top: 110px;
}
.checklist-5 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #C7B6FF;
  margin-bottom: 24px;
}
.checklist-6 {
  width: 24px;
  height: 1px;
  background: #9B6DFF;
}
.checklist-7 {
  font-size: clamp(32px,3.9vw,52px);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -.04em;
  color: #fff;
  max-width: 16ch;
}
.checklist-8 {
  margin-top: 22px;
  font-size: clamp(16.5px,1.5vw,19px);
  color: rgba(255,255,255,.66);
  line-height: 1.62;
}
.checklist-9 {
  list-style: none;
  border-top: 1px solid rgba(255,255,255,.1);
}
.checklist-10 {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 24px;
  padding: 28px 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
  transition: background .3s;
}
.checklist-10:hover {
  background: rgba(255,255,255,.025);
}
.checklist-11 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 26px;
  font-weight: 400;
  letter-spacing: -.03em;
  color: rgba(255,255,255,.44);
  line-height: 1;
}
.checklist-12 {
  position: relative;
}
.checklist-13 {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}
.checklist-14 {
  font-size: 19px;
  font-weight: 600;
  letter-spacing: -.03em;
  line-height: 1.28;
  margin-bottom: 10px;
  color: #fff;
}
.checklist-15 {
  flex: 0 0 auto;
  width: 21px;
  height: 21px;
  display: grid;
  place-items: center;
  border-radius: 5px;
  border: 1px solid rgba(255,255,255,.18);
  color: #C7B6FF;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  margin-top: 3px;
}
.checklist-16 {
  position: absolute;
  right: 0;
  top: 3px;
  width: 21px;
  height: 21px;
  display: grid;
  place-items: center;
  border-radius: 5px;
  background: #9B6DFF;
  color: #08090B;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
}
.checklist-17 {
  font-size: 15.5px;
  color: rgba(255,255,255,.64);
  line-height: 1.6;
}

/* FAQ */
.faq-1 {
  background: #FAF9FC;
  padding: clamp(84px,9vw,148px) 0;
}
.faq-2 {
  max-width: 1340px;
  margin: 0 auto;
  padding: 0 32px;
}
.faq-3 {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,320px),1fr));
  gap: clamp(36px,4vw,80px);
  align-items: start;
}
.faq-4 {
  position: sticky;
  top: 110px;
}
.faq-5 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #7C2CE6;
  margin-bottom: 24px;
}
.faq-6 {
  width: 24px;
  height: 1px;
  background: #7C2CE6;
}
.faq-7 {
  font-size: clamp(32px,3.6vw,50px);
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: -.04em;
  max-width: 14ch;
}
.faq-8 {
  border-top: 1px solid #DFDCE4;
}
.faq-9 {
  position: relative;
  border-bottom: 1px solid #E8E6E1;
}
.faq-10 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 26px;
  cursor: pointer;
  list-style: none;
  padding: 24px 0;
  font-size: 17.5px;
  font-weight: 500;
  color: #0C0A14;
  letter-spacing: -.025em;
  line-height: 1.42;
}
.faq-11 {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  border: 1px solid #DFDCE4;
  color: #7C2CE6;
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
}
.faq-12 {
  position: absolute;
  right: 0;
  top: 24px;
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: #7C2CE6;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
}
.faq-13 {
  padding: 0 50px 26px 0;
  color: #55525F;
  font-size: 16.5px;
  line-height: 1.66;
}
.faq-14 {
  margin-top: clamp(48px,5vw,72px);
  padding-top: clamp(26px,2.8vw,36px);
  border-top: 1px solid #DFDCE4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px 32px;
  flex-wrap: wrap;
}
.faq-15 {
  min-width: 0;
}
.faq-16 {
  display: block;
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #7C2CE6;
  margin-bottom: 8px;
}
.faq-17 {
  font-size: clamp(18px,1.8vw,22px);
  font-weight: 500;
  letter-spacing: -.025em;
  line-height: 1.35;
  color: #0C0A14;
  max-width: 46ch;
}
.faq-18 {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  background: #0C0A14;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  padding: 14px 22px;
  border-radius: 10px;
  transition: transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,background .3s;
}
.faq-18:hover {
  background: #7C2CE6;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 16px 36px -18px rgba(124,44,230,.9);
}

/* Industry Figures */
.numbers-1 {
  position: relative;
  overflow: hidden;
  background: #08090B;
  padding: 0 0 clamp(72px,8vw,120px);
}
.numbers-2 {
  position: relative;
  overflow: hidden;
  background: #0B0C0F;
}
.numbers-3 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 26%;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg,#F7F7F5 0%,rgba(247,247,245,.72) 26%,rgba(11,12,15,.18) 72%,transparent 100%);
}
.numbers-4 {
  display: block;
  width: 100%;
  height: auto;
  filter: contrast(1.14) saturate(.84);
}
.numbers-5 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 46%;
  pointer-events: none;
  background: linear-gradient(180deg,rgba(8,9,11,0),rgba(8,9,11,.45) 48%,rgba(8,9,11,.9) 84%,#08090B);
}
.numbers-6 {
  max-width: 1340px;
  margin: 0 auto;
  padding: clamp(34px,4vw,60px) 32px 0;
}
.numbers-7 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #C7B6FF;
  margin-bottom: 24px;
}
.numbers-8 {
  width: 24px;
  height: 1px;
  background: #9B6DFF;
}
.numbers-9 {
  font-size: clamp(32px,4.2vw,60px);
  font-weight: 700;
  line-height: 1.04;
  letter-spacing: -.042em;
  color: #fff;
  max-width: 20ch;
  margin-bottom: 26px;
}
.numbers-10 {
  font-size: clamp(16.5px,1.5vw,19px);
  color: rgba(255,255,255,.66);
  max-width: 64ch;
  line-height: 1.62;
  margin-bottom: 56px;
}
.numbers-11 {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,300px),1fr));
  gap: clamp(12px,1.4vw,18px);
  padding-top: clamp(28px,3vw,40px);
  border-top: 1px solid rgba(255,255,255,.1);
}
.numbers-12 {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012));
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 18px;
  padding: clamp(24px,2.6vw,34px);
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.numbers-13 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse 60% 70% at 100% 0%,rgba(124,44,230,.16),transparent 66%);
}
.numbers-14 {
  position: relative;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.numbers-15 {
  font-size: clamp(42px,5vw,68px);
  font-weight: 700;
  letter-spacing: -.058em;
  color: #fff;
  line-height: .95;
}
.numbers-16 {
  font-size: .4em;
  color: #9B6DFF;
}
.numbers-17 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 9px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(255,255,255,.62);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 6px;
  padding: 6px 10px;
  white-space: nowrap;
}
.numbers-18 {
  position: relative;
  font-size: 15.5px;
  color: rgba(255,255,255,.72);
  line-height: 1.55;
  flex: 1 1 auto;
}
.numbers-19 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,.1);
}
.numbers-20 {
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 8.5px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: rgba(255,255,255,.62);
  margin-right: 2px;
}
.numbers-21 {
  width: 26px;
  height: 26px;
  flex: 0 0 auto;
  border-radius: 6px;
  display: grid;
  place-items: center;
  background: #0E5FD8;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -.04em;
  line-height: 1;
}
.numbers-22 {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -.02em;
  color: #fff;
  white-space: nowrap;
}
.numbers-23 {
  width: 26px;
  height: 26px;
  flex: 0 0 auto;
  border-radius: 6px;
  display: grid;
  place-items: center;
  background: #fff;
  color: #0B0C0F;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -.04em;
  line-height: 1;
}
.numbers-24 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse 60% 70% at 100% 0%,rgba(232,196,106,.12),transparent 66%);
}
.numbers-25 {
  font-size: clamp(42px,5vw,68px);
  font-weight: 700;
  letter-spacing: -.058em;
  color: #E8C46A;
  line-height: .95;
}
.numbers-26 {
  font-size: .4em;
  color: #E8C46A;
}

/* Contact Form */
.contact-1 {
  position: relative;
  overflow: hidden;
  background: #08090B;
  padding: clamp(88px,10vw,150px) 0;
}
.contact-2 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse 60% 55% at 50% 0%,rgba(124,44,230,.5),transparent 70%),radial-gradient(ellipse 45% 45% at 85% 100%,rgba(88,36,197,.35),transparent 70%),radial-gradient(ellipse 40% 40% at 10% 90%,rgba(195,245,60,.08),transparent 70%);
}
.contact-3 {
  position: relative;
  z-index: 1;
  max-width: 820px;
  margin: 0 auto;
  padding: 0 24px;
  text-align: center;
}
.contact-4 {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10.5px;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #C7B6FF;
}
.contact-5 {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #C3F53C;
  animation: liveDot 1.8s infinite;
}
.contact-6 {
  margin-top: 20px;
  font-size: clamp(36px,5vw,68px);
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: -.045em;
  color: #fff;
}
.contact-7 {
  background: linear-gradient(95deg,#C7B6FF,#9B6DFF 45%,#C3F53C);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.contact-8 {
  margin: 18px auto 0;
  max-width: 48ch;
  font-size: clamp(16.5px,1.6vw,19px);
  line-height: 1.6;
  color: rgba(255,255,255,.72);
}
.contact-9 {
  position: relative;
  margin-top: clamp(36px,4vw,52px);
  border-radius: 26px;
  padding: 1.5px;
  background: linear-gradient(140deg,rgba(199,182,255,.7),rgba(124,44,230,.35) 40%,rgba(255,255,255,.08) 70%,rgba(195,245,60,.4));
  text-align: left;
  box-shadow: 0 60px 140px -60px rgba(124,44,230,.9);
}
.contact-10 {
  border-radius: 25px;
  background: linear-gradient(180deg,rgba(24,20,40,.96),rgba(12,10,20,.98));
  padding: clamp(24px,3.4vw,44px);
}
.contact-11 {
  display: grid;
  gap: 16px;
}
.contact-12 {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,260px),1fr));
  gap: 16px;
}
.contact-13 {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: rgba(255,255,255,.78);
  margin-bottom: 8px;
}
.contact-14 {
  width: 100%;
  padding: 15px 16px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 12px;
  background: rgba(255,255,255,.06);
  font-family: inherit;
  font-size: 16px;
  color: #fff;
  transition: border-color .2s,box-shadow .2s,background .2s;
}
.contact-14:focus {
  outline: none;
  border-color: #C7B6FF;
  background: rgba(255,255,255,.1);
  box-shadow: 0 0 0 4px rgba(155,109,255,.22);
}
.contact-15 {
  margin-top: 6px;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: linear-gradient(95deg,#7C2CE6,#9B6DFF);
  color: #fff;
  font-family: inherit;
  font-weight: 600;
  font-size: 16.5px;
  padding: 17px 28px;
  border: 0;
  border-radius: 12px;
  cursor: pointer;
  box-shadow: 0 18px 40px -16px rgba(124,44,230,.9);
  transition: transform .25s,box-shadow .25s,filter .25s;
}
.contact-15:hover {
  transform: translateY(-2px);
  filter: brightness(1.1);
  box-shadow: 0 24px 50px -16px rgba(124,44,230,1);
}
.contact-16 {
  text-align: center;
  font-size: 13px;
  color: rgba(255,255,255,.62);
}
.contact-17 {
  text-align: center;
  padding: 36px 0;
}
.contact-18 {
  width: 56px;
  height: 56px;
  border-radius: 16px;
  background: rgba(195,245,60,.14);
  color: #C3F53C;
  display: grid;
  place-items: center;
  margin: 0 auto 18px;
  font-size: 24px;
}
.contact-19 {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -.035em;
  color: #fff;
}
.contact-20 {
  font-size: 15px;
  color: rgba(255,255,255,.72);
  margin-top: 10px;
}

/* Footer */
.footer-1 {
  background: #08090B;
  border-top: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.62);
  padding: 56px 0 40px;
  font-size: 14.5px;
}
.footer-2 {
  max-width: 1340px;
  margin: 0 auto;
  padding: 0 32px;
}
.footer-3 {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,240px),1fr));
  gap: 44px;
  margin-bottom: 44px;
}
.footer-4 {
  display: inline-flex;
  align-items: center;
  margin-bottom: 18px;
}
.footer-5 {
  height: 34px;
  width: auto;
  display: block;
}
.footer-6 {
  max-width: 40ch;
  line-height: 1.65;
}
.footer-7 {
  color: #fff;
  font-size: 10px;
  font-family: 'Geist Mono',ui-monospace,monospace;
  letter-spacing: .2em;
  text-transform: uppercase;
  margin-bottom: 18px;
  font-weight: 500;
}
.footer-8 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.footer-9 {
  color: rgba(255,255,255,.62);
}
.footer-9:hover {
  color: #fff;
}
.footer-10 {
  display: flex;
  flex-direction: column;
  gap: 13px;
}
.footer-11 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 16.5px;
  font-weight: 500;
  letter-spacing: -.015em;
  color: rgba(255,255,255,.86);
}
.footer-12 {
  width: 24px;
  height: 16px;
  object-fit: cover;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(255,255,255,.14);
}
.footer-13 {
  border-top: 1px solid rgba(255,255,255,.08);
  padding-top: 26px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(255,255,255,.62);
}

/* Enquiry Pop-up Form */
.modal-1 {
  position: fixed;
  inset: 0;
  z-index: 1200;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(8,9,11,.72);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  animation-name: mFade;
  animation-duration: .3s;
  animation-fill-mode: both;
}
.modal-2 {
  position: relative;
  width: 100%;
  max-width: 520px;
  max-height: calc(100vh - 40px);
  overflow-y: auto;
  background: #fff;
  border-radius: 20px;
  padding: clamp(26px,3.4vw,38px);
  box-shadow: 0 60px 140px -40px rgba(0,0,0,.9);
  animation-name: mRise;
  animation-duration: .45s;
  animation-timing-function: cubic-bezier(.22,1,.36,1);
  animation-fill-mode: both;
}
.modal-3 {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border: 1px solid #E8E6EC;
  border-radius: 10px;
  background: #fff;
  color: #0C0A14;
  cursor: pointer;
}
.modal-3:hover {
  background: #F4F2F8;
}
.modal-4 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 10px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #7C2CE6;
}
.modal-5 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #7C2CE6;
}
.modal-6 {
  font-size: clamp(24px,2.6vw,30px);
  font-weight: 700;
  letter-spacing: -.035em;
  line-height: 1.12;
  color: #0C0A14;
  margin: 14px 44px 8px 0;
}
.modal-7 {
  font-size: 15px;
  color: #55525F;
  line-height: 1.55;
  margin-bottom: 24px;
}
.modal-8 {
  display: grid;
  gap: 14px;
}
.modal-9 {
  display: block;
  font-family: 'Geist Mono',ui-monospace,monospace;
  font-size: 9.5px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #6B6879;
  margin-bottom: 7px;
}
.modal-10 {
  width: 100%;
  padding: 13px 14px;
  border: 1px solid #DFDCE4;
  border-radius: 10px;
  font-family: inherit;
  font-size: 16px;
  color: #0C0A14;
  background: #fff;
  transition: border-color .2s,box-shadow .2s;
}
.modal-10:focus {
  outline: none;
  border-color: #7C2CE6;
  box-shadow: 0 0 0 4px rgba(124,44,230,.14);
}
.modal-11 {
  width: 100%;
  padding: 13px 40px 13px 14px;
  border: 1px solid #DFDCE4;
  border-radius: 10px;
  font-family: inherit;
  font-size: 16px;
  color: #0C0A14;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%236B6879' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}
.modal-11:focus {
  outline: none;
  border-color: #7C2CE6;
  box-shadow: 0 0 0 4px rgba(124,44,230,.14);
}
.modal-12 {
  margin-top: 8px;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #0C0A14;
  color: #fff;
  font-family: inherit;
  font-weight: 600;
  font-size: 16px;
  padding: 16px 24px;
  border: 0;
  border-radius: 11px;
  cursor: pointer;
  transition: background .25s,transform .25s,box-shadow .25s;
}
.modal-12:hover {
  background: #7C2CE6;
  transform: translateY(-2px);
  box-shadow: 0 18px 40px -18px rgba(124,44,230,.9);
}
.modal-13 {
  font-size: 12.5px;
  color: #6B6879;
  text-align: center;
}
.modal-14 {
  text-align: center;
  padding: 30px 0 10px;
}
.modal-15 {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  background: #F0FBE0;
  color: #4F7A08;
  display: grid;
  place-items: center;
  margin: 0 auto 18px;
  font-size: 22px;
}
.modal-16 {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -.035em;
  color: #0C0A14;
}
.modal-17 {
  font-size: 15px;
  color: #55525F;
  margin-top: 10px;
}
.modal-18 {
  margin-top: 24px;
  background: #F4F2F8;
  color: #0C0A14;
  font-family: inherit;
  font-weight: 600;
  font-size: 15px;
  padding: 12px 22px;
  border: 0;
  border-radius: 10px;
  cursor: pointer;
}

/* Responsive Styles */
[data-case-grid]{grid-template-columns:1fr}
[data-flow-inputs]{grid-template-columns:1fr}
@media (min-width:640px){[data-flow-inputs]{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1000px){[data-case-grid]{grid-template-columns:repeat(3,1fr)}}
[data-int-flow]{grid-template-columns:1fr}
[data-int-gap]{display:none}
[data-int-col="out"]{grid-template-rows:none!important;grid-template-columns:1fr 1fr}
@media (min-width:1100px){[data-int-col="in"]{grid-auto-rows:1fr}[data-int-flow]{grid-template-columns:minmax(0,1.15fr) 78px minmax(0,1fr) 78px minmax(0,.5fr)}[data-int-gap]{display:block}[data-int-col="out"]{grid-template-columns:none;grid-template-rows:1fr 1fr!important}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}