/* Blog pages. DigitalBaloch tokens from styles.css. */
.btn-white{background:#fff;color:var(--purple-deep)}.btn-white:hover{background:#F1ECFE;transform:translateY(-2px)}
.bl-hero{padding:56px 0 64px}
.bl-hero .hero-media{background:var(--navy)}
.bl-hero .hero-overlay{background:radial-gradient(760px 460px at 82% 10%,rgba(109,40,217,.55),transparent 65%),radial-gradient(520px 360px at 0% 100%,rgba(109,40,217,.3),transparent 65%),linear-gradient(90deg,rgba(11,11,43,.97),rgba(11,11,43,.7))}
.bl-hero .crumbs{margin-bottom:20px}
.bl-top{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:48px;align-items:end;margin-bottom:40px}
.bl-hero h1{font:800 clamp(34px,4.6vw,56px)/1.08 var(--display);letter-spacing:-.02em}
.bl-hero p{margin-top:16px;max-width:620px;font:400 17px/28px var(--body);color:#D8D4F2}
.bl-search{position:relative;display:flex;align-items:center;gap:8px;padding:8px 8px 8px 46px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18)}
.bl-search:focus-within{border-color:var(--purple-soft)}
.bl-si{position:absolute;left:16px;top:50%;transform:translateY(-50%);display:flex}.bl-si svg{width:20px;height:20px;stroke:#B9B5DE;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bl-search input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font:400 15px/22px var(--body);min-height:40px;padding:0}
.bl-search input::placeholder{color:#A9A4D6}
.bl-search button{min-height:40px;padding:0 20px;border:0;border-radius:11px;background:var(--purple);color:#fff;font:700 14px var(--body);cursor:pointer}
.bl-search button:hover{background:var(--purple-deep)}
.bl-feat-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:24px}
.bl-feat{position:relative;display:block;border-radius:26px;overflow:hidden;min-height:400px;border:1px solid rgba(167,139,250,.3);box-shadow:0 26px 60px rgba(0,0,0,.4);color:#fff;text-decoration:none;background:#150B3D}
.bl-feat>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.bl-feat:hover>img{transform:scale(1.03)}
.bl-feat::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,43,.15) 0%,rgba(11,11,43,.55) 40%,rgba(11,11,43,.96) 100%)}
.bl-fo{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:30px 32px}
.bl-pills{display:flex;gap:8px;margin-bottom:14px}
.bl-pill{display:inline-block;padding:5px 12px;border-radius:999px;background:rgba(167,139,250,.25);border:1px solid rgba(167,139,250,.5);font:800 11px/14px var(--body);letter-spacing:.08em;text-transform:uppercase;color:#EDE4FF}
.bl-pill.hot{background:var(--purple);border-color:var(--purple);color:#fff}
.bl-fo h2{font:800 clamp(24px,2.6vw,34px)/1.2 var(--display);max-width:620px}
.bl-fo p{margin-top:10px;max-width:600px;font:400 15px/24px var(--body);color:#E1DEF7}
.bl-fa{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:18px;font:500 13px var(--body);color:#C9C5E8}
.bl-au{display:inline-flex;align-items:center;gap:10px;font:700 13px var(--body)}
.bl-au i{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#8B5CF6,#5B21B6);display:grid;place-items:center;font:800 11px var(--display);font-style:normal;color:#fff}
.bl-fa .bl-au{color:#fff}
.bl-latest{border-radius:26px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);padding:24px 22px}
.bl-lh small{font:800 11px/16px var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--purple-soft)}
.bl-ll{display:grid;gap:6px;margin-top:14px}
.bl-lt{display:grid;grid-template-columns:88px 1fr;gap:14px;align-items:center;padding:10px;border-radius:14px;text-decoration:none;color:#fff;transition:background .15s}
.bl-lt:hover{background:rgba(255,255,255,.07)}
.bl-lt img{width:88px;height:62px;object-fit:cover;border-radius:10px;background:#150B3D}
.bl-lt small{display:block;font:800 10px/14px var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--purple-soft)}
.bl-lt b{display:block;font:700 14px/20px var(--display);margin:2px 0}
.bl-lt span{display:block;font:400 11.5px/16px var(--body);color:#B9B5DE}
/* category bar */
.bl-cats{background:#fff;border-bottom:1px solid var(--border);position:relative}
.bl-cat-row{display:flex;gap:6px;overflow-x:auto;padding:14px 0;scrollbar-width:none}.bl-cat-row::-webkit-scrollbar{display:none}
.bl-cat{flex:none;border:0;background:none;cursor:pointer;padding:10px 18px;border-radius:999px;font:600 14px/20px var(--body);color:#3F3C5C;transition:background .15s,color .15s}
.bl-cat i{font:600 11px var(--body);font-style:normal;opacity:.6;margin-left:3px}
.bl-cat:hover{background:var(--lav);color:var(--purple-deep)}
.bl-cat.is-on{background:#0B0B22;color:#fff}
/* grid */
.bl-main{background:#F8F8FC;padding:64px 0 72px}
.bl-lay{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:36px;align-items:start;max-width:1180px}
.bl-ah{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}
.bl-ah small{display:block;font:800 11px/16px var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--purple)}
.bl-ah h2{font:800 clamp(24px,2.6vw,32px)/1.2 var(--display);color:#07071F;margin-top:6px}
.bl-count{font:600 13px var(--body);color:var(--muted)}
.bl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.bl-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:0 8px 26px rgba(60,40,120,.08);transition:transform .25s,box-shadow .25s}
.bl-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(109,40,217,.16)}
.bl-card[hidden]{display:none}
.bl-img{position:relative;display:block;aspect-ratio:16/9;background:#150B3D;overflow:hidden}
.bl-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.bl-card:hover .bl-img img{transform:scale(1.04)}
.bl-tag{position:absolute;left:14px;top:14px;padding:5px 12px;border-radius:999px;background:#fff;font:800 10.5px/14px var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--purple-deep)}
.bl-cb{display:flex;flex-direction:column;gap:8px;padding:20px 22px 20px;flex:1}
.bl-meta{font:500 12px/16px var(--body);color:var(--muted)}
.bl-cb h3{font:800 19px/26px var(--display);color:#0B0B22}.bl-cb h3 a{text-decoration:none;color:inherit}.bl-cb h3 a:hover{color:var(--purple)}
.bl-cb p{font:400 14px/22px var(--body);color:var(--muted);margin:0}
.bl-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid #EEE9FB}
.bl-foot .bl-au{color:#0B0B22}
.bl-more{display:inline-flex;align-items:center;gap:6px;font:700 13px var(--body);color:var(--purple);text-decoration:none}
.bl-more svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}.bl-more:hover svg{transform:translateX(4px)}
.bl-empty{padding:40px 20px;text-align:center;font:500 15px var(--body);color:var(--muted)}
/* sidebar */
.bl-side{display:grid;gap:20px;position:sticky;top:100px}
.bl-sc{padding:26px 24px;border-radius:22px;background:#fff;border:1px solid var(--border);box-shadow:0 8px 24px rgba(60,40,120,.07)}
.bl-sc h3{font:800 18px/24px var(--display);color:#0B0B22}.bl-sc>p{margin:6px 0 14px;font:400 14px/22px var(--body);color:var(--muted)}
.bl-sc.cta{background:linear-gradient(160deg,#5B21B6,#2A0F6B 70%,#150B3D);border:0;color:#fff}
.bl-sc.cta small{display:block;font:800 10.5px/14px var(--body);letter-spacing:.16em;text-transform:uppercase;color:#C4B5FD}
.bl-sc.cta h3{color:#fff;font-size:21px;line-height:28px;margin-top:8px}.bl-sc.cta>p{color:#DAD5F7;margin:8px 0 18px}
.bl-rec{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:16px}
.bl-rec li{display:grid;grid-template-columns:30px 1fr;gap:10px}
.bl-rec span{font:800 18px/22px var(--display);color:#C9B8FF}
.bl-rec a{text-decoration:none}.bl-rec b{display:block;font:700 14px/20px var(--body);color:#0B0B22}.bl-rec a:hover b{color:var(--purple)}
.bl-rec small{display:block;font:400 12px/16px var(--body);color:var(--muted);margin-top:3px}
.bl-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.bl-chips a{padding:8px 13px;border-radius:999px;background:#F5F3FF;border:1px solid #E4DCFB;font:600 12.5px/16px var(--body);color:var(--purple-deep);text-decoration:none}.bl-chips a:hover{background:var(--purple);color:#fff}
.bl-link{display:inline-flex;align-items:center;gap:6px;font:700 13.5px var(--body);color:var(--purple);text-decoration:none}
.bl-link svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
/* newsletter */
.bl-news{background:#fff;padding:20px 0 84px}
.bl-nb{max-width:1180px;margin:0 auto;border-radius:28px;padding:48px 52px;background:radial-gradient(600px 300px at 90% 0%,rgba(109,40,217,.5),transparent 60%),linear-gradient(135deg,#150B3D,#0B0B2B);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;box-shadow:0 28px 70px rgba(30,15,90,.35)}
.bl-nb small{font:800 11px/16px var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--purple-soft)}
.bl-nb h2{font:800 clamp(26px,3vw,38px)/1.2 var(--display);margin:10px 0 10px;max-width:560px}.bl-nb h2 span{color:var(--purple-soft)}
.bl-nb p{font:400 15px/24px var(--body);color:#D8D4F2;max-width:520px}
.bl-nbtn{display:flex;gap:12px;flex-wrap:wrap}
.bl-nbtn .btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bl-wa{background:#15803D;color:#fff}.bl-wa:hover{background:#166534}
.bl-nbtn .btn-secondary{background:transparent;color:#fff;border-color:#6b6a9c}.bl-nbtn .btn-secondary:hover{background:rgba(255,255,255,.08)}
/* article */
.bl-ahero{padding:56px 0 64px}.bl-aw{max-width:860px}
.bl-ahero h1{font:800 clamp(30px,4vw,46px)/1.15 var(--display);letter-spacing:-.015em;margin:16px 0 0}
.bl-lede{margin-top:16px;font:400 18px/30px var(--body);color:#D8D4F2}
.bl-byline{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-top:24px;font:500 13.5px var(--body);color:#C9C5E8}.bl-byline .bl-au{color:#fff}
.bl-art{background:#fff;padding:0 0 84px}
.bl-alay{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start;max-width:1180px}
.bl-ab{min-width:0}
.bl-fig{margin:-36px 0 36px;border-radius:24px;overflow:hidden;box-shadow:0 26px 60px rgba(30,15,90,.3);border:1px solid var(--border);position:relative;z-index:2;background:#150B3D}
.bl-fig img{display:block;width:100%;height:auto}
.bl-prose{max-width:720px}
.bl-prose p,.bl-prose li{font:400 17px/30px var(--body);color:#3A3856}
.bl-prose p{margin:0 0 18px}
.bl-prose h2{font:800 clamp(22px,2.4vw,28px)/1.25 var(--display);color:#07071F;margin:38px 0 14px}
.bl-prose ul{margin:0 0 22px;padding-left:0;list-style:none;display:grid;gap:10px}
.bl-prose li{position:relative;padding-left:30px}
.bl-prose li::before{content:"";position:absolute;left:4px;top:11px;width:12px;height:12px;border-radius:4px;background:var(--purple);opacity:.9}
.bl-endcta{margin:44px 0 0;max-width:720px;padding:32px 32px;border-radius:24px;background:linear-gradient(135deg,#5B21B6,#2A0F6B 70%,#150B3D);color:#fff}
.bl-endcta small{font:800 11px/16px var(--body);letter-spacing:.18em;text-transform:uppercase;color:#C4B5FD}
.bl-endcta h3{font:800 24px/32px var(--display);margin:8px 0 8px}.bl-endcta p{font:400 15px/25px var(--body);color:#E1DCF8;margin:0}
.bl-ecb{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.bl-ecb .btn-secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.bl-pn{margin-top:28px}.bl-back{display:inline-flex;gap:8px;align-items:center;font:700 14px var(--body);color:var(--purple);text-decoration:none}.bl-back svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.2;transform:rotate(180deg)}
.bl-art .bl-side{top:100px}
@media (max-width:1100px){.bl-lay,.bl-alay{grid-template-columns:minmax(0,1fr)}.bl-side{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.bl-side .bl-sc:last-child{grid-column:1/-1}}
@media (max-width:1023px){.bl-top{grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}.bl-feat-grid{grid-template-columns:minmax(0,1fr)}.bl-feat{min-height:380px}.bl-main{padding:48px 0 56px}.bl-nb{padding:36px 30px}.bl-fig{margin-top:-28px}}
@media (max-width:639px){.bl-hero{padding:40px 0 48px}.bl-grid{grid-template-columns:minmax(0,1fr)}.bl-side{grid-template-columns:minmax(0,1fr)}.bl-fo{padding:22px 20px}.bl-fo p{display:none}.bl-feat{min-height:320px}.bl-ah{flex-direction:column;align-items:flex-start;gap:6px}.bl-nb{padding:28px 22px}.bl-nbtn .btn{width:100%}.bl-prose p,.bl-prose li{font-size:16px;line-height:28px}.bl-endcta{padding:24px 20px}.bl-ecb .btn{width:100%}.bl-lede{font-size:16px;line-height:26px}.bl-news{padding-bottom:56px}}
@media (prefers-reduced-motion:reduce){.bl-card,.bl-feat>img,.bl-img img{transition:none}}
.bl-feat{min-height:440px}
.bl-feat>img{height:66%;object-position:50% 0}
.bl-feat::after{background:linear-gradient(180deg,rgba(11,11,43,0) 0%,rgba(11,11,43,0) 38%,rgba(11,11,43,.9) 62%,#0B0B2B 70%)}
.bl-nbtn{flex-direction:column;min-width:270px}.bl-nbtn .btn{width:100%}
@media (max-width:639px){.bl-feat{min-height:420px}.bl-fo p{display:block;font-size:14px;line-height:22px}}
.bl-feat{min-height:560px}.bl-feat>img{height:56%}
@media (max-width:1023px){.bl-feat{min-height:520px}}@media (max-width:639px){.bl-feat{min-height:500px}}
.bl-art .bl-side{margin-top:36px}
@media (max-width:1100px){.bl-art .bl-side{margin-top:0}}
@media (max-width:639px){.bl-feat{min-height:560px}.bl-feat>img{height:40%}.bl-feat::after{background:linear-gradient(180deg,rgba(11,11,43,0) 0%,rgba(11,11,43,0) 28%,rgba(11,11,43,.92) 44%,#0B0B2B 52%)}}
.bl-ab>.bl-prose:first-child{padding-top:40px}