@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f4f3ef;--paper:#fffefa;--ink:#171a1b;--muted:#666d70;--line:#deded7;--blue:#dce7ed;--blue-dark:#294b5a;--accent:#b8cbd4;--dark:#171c1e;--radius:4px;--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif;--display:'Manrope',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{width:min(1190px,calc(100% - 64px));margin:0 auto}.announcement{height:32px;background:var(--dark);color:#d9dedc;padding:0 max(32px,calc((100% - 1190px)/2));display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.35px}.dot,.tiny-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a8c7a8}.announcement-right{margin-left:auto;color:#9da6a5;font-family:var(--mono);font-size:9px;letter-spacing:1px}.site-header{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100% - 1190px)/2));background:var(--paper)}.brand{display:flex;align-items:center;gap:10px;min-width:170px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--dark);color:#f6f4ed;font-family:var(--display);font-size:20px;font-weight:800;letter-spacing:-2px}.brand-mark span{color:#9fb8c4}.brand-copy{font-family:var(--display);font-size:13px;font-weight:800;letter-spacing:1.6px;line-height:1.15}.brand-copy small{display:block;font:9px var(--mono);letter-spacing:2.5px;color:#7b8382;margin-top:4px}.main-nav{display:flex;align-items:center;gap:31px;color:#505758;font-size:12px}.main-nav a:hover,.footer-links a:hover{color:#000}.header-actions{display:flex;align-items:center;gap:20px}.text-btn{border:0;background:none;color:#343a3a;cursor:pointer;font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid transparent;border-radius:3px;padding:12px 16px;font-size:12px;font-weight:700;cursor:pointer;transition:background .18s,border .18s,transform .18s}.btn span{font-size:15px;font-weight:400}.btn-dark{background:var(--dark);color:white}.btn-dark:hover{background:#31464e;transform:translateY(-1px)}.btn-large{padding:15px 19px}.btn-light{background:var(--paper);color:var(--ink)}.btn-light:hover{background:#e5e9e7}.menu-btn{display:none;background:none;border:0;font-size:22px}.hero{display:grid;grid-template-columns:1.04fr .96fr;gap:65px;align-items:center;padding-top:83px;padding-bottom:83px}.eyebrow{font:10px var(--mono);letter-spacing:1.8px;color:#617178;display:flex;align-items:center;gap:10px}.eyebrow-line{width:24px;height:1px;background:#8298a1}.hero h1{font:800 clamp(44px,5.4vw,70px)/1.08 var(--display);letter-spacing:-3.7px;margin:25px 0 19px}.hero h1 span,.section-intro h2 span,.why-heading h2 span{color:#718c99}.hero-lede{font-size:16px;line-height:1.85;color:#62696a;max-width:510px;margin:0}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:28px}.quiet-link{font-size:12px;font-weight:700;color:#454d4f}.quiet-link span{margin-left:9px;color:#6f858e}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:46px;padding-top:22px;border-top:1px solid var(--line);max-width:360px}.proof-avatars{display:flex}.proof-avatars span{width:27px;height:27px;border:2px solid var(--bg);border-radius:50%;margin-left:-6px;display:grid;place-items:center;background:#c7d5d7;color:#2b454c;font-size:9px;font-weight:800}.proof-avatars span:first-child{margin-left:0;background:#d9d0bf}.proof-avatars span:last-child{background:#e4e5de}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:11px}.hero-proof small{font-size:10px;color:#7b8383;margin-top:3px}.hero-visual{background:#20292b;color:#e8edeb;padding:19px 22px 16px;min-height:410px;position:relative;overflow:hidden}.hero-visual:before{content:"";position:absolute;right:-90px;top:-140px;width:330px;height:330px;border:1px solid #4b5b5e;border-radius:50%;box-shadow:0 0 0 35px #ffffff04,0 0 0 70px #ffffff03}.visual-top,.visual-bottom{display:flex;justify-content:space-between;gap:10px;font:9px var(--mono);letter-spacing:1px;color:#9caead;position:relative}.live{color:#c6d8cd}.live i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#9fc6ad;margin-right:6px}.rack{position:relative;margin:30px auto 22px;max-width:390px}.rack-label{height:26px;display:flex;align-items:center;gap:13px;font:9px var(--mono);letter-spacing:1px;color:#abb9b7}.rack-label b{color:#708a91;font-weight:400}.rack-label em{margin-left:auto;font-style:normal;font-size:8px;color:#b7d3bf}.rack-unit{height:63px;border:1px solid #465456;background:#182123;margin-bottom:13px;display:flex;align-items:center;padding:0 13px;gap:7px;position:relative}.rack-unit:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#829ea5}.rack-led{width:4px;height:4px;border-radius:50%;background:#aac9b8}.rack-lines{height:24px;flex:1;margin-left:15px;background:repeating-linear-gradient(180deg,#536366 0 1px,transparent 1px 5px);opacity:.7}.rack-unit small{font:8px var(--mono);color:#869798;letter-spacing:.6px;margin-left:8px}.visual-bottom{border-top:1px solid #3c494b;padding-top:13px;color:#819191}.trust-strip{background:#e9e9e2;border-top:1px solid #dcded6;border-bottom:1px solid #dcded6}.trust-inner{display:flex;align-items:center;justify-content:space-between;min-height:65px;gap:20px}.trust-inner>span{font:9px var(--mono);letter-spacing:1.2px;color:#6e7777}.trust-inner div{display:flex;gap:28px;flex-wrap:wrap}.trust-inner div span{font:9px var(--mono);letter-spacing:.9px;color:#4d5859}.section{padding-top:95px;padding-bottom:95px}.section-intro{display:grid;grid-template-columns:1fr .48fr;gap:70px;align-items:end;margin-bottom:35px}.section-intro h2,.why-heading h2{font:750 clamp(32px,4vw,47px)/1.18 var(--display);letter-spacing:-1.9px;margin:16px 0 0}.section-intro>p{font-size:13px;line-height:1.85;color:#6d7474;margin:0 0 4px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-card{min-height:250px;padding:24px 21px 25px;border-right:1px solid var(--line);background:transparent;transition:background .2s}.service-card:first-child{border-left:1px solid var(--line)}.service-card:hover{background:#eeeee8}.service-icon{height:39px;width:39px;border:1px solid #d2d7d2;background:#eceee8;display:grid;place-items:center;font-size:20px;color:#49626b;margin-bottom:20px}.card-number{font:9px var(--mono);letter-spacing:1px;color:#8b9290}.service-card h3{font:700 17px var(--display);margin:8px 0}.service-card p{font-size:12px;line-height:1.8;color:#6d7474;min-height:65px;margin:0 0 18px}.service-card a{font-size:11px;font-weight:700;color:#405a63}.service-card a span{margin-left:8px}.plans-section{background:#e9eae4;border-top:1px solid #dcded7;border-bottom:1px solid #dcded7}.plan-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.category-tabs{display:flex;gap:4px}.category-tabs button{background:transparent;border:1px solid transparent;padding:10px 17px;font-size:11px;color:#606868;cursor:pointer}.category-tabs button.active{background:var(--dark);color:white;border-color:var(--dark)}.plan-note{display:flex;align-items:center;gap:8px;color:#737c7b;font-size:10px}.tiny-dot{background:#8da995}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.plan-card{background:var(--paper);border:1px solid #d7dad3;padding:24px;min-height:305px;display:flex;flex-direction:column}.plan-card.featured{border-top:3px solid #708c97;padding-top:22px}.plan-type{font:9px var(--mono);letter-spacing:1.4px;color:#778181}.plan-card h3{font:750 22px var(--display);letter-spacing:-.5px;margin:13px 0 4px}.plan-description{font-size:12px;color:#737a79;line-height:1.7;min-height:40px}.plan-price{font:800 33px var(--display);letter-spacing:-1.2px;margin:18px 0 3px}.plan-price small{font:11px var(--sans);letter-spacing:0;color:#7a8280;font-weight:500}.plan-resource{font:10px var(--mono);color:#697675}.plan-rule{border:0;border-top:1px solid #e2e3dd;margin:18px 0 13px}.plan-features{list-style:none;margin:0 0 23px;padding:0;display:grid;gap:9px;font-size:11px;color:#515a59}.plan-features li:before{content:"—";color:#75939e;margin-right:9px}.plan-card .btn{margin-top:auto;justify-content:space-between}.loading,.empty-state{grid-column:1/-1;padding:35px;text-align:center;border:1px dashed #c7cdc6;color:#727b78;font-size:12px}.why-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.why-heading h2{margin-bottom:17px}.why-heading>p{font-size:13px;line-height:1.9;color:#687170;max-width:340px}.why-list{border-top:1px solid var(--line)}.why-item{display:grid;grid-template-columns:35px 1fr 18px;gap:16px;align-items:start;padding:22px 0;border-bottom:1px solid var(--line)}.why-item>span{font:10px var(--mono);color:#83908f;padding-top:4px}.why-item h3{font:700 15px var(--display);margin:0 0 7px}.why-item p{font-size:12px;color:#727a78;line-height:1.7;margin:0}.why-item>b{font-weight:400;color:#6d858d}.support-band{background:#273538;color:#f4f4ed}.support-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:52px;padding-bottom:52px}.support-inner .eyebrow{color:#aebfc0}.support-inner h2{font:750 clamp(25px,3vw,35px) var(--display);letter-spacing:-1px;margin:12px 0 8px}.support-inner p{font-size:12px;color:#c0c9c6;margin:0}.footer{background:var(--paper)}.footer-main{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.footer-main>p{font-size:11px;color:#727a78}.footer-links{display:flex;gap:21px;font-size:11px;color:#5c6563}.footer-brand{min-width:unset}.footer-bottom{display:flex;justify-content:space-between;gap:15px;padding-top:18px;padding-bottom:18px;color:#858d8a;font:9px var(--mono);letter-spacing:.4px}.toast{position:fixed;bottom:22px;right:22px;max-width:min(440px,calc(100% - 30px));padding:13px 16px;background:#20292b;color:white;border-left:3px solid #a9c3cb;font-size:12px;box-shadow:0 10px 35px #0002;z-index:100;opacity:0;transform:translateY(12px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}.modal-backdrop{position:fixed;inset:0;z-index:90;background:#0d1414a8;display:grid;place-items:center;padding:20px}.modal{width:min(450px,100%);background:var(--paper);padding:28px;border:1px solid #d3d9d4;box-shadow:0 25px 80px #0003}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal h3{font:750 23px var(--display);margin:0}.modal-close{border:0;background:none;font-size:24px;cursor:pointer;color:#65706e}.modal p{font-size:12px;color:#6b7471;line-height:1.7}.form-field{display:grid;gap:6px;margin:14px 0}.form-field label{font:10px var(--mono);letter-spacing:.8px;color:#586260}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #d1d7d2;background:white;padding:12px;color:#171a1b;border-radius:2px;outline:none}.form-field input:focus,.form-field textarea:focus{border-color:#6b8e9b}.modal .btn{width:100%;margin-top:8px}.google-mark{font-weight:800;color:#4285f4;margin-right:5px}.admin-shell{min-height:100vh;background:#f3f4f1}.admin-top{height:72px;background:#fffefa;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.admin-layout{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 72px)}.admin-sidebar{background:#20292b;color:#e5e9e5;padding:24px 14px}.admin-sidebar small{font:9px var(--mono);letter-spacing:1.5px;color:#9fadaa;padding:0 12px}.admin-nav{display:grid;gap:5px;margin-top:20px}.admin-nav button{border:0;background:transparent;color:#c0cbc7;text-align:left;padding:12px;border-radius:2px;font-size:12px;cursor:pointer}.admin-nav button.active,.admin-nav button:hover{background:#36474b;color:white}.admin-main{padding:30px;min-width:0}.admin-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.admin-title h1{font:750 27px var(--display);margin:0;letter-spacing:-.8px}.admin-title p{font-size:12px;color:#707976;margin:7px 0 0}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.admin-stat{background:#fffefa;border:1px solid #dfe2dc;padding:17px}.admin-stat span{display:block;color:#77817d;font:9px var(--mono);letter-spacing:1px}.admin-stat strong{display:block;font:750 26px var(--display);margin-top:11px}.admin-panel{background:#fffefa;border:1px solid #dfe2dc;padding:22px;margin-bottom:16px;overflow:auto}.admin-panel h2{font:750 17px var(--display);margin:0 0 5px}.admin-panel>p{font-size:11px;color:#76807b;margin:0 0 18px}.admin-table{width:100%;border-collapse:collapse;min-width:600px;font-size:11px}.admin-table th{text-align:left;color:#7c8581;font:9px var(--mono);letter-spacing:.8px;padding:12px 10px;border-bottom:1px solid #dfe2dc}.admin-table td{padding:13px 10px;border-bottom:1px solid #eceee9;color:#39413f}.status-pill{display:inline-block;padding:5px 7px;background:#e8eee8;color:#4e6d56;font:9px var(--mono)}.status-pill.off{background:#f2e8e5;color:#8a5c52}.table-action{border:1px solid #d8ded8;background:#fffefa;padding:6px 8px;font-size:10px;cursor:pointer;margin-right:4px}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px}.admin-form-grid .wide{grid-column:1/-1}.admin-form-grid label{display:block;font:10px var(--mono);color:#69736e;margin:0 0 6px}.admin-form-grid input,.admin-form-grid select,.admin-form-grid textarea{width:100%;padding:11px;border:1px solid #d8ded8;background:white;margin-bottom:14px;min-width:0}.admin-help{font-size:10px!important;color:#7b8580!important;line-height:1.7}.admin-empty{padding:25px;color:#7a837f;font-size:12px;text-align:center;border:1px dashed #d5dbd4}.integration-row{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:17px 0;border-bottom:1px solid #e7eae4}.integration-row:last-child{border-bottom:0}.integration-row h3{font-size:13px;margin:0 0 5px}.integration-row p{font-size:11px;color:#747d79;margin:0;line-height:1.6}.integration-actions{display:flex;gap:7px;flex-wrap:wrap}.btn-outline{background:transparent;border:1px solid #cdd5cf;color:#343d3a}.btn-danger{background:#f6e8e5;color:#824e45;border:1px solid #e5cbc5}.login-card{width:min(420px,calc(100% - 30px));margin:80px auto;background:#fffefa;border:1px solid #dfe2dc;padding:30px}.login-card h1{font:750 26px var(--display);margin:20px 0 8px}.login-card p{font-size:12px;color:#717a76;line-height:1.7}.login-card .btn{width:100%;margin-top:9px}.login-card .form-field{margin-top:17px}.permission-list{display:flex;gap:8px;flex-wrap:wrap}.permission-chip{padding:6px 8px;background:#eef0eb;color:#53605a;font-size:10px}.warning-box{border:1px solid #e0c8a0;background:#faf2e3;padding:13px;color:#775b2c;font-size:11px;line-height:1.7;margin-bottom:15px}
@media(max-width:900px){.shell{width:calc(100% - 40px)}.site-header{padding:0 20px}.main-nav{gap:16px}.header-actions{gap:12px}.hero{gap:30px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card:nth-child(3){border-left:1px solid var(--line)}.section-intro{gap:30px}.why-section{gap:45px}.admin-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.shell{width:calc(100% - 30px)}.announcement{padding:0 15px;font-size:9px}.announcement-right{font-size:8px}.site-header{height:68px;padding:0 15px}.main-nav{display:none;position:absolute;top:100px;left:0;right:0;padding:20px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.header-actions{gap:12px}.header-actions .btn{display:none}.menu-btn{display:block}.brand{min-width:unset}.hero{grid-template-columns:1fr;padding-top:56px;padding-bottom:45px;gap:40px}.hero h1{font-size:48px;letter-spacing:-2.5px}.hero-lede{font-size:14px}.hero-actions{gap:16px;flex-wrap:wrap}.hero-visual{min-height:360px;padding:16px}.rack{margin-top:26px}.rack-unit small{display:none}.trust-inner{padding-top:18px;padding-bottom:18px;align-items:flex-start;flex-direction:column;gap:14px}.trust-inner div{gap:12px 17px}.section{padding-top:62px;padding-bottom:62px}.section-intro{grid-template-columns:1fr;gap:15px}.section-intro h2,.why-heading h2{font-size:36px}.service-grid{grid-template-columns:1fr}.service-card,.service-card:first-child,.service-card:nth-child(3){border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:0}.service-card p{min-height:0}.plan-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.category-tabs{width:100%}.category-tabs button{flex:1;padding:10px 5px}.plan-grid{grid-template-columns:1fr}.plan-card{min-height:0}.why-section{grid-template-columns:1fr;gap:30px}.support-inner{align-items:flex-start;flex-direction:column;padding-top:38px;padding-bottom:38px}.footer-main{padding-top:24px;padding-bottom:24px;align-items:flex-start;flex-direction:column;gap:13px}.footer-main>p{margin:0}.footer-bottom{flex-direction:column}.admin-top{padding:0 15px}.admin-layout{grid-template-columns:1fr}.admin-sidebar{padding:10px}.admin-sidebar small{display:none}.admin-nav{display:flex;overflow:auto;margin:0}.admin-nav button{white-space:nowrap}.admin-main{padding:17px 12px}.admin-title{align-items:flex-start;flex-direction:column}.admin-stats{gap:7px}.admin-stat{padding:12px}.admin-stat strong{font-size:22px}.admin-panel{padding:14px}.admin-form-grid{grid-template-columns:1fr}.admin-form-grid .wide{grid-column:auto}.integration-row{grid-template-columns:1fr}.login-card{margin:35px auto;padding:22px}}

/* Customer account forms */
.account-switch{margin:17px 0 4px;text-align:center;color:#697471}.inline-link{border:0;background:transparent;color:#405f6a;font:700 12px var(--sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:0 2px}.account-notice{padding:11px 12px;border:1px solid #cbd9ce;background:#edf3ed;color:#3d6047!important}.modal .form-field{margin:11px 0}.modal .account-switch{font-size:12px}.modal .admin-help{margin-top:12px}


/* Admin access is deliberately hidden until the server confirms an admin session. */
.admin-access[hidden], .admin-footer-link[hidden] { display: none !important; }
.admin-access { gap: 9px; padding: 10px 12px; white-space: nowrap; }
.admin-footer-link { font-weight: 700; color: var(--blue-dark); }
.admin-shell { background: var(--bg); color: var(--ink); }
.admin-top { background: var(--paper); border-bottom-color: var(--line); }
.admin-top .brand-mark { background: var(--dark); }
.admin-top .brand-copy small { color: #7b8382; }
.admin-home-link { white-space: nowrap; }
.admin-sidebar { background: var(--dark); }
.admin-nav button.active, .admin-nav button:hover { background: #34474d; }
.admin-main { background: var(--bg); }
.admin-stat, .admin-panel, .login-card { background: var(--paper); border-color: var(--line); box-shadow: 0 3px 14px rgba(23,28,30,.025); }
.admin-panel h2, .admin-title h1, .login-card h1 { color: var(--ink); }
.admin-form-grid input:focus, .admin-form-grid select:focus, .admin-form-grid textarea:focus, .login-card input:focus { outline: 1px solid #6b8e9b; border-color: #6b8e9b; }
@media(max-width:900px){ .admin-access { padding: 9px 10px; } }
@media(max-width:650px){ .header-actions { gap: 8px; } .header-actions .admin-access { display: inline-flex; font-size: 10px; padding: 8px; } .header-actions .text-btn { font-size: 11px; } .admin-top { gap: 10px; flex-wrap: wrap; min-height: 72px; height: auto; padding-top: 12px; padding-bottom: 12px; } .admin-top > div { gap: 8px !important; flex-wrap: wrap; justify-content: flex-end; } .admin-home-link { font-size: 10px; } }