/* Bank Senoa v3.2.1 — New Tenant Getting Started Guide */
.getting-started{position:relative;overflow:hidden;margin:0 0 18px;padding:22px;border:1px solid rgba(91,145,255,.19);border-radius:25px;background:radial-gradient(circle at 94% 0,rgba(74,128,255,.14),transparent 34%),linear-gradient(145deg,rgba(14,31,63,.98),rgba(9,22,47,.98));box-shadow:0 18px 45px rgba(0,0,0,.12)}
.getting-started:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,#5d96ff,#64e2bf);opacity:.85}
.getting-started-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:start}.getting-started-head h2{margin:5px 0 7px;font-size:clamp(22px,2.3vw,31px);letter-spacing:-.045em}.getting-started-head p{max-width:760px;margin:0;color:var(--text-soft);font-size:12px;line-height:1.65}.setup-progress-box{display:grid;place-items:center;min-width:116px;padding:14px 16px;border:1px solid rgba(255,255,255,.07);border-radius:20px;background:rgba(255,255,255,.035);text-align:center}.setup-progress-box strong{font-size:29px;letter-spacing:-.05em}.setup-progress-box span{margin-top:2px;color:#8da2c6;font-size:9px;font-weight:800}.setup-progress-box small{margin-top:5px;color:#68d9bc;font-size:9px;font-weight:850}
.setup-progress-track{height:7px;margin-top:17px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.055)}.setup-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4d8fff,#64e2bf);box-shadow:0 0 18px rgba(76,143,255,.28)}
.setup-next{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;margin-top:15px;padding:12px 13px;border:1px solid rgba(87,145,255,.15);border-radius:16px;background:rgba(54,105,208,.07)}.setup-next-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:rgba(83,142,255,.13);color:#83aff9}.setup-next-icon .nav-svg{width:18px;height:18px}.setup-next-copy{min-width:0}.setup-next-copy b,.setup-next-copy span{display:block}.setup-next-copy b{font-size:11px}.setup-next-copy span{margin-top:2px;color:#8da1c2;font-size:9px}.setup-next .btn{min-height:38px;padding:8px 12px;font-size:9px}
.setup-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.setup-step{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;min-height:150px;padding:14px;border:1px solid rgba(255,255,255,.06);border-radius:18px;background:rgba(255,255,255,.026)}.setup-step.is-done{border-color:rgba(84,218,183,.13);background:rgba(65,188,158,.035)}.setup-step.is-next{border-color:rgba(79,142,255,.25);background:linear-gradient(145deg,rgba(61,116,228,.1),rgba(255,255,255,.025));box-shadow:inset 0 0 0 1px rgba(94,151,255,.04)}.setup-step-index{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#132b50;color:#91b7fb;font-size:11px;font-weight:900}.setup-step.is-done .setup-step-index{background:rgba(68,201,166,.12);color:#69e2c1}.setup-step-index .nav-svg{width:16px;height:16px}.setup-step-body{display:flex;min-width:0;flex-direction:column}.setup-step-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.setup-step-tag{color:#6f8ab4;font-size:7px;font-weight:900;letter-spacing:.09em}.setup-step-status{color:#8296b8;font-size:8px;font-weight:850}.setup-step.is-done .setup-step-status{color:#67d7b9}.setup-step h3{margin:6px 0 5px;color:#edf4ff;font-size:12px;line-height:1.3}.setup-step p{margin:0;color:#91a5c4;font-size:9px;line-height:1.55}.setup-step-detail{display:block;margin-top:7px;color:#6f87ad;font-size:8px;font-weight:700}.setup-step-link{display:inline-flex;align-items:center;gap:5px;margin-top:auto;padding-top:10px;color:#7eacff;font-size:9px;font-weight:850}.setup-step.is-done .setup-step-link{color:#77b9a6}
.getting-started-foot{display:flex;align-items:flex-start;gap:9px;margin-top:13px;padding-top:12px;border-top:1px solid rgba(255,255,255,.055);color:#788dae;font-size:9px;line-height:1.5}.getting-started-foot b{color:#a9bddb}.getting-started-complete{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px;padding:14px 16px;border:1px solid rgba(72,213,177,.15);border-radius:18px;background:rgba(64,190,158,.055)}.getting-started-complete div{display:flex;align-items:center;gap:11px}.getting-started-complete .setup-step-index{background:rgba(67,211,173,.12);color:#69e2c1}.getting-started-complete b,.getting-started-complete span{display:block}.getting-started-complete b{font-size:11px}.getting-started-complete span{margin-top:2px;color:#8298b9;font-size:9px}
@media(max-width:1000px){.setup-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.getting-started{margin:8px 0 13px;padding:15px 13px;border-radius:21px}.getting-started-head{grid-template-columns:minmax(0,1fr) auto;gap:12px}.getting-started-head h2{font-size:20px}.getting-started-head p{font-size:9.5px;line-height:1.5}.setup-progress-box{min-width:74px;padding:10px 8px;border-radius:15px}.setup-progress-box strong{font-size:21px}.setup-progress-box span{font-size:7px}.setup-progress-box small{font-size:7px}.setup-progress-track{height:5px;margin-top:12px}.setup-next{grid-template-columns:auto minmax(0,1fr);gap:9px;margin-top:11px;padding:10px;border-radius:15px}.setup-next-icon{width:36px;height:36px}.setup-next .btn{grid-column:1/-1;width:100%;min-height:42px}.setup-next-copy b{font-size:10px}.setup-next-copy span{font-size:8px}.setup-steps{grid-template-columns:1fr;gap:8px;margin-top:10px}.setup-step{min-height:0;padding:12px;border-radius:16px}.setup-step-index{width:31px;height:31px;border-radius:11px}.setup-step h3{font-size:11px}.setup-step p{font-size:8.5px}.setup-step-detail{font-size:7.5px}.setup-step-link{min-height:32px;padding-top:8px}.getting-started-foot{font-size:8px}.getting-started-complete{margin:7px 0 12px;padding:11px 12px;border-radius:16px}.getting-started-complete .btn{display:none}}