.hb-layout{display:grid;grid-template-columns:220px 1fr;border:1px solid var(--dt-border);border-radius:var(--dt-radius-lg);overflow:hidden;min-height:560px}.hb-sidebar{display:flex;flex-direction:column;background:rgb(10 10 30 / .4);border-right:1px solid var(--dt-border);overflow-y:auto;scrollbar-width:thin}[data-theme="light"] .hb-sidebar{background:rgb(0 0 0 / .02)}.hb-tab{background:none;border:none;border-left:3px solid #fff0;color:var(--dt-text-dim);padding:14px 16px;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;text-align:left;transition:all 0.2s;font-family:inherit;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--dt-border);width:100%}.hb-tab:last-child{border-bottom:none}.hb-tab:hover{color:var(--dt-text-muted);background:rgb(255 255 255 / .03)}.hb-tab.is-active{color:#fff;border-left-color:var(--dt-orange);background:rgb(237 71 0 / .08)}.hb-tab__num{color:var(--dt-orange-text);font-weight:800;font-size:12px;min-width:20px}.hb-tab__label{flex:1}[data-theme="light"] .hb-tab.is-active{color:var(--dt-text)}[data-theme="light"] .hb-tab:hover{background:rgb(0 0 0 / .03)}.hb-panels{flex:1;min-width:0}.hb-panel{display:none;grid-template-columns:1fr 1fr;min-height:560px;animation:hbFadeIn 0.25s ease}.hb-panel.is-active{display:grid}@keyframes hbFadeIn{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}.hb-panel__content{padding:var(--dt-space-10) var(--dt-space-8);display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--dt-border)}.hb-panel__tag{display:inline-flex;align-items:center;gap:6px;background:rgb(237 71 0 / .1);border:1px solid rgb(237 71 0 / .25);border-radius:4px;padding:4px 12px;font-size:10px;font-weight:800;letter-spacing:2px;color:var(--dt-orange-text);text-transform:uppercase;align-self:flex-start;margin-bottom:var(--dt-space-4)}.hb-panel__title{font-size:clamp(1.5rem, 2.5vw, 2.25rem);font-weight:900;letter-spacing:-.5px;line-height:1.1;margin:0 0 var(--dt-space-3);color:var(--dt-text)}.hb-panel__headline{font-size:16px;color:var(--dt-text-muted);line-height:1.5;font-style:italic;margin:0 0 var(--dt-space-6);opacity:.8}.hb-panel__desc{font-size:14px;color:var(--dt-text-dim);line-height:1.7;margin:0 0 var(--dt-space-8)}.hb-panel__benefit{background:linear-gradient(135deg,rgb(237 71 0 / .12),rgb(237 71 0 / .04));border:1px solid rgb(237 71 0 / .2);border-radius:var(--dt-radius);padding:14px 18px;display:flex;gap:10px;align-items:flex-start}.hb-panel__benefit svg{flex-shrink:0;margin-top:2px}.hb-panel__benefit p{margin:0;font-size:13px;color:var(--dt-text-muted);line-height:1.5}.hb-panel__benefit strong{color:var(--dt-orange-text)}.hb-panel__mockup{background:rgb(10 10 34 / .5);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:var(--dt-space-6)}[data-theme="light"] .hb-panel__mockup{background:rgb(0 0 0 / .03)}.hb-panel__stat--inline{display:inline-flex;align-items:center;gap:12px;margin-top:var(--dt-space-6);background:rgb(17 17 48 / .8);border:1px solid var(--dt-border);border-radius:var(--dt-radius);padding:10px 16px;align-self:flex-start}[data-theme="light"] .hb-panel__stat--inline{background:#f5f5fa}.hb-panel__stat--inline .hb-panel__stat-value{font-size:22px;font-weight:900;color:var(--dt-orange-text);line-height:1}.hb-panel__stat--inline .hb-panel__stat-label{font-size:11px;color:var(--dt-text-dim);text-transform:uppercase;letter-spacing:.5px}.hb-panel__glow{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgb(237 71 0 / .12) 0%,transparent 70%);pointer-events:none;top:200px;left:50%;transform:translate(-50%,-50%)}.case-hb-wrap{display:grid;grid-template-columns:220px 1fr;border:1px solid var(--dt-border);border-radius:var(--dt-radius-lg);overflow:hidden}.case-hb-wrap .hb-tabs{display:flex;flex-direction:column;background:rgb(10 10 30 / .4);border-right:1px solid var(--dt-border);overflow-y:auto;scrollbar-width:thin}[data-theme="light"] .case-hb-wrap .hb-tabs{background:rgb(0 0 0 / .02)}.case-hb-wrap .hb-tab{border-bottom:1px solid var(--dt-border)}.case-hb-wrap .hb-tab:last-child{border-bottom:none}@media (max-width:1024px){.case-hb-wrap{grid-template-columns:180px 1fr}.hb-layout{grid-template-columns:180px 1fr}.hb-tab{padding:12px 12px;font-size:10px}}@media (max-width:768px){.case-hb-wrap,.hb-layout{grid-template-columns:1fr}.case-hb-wrap .hb-tabs,.hb-sidebar{flex-direction:row;overflow-x:auto;overflow-y:hidden;border-right:none;border-bottom:1px solid var(--dt-border);scrollbar-width:none;-webkit-overflow-scrolling:touch}.case-hb-wrap .hb-tabs::-webkit-scrollbar,.hb-sidebar::-webkit-scrollbar{display:none}.hb-tab{border-left:none;border-bottom:2px solid #fff0;white-space:nowrap;padding:12px 14px;font-size:10px;flex-shrink:0;width:auto}.hb-tab:last-child{border-right:none;border-bottom:2px solid #fff0}.hb-tab.is-active{border-left-color:#fff0;border-bottom-color:var(--dt-orange)}.hb-panel{grid-template-columns:1fr;min-height:auto}.hb-panel__content{padding:var(--dt-space-6) var(--dt-space-4);border-right:none;border-bottom:1px solid var(--dt-border)}.hb-panel__mockup{padding:var(--dt-space-6) var(--dt-space-4);min-height:280px}}@media (max-width:480px){.hb-tab__label{font-size:9px}.hb-tab__num{display:none}.hb-panel__title{font-size:1.25rem}}