/* Kockpit HR — site styles.
   1. fonts  2. base + keyframes  3. shared components (nav, module tabs)
   4. per-section utility classes (.u-N) and hover/active states (.hv-N) */

@import url('fonts.css');

/* ===== Base ===== */
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
html { scroll-behavior: smooth; }
body { background: #000; font-family: 'Montserrat', sans-serif; overflow-x: hidden; -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font-family: 'Montserrat', sans-serif; }
input::placeholder { color: #555; }
::-webkit-scrollbar { width: 3px; background: #030303; }
::-webkit-scrollbar-thumb { background: #1e1e1e; border-radius: 2px; }
@keyframes floatA { 0%,100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-14px) rotate(0.5deg); } }
@keyframes floatB { 0%,100% { transform: translateY(-8px) rotate(1deg); } 50% { transform: translateY(8px) rotate(-0.5deg); } }
@keyframes floatC { 0%,100% { transform: translateY(4px) rotate(0.3deg); } 60% { transform: translateY(-18px) rotate(-1deg); } }
@keyframes floatD { 0%,100% { transform: translateY(-4px) rotate(-0.5deg); } 40% { transform: translateY(-16px) rotate(1.5deg); } 70% { transform: translateY(8px) rotate(-0.8deg); } }
@keyframes fadeUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes blink { 0%,100% { opacity: 1; } 50% { opacity: 0.2; } }
@keyframes typingDot { 0%,60%,100% { opacity: 0.25; transform: translateY(0); } 30% { opacity: 1; transform: translateY(-3px); } }
@keyframes ticker { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
@keyframes dashFlow { to { stroke-dashoffset: -28; } }
@keyframes ringPulse { 0% { transform: scale(0.55); opacity: 0.85; } 100% { transform: scale(2.1); opacity: 0; } }
@keyframes corePulse { 0%,100% { box-shadow: 0 0 0 0 rgba(110,96,238,0.55), 0 0 42px rgba(110,96,238,0.55); } 50% { box-shadow: 0 0 0 14px rgba(110,96,238,0), 0 0 70px rgba(110,96,238,0.95); } }
@keyframes cardGlow { 0%,100% { box-shadow: 0 26px 70px rgba(110,96,238,0.16); border-color: rgba(110,96,238,0.32); } 50% { box-shadow: 0 30px 110px rgba(110,96,238,0.34); border-color: rgba(110,96,238,0.65); } }
@keyframes chipFlicker { 0%,100% { border-color: rgba(255,93,75,0.22); } 50% { border-color: rgba(255,93,75,0.5); } }
@keyframes ctaPop { 0% { transform: scale(1); } 35% { transform: scale(0.9); } 65% { transform: scale(1.07); } 100% { transform: scale(1); } }
@keyframes ctaRing { 0% { box-shadow: 0 0 0 0 rgba(255,122,26,0.55); } 100% { box-shadow: 0 0 0 20px rgba(255,122,26,0), 0 8px 30px rgba(242,106,18,0.45); } }
@keyframes phGrid { from { background-position: 0 0; } to { background-position: 0 64px; } }
@keyframes phRise { from { opacity: 0; transform: translateY(26px); filter: blur(8px); } to { opacity: 1; transform: none; filter: none; } }
@keyframes phCue { 0% { transform: translateY(0); opacity: 0; } 30% { opacity: 1; } 100% { transform: translateY(14px); opacity: 0; } }
@keyframes phSweep { 0%,100% { transform: translateX(-30%) rotate(-8deg); opacity: 0.55; } 50% { transform: translateX(30%) rotate(8deg); opacity: 0.9; } }
@media (max-width: 1100px) { [data-hero-card] { display: none !important; } }
@media (max-width: 900px) { [data-team-panel] { grid-template-columns: 1fr !important; gap: 20px !important; } [data-team-panel] img { max-height: 200px !important; } }
@media (max-width: 880px) { [data-shift-grid] { grid-template-columns: 1fr !important; } [data-shift-before] { border-right: none !important; border-bottom: 1px solid rgba(255,255,255,0.09) !important; } [data-shift-seam] { display: none !important; } }
@media (max-width: 760px) { [data-float-stage] { display: none !important; } }
@media (max-width: 880px) { [data-mod-grid] { grid-template-columns: 1fr !important; } [data-mod-stage] { height: auto !important; min-height: 460px; } }
@media (max-width: 880px) { [data-problem-grid] { grid-template-columns: 1fr !important; } [data-problem-hub] { transform: rotate(90deg); margin: 4px 0; } [data-ai-grid] { grid-template-columns: 1fr !important; } }
[data-hero-card] { display: none !important; }
@media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } }
  
html { scroll-behavior: smooth; }
html { scroll-behavior: smooth; }
body { background: #000; font-family: 'Montserrat', sans-serif; overflow-x: hidden; -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font-family: 'Montserrat', sans-serif; }
input::placeholder { color: #555; }
::-webkit-scrollbar { width: 3px; background: #030303; }
::-webkit-scrollbar-thumb { background: #1e1e1e; border-radius: 2px; }
@keyframes floatA { 0%,100% { transform: translateY(0) rotate(-1deg); } 50% { transform: translateY(-14px) rotate(0.5deg); } }
@keyframes floatB { 0%,100% { transform: translateY(-8px) rotate(1deg); } 50% { transform: translateY(8px) rotate(-0.5deg); } }
@keyframes floatC { 0%,100% { transform: translateY(4px) rotate(0.3deg); } 60% { transform: translateY(-18px) rotate(-1deg); } }
@keyframes floatD { 0%,100% { transform: translateY(-4px) rotate(-0.5deg); } 40% { transform: translateY(-16px) rotate(1.5deg); } 70% { transform: translateY(8px) rotate(-0.8deg); } }
@keyframes fadeUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes blink { 0%,100% { opacity: 1; } 50% { opacity: 0.2; } }
@keyframes typingDot { 0%,60%,100% { opacity: 0.25; transform: translateY(0); } 30% { opacity: 1; transform: translateY(-3px); } }
@keyframes ticker { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
@keyframes dashFlow { to { stroke-dashoffset: -28; } }
@keyframes ringPulse { 0% { transform: scale(0.55); opacity: 0.85; } 100% { transform: scale(2.1); opacity: 0; } }
@keyframes corePulse { 0%,100% { box-shadow: 0 0 0 0 rgba(10,92,245,0.55), 0 0 42px rgba(10,92,245,0.55); } 50% { box-shadow: 0 0 0 14px rgba(10,92,245,0), 0 0 70px rgba(10,92,245,0.95); } }
@keyframes cardGlow { 0%,100% { box-shadow: 0 26px 70px rgba(10,92,245,0.16); border-color: rgba(10,92,245,0.32); } 50% { box-shadow: 0 30px 110px rgba(10,92,245,0.34); border-color: rgba(10,92,245,0.65); } }
@keyframes chipFlicker { 0%,100% { border-color: rgba(255,93,75,0.22); } 50% { border-color: rgba(255,93,75,0.5); } }
@keyframes ctaPop { 0% { transform: scale(1); } 35% { transform: scale(0.9); } 65% { transform: scale(1.07); } 100% { transform: scale(1); } }
@keyframes ctaRing { 0% { box-shadow: 0 0 0 0 rgba(255,122,26,0.55); } 100% { box-shadow: 0 0 0 20px rgba(255,122,26,0), 0 8px 30px rgba(242,106,18,0.45); } }
@media (max-width: 1100px) { [data-hero-card] { display: none !important; } }
@media (max-width: 900px) { [data-team-panel] { grid-template-columns: 1fr !important; gap: 20px !important; } [data-team-panel] img { max-height: 200px !important; } }
@media (max-width: 880px) { [data-shift-grid] { grid-template-columns: 1fr !important; } [data-shift-before] { border-right: none !important; border-bottom: 1px solid rgba(255,255,255,0.09) !important; } [data-shift-seam] { display: none !important; } }
@media (max-width: 760px) { [data-float-stage] { display: none !important; } }
@media (max-width: 880px) { [data-problem-grid] { grid-template-columns: 1fr !important; } [data-problem-hub] { transform: rotate(90deg); margin: 4px 0; } [data-ai-grid] { grid-template-columns: 1fr !important; } }
[data-hero-card] { display: none !important; }
@media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } }

@keyframes koSpin { to { transform: rotate(360deg); } }
.ko-orbit { animation: koSpin 14s linear infinite; }
.ko-orbit-rev { animation-duration: 9s; animation-direction: reverse; }
#pr-search:focus { border-color:#0a5cf5; background:#fff; box-shadow:0 0 0 4px rgba(10,92,245,0.12); }
@media (prefers-reduced-motion: reduce) { .ko-orbit { animation: none; } }
#pr-count:focus { border-color:#0a5cf5; background:#fff; box-shadow:0 0 0 4px rgba(10,92,245,0.12); }
#pr-count::-webkit-inner-spin-button, #pr-count::-webkit-outer-spin-button { -webkit-appearance:none; margin:0; }
#pr-count { -moz-appearance:textfield; }
  

/* ===== Components ===== */
/* ---- Site navigation (dark by default; body.theme-light on Product + Pricing) ---- */
.site-nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 1000; height: 60px;
  display: flex; align-items: center; justify-content: space-between; padding: 0 40px;
  -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  background-color: #0A0A0ACD;
  transition: background-color 0.3s;
}
.site-nav__logo { display: flex; align-items: center; gap: 9px; cursor: pointer; }
.site-nav__logo img { height: 24px; width: auto; display: block; }
.logo-light { display: none !important; }
.site-nav__links { display: flex; align-items: center; gap: 32px; }
.site-nav__actions { display: flex; align-items: center; gap: 12px; }

.nav-link {
  font-size: 13px; font-weight: 500; color: #666; cursor: pointer;
  text-decoration: none; transition: color 0.2s;
}
.nav-link.is-active { color: #fff; }

.nav-cta {
  background: #fff; color: #000; border: none; border-radius: 60px; padding: 8px 20px;
  font-size: 13px; font-weight: 700; cursor: pointer; transition: all 0.2s;
}
.nav-cta:active { transform: scale(0.93); }

#scroll-progress {
  position: absolute; left: 0; bottom: 0; height: 2px; width: 0%;
  background: linear-gradient(90deg, #0a4fd6, #4d8bff, #6d9bff);
  box-shadow: 0 0 12px rgba(100, 121, 255, 0.6);
  transition: width 0.08s linear;
}

body.theme-light .site-nav { background-color: rgba(255, 255, 255, 0.86); border-bottom-color: #e6e9f1; }
body.theme-light .logo-light { display: block !important; }
body.theme-light .logo-dark { display: none !important; }
body.theme-light .nav-link { color: #6b7286; }
body.theme-light .nav-link.is-active { color: #0b1530; }
body.theme-light .nav-cta { background: #0b1530; color: #fff; }

/* ---- Mobile Navigation Toggle & Drawer ---- */
.site-nav__toggle {
  display: none;
  background: transparent;
  border: none;
  padding: 0;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  border-radius: 8px;
  color: #fff;
  transition: background-color 0.2s ease, transform 0.2s ease;
  z-index: 1002;
  margin-left: 4px;
}
.site-nav__toggle:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.site-nav__toggle .hamburger-bar {
  display: block;
  width: 20px;
  height: 2px;
  background-color: currentColor;
  border-radius: 2px;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s ease;
  transform-origin: center;
}
.site-nav.is-open .site-nav__toggle .hamburger-bar:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
.site-nav.is-open .site-nav__toggle .hamburger-bar:nth-child(2) {
  opacity: 0;
  transform: scaleX(0);
}
.site-nav.is-open .site-nav__toggle .hamburger-bar:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

.site-nav__mobile-drawer {
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  height: calc(100vh - 60px);
  height: calc(100dvh - 60px);
  background: rgba(10, 10, 10, 0.98);
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.25s cubic-bezier(0.16, 1, 0.3, 1),
              visibility 0.25s;
  pointer-events: none;
  z-index: 1001;
}

.site-nav.is-open .site-nav__mobile-drawer {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

.mobile-drawer-content {
  display: flex;
  flex-direction: column;
  padding: 16px 20px 32px 20px;
  flex: 1;
}

.mobile-nav-links {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.mobile-nav-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  font-size: 15px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  border-radius: 10px;
  transition: all 0.2s ease;
}

.mobile-nav-link:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.06);
  padding-left: 20px;
}

.mobile-nav-link.is-active {
  color: #3b82f6;
  background: rgba(59, 130, 246, 0.1);
  font-weight: 600;
}

.mobile-nav-link svg {
  width: 16px;
  height: 16px;
  stroke: currentColor;
  opacity: 0.4;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.mobile-nav-link:hover svg {
  opacity: 0.9;
  transform: translateX(3px);
}

.mobile-nav-footer {
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.mobile-nav-cta {
  width: 100%;
  height: 46px;
  border-radius: 60px;
  background: #0a5cf5;
  color: #fff;
  border: none;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 16px rgba(10, 92, 245, 0.35);
  transition: transform 0.15s ease, background 0.2s ease;
}

.mobile-nav-cta:hover {
  background: #094ed4;
  transform: translateY(-1px);
}

.mobile-nav-cta:active {
  transform: scale(0.97);
}

/* Light Theme Support */
body.theme-light .site-nav__toggle {
  color: #0b1530;
}
body.theme-light .site-nav__toggle:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
body.theme-light .site-nav__mobile-drawer {
  background: rgba(255, 255, 255, 0.98);
  border-bottom-color: #e6e9f1;
}
body.theme-light .mobile-nav-link {
  color: #475467;
}
body.theme-light .mobile-nav-link:hover {
  color: #0b1530;
  background: #f4f6fb;
}
body.theme-light .mobile-nav-link.is-active {
  color: #0a5cf5;
  background: #edf3ff;
}
body.theme-light .mobile-nav-footer {
  border-top-color: #e6e9f1;
}
body.theme-light .mobile-nav-cta {
  background: #0b1530;
  color: #fff;
  box-shadow: 0 4px 16px rgba(11, 21, 48, 0.2);
}

/* Responsive Navigation Breakpoints */
@media (max-width: 900px) {
  .site-nav {
    padding: 0 20px;
  }
  .site-nav__links {
    display: none !important;
  }
  .site-nav__actions .nav-cta {
    display: none !important;
  }
  .site-nav__toggle {
    display: flex !important;
  }
}

@media (max-width: 480px) {
  .site-nav {
    padding: 0 16px;
  }
}

/* ---- Product page: module tabs ---- */
.mod-tab {
  position: relative; overflow: hidden; display: flex; align-items: center; gap: 12px;
  width: 100%; text-align: left; border: none; border-radius: 12px; padding: 12px 14px;
  cursor: pointer; background: transparent; transition: background 0.3s;
}
.mod-tab[aria-selected="true"] { background: #eef3ff; }
.mod-tab:hover { background: #f2f5fb; }
.mod-tab__dot {
  width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0;
  background: var(--dot); box-shadow: none; transition: box-shadow 0.25s;
}
.mod-tab[aria-selected="true"] .mod-tab__dot {
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--dot) 20%, transparent), 0 0 16px var(--dot);
}
.mod-tab__text { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.mod-tab__tag { font-size: 10px; font-weight: 700; letter-spacing: 1px; color: #8a90a3; transition: color 0.3s; }
.mod-tab__title { font-size: 14px; font-weight: 500; color: #4a5168; transition: color 0.3s; }
.mod-tab[aria-selected="true"] .mod-tab__tag { color: var(--dot); }
.mod-tab[aria-selected="true"] .mod-tab__title { font-weight: 700; color: #0b1530; }
.mod-tab__arrow {
  font-size: 14px; color: #0a5cf5; opacity: 0; transform: translateX(-8px);
  transition: opacity 0.3s, transform 0.4s cubic-bezier(.16, 1, .3, 1);
}
.mod-tab[aria-selected="true"] .mod-tab__arrow { opacity: 1; transform: translateX(0); }
.mod-tab__track {
  position: absolute; left: 14px; right: 14px; bottom: 4px; height: 2px; border-radius: 2px;
  background: transparent; overflow: hidden;
}
.mod-tab[aria-selected="true"] .mod-tab__track { background: rgba(11, 21, 48, 0.08); }
.mod-tab__prog { display: block; height: 100%; width: 0%; background: var(--dot); }

[hidden] { display: none !important; }

/* ===== Splash screen ===== */
.u-1 {
  position: fixed;
  inset: 0;
  z-index: 100000;
  background: #05070d;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.u-2 {
  position: absolute;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(10,92,245,0.22), transparent 65%);
  opacity: 0;
}
.u-3 {
  position: relative;
}
.u-4 {
  display: block;
  width: min(460px,72vw);
  height: auto;
  overflow: visible;
}
.u-5 {
  transform-box: fill-box;
  transform-origin: center;
}
.u-6 {
  transform-box: fill-box;
  transform-origin: center bottom;
}
.u-7 {
  opacity: 0;
}

/* ===== Home page ===== */
.u-8 {
  height: 320vh;
  position: relative;
  background: #000;
}
.u-9 {
  position: sticky;
  top: 0;
  height: 100vh;
  min-height: 640px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #000;
  perspective: 850px;
}
.u-10 {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 56% 56% at 50% 50%, rgba(38,64,224,0.15) 0%, transparent 70%);
  pointer-events: none;
  z-index: 1;
}
.u-11 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}
.u-12 {
  position: absolute;
  inset: 0;
  z-index: 3;
  transform-style: preserve-3d;
  pointer-events: none;
  will-change: transform;
}
.u-13 {
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0;
  will-change: transform,opacity;
  font-family: 'Montserrat',sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.3px;
  white-space: nowrap;
  color: #33d0ff;
  border: 1px solid #33d0ff55;
  background: rgba(0,0,0,0.55);
  border-radius: 60px;
  padding: 7px 15px;
}
.u-14 {
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0;
  will-change: transform,opacity;
  font-family: 'Montserrat',sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.3px;
  white-space: nowrap;
  color: #ffc533;
  border: 1px solid #ffc53355;
  background: rgba(0,0,0,0.55);
  border-radius: 60px;
  padding: 7px 15px;
}
.u-15 {
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0;
  will-change: transform,opacity;
  font-family: 'Montserrat',sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.3px;
  white-space: nowrap;
  color: #03e65b;
  border: 1px solid #03e65b55;
  background: rgba(0,0,0,0.55);
  border-radius: 60px;
  padding: 7px 15px;
}
.u-16 {
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0;
  will-change: transform,opacity;
  font-family: 'Montserrat',sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.3px;
  white-space: nowrap;
  color: #ff3386;
  border: 1px solid #ff338655;
  background: rgba(0,0,0,0.55);
  border-radius: 60px;
  padding: 7px 15px;
}
.u-17 {
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0;
  will-change: transform,opacity;
  font-family: 'Montserrat',sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.3px;
  white-space: nowrap;
  color: #b5b0ff;
  border: 1px solid #b5b0ff55;
  background: rgba(0,0,0,0.55);
  border-radius: 60px;
  padding: 7px 15px;
}
.u-18 {
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0;
  will-change: transform,opacity;
  font-family: 'Montserrat',sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.3px;
  white-space: nowrap;
  color: #ff5d4b;
  border: 1px solid #ff5d4b55;
  background: rgba(0,0,0,0.55);
  border-radius: 60px;
  padding: 7px 15px;
}
.u-19 {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 40;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  pointer-events: none;
  animation: fadeIn 1s ease 1s both;
}
.u-20 {
  position: relative;
  z-index: 50;
  text-align: center;
  max-width: 760px;
  padding: 48px 32px;
  will-change: transform,opacity;
  background: radial-gradient(ellipse 80% 88% at 50% 50%, rgba(2,2,4,0.92) 0%, rgba(2,2,4,0.62) 46%, rgba(2,2,4,0) 74%);
  transform: translateY(0px) scale(1);
  width: 686px;
  height: 340px;
  overflow: visible;
  color: #ffffffab;
}
.u-21 {
  font-size: clamp(34px,5vw,62px);
  font-weight: 600;
  line-height: 1.02;
  letter-spacing: -1.5px;
  color: #fff;
  margin-bottom: 20px;
}
.u-22 {
  color: #0a5cf5;
}
.u-23 {
  font-size: 16px;
  font-weight: 400;
  color: #9c9ca6;
  line-height: 1.65;
  max-width: 500px;
  margin: 0 auto 36px;
}
.u-24 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}
.u-25 {
  background: #fff;
  color: #000;
  border: none;
  border-radius: 60px;
  padding: 13px 30px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  letter-spacing: 0.2px;
  transition: all 0.25s;
}
.u-26 {
  position: absolute;
  inset: 0;
  z-index: 60;
  opacity: 0;
  will-change: transform,opacity;
  pointer-events: none;
}
.u-27 {
  position: relative;
  height: 100%;
  width: 100%;
}
.u-28 {
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0;
  z-index: 6;
  will-change: transform,opacity;
  pointer-events: none;
}
.u-29 {
  animation: floatA 6s ease-in-out infinite;
}
.u-30 {
  background: #0d0d0d;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 12px;
  padding: 14px 16px;
  width: 184px;
  box-shadow: 0 22px 55px rgba(0,0,0,0.55);
}
.u-31 {
  margin-bottom: 9px;
}
.u-32 {
  font-size: 9px;
  font-weight: 700;
  background: #03e65b;
  color: #000;
  padding: 3px 8px;
  border-radius: 60px;
  letter-spacing: 0.8px;
}
.u-33 {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  line-height: 1;
}
.u-34 {
  font-size: 11px;
  font-weight: 400;
  color: #8f8f9a;
}
.u-35 {
  font-size: 10px;
  color: #8f8f9a;
  margin: 2px 0 9px;
}
.u-36 {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.u-37 {
  display: flex;
  align-items: center;
  gap: 7px;
}
.u-38 {
  font-size: 9px;
  color: #8f8f9a;
  width: 40px;
  flex-shrink: 0;
}
.u-39 {
  flex: 1;
  height: 2px;
  background: rgba(255,255,255,0.07);
  border-radius: 2px;
}
.u-40 {
  width: 33%;
  height: 100%;
  background: #03e65b;
  border-radius: 2px;
}
.u-41 {
  width: 22%;
  height: 100%;
  background: #33d0ff;
  border-radius: 2px;
}
.u-42 {
  width: 67%;
  height: 100%;
  background: #6e60ee;
  border-radius: 2px;
}
.u-43 {
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0;
  z-index: 7;
  will-change: transform,opacity;
  pointer-events: none;
}
.u-44 {
  animation: floatB 6.6s ease-in-out infinite 0.4s;
}
.u-45 {
  font-size: 9px;
  font-weight: 700;
  background: #ffc533;
  color: #000;
  padding: 3px 8px;
  border-radius: 60px;
  letter-spacing: 0.8px;
}
.u-46 {
  font-size: 10px;
  color: #8f8f9a;
  margin-bottom: 9px;
}
.u-47 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.u-48 {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background: rgba(3,230,91,0.15);
  border: 1px solid #03e65b;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  color: #03e65b;
}
.u-49 {
  font-size: 10px;
  color: #82828e;
  text-decoration: line-through;
}
.u-50 {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  border: 1px solid rgba(255,255,255,0.15);
}
.u-51 {
  font-size: 10px;
  color: #bbb;
}
.u-52 {
  animation: floatC 7.2s ease-in-out infinite 0.9s;
}
.u-53 {
  background: #0d0d0d;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 12px;
  padding: 14px 16px;
  width: 184px;
  box-shadow: 0 22px 55px rgba(0,0,0,0.55);
  border-color: rgba(255,51,134,0.25);
}
.u-54 {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 10px;
}
.u-55 {
  width: 22px;
  height: 22px;
  background: #6e60ee;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.u-56 {
  font-size: 11px;
  font-weight: 700;
  color: #fff;
}
.u-57 {
  font-size: 10px;
  font-weight: 700;
  color: #fff;
}
.u-58 {
  font-size: 9px;
  color: #8f8f9a;
}
.u-59 {
  font-size: 9px;
  font-weight: 700;
  background: #ff3386;
  color: #fff;
  padding: 3px 8px;
  border-radius: 60px;
  letter-spacing: 0.8px;
}
.u-60 {
  font-size: 24px;
  font-weight: 600;
  color: #ff3386;
  line-height: 1;
}
.u-61 {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}
.u-62 {
  font-size: 9px;
  font-weight: 700;
  background: rgba(255,51,134,0.12);
  color: #ff3386;
  padding: 2px 7px;
  border-radius: 4px;
}
.u-63 {
  font-size: 9px;
  font-weight: 700;
  background: rgba(51,208,255,0.12);
  color: #33d0ff;
  padding: 2px 7px;
  border-radius: 4px;
}
.u-64 {
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0;
  z-index: 5;
  will-change: transform,opacity;
  pointer-events: none;
}
.u-65 {
  animation: floatD 6.8s ease-in-out infinite 0.2s;
}
.u-66 {
  font-size: 9px;
  font-weight: 700;
  background: #6e60ee;
  color: #fff;
  padding: 3px 8px;
  border-radius: 60px;
  letter-spacing: 0.8px;
}
.u-67 {
  background: rgba(255,255,255,0.04);
  border-radius: 6px;
  padding: 7px 9px;
  font-size: 10px;
  color: #a2a2ac;
  font-style: italic;
  margin-bottom: 7px;
}
.u-68 {
  background: rgba(110,96,238,0.12);
  border-radius: 6px;
  padding: 8px;
  font-size: 10px;
  color: #b5b0ff;
  line-height: 1.4;
}
.u-69 {
  animation: floatA 7.4s ease-in-out infinite 1.1s;
}
.u-70 {
  font-size: 9px;
  font-weight: 700;
  background: #ff5d4b;
  color: #fff;
  padding: 3px 8px;
  border-radius: 60px;
  letter-spacing: 0.8px;
}
.u-71 {
  display: flex;
  gap: 11px;
}
.u-72 {
  font-size: 21px;
  font-weight: 600;
  color: #ff5d4b;
  line-height: 1;
}
.u-73 {
  font-size: 10px;
  color: #8f8f9a;
  margin-top: 2px;
}
.u-74 {
  width: 1px;
  background: rgba(255,255,255,0.08);
}
.u-75 {
  font-size: 21px;
  font-weight: 600;
  color: #33d0ff;
  line-height: 1;
}
.u-76 {
  font-size: 10px;
  color: #8f8f9a;
  margin-top: 9px;
}
.u-77 {
  color: #03e65b;
}
.u-78 {
  animation: floatB 7s ease-in-out infinite 1.5s;
}
.u-79 {
  font-size: 26px;
  font-weight: 600;
  color: #03e65b;
  line-height: 1;
}
.u-80 {
  font-size: 14px;
  color: #fff;
}
.u-81 {
  display: flex;
  gap: 6px;
}
.u-82 {
  flex: 1;
  background: rgba(3,230,91,0.08);
  border-radius: 6px;
  padding: 6px;
  text-align: center;
}
.u-83 {
  font-size: 13px;
  font-weight: 700;
  color: #03e65b;
}
.u-84 {
  flex: 1;
  background: rgba(255,197,51,0.08);
  border-radius: 6px;
  padding: 6px;
  text-align: center;
}
.u-85 {
  font-size: 13px;
  font-weight: 700;
  color: #ffc533;
}
.u-86 {
  flex: 1;
  background: rgba(255,93,75,0.08);
  border-radius: 6px;
  padding: 6px;
  text-align: center;
}
.u-87 {
  font-size: 13px;
  font-weight: 700;
  color: #ff5d4b;
}
.u-88 {
  animation: floatC 6.4s ease-in-out infinite 0.7s;
}
.u-89 {
  font-size: 21px;
  font-weight: 600;
  color: #ffc533;
  line-height: 1.1;
}
.u-90 {
  font-size: 10px;
  color: #8f8f9a;
  margin: 3px 0 9px;
}
.u-91 {
  display: flex;
  align-items: center;
  gap: 6px;
}
.u-92 {
  width: 5px;
  height: 5px;
  background: #03e65b;
  border-radius: 50%;
}
.u-93 {
  font-size: 10px;
  font-weight: 600;
  color: #03e65b;
}
.u-94 {
  animation: floatD 7.6s ease-in-out infinite 1.3s;
}
.u-95 {
  font-size: 9px;
  font-weight: 700;
  background: #33d0ff;
  color: #000;
  padding: 3px 8px;
  border-radius: 60px;
  letter-spacing: 0.8px;
}
.u-96 {
  display: flex;
  justify-content: space-between;
}
.u-97 {
  font-size: 11px;
  color: #bbb;
}
.u-98 {
  font-size: 12px;
  font-weight: 700;
  color: #33d0ff;
}
.u-99 {
  animation: floatA 6.8s ease-in-out infinite 0.5s;
}
.u-100 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px;
}
.u-101 {
  background: rgba(3,230,91,0.07);
  border: 1px solid rgba(3,230,91,0.15);
  border-radius: 6px;
  padding: 7px 9px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.u-102 {
  font-size: 10px;
  font-weight: 700;
  color: #03e65b;
}
.u-103 {
  font-size: 9px;
  color: #82828e;
  margin-top: 8px;
}
.u-104 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 25;
  width: 600px;
  max-width: 88%;
  text-align: center;
  pointer-events: none;
  padding: 36px 40px;
  background: radial-gradient(ellipse 80% 86% at 50% 50%, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.7) 44%, transparent 76%);
}
.u-105 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(100,121,255,0.3);
  border-radius: 60px;
  padding: 5px 14px;
  margin-bottom: 18px;
}
.u-106 {
  width: 5px;
  height: 5px;
  background: #6479FF;
  border-radius: 50%;
  animation: blink 2s ease-in-out infinite;
}
.u-107 {
  font-size: 10px;
  font-weight: 600;
  color: #8aa0ff;
  letter-spacing: 1.2px;
}
.u-108 {
  font-size: clamp(30px,4vw,52px);
  font-weight: 600;
  letter-spacing: -0.8px;
  color: #fff;
  line-height: 0.95;
}
.u-109 {
  font-size: 15px;
  color: #a2a2ac;
  max-width: 430px;
  margin: 18px auto 0;
  line-height: 1.6;
}
.u-110 {
  padding: 62px 0 46px;
  background: #000;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}
.u-111 {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 40px;
  text-align: center;
}
.u-112 {
  font-size: 11px;
  font-weight: 700;
  color: #82828e;
  letter-spacing: 2.4px;
  margin-bottom: 34px;
}
.u-113 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(30px,5.5vw,74px);
  flex-wrap: wrap;
}
.u-114 {
  height: clamp(26px,3vw,34px);
  width: auto;
  object-fit: contain;
  opacity: 0.62;
  transition: opacity 0.3s;
}
.u-115 {
  height: clamp(32px,3.6vw,42px);
  width: auto;
  object-fit: contain;
  opacity: 0.62;
  transition: opacity 0.3s;
}
.u-116 {
  height: clamp(34px,3.8vw,44px);
  width: auto;
  object-fit: contain;
  opacity: 0.62;
  transition: opacity 0.3s;
}
.u-117 {
  height: clamp(30px,3.4vw,40px);
  width: auto;
  object-fit: contain;
  opacity: 0.62;
  transition: opacity 0.3s;
}
.u-118 {
  padding: 96px 0;
  background: #000;
  position: relative;
  overflow: hidden;
}
.u-119 {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 55% 50% at 22% 45%, rgba(255,93,75,0.08) 0%, transparent 62%);
  pointer-events: none;
}
.u-120 {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 40px;
  position: relative;
}
.u-121 {
  text-align: center;
  max-width: 700px;
  margin: 0 auto 60px;
}
.u-122 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(255,93,75,0.25);
  border-radius: 60px;
  padding: 5px 14px;
  margin-bottom: 22px;
}
.u-123 {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #ff5d4b;
}
.u-124 {
  font-size: 10px;
  font-weight: 700;
  color: #ff7a6b;
  letter-spacing: 1.4px;
}
.u-125 {
  font-size: clamp(30px,3.8vw,52px);
  font-weight: 600;
  letter-spacing: -1px;
  color: #fff;
  line-height: 1.04;
  margin-bottom: 20px;
}
.u-126 {
  font-size: 15px;
  color: #9c9ca6;
  line-height: 1.7;
  max-width: 560px;
  margin: 0 auto;
}
.u-127 {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto minmax(0,0.92fr);
  gap: clamp(14px,2vw,30px);
  align-items: center;
}
.u-128 {
  position: relative;
  min-height: clamp(360px,42vw,440px);
}
.u-129 {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1.6px;
  color: #909098;
}
.u-130 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  overflow: visible;
}
.u-131 {
  animation: dashFlow 1.1s linear infinite;
}
.u-132 {
  position: absolute;
  top: 13%;
  left: 1%;
  transform: rotate(-5deg);
  z-index: 2;
}
.u-133 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #0d0d0d;
  border: 1px solid rgba(255,93,75,0.22);
  border-radius: 10px;
  padding: 9px 13px;
  box-shadow: 0 14px 36px rgba(0,0,0,0.6);
  white-space: nowrap;
  animation: floatA 7s ease-in-out infinite, chipFlicker 4s ease-in-out infinite;
}
.u-134 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ff7a6b;
  flex-shrink: 0;
}
.u-135 {
  font-size: 12px;
  font-weight: 600;
  color: #cfcfcf;
}
.u-136 {
  position: absolute;
  top: 6%;
  left: 52%;
  transform: rotate(5deg);
  z-index: 2;
}
.u-137 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #0d0d0d;
  border: 1px solid rgba(255,93,75,0.22);
  border-radius: 10px;
  padding: 9px 13px;
  box-shadow: 0 14px 36px rgba(0,0,0,0.6);
  white-space: nowrap;
  animation: floatB 8s ease-in-out infinite, chipFlicker 5s ease-in-out infinite 0.6s;
}
.u-138 {
  position: absolute;
  top: 37%;
  left: 16%;
  transform: rotate(-3deg);
  z-index: 2;
}
.u-139 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #0d0d0d;
  border: 1px solid rgba(255,93,75,0.22);
  border-radius: 10px;
  padding: 9px 13px;
  box-shadow: 0 14px 36px rgba(0,0,0,0.6);
  white-space: nowrap;
  animation: floatA 6.5s ease-in-out infinite, chipFlicker 4.5s ease-in-out infinite 1.2s;
}
.u-140 {
  position: absolute;
  top: 42%;
  left: 58%;
  transform: rotate(6deg);
  z-index: 2;
}
.u-141 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #0d0d0d;
  border: 1px solid rgba(255,93,75,0.22);
  border-radius: 10px;
  padding: 9px 13px;
  box-shadow: 0 14px 36px rgba(0,0,0,0.6);
  white-space: nowrap;
  animation: floatB 7.5s ease-in-out infinite, chipFlicker 4.2s ease-in-out infinite 0.3s;
}
.u-142 {
  position: absolute;
  top: 71%;
  left: 4%;
  transform: rotate(4deg);
  z-index: 2;
}
.u-143 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #0d0d0d;
  border: 1px solid rgba(255,93,75,0.22);
  border-radius: 10px;
  padding: 9px 13px;
  box-shadow: 0 14px 36px rgba(0,0,0,0.6);
  white-space: nowrap;
  animation: floatA 8s ease-in-out infinite, chipFlicker 5.2s ease-in-out infinite 0.9s;
}
.u-144 {
  position: absolute;
  top: 74%;
  left: 50%;
  transform: rotate(-6deg);
  z-index: 2;
}
.u-145 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #0d0d0d;
  border: 1px solid rgba(255,93,75,0.22);
  border-radius: 10px;
  padding: 9px 13px;
  box-shadow: 0 14px 36px rgba(0,0,0,0.6);
  white-space: nowrap;
  animation: floatB 6.8s ease-in-out infinite, chipFlicker 4.8s ease-in-out infinite 1.5s;
}
.u-146 {
  position: absolute;
  top: 54%;
  left: 31%;
  transform: rotate(2deg);
  z-index: 2;
}
.u-147 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #0d0d0d;
  border: 1px solid rgba(255,93,75,0.22);
  border-radius: 10px;
  padding: 9px 13px;
  box-shadow: 0 14px 36px rgba(0,0,0,0.6);
  white-space: nowrap;
  animation: floatA 7.2s ease-in-out infinite, chipFlicker 4.6s ease-in-out infinite 0.4s;
}
.u-148 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-width: 96px;
}
.u-149 {
  position: relative;
  width: 84px;
  height: 84px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.u-150 {
  position: absolute;
  inset: 0;
  border: 1px solid rgba(10,92,245,0.5);
  border-radius: 50%;
  animation: ringPulse 3s ease-out infinite;
}
.u-151 {
  position: absolute;
  inset: 0;
  border: 1px solid rgba(10,92,245,0.5);
  border-radius: 50%;
  animation: ringPulse 3s ease-out infinite 1s;
}
.u-152 {
  position: absolute;
  inset: 0;
  border: 1px solid rgba(10,92,245,0.5);
  border-radius: 50%;
  animation: ringPulse 3s ease-out infinite 2s;
}
.u-153 {
  position: relative;
  width: 52px;
  height: 52px;
  border-radius: 16px;
  background: linear-gradient(140deg,#2f7bff,#0840b0);
  display: flex;
  align-items: center;
  justify-content: center;
  animation: corePulse 2.6s ease-in-out infinite;
}
.u-154 {
  width: 28px;
  height: auto;
  display: block;
}
.u-155 {
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1.6px;
  color: #8a84d6;
}
.u-156 {
  position: absolute;
  inset: -1px;
  border-radius: 20px;
  background: linear-gradient(140deg, rgba(10,92,245,0.7), rgba(51,208,255,0.25) 50%, transparent 75%);
  pointer-events: none;
  z-index: 0;
}
.u-157 {
  position: relative;
  z-index: 1;
  background: #090909;
  border: 1px solid rgba(10,92,245,0.32);
  border-radius: 19px;
  overflow: hidden;
  animation: cardGlow 3.4s ease-in-out infinite;
}
.u-158 {
  position: relative;
  padding: 22px 24px;
  background: linear-gradient(135deg, rgba(10,92,245,0.22), rgba(79,67,201,0.05));
  border-bottom: 1px solid rgba(255,255,255,0.07);
}
.u-159 {
  display: flex;
  align-items: center;
  gap: 12px;
}
.u-160 {
  width: 38px;
  height: 38px;
  background: linear-gradient(140deg,#2f7bff,#0840b0);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 6px 20px rgba(10,92,245,0.5);
}
.u-161 {
  width: 20px;
  height: auto;
  display: block;
}
.u-162 {
  flex: 1;
}
.u-163 {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.2px;
}
.u-164 {
  font-size: 11px;
  color: #9b95dd;
}
.u-165 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(3,230,91,0.1);
  border: 1px solid rgba(3,230,91,0.3);
  border-radius: 60px;
  padding: 4px 10px;
}
.u-166 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #03e65b;
  animation: blink 1.6s ease-in-out infinite;
}
.u-167 {
  font-size: 9px;
  font-weight: 700;
  color: #03e65b;
  letter-spacing: 0.6px;
}
.u-168 {
  display: flex;
  align-items: stretch;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.u-169 {
  flex: 1;
  text-align: center;
  padding: 18px 10px;
}
.u-170 {
  font-size: 30px;
  font-weight: 800;
  color: #ff7a6b;
  line-height: 1;
  letter-spacing: -1px;
}
.u-171 {
  font-size: 10px;
  color: #9c9ca6;
  margin-top: 5px;
  line-height: 1.3;
}
.u-172 {
  display: flex;
  align-items: center;
  padding: 0 4px;
  color: #0a5cf5;
  font-size: 20px;
}
.u-173 {
  flex: 1;
  text-align: center;
  padding: 18px 10px;
  background: rgba(10,92,245,0.07);
}
.u-174 {
  font-size: 30px;
  font-weight: 800;
  color: #fff;
  line-height: 1;
  letter-spacing: -1px;
}
.u-175 {
  font-size: 10px;
  color: #7aa6ff;
  margin-top: 5px;
  line-height: 1.3;
}
.u-176 {
  display: flex;
  flex-direction: column;
  gap: 13px;
  padding: 22px 24px;
}
.u-177 {
  width: 22px;
  height: 22px;
  border-radius: 7px;
  background: rgba(3,230,91,0.12);
  border: 1px solid rgba(3,230,91,0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #03e65b;
  font-size: 12px;
}
.u-178 {
  font-size: 13px;
  color: #dcdcdc;
  font-weight: 500;
}
.u-179 {
  padding: 100px 0 84px;
  background: #f5f5f7;
  position: relative;
  overflow: hidden;
}
.u-180 {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 60% 45% at 50% 0%, rgba(51,208,255,0.10) 0%, transparent 62%);
  pointer-events: none;
}
.u-181 {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 40px;
  position: relative;
}
.u-182 {
  text-align: center;
  margin-bottom: 48px;
}
.u-183 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(15,151,207,0.35);
  border-radius: 60px;
  padding: 5px 14px;
  margin-bottom: 22px;
  background: rgba(51,208,255,0.08);
}
.u-184 {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #0f97cf;
}
.u-185 {
  font-size: 10px;
  font-weight: 700;
  color: #0f7fb0;
  letter-spacing: 1.4px;
}
.u-186 {
  font-size: clamp(28px,3.6vw,46px);
  font-weight: 600;
  letter-spacing: -1px;
  color: #0e1016;
  line-height: 1.05;
  margin-bottom: 16px;
}
.u-187 {
  font-size: 16px;
  color: #55576a;
  max-width: 560px;
  margin: 0 auto;
  line-height: 1.6;
}
.u-188 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(258px, 1fr));
  gap: 14px;
}
.u-189 {
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.07);
  border-radius: 14px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 1px 2px rgba(16,18,40,0.04), 0 12px 30px rgba(16,18,40,0.06);
  transition: border-color 0.3s, transform 0.3s, box-shadow 0.3s;
}
.u-190 {
  padding: 22px 20px 18px;
  flex: 1;
}
.u-191 {
  font-size: 9px;
  font-weight: 700;
  color: #0a5cf5;
  background: rgba(10,92,245,0.12);
  padding: 3px 10px;
  border-radius: 60px;
  letter-spacing: 1px;
  display: inline-block;
  margin-bottom: 16px;
}
.u-192 {
  font-size: 19px;
  font-weight: 700;
  color: #0e1016;
  letter-spacing: -0.3px;
  margin-bottom: 10px;
  line-height: 1.1;
}
.u-193 {
  font-size: 12.5px;
  color: #6a6c78;
  line-height: 1.6;
}
.u-194 {
  padding: 0 20px 18px;
}
.u-195 {
  flex: 1;
  text-align: center;
  background: rgba(16,18,40,0.035);
  border: 1px solid rgba(16,18,40,0.06);
  border-radius: 7px;
  padding: 9px 4px;
}
.u-196 {
  font-size: 15px;
  font-weight: 800;
  color: #08a94e;
  line-height: 1.1;
}
.u-197 {
  font-size: 9px;
  color: #8a8c98;
  margin-top: 2px;
}
.u-198 {
  font-size: 15px;
  font-weight: 800;
  color: #0a5cf5;
  line-height: 1.1;
}
.u-199 {
  font-size: 9px;
  font-weight: 700;
  color: #b8820a;
  background: rgba(255,197,51,0.18);
  padding: 3px 10px;
  border-radius: 60px;
  letter-spacing: 1px;
  display: inline-block;
  margin-bottom: 16px;
}
.u-200 {
  font-size: 15px;
  font-weight: 800;
  color: #b8820a;
  line-height: 1.1;
}
.u-201 {
  font-size: 9px;
  font-weight: 700;
  color: #e23a76;
  background: rgba(226,58,118,0.12);
  padding: 3px 10px;
  border-radius: 60px;
  letter-spacing: 1px;
  display: inline-block;
  margin-bottom: 16px;
}
.u-202 {
  font-size: 15px;
  font-weight: 800;
  color: #e23a76;
  line-height: 1.1;
}
.u-203 {
  font-size: 15px;
  font-weight: 800;
  color: #0f97cf;
  line-height: 1.1;
}
.u-204 {
  font-size: 9px;
  font-weight: 700;
  color: #e5442f;
  background: rgba(229,68,47,0.12);
  padding: 3px 10px;
  border-radius: 60px;
  letter-spacing: 1px;
  display: inline-block;
  margin-bottom: 16px;
}
.u-205 {
  font-size: 15px;
  font-weight: 800;
  color: #e5442f;
  line-height: 1.1;
}
.u-206 {
  position: relative;
  height: clamp(560px,94vh,1000px);
  overflow: hidden;
  background: #000;
}
.u-207 {
  position: absolute;
  left: 0;
  right: 0;
  top: -14%;
  width: 100%;
  height: 128%;
  object-fit: cover;
  object-position: center 40%;
  will-change: transform;
}
.u-208 {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.12) 40%, rgba(0,0,0,0.55) 100%);
}
.u-209 {
  position: absolute;
  right: 48px;
  bottom: 40px;
  text-align: right;
}
.u-210 {
  font-size: clamp(32px,4.6vw,60px);
  font-weight: 300;
  color: rgba(255,255,255,0.85);
  letter-spacing: 0.5px;
  line-height: 1.15;
}
.u-211 {
  font-weight: 700;
}
.u-212 {
  padding: 100px 0;
  background: #f6f7fb;
  color: #0b1530;
}
.u-213 {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 40px;
}
.u-214 {
  margin-bottom: 54px;
  text-align: center;
}
.u-215 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: #e8f0ff;
  border-radius: 60px;
  padding: 5px 14px;
  margin-bottom: 22px;
}
.u-216 {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #0a5cf5;
}
.u-217 {
  font-size: 10px;
  font-weight: 700;
  color: #0a5cf5;
  letter-spacing: 1.4px;
}
.u-218 {
  font-size: clamp(30px,4vw,54px);
  font-weight: 600;
  letter-spacing: -1px;
  color: #0b1530;
  line-height: 0.95;
  margin-bottom: 18px;
}
.u-219 {
  font-size: 15px;
  color: #4a5168;
  max-width: 560px;
  margin: 0 auto;
  line-height: 1.7;
}
.u-220 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%,300px), 1fr));
  gap: 16px;
}
.u-221 {
  background: #fff;
  border: 1px solid #e3e7f0;
  border-radius: 22px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  transition: transform 0.4s cubic-bezier(.16,1,.3,1), box-shadow 0.4s;
}
.u-222 {
  position: relative;
  overflow: hidden;
  background: #e3f7ea;
  border-radius: 16px;
  padding: 22px;
  min-height: 178px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.u-223 {
  position: absolute;
  right: -50px;
  top: -50px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 1.5px solid rgba(8,137,63,0.14);
}
.u-224 {
  position: absolute;
  right: -14px;
  top: -14px;
  width: 78px;
  height: 78px;
  border-radius: 50%;
  border: 1.5px solid rgba(8,137,63,0.14);
}
.u-225 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.u-226 {
  background: #fff;
  border-radius: 10px;
  padding: 11px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 1px 2px rgba(11,21,48,0.06);
}
.u-227 {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #08a94e;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 800;
}
.u-228 {
  font-size: 12px;
  font-weight: 700;
  color: #0b1530;
}
.u-229 {
  padding: 22px 18px 18px;
}
.u-230 {
  font-size: 10px;
  font-weight: 800;
  background: #e3f7ea;
  color: #08893f;
  padding: 4px 10px;
  border-radius: 60px;
  letter-spacing: 1.2px;
  display: inline-block;
  margin-bottom: 14px;
}
.u-231 {
  font-size: 21px;
  font-weight: 700;
  color: #0b1530;
  letter-spacing: -0.4px;
  line-height: 1.15;
  margin-bottom: 8px;
}
.u-232 {
  font-size: 13.5px;
  color: #4a5168;
  line-height: 1.6;
}
.u-233 {
  position: relative;
  overflow: hidden;
  background: #e0f4fc;
  border-radius: 16px;
  padding: 22px;
  min-height: 178px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.u-234 {
  position: absolute;
  right: -50px;
  top: -50px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 1.5px solid rgba(14,140,190,0.16);
}
.u-235 {
  position: absolute;
  right: -14px;
  top: -14px;
  width: 78px;
  height: 78px;
  border-radius: 50%;
  border: 1.5px solid rgba(14,140,190,0.16);
}
.u-236 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}
.u-237 {
  font-size: 34px;
  font-weight: 800;
  letter-spacing: -1px;
  color: #0b7fae;
  line-height: 1;
}
.u-238 {
  font-size: 11px;
  color: #4a5168;
  line-height: 1.35;
}
.u-239 {
  color: #08893f;
  font-weight: 700;
}
.u-240 {
  display: flex;
  gap: 8px;
}
.u-241 {
  flex: 1;
  background: #fff;
  border-radius: 10px;
  padding: 10px 8px;
  text-align: center;
  box-shadow: 0 1px 2px rgba(11,21,48,0.06);
}
.u-242 {
  font-size: 18px;
  font-weight: 800;
  color: #0b7fae;
  font-variant-numeric: tabular-nums;
}
.u-243 {
  font-size: 10px;
  font-weight: 600;
  color: #6b7286;
  margin-top: 2px;
}
.u-244 {
  font-size: 18px;
  font-weight: 800;
  color: #c98a00;
  font-variant-numeric: tabular-nums;
}
.u-245 {
  font-size: 18px;
  font-weight: 800;
  color: #e0452f;
  font-variant-numeric: tabular-nums;
}
.u-246 {
  font-size: 10px;
  font-weight: 800;
  background: #e0f4fc;
  color: #0b7fae;
  padding: 4px 10px;
  border-radius: 60px;
  letter-spacing: 1.2px;
  display: inline-block;
  margin-bottom: 14px;
}
.u-247 {
  position: relative;
  overflow: hidden;
  background: #e8f0ff;
  border-radius: 16px;
  padding: 22px;
  min-height: 178px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.u-248 {
  position: absolute;
  right: -50px;
  top: -50px;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 1.5px solid rgba(10,92,245,0.14);
}
.u-249 {
  position: absolute;
  right: -14px;
  top: -14px;
  width: 78px;
  height: 78px;
  border-radius: 50%;
  border: 1.5px solid rgba(10,92,245,0.14);
}
.u-250 {
  background: #fff;
  border-radius: 10px;
  padding: 10px 12px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 1px 2px rgba(11,21,48,0.06);
}
.u-251 {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #08a94e;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 800;
  flex-shrink: 0;
}
.u-252 {
  font-size: 10.5px;
  color: #6b7286;
}
.u-253 {
  font-size: 18px;
  font-weight: 800;
  color: #08893f;
  font-variant-numeric: tabular-nums;
}
.u-254 {
  font-size: 18px;
  font-weight: 800;
  color: #0a5cf5;
  font-variant-numeric: tabular-nums;
}
.u-255 {
  font-size: 10px;
  font-weight: 800;
  background: #e8f0ff;
  color: #0a5cf5;
  padding: 4px 10px;
  border-radius: 60px;
  letter-spacing: 1.2px;
  display: inline-block;
  margin-bottom: 14px;
}
.u-256 {
  padding: 110px 0 120px;
  background: #000;
  position: relative;
  overflow: hidden;
}
.u-257 {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 50% 45% at 50% 62%, rgba(10,92,245,0.22) 0%, transparent 65%), radial-gradient(ellipse 30% 30% at 80% 85%, rgba(18,185,129,0.12) 0%, transparent 70%);
  pointer-events: none;
}
.u-258 {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: radial-gradient(ellipse 70% 60% at 50% 55%, #000 0%, transparent 75%);
  -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 55%, #000 0%, transparent 75%);
  pointer-events: none;
}
.u-259 {
  position: relative;
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 40px;
}
.u-260 {
  text-align: center;
  margin-bottom: 64px;
}
.u-261 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(122,166,255,0.3);
  background: rgba(10,92,245,0.12);
  border-radius: 60px;
  padding: 5px 14px;
  margin-bottom: 22px;
}
.u-262 {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #7aa6ff;
}
.u-263 {
  font-size: 10px;
  font-weight: 700;
  color: #a9c4ff;
  letter-spacing: 1.4px;
}
.u-264 {
  font-size: clamp(30px,4vw,54px);
  font-weight: 600;
  letter-spacing: -1px;
  color: #fff;
  line-height: 1.0;
  margin-bottom: 18px;
}
.u-265 {
  font-size: 15px;
  color: rgba(255,255,255,0.62);
  max-width: 560px;
  margin: 0 auto;
  line-height: 1.7;
  text-wrap: pretty;
}
.u-266 {
  perspective: 1800px;
  perspective-origin: 50% 0%;
}
.u-267 {
  position: relative;
  max-width: 1120px;
  margin: 0 auto;
  transform-style: preserve-3d;
  transform-origin: 50% 30%;
  will-change: transform, opacity;
}
.u-268 {
  position: absolute;
  inset: 6% 4% -6%;
  background: radial-gradient(ellipse at center, rgba(10,92,245,0.45), transparent 70%);
  filter: blur(50px);
  transform: translateZ(-120px);
  pointer-events: none;
}
.u-269 {
  position: relative;
  display: flex;
  background: #f4f6fa;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.14);
  box-shadow: 0 60px 120px -30px rgba(0,0,0,0.8), 0 0 0 1px rgba(255,255,255,0.04);
}
.u-270 {
  width: 60px;
  flex-shrink: 0;
  background: #fff;
  border-right: 1px solid #e6e9f0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  padding: 16px 0;
  color: #1c2333;
}
.u-271 {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.u-272 {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: #e8f0ff;
  color: #0a5cf5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.u-273 {
  flex: 1;
  min-width: 0;
  padding: 18px clamp(14px,2.4vw,28px) 26px;
}
.u-274 {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #fff;
  border: 1px solid #e6e9f0;
  border-radius: 12px;
  padding: 8px 12px;
  margin-bottom: 22px;
}
.u-275 {
  width: 30px;
  height: 24px;
  border-radius: 8px;
  background: #e8f0ff;
}
.u-276 {
  font-size: 11px;
  color: #9aa2b5;
}
.u-277 {
  font-size: 12px;
  font-weight: 600;
  color: #0b1530;
}
.u-278 {
  font-size: clamp(17px,1.8vw,22px);
  font-weight: 700;
  color: #0b1530;
  letter-spacing: -0.3px;
}
.u-279 {
  font-size: 12px;
  color: #6b7286;
  margin: 4px 0 18px;
}
.u-280 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%,220px),1fr));
  gap: 12px;
  margin-bottom: 14px;
}
.u-281 {
  background: #fff;
  border: 1px solid #e6e9f0;
  border-radius: 16px;
  padding: 14px 16px 8px;
}
.u-282 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.u-283 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #e8f0ff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.u-284 {
  width: 11px;
  height: 11px;
  border-radius: 3px;
  border: 2px solid #0a5cf5;
}
.u-285 {
  font-size: 11px;
  font-weight: 700;
  color: #08a94e;
}
.u-286 {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin-top: 10px;
}
.u-287 {
  font-size: 11px;
  color: #6b7286;
}
.u-288 {
  font-size: 26px;
  font-weight: 800;
  color: #0b1530;
  letter-spacing: -0.5px;
  font-variant-numeric: tabular-nums;
}
.u-289 {
  font-size: 13px;
  color: #6b7286;
}
.u-290 {
  font-size: 11px;
  color: #6b7286;
  margin-bottom: 6px;
}
.u-291 {
  width: 100%;
  height: 64px;
  display: block;
  overflow: visible;
}
.u-292 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #fff4d6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.u-293 {
  width: 11px;
  height: 11px;
  border-radius: 3px;
  border: 2px solid #e39b00;
}
.u-294 {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #efeaff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.u-295 {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  border: 2px solid #7c5cff;
}
.u-296 {
  background: #fff;
  border: 1px solid #e6e9f0;
  border-radius: 16px;
  padding: 16px 18px 14px;
}
.u-297 {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 6px;
}
.u-298 {
  font-size: 14px;
  font-weight: 700;
  color: #0b1530;
}
.u-299 {
  position: relative;
  display: flex;
  gap: 10px;
  padding-top: 28px;
}
.u-300 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 200px;
  font-size: 10px;
  color: #9aa2b5;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.u-301 {
  position: relative;
  flex: 1;
  height: 200px;
  display: flex;
  align-items: flex-end;
  gap: clamp(6px,1.4vw,18px);
  border-bottom: 1px solid #e6e9f0;
  background-image: linear-gradient(#eef1f6 1px, transparent 1px);
  background-size: 100% 50px;
}
.u-302 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 83.8%;
  border-top: 1.5px dashed #b7bfd0;
  transform-origin: left;
}
.u-303 {
  position: relative;
  flex: 1;
  height: 83.3%;
  background: #12b981;
  border-radius: 6px 6px 2px 2px;
  transform-origin: bottom;
  transition: opacity 0.3s;
}
.u-304 {
  position: absolute;
  left: 50%;
  top: -18px;
  transform: translateX(-50%);
  font-size: 11px;
  font-weight: 700;
  color: #0b1530;
}
.u-305 {
  position: relative;
  flex: 1;
  height: 82.5%;
  background: #12b981;
  border-radius: 6px 6px 2px 2px;
  transform-origin: bottom;
  transition: opacity 0.3s;
}
.u-306 {
  position: relative;
  flex: 1;
  height: 78.3%;
  background: #12b981;
  border-radius: 6px 6px 2px 2px;
  transform-origin: bottom;
  transition: opacity 0.3s;
}
.u-307 {
  position: relative;
  flex: 1;
  height: 81.7%;
  background: #12b981;
  border-radius: 6px 6px 2px 2px;
  transform-origin: bottom;
  transition: opacity 0.3s;
}
.u-308 {
  position: relative;
  flex: 1;
  height: 85%;
  background: #12b981;
  border-radius: 6px 6px 2px 2px;
  transform-origin: bottom;
  transition: opacity 0.3s;
}
.u-309 {
  position: relative;
  flex: 1;
  height: 90%;
  background: #12b981;
  border-radius: 6px 6px 2px 2px;
  transform-origin: bottom;
  transition: opacity 0.3s;
}
.u-310 {
  position: relative;
  flex: 1;
  height: 87.5%;
  background: #12b981;
  border-radius: 6px 6px 2px 2px;
  transform-origin: bottom;
  transition: opacity 0.3s;
}
.u-311 {
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translate(-50%,-12px);
  opacity: 0;
  pointer-events: none;
  background: #0b1530;
  color: #fff;
  border-radius: 10px;
  padding: 8px 11px;
  white-space: nowrap;
  box-shadow: 0 12px 28px -8px rgba(11,21,48,0.45);
  transition: left 0.55s cubic-bezier(.16,1,.3,1), bottom 0.55s cubic-bezier(.16,1,.3,1), opacity 0.3s;
  z-index: 2;
}
.u-312 {
  font-size: 10px;
  color: rgba(255,255,255,0.6);
  letter-spacing: 0.6px;
}
.u-313 {
  font-size: 14px;
  font-weight: 700;
}
.u-314 {
  display: flex;
  gap: clamp(6px,1.4vw,18px);
  padding-left: 24px;
  margin-top: 6px;
  font-size: 10px;
  color: #9aa2b5;
}
.u-315 {
  flex: 1;
  text-align: center;
}
.u-316 {
  position: absolute;
  left: clamp(-10px,-2vw,-40px);
  bottom: clamp(40px,12%,90px);
  background: #fff;
  border-radius: 14px;
  padding: 12px 16px;
  box-shadow: 0 30px 60px -20px rgba(0,0,0,0.6);
  display: flex;
  align-items: center;
  gap: 12px;
}
.u-317 {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: #e3f7ea;
  color: #08893f;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 800;
}
.u-318 {
  font-size: 10px;
  color: #6b7286;
}
.u-319 {
  font-size: 16px;
  font-weight: 800;
  color: #0b1530;
}
.u-320 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(330px,1fr));
  gap: clamp(40px,5vw,72px);
  align-items: center;
}
.u-321 {
  width: 100%;
  height: clamp(300px,34vw,400px);
  display: block;
  object-fit: cover;
  object-position: center 35%;
  border-radius: 16px;
}
.u-322 {
  position: absolute;
  right: -8px;
  bottom: -22px;
  background: #fff;
  border: 1px solid #e1e5ef;
  border-radius: 14px;
  padding: 16px 20px;
  box-shadow: 0 24px 50px -20px rgba(11,21,48,0.28);
  min-width: 180px;
}
.u-323 {
  font-size: 10px;
  color: #6b7286;
  margin-bottom: 4px;
}
.u-324 {
  font-size: 26px;
  font-weight: 800;
  color: #08893f;
  line-height: 1;
}
.u-325 {
  font-size: 10px;
  color: #6b7286;
  margin-top: 3px;
}
.u-326 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(8,137,63,0.25);
  background: #e3f7ea;
  border-radius: 60px;
  padding: 5px 14px;
  margin-bottom: 22px;
}
.u-327 {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #08893f;
}
.u-328 {
  font-size: 10px;
  font-weight: 700;
  color: #08893f;
  letter-spacing: 1.4px;
}
.u-329 {
  font-size: clamp(30px,3.8vw,52px);
  font-weight: 600;
  letter-spacing: -1px;
  color: #0b1530;
  line-height: 1.0;
  margin-bottom: 20px;
}
.u-330 {
  font-size: 15px;
  color: #4a5168;
  line-height: 1.7;
  max-width: 500px;
  margin-bottom: 30px;
}
.u-331 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.u-332 {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  background: #0a5cf5;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #fff;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 800;
}
.u-333 {
  font-size: 14px;
  color: #2c3349;
}
.u-334 {
  padding: 100px 0;
  background: #000;
  overflow: hidden;
  position: relative;
}
.u-335 {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 50% 60% at 30% 35%, rgba(10,92,245,0.1) 0%, transparent 62%);
  pointer-events: none;
}
.u-336 {
  text-align: center;
  max-width: 640px;
  margin: 0 auto 52px;
}
.u-337 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(10,92,245,0.4);
  border-radius: 60px;
  padding: 5px 14px;
  margin-bottom: 22px;
}
.u-338 {
  font-size: 10px;
  font-weight: 700;
  color: #7aa6ff;
  letter-spacing: 1.4px;
}
.u-339 {
  font-size: clamp(30px,3.8vw,52px);
  font-weight: 600;
  letter-spacing: -1px;
  color: #fff;
  line-height: 1.0;
  margin-bottom: 18px;
}
.u-340 {
  font-size: 15px;
  color: #9c9ca6;
  line-height: 1.7;
  max-width: 520px;
  margin: 0 auto;
}
.u-341 {
  display: grid;
  grid-template-columns: minmax(0,1.08fr) minmax(0,0.82fr);
  gap: clamp(26px,3vw,44px);
  align-items: stretch;
}
.u-342 {
  position: relative;
  display: flex;
}
.u-343 {
  position: absolute;
  inset: -1px;
  border-radius: 19px;
  background: linear-gradient(140deg, rgba(10,92,245,0.6), rgba(51,208,255,0.18) 55%, transparent 80%);
  pointer-events: none;
  z-index: 0;
}
.u-344 {
  position: relative;
  z-index: 1;
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #0a0a0a;
  border: 1px solid rgba(10,92,245,0.3);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 30px 90px rgba(10,92,245,0.18);
  animation: cardGlow 4s ease-in-out infinite;
}
.u-345 {
  padding: 15px 18px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  display: flex;
  align-items: center;
  gap: 11px;
  background: linear-gradient(135deg, rgba(10,92,245,0.16), rgba(0,0,0,0));
}
.u-346 {
  position: relative;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
}
.u-347 {
  position: absolute;
  inset: -4px;
  border-radius: 11px;
  background: rgba(10,92,245,0.35);
  filter: blur(7px);
}
.u-348 {
  position: relative;
  width: 32px;
  height: 32px;
  background: linear-gradient(140deg,#2f7bff,#0840b0);
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.u-349 {
  width: 17px;
  height: auto;
  display: block;
}
.u-350 {
  font-size: 13px;
  font-weight: 700;
  color: #fff;
}
.u-351 {
  font-size: 10px;
  color: #86a3d9;
}
.u-352 {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #03e65b;
  animation: blink 1.6s ease-in-out infinite;
}
.u-353 {
  font-size: 9px;
  font-weight: 700;
  color: #03e65b;
  letter-spacing: 0.5px;
}
.u-354 {
  flex: 1;
  min-height: clamp(300px,32vw,348px);
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 11px;
  justify-content: flex-end;
  overflow: hidden;
}
.u-355 {
  padding: 13px 15px;
  border-top: 1px solid rgba(255,255,255,0.06);
  background: #070707;
  display: flex;
  align-items: center;
  gap: 10px;
}
.u-356 {
  flex: 1;
  min-height: 42px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(10,92,245,0.22);
  border-radius: 11px;
  padding: 0 14px;
  font-size: 12px;
  color: #cfcfcf;
  display: flex;
  align-items: center;
}
.u-357 {
  white-space: pre-wrap;
}
.u-358 {
  display: inline-block;
  width: 1.5px;
  height: 14px;
  background: #7aa6ff;
  margin-left: 1px;
  animation: blink 1s step-end infinite;
}
.u-359 {
  background: linear-gradient(140deg,#2f7bff,#0848c4);
  color: #fff;
  border: none;
  border-radius: 11px;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 16px rgba(10,92,245,0.4);
  flex-shrink: 0;
  font-size: 14px;
}
.u-360 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.u-361 {
  flex: 1;
  display: flex;
  gap: 13px;
  align-items: center;
  background: #0a0a0a;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 14px;
  padding: 17px;
  transition: border-color 0.45s ease, background 0.45s ease, box-shadow 0.45s ease, transform 0.45s ease;
}
.u-362 {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: rgba(10,92,245,0.12);
  border: 1px solid rgba(10,92,245,0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #7aa6ff;
  font-size: 16px;
  transition: background 0.45s ease;
}
.u-363 {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 3px;
}
.u-364 {
  font-size: 11.5px;
  color: #9c9ca6;
  line-height: 1.5;
}
.u-365 {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: rgba(51,208,255,0.12);
  border: 1px solid rgba(51,208,255,0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #33d0ff;
  font-size: 16px;
  transition: background 0.45s ease;
}
.u-366 {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: rgba(3,230,91,0.12);
  border: 1px solid rgba(3,230,91,0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #03e65b;
  font-size: 16px;
  transition: background 0.45s ease;
}
.u-367 {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  background: rgba(255,197,51,0.12);
  border: 1px solid rgba(255,197,51,0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #ffc533;
  font-size: 16px;
  transition: background 0.45s ease;
}
.u-368 {
  padding: 96px 0 100px;
  background: #f5f5f7;
}
.u-369 {
  text-align: center;
  margin-bottom: 50px;
}
.u-370 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(184,130,10,0.35);
  border-radius: 60px;
  padding: 5px 14px;
  margin-bottom: 22px;
  background: rgba(255,197,51,0.12);
}
.u-371 {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #f5a623;
}
.u-372 {
  font-size: 10px;
  font-weight: 700;
  color: #b8820a;
  letter-spacing: 1.4px;
}
.u-373 {
  font-size: clamp(28px,3.8vw,52px);
  font-weight: 600;
  letter-spacing: -1px;
  color: #0e1016;
  line-height: 1.0;
}
.u-374 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 14px;
}
.u-375 {
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.07);
  border-radius: 14px;
  padding: 26px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 1px 2px rgba(16,18,40,0.04), 0 12px 30px rgba(16,18,40,0.06);
  transition: border-color 0.3s, transform 0.3s, box-shadow 0.3s;
}
.u-376 {
  display: flex;
  gap: 3px;
  margin-bottom: 18px;
  color: #f5a623;
  font-size: 13px;
  letter-spacing: 2px;
}
.u-377 {
  font-size: 13.5px;
  color: #3f414e;
  line-height: 1.65;
  flex: 1;
  margin-bottom: 22px;
}
.u-378 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 18px;
  border-top: 1px solid rgba(0,0,0,0.08);
}
.u-379 {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: linear-gradient(140deg,#2f7bff,#0840b0);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.u-380 {
  font-size: 12px;
  font-weight: 800;
  color: #fff;
}
.u-381 {
  font-size: 13px;
  font-weight: 700;
  color: #0e1016;
}
.u-382 {
  font-size: 11px;
  color: #8a8c98;
}
.u-383 {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: linear-gradient(140deg,#33d0ff,#1f8fce);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.u-384 {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: linear-gradient(140deg,#03e65b,#06a847);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.u-385 {
  padding: 104px 0;
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #14123c 0%, #0a2463 46%, #2b2aa0 100%);
}
.u-386 {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 70% 90% at 12% 8%, rgba(120,138,255,0.42) 0%, transparent 58%);
  pointer-events: none;
}
.u-387 {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 60% 80% at 92% 96%, rgba(51,208,255,0.22) 0%, transparent 60%);
  pointer-events: none;
}
.u-388 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 60px;
  align-items: center;
}
.u-389 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(255,255,255,0.25);
  border-radius: 60px;
  padding: 5px 14px;
  margin-bottom: 20px;
  background: rgba(255,255,255,0.06);
}
.u-390 {
  font-size: 10px;
  font-weight: 700;
  color: rgba(255,255,255,0.85);
  letter-spacing: 1.2px;
}
.u-391 {
  font-size: clamp(32px,4.5vw,60px);
  font-weight: 600;
  letter-spacing: -1px;
  color: #fff;
  line-height: 0.9;
  margin-bottom: 20px;
}
.u-392 {
  font-size: 15px;
  color: rgba(255,255,255,0.72);
  line-height: 1.65;
  max-width: 420px;
}
.u-393 {
  margin-top: 36px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.u-394 {
  display: flex;
  align-items: center;
  gap: 10px;
}
.u-395 {
  width: 5px;
  height: 5px;
  background: #4ade80;
  border-radius: 50%;
  box-shadow: 0 0 8px rgba(74,222,128,0.7);
}
.u-396 {
  font-size: 13px;
  color: rgba(255,255,255,0.82);
}
.u-397 {
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.16);
  border-radius: 16px;
  padding: 32px;
  backdrop-filter: blur(14px);
  box-shadow: 0px 30px 80px 0px #0A082822;
}
.u-398 {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 6px;
}
.u-399 {
  font-size: 13px;
  color: rgba(255,255,255,0.6);
  margin-bottom: 24px;
}
.u-400 {
  width: 100%;
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 8px;
  padding: 12px 14px;
  font-size: 13px;
  color: #FFFFFF;
  outline: none;
  position: static;
}
.u-401 {
  width: 100%;
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 8px;
  padding: 12px 14px;
  font-size: 13px;
  color: #fff;
  outline: none;
}
.u-402 {
  width: 100%;
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 8px;
  padding: 12px 14px;
  font-size: 13px;
  color: rgba(255,255,255,0.85);
  outline: none;
  appearance: none;
}
.u-403 {
  background: #0a2463;
}
.u-404 {
  width: 100%;
  background: #ff5d4b;
  color: #fff;
  border: none;
  border-radius: 60px;
  padding: 14px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s;
  margin-top: 4px;
}
.hv-1:active {
  transform: scale(0.93);
}
.hv-2:hover {
  opacity: 0.95;
}
.hv-3:hover {
  border-color: rgba(10,92,245,0.45);
  transform: translateY(-4px);
  box-shadow: 0 1px 2px rgba(16,18,40,0.05), 0 22px 46px rgba(16,18,40,0.12);
}
.hv-4:hover {
  border-color: rgba(184,130,10,0.5);
  transform: translateY(-4px);
  box-shadow: 0 1px 2px rgba(16,18,40,0.05), 0 22px 46px rgba(16,18,40,0.12);
}
.hv-5:hover {
  border-color: rgba(226,58,118,0.45);
  transform: translateY(-4px);
  box-shadow: 0 1px 2px rgba(16,18,40,0.05), 0 22px 46px rgba(16,18,40,0.12);
}
.hv-6:hover {
  border-color: rgba(229,68,47,0.45);
  transform: translateY(-4px);
  box-shadow: 0 1px 2px rgba(16,18,40,0.05), 0 22px 46px rgba(16,18,40,0.12);
}
.hv-7:hover {
  transform: translateY(-6px);
  box-shadow: 0 30px 60px -30px rgba(11,21,48,0.25);
}
.hv-8:hover {
  border-color: rgba(10,92,245,0.4);
  transform: translateY(-4px);
  box-shadow: 0 1px 2px rgba(16,18,40,0.05), 0 22px 46px rgba(16,18,40,0.12);
}
.hv-9:hover {
  border-color: rgba(51,208,255,0.45);
  transform: translateY(-4px);
  box-shadow: 0 1px 2px rgba(16,18,40,0.05), 0 22px 46px rgba(16,18,40,0.12);
}
.hv-10:hover {
  border-color: rgba(3,230,91,0.4);
  transform: translateY(-4px);
  box-shadow: 0 1px 2px rgba(16,18,40,0.05), 0 22px 46px rgba(16,18,40,0.12);
}
.hv-11:hover {
  background: #ff4631;
  box-shadow: 0 0 34px rgba(255,93,75,0.5);
}

/* ===== Product page ===== */
.u-405 {
  padding-top: 60px;
}
.u-406 {
  background: #03060f;
  text-align: center;
  position: sticky;
  top: 60px;
  z-index: 0;
  height: calc(100vh - 60px);
  min-height: 600px;
  max-height: 860px;
}
.u-407 {
  position: absolute;
  inset: 0;
  background: #03060f;
  overflow: hidden;
  transform-origin: 50% 0%;
  will-change: transform;
}
.u-408 {
  position: absolute;
  left: 50%;
  top: -30%;
  width: 120%;
  height: 90%;
  margin-left: -60%;
  background: radial-gradient(ellipse 45% 55% at 50% 40%, rgba(10,92,245,0.55), rgba(10,92,245,0.12) 45%, transparent 70%);
  filter: blur(20px);
  animation: phSweep 14s ease-in-out infinite;
  pointer-events: none;
}
.u-409 {
  position: absolute;
  left: 12%;
  bottom: 6%;
  width: 380px;
  height: 380px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(51,208,255,0.22), transparent 65%);
  filter: blur(14px);
  animation: floatA 10s ease-in-out infinite;
  pointer-events: none;
}
.u-410 {
  position: absolute;
  right: 10%;
  bottom: 12%;
  width: 340px;
  height: 340px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(124,92,255,0.22), transparent 65%);
  filter: blur(14px);
  animation: floatB 12s ease-in-out infinite;
  pointer-events: none;
}
.u-411 {
  position: absolute;
  left: -20%;
  right: -20%;
  bottom: -10%;
  height: 58%;
  perspective: 520px;
  pointer-events: none;
}
.u-412 {
  position: absolute;
  inset: 0;
  transform: rotateX(64deg);
  transform-origin: 50% 100%;
  background-image: linear-gradient(rgba(122,166,255,0.22) 1px, transparent 1px), linear-gradient(90deg, rgba(122,166,255,0.22) 1px, transparent 1px);
  background-size: 64px 64px;
  animation: phGrid 3.2s linear infinite;
  mask-image: linear-gradient(to top, #000 10%, transparent 85%);
  -webkit-mask-image: linear-gradient(to top, #000 10%, transparent 85%);
}
.u-413 {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 40px 40px;
  will-change: transform, opacity;
}
.u-414 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(122,166,255,0.3);
  background: rgba(10,92,245,0.14);
  border-radius: 60px;
  padding: 6px 15px;
  margin-bottom: 28px;
  animation: phRise 0.9s cubic-bezier(.16,1,.3,1) both;
}
.u-415 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #33d0ff;
  box-shadow: 0 0 10px #33d0ff;
}
.u-416 {
  font-size: 10px;
  font-weight: 700;
  color: #a9c4ff;
  letter-spacing: 1.6px;
}
.u-417 {
  font-size: clamp(40px,6.2vw,92px);
  font-weight: 600;
  letter-spacing: -2px;
  color: #fff;
  line-height: 0.95;
  margin-bottom: 24px;
  max-width: 1000px;
  text-wrap: balance;
}
.u-418 {
  display: block;
  animation: phRise 1s cubic-bezier(.16,1,.3,1) 0.12s both;
}
.u-419 {
  display: block;
  padding-bottom: 0.08em;
  background: linear-gradient(90deg, #7aa6ff 0%, #33d0ff 50%, #b9a6ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: phRise 1s cubic-bezier(.16,1,.3,1) 0.26s both;
}
.u-420 {
  font-size: 17px;
  color: rgba(255,255,255,0.68);
  line-height: 1.65;
  max-width: 600px;
  margin: 0 auto;
  text-wrap: pretty;
  animation: phRise 1s cubic-bezier(.16,1,.3,1) 0.42s both;
}
.u-421 {
  position: absolute;
  left: 50%;
  bottom: 28px;
  margin-left: -12px;
  width: 24px;
  height: 38px;
  border-radius: 14px;
  border: 1.5px solid rgba(255,255,255,0.35);
  display: flex;
  justify-content: center;
  padding-top: 7px;
  animation: phRise 1s ease 0.8s both;
}
.u-422 {
  width: 3px;
  height: 8px;
  border-radius: 2px;
  background: #fff;
  animation: phCue 1.6s ease-in-out infinite;
}
.u-423 {
  border-bottom: 1px solid rgba(11,21,48,0.08);
  padding: 0 40px;
  position: sticky;
  top: 60px;
  z-index: 50;
  background: #fff;
  border-radius: 28px 28px 0 0;
  box-shadow: 0 -24px 60px -10px rgba(0,0,0,0.55);
}
.u-424 {
  max-width: 1300px;
  margin: 0 auto;
  display: flex;
  gap: 0;
  overflow-x: auto;
}
.u-425 {
  overflow-anchor: none;
  padding: 100px 0;
  background: #f6f7fb;
  border-bottom: 1px solid rgba(11,21,48,0.06);
  position: relative;
  overflow: hidden;
}
.u-426 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse 55% 60% at 68% 55%, var(--mod-glow) 0%, transparent 65%);
  transition: background 0.9s ease;
}
.u-427 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(rgba(11,21,48,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(11,21,48,0.05) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: radial-gradient(ellipse 70% 70% at 50% 50%, #000 30%, transparent 80%);
}
.u-428 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(10,92,245,0.4);
  border-radius: 60px;
  padding: 5px 14px;
  margin-bottom: 16px;
}
.u-429 {
  font-size: 10px;
  font-weight: 600;
  color: #0a5cf5;
  letter-spacing: 1.2px;
}
.u-430 {
  font-size: clamp(28px,3.5vw,48px);
  font-weight: 600;
  letter-spacing: -0.8px;
  color: #0b1530;
  line-height: 0.95;
  margin-bottom: 14px;
}
.u-431 {
  font-size: 15px;
  color: #4a5168;
  max-width: 480px;
  margin: 0 auto;
  line-height: 1.6;
}
.u-432 {
  display: grid;
  grid-template-columns: minmax(0,320px) minmax(0,1fr);
  gap: 16px;
  align-items: stretch;
}
.u-433 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  background: #fff;
  border: 1px solid rgba(11,21,48,0.07);
  border-radius: 18px;
  padding: 8px;
  box-shadow: 0 20px 50px rgba(11,21,48,0.07);
}
.u-434 {
  --dot: #7aa6ff;
}
.u-435 {
  --dot: #03c853;
}
.u-436 {
  --dot: #7a5cff;
}
.u-437 {
  --dot: #ff3386;
}
.u-438 {
  --dot: #33d0ff;
}
.u-439 {
  --dot: #03e65b;
}
.u-440 {
  --dot: #ffc533;
}
.u-441 {
  --dot: #0a5cf5;
}
.u-442 {
  --dot: #ff5d4b;
}
.u-443 {
  position: relative;
  background: #fff;
  border: 1px solid rgba(11,21,48,0.07);
  box-shadow: 0 30px 80px rgba(11,21,48,0.08);
  border-radius: 20px;
  padding: clamp(22px,3vw,44px);
  height: 560px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
}
.u-444 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: clamp(24px,3vw,44px);
  align-items: center;
}
.u-445 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.u-446 {
  align-self: flex-start;
  font-size: 10px;
  font-weight: 700;
  background: #7aa6ff;
  color: #000;
  padding: 4px 12px;
  border-radius: 60px;
  letter-spacing: 1px;
}
.u-447 {
  font-size: clamp(26px,2.6vw,38px);
  font-weight: 700;
  letter-spacing: -0.8px;
  line-height: 1.05;
  color: #0b1530;
  text-wrap: balance;
}
.u-448 {
  font-size: 15px;
  color: #4a5168;
  line-height: 1.65;
  text-wrap: pretty;
}
.u-449 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.u-450 {
  font-size: 12px;
  font-weight: 600;
  color: #0b1530;
  background: rgba(11,21,48,0.06);
  padding: 6px 12px;
  border-radius: 60px;
}
.u-451 {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #0b1530;
  color: #fff;
  border: none;
  border-radius: 60px;
  padding: 11px 20px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: transform 0.2s;
}
.u-452 {
  font-size: 14px;
}
.u-453 {
  background: #fff;
  border-radius: 18px;
  padding: clamp(16px,2vw,26px);
  box-shadow: 0 30px 70px rgba(11,21,48,0.16), 0 0 0 1px rgba(11,21,48,0.06);
  transform-style: preserve-3d;
  transition: transform 0.5s cubic-bezier(.16,1,.3,1);
  will-change: transform;
}
.u-454 {
  zoom: 1.45;
}
.u-455 {
  background: #f6f6f8;
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 10px;
  padding: 13px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.u-456 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 7px;
  padding: 8px 10px;
}
.u-457 {
  font-size: 10px;
  color: #444;
  font-weight: 600;
}
.u-458 {
  font-size: 9px;
  font-weight: 700;
  color: #03a247;
}
.u-459 {
  font-size: 9px;
  font-weight: 700;
  color: #0a5cf5;
}
.u-460 {
  font-size: 9px;
  font-weight: 700;
  color: #82828e;
}
.u-461 {
  align-self: flex-start;
  font-size: 10px;
  font-weight: 700;
  background: #03c853;
  color: #000;
  padding: 4px 12px;
  border-radius: 60px;
  letter-spacing: 1px;
}
.u-462 {
  font-size: 12px;
  font-weight: 600;
  color: #03a247;
  background: rgba(3,200,83,0.08);
  padding: 6px 12px;
  border-radius: 60px;
}
.u-463 {
  align-self: flex-start;
  font-size: 10px;
  font-weight: 700;
  background: #7a5cff;
  color: #fff;
  padding: 4px 12px;
  border-radius: 60px;
  letter-spacing: 1px;
}
.u-464 {
  font-size: 12px;
  font-weight: 600;
  color: #7a5cff;
  background: rgba(122,92,255,0.08);
  padding: 6px 12px;
  border-radius: 60px;
}
.u-465 {
  font-size: 9px;
  font-weight: 700;
  color: #d6a00f;
}
.u-466 {
  align-self: flex-start;
  font-size: 10px;
  font-weight: 700;
  background: #ff3386;
  color: #fff;
  padding: 4px 12px;
  border-radius: 60px;
  letter-spacing: 1px;
}
.u-467 {
  font-size: 12px;
  font-weight: 600;
  color: #ff3386;
  background: rgba(255,51,134,0.08);
  padding: 6px 12px;
  border-radius: 60px;
}
.u-468 {
  background: #f6f6f8;
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 10px;
  padding: 13px;
}
.u-469 {
  font-size: 9px;
  font-weight: 700;
  color: #999;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}
.u-470 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 7px;
}
.u-471 {
  font-size: 9px;
  color: #a2a2ac;
  width: 48px;
  flex-shrink: 0;
}
.u-472 {
  flex: 1;
  height: 5px;
  background: rgba(0,0,0,0.06);
  border-radius: 3px;
}
.u-473 {
  width: 28%;
  height: 100%;
  background: #03c853;
  border-radius: 3px;
}
.u-474 {
  width: 55%;
  height: 100%;
  background: #ff3386;
  border-radius: 3px;
}
.u-475 {
  display: flex;
  align-items: center;
  gap: 8px;
}
.u-476 {
  width: 17%;
  height: 100%;
  background: #ff5d4b;
  border-radius: 3px;
}
.u-477 {
  align-self: flex-start;
  font-size: 10px;
  font-weight: 700;
  background: #33d0ff;
  color: #000;
  padding: 4px 12px;
  border-radius: 60px;
  letter-spacing: 1px;
}
.u-478 {
  font-size: 12px;
  font-weight: 600;
  color: #33d0ff;
  background: rgba(51,208,255,0.08);
  padding: 6px 12px;
  border-radius: 60px;
}
.u-479 {
  font-weight: normal;
}
.u-480 {
  font-size: 24px;
  font-weight: 800;
  color: #0e9fc4;
  line-height: 1;
}
.u-481 {
  font-size: 9px;
  color: #999;
  margin: 3px 0 10px;
}
.u-482 {
  flex: 1;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 6px;
  padding: 7px;
  text-align: center;
}
.u-483 {
  font-size: 13px;
  font-weight: 800;
  color: #03c853;
}
.u-484 {
  font-size: 8px;
  color: #999;
}
.u-485 {
  font-size: 13px;
  font-weight: 800;
  color: #d6a00f;
}
.u-486 {
  font-size: 13px;
  font-weight: 800;
  color: #ff5d4b;
}
.u-487 {
  align-self: flex-start;
  font-size: 10px;
  font-weight: 700;
  background: #03e65b;
  color: #000;
  padding: 4px 12px;
  border-radius: 60px;
  letter-spacing: 1px;
}
.u-488 {
  font-size: 12px;
  font-weight: 600;
  color: #03e65b;
  background: rgba(3,230,91,0.08);
  padding: 6px 12px;
  border-radius: 60px;
}
.u-489 {
  align-self: flex-start;
  font-size: 10px;
  font-weight: 700;
  background: #ffc533;
  color: #000;
  padding: 4px 12px;
  border-radius: 60px;
  letter-spacing: 1px;
}
.u-490 {
  font-size: 12px;
  font-weight: 600;
  color: #ffc533;
  background: rgba(255,197,51,0.08);
  padding: 6px 12px;
  border-radius: 60px;
}
.u-491 {
  background: #f6f6f8;
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 10px;
  padding: 13px;
  display: flex;
  gap: 10px;
}
.u-492 {
  font-size: 22px;
  font-weight: 800;
  color: #ff5d4b;
  line-height: 1;
}
.u-493 {
  font-size: 9px;
  color: #999;
  margin-top: 3px;
}
.u-494 {
  flex: 1;
  border-left: 1px solid rgba(0,0,0,0.08);
  padding-left: 10px;
}
.u-495 {
  font-size: 22px;
  font-weight: 800;
  color: #0e9fc4;
  line-height: 1;
}
.u-496 {
  align-self: flex-start;
  font-size: 10px;
  font-weight: 700;
  background: #0a5cf5;
  color: #fff;
  padding: 4px 12px;
  border-radius: 60px;
  letter-spacing: 1px;
}
.u-497 {
  font-size: 12px;
  font-weight: 600;
  color: #7aa6ff;
  background: rgba(10,92,245,0.08);
  padding: 6px 12px;
  border-radius: 60px;
}
.u-498 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
}
.u-499 {
  height: 5px;
  background: rgba(0,0,0,0.06);
  border-radius: 3px;
}
.u-500 {
  width: 92%;
  height: 100%;
  background: #0a5cf5;
  border-radius: 3px;
}
.u-501 {
  width: 64%;
  height: 100%;
  background: #0a5cf5;
  border-radius: 3px;
}
.u-502 {
  align-self: flex-start;
  font-size: 10px;
  font-weight: 700;
  background: #ff5d4b;
  color: #fff;
  padding: 4px 12px;
  border-radius: 60px;
  letter-spacing: 1px;
}
.u-503 {
  font-size: 12px;
  font-weight: 600;
  color: #ff5d4b;
  background: rgba(255,93,75,0.08);
  padding: 6px 12px;
  border-radius: 60px;
}
.u-504 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}
.u-505 {
  background: #fff;
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 6px;
  padding: 8px;
}
.u-506 {
  font-size: 14px;
  font-weight: 800;
  color: #111;
}
.u-507 {
  font-size: 14px;
  font-weight: 800;
  color: #03a247;
}
.u-508 {
  font-size: 14px;
  font-weight: 800;
  color: #0a5cf5;
}
.u-509 {
  font-size: 14px;
  font-weight: 800;
  color: #d6a00f;
}
.u-510 {
  padding: 80px 0;
  background: #ffffff;
  border-bottom: 1px solid rgba(11,21,48,0.07);
}
.u-511 {
  font-size: 9px;
  font-weight: 700;
  color: #6b7286;
  letter-spacing: 1.5px;
}
.u-512 {
  font-size: clamp(26px,3.5vw,46px);
  font-weight: 600;
  letter-spacing: -0.8px;
  color: #0b1530;
  line-height: 0.9;
  margin: 14px 0 16px;
}
.u-513 {
  font-size: 14px;
  color: #4a5168;
  line-height: 1.65;
  margin-bottom: 24px;
}
.u-514 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 28px;
}
.u-515 {
  font-size: 11px;
  font-weight: 600;
  background: rgba(11,21,48,0.07);
  color: #4a5168;
  padding: 5px 12px;
  border-radius: 60px;
  border: 1px solid rgba(11,21,48,0.112);
}
.u-516 {
  background: #fff;
  border: 1px solid rgba(11,21,48,0.112);
  border-radius: 14px;
  overflow: hidden;
  animation: floatA 7s ease-in-out infinite;
  will-change: transform;
}
.u-517 {
  padding: 14px 18px;
  border-bottom: 1px solid rgba(11,21,48,0.084);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.u-518 {
  font-size: 9px;
  background: rgba(11,21,48,0.07);
  color: #4a5168;
  padding: 3px 8px;
  border-radius: 4px;
}
.u-519 {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.u-520 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  background: #fff;
  border-radius: 8px;
}
.u-521 {
  width: 32px;
  height: 32px;
  background: #0a5cf5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.u-522 {
  font-size: 13px;
  font-weight: 700;
  color: #0b1530;
}
.u-523 {
  font-size: 10px;
  color: #4a5168;
}
.u-524 {
  font-size: 9px;
  background: rgba(3,230,91,0.1);
  color: #03a247;
  padding: 3px 7px;
  border-radius: 4px;
}
.u-525 {
  width: 32px;
  height: 32px;
  background: #ff3386;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.u-526 {
  width: 32px;
  height: 32px;
  background: #ffc533;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.u-527 {
  font-size: 13px;
  font-weight: 700;
  color: #000;
}
.u-528 {
  font-size: 9px;
  background: rgba(255,197,51,0.1);
  color: #b8820a;
  padding: 3px 7px;
  border-radius: 4px;
}
.u-529 {
  padding: 80px 0;
  background: #f6f7fb;
  border-bottom: 1px solid rgba(11,21,48,0.07);
}
.u-530 {
  padding: 20px;
}
.u-531 {
  font-size: 36px;
  font-weight: 600;
  color: #ffc533;
  letter-spacing: -1px;
  margin-bottom: 4px;
}
.u-532 {
  font-size: 11px;
  color: #4a5168;
  margin-bottom: 16px;
}
.u-533 {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}
.u-534 {
  flex: 1;
  background: #fff;
  border-radius: 7px;
  padding: 10px;
  text-align: center;
}
.u-535 {
  font-size: 16px;
  font-weight: 800;
  color: #03a247;
}
.u-536 {
  font-size: 9px;
  color: #6b7286;
}
.u-537 {
  font-size: 16px;
  font-weight: 800;
  color: #b8820a;
}
.u-538 {
  font-size: 16px;
  font-weight: 800;
  color: #0e9fc4;
}
.u-539 {
  font-size: 11px;
  color: #4a5168;
  border-top: 1px solid rgba(11,21,48,0.07);
  padding-top: 12px;
}
.u-540 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
}
.u-541 {
  width: 4px;
  height: 4px;
  background: #03e65b;
  border-radius: 50%;
}
.u-542 {
  padding: 80px 0;
  background: #050515;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}
.u-543 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(10,92,245,0.1);
  border: 1px solid rgba(10,92,245,0.25);
  border-radius: 60px;
  padding: 5px 14px;
  margin-bottom: 16px;
}
.u-544 {
  font-size: 10px;
  font-weight: 600;
  color: #7aa6ff;
  letter-spacing: 0.8px;
}
.u-545 {
  font-size: clamp(28px,4vw,52px);
  font-weight: 600;
  letter-spacing: -0.8px;
  color: #fff;
  line-height: 0.9;
  margin-bottom: 14px;
}
.u-546 {
  font-size: 14px;
  color: #8f8f9a;
  max-width: 520px;
  margin: 0 auto;
  line-height: 1.6;
}
.u-547 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
}
.u-548 {
  background: #0a0a0a;
  border: 1px solid rgba(10,92,245,0.2);
  border-radius: 12px;
  padding: 20px;
}
.u-549 {
  font-size: 9px;
  font-weight: 700;
  background: #0a5cf5;
  color: #fff;
  padding: 3px 10px;
  border-radius: 60px;
  display: inline-block;
  margin-bottom: 12px;
  letter-spacing: 0.8px;
}
.u-550 {
  font-size: 12px;
  color: #8f8f9a;
  line-height: 1.5;
}
.u-551 {
  background: #0a0a0a;
  border: 1px solid rgba(255,51,134,0.2);
  border-radius: 12px;
  padding: 20px;
}
.u-552 {
  font-size: 9px;
  font-weight: 700;
  background: #ff3386;
  color: #fff;
  padding: 3px 10px;
  border-radius: 60px;
  display: inline-block;
  margin-bottom: 12px;
  letter-spacing: 0.8px;
}
.u-553 {
  background: #0a0a0a;
  border: 1px solid rgba(255,197,51,0.2);
  border-radius: 12px;
  padding: 20px;
}
.u-554 {
  font-size: 9px;
  font-weight: 700;
  background: #ffc533;
  color: #000;
  padding: 3px 10px;
  border-radius: 60px;
  display: inline-block;
  margin-bottom: 12px;
  letter-spacing: 0.8px;
}
.u-555 {
  background: #0a0a0a;
  border: 1px solid rgba(51,208,255,0.2);
  border-radius: 12px;
  padding: 20px;
}
.u-556 {
  font-size: 9px;
  font-weight: 700;
  background: #33d0ff;
  color: #000;
  padding: 3px 10px;
  border-radius: 60px;
  display: inline-block;
  margin-bottom: 12px;
  letter-spacing: 0.8px;
}
.u-557 {
  padding: 80px 0;
  background: #f6f7fb;
  border-bottom: 1px solid rgba(11,21,48,0.06);
}
.u-558 {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.08);
  min-height: clamp(460px,56vw,640px);
}
.u-559 {
  position: absolute;
  left: 0;
  right: 0;
  top: -14%;
  width: 100%;
  height: 128%;
  object-fit: cover;
  object-position: center 30%;
  will-change: transform;
}
.u-560 {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 45%, transparent 75%);
}
.u-561 {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(24px,5vw,56px);
  max-width: 560px;
}
.u-562 {
  font-size: 9px;
  font-weight: 700;
  color: #7aa6ff;
  letter-spacing: 1.5px;
  margin-bottom: 12px;
}
.u-563 {
  font-size: clamp(22px,2.8vw,38px);
  font-weight: 600;
  letter-spacing: -0.6px;
  color: #fff;
  line-height: 1.0;
  margin-bottom: 12px;
}
.u-564 {
  font-size: 14px;
  color: #aaa;
  line-height: 1.6;
}
.u-565 {
  padding: 0 0 80px;
  background: #f6f7fb;
}
.u-566 {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.08);
  min-height: clamp(440px,54vw,620px);
}
.u-567 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.u-568 {
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0.55) 40%, rgba(0,0,0,0.1) 75%, transparent 100%);
}
.u-569 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: clamp(24px,4vw,40px);
}
.u-570 {
  font-size: clamp(18px,2.2vw,28px);
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.4px;
  max-width: 560px;
  line-height: 1.15;
}
.u-571 {
  padding: 80px 0;
  background: #ffffff;
  text-align: center;
}
.u-572 {
  max-width: 700px;
  margin: 0 auto;
  padding: 0 40px;
}
.u-573 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(11,21,48,0.112);
  border-radius: 60px;
  padding: 5px 14px;
  margin-bottom: 20px;
}
.u-574 {
  font-size: 10px;
  font-weight: 600;
  color: #6b7286;
  letter-spacing: 1.2px;
}
.u-575 {
  font-size: clamp(28px,4vw,52px);
  font-weight: 600;
  letter-spacing: -0.8px;
  color: #0b1530;
  line-height: 0.9;
  margin-bottom: 16px;
}
.u-576 {
  font-size: 14px;
  color: #4a5168;
  margin-bottom: 30px;
  line-height: 1.6;
}
.u-577 {
  background: #ff5d4b;
  color: #0b1530;
  border: none;
  border-radius: 60px;
  padding: 14px 32px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}
.hv-12:hover {
  transform: translateY(-2px);
}
.hv-13:hover {
  background: #ff4631;
}

/* ===== Solutions page ===== */
.u-578 {
  padding: 120px 0 90px;
  background: #000;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.u-579 {
  position: absolute;
  z-index: -1;
  left: 6%;
  top: -140px;
  width: 480px;
  height: 480px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(10,92,245,0.32), transparent 65%);
  filter: blur(14px);
  animation: floatA 9s ease-in-out infinite;
  pointer-events: none;
}
.u-580 {
  position: absolute;
  z-index: -1;
  right: 4%;
  bottom: -180px;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(51,208,255,0.18), transparent 65%);
  filter: blur(14px);
  animation: floatB 11s ease-in-out infinite;
  pointer-events: none;
}
.u-581 {
  position: absolute;
  z-index: -1;
  inset: 0;
  background-image: linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: radial-gradient(ellipse 60% 70% at 50% 40%, #000 20%, transparent 75%);
  pointer-events: none;
}
.u-582 {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 50% 50% at 50% 60%, rgba(10,92,245,0.07) 0%, transparent 70%);
  pointer-events: none;
}
.u-583 {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 40px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 60px;
  align-items: center;
  position: relative;
}
.u-584 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 60px;
  padding: 5px 14px;
  margin-bottom: 20px;
}
.u-585 {
  font-size: 10px;
  font-weight: 600;
  color: #82828e;
  letter-spacing: 1.2px;
}
.u-586 {
  font-size: clamp(32px,4.5vw,62px);
  font-weight: 600;
  letter-spacing: -1px;
  color: #fff;
  line-height: 0.9;
  margin-bottom: 18px;
}
.u-587 {
  color: #4d8bff;
}
.u-588 {
  font-size: 15px;
  color: #8f8f9a;
  line-height: 1.65;
  margin-bottom: 28px;
  max-width: 420px;
}
.u-589 {
  display: flex;
  gap: 10px;
}
.u-590 {
  background: #ff5d4b;
  color: #fff;
  border: none;
  border-radius: 60px;
  padding: 12px 24px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.u-591 {
  background: transparent;
  color: #fff;
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 60px;
  padding: 12px 24px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}
.u-592 {
  display: flex;
  justify-content: center;
}
.u-593 {
  background: #0a0a0a;
  border: 1px solid rgba(10,92,245,0.25);
  border-radius: 14px;
  padding: 20px;
  width: 320px;
  max-width: 100%;
  animation: floatB 7.5s ease-in-out infinite;
  will-change: transform;
  box-shadow: 0 30px 70px rgba(10,92,245,0.12);
}
.u-594 {
  font-size: 10px;
  font-weight: 700;
  color: #7aa6ff;
  letter-spacing: 0.8px;
  margin-bottom: 14px;
}
.u-595 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 12px;
}
.u-596 {
  background: #111;
  border-radius: 7px;
  padding: 12px;
}
.u-597 {
  font-size: 8px;
  color: #82828e;
  margin-bottom: 4px;
}
.u-598 {
  font-size: 20px;
  font-weight: 900;
  color: #0a5cf5;
}
.u-599 {
  font-size: 20px;
  font-weight: 900;
  color: #03e65b;
}
.u-600 {
  font-size: 20px;
  font-weight: 900;
  color: #ff5d4b;
}
.u-601 {
  font-size: 20px;
  font-weight: 900;
  color: #ffc533;
}
.u-602 {
  background: rgba(10,92,245,0.1);
  border: 1px solid rgba(10,92,245,0.2);
  border-radius: 7px;
  padding: 10px;
  font-size: 10px;
  color: #7aa6ff;
  line-height: 1.4;
}
.u-603 {
  padding: 96px 0;
  background: linear-gradient(180deg,#ffffff 0%,#f3f6fd 100%);
  position: relative;
  overflow: hidden;
}
.u-604 {
  position: absolute;
  left: 50%;
  top: -220px;
  width: 820px;
  height: 520px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(10,92,245,0.12), transparent 65%);
  pointer-events: none;
}
.u-605 {
  text-align: center;
  margin-bottom: 52px;
}
.u-606 {
  font-size: clamp(28px,3.5vw,48px);
  font-weight: 600;
  letter-spacing: -0.8px;
  color: #0b1530;
  line-height: 0.95;
  margin-bottom: 12px;
}
.u-607 {
  font-size: 14px;
  color: #4a5168;
  max-width: 440px;
  margin: 0 auto;
  line-height: 1.6;
}
.u-608 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  gap: 12px;
}
.u-609 {
  background: #fff;
  border: 1px solid rgba(11,21,48,0.08);
  border-radius: 14px;
  padding: 26px;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(11,21,48,0.04), 0 12px 32px rgba(11,21,48,0.05);
  transition: border-color 0.3s, transform 0.3s, box-shadow 0.3s;
}
.u-610 {
  font-size: 9px;
  font-weight: 700;
  background: #03c853;
  color: #fff;
  padding: 3px 8px;
  border-radius: 60px;
  display: inline-block;
  margin-bottom: 14px;
  letter-spacing: 0.8px;
}
.u-611 {
  font-size: 15px;
  font-weight: 700;
  color: #0b1530;
  margin-bottom: 8px;
  line-height: 1.2;
}
.u-612 {
  font-size: 12px;
  color: #4a5168;
  line-height: 1.55;
  margin-bottom: 0;
}
.u-613 {
  font-size: 9px;
  font-weight: 700;
  background: #0e9fc4;
  color: #fff;
  padding: 3px 8px;
  border-radius: 60px;
  display: inline-block;
  margin-bottom: 14px;
  letter-spacing: 0.8px;
}
.u-614 {
  font-size: 9px;
  font-weight: 700;
  background: #ffc533;
  color: #0b1530;
  padding: 3px 8px;
  border-radius: 60px;
  display: inline-block;
  margin-bottom: 14px;
  letter-spacing: 0.8px;
}
.u-615 {
  font-size: 9px;
  font-weight: 700;
  background: #ff3386;
  color: #fff;
  padding: 3px 8px;
  border-radius: 60px;
  display: inline-block;
  margin-bottom: 14px;
  letter-spacing: 0.8px;
}
.u-616 {
  font-size: 9px;
  font-weight: 700;
  background: #0a5cf5;
  color: #fff;
  padding: 3px 8px;
  border-radius: 60px;
  display: inline-block;
  margin-bottom: 14px;
  letter-spacing: 0.8px;
}
.u-617 {
  font-size: 9px;
  font-weight: 700;
  background: #ff5d4b;
  color: #fff;
  padding: 3px 8px;
  border-radius: 60px;
  display: inline-block;
  margin-bottom: 14px;
  letter-spacing: 0.8px;
}
.u-618 {
  padding: 110px 0;
  background: #050505;
  border-top: 1px solid rgba(255,255,255,0.06);
  overflow: hidden;
  position: relative;
}
.u-619 {
  position: absolute;
  right: -10%;
  top: -20%;
  width: 55%;
  height: 80%;
  background: radial-gradient(ellipse at center, rgba(10,92,245,0.14), transparent 65%);
  pointer-events: none;
}
.u-620 {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 40px;
  position: relative;
}
.u-621 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 40px;
  flex-wrap: wrap;
  margin-bottom: 64px;
}
.u-622 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #8d82f4;
  display: block;
}
.u-623 {
  font-size: clamp(30px,4vw,56px);
  font-weight: 600;
  letter-spacing: -1.2px;
  color: #fff;
  line-height: 0.95;
}
.u-624 {
  background: linear-gradient(90deg,#7aa6ff,#0a5cf5);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.u-625 {
  font-size: 14px;
  color: #8f8f9a;
  max-width: 300px;
  line-height: 1.7;
  margin-bottom: 6px;
}
.u-626 {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border: 1px solid rgba(255,255,255,0.09);
  border-radius: 22px;
  overflow: hidden;
  background: #0a0a0a;
}
.u-627 {
  position: relative;
  padding: 44px 40px 52px;
  border-right: 1px solid rgba(255,255,255,0.09);
  background: radial-gradient(ellipse 80% 60% at 30% 20%, rgba(255,93,75,0.07), transparent 70%);
}
.u-628 {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 8px;
}
.u-629 {
  font-size: 11px;
  font-weight: 700;
  color: #ff5d4b;
  letter-spacing: 2px;
}
.u-630 {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, rgba(255,93,75,0.35), transparent);
}
.u-631 {
  font-size: 19px;
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.3px;
  margin-bottom: 34px;
}
.u-632 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 16px;
  background: #111;
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 10px;
}
.u-633 {
  width: 24px;
  height: 24px;
  border-radius: 7px;
  background: rgba(255,93,75,0.14);
  color: #ff5d4b;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.u-634 {
  font-size: 13px;
  color: #9a9aa4;
}
.u-635 {
  position: relative;
  padding: 44px 40px 52px;
  background: radial-gradient(ellipse 90% 70% at 70% 30%, rgba(10,92,245,0.13), transparent 70%);
}
.u-636 {
  font-size: 11px;
  font-weight: 700;
  color: #7aa6ff;
  letter-spacing: 2px;
}
.u-637 {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, rgba(10,92,245,0.5), transparent);
}
.u-638 {
  background: linear-gradient(180deg, rgba(10,92,245,0.12), rgba(10,92,245,0.03));
  border: 1px solid rgba(10,92,245,0.35);
  border-radius: 14px;
  padding: 8px;
  box-shadow: 0 24px 60px rgba(10,92,245,0.18);
}
.u-639 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 16px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.u-640 {
  width: 24px;
  height: 24px;
  border-radius: 7px;
  background: rgba(3,230,91,0.14);
  color: #03e65b;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.u-641 {
  font-size: 13px;
  font-weight: 600;
  color: #e8e8ee;
}
.u-642 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 16px;
}
.u-643 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 3;
}
.u-644 {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: linear-gradient(135deg,#8d82f4,#0a5cf5);
  color: #fff;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0 8px #0a0a0a, 0 14px 34px rgba(10,92,245,0.5);
}
.u-645 {
  padding: 88px 0;
  border-top: 1px solid rgba(0,0,0,0.06);
  background-color: #FFFFFF;
}
.u-646 {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 40px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 56px;
  align-items: center;
}
.u-647 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 60px;
  padding: 5px 14px;
  margin-bottom: 20px;
}
.u-648 {
  font-size: clamp(26px,3vw,42px);
  font-weight: 600;
  letter-spacing: -0.8px;
  color: #111;
  line-height: 1;
  margin-bottom: 16px;
}
.u-649 {
  font-size: 14px;
  color: #6a6a74;
  line-height: 1.7;
  margin-bottom: 28px;
  max-width: 460px;
}
.u-650 {
  display: flex;
  gap: 36px;
  flex-wrap: wrap;
}
.u-651 {
  font-size: 30px;
  font-weight: 600;
  color: #111;
  letter-spacing: -1px;
  line-height: 1;
}
.u-652 {
  font-size: 10px;
  color: #999;
  letter-spacing: 1px;
  margin-top: 6px;
}
.u-653 {
  font-size: 30px;
  font-weight: 600;
  color: #0a5cf5;
  letter-spacing: -1px;
  line-height: 1;
}
.u-654 {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  background: #f6f6f8;
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 12px;
  padding: 20px 22px;
}
.u-655 {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: rgba(3,168,71,0.12);
  color: #03a247;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  flex-shrink: 0;
}
.u-656 {
  font-size: 13px;
  font-weight: 700;
  color: #111;
  margin-bottom: 4px;
}
.u-657 {
  font-size: 12px;
  color: #6a6a74;
  line-height: 1.6;
}
.u-658 {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: rgba(10,92,245,0.12);
  color: #0a5cf5;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  flex-shrink: 0;
}
.u-659 {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: rgba(255,93,75,0.12);
  color: #e04a38;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  flex-shrink: 0;
}
.u-660 {
  background: #030303;
}
.u-661 {
  position: relative;
  height: 320vh;
}
.u-662 {
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.u-663 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
  width: 100%;
}
.u-664 {
  text-align: center;
  margin-bottom: 44px;
}
.u-665 {
  font-size: clamp(28px,3.5vw,48px);
  font-weight: 600;
  letter-spacing: -0.8px;
  color: #fff;
  line-height: 0.9;
  margin-bottom: 12px;
}
.u-666 {
  font-size: 14px;
  color: #8f8f9a;
  max-width: 440px;
  margin: 0 auto;
  line-height: 1.6;
}
.u-667 {
  position: relative;
  height: min(420px, 50vh);
}
.u-668 {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 56px;
  align-items: center;
  opacity: 1;
  will-change: transform,opacity;
}
.u-669 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.08);
}
.u-670 {
  font-size: 11px;
  font-weight: 700;
  color: #7aa6ff;
  letter-spacing: 1.5px;
  margin-bottom: 14px;
}
.u-671 {
  font-size: clamp(22px,2.4vw,34px);
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.6px;
  line-height: 1.05;
  margin-bottom: 14px;
}
.u-672 {
  font-size: 13px;
  color: #8f8f9a;
  line-height: 1.65;
  margin-bottom: 20px;
}
.u-673 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.u-674 {
  font-size: 10px;
  font-weight: 600;
  color: #7aa6ff;
  background: rgba(10,92,245,0.08);
  padding: 4px 10px;
  border-radius: 4px;
}
.u-675 {
  font-size: 10px;
  font-weight: 600;
  color: #03e65b;
  background: rgba(3,230,91,0.08);
  padding: 4px 10px;
  border-radius: 4px;
}
.u-676 {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 56px;
  align-items: center;
  opacity: 0;
  will-change: transform,opacity;
}
.u-677 {
  font-size: 11px;
  font-weight: 700;
  color: #ffc533;
  letter-spacing: 1.5px;
  margin-bottom: 14px;
}
.u-678 {
  font-size: 10px;
  font-weight: 600;
  color: #ffc533;
  background: rgba(255,197,51,0.08);
  padding: 4px 10px;
  border-radius: 4px;
}
.u-679 {
  font-size: 10px;
  font-weight: 600;
  color: #33d0ff;
  background: rgba(51,208,255,0.08);
  padding: 4px 10px;
  border-radius: 4px;
}
.u-680 {
  font-size: 11px;
  font-weight: 700;
  color: #ff5d4b;
  letter-spacing: 1.5px;
  margin-bottom: 14px;
}
.u-681 {
  font-size: 10px;
  font-weight: 600;
  color: #ff5d4b;
  background: rgba(255,93,75,0.08);
  padding: 4px 10px;
  border-radius: 4px;
}
.u-682 {
  font-size: 10px;
  font-weight: 600;
  color: #ff3386;
  background: rgba(255,51,134,0.08);
  padding: 4px 10px;
  border-radius: 4px;
}
.u-683 {
  display: flex;
  gap: 32px;
  justify-content: center;
  margin-top: 44px;
}
.u-684 {
  display: flex;
  align-items: center;
  gap: 8px;
  opacity: 1;
  transition: opacity 0.3s;
}
.u-685 {
  width: 24px;
  height: 2px;
  background: #fff;
  display: block;
}
.u-686 {
  font-size: 10px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 1px;
}
.u-687 {
  display: flex;
  align-items: center;
  gap: 8px;
  opacity: 0.35;
  transition: opacity 0.3s;
}
.u-688 {
  padding: 80px 0;
  background: #050515;
  text-align: center;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.u-689 {
  font-size: clamp(28px,4vw,52px);
  font-weight: 600;
  letter-spacing: -0.8px;
  color: #fff;
  line-height: 0.9;
  margin-bottom: 16px;
}
.u-690 {
  font-size: 14px;
  color: #8f8f9a;
  margin-bottom: 30px;
  line-height: 1.6;
}
.u-691 {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}
.u-692 {
  background: #ff5d4b;
  color: #fff;
  border: none;
  border-radius: 60px;
  padding: 13px 28px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.u-693 {
  background: transparent;
  color: #fff;
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 60px;
  padding: 13px 28px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}
.hv-14:hover {
  border-color: rgba(255,255,255,0.35);
}
.hv-15:hover {
  border-color: rgba(3,230,91,0.5);
  transform: translateY(-4px);
  box-shadow: 0 20px 44px rgba(3,230,91,0.16);
}
.hv-16:hover {
  border-color: rgba(51,208,255,0.5);
  transform: translateY(-4px);
  box-shadow: 0 20px 44px rgba(51,208,255,0.16);
}
.hv-17:hover {
  border-color: rgba(255,197,51,0.5);
  transform: translateY(-4px);
  box-shadow: 0 20px 44px rgba(255,197,51,0.16);
}
.hv-18:hover {
  border-color: rgba(255,51,134,0.5);
  transform: translateY(-4px);
  box-shadow: 0 20px 44px rgba(255,51,134,0.16);
}
.hv-19:hover {
  border-color: rgba(10,92,245,0.5);
  transform: translateY(-4px);
  box-shadow: 0 20px 44px rgba(10,92,245,0.16);
}
.hv-20:hover {
  border-color: rgba(255,93,75,0.5);
  transform: translateY(-4px);
  box-shadow: 0 20px 44px rgba(255,93,75,0.16);
}

/* ===== About page ===== */
.u-694 {
  font-size: clamp(36px,6vw,80px);
  font-weight: 600;
  letter-spacing: -1.2px;
  color: #fff;
  line-height: 0.88;
  margin-bottom: 20px;
}
.u-695 {
  font-size: 16px;
  color: #8f8f9a;
  line-height: 1.65;
  max-width: 600px;
  margin: 0 auto;
}
.u-696 {
  padding: 48px 0;
  background: #0a0a0a;
  border-top: 1px solid rgba(255,255,255,0.05);
  border-bottom: 1px solid rgba(255,255,255,0.05);
}
.u-697 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 1px;
  background: rgba(255,255,255,0.05);
}
.u-698 {
  background: #0a0a0a;
  padding: 36px;
  text-align: center;
}
.u-699 {
  font-size: clamp(36px,5vw,68px);
  font-weight: 600;
  color: #fff;
  letter-spacing: -2px;
  line-height: 1;
}
.u-700 {
  font-size: 11px;
  color: #82828e;
  letter-spacing: 1px;
  margin-top: 8px;
}
.u-701 {
  font-size: clamp(36px,5vw,68px);
  font-weight: 600;
  color: #0a5cf5;
  letter-spacing: -2px;
  line-height: 1;
}
.u-702 {
  padding: 80px 0;
  background: #000;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}
.u-703 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 80px;
  align-items: center;
}
.u-704 {
  font-size: 9px;
  font-weight: 700;
  color: #82828e;
  letter-spacing: 1.5px;
}
.u-705 {
  font-size: clamp(28px,3.5vw,50px);
  font-weight: 600;
  letter-spacing: -0.8px;
  color: #fff;
  line-height: 0.9;
  margin: 14px 0 18px;
}
.u-706 {
  font-size: 14px;
  color: #8f8f9a;
  line-height: 1.65;
}
.u-707 {
  background: #0a0a0a;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
  padding: 24px;
}
.u-708 {
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 6px;
}
.u-709 {
  font-size: 12px;
  color: #8f8f9a;
  margin-bottom: 16px;
}
.u-710 {
  background: #111;
  border-radius: 7px;
  padding: 10px;
  font-size: 11px;
  font-weight: 600;
  color: #a2a2ac;
}
.u-711 {
  padding: 80px 0;
  background: #030303;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}
.u-712 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.u-713 {
  background: #0a0a0a;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 10px;
  padding: 16px 20px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.u-714 {
  width: 28px;
  height: 28px;
  background: rgba(10,92,245,0.15);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #7aa6ff;
  font-size: 12px;
  font-weight: 700;
  border: 1px solid rgba(10,92,245,0.2);
}
.u-715 {
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}
.u-716 {
  font-size: 11px;
  color: #8f8f9a;
  line-height: 1.5;
}
.u-717 {
  width: 28px;
  height: 28px;
  background: rgba(3,230,91,0.1);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #03e65b;
  font-size: 12px;
  font-weight: 700;
  border: 1px solid rgba(3,230,91,0.2);
}
.u-718 {
  width: 28px;
  height: 28px;
  background: rgba(255,197,51,0.1);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #ffc533;
  font-size: 12px;
  font-weight: 700;
  border: 1px solid rgba(255,197,51,0.2);
}
.u-719 {
  background: #0a0a0a;
  border: 1px solid rgba(10,92,245,0.2);
  border-radius: 10px;
  padding: 16px 20px;
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.u-720 {
  width: 28px;
  height: 28px;
  background: #0a5cf5;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.u-721 {
  width: 15px;
  height: auto;
  display: block;
}
.u-722 {
  font-size: 13px;
  font-weight: 700;
  color: #7aa6ff;
  margin-bottom: 4px;
}
.u-723 {
  font-size: 14px;
  color: #8f8f9a;
  line-height: 1.65;
  margin-top: 14px;
}
.u-724 {
  padding: 80px 0;
  background: #0a0a0a;
}
.u-725 {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 40px;
  text-align: center;
}
.u-726 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(3,230,91,0.2);
  border-radius: 60px;
  padding: 5px 14px;
  margin-bottom: 16px;
}
.u-727 {
  font-size: 10px;
  font-weight: 600;
  color: #03e65b;
  letter-spacing: 1px;
}
.u-728 {
  font-size: 15px;
  color: #8f8f9a;
  line-height: 1.65;
  max-width: 580px;
  margin: 0 auto 40px;
}
.u-729 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 10px;
  max-width: 760px;
  margin: 0 auto;
}
.u-730 {
  background: #111;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 10px;
  padding: 20px;
  text-align: left;
  transition: border-color 0.3s;
}
.u-731 {
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 6px;
}
.u-732 {
  padding: 80px 0;
  background: #f2f2f4;
  border-top: 1px solid rgba(0,0,0,0.06);
  border-bottom: 1px solid rgba(0,0,0,0.06);
}
.u-733 {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 40px;
}
.u-734 {
  font-size: clamp(28px,3.5vw,48px);
  font-weight: 600;
  letter-spacing: -0.8px;
  color: #0e0e10;
  line-height: 0.9;
  margin-bottom: 12px;
}
.u-735 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 12px;
}
.u-736 {
  background: #fff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 12px;
  padding: 28px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
  transition: border-color 0.3s, box-shadow 0.3s;
}
.u-737 {
  font-size: 14px;
  font-weight: 700;
  color: #0a5cf5;
  margin-bottom: 2px;
}
.u-738 {
  font-size: 16px;
  font-weight: 700;
  color: #111;
  margin-bottom: 10px;
}
.u-739 {
  font-size: 13px;
  color: #82828e;
  line-height: 1.6;
}
.u-740 {
  font-size: 14px;
  font-weight: 700;
  color: #03a247;
  margin-bottom: 2px;
}
.u-741 {
  font-size: 14px;
  font-weight: 700;
  color: #c9920f;
  margin-bottom: 2px;
}
.u-742 {
  font-size: 14px;
  font-weight: 700;
  color: #1597c4;
  margin-bottom: 2px;
}
.u-743 {
  padding: 96px 0;
  background: #f6f7fb;
  border-top: 1px solid rgba(11,21,48,0.06);
}
.u-744 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 48px;
}
.u-745 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(10,92,245,0.25);
  background: #fff;
  border-radius: 60px;
  padding: 5px 14px;
  margin-bottom: 18px;
}
.u-746 {
  font-size: 10px;
  font-weight: 600;
  color: #0a5cf5;
  letter-spacing: 1px;
}
.u-747 {
  font-size: clamp(28px,4vw,52px);
  font-weight: 600;
  letter-spacing: -0.8px;
  color: #0b1530;
  line-height: 0.95;
}
.u-748 {
  font-size: 14px;
  color: #4a5168;
  line-height: 1.65;
  max-width: 380px;
}
.u-749 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%,190px),1fr));
  gap: 10px;
}
.u-750 {
  padding: 28px 24px 26px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
  background: #fff;
  border: 1px solid #e1e5ef;
  border-radius: 14px;
  box-shadow: 0 1px 3px rgba(11,21,48,0.04);
  transition: border-color 0.3s, box-shadow 0.3s, transform 0.3s;
}
.u-751 {
  height: 112px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.u-752 {
  max-height: 112px;
  max-width: 150px;
  width: auto;
  height: auto;
  display: block;
  object-fit: contain;
}
.u-753 {
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.3px;
  color: #0b1530;
}
.u-754 {
  font-size: 12.5px;
  color: #4a5168;
  line-height: 1.55;
  max-width: 220px;
}
.u-755 {
  padding: 20px 22px;
  display: flex;
  align-items: center;
  gap: 16px;
  background: #fff;
  border: 1px solid #e1e5ef;
  border-radius: 14px;
  box-shadow: 0 1px 3px rgba(11,21,48,0.04);
  transition: border-color 0.3s, box-shadow 0.3s, transform 0.3s;
}
.u-756 {
  flex-shrink: 0;
  width: 46px;
  height: 46px;
  border-radius: 12px;
  background: #eef3ff;
  color: #0a5cf5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.u-757 {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.u-758 {
  font-size: 15px;
  font-weight: 600;
  color: #0b1530;
}
.u-759 {
  font-size: 12.5px;
  color: #4a5168;
  line-height: 1.5;
}
.u-760 {
  padding: 80px 0;
  background: #030303;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.u-761 {
  font-size: clamp(28px,3.5vw,48px);
  font-weight: 600;
  letter-spacing: -0.8px;
  color: #fff;
  line-height: 1.12;
  margin-bottom: 12px;
}
.u-762 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 12px;
}
.u-763 {
  background: #0a0a0a;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 12px;
  padding: 28px;
  transition: border-color 0.3s;
}
.u-764 {
  width: 36px;
  height: 36px;
  background: rgba(10,92,245,0.15);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  border: 1px solid rgba(10,92,245,0.2);
}
.u-765 {
  font-size: 16px;
}
.u-766 {
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 8px;
}
.u-767 {
  font-size: 13px;
  color: #8f8f9a;
  line-height: 1.5;
  margin-bottom: 16px;
}
.u-768 {
  background: transparent;
  color: #7aa6ff;
  border: 1px solid rgba(10,92,245,0.3);
  border-radius: 60px;
  padding: 8px 18px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.u-769 {
  width: 36px;
  height: 36px;
  background: rgba(3,230,91,0.1);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  border: 1px solid rgba(3,230,91,0.2);
}
.u-770 {
  background: transparent;
  color: #03e65b;
  border: 1px solid rgba(3,230,91,0.3);
  border-radius: 60px;
  padding: 8px 18px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.u-771 {
  width: 36px;
  height: 36px;
  background: rgba(255,197,51,0.1);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
  border: 1px solid rgba(255,197,51,0.2);
}
.u-772 {
  background: transparent;
  color: #ffc533;
  border: 1px solid rgba(255,197,51,0.3);
  border-radius: 60px;
  padding: 8px 18px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.hv-21:hover {
  border-color: rgba(10,92,245,0.3);
}
.hv-22:hover {
  border-color: rgba(3,230,91,0.3);
}
.hv-23:hover {
  border-color: rgba(51,208,255,0.3);
}
.hv-24:hover {
  border-color: rgba(255,197,51,0.3);
}
.hv-25:hover {
  border-color: rgba(10,92,245,0.4);
}
.hv-26:hover {
  border-color: rgba(3,230,91,0.4);
}
.hv-27:hover {
  border-color: rgba(214,160,20,0.5);
}
.hv-28:hover {
  border-color: rgba(51,208,255,0.5);
}
.hv-29:hover {
  border-color: rgba(10,92,245,0.4);
  box-shadow: 0 18px 40px -20px rgba(10,92,245,0.35);
  transform: translateY(-3px);
}
.hv-30:hover {
  background: rgba(10,92,245,0.08);
}
.hv-31:hover {
  background: rgba(3,230,91,0.05);
}
.hv-32:hover {
  background: rgba(255,197,51,0.05);
}

/* ===== Pricing page ===== */
.u-773 {
  background: #f6f7fb;
  color: #0b1530;
}
.u-774 {
  position: relative;
  overflow: hidden;
  padding: 120px 0 64px;
  background: #f6f7fb;
}
.u-775 {
  position: relative;
  max-width: 980px;
  margin: 0 auto;
  padding: 0 40px;
  text-align: center;
}
.u-776 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 22px;
  opacity: 0;
}
.u-777 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0a5cf5;
}
.u-778 {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1.4px;
  color: #0a5cf5;
}
.u-779 {
  font-size: clamp(40px,6.4vw,84px);
  font-weight: 500;
  letter-spacing: -2.6px;
  line-height: 1.0;
  color: #0b1530;
  margin-bottom: 24px;
}
.u-780 {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  padding-bottom: 0.08em;
  margin-bottom: -0.08em;
}
.u-781 {
  display: inline-block;
  transform: translateY(110%);
}
.u-782 {
  display: inline-block;
  transform: translateY(110%);
  color: #0a5cf5;
}
.u-783 {
  font-size: 17px;
  color: #4a5168;
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto 34px;
  opacity: 0;
  text-wrap: pretty;
}
.u-784 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
.u-785 {
  background: #0a5cf5;
  color: #fff;
  border: none;
  border-radius: 60px;
  padding: 15px 28px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.u-786 {
  background: #fff;
  color: #0b1530;
  border: 1.5px solid #d6dbe7;
  border-radius: 60px;
  padding: 15px 28px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.u-787 {
  padding: 0 0 90px;
  background: #f6f7fb;
}
.u-788 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
}
.u-789 {
  background: #fff;
  border: 1px solid #e3e7f0;
  border-radius: 26px;
  padding: clamp(26px,4vw,44px);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%,420px),1fr));
  gap: 40px;
  align-items: center;
}
.u-790 {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.u-791 {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1.4px;
  color: #6b7286;
}
.u-792 {
  align-self: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  background: #f3f5fa;
  border-radius: 60px;
  padding: 4px;
}
.u-793 {
  border: none;
  border-radius: 60px;
  padding: 11px 18px;
  font: inherit;
  font-size: 13.5px;
  font-weight: 500;
  cursor: pointer;
  transition: background .25s, color .25s;
  background: #0b1530;
  color: #fff;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.u-794 {
  border: none;
  border-radius: 60px;
  padding: 11px 18px;
  font: inherit;
  font-size: 13.5px;
  font-weight: 500;
  cursor: pointer;
  transition: background .25s, color .25s;
  background: transparent;
  color: #4a5168;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.u-795 {
  font-size: clamp(26px,3vw,38px);
  font-weight: 500;
  letter-spacing: -1px;
  line-height: 1.08;
  color: #0b1530;
  text-wrap: balance;
}
.u-796 {
  font-size: 15px;
  color: #4a5168;
  line-height: 1.65;
  max-width: 470px;
  text-wrap: pretty;
}
.u-797 {
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1.2px;
  color: #8a90a3;
}
.u-798 {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  height: 200px;
}
.u-799 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  height: 100%;
}
.u-800 {
  width: 100%;
  max-width: 44px;
  height: 100%;
  border-radius: 10px 10px 4px 4px;
  background: #e3e8f2;
  transition: background .45s, transform .45s cubic-bezier(.34,1.56,.64,1);
  transform-origin: bottom;
}
.u-801 {
  font-size: 11px;
  font-weight: 500;
  color: #8a90a3;
  font-variant-numeric: tabular-nums;
}
.u-802 {
  width: 100%;
  max-width: 44px;
  height: 82%;
  border-radius: 10px 10px 4px 4px;
  background: #e3e8f2;
  transition: background .45s, transform .45s cubic-bezier(.34,1.56,.64,1);
  transform-origin: bottom;
}
.u-803 {
  width: 100%;
  max-width: 44px;
  height: 68%;
  border-radius: 10px 10px 4px 4px;
  background: #e3e8f2;
  transition: background .45s, transform .45s cubic-bezier(.34,1.56,.64,1);
  transform-origin: bottom;
}
.u-804 {
  width: 100%;
  max-width: 44px;
  height: 54%;
  border-radius: 10px 10px 4px 4px;
  background: #e3e8f2;
  transition: background .45s, transform .45s cubic-bezier(.34,1.56,.64,1);
  transform-origin: bottom;
}
.u-805 {
  width: 100%;
  max-width: 44px;
  height: 45%;
  border-radius: 10px 10px 4px 4px;
  background: #e3e8f2;
  transition: background .45s, transform .45s cubic-bezier(.34,1.56,.64,1);
  transform-origin: bottom;
}
.u-806 {
  width: 100%;
  max-width: 44px;
  height: 39%;
  border-radius: 10px 10px 4px 4px;
  background: #e3e8f2;
  transition: background .45s, transform .45s cubic-bezier(.34,1.56,.64,1);
  transform-origin: bottom;
}
.u-807 {
  width: 100%;
  max-width: 44px;
  height: 34%;
  border-radius: 10px 10px 4px 4px;
  background: #e3e8f2;
  transition: background .45s, transform .45s cubic-bezier(.34,1.56,.64,1);
  transform-origin: bottom;
}
.u-808 {
  margin-bottom: 34px;
}
.u-809 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
}
.u-810 {
  font-size: clamp(30px,3.8vw,48px);
  font-weight: 500;
  letter-spacing: -1.4px;
  line-height: 1.02;
  color: #0b1530;
}
.u-811 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%,255px),1fr));
  gap: 16px;
  align-items: stretch;
}
.u-812 {
  position: relative;
  background: #fff;
  border: 1px solid #e1e5ef;
  border-radius: 22px;
  padding: 28px;
  display: flex;
  flex-direction: column;
}
.u-813 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.u-814 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #22b8f0;
}
.u-815 {
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #0b1530;
}
.u-816 {
  font-size: 14px;
  color: #5a6178;
  line-height: 1.6;
  min-height: 46px;
}
.u-817 {
  margin: 24px 0 0;
  padding: 16px 18px;
  border-radius: 14px;
  background: #f3f6fb;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.u-818 {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1.2px;
  color: #0a8fc4;
}
.u-819 {
  font-size: 15px;
  font-weight: 500;
  color: #0b1530;
  line-height: 1.4;
}
.u-820 {
  margin: 22px 0 26px;
  background: #fff;
  color: #0b1530;
  border: 1.5px solid #0b1530;
  border-radius: 60px;
  padding: 14px 20px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.u-821 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 13px;
  font-size: 13.5px;
  color: #2c3349;
  line-height: 1.45;
}
.u-822 {
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #22b8f0;
  margin-top: 6px;
}
.u-823 {
  position: relative;
  background: #0a5cf5;
  color: #fff;
  box-shadow: 0 30px 60px -28px rgba(10,92,245,0.65);
  overflow: hidden;
  border-radius: 22px;
  padding: 28px;
  display: flex;
  flex-direction: column;
}
.u-824 {
  display: inline-flex;
  align-self: flex-start;
  background: #ffc533;
  color: #0b1530;
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: 1.2px;
  padding: 5px 11px;
  border-radius: 60px;
  margin-bottom: 16px;
}
.u-825 {
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #fff;
}
.u-826 {
  font-size: 14px;
  color: #dce7ff;
  line-height: 1.6;
  min-height: 46px;
}
.u-827 {
  margin: 24px 0 0;
  padding: 16px 18px;
  border-radius: 14px;
  background: rgba(255,255,255,0.12);
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.u-828 {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1.2px;
  color: #ffe08a;
}
.u-829 {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  line-height: 1.4;
}
.u-830 {
  margin: 22px 0 26px;
  background: #fff;
  color: #0a5cf5;
  border: none;
  border-radius: 60px;
  padding: 14px 20px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.u-831 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 13px;
  font-size: 13.5px;
  color: #fff;
  line-height: 1.45;
}
.u-832 {
  display: flex;
  gap: 11px;
  font-weight: 500;
}
.u-833 {
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ffc533;
  margin-top: 6px;
}
.u-834 {
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  margin-top: 6px;
}
.u-835 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ff3386;
}
.u-836 {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1.2px;
  color: #c8155e;
}
.u-837 {
  margin: 22px 0 26px;
  background: #0b1530;
  color: #fff;
  border: none;
  border-radius: 60px;
  padding: 14px 20px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.u-838 {
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #0a5cf5;
  margin-top: 6px;
}
.u-839 {
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ff3386;
  margin-top: 6px;
}
.u-840 {
  font-size: 12px;
  color: #6b7286;
  line-height: 1.6;
  margin-top: 22px;
  max-width: 820px;
}
.u-841 {
  padding: 90px 0;
  background: #0b1530;
  position: relative;
  overflow: hidden;
}
.u-842 {
  max-width: 900px;
  margin-bottom: 56px;
}
.u-843 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
}
.u-844 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ffc533;
}
.u-845 {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1.4px;
  color: #ffc533;
}
.u-846 {
  font-size: clamp(30px,4.2vw,56px);
  font-weight: 500;
  letter-spacing: -1.6px;
  line-height: 1.04;
  color: #fff;
  text-wrap: balance;
}
.u-847 {
  color: #ffc533;
}
.u-848 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%,260px),1fr));
  gap: 1px;
  background: rgba(255,255,255,0.1);
  border-radius: 20px;
  overflow: hidden;
}
.u-849 {
  background: #0b1530;
  padding: 30px 28px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.u-850 {
  font-size: 13px;
  font-weight: 500;
  color: #4d8bff;
}
.u-851 {
  font-size: 19px;
  font-weight: 500;
  color: #fff;
}
.u-852 {
  font-size: 14px;
  color: #aab4cf;
  line-height: 1.6;
}
.u-853 {
  font-size: 13px;
  font-weight: 500;
  color: #ffc533;
}
.u-854 {
  font-size: 13px;
  font-weight: 500;
  color: #ff3386;
}
.u-855 {
  padding: 90px 0;
  background: #f6f7fb;
}
.u-856 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%,300px),1fr));
  gap: 14px;
}
.u-857 {
  background: #fff;
  border: 1px solid #e1e5ef;
  border-radius: 18px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.u-858 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #0a5cf5;
}
.u-859 {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: #0b1530;
}
.u-860 {
  font-size: 13.5px;
  color: #4a5168;
  line-height: 1.6;
  text-wrap: pretty;
}
.u-861 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #08893f;
}
.u-862 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #e09a00;
}
.u-863 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ff3386;
}
.u-864 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #22b8f0;
}
.u-865 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #7a5cff;
}
.u-866 {
  padding: 90px 0;
  background: #fff;
  border-top: 1px solid #e9ecf3;
}
.u-867 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 34px;
}
.u-868 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.u-869 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  color: #2c3349;
  cursor: pointer;
  user-select: none;
}
.u-870 {
  width: 16px;
  height: 16px;
  accent-color: #0a5cf5;
}
.u-871 {
  width: min(300px,80vw);
  font: inherit;
  font-size: 13.5px;
  color: #0b1530;
  background: #f6f7fb;
  border: 1px solid #e1e5ef;
  border-radius: 60px;
  padding: 11px 18px;
  outline: none;
}
.u-872 {
  border: 1px solid #e1e5ef;
  border-radius: 20px;
  overflow: clip;
}
.u-873 {
  position: sticky;
  top: 60px;
  z-index: 5;
  display: grid;
  grid-template-columns: minmax(0,2.2fr) repeat(3,minmax(0,1fr));
  align-items: center;
  background: rgba(255,255,255,0.96);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid #e1e5ef;
}
.u-874 {
  padding: 18px 24px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1.4px;
  color: #6b7286;
}
.u-875 {
  padding: 18px 8px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #0b1530;
}
.u-876 {
  padding: 18px 8px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #0a5cf5;
  background: #eef4ff;
}
.u-877 {
  display: none;
  padding: 40px;
  text-align: center;
  font-size: 14px;
  color: #6b7286;
}
.u-878 {
  padding: 80px 0 0;
  background: #f6f7fb;
}
.u-879 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%,280px),1fr));
  gap: 14px;
}
.u-880 {
  background: #e3f7ea;
  border-radius: 20px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: transform .4s cubic-bezier(.16,1,.3,1);
}
.u-881 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #08893f;
}
.u-882 {
  font-size: 19px;
  font-weight: 500;
  letter-spacing: -0.3px;
  color: #0b1530;
}
.u-883 {
  font-size: 13.5px;
  color: #4a5168;
  line-height: 1.6;
  flex: 1;
}
.u-884 {
  align-self: flex-start;
  background: #fff;
  color: #08893f;
  border: none;
  border-radius: 60px;
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(11,21,48,0.08);
  transition: all 0.2s;
}
.u-885 {
  background: #fff3d6;
  border-radius: 20px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: transform .4s cubic-bezier(.16,1,.3,1);
}
.u-886 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #e09a00;
}
.u-887 {
  align-self: flex-start;
  background: #fff;
  color: #a86a00;
  border: none;
  border-radius: 60px;
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(11,21,48,0.08);
  transition: all 0.2s;
}
.u-888 {
  background: #e8f0ff;
  border-radius: 20px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: transform .4s cubic-bezier(.16,1,.3,1);
}
.u-889 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #0a5cf5;
}
.u-890 {
  align-self: flex-start;
  background: #fff;
  color: #0a5cf5;
  border: none;
  border-radius: 60px;
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(11,21,48,0.08);
  transition: all 0.2s;
}
.u-891 {
  padding: 90px 0 0;
  background: #f6f7fb;
}
.u-892 {
  background: #fff;
  border: 1px solid #e1e5ef;
  border-radius: 28px;
  padding: clamp(28px,5vw,60px);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%,400px),1fr));
  gap: 48px;
}
.u-893 {
  font-size: 15px;
  color: #4a5168;
  line-height: 1.65;
  max-width: 420px;
}
.u-894 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 10px;
}
.u-895 {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}
.u-896 {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #e8f0ff;
  color: #0a5cf5;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.u-897 {
  font-size: 14px;
  color: #2c3349;
  line-height: 1.5;
  padding-top: 4px;
}
.u-898 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%,200px),1fr));
  gap: 14px;
}
.u-899 {
  display: flex;
  flex-direction: column;
  gap: 7px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.4px;
  color: #4a5168;
}
.u-900 {
  font: inherit;
  font-size: 15px;
  letter-spacing: 0;
  color: #0b1530;
  background: #f6f7fb;
  border: 1.5px solid #e1e5ef;
  border-radius: 12px;
  padding: 13px 14px;
  outline: none;
  transition: border-color .2s;
}
.u-901 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.u-902 {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.4px;
  color: #4a5168;
}
.u-903 {
  border: 1.5px solid #e1e5ef;
  background: #fff;
  color: #2c3349;
  border-radius: 60px;
  padding: 9px 15px;
  font: inherit;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}
.u-904 {
  display: none;
  font-size: 13px;
  color: #c8155e;
}
.u-905 {
  align-self: flex-start;
  margin-top: 6px;
  background: #0a5cf5;
  color: #fff;
  border: none;
  border-radius: 60px;
  padding: 15px 30px;
  font: inherit;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.u-906 {
  font-size: 12px;
  color: #8a90a3;
}
.u-907 {
  display: none;
  flex-direction: column;
  gap: 14px;
  justify-content: center;
  height: 100%;
  min-height: 320px;
}
.u-908 {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #e3f7ea;
  color: #08893f;
  display: flex;
  align-items: center;
  justify-content: center;
}
.u-909 {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -0.8px;
  color: #0b1530;
}
.u-910 {
  font-size: 15px;
  color: #4a5168;
  line-height: 1.65;
  max-width: 380px;
}
.u-911 {
  max-width: 860px;
  margin: 0 auto;
  padding: 0 40px;
}
.u-912 {
  text-align: center;
  margin-bottom: 40px;
}
.u-913 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
}
.u-914 {
  background: #fff;
  border: 1px solid #e1e5ef;
  border-radius: 16px;
  overflow: hidden;
}
.u-915 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 22px 24px;
  background: none;
  border: none;
  font: inherit;
  font-size: 15.5px;
  font-weight: 500;
  color: #0b1530;
  text-align: left;
  cursor: pointer;
}
.u-916 {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #eef1f7;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
.u-917 {
  position: relative;
  width: 12px;
  height: 12px;
}
.u-918 {
  position: absolute;
  left: 0;
  right: 0;
  top: 5px;
  height: 2px;
  background: currentColor;
  border-radius: 2px;
}
.u-919 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
  width: 2px;
  background: currentColor;
  border-radius: 2px;
  transition: transform 0.3s;
}
.u-920 {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
}
.u-921 {
  padding: 0 24px 22px;
  font-size: 14px;
  color: #4a5168;
  line-height: 1.7;
}
.u-922 {
  padding: 0 0 100px;
  background: #f6f7fb;
}
.u-923 {
  position: relative;
  overflow: hidden;
  background: #0b1530;
  border-radius: 28px;
  padding: clamp(36px,6vw,72px);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%,380px),1fr));
  gap: 40px;
  align-items: center;
}
.u-924 {
  position: relative;
  z-index: 1;
}
.u-925 {
  font-size: clamp(28px,3.4vw,44px);
  font-weight: 500;
  letter-spacing: -1.2px;
  line-height: 1.05;
  color: #fff;
  margin-bottom: 16px;
  text-wrap: balance;
}
.u-926 {
  font-size: 15px;
  color: #aab4cf;
  line-height: 1.65;
  max-width: 470px;
  margin-bottom: 30px;
}
.u-927 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.u-928 {
  background: #0a5cf5;
  color: #fff;
  border: none;
  border-radius: 60px;
  padding: 14px 26px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.u-929 {
  background: transparent;
  color: #fff;
  border: 1.5px solid rgba(255,255,255,0.3);
  border-radius: 60px;
  padding: 14px 26px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.u-930 {
  position: relative;
  height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.u-931 {
  position: absolute;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.08);
}
.u-932 {
  position: absolute;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.12);
}
.u-933 {
  position: absolute;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  border: 1.5px solid rgba(10,92,245,0.6);
  animation: ringPulse 3s ease-out infinite;
}
.u-934 {
  position: absolute;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  border: 1.5px solid rgba(10,92,245,0.6);
  animation: ringPulse 3s ease-out infinite 1.5s;
}
.u-935 {
  position: absolute;
  width: 260px;
  height: 260px;
}
.u-936 {
  position: absolute;
  top: -6px;
  left: 50%;
  margin-left: -6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ffc533;
}
.u-937 {
  position: absolute;
  width: 180px;
  height: 180px;
}
.u-938 {
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ff3386;
}
.u-939 {
  position: relative;
  height: 62px;
  width: auto;
  display: block;
  transition: transform .4s cubic-bezier(.16,1,.3,1);
}
.hv-33:hover {
  background: #0b1530;
}
.hv-34:hover {
  border-color: #0b1530;
}
.hv-35:hover {
  transform: translateY(-4px);
}
.hv-36:focus {
  border-color: #0a5cf5;
}
.hv-37:hover {
  border-color: #fff;
}

/* ===== Footer ===== */
.u-940 {
  background: #050505;
  border-top: 1px solid rgba(255,255,255,0.05);
  padding: 60px 0 32px;
}
.u-941 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
  margin-bottom: 44px;
}
.u-942 {
  max-width: 340px;
}
.u-943 {
  height: 22px;
  width: auto;
  display: block;
}
.u-944 {
  font-size: 12.5px;
  color: #8f8f9a;
  line-height: 1.65;
}
.u-945 {
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.8px;
  margin-bottom: 16px;
}
.u-946 {
  font-size: 13px;
  color: #a2a2ac;
  cursor: pointer;
  transition: color 0.2s;
  text-decoration: none;
}
.u-947 {
  padding-top: 24px;
  border-top: 1px solid rgba(255,255,255,0.05);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}
.u-948 {
  font-size: 11px;
  color: #444;
}
.hv-38:hover {
  color: #fff;
}

/* --- NEW PRICING CSS --- */
/* Montserrat (variable) — self-hosted */
/* italic · cyrillic-ext */

/* italic · cyrillic */

/* italic · vietnamese */

/* italic · latin-ext */

/* italic · latin */

/* normal · cyrillic-ext */

/* normal · cyrillic */

/* normal · vietnamese */

/* normal · latin-ext */

/* normal · latin */

/* ==================== base ==================== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }


button, input, select, textarea { font-family: 'Montserrat', sans-serif; }
input::placeholder { color: #555; }
::-webkit-scrollbar { width: 3px; background: #030303; }
::-webkit-scrollbar-thumb { background: #1e1e1e; border-radius: 2px; }

/* ==================== animations ==================== */
@keyframes ctaPop { 0% { transform: scale(1); } 35% { transform: scale(0.9); } 65% { transform: scale(1.07); } 100% { transform: scale(1); } }
@keyframes ctaRing { 0% { box-shadow: 0 0 0 0 rgba(255,122,26,0.55); } 100% { box-shadow: 0 0 0 20px rgba(255,122,26,0), 0 8px 30px rgba(242,106,18,0.45); } }
@keyframes ringPulse { 0% { transform: scale(0.55); opacity: 0.85; } 100% { transform: scale(2.1); opacity: 0; } }
@keyframes koSpin { to { transform: rotate(360deg); } }

.ko-orbit { animation: koSpin 14s linear infinite; }
.ko-orbit-rev { animation-duration: 9s; animation-direction: reverse; }
#pr-search:focus { border-color: #0a5cf5; background: #fff; box-shadow: 0 0 0 4px rgba(10,92,245,0.12); }

/* ==================== feature matrix (rows built in script.js) ==================== */
.mx-head { display: grid; grid-template-columns: minmax(0,2.2fr) repeat(3,minmax(0,1fr)); background: #f6f7fb; border-top: 1px solid #eceff5; }
.mx-head-title { padding: 14px 24px; font-size: 13px; font-weight: 500; color: #0b1530; }
.mx-head-hl { background: #eef4ff; }
.mx-row { display: grid; grid-template-columns: minmax(0,2.2fr) repeat(3,minmax(0,1fr)); border-top: 1px solid #eef0f5; transition: background .2s; }
.mx-row:hover { background: #fafbfe; }
.mx-label { padding: 14px 24px; font-size: 13.5px; color: #2c3349; line-height: 1.4; }
.mx-cell { display: flex; align-items: center; justify-content: center; padding: 14px 8px; }
.mx-cell--hl { background: #f4f8ff; }
.mx-check { width: 22px; height: 22px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: #e8f0ff; color: #0a5cf5; }
.mx-cell--hl .mx-check { background: #0a5cf5; color: #fff; }
.mx-none { display: inline-block; width: 12px; height: 2px; border-radius: 2px; background: #cbd1de; }

/* glow layer injected into tilting plan cards */
.tilt-glow { position: absolute; inset: 0; border-radius: inherit; pointer-events: none; opacity: 0; transition: opacity .3s; z-index: 0; }

/* ==================== splash ==================== */
.splash-1 {
  position: fixed;
  inset: 0;
  z-index: 5000;
  background: #05070d;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.splash-2 {
  position: absolute;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(10,92,245,0.22), transparent 65%);
  opacity: 0;
}
.splash-3 {
  position: relative;
}
.splash-4 {
  display: block;
  width: min(460px,72vw);
  height: auto;
  overflow: visible;
}
.splash-5 {
  transform-box: fill-box;
  transform-origin: center;
}
.splash-6 {
  transform-box: fill-box;
  transform-origin: center bottom;
}
.splash-7 {
  opacity: 0;
}

/* ==================== page ==================== */
.page-1 {
  min-height: 100vh;
  background: #000;
  color: #fff;
  font-family: 'Montserrat',sans-serif;
}
.page-2 {
  background: #f6f7fb;
  color: #0b1530;
}
.page-3 {
  padding-top: 60px;
}

/* ==================== nav ==================== */
.nav-1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 40px;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid #e6e9f1;
  background-color: rgba(255,255,255,0.86);
  transition: background-color 0.3s;
}
.nav-2 {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 9px;
}
.nav-3 {
  height: 24px;
  width: auto;
  display: block;
}
.nav-4 {
  display: flex;
  align-items: center;
  gap: 32px;
}
.nav-5 {
  font-size: 13px;
  font-weight: 500;
  color: #6b7286;
  cursor: pointer;
  transition: color 0.2s;
}
.nav-6 {
  font-size: 13px;
  font-weight: 500;
  color: #0b1530;
  cursor: pointer;
  transition: color 0.2s;
}
.nav-7 {
  display: flex;
  align-items: center;
  gap: 12px;
}
.nav-8 {
  background: #0b1530;
  color: #fff;
  border: none;
  border-radius: 60px;
  padding: 8px 20px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s;
}
.nav-8:active {
  transform: scale(0.93) !important;
}
.nav-9 {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0%;
  background: linear-gradient(90deg,#0a4fd6,#4d8bff,#6d9bff);
  box-shadow: 0 0 12px rgba(100,121,255,0.6);
  transition: width 0.08s linear;
}

/* ==================== hero ==================== */
.hero-1 {
  position: relative;
  overflow: hidden;
  padding: 120px 0 64px;
  background: #f6f7fb;
}
.hero-2 {
  position: relative;
  max-width: 980px;
  margin: 0 auto;
  padding: 0 40px;
  text-align: center;
}
.hero-3 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 22px;
  opacity: 0;
}
.hero-4 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0a5cf5;
}
.hero-5 {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1.4px;
  color: #0a5cf5;
}
.hero-6 {
  font-size: clamp(40px,6.4vw,84px);
  font-weight: 500;
  letter-spacing: -2.6px;
  line-height: 1.0;
  color: #0b1530;
  margin-bottom: 24px;
}
.hero-7 {
  display: inline-block;
  overflow: hidden;
  vertical-align: top;
  padding-bottom: 0.08em;
  margin-bottom: -0.08em;
}
.hero-8 {
  display: inline-block;
  transform: translateY(110%);
}
.hero-9 {
  display: inline-block;
  transform: translateY(110%);
  color: #0a5cf5;
}
.hero-10 {
  font-size: 17px;
  color: #4a5168;
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto 34px;
  opacity: 0;
  text-wrap: pretty;
}
.hero-11 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
.hero-12 {
  background: #0a5cf5;
  color: #fff;
  border: none;
  border-radius: 60px;
  padding: 15px 28px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.hero-12:hover {
  background: #0b1530 !important;
}
.hero-13 {
  background: #fff;
  color: #0b1530;
  border: 1.5px solid #d6dbe7;
  border-radius: 60px;
  padding: 15px 28px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.hero-13:hover {
  border-color: #0b1530 !important;
}

/* ==================== scale ==================== */
.scale-1 {
  padding: 0 0 90px;
  background: #f6f7fb;
}
.scale-2 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
}
.scale-3 {
  background: #fff;
  border: 1px solid #e3e7f0;
  border-radius: 26px;
  padding: clamp(26px,4vw,44px);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%,420px),1fr));
  gap: 40px;
  align-items: center;
}
.scale-4 {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.scale-5 {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1.4px;
  color: #6b7286;
}
.scale-6 {
  align-self: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  background: #f3f5fa;
  border-radius: 60px;
  padding: 4px;
}
.scale-7 {
  border: none;
  border-radius: 60px;
  padding: 11px 18px;
  font: inherit;
  font-size: 13.5px;
  font-weight: 500;
  cursor: pointer;
  transition: background .25s, color .25s;
  background: #0b1530;
  color: #fff;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.scale-8 {
  border: none;
  border-radius: 60px;
  padding: 11px 18px;
  font: inherit;
  font-size: 13.5px;
  font-weight: 500;
  cursor: pointer;
  transition: background .25s, color .25s;
  background: transparent;
  color: #4a5168;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.scale-9 {
  font-size: clamp(26px,3vw,38px);
  font-weight: 500;
  letter-spacing: -1px;
  line-height: 1.08;
  color: #0b1530;
  text-wrap: balance;
}
.scale-10 {
  font-size: 15px;
  color: #4a5168;
  line-height: 1.65;
  max-width: 470px;
  text-wrap: pretty;
}
.scale-11 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.scale-12 {
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1.2px;
  color: #8a90a3;
}
.scale-13 {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  height: 200px;
}
.scale-14 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  height: 100%;
}
.scale-15 {
  width: 100%;
  max-width: 44px;
  height: 100%;
  border-radius: 10px 10px 4px 4px;
  background: #e3e8f2;
  transition: background .45s, transform .45s cubic-bezier(.34,1.56,.64,1);
  transform-origin: bottom;
}
.scale-16 {
  font-size: 11px;
  font-weight: 500;
  color: #8a90a3;
  font-variant-numeric: tabular-nums;
}
.scale-17 {
  width: 100%;
  max-width: 44px;
  height: 82%;
  border-radius: 10px 10px 4px 4px;
  background: #e3e8f2;
  transition: background .45s, transform .45s cubic-bezier(.34,1.56,.64,1);
  transform-origin: bottom;
}
.scale-18 {
  width: 100%;
  max-width: 44px;
  height: 68%;
  border-radius: 10px 10px 4px 4px;
  background: #e3e8f2;
  transition: background .45s, transform .45s cubic-bezier(.34,1.56,.64,1);
  transform-origin: bottom;
}
.scale-19 {
  width: 100%;
  max-width: 44px;
  height: 54%;
  border-radius: 10px 10px 4px 4px;
  background: #e3e8f2;
  transition: background .45s, transform .45s cubic-bezier(.34,1.56,.64,1);
  transform-origin: bottom;
}
.scale-20 {
  width: 100%;
  max-width: 44px;
  height: 45%;
  border-radius: 10px 10px 4px 4px;
  background: #e3e8f2;
  transition: background .45s, transform .45s cubic-bezier(.34,1.56,.64,1);
  transform-origin: bottom;
}
.scale-21 {
  width: 100%;
  max-width: 44px;
  height: 39%;
  border-radius: 10px 10px 4px 4px;
  background: #e3e8f2;
  transition: background .45s, transform .45s cubic-bezier(.34,1.56,.64,1);
  transform-origin: bottom;
}
.scale-22 {
  width: 100%;
  max-width: 44px;
  height: 34%;
  border-radius: 10px 10px 4px 4px;
  background: #e3e8f2;
  transition: background .45s, transform .45s cubic-bezier(.34,1.56,.64,1);
  transform-origin: bottom;
}

/* ==================== plans ==================== */
.plans-1 {
  padding: 0 0 90px;
  background: #f6f7fb;
}
.plans-2 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
}
.plans-3 {
  margin-bottom: 34px;
}
.plans-4 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
}
.plans-5 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0a5cf5;
}
.plans-6 {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1.4px;
  color: #0a5cf5;
}
.plans-7 {
  font-size: clamp(30px,3.8vw,48px);
  font-weight: 500;
  letter-spacing: -1.4px;
  line-height: 1.02;
  color: #0b1530;
}
.plans-8 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%,255px),1fr));
  gap: 16px;
  align-items: stretch;
}
.plans-9 {
  position: relative;
  background: #fff;
  border: 1px solid #e1e5ef;
  border-radius: 22px;
  padding: 28px;
  display: flex;
  flex-direction: column;
}
.plans-10 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.plans-11 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #22b8f0;
}
.plans-12 {
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #0b1530;
}
.plans-13 {
  font-size: 14px;
  color: #5a6178;
  line-height: 1.6;
  min-height: 46px;
}
.plans-14 {
  margin: 24px 0 0;
  padding: 16px 18px;
  border-radius: 14px;
  background: #f3f6fb;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.plans-15 {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1.2px;
  color: #0a8fc4;
}
.plans-16 {
  font-size: 15px;
  font-weight: 500;
  color: #0b1530;
  line-height: 1.4;
}
.plans-17 {
  margin: 22px 0 26px;
  background: #fff;
  color: #0b1530;
  border: 1.5px solid #0b1530;
  border-radius: 60px;
  padding: 14px 20px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.plans-18 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 13px;
  font-size: 13.5px;
  color: #2c3349;
  line-height: 1.45;
}
.plans-19 {
  display: flex;
  gap: 11px;
}
.plans-20 {
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #22b8f0;
  margin-top: 6px;
}
.plans-21 {
  position: relative;
  background: #0a5cf5;
  color: #fff;
  box-shadow: 0 30px 60px -28px rgba(10,92,245,0.65);
  overflow: hidden;
  border-radius: 22px;
  padding: 28px;
  display: flex;
  flex-direction: column;
}
.plans-22 {
  display: inline-flex;
  align-self: flex-start;
  background: #ffc533;
  color: #0b1530;
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: 1.2px;
  padding: 5px 11px;
  border-radius: 60px;
  margin-bottom: 16px;
}
.plans-23 {
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #fff;
}
.plans-24 {
  font-size: 14px;
  color: #dce7ff;
  line-height: 1.6;
  min-height: 46px;
}
.plans-25 {
  margin: 24px 0 0;
  padding: 16px 18px;
  border-radius: 14px;
  background: rgba(255,255,255,0.12);
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.plans-26 {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1.2px;
  color: #ffe08a;
}
.plans-27 {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  line-height: 1.4;
}
.plans-28 {
  margin: 22px 0 26px;
  background: #fff;
  color: #0a5cf5;
  border: none;
  border-radius: 60px;
  padding: 14px 20px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.plans-29 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 13px;
  font-size: 13.5px;
  color: #fff;
  line-height: 1.45;
}
.plans-30 {
  display: flex;
  gap: 11px;
  font-weight: 500;
}
.plans-31 {
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ffc533;
  margin-top: 6px;
}
.plans-32 {
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  margin-top: 6px;
}
.plans-33 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ff3386;
}
.plans-34 {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1.2px;
  color: #c8155e;
}
.plans-35 {
  margin: 22px 0 26px;
  background: #0b1530;
  color: #fff;
  border: none;
  border-radius: 60px;
  padding: 14px 20px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.plans-36 {
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #0a5cf5;
  margin-top: 6px;
}
.plans-37 {
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ff3386;
  margin-top: 6px;
}
.plans-38 {
  font-size: 12px;
  color: #6b7286;
  line-height: 1.6;
  margin-top: 22px;
  max-width: 820px;
}

/* ==================== arithmetic ==================== */
.arithmetic-1 {
  padding: 90px 0;
  background: #0b1530;
  position: relative;
  overflow: hidden;
}
.arithmetic-2 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
}
.arithmetic-3 {
  max-width: 900px;
  margin-bottom: 56px;
}
.arithmetic-4 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
}
.arithmetic-5 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ffc533;
}
.arithmetic-6 {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1.4px;
  color: #ffc533;
}
.arithmetic-7 {
  font-size: clamp(30px,4.2vw,56px);
  font-weight: 500;
  letter-spacing: -1.6px;
  line-height: 1.04;
  color: #fff;
  text-wrap: balance;
}
.arithmetic-8 {
  color: #ffc533;
}
.arithmetic-9 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%,260px),1fr));
  gap: 1px;
  background: rgba(255,255,255,0.1);
  border-radius: 20px;
  overflow: hidden;
}
.arithmetic-10 {
  background: #0b1530;
  padding: 30px 28px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.arithmetic-11 {
  font-size: 13px;
  font-weight: 500;
  color: #4d8bff;
}
.arithmetic-12 {
  font-size: 19px;
  font-weight: 500;
  color: #fff;
}
.arithmetic-13 {
  font-size: 14px;
  color: #aab4cf;
  line-height: 1.6;
}
.arithmetic-14 {
  font-size: 13px;
  font-weight: 500;
  color: #ffc533;
}
.arithmetic-15 {
  font-size: 13px;
  font-weight: 500;
  color: #ff3386;
}

/* ==================== included ==================== */
.included-1 {
  padding: 90px 0;
  background: #f6f7fb;
}
.included-2 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
}
.included-3 {
  margin-bottom: 34px;
}
.included-4 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
}
.included-5 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0a5cf5;
}
.included-6 {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1.4px;
  color: #0a5cf5;
}
.included-7 {
  font-size: clamp(30px,3.8vw,48px);
  font-weight: 500;
  letter-spacing: -1.4px;
  line-height: 1.02;
  color: #0b1530;
}
.included-8 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%,300px),1fr));
  gap: 14px;
}
.included-9 {
  background: #fff;
  border: 1px solid #e1e5ef;
  border-radius: 18px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.included-10 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #0a5cf5;
}
.included-11 {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: #0b1530;
}
.included-12 {
  font-size: 13.5px;
  color: #4a5168;
  line-height: 1.6;
  text-wrap: pretty;
}
.included-13 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #08893f;
}
.included-14 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #e09a00;
}
.included-15 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ff3386;
}
.included-16 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #22b8f0;
}
.included-17 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #7a5cff;
}

/* ==================== matrix ==================== */
.matrix-1 {
  padding: 90px 0;
  background: #fff;
  border-top: 1px solid #e9ecf3;
}
.matrix-2 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
}
.matrix-3 {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 34px;
}
.matrix-4 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
}
.matrix-5 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0a5cf5;
}
.matrix-6 {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1.4px;
  color: #0a5cf5;
}
.matrix-7 {
  font-size: clamp(30px,3.8vw,48px);
  font-weight: 500;
  letter-spacing: -1.4px;
  line-height: 1.02;
  color: #0b1530;
}
.matrix-8 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.matrix-9 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  color: #2c3349;
  cursor: pointer;
  user-select: none;
}
.matrix-10 {
  width: 16px;
  height: 16px;
  accent-color: #0a5cf5;
}
.matrix-11 {
  width: min(300px,80vw);
  font: inherit;
  font-size: 13.5px;
  color: #0b1530;
  background: #f6f7fb;
  border: 1px solid #e1e5ef;
  border-radius: 60px;
  padding: 11px 18px;
  outline: none;
}
.matrix-12 {
  border: 1px solid #e1e5ef;
  border-radius: 20px;
  overflow: clip;
}
.matrix-13 {
  position: sticky;
  top: 60px;
  z-index: 5;
  display: grid;
  grid-template-columns: minmax(0,2.2fr) repeat(3,minmax(0,1fr));
  align-items: center;
  background: rgba(255,255,255,0.96);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid #e1e5ef;
}
.matrix-14 {
  padding: 18px 24px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1.4px;
  color: #6b7286;
}
.matrix-15 {
  padding: 18px 8px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #0b1530;
}
.matrix-16 {
  padding: 18px 8px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #0a5cf5;
  background: #eef4ff;
}
.matrix-17 {
  display: none;
  padding: 40px;
  text-align: center;
  font-size: 14px;
  color: #6b7286;
}

/* ==================== special-cases ==================== */
.special-cases-1 {
  padding: 80px 0 0;
  background: #f6f7fb;
}
.special-cases-2 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
}
.special-cases-3 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%,280px),1fr));
  gap: 14px;
}
.special-cases-4 {
  background: #e3f7ea;
  border-radius: 20px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: transform .4s cubic-bezier(.16,1,.3,1);
}
.special-cases-4:hover {
  transform: translateY(-4px) !important;
}
.special-cases-5 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #08893f;
}
.special-cases-6 {
  font-size: 19px;
  font-weight: 500;
  letter-spacing: -0.3px;
  color: #0b1530;
}
.special-cases-7 {
  font-size: 13.5px;
  color: #4a5168;
  line-height: 1.6;
  flex: 1;
}
.special-cases-8 {
  align-self: flex-start;
  background: #fff;
  color: #08893f;
  border: none;
  border-radius: 60px;
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(11,21,48,0.08);
  transition: all 0.2s;
}
.special-cases-9 {
  background: #fff3d6;
  border-radius: 20px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: transform .4s cubic-bezier(.16,1,.3,1);
}
.special-cases-9:hover {
  transform: translateY(-4px) !important;
}
.special-cases-10 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #e09a00;
}
.special-cases-11 {
  align-self: flex-start;
  background: #fff;
  color: #a86a00;
  border: none;
  border-radius: 60px;
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(11,21,48,0.08);
  transition: all 0.2s;
}
.special-cases-12 {
  background: #e8f0ff;
  border-radius: 20px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: transform .4s cubic-bezier(.16,1,.3,1);
}
.special-cases-12:hover {
  transform: translateY(-4px) !important;
}
.special-cases-13 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #0a5cf5;
}
.special-cases-14 {
  align-self: flex-start;
  background: #fff;
  color: #0a5cf5;
  border: none;
  border-radius: 60px;
  padding: 10px 18px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(11,21,48,0.08);
  transition: all 0.2s;
}

/* ==================== quote ==================== */
.quote-1 {
  padding: 90px 0 0;
  background: #f6f7fb;
}
.quote-2 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
}
.quote-3 {
  background: #fff;
  border: 1px solid #e1e5ef;
  border-radius: 28px;
  padding: clamp(28px,5vw,60px);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%,400px),1fr));
  gap: 48px;
}
.quote-4 {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.quote-5 {
  display: flex;
  align-items: center;
  gap: 8px;
}
.quote-6 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0a5cf5;
}
.quote-7 {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1.4px;
  color: #0a5cf5;
}
.quote-8 {
  font-size: clamp(30px,3.8vw,48px);
  font-weight: 500;
  letter-spacing: -1.4px;
  line-height: 1.02;
  color: #0b1530;
}
.quote-9 {
  font-size: 15px;
  color: #4a5168;
  line-height: 1.65;
  max-width: 420px;
}
.quote-10 {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 10px;
}
.quote-11 {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}
.quote-12 {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #e8f0ff;
  color: #0a5cf5;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quote-13 {
  font-size: 14px;
  color: #2c3349;
  line-height: 1.5;
  padding-top: 4px;
}
.quote-14 {
  position: relative;
}
.quote-15 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.quote-16 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%,200px),1fr));
  gap: 14px;
}
.quote-17 {
  display: flex;
  flex-direction: column;
  gap: 7px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.4px;
  color: #4a5168;
}
.quote-18 {
  font: inherit;
  font-size: 15px;
  letter-spacing: 0;
  color: #0b1530;
  background: #f6f7fb;
  border: 1.5px solid #e1e5ef;
  border-radius: 12px;
  padding: 13px 14px;
  outline: none;
  transition: border-color .2s;
}
.quote-18:focus {
  border-color: #0a5cf5 !important;
}
.quote-19 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.quote-20 {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.4px;
  color: #4a5168;
}
.quote-21 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.quote-22 {
  border: 1.5px solid #e1e5ef;
  background: #fff;
  color: #2c3349;
  border-radius: 60px;
  padding: 9px 15px;
  font: inherit;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}
.quote-23 {
  display: none;
  font-size: 13px;
  color: #c8155e;
}
.quote-24 {
  align-self: flex-start;
  margin-top: 6px;
  background: #0a5cf5;
  color: #fff;
  border: none;
  border-radius: 60px;
  padding: 15px 30px;
  font: inherit;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.quote-24:hover {
  background: #0b1530 !important;
}
.quote-25 {
  font-size: 12px;
  color: #8a90a3;
}
.quote-26 {
  display: none;
  flex-direction: column;
  gap: 14px;
  justify-content: center;
  height: 100%;
  min-height: 320px;
}
.quote-27 {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #e3f7ea;
  color: #08893f;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quote-28 {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -0.8px;
  color: #0b1530;
}
.quote-29 {
  font-size: 15px;
  color: #4a5168;
  line-height: 1.65;
  max-width: 380px;
}

/* ==================== faq ==================== */
.faq-1 {
  padding: 90px 0;
  background: #f6f7fb;
}
.faq-2 {
  max-width: 860px;
  margin: 0 auto;
  padding: 0 40px;
}
.faq-3 {
  text-align: center;
  margin-bottom: 40px;
}
.faq-4 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
}
.faq-5 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0a5cf5;
}
.faq-6 {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1.4px;
  color: #0a5cf5;
}
.faq-7 {
  font-size: clamp(30px,3.8vw,48px);
  font-weight: 500;
  letter-spacing: -1.4px;
  line-height: 1.02;
  color: #0b1530;
}
.faq-8 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.faq-9 {
  background: #fff;
  border: 1px solid #e1e5ef;
  border-radius: 16px;
  overflow: hidden;
}
.faq-10 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 22px 24px;
  background: none;
  border: none;
  font: inherit;
  font-size: 15.5px;
  font-weight: 500;
  color: #0b1530;
  text-align: left;
  cursor: pointer;
}
.faq-11 {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #eef1f7;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
.faq-12 {
  position: relative;
  width: 12px;
  height: 12px;
}
.faq-13 {
  position: absolute;
  left: 0;
  right: 0;
  top: 5px;
  height: 2px;
  background: currentColor;
  border-radius: 2px;
}
.faq-14 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
  width: 2px;
  background: currentColor;
  border-radius: 2px;
  transition: transform 0.3s;
}
.faq-15 {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
}
.faq-16 {
  padding: 0 24px 22px;
  font-size: 14px;
  color: #4a5168;
  line-height: 1.7;
}

/* ==================== suite-cta ==================== */
.suite-cta-1 {
  padding: 0 0 100px;
  background: #f6f7fb;
}
.suite-cta-2 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
}
.suite-cta-3 {
  position: relative;
  overflow: hidden;
  background: #0b1530;
  border-radius: 28px;
  padding: clamp(36px,6vw,72px);
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%,380px),1fr));
  gap: 40px;
  align-items: center;
}
.suite-cta-4 {
  position: relative;
  z-index: 1;
}
.suite-cta-5 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 18px;
}
.suite-cta-6 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ffc533;
}
.suite-cta-7 {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 1.4px;
  color: #ffc533;
}
.suite-cta-8 {
  font-size: clamp(28px,3.4vw,44px);
  font-weight: 500;
  letter-spacing: -1.2px;
  line-height: 1.05;
  color: #fff;
  margin-bottom: 16px;
  text-wrap: balance;
}
.suite-cta-9 {
  font-size: 15px;
  color: #aab4cf;
  line-height: 1.65;
  max-width: 470px;
  margin-bottom: 30px;
}
.suite-cta-10 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.suite-cta-11 {
  background: #0a5cf5;
  color: #fff;
  border: none;
  border-radius: 60px;
  padding: 14px 26px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.suite-cta-12 {
  background: transparent;
  color: #fff;
  border: 1.5px solid rgba(255,255,255,0.3);
  border-radius: 60px;
  padding: 14px 26px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
.suite-cta-12:hover {
  border-color: #fff !important;
}
.suite-cta-13 {
  position: relative;
  height: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.suite-cta-14 {
  position: absolute;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.08);
}
.suite-cta-15 {
  position: absolute;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.12);
}
.suite-cta-16 {
  position: absolute;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  border: 1.5px solid rgba(10,92,245,0.6);
  animation: ringPulse 3s ease-out infinite;
}
.suite-cta-17 {
  position: absolute;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  border: 1.5px solid rgba(10,92,245,0.6);
  animation: ringPulse 3s ease-out infinite 1.5s;
}
.suite-cta-18 {
  position: absolute;
  width: 260px;
  height: 260px;
}
.suite-cta-19 {
  position: absolute;
  top: -6px;
  left: 50%;
  margin-left: -6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ffc533;
}
.suite-cta-20 {
  position: absolute;
  width: 180px;
  height: 180px;
}
.suite-cta-21 {
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ff3386;
}
.suite-cta-22 {
  position: relative;
  height: 62px;
  width: auto;
  display: block;
  transition: transform .4s cubic-bezier(.16,1,.3,1);
}

/* ==================== footer ==================== */
.footer-1 {
  background: #050505;
  border-top: 1px solid rgba(255,255,255,0.05);
  padding: 60px 0 32px;
}
.footer-2 {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 40px;
}
.footer-3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
  margin-bottom: 44px;
}
.footer-4 {
  max-width: 340px;
}
.footer-5 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
}
.footer-6 {
  height: 22px;
  width: auto;
  display: block;
}
.footer-7 {
  font-size: 12.5px;
  color: #8f8f9a;
  line-height: 1.65;
}
.footer-8 {
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.8px;
  margin-bottom: 16px;
}
.footer-9 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.footer-10 {
  font-size: 13px;
  color: #a2a2ac;
  cursor: pointer;
  transition: color 0.2s;
}
.footer-10:hover {
  color: #fff !important;
}
.footer-11 {
  padding-top: 24px;
  border-top: 1px solid rgba(255,255,255,0.05);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}
.footer-12 {
  font-size: 11px;
  color: #444;
}
/* ==================== reduced motion ==================== */
@media (prefers-reduced-motion: reduce) {
  * { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
  .ko-orbit { animation: none; }
}