/* AraziPay responsive layout */
@media screen and (max-width: 768px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  .topbar{width:100%;height:60px;padding:0 12px;gap:8px;position:sticky;top:0;z-index:10}
  .brand{font-size:18px;gap:6px;white-space:nowrap}.brand-mark{width:23px;height:23px;font-size:16px}
  .topnav{display:none!important}.account-btn{margin-left:auto;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:9px 8px;font-size:10px}.icon-btn{padding:5px}
  .hero{padding:55px 18px 45px;min-height:0}.hero:after{right:5px;top:35px;font-size:58px}.hero h1{font-size:clamp(42px,13vw,58px);line-height:1.02;letter-spacing:-2px}.hero p{font-size:14px;max-width:100%;line-height:1.55}.hero .primary-btn{width:100%;justify-content:space-between}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:42px}.hero-stats div{display:block}.hero-stats strong,.hero-stats span{display:block}.hero-stats span{font-size:10px;margin-top:5px}
  .workspace,.results,.saved{width:100%;padding:42px 12px}.section-heading{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:18px}.section-heading h2{font-size:30px}.step-label{align-self:flex-end;margin-top:-28px}
  .progress{margin-bottom:20px}.card{width:100%;padding:18px 14px;margin-bottom:12px}.card-title{gap:9px;margin-bottom:18px}.card-title>div{min-width:0}.card-title h3{font-size:15px;line-height:1.3}.card-title p{font-size:11px}.number{flex:none}.text-btn{font-size:11px;white-space:nowrap}
  .form-grid,.choice-grid{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:12px}.wide{grid-column:auto!important}label{min-width:0}input,select,textarea{max-width:100%;font-size:16px!important}input,select{height:44px}.input-with-unit{width:100%}.input-with-unit input{min-width:0}.input-with-unit select{width:82px;flex:none}
  .person{display:grid;grid-template-columns:minmax(0,1fr) 108px 24px;gap:6px}.person label{min-width:0}.remove{height:44px}.distribution-row{display:block;padding:10px 0}.distribution-row>b{display:block;margin-bottom:7px}.distribution-controls{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:6px}.agreement-box textarea{min-height:90px}.signature-row{display:grid;grid-template-columns:minmax(0,1fr);gap:5px}.signature-row small{font-size:10px}.consent{font-size:11px}
  .actions{display:grid;grid-template-columns:1fr;gap:8px}.actions button{width:100%;justify-content:center}.summary-grid{display:grid;grid-template-columns:1fr 1fr}.summary-main{grid-column:1/-1}.summary-grid>div{padding:16px 12px}.summary-main strong{font-size:24px}.summary-item strong{font-size:14px}.allocation-line{font-size:12px;padding:12px}.result-card{padding:14px 7px}.result-head{gap:8px;align-items:flex-start}.result-head h3{font-size:15px}.result-head span{font-size:9px;text-align:right}.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}table{min-width:570px}th,td{padding:10px 6px;font-size:11px}.plan-card canvas{width:100%;height:auto}.stake-instructions{font-size:12px}
  .saved-item{padding:9px}.saved-open{min-width:0;max-width:calc(100% - 28px);font-size:12px}.saved .secondary-btn{width:100%;justify-content:center}.about{display:block;padding:45px 18px}.about h2{font-size:30px}.about p{margin-top:22px;font-size:13px}footer{display:block;padding:18px}.dialog-close{right:10px}dialog{width:calc(100% - 20px);max-height:90vh;padding:24px 16px;margin:auto}
}
@media screen and (max-width:380px){.person{grid-template-columns:minmax(0,1fr) 94px 22px}.distribution-controls{grid-template-columns:1fr}.hero h1{font-size:41px}.workspace,.results,.saved{padding-left:9px;padding-right:9px}}