.swt2-card, .swt2-panel {
  border:1px solid rgba(255, 255, 255, .11);
  background:linear-gradient(180deg, rgba(13, 32, 47, .88), rgba(7, 20, 31, .82));
  border-radius:var(--swt2-radius-md);
  box-shadow:inset 0 1px rgba(255, 255, 255, .06), var(--swt2-shadow)
}

.swt2-card--lime {
  border-color:rgba(151, 217, 27, .36);
  box-shadow:0 0 30px rgba(151, 217, 27, .1), inset 0 1px rgba(255, 255, 255, .06)
}

.swt2-card--orange {
  border-color:rgba(255, 118, 15, .36)
}

.swt2-icon {
  width:46px;
  height:46px;
  border:2px solid rgba(150, 217, 27, .78);
  border-radius:14px;
  display:grid;
  place-items:center;
  color:var(--swt2-lime);
  font-weight:900;
  font-size:20px;
  background:rgba(151, 217, 27, .06);
  box-shadow:0 0 22px rgba(151, 217, 27, .12)
}

.swt2-icon--orange {
  border-color:rgba(255, 118, 15, .78);
  color:var(--swt2-orange);
  box-shadow:0 0 22px rgba(255, 118, 15, .14)
}

.swt2-icon--blue {
  border-color:rgba(38, 152, 255, .75);
  color:var(--swt2-blue);
  box-shadow:0 0 22px rgba(38, 152, 255, .14)
}

.swt2-hero {
  position:relative;
  overflow:hidden;
  padding:52px 0 34px
}

.swt2-hero::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(ellipse at 65% 35%, rgba(142, 255, 29, .14), transparent 28%), linear-gradient(128deg, transparent 46%, rgba(156, 255, 31, .35) 46.4%, transparent 47.1%), radial-gradient(circle at 67% 39%, rgba(229, 255, 102, .9) 0 4px, transparent 5px), radial-gradient(circle at 75% 26%, rgba(229, 255, 102, .75) 0 3px, transparent 4px), radial-gradient(circle at 59% 52%, rgba(229, 255, 102, .8) 0 3px, transparent 4px);
  opacity:.9
}

.swt2-hero__inner {
  position:relative
}

.swt2-hero__breadcrumbs {
  font-size:12px;
  color:#8e9ba1;
  margin-bottom:24px
}

.swt2-hero__badge {
  display:inline-flex;
  color:var(--swt2-lime);
  font-size:11px;
  font-weight:950;
  letter-spacing:.06em;
  text-transform:uppercase;
  border:1px solid rgba(151, 217, 27, .25);
  background:rgba(151, 217, 27, .09);
  border-radius:999px;
  padding:5px 11px;
  margin-bottom:18px
}

.swt2-hero__title {
  font-size:52px;
  line-height:1.03;
  letter-spacing:-.055em;
  max-width:670px
}

.swt2-hero__title-accent {
  color:var(--swt2-lime)
}

.swt2-hero__text {
  margin-top:18px;
  font-size:18px;
  line-height:1.65;
  color:#c3cdd2;
  max-width:590px
}

.swt2-hero__actions {
  display:flex;
  gap:18px;
  align-items:center;
  margin-top:28px;
  flex-wrap:wrap
}

.swt2-hero__metrics {
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:16px;
  margin-top:36px
}

.swt2-hero__metric {
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0
}

.swt2-hero__metric-icon {
  width:34px;
  height:34px;
  border:2px solid rgba(151, 217, 27, .65);
  border-radius:10px;
  display:grid;
  place-items:center;
  color:var(--swt2-lime)
}

.swt2-hero__metric-value {
  font-size:22px;
  font-weight:950
}

.swt2-hero__metric-label {
  font-size:12px;
  color:var(--swt2-muted);
  line-height:1.28
}

.swt2-solution-box {
  border:1px solid rgba(151, 217, 27, .42);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(10, 29, 43, .94), rgba(6, 18, 29, .91));
  padding:22px;
  box-shadow:0 0 42px rgba(151, 217, 27, .15), inset 0 1px rgba(255, 255, 255, .07);
  max-width:500px;
  margin-left:auto
}

.swt2-solution-box__title {
  font-size:22px;
  line-height:1.16;
  font-weight:950;
  letter-spacing:-.03em
}

.swt2-solution-box__text {
  font-size:13px;
  color:var(--swt2-muted);
  margin-top:3px
}

.swt2-solution-box__list {
  display:grid;
  gap:10px;
  margin-top:16px
}

.swt2-solution-box__item {
  display:grid;
  grid-template-columns:46px 1fr 32px;
  gap:14px;
  align-items:center;
  border:1px solid rgba(255, 255, 255, .11);
  background:rgba(255, 255, 255, .035);
  border-radius:11px;
  padding:12px;
  min-height:74px
}

.swt2-solution-box__name {
  font-size:15px;
  font-weight:900
}

.swt2-solution-box__desc {
  font-size:12px;
  color:var(--swt2-muted);
  line-height:1.35
}

.swt2-solution-box__arrow {
  width:32px;
  height:32px;
  border-radius:50%;
  background:rgba(151, 217, 27, .11);
  color:var(--swt2-lime);
  display:grid;
  place-items:center;
  font-weight:950
}

.swt2-solution-box__benefits {
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:10px;
  margin-top:18px
}

.swt2-solution-box__benefit {
  font-size:11px;
  color:#c4cdd0;
  display:grid;
  gap:4px;
  text-align:center
}

.swt2-solution-box__benefit b {
  width:24px;
  height:24px;
  border:1px solid rgba(151, 217, 27, .65);
  border-radius:8px;
  margin-inline:auto;
  display:grid;
  place-items:center;
  color:var(--swt2-lime)
}

.swt2-problem-grid {
  display:grid;
  grid-template-columns:repeat(6, minmax(0, 1fr));
  gap:14px
}

.swt2-problem-card {
  min-height:152px;
  padding:19px 16px;
  text-align:center;
  border:1px solid rgba(255, 255, 255, .12);
  border-radius:12px;
  background:linear-gradient(180deg, rgba(13, 32, 47, .82), rgba(8, 21, 31, .75))
}

.swt2-problem-card__icon {
  margin:0 auto 12px
}

.swt2-problem-card__title {
  font-size:15px;
  line-height:1.24;
  font-weight:900
}

.swt2-problem-card__text {
  font-size:12px;
  color:var(--swt2-muted);
  margin-top:8px
}

.swt2-service-card {
  padding:18px;
  min-height:220px;
  display:grid;
  align-content:start;
  gap:12px
}

.swt2-service-card__visual {
  height:78px;
  border-radius:10px;
  background:linear-gradient(135deg, rgba(151, 217, 27, .1), rgba(255, 255, 255, .025));
  border:1px solid rgba(151, 217, 27, .18);
  display:grid;
  place-items:center;
  overflow:hidden
}

.swt2-service-card__visual--blue {
  border-color:rgba(38, 152, 255, .3);
  background:linear-gradient(135deg, rgba(38, 152, 255, .12), rgba(255, 255, 255, .025))
}

.swt2-service-card__visual--orange {
  border-color:rgba(255, 118, 15, .35);
  background:linear-gradient(135deg, rgba(255, 118, 15, .14), rgba(255, 255, 255, .025))
}

.swt2-service-card__title {
  font-size:20px;
  line-height:1.1;
  font-weight:950
}

.swt2-service-card__list {
  list-style:none;
  display:grid;
  gap:4px;
  font-size:13px;
  color:#d4dee1
}

.swt2-service-card__list li::before {
  content:"•";
  color:var(--swt2-lime);
  margin-right:8px
}

.swt2-service-card__link {
  color:var(--swt2-orange);
  font-size:13px;
  font-weight:900
}

.swt2-growth-strip {
  border:1px solid rgba(151, 217, 27, .38);
  border-radius:14px;
  background:linear-gradient(90deg, rgba(151, 217, 27, .08), rgba(7, 20, 31, .82));
  padding:12px;
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:10px
}

.swt2-growth-step {
  display:grid;
  grid-template-columns:48px 1fr;
  gap:12px;
  align-items:center;
  padding:6px 10px
}

.swt2-growth-step__num {
  width:44px;
  height:44px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg, var(--swt2-lime), #558900);
  font-weight:950;
  font-size:21px
}

.swt2-growth-step__title {
  font-size:15px;
  font-weight:950
}

.swt2-growth-step__text {
  font-size:12px;
  color:var(--swt2-muted);
  line-height:1.35
}

.swt2-benefit-strip {
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:10px;
  border:1px solid rgba(151, 217, 27, .24);
  border-radius:14px;
  padding:13px;
  background:rgba(7, 20, 31, .75)
}

.swt2-benefit-strip__item {
  display:flex;
  align-items:center;
  gap:10px;
  justify-content:center;
  text-align:left
}

.swt2-benefit-strip__title {
  font-size:13px;
  font-weight:850;
  line-height:1.25
}

.swt2-benefit-grid {
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:14px
}

.swt2-benefit-card {
  min-height:145px;
  text-align:center;
  padding:18px 14px
}

.swt2-benefit-card .swt2-icon {
  margin:0 auto 12px
}

.swt2-benefit-card__title {
  font-weight:900
}

.swt2-benefit-card__text {
  font-size:12px;
  color:var(--swt2-muted);
  margin-top:6px
}

.swt2-process-line {
  position:relative;
  border:1px solid rgba(255, 255, 255, .12);
  border-radius:14px;
  background:rgba(8, 22, 34, .72);
  padding:24px 16px;
  display:grid;
  grid-template-columns:repeat(6, 1fr);
  gap:10px
}

.swt2-process-line::before {
  content:"";
  position:absolute;
  top:48px;
  left:8%;
  right:8%;
  height:2px;
  background:linear-gradient(90deg, transparent, var(--swt2-lime), transparent);
  opacity:.75
}

.swt2-process-line__item {
  position:relative;
  text-align:center;
  display:grid;
  gap:8px;
  justify-items:center
}

.swt2-process-line__number {
  width:54px;
  height:54px;
  border-radius:50%;
  background:rgba(151, 217, 27, .09);
  border:1px solid rgba(151, 217, 27, .58);
  display:grid;
  place-items:center;
  font-size:22px;
  font-weight:950;
  color:var(--swt2-lime);
  box-shadow:0 0 24px rgba(151, 217, 27, .22)
}

.swt2-process-line__title {
  font-weight:900;
  font-size:14px
}

.swt2-final-cta {
  border:1px solid rgba(151, 217, 27, .38);
  border-radius:16px;
  background:linear-gradient(90deg, rgba(151, 217, 27, .08), rgba(8, 22, 34, .82));
  overflow:hidden
}

.swt2-final-cta__inner {
  display:grid;
  grid-template-columns:190px 1fr auto;
  gap:28px;
  align-items:center;
  padding:18px 28px
}

.swt2-final-cta__visual {
  height:105px;
  position:relative
}

.swt2-final-cta__visual::before {
  content:"🚀";
  position:absolute;
  left:64px;
  top:18px;
  font-size:58px;
  filter:drop-shadow(0 0 18px rgba(151, 217, 27, .7))
}

.swt2-final-cta__visual::after {
  content:"";
  position:absolute;
  inset:12px 0;
  border:2px solid rgba(151, 217, 27, .45);
  border-radius:50%;
  transform:rotate(-18deg);
  box-shadow:0 0 28px rgba(151, 217, 27, .2)
}

.swt2-final-cta__title {
  font-size:26px;
  letter-spacing:-.035em;
  line-height:1.12
}

.swt2-final-cta__text {
  color:var(--swt2-muted);
  font-size:14px;
  margin-top:6px
}

.swt2-final-cta__note {
  color:var(--swt2-muted);
  font-size:12px;
  margin-top:9px
}

.swt2-final-cta__note::before {
  content:"●";
  color:var(--swt2-lime);
  margin-right:7px
}

.swt2-faq__grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px
}

.swt2-faq__item {
  border:1px solid rgba(255, 255, 255, .11);
  border-radius:9px;
  background:rgba(10, 25, 38, .82);
  overflow:hidden
}

.swt2-faq__button {
  width:100%;
  border:0;
  background:transparent;
  color:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  min-height:45px;
  padding:0 17px;
  text-align:left;
  font-size:14px
}

.swt2-faq__icon {
  color:var(--swt2-orange);
  font-weight:900
}

.swt2-faq__answer {
  display:none;
  color:var(--swt2-muted);
  font-size:14px;
  padding:0 17px 15px
}

.swt2-faq__item--open .swt2-faq__answer {
  display:block
}

.swt2-footer {
  border-top:1px solid rgba(255, 255, 255, .08);
  background:rgba(3, 12, 20, .74);
  padding:26px 0 0
}

.swt2-footer__inner {
  display:grid;
  grid-template-columns:1.25fr .8fr .8fr 1fr 1.2fr;
  gap:36px
}

.swt2-footer__text, .swt2-footer__link, .swt2-footer__contact-item {
  font-size:13px;
  color:var(--swt2-muted)
}

.swt2-footer__text {
  margin-top:10px;
  max-width:260px
}

.swt2-footer__title {
  font-size:14px;
  font-weight:950;
  margin-bottom:12px
}

.swt2-footer__list {
  list-style:none;
  display:grid;
  gap:6px
}

.swt2-footer__socials {
  display:flex;
  gap:9px;
  margin-top:17px
}

.swt2-footer__social-link {
  width:26px;
  height:26px;
  border-radius:50%;
  background:rgba(255, 255, 255, .1);
  display:grid;
  place-items:center;
  color:#fff;
  font-size:11px
}

.swt2-footer__contacts {
  display:grid;
  gap:6px
}

.swt2-footer__subscribe-form {
  display:flex;
  margin-top:12px;
  border:1px solid rgba(255, 255, 255, .08);
  background:rgba(255, 255, 255, .07);
  border-radius:8px;
  overflow:hidden
}

.swt2-footer__subscribe-input {
  min-width:0;
  flex:1;
  background:transparent;
  border:0;
  color:#fff;
  padding:0 12px
}

.swt2-footer__subscribe-button {
  width:44px;
  border:0;
  background:var(--swt2-orange);
  color:#fff;
  font-weight:900
}

.swt2-footer__bottom {
  margin-top:28px;
  border-top:1px solid rgba(255, 255, 255, .06);
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:16px 0;
  color:var(--swt2-faint);
  font-size:12px
}

.swt2-footer__legal {
  display:flex;
  gap:28px
}

/* Solution selector items are buttons when used as modal triggers */ .swt2-solution-box__item {
  width:100%;
  color:inherit;
  font:inherit;
  text-align:left;
  appearance:none;
  cursor:pointer
}

.swt2-solution-box__item:hover {
  border-color:rgba(151, 217, 27, .42);
  background:rgba(151, 217, 27, .075);
  transform:translateY(-1px)
}

.swt2-solution-box__item:focus-visible {
  outline:2px solid rgba(151, 217, 27, .75);
  outline-offset:3px
}