.dba-ac,.dba-ac *{font-family:var(--font,"Plus Jakarta Sans",sans-serif);box-sizing:border-box}
.dba-ac{max-width:1100px;margin:0 auto;color:var(--ink,#0B0D0C)}
.dba-ac__grid{display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border:1px solid var(--line,#E5E7EB);border-radius:28px;overflow:hidden;box-shadow:0 20px 50px rgba(15,23,42,.10)}
.dba-ac__in{padding:44px}
.dba-ac__kicker{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#338d5b}
.dba-ac__kicker--l{color:#8FD6AE}
.dba-ac__h{margin:10px 0 8px;font-size:30px;line-height:1.15;font-weight:800;letter-spacing:-.02em;color:var(--ink,#0B0D0C)}
.dba-ac__lead{margin:0 0 24px;font-size:16px;line-height:1.6;color:#4B5563}
.dba-ac__fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}
.dba-ac__f span{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}
.dba-ac__inp{display:flex;align-items:center;border:1.5px solid #D1D5DB;border-radius:14px;background:#fff;padding:0 14px;transition:border-color .15s,box-shadow .15s}
.dba-ac__inp:focus-within{border-color:#338d5b;box-shadow:0 0 0 4px rgba(51,141,91,.14)}
.dba-ac__inp b{font-size:18px;color:#6B7280;margin-right:6px}
.dba-ac__inp input{border:0;outline:0;background:transparent;width:100%;padding:15px 0;font-size:20px;font-weight:700;color:var(--ink,#0B0D0C);min-width:0}
.dba-ac__inp input::placeholder{color:#B6BCC5;font-weight:500}
.dba-ac__q{font-size:13px;font-weight:600;color:#374151;margin-bottom:8px}
.dba-ac__opts{display:flex;flex-direction:column;gap:8px}
.dba-ac__opt{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;border:1.5px solid #E5E7EB;background:#FBFBFA;border-radius:14px;padding:12px 16px;cursor:pointer;color:var(--ink,#0B0D0C);transition:all .15s}
.dba-ac__opt strong{font-size:15px;font-weight:700}
.dba-ac__opt small{font-size:13px;color:#6B7280}
.dba-ac__opt:hover{border-color:#9CA3AF}
.dba-ac__opt.is-on{border-color:#338d5b;background:#F0F8F3;box-shadow:0 0 0 3px rgba(51,141,91,.12)}
.dba-ac__out{background:#0B0D0C;color:#fff;padding:44px;display:flex;flex-direction:column;justify-content:center}
.dba-ac__empty{text-align:center;color:rgba(255,255,255,.7);font-size:16px;line-height:1.6}
.dba-ac__empty p{margin:14px auto 0;max-width:300px}
.dba-ac__ico{width:64px;height:64px;border-radius:50%;margin:0 auto;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;background:rgba(143,214,174,.15);color:#8FD6AE}
.dba-ac__res[hidden],.dba-ac__empty[hidden]{display:none}
.dba-ac__big{margin:8px 0 4px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.dba-ac__big span{font-size:clamp(40px,5vw,60px);font-weight:800;letter-spacing:-.03em;line-height:1;color:#fff}
.dba-ac__big em{font-style:normal;font-size:17px;color:rgba(255,255,255,.65)}
.dba-ac__row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0 20px}
.dba-ac__row>div{background:rgba(255,255,255,.07);border-radius:14px;padding:14px 16px}
.dba-ac__row span{display:block;font-size:24px;font-weight:800;letter-spacing:-.02em}
.dba-ac__row small{font-size:13px;color:rgba(255,255,255,.6)}
.dba-ac__bar{height:10px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}
.dba-ac__bar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#f59e0b,#ef4444);transition:width .5s cubic-bezier(.2,.7,.2,1)}
.dba-ac__barlbl{margin:10px 0 0;font-size:15px;color:rgba(255,255,255,.8)}
.dba-ac__barlbl b{color:#fff}
.dba-ac__pay{margin:16px 0 0;padding:14px 16px;border-radius:14px;background:rgba(143,214,174,.12);color:#CFEBDA;font-size:15px;line-height:1.55}
.dba-ac__pay:empty{display:none}
.dba-ac__pay b{color:#fff}
.dba-ac__cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.dba-ac__btn{display:inline-block;text-align:center;padding:14px 24px;border-radius:999px;background:#3FAE72;color:#fff!important;font-size:15px;font-weight:700;text-decoration:none!important;transition:background .15s}
.dba-ac__btn:hover{background:#338d5b}
.dba-ac__btn--g{background:transparent;border:1px solid rgba(255,255,255,.35)}
.dba-ac__btn--g:hover{background:rgba(255,255,255,.08)}
.dba-ac__note{margin:16px 6px 0;font-size:13px;line-height:1.55;color:#6B7280;text-align:center}
@media (max-width:860px){
  .dba-ac__grid{grid-template-columns:1fr;border-radius:22px}
  .dba-ac__in,.dba-ac__out{padding:28px 20px}
  .dba-ac__h{font-size:25px}
  .dba-ac__fields{grid-template-columns:1fr}
  .dba-ac__btn{width:100%}
}
