/* iziMinit v19 — product-first responsive rebuild */
:root{
  --izi-brand:#f36b16;
  --izi-brand-dark:#d95409;
  --izi-brand-soft:#fff4ec;
  --izi-ink:#13212d;
  --izi-text:#314555;
  --izi-muted:#6d7c88;
  --izi-bg:#f7f7f5;
  --izi-surface:#fff;
  --izi-line:#dfe3e5;
  --izi-line-strong:#cbd1d5;
  --izi-page:min(1160px,calc(100% - 48px));
  --izi-radius:12px;
}

*{box-sizing:border-box}
html{background:var(--izi-bg);overflow-x:hidden;-webkit-text-size-adjust:100%}
body{min-width:320px;margin:0;background:var(--izi-bg);color:var(--izi-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
button,input,select,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
img,svg,video,iframe{max-width:100%}

/* Header */
.izi-header{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid var(--izi-line);box-shadow:none;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.izi-header__inner{width:var(--izi-page);min-height:68px;margin:auto;display:grid;grid-template-columns:160px minmax(0,1fr) auto;align-items:center;gap:24px}
.izi-logo{display:flex;align-items:center;min-width:0}
.izi-logo img,.izi-logo .custom-logo{display:block;width:auto;max-width:142px;max-height:36px;object-fit:contain}
.izi-nav{justify-self:center}
.izi-nav__list{display:flex;align-items:center;gap:4px;margin:0;padding:0;list-style:none}
.izi-nav__list a{display:flex;align-items:center;min-height:40px;padding:8px 10px;border-radius:7px;color:#4d5e6a;font-size:14px;font-weight:600;text-decoration:none}
.izi-nav__list a:hover{background:#f5f5f3;color:var(--izi-ink)}
.izi-nav__list .current-menu-item>a,.izi-nav__list .current_page_item>a{background:transparent;color:var(--izi-ink);font-weight:700}
.izi-header__actions{display:flex;align-items:center;gap:8px}
.izi-account-link,.izi-topup-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 13px;border-radius:8px;font-size:14px;font-weight:700;text-decoration:none;box-shadow:none!important;transform:none!important}
.izi-account-link{border:0;background:transparent;color:#415361}
.izi-account-link:hover{background:#f5f5f3;color:var(--izi-ink)}
.izi-topup-link{border:1px solid var(--izi-brand)!important;background:var(--izi-brand)!important;color:#fff!important}
.izi-topup-link:hover{border-color:var(--izi-brand-dark)!important;background:var(--izi-brand-dark)!important}
.izi-nav-toggle{display:none;width:42px;height:42px;padding:9px;border:1px solid var(--izi-line);border-radius:8px;background:#fff;color:var(--izi-ink);cursor:pointer}
.izi-nav-toggle svg{width:22px;height:22px;fill:currentColor}

/* Homepage — intentionally simple, no decorative gradients */
body.izi-home-page .izi-site-main{background:#fff}
body.izi-home-page .izi-home-main{background:#fff;border-bottom:1px solid var(--izi-line)}
body.izi-home-page .izi-home-main__inner{width:var(--izi-page);margin:auto;padding:66px 0 72px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,430px);align-items:center;gap:84px}
body.izi-home-page .izi-home-intro{min-width:0}
body.izi-home-page .izi-home-label{margin:0 0 14px;color:var(--izi-brand-dark);font-size:14px;font-weight:700}
body.izi-home-page .izi-home-intro h1{max-width:700px;margin:0;color:var(--izi-ink);font-size:clamp(42px,5vw,64px);font-weight:750;line-height:1.04;letter-spacing:-.045em;text-wrap:balance}
body.izi-home-page .izi-home-lead{max-width:610px;margin:22px 0 0;color:#596b78;font-size:17px;line-height:1.65}
body.izi-home-page .izi-home-points{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:30px;color:#667681;font-size:13px;font-weight:600}
body.izi-home-page .izi-home-points span{display:inline-flex;align-items:center;gap:7px}
body.izi-home-page .izi-home-points svg{width:16px;height:16px;fill:#5d6e7a}

body.izi-home-page .izi-home-topup{width:100%;margin:0;padding:28px;border:1px solid var(--izi-line-strong);border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(19,33,45,.06)}
body.izi-home-page .izi-home-topup__heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}
body.izi-home-page .izi-home-topup__heading span{display:block;margin-bottom:4px;color:var(--izi-muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
body.izi-home-page .izi-home-topup__heading h2{margin:0;color:var(--izi-ink);font-size:22px;font-weight:700;line-height:1.25;letter-spacing:-.025em}
body.izi-home-page .izi-recipient-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;margin:0 0 18px!important;padding:0!important;border:1px solid var(--izi-line)!important;border-radius:9px!important;background:#f4f5f4!important;overflow:hidden}
body.izi-home-page .izi-recipient-tabs button{min-width:0;min-height:42px!important;margin:0!important;padding:8px 10px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#667681!important;font-size:13px!important;font-weight:650!important;box-shadow:none!important;transform:none!important}
body.izi-home-page .izi-recipient-tabs button.is-active{background:#fff!important;color:var(--izi-ink)!important;box-shadow:inset 0 0 0 1px var(--izi-line-strong)!important}
body.izi-home-page .izi-home-field{display:block;margin:0 0 15px;color:var(--izi-ink)}
body.izi-home-page .izi-home-field>span{display:block;margin:0 0 7px;color:#435562;font-size:13px;font-weight:650}
body.izi-home-page .izi-home-field input,body.izi-home-page .izi-home-field select{display:block;width:100%;min-width:0;height:49px;margin:0;padding:0 13px;border:1px solid var(--izi-line-strong);border-radius:9px;background:#fff;color:var(--izi-ink);font-size:15px;font-weight:500;outline:0;box-shadow:none}
body.izi-home-page .izi-home-field input:focus,body.izi-home-page .izi-home-field select:focus{border-color:#7b8993;box-shadow:0 0 0 3px rgba(19,33,45,.07)}
body.izi-home-page .izi-home-field input::placeholder{color:#99a3aa}
body.izi-home-page .izi-home-amount-block{margin-top:2px}
body.izi-home-page .izi-home-amount-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:#435562;font-size:13px;font-weight:650}
body.izi-home-page .izi-home-amount-title small{color:#87939b;font-size:11px;font-weight:700}
body.izi-home-page .izi-home-demo__amounts{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:0 0 18px!important}
body.izi-home-page .izi-home-demo__amounts button{min-width:0;min-height:43px!important;padding:6px!important;border:1px solid var(--izi-line-strong)!important;border-radius:8px!important;background:#fff!important;color:#3c4f5c!important;font-size:14px!important;font-weight:700!important;box-shadow:none!important;transform:none!important}
body.izi-home-page .izi-home-demo__amounts button:hover{border-color:#8c989f!important;background:#fafaf9!important}
body.izi-home-page .izi-home-demo__amounts button.is-active{border-color:var(--izi-ink)!important;background:var(--izi-ink)!important;color:#fff!important}
body.izi-home-page .izi-home-demo__total{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin:0!important;padding:15px 0!important;border-top:1px solid var(--izi-line)!important;color:#64747f!important;font-size:13px!important}
body.izi-home-page .izi-home-demo__total strong{color:var(--izi-ink)!important;font-size:20px!important;font-weight:750!important;letter-spacing:-.02em!important}
body.izi-home-page .izi-home-demo__button{width:100%!important;min-height:50px!important;margin:0!important;padding:0 18px!important;border:1px solid var(--izi-brand)!important;border-radius:9px!important;background:var(--izi-brand)!important;color:#fff!important;font-size:15px!important;font-weight:700!important;box-shadow:none!important;transform:none!important;cursor:pointer}
body.izi-home-page .izi-home-demo__button:hover{border-color:var(--izi-brand-dark)!important;background:var(--izi-brand-dark)!important}
body.izi-home-page .izi-home-form-note{margin:10px 0 0!important;color:#89949b!important;font-size:11px!important;line-height:1.45!important;text-align:center!important}

/* How it works — text structure rather than floating cards */
body.izi-home-page .izi-how{background:#f7f7f5;border-bottom:1px solid var(--izi-line)}
body.izi-home-page .izi-how__inner{width:var(--izi-page);margin:auto;padding:64px 0 66px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:80px}
body.izi-home-page .izi-how__heading p{margin:0 0 8px;color:var(--izi-brand-dark);font-size:13px;font-weight:700}
body.izi-home-page .izi-how__heading h2{margin:0;color:var(--izi-ink);font-size:30px;font-weight:700;line-height:1.18;letter-spacing:-.035em}
body.izi-home-page .izi-how__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
body.izi-home-page .izi-how__steps>div{padding:0 26px;border-left:1px solid var(--izi-line)}
body.izi-home-page .izi-how__steps>div:first-child{padding-left:0;border-left:0}
body.izi-home-page .izi-how__steps span{display:block;margin-bottom:24px;color:#99a2a8;font-size:12px;font-weight:700}
body.izi-home-page .izi-how__steps h3{margin:0 0 9px;color:var(--izi-ink);font-size:17px;font-weight:700;letter-spacing:-.015em}
body.izi-home-page .izi-how__steps p{margin:0;color:#687983;font-size:14px;line-height:1.6}

body.izi-home-page .izi-home-note{background:#fff}
body.izi-home-page .izi-home-note__inner{width:var(--izi-page);margin:auto;padding:36px 0 42px;display:flex;align-items:flex-start;gap:14px}
body.izi-home-page .izi-home-note__icon{display:flex;width:34px;height:34px;flex:0 0 34px;align-items:center;justify-content:center;border-radius:50%;background:#f1f3f2;color:#52636f}
body.izi-home-page .izi-home-note__icon svg{width:17px;height:17px;fill:currentColor}
body.izi-home-page .izi-home-note strong{display:block;margin:1px 0 3px;color:var(--izi-ink);font-size:14px}
body.izi-home-page .izi-home-note p{max-width:720px;margin:0;color:#73818a;font-size:13px;line-height:1.55}

/* App pages — flatter, denser and more familiar */
.izi-page-head{background:#fff!important;border-bottom:1px solid var(--izi-line)!important}
.izi-page-head__inner{width:var(--izi-page)!important;padding:38px 0 36px!important;align-items:center!important}
.izi-eyebrow{color:#7a878f!important;font-size:11px!important;font-weight:700!important;letter-spacing:.07em!important}
.izi-page-head h1{margin:7px 0 7px!important;color:var(--izi-ink)!important;font-size:clamp(30px,3.5vw,43px)!important;font-weight:720!important;letter-spacing:-.035em!important}
.izi-page-head p{color:#697983!important;font-size:15px!important}
.izi-head-action{min-height:42px!important;padding:0 14px!important;border-radius:8px!important;background:var(--izi-brand)!important;color:#fff!important;box-shadow:none!important}
.izi-app-container{width:var(--izi-page)!important;margin:28px auto 64px!important}
.izi-app-surface .izi-panel,.izi-app-surface .izi-card,.izi-app-surface .izi-topup-main,.izi-app-surface .izi-topup-summary,.izi-empty,.izi-auth-required{border:1px solid var(--izi-line)!important;border-radius:11px!important;background:#fff!important;box-shadow:none!important}
.izi-app-surface .izi-app-topbar{border-color:var(--izi-line)!important;border-radius:11px 11px 0 0!important}
.izi-app-surface .izi-app-tabs{border-color:var(--izi-line)!important}
.izi-app-surface input:not([type=checkbox]):not([type=radio]),.izi-app-surface select,.izi-app-surface textarea{border-color:var(--izi-line-strong)!important;border-radius:8px!important;box-shadow:none!important}
.izi-app-surface input:focus,.izi-app-surface select:focus,.izi-app-surface textarea:focus{border-color:#7c8992!important;box-shadow:0 0 0 3px rgba(19,33,45,.07)!important}
.izi-app-surface .izi-tabs{border-radius:9px!important;background:#f3f4f3!important}
.izi-app-surface .izi-tabs button{border-radius:7px!important}
.izi-app-surface .izi-tabs button.active{box-shadow:none!important;border:1px solid var(--izi-line)!important}
.izi-app-surface .izi-product-card{border-color:var(--izi-line)!important;border-radius:9px!important;box-shadow:none!important}
.izi-app-surface .izi-product-card:hover,.izi-app-surface .izi-product-card.selected{border-color:#778690!important;box-shadow:none!important}
.izi-app-surface .izi-amount-chip{border-radius:8px!important;box-shadow:none!important}
.izi-app-surface .izi-amount-chip.active{background:var(--izi-ink)!important;border-color:var(--izi-ink)!important;box-shadow:none!important}
.izi-table-wrap{border-color:var(--izi-line)!important;border-radius:9px!important;box-shadow:none!important}

/* Footer */
.izi-footer{background:#17242d!important;color:#bac4ca!important;padding:42px 0!important}
.izi-footer__inner{width:var(--izi-page)!important}
.izi-footer__brand strong{font-size:20px!important;font-weight:700!important}
.izi-footer__brand p{color:#9eabb3!important;font-size:13px!important}
.izi-footer nav a{font-size:13px!important}
.izi-footer small{color:#8f9ca4!important;font-size:12px!important}

/* Tablet */
@media(max-width:980px){
  .izi-header__inner{width:calc(100% - 32px);grid-template-columns:1fr auto;min-height:64px}
  .izi-logo img,.izi-logo .custom-logo{max-width:132px;max-height:34px}
  .izi-nav-toggle{display:flex;align-items:center;justify-content:center}
  .izi-nav{display:none;position:absolute;top:calc(100% + 6px);left:16px;right:16px;padding:7px;border:1px solid var(--izi-line);border-radius:10px;background:#fff;box-shadow:0 10px 24px rgba(19,33,45,.10)}
  .izi-nav.is-open{display:block}
  .izi-nav__list{display:block}
  .izi-nav__list a{min-height:44px;padding:10px 12px}
  .izi-header__actions{display:none}
  body.izi-home-page .izi-home-main__inner{grid-template-columns:minmax(0,1fr) minmax(340px,400px);gap:44px;padding:52px 0 58px}
  body.izi-home-page .izi-home-intro h1{font-size:clamp(40px,6vw,54px)}
  body.izi-home-page .izi-how__inner{grid-template-columns:1fr;gap:34px}
}

/* Mobile */
@media(max-width:760px){
  :root{--izi-page:calc(100% - 28px)}
  body{padding-bottom:72px}
  body.izi-home-page .izi-home-main__inner{padding:38px 0 32px;grid-template-columns:1fr;gap:30px}
  body.izi-home-page .izi-home-intro{text-align:left}
  body.izi-home-page .izi-home-label{margin-bottom:10px;font-size:13px}
  body.izi-home-page .izi-home-intro h1{max-width:560px;font-size:clamp(36px,10.4vw,48px);line-height:1.04;letter-spacing:-.04em;text-wrap:pretty}
  body.izi-home-page .izi-home-lead{margin-top:16px;font-size:15px;line-height:1.58}
  body.izi-home-page .izi-home-points{margin-top:20px;gap:9px 18px;font-size:12px}
  body.izi-home-page .izi-home-topup{max-width:none;padding:20px;border-radius:11px;box-shadow:none}
  body.izi-home-page .izi-home-topup__heading{margin-bottom:16px}
  body.izi-home-page .izi-home-topup__heading h2{font-size:20px}
  body.izi-home-page .izi-home-field input,body.izi-home-page .izi-home-field select{height:48px;font-size:16px}
  body.izi-home-page .izi-home-demo__amounts{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
  body.izi-home-page .izi-home-demo__amounts button{min-height:44px!important;padding-inline:3px!important}
  body.izi-home-page .izi-how__inner{padding:46px 0 48px;gap:30px}
  body.izi-home-page .izi-how__heading h2{font-size:27px}
  body.izi-home-page .izi-how__steps{grid-template-columns:1fr;gap:0}
  body.izi-home-page .izi-how__steps>div,body.izi-home-page .izi-how__steps>div:first-child{padding:21px 0;border-left:0;border-top:1px solid var(--izi-line)}
  body.izi-home-page .izi-how__steps>div:first-child{padding-top:0;border-top:0}
  body.izi-home-page .izi-how__steps span{margin-bottom:8px}
  body.izi-home-page .izi-home-note__inner{padding:30px 0 34px}
  .izi-page-head__inner{width:var(--izi-page)!important;padding:28px 0 26px!important}
  .izi-page-head h1{font-size:34px!important}
  .izi-head-action{display:none!important}
  .izi-app-container{width:var(--izi-page)!important;margin:18px auto 40px!important}
  .izi-app-surface .izi-panel,.izi-app-surface .izi-card,.izi-app-surface .izi-topup-main,.izi-app-surface .izi-topup-summary{padding:18px!important;border-radius:9px!important}
  .izi-footer{padding:34px 0 92px!important}
  .izi-footer__inner{grid-template-columns:1fr!important;gap:18px!important}
  .izi-footer nav{flex-wrap:wrap!important;gap:12px 18px!important}
  .izi-mobile-nav{display:grid!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:1100!important;grid-template-columns:repeat(4,1fr)!important;height:68px!important;padding-bottom:env(safe-area-inset-bottom)!important;border-top:1px solid var(--izi-line)!important;background:#fff!important;box-shadow:none!important}
  .izi-mobile-nav a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;color:#63737d!important;font-size:10px!important;font-weight:650!important;text-decoration:none!important}
  .izi-mobile-nav svg{width:20px!important;height:20px!important;fill:currentColor!important}
  .izi-mobile-nav__main{background:transparent!important;color:var(--izi-brand-dark)!important;transform:none!important;border-radius:0!important;box-shadow:none!important}
}

@media(max-width:390px){
  :root{--izi-page:calc(100% - 20px)}
  body.izi-home-page .izi-home-main__inner{padding-top:30px;gap:24px}
  body.izi-home-page .izi-home-intro h1{font-size:35px}
  body.izi-home-page .izi-home-points{display:grid;grid-template-columns:1fr;gap:7px}
  body.izi-home-page .izi-home-topup{padding:16px}
  body.izi-home-page .izi-recipient-tabs{grid-template-columns:1fr 1fr!important}
  body.izi-home-page .izi-home-demo__amounts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.izi-home-page .izi-home-demo__amounts button{min-height:43px!important}
  body.izi-home-page .izi-home-demo__total strong{font-size:18px!important}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* iziMinit Flow v19.3.0 — same-style refinement
   Keeps the existing navy/orange product language while improving hierarchy,
   spacing, touch behavior, and consistency without a visual reset. */
:root{
  --izi-navy:#102541;
  --izi-navy-2:#173553;
  --izi-orange:#ff7000;
  --izi-orange-hover:#e96200;
  --izi-canvas:#f5f7fa;
  --izi-border:#dce3ea;
  --izi-text-soft:#627286;
  --izi-focus:rgba(255,112,0,.16);
}
body.izi-flow-theme{background:var(--izi-canvas);color:var(--izi-ink)}

/* Header — preserve original look, improve proportion and clarity */
.izi-header{background:#fff;border-bottom:1px solid #e3e8ee;box-shadow:0 1px 0 rgba(16,37,65,.025)}
.izi-header__inner{width:min(1180px,calc(100% - 48px));min-height:70px;grid-template-columns:168px minmax(0,1fr) auto;gap:22px}
.izi-logo img,.izi-logo .custom-logo{max-width:154px;max-height:38px}
.izi-nav__list{gap:2px}
.izi-nav__list a{min-height:40px;padding:8px 12px;border-radius:9px;color:#526174;font-size:14px;font-weight:700}
.izi-nav__list a:hover{background:#f4f6f8;color:var(--izi-navy)}
.izi-nav__list .current-menu-item>a,.izi-nav__list .current_page_item>a{background:#fff3e9;color:#d95b00;box-shadow:none}
.izi-account-link,.izi-topup-link{min-height:42px;border-radius:10px;padding-inline:14px}
.izi-topup-link{background:var(--izi-orange)!important;border-color:var(--izi-orange)!important;box-shadow:none!important}
.izi-topup-link:hover{background:var(--izi-orange-hover)!important;border-color:var(--izi-orange-hover)!important;transform:none!important}

/* Homepage — same layout and colors, more deliberate proportions */
body.izi-home-page .izi-home-main{background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%)}
body.izi-home-page .izi-home-main__inner{width:min(1120px,calc(100% - 48px));padding:72px 0 76px;grid-template-columns:minmax(0,1fr) minmax(360px,420px);gap:76px}
body.izi-home-page .izi-home-label{margin-bottom:13px;color:#dc5e06;font-size:13px;letter-spacing:.02em}
body.izi-home-page .izi-home-intro h1{max-width:650px;font-size:clamp(44px,5vw,62px);line-height:1.02;letter-spacing:-.048em;color:var(--izi-navy)}
body.izi-home-page .izi-home-lead{max-width:570px;margin-top:20px;color:#607084;font-size:17px;line-height:1.62}
body.izi-home-page .izi-home-points{margin-top:26px;gap:10px 20px;color:#667688}
body.izi-home-page .izi-home-points svg{fill:#697a8d}

body.izi-home-page .izi-home-topup{padding:26px;border:1px solid #d9e1e9;border-radius:18px;box-shadow:0 18px 50px rgba(16,37,65,.09)}
body.izi-home-page .izi-home-topup__heading{margin-bottom:18px}
body.izi-home-page .izi-home-topup__heading span{color:#7a8795;font-size:11px;letter-spacing:.09em}
body.izi-home-page .izi-home-topup__heading h2{font-size:22px;color:var(--izi-navy)}
body.izi-home-page .izi-recipient-tabs{margin-bottom:18px!important;border-radius:10px!important;background:#f1f4f7!important}
body.izi-home-page .izi-recipient-tabs button{min-height:44px!important;color:#68788a!important}
body.izi-home-page .izi-recipient-tabs button.is-active{color:var(--izi-navy)!important;box-shadow:0 1px 4px rgba(16,37,65,.08)!important}
body.izi-home-page .izi-home-field{margin-bottom:15px}
body.izi-home-page .izi-home-field>span{margin-bottom:7px;color:#40536a;font-size:13px}
body.izi-home-page .izi-home-field input,body.izi-home-page .izi-home-field select{height:50px;border-color:#cfd8e2;border-radius:10px;color:var(--izi-navy);background:#fff}
body.izi-home-page .izi-home-field input:hover,body.izi-home-page .izi-home-field select:hover{border-color:#aebac7}
body.izi-home-page .izi-home-field input:focus,body.izi-home-page .izi-home-field select:focus{border-color:var(--izi-orange);box-shadow:0 0 0 4px var(--izi-focus)}
body.izi-home-page .izi-home-amount-title{margin:2px 0 9px;color:#40536a}
body.izi-home-page .izi-home-demo__amounts{gap:9px}
body.izi-home-page .izi-home-demo__amounts button{min-height:48px;border:1px solid #d2dae3;border-radius:10px;background:#fff;color:var(--izi-navy);font-size:15px;font-weight:800;box-shadow:none}
body.izi-home-page .izi-home-demo__amounts button:hover{border-color:#9faebe;background:#fafbfc;color:var(--izi-navy);transform:none}
body.izi-home-page .izi-home-demo__amounts button.is-active{border-color:var(--izi-orange)!important;background:#fff6ef!important;color:#e55f00!important;box-shadow:inset 0 0 0 1px var(--izi-orange)!important}
body.izi-home-page .izi-home-demo__total{margin-top:18px;padding-top:16px;border-top:1px solid #e4e9ee;color:#68788a}
body.izi-home-page .izi-home-demo__total strong{color:var(--izi-navy);font-size:21px}
body.izi-home-page .izi-home-demo__button{min-height:52px!important;margin-top:14px;border-radius:11px!important;background:var(--izi-orange)!important;box-shadow:none!important;font-size:15px;font-weight:800}
body.izi-home-page .izi-home-demo__button:hover{background:var(--izi-orange-hover)!important;transform:none!important}
body.izi-home-page .izi-home-form-note{margin:11px 0 0;color:#7a8795;font-size:12px;text-align:center}

/* Secondary homepage content — quieter and less template-like */
body.izi-home-page .izi-how{background:#fff}
body.izi-home-page .izi-how__inner{width:min(1120px,calc(100% - 48px));padding-block:64px}
body.izi-home-page .izi-how__heading h2{color:var(--izi-navy);letter-spacing:-.03em}
body.izi-home-page .izi-how__steps>div{border-top:1px solid #dfe5eb;padding-top:22px}
body.izi-home-page .izi-how__steps>div>span{color:#d95b00;background:transparent;border:0;padding:0;font-weight:800}
body.izi-home-page .izi-how__steps h3{color:var(--izi-navy)}
body.izi-home-page .izi-home-note{background:#f6f8fa;border-top:1px solid #e3e8ed}
body.izi-home-page .izi-home-note__inner{width:min(1120px,calc(100% - 48px))}
body.izi-home-page .izi-home-note__icon{background:#fff3e9;color:#df5e00}

/* Interior pages — preserve navy/orange identity with less visual noise */
.izi-page-head{background:#fff;border-bottom:1px solid #e3e8ee}
.izi-page-head__inner{width:min(1120px,calc(100% - 48px));padding:34px 0 54px}
.izi-eyebrow{color:#d95b00;font-size:11px;letter-spacing:.12em}
.izi-page-head h1{margin:5px 0 7px;color:var(--izi-navy);font-size:clamp(32px,4vw,46px);letter-spacing:-.035em}
.izi-page-head p{max-width:620px;color:#69788a;font-size:15px}
.izi-head-action{min-height:44px;border-radius:10px;background:var(--izi-orange)!important;box-shadow:none!important}
.izi-app-container{width:min(1120px,calc(100% - 48px));margin:-26px auto 64px}
.izi-app-surface .izi-panel,.izi-app-surface .izi-card,.izi-app-surface .izi-topup-main,.izi-app-surface .izi-topup-summary,.izi-empty,.izi-auth-required{border:1px solid #dce3ea;border-radius:16px;box-shadow:0 10px 30px rgba(16,37,65,.055)}
.izi-app-surface .izi-panel,.izi-app-surface .izi-card,.izi-app-surface .izi-topup-main,.izi-app-surface .izi-topup-summary{padding:24px}
.izi-app-surface h1,.izi-app-surface h2,.izi-app-surface h3{color:var(--izi-navy);letter-spacing:-.018em}
.izi-app-surface p{color:#68798a}

/* Forms — calmer, clearer, and consistent */
.izi-app-surface label,.izi-app-surface .izi-field{color:#344a62;font-weight:700}
.izi-app-surface input:not([type=checkbox]):not([type=radio]),.izi-app-surface select,.izi-app-surface textarea{min-height:50px;border-color:#cfd8e2;border-radius:10px;box-shadow:none}
.izi-app-surface input:not([type=checkbox]):not([type=radio]):hover,.izi-app-surface select:hover,.izi-app-surface textarea:hover{border-color:#aebac7}
.izi-app-surface input:focus,.izi-app-surface select:focus,.izi-app-surface textarea:focus{border-color:var(--izi-orange);box-shadow:0 0 0 4px var(--izi-focus)}
.izi-app-surface button:not(.izi-tab):not(.izi-nav-toggle),.izi-app-surface input[type=submit],.izi-app-surface .button,.izi-app-surface .izi-button{border-radius:10px}
.izi-app-surface button[type=submit],.izi-app-surface input[type=submit],.izi-app-surface .izi-primary,.izi-app-surface .button-primary{background:var(--izi-orange);border-color:var(--izi-orange);box-shadow:none}
.izi-app-surface button[type=submit]:hover,.izi-app-surface input[type=submit]:hover,.izi-app-surface .izi-primary:hover,.izi-app-surface .button-primary:hover{background:var(--izi-orange-hover);border-color:var(--izi-orange-hover);transform:none}

/* Product/network/amount selection */
.izi-app-surface .izi-product-card{border-color:#dce3ea;border-radius:12px;box-shadow:none}
.izi-app-surface .izi-product-card:hover{border-color:#a9b6c4;box-shadow:none}
.izi-app-surface .izi-product-card.selected{border-color:var(--izi-orange);background:#fff7f1;box-shadow:inset 0 0 0 1px var(--izi-orange)}
.izi-app-surface .izi-amount-chip{min-height:48px;border-color:#ced8e2;border-radius:10px;color:var(--izi-navy);box-shadow:none}
.izi-app-surface .izi-amount-chip:hover{border-color:#9faebe;background:#f8fafb;color:var(--izi-navy)}
.izi-app-surface .izi-amount-chip.active{background:#fff5ec;border-color:var(--izi-orange);color:#df5d00;box-shadow:inset 0 0 0 1px var(--izi-orange)}

/* Account/auth keeps the existing dark branded side but feels more finished */
.izi-app-surface .izi-auth{gap:20px}
.izi-app-surface .izi-auth-brand{padding:38px;background:var(--izi-navy);border-radius:16px;box-shadow:none}
.izi-app-surface .izi-auth-brand h1{font-size:34px;letter-spacing:-.035em}
.izi-app-surface .izi-auth-brand p{color:#d5deea}

/* Tables / transaction history */
.izi-table-wrap{border:1px solid #dce3ea;border-radius:14px;box-shadow:none}
.izi-table th{background:#f6f8fa;color:#66778a;font-size:12px;letter-spacing:.02em}
.izi-table td,.izi-table th{border-bottom-color:#e7ebef}
.izi-table tr:hover td{background:#fbfcfd}
.izi-status{border-radius:999px}

/* Footer — same navy identity, simpler */
.izi-footer{background:var(--izi-navy);border-top:0}
.izi-footer__inner{width:min(1120px,calc(100% - 48px))}
.izi-footer a{color:#d5deea}.izi-footer a:hover{color:#fff}

/* Mobile: one clear column, no cramped controls */
@media(max-width:900px){
  .izi-header__inner{width:calc(100% - 28px);grid-template-columns:1fr auto;min-height:66px}
  body.izi-home-page .izi-home-main__inner{width:min(680px,calc(100% - 32px));grid-template-columns:1fr;gap:34px;padding:46px 0 54px}
  body.izi-home-page .izi-home-intro{text-align:center}
  body.izi-home-page .izi-home-intro h1,body.izi-home-page .izi-home-lead{margin-left:auto;margin-right:auto}
  body.izi-home-page .izi-home-points{justify-content:center}
  body.izi-home-page .izi-home-topup{max-width:520px;margin-inline:auto}
  body.izi-home-page .izi-how__inner,body.izi-home-page .izi-home-note__inner{width:min(680px,calc(100% - 32px))}
}
@media(max-width:700px){
  body.izi-flow-theme{background:#f5f7fa}
  .izi-header__inner{width:calc(100% - 24px)}
  .izi-logo img,.izi-logo .custom-logo{max-width:138px;max-height:36px}
  .izi-nav-toggle{width:42px;height:42px;border-radius:10px;background:#f4f6f8}
  .izi-page-head__inner{width:calc(100% - 28px);padding:26px 0 46px}
  .izi-page-head h1{font-size:34px}
  .izi-page-head p{font-size:14px}
  .izi-app-container{width:calc(100% - 20px);margin:-22px auto 34px}
  .izi-app-surface .izi-panel,.izi-app-surface .izi-card,.izi-app-surface .izi-topup-main,.izi-app-surface .izi-topup-summary{padding:17px;border-radius:14px}
  body.izi-home-page .izi-home-main__inner{width:calc(100% - 24px);padding:34px 0 42px;gap:26px}
  body.izi-home-page .izi-home-label{margin-bottom:10px}
  body.izi-home-page .izi-home-intro h1{font-size:clamp(36px,11vw,48px);line-height:1.01}
  body.izi-home-page .izi-home-lead{margin-top:15px;font-size:15px;line-height:1.55}
  body.izi-home-page .izi-home-points{margin-top:18px;gap:8px 14px}
  body.izi-home-page .izi-home-topup{padding:18px;border-radius:15px;box-shadow:0 12px 32px rgba(16,37,65,.08)}
  body.izi-home-page .izi-home-topup__heading h2{font-size:20px}
  body.izi-home-page .izi-home-demo__amounts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.izi-home-page .izi-how__inner,body.izi-home-page .izi-home-note__inner{width:calc(100% - 24px)}
  body.izi-home-page .izi-how__inner{padding-block:44px}
  .izi-table tr{border-radius:12px;box-shadow:none}
  .izi-mobile-nav{background:#fff;border-top-color:#dfe5eb;box-shadow:0 -6px 22px rgba(16,37,65,.07);backdrop-filter:none}
  .izi-mobile-nav a{border-radius:9px;color:#69798a}
  .izi-mobile-nav a[aria-current="page"],.izi-mobile-nav a:hover{background:#fff4eb;color:#de5d00}
}
@media(max-width:390px){
  body.izi-home-page .izi-home-intro h1{font-size:34px}
  body.izi-home-page .izi-home-points{display:grid;grid-template-columns:1fr;text-align:left;justify-items:start;max-width:220px;margin-left:auto;margin-right:auto}
  body.izi-home-page .izi-home-topup{padding:16px}
  .izi-page-head__inner{width:calc(100% - 24px)}
}
@media(prefers-reduced-motion:reduce){
  .izi-nav__list a,.izi-account-link,.izi-topup-link,.izi-head-action,.izi-btn,.izi-app-surface button,.izi-app-surface input,.izi-app-surface select,.izi-app-surface textarea{transition:none!important}
}


/* v19.4 — same-style production polish */
html{scrollbar-gutter:stable}
:focus-visible{outline:3px solid rgba(243,107,22,.28);outline-offset:2px}
.izi-header__inner{min-height:66px}
.izi-nav__list a,.izi-account-link,.izi-topup-link{transition:background-color .16s ease,color .16s ease,border-color .16s ease}
body.izi-home-page .izi-home-main__inner{padding-top:58px;padding-bottom:62px;gap:72px}
body.izi-home-page .izi-home-intro h1{max-width:640px;font-size:clamp(40px,4.7vw,60px)}
body.izi-home-page .izi-home-lead{max-width:560px;margin-top:18px;font-size:16px}
body.izi-home-page .izi-home-topup{padding:26px;box-shadow:0 10px 28px rgba(19,33,45,.065)}
body.izi-home-page .izi-home-topup__heading{margin-bottom:17px}
body.izi-home-page .izi-home-topup__heading h2{font-size:20px}
body.izi-home-page .izi-home-field input,
body.izi-home-page .izi-home-field select{min-height:50px}
body.izi-home-page .izi-home-demo__button{min-height:52px}
body.izi-home-page .izi-home-form-note{margin:10px 0 0;text-align:center;color:var(--izi-muted);font-size:12px}
.izi-footer__brand p{display:none}

/* Better behavior for plugin-rendered customer surfaces */
.izi-app-surface :is(input,select,textarea,button){max-width:100%}
.izi-app-surface input[type="text"],
.izi-app-surface input[type="email"],
.izi-app-surface input[type="tel"],
.izi-app-surface input[type="password"],
.izi-app-surface input[type="number"],
.izi-app-surface select,
.izi-app-surface textarea{min-height:48px}
.izi-app-surface button,.izi-app-surface .button,.izi-app-surface .izi-btn{min-height:44px}
.izi-app-surface .izi-table{width:100%;table-layout:auto}
.izi-app-surface .izi-table td,.izi-app-surface .izi-table th{overflow-wrap:anywhere}
.izi-app-surface [aria-busy="true"]{cursor:progress}
.izi-app-surface button:disabled,.izi-app-surface .button:disabled{opacity:.55;cursor:not-allowed;transform:none!important}

/* Tablet */
@media(max-width:900px){
  body.izi-home-page .izi-home-main__inner{grid-template-columns:1fr;gap:34px;padding:42px 0 52px}
  body.izi-home-page .izi-home-intro{max-width:680px}
  body.izi-home-page .izi-home-topup{max-width:560px}
}

/* Mobile production pass */
@media(max-width:640px){
  :root{--izi-page:calc(100% - 28px)}
  body{padding-bottom:72px}
  .izi-header__inner{min-height:60px;grid-template-columns:minmax(0,1fr) auto;gap:10px}
  .izi-logo img,.izi-logo .custom-logo{max-width:126px;max-height:32px}
  .izi-header__actions{gap:5px}
  .izi-account-link{display:none}
  .izi-topup-link{min-height:38px;padding:0 11px;font-size:13px}
  .izi-nav-toggle{width:40px;height:40px}
  body.izi-home-page .izi-home-main__inner{padding:32px 0 38px;gap:26px}
  body.izi-home-page .izi-home-intro h1{font-size:clamp(34px,10vw,44px);line-height:1.04}
  body.izi-home-page .izi-home-lead{margin-top:14px;font-size:15px;line-height:1.55}
  body.izi-home-page .izi-home-topup{padding:20px;border-radius:12px}
  body.izi-home-page .izi-home-topup__heading{margin-bottom:14px}
  body.izi-home-page .izi-recipient-tabs{margin-bottom:14px!important}
  body.izi-home-page .izi-home-demo__amounts{grid-template-columns:repeat(4,minmax(0,1fr))}
  body.izi-home-page .izi-home-demo__amounts button{min-width:0;padding-left:4px!important;padding-right:4px!important}
  .izi-app-container{width:calc(100% - 24px)!important;margin-left:auto!important;margin-right:auto!important}
  .izi-app-surface .izi-panel,.izi-app-surface .izi-card,.izi-app-surface .izi-topup-main,.izi-app-surface .izi-topup-summary{padding:17px!important}
  .izi-app-surface input,.izi-app-surface select,.izi-app-surface textarea{font-size:16px!important}
  .izi-app-surface .izi-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .izi-mobile-nav{padding-bottom:env(safe-area-inset-bottom)}
}
@media(max-width:380px){
  body.izi-home-page .izi-home-topup{padding:17px}
  body.izi-home-page .izi-home-demo__amounts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}