@import url('https://fonts.googleapis.com/css2?family=Tilt+Warp&family=Figtree:wght@400;500;600;700&display=swap');
.gtbf{--ink:#0A0A0A;--coal:#141414;--yellow:#FFC300;--display:'Tilt Warp','Arial Black',system-ui,sans-serif;--body:'Figtree',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;--ease:cubic-bezier(.2,.8,.2,1);--haz:repeating-linear-gradient(-45deg,#FFC300 0 18px,#0A0A0A 18px 36px);font-family:var(--body);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:clip}
.gtbf *,.gtbf *::before,.gtbf *::after{box-sizing:border-box}
.gtbf-wrap{max-width:1240px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.gtbf h1,.gtbf h2,.gtbf h3{font-family:var(--display);font-weight:400;margin:0!important;text-transform:uppercase;line-height:.95;text-wrap:balance;letter-spacing:-.01em}
.gtbf h2{font-size:clamp(34px,6vw,76px)}
.gtbf h3{font-size:clamp(26px,3.6vw,44px)}
.gtbf p{margin:0;font-family:var(--body);font-size:17px}
.gtbf ul{margin:0;padding:0;list-style:none}
.gtbf li{padding-left:0}
.gtbf-dark{background:var(--ink);color:#fff}
.gtbf-dark h1,.gtbf-dark h2,.gtbf-dark h3{color:#fff!important}
.gtbf-dark p,.gtbf-dark li{color:rgba(255,255,255,.88)!important}
.gtbf-dark a:not(.gtbf-btn){color:var(--yellow)!important;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.gtbf-yel{background:var(--yellow);color:var(--ink)}
.gtbf-yel h2,.gtbf-yel h3,.gtbf-yel p,.gtbf-yel li{color:var(--ink)!important}
.gtbf-paper{background:#fff;color:var(--ink)}
.gtbf-paper h2,.gtbf-paper h3,.gtbf-paper p,.gtbf-paper li{color:var(--ink)!important}
.gtbf-haz{height:22px;background:var(--haz)}
.gtbf a.gtbf-btn{position:relative;display:inline-flex;align-items:center;gap:12px;padding:18px 30px;font-family:var(--display);font-size:19px;line-height:1;text-transform:uppercase;text-decoration:none!important;background:var(--yellow)!important;color:var(--ink)!important;box-shadow:6px 6px 0 #fff;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.gtbf a.gtbf-btn:hover{transform:translate(4px,4px);box-shadow:2px 2px 0 #fff}
.gtbf a.gtbf-btn.ghost{background:transparent!important;color:#fff!important;border:3px solid #fff;box-shadow:none;padding:15px 27px}
.gtbf a.gtbf-btn.ghost:hover{background:#fff!important;color:var(--ink)!important;transform:translateY(-3px)}
.gtbf-yel a.gtbf-btn{background:var(--ink)!important;color:var(--yellow)!important;box-shadow:6px 6px 0 #fff}
.gtbf-yel a.gtbf-btn.ghost{background:transparent!important;color:var(--ink)!important;border:3px solid var(--ink);box-shadow:none}
.gtbf-yel a.gtbf-btn.ghost:hover{background:var(--ink)!important;color:var(--yellow)!important}
.gtbf a.gtbf-btn:focus-visible{outline:3px solid #fff;outline-offset:4px}
.gtbf-ctas{display:flex;flex-wrap:wrap;gap:18px;margin-top:8px}
.gtbf-hero{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(70% 90% at 82% 38%,rgba(255,195,0,.3),transparent 62%),var(--ink)}
.gtbf-hero::before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,195,0,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,195,0,.07) 1px,transparent 1px);background-size:48px 48px;animation:gtbfGrid 24s linear infinite}
.gtbf-hero .gtbf-wrap{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(28px,4vw,64px);align-items:center;padding-top:clamp(56px,8vw,112px);padding-bottom:clamp(56px,8vw,112px)}
.gtbf-copy{display:grid;gap:22px;min-width:0;align-content:start}
.gtbf-kick{display:inline-flex;align-items:center;gap:10px;justify-self:start;font-family:var(--display);text-transform:uppercase;font-size:clamp(14px,1.5vw,19px);letter-spacing:.14em;color:var(--ink);background:var(--yellow);padding:9px 18px;transform:rotate(-2deg)}
.gtbf-kick i{width:10px;height:10px;border-radius:50%;background:var(--ink);animation:gtbfPulse 1.3s ease-in-out infinite}
.gtbf-hero h1{font-size:clamp(60px,11.5vw,170px);line-height:.84}
.gtbf-hero h1 span{display:block}
.gtbf-dark h1 .y{display:inline-block;justify-self:start;color:var(--ink)!important;background:var(--yellow);padding:.02em .14em 0;margin-top:.06em;transform:skew(-6deg);box-shadow:.06em .06em 0 #fff}
.gtbf-dark p.gtbf-sub{font-family:var(--display);font-size:clamp(22px,2.8vw,36px);line-height:1.1;text-transform:uppercase;color:var(--yellow)!important}
.gtbf-chips{display:flex;flex-wrap:wrap;gap:10px}
.gtbf-chips li{border:2px solid rgba(255,255,255,.28);padding:8px 14px;font-family:var(--display);text-transform:uppercase;font-size:14px;line-height:1.2;transition:border-color .25s,background .25s,color .25s}
.gtbf-chips li:hover{border-color:var(--yellow);background:var(--yellow);color:var(--ink)!important}
.gtbf-shot{position:relative;min-width:0}
.gtbf-shot picture,.gtbf-shot img{display:block;width:100%}
.gtbf-shot img{height:auto;aspect-ratio:4/3;object-fit:cover;box-shadow:16px 16px 0 var(--yellow);border:4px solid #fff;transition:transform .7s var(--ease)}
.gtbf-shot:hover img{transform:translate(-6px,-6px)}
.gtbf-badge{position:absolute;z-index:2;right:-8px;top:-26px;width:124px;height:124px;border-radius:50%;display:grid;place-items:center;text-align:center;font-family:var(--display);font-size:21px;line-height:1;text-transform:uppercase;color:var(--ink)!important;background:var(--yellow);border:4px solid var(--ink);box-shadow:0 0 0 4px var(--yellow);transform:rotate(12deg);animation:gtbfWobble 4.2s ease-in-out infinite}
.gtbf-tick{overflow:hidden;white-space:nowrap;background:var(--yellow);color:var(--ink);border-top:4px solid var(--ink);border-bottom:4px solid var(--ink)}
.gtbf-track{display:inline-flex;animation:gtbfTick 30s linear infinite}
.gtbf-tick:hover .gtbf-track{animation-play-state:paused}
.gtbf-track span{font-family:var(--display);text-transform:uppercase;font-size:clamp(18px,2.2vw,28px);padding:14px 22px;color:var(--ink)!important}
.gtbf-band{padding-top:clamp(64px,9vw,120px);padding-bottom:clamp(64px,9vw,120px)}
.gtbf-stack{display:grid;gap:20px;align-content:start}
.gtbf-head{max-width:880px}
.gtbf-bar{display:block;width:96px;height:10px;background:var(--yellow);transition:width .6s var(--ease)}
.gtbf-head:hover .gtbf-bar{width:220px}
.gtbf-yel .gtbf-bar{background:var(--ink)}
.gtbf-sizes{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:12px}
.gtbf-sizes li{padding:0}
.gtbf-sizes a.gtbf-size{display:grid;gap:4px;height:100%;padding:20px;background:var(--coal);border:2px solid #2d2d2d;border-left:8px solid var(--yellow);text-decoration:none!important;transition:transform .3s var(--ease),background .3s,box-shadow .3s}
.gtbf-sizes a.gtbf-size:hover{transform:translateY(-6px);background:#1d1d1d;box-shadow:8px 8px 0 var(--yellow)}
.gtbf-size b{font-family:var(--display);font-weight:400;font-size:clamp(26px,2.8vw,36px);line-height:1;color:var(--yellow)}
.gtbf-size em{font-style:normal;font-family:var(--display);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#fff}
.gtbf-size small{font-size:14px;color:rgba(255,255,255,.75)}
.gtbf-sizes li.help{display:grid}
.gtbf-sizes li.help a.gtbf-btn{justify-content:center;text-align:center;height:100%;font-size:17px}
.gtbf-group{padding-top:clamp(48px,6vw,84px);padding-bottom:30px}
.gtbf-group .gtbf-wrap{display:grid;grid-template-columns:auto 1fr;gap:clamp(18px,3vw,40px);align-items:center}
.gtbf-num{font-family:var(--display);font-size:clamp(90px,15vw,210px);line-height:.8;color:transparent;-webkit-text-stroke:2px var(--yellow);transition:color .4s var(--ease)}
.gtbf-yel .gtbf-num{-webkit-text-stroke:2px var(--ink)}
.gtbf-group:hover .gtbf-num{color:var(--yellow)}
.gtbf-yel .gtbf-group:hover .gtbf-num,.gtbf-yel .gtbf-group:hover .gtbf-num{color:var(--ink)}
.gtbf-vs{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:10px}
.gtbf-card{background:var(--coal);border:2px solid #2c2c2c;border-top:12px solid var(--yellow);padding:clamp(24px,3vw,42px);display:grid;gap:16px;align-content:start;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.gtbf-card:hover{transform:translateY(-8px);box-shadow:12px 12px 0 var(--yellow)}
.gtbf-list{display:grid;gap:10px}
.gtbf-list li{position:relative;padding-left:30px}
.gtbf-list li::before{content:'';position:absolute;left:2px;top:.55em;width:12px;height:12px;background:var(--yellow);transform:rotate(45deg)}
.gtbf-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:10px}
.gtbf-tile{position:relative;overflow:hidden;background:var(--ink);margin:0;border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}
.gtbf-tile picture,.gtbf-tile img{display:block;width:100%}
.gtbf-tile img{height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .9s var(--ease)}
.gtbf-tile:hover img{transform:scale(1.07)}
.gtbf-tile figcaption{position:absolute;left:0;bottom:0;padding:10px 18px;background:var(--yellow);color:var(--ink);font-family:var(--display);text-transform:uppercase;font-size:clamp(15px,1.6vw,20px)}
.gtbf-why{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:10px}
.gtbf-yel .gtbf-box{background:var(--ink);padding:clamp(24px,3vw,38px);display:grid;gap:14px;align-content:start;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.gtbf-yel .gtbf-box:hover{transform:translateY(-8px);box-shadow:10px 10px 0 #fff}
.gtbf-yel .gtbf-box h3{color:var(--yellow)!important;font-size:clamp(24px,2.6vw,34px)}
.gtbf-yel .gtbf-box p{color:rgba(255,255,255,.9)!important}
.gtbf-yel .gtbf-box .n{font-family:var(--display);font-size:56px;line-height:.8;color:transparent;-webkit-text-stroke:2px var(--yellow)}
@supports (animation-timeline:view()){.gtbf-reveal{animation:gtbfIn linear both;animation-timeline:view();animation-range:entry 0% entry 45%}@keyframes gtbfIn{from{transform:translateY(34px)}to{transform:none}}}
@keyframes gtbfTick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes gtbfPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.7);opacity:.4}}
@keyframes gtbfWobble{0%,100%{transform:rotate(12deg) scale(1)}50%{transform:rotate(6deg) scale(1.07)}}
@keyframes gtbfGrid{from{background-position:0 0}to{background-position:48px 48px}}
@media (max-width:1000px){.gtbf-sizes{grid-template-columns:1fr 1fr}.gtbf-tiles,.gtbf-why{grid-template-columns:1fr}}
@media (max-width:900px){.gtbf-hero .gtbf-wrap,.gtbf-vs{grid-template-columns:1fr}.gtbf-group .gtbf-wrap{grid-template-columns:1fr}.gtbf-badge{right:6px;top:-30px;width:104px;height:104px;font-size:18px}}
@media (max-width:620px){.gtbf a.gtbf-btn{width:100%;justify-content:center}.gtbf-sizes{grid-template-columns:1fr}.gtbf-shot img{box-shadow:10px 10px 0 var(--yellow)}}
@media (prefers-reduced-motion:reduce){.gtbf *,.gtbf *::before,.gtbf *::after{animation:none!important;transition:none!important}}