.elementor-1685 .elementor-element.elementor-element-1e5e4f8{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-2e8caf4 */:root{
  --cx-ink:#161327;
  --cx-ink-soft:#4B4763;
  --cx-muted:#7A768F;
  --cx-white:#FFFFFF;
  --cx-bg:#FAFAFE;
  --cx-teal:#04D3B3;
  --cx-teal-deep:#039E87;
  --cx-purple:#735CF3;
  --cx-purple-deep:#5A45D6;
  --cx-border:#E8E6F3;
  --cx-warning:#F5A524;

  --cx-gradient:linear-gradient(135deg,#04D3B3,#735CF3);
  --cx-radius-lg:22px;
  --cx-radius-md:14px;
  --cx-shadow:0 14px 34px rgba(22,19,39,.07);
  --cx-shadow-lift:0 20px 44px rgba(22,19,39,.11);

  --font-display:'Fraunces',Georgia,serif;
  --font-body:'Inter',Arial,sans-serif;
  --font-code:'IBM Plex Mono','Courier New',monospace;
}

.cx-how-page,
.cx-how-page *{
  box-sizing:border-box;
}

.cx-how-page{
  font-family:var(--font-body);
  color:var(--cx-ink-soft);
  background:var(--cx-white);
  line-height:1.72;
  -webkit-font-smoothing:antialiased;
}

.cx-how-page a{
  color:var(--cx-purple-deep);
  text-decoration:underline;
  text-underline-offset:2px;
}

.cx-how-container{
  width:100%;
  max-width:1180px;
  margin:0 auto;
  padding:0 22px;
}


/* =========================================
   PAGE HEADER
========================================= */

.cx-how-header{
  max-width:850px;
  margin:0 auto;
  padding:76px 0 54px;
  text-align:center;
}

.cx-how-eyebrow,
.cx-how-label{
  display:inline-flex;
  align-items:center;
  padding:7px 13px;
  border-radius:100px;
  background:rgba(115,92,243,.08);
  border:1px solid rgba(115,92,243,.18);
  color:var(--cx-purple-deep);
  font-family:var(--font-code);
  font-size:11px;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.cx-how-eyebrow{
  margin-bottom:18px;
}

.cx-how-header h1{
  margin:0 0 20px;
  color:var(--cx-ink);
  font-family:var(--font-display);
  font-size:clamp(38px,5vw,58px);
  font-weight:600;
  line-height:1.08;
  letter-spacing:-.025em;
}

.cx-how-lead{
  max-width:760px;
  margin:0 auto;
  color:var(--cx-ink-soft);
  font-size:17px;
}

.cx-how-meta{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:9px;
  margin-top:22px;
  color:var(--cx-muted);
  font-family:var(--font-code);
  font-size:11px;
}


/* =========================================
   QUICK OVERVIEW
========================================= */

.cx-how-overview{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:38px;
  align-items:center;
  margin-bottom:70px;
  padding:32px;
  border:1px solid var(--cx-border);
  border-radius:var(--cx-radius-lg);
  background:var(--cx-bg);
  box-shadow:var(--cx-shadow);
}

.cx-how-overview-copy h2{
  margin:13px 0 10px;
  color:var(--cx-ink);
  font-family:var(--font-display);
  font-size:clamp(26px,3vw,35px);
  line-height:1.18;
  letter-spacing:-.015em;
}

.cx-how-overview-copy p{
  margin:0;
  font-size:14.5px;
}

.cx-how-mini-steps{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}

.cx-how-mini-step{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:70px;
  padding:14px;
  border:1px solid var(--cx-border);
  border-radius:12px;
  background:var(--cx-white);
}

.cx-how-mini-step span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  flex:none;
  border-radius:9px;
  background:rgba(4,211,179,.11);
  color:var(--cx-teal-deep);
  font-family:var(--font-code);
  font-size:10px;
  font-weight:600;
}

.cx-how-mini-step strong{
  color:var(--cx-ink);
  font-size:13px;
}


/* =========================================
   ARTICLE
========================================= */

.cx-how-article{
  max-width:820px;
  margin:0 auto;
}

.cx-how-section{
  position:relative;
  padding:0 0 52px;
  margin-bottom:52px;
  border-bottom:1px solid var(--cx-border);
  scroll-margin-top:30px;
}

.cx-how-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  margin-bottom:16px;
  border-radius:11px;
  background:rgba(4,211,179,.1);
  color:var(--cx-teal-deep);
  font-family:var(--font-code);
  font-size:11px;
  font-weight:600;
}

.cx-how-section h2{
  margin:0 0 17px;
  color:var(--cx-ink);
  font-family:var(--font-display);
  font-size:clamp(27px,3vw,36px);
  font-weight:600;
  line-height:1.18;
  letter-spacing:-.018em;
}

.cx-how-section h3{
  margin:0 0 7px;
  color:var(--cx-ink);
  font-family:var(--font-display);
  font-size:19px;
  line-height:1.25;
}

.cx-how-section p{
  margin:0 0 17px;
  font-size:15px;
}

.cx-how-section p:last-child{
  margin-bottom:0;
}


/* =========================================
   TIP BOX
========================================= */

.cx-how-tip{
  margin-top:25px;
  padding:19px 21px;
  border-left:4px solid var(--cx-teal);
  border-radius:12px;
  background:rgba(4,211,179,.065);
}

.cx-how-tip strong{
  display:block;
  margin-bottom:5px;
  color:var(--cx-ink);
  font-size:14px;
}

.cx-how-tip p{
  margin:0;
  font-size:13.5px;
}

.cx-how-tip-purple{
  border-left-color:var(--cx-purple);
  background:rgba(115,92,243,.055);
}


/* =========================================
   EXAMPLE BOX
========================================= */

.cx-how-example{
  margin-top:25px;
  padding:24px;
  border:1px solid var(--cx-border);
  border-radius:var(--cx-radius-md);
  background:var(--cx-bg);
}

.cx-how-example-label{
  display:block;
  margin-bottom:9px;
  color:var(--cx-purple-deep);
  font-family:var(--font-code);
  font-size:10.5px;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.cx-how-example h3{
  font-size:22px;
}


/* =========================================
   LIST
========================================= */

.cx-how-list{
  display:grid;
  gap:9px;
  margin:22px 0 0;
  padding:0;
  list-style:none;
}

.cx-how-list li{
  position:relative;
  padding:11px 15px 11px 38px;
  border:1px solid var(--cx-border);
  border-radius:10px;
  background:var(--cx-bg);
  font-size:13.5px;
}

.cx-how-list li::before{
  content:"✓";
  position:absolute;
  left:14px;
  top:10px;
  color:var(--cx-teal-deep);
  font-weight:800;
}


/* =========================================
   VERIFICATION PROCESS
========================================= */

.cx-how-process{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:28px;
}

.cx-how-process > div{
  padding:21px;
  border:1px solid var(--cx-border);
  border-radius:var(--cx-radius-md);
  background:var(--cx-bg);
}

.cx-process-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  margin-bottom:13px;
  border-radius:50%;
  background:var(--cx-gradient);
  color:#fff;
  font-family:var(--font-code);
  font-size:10px;
  font-weight:600;
}

.cx-how-process h3{
  font-size:17px;
}

.cx-how-process p{
  margin:0;
  color:var(--cx-muted);
  font-size:12.5px;
}


/* =========================================
   MISTAKES
========================================= */

.cx-how-mistakes{
  display:grid;
  gap:12px;
  margin-top:25px;
}

.cx-how-mistake{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:14px;
  padding:18px;
  border:1px solid var(--cx-border);
  border-radius:var(--cx-radius-md);
  background:var(--cx-bg);
}

.cx-how-mistake > span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:9px;
  background:rgba(115,92,243,.1);
  color:var(--cx-purple-deep);
  font-family:var(--font-code);
  font-size:10px;
  font-weight:600;
}

.cx-how-mistake h3{
  margin-bottom:5px;
  font-size:17px;
}

.cx-how-mistake p{
  margin:0;
  color:var(--cx-muted);
  font-size:13px;
}


/* =========================================
   FINAL CTA
========================================= */

.cx-how-final{
  border-bottom:0;
  margin-bottom:0;
  padding-bottom:0;
}

.cx-how-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:30px;
  padding:25px;
  border-radius:var(--cx-radius-lg);
  background:var(--cx-gradient);
  color:#fff;
  box-shadow:var(--cx-shadow-lift);
}

.cx-how-cta span{
  display:block;
  margin-bottom:4px;
  color:rgba(255,255,255,.78);
  font-family:var(--font-code);
  font-size:10.5px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.cx-how-cta strong{
  display:block;
  font-family:var(--font-display);
  font-size:20px;
  font-weight:600;
}

.cx-how-button{
  flex:none;
  padding:12px 20px;
  border-radius:10px;
  background:#fff;
  color:var(--cx-ink)!important;
  font-size:13px;
  font-weight:800;
  text-decoration:none!important;
  transition:.2s ease;
}

.cx-how-button:hover{
  transform:translateY(-2px);
  box-shadow:0 9px 22px rgba(0,0,0,.15);
}


/* =========================================
   FAQ
========================================= */

.cx-how-faq-section{
  max-width:820px;
  margin:90px auto 80px;
}

.cx-how-faq-header{
  margin-bottom:30px;
  text-align:center;
}

.cx-how-faq-header h2{
  margin:13px 0 10px;
  color:var(--cx-ink);
  font-family:var(--font-display);
  font-size:clamp(28px,4vw,40px);
  line-height:1.15;
}

.cx-how-faq-header p{
  margin:0 auto;
  max-width:650px;
  color:var(--cx-muted);
  font-size:14px;
}

.cx-how-faq{
  display:grid;
  gap:12px;
}

.cx-how-faq details{
  overflow:hidden;
  border:1px solid var(--cx-border);
  border-radius:13px;
  background:var(--cx-white);
  transition:.2s ease;
}

.cx-how-faq details:hover{
  border-color:#D7D3EB;
  box-shadow:var(--cx-shadow);
}

.cx-how-faq details[open]{
  border-color:rgba(115,92,243,.5);
}

.cx-how-faq summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:19px 21px;
  cursor:pointer;
  color:var(--cx-ink);
  font-size:14px;
  font-weight:700;
  list-style:none;
}

.cx-how-faq summary::-webkit-details-marker{
  display:none;
}

.cx-how-faq summary::after{
  content:"+";
  display:flex;
  align-items:center;
  justify-content:center;
  width:27px;
  height:27px;
  flex:none;
  border-radius:8px;
  background:rgba(115,92,243,.08);
  color:var(--cx-purple-deep);
  font-size:18px;
  font-weight:400;
}

.cx-how-faq details[open] summary::after{
  content:"−";
  background:rgba(4,211,179,.1);
  color:var(--cx-teal-deep);
}

.cx-how-faq details p{
  margin:0;
  padding:0 21px 21px;
  color:var(--cx-ink-soft);
  font-size:13.5px;
}


/* =========================================
   ACCESSIBILITY
========================================= */

.cx-how-page a:focus-visible,
.cx-how-page summary:focus-visible{
  outline:3px solid var(--cx-purple);
  outline-offset:3px;
  border-radius:5px;
}

@media(prefers-reduced-motion:reduce){
  .cx-how-page *{
    transition:none!important;
    scroll-behavior:auto!important;
  }
}


/* =========================================
   TABLET
========================================= */

@media(max-width:900px){

  .cx-how-overview{
    grid-template-columns:1fr;
  }

  .cx-how-process{
    grid-template-columns:1fr;
  }

}


/* =========================================
   MOBILE
========================================= */

@media(max-width:600px){

  .cx-how-container{
    padding:0 17px;
  }

  .cx-how-header{
    padding:52px 0 38px;
  }

  .cx-how-header h1{
    font-size:37px;
  }

  .cx-how-lead{
    font-size:15px;
  }

  .cx-how-overview{
    padding:22px;
    margin-bottom:55px;
  }

  .cx-how-mini-steps{
    grid-template-columns:1fr;
  }

  .cx-how-section{
    padding-bottom:38px;
    margin-bottom:38px;
  }

  .cx-how-section h2{
    font-size:28px;
  }

  .cx-how-section p{
    font-size:14.5px;
  }

  .cx-how-process{
    grid-template-columns:1fr;
  }

  .cx-how-cta{
    align-items:flex-start;
    flex-direction:column;
  }

  .cx-how-button{
    width:100%;
    text-align:center;
  }

  .cx-how-faq-section{
    margin-top:65px;
    margin-bottom:55px;
  }

  .cx-how-faq summary{
    padding:17px;
    font-size:13.5px;
  }

  .cx-how-faq details p{
    padding:0 17px 18px;
  }
}/* End custom CSS */