/* Panel [v101] - "Start Your Own Business" page (app/front/modified/start-your-panel.twig).
   Customers (body.afu, blue page) and visitors (body.afg, blue band + white body). */
.afb{ --b-brand:#036CB6; --b-ink:#0B1F3A; --b-text:#2B3A4F; --b-muted:#5B6B82; --b-line:#E3EBF4; --b-wa:#25D366; --b-wa2:#1EBE5B;
  max-width:1080px; margin:0 auto; font-size:16px; }
.afb-zone{ padding:8px 16px 34px; }
body.afu .afb-hero{ text-align:center; margin:4px auto 22px; max-width:860px; }
body.afu .afb-hero h1{ color:#fff !important; font-size:30px; font-weight:800; line-height:1.25; margin:0 0 8px; }
body.afu .afb-hero p{ color:#fff; opacity:.92; margin:0; font-size:16px; }
body.afg .afb-lead{ color:#fff; opacity:.92; max-width:720px; margin:6px auto 0; font-size:17px; }

.afb-plans{ display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:18px; margin:0 0 18px; }
.afb-plan{ background:#fff; border-radius:20px; overflow:hidden; box-shadow:0 12px 28px rgba(6,40,92,.16); display:flex; flex-direction:column; }
.afb-plan__top{ background:var(--b-brand); color:#fff; text-align:center; padding:16px 18px 14px; }
.afb-plan--dark .afb-plan__top{ background:var(--b-ink); }
.afb-plan__top span{ display:block; font-size:12.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; opacity:.85; }
.afb .afb-plan__top h2{ margin:4px 0 0; color:#FFC53D !important; font-size:26px; font-weight:800; letter-spacing:.04em; }
.afb-plan__body{ padding:20px 22px 22px; display:flex; flex-direction:column; flex:1 1 auto; }
.afb-price{ display:flex; flex-direction:column; align-items:center; text-align:center; }
.afb-price b{ font-size:38px; line-height:1.1; font-weight:800; color:var(--b-ink); }
.afb-price span{ margin-top:4px; color:var(--b-muted); font-size:14.5px; font-weight:600; }
.afb-price--rent b{ font-size:28px; color:var(--b-brand); }
.afb-or{ display:flex; align-items:center; gap:12px; margin:12px 0; color:var(--b-muted); font-size:13px; font-weight:700; text-transform:uppercase; }
.afb-or::before, .afb-or::after{ content:""; flex:1; height:1px; background:var(--b-line); }
.afb-actions{ display:flex; gap:10px; flex-wrap:wrap; justify-content:center; margin-top:auto; padding-top:18px; }
.afb-buy, .afb-demo{ display:inline-flex; align-items:center; justify-content:center; gap:8px; height:46px; padding:0 20px; border-radius:14px;
  font-weight:700; font-size:15.5px; text-decoration:none !important; transition:background-color .15s, transform .15s; }
.afb-buy{ background:var(--b-brand); color:#fff !important; flex:1 1 auto; }
.afb-buy:hover{ transform:translateY(-1px); }
.afb-buy--wa{ background:var(--b-wa); }
.afb-buy--wa:hover{ background:var(--b-wa2); }
.afb-buy svg{ width:22px; height:22px; fill:#fff; flex:0 0 auto; }
.afb-demo{ background:#FFF4CC; color:#6B4E00 !important; border:1px solid #F5D66B; }
.afb-demo:hover{ background:#FFEDA8; }

.afb-details{ display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:18px; margin:0 0 18px; }
.afb-box{ background:#fff; border-radius:20px; padding:20px 22px; box-shadow:0 12px 28px rgba(6,40,92,.12); }
.afb .afb-box h3{ margin:0 0 12px; font-size:19px; font-weight:800; color:var(--b-ink) !important; }
.afb-list{ margin:0; padding:0; list-style:none; }
.afb-list li{ position:relative; padding:9px 0 9px 36px; border-top:1px solid var(--b-line); color:var(--b-text); font-size:15.5px; font-weight:500; }
.afb-list li:first-child{ border-top:0; }
.afb-list li::before{ position:absolute; left:0; top:8px; width:24px; height:24px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-size:12.5px; font-weight:800; }
.afb-list--num{ counter-reset:afb; }
.afb-list--num li{ counter-increment:afb; }
.afb-list--num li::before{ content:counter(afb); background:#E6F0F8; color:var(--b-brand); }
.afb-list--tick li::before{ content:"\2713"; background:#E5F6ED; color:#18925A; }

.afb-cta{ display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap; background:#fff; border-radius:20px; padding:20px 22px;
  box-shadow:0 12px 28px rgba(6,40,92,.12); border-left:6px solid var(--b-wa); }
.afb .afb-cta h3{ margin:0 0 4px; font-size:19px; font-weight:800; color:var(--b-ink) !important; }
.afb-cta p{ margin:0; color:var(--b-muted); font-size:15px; }
.afb-cta .afb-buy{ flex:0 0 auto; }

@media (max-width: 767px){
  .afb-zone{ padding:4px 12px 26px; }
  body.afu .afb-hero h1{ font-size:24px; }
  .afb-price b{ font-size:34px; }
  .afb-plan__body, .afb-box, .afb-cta{ padding:18px 16px; }
  .afb-cta .afb-buy{ width:100%; }
}

/* one plan in the middle, note under the price, trust chips */
.afb-plans--one{ grid-template-columns:minmax(0, 560px); justify-content:center; }
.afb-plan__note{ margin:14px 0 0; text-align:center; color:var(--b-muted); font-size:14px; line-height:1.5; }
.afb-trust{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:0 0 18px; }
.afb-trust span{ display:inline-flex; align-items:center; gap:7px; background:#fff; color:var(--b-ink); border-radius:999px; padding:8px 15px;
  font-weight:700; font-size:14px; box-shadow:0 6px 16px rgba(6,40,92,.12); }
.afb-trust span::before{ content:"\2713"; display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; border-radius:50%;
  background:#E5F6ED; color:#18925A; font-size:12px; }