.elementor-kit-10312{--e-global-color-primary:#00B4D8;--e-global-color-secondary:#F3F5F8;--e-global-color-text:#555B6E;--e-global-color-accent:#0374EA;--e-global-color-kadence1:#00b4d8;--e-global-color-kadence2:#f6ae2d;--e-global-color-kadence3:#213343;--e-global-color-kadence4:#213343;--e-global-color-kadence5:#213343;--e-global-color-kadence6:#f26419;--e-global-color-kadence7:#EDF2F7;--e-global-color-kadence8:#F7FAFC;--e-global-color-kadence9:#ffffff;--e-global-color-1cc2f9a:#FFB706;--e-global-color-05214a4:#111111;--e-global-color-c696dce:#666666;--e-global-color-d6cea4e:#888888;--e-global-color-86b4fcd:#FAF9F9;--e-global-color-57c8da2:#E9EDF1;--e-global-color-853ea8c:#000000;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:60px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-text-transform:none;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:1.2em;--e-global-typography-primary-letter-spacing:0px;--e-global-typography-secondary-font-family:"Lexend Deca";--e-global-typography-secondary-font-size:30px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-text-transform:capitalize;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-secondary-letter-spacing:0px;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:1.5em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:0px;--e-global-typography-3f87681-font-family:"Inter";--e-global-typography-3f87681-font-size:17px;--e-global-typography-3f87681-font-weight:400;--e-global-typography-3f87681-font-style:italic;--e-global-typography-3f87681-line-height:1.5em;--e-global-typography-392b9e0-font-family:"Lexend Deca";--e-global-typography-392b9e0-font-size:18px;--e-global-typography-392b9e0-font-weight:600;--e-global-typography-392b9e0-text-transform:capitalize;--e-global-typography-392b9e0-font-style:normal;--e-global-typography-392b9e0-text-decoration:none;--e-global-typography-392b9e0-line-height:1.3em;--e-global-typography-392b9e0-letter-spacing:0px;--e-global-typography-c05b693-font-family:"Poppins";--e-global-typography-c05b693-font-size:22px;--e-global-typography-c05b693-font-weight:300;--e-global-typography-c05b693-text-transform:none;--e-global-typography-c05b693-font-style:normal;--e-global-typography-c05b693-text-decoration:none;--e-global-typography-c05b693-line-height:1.5em;--e-global-typography-c05b693-letter-spacing:0px;--e-global-typography-6558fb1-font-family:"Poppins";--e-global-typography-6558fb1-font-size:16px;--e-global-typography-6558fb1-font-weight:300;--e-global-typography-6558fb1-text-transform:uppercase;--e-global-typography-6558fb1-font-style:normal;--e-global-typography-6558fb1-text-decoration:none;--e-global-typography-6558fb1-line-height:1.5em;--e-global-typography-6558fb1-letter-spacing:7.1px;--e-global-typography-92bce3b-font-family:"Poppins";--e-global-typography-92bce3b-font-size:16px;--e-global-typography-92bce3b-font-weight:400;--e-global-typography-92bce3b-text-transform:capitalize;--e-global-typography-92bce3b-font-style:italic;--e-global-typography-92bce3b-text-decoration:underline;--e-global-typography-92bce3b-line-height:1em;--e-global-typography-92bce3b-letter-spacing:0px;--e-global-typography-b2deeae-font-family:"Lexend Deca";--e-global-typography-b2deeae-font-size:85px;--e-global-typography-b2deeae-font-weight:600;--e-global-typography-b2deeae-text-transform:none;--e-global-typography-b2deeae-font-style:normal;--e-global-typography-b2deeae-text-decoration:none;--e-global-typography-b2deeae-line-height:1em;--e-global-typography-b2deeae-letter-spacing:0px;--e-global-typography-fb1a3e0-font-family:"Poppins";--e-global-typography-fb1a3e0-font-size:112px;--e-global-typography-fb1a3e0-font-weight:600;--e-global-typography-fb1a3e0-text-transform:none;--e-global-typography-fb1a3e0-font-style:normal;--e-global-typography-fb1a3e0-text-decoration:none;--e-global-typography-fb1a3e0-line-height:1.2em;--e-global-typography-fb1a3e0-letter-spacing:0px;--e-global-typography-397e168-font-family:"Poppins";--e-global-typography-397e168-font-size:16px;--e-global-typography-397e168-font-weight:400;--e-global-typography-397e168-text-transform:capitalize;--e-global-typography-397e168-font-style:normal;--e-global-typography-397e168-text-decoration:none;--e-global-typography-397e168-line-height:1.3em;--e-global-typography-397e168-letter-spacing:0px;--e-global-typography-646cc7b-font-family:"Inter";--e-global-typography-646cc7b-font-size:20px;--e-global-typography-646cc7b-font-weight:400;--e-global-typography-646cc7b-line-height:1.5em;background-color:#FFFFFF;color:var( --e-global-color-kadence3 );font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;line-height:1.75em;letter-spacing:0px;}.elementor-kit-10312.el-is-editing{--global-palette1:#00b4d8;--global-palette2:#f6ae2d;--global-palette3:#213343;--global-palette4:#213343;--global-palette5:#213343;--global-palette6:#f26419;--global-palette7:#EDF2F7;--global-palette8:#F7FAFC;--global-palette9:#ffffff;}.elementor-kit-10312 button,.elementor-kit-10312 input[type="button"],.elementor-kit-10312 input[type="submit"],.elementor-kit-10312 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Inter", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:var( --e-global-color-kadence9 );border-radius:6px 6px 6px 6px;padding:10px 12px 10px 12px;}.elementor-kit-10312 e-page-transition{background-color:#FFBC7D;}.elementor-kit-10312 p{margin-block-end:18px;}.elementor-kit-10312 a{color:var( --e-global-color-kadence1 );font-family:"Lexend Deca", Sans-serif;font-weight:400;}.elementor-kit-10312 h1{color:#111111;font-family:"Lexend Deca", Sans-serif;font-weight:600;line-height:1.06em;letter-spacing:-0.5px;}.elementor-kit-10312 h2{color:var( --e-global-color-kadence1 );font-family:"Lexend Deca", Sans-serif;font-size:32px;font-weight:600;line-height:1em;}.elementor-kit-10312 h3{color:var( --e-global-color-kadence3 );font-family:"Lexend Deca", Sans-serif;font-size:24px;font-weight:600;line-height:1.3em;}.elementor-kit-10312 h4{color:var( --e-global-color-kadence3 );font-family:"Poppins", Sans-serif;font-size:20px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;}.elementor-kit-10312 h5{color:var( --e-global-color-kadence1 );font-family:"Inter", Sans-serif;font-weight:600;text-transform:uppercase;}.elementor-kit-10312 h6{color:#888888;font-family:"Inter", Sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;}.elementor-kit-10312 button:hover,.elementor-kit-10312 button:focus,.elementor-kit-10312 input[type="button"]:hover,.elementor-kit-10312 input[type="button"]:focus,.elementor-kit-10312 input[type="submit"]:hover,.elementor-kit-10312 input[type="submit"]:focus,.elementor-kit-10312 .elementor-button:hover,.elementor-kit-10312 .elementor-button:focus{color:var( --e-global-color-secondary );}.elementor-kit-10312 img{border-radius:0px 0px 0px 0px;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1520px;}.e-con{--container-max-width:1520px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1200px){.elementor-kit-10312{--e-global-typography-primary-font-size:45px;--e-global-typography-primary-line-height:1.1em;--e-global-typography-text-font-size:17px;--e-global-typography-b2deeae-font-size:46px;--e-global-typography-646cc7b-font-size:20px;--e-global-typography-646cc7b-line-height:1.5em;font-size:17px;line-height:1.5em;}.elementor-kit-10312 h1{font-size:46px;}.elementor-kit-10312 h2{font-size:30px;}.elementor-kit-10312 h3{font-size:23px;}.elementor-kit-10312 h4{font-size:19px;}.elementor-kit-10312 h5{font-size:16px;line-height:1.5px;}}@media(max-width:1024px){.elementor-kit-10312{--e-global-typography-primary-font-size:45px;--e-global-typography-secondary-font-size:25px;--e-global-typography-text-font-size:17px;--e-global-typography-accent-font-size:14px;--e-global-typography-c05b693-font-size:14px;--e-global-typography-6558fb1-font-size:14px;--e-global-typography-92bce3b-font-size:14px;--e-global-typography-b2deeae-font-size:46px;--e-global-typography-fb1a3e0-font-size:145px;--e-global-typography-397e168-font-size:14px;--e-global-typography-646cc7b-font-size:20px;--e-global-typography-646cc7b-line-height:1.5em;font-size:17px;line-height:1.7em;}.elementor-kit-10312 h1{font-size:65px;line-height:1.1em;}.elementor-kit-10312 h2{font-size:32px;}.elementor-kit-10312 h3{font-size:23px;}.elementor-kit-10312 h4{font-size:19px;}.elementor-kit-10312 h5{font-size:16px;line-height:1.5em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-10312{--e-global-typography-primary-font-size:28px;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-size:20px;--e-global-typography-text-font-size:16px;--e-global-typography-accent-font-size:12px;--e-global-typography-accent-line-height:1.5em;--e-global-typography-accent-letter-spacing:0.6px;--e-global-typography-392b9e0-font-size:18px;--e-global-typography-b2deeae-font-size:40px;--e-global-typography-b2deeae-line-height:1.06em;--e-global-typography-b2deeae-letter-spacing:-0.5px;--e-global-typography-fb1a3e0-font-size:100px;--e-global-typography-fb1a3e0-line-height:1em;--e-global-typography-646cc7b-font-size:18px;--e-global-typography-646cc7b-line-height:1.5em;font-size:16px;line-height:1.7em;}.elementor-kit-10312 h1{font-size:50px;line-height:1.15em;letter-spacing:-0.5px;}.elementor-kit-10312 h2{font-size:28px;line-height:1.25em;letter-spacing:0px;}.elementor-kit-10312 h3{font-size:22px;line-height:1.35em;letter-spacing:0.1px;}.elementor-kit-10312 h4{font-size:18px;line-height:1.4em;}.elementor-kit-10312 h5{font-size:15px;line-height:1.5em;letter-spacing:0.3px;}.elementor-kit-10312 h6{font-size:13px;line-height:1.5em;letter-spacing:0.6px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ========================================
   POST CONTENT WRAPPER
   ======================================== */

.ik-post-content a {
  color: #0374EA;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s;
}

.ik-post-content a:hover {
  border-bottom-color: #0374EA;
}

/* Lead paragraph */
.ik-lead {
  font-size: 19px;
  color: #333;
  line-height: 1.75;
  margin-bottom: 24px;
}

/* Gradient divider */
.ik-post-content hr {
  border: none;
  height: 2px;
  background: linear-gradient(90deg, #00B4D8, #FFB706);
  margin: 40px 0;
  border-radius: 2px;
}


/* ========================================
   KEY TAKEAWAYS BOX
   ======================================== */

.ik-takeaway {
  position: relative;
  background: linear-gradient(135deg, #F7FBFD 0%, #FFFBF0 100%);
  border-radius: 16px;
  padding: 24px;
  margin: 32px 0;
  overflow: hidden;
}

.ik-takeaway::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px;
  background: linear-gradient(135deg, #00B4D8, #FFB706);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.ik-takeaway-title {
  font-family: "Lexend Deca", sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: #111;
  margin: 0 0 12px 0;
}

.ik-takeaway p {
  margin: 0;
  line-height: 1.7;
}


/* ========================================
   HIGHLIGHT BOXES (Pro Tip, Warning, Info, Success)
   ======================================== */

.ik-highlight-box {
  position: relative;
  background: #fff;
  border: 1px solid #E9EDF1;
  border-radius: 16px;
  padding: 24px;
  margin: 32px 0;
  transition: border-color 0.2s;
}

.ik-highlight-box::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(90deg, #00B4D8, #FFB706);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.ik-tip-title {
  font-weight: 600;
  font-size: 18px;
  color: #111;
  margin: 0 0 8px 0;
  line-height: 1.3;
  display: flex;
  align-items: center;
  gap: 8px;
}

.ik-tip-title::before {
  content: "";
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.ik-highlight-box p {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.6;
}

.ik-highlight-box p + p {
  margin-top: 12px;
}

/* Pro Tip (Teal → Yellow) */
.ik-highlight-box.pro-tip::before {
  background: linear-gradient(90deg, #00B4D8, #FFB706);
}

.ik-highlight-box.pro-tip .ik-tip-title::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300B4D8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a6 6 0 0 0-3 11.2V16h6v-1.8A6 6 0 0 0 12 3Z'/%3E%3Cpath d='M9 20h6'/%3E%3C/svg%3E");
}

/* Warning (Orange → Red) */
.ik-highlight-box.warning::before {
  background: linear-gradient(90deg, #FFB706, #FF6B6B);
}

.ik-highlight-box.warning .ik-tip-title::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFB706' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E");
}

/* Info (Blue → Teal) */
.ik-highlight-box.info::before {
  background: linear-gradient(90deg, #0374EA, #00B4D8);
}

.ik-highlight-box.info .ik-tip-title::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230374EA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='16' x2='12' y2='12'/%3E%3Cline x1='12' y1='8' x2='12.01' y2='8'/%3E%3C/svg%3E");
}

/* Success (Green → Teal) */
.ik-highlight-box.success::before {
  background: linear-gradient(90deg, #06D6A0, #00B4D8);
}

.ik-highlight-box.success .ik-tip-title::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2306D6A0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/%3E%3Cpolyline points='22 4 12 14.01 9 11.01'/%3E%3C/svg%3E");
}


/* ========================================
   QUOTE BOX
   ======================================== */

.ik-quote-box {
  position: relative;
  background: #FAF9F9;
  border-left: 4px solid #00B4D8;
  border-radius: 0 16px 16px 0;
  padding: 24px 24px 24px 28px;
  margin: 32px 0;
  font-style: italic;
  color: #555B6E;
}

.ik-quote-box::before {
  content: "\201C";
  position: absolute;
  top: 16px;
  left: -8px;
  font-size: 60px;
  line-height: 1;
  color: #00B4D8;
  opacity: 0.3;
  font-family: Georgia, serif;
  font-style: normal;
}

.ik-quote-box p {
  margin: 0;
  font-size: 18px;
  line-height: 1.7;
}

.ik-quote-author {
  display: block;
  margin-top: 12px;
  font-style: normal;
  font-weight: 600;
  color: #111;
  font-size: 15px;
}

.ik-quote-author::before {
  content: "\2014 ";
}


/* ========================================
   CODE BOX
   ======================================== */

.ik-code-box {
  background: #F8F9FA;
  border-left: 4px solid #00B4D8;
  border-radius: 0 12px 12px 0;
  padding: 20px 24px;
  margin: 28px 0;
  font-size: 15px;
  line-height: 1.6;
  color: #555B6E;
}

.ik-code-box.teal  { border-left-color: #00B4D8; }
.ik-code-box.orange { border-left-color: #FFB706; }
.ik-code-box.red    { border-left-color: #FF6B6B; }


/* ========================================
   TABLES
   ======================================== */

.ik-table {
  width: 100%;
  border-collapse: collapse;
  margin: 24px 0;
  font-size: 15px;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #E9EDF1;
}

.ik-table thead {
  background: linear-gradient(90deg, #0374EA, #00B4D8);
}

.ik-table th {
  text-align: left;
  padding: 14px 16px;
  border-bottom: 2px solid #E9EDF1;
  font-weight: 600;
  color: #fff;
  font-family: "Lexend Deca", Inter, sans-serif;
  font-size: 14px;
}

.ik-table th:first-child {
  border-radius: 12px 0 0 0;
}

.ik-table th:last-child {
  border-radius: 0 12px 0 0;
}

.ik-table td {
  padding: 14px 16px;
  border-bottom: 1px solid #E9EDF1;
  vertical-align: top;
  color: #555B6E;
  line-height: 1.6;
}

.ik-table tbody tr:last-child td {
  border-bottom: none;
}

.ik-table tbody tr:hover {
  background: rgba(0, 180, 216, 0.04);
}

.ik-table a {
  color: #0374EA;
  text-decoration: none;
}

.ik-table a:hover {
  text-decoration: underline;
}

/* Scrollable wrapper for wide tables */
.ik-table-wrap {
  overflow-x: auto;
  margin: 24px 0;
  -webkit-overflow-scrolling: touch;
}

.ik-table-wrap .ik-table {
  margin: 0;
  min-width: 500px;
}


/* ========================================
   BUTTONS
   ======================================== */

.ik-btn {
  display: inline-block;
  background: #0374EA;
  color: #fff !important;
  padding: 12px 28px;
  text-decoration: none !important;
  border-radius: 16px;
  font-weight: 600;
  font-size: 16px;
  transition: all 0.3s;
  border-bottom: none !important;
  margin: 8px 0;
}

.ik-btn:hover {
  background: #00B4D8;
  transform: translateY(-2px);
  color: #fff !important;
  border-bottom: none !important;
}

.ik-btn-primary {
  background: #0374EA;
}

.ik-btn-gradient {
  background: linear-gradient(90deg, #00B4D8, #0374EA);
}

.ik-btn-small {
  padding: 8px 20px;
  font-size: 14px;
  border-radius: 12px;
}


/* ========================================
   PRODUCT / TOOL CARDS (Transactional Posts)
   ======================================== */

.ik-tool-section {
  margin: 32px 0;
  padding: 0;
}

.ik-tool-title {
  font-family: "Lexend Deca", sans-serif;
  font-weight: 600;
  color: #111;
  margin: 0 0 8px 0;
}

.ik-tool-tagline {
  font-size: 16px;
  color: #555B6E;
  margin: 0 0 16px 0;
  font-style: italic;
}

.ik-tool-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  padding: 16px 20px;
  background: #F8F9FA;
  border-radius: 12px;
  margin: 16px 0;
  border-left: 4px solid #00B4D8;
}

.ik-tool-meta-item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ik-tool-meta-label {
  font-size: 14px;
  color: #888;
}

.ik-tool-meta-value {
  font-size: 14px;
  font-weight: 600;
  color: #111;
}

/* Checkmark feature list */
.ik-features {
  list-style: none;
  padding: 0;
  margin: 16px 0;
}

.ik-features li {
  padding: 6px 0 6px 28px;
  position: relative;
  line-height: 1.6;
}

.ik-features li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2306D6A0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

/* Pricing breakdown box */
.ik-pricing-list {
  background: #F8F9FA;
  border-left: 4px solid #0374EA;
  border-radius: 0 12px 12px 0;
  padding: 16px 20px;
  margin: 16px 0;
}

.ik-pricing-list p {
  margin: 4px 0;
}


/* ========================================
   LISTS (Styled)
   ======================================== */

.ik-list {
  list-style: none;
  padding: 0;
  margin: 16px 0;
}

.ik-list li {
  padding: 8px 0 8px 28px;
  position: relative;
  line-height: 1.6;
}

/* Gradient dot bullets */
.ik-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: linear-gradient(135deg, #00B4D8, #0374EA);
}

/* Numbered variant */
.ik-list.numbered {
  counter-reset: ik-counter;
}

.ik-list.numbered li {
  padding-left: 36px;
  counter-increment: ik-counter;
}

.ik-list.numbered li::before {
  content: counter(ik-counter);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: linear-gradient(135deg, #00B4D8, #0374EA);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 8px;
}

/* Check variant */
.ik-list.check li::before {
  width: 16px;
  height: 16px;
  border-radius: 0;
  background: none;
  top: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2306D6A0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}


/* ========================================
   STATS GRID
   ======================================== */

.ik-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 16px;
  margin: 32px 0;
}

.ik-stat {
  text-align: center;
  padding: 20px 16px;
  background: #F8F9FA;
  border-radius: 12px;
  border: 1px solid #E9EDF1;
}

.ik-stat-number {
  font-family: "Lexend Deca", sans-serif;
  font-size: 32px;
  font-weight: 600;
  color: #0374EA;
  display: block;
}

.ik-stat-label {
  font-size: 14px;
  color: #555B6E;
  margin-top: 4px;
  display: block;
}


/* ========================================
   DO / DON'T COMPARISON
   ======================================== */

.ik-compare {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin: 32px 0;
}

.ik-compare-do,
.ik-compare-dont {
  padding: 20px;
  border-radius: 12px;
}

.ik-compare-do {
  background: #F0FFF4;
  border: 1px solid #C6F6D5;
}

.ik-compare-dont {
  background: #FFF5F5;
  border: 1px solid #FED7D7;
}


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

.ik-faq {
  margin: 32px 0;
}

.ik-faq-item {
  border-bottom: 1px solid #E9EDF1;
  padding: 20px 0;
}

.ik-faq-item:last-child {
  border-bottom: none;
}

.ik-faq-q {
  font-family: "Lexend Deca", sans-serif;
  font-size: 17px;
  font-weight: 600;
  color: #111;
  margin: 0 0 8px 0;
}

.ik-faq-a {
  margin: 0;
  line-height: 1.7;
  color: #555B6E;
}


/* ========================================
   NEWSLETTER SIGNUP (Inline)
   ======================================== */

.newsletter-signup-inline {
  position: relative;
  background: linear-gradient(135deg, #F7FBFD 0%, #FFFBF0 100%);
  border-radius: 12px;
  padding: 28px 32px;
  margin: 20px 0;
  overflow: hidden;
}

.newsletter-signup-inline::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 12px;
  padding: 2px;
  background: linear-gradient(135deg, #00B4D8, #FFB706);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.newsletter-signup-inline-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.newsletter-signup-inline-icon {
  font-size: 24px;
}

.newsletter-signup-inline-title {
  font-family: 'Lexend Deca', sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #111;
}

.newsletter-signup-inline-subtitle {
  font-size: 14px;
  color: #555B6E;
  margin-bottom: 18px;
  line-height: 1.5;
}

.newsletter-signup-inline-form {
  display: flex;
  gap: 10px;
}

.newsletter-signup-inline input[type="email"] {
  flex: 1;
  padding: 12px 16px;
  border: 2px solid #E0E7EF;
  border-radius: 8px;
  font-size: 15px;
  background: #fff;
  color: #111;
  font-family: Inter, sans-serif;
}

.newsletter-signup-inline input[type="email"]::placeholder {
  color: #9CA3AF;
}

.newsletter-signup-inline input[type="email"]:focus {
  outline: none;
  border-color: #00B4D8;
}

.newsletter-signup-inline button {
  padding: 12px 28px;
  background: linear-gradient(90deg, #00B4D8, #0374EA);
  color: #fff;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  font-size: 15px;
  cursor: pointer;
  white-space: nowrap;
  transition: transform 0.2s;
  font-family: Inter, sans-serif;
}

.newsletter-signup-inline button:hover {
  transform: translateY(-2px);
}


/* ========================================
   RESPONSIVE
   ======================================== */

@media (max-width: 767px) {
  .ik-highlight-box,
  .ik-takeaway {
    padding: 16px;
    margin: 20px 0;
    border-radius: 12px;
  }

  .ik-quote-box {
    padding: 16px 16px 16px 20px;
    border-radius: 0 12px 12px 0;
    margin: 20px 0;
  }

  .ik-quote-box::before {
    font-size: 40px;
    top: 8px;
    left: -6px;
  }

  .ik-tip-title {
    font-size: 16px;
    margin-bottom: 6px;
  }

  .ik-tip-title::before {
    width: 16px;
    height: 16px;
  }

  .ik-highlight-box p,
  .ik-quote-box p {
    font-size: 14px;
    line-height: 1.65;
  }

  .ik-table {
    font-size: 14px;
    margin: 20px 0;
  }

  .ik-table th,
  .ik-table td {
    padding: 12px 14px;
  }

  .ik-table th {
    font-size: 13px;
  }

  .ik-tool-meta {
    gap: 12px;
    padding: 12px 16px;
  }

  .ik-compare {
    grid-template-columns: 1fr;
  }

  .ik-stats {
    grid-template-columns: repeat(2, 1fr);
  }

  .ik-btn {
    display: block;
    text-align: center;
  }

  .newsletter-signup-inline {
    padding: 24px 20px;
  }

  .newsletter-signup-inline-form {
    flex-direction: column;
  }

  .newsletter-signup-inline button {
    width: 100%;
  }
}/* End custom CSS */