/* Approved portable homepage only. Native builder data and shared theme styles are retained. */
body.imali-home-harmonised { --hm-ink:#232045; --hm-green:#28694b; }
/* Persist the final entrance state instead of relying on animation fill-mode. */
body.imali-home-harmonised .hm-entrance-complete { animation:none; opacity:1; }
body.imali-home-harmonised .vc_custom_1746030967648 .second-image-wrapper { transform:translateY(-7.5%)!important; }
body.imali-home-harmonised .vc_custom_1598608354476 h1 { color:var(--hm-ink); letter-spacing:-1.5px; margin-bottom:24px; }
body.imali-home-harmonised .vc_custom_1598608354476 .subtitle { color:#44555a; line-height:1.65; max-width:46ch; }
body.imali-home-harmonised .vc_custom_1623944456070 { margin-bottom:32px!important; }
body.imali-home-harmonised .vc_custom_1598608354476 .wpb_single_image { display:inline-block; float:none!important; vertical-align:middle; margin:0 10px 12px 0!important; }
body.imali-home-harmonised .vc_custom_1598608354476 .wpb_single_image a { display:inline-flex; align-items:center; min-height:44px; }
body.imali-home-harmonised .vc_custom_1598608354476 .wpb_single_image img { height:46px; width:auto; }
body.imali-home-harmonised #first-section { padding:80px 40px 72px!important; }
body.imali-home-harmonised #first-section > .wpb_column { float:none; max-width:1160px; margin:auto; }
body.imali-home-harmonised #first-section > .wpb_column > .vc_column-inner { padding:0; }
body.imali-home-harmonised #first-section .kd-section-title { float:none; margin:0 auto 42px!important; }
body.imali-home-harmonised #first-section .subtitle { color:var(--hm-green)!important; font-size:11px!important; line-height:1.8; font-weight:600; letter-spacing:.14em; margin:0 auto 16px; max-width:760px; }
body.imali-home-harmonised #first-section h2 { color:var(--hm-ink); font-size:clamp(34px,4vw,54px)!important; line-height:1.12; font-weight:600; letter-spacing:-1.5px; max-width:1000px; margin:0 auto!important; }
body.imali-home-harmonised #first-section .vc_inner { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:22px; padding:0!important; margin:0; }
body.imali-home-harmonised #first-section .vc_inner::before,
body.imali-home-harmonised #first-section .vc_inner::after { display:none; }
body.imali-home-harmonised #first-section .vc_inner > .wpb_column { width:auto!important; float:none; min-width:0; }
body.imali-home-harmonised #first-section .vc_inner .vc_column-inner { padding:0; }
body.imali-home-harmonised #first-section .key-icon-box { margin:0!important; }
body.imali-home-harmonised #first-section .ib-icon-wrapper { width:100%!important; height:auto!important; aspect-ratio:1; max-width:210px; margin:0 auto 20px!important; background:#f0f4fa!important; border:1px solid #e0e7ef; border-radius:22px; box-shadow:0 6px 16px #23204504; }
body.imali-home-harmonised #first-section .tt-iconbox-customimg { display:flex; align-items:center; justify-content:center; }
body.imali-home-harmonised #first-section .tt-iconbox-customimg img { width:auto; height:auto; max-width:80px; max-height:72px; transform:scale(1.08); }
body.imali-home-harmonised #first-section .service-heading { color:var(--hm-ink); font-size:18px; font-weight:500; line-height:1.4; margin:0!important; }
/* Restore the native bottom-centred pill without a scroll-dependent position switch. */
body.imali-home-harmonised .hm-feature-nav,
body.imali-home-harmonised .hm-feature-nav.visible { display:block!important; position:fixed; left:50%; bottom:24px; margin:0; max-width:calc(100% - 32px); width:510px; padding:6px; border:1px solid #d8e4dd; border-radius:999px; box-shadow:0 8px 28px #203b2814; z-index:1000; opacity:1; visibility:visible; transform:translateX(-50%); transition:none; }
body.imali-home-harmonised .hm-feature-nav .fm-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0; padding:0; }
body.imali-home-harmonised .hm-feature-nav .fm-list::before,
body.imali-home-harmonised .hm-feature-nav .fm-list::after { display:none; }
body.imali-home-harmonised .hm-feature-nav .fm-item { display:block; margin:0; }
body.imali-home-harmonised .hm-feature-nav .fm-item a { display:flex; align-items:center; justify-content:center; min-height:44px; padding:10px 8px; font-size:14px; font-weight:500; line-height:1.4; letter-spacing:0; color:var(--hm-ink); background:transparent; border-radius:999px; }
body.imali-home-harmonised .hm-feature-nav .fm-item a:hover { background:#e9f3ec; color:#215438; }
body.imali-home-harmonised .hm-feature-nav .fm-item.active a { background:var(--hm-green); color:white; }
body.imali-home-harmonised .hm-feature-nav .fm-item a:focus-visible { outline:2px solid #232045; outline-offset:2px; }
/* Let the final footer controls scroll fully above the persistent navigation. */
body.imali-home-harmonised #footer { padding-bottom:104px; }
@media(max-width:1199px) {
  body.imali-home-harmonised #first-section { padding:68px 28px!important; }
  body.imali-home-harmonised #first-section .vc_inner { grid-template-columns:repeat(3,minmax(0,1fr)); max-width:760px; margin:0 auto!important; gap:30px 24px; }
}
@media(max-width:1100px) {
  body.imali-home-harmonised .vc_custom_1598608354476 h1 { font-size:36px!important; line-height:1.2!important; letter-spacing:-.8px; }
  body.imali-home-harmonised .vc_custom_1746030967648 .second-image-wrapper { transform:none!important; }
  body.imali-home-harmonised .vc_custom_1598608354476 .subtitle { font-size:16px; }
  body.imali-home-harmonised .vc_custom_1598608354476 .wpb_single_image img { height:40px; }
  body.imali-home-harmonised .vc_custom_1598608354476 .wpb_single_image { margin-right:8px!important; }
}
@media(min-width:768px) and (max-width:1100px) {
  body.imali-home-harmonised .vc_custom_1746030967648 .second-image-wrapper { width:90%; max-width:500px; }
}
@media(max-width:800px) {
  body.imali-home-harmonised .vc_custom_1598608354476 h1 { font-size:30px!important; }
  body.imali-home-harmonised .vc_custom_1598608354476 .wpb_single_image img { height:38px; }
  body.imali-home-harmonised #first-section { padding:64px 24px!important; }
  body.imali-home-harmonised #first-section .kd-section-title { margin-bottom:36px!important; }
}
@media(max-width:600px) {
  body.imali-home-harmonised #first-section { padding:60px 16px!important; }
  body.imali-home-harmonised #first-section h2 { font-size:34px!important; letter-spacing:-.9px; }
  body.imali-home-harmonised #first-section .subtitle { font-size:10px!important; max-width:32ch; }
  body.imali-home-harmonised #first-section .vc_inner { grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 16px; }
  body.imali-home-harmonised #first-section .ib-icon-wrapper { margin-bottom:14px!important; border-radius:18px; }
  body.imali-home-harmonised #first-section .service-heading { font-size:16px; }
  body.imali-home-harmonised .hm-feature-nav,
  body.imali-home-harmonised .hm-feature-nav.visible { padding:5px; bottom:max(12px,env(safe-area-inset-bottom)); }
  /* Keep the native back-to-top control clear of the app navigation touch target. */
  body.imali-home-harmonised .back-to-top { bottom:84px; }
  body.imali-home-harmonised #footer { padding-bottom:88px; }
  body.imali-home-harmonised .hm-feature-nav .fm-item a { font-size:12px; padding:10px 4px; }
}
@media(prefers-reduced-motion:reduce) {
  body.imali-home-harmonised .hm-feature-nav { transition:none; }
}

/* Seven product-led sections, unchanged by the hero/feature harmonisation. */
body.home.imali-local-site .hm-section { --hm-ink:#232045; --hm-green:#28694b; --hm-line:#d4e4db; padding:104px 28px!important; margin-bottom:0!important; color:var(--hm-ink); }
body.home.imali-local-site .hm-section > .wpb_column { float:none; max-width:1160px; margin-inline:auto; }
body.home.imali-local-site .hm-section > .wpb_column > .vc_column-inner { padding:0; }
body.home.imali-local-site .hm-section .wpb_text_column { margin-bottom:0; }
body.home.imali-local-site .hm-section :is(h2,h3,p,figure) { margin-top:0; }
body.home.imali-local-site .hm-section h2 { color:inherit; font-size:clamp(34px,4vw,54px); line-height:1.12; letter-spacing:-1.5px; font-weight:600; margin-bottom:28px; }
body.home.imali-local-site .hm-section h3 { color:inherit; font-size:22px; line-height:1.3; letter-spacing:-.3px; margin-bottom:12px; }
body.home.imali-local-site .hm-section p { font-size:16px; line-height:1.8; margin-bottom:20px; max-width:65ch; color:#44555a; }
body.home.imali-local-site .hm-section .hm-kicker { font-size:11px; font-weight:600; letter-spacing:.16em; color:var(--hm-green); margin-bottom:24px; }
body.home.imali-local-site .hm-section .hm-lead { font-size:19px; line-height:1.75; }
body.home.imali-local-site .hm-intro { max-width:760px; text-align:center; margin:0 auto 56px; }
body.home.imali-local-site .hm-intro p { margin-inline:auto; }
body.home.imali-local-site .hm-intro-left { text-align:left; margin-left:0; }
body.home.imali-local-site .hm-intro-left p { margin-left:0; }
body.home.imali-local-site .hm-section .hm-note { font-size:12px; line-height:1.8; margin-top:24px; max-width:78ch; }
body.home.imali-local-site .hm-section .if-button { display:inline-flex; gap:18px; align-items:center; justify-content:center; padding:15px 24px; border:1px solid transparent; border-radius:999px; font-size:15px; line-height:1.4; font-weight:600; text-decoration:none; min-height:48px; }
body.home.imali-local-site .hm-section .if-button--primary { background:#26754f; color:#fff; }
body.home.imali-local-site .hm-section .if-button--primary:hover { background:#195b3b; }
body.home.imali-local-site .hm-section .if-button--text { color:var(--hm-ink); padding-inline:0; }
body.home.imali-local-site .hm-section .if-button--text:hover { text-decoration:underline; text-underline-offset:5px; }
body.home.imali-local-site .hm-section .if-icon { width:23px; height:23px; flex-shrink:0; }
body.home.imali-local-site .hm-section .if-iconbox { display:inline-flex; align-items:center; justify-content:center; width:48px; height:48px; border-radius:14px; background:#e4f1e9; color:#296f4d; margin-bottom:20px; }
body.home.imali-local-site .hm-section-end { display:flex; gap:36px; align-items:center; justify-content:space-between; margin-top:28px; }
body.home.imali-local-site .hm-section-end > .if-button { flex-shrink:0; }
body.home.imali-local-site .hm-section-end .hm-note { margin:0; }
body.home.imali-local-site .hm-showcase { background:linear-gradient(155deg,#f1f8f4,#e6f1ee 60%,#edf1fa); border-top:1px solid #dce9e1; }
body.home.imali-local-site .hm-showcase-grid { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); gap:32px; align-items:center; }
body.home.imali-local-site .hm-checkout-preview { padding-top:80px; }
body.home.imali-local-site .hm-section .hm-caption-label { letter-spacing:.14em; font-size:11px; margin-bottom:16px; color:#426355; }
body.home.imali-local-site .hm-section .ia-screen { margin:0; border:1px solid #c6d8cd; border-radius:18px; overflow:hidden; background:#fff; box-shadow:0 18px 48px #28473912; }
body.home.imali-local-site .hm-section .ia-screen-bar { display:flex; align-items:center; justify-content:space-between; padding:16px; gap:12px; background:#f1f6f2; font-size:9px; line-height:1.5; letter-spacing:.04em; color:#3b5247; }
body.home.imali-local-site .hm-section .ia-screen-image { display:block; max-height:480px; overflow:auto; overscroll-behavior:contain; }
body.home.imali-local-site .hm-section .ia-screen img { width:100%; height:auto; display:block; }
body.home.imali-local-site .hm-section .ia-screen figcaption { position:static!important; height:auto!important; overflow:visible!important; padding:16px 18px; border-top:1px solid #d6e3da; color:#40584e; background:white; font-size:12px; line-height:1.7; }
body.home.imali-local-site .hm-section .ia-screen figcaption span { display:block; margin-top:5px; font-size:11px; }
body.home.imali-local-site .hm-desktop-preview .ia-screen-image { max-height:530px; }
body.home.imali-local-site .hm-checkout-preview .ia-screen-image { max-height:410px; }
body.home.imali-local-site .hm-split { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:72px; align-items:center; }
body.home.imali-local-site .hm-split > * { min-width:0; }
body.home.imali-local-site .hm-merchant { background:#fff; }
body.home.imali-local-site .hm-invoice-preview { padding:26px; border-radius:28px; background:linear-gradient(135deg,#ebf3ed,#d6e9df); }
body.home.imali-local-site .hm-invoice-preview .ia-screen-image { max-height:620px; }
body.home.imali-local-site .hm-editorial-list { display:grid; gap:22px; margin:30px 0; }
body.home.imali-local-site .hm-editorial-list > div { display:flex; gap:18px; padding-top:22px; border-top:1px solid var(--hm-line); }
body.home.imali-local-site .hm-editorial-list b { font-size:12px; color:#4b755c; padding-top:4px; }
body.home.imali-local-site .hm-editorial-list h3 { font-size:18px; }
body.home.imali-local-site .hm-editorial-list p { font-size:14px; margin:0; }
body.home.imali-local-site .hm-wallet { background:#f1f8f4; }
body.home.imali-local-site .hm-phone-stage { position:relative; text-align:center; padding:36px 28px; border-radius:45% 45% 20px 20px; background:radial-gradient(ellipse at center,#cde7db,#e9f3ec 68%); }
body.home.imali-local-site .hm-orbit-label { font-size:10px; letter-spacing:.16em; margin-bottom:26px; color:#426a56; }
body.home.imali-local-site .hm-phone { max-width:305px; margin:auto; padding:8px; background:#d8e7de; border:1px solid #afcbbd; border-radius:28px; }
body.home.imali-local-site .hm-phone .ia-screen { border-radius:20px; }
body.home.imali-local-site .hm-phone .ia-screen-image { max-height:440px; }
body.home.imali-local-site .hm-section .hm-stage-foot { font-size:16px; line-height:1.6; color:#335140; margin:26px auto 0; }
body.home.imali-local-site .hm-wallet-paths { display:grid; gap:22px; margin:32px 0; }
body.home.imali-local-site .hm-wallet-paths article { display:grid; grid-template-columns:48px 1fr; gap:0 20px; }
body.home.imali-local-site .hm-wallet-paths .if-iconbox { grid-row:span 2; }
body.home.imali-local-site .hm-wallet-paths h3 { font-size:19px; margin-bottom:8px; }
body.home.imali-local-site .hm-wallet-paths p { font-size:14px; margin-bottom:0; }
body.home.imali-local-site .hm-services-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px; }
body.home.imali-local-site .hm-services-grid > article { min-width:0; padding:28px; background:#f3f6f4; border:1px solid #e0e8e2; border-radius:24px; }
body.home.imali-local-site .hm-service-heading { padding:0 4px 16px; }
body.home.imali-local-site .hm-service-heading > span { float:right; color:#698275; font-size:12px; }
body.home.imali-local-site .hm-service-heading p { font-size:14px; min-height:3.6em; }
body.home.imali-local-site .hm-services-grid .ia-screen-image { max-height:285px; }
body.home.imali-local-site .hm-services-grid .ia-screen { box-shadow:none; }
body.home.imali-local-site .hm-integration { background:radial-gradient(ellipse at 90% 100%,#345851,transparent 65%),#232045; color:white; }
body.home.imali-local-site .hm-integration p { color:#dce7e1; }
body.home.imali-local-site .hm-integration .hm-kicker { color:#a9dbbf; }
body.home.imali-local-site .hm-integration .if-button--primary { background:#bfe4cf; color:#183e2c; }
body.home.imali-local-site .hm-integration .if-button--primary:hover { background:#e2f3e8; }
body.home.imali-local-site .hm-architecture { border:1px solid #718d80; border-radius:22px; background:#ffffff08; padding:32px; text-align:center; }
body.home.imali-local-site .hm-section .hm-diagram-label { font-size:10px; letter-spacing:.14em; margin-bottom:26px; }
body.home.imali-local-site .hm-diagram-entry { border:1px solid #7c988a; border-radius:12px; padding:20px 12px; font-size:15px; }
body.home.imali-local-site .hm-connector { display:block; padding:12px; font-size:28px; color:#9ed6b5; }
body.home.imali-local-site .hm-diagram-core { padding:28px 16px; border-radius:12px; background:#c5e8d4; color:#183e2b; }
body.home.imali-local-site .hm-diagram-core strong { display:block; font-size:25px; }
body.home.imali-local-site .hm-diagram-core span { display:block; font-size:11px; line-height:1.7; margin-top:12px; }
body.home.imali-local-site .hm-lanes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:20px 0; }
body.home.imali-local-site .hm-lanes > div { border:1px solid #6f8e7c; padding:16px 8px; border-radius:12px; }
body.home.imali-local-site .hm-lanes .if-iconbox { background:transparent; color:#b7e1c8; width:32px; height:32px; margin:0 0 10px; }
body.home.imali-local-site .hm-lanes strong { display:block; font-size:12px; line-height:1.6; font-weight:500; }
body.home.imali-local-site .hm-architecture > p:last-child { font-size:12px; line-height:1.8; margin:24px 0 0; }
body.home.imali-local-site .hm-trust-layout { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:100px; align-items:start; }
body.home.imali-local-site .hm-trust-list { display:grid; gap:28px; }
body.home.imali-local-site .hm-trust-list article { display:flex; gap:24px; padding-bottom:26px; border-bottom:1px solid var(--hm-line); }
body.home.imali-local-site .hm-trust-list .if-iconbox { flex-shrink:0; }
body.home.imali-local-site .hm-trust-list p { font-size:15px; margin:0; }
body.home.imali-local-site .hm-next { background:linear-gradient(130deg,#e5f2e9,#f1f7f3); }
body.home.imali-local-site .hm-next-layout { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:70px; align-items:center; }
body.home.imali-local-site .hm-actions { display:flex; flex-wrap:wrap; gap:12px 24px; margin:32px 0; }
body.home.imali-local-site .hm-mobile-access { border-left:1px solid #bad7c4; padding:12px 0 12px 50px; }
body.home.imali-local-site .hm-mobile-access h3 { font-size:30px; }
body.home.imali-local-site .hm-mobile-access p { font-size:13px; margin-top:24px; }
body.home.imali-local-site .hm-mobile-access .hm-kicker { margin-top:0; }
body.home.imali-local-site .hm-mobile-access .if-downloads { display:flex; gap:10px; flex-wrap:wrap; margin:24px 0; }
body.home.imali-local-site .hm-mobile-access .if-downloads img { height:40px; width:auto; max-width:100%; }
body.home.imali-local-site .hm-section :is(.hm-pricing-note,.hm-support-note) { font-size:13px; line-height:1.7; margin-bottom:8px; }
body.home.imali-local-site .hm-section :is(.hm-pricing-note,.hm-support-note) .if-button { display:inline; font-size:13px; padding:0; border-radius:0; text-decoration:underline; }
body.home.imali-local-site .hm-section :is(.hm-pricing-note,.hm-support-note) svg { display:none; }
body.home.imali-local-site :is(.hm-section,#first-section,#pricing,#mobile-app) { scroll-margin-top:155px; }
@media(max-width:1100px) {
  body.home.imali-local-site .hm-section { padding:80px 28px!important; }
  body.home.imali-local-site .hm-split { gap:36px; }
  body.home.imali-local-site .hm-trust-layout { gap:48px; }
  body.home.imali-local-site .hm-next-layout { gap:40px; }
  body.home.imali-local-site .hm-mobile-access { padding-left:32px; }
}
@media(max-width:800px) {
  body.home.imali-local-site .hm-section { padding:68px 24px!important; }
  body.home.imali-local-site :is(.hm-split,.hm-trust-layout,.hm-next-layout) { grid-template-columns:1fr; gap:40px; }
  body.home.imali-local-site .hm-showcase-grid { grid-template-columns:1fr; gap:28px; }
  body.home.imali-local-site .hm-checkout-preview { padding-top:0; max-width:460px; width:100%; margin:auto; }
  body.home.imali-local-site .hm-wallet-layout .hm-copy { grid-row:1; }
  body.home.imali-local-site .hm-phone-stage { max-width:500px; width:100%; margin:auto; }
  body.home.imali-local-site .hm-section-end { flex-direction:column; align-items:flex-start; gap:14px; }
  body.home.imali-local-site .hm-services-grid { grid-template-columns:1fr; }
  body.home.imali-local-site .hm-services-grid > article { max-width:600px; width:100%; margin:auto; }
  body.home.imali-local-site .hm-mobile-access { border-left:0; border-top:1px solid #bad7c4; padding:32px 0 0; }
}
@media(max-width:480px) {
  body.home.imali-local-site .hm-section { padding:60px 20px!important; }
  body.home.imali-local-site .hm-section h2 { font-size:34px; letter-spacing:-.9px; }
  body.home.imali-local-site .hm-section .hm-lead { font-size:17px; }
  body.home.imali-local-site .hm-intro { text-align:left; margin-bottom:34px; }
  body.home.imali-local-site .hm-services-grid > article { padding:20px; }
  body.home.imali-local-site .hm-invoice-preview { padding:12px; }
  body.home.imali-local-site .hm-architecture { padding:22px 16px; }
  body.home.imali-local-site .hm-lanes { gap:6px; }
  body.home.imali-local-site .hm-lanes strong { font-size:10px; }
  body.home.imali-local-site .hm-trust-list article { gap:16px; }
  body.home.imali-local-site .hm-phone-stage { padding-inline:10px; }
  body.home.imali-local-site .hm-section .ia-screen-bar { font-size:8px; padding:12px; }
  body.home.imali-local-site :is(.hm-section,#first-section,#pricing) { scroll-margin-top:180px; }
}
