:root {
  --ttp-accent: #7fd4ff;
  --ttp-accent-2: #b07cff;
  --ttp-signal: #f7c95c;
  --ttp-ok: #6fe0b2;
  --ttp-danger: #ff8f9d;
}
body.ttp-page {
  background:
    radial-gradient(circle at 12% 0%, rgba(127,212,255,.16), transparent 26%),
    radial-gradient(circle at 88% 12%, rgba(247,201,92,.10), transparent 22%),
    radial-gradient(circle at 55% 105%, rgba(176,124,255,.12), transparent 32%),
    linear-gradient(160deg, #050816 0%, #0b1330 50%, #111b3d 100%);
}
.ttp-header { border-bottom-color: rgba(247,201,92,.16); }
.ttp-brand-mark {
  width:46px; height:46px; border-radius:14px; display:grid; place-items:center;
  background:linear-gradient(145deg,rgba(127,212,255,.16),rgba(176,124,255,.18));
  border:1px solid rgba(127,212,255,.28); box-shadow:var(--hn-shadow-soft);
}
.ttp-brand-mark svg { width:29px; height:29px; stroke:var(--hn-accent); fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.ttp-brand-mark .ttp-signal-dot { fill:var(--ttp-signal); stroke:none; }
.ttp-product-nav-return { color:var(--hn-accent) !important; border-left:1px solid rgba(127,212,255,.18); padding-left:.9rem !important; }
.ttp-badge { color:var(--ttp-signal); border-color:rgba(247,201,92,.26); background:rgba(247,201,92,.08); }
.ttp-kicker { color:var(--ttp-signal); }
.ttp-card::before { background:linear-gradient(90deg,var(--ttp-accent),var(--ttp-signal),var(--ttp-accent-2)); }
.ttp-stat-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:.9rem; margin-top:1.2rem; }
.ttp-stat { padding:1rem; border-radius:18px; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.08); }
.ttp-stat strong { display:block; font-family:var(--hn-font-heading); font-size:1rem; color:var(--hn-text); text-transform:uppercase; letter-spacing:.05em; margin-bottom:.35rem; }
.ttp-stat span { color:var(--hn-text-muted); font-size:.9rem; line-height:1.55; }
.ttp-workflow { display:grid; grid-template-columns:repeat(7,1fr); gap:.8rem; counter-reset:ttp-step; }
.ttp-step { position:relative; padding:1.2rem; border-radius:18px; background:var(--hn-surface-strong); border:1px solid var(--hn-border-soft); }
.ttp-step::before { counter-increment:ttp-step; content:counter(ttp-step); display:grid; place-items:center; width:2rem; height:2rem; border-radius:50%; margin-bottom:.8rem; font-family:var(--hn-font-heading); font-size:.8rem; background:rgba(127,212,255,.10); border:1px solid rgba(127,212,255,.24); color:var(--hn-accent); }
.ttp-feature-list { display:grid; gap:.8rem; margin:1.1rem 0 0; padding:0; list-style:none; }
.ttp-feature-list li { position:relative; padding-left:1.6rem; color:var(--hn-text-muted); line-height:1.7; }
.ttp-feature-list li::before { content:'✓'; position:absolute; left:0; top:0; color:var(--ttp-ok); font-weight:800; }
.ttp-status-band { padding:1.25rem 1.5rem; border-radius:20px; background:linear-gradient(135deg,rgba(127,212,255,.10),rgba(247,201,92,.09)); border:1px solid rgba(247,201,92,.18); }
.ttp-status-band p { margin:0; color:var(--hn-text); line-height:1.8; }
.ttp-mini-label { font-family:var(--hn-font-heading); font-size:.7rem; text-transform:uppercase; letter-spacing:.15em; color:var(--ttp-signal); }
@media (max-width:960px) { .ttp-stat-grid, .ttp-workflow { grid-template-columns:1fr 1fr; } }
@media (max-width:640px) { .ttp-stat-grid, .ttp-workflow { grid-template-columns:1fr; } .ttp-product-nav-return { border-left:0; padding-left:.12rem !important; } }


/* v2 plan, pricing, comparison, and product-readiness components */
.ttp-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:stretch}
.ttp-plan-card{position:relative;padding:1.35rem;border-radius:20px;background:var(--hn-surface-strong);border:1px solid var(--hn-border-soft);display:flex;flex-direction:column;min-height:100%;overflow:hidden}
.ttp-plan-card::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--ttp-accent),var(--ttp-signal),var(--ttp-accent-2))}
.ttp-plan-card h3{font-family:var(--hn-font-heading);font-size:1rem;text-transform:uppercase;letter-spacing:.06em;margin:.3rem 0 .7rem;color:var(--hn-text)}
.ttp-plan-card p{color:var(--hn-text-soft);line-height:1.6;font-size:.92rem;flex:1}
.ttp-plan-card ul{list-style:none;padding:0;margin:1rem 0;display:grid;gap:.45rem;color:var(--hn-text-muted);font-size:.9rem}
.ttp-plan-card ul li::before{content:"✓";color:var(--ttp-ok);font-weight:800;margin-right:.5rem}
.ttp-plan-flag{align-self:flex-start;padding:.3rem .65rem;border-radius:999px;background:rgba(247,201,92,.10);border:1px solid rgba(247,201,92,.24);color:var(--ttp-signal);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.ttp-price{display:flex;align-items:baseline;gap:.3rem;margin:.15rem 0}
.ttp-price strong{font-family:var(--hn-font-heading);font-size:1.85rem;color:var(--hn-text)}
.ttp-price span{color:var(--hn-text-soft);font-size:.85rem}
.ttp-annual{color:var(--ttp-ok);font-weight:700;font-size:.88rem;margin-bottom:.8rem}
.ttp-pricing-note{color:var(--hn-text-soft);font-size:.86rem;line-height:1.65;margin:1rem 0 0}
.ttp-table-wrap{overflow-x:auto;margin-top:1.1rem;border:1px solid var(--hn-border-soft);border-radius:18px;background:rgba(5,8,22,.32)}
.ttp-comparison{width:100%;min-width:1020px;border-collapse:collapse;font-size:.82rem}
.ttp-comparison th,.ttp-comparison td{padding:.8rem .65rem;border-bottom:1px solid rgba(255,255,255,.06);text-align:center;vertical-align:middle}
.ttp-comparison thead th{position:sticky;top:0;background:#101a3e;color:var(--hn-text);font-family:var(--hn-font-heading);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;z-index:1}
.ttp-comparison th:first-child{text-align:left;position:sticky;left:0;background:#0d1635;z-index:2;min-width:190px}
.ttp-comparison tbody th{color:var(--hn-text-muted);font-weight:600}
.ttp-cell{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .5rem;border-radius:999px;font-size:.7rem;font-weight:700;white-space:nowrap}
.ttp-included{color:var(--ttp-ok);background:rgba(111,224,178,.09);border:1px solid rgba(111,224,178,.2)}
.ttp-limited{color:var(--ttp-signal);background:rgba(247,201,92,.09);border:1px solid rgba(247,201,92,.22)}
.ttp-addon{color:var(--ttp-accent);background:rgba(127,212,255,.08);border:1px solid rgba(127,212,255,.2)}
.ttp-none{color:var(--hn-text-soft);opacity:.7}
.ttp-legend{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;color:var(--hn-text-muted);font-size:.82rem}
.ttp-legend span{display:flex;align-items:center;gap:.4rem}.ttp-dot{width:.55rem;height:.55rem;border-radius:50%;display:inline-block}.ttp-dot.included{background:var(--ttp-ok)}.ttp-dot.limited{background:var(--ttp-signal)}.ttp-dot.addon{background:var(--ttp-accent)}.ttp-dot.none{background:var(--hn-text-soft);opacity:.4}
@media(max-width:1100px){.ttp-workflow{grid-template-columns:repeat(4,1fr)}.ttp-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.ttp-plan-grid{grid-template-columns:1fr}.ttp-workflow{grid-template-columns:1fr}.ttp-plan-card{padding:1.15rem}}