.case-band{position:relative;border-bottom:1px solid var(--border);overflow:hidden}.case-band__bg{position:absolute;inset:0;background-image:var(--case-img);background-size:cover;background-position:center;z-index:0}.case-band__bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.72) 0%,rgba(10,10,10,.82) 55%,rgba(10,10,10,.96) 88%,var(--black) 100%)}.case-band .container{position:relative;z-index:1;padding-top:84px;padding-bottom:56px}.case-back{display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:.02em;color:var(--gray-light);margin-bottom:28px}.case-back:hover{color:var(--white)}.case .eyebrow{font-size:.78rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gray);margin-bottom:20px}.case h1{font-size:clamp(2.1rem,4vw,2.9rem);font-weight:700;letter-spacing:-.03em;line-height:1.08;max-width:22ch}.case .meta{margin-top:20px;font-size:1rem;color:var(--gray-light);display:flex;gap:12px;align-items:center;flex-wrap:wrap}.case .dot{width:4px;height:4px;border-radius:50%;background:var(--accent);display:inline-block}.case .tagstate{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);padding:4px 10px;border-radius:2px}.case .tagstate.prod{color:#5fd08a;border-color:#2f7a4d}.case .metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin:48px 0}.case .metric{background:var(--black);padding:24px 20px}.case .metric b{display:block;font-size:1.6rem;font-weight:700;letter-spacing:-.02em}.case .metric span{display:block;margin-top:6px;font-size:.8rem;color:var(--gray-light);line-height:1.35}.case .st{font-size:.78rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gray);margin:8px 0 24px}.case .lead{color:var(--gray-light);font-size:1.05rem;line-height:1.6;max-width:78ch;margin-bottom:40px}.case .funnel{border:1px solid var(--border);background:#0c0c0c;padding:34px 36px 30px;margin-bottom:16px}.case .frow{display:grid;grid-template-columns:250px 1fr 130px;align-items:center;gap:20px;padding:11px 0}.case .fstage{font-size:.95rem;font-weight:600}.case .fstage small{display:block;font-weight:500;color:var(--gray);font-size:.76rem;margin-top:3px;line-height:1.4}.case .ftrack{height:34px;background:#141414;border:1px solid var(--border);border-radius:2px;overflow:hidden}.case .fbar{height:100%;background:linear-gradient(90deg,#3a3a3a,#242424);border-right:2px solid var(--accent)}.case .fbar.dark{background:linear-gradient(90deg,#2a2a2a,#1a1a1a)}.case .fcount{text-align:right;font-size:.98rem;font-weight:700}.case .fcount small{display:block;font-size:.72rem;color:var(--gray);font-weight:500}.case .fmodel{display:inline-block;font-size:.68rem;font-weight:600;letter-spacing:.04em;color:var(--accent);border:1px solid var(--accent);border-radius:2px;padding:2px 7px;margin-left:8px;vertical-align:middle}.case .fmodel.g{color:#5fd08a;border-color:#2f7a4d}.case .faside{font-size:.82rem;color:var(--gray);margin-top:14px}.case .arch{border:1px solid var(--border);background:#0c0c0c;padding:38px 36px;margin-bottom:16px}.case .layer{display:flex;gap:14px;margin-bottom:12px}.case .layer-label{width:120px;flex-shrink:0;font-size:.71rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gray);padding-top:16px}.case .nodes{display:flex;gap:12px;flex:1}.case .node{flex:1;background:var(--surface);border:1px solid var(--border-strong);padding:14px 16px;border-radius:2px}.case .node .n{font-size:.9rem;font-weight:600}.case .node .d{margin-top:4px;font-size:.75rem;color:var(--gray);line-height:1.4}.case .node .tag{display:inline-block;font-size:.66rem;font-weight:600;color:var(--accent);border:1px solid var(--accent);border-radius:2px;padding:1px 6px;margin-top:8px}.case .node .tag.g{color:#5fd08a;border-color:#2f7a4d}.case .node.acc{border-color:var(--accent)}.case .flow{text-align:center;color:var(--gray);font-size:1.2rem;margin:1px 0 10px}.case .std{display:inline-block;font-size:.7rem;font-weight:600;color:var(--accent);border:1px solid var(--accent);padding:4px 9px;border-radius:2px;margin:4px 4px 0 0}.case .models{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-bottom:16px}.case .model{background:var(--black);padding:26px 24px}.case .model .mh{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}.case .model .mn{font-size:1.02rem;font-weight:700}.case .model .mt{font-size:.72rem;color:var(--gray);letter-spacing:.06em;text-transform:uppercase}.case .model p{font-size:.88rem;color:var(--gray-light);line-height:1.55;margin-top:10px}.case .model .role{font-size:.78rem;color:var(--accent);font-weight:600;margin-top:12px}.case .ctrl{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border)}.case .ctrl.cols3{grid-template-columns:repeat(3,1fr)}.case .diagram{border:1px solid var(--border);background:#0c0c0c;padding:30px 26px;margin-bottom:14px}.case .diagram svg{width:100%;height:auto;display:block}.case .cap{font-size:.82rem;color:var(--gray);margin-bottom:40px;max-width:74ch;line-height:1.5}@media(max-width:900px){.case .ctrl.cols3{grid-template-columns:1fr}}.case .cbox{background:var(--black);padding:30px 28px}.case .cbox h4{font-size:1rem;font-weight:700;margin-bottom:10px}.case .cbox p{font-size:.9rem;color:var(--gray-light);line-height:1.55}.case .mock{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:16px}.case .panel{background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;padding:24px}.case .panel h4{font-size:.71rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gray);margin-bottom:16px}.case .prow{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--border)}.case .prow:last-child{border-bottom:none}.case .rname{font-size:.9rem;font-weight:600}.case .rsub{font-size:.75rem;color:var(--gray);margin-top:2px}.case .pill{font-size:.72rem;font-weight:700;padding:5px 10px;border-radius:20px}.case .pill.g{background:#5fd08a1f;color:#5fd08a}.case .pill.r{background:#8c1d4033;color:#d98aa6}.case .pill.n{background:#151515;color:var(--gray-light)}.case .hflow{display:flex;align-items:stretch;border:1px solid var(--border);background:#0c0c0c;margin-bottom:16px}.case .hstep{flex:1;padding:22px 18px;border-right:1px solid var(--border)}.case .hstep:last-child{border-right:none}.case .hstep .hn{font-size:.9rem;font-weight:600}.case .hstep .hd{font-size:.74rem;color:var(--gray);margin-top:6px;line-height:1.4}.case .hstep .htag{display:inline-block;font-size:.64rem;font-weight:600;color:var(--accent);border:1px solid var(--accent);border-radius:2px;padding:1px 6px;margin-top:10px}.case .fw{display:flex;gap:12px;flex-wrap:wrap}.case .fwcol{flex:1;min-width:180px;border:1px solid var(--border-strong);background:var(--surface);border-radius:4px;padding:18px}.case .fwcol .t{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.case .fwcol ul{list-style:none}.case .fwcol li{font-size:.85rem;color:var(--gray-light);padding:6px 0;border-bottom:1px solid var(--border)}.case .fwcol li:last-child{border-bottom:none}.case .section-block{padding:64px 0;border-top:1px solid var(--border)}.case .section-block:first-of-type{border-top:none}.casos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}.caso-card{position:relative;display:block;min-height:300px;background:var(--black);overflow:hidden}.caso-card__bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.5;transition:opacity .35s ease,transform .6s cubic-bezier(.22,1,.36,1)}.caso-card__bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.55) 0%,rgba(10,10,10,.85) 70%,var(--black) 100%)}.caso-card:hover .caso-card__bg{opacity:.72;transform:scale(1.05)}.caso-card h3{transition:color .2s ease}.caso-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;z-index:2}.caso-card:hover:before{transform:scaleX(1)}.caso-card__body{position:relative;z-index:1;padding:34px 32px;display:flex;flex-direction:column;height:100%;min-height:300px}.caso-card__sector{font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gray-light)}.caso-card__state{font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);padding:3px 9px;border-radius:2px;align-self:flex-start;margin-top:14px}.caso-card__state.prod{color:#5fd08a;border-color:#2f7a4d}.caso-card h3{font-size:1.35rem;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-top:auto}.caso-card p{font-size:.9rem;color:var(--gray-light);margin-top:12px;max-width:46ch}@media(max-width:900px){.case .metrics{grid-template-columns:repeat(2,1fr)}.case .nodes{flex-direction:column}.case .models,.case .ctrl,.case .mock,.casos-grid{grid-template-columns:1fr}.case .hflow{flex-direction:column}.case .hstep{border-right:none;border-bottom:1px solid var(--border)}.case .frow{grid-template-columns:1fr;gap:8px}.case .ftrack{display:none}}