html, body { margin: 0; } html { background: transparent; } body { width: 1280px; }
/* dmtitan-deploy/src/fonts.css */
@font-face {
  font-family: "Cairo";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url(/assets/7ecb9b6a465072bc.ttf) format("truetype");
}
@font-face {
  font-family: "Cairo";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url(/assets/ed4acaa1f0bc9976.ttf) format("truetype");
}
@font-face {
  font-family: "Cairo";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url(/assets/cad8564334938a58.ttf) format("truetype");
}
@font-face {
  font-family: "Cairo";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url(/assets/accb750bc74f1b44.ttf) format("truetype");
}
@font-face {
  font-family: "Manrope";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url(/assets/a13d9b41b0a471ce.ttf) format("truetype");
}
@font-face {
  font-family: "Manrope";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url(/assets/f433e5d333be1128.ttf) format("truetype");
}
@font-face {
  font-family: "Manrope";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url(/assets/6bad1a774228464c.ttf) format("truetype");
}
@font-face {
  font-family: "Manrope";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url(/assets/b9584e099e0e7f1e.ttf) format("truetype");
}
@font-face {
  font-family: "Manrope";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url(/assets/b8f802f05b322a73.ttf) format("truetype");
}
@font-face {
  font-family: "JetBrains Mono";
  font-weight: 500;
  font-style: normal;
  src: url(/assets/3386a05f6ece969e.ttf) format("truetype");
}
@font-face {
  font-family: "JetBrains Mono";
  font-weight: 700;
  font-style: normal;
  src: url(/assets/a1d92abc6b02a87f.ttf) format("truetype");
}
@font-face {
  font-family: "Unbounded";
  font-weight: 500;
  font-style: normal;
  src: url(/assets/7ac0baee243b4d54.ttf) format("truetype");
}
@font-face {
  font-family: "Unbounded";
  font-weight: 700;
  font-style: normal;
  src: url(/assets/0587b7ea8407976e.ttf) format("truetype");
}
@font-face {
  font-family: "Unbounded";
  font-weight: 800;
  font-style: normal;
  src: url(/assets/2f1f467b85c320c5.ttf) format("truetype");
}
@font-face {
  font-family: "Unbounded";
  font-weight: 900;
  font-style: normal;
  src: url(/assets/4e308d4d3fb0bef4.ttf) format("truetype");
}

/* dmtitan-deploy/src/style.css */
body {
  margin: 0;
  background: #07080d;
}
html {
  scroll-behavior: smooth;
}
a {
  color: #ffb25c;
}
a:hover {
  color: #ffd3a3;
}
.site {
  --bg:#07080d;
  --ink:#f5f2ec;
  --mute:#aeaab8;
  --dim:#8a8796;
  --acc:#f6923b;
  --acc2:#ea580c;
  --acc3:#ffb25c;
  --line:rgba(255,255,255,.08);
  --glass:rgba(255,255,255,.035);
  position: relative;
  overflow: clip;
  background: var(--bg);
  color: var(--ink);
  font-family:
    Manrope,
    system-ui,
    sans-serif;
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
.site * {
  box-sizing: border-box;
}
.grid-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, .045) 1px,
      transparent 1px);
  background-size: 56px 56px;
  -webkit-mask-image:
    linear-gradient(
      to bottom,
      #000 0,
      rgba(0, 0, 0, .5) 12%,
      rgba(0, 0, 0, .3) 50%,
      rgba(0, 0, 0, .5) 88%,
      #000 100%);
  mask-image:
    linear-gradient(
      to bottom,
      #000 0,
      rgba(0, 0, 0, .5) 12%,
      rgba(0, 0, 0, .3) 50%,
      rgba(0, 0, 0, .5) 88%,
      #000 100%);
}
.glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(110px);
  pointer-events: none;
  opacity: .55;
  animation: drift 18s ease-in-out infinite alternate;
}
@keyframes drift {
  0% {
    transform: translate(0, 0) scale(1);
  }
  50% {
    transform: translate(60px, 40px) scale(1.12);
  }
  100% {
    transform: translate(-40px, 80px) scale(.95);
  }
}
.wrap {
  position: relative;
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 24px;
}
.mono {
  font-family:
    "JetBrains Mono",
    ui-monospace,
    monospace;
}
.display {
  font-family:
    Unbounded,
    Manrope,
    sans-serif;
  letter-spacing: -.02em;
}
.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 7px 14px;
  border-radius: 999px;
  border: 1px solid rgba(246, 146, 59, .35);
  background: rgba(246, 146, 59, .08);
  color: #ffc78f;
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  box-shadow: 0 0 24px -6px rgba(246, 146, 59, .5);
}
.dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--acc);
  box-shadow: 0 0 10px var(--acc);
  animation: pulse 2s ease-in-out infinite;
}
@keyframes pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: .45;
    transform: scale(.7);
  }
}
.h2 {
  font-family: Unbounded, sans-serif;
  font-weight: 700;
  letter-spacing: -.02em;
  font-size: clamp(30px, 4.2vw, 56px);
  line-height: 1.08;
  margin: 18px 0 16px;
}
.lead {
  color: var(--mute);
  font-size: clamp(16px, 1.4vw, 19px);
  max-width: 660px;
  margin: 0;
}
.hl {
  color: var(--acc);
  position: relative;
  white-space: nowrap;
}
.hl::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: .04em;
  height: .12em;
  border-radius: 4px;
  background: var(--acc);
  box-shadow: 0 0 18px var(--acc);
  opacity: .55;
  transform-origin: left;
  animation: underline 1.6s .4s cubic-bezier(.2, .8, .2, 1) both;
}
@keyframes underline {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
.rot {
  display: inline-block;
  height: 1.1em;
  overflow: hidden;
  vertical-align: bottom;
}
.rot-in {
  display: flex;
  flex-direction: column;
  animation: rotw 18s cubic-bezier(.75, 0, .25, 1) infinite;
}
.rot-in span {
  display: block;
  height: 1.1em;
  line-height: 1.1em;
  white-space: nowrap;
}
@keyframes rotw {
  0%, 10% {
    transform: translateY(0);
  }
  12.5%, 22.5% {
    transform: translateY(-1.1em);
  }
  25%, 35% {
    transform: translateY(-2.2em);
  }
  37.5%, 47.5% {
    transform: translateY(-3.3em);
  }
  50%, 60% {
    transform: translateY(-4.4em);
  }
  62.5%, 72.5% {
    transform: translateY(-5.5em);
  }
  75%, 85% {
    transform: translateY(-6.6em);
  }
  87.5%, 97.5% {
    transform: translateY(-7.7em);
  }
  100% {
    transform: translateY(-8.8em);
  }
}
.btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 26px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 16px;
  text-decoration: none;
  cursor: pointer;
  border: 0;
  overflow: hidden;
  transition:
    transform .25s cubic-bezier(.2, .8, .2, 1),
    box-shadow .25s,
    background .25s,
    border-color .25s;
}
.btn-p {
  background:
    linear-gradient(
      135deg,
      #ffb25c,
      #f6923b 45%,
      #ea580c);
  color: #1b0c02;
  box-shadow:
    0 12px 34px -10px rgba(246, 146, 59, .85),
    inset 0 1px 0 rgba(255, 255, 255, .45),
    0 0 0 1px rgba(255, 178, 92, .4);
}
.btn-p::before {
  content: "";
  position: absolute;
  top: 0;
  left: -60%;
  width: 40%;
  height: 100%;
  background:
    linear-gradient(
      100deg,
      transparent,
      rgba(255, 255, 255, .55),
      transparent);
  transform: skewX(-20deg);
  animation: shine 4.5s ease-in-out infinite;
}
@keyframes shine {
  0%, 60% {
    left: -60%;
  }
  100% {
    left: 130%;
  }
}
.btn-p:hover {
  color: #1b0c02;
  transform: translateY(-3px);
  box-shadow:
    0 20px 50px -10px rgba(246, 146, 59, 1),
    inset 0 1px 0 rgba(255, 255, 255, .5),
    0 0 0 1px rgba(255, 178, 92, .6);
}
.btn-g {
  background: rgba(255, 255, 255, .04);
  color: var(--ink);
  border: 1px solid rgba(255, 255, 255, .14);
  backdrop-filter: blur(10px);
  box-shadow: 0 10px 30px -14px rgba(0, 0, 0, .9);
}
.btn-g:hover {
  color: var(--ink);
  transform: translateY(-3px);
  border-color: rgba(246, 146, 59, .6);
  box-shadow: 0 16px 40px -14px rgba(246, 146, 59, .55);
}
.btn svg {
  transition: transform .25s;
}
.btn:hover svg {
  transform: translateX(4px);
}
.card {
  position: relative;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, .055),
      rgba(255, 255, 255, .02));
  border: 1px solid var(--line);
  border-radius: 22px;
  backdrop-filter: blur(14px);
  box-shadow: 0 30px 60px -32px rgba(0, 0, 0, .95), inset 0 1px 0 rgba(255, 255, 255, .06);
  transition:
    transform .35s cubic-bezier(.2, .8, .2, 1),
    border-color .35s,
    box-shadow .35s;
}
.card.lift:hover {
  transform: translateY(-6px) perspective(900px) rotateX(2deg);
  border-color: rgba(246, 146, 59, .45);
  box-shadow:
    0 40px 70px -30px rgba(0, 0, 0, .95),
    0 0 50px -18px rgba(246, 146, 59, .55),
    inset 0 1px 0 rgba(255, 255, 255, .1);
}
.beam {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.beam::before {
  content: "";
  position: absolute;
  left: -50%;
  top: -50%;
  width: 200%;
  height: 200%;
  background:
    conic-gradient(
      from 0deg,
      transparent 0 62%,
      rgba(255, 178, 92, .95) 75%,
      transparent 88%);
  animation: spin 5s linear infinite;
  z-index: -2;
}
.beam::after {
  content: "";
  position: absolute;
  inset: 1.5px;
  border-radius: 21px;
  background:
    linear-gradient(
      180deg,
      #151827,
      #0c0e17);
  z-index: -1;
}
.ico {
  width: 46px;
  height: 46px;
  border-radius: 14px;
  display: grid;
  place-items: center;
  color: #ffc78f;
  background:
    radial-gradient(
      circle at 30% 20%,
      rgba(255, 178, 92, .35),
      rgba(234, 88, 12, .12));
  border: 1px solid rgba(246, 146, 59, .35);
  box-shadow: 0 8px 24px -8px rgba(246, 146, 59, .6), inset 0 1px 0 rgba(255, 255, 255, .2);
}
.ico svg {
  width: 22px;
  height: 22px;
}
.nav {
  position: sticky;
  top: 0;
  z-index: 60;
  backdrop-filter: blur(18px) saturate(140%);
  background: rgba(7, 8, 13, .62);
  border-bottom: 1px solid var(--line);
}
.navlink {
  color: var(--mute);
  text-decoration: none;
  font-weight: 700;
  font-size: 15px;
  padding: 10px 2px;
  transition: color .2s;
}
.navlink:hover {
  color: var(--ink);
}
.robot-stage {
  position: relative;
  height: 560px;
  perspective: 1100px;
  display: grid;
  place-items: center;
}
.halo {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 460px;
  height: 460px;
  margin: -230px 0 0 -230px;
  border-radius: 50%;
  background:
    conic-gradient(
      from 0deg,
      transparent,
      rgba(246, 146, 59, .35),
      transparent 30%,
      transparent 50%,
      rgba(255, 178, 92, .25),
      transparent 80%);
  filter: blur(30px);
  animation: spin 12s linear infinite;
}
.robot {
  position: relative;
  width: 220px;
  height: 340px;
  transform-style: preserve-3d;
  animation: float 6.5s ease-in-out infinite;
}
@keyframes float {
  0%, 100% {
    transform: translateY(0) rotateY(-16deg) rotateX(5deg);
  }
  50% {
    transform: translateY(-22px) rotateY(16deg) rotateX(-3deg);
  }
}
.r-ant {
  position: absolute;
  left: 107px;
  top: 0;
  width: 6px;
  height: 44px;
  border-radius: 3px;
  background: linear-gradient(#5b5f78, #2a2d3d);
}
.r-bulb {
  position: absolute;
  left: -7px;
  top: -12px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ffb25c;
  box-shadow: 0 0 14px #f6923b, 0 0 40px #f6923b;
  animation: pulse 1.6s ease-in-out infinite;
}
.r-head {
  position: absolute;
  left: 10px;
  top: 40px;
  width: 200px;
  height: 146px;
  border-radius: 52px;
  background:
    radial-gradient(
      circle at 30% 22%,
      #454a63,
      #1b1e2c 62%,
      #11131d);
  box-shadow:
    inset 0 -12px 26px rgba(0, 0, 0, .65),
    inset 0 8px 16px rgba(255, 255, 255, .14),
    0 34px 60px -18px rgba(0, 0, 0, .95),
    0 0 0 1px rgba(255, 255, 255, .07);
}
.r-ear {
  position: absolute;
  top: 50px;
  width: 22px;
  height: 46px;
  border-radius: 12px;
  background: linear-gradient(#ea580c, #f6923b);
  box-shadow: 0 0 18px rgba(246, 146, 59, .7);
}
.r-visor {
  position: absolute;
  left: 22px;
  right: 22px;
  top: 36px;
  height: 70px;
  border-radius: 32px;
  background: #04050a;
  box-shadow:
    inset 0 0 26px rgba(246, 146, 59, .28),
    0 0 0 2px rgba(246, 146, 59, .3),
    0 0 30px -6px rgba(246, 146, 59, .5);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 34px;
  overflow: hidden;
}
.r-visor::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      115deg,
      rgba(255, 255, 255, .14),
      transparent 40%);
  pointer-events: none;
}
.r-eye {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #ffc78f;
  box-shadow: 0 0 12px #f6923b, 0 0 34px #f6923b;
  animation: blink 5s infinite, look 9s ease-in-out infinite;
}
@keyframes blink {
  0%, 91%, 97%, 100% {
    height: 28px;
  }
  94% {
    height: 3px;
  }
}
@keyframes look {
  0%, 100% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(-8px);
  }
  60% {
    transform: translateX(8px);
  }
}
.r-mouth {
  position: absolute;
  left: 78px;
  top: 116px;
  width: 44px;
  height: 6px;
  border-radius: 6px;
  background: rgba(246, 146, 59, .7);
  box-shadow: 0 0 12px var(--acc);
  animation: talk 2.4s ease-in-out infinite;
}
@keyframes talk {
  0%, 100% {
    transform: scaleX(1);
  }
  25% {
    transform: scaleX(.5);
  }
  50% {
    transform: scaleX(1.1);
  }
  75% {
    transform: scaleX(.7);
  }
}
.r-neck {
  position: absolute;
  left: 90px;
  top: 184px;
  width: 40px;
  height: 18px;
  border-radius: 6px;
  background: linear-gradient(#2a2d3d, #14161f);
}
.r-torso {
  position: absolute;
  left: 38px;
  top: 198px;
  width: 144px;
  height: 126px;
  border-radius: 40px 40px 54px 54px;
  background:
    radial-gradient(
      circle at 35% 20%,
      #41465e,
      #1a1d2b 65%,
      #101219);
  box-shadow:
    inset 0 -12px 24px rgba(0, 0, 0, .6),
    inset 0 6px 14px rgba(255, 255, 255, .12),
    0 30px 50px -20px rgba(0, 0, 0, .9);
}
.r-core {
  position: absolute;
  left: 44px;
  top: 30px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background:
    conic-gradient(
      from 0deg,
      #ea580c,
      #ffb25c,
      #f6923b,
      #ea580c);
  box-shadow: 0 0 30px #f6923b, 0 0 70px rgba(246, 146, 59, .6);
  animation: spin 4s linear infinite;
}
.r-core::after {
  content: "";
  position: absolute;
  inset: 10px;
  border-radius: 50%;
  background: #0b0c12;
  box-shadow: inset 0 0 14px rgba(246, 146, 59, .9);
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.r-arm {
  position: absolute;
  top: 206px;
  width: 32px;
  height: 108px;
  border-radius: 18px;
  background:
    linear-gradient(
      90deg,
      #2b2f42,
      #1a1d2b);
  box-shadow: inset 0 4px 10px rgba(255, 255, 255, .1), 0 10px 20px -8px #000;
  transform-origin: 50% 12px;
}
.r-arm.l {
  left: 0;
  transform: rotate(14deg);
}
.r-arm.r {
  right: 0;
  animation: wave 3.2s ease-in-out infinite;
}
@keyframes wave {
  0%, 55%, 100% {
    transform: rotate(-14deg);
  }
  65% {
    transform: rotate(-150deg);
  }
  72% {
    transform: rotate(-120deg);
  }
  79% {
    transform: rotate(-150deg);
  }
  86% {
    transform: rotate(-120deg);
  }
}
.r-hand {
  position: absolute;
  bottom: -10px;
  left: 2px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #f6923b;
  box-shadow: 0 0 16px rgba(246, 146, 59, .8);
}
.floor {
  position: absolute;
  bottom: 36px;
  left: 50%;
  width: 260px;
  height: 40px;
  margin-left: -130px;
  border-radius: 50%;
  background: radial-gradient(rgba(246, 146, 59, .45), transparent 70%);
  filter: blur(6px);
  animation: floor 6.5s ease-in-out infinite;
}
@keyframes floor {
  0%, 100% {
    transform: scale(1);
    opacity: .9;
  }
  50% {
    transform: scale(.78);
    opacity: .5;
  }
}
.orbit {
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  border: 1px dashed rgba(246, 146, 59, .35);
  transform-style: preserve-3d;
}
.orbit.o1 {
  width: 440px;
  height: 440px;
  margin: -220px 0 0 -220px;
  transform: rotateX(72deg);
  animation: orb 22s linear infinite;
}
.orbit.o2 {
  width: 340px;
  height: 340px;
  margin: -170px 0 0 -170px;
  transform: rotateX(72deg) rotateY(18deg);
  border-color: rgba(255, 255, 255, .12);
  animation: orb 14s linear infinite reverse;
}
.orbit i {
  position: absolute;
  top: -6px;
  left: 50%;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ffb25c;
  box-shadow: 0 0 16px #f6923b;
}
@keyframes orb {
  to {
    transform: rotateX(72deg) rotateZ(360deg);
  }
}
.chip {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 16px;
  background: rgba(18, 20, 31, .78);
  border: 1px solid rgba(255, 255, 255, .12);
  backdrop-filter: blur(14px);
  box-shadow: 0 20px 40px -18px rgba(0, 0, 0, .95), 0 0 30px -14px rgba(246, 146, 59, .6);
  font-size: 13px;
  max-width: 250px;
  animation: bob 5s ease-in-out infinite;
  z-index: 3;
}
.chip b {
  display: block;
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #ffc78f;
  font-family: "JetBrains Mono", monospace;
  font-weight: 500;
}
@keyframes bob {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
}
.bdg {
  flex: none;
  width: 34px;
  height: 34px;
  border-radius: 11px;
  display: grid;
  place-items: center;
  font-family: Unbounded, sans-serif;
  font-weight: 800;
  font-size: 11px;
  letter-spacing: -.02em;
  box-shadow: 0 8px 20px -8px rgba(0, 0, 0, .9), inset 0 1px 0 rgba(255, 255, 255, .3);
}
.bdg img {
  display: block;
  width: 60%;
  height: 60%;
  object-fit: contain;
}
.ring .tile img {
  display: block;
  width: 54%;
  height: 54%;
  object-fit: contain;
}
.bdg.lg {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  font-size: 14px;
}
.stats {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  border: 1px solid var(--line);
  border-radius: 20px;
  background: rgba(255, 255, 255, .025);
  backdrop-filter: blur(10px);
  overflow: hidden;
}
.stat {
  flex: 1 1 150px;
  padding: 22px 20px;
  border-right: 1px solid var(--line);
  text-align: center;
}
.stat:last-child {
  border-right: 0;
}
.stat .n {
  font-family: Unbounded, sans-serif;
  font-weight: 800;
  font-size: 34px;
  line-height: 1.1;
  background:
    linear-gradient(
      180deg,
      #ffd3a3,
      #f6923b);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 0 14px rgba(246, 146, 59, .45));
}
.stat .l {
  color: var(--mute);
  font-size: 13px;
  margin-top: 4px;
}
.marquee {
  overflow: hidden;
  -webkit-mask-image:
    linear-gradient(
      90deg,
      transparent,
      #000 10%,
      #000 90%,
      transparent);
  mask-image:
    linear-gradient(
      90deg,
      transparent,
      #000 10%,
      #000 90%,
      transparent);
}
.track {
  display: flex;
  gap: 14px;
  width: max-content;
  animation: slide 46s linear infinite;
}
.track.rev {
  animation-direction: reverse;
  animation-duration: 54s;
}
.marquee:hover .track {
  animation-play-state: paused;
}
@keyframes slide {
  to {
    transform: translateX(-50%);
  }
}
.pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 18px 8px 8px;
  border-radius: 999px;
  border: 1px solid var(--line);
  background: var(--glass);
  color: var(--ink);
  font-weight: 700;
  white-space: nowrap;
  transition: border-color .25s, box-shadow .25s;
}
.pill:hover {
  border-color: rgba(246, 146, 59, .5);
  box-shadow: 0 0 26px -8px rgba(246, 146, 59, .7);
}
.pill.plain {
  padding: 12px 20px;
}
.bigtext {
  font-family: Unbounded, sans-serif;
  font-weight: 900;
  font-size: clamp(60px, 9vw, 130px);
  line-height: 1;
  white-space: nowrap;
  color: transparent;
  -webkit-text-stroke: 1.5px rgba(246, 146, 59, .35);
  letter-spacing: -.03em;
}
.bigtext b {
  color: #f6923b;
  -webkit-text-stroke: 0;
  text-shadow: 0 0 40px rgba(246, 146, 59, .6);
}
.hub-box {
  position: relative;
  height: 640px;
}
.hub {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 620px;
  height: 620px;
  margin: -310px 0 0 -310px;
}
.ring {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  animation: spin 60s linear infinite;
}
.ring.r1 {
  inset: 130px;
  border: 1px dashed rgba(246, 146, 59, .35);
}
.ring.r2 {
  inset: 20px;
  border: 1px solid rgba(255, 255, 255, .08);
  animation-direction: reverse;
  animation-duration: 80s;
}
.ring .tw {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 56px;
  height: 56px;
  margin: -28px 0 0 -28px;
}
.ring .tile {
  width: 56px;
  height: 56px;
  border-radius: 17px;
  display: grid;
  place-items: center;
  font-family: Unbounded, sans-serif;
  font-weight: 800;
  font-size: 13px;
  box-shadow: 0 14px 30px -10px rgba(0, 0, 0, .95), inset 0 1px 0 rgba(255, 255, 255, .3);
  animation: spin 60s linear infinite reverse;
}
.ring.r2 .tile {
  animation-direction: normal;
  animation-duration: 80s;
}
.hub-core {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 44px;
  display: grid;
  place-items: center;
  background:
    radial-gradient(
      circle at 35% 25%,
      #2a2e45,
      #0e1019);
  border: 1px solid rgba(246, 146, 59, .5);
  box-shadow:
    0 0 80px -10px rgba(246, 146, 59, .8),
    0 0 0 12px rgba(246, 146, 59, .06),
    0 0 0 26px rgba(246, 146, 59, .03);
  animation: corepulse 3s ease-in-out infinite;
}
.ping {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 44px;
  border: 2px solid rgba(246, 146, 59, .6);
  animation: ping 3s ease-out infinite;
}
@keyframes ping {
  from {
    transform: scale(1);
    opacity: .8;
  }
  to {
    transform: scale(2.6);
    opacity: 0;
  }
}
.plist {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr));
  gap: 12px;
}
.pitem {
  display: flex;
  gap: 14px;
  align-items: center;
  padding: 14px;
  border-radius: 16px;
  background: rgba(255, 255, 255, .03);
  border: 1px solid var(--line);
  transition:
    transform .25s,
    border-color .25s,
    box-shadow .25s;
}
.pitem:hover {
  transform: translateY(-3px);
  border-color: rgba(246, 146, 59, .45);
  box-shadow: 0 0 30px -12px rgba(246, 146, 59, .7);
}
.pitem b {
  display: block;
  font-size: 15px;
}
.pitem span {
  display: block;
  color: var(--dim);
  font-size: 13px;
  line-height: 1.4;
}
.colhead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 16px;
}
.count {
  font-family: Unbounded, sans-serif;
  font-weight: 800;
  font-size: 13px;
  padding: 5px 12px;
  border-radius: 999px;
  color: #1b0c02;
  background:
    linear-gradient(
      135deg,
      #ffb25c,
      #f6923b);
  box-shadow: 0 0 18px -4px rgba(246, 146, 59, .8);
}
.ai-card {
  padding: 26px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  overflow: hidden;
}
.ai-card .sheen {
  position: absolute;
  right: -60px;
  top: -60px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  filter: blur(40px);
  opacity: .45;
  pointer-events: none;
}
.model {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 8px;
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .1);
  color: #d9d5df;
}
.sw {
  display: flex;
  flex-direction: column;
  gap: 6px;
  position: relative;
}
.sw-row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 12px;
  position: relative;
  z-index: 1;
  font-weight: 700;
  font-size: 14px;
}
.sw-hl {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 54px;
  border-radius: 12px;
  background: rgba(246, 146, 59, .14);
  border: 1px solid rgba(246, 146, 59, .45);
  box-shadow: 0 0 30px -10px rgba(246, 146, 59, .8);
  animation: swmove 12s cubic-bezier(.7, 0, .3, 1) infinite;
}
@keyframes swmove {
  0%, 14% {
    transform: translateY(0);
  }
  17%, 31% {
    transform: translateY(60px);
  }
  34%, 48% {
    transform: translateY(120px);
  }
  51%, 65% {
    transform: translateY(180px);
  }
  68%, 82% {
    transform: translateY(240px);
  }
  85%, 98% {
    transform: translateY(300px);
  }
  100% {
    transform: translateY(0);
  }
}
.chipf {
  min-height: 44px;
  padding: 0 16px;
  border-radius: 12px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, .03);
  color: var(--mute);
  font: 700 14px Manrope, sans-serif;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all .25s;
}
.chipf:hover {
  color: var(--ink);
  border-color: rgba(255, 255, 255, .22);
}
.chipf i {
  font-style: normal;
  font-family: "JetBrains Mono", monospace;
  font-size: 11px;
  padding: 2px 7px;
  border-radius: 6px;
  background: rgba(255, 255, 255, .08);
}
.chipf-on {
  color: #1b0c02;
  background:
    linear-gradient(
      135deg,
      #ffb25c,
      #f6923b);
  border-color: transparent;
  box-shadow: 0 10px 28px -10px rgba(246, 146, 59, .9);
}
.chipf-on:hover {
  color: #1b0c02;
}
.chipf-on i {
  background: rgba(0, 0, 0, .15);
}
.feat {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 16px;
  border-radius: 16px;
  background: rgba(255, 255, 255, .03);
  border: 1px solid var(--line);
  animation: panelIn .45s cubic-bezier(.2, .8, .2, 1) both;
  transition:
    border-color .25s,
    transform .25s,
    box-shadow .25s;
}
.feat:hover {
  border-color: rgba(246, 146, 59, .45);
  transform: translateY(-3px);
  box-shadow: 0 0 30px -12px rgba(246, 146, 59, .7);
}
.feat .ck {
  flex: none;
  width: 26px;
  height: 26px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  background: rgba(246, 146, 59, .15);
  color: #ffb25c;
  border: 1px solid rgba(246, 146, 59, .35);
}
.feat b {
  display: block;
  font-size: 15px;
  line-height: 1.35;
}
.feat span {
  display: block;
  font-size: 12px;
  color: var(--dim);
  font-family: "JetBrains Mono", monospace;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-top: 4px;
}
.tab {
  min-height: 46px;
  padding: 0 18px;
  border-radius: 12px;
  border: 1px solid var(--line);
  background: rgba(255, 255, 255, .03);
  color: var(--mute);
  font: 700 15px Manrope, sans-serif;
  cursor: pointer;
  transition: all .25s;
}
.tab:hover {
  color: var(--ink);
  border-color: rgba(255, 255, 255, .22);
}
.tab-on {
  color: #1b0c02;
  background:
    linear-gradient(
      135deg,
      #ffb25c,
      #f6923b);
  border-color: transparent;
  box-shadow: 0 10px 28px -10px rgba(246, 146, 59, .9);
}
.tab-on:hover {
  color: #1b0c02;
}
.panel {
  animation: panelIn .5s cubic-bezier(.2, .8, .2, 1) both;
}
@keyframes panelIn {
  from {
    opacity: 0;
    transform: translateY(16px) scale(.985);
    filter: blur(6px);
  }
  to {
    opacity: 1;
    transform: none;
    filter: none;
  }
}
.ticks {
  list-style: none;
  padding: 0;
  margin: 22px 0 0;
  display: grid;
  gap: 12px;
}
.ticks li {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  color: #d9d5df;
}
.ticks li::before {
  content: "";
  flex: none;
  margin-top: 7px;
  width: 10px;
  height: 10px;
  border-radius: 3px;
  background: var(--acc);
  box-shadow: 0 0 12px var(--acc);
  transform: rotate(45deg);
}
.mock {
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, .1);
  background:
    linear-gradient(
      180deg,
      #121522,
      #0c0e17);
  box-shadow:
    0 40px 80px -30px #000,
    0 0 0 1px rgba(0, 0, 0, .6),
    0 0 60px -30px rgba(246, 146, 59, .5);
  overflow: hidden;
}
.mock-bar {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--line);
  background: rgba(255, 255, 255, .02);
}
.mock-bar i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #2c2f40;
}
.mock-bar i:first-child {
  background: #f6923b;
  box-shadow: 0 0 8px #f6923b;
}
.row {
  display: flex;
  align-items: center;
  gap: 12px;
}
.av {
  flex: none;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  font-weight: 800;
  font-size: 13px;
  color: #ffd3a3;
  background:
    linear-gradient(
      135deg,
      #3a2a1e,
      #241a14);
  border: 1px solid rgba(246, 146, 59, .3);
}
.tag {
  display: inline-flex;
  align-items: center;
  padding: 3px 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
  background: rgba(246, 146, 59, .14);
  color: #ffc78f;
  border: 1px solid rgba(246, 146, 59, .3);
}
.tag.b {
  background: rgba(110, 140, 255, .14);
  color: #c4d0ff;
  border-color: rgba(110, 140, 255, .3);
}
.tag.g {
  background: rgba(255, 255, 255, .06);
  color: #d9d5df;
  border-color: rgba(255, 255, 255, .14);
}
.bub {
  max-width: 80%;
  padding: 11px 15px;
  border-radius: 16px;
  font-size: 14px;
  line-height: 1.45;
  animation: pop 9s ease-out infinite both;
}
.bub.in {
  background: rgba(255, 255, 255, .07);
  border: 1px solid var(--line);
  border-bottom-left-radius: 5px;
}
.bub.out {
  margin-left: auto;
  background:
    linear-gradient(
      135deg,
      rgba(246, 146, 59, .22),
      rgba(234, 88, 12, .14));
  border: 1px solid rgba(246, 146, 59, .35);
  border-bottom-right-radius: 5px;
  box-shadow: 0 0 30px -12px rgba(246, 146, 59, .7);
}
@keyframes pop {
  0% {
    opacity: 0;
    transform: translateY(10px) scale(.96);
  }
  6%, 92% {
    opacity: 1;
    transform: none;
  }
  100% {
    opacity: 0;
  }
}
.toggle {
  flex: none;
  width: 42px;
  height: 24px;
  border-radius: 999px;
  background:
    linear-gradient(
      135deg,
      #ffb25c,
      #ea580c);
  position: relative;
  box-shadow: 0 0 14px -2px rgba(246, 146, 59, .8);
}
.toggle::after {
  content: "";
  position: absolute;
  right: 3px;
  top: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
}
.toggle.off {
  background: #2a2d3d;
  box-shadow: none;
}
.toggle.off::after {
  right: auto;
  left: 3px;
  background: #8b8898;
}
.bar {
  flex: 1;
  border-radius: 8px 8px 3px 3px;
  background:
    linear-gradient(
      180deg,
      #ffb25c,
      #ea580c 80%);
  box-shadow: 0 0 20px -6px rgba(246, 146, 59, .8);
  transform-origin: bottom;
  animation: grow 1.4s cubic-bezier(.2, .8, .2, 1) both;
}
.bar.soft {
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, .22),
      rgba(255, 255, 255, .06));
  box-shadow: none;
}
@keyframes grow {
  from {
    transform: scaleY(0);
  }
  to {
    transform: scaleY(1);
  }
}
.node {
  position: relative;
  padding: 14px 16px;
  border-radius: 16px;
  background: rgba(255, 255, 255, .045);
  border: 1px solid rgba(255, 255, 255, .12);
  box-shadow: 0 16px 30px -18px #000;
}
.node.t {
  border-color: rgba(246, 146, 59, .55);
  box-shadow: 0 0 34px -12px rgba(246, 146, 59, .8);
}
.wire {
  width: 2px;
  height: 30px;
  margin: 0 auto;
  background:
    linear-gradient(
      180deg,
      rgba(246, 146, 59, .9),
      rgba(246, 146, 59, .2));
  position: relative;
  overflow: hidden;
}
.wire::after {
  content: "";
  position: absolute;
  left: -2px;
  width: 6px;
  height: 10px;
  border-radius: 3px;
  background: #ffd3a3;
  box-shadow: 0 0 10px #f6923b;
  animation: flow 1.6s linear infinite;
}
@keyframes flow {
  from {
    top: -10px;
  }
  to {
    top: 30px;
  }
}
.hwire {
  height: 2px;
  flex: 1;
  min-width: 20px;
  background:
    linear-gradient(
      90deg,
      rgba(246, 146, 59, .9),
      rgba(246, 146, 59, .25));
  position: relative;
  overflow: hidden;
  align-self: center;
}
.hwire::after {
  content: "";
  position: absolute;
  top: -2px;
  width: 12px;
  height: 6px;
  border-radius: 3px;
  background: #ffd3a3;
  box-shadow: 0 0 10px #f6923b;
  animation: zip 1.8s linear infinite;
}
.brain {
  position: relative;
  height: 440px;
}
.bn {
  position: absolute;
  display: grid;
  place-items: center;
  border-radius: 50%;
  font-weight: 800;
  font-size: 13px;
  text-align: center;
  color: var(--ink);
  background:
    radial-gradient(
      circle at 30% 25%,
      #30344a,
      #141624);
  border: 1px solid rgba(255, 255, 255, .14);
  box-shadow: 0 20px 40px -18px #000, 0 0 26px -10px rgba(246, 146, 59, .6);
  animation: bob 6s ease-in-out infinite;
}
.bn.core {
  background:
    radial-gradient(
      circle at 35% 30%,
      #ffb25c,
      #ea580c 70%);
  color: #1b0c02;
  border: 0;
  box-shadow: 0 0 60px rgba(246, 146, 59, .7), 0 0 120px rgba(246, 146, 59, .35);
  animation: corepulse 3s ease-in-out infinite;
}
@keyframes corepulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.06);
  }
}
.ln {
  position: absolute;
  height: 2px;
  transform-origin: 0 50%;
  background:
    linear-gradient(
      90deg,
      rgba(246, 146, 59, .8),
      rgba(246, 146, 59, .08));
  overflow: hidden;
}
.ln::after {
  content: "";
  position: absolute;
  top: -2px;
  width: 24px;
  height: 6px;
  border-radius: 3px;
  background: #ffd3a3;
  box-shadow: 0 0 10px #f6923b;
  animation: zip 2.4s linear infinite;
}
@keyframes zip {
  from {
    left: -24px;
  }
  to {
    left: 100%;
  }
}
.logo-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 130px;
  padding: 18px;
  text-align: center;
}
.code {
  margin: 0;
  padding: 22px;
  font-family: "JetBrains Mono", monospace;
  font-size: 13.5px;
  line-height: 1.75;
  color: #d9d5df;
  white-space: pre;
  overflow-x: auto;
}
.k {
  color: #ffb25c;
}
.s {
  color: #9fd8a8;
}
.c {
  color: #8a8796;
}
.step-n {
  font-family: Unbounded, sans-serif;
  font-weight: 800;
  font-size: 64px;
  line-height: 1;
  color: transparent;
  -webkit-text-stroke: 1.5px rgba(246, 146, 59, .7);
  text-shadow: 0 0 40px rgba(246, 146, 59, .35);
}
.price {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 34px 30px;
}
.price.hot {
  border-color: transparent;
  transform: translateY(-10px);
}
.faq {
  width: 100%;
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  min-height: 64px;
  padding: 18px 24px;
  background: transparent;
  border: 0;
  color: var(--ink);
  font: 800 17px Manrope, sans-serif;
  cursor: pointer;
}
.faq .pm {
  flex: none;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(246, 146, 59, .4);
  color: #ffc78f;
  transition: transform .3s;
}
.faq-on .pm {
  transform: rotate(45deg);
  background: rgba(246, 146, 59, .15);
}
.ans {
  padding: 0 24px 22px;
  color: var(--mute);
  margin: 0;
  animation: panelIn .4s both;
}
.footlink {
  display: block;
  color: var(--mute);
  text-decoration: none;
  padding: 5px 0;
  transition: color .2s;
}
.footlink:hover {
  color: #ffc78f;
}
.sec {
  position: relative;
  padding: 120px 0;
}
@supports (animation-timeline: view()) {
  .reveal {
    animation: rise linear both;
    animation-timeline: view();
    animation-range: entry 0% cover 22%;
  }
}
@keyframes rise {
  from {
    opacity: 0;
    transform: translateY(46px) scale(.98);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@media (max-width: 860px) {
  .hide-sm {
    display: none !important;
  }
  .sec {
    padding: 80px 0;
  }
  .robot-stage {
    height: 460px;
    transform: scale(.8);
  }
  .hub-box {
    height: 400px;
  }
  .hub {
    transform: scale(.6);
  }
  .price.hot {
    transform: none;
  }
  .stat {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
  }
  .span2 {
    grid-column: auto !important;
  }
}
.foot {
  position: relative;
  margin-top: 40px;
  padding: 72px 0 0;
  background:
    linear-gradient(
      180deg,
      rgba(10, 11, 18, .4),
      #05060a 40%);
  border-top: 1px solid rgba(255, 255, 255, .08);
}
.foot::before {
  content: "";
  position: absolute;
  left: 10%;
  right: 10%;
  top: -1px;
  height: 1px;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(246, 146, 59, .8),
      transparent);
  box-shadow: 0 0 18px rgba(246, 146, 59, .7);
}
.foot-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) repeat(3, minmax(0, 1fr));
  gap: 48px;
  align-items: start;
}
.foot-brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.foot-logos {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.foot-logos .bdg {
  width: 36px;
  height: 36px;
  border-radius: 11px;
  transition: transform .25s;
}
.foot-logos .bdg:hover {
  transform: translateY(-3px);
}
.foot-col {
  display: flex;
  flex-direction: column;
}
.foot-h {
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #ffc78f;
  margin-bottom: 14px;
}
.foot-bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px 24px;
  margin-top: 56px;
  padding-top: 24px;
  padding-bottom: 32px;
  border-top: 1px solid rgba(255, 255, 255, .08);
  color: #8a8796;
  font-size: 14px;
}
.foot-legal {
  display: flex;
  gap: 22px;
}
.wk {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-height: 210px;
  padding: 8px 4px;
  border-radius: 12px;
  background: rgba(255, 255, 255, .03);
  align-items: center;
  min-width: 0;
}
.wk .bdg {
  width: 100%;
  max-width: 34px;
  height: auto;
  aspect-ratio: 1;
  border-radius: 28%;
}
@media (max-width: 860px) {
  .foot-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 36px;
  }
  .foot-brand {
    grid-column: 1 / -1;
  }
}
@media (max-width: 600px) {
  .nav-signin {
    display: none !important;
  }
  .hub-box {
    height: 350px;
  }
  .hub {
    transform: scale(.5);
  }
  .brain {
    zoom: .56;
  }
  .foot-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .chip {
    max-width: 200px;
    font-size: 12px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .site * {
    animation: none !important;
  }
}
.darksite {
  margin: -24px;
  min-height: 80vh;
}
.darksite.arabic,
.arabic * {
  font-family: Cairo, sans-serif !important;
}
.arabic .display,
.arabic .h2 {
  letter-spacing: 0;
  line-height: 1.6;
}
.arabic .mono {
  letter-spacing: 0;
}
.previewbar {
  position: relative;
  z-index: 20;
  text-align: center;
  background: #111019;
  color: #a29894;
  font-size: 9px;
  padding: 7px;
}
.navrow {
  display: flex;
  align-items: center;
  gap: 22px;
  min-height: 85px;
}
.brand {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #f5f2ec !important;
  text-decoration: none;
  font-size: 19px;
  font-weight: 800;
  white-space: nowrap;
}
.brandorb {
  display: inline-grid;
  place-items: center;
  background: #131827;
  color: #f6923b;
  border-radius: 10px;
  width: 38px;
  height: 38px;
  font-size: 30px;
  box-shadow: 0 0 35px #ef742323;
}
.webnav {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-inline-start: auto;
}
.webnav a {
  font-size: 11px;
  font-weight: 700;
  color: #aaa6b4;
  text-decoration: none;
}
.webnav a.active,
.subnav a.active {
  color: #ffb25c;
}
.langbtn {
  border: 1px solid #ffffff20;
  padding: 8px 11px;
  border-radius: 9px;
  font-size: 11px;
  text-decoration: none;
  color: white;
}
.navsignup {
  font-size: 11px;
  padding: 10px 15px;
}
.subnav {
  display: flex;
  justify-content: flex-end;
  gap: 22px;
  padding-bottom: 12px;
}
.subnav a {
  font-size: 10px;
  color: #9d96a7;
  text-decoration: none;
}
.hamb,
.mobileextra {
  display: none;
}
.featuregrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 13px;
  margin-top: 25px;
}
.featuretile {
  padding: 22px;
}
.featuretile > span {
  color: #f6923b;
}
.featuretile h3 {
  font-size: 13px;
  margin: 14px 0;
}
.featuretile small {
  font-size: 9px;
  color: #8a8495;
  text-transform: uppercase;
}
.filters {
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
  margin-top: 35px;
}
.filters button {
  font-family: inherit;
}
.faqgrid {
  max-width: 850px;
  margin-top: 40px;
}
.faq button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  width: 100%;
  background: none;
  border: 0;
  color: #f5f2ec;
  font: 700 16px Manrope;
  text-align: start;
  padding: 22px;
  cursor: pointer;
}
.faq button span {
  color: #f6923b;
}
.faq p {
  color: #b4adbc;
  font-size: 14px;
  padding: 0 22px 22px;
  margin: 0;
}
.modulecard {
  padding: 35px;
  margin-top: 24px;
}
.modulecard li {
  color: #aaa6b4;
  padding: 8px;
}
.tabs {
  flex-wrap: wrap;
  margin-top: 30px;
}
.footrow {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
}
.footrow p {
  color: #a19aaa;
  font-size: 13px;
  max-width: 350px;
}
.footlinks {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.footlinks a {
  font-size: 11px;
  color: #aaa6b4;
  text-decoration: none;
}
.footbottom {
  border-top: 1px solid #ffffff13;
  padding-top: 25px;
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  color: #6f697a;
  font-size: 9px;
}
.quickpages {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.quickpages a {
  padding: 22px;
  color: #ddd;
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}
.quickpages b {
  color: #f6923b;
}
.contactbody {
  min-height: 430px;
}
.contactbody .btn {
  margin-top: 35px;
}
.arabic .rot {
  height: 1.7em;
}
.arabic .rot-in span {
  height: 1.7em;
  line-height: 1.7em;
}
.arabic .rot-in {
  animation: none;
}
.arabic .rot-in span:not(:first-child) {
  display: none;
}
.arabic .sec {
  direction: rtl;
}
.arabic .robot-stage {
  direction: ltr;
}
.arabic .stats {
  direction: rtl;
}
.darksite .card {
  color: var(--ink);
}
@media (min-width: 768px) {
  .darksite {
    margin: -36px;
  }
}
@media (max-width: 900px) {
  .navsignup {
    display: none;
  }
  .navrow {
    gap: 15px;
  }
  .brand {
    font-size: 16px;
  }
  .webnav {
    gap: 10px;
  }
  .webnav a {
    font-size: 10px;
  }
}
@media (max-width: 650px) {
  .navrow {
    flex-wrap: wrap;
    min-height: 72px;
    padding-top: 13px;
    padding-bottom: 13px;
  }
  .hamb {
    display: block;
    background: #171622;
    border: 1px solid #ffffff20;
    border-radius: 8px;
    padding: 8px 12px;
    color: #e9e2ea;
    font: 600 11px Manrope;
    margin-inline-start: auto;
  }
  .webnav {
    display: none;
    order: 4;
    width: 100%;
    margin: 0;
    flex-direction: column;
    align-items: stretch;
    padding-top: 15px;
  }
  .webnav.expanded {
    display: flex;
  }
  .webnav a {
    font-size: 13px;
    padding: 8px;
  }
  .mobileextra {
    display: flex;
    flex-direction: column;
  }
  .subnav {
    display: none;
  }
  .featuregrid {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .featuretile {
    padding: 16px;
  }
  .featuretile h3 {
    font-size: 12px;
  }
  .filters {
    gap: 7px;
  }
  .filters button {
    font-size: 10px;
  }
  .faq button {
    font-size: 13px;
    padding: 18px;
  }
  .faq p {
    font-size: 12px;
    padding: 0 18px 18px;
  }
  .footrow {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  .footbottom {
    flex-direction: column;
  }
  .quickpages {
    grid-template-columns: 1fr 1fr;
  }
  .quickpages a {
    padding: 18px;
    font-size: 12px;
  }
  .darksite .wrap {
    padding: 0 20px;
  }
  .darksite .sec {
    padding: 65px 0;
  }
  .arabic .hero-title,
  .arabic h1 {
    font-size: 36px;
    line-height: 1.5;
  }
  .robot-stage {
    overflow: visible;
  }
  .darksite .h2 {
    overflow-wrap: anywhere;
  }
  .arabic .rot {
    max-width: 100%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .darksite * {
    animation: none !important;
  }
}
.darksite .glow {
  animation: none;
  filter: blur(65px);
  opacity: .32;
}
.darksite .robot,
.darksite .orb,
.darksite .floatcard {
  animation: none;
}
.darksite #top {
  position: relative;
}
.darksite .nav {
  position: relative;
}
.darksite .hero {
  overflow: hidden;
}
.arabic .bdg {
  direction: ltr;
}
.darksite .brandorb {
  font-family: Manrope !important;
}
.arabic .code {
  direction: ltr;
  text-align: left;
}
.darksite a.langbtn {
  color: #eee !important;
}
.darksite a.btn-g {
  color: #f2eaf3 !important;
}
.darksite a.btn-g:hover {
  color: #ffb25c !important;
}
.darksite a.btn-p {
  color: #151018 !important;
}
.darksite .foot a {
  color: #aaa6b4;
}
.darksite .nav a.langbtn {
  background: #14131d;
}
.darksite .rot-in {
  animation: none;
}
.darksite .rot-in span:not(:first-child) {
  display: none;
}
.darksite .arabic .langbtn {
  color: #eee !important;
}
.darksite article.faq {
  display: block;
  padding: 0;
  border-bottom: 1px solid #292532;
  text-align: start;
  min-height: 0;
}
.darksite .faq button {
  font-family: inherit;
}
.darksite .faq p {
  line-height: 1.85;
}
.darksite.arabic .code {
  direction: ltr;
  text-align: left;
}
.darksite .rotator {
  overflow: visible;
}
.darksite pre.code {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  line-height: 1.85;
  direction: ltr;
  text-align: left;
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  font-weight: 400;
}
.darksite pre.code span {
  white-space: pre-wrap;
}


body{margin:0;background:#07080d}
html{scroll-behavior:smooth}
a{color:#ffb25c}a:hover{color:#ffd3a3}
.site{--bg:#07080d;--ink:#f5f2ec;--mute:#aeaab8;--dim:#8a8796;--acc:#f6923b;--acc2:#ea580c;--acc3:#ffb25c;--line:rgba(255,255,255,.08);--glass:rgba(255,255,255,.035);position:relative;overflow:clip;background:var(--bg);color:var(--ink);font-family:Manrope,system-ui,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
.site *{box-sizing:border-box}
.grid-bg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(to bottom,#000 0,rgba(0,0,0,.5) 12%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.5) 88%,#000 100%);mask-image:linear-gradient(to bottom,#000 0,rgba(0,0,0,.5) 12%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.5) 88%,#000 100%)}
.glow{position:absolute;border-radius:50%;filter:blur(110px);pointer-events:none;opacity:.55;animation:drift 18s ease-in-out infinite alternate}
@keyframes drift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(60px,40px) scale(1.12)}100%{transform:translate(-40px,80px) scale(.95)}}
.wrap{position:relative;max-width:1220px;margin:0 auto;padding:0 24px}
.mono{font-family:"JetBrains Mono",ui-monospace,monospace}
.display{font-family:Unbounded,Manrope,sans-serif;letter-spacing:-.02em}
.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:7px 14px;border-radius:999px;border:1px solid rgba(246,146,59,.35);background:rgba(246,146,59,.08);color:#ffc78f;font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 0 24px -6px rgba(246,146,59,.5)}
.dot{width:7px;height:7px;border-radius:50%;background:var(--acc);box-shadow:0 0 10px var(--acc);animation:pulse 2s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.7)}}
.h2{font-family:Unbounded,sans-serif;font-weight:700;letter-spacing:-.02em;font-size:clamp(30px,4.2vw,56px);line-height:1.08;margin:18px 0 16px}
.lead{color:var(--mute);font-size:clamp(16px,1.4vw,19px);max-width:660px;margin:0}
.hl{color:var(--acc);position:relative;white-space:nowrap}
.hl::after{content:"";position:absolute;left:0;right:0;bottom:.04em;height:.12em;border-radius:4px;background:var(--acc);box-shadow:0 0 18px var(--acc);opacity:.55;transform-origin:left;animation:underline 1.6s .4s cubic-bezier(.2,.8,.2,1) both}
@keyframes underline{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.rot{display:inline-block;height:1.1em;overflow:hidden;vertical-align:bottom}
.rot-in{display:flex;flex-direction:column;animation:rotw 18s cubic-bezier(.75,0,.25,1) infinite}
.rot-in span{display:block;height:1.1em;line-height:1.1em;white-space:nowrap}
@keyframes rotw{0%,10%{transform:translateY(0)}12.5%,22.5%{transform:translateY(-1.1em)}25%,35%{transform:translateY(-2.2em)}37.5%,47.5%{transform:translateY(-3.3em)}50%,60%{transform:translateY(-4.4em)}62.5%,72.5%{transform:translateY(-5.5em)}75%,85%{transform:translateY(-6.6em)}87.5%,97.5%{transform:translateY(-7.7em)}100%{transform:translateY(-8.8em)}}
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:14px;font-weight:800;font-size:16px;text-decoration:none;cursor:pointer;border:0;overflow:hidden;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .25s,border-color .25s}
.btn-p{background:linear-gradient(135deg,#ffb25c,#f6923b 45%,#ea580c);color:#1b0c02;box-shadow:0 12px 34px -10px rgba(246,146,59,.85),inset 0 1px 0 rgba(255,255,255,.45),0 0 0 1px rgba(255,178,92,.4)}
.btn-p::before{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:shine 4.5s ease-in-out infinite}
@keyframes shine{0%,60%{left:-60%}100%{left:130%}}
.btn-p:hover{color:#1b0c02;transform:translateY(-3px);box-shadow:0 20px 50px -10px rgba(246,146,59,1),inset 0 1px 0 rgba(255,255,255,.5),0 0 0 1px rgba(255,178,92,.6)}
.btn-g{background:rgba(255,255,255,.04);color:var(--ink);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);box-shadow:0 10px 30px -14px rgba(0,0,0,.9)}
.btn-g:hover{color:var(--ink);transform:translateY(-3px);border-color:rgba(246,146,59,.6);box-shadow:0 16px 40px -14px rgba(246,146,59,.55)}
.btn svg{transition:transform .25s}.btn:hover svg{transform:translateX(4px)}
.card{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border:1px solid var(--line);border-radius:22px;backdrop-filter:blur(14px);box-shadow:0 30px 60px -32px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.06);transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s}
.card.lift:hover{transform:translateY(-6px) perspective(900px) rotateX(2deg);border-color:rgba(246,146,59,.45);box-shadow:0 40px 70px -30px rgba(0,0,0,.95),0 0 50px -18px rgba(246,146,59,.55),inset 0 1px 0 rgba(255,255,255,.1)}
.beam{position:relative;overflow:hidden;isolation:isolate}
.beam::before{content:"";position:absolute;left:-50%;top:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0 62%,rgba(255,178,92,.95) 75%,transparent 88%);animation:spin 5s linear infinite;z-index:-2}
.beam::after{content:"";position:absolute;inset:1.5px;border-radius:21px;background:linear-gradient(180deg,#151827,#0c0e17);z-index:-1}
.ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#ffc78f;background:radial-gradient(circle at 30% 20%,rgba(255,178,92,.35),rgba(234,88,12,.12));border:1px solid rgba(246,146,59,.35);box-shadow:0 8px 24px -8px rgba(246,146,59,.6),inset 0 1px 0 rgba(255,255,255,.2)}
.ico svg{width:22px;height:22px}
.nav{position:sticky;top:0;z-index:60;backdrop-filter:blur(18px) saturate(140%);background:rgba(7,8,13,.62);border-bottom:1px solid var(--line)}
.navlink{color:var(--mute);text-decoration:none;font-weight:700;font-size:15px;padding:10px 2px;transition:color .2s}
.navlink:hover{color:var(--ink)}
.robot-stage{position:relative;height:560px;perspective:1100px;display:grid;place-items:center}
.halo{position:absolute;left:50%;top:50%;width:460px;height:460px;margin:-230px 0 0 -230px;border-radius:50%;background:conic-gradient(from 0deg,transparent,rgba(246,146,59,.35),transparent 30%,transparent 50%,rgba(255,178,92,.25),transparent 80%);filter:blur(30px);animation:spin 12s linear infinite}
.robot{position:relative;width:220px;height:340px;transform-style:preserve-3d;animation:float 6.5s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0) rotateY(-16deg) rotateX(5deg)}50%{transform:translateY(-22px) rotateY(16deg) rotateX(-3deg)}}
.r-ant{position:absolute;left:107px;top:0;width:6px;height:44px;border-radius:3px;background:linear-gradient(#5b5f78,#2a2d3d)}
.r-bulb{position:absolute;left:-7px;top:-12px;width:20px;height:20px;border-radius:50%;background:#ffb25c;box-shadow:0 0 14px #f6923b,0 0 40px #f6923b;animation:pulse 1.6s ease-in-out infinite}
.r-head{position:absolute;left:10px;top:40px;width:200px;height:146px;border-radius:52px;background:radial-gradient(circle at 30% 22%,#454a63,#1b1e2c 62%,#11131d);box-shadow:inset 0 -12px 26px rgba(0,0,0,.65),inset 0 8px 16px rgba(255,255,255,.14),0 34px 60px -18px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.07)}
.r-ear{position:absolute;top:50px;width:22px;height:46px;border-radius:12px;background:linear-gradient(#ea580c,#f6923b);box-shadow:0 0 18px rgba(246,146,59,.7)}
.r-visor{position:absolute;left:22px;right:22px;top:36px;height:70px;border-radius:32px;background:#04050a;box-shadow:inset 0 0 26px rgba(246,146,59,.28),0 0 0 2px rgba(246,146,59,.3),0 0 30px -6px rgba(246,146,59,.5);display:flex;align-items:center;justify-content:center;gap:34px;overflow:hidden}
.r-visor::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.14),transparent 40%);pointer-events:none}
.r-eye{width:28px;height:28px;border-radius:50%;background:#ffc78f;box-shadow:0 0 12px #f6923b,0 0 34px #f6923b;animation:blink 5s infinite,look 9s ease-in-out infinite}
@keyframes blink{0%,91%,97%,100%{height:28px}94%{height:3px}}
@keyframes look{0%,100%{transform:translateX(0)}30%{transform:translateX(-8px)}60%{transform:translateX(8px)}}
.r-mouth{position:absolute;left:78px;top:116px;width:44px;height:6px;border-radius:6px;background:rgba(246,146,59,.7);box-shadow:0 0 12px var(--acc);animation:talk 2.4s ease-in-out infinite}
@keyframes talk{0%,100%{transform:scaleX(1)}25%{transform:scaleX(.5)}50%{transform:scaleX(1.1)}75%{transform:scaleX(.7)}}
.r-neck{position:absolute;left:90px;top:184px;width:40px;height:18px;border-radius:6px;background:linear-gradient(#2a2d3d,#14161f)}
.r-torso{position:absolute;left:38px;top:198px;width:144px;height:126px;border-radius:40px 40px 54px 54px;background:radial-gradient(circle at 35% 20%,#41465e,#1a1d2b 65%,#101219);box-shadow:inset 0 -12px 24px rgba(0,0,0,.6),inset 0 6px 14px rgba(255,255,255,.12),0 30px 50px -20px rgba(0,0,0,.9)}
.r-core{position:absolute;left:44px;top:30px;width:56px;height:56px;border-radius:50%;background:conic-gradient(from 0deg,#ea580c,#ffb25c,#f6923b,#ea580c);box-shadow:0 0 30px #f6923b,0 0 70px rgba(246,146,59,.6);animation:spin 4s linear infinite}
.r-core::after{content:"";position:absolute;inset:10px;border-radius:50%;background:#0b0c12;box-shadow:inset 0 0 14px rgba(246,146,59,.9)}
@keyframes spin{to{transform:rotate(360deg)}}
.r-arm{position:absolute;top:206px;width:32px;height:108px;border-radius:18px;background:linear-gradient(90deg,#2b2f42,#1a1d2b);box-shadow:inset 0 4px 10px rgba(255,255,255,.1),0 10px 20px -8px #000;transform-origin:50% 12px}
.r-arm.l{left:0;transform:rotate(14deg)}
.r-arm.r{right:0;animation:wave 3.2s ease-in-out infinite}
@keyframes wave{0%,55%,100%{transform:rotate(-14deg)}65%{transform:rotate(-150deg)}72%{transform:rotate(-120deg)}79%{transform:rotate(-150deg)}86%{transform:rotate(-120deg)}}
.r-hand{position:absolute;bottom:-10px;left:2px;width:28px;height:28px;border-radius:50%;background:#f6923b;box-shadow:0 0 16px rgba(246,146,59,.8)}
.floor{position:absolute;bottom:36px;left:50%;width:260px;height:40px;margin-left:-130px;border-radius:50%;background:radial-gradient(rgba(246,146,59,.45),transparent 70%);filter:blur(6px);animation:floor 6.5s ease-in-out infinite}
@keyframes floor{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(.78);opacity:.5}}
.orbit{position:absolute;left:50%;top:50%;border-radius:50%;border:1px dashed rgba(246,146,59,.35);transform-style:preserve-3d}
.orbit.o1{width:440px;height:440px;margin:-220px 0 0 -220px;transform:rotateX(72deg);animation:orb 22s linear infinite}
.orbit.o2{width:340px;height:340px;margin:-170px 0 0 -170px;transform:rotateX(72deg) rotateY(18deg);border-color:rgba(255,255,255,.12);animation:orb 14s linear infinite reverse}
.orbit i{position:absolute;top:-6px;left:50%;width:12px;height:12px;border-radius:50%;background:#ffb25c;box-shadow:0 0 16px #f6923b}
@keyframes orb{to{transform:rotateX(72deg) rotateZ(360deg)}}
.chip{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:16px;background:rgba(18,20,31,.78);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px);box-shadow:0 20px 40px -18px rgba(0,0,0,.95),0 0 30px -14px rgba(246,146,59,.6);font-size:13px;max-width:250px;animation:bob 5s ease-in-out infinite;z-index:3}
.chip b{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#ffc78f;font-family:"JetBrains Mono",monospace;font-weight:500}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.bdg{flex:none;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-family:Unbounded,sans-serif;font-weight:800;font-size:11px;letter-spacing:-.02em;box-shadow:0 8px 20px -8px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.3)}
.bdg img{display:block;width:60%;height:60%;object-fit:contain}
.ring .tile img{display:block;width:54%;height:54%;object-fit:contain}
.bdg.lg{width:52px;height:52px;border-radius:16px;font-size:14px}
.stats{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025);backdrop-filter:blur(10px);overflow:hidden}
.stat{flex:1 1 150px;padding:22px 20px;border-right:1px solid var(--line);text-align:center}
.stat:last-child{border-right:0}
.stat .n{font-family:Unbounded,sans-serif;font-weight:800;font-size:34px;line-height:1.1;background:linear-gradient(180deg,#ffd3a3,#f6923b);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px rgba(246,146,59,.45))}
.stat .l{color:var(--mute);font-size:13px;margin-top:4px}
.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.track{display:flex;gap:14px;width:max-content;animation:slide 46s linear infinite}
.track.rev{animation-direction:reverse;animation-duration:54s}
.marquee:hover .track{animation-play-state:paused}
@keyframes slide{to{transform:translateX(-50%)}}
.pill{display:inline-flex;align-items:center;gap:10px;padding:8px 18px 8px 8px;border-radius:999px;border:1px solid var(--line);background:var(--glass);color:var(--ink);font-weight:700;white-space:nowrap;transition:border-color .25s,box-shadow .25s}
.pill:hover{border-color:rgba(246,146,59,.5);box-shadow:0 0 26px -8px rgba(246,146,59,.7)}
.pill.plain{padding:12px 20px}
.bigtext{font-family:Unbounded,sans-serif;font-weight:900;font-size:clamp(60px,9vw,130px);line-height:1;white-space:nowrap;color:transparent;-webkit-text-stroke:1.5px rgba(246,146,59,.35);letter-spacing:-.03em}
.bigtext b{color:#f6923b;-webkit-text-stroke:0;text-shadow:0 0 40px rgba(246,146,59,.6)}
.hub-box{position:relative;height:640px}
.hub{position:absolute;left:50%;top:50%;width:620px;height:620px;margin:-310px 0 0 -310px}
.ring{position:absolute;inset:0;border-radius:50%;animation:spin 60s linear infinite}
.ring.r1{inset:130px;border:1px dashed rgba(246,146,59,.35)}
.ring.r2{inset:20px;border:1px solid rgba(255,255,255,.08);animation-direction:reverse;animation-duration:80s}
.ring .tw{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px}
.ring .tile{width:56px;height:56px;border-radius:17px;display:grid;place-items:center;font-family:Unbounded,sans-serif;font-weight:800;font-size:13px;box-shadow:0 14px 30px -10px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.3);animation:spin 60s linear infinite reverse}
.ring.r2 .tile{animation-direction:normal;animation-duration:80s}
.hub-core{position:absolute;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:44px;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#2a2e45,#0e1019);border:1px solid rgba(246,146,59,.5);box-shadow:0 0 80px -10px rgba(246,146,59,.8),0 0 0 12px rgba(246,146,59,.06),0 0 0 26px rgba(246,146,59,.03);animation:corepulse 3s ease-in-out infinite}
.ping{position:absolute;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:44px;border:2px solid rgba(246,146,59,.6);animation:ping 3s ease-out infinite}
@keyframes ping{from{transform:scale(1);opacity:.8}to{transform:scale(2.6);opacity:0}}
.plist{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:12px}
.pitem{display:flex;gap:14px;align-items:center;padding:14px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid var(--line);transition:transform .25s,border-color .25s,box-shadow .25s}
.pitem:hover{transform:translateY(-3px);border-color:rgba(246,146,59,.45);box-shadow:0 0 30px -12px rgba(246,146,59,.7)}
.pitem b{display:block;font-size:15px}
.pitem span{display:block;color:var(--dim);font-size:13px;line-height:1.4}
.colhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}
.count{font-family:Unbounded,sans-serif;font-weight:800;font-size:13px;padding:5px 12px;border-radius:999px;color:#1b0c02;background:linear-gradient(135deg,#ffb25c,#f6923b);box-shadow:0 0 18px -4px rgba(246,146,59,.8)}
.ai-card{padding:26px;display:flex;flex-direction:column;gap:14px;overflow:hidden}
.ai-card .sheen{position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;filter:blur(40px);opacity:.45;pointer-events:none}
.model{display:inline-flex;align-items:center;padding:4px 10px;border-radius:8px;font-family:"JetBrains Mono",monospace;font-size:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#d9d5df}
.sw{display:flex;flex-direction:column;gap:6px;position:relative}
.sw-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;position:relative;z-index:1;font-weight:700;font-size:14px}
.sw-hl{position:absolute;left:0;right:0;top:0;height:54px;border-radius:12px;background:rgba(246,146,59,.14);border:1px solid rgba(246,146,59,.45);box-shadow:0 0 30px -10px rgba(246,146,59,.8);animation:swmove 12s cubic-bezier(.7,0,.3,1) infinite}
@keyframes swmove{0%,14%{transform:translateY(0)}17%,31%{transform:translateY(60px)}34%,48%{transform:translateY(120px)}51%,65%{transform:translateY(180px)}68%,82%{transform:translateY(240px)}85%,98%{transform:translateY(300px)}100%{transform:translateY(0)}}
.chipf{min-height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--mute);font:700 14px Manrope,sans-serif;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .25s}
.chipf:hover{color:var(--ink);border-color:rgba(255,255,255,.22)}
.chipf i{font-style:normal;font-family:"JetBrains Mono",monospace;font-size:11px;padding:2px 7px;border-radius:6px;background:rgba(255,255,255,.08)}
.chipf-on{color:#1b0c02;background:linear-gradient(135deg,#ffb25c,#f6923b);border-color:transparent;box-shadow:0 10px 28px -10px rgba(246,146,59,.9)}
.chipf-on:hover{color:#1b0c02}.chipf-on i{background:rgba(0,0,0,.15)}
.feat{display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid var(--line);animation:panelIn .45s cubic-bezier(.2,.8,.2,1) both;transition:border-color .25s,transform .25s,box-shadow .25s}
.feat:hover{border-color:rgba(246,146,59,.45);transform:translateY(-3px);box-shadow:0 0 30px -12px rgba(246,146,59,.7)}
.feat .ck{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:rgba(246,146,59,.15);color:#ffb25c;border:1px solid rgba(246,146,59,.35)}
.feat b{display:block;font-size:15px;line-height:1.35}
.feat span{display:block;font-size:12px;color:var(--dim);font-family:"JetBrains Mono",monospace;letter-spacing:.06em;text-transform:uppercase;margin-top:4px}
.tab{min-height:46px;padding:0 18px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--mute);font:700 15px Manrope,sans-serif;cursor:pointer;transition:all .25s}
.tab:hover{color:var(--ink);border-color:rgba(255,255,255,.22)}
.tab-on{color:#1b0c02;background:linear-gradient(135deg,#ffb25c,#f6923b);border-color:transparent;box-shadow:0 10px 28px -10px rgba(246,146,59,.9)}
.tab-on:hover{color:#1b0c02}
.panel{animation:panelIn .5s cubic-bezier(.2,.8,.2,1) both}
@keyframes panelIn{from{opacity:0;transform:translateY(16px) scale(.985);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
.ticks{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px}
.ticks li{display:flex;gap:12px;align-items:flex-start;color:#d9d5df}
.ticks li::before{content:"";flex:none;margin-top:7px;width:10px;height:10px;border-radius:3px;background:var(--acc);box-shadow:0 0 12px var(--acc);transform:rotate(45deg)}
.mock{border-radius:18px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#121522,#0c0e17);box-shadow:0 40px 80px -30px #000,0 0 0 1px rgba(0,0,0,.6),0 0 60px -30px rgba(246,146,59,.5);overflow:hidden}
.mock-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.02)}
.mock-bar i{width:10px;height:10px;border-radius:50%;background:#2c2f40}
.mock-bar i:first-child{background:#f6923b;box-shadow:0 0 8px #f6923b}
.row{display:flex;align-items:center;gap:12px}
.av{flex:none;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:13px;color:#ffd3a3;background:linear-gradient(135deg,#3a2a1e,#241a14);border:1px solid rgba(246,146,59,.3)}
.tag{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.04em;background:rgba(246,146,59,.14);color:#ffc78f;border:1px solid rgba(246,146,59,.3)}
.tag.b{background:rgba(110,140,255,.14);color:#c4d0ff;border-color:rgba(110,140,255,.3)}
.tag.g{background:rgba(255,255,255,.06);color:#d9d5df;border-color:rgba(255,255,255,.14)}
.bub{max-width:80%;padding:11px 15px;border-radius:16px;font-size:14px;line-height:1.45;animation:pop 9s ease-out infinite both}
.bub.in{background:rgba(255,255,255,.07);border:1px solid var(--line);border-bottom-left-radius:5px}
.bub.out{margin-left:auto;background:linear-gradient(135deg,rgba(246,146,59,.22),rgba(234,88,12,.14));border:1px solid rgba(246,146,59,.35);border-bottom-right-radius:5px;box-shadow:0 0 30px -12px rgba(246,146,59,.7)}
@keyframes pop{0%{opacity:0;transform:translateY(10px) scale(.96)}6%,92%{opacity:1;transform:none}100%{opacity:0}}
.toggle{flex:none;width:42px;height:24px;border-radius:999px;background:linear-gradient(135deg,#ffb25c,#ea580c);position:relative;box-shadow:0 0 14px -2px rgba(246,146,59,.8)}
.toggle::after{content:"";position:absolute;right:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff}
.toggle.off{background:#2a2d3d;box-shadow:none}.toggle.off::after{right:auto;left:3px;background:#8b8898}
.bar{flex:1;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,#ffb25c,#ea580c 80%);box-shadow:0 0 20px -6px rgba(246,146,59,.8);transform-origin:bottom;animation:grow 1.4s cubic-bezier(.2,.8,.2,1) both}
.bar.soft{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.06));box-shadow:none}
@keyframes grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.node{position:relative;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 30px -18px #000}
.node.t{border-color:rgba(246,146,59,.55);box-shadow:0 0 34px -12px rgba(246,146,59,.8)}
.wire{width:2px;height:30px;margin:0 auto;background:linear-gradient(180deg,rgba(246,146,59,.9),rgba(246,146,59,.2));position:relative;overflow:hidden}
.wire::after{content:"";position:absolute;left:-2px;width:6px;height:10px;border-radius:3px;background:#ffd3a3;box-shadow:0 0 10px #f6923b;animation:flow 1.6s linear infinite}
@keyframes flow{from{top:-10px}to{top:30px}}
.hwire{height:2px;flex:1;min-width:20px;background:linear-gradient(90deg,rgba(246,146,59,.9),rgba(246,146,59,.25));position:relative;overflow:hidden;align-self:center}
.hwire::after{content:"";position:absolute;top:-2px;width:12px;height:6px;border-radius:3px;background:#ffd3a3;box-shadow:0 0 10px #f6923b;animation:zip 1.8s linear infinite}
.brain{position:relative;height:440px}
.bn{position:absolute;display:grid;place-items:center;border-radius:50%;font-weight:800;font-size:13px;text-align:center;color:var(--ink);background:radial-gradient(circle at 30% 25%,#30344a,#141624);border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 40px -18px #000,0 0 26px -10px rgba(246,146,59,.6);animation:bob 6s ease-in-out infinite}
.bn.core{background:radial-gradient(circle at 35% 30%,#ffb25c,#ea580c 70%);color:#1b0c02;border:0;box-shadow:0 0 60px rgba(246,146,59,.7),0 0 120px rgba(246,146,59,.35);animation:corepulse 3s ease-in-out infinite}
@keyframes corepulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.ln{position:absolute;height:2px;transform-origin:0 50%;background:linear-gradient(90deg,rgba(246,146,59,.8),rgba(246,146,59,.08));overflow:hidden}
.ln::after{content:"";position:absolute;top:-2px;width:24px;height:6px;border-radius:3px;background:#ffd3a3;box-shadow:0 0 10px #f6923b;animation:zip 2.4s linear infinite}
@keyframes zip{from{left:-24px}to{left:100%}}
.logo-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:130px;padding:18px;text-align:center}
.code{margin:0;padding:22px;font-family:"JetBrains Mono",monospace;font-size:13.5px;line-height:1.75;color:#d9d5df;white-space:pre;overflow-x:auto}
.k{color:#ffb25c}.s{color:#9fd8a8}.c{color:#8a8796}
.step-n{font-family:Unbounded,sans-serif;font-weight:800;font-size:64px;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(246,146,59,.7);text-shadow:0 0 40px rgba(246,146,59,.35)}
.price{display:flex;flex-direction:column;gap:18px;padding:34px 30px}
.price.hot{border-color:transparent;transform:translateY(-10px)}
.faq{width:100%;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:64px;padding:18px 24px;background:transparent;border:0;color:var(--ink);font:800 17px Manrope,sans-serif;cursor:pointer}
.faq .pm{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;border:1px solid rgba(246,146,59,.4);color:#ffc78f;transition:transform .3s}
.faq-on .pm{transform:rotate(45deg);background:rgba(246,146,59,.15)}
.ans{padding:0 24px 22px;color:var(--mute);margin:0;animation:panelIn .4s both}
.footlink{display:block;color:var(--mute);text-decoration:none;padding:5px 0;transition:color .2s}
.footlink:hover{color:#ffc78f}
.sec{position:relative;padding:120px 0}
@supports (animation-timeline: view()){.reveal{animation:rise linear both;animation-timeline:view();animation-range:entry 0% cover 22%}}
@keyframes rise{from{opacity:0;transform:translateY(46px) scale(.98)}to{opacity:1;transform:none}}
@media (max-width:860px){.hide-sm{display:none !important}.sec{padding:80px 0}.robot-stage{height:460px;transform:scale(.8)}.hub-box{height:400px}.hub{transform:scale(.6)}.price.hot{transform:none}.stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.span2{grid-column:auto !important}}
.foot{position:relative;margin-top:40px;padding:72px 0 0;background:linear-gradient(180deg,rgba(10,11,18,.4),#05060a 40%);border-top:1px solid rgba(255,255,255,.08)}
.foot::before{content:"";position:absolute;left:10%;right:10%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(246,146,59,.8),transparent);box-shadow:0 0 18px rgba(246,146,59,.7)}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.7fr) repeat(3,minmax(0,1fr));gap:48px;align-items:start}
.foot-brand{display:flex;flex-direction:column;align-items:flex-start}
.foot-logos{display:flex;flex-wrap:wrap;gap:8px}
.foot-logos .bdg{width:36px;height:36px;border-radius:11px;transition:transform .25s}
.foot-logos .bdg:hover{transform:translateY(-3px)}
.foot-col{display:flex;flex-direction:column}
.foot-h{font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#ffc78f;margin-bottom:14px}
.foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:56px;padding-top:24px;padding-bottom:32px;border-top:1px solid rgba(255,255,255,.08);color:#8a8796;font-size:14px}
.foot-legal{display:flex;gap:22px}
.wk{display:flex;flex-direction:column;gap:6px;min-height:210px;padding:8px 4px;border-radius:12px;background:rgba(255,255,255,.03);align-items:center;min-width:0}
.wk .bdg{width:100%;max-width:34px;height:auto;aspect-ratio:1;border-radius:28%}
@media (max-width:860px){.foot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.foot-brand{grid-column:1 / -1}}
@media (max-width:600px){.nav-signin{display:none !important}.hub-box{height:350px}.hub{transform:scale(.5)}.brain{zoom:.56}.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chip{max-width:200px;font-size:12px}}
@media (prefers-reduced-motion:reduce){.site *{animation:none !important}}
.darksite{margin:-24px;min-height:80vh}.darksite.arabic,.arabic *{font-family:Cairo,sans-serif!important}.arabic .display,.arabic .h2{letter-spacing:0;line-height:1.6}.arabic .mono{letter-spacing:0}.previewbar{position:relative;z-index:20;text-align:center;background:#111019;color:#a29894;font-size:9px;padding:7px}.navrow{display:flex;align-items:center;gap:22px;min-height:85px}.brand{display:flex;align-items:center;gap:10px;color:#f5f2ec!important;text-decoration:none;font-size:19px;font-weight:800;white-space:nowrap}.brandorb{display:inline-grid;place-items:center;background:#131827;color:#f6923b;border-radius:10px;width:38px;height:38px;font-size:30px;box-shadow:0 0 35px #ef742323}.webnav{display:flex;align-items:center;gap:18px;margin-inline-start:auto}.webnav a{font-size:11px;font-weight:700;color:#aaa6b4;text-decoration:none}.webnav a.active,.subnav a.active{color:#ffb25c}.langbtn{border:1px solid #ffffff20;padding:8px 11px;border-radius:9px;font-size:11px;text-decoration:none;color:white}.navsignup{font-size:11px;padding:10px 15px}.subnav{display:flex;justify-content:flex-end;gap:22px;padding-bottom:12px}.subnav a{font-size:10px;color:#9d96a7;text-decoration:none}.hamb,.mobileextra{display:none}.featuregrid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:25px}.featuretile{padding:22px}.featuretile>span{color:#f6923b}.featuretile h3{font-size:13px;margin:14px 0}.featuretile small{font-size:9px;color:#8a8495;text-transform:uppercase}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-top:35px}.filters button{font-family:inherit}.faqgrid{max-width:850px;margin-top:40px}.faq button{display:flex;justify-content:space-between;align-items:center;gap:30px;width:100%;background:none;border:0;color:#f5f2ec;font:700 16px Manrope;text-align:start;padding:22px;cursor:pointer}.faq button span{color:#f6923b}.faq p{color:#b4adbc;font-size:14px;padding:0 22px 22px;margin:0}.modulecard{padding:35px;margin-top:24px}.modulecard li{color:#aaa6b4;padding:8px}.tabs{flex-wrap:wrap;margin-top:30px}.footrow{display:grid;grid-template-columns:1fr 1fr;gap:60px}.footrow p{color:#a19aaa;font-size:13px;max-width:350px}.footlinks{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.footlinks a{font-size:11px;color:#aaa6b4;text-decoration:none}.footbottom{border-top:1px solid #ffffff13;padding-top:25px;margin-top:40px;display:flex;justify-content:space-between;gap:20px;color:#6f697a;font-size:9px}.quickpages{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quickpages a{padding:22px;color:#ddd;text-decoration:none;display:flex;justify-content:space-between;font-size:14px}.quickpages b{color:#f6923b}.contactbody{min-height:430px}.contactbody .btn{margin-top:35px}.arabic .rot{height:1.7em}.arabic .rot-in span{height:1.7em;line-height:1.7em}.arabic .rot-in{animation:none}.arabic .rot-in span:not(:first-child){display:none}.arabic .sec{direction:rtl}.arabic .robot-stage{direction:ltr}.arabic .stats{direction:rtl}.darksite .card{color:var(--ink)}
@media(min-width:768px){.darksite{margin:-36px}}@media(max-width:900px){.navsignup{display:none}.navrow{gap:15px}.brand{font-size:16px}.webnav{gap:10px}.webnav a{font-size:10px}}@media(max-width:650px){.navrow{flex-wrap:wrap;min-height:72px;padding-top:13px;padding-bottom:13px}.hamb{display:block;background:#171622;border:1px solid #ffffff20;border-radius:8px;padding:8px 12px;color:#e9e2ea;font:600 11px Manrope;margin-inline-start:auto}.webnav{display:none;order:4;width:100%;margin:0;flex-direction:column;align-items:stretch;padding-top:15px}.webnav.expanded{display:flex}.webnav a{font-size:13px;padding:8px}.mobileextra{display:flex;flex-direction:column}.subnav{display:none}.featuregrid{grid-template-columns:1fr 1fr;gap:10px}.featuretile{padding:16px}.featuretile h3{font-size:12px}.filters{gap:7px}.filters button{font-size:10px}.faq button{font-size:13px;padding:18px}.faq p{font-size:12px;padding:0 18px 18px}.footrow{grid-template-columns:1fr;gap:25px}.footbottom{flex-direction:column}.quickpages{grid-template-columns:1fr 1fr}.quickpages a{padding:18px;font-size:12px}.darksite .wrap{padding:0 20px}.darksite .sec{padding:65px 0}.arabic .hero-title,.arabic h1{font-size:36px;line-height:1.5}.robot-stage{overflow:visible}.darksite .h2{overflow-wrap:anywhere}.arabic .rot{max-width:100%}}
@media(prefers-reduced-motion:reduce){.darksite *{animation:none!important}}
.darksite .glow{animation:none;filter:blur(65px);opacity:.32}.darksite .robot,.darksite .orb,.darksite .floatcard{animation:none}.darksite #top{position:relative}.darksite .nav{position:relative}.darksite .hero{overflow:hidden}.arabic .bdg{direction:ltr}.darksite .brandorb{font-family:Manrope!important}.arabic .code{direction:ltr;text-align:left}
.darksite a.langbtn{color:#eee!important}.darksite a.btn-g{color:#f2eaf3!important}.darksite a.btn-g:hover{color:#ffb25c!important}.darksite a.btn-p{color:#151018!important}.darksite .foot a{color:#aaa6b4}.darksite .nav a.langbtn{background:#14131d}.darksite .rot-in{animation:none}.darksite .rot-in span:not(:first-child){display:none}.darksite .arabic .langbtn{color:#eee!important}
.darksite article.faq{display:block;padding:0;border-bottom:1px solid #292532;text-align:start;min-height:0}.darksite .faq button{font-family:inherit}.darksite .faq p{line-height:1.85}.darksite.arabic .code{direction:ltr;text-align:left}.darksite .rotator{overflow:visible}
.darksite pre.code{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85;direction:ltr;text-align:left;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:400}.darksite pre.code span{white-space:pre-wrap}

html,body{width:100%!important;background:#07080d;color:#f5f2ec;margin:0}.file-card{width:100%;margin:0;padding:0;border:0;border-radius:0;max-width:none;box-shadow:none;background:#07080d}.darksite{margin:0;min-height:100vh}.previewbar{display:none}.active{color:#ffb25c!important}a{color:inherit}button{cursor:pointer}.code{direction:ltr} .faq[hidden],.featuretile[hidden]{display:none!important}