/* TechAnnouncer Studio · platform components
   Brand: Announcer Green #008264 · Signal Green #00A67D · Mint #B3DAD1 · Broadcast Ink #10231F
   Inter · 4px grid · 1px borders before shadows · rounded rectangles, never pills. */

:root {
	--ta-green: #008264;
	--ta-signal: #00A67D;
	--ta-mint: #B3DAD1;
	--ta-ink: #10231F;
	--ta-deep: #064B40;
	--ta-slate: #42514E;
	--ta-mist: #F1F6F4;
	--ta-line: #DCE7E3;
	--ta-text: #101312;
	--ta-muted: #596662;
	--ta-canvas: #F5F8F7;
	--ta-surface: #FFFFFF;
	--ta-soft: #E3F2EE;
	--ta-radius: 8px;
	--ta-radius-lg: 12px;
	--ta-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	/* Functional status colours (not brand colours). */
	--ta-st-verified: #0F7B4F;
	--ta-st-new: #1D5FD1;
	--ta-st-monitor: #0E7C86;
	--ta-st-pending: #9A6700;
	--ta-st-warning: #C2410C;
	--ta-st-failed: #B42318;
	--ta-st-inactive: #6B7280;
}

@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		--ta-green: #00A67D;
		--ta-signal: #62C7AF;
		--ta-line: #285047;
		--ta-text: #FFFFFF;
		--ta-muted: #AFC2BD;
		--ta-canvas: #091512;
		--ta-surface: #10231F;
		--ta-mist: #17312B;
		--ta-soft: #17312B;
	}
}
[data-theme="dark"], .cs-dark, [data-scheme="dark"] {
	--ta-green: #00A67D;
	--ta-signal: #62C7AF;
	--ta-line: #285047;
	--ta-text: #FFFFFF;
	--ta-muted: #AFC2BD;
	--ta-canvas: #091512;
	--ta-surface: #10231F;
	--ta-mist: #17312B;
	--ta-soft: #17312B;
}

.tas, .tas-strip, .tas-briefing-form, .tas-cta-card, .tas-disclosure { font-family: var(--ta-font); color: var(--ta-text); }
.tas *, .tas *::before, .tas *::after { box-sizing: border-box; }
.tas { max-width: 1200px; margin: 0 auto; line-height: 1.55; font-variant-numeric: tabular-nums; }
.tas a { color: var(--ta-green); text-underline-offset: 3px; }
.tas a:hover { color: var(--ta-deep); }
.tas :focus-visible { outline: 2px solid var(--ta-signal); outline-offset: 2px; border-radius: 4px; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }
.tas-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* Type */
.tas-display { font-size: clamp(2rem, 4.2vw, 3.5rem); line-height: 1.08; font-weight: 800; letter-spacing: -0.03em; margin: 0 0 16px; color: var(--ta-text); }
.tas-h1 { font-size: clamp(1.6rem, 3vw, 2.25rem); font-weight: 800; letter-spacing: -0.02em; line-height: 1.15; margin: 0 0 8px; }
.tas-h3, .tas h3 { font-size: 1.125rem; font-weight: 700; line-height: 1.3; margin: 0 0 8px; }
.tas h2 { font-size: clamp(1.35rem, 2.2vw, 1.875rem); font-weight: 700; letter-spacing: -0.015em; line-height: 1.2; margin: 0 0 8px; }
.tas-lead { font-size: 1.125rem; color: var(--ta-muted); max-width: 46rem; margin: 0 0 24px; }
.tas-muted, .tas-meta { color: var(--ta-muted); }
.tas-meta { font-size: 0.8125rem; }
.tas-center { text-align: center; }
.tas-num { font-variant-numeric: tabular-nums; }
.tas-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ta-green); margin: 0 0 12px; }
.tas-node { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--ta-green); flex: none; }

/* Signal Line motif */
.tas-signal-line { position: relative; height: 12px; margin: 16px 0 24px; }
.tas-signal-line::before { content: ""; position: absolute; left: 0; right: 10px; top: 50%; height: 2px; background: var(--ta-green); transform: translateY(-50%); }
.tas-signal-line i { position: absolute; top: 50%; width: 10px; height: 10px; border-radius: 50%; background: var(--ta-green); transform: translate(-50%, -50%); }
.tas-signal-line i:nth-child(1) { left: 28%; }
.tas-signal-line i:nth-child(2) { left: 66%; }
.tas-signal-line b { position: absolute; right: 0; top: 50%; transform: translateY(-50%); border-left: 10px solid var(--ta-green); border-top: 6px solid transparent; border-bottom: 6px solid transparent; }

/* Buttons */
.tas-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 18px; border-radius: var(--ta-radius); border: 1px solid transparent; font: 600 0.9375rem/1 var(--ta-font); text-decoration: none !important; cursor: pointer; transition: background-color .15s, border-color .15s, color .15s; white-space: nowrap; }
.tas-btn--sm { min-height: 36px; padding: 0 12px; border-radius: 6px; font-size: 0.875rem; }
.tas-btn--lg { min-height: 52px; padding: 0 24px; border-radius: 10px; font-size: 1rem; }
.tas-btn--block { display: flex; width: 100%; }
.tas-btn--primary { background: var(--ta-green); color: #fff !important; }
.tas-btn--primary:hover { background: var(--ta-deep); }
.tas-btn--secondary { background: var(--ta-surface); color: var(--ta-text) !important; border-color: var(--ta-line); }
.tas-btn--secondary:hover { border-color: var(--ta-green); color: var(--ta-green) !important; }
.tas-btn--light { background: #fff; color: var(--ta-ink) !important; }
.tas-btn--light:hover { background: var(--ta-mint); }
.tas-link { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; text-decoration: none; }
.tas-link:hover { text-decoration: underline; }
.tas-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.tas-icon { flex: none; vertical-align: middle; }

/* Chips & status */
.tas-chip { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 6px; font-size: 0.75rem; font-weight: 600; background: var(--ta-mist); color: var(--ta-slate); border: 1px solid var(--ta-line); text-decoration: none; }
.tas-chip--green { background: var(--ta-green); color: #fff; border-color: var(--ta-green); }
.tas-chip--mint { background: var(--ta-soft); color: var(--ta-deep); border-color: var(--ta-mint); }
.tas-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.tas-status { display: inline-flex; align-items: center; gap: 6px; font-size: 0.8125rem; font-weight: 600; }
.tas-status::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.tas-status--verified { color: var(--ta-st-verified); }
.tas-status--new { color: var(--ta-st-new); }
.tas-status--pending { color: var(--ta-st-pending); }
.tas-status--failed { color: var(--ta-st-failed); }
.tas-status--inactive { color: var(--ta-st-inactive); }

/* Alerts */
.tas-alert { padding: 12px 16px; border-radius: var(--ta-radius); border: 1px solid var(--ta-line); background: var(--ta-mist); margin: 0 0 16px; font-size: 0.9375rem; }
.tas-alert--success { border-color: var(--ta-mint); background: var(--ta-soft); color: var(--ta-deep); }
.tas-alert--error { border-color: #F3C1BC; background: #FDF1F0; color: var(--ta-st-failed); }
.tas-alert--info { border-left: 3px solid var(--ta-green); }

/* Cards & layout */
.tas-card { background: var(--ta-surface); border: 1px solid var(--ta-line); border-radius: var(--ta-radius-lg); padding: 24px; }
.tas-card--mist { background: var(--ta-mist); }
.tas-card .tas-icon { color: var(--ta-green); margin-bottom: 12px; }
.tas-card p { margin: 0 0 12px; color: var(--ta-muted); }
.tas-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 24px 0 48px; }
.tas-split { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; margin: 48px 0; }
.tas-hero { padding: 24px 0 8px; }
.tas-hero--center { text-align: center; }
.tas-hero--center .tas-lead { margin-left: auto; margin-right: auto; }
.tas-hero--split { display: grid; grid-template-columns: 1.3fr 1fr; gap: 40px; align-items: center; }
.tas-step { display: block; font-size: 0.75rem; font-weight: 700; color: var(--ta-muted); letter-spacing: .08em; margin-bottom: 8px; }
.tas-band { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 32px; border-radius: var(--ta-radius-lg); margin: 48px 0; }
.tas-band--ink { background: var(--ta-ink); color: #fff; }
.tas-band--ink h2, .tas-band--ink p { color: #fff; }
.tas-band--ink p { color: #AFC2BD; margin: 0; }
.tas-band--ink .tas-eyebrow { color: var(--ta-mint); }
.tas-band--ink .tas-node { background: var(--ta-signal); }
.tas-list-check { list-style: none; padding: 0; margin: 0 0 16px; }
.tas-list-check li { display: flex; gap: 8px; margin: 0 0 8px; }
.tas-list-check .tas-icon { color: var(--ta-green); margin-top: 3px; }
.tas-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 24px 0; }
.tas-stats > div { border-top: 2px solid var(--ta-green); padding-top: 12px; }
.tas-stats strong { display: block; font-size: 2rem; font-weight: 800; letter-spacing: -0.02em; }
.tas-stats span { color: var(--ta-muted); font-size: 0.875rem; }
.tas-mock-company { font-weight: 700; font-size: 1.25rem; margin: 0; }
.tas-mock-signal { font-weight: 600; color: var(--ta-green); margin: 4px 0 12px; }

/* Pricing */
.tas-toggle { display: inline-flex; padding: 4px; border: 1px solid var(--ta-line); border-radius: 10px; background: var(--ta-surface); gap: 4px; margin-top: 8px; }
.tas-toggle button { min-height: 40px; padding: 0 16px; border: 0; border-radius: 6px; background: transparent; font: 600 0.875rem var(--ta-font); color: var(--ta-muted); cursor: pointer; display: inline-flex; align-items: center; gap: 8px; }
.tas-toggle button.is-active { background: var(--ta-ink); color: #fff; }
.tas-plan-group { margin: 56px 0 0; }
.tas-section-head h2 { margin-bottom: 4px; }
.tas-section-head p { color: var(--ta-muted); margin: 0; }
.tas-plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.tas-plans--compact { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.tas-plans:has(> :nth-child(2):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 840px; }
.tas-plan { position: relative; display: flex; flex-direction: column; background: var(--ta-surface); border: 1px solid var(--ta-line); border-radius: var(--ta-radius-lg); padding: 24px; }
.tas-plan.is-featured { border-color: var(--ta-green); box-shadow: 0 0 0 1px var(--ta-green); }
.tas-plan__flag { position: absolute; top: -11px; left: 24px; background: var(--ta-green); color: #fff; font-size: 0.6875rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; padding: 3px 8px; border-radius: 6px; }
.tas-plan__name { font-size: 1.125rem; font-weight: 700; margin: 0 0 4px; }
.tas-plan__tagline { color: var(--ta-muted); font-size: 0.9375rem; margin: 0 0 16px; min-height: 3em; }
.tas-plan__price { margin: 0 0 16px; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px; }
.tas-price { font-size: 2.25rem; font-weight: 800; letter-spacing: -0.03em; }
.tas-price__per { color: var(--ta-muted); }
.tas-price__note { flex-basis: 100%; font-size: 0.8125rem; color: var(--ta-muted); }
.tas-plan__features { list-style: none; padding: 0; margin: 0 0 24px; flex: 1; }
.tas-plan__features li { display: flex; gap: 8px; margin: 0 0 8px; font-size: 0.9375rem; }
.tas-plan__features .tas-icon { color: var(--ta-green); margin-top: 2px; }
.tas-plans--compact .tas-plan__tagline { min-height: 0; }
.tas-plans--compact .tas-price { font-size: 1.75rem; }
.tas-faq { max-width: 760px; margin: 56px auto; }
.tas-faq__item { border-bottom: 1px solid var(--ta-line); padding: 16px 0; }
.tas-faq__item summary { cursor: pointer; font-weight: 600; list-style: none; display: flex; justify-content: space-between; gap: 16px; }
.tas-faq__item summary::after { content: "+"; color: var(--ta-green); font-weight: 700; }
.tas-faq__item[open] summary::after { content: "–"; }
.tas-faq__item p { color: var(--ta-muted); margin: 12px 0 0; }

/* Forms */
.tas-form { display: grid; gap: 16px; }
.tas-field { display: grid; gap: 6px; margin: 0; border: 0; padding: 0; min-width: 0; }
.tas-field > span, .tas-field legend, .tas-segmented legend { font-size: 0.875rem; font-weight: 600; color: var(--ta-text); }
.tas-field em { font-style: normal; font-weight: 400; color: var(--ta-muted); }
.tas-field small { color: var(--ta-muted); font-size: 0.8125rem; }
.tas input[type=text], .tas input[type=email], .tas input[type=password], .tas input[type=url], .tas input[type=search], .tas input[type=number], .tas select, .tas textarea, .tas-briefing-form input[type=email] {
	width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid var(--ta-line); border-radius: var(--ta-radius); background: var(--ta-surface); color: var(--ta-text); font: 400 1rem var(--ta-font); box-shadow: none;
}
.tas textarea { min-height: 120px; line-height: 1.5; }
.tas input:focus, .tas select:focus, .tas textarea:focus, .tas-briefing-form input:focus { outline: none; border-color: var(--ta-green); box-shadow: 0 0 0 3px rgba(0,130,100,.15); }
.tas-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.tas-field-row--3 { grid-template-columns: repeat(3, 1fr); }
.tas-check { display: flex; gap: 10px; align-items: flex-start; font-size: 0.9375rem; color: var(--ta-muted); }
.tas-check input { width: 18px; height: 18px; margin-top: 2px; accent-color: var(--ta-green); flex: none; }
.tas-row-between { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.tas-segmented { border: 0; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.tas-segmented legend { margin-bottom: 8px; }
.tas-segmented label { position: relative; }
.tas-segmented input { position: absolute; opacity: 0; }
.tas-segmented span { display: flex; align-items: center; min-height: 44px; padding: 0 12px; border: 1px solid var(--ta-line); border-radius: var(--ta-radius); font-size: 0.9375rem; cursor: pointer; }
.tas-segmented input:checked + span { border-color: var(--ta-green); box-shadow: inset 0 0 0 1px var(--ta-green); background: var(--ta-soft); color: var(--ta-deep); font-weight: 600; }
.tas-segmented input:focus-visible + span { outline: 2px solid var(--ta-signal); outline-offset: 2px; }
.tas-chip-check input { position: absolute; opacity: 0; }
.tas-chip-check span { display: inline-flex; min-height: 36px; align-items: center; padding: 0 12px; border: 1px solid var(--ta-line); border-radius: 6px; cursor: pointer; font-size: 0.875rem; }
.tas-chip-check input:checked + span { border-color: var(--ta-green); background: var(--ta-soft); color: var(--ta-deep); font-weight: 600; }

/* Auth */
.tas-auth { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 420px); gap: 48px; padding: 24px 0 64px; align-items: start; }
.tas-auth--single { grid-template-columns: minmax(0, 480px); justify-content: center; }
.tas-auth__panel { max-width: 560px; }
.tas-summary { background: var(--ta-surface); border: 1px solid var(--ta-line); border-radius: var(--ta-radius-lg); padding: 24px; position: sticky; top: 96px; }
.tas-summary h2 { margin: 0 0 4px; }
.tas-summary__price { font-size: 1.5rem; font-weight: 800; margin: 0 0 16px; }
.tas-summary--ink { background: var(--ta-ink); border-color: var(--ta-ink); color: #fff; }
.tas-summary--ink p { color: #AFC2BD; }
.tas-summary--ink .tas-eyebrow { color: var(--ta-mint); }
.tas-signal-list { list-style: none; padding: 0; margin: 0 0 16px; }
.tas-signal-list li { display: flex; flex-direction: column; padding: 12px 0; border-bottom: 1px solid #285047; }
.tas-signal-list span { font-size: 0.75rem; letter-spacing: .08em; text-transform: uppercase; color: var(--ta-mint); font-weight: 600; }

/* Workspace */
.tas-workspace { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 32px; padding: 8px 0 64px; }
.tas-ws-nav { position: sticky; top: 96px; align-self: start; border: 1px solid var(--ta-line); border-radius: var(--ta-radius-lg); padding: 16px; background: var(--ta-surface); }
.tas-ws-nav__who { display: flex; gap: 12px; align-items: center; padding-bottom: 16px; margin-bottom: 8px; border-bottom: 1px solid var(--ta-line); }
.tas-ws-nav__who img { border-radius: 50%; }
.tas-ws-nav__who strong { display: block; font-size: 0.9375rem; }
.tas-ws-nav nav { display: grid; gap: 2px; }
.tas-ws-nav nav a { display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 0 10px; border-radius: 6px; color: var(--ta-slate); text-decoration: none; font-weight: 500; font-size: 0.9375rem; }
.tas-ws-nav nav a:hover { background: var(--ta-mist); color: var(--ta-text); }
.tas-ws-nav nav a.is-active { background: var(--ta-soft); color: var(--ta-deep); font-weight: 600; box-shadow: inset 3px 0 0 var(--ta-green); }
.tas-ws-nav__out { display: block; margin-top: 12px; padding: 8px 10px; font-size: 0.875rem; color: var(--ta-muted) !important; }
.tas-ws-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 16px; flex-wrap: wrap; }
.tas-ws-head p { margin: 0; }
.tas-ws-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 16px; }
.tas-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.tas-kpis--compact { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }
.tas-kpi { background: var(--ta-surface); border: 1px solid var(--ta-line); border-radius: var(--ta-radius-lg); padding: 16px; display: flex; flex-direction: column; gap: 4px; }
.tas-kpi span { font-size: 0.75rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--ta-muted); }
.tas-kpi strong { font-size: 1.5rem; font-weight: 800; letter-spacing: -0.02em; }
.tas-kpi em { font-style: normal; font-size: 0.8125rem; color: var(--ta-muted); }
.tas-steps { margin: 0; padding-left: 20px; }
.tas-steps li { margin-bottom: 8px; }
.tas-empty { text-align: center; padding: 40px 24px; }
.tas-empty .tas-actions { justify-content: center; }
.tas-saved { list-style: none; padding: 0; margin: 0; }
.tas-saved li { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--ta-line); }

/* Tables & signals */
.tas-table-wrap { position: relative; overflow-x: auto; border: 1px solid var(--ta-line); border-radius: var(--ta-radius-lg); background: var(--ta-surface); }
.tas-table { width: 100%; border-collapse: collapse; font-size: 0.9375rem; }
.tas-table th { text-align: left; font-size: 0.75rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--ta-muted); padding: 12px 16px; border-bottom: 1px solid var(--ta-line); background: var(--ta-mist); white-space: nowrap; }
.tas-table td { padding: 12px 16px; border-bottom: 1px solid var(--ta-line); vertical-align: top; }
.tas-table tr:last-child td { border-bottom: 0; }
.tas-table td a { color: var(--ta-text); text-decoration: none; }
.tas-table td a:hover { color: var(--ta-green); text-decoration: underline; }
.tas-table .tas-num { text-align: right; }
.tas-nowrap { white-space: nowrap; }
.tas-actions-cell { white-space: nowrap; }
.tas-type { display: inline-block; font-size: 0.75rem; font-weight: 600; padding: 2px 8px; border-radius: 6px; background: var(--ta-mist); color: var(--ta-slate); border: 1px solid var(--ta-line); white-space: nowrap; }
.tas-type-funding { background: var(--ta-soft); color: var(--ta-deep); border-color: var(--ta-mint); }
.tas-type-acquisition { background: var(--ta-ink); color: #fff; border-color: var(--ta-ink); }
.tas-filters { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0 16px; padding: 12px; border: 1px solid var(--ta-line); border-radius: var(--ta-radius-lg); background: var(--ta-mist); }
.tas-filters .tas-field { min-width: 160px; }
.tas-filters .tas-field--grow { flex: 1 1 240px; }
.tas-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.tas-toolbar p { margin: 0; }
.tas-locked { position: relative; margin-top: -120px; padding-top: 120px; background: linear-gradient(to bottom, transparent, var(--ta-surface) 120px); text-align: center; }
.tas-locked__inner { padding: 8px 24px 32px; }
.tas-locked .tas-icon { color: var(--ta-green); }
.tas-locked .tas-actions { justify-content: center; }
.tas-pager { display: flex; justify-content: center; align-items: center; gap: 16px; margin: 16px 0; }

/* Signals strip */
.tas-strip { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
.tas-strip__item { display: flex; flex-direction: column; gap: 4px; padding: 16px; border: 1px solid var(--ta-line); border-radius: var(--ta-radius-lg); background: var(--ta-surface); text-decoration: none !important; color: var(--ta-text); position: relative; transition: border-color .15s; }
.tas-strip__item:hover { border-color: var(--ta-green); }
.tas-strip__type { font-size: 0.6875rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ta-green); }
.tas-strip__company { font-weight: 700; font-size: 1rem; }
.tas-strip__headline { font-size: 0.875rem; color: var(--ta-muted); line-height: 1.4; }
.tas-strip__date { font-size: 0.75rem; color: var(--ta-muted); margin-top: auto; }

/* Briefing */
.tas-briefing-form { display: flex; flex-wrap: wrap; gap: 8px; max-width: 520px; }
.tas-briefing-form input[type=email] { flex: 1 1 240px; }
.tas-briefing-form .tas-form-fine, .tas-briefing-form .tas-form-note { flex-basis: 100%; margin: 4px 0 0; font-size: 0.8125rem; color: var(--ta-muted); }
.tas-briefing-form .tas-form-note { color: var(--ta-green); font-weight: 600; }
.tas-briefing-form--inline .tas-form-fine { color: #AFC2BD; }
.tas-briefing-form--inline .tas-form-fine a { color: #fff; }
.tas-briefing-form--inline .tas-form-note { color: var(--ta-mint); }
.tas-terminal { background: var(--ta-ink); color: #fff; border-radius: var(--ta-radius-lg); padding: 24px; font-size: 0.9375rem; }
.tas-terminal__head { font-size: 0.75rem; font-weight: 700; letter-spacing: .08em; color: var(--ta-mint); margin: 0 0 16px; }
.tas-terminal__top { display: flex; align-items: center; gap: 8px; font-size: 0.75rem; font-weight: 700; letter-spacing: .08em; margin: 0 0 4px; }
.tas-terminal__top .tas-node { background: var(--ta-signal); }
.tas-terminal__headline { font-weight: 700; font-size: 1.125rem; margin: 0 0 16px; }
.tas-terminal__list { margin: 0; padding-left: 0; list-style: none; counter-reset: s; color: #AFC2BD; }
.tas-terminal__list li { counter-increment: s; padding: 8px 0; border-top: 1px solid #285047; display: flex; gap: 12px; }
.tas-terminal__list li::before { content: counter(s, decimal-leading-zero); color: var(--ta-mint); font-weight: 700; }

/* Partner content */
.tas-disclosure { display: flex; gap: 8px; align-items: baseline; font-size: 0.875rem; color: var(--ta-muted); background: var(--ta-mist); border: 1px solid var(--ta-line); border-radius: var(--ta-radius); padding: 10px 14px; margin: 0 0 24px; }
.tas-cta-card { border: 1px solid var(--ta-line); border-radius: var(--ta-radius-lg); padding: 24px; background: var(--ta-mist); margin: 32px 0; }
.tas-cta-card h3 { margin: 0 0 8px; font-size: 1.25rem; font-weight: 800; }

/* Standards */
.tas-standards { max-width: 760px; }
.tas-standards section { padding: 16px 0; border-bottom: 1px solid var(--ta-line); }
.tas-standards p { color: var(--ta-muted); }

/* Responsive */
@media (max-width: 1024px) {
	.tas-plans, .tas-plans--compact { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.tas-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.tas-workspace { grid-template-columns: 1fr; }
	.tas-ws-nav { position: static; }
	.tas-ws-nav nav { grid-auto-flow: column; overflow-x: auto; }
	.tas-ws-nav nav a span { white-space: nowrap; }
}
@media (max-width: 760px) {
	.tas-grid-3, .tas-split, .tas-hero--split, .tas-auth, .tas-ws-grid, .tas-stats, .tas-plans, .tas-plans--compact, .tas-field-row, .tas-field-row--3 { grid-template-columns: 1fr; }
	.tas-band { flex-direction: column; align-items: flex-start; }
	.tas-summary { position: static; }
	.tas-segmented { grid-template-columns: 1fr; }
	.tas-filters .tas-field { min-width: 0; flex: 1 1 100%; }
}
@media (prefers-reduced-motion: reduce) { .tas * { transition: none !important; } }

/* Strip labels are plain text, never chips. */
.tas-strip .tas-strip__type { background: none; border: 0; padding: 0; color: var(--ta-green); }
.tas-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1024px) { .tas-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .tas-strip { grid-template-columns: 1fr; } }

/* ── Type system v1.1: Inter Tight display, Inter text, IBM Plex Mono data (shared with the theme) ── */
.tas, .tas-strip, .tas-briefing-form, .tas-cta-card { font-family: var(--ta-font-body, "Inter", system-ui, sans-serif); }
.tas-display, .tas-h1, .tas h1, .tas h2, .tas h3, .tas-h3, .tas-plan__name, .tas-price, .tas-kpi strong, .tas-stats strong, .tas-strip__company, .tas-cta-card h3, .tas-mock-company {
	font-family: var(--ta-font-display, "Inter Tight", "Inter", system-ui, sans-serif);
}
.tas-display { font-weight: 800; letter-spacing: -0.035em; line-height: 1.02; }
.tas h2 { font-weight: 800; letter-spacing: -0.025em; }
.tas-eyebrow, .tas-strip__type, .tas-kpi span, .tas-table th, .tas-plan__flag, .tas-terminal__head, .tas-terminal__top, .tas-step, .tas-meta, .tas-price__note, .tas-type, .tas-chip, .tas-faq__item summary::after {
	font-family: var(--ta-font-mono, "IBM Plex Mono", ui-monospace, monospace); font-weight: 500;
}
.tas-eyebrow { letter-spacing: .1em; font-size: .72rem; }
.tas-price { font-weight: 800; letter-spacing: -0.04em; }
.tas-plan { border-radius: 16px; transition: border-color .5s cubic-bezier(.16,1,.3,1), transform .6s cubic-bezier(.16,1,.3,1), box-shadow .6s cubic-bezier(.16,1,.3,1); }
.tas-plan:hover { transform: translateY(-3px); box-shadow: 0 18px 40px rgba(10, 23, 20, .08); }
.tas-plan.is-featured {
	border-color: transparent; color: #fff;
	background: radial-gradient(320px 200px at 100% 0, rgba(0, 166, 125, .5), transparent 70%), linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px) 0 0 / 28px 28px, linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px) 0 0 / 28px 28px, #0A1714;
	box-shadow: 0 24px 48px rgba(10, 23, 20, .22);
}
.tas-plan.is-featured .tas-plan__name, .tas-plan.is-featured .tas-price { color: #fff; }
.tas-plan.is-featured .tas-plan__tagline, .tas-plan.is-featured .tas-price__per, .tas-plan.is-featured .tas-price__note, .tas-plan.is-featured .tas-plan__features li { color: #C8D6D2; }
.tas-plan.is-featured .tas-plan__features .tas-icon { color: #62C7AF; }
.tas-plan.is-featured .tas-plan__flag { background: #62C7AF; color: #0A1714; }
.tas-plan.is-featured .tas-btn--primary { background: #00A67D; color: #0A1714 !important; }
.tas-plan.is-featured .tas-btn--primary:hover { background: #62C7AF; }
.tas-toggle button.is-active { background: #0A1714; }
.tas-band--ink { background: radial-gradient(420px 240px at 100% 0, rgba(0, 166, 125, .45), transparent 70%), linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px) 0 0 / 32px 32px, linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px) 0 0 / 32px 32px, #0A1714; border-radius: 20px; padding: 40px; }
.tas-terminal { background: radial-gradient(300px 180px at 100% 0, rgba(0, 166, 125, .4), transparent 70%), #0A1714; border-radius: 18px; }
.tas-auth__panel .tas-h1, .tas-ws-head .tas-h1 { font-weight: 800; letter-spacing: -0.03em; }
.tas-region-note { display: inline-block; margin: 0 0 12px; padding: 10px 14px; border-radius: 10px; background: var(--ta-soft); color: var(--ta-deep); font-weight: 600; font-size: .9375rem; }
.tas-launch-note { margin: 0 0 16px; color: var(--ta-muted); font-size: .9375rem; display: flex; gap: 8px; align-items: center; justify-content: center; flex-wrap: wrap; }
.tas-plans--compact .tas-plan__name { font-size: 1rem; }

/* Key facts box (articles with a company signal) */
.tas-facts { margin: 0 0 28px; padding: 18px 20px; border: 1px solid var(--ta-line); border-left: 3px solid var(--ta-green); border-radius: 12px; background: var(--ta-mist); font-family: var(--ta-font-body, Inter, sans-serif); }
.tas-facts__title { display: flex; align-items: center; gap: 8px; margin: 0 0 12px !important; font: 500 .72rem/1 var(--ta-font-mono, ui-monospace, monospace); letter-spacing: .1em; text-transform: uppercase; color: var(--ta-green); }
.tas-facts dl { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px 20px; margin: 0; }
.tas-facts dt { font: 500 .7rem/1.2 var(--ta-font-mono, ui-monospace, monospace); letter-spacing: .06em; text-transform: uppercase; color: var(--ta-muted); }
.tas-facts dd { margin: 4px 0 0; font: 700 1rem/1.3 var(--ta-font-display, Inter, sans-serif); color: var(--ta-text); }
.tas-facts__more { display: inline-block; margin-top: 14px; font-weight: 600; font-size: .9rem; color: var(--ta-green); text-decoration: none; }
.tas-facts__more:hover { text-decoration: underline; }
