:root { color-scheme: dark; font-family: Arial, Helvetica, sans-serif; background: #292929; color: #f1f1f1; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; }
a { color: inherit; }
a:focus-visible { outline: 2px solid white; outline-offset: 6px; }
.page { min-height: 100vh; }
.topbar { width: min(1218px, calc(100% - 48px)); margin: 0 auto; border-top: 1px solid #898989; padding-top: 40px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.topbar a { text-decoration: none; color: #d1d1d1; font-size: 19px; letter-spacing: .025em; }
.topbar a:hover { color: #fff; }
.hero { min-height: calc(100svh - 104px); display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 50px 24px 140px; }
.brand { width: min(390px, 84vw); }
.brand img { display: block; width: 100%; height: auto; }
h1 { margin: 122px 0 0; text-align: center; font-size: clamp(25px, 2.7vw, 37px); line-height: 1.2; letter-spacing: -.045em; font-weight: 700; }
.contact-section { border-top: 1px solid #626262; max-width: 1218px; margin: 0 auto; padding: 38px 0 70px; color: #c8c8c8; }
.contact-section h2 { font-size: 20px; font-weight: 600; margin: 0 0 10px; }
.contact-section p { margin: 0; font-size: 16px; }
@media (max-width: 600px) {
 .topbar { width: calc(100% - 40px); padding-top: 22px; }
 .topbar a { font-size: 13px; }
 .hero { min-height: calc(100svh - 64px); padding: 32px 20px 80px; }
 h1 { margin-top: 82px; letter-spacing: -.03em; }
 .contact-section { margin: 0 20px; padding-top: 28px; }
}

/* Official TBG brand lockup */
.brand { width: min(390px, 84vw); text-align: center; }
.brand img { filter: invert(1); }
.brand-subtitle { margin-top: 22px; color: #c9c9c9; font-size: clamp(21px, 3vw, 39px); font-weight: 600; letter-spacing: .19em; white-space: nowrap; }