.brand-text { display: inline-flex; align-items: baseline; white-space: pre; }
.brand-flip { display: inline-grid; perspective: 160px; }
.brand-flip > span { grid-area: 1 / 1; backface-visibility: hidden; transition: transform .45s ease; }
.brand-flip .letter-u { transform: rotateX(-180deg); }
.brand-flip:hover .letter-v, .brand:focus-visible .letter-v { transform: rotateX(180deg); }
.brand-flip:hover .letter-u, .brand:focus-visible .letter-u { transform: rotateX(0); }
.brand-tg { display: inline-block; overflow: hidden; color: var(--accent, #1a73e8); }
.brand-tg > span { display: inline-block; }
.brand-tg:hover > span, .brand:focus-visible .brand-tg > span { animation: tg-turn .65s ease; }
@keyframes tg-turn { to { transform: rotateX(360deg); } }
.join-hero { padding: clamp(32px, 7vw, 90px) 0 32px; max-width: 850px; }
.join-hero h1 { font-size: clamp(32px, 5vw, 62px); line-height: 1.1; letter-spacing: -.035em; }
.join-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0 16px; }
.join-actions a { min-height: 48px; display: inline-flex; align-items: center; text-decoration: none; }
.benefit-grid, .seller-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.seller-metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 20px 0; }
.seller-metrics strong { font-size: 28px; display: block; font-variant-numeric: tabular-nums; }
.admin-grid { display: grid; gap: 20px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 700px) { .benefit-grid, .admin-grid { grid-template-columns: 1fr; } .seller-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); } .join-actions { flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { .brand-flip > span { transition: none; } .brand-tg:hover > span, .brand:focus-visible .brand-tg > span { animation: none; } }