.elementor-4498 .elementor-element.elementor-element-7663c20{--display:flex;}.elementor-4498 .elementor-element.elementor-element-e3a98bf{--display:flex;}.elementor-4498 .elementor-element.elementor-element-c9015ee{--display:flex;}.elementor-4498 .elementor-element.elementor-element-3b23bf1{--display:flex;}.elementor-4498 .elementor-element.elementor-element-136b354{--display:flex;}/* Start custom CSS *//* Mobile IV Phoenix — Blog Master CSS | v3.1 — 2026-05-27 */
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@600;700;800&family=Inter:wght@400;500;600&display=swap');

:root {
  --mobile-iv-navy:           #023059;
  --mobile-iv-navy-hover:     #034A87;
  --mobile-iv-blue:           #079DE5;
  --mobile-iv-blue-hover:     #06B3FF;
  --mobile-iv-blue-light:     rgba(7, 157, 229, 0.10);
  --mobile-iv-teal:           #0D9488;
  --mobile-iv-teal-hover:     #0F766E;
  --mobile-iv-green:          #22C55E;
  --mobile-iv-body:           #1E293B;
  --mobile-iv-body-soft:      #475569;
  --mobile-iv-body-mute:      #64748B;
  --mobile-iv-white:          #FFFFFF;
  --mobile-iv-shade:          rgba(2, 48, 89, 0.03);
  --mobile-iv-shade-strong:   rgba(2, 48, 89, 0.06);
  --mobile-iv-border:         rgba(2, 48, 89, 0.10);
  --mobile-iv-border-strong:  rgba(2, 48, 89, 0.18);
  --mobile-iv-shadow:         0 4px 15px rgba(2, 48, 89, 0.08);
  --mobile-iv-shadow-lg:      0 8px 25px rgba(2, 48, 89, 0.12);
  --mobile-iv-radius:         16px;
  --mobile-iv-radius-sm:      8px;
  --mobile-iv-font:           'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --mobile-iv-font-heading:   'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --mobile-iv-gradient:       linear-gradient(135deg, #023059 0%, #079DE5 50%, #0D9488 100%);
  --mobile-iv-gradient-bar:   linear-gradient(180deg, #023059 0%, #079DE5 100%);
  --mobile-iv-lh-body:        1.6;
  --mobile-iv-lh-heading:     1.2;
  --mobile-iv-space-para:     1em;
  --mobile-iv-space-above-h:  2em;
  --mobile-iv-space-below-h:  0.6em;
}
.mobile-iv-domains, .mobile-iv-toc, .mobile-iv-short, .mobile-iv-faq, .mobile-iv-cta,
.mobile-iv-prose-01, .mobile-iv-prose-02, .mobile-iv-prose-03, .mobile-iv-prose-04,
.mobile-iv-prose-05, .mobile-iv-prose-06, .mobile-iv-prose-07 {
  font-family: var(--mobile-iv-font); color: var(--mobile-iv-body);
  max-width: 820px; margin: 64px auto 0;
}
.mobile-iv-domains:first-child, .mobile-iv-toc:first-child, .mobile-iv-short:first-child,
.mobile-iv-faq:first-child, .mobile-iv-cta:first-child, .mobile-iv-prose-01:first-child,
.mobile-iv-prose-02:first-child, .mobile-iv-prose-03:first-child, .mobile-iv-prose-04:first-child,
.mobile-iv-prose-05:first-child, .mobile-iv-prose-06:first-child, .mobile-iv-prose-07:first-child { margin-top: 0; }
@media (max-width: 640px) {
  .mobile-iv-domains, .mobile-iv-toc, .mobile-iv-short, .mobile-iv-faq, .mobile-iv-cta,
  .mobile-iv-prose-01, .mobile-iv-prose-02, .mobile-iv-prose-03, .mobile-iv-prose-04,
  .mobile-iv-prose-05, .mobile-iv-prose-06, .mobile-iv-prose-07 { margin-top: 48px; }
}
.mobile-iv-domains *, .mobile-iv-toc *, .mobile-iv-short *, .mobile-iv-faq *, .mobile-iv-cta *,
.mobile-iv-prose-01 *, .mobile-iv-prose-02 *, .mobile-iv-prose-03 *, .mobile-iv-prose-04 *,
.mobile-iv-prose-05 *, .mobile-iv-prose-06 *, .mobile-iv-prose-07 * { box-sizing: border-box; }
.mobile-iv-domains a, .mobile-iv-toc a, .mobile-iv-short a, .mobile-iv-faq a, .mobile-iv-cta a,
.mobile-iv-prose-01 a, .mobile-iv-prose-02 a, .mobile-iv-prose-03 a, .mobile-iv-prose-04 a,
.mobile-iv-prose-05 a, .mobile-iv-prose-06 a, .mobile-iv-prose-07 a {
  color: var(--mobile-iv-blue) !important; text-decoration: underline;
  text-decoration-thickness: 2px; text-underline-offset: 3px; font-weight: 600; transition: color 0.2s ease;
}
.mobile-iv-prose-01, .mobile-iv-prose-02, .mobile-iv-prose-03, .mobile-iv-prose-04,
.mobile-iv-prose-05, .mobile-iv-prose-06, .mobile-iv-prose-07 { font-size: 18px; line-height: var(--mobile-iv-lh-body); color: var(--mobile-iv-body); }
.mobile-iv-prose-01 > :first-child, .mobile-iv-prose-02 > :first-child, .mobile-iv-prose-03 > :first-child,
.mobile-iv-prose-04 > :first-child, .mobile-iv-prose-05 > :first-child, .mobile-iv-prose-06 > :first-child,
.mobile-iv-prose-07 > :first-child { margin-top: 0; }
.mobile-iv-prose-01 h2, .mobile-iv-prose-02 h2, .mobile-iv-prose-03 h2, .mobile-iv-prose-04 h2,
.mobile-iv-prose-05 h2, .mobile-iv-prose-06 h2, .mobile-iv-prose-07 h2 {
  font-family: var(--mobile-iv-font-heading); font-size: 30px; line-height: var(--mobile-iv-lh-heading);
  font-weight: 800; letter-spacing: -0.03em; color: var(--mobile-iv-navy);
  margin-top: var(--mobile-iv-space-above-h); margin-bottom: var(--mobile-iv-space-below-h);
  padding: 0.5em 0.85em; background: var(--mobile-iv-shade); border-left: 5px solid;
  border-image: var(--mobile-iv-gradient-bar) 1; border-radius: 4px;
}
.mobile-iv-prose-01 h3, .mobile-iv-prose-02 h3, .mobile-iv-prose-03 h3, .mobile-iv-prose-04 h3,
.mobile-iv-prose-05 h3, .mobile-iv-prose-06 h3, .mobile-iv-prose-07 h3 {
  font-family: var(--mobile-iv-font-heading); font-size: 22px; line-height: 1.3; font-weight: 700;
  letter-spacing: -0.02em; color: var(--mobile-iv-blue); margin-top: 1.75em; margin-bottom: 0.5em;
  padding-left: 0.7em; border-left: 4px solid var(--mobile-iv-blue);
}
.mobile-iv-prose-01 p, .mobile-iv-prose-02 p, .mobile-iv-prose-03 p, .mobile-iv-prose-04 p,
.mobile-iv-prose-05 p, .mobile-iv-prose-06 p, .mobile-iv-prose-07 p {
  margin-top: 0; margin-bottom: var(--mobile-iv-space-para); font-size: 18px; font-weight: 400;
  color: var(--mobile-iv-body); line-height: var(--mobile-iv-lh-body);
}
.mobile-iv-prose-06 ol { margin: 0 0 1em 0; padding-left: 1.5em; }
.mobile-iv-prose-06 li { margin-bottom: 0.5em; font-size: 18px; line-height: var(--mobile-iv-lh-body); color: var(--mobile-iv-body); }
.mobile-iv-prose-01 strong, .mobile-iv-prose-02 strong, .mobile-iv-prose-03 strong, .mobile-iv-prose-04 strong,
.mobile-iv-prose-05 strong, .mobile-iv-prose-06 strong, .mobile-iv-prose-07 strong { font-weight: 600; color: var(--mobile-iv-navy); }
@media (max-width: 640px) {
  .mobile-iv-prose-01 h2, .mobile-iv-prose-02 h2, .mobile-iv-prose-03 h2, .mobile-iv-prose-04 h2,
  .mobile-iv-prose-05 h2, .mobile-iv-prose-06 h2, .mobile-iv-prose-07 h2 { font-size: 24px; padding: 0.45em 0.7em; }
  .mobile-iv-prose-01 h3, .mobile-iv-prose-02 h3, .mobile-iv-prose-03 h3, .mobile-iv-prose-04 h3,
  .mobile-iv-prose-05 h3, .mobile-iv-prose-06 h3, .mobile-iv-prose-07 h3 { font-size: 19px; }
}

/* ---- Used widget mechanics (from widget library inline styles) ---- */
.mobile-iv-short, .mobile-iv-faq { background: #FFFFFF !important; border: 1px solid var(--mobile-iv-border) !important; border-radius: var(--mobile-iv-radius) !important; box-shadow: var(--mobile-iv-shadow) !important; overflow: hidden !important; }
.mobile-iv-faq__bar { height: 4px !important; background: var(--mobile-iv-gradient) !important; }
.mobile-iv-short { position: relative !important; transition: all 0.3s ease !important; }
.mobile-iv-short:hover { box-shadow: var(--mobile-iv-shadow-lg) !important; }
.mobile-iv-short::before { content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 4px !important; background: var(--mobile-iv-gradient) !important; border-radius: var(--mobile-iv-radius) var(--mobile-iv-radius) 0 0 !important; }
.mobile-iv-short__inner { display: flex !important; align-items: flex-start !important; gap: 20px !important; padding: 28px 32px !important; }
.mobile-iv-short__icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 48px !important; height: 48px !important; min-width: 48px !important; background: var(--mobile-iv-blue-light) !important; border-radius: 12px !important; font-size: 22px !important; }
.mobile-iv-short__title { font-family: var(--mobile-iv-font-heading) !important; font-size: 22px !important; font-weight: 700 !important; color: var(--mobile-iv-navy) !important; line-height: 1.25 !important; letter-spacing: -0.03em !important; margin-bottom: 8px !important; }
.mobile-iv-short__text { font-family: var(--mobile-iv-font) !important; font-size: 18px !important; color: var(--mobile-iv-body) !important; line-height: 1.6 !important; }
@media (max-width: 768px) { .mobile-iv-short__inner { flex-direction: column !important; gap: 14px !important; padding: 24px 20px !important; } .mobile-iv-short__title { font-size: 20px !important; } }
.mobile-iv-toc { background: var(--mobile-iv-shade) !important; border: 1px solid var(--mobile-iv-border) !important; border-radius: var(--mobile-iv-radius) !important; padding: 28px 32px 24px !important; box-shadow: var(--mobile-iv-shadow) !important; }
.mobile-iv-toc__title { font-family: var(--mobile-iv-font-heading) !important; font-size: 24px !important; font-weight: 700 !important; color: var(--mobile-iv-navy) !important; line-height: 1.2 !important; letter-spacing: -0.03em !important; }
.mobile-iv-toc__divider { height: 3px !important; background: linear-gradient(135deg, #023059 0%, #079DE5 50%, #0D9488 60%, transparent 100%) !important; border: none !important; margin: 14px 0 20px 0 !important; border-radius: 3px !important; }
.mobile-iv-toc__list { list-style: none !important; display: flex !important; flex-direction: column !important; gap: 4px !important; }
.mobile-iv-toc__item { display: flex !important; align-items: center !important; gap: 14px !important; padding: 10px 14px !important; border-radius: 10px !important; transition: background 0.3s ease !important; }
.mobile-iv-toc__item:hover { background: rgba(7, 157, 229, 0.06) !important; }
.mobile-iv-toc__link { font-family: var(--mobile-iv-font) !important; font-size: 17px !important; font-weight: 500 !important; color: var(--mobile-iv-navy) !important; text-decoration: none !important; line-height: 1.4 !important; transition: all 0.3s ease !important; }
.mobile-iv-toc__link:hover { color: var(--mobile-iv-blue) !important; }
.mobile-iv-domains { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 18px !important; }
.mobile-iv-domains__card { background: #FFFFFF !important; border-radius: var(--mobile-iv-radius) !important; overflow: hidden !important; box-shadow: var(--mobile-iv-shadow) !important; border: 1px solid var(--mobile-iv-border) !important; transition: transform 0.3s ease, box-shadow 0.3s ease !important; }
.mobile-iv-domains__card:hover { transform: translateY(-3px) !important; box-shadow: var(--mobile-iv-shadow-lg) !important; }
.mobile-iv-domains__header { display: flex !important; align-items: center !important; gap: 14px !important; padding: 16px 20px !important; }
.mobile-iv-domains__header--navy { background: linear-gradient(135deg, rgba(2,48,89,0.08) 0%, rgba(2,48,89,0.03) 100%) !important; }
.mobile-iv-domains__header--blue { background: linear-gradient(135deg, rgba(7,157,229,0.10) 0%, rgba(7,157,229,0.03) 100%) !important; }
.mobile-iv-domains__header--teal { background: linear-gradient(135deg, rgba(13,148,136,0.10) 0%, rgba(13,148,136,0.03) 100%) !important; }
.mobile-iv-domains__header--green { background: linear-gradient(135deg, rgba(34,197,94,0.10) 0%, rgba(34,197,94,0.03) 100%) !important; }
.mobile-iv-domains__icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 40px !important; min-width: 40px !important; background: #FFFFFF !important; border-radius: 8px !important; box-shadow: 0 2px 8px rgba(2, 48, 89, 0.07) !important; font-size: 20px !important; }
.mobile-iv-domains__title { font-family: var(--mobile-iv-font-heading) !important; font-size: 18px !important; font-weight: 700 !important; color: var(--mobile-iv-navy) !important; line-height: 1.25 !important; letter-spacing: -0.03em !important; }
.mobile-iv-domains__body { padding: 18px 20px 22px !important; }
.mobile-iv-domains__desc { font-family: var(--mobile-iv-font) !important; font-size: 17px !important; color: var(--mobile-iv-body) !important; line-height: 1.6 !important; }
@media (max-width: 768px) { .mobile-iv-domains { grid-template-columns: 1fr !important; gap: 14px !important; } }
.mobile-iv-faq__header { padding: 24px 28px 0 !important; }
.mobile-iv-faq__title { font-family: var(--mobile-iv-font-heading) !important; font-size: 22px !important; font-weight: 700 !important; color: var(--mobile-iv-navy) !important; line-height: 1.25 !important; letter-spacing: -0.03em !important; margin-bottom: 18px !important; }
.mobile-iv-faq__item { border-top: 1px solid var(--mobile-iv-border) !important; }
.mobile-iv-faq__question { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; width: 100% !important; padding: 18px 28px !important; background: none !important; border: none !important; cursor: pointer !important; text-align: left !important; transition: background 0.3s ease !important; }
.mobile-iv-faq__question:hover { background: rgba(7, 157, 229, 0.04) !important; }
.mobile-iv-faq__question-text { font-family: var(--mobile-iv-font-heading) !important; font-size: 17px !important; font-weight: 600 !important; color: var(--mobile-iv-navy) !important; line-height: 1.4 !important; letter-spacing: -0.02em !important; }
.mobile-iv-faq__chevron { width: 22px !important; height: 22px !important; min-width: 22px !important; stroke: var(--mobile-iv-blue) !important; fill: none !important; stroke-width: 2.5 !important; stroke-linecap: round !important; stroke-linejoin: round !important; transition: transform 0.3s ease !important; }
.mobile-iv-faq__item.active .mobile-iv-faq__chevron { transform: rotate(180deg) !important; }
.mobile-iv-faq__answer { max-height: 0 !important; overflow: hidden !important; transition: max-height 0.4s ease !important; }
.mobile-iv-faq__answer-inner { padding: 0 28px 22px !important; }
.mobile-iv-faq__answer-text { font-family: var(--mobile-iv-font) !important; font-size: 17px !important; color: var(--mobile-iv-body) !important; line-height: 1.65 !important; }
@media (max-width: 768px) { .mobile-iv-faq__question { padding: 16px 20px !important; } .mobile-iv-faq__answer-inner { padding: 0 20px 18px !important; } }
.mobile-iv-cta { background: var(--mobile-iv-gradient) !important; border-radius: var(--mobile-iv-radius) !important; padding: 40px 36px !important; text-align: center !important; box-shadow: 0 12px 40px rgba(3, 4, 94, 0.25) !important; position: relative !important; overflow: hidden !important; }
.mobile-iv-cta::before { content: '' !important; position: absolute !important; top: -40% !important; right: -20% !important; width: 280px !important; height: 280px !important; background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 70%) !important; border-radius: 50% !important; pointer-events: none !important; }
.mobile-iv-cta__badge { display: inline-block !important; font-family: var(--mobile-iv-font) !important; font-size: 13px !important; font-weight: 600 !important; color: var(--mobile-iv-navy) !important; background: #FFFFFF !important; padding: 7px 18px !important; border-radius: 999px !important; margin-bottom: 14px !important; box-shadow: 0 2px 12px rgba(0,0,0,0.15) !important; position: relative !important; }
.mobile-iv-cta__title { font-family: var(--mobile-iv-font-heading) !important; font-size: 24px !important; font-weight: 700 !important; color: #FFFFFF !important; line-height: 1.2 !important; letter-spacing: -0.03em !important; margin-bottom: 10px !important; position: relative !important; }
.mobile-iv-cta__sub { font-family: var(--mobile-iv-font) !important; font-size: 17px !important; color: rgba(255, 255, 255, 0.9) !important; line-height: 1.5 !important; margin-bottom: 24px !important; max-width: 540px !important; margin-left: auto !important; margin-right: auto !important; position: relative !important; }
.mobile-iv-cta__btn { display: inline-flex !important; align-items: center !important; gap: 10px !important; padding: 14px 32px !important; border-radius: 100px !important; font-family: var(--mobile-iv-font-heading) !important; font-size: 17px !important; font-weight: 700 !important; text-decoration: none !important; border: none !important; cursor: pointer !important; transition: all 0.3s ease !important; color: var(--mobile-iv-navy) !important; background: #FFFFFF !important; box-shadow: 0 4px 15px rgba(0,0,0,0.15) !important; position: relative !important; }
.mobile-iv-cta__btn:hover { transform: translateY(-3px) !important; box-shadow: 0 8px 25px rgba(0,0,0,0.2) !important; color: var(--mobile-iv-navy) !important; }
.mobile-iv-cta__btn svg { width: 18px !important; height: 18px !important; }
@media (max-width: 768px) { .mobile-iv-cta { padding: 32px 22px !important; } .mobile-iv-cta__title { font-size: 22px !important; } .mobile-iv-cta__btn { width: 100% !important; justify-content: center !important; } }/* End custom CSS */