.home-section-head{
max-width:850px;
margin-bottom:32px;
}
.home-section-head h2{
margin:12px 0 18px;
}
.home-section-head>p:last-child{
margin-bottom:0;
color:var(--text-muted);
line-height:1.85;
}
.home-eyebrow{
display:flex;
align-items:center;
gap:10px;
margin:0;
color:var(--text-muted);
font-family:var(--font-mono);
font-size:13px;
font-weight:600;
}
.home-eyebrow>span{
color:var(--accent);
font-size:22px;
line-height:1;
}
.home-notes{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:40px;
margin-top:32px;
}
.home-notes>div{
min-width:0;
}
.home-notes h3{
margin:0 0 12px;
font-size:19px;
}
.home-notes p{
margin:0;
color:var(--text-muted);
line-height:1.85;
}
.home-text-link{
color:var(--accent);
text-decoration:underline;
text-underline-offset:4px;
}
.home-text-link:hover{
color:var(--accent-dark);
}
.home-clients{
background:var(--bg-panel2);
border-top:1px solid var(--border);
border-bottom:1px solid var(--border);
}
.home-plan-copy{
color:var(--text-muted);
font-size:14px;
line-height:1.8;
}
.home-assurance{
margin-top:64px;
padding-top:40px;
border-top:1px solid var(--border);
}
.home-assurance h2{
margin:16px 0 0;
}
.home-assurance-copy{
max-width:960px;
margin:28px 0 0;
color:var(--text-muted);
line-height:1.85;
}
.server-status:empty{
display:none;
}
.server-status{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}
.server-status>*{
min-width:0;
max-width:100%;
}
.server-status .srv-row{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:10px;
min-width:0;
min-height:64px;
padding:16px;
background:var(--bg-panel);
border:1px solid var(--border);
border-radius:var(--radius-sm);
box-shadow:var(--shadow-xs),inset 0 1px 0 var(--hl);
}
.server-status .srv-dot{
display:inline-block;
flex:0 0 auto;
width:7px;
height:7px;
border-radius:var(--radius-round);
background:var(--success);
box-shadow:0 0 0 3px var(--success-soft);
}
.server-status .srv-flag{
display:inline-flex;
align-items:center;
justify-content:center;
flex:0 0 auto;
width:24px;
min-height:18px;
overflow:hidden;
border-radius:var(--radius-xxs);
}
.server-status .srv-flag svg,
.server-status .srv-flag img{
display:block;
width:24px;
height:18px;
}
.server-status .srv-name{
flex:1 1 110px;
min-width:0;
color:var(--text);
font-size:14px;
font-weight:650;
overflow-wrap:anywhere;
}
.server-status .srv-type{
max-width:100%;
padding:3px 7px;
border-radius:var(--radius-xs);
background:var(--bg-panel2);
color:var(--text-muted);
font-size:11px;
overflow-wrap:anywhere;
}
.server-status .srv-ms,
.server-status .srv-bw{
flex:0 0 auto;
font-family:var(--font-mono);
font-size:12px;
color:var(--text-muted);
white-space:nowrap;
}
.server-status .srv-ms{
color:var(--accent);
}
@media(max-width:768px){
.home-notes{
grid-template-columns:minmax(0,1fr);
gap:28px;
}
.server-status{
grid-template-columns:minmax(0,1fr);
}
.home-assurance{
margin-top:40px;
padding-top:32px;
}
}
@media(max-width:640px){
.home-section-head{
margin-bottom:24px;
}
.home-assurance .assurance{
gap:24px;
}
.home-assurance blockquote{
font-size:20px;
overflow-wrap:break-word;
}
.server-status .srv-row{
gap:10px 8px;
padding:14px;
}
}