.page-home{
  --home-panel-bg: rgba(10, 42, 74, 0.78);
  --home-panel-border: rgba(255, 193, 7, 0.28);
  --home-line-on-deep: rgba(255, 255, 255, 0.14);
  --home-line-on-light: rgba(10, 42, 74, 0.12);
  --home-text-on-deep: rgba(245, 247, 250, 0.86);
  --home-text-soft: rgba(245, 247, 250, 0.68);
  --home-glow-gold: rgba(255, 193, 7, 0.28);
  --home-section-decor: rgba(26, 26, 46, 0.055);
}
.page-home a:focus-visible{
  outline:2px solid var(--color-gold);
  outline-offset:3px;
}
.page-home .btn--gold{
  transition:transform var(--transition-fast), box-shadow var(--transition-fast);
}
.page-home .btn--gold:hover{
  transform:scale(1.02);
  box-shadow:0 0 0 2px var(--color-gold), 0 14px 32px var(--home-glow-gold);
}

.page-home .page-home-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    linear-gradient(rgba(255,255,255,0.032) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.032) 1px, transparent 1px),
    var(--color-primary-deep);
  background-size:44px 44px, 44px 44px, auto;
  color:var(--color-snow);
}
.page-home .page-home-hero__bg{
  position:absolute;
  inset:0;
  z-index:0;
}
.page-home .page-home-hero__bg-img{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0.24;
}
.page-home .page-home-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(100deg,
    rgba(10,42,74,0.96) 0%,
    rgba(10,42,74,0.96) 34%,
    rgba(10,42,74,0.84) 36%,
    rgba(10,42,74,0.54) 64%,
    rgba(10,42,74,0.22) 100%);
}
.page-home .page-home-hero__inner{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:32px;
  padding-top:84px;
  padding-bottom:56px;
}
.page-home .page-home-hero__content{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.page-home .page-home-hero__eyebrow{
  margin:0 0 18px;
  padding-left:16px;
  border-left:3px solid var(--color-gold);
  font-family:var(--font-mono);
  font-size:13px;
  letter-spacing:0.06em;
  color:rgba(245,247,250,0.72);
}
.page-home .page-home-hero h1{
  margin:0 0 20px;
  font-size:clamp(24px, 6vw, 58px);
  line-height:1.16;
  letter-spacing:-0.02em;
  font-weight:900;
  overflow-wrap:break-word;
  word-break:break-word;
}
.page-home .page-home-hero__slogan{
  display:inline-block;
  color:var(--color-gold);
  border-bottom:2px solid rgba(255,193,7,0.42);
  padding-bottom:4px;
}
.page-home .page-home-hero__desc{
  margin:0 0 28px;
  max-width:56ch;
  font-size:16px;
  line-height:1.85;
  color:var(--home-text-on-deep);
}
.page-home .page-home-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}
.page-home .page-home-hero__actions .btn{
  transition:transform var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);
}
.page-home .page-home-hero__actions .btn:hover{
  transform:scale(1.02);
}
.page-home .page-home-hero__actions .btn--outline{
  border-color:rgba(245,247,250,0.55);
  color:var(--color-snow);
}
.page-home .page-home-hero__actions .btn--outline:hover{
  background:var(--color-gold);
  border-color:var(--color-gold);
  color:var(--color-primary-deep);
}
.page-home .page-home-hero__panel{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:22px;
  padding:26px 22px;
  background:var(--home-panel-bg);
  border:1px solid var(--home-panel-border);
  box-shadow:0 28px 64px rgba(0,0,0,0.28);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
.page-home .page-home-hero__panel::before{
  content:"";
  position:absolute;
  top:0; left:0; right:0;
  height:3px;
  background:linear-gradient(90deg, var(--color-gold), var(--color-emerald));
}
.page-home .page-home-panel__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.page-home .page-home-hero__panel .status-label{
  color:rgba(245,247,250,0.8);
}
.page-home .page-home-panel__version{
  font-size:14px;
  color:var(--color-gold);
  letter-spacing:0.02em;
}
.page-home .page-home-panel__stats{
  margin:0;
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:2px;
}
.page-home .page-home-panel__stat{
  padding:16px 14px;
  background:rgba(255,255,255,0.04);
  border-left:2px solid rgba(255,193,7,0.34);
}
.page-home .page-home-panel__stat dt{
  margin:0 0 6px;
  font-size:12px;
  color:var(--home-text-soft);
}
.page-home .page-home-panel__stat dd{
  margin:0;
  font-size:15px;
  font-weight:600;
  color:var(--color-snow);
}
.page-home .page-home-panel__routes{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.page-home .page-home-panel__routes a{
  flex:1 1 auto;
  min-width:136px;
  padding:11px 14px;
  text-align:center;
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.16);
  color:var(--color-snow);
  font-size:14px;
  font-weight:600;
  text-decoration:none;
  transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);
}
.page-home .page-home-panel__routes a:hover,
.page-home .page-home-panel__routes a:focus-visible{
  background:var(--color-gold);
  border-color:var(--color-gold);
  color:var(--color-primary-deep);
}

.page-home .page-home-client{
  position:relative;
  background:var(--color-snow);
}
.page-home .page-home-client::before{
  content:"01";
  position:absolute;
  right:20px;
  top:8px;
  z-index:0;
  font-family:var(--font-mono);
  font-size:112px;
  font-weight:700;
  line-height:1;
  color:var(--home-section-decor);
  pointer-events:none;
}
.page-home .page-home-client .container{
  position:relative;
  z-index:1;
}
.page-home .page-home-client__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:36px;
  align-items:center;
}
.page-home .page-home-client h2,
.page-home .page-home-guide h2{
  margin:0 0 16px;
}
.page-home .page-home-client h2,
.page-home .page-home-changelog h2,
.page-home .page-home-guide h2,
.page-home .page-home-news h2,
.page-home .page-home-trust h2{
  font-size:clamp(28px, 3.2vw, 40px);
  line-height:1.2;
  font-weight:900;
  letter-spacing:-0.01em;
}
.page-home .page-home-client__lead{
  margin:0 0 24px;
  max-width:60ch;
  font-size:16px;
  line-height:1.85;
  color:var(--color-gray);
}
.page-home .page-home-client__features{
  list-style:none;
  margin:0 0 28px;
  padding:0;
  display:grid;
  gap:10px;
}
.page-home .page-home-client__features li{
  position:relative;
  padding-left:28px;
  font-size:15px;
  line-height:1.7;
  color:var(--color-ink);
}
.page-home .page-home-client__features li::before{
  content:"";
  position:absolute;
  left:0;
  top:9px;
  width:16px;
  height:10px;
  background:linear-gradient(135deg, var(--color-primary), var(--color-emerald));
  clip-path:polygon(0% 0%, 100% 0%, 50% 100%);
}
.page-home .page-home-client__note{
  margin:18px 0 0;
  font-size:14px;
  color:var(--color-gray);
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.page-home .page-home-client__note a{
  color:var(--color-primary);
  text-decoration:underline;
  text-underline-offset:3px;
}
.page-home .page-home-client__note a:hover{
  color:var(--color-emerald);
}
.page-home .page-home-client__figure{
  position:relative;
  margin:0;
  padding:28px;
  background:linear-gradient(135deg, rgba(0,191,165,0.14) 0%, rgba(21,101,192,0.08) 60%, transparent 60.1%), var(--color-pale-blue);
}
.page-home .page-home-client__figure::after{
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid rgba(21,101,192,0.3);
  pointer-events:none;
}
.page-home .page-home-client__figure img{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}

.page-home .page-home-changelog{
  position:relative;
  background:linear-gradient(180deg, var(--color-pale-blue) 0%, var(--color-snow) 100%);
}
.page-home .page-home-changelog::before{
  content:"02";
  position:absolute;
  right:20px;
  top:8px;
  z-index:0;
  font-family:var(--font-mono);
  font-size:112px;
  font-weight:700;
  line-height:1;
  color:rgba(10,42,74,0.05);
  pointer-events:none;
}
.page-home .page-home-changelog .container{
  position:relative;
  z-index:1;
}
.page-home .page-home-changelog h2,
.page-home .page-home-trust h2{
  margin:0;
}
.page-home .page-home-changelog__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  margin-bottom:36px;
}
.page-home .page-home-changelog__head .btn--outline{
  border-color:var(--color-primary);
  color:var(--color-primary);
}
.page-home .page-home-changelog__head .btn--outline:hover{
  background:var(--color-primary);
  color:var(--color-snow);
}
.page-home .page-home-changelog__body{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:28px;
  align-items:center;
}
.page-home .page-home-changelog__figure{
  position:relative;
  margin:0;
  padding:14px 14px 26px 14px;
  background:var(--color-snow);
  border:1px solid rgba(10,42,74,0.1);
  box-shadow:0 16px 40px rgba(10,42,74,0.08);
}
.page-home .page-home-changelog__figure::after{
  content:"";
  position:absolute;
  left:28px; right:28px; bottom:10px;
  height:6px;
  background:linear-gradient(90deg, var(--color-gold), var(--color-emerald));
  opacity:0.8;
}
.page-home .page-home-changelog__figure img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}
.page-home .page-home-changelog__list{
  display:flex;
  flex-direction:column;
}
.page-home .page-home-version{
  position:relative;
  padding:20px 0 20px 24px;
  border-top:1px solid var(--home-line-on-light);
}
.page-home .page-home-version:first-child{
  border-top:none;
}
.page-home .page-home-version::before{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width:3px;
  background:var(--color-gold);
}
.page-home .page-home-version__meta{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.page-home .page-home-version__num{
  font-size:24px;
  font-weight:700;
  color:var(--color-primary-deep);
  letter-spacing:0.02em;
}
.page-home .page-home-version__tag{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:0.08em;
  padding:3px 8px;
  background:rgba(0,191,165,0.14);
  color:var(--color-emerald);
}
.page-home .page-home-version p{
  margin:8px 0 0;
  font-size:14px;
  line-height:1.7;
  color:var(--color-gray);
  max-width:64ch;
}
.page-home .page-home-changelog__note{
  margin:28px 0 0;
  font-size:13px;
  color:var(--color-gray);
  padding-left:24px;
  border-left:3px solid rgba(255,193,7,0.6);
}

.page-home .page-home-guide{
  position:relative;
  background:var(--color-snow);
}
.page-home .page-home-guide::before{
  content:"03";
  position:absolute;
  right:20px;
  top:8px;
  z-index:0;
  font-family:var(--font-mono);
  font-size:112px;
  font-weight:700;
  line-height:1;
  color:var(--home-section-decor);
  pointer-events:none;
}
.page-home .page-home-guide .container{
  position:relative;
  z-index:1;
}
.page-home .page-home-guide__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:36px;
  align-items:center;
}
.page-home .page-home-guide__figure{
  position:relative;
  margin:0;
}
.page-home .page-home-guide__figure::before{
  content:"";
  position:absolute;
  top:-14px; right:-14px; bottom:14px; left:14px;
  background:var(--color-pale-blue);
  z-index:0;
}
.page-home .page-home-guide__figure img{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}
.page-home .page-home-guide__lead{
  margin:0 0 20px;
  max-width:60ch;
  font-size:16px;
  line-height:1.85;
  color:var(--color-gray);
}
.page-home .page-home-guide__cats{
  list-style:none;
  margin:0 0 28px;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.page-home .page-home-guide__cats li{
  padding:8px 16px;
  background:var(--color-pale-blue);
  color:var(--color-primary);
  font-size:14px;
  font-weight:600;
}

.page-home .page-home-news{
  position:relative;
  background:var(--color-primary-deep);
  color:var(--color-snow);
}
.page-home .page-home-news::before{
  content:"04";
  position:absolute;
  right:20px;
  top:8px;
  z-index:0;
  font-family:var(--font-mono);
  font-size:112px;
  font-weight:700;
  line-height:1;
  color:rgba(255,255,255,0.045);
  pointer-events:none;
}
.page-home .page-home-news .container{
  position:relative;
  z-index:1;
}
.page-home .page-home-news .section-subtitle{
  color:rgba(245,247,250,0.62);
}
.page-home .page-home-news h2{
  margin:0;
  color:var(--color-snow);
}
.page-home .page-home-news__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  margin-bottom:28px;
}
.page-home .page-home-news .btn--outline{
  border-color:rgba(245,247,250,0.5);
  color:var(--color-snow);
}
.page-home .page-home-news .btn--outline:hover{
  background:var(--color-gold);
  border-color:var(--color-gold);
  color:var(--color-primary-deep);
}
.page-home .page-home-news__list{
  display:flex;
  flex-direction:column;
}
.page-home .page-home-news__item{
  position:relative;
  display:block;
  padding:26px 42px 26px 0;
  border-top:1px solid var(--home-line-on-deep);
  text-decoration:none;
  color:var(--color-snow);
  transition:background var(--transition-base);
}
.page-home .page-home-news__item:last-child{
  border-bottom:1px solid var(--home-line-on-deep);
}
.page-home .page-home-news__item:hover,
.page-home .page-home-news__item:focus-visible{
  background:linear-gradient(90deg, rgba(255,255,255,0.05), rgba(255,255,255,0));
}
.page-home .page-home-news__tag{
  display:inline-block;
  margin-bottom:12px;
  padding:4px 10px;
  border:1px solid rgba(255,193,7,0.45);
  color:var(--color-gold);
  font-size:12px;
  letter-spacing:0.08em;
}
.page-home .page-home-news__item h3{
  margin:0 0 8px;
  font-size:18px;
  line-height:1.5;
  font-weight:700;
  color:var(--color-snow);
}
.page-home .page-home-news__item p{
  margin:0;
  max-width:72ch;
  font-size:14px;
  line-height:1.7;
  color:var(--home-text-soft);
}
.page-home .page-home-news__arrow{
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  font-size:22px;
  line-height:1;
  color:var(--color-gold);
  opacity:0;
  transition:opacity var(--transition-fast), transform var(--transition-base);
}
.page-home .page-home-news__item:hover .page-home-news__arrow,
.page-home .page-home-news__item:focus-visible .page-home-news__arrow{
  opacity:1;
  transform:translateY(-50%) translateX(4px);
}
@media (hover:none){
  .page-home .page-home-news__arrow{
    opacity:0.45;
  }
}

.page-home .page-home-trust{
  position:relative;
  background:var(--color-snow);
}
.page-home .page-home-trust::before{
  content:"05";
  position:absolute;
  right:20px;
  top:8px;
  z-index:0;
  font-family:var(--font-mono);
  font-size:112px;
  font-weight:700;
  line-height:1;
  color:var(--home-section-decor);
  pointer-events:none;
}
.page-home .page-home-trust .container{
  position:relative;
  z-index:1;
}
.page-home .page-home-trust__head{
  text-align:center;
  margin-bottom:40px;
}
.page-home .page-home-trust__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:24px;
}
.page-home .page-home-trust__item{
  padding:24px 20px 4px;
  background:linear-gradient(180deg, rgba(227,242,253,0.65), rgba(245,247,250,0));
}
.page-home .page-home-trust__num{
  display:block;
  margin-bottom:10px;
  font-size:clamp(30px, 3.6vw, 42px);
  font-weight:700;
  line-height:1;
  color:var(--color-primary);
}
.page-home .page-home-trust__item:nth-child(3n+2) .page-home-trust__num{
  color:var(--color-emerald);
}
.page-home .page-home-trust__item:nth-child(3n) .page-home-trust__num{
  color:var(--color-gold);
}
.page-home .page-home-trust__item h3{
  margin:0 0 8px;
  font-size:17px;
  font-weight:700;
  color:var(--color-ink);
}
.page-home .page-home-trust__item p{
  margin:0;
  font-size:14px;
  line-height:1.7;
  color:var(--color-gray);
}
.page-home .page-home-trust__item a{
  color:var(--color-primary);
  text-decoration:underline;
  text-underline-offset:3px;
}
.page-home .page-home-trust__item a:hover{
  color:var(--color-emerald);
}

@media (min-width:768px){
  .page-home .page-home-trust__grid{
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:32px 40px;
  }
}
@media (min-width:992px){
  .page-home .page-home-hero__inner{
    grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);
    gap:64px;
    padding-top:120px;
    padding-bottom:104px;
    align-items:center;
    min-height:calc(100vh - var(--header-h));
  }
  .page-home .page-home-client__grid{
    grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);
    gap:72px;
  }
  .page-home .page-home-changelog__body{
    grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);
    gap:56px;
  }
  .page-home .page-home-guide__grid{
    grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);
    gap:72px;
  }
}