.tf-case{--case-accent:#e9f056;--case-ink:#19191b;--case-muted:#686970;color:var(--case-ink);background:#fff;overflow:clip}
/* The theme makes every header sticky at z-index:100. Editorial headers
   must stay in content flow so their padding cannot intercept site navigation. */
.tf-facelift .tf-case header{position:relative;top:auto;z-index:auto}
.tf-case-wrap{width:min(1320px,calc(100% - 80px));margin-inline:auto}
.tf-facelift .tf-case :where(h1,h2,h3,p,figure,dl,dd){margin:0}
.tf-facelift .tf-case :is(h1,h2,h3){color:var(--case-ink);text-wrap:balance;font-weight:550;letter-spacing:-.045em}
.tf-case br{display:initial!important}
.tf-case .tf-case-dot{color:var(--case-accent)}
.tf-case .tf-case-label{font-size:11px;font-weight:650;line-height:1.7;letter-spacing:.11em;text-transform:uppercase;color:var(--case-muted);margin-bottom:24px}
.tf-case a:focus-visible{outline:2px solid currentColor;outline-offset:6px}
.tf-case-hero{padding-top:160px}
.tf-case-back{display:inline-flex;align-items:center;gap:12px;font-size:13px;color:var(--case-muted);margin-bottom:36px}
.tf-case-title{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:end}
.tf-facelift .tf-case h1{font-size:clamp(62px,8.4vw,118px);line-height:.96;letter-spacing:-.07em}
.tf-case h1 small{display:block;max-width:670px;margin-top:26px;font-size:clamp(27px,2.8vw,40px);font-weight:500;line-height:1.16;letter-spacing:-.04em}
.tf-case .tf-case-intro{max-width:440px;margin-left:auto;font-size:18px;line-height:1.75;color:var(--case-muted)}
.tf-case-tags{display:flex;flex-wrap:wrap;gap:8px;margin:32px 0 48px}
.tf-case-tags span{border:1px solid #dfe0e3;border-radius:30px;padding:7px 14px;color:#56565c;font-size:12px;line-height:1.6}
.tf-case-visual{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:30px;padding:70px 7%;min-height:680px;border-radius:32px;background:#eff0eb;--drift:0px}
.tf-case-visual::before{content:"";position:absolute;z-index:-1;width:68%;aspect-ratio:1;border-radius:50%;background:var(--case-accent);right:-5%;top:4%}
.tf-case-visual__words{position:relative;z-index:1}
.tf-case-visual__words strong{display:block;color:var(--case-ink);font-size:clamp(36px,4.5vw,64px);font-weight:500;line-height:1.06;letter-spacing:-.05em}
.tf-case-visual__words p{max-width:245px;margin-top:24px;font-size:14px;line-height:1.7;color:#606166}
.tf-case-visual__mark{display:inline-grid;place-items:center;width:64px;height:64px;border:1px solid #202125;border-radius:50%;font-size:32px;margin-bottom:42px}
.tf-case-phones{display:flex;min-width:0;align-items:center;justify-content:center;gap:28px;position:relative;z-index:1}
.tf-case-phone{width:240px;min-width:0;flex:0 1 240px;padding:6px;border:1px solid #53545a;border-radius:33px;background:#242529;box-shadow:0 25px 36px -20px #19191b55;line-height:0}
.tf-case-phone img{display:block;width:100%;height:auto;border-radius:26px}
.tf-case-phones .tf-case-phone:first-child{transform:translateY(calc(-24px + var(--drift))) rotate(-7deg)}
.tf-case-phones .tf-case-phone:last-child{transform:translateY(calc(24px - var(--drift))) rotate(7deg)}
.tf-case-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:40px 0;border-bottom:1px solid #dedfe2}
.tf-case-facts dt{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--case-muted);margin-bottom:12px}
.tf-case-facts dd{font-size:16px;line-height:1.65}
.tf-case-section{padding-block:105px}
.tf-case-split{display:grid;grid-template-columns:1fr 1fr;gap:95px}
.tf-facelift .tf-case h2{font-size:clamp(34px,4vw,56px);line-height:1.13}
.tf-facelift .tf-case h3{font-size:23px;line-height:1.25;letter-spacing:-.025em}
.tf-case .tf-case-copy p{font-size:16px;line-height:1.85;color:var(--case-muted);margin-bottom:20px}
.tf-case .tf-case-copy p:last-child{margin-bottom:0}
.tf-case .tf-case-copy strong{color:var(--case-ink);font-weight:650}
.tf-case-two{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:48px}
.tf-case-two article{padding:36px;border:1px solid #dedfe2;border-radius:24px}
.tf-case-two article:last-child{background:var(--case-ink);color:white;border-color:var(--case-ink)}
.tf-case-two article:last-child h3{color:white}
.tf-case-two p{font-size:15px;line-height:1.8;margin-top:18px;color:var(--case-muted)}
.tf-case-two article:last-child p{color:#bfc0c6}
.tf-case-two .tf-case-label{margin-bottom:16px}
.tf-case-two article:last-child .tf-case-label{color:var(--case-accent)}
.tf-case-research{border-top:1px solid #dedfe2}
.tf-case-path{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:45px}
.tf-case-path article{border-top:2px solid var(--case-accent);padding-top:24px}
.tf-case-path p{margin-top:16px;font-size:15px;line-height:1.8;color:var(--case-muted)}
.tf-case-app{background:#f5f5f3;padding-block:90px}
.tf-case-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:52px}
.tf-case-heading>p{max-width:370px;color:var(--case-muted);font-size:16px;line-height:1.8}
.tf-case-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.tf-case-gallery__stage{display:flex;align-items:center;justify-content:center;padding:44px 20px;background:#e9eae7;border-radius:24px}
.tf-case-gallery figure:nth-child(2) .tf-case-gallery__stage{background:var(--case-accent)}
.tf-case-gallery .tf-case-phone{width:230px;flex-basis:230px;box-shadow:0 20px 35px -23px #19191b66}
.tf-case-gallery figcaption{padding:27px 3px 0}
.tf-case-gallery figcaption p{font-size:14px;line-height:1.8;color:var(--case-muted);margin-top:13px}
.tf-case-caption{font-size:12px;line-height:1.6;color:var(--case-muted);margin-top:30px}
.tf-case-feature-list{display:grid;grid-template-columns:1fr 1fr;gap:28px 40px;margin-top:45px}
.tf-case-feature-list article{border-top:1px solid #dedfe2;padding-top:25px}
.tf-case-feature-list p{font-size:15px;line-height:1.8;color:var(--case-muted);margin-top:12px}
.tf-case-program{padding:40px;border-radius:24px;background:var(--case-accent);margin-top:42px;display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}
.tf-case-program p{font-size:16px;line-height:1.8}
.tf-case-result{background:var(--case-ink);padding-block:90px;color:#fff}
.tf-facelift .tf-case-result h2{color:#fff}
.tf-case-result .tf-case-label{color:var(--case-accent)}
.tf-case-result .tf-case-copy p{color:#bfc0c6}
.tf-case-result .tf-case-copy strong{color:#fff}
.tf-case-result-chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:35px}
.tf-case-result-chips span{border:1px solid #56575d;color:white;border-radius:32px;padding:10px 17px;font-size:13px}
.tf-case-final{padding-block:95px;display:flex;align-items:center;justify-content:space-between;gap:65px}
.tf-case-final p{max-width:600px;font-size:16px;line-height:1.8;color:var(--case-muted);margin-top:25px}
.tf-case-final p a{color:var(--case-ink);text-decoration:underline;text-decoration-color:#bfc0c4;text-underline-offset:4px}
.tf-facelift .tf-case-button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;flex-shrink:0;border-radius:40px;background:var(--case-accent);color:var(--case-ink);font-size:14px;font-weight:650;line-height:1.5;padding:18px 27px;text-decoration:none;transition:transform .2s}
.tf-case-button span{font-size:23px;line-height:1}
.tf-case-button:hover{transform:translateY(-3px)}
@media(min-width:1600px){.tf-case-visual{min-height:720px}.tf-case-visual .tf-case-phone{width:265px;flex-basis:265px}}
@media(max-width:1050px){.tf-case-title{gap:40px}.tf-case-visual{padding:65px 5%;min-height:560px}.tf-case-phones{gap:18px}.tf-case-split{gap:45px}.tf-case-gallery{gap:20px}.tf-case-gallery__stage{padding:28px 20px}.tf-case-visual__words strong{font-size:44px}.tf-case-heading{gap:35px}}
@media(max-width:700px){.tf-case-wrap{width:calc(100% - 36px)}.tf-case-hero{padding-top:118px}.tf-case-back{margin-bottom:30px}.tf-case-title{grid-template-columns:1fr;gap:26px}.tf-facelift .tf-case h1{font-size:72px}.tf-case h1 small{font-size:29px;margin-top:20px;max-width:480px}.tf-case .tf-case-intro{font-size:16px;max-width:none;margin-left:0}.tf-case-tags{margin:25px 0 32px;gap:6px}.tf-case-tags span{font-size:10px;padding:6px 10px}.tf-case-visual{grid-template-columns:1fr;gap:35px;min-height:0;padding:30px 25px 52px;border-radius:23px}.tf-case-visual::before{width:120%;top:auto;bottom:-15%;right:-15%}.tf-case-visual__mark{display:none}.tf-case-visual__words strong{font-size:34px;max-width:280px}.tf-case-visual__words p{display:none}.tf-case-phones{gap:22px;padding:18px 0}.tf-case-phone{padding:4px;border-radius:23px}.tf-case-phone img{border-radius:18px}.tf-case-facts{grid-template-columns:1fr;gap:22px;padding:32px 0}.tf-case-facts dt{margin-bottom:6px}.tf-case-facts dd{font-size:14px}.tf-case-section{padding-block:60px}.tf-case-split{grid-template-columns:1fr;gap:28px}.tf-facelift .tf-case h2{font-size:35px}.tf-case .tf-case-label{margin-bottom:16px}.tf-case .tf-case-copy p{font-size:15px}.tf-case-two{grid-template-columns:1fr;margin-top:30px;gap:14px}.tf-case-two article{padding:27px}.tf-case-path{grid-template-columns:1fr;gap:28px;margin-top:32px}.tf-case-app{padding-block:60px}.tf-case-heading{display:block;margin-bottom:30px}.tf-case-heading>p{margin-top:25px;font-size:15px}.tf-case-gallery{grid-template-columns:1fr;gap:38px}.tf-case-gallery__stage{padding:34px}.tf-case-gallery .tf-case-phone{width:230px;flex-basis:230px;border-radius:32px;padding:6px}.tf-case-gallery .tf-case-phone img{border-radius:25px}.tf-case-gallery figcaption{padding-top:22px}.tf-case-feature-list{grid-template-columns:1fr;gap:25px;margin-top:30px}.tf-case-program{grid-template-columns:1fr;padding:28px;gap:20px;margin-top:30px}.tf-case-program p{font-size:15px}.tf-case-result{padding-block:60px}.tf-case-final{display:block;padding-block:60px}.tf-case-final p{font-size:15px}.tf-case-button{margin-top:30px}.tf-case-result-chips{gap:8px}.tf-case-result-chips span{font-size:12px}}
@media(max-width:360px){.tf-facelift .tf-case h1{font-size:60px}.tf-case h1 small{font-size:26px}.tf-case-visual{padding-inline:20px}.tf-case-phones{gap:18px}.tf-facelift .tf-case h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.tf-case-button{transition:none}.tf-case-phones .tf-case-phone{transform:none!important}}
