.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}}