.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,#002a25,#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:#d2e58e;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:#075548}
.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:#d2e58e}
.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:#07594a;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:#07594a;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:#075548;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:#07594a;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:#d2e58e}
.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}
}
