.page-news{
  --news-gap:1.25rem;
  background:var(--bg-main);
  color:var(--text);
  overflow-x:clip;
}

.page-news .news-container{
  width:min(1280px, 100%);
  margin-inline:auto;
  padding-inline:clamp(1.25rem, 5vw, 3rem);
}

.page-news img{
  max-width:100%;
  height:auto;
}

.page-news .breadcrumbs{
  margin-bottom:2rem;
}

.page-news .breadcrumbs ol{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  list-style:none;
  margin:0;
  padding:0;
}

.page-news .breadcrumbs li + li::before{
  content:"/";
  margin-right:.5rem;
  color:var(--text-dim);
}

.page-news .breadcrumbs a{
  color:var(--blue);
  text-decoration:none;
}

.page-news .news-hero{
  position:relative;
  padding-block:clamp(3rem, 7vw, 5.5rem) clamp(2rem, 5vw, 4rem);
  background:
    linear-gradient(rgba(0,229,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,229,255,.06) 1px, transparent 1px);
  background-size:48px 48px;
  background-color:var(--bg-main);
}

.page-news .news-hero::before{
  content:"";
  position:absolute;
  top:3.5rem;
  right:8%;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 0 6px rgba(245,197,24,.12);
}

.page-news .news-hero::after{
  content:"";
  position:absolute;
  inset-inline:0;
  bottom:0;
  height:2px;
  background:linear-gradient(90deg, var(--neon) 0%, var(--blue) 60%, var(--gold) 100%);
  opacity:.65;
}

.page-news .news-hero__grid{
  display:grid;
  gap:2.5rem;
  align-items:center;
}

.page-news .news-hero__kicker{
  margin:0 0 .75rem;
  font-size:.75rem;
  letter-spacing:.28em;
  color:var(--gold);
  text-transform:uppercase;
}

.page-news .news-hero h1{
  margin:0 0 1.25rem;
  font-family:var(--serif);
  font-size:clamp(2.4rem, 5vw, 4.4rem);
  line-height:1.12;
  color:var(--text);
}

.page-news .news-hero__lead{
  max-width:46rem;
  margin:0 0 1.75rem;
  font-size:1rem;
  line-height:1.85;
  color:var(--text-dim);
}

.page-news .news-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
}

.page-news .btn{
  padding:.7rem 1.1rem;
  border:1px solid rgba(0,229,255,.7);
  border-radius:999px;
  background:rgba(0,229,255,.06);
  color:var(--blue);
  text-decoration:none;
  transition:background var(--transition), border-color var(--transition);
}

.page-news .btn:hover{
  background:rgba(0,229,255,.14);
  border-color:var(--blue);
}

.page-news .btn--solid{
  padding:.7rem 1.1rem;
  border:1px solid var(--neon);
  border-radius:999px;
  background:var(--neon);
  color:#0A0E17;
  font-weight:600;
  text-decoration:none;
  transition:background var(--transition);
}

.page-news .btn--solid:hover{
  background:#68ff4a;
  border-color:#68ff4a;
}

.page-news .news-hero__visual{
  position:relative;
  margin:0;
}

.page-news .news-hero__visual img{
  width:100%;
  object-fit:cover;
  border:1px solid var(--line);
  border-radius:1.25rem;
  box-shadow:0 18px 50px rgba(0,0,0,.35);
}

.page-news .news-figure{
  margin:1.25rem 0 0;
}

.page-news .news-figure img{
  border:1px solid var(--line);
  border-radius:1rem;
  background:var(--bg-panel);
}

.page-news .news-figure figcaption{
  margin-top:.5rem;
  font-size:.8rem;
  line-height:1.6;
  color:var(--text-dim);
}

.page-news .news-legend{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.75rem 1rem;
  margin-block:2rem 3rem;
  padding-block:.9rem;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}

.page-news .news-legend__label{
  font-size:.8rem;
  letter-spacing:.18em;
  color:var(--gold);
}

.page-news .news-legend__link{
  font-size:.9rem;
  color:var(--text);
  text-decoration:none;
  transition:color var(--transition);
}

.page-news .news-legend__link:hover{
  color:var(--neon);
}

.page-news .news-legend__sep{
  color:var(--text-dim);
}

.page-news .news-layout{
  display:grid;
  gap:clamp(2rem, 5vw, 4rem);
  padding-bottom:clamp(3rem, 8vw, 6rem);
}

.page-news .news-board{
  min-width:0;
  display:grid;
  gap:clamp(4rem, 8vw, 7rem);
}

.page-news .news-aside{
  padding:1.25rem;
  border:1px solid var(--line);
  border-left:3px solid var(--neon);
  background:rgba(255,255,255,.035);
}

.page-news .news-aside__kicker{
  margin:0 0 .25rem;
  font-size:.7rem;
  letter-spacing:.24em;
  color:var(--blue);
  text-transform:uppercase;
}

.page-news .news-aside__title{
  margin:0 0 .85rem;
  font-family:var(--serif);
  font-size:1.25rem;
  color:var(--text);
}

.page-news .news-aside__list{
  display:flex;
  flex-wrap:wrap;
  gap:.4rem;
  list-style:none;
  margin:0 0 1rem;
  padding:0;
}

.page-news .news-aside__list a{
  display:inline-block;
  padding:.25rem .6rem;
  border:1px solid var(--line);
  font-size:.85rem;
  color:var(--text-dim);
  text-decoration:none;
  transition:color var(--transition), border-color var(--transition);
}

.page-news .news-aside__list a:hover{
  color:var(--neon);
  border-color:rgba(57,255,20,.4);
}

.page-news .news-aside__note{
  margin:0;
  font-size:.75rem;
  line-height:1.6;
  color:var(--text-dim);
}

.page-news .news-section__head{
  display:grid;
  gap:.5rem;
  margin-bottom:2rem;
}

.page-news .news-section__head h2{
  margin:0;
  font-family:var(--serif);
  font-size:clamp(1.8rem, 3.5vw, 2.5rem);
  color:var(--text);
}

.page-news .news-section__lead{
  max-width:44rem;
  margin:0;
  line-height:1.8;
  color:var(--text-dim);
}

.page-news .section-index{
  margin:0;
  font-size:.75rem;
  letter-spacing:.24em;
  color:var(--gold);
}

.page-news .news-filter{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
  margin:1rem 0 2rem;
}

.page-news .news-filter__btn{
  padding:.45rem 1rem;
  border:1px solid rgba(57,255,20,.4);
  border-radius:999px;
  background:rgba(57,255,20,.06);
  color:var(--neon);
  font-size:.8rem;
  text-decoration:none;
  transition:background var(--transition), color var(--transition);
}

.page-news .news-filter__btn:hover{
  background:rgba(57,255,20,.14);
}

.page-news .news-filter__btn--active{
  background:var(--neon);
  border-color:var(--neon);
  color:#0A0E17;
  font-weight:600;
}

.page-news .news-article-list{
  position:relative;
  list-style:none;
  margin:0;
  padding:0;
}

.page-news .news-article-list::before{
  content:"";
  position:absolute;
  left:.4rem;
  top:.75rem;
  bottom:.75rem;
  width:2px;
  background:linear-gradient(180deg, var(--neon), var(--blue) 55%, var(--gold));
}

.page-news .news-article-item{
  position:relative;
  padding:1.5rem 0 1.5rem 2rem;
  border-bottom:1px solid var(--line);
}

.page-news .news-article-item::before{
  content:"";
  position:absolute;
  left:.18rem;
  top:2.4rem;
  width:.58rem;
  height:.58rem;
  border-radius:50%;
  background:var(--neon);
  box-shadow:0 0 0 5px rgba(57,255,20,.1), 0 0 16px rgba(57,255,20,.35);
}

.page-news .news-article-item__tag-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.6rem .9rem;
  margin-bottom:.6rem;
}

.page-news .news-article-item__date{
  font-size:.78rem;
  color:var(--text-dim);
}

.page-news .news-tag{
  display:inline-block;
  padding:.18rem .6rem;
  border:1px solid rgba(57,255,20,.4);
  border-radius:999px;
  background:rgba(10,14,23,.45);
  font-size:.72rem;
  color:var(--neon);
}

.page-news .news-tag--gold{
  border-color:rgba(245,197,24,.45);
  color:var(--gold);
}

.page-news .news-tag--blue{
  border-color:rgba(0,229,255,.5);
  color:var(--blue);
}

.page-news .news-article{
  margin:0;
  padding:.85rem 1rem;
  border:1px solid transparent;
  border-radius:.75rem;
  background:rgba(255,255,255,.02);
  transition:background var(--transition), border-color var(--transition);
}

.page-news .news-article[open]{
  background:rgba(255,255,255,.06);
  border-color:rgba(57,255,20,.22);
}

.page-news .news-article__summary{
  display:flex;
  align-items:baseline;
  gap:.9rem;
  list-style:none;
  cursor:pointer;
}

.page-news .news-article__summary::-webkit-details-marker{
  display:none;
}

.page-news .news-article__summary::after{
  content:"+";
  margin-left:auto;
  flex-shrink:0;
  font-size:1.2rem;
  line-height:1;
  color:var(--neon);
}

.page-news .news-article[open] .news-article__summary::after{
  content:"−";
  color:var(--gold);
}

.page-news .news-article__title{
  margin:0;
  font-family:var(--serif);
  font-size:clamp(1.2rem, 2vw, 1.65rem);
  line-height:1.4;
  color:var(--text);
  transition:color var(--transition);
}

.page-news .news-article__summary:hover .news-article__title{
  color:var(--neon);
}

.page-news .news-article__body{
  margin-top:1rem;
  padding-top:1rem;
  border-top:1px dashed var(--line);
}

.page-news .news-article__body p{
  margin:0 0 .75rem;
  font-size:.92rem;
  line-height:1.8;
  color:var(--text);
}

.page-news .news-article__body p:last-child{
  margin-bottom:0;
}

.page-news .versions-grid{
  display:grid;
  gap:2rem;
  align-items:start;
}

.page-news .versions-list{
  position:relative;
  padding-left:1.75rem;
  border-left:1px solid var(--line);
}

.page-news .version-item{
  position:relative;
  margin-bottom:1.75rem;
}

.page-news .version-item:last-child{
  margin-bottom:0;
}

.page-news .version-item::before{
  content:"";
  position:absolute;
  left:-1.76rem;
  top:.65rem;
  width:.72rem;
  height:.72rem;
  border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 0 5px rgba(245,197,24,.12);
}

.page-news .version-item__badge{
  display:inline-block;
  margin-bottom:.5rem;
  padding:.2rem .6rem;
  border:1px solid rgba(0,229,255,.5);
  border-radius:999px;
  font-size:.72rem;
  color:var(--blue);
}

.page-news .version-item__title{
  margin:0 0 .5rem;
  font-family:var(--serif);
  font-size:1.15rem;
  color:var(--text);
}

.page-news .version-item p{
  margin:0;
  font-size:.9rem;
  line-height:1.75;
  color:var(--text-dim);
}

.page-news .versions-aside .news-figure img{
  width:100%;
}

.page-news .pricing-grid{
  display:grid;
  gap:1rem;
  margin:1.5rem 0 2rem;
}

.page-news .price-card{
  display:flex;
  flex-direction:column;
  padding:1.35rem;
  border:1px solid var(--line);
  border-top:3px solid var(--neon);
  border-radius:.75rem;
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
}

.page-news .price-card--standard{
  border-top-color:var(--blue);
}

.page-news .price-card--pro{
  border-top-color:var(--gold);
}

.page-news .price-card__level{
  margin:0 0 .4rem;
  font-size:.72rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--neon);
}

.page-news .price-card--standard .price-card__level{
  color:var(--blue);
}

.page-news .price-card--pro .price-card__level{
  color:var(--gold);
}

.page-news .price-card__title{
  margin:0 0 1rem;
  font-family:var(--serif);
  font-size:1.2rem;
  color:var(--text);
}

.page-news .price-card__dl{
  display:grid;
  gap:.65rem;
  margin:0;
}

.page-news .price-card__dl div{
  display:grid;
  gap:.15rem;
}

.page-news .price-card__dl dt{
  font-size:.72rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--text-dim);
}

.page-news .price-card__dl dd{
  margin:0;
  font-size:.9rem;
  line-height:1.6;
  color:var(--text);
}

.page-news .pricing-chart img{
  width:100%;
}

.page-news .pricing-note{
  margin:.75rem 0 0;
  font-size:.8rem;
  color:var(--text-dim);
  line-height:1.6;
}

.page-news .subscribe-panel{
  position:relative;
  padding:clamp(1.5rem, 4vw, 2.5rem);
  border:1px solid var(--line);
  border-radius:1.25rem;
  background-color:var(--bg-panel);
  background-image:
    linear-gradient(rgba(0,229,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,229,255,.05) 1px, transparent 1px);
  background-size:34px 34px;
}

.page-news .subscribe-grid{
  display:grid;
  gap:2rem;
  align-items:center;
}

.page-news .subscribe-contact-list{
  display:grid;
  gap:.8rem;
  list-style:none;
  margin:1.25rem 0;
  padding:0;
}

.page-news .subscribe-contact-list li{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem 1rem;
  font-size:.9rem;
  line-height:1.6;
  color:var(--text);
}

.page-news .subscribe-contact-label{
  min-width:3.5rem;
  font-size:.78rem;
  color:var(--gold);
}

.page-news .subscribe-note{
  margin:0 0 1.5rem;
  font-size:.8rem;
  line-height:1.7;
  color:var(--text-dim);
}

.page-news .subscribe-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
}

.page-news .subscribe-cost-figure img{
  width:100%;
}

@media (min-width: 48rem){
  .page-news .pricing-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 62rem){
  .page-news .news-hero__grid{
    grid-template-columns:1.05fr .95fr;
  }

  .page-news .subscribe-grid{
    grid-template-columns:minmax(0, 1.05fr) minmax(0, .95fr);
  }
}

@media (min-width: 64rem){
  .page-news .news-layout{
    grid-template-columns:15rem minmax(0, 1fr);
    align-items:start;
  }

  .page-news .news-aside{
    position:sticky;
    top:calc(var(--header-h) + 1.25rem);
    margin:0;
    padding:1.5rem 1.5rem 1.75rem;
  }

  .page-news .news-aside__list{
    display:grid;
    gap:0;
  }

  .page-news .news-aside__list li + li{
    margin-top:.35rem;
  }

  .page-news .news-aside__list a{
    display:block;
    padding:.45rem 0 .45rem .5rem;
    border:none;
    border-left:2px solid var(--line);
    border-radius:0;
    font-size:.9rem;
  }

  .page-news .news-aside__list a:hover{
    padding-left:.75rem;
    border-left-color:var(--neon);
  }
}

@media (min-width: 68rem){
  .page-news .versions-grid{
    grid-template-columns:minmax(0, 1.2fr) minmax(0, .8fr);
  }
}

@media (prefers-reduced-motion: reduce){
  .page-news *,
  .page-news *::before,
  .page-news *::after{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
}