.home-hero{
  min-height:auto;
}
.home-hero .hero-inner{
  padding-top:38px;
  padding-bottom:64px;
}
.home-hero .hero-title{
  max-width:15em;
}
.platform-chips{
  margin-top:22px;
}
.flag-chips{
  margin-top:10px;
}
.home-orbit{
  width:min(100%,920px);
  height:260px;
  margin-top:24px;
}
.home-orbit .orbit-ring{
  inset:28px 105px;
}
.home-orbit .orbit-ring.inner{
  inset:68px 190px;
}
.home-orbit .orbit-core{
  width:84px;
  height:84px;
}
.home-orbit .orbit-core img{
  width:44px;
  height:44px;
}
.home-orbit .orbit-node{
  min-width:82px;
}
.home-orbit .orbit-node.n1{
  top:14px;
}
.home-orbit .orbit-node.n2{
  top:68px;
  right:34px;
}
.home-orbit .orbit-node.n3{
  right:112px;
  bottom:18px;
}
.home-orbit .orbit-node.n4{
  bottom:18px;
  left:112px;
}
.home-orbit .orbit-node.n5{
  top:68px;
  left:34px;
}
.home-orbit .orbit-node.n6{
  top:50%;
  right:50%;
  transform:translate(50%,62px);
}
.orbit-axis{
  position:absolute;
  top:50%;
  left:50%;
  width:68%;
  height:1px;
  background:var(--color-border);
  transform-origin:center;
}
.orbit-axis-a{
  transform:translate(-50%,-50%) rotate(12deg);
}
.orbit-axis-b{
  transform:translate(-50%,-50%) rotate(-12deg);
}
.orbit-pulse{
  position:absolute;
  width:9px;
  height:9px;
  border-radius:var(--radius-pill);
  background:var(--color-accent);
  box-shadow:0 0 18px var(--color-dot-glow);
  animation:home-pulse 4.8s ease-in-out infinite alternate;
}
.pulse-a{
  top:28%;
  left:27%;
}
.pulse-b{
  top:66%;
  right:24%;
  animation-delay:-1.6s;
}
.pulse-c{
  top:46%;
  right:38%;
  animation-delay:-3.2s;
}
.backbone-section{
  position:relative;
}
.backbone-list{
  position:relative;
  max-width:1080px;
  margin-inline:auto;
}
.backbone-list::before{
  content:"";
  position:absolute;
  top:38px;
  bottom:38px;
  left:50%;
  width:1px;
  background:var(--color-border);
  transform:translateX(-50%);
}
.backbone-item{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.82fr);
  gap:88px;
  align-items:center;
  min-height:330px;
  padding-top:38px;
  padding-bottom:38px;
}
.backbone-item::before{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  z-index:3;
  width:15px;
  height:15px;
  border:4px solid var(--color-bg);
  border-radius:var(--radius-pill);
  background:var(--color-accent);
  box-shadow:0 0 0 1px var(--color-border),0 0 22px var(--color-halo);
  transform:translate(-50%,-50%);
}
.backbone-item.reverse .backbone-copy{
  order:2;
}
.backbone-item.reverse .segment-visual{
  order:1;
}
.backbone-copy{
  min-width:0;
}
.segment-code{
  display:inline-block;
  color:var(--color-accent);
  font:750 12px/1.5 var(--font-mono);
  letter-spacing:.09em;
}
.backbone-copy h3{
  margin-top:11px;
}
.backbone-copy p{
  margin-top:15px;
  color:var(--color-muted);
}
.segment-visual{
  position:relative;
  min-width:0;
  height:210px;
  overflow:hidden;
  background:var(--color-panel);
  border:1px solid var(--color-border);
  border-radius:var(--radius-md);
  box-shadow:var(--shadow-soft);
}
.segment-visual::before{
  content:"";
  position:absolute;
  width:160px;
  height:160px;
  top:20px;
  left:50%;
  border-radius:var(--radius-pill);
  background:var(--color-glow-blue);
  filter:blur(22px);
  transform:translateX(-50%);
}
.visual-label{
  position:absolute;
  top:18px;
  left:20px;
  z-index:2;
  color:var(--color-muted);
  font:700 11px/1.4 var(--font-mono);
  letter-spacing:.1em;
}
.segment-line{
  position:absolute;
  top:54%;
  left:15%;
  height:2px;
  background:var(--color-accent);
}
.line-wide{
  width:70%;
}
.line-short{
  top:72%;
  left:25%;
  width:50%;
}
.line-media{
  top:72%;
  left:20%;
  width:60%;
}
.segment-node{
  position:absolute;
  top:calc(54% - 7px);
  width:16px;
  height:16px;
  border:3px solid var(--color-panel);
  border-radius:var(--radius-pill);
  background:var(--color-accent-dark);
  box-shadow:0 0 0 1px var(--color-accent);
}
.node-start{
  left:15%;
}
.node-middle{
  left:49%;
}
.node-end{
  right:15%;
}
.shield-ring{
  position:absolute;
  top:45%;
  left:50%;
  width:94px;
  height:94px;
  border:1px solid var(--color-accent);
  border-radius:var(--radius-pill);
  transform:translate(-50%,-50%);
}
.shield-ring::before{
  content:"";
  position:absolute;
  inset:13px;
  border:1px dashed var(--color-border);
  border-radius:var(--radius-pill);
}
.shield-core{
  position:absolute;
  top:45%;
  left:50%;
  width:30px;
  height:38px;
  background:var(--color-accent-dark);
  border-radius:var(--radius-xs) var(--radius-xs) var(--radius-md) var(--radius-md);
  transform:translate(-50%,-50%);
}
.device-box{
  position:absolute;
  top:50%;
  width:54px;
  height:66px;
  border:2px solid var(--color-accent);
  border-radius:var(--radius-sm);
  background:var(--color-panel);
  transform:translateY(-42%);
}
.device-a{
  left:17%;
}
.device-b{
  left:calc(50% - 27px);
  height:84px;
}
.device-c{
  right:17%;
}
.device-link{
  position:absolute;
  top:54%;
  left:22%;
  width:56%;
  height:1px;
  background:var(--color-border);
}
.stream-track{
  position:absolute;
  top:55%;
  left:12%;
  width:76%;
  height:3px;
  background:var(--color-border);
}
.stream-block{
  position:absolute;
  top:calc(55% - 8px);
  height:19px;
  border-radius:var(--radius-xs);
  background:var(--color-accent);
  box-shadow:0 0 16px var(--color-halo);
}
.stream-one{
  left:18%;
  width:18%;
}
.stream-two{
  left:42%;
  width:11%;
}
.stream-three{
  left:59%;
  width:24%;
}
.media-frame{
  position:absolute;
  top:48%;
  left:50%;
  width:130px;
  height:82px;
  border:2px solid var(--color-accent);
  border-radius:var(--radius-sm);
  background:var(--color-panel-alt);
  transform:translate(-50%,-50%);
}
.media-play{
  position:absolute;
  top:48%;
  left:50%;
  width:0;
  height:0;
  border-top:13px solid transparent;
  border-bottom:13px solid transparent;
  border-left:20px solid var(--color-accent-dark);
  transform:translate(-38%,-50%);
}
.refund-arc{
  position:absolute;
  top:48%;
  left:50%;
  width:102px;
  height:102px;
  border:2px solid var(--color-border);
  border-right-color:var(--color-accent);
  border-bottom-color:var(--color-accent);
  border-radius:var(--radius-pill);
  transform:translate(-50%,-50%) rotate(-24deg);
}
.refund-point{
  position:absolute;
  top:26%;
  left:33%;
  width:13px;
  height:13px;
  border-radius:var(--radius-pill);
  background:var(--color-accent);
  box-shadow:0 0 16px var(--color-dot-glow);
}
.refund-check{
  position:absolute;
  top:47%;
  left:50%;
  width:35px;
  height:18px;
  border-left:4px solid var(--color-success);
  border-bottom:4px solid var(--color-success);
  transform:translate(-50%,-65%) rotate(-45deg);
}
.backbone-note{
  max-width:900px;
  margin:38px auto 0;
}
.route-guidance{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  margin-top:28px;
}
.route-guidance>div,
.plan-explainer{
  min-width:0;
  padding:26px;
  background:var(--color-panel);
  border:1px solid var(--color-border);
  border-radius:var(--radius-md);
  box-shadow:var(--shadow-soft);
}
.route-guidance h3,
.plan-explainer h3{
  font-size:21px;
}
.route-guidance p,
.plan-explainer p{
  margin-top:11px;
  color:var(--color-muted);
}
.section-link{
  display:inline-flex;
  min-height:44px;
  align-items:center;
  margin-top:28px;
  color:var(--color-accent-dark);
  font-weight:750;
}
.section-link:hover{
  text-decoration:underline;
  text-underline-offset:4px;
}
.traffic-pack-panel{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
  gap:36px;
  align-items:center;
  margin-top:28px;
  padding:30px;
  background:var(--color-panel-alt);
  border:1px solid var(--color-border);
  border-radius:var(--radius-md);
}
.traffic-pack-panel h3{
  margin-top:8px;
}
.traffic-pack-panel p{
  margin-top:12px;
  color:var(--color-muted);
}
.pack-list{
  display:grid;
  gap:8px;
}
.pack-list li{
  display:flex;
  min-width:0;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:12px 15px;
  background:var(--color-panel);
  border:1px solid var(--color-border);
  border-radius:var(--radius-sm);
}
.pack-list strong{
  font-family:var(--font-mono);
}
.pack-list span{
  color:var(--color-accent-dark);
  font-family:var(--font-display);
  font-weight:850;
}
.plan-explainer{
  margin-top:24px;
}
.home-article-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.home-article-grid .article-card h3{
  font-size:19px;
}
@keyframes home-pulse{
  from{
    opacity:.35;
    transform:scale(.8);
  }
  to{
    opacity:1;
    transform:scale(1.28);
  }
}
@media (max-width:1080px){
  .home-article-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:900px){
  .backbone-list::before{
    left:17px;
  }
  .backbone-item{
    grid-template-columns:1fr;
    gap:24px;
    min-height:0;
    padding-left:54px;
  }
  .backbone-item::before{
    top:65px;
    left:17px;
  }
  .backbone-item.reverse .backbone-copy,
  .backbone-item.reverse .segment-visual{
    order:initial;
  }
  .segment-visual{
    height:190px;
  }
  .route-guidance{
    grid-template-columns:1fr;
  }
  .traffic-pack-panel{
    grid-template-columns:1fr;
  }
}
@media (max-width:768px){
  .home-hero .hero-inner{
    padding-top:30px;
    padding-bottom:54px;
  }
  .home-orbit{
    height:250px;
  }
  .home-orbit .orbit-ring{
    inset:34px 48px;
  }
  .home-orbit .orbit-ring.inner{
    inset:78px 110px;
  }
  .home-orbit .orbit-node.n2{
    right:8px;
  }
  .home-orbit .orbit-node.n3{
    right:52px;
  }
  .home-orbit .orbit-node.n4{
    left:52px;
  }
  .home-orbit .orbit-node.n5{
    left:8px;
  }
  .home-orbit .orbit-node.n6{
    display:none;
  }
  .orbit-axis{
    width:84%;
  }
}
@media (max-width:640px){
  .platform-chips,
  .flag-chips{
    gap:8px 14px;
  }
  .home-orbit{
    height:230px;
    overflow:hidden;
  }
  .home-orbit .orbit-ring{
    inset:40px 24px;
  }
  .home-orbit .orbit-ring.inner{
    inset:78px 70px;
  }
  .home-orbit .orbit-node{
    min-width:68px;
    padding-inline:7px;
    font-size:9px;
  }
  .home-orbit .orbit-node.n1{
    top:12px;
  }
  .home-orbit .orbit-node.n2{
    top:62px;
  }
  .home-orbit .orbit-node.n3{
    right:24px;
    bottom:14px;
  }
  .home-orbit .orbit-node.n4{
    left:24px;
    bottom:14px;
  }
  .home-orbit .orbit-node.n5{
    top:62px;
  }
  .backbone-item{
    padding-left:42px;
  }
  .backbone-list::before,
  .backbone-item::before{
    left:10px;
  }
  .segment-visual{
    height:172px;
  }
  .traffic-pack-panel{
    padding:22px;
  }
  .home-article-grid{
    grid-template-columns:1fr;
  }
}
@media (max-width:400px){
  .home-orbit .orbit-node.n2,
  .home-orbit .orbit-node.n5{
    display:none;
  }
  .home-orbit .orbit-ring{
    inset:44px 18px;
  }
  .home-orbit .orbit-ring.inner{
    inset:78px 58px;
  }
}
@media (prefers-reduced-motion:reduce){
  .orbit-pulse{
    animation:none;
  }
}