:root{--duo-green:#0c3a30;--duo-lime:#9edd05;--duo-paper:#f6f8f1}
html body.auth-page .auth-visual{background:#0c3a30!important}
html body.auth-page .auth-fixed-header{background:#fff!important}
html body.auth-page .auth-card .eyebrow{color:#466a12!important}
html body.auth-page .auth-visual h1{color:#fff!important}
html body.auth-page .auth-visual p,html body.auth-page .auth-visual .trust-row{color:#dbe9dd!important}
html body[data-layout="public"] .ab-hero-grid>div>p,html body[data-layout="public"] .ab-hero .breadcrumbs,html body[data-layout="public"] .ab-hero .breadcrumbs a{color:#52675c!important}
html body[data-layout="public"] .ab-hero .btn-ghost{color:#0c3a30!important;border-color:#0c3a30!important}
html body[data-layout="public"] .ab-hero-panel h2{color:#fff!important}
html body[data-layout="public"] .btn-primary,html body.auth-page .btn-primary{background:#9edd05!important;color:#0c3a30!important;border-color:#9edd05!important;box-shadow:none!important}
body[data-layout="public"] .ab-hero-grid>div>p,body[data-layout="public"] .page-hero p,body[data-layout="public"] .product-hero p,body[data-layout="public"] .breadcrumbs,body[data-layout="public"] .breadcrumbs a{color:#52675c}
body[data-layout="public"] .ab-hero-panel h2,body[data-layout="public"] .ab-commitment h2,body[data-layout="public"] .ab-cta h2{color:#fff}
body[data-layout="public"] .ab-hero .btn-ghost{color:#0c3a30;border-color:#0c3a30}
body[data-layout="public"] .btn-primary,body.auth-page .btn-primary{background:#9edd05!important;color:#0c3a30!important;border-color:#9edd05!important}
body[data-layout="public"],body.auth-page{--primary:#0c3a30;--accent:#9edd05;--bg:#fff;--text:#172f28;--muted:#5e6d66;background:#fff;color:#172f28;font-family:'Inter Tight',Arial,sans-serif}
.duo-skip{position:absolute;top:-80px;left:20px;background:white;color:#0c3a30;padding:12px;z-index:10000}.duo-skip:focus{top:10px}
.duo-topbar{background:#0c3a30;color:#fff;padding:13px 4%;display:flex;justify-content:space-between;font-size:13px;gap:20px}.duo-topbar div{display:flex;gap:25px}.duo-topbar a{color:#fff;text-decoration:none}
.duo-header{position:relative;z-index:100;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px 4%;border-bottom:1px solid #e4e9df}
.duo-logo{width:210px;height:auto;max-width:none}.duo-nav{display:flex;gap:25px;align-items:center}.duo-nav a,.duo-login{font-size:15px;font-weight:600;color:#0c3a30;text-decoration:none;white-space:nowrap}.duo-nav a:hover,.duo-nav a[aria-current]{color:#497200}.duo-header-actions{display:flex;gap:22px;align-items:center}
.duo-button{background:#9edd05;border-radius:9px;padding:16px 21px;display:inline-flex;gap:20px;color:#0c3a30!important;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}.duo-button:hover{background:#b2ef22}.duo-menu{display:none;background:#f3f7ed;border:1px solid #dce5d5;border-radius:8px;color:#0c3a30;padding:9px 13px;font-size:22px;cursor:pointer}
.duo-hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:30px}.duo-text-link{color:#0c3a30;font-weight:600}.duo-home .main-banner-area{padding-top:75px}.duo-home .main-banner-content h1{font-size:clamp(44px,5.4vw,82px)}
body[data-layout="public"] .page-hero,body[data-layout="public"] .ab-hero,body[data-layout="public"] .product-hero{background:#f1f6e9;color:#0c3a30;border-bottom:1px solid #dfe8d8;padding-top:75px;padding-bottom:75px}
body[data-layout="public"] h1,body[data-layout="public"] h2,body[data-layout="public"] h3{color:#0c3a30;letter-spacing:-.035em}
body[data-layout="public"] h1{font-size:clamp(36px,4.6vw,68px);line-height:1.1}
body[data-layout="public"] .eyebrow{color:#426831;letter-spacing:.12em}
body[data-layout="public"] .btn-primary,body.auth-page .btn-primary{background:#9edd05;color:#0c3a30;border-color:#9edd05;border-radius:9px}
body[data-layout="public"] .btn-secondary,body.auth-page .btn-secondary{background:#0c3a30;color:#fff;border-color:#0c3a30}
body[data-layout="public"] .card,body[data-layout="public"] article{border-radius:22px}
body[data-layout="public"] .section{padding-top:65px;padding-bottom:65px}
body.auth-page .auth-visual{background:#0c3a30 url('../duobank/images/hero/hero-image-1.svg') center/cover;color:#fff}body.auth-page .auth-visual h1,body.auth-page .auth-visual p{color:#fff}body.auth-page .auth-panel{background:#f6f8f1}body.auth-page .auth-card{border-radius:26px;background:#fff}body.auth-page .auth-fixed-header{background:#fff}body.auth-page input:focus{border-color:#78aa00;outline-color:#78aa00}
.duo-footer{background:#0c3a30;color:#d5e1d9;padding:70px 5% 25px}.duo-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:45px;max-width:1400px;margin:auto}.duo-footer h3{color:#fff!important;font-size:18px;letter-spacing:0!important;margin:0 0 20px}.duo-footer a{display:block;color:#d5e1d9;text-decoration:none;font-size:15px;margin:12px 0}.duo-footer a:hover{color:#b7ec55}.duo-footer p{max-width:340px;color:#d5e1d9;line-height:1.8}.duo-footer-logo{background:#fff;border-radius:12px;padding:8px 14px;width:235px;height:auto;margin-bottom:18px}.duo-footer-bottom{border-top:1px solid #36594b;margin:45px auto 0;padding-top:24px;max-width:1400px;display:flex;justify-content:space-between;gap:25px;font-size:13px}
@media(max-width:1150px){.duo-nav{gap:14px}.duo-logo{width:175px}.duo-header{gap:15px;padding:20px 3%}.duo-header-actions{gap:14px}}
@media(max-width:960px){.duo-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 15px 20px #0c3a3012;padding:20px 5%;flex-direction:column;align-items:flex-start}.duo-nav.is-open{display:flex}.duo-menu{display:block}.duo-footer-grid{grid-template-columns:1.5fr 1fr;gap:30px}.duo-topbar{font-size:12px}}
@media(max-width:600px){.duo-topbar>span{display:none}.duo-topbar{justify-content:center}.duo-header{padding:17px 5%;gap:10px}.duo-logo{width:150px}.duo-header-actions>.duo-button{display:none}.duo-login{font-size:14px}.duo-header-actions{gap:12px}.duo-footer-grid{grid-template-columns:1fr 1fr;gap:25px}.duo-footer-grid>div:first-child{grid-column:1/-1}.duo-footer-bottom{flex-direction:column;gap:8px}.duo-home .main-banner-area{padding-top:40px}.duo-hero-actions{gap:20px}}

/* Personal banking keeps its own high-contrast campaign panels. */
html body.personal-banking-page[data-layout="public"] .personal-hero{background:radial-gradient(circle at 86% 20%,#176d58 0,transparent 29%),radial-gradient(circle at 12% 92%,#0f5748 0,transparent 35%),linear-gradient(115deg,#082b23,#0c3a30)!important;color:#fff!important}
html body.personal-banking-page[data-layout="public"] .personal-hero .breadcrumbs,html body.personal-banking-page[data-layout="public"] .personal-hero .breadcrumbs a{color:#d5e9e1!important}
html body.personal-banking-page[data-layout="public"] .personal-hero .eyebrow,html body.personal-banking-page[data-layout="public"] .personal-cta .eyebrow{color:#c6f061!important}
html body.personal-banking-page[data-layout="public"] .personal-hero h1{color:#fff!important}
html body.personal-banking-page[data-layout="public"] .personal-hero p{color:#dcece6!important}
html body.personal-banking-page[data-layout="public"] .personal-hero .btn-primary,html body.personal-banking-page[data-layout="public"] .personal-cta .btn-primary{background:#9edd05!important;border-color:#9edd05!important;color:#0c3a30!important}
html body.personal-banking-page[data-layout="public"] .personal-hero .btn-ghost{background:transparent!important;border-color:rgba(255,255,255,.7)!important;color:#fff!important}
html body.personal-banking-page[data-layout="public"] .personal-hero-points{color:#d9f28e!important}
html body.personal-banking-page[data-layout="public"] .personal-cta>.container{background:linear-gradient(115deg,#082b23,#0c3a30)!important}
html body.personal-banking-page[data-layout="public"] .personal-cta h2{color:#fff!important}
html body.personal-banking-page[data-layout="public"] .personal-cta p{color:#dcece6!important}

/* Business banking uses the same ARCVAL International Bank high-contrast treatment. */
html body.business-banking-page[data-layout="public"] .business-hero{background:radial-gradient(circle at 85% 10%,rgba(53,174,143,.42),transparent 31%),radial-gradient(circle at 72% 120%,rgba(210,229,142,.17),transparent 28%),linear-gradient(115deg,#082b23,#0c3a30)!important;color:#fff!important}
html body.business-banking-page[data-layout="public"] .business-hero .breadcrumbs,html body.business-banking-page[data-layout="public"] .business-hero .breadcrumbs a{color:#d5e9e1!important}
html body.business-banking-page[data-layout="public"] .business-hero .eyebrow,html body.business-banking-page[data-layout="public"] .business-hero-summary>span,html body.business-banking-page[data-layout="public"] .business-cta .eyebrow{color:#c6f061!important}
html body.business-banking-page[data-layout="public"] .business-hero h1,html body.business-banking-page[data-layout="public"] .business-hero-summary h2{color:#fff!important}
html body.business-banking-page[data-layout="public"] .business-hero-copy>p,html body.business-banking-page[data-layout="public"] .business-hero-summary ul{color:#dcece6!important}
html body.business-banking-page[data-layout="public"] .business-hero .btn-primary,html body.business-banking-page[data-layout="public"] .business-cta .btn-primary{background:#9edd05!important;border-color:#9edd05!important;color:#0c3a30!important}
html body.business-banking-page[data-layout="public"] .business-hero .btn-ghost,html body.business-banking-page[data-layout="public"] .business-cta .btn-ghost{background:transparent!important;border-color:rgba(255,255,255,.7)!important;color:#fff!important}
html body.business-banking-page[data-layout="public"] .business-requirements{background:#0c3a30!important}
html body.business-banking-page[data-layout="public"] .business-requirements h2{color:#fff!important}
html body.business-banking-page[data-layout="public"] .business-requirements> .container>p,html body.business-banking-page[data-layout="public"] .business-requirements article,html body.business-banking-page[data-layout="public"] .business-requirements article li{color:#dcece6!important}
html body.business-banking-page[data-layout="public"] .business-requirements article h3{color:#fff!important}
html body.business-banking-page[data-layout="public"] .business-cta>.container{background:linear-gradient(115deg,#082b23,#0c3a30)!important}
html body.business-banking-page[data-layout="public"] .business-cta h2{color:#fff!important}
html body.business-banking-page[data-layout="public"] .business-cta p{color:#dcece6!important}

/* Cards page: preserve readable content over the dark card presentation. */
html body.public-cards-page[data-layout="public"] .pc-hero{background:radial-gradient(circle at 87% 12%,rgba(46,167,139,.38),transparent 30%),linear-gradient(118deg,#082b23,#0c3a30)!important;color:#fff!important}
html body.public-cards-page[data-layout="public"] .pc-hero .breadcrumbs,html body.public-cards-page[data-layout="public"] .pc-hero .breadcrumbs a{color:#d5e9e1!important}
html body.public-cards-page[data-layout="public"] .pc-hero .eyebrow,html body.public-cards-page[data-layout="public"] .pc-cta .eyebrow{color:#c6f061!important}
html body.public-cards-page[data-layout="public"] .pc-hero h1{color:#fff!important}
html body.public-cards-page[data-layout="public"] .pc-hero-copy>p{color:#dcece6!important}
html body.public-cards-page[data-layout="public"] .pc-hero .btn-primary,html body.public-cards-page[data-layout="public"] .pc-cta .btn-primary{background:#9edd05!important;border-color:#9edd05!important;color:#0c3a30!important}
html body.public-cards-page[data-layout="public"] .pc-hero .btn-ghost,html body.public-cards-page[data-layout="public"] .pc-cta .btn-ghost{background:transparent!important;border-color:rgba(255,255,255,.7)!important;color:#fff!important}
html body.public-cards-page[data-layout="public"] .pc-cta>.container{background:linear-gradient(115deg,#082b23,#0c3a30)!important}
html body.public-cards-page[data-layout="public"] .pc-cta h2{color:#fff!important}
html body.public-cards-page[data-layout="public"] .pc-cta p{color:#dcece6!important}