.personal-banking-page .page-hero{
  min-height:430px;
  display:flex;
  align-items:center;
  color:#fff;
  background:
    radial-gradient(circle at 82% 20%,rgba(43,158,129,.42),transparent 28%),
    radial-gradient(circle at 72% 120%,rgba(210,229,142,.16),transparent 30%),
    linear-gradient(115deg,#031D3A,#005447);
}
.personal-banking-page .page-hero .container{padding-block:62px}
.personal-banking-page .page-hero .breadcrumbs,.personal-banking-page .page-hero .breadcrumbs a{color:#c9ddd8}
.personal-banking-page .page-hero .eyebrow{color:#FFB181;font-size:.8rem;letter-spacing:.14em}
.personal-banking-page .page-hero h1{max-width:780px;margin:13px 0 18px;color:#fff;font-size:clamp(2.75rem,5vw,4.7rem);line-height:1.02;letter-spacing:-.045em}
.personal-banking-page .page-hero p{max-width:700px;margin:0;color:#d8ebe6;font-size:1.16rem;line-height:1.7}
.personal-hero-actions{display:flex;gap:14px;margin-top:29px}
.personal-hero-actions .btn{min-width:145px}
.personal-hero-actions .btn-ghost{color:#fff;border-color:#b9d3cc}
.personal-hero-points{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:28px;color:#dceaa9;font-size:.9rem;font-weight:700}
.personal-banking-page .section{padding:68px 0}
.personal-banking-page .feature-card{min-height:290px;padding:30px;border-radius:18px;transition:transform .2s,border-color .2s,box-shadow .2s}
.personal-banking-page .feature-card:hover{transform:translateY(-4px);border-color:#a8cfc5;box-shadow:0 20px 44px rgba(3,51,42,.12)}
.personal-banking-page .feature-card .feature-icon{width:58px;height:58px;border-radius:16px;background:#e6f5f1;color:#175CD3}
.personal-banking-page .feature-card h3{margin-top:22px;font-size:1.35rem}
.personal-banking-page .feature-card p{font-size:1rem;line-height:1.65}
.personal-banking-page .section-sm{padding:20px 0 84px}
.personal-banking-page .section-sm .card{background:linear-gradient(145deg,#063f35,#08705d);color:#fff;border:0;box-shadow:0 25px 55px rgba(2,44,36,.18)}
.personal-banking-page .section-sm .card h3,.personal-banking-page .section-sm .card strong{color:#fff}
.personal-banking-page .section-sm .card .eyebrow{color:#FFB181}
.personal-banking-page .section-sm .review-row{border-color:rgba(255,255,255,.16)}
.personal-intro{background:#fff}
.personal-intro-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}
.personal-intro .section-title{margin-bottom:0}
.personal-intro .section-copy{max-width:760px}
.personal-intro .section-copy+.section-copy{margin-top:18px}
.personal-products{background:#f3f8f5}
.personal-section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}
.personal-section-head .section-title{margin-bottom:0}
.personal-section-head>p{max-width:350px;margin:0;color:var(--muted);font-size:1rem}
.personal-product-grid{align-items:stretch}
.personal-product-grid .feature-card{display:flex;flex-direction:column}
.personal-product-grid .feature-icon{font-size:1.55rem;font-weight:800}
.personal-card-link{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:auto;padding-top:22px;color:#175CD3;font-weight:800}
.personal-card-link span{font-size:1.25rem;transition:transform .2s}
.personal-card-link:hover span{transform:translateX(4px)}
.personal-journey{background:#fff}
.personal-journey-grid{align-items:center;gap:72px}
.personal-journey .btn{margin-top:28px}
.personal-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.personal-steps li{display:grid;grid-template-columns:50px 1fr;gap:18px;padding:22px;border:1px solid #dcebe7;border-radius:17px;background:#f8fbfa}
.personal-steps li>span{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:#175CD3;color:#fff;font-size:1.1rem;font-weight:900}
.personal-steps h3{margin:1px 0 5px;color:var(--navy-900);font-size:1.08rem}
.personal-steps p{margin:0;color:var(--muted);font-size:.94rem}
.personal-details{padding-top:10px;background:#fff}
.personal-details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.personal-info-panel{padding:28px;border:1px solid #dcebe7;border-radius:19px;background:#fff;box-shadow:0 13px 34px rgba(5,66,54,.07)}
.personal-info-panel .feature-icon{width:48px;height:48px;margin-bottom:20px;border-radius:14px;display:grid;place-items:center;background:#e6f5f1;color:#175CD3;font-size:1.2rem;font-weight:900}
.personal-info-panel h2{margin:0 0 15px;color:var(--navy-900);font-size:1.3rem}
.personal-info-panel p,.personal-info-panel li{color:var(--muted);line-height:1.65}
.personal-info-panel ul{margin:0;padding-left:19px;display:grid;gap:8px}
.personal-info-actions{display:flex;gap:20px;margin-top:22px}
.personal-info-actions a{color:#175CD3;font-weight:850}
.personal-cta{padding:32px 0 74px;background:#fff}
.personal-cta>.container{display:flex;align-items:center;justify-content:space-between;gap:45px;padding:42px;border-radius:24px;background:linear-gradient(115deg,#003d34,#08705d);color:#fff;box-shadow:0 24px 54px rgba(2,48,39,.18)}
.personal-cta .eyebrow{color:#FFB181}
.personal-cta h2{margin:9px 0 10px;color:#fff;font-size:clamp(1.8rem,3vw,2.6rem)}
.personal-cta p{max-width:680px;margin:0;color:#cfe4df}
.personal-cta .btn{flex:0 0 auto}
@media(max-width:720px){
  .personal-banking-page .page-hero{min-height:auto}
  .personal-banking-page .page-hero .container{padding:42px 20px}
  .personal-banking-page .page-hero h1{font-size:2.55rem}
  .personal-banking-page .page-hero p{font-size:1rem}
  .personal-hero-actions{align-items:stretch;flex-direction:column}
  .personal-hero-points{display:grid;gap:9px}
  .personal-banking-page .section{padding:42px 0}
  .personal-banking-page .feature-card{min-height:0;padding:23px}
  .personal-intro-grid,.personal-details-grid{grid-template-columns:1fr;gap:28px}
  .personal-section-head{display:block;margin-bottom:25px}
  .personal-section-head>p{margin-top:13px}
  .personal-journey-grid{gap:36px}
  .personal-steps li{grid-template-columns:44px 1fr;padding:17px;gap:14px}
  .personal-steps li>span{width:44px;height:44px}
  .personal-cta>.container{align-items:stretch;flex-direction:column;padding:28px 22px}
}

/* Final navy / blue / orange palette override. */
.personal-hero .btn-primary{background:#FF6B1A!important;border-color:#FF6B1A!important;color:#FFFFFF!important}.personal-hero .btn-primary:hover{background:#175CD3!important;border-color:#175CD3!important}.personal-hero .eyebrow{color:#FFB181!important}.personal-hero-points,.personal-hero-points span{color:#FFB181!important}.personal-intro h2,.personal-products h2,.personal-section h2{color:#0A2540!important}.personal-products{background:#EEF5FF!important}.personal-products article{border-color:#DCE6F2!important}.personal-products article i,.personal-products article .icon{background:#EEF5FF!important;color:#175CD3!important}
/* FINAL PALETTE LAYER — loaded after every legacy page rule. */
html body.personal-banking-page .personal-hero .btn-primary,html body.business-banking-page .business-hero .btn-primary,html body.public-cards-page .pc-hero .btn-primary,html body.about-page .ab-hero .btn-primary,html body.contact-page .contact-hero .btn-primary,html body.contact-page .contact-form .btn-primary{background:#FF6B1A!important;border-color:#FF6B1A!important;color:#FFFFFF!important}html body.personal-banking-page .personal-hero .btn-primary:hover,html body.business-banking-page .business-hero .btn-primary:hover,html body.public-cards-page .pc-hero .btn-primary:hover,html body.about-page .ab-hero .btn-primary:hover,html body.contact-page .contact-hero .btn-primary:hover,html body.contact-page .contact-form .btn-primary:hover{background:#175CD3!important;border-color:#175CD3!important;color:#FFFFFF!important}
html body.personal-banking-page .personal-hero .eyebrow,html body.business-banking-page .business-hero .eyebrow,html body.public-cards-page .pc-hero .eyebrow,html body.about-page .ab-hero .eyebrow{color:#FFB181!important}html body.personal-banking-page .personal-hero-points,html body.personal-banking-page .personal-hero-points span,html body.business-banking-page .business-hero-summary li{color:#FFB181!important}
html body.about-page .ab-hero{background:linear-gradient(135deg,#031D3A,#062B54)!important}html body.about-page .ab-hero :is(h1,p,.breadcrumbs,.breadcrumbs a){color:#FFFFFF!important}html body.about-page .ab-hero-panel{background:#0A2540!important;border-color:#29486B!important}html body.about-page .ab-hero-panel :is(h2,p,b){color:#FFFFFF!important}html body.about-page .ab-hero-panel>span{color:#FFB181!important}
html body.public-cards-page .pc-card{background:linear-gradient(135deg,#031D3A,#175CD3)!important;border-color:#75A7F3!important}html body.public-cards-page .pc-chip{background:linear-gradient(135deg,#FFB181,#FF6B1A)!important}html body.public-cards-page .pc-type-icon{background:#EEF5FF!important;color:#175CD3!important}html body.public-cards-page .pc-types,html body.public-cards-page .pc-controls{background:#EEF5FF!important}
html body.contact-page .contact-hero{background:linear-gradient(135deg,#EEF5FF,#F6F9FC)!important;border-color:#DCE6F2!important}html body.contact-page .contact-route>i{background:#EEF5FF!important;color:#175CD3!important}html body.contact-page .contact-security{background:#062B54!important}html body.contact-page .contact-security .eyebrow{color:#FFB181!important}html body.contact-page .contact-security li::before{color:#FF6B1A!important}html body.contact-page .contact-quick-links{background:#EEF5FF!important}
html body :is(.bg-color-9edd05,.features-image,.question-card){background-color:#FF6B1A!important}html body :is(.sub-title,.section-title .sub-title){color:#FF6B1A!important}html body :is(.feature-area .feature-content i,.feature-area .feature-list i,.feature-area .feature-list span){background-color:#FF6B1A!important;color:#FFFFFF!important}
