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

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


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


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

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


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


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

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


.tb2-features-grid, .tb2-cat-grid, .tb2-link-grid, .tb2-badge-grid {grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));display: grid;margin-top: 24px;gap: 18px}
.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 {margin-bottom: 8px;display: inline-block;font-size: 1.8rem}
.tb2-cat-count {display: inline-block;color: var(--tb2-gold);margin-bottom: 8px;font-weight: 700;font-size: 0.78rem}
.tb2-link-card {transition: var(--tb2-transition);display: block}
.tb2-link-card:hover {transform: translateY(-3px);border-color: var(--tb2-purple-light)}
.tb2-link-card span { font-size: 1.6rem; }


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


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


.tb2-steps {counter-reset: tb2-step;margin: 24px 0 0;display: flex;padding: 0;gap: 16px;list-style: none;flex-direction: column}
.tb2-steps li {border: 1px solid var(--tb2-border);border-radius: var(--tb2-radius-md);background: var(--tb2-bg-card);padding: 18px 20px}
.tb2-badge-card {border: 1px solid var(--tb2-border);background: var(--tb2-bg-card);display: flex;gap: 14px;padding: 18px;border-radius: var(--tb2-radius-md);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 {margin: 24px 0 0;display: flex;gap: 14px;list-style: none;padding: 0;flex-direction: column}
.tb2-changelog li {background: var(--tb2-bg-card);border-radius: 0 var(--tb2-radius-md) var(--tb2-radius-md) 0;border-left: 3px solid var(--tb2-gold);padding: 16px 20px}
.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 {justify-content: space-between;align-items: center;gap: 24px;flex-wrap: wrap;display: flex}
.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 {border-top: 1px solid var(--tb2-border);margin-top: 20px;background: #05060d}
.tb2-ftlinks {padding: 40px 0;border-bottom: 1px solid var(--tb2-border)}
.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 {margin: 0 0 4px;font-size: 0.98rem}
.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 {border-bottom: 1px solid var(--tb2-border);padding: 30px 0}
.tb2-infolinks-grid {gap: 22px;display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr))}
.tb2-info-box h4 {color: var(--tb2-text-dim);font-size: 0.85rem;text-transform: uppercase;margin-bottom: 10px;letter-spacing: 0.5px}
.tb2-badge-list {display: flex;flex-wrap: wrap;list-style: none;margin: 0;gap: 8px;padding: 0}
.tb2-badge-list li {font-size: 0.78rem;background: var(--tb2-bg-raised);padding: 6px 12px;color: var(--tb2-text-muted);border: 1px solid var(--tb2-border);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 {flex-wrap: wrap;display: flex;padding: 0;gap: 16px;margin: 0 0 14px;list-style: none}
.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;margin-bottom: 10px;text-transform: uppercase;color: var(--tb2-text-dim);letter-spacing: 0.5px}
.tb2-hrlinks {display: flex;list-style: none;gap: 10px 16px;padding: 0;margin: 0;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 {backdrop-filter: blur(8px);bottom: 0;display: none;border-top: 1px solid var(--tb2-border);right: 0;transform: translateY(0);background: rgba(11,13,23,0.97);position: fixed;left: 0;width: 100%;transition: transform 0.25s ease;z-index: 45}
.tb2-ft-sticky.tb2-hide { transform: translateY(100%); }
.tb2-ft-sticky-inner {padding: 10px 20px;display: flex;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 {font-size: 0.72rem;gap: 14px}
  .tb2-cta-band-inner {flex-direction: column;align-items: flex-start}
}


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