:root{--tt-yellow: #FFD600;--tt-yellow-hover: #e6c200;--tt-yellow-light: rgba(255, 214, 0, .15);--tt-yellow-muted: rgba(255, 214, 0, .6);--tt-black: #0c0c0c;--tt-black-light: #121212;--tt-black-lighter: #1a1a1a;--tt-black-card: #181818;--tt-white: #ffffff;--tt-white-muted: rgba(255, 255, 255, .7);--tt-white-subtle: rgba(255, 255, 255, .5);--tt-white-faint: rgba(255, 255, 255, .3);--tt-success: #22c55e;--tt-error: #ef4444;--tt-warning: #f59e0b;--tt-info: #3b82f6;--tt-heading-size-xl: clamp(2rem, 5vw, 2.75rem);--tt-heading-size-lg: clamp(1.75rem, 4vw, 2.25rem);--tt-heading-size-md: clamp(1.5rem, 3vw, 1.875rem);--tt-heading-size-sm: clamp(1.25rem, 2.5vw, 1.5rem);--tt-heading-size-xs: clamp(1rem, 2vw, 1.25rem);--tt-body-lg: 1.125rem;--tt-body-md: 1rem;--tt-body-sm: .875rem;--tt-body-xs: .75rem;--tt-space-xs: 4px;--tt-space-sm: 8px;--tt-space-md: 16px;--tt-space-lg: 24px;--tt-space-xl: 32px;--tt-space-2xl: 48px;--tt-space-3xl: 64px;--tt-border-subtle: 1px solid rgba(255, 255, 255, .1);--tt-border-light: 1px solid rgba(255, 255, 255, .2);--tt-border-medium: 1px solid rgba(255, 255, 255, .3);--tt-radius-sm: 4px;--tt-radius-md: 6px;--tt-radius-lg: 8px;--tt-transition-fast: .15s ease;--tt-transition-normal: .2s ease;--tt-transition-slow: .3s ease;--tt-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--tt-shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--tt-shadow-lg: 0 10px 15px rgba(0, 0, 0, .3)}.tt-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:var(--tt-radius-md);font-size:var(--tt-body-sm);font-weight:700;text-decoration:none;transition:var(--tt-transition-normal);cursor:pointer;border:none}.tt-btn--primary{background:var(--tt-yellow);color:var(--tt-black)}.tt-btn--primary:hover{background:var(--tt-yellow-hover)}.tt-btn--secondary{background:transparent;border:2px solid var(--tt-white-faint);color:var(--tt-white)}.tt-btn--secondary:hover{border-color:var(--tt-white)}.tt-badge{display:inline-block;padding:6px 14px;border-radius:var(--tt-radius-sm);font-size:var(--tt-body-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em}.tt-badge--dark{background:var(--tt-black-lighter);border:var(--tt-border-light);color:var(--tt-white)}.tt-badge--accent{background:var(--tt-yellow);color:var(--tt-black)}.tt-trust-icon{width:16px;height:16px;color:var(--tt-white-muted)}.tt-trust-text{font-size:var(--tt-body-xs);color:var(--tt-white-subtle)}.tt-section-title{font-family:var(--font-heading-family);font-size:var(--tt-heading-size-lg);font-weight:700;color:var(--tt-white);margin:0;text-transform:uppercase;letter-spacing:-.02em}.tt-section-subtitle{font-size:var(--tt-body-md);color:var(--tt-white-muted);margin:0;line-height:1.6}.tt-card{background:var(--tt-black-card);border:var(--tt-border-subtle);border-radius:var(--tt-radius-md);padding:var(--tt-space-lg);transition:var(--tt-transition-normal)}.tt-card:hover{border-color:var(--tt-white-faint)}.tt-tag{background:#ffffff1a;border:var(--tt-border-subtle);color:var(--tt-white);padding:7px 14px;border-radius:var(--tt-radius-sm);font-size:var(--tt-body-sm);font-weight:500;text-decoration:none;transition:var(--tt-transition-normal)}.tt-tag:hover{background:#ffffff26;border-color:var(--tt-white-faint);color:var(--tt-white)}@media (max-width: 768px){.tt-btn{padding:12px 20px;width:100%;justify-content:center}}.tt-hero{position:relative;min-height:500px;display:flex;align-items:center;overflow:hidden;background:var(--tt-black)}.tt-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.tt-hero__bg img{width:100%;height:100%;object-fit:cover;opacity:.4}.tt-hero__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#000000d9,#0009,#000000bf)}.tt-hero__content{position:relative;z-index:2;max-width:1000px;margin:0 auto;padding:80px 24px;text-align:center}.tt-hero__title{font-family:var(--font-heading-family);font-size:var(--tt-heading-size-xl);font-weight:800;color:var(--tt-white);margin:0 0 8px;letter-spacing:-.02em;text-transform:uppercase}.tt-hero__subtitle{font-size:var(--tt-body-md);color:var(--tt-white-muted);max-width:550px;margin:0 auto 28px;line-height:1.6}.tt-hero__cta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}@media (max-width: 768px){.tt-hero{min-height:450px}.tt-hero__content{padding:60px 16px}.tt-hero__cta{flex-direction:column}.tt-hero__cta .tt-btn{width:100%}}.tt-meta{display:flex;justify-content:center;gap:var(--tt-space-lg);margin-bottom:var(--tt-space-lg);flex-wrap:wrap}.tt-meta__item{font-size:var(--tt-body-sm);color:var(--tt-white-subtle)}.tt-meta__item strong{color:var(--tt-white)}.tt-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--tt-space-sm);margin-bottom:var(--tt-space-xl)}.tt-tags__label{width:100%;font-size:var(--tt-body-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--tt-white-faint);margin-bottom:var(--tt-space-sm)}.tt-grid{display:grid;gap:var(--tt-space-lg)}.tt-grid--2{grid-template-columns:repeat(2,1fr)}.tt-grid--3{grid-template-columns:repeat(3,1fr)}.tt-grid--4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.tt-grid--2,.tt-grid--3,.tt-grid--4{grid-template-columns:1fr}}.tt-section{padding-top:var(--tt-space-3xl);padding-bottom:var(--tt-space-3xl)}.tt-section--tight{padding-top:var(--tt-space-2xl);padding-bottom:var(--tt-space-2xl)}.tt-section--flush{padding-top:0;padding-bottom:0}.tt-container{max-width:var(--page-width, 1200px);margin:0 auto;padding:0 var(--tt-space-lg)}.tt-container--narrow{max-width:800px}.tt-container--wide{max-width:1400px}
/*# sourceMappingURL=/cdn/shop/t/887/assets/tracktech-brand.css.map */