.hosting-head { display:grid; gap:.35rem; padding:1rem 0 0; }
.hosting-head h1,.hosting-head p,.service-title h2,.service-title p,.job-row h2,.job-row p { margin:0; }
.eyebrow { color:#666; font-size:.75rem; font-weight:800; letter-spacing:.09em; }
html.dark-mode .eyebrow { color:#aaa; }
.hosting-tabs { display:flex; gap:.35rem; overflow-x:auto; margin-top:1rem; padding-bottom:.25rem; border-bottom:1px solid #d8d8d8; }
.hosting-subnav {
  position: static;
  z-index: auto;
  width: 100%;
  height: auto;
  margin: 0 0 1rem;
  padding-top: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
}
.hosting-tabs a,.type-chooser a { padding:.55rem .8rem; color:inherit; text-decoration:none; white-space:nowrap; border-radius:.3rem; }
.hosting-tabs a[aria-current=page],.type-chooser a[aria-current=true] { color:#fff; background:#111; }
html.dark-mode .hosting-tabs a[aria-current=page],html.dark-mode .type-chooser a[aria-current=true] { color:#111; background:#f1f1f1; }
.notice { padding:.75rem 1rem; border:1px solid currentColor; border-radius:.3rem; }
.hosting-grid,.service-grid { display:grid; gap:1rem; }
.hosting-grid.two,.service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.hosting-card,.service-card,.job-row { padding:1.25rem; border:1px solid #d8d8d8; border-radius:.4rem; background:#fff; }
html.dark-mode .hosting-card,html.dark-mode .service-card,html.dark-mode .job-row { background:#1b1b1b; border-color:#383838; }
.hosting-card { display:grid; gap:1rem; }
.hosting-card h2,.hosting-card p { margin:0; }
.capacity-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.75rem; }
.capacity-stats article { display:grid; padding:1rem; border:1px solid #d8d8d8; border-radius:.4rem; }
.capacity-stats strong { font-size:1.5rem; }
.section-title,.service-title,.credential-status { display:flex; align-items:center; gap:.8rem; }
.section-title { justify-content:space-between; }
.section-title h2 { margin:0; }
.service-card { display:grid; gap:1rem; }
.service-title .state { margin-left:auto; }
.service-icon { display:grid; place-items:center; width:2.7rem; height:2.7rem; border:1px solid currentColor; border-radius:.5rem; font-weight:900; }
.service-icon .bi,.choice-icon .bi { font-size:1.3rem; line-height:1; }
.client-rack { overflow:hidden; border:1px solid #3e3e3e; border-radius:.7rem; color:#f4f4f4; background:#121212; box-shadow:.75rem .75rem 0 #ff6b35,0 20px 55px rgb(0 0 0 / 16%); }
.client-rack .rack-top,.client-rack .rack-footer { display:flex; align-items:center; gap:.4rem; padding:.75rem 1rem; color:#aaa; background:#1c1c1c; font:700 .72rem ui-monospace,monospace; }
.client-rack .rack-top span { margin-right:auto; }
.client-rack .rack-top i { width:.55rem; height:.55rem; border-radius:50%; background:#555; }
.client-rack .rack-top i:first-of-type { background:#ff6659; }.client-rack .rack-top i:nth-of-type(2) { background:#f4bd4f; }.client-rack .rack-top i:last-of-type { background:#5cca63; }
.client-rack-head { display:flex; align-items:center; gap:.8rem; padding:1.2rem; border-bottom:1px solid #303030; }
.client-rack-head>div:nth-child(2) { display:grid; }.client-rack-head small { color:#999; }.client-rack-head .button { margin-left:auto; color:#111; background:#f3f3f3; }
.client-rack .rack-pulse { flex:0 0 auto; width:.9rem; height:.9rem; border-radius:50%; background:#45dc86; box-shadow:0 0 0 .4rem rgb(69 220 134 / 12%); }
.client-rack-services { display:grid; gap:.55rem; padding:1rem; }
.rack-service-row { display:flex; align-items:center; gap:.75rem; min-width:0; padding:.8rem; color:#f4f4f4; text-decoration:none; border:1px solid #343434; border-radius:.45rem; background:#191919; transition:.15s ease; }
.rack-service-row:hover { color:#fff; border-color:#666; background:#202020; transform:translateX(3px); }
.rack-service-copy { display:grid; flex:1; min-width:0; }.rack-service-copy strong,.rack-service-copy small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.rack-service-copy small { color:#999; }
.rack-service-row .state { flex:0 0 auto; }.rack-service-row>.bi { color:#777; }
.client-rack .rack-footer { justify-content:space-between; border-top:1px solid #303030; }.client-rack .rack-footer b { color:#eee; }
.client-rack-empty { display:grid; justify-items:center; gap:.5rem; padding:3rem 1rem; text-align:center; }.client-rack-empty>.bi { font-size:2.5rem; color:#888; }.client-rack-empty h3,.client-rack-empty p { margin:0; }.client-rack-empty p { color:#aaa; }
.state { display:inline-flex; align-items:center; padding:.25rem .55rem; font-size:.78rem; font-weight:800; text-transform:capitalize; border-radius:999px; }
.state.good { color:#075b16; background:#dff8e4; }
.state.bad { color:#8b1010; background:#ffe2e2; }
.state.pending { color:#765800; background:#fff2c2; }
.status-dot { width:.7rem; height:.7rem; border-radius:50%; background:#aaa; }
.status-dot.good { background:#1c9c36; box-shadow:0 0 0 4px rgb(28 156 54 / 15%); }
.endpoint { padding:.6rem; overflow-wrap:anywhere; background:rgb(0 0 0 / 5%); font-family:monospace; }
.type-chooser { display:grid; grid-template-columns:repeat(4,1fr); gap:.5rem; }
.type-chooser a { text-align:center; border:1px solid #d8d8d8; }
.provision-card { max-width:720px; width:100%; margin:0 auto; }
.hosting-form { display:grid; gap:1rem; }
.hosting-form label { display:grid; gap:.35rem; font-weight:700; }
.hosting-form input,.hosting-form textarea { width:100%; }
.form-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.jobs-list { display:grid; gap:.75rem; }
.job-row { display:grid; grid-template-columns:1fr auto; align-items:start; gap:1rem; }
.job-log { grid-column:1/-1; max-height:28rem; padding:1rem; color:#d8ffd8; background:#101510; border-radius:.3rem; }
.detail-list { display:grid; grid-template-columns:minmax(8rem,auto) 1fr; margin:0; border-top:1px solid #d8d8d8; }
.detail-list dt,.detail-list dd { margin:0; padding:.6rem; border-bottom:1px solid #d8d8d8; overflow-wrap:anywhere; }
.detail-list dt { font-weight:800; }
.lifecycle-actions { display:flex; flex-wrap:wrap; gap:.5rem; }
.service-section-nav { position:static; display:flex; flex-wrap:wrap; gap:.35rem; width:100%; height:auto; padding:.45rem; background:rgb(0 0 0 / 4%); border:1px solid #d8d8d8; border-radius:.45rem; box-shadow:none; transform:none; }
.service-section-nav a { padding:.45rem .7rem; color:inherit; text-decoration:none; border-radius:.3rem; }
.service-section-nav a:hover { background:rgb(0 0 0 / 8%); }
.service-section-nav .danger-link { margin-left:auto; color:#a40008; }
.service-hero { gap:1rem; }
.service-hero h1 { margin:0; font-size:clamp(1.55rem,4vw,2.2rem); }
.endpoint-tools { display:flex; align-items:center; flex-wrap:wrap; gap:.5rem; padding:.65rem; background:rgb(0 0 0 / 5%); border-radius:.35rem; }
.endpoint-tools code { flex:1; min-width:12rem; overflow-wrap:anywhere; user-select:all; }
.button.compact,button.compact { width:auto; min-width:0; margin:0; padding:.35rem .6rem; }
.service-details { border-top:1px solid #d8d8d8; padding-top:.75rem; }
.service-details summary { cursor:pointer; font-weight:800; }
.service-details .detail-list { margin-top:.75rem; }
.service-primary-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; align-items:start; }
.service-management { display:grid; gap:1rem; scroll-margin-top:1rem; }
.service-management>.hosting-card { scroll-margin-top:1rem; }
.card-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }
.card-heading h2,.card-heading p { margin:0; }
.schedule-badge { padding:.3rem .6rem; font-size:.78rem; font-weight:800; white-space:nowrap; background:rgb(0 0 0 / 7%); border-radius:999px; }
.compact-form { grid-template-columns:minmax(12rem,1fr) auto; align-items:end; }
.compact-form button { margin-bottom:0; }
html.dark-mode .service-section-nav { background:rgb(255 255 255 / 5%); border-color:#383838; }
html.dark-mode .service-section-nav a:hover { background:rgb(255 255 255 / 10%); }
.danger-zone { border-color:#c33; }
button.danger { color:#fff; background:#a40008; border-color:#a40008; }
.empty { grid-column:1/-1; text-align:center; justify-items:center; padding:3rem 1rem; }
.status-copy { margin:0; color:#666; font-size:.85rem; }
.code-editor { min-height:30rem; padding:1rem; font:14px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; tab-size:2; }
.html-studio { display:grid; gap:.75rem; min-width:0; }
.editor-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:.5rem; padding:.55rem; border:1px solid #ccc; border-radius:.5rem; background:rgb(0 0 0 / 4%); }
.editor-toolbar button { width:auto; min-width:0; margin:0; padding:.42rem .65rem; }
.editor-tabs,.format-tools { display:flex; flex-wrap:wrap; gap:.25rem; }
.editor-tabs button.active { color:#fff; background:#111; }
.format-tools { padding-left:.5rem; border-left:1px solid #bbb; }
.editor-toolbar .sloppy-launch { margin-left:auto; color:#fff; background:linear-gradient(120deg,#6d28d9,#db2777); border:0; }
.visual-editor { width:100%; min-height:42rem; border:1px solid #aaa; border-radius:.45rem; background:#fff; }
.html-source { display:none; width:100%; }
.html-source.visible { display:block; }
.editor-help { margin:0; }
.editor-savebar { position:sticky; z-index:3; bottom:.5rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.65rem .8rem; border:1px solid #ccc; border-radius:.45rem; background:rgb(255 255 255 / 94%); box-shadow:0 6px 24px rgb(0 0 0 / 12%); backdrop-filter:blur(8px); }
.editor-savebar button { width:auto; margin:0; }
.sloppy-dialog { width:min(40rem,calc(100% - 2rem)); max-height:calc(100vh - 2rem); padding:0; color:inherit; border:0; border-radius:.75rem; box-shadow:0 25px 90px rgb(0 0 0 / 35%); }
.sloppy-dialog::backdrop { background:rgb(10 5 20 / 70%); backdrop-filter:blur(4px); }
.sloppy-panel { display:grid; gap:1rem; padding:clamp(1.25rem,4vw,2rem); background:#fff; }
.sloppy-panel label { display:grid; gap:.35rem; font-weight:800; }
.sloppy-panel input,.sloppy-panel textarea { width:100%; }
.sloppy-panel p { margin:0; }
.sloppy-actions { display:flex; flex-wrap:wrap; gap:.5rem; }
.sloppy-actions button { width:auto; margin:0; }
.dialog-close { width:2.25rem!important; min-width:0!important; margin:0!important; padding:.25rem!important; font-size:1.5rem; line-height:1; background:transparent!important; color:inherit!important; border:0!important; }
html.dark-mode .editor-toolbar { background:#222; border-color:#444; }
html.dark-mode .editor-savebar { background:rgb(25 25 25 / 94%); border-color:#444; }
html.dark-mode .sloppy-panel { background:#1b1b1b; }
.file-list,.manage-list { display:grid; gap:.25rem; margin:0; padding:0; list-style:none; }
.file-list li,.manage-list li { display:flex; align-items:center; gap:.75rem; min-width:0; padding:.55rem; border-bottom:1px solid #d8d8d8; }
.file-list li>a,.manage-list li>span { flex:1; min-width:0; overflow-wrap:anywhere; }
.file-list li form,.manage-list li form { display:flex; gap:.35rem; margin:0; }
.file-list small,.manage-list small { display:block; color:#666; }
.domain-list { display:grid; gap:1rem; }
.domain-binding { padding:1rem; border:1px solid #d8d8d8; border-radius:.4rem; }
.domain-binding h3 { margin:0; }
.dns-records { display:grid; gap:.45rem; padding-left:1.25rem; }
.dns-records li { display:grid; grid-template-columns:minmax(12rem,1fr) minmax(12rem,2fr); gap:.75rem; }
.dns-records code { overflow-wrap:anywhere; user-select:all; }
.domain-actions { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
html.dark-mode .domain-binding { border-color:#383838; }
.inline-create { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; }
.inline-create input { flex:1 1 16rem; margin:0; }
button.link-danger { min-width:0; margin:0; padding:.25rem .45rem; color:#a40008; background:transparent; border:1px solid currentColor; }
html.dark-mode .status-copy,html.dark-mode .file-list small,html.dark-mode .manage-list small { color:#aaa; }
.wizard-shell { display:grid; gap:1.25rem; max-width:900px; width:100%; margin:0 auto; }
.wizard-intro { display:grid; gap:.4rem; text-align:center; }
.wizard-intro h1 { margin:0; }
.wizard-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin:1rem 0 0; padding:0; list-style:none; counter-reset:none; }
.wizard-steps li { position:relative; display:grid; justify-items:center; gap:.35rem; color:#777; font-size:.78rem; font-weight:700; }
.wizard-steps li::before { content:''; position:absolute; z-index:0; top:.9rem; left:-50%; width:100%; height:2px; background:#ddd; }
.wizard-steps li:first-child::before { display:none; }
.wizard-steps span { z-index:1; display:grid; place-items:center; width:1.8rem; height:1.8rem; color:#555; background:#fff; border:2px solid #ccc; border-radius:50%; }
.wizard-steps li.complete span,.wizard-steps li[aria-current=step] span { color:#fff; background:#111; border-color:#111; }
.wizard-steps li.complete::before,.wizard-steps li[aria-current=step]::before { background:#111; }
.wizard-steps li[aria-current=step] { color:inherit; }
html.dark-mode .wizard-steps span { background:#1b1b1b; } html.dark-mode .wizard-steps li.complete span,html.dark-mode .wizard-steps li[aria-current=step] span { color:#111; background:#f1f1f1; border-color:#f1f1f1; }
.wizard-card { display:grid; gap:1.25rem; padding:clamp(1.25rem,4vw,2.5rem); border:1px solid #d8d8d8; border-radius:.65rem; background:#fff; box-shadow:0 12px 35px rgb(0 0 0 / 6%); }
html.dark-mode .wizard-card { background:#1b1b1b; border-color:#383838; box-shadow:none; }
.wizard-card.narrow { max-width:680px; width:100%; margin:0 auto; }
.wizard-card h2,.wizard-card>p { margin:0; }
.choice-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
button.choice-card { display:grid; justify-items:start; align-content:start; gap:.75rem; min-height:15rem; margin:0; padding:1.25rem; color:inherit; text-align:left; background:transparent; border:1px solid #ccc; border-radius:.55rem; }
button.choice-card:hover,button.choice-card:focus-visible { border-color:#fff; box-shadow:0 5px 20px rgb(0 0 0 / 10%); transform:translateY(-2px); }
.choice-card strong,.availability-card strong { font-size:1.25rem; }
.choice-card small,.availability-card small { flex:1; color:#666; line-height:1.5; }
.choice-card>span:last-child,.availability-card>span:last-child { font-weight:800; }
.choice-icon { display:grid; place-items:center; width:3rem; height:3rem; color:#fff; background:#111; border-radius:.65rem; font-size:1.2rem; font-weight:900; }
.choice-pair { display:grid; grid-template-columns:repeat(2,1fr); gap:.75rem; }
.radio-card { display:flex!important; align-items:center; gap:.75rem!important; padding:1rem; border:1px solid #777; border-radius:.4rem; cursor:pointer; }
.radio-card:has(input:checked) { border-color:#fff; box-shadow:inset 0 0 0 1px #111; }
.radio-card span { display:grid; }
.radio-card input { width:auto!important; }
.hosting-form label small { color:#666; font-weight:400; }
.input-suffix { display:flex; align-items:stretch; }
.input-suffix input { min-width:0; border-radius:.2rem 0 0 .2rem; }
.input-suffix span { display:flex; align-items:center; padding:0 .7rem; white-space:nowrap; background:rgb(0 0 0 / 6%); border:1px solid #aaa; border-left:0; }
.formula-note { padding:.8rem; background:rgb(0 0 0 / 5%); border-left:3px solid currentColor; }
.back-link { justify-self:start; color:inherit; }
.availability-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
button.availability-card { display:flex; flex-direction:column; align-items:flex-start; gap:.8rem; min-height:17rem; margin:0; padding:1.35rem; color:inherit; text-align:left; background:transparent; border:1px solid #ccc; border-radius:.55rem; }
button.availability-card:hover { transform:translateY(-2px); box-shadow:0 5px 20px rgb(0 0 0 / 10%); }
button.availability-card:disabled { opacity:.58; cursor:not-allowed; transform:none; box-shadow:none; }
.availability-card b { font-size:1.35rem; }
.pill { padding:.25rem .55rem; border-radius:99px; background:#e5e5e5; font-size:.72rem; font-weight:900; text-transform:uppercase; }
.availability-card.free .pill { color:#075b16; background:#dff8e4; }
.availability-card.paid .pill { color:#694f00; background:#fff2c2; }
.order-summary { display:grid; grid-template-columns:1fr 1fr; margin:0; }
.order-summary dt,.order-summary dd { margin:0; padding:.65rem; border-bottom:1px solid #ddd; }
.order-summary dt { font-weight:800; }
.order-summary dd { text-align:right; }
.price-summary { padding:1.25rem; text-align:center; background:rgb(0 0 0 / 5%); border-radius:.5rem; }
.price-summary p { margin:.4rem 0 0; }
.total-price { display:block; font-size:2rem; }
.total-price small { font-size:.9rem; font-weight:400; }
.finish-actions { display:grid; grid-template-columns:1fr 1fr; gap:.75rem; }
.button.secondary { color:inherit; background:transparent; border:1px solid currentColor; }
.success-card { justify-items:center; text-align:center; }
.quota-meter { display:grid; gap:.45rem; padding:.8rem; background:rgb(0 0 0 / 5%); border-radius:.4rem; }
.quota-meter>div { display:flex; justify-content:space-between; gap:1rem; }
.quota-meter progress { width:100%; height:.65rem; accent-color:#111; }
.live-estimate { display:grid; gap:.65rem; padding:1rem; border:1px solid #ccc; border-radius:.5rem; background:rgb(0 0 0 / 3%); }
.live-estimate p { margin:0; }
.estimate-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }
.estimate-options article { display:grid; gap:.2rem; padding:.8rem; border:1px solid #ddd; border-radius:.4rem; background:#fff; }
.estimate-options strong { font-size:1.45rem; }
.estimate-options small { color:#666; }
.estimate-options .unavailable { color:#a40008; font-size:1.1rem; }
html.dark-mode .estimate-options article { background:#151515; border-color:#444; }
html.dark-mode .estimate-options small { color:#aaa; }
@media(max-width:760px){.hosting-grid.two,.service-grid,.capacity-stats,.type-chooser,.form-row,.service-primary-grid,.compact-form{grid-template-columns:1fr}.section-title{align-items:flex-start}.service-title{align-items:flex-start;flex-wrap:wrap}.service-title .state{margin-left:0}.job-row{grid-template-columns:1fr}.job-log{grid-column:1}.detail-list{grid-template-columns:1fr}.detail-list dd{padding-top:0}.service-section-nav .danger-link{margin-left:0}.endpoint-tools .button{flex:1}.compact-form button{width:100%}.client-rack{box-shadow:.4rem .4rem 0 #ff6b35}.rack-service-row{align-items:flex-start;flex-wrap:wrap}.rack-service-copy{min-width:calc(100% - 3.5rem)}.rack-service-row .state{margin-left:3.45rem}.client-rack-head{flex-wrap:wrap}.client-rack-head .button{width:100%;margin-left:0}.client-rack .rack-footer{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.choice-grid,.availability-grid,.choice-pair,.finish-actions,.estimate-options,.dns-records li{grid-template-columns:1fr}.wizard-card{padding:1.15rem}.choice-card,button.availability-card{min-height:0}.wizard-steps li{font-size:.68rem}.input-suffix span{font-size:.72rem}.order-summary{grid-template-columns:1fr}.order-summary dd{text-align:left;padding-top:0}.editor-toolbar .sloppy-launch{width:100%;margin-left:0}.format-tools{order:3;width:100%;padding:.5rem 0 0;border-left:0;border-top:1px solid #bbb}.visual-editor{min-height:32rem}.editor-savebar{align-items:flex-start;flex-direction:column}.editor-savebar button{width:100%}}

/* /landing prototype */
.page:has(.landing-shell){width:100%;max-width:none;padding:0}.landing-shell{--land-ink:#171717;--land-paper:#f6f4ef;--land-card:#fff;--land-line:#d6d2c8;--land-accent:#ff6b35;--land-green:#183f35;color:var(--land-ink);background:var(--land-paper)}
.landing-shell h1,.landing-shell h2,.landing-shell h3,.landing-shell p{margin-top:0}.landing-shell h1{max-width:12ch;margin-bottom:1.5rem;font-size:clamp(3.2rem,7vw,7.2rem);line-height:.91;letter-spacing:-.065em}.landing-shell h2{font-size:clamp(2rem,4.5vw,4.2rem);line-height:1;letter-spacing:-.045em}.landing-shell h3{font-size:1.35rem}.landing-shell .eyebrow{text-transform:uppercase;letter-spacing:.12em}.landing-hero,.landing-chooser,.landing-feature-section,.landing-story,.landing-steps,.landing-faq,.landing-final{padding:clamp(4rem,9vw,8rem) max(1.25rem,calc((100vw - 1180px)/2))}.landing-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(25rem,.92fr);align-items:center;gap:clamp(2rem,7vw,7rem);min-height:calc(100vh - 76px);background:radial-gradient(circle at 78% 20%,rgb(255 107 53 / 18%),transparent 28%),var(--land-paper)}
.landing-kicker{display:flex;align-items:center;gap:.65rem;font-weight:800}.landing-kicker span{width:.65rem;height:.65rem;background:#28a565;border-radius:50%;box-shadow:0 0 0 .35rem rgb(40 165 101 / 16%)}.landing-lead{max-width:42rem;color:#494949;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.65}.landing-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin:2rem 0}.landing-actions .button{padding:.8rem 1.15rem}.landing-primary{color:#fff!important;background:var(--land-ink)!important;border-color:var(--land-ink)!important}.landing-proof{display:flex;flex-wrap:wrap;gap:.65rem 1.5rem;margin:0;padding:0;list-style:none;color:#555;font-size:.9rem}.landing-proof li:before{content:'✓';margin-right:.4rem;color:#168250;font-weight:900}
.rack-window{overflow:hidden;border:1px solid #3e3e3e;border-radius:.7rem;color:#f4f4f4;background:#121212;box-shadow:1.2rem 1.2rem 0 var(--land-accent),0 30px 90px rgb(0 0 0 / 18%);transform:rotate(1.25deg)}.rack-top,.rack-footer{display:flex;align-items:center;gap:.4rem;padding:.8rem 1rem;color:#aaa;background:#1c1c1c;font:700 .72rem ui-monospace,monospace}.rack-top span{margin-right:auto}.rack-top i{width:.55rem;height:.55rem;border-radius:50%;background:#555}.rack-top i:first-of-type{background:#ff6659}.rack-top i:nth-of-type(2){background:#f4bd4f}.rack-top i:last-of-type{background:#5cca63}.rack-status{display:flex;align-items:center;gap:.8rem;padding:1.4rem;border-bottom:1px solid #303030}.rack-status div{display:grid}.rack-status small{color:#999}.rack-status b{margin-left:auto;padding:.25rem .5rem;color:#7ef0ae;background:#173525;border-radius:99px;font-size:.68rem}.rack-pulse{width:.9rem;height:.9rem;border-radius:50%;background:#45dc86;box-shadow:0 0 0 .4rem rgb(69 220 134 / 12%)}.rack-services{display:grid;gap:.55rem;padding:1rem}.rack-services article{display:flex;align-items:center;gap:.75rem;padding:.85rem;border:1px solid #303030;border-radius:.4rem;background:#181818}.rack-services article>span{display:grid;place-items:center;width:2.2rem;height:2.2rem;border:1px solid #555;border-radius:.35rem;font-weight:900}.rack-services article div{display:grid}.rack-services small{color:#888}.rack-services i{margin-left:auto;color:#68d99a;font-size:.72rem;font-style:normal}.rack-footer{justify-content:space-between;border-top:1px solid #303030}.rack-footer b{color:#eee}
.landing-chooser{background:#fff}.landing-heading{max-width:52rem;margin-bottom:2.5rem}.landing-heading>p:last-child{color:#666;font-size:1.05rem}.landing-heading.split{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;max-width:none}.landing-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.landing-product{position:relative;display:grid;align-content:start;gap:.6rem;min-height:38rem;padding:1.5rem;color:inherit;text-decoration:none;border:1px solid var(--land-line);border-radius:.65rem;background:var(--land-card);transition:.18s ease}.landing-product:hover{color:inherit;border-color:#777;box-shadow:0 18px 45px rgb(0 0 0 / 9%);transform:translateY(-5px)}.landing-product.featured{border:2px solid var(--land-ink)}.product-flag{position:absolute;top:-.8rem;right:1rem;padding:.3rem .6rem;color:#fff;background:var(--land-accent);border-radius:99px;font-size:.7rem;font-weight:900;text-transform:uppercase}.landing-product .choice-icon{margin-bottom:.5rem}.landing-product h3{margin:0;font-size:1.65rem}.landing-product>p:not(.eyebrow){min-height:5rem;color:#606060;line-height:1.55}.landing-product ul{display:grid;gap:.55rem;margin:1rem 0 1.4rem;padding-left:1.2rem;color:#444}.landing-product>b{align-self:end;margin-top:auto}.landing-price{display:grid;grid-template-columns:1fr auto;align-items:end;padding:1rem 0;border-top:1px solid var(--land-line);border-bottom:1px solid var(--land-line)}.landing-price small{grid-row:1/3}.landing-price strong{font-size:2.25rem;line-height:1}.landing-price span{font-size:.7rem;text-align:right}.daylight-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.2rem;margin-top:2rem;padding:1.4rem;border:1px solid #d5b13e;border-radius:.65rem;background:#fff7cf}.daylight-banner h3,.daylight-banner p{margin-bottom:.25rem}.sun-mark{display:grid;place-items:center;width:3rem;height:3rem;background:#ffd958;border-radius:50%;font-size:1.4rem}
.landing-feature-section{color:#f5f5f2;background:var(--land-green)}.landing-feature-section .eyebrow{color:#9dc9b8}.landing-feature-section .landing-heading>p{color:#c4d4cd}.landing-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgb(255 255 255 / 25%);border-left:1px solid rgb(255 255 255 / 25%)}.landing-feature-grid article{min-height:17rem;padding:1.5rem;border-right:1px solid rgb(255 255 255 / 25%);border-bottom:1px solid rgb(255 255 255 / 25%)}.landing-feature-grid span{color:#8ab5a4;font:700 .75rem ui-monospace,monospace}.landing-feature-grid h3{margin-top:3rem}.landing-feature-grid p{color:#c4d4cd;line-height:1.6}.landing-feature-grid a{color:#fff}
.landing-story{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(3rem,8vw,8rem);background:#e9e5dd}.story-visual>p{text-align:center;font-weight:800}.bus-side-art{display:block;width:100%;filter:drop-shadow(1rem 1rem 0 rgb(0 0 0 / 12%))}.story-copy>p:not(.eyebrow){color:#555;font-size:1.08rem;line-height:1.7}.story-copy dl{display:grid;grid-template-columns:1fr 1fr;margin-top:2rem}.story-copy dl div{padding:.8rem;border-top:1px solid #aaa}.story-copy dt{font-size:.72rem;font-weight:900;text-transform:uppercase}.story-copy dd{margin:.2rem 0 0}
.landing-solar{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(3rem,8vw,8rem);padding:clamp(4rem,9vw,8rem) max(1.25rem,calc((100vw - 1180px)/2));color:#f5f5f2;background:#0b1727}.landing-solar .eyebrow{color:#99badb}.solar-copy>p:not(.eyebrow){color:#bdc9d8;font-size:1.06rem;line-height:1.7}.solar-honesty{padding:1rem;border:3px solid #ffce5c;background:rgb(255 255 255 / 5%)}.solar-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.solar-tags span{padding:.35rem .65rem;border:1px solid #52657d;border-radius:99px;color:#d9e5f2;font-size:.75rem;font-weight:800}.solar-visual{position:relative;padding:2rem;border:1px solid #43566e;background:radial-gradient(circle at center,rgb(255 206 92 / 16%),transparent 55%)}.solar-visual img{position:relative;z-index:1;display:block;width:100%;filter:drop-shadow(0 22px 35px rgb(0 0 0 / 40%))}.solar-visual p{margin:1rem 0 0;text-align:center;color:#9babc0;font:700 .75rem ui-monospace,monospace;text-transform:uppercase}.solar-rays{position:absolute;inset:5%;background:repeating-conic-gradient(from 0deg,transparent 0 8deg,rgb(255 206 92 / 10%) 8deg 10deg);border-radius:50%}
.landing-steps{background:#fff}.landing-steps ol{display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;border-top:1px solid var(--land-line);border-left:1px solid var(--land-line)}.landing-steps li{display:grid;gap:3rem;min-height:14rem;padding:1.3rem;border-right:1px solid var(--land-line);border-bottom:1px solid var(--land-line)}.landing-steps li>span{display:grid;place-items:center;width:2rem;height:2rem;color:#fff;background:var(--land-ink);border-radius:50%;font-weight:800}.landing-steps h3,.landing-steps p{margin-bottom:.25rem}.landing-steps p{color:#666}
.landing-faq{background:var(--land-paper)}.faq-grid{display:grid;grid-template-columns: 1fr;gap:.75rem}.faq-grid details{padding:1rem 1.2rem;border:1px solid var(--land-line);border-radius:.5rem;background:#fff}.faq-grid summary{cursor:pointer;font-weight:800}.faq-grid p{margin:1rem 0 0;color:#555;line-height:1.6}.landing-final{text-align:center;color:#fff;background:var(--land-accent)}.landing-final h2{margin-inline:auto}.landing-final>p:not(.eyebrow){font-size:1.15rem}.landing-final .landing-actions{justify-content:center}.landing-final .secondary{color:#fff!important}
html.dark-mode .landing-shell{--land-ink:#f1f1ef;--land-paper:#101010;--land-card:#1a1a1a;--land-line:#414141;color:#f1f1ef}.dark-mode .landing-hero{background:radial-gradient(circle at 78% 20%,rgb(255 107 53 / 18%),transparent 28%),#101010}.dark-mode .landing-lead,.dark-mode .landing-proof,.dark-mode .landing-product>p:not(.eyebrow),.dark-mode .landing-product ul,.dark-mode .landing-heading>p:last-child{color:#b8b8b8}.dark-mode .landing-chooser,.dark-mode .landing-steps{background:#151515}.dark-mode .landing-product{background:#1a1a1a}.dark-mode .landing-product.featured{border-color:#eee}.dark-mode .landing-primary{color:#111!important;background:#f1f1ef!important;border-color:#f1f1ef!important}.dark-mode .daylight-banner{color:#241b00;background:#d9b933}.dark-mode .landing-story{background:#24211d}.dark-mode .story-copy>p:not(.eyebrow),.dark-mode .landing-steps p,.dark-mode .faq-grid p{color:#bbb}.dark-mode .faq-grid details{background:#1a1a1a}.dark-mode .landing-steps li>span{color:#111;background:#eee}
@media(max-width:900px){.landing-hero{grid-template-columns:1fr;min-height:0}.rack-window{max-width:38rem}.landing-product-grid{grid-template-columns:1fr}.landing-product{min-height:0}.landing-product>p:not(.eyebrow){min-height:0}.landing-feature-grid{grid-template-columns:1fr 1fr}.landing-story,.landing-solar{grid-template-columns:1fr}.landing-steps ol{grid-template-columns:1fr 1fr}.landing-heading.split{grid-template-columns:1fr}.daylight-banner{grid-template-columns:auto 1fr}.daylight-banner .button{grid-column:1/-1}.faq-grid{grid-template-columns:1fr}}
@media(max-width:600px){.landing-shell h1{font-size:3.4rem}.landing-hero,.landing-chooser,.landing-feature-section,.landing-story,.landing-steps,.landing-faq,.landing-final{padding:3.5rem 1rem}.rack-window{box-shadow:.5rem .5rem 0 var(--land-accent)}.landing-feature-grid,.landing-steps ol{grid-template-columns:1fr}.landing-feature-grid article{min-height:0}.daylight-banner{grid-template-columns:1fr}.story-copy dl{grid-template-columns:1fr}.landing-proof{display:grid}.bus-outline{min-height:12rem;padding-inline:1rem}.bus-window{height:4rem}.landing-actions .button{width:100%;text-align:center}}

/* Focused hosting landing pages */
.service-landing{--land-accent:var(--service-accent)}.service-page-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,25rem);align-items:center;gap:clamp(2rem,7vw,7rem);min-height:calc(100vh - 76px);padding:clamp(4rem,9vw,8rem) max(1.25rem,calc((100vw - 1180px)/2));background:radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--service-accent) 20%,transparent),transparent 32%),var(--land-paper)}.service-page-hero h1{max-width:13ch}.service-page-hero .landing-kicker span{background:var(--service-accent);box-shadow:0 0 0 .35rem color-mix(in srgb,var(--service-accent) 16%,transparent)}.service-price-card{display:grid;justify-items:start;padding:2rem;border:1px solid #333;border-radius:.75rem;background:var(--land-card);box-shadow:1rem 1rem 0 var(--service-accent),0 25px 70px rgb(0 0 0 / 15%);transform:rotate(1deg)}.service-price-card>i{display:grid;place-items:center;width:4rem;height:4rem;margin-bottom:2.5rem;color:#fff;background:var(--service-accent);border-radius:.55rem;font-size:2rem}.service-price-card>p{color:#666}.service-price-card>strong{font-size:clamp(3.5rem,7vw,6rem);line-height:.9;letter-spacing:-.06em}.service-price-card>small{margin:.5rem 0 1.5rem;color:#666}.service-price-card hr{width:100%;border:0;border-top:1px solid var(--land-line)}.service-price-card .button{width:100%;margin-top:1rem;text-align:center}.service-daylight-explainer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;padding:clamp(4rem,9vw,7rem) max(1.25rem,calc((100vw - 1180px)/2));background:#fff7cf}.service-daylight-explainer .sun-mark{width:5rem;height:5rem;font-size:2.4rem}.service-daylight-explainer h2{margin-bottom:.75rem}.service-daylight-explainer p:last-child{max-width:48rem;color:#594e28;line-height:1.7}.service-crosslinks{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:2rem max(1.25rem,calc((100vw - 1180px)/2));border-top:1px solid var(--land-line);background:var(--land-card)}.service-crosslinks p{margin:0;font-weight:800}.service-crosslinks nav{display:flex;flex-wrap:wrap;gap:1rem}.service-crosslinks a{font-weight:800}.dark-mode .service-price-card{border-color:#555}.dark-mode .service-price-card>p,.dark-mode .service-price-card>small{color:#bbb}.dark-mode .service-daylight-explainer{color:#2a2100;background:#d8ba42}.dark-mode .service-daylight-explainer p:last-child{color:#413710}

/* Public status page */
.page:has(.status-shell){width:100%;max-width:none;padding:0}.status-shell{--status-green:#20945d;--status-red:#d13c45;--status-amber:#d58b19;--status-line:#d9d8d2;min-height:80vh;padding:clamp(3rem,7vw,6rem) max(1.25rem,calc((100vw - 1100px)/2));color:#1d1d1b;background:#f4f3ef}.status-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.status-head h1{margin:.35rem 0 .8rem;font-size:clamp(2.5rem,5vw,4.8rem);line-height:.95;letter-spacing:-.05em}.status-head>div:first-child>p:last-child{max-width:45rem;color:#5d5d58}.overall-badge{display:flex;align-items:center;gap:.6rem;flex:0 0 auto;padding:.65rem 1rem;border:1px solid currentColor;border-radius:99px;font-weight:900}.overall-badge span,.component-dot{width:.72rem;height:.72rem;border-radius:50%;background:currentColor;box-shadow:0 0 0 .3rem color-mix(in srgb,currentColor 15%,transparent)}.overall-badge.up,.component-dot.up{color:var(--status-green)}.overall-badge.down,.component-dot.down{color:var(--status-red)}.status-alert{margin:1rem 0;padding:1rem 1.2rem;border-left:5px solid var(--status-amber);background:#fff1c8}.status-alert.outage{border-color:var(--status-red);background:#ffe1e3}.status-alert strong{font-size:1.05rem}.status-alert p{margin:.25rem 0 0}.status-panel{margin-top:1rem;padding:1.4rem;border:1px solid var(--status-line);border-radius:.55rem;background:#fff}.status-panel-head,.graph-head{display:flex;align-items:start;justify-content:space-between;gap:1rem;padding-bottom:1rem}.status-panel-head h2,.graph-head h2,.status-history h2{margin:.2rem 0 0}.status-panel-head>small{color:#777}.component-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;border-top:1px solid var(--status-line)}.component-title{display:flex;align-items:center;gap:1rem}.component-title div,.component-uptime{display:grid}.component-title small,.component-uptime small{color:#777}.component-uptime{text-align:right}.status-graphs{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.graph-head>strong{font-size:1.35rem}.uptime-bars{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:end;gap:2px;height:5.5rem}.uptime-bars i{height:100%;min-width:1px;border-radius:1px;background:var(--status-green)}.uptime-bars i.down{background:var(--status-red)}.uptime-bars i.partial{background:var(--status-amber)}.uptime-bars i.unknown{height:24%;background:#cecdc7}.graph-axis,.sun-window{display:flex;justify-content:space-between;margin-top:.5rem;color:#777;font-size:.72rem}.sun-window{margin-top:1rem;padding:.65rem;border-radius:.3rem;color:#51461f;background:#fff4bb;font-weight:800}.status-regions{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.status-regions article{display:grid;grid-template-columns:1fr auto;align-items:center;padding:1.4rem;border:1px solid var(--status-line);border-radius:.55rem;background:#fff}.status-regions h3,.status-regions p{grid-column:1;margin:0}.status-regions strong{margin-top:1rem}.status-regions .state{grid-column:2;grid-row:1/4}.status-history>article{display:flex;gap:1rem;padding:1rem 0;border-top:1px solid var(--status-line)}.status-history>article p{margin:.2rem 0}.status-history>article small{color:#777}.event-icon{flex:0 0 auto;width:.85rem;height:.85rem;margin-top:.25rem;border-radius:50%;background:var(--status-amber)}.event-icon.outage{background:var(--status-red)}.event-icon.degraded{background:var(--status-amber)}.status-empty,.status-footnote{color:#777}.status-footnote{font-size:.78rem;text-align:center}.dark-mode .status-shell{color:#eee;background:#101010}.dark-mode .status-panel,.dark-mode .status-regions article{background:#1a1a1a;border-color:#444}.dark-mode .component-row,.dark-mode .status-history>article{border-color:#444}.dark-mode .component-title small,.dark-mode .component-uptime small,.dark-mode .status-panel-head>small,.dark-mode .graph-axis,.dark-mode .status-history>article small,.dark-mode .status-footnote{color:#aaa}.dark-mode .status-alert{color:#251b00}.dark-mode .status-alert.outage{color:#310408}.dark-mode .sun-window{color:#332800;background:#d2b94b}
@media(max-width:850px){.service-page-hero,.status-graphs,.status-regions{grid-template-columns:1fr}.service-page-hero{min-height:0}.service-price-card{max-width:30rem}.service-daylight-explainer{grid-template-columns:auto 1fr}.service-daylight-explainer .button{grid-column:1/-1}.status-head{align-items:flex-start;flex-direction:column}.status-panel-head{flex-direction:column}.bars-7{gap:1px}}
@media(max-width:600px){.service-page-hero{padding:3.5rem 1rem}.service-price-card{box-shadow:.55rem .55rem 0 var(--service-accent)}.service-daylight-explainer{grid-template-columns:1fr;padding:3.5rem 1rem}.service-crosslinks{align-items:flex-start;flex-direction:column}.status-shell{padding:2.5rem 1rem}.component-row{align-items:flex-start}.component-uptime{flex:0 0 auto}.status-regions article{grid-template-columns:1fr}.status-regions .state{grid-column:1;grid-row:auto;justify-self:start;margin-top:.7rem}}
.service-crosslink-list{display:flex;flex-wrap:wrap;gap:1rem}
.daylight-countdown{display:grid;gap:.15rem;margin-top:.8rem;padding:.75rem 1rem;border-left:4px solid #d59d00;background:rgb(255 255 255 / 45%)}.daylight-countdown small{color:#67581f}.daylight-countdown strong{font-size:1.05rem}.dark-mode .daylight-countdown{background:rgb(0 0 0 / 12%)}
.availability-calendar{overflow:hidden;padding-inline:0}.calendar-heading{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;padding:0 1.4rem 1.25rem}.calendar-heading h2{margin:.2rem 0}.calendar-heading p:last-child{max-width:42rem;margin:.5rem 0 0;color:#777}.calendar-controls{display:flex;gap:.35rem}.calendar-controls button{width:auto;margin:0;padding:.55rem .75rem}.calendar-viewport{overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-color:var(--status-amber) transparent;scrollbar-width:thin}.calendar-track{display:flex;width:max-content;border-top:1px solid var(--status-line);border-bottom:1px solid var(--status-line)}.calendar-day{width:190px;flex:0 0 190px;padding:1rem;border-right:1px solid var(--status-line);scroll-snap-align:center}.calendar-day.today{background:rgb(213 139 25 / 7%);box-shadow:inset 0 3px var(--status-amber)}.calendar-day>header{display:grid;grid-template-columns:1fr auto;align-items:center;margin-bottom:.75rem}.calendar-day>header span{color:#777;font-size:.75rem;text-transform:uppercase}.calendar-day>header strong{grid-row:2;font-size:1.1rem}.calendar-day>header b{grid-column:2;grid-row:1/3;padding:.2rem .4rem;border-radius:99px;color:#614300;background:#ffd877;font-size:.62rem;text-transform:uppercase}.calendar-clock{position:relative;height:230px;margin-left:2rem;border-left:1px solid #aaa;background:linear-gradient(to bottom,transparent 49.8%,var(--status-line) 50%,transparent 50.2%)}.calendar-clock>span{position:absolute;right:calc(100% + .45rem);color:#888;font-size:.62rem}.clock-midnight{top:-.4rem}.clock-noon{top:calc(50% - .4rem)}.clock-end{bottom:-.3rem}.calendar-daylight{position:absolute;top:var(--start);right:.25rem;left:.25rem;height:var(--length);min-height:2.5rem;padding:.4rem;border:1px solid #d5a51b;border-radius:.3rem;color:#4c3a00;background:linear-gradient(#ffe383,#ffd45a)}.calendar-daylight strong,.calendar-daylight small{display:block}.calendar-daylight strong{font-size:.72rem}.calendar-daylight small{margin-top:.2rem;font-size:.57rem}.calendar-now{position:absolute;top:var(--now);right:0;left:-.35rem;z-index:2;border-top:2px solid #e84c55}.calendar-now:before{content:'';position:absolute;top:-.3rem;left:0;width:.55rem;height:.55rem;border-radius:50%;background:#e84c55}.calendar-now span{position:absolute;right:0;bottom:.15rem;padding:.1rem .25rem;color:#fff;background:#e84c55;font-size:.55rem;font-style:normal}.calendar-issues{display:grid;gap:.35rem;min-height:3.5rem;margin-top:.8rem}.calendar-issue{display:flex;align-items:center;gap:.35rem;width:100%;margin:0;padding:.4rem;text-align:left;color:inherit;background:transparent;border:1px solid var(--status-line);font-size:.68rem;line-height:1.2}.calendar-issue span{flex:0 0 auto;width:.45rem;height:.45rem;border-radius:50%;background:var(--status-amber)}.calendar-issue.outage span{background:var(--status-red)}.calendar-issue:hover{border-color:var(--status-amber)}.calendar-no-issues{align-self:center;color:#999;text-align:center}.issue-dialog{width:min(32rem,calc(100% - 2rem));padding:1.5rem;border:1px solid #555;border-radius:.6rem;color:#222;background:#fff;box-shadow:0 25px 80px rgb(0 0 0 / 35%)}.issue-dialog::backdrop{background:rgb(0 0 0 / 60%)}.issue-dialog .dialog-close{position:absolute;top:.6rem;right:.6rem;width:2.2rem;margin:0;padding:.25rem;color:inherit;background:transparent;border:0;font-size:1.5rem}.issue-dialog h2{margin:.3rem 2rem .75rem 0}.issue-dialog strong{display:block;margin-top:1rem}.history-issue{border-top:1px solid var(--status-line)}.history-issue summary{display:flex;align-items:flex-start;gap:1rem;padding:1rem 0;cursor:pointer;list-style:none}.history-issue summary::-webkit-details-marker{display:none}.history-issue summary>span:last-child{display:grid}.history-issue summary small{color:#777}.history-issue>div{padding:0 0 1rem 1.85rem}.history-issue dl{display:grid;grid-template-columns:auto 1fr;gap:.3rem 1rem}.history-issue dt{font-weight:800}.history-issue dd{margin:0}.dark-mode .calendar-heading p:last-child,.dark-mode .calendar-day>header span,.dark-mode .calendar-clock>span,.dark-mode .history-issue summary small{color:#aaa}.dark-mode .calendar-day.today{background:rgb(213 139 25 / 12%)}.dark-mode .calendar-daylight{color:#352700}.dark-mode .issue-dialog{color:#eee;background:#1a1a1a}
@media(max-width:700px){.calendar-heading{align-items:flex-start;flex-direction:column}.calendar-controls{width:100%}.calendar-controls button:nth-child(2){flex:1}.daylight-countdown strong{font-size:.95rem}}
.status-shell{max-width:100%;overflow-x:hidden}.status-shell>*,.status-panel,.status-chart,.availability-calendar,.calendar-viewport,.uptime-viewport{min-width:0;max-width:100%;box-sizing:border-box}.status-graphs{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;max-width:100%}.uptime-viewport{width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:var(--status-green) transparent;touch-action:pan-x}.uptime-bars{display:flex;width:100%;min-width:100%;gap:2px}.uptime-bars .status-bar{flex:1 0 2px;align-self:stretch;height:100%;min-width:2px;margin:0;padding:0;border:0;border-radius:1px;background:var(--status-green);cursor:pointer}.uptime-bars .status-bar:hover,.uptime-bars .status-bar:focus-visible{z-index:2;outline:2px solid currentColor;outline-offset:1px}.uptime-bars .status-bar.down{background:var(--status-red)}.uptime-bars .status-bar.partial{background:var(--status-amber)}.uptime-bars .status-bar.unknown{align-self:end;height:24%;background:#cecdc7}.uptime-bars .status-bar.noted{box-shadow:inset 0 0 0 2px #6b4b00}.graph-summary{display:grid;justify-items:end;gap:.45rem}.chart-controls{display:flex;gap:.25rem}.chart-controls button{width:auto;min-width:2rem;margin:0;padding:.25rem .45rem;color:inherit;background:transparent;border:1px solid var(--status-line);font-size:.72rem}.chart-controls button:hover{border-color:currentColor}.status-bar-dialog{z-index:10}@media(max-width:850px){.status-graphs{grid-template-columns:1fr}}@media(max-width:500px){.graph-head{align-items:flex-start}.graph-summary strong{font-size:1rem}.chart-controls button{min-width:1.8rem}}
.annual-solar{min-width:0;max-width:100%;overflow:hidden}.annual-solar-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1rem}.annual-solar-heading h2{margin:.2rem 0}.annual-solar-heading p:last-child{max-width:43rem;margin:.5rem 0 0;color:#777}.today-solar-summary{display:grid;flex:0 0 auto;text-align:right}.today-solar-summary span{color:#777;font-size:.72rem;font-weight:800;text-transform:uppercase}.today-solar-summary strong{font-size:1.05rem}.solar-year-viewport{width:100%;max-width:100%;overflow:hidden}.solar-year-chart{display:block;width:100%;height:auto;max-height:25rem}.solar-hour-line{stroke:var(--status-line);stroke-width:1}.solar-hour-label,.solar-month-label{fill:#777;font:11px ui-monospace,monospace}.solar-month-line{stroke:var(--status-line);stroke-width:1;stroke-dasharray:3 5}.solar-year-area{fill:rgb(244 190 35 / 17%)}.solar-day-line{stroke:#d7a700;stroke-width:1.25;opacity:.36}.solar-day-line:hover{stroke:#ffcf31;stroke-width:5;opacity:1}.sunrise-curve{fill:none;stroke:#e19c00;stroke-width:2}.sunset-curve{fill:none;stroke:#9b6c00;stroke-width:2}.solar-today-line{stroke:#e84c55;stroke-width:3}.solar-today-label{fill:#e84c55;font:800 12px ui-sans-serif,sans-serif}.solar-legend{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;margin-top:.5rem;color:#777;font-size:.72rem}.solar-legend span{display:flex;align-items:center;gap:.4rem}.solar-legend i{width:1.2rem;height:.3rem;background:#d7a700}.solar-legend i.sunrise{background:#e19c00}.solar-legend i.sunset{background:#9b6c00}.solar-legend i.today{background:#e84c55}.dark-mode .annual-solar-heading p:last-child,.dark-mode .today-solar-summary span,.dark-mode .solar-legend{color:#aaa}.dark-mode .solar-hour-label,.dark-mode .solar-month-label{fill:#aaa}@media(max-width:650px){.annual-solar-heading{align-items:flex-start;flex-direction:column}.today-solar-summary{text-align:left}.solar-year-viewport{overflow-x:auto}.solar-year-chart{width:900px;max-width:none}.solar-legend{padding-bottom:.4rem}}