:root{--ba-v2-ink:#0f172a;--ba-v2-muted:#64748b;--ba-v2-primary:#2563eb;--ba-v2-accent:#10b981;--ba-v2-surface:#fff;--ba-v2-bg:#f6f8fb;--ba-v2-border:#e2e8f0;--ba-v2-radius:18px;--ba-v2-shadow:0 18px 50px rgba(15,23,42,.10)}
.ba-public-v2{background:var(--ba-v2-bg);color:var(--ba-v2-ink)}
.ba-public-v2 .hero{position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 12px 35px rgba(15,23,42,.14)}
.ba-public-v2 .hero:after{content:"";position:absolute;inset:auto -10% -55% auto;width:520px;height:520px;border-radius:50%;background:rgba(255,255,255,.08);pointer-events:none}
.ba-public-v2 .store-card,.ba-public-v2 .card,.ba-public-v2 .plans-row>*,.ba-public-v2 .wrap>section{border-radius:var(--ba-v2-radius)!important;border-color:var(--ba-v2-border)!important;box-shadow:var(--ba-v2-shadow)}
.ba-public-v2 input:not([type="checkbox"]):not([type="radio"]),.ba-public-v2 select,.ba-public-v2 textarea{border-radius:12px!important;border:1px solid var(--ba-v2-border)!important;min-height:46px}
/* BUG FIX: the rule above used to be a blanket ".ba-public-v2 input" —
   which also matched <input type="checkbox"> and <input type="radio">.
   Forcing border-radius:12px + min-height:46px onto a checkbox (normally
   ~16px square) stretched it into a tall vertical pill instead of a small
   square, and pushed the "Start My Free Trial" submit button below it
   down out of alignment. Text/select/textarea inputs still get the
   rounded, min-height styling exactly as before; checkboxes and radios
   are excluded so they can render at their natural small size. */
.ba-public-v2 input[type="checkbox"],.ba-public-v2 input[type="radio"]{width:1.15em;height:1.15em;min-height:0;border-radius:4px;vertical-align:middle}
.ba-public-v2 input[type="radio"]{border-radius:50%}
.ba-public-v2 input:focus,.ba-public-v2 select:focus,.ba-public-v2 textarea:focus{border-color:#93c5fd!important;box-shadow:0 0 0 4px rgba(37,99,235,.10)!important}
.ba-public-v2 button,.ba-public-v2 .btn{border-radius:12px!important;font-weight:700}
.ba-public-v2 .ba-platform-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:1180px;margin:0 auto;padding:14px 20px;position:relative;z-index:5}
.ba-public-v2 .ba-platform-brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:800}
.ba-public-v2 .ba-platform-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ba-public-v2 .ba-platform-links a{color:inherit;text-decoration:none;padding:8px 12px;border-radius:10px;font-weight:700;font-size:.9rem}
.ba-public-v2 .ba-platform-links a:hover{background:rgba(255,255,255,.12)}
.ba-public-v2 .ba-v2-kicker{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.ba-public-v2 .ba-store-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 auto 22px;max-width:1180px;padding:0 20px}
.ba-public-v2 .ba-store-toolbar .ba-count{color:var(--ba-v2-muted);font-weight:700}
.ba-public-v2 .ba-v2-float-nav{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:1000;display:none;gap:5px;padding:7px;background:rgba(15,23,42,.94);border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:0 16px 45px rgba(15,23,42,.25);backdrop-filter:blur(14px)}
.ba-public-v2 .ba-v2-float-nav a{color:#fff;text-decoration:none;padding:9px 12px;border-radius:12px;font-size:.78rem;font-weight:800}
.ba-public-v2 .ba-v2-float-nav a:hover{background:rgba(255,255,255,.12)}
@media(max-width:720px){.ba-public-v2 .ba-platform-bar{align-items:flex-start;flex-direction:column}.ba-public-v2 .ba-platform-links{width:100%;overflow:auto;flex-wrap:nowrap}.ba-public-v2 .ba-platform-links a{white-space:nowrap}.ba-public-v2 .ba-v2-float-nav{display:flex}.ba-public-v2 .ba-store-toolbar{padding-bottom:72px}}
