.tt-bgp{--brand-composition:"phone";--bb-scale:1.1;--brand-gap:clamp(1rem, 3vw, 1.5rem)}.tt-bgp .tt-eyebrow{font-size:.8125rem}.tt-bgp img{max-width:100%}.tt-bp{border:1px solid var(--tt-line-strong);background:var(--tt-background);min-height:8rem;color:var(--tt-text-primary);border-radius:1.25rem;place-items:center;padding:2.25rem 1rem 1.25rem;display:grid;position:relative}.tt-bp__label{color:var(--tt-text-secondary);font-family:var(--tt-font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;position:absolute;top:.625rem;left:1rem}.tt-bp--dont{border-style:dashed}.tt-bgp__marks,.tt-bgp__rules,.tt-badges,.tt-bgp__donts,.tt-bgp__dos,.tt-swatches,.tt-bgp__needlist{margin:0;padding:0;list-style:none}.tt-bgp__marks{gap:var(--brand-gap);display:grid}.tt-bgp__mark{align-content:start;gap:.75rem;display:grid}.tt-bp--lockup .tt-bb__lockup{width:min(100%,17rem);height:auto}.tt-bp--mark .tt-bb__cube{width:5rem;height:5rem}.tt-bgp__links{flex-wrap:wrap;gap:.375rem 1rem;margin:0;font-size:.875rem;display:flex}.tt-bgp__links a,.tt-bgp__kit a{min-height:var(--tt-target-row,2rem);align-items:center;display:inline-flex}.tt-bgp__kit{margin-top:var(--tt-space-6)}.tt-bgp__rules{gap:var(--brand-gap);display:grid}.tt-bgp__rule{align-content:start;gap:.75rem;display:grid}.tt-bgp__rule p{color:var(--tt-text-secondary);margin:0}.tt-bp--demo{min-height:11rem}.tt-clear{--c:4rem;padding:calc(var(--c) / 2);border:1px dashed var(--tt-text-quiet);background:color-mix(in srgb, var(--tt-text-primary) 9%, transparent);border-radius:.5rem;display:inline-grid}.tt-clear .tt-bb__cube{width:var(--c);height:var(--c);background:var(--tt-background)}.tt-bp--sizes{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 1.5rem;display:flex}.tt-min{justify-items:center;gap:.5rem;display:grid}.tt-min__lockup{display:block}.tt-min__lockup .tt-bb__lockup{width:100%;height:auto}.tt-min__tag{color:var(--tt-text-secondary);white-space:nowrap;font-size:.8125rem}.tt-swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.tt-swatches li{align-items:center;gap:.625rem;display:flex}.tt-swatch{border:1px solid var(--tt-line-strong);border-radius:.625rem;flex:none;width:2.5rem;height:2.5rem}.tt-swatch__text{min-width:0;font-size:.875rem;line-height:1.3;display:grid}.tt-swatch__text span{color:var(--tt-text-secondary);font-family:var(--tt-font-mono);font-size:.8125rem}.tt-naming{border:1px solid var(--tt-line-strong);background:var(--tt-surface);border-radius:1.25rem;gap:.75rem;padding:1.25rem;display:grid}.tt-naming p{flex-wrap:wrap;align-items:baseline;gap:.375rem .875rem;margin:0;display:flex}.tt-naming span{min-width:3rem;color:var(--tt-text-secondary);font-family:var(--tt-font-mono);text-transform:uppercase;font-size:.8125rem}.tt-naming b{font-size:1.375rem}.tt-naming s{color:var(--tt-text-secondary)}.tt-bgp__subhead{margin:var(--tt-space-7) 0 var(--tt-space-5)}.tt-bgp__dd,.tt-bgp__dos,.tt-bgp__donts{gap:var(--brand-gap);display:grid}.tt-bgp__dos li,.tt-bgp__donts li{align-content:start;gap:.375rem;display:grid}.tt-bgp__dos li{border:1px solid var(--tt-line-strong);background:var(--tt-surface);border-radius:1.25rem;padding:1rem 1.125rem}.tt-bgp__dos span,.tt-bgp__donts span:not(.tt-bp__label):not(.tt-dont):not(.tt-dont *){color:var(--tt-text-secondary)}.tt-bp--dont{min-height:7.5rem;margin-bottom:.375rem}.tt-dont{align-items:center;font-size:.875rem;display:inline-grid}.tt-dont .tt-bb__cube{width:2.5rem;height:2.5rem}.tt-dont--recolour .tt-bb__cube{filter:hue-rotate(150deg)saturate(3)}.tt-dont__box,.tt-dont__claim,.tt-dont__app{align-items:center;gap:.625rem;display:inline-flex}.tt-dont__box{border:2px solid var(--tt-text-primary);border-radius:.5rem;padding:.75rem 1rem;font-weight:700}.tt-dont__claim{border:1px solid var(--tt-line-strong);background:var(--tt-surface);border-radius:999px;padding:.5rem .875rem;font-weight:600}.tt-dont__app{border:1px solid var(--tt-line-strong);background:var(--tt-surface);border-radius:.75rem;padding:.75rem 1rem;font-weight:600}.tt-bb{box-sizing:border-box;border:1px solid var(--tt-line-strong);background:var(--tt-surface);max-width:100%;color:var(--tt-text-primary);font-size:calc(var(--bb-scale) * 1rem);white-space:nowrap;align-items:center;gap:.625em;line-height:1.2;display:inline-flex}.tt-bb__cube{flex:none;width:1.75em;height:1.75em;display:block}.tt-bb__lockup{flex:none;width:auto;height:1.5em;display:block}.tt-bb__words{color:var(--tt-text-secondary);font-size:.8125em;font-weight:500}.tt-bb{border-radius:var(--tt-radius-md);min-height:2.5em;padding:.5em .875em}.tt-badges{gap:var(--brand-gap);display:grid}.tt-badge-card{border:1px solid var(--tt-line-strong);background:var(--tt-surface);height:100%;box-shadow:var(--tt-elevation-1);border-radius:1.5rem;align-content:start;gap:.875rem;padding:clamp(1rem,3vw,1.5rem);display:grid}.tt-badge-card p{color:var(--tt-text-secondary);margin:0}.tt-badge-card__head{flex-wrap:wrap;align-items:center;gap:.5rem .875rem;display:flex}.tt-badge-card__grounds{gap:.75rem;display:grid}.tt-bp--socket{min-height:9rem}.tt-bp--min{--bb-scale:1;place-items:end start;min-height:0;padding-top:2.25rem}.tt-badge-card__spec{gap:.5rem;margin:0;font-size:.875rem;display:grid}.tt-badge-card__spec div{grid-template-columns:6.5rem minmax(0,1fr);gap:.75rem;display:grid}.tt-badge-card__spec dt{color:var(--tt-text-secondary)}.tt-badge-card__spec dd{margin:0}.tt-socket{--tt-socket-pad:.75rem;padding:var(--tt-socket-pad);border:1px solid var(--tt-line-strong);border-radius:calc(var(--tt-radius-md) + var(--tt-socket-pad));transition:border-color .6s,box-shadow .6s;display:inline-grid}.tt-badge-card[data-seat=in] .tt-socket,.tt-badge-card[data-seat=still] .tt-socket{border-color:var(--tt-truckertech-green);box-shadow:0 0 0 4px color-mix(in srgb, var(--tt-truckertech-green) 22%, transparent)}.tt-socket .tt-bb{transition:opacity .6s,transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--tt-seat-index,0) * .15s)}.tt-badge-card[data-seat=wait] .tt-socket .tt-bb{opacity:0;transform:translateY(.75rem)scale(.95)}.tt-bp--min .tt-min-badge{align-items:flex-start;display:inline-flex}.tt-bgp__wording{margin-top:var(--brand-gap)}.tt-bgp__needs{gap:var(--brand-gap);margin-top:var(--tt-space-7);padding-top:var(--tt-space-7);border-top:1px solid var(--tt-line);display:grid}.tt-bgp__needs .tt-section__head{margin-bottom:0}.tt-bgp__needlist{counter-reset:need;gap:.75rem;display:grid}.tt-bgp__needlist li{border:1px solid var(--tt-line-strong);background:var(--tt-surface);border-radius:1.25rem;gap:.25rem;padding:1rem 1.125rem;display:grid}.tt-bgp__needlist span{color:var(--tt-text-secondary)}.tt-sample{--bb-scale:1;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.tt-sample__logo{border:1px dashed var(--tt-text-quiet);min-height:2.5rem;color:var(--tt-text-secondary);border-radius:.75rem;place-items:center;padding:.5rem 1rem;font-size:.875rem;display:inline-grid}.tt-sample__line{background:var(--tt-line-strong);border-radius:1px;width:2rem;height:2px}.tt-bgp__send{max-width:var(--tt-prose-max);margin:0}.tt-bgp__send a{overflow-wrap:anywhere}@media (min-width:560px){.tt-bgp{--brand-composition:"large-phone";--bb-scale:1.25}.tt-bgp__marks{grid-template-columns:repeat(2,minmax(0,1fr))}.tt-swatches{grid-template-columns:minmax(0,1fr)}.tt-bgp__rules,.tt-bgp__dos,.tt-bgp__donts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:760px){.tt-bgp{--brand-composition:"tablet"}.tt-badge-card{column-gap:var(--brand-gap);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.tt-badge-card>*{grid-column:1}.tt-badge-card .tt-badge-card__grounds{grid-area:1/2/span 6}.tt-bgp__needlist{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1100px){.tt-bgp{--brand-composition:"wide"}.tt-bgp__marks,.tt-bgp__rules{grid-template-columns:repeat(4,minmax(0,1fr))}.tt-swatches{grid-template-columns:minmax(0,1fr)}.tt-bgp__dd{grid-template-columns:minmax(0,.8fr) minmax(0,2fr);align-items:start}.tt-bgp__dos{grid-template-columns:minmax(0,1fr)}.tt-bgp__donts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.tt-socket,.tt-socket .tt-bb{transition:none}}
