:root {
  --twrt-primary: #1da1f2;
  --twrt-primary-dark: #0d8ecf;
  --twrt-accent: #00acee;
  --twrt-accent-light: #71c9f8;
  --twrt-dark: #0a0e1a;
  --twrt-dark-2: #0d1b2a;
  --twrt-heading: #14171a;
  --twrt-text: #4b5563;
  --twrt-muted: #6b7280;
  --twrt-success: #10b981;
  --twrt-warning: #f59e0b;
  --twrt-danger: #ef4444;
  --twrt-card-bg: #ffffff;
  --twrt-card-border: rgba(29, 161, 242, 0.12);
  --twrt-glass-border: rgba(255, 255, 255, 0.14);
  --twrt-section-a: #f8faff;
  --twrt-section-b: #edf5ff;
  --twrt-gradient: linear-gradient(135deg, #1da1f2 0%, #00acee 100%);
  --twrt-gradient-soft: linear-gradient(135deg, rgba(29, 161, 242, 0.1), rgba(113, 201, 248, 0.04));
  --twrt-radius: 16px;
  --twrt-radius-lg: 24px;
  --twrt-shadow: 0 10px 34px rgba(29, 161, 242, 0.1);
}

@keyframes twrtShimmer {
  0% { transform: translateX(-120%); }
  55%, 100% { transform: translateX(120%); }
}

@keyframes twrtMarquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@keyframes twrtFadeIn {
  from { opacity: 0; transform: scale(0.96); }
  to { opacity: 1; transform: scale(1); }
}

@keyframes twrtSlideUp {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes twrtFloatBadgeOne {
  0%, 100% { transform: translateY(0) rotate(-1deg); }
  50% { transform: translateY(-6px) rotate(1deg); }
}

@keyframes twrtFloatBadgeTwo {
  0%, 100% { transform: translateY(0) rotate(1deg); }
  50% { transform: translateY(-8px) rotate(-1deg); }
}

@keyframes twrtCatFloat {
  0%, 100% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(0, -7px, 0); }
}

@keyframes twrtDotBlink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.35; }
}

@keyframes twrtFeedSlideIn {
  from { opacity: 0; transform: translateY(-8px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes twrtReadmoreBounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(4px); }
}

.twrt-hl-primary { color: var(--twrt-primary-dark); font-weight: 700; }
.twrt-hl-accent { color: var(--twrt-accent); font-weight: 700; }
.twrt-hl-success { color: var(--twrt-success); font-weight: 700; }
.twrt-hl-warning { color: var(--twrt-warning); font-weight: 700; }

.twrt-hero {
  position: relative;
  width: 100%;
  overflow: clip;
  padding: 16px 0 24px;
  background:
    radial-gradient(circle at 86% 8%, rgba(29, 161, 242, 0.16), transparent 30%),
    radial-gradient(circle at 8% 94%, rgba(113, 201, 248, 0.12), transparent 28%),
    linear-gradient(135deg, #0a0e1a 0%, #0d1b2a 48%, #080c16 100%);
}

.twrt-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px);
  background-size: 40px 40px;
}

.twrt-hero-orb {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

.twrt-hero-orb-1 {
  width: 300px;
  height: 300px;
  top: -90px;
  right: -70px;
  background: radial-gradient(circle, rgba(29, 161, 242, 0.14), transparent 70%);
}

.twrt-hero-orb-2 {
  width: 210px;
  height: 210px;
  bottom: -70px;
  left: 4%;
  background: radial-gradient(circle, rgba(113, 201, 248, 0.14), transparent 70%);
}

.twrt-hero-orb-3 {
  width: 120px;
  height: 120px;
  top: 35%;
  left: 44%;
  background: radial-gradient(circle, rgba(0, 172, 238, 0.09), transparent 70%);
}

.twrt-hero-grid { position: absolute; inset: 0; pointer-events: none; }
.twrt-hero-row { display: flex; flex-wrap: wrap; flex-direction: row-reverse; }
.twrt-col-form, .twrt-col-illustration { min-width: 0; }
.twrt-col-form { margin-top: -4px; }
.twrt-col-illustration { padding-top: 4px; }
.twrt-anim-fadeIn { animation: twrtFadeIn 0.65s ease both; }
.twrt-anim-slideUp { animation: twrtSlideUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) both; }

.twrt-breadcrumb { margin-bottom: 8px; }
.twrt-breadcrumb ol {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 0.78rem;
}
.twrt-breadcrumb a { color: rgba(255, 255, 255, 0.65); text-decoration: none; transition: color 0.2s ease; }
.twrt-breadcrumb a:hover { color: var(--twrt-accent-light); }
.twrt-breadcrumb .separator { color: rgba(255, 255, 255, 0.3); font-size: 0.55rem; }
.twrt-breadcrumb .current span { color: rgba(255, 255, 255, 0.88); font-weight: 700; }

.twrt-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding: 8px 18px;
  margin-bottom: 12px;
  border: 1px solid rgba(29, 161, 242, 0.38);
  border-radius: 999px;
  background: rgba(29, 161, 242, 0.16);
  box-shadow: 0 0 22px rgba(29, 161, 242, 0.18);
  color: var(--twrt-accent-light);
  font-size: 0.82rem;
  font-weight: 800;
  line-height: 1.35;
}
.twrt-hero-badge i { color: var(--twrt-primary); }
.twrt-hero-headline { min-width: 0; }
.twrt-hero-title {
  margin: 0 0 7px;
  color: #ffffff;
  font-size: clamp(1.55rem, 3.6vw, 2.25rem);
  font-weight: 850;
  line-height: 1.22;
  text-wrap: balance;
  text-shadow: 0 2px 24px rgba(0, 0, 0, 0.3);
}
.twrt-hero-title .accent {
  background: var(--twrt-gradient);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.twrt-kw-rotator {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  max-width: 100%;
  margin-bottom: 14px;
}
.twrt-kw {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  max-width: 100%;
  padding: 5px 11px;
  border: 1px solid rgba(29, 161, 242, 0.25);
  border-radius: 999px;
  background: rgba(29, 161, 242, 0.1);
  color: rgba(255, 255, 255, 0.76);
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.25;
  white-space: normal;
}

.twrt-glass-form {
  position: relative;
  padding: 24px 28px;
  border: 1px solid var(--twrt-glass-border);
  border-radius: var(--twrt-radius);
  background: linear-gradient(160deg, rgba(29, 161, 242, 0.09), rgba(10, 14, 26, 0.96) 42%, rgba(13, 27, 42, 0.98));
  box-shadow: 0 0 22px rgba(29, 161, 242, 0.2), 0 20px 54px rgba(0, 0, 0, 0.22);
}
.twrt-glass-form::before {
  content: "";
  position: absolute;
  inset: -1px;
  padding: 1px;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(29, 161, 242, 0.48), rgba(113, 201, 248, 0.12), rgba(29, 161, 242, 0.32));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.twrt-form-header {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-bottom: 14px;
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.twrt-form-header-icon {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--twrt-gradient);
  box-shadow: 0 5px 16px rgba(29, 161, 242, 0.28);
  color: #ffffff;
  font-size: 1.2rem;
}
.twrt-form-header-title { margin: 0; color: #ffffff; font-size: 1.02rem; font-weight: 800; line-height: 1.3; }
.twrt-form-header-sub { margin: 2px 0 0; color: rgba(255, 255, 255, 0.56); font-size: 0.76rem; line-height: 1.4; }

.twrt-stepper {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin-bottom: 18px;
}
.twrt-step {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 0;
  color: rgba(255, 255, 255, 0.34);
  font-size: 0.7rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  transition: color 0.25s ease;
}
.twrt-step-num {
  display: grid;
  place-items: center;
  flex: 0 0 25px;
  width: 25px;
  height: 25px;
  border: 2px solid rgba(255, 255, 255, 0.14);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.07);
  color: rgba(255, 255, 255, 0.36);
  font-size: 0.68rem;
  transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}
.twrt-step.active { color: rgba(255, 255, 255, 0.96); }
.twrt-step.active .twrt-step-num {
  border-color: var(--twrt-primary);
  background: var(--twrt-gradient);
  box-shadow: 0 0 12px rgba(29, 161, 242, 0.38);
  color: #ffffff;
}
.twrt-step.completed { color: rgba(255, 255, 255, 0.62); }
.twrt-step.completed .twrt-step-num {
  border-color: var(--twrt-success);
  background: var(--twrt-success);
  color: transparent;
}
.twrt-step.completed .twrt-step-num::after {
  content: "\f00c";
  color: #ffffff;
  font-family: "Font Awesome 5 Free";
  font-size: 0.65rem;
  font-weight: 900;
}

.twrt-form-group { min-width: 0; margin-bottom: 16px; }
.twrt-form-group:last-of-type { margin-bottom: 8px; }
.twrt-form-label {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.82rem;
  font-weight: 700;
}
.twrt-form-label i { color: var(--twrt-accent-light); }
.twrt-form-row-2col .twrt-form-label { font-weight: 600; }
.twrt-form-row-2col .twrt-form-label i { color: var(--twrt-accent); font-size: 0.88rem; }
.twrt-form-row-2col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  transition: grid-template-columns 0.3s ease;
}
.twrt-form-row-2col > .twrt-form-group { min-width: 0; }

.twrt-input, .twrt-textarea {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
  outline: none;
  background: rgba(255, 255, 255, 0.07);
  color: #ffffff;
  font-size: 0.88rem;
  transition: border-color 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}
.twrt-input { min-height: 46px; padding: 11px 14px; }
.twrt-textarea { min-height: 44px; padding: 10px 14px; resize: vertical; }
.twrt-input::placeholder, .twrt-textarea::placeholder { color: rgba(255, 255, 255, 0.34); }
.twrt-input:focus, .twrt-textarea:focus {
  border-color: var(--twrt-primary);
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 0 3px rgba(29, 161, 242, 0.15);
}
.twrt-input option { background: var(--twrt-dark); color: #ffffff; }

.twrt-glass-form .custom-select-wrapper { position: relative; width: 100%; min-width: 0; user-select: none; }
.twrt-glass-form .custom-select-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  padding: 12px 32px 12px 14px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.07);
  color: #ffffff;
  cursor: pointer;
  font-size: 0.88rem;
  transition: border-color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
}
.twrt-glass-form .custom-select-trigger:hover,
.twrt-glass-form .custom-select-wrapper.open .custom-select-trigger {
  border-color: var(--twrt-primary);
  box-shadow: 0 0 0 3px rgba(29, 161, 242, 0.15);
}
.twrt-glass-form .custom-select-trigger span {
  display: block;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.twrt-glass-form .custom-select-trigger .arrow {
  position: absolute;
  top: 50%;
  right: 12px;
  width: 0;
  height: 0;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 5px solid rgba(255, 255, 255, 0.56);
  transform: translateY(-50%);
}
.twrt-glass-form .custom-select-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: auto;
  z-index: 1050;
  display: none;
  width: 100%;
  min-width: 100%;
  max-width: calc(100vw - 40px);
  margin-top: 5px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(10, 14, 26, 0.98);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
}
.twrt-glass-form .custom-select-wrapper.open .custom-select-dropdown { display: block; }
.twrt-glass-form .custom-search-container { padding: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); background: rgba(10, 14, 26, 0.8); }
.twrt-glass-form .custom-search-input {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  outline: none;
  background: rgba(255, 255, 255, 0.06);
  color: #ffffff;
}
.twrt-glass-form .custom-search-input:focus { border-color: var(--twrt-primary); box-shadow: 0 0 0 3px rgba(29, 161, 242, 0.12); }
.twrt-glass-form .custom-options-list { max-height: 250px; padding: 0; margin: 0; overflow-y: auto; list-style: none; }
.twrt-glass-form .custom-option {
  display: flex;
  align-items: center;
  padding: 10px 12px;
  color: rgba(255, 255, 255, 0.9);
  cursor: pointer;
  font-size: 0.82rem;
  line-height: 1.45;
  word-break: break-word;
  white-space: normal;
}
.twrt-glass-form .custom-option:hover { background: rgba(29, 161, 242, 0.12); }
.twrt-glass-form .custom-option.selected { border-left: 3px solid var(--twrt-primary); background: rgba(29, 161, 242, 0.15); }
.twrt-glass-form .custom-option img { width: 20px; height: 15px; margin-right: 10px; }
.twrt-glass-form #server-list li {
  padding: 10px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.9);
  cursor: pointer;
  font-size: 0.82rem;
  line-height: 1.4;
  transition: background 0.15s;
  white-space: normal;
  word-break: break-word;
}
.twrt-glass-form #server-list li:hover { background: rgba(29, 161, 242, 0.12); }
.twrt-glass-form #server-list li strong { color: var(--twrt-accent-light); }

.twrt-qty-row { display: flex; min-width: 0; }
.twrt-qty-row .twrt-input { min-width: 0; border-right: 0; border-radius: 10px 0 0 10px; }
.twrt-qty-suffix {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  padding: 11px 14px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-left: 0;
  border-radius: 0 10px 10px 0;
  background: rgba(29, 161, 242, 0.14);
  color: var(--twrt-accent-light);
  font-size: 0.82rem;
  font-weight: 700;
  white-space: nowrap;
}
.twrt-price-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 6px 0; }
.twrt-price-label { color: rgba(255, 255, 255, 0.58); font-size: 0.82rem; }
.twrt-price-value { color: #ffffff; font-size: 0.88rem; font-weight: 800; text-align: right; }
.twrt-price-total { color: var(--twrt-accent-light); font-size: 1.08rem; font-weight: 850; text-align: right; }
.twrt-server-desc {
  display: none;
  padding: 7px 10px;
  margin: -3px 0 7px;
  border: 1px solid rgba(29, 161, 242, 0.16);
  border-radius: 7px;
  background: rgba(29, 161, 242, 0.08);
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.74rem;
  line-height: 1.5;
}
.twrt-qty-hint { display: block; margin: 0 0 8px; color: rgba(255, 255, 255, 0.48); font-size: 0.7rem; line-height: 1.4; }

.twrt-cta-btn {
  position: relative;
  width: 100%;
  padding: 14px;
  margin-top: 11px;
  overflow: hidden;
  border: 0;
  border-radius: 12px;
  background: var(--twrt-gradient);
  box-shadow: 0 8px 22px rgba(29, 161, 242, 0.2);
  color: #ffffff;
  cursor: pointer;
  font-size: 1rem;
  font-weight: 800;
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}
.twrt-cta-btn::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.24), transparent);
  transform: translateX(-120%);
  animation: twrtShimmer 3.4s ease-in-out infinite;
}
.twrt-cta-btn:hover { transform: translateY(-2px); box-shadow: 0 11px 30px rgba(29, 161, 242, 0.34); }
.twrt-cta-btn:focus-visible,
.twrt-readmore-btn:focus-visible,
.twrt-cta-btn-final:focus-visible,
.twrt-faq-q:focus-visible {
  outline: 3px solid rgba(113, 201, 248, 0.52);
  outline-offset: 3px;
}
.twrt-trust-mini { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px 14px; margin-top: 9px; }
.twrt-trust-mini-item { display: inline-flex; align-items: center; gap: 4px; color: rgba(255, 255, 255, 0.58); font-size: 0.7rem; }
.twrt-trust-mini-item i { color: var(--twrt-accent-light); }

.twrt-proof-panel {
  padding: 20px;
  margin-top: 12px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: var(--twrt-radius-lg);
  background: rgba(10, 14, 26, 0.94);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.18);
}
.twrt-proof-hero {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-bottom: 16px;
  margin-bottom: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.twrt-proof-robot {
  position: relative;
  display: grid;
  place-items: center;
  flex: 0 0 132px;
  width: 132px;
  height: 132px;
}
.twrt-cat-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 104px;
  height: 104px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(29, 161, 242, 0.22), transparent 70%);
  opacity: 0.72;
  pointer-events: none;
  transform: translate(-50%, -50%);
}
.twrt-robot-img-sm {
  position: relative;
  z-index: 2;
  width: 122px;
  max-height: 126px;
  object-fit: contain;
  filter: drop-shadow(0 7px 19px rgba(29, 161, 242, 0.25));
  animation: twrtCatFloat 4.6s ease-in-out infinite;
}
.twrt-fbadge {
  position: absolute;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border: 1px solid rgba(29, 161, 242, 0.3);
  border-radius: 999px;
  background: rgba(29, 161, 242, 0.18);
  box-shadow: 0 4px 12px rgba(29, 161, 242, 0.12);
  color: #ffffff;
  font-size: 0.56rem;
  font-weight: 800;
  line-height: 1;
  pointer-events: none;
  white-space: nowrap;
}
.twrt-fbadge i { color: var(--twrt-accent-light); }
.twrt-fb-mini-1 { top: 0; right: -7px; animation: twrtFloatBadgeOne 3.8s ease-in-out infinite; }
.twrt-fb-mini-2 { bottom: 6px; left: -10px; animation: twrtFloatBadgeTwo 4.2s ease-in-out infinite 0.5s; }
.twrt-fb-mini-3 { top: 49%; right: -17px; opacity: 0.78; }

.twrt-proof-stats { display: grid; flex: 1; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.twrt-pstat {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: 10px 6px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.04);
  text-align: center;
  transition: transform 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
}
.twrt-pstat:hover { transform: translateY(-2px); border-color: rgba(29, 161, 242, 0.2); background: rgba(29, 161, 242, 0.08); }
.twrt-pstat-icon { margin-bottom: 3px; color: var(--twrt-accent-light); font-size: 0.9rem; }
.twrt-pstat-num { color: #ffffff; font-size: clamp(0.88rem, 1.15vw, 1.14rem); font-variant-numeric: tabular-nums; font-weight: 850; line-height: 1.18; overflow-wrap: anywhere; }
.twrt-pstat-label { margin-top: 3px; color: rgba(255, 255, 255, 0.62); font-size: 0.61rem; font-weight: 700; letter-spacing: 0.35px; line-height: 1.35; text-transform: uppercase; }

.twrt-livefeed { position: relative; overflow: hidden; }
.twrt-livefeed::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  height: 34px;
  pointer-events: none;
  background: linear-gradient(transparent, rgba(10, 14, 26, 0.96));
}
.twrt-livefeed-header { display: flex; align-items: center; gap: 8px; margin-bottom: 9px; }
.twrt-livefeed-dot { width: 8px; height: 8px; border-radius: 50%; background: #4caf50; box-shadow: 0 0 8px rgba(76, 175, 80, 0.5); animation: twrtDotBlink 1.7s ease-in-out infinite; }
.twrt-livefeed-title { color: rgba(255, 255, 255, 0.62); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.7px; text-transform: uppercase; }
.twrt-livefeed-list { display: flex; flex-direction: column; gap: 6px; max-height: 225px; overflow: hidden; }
.twrt-livefeed-item {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 8px 10px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.035);
  animation: twrtFeedSlideIn 0.4s ease-out;
}
.twrt-livefeed-avatar {
  display: grid;
  place-items: center;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--twrt-gradient);
  color: #ffffff;
  font-size: 0.7rem;
  font-weight: 800;
}
.twrt-livefeed-info { flex: 1; min-width: 0; }
.twrt-livefeed-name, .twrt-livefeed-detail { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.twrt-livefeed-name { color: #ffffff; font-size: 0.75rem; font-weight: 700; }
.twrt-livefeed-name span { color: var(--twrt-accent-light); font-weight: 800; }
.twrt-livefeed-detail { margin-top: 1px; color: rgba(255, 255, 255, 0.42); font-size: 0.65rem; }
.twrt-livefeed-time { flex: 0 0 auto; color: rgba(255, 255, 255, 0.36); font-size: 0.6rem; white-space: nowrap; }

.twrt-hero-info-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 16px 18px 16px 22px;
  margin: 12px 0 20px;
  overflow: hidden;
  border: 1px solid rgba(29, 161, 242, 0.12);
  border-radius: 12px;
  background: rgba(10, 14, 26, 0.7);
}
.twrt-hero-info-card::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 3px;
  background: var(--twrt-gradient);
}
.twrt-hero-desc { margin: 0; color: rgba(255, 255, 255, 0.78); font-size: 0.88rem; line-height: 1.68; }
.twrt-hero-desc strong { color: var(--twrt-accent-light); }
.twrt-hero-anchor {
  padding-top: 11px;
  margin: 11px 0 0;
  border-top: 1px solid rgba(29, 161, 242, 0.09);
  color: rgba(255, 255, 255, 0.56);
  font-size: 0.82rem;
  line-height: 1.65;
}
.twrt-hero-anchor a { color: var(--twrt-accent-light); font-weight: 750; text-decoration: underline; text-decoration-style: dashed; text-underline-offset: 3px; }

.twrt-section { position: relative; padding: 54px 0; overflow: clip; background: linear-gradient(180deg, var(--twrt-section-a), #ffffff); }
.twrt-section:nth-of-type(even) { background: linear-gradient(180deg, #ffffff, #f4f9ff); }
.twrt-section-alt { background: linear-gradient(145deg, #eef7ff 0%, #f8fbff 55%, #eaf5ff 100%) !important; }
.twrt-section::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.028;
  background-image: radial-gradient(circle, #14171a 1px, transparent 1px);
  background-size: 25px 25px;
}
.twrt-section > .container-fluid { position: relative; z-index: 1; }
.twrt-section-title {
  position: relative;
  padding-bottom: 10px;
  margin: 0 0 14px;
  color: var(--twrt-heading);
  font-size: clamp(1.3rem, 2.2vw, 1.72rem);
  font-weight: 850;
  line-height: 1.35;
  text-wrap: balance;
}
.twrt-section-title::after { content: ""; position: absolute; bottom: 0; left: 0; width: 64px; height: 3px; border-radius: 3px; background: var(--twrt-gradient); }
.twrt-section-title.center { text-align: center; }
.twrt-section-title.center::after { left: 50%; transform: translateX(-50%); }
.twrt-section-desc { max-width: 840px; margin: 0 auto 26px; color: var(--twrt-text); font-size: 0.96rem; line-height: 1.78; text-align: center; }
.twrt-section-text { margin: 0 0 15px; color: var(--twrt-text); font-size: 0.94rem; line-height: 1.8; }
.twrt-section-text strong { color: var(--twrt-heading); }
.twrt-reveal { opacity: 1; transform: none; }
.twrt-js .twrt-reveal { opacity: 0; transform: translateY(22px); transition: opacity 0.55s ease, transform 0.55s cubic-bezier(0.16, 1, 0.3, 1); }
.twrt-js .twrt-reveal.visible { opacity: 1; transform: translateY(0); }

.twrt-img-card {
  position: relative;
  padding: 10px;
  overflow: hidden;
  border: 1px solid var(--twrt-card-border);
  border-radius: 20px;
  background: var(--twrt-card-bg);
  box-shadow: var(--twrt-shadow);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.twrt-img-card:hover { transform: translateY(-5px); border-color: rgba(29, 161, 242, 0.25); box-shadow: 0 18px 48px rgba(29, 161, 242, 0.14); }
.twrt-section-img { display: block; width: 100%; height: auto; max-width: 100%; border-radius: 13px; object-fit: cover; }
.twrt-img-open {
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 13px;
  background: transparent;
  cursor: zoom-in;
}
.twrt-img-open:focus-visible { outline: 3px solid rgba(29, 161, 242, 0.46); outline-offset: 3px; }
.twrt-img-card figcaption {
  padding: 10px 7px 2px;
  margin: 0;
  color: var(--twrt-muted);
  font-size: 0.76rem;
  line-height: 1.55;
}
.twrt-lightbox-image { display: block; max-width: 92vw; max-height: 90vh; border-radius: 12px; object-fit: contain; }

.twrt-hero-shell { position: relative; z-index: 2; }
.twrt-hero-lead {
  max-width: 620px;
  margin: 0 0 15px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.9rem;
  line-height: 1.68;
}
.twrt-section-heading { max-width: 900px; margin: 0 auto 28px; text-align: center; }
.twrt-section-heading .twrt-section-title { margin-bottom: 12px; }
.twrt-section-heading .twrt-section-title::after { left: 50%; transform: translateX(-50%); }
.twrt-kicker, .twrt-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 10px;
  color: var(--twrt-primary-dark);
  font-size: 0.74rem;
  font-weight: 850;
  letter-spacing: 0.55px;
  text-transform: uppercase;
}
.twrt-kicker {
  padding: 5px 11px;
  border: 1px solid rgba(29, 161, 242, 0.15);
  border-radius: 999px;
  background: rgba(29, 161, 242, 0.07);
}
.twrt-subtitle {
  margin: 0 0 11px;
  color: var(--twrt-heading);
  font-size: clamp(1.08rem, 1.8vw, 1.35rem);
  font-weight: 850;
  line-height: 1.4;
}
.twrt-content-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
  gap: clamp(24px, 4vw, 48px);
  align-items: center;
}
.twrt-content-grid + .twrt-content-grid { margin-top: 34px; }
.twrt-content-grid-reverse > :first-child { order: 2; }
.twrt-content-grid-reverse > :last-child { order: 1; }
.twrt-content-grid-definition { align-items: stretch; }
.twrt-content-grid-definition .twrt-content-copy { display: flex; flex-direction: column; justify-content: center; }
.twrt-content-copy { min-width: 0; color: var(--twrt-text); }
.twrt-content-copy > p { margin: 0 0 14px; color: var(--twrt-text); font-size: 0.92rem; line-height: 1.76; }
.twrt-usecase-feature { padding-top: 34px; margin-top: 34px; border-top: 1px solid rgba(29, 161, 242, 0.12); }

.twrt-term-map { display: flex; flex-direction: column; gap: 11px; }
.twrt-term-card {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 13px;
  align-items: center;
  padding: 15px;
  border: 1px solid var(--twrt-card-border);
  border-radius: 14px;
  background: var(--twrt-card-bg);
  box-shadow: 0 5px 18px rgba(29, 161, 242, 0.05);
}
.twrt-term-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: rgba(29, 161, 242, 0.1);
  color: var(--twrt-primary);
  font-size: 1.12rem;
}
.twrt-x-mark { font-family: Arial, Helvetica, sans-serif; font-size: 1.08rem; font-weight: 900; line-height: 1; }
.twrt-term-card h3 { margin: 0 0 3px; color: var(--twrt-heading); font-size: 0.94rem; font-weight: 850; }
.twrt-term-card p { margin: 0; color: var(--twrt-text); font-size: 0.82rem; line-height: 1.58; }
.twrt-note-box {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 10px;
  padding: 13px 15px;
  margin-top: 14px;
  border: 1px solid rgba(245, 158, 11, 0.2);
  border-radius: 12px;
  background: rgba(245, 158, 11, 0.065);
}
.twrt-note-box > i { margin-top: 3px; color: var(--twrt-warning); }
.twrt-note-box p { margin: 0; color: var(--twrt-text); font-size: 0.82rem; line-height: 1.6; }
.twrt-check-list { display: flex; flex-direction: column; gap: 9px; padding: 0; margin: 16px 0 0; list-style: none; }
.twrt-check-list li { display: grid; grid-template-columns: 25px minmax(0, 1fr); gap: 9px; align-items: start; color: var(--twrt-text); font-size: 0.87rem; line-height: 1.6; }
.twrt-check-list li i { display: grid; place-items: center; width: 23px; height: 23px; border-radius: 50%; background: rgba(16, 185, 129, 0.1); color: var(--twrt-success); font-size: 0.68rem; }

.twrt-section-dark {
  background:
    radial-gradient(circle at 85% 10%, rgba(29, 161, 242, 0.17), transparent 28%),
    linear-gradient(145deg, #08111d, #0d1b2a 55%, #07101b) !important;
}
.twrt-section-dark::before { opacity: 0.05; background-image: radial-gradient(circle, #ffffff 1px, transparent 1px); }
.twrt-section-heading-light .twrt-section-title { color: #ffffff; }
.twrt-section-heading-light .twrt-section-desc { color: rgba(255, 255, 255, 0.72); }
.twrt-section-heading-light .twrt-kicker { border-color: rgba(113, 201, 248, 0.24); background: rgba(29, 161, 242, 0.12); color: var(--twrt-accent-light); }
.twrt-section-dark .twrt-benefit-card { border-color: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.055); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); }
.twrt-section-dark .twrt-benefit-card h3 { color: #ffffff; }
.twrt-section-dark .twrt-benefit-card p { color: rgba(255, 255, 255, 0.68); }
.twrt-benefit-icon, .twrt-usecase-icon {
  display: inline-grid;
  place-items: center;
  width: 43px;
  height: 43px;
  margin-bottom: 11px;
  border-radius: 12px;
  background: rgba(29, 161, 242, 0.1);
  color: var(--twrt-primary);
  font-size: 1.15rem;
}
.twrt-benefit-card h3, .twrt-usecase-card h3 { margin: 0 0 7px; color: var(--twrt-heading); font-size: 0.96rem; font-weight: 850; line-height: 1.42; }
.twrt-section-dark .twrt-benefit-icon { background: rgba(29, 161, 242, 0.16); color: var(--twrt-accent-light); }

.twrt-price-explainer {
  display: grid;
  grid-template-columns: minmax(300px, 0.9fr) minmax(0, 1.1fr);
  gap: 30px;
  align-items: center;
  padding: clamp(20px, 3vw, 30px);
  border: 1px solid var(--twrt-card-border);
  border-radius: 20px;
  background: var(--twrt-card-bg);
  box-shadow: var(--twrt-shadow);
}
.twrt-price-preview { overflow: hidden; border: 1px solid rgba(29, 161, 242, 0.16); border-radius: 16px; background: #f8fbff; }
.twrt-price-preview-top { display: flex; align-items: center; gap: 9px; padding: 14px 16px; background: var(--twrt-gradient); color: #ffffff; font-size: 0.86rem; font-weight: 850; }
.twrt-price-preview-row { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 12px 16px; border-bottom: 1px solid rgba(29, 161, 242, 0.09); color: var(--twrt-text); font-size: 0.82rem; line-height: 1.45; }
.twrt-price-preview-row:last-child { border-bottom: 0; }
.twrt-price-preview-row strong { color: var(--twrt-heading); text-align: right; }
.twrt-price-preview-total { background: rgba(29, 161, 242, 0.075); }
.twrt-price-preview-total strong { color: var(--twrt-primary-dark); }
.twrt-price-copy h3 { margin: 0 0 14px; color: var(--twrt-heading); font-size: 1.08rem; font-weight: 850; }
.twrt-number-list { display: flex; flex-direction: column; gap: 12px; padding: 0; margin: 0 0 17px; list-style: none; }
.twrt-number-list li { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 11px; align-items: start; }
.twrt-number-list li > span { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: rgba(29, 161, 242, 0.1); color: var(--twrt-primary-dark); font-size: 0.78rem; font-weight: 850; }
.twrt-number-list strong { color: var(--twrt-heading); font-size: 0.88rem; }
.twrt-number-list p { margin: 2px 0 0; color: var(--twrt-text); font-size: 0.8rem; line-height: 1.55; }
.twrt-inline-cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 17px;
  border-radius: 999px;
  background: var(--twrt-gradient);
  box-shadow: 0 6px 18px rgba(29, 161, 242, 0.2);
  color: #ffffff;
  font-size: 0.82rem;
  font-weight: 800;
  text-decoration: none;
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}
.twrt-inline-cta:hover { transform: translateY(-2px); box-shadow: 0 9px 25px rgba(29, 161, 242, 0.28); color: #ffffff; }
.twrt-content-panel, .twrt-definition-card, .twrt-callout {
  border: 1px solid var(--twrt-card-border);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 8px 28px rgba(29, 161, 242, 0.07);
}
.twrt-content-panel, .twrt-definition-card { padding: 22px; }
.twrt-callout { position: relative; padding: 18px 20px 18px 24px; margin-top: 18px; overflow: hidden; }
.twrt-callout::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 4px; background: var(--twrt-gradient); }
.twrt-callout p { margin: 0; color: var(--twrt-text); font-size: 0.9rem; line-height: 1.72; }

.twrt-signal-grid, .twrt-usecase-grid, .twrt-feature-grid, .twrt-process-grid, .twrt-strategy-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.twrt-signal-card, .twrt-usecase-card, .twrt-feature-card, .twrt-process-card, .twrt-strategy-card {
  position: relative;
  padding: 20px;
  overflow: hidden;
  border: 1px solid var(--twrt-card-border);
  border-radius: 16px;
  background: var(--twrt-card-bg);
  box-shadow: 0 5px 20px rgba(29, 161, 242, 0.055);
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}
.twrt-signal-card:hover, .twrt-usecase-card:hover, .twrt-feature-card:hover, .twrt-process-card:hover, .twrt-strategy-card:hover {
  transform: translateY(-4px);
  border-color: rgba(29, 161, 242, 0.28);
  box-shadow: 0 13px 34px rgba(29, 161, 242, 0.1);
}
.twrt-signal-card i, .twrt-usecase-card i, .twrt-feature-card i, .twrt-process-card i, .twrt-strategy-card i {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 12px;
  border-radius: 12px;
  background: rgba(29, 161, 242, 0.1);
  color: var(--twrt-primary);
  font-size: 1.15rem;
}
.twrt-signal-card h3, .twrt-usecase-card h3, .twrt-feature-card h3, .twrt-process-card h3, .twrt-strategy-card h3,
.twrt-signal-card h4, .twrt-usecase-card h4, .twrt-feature-card h4, .twrt-process-card h4, .twrt-strategy-card h4 {
  margin: 0 0 7px;
  color: var(--twrt-heading);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.4;
}
.twrt-signal-card p, .twrt-usecase-card p, .twrt-feature-card p, .twrt-process-card p, .twrt-strategy-card p {
  margin: 0;
  color: var(--twrt-text);
  font-size: 0.84rem;
  line-height: 1.68;
}

.twrt-stat-strip, .twrt-mini-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 18px; }
.twrt-mini-stat {
  padding: 14px 12px;
  border: 1px solid rgba(29, 161, 242, 0.14);
  border-radius: 13px;
  background: rgba(29, 161, 242, 0.055);
  text-align: center;
}
.twrt-mini-stat-num { color: var(--twrt-primary-dark); font-size: 1.25rem; font-weight: 850; }
.twrt-mini-stat-label { margin-top: 2px; color: var(--twrt-text); font-size: 0.72rem; line-height: 1.4; }

.twrt-guide-intro {
  display: flex;
  align-items: center;
  gap: 26px;
  padding: 20px;
  margin-bottom: 26px;
  border: 1px solid var(--twrt-card-border);
  border-radius: 20px;
  background: var(--twrt-card-bg);
  box-shadow: 0 7px 26px rgba(29, 161, 242, 0.06);
}
.twrt-guide-intro-img { flex: 0 0 320px; max-width: 320px; overflow: hidden; border-radius: 14px; }
.twrt-guide-intro-img img { display: block; width: 100%; border-radius: inherit; }
.twrt-guide-intro-text { flex: 1; min-width: 0; }
.twrt-guide-intro-text p { margin: 0 0 10px; color: var(--twrt-text); font-size: 0.9rem; line-height: 1.72; }
.twrt-guide-intro-text p:last-child { margin-bottom: 0; }
.twrt-guide-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.twrt-guide-card {
  position: relative;
  padding: 21px;
  overflow: hidden;
  border: 1px solid var(--twrt-card-border);
  border-radius: 16px;
  background: var(--twrt-card-bg);
  box-shadow: 0 5px 20px rgba(29, 161, 242, 0.05);
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}
.twrt-guide-card:hover { transform: translateY(-4px); border-color: rgba(29, 161, 242, 0.24); box-shadow: 0 13px 34px rgba(29, 161, 242, 0.09); }
.twrt-guide-card > span {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  margin-bottom: 10px;
  border-radius: 50%;
  background: var(--twrt-gradient);
  box-shadow: 0 4px 12px rgba(29, 161, 242, 0.24);
  color: #ffffff;
  font-size: 0.78rem;
  font-weight: 850;
}
.twrt-guide-card > h3 { margin: 0 0 7px; color: var(--twrt-heading); font-size: 0.94rem; font-weight: 850; line-height: 1.42; }
.twrt-guide-num {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  margin-bottom: 10px;
  border-radius: 50%;
  background: var(--twrt-gradient);
  box-shadow: 0 4px 12px rgba(29, 161, 242, 0.25);
  color: #ffffff;
  font-size: 0.85rem;
  font-weight: 850;
}
.twrt-guide-card-title { margin: 0 0 8px; color: var(--twrt-heading); font-size: 1rem; font-weight: 800; }
.twrt-guide-card p, .twrt-guide-card li { color: var(--twrt-text); font-size: 0.84rem; line-height: 1.66; }
.twrt-guide-card p { margin: 0 0 8px; }
.twrt-guide-card ul { padding-left: 1.15rem; margin: 0; }
.twrt-guide-cta { padding: 22px; margin-top: 22px; border: 1px solid rgba(29, 161, 242, 0.14); border-radius: 16px; background: rgba(29, 161, 242, 0.05); text-align: center; }
.twrt-guide-cta p { margin: 0; color: var(--twrt-text); font-size: 0.92rem; line-height: 1.7; }

.twrt-benefit-showcase { display: block; }
.twrt-benefit-showcase .twrt-benefit-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.twrt-benefit-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.twrt-benefit-card {
  padding: 19px;
  border: 1px solid var(--twrt-card-border);
  border-top: 3px solid var(--twrt-primary);
  border-radius: 14px;
  background: var(--twrt-card-bg);
  transition: transform 0.28s ease, box-shadow 0.28s ease;
}
.twrt-benefit-card:hover { transform: translateY(-3px); box-shadow: 0 11px 30px rgba(29, 161, 242, 0.09); }
.twrt-benefit-card i { display: block; margin-bottom: 8px; color: var(--twrt-primary); font-size: 1.3rem; }
.twrt-benefit-card h4 { margin: 0 0 6px; color: var(--twrt-heading); font-size: 0.92rem; font-weight: 800; }
.twrt-benefit-card p { margin: 0; color: var(--twrt-text); font-size: 0.83rem; line-height: 1.62; }
.twrt-benefit-card a { color: var(--twrt-primary-dark); font-weight: 700; }
.twrt-benefit-visual {
  display: flex;
  width: min(100%, 1050px);
  min-width: 0;
  flex-direction: column;
  padding: 11px;
  margin: 24px auto 0;
  border-color: rgba(113, 201, 248, 0.24);
  background: rgba(255, 255, 255, 0.07);
  box-shadow: 0 18px 52px rgba(0, 0, 0, 0.24);
}
.twrt-benefit-visual .twrt-img-open { aspect-ratio: 16 / 9; background: #05090e; }
.twrt-benefit-image { height: 100%; object-fit: cover; }
.twrt-benefit-visual figcaption { color: rgba(255, 255, 255, 0.7); text-align: center; }

.twrt-seeding-card {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  padding: 20px;
  border: 1px solid rgba(29, 161, 242, 0.16);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(29, 161, 242, 0.08), rgba(255, 255, 255, 0.96));
}
.twrt-seeding-icon { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 18px; background: var(--twrt-gradient); color: #ffffff; font-size: 1.6rem; box-shadow: 0 8px 20px rgba(29, 161, 242, 0.22); }
.twrt-seeding-card h3 { margin: 0 0 6px; color: var(--twrt-heading); font-size: 1.04rem; font-weight: 850; }
.twrt-seeding-card p { margin: 0; color: var(--twrt-text); font-size: 0.88rem; line-height: 1.7; }

.twrt-pricing-table { overflow: hidden; border: 1px solid var(--twrt-card-border); border-radius: 16px; background: var(--twrt-card-bg); box-shadow: 0 7px 28px rgba(29, 161, 242, 0.075); }
.twrt-pricing-header, .twrt-pricing-row { display: grid; grid-template-columns: minmax(190px, 2fr) minmax(100px, 1fr) minmax(80px, 0.65fr) minmax(80px, 0.65fr); align-items: center; }
.twrt-pricing-header { padding: 14px 19px; background: var(--twrt-gradient); color: #ffffff; font-size: 0.82rem; font-weight: 800; }
.twrt-pricing-row { padding: 14px 19px; border-bottom: 1px solid rgba(29, 161, 242, 0.09); color: var(--twrt-text); font-size: 0.85rem; transition: background-color 0.2s ease; }
.twrt-pricing-row:last-child { border-bottom: 0; }
.twrt-pricing-row:hover { background: rgba(29, 161, 242, 0.04); }
.twrt-pricing-row i { margin-right: 8px; color: var(--twrt-primary); }
.twrt-pricing-price { color: var(--twrt-heading); font-weight: 800; }
.twrt-pricing-price.budget { color: var(--twrt-success); }
.twrt-pricing-price.popular { color: var(--twrt-primary-dark); }
.twrt-pricing-price.premium { color: var(--twrt-warning); }
.twrt-pricing-promo { background: rgba(16, 185, 129, 0.035); }
.twrt-pricing-popular { background: rgba(29, 161, 242, 0.045); }
.twrt-pricing-premium { background: rgba(245, 158, 11, 0.035); }
.twrt-badge-popular, .twrt-badge-premium { display: inline-block; padding: 2px 8px; margin-left: 6px; border-radius: 999px; color: #ffffff; font-size: 0.6rem; font-style: normal; font-weight: 800; }
.twrt-badge-popular { background: var(--twrt-gradient); }
.twrt-badge-premium { background: linear-gradient(135deg, #f59e0b, #eab308); }
.twrt-pricing-note { margin-top: 22px; }

.twrt-checklist-do, .twrt-checklist-dont { padding: 19px 20px; margin-bottom: 15px; border: 1px solid var(--twrt-card-border); border-radius: 14px; background: var(--twrt-card-bg); }
.twrt-checklist-do { border-left: 4px solid var(--twrt-success); }
.twrt-checklist-dont { border-left: 4px solid var(--twrt-danger); }
.twrt-checklist-do h4, .twrt-checklist-dont h4 { margin: 0 0 10px; font-size: 0.96rem; font-weight: 800; }
.twrt-checklist-do h4 { color: var(--twrt-success); }
.twrt-checklist-dont h4 { color: var(--twrt-danger); }
.twrt-checklist-do ul, .twrt-checklist-dont ul { padding-left: 1.15rem; margin: 0; }
.twrt-checklist-do li, .twrt-checklist-dont li { margin-bottom: 6px; color: var(--twrt-text); font-size: 0.85rem; line-height: 1.66; }

.twrt-compare-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.twrt-compare-card {
  display: block;
  padding: 19px;
  border: 1px solid var(--twrt-card-border);
  border-radius: 14px;
  background: var(--twrt-card-bg);
  text-align: center;
  text-decoration: none;
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}
.twrt-compare-card:hover { transform: translateY(-3px); border-color: rgba(29, 161, 242, 0.25); box-shadow: 0 10px 30px rgba(29, 161, 242, 0.09); }
.twrt-compare-card.active { border-color: var(--twrt-primary); background: rgba(29, 161, 242, 0.055); box-shadow: 0 5px 20px rgba(29, 161, 242, 0.1); }
.twrt-compare-card i { display: block; margin-bottom: 8px; color: var(--twrt-primary); font-size: 1.5rem; }
.twrt-compare-card h4 { margin: 0 0 5px; color: var(--twrt-heading); font-size: 0.92rem; font-weight: 800; }
.twrt-compare-card p { margin: 0 0 8px; color: var(--twrt-text); font-size: 0.79rem; line-height: 1.55; }
.twrt-compare-price { display: inline-block; padding: 4px 12px; border-radius: 999px; background: var(--twrt-gradient); color: #ffffff; font-size: 0.7rem; font-weight: 800; }

.twrt-milestone-list { display: flex; flex-direction: column; gap: 12px; margin-top: 12px; }
.twrt-milestone { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border: 1px solid var(--twrt-card-border); border-radius: 12px; background: var(--twrt-card-bg); }
.twrt-milestone-badge { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; padding: 6px 14px; border-radius: 999px; color: #ffffff; font-size: 0.85rem; font-weight: 850; }
.twrt-milestone-badge.blue { background: var(--twrt-gradient); }
.twrt-milestone-badge.gold { background: linear-gradient(135deg, #f59e0b, #eab308); }
.twrt-milestone-badge.green { background: linear-gradient(135deg, #10b981, #34d399); }
.twrt-milestone > div { color: var(--twrt-text); font-size: 0.88rem; line-height: 1.55; }

.twrt-howto-steps { position: relative; padding-left: 40px; }
.twrt-howto-steps::before { content: ""; position: absolute; top: 24px; bottom: 24px; left: 20px; width: 2px; border-radius: 2px; background: linear-gradient(var(--twrt-primary), var(--twrt-accent-light), rgba(29, 161, 242, 0.14)); }
.twrt-howto-step { position: relative; display: flex; gap: 20px; margin-bottom: 27px; }
.twrt-howto-step:last-child { margin-bottom: 0; }
.twrt-howto-number {
  position: absolute;
  top: 0;
  left: -40px;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 3px solid #ffffff;
  border-radius: 50%;
  background: var(--twrt-gradient);
  box-shadow: 0 4px 14px rgba(29, 161, 242, 0.25);
  color: #ffffff;
  font-weight: 850;
}
.twrt-howto-content { flex: 1; min-width: 0; padding: 20px 22px; border: 1px solid var(--twrt-card-border); border-radius: 14px; background: var(--twrt-card-bg); box-shadow: 0 5px 20px rgba(29, 161, 242, 0.05); transition: transform 0.28s ease, box-shadow 0.28s ease; }
.twrt-howto-content:hover { transform: translateY(-2px); box-shadow: 0 11px 30px rgba(29, 161, 242, 0.085); }
.twrt-howto-content h3 { margin: 0 0 8px; color: var(--twrt-heading); font-size: 1rem; font-weight: 800; }
.twrt-howto-content p { margin: 0 0 10px; color: var(--twrt-text); font-size: 0.88rem; line-height: 1.7; }
.twrt-howto-content p:last-child { margin-bottom: 0; }
.twrt-howto-tip { padding: 9px 13px; margin-top: 9px; border-left: 3px solid var(--twrt-primary); border-radius: 0 8px 8px 0; background: rgba(29, 161, 242, 0.055); color: var(--twrt-text); font-size: 0.82rem; line-height: 1.6; }
.twrt-howto-tip i { margin-right: 4px; color: var(--twrt-primary); }
.twrt-howto-summary { padding: 16px 22px; border: 1px solid var(--twrt-card-border); border-radius: 14px; background: var(--twrt-card-bg); box-shadow: 0 5px 20px rgba(29, 161, 242, 0.05); text-align: center; }
.twrt-howto-summary p { margin: 0; color: var(--twrt-text); font-size: 0.85rem; line-height: 1.7; }

.twrt-howto-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-items: stretch; }
.twrt-howto-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 18px;
  border: 1px solid var(--twrt-card-border);
  border-radius: 17px;
  background: var(--twrt-card-bg);
  box-shadow: 0 7px 25px rgba(29, 161, 242, 0.065);
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}
.twrt-howto-card:hover { transform: translateY(-3px); border-color: rgba(29, 161, 242, 0.24); box-shadow: 0 13px 34px rgba(29, 161, 242, 0.1); }
.twrt-howto-top { display: flex; align-items: center; gap: 11px; margin-bottom: 13px; }
.twrt-howto-num { display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; border-radius: 50%; background: var(--twrt-gradient); box-shadow: 0 4px 12px rgba(29, 161, 242, 0.24); color: #ffffff; font-size: 0.86rem; font-weight: 850; }
.twrt-howto-label { display: block; margin-bottom: 1px; color: var(--twrt-primary-dark); font-size: 0.65rem; font-weight: 850; letter-spacing: 0.45px; text-transform: uppercase; }
.twrt-howto-top h3 { margin: 0; color: var(--twrt-heading); font-size: 0.94rem; font-weight: 850; line-height: 1.4; }
.twrt-howto-image { position: relative; display: block; width: 100%; min-height: 0; overflow: hidden; border: 1px solid rgba(29, 161, 242, 0.12); background: #eef7ff; }
.twrt-howto-step-img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; border-radius: 12px; object-fit: cover; transition: transform 0.32s ease; }
.twrt-howto-image:hover .twrt-howto-step-img { transform: scale(1.025); }
.twrt-zoom-hint { position: absolute; right: 9px; bottom: 9px; display: inline-flex; align-items: center; gap: 5px; padding: 5px 9px; border-radius: 999px; background: rgba(10, 14, 26, 0.82); color: #ffffff; font-size: 0.64rem; font-weight: 750; }
.twrt-howto-card > p { flex: 1; margin: 13px 1px 0; color: var(--twrt-text); font-size: 0.83rem; line-height: 1.65; }
.twrt-howto-note { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 12px; align-items: center; padding: 15px 18px; margin-top: 18px; border: 1px solid rgba(16, 185, 129, 0.18); border-radius: 14px; background: rgba(16, 185, 129, 0.055); }
.twrt-howto-note > i { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 10px; background: rgba(16, 185, 129, 0.12); color: var(--twrt-success); }
.twrt-howto-note p { margin: 0; color: var(--twrt-text); font-size: 0.84rem; line-height: 1.62; }

.twrt-checklist-board {
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  gap: 25px;
  align-items: stretch;
  max-width: 980px;
  padding: 22px;
  margin: 0 auto;
  border: 1px solid var(--twrt-card-border);
  border-radius: 20px;
  background: var(--twrt-card-bg);
  box-shadow: var(--twrt-shadow);
}
.twrt-checklist-time { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 190px; border-radius: 16px; background: var(--twrt-gradient); box-shadow: 0 10px 26px rgba(29, 161, 242, 0.22); color: #ffffff; text-align: center; }
.twrt-checklist-time span { font-size: 3rem; font-weight: 900; line-height: 1; }
.twrt-checklist-time small { margin-top: 2px; font-size: 0.82rem; font-weight: 800; letter-spacing: 0.8px; text-transform: uppercase; }
.twrt-checklist-time p { margin: 7px 0 0; color: rgba(255, 255, 255, 0.8); font-size: 0.75rem; }
.twrt-checklist-items { display: flex; flex-direction: column; justify-content: center; gap: 11px; padding: 0; margin: 0; list-style: none; }
.twrt-checklist-items li { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 11px; align-items: start; padding-bottom: 10px; border-bottom: 1px solid rgba(29, 161, 242, 0.08); }
.twrt-checklist-items li:last-child { padding-bottom: 0; border-bottom: 0; }
.twrt-check-mark { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: rgba(16, 185, 129, 0.1); color: var(--twrt-success); font-size: 0.75rem; }
.twrt-checklist-items strong { color: var(--twrt-heading); font-size: 0.88rem; }
.twrt-checklist-items p { margin: 2px 0 0; color: var(--twrt-text); font-size: 0.79rem; line-height: 1.55; }

.twrt-after-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 15px; }
.twrt-after-card {
  position: relative;
  padding: 20px 18px;
  overflow: hidden;
  border: 1px solid var(--twrt-card-border);
  border-radius: 16px;
  background: var(--twrt-card-bg);
  box-shadow: 0 6px 22px rgba(29, 161, 242, 0.055);
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}
.twrt-after-card:hover { transform: translateY(-4px); border-color: rgba(29, 161, 242, 0.25); box-shadow: 0 13px 32px rgba(29, 161, 242, 0.1); }
.twrt-after-time { display: inline-block; padding: 4px 9px; margin-bottom: 13px; border-radius: 999px; background: rgba(29, 161, 242, 0.08); color: var(--twrt-primary-dark); font-size: 0.63rem; font-weight: 850; letter-spacing: 0.35px; text-transform: uppercase; }
.twrt-after-card > i { display: block; margin-bottom: 10px; color: var(--twrt-primary); font-size: 1.35rem; }
.twrt-after-card h3 { margin: 0 0 7px; color: var(--twrt-heading); font-size: 0.94rem; font-weight: 850; line-height: 1.4; }
.twrt-after-card p { margin: 0; color: var(--twrt-text); font-size: 0.81rem; line-height: 1.62; }

.twrt-steps-compact { display: flex; flex-direction: column; }
.twrt-sc-item { display: grid; grid-template-columns: minmax(0, 1fr) 220px; gap: 20px; align-items: center; padding: 22px 0; border-bottom: 1px solid var(--twrt-card-border); }
.twrt-sc-item:first-child { padding-top: 0; }
.twrt-sc-item:last-child { padding-bottom: 0; border-bottom: 0; }
.twrt-sc-body { display: flex; align-items: flex-start; gap: 14px; min-width: 0; }
.twrt-sc-num { display: grid; place-items: center; flex: 0 0 36px; width: 36px; height: 36px; border-radius: 50%; background: var(--twrt-gradient); box-shadow: 0 4px 12px rgba(29, 161, 242, 0.23); color: #ffffff; font-size: 0.9rem; font-weight: 850; }
.twrt-sc-content { flex: 1; min-width: 0; }
.twrt-sc-content h3 { margin: 0 0 6px; color: var(--twrt-heading); font-size: 0.98rem; font-weight: 800; line-height: 1.4; }
.twrt-sc-content p { margin: 0 0 6px; color: var(--twrt-text); font-size: 0.85rem; line-height: 1.68; }
.twrt-sc-content p:last-child { margin-bottom: 0; }
.twrt-sc-content a { color: var(--twrt-primary-dark); font-weight: 700; }
.twrt-sc-thumb { display: flex; align-items: center; justify-content: center; }
.twrt-howto-img { display: block; width: 100%; max-width: 220px; height: auto; border: 1px solid rgba(29, 161, 242, 0.12); border-radius: 11px; box-shadow: 0 5px 18px rgba(0, 0, 0, 0.09); object-fit: contain; cursor: zoom-in; }

#danh-gia-khach-hang.twrt-section,
.twrt-testimonial-section {
  padding: 64px 0 70px;
  background:
    radial-gradient(circle at 12% 15%, rgba(29, 161, 242, 0.2), transparent 30%),
    radial-gradient(circle at 88% 82%, rgba(113, 201, 248, 0.11), transparent 26%),
    linear-gradient(145deg, #081421 0%, #0d1b2a 52%, #07111d 100%) !important;
  border-top: 1px solid rgba(113, 201, 248, 0.24);
  border-bottom: 1px solid rgba(113, 201, 248, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035), inset 0 -1px 0 rgba(255, 255, 255, 0.025);
}
.twrt-testimonial-marquee { position: relative; width: 100%; overflow: hidden; }
.twrt-testimonial-marquee::before, .twrt-testimonial-marquee::after { content: ""; position: absolute; top: 0; bottom: 0; z-index: 2; width: 48px; pointer-events: none; }
.twrt-testimonial-marquee::before { left: 0; background: linear-gradient(90deg, rgba(8, 20, 33, 0.98), transparent); }
.twrt-testimonial-marquee::after { right: 0; background: linear-gradient(270deg, rgba(7, 17, 29, 0.98), transparent); }
.twrt-testimonial-track { display: flex; gap: 16px; width: max-content; will-change: transform; }
.twrt-track-1 { animation: twrtMarquee 62s linear infinite; }
.twrt-track-2 { animation: twrtMarquee 68s linear infinite reverse; }
.twrt-testimonial-marquee:hover .twrt-testimonial-track { animation-play-state: paused; }
.twrt-testimonial-card {
  flex: 0 0 310px;
  width: 310px;
  padding: 19px;
  border: 1px solid rgba(113, 201, 248, 0.28);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 13px 34px rgba(0, 0, 0, 0.24);
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}
.twrt-testimonial-card:hover { transform: translateY(-3px); border-color: rgba(29, 161, 242, 0.3); box-shadow: 0 13px 34px rgba(29, 161, 242, 0.13); }
.twrt-testi-header { display: flex; align-items: center; gap: 12px; padding-bottom: 12px; margin-bottom: 11px; border-bottom: 1px solid rgba(29, 161, 242, 0.1); }
.twrt-testi-avatar { display: grid; place-items: center; flex: 0 0 39px; width: 39px; height: 39px; border-radius: 50%; background: var(--twrt-gradient); color: #ffffff; font-size: 0.84rem; font-weight: 850; }
.twrt-testi-name { color: var(--twrt-heading); font-size: 0.89rem; font-weight: 850; }
.twrt-testi-role { color: var(--twrt-muted); font-size: 0.74rem; line-height: 1.4; }
.twrt-testimonial-tag { display: inline-block; padding: 3px 10px; margin-bottom: 8px; border-radius: 999px; background: rgba(29, 161, 242, 0.1); color: var(--twrt-primary-dark); font-size: 0.68rem; font-weight: 800; }
.twrt-testi-stars { margin-bottom: 8px; color: #f59e0b; font-size: 0.75rem; }
.twrt-testi-text { margin: 0; color: var(--twrt-text); font-size: 0.85rem; font-style: italic; line-height: 1.65; }
.twrt-track-left { animation: twrtMarquee 62s linear infinite; }
.twrt-track-right { margin-top: 16px; animation: twrtMarquee 68s linear infinite reverse; }
.twrt-testimonial-mark { margin-bottom: 8px; color: rgba(29, 161, 242, 0.3); font-size: 1.25rem; }
.twrt-testimonial-card > p { min-height: 84px; margin: 0 0 14px; color: var(--twrt-text); font-size: 0.84rem; font-style: italic; line-height: 1.65; }
.twrt-testimonial-person { display: flex; align-items: center; gap: 10px; padding-top: 12px; border-top: 1px solid rgba(29, 161, 242, 0.1); }
.twrt-testimonial-avatar {
  display: grid;
  place-items: center;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--twrt-gradient);
  color: #ffffff;
  font-size: 0.84rem;
  font-weight: 850;
}
.twrt-testimonial-person > span:last-child { display: flex; flex-direction: column; min-width: 0; }
.twrt-testimonial-person strong { overflow: hidden; color: var(--twrt-heading); font-size: 0.86rem; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }
.twrt-testimonial-person small { overflow: hidden; color: var(--twrt-muted); font-size: 0.72rem; text-overflow: ellipsis; white-space: nowrap; }

.twrt-faq-list { max-width: 880px; margin: 24px auto 0; }
.twrt-faq-item { margin-bottom: 11px; overflow: hidden; border: 1px solid var(--twrt-card-border); border-radius: 13px; background: var(--twrt-card-bg); box-shadow: 0 4px 16px rgba(29, 161, 242, 0.045); }
.twrt-faq-item > h3 { padding: 0; margin: 0; font-size: inherit; }
.twrt-faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  width: 100%;
  padding: 17px 20px;
  border: 0;
  background: transparent;
  color: var(--twrt-heading);
  cursor: pointer;
  font-size: 0.93rem;
  font-weight: 750;
  line-height: 1.5;
  text-align: left;
  transition: color 0.22s ease, background-color 0.22s ease;
}
.twrt-faq-q:hover { background: rgba(29, 161, 242, 0.045); }
.twrt-faq-q > span { display: flex; align-items: flex-start; gap: 10px; }
.twrt-faq-q small { display: grid; place-items: center; flex: 0 0 24px; width: 24px; height: 24px; margin-top: -1px; border-radius: 50%; background: rgba(29, 161, 242, 0.09); color: var(--twrt-primary-dark); font-size: 0.65rem; font-weight: 850; }
.twrt-faq-q i { flex: 0 0 auto; color: var(--twrt-primary); transition: transform 0.28s ease; }
.twrt-faq-item.active .twrt-faq-q { background: rgba(29, 161, 242, 0.06); color: var(--twrt-primary-dark); }
.twrt-faq-item.active .twrt-faq-q i { transform: rotate(180deg); }
.twrt-faq-a { max-height: 0; overflow: hidden; transition: max-height 0.38s ease; }
.twrt-faq-item.active .twrt-faq-a { max-height: 720px; }
.twrt-faq-a p { padding: 4px 20px 18px; margin: 0; color: var(--twrt-text); font-size: 0.88rem; line-height: 1.75; }

.twrt-related-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.twrt-related-card { display: block; padding: 21px; border: 1px solid var(--twrt-card-border); border-radius: 15px; background: var(--twrt-card-bg); text-align: center; text-decoration: none; transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease; }
.twrt-related-card:hover { transform: translateY(-4px); border-color: rgba(29, 161, 242, 0.25); box-shadow: 0 12px 34px rgba(29, 161, 242, 0.09); }
.twrt-related-card i { display: block; margin-bottom: 10px; color: var(--twrt-primary); font-size: 1.5rem; }
.twrt-related-card h4 { margin: 0 0 5px; color: var(--twrt-heading); font-size: 0.92rem; font-weight: 800; }
.twrt-related-card h3 { margin: 0 0 5px; color: var(--twrt-heading); font-size: 0.92rem; font-weight: 800; }
.twrt-related-card p { margin: 0; color: var(--twrt-text); font-size: 0.79rem; line-height: 1.48; }
.twrt-related-card > span { display: inline-flex; align-items: center; gap: 6px; margin-top: 11px; color: var(--twrt-primary-dark); font-size: 0.75rem; font-weight: 800; }
.twrt-related-card > span i { display: inline; margin: 0; font-size: 0.7rem; }

.twrt-cta-section { padding: 30px 0 56px; background: #f4f9ff; }
.twrt-cta-bar { max-width: 860px; padding: 34px; margin: 0 auto; overflow: hidden; border-radius: 22px; background: var(--twrt-gradient); box-shadow: 0 16px 42px rgba(29, 161, 242, 0.22); text-align: center; }
.twrt-cta-bar h2 { margin: 0 0 8px; color: #ffffff; font-size: 1.48rem; font-weight: 850; text-wrap: balance; }
.twrt-cta-bar p { margin: 0 0 17px; color: rgba(255, 255, 255, 0.88); font-size: 0.92rem; line-height: 1.65; }
.twrt-cta-btn-final { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 13px 34px; border: 0; border-radius: 999px; background: #ffffff; box-shadow: 0 5px 19px rgba(0, 0, 0, 0.15); color: var(--twrt-primary-dark); cursor: pointer; font-size: 0.98rem; font-weight: 800; transition: transform 0.24s ease, box-shadow 0.24s ease; }
.twrt-cta-btn-final:hover { transform: translateY(-3px); box-shadow: 0 9px 28px rgba(0, 0, 0, 0.22); }
.twrt-related-section .twrt-cta-bar { display: flex; align-items: center; justify-content: space-between; gap: 24px; max-width: none; margin-top: 30px; text-align: left; }
.twrt-related-section .twrt-cta-bar p { margin-bottom: 0; }
.twrt-cta-eyebrow { display: inline-block; margin-bottom: 6px; color: rgba(255, 255, 255, 0.78); font-size: 0.72rem; font-weight: 850; letter-spacing: 0.55px; text-transform: uppercase; }

.twrt-definition-continuation { padding: 30px 0 36px; background: #ffffff; }
.twrt-collapse-wrap { position: relative; }
.twrt-collapse-wrap.twrt-collapse-ready:not(.expanded) { max-height: 320px; overflow: hidden; transition: max-height 0.6s ease; }
.twrt-collapse-wrap.twrt-collapse-ready.expanded { max-height: none; overflow: visible; }
.twrt-collapse-wrap.twrt-collapse-ready:not(.expanded)::after { content: ''; position: absolute; right: 0; bottom: 0; left: 0; z-index: 3; height: 120px; background: linear-gradient(transparent, #f3f8ff); pointer-events: none; }
.twrt-readmore-bar { position: relative; z-index: 4; display: none; align-items: flex-end; justify-content: center; min-height: 96px; padding: 0 15px 22px; margin-top: -82px; background: linear-gradient(transparent, #f3f8ff 72%); }
.twrt-readmore-bar.twrt-readmore-ready { display: flex; }
.twrt-readmore-bar[hidden] { display: none !important; }
.twrt-readmore-btn {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 14px 36px;
  border: 2px solid var(--twrt-primary);
  border-radius: 999px;
  background: #ffffff;
  box-shadow: 0 6px 22px rgba(29, 161, 242, 0.16);
  color: var(--twrt-primary-dark);
  cursor: pointer;
  font-size: 0.95rem;
  font-weight: 850;
  transition: color 0.24s ease, background-color 0.24s ease, box-shadow 0.24s ease, transform 0.24s ease;
}
.twrt-readmore-btn:hover { transform: translateY(-2px); background: var(--twrt-primary); box-shadow: 0 10px 28px rgba(29, 161, 242, 0.26); color: #ffffff; }
.twrt-readmore-btn i { animation: twrtReadmoreBounce 2s ease-in-out infinite; }
.twrt-readmore-label { line-height: 1.2; }
.twrt-readmore-content { padding: 22px; border: 1px solid rgba(29, 161, 242, 0.16); border-radius: 20px; background: linear-gradient(135deg, #f8fcff, #eef8ff); box-shadow: 0 14px 34px rgba(20, 47, 72, 0.08); }
.twrt-readmore-content .twrt-term-map { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }

.twrt-lightbox {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(0, 0, 0, 0.92);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s ease;
}
.twrt-lightbox.active { opacity: 1; pointer-events: auto; }
.twrt-lightbox img { display: block; max-width: 92vw; max-height: 90vh; border-radius: 12px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5); object-fit: contain; }
.twrt-lightbox-close { position: absolute; top: 20px; right: 24px; display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 50%; background: rgba(255, 255, 255, 0.14); color: #ffffff; cursor: pointer; font-size: 1.35rem; transition: background-color 0.2s ease, transform 0.2s ease; }
.twrt-lightbox-close:hover { transform: rotate(5deg); background: rgba(255, 255, 255, 0.24); }

[data-bs-theme="dark"] .twrt-section { background: linear-gradient(180deg, #14171a, #111820) !important; }
[data-bs-theme="dark"] .twrt-section:nth-of-type(even) { background: linear-gradient(180deg, #171b20, #11161c) !important; }
[data-bs-theme="dark"] .twrt-section-alt { background: linear-gradient(150deg, #101820, #111416) !important; }
[data-bs-theme="dark"] .twrt-section-title,
[data-bs-theme="dark"] .twrt-section-text strong,
[data-bs-theme="dark"] .twrt-subtitle,
[data-bs-theme="dark"] .twrt-term-card h3,
[data-bs-theme="dark"] .twrt-price-copy h3,
[data-bs-theme="dark"] .twrt-price-preview-row strong,
[data-bs-theme="dark"] .twrt-number-list strong,
[data-bs-theme="dark"] .twrt-howto-top h3,
[data-bs-theme="dark"] .twrt-checklist-items strong,
[data-bs-theme="dark"] .twrt-after-card h3,
[data-bs-theme="dark"] .twrt-testimonial-person strong,
[data-bs-theme="dark"] .twrt-related-card h3,
[data-bs-theme="dark"] .twrt-guide-card-title,
[data-bs-theme="dark"] .twrt-benefit-card h4,
[data-bs-theme="dark"] .twrt-compare-card h4,
[data-bs-theme="dark"] .twrt-related-card h4,
[data-bs-theme="dark"] .twrt-milestone strong,
[data-bs-theme="dark"] .twrt-howto-content h3,
[data-bs-theme="dark"] .twrt-sc-content h3,
[data-bs-theme="dark"] .twrt-signal-card h3,
[data-bs-theme="dark"] .twrt-usecase-card h3,
[data-bs-theme="dark"] .twrt-feature-card h3,
[data-bs-theme="dark"] .twrt-process-card h3,
[data-bs-theme="dark"] .twrt-strategy-card h3,
[data-bs-theme="dark"] .twrt-seeding-card h3,
[data-bs-theme="dark"] .twrt-faq-q,
[data-bs-theme="dark"] .twrt-testi-name { color: #ffffff; }
[data-bs-theme="dark"] .twrt-section-text,
[data-bs-theme="dark"] .twrt-section-desc,
[data-bs-theme="dark"] .twrt-content-copy > p,
[data-bs-theme="dark"] .twrt-term-card p,
[data-bs-theme="dark"] .twrt-note-box p,
[data-bs-theme="dark"] .twrt-check-list li,
[data-bs-theme="dark"] .twrt-price-preview-row,
[data-bs-theme="dark"] .twrt-number-list p,
[data-bs-theme="dark"] .twrt-howto-card > p,
[data-bs-theme="dark"] .twrt-howto-note p,
[data-bs-theme="dark"] .twrt-checklist-items p,
[data-bs-theme="dark"] .twrt-after-card p,
[data-bs-theme="dark"] .twrt-testimonial-card > p,
[data-bs-theme="dark"] .twrt-testimonial-person small,
[data-bs-theme="dark"] .twrt-guide-card p,
[data-bs-theme="dark"] .twrt-guide-card li,
[data-bs-theme="dark"] .twrt-guide-intro-text p,
[data-bs-theme="dark"] .twrt-guide-cta p,
[data-bs-theme="dark"] .twrt-benefit-card p,
[data-bs-theme="dark"] .twrt-compare-card p,
[data-bs-theme="dark"] .twrt-related-card p,
[data-bs-theme="dark"] .twrt-milestone > div,
[data-bs-theme="dark"] .twrt-howto-content p,
[data-bs-theme="dark"] .twrt-howto-summary p,
[data-bs-theme="dark"] .twrt-howto-tip,
[data-bs-theme="dark"] .twrt-sc-content p,
[data-bs-theme="dark"] .twrt-signal-card p,
[data-bs-theme="dark"] .twrt-usecase-card p,
[data-bs-theme="dark"] .twrt-feature-card p,
[data-bs-theme="dark"] .twrt-process-card p,
[data-bs-theme="dark"] .twrt-strategy-card p,
[data-bs-theme="dark"] .twrt-seeding-card p,
[data-bs-theme="dark"] .twrt-callout p,
[data-bs-theme="dark"] .twrt-faq-a p,
[data-bs-theme="dark"] .twrt-testi-text,
[data-bs-theme="dark"] .twrt-testi-role,
[data-bs-theme="dark"] .twrt-mini-stat-label { color: rgba(255, 255, 255, 0.68); }
[data-bs-theme="dark"] .twrt-img-card,
[data-bs-theme="dark"] .twrt-content-panel,
[data-bs-theme="dark"] .twrt-definition-card,
[data-bs-theme="dark"] .twrt-callout,
[data-bs-theme="dark"] .twrt-term-card,
[data-bs-theme="dark"] .twrt-price-explainer,
[data-bs-theme="dark"] .twrt-howto-card,
[data-bs-theme="dark"] .twrt-howto-note,
[data-bs-theme="dark"] .twrt-checklist-board,
[data-bs-theme="dark"] .twrt-after-card,
[data-bs-theme="dark"] .twrt-guide-intro,
[data-bs-theme="dark"] .twrt-guide-card,
[data-bs-theme="dark"] .twrt-benefit-card,
[data-bs-theme="dark"] .twrt-seeding-card,
[data-bs-theme="dark"] .twrt-signal-card,
[data-bs-theme="dark"] .twrt-usecase-card,
[data-bs-theme="dark"] .twrt-feature-card,
[data-bs-theme="dark"] .twrt-process-card,
[data-bs-theme="dark"] .twrt-strategy-card,
[data-bs-theme="dark"] .twrt-pricing-table,
[data-bs-theme="dark"] .twrt-checklist-do,
[data-bs-theme="dark"] .twrt-checklist-dont,
[data-bs-theme="dark"] .twrt-compare-card,
[data-bs-theme="dark"] .twrt-milestone,
[data-bs-theme="dark"] .twrt-howto-content,
[data-bs-theme="dark"] .twrt-howto-summary,
[data-bs-theme="dark"] .twrt-testimonial-card,
[data-bs-theme="dark"] .twrt-faq-item,
[data-bs-theme="dark"] .twrt-related-card {
  border-color: rgba(255, 255, 255, 0.09);
  background: rgba(255, 255, 255, 0.045);
}
[data-bs-theme="dark"] .twrt-img-card figcaption { color: rgba(255, 255, 255, 0.58); }
[data-bs-theme="dark"] .twrt-note-box { border-color: rgba(245, 158, 11, 0.2); background: rgba(245, 158, 11, 0.08); }
[data-bs-theme="dark"] .twrt-price-preview { border-color: rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.035); }
[data-bs-theme="dark"] .twrt-price-preview-row { border-color: rgba(255, 255, 255, 0.08); }
[data-bs-theme="dark"] .twrt-price-preview-total { background: rgba(29, 161, 242, 0.1); }
[data-bs-theme="dark"] .twrt-price-preview-total strong { color: var(--twrt-accent-light); }
[data-bs-theme="dark"] .twrt-howto-image { border-color: rgba(255, 255, 255, 0.09); background: rgba(255, 255, 255, 0.04); }
[data-bs-theme="dark"] .twrt-checklist-items li { border-color: rgba(255, 255, 255, 0.08); }
[data-bs-theme="dark"] .twrt-testimonial-person { border-color: rgba(255, 255, 255, 0.09); }
[data-bs-theme="dark"] .twrt-pricing-row { border-color: rgba(255, 255, 255, 0.08); color: rgba(255, 255, 255, 0.7); }
[data-bs-theme="dark"] .twrt-pricing-price { color: #ffffff; }
[data-bs-theme="dark"] .twrt-mini-stat { border-color: rgba(29, 161, 242, 0.18); background: rgba(29, 161, 242, 0.08); }
[data-bs-theme="dark"] .twrt-howto-number { border-color: #111820; }
[data-bs-theme="dark"] #danh-gia-khach-hang.twrt-section,
[data-bs-theme="dark"] .twrt-testimonial-section {
  background:
    radial-gradient(circle at 12% 15%, rgba(29, 161, 242, 0.13), transparent 28%),
    linear-gradient(145deg, #0b1520, #111c27 50%, #0a121c) !important;
  border-color: rgba(29, 161, 242, 0.2);
}
[data-bs-theme="dark"] .twrt-testimonial-marquee::before { background: linear-gradient(90deg, rgba(11, 21, 32, 0.98), transparent); }
[data-bs-theme="dark"] .twrt-testimonial-marquee::after { background: linear-gradient(270deg, rgba(10, 18, 28, 0.98), transparent); }
[data-bs-theme="dark"] .twrt-testimonial-card { border-color: rgba(113, 201, 248, 0.22); background: #17232f; box-shadow: 0 13px 34px rgba(0, 0, 0, 0.3); }
[data-bs-theme="dark"] .twrt-definition-continuation { background: #111820; }
[data-bs-theme="dark"] .twrt-collapse-wrap.twrt-collapse-ready:not(.expanded)::after { background: linear-gradient(transparent, #111820); }
[data-bs-theme="dark"] .twrt-readmore-bar { background: linear-gradient(transparent, #111820 72%); }
[data-bs-theme="dark"] .twrt-readmore-btn { border-color: var(--twrt-accent-light); background: #101b28; color: var(--twrt-accent-light); }
[data-bs-theme="dark"] .twrt-readmore-content { border-color: rgba(113, 201, 248, 0.2); background: linear-gradient(135deg, #17232f, #13202c); box-shadow: 0 14px 34px rgba(0, 0, 0, 0.24); }

@media (min-width: 768px) {
  .twrt-form-row-2col.has-selection { grid-template-columns: auto minmax(0, 1fr); }
}

@media (max-width: 1024px) {
  .twrt-glass-form { padding: 22px; }
  .twrt-proof-panel { padding: 18px; }
  .twrt-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .twrt-signal-grid, .twrt-usecase-grid, .twrt-feature-grid, .twrt-process-grid, .twrt-strategy-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .twrt-content-grid { gap: 28px; }
  .twrt-after-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .twrt-benefit-showcase .twrt-benefit-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 991.98px) {
  .twrt-hero-row { flex-direction: column; }
  .twrt-col-form { order: -1; width: 100%; margin-top: 0; }
  .twrt-col-illustration { width: 100%; padding-top: 0; }
  .twrt-glass-form { margin-bottom: 20px; }
  .twrt-proof-hero { flex-direction: row; text-align: left; }
  .twrt-sc-item { grid-template-columns: minmax(0, 1fr) 200px; }
  .twrt-guide-intro-img { flex-basis: 280px; max-width: 280px; }
}

@media (max-width: 767.98px) {
  .twrt-hero { padding: 12px 0 20px; }
  .twrt-form-row-2col { grid-template-columns: 1fr; }
  .twrt-section { padding: 42px 0; }
  .twrt-section-title { font-size: 1.28rem; }
  .twrt-section-desc, .twrt-section-text { font-size: 0.9rem; }
  .twrt-guide-intro { flex-direction: column; align-items: stretch; gap: 16px; }
  .twrt-guide-intro-img { flex: none; width: 100%; max-width: 100%; }
  .twrt-guide-grid, .twrt-benefit-grid, .twrt-compare-grid { grid-template-columns: 1fr; }
  .twrt-benefit-showcase .twrt-benefit-grid { grid-template-columns: 1fr; }
  .twrt-content-grid, .twrt-price-explainer { grid-template-columns: 1fr; }
  .twrt-readmore-content .twrt-term-map { grid-template-columns: 1fr; }
  .twrt-content-grid-reverse > :first-child, .twrt-content-grid-reverse > :last-child { order: initial; }
  .twrt-content-grid-reverse > .twrt-img-card { order: 2; }
  .twrt-content-grid-reverse > .twrt-content-copy { order: 1; }
  .twrt-section-heading { margin-bottom: 23px; }
  .twrt-signal-grid, .twrt-usecase-grid, .twrt-feature-grid, .twrt-process-grid, .twrt-strategy-grid { grid-template-columns: 1fr; }
  .twrt-stat-strip, .twrt-mini-stats { grid-template-columns: 1fr; gap: 8px; }
  .twrt-sc-item { grid-template-columns: 1fr; gap: 12px; }
  .twrt-sc-thumb { justify-content: flex-start; }
  .twrt-howto-img { max-width: 280px; }
  .twrt-pricing-table { overflow-x: auto; }
  .twrt-pricing-header, .twrt-pricing-row { min-width: 610px; }
  .twrt-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .twrt-howto-grid { grid-template-columns: 1fr; }
  .twrt-checklist-board { grid-template-columns: 1fr; }
  .twrt-checklist-time { min-height: 145px; }
  .twrt-related-section .twrt-cta-bar { align-items: flex-start; flex-direction: column; text-align: left; }
  .twrt-cta-bar { padding: 28px 20px; border-radius: 18px; }
}

@media (max-width: 480px) {
  .twrt-hero-shell {
    width: 100%;
    max-width: 100%;
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
  }
  .twrt-hero-row {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .twrt-hero-row > .twrt-col-form,
  .twrt-hero-row > .twrt-col-illustration {
    width: 100%;
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
    box-sizing: border-box;
  }
  .twrt-glass-form,
  .twrt-glass-form form,
  .twrt-form-header,
  .twrt-form-header > div:last-child,
  .twrt-stepper,
  .twrt-form-group,
  .twrt-form-row-2col,
  .twrt-form-row-2col > .twrt-form-group,
  .twrt-qty-row,
  .twrt-price-row {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }
  .twrt-input,
  .twrt-textarea,
  .twrt-glass-form .custom-select-wrapper,
  .twrt-glass-form .custom-select-trigger,
  .twrt-glass-form .custom-select-dropdown {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }
  .twrt-step {
    min-width: 0;
    overflow-wrap: anywhere;
    white-space: normal;
  }
  .twrt-glass-form { padding: 18px 16px; }
  .twrt-form-header { gap: 10px; }
  .twrt-form-header-icon { flex-basis: 40px; width: 40px; height: 40px; }
  .twrt-stepper { gap: 3px; }
  .twrt-step { flex-direction: column; gap: 3px; font-size: 0.61rem; }
  .twrt-step-num { flex-basis: 23px; width: 23px; height: 23px; }
  .twrt-hero-title { font-size: 1.36rem; }
  .twrt-hero-badge { padding: 7px 13px; font-size: 0.74rem; }
  .twrt-proof-panel { padding: 14px; }
  .twrt-proof-hero { gap: 12px; }
  .twrt-proof-robot { flex-basis: 90px; width: 90px; height: 90px; }
  .twrt-robot-img-sm { width: 82px; max-height: 88px; }
  .twrt-fbadge { display: none; }
  .twrt-pstat { padding: 8px 4px; }
  .twrt-pstat-num { font-size: 1rem; }
  .twrt-livefeed-time { max-width: 62px; overflow: hidden; text-overflow: ellipsis; }
  .twrt-related-grid { grid-template-columns: 1fr; }
  .twrt-price-explainer { padding: 16px; }
  .twrt-price-preview-row { align-items: flex-start; padding: 11px 12px; }
  .twrt-content-grid { gap: 20px; }
  .twrt-term-card { grid-template-columns: 40px minmax(0, 1fr); padding: 13px; }
  .twrt-term-icon { width: 38px; height: 38px; }
  .twrt-seeding-card { grid-template-columns: 1fr; }
  .twrt-testimonial-card { flex-basis: min(300px, calc(100vw - 44px)); width: min(300px, calc(100vw - 44px)); }
  .twrt-after-grid { grid-template-columns: 1fr; }
  .twrt-howto-card { padding: 15px; }
  .twrt-benefit-visual { padding: 7px; margin-top: 18px; border-radius: 16px; }
  .twrt-benefit-visual figcaption { padding-right: 5px; padding-left: 5px; text-align: left; }
  .twrt-checklist-board { padding: 15px; }
  .twrt-checklist-time { min-height: 126px; }
  .twrt-checklist-time span { font-size: 2.55rem; }
  .twrt-testimonial-marquee::before, .twrt-testimonial-marquee::after { width: 24px; }
  .twrt-faq-q { padding: 15px 16px; font-size: 0.88rem; }
  .twrt-faq-a p { padding: 3px 16px 16px; font-size: 0.84rem; }
  .twrt-readmore-btn { max-width: calc(100% - 28px); padding: 11px 22px; font-size: 0.84rem; }
  .twrt-readmore-content { padding: 14px; border-radius: 16px; }
  .twrt-lightbox { padding: 14px; }
  .twrt-lightbox-close { top: 12px; right: 12px; width: 40px; height: 40px; }
}

@media (max-width: 375px) {
  .twrt-hero-shell { padding-right: 12px !important; padding-left: 12px !important; }
  .twrt-glass-form { width: 100%; max-width: 100%; padding: 16px 12px; margin-right: 0; margin-left: 0; }
  .twrt-hero-title { font-size: 1.28rem; }
  .twrt-kw { padding: 4px 9px; font-size: 0.68rem; }
  .twrt-proof-hero { align-items: flex-start; }
  .twrt-proof-robot { flex-basis: 76px; width: 76px; height: 76px; }
  .twrt-robot-img-sm { width: 70px; max-height: 74px; }
  .twrt-proof-stats { gap: 6px; }
  .twrt-pstat-label { font-size: 0.56rem; letter-spacing: 0.2px; }
  .twrt-livefeed-item { gap: 7px; padding: 7px 8px; }
  .twrt-livefeed-avatar { flex-basis: 29px; width: 29px; height: 29px; }
  .twrt-livefeed-name { font-size: 0.7rem; }
  .twrt-livefeed-detail { font-size: 0.61rem; }
  .twrt-section { padding: 36px 0; }
  .twrt-content-panel, .twrt-definition-card, .twrt-guide-card, .twrt-benefit-card { padding: 17px; }
  .twrt-howto-steps { padding-left: 32px; }
  .twrt-howto-steps::before { left: 16px; }
  .twrt-howto-number { left: -32px; width: 32px; height: 32px; font-size: 0.82rem; }
  .twrt-howto-content { padding: 17px; }
  .twrt-cta-bar h2 { font-size: 1.28rem; }
  .twrt-cta-btn-final { width: 100%; padding-right: 20px; padding-left: 20px; }
}

@media print {
  .twrt-collapse-wrap.twrt-collapse-ready { max-height: none !important; overflow: visible !important; }
  .twrt-readmore-bar { display: none !important; }
}

@media (max-width: 575px) {
  #sb3-float,
  #sb-bts-float,
  .customizer-btn { display: none !important; }
}

@media (prefers-reduced-motion: reduce) {
  .twrt-anim-fadeIn,
  .twrt-anim-slideUp,
  .twrt-robot-img-sm,
  .twrt-fb-mini-1,
  .twrt-fb-mini-2,
  .twrt-livefeed-dot,
  .twrt-livefeed-item,
  .twrt-cta-btn::after,
  .twrt-track-1,
  .twrt-track-2,
  .twrt-readmore-btn .fa-chevron-down {
    animation: none !important;
  }
  .twrt-readmore-btn i { animation: none !important; }
  .twrt-reveal { opacity: 1; transform: none; transition: none; }
  .twrt-testimonial-track { transform: none; }
  .twrt-testimonial-marquee { overflow-x: auto; scrollbar-width: thin; }
  .twrt-img-card,
  .twrt-guide-card,
  .twrt-benefit-card,
  .twrt-compare-card,
  .twrt-related-card,
  .twrt-testimonial-card,
  .twrt-signal-card,
  .twrt-usecase-card,
  .twrt-feature-card,
  .twrt-process-card,
  .twrt-strategy-card,
  .twrt-howto-card,
  .twrt-after-card,
  .twrt-cta-btn,
  .twrt-cta-btn-final,
  .twrt-readmore-btn {
    transition: none;
  }
}