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

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

.hero-banner__bg-image {
  position:relative;
  height:100%;
  max-width:none;
  object-fit:cover;
}

.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;
  width:576px;
}

.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;
}

.hero-banner__note {
  font-size:16px;
  font-weight:500;
  line-height:1.2;
  white-space:nowrap;
}

.history-section {
  padding:clamp(40px,7vw,80px) 0;
  background:linear-gradient(90deg,rgba(71,135,255,0.1) 0%,rgba(31,238,230,0.1) 100%),#09090d;
}

.history-section__inner {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:clamp(32px,5vw,64px);
  width:100%;
  max-width:1152px;
  margin:0 auto;
}

.history-section__header { width:100%; }

.history-section__title {
  display:flex;
  flex-direction:column;
}

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

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

.history-section__image {
  position:absolute;
  display:block;
  height:100%;
  width:100%;
  object-fit:cover;
}

.history-section__columns {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(32px,5vw,64px);
  width:100%;
}

.history-section__column {
  min-width:0;
  color:#9ca3af;
}

.history-section__lead {
  color:#9ca3af;
  text-align:center;
  font:400 clamp(18px,1.8vw,20px)/clamp(24px,3vw,33px) Inter,Arial,sans-serif;
  margin-top:20px;
}

.history-section__lead a { text-decoration:underline; }

.history-section__body { line-height:24px; }

.history-section__body a {
  font-weight:700;
  text-decoration:underline;
}

.history-section__footer {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:20px;
  width:257px;
}

.history-section__note {
  font-weight:500;
  line-height:1.2;
  text-align:center;
  color:#fff !important;
}

.history-section__block {
  border-radius:16px;
  background:#09090d;
  padding:clamp(32px,5vw,64px) clamp(24px,4vw,64px);
  text-align:center;
  width:100%;
}

.history-section__block p { color:#9ca3af; }

.history-section__block .cta {
  margin-top:50px;
  margin-bottom:20px;
}

.circuit-pattern-background {
  position:relative;
  overflow:hidden;
}

.circuit-pattern-background::before {
  content:"";
  position:absolute;
  inset:-120px -80px;
  background:url(//cms-static.newsgroup.ninja/s1/p/QGWnkNxuiPMNoXHNvBSjkR/r/TsmmfVZMHdVQmKVvyEsnmk/c/s63MYvM1Uxk3Uzog7TZvqT/v/www.newsgroup.ninja/s/default/img/rebrand/circuit-pattern-background.svg) center center/cover no-repeat;
  pointer-events:none;
}

.circuit-pattern-background>* {
  position:relative;
  z-index:1;
}

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

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

.newsgroups-section__inner {
  display:flex;
  flex-direction:column;
  gap:clamp(32px,5vw,64px);
  margin:0 auto;
  max-width:1150px;
}

.newsgroups-section__grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:32px;
}

.newsgroups-section__lead {
  color:#9ca3af;
  text-align:center;
  font:400 clamp(18px,1.8vw,20px)/clamp(24px,3vw,33px) Inter,Arial,sans-serif;
  margin-top:20px;
}

.newsgroups-section__lead a { text-decoration:underline; }

.newsgroups-section__footer {
  margin-top:50px;
  text-align:center;
}

.newsgroups-section__footer .cta {
  margin-top:50px;
  margin-bottom:20px;
}

.newsgroup-card {
  display:grid;
  grid-template-columns:1fr 8fr;
  gap:10px;
  min-height:100px;
  padding:clamp(24px,3.5vw,30px);
  border-radius:16px;
  background:#1c1c21;
  align-content:space-around;
}

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

.newsgroup-card__bullet {
  color:#fff;
  font-size:16px;
  font-style:normal;
  font-weight:700;
  line-height:normal;
}

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

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

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

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

.glossary-section__inner {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:clamp(32px,5vw,64px);
  width:100%;
  max-width:1152px;
  margin:0 auto;
  background:linear-gradient(90deg,rgba(71,135,255,0.1) 0%,rgba(31,238,230,0.1) 100%),#09090d;
  padding:clamp(32px,5vw,64px) clamp(24px,4vw,64px);
  border-radius:16px;
}

.glossary-section__columns {
  position:relative;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(32px,5vw,64px);
  width:100%;
}

.glossary-section__columns::after {
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:50%;
  transform:translateX(-50%);
  width:1px;
  background:#4B5563;
  opacity:0.25;
  pointer-events:none;
}

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

.glossary-section__title {
  color:#19BEB8;
  font-weight:700;
  padding-top:10px;
}

.glossary-section__block {
  padding:10px 0;
  border-bottom:1px solid rgba(75,85,99,0.25);
  width:100%;
}

.glossary-section__block:last-child { border-bottom:none; }

.glossary-section__block a {
  text-decoration:underline;
  font-weight:700;
}

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

.offers-section__title { line-height:normal; }

.offers-section__inner {
  display:flex;
  flex-direction:column;
  gap:clamp(32px,5vw,64px);
  width:100%;
  max-width:1152px;
  margin:0 auto;
}

.offers-section__image {
  position:relative;
  display:block;
  height:100%;
  width:stretch;
  object-fit:cover;
}

.offers-section__columns {
  position:relative;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(32px,5vw,64px);
  width:100%;
}

.offers-section__columns a { text-decoration:underline; }

.offers-section__column {
  min-width:0;
  color:#9ca3af;
  line-height:28px;
}

.offers-section__lead {
  color:#9ca3af;
  text-align:center;
  font:400 clamp(18px,1.8vw,20px)/clamp(24px,3vw,33px) Inter,Arial,sans-serif;
  margin-top:20px;
}

.offers-section__lead a { text-decoration:underline; }

.offers-section__footer { text-align:center; }

.offers-section__footer .cta { margin-bottom:20px; }

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

.faq-section__inner {
  display:flex;
  flex-direction:column;
  gap:clamp(32px,5vw,64px);
  width:100%;
  max-width:830px;
  margin:0 auto;
}

.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;
}

.faq-item__answer a { text-decoration:underline; }

@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__text {
    width:100%;
    max-width:620px;
  }

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

  .history-section__columns { grid-template-columns:1fr; }

  .newsgroups-section__grid { grid-template-columns:1fr; }

  .glossary-section__columns {
    grid-template-columns:1fr;
    gap:0;
  }

  .glossary-section__columns::after { display:none; }

  .glossary-section__block:last-child { border-bottom:1px solid rgba(75,85,99,0.25); }

  .offers-section__columns { grid-template-columns:1fr; }
}

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

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

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

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