/*
 * Jumbo Capital home: October 2026 sections (Outlign 415031).
 * Trust signals (C, card over hero), service tiles (A, bento), Why Choose (A, dark band),
 * plus small additions to the hero, LVR and loan amount bands.
 * Tokens match mu-plugins/jumbo-capital-assets.php. Scoped to the classes below only.
 * Icon data URIs are generated by scripts/oct26-home/build_css.py (do not hand-edit that block).
 */

/* ICONS:START */
.jc-tile-more { --jc-ico-arrow: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 12h15M13.5 6.5L19 12l-5.5 5.5%22/%3E%3C/svg%3E"); }
.jc-ico-cal { --jc-ico-w: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ffffff%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223.5%22 y=%225%22 width=%2217%22 height=%2215.5%22 rx=%221.5%22/%3E%3Cpath d=%22M3.5 9.5h17M8 3v4M16 3v4M7.5 13h2M11 13h2M14.5 13h2M7.5 16.5h2M11 16.5h2%22/%3E%3C/svg%3E"); --jc-ico-p: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ec77ab%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223.5%22 y=%225%22 width=%2217%22 height=%2215.5%22 rx=%221.5%22/%3E%3Cpath d=%22M3.5 9.5h17M8 3v4M16 3v4M7.5 13h2M11 13h2M14.5 13h2M7.5 16.5h2M11 16.5h2%22/%3E%3C/svg%3E"); }
.jc-ico-chart { --jc-ico-w: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ffffff%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3.5 20.5h17M6 17v-4M10.5 17V9.5M15 17v-6M19.5 17V5%22/%3E%3Cpath d=%22M5 9l5-4.5 4 3 5.5-4.5%22/%3E%3C/svg%3E"); --jc-ico-p: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ec77ab%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3.5 20.5h17M6 17v-4M10.5 17V9.5M15 17v-6M19.5 17V5%22/%3E%3Cpath d=%22M5 9l5-4.5 4 3 5.5-4.5%22/%3E%3C/svg%3E"); }
.jc-ico-users { --jc-ico-w: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ffffff%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%229%22 cy=%228%22 r=%223.2%22/%3E%3Cpath d=%22M3 19.5c.6-3.2 3-5 6-5s5.4 1.8 6 5%22/%3E%3Ccircle cx=%2216.5%22 cy=%229%22 r=%222.5%22/%3E%3Cpath d=%22M16.5 14c2.3.2 4 1.7 4.5 4.5%22/%3E%3C/svg%3E"); --jc-ico-p: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ec77ab%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%229%22 cy=%228%22 r=%223.2%22/%3E%3Cpath d=%22M3 19.5c.6-3.2 3-5 6-5s5.4 1.8 6 5%22/%3E%3Ccircle cx=%2216.5%22 cy=%229%22 r=%222.5%22/%3E%3Cpath d=%22M16.5 14c2.3.2 4 1.7 4.5 4.5%22/%3E%3C/svg%3E"); }
.jc-ico-bank { --jc-ico-w: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ffffff%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 9.5L12 4l9 5.5M4.5 9.5h15M5.5 10v7.5M9.5 10v7.5M14.5 10v7.5M18.5 10v7.5M3.5 20h17M4 17.5h16%22/%3E%3C/svg%3E"); --jc-ico-p: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ec77ab%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 9.5L12 4l9 5.5M4.5 9.5h15M5.5 10v7.5M9.5 10v7.5M14.5 10v7.5M18.5 10v7.5M3.5 20h17M4 17.5h16%22/%3E%3C/svg%3E"); }
.jc-ico-home { --jc-ico-w: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ffffff%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3.5 11L12 4l8.5 7M5.5 9.5V20h13V9.5%22/%3E%3Ccircle cx=%2212%22 cy=%2213.5%22 r=%222%22/%3E%3Cpath d=%22M12 15.5V18%22/%3E%3C/svg%3E"); --jc-ico-p: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ec77ab%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3.5 11L12 4l8.5 7M5.5 9.5V20h13V9.5%22/%3E%3Ccircle cx=%2212%22 cy=%2213.5%22 r=%222%22/%3E%3Cpath d=%22M12 15.5V18%22/%3E%3C/svg%3E"); }
.jc-ico-l1 { --jc-ico-w: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ffffff%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3.5l8.5 4.5L12 12.5 3.5 8z%22/%3E%3Cpath d=%22M3.5 12l8.5 4.5 8.5-4.5M3.5 16l8.5 4.5 8.5-4.5%22 opacity=%22.45%22/%3E%3C/svg%3E"); --jc-ico-p: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ec77ab%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3.5l8.5 4.5L12 12.5 3.5 8z%22/%3E%3Cpath d=%22M3.5 12l8.5 4.5 8.5-4.5M3.5 16l8.5 4.5 8.5-4.5%22 opacity=%22.45%22/%3E%3C/svg%3E"); }
.jc-ico-l2 { --jc-ico-w: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ffffff%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3.5l8.5 4.5L12 12.5 3.5 8z%22 opacity=%22.45%22/%3E%3Cpath d=%22M3.5 12l8.5 4.5 8.5-4.5%22/%3E%3Cpath d=%22M3.5 16l8.5 4.5 8.5-4.5%22 opacity=%22.45%22/%3E%3C/svg%3E"); --jc-ico-p: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ec77ab%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3.5l8.5 4.5L12 12.5 3.5 8z%22 opacity=%22.45%22/%3E%3Cpath d=%22M3.5 12l8.5 4.5 8.5-4.5%22/%3E%3Cpath d=%22M3.5 16l8.5 4.5 8.5-4.5%22 opacity=%22.45%22/%3E%3C/svg%3E"); }
.jc-ico-office { --jc-ico-w: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ffffff%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4.5 20.5V5.5l8-2v17M12.5 8.5h7v12M3 20.5h18M7 8h2.5M7 11h2.5M7 14h2.5M15 11.5h2M15 14.5h2M15 17.5h2%22/%3E%3C/svg%3E"); --jc-ico-p: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ec77ab%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4.5 20.5V5.5l8-2v17M12.5 8.5h7v12M3 20.5h18M7 8h2.5M7 11h2.5M7 14h2.5M15 11.5h2M15 14.5h2M15 17.5h2%22/%3E%3C/svg%3E"); }
.jc-ico-bridge { --jc-ico-w: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ffffff%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M2.5 16.5h19M3 12c3.5 0 5.5-4.5 9-4.5s5.5 4.5 9 4.5M6 16.5v-5M10 16.5V8.3M14 16.5V8.3M18 16.5v-5M2.5 19.5h19%22/%3E%3C/svg%3E"); --jc-ico-p: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ec77ab%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M2.5 16.5h19M3 12c3.5 0 5.5-4.5 9-4.5s5.5 4.5 9 4.5M6 16.5v-5M10 16.5V8.3M14 16.5V8.3M18 16.5v-5M2.5 19.5h19%22/%3E%3C/svg%3E"); }
.jc-ico-gauge { --jc-ico-w: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ffffff%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3.5 17a8.5 8.5 0 1 1 17 0%22/%3E%3Cpath d=%22M12 17l4.5-5.5%22/%3E%3Ccircle cx=%2212%22 cy=%2217%22 r=%221.3%22/%3E%3Cpath d=%22M6 14.5h1.5M16.5 14.5H18M12 9V10.5M8 10.5l1 1%22/%3E%3C/svg%3E"); --jc-ico-p: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ec77ab%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3.5 17a8.5 8.5 0 1 1 17 0%22/%3E%3Cpath d=%22M12 17l4.5-5.5%22/%3E%3Ccircle cx=%2212%22 cy=%2217%22 r=%221.3%22/%3E%3Cpath d=%22M6 14.5h1.5M16.5 14.5H18M12 9V10.5M8 10.5l1 1%22/%3E%3C/svg%3E"); }
.jc-ico-unlock { --jc-ico-w: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ffffff%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224.5%22 y=%2210.5%22 width=%2215%22 height=%2210%22 rx=%221.5%22/%3E%3Cpath d=%22M8 10.5V7a4 4 0 0 1 7.6-1.7%22/%3E%3Ccircle cx=%2212%22 cy=%2215%22 r=%221.4%22/%3E%3Cpath d=%22M12 16.4v1.6%22/%3E%3C/svg%3E"); --jc-ico-p: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ec77ab%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%224.5%22 y=%2210.5%22 width=%2215%22 height=%2210%22 rx=%221.5%22/%3E%3Cpath d=%22M8 10.5V7a4 4 0 0 1 7.6-1.7%22/%3E%3Ccircle cx=%2212%22 cy=%2215%22 r=%221.4%22/%3E%3Cpath d=%22M12 16.4v1.6%22/%3E%3C/svg%3E"); }
.jc-ico-refresh { --jc-ico-w: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ffffff%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M19.5 9A8 8 0 0 0 5 7.5M4.5 15A8 8 0 0 0 19 16.5%22/%3E%3Cpath d=%22M5 3.5v4h4M19 20.5v-4h-4%22/%3E%3C/svg%3E"); --jc-ico-p: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ec77ab%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M19.5 9A8 8 0 0 0 5 7.5M4.5 15A8 8 0 0 0 19 16.5%22/%3E%3Cpath d=%22M5 3.5v4h4M19 20.5v-4h-4%22/%3E%3C/svg%3E"); }
.jc-ico-case { --jc-ico-w: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ffffff%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223.5%22 y=%227.5%22 width=%2217%22 height=%2212.5%22 rx=%221.5%22/%3E%3Cpath d=%22M9 7.5V5.5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2M3.5 12.5h17M11 12.5v2h2v-2%22/%3E%3C/svg%3E"); --jc-ico-p: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ec77ab%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223.5%22 y=%227.5%22 width=%2217%22 height=%2212.5%22 rx=%221.5%22/%3E%3Cpath d=%22M9 7.5V5.5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2M3.5 12.5h17M11 12.5v2h2v-2%22/%3E%3C/svg%3E"); }
.jc-ico-shield { --jc-ico-w: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ffffff%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3.5l7.5 3v5c0 4.5-3.2 8-7.5 9.5-4.3-1.5-7.5-5-7.5-9.5v-5z%22/%3E%3Cpath d=%22M8.8 12.2l2.2 2.2 4.2-4.4%22/%3E%3C/svg%3E"); --jc-ico-p: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ec77ab%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3.5l7.5 3v5c0 4.5-3.2 8-7.5 9.5-4.3-1.5-7.5-5-7.5-9.5v-5z%22/%3E%3Cpath d=%22M8.8 12.2l2.2 2.2 4.2-4.4%22/%3E%3C/svg%3E"); }
.jc-ico-land { --jc-ico-w: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ffffff%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 13.5s-4.5-4.3-4.5-7.5a4.5 4.5 0 0 1 9 0c0 3.2-4.5 7.5-4.5 7.5z%22/%3E%3Ccircle cx=%2212%22 cy=%226%22 r=%221.5%22/%3E%3Cpath d=%22M3 16.5l5-1.5 8 2.5 5-1.5M3 20l5-1.5 8 2.5 5-1.5%22/%3E%3C/svg%3E"); --jc-ico-p: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ec77ab%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 13.5s-4.5-4.3-4.5-7.5a4.5 4.5 0 0 1 9 0c0 3.2-4.5 7.5-4.5 7.5z%22/%3E%3Ccircle cx=%2212%22 cy=%226%22 r=%221.5%22/%3E%3Cpath d=%22M3 16.5l5-1.5 8 2.5 5-1.5M3 20l5-1.5 8 2.5 5-1.5%22/%3E%3C/svg%3E"); }
.jc-ico-up { --jc-ico-w: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ffffff%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 20.5h16M7 17V12M12 17V7.5M17 17V4M14.5 6.5L17 4l2.5 2.5%22/%3E%3C/svg%3E"); --jc-ico-p: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ec77ab%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 20.5h16M7 17V12M12 17V7.5M17 17V4M14.5 6.5L17 4l2.5 2.5%22/%3E%3C/svg%3E"); }
.jc-ico-bolt { --jc-ico-w: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ffffff%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M13.5 3L5.5 13.5h6L10.5 21l8-10.5h-6z%22/%3E%3C/svg%3E"); --jc-ico-p: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ec77ab%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M13.5 3L5.5 13.5h6L10.5 21l8-10.5h-6z%22/%3E%3C/svg%3E"); }
.jc-ico-target { --jc-ico-w: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ffffff%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2211%22 cy=%2213%22 r=%227.5%22/%3E%3Ccircle cx=%2211%22 cy=%2213%22 r=%223.5%22/%3E%3Cpath d=%22M11 13l9-9M16.5 4H20v3.5%22/%3E%3C/svg%3E"); --jc-ico-p: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ec77ab%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2211%22 cy=%2213%22 r=%227.5%22/%3E%3Ccircle cx=%2211%22 cy=%2213%22 r=%223.5%22/%3E%3Cpath d=%22M11 13l9-9M16.5 4H20v3.5%22/%3E%3C/svg%3E"); }
.jc-ico-tag { --jc-ico-w: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ffffff%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3.5 12.5V4.5a1 1 0 0 1 1-1h8l8 8-9 9z%22/%3E%3Ccircle cx=%228%22 cy=%228%22 r=%221.5%22/%3E%3Cpath d=%22M10 14.5l4.5-4.5%22/%3E%3C/svg%3E"); --jc-ico-p: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ec77ab%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3.5 12.5V4.5a1 1 0 0 1 1-1h8l8 8-9 9z%22/%3E%3Ccircle cx=%228%22 cy=%228%22 r=%221.5%22/%3E%3Cpath d=%22M10 14.5l4.5-4.5%22/%3E%3C/svg%3E"); }
.jc-ico-sliders { --jc-ico-w: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ffffff%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 7h9M17 7h3M4 12h3M11 12h9M4 17h11M19 17h1%22/%3E%3Ccircle cx=%2215%22 cy=%227%22 r=%222%22/%3E%3Ccircle cx=%229%22 cy=%2212%22 r=%222%22/%3E%3Ccircle cx=%2217%22 cy=%2217%22 r=%222%22/%3E%3C/svg%3E"); --jc-ico-p: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23ec77ab%22 stroke-width=%221.4%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 7h9M17 7h3M4 12h3M11 12h9M4 17h11M19 17h1%22/%3E%3Ccircle cx=%2215%22 cy=%227%22 r=%222%22/%3E%3Ccircle cx=%229%22 cy=%2212%22 r=%222%22/%3E%3Ccircle cx=%2217%22 cy=%2217%22 r=%222%22/%3E%3C/svg%3E"); }
/* ICONS:END */

.jc-trust,
.jc-tiles,
.jc-why {
  --jc-grad: linear-gradient(45deg, #ec77ab 0%, #7873f5 100%);
  --jc-grad-blue: linear-gradient(45deg, #4facfe 0%, #00f2fe 100%);
  --jc-ease: cubic-bezier(0.625, 0.05, 0, 1);
  font-variant-numeric: lining-nums;
}

/* Container 15 + column 15 = 30px text inset (PARITY-GUIDE section 1) */
.elementor-section.jc-trust > .elementor-container,
.elementor-section.jc-tiles > .elementor-container,
.elementor-section.jc-why > .elementor-container {
  padding: 0 15px !important;
}
.elementor-section.jc-trust > .elementor-container > .elementor-column > .elementor-widget-wrap,
.elementor-section.jc-tiles > .elementor-container > .elementor-column > .elementor-widget-wrap,
.elementor-section.jc-why > .elementor-container > .elementor-column > .elementor-widget-wrap {
  display: block !important;
  padding: 0 15px !important;
}
.jc-trust .elementor-widget,
.jc-tiles .elementor-widget,
.jc-why .elementor-widget {
  margin: 0 !important;
}
.jc-trust .elementor-inner-section > .elementor-container > .elementor-column,
.jc-tiles .elementor-inner-section > .elementor-container > .elementor-column,
.jc-why .elementor-inner-section > .elementor-container > .elementor-column {
  width: auto !important;
  max-width: none !important;
}
.jc-trust p,
.jc-tiles p,
.jc-why p {
  font-family: "Open Sans", sans-serif !important;
  font-size: 14px !important;
  line-height: 24px !important;
  font-weight: 400 !important;
  margin: 0 !important;
}

/* ========================================================================
   Trust signals: white card pulled up over the bottom of the hero
   ======================================================================== */
.elementor-section.jc-trust {
  position: relative;
  z-index: 3;
  margin-top: -130px !important;
  padding: 0 0 120px !important;
  background: transparent !important;
}
.elementor-section.jc-trust::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 130px;
  bottom: 0;
  background: #eeeeee;
  z-index: -1;
}
.jc-trust-card > .elementor-container {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 36px 34px;
  align-items: start;
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
  padding: 60px;
}
.jc-trust-intro {
  grid-row: span 2;
  align-self: center;
  padding-right: 26px;
}
.jc-trust-intro > .elementor-widget-wrap,
.jc-trust-stat > .elementor-widget-wrap {
  padding: 0 !important;
}
.jc-trust-title .elementor-heading-title {
  font-family: Raleway, sans-serif !important;
  font-weight: 500 !important;
  font-size: 36px !important;
  line-height: 44px !important;
  letter-spacing: 0 !important;
  color: #212121 !important;
  margin: 0 0 20px !important;
}
.jc-trust-intro p {
  color: #888888 !important;
}
.jc-trust-stat > .elementor-widget-wrap {
  display: grid !important;
  grid-template-columns: 56px minmax(0, 1fr);
  column-gap: 20px;
  align-content: start;
}
.jc-trust-stat > .elementor-widget-wrap::before {
  content: "";
  grid-row: 1 / span 2;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: var(--jc-ico-w) center / 24px no-repeat, var(--jc-grad);
}
.jc-trust-stat .elementor-widget {
  grid-column: 2;
}
.jc-trust-num .elementor-heading-title {
  font-family: Montserrat, sans-serif !important;
  font-weight: 600 !important;
  font-size: 30px !important;
  line-height: 1.1 !important;
  color: #212121 !important;
  margin: 4px 0 6px !important;
}
.jc-trust-lbl p {
  color: #888888 !important;
  line-height: 22px !important;
}

/* ========================================================================
   Service tiles: header split + bento grid with a featured umbrella tile
   ======================================================================== */
.elementor-section.jc-tiles {
  background: #eeeeee !important;
  padding: 120px 0 !important;
}
.jc-tiles-head > .elementor-container {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 80px;
  align-items: end;
  margin-bottom: 60px;
}
.jc-tiles-head > .elementor-container > .elementor-column > .elementor-widget-wrap {
  padding: 0 !important;
}
.jc-tiles .jc-eyebrow .elementor-heading-title {
  font-family: Raleway, sans-serif !important;
  font-weight: 500 !important;
  font-size: 25px !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #ec77ab !important;
  margin: 0 0 14px !important;
}
.jc-tiles-title .elementor-heading-title {
  font-family: Raleway, sans-serif !important;
  font-weight: 500 !important;
  font-size: 50px !important;
  line-height: 60px !important;
  letter-spacing: 0 !important;
  color: #212121 !important;
  margin: 0 !important;
}
.jc-tiles-intro p {
  color: #888888 !important;
}
.jc-tiles-grid > .elementor-container {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}
.jc-tiles-grid + .jc-tiles-grid {
  margin-top: 20px !important;
}
.jc-tile {
  background: #ffffff;
  border-radius: 4px;
  transition: box-shadow 0.35s var(--jc-ease), transform 0.35s var(--jc-ease);
}
.jc-tile:hover,
.jc-tile:focus-within {
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
  transform: translateY(-3px);
}
.jc-tile > .elementor-widget-wrap {
  position: relative;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  padding: 36px 34px !important;
  border-radius: 4px;
}
.jc-tile.jc-ico > .elementor-widget-wrap::before {
  content: "";
  flex: none;
  width: 34px;
  height: 34px;
  margin-bottom: 22px;
  background: var(--jc-ico-p) center / contain no-repeat;
}
.jc-tile .elementor-widget {
  width: 100%;
}
.jc-tile-title .elementor-heading-title,
.jc-tile-title .elementor-heading-title a {
  font-family: Montserrat, sans-serif !important;
  font-weight: 500 !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
  color: #212121 !important;
  margin: 0 0 12px !important;
}
.jc-tile-desc {
  flex: 1 1 auto;
}
.jc-tile-desc p {
  color: #888888 !important;
  margin-bottom: 22px !important;
}
/* Learn More as a text link; its ::after stretches over the whole tile */
.jc-tile-more,
.jc-tile-more .elementor-widget-container,
.jc-tile-more .elementor-button-wrapper {
  position: static !important;
}
.jc-tile-more .elementor-button {
  position: static !important;
  display: inline-flex !important;
  align-items: center;
  background: none !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: Montserrat, sans-serif !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #212121 !important;
  transition: color 0.35s var(--jc-ease);
}
.jc-tile-more .elementor-button::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: 4px;
}
.jc-tile-more .elementor-button-content-wrapper {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
}
.jc-tile-more .elementor-button-content-wrapper::after {
  content: "";
  width: 16px;
  height: 16px;
  background: currentColor;
  -webkit-mask: var(--jc-ico-arrow) center / contain no-repeat;
  mask: var(--jc-ico-arrow) center / contain no-repeat;
  transition: transform 0.35s var(--jc-ease);
}
.jc-tile:hover .jc-tile-more .elementor-button,
.jc-tile:focus-within .jc-tile-more .elementor-button {
  color: #ec77ab !important;
}
.jc-tile:hover .jc-tile-more .elementor-button-content-wrapper::after {
  transform: translateX(4px);
}
.jc-tile-more .elementor-button:focus-visible::after {
  outline: 2px solid #4facfe;
  outline-offset: 3px;
}

/* Featured tile: photo (column background in Elementor) under a black fade */
.jc-tile-feat {
  grid-row: span 2;
  min-height: 520px;
  background-color: #000000;
  overflow: hidden;
}
/* Inset shadow paints over the background photo but under the text, so the
   stretched Learn More link still covers the whole tile. Black only. */
.jc-tile-feat > .elementor-widget-wrap {
  justify-content: flex-end;
  background-color: #000000;
  box-shadow: inset 0 -420px 260px -120px rgba(0, 0, 0, 0.9);
}
.jc-tile-feat .jc-tile-desc {
  flex: 0 0 auto;
}
.jc-tile-feat .jc-tile-title .elementor-heading-title,
.jc-tile-feat .jc-tile-title .elementor-heading-title a {
  font-family: Raleway, sans-serif !important;
  font-size: 30px !important;
  line-height: 1.2 !important;
  color: #ffffff !important;
}
.jc-tile-feat .jc-tile-desc p {
  color: rgba(255, 255, 255, 0.85) !important;
}
.elementor-section .jc-tile-feat .jc-tile-more .elementor-button {
  color: #ffffff !important;
}
.elementor-section .jc-tile-feat:hover .jc-tile-more .elementor-button {
  color: #ec77ab !important;
}

/* ========================================================================
   Why Choose: dark photo band (overlay set in Elementor), 3 x 2 benefits
   ======================================================================== */
.elementor-section.jc-why {
  padding: 120px 0 !important;
}
.jc-why-title .elementor-heading-title {
  font-family: Raleway, sans-serif !important;
  font-weight: 500 !important;
  font-size: 50px !important;
  line-height: 60px !important;
  letter-spacing: 0 !important;
  color: #ffffff !important;
  margin: 0 0 30px !important;
}
.jc-why-intro p,
.jc-why-close p {
  max-width: 750px;
  margin-left: auto !important;
  margin-right: auto !important;
  color: rgba(255, 255, 255, 0.85) !important;
}
.jc-why-close p {
  max-width: 720px;
  margin-bottom: 30px !important;
}
.elementor-section.jc-why-grid {
  margin: 80px 0 70px !important;
}
.jc-why-grid > .elementor-container {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 60px 50px;
}
.jc-why-item > .elementor-widget-wrap {
  display: grid !important;
  grid-template-columns: 64px minmax(0, 1fr);
  column-gap: 22px;
  align-content: start;
  padding: 0 !important;
}
.jc-why-item > .elementor-widget-wrap::before {
  content: "";
  grid-row: 1 / span 2;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--jc-ico-w) center / 28px no-repeat, var(--jc-grad);
}
.jc-why-item .elementor-widget {
  grid-column: 2;
}
.jc-why-h .elementor-heading-title {
  font-family: Montserrat, sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  color: #ffffff !important;
  margin: 0 0 8px !important;
  text-align: left !important;
}
.jc-why-p p {
  color: rgba(255, 255, 255, 0.72) !important;
  text-align: left !important;
}
.jc-why-btn .elementor-button-wrapper {
  text-align: center !important;
}
.jc-why-btn .elementor-button {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: var(--jc-grad) !important;
  border: 0 !important;
  border-radius: 100px !important;
  padding: 13px 40px !important;
  font-family: Montserrat, sans-serif !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  white-space: nowrap;
  color: #ffffff !important;
}
.jc-why-btn .elementor-button::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--jc-grad-blue);
  opacity: 0;
  z-index: -1;
  transition: opacity 0.35s var(--jc-ease);
}
.jc-why-btn .elementor-button:hover::after,
.jc-why-btn .elementor-button:focus-visible::after {
  opacity: 1;
}

/* ========================================================================
   Additions to existing sections
   ======================================================================== */
/* Hero: longer two-line H1 must wrap (the inner-section column is flex 0 0 auto),
   and the stack is centred above the trust card that overlaps the hero bottom. */
body .elementor-section.jc-hero.jc-hero-v2 {
  height: auto !important;
  min-height: 100vh !important;
}
body .elementor-section.jc-hero.jc-hero-v2 > .elementor-container {
  height: auto !important;
}
body .elementor-section.jc-hero.jc-hero-v2 .jc-hero-center {
  padding-top: 120px !important;
  padding-bottom: 190px !important;
}
.elementor-section.jc-hero-v2 .jc-hero-center .elementor-widget-heading .elementor-heading-title {
  max-width: 1100px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.elementor-section.jc-hero-v2 .jc-hero-center > .elementor-container > .elementor-column {
  flex: 1 1 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
.elementor-section.jc-hero-v2 .jc-hero-center .elementor-widget-text-editor p.jc-hero-sub {
  font-family: Montserrat, sans-serif !important;
  font-weight: 500 !important;
  font-size: 20px !important;
  line-height: 1.5 !important;
  letter-spacing: normal !important;
  color: #ffffff !important;
  max-width: 820px;
  margin: 0 auto 24px !important;
}
/* Hero lines that used to be h2/h6 in the text editor: same measured styles as p
   (1440/768/390 identical: tag line 32/38.4 Montserrat 500, small print 16/19.2). */
.elementor-section.jc-hero-v2 .jc-hero-center .elementor-widget-text-editor p.jc-hero-tag,
.elementor-section.jc-hero-v2 .jc-hero-center .elementor-widget-text-editor p.jc-hero-small {
  font-family: Montserrat, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: normal !important;
  color: #ffffff !important;
  margin: 8px 0 16px !important;
  padding: 0 !important;
}
.elementor-section.jc-hero-v2 .jc-hero-center .elementor-widget-text-editor p.jc-hero-tag {
  font-size: 32px !important;
  line-height: 38.4px !important;
}
.elementor-section.jc-hero-v2 .jc-hero-center .elementor-widget-text-editor p.jc-hero-tag strong {
  font-weight: 700 !important;
}
.elementor-section.jc-hero-v2 .jc-hero-center .elementor-widget-text-editor p.jc-hero-small {
  font-size: 16px !important;
  line-height: 19.2px !important;
}

/* Contact form kicker is a div now (was h2): keep the h2's 1.2 line-height (30px / 20.4px) */
.elementor-section.jc-contact .jc-contact-form-kicker {
  line-height: 1.2 !important;
}

.elementor-section.jc-lvr .jc-band-intro,
.elementor-section.jc-loanamt .jc-band-intro {
  width: 100% !important;
  max-width: 750px;
  margin: 0 auto 50px !important;
}
.elementor-section.jc-lvr .jc-band-note {
  width: 100% !important;
  max-width: 750px;
  margin: 40px auto 0 !important;
}
.elementor-section.jc-lvr .jc-band-intro p,
.elementor-section.jc-loanamt .jc-band-intro p,
.elementor-section.jc-lvr .jc-band-note p {
  font-family: "Open Sans", sans-serif !important;
  font-size: 14px !important;
  line-height: 24px !important;
  color: rgba(255, 255, 255, 0.85) !important;
  text-align: center !important;
  margin: 0 !important;
}
.elementor-section.jc-lvr .jc-band-note p {
  font-size: 13px !important;
  line-height: 20px !important;
  color: rgba(255, 255, 255, 0.7) !important;
}

/* ========================================================================
   Responsive
   ======================================================================== */
@media (max-width: 991px) {
  .elementor-section.jc-tiles,
  .elementor-section.jc-why {
    padding: 75px 0 !important;
  }
  .elementor-section.jc-trust {
    padding-bottom: 75px !important;
  }
  .jc-trust-card > .elementor-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 44px 34px;
  }
  .jc-trust-intro {
    grid-column: 1 / -1;
    grid-row: auto;
    padding-right: 0;
  }
  .jc-tiles-head > .elementor-container {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    margin-bottom: 44px;
  }
  .jc-tiles-title .elementor-heading-title,
  .jc-why-title .elementor-heading-title {
    font-size: 36px !important;
    line-height: 44px !important;
  }
  .jc-tiles-grid > .elementor-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .jc-tile-feat {
    grid-column: span 2;
    grid-row: auto;
    min-height: 380px;
  }
  .jc-why-grid > .elementor-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .elementor-section.jc-hero-v2 .jc-hero-center .elementor-widget-text-editor p.jc-hero-sub {
    font-size: 18px !important;
  }
}
/* The new H1 is ~2.4x longer than the old one: step it down on tablets only
   (phones keep the mu-plugin's 26/30 token). */
@media (min-width: 768px) and (max-width: 991px) {
  .elementor-section.jc-hero-v2 .jc-hero-center .elementor-widget-heading .elementor-heading-title {
    font-size: 56px !important;
    line-height: 60px !important;
  }
}
@media (max-width: 767px) {
  .elementor-section.jc-trust {
    margin-top: -90px !important;
  }
  .elementor-section.jc-trust::before {
    top: 90px;
  }
  body .elementor-section.jc-hero.jc-hero-v2 .jc-hero-center {
    padding-top: 100px !important;
    padding-bottom: 130px !important;
  }
  .jc-trust-card > .elementor-container {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
    padding: 36px 24px;
  }
  .jc-trust-title .elementor-heading-title,
  .jc-tiles-title .elementor-heading-title,
  .jc-why-title .elementor-heading-title {
    font-size: 27px !important;
    line-height: 32.4px !important;
  }
  .jc-tiles .jc-eyebrow .elementor-heading-title {
    font-size: 17px !important;
  }
  .jc-tiles-grid > .elementor-container {
    grid-template-columns: minmax(0, 1fr);
  }
  .jc-tile-feat {
    grid-column: auto;
    min-height: 340px;
  }
  .jc-why-grid > .elementor-container {
    grid-template-columns: minmax(0, 1fr);
    gap: 36px;
  }
  .elementor-section.jc-why-grid {
    margin: 50px 0 !important;
  }
  .jc-why-btn .elementor-button {
    padding: 13px 26px !important;
  }
  .elementor-section.jc-hero-v2 .jc-hero-center .elementor-widget-text-editor p.jc-hero-sub {
    font-size: 15px !important;
    margin-bottom: 16px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .jc-tile,
  .jc-tile-more .elementor-button,
  .jc-tile-more .elementor-button-content-wrapper::after,
  .jc-why-btn .elementor-button::after {
    transition: none !important;
  }
}