/*! Bytecode — blog home (Posts page). Scoped under #bl. Same tokens as the redesign. */
body.bcbl-page{background:#000}
html:has(body.bcbl-page){scroll-behavior:smooth;scroll-padding-top:100px}
#bl{position:relative;overflow-x:clip;color-scheme:dark;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;
  --blue:#0B66FF;--blue-2:#2A7BFF;--blue-text:#1A6DFF;--blue-soft:#7FA8FF;--red:#FF4B2B;--green:#2BD67B;
  --bg:#000;--bg-2:#05070D;--card:#0B0F18;--card-2:#0E131F;--field:#11151F;
  --line:rgba(255,255,255,.1);--line-2:rgba(255,255,255,.16);
  --text:#E8EAEE;--muted:#A6ACB7;--dim:#7F8794;
  --ease:cubic-bezier(.2,.8,.2,1);
  --font:'Plus Jakarta Sans',Inter,system-ui,-apple-system,'Segoe UI',sans-serif;
  --gutter:max(24px,calc((100% - 1400px)/2));}
#bl *,#bl *::before,#bl *::after{box-sizing:border-box}
#bl :where(h1),#bl :where(h2),#bl :where(h3),#bl :where(p),#bl :where(ul),#bl :where(li),#bl :where(fieldset),#bl :where(legend),#bl :where(figure){margin:0;padding:0}
#bl :where(ul){list-style:none}
#bl :where(fieldset){border:0}
#bl :where(a){color:inherit;text-decoration:none}
#bl :where(img){display:block;max-width:100%;height:auto}
#bl :where(button,input){font:inherit;color:inherit}
#bl :focus-visible{outline:2px solid var(--blue-soft);outline-offset:3px;border-radius:6px}
#bl [hidden]{display:none!important}
#bl .bl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#bl>section{padding-left:max(var(--gutter),env(safe-area-inset-left,0px));padding-right:max(var(--gutter),env(safe-area-inset-right,0px))}
#bl .bl-label{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--red)}
#bl .bl-label::before{content:none;width:26px;height:1px;background:currentColor}
#bl .bl-h1,#bl .bl-h2{font-weight:800;text-transform:uppercase;line-height:1;letter-spacing:-.04em;color:#fff;text-wrap:balance}
#bl .bl-h1{margin-top:16px;font-size:clamp(32px,5vw,52px)}
#bl .bl-h2{font-size:clamp(32px,3.8vw,48px)}
#bl .bl-h1 span,#bl .bl-h2 span{color:var(--blue-text)}
#bl .bl-lead{margin-top:18px;max-width:620px;font-size:17px;line-height:1.7;color:var(--muted)}
#bl .bl-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:14px 24px;border-radius:999px;border:1.5px solid rgba(255,255,255,.45);background:transparent;color:#fff;font-weight:700;font-size:13.5px;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:transform .25s var(--ease),background .25s,border-color .25s}
#bl .bl-btn:hover{transform:translateY(-2px);border-color:#fff}
#bl .bl-btn svg{width:16px;height:16px;flex:none;transition:transform .25s}
#bl .bl-btn:hover svg{transform:translateX(3px)}
#bl .bl-btn--blue{background:var(--blue);border-color:var(--blue);box-shadow:0 12px 30px -12px rgba(11,102,255,.85)}
#bl .bl-btn--blue:hover{background:var(--blue-2);border-color:var(--blue-2)}
#bl .bl-btn--white{background:#fff;border-color:#fff;color:#000}
#bl .bl-btn--white:hover{background:#E8EEFF;border-color:#E8EEFF}
#bl .bl-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:12.5px;color:var(--dim)}
#bl .bl-cat{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
#bl .bl-take{font-size:15px;line-height:1.6;color:var(--muted)}
#bl .bl-take strong{color:var(--text);font-weight:700}
#bl .bl-media{display:block;overflow:hidden;border-radius:16px;background:#05070d;aspect-ratio:1200/630}
#bl .bl-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
#bl article:hover .bl-media img{transform:scale(1.035)}
#bl article h3 a{transition:color .2s}
#bl article h3 a:hover{color:var(--blue-soft)}
#bl .bl-sechead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 40px;margin-bottom:36px}
#bl .bl-hero{position:relative;isolation:isolate;overflow:hidden;padding-top:80px;padding-bottom:40px}
#bl .bl-hero-bg{position:absolute;inset:0;z-index:-1;background:
  radial-gradient(700px 360px at 80% 0%,rgba(11,102,255,.28),transparent 70%),
  linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/64px 64px,
  linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/64px 64px;
  -webkit-mask-image:linear-gradient(180deg,#000 40%,transparent);mask-image:linear-gradient(180deg,#000 40%,transparent)}
#bl .bl-hero-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:34px}
#bl .bl-search{position:relative;flex:1 1 320px;max-width:460px}
#bl .bl-search svg{position:absolute;left:20px;top:50%;width:20px;height:20px;transform:translateY(-50%);color:var(--dim)}
#bl .bl-search input{width:100%;height:54px;padding:0 22px 0 52px;border-radius:999px;border:1px solid var(--line-2);background:rgba(255,255,255,.04);font-size:15.5px;outline:0}
#bl .bl-search input:focus{border-color:var(--blue)}
#bl .bl-pills{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;min-width:0}
#bl .bl-pills::-webkit-scrollbar{display:none}
#bl .bl-pills a{flex:none;display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;border:1px solid var(--line);font-size:14px;font-weight:600;color:var(--muted);transition:color .2s,border-color .2s}
#bl .bl-pills a small{font-size:12px;color:var(--dim)}
#bl .bl-pills a:hover{color:#fff;border-color:var(--line-2)}
#bl .bl-pills a.is-on{color:#fff;border-color:var(--blue);background:rgba(11,102,255,.16)}
#bl .bl-feat{display:grid;gap:26px;padding-bottom:96px}
#bl .bl-feat-main{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;overflow:hidden;border-radius:26px;border:1px solid var(--line);background:var(--card)}
#bl .bl-feat-main .bl-media{border-radius:0}
#bl .bl-feat-body{display:grid;gap:16px;padding:36px 40px}
#bl .bl-pill{justify-self:start;padding:6px 12px;border-radius:999px;background:rgba(43,214,123,.12);border:1px solid rgba(43,214,123,.4);color:var(--green);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
#bl .bl-feat-main h3{font-size:clamp(24px,2.5vw,36px);font-weight:800;line-height:1.15;letter-spacing:-.025em;color:#fff}
#bl .bl-feat-side{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
#bl .bl-mini{display:grid;grid-template-columns:1fr;gap:16px;align-content:start;padding:14px 14px 20px;border-radius:20px;border:1px solid var(--line);background:var(--card);transition:border-color .3s}
#bl .bl-mini:hover{border-color:rgba(11,102,255,.5)}
#bl .bl-mini .bl-media{border-radius:12px}
#bl .bl-mini>div{padding:0 6px}
#bl .bl-mini h3{margin-top:8px;font-size:18px;font-weight:800;line-height:1.3;letter-spacing:-.01em;color:#fff}
#bl .bl-latest{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:56px;align-items:start;padding-bottom:110px}
#bl .bl-latest-main{min-width:0;display:grid;gap:22px}
#bl .bl-latest-main .bl-sechead{margin-bottom:10px}
#bl .bl-row{display:grid;grid-template-columns:280px minmax(0,1fr);gap:26px;align-items:center;padding:18px;border-radius:22px;border:1px solid var(--line);background:var(--card);transition:border-color .3s}
#bl .bl-row:hover{border-color:rgba(11,102,255,.5)}
#bl .bl-row-body{display:grid;gap:10px;min-width:0}
#bl .bl-row h3{font-size:20px;font-weight:800;line-height:1.3;letter-spacing:-.015em;color:#fff}
#bl .bl-row .bl-take{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#bl .bl-by{font-size:13px;font-weight:600;color:var(--dim)}
#bl .bl-pager{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
#bl .bl-pager a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:46px;height:46px;padding:0 16px;border-radius:999px;border:1px solid var(--line);font-weight:700;font-size:14px;color:var(--muted)}
#bl .bl-pager a:hover{color:#fff;border-color:var(--line-2)}
#bl .bl-pager a.is-on{color:#fff;background:var(--blue);border-color:var(--blue)}
#bl .bl-pager svg{width:16px;height:16px}
#bl .bl-inline-cta{position:relative;overflow:hidden;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 30px;padding:32px 34px;border-radius:24px;background:radial-gradient(420px 220px at 100% 0,rgba(255,255,255,.18),transparent 70%),linear-gradient(135deg,#0B66FF,#0738a0)}
#bl .bl-inline-cta>div{flex:1 1 360px;display:grid;gap:8px}
#bl .bl-inline-cta .bl-label{color:#fff;opacity:.85}
#bl .bl-inline-h{font-size:clamp(22px,2.2vw,28px);font-weight:800;line-height:1.2;letter-spacing:-.02em;color:#fff}
#bl .bl-inline-cta p:not(.bl-label):not(.bl-inline-h){font-size:15.5px;line-height:1.6;color:rgba(255,255,255,.86);max-width:520px}
#bl .bl-side{min-width:0;align-self:stretch}
#bl .bl-sticky{display:grid;gap:20px;height:100%;align-content:start}
#bl .bl-sticky .bl-formcard{position:sticky;top:100px}
#bl .bl-formcard{position:relative;overflow:hidden;padding:28px 26px;border-radius:24px;border:1px solid rgba(11,102,255,.45);background:radial-gradient(300px 180px at 100% 0,rgba(11,102,255,.32),transparent 70%),var(--card)}
#bl .bl-formcard-h{margin-top:12px;font-size:22px;font-weight:800;line-height:1.2;letter-spacing:-.02em;color:#fff}
#bl .bl-formcard-p{margin-top:8px;font-size:14.5px;line-height:1.6;color:var(--muted)}
#bl .bl-form{display:grid;gap:14px;margin-top:20px}
#bl .bl-field{display:grid;gap:7px}
#bl .bl-field label,#bl .bl-field legend{font-size:13px;font-weight:700;color:var(--text)}
#bl .bl-field legend{margin-bottom:7px}
#bl .bl-field input{height:48px;padding:0 16px;border-radius:12px;border:1px solid var(--line-2);background:var(--field);font-size:15px;outline:0;transition:border-color .2s}
#bl .bl-field input::placeholder{color:#5D6573}
#bl .bl-field input:focus{border-color:var(--blue)}
#bl .bl-field input[aria-invalid="true"]{border-color:var(--red)}
#bl .bl-chips{display:flex;flex-wrap:wrap;gap:8px}
#bl .bl-chips label{position:relative;cursor:pointer}
#bl .bl-chips input{position:absolute;opacity:0;pointer-events:none}
#bl .bl-chips span{display:inline-block;padding:9px 13px;border-radius:999px;border:1px solid var(--line-2);font-size:13px;font-weight:600;color:var(--muted);transition:all .2s}
#bl .bl-chips input:checked+span{color:#fff;border-color:var(--blue);background:var(--blue)}
#bl .bl-chips input:focus-visible+span{outline:2px solid var(--blue-soft);outline-offset:2px}
#bl .bl-form .bl-btn{width:100%;margin-top:4px;font-size:13px;white-space:normal;text-align:center}
#bl .bl-form-note{font-size:12.5px;line-height:1.5;color:var(--dim)}
#bl .bl-form-msg{font-size:13px;font-weight:600;color:var(--blue-soft)}
#bl .bl-form-msg:empty{display:none}
#bl .bl-sidebox{padding:22px;border-radius:22px;border:1px solid var(--line);background:var(--card)}
#bl .bl-sidebox-h{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--red)}
#bl .bl-catlist{display:grid;gap:2px;margin-top:12px}
#bl .bl-catlist a{display:flex;justify-content:space-between;padding:10px 12px;border-radius:10px;font-size:15px;font-weight:600;color:var(--text)}
#bl .bl-catlist a:hover{background:rgba(255,255,255,.04)}
#bl .bl-catlist small{color:var(--dim);font-size:13px}
#bl .bl-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:16px;border-top:1px solid var(--line)}
#bl .bl-tags a{display:inline-block;padding:7px 12px;border-radius:999px;border:1px solid var(--line);font-size:12.5px;font-weight:600;color:var(--muted)}
#bl .bl-tags a:hover{color:#fff;border-color:var(--line-2)}
#bl>.bl-magnet{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:center;padding-top:80px;padding-bottom:80px;
background: #0A0D16;
    border-top: 1px solid rgba(255, 255, 255, .05);
    border-bottom: 1px solid rgba(255, 255, 255, .05);
}
#bl .bl-magnet-art{display:grid;place-items:center;padding:0}
#bl .bl-magnet-art svg{display:block;width:100%;max-width:560px;height:auto;overflow:visible}
@media (prefers-reduced-motion:no-preference){#bl .bl-magnet-art svg{animation:blFloat 6s ease-in-out infinite}}
@keyframes blFloat{50%{transform:translateY(-8px)}}
#bl .bl-doc{width:min(320px,100%);aspect-ratio:3/4;padding:28px 26px;border-radius:18px;background:linear-gradient(160deg,#0B66FF,#06329a);box-shadow:0 40px 80px -30px rgba(11,102,255,.7),18px 18px 0 -2px #0E131F,18px 18px 0 -1px rgba(255,255,255,.12);transform:rotate(-4deg);display:flex;flex-direction:column}
#bl .bl-doc p{color:#fff;font-weight:800;font-size:13px;letter-spacing:.14em}
#bl .bl-doc .bl-doc-h{margin-top:auto;font-size:28px;line-height:1.05;letter-spacing:-.02em;text-transform:uppercase}
#bl .bl-doc .bl-doc-s{margin-top:8px;font-weight:600;font-size:13px;letter-spacing:0;opacity:.8}
#bl .bl-doc ul{display:grid;gap:7px;margin-top:20px}
#bl .bl-doc li{position:relative;padding-left:22px;font-size:13px;font-weight:600;color:rgba(255,255,255,.9)}
#bl .bl-doc li::before{content:"";position:absolute;left:0;top:2px;width:14px;height:14px;border-radius:50%;background:var(--green)}
#bl .bl-magnet-body .bl-h2{margin-top:14px}
#bl .bl-inline-form{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;max-width:560px}
#bl .bl-inline-form input{flex:1 1 240px;min-width:0;height:52px;padding:0 20px;border-radius:999px;border:1px solid var(--line-2);background:var(--field);font-size:15px;outline:0}
#bl .bl-inline-form input:focus{border-color:var(--blue)}
#bl .bl-inline-form input[aria-invalid="true"]{border-color:var(--red)}
#bl .bl-inline-form .bl-form-msg{flex-basis:100%}
#bl .bl-magnet-body .bl-form-note{margin-top:12px}
#bl .bl-catsec{padding-top:100px}
#bl .bl-catsec+.bl-catsec{padding-top:90px}
#bl .bl-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:5px;border-radius:999px;border:1px solid var(--line);background:var(--card);max-width:100%}
#bl .bl-tabs::-webkit-scrollbar{display:none}
#bl .bl-tabs button{flex:none;padding:10px 16px;border:0;border-radius:999px;background:none;font-size:13.5px;font-weight:700;color:var(--muted);cursor:pointer;transition:all .2s}
#bl .bl-tabs button:hover{color:#fff}
#bl .bl-tabs button[aria-selected="true"]{background:var(--blue);color:#fff}
#bl .bl-catgrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;align-items:stretch}
#bl .bl-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:26px}
#bl .bl-lead{display:grid;gap:12px;align-content:start}
#bl .bl-lead .bl-media{margin-bottom:6px}
#bl .bl-lead h3{font-size:clamp(20px,1.8vw,24px);font-weight:800;line-height:1.25;letter-spacing:-.02em;color:#fff}
#bl .bl-stack{display:grid;gap:16px;align-content:start}
#bl .bl-small{display:grid;grid-template-columns:140px minmax(0,1fr);gap:16px;align-items:center}
#bl .bl-small .bl-media{border-radius:12px}
#bl .bl-small h3{margin-top:6px;font-size:15.5px;font-weight:800;line-height:1.3;color:#fff}
#bl .bl-viewall{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blue-soft)}
#bl .bl-viewall svg{width:16px;height:16px;transition:transform .25s}
#bl .bl-viewall:hover svg{transform:translateX(4px)}
#bl .bl-promo{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:12px;padding:30px 26px;border-radius:24px;border:1px solid var(--line);background:var(--card-2)}
#bl .bl-promo::before{content:"";position:absolute;inset:auto -40% -30% auto;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(11,102,255,.45),transparent 65%);pointer-events:none}
#bl .bl-promo--ai::before{background:radial-gradient(circle,rgba(43,214,123,.32),transparent 65%)}
#bl .bl-promo--web::before{background:radial-gradient(circle,rgba(255,75,43,.3),transparent 65%)}
#bl .bl-promo-h{position:relative;font-size:26px;font-weight:800;line-height:1.15;letter-spacing:-.02em;color:#fff}
#bl .bl-promo p:not(.bl-label):not(.bl-promo-h){position:relative;font-size:15px;line-height:1.6;color:var(--muted)}
#bl .bl-promo .bl-btn{position:relative;margin-top:auto;align-self:flex-start}
#bl > .bl-end {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    margin: 80px auto 90px;
    padding: 72px 64px;
    border-radius: 32px;
    border: 1px solid var(--line);
    background: var(--card);
    max-width: 1400px;
    width: calc(100% - 32px);
}
#bl .bl-end-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(600px 320px at 100% 0,rgba(11,102,255,.4),transparent 70%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/48px 48px}
#bl .bl-end .bl-h2{margin-top:14px}
#bl .bl-ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
#bl .bl-mbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;align-items:center;justify-content:space-between;gap:12px;padding:12px max(16px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:rgba(5,7,13,.94);backdrop-filter:blur(12px);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .35s var(--ease)}
#bl .bl-mbar.is-on{transform:none}
#bl .bl-mbar p{font-size:14px;font-weight:700}
#bl .bl-mbar .bl-btn{min-height:44px;padding:10px 20px}
#bl .bl-sheet{position:fixed;inset:0;z-index:100}
#bl .bl-sheet-back{position:absolute;inset:0;background:rgba(0,0,0,.66)}
#bl .bl-sheet-panel{position:absolute;left:0;right:0;bottom:0;max-height:92vh;overflow:auto;padding:28px max(20px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px));border-radius:24px 24px 0 0;border-top:1px solid rgba(11,102,255,.5);background:var(--card)}
#bl .bl-sheet-x{position:absolute;right:14px;top:12px;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.06);font-size:24px;line-height:1;cursor:pointer}
@media (max-width:1100px){
  #bl .bl-feat-main{grid-template-columns:1fr}
  #bl .bl-latest{grid-template-columns:1fr}
  #bl .bl-side{display:none}
  #bl .bl-mbar{display:flex}
  #bl .bl-catgrid{grid-template-columns:1fr}
  #bl .bl-promo{flex-direction:column}
}
@media (max-width:800px){
  #bl .bl-feat-side{grid-template-columns:1fr}
  #bl .bl-mini{grid-template-columns:120px minmax(0,1fr);align-items:center;padding:12px}
  #bl .bl-mini>div{padding:0}
  #bl .bl-mini h3{font-size:16px}
  #bl .bl-row{grid-template-columns:1fr;gap:16px;padding:14px}
  #bl .bl-panel{grid-template-columns:1fr}
  #bl .bl-small{grid-template-columns:110px minmax(0,1fr)}
  #bl>.bl-magnet{grid-template-columns:1fr;gap:28px;padding-top:50px;padding-bottom:50px}
  #bl .bl-doc{width:min(240px,100%);
  }
}
@media (max-width:600px){
  #bl>section{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
  #bl .bl-hero{padding-top:50px}
  #bl .bl-feat{padding-bottom:50px}
  #bl .bl-feat-body{padding:22px 20px 24px}
  #bl .bl-inline-cta{padding:26px 22px}
  #bl .bl-inline-cta .bl-btn,#bl .bl-inline-form .bl-btn,#bl .bl-ctas .bl-btn,#bl .bl-ctas .bcft__btn{width:100%;box-sizing:border-box;justify-content:center;text-align:center}
  #bl .bl-catsec,#bl .bl-catsec+.bl-catsec{padding-top:72px}
  #bl>.bl-end{margin:50px 16px 50px;padding:44px 22px;border-radius:24px}
}
@media (prefers-reduced-motion:reduce){
  #bl *,#bl *::before,#bl *::after{transition:none!important;animation:none!important}
}
/* WordPress pagination + placeholders */
#bl .bl-pager .page-numbers{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:46px;height:46px;padding:0 16px;border-radius:999px;border:1px solid var(--line);font-weight:700;font-size:14px;color:var(--muted)}
#bl .bl-pager a.page-numbers:hover{color:#fff;border-color:var(--line-2)}
#bl .bl-pager .page-numbers.current{color:#fff;background:var(--blue);border-color:var(--blue)}
#bl .bl-pager .page-numbers.dots{border:0;min-width:0;padding:0 4px}
#bl .bl-pager svg{width:16px;height:16px}
#bl .bl-pageno{font-size:14px;font-weight:600;color:var(--dim)}
#bl .bl-ph{display:block;width:100%;height:100%;background:radial-gradient(circle at 70% 30%,rgba(11,102,255,.35),transparent 60%),#05070d}
#bl .bl-media img{width:100%;height:100%;aspect-ratio:1200/630}

/* consent checkbox + sending/sent states (matches the site's quote form) */
#bl .bl-consent{position:relative;display:flex;gap:10px;align-items:flex-start;flex-basis:100%;cursor:pointer;font-size:12.5px;line-height:1.5;color:var(--muted)}
#bl .bl-consent input{position:absolute;opacity:0;width:18px;height:18px;margin:0}
#bl .bl-consent-box{flex:none;width:18px;height:18px;margin-top:1px;border-radius:5px;border:1px solid var(--line-2);background:var(--field);transition:all .2s}
#bl .bl-consent input:checked+.bl-consent-box{border-color:var(--blue);background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center/12px no-repeat}
#bl .bl-consent input:focus-visible+.bl-consent-box{outline:2px solid var(--blue-soft);outline-offset:2px}
#bl .bl-consent input[aria-invalid="true"]+.bl-consent-box{border-color:var(--red)}
#bl .bl-consent a{color:var(--blue-soft);text-decoration:underline}
#bl .bl-form.is-sending button[type=submit],#bl .bl-inline-form.is-sending button[type=submit]{opacity:.6;pointer-events:none}
#bl .bl-form-msg.is-error{color:var(--red)}
#bl .bl-sent{padding:8px 0}
#bl .bl-sent-h{font-size:20px;font-weight:800;color:#fff}
#bl .bl-sent p:not(.bl-sent-h){margin-top:8px;font-size:14.5px;line-height:1.6;color:var(--muted)}
#bl .bl-sent a{color:var(--blue-soft);font-weight:700}

/* inline quote form (same fields as the site's Get a quote form) */
#bl .bl-qf{gap:14px}
#bl .bl-qf-steps p{font-size:12.5px;color:var(--dim)}
#bl .bl-qf-steps b{color:#fff}
#bl .bl-qf-steps div{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
#bl .bl-qf-steps i{height:3px;border-radius:9px;background:rgba(255,255,255,.1);transition:background .3s}
#bl .bl-qf-steps i.is-on{background:var(--blue);box-shadow:0 0 10px rgba(11,102,255,.7)}
#bl .bl-qf-step{display:grid;gap:12px}
#bl .bl-qf-step[hidden]{display:none}
#bl .bl-qf legend{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fff}
#bl .bl-qf .bl-chips span{padding:8px 12px;font-size:12.5px}
#bl .bl-qf-int[aria-invalid="true"] .bl-chips span{border-color:var(--red)}
#bl .bl-qf-other,#bl .bl-qf textarea{width:100%;box-sizing:border-box;border-radius:12px;border:1px solid var(--line-2);background:var(--field);font:inherit;font-size:15px;color:var(--text);outline:0;transition:border-color .2s}
#bl .bl-qf-other{height:44px;margin-top:10px;padding:0 14px}
#bl .bl-qf textarea{min-height:84px;padding:12px 16px;resize:vertical}
#bl .bl-qf textarea:focus,#bl .bl-qf-other:focus{border-color:var(--blue)}
#bl .bl-qf-other[aria-invalid="true"]{border-color:var(--red)}
#bl .bl-qf .iti{display:block;width:100%}
#bl .bl-qf .iti input{width:100%;padding-left:52px}
#bl .bl-qf .iti__country-list{background:#0E131F;border-color:var(--line-2);color:var(--text);white-space:normal;max-width:260px}
#bl .bl-goals{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#bl .bl-goals label{position:relative;cursor:pointer}
#bl .bl-goals input{position:absolute;opacity:0;pointer-events:none}
#bl .bl-goals span {
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:8px;
    height:100%;
    min-height:78px;
    box-sizing:border-box;
    padding:11px 12px;
    border-radius:14px;
    border:1px solid var(--line-2);
    font-size:12.5px;
    font-weight:600;
    line-height:1.35;
    color:var(--muted);
    transition:all .2s;
    min-height: auto;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    text-align: center;
}
#bl .bl-goals i{font-style:normal;font-size:18px; display:none;}
#bl .bl-goals input:checked+span{color:#fff;border-color:var(--blue);background:var(--blue);}
#bl .bl-goals input:focus-visible+span{outline:2px solid var(--blue-soft);outline-offset:2px}
#bl .bl-goals[aria-invalid="true"] span{border-color:var(--red)}
#bl .bl-qf-nav{display:grid;grid-template-columns:52px 1fr;gap:10px}
#bl .bl-qf .bl-qf-nav .bl-btn{margin-top:0}
#bl .bl-qf-back{padding:0;justify-content:center;font-size:18px}
#bl .bl-qf-safe{display:flex;align-items:center;justify-content:center;gap:6px}
#bl .bl-qf-safe svg{width:13px;height:13px;color:#34D399}
#bl .bl-form .bl-btn svg {
    height: 12px;
    width: 12px;
}