/*
 * WebAct Professional Editor
 * Extracted from design/professional-editor.html
 * Original inline style blocks preserved in the HTML.
 */


/* =========================================================
   Original inline style block 1
   ========================================================= */

body{margin:0}.proeditor{color:#071421;background:#fff;overflow:hidden}.hero{background:radial-gradient(circle at 12% 18%,rgba(51,171,225,.24),transparent 30%),linear-gradient(135deg,#061421,#0d2740 52%,#071421);color:#fff;padding:92px min(6vw,72px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.72fr);gap:48px;align-items:center}.hero h1{font-size:clamp(42px,6vw,78px);line-height:.96;margin:12px 0 22px;letter-spacing:-.05em}.hero p{color:#d9edf8;font-size:20px;line-height:1.6}.eyebrow{letter-spacing:.12em;text-transform:uppercase;font-weight:900;color:#73d7ff}.hero .eyebrow{color:#73d7ff}.proof{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 0}.proof span{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);border-radius:999px;padding:10px 14px;font-weight:800}.lead-form{background:rgba(255,255,255,.96);color:#071421;border-radius:28px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.28)}.lead-form h2{font-size:28px;margin:0 0 8px}.lead-form p{color:#4b5b66;font-size:16px;line-height:1.55}.lead-form label{display:grid;gap:7px;margin-bottom:12px;font-weight:800;font-size:14px;color:#203241}.lead-form input,.lead-form select,.lead-form textarea{width:100%;box-sizing:border-box;border:1px solid #cddce7;border-radius:12px;padding:13px 14px;font:inherit;background:#fff;color:#071421}.lead-form textarea{resize:vertical;min-height:92px}.lead-form .button{width:100%;border:0}.section{padding:84px min(6vw,72px)}.soft{background:#f4f8fb}.dark{background:#071421;color:#fff}.heading{max-width:980px;margin:0 auto 44px;text-align:center}.heading .eyebrow{color:#0c9bd2}.dark .heading .eyebrow{color:#73d7ff}.heading h2{font-size:clamp(32px,4vw,56px);line-height:1;margin:10px 0 16px;letter-spacing:-.04em}.heading p{font-size:18px;line-height:1.65;color:#4b5b66}.dark .heading p{color:#d4e8f2}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1300px;margin:0 auto}.card{background:#fff;border:1px solid #e0ebf2;border-radius:26px;padding:28px;color:#071421;box-shadow:0 18px 42px rgba(7,20,33,.08);text-decoration:none}.card h3{font-size:24px;margin:0 0 10px;color:#071421}.card p,.card li{color:#4b5b66;line-height:1.6}.card ul{padding-left:20px}.step-number{width:42px;height:42px;border-radius:12px;background:#071421;color:#33abe1;display:grid;place-items:center;font-weight:900;margin-bottom:18px}.template-section{padding:0;background:#fff}.template-intro{padding:64px min(6vw,72px) 24px;text-align:center}.template-intro .eyebrow{color:#0c9bd2}.template-intro h2{font-size:clamp(34px,5vw,62px);line-height:1;margin:10px auto 14px;letter-spacing:-.04em;max-width:980px}.template-intro p{font-size:18px;line-height:1.6;color:#4b5b66;max-width:920px;margin:0 auto}.template-note{display:inline-flex;margin-top:22px;background:#f4f8fb;border-left:4px solid #33abe1;border-radius:10px;padding:16px 20px;font-weight:900;color:#071421;text-align:left}.detail-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1000px;margin:0 auto}.comparison{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.comparison article{background:#fff;color:#071421;border-radius:26px;padding:30px;border:1px solid #e0ebf2}.comparison h3{color:#071421}.comparison p,.comparison li{color:#44525d}.faq{max-width:1050px;margin:0 auto;display:grid;gap:14px}.faq details{background:#fff;border:1px solid #e0ebf2;border-radius:18px;padding:20px}.faq summary{font-weight:900;cursor:pointer}.faq p{color:#4b5b66;line-height:1.6}.actions,.comparison-buttons{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin:42px auto 0}.actions .button,.comparison-buttons .button,.lead-form .button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:220px!important;min-height:56px!important;padding:14px 24px!important;border-radius:14px!important;font-weight:900!important;text-decoration:none!important;transition:.2s ease}.actions .button.primary,.comparison-buttons .button.primary,.lead-form .button.primary{background:#33abe1!important;border:2px solid #33abe1!important;color:#061421!important}.actions .button.primary:hover,.comparison-buttons .button.primary:hover{background:#58c4ec!important}.actions .button.secondary,.comparison-buttons .button.secondary{background:#061421!important;border:2px solid #061421!important;color:#fff!important}.cta{background:linear-gradient(135deg,#0b243a,#071421);color:#fff;text-align:center;padding:86px min(6vw,72px)}.cta h2{font-size:clamp(34px,5vw,62px);line-height:1;margin:0 0 16px}.cta p{color:#d4e8f2;font-size:19px;line-height:1.6;max-width:780px;margin:0 auto}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.cta .hero-actions{justify-content:center}@media(max-width:1080px){.hero,.grid,.comparison{grid-template-columns:1fr}.detail-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.hero,.section,.cta{padding:56px 20px}.template-intro{padding:52px 20px 20px}.hero-actions .button,.actions .button{width:100%;justify-content:center}.proof span{width:100%;text-align:center}.detail-list{grid-template-columns:1fr}}

/* Professional editor feature checkmarks */
.detail-list span {
    display: flex;
    align-items: center;
    gap: 24px;
}

.detail-list span::before {
    content: "";
    display: block;
    flex: 0 0 14px;
    width: 12px;
    height: 19px;
    margin-left: 4px;
    margin-bottom: 5px;
    border-right: 4px solid #0c9bd2;
    border-bottom: 4px solid #0c9bd2;
    transform: rotate(45deg);
    transform-origin: center;
    box-sizing: border-box;
}



/* =========================================================
   Original inline style block 2
   Original attributes: id="webact-shared-jotform-styles"
   ========================================================= */

.webact-shared-jotform{
  width:100%;
  max-width:100%;
  margin:0;
  padding:0;
  overflow:hidden;
  border-radius:26px;
  background:#f6f7f8;
}

.webact-shared-jotform iframe{
  display:block;
  width:100%;
  min-height:940px;
  border:0;
  background:#f6f7f8;
}

.hero-form-card:has(.webact-shared-jotform),
.hero-form:has(.webact-shared-jotform),
.hero-card:has(.webact-shared-jotform),
.form-card:has(.webact-shared-jotform){
  padding:0!important;
  overflow:hidden!important;
}

@media(max-width:700px){
  .webact-shared-jotform iframe{
    min-height:1040px;
  }
}



/* =========================================================
   Original inline style block 3
   ========================================================= */

.professional-template-embed {
    width: 100%;
    background: #fff;
    padding: 0 24px 70px;
    box-sizing: border-box;
  }
  .professional-template-embed #include-templates {
    display: none;
    max-width: 1500px;
    margin: 0 auto;
  }
  .professional-template-embed .formbutton:hover {
    color: #fff;
  }
  .professional-template-embed .cbp-l-caption-alignCenter {
    margin-top: -2em;
  }
  .professional-template-embed .formbutton {
    background-color: #119EE7;
    color: #FFFFFF;
    border-radius: 0px;
  }
  .professional-template-embed a.cbp-l-caption-buttonLeft,
  .professional-template-embed a.cbp-l-caption-buttonRight {
    background-color: #3288C4;
    color: #ffffff !important;
    font: 700 12px/30px "Open Sans", sans-serif;
    min-width: 90px;
    text-align: center;
    margin: 4px;
    padding: 0 6px;
  }
  .professional-template-embed .cbp-l-filters-button .cbp-filter-item {
    background-color: #FFFFFF;
    border: 1px solid #ECECEC;
    color: #888888;
    font: 400 12px/32px "Open Sans", sans-serif;
    margin: 0 10px 10px 0;
    padding: 0 17px;
  }
  .professional-template-embed .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active {
    background-color: #545454;
    color: white;
    border-color: #5d5d5d;
  }
  .professional-template-embed .cbp-l-caption-buttonLeft,
  .professional-template-embed .cbp-l-caption-buttonRight {
    background-color:#119EE7!important;
    color:#000!important;
  }
  .professional-template-embed .cbp-l-filters-button {
    margin-bottom:30px;
    padding-top:10px;
  }
  .professional-template-embed #floatingCirclesG{position:relative;width:125px;height:125px;margin:auto;transform:scale(.6);-o-transform:scale(.6);-ms-transform:scale(.6);-webkit-transform:scale(.6);-moz-transform:scale(.6)}
  .professional-template-embed .f_circleG{position:absolute;background-color:#fff;height:22px;width:22px;border-radius:12px;-o-border-radius:12px;-ms-border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;animation-name:f_fadeG;-o-animation-name:f_fadeG;-ms-animation-name:f_fadeG;-webkit-animation-name:f_fadeG;-moz-animation-name:f_fadeG;animation-duration:1.2s;-o-animation-duration:1.2s;-ms-animation-duration:1.2s;-webkit-animation-duration:1.2s;-moz-animation-duration:1.2s;animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-direction:normal;-o-animation-direction:normal;-ms-animation-direction:normal;-webkit-animation-direction:normal;-moz-animation-direction:normal}
  .professional-template-embed #frotateG_01{left:0;top:51px;animation-delay:.45s;-o-animation-delay:.45s;-ms-animation-delay:.45s;-webkit-animation-delay:.45s;-moz-animation-delay:.45s}
  .professional-template-embed #frotateG_02{left:15px;top:15px;animation-delay:.6s;-o-animation-delay:.6s;-ms-animation-delay:.6s;-webkit-animation-delay:.6s;-moz-animation-delay:.6s}
  .professional-template-embed #frotateG_03{left:51px;top:0;animation-delay:.75s;-o-animation-delay:.75s;-ms-animation-delay:.75s;-webkit-animation-delay:.75s;-moz-animation-delay:.75s}
  .professional-template-embed #frotateG_04{right:15px;top:15px;animation-delay:.9s;-o-animation-delay:.9s;-ms-animation-delay:.9s;-webkit-animation-delay:.9s;-moz-animation-delay:.9s}
  .professional-template-embed #frotateG_05{right:0;top:51px;animation-delay:1.05s;-o-animation-delay:1.05s;-ms-animation-delay:1.05s;-webkit-animation-delay:1.05s;-moz-animation-delay:1.05s}
  .professional-template-embed #frotateG_06{right:15px;bottom:15px;animation-delay:1.2s;-o-animation-delay:1.2s;-ms-animation-delay:1.2s;-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s}
  .professional-template-embed #frotateG_07{left:51px;bottom:0;animation-delay:1.35s;-o-animation-delay:1.35s;-ms-animation-delay:1.35s;-webkit-animation-delay:1.35s;-moz-animation-delay:1.35s}
  .professional-template-embed #frotateG_08{left:15px;bottom:15px;animation-delay:1.5s;-o-animation-delay:1.5s;-ms-animation-delay:1.5s;-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s}
  @keyframes f_fadeG{0%{background-color:#000}100%{background-color:#fff}}
  @-o-keyframes f_fadeG{0%{background-color:#000}100%{background-color:#fff}}
  @-ms-keyframes f_fadeG{0%{background-color:#000}100%{background-color:#fff}}
  @-webkit-keyframes f_fadeG{0%{background-color:#000}100%{background-color:#fff}}
  @-moz-keyframes f_fadeG{0%{background-color:#000}100%{background-color:#fff}}



/* =========================================================
   Original inline style block 4
   Original attributes: id="webact-original-template-form-restyle"
   ========================================================= */

.modaal-wrapper.webact-template-form-restyled .modaal-container {
    width: min(1420px, 96vw) !important;
    max-width: 1420px !important;
    margin: 24px auto !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: #fff !important;
}

.modaal-wrapper.webact-template-form-restyled .modaal-content-container {
    padding: 0 !important;
    background: #fff !important;
}

.modaal-wrapper.webact-template-form-restyled [id^="cont-"] {
    padding: 42px 54px 54px !important;
    background: #fff !important;
    box-sizing: border-box !important;
}

.modaal-wrapper.webact-template-form-restyled [id^="cont-"] > h2,
.modaal-wrapper.webact-template-form-restyled [id^="cont-"] h2:first-of-type {
    margin: 0 0 10px !important;
    color: #05080d !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: clamp(28px, 2.6vw, 40px) !important;
    line-height: 1.18 !important;
    font-weight: 800 !important;
    text-align: left !important;
    letter-spacing: -.02em !important;
}

.modaal-wrapper.webact-template-form-restyled .webact-template-subheading {
    margin: 0 0 38px !important;
    color: #111820 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

.modaal-wrapper.webact-template-form-restyled .pure-g {
    display: grid !important;
    grid-template-columns: minmax(430px, 1.05fr) minmax(390px, .95fr) !important;
    gap: 66px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 1240px !important;
    margin: 0 auto !important;
}

.modaal-wrapper.webact-template-form-restyled .pure-g > [class*="pure-u"] {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.modaal-wrapper.webact-template-form-restyled form {
    width: 100% !important;
    max-width: 620px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

.modaal-wrapper.webact-template-form-restyled .pure-form-aligned .pure-control-group {
    display: block !important;
    margin: 0 0 24px !important;
    padding: 0 !important;
}

.modaal-wrapper.webact-template-form-restyled .pure-form-aligned .pure-control-group label {
    display: block !important;
    width: auto !important;
    margin: 0 0 10px !important;
    color: #111820 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 21px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    text-align: left !important;
}

.modaal-wrapper.webact-template-form-restyled input[type="text"],
.modaal-wrapper.webact-template-form-restyled input[type="email"],
.modaal-wrapper.webact-template-form-restyled input[type="tel"],
.modaal-wrapper.webact-template-form-restyled input[type="url"],
.modaal-wrapper.webact-template-form-restyled select,
.modaal-wrapper.webact-template-form-restyled textarea {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    border: 1px solid #dfe3e8 !important;
    border-radius: 5px !important;
    background: #fff !important;
    color: #111820 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 17px !important;
    line-height: 1.4 !important;
    box-shadow: none !important;
    outline: none !important;
    box-sizing: border-box !important;
}

.modaal-wrapper.webact-template-form-restyled input:focus,
.modaal-wrapper.webact-template-form-restyled select:focus,
.modaal-wrapper.webact-template-form-restyled textarea:focus {
    border-color: #316cf4 !important;
    box-shadow: 0 0 0 3px rgba(49,108,244,.12) !important;
}

.modaal-wrapper.webact-template-form-restyled input::placeholder,
.modaal-wrapper.webact-template-form-restyled textarea::placeholder {
    color: #777 !important;
    opacity: 1 !important;
}

.modaal-wrapper.webact-template-form-restyled .pure-controls {
    margin: 30px 0 0 !important;
    text-align: left !important;
}

.modaal-wrapper.webact-template-form-restyled button[type="submit"],
.modaal-wrapper.webact-template-form-restyled input[type="submit"],
.modaal-wrapper.webact-template-form-restyled .formbutton {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 255px !important;
    max-width: 100% !important;
    min-height: 62px !important;
    margin: 8px 0 0 !important;
    padding: 15px 30px !important;
    border: 0 !important;
    border-radius: 30px !important;
    background: #316cf4 !important;
    color: #fff !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 17px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    box-shadow: none !important;
}

.modaal-wrapper.webact-template-form-restyled button[type="submit"]:hover,
.modaal-wrapper.webact-template-form-restyled input[type="submit"]:hover,
.modaal-wrapper.webact-template-form-restyled .formbutton:hover {
    background: #245bd3 !important;
    color: #fff !important;
}

.modaal-wrapper.webact-template-form-restyled .webact-template-preview-column {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 610px !important;
    padding: 32px !important;
    border-radius: 20px !important;
    background: #f0f0f1 !important;
    box-sizing: border-box !important;
}

.modaal-wrapper.webact-template-form-restyled .webact-template-preview-column img,
.modaal-wrapper.webact-template-form-restyled img.modal-img {
    display: block !important;
    width: 100% !important;
    max-width: 560px !important;
    height: auto !important;
    max-height: 610px !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    background: #fff !important;
    box-shadow: 0 5px 16px rgba(0,0,0,.18) !important;
}

.modaal-wrapper.webact-template-form-restyled .pure-form-message-inline {
    display: inline-block !important;
    margin: 8px 0 0 !important;
    color: #6b7179 !important;
    font-size: 14px !important;
}

.modaal-wrapper.webact-template-form-restyled .modaal-close {
    top: 12px !important;
    right: 12px !important;
}

@media (max-width: 980px) {
    .modaal-wrapper.webact-template-form-restyled [id^="cont-"] {
        padding: 34px 28px 42px !important;
    }

    .modaal-wrapper.webact-template-form-restyled .pure-g {
        grid-template-columns: 1fr !important;
        gap: 34px !important;
    }

    .modaal-wrapper.webact-template-form-restyled .webact-template-preview-column {
        order: -1 !important;
        min-height: 320px !important;
        padding: 20px !important;
    }

    .modaal-wrapper.webact-template-form-restyled .webact-template-preview-column img,
    .modaal-wrapper.webact-template-form-restyled img.modal-img {
        max-height: 470px !important;
    }

    .modaal-wrapper.webact-template-form-restyled form {
        max-width: none !important;
    }
}

@media (max-width: 620px) {
    .modaal-wrapper.webact-template-form-restyled .modaal-container {
        width: calc(100vw - 20px) !important;
        margin: 10px auto !important;
    }

    .modaal-wrapper.webact-template-form-restyled [id^="cont-"] {
        padding: 28px 18px 34px !important;
    }

    .modaal-wrapper.webact-template-form-restyled [id^="cont-"] > h2,
    .modaal-wrapper.webact-template-form-restyled [id^="cont-"] h2:first-of-type {
        font-size: 28px !important;
    }

    .modaal-wrapper.webact-template-form-restyled .webact-template-subheading {
        margin-bottom: 28px !important;
        font-size: 16px !important;
    }

    .modaal-wrapper.webact-template-form-restyled .pure-form-aligned .pure-control-group label {
        font-size: 18px !important;
    }

    .modaal-wrapper.webact-template-form-restyled button[type="submit"],
    .modaal-wrapper.webact-template-form-restyled input[type="submit"],
    .modaal-wrapper.webact-template-form-restyled .formbutton {
        width: 100% !important;
    }

    .modaal-wrapper.webact-template-form-restyled .webact-template-preview-column {
        min-height: 220px !important;
    }
}



/* =========================================================
   Original inline style block 5
   Original attributes: id="webact-template-modal-layout-fix-css"
   ========================================================= */

.modaal-wrapper.webact-template-form-restyled
.webact-template-modal-heading {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto 36px;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
}

.modaal-wrapper.webact-template-form-restyled
.webact-template-modal-heading h2 {
    margin: 0 0 12px !important;
    color: #05080d !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: clamp(28px, 2.6vw, 40px) !important;
    line-height: 1.18 !important;
    font-weight: 800 !important;
    letter-spacing: -.02em !important;
    text-align: left !important;
}

.modaal-wrapper.webact-template-form-restyled
.webact-template-modal-heading p {
    margin: 0 !important;
    color: #111820 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

.modaal-wrapper.webact-template-form-restyled
.webact-template-original-heading-hidden,
.modaal-wrapper.webact-template-form-restyled
.webact-template-original-description-hidden,
.modaal-wrapper.webact-template-form-restyled
.webact-template-subheading {
    display: none !important;
}

.modaal-wrapper.webact-template-form-restyled
.pure-g {
    grid-template-columns:
        minmax(430px, 1.05fr)
        minmax(390px, .95fr) !important;
    align-items: start !important;
}

.modaal-wrapper.webact-template-form-restyled
.webact-template-form-column {
    order: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
}

.modaal-wrapper.webact-template-form-restyled
.webact-template-preview-column {
    order: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 610px !important;
    padding: 32px !important;
    overflow: hidden !important;
}

.modaal-wrapper.webact-template-form-restyled
.webact-template-preview-column img {
    display: block !important;
    width: 100% !important;
    max-width: 560px !important;
    height: auto !important;
    max-height: 610px !important;
    margin: 0 auto !important;
    object-fit: contain !important;
}

.modaal-wrapper.webact-template-form-restyled
.webact-template-form-column form {
    width: 100% !important;
    max-width: none !important;
}

@media (max-width: 980px) {
    .modaal-wrapper.webact-template-form-restyled
    .webact-template-modal-heading {
        margin-bottom: 28px;
    }

    .modaal-wrapper.webact-template-form-restyled
    .webact-template-form-column {
        order: 2 !important;
    }

    .modaal-wrapper.webact-template-form-restyled
    .webact-template-preview-column {
        order: 1 !important;
        min-height: 320px !important;
    }
}

@media (max-width: 620px) {
    .modaal-wrapper.webact-template-form-restyled
    .webact-template-modal-heading h2 {
        font-size: 28px !important;
    }

    .modaal-wrapper.webact-template-form-restyled
    .webact-template-modal-heading p {
        font-size: 16px !important;
    }
}