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

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.tb2-body {font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif;-webkit-font-smoothing: antialiased;background: var(--tb2-bg);line-height: 1.6;margin: 0;color: var(--tb2-text);isolation:auto;outline-offset:0}
body.tb2-body.tb2-menu-open { overflow: hidden; }
img {max-width: 100%;display: block}
a {color: inherit;text-decoration: none}
h1, h2, h3, h4 {font-weight: 800;margin: 0 0 16px;line-height: 1.25}
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 {max-width: 1180px;margin: 0 auto;padding: 0 20px}
.tb2-page-wrapper {display: flex;flex-direction: column;min-height: 100vh}
.tb2-main { flex: 1; }


.tb2-btn {padding: 11px 22px;align-items: center;border-radius: 999px;justify-content: center;display: inline-flex;cursor: pointer;gap: 8px;font-size: 0.95rem;transition: var(--tb2-transition);white-space: nowrap;border: 2px solid transparent;font-weight: 700}
.tb2-btn-solid {color: #241800;background: linear-gradient(135deg, var(--tb2-gold), var(--tb2-gold-dark))}
.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);border-color: var(--tb2-border);color: var(--tb2-text)}
.tb2-btn-ghost:hover { background: rgba(255,255,255,0.12); }
.tb2-btn-outline {border-color: var(--tb2-purple-light);color: var(--tb2-purple-light);background: transparent}
.tb2-btn-outline:hover { background: rgba(139,92,246,0.12); }
.tb2-btn-lg {font-size: 1.02rem;padding: 14px 30px}


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


.tb2-topnav {background: rgba(11,13,23,0.92);backdrop-filter: blur(6px);position: sticky;border-bottom: 1px solid var(--tb2-border);transition: var(--tb2-transition);z-index: 40;top: 0}
.tb2-topnav.tb2-scrolled { box-shadow: 0 6px 20px rgba(0,0,0,0.4); }
.tb2-topnav-inner {justify-content: space-between;align-items: center;gap: 16px;padding: 14px 20px;display: flex}
.tb2-logo img { height: 40px; }
.tb2-logo-word {background: linear-gradient(90deg, var(--tb2-gold), var(--tb2-purple-light));-webkit-background-clip: text;font-weight: 900;letter-spacing: -0.5px;background-clip: text;color: transparent;font-size: 1.5rem}
.tb2-topnav-cta {display: flex;gap: 10px}
.tb2-menu-trigger {border: 1px solid var(--tb2-border);display: none;width: 40px;background: none;gap: 5px;cursor: pointer;height: 40px;border-radius: var(--tb2-radius-sm);justify-content: center;flex-direction: column}
.tb2-menu-trigger span {width: 18px;margin: 0 auto;display: block;height: 2px;background: var(--tb2-text);transition: var(--tb2-transition)}
.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 {display: flex;padding: 0;margin: 0;flex-wrap: wrap;gap: 4px;list-style: none}
.tb2-menu li a {color: var(--tb2-text-muted);padding: 12px 14px;font-size: 0.88rem;display: block;font-weight: 600;border-bottom: 2px solid transparent}
.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;inset: 0 0 0 auto;transform: translateX(100%);z-index: 60;background: var(--tb2-bg-raised);position: fixed;width: min(320px, 85vw);transition: transform 0.3s ease;overflow-y: 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;margin: 0;list-style: none;display: flex;gap: 4px;flex-direction: column}
.tb2-mobile-menu li a {border-bottom: 1px solid var(--tb2-border);display: block;font-weight: 600;padding: 12px 4px;color: var(--tb2-text)}
.tb2-mobile-cta {border-bottom: none !important;gap: 10px;margin-top: 16px;display: flex}
.tb2-mobile-backdrop {z-index: 55;display: none;background: rgba(0,0,0,0.55);inset: 0;position: fixed}
.tb2-mobile-backdrop.tb2-open { display: block; }


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

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


.tb2-stats-strip {border-bottom: 1px solid var(--tb2-border);background: var(--tb2-bg-raised);border-top: 1px solid var(--tb2-border)}
.tb2-stats-grid {gap: 20px;text-align: center;grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));padding: 26px 20px;display: grid}
.tb2-stat strong {display: block;font-size: 1.6rem;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 {font-weight: 700;color: var(--tb2-cyan)}
.tb2-prose p { max-width: 900px; }


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

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


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


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


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


.tb2-changelog {margin: 24px 0 0;display: flex;padding: 0;gap: 14px;list-style: none;flex-direction: column}
.tb2-changelog li {border-left: 3px solid var(--tb2-gold);padding: 16px 20px;border-radius: 0 var(--tb2-radius-md) var(--tb2-radius-md) 0;background: var(--tb2-bg-card)}
.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 {gap: 24px;justify-content: space-between;align-items: center;display: flex;flex-wrap: wrap}
.tb2-cta-band-inner h2, .tb2-cta-band-inner p { margin: 0; }
.tb2-cta-band-inner p {color: var(--tb2-text-muted);margin-top: 6px}


.tb2-footer {background: #05060d;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 {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 {font-size: 0.98rem;margin: 0 0 4px}
.tb2-ftlink-box p {margin: 0 0 6px;font-size: 0.85rem}
.tb2-ftlink-box a {font-weight: 700;font-size: 0.85rem;color: var(--tb2-cyan)}

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

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


.tb2-ft-sticky {transition: transform 0.25s ease;backdrop-filter: blur(8px);background: rgba(11,13,23,0.97);display: none;right: 0;bottom: 0;left: 0;position: fixed;width: 100%;transform: translateY(0);z-index: 45;border-top: 1px solid var(--tb2-border)}
.tb2-ft-sticky.tb2-hide { transform: translateY(100%); }
.tb2-ft-sticky-inner {display: flex;gap: 10px;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 {gap: 14px;font-size: 0.72rem}
  .tb2-cta-band-inner {flex-direction: column;align-items: flex-start}
}


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