@font-face{font-family:Onest;src:url('/fonts/Onest-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Onest;src:url('/fonts/Onest-Medium.woff2') format('woff2');font-weight:500 800;font-display:swap}
.tbt-case{margin:0;background:#f1f2ed;color:#161616;font-family:Onest,Arial,sans-serif}.tbt-main *{box-sizing:border-box}.tbt-main{overflow:clip}.tbt-shell{width:90%;max-width:1440px;margin-inline:auto}.tbt-section{padding-block:clamp(60px,8vw,120px)}.tbt-main h1,.tbt-main h2,.tbt-main h3,.tbt-main p,.tbt-main figure{margin:0}.tbt-main h2{font-size:clamp(34px,4.9vw,72px);font-weight:500;letter-spacing:-.055em;line-height:1.08;text-wrap:balance}.tbt-main h3{font-size:clamp(24px,2.6vw,36px);font-weight:500;letter-spacing:-.045em;line-height:1.15}.tbt-main p{font-size:clamp(17px,1.65vw,22px);line-height:1.6;color:#63685f}.tbt-main .tbt-eyebrow{font-size:12px;font-weight:500;letter-spacing:.12em;line-height:1.5;color:#555b52}.tbt-hero{padding-top:55px}.tbt-hero h1{font-size:clamp(43px,8.25vw,126px);letter-spacing:-.065em;line-height:1.1;font-weight:500;margin-block:20px 26px}.tbt-hero h1 span{font-size:.26em;vertical-align:top;display:inline-block;padding:12px 0 0 8px}.tbt-main .tbt-hero-line{font-size:clamp(22px,2.6vw,38px);line-height:1.2;letter-spacing:-.035em;color:#161616}.tbt-hero-visual{margin-top:48px;background:#fff0b5;padding:clamp(20px,5vw,76px);border-radius:22px}.tbt-hero-visual img{display:block;width:100%;height:auto;border-radius:7px;box-shadow:0 24px 55px #49362925}.tbt-intro-copy{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin-top:40px}.tbt-scope{display:flex;flex-wrap:wrap;gap:14px 35px;margin-top:40px;padding-top:24px;border-top:1px solid #cdd0c7;color:#63685f;font-size:15px}.tbt-scope a{color:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.tbt-section-heading{margin-bottom:36px}.tbt-section-heading p{max-width:840px;margin-top:25px}.tbt-preview{position:relative;background:#151515;border-radius:24px;overflow:hidden;border:7px solid #151515;box-shadow:0 25px 50px #16161614}.tbt-browser-bar{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 18px;color:#b8b9b4;font-size:13px}.tbt-dots{color:#fff1b9;letter-spacing:5px}.tbt-views{display:flex;gap:4px}.tbt-views button{font:inherit;color:#ccc;border:1px solid #ffffff30;border-radius:30px;padding:8px 15px;background:none;cursor:pointer}.tbt-views button[aria-pressed=true]{color:#171717;background:#f1f2ed;border-color:#f1f2ed}.tbt-preview>img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:contain;background:#fff}.tbt-live-link{display:flex;width:max-content;gap:30px;align-items:center;padding:16px 23px;border-radius:12px;color:white;background:#151515;text-decoration:none;margin:18px auto 10px;font-size:15px}.tbt-live-link:hover{background:#353535}.tbt-mobile-section{background:#e6e8df;margin-top:40px}.tbt-mobile-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%}.tbt-phone-stage{display:grid;justify-items:center;gap:24px;padding-block:15px}.tbt-phone{width:min(100%,315px);padding:8px;background:#171717;border:2px solid #85877d;border-radius:43px;box-shadow:0 30px 45px #26291b25;transform:rotate(-3deg);transition:transform .5s}.tbt-phone:hover{transform:rotate(0)}.tbt-phone img{display:block;width:100%;height:auto;border-radius:33px}.tbt-screen-note{font-size:11px;letter-spacing:.16em;color:#61665b}.tbt-mobile-copy>h2{margin-block:20px 28px}.tbt-journey{margin-top:45px}.tbt-journey>p{font-size:17px;margin-block:15px 30px}.tbt-journey details{border-top:1px solid #b9bdb1;padding:20px 0}.tbt-journey details:last-child{border-bottom:1px solid #b9bdb1}.tbt-journey summary{display:flex;justify-content:space-between;gap:20px;font-size:19px;cursor:pointer;list-style:none}.tbt-journey summary::-webkit-details-marker{display:none}.tbt-journey summary span{transition:transform .2s}.tbt-journey details[open] summary span{transform:rotate(45deg)}.tbt-journey details p{font-size:16px;padding:15px 30px 0 0}.tbt-founder{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;align-items:center}.tbt-founder figure img{width:100%;height:auto;display:block;border-radius:18px}.tbt-founder h2{margin-block:20px 28px}.tbt-founder p+p{margin-top:18px}.tbt-founder p a{color:inherit;text-decoration:underline;text-underline-offset:5px;cursor:pointer}.tbt-text-link{display:inline-flex;gap:35px;color:#161616;text-decoration:none;border-bottom:1px solid #999;padding-bottom:8px;margin-top:35px}.tbt-main :is(a,button,summary):focus-visible{outline:3px solid #607225;outline-offset:5px}.tbt-case .scroll-progress{display:none}
@media(max-width:760px){.tbt-shell{width:calc(100% - 40px)}.tbt-hero{padding-top:38px}.tbt-hero h1{font-size:clamp(43px,10.5vw,80px);max-width:580px}.tbt-hero h1 span{padding-top:5px}.tbt-hero-visual{margin-top:32px;border-radius:12px;padding:15px}.tbt-intro-copy,.tbt-mobile-grid,.tbt-founder{grid-template-columns:1fr;gap:28px}.tbt-intro-copy{margin-top:28px}.tbt-scope{gap:12px 22px;font-size:13px}.tbt-browser-bar{padding:6px;gap:8px;flex-wrap:wrap;font-size:11px}.tbt-dots{display:none}.tbt-views button{padding:7px 11px}.tbt-preview{border-radius:13px;border-width:4px}.tbt-live-link{font-size:13px;padding:10px 14px;margin-block:10px 5px}.tbt-mobile-grid{gap:55px}.tbt-mobile-copy{grid-row:1}.tbt-phone{width:265px}.tbt-founder figure{max-width:440px}.tbt-founder{gap:36px}.tbt-section-heading p{margin-top:22px}.tbt-mobile-section{margin-top:0}}
@media(prefers-reduced-motion:reduce){.tbt-phone,.tbt-journey summary span{transition:none}.tbt-phone{transform:none}}
/* Full-width opening, shared with the other client case studies. */
.tbt-video-hero{position:relative;width:100%;height:calc(100svh - 96px);min-height:420px;background:#191713;overflow:hidden}.tbt-video-hero video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.tbt-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tbt-video-toggle{position:absolute;bottom:24px;left:5%;width:42px;height:42px;border-radius:50%;border:1px solid #ffffff70;background:#171717b0;color:white;cursor:pointer;font-size:19px}.tbt-client-name{margin-bottom:24px!important}.tbt-live-screen{position:relative;height:clamp(430px,54vw,760px);background:#fff;overflow:hidden}.tbt-live-screen>img{display:block;width:100%;height:100%;object-fit:contain;object-position:top;background:#fff}.tbt-live-screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}.tbt-live-screen iframe[hidden]{display:none}.tbt-live-screen.is-ready>img{visibility:hidden}.tbt-live-load{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:26px;white-space:nowrap;padding:17px 24px;background:#151515;color:white;border:0;border-radius:14px;cursor:pointer;font:500 15px Onest,sans-serif;box-shadow:0 8px 30px #0003}.tbt-live-load[hidden]{display:none}.tbt-live-load:hover{background:#363636}.tbt-seo>h2{margin-top:22px}.tbt-seo-intro{margin-top:32px!important;max-width:950px}.tbt-seo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:50px}.tbt-seo-grid article{border-top:1px solid #c5c9bf;padding-top:25px}.tbt-seo-grid h3{font-size:clamp(23px,2.3vw,32px)}.tbt-seo-grid p{font-size:18px;margin-top:20px}.tbt-seo+.tbt-founder{padding-top:30px}
@media(max-width:980px){.tbt-video-hero{height:calc(100svh - 80px)}}@media(max-width:760px){.tbt-video-hero{min-height:340px;max-height:720px}.tbt-live-screen{height:560px}.tbt-seo-grid{grid-template-columns:1fr;gap:30px}.tbt-live-load{font-size:13px;padding:14px 18px;bottom:22px}.tbt-seo-grid p{font-size:17px}}
.tbt-live-screen:not(.is-ready) iframe{visibility:hidden;pointer-events:none}

.tbt-live-fallback{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);padding:17px 24px;border-radius:14px;background:#151515;color:white;text-decoration:none;white-space:nowrap;font-size:15px}.tbt-live-fallback[hidden]{display:none}
/* Isolate case controls from the shared rotating-button treatment. */
body.tbt-case main.tbt-main{width:100%;max-width:none;margin:0;border:0;padding:0}.tbt-main>section{scroll-margin-top:var(--nav-height,96px)}.tbt-shell{width:calc(100% - clamp(40px,12.8vw,180px));max-width:1420px}.tbt-main button{rotate:none!important;scale:none!important}.tbt-main [hidden]{display:none!important}.tbt-intro-logo{display:block;width:180px;height:auto;max-height:110px;object-fit:contain;object-position:left;margin-bottom:34px}.tbt-live-screen{height:auto;aspect-ratio:16/10;min-height:420px}.tbt-live-screen>img{position:absolute;inset:0}.tbt-preview-actions{min-height:54px;display:flex;justify-content:flex-end;align-items:center;gap:22px;padding:12px 18px;font-size:13px}.tbt-preview-actions a,.tbt-preview-actions button{color:#eee;font:inherit;background:none;border:0;cursor:pointer;text-underline-offset:4px}.tbt-preview-actions button{margin-right:auto;text-decoration:underline}.tbt-video-toggle{left:auto;right:6.4%;top:24px;bottom:auto}.tbt-founder figure{max-width:447px}.tbt-mobile-grid>*,.tbt-founder>*,.tbt-seo-grid>*{min-width:0}.tbt-phone{max-width:100%}.tbt-live-load:disabled{cursor:progress;opacity:.8}
@media(max-width:980px){.tbt-mobile-grid{gap:5%}.tbt-seo-grid{gap:24px}.tbt-browser-bar{flex-wrap:wrap}}@media(max-width:760px){.tbt-shell{width:calc(100% - 40px)}.tbt-live-screen{aspect-ratio:auto;height:500px;min-height:0}.tbt-live-screen:not(.is-live){height:auto;aspect-ratio:16/11}.tbt-live-load{bottom:14px;font-size:12px;padding:12px 16px}.tbt-preview-actions{font-size:12px;padding:10px}.tbt-intro-logo{width:155px}.tbt-main h2{font-size:clamp(32px,8.6vw,46px)}}

.tbt-store-preview{position:absolute;inset:0;display:block;color:white;text-decoration:none}.tbt-store-preview>img{display:block;width:100%;height:100%;object-fit:contain;object-position:top;background:white}.tbt-live-screen.is-ready .tbt-store-preview{display:none}.tbt-store-cursor{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);display:flex;gap:24px;align-items:center;padding:16px 22px;border-radius:18px;background:#161616;color:white;font-size:15px;white-space:nowrap;pointer-events:none;box-shadow:0 10px 30px #0003}.tbt-preview-actions .tbt-live-load{position:static;transform:none;box-shadow:none;margin-right:auto;padding:8px 0;min-height:32px;font:inherit;background:transparent;text-decoration:underline;white-space:normal;text-align:left}.tbt-preview-actions{flex-wrap:wrap}.tbt-mobile-copy>h2,.tbt-seo>h2{margin-top:0}.tbt-phone img{height:auto;object-fit:contain}.tbt-phone{width:min(100%,290px)}
@media(hover:hover) and (pointer:fine){.tbt-store-preview{cursor:none}.tbt-store-preview.is-pointer-inside .tbt-store-cursor{left:var(--cursor-x);top:var(--cursor-y);bottom:auto;transform:translate(-50%,-50%)}}
@media(max-width:760px){.tbt-store-cursor{font-size:12px;padding:12px 16px;bottom:12px}.tbt-phone{width:265px}}