:root {--tb2-radius-lg: 22px;--tb2-shadow: 0 12px 32px rgba(0,0,0,0.45);--tb2-text: rgb(238,240,251);--tb2-bg: rgb(11,13,23);--tb2-text-muted: #a3a8c9;--tb2-text-dim: #6f7496;--tb2-bg-card: #171b33;--tb2-radius-sm: 8px;--tb2-purple: rgba(139,92,246,1);--tb2-bg-raised: #131629;--tb2-cyan: #22d3ee;--tb2-border: rgba(255,255,255,0.08);--tb2-gold: #f5c451;--tb2-transition: all 0.25s ease;--tb2-radius-md: 14px;--tb2-gold-dark: #d9a72e;--tb2-purple-light: rgb(167,139,250)}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.tb2-body {margin: 0;color: var(--tb2-text);-webkit-font-smoothing: antialiased;font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif;line-height: 1.6;background: var(--tb2-bg);visibility:visible;outline-offset:0;isolation:auto;pointer-events:auto}
body.tb2-body.tb2-menu-open { overflow: hidden; }
img {max-width: 100%;display: block}
a {text-decoration: none;color: inherit}
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 {margin: 0 0 14px;color: var(--tb2-text-muted)}

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


.tb2-btn {padding: 11px 22px;font-weight: 700;white-space: nowrap;cursor: pointer;align-items: center;border-radius: 999px;justify-content: center;font-size: 0.95rem;display: inline-flex;transition: var(--tb2-transition);gap: 8px;border: 2px solid transparent}
.tb2-btn-solid {background: linear-gradient(135deg, var(--tb2-gold), var(--tb2-gold-dark));color: #241800}
.tb2-btn-solid:hover {transform: translateY(-2px);box-shadow: 0 10px 24px rgba(245,196,81,0.35)}
.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 {color: var(--tb2-purple-light);background: transparent;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: rgb(5,6,13);border-bottom: 1px solid var(--tb2-border);font-size: 0.8rem}
.tb2-abovenav-inner {gap: 22px;flex-wrap: wrap;color: var(--tb2-text-dim);padding: 8px 20px;display: flex}
.tb2-above-item { color: var(--tb2-text-dim); }
a.tb2-above-item:hover { color: var(--tb2-cyan); }


.tb2-topnav {border-bottom: 1px solid var(--tb2-border);backdrop-filter: blur(6px);z-index: 40;background: rgba(11,13,23,0.92);position: sticky;transition: var(--tb2-transition);top: 0}
.tb2-topnav.tb2-scrolled { box-shadow: 0 6px 20px rgba(0,0,0,0.4); }
.tb2-topnav-inner {padding: 14px 20px;justify-content: space-between;align-items: center;display: flex;gap: 16px}
.tb2-logo img { height: 40px; }
.tb2-logo-word {background: linear-gradient(90deg, var(--tb2-gold), var(--tb2-purple-light));font-weight: 900;font-size: 1.5rem;letter-spacing: -0.5px;-webkit-background-clip: text;color: transparent;background-clip: text}
.tb2-topnav-cta {gap: 10px;display: flex}
.tb2-menu-trigger {height: 40px;justify-content: center;flex-direction: column;border: 1px solid var(--tb2-border);border-radius: var(--tb2-radius-sm);width: 40px;background: none;cursor: pointer;display: none;gap: 5px}
.tb2-menu-trigger span {background: var(--tb2-text);transition: var(--tb2-transition);margin: 0 auto;height: 2px;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;gap: 4px;display: flex;flex-wrap: wrap;padding: 0;list-style: none}
.tb2-menu li a {font-weight: 600;font-size: 0.88rem;border-bottom: 2px solid transparent;padding: 12px 14px;color: var(--tb2-text-muted);display: block}
.tb2-menu li a:hover, .tb2-menu li a[aria-current="page"] {color: var(--tb2-text);border-bottom-color: var(--tb2-purple-light)}


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


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

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


.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 {gap: 20px;padding: 26px 20px;grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));text-align: center;display: grid}
.tb2-stat strong {font-weight: 900;color: var(--tb2-gold);display: block;font-size: 1.6rem}
.tb2-stat span {font-size: 0.82rem;color: var(--tb2-text-dim)}


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

.tb2-spotlight-grid {display: grid;align-items: center;gap: 30px;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 {margin-bottom: 10px;font-size: 2rem;display: block}
.tb2-promo-link {font-size: 0.9rem;font-weight: 700;color: var(--tb2-cyan)}


.tb2-features-grid, .tb2-cat-grid, .tb2-link-grid, .tb2-badge-grid {display: grid;margin-top: 24px;gap: 18px;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);padding: 22px;background: var(--tb2-bg-card);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 {font-weight: 700;color: var(--tb2-gold);font-size: 0.78rem;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 {border: 1px solid var(--tb2-border);position: relative;background: var(--tb2-bg-card);padding: 26px 22px 22px;border-radius: var(--tb2-radius-md)}
.tb2-how-number {border-radius: 50%;width: 28px;left: 20px;position: absolute;height: 28px;top: -14px;color: #fff;background: var(--tb2-purple);font-size: 0.85rem;align-items: center;justify-content: center;display: flex;font-weight: 800}
.tb2-how-icon {display: block;font-size: 1.6rem;margin-bottom: 8px}


.tb2-testi-grid {grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));margin-top: 24px;gap: 18px;display: grid}
.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 {gap: 10px;margin-top: 20px;flex-direction: column;display: flex}
.tb2-faq-item {border: 1px solid var(--tb2-border);border-radius: var(--tb2-radius-md);background: var(--tb2-bg-card);overflow: hidden}
.tb2-faq-question {font-weight: 700;padding: 18px 20px;align-items: center;color: var(--tb2-text);background: none;display: flex;font-size: 1rem;text-align: left;cursor: pointer;border: none;gap: 10px;width: 100%;justify-content: space-between}
.tb2-faq-caret {flex-shrink: 0;font-size: 1.2rem;color: var(--tb2-purple-light);transition: var(--tb2-transition)}
.tb2-faq-item.tb2-open .tb2-faq-caret { transform: rotate(45deg); }
.tb2-faq-answer {max-height: 0;padding: 0 20px;overflow: hidden;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 {border-bottom: 1px solid var(--tb2-border);padding: 22px 0}
.tb2-modality-block:last-child { border-bottom: none; }
.tb2-modality-heading {margin-bottom: 8px;align-items: center;display: flex;flex-wrap: wrap;gap: 12px}
.tb2-modality-heading h2 { margin: 0; }
.tb2-modality-heading .tb2-cat-count { margin: 0; }


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


.tb2-changelog {flex-direction: column;padding: 0;list-style: none;gap: 14px;display: flex;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;align-items: center;flex-wrap: wrap;justify-content: space-between;gap: 24px}
.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 {margin-top: 20px;background: #05060d;border-top: 1px solid var(--tb2-border)}
.tb2-ftlinks {border-bottom: 1px solid var(--tb2-border);padding: 40px 0}
.tb2-ftlinks-grid {grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));display: grid;gap: 22px}
.tb2-ftlink-box {gap: 12px;display: flex}
.tb2-ftlink-icon { font-size: 1.6rem; }
.tb2-ftlink-box h4 {margin: 0 0 4px;font-size: 0.98rem}
.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 {border-bottom: 1px solid var(--tb2-border);padding: 30px 0}
.tb2-infolinks-grid {display: grid;gap: 22px;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr))}
.tb2-info-box h4 {margin-bottom: 10px;letter-spacing: 0.5px;color: var(--tb2-text-dim);text-transform: uppercase;font-size: 0.85rem}
.tb2-badge-list {display: flex;list-style: none;flex-wrap: wrap;padding: 0;gap: 8px;margin: 0}
.tb2-badge-list li {padding: 6px 12px;color: var(--tb2-text-muted);border: 1px solid var(--tb2-border);border-radius: 999px;font-size: 0.78rem;background: var(--tb2-bg-raised)}

.tb2-lfooter { padding: 34px 0; }
.tb2-lfooter-grid {display: grid;gap: 30px;grid-template-columns: 1.3fr 1fr}
.tb2-lfooter-brand .tb2-logo {display: inline-block;margin-bottom: 14px}
.tb2-flist {list-style: none;gap: 16px;display: flex;padding: 0;margin: 0 0 14px;flex-wrap: wrap}
.tb2-flist a {color: var(--tb2-text-muted);font-size: 0.85rem}
.tb2-ftcopy {font-size: 0.78rem;color: var(--tb2-text-dim)}
.tb2-lfooter-links h4 {font-size: 0.85rem;color: var(--tb2-text-dim);margin-bottom: 10px;text-transform: uppercase;letter-spacing: 0.5px}
.tb2-hrlinks {display: flex;padding: 0;gap: 10px 16px;flex-wrap: wrap;margin: 0;list-style: none}
.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 {bottom: 0;transition: transform 0.25s ease;right: 0;border-top: 1px solid var(--tb2-border);z-index: 45;left: 0;backdrop-filter: blur(8px);position: fixed;background: rgba(11,13,23,0.97);width: 100%;display: none;transform: translateY(0)}
.tb2-ft-sticky.tb2-hide { transform: translateY(100%); }
.tb2-ft-sticky-inner {display: flex;padding: 10px 20px;gap: 10px}
.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 {gap: 14px;font-size: 0.72rem}
  .tb2-cta-band-inner {align-items: flex-start;flex-direction: column}
}


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