/* Página de case */
.cs-hero{background:var(--dark);color:var(--on-70);padding:clamp(120px,13vw,150px) 0 clamp(64px,8vw,104px);position:relative;overflow:hidden}
.cs-back{display:flex;width:max-content;align-items:center;gap:8px;color:var(--on-70);text-decoration:none;font-size:14px;font-weight:500;margin-bottom:36px}
.cs-back .ic{width:16px;height:16px;transform:rotate(180deg)}
.cs-back:hover{color:var(--on)}
.cs-title{font-size:clamp(40px,5.4vw,80px);font-weight:800;letter-spacing:-.045em;line-height:1;color:var(--on);max-width:16ch;margin-bottom:24px}
.cs-sub{font-size:clamp(17px,1.4vw,20px);max-width:58ch;color:var(--on-70)}
.cs-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:44px 0 56px;padding:22px 0;border-top:1px solid var(--on-12);border-bottom:1px solid var(--on-12)}
.cs-facts dt{font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--on-50);margin-bottom:6px}
.cs-facts dd{font-size:16px;font-weight:600;color:var(--on);display:flex;align-items:center;gap:8px}
.cs-live{width:9px;height:9px;border-radius:50%;background:#25D366;box-shadow:0 0 0 4px rgba(37,211,102,.2)}
.cs-devices{position:relative;padding-right:8%}
.cs-devices .laptop{width:100%}
.cs-devices .laptop__screen{aspect-ratio:16/8.2}
.cs-devices .laptop__screen img{width:100%;height:100%;object-fit:cover;object-position:left top}
.cs-devices .phone{position:absolute;right:0;bottom:-24px;width:19%}
.phone img{width:100%;height:100%;object-fit:cover;object-position:top}
.cs-visit{margin-top:48px;color:var(--on)!important;border-color:var(--on-12)!important}
.cs-white{background:var(--surface)}
.cs-two{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,6vw,96px);align-items:start}
.cs-two h2{max-width:14ch}
.cs-p{margin-top:16px;max-width:60ch}
.cs-challenges{list-style:none;display:grid;gap:18px;margin-top:32px;padding-top:28px;border-top:1px solid var(--line)}
.cs-challenges li{display:flex;gap:16px;align-items:flex-start}
.cs-challenges b{display:block;color:var(--ink)}
.cs-challenges span:not(.ico){color:var(--muted);font-size:15.5px}
.cs-personas{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cs-persona{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-lg);padding:30px 28px;display:flex;flex-direction:column;gap:14px}
.cs-persona h3{font-size:20px}
.cs-q{font-size:16.5px;color:var(--ink);font-style:italic;line-height:1.5;padding-left:14px;border-left:2px solid var(--lime)}
.cs-a{font-size:15px;color:var(--muted);margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}
.cs-a b{color:var(--ink);font-weight:600}
.cs-logic{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,6vw,96px);align-items:start}
.cs-logic__head{position:sticky;top:120px}
.cs-logic__head h2{margin-bottom:18px;max-width:13ch}
.cs-path{list-style:none;border-top:1px solid var(--on-12)}
.cs-path li{display:grid;grid-template-columns:52px 1fr;gap:14px;padding:22px 0;border-bottom:1px solid var(--on-12)}
.cs-n{font-family:var(--mono);font-size:13px;color:var(--lime);padding-top:4px}
.cs-pq{font-size:clamp(19px,1.7vw,22px);font-weight:700;color:var(--on);letter-spacing:-.015em;margin-bottom:6px}
.cs-pa{font-size:15.5px;color:var(--on-70);max-width:52ch}
.cs-pa b{color:var(--on);font-weight:600}
.cs-decisions{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cs-decisions article{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:28px}
.cs-decisions .ico{margin-bottom:20px}
.cs-decisions h3{margin-bottom:8px}
.cs-decisions p{color:var(--muted);font-size:15.5px}
.cs-perf{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(40px,6vw,96px);align-items:center}
.cs-perf__phone{display:flex;justify-content:center;background:radial-gradient(120% 120% at 30% 0%,#1d4235 0%,var(--dark) 60%);border-radius:var(--r-lg);padding:48px 24px}
.phone--big{position:relative!important;right:auto!important;bottom:auto!important;width:min(260px,70%)!important}
.cs-perf h2{margin-bottom:18px}
.cs-scores{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:32px}
.cs-scores div{border:1px solid var(--line);border-radius:var(--r);padding:18px;background:var(--bg);display:flex;flex-direction:column;gap:8px}
.cs-scores b{font-size:13px;align-self:flex-start}
.cs-scores span{font-size:14px;color:var(--muted)}
.cs-note{font-size:13px;color:var(--muted);margin-top:14px}
.cs-quote{margin-top:28px;padding:24px 28px;border-left:3px solid var(--lime);background:var(--surface);border-radius:0 var(--r) var(--r) 0;font-size:19px;color:var(--ink)}
.cs-quote cite{display:block;margin-top:10px;font-size:14px;font-style:normal;color:var(--muted)}
.case-page .final{background:var(--dark)}
.case-page .final::after{display:none}
@media (max-width:980px){
  .cs-two,.cs-logic,.cs-perf{grid-template-columns:1fr}
  .cs-logic__head{position:relative;top:0}
  .cs-personas,.cs-decisions{grid-template-columns:1fr}
  .cs-facts{grid-template-columns:1fr 1fr}
  .cs-scores{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .cs-devices{padding-right:0}
  .cs-devices .phone{width:28%;bottom:-16px;right:-6px}
  .cs-path li{grid-template-columns:36px 1fr}
}