https://app.base44.com/superagent/6a563ceb0663235de5034eb0#:~:text=full%20contents%20of-,masterson%2Dapp.js,-into%20the%20code
top of page

Reduce I.T. Costs, Improve System Performance & Safeguard Critical Information

Bullet-Proof Your Business, Stop Viruses, System Crashes And Data Losses

Managed IT services including: enterprise backup, disaster recovery and business continuity

Affordable, fixed-price IT troubleshooting with no lock-in contract

Simplify your voice communications systems and improve workforce productive

bottom of page
:root{ --bg:#0b1420; --bg-panel:#101f33; --bg-panel-light:#16283e; --border:#22354c; --border-soft:#1a2c40; --text:#e7ecf2; --text-muted:#8ea1b8; --text-dim:#5f7288; --accent:#e3a857; --accent-dim:#a97c3f; --good:#4fbf8b; --bad:#d9695f; --radius:10px; } *{box-sizing:border-box;} html{scroll-behavior:smooth;} body{ margin:0; background:var(--bg); color:var(--text); font-family:'Inter',sans-serif; font-size:16px; line-height:1.6; } h1,h2,h3,h4{ font-family:'Space Grotesk',sans-serif; font-weight:600; line-height:1.15; margin:0; } .mono{font-family:'IBM Plex Mono',monospace;} a{color:inherit;text-decoration:none;} img{max-width:100%;display:block;} .wrap{max-width:1120px;margin:0 auto;padding:0 32px;} .eyebrow{ font-family:'IBM Plex Mono',monospace; font-size:12.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--accent); display:flex; align-items:center; gap:10px; } .eyebrow::before{ content:""; width:16px;height:1px; background:var(--accent-dim); } header{ position:sticky;top:0;z-index:50; background:rgba(11,20,32,.88); backdrop-filter:blur(8px); border-bottom:1px solid var(--border-soft); } nav{ display:flex;align-items:center;justify-content:space-between; padding:18px 32px;max-width:1120px;margin:0 auto; } .brand{display:flex;align-items:center;gap:10px;} .brand .mark{ width:30px;height:30px;border:1.5px solid var(--accent);border-radius:6px; display:flex;align-items:center;justify-content:center; font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:14px;color:var(--accent); flex-shrink:0; } .brand .name{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:15.5px;letter-spacing:-.01em;} .brand .name span{display:block;font-family:'IBM Plex Mono',monospace;font-weight:400;font-size:10.5px;letter-spacing:.12em;color:var(--text-dim);text-transform:uppercase;margin-top:1px;} .navlinks{display:flex;gap:32px;font-size:14.5px;color:var(--text-muted);} .navlinks a:hover{color:var(--text);} .navcta{ font-family:'IBM Plex Mono',monospace;font-size:13px; border:1px solid var(--border);padding:9px 18px;border-radius:6px; color:var(--text);white-space:nowrap; } .navcta:hover{border-color:var(--accent);color:var(--accent);} .hero{padding:88px 0 96px;border-bottom:1px solid var(--border-soft);} .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center;} .hero h1{font-size:44px;letter-spacing:-.02em;margin:18px 0 22px;} .hero h1 em{font-style:normal;color:var(--accent);} .hero p.lede{font-size:17px;color:var(--text-muted);max-width:46ch;margin-bottom:32px;} .hero-ctas{display:flex;gap:14px;flex-wrap:wrap;} .btn{ font-family:'IBM Plex Mono',monospace;font-size:13.5px; padding:13px 22px;border-radius:6px;display:inline-flex;align-items:center;gap:8px; } .btn-primary{background:var(--accent);color:#20150a;font-weight:500;} .btn-primary:hover{background:#eeb86c;} .btn-ghost{border:1px solid var(--border);color:var(--text);} .btn-ghost:hover{border-color:var(--text-dim);} .panel{ background:var(--bg-panel); border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; } .panel-head{ display:flex;justify-content:space-between;align-items:center; padding:14px 18px;border-bottom:1px solid var(--border-soft); } .panel-head .dot-wrap{display:flex;align-items:center;gap:8px;font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--good);} .dot{width:7px;height:7px;border-radius:50%;background:var(--good);animation:pulse 2s infinite;} @keyframes pulse{0%,100%{opacity:1;}50%{opacity:.35;}} .panel-head .clock{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--text-dim);} .panel-body{padding:18px;} .panel-row{ display:flex;justify-content:space-between;align-items:baseline; padding:12px 0;border-bottom:1px solid var(--border-soft); } .panel-row:last-child{border-bottom:none;padding-bottom:0;} .panel-row .label{font-size:13px;color:var(--text-muted);} .panel-row .val{font-family:'IBM Plex Mono',monospace;font-size:15px;} .panel-row .val.good{color:var(--good);} .panel-foot{ padding:12px 18px;background:var(--bg-panel-light); font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--text-dim); display:flex;justify-content:space-between; } section{padding:88px 0;} .section-head{max-width:640px;margin-bottom:48px;} .section-head h2{font-size:30px;letter-spacing:-.015em;margin-top:14px;} .section-head p{color:var(--text-muted);margin-top:14px;font-size:15.5px;} .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border-soft);border:1px solid var(--border-soft);border-radius:var(--radius);overflow:hidden;} .svc-card{background:var(--bg);padding:28px 26px;} .svc-card .icon{width:36px;height:36px;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;color:var(--accent);} .svc-card h3{font-size:16.5px;font-weight:600;margin-bottom:8px;} .svc-card p{font-size:14px;color:var(--text-muted);line-height:1.55;} .svc-card ul{list-style:none;margin:16px 0 0;padding:0;border-top:1px solid var(--border-soft);} .svc-card li{display:flex;gap:10px;padding:9px 0;font-size:13px;color:var(--text-muted);line-height:1.5;border-top:1px solid var(--border-soft);} .svc-card li:first-child{border-top:none;padding-top:14px;} .svc-card li::before{content:"\\2013";color:var(--accent);font-family:'IBM Plex Mono',monospace;flex-shrink:0;} .svc-foot{text-align:center;margin-top:40px;padding-top:36px;border-top:1px solid var(--border-soft);} .svc-foot p{color:var(--text-muted);font-size:15px;margin-bottom:20px;} .about-intro{max-width:640px;} .about-intro h2{font-size:30px;letter-spacing:-.015em;margin:14px 0 18px;} .about-intro p{color:var(--text-muted);font-size:15.5px;margin-bottom:16px;} .subhead{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:600;margin:48px 0 20px;} .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;} .step{padding:28px 24px;border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--bg-panel);} .step .num{font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--accent);margin-bottom:12px;letter-spacing:.05em;} .step h3{font-size:17px;margin-bottom:8px;} .step p{font-size:14px;color:var(--text-muted);line-height:1.55;} .why-stay{margin-top:36px;padding:30px 28px;border:1px solid rgba(79,191,139,.3);border-radius:var(--radius);background:rgba(79,191,139,.06);} .why-stay h3{font-size:17px;margin-bottom:16px;} .why-stay ul{list-style:none;margin:0;padding:0;} .why-stay li{display:flex;gap:12px;padding:12px 0;font-size:14.5px;color:var(--text-muted);border-top:1px solid var(--border-soft);line-height:1.5;} .why-stay li:first-child{border-top:none;padding-top:0;} .why-stay li .mk{color:var(--good);font-family:'IBM Plex Mono',monospace;flex-shrink:0;} .about-cta{margin-top:36px;text-align:center;} .about-cta p{color:var(--text-muted);font-size:15px;} .about-cta a{color:var(--accent);font-family:'IBM Plex Mono',monospace;font-size:14px;} .cta-band{text-align:center;padding:72px 0;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);background:var(--bg-panel);} .cta-band .wrap{max-width:560px;} .cta-band h2{font-size:28px;letter-spacing:-.015em;margin-bottom:14px;} .cta-band p{color:var(--text-muted);font-size:15.5px;margin-bottom:28px;} .contact{background:var(--bg-panel);border-top:1px solid var(--border-soft);} .contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;} .contact-list{list-style:none;margin:28px 0 0;padding:0;} .contact-list li{display:flex;gap:16px;padding:14px 0;border-top:1px solid var(--border-soft);font-size:14.5px;color:var(--text-muted);} .contact-list li:first-child{border-top:none;} .contact-list li .lbl{font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--text-dim);letter-spacing:.05em;text-transform:uppercase;width:70px;flex-shrink:0;padding-top:3px;} .contact-list li .val{color:var(--text);} form{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:30px;} .frow{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;} .fld{display:flex;flex-direction:column;gap:6px;} .fld.full{grid-column:1 / -1;} .fld label{font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--text-dim);letter-spacing:.05em;text-transform:uppercase;} .fld input,.fld textarea{ background:var(--bg-panel);border:1px solid var(--border);border-radius:6px; padding:11px 13px;color:var(--text);font-family:'Inter',sans-serif;font-size:14.5px; } .fld input:focus,.fld textarea:focus{outline:none;border-color:var(--accent);} .fld textarea{resize:vertical;min-height:100px;} form .btn-primary{width:100%;justify-content:center;margin-top:6px;border:none;cursor:pointer;font-size:14px;padding:14px;} .reassurance{font-size:12.5px;color:var(--text-dim);margin-top:14px;text-align:center;} footer{padding:36px 0;} .foot-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;} .foot-row .navlinks{font-size:13.5px;} footer .mono{color:var(--text-dim);font-size:12px;} @media (max-width:860px){ .wrap{padding:0 20px;} nav{padding:16px 20px;} .navlinks{display:none;} .hero{padding:56px 0 64px;} .hero-grid{grid-template-columns:1fr;gap:40px;} .hero h1{font-size:32px;} .svc-grid{grid-template-columns:1fr;} .steps{grid-template-columns:1fr;} .contact-grid{grid-template-columns:1fr;} .frow{grid-template-columns:1fr;} section{padding:60px 0;} .section-head h2{font-size:24px;} .about-intro h2{font-size:24px;} .cta-band h2{font-size:22px;} .cta-band{padding:56px 0;} } `;