.page-home{
  --home-accent:#39ff14;
  --home-blue:#00b4d8;
  --home-violet:#7b2ff7;
  --home-metal:#c0c0c0;
  --home-surface:rgba(17,34,64,.82);
  --home-surface-solid:#112240;
  --home-border:rgba(192,192,192,.3);
  position:relative;
  overflow-x:clip;
  background:
    radial-gradient(1000px 420px at 85% -8%,rgba(0,180,216,.18),transparent 62%),
    linear-gradient(180deg,#0a192f 0%,#060e1c 100%);
}
.page-home .container{
  max-width:var(--max-width);
}
.page-home .breadcrumb{
  margin:1rem auto 0;
  padding-left:var(--space-4);
  padding-right:var(--space-4);
}
.page-home .home-hero{
  padding:clamp(2rem,6vw,4.5rem) 0 3rem;
}
.page-home .home-hero__grid{
  display:grid;
  gap:2rem;
  align-items:center;
}
.page-home .home-hero__overline{
  margin-bottom:1.4rem;
}
.page-home .home-hero__title{
  font-family:var(--font-display);
  font-size:clamp(2.4rem,9vw,5.5rem);
  line-height:.95;
  letter-spacing:.01em;
  color:var(--color-text);
  margin:0 0 1.25rem;
}
.page-home .home-hero__title-mark{
  color:var(--home-accent);
  text-shadow:0 0 18px rgba(57,255,20,.32);
}
.page-home .home-hero__lead{
  font-family:var(--font-body);
  font-size:1.05rem;
  line-height:1.75;
  color:var(--color-metal);
  max-width:40em;
  margin:0 0 1.75rem;
}
.page-home .home-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin-bottom:1.4rem;
}
.page-home .home-hero__note{
  font-size:.875rem;
  line-height:1.6;
  color:var(--color-muted);
  margin:0;
}
.page-home .home-hero__note a{
  color:var(--home-blue);
}
.page-home .home-hero__visual{
  position:relative;
  aspect-ratio:3/2;
  background:var(--home-surface-solid);
  clip-path:polygon(0 0,100% 0,100% 72%,18% 100%,0 100%);
  box-shadow:0 18px 50px rgba(0,0,0,.32);
}
.page-home .home-hero__img{
  position:relative;
  z-index:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.page-home .home-hero__visual::before{
  content:"";
  position:absolute;
  z-index:1;
  inset:-45%;
  pointer-events:none;
  background:repeating-linear-gradient(115deg,transparent 0 12px,rgba(57,255,20,.34) 12px 14px,transparent 14px 26px);
  animation:home-flow 9s linear infinite alternate;
}
.page-home .home-hero__scan{
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:repeating-linear-gradient(0deg,rgba(192,192,192,.14) 0 1px,transparent 1px 4px);
  opacity:.3;
  mix-blend-mode:screen;
}
.page-home .home-hero__status{
  position:absolute;
  z-index:2;
  left:1rem;
  bottom:1rem;
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.45rem .85rem;
  color:var(--color-text);
  font-size:.8rem;
  font-weight:600;
  letter-spacing:.06em;
  background:rgba(6,14,28,.86);
  border:1px solid rgba(57,255,20,.8);
  clip-path:polygon(0 0,100% 0,calc(100% - .5rem) 100%,0 100%);
}
.page-home .home-hero__status-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--home-accent);
  box-shadow:0 0 10px var(--home-accent);
  animation:home-pulse 2s ease-in-out infinite;
}
.page-home .home-entry__layout{
  display:grid;
  gap:2rem;
  margin-top:2rem;
  align-items:start;
}
.page-home .home-entry__map{
  padding:.65rem;
  background:#0d1b2d;
  border:1px solid var(--home-border);
  box-shadow:0 0 0 1px rgba(6,14,28,.7);
}
.page-home .home-entry__img,
.page-home .home-click__img,
.page-home .home-apps__img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
}
.page-home .home-path{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:1rem;
}
.page-home .home-path__item{
  position:relative;
  display:grid;
  grid-template-columns:3rem 1fr;
  gap:1rem;
  padding:1rem 1rem 1rem .6rem;
  background:var(--home-surface);
  border-left:2px solid var(--home-accent);
  transition:transform .3s var(--ease),border-color .3s var(--ease);
}
.page-home .home-path__item:hover{
  transform:translateX(4px);
  border-left-color:var(--home-blue);
}
.page-home .home-path__num{
  font-family:var(--font-display);
  font-size:2rem;
  line-height:1;
  color:var(--home-accent);
  opacity:.9;
}
.page-home .home-path__body h3{
  color:var(--color-text);
  font-size:1.1rem;
  margin:0 0 .4rem;
}
.page-home .home-path__body p{
  color:var(--color-muted);
  font-size:.925rem;
  line-height:1.65;
  margin:0;
}
.page-home .home-click{
  background:linear-gradient(180deg,transparent,rgba(17,34,64,.5) 50%,transparent);
}
.page-home .home-click__grid{
  display:grid;
  gap:2rem;
}
.page-home .home-click__visual{
  position:relative;
  background:var(--home-surface-solid);
  clip-path:polygon(0 0,100% 0,100% 72%,12% 100%,0 100%);
  padding:.8rem;
}
.page-home .home-click__img{
  clip-path:polygon(0 0,100% 0,100% 78%,20% 100%,0 100%);
}
.page-home .home-click__visual::after{
  content:"";
  position:absolute;
  z-index:1;
  right:12%;
  bottom:14%;
  width:3.5rem;
  height:3.5rem;
  pointer-events:none;
  background:linear-gradient(135deg,transparent 50%,rgba(123,47,247,.65) 50%);
}
.page-home .home-click__content .section-kicker{
  margin-top:0;
}
.page-home .home-click__content p{
  color:var(--color-muted);
  line-height:1.75;
  margin:0 0 1.5rem;
}
.page-home .home-click__steps{
  display:grid;
  gap:.75rem;
  margin-bottom:1.75rem;
}
.page-home .home-click__step{
  display:flex;
  align-items:center;
  gap:.85rem;
  padding:.8rem 1rem;
  background:rgba(6,14,28,.72);
  border:1px solid rgba(0,180,216,.5);
  color:var(--color-text);
  font-size:.95rem;
}
.page-home .home-click__step span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2rem;
  height:2rem;
  flex:none;
  background:var(--home-accent);
  color:#060e1c;
  font-weight:700;
  clip-path:polygon(0 0,100% 0,100% 72%,0 100%);
}
.page-home .home-apps__grid{
  display:grid;
  gap:1rem;
  margin-top:1.5rem;
}
.page-home .home-apps__card{
  position:relative;
  padding:1.5rem 1.25rem;
  border:1px solid var(--home-border);
  background:linear-gradient(135deg,rgba(17,34,64,.92),rgba(13,27,45,.9));
  transition:border-color .3s var(--ease),transform .3s var(--ease);
}
.page-home .home-apps__card:hover{
  border-color:rgba(57,255,20,.75);
  transform:translateY(-3px);
}
.page-home .home-apps__card .tag{
  position:absolute;
  top:1rem;
  right:1rem;
  color:var(--home-accent);
  background:rgba(57,255,20,.12);
  border:1px solid rgba(57,255,20,.65);
  font-size:.75rem;
  padding:.2rem .55rem;
}
.page-home .home-apps__card h3.card__title{
  font-size:1.35rem;
  margin:0 0 .4rem;
  padding-right:5rem;
  color:var(--color-text);
}
.page-home .home-apps__card p.card__meta{
  color:var(--home-blue);
  font-size:.85rem;
  margin:0 0 .75rem;
}
.page-home .home-apps__card p:last-child{
  color:var(--color-muted);
  line-height:1.7;
  font-size:.925rem;
  margin:0;
}
.page-home .home-apps__strip{
  margin-top:2rem;
  display:grid;
  gap:1rem;
  padding:.9rem;
  background:var(--home-surface);
  border:1px solid var(--home-border);
}
.page-home .home-apps__note{
  margin:0;
  padding:.5rem .25rem;
  color:var(--color-muted);
  line-height:1.75;
}
.page-home .home-index__filters{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  margin:1.5rem 0 1.25rem;
}
.page-home .home-index__filters .filter-btn:focus-visible{
  outline:2px solid var(--home-blue);
  outline-offset:2px;
}
.page-home .home-index__list{
  display:grid;
  gap:.85rem;
  margin:0;
  padding:0;
  list-style:none;
}
.page-home .home-index__item{
  position:relative;
  display:grid;
  grid-template-columns:2.4rem minmax(0,1fr) auto auto;
  align-items:center;
  column-gap:.75rem;
  padding:.95rem .9rem;
  background:rgba(17,34,64,.66);
  border:1px solid rgba(192,192,192,.2);
  border-left:3px solid rgba(57,255,20,.75);
  transition:border-color .3s var(--ease),background .3s var(--ease);
}
.page-home .home-index__item:hover{
  border-color:rgba(0,180,216,.75);
  background:rgba(17,34,64,.92);
}
.page-home .home-index__item .list-index__num{
  font-family:var(--font-display);
  font-size:1.7rem;
  line-height:1;
  color:var(--home-metal);
}
.page-home .home-index__item .list-index__title{
  color:var(--color-text);
  font-weight:700;
  text-decoration:none;
  border-bottom:1px solid transparent;
}
.page-home .home-index__item .list-index__title:hover{
  color:var(--home-blue);
  border-bottom-color:var(--home-blue);
}
.page-home .home-index__item .list-index__meta{
  color:var(--color-muted);
  font-size:.875rem;
  line-height:1.6;
  margin:.3rem 0 0;
}
.page-home .home-index__item .tag{
  justify-self:end;
  white-space:nowrap;
  color:var(--home-blue);
  border:1px solid rgba(0,180,216,.5);
  background:rgba(0,180,216,.1);
  font-size:.75rem;
  padding:.2rem .55rem;
}
.page-home .home-index__fav{
  justify-self:end;
  white-space:nowrap;
  font-size:.75rem;
  color:var(--home-accent);
  border:1px solid rgba(57,255,20,.5);
  padding:.2rem .55rem;
  background:rgba(57,255,20,.06);
}
.page-home .home-index__foot{
  color:var(--color-muted);
  font-size:.875rem;
  line-height:1.7;
  margin:1.5rem 0 0;
}
.page-home .home-index__foot a{
  color:var(--home-blue);
}
.page-home .home-trust{
  margin:1.5rem auto 3rem;
  padding:1rem 1.25rem;
  display:flex;
  align-items:center;
  gap:.9rem;
  background:rgba(6,14,28,.6);
  border:1px solid rgba(57,255,20,.45);
}
.page-home .home-trust p{
  margin:0;
  color:var(--color-metal);
  font-size:.9rem;
  line-height:1.7;
}
.page-home .home-trust .status-dot{
  width:9px;
  height:9px;
  flex:none;
  background:var(--home-accent);
  box-shadow:0 0 10px var(--home-accent);
  border-radius:50%;
  animation:home-pulse 2.4s ease-in-out infinite;
}
@media (max-width:559px){
  .page-home .home-index__item{
    grid-template-columns:2rem minmax(0,1fr) auto;
  }
  .page-home .home-index__fav{
    display:none;
  }
}
@media screen and (min-width:760px){
  .page-home .home-hero__grid{
    grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
    gap:3rem;
  }
  .page-home .home-hero__title{
    font-size:clamp(3.4rem,7vw,6rem);
  }
  .page-home .home-entry__layout{
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    gap:2rem;
  }
  .page-home .home-click__grid{
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    align-items:center;
    gap:3rem;
  }
  .page-home .home-apps__grid{
    grid-template-columns:repeat(3,1fr);
    gap:1.25rem;
  }
  .page-home .home-apps__strip{
    grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);
    align-items:center;
  }
}
@media screen and (min-width:1024px){
  .page-home .home-index__list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .page-home .home-index__item:hover .home-index__fav{
    border-color:rgba(57,255,20,.9);
  }
}
@keyframes home-pulse{
  0%,100%{
    transform:scale(1);
    opacity:1;
  }
  50%{
    transform:scale(1.28);
    opacity:.55;
  }
}
@keyframes home-flow{
  0%{
    transform:translateX(-22%);
  }
  100%{
    transform:translateX(22%);
  }
}