.hero-banner {
  position:relative;
  padding:clamp(40px,7vw,72px) 0;
  overflow:hidden;
  background:#031b34;
  color:#fff;
}

.hero-banner__bg {
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:all;
}

.hero-banner__bg-image {
  position:absolute;
  left:-5%;
  width:200%;
  height:155%;
  max-width:none;
  object-fit:cover;
  bottom:0;
}

.hero-banner__content {
  position:relative;
  z-index:1;
  display:flex;
  justify-content:flex-end;
  width:100%;
  pointer-events:none;
}

.hero-banner__text {
  display:flex;
  flex-direction:column;
  gap:24px;
  max-width:620px;
}

.hero-banner__badge {
  display:inline-flex;
  align-items:center;
  gap:8px;
  height:32px;
  padding:4px 20px;
  border:1px solid rgb(255,255,255);
  border-radius:100px;
  background:rgba(255,255,255,0.1);
  font-size:clamp(14px,1.6vw,18px);
  line-height:1.4;
  align-self:flex-start;
}

.hero-banner__title {
  font-size:clamp(32px,4vw,52px);
  text-shadow:3px 3px 0 rgba(17,24,39,0.1);
}

.hero-banner__subtitle {
  margin:0;
  font-size:clamp(22px,3vw,32px);
  font-weight:600;
  line-height:1.4;
}

.hero-banner__description {
  margin:0;
  color:#9ca3af;
  font:400 clamp(17px,2.5vw,20px)/clamp(28px,3.5vw,32px) Inter,Arial,sans-serif;
}

.hero-banner__actions {
  display:flex;
  align-items:center;
  gap:24px;
  font-weight:500;
}

.section-description {
  margin:20px 0 0;
  color:#9ca3af;
  font-size:clamp(18px,1.8vw,20px);
  line-height:33px;
  text-align:center;
}

.section-description--m0 { margin:0; }

.img-rotate { transform:rotate(180deg); }

.content-media-section { padding:clamp(40px,7vw,80px) 0; }

.content-media-section__media {
  position:relative;
  width:100%;
  height:314px;
  overflow:hidden;
  border-radius:22px 22px 0 0;
}

.content-media-section__media::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,0) 0%,#000 100%);
}

.content-media-section__media--bottom { border-radius:0 0 22px 22px; }

.content-media-section__media--bottom::after { background:linear-gradient(0,rgba(0,0,0,0) 0%,#000 100%); }

.content-media-section__image {
  position:absolute;
  top:-34%;
  left:0;
  display:block;
  width:115%;
  height:150%;
  max-width:none;
  object-fit:cover;
}

.content-media-section__image--bottom {
  left:auto;
  right:0;
}

.content-media-section__columns { gap:clamp(32px,5vw,64px); }

.content-media-section__column {
  min-width:0;
  color:#9ca3af;
  line-height:24px;
}

.make-usenet-section__panel {
  padding:clamp(32px,5vw,64px) clamp(24px,4vw,64px);
  border-radius:16px;
  background:#09090d;
}

.make-usenet-section__grid { gap:clamp(32px,5vw,64px); }

.make-usenet-section__copy,
.make-usenet-section__features {
  color:#9ca3af;
  line-height:24px;
}

.make-usenet-section__intro,
.make-usenet-section__text { margin:0; }

.make-usenet-section__text { line-height:28px; }

.make-usenet-list {
  display:flex;
  flex-direction:column;
  gap:20px;
  margin:0 0 20px;
  padding:0;
  list-style:none;
}

.make-usenet-list__item {
  display:flex;
  align-items:flex-start;
  gap:10px;
  color:#fff;
  line-height:24px;
}

.make-usenet-list__icon {
  display:inline-grid;
  place-items:center;
  width:28px;
  height:28px;
  flex:0 0 auto;
  color:#19beb8;
}

.features-section {
  padding:clamp(40px,7vw,80px) 0;
  background:#09090d;
}

.features-section::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(9,9,13,0) 70%,#09090d 100%);
  pointer-events:none;
}

.feature-card {
  display:grid;
  grid-template-columns:40px auto;
  gap:20px;
  min-height:175px;
  padding:clamp(24px,3.5vw,30px);
  border-radius:16px;
  background:#1c1c21;
}

.feature-card__icon {
  display:block;
  width:40px;
  height:40px;
  flex:0 0 auto;
}

.feature-card__content { min-width:0; }

.feature-card__title {
  margin:0 0 10px;
  font-size:20px;
  font-weight:600;
  line-height:28px;
}

.feature-card__text {
  margin:0;
  color:#9ca3af;
  font-size:16px;
  font-weight:400;
  line-height:1.35;
}

.testimonials-section { background:#09090d; }

.testimonials-section__panel {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:clamp(32px,5vw,64px);
  max-width:1152px;
  margin:0 auto;
  padding:clamp(32px,5vw,64px) clamp(24px,4vw,64px);
  border-radius:16px;
}

.testimonials-section__title { text-align:center; }

.testimonials-section__sprite {
  position:absolute;
  width:0;
  height:0;
  overflow:hidden;
}

.testimonial-card {
  min-width:0;
  padding:clamp(20px,2.5vw,33px);
  border-radius:16px;
  background:#09090d;
  box-shadow:0 1px 2px 0 rgba(0,0,0,0.05);
}

.testimonial-card__header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:10px;
}

.testimonial-card__author {
  color:#9ca3af;
  font-weight:600;
  line-height:18px;
}

.testimonial-card__title {
  margin:0 0 10px;
  color:#fff;
  font-size:clamp(18px,1.8vw,20px);
  font-weight:600;
  line-height:1.25;
}

.testimonial-card__text {
  margin:0;
  color:#9ca3af;
  line-height:1.2;
}

.testimonial-stars {
  display:inline-flex;
  align-items:center;
  gap:2px;
  flex:0 0 auto;
}

.testimonial-stars svg {
  display:block;
  width:18px;
  height:16px;
  fill:#facc15;
}

.audience-section {
  padding:clamp(40px,7vw,80px) 0;
  background:#09090d;
}

.audience-section__header {
  display:flex;
  flex-direction:column;
  gap:20px;
  width:100%;
}

.audience-section__subtitle {
  margin:0;
  color:#fff;
  font-size:24px;
  font-weight:500;
  line-height:1.35;
}

.audience-section__description {
  margin:0;
  color:#9ca3af;
  font-size:20px;
  line-height:1.4;
}

.audience-section__grid {
  gap:40px;
  text-align:left;
}

.audience-section__group-title {
  margin:0 0 20px;
  color:#fff;
  font-size:24px;
  font-weight:500;
  line-height:1.35;
}

.audience-section__list {
  display:flex;
  flex-direction:column;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}

.audience-section__item {
  display:flex;
  align-items:flex-start;
  gap:10px;
  color:#9ca3af;
  line-height:1.5;
}

.audience-section__check {
  display:inline-grid;
  place-items:center;
  width:21px;
  height:24px;
  flex:0 0 auto;
  color:#19beb8;
}

.audience-section__check svg { display:block; }

.audience-section__closing {
  margin:0;
  color:#9ca3af;
  line-height:1.5;
}

.audience-section__closing a {
  font-weight:700;
  text-decoration:underline;
}

.guarantee-section {
  position:relative;
  padding:clamp(40px,7vw,80px) 0;
  overflow:hidden;
}

.guarantee-section__icon {
  position:absolute;
  top:63px;
  left:calc(50% + 400px);
}

.guarantee-section__inner {
  position:relative;
  z-index:1;
  gap:clamp(32px,5vw,64px);
  max-width:896px;
  margin:0 auto;
}

.guarantee-section__heading {
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:20px;
}

.guarantee-section__title { text-align:left; }

.guarantee-section__subtitle {
  font:400 clamp(24px,3vw,28px)/clamp(32px,3.5vw,36px) Inter,Arial,sans-serif;
  font-weight:500;
}

.guarantee-section__content {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:20px;
}

.guarantee-section__text {
  margin:0;
  color:#9ca3af;
  font-size:clamp(18px,1.8vw,20px);
}

.guarantee-section__badge {
  display:block;
  width:166.749px;
  height:48.695px;
}

.support-section {
  padding:clamp(40px,7vw,80px) 0;
  background:#09090d;
  box-sizing:border-box;
}

.support-section__inner {
  max-width:896px;
  margin:0 auto;
}

.support-section__panel {
  padding:33px;
  border-radius:16px;
  background:#f5f5f5;
  box-shadow:0 8px 30px rgba(0,0,0,0.16);
}

.support-section__content {
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}

.support-section__title {
  margin:0 0 20px;
  color:#111827;
}

.support-section__text {
  max-width:830px;
  margin:0 0 34px;
  color:#4B5563;
  font-size:clamp(18px,1.8vw,20px);
}

.support-section.circuit-pattern-background:before { background-position-y:center; }

.faq-section {
  padding:clamp(40px,7vw,80px) 0;
  background:#1c1c21;
  box-sizing:border-box;
}

.faq-section__inner { max-width:830px; }

.faq-section__list {
  display:flex;
  flex-direction:column;
  gap:20px;
}

.faq-item {
  padding:clamp(20px,2.5vw,33px);
  border-bottom:1px solid rgba(156,163,175,0.1);
}

.faq-item__toggle {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  width:100%;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
}

.faq-item__question {
  font-size:clamp(18px,1.8vw,20px);
  font-weight:500;
  line-height:24px;
}

.faq-item__icon {
  width:20px;
  height:20px;
  flex:0 0 auto;
  transform:rotate(180deg);
  transition:transform 180ms ease;
}

.faq-item__toggle[aria-expanded=true] .faq-item__icon { transform:rotate(0deg); }

.faq-item__toggle[aria-expanded=true] .faq-item__icon path { stroke:#19beb8; }

.faq-item__answer { padding-top:12px; }

.faq-item__answer p {
  margin:0;
  color:#9ca3af;
  line-height:24px;
}

@media (max-width:991px) {
  .hero-banner__bg-image {
    top:0;
    width:auto;
    height:100%;
    opacity:0.4;
  }

  .hero-banner__content {
    justify-content:center;
    padding-top:0;
  }

  .hero-banner__actions {
    flex-direction:column;
    align-items:flex-start;
    gap:16px;
  }

  .guarantee-section__inner {
    max-width:620px;
    margin:0;
  }

  .guarantee-section__icon {
    top:24px;
    right:0;
    opacity:0.35;
    left:auto;
  }

  .content-media-section__columns { gap:24px; }

  .make-usenet-section__grid { gap:24px; }
}

@media (max-width:767px) {
  .hero-banner__note { margin:auto; }

  .hero-banner__content { text-align:center; }

  .hero-banner__badge { align-self:center; }

  .testimonials-section__panel { padding:32px 24px; }

  .audience-section__header { gap:16px; }

  .audience-section__subtitle { font-size:20px; }

  .audience-section__description { font-size:18px; }

  .testimonial-card { padding:24px; }

  .testimonial-card__header {
    align-items:flex-start;
    flex-direction:column;
  }
}

@media (max-width:479px) {
  .feature-card {
    grid-template-columns:1fr;
    gap:16px;
  }
}