/* ---- mobile: eyebrows menores ---- */
@media (max-width:560px){
  .eyebrow{font-size:10px;letter-spacing:.16em;gap:8px}
  .eyebrow::before{width:18px}
}

.bl-hero{padding-top:clamp(120px,16vw,176px);padding-bottom:clamp(26px,4vw,46px)}
.bl-hero h1{font-family:"IBM Plex Mono",monospace;font-weight:700;letter-spacing:-.02em;line-height:1.05;font-size:clamp(29px,4.6vw,52px);max-width:20ch;margin:14px 0 0}
.bl-hero .sub{margin-top:18px;max-width:58ch}
.bl-feat-sec{padding-top:clamp(30px,4vw,46px)}
.bl-sec-head{margin-bottom:clamp(18px,2.4vw,28px)}
.bl-featured{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(16px,2vw,22px)}
.bl-lead{display:flex;flex-direction:column;background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:inherit;box-shadow:4px 4px 0 rgba(10,12,30,.05);transition:transform .18s ease,box-shadow .18s ease}
.bl-lead:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--blue-bright)}
.bl-lead>.bl-cover{height:clamp(190px,24vw,290px)}
.bl-lead-body{padding:clamp(20px,2.4vw,30px);display:flex;flex-direction:column;gap:12px;flex:1}
.bl-lead-body h2{font-family:"IBM Plex Mono",monospace;font-weight:700;font-size:clamp(20px,2.3vw,29px);line-height:1.13;letter-spacing:-.01em;margin:0}
.bl-lead-body p{color:var(--muted);font-size:clamp(14px,1.2vw,16px);line-height:1.55;margin:0;max-width:50ch}
.bl-side{display:flex;flex-direction:column;gap:clamp(16px,2vw,22px)}
.bl-side-card{display:grid;grid-template-columns:120px 1fr;background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:inherit;flex:1;min-height:0;transition:transform .18s ease,box-shadow .18s ease;box-shadow:4px 4px 0 rgba(10,12,30,.05)}
.bl-side-card:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--blue-bright)}
.bl-side-card>.bl-cover{height:100%;min-height:118px}
.bl-side-body{padding:15px 18px;display:flex;flex-direction:column;gap:7px;justify-content:center}
.bl-side-body h3{font-family:"IBM Plex Mono",monospace;font-weight:700;font-size:clamp(15px,1.3vw,17px);line-height:1.22;margin:0}
.bl-cover{position:relative;background:linear-gradient(150deg,var(--ct,#e7e8ff) 0%,#ffffff 118%);display:flex;align-items:center;justify-content:center;overflow:hidden}
.bl-cover::after{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--cc,#0006ff) .7px,transparent .7px);background-size:13px 13px;opacity:.10}
.bl-cover svg{width:36%;max-width:60px;height:auto;color:var(--cc,#0006ff);position:relative;z-index:1;opacity:.9}
.bl-side-card .bl-cover svg{max-width:38px;width:44%}
.bl-chip{align-self:flex-start;font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;font-weight:600;color:var(--cc,#0006ff);background:var(--ct,#e7e8ff);padding:4px 9px;border-radius:999px;line-height:1}
.bl-meta{font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--muted-2);letter-spacing:.02em}
.bl-list-sec{padding-top:clamp(40px,6vw,70px)}
.bl-list-head{margin-bottom:clamp(16px,2.2vw,24px)}
.bl-list-head h2{font-family:"IBM Plex Mono",monospace;font-weight:700;font-size:clamp(22px,3vw,36px);letter-spacing:-.01em;margin:10px 0 0}
.bl-filter{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:clamp(14px,2vw,20px)}
.bl-chip-f{font-family:"IBM Plex Mono",monospace;font-size:13px;font-weight:600;color:var(--muted);background:var(--ink-2);border:1px solid var(--line);border-radius:999px;padding:8px 15px;cursor:pointer;transition:all .16s ease}
.bl-chip-f:hover{border-color:var(--muted-2);color:var(--text)}
.bl-chip-f.is-active{background:#14151f;border-color:#14151f;color:#fff}
.bl-results{font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--muted-2);margin:0 0 18px}
.bl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,22px)}
.bl-card{display:flex;flex-direction:column;background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease;box-shadow:4px 4px 0 rgba(10,12,30,.04)}
.bl-card:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--blue-bright)}
.bl-card[hidden]{display:none}
.bl-card>.bl-cover{height:clamp(138px,14vw,166px)}
.bl-card-body{padding:17px 19px 19px;display:flex;flex-direction:column;gap:10px;flex:1}
.bl-card-body h3{font-family:"IBM Plex Mono",monospace;font-weight:700;font-size:clamp(15px,1.35vw,18px);line-height:1.24;letter-spacing:-.005em;margin:0}
.bl-card-body p{color:var(--muted);font-size:13.5px;line-height:1.5;margin:0;flex:1}
.bl-empty{font-family:"IBM Plex Mono",monospace;color:var(--muted);padding:28px 0}
@media (max-width:900px){.bl-featured{grid-template-columns:1fr} .bl-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.bl-grid{grid-template-columns:1fr} .bl-side-card{grid-template-columns:92px 1fr}}

/* blog/cases: destaque reforçado + chips quadrados */
.bl-sec-head h2{font-family:"IBM Plex Mono",monospace;font-weight:700;font-size:clamp(22px,3vw,34px);letter-spacing:-.01em;margin:10px 0 0}
.bl-lead>.bl-cover{height:clamp(224px,28vw,332px)}
.bl-lead-body h2{font-size:clamp(22px,2.7vw,33px)}
.bl-lead{box-shadow:6px 6px 0 rgba(10,12,30,.13)}
.bl-lead:hover{box-shadow:13px 13px 0 var(--blue-bright)}
.bl-side-card{box-shadow:5px 5px 0 rgba(10,12,30,.11)}
.bl-side-card:hover{box-shadow:9px 9px 0 var(--blue-bright)}
.bl-readmore{font-family:"IBM Plex Mono",monospace;font-weight:600;font-size:13px;color:var(--cc,#0006ff);margin-top:4px;display:inline-flex;align-items:center;gap:6px}
.bl-side-exc{color:var(--muted);font-size:12.5px;line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bl-badge{position:absolute;top:12px;left:12px;z-index:2;font-family:"IBM Plex Mono",monospace;font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#14151f;padding:5px 9px;border-radius:var(--r);display:inline-flex;align-items:center;gap:5px}

.bl-chip{border-radius:var(--r);border:1px solid var(--cc,#0006ff)}
.bl-chip-f{border-radius:var(--r)}

/* ===== CASES (segmentos + resultado) ===== */
.cs-stat{font-family:"IBM Plex Mono",monospace;font-size:12.5px;font-weight:700;color:var(--cc,#0006ff);display:inline-flex;align-items:center;gap:7px;margin-top:2px;line-height:1.2}
.cs-stat::before{content:"";width:7px;height:7px;border-radius:var(--r);background:var(--cc,#0006ff);flex:none}

/* paleta unificada (blog + cases): cor só nas categorias */
.bl-cover{background:linear-gradient(155deg,#ecedf2 0%,#fbfcfd 130%)}
.bl-cover::after{background-image:radial-gradient(rgba(20,21,31,.06) .7px,transparent .7px)}
.bl-readmore{color:#0006ff}
.cs-stat{color:#0006ff}
.cs-stat::before{background:#0006ff}

/* rich-covers */
.bl-cover{overflow:hidden}
.bl-cover .cvx-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(10,12,30,.15) 1px,transparent 1px);background-size:22px 22px;opacity:.5}
.bl-cover svg.cvx-wm{position:absolute;width:205px;height:205px;max-width:none;right:-32px;bottom:-36px;opacity:.10;color:var(--cc,#0006ff)}
.bl-cover .cvx-tri{position:absolute;top:0;right:0;width:0;height:0;border-top:44px solid var(--cc,#0006ff);border-left:44px solid transparent;opacity:.92}
.bl-cover .cvx-ico{position:absolute;left:18px;top:18px;width:42px;height:42px;background:#fff;border:1px solid rgba(0,6,255,.28);border-radius:2px;display:flex;align-items:center;justify-content:center;box-shadow:3px 3px 0 rgba(0,6,255,.13);z-index:1}
.bl-cover .cvx-ico svg{position:static;width:20px;height:20px;max-width:none;opacity:1;color:var(--cc,#0006ff)}
.bl-cover .cvx-path{position:absolute;left:18px;bottom:14px;font-family:"IBM Plex Mono",monospace;font-size:11px;color:#3a3f55;background:rgba(255,255,255,.85);border:1px solid rgba(10,12,30,.14);padding:4px 8px;border-radius:2px;max-width:calc(100% - 96px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:1}
.bl-cover .cvx-path b{color:var(--cc,#0006ff);font-weight:600}
.bl-side-card .cvx-path{display:none}
.bl-side-card .cvx-tri{border-top-width:26px;border-left-width:26px}
.bl-side-card svg.cvx-wm{width:120px;height:120px;right:-24px;bottom:-26px;opacity:.14}

/* hero-geo */
.bl-hero .container{position:relative}
.ph-geo{position:absolute;right:16px;top:50%;transform:translateY(-48%);width:380px;max-width:30vw;height:270px;z-index:0;pointer-events:none}
.ph-geo i{display:block}
.ph-geo .g-dots{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(10,12,30,.28) 1.5px,transparent 1.5px);background-size:22px 22px;opacity:.7}
.ph-geo .g-fade{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:radial-gradient(115% 100% at 78% 45%,rgba(243,242,239,0) 42%,var(--ink,#f3f2ef) 96%)}
.ph-geo .g-tri{position:absolute;top:-8px;right:6px;width:0;height:0;border-top:44px solid var(--blue-bright,#0006ff);border-left:44px solid transparent;opacity:.9}
.ph-geo .g-ring{position:absolute;left:9%;bottom:8%;width:72px;height:72px;border:1.5px solid rgba(0,6,255,.34);border-radius:50%}
.ph-geo .g-sq{position:absolute;right:26%;bottom:-4px;width:11px;height:11px;background:var(--blue-bright,#0006ff);opacity:.8}
.ph-geo .g-plus{position:absolute;left:-4px;top:16%;width:16px;height:16px}
.ph-geo .g-plus::before,.ph-geo .g-plus::after{content:"";position:absolute;background:rgba(0,6,255,.45)}
.ph-geo .g-plus::before{left:7px;top:0;width:2px;height:16px}
.ph-geo .g-plus::after{left:0;top:7px;width:16px;height:2px}
@media (max-width:1023px){.ph-geo{display:none}}

/* hero-geo stacking fix */
.bl-hero .container>*:not(.ph-geo){position:relative;z-index:1}
.ph-geo{max-width:26vw}

/* case-shot-covers */
.bl-cover .cvx-shot{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;display:block}