:root{--bl-brand:#8b5cf6;--bl-accent:#ec4899;--bl-ink:#2a1f1a;--bl-bg:#fffbf8;--bl-line:#e5e5e5;--bl-tint:#f6f0fb;--bl-tint2:#fdf0f6}
html{scrollbar-color:#c4b5fd var(--bl-bg);scrollbar-width:thin}
::-webkit-scrollbar{width:10px;height:8px}
::-webkit-scrollbar-track{background:var(--bl-bg)}
::-webkit-scrollbar-thumb{background:#c4b5fd;border-radius:999px;border:2px solid var(--bl-bg)}
[hidden]{display:none!important}

.bl-hero{min-height:55vh;display:flex;align-items:center}
@media (max-height:600px){.bl-hero{min-height:70vh}}
.bl-hero h1{line-height:1.12;overflow-wrap:break-word}
.bl-hero .bl-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.bl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 26px;border-radius:14px;font-weight:700;font-size:17px;white-space:nowrap;cursor:pointer;border:0;transition:filter .2s,transform .2s,box-shadow .2s}
.bl-btn svg{width:20px;height:20px;flex:none}
.bl-btn--main{background:linear-gradient(90deg,var(--bl-brand),var(--bl-accent));color:#fff;box-shadow:0 10px 24px -10px #8b5cf6aa}
.bl-btn--alt{background:#fff;color:#6d28d9;border:2px solid #8b5cf6}
@media (min-width:1024px){.bl-btn:hover{transform:translateY(-2px);filter:brightness(1.06)}}
@media (max-width:359px){.bl-btn{padding:0 18px;font-size:16px}}

.bl-toc-row{max-width:1400px;margin:0 auto;padding:16px 12px 0}
@media (min-width:640px){.bl-toc-row{padding-inline:16px}}
@media (min-width:768px){.bl-toc-row{padding-inline:24px}}
.bl-toc summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;font-size:14px;color:#2a1f1aa6;width:max-content}
.bl-toc summary::-webkit-details-marker{display:none}
.bl-toc summary svg{width:16px;height:16px}
.bl-toc summary .bl-chev{transition:transform .2s}
.bl-toc[open] summary .bl-chev{transform:rotate(180deg)}
.bl-toc ul{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:12px;font-size:14px}
.bl-toc a{color:#2a1f1ab3;text-decoration:none}
@media (min-width:1024px){.bl-toc a:hover{color:var(--bl-brand)}}

.bl-sec{padding-block:36px}
.bl-sec.bl-tint{background:var(--bl-tint)}
.bl-sec.bl-tint2{background:var(--bl-tint2)}
.bl-wrap{max-width:1400px;margin:0 auto;padding-inline:12px}
@media (min-width:640px){.bl-wrap{padding-inline:16px}}
@media (min-width:768px){.bl-wrap{padding-inline:24px}}
.bl-wrap>*{margin:0}
.bl-wrap>*+*{margin-top:16px}
.bl-wrap>h3,.bl-wrap>*+h3{margin-top:28px}
.bl-h2{display:flex;align-items:center;gap:10px;font-size:1.5rem;line-height:1.25;font-weight:700;color:var(--bl-ink)}
@media (min-width:768px){.bl-h2{font-size:1.875rem}}
.bl-h2 svg{width:26px;height:26px;color:var(--bl-brand);flex:none}
.bl-h3{font-size:1.15rem;font-weight:700;line-height:1.35;color:var(--bl-ink)}
.bl-sec p,.bl-sec li,.bl-sec dd{font-size:15.5px;line-height:1.7;color:#2a1f1ad9}
.bl-sec .bl-lead{font-size:17px;color:var(--bl-ink)}
.bl-sec a:not(.bl-btn):not(.bl-tile){color:#7c3aed;text-decoration:underline;text-underline-offset:2px}
@media (min-width:1024px){.bl-sec a:not(.bl-btn):not(.bl-tile):hover{color:var(--bl-accent);text-decoration:none}}

.bl-ticks{display:grid;gap:10px}
.bl-ticks li{display:flex;gap:10px;align-items:flex-start}
.bl-ticks svg{width:20px;height:20px;color:var(--bl-brand);flex:none;margin-top:4px}
.bl-ticks.bl-cross svg{color:#be185d}

.bl-steps{display:grid;gap:12px;counter-reset:bls}
.bl-steps li{counter-increment:bls;position:relative;padding:14px 16px 14px 60px;background:#fff;border:1px solid var(--bl-line);border-radius:14px}
.bl-steps li::before{content:counter(bls);position:absolute;left:14px;top:12px;width:32px;height:32px;border-radius:10px;background:var(--bl-brand);color:#fff;font-weight:800;display:grid;place-items:center;font-size:15px}

.bl-facts{display:grid;gap:0;background:#fff;border:1px solid var(--bl-line);border-radius:16px;overflow:hidden}
.bl-facts>div{display:grid;grid-template-columns:minmax(120px,38%) 1fr;gap:12px;padding:12px 16px;border-top:1px solid var(--bl-line)}
.bl-facts>div:first-child{border-top:0}
.bl-facts dt{font-weight:600;font-size:14.5px;color:var(--bl-ink)}
.bl-facts dd{margin:0}
@media (max-width:479px){.bl-facts>div{grid-template-columns:1fr;gap:2px}}

.bl-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:900px){.bl-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
.bl-stats li{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:16px;background:linear-gradient(135deg,#8b5cf614,#ec489914);border:1px solid #8b5cf62e}
.bl-stats svg{width:22px;height:22px;color:var(--bl-brand)}
.bl-stats span{font-size:13px;color:#2a1f1aa6;line-height:1.35}
.bl-stats b{font-size:1.35rem;line-height:1.2;color:var(--bl-ink)}

.bl-cards{display:grid;gap:16px;grid-template-columns:1fr}
@media (min-width:768px){.bl-cards.bl-c2{grid-template-columns:repeat(2,minmax(0,1fr))}.bl-cards.bl-c3{grid-template-columns:repeat(3,minmax(0,1fr))}.bl-cards.bl-c4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.bl-cards.bl-c4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.bl-card{display:flex;flex-direction:column;gap:10px;padding:20px;background:#fff;border:1px solid var(--bl-line);border-radius:16px}
.bl-card>*{margin:0}
.bl-card .bl-ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#8b5cf61a;color:var(--bl-brand)}
.bl-card .bl-ico svg{width:22px;height:22px}
.bl-card .bl-btn{margin-top:auto;align-self:flex-start;min-height:44px;font-size:15px;padding:0 18px}

.bl-callout{padding:20px;border-radius:16px;background:linear-gradient(135deg,#8b5cf61f,#ec48991f);border:1px solid #ec48994d}
.bl-callout>*{margin:0}
.bl-callout>*+*{margin-top:10px}
.bl-callout .bl-btn{margin-top:14px}

.bl-tablewrap{overflow-x:auto;background:#fff;border:1px solid var(--bl-line);border-radius:16px;margin-bottom:0}
.bl-table{width:100%;min-width:640px;border-collapse:collapse;font-size:14.5px}
.bl-table th{text-align:left;padding:12px 14px;background:#8b5cf614;font-weight:700;color:var(--bl-ink);white-space:nowrap}
.bl-table td{padding:11px 14px;border-top:1px solid var(--bl-line);color:#2a1f1ad9;vertical-align:top}
.bl-table td.bl-hi{font-weight:700;color:#6d28d9}
.bl-table td.bl-ok{font-weight:700;color:#047857}
.bl-table th[data-sort]{cursor:pointer}
.bl-swipe{display:block;font-size:12.5px;color:#2a1f1a99;margin-top:8px}
@media (min-width:768px){.bl-swipe{display:none}}
.bl-wrap>.bl-swipe{margin-top:8px}

.bl-pills{display:flex;flex-wrap:wrap;gap:8px}
.bl-pill{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid #8b5cf659;background:#fff;color:var(--bl-ink);font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,color .2s}
.bl-pill[aria-pressed="true"]{background:var(--bl-brand);color:#fff;border-color:var(--bl-brand)}
.bl-filter-label{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#2a1f1a99}

.bl-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:640px){.bl-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1200px){.bl-tiles{grid-template-columns:repeat(8,minmax(0,1fr))}}
.bl-tile{display:flex;flex-direction:column;background:#fff;border:1px solid var(--bl-line);border-radius:14px;overflow:hidden;color:var(--bl-ink);text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s}
.bl-tile img{display:block;width:100%;aspect-ratio:1/1;height:auto;object-fit:cover}
.bl-tile b{display:block;padding:10px 10px 0;font-size:14px;line-height:1.3}
.bl-tile small{display:block;padding:2px 10px 10px;font-size:12px;color:#2a1f1a99}
@media (min-width:1024px){.bl-tile:hover{transform:translateY(-3px);box-shadow:0 12px 24px -12px #8b5cf680}}

.bl-tool{padding:20px;border-radius:18px;background:#fff;border:1px solid #8b5cf640;box-shadow:0 12px 30px -20px #8b5cf699}
.bl-tool>*{margin:0}
.bl-tool>*+*{margin-top:14px}
.bl-tool h3{display:flex;align-items:center;gap:8px;font-size:1.15rem;font-weight:700}
.bl-tool h3 svg{width:22px;height:22px;color:var(--bl-brand)}
.bl-tool label{display:flex;gap:10px;align-items:flex-start;font-size:15px;cursor:pointer}
.bl-tool input[type=checkbox]{width:18px;height:18px;margin-top:4px;accent-color:#8b5cf6;flex:none}
.bl-tool select,.bl-tool input[type=number]{min-height:44px;padding:0 12px;border:1px solid #d4d4d8;border-radius:10px;background:#fff;font-size:15px;max-width:100%}
.bl-out{padding:14px 16px;border-radius:12px;background:#8b5cf612;font-size:15px;line-height:1.6}

.bl-faq{display:grid;gap:12px}
.bl-final{background:linear-gradient(90deg,#8b5cf6,#ec4899);border-radius:20px;padding:32px 20px;text-align:center;color:#fff}
.bl-final>*{margin:0}
.bl-final>*+*{margin-top:12px}
.bl-final p{color:#ffffffe6}
.bl-final .bl-btn{background:#fff;color:#7c3aed;margin-top:20px}
.bl-byline{max-width:1400px;margin:0 auto;padding:24px 12px}
@media (min-width:640px){.bl-byline{padding-inline:16px}}
@media (min-width:768px){.bl-byline{padding-inline:24px}}
.bl-byline-in{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;font-size:14px;color:#2a1f1ab3;border-top:1px solid var(--bl-line);padding-top:16px}
.bl-byline-in svg{width:16px;height:16px;color:var(--bl-brand)}
.bl-byline-in span{display:inline-flex;align-items:center;gap:6px}
.bl-byline a{color:#6d28d9;text-decoration:none;font-weight:600}
@media (min-width:1024px){.bl-byline a:hover{color:var(--bl-accent)}}

@keyframes bl-nudge{0%,86%,100%{transform:translateX(0)}90%{transform:translateX(4px)}94%{transform:translateX(-2px)}97%{transform:translateX(3px)}}
.bl-btn--main .bl-arrow{animation:bl-nudge 6s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.bl-btn--main .bl-arrow,.cta-animate{animation:none!important}.bl-tile,.bl-btn{transition:none}}
@media (max-width:639px){.bl-hero{min-height:0;padding-block:28px}.bl-hero h1{margin-bottom:12px}.bl-hero p{font-size:16px;line-height:1.5;margin-bottom:18px}.bl-hero .bl-btns{gap:10px;margin-bottom:14px}.bl-hero .bl-btn{min-height:48px}.bl-hero .gap-4{gap:6px 14px}}
