/* Final scale and reference-detail refinements. */
html{font-size:15px}
h1{font-size:clamp(1.8rem,3vw,2.8rem)}
h2{font-size:1.35rem}
h3{font-size:1.1rem}
.page{padding-top:44px}
.hero{min-height:520px}
.hero>div{max-width:620px}
.hero h1{font-size:clamp(2.8rem,4.5vw,4rem);line-height:1.08}
.hero p:not(.eyebrow){font-size:1rem;max-width:570px}
.features article,.panel,.stats-grid article{padding:22px}
.app-topbar{height:66px}
.app-topbar .brand{font-size:1rem;gap:8px}
.app-topbar .brand-copy{display:flex;flex-direction:column;line-height:1.1}
.app-topbar .brand-copy strong{font-family:"Playfair Display",Georgia,serif;font-size:.95rem}
.app-topbar .brand-copy small{font-family:Inter,system-ui,sans-serif;font-size:.58rem;color:var(--muted);letter-spacing:.04em;margin-top:3px}
.app-topbar .emblem{width:31px;height:31px;border-radius:7px;font-size:.85rem}
.landing-header{justify-content:flex-start}.landing-header .button{margin-left:0}
.header-icon{width:38px;height:38px}
.greeting-card{background:linear-gradient(135deg,#fff8e9 0%,#fffcf5 58%,#fff 100%);padding:26px 30px}
.greeting-card h1{font-size:clamp(1.8rem,3.6vw,2.45rem)}
.rewards-line{display:flex;align-items:center;gap:8px;margin-top:16px;color:#b6000d;font-size:1rem;font-weight:600}
.rewards-line strong{font-size:1.08rem}.rewards-line sup{font-size:.65rem}.rewards-line span{font-size:1.7rem;line-height:.8}
.round-bell{width:52px;height:52px;padding:14px}
.account-card{min-height:175px;padding:26px 30px}
.account-card strong{font-size:2.15rem;margin-top:24px}
.account-card>div,.account-card>div small{font-size:.88rem}
.activity-section{margin-top:42px}
.activity-section .section-head h2{font-size:1.65rem}
.transaction{font-size:.92rem}
.profile-card h1{font-size:1.9rem}
.personal-panel h2{font-size:1.65rem}
@media(max-width:800px){
  html{font-size:14px}
  .app-topbar{height:60px}
  .app-topbar .brand-copy{display:flex!important}
  .app-topbar .brand-copy strong{font-size:.82rem}
  .app-topbar .brand-copy small{font-size:.52rem}
  .app-topbar .emblem{width:28px;height:28px}
  .header-actions{gap:12px}
  .header-icon{width:35px;height:35px;padding:7px}
  .hero{min-height:480px;padding-top:60px;padding-bottom:60px}
  .hero h1{font-size:2.65rem}
  .hero p:not(.eyebrow){font-size:.95rem}
  .greeting-card{padding:21px 20px}
  .greeting-card h1{font-size:1.7rem}
  .rewards-line{margin-top:13px;font-size:.84rem;gap:5px}
  .rewards-line strong{font-size:.9rem}
  .round-bell{width:46px;height:46px;padding:13px}
  .account-card{min-height:160px;padding:23px 22px}
  .account-card strong{font-size:1.9rem;margin-top:22px}
  .activity-section .section-head h2{font-size:1.5rem}
  .profile-avatar{width:135px;height:135px}
}