.flag-white{fill:var(--color-white)}
.flag-hk{fill:var(--flag-hk)}
.flag-jp{fill:var(--flag-jp)}
.flag-us-red{fill:var(--flag-us-red)}
.flag-us-blue{fill:var(--flag-us-blue)}
.flag-sg{fill:var(--flag-sg)}
.flag-ch{fill:var(--flag-ch)}
.flag-de-black{fill:var(--flag-de-black)}
.flag-de-red{fill:var(--flag-de-red)}
.flag-de-gold{fill:var(--flag-de-gold)}
.flag{display:block;flex:none;border-radius:5px;box-shadow:0 1px 3px var(--color-shadow-ink)}
.tile .candy .num{font-family:var(--font-mono);font-size:12px;letter-spacing:0}
.kicker .live{flex-shrink:0}
.cta-note .sep{margin-inline:6px;color:var(--color-border)}
.btn-primary .arrow{font-family:var(--font-mono);font-size:17px;line-height:1}
.trust .ok{flex-shrink:0}
.plat svg{flex-shrink:0;color:var(--color-text)}
.status-section{background:var(--color-bg);overflow:hidden}
.status-section + .section{margin-top:48px}
#server-status{
  display:block;
  width:100%;
  max-width:100%;
  margin-bottom:24px;
  overflow:hidden;
  contain:paint;
}
.server-status:empty{display:none}
.srv-row{
  display:grid;
  grid-template-columns:auto auto minmax(0,1fr) auto auto;
  align-items:center;
  gap:10px;
  min-width:0;
  padding:15px 17px;
  border:1px solid var(--color-border-soft);
  border-radius:var(--radius-md);
  background:var(--color-panel);
  box-shadow:var(--shadow-small);
}
.srv-dot{
  width:9px;
  height:9px;
  flex-shrink:0;
  border-radius:50%;
  background:var(--color-success);
  box-shadow:0 0 0 4px var(--color-mint);
  animation:srv-breathe 2.4s ease-in-out infinite;
}
.srv-flag{width:28px;height:20px;object-fit:cover;border-radius:5px}
.srv-name{min-width:0;font-weight:750;overflow-wrap:anywhere}
.srv-type{
  max-width:100%;
  padding:3px 9px;
  border-radius:var(--radius-pill);
  background:var(--color-panel-deep);
  color:var(--color-muted);
  font-size:12px;
  font-weight:700;
}
.srv-ms,.srv-bw{
  color:var(--color-muted);
  font-family:var(--font-mono);
  font-size:12px;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
@keyframes srv-breathe{
  50%{opacity:.55;transform:scale(.82)}
}
.status-section .callout{margin-bottom:0}
.feature-section{
  background-image:linear-gradient(var(--color-grid) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid) 1px,transparent 1px);
  background-size:40px 40px;
}
.mini-window small{color:var(--color-muted);font-size:11px}
.privacy-window{display:grid;align-content:start;gap:12px}
.privacy-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:10px 12px;
  border-radius:var(--radius-sm);
  background:var(--color-mint);
  font-size:13px;
  font-weight:750;
}
.switch-on{
  position:relative;
  width:38px;
  height:22px;
  flex-shrink:0;
  border-radius:var(--radius-pill);
  background:var(--color-accent);
}
.switch-on i{
  position:absolute;
  top:3px;
  right:3px;
  width:16px;
  height:16px;
  border-radius:50%;
  background:var(--color-panel);
}
.feature-wide p{margin:14px 0;color:var(--color-muted)}
.feature-flag-strip{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.feature-flag-strip span{
  display:inline-flex;
  align-items:center;
  min-height:31px;
  padding:4px 11px;
  border:1px solid var(--color-border);
  border-radius:var(--radius-pill);
  background:var(--color-sky);
  font-size:13px;
  font-weight:700;
}
.refund-mark{
  display:grid;
  width:72px;
  height:72px;
  margin-top:20px;
  place-items:center;
  border:1px solid var(--color-accent);
  border-radius:50%;
  background:var(--color-mint);
  color:var(--color-accent-dark);
  font-family:var(--font-mono);
  font-weight:800;
}
.network-preview{background:var(--color-panel-deep)}
.network-notes{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:26px;
}
.network-notes .card{box-shadow:var(--shadow-small)}
.network-notes h3{font-size:21px}
.network-notes p{margin:12px 0 0;color:var(--color-muted)}
.section-link{margin:28px 0 0;text-align:center}
.client-section{background:var(--color-bg)}
.client-callout{margin-bottom:0}
.client-callout a{font-weight:750;text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:3px}
.pricing-preview{
  background-image:linear-gradient(var(--color-grid) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid) 1px,transparent 1px);
  background-size:40px 40px;
}
.price-summary{min-height:5.2em;color:var(--color-muted)}
.traffic-panel{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);
  align-items:center;
  gap:34px;
  margin-top:28px;
  padding:30px;
}
.traffic-panel p{margin:12px 0 0;color:var(--color-muted)}
.traffic-list{display:grid;gap:8px;list-style:none}
.traffic-list li{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:10px 14px;
  border-radius:var(--radius-sm);
  background:var(--color-panel-deep);
}
.traffic-list strong{font-family:var(--font-mono)}
.traffic-list span{color:var(--color-muted);font-weight:700}
.pricing-note{
  max-width:900px;
  margin:24px auto 0;
  color:var(--color-muted);
  text-align:center;
}
.decision-section{background:var(--color-panel-deep)}
.decision-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}
.decision-card{
  position:relative;
  min-width:0;
  padding:30px 30px 30px 86px;
  border:1px solid var(--color-border-soft);
  border-radius:var(--radius-lg);
  background:var(--color-panel);
  box-shadow:var(--shadow-panel);
}
.decision-index{
  position:absolute;
  top:30px;
  left:28px;
  display:grid;
  width:40px;
  height:40px;
  place-items:center;
  border-radius:var(--radius-sm);
  background:var(--color-mint);
  color:var(--color-accent-dark);
  font-weight:800;
}
.decision-card h3{font-size:23px}
.decision-card p{margin:13px 0 0;color:var(--color-muted)}
.blog-preview{background:var(--color-bg)}
.blog-preview .blog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.blog-preview .article-card h3{font-size:21px}
@media (max-width:1180px){
  .blog-preview .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  .server-status{grid-template-columns:1fr}
  .network-notes{grid-template-columns:1fr}
  .traffic-panel{grid-template-columns:1fr}
  .decision-grid{grid-template-columns:1fr}
}
@media (max-width:768px){
  .blog-preview .blog-grid{grid-template-columns:1fr}
  .srv-row{grid-template-columns:auto auto minmax(0,1fr) auto}
  .srv-bw{grid-column:3/5}
  .price-summary{min-height:0}
}
@media (max-width:640px){
  #server-status .nx-grid{max-height:none!important;overflow:hidden!important}
  .srv-row{padding:14px;gap:8px}
  .srv-type{grid-column:3/5;justify-self:start}
  .srv-ms{grid-column:3}
  .srv-bw{grid-column:4}
  .traffic-panel{padding:22px}
  .decision-card{padding:76px 22px 24px}
  .decision-index{top:22px;left:22px}
}
@media (prefers-reduced-motion:reduce){
  .srv-dot{animation:none}
}