.home-sprite{position:absolute;width:0;height:0;overflow:hidden}
.ann-toggle:focus-visible + .announce .ann-close{outline:2px solid var(--accent);outline-offset:2px}
.ann-close{font-size:22px;line-height:1}
.home-sprite .f-red{fill:var(--flag-red)}
.home-sprite .f-blue{fill:var(--flag-blue)}
.home-sprite .f-white{fill:var(--flag-white)}
.home-sprite .f-edge{fill:none;stroke:var(--flag-edge);stroke-width:.8}
.feature-copy h2{margin:12px 0 26px}
.feature-copy p{line-height:1.85;color:var(--text-muted)}
.feature-copy p strong{color:var(--text)}
.feature-phone .check{width:23px;height:23px}
.feature-phone .kicker{color:var(--accent)}
.feature-board{box-shadow:inset 0 1px 0 var(--hi)}
.feature-phone{border:1px solid var(--border-soft)}
.feature-phone li{font-weight:600}
.route-note{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;margin-top:24px}
.route-note p{max-width:780px;color:var(--text-muted)}
.text-link{display:inline-flex;align-items:center;min-height:36px;color:var(--accent-dark);font-weight:700;text-decoration:underline;text-underline-offset:4px}
.route-note .text-link{flex-shrink:0}
.status-section{margin-top:48px;padding:28px;border:1px solid var(--border-soft);border-radius:var(--r-card);background:var(--bg-panel);box-shadow:inset 0 1px 0 var(--hi)}
.status-section > p{max-width:760px;margin-top:8px;color:var(--text-muted)}
#server-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:hidden;max-width:100%;min-width:0;margin:24px 0 0}
#server-status:empty{display:none}
.srv-row{display:flex;align-items:center;gap:10px;min-width:0;min-height:56px;padding:10px 12px;border:1px solid var(--border-soft);border-radius:var(--r-item);background:var(--surface);font-size:13px}
.srv-dot{width:9px;height:9px;flex-shrink:0;border-radius:50%;background:var(--success);box-shadow:0 0 0 4px var(--slate-50);animation:srv-breathe 2.5s ease-in-out infinite}
.srv-flag{display:inline-flex;align-items:center;justify-content:center;width:23px;min-width:23px;flex-shrink:0}
.srv-flag svg{max-width:100%}
.srv-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.srv-type{min-width:0;max-width:38%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--slate)}
.srv-ms,.srv-bw{margin-left:auto;white-space:nowrap;color:var(--text-muted);font:600 12px/1.4 var(--font-mono)}
.srv-bw{margin-left:0}
@keyframes srv-breathe{50%{opacity:.55;transform:scale(.82)}}
.wave-band{margin-top:36px}
.wave-inner{position:relative;z-index:1;width:min(760px,100%);margin-inline:auto;text-align:center}
.wave-inner p{margin:16px 0 0;font-weight:700;color:var(--slate-ink)}
.wave-inner .text-link{margin-top:16px}
.wave-star{position:absolute;right:12%;top:20%;font-size:32px;color:var(--accent-soft)}
.plan-preview .plan-card > p:not(.price){color:var(--text-muted)}
.plan-preview .plan-card li{position:relative;padding-left:24px}
.plan-preview .plan-card li::before{content:"✓";position:absolute;left:0;color:var(--accent)}
.pack-note{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:28px;padding:30px;border:1px solid var(--border-soft);border-radius:var(--r-card);background:var(--bg-panel2)}
.pack-note h3{margin:8px 0 12px}
.pack-note p{max-width:800px;margin:0;color:var(--text-muted)}
.pack-note .text-link{flex-shrink:0}
.decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.decision-copy{padding:32px}
.decision-copy h3{margin:0 0 18px}
.decision-copy p{color:var(--text-muted)}
.decision-copy p:last-child{margin-bottom:0}
.decision-copy a,.faq-item p a{color:var(--accent-dark);text-underline-offset:3px}
.section-end{margin:28px 0 0}
.reading-grid .article-card{min-width:0}
.reading-grid .article-card .tag{align-self:flex-start}
.reading-grid .article-card h3{font-size:22px}
@media(max-width:900px){
  .route-note{display:block}
  .route-note .text-link{margin-top:8px}
  .decision-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:640px){
  #server-status{grid-template-columns:minmax(0,1fr)}
  .status-section{padding:20px}
  .pack-note{display:block;padding:22px}
  .pack-note .text-link{margin-top:12px}
  .feature-row{gap:24px;padding-top:42px;padding-bottom:42px}
  .feature-board{padding:24px}
  .feature-copy h2{margin-bottom:22px}
  .decision-copy{padding:24px}
  .wave-star{display:none}
  .lane-name{white-space:normal;line-height:1.2}
}
@media(max-width:380px){
  .lanes{padding:16px 11px 12px}
  .lane .tag{display:none}
  .lane{min-width:0}
  .srv-type{max-width:26%}
}
@media(prefers-reduced-motion:reduce){.srv-dot{animation:none}}