:root {--tb2-purple: #8b5cf6;--tb2-radius-lg: 22px;--tb2-shadow: 0 12px 32px rgba(0,0,0,0.45);--tb2-text: #eef0fb;--tb2-text-dim: #6f7496;--tb2-border: rgba(255,255,255,0.08);--tb2-bg: #0b0d17;--tb2-radius-md: 14px;--tb2-gold: rgba(245,196,81,1);--tb2-cyan: rgba(34,211,238,1);--tb2-gold-dark: #d9a72e;--tb2-text-muted: rgb(163,168,201);--tb2-bg-card: rgb(23,27,51);--tb2-purple-light: #a78bfa;--tb2-bg-raised: #131629;--tb2-transition: all 0.25s ease;--tb2-radius-sm: 8px}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.tb2-body {line-height: 1.6;margin: 0;background: var(--tb2-bg);-webkit-font-smoothing: antialiased;color: var(--tb2-text);font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif;isolation:auto;pointer-events:auto;visibility:visible}
body.tb2-body.tb2-menu-open { overflow: hidden; }
img {display: block;max-width: 100%}
a {color: inherit;text-decoration: none}
h1, h2, h3, h4 {margin: 0 0 16px;line-height: 1.25;font-weight: 800}
h1 { font-size: clamp(1.9rem, 4vw, 2.7rem); }
h2 { font-size: clamp(1.5rem, 3vw, 2rem); }
h3 { font-size: 1.15rem; }
p {color: var(--tb2-text-muted);margin: 0 0 14px}

.tb2-container {margin: 0 auto;padding: 0 20px;max-width: 1180px}
.tb2-page-wrapper {flex-direction: column;min-height: 100vh;display: flex}
.tb2-main { flex: 1; }


.tb2-btn {font-weight: 700;border-radius: 999px;transition: var(--tb2-transition);white-space: nowrap;padding: 11px 22px;gap: 8px;display: inline-flex;border: 2px solid transparent;cursor: pointer;font-size: 0.95rem;justify-content: center;align-items: center}
.tb2-btn-solid {background: linear-gradient(135deg, var(--tb2-gold), var(--tb2-gold-dark));color: #241800}
.tb2-btn-solid:hover {box-shadow: 0 10px 24px rgba(245,196,81,0.35);transform: translateY(-2px)}
.tb2-btn-ghost {background: rgba(255,255,255,0.06);color: var(--tb2-text);border-color: var(--tb2-border)}
.tb2-btn-ghost:hover { background: rgba(255,255,255,0.12); }
.tb2-btn-outline {background: transparent;color: var(--tb2-purple-light);border-color: var(--tb2-purple-light)}
.tb2-btn-outline:hover { background: rgba(139,92,246,0.12); }
.tb2-btn-lg {font-size: 1.02rem;padding: 14px 30px}


.tb2-abovenav {background: #05060d;font-size: 0.8rem;border-bottom: 1px solid var(--tb2-border)}
.tb2-abovenav-inner {flex-wrap: wrap;gap: 22px;display: flex;color: var(--tb2-text-dim);padding: 8px 20px}
.tb2-above-item { color: var(--tb2-text-dim); }
a.tb2-above-item:hover { color: var(--tb2-cyan); }


.tb2-topnav {backdrop-filter: blur(6px);position: sticky;top: 0;transition: var(--tb2-transition);background: rgba(11,13,23,0.92);z-index: 40;border-bottom: 1px solid var(--tb2-border)}
.tb2-topnav.tb2-scrolled { box-shadow: 0 6px 20px rgba(0,0,0,0.4); }
.tb2-topnav-inner {display: flex;padding: 14px 20px;justify-content: space-between;gap: 16px;align-items: center}
.tb2-logo img { height: 40px; }
.tb2-logo-word {background: linear-gradient(90deg, var(--tb2-gold), var(--tb2-purple-light));-webkit-background-clip: text;letter-spacing: -0.5px;background-clip: text;color: transparent;font-size: 1.5rem;font-weight: 900}
.tb2-topnav-cta {gap: 10px;display: flex}
.tb2-menu-trigger {gap: 5px;width: 40px;border: 1px solid var(--tb2-border);cursor: pointer;border-radius: var(--tb2-radius-sm);height: 40px;background: none;display: none;justify-content: center;flex-direction: column}
.tb2-menu-trigger span {margin: 0 auto;height: 2px;transition: var(--tb2-transition);background: var(--tb2-text);display: block;width: 18px}
.tb2-menu-trigger.tb2-active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.tb2-menu-trigger.tb2-active span:nth-child(2) { opacity: 0; }
.tb2-menu-trigger.tb2-active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }


.tb2-main-menu {background: var(--tb2-bg-raised);border-bottom: 1px solid var(--tb2-border)}
.tb2-menu {margin: 0;padding: 0;gap: 4px;flex-wrap: wrap;list-style: none;display: flex}
.tb2-menu li a {color: var(--tb2-text-muted);display: block;border-bottom: 2px solid transparent;font-weight: 600;font-size: 0.88rem;padding: 12px 14px}
.tb2-menu li a:hover, .tb2-menu li a[aria-current="page"] {border-bottom-color: var(--tb2-purple-light);color: var(--tb2-text)}


.tb2-mobile-menu {display: none;overflow-y: auto;inset: 0 0 0 auto;transition: transform 0.3s ease;position: fixed;transform: translateX(100%);box-shadow: -10px 0 30px rgba(0,0,0,0.5);width: min(320px, 85vw);z-index: 60;background: var(--tb2-bg-raised)}
.tb2-mobile-menu.tb2-open { transform: translateX(0); }
.tb2-mobile-menu ul {list-style: none;flex-direction: column;display: flex;padding: 70px 22px 30px;gap: 4px;margin: 0}
.tb2-mobile-menu li a {padding: 12px 4px;font-weight: 600;border-bottom: 1px solid var(--tb2-border);display: block;color: var(--tb2-text)}
.tb2-mobile-cta {border-bottom: none !important;margin-top: 16px;display: flex;gap: 10px}
.tb2-mobile-backdrop {z-index: 55;position: fixed;display: none;inset: 0;background: rgba(0,0,0,0.55)}
.tb2-mobile-backdrop.tb2-open { display: block; }


.tb2-hero {display: flex;align-items: center;background: radial-gradient(circle at 20% 20%, #1c1440, var(--tb2-bg) 70%);overflow: hidden;position: relative;min-height: 420px}
.tb2-hero-img {position: absolute;width: 100%;height: 100%;opacity: 0.35;inset: 0;object-fit: cover}
.tb2-hero-overlay {position: relative;width: 100%;padding: 60px 0;z-index: 1}
.tb2-hero-overlay h1 { max-width: 760px; }
.tb2-hero-logo {background: rgba(255,255,255,0.1);object-fit: contain;margin-bottom: 16px;padding: 8px;width: 80px;border-radius: 14px;height: 80px}
.tb2-hero-sub {max-width: 640px;font-size: 1.05rem}
.tb2-hero-actions {margin-top: 18px;flex-wrap: wrap;display: flex;gap: 14px}

.tb2-page-hero {position: relative;align-items: center;display: flex;min-height: 220px;overflow: hidden;background: radial-gradient(circle at 80% 0%, #1c1440, var(--tb2-bg) 65%);padding: 50px 0}
.tb2-page-hero-plain { min-height: unset; }
.tb2-page-hero .tb2-hero-img {height: 100%;width: 100%;opacity: 0.25;position: absolute;inset: 0;object-fit: cover}
.tb2-page-hero .tb2-hero-overlay {z-index: 1;position: relative;padding: 0}


.tb2-stats-strip {background: var(--tb2-bg-raised);border-bottom: 1px solid var(--tb2-border);border-top: 1px solid var(--tb2-border)}
.tb2-stats-grid {text-align: center;gap: 20px;display: grid;padding: 26px 20px;grid-template-columns: repeat(auto-fit, minmax(140px, 1fr))}
.tb2-stat strong {font-size: 1.6rem;display: block;color: var(--tb2-gold);font-weight: 900}
.tb2-stat span {color: var(--tb2-text-dim);font-size: 0.82rem}


.tb2-section { padding: 56px 0; }
.tb2-section.tb2-alt-bg { background: var(--tb2-bg-raised); }
.tb2-section-more { margin-top: 8px; }
.tb2-section-more a {color: var(--tb2-cyan);font-weight: 700}
.tb2-prose p { max-width: 900px; }


.tb2-promo-grid {gap: 20px;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));display: grid}
.tb2-promo-card {border: 1px solid var(--tb2-border);padding: 26px;border-radius: var(--tb2-radius-lg);display: block;background: var(--tb2-bg-card);transition: var(--tb2-transition)}
.tb2-promo-card:hover {box-shadow: var(--tb2-shadow);border-color: var(--tb2-purple-light);transform: translateY(-4px)}

.tb2-spotlight-grid {display: grid;gap: 30px;align-items: center;grid-template-columns: 1fr 1fr}
.tb2-spotlight-grid img {border-radius: var(--tb2-radius-lg);border: 1px solid var(--tb2-border)}
@media (max-width: 800px) { .tb2-spotlight-grid { grid-template-columns: 1fr; } }
.tb2-promo-icon {display: block;margin-bottom: 10px;font-size: 2rem}
.tb2-promo-link {color: var(--tb2-cyan);font-weight: 700;font-size: 0.9rem}


.tb2-features-grid, .tb2-cat-grid, .tb2-link-grid, .tb2-badge-grid {gap: 18px;margin-top: 24px;display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))}
.tb2-feature-card, .tb2-cat-card, .tb2-link-card, .tb2-testi-card {border: 1px solid var(--tb2-border);background: var(--tb2-bg-card);padding: 22px;border-radius: var(--tb2-radius-md)}
.tb2-feature-icon, .tb2-cat-icon {display: inline-block;font-size: 1.8rem;margin-bottom: 8px}
.tb2-cat-count {color: var(--tb2-gold);font-size: 0.78rem;font-weight: 700;display: inline-block;margin-bottom: 8px}
.tb2-link-card {display: block;transition: var(--tb2-transition)}
.tb2-link-card:hover {border-color: var(--tb2-purple-light);transform: translateY(-3px)}
.tb2-link-card span { font-size: 1.6rem; }


.tb2-how-grid {gap: 18px;display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));margin-top: 24px}
.tb2-how-step {position: relative;border: 1px solid var(--tb2-border);border-radius: var(--tb2-radius-md);background: var(--tb2-bg-card);padding: 26px 22px 22px}
.tb2-how-number {position: absolute;width: 28px;height: 28px;top: -14px;justify-content: center;border-radius: 50%;color: #fff;font-size: 0.85rem;display: flex;background: var(--tb2-purple);align-items: center;left: 20px;font-weight: 800}
.tb2-how-icon {font-size: 1.6rem;display: block;margin-bottom: 8px}


.tb2-testi-grid {gap: 18px;margin-top: 24px;display: grid;grid-template-columns: repeat(auto-fit, minmax(260px, 1fr))}
.tb2-testi-card p {color: var(--tb2-text);font-style: italic}
.tb2-testi-card strong {display: block;color: var(--tb2-gold)}
.tb2-testi-card span {color: var(--tb2-text-dim);font-size: 0.82rem}


.tb2-faq-list {flex-direction: column;display: flex;margin-top: 20px;gap: 10px}
.tb2-faq-item {background: var(--tb2-bg-card);border: 1px solid var(--tb2-border);border-radius: var(--tb2-radius-md);overflow: hidden}
.tb2-faq-question {align-items: center;text-align: left;cursor: pointer;width: 100%;justify-content: space-between;font-size: 1rem;display: flex;background: none;border: none;color: var(--tb2-text);padding: 18px 20px;font-weight: 700;gap: 10px}
.tb2-faq-caret {flex-shrink: 0;font-size: 1.2rem;transition: var(--tb2-transition);color: var(--tb2-purple-light)}
.tb2-faq-item.tb2-open .tb2-faq-caret { transform: rotate(45deg); }
.tb2-faq-answer {overflow: hidden;padding: 0 20px;max-height: 0;transition: max-height 0.3s ease}
.tb2-faq-item.tb2-open .tb2-faq-answer {max-height: 400px;padding-bottom: 18px}
.tb2-faq-answer p { margin: 0; }


.tb2-modality-block {padding: 22px 0;border-bottom: 1px solid var(--tb2-border)}
.tb2-modality-block:last-child { border-bottom: none; }
.tb2-modality-heading {flex-wrap: wrap;align-items: center;margin-bottom: 8px;display: flex;gap: 12px}
.tb2-modality-heading h2 { margin: 0; }
.tb2-modality-heading .tb2-cat-count { margin: 0; }


.tb2-steps {list-style: none;display: flex;counter-reset: tb2-step;flex-direction: column;margin: 24px 0 0;gap: 16px;padding: 0}
.tb2-steps li {background: var(--tb2-bg-card);border: 1px solid var(--tb2-border);padding: 18px 20px;border-radius: var(--tb2-radius-md)}
.tb2-badge-card {display: flex;padding: 18px;gap: 14px;border: 1px solid var(--tb2-border);border-radius: var(--tb2-radius-md);background: var(--tb2-bg-card);align-items: flex-start}
.tb2-badge-card span { font-size: 1.5rem; }
.tb2-badge-card h3 { margin-bottom: 4px; }
.tb2-badge-card p { margin: 0; }


.tb2-changelog {padding: 0;flex-direction: column;list-style: none;display: flex;gap: 14px;margin: 24px 0 0}
.tb2-changelog li {border-left: 3px solid var(--tb2-gold);background: var(--tb2-bg-card);padding: 16px 20px;border-radius: 0 var(--tb2-radius-md) var(--tb2-radius-md) 0}
.tb2-changelog strong { color: var(--tb2-text); }
.tb2-changelog p { margin: 6px 0 0; }


.tb2-cta-band { background: linear-gradient(120deg, #1c1440, #241035); }
.tb2-cta-band-inner {display: flex;justify-content: space-between;gap: 24px;align-items: center;flex-wrap: wrap}
.tb2-cta-band-inner h2, .tb2-cta-band-inner p { margin: 0; }
.tb2-cta-band-inner p {margin-top: 6px;color: var(--tb2-text-muted)}


.tb2-footer {background: rgb(5,6,13);margin-top: 20px;border-top: 1px solid var(--tb2-border)}
.tb2-ftlinks {border-bottom: 1px solid var(--tb2-border);padding: 40px 0}
.tb2-ftlinks-grid {display: grid;gap: 22px;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr))}
.tb2-ftlink-box {gap: 12px;display: flex}
.tb2-ftlink-icon { font-size: 1.6rem; }
.tb2-ftlink-box h4 {font-size: 0.98rem;margin: 0 0 4px}
.tb2-ftlink-box p {margin: 0 0 6px;font-size: 0.85rem}
.tb2-ftlink-box a {color: var(--tb2-cyan);font-weight: 700;font-size: 0.85rem}

.tb2-infolinks {padding: 30px 0;border-bottom: 1px solid var(--tb2-border)}
.tb2-infolinks-grid {gap: 22px;display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr))}
.tb2-info-box h4 {font-size: 0.85rem;text-transform: uppercase;margin-bottom: 10px;color: var(--tb2-text-dim);letter-spacing: 0.5px}
.tb2-badge-list {gap: 8px;flex-wrap: wrap;margin: 0;list-style: none;padding: 0;display: flex}
.tb2-badge-list li {border: 1px solid var(--tb2-border);padding: 6px 12px;background: var(--tb2-bg-raised);color: var(--tb2-text-muted);border-radius: 999px;font-size: 0.78rem}

.tb2-lfooter { padding: 34px 0; }
.tb2-lfooter-grid {grid-template-columns: 1.3fr 1fr;display: grid;gap: 30px}
.tb2-lfooter-brand .tb2-logo {margin-bottom: 14px;display: inline-block}
.tb2-flist {gap: 16px;display: flex;padding: 0;list-style: none;flex-wrap: wrap;margin: 0 0 14px}
.tb2-flist a {color: var(--tb2-text-muted);font-size: 0.85rem}
.tb2-ftcopy {color: var(--tb2-text-dim);font-size: 0.78rem}
.tb2-lfooter-links h4 {letter-spacing: 0.5px;margin-bottom: 10px;font-size: 0.85rem;text-transform: uppercase;color: var(--tb2-text-dim)}
.tb2-hrlinks {padding: 0;display: flex;margin: 0;list-style: none;gap: 10px 16px;flex-wrap: wrap}
.tb2-hrlinks a {color: var(--tb2-text-muted);font-size: 0.85rem}
.tb2-hrlinks a:hover, .tb2-flist a:hover { color: var(--tb2-cyan); }


.tb2-ft-sticky {transition: transform 0.25s ease;width: 100%;transform: translateY(0);bottom: 0;z-index: 45;right: 0;position: fixed;border-top: 1px solid var(--tb2-border);background: rgba(11,13,23,0.97);display: none;left: 0;backdrop-filter: blur(8px)}
.tb2-ft-sticky.tb2-hide { transform: translateY(100%); }
.tb2-ft-sticky-inner {gap: 10px;display: flex;padding: 10px 20px}
.tb2-ft-sticky-inner .tb2-btn { flex: 1; }

@media (max-width: 900px) {
  .tb2-main-menu { display: none; }
  .tb2-menu-trigger { display: flex; }
  .tb2-mobile-menu { display: block; }
  .tb2-topnav-cta { display: none; }
  .tb2-lfooter-grid { grid-template-columns: 1fr; }
  .tb2-ft-sticky { display: block; }
  .tb2-main { padding-bottom: 64px; }
}

@media (max-width: 560px) {
  .tb2-abovenav-inner {font-size: 0.72rem;gap: 14px}
  .tb2-cta-band-inner {align-items: flex-start;flex-direction: column}
}


.sf-related-articles{margin:clamp(28px,5vw,56px) auto;border:1px solid rgba(148,163,184,.24);max-width:1120px;border-radius:24px;box-shadow:0 16px 45px rgba(15,23,42,.08);background:rgba(255,255,255,.06);padding:clamp(18px,3vw,28px)}
.sf-related-articles h2{margin:0 0 8px;font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.2}
.sf-related-articles>p{line-height:1.65;opacity:.78;margin:0 0 18px}
.sf-related-articles__list{margin:0;list-style:none;padding:0;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}
.sf-related-articles__item{margin:0;list-style:none;padding:0}
.sf-related-articles__link{transition:transform .18s ease,border-color .18s ease,background .18s ease;color:inherit;border-radius:18px;padding:16px;background:rgba(255,255,255,.08);min-height:100%;border:1px solid rgba(148,163,184,.18);text-decoration:none;flex-direction:column;gap:7px;display:flex}
.sf-related-articles__link:hover{transform:translateY(-2px);background:rgba(255,255,255,.13);border-color:rgba(59,130,246,.45)}
.sf-related-articles__type{letter-spacing:.04em;font-size:.72rem;text-transform:uppercase;width:max-content;background:rgba(59,130,246,.14);font-weight:700;border-radius:999px;opacity:.88;padding:3px 9px;color:inherit}
.sf-related-articles strong{font-size:1rem;line-height:1.35}
.sf-related-articles small{opacity:.72;font-size:.88rem;line-height:1.45}
@media(max-width:640px){.sf-related-articles{margin:28px 12px;border-radius:18px;padding:16px}.sf-related-articles__list{grid-template-columns:1fr}.sf-related-articles__link{padding:14px}}