.public-page .home-hero{position:relative;isolation:isolate;display:block;overflow:hidden;border-radius:18px;margin:8px 0 34px;padding:46px 44px 24px;background:#d4e8e9 url('/images/digital-banks-hero-original-v8.jpg') right center/cover no-repeat;color:#193e47;min-height:450px}
.public-page .home-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(220,239,240,.95) 0%,rgba(220,239,240,.8) 36%,rgba(220,239,240,.1) 65%,transparent 80%)}
.public-page .home-hero .hero-copy{max-width:47%;min-height:302px}
.public-page .home-hero .section-label{color:#3e7480;font-size:11px;letter-spacing:.14em;margin:0 0 20px}
.public-page .home-hero h1{color:#173d46;font-size:clamp(30px,3.7vw,45px);font-weight:600;line-height:1.2;letter-spacing:-.035em;margin:0 0 14px;text-wrap:balance;overflow-wrap:anywhere}
.public-page .home-hero .hero-tagline{font-size:17px;line-height:1.65;color:#325d67;margin:0 0 12px;letter-spacing:.01em;max-width:390px;text-wrap:balance}
.public-page .home-hero .hero-age-notice{display:flex;gap:9px;align-items:flex-start;color:#204b57;font-size:11px;line-height:1.7;margin:18px 0 0;max-width:410px}
.public-page .home-hero .hero-age-notice strong{flex-shrink:0;font-size:10px;letter-spacing:.02em;border:1px solid #91bec9;border-radius:4px;padding:1px 5px;background:rgba(72,139,154,.2)}
.public-page .home-hero .lead{font-size:14px;line-height:1.85;color:#40626c;max-width:390px;margin:0 0 24px}
.public-page .home-hero .portal-button{background:#295f6c;color:#fff;border:1px solid #295f6c;box-shadow:none;font-weight:600}
.public-page .home-hero .portal-button:hover{background:#164752;border-color:#164752}
.public-page .home-hero .portal-button.secondary{background:rgba(245,253,253,.55);border-color:#78abb6;color:#204b57}
.public-page .home-hero .product-overview{display:flex;flex-wrap:wrap;align-items:center;gap:16px 38px;max-width:none;margin:20px 0 0;padding:19px 0 0;border:0;border-top:1px solid rgba(183,220,226,.22);background:none;box-shadow:none}
.public-page .home-hero .product-overview>div{display:flex;flex-direction:column;gap:4px;margin:0;min-width:100px}
.public-page .home-hero .product-overview span{color:#40626c;font-size:11px;line-height:1.6}
.public-page .home-hero .product-overview strong{color:#193e47;font-size:18px;font-weight:600;line-height:1.4;letter-spacing:0}
.public-page .home-hero .product-overview a{color:#295f6c;font-size:12px;align-self:center;margin:0;text-underline-offset:4px}
@media(min-width:800px){.public-page .home-hero:lang(ta) h1,.public-page .home-hero:lang(my) h1,.public-page .home-hero:lang(km) h1{font-size:32px;line-height:1.5}}
@media(prefers-reduced-motion:no-preference){.public-page .home-hero .portal-button{transition:background .15s,border-color .15s}}
@media(min-width:800px) and (max-width:1000px){.public-page .home-hero{background-size:100% auto;background-position:right center}.public-page .home-hero .lead{max-width:290px}}
/* One mobile layout: readable content first, compact facts, then a short image. */
@media(max-width:799px){
  .public-page .home-hero{display:flex;flex-direction:column;gap:0;min-height:0;margin-bottom:20px;padding:20px 20px 0;background:#dceff0}
  .public-page .home-hero:before{display:none}
  .public-page .home-hero .hero-copy{width:100%;max-width:none;min-height:0}
  .public-page .home-hero .section-label{margin-bottom:10px;font-size:13px}
  .public-page .home-hero h1{font-size:clamp(26px,7vw,28px);line-height:1.25;margin-bottom:10px}
  .public-page .home-hero .hero-tagline{max-width:none;font-size:15px;line-height:1.6;margin-bottom:8px}
  .public-page .home-hero .lead{max-width:none;font-size:14px;line-height:1.65;margin-bottom:16px}
  .public-page .home-hero .hero-age-notice{max-width:none;font-size:13px;line-height:1.6;margin-top:12px}
  .public-page .home-hero .hero-age-notice strong{font-size:12px}
  .public-page .home-hero .product-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;margin-top:16px;padding:14px 0 16px;gap:12px 16px;background:transparent;border-top:1px solid #aacbd2}
  .public-page .home-hero .product-overview>div{min-width:0;gap:3px}
  .public-page .home-hero .product-overview>div:first-child,.public-page .home-hero .product-overview a{grid-column:1/-1}
  .public-page .home-hero .product-overview span,.public-page .home-hero .product-overview a{font-size:13px;line-height:1.5}
  .public-page .home-hero .product-overview strong{font-size:16px;line-height:1.4;overflow-wrap:anywhere}
  .public-page .home-hero .product-overview>div:first-child strong{font-size:24px}
  .public-page .home-hero:after{content:'';display:block;flex:none;width:calc(100% + 40px);height:136px;background:url('/images/digital-banks-hero-original-v8.jpg') right center/cover no-repeat;border-top:1px solid #bdd8de}
  .public-page .home-hero:lang(ta) h1,.public-page .home-hero:lang(my) h1,.public-page .home-hero:lang(km) h1{font-size:26px;line-height:1.45}
}