Location

Telephone

<p><a title="Email" href="mailto:info@guardedcyber.com" target="_blank" rel="noopener">info@guardedcyber.com</a></p>

Email

Redwood Shores Corporate Offices at Dawn - Aerial

Embed

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Contact Guarded.co</title>

  
  <script src="https://www.google.com/recaptcha/api.js" async defer></script>

  <style>
    :root{
      /* Brand + neutrals */
      --brand:        #0b63ff;     /* primary */
      --brand-600:    #064dd0;     /* hover */
      --ink-900:      #0f172a;     /* headings */
      --ink-700:      #334155;     /* labels */
      --ink-600:      #475569;     /* body */
      --ink-500:      #64748b;     /* placeholders */
      --line:         #e2e8f0;     /* borders */
      --bg-card:      #ffffff;
      --bg-page:      radial-gradient(1200px 600px at 50% -10%, #eaf1ff 0, #f7f9fc 40%, #fff 80%);
      --error:        #dc2626;
      --success:      #16a34a;
      --ring:         rgba(11, 99, 255, .15);
    }

    /* Let the page own scrolling (avoid nested scrollbar) */
    html, body { overflow-y: auto !important; }
    @media (prefers-reduced-motion: no-preference){
      :root { scroll-behavior: smooth; }
    }

    body{
      margin: 0;
      background: var(--bg-page);
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
      color: var(--ink-600);
    }

    .guarded-form-wrapper{
      width: 100%;
      max-width: 720px;
      margin: clamp(24px, 7vh, 64px) auto;
      padding: 0 16px;
    }

    .card{
      background: var(--bg-card);
      border: 1px solid var(--line);
      border-radius: 14px;
      box-shadow: 0 10px 30px rgba(2, 6, 23, .07);
      overflow: hidden;
    }

    .header{
      padding: 22px 24px 6px;
      text-align: center;
      background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
    }
    .title{
      margin: 0;
      font-size: clamp(20px, 2.2vw, 26px);
      color: var(--ink-900);
      font-weight: 700;
      letter-spacing: .2px;
    }
    .subtitle{
      margin: 8px 0 0;
      font-size: 14px;
      color: var(--ink-600);
    }

    form{
      padding: 18px 20px 22px;
    }

    /* Grid layout */
    .grid{
      display: grid;
      gap: 14px 16px;
    }
    .grid.two{
      grid-template-columns: 1fr 1fr;
    }
    @media (max-width: 560px){
      .grid.two{ grid-template-columns: 1fr; }
    }

    label{
      display: block;
      margin: 0 0 6px;
      font-weight: 600;
      font-size: 13px;
      color: var(--ink-700);
    }

    .control{
      display: flex;
      align-items: center;
      position: relative;
    }
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="url"],
    textarea{
      width: 100%;
      padding: 11px 12px;
      border: 1px solid var(--line);
      border-radius: 8px;
      font-size: 14px;
      color: var(--ink-900);
      background: #fff;
      transition: box-shadow .15s ease, border-color .15s ease, background-color .15s ease;
      outline: none;
    }
    textarea{
      min-height: 96px;
      resize: vertical;
      overflow: auto;
    }
    input::placeholder, textarea::placeholder{ color: var(--ink-500); }

    input:focus, textarea:focus{
      border-color: var(--brand);
      box-shadow: 0 0 0 4px var(--ring);
    }
    .is-invalid{ border-color: var(--error) !important; }
    .is-invalid:focus{ box-shadow: 0 0 0 4px rgba(220,38,38,.14) !important; }

    .field{
      margin-bottom: 6px;
    }
    .field-help{
      margin-top: 4px;
      font-size: 12px;
      color: var(--ink-500);
    }
    .field-error{
      font-size: 12px;
      color: var(--error);
      margin-top: 6px;
      display: none;
    }

    .divider{
      height: 1px;
      background: var(--line);
      margin: 8px 0 2px;
      border-radius: 1px;
    }

    /* Submit */
    .actions{
      margin-top: 14px;
      display: grid;
      gap: 10px;
      align-items: center;
    }
    input[type="submit"]{
      display: inline-block;
      width: 100%;
      padding: 12px 20px;
      border: 0;
      border-radius: 10px;
      background: var(--brand);
      color: #fff;
      font-weight: 700;
      font-size: 16px;
      cursor: pointer;
      transition: transform .12s ease, background-color .2s ease, box-shadow .2s ease;
      box-shadow: 0 6px 18px rgba(11, 99, 255, .18);
    }
    input[type="submit"]:hover{ background: var(--brand-600); transform: translateY(-1px); }
    input[type="submit"]:active{ transform: translateY(0); }
    input[type="submit"]:disabled{ opacity:.6; cursor:not-allowed; box-shadow:none; }

    .privacy{
      margin: 8px 0 0;
      font-size: 12px;
      color: var(--ink-600);
      display: flex;
      gap: 6px;
      justify-content: center;
      align-items: center;
      text-align: center;
    }
    .privacy a{ color: var(--brand-600); text-decoration: none; }
    .privacy a:hover{ text-decoration: underline; }
    .lock{ width: 14px; height: 14px; fill: #10b981; }

    /* Toast */
    .toast{
      display: none;
      text-align: center;
      font-size: 14px;
      color: var(--success);
    }

    /* Honeypot */
    .hp{ position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }
  </style>
</head>
<body>

  <div class="guarded-form-wrapper">
    <div class="card">
      <header class="header">
        <h1 class="title">Contact Guarded.co</h1>
        <p class="subtitle">We’d love to hear from you. Fill out the form below and we’ll be in touch soon.</p>
      </header>

      <form id="__vtigerWebForm" name="Guarded.co Contact form"
            action="https://guard.360vew.com/modules/Webforms/capture.php"
            method="post" accept-charset="utf-8" enctype="multipart/form-data" novalidate>

        
        <input type="hidden" name="__vtrftk" value="sid:c040e48285b65ba4a0f1d3ec097a95e2b204398a,1742576710">
        <input type="hidden" name="publicid" value="fcb5f01fb552f98eda4ea13358461541">
        <input type="hidden" name="urlencodeenable" value="1">
        <input type="hidden" name="name" value="Guarded.co Contact form">
        <input type="hidden" name="leadsource" value="Guarded.co Website">

        
        <input type="hidden" name="cf_referrer" id="cf_referrer">
        <input type="hidden" name="cf_utm_source" id="cf_utm_source">
        <input type="hidden" name="cf_utm_medium" id="cf_utm_medium">
        <input type="hidden" name="cf_utm_campaign" id="cf_utm_campaign">
        <input type="hidden" id="current_url" name="current_url" value="">

        
        <div class="hp" aria-hidden="true">
          <label>Do not fill</label>
          <input type="text" name="botcheck" autocomplete="off" tabindex="-1">
        </div>
        <input type="hidden" id="jscheck" name="jscheck" value="no-js">
        <input type="hidden" id="form_timer" name="form_timer" value="">

        
        <div class="grid two">
          <div class="field">
            <label for="firstname">First Name*</label>
            <div class="control">
              <input type="text" id="firstname" name="firstname" required autocomplete="given-name" placeholder="Jane">
            </div>
            <div class="field-error" id="err-firstname" aria-live="polite"></div>
          </div>

          <div class="field">
            <label for="lastname">Last Name*</label>
            <div class="control">
              <input type="text" id="lastname" name="lastname" required autocomplete="family-name" placeholder="Doe">
            </div>
            <div class="field-error" id="err-lastname" aria-live="polite"></div>
          </div>
        </div>

        <div class="grid">
          <div class="field">
            <label for="email">Business Email*</label>
            <div class="control">
              <input type="email" id="email" name="email" required inputmode="email" autocomplete="email" placeholder="name@company.com">
            </div>
            <div class="field-error" id="err-email" aria-live="polite"></div>
          </div>

          <div class="grid two">
            <div class="field">
              <label for="mobile">Mobile Phone</label>
              <div class="control">
                <input type="tel" id="mobile" name="mobile" inputmode="tel" autocomplete="tel" placeholder="(555) 123-4567">
              </div>
            </div>

            <div class="field">
              <label for="website">Website</label>
              <div class="control">
                <input type="url" id="website" name="website" autocomplete="url" placeholder="https://yourcompany.com">
              </div>
            </div>
          </div>

          <div class="field">
            <label for="company">Company*</label>
            <div class="control">
              <input type="text" id="company" name="company" required autocomplete="organization" placeholder="Your Company Inc.">
            </div>
            <div class="field-error" id="err-company" aria-live="polite"></div>
          </div>

          <div class="field">
            <label for="cf_3543">Comments</label>
            <div class="control">
              <textarea id="cf_3543" name="cf_3543" placeholder="How can we help you?"></textarea>
            </div>
            <div class="field-help">Optional, but a little context helps us route your request faster.</div>
            <div class="field-error" id="err-comments" aria-live="polite"></div>
          </div>
        </div>

        <div class="divider" role="separator" aria-hidden="true"></div>

        
        <div class="g-recaptcha"
             data-sitekey="6LcBq8YrAAAAAOEaUAexTvsJ6A7Z9RCVsv6TS3R1"
             data-callback="enableSubmitBtn"></div>

        <div class="actions">
          <input type="submit" value="Submit" id="submitBtn" disabled>
          <div class="toast" id="submitToast" aria-live="polite">Thanks — submitting.</div>
          <div class="privacy">
            <svg class="lock" viewBox="0 0 24 24" aria-hidden="true">
              <path d="M12 2a5 5 0 00-5 5v3H6a2 2 0 00-2 2v8a2 2 0 002 2h12a2 2 0 002-2v-8a2 2 0 00-2-2h-1V7a5 5 0 00-5-5zm-3 8V7a3 3 0 016 0v3H9z"/>
            </svg>
            <span>Protected by reCAPTCHA.</span>
            <a href="/privacy" rel="nofollow">Privacy Policy</a>
          </div>
        </div>
      </form>
    </div>
  </div>

  <script>
    (function(){
      const MIN_MSG  = 15;
      const form  = document.getElementById("__vtigerWebForm");
      const btn   = document.getElementById("submitBtn");
      const toast = document.getElementById("submitToast");

      // JS confirmation
      document.getElementById("jscheck").value = "js-enabled";

      // Delay timer
      setTimeout(function () {
        document.getElementById("form_timer").value = "ready";
      }, 5000);

      // Attribution helpers
      document.getElementById("current_url").value = window.location.href;
      document.getElementById("cf_referrer").value = document.referrer || "";
      const p = new URLSearchParams(window.location.search);
      document.getElementById("cf_utm_source").value   = p.get("utm_source")   || "";
      document.getElementById("cf_utm_medium").value   = p.get("utm_medium")   || "";
      document.getElementById("cf_utm_campaign").value = p.get("utm_campaign") || "";

      const err = {
        firstname: document.getElementById('err-firstname'),
        lastname:  document.getElementById('err-lastname'),
        email:     document.getElementById('err-email'),
        company:   document.getElementById('err-company'),
        comments:  document.getElementById('err-comments')
      };
      const fields = {
        firstname: document.getElementById('firstname'),
        lastname:  document.getElementById('lastname'),
        email:     document.getElementById('email'),
        company:   document.getElementById('company'),
        comments:  document.getElementById('cf_3543')
      };

      function emailOK(v){
        const re=/^[^@\s]+@[^@\s]+\.[a-zA-Z]{2,}$/;
        const bad=/[<>()[\\],;:"\\\\]/;
        return re.test(v) && !bad.test(v);
      }
      function isFreeMail(email){
        return /@(gmail\\.com|yahoo\\.com|outlook\\.com|hotmail\\.com|icloud\\.com|aol\\.com|proton\\.me|protonmail\\.com|mail\\.com|zoho\\.com)$/i.test(email);
      }
      function clearErrs(){
        Object.values(err).forEach(e=>{ if(e){e.style.display='none';e.textContent='';} });
        Object.values(fields).forEach(f=>f.classList.remove('is-invalid'));
      }
      function showInvalid(field, el, msg){
        field.classList.add('is-invalid'); el.textContent=msg; el.style.display='block';
        try { field.focus(); } catch(e){}
      }

      // reCAPTCHA callback: enable submit
      window.enableSubmitBtn = function(){
        btn.disabled = false;
      };

      form.addEventListener('submit', function(e){
        clearErrs();

        // Honeypot
        const hp = form.querySelector('input[name="botcheck"]');
        if(hp && hp.value){ e.preventDefault(); return false; }

        // JS/timer traps
        if (document.getElementById('jscheck').value !== "js-enabled") { e.preventDefault(); return false; }
        if (document.getElementById('form_timer').value !== "ready") { e.preventDefault(); return false; }

        // Basic validation
        let invalid = false;
        const first = fields.firstname.value.trim();
        const last  = fields.lastname.value.trim();
        const email = fields.email.value.trim();
        const comp  = fields.company.value.trim();
        const msg   = (fields.comments.value || '').trim();

        if(!first){ showInvalid(fields.firstname, err.firstname,'First name is required.'); invalid = true; }
        if(!last){  showInvalid(fields.lastname,  err.lastname,'Last name is required.');   invalid = true; }
        if(!emailOK(email)){ showInvalid(fields.email, err.email,'Enter a valid business email.'); invalid = true; }
        else if(isFreeMail(email)){ showInvalid(fields.email, err.email,'Please use your business email so we can route you faster.'); invalid = true; }
        if(!comp){ showInvalid(fields.company, err.company,'Company is required.'); invalid = true; }
        if(msg && msg.length>0 && msg.length<MIN_MSG){
          showInvalid(fields.comments, err.comments, `Please add a bit more detail (min ${MIN_MSG} characters).`);
          invalid = true;
        }

        // Ensure checkbox solved (UI)
        if(btn.disabled){
          e.preventDefault();
          alert('Please check the reCAPTCHA box.');
          return false;
        }

        // Guard: ensure v2 token exists in the DOM
        const rc = form.querySelector('textarea[name="g-recaptcha-response"]');
        if (!rc || !rc.value) {
          e.preventDefault();
          alert('Please check the reCAPTCHA box.');
          return false;
        }

        if(invalid){ e.preventDefault(); return false; }

        // Natural POST to Vtiger
        btn.value = 'Submitting…';
        btn.disabled = true;
        toast.style.display = 'block';
      });
    })();
  </script>
</body>
</html>

Guarded Cyber

Guarded Cyber is a cybersecurity firm specializing in compliance-driven protection for medium-sized businesses. We provide managed cybersecurity services, risk assessments, incident response, and regulatory compliance support tailored to industries such as financial services, accounting, insurance, manufacturing, and municipalities. With a blend of military-grade discipline and real-world business insight, Guarded helps organizations stay secure, compliant, and ready for whatever comes next.