.home-intro{max-width:720px;margin:20px auto 0;color:var(--muted);font-size:var(--body-size)}
.home-intro-left{margin:0 0 32px}
.mini-map{display:flex;flex-direction:column;align-items:center}
.mini-map>svg{max-width:100%;height:78px}
.mini-map-leaves{display:flex;justify-content:space-between;gap:8px;width:100%;font-size:var(--small-size);text-align:center}
.mini-map-leaves span{flex:1;padding:8px 4px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--teal-soft);color:var(--teal-ink)}
.route-check{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--panel);font-size:var(--small-size)}
.benefit-item h3{margin:0 0 12px}
.home-network{background:linear-gradient(180deg,var(--sky-1),var(--teal-soft))}
.home-section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
.home-section-heading h2{margin:16px 0 0}
.home-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-bottom:32px}
.home-columns>*{min-width:0}
.home-columns h3{margin-top:0}
.home-columns p{color:var(--muted)}
.home-columns p:last-child{margin-bottom:0}
.home-table-flag{display:inline-block;vertical-align:middle;margin-right:10px}
.home-status-copy{margin-top:40px}
.home-status-copy h3{margin-bottom:12px}
.home-plan-note{margin:20px 0 0;color:var(--muted);font-size:var(--small-size)}
.home-billing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px}
.home-billing-grid>*{min-width:0}
.home-billing-grid h3{margin-top:16px}
.home-billing-grid p{color:var(--muted)}
.home-billing-grid p:last-child{margin-bottom:0}
.home-billing-grid .home-pack-prices{color:var(--text);overflow-wrap:anywhere;line-height:2}
.home-payment-copy{margin-top:40px;margin-bottom:0}
.home-reading{background:linear-gradient(180deg,var(--sky-1),var(--bg))}
.home-reading-note{max-width:840px;margin:40px auto 0}
.home-reading-note h3{margin-top:0}
.home-reading-note p{color:var(--muted)}
.home-reading-note p:last-child{margin-bottom:0}
.server-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.server-status:empty{display:none}
.srv-row{display:flex;align-items:center;gap:10px;min-width:0;padding:16px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--panel);box-shadow:var(--highlight)}
.srv-dot{display:inline-block;width:8px;height:8px;flex-shrink:0;border-radius:var(--r-circle);background:var(--success);box-shadow:0 0 0 3px var(--success-soft)}
.srv-flag{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:26px;height:20px;overflow:hidden;border-radius:var(--r-sm)}
.srv-flag svg,.srv-flag img{display:block;width:100%;height:100%;object-fit:cover}
.srv-name{min-width:0;font-weight:700;font-size:var(--small-size);overflow-wrap:anywhere}
.srv-type{flex-shrink:0;padding:3px 8px;border-radius:var(--r-pill);background:var(--teal-soft);color:var(--teal-ink);font-size:var(--small-size)}
.srv-ms,.srv-bw{flex-shrink:0;color:var(--muted);font-family:var(--font-mono);font-size:var(--small-size);font-variant-numeric:tabular-nums}
.srv-ms{margin-left:auto}
@media(max-width:1000px){
  .srv-row{flex-wrap:wrap}
  .srv-name{flex:1}
  .srv-type{margin-left:auto}
  .srv-ms{margin-left:18px}
}
@media(max-width:768px){
  .home-section-heading{align-items:flex-start;flex-direction:column}
  .home-columns,.home-billing-grid,.server-status{grid-template-columns:1fr}
  .home-columns{gap:24px}
  .home-section-heading h2{overflow-wrap:break-word}
  .home-payment-copy{margin-top:32px}
}
@media(max-width:400px){
  .route-check{gap:8px;padding-inline:8px}
  .mini-map-leaves{font-size:var(--small-size);gap:4px}
  .srv-row{gap:8px;padding:12px}
  .srv-type{max-width:100%;white-space:normal}
}