/* ==========================================================================
   Washly Landing — custom.css
   ========================================================================== */

/* ---------- Design tokens & hybrid container ---------- */
:root {
  --container-max: 1720px;   /* large / xl content width (hybrid container) */
  --panel-max: 1800px;       /* full-bleed rounded panels */
  --gutter: clamp(16px, 4vw, 40px);
  --vw: min(1vw, calc(var(--container-max) / 100)); /* fluid unit capped at container width */
}

/* ---------- Base, resets & keyframes ---------- */
html,body{margin:0;padding:0;overflow-x:clip;background:#F4F6FA;scroll-behavior:smooth;}
*{box-sizing:border-box;}
body{font-family:'Montserrat',system-ui,sans-serif;color:#102A45;-webkit-font-smoothing:antialiased;}
a{color:#15A89A;text-decoration:none;}
a:hover{color:#102A45;}
img{display:block;}
@keyframes wfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes wfloat2{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}
@keyframes wmarq{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes wblob{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(60px,-40px) scale(1.1)}66%{transform:translate(-40px,30px) scale(.95)}}
@keyframes wping{0%{transform:scale(1);opacity:.7}100%{transform:scale(2.8);opacity:0}}
@keyframes wshine{from{background-position:200% 0}to{background-position:-200% 0}}
@keyframes wgrid{from{background-position:0 0}to{background-position:0 64px}}
@keyframes wfill{from{width:0%}to{width:100%}}
@keyframes wspin{to{transform:rotate(360deg)}}
@keyframes wtype{0%{width:0}55%,100%{width:46ch}}
@keyframes wcaret{50%{border-color:transparent}}
@media (max-width:1279px){header nav{display:none !important;}}

/* Hybrid container: content containers are width:100% up to var(--container-max),
   centred with margin:0 auto; section backgrounds stay full-bleed. Gutters shrink
   fluidly via var(--gutter) so content never touches the screen edge. */
img { max-width: 100%; }

/* ==========================================================================
   page
   ========================================================================== */
.page-wrapper {
  min-height: 100vh;
  overflow-x: clip;
}

/* ==========================================================================
   site-header
   ========================================================================== */
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 60;
  padding: 14px 24px;
}
.site-header__block-1 {
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 10px 12px 10px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  border-radius: 18px;
  transition: background .35s,border-color .35s,box-shadow .35s;
  background: rgba(10,28,50,0);
  border: 1px solid rgba(255,255,255,0);
  box-shadow: none;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
.site-header__link-1 {
  display: flex;
  align-items: center;
  gap: 12px;
}
.site-header__image-1 {
  width: 36px;
  height: 36px;
  border-radius: 10px;
}
.site-header__label-1 {
  font-size: 24px;
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.02em;
}
.site-header__label-2 {
  color: #20C6B6;
}
.site-header__nav-1 {
  display: flex;
  align-items: center;
  gap: 2px;
  font-size: 14px;
  font-weight: 600;
  flex-wrap: nowrap;
}
.site-header__link-2 {
  color: #C9D6E6;
  padding: 10px 12px;
  border-radius: 10px;
  white-space: nowrap;
}
.site-header__block-2 {
  display: flex;
  align-items: center;
  gap: 8px;
}
.site-header__link-3 {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #20C6B6;
  color: #0B2239;
  padding: 12px 22px;
  border-radius: 12px;
  font-weight: 700;
  font-size: 14px;
  white-space: nowrap;
  transition: box-shadow .2s;
}
.site-header__image-2 {
  width: 17px;
  height: 17px;
}
.site-header__link-4 {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #06152A;
  color: #fff;
  padding: 10px 16px;
  border-radius: 12px;
  font-weight: 700;
  font-size: 14px;
  white-space: nowrap;
  border: 1px solid rgba(255,255,255,0.14);
  transition: border-color .2s,background .2s;
}
.site-header__image-3 {
  height: 20px;
  width: auto;
}
.site-header__link-5 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  padding: 11px 18px;
  border-radius: 12px;
  font-weight: 700;
  font-size: 14px;
  white-space: nowrap;
  border: 1px solid rgba(32,198,182,0.45);
  transition: border-color .2s,background .2s;
}

/* site-header — interactive states */
[data-scrolled="true"] .site-header__block-1--aiy5 {
  background: rgba(10,28,50,0.82);
  border: 1px solid rgba(255,255,255,0.1);
  box-shadow: 0 20px 50px -20px rgba(0,0,0,0.5);
}

/* site-header — hover */
.site-header__link-2:hover {
  color: #fff;
  background: rgba(255,255,255,0.08);
}
.site-header__link-3:hover {
  color: #0B2239;
  box-shadow: 0 10px 30px rgba(32,198,182,0.5);
}
.site-header__link-4:hover {
  color: #fff;
  background: #020B18;
  border-color: rgba(255,255,255,0.35);
}
.site-header__link-5:hover {
  color: #fff;
  background: rgba(32,198,182,0.12);
  border-color: #20C6B6;
}
.site-header__label-1 { white-space: nowrap; }
.site-header__block-2 > a { flex-shrink: 0; }
/* Compact header so the nav, Admin demo, Get Washly and Vibe96 buttons fit on laptop widths */
@media (max-width:1680px){
  .site-header__block-1 { gap: 12px; padding: 10px 10px 10px 14px; }
  .site-header__link-1 { gap: 10px; }
  .site-header__label-1 { font-size: 22px; }
  .site-header__nav-1 { font-size: 13px; }
  .site-header__link-2 { padding: 10px 8px; }
  .site-header__block-2 { gap: 6px; }
  .site-header__link-3, .site-header__link-4, .site-header__link-5 { font-size: 13px; padding: 10px 12px; gap: 6px; }
  .site-header__image-3 { height: 18px; }
}
@media (max-width:1439px){
  .site-header { padding: 14px 12px; }
  .site-header__link-2 { padding: 10px 6px; }
  .site-header__label-4 { display: none; }
}
@media (max-width:760px){
  .site-header__link-5 { padding: 11px 12px; }
  .site-header__label-3 { display: none; }
}
@media (max-width:560px){
  .site-header { padding: 12px; }
  .site-header__block-1 { padding: 8px 10px; gap: 8px; }
  .site-header__label-1 { display: none; }
  .site-header__block-2 .site-header__link-3 { display: none; }
  .site-header__label-4 { display: none; }
}

/* ==========================================================================
   hero-section
   ========================================================================== */
.hero-section {
  position: relative;
  background: linear-gradient(180deg,#0A1C32 0%,#0A1C32 70%,#F4F6FA 70%);
  padding: 170px var(--gutter) 40px;
  overflow: hidden;
}
.hero-section__block-1 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 70%;
  background-image: linear-gradient(rgba(255,255,255,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.04) 1px,transparent 1px);
  background-size: 64px 64px;
  animation: wgrid 5s linear infinite;
  -webkit-mask-image: radial-gradient(ellipse 70% 70% at 50% 25%,#000 30%,transparent 85%);
  mask-image: radial-gradient(ellipse 70% 70% at 50% 25%,#000 30%,transparent 85%);
}
.hero-section__block-2 {
  position: absolute;
  left: 8%;
  top: 4%;
  width: 560px;
  height: 560px;
  border-radius: 50%;
  background: radial-gradient(circle,rgba(32,198,182,0.34),transparent 65%);
  animation: wblob 18s ease-in-out infinite;
  pointer-events: none;
}
.hero-section__block-3 {
  position: absolute;
  right: 6%;
  top: 14%;
  width: 640px;
  height: 640px;
  border-radius: 50%;
  background: radial-gradient(circle,rgba(56,120,210,0.3),transparent 65%);
  animation: wblob 22s ease-in-out -6s infinite;
  pointer-events: none;
}
.hero-section__block-4 {
  position: relative;
  max-width: var(--container-max);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 30px;
}
.hero-section__block-5 {

}
.hero-section__block-6 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 7px 16px 7px 7px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  color: #C9D6E6;
}
.hero-section__label-1 {
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(32,198,182,0.16);
  color: #5FE0D3;
  padding: 5px 12px;
  border-radius: 999px;
  font-weight: 700;
}
.hero-section__label-2 {
  position: relative;
  width: 7px;
  height: 7px;
}
.hero-section__label-3 {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #20C6B6;
}
.hero-section__label-4 {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #20C6B6;
  animation: wping 1.6s ease-out infinite;
}
.hero-section__title-1 {
  margin: 0;
  max-width: 1240px;
  font-size: clamp(44px,calc(6.4 * var(--vw)),108px);
  line-height: 0.98;
  font-weight: 900;
  letter-spacing: -0.045em;
  color: #fff;
  text-wrap: balance;
}
.hero-section__label-5 {
  background: linear-gradient(100deg,#20C6B6 0%,#20C6B6 35%,#B6F7F0 50%,#20C6B6 65%,#20C6B6 100%);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  animation: wshine 5s linear infinite;
}
.hero-section__text-1 {
  margin: 0;
  font-size: clamp(17px,calc(1.4 * var(--vw)),21px);
  line-height: 1.6;
  color: #AFC0D4;
  max-width: 760px;
  text-wrap: pretty;
}
.hero-section__block-7 {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  justify-content: center;
}
.hero-section__link-1 {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #20C6B6;
  color: #0B2239;
  padding: 19px 34px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 16px;
  box-shadow: 0 14px 40px rgba(32,198,182,0.4);
  transition: box-shadow .2s,background .2s;
}
.hero-section__image-1 {
  width: 19px;
  height: 19px;
}
.hero-section__link-2 {
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(255,255,255,0.06);
  color: #fff;
  padding: 19px 30px;
  border-radius: 14px;
  font-weight: 700;
  font-size: 16px;
  border: 1px solid rgba(255,255,255,0.18);
  transition: background .2s;
}
.hero-section__label-6 {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-section__image-2 {
  width: 12px;
  height: 12px;
}
.hero-section__link-3 {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #06152A;
  color: #fff;
  padding: 19px 28px;
  border-radius: 14px;
  font-weight: 700;
  font-size: 16px;
  border: 1px solid rgba(255,255,255,0.14);
  transition: border-color .2s;
}
.hero-section__image-3 {
  height: 24px;
  width: auto;
}
.hero-section__block-8 {
  position: relative;
  max-width: 1500px;
  margin: 80px auto 0;
  perspective: 2200px;
}
.hero-section__block-9 {
  position: relative;
  width: 74%;
  margin: 0 auto;
  transform-origin: 50% 100%;
}
.hero-section__block-10 {
  position: absolute;
  inset: -1px;
  border-radius: 21px;
  background: linear-gradient(180deg,rgba(95,224,211,0.7),rgba(95,224,211,0) 55%);
}
.hero-section__block-11 {
  position: relative;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 80px 140px -40px rgba(10,28,50,0.65);
}
.hero-section__block-12 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 12px 16px;
  background: #EEF2F7;
}
.hero-section__label-7 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #F26D6D;
}
.hero-section__label-8 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #F5C04E;
}
.hero-section__label-9 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #4CCB7A;
}
.hero-section__label-10 {
  margin: 0 auto;
  font-family: 'JetBrains Mono',monospace;
  font-size: 12px;
  color: #7A8BA2;
  background: #fff;
  padding: 4px 18px;
  border-radius: 7px;
}
.hero-section__image-4 {
  width: 100%;
  height: auto;
}
.hero-section__block-13 {
  position: absolute;
  left: 0;
  bottom: -6%;
  width: 17%;
  z-index: 3;
}
.hero-section__block-14 {
  animation: wfloat 6s ease-in-out infinite;
}
.hero-section__block-15 {
  border: 7px solid #06152A;
  border-radius: 34px;
  overflow: hidden;
  background: #06152A;
  box-shadow: 0 50px 90px -20px rgba(6,21,42,0.6),0 0 0 1px rgba(255,255,255,0.08);
  aspect-ratio: 1080/2424;
}
.hero-section__image-5 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 27px;
}
.hero-section__block-16 {
  position: absolute;
  right: 0;
  bottom: 2%;
  width: 15.5%;
  z-index: 3;
}
.hero-section__block-17 {
  animation: wfloat 7s ease-in-out -2.5s infinite;
}
.hero-section__block-18 {
  border: 7px solid #06152A;
  border-radius: 32px;
  overflow: hidden;
  background: #06152A;
  box-shadow: 0 50px 90px -20px rgba(6,21,42,0.6),0 0 0 1px rgba(255,255,255,0.08);
  aspect-ratio: 1080/2424;
}
.hero-section__image-6 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 25px;
}
.hero-section__block-19 {
  position: absolute;
  left: 10%;
  top: 6%;
  z-index: 4;
}
.hero-section__block-20 {
  animation: wfloat2 5s ease-in-out infinite;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 18px 12px 12px;
  background: rgba(255,255,255,0.95);
  border-radius: 16px;
  box-shadow: 0 24px 50px -12px rgba(6,21,42,0.45);
  text-align: left;
}
.hero-section__label-11 {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: #E4EFFC;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .5s;
}
.hero-section__label-12 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #2B6FC7;
  transition: background .5s;
}
.hero-section__label-13 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 150px;
}
.hero-section__label-14 {
  font-size: 12px;
  font-weight: 600;
  color: #7A8BA2;
}
.hero-section__label-15 {
  font-size: 15px;
  font-weight: 800;
  color: #2B6FC7;
  transition: color .5s;
}
.hero-section__block-21 {
  position: absolute;
  right: 11%;
  top: 22%;
  z-index: 4;
}
.hero-section__block-22 {
  animation: wfloat2 6s ease-in-out -3s infinite;
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 14px 20px;
  background: #102A45;
  border: 1px solid rgba(95,224,211,0.35);
  border-radius: 16px;
  box-shadow: 0 24px 50px -12px rgba(6,21,42,0.55);
  text-align: left;
}
.hero-section__label-16 {
  font-size: 12px;
  font-weight: 600;
  color: #8FA3BC;
}
.hero-section__label-17 {
  font-size: 20px;
  font-weight: 800;
  color: #5FE0D3;
}
.hero-section__block-23 {
  position: absolute;
  right: 18%;
  bottom: 10%;
  z-index: 4;
}
.hero-section__block-24 {
  animation: wfloat2 7s ease-in-out -1s infinite;
  display: flex;
  gap: 18px;
  padding: 14px 18px;
  background: rgba(255,255,255,0.97);
  border-radius: 16px;
  box-shadow: 0 24px 50px -12px rgba(6,21,42,0.4);
  text-align: left;
}
.hero-section__label-18 {
  display: flex;
  flex-direction: column;
}
.hero-section__label-19 {
  font-size: 22px;
  font-weight: 800;
  color: #2B6FC7;
}
.hero-section__label-20 {
  font-size: 12px;
  font-weight: 600;
  color: #5A6E87;
}
.hero-section__label-21 {
  width: 1px;
  background: #E3E9F1;
}
.hero-section__label-22 {
  font-size: 22px;
  font-weight: 800;
  color: #0E8C80;
}

/* hero-section — interactive states */
[data-step="1"] .hero-section__label-11--dwyv {
  background: #FCF3DC;
}
[data-step="2"] .hero-section__label-11--dwyv {
  background: #EEF1F5;
}
[data-step="3"] .hero-section__label-11--dwyv {
  background: #FCF3DC;
}
[data-step="4"] .hero-section__label-11--dwyv {
  background: #E2F6EA;
}
[data-step="1"] .hero-section__label-12--biqt {
  background: #9A7300;
}
[data-step="2"] .hero-section__label-12--biqt {
  background: #4A5F7A;
}
[data-step="3"] .hero-section__label-12--biqt {
  background: #9A7300;
}
[data-step="4"] .hero-section__label-12--biqt {
  background: #1E8A4C;
}
[data-step="1"] .hero-section__label-15--mujz {
  color: #9A7300;
}
[data-step="2"] .hero-section__label-15--mujz {
  color: #4A5F7A;
}
[data-step="3"] .hero-section__label-15--mujz {
  color: #9A7300;
}
[data-step="4"] .hero-section__label-15--mujz {
  color: #1E8A4C;
}

/* hero-section — hover */
.hero-section__link-1:hover {
  color: #0B2239;
  background: #35D6C6;
  box-shadow: 0 20px 50px rgba(32,198,182,0.6);
}
.hero-section__link-2:hover {
  color: #fff;
  background: rgba(255,255,255,0.12);
}
.hero-section__link-3:hover {
  color: #fff;
  border-color: rgba(255,255,255,0.4);
}

/* ==========================================================================
   services-marquee-section
   ========================================================================== */
.services-marquee-section {
  padding: 48px 0 24px;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
  mask-image: linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
}
.services-marquee-section__block-1 {
  display: flex;
  width: max-content;
  animation: wmarq 40s linear infinite;
}
.services-marquee-section__block-2 {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-right: 14px;
  padding: 14px 22px 14px 14px;
  background: #fff;
  border: 1px solid #E3E9F1;
  border-radius: 16px;
  white-space: nowrap;
}
.services-marquee-section__label-1 {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: #102A45;
  display: flex;
  align-items: center;
  justify-content: center;
}
.services-marquee-section__image-1 {
  width: 22px;
  height: 22px;
}
.services-marquee-section__label-2 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.services-marquee-section__label-3 {
  font-size: 15px;
  font-weight: 700;
}
.services-marquee-section__label-4 {
  font-size: 12px;
  color: #7A8BA2;
  font-weight: 500;
}

/* ==========================================================================
   how-it-works-section
   ========================================================================== */
.how-it-works-section {
  padding: 110px var(--gutter);
}
.how-it-works-section__block-1 {
  max-width: var(--container-max);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 56px;
}
.how-it-works-section__block-2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
}
.how-it-works-section__block-3 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 860px;
}
.how-it-works-section__block-4 {
  font-family: 'JetBrains Mono',monospace;
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #0E8C80;
}
.how-it-works-section__heading-1 {
  margin: 0;
  font-size: clamp(34px,calc(4.2 * var(--vw)),68px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -0.045em;
  text-wrap: balance;
}
.how-it-works-section__label-1 {
  color: #20C6B6;
  font-style: italic;
}
.how-it-works-section__text-1 {
  margin: 0;
  font-size: 18px;
  line-height: 1.6;
  color: #4A5F7A;
  max-width: 520px;
  text-wrap: pretty;
}
.how-it-works-section__block-5 {

}
.how-it-works-section__block-6 {
  background: #fff;
  border: 1px solid #E3E9F1;
  border-radius: 36px;
  box-shadow: 0 40px 100px -60px rgba(16,42,69,0.45);
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,520px),1fr));
}
.how-it-works-section__block-7 {
  padding: clamp(28px,calc(4 * var(--vw)),64px);
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.how-it-works-section__button-1 {
  all: unset;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 22px 24px;
  border-radius: 20px;
  transition: background .4s,border-color .4s;
  background: #F2FBFA;
  border: 1px solid #CFEFEB;
}
.how-it-works-section__label-2 {
  display: flex;
  align-items: center;
  gap: 18px;
}
.how-it-works-section__label-3 {
  flex: none;
  width: 44px;
  height: 44px;
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .4s;
  background: #102A45;
}
.how-it-works-section__image-1 {
  width: 22px;
  height: 22px;
}
.how-it-works-section__label-4 {
  flex: 1;
  font-size: clamp(17px,calc(1.4 * var(--vw)),21px);
  font-weight: 800;
  letter-spacing: -0.01em;
  color: #102A45;
  transition: color .4s;
}
.how-it-works-section__label-5 {
  font-size: 12px;
  font-weight: 700;
  padding: 6px 12px;
  border-radius: 999px;
  background: #E4EFFC;
  color: #2B6FC7;
  white-space: nowrap;
}
.how-it-works-section__label-6 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding-left: 62px;
}
.how-it-works-section__label-7 {
  font-size: 16px;
  line-height: 1.6;
  color: #4A5F7A;
}
.how-it-works-section__label-8 {
  display: block;
  height: 3px;
  border-radius: 3px;
  background: #DDEFEE;
  overflow: hidden;
}
.how-it-works-section__label-9 {
  display: block;
  height: 100%;
  background: #20C6B6;
  animation: wfill 4.2s linear forwards;
}
.how-it-works-section__button-2 {
  all: unset;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 22px 24px;
  border-radius: 20px;
  transition: background .4s,border-color .4s;
  background: transparent;
  border: 1px solid transparent;
}
.how-it-works-section__label-10 {
  flex: none;
  width: 44px;
  height: 44px;
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .4s;
  background: #EEF2F7;
}
.how-it-works-section__label-11 {
  flex: 1;
  font-size: clamp(17px,calc(1.4 * var(--vw)),21px);
  font-weight: 800;
  letter-spacing: -0.01em;
  color: #5A6E87;
  transition: color .4s;
}
.how-it-works-section__label-12 {
  font-size: 12px;
  font-weight: 700;
  padding: 6px 12px;
  border-radius: 999px;
  background: #FCF3DC;
  color: #9A7300;
  white-space: nowrap;
}
.how-it-works-section__label-13 {
  display: none;
  flex-direction: column;
  gap: 14px;
  padding-left: 62px;
}
.how-it-works-section__label-14 {
  font-size: 12px;
  font-weight: 700;
  padding: 6px 12px;
  border-radius: 999px;
  background: #EEF1F5;
  color: #4A5F7A;
  white-space: nowrap;
}
.how-it-works-section__label-15 {
  font-size: 12px;
  font-weight: 700;
  padding: 6px 12px;
  border-radius: 999px;
  background: #E2F6EA;
  color: #1E8A4C;
  white-space: nowrap;
}
.how-it-works-section__block-8 {
  position: relative;
  background: radial-gradient(90% 80% at 50% 30%,#1B4A6B 0%,#0A1C32 75%);
  min-height: 640px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 56px 0;
}
.how-it-works-section__block-9 {
  position: absolute;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  border: 1px dashed rgba(95,224,211,0.25);
  animation: wspin 60s linear infinite;
}
.how-it-works-section__block-10 {
  position: absolute;
  width: 380px;
  height: 380px;
  border-radius: 50%;
  border: 1px solid rgba(95,224,211,0.15);
}
.how-it-works-section__block-11 {
  position: relative;
  width: min(300px,62%);
}
.how-it-works-section__block-12 {
  border: 8px solid #020B18;
  border-radius: 42px;
  overflow: hidden;
  background: #020B18;
  aspect-ratio: 1080/2424;
  box-shadow: 0 60px 100px -30px rgba(0,0,0,0.7),0 0 0 1px rgba(255,255,255,0.1);
  position: relative;
}
.how-it-works-section__image-2 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 34px;
  transition: opacity .6s,transform .8s cubic-bezier(.2,.8,.2,1);
  opacity: 1;
  transform: scale(1);
}
.how-it-works-section__image-3 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 34px;
  transition: opacity .6s,transform .8s cubic-bezier(.2,.8,.2,1);
  opacity: 0;
  transform: scale(1.06);
}
.how-it-works-section__block-13 {
  position: absolute;
  left: -26%;
  top: 14%;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 20px 40px -10px rgba(0,0,0,0.45);
  animation: wfloat2 5s ease-in-out infinite;
}
.how-it-works-section__label-16 {
  font-family: 'JetBrains Mono',monospace;
  font-size: 12px;
  color: #7A8BA2;
}
.how-it-works-section__block-14 {
  position: absolute;
  right: -24%;
  bottom: 16%;
  padding: 10px 16px;
  border-radius: 14px;
  font-size: 13px;
  font-weight: 800;
  box-shadow: 0 20px 40px -10px rgba(0,0,0,0.45);
  transition: background .5s,color .5s;
  background: #E4EFFC;
  color: #2B6FC7;
  animation: wfloat2 6s ease-in-out -2s infinite;
}

/* how-it-works-section — interactive states */
[data-step="1"] .how-it-works-section__button-1--3yaw {
  background: transparent;
  border: 1px solid transparent;
}
[data-step="2"] .how-it-works-section__button-1--3yaw {
  background: transparent;
  border: 1px solid transparent;
}
[data-step="3"] .how-it-works-section__button-1--3yaw {
  background: transparent;
  border: 1px solid transparent;
}
[data-step="4"] .how-it-works-section__button-1--3yaw {
  background: transparent;
  border: 1px solid transparent;
}
[data-step="1"] .how-it-works-section__label-4--nw1x {
  color: #5A6E87;
}
[data-step="2"] .how-it-works-section__label-4--nw1x {
  color: #5A6E87;
}
[data-step="3"] .how-it-works-section__label-4--nw1x {
  color: #5A6E87;
}
[data-step="4"] .how-it-works-section__label-4--nw1x {
  color: #5A6E87;
}
[data-step="1"] .how-it-works-section__label-6--whql {
  display: none;
}
[data-step="2"] .how-it-works-section__label-6--whql {
  display: none;
}
[data-step="3"] .how-it-works-section__label-6--whql {
  display: none;
}
[data-step="4"] .how-it-works-section__label-6--whql {
  display: none;
}
[data-step="1"] .how-it-works-section__button-2--jnrf {
  background: #F2FBFA;
  border: 1px solid #CFEFEB;
}
[data-step="1"] .how-it-works-section__label-10--1wdb {
  background: #102A45;
}
[data-step="2"] .how-it-works-section__label-10--1wdb {
  background: #102A45;
}
[data-step="3"] .how-it-works-section__label-10--1wdb {
  background: #102A45;
}
[data-step="4"] .how-it-works-section__label-10--1wdb {
  background: #102A45;
}
[data-step="1"] .how-it-works-section__label-11--2g02 {
  color: #102A45;
}
[data-step="1"] .how-it-works-section__label-13--vcp2 {
  display: flex;
}
[data-step="2"] .how-it-works-section__button-2--ilc5 {
  background: #F2FBFA;
  border: 1px solid #CFEFEB;
}
[data-step="2"] .how-it-works-section__label-10--vmla {
  background: #102A45;
}
[data-step="3"] .how-it-works-section__label-10--vmla {
  background: #102A45;
}
[data-step="4"] .how-it-works-section__label-10--vmla {
  background: #102A45;
}
[data-step="2"] .how-it-works-section__label-11--yel0 {
  color: #102A45;
}
[data-step="2"] .how-it-works-section__label-13--yp5p {
  display: flex;
}
[data-step="3"] .how-it-works-section__button-2--wdsa {
  background: #F2FBFA;
  border: 1px solid #CFEFEB;
}
[data-step="3"] .how-it-works-section__label-10--0a5q {
  background: #102A45;
}
[data-step="4"] .how-it-works-section__label-10--0a5q {
  background: #102A45;
}
[data-step="3"] .how-it-works-section__label-11--d8uh {
  color: #102A45;
}
[data-step="3"] .how-it-works-section__label-13--6djj {
  display: flex;
}
[data-step="4"] .how-it-works-section__button-2--lsxo {
  background: #F2FBFA;
  border: 1px solid #CFEFEB;
}
[data-step="4"] .how-it-works-section__label-10--kwoc {
  background: #102A45;
}
[data-step="4"] .how-it-works-section__label-11--a89g {
  color: #102A45;
}
[data-step="4"] .how-it-works-section__label-13--gce6 {
  display: flex;
}
[data-step="1"] .how-it-works-section__image-2--vmcr {
  opacity: 0;
  transform: scale(1.06);
}
[data-step="2"] .how-it-works-section__image-2--vmcr {
  opacity: 0;
  transform: scale(1.06);
}
[data-step="3"] .how-it-works-section__image-2--vmcr {
  opacity: 0;
  transform: scale(1.06);
}
[data-step="4"] .how-it-works-section__image-2--vmcr {
  opacity: 0;
  transform: scale(1.06);
}
[data-step="1"] .how-it-works-section__image-3--bhns {
  opacity: 1;
  transform: scale(1);
}
[data-step="2"] .how-it-works-section__image-3--rz2s {
  opacity: 1;
  transform: scale(1);
}
[data-step="3"] .how-it-works-section__image-3--mrcd {
  opacity: 1;
  transform: scale(1);
}
[data-step="4"] .how-it-works-section__image-3--edqt {
  opacity: 1;
  transform: scale(1);
}
[data-step="1"] .how-it-works-section__block-14--7szi {
  background: #FCF3DC;
  color: #9A7300;
}
[data-step="2"] .how-it-works-section__block-14--7szi {
  background: #EEF1F5;
  color: #4A5F7A;
}
[data-step="3"] .how-it-works-section__block-14--7szi {
  background: #FCF3DC;
  color: #9A7300;
}
[data-step="4"] .how-it-works-section__block-14--7szi {
  background: #E2F6EA;
  color: #1E8A4C;
}

/* ==========================================================================
   customer-app-section
   ========================================================================== */
.customer-app-section {
  padding: 20px var(--gutter) 120px;
}
.customer-app-section__block-1 {
  max-width: var(--container-max);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 64px;
}
.customer-app-section__block-2 {
  display: flex;
  flex-direction: column;
  gap: 18px;
  align-items: center;
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
}
.customer-app-section__block-3 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: 'JetBrains Mono',monospace;
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #0E8C80;
}
.customer-app-section__label-1 {
  width: 28px;
  height: 1px;
  background: #20C6B6;
}
.customer-app-section__heading-1 {
  margin: 0;
  font-size: clamp(34px,calc(4.2 * var(--vw)),68px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -0.045em;
  text-wrap: balance;
}
.customer-app-section__label-2 {
  color: #20C6B6;
  font-style: italic;
}
.customer-app-section__block-4 {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: center;
}
.customer-app-section__label-3 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 16px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid #E3E9F1;
}
.customer-app-section__image-1 {
  width: 18px;
  height: 18px;
}
.customer-app-section__image-2 {
  width: 15px;
  height: 18px;
}
.customer-app-section__image-3 {
  width: 16px;
  height: 18px;
}
.customer-app-section__block-5 {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  align-items: center;
  justify-content: center;
}
.customer-app-section__block-6 {
  flex: 1 1 340px;
  min-width: 0;
  max-width: 520px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.customer-app-section__block-7 {

}
.customer-app-section__block-8 {
  cursor: pointer;
  position: relative;
  display: flex;
  gap: 18px;
  align-items: flex-start;
  padding: 24px;
  border-radius: 24px;
  transition: all .45s cubic-bezier(.2,.8,.2,1);
  background: #fff;
  border: 1px solid #9FE3DB;
  box-shadow: 0 30px 60px -30px rgba(16,42,69,0.4);
  transform: translateX(8px);
}
.customer-app-section__label-4 {
  flex: none;
  width: 56px;
  height: 56px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .4s;
  background: #102A45;
}
.customer-app-section__image-4 {
  width: 28px;
  height: 28px;
}
.customer-app-section__label-5 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.customer-app-section__label-6 {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: #102A45;
  transition: color .4s;
}
.customer-app-section__label-7 {
  font-size: 14.5px;
  line-height: 1.55;
  color: #4A5F7A;
  transition: color .4s;
}
.customer-app-section__label-8 {
  position: absolute;
  top: 50%;
  left: auto;
  right: -7px;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  border-radius: 50%;
  border: 3px solid #F4F6FA;
  transition: background .4s,transform .4s;
  background: #20C6B6;
  transform: scale(1.3);
}
.customer-app-section__block-9 {
  cursor: pointer;
  position: relative;
  display: flex;
  gap: 18px;
  align-items: flex-start;
  padding: 24px;
  border-radius: 24px;
  transition: all .45s cubic-bezier(.2,.8,.2,1);
  background: rgba(255,255,255,0.5);
  border: 1px solid #E3E9F1;
  box-shadow: none;
  transform: translateX(0px);
}
.customer-app-section__label-9 {
  flex: none;
  width: 56px;
  height: 56px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .4s;
  background: #E6F8F6;
}
.customer-app-section__label-10 {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.01em;
  color: #3B5270;
  transition: color .4s;
}
.customer-app-section__label-11 {
  font-size: 14.5px;
  line-height: 1.55;
  color: #7A8BA2;
  transition: color .4s;
}
.customer-app-section__label-12 {
  position: absolute;
  top: 50%;
  left: auto;
  right: -7px;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  border-radius: 50%;
  border: 3px solid #F4F6FA;
  transition: background .4s,transform .4s;
  background: #D5DEE8;
  transform: scale(1);
}
.customer-app-section__block-10 {
  flex: 0 1 460px;
  min-width: 0;
}
.customer-app-section__block-11 {
  position: relative;
  aspect-ratio: 460/680;
  display: flex;
  align-items: center;
  justify-content: center;
}
.customer-app-section__block-12 {
  position: absolute;
  inset: 4% -2%;
  border-radius: 50%;
  background: radial-gradient(circle at 50% 40%,#2DD4C4 0%,#149C93 38%,#0D3A52 72%,rgba(13,58,82,0) 73%);
}
.customer-app-section__block-13 {
  position: absolute;
  inset: 0% -8%;
  border-radius: 50%;
  border: 1px dashed rgba(32,198,182,0.45);
  animation: wspin 50s linear infinite;
}
.customer-app-section__block-14 {
  position: absolute;
  inset: 10% 4%;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.18);
}
.customer-app-section__block-15 {
  position: absolute;
  inset: 4% -2%;
  border-radius: 50%;
  background-image: radial-gradient(rgba(255,255,255,0.22) 1px,transparent 1px);
  background-size: 18px 18px;
  -webkit-mask-image: radial-gradient(circle,#000 30%,transparent 70%);
  mask-image: radial-gradient(circle,#000 30%,transparent 70%);
}
.customer-app-section__block-16 {
  position: relative;
  width: 62%;
  z-index: 2;
}
.customer-app-section__block-17 {
  border: 8px solid #06152A;
  border-radius: 44px;
  overflow: hidden;
  background: #06152A;
  aspect-ratio: 1080/2424;
  position: relative;
  box-shadow: 0 60px 100px -30px rgba(6,21,42,0.7),0 0 0 1px rgba(255,255,255,0.1);
}
.customer-app-section__image-5 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 36px;
  transition: opacity .6s,transform .8s cubic-bezier(.2,.8,.2,1);
  opacity: 1;
  transform: scale(1);
}
.customer-app-section__image-6 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 36px;
  transition: opacity .6s,transform .8s cubic-bezier(.2,.8,.2,1);
  opacity: 0;
  transform: scale(1.05);
}
.customer-app-section__block-18 {
  position: absolute;
  left: -30%;
  top: 18%;
  z-index: 3;
  animation: wfloat2 5s ease-in-out infinite;
}
.customer-app-section__block-19 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px 10px 10px;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 24px 50px -14px rgba(6,21,42,0.45);
}
.customer-app-section__label-13 {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: #E6F8F6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.customer-app-section__image-7 {
  width: 20px;
  height: 20px;
}
.customer-app-section__label-14 {
  display: flex;
  flex-direction: column;
}
.customer-app-section__label-15 {
  font-size: 11px;
  font-weight: 600;
  color: #7A8BA2;
}
.customer-app-section__label-16 {
  font-size: 14px;
  font-weight: 800;
  color: #102A45;
  white-space: nowrap;
}
.customer-app-section__block-20 {
  position: absolute;
  right: -26%;
  bottom: 14%;
  z-index: 3;
  animation: wfloat2 6s ease-in-out -2s infinite;
}
.customer-app-section__block-21 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 12px 18px;
  background: #102A45;
  border: 1px solid rgba(95,224,211,0.35);
  border-radius: 14px;
  box-shadow: 0 24px 50px -14px rgba(6,21,42,0.55);
}
.customer-app-section__label-17 {
  font-size: 11px;
  font-weight: 600;
  color: #8FA3BC;
}
.customer-app-section__label-18 {
  font-size: 18px;
  font-weight: 800;
  color: #5FE0D3;
}
.customer-app-section__block-22 {
  position: absolute;
  bottom: -2%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 3;
}
.customer-app-section__button-1 {
  all: unset;
  cursor: pointer;
  height: 8px;
  border-radius: 8px;
  transition: width .4s,background .4s;
  width: 28px;
  background: #20C6B6;
}
.customer-app-section__button-2 {
  all: unset;
  cursor: pointer;
  height: 8px;
  border-radius: 8px;
  transition: width .4s,background .4s;
  width: 8px;
  background: #C9D6E6;
}
.customer-app-section__label-19 {
  position: absolute;
  top: 50%;
  left: -7px;
  right: auto;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  border-radius: 50%;
  border: 3px solid #F4F6FA;
  transition: background .4s,transform .4s;
  background: #D5DEE8;
  transform: scale(1);
}
.customer-app-section__block-23 {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,300px),1fr));
  gap: 1px;
  background: #E3E9F1;
  border: 1px solid #E3E9F1;
  border-radius: 24px;
  overflow: hidden;
}
.customer-app-section__block-24 {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 24px 28px;
  background: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.45;
  transition: background .25s;
}
.customer-app-section__label-20 {
  flex: none;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: #102A45;
  display: flex;
  align-items: center;
  justify-content: center;
}
.customer-app-section__image-8 {
  width: 22px;
  height: 22px;
}

/* customer-app-section — interactive states */
[data-cust="1"] .customer-app-section__block-8--6uzs {
  background: rgba(255,255,255,0.5);
  border: 1px solid #E3E9F1;
  box-shadow: none;
  transform: translateX(0px);
}
[data-cust="2"] .customer-app-section__block-8--6uzs {
  background: rgba(255,255,255,0.5);
  border: 1px solid #E3E9F1;
  box-shadow: none;
  transform: translateX(0px);
}
[data-cust="3"] .customer-app-section__block-8--6uzs {
  background: rgba(255,255,255,0.5);
  border: 1px solid #E3E9F1;
  box-shadow: none;
  transform: translateX(0px);
}
[data-cust="4"] .customer-app-section__block-8--6uzs {
  background: rgba(255,255,255,0.5);
  border: 1px solid #E3E9F1;
  box-shadow: none;
  transform: translateX(0px);
}
[data-cust="5"] .customer-app-section__block-8--6uzs {
  background: rgba(255,255,255,0.5);
  border: 1px solid #E3E9F1;
  box-shadow: none;
  transform: translateX(0px);
}
[data-cust="1"] .customer-app-section__label-4--sw9m {
  background: #E6F8F6;
}
[data-cust="2"] .customer-app-section__label-4--sw9m {
  background: #E6F8F6;
}
[data-cust="3"] .customer-app-section__label-4--sw9m {
  background: #E6F8F6;
}
[data-cust="4"] .customer-app-section__label-4--sw9m {
  background: #E6F8F6;
}
[data-cust="5"] .customer-app-section__label-4--sw9m {
  background: #E6F8F6;
}
[data-cust="1"] .customer-app-section__label-6--xo8l {
  color: #3B5270;
}
[data-cust="2"] .customer-app-section__label-6--xo8l {
  color: #3B5270;
}
[data-cust="3"] .customer-app-section__label-6--xo8l {
  color: #3B5270;
}
[data-cust="4"] .customer-app-section__label-6--xo8l {
  color: #3B5270;
}
[data-cust="5"] .customer-app-section__label-6--xo8l {
  color: #3B5270;
}
[data-cust="1"] .customer-app-section__label-7--fe7c {
  color: #7A8BA2;
}
[data-cust="2"] .customer-app-section__label-7--fe7c {
  color: #7A8BA2;
}
[data-cust="3"] .customer-app-section__label-7--fe7c {
  color: #7A8BA2;
}
[data-cust="4"] .customer-app-section__label-7--fe7c {
  color: #7A8BA2;
}
[data-cust="5"] .customer-app-section__label-7--fe7c {
  color: #7A8BA2;
}
[data-cust="1"] .customer-app-section__label-8--npk6 {
  background: #D5DEE8;
  transform: scale(1);
}
[data-cust="2"] .customer-app-section__label-8--npk6 {
  background: #D5DEE8;
  transform: scale(1);
}
[data-cust="3"] .customer-app-section__label-8--npk6 {
  background: #D5DEE8;
  transform: scale(1);
}
[data-cust="4"] .customer-app-section__label-8--npk6 {
  background: #D5DEE8;
  transform: scale(1);
}
[data-cust="5"] .customer-app-section__label-8--npk6 {
  background: #D5DEE8;
  transform: scale(1);
}
[data-cust="1"] .customer-app-section__block-9--dfhf {
  background: #fff;
  border: 1px solid #9FE3DB;
  box-shadow: 0 30px 60px -30px rgba(16,42,69,0.4);
  transform: translateX(8px);
}
[data-cust="1"] .customer-app-section__label-9--05ab {
  background: #102A45;
}
[data-cust="1"] .customer-app-section__label-10--pe2y {
  color: #102A45;
}
[data-cust="1"] .customer-app-section__label-11--ehkq {
  color: #4A5F7A;
}
[data-cust="1"] .customer-app-section__label-12--ddyd {
  background: #20C6B6;
  transform: scale(1.3);
}
[data-cust="2"] .customer-app-section__block-9--efy2 {
  background: #fff;
  border: 1px solid #9FE3DB;
  box-shadow: 0 30px 60px -30px rgba(16,42,69,0.4);
  transform: translateX(8px);
}
[data-cust="2"] .customer-app-section__label-9--jypm {
  background: #102A45;
}
[data-cust="2"] .customer-app-section__label-10--s7in {
  color: #102A45;
}
[data-cust="2"] .customer-app-section__label-11--c7ge {
  color: #4A5F7A;
}
[data-cust="2"] .customer-app-section__label-12--hsuj {
  background: #20C6B6;
  transform: scale(1.3);
}
[data-cust="1"] .customer-app-section__image-5--vdu9 {
  opacity: 0;
  transform: scale(1.05);
}
[data-cust="2"] .customer-app-section__image-5--vdu9 {
  opacity: 0;
  transform: scale(1.05);
}
[data-cust="3"] .customer-app-section__image-5--vdu9 {
  opacity: 0;
  transform: scale(1.05);
}
[data-cust="4"] .customer-app-section__image-5--vdu9 {
  opacity: 0;
  transform: scale(1.05);
}
[data-cust="5"] .customer-app-section__image-5--vdu9 {
  opacity: 0;
  transform: scale(1.05);
}
[data-cust="1"] .customer-app-section__image-6--gjqf {
  opacity: 1;
  transform: scale(1);
}
[data-cust="2"] .customer-app-section__image-6--dtwr {
  opacity: 1;
  transform: scale(1);
}
[data-cust="3"] .customer-app-section__image-6--x70o {
  opacity: 1;
  transform: scale(1);
}
[data-cust="4"] .customer-app-section__image-6--024g {
  opacity: 1;
  transform: scale(1);
}
[data-cust="5"] .customer-app-section__image-6--08uj {
  opacity: 1;
  transform: scale(1);
}
[data-cust="1"] .customer-app-section__button-1--wfbv {
  width: 8px;
  background: #C9D6E6;
}
[data-cust="2"] .customer-app-section__button-1--wfbv {
  width: 8px;
  background: #C9D6E6;
}
[data-cust="3"] .customer-app-section__button-1--wfbv {
  width: 8px;
  background: #C9D6E6;
}
[data-cust="4"] .customer-app-section__button-1--wfbv {
  width: 8px;
  background: #C9D6E6;
}
[data-cust="5"] .customer-app-section__button-1--wfbv {
  width: 8px;
  background: #C9D6E6;
}
[data-cust="1"] .customer-app-section__button-2--qe9q {
  width: 28px;
  background: #20C6B6;
}
[data-cust="2"] .customer-app-section__button-2--lob5 {
  width: 28px;
  background: #20C6B6;
}
[data-cust="3"] .customer-app-section__button-2--pxjq {
  width: 28px;
  background: #20C6B6;
}
[data-cust="4"] .customer-app-section__button-2--x67v {
  width: 28px;
  background: #20C6B6;
}
[data-cust="5"] .customer-app-section__button-2--bwmd {
  width: 28px;
  background: #20C6B6;
}
[data-cust="3"] .customer-app-section__block-9--g66a {
  background: #fff;
  border: 1px solid #9FE3DB;
  box-shadow: 0 30px 60px -30px rgba(16,42,69,0.4);
  transform: translateX(-8px);
}
[data-cust="3"] .customer-app-section__label-9--eel0 {
  background: #102A45;
}
[data-cust="3"] .customer-app-section__label-10--mxvz {
  color: #102A45;
}
[data-cust="3"] .customer-app-section__label-11--xwwv {
  color: #4A5F7A;
}
[data-cust="3"] .customer-app-section__label-19--k5fk {
  background: #20C6B6;
  transform: scale(1.3);
}
[data-cust="4"] .customer-app-section__block-9--7a1l {
  background: #fff;
  border: 1px solid #9FE3DB;
  box-shadow: 0 30px 60px -30px rgba(16,42,69,0.4);
  transform: translateX(-8px);
}
[data-cust="4"] .customer-app-section__label-9--xk64 {
  background: #102A45;
}
[data-cust="4"] .customer-app-section__label-10--rad3 {
  color: #102A45;
}
[data-cust="4"] .customer-app-section__label-11--eke1 {
  color: #4A5F7A;
}
[data-cust="4"] .customer-app-section__label-19--a3xo {
  background: #20C6B6;
  transform: scale(1.3);
}
[data-cust="5"] .customer-app-section__block-9--57c9 {
  background: #fff;
  border: 1px solid #9FE3DB;
  box-shadow: 0 30px 60px -30px rgba(16,42,69,0.4);
  transform: translateX(-8px);
}
[data-cust="5"] .customer-app-section__label-9--2a3z {
  background: #102A45;
}
[data-cust="5"] .customer-app-section__label-10--55w8 {
  color: #102A45;
}
[data-cust="5"] .customer-app-section__label-11--5up7 {
  color: #4A5F7A;
}
[data-cust="5"] .customer-app-section__label-19--hjl5 {
  background: #20C6B6;
  transform: scale(1.3);
}

/* customer-app-section — hover */
.customer-app-section__block-24:hover {
  background: #F2FBFA;
}

/* ==========================================================================
   driver-app-section
   ========================================================================== */
.driver-app-section {
  padding: 0 20px;
}
.driver-app-section__block-1 {
  max-width: var(--panel-max);
  margin: 0 auto;
  background: #0A1C32;
  border-radius: 44px;
  padding: 120px var(--gutter);
  position: relative;
  overflow: hidden;
  color: #fff;
}
.driver-app-section__block-2 {
  position: absolute;
  right: -10%;
  top: -20%;
  width: 760px;
  height: 760px;
  border-radius: 50%;
  background: radial-gradient(circle,rgba(32,198,182,0.26),transparent 65%);
  animation: wblob 20s ease-in-out infinite;
  pointer-events: none;
}
.driver-app-section__block-3 {
  position: absolute;
  left: -10%;
  bottom: -30%;
  width: 680px;
  height: 680px;
  border-radius: 50%;
  background: radial-gradient(circle,rgba(56,120,210,0.24),transparent 65%);
  animation: wblob 24s ease-in-out -8s infinite;
  pointer-events: none;
}
.driver-app-section__block-4 {
  position: relative;
  max-width: var(--container-max);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 72px;
}
.driver-app-section__block-5 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 32px;
}
.driver-app-section__block-6 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 820px;
}
.driver-app-section__block-7 {
  font-family: 'JetBrains Mono',monospace;
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #5FE0D3;
}
.driver-app-section__heading-1 {
  margin: 0;
  font-size: clamp(34px,calc(4.2 * var(--vw)),68px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -0.045em;
  text-wrap: balance;
}
.driver-app-section__label-1 {
  color: #5FE0D3;
  font-style: italic;
}
.driver-app-section__block-8 {
  display: flex;
  flex-direction: column;
  gap: 18px;
  max-width: 520px;
}
.driver-app-section__text-1 {
  margin: 0;
  font-size: 18px;
  line-height: 1.6;
  color: #AFC0D4;
}
.driver-app-section__block-9 {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.driver-app-section__label-2 {
  font-size: 13px;
  font-weight: 600;
  padding: 8px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.18);
}
.driver-app-section__block-10 {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,300px),1fr));
  gap: 24px;
}
.driver-app-section__block-11 {

}
.driver-app-section__block-12 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.09);
  border-radius: 32px;
  padding: 36px 36px 32px;
  transition: transform .4s cubic-bezier(.2,.8,.2,1),background .4s,border-color .4s;
}
.driver-app-section__block-13 {
  width: 74%;
  margin: 0 auto;
}
.driver-app-section__block-14 {
  border: 6px solid #020B18;
  border-radius: 32px;
  overflow: hidden;
  background: #020B18;
  aspect-ratio: 1080/2424;
  box-shadow: 0 40px 70px -24px rgba(0,0,0,0.7);
}
.driver-app-section__image-1 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 26px;
}
.driver-app-section__block-15 {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.driver-app-section__label-3 {
  font-family: 'JetBrains Mono',monospace;
  font-size: 13px;
  color: #5FE0D3;
  padding-top: 4px;
}
.driver-app-section__label-4 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.driver-app-section__label-5 {
  font-size: 20px;
  font-weight: 800;
}
.driver-app-section__label-6 {
  font-size: 15px;
  line-height: 1.55;
  color: #AFC0D4;
}

/* driver-app-section — hover */
.driver-app-section__block-12:hover {
  transform: translateY(-8px);
  background: rgba(255,255,255,0.07);
  border-color: rgba(95,224,211,0.4);
}

/* ==========================================================================
   admin-panel-section
   ========================================================================== */
.admin-panel-section {
  padding: 130px var(--gutter) 110px;
}
.admin-panel-section__block-1 {
  max-width: var(--container-max);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 56px;
}
.admin-panel-section__block-2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
}
.admin-panel-section__block-3 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 880px;
}
.admin-panel-section__block-4 {
  font-family: 'JetBrains Mono',monospace;
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #0E8C80;
}
.admin-panel-section__heading-1 {
  margin: 0;
  font-size: clamp(34px,calc(4.2 * var(--vw)),68px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -0.045em;
  text-wrap: balance;
}
.admin-panel-section__label-1 {
  color: #20C6B6;
  font-style: italic;
}
.admin-panel-section__block-5 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: 480px;
}
.admin-panel-section__text-1 {
  margin: 0;
  font-size: 18px;
  line-height: 1.6;
  color: #4A5F7A;
}
.admin-panel-section__block-6 {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.admin-panel-section__label-2 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  padding: 9px 14px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid #E3E9F1;
}
.admin-panel-section__image-1 {
  width: 20px;
  height: 20px;
}
.admin-panel-section__image-2 {
  width: 18px;
  height: 18px;
}
.admin-panel-section__block-7 {

}
.admin-panel-section__block-8 {
  position: relative;
  background: radial-gradient(90% 120% at 100% 100%,#16405C 0%,#0F2A46 45%,#0A1C32 100%);
  border-radius: 40px;
  padding: clamp(20px,calc(3 * var(--vw)),40px);
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  align-items: center;
}
.admin-panel-section__block-9 {
  position: absolute;
  right: -10%;
  bottom: -30%;
  width: 700px;
  height: 700px;
  border-radius: 50%;
  background: radial-gradient(circle,rgba(32,198,182,0.25),transparent 65%);
  animation: wblob 22s ease-in-out infinite;
  pointer-events: none;
}
.admin-panel-section__block-10 {
  position: relative;
  flex: 1 1 340px;
  min-width: 0;
  max-width: 440px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 8px;
}
.admin-panel-section__block-11 {
  font-family: 'JetBrains Mono',monospace;
  font-size: 12px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #5FE0D3;
  padding: 0 4px 8px;
}
.admin-panel-section__button-1 {
  all: unset;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 22px;
  border-radius: 22px;
  transition: background .4s,border-color .4s;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(95,224,211,0.45);
}
.admin-panel-section__label-3 {
  display: flex;
  gap: 16px;
  align-items: center;
}
.admin-panel-section__label-4 {
  flex: none;
  width: 52px;
  height: 52px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .4s;
  background: #20C6B6;
}
.admin-panel-section__image-3 {
  width: 26px;
  height: 26px;
}
.admin-panel-section__label-5 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.admin-panel-section__label-6 {
  font-size: 19px;
  font-weight: 800;
  color: #fff;
  letter-spacing: -0.01em;
}
.admin-panel-section__label-7 {
  font-size: 14px;
  line-height: 1.5;
  transition: color .4s;
  color: #C9D6E6;
}
.admin-panel-section__label-8 {
  margin-left: auto;
  font-family: 'JetBrains Mono',monospace;
  font-size: 12px;
  color: #7A8BA2;
}
.admin-panel-section__label-9 {
  display: block;
  height: 2px;
  border-radius: 2px;
  background: rgba(255,255,255,0.08);
  overflow: hidden;
}
.admin-panel-section__label-10 {
  display: block;
  height: 100%;
  background: #20C6B6;
  animation: wfill 5s linear forwards;
}
.admin-panel-section__button-2 {
  all: unset;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 22px;
  border-radius: 22px;
  transition: background .4s,border-color .4s;
  background: transparent;
  border: 1px solid rgba(255,255,255,0.08);
}
.admin-panel-section__label-11 {
  flex: none;
  width: 52px;
  height: 52px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .4s;
  background: rgba(255,255,255,0.08);
}
.admin-panel-section__label-12 {
  font-size: 14px;
  line-height: 1.5;
  transition: color .4s;
  color: #7A8BA2;
}
.admin-panel-section__label-13 {
  display: none;
  height: 100%;
  background: #20C6B6;
  animation: wfill 5s linear forwards;
}
.admin-panel-section__block-12 {
  position: relative;
  flex: 2 1 620px;
  min-width: 0;
}
.admin-panel-section__block-13 {
  position: relative;
  background: #fff;
  border-radius: 22px;
  box-shadow: 0 60px 120px -40px rgba(0,0,0,0.6),0 0 0 1px rgba(255,255,255,0.12);
  overflow: hidden;
}
.admin-panel-section__block-14 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 14px 18px;
  background: #EEF2F7;
}
.admin-panel-section__label-14 {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #F26D6D;
}
.admin-panel-section__label-15 {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #F5C04E;
}
.admin-panel-section__label-16 {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #4CCB7A;
}
.admin-panel-section__label-17 {
  margin-left: 16px;
  font-family: 'JetBrains Mono',monospace;
  font-size: 12px;
  color: #7A8BA2;
  background: #fff;
  padding: 5px 14px;
  border-radius: 8px;
}
.admin-panel-section__block-15 {
  position: relative;
  aspect-ratio: 2420/1500;
  overflow: hidden;
  background: #F4F6FA;
}
.admin-panel-section__image-4 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  transition: opacity .5s,transform .7s cubic-bezier(.2,.8,.2,1);
  opacity: 1;
  transform: translateY(0px);
}
.admin-panel-section__image-5 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
  transition: opacity .5s,transform .7s cubic-bezier(.2,.8,.2,1);
  opacity: 0;
  transform: translateY(24px);
}
.admin-panel-section__block-16 {
  position: absolute;
  left: -3%;
  bottom: 8%;
  z-index: 3;
}
.admin-panel-section__block-17 {
  animation: wfloat2 5s ease-in-out infinite;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 18px 12px 12px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 24px 50px -12px rgba(0,0,0,0.5);
}
.admin-panel-section__label-18 {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: #E6F8F6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.admin-panel-section__image-6 {
  width: 22px;
  height: 22px;
}
.admin-panel-section__label-19 {
  display: flex;
  flex-direction: column;
}
.admin-panel-section__label-20 {
  font-size: 12px;
  font-weight: 600;
  color: #7A8BA2;
}
.admin-panel-section__label-21 {
  font-size: 18px;
  font-weight: 900;
  color: #102A45;
}
.admin-panel-section__block-18 {
  position: absolute;
  right: -2%;
  top: -5%;
  z-index: 3;
}
.admin-panel-section__block-19 {
  animation: wfloat2 6s ease-in-out -2s infinite;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 18px 12px 12px;
  background: #102A45;
  border: 1px solid rgba(95,224,211,0.35);
  border-radius: 16px;
  box-shadow: 0 24px 50px -12px rgba(0,0,0,0.5);
}
.admin-panel-section__label-22 {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: rgba(95,224,211,0.15);
  display: flex;
  align-items: center;
  justify-content: center;
}
.admin-panel-section__label-23 {
  font-size: 12px;
  font-weight: 600;
  color: #8FA3BC;
}
.admin-panel-section__label-24 {
  font-size: 18px;
  font-weight: 900;
  color: #fff;
}
.admin-panel-section__block-20 {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,300px),1fr));
  gap: 16px;
}
.admin-panel-section__block-21 {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 26px;
  background: #fff;
  border: 1px solid #E3E9F1;
  border-radius: 24px;
  transition: transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s;
}
.admin-panel-section__label-25 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.admin-panel-section__label-26 {
  width: 50px;
  height: 50px;
  border-radius: 14px;
  background: #E6F8F6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.admin-panel-section__image-7 {
  width: 24px;
  height: 24px;
}
.admin-panel-section__label-27 {
  font-family: 'JetBrains Mono',monospace;
  font-size: 12px;
  color: #9AABBF;
}
.admin-panel-section__label-28 {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.45;
}
.admin-panel-section__link-1 {
  height: 100%;
  min-height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 18px;
  padding: 26px;
  background: #20C6B6;
  color: #0B2239;
  border-radius: 24px;
  transition: transform .35s cubic-bezier(.2,.8,.2,1);
}
.admin-panel-section__label-29 {
  width: 50px;
  height: 50px;
  border-radius: 14px;
  background: #0B2239;
  display: flex;
  align-items: center;
  justify-content: center;
}
.admin-panel-section__label-30 {
  font-size: 18px;
  font-weight: 800;
}

/* admin-panel-section — interactive states */
[data-tab="1"] .admin-panel-section__button-1--ddka {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.08);
}
[data-tab="2"] .admin-panel-section__button-1--ddka {
  background: transparent;
  border: 1px solid rgba(255,255,255,0.08);
}
[data-tab="1"] .admin-panel-section__label-4--95x5 {
  background: rgba(255,255,255,0.08);
}
[data-tab="2"] .admin-panel-section__label-4--95x5 {
  background: rgba(255,255,255,0.08);
}
[data-tab="1"] .admin-panel-section__label-7--zrx6 {
  color: #7A8BA2;
}
[data-tab="2"] .admin-panel-section__label-7--zrx6 {
  color: #7A8BA2;
}
[data-tab="1"] .admin-panel-section__label-10--kll7 {
  display: none;
}
[data-tab="2"] .admin-panel-section__label-10--kll7 {
  display: none;
}
[data-tab="1"] .admin-panel-section__button-2--6hx9 {
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(95,224,211,0.45);
}
[data-tab="1"] .admin-panel-section__label-11--s1be {
  background: #20C6B6;
}
[data-tab="1"] .admin-panel-section__label-12--noa0 {
  color: #C9D6E6;
}
[data-tab="1"] .admin-panel-section__label-13--lanx {
  display: block;
}
[data-tab="2"] .admin-panel-section__button-2--scpt {
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(95,224,211,0.45);
}
[data-tab="2"] .admin-panel-section__label-11--ffbf {
  background: #20C6B6;
}
[data-tab="2"] .admin-panel-section__label-12--u1x6 {
  color: #C9D6E6;
}
[data-tab="2"] .admin-panel-section__label-13--ilkz {
  display: block;
}
[data-tab="1"] .admin-panel-section__image-4--abqj {
  opacity: 0;
  transform: translateY(24px);
}
[data-tab="2"] .admin-panel-section__image-4--abqj {
  opacity: 0;
  transform: translateY(24px);
}
[data-tab="1"] .admin-panel-section__image-5--cveb {
  opacity: 1;
  transform: translateY(0px);
}
[data-tab="2"] .admin-panel-section__image-5--19db {
  opacity: 1;
  transform: translateY(0px);
}

/* admin-panel-section — hover */
.admin-panel-section__button-1:hover {
  background: rgba(255,255,255,0.06);
}
.admin-panel-section__button-2:hover {
  background: rgba(255,255,255,0.06);
}
.admin-panel-section__block-21:hover {
  transform: translateY(-6px);
  border-color: #9FE3DB;
  box-shadow: 0 30px 60px -30px rgba(16,42,69,0.35);
}
.admin-panel-section__link-1:hover {
  color: #0B2239;
  transform: translateY(-6px);
}

/* ==========================================================================
   what-you-get-section
   ========================================================================== */
.what-you-get-section {
  padding: 20px var(--gutter) 110px;
}
.what-you-get-section__block-1 {
  max-width: var(--container-max);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  align-items: stretch;
}
.what-you-get-section__block-2 {
  flex: 1 1 420px;
  min-width: 0;
  max-width: 560px;
}
.what-you-get-section__block-3 {
  position: sticky;
  top: 110px;
  border-radius: 36px;
  overflow: hidden;
  padding: 48px 44px;
  background: radial-gradient(120% 100% at 0% 0%,#35D9C8 0%,#1BB5A8 45%,#0E6E7C 100%);
  color: #0B2239;
  display: flex;
  flex-direction: column;
  gap: 28px;
  min-height: 640px;
}
.what-you-get-section__block-4 {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255,255,255,0.2) 1px,transparent 1px);
  background-size: 22px 22px;
  -webkit-mask-image: linear-gradient(160deg,#000,transparent 60%);
  mask-image: linear-gradient(160deg,#000,transparent 60%);
  pointer-events: none;
}
.what-you-get-section__block-5 {
  position: absolute;
  right: -90px;
  bottom: -90px;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  border: 1px dashed rgba(255,255,255,0.4);
  animation: wspin 50s linear infinite;
  pointer-events: none;
}
.what-you-get-section__block-6 {
  position: relative;
  display: flex;
}
.what-you-get-section__label-1 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: 'JetBrains Mono',monospace;
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(11,34,57,0.12);
}
.what-you-get-section__image-1 {
  width: 16px;
  height: 16px;
}
.what-you-get-section__heading-1 {
  position: relative;
  margin: 0;
  font-size: clamp(36px,calc(3.8 * var(--vw)),62px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -0.045em;
  text-wrap: balance;
}
.what-you-get-section__label-2 {
  color: #fff;
  font-style: italic;
}
.what-you-get-section__block-7 {
  position: relative;
  display: flex;
  align-items: baseline;
  gap: 14px;
}
.what-you-get-section__label-3 {
  font-size: clamp(90px,calc(9 * var(--vw)),150px);
  font-weight: 900;
  letter-spacing: -0.06em;
  line-height: 0.85;
  color: #0B2239;
}
.what-you-get-section__label-4 {
  font-size: 18px;
  font-weight: 800;
  line-height: 1.3;
}
.what-you-get-section__br-1 {

}
.what-you-get-section__label-5 {
  font-weight: 600;
  opacity: 0.75;
  font-size: 15px;
}
.what-you-get-section__block-8 {
  position: relative;
  margin-top: auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.what-you-get-section__link-1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #0A1C32;
  color: #fff;
  padding: 18px 28px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 16px;
  transition: background .2s;
}
.what-you-get-section__image-2 {
  width: 19px;
  height: 19px;
}
.what-you-get-section__link-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background: #06152A;
  color: #fff;
  padding: 16px 28px;
  border-radius: 14px;
  font-weight: 700;
  font-size: 16px;
  border: 1px solid rgba(255,255,255,0.16);
}
.what-you-get-section__image-3 {
  height: 24px;
  width: auto;
}
.what-you-get-section__block-9 {
  flex: 1.6 1 620px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.what-you-get-section__block-10 {
  position: relative;
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
  padding: 26px 28px;
  min-height: 150px;
  background: #fff;
  border: 1px solid #E3E9F1;
  border-radius: 26px;
  overflow: hidden;
  transition: border-color .35s,box-shadow .35s,transform .35s cubic-bezier(.2,.8,.2,1);
}
.what-you-get-section__label-6 {
  flex: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.what-you-get-section__label-7 {
  width: 60px;
  height: 60px;
  border-radius: 18px;
  background: #102A45;
  display: flex;
  align-items: center;
  justify-content: center;
}
.what-you-get-section__image-4 {
  width: 28px;
  height: 28px;
}
.what-you-get-section__label-8 {
  font-family: 'JetBrains Mono',monospace;
  font-size: 12px;
  color: #9AABBF;
}
.what-you-get-section__label-9 {
  flex: 1 1 260px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.what-you-get-section__label-10 {
  font-size: clamp(20px,calc(1.6 * var(--vw)),26px);
  font-weight: 900;
  letter-spacing: -0.025em;
  line-height: 1.15;
}
.what-you-get-section__label-11 {
  font-size: 15px;
  color: #5A6E87;
}
.what-you-get-section__label-12 {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.what-you-get-section__label-13 {
  font-size: 12px;
  font-weight: 700;
  padding: 6px 11px;
  border-radius: 999px;
  background: #F4F6FA;
  border: 1px solid #E3E9F1;
  color: #3B5270;
}
.what-you-get-section__label-14 {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 220px;
  align-self: stretch;
  margin: -26px -28px -26px 0;
  padding: 26px 28px 26px 0;
  background: linear-gradient(90deg,rgba(230,248,246,0),#E6F8F6);
}
.what-you-get-section__block-11 {
  width: 110px;
  height: 150px;
  border: 5px solid #06152A;
  border-bottom: none;
  border-radius: 22px 22px 0 0;
  overflow: hidden;
  background: #06152A;
  align-self: flex-end;
  margin-bottom: -26px;
  box-shadow: 0 20px 40px -16px rgba(6,21,42,0.5);
  transition: transform .45s cubic-bezier(.2,.8,.2,1);
}
.what-you-get-section__image-5 {
  width: 100%;
  height: auto;
  border-radius: 17px 17px 0 0;
}
.what-you-get-section__block-12 {
  width: 210px;
  height: 124px;
  border-radius: 14px 14px 0 0;
  overflow: hidden;
  align-self: flex-end;
  margin-bottom: -26px;
  box-shadow: 0 20px 40px -16px rgba(16,42,69,0.45),0 0 0 1px rgba(16,42,69,0.08);
  background: #fff;
}
.what-you-get-section__block-13 {
  display: flex;
  gap: 4px;
  padding: 7px 9px;
  background: #EEF2F7;
}
.what-you-get-section__label-15 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #F26D6D;
}
.what-you-get-section__label-16 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #F5C04E;
}
.what-you-get-section__label-17 {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #4CCB7A;
}
.what-you-get-section__image-6 {
  width: 100%;
  height: auto;
}
.what-you-get-section__block-14 {
  width: 130px;
  height: 100px;
  border-radius: 20px;
  background: #0A1C32;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 20px 40px -16px rgba(10,28,50,0.5);
}
.what-you-get-section__image-7 {
  width: 62px;
  height: 62px;
}
.what-you-get-section__block-15 {
  display: flex;
  align-items: center;
  gap: 8px;
}
.what-you-get-section__image-8 {
  width: 64px;
  height: 64px;
  border-radius: 18px;
  box-shadow: 0 16px 30px -12px rgba(10,28,50,0.5);
}
.what-you-get-section__label-18 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.what-you-get-section__label-19 {
  width: 42px;
  height: 28px;
  border-radius: 8px;
  background: #102A45;
}
.what-you-get-section__label-20 {
  width: 42px;
  height: 28px;
  border-radius: 8px;
  background: #20C6B6;
}

/* what-you-get-section — hover */
.what-you-get-section__link-1:hover {
  color: #fff;
  background: #102A45;
}
.what-you-get-section__link-2:hover {
  color: #fff;
  background: #020B18;
}
.what-you-get-section__block-10:hover {
  border-color: #9FE3DB;
  box-shadow: 0 30px 60px -34px rgba(16,42,69,0.45);
  transform: translateX(6px);
}

/* ==========================================================================
   technology-section
   ========================================================================== */
.technology-section {
  padding: 0 var(--gutter) 120px;
}
.technology-section__block-1 {
  max-width: var(--container-max);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.technology-section__block-2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
}
.technology-section__block-3 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 880px;
}
.technology-section__block-4 {
  font-family: 'JetBrains Mono',monospace;
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #0E8C80;
}
.technology-section__heading-1 {
  margin: 0;
  font-size: clamp(34px,calc(4.2 * var(--vw)),68px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -0.045em;
  text-wrap: balance;
}
.technology-section__label-1 {
  color: #20C6B6;
  font-style: italic;
}
.technology-section__block-5 {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,520px),1fr));
  gap: 18px;
}
.technology-section__block-6 {

}
.technology-section__block-7 {
  height: 100%;
  background: #0A1C32;
  color: #fff;
  border: 1px solid #0A1C32;
  border-radius: 32px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 28px;
  position: relative;
  overflow: hidden;
}
.technology-section__block-8 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.technology-section__label-2 {
  font-size: 28px;
  font-weight: 900;
  letter-spacing: -0.03em;
}
.technology-section__label-3 {
  font-family: 'JetBrains Mono',monospace;
  font-size: 13px;
  opacity: 0.7;
}
.technology-section__block-9 {
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(200px,1fr));
  gap: 10px;
}
.technology-section__label-4 {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: 'JetBrains Mono',monospace;
  font-size: 14px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.1);
  line-height: 1.35;
  transition: border-color .25s;
}
.technology-section__label-5 {
  flex: none;
  width: 40px;
  height: 40px;
  border-radius: 11px;
  background: #fff;
  border: 1px solid #E3E9F1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.technology-section__image-1 {
  width: 22px;
  height: 22px;
}
.technology-section__block-10 {
  height: 100%;
  background: #fff;
  color: #102A45;
  border: 1px solid #E3E9F1;
  border-radius: 32px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 28px;
  position: relative;
  overflow: hidden;
}
.technology-section__label-6 {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: 'JetBrains Mono',monospace;
  font-size: 14px;
  padding: 12px 14px;
  border-radius: 14px;
  background: #F4F6FA;
  border: 1px solid #E3E9F1;
  line-height: 1.35;
  transition: border-color .25s;
}

/* technology-section — hover */
.technology-section__label-4:hover {
  border-color: #20C6B6;
}
.technology-section__label-6:hover {
  border-color: #20C6B6;
}

/* ==========================================================================
   ai-tools-section
   ========================================================================== */
.ai-tools-section {
  padding: 0 20px 110px;
}
.ai-tools-section__block-1 {
  max-width: var(--panel-max);
  margin: 0 auto;
  background: radial-gradient(90% 120% at 100% 0%,#1E3F7A 0%,#10264A 40%,#0A1C32 80%);
  border-radius: 44px;
  padding: 110px var(--gutter);
  position: relative;
  overflow: hidden;
  color: #fff;
}
.ai-tools-section__block-2 {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255,255,255,0.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.035) 1px,transparent 1px);
  background-size: 56px 56px;
  -webkit-mask-image: radial-gradient(ellipse 60% 80% at 75% 50%,#000,transparent 75%);
  mask-image: radial-gradient(ellipse 60% 80% at 75% 50%,#000,transparent 75%);
}
.ai-tools-section__block-3 {
  position: absolute;
  right: 10%;
  top: 10%;
  width: 560px;
  height: 560px;
  border-radius: 50%;
  background: radial-gradient(circle,rgba(123,97,255,0.3),transparent 65%);
  animation: wblob 20s ease-in-out infinite;
  pointer-events: none;
}
.ai-tools-section__block-4 {
  position: absolute;
  right: 25%;
  bottom: -10%;
  width: 460px;
  height: 460px;
  border-radius: 50%;
  background: radial-gradient(circle,rgba(232,110,72,0.22),transparent 65%);
  animation: wblob 24s ease-in-out -6s infinite;
  pointer-events: none;
}
.ai-tools-section__block-5 {
  position: relative;
  max-width: var(--container-max);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,520px),1fr));
  gap: 64px;
  align-items: center;
}
.ai-tools-section__block-6 {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.ai-tools-section__block-7 {
  display: flex;
}
.ai-tools-section__label-1 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.14);
  font-size: 13px;
  font-weight: 700;
  color: #C9D6E6;
}
.ai-tools-section__image-1 {
  width: 16px;
  height: 16px;
}
.ai-tools-section__heading-1 {
  margin: 0;
  font-size: clamp(34px,calc(4.2 * var(--vw)),68px);
  line-height: 1.02;
  font-weight: 900;
  letter-spacing: -0.045em;
  text-wrap: balance;
}
.ai-tools-section__label-2 {
  color: #F08A5D;
}
.ai-tools-section__label-3 {
  color: #8C7BFF;
}
.ai-tools-section__label-4 {
  background: linear-gradient(90deg,#4F8BFF,#34C38F,#F5B83D,#F0643C);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.ai-tools-section__text-1 {
  margin: 0;
  font-size: 18px;
  line-height: 1.6;
  color: #AFC0D4;
  max-width: 560px;
}
.ai-tools-section__block-8 {

}
.ai-tools-section__block-9 {
  background: rgba(2,11,24,0.7);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 20px;
  overflow: hidden;
  max-width: 640px;
  box-shadow: 0 30px 60px -30px rgba(0,0,0,0.6);
}
.ai-tools-section__block-10 {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.ai-tools-section__label-5 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #F26D6D;
}
.ai-tools-section__label-6 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #F5C04E;
}
.ai-tools-section__label-7 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #4CCB7A;
}
.ai-tools-section__label-8 {
  margin-left: 12px;
  font-family: 'JetBrains Mono',monospace;
  font-size: 12px;
  color: #7A8BA2;
}
.ai-tools-section__block-11 {
  padding: 22px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-family: 'JetBrains Mono',monospace;
  font-size: 14px;
  line-height: 1.5;
}
.ai-tools-section__block-12 {
  display: flex;
  gap: 10px;
  color: #fff;
}
.ai-tools-section__label-9 {
  color: #5FE0D3;
}
.ai-tools-section__label-10 {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  border-right: 2px solid #5FE0D3;
  animation: wtype 4.5s steps(46) infinite, wcaret .8s step-end infinite;
}
.ai-tools-section__block-13 {
  color: #7A8BA2;
}
.ai-tools-section__block-14 {
  position: relative;
  min-height: 560px;
}
.ai-tools-section__block-15 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 440px;
  height: 440px;
  margin: -220px 0 0 -220px;
  border-radius: 50%;
  border: 1px dashed rgba(255,255,255,0.2);
  animation: wspin 60s linear infinite;
}
.ai-tools-section__block-16 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 280px;
  height: 280px;
  margin: -140px 0 0 -140px;
  border-radius: 50%;
  border: 1px solid rgba(95,224,211,0.25);
}
.ai-tools-section__block-17 {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  margin: -60px 0 0 -60px;
  z-index: 2;
}
.ai-tools-section__label-11 {
  position: absolute;
  inset: 0;
  border-radius: 32px;
  background: #20C6B6;
  animation: wping 2.4s ease-out infinite;
}
.ai-tools-section__image-2 {
  position: relative;
  width: 120px;
  height: 120px;
  border-radius: 32px;
  box-shadow: 0 30px 60px -20px rgba(0,0,0,0.6),0 0 0 1px rgba(255,255,255,0.2);
}
.ai-tools-section__block-18 {
  position: absolute;
  left: 8%;
  top: 4%;
  z-index: 3;
}
.ai-tools-section__block-19 {
  animation: wfloat 6s ease-in-out infinite;
}
.ai-tools-section__block-20 {
  width: 150px;
  height: 150px;
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 30px 60px -20px rgba(0,0,0,0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: transform .3s;
}
.ai-tools-section__image-3 {
  width: 122%;
  height: auto;
}
.ai-tools-section__block-21 {
  position: absolute;
  right: 4%;
  top: 24%;
  z-index: 3;
}
.ai-tools-section__block-22 {
  animation: wfloat 7s ease-in-out -2s infinite;
}
.ai-tools-section__image-4 {
  width: 92%;
  height: auto;
}
.ai-tools-section__block-23 {
  position: absolute;
  left: 20%;
  bottom: 2%;
  z-index: 3;
}
.ai-tools-section__block-24 {
  animation: wfloat 6.5s ease-in-out -4s infinite;
}
.ai-tools-section__image-5 {
  width: 88%;
  height: auto;
}

/* ai-tools-section — hover */
.ai-tools-section__block-20:hover {
  transform: scale(1.06);
}

/* ==========================================================================
   cta-section
   ========================================================================== */
.cta-section {
  padding: 0 20px 40px;
}
.cta-section__block-1 {
  max-width: var(--panel-max);
  margin: 0 auto;
  background: radial-gradient(120% 120% at 0% 0%,#35D9C8 0%,#1BB5A8 40%,#0E6E7C 100%);
  border-radius: 44px;
  padding: 100px var(--gutter) 0;
  position: relative;
  overflow: hidden;
}
.cta-section__block-2 {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(rgba(255,255,255,0.18) 1px,transparent 1px);
  background-size: 24px 24px;
  -webkit-mask-image: linear-gradient(90deg,#000,transparent 60%);
  mask-image: linear-gradient(90deg,#000,transparent 60%);
}
.cta-section__block-3 {
  position: relative;
  max-width: var(--container-max);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(min(100%,520px),1fr));
  gap: 48px;
  align-items: end;
}
.cta-section__block-4 {
  display: flex;
  flex-direction: column;
  gap: 28px;
  color: #0B2239;
  padding-bottom: 100px;
}
.cta-section__heading-1 {
  margin: 0;
  font-size: clamp(40px,calc(5 * var(--vw)),84px);
  line-height: 0.98;
  font-weight: 900;
  letter-spacing: -0.045em;
  text-wrap: balance;
}
.cta-section__label-1 {
  color: #fff;
  font-style: italic;
}
.cta-section__text-1 {
  margin: 0;
  font-size: 19px;
  line-height: 1.6;
  max-width: 540px;
  color: #0F3345;
}
.cta-section__block-5 {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}
.cta-section__link-1 {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #0A1C32;
  color: #fff;
  padding: 19px 34px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 16px;
  box-shadow: 0 20px 40px -12px rgba(10,28,50,0.6);
  transition: background .2s;
}
.cta-section__image-1 {
  width: 19px;
  height: 19px;
}
.cta-section__link-2 {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #06152A;
  color: #fff;
  padding: 19px 28px;
  border-radius: 14px;
  font-weight: 700;
  font-size: 16px;
  transition: background .2s;
}
.cta-section__image-2 {
  height: 24px;
  width: auto;
}
.cta-section__block-6 {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 4%;
  height: 100%;
  min-height: 440px;
}
.cta-section__block-7 {
  width: 34%;
  margin-bottom: -22%;
}
.cta-section__block-8 {
  transform: rotate(-6deg);
  border: 7px solid #06152A;
  border-radius: 36px;
  overflow: hidden;
  background: #06152A;
  aspect-ratio: 1080/2424;
  box-shadow: 0 50px 90px -20px rgba(6,21,42,0.6);
}
.cta-section__image-3 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 29px;
}
.cta-section__block-9 {
  width: 34%;
  margin-bottom: -10%;
}
.cta-section__block-10 {
  transform: rotate(5deg);
  border: 7px solid #06152A;
  border-radius: 36px;
  overflow: hidden;
  background: #06152A;
  aspect-ratio: 1080/2424;
  box-shadow: 0 50px 90px -20px rgba(6,21,42,0.6);
}

/* cta-section — hover */
.cta-section__link-1:hover {
  background: #102A45;
  color: #fff;
}
.cta-section__link-2:hover {
  color: #fff;
  background: #020B18;
}

/* ==========================================================================
   site-footer
   ========================================================================== */
.site-footer {
  padding: 40px var(--gutter) 48px;
}
.site-footer__block-1 {
  max-width: var(--container-max);
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}
.site-footer__image-1 {
  height: 34px;
  width: auto;
}
.site-footer__block-2 {
  font-size: 14px;
  color: #7A8BA2;
}

/* ==========================================================================
   scroll-top-button
   ========================================================================== */
.scroll-top-button {
  position: fixed;
  right: 28px;
  bottom: 28px;
  z-index: 70;
  width: 56px;
  height: 56px;
  border-radius: 16px;
  background: #20C6B6;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 18px 40px -10px rgba(32,198,182,0.6);
  transition: opacity .35s,transform .35s,background .2s;
  opacity: 0;
  transform: translateY(16px);
  pointer-events: none;
}
.scroll-top-button__image-1 {
  width: 24px;
  height: 24px;
}

/* scroll-top-button — interactive states */
[data-scrolled="true"] .scroll-top-button--2zyr {
  opacity: 1;
  transform: translateY(0px);
  pointer-events: auto;
}

/* scroll-top-button — hover */
.scroll-top-button:hover {
  background: #35D6C6;
}