.case-study [data-l]{display:inline}html[data-cl=en] .case-study [data-l=es]{display:none}html:not([data-cl=en]) .case-study [data-l=en]{display:none}.case-study .crumb{border-bottom:1px solid var(--line);font-size:13.5px;color:var(--gray)}.case-study .crumb-row{padding-top:11px;padding-bottom:11px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.case-study .crumb-trail a{color:var(--gray)}.case-study .crumb-trail a:hover{color:var(--green)}.case-study .crumb-trail b{color:var(--ink)}.case-study .crumb-right{display:flex;align-items:center;gap:14px}.case-study .live-link{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--green-d);background:var(--green-tint);border:1px solid var(--green-tint2);border-radius:8px;padding:6px 12px;white-space:nowrap}.case-study .live-link:hover{background:var(--green);color:#fff}.case-study .lang-toggle{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}.case-study .lang-toggle button{font-family:var(--font-display);font-weight:700;font-size:13px;padding:6px 13px;border:0;background:#fff;color:var(--gray);cursor:pointer;transition:.15s}.case-study .lang-toggle button.on{background:var(--ink);color:#fff}.case-study .u{color:var(--green);text-decoration:underline;text-decoration-color:var(--green-tint2);text-underline-offset:5px;text-decoration-thickness:6px}.case-study .hero{padding:50px 0 14px}.case-study .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(30px,4.5vw,64px);align-items:center}.case-study .hero h1{font-size:clamp(32px,4.4vw,54px);margin-top:14px}.case-study .lead{font-size:clamp(17px,1.5vw,19px);color:var(--gray);margin-top:18px}.case-study .who{margin-top:18px;font-size:14.5px;color:var(--gray)}.case-study .who b{color:var(--ink)}.case-study section{padding:50px 0}.case-study .sec-head{max-width:760px;margin-bottom:26px}.case-study .sec-head h2{font-size:clamp(26px,3.4vw,44px);margin-top:10px}.case-study .sec-head p{color:var(--gray);font-size:17px;margin-top:12px}.case-study .stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}.case-study .stat{background:var(--bg-soft);border:1px solid var(--line);border-radius:14px;padding:22px}.case-study .stat .n{font-size:clamp(22px,2.6vw,32px);font-weight:900;letter-spacing:-.03em;color:var(--green-d);line-height:1;font-family:var(--font-display)}.case-study .stat .l{font-size:13.5px;color:var(--ink);margin-top:8px;line-height:1.4}.case-study code{background:var(--green-tint);color:var(--green-d);padding:1px 6px;border-radius:5px;font-size:.92em}.case-study .tldr-sec{padding:30px 0 0}.case-study .tldr{max-width:880px;font-size:clamp(16px,1.5vw,19px);line-height:1.6;color:var(--ink);background:var(--green-tint);border:1px solid var(--green-tint2);border-left:4px solid var(--green);border-radius:14px;padding:20px 24px}.case-study .tldr b{color:var(--green-d)}.case-study .tldr code{background:#fff}.case-study .cmp{position:relative;width:100%;aspect-ratio:1440/900;border-radius:16px;overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 60px -34px #00280073;user-select:none;touch-action:none;background:#fff}.case-study .cmp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}.case-study .cmp .after-wrap{position:absolute;inset:0;width:50%;overflow:hidden;border-right:2px solid #fff}.case-study .cmp .after-wrap img{width:auto;height:100%;max-width:none}.case-study .cmp .lab{position:absolute;top:14px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:999px;color:#fff}.case-study .cmp .lab.before{right:14px;background:#b0492feb}.case-study .cmp .lab.after{left:14px;background:var(--green)}.case-study .cmp .handle{position:absolute;top:0;bottom:0;left:50%;width:42px;transform:translate(-50%);cursor:ew-resize;display:grid;place-items:center;z-index:5}.case-study .cmp .handle:before{content:"";position:absolute;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 0 1px #0000001f}.case-study .cmp .knob{width:42px;height:42px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 6px 18px #00000052;font-size:15px;color:var(--ink)}.case-study .hood{background:var(--ink);color:#fff}.case-study .hood .wht{color:#fff}.case-study .hood .wht-sub{color:#ffffffb8}.case-study .hood-eye,.case-study .wht-eye{color:#7ff0a0}.case-study .hood-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid rgba(255,255,255,.14);border-radius:16px;overflow:hidden;font-size:15px}.case-study .hood-table th,.case-study .hood-table td{text-align:left;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.1);vertical-align:top}.case-study .hood-table thead th{background:#ffffff0d;font-weight:700;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;color:#fffc}.case-study .hood-table tbody tr:last-child th,.case-study .hood-table tbody tr:last-child td{border-bottom:0}.case-study .hood-table .metric{font-weight:600;color:#fff;width:42%}.case-study .hood-table .gd{color:#ffb4a3;font-weight:600}.case-study .hood-table .ue{color:#9af7b6;font-weight:700}.case-study .x:before{content:"✕ ";color:#ff7a5c;font-weight:800}.case-study .ok:before{content:"✓ ";color:#5fe187;font-weight:800}.case-study .hood code{background:#ffffff1f;color:#9af7b6}.case-study .concepts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}.case-study .ccard{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:20px}.case-study .ccard .k{font-weight:900;font-size:15px;color:#9af7b6;font-family:var(--font-display)}.case-study .ccard .t{font-weight:700;font-size:14.5px;margin:8px 0 6px}.case-study .ccard p{font-size:13.5px;color:#ffffffb8;line-height:1.5}.case-study .builders{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.case-study .bcard{border:1px solid var(--line);border-radius:16px;padding:24px;background:#fff}.case-study .bcard h3{font-size:19px}.case-study .bsub{font-size:13px;color:var(--gray);margin:2px 0 14px}.case-study .bcard ul{list-style:none;display:flex;flex-direction:column;gap:9px}.case-study .bcard li{font-size:14px;color:var(--ink);padding-left:24px;position:relative;line-height:1.45}.case-study .bcard li:before{content:"✕";position:absolute;left:0;top:0;color:#b0492f;font-weight:800}.case-study .same{margin-top:22px;text-align:center;font-size:15px;color:var(--gray)}.case-study .same b{color:var(--ink)}.case-study .soft{background:var(--bg-soft)}.case-study .sol-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.case-study .scard{display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.case-study .scard .ic{flex:none;width:38px;height:38px;border-radius:10px;background:var(--green-tint);color:var(--green-d);display:grid;place-items:center;font-size:18px}.case-study .scard h4{font-size:16px}.case-study .scard p{font-size:14px;color:var(--gray);margin-top:4px}.case-study .faq-sec{background:var(--bg-soft)}.case-study .faq{max-width:840px}.case-study .faq details{background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;overflow:hidden}.case-study .faq summary{cursor:pointer;list-style:none;padding:18px 22px;font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--ink);display:flex;justify-content:space-between;gap:14px;align-items:center}.case-study .faq summary::-webkit-details-marker{display:none}.case-study .faq summary:after{content:"+";color:var(--green);font-size:22px;font-weight:400;flex:none;transition:transform .2s}.case-study .faq details[open] summary:after{transform:rotate(45deg)}.case-study .faq details p{padding:0 22px 20px;color:var(--gray);font-size:15.5px;line-height:1.6;max-width:72ch}.case-study .finalcta{background:var(--ink);color:#fff;text-align:center}.case-study .finalcta .eyebrow{color:#fff;opacity:.85}.case-study .finalcta h2{font-size:clamp(28px,3.6vw,46px);color:#fff;margin-top:8px}.case-study .finalcta p{color:#c7ccc7;font-size:18px;max-width:54ch;margin:14px auto 0}.case-study .hero-ctas{display:flex;gap:12px;justify-content:center;margin-top:26px;flex-wrap:wrap}.case-study .disc{font-size:12px!important;color:#8d948d!important;margin-top:22px;max-width:66ch}@media (max-width:860px){.case-study .hero-grid{grid-template-columns:1fr;gap:30px}.case-study .stats,.case-study .concepts{grid-template-columns:1fr 1fr}.case-study .builders,.case-study .sol-grid{grid-template-columns:1fr}.case-study .hood-table{font-size:13.5px}.case-study .hood-table th,.case-study .hood-table td{padding:11px 12px}.case-study .hood-table .metric{width:auto}}@media (max-width:520px){.case-study .stats,.case-study .concepts{grid-template-columns:1fr}}