/* "One studio. Two ways in." on the phone site (2026-10-04) */
.tracks{padding:64px 22px 40px}
.tracks h2{margin:10px 0 12px}
.tracks .tr-lead{margin:0 0 22px;color:#45464d;font-size:16px;line-height:1.5}
.tr-card{margin:0 0 16px;padding:22px 20px 24px;border:1px solid #fff;border-bottom-color:#a8b0a8;border-radius:9px;
  background:linear-gradient(145deg,#fafbf6,#e9ece4 65%,#d9dfd4);box-shadow:0 3px 0 #a8b2a5,0 7px 0 #c8d0c2,0 16px 24px -18px #27234355}
.tr-sig{box-shadow:0 3px 0 #a8b2a5,0 7px 0 #c8d0c2,0 0 0 1.5px rgba(var(--accent-rgb,255,61,154),.55),0 18px 40px -22px rgba(var(--accent-rgb,255,61,154),.55)}
.tr-name{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#585962}
.tr-card h3{margin:8px 0 10px;font-size:22px;line-height:1.2;letter-spacing:-.02em}
.tr-price{margin:0 0 12px;font-size:14px;color:#585962}.tr-price b{font-size:34px;color:#1f1f23;letter-spacing:-.03em;margin-right:4px}
.tr-card ul{list-style:none;margin:0 0 18px;padding:0}.tr-card li{padding:9px 0;border-top:1px solid rgba(35,35,37,.12);font-size:15px}
.tr-card .cta{width:100%}
.tr-foot{margin:6px 0 0;font-size:14px;color:#585962;line-height:1.5}.tr-foot a{color:inherit;font-weight:600}
/* QA 2026-10-04: 12 px floor, 44 px touch targets, one-line buttons on the narrowest phones */
.tracks .eyebrow{font-size:12px}
.tr-foot a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:380px){.tr-card .cta{font-size:15px;padding-left:16px;padding-right:16px;white-space:nowrap}}