/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 14 2026 | 11:17:46 */
:root{
  --orange: #f2751a;
  --orange-dark: #d9640f;
  --orange-soft: #FDF0E6;
  --lime: #B8FB00;
  --ink: #12100E;
  --body-text: #5F5F5F;
  --muted: #A6A6A6;
  --soft: #F4F4F4;
  --line: #E7E7E7;
  --check: #5FB331;
}

/* ---- section shell ---- */
.px-section{
  background: #ffffff;
  padding: 96px 0;
  font-family: 'Poppins', system-ui, -apple-system, sans-serif;
}
.px-section *{ box-sizing: border-box; }
.px-wrap{
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
}
.px-section .px-card.px-popular{
  background: #FDF0E6 !important;
  background-color: #FDF0E6 !important;
  background-image: none !important;
  border: 2px solid #f2751a !important;
  border-radius: 12px !important;
  padding-top: 44px !important;
  overflow: hidden !important;
}

.px-section .px-card.px-popular .px-ribbon{
  background: #f2751a !important;
  color: #ffffff !important;
}

/* keep the divider line visible against the peach fill */
.px-section .px-card.px-popular .px-price{
  border-bottom-color: rgba(242,117,26,.25) !important;
}

/* ---- heading ---- */
.px-section .px-head{
  max-width: 640px;
  margin: 0 auto 44px;
  text-align: center;
}
.px-section .px-eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 12px !important;
  font-weight: 600;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: var(--orange) !important;
  margin-bottom: 14px;
  line-height: 1;
}
.px-section .px-eyebrow::before{
  content: "";
  width: 22px;
  height: 2px;
  background: var(--orange);
}
.px-section h2.px-title{
  font-size: 38px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  letter-spacing: -0.6px;
  color: var(--ink) !important;
  margin: 0 !important;
  padding: 0 !important;
  text-transform: none !important;
}
.px-section .px-accent{ color: var(--orange) !important; }
.px-section p.px-sub{
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: var(--body-text) !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
}

/* ---- grid ---- */
.px-section .px-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  align-items: start;
}

/* ---- card ---- */
.px-section .px-card{
  position: relative;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 28px 26px 30px;
  margin: 0;
  overflow: hidden;
}
.px-section .px-popular{
  padding-top: 44px !important;
}
.px-section .px-ribbon{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: var(--orange);
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.4px;
  text-align: center;
  padding: 6px 0;
}

.px-section h3.px-name{
  font-family: 'Poppins', system-ui, -apple-system, sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  font-stretch: normal !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  word-spacing: normal !important;
  text-indent: 0 !important;
  text-transform: none !important;
  white-space: normal !important;
  transform: none !important;
  color: var(--ink) !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
}
.px-section p.px-for{
  font-size: 12.5px !important;
  line-height: 1.6 !important;
  color: var(--body-text) !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  min-height: 40px;
}

/* ---- price ---- */
.px-section .px-price{
  display: flex;
  align-items: baseline;
  gap: 9px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--line);
  margin-bottom: 6px;
}
.px-section .px-old{
  font-size: 15px;
  font-weight: 500;
  color: var(--orange);
  text-decoration: line-through;
  opacity: .75;
}
.px-section .px-new{
  font-size: 34px;
  font-weight: 700;
  letter-spacing: -1px;
  color: var(--ink);
  line-height: 1;
}
.px-section .px-cur{
  font-size: 18px;
  font-weight: 600;
  vertical-align: super;
  margin-right: 1px;
}
.px-section .px-once{
  font-size: 11px;
  color: var(--muted);
}

/* ---- feature list ---- */
.px-section ul.px-list{
  list-style: none !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
  flex: 1;
}
.px-section ul.px-list li{
  list-style: none !important;
  display: flex;
  align-items: flex-start;
  gap: 9px;
  font-size: 12.5px !important;
  line-height: 1.5;
  margin: 0 !important;
  padding: 9px 0 !important;
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.px-section ul.px-list li:last-child{ border-bottom: none; }
.px-section ul.px-list li::before,
.px-section ul.px-list li::marker{ content: none !important; }

.px-section .px-mark{
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
}
.px-section li.px-yes{ color: var(--body-text); }
.px-section li.px-yes .px-mark{ color: var(--check); }

.px-section li.px-no{ color: var(--muted); }
.px-section li.px-no .px-mark{ color: #C9C9C9; }

/* ---- buttons ---- */
.px-section .px-btn{
  display: block;
  width: 100%;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-decoration: none !important;
  padding: 14px 20px;
  border-radius: 8px;
  transition: background .2s ease, color .2s ease;
}
.px-section .px-btn-outline{
  background: var(--orange-soft);
  color: var(--orange) !important;
  border: 1px solid rgba(242,117,26,.25);
}
.px-section .px-btn-outline:hover{
  background: var(--orange);
  color: #ffffff !important;
}
.px-section .px-btn-solid{
  background: var(--orange);
  color: #ffffff !important;
  border: 1px solid var(--orange);
}
.px-section .px-btn-solid:hover{
  background: var(--orange-dark);
  color: #ffffff !important;
}

/* ---- footnote ---- */
.px-section p.px-note{
  text-align: center;
  font-size: 13px !important;
  color: var(--body-text) !important;
  margin: 32px 0 0 !important;
}
.px-section p.px-note a{
  color: var(--orange) !important;
  font-weight: 600;
  text-decoration: underline !important;
}

/* ---- responsive ---- */
@media (max-width: 960px){
  .px-section{ padding: 64px 0; }
  .px-section h2.px-title{ font-size: 28px !important; }
  .px-section .px-grid{ grid-template-columns: 1fr; }
  .px-section p.px-for{ min-height: 0; }
}
@media (prefers-reduced-motion: reduce){
  .px-section .px-btn{ transition: none; }
}

/* ================================================================
   WHY IT MATTERS
================================================================ */

/* ---- section shell ---- */
.ra-why{
  background: #ffffff;
  padding: 96px 0;
  font-family: 'Poppins', system-ui, -apple-system, sans-serif;
}
.ra-why *{ box-sizing: border-box; }
.ra-why__wrap{
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ---- layout ---- */
.ra-why__grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr)!important;
  gap: 60px;
  align-items: center;
}

/* ---- left: image ---- */
.ra-why__media{
  margin: 0 !important;
  padding: 0 !important;
  background: #F4F4F4;
  border: 1px solid #E7E7E7;
  border-radius: 12px;
  overflow: hidden;
}
.ra-why__media img{
  display: block;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  border-radius: 0 !important;
}

/* ---- right: content ---- */
.ra-why__eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 12px !important;
  font-weight: 600;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: var(--orange, #f2751a) !important;
  margin-bottom: 14px;
  line-height: 1;
}
.ra-why__eyebrow::before{
  content: "";
  width: 22px;
  height: 2px;
  background: var(--orange, #f2751a);
}

.ra-why h2.ra-why__title{
  font-size: 38px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  letter-spacing: -0.6px;
  color: var(--ink, #12100E) !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  text-transform: none !important;
}
.ra-why__accent{
  color: var(--orange, #f2751a) !important;
  font-style: normal !important;
  font-weight: inherit;
}

.ra-why p.ra-why__text{
  font-size: 14px !important;
  line-height: 1.75 !important;
  color: var(--body-text, #5F5F5F) !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
}
.ra-why p.ra-why__text:last-of-type{
  margin-bottom: 26px !important;
}

/* ---- button ---- */
.ra-why a.ra-why__btn{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--orange, #f2751a);
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none !important;
  padding: 14px 26px;
  border-radius: 8px;
  transition: background .2s ease;
}
.ra-why a.ra-why__btn:hover{
  background: var(--orange-dark, #d9640f);
  color: #ffffff !important;
}

/* ---- responsive ---- */
@media (max-width: 960px){
  .ra-why{ padding: 64px 0; }
  .ra-why__grid{
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .ra-why h2.ra-why__title{ font-size: 28px !important; }
  .ra-why__media{ max-width: 460px; margin: 0 auto !important; }
}
@media (prefers-reduced-motion: reduce){
  .ra-why a.ra-why__btn{ transition: none; }
}



/* ================================================================
   SEO PACKAGE CSS
================================================================ */

/* ---- section shell ---- */
.ra-pkg{
  background: #F4F4F4;
  padding: 96px 0;
  font-family: 'Poppins', system-ui, -apple-system, sans-serif;
}
.ra-pkg *{ box-sizing: border-box; }
.ra-pkg__wrap{
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ---- heading ---- */
.ra-pkg__head{
  max-width: 680px;
  margin: 0 auto 44px;
  text-align: center;
}
.ra-pkg__eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 12px !important;
  font-weight: 600;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: var(--orange, #f2751a) !important;
  margin-bottom: 14px;
  line-height: 1;
}
.ra-pkg__eyebrow::before{
  content: "";
  width: 22px;
  height: 2px;
  background: var(--orange, #f2751a);
}
.ra-pkg h2.ra-pkg__title{
  font-size: 38px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  letter-spacing: -0.6px !important;
  color: var(--ink, #12100E) !important;
  margin: 0 !important;
  padding: 0 !important;
  text-transform: none !important;
}
.ra-pkg__accent{
  color: var(--orange, #f2751a) !important;
  font-style: normal !important;
  font-weight: inherit;
}
.ra-pkg p.ra-pkg__sub{
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: var(--body-text, #5F5F5F) !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
}

/* ---- grid ---- */
.ra-pkg__grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  align-items: start;
}

/* ---- card ---- */
.ra-pkg__card{
  position: relative;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid #E7E7E7;
  border-radius: 12px;
  padding: 26px 22px 28px;
  margin: 0;
  overflow: hidden;
}
.ra-pkg__card--best{
  border: 2px solid #f2751a !important;
  background: #FDF0E6 !important;
  padding-top: 42px;
}
.ra-pkg__ribbon{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #f2751a;
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.4px;
  text-align: center;
  padding: 6px 0;
  line-height: 1.4;
}

/* ---- name + who ---- */
.ra-pkg h3.ra-pkg__name{
  font-family: 'Poppins', system-ui, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
  font-stretch: normal !important;
  letter-spacing: 0 !important;
  word-spacing: normal !important;
  text-transform: none !important;
  color: var(--ink, #12100E) !important;
  margin: 0 0 5px !important;
  padding: 0 !important;
}
.ra-pkg p.ra-pkg__who{
  font-size: 12px !important;
  line-height: 1.6 !important;
  color: var(--body-text, #5F5F5F) !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  min-height: 38px;
}

/* ---- price ---- */
.ra-pkg__price{
  display: flex;
  align-items: baseline;
  gap: 7px;
  padding-bottom: 18px;
  border-bottom: 1px solid #E7E7E7;
  margin-bottom: 6px;
}
.ra-pkg__card--best .ra-pkg__price{
  border-bottom-color: rgba(242,117,26,.25);
}
.ra-pkg__old{
  font-size: 13px;
  font-weight: 500;
  color: #f2751a;
  text-decoration: line-through;
  opacity: .75;
}
.ra-pkg__new{
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -1px;
  line-height: 1;
  color: var(--ink, #12100E);
}
.ra-pkg__cur{
  font-size: 16px;
  font-weight: 600;
  vertical-align: super;
  margin-right: 1px;
}
.ra-pkg__per{
  font-size: 11px;
  color: #A6A6A6;
}

/* ---- feature list ---- */
.ra-pkg ul.ra-pkg__list{
  list-style: none !important;
  flex: 1;
  margin: 0 0 22px !important;
  padding: 0 !important;
}
.ra-pkg ul.ra-pkg__list li{
  list-style: none !important;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px !important;
  line-height: 1.55 !important;
  color: var(--body-text, #5F5F5F) !important;
  margin: 0 !important;
  padding: 8px 0 !important;
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.ra-pkg ul.ra-pkg__list li:last-child{ border-bottom: none; }
.ra-pkg ul.ra-pkg__list li::before,
.ra-pkg ul.ra-pkg__list li::marker{ content: none !important; }

.ra-pkg__ck{
  flex: 0 0 auto;
  color: #5FB331;
  font-weight: 700;
  font-size: 11px;
  line-height: 1.55;
}

/* ---- button ---- */
.ra-pkg a.ra-pkg__btn{
  display: block;
  text-align: center;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 1px;
  text-decoration: none !important;
  padding: 13px 16px;
  border-radius: 8px;
  background: #FDF0E6;
  color: #f2751a !important;
  border: 1px solid rgba(242,117,26,.25);
  transition: background .2s ease, color .2s ease;
}
.ra-pkg a.ra-pkg__btn:hover{
  background: #f2751a;
  color: #ffffff !important;
}
.ra-pkg a.ra-pkg__btn--solid{
  background: #f2751a;
  color: #ffffff !important;
  border-color: #f2751a;
}
.ra-pkg a.ra-pkg__btn--solid:hover{
  background: #d9640f;
  color: #ffffff !important;
}

/* ---- every plan includes ---- */
.ra-pkg__incl{
  margin-top: 56px;
  text-align: center;
}
.ra-pkg h3.ra-pkg__incl-title{
  font-size: 20px !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  color: var(--ink, #12100E) !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  text-transform: none !important;
}
.ra-pkg ul.ra-pkg__chips{
  list-style: none !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 0 !important;
  padding: 0 !important;
}
.ra-pkg li.ra-pkg__chip{
  list-style: none !important;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #ffffff;
  border: 1px solid #E7E7E7;
  border-radius: 100px;
  padding: 8px 15px;
  font-size: 12px !important;
  line-height: 1.4 !important;
  color: var(--body-text, #5F5F5F) !important;
  margin: 0 !important;
  border-bottom: 1px solid #E7E7E7;
}
.ra-pkg li.ra-pkg__chip::before,
.ra-pkg li.ra-pkg__chip::marker{ content: none !important; }
.ra-pkg li.ra-pkg__chip .ra-pkg__ck{ font-size: 10px; }

/* ---- responsive ---- */
@media (max-width: 1024px){
  .ra-pkg__grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px){
  .ra-pkg{ padding: 64px 0; }
  .ra-pkg h2.ra-pkg__title{ font-size: 28px !important; }
  .ra-pkg__grid{ grid-template-columns: 1fr; }
  .ra-pkg p.ra-pkg__who{ min-height: 0; }
  .ra-pkg__card--best{ order: -1; }
}
@media (prefers-reduced-motion: reduce){
  .ra-pkg a.ra-pkg__btn{ transition: none; }
}


/* ================================================================
   COMPARE PLAN CSS
================================================================ */

/* ---- section shell ---- */
.ra-cmp{
  background: #ffffff;
  padding: 96px 0;
  font-family: 'Poppins', system-ui, -apple-system, sans-serif;
}
.ra-cmp *{ box-sizing: border-box; }
.ra-cmp__wrap{
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ---- heading ---- */
.ra-cmp__head{
  max-width: 680px;
  margin: 0 auto 36px;
  text-align: center;
}
.ra-cmp__eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 12px !important;
  font-weight: 600;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: var(--orange, #f2751a) !important;
  margin-bottom: 14px;
  line-height: 1;
}
.ra-cmp__eyebrow::before{
  content: "";
  width: 22px;
  height: 2px;
  background: var(--orange, #f2751a);
}
.ra-cmp h2.ra-cmp__title{
  font-size: 38px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  letter-spacing: -0.6px !important;
  color: var(--ink, #12100E) !important;
  margin: 0 !important;
  padding: 0 !important;
  text-transform: none !important;
}
.ra-cmp__accent{
  color: var(--orange, #f2751a) !important;
  font-style: normal !important;
  font-weight: inherit;
}
.ra-cmp p.ra-cmp__sub{
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: var(--body-text, #5F5F5F) !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
}

/* ---- swipe hint (mobile only) ---- */
.ra-cmp p.ra-cmp__hint{
  display: none;
  font-size: 11.5px !important;
  color: #A6A6A6 !important;
  text-align: right;
  margin: 0 0 8px !important;
}

/* ---- scroll container ---- */
.ra-cmp__scroll{
  border: 1px solid #E7E7E7;
  border-radius: 12px;
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
}

/* ---- table ---- */
.ra-cmp table.ra-cmp__table{
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
  margin: 0 !important;
  border: none !important;
  font-size: 12.5px;
}

/* header */
.ra-cmp th.ra-cmp__th{
  position: sticky;
  top: 0;
  z-index: 5;
  background: var(--ink, #12100E) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-align: center;
  text-transform: none !important;
  padding: 15px 12px !important;
  border: none !important;
}
.ra-cmp th.ra-cmp__th--feature{
  text-align: left;
  padding-left: 20px !important;
  min-width: 230px;
}
.ra-cmp th.ra-cmp__th--hi{
  background: var(--orange, #f2751a) !important;
}

/* group rows */
.ra-cmp tr.ra-cmp__group td{
  background: #F4F4F4 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--orange, #f2751a) !important;
  padding: 11px 20px !important;
  border-bottom: 1px solid #E7E7E7 !important;
  text-align: left !important;
}

/* body cells */
.ra-cmp tbody td{
  font-size: 12.5px !important;
  line-height: 1.5;
  color: var(--body-text, #5F5F5F) !important;
  text-align: center;
  padding: 11px 12px !important;
  border: none !important;
  border-bottom: 1px solid #EFEFEF !important;
  background: #ffffff;
}
.ra-cmp tbody td:first-child{
  text-align: left;
  padding-left: 20px !important;
  font-weight: 500;
  color: var(--ink, #12100E) !important;
}
.ra-cmp tbody tr:last-child td{ border-bottom: none !important; }
.ra-cmp tbody tr:not(.ra-cmp__group):hover td{ background: #FAFAFA; }

/* marks */
.ra-cmp .ra-cmp__y{
  color: #5FB331 !important;
  font-weight: 700;
}
.ra-cmp .ra-cmp__n{
  color: #D5D5D5 !important;
  font-weight: 700;
}

/* highlight the Silver column */
.ra-cmp tbody td:nth-child(3){
  background: #FEF8F3;
}
.ra-cmp tbody tr:not(.ra-cmp__group):hover td:nth-child(3){
  background: #FDF0E6;
}

/* ---- responsive ---- */
@media (max-width: 960px){
  .ra-cmp{ padding: 64px 0; }
  .ra-cmp h2.ra-cmp__title{ font-size: 28px !important; }
  .ra-cmp p.ra-cmp__hint{ display: block; }
  .ra-cmp th.ra-cmp__th{ position: static; }
}

/* ================================================================
   SEO PROCESS TIMELINE CSS
================================================================ */

/* ---- section shell ---- */
.ra-proc{
  background: #F4F4F4;
  padding: 96px 0;
  font-family: 'Poppins', system-ui, -apple-system, sans-serif;
}
.ra-proc *{ box-sizing: border-box; }
.ra-proc__wrap{
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ---- heading ---- */
.ra-proc__head{
  max-width: 680px;
  margin: 0 auto 48px;
  text-align: center;
}
.ra-proc__eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 12px !important;
  font-weight: 600;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: var(--orange, #f2751a) !important;
  margin-bottom: 14px;
  line-height: 1;
}
.ra-proc__eyebrow::before{
  content: "";
  width: 22px;
  height: 2px;
  background: var(--orange, #f2751a);
}
.ra-proc h2.ra-proc__title{
  font-size: 38px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  letter-spacing: -0.6px !important;
  color: var(--ink, #12100E) !important;
  margin: 0 !important;
  padding: 0 !important;
  text-transform: none !important;
}
.ra-proc__accent{
  color: var(--orange, #f2751a) !important;
  font-style: normal !important;
  font-weight: inherit;
}
.ra-proc p.ra-proc__sub{
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: var(--body-text, #5F5F5F) !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
}

/* ---- steps grid ---- */
.ra-proc ol.ra-proc__steps{
  list-style: none !important;
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
  margin: 0 !important;
  padding: 0 !important;
  counter-reset: none;
}

/* connecting line behind the cards */
.ra-proc ol.ra-proc__steps::before{
  content: "";
  position: absolute;
  top: 52px;
  left: 10%;
  right: 10%;
  height: 2px;
  background: repeating-linear-gradient(
    to right,
    #DCDCDC 0 6px,
    transparent 6px 12px
  );
  z-index: 0;
}

/* ---- step card ---- */
.ra-proc li.ra-proc__step{
  list-style: none !important;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid #E7E7E7;
  border-radius: 12px;
  padding: 26px 22px 22px;
  margin: 0 !important;
  transition: transform .25s ease, border-color .25s ease;
}
.ra-proc li.ra-proc__step::before,
.ra-proc li.ra-proc__step::marker{ content: none !important; }

.ra-proc li.ra-proc__step:hover{
  transform: translateY(-4px);
  border-color: #D5D5D5;
}

/* ---- number badge ---- */
.ra-proc__num{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 12px;
  background: var(--orange, #f2751a);
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0;
  margin-bottom: 18px;
}
.ra-proc li.ra-proc__step:nth-child(4) .ra-proc__num{
  background: var(--lime, #B8FB00);
  color: #3F5A00;
}

/* ---- text ---- */
.ra-proc h3.ra-proc__name{
  font-family: 'Poppins', system-ui, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  color: var(--ink, #12100E) !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  text-transform: none !important;
}
.ra-proc p.ra-proc__text{
  font-size: 12.5px !important;
  line-height: 1.7 !important;
  color: var(--body-text, #5F5F5F) !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  flex: 1;
}

/* ---- timing pill ---- */
.ra-proc__when{
  align-self: flex-start;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: .6px;
  text-transform: uppercase;
  color: var(--body-text, #5F5F5F);
  background: #F4F4F4;
  border: 1px solid #E7E7E7;
  border-radius: 100px;
  padding: 5px 12px;
}

/* ---- footnote ---- */
.ra-proc p.ra-proc__note{
  text-align: center;
  font-size: 13px !important;
  line-height: 1.7 !important;
  color: var(--body-text, #5F5F5F) !important;
  margin: 40px 0 0 !important;
  padding: 0 !important;
}
.ra-proc p.ra-proc__note a{
  color: var(--orange, #f2751a) !important;
  font-weight: 600;
  text-decoration: underline !important;
}

/* ---- responsive ---- */
@media (max-width: 1024px){
  .ra-proc ol.ra-proc__steps{ grid-template-columns: repeat(2, 1fr); }
  .ra-proc ol.ra-proc__steps::before{ display: none; }
}
@media (max-width: 640px){
  .ra-proc{ padding: 64px 0; }
  .ra-proc h2.ra-proc__title{ font-size: 28px !important; }
  .ra-proc ol.ra-proc__steps{ grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce){
  .ra-proc li.ra-proc__step{ transition: none; }
}

/* ================================================================
   PROVEN RESULT CSS
================================================================ */

/* ---- section shell ---- */
.ra-res{
  background: #ffffff;
  padding: 96px 0;
  font-family: 'Poppins', system-ui, -apple-system, sans-serif;
}
.ra-res *{ box-sizing: border-box; }
.ra-res__wrap{
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ---- heading ---- */
.ra-res__head{
  max-width: 680px;
  margin: 0 auto 44px;
  text-align: center;
}
.ra-res__eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 12px !important;
  font-weight: 600;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: var(--orange, #f2751a) !important;
  margin-bottom: 14px;
  line-height: 1;
}
.ra-res__eyebrow::before{
  content: "";
  width: 22px;
  height: 2px;
  background: var(--orange, #f2751a);
}
.ra-res h2.ra-res__title{
  font-size: 38px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  letter-spacing: -0.6px !important;
  color: var(--ink, #12100E) !important;
  margin: 0 !important;
  padding: 0 !important;
  text-transform: none !important;
}
.ra-res__accent{
  color: var(--orange, #f2751a) !important;
  font-style: normal !important;
  font-weight: inherit;
}
.ra-res p.ra-res__sub{
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: var(--body-text, #5F5F5F) !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
}

/* ---- grid ---- */
.ra-res__grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

/* ---- card ---- */
.ra-res__card{
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid #E7E7E7;
  border-radius: 12px;
  overflow: hidden;
  margin: 0;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.ra-res__card:hover{
  transform: translateY(-3px);
  border-color: #D5D5D5;
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
}

/* ---- browser chrome ---- */
.ra-res__chrome{
  display: flex;
  align-items: center;
  gap: 6px;
  background: #F7F7F7;
  border-bottom: 1px solid #E7E7E7;
  padding: 9px 12px;
}
.ra-res__chrome i{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: block;
  flex-shrink: 0;
}
.ra-res__url{
  flex: 1;
  background: #ffffff;
  border: 1px solid #E7E7E7;
  border-radius: 4px;
  height: 18px;
  margin-left: 6px;
  padding: 0 7px;
  font-size: 8px;
  color: #A6A6A6;
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
}

/* ---- svg chart ---- */
.ra-res svg.ra-res__svg{
  display: block;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  background: #ffffff;
  font-family: 'Poppins', system-ui, sans-serif;
  border-bottom: 1px solid #E7E7E7;
}

/* ---- body ---- */
.ra-res__body{
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 16px 18px 18px;
}
.ra-res__tags{
  display: flex;
  gap: 6px;
  margin-bottom: 10px;
}
.ra-res__tag{
  font-size: 9.5px;
  font-weight: 600;
  background: #F4F4F4;
  color: var(--body-text, #5F5F5F);
  padding: 4px 9px;
  border-radius: 5px;
  letter-spacing: .2px;
}
.ra-res h3.ra-res__name{
  font-family: 'Poppins', system-ui, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  color: var(--ink, #12100E) !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
  text-transform: none !important;
}
.ra-res p.ra-res__text{
  font-size: 12px !important;
  line-height: 1.65 !important;
  color: var(--body-text, #5F5F5F) !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  flex: 1;
}

/* ---- footer row ---- */
.ra-res__foot{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.ra-res__metric{
  background: var(--lime, #B8FB00);
  color: #3F5A00;
  font-size: 10.5px;
  font-weight: 700;
  padding: 5px 10px;
  border-radius: 5px;
  white-space: nowrap;
}
.ra-res a.ra-res__link{
  font-size: 11.5px;
  font-weight: 600;
  color: var(--orange, #f2751a) !important;
  text-decoration: none !important;
  white-space: nowrap;
}
.ra-res a.ra-res__link:hover{
  text-decoration: underline !important;
}

/* ---- responsive ---- */
@media (max-width: 960px){
  .ra-res{ padding: 64px 0; }
  .ra-res h2.ra-res__title{ font-size: 28px !important; }
  .ra-res__grid{ grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce){
  .ra-res__card{ transition: none; }
}



/* ================================================================
   STRAIGHT TALK CSS
================================================================ */

/* ---- section shell ---- */
.ra-talk{
  background: #ffffff;
  padding: 96px 0;
  font-family: 'Poppins', system-ui, -apple-system, sans-serif;
}
.ra-talk *{ box-sizing: border-box; }
.ra-talk__wrap{
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ---- heading ---- */
.ra-talk__head{
  max-width: 760px;
  margin: 0 auto 36px;
  text-align: center;
}
.ra-talk__eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 12px !important;
  font-weight: 600;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: var(--orange, #f2751a) !important;
  margin-bottom: 14px;
  line-height: 1;
}
.ra-talk__eyebrow::before{
  content: "";
  width: 22px;
  height: 2px;
  background: var(--orange, #f2751a);
}
.ra-talk h2.ra-talk__title{
  font-size: 38px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  letter-spacing: -0.6px !important;
  color: var(--ink, #12100E) !important;
  margin: 0 !important;
  padding: 0 !important;
  text-transform: none !important;
}
.ra-talk__accent{
  color: var(--orange, #f2751a) !important;
  font-style: normal !important;
  font-weight: inherit;
}

/* ---- body column ---- */
.ra-talk__body{
  max-width: 720px;
  margin: 0 auto;
}

.ra-talk p.ra-talk__text{
  font-size: 14px !important;
  line-height: 1.85 !important;
  color: var(--body-text, #5F5F5F) !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  text-align: left;
}
.ra-talk p.ra-talk__text--lead{
  font-size: 15.5px !important;
  line-height: 1.8 !important;
  color: #3F3F3F !important;
}
.ra-talk p.ra-talk__text strong{
  color: var(--ink, #12100E) !important;
  font-weight: 600 !important;
}

/* ---- pull quote ---- */
.ra-talk blockquote.ra-talk__quote{
  position: relative;
  background: #F4F4F4;
  border-left: 3px solid var(--orange, #f2751a);
  border-radius: 0 10px 10px 0;
  font-size: 16px !important;
  line-height: 1.7 !important;
  font-weight: 500 !important;
  font-style: normal !important;
  color: var(--ink, #12100E) !important;
  margin: 32px 0 !important;
  padding: 24px 26px !important;
  quotes: none;
}
.ra-talk blockquote.ra-talk__quote::before,
.ra-talk blockquote.ra-talk__quote::after{ content: none !important; }

/* ---- button ---- */
.ra-talk a.ra-talk__btn{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--orange, #f2751a);
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none !important;
  padding: 14px 26px;
  border-radius: 8px;
  margin-top: 12px;
  transition: background .2s ease;
}
.ra-talk a.ra-talk__btn:hover{
  background: var(--orange-dark, #d9640f);
  color: #ffffff !important;
}

/* ---- responsive ---- */
@media (max-width: 960px){
  .ra-talk{ padding: 64px 0; }
  .ra-talk h2.ra-talk__title{ font-size: 28px !important; }
  .ra-talk blockquote.ra-talk__quote{
    font-size: 15px !important;
    padding: 20px 22px !important;
  }
}
@media (prefers-reduced-motion: reduce){
  .ra-talk a.ra-talk__btn{ transition: none; }
}