#hive-cases{--case-blue:#143cff;padding:86px max(32px,calc((100vw - 1280px)/2)) 68px;background:#f4f4f2;border-top:1px solid #deded9;overflow:hidden}
#hive-cases .cases-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:34px}
#hive-cases .cases-kicker{font:14px 'Bebas Neue',sans-serif;letter-spacing:1px;color:var(--case-blue)}
#hive-cases h2{font:700 clamp(38px,4.4vw,64px)/1.05 Gilroy,Arial;letter-spacing:-2px;margin:16px 0 0}
#hive-cases .cases-nav{display:flex;gap:10px;padding-bottom:4px}
#hive-cases .cases-nav button{width:54px;height:54px;border:1px solid #fff;border-radius:50%;background:var(--case-blue);color:#fff;font:26px Gilroy,Arial;cursor:pointer;box-shadow:0 8px 18px -10px #143cff65;transition:transform .2s}
#hive-cases .cases-nav button:disabled{background:#e7e8eb;color:#777b84;box-shadow:none;cursor:default}
#hive-cases .cases-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 24px;scroll-padding-inline:2px;outline-offset:6px}
#hive-cases .cases-track::-webkit-scrollbar{display:none}
#hive-cases .case-card{position:relative;isolation:isolate;flex:0 0 clamp(280px,25vw,350px);aspect-ratio:9/16;background:var(--case-blue);border-radius:25px;overflow:hidden;color:white;scroll-snap-align:start;border:1px solid #ffffffb3;box-shadow:0 14px 25px -18px #11121665}
#hive-cases video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:transparent}
#hive-cases .case-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0003,transparent 30%,#071a6e35 62%,#061350b3);pointer-events:none;transition:opacity .25s}
#hive-cases .case-top{position:absolute;top:24px;left:26px;right:26px;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:opacity .25s}
#hive-cases .case-top img{width:104px;height:57px;object-fit:contain;object-position:left;filter:brightness(0) invert(1)}
#hive-cases .case-index{font:14px 'Bebas Neue',sans-serif;letter-spacing:1px;white-space:nowrap;padding:9px 11px;background:#ffffff12;border:1px solid #ffffff55;border-radius:10px;backdrop-filter:blur(12px)}
#hive-cases .case-copy{position:absolute;bottom:100px;left:27px;right:27px;transition:opacity .25s,transform .25s}
#hive-cases .case-client{font-size:14px;line-height:1.35;margin:0 0 26px;color:#fff}
#hive-cases .case-client span{display:block;font-weight:700;font-size:20px;margin-top:4px}
#hive-cases h3{font:700 clamp(56px,4.6vw,73px)/.98 Gilroy,Arial;letter-spacing:-3px;margin:0 0 12px}
#hive-cases .case-result{font-size:23px;font-weight:700;line-height:1.15;margin:0 0 7px}
#hive-cases .case-period{font-size:17px;line-height:1.35;margin:0;color:#fff}
#hive-cases .case-extra{margin:19px 0 0;padding-top:16px;border-top:1px solid #ffffff45;font-size:16px;line-height:1.35}
#hive-cases .case-play{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;color:white;font:700 14px Gilroy,Arial;display:flex;align-items:flex-end;gap:12px;padding:0 27px 30px;cursor:pointer;text-align:left}
#hive-cases .case-play>span:last-child{padding-bottom:14px}
#hive-cases .play-icon{width:44px;height:44px;display:grid;place-items:center;padding-left:3px;border-radius:50%;border:1px solid #ffffff9c;background:#ffffff24;backdrop-filter:blur(14px);transition:background .2s,transform .2s}
#hive-cases .case-play:disabled{cursor:default}
#hive-cases .case-play:disabled>span:last-child{visibility:hidden}
#hive-cases .case-pending{position:absolute;bottom:44px;left:84px;font:14px Gilroy,Arial;color:#fff;pointer-events:none}
#hive-cases [hidden]{display:none!important}
#hive-cases .is-playing .case-copy,#hive-cases .is-playing .case-top,#hive-cases .is-playing .case-shade{opacity:0;pointer-events:none}
#hive-cases .is-playing .case-play{display:none}
#hive-cases .is-playing video{object-fit:contain;background:#111216}
#hive-cases .cases-footer{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:5px;padding-top:18px;border-top:1px solid #d4d6dc;color:#585c65;font-size:13px}
#hive-cases [data-cases-count]{font:20px 'Bebas Neue',sans-serif;color:#143cff;letter-spacing:1px}
#hive-cases button:focus-visible,#hive-cases .cases-track:focus-visible{outline:3px solid #143cff;outline-offset:5px}
#hive-cases .case-play:focus-visible{outline-color:white;outline-offset:-6px}
@media(hover:hover){#hive-cases .case-play:not(:disabled):hover .play-icon{transform:scale(1.1);background:#143cff}#hive-cases .cases-nav button:not(:disabled):hover{transform:translateY(-3px)}}
@media(max-width:700px){#hive-cases{padding:52px 24px 40px}#hive-cases .cases-heading{align-items:center;gap:16px}#hive-cases h2{font-size:38px;letter-spacing:-1.3px}#hive-cases .cases-nav{gap:6px}#hive-cases .cases-nav button{width:40px;height:40px;font-size:22px}#hive-cases .case-card{flex-basis:86%;border-radius:22px}#hive-cases .cases-track{gap:16px}#hive-cases .case-top{top:22px;left:22px;right:22px}#hive-cases .case-copy{left:22px;right:22px;bottom:88px}#hive-cases h3{font-size:58px}#hive-cases .case-result{font-size:21px}#hive-cases .case-client{margin-bottom:20px}#hive-cases .case-play{padding-left:22px;padding-bottom:24px}#hive-cases .case-pending{left:79px;bottom:38px}#hive-cases .case-extra{font-size:14px;margin-top:12px;padding-top:12px}#hive-cases .case-period{font-size:16px}}
@media(prefers-reduced-motion:reduce){#hive-cases *{transition:none!important;scroll-behavior:auto!important}}

/* Contraste do texto sobre os frames reais. */
#hive-cases .case-shade{background:linear-gradient(180deg,rgba(0,0,0,.48),rgba(0,0,0,.08) 25%,rgba(5,13,37,.72) 53%,rgba(5,13,37,.96))}

/* Área ampla, moldura arredondada e continuidade cromática com o ecossistema. */
#hive-cases{margin:0 24px 24px;padding:66px 44px 42px;border:0;border-radius:40px;background:linear-gradient(180deg,#efeee9 0%,#efeee9 5%,#f1f0ec 22%,#f4f4f2 52%)}
#hive-cases .cases-track{gap:20px}
#hive-cases .case-card{flex-basis:calc((100% - 60px)/3.35)}
#hive-cases h3{font-size:clamp(48px,3.7vw,68px)}
@media(min-width:1400px){#hive-cases .case-card{flex-basis:calc((100% - 80px)/4.35)}}
@media(min-width:701px) and (max-width:1100px){#hive-cases{padding-inline:28px;margin-inline:16px}#hive-cases .case-card{flex-basis:calc((100% - 40px)/2.35)}}
@media(max-width:700px){#hive-cases{margin:0 10px 10px;padding:40px 18px 30px;border-radius:26px}#hive-cases .case-card{flex-basis:90%}#hive-cases .cases-track{gap:14px}#hive-cases h2{font-size:34px}#hive-cases h3{font-size:54px}#hive-cases .cases-heading{flex-wrap:wrap}}

/* Transição perceptível: papel, azul HIVE e azul profundo. */
#hive-cases{position:relative;isolation:isolate;margin:0;border-radius:0;background:linear-gradient(180deg,#efeee9 0%,#e6e7eb 12%,#b8c6f5 27%,#143cff 54%,#102dba 77%,#091743 100%)}
#hive-cases:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.65' filter='url(%23n)'/%3E%3C/svg%3E")}
#hive-cases .cases-footer{color:#fff;border-color:rgba(255,255,255,.3)}
#hive-cases [data-cases-count]{color:#fff}
@media(max-width:1100px){#hive-cases{margin:0;border-radius:0}}

/* Equilíbrio: transição clara e imagens com mais presença. */
#hive-cases{background:linear-gradient(180deg,#efeee9 0%,#eeefef 16%,#e5eafa 42%,#d4defa 73%,#c5d3f7 100%)}
#hive-cases:before{opacity:.025}
#hive-cases .case-shade{background:linear-gradient(180deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,0) 24%,rgba(5,13,37,.08) 39%,rgba(5,13,37,.4) 64%,rgba(5,13,37,.66) 100%)}
#hive-cases .case-copy{text-shadow:0 2px 7px rgba(0,0,0,.38)}
#hive-cases .cases-footer{color:#404957;border-color:rgba(35,59,108,.18)}
#hive-cases [data-cases-count]{color:#143cff}

/* Resultado em primeiro plano, preservando a luminosidade dos vídeos. */
#hive-cases h3{display:table;width:max-content;max-width:100%;padding:10px 14px 8px;background:#143cff;color:#fff;border:1px solid rgba(255,255,255,.38);border-radius:12px;text-shadow:none;box-shadow:0 8px 22px -12px rgba(0,0,0,.5);font-size:clamp(48px,3.9vw,72px);letter-spacing:-2.5px;margin-bottom:16px}
#hive-cases .case-result{font-size:24px;line-height:1.18;text-shadow:0 2px 6px rgba(0,0,0,.6)}
#hive-cases .case-period{font-size:17px;line-height:1.4}
#hive-cases .case-extra strong{display:block;font-size:21px;line-height:1.25;margin-bottom:4px}
#hive-cases .case-client{margin-bottom:20px}
@media(max-width:700px){#hive-cases h3{font-size:50px;padding:9px 12px 7px;margin-bottom:12px}#hive-cases .case-result{font-size:21px}#hive-cases .case-extra strong{font-size:18px}#hive-cases .case-client{margin-bottom:16px}}
@media(min-width:701px) and (max-width:1600px){#hive-cases .case-client{font-size:13px;margin-bottom:14px}#hive-cases .case-client span{font-size:18px}#hive-cases .case-extra{margin-top:12px;padding-top:10px;font-size:14px}#hive-cases .case-extra strong{font-size:19px}#hive-cases .case-result{font-size:22px}}

/* Destaque editorial: números livres, sem etiquetas ou blocos coloridos. */
#hive-cases h3{display:block;width:auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#fff;font-size:clamp(54px,4.3vw,78px);line-height:1;letter-spacing:-2.8px;text-shadow:0 2px 12px rgba(0,0,0,.35);margin:0 0 13px}
#hive-cases .case-extra strong{font-size:19px;font-weight:700}
@media(max-width:700px){#hive-cases h3{font-size:56px;padding:0;margin-bottom:12px}#hive-cases .case-extra strong{font-size:18px}}

/* Contraste localizado, sem ampliar a tipografia nem criar uma etiqueta. */
#hive-cases h3{position:relative;isolation:isolate;width:fit-content;max-width:100%;font-size:clamp(44px,3.3vw,58px);letter-spacing:-1.8px;color:#fff;text-shadow:0 2px 4px rgba(4,12,32,.55),0 5px 18px rgba(4,12,32,.3)}
#hive-cases h3::before{content:'';position:absolute;z-index:-1;inset:-16px -26px;pointer-events:none;background:radial-gradient(ellipse,rgba(6,16,42,.36),rgba(6,16,42,0) 72%);filter:blur(8px)}
@media(max-width:700px){#hive-cases h3{font-size:46px}}

/* Cor de destaque para as métricas, mantendo a escala aprovada. */
#hive-cases h3,#hive-cases .case-extra strong{color:#143cff;text-shadow:0 1px 2px rgba(0,0,0,.28)}

/* Métricas sobre vidro fosco claro e assinaturas mais discretas. */
#hive-cases h3{padding:7px 11px 6px;border:1px solid rgba(255,255,255,.55);border-radius:10px;background:rgba(244,244,242,.76);backdrop-filter:blur(18px) saturate(.8);-webkit-backdrop-filter:blur(18px) saturate(.8);box-shadow:0 3px 12px rgba(0,0,0,.08);color:#143cff;text-shadow:none}
#hive-cases h3::before{display:none}
#hive-cases .case-extra strong{display:table;max-width:100%;padding:5px 8px;border:1px solid rgba(255,255,255,.5);border-radius:7px;background:rgba(244,244,242,.76);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#143cff;text-shadow:none;margin-bottom:6px}
#hive-cases .case-top img{width:74px;height:41px}
@media(max-width:700px){#hive-cases .case-top img{width:68px;height:38px}}

/* Vidro igual ao contador: leve, translúcido e com borda delicada. */
#hive-cases h3,#hive-cases .case-extra strong{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.33);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:none;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}
#hive-cases h3{padding:3px 7px 2px;border-radius:7px}
#hive-cases .case-extra strong{padding:3px 6px;border-radius:5px}
#hive-cases .case-top img{width:74px;height:41px}
#hive-cases .case-top img[src$="brand-5.png"]{width:56px;height:31px}
@media(max-width:700px){#hive-cases .case-top img{width:68px;height:38px}#hive-cases .case-top img[src$="brand-5.png"]{width:52px;height:29px}}