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

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.tb2-body {color: var(--tb2-text);background: var(--tb2-bg);-webkit-font-smoothing: antialiased;font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif;margin: 0;line-height: 1.6;user-select:auto;visibility:visible;isolation:auto;pointer-events:auto}
body.tb2-body.tb2-menu-open { overflow: hidden; }
img {display: block;max-width: 100%}
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 {max-width: 1180px;padding: 0 20px;margin: 0 auto}
.tb2-page-wrapper {flex-direction: column;display: flex;min-height: 100vh}
.tb2-main { flex: 1; }


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


.tb2-hero {display: flex;background: radial-gradient(circle at 20% 20%, #1c1440, var(--tb2-bg) 70%);min-height: 420px;overflow: hidden;position: relative;align-items: center}
.tb2-hero-img {inset: 0;object-fit: cover;width: 100%;position: absolute;opacity: 0.35;height: 100%}
.tb2-hero-overlay {z-index: 1;position: relative;width: 100%;padding: 60px 0}
.tb2-hero-overlay h1 { max-width: 760px; }
.tb2-hero-logo {background: rgba(255,255,255,0.1);height: 80px;padding: 8px;width: 80px;object-fit: contain;margin-bottom: 16px;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 {min-height: 220px;position: relative;align-items: center;overflow: hidden;display: flex;padding: 50px 0;background: radial-gradient(circle at 80% 0%, #1c1440, var(--tb2-bg) 65%)}
.tb2-page-hero-plain { min-height: unset; }
.tb2-page-hero .tb2-hero-img {opacity: 0.25;position: absolute;height: 100%;object-fit: cover;width: 100%;inset: 0}
.tb2-page-hero .tb2-hero-overlay {position: relative;z-index: 1;padding: 0}


.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 {display: grid;gap: 20px;padding: 26px 20px;text-align: center;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 {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 {padding: 26px;border: 1px solid var(--tb2-border);border-radius: var(--tb2-radius-lg);transition: var(--tb2-transition);display: block;background: var(--tb2-bg-card)}
.tb2-promo-card:hover {box-shadow: var(--tb2-shadow);transform: translateY(-4px);border-color: var(--tb2-purple-light)}

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


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


.tb2-faq-list {display: flex;flex-direction: column;gap: 10px;margin-top: 20px}
.tb2-faq-item {background: var(--tb2-bg-card);border: 1px solid var(--tb2-border);overflow: hidden;border-radius: var(--tb2-radius-md)}
.tb2-faq-question {font-weight: 700;font-size: 1rem;background: none;color: var(--tb2-text);border: none;align-items: center;display: flex;padding: 18px 20px;text-align: left;width: 100%;gap: 10px;justify-content: space-between;cursor: pointer}
.tb2-faq-caret {color: var(--tb2-purple-light);flex-shrink: 0;transition: var(--tb2-transition);font-size: 1.2rem}
.tb2-faq-item.tb2-open .tb2-faq-caret { transform: rotate(45deg); }
.tb2-faq-answer {padding: 0 20px;max-height: 0;transition: max-height 0.3s ease;overflow: hidden}
.tb2-faq-item.tb2-open .tb2-faq-answer {padding-bottom: 18px;max-height: 400px}
.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;flex-direction: column;margin: 24px 0 0;padding: 0;list-style: none;counter-reset: tb2-step}
.tb2-steps li {padding: 18px 20px;background: var(--tb2-bg-card);border: 1px solid var(--tb2-border);border-radius: var(--tb2-radius-md)}
.tb2-badge-card {align-items: flex-start;display: flex;padding: 18px;background: var(--tb2-bg-card);gap: 14px;border: 1px solid var(--tb2-border);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;display: flex;gap: 14px;padding: 0;margin: 24px 0 0;list-style: none}
.tb2-changelog li {background: var(--tb2-bg-card);padding: 16px 20px;border-radius: 0 var(--tb2-radius-md) var(--tb2-radius-md) 0;border-left: 3px solid var(--tb2-gold)}
.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 {align-items: center;justify-content: space-between;gap: 24px;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 {border-top: 1px solid var(--tb2-border);background: #05060d;margin-top: 20px}
.tb2-ftlinks {border-bottom: 1px solid var(--tb2-border);padding: 40px 0}
.tb2-ftlinks-grid {gap: 22px;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));display: grid}
.tb2-ftlink-box {display: flex;gap: 12px}
.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-size: 0.85rem;font-weight: 700}

.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 {letter-spacing: 0.5px;text-transform: uppercase;margin-bottom: 10px;font-size: 0.85rem;color: var(--tb2-text-dim)}
.tb2-badge-list {list-style: none;gap: 8px;display: flex;flex-wrap: wrap;padding: 0;margin: 0}
.tb2-badge-list li {border: 1px solid var(--tb2-border);background: var(--tb2-bg-raised);font-size: 0.78rem;padding: 6px 12px;color: var(--tb2-text-muted);border-radius: 999px}

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


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