@font-face {
       font-family: 'Comfortaa';
       src: url('webfonts/Comfortaa-Light.woff2') format('woff2');
       font-weight: 300;
       font-style: normal;
       font-display: swap;
   }

   @font-face {
       font-family: 'Comfortaa';
       src: url('webfonts/Comfortaa-Regular.woff2') format('woff2');
       font-weight: 400;
       font-style: normal;
       font-display: swap;
   }

   @font-face {
       font-family: 'Comfortaa';
       src: url('webfonts/Comfortaa-Medium.woff2') format('woff2');
       font-weight: 500;
       font-style: normal;
       font-display: swap;
   }

   @font-face {
       font-family: 'Comfortaa';
       src: url('webfonts/Comfortaa-Bold.woff2') format('woff2');
       font-weight: 700;
       font-style: normal;
       font-display: swap;
   }
:root{
  --bg: #f4f7fb;
  --surface: #ffffff;
  --surface-soft: #f8fafc;
  --text: #0f172a;
  --text-soft: #0e160d;
  --line: #dbe3ee;
  --line-strong: #cbd5e1;
  --primary: #0f172a;
  --primary-2: #84d41a;
  --accent: #49800b;
  --accent-soft: #eff6ff;
  --success: #166534;
  --shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.05);
  --shadow-md: 0 18px 50px rgba(15, 23, 42, 0.08);
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 24px;
  --container: 1200px;
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  font-family:"Montserrat", Arial, sans-serif;
  font-size:18px;
  line-height:1.65;
  color:var(--text);
  background:
    radial-gradient(circle at top left, rgba(37,99,235,0.06), transparent 28%),
    linear-gradient(180deg, #f8fbff 0%, #f4f7fb 55%, #eef3f8 100%);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

img{
  max-width:100%;
  height:auto;
  display:block;
}

a{
  color:inherit;
  text-decoration:none;
}

button,
input,
textarea{
  font:inherit;
}

button{
  cursor:pointer;
}

.container{
  width:min(100% - 32px, var(--container));
  margin:0 auto;
}

h1,h2,h3,h4,h5,h6{
  margin:0 0 16px;
  line-height:1.15;
  color:var(--text);
  letter-spacing:-0.02em;
}

h1{
  font-size:clamp(2.3rem, 5vw, 4.2rem);
  font-weight:800;
}

h2{
  font-size:clamp(1.8rem, 3.4vw, 3rem);
  font-weight:800;
}

h3{
  font-size:clamp(1.15rem, 2vw, 1.45rem);
  font-weight:700;
}

p{
  margin:0 0 18px;
  color:var(--text-soft);
}

ul{
  margin:0;
  padding-left:20px;
}

.sectionBlock{
  padding:88px 0;
}

.sectionBlock--muted{
  background:linear-gradient(180deg, rgba(255,255,255,0.72), rgba(248,250,252,0.92));
  border-top:1px solid rgba(203,213,225,0.45);
  border-bottom:1px solid rgba(203,213,225,0.45);
}

.sectionBlock--compact{
  padding:72px 0 92px;
}

.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:16px;
  padding:8px 14px;
  border:1px solid rgba(37,99,235,0.14);
  border-radius:999px;
  background:rgba(255,255,255,0.78);
  color:var(--accent);
  font-size:0.78rem;
  font-weight:700;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:0.12em;
}

.sectionHead{
  max-width:860px;
  margin:0 0 40px;
}

.sectionHead p{
  max-width:760px;
}
   html,
   body {
       height: 100%;
   }

   body {
       margin: 0;
       font-family: 'Comfortaa', sans-serif;
       font-size: 18px;
       line-height: 1.45;
       color: #f5f2ff;
       overflow-x: hidden;
   }

   a {
       color: inherit;
       text-decoration: none;
   }

   button {
       font: inherit;
   }

   .page {
       min-height: 100%;
       position: relative;
   }

   .topNav {
       position: sticky;
       top: 0;
       z-index: 50;
       background: rgba(9, 5, 22, 0.55);
       backdrop-filter: blur(14px);
       border-bottom: 1px solid rgba(255, 255, 255, 0.10);
   }

   .topNav__inner {
       max-width: 1220px;
       margin: 0 auto;
       padding: 14px 18px;
       display: flex;
       align-items: center;
       justify-content: space-between;
       gap: 14px;
   }

   .brand {
       display: inline-flex;
       align-items: center;
       gap: 10px;
       font-weight: 700;
       letter-spacing: 0.2px;
   }

   .brand__mark {
       width: 34px;
       height: 34px;
       border-radius: 10px;
       background: linear-gradient(135deg, rgba(129, 66, 255, 1), rgba(255, 58, 170, 1));
       box-shadow: 0 14px 40px rgba(129, 66, 255, 0.22);
       display: inline-flex;
       align-items: center;
       justify-content: center;
   }

   .brand__mark i {
       font-size: 16px;
       color: #120a2b;
   }

   .navRow {
       display: flex;
       align-items: center;
       gap: 18px;
   }

   .navRow__links {
       display: flex;
       align-items: center;
       gap: 18px;
   }

   .navRow__link {
       font-size: 14px;
       opacity: 0.92;
       padding: 10px 8px;
       border-radius: 10px;
       transition: 160ms ease;
       display: inline-flex;
       align-items: center;
       gap: 8px;
   }

   .navRow__link:hover {
       background: rgba(255, 255, 255, 0.06);
       opacity: 1;
   }

   .navRow__link i {
       font-size: 12px;
       opacity: 0.9;
   }

   .navRow__actions {
       display: flex;
       align-items: center;
       gap: 10px;
       margin-left: 6px;
   }

   .btn {
       border: 1px solid rgba(255, 255, 255, 0.16);
       background: rgba(255, 255, 255, 0.05);
       color: #f3eeee;
       padding: 10px 14px;
       border-radius: 12px;
       cursor: pointer;
       transition: 160ms ease;
       font-size: 14px;
       font-weight: 600;
       letter-spacing: 0.2px;
       display: inline-flex;
       align-items: center;
       justify-content: center;
       gap: 8px;
       min-height: 40px;
       user-select: none;
       white-space: nowrap;
   }

   .btn:hover {
       transform: translateY(-1px);
       background: rgba(255, 255, 255, 0.08);
   }

   .btn:active {
       transform: translateY(0px);
   }

   .btn--ghost {
       background: rgba(255, 255, 255, 0.02);
       border-color: rgba(255, 255, 255, 0.18);
   }

   .btn--primary {
       border: none;
       background: linear-gradient(135deg, rgba(129, 66, 255, 1), rgba(255, 58, 170, 1));
       box-shadow: 0 14px 45px rgba(129, 66, 255, 0.22);
   }

   .btn--primary:hover {
       background: linear-gradient(135deg, rgba(141, 84, 255, 1), rgba(255, 88, 190, 1));
   }

   .btn--light {
       background: #ffffff;
       color: #17102f;
       border: none;
   }

   .burger {
       width: 44px;
       height: 44px;
       border-radius: 12px;
       border: 1px solid rgba(255, 255, 255, 0.16);
       background: rgba(255, 255, 255, 0.05);
       cursor: pointer;
       display: none;
       align-items: center;
       justify-content: center;
       transition: 160ms ease;
   }

   .burger:hover {
       background: rgba(255, 255, 255, 0.08);
       transform: translateY(-1px);
   }

   .burger i {
       font-size: 18px;
   }

   .drawer {
       position: fixed;
       inset: 0;
       z-index: 80;
       display: none;
   }

   .drawer.is-open {
       display: block;
   }

   .drawer__backdrop {
       position: absolute;
       inset: 0;
       background: rgba(6, 3, 16, 0.66);
       backdrop-filter: blur(6px);
   }

   .drawer__panel {
       position: absolute;
       top: 0;
       right: 0;
       height: 100%;
       width: min(420px, 92vw);
       background: linear-gradient(180deg, rgba(16, 10, 40, 0.96), rgba(10, 6, 26, 0.98));
       border-left: 1px solid rgba(255, 255, 255, 0.12);
       box-shadow: -20px 0 70px rgba(0, 0, 0, 0.45);
       padding: 16px 16px 20px;
       transform: translateX(12px);
       animation: drawerIn 220ms ease forwards;
       overflow: auto;
   }

   @keyframes drawerIn {
       from {
           opacity: 0;
           transform: translateX(24px);
       }

       to {
           opacity: 1;
           transform: translateX(0);
       }
   }

   .drawer__top {
       display: flex;
       align-items: center;
       justify-content: space-between;
       gap: 12px;
       padding: 6px 4px 12px;
       border-bottom: 1px solid rgba(255, 255, 255, 0.10);
   }

   .drawer__close {
       width: 44px;
       height: 44px;
       border-radius: 12px;
       border: 1px solid rgba(255, 255, 255, 0.16);
       background: rgba(255, 255, 255, 0.05);
       cursor: pointer;
       transition: 160ms ease;
       display: inline-flex;
       align-items: center;
       justify-content: center;
   }

   .drawer__close:hover {
       background: rgba(255, 255, 255, 0.08);
       transform: translateY(-1px);
   }

   .drawer__close i {
       font-size: 18px;
   }

   .drawer__links {
       display: grid;
       gap: 10px;
       padding: 14px 4px 10px;
   }

   .drawer__link {
       display: flex;
       align-items: center;
       justify-content: space-between;
       gap: 12px;
       padding: 12px 12px;
       border-radius: 14px;
       border: 1px solid rgba(255, 255, 255, 0.12);
       background: rgba(255, 255, 255, 0.04);
       transition: 160ms ease;
   }

   .drawer__link:hover {
       background: rgba(255, 255, 255, 0.07);
       transform: translateY(-1px);
   }

   .drawer__link span {
       font-weight: 600;
       font-size: 14px;
   }

   .drawer__link i {
       opacity: 0.9;
   }

   .drawer__actions {
       display: grid;
       gap: 10px;
       padding: 12px 4px 0px;
   }

   .hero {
       position: relative;
       padding: 64px 0 34px;
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;

   }

   .hero__bg {
       position: absolute;
       inset: -180px -120px auto -120px;
       /* height: 520px; */
       pointer-events: none;
       filter: blur(0px);
       opacity: 1;
   }

   .hero__inner {
       max-width: 1220px;
       margin: 0 auto;
       padding: 0 18px;
       display: grid;
       grid-template-columns: 1.1fr 0.9fr;
       gap: 28px;
       align-items: center;
   }

   .hero__content {
       position: relative;
       z-index: 2;
       padding: 18px 0;
   }

   .hero__kicker {
       display: inline-flex;
       align-items: center;
       gap: 10px;
       padding: 8px 12px;
       border-radius: 999px;
       border: 1px solid rgba(255, 255, 255, 0.14);
       background: rgba(255, 255, 255, 0.04);
       font-size: 13px;
       font-weight: 600;
       letter-spacing: 0.2px;
       opacity: 0.95;
       margin-bottom: 18px;
   }

   .hero__kicker i {
       color: rgba(255, 255, 255, 0.9);
   }

   .hero__title {
       margin: 0 0 14px;
       font-size: clamp(40px, 4.3vw, 72px);
       line-height: 1.02;
       letter-spacing: -0.8px;
       font-weight: 700;
   }

   .hero__lead {
       margin: 0 0 16px;
       max-width: 58ch;
       color: rgba(245, 242, 255, 0.86);
       font-size: 16px;
       line-height: 1.6;
   }

   .hero__subline {
       margin: 0 0 22px;
       color: rgba(245, 242, 255, 0.78);
       font-size: 14px;
       line-height: 1.6;
   }

   .hero__cta {
       display: flex;
       gap: 12px;
       flex-wrap: wrap;
       align-items: center;
       margin-top: 8px;
   }

   .hero__cta .btn {
       min-height: 46px;
       padding: 12px 16px;
       border-radius: 14px;
   }

   .hero__visual {
       position: relative;
       z-index: 1;
       min-height: 420px;
       display: flex;
       justify-content: flex-end;
       align-items: center;
   }

   .visualCard {
       position: relative;
       width: min(520px, 100%);
       aspect-ratio: 4 / 5;
       border-radius: 26px;
       border: 1px solid rgba(255, 255, 255, 0.12);
       background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02));
       overflow: hidden;
       box-shadow: 0 30px 90px rgba(0, 0, 0, 0.48);
   }

   .visualCard__rays {
       position: absolute;
       inset: -10% -30% -10% -30%;
       background:
           linear-gradient(110deg,
               rgba(255, 58, 170, 0) 0%,
               rgba(255, 58, 170, 0.55) 22%,
               rgba(129, 66, 255, 0.42) 44%,
               rgba(255, 124, 52, 0.55) 66%,
               rgba(255, 58, 170, 0) 100%);
       transform: rotate(-16deg);
       filter: blur(0px);
       opacity: 0.85;
       mix-blend-mode: screen;
   }

   .visualCard__glow {
       position: absolute;
       width: 520px;
       height: 520px;
       border-radius: 50%;
       right: -220px;
       top: -140px;
       background: radial-gradient(circle at 35% 35%, rgba(92, 210, 255, 0.55), rgba(92, 210, 255, 0) 60%);
       filter: blur(2px);
       opacity: 0.9;
   }

   .visualCard__person {
       position: absolute;
       inset: 0;
       display: flex;
       align-items: flex-end;
       justify-content: center;
       padding: 0 0px 0;
   }

   .visualCard__person img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       object-position: 65% 30%;
       transform: scale(1.02);
       filter: contrast(1.02) saturate(1.05);
   }

   .visualCard__tag {
       position: absolute;
       right: 18px;
       bottom: 18px;
       display: inline-flex;
       align-items: center;
       gap: 10px;
       padding: 10px 12px;
       border-radius: 14px;
       border: 1px solid rgba(255, 255, 255, 0.18);
       background: rgba(0, 0, 0, 0.32);
       backdrop-filter: blur(12px);
       font-size: 13px;
       color: rgba(245, 242, 255, 0.92);
   }

   .visualCard__tag i {
       color: rgba(255, 255, 255, 0.9);
   }

   .featureRow {
       max-width: 1220px;
       margin: 66px auto 26px;
       padding: 0 18px;
   }

   .featureGrid {
       display: grid;
       grid-template-columns: repeat(4, 1fr);
       gap: 0;
       border: 1px solid rgba(255, 255, 255, 0.12);
       border-radius: 18px;
       overflow: hidden;
       background: rgba(255, 255, 255, 0.03);
   }

   .feature {
       padding: 18px 18px 16px;
       min-height: 132px;
       border-right: 1px solid rgba(255, 255, 255, 0.10);
       position: relative;
   }

   .feature:last-child {
       border-right: none;
   }

   .feature__top {
       display: flex;
       align-items: center;
       gap: 12px;
       margin-bottom: 10px;
   }

   .feature__icon {
       width: 36px;
       height: 36px;
       border-radius: 12px;
       display: inline-flex;
       align-items: center;
       justify-content: center;
   }

   .feature__icon i {
       font-size: 20px;
       opacity: 0.95;
   }

   .feature__title {
       margin: 0;
       font-size: 16px;
       font-weight: 700;
       letter-spacing: -0.2px;
   }

   .feature__text {
       margin: 0;
       font-size: 17px;
       line-height: 1.55;
       color: rgba(245, 242, 255, 0.78);
       max-width: 42ch;
   }

   .hero--alt .hero__inner {
       grid-template-columns: 1fr 1fr;
   }

   .hero--alt .visualCard__tag {
       left: 18px;
       right: auto;
   }

   @media (max-width: 1100px) {
       .hero__inner {
           grid-template-columns: 1fr 1fr;
       }

       .navRow__links {
           gap: 10px;
       }

       .navRow__link {
           font-size: 13px;
           padding: 9px 8px;
       }
   }

   @media (max-width: 980px) {
       .navRow__links {
           display: none;
       }

       .navRow__actions {
           display: none;
       }

       .burger {
           display: inline-flex;
       }

       .hero {
           padding: 44px 0 20px;
           overflow: hidden;
       }

       .hero__inner {
           grid-template-columns: 1fr;
       }

       .hero__visual {
           justify-content: center;
           min-height: 360px;
       }

       .visualCard {
           width: min(560px, 100%);
           aspect-ratio: 16 / 11;
           border-radius: 22px;
       }

       .visualCard__person img {
           object-position: 62% 28%;
       }

       .featureGrid {
           grid-template-columns: 1fr 1fr;
       }

       .feature:nth-child(2) {
           border-right: none;
       }

       .feature:nth-child(3),
       .feature:nth-child(4) {
           border-top: 1px solid rgba(255, 255, 255, 0.10);
       }
   }

   @media (max-width: 560px) {
       body {
           font-size: 18px;
       }

       .topNav__inner {
           padding: 12px 12px;
       }

       .hero__inner {
           padding: 0 12px;
       }

       .featureRow {
           padding: 0 12px;
       }

       .hero__kicker {
           font-size: 12px;
       }

       .hero__lead {
           font-size: 15px;
       }

       .hero__subline {
           font-size: 13px;
       }

       .hero__cta {
           gap: 10px;
       }

       .hero__cta .btn {
           width: 100%;
           justify-content: center;
       }

       .featureGrid {
           grid-template-columns: 1fr;
       }

       .feature {
           border-right: none;
       }

       .feature+.feature {
           border-top: 1px solid rgba(255, 255, 255, 0.10);
       }
   }

   .hpCloud {
       padding: 56px 0;
   }

   .hpCloud__wrap {
       max-width: 1220px;
       margin: 0 auto;
       padding: 0 22px;
   }

   .hpCloud__grid {
       display: grid;
       grid-template-columns: 520px 1fr;
       gap: 56px;
       align-items: center;
   }

   .hpCloud__media {
       position: relative;
       border-radius: 14px;
       background: #f3f3f3;
       overflow: hidden;
       min-height: 310px;
       box-shadow: 0 10px 30px rgba(16, 10, 31, 0.08);
   }

   .hpCloud__mediaInner {
       position: relative;
       width: 100%;
       height: 100%;
       min-height: 310px;
   }

   .hpCloud__img {
       position: absolute;
       inset: 0;
       width: 100%;
       height: 100%;
       object-fit: cover;
       object-position: 55% 35%;
       transform: scale(1.02);
   }

   .hpCloud__stars {
       position: absolute;
       left: 24px;
       bottom: 26px;
       display: inline-flex;
       align-items: center;
       gap: 10px;
       padding: 10px 12px;
       border-radius: 10px;
       background: #6f1bff;
       color: #eff3ee;
       box-shadow: 0 16px 30px rgba(111, 27, 255, 0.22);
   }

   .hpCloud__stars i {
       font-size: 16px;
   }

   .hpCloud__stars span {
       font-size: 14px;
       font-weight: 700;
       letter-spacing: 0.2px;
   }

   .hpCloud__content {
       padding: 10px 0;
   }

   .hpCloud__title {
       margin: 0 0 18px;
       font-weight: 700;
       letter-spacing: -0.6px;
       font-size: clamp(36px, 4.2vw, 64px);
       line-height: 1.02;
       color: #0f0a1f;
   }

   .hpCloud__lead {
       margin: 0 0 18px;
       font-size: 16px;
       line-height: 1.65;
       color: rgba(15, 10, 31, 0.80);
       max-width: 66ch;
   }

   .hpCloud__list {
       margin: 0 0 22px;
       padding: 0;
       list-style: none;
       display: grid;
       gap: 10px;
   }

   .hpCloud__item {
       display: flex;
       align-items: flex-start;
       gap: 10px;
       color: rgba(15, 10, 31, 0.92);
       font-size: 16px;
       line-height: 1.55;
   }

   .hpCloud__item i {
       margin-top: 4px;
       color: #0f0a1f;
       opacity: 0.9;
       font-size: 14px;
       width: 18px;
       flex: 0 0 18px;
   }

   .hpCloud__item strong {
       font-weight: 700;
       color: #6f1bff;
   }

   .hpCloud__note {
       margin: 0 0 18px;
       font-size: 16px;
       line-height: 1.65;
       color: rgba(15, 10, 31, 0.82);
   }

   .hpCloud__cta {
       display: flex;
       align-items: center;
       gap: 14px;
       flex-wrap: wrap;
   }

   .hpCloud__btn {
       border: none;
       cursor: pointer;
       padding: 14px 22px;
       border-radius: 10px;
       background: #6f1bff;
       color: #fff;
       font-weight: 800;
       font-size: 13px;
       letter-spacing: 0.4px;
       text-transform: uppercase;
       min-height: 48px;
       box-shadow: 0 16px 30px rgba(111, 27, 255, 0.22);
       transition: 160ms ease;
       display: inline-flex;
       align-items: center;
       justify-content: center;
       gap: 10px;
   }

   .hpCloud__btn:hover {
       transform: translateY(-1px);
       filter: brightness(1.04);
   }

   .hpCloud__btn:active {
       transform: translateY(0px);
   }

   .hpCloud__mutedLink {
       display: inline-flex;
       align-items: center;
       gap: 10px;
       font-size: 14px;
       color: rgba(15, 10, 31, 0.68);
       padding: 12px 10px;
       border-radius: 10px;
       border: 1px solid rgba(15, 10, 31, 0.10);
       background: rgba(15, 10, 31, 0.02);
       transition: 160ms ease;
       min-height: 48px;
   }

   .hpCloud__mutedLink:hover {
       background: rgba(15, 10, 31, 0.04);
       transform: translateY(-1px);
   }

   .hpCloud--alt .hpCloud__grid {
       grid-template-columns: 500px 1fr;
       gap: 62px;
   }

   .hpCloud--alt .hpCloud__media {
       border-radius: 16px;
   }

   .hpCloud--alt .hpCloud__stars {
       left: 20px;
       bottom: 20px;
   }

   @media (max-width: 1100px) {
       .hpCloud__grid {
           grid-template-columns: 460px 1fr;
           gap: 40px;
       }
   }

   @media (max-width: 980px) {
       .hpCloud {
           padding: 44px 0;
       }

       .hpCloud__grid {
           grid-template-columns: 1fr;
           gap: 26px;
       }

       .hpCloud__media {
           min-height: 280px;
       }

       .hpCloud__mediaInner {
           min-height: 280px;
       }

       .hpCloud__img {
           object-position: 58% 30%;
       }
   }

   @media (max-width: 560px) {
       .hpCloud__wrap {
           padding: 0 14px;
       }

       .hpCloud__media {
           border-radius: 14px;
       }

       .hpCloud__stars {
           left: 14px;
           bottom: 14px;
           padding: 9px 10px;
       }

       .hpCloud__stars i {
           font-size: 15px;
       }

       .hpCloud__stars span {
           font-size: 13px;
       }

       .hpCloud__lead,
       .hpCloud__item,
       .hpCloud__note {
           font-size: 15px;
       }

       .hpCloud__btn {
           width: 100%;
       }

       .hpCloud__mutedLink {
           width: 100%;
           justify-content: center;
       }
   }

   .bizHero {
       padding: 64px 0;
   }

   .bizHero__wrap {
       max-width: 1220px;
       margin: 0 auto;
       padding: 0 22px;
   }

   .bizHero__grid {
       display: grid;
       grid-template-columns: 1.08fr 0.92fr;
       gap: 56px;
       align-items: center;
   }

   .bizHero__title {
       margin: 0 0 18px;
       font-weight: 700;
       letter-spacing: -0.7px;
       font-size: clamp(44px, 4.6vw, 78px);
       line-height: 1.03;
       color: #120a2a;
   }

   .bizHero__lead {
       margin: 0 0 18px;
       font-size: 16px;
       line-height: 1.65;
       color: rgba(18, 10, 42, 0.80);
       max-width: 70ch;
   }

   .bizHero__list {
       margin: 0 0 26px;
       padding: 0 0 0 20px;
       display: grid;
       gap: 10px;
       color: rgba(18, 10, 42, 0.90);
       font-size: 16px;
       line-height: 1.6;
   }

   .bizHero__list li {
       padding-left: 6px;
   }

   .bizHero__list a {
       color: #6f1bff;
       font-weight: 600;
   }

   .bizHero__btn {
       display: inline-flex;
       align-items: center;
       justify-content: center;
       border: none;
       cursor: pointer;
       padding: 14px 22px;
       border-radius: 10px;
       background: #6f1bff;
       color: #fff;
       font-weight: 800;
       font-size: 13px;
       letter-spacing: 0.4px;
       text-transform: uppercase;
       min-height: 48px;
       box-shadow: 0 16px 30px rgba(111, 27, 255, 0.22);
       transition: 160ms ease;
       gap: 10px;
       white-space: nowrap;
   }

   .bizHero__btn:hover {
       transform: translateY(-1px);
       filter: brightness(1.04);
   }

   .bizHero__btn:active {
       transform: translateY(0px);
   }

   .bizHero__visual {
       display: flex;
       justify-content: flex-end;
   }

   .vizCard {
       width: min(560px, 100%);
       aspect-ratio: 16 / 9;
       border-radius: 14px;
       background: #f1f1f1;
       position: relative;
       overflow: hidden;
       box-shadow: 0 10px 30px rgba(16, 10, 31, 0.08);
   }

   .vizCard img {
       height: 100%;
       object-fit: cover;
       width: 100%;
   }

   .vizCard__gridFade {
       position: absolute;
       inset: 0;
       background:
           radial-gradient(520px 260px at 70% 30%, rgba(111, 27, 255, 0.18), rgba(241, 241, 241, 0) 60%),
           radial-gradient(520px 260px at 30% 70%, rgba(255, 58, 170, 0.14), rgba(241, 241, 241, 0) 62%);
       pointer-events: none;
   }

   .vizStack {
       position: absolute;
       left: 58%;
       top: 50%;
       transform: translate(-50%, -52%);
       width: 260px;
       display: grid;
       gap: 14px;
   }

   .vizStack__server {
       height: 54px;
       border-radius: 12px;
       background: linear-gradient(135deg, rgba(111, 27, 255, 1), rgba(255, 58, 170, 1));
       box-shadow: 0 16px 30px rgba(111, 27, 255, 0.18);
       position: relative;
       overflow: hidden;
   }

   .vizStack__server:before {
       content: "";
       position: absolute;
       left: 18px;
       top: 16px;
       width: 10px;
       height: 10px;
       border-radius: 50%;
       background: rgba(255, 255, 255, 0.55);
       box-shadow: 18px 0 0 rgba(255, 255, 255, 0.35);
   }

   .vizStack__server:after {
       content: "";
       position: absolute;
       left: 24px;
       right: 18px;
       bottom: 14px;
       height: 4px;
       border-radius: 999px;
       background: rgba(255, 255, 255, 0.72);
   }

   .vizStack__server:nth-child(2) {
       background: linear-gradient(135deg, rgba(130, 40, 255, 1), rgba(255, 88, 160, 1));
   }

   .vizStack__server:nth-child(3) {
       background: linear-gradient(135deg, rgba(92, 34, 255, 1), rgba(255, 88, 120, 1));
   }

   .vizCloudBadge {
       position: absolute;
       right: 44px;
       top: 36px;
       width: 86px;
       height: 86px;
       border-radius: 16px;
       background: rgba(255, 255, 255, 0.70);
       border: 1px solid rgba(18, 10, 42, 0.10);
       box-shadow: 0 16px 40px rgba(16, 10, 31, 0.10);
       display: flex;
       align-items: center;
       justify-content: center;
       backdrop-filter: blur(10px);
   }

   .vizCloudBadge i {
       font-size: 28px;
       color: rgba(18, 10, 42, 0.88);
   }

   .vizServersCard {
       position: absolute;
       left: 90px;
       bottom: 34px;
       width: 190px;
       border-radius: 14px;
       background: rgba(255, 255, 255, 0.78);
       border: 1px solid rgba(18, 10, 42, 0.10);
       box-shadow: 0 16px 40px rgba(16, 10, 31, 0.10);
       backdrop-filter: blur(10px);
       padding: 12px 12px 10px;
   }

   .vizServersCard__top {
       display: flex;
       align-items: center;
       gap: 10px;
       margin-bottom: 10px;
       font-size: 14px;
       font-weight: 700;
       color: rgba(18, 10, 42, 0.86);
   }

   .vizServersCard__bars {
       display: grid;
       gap: 8px;
   }

   .vizServersCard__bar {
       height: 6px;
       border-radius: 999px;
       background: rgba(18, 10, 42, 0.12);
       overflow: hidden;
       position: relative;
   }

   .vizServersCard__bar>span {
       position: absolute;
       left: 0;
       top: 0;
       height: 100%;
       border-radius: 999px;
       background: linear-gradient(90deg, rgba(111, 27, 255, 1), rgba(255, 58, 170, 1));
       width: 78%;
   }

   .vizServersCard__bar:nth-child(2)>span {
       width: 62%;
   }

   .vizServersCard__bar:nth-child(3)>span {
       width: 44%;
       background: linear-gradient(90deg, rgba(255, 58, 170, 1), rgba(255, 124, 52, 1));
   }

   .vizLine {
       position: absolute;
       left: 48%;
       top: 58%;
       width: 220px;
       height: 110px;
       border-left: 3px solid rgba(18, 10, 42, 0.82);
       border-bottom: 3px solid rgba(18, 10, 42, 0.82);
       border-radius: 0 0 0 14px;
       transform: translate(-50%, -50%);
       opacity: 0.85;
   }

   .bizHero--alt .bizHero__grid {
       gap: 64px;
   }

   .bizHero--alt .vizServersCard {
       left: 72px;
       bottom: 28px;
   }

   @media (max-width: 1100px) {
       .bizHero__grid {
           gap: 40px;
       }

       .vizServersCard {
           left: 64px;
       }

       .vizCloudBadge {
           right: 32px;
       }
   }

   @media (max-width: 980px) {
       .bizHero {
           padding: 46px 0;
       }

       .bizHero__grid {
           grid-template-columns: 1fr;
           gap: 26px;
       }

       .bizHero__visual {
           justify-content: flex-start;
       }

       .vizCard {
           width: 100%;
       }

       .vizStack {
           left: 62%;
       }

       .vizServersCard {
           left: 18px;
           bottom: 18px;
       }

       .vizCloudBadge {
           right: 18px;
           top: 18px;
           width: 78px;
           height: 78px;
       }

       .vizLine {
           left: 52%;
           top: 64%;
           width: 190px;
           height: 96px;
       }
   }

   @media (max-width: 560px) {
       .bizHero__wrap {
           padding: 0 14px;
       }

       .bizHero__lead {
           font-size: 15px;
       }

       .bizHero__list {
           font-size: 15px;
       }

       .bizHero__btn {
           width: 100%;
       }

       .vizStack {
           width: 220px;
       }

       .vizStack__server {
           height: 50px;
       }

       .vizServersCard {
           width: 172px;
       }
   }



   .ctaHero {
       position: relative;
       padding: 86px 0 94px;
       background:
           radial-gradient(1200px 700px at 18% 30%, rgba(129, 66, 255, 0.35), rgba(10, 6, 26, 0) 62%),
           radial-gradient(900px 600px at 75% 25%, rgba(255, 64, 176, 0.20), rgba(10, 6, 26, 0) 60%),
           linear-gradient(180deg, #0b0620 0%, #070418 100%);
       overflow: hidden;
   }

   .ctaHero__wrap {
       max-width: 1280px;
       margin: 0 auto;
       padding: 0 26px;
       position: relative;
       z-index: 2;
   }

   .ctaHero__grid {
       display: grid;
       grid-template-columns: 1.05fr 0.95fr;
       gap: 56px;
       align-items: center;
       min-height: 360px;
   }

   .ctaHero__title {
       margin: 0;
       font-weight: 700;
       letter-spacing: -0.9px;
       font-size: clamp(54px, 5.8vw, 92px);
       line-height: 1.02;
       color: rgba(255, 255, 255, 0.98);
   }

   .ctaHero__right {
       max-width: 560px;
       justify-self: end;
       padding-top: 12px;
   }

   .ctaHero__text {
       margin: 0 0 22px;
       font-size: 18px;
       line-height: 1.6;
       color: rgba(255, 255, 255, 0.90);
   }

   .ctaHero__btn {
       display: inline-flex;
       align-items: center;
       justify-content: center;
       min-height: 48px;
       padding: 12px 26px;
       border-radius: 12px;
       border: 1px solid rgba(255, 255, 255, 0.10);
       background: #ffffff;
       color: #0f0a1f;
       font-weight: 800;
       font-size: 12px;
       letter-spacing: 0.45px;
       text-transform: uppercase;
       cursor: pointer;
       transition: 160ms ease;
       box-shadow: 0 18px 50px rgba(0, 0, 0, 0.32);
       user-select: none;
       white-space: nowrap;
   }

   .ctaHero__btn:hover {
       transform: translateY(-1px);
       filter: brightness(1.03);
   }

   .ctaHero__btn:active {
       transform: translateY(0px);
   }

   .ctaHero__bg {
       position: absolute;
       inset: -120px -120px -160px -120px;
       pointer-events: none;
       z-index: 1;
   }

   .ctaHero__streaks {
       position: absolute;
       inset: -60px -140px auto -140px;
       height: 420px;
       transform: rotate(-8deg);
       opacity: 0.95;
       background:
           linear-gradient(90deg,
               rgba(255, 86, 140, 0.0) 0%,
               rgba(255, 86, 140, 0.55) 18%,
               rgba(255, 190, 90, 0.52) 34%,
               rgba(129, 66, 255, 0.46) 54%,
               rgba(255, 64, 176, 0.50) 72%,
               rgba(255, 86, 140, 0.0) 100%);
       filter: blur(0px);
       mix-blend-mode: screen;
   }

   .ctaHero__streaks:before {
       content: "";
       position: absolute;
       inset: 0;
       background:
           repeating-linear-gradient(0deg,
               rgba(255, 255, 255, 0.00) 0px,
               rgba(255, 255, 255, 0.00) 18px,
               rgba(255, 255, 255, 0.06) 19px,
               rgba(255, 255, 255, 0.00) 40px);
       opacity: 0.7;
       mix-blend-mode: overlay;
   }

   .ctaHero__shadow {
       position: absolute;
       inset: 0;
       background:
           radial-gradient(900px 520px at 20% 60%, rgba(0, 0, 0, 0.10), rgba(0, 0, 0, 0.50) 70%),
           radial-gradient(900px 520px at 80% 60%, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.48) 72%);
       opacity: 0.85;
   }

   .ctaHero--alt .ctaHero__streaks {
       transform: rotate(-10deg);
       height: 460px;
       opacity: 0.92;
       background:
           linear-gradient(90deg,
               rgba(255, 86, 140, 0.0) 0%,
               rgba(255, 86, 140, 0.52) 16%,
               rgba(255, 140, 70, 0.50) 34%,
               rgba(129, 66, 255, 0.44) 56%,
               rgba(255, 64, 176, 0.48) 76%,
               rgba(255, 86, 140, 0.0) 100%);
   }

   @media (max-width: 1100px) {
       .ctaHero__grid {
           gap: 40px;
       }

       .ctaHero__right {
           justify-self: start;
       }
   }

   @media (max-width: 980px) {
       .ctaHero {
           padding: 58px 0 66px;
       }

       .ctaHero__grid {
           grid-template-columns: 1fr;
           gap: 22px;
           min-height: auto;
       }

       .ctaHero__right {
           max-width: 720px;
           justify-self: start;
           padding-top: 0;
       }

       .ctaHero__text {
           margin-bottom: 18px;
       }
   }

   @media (max-width: 560px) {
       .ctaHero__wrap {
           padding: 0 14px;
       }

       .ctaHero__title {
           font-size: clamp(40px, 11vw, 56px);
       }

       .ctaHero__text {
           font-size: 16px;
       }

       .ctaHero__btn {
           width: 100%;
       }

       .ctaHero__streaks {
           height: 360px;
           inset: -70px -170px auto -170px;
       }
   }

   .postGrid {
       padding: 68px 0 44px;
   }

   .postGrid__wrap {
       max-width: 1320px;
       margin: 0 auto;
       padding: 0 22px;
   }

   .postGrid__row {
       display: grid;
       grid-template-columns: repeat(3, 1fr);
       gap: 28px;
       align-items: stretch;
   }

   .postCard {
       border: 1.5px solid rgba(139, 67, 255, 0.55);
       border-bottom-color: rgba(255, 72, 72, 0.95);
       border-radius: 10px;
       background: #ffffff;
       padding: 26px 28px 22px;
       min-height: 420px;
       display: flex;
       flex-direction: column;
       box-shadow: 0 10px 30px rgba(16, 10, 31, 0.06);
       position: relative;
       overflow: hidden;
   }

   .postCard:before {
       content: "";
       position: absolute;
       inset: 0;
       border-radius: 10px;
       pointer-events: none;
       background:
           radial-gradient(520px 260px at 30% 20%, rgba(139, 67, 255, 0.08), rgba(255, 255, 255, 0) 62%);
       opacity: 1;
   }

   .postCard__date {
       position: relative;
       z-index: 1;
       font-size: 14px;
       color: rgba(21, 10, 43, 0.80);
       margin-bottom: 18px;
       display: flex;
       align-items: center;
       gap: 10px;
   }

   .postCard__date i {
       font-size: 14px;
       color: rgba(21, 10, 43, 0.55);
   }

   .postCard__title {
       position: relative;
       z-index: 1;
       margin: 0 0 18px;
       font-weight: 700;
       letter-spacing: -0.4px;
       font-size: 40px;
       line-height: 1.05;
       color: #150a2b;
       max-width: 16ch;
   }

   .postCard__text {
       position: relative;
       z-index: 1;
       margin: 0;
       font-size: 15px;
       line-height: 1.7;
       color: rgba(21, 10, 43, 0.82);
       max-width: 64ch;
   }

   .postCard__spacer {
       flex: 1 1 auto;
       min-height: 18px;
   }

   .postCard__tags {
       position: relative;
       z-index: 1;
       display: flex;
       flex-wrap: wrap;
       gap: 12px;
       margin-top: 18px;
   }

   .tagPill {
       display: inline-flex;
       align-items: center;
       gap: 10px;
       border: 1.5px solid rgba(139, 67, 255, 0.55);
       color: rgba(21, 10, 43, 0.90);
       background: #ffffff;
       padding: 12px 18px;
       border-radius: 10px;
       font-size: 14px;
       font-weight: 500;
       transition: 160ms ease;
       white-space: nowrap;
       min-height: 42px;
   }

   .tagPill i {
       font-size: 14px;
       color: rgba(139, 67, 255, 0.85);
   }

   .tagPill:hover {
       transform: translateY(-1px);
       box-shadow: 0 10px 18px rgba(139, 67, 255, 0.10);
       border-color: rgba(139, 67, 255, 0.75);
   }

   .postCard--alt {
       border-color: rgba(139, 67, 255, 0.52);
       border-bottom-color: rgba(255, 72, 72, 0.90);
       border-radius: 12px;
       padding: 26px 28px 22px;
   }

   .postCard--alt .postCard__title {
       font-size: 38px;
   }

   @media (max-width: 1100px) {
       .postCard__title {
           font-size: 36px;
       }

       .postCard--alt .postCard__title {
           font-size: 34px;
       }
   }

   @media (max-width: 980px) {
       .postGrid {
           padding: 28px 0 36px;
       }

       .postGrid__row {
           grid-template-columns: 1fr;
           gap: 18px;
       }

       .postCard {
           min-height: 0;
       }

       .postCard__title {
           max-width: 26ch;
       }
   }

   @media (max-width: 560px) {
       .postGrid__wrap {
           padding: 0 14px;
       }

       .postCard {
           padding: 20px 18px 18px;
       }

       .postCard__title {
           font-size: 32px;
       }

       .postCard__text {
           font-size: 14px;
       }

       .tagPill {
           padding: 11px 14px;
           font-size: 13px;
       }
   }

   .revSw {
       padding: 56px 0 66px;
   }

   .revSw__wrap {
       max-width: 1400px;
       margin: 0 auto;
       padding: 0 24px;
   }

   .revSw__shell {
       display: grid;
       grid-template-columns: 96px 1fr 96px;
       gap: 18px;
       align-items: center;
   }

   .revSw__nav {
       width: 60px;
       height: 60px;
       border-radius: 999px;
       border: 1px solid rgba(20, 16, 24, 0.18);
       background: #ffffff;
       cursor: pointer;
       display: flex;
       align-items: center;
       justify-content: center;
       transition: 160ms ease;
       user-select: none;
       box-shadow: 0 10px 24px rgba(16, 10, 31, 0.05);
       margin: 0 auto;
   }

   .revSw__nav:hover {
       transform: translateY(-1px);
       background: rgba(20, 16, 24, 0.02);
   }

   .revSw__nav:active {
       transform: translateY(0px);
   }

   .revSw__nav i {
       font-size: 18px;
       color: rgba(20, 16, 24, 0.82);
   }

   .revSw__nav--muted {
       border-color: rgba(20, 16, 24, 0.14);
       color: rgba(20, 16, 24, 0.72);
   }

   .revSw__nav--strong {
       border-color: rgba(20, 16, 24, 0.22);
       color: rgba(20, 16, 24, 0.86);
   }

   .revSw__track {
       min-width: 0;
   }

   .revSw__swiper {
       padding: 0;
       /* overflow: visible; */
   }

   .revSw__slide {
       height: auto;
   }

   .revSw__card {
       border: 2px solid rgba(20, 16, 24, 0.18);
       border-radius: 6px;
       background: #ffffff;
       padding: 22px 22px 18px;
       min-height: 246px;
       display: flex;
       flex-direction: column;
       justify-content: space-between;
       box-shadow: 0 12px 28px rgba(16, 10, 31, 0.04);
   }

   .revSw__quote {
       margin: 0 0 18px;
       font-size: 16px;
       line-height: 1.65;
       color: rgba(20, 16, 24, 0.92);
   }

   .revSw__footer {
       display: flex;
       align-items: center;
       gap: 12px;
       padding-top: 8px;
   }

   .revSw__avatar {
       width: 52px;
       height: 52px;
       border-radius: 999px;
       overflow: hidden;
       flex: 0 0 52px;
       border: 1px solid rgba(20, 16, 24, 0.14);
       background: rgba(20, 16, 24, 0.04);
   }

   .revSw__avatar img {
       width: 100%;
       height: 100%;
       object-fit: cover;
   }

   .revSw__meta {
       display: flex;
       flex-direction: column;
       gap: 6px;
       min-width: 0;
   }

   .revSw__name {
       font-size: 14px;
       font-weight: 600;
       color: rgba(20, 16, 24, 0.72);
       font-style: italic;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
       max-width: 170px;
   }

   .revSw__ratingRow {
       display: flex;
       align-items: center;
       gap: 10px;
       flex-wrap: wrap;
   }

   .revSw__stars {
       display: inline-flex;
       align-items: center;
       gap: 4px;
       color: #ff3b30;
       font-size: 16px;
       letter-spacing: 1px;
   }

   .revSw__gBadge {
       display: inline-flex;
       align-items: center;
       gap: 8px;
       font-size: 14px;
       font-weight: 800;
       color: rgba(20, 16, 24, 0.86);
   }

   .revSw__gMark {
       width: 22px;
       height: 22px;
       border-radius: 999px;
       display: inline-flex;
       align-items: center;
       justify-content: center;
       background: #ff3b30;
       color: #fff;
       font-size: 12px;
       font-weight: 900;
       box-shadow: 0 10px 18px rgba(255, 59, 48, 0.16);
   }

   .revSw__tp {
       display: inline-flex;
       flex-wrap: wrap;
       align-items: center;
       gap: 10px;
       color: rgba(20, 16, 24, 0.88);
       font-size: 14px;
       font-weight: 800;
   }

   .revSw__tpStars {
       display: inline-flex;
       align-items: center;
       gap: 3px;
       background: #0aa35a;
       padding: 6px 8px;
       border-radius: 6px;
       color: #ffffff;
   }

   .revSw__tpStars i {
       font-size: 13px;
   }

   .revSw__tpText {
       display: inline-flex;
       align-items: center;
       gap: 8px;
       white-space: nowrap;
   }

   .revSw__tpText i {
       color: #0aa35a;
   }

   .revSw__card--tp .revSw__stars {
       color: #0aa35a;
   }

   .revSw__card--tp .revSw__gMark {
       background: #0aa35a;
       box-shadow: 0 10px 18px rgba(10, 163, 90, 0.16);
   }

   .revSw--alt .revSw__card {
       border-radius: 8px;
       border-width: 2px;
       padding: 22px 22px 18px;
   }

   .revSw__nav.is-disabled {
       opacity: 0.35;
       pointer-events: none;
   }

   @media (max-width: 1200px) {
       .revSw__shell {
           grid-template-columns: 86px 1fr 86px;
       }
   }

   @media (max-width: 980px) {
       .revSw {
           padding: 38px 0 48px;
       }

       .revSw__shell {
           grid-template-columns: 68px 1fr 68px;
           gap: 14px;
       }

       .revSw__nav {
           width: 52px;
           height: 52px;
       }
   }

   @media (max-width: 560px) {
       .revSw__wrap {
           padding: 0 14px;
       }

       .revSw__shell {
           grid-template-columns: 52px 1fr 52px;
       }

       .revSw__card {
           min-height: 0;
       }

       .revSw__quote {
           font-size: 15px;
       }
   }

   .helpHero {
       position: relative;
       padding: 92px 0 96px;
       background:
           radial-gradient(1200px 700px at 16% 45%, rgba(129, 66, 255, 0.30), rgba(10, 6, 26, 0) 62%),
           radial-gradient(900px 600px at 78% 28%, rgba(255, 64, 176, 0.18), rgba(10, 6, 26, 0) 60%),
           linear-gradient(180deg, #0b0620 0%, #070418 100%);
       overflow: hidden;
   }

   .helpHero__bg {
       position: absolute;
       inset: -140px -140px -180px -140px;
       pointer-events: none;
       z-index: 1;
   }

   .helpHero__streaks {
       position: absolute;
       inset: -80px -180px auto -180px;
       height: 520px;
       transform: rotate(-9deg);
       opacity: 0.95;
       background:
           linear-gradient(90deg,
               rgba(255, 86, 140, 0.0) 0%,
               rgba(255, 86, 140, 0.55) 18%,
               rgba(255, 190, 90, 0.52) 34%,
               rgba(129, 66, 255, 0.46) 54%,
               rgba(255, 64, 176, 0.50) 72%,
               rgba(255, 86, 140, 0.0) 100%);
       mix-blend-mode: screen;
   }

   .helpHero__streaks:before {
       content: "";
       position: absolute;
       inset: 0;
       background:
           repeating-linear-gradient(0deg,
               rgba(255, 255, 255, 0.00) 0px,
               rgba(255, 255, 255, 0.00) 18px,
               rgba(255, 255, 255, 0.06) 19px,
               rgba(255, 255, 255, 0.00) 44px);
       opacity: 0.72;
       mix-blend-mode: overlay;
   }

   .helpHero__shade {
       position: absolute;
       inset: 0;
       background:
           radial-gradient(900px 520px at 18% 58%, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.52) 72%),
           radial-gradient(900px 520px at 82% 52%, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.50) 74%);
       opacity: 0.86;
   }

   .helpHero__wrap {
       max-width: 1280px;
       margin: 0 auto;
       padding: 0 26px;
       position: relative;
       z-index: 2;
   }

   .helpHero__grid {
       display: grid;
       grid-template-columns: 1.05fr 0.95fr;
       gap: 64px;
       align-items: center;
       min-height: 320px;
   }

   .helpHero__title {
       margin: 0;
       font-weight: 700;
       letter-spacing: -0.9px;
       font-size: clamp(64px, 6vw, 110px);
       line-height: 1.02;
       color: rgba(255, 255, 255, 0.98);
   }

   .helpHero__right {
       max-width: 640px;
       justify-self: end;
   }

   .helpHero__copy {
       margin: 0 0 22px;
       font-size: 18px;
       line-height: 1.7;
       color: rgba(255, 255, 255, 0.88);
   }

   .helpHero__copy strong {
       font-weight: 800;
       color: rgba(255, 255, 255, 0.96);
   }

   .helpHero__copy em {
       font-style: normal;
       font-weight: 800;
       color: rgba(255, 255, 255, 0.96);
   }

   .helpHero__divider {
       height: 18px;
   }

   .helpHero__btn {
       display: inline-flex;
       align-items: center;
       justify-content: center;
       min-height: 48px;
       padding: 12px 24px;
       border-radius: 12px;
       border: 1px solid rgba(255, 255, 255, 0.10);
       background: #ffffff;
       color: #0f0a1f;
       font-weight: 800;
       font-size: 12px;
       letter-spacing: 0.45px;
       text-transform: uppercase;
       cursor: pointer;
       transition: 160ms ease;
       box-shadow: 0 18px 50px rgba(0, 0, 0, 0.32);
       user-select: none;
       white-space: nowrap;
   }

   .helpHero__btn:hover {
       transform: translateY(-1px);
       filter: brightness(1.03);
   }

   .helpHero__btn:active {
       transform: translateY(0px);
   }

   .helpHero--alt .helpHero__grid {
       gap: 72px;
   }

   .helpHero--alt .helpHero__streaks {
       transform: rotate(-10deg);
       height: 560px;
       opacity: 0.92;
   }

   @media (max-width: 1100px) {
       .helpHero__grid {
           gap: 44px;
       }

       .helpHero__right {
           justify-self: start;
       }
   }

   @media (max-width: 980px) {
       .helpHero {
           padding: 56px 0 66px;
       }

       .helpHero__grid {
           grid-template-columns: 1fr;
           gap: 22px;
           min-height: auto;
       }

       .helpHero__right {
           max-width: 780px;
           justify-self: start;
       }

       .helpHero__title {
           font-size: clamp(50px, 9vw, 72px);
       }

       .helpHero__copy {
           font-size: 16px;
       }
   }

   @media (max-width: 560px) {
       .helpHero__wrap {
           padding: 0 14px;
       }

       .helpHero__btn {
           width: 100%;
       }

       .helpHero__streaks {
           height: 420px;
           inset: -90px -210px auto -210px;
       }
   }

   .ucFoot {
       position: relative;
       padding: 22px 0;
       background:
           radial-gradient(1100px 520px at 35% 0%, rgba(129, 66, 255, 0.18), rgba(10, 6, 26, 0) 62%),
           radial-gradient(900px 520px at 75% 40%, rgba(255, 64, 176, 0.12), rgba(10, 6, 26, 0) 62%),
           linear-gradient(180deg, #140526 0%, #0b041a 100%);
       overflow: hidden;
   }

   .ucFoot:before {
       content: "";
       position: absolute;
       left: 0;
       right: 0;
       top: 0;
       height: 1px;
       background: rgba(255, 255, 255, 0.08);
       pointer-events: none;
   }

   .ucFoot__wrap {
       max-width: 1400px;
       margin: 0 auto;
       padding: 0 26px;
   }

   .ucFoot__row {
       display: flex;
       align-items: center;
       justify-content: space-between;
       gap: 22px;
   }

   .ucFoot__left {
       display: flex;
       align-items: center;
       gap: 28px;
       flex-wrap: wrap;
       min-width: 0;
   }

   .ucFoot__copy {
       font-size: 14px;
       color: rgba(255, 255, 255, 0.82);
       white-space: nowrap;
   }

   .ucFoot__links {
       display: flex;
       align-items: center;
       gap: 22px;
       flex-wrap: wrap;
   }

   .ucFoot__link {
       font-size: 14px;
       font-weight: 600;
       color: rgba(255, 255, 255, 0.88);
       transition: 160ms ease;
       white-space: nowrap;
   }

   .ucFoot__link:hover {
       color: rgba(255, 255, 255, 1);
       text-decoration: underline;
       text-underline-offset: 3px;
   }

   .ucFoot__right {
       display: flex;
       align-items: center;
       gap: 18px;
       flex-wrap: wrap;
       justify-content: flex-end;
   }

   .ucFoot__socials {
       display: flex;
       align-items: center;
       gap: 18px;
       flex-wrap: wrap;
   }

   .ucFoot__soc {
       width: 34px;
       height: 34px;
       border-radius: 10px;
       display: flex;
       align-items: center;
       justify-content: center;
       color: rgba(255, 255, 255, 0.88);
       transition: 160ms ease;
   }

   .ucFoot__soc:hover {
       background: rgba(255, 255, 255, 0.06);
       transform: translateY(-1px);
       color: rgba(255, 255, 255, 1);
   }

   .ucFoot__soc i {
       font-size: 18px;
   }

   .ucFoot__top {
       width: 34px;
       height: 34px;
       border-radius: 10px;
       border: 1px solid rgba(255, 255, 255, 0.16);
       background: rgba(255, 255, 255, 0.96);
       color: #0f0a1f;
       display: flex;
       align-items: center;
       justify-content: center;
       cursor: pointer;
       transition: 160ms ease;
       box-shadow: 0 14px 32px rgba(0, 0, 0, 0.24);
   }

   .ucFoot__top:hover {
       transform: translateY(-1px);
       filter: brightness(1.03);
   }

   .ucFoot__top:active {
       transform: translateY(0px);
   }

   .ucFoot__top i {
       font-size: 14px;
   }

   @media (max-width: 980px) {
       .ucFoot__row {
           align-items: flex-start;
       }

       .ucFoot__right {
           gap: 14px;
       }
   }

   @media (max-width: 820px) {
       .ucFoot__row {
           flex-direction: column;
           align-items: flex-start;
           gap: 14px;
       }

       .ucFoot__right {
           width: 100%;
           justify-content: space-between;
       }
   }

   @media (max-width: 560px) {
       .ucFoot__wrap {
           padding: 0 14px;
       }

       .ucFoot__left {
           gap: 14px;
       }

       .ucFoot__links {
           gap: 14px;
       }

       .ucFoot__socials {
           gap: 10px;
       }

       .ucFoot__soc {
           width: 32px;
           height: 32px;
           border-radius: 9px;
       }

       .ucFoot__top {
           width: 32px;
           height: 32px;
           border-radius: 9px;
       }
   }

   .mission {
       padding: 56px 0 34px;
       background: #fff;
   }

   .mission__wrap {
       max-width: 1320px;
       margin: 0 auto;
       padding: 0 22px;
   }

   .mission__grid {
       display: grid;
       grid-template-columns: 1.08fr 0.92fr;
       gap: 56px;
       align-items: start;
   }

   .mission__media {
       border-radius: 12px;
       overflow: hidden;
       background: #e9e9f1;
       box-shadow: 0 18px 44px rgba(16, 10, 31, 0.10);
       min-height: 420px;
   }

   .mission__media img {
       display: block;
       width: 100%;
       height: 100%;
       object-fit: cover;
       aspect-ratio: 16/9;
   }

   .mission__content {
       padding-top: 6px;
   }

   .mission__title {
       margin: 0 0 18px;
       font-weight: 700;
       letter-spacing: -0.8px;
       font-size: clamp(44px, 4.8vw, 78px);
       line-height: 1.03;
       color: #140a22;
   }

   .mission__text {
       margin: 0 0 22px;
       font-size: 16px;
       line-height: 1.75;
       color: rgba(20, 10, 34, 0.84);
       max-width: 70ch;
   }

   .mission__text strong {
       font-weight: 800;
       color: rgba(20, 10, 34, 0.98);
   }

   .community {
       padding: 56px 0 70px;
       border-top: 1px solid rgba(20, 10, 34, 0.10);
       background: #fff;
   }

   .community__wrap {
       max-width: 1320px;
       margin: 0 auto;
       padding: 0 22px;
   }

   .community__grid {
       display: grid;
       grid-template-columns: 0.95fr 1.05fr;
       gap: 64px;
       align-items: start;
   }

   .community__left {
       padding-top: 8px;
   }

   .community__title {
       margin: 0 0 18px;
       font-weight: 700;
       letter-spacing: -0.8px;
       font-size: clamp(52px, 5.2vw, 92px);
       line-height: 1.02;
       color: #140a22;
   }

   .community__sub {
       margin: 0;
       font-size: 16px;
       line-height: 1.7;
       color: rgba(20, 10, 34, 0.78);
   }

   .community__right {
       display: grid;
       grid-template-columns: 1fr 1fr;
       gap: 38px;
       padding-top: 10px;
   }

   .statCard__title {
       margin: 0 0 10px;
       font-weight: 800;
       font-size: 34px;
       letter-spacing: -0.3px;
       color: #140a22;
   }

   .statCard__text {
       margin: 0;
       font-size: 15px;
       line-height: 1.75;
       color: rgba(20, 10, 34, 0.82);
       max-width: 56ch;
   }

   .statCard__badge {
       display: inline-flex;
       align-items: center;
       gap: 10px;
       margin-top: 14px;
       font-size: 13px;
       font-weight: 700;
       color: rgba(20, 10, 34, 0.86);
   }

   .statCard__badge i {
       color: rgba(111, 27, 255, 0.92);
       font-size: 14px;
   }

   @media (max-width: 1100px) {
       .mission__grid {
           gap: 40px;
       }

       .community__grid {
           gap: 44px;
       }

       .statCard__title {
           font-size: 30px;
       }
   }

   @media (max-width: 980px) {
       .mission {
           padding: 38px 0 26px;
       }

       .mission__grid {
           grid-template-columns: 1fr;
           gap: 22px;
       }

       .mission__media {
           min-height: 0;
       }

       .mission__title {
           font-size: clamp(40px, 9vw, 64px);
       }

       .community {
           padding: 40px 0 54px;
       }

       .community__grid {
           grid-template-columns: 1fr;
           gap: 22px;
       }

       .community__right {
           grid-template-columns: 1fr;
           gap: 22px;
       }

       .community__title {
           font-size: clamp(44px, 10vw, 70px);
       }
   }

   @media (max-width: 560px) {

       .mission__wrap,
       .community__wrap {
           padding: 0 14px;
       }

       .mission__text {
           font-size: 15px;
       }

       .community__sub {
           font-size: 15px;
       }

       .statCard__title {
           font-size: 28px;
       }

       .statCard__text {
           font-size: 14px;
       }
   }

   .feat {
       padding: 34px 0 56px;
       background: #fff;
   }

   .feat__wrap {
       max-width: 1380px;
       margin: 0 auto;
       padding: 0 22px;
   }

   .feat__kicker {
       margin: 0 0 8px;
       font-size: 14px;
       font-weight: 500;
       color: rgba(18, 10, 31, 0.75);
   }

   .feat__title {
       margin: 0 0 30px;
       font-weight: 700;
       letter-spacing: -0.9px;
       font-size: clamp(52px, 5.6vw, 98px);
       line-height: 1.02;
       color: #120a1f;
   }

   .feat__grid {
       display: grid;
       grid-template-columns: repeat(3, minmax(0, 1fr));
       gap: 22px;
       align-items: stretch;
   }

   .featCard {
       border: 2px solid rgba(139, 67, 255, 0.55);
       border-bottom-color: rgba(255, 72, 72, 0.95);
       border-radius: 10px;
       background: #ffffff;
       padding: 26px 28px 22px;
       min-height: 372px;
       display: flex;
       flex-direction: column;
       box-shadow: 0 10px 30px rgba(16, 10, 31, 0.06);
       position: relative;
       overflow: hidden;
   }

   .featCard:before {
       content: "";
       position: absolute;
       inset: 0;
       border-radius: 10px;
       pointer-events: none;
       background:
           radial-gradient(520px 260px at 22% 18%, rgba(139, 67, 255, 0.08), rgba(255, 255, 255, 0) 62%);
   }

   .featCard__head {
       position: relative;
       z-index: 1;
       display: flex;
       align-items: flex-start;
       gap: 18px;
       margin-bottom: 16px;
   }

   .featCard__icon {
       width: 44px;
       height: 44px;
       display: flex;
       align-items: center;
       justify-content: center;
       border-radius: 10px;
       background: rgba(139, 67, 255, 0.08);
       border: 1px solid rgba(139, 67, 255, 0.22);
       color: rgba(139, 67, 255, 0.98);
       flex: 0 0 44px;
   }

   .featCard__icon i {
       font-size: 22px;
   }

   .featCard__h {
       margin: 4px 0 0;
       font-weight: 600;
       letter-spacing: -0.2px;
       font-size: 34px;
       line-height: 1.06;
       color: #120a1f;
       max-width: 16ch;
   }

   .featCard__text {
       position: relative;
       z-index: 1;
       margin: 0;
       font-size: 15px;
       line-height: 1.75;
       color: rgba(18, 10, 31, 0.82);
       max-width: 62ch;
       padding-top: 10px;
   }

   .featCard__text a {
       color: rgba(121, 43, 255, 0.98);
       font-weight: 600;
   }

   .featCard__text a:hover {
       text-decoration: underline;
       text-underline-offset: 3px;
   }

   .featCard__spacer {
       flex: 1 1 auto;
       min-height: 22px;
   }

   .featCard__btn {
       position: relative;
       z-index: 1;
       display: inline-flex;
       align-items: center;
       justify-content: center;
       min-height: 44px;
       padding: 10px 18px;
       border-radius: 10px;
       border: 1.8px solid rgba(139, 67, 255, 0.55);
       color: rgba(121, 43, 255, 0.98);
       background: #ffffff;
       font-size: 12px;
       font-weight: 800;
       letter-spacing: 0.35px;
       text-transform: uppercase;
       transition: 160ms ease;
       width: fit-content;
       white-space: nowrap;
   }

   .featCard__btn:hover {
       transform: translateY(-1px);
       box-shadow: 0 12px 18px rgba(139, 67, 255, 0.10);
       border-color: rgba(139, 67, 255, 0.72);
   }

   .featCard__btn:active {
       transform: translateY(0px);
   }

   .featCard--tall {
       min-height: 392px;
   }

   @media (max-width: 1100px) {
       .featCard__h {
           font-size: 30px;
       }
   }

   @media (max-width: 980px) {
       .feat {
           padding: 26px 0 44px;
       }

       .feat__title {
           margin-bottom: 18px;
       }

       .feat__grid {
           grid-template-columns: 1fr;
           gap: 16px;
       }

       .featCard {
           min-height: 0;
       }

       .featCard__h {
           max-width: 24ch;
       }
   }

   @media (max-width: 560px) {
       .feat__wrap {
           padding: 0 14px;
       }

       .featCard {
           padding: 20px 18px 18px;
       }

       .featCard__icon {
           width: 42px;
           height: 42px;
           border-radius: 10px;
       }

       .featCard__h {
           font-size: 28px;
       }

       .featCard__text {
           font-size: 14px;
       }

       .featCard__btn {
           width: 100%;
       }
   }

   .storage {
       padding: 28px 0 64px;
       background: #fff;
   }

   .storage__wrap {
       max-width: 1220px;
       margin: 0 auto;
       padding: 0 22px;
   }

   .storage__h1 {
       margin: 0 0 18px;
       font-weight: 700;
       letter-spacing: -0.9px;
       font-size: clamp(54px, 6vw, 96px);
       line-height: 1.02;
       color: #120a1f;
   }

   .storage__h2 {
       margin: 0 0 18px;
       font-weight: 600;
       letter-spacing: -0.4px;
       font-size: 34px;
       line-height: 1.12;
       color: #120a1f;
   }

   .storage__copy {
       margin: 0 0 18px;
       font-size: 15px;
       line-height: 1.75;
       color: rgba(18, 10, 31, 0.82);
       max-width: 86ch;
   }

   .storage__copy strong {
       font-weight: 800;
       color: rgba(18, 10, 31, 0.94);
   }

   .storage__tableWrap {
       margin-top: 34px;
       border-radius: 8px;
       overflow: hidden;
       box-shadow: 0 16px 40px rgba(16, 10, 31, 0.06);
   }

   .storageTable {
       width: 100%;
       border-collapse: separate;
       border-spacing: 0;
       background: #fff;
   }

   .storageTable thead th {
       padding: 18px 22px;
       text-align: left;
       font-size: 14px;
       font-weight: 700;
       color: rgba(255, 255, 255, 0.94);
       letter-spacing: 0.2px;
       background: linear-gradient(90deg, #6a16e8 0%, #7c1bf0 35%, #9c1bd8 65%, #ea214f 100%);
       border: 0;
   }

   .storageTable thead th:first-child {
       border-top-left-radius: 8px;
   }

   .storageTable thead th:last-child {
       border-top-right-radius: 8px;
   }

   .storageTable tbody td {
       padding: 18px 22px;
       font-size: 15px;
       color: rgba(18, 10, 31, 0.90);
       border-bottom: 1px solid rgba(18, 10, 31, 0.08);
       vertical-align: middle;
       background: #fff;
   }

   .storageTable tbody tr:last-child td {
       border-bottom: 0;
   }

   .storageTable tbody tr.is-soft td {
       background: rgba(106, 22, 232, 0.06);
   }

   .storageTable__type {
       font-weight: 500;
       color: rgba(18, 10, 31, 0.92);
   }

   .storageTable__price {
       display: flex;
       flex-direction: column;
       gap: 10px;
       align-items: flex-start;
   }

   .storageTable__val {
       color: rgba(106, 22, 232, 0.88);
       font-weight: 500;
       display: inline-flex;
       flex-direction: column;
       gap: 8px;
   }

   .storageTable__underline {
       width: 120px;
       height: 2px;
       background: rgba(106, 22, 232, 0.95);
       border-radius: 999px;
   }

   .storageTable__val small {
       font-size: 14px;
       color: rgba(106, 22, 232, 0.78);
       font-weight: 500;
   }

   .storage__note {
       margin-top: 10px;
       font-size: 13px;
       color: rgba(18, 10, 31, 0.66);
   }

   @media (max-width: 980px) {
       .storage {
           padding: 22px 0 54px;
       }

       .storage__h2 {
           font-size: 30px;
       }

       .storage__tableWrap {
           margin-top: 22px;
       }
   }

   @media (max-width: 820px) {
       .storageTable thead {
           display: none;
       }

       .storageTable,
       .storageTable tbody,
       .storageTable tr,
       .storageTable td {
           display: block;
           width: 100%;
       }

       .storageTable tbody tr {
           border: 1px solid rgba(18, 10, 31, 0.10);
           border-top: 0;
       }

       .storageTable tbody tr:first-child {
           border-top: 1px solid rgba(18, 10, 31, 0.10);
       }

       .storageTable tbody td {
           border-bottom: 1px solid rgba(18, 10, 31, 0.08);
           padding: 16px 16px;
       }

       .storageTable tbody td:last-child {
           border-bottom: 0;
       }

       .storageTable__label {
           display: block;
           font-size: 12px;
           font-weight: 800;
           letter-spacing: 0.2px;
           color: rgba(18, 10, 31, 0.62);
           text-transform: uppercase;
           margin-bottom: 8px;
       }

       .storageTable__underline {
           width: 140px;
       }
   }

   @media (max-width: 560px) {
       .storage__wrap {
           padding: 0 14px;
       }

       .storage__copy {
           font-size: 14px;
       }

       .storage__h2 {
           font-size: 28px;
       }

       .storageTable__underline {
           width: 120px;
       }
   }

   .faq {
       padding: 22px 0 70px;
       background: #fff;
   }

   .faq__wrap {
       max-width: 980px;
       margin: 0 auto;
       padding: 0 22px;
   }

   .faq__h1 {
       margin: 0 0 22px;
       font-weight: 700;
       letter-spacing: -0.8px;
       font-size: clamp(50px, 6vw, 84px);
       line-height: 1.03;
       color: #120a1f;
   }

   .faq__h2 {
       margin: 0 0 14px;
       font-weight: 600;
       letter-spacing: -0.4px;
       font-size: 34px;
       line-height: 1.15;
       color: #120a1f;
   }

   .faq__lead {
       margin: 0 0 22px;
       font-size: 15px;
       line-height: 1.8;
       color: rgba(18, 10, 31, 0.82);
       max-width: 92ch;
   }

   .faq__list {
       border-top: 1px solid rgba(18, 10, 31, 0.14);
   }

   .faqItem {
       border-bottom: 1px solid rgba(18, 10, 31, 0.14);
   }

   .faqItem__btn {
       width: 100%;
       display: flex;
       align-items: flex-start;
       justify-content: space-between;
       gap: 20px;
       padding: 18px 0;
       background: transparent;
       border: 0;
       color: #120a1f;
       cursor: pointer;
       text-align: left;
   }

   .faqItem__q {
       margin: 0;
       font-size: 16px;
       line-height: 1.55;
       font-weight: 600;
       color: rgba(18, 10, 31, 0.92);
       max-width: 84ch;
   }

   .faqItem__icon {
       flex: 0 0 auto;
       width: 24px;
       height: 24px;
       display: flex;
       align-items: center;
       justify-content: center;
       color: rgba(18, 10, 31, 0.70);
       margin-top: 2px;
   }

   .faqItem__icon i {
       font-size: 16px;
   }

   .faqItem__panel {
       display: none;
       padding: 0 0 18px;
   }

   .faqItem__a {
       margin: 0;
       font-size: 15px;
       line-height: 1.85;
       color: rgba(18, 10, 31, 0.80);
       max-width: 92ch;
   }

   .faqItem__a a {
       color: rgba(121, 43, 255, 0.98);
       font-weight: 600;
   }

   .faqItem__a a:hover {
       text-decoration: underline;
       text-underline-offset: 3px;
   }

   .faqItem.is-open .faqItem__panel {
       display: block;
   }

   .faqItem.is-open .faqItem__icon {
       color: rgba(18, 10, 31, 0.82);
   }

   @media (max-width: 980px) {
       .faq {
           padding: 18px 0 56px;
       }

       .faq__h2 {
           font-size: 30px;
       }
   }

   @media (max-width: 560px) {
       .faq__wrap {
           padding: 0 14px;
       }

       .faq__lead,
       .faqItem__a {
           font-size: 14px;
       }

       .faqItem__btn {
           padding: 16px 0;
       }

       .faqItem__q {
           font-size: 15px;
       }
   }

   .reach {
       position: relative;
       padding: 56px 0 70px;
       overflow: hidden;
       background:
           radial-gradient(1100px 720px at 15% 70%, rgba(130, 60, 255, 0.26), rgba(11, 6, 32, 0) 62%),
           radial-gradient(900px 620px at 72% 30%, rgba(255, 64, 176, 0.20), rgba(11, 6, 32, 0) 58%),
           linear-gradient(180deg, #0b0620 0%, #070418 100%);
   }

   .reach__bg {
       position: absolute;
       inset: -140px -160px -220px -160px;
       pointer-events: none;
       z-index: 1;
   }

   .reach__streak {
       position: absolute;
       inset: -120px -260px auto -260px;
       height: 640px;
       transform: rotate(-10deg);
       opacity: 0.94;
       background:
           linear-gradient(90deg,
               rgba(255, 86, 140, 0.0) 0%,
               rgba(255, 86, 140, 0.50) 16%,
               rgba(255, 196, 92, 0.44) 32%,
               rgba(160, 76, 255, 0.46) 52%,
               rgba(255, 64, 176, 0.48) 70%,
               rgba(255, 86, 140, 0.0) 100%);
       mix-blend-mode: screen;
       filter: blur(0.2px);
   }

   .reach__streak:before {
       content: "";
       position: absolute;
       inset: 0;
       background:
           repeating-linear-gradient(0deg,
               rgba(255, 255, 255, 0.00) 0px,
               rgba(255, 255, 255, 0.00) 18px,
               rgba(255, 255, 255, 0.06) 19px,
               rgba(255, 255, 255, 0.00) 42px);
       opacity: 0.65;
       mix-blend-mode: overlay;
   }

   .reach__shade {
       position: absolute;
       inset: 0;
       background:
           radial-gradient(900px 560px at 18% 60%, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.58) 74%),
           radial-gradient(900px 560px at 82% 48%, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.55) 74%);
       opacity: 0.92;
   }

   .reach__wrap {
       max-width: 1400px;
       margin: 0 auto;
       padding: 0 26px;
       position: relative;
       z-index: 2;
   }

   .reach__grid {
       display: grid;
       grid-template-columns: 1.04fr 0.96fr;
       gap: 42px;
       align-items: start;
   }

   .reach__kicker {
       margin: 6px 0 10px;
       font-size: 14px;
       font-weight: 600;
       color: rgba(255, 255, 255, 0.86);
   }

   .reach__title {
       margin: 0 0 20px;
       font-weight: 700;
       letter-spacing: -0.9px;
       font-size: clamp(46px, 5.2vw, 92px);
       line-height: 1.03;
       color: rgba(255, 255, 255, 0.98);
   }

   .reach__lead {
       margin: 0 0 18px;
       font-size: 15px;
       line-height: 1.75;
       color: rgba(255, 255, 255, 0.82);
       max-width: 70ch;
   }

   .reach__contactList {
       display: flex;
       flex-direction: column;
       gap: 10px;
       margin: 18px 0 18px;
   }

   .reach__contactItem {
       display: flex;
       align-items: center;
       gap: 10px;
       font-size: 14px;
       color: rgba(255, 255, 255, 0.84);
   }

   .reach__contactItem i {
       width: 18px;
       color: rgba(255, 255, 255, 0.82);
       opacity: 0.95;
   }

   .reach__contactItem a {
       color: rgba(255, 255, 255, 0.92);
       font-weight: 600;
   }

   .reach__contactItem a:hover {
       text-decoration: underline;
       text-underline-offset: 3px;
   }

   .reach__ratingRow {
       display: flex;
       align-items: center;
       gap: 14px;
       margin: 18px 0 20px;
       color: rgba(255, 255, 255, 0.92);
   }

   .reach__badge {
       width: 44px;
       height: 44px;
       border-radius: 999px;
       display: flex;
       align-items: center;
       justify-content: center;
       background: rgba(255, 255, 255, 0.10);
       border: 1px solid rgba(255, 255, 255, 0.14);
   }

   .reach__badge i {
       font-size: 18px;
   }

   .reach__stars {
       display: flex;
       gap: 6px;
       align-items: center;
       color: rgba(255, 255, 255, 0.92);
   }

   .reach__stars i {
       font-size: 16px;
   }

   .reach__score {
       font-weight: 700;
       color: rgba(255, 255, 255, 0.92);
   }

   .reach__quote {
       border-radius: 12px;
       background: rgba(12, 8, 30, 0.78);
       border: 1px solid rgba(255, 255, 255, 0.12);
       padding: 26px 26px 22px;
       box-shadow: 0 22px 60px rgba(0, 0, 0, 0.30);
       position: relative;
       overflow: hidden;
       max-width: 660px;
   }

   .reach__quote:before {
       content: "";
       position: absolute;
       inset: 0;
       background: radial-gradient(760px 420px at 20% 20%, rgba(138, 67, 255, 0.18), rgba(255, 255, 255, 0) 60%);
       pointer-events: none;
   }

   .reach__brand {
       position: relative;
       z-index: 1;
       display: flex;
       align-items: center;
       gap: 10px;
       margin-bottom: 14px;
       font-weight: 800;
       font-size: 28px;
       letter-spacing: -0.3px;
   }

   .reach__brand i {
       font-size: 22px;
   }

   .reach__quoteText {
       position: relative;
       z-index: 1;
       margin: 0 0 14px;
       font-size: 16px;
       line-height: 1.8;
       color: rgba(255, 255, 255, 0.90);
       max-width: 62ch;
   }

   .reach__quoteMeta {
       position: relative;
       z-index: 1;
       margin: 0;
       font-size: 13px;
       font-weight: 600;
       color: rgba(255, 255, 255, 0.74);
   }

   .reachForm {
       border-radius: 12px;
       padding: 26px 26px 22px;
       background: rgba(12, 8, 30, 0.70);
       border: 1px solid rgba(255, 255, 255, 0.14);
       box-shadow: 0 22px 60px rgba(0, 0, 0, 0.30);
       overflow: hidden;
       position: relative;
   }

   .reachForm:before {
       content: "";
       position: absolute;
       inset: 0;
       background:
           radial-gradient(720px 420px at 18% 18%, rgba(138, 67, 255, 0.18), rgba(255, 255, 255, 0) 60%),
           radial-gradient(720px 420px at 82% 34%, rgba(255, 64, 176, 0.14), rgba(255, 255, 255, 0) 62%);
       pointer-events: none;
   }

   .reachForm__grid {
       position: relative;
       z-index: 1;
       display: grid;
       grid-template-columns: 1fr 1fr;
       gap: 16px 16px;
   }

   .reachForm__field {
       display: flex;
       flex-direction: column;
       gap: 10px;
   }

   .reachForm__field--full {
       grid-column: 1 / -1;
   }

   .reachForm__label {
       font-size: 14px;
       font-weight: 700;
       color: rgba(255, 255, 255, 0.88);
   }

   .reachForm__input,
   .reachForm__textarea {
       width: auto;
       background: rgba(6, 3, 18, 0.55);
       border: 1px solid rgba(255, 64, 176, 0.42);
       border-left-color: rgba(138, 67, 255, 0.55);
       border-right-color: rgba(255, 64, 176, 0.55);
       border-radius: 8px;
       color: rgba(255, 255, 255, 0.92);
       padding: 12px 12px;
       font-size: 14px;
       transition: 160ms ease;
   }

   .reachForm__textarea {
       min-height: 92px;
       resize: vertical;
   }

   .reachForm__input:focus,
   .reachForm__textarea:focus {
       border-color: rgba(255, 255, 255, 0.40);
       box-shadow: 0 0 0 3px rgba(138, 67, 255, 0.16);
   }

   .reachForm__checkRow {
       position: relative;
       z-index: 1;
       margin-top: 14px;
       display: flex;
       gap: 12px;
       align-items: flex-start;
       color: rgba(255, 255, 255, 0.80);
       font-size: 13px;
       line-height: 1.6;
   }

   .reachForm__check {
       width: 16px;
       height: 16px;
       border-radius: 4px;
       border: 1px solid rgba(255, 255, 255, 0.22);
       background: rgba(6, 3, 18, 0.45);
       margin-top: 3px;
       cursor: pointer;
       appearance: none;
       display: inline-block;
       position: relative;
   }

   .reachForm__check:checked {
       background: rgba(138, 67, 255, 0.88);
       border-color: rgba(138, 67, 255, 0.98);
   }

   .reachForm__check:checked:after {
       content: "";
       position: absolute;
       left: 4px;
       top: 1px;
       width: 5px;
       height: 9px;
       border-right: 2px solid #fff;
       border-bottom: 2px solid #fff;
       transform: rotate(45deg);
   }

   .reachForm__checkRow a {
       color: rgba(184, 126, 255, 0.98);
       font-weight: 700;
   }

   .reachForm__checkRow a:hover {
       text-decoration: underline;
       text-underline-offset: 3px;
   }

   .reachForm__fine {
       position: relative;
       z-index: 1;
       margin: 14px 0 14px;
       font-size: 12px;
       color: rgba(255, 255, 255, 0.62);
       font-style: italic;
       line-height: 1.65;
   }

   .reachForm__btn {
       position: relative;
       z-index: 1;
       display: inline-flex;
       align-items: center;
       justify-content: center;
       min-height: 44px;
       padding: 10px 18px;
       border-radius: 10px;
       border: 1px solid rgba(138, 67, 255, 0.25);
       background: rgba(110, 29, 255, 0.96);
       color: rgba(255, 255, 255, 0.96);
       font-size: 12px;
       font-weight: 800;
       letter-spacing: 0.35px;
       text-transform: uppercase;
       cursor: pointer;
       transition: 160ms ease;
       box-shadow: 0 18px 44px rgba(0, 0, 0, 0.26);
   }

   .reachForm__btn:hover {
       transform: translateY(-1px);
       filter: brightness(1.03);
   }

   .reachForm__btn:active {
       transform: translateY(0px);
   }

   @media (max-width: 1100px) {
       .reach__grid {
           gap: 26px;
       }
   }

   @media (max-width: 980px) {
       .reach {
           padding: 40px 0 52px;
       }

       .reach__grid {
           grid-template-columns: 1fr;
           gap: 18px;
       }

       .reach__quote {
           max-width: none;
       }

       .reachForm__grid {
           grid-template-columns: 1fr;
       }

       .reachForm__field--full {
           grid-column: auto;
       }

       .reach__title {
           font-size: clamp(40px, 9vw, 64px);
       }
   }

   @media (max-width: 560px) {
       .reach__wrap {
           padding: 0 14px;
       }

       .reach__quote,
       .reachForm {
           padding: 18px 16px 16px;
       }

       .reach__brand {
           font-size: 24px;
       }

       .reachForm__btn {
           width: 100%;
       }

       .reach__streak {
           height: 520px;
           inset: -140px -260px auto -260px;
       }
   }

   @media (max-width:767px) {
       [data-aos] {
           opacity: 1 !important;
           transform: none !important;
           transition: none !important;
       }
   }

   .terms {
       padding: 28px 0 72px;
       background: #fff;
   }

   .terms__wrap {
       max-width: 1060px;
       margin: 0 auto;
       padding: 0 22px;
   }

   .terms__title {
       margin: 0 0 20px;
       font-weight: 700;
       letter-spacing: -0.9px;
       font-size: clamp(56px, 7vw, 104px);
       line-height: 1.02;
       color: #0f0a17;
   }

   .terms__section {
       margin-top: 18px;
       padding-top: 6px;
   }

   .terms__h2 {
       margin: 0 0 12px;
       font-weight: 800;
       letter-spacing: -0.2px;
       font-size: 22px;
       line-height: 1.25;
       color: #0f0a17;
   }

   .terms__h2 span {
       font-weight: 800;
       margin-right: 6px;
   }

   .terms__p {
       margin: 0 0 14px;
       font-size: 16px;
       color: rgba(15, 10, 23, 0.88);
   }

   .terms__p strong {
       font-weight: 800;
       color: rgba(15, 10, 23, 0.98);
   }

   .terms__p em {
       font-style: italic;
       color: rgba(15, 10, 23, 0.78);
   }

   .terms__sub {
       margin: 0;
       padding-left: 0;
       list-style: none;
   }

   .terms__li {
       margin: 0 0 14px;
       padding-left: 42px;
       position: relative;
       font-size: 16px;
       color: rgba(15, 10, 23, 0.88);
   }

   .terms__li:before {
       content: attr(data-num);
       position: absolute;
       left: 0;
       top: 0;
       width: 34px;
       font-weight: 600;
       color: rgba(15, 10, 23, 0.90);
   }

   .terms__divider {
       height: 1px;
       background: rgba(15, 10, 23, 0.12);
       margin: 26px 0 18px;
   }

   .terms__defLead {
       margin: 0 0 14px;
       font-size: 16px;
       color: rgba(15, 10, 23, 0.82);
   }

   .terms__defs {
       margin: 0;
       padding: 0;
   }

   .terms__dt {
       margin: 18px 0 6px;
       font-size: 16px;
       font-weight: 800;
       color: rgba(15, 10, 23, 0.98);
   }

   .terms__dd {
       margin: 0 0 10px;
       font-size: 16px;
       color: rgba(15, 10, 23, 0.88);
   }

   .terms__link {
       color: rgba(121, 43, 255, 0.98);
       font-weight: 700;
   }

   .terms__ext {
       display: inline-flex;
       align-items: center;
       gap: 8px;
   }

   .terms__ext i {
       font-size: 14px;
       color: rgba(15, 10, 23, 0.68);
       transform: translateY(1px);
   }

   @media (max-width: 980px) {
       .terms {
           padding: 22px 0 58px;
       }

       .terms__p,
       .terms__li,
       .terms__defLead,
       .terms__dt,
       .terms__dd {
           font-size: 15px;
       }
   }

   @media (max-width: 560px) {
       .terms__wrap {
           padding: 0 14px;
       }

       .terms__h2 {
           font-size: 20px;
       }

       .terms__li {
           padding-left: 38px;
       }

       .terms__li:before {
           width: 32px;
       }
   }

   .cookieBar {
       position: fixed;
       left: 18px;
       right: 18px;
       bottom: 18px;
       z-index: 9999;
       display: none;
   }

   .cookieBar.is-show {
       display: block;
   }

   .cookieBar__box {
       max-width: 1080px;
       margin: 0 auto;
       border-radius: 16px;
       padding: 16px 16px;
       background: rgba(12, 8, 30, 0.84);
       border: 1px solid rgba(255, 255, 255, 0.16);
       box-shadow: 0 22px 60px rgba(0, 0, 0, 0.35);
       backdrop-filter: blur(10px);
       position: relative;
       overflow: hidden;
   }

   .cookieBar__box:before {
       content: "";
       position: absolute;
       inset: -2px;
       background:
           radial-gradient(560px 240px at 10% 20%, rgba(138, 67, 255, 0.28), rgba(255, 255, 255, 0) 62%),
           radial-gradient(520px 260px at 88% 30%, rgba(255, 64, 176, 0.18), rgba(255, 255, 255, 0) 64%),
           linear-gradient(90deg, rgba(106, 22, 232, 0.16), rgba(234, 33, 79, 0.10));
       opacity: 0.9;
       pointer-events: none;
   }

   .cookieBar__inner {
       position: relative;
       z-index: 1;
       display: flex;
       gap: 14px;
       align-items: center;
       justify-content: space-between;
   }

   .cookieBar__left {
       display: flex;
       gap: 12px;
       align-items: flex-start;
       min-width: 0;
   }

   .cookieBar__icon {
       flex: 0 0 auto;
       width: 44px;
       height: 44px;
       border-radius: 14px;
       display: flex;
       align-items: center;
       justify-content: center;
       background: rgba(255, 255, 255, 0.10);
       border: 1px solid rgba(255, 255, 255, 0.14);
       color: rgba(255, 255, 255, 0.92);
       margin-top: 1px;
   }

   .cookieBar__icon i {
       font-size: 18px;
   }

   .cookieBar__text {
       min-width: 0;
       color: rgba(255, 255, 255, 0.90);
   }

   .cookieBar__title {
       margin: 0 0 6px;
       font-size: 14px;
       font-weight: 800;
       letter-spacing: 0.2px;
   }

   .cookieBar__desc {
       margin: 0;
       font-size: 13px;
       line-height: 1.55;
       color: rgba(255, 255, 255, 0.78);
       max-width: 78ch;
   }

   .cookieBar__desc a {
       color: rgba(184, 126, 255, 0.98);
       font-weight: 700;
   }

   .cookieBar__desc a:hover {
       text-decoration: underline;
       text-underline-offset: 3px;
   }

   .cookieBar__actions {
       flex: 0 0 auto;
       display: flex;
       gap: 10px;
       align-items: center;
   }

   .cookieBar__btn {
       border: 0;
       cursor: pointer;
       border-radius: 12px;
       padding: 11px 14px;
       font-size: 12px;
       font-weight: 800;
       letter-spacing: 0.25px;
       text-transform: uppercase;
       transition: 160ms ease;
       user-select: none;
       white-space: nowrap;
   }

   .cookieBar__btn--ghost {
       background: rgba(255, 255, 255, 0.10);
       color: rgba(255, 255, 255, 0.92);
       border: 1px solid rgba(255, 255, 255, 0.16);
   }

   .cookieBar__btn--ghost:hover {
       filter: brightness(1.06);
       transform: translateY(-1px);
   }

   .cookieBar__btn--ghost:active {
       transform: translateY(0px);
   }

   .cookieBar__btn--primary {
       background: rgba(110, 29, 255, 0.96);
       color: rgba(255, 255, 255, 0.96);
       border: 1px solid rgba(138, 67, 255, 0.28);
       box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
   }

   .cookieBar__btn--primary:hover {
       filter: brightness(1.05);
       transform: translateY(-1px);
   }

   .cookieBar__btn--primary:active {
       transform: translateY(0px);
   }

   @media (max-width: 860px) {
       .cookieBar__inner {
           flex-direction: column;
           align-items: stretch;
           gap: 12px;
       }

       .cookieBar__actions {
           width: 100%;
           justify-content: flex-end;
       }
   }

   @media (max-width: 520px) {
       .cookieBar {
           left: 12px;
           right: 12px;
           bottom: 12px;
       }

       .cookieBar__box {
           padding: 14px 14px;
           border-radius: 14px;
       }

       .cookieBar__icon {
           width: 40px;
           height: 40px;
           border-radius: 12px;
       }

       .cookieBar__actions {
           gap: 8px;
           flex-direction: column-reverse;
           align-items: stretch;
       }

       .cookieBar__btn {
           width: 100%;
       }
   }

   @media (max-width:767px) {
       [data-aos] {
           opacity: 1 !important;
           transform: none !important;
           transition: none !important;
       }

       .hpCloud--alt .hpCloud__grid {
           grid-template-columns: 1fr;
           gap: 62px;
       }

       .ctaHero__btn {
           width: auto;
       }
           .helpHero__btn {
        width: auto;
    }
   }
   .topNav{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(255,255,255,0.84);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(203,213,225,0.7);
}

.topNav__inner{
  min-height:82px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.brandMark{
  display:inline-flex;
  align-items:center;
  gap:12px;
  min-width:0;
}

.brandMark__icon{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg, #0f172a, #1e3a8a);
  color:#fff;
  box-shadow:var(--shadow-sm);
  font-size:1rem;
}

.brandMark__text{
  color:var(--text);
  font-size:1.05rem;
  font-weight:800;
  letter-spacing:-0.02em;
}

.navRow{
  display:flex;
  align-items:center;
  gap:22px;
}

.navRow__link{
  position:relative;
  color:var(--text-soft);
  font-size:0.96rem;
  font-weight:600;
  transition:color .25s ease;
}

.navRow__link::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-8px;
  width:100%;
  height:2px;
  border-radius:999px;
  background:var(--accent);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .25s ease;
}

.navRow__link:hover{
  color:var(--text);
}

.navRow__link:hover::after{
  transform:scaleX(1);
}

.burgerBtn{
  width:48px;
  height:48px;
  display:none;
  flex-direction:column;
  justify-content:center;
  gap:6px;
  border:none;
  border-radius:14px;
  background:#fff;
  box-shadow:var(--shadow-sm);
}

.burgerBtn span{
  width:20px;
  height:2px;
  margin:0 auto;
  background:#0f172a;
  border-radius:999px;
}
.drawer{
  position:fixed;
  inset:0;
  z-index:120;
  pointer-events:none;
}

.drawer__backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,0.42);
  opacity:0;
  transition:opacity .25s ease;
}

.drawer__panel{
  position:absolute;
  top:0;
  right:0;
  width:min(88vw, 380px);
  height:100%;
  padding:22px;
  background:#fff;
  box-shadow:-10px 0 40px rgba(15,23,42,0.14);
  transform:translateX(100%);
  transition:transform .28s ease;
  display:flex;
  flex-direction:column;
}

.drawer.is-open{
  pointer-events:auto;
}

.drawer.is-open .drawer__backdrop{
  opacity:1;
}

.drawer.is-open .drawer__panel{
  transform:translateX(0);
}

.drawer__close{
  width:44px;
  height:44px;
  margin-left:auto;
  border:none;
  border-radius:12px;
  background:#f1f5f9;
  color:#0f172a;
  font-size:1.4rem;
}

.drawer__nav{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:22px;
}

.drawer__nav a{
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  color:var(--text);
  font-weight:600;
}
.hero{
  position:relative;
  overflow:hidden;
  padding:96px 0 84px;
}

.hero--wide{
  min-height:calc(100vh - 82px);
  display:flex;
  align-items:center;
}

.hero__bg{
  position:absolute;
  inset:0;
    background: radial-gradient(circle at 18% 22%, rgba(37, 99, 235, 0.15), transparent 22%), radial-gradient(circle at 82% 18%, rgba(15, 23, 42, 0.10), transparent 24%), linear-gradient(180deg, rgb(255 255 255 / 49%), rgba(248, 250, 252, 0.82));
  pointer-events:none;
}

.hero__content{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.15fr 0.85fr;
  gap:36px;
  align-items:center;
}

.hero__copy{
  max-width:720px;
}

.hero__copy p{
  max-width:660px;
  font-size:1.06rem;
}

.hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:26px;
}

.hero__stats{
  display:grid;
  gap:16px;
}

.metricCard{
  padding:22px 22px 20px;
  border:1px solid rgba(203,213,225,0.75);
  border-radius:20px;
  background:rgba(255,255,255,0.88);
  box-shadow:var(--shadow-sm);
}

.metricCard strong{
  display:block;
  margin-bottom:8px;
  font-size:1.02rem;
  color:var(--text);
}

.metricCard span{
  display:block;
  color:var(--text-soft);
  font-size:0.94rem;
  line-height:1.55;
}

.pageHero{
  padding:86px 0 42px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.9), rgba(246,249,252,0.82));
  border-bottom:1px solid rgba(203,213,225,0.55);
}

.pageHero p{
  max-width:820px;
  font-size:1.02rem;
}
.gridCards{
  display:grid;
  gap:22px;
}

.gridCards--3{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}

.infoCard{
  height:100%;
  padding:26px;
  border:1px solid rgba(203,213,225,0.7);
  border-radius:22px;
  background:rgba(255,255,255,0.92);
  box-shadow:var(--shadow-sm);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.infoCard:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-md);
  border-color:rgba(37,99,235,0.28);
}

.infoCard__icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  margin-bottom:18px;

  color:var(--accent);
  font-size:3.15rem;
}

.infoCard p{
  margin-bottom:0;
  font-size:0.95rem;
}

.splitBlock{
  display:grid;
  grid-template-columns:1.05fr 0.95fr;
  gap:30px;
  align-items:start;
}

.splitBlock__content,
.splitBlock__panel{
  min-width:0;
}

.panelList{
  display:grid;
  gap:14px;
}

.panelList__item{
  padding:20px 22px;
  border:1px solid rgba(203,213,225,0.7);
  border-radius:20px;
  background:#fff;
  box-shadow:var(--shadow-sm);
}

.panelList__item strong{
  display:block;
  margin-bottom:6px;
  color:var(--text);
  font-size:1rem;
}

.panelList__item span{
  display:block;
  color:var(--text-soft);
  font-size:0.94rem;
  line-height:1.55;
}

.topicGrid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:22px;
}

.topicCard{
  padding:26px;
  border:1px solid rgba(203,213,225,0.7);
  border-radius:22px;
  background:#fff;
  box-shadow:var(--shadow-sm);
}

.topicCard p{
  margin-bottom:0;
  font-size:0.95rem;
}
.pricingGrid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:22px;
}

.priceCard{
  display:flex;
  flex-direction:column;
  padding:28px;
  border:1px solid rgba(203,213,225,0.72);
  border-radius:24px;
  background:#fff;
  box-shadow:var(--shadow-sm);
}

.priceCard--featured{
  border-color:rgba(37,99,235,0.3);
  box-shadow:0 20px 55px rgba(37,99,235,0.12);
}

.priceCard__label{
  display:inline-block;
  margin-bottom:16px;
  color:var(--accent);
  font-size:0.78rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:0.1em;
}

.priceCard__value{
  margin:6px 0 14px;
  color:var(--text);
  font-size:1.6rem;
  font-weight:800;
}

.priceCard__list{
  margin:4px 0 22px;
  color:var(--text-soft);
}

.priceCard__list li + li{
  margin-top:8px;
}

.contactLayout{
  display:grid;
  grid-template-columns:0.9fr 1.1fr;
  gap:28px;
  align-items:start;
}

.contactLayout__info,
.contactLayout__form{
  padding:28px;
  border:1px solid rgba(203,213,225,0.72);
  border-radius:24px;
  background:#fff;
  box-shadow:var(--shadow-sm);
}

.contactList{
  display:grid;
  gap:14px;
  margin-top:24px;
}

.contactList__item{
  padding:16px 18px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#f8fafc;
}

.contactList__item strong{
  display:block;
  margin-bottom:6px;
  color:var(--text);
  font-size:0.96rem;
}

.contactList__item span{
  display:block;
  color:var(--text-soft);
  font-size:0.94rem;
}

.contactForm{
  display:grid;
  gap:18px;
}

.contactForm__row{
  display:grid;
  gap:8px;
}

.contactForm label{
  color:var(--text);
  font-size:0.93rem;
  font-weight:700;
}

.contactForm input,
.contactForm textarea{
  width:100%;
  padding:15px 16px;
  border:1px solid var(--line-strong);
  border-radius:16px;
  background:#fff;
  color:var(--text);
  outline:none;
  transition:border-color .2s ease, box-shadow .2s ease;
}

.contactForm input:focus,
.contactForm textarea:focus{
  border-color:rgba(37,99,235,0.55);
  box-shadow:0 0 0 4px rgba(37,99,235,0.10);
}

.field-error{
  border-color:#dc2626 !important;
  box-shadow:0 0 0 4px rgba(220,38,38,0.08) !important;
}

.successNote{
  padding:14px 16px;
  border:1px solid rgba(34,197,94,0.22);
  border-radius:16px;
  background:#f0fdf4;
  color:var(--success);
  font-weight:600;
}
.faqList{
  display:grid;
  gap:14px;
}

.faqItem{
  border:1px solid rgba(203,213,225,0.72);
  border-radius:20px;
  background:#fff;
  box-shadow:var(--shadow-sm);
  overflow:hidden;
}

.faqItem__btn{
  width:100%;
  padding:22px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border:none;
  background:transparent;
  color:var(--text);
  font-size:1rem;
  font-weight:700;
  text-align:left;
}

.faqItem__icon{
  flex:0 0 auto;
  color:var(--accent);
}

.faqItem__body{
  display:none;
  padding:0 24px 22px;
}

.faqItem.is-open .faqItem__body{
  display:block;
}

.legalPage{
  max-width:900px;
}

.legalPage h2{
  margin-top:30px;
  margin-bottom:12px;
  font-size:1.32rem;
}

.siteFooter{
  padding:64px 0;
  background:linear-gradient(180deg, #0f172a 0%, #111827 100%);
  color:rgba(255,255,255,0.84);
}

.siteFooter__grid{
  display:grid;
  grid-template-columns:1.2fr 0.8fr 0.9fr;
  gap:28px;
}

.siteFooter__about p,
.siteFooter__links a{
  color:rgba(255,255,255,0.74);
}

.siteFooter__links{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.siteFooter__links a{
  transition:color .2s ease, transform .2s ease;
}

.siteFooter__links a:hover{
  color:#fff;
  transform:translateX(2px);
}

.cookieBar{
  position:fixed;
  left:20px;
  right:20px;
  bottom:20px;
  z-index:130;
  opacity:0;
  visibility:hidden;
  transform:translateY(12px);
  transition:opacity .24s ease, transform .24s ease, visibility .24s ease;
}

.cookieBar.is-show{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.cookieBar__inner{
  width:min(100%, 1100px);
  margin:0 auto;
  padding:18px 20px;
  border:1px solid rgba(203,213,225,0.75);
  border-radius:20px;
  background:rgba(255,255,255,0.96);
  box-shadow:0 22px 60px rgba(15,23,42,0.14);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.cookieBar__inner p{
  margin:0;
  font-size:0.92rem;
}

.cookieBar__actions{
  display:flex;
  gap:10px;
  flex:0 0 auto;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:50px;
  padding:0 22px;
  border-radius:16px;
  border:1px solid transparent;
  font-size:0.95rem;
  font-weight:700;
  line-height:1;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
}

.btn:hover{
  transform:translateY(-1px);
}

.btn--primary{
  background:linear-gradient(135deg, #0f172a, #1d4ed8);
  color:#fff;
  box-shadow:0 16px 36px rgba(29,78,216,0.18);
}

.btn--primary:hover{
  box-shadow:0 22px 44px rgba(29,78,216,0.22);
}

.btn--ghost{
  background:#fff;
  color:var(--text);
  border-color:var(--line-strong);
}

.btn--sm{
  min-height:42px;
  padding:0 16px;
  border-radius:14px;
  font-size:0.88rem;
}

.ctaBox{
  padding:30px;
  border:1px solid rgba(203,213,225,0.7);
  border-radius:28px;
  background:linear-gradient(180deg, rgba(255,255,255,0.95), rgba(248,250,252,0.94));
  box-shadow:var(--shadow-md);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.ctaBox__copy{
  max-width:760px;
}

.ctaBox__copy p{
  margin-bottom:0;
}
@media (max-width: 1180px){
  .hero__content,
  .splitBlock,
  .contactLayout,
  .siteFooter__grid{
    grid-template-columns:1fr;
  }

  .gridCards--3,
  .topicGrid,
  .pricingGrid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .hero--wide{
    min-height:auto;
  }
}

@media (max-width: 980px){
  body{
    font-size:17px;
  }

  .navRow{
    display:none;
  }

  .burgerBtn{
    display:flex;
  }

  .sectionBlock{
    padding:72px 0;
  }

  .hero{
    padding:80px 0 64px;
  }

  .hero__actions,
  .cookieBar__inner,
  .ctaBox{
    flex-direction:column;
    align-items:flex-start;
  }
}

@media (max-width: 760px){
  .gridCards--3,
  .topicGrid,
  .pricingGrid{
    grid-template-columns:1fr;
  }

  .topNav__inner{
    min-height:74px;
  }

  .brandMark__text{
    font-size:0.98rem;
  }

  .infoCard,
  .topicCard,
  .priceCard,
  .contactLayout__info,
  .contactLayout__form{
    padding:22px;
  }

  .faqItem__btn,
  .faqItem__body{
    padding-left:18px;
    padding-right:18px;
  }

  .cookieBar{
    left:12px;
    right:12px;
    bottom:12px;
  }

  .cookieBar__inner{
    padding:16px;
    border-radius:18px;
  }

  .ctaBox{
    padding:24px;
  }
}