:root{--bg:#050c08;--green:#4cff8d;--white:#edf4ef;--muted:#a2b2a7;--line:#92cfa421}
body{background:var(--bg)}#matrix{opacity:.24}.shade{background:linear-gradient(90deg,#050c08a6,transparent 80%),linear-gradient(0deg,#050c08d9,transparent 90%)}
.site-shell{width:min(1120px,calc(100% - 96px))}.header{min-height:96px;border-bottom:1px solid var(--line)}.brand{font-size:26px;letter-spacing:-1.2px}.header nav{font-size:13px}.header nav a{color:#c5d2c9;font-weight:600}.header nav a:hover{color:var(--green)}
.hero{border:0;background:none;box-shadow:none;margin:0}.hero:before,.hero:after{display:none}.hero-content{padding:83px 0 76px;max-width:850px}.hero-eyebrow{display:flex;align-items:center;gap:10px;font:10px var(--mono);letter-spacing:2.5px;color:#95ad9d;margin:0 0 27px}.hero-eyebrow>span{height:5px;width:5px;border-radius:50%;background:var(--green)}
h1{font-size:clamp(64px,7.3vw,100px);line-height:1.03;letter-spacing:-4.7px;font-weight:760}.hero-description{font-size:18px;line-height:1.7;margin:28px 0 30px;color:#b1c2b7}.button{min-height:52px;border-radius:9px;font-size:13px;padding-inline:27px;gap:12px}.button-primary{box-shadow:none}.button-primary:hover{box-shadow:0 0 24px #4cff8d15;transform:translateY(-1px)}.button-secondary{background:#0b1710;border-color:#7dba9255}.button-secondary:hover{background:#10271a;box-shadow:none;transform:translateY(-1px)}.hero-note{font-size:12px;color:#82998b;margin-top:18px}
.section{margin-top:74px}.section-heading{margin-bottom:25px;align-items:center}.section-heading h2{font-size:34px;line-height:1.16;letter-spacing:-1.2px}.section-heading .section-caption{font-size:12px;color:#849d8d}.status-preview{margin-top:0;padding-top:34px;border-top:1px solid var(--line)}
.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.status-card{min-width:0;padding:24px;border:1px solid var(--line);border-radius:15px;background:#09150ecf}.status-country{font-size:11px;color:#839e8c;margin-bottom:10px}.status-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.status-card h3{font-size:25px;font-weight:620;letter-spacing:-.6px;line-height:1.2;margin:0}.status-pill{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px;line-height:1.5;padding:4px 7px;border:1px solid #7ea48b33;border-radius:30px;background:#122419;color:#a3b7aa}.status-pill i{width:5px;height:5px;border-radius:50%;background:currentColor;flex:none}.status-healthy{color:#73e99f;background:#14301e}.status-degraded{color:#e7ca6f;background:#292310}.status-offline{color:#ff9b96;background:#301715}.status-route{font-size:12px;color:#9bb2a3;line-height:1.6;margin:12px 0 22px;min-height:38px}.status-metrics{margin:0}.status-metrics dt{font-size:10px;color:#829e8d;line-height:1.5}.status-metrics dd{font-size:29px;line-height:1.3;margin:5px 0 0;color:#e1ece5;font-weight:600;letter-spacing:-.6px}.status-details{border-top:1px solid var(--line);margin-top:23px;padding-top:15px}.status-details summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:12px;color:#afc5b7;min-height:24px;list-style:none}.status-details summary::-webkit-details-marker{display:none}.status-details summary:after{content:"";height:6px;width:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-right:3px;margin-top:-3px}.status-details[open] summary:after{transform:rotate(225deg);margin-top:3px}.status-details[open] summary{margin-bottom:18px}.status-protocols{display:flex;flex-wrap:wrap;gap:7px}.status-protocols span{font:10px var(--mono);padding:5px 7px;border:1px solid var(--line);border-radius:5px;color:#a6bdaf}.status-protocols .proto-up{color:#73e99f}.status-protocols .proto-down{color:#ff9b96}.status-check{margin-top:15px}.status-check-label{font-size:11px;color:#8fab99}.status-check p{font-size:11px;line-height:1.6;color:#b5c8bb;margin:5px 0}.status-checked{font-size:10px;color:#8fab99;line-height:1.6;margin:14px 0}.status-history{height:18px;display:grid;grid-template-columns:repeat(30,minmax(0,1fr));gap:2px}.status-history span{border-radius:2px;background:#28332c}.status-history .history-good{background:#49b875}.status-history .history-bad{background:#c56961}.status-history .history-mixed{background:#f5d547}.status-history-caption{display:flex;justify-content:space-between;font-size:9px;color:#6f8e7b;margin-top:7px}
.setup{background:transparent;border:0;padding:0}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0}.steps li{display:block;min-width:0;border:1px solid var(--line);border-radius:15px;padding:25px 24px;background:#09150e9c}.step-number{display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:50%;border-color:#79b68d38;color:#8de9aa;font-size:11px;margin:0 0 23px}.steps h3{font-size:16px;letter-spacing:-.3px;margin:0 0 10px}.steps p{font-size:13px;line-height:1.7;color:#97af9f}
.help{padding:36px;border:1px solid var(--line);border-radius:16px;background:#0b1c12c9;margin-top:74px;gap:25px}.help-eyebrow{font:9px var(--mono);letter-spacing:2px;color:#84a58f;margin:0 0 15px}.help h2{font-size:29px;line-height:1.25}.help p:not(.help-eyebrow){font-size:13px;line-height:1.65;margin-top:12px}.help .button{flex:none;white-space:nowrap;font-size:12px}.footer{min-height:120px;gap:23px}.brand-small{font-size:19px}.footer p{font-size:11px}.footer-contact{font-size:11px;color:#a2b8a9;margin-left:auto}.footer-contact:hover{color:var(--green)}
.subscription-dialog{border-radius:16px;border-color:#79bf9155;box-shadow:0 18px 60px #0008}.support-dialog{border-radius:16px;border-color:#79bf9155}.subscription-dialog .app-card{border-radius:10px;border-color:var(--line)}.subscription-dialog .field input{border-radius:8px}.subscription-dialog .dialog-heading h2{letter-spacing:-.6px}.subscription-dialog[data-state=ready] .dialog-heading h2{text-shadow:0 0 14px #4cff8d30}.support-actions .button{border-radius:9px}.support-surface>.copy-link{border-radius:8px}
@media(max-width:1050px){.site-shell{width:calc(100% - 56px)}.status-card{padding:20px}.status-card-top{display:block}.status-card-top .status-pill{margin-top:10px}.hero-content{padding:65px 0}.hero-description{font-size:17px}.help{padding:28px}.help h2{font-size:26px}}
@media(max-width:700px){.site-shell{width:calc(100% - 40px)}.header{min-height:78px;gap:12px}.brand{font-size:23px}.header nav{font-size:11px}.header nav a:first-child{display:block}.hero-content{padding:57px 0 49px}.hero-eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:22px}h1{font-size:clamp(38px,10.2vw,66px);letter-spacing:-2.1px;line-height:1.09}.hero-description{font-size:14px;line-height:1.75;margin:22px 0 25px}.actions .button{width:100%}.hero-note{font-size:11px;line-height:1.65}.section{margin-top:50px}.section-heading{display:block;margin-bottom:20px}.section-heading h2{font-size:27px}.section-caption{display:block!important;margin-top:10px;font-size:11px!important}.status-preview{margin-top:0;padding-top:27px}.status-grid{grid-template-columns:1fr;gap:12px}.status-card{padding:21px}.status-card-top{display:flex}.status-card-top .status-pill{margin-top:0}.status-card h3{font-size:24px}.status-route{min-height:0;margin:10px 0 17px}.status-metrics{display:flex;align-items:baseline;justify-content:space-between;gap:15px}.status-metrics dt{max-width:170px}.status-metrics dd{margin:0;font-size:27px}.status-details{margin-top:17px;padding-top:12px}.steps{display:flex;flex-direction:column;gap:12px}.steps li{display:flex;align-items:flex-start;gap:17px;padding:22px 20px}.step-number{flex:none;margin:0}.steps h3{font-size:15px}.steps p{font-size:12px}.help{flex-direction:column;align-items:stretch;padding:26px 22px;margin-top:50px;gap:23px}.help h2{font-size:26px;max-width:none}.help .button{width:100%}.help-eyebrow{font-size:8px}.footer{min-height:110px;padding:26px 0;gap:14px}.footer p{order:3;flex-basis:100%;margin:0;font-size:10px}.footer-contact{font-size:10px}.subscription-dialog{border-radius:19px 19px 0 0}}
@media(prefers-reduced-motion:reduce){.button{transition:none}}

/* Compact presentation: all measured server details remain visible. */
#matrix{opacity:.4}.shade{background:linear-gradient(90deg,#050c0870,transparent 80%),linear-gradient(0deg,#050c0899,transparent 90%)}
.brand-lockup{display:flex;align-items:baseline;gap:18px}.brand-slogan{margin:0;font-size:12px;letter-spacing:.2px;color:#acc8b5}.header{min-height:80px}
.hero-content{padding:52px 0 46px}.hero-description{margin:22px 0 24px}.hero-note{margin-top:14px}
.section{margin-top:48px}.section-heading{margin-bottom:20px}.status-preview{margin-top:0;padding-top:25px}.status-card{padding:20px}.status-country{margin-bottom:8px}.status-route{margin:10px 0 14px;min-height:38px}.status-metrics{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.status-metrics dt{max-width:165px}.status-metrics dd{font-size:26px;margin:0}.status-details{margin-top:15px;padding-top:14px}.status-check{margin-top:11px}.status-check p{margin:3px 0}.status-checked{margin:10px 0;font-size:10px}.status-checked br{display:none}.status-checked time:before{content:' · '}.status-history{height:15px}.status-history-caption{margin-top:5px}
.steps li{padding:21px}.step-number{margin-bottom:16px}.steps h3{margin-bottom:8px}.help{margin-top:48px;padding:27px;gap:20px}.help p.help-eyebrow{font:9px var(--mono);letter-spacing:2px;color:#84a58f;margin:0 0 10px}.footer{min-height:96px}
@media(max-width:1050px){.hero-content{padding:44px 0 38px}.status-card{padding:17px}.brand-lockup{gap:12px}.brand-slogan{font-size:11px}}
@media(max-width:700px){.header{min-height:82px}.brand-lockup{display:block}.brand-slogan{font-size:10px;margin-top:5px;letter-spacing:0}.hero-content{padding:36px 0 32px}.hero-description{margin:18px 0 21px}.section{margin-top:36px}.status-preview{margin-top:0;padding-top:23px}.status-card{padding:18px}.status-route{min-height:0;margin:9px 0 12px}.status-details{margin-top:13px;padding-top:12px}.status-check{margin-top:10px}.status-checked{margin:9px 0}.steps li{padding:18px}.steps .step-number{margin:0}.help{margin-top:36px;padding:23px 20px;gap:18px}.footer{min-height:90px;padding:21px 0;gap:11px}.footer p{order:initial;flex-basis:auto;margin-left:auto}}

/* Subscription call to action: luminous edge, quiet surface, clear focus. */
:is(.hero .actions,.subscription-dialog .subscription-form) .button-primary{position:relative;isolation:isolate;overflow:hidden;min-width:228px;min-height:56px;padding:0 30px;border:1px solid #b5ffd1;border-radius:12px;background:linear-gradient(115deg,#8affb4 0%,#50ff91 48%,#2ce77d 100%);color:#042512;font-size:14px;font-weight:750;letter-spacing:.1px;box-shadow:inset 0 1px 0 #e7fff0b3,inset 0 -1px 0 #08713438,0 5px 18px #00db6426,0 0 0 4px #4cff8d08;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
:is(.hero .actions,.subscription-dialog .subscription-form) .button-primary:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 20%,#eafff347 48%,transparent 75%);transform:translateX(-120%);transition:transform .55s ease}
@media(hover:hover){:is(.hero .actions,.subscription-dialog .subscription-form) .button-primary:hover{border-color:#dcffe9;transform:translateY(-2px);box-shadow:inset 0 1px 0 #effff6,0 8px 25px #00df6536,0 0 0 4px #4cff8d12}:is(.hero .actions,.subscription-dialog .subscription-form) .button-primary:hover:before{transform:translateX(120%)}}
:is(.hero .actions,.subscription-dialog .subscription-form) .button-primary:active{transform:translateY(1px);box-shadow:inset 0 2px 6px #075b2926,0 2px 10px #00db6420}
:is(.hero .actions,.subscription-dialog .subscription-form) .button-primary:focus-visible{outline:2px solid #d4ffe3;outline-offset:6px}
@media(max-width:700px){:is(.hero .actions,.subscription-dialog .subscription-form) .button-primary{min-width:0;min-height:54px;font-size:14px}}
@media(prefers-reduced-motion:reduce){:is(.hero .actions,.subscription-dialog .subscription-form) .button-primary,:is(.hero .actions,.subscription-dialog .subscription-form) .button-primary:before{transition:none}:is(.hero .actions,.subscription-dialog .subscription-form) .button-primary:before{display:none}}

/* Larger, confident typography matching the page headings. */
:is(.hero .actions,.subscription-dialog .subscription-form) .button-primary{font-family:var(--font);font-size:18px;font-weight:750;letter-spacing:-.3px;line-height:1.25;min-width:254px;min-height:58px}
@media(max-width:700px){:is(.hero .actions,.subscription-dialog .subscription-form) .button-primary{font-size:17px;min-width:0;min-height:56px;letter-spacing:-.2px}}

.subscription-dialog .subscription-form .button-primary{min-width:0;width:100%;cursor:pointer}
.subscription-dialog .subscription-form .button-primary:disabled{opacity:.65;cursor:wait;transform:none;box-shadow:none}
.subscription-dialog .subscription-form .button-primary:disabled:before{display:none}

.status-checked time:before{content:" "}