/* =========================================================    BASE ========================================================= */  .cpafi-secc-guide, .cpafi-secc-guide * {   box-sizing: border-box; }  .cpafi-secc-guide {   width: 100%;   margin: 0;   padding: 0;   color: #171717; }  .cpafi-guide-container {   width: calc(100% - 48px);   max-width: 1340px;   margin: 0 auto; }   /* =========================================================    STEP SECTIONS ========================================================= */  .cpafi-guide-step {   width: 100%;   margin: 0;   padding: 72px 24px; }  .cpafi-guide-white {   background: #ffffff; }  .cpafi-guide-blue {   background: #EAF7FD; }  .cpafi-guide-gold {   background: #FFF8E5; }   /* =========================================================    TWO-COLUMN STEP LAYOUT ========================================================= */  .cpafi-guide-grid {   display: grid;   grid-template-columns:     minmax(0, 1.05fr)     minmax(420px, .95fr);    gap: 70px;   align-items: center; }  .cpafi-step-content {   min-width: 0; }   /* =========================================================    STEP HEADINGS ========================================================= */  .cpafi-step-heading {   display: flex;   align-items: center;   gap: 28px;   margin: 0 0 22px; }  .cpafi-step-number {   width: 54px;   height: 54px;   min-width: 54px;    display: flex;   align-items: center;   justify-content: center;    border-radius: 50%;    background: #17376F;   color: #ffffff;    font-size: 27px;   line-height: 1;   font-weight: 600; }  .cpafi-step-heading h2 {   margin: 0 !important;   padding: 0 !important;    color: #111111 !important;    font-size: 30px !important;   line-height: 1.2 !important;   font-weight: 700 !important; }   /* =========================================================    STEP COPY ========================================================= */  .cpafi-step-copy {   padding-left: 82px; }  .cpafi-step-copy-wide {   max-width: 1000px; }  .cpafi-step-copy p {   margin: 0 0 20px !important;    color: #222222 !important;    font-size: 16px !important;   line-height: 1.6 !important; }  .cpafi-step-copy p:last-child {   margin-bottom: 0 !important; }  .cpafi-step-copy strong {   font-weight: 700; }   /* =========================================================    SCREENSHOTS ========================================================= */  .cpafi-step-image {   width: 100%;   min-width: 0; }  .cpafi-step-image img, .cpafi-two-images img {   display: block;   width: 100%;   max-width: 100%;   height: auto;   margin: 0; }   /* =========================================================    STEP 2 ========================================================= */  .cpafi-gift-options {   margin-top: 18px; }  .cpafi-gift-option {   margin-bottom: 18px; }  .cpafi-gift-option:last-child {   margin-bottom: 0; }  .cpafi-gift-option h3 {   margin: 0 0 4px !important;   padding: 0 !important;    color: #111111 !important;    font-size: 24px !important;   line-height: 1.25 !important;   font-weight: 700 !important; }  .cpafi-gift-option p {   margin-bottom: 12px !important; }  .cpafi-two-images {   display: grid;   grid-template-columns: repeat(2, minmax(0, 1fr));    gap: 32px;    width: 100%;   margin-top: 48px; }  .cpafi-two-images figure {   min-width: 0;   margin: 0; }   /* =========================================================    TABLET ========================================================= */  @media screen and (max-width: 950px) {    .cpafi-guide-step {     padding: 58px 24px;   }    .cpafi-guide-grid {     grid-template-columns: 1fr;     gap: 38px;   }    .cpafi-step-image {     width: 100%;     max-width: 700px;     margin: 0 auto;   }    .cpafi-two-images {     gap: 22px;   }  }   /* =========================================================    MOBILE ========================================================= */  @media screen and (max-width: 700px) {    .cpafi-guide-container {     width: 100%;   }    .cpafi-guide-step {     padding: 46px 22px;   }    .cpafi-guide-grid {     display: block;   }     /* Step heading */    .cpafi-step-heading {     align-items: flex-start;     gap: 15px;     margin-bottom: 20px;   }    .cpafi-step-number {     width: 44px;     height: 44px;     min-width: 44px;      font-size: 22px;   }    .cpafi-step-heading h2 {     padding-top: 5px !important;      font-size: 24px !important;     line-height: 1.25 !important;   }     /* Step copy */    .cpafi-step-copy {     padding-left: 59px;   }    .cpafi-step-copy p {     margin-bottom: 16px !important;      font-size: 15px !important;     line-height: 1.55 !important;   }    .cpafi-gift-option h3 {     font-size: 20px !important;   }     /* Standard screenshots */    .cpafi-step-image {     width: calc(100% - 59px);     max-width: none;      margin: 28px 0 0 59px;   }     /* Step 2 screenshots */    .cpafi-two-images {     display: block;      width: calc(100% - 59px);      margin: 28px 0 0 59px;   }    .cpafi-two-images figure {     margin: 0 0 24px;   }    .cpafi-two-images figure:last-child {     margin-bottom: 0;   }  }   /* =========================================================    SMALL MOBILE ========================================================= */  @media screen and (max-width: 430px) {    .cpafi-guide-step {     padding: 40px 18px;   }    .cpafi-step-heading {     gap: 13px;   }    .cpafi-step-number {     width: 42px;     height: 42px;     min-width: 42px;      font-size: 21px;   }    .cpafi-step-heading h2 {     padding-top: 5px !important;     font-size: 22px !important;   }     /*      Remove indentation on very small screens so the      instructions and screenshots have enough usable width.   */    .cpafi-step-copy {     padding-left: 0;   }    .cpafi-step-image,   .cpafi-two-images {     width: 100%;     margin-left: 0;   }  }    /* =========================================================    FINAL SECC CTA ========================================================= */  .secc-final-cta, .secc-final-cta * {   box-sizing: border-box !important; }  .secc-final-cta {   display: block !important;   width: 100% !important;   max-width: none !important;    margin: 0 !important;   padding: 48px 42px !important;    background: linear-gradient(     110deg,     #062d55 0%,     #0B3765 58%,     #07305b 100%   ) !important; }   /* =========================================================    DESKTOP LAYOUT ========================================================= */  .secc-final-cta .secc-final-inner {   display: grid !important;   grid-template-columns: 70px minmax(0, 1fr) auto !important;   align-items: center !important;    column-gap: 34px !important;    width: 100% !important;   max-width: 1120px !important;    margin: 0 auto !important;   padding: 0 !important; }   /* =========================================================    INDIANA ========================================================= */  .secc-final-cta .secc-state-icon {   display: flex !important;   align-items: center !important;   justify-content: center !important;    width: 70px !important;   margin: 0 !important;   padding: 0 !important; }  .secc-final-cta .secc-state-icon svg {   display: block !important;   width: 56px !important;   height: auto !important;   margin: 0 !important; }  .secc-final-cta .secc-state-icon path {   fill: none !important;   stroke: rgba(255, 255, 255, .35) !important;   stroke-width: .8 !important;   stroke-linecap: round !important;   stroke-linejoin: round !important; }   /* =========================================================    COPY ========================================================= */  .secc-final-cta .secc-final-copy {   width: 100% !important;   max-width: 650px !important;    margin: 0 !important;   padding: 0 !important; }  .secc-final-cta .secc-final-copy h2 {   margin: 0 0 10px !important;   padding: 0 !important;    color: #ffffff !important;    font-size: 34px !important;   line-height: 1.15 !important;   font-weight: 700 !important;    text-align: left !important; }  .secc-final-cta .secc-final-copy p {   max-width: 620px !important;    margin: 0 !important;   padding: 0 !important;    color: rgba(255, 255, 255, .95) !important;    font-size: 16px !important;   line-height: 1.55 !important;   font-weight: 400 !important;    text-align: left !important; }   /* =========================================================    BUTTON ========================================================= */  .secc-final-cta .secc-final-action {   width: auto !important;   margin: 0 !important;   padding: 0 !important; }  .secc-final-cta .secc-final-button {   display: inline-flex !important;   align-items: center !important;   justify-content: space-between !important;    gap: 18px !important;    min-width: 196px !important;    margin: 0 !important;   padding: 15px 20px !important;    background: #FFD51E !important;   color: #0B3765 !important;    border: 0 !important;   border-radius: 5px !important;    font-size: 16px !important;   line-height: 1.2 !important;   font-weight: 700 !important;    text-decoration: none !important;   box-shadow: none !important;    transition:     background-color .2s ease,     transform .2s ease; }  .secc-final-cta .secc-final-button:hover {   background: #ffffff !important;   color: #0B3765 !important;   text-decoration: none !important;    transform: translateY(-2px); }  .secc-final-cta .secc-final-button:focus-visible {   outline: 3px solid #ffffff !important;   outline-offset: 4px !important; }  .secc-final-cta .secc-button-arrow {   display: inline-block !important;    font-size: 25px !important;   line-height: 1 !important;   font-weight: 400 !important; }   /* =========================================================    TABLET    Indiana + copy on first row    Button underneath, aligned with copy ========================================================= */  @media screen and (max-width: 900px) {    .secc-final-cta {     padding: 42px 30px !important;   }    .secc-final-cta .secc-final-inner {     grid-template-columns: 55px minmax(0, 1fr) !important;      column-gap: 24px !important;     row-gap: 24px !important;   }    .secc-final-cta .secc-state-icon {     width: 55px !important;   }    .secc-final-cta .secc-state-icon svg {     width: 46px !important;   }    .secc-final-cta .secc-final-action {     grid-column: 2 !important;   }  }   /* =========================================================    MOBILE    Copy + full-width button ========================================================= */  @media screen and (max-width: 600px) {    .secc-final-cta {     padding: 36px 24px !important;   }    .secc-final-cta .secc-final-inner {     display: block !important;     width: 100% !important;   }    .secc-final-cta .secc-state-icon {     display: none !important;   }    .secc-final-cta .secc-final-copy {     width: 100% !important;     max-width: none !important;   }    .secc-final-cta .secc-final-copy h2 {     margin-bottom: 10px !important;      font-size: 28px !important;     line-height: 1.2 !important;   }    .secc-final-cta .secc-final-copy p {     width: 100% !important;     max-width: none !important;      font-size: 15px !important;     line-height: 1.55 !important;   }    .secc-final-cta .secc-final-action {     width: 100% !important;     margin: 24px 0 0 !important;   }    .secc-final-cta .secc-final-button {     display: flex !important;     width: 100% !important;     min-width: 0 !important;   }  }  #sp-ns953m{background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('https://cpafi.org/wp-content/uploads/2026/09/CPAFI-Banner-01-1-scaled-8.jpg'); width: 100%; max-width: 100%; padding: 0px 10px;}#sp-ta1b4m{padding: 0px; width: auto; max-width: 1000px;}#sp-hic7wb{width: calc(100% + 0px);}#sp-fwzj18{height: 60px;}#sp-2svmrlhuet{text-decoration: none;}#sp-y034zd{font-weight: 600; font-style: normal; color: rgb(0, 85, 164); text-align: center; margin: 0px;}#sp-zmf1zd{margin: 0px; text-align: center;}#sp-kr4u56{width: 100%; max-width: 100%;}#sp-tb4jex{width: calc(100% + 0px);}#sp-vgyny9{margin: 0px;}#sp-lw4deu{width: 100%; max-width: 100%;}#sp-iy4cew{width: calc(100% + 0px);}#sp-jrjgqr{margin: 0px;}@media only screen and (max-width: 480px) { #sp-fwzj18 {height:10px !important;} .sp-headline-block-y034zd,   #sp-y034zd,   #y034zd {font-size:50px !important;text-align:center !important;} .sp-text-wrapper-zmf1zd,   #sp-zmf1zd,   #zmf1zd {text-align:left !important;}}@media only screen and (min-width: 481px) and (max-width: 1024px) { #sp-fwzj18 {height:10px !important;} .sp-headline-block-y034zd,   #sp-y034zd,   #y034zd {text-align:center !important;} .sp-text-wrapper-zmf1zd,   #sp-zmf1zd,   #zmf1zd {text-align:left !important;}}