/* TTA components — plain CSS on the tokens. */
.tta-btn{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:14px;line-height:20px;font-weight:600;padding:10px 22px;border-radius:var(--radius-pill);border:1.5px solid transparent;cursor:pointer;text-decoration:none;background:var(--action);color:var(--on-action)}
.tta-btn:focus-visible{outline:2px solid var(--action);outline-offset:2px}
.tta-btn--accent{background:var(--accent);color:var(--on-accent)}
.tta-btn--ghost{background:transparent;color:var(--ink);border-color:var(--border-strong)}
.tta-btn--block{display:flex;width:100%;justify-content:center}
.tta-btn[disabled]{background:var(--steel);color:var(--black);cursor:not-allowed}
.tta-btn svg{width:16px;height:16px}

.tta-card{border-radius:var(--radius-md);padding:var(--space-6);font-family:var(--font-sans);background:var(--surface-raised);color:var(--ink);display:flex;flex-direction:column;gap:var(--space-2)}
.tta-card--accent{background:var(--accent);color:var(--on-accent)}
.tta-card--inverse{background:var(--surface-inverse);color:var(--ink-inverse)}
.tta-card__eyebrow{font-size:12px;line-height:16px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.tta-card__title{font-size:28px;line-height:34px;font-weight:500;letter-spacing:-.01em;margin:0}
.tta-card__body{font-size:15px;line-height:22px;margin:0}
.tta-card__icon{width:28px;height:28px}

.tta-email{display:flex;align-items:center;gap:var(--space-3);background:var(--white);color:var(--black);border-radius:var(--radius-pill);padding:8px 8px 8px 16px;font-family:var(--font-sans);border:1.5px solid var(--border-strong)}
.tta-email input{flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:14px;color:inherit;min-width:0}
.tta-email input::placeholder{color:var(--graphite)}
.tta-email button{width:32px;height:32px;border-radius:var(--radius-pill);border:0;background:var(--black);color:var(--white);display:grid;place-items:center;cursor:pointer}
.tta-email:focus-within{outline:2px solid var(--action);outline-offset:2px}
.tta-email svg{width:16px;height:16px}

.tta-nav{display:flex;flex-direction:column;gap:var(--space-1);font-family:var(--font-sans);width:240px;padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}
.tta-nav__item{display:flex;align-items:center;gap:var(--space-3);padding:10px 12px;border-radius:var(--radius-sm);color:var(--ink-muted);font-size:14px;line-height:20px;font-weight:500;text-decoration:none}
.tta-nav__item:hover{background:var(--surface-raised);color:var(--ink)}
.tta-nav__item[aria-current="page"]{background:var(--action);color:var(--on-action);font-weight:600}
.tta-nav__item svg{width:20px;height:20px;flex:none}
.tta-nav__item .chev{margin-left:auto;width:16px;height:16px}

.tta-tabbar{display:flex;justify-content:space-around;font-family:var(--font-sans);background:var(--surface);border-top:1px solid var(--border);padding:10px var(--space-2) 6px}
.tta-tabbar a{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--ink-muted);font-size:11px;line-height:14px;text-decoration:none}
.tta-tabbar a[aria-current="page"]{color:var(--ink);font-weight:600}
.tta-tabbar svg{width:24px;height:24px}