:root{--tt-yellow-50: #fffbe6;--tt-yellow-100: #fff4bf;--tt-yellow-300: #ffe566;--tt-yellow-500: #ffd400;--tt-yellow-600: #f0c000;--tt-ink-900: #111111;--tt-ink-700: #2e2b24;--tt-ink-500: #55524a;--tt-cream: #fff8e1;--tt-white: #ffffff;--tt-font-display: "Archivo Black", "Arial Black", system-ui, sans-serif;--tt-font-body: "Space Grotesk", system-ui, -apple-system, sans-serif;--tt-radius-card: 20px;--tt-radius-pill: 999px;--content-width: 1080px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--tt-font-body);color:var(--tt-ink-900);background:var(--tt-yellow-500)}h1,h2,h3{font-family:var(--tt-font-display);font-weight:400;margin:0;line-height:1.05}p{line-height:1.55}a{color:inherit}section{padding:96px 24px}section>h2{font-size:clamp(2rem,4.5vw,3rem);text-align:center;margin-bottom:16px}.section-lede{max-width:560px;margin:0 auto 56px;text-align:center;font-size:1.125rem;color:var(--tt-ink-700)}.btn{display:inline-block;padding:14px 28px;border:none;border-radius:var(--tt-radius-pill);font-family:var(--tt-font-body);font-size:1rem;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .12s ease}.btn:hover{transform:translateY(-2px)}.btn--ink{background:var(--tt-ink-900);color:var(--tt-yellow-500)}.btn--yellow{background:var(--tt-yellow-500);color:var(--tt-ink-900)}.nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;max-width:var(--content-width);margin:0 auto;padding:20px 24px;background:var(--tt-yellow-500)}.nav-logo{display:flex;align-items:center;gap:12px;font-family:var(--tt-font-display);font-size:1.35rem;text-decoration:none}.nav-logo img{width:42px;height:42px;border-radius:11px;box-shadow:0 3px #11111129;transition:transform .18s ease}.nav-logo:hover img{transform:rotate(-7deg) scale(1.08)}.nav nav{display:flex;align-items:center;gap:28px}.nav nav>a:not(.btn){font-weight:700;text-decoration:none}.nav nav>a:not(.btn):hover{text-decoration:underline;text-underline-offset:4px}.hero{display:flex;align-items:center;justify-content:space-between;gap:48px;max-width:var(--content-width);margin:0 auto;padding-top:64px;padding-bottom:110px}.hero-copy{max-width:540px}.hero h1{font-size:clamp(3rem,8vw,5.5rem);margin-bottom:24px}.underline{text-decoration:underline;text-decoration-thickness:8px;text-underline-offset:10px;text-decoration-color:var(--tt-ink-900)}.hero p{font-size:1.25rem;color:var(--tt-ink-700);margin-bottom:32px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.store-badges{display:flex;gap:10px}.store-badge{padding:10px 16px;border:2px solid var(--tt-ink-900);border-radius:var(--tt-radius-pill);font-size:.85rem;font-weight:700;opacity:.75}.phone{flex-shrink:0;width:300px;border-radius:44px;border:6px solid var(--tt-ink-900);background:var(--tt-ink-900);box-shadow:16px 16px #1113;transform:rotate(3deg)}.phone-notch{width:110px;height:10px;margin:12px auto 8px;border-radius:var(--tt-radius-pill);background:var(--tt-ink-700)}.phone-screen{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:0 0 38px 38px;background:var(--tt-cream)}.feed-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--tt-radius-card)}.feed-card--ink{background:var(--tt-ink-900);color:var(--tt-yellow-500)}.feed-card--cream{background:var(--tt-white);border:2px solid var(--tt-ink-900)}.feed-card div{display:flex;flex-direction:column;gap:2px;flex:1}.feed-card strong{font-size:.95rem}.feed-card span:not(.feed-emoji,.feed-play){font-size:.75rem;opacity:.8}.feed-emoji{font-size:1.6rem}.feed-play{font-size:.9rem}.feed-hint{text-align:center;font-size:.8rem;font-weight:700;color:var(--tt-ink-500);padding:6px 0 10px}.ticker{overflow:hidden;background:var(--tt-ink-900);color:var(--tt-yellow-500);padding:14px 0}.ticker-track{display:flex;width:max-content;white-space:nowrap;font-family:var(--tt-font-display);font-size:1.05rem;text-transform:uppercase;letter-spacing:1px;animation:ticker 22s linear infinite}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.steps{background:var(--tt-cream)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:var(--content-width);margin:48px auto 0}.step{background:var(--tt-white);border:3px solid var(--tt-ink-900);border-radius:var(--tt-radius-card);padding:32px 28px;box-shadow:8px 8px 0 var(--tt-ink-900)}.step-num{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--tt-yellow-500);border:3px solid var(--tt-ink-900);font-family:var(--tt-font-display);font-size:1.2rem;margin-bottom:18px}.step h3{font-size:1.4rem;margin-bottom:10px}.step p{margin:0;color:var(--tt-ink-700)}.players{background:var(--tt-white)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:var(--content-width);margin:0 auto}.feature-card{background:var(--tt-yellow-100);border-radius:var(--tt-radius-card);padding:28px 24px}.feature-icon{display:block;width:88px;height:88px;object-fit:contain;margin:-12px 0 -2px;filter:drop-shadow(0 5px 0 rgba(17,17,17,.12));transition:transform .18s ease}.feature-card:hover .feature-icon,.genre-card:hover .feature-icon{transform:translateY(-4px) rotate(-2deg) scale(1.04)}.feature-card h3{font-size:1.15rem;margin:14px 0 10px}.feature-card p{margin:0;font-size:.95rem;color:var(--tt-ink-700)}.players-art{display:block;width:min(100%,880px);margin:0 auto 48px;border:3px solid var(--tt-ink-900);border-radius:var(--tt-radius-card);box-shadow:8px 8px 0 var(--tt-ink-900)}.band{background:var(--tt-ink-900);color:var(--tt-white)}.band .section-lede{color:var(--tt-yellow-100)}.band-list{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:var(--content-width);margin:0 auto}.band-item h3{color:var(--tt-yellow-500);font-size:1.3rem;margin-bottom:12px}.band-item p{margin:0;color:#d8d5cc}.variety{background:var(--tt-white)}.genre-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:var(--content-width);margin:0 auto}.genre-card{background:var(--tt-cream);border:3px solid var(--tt-ink-900);border-radius:var(--tt-radius-card);padding:28px 24px;box-shadow:6px 6px 0 var(--tt-ink-900)}.genre-card h3{font-size:1.15rem;margin:14px 0 10px}.genre-card p{margin:0;font-size:.95rem;color:var(--tt-ink-700)}.make{background:var(--tt-yellow-100);text-align:center}.make .section-lede{margin-bottom:32px}.page{min-height:100vh}.page--dark{background:var(--tt-ink-900);color:var(--tt-white)}.page--dark .nav{background:var(--tt-ink-900)}.page--dark .nav a{color:var(--tt-white)}.page--dark .nav .btn--ink,.page--dark .ticker{background:var(--tt-yellow-500);color:var(--tt-ink-900)}.page--dark .hero p,.page--dark .section-lede{color:#d8d5cc}.page--dark .footer{color:#b8b4aa}.hero--center{flex-direction:column;justify-content:center;text-align:center}.hero--center .hero-copy{max-width:680px}.hero--center .hero-actions{justify-content:center}.accent{color:var(--tt-yellow-500)}.sdk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:var(--content-width);margin:0 auto}.sdk-card{background:var(--tt-ink-700);border:2px solid #3d3a31;border-radius:var(--tt-radius-card);padding:28px 24px}.sdk-card h3{color:var(--tt-yellow-500);font-size:1.15rem;margin-bottom:10px}.sdk-card p{margin:0;font-size:.95rem;color:#d8d5cc}.money{background:#1a1915}.dist{text-align:center}.dist p{max-width:640px;margin:0 auto 18px;font-size:1.1rem;color:#d8d5cc}.cta{position:relative;background:var(--tt-yellow-500);color:var(--tt-ink-900);text-align:center}.cta:before{content:"";position:absolute;inset:0;background:url(/brand/art/pattern.svg) center / 460px repeat;opacity:.72;-webkit-mask-image:radial-gradient(ellipse 52% 68% at center,transparent 0 30%,rgba(0,0,0,.12) 44%,#000 78%);mask-image:radial-gradient(ellipse 52% 68% at center,transparent 0 30%,rgba(0,0,0,.12) 44%,#000 78%);pointer-events:none}.cta>*{position:relative;z-index:1}.cta>img{width:88px;height:88px;border-radius:22px;filter:drop-shadow(0 8px 0 rgba(17,17,17,.16));transform:rotate(-3deg)}.cta h2{margin-top:20px}.cta p{font-size:1.125rem;color:var(--tt-ink-700)}.cta-form{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:28px}.cta-form input{width:min(320px,80vw);padding:14px 20px;border:3px solid var(--tt-ink-900);border-radius:var(--tt-radius-pill);font-family:var(--tt-font-body);font-size:1rem;background:var(--tt-white)}.cta-form input:focus{outline:3px solid var(--tt-ink-900);outline-offset:2px}.cta-form .btn{border:3px solid var(--tt-ink-900)}.footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;max-width:var(--content-width);margin:0 auto;padding:32px 24px 48px;font-size:.9rem;color:var(--tt-ink-700)}@media(max-width:900px){.hero{flex-direction:column;text-align:center;padding-bottom:72px}.hero-actions{justify-content:center}.steps-grid,.band-list,.genre-grid,.sdk-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.nav nav a:not(.btn){display:none}}@media(max-width:520px){.feature-grid{grid-template-columns:1fr}.phone{width:260px}}