/* Source: page-ai-chat.php */

/* Hero */
.tb-ai-chat-hero {
  padding-top:56px;
  padding-bottom:40px;
}
.tb-ai-chat-hero__chip-wrap {
  text-align:center;
  margin-bottom:18px;
}
.tb-ai-chat-hero__chip {
  display:inline-flex;
  border-color:rgba(0, 212, 255, 0.4);
  background:rgba(0, 212, 255, 0.06);
  color:var(--ai-soft);
}
.tb-ai-chat-hero__chip-dot {
  background:var(--ai);
  box-shadow:0 0 6px var(--ai);
}
.tb-ai-chat-hero__title {
  text-align:center;
  font-size:clamp(56px, 7.4vw, 108px);
  margin:0;
  font-style:italic;
  letter-spacing:-0.005em;
  line-height:0.92;
}
.tb-ai-chat-hero__title-ink {
  color:var(--ink);
}
.tb-ai-chat-hero__title-accent {
  background:linear-gradient(90deg, var(--ai) 0%, var(--ai-soft) 50%, #c084fc 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.tb-ai-chat-hero__subtitle {
  text-align:center;
  margin-top:22px;
  max-width:720px;
  margin-left:auto;
  margin-right:auto;
  font-size:18px;
  line-height:1.55;
  color:var(--ink-muted);
}
.tb-ai-chat-hero__subtitle-brand {
  color:var(--ai-soft);
  font-weight:600;
}
.tb-ai-chat-hero__subtitle-cta {
  color:var(--ink);
}

.tb-inline-75708105 { padding:0 0 64px; }
.tb-inline-84b77646 { display:grid;
      grid-template-columns:260px 1fr;
      min-height:640px;
      background:linear-gradient(180deg, var(--bg-2), var(--bg-1));
      border:1px solid var(--line-strong);
      overflow:hidden;
      box-shadow:0 40px 100px -40px rgba(0,212,255,.2); }
.tb-inline-2765fdcf { border-right:1px solid var(--line);
        background:rgba(0,0,0,.3);
        display:flex;
        flex-direction:column;
        min-height:0; }
.tb-inline-772f566f { padding:20px 18px 14px;
          border-bottom:1px solid var(--line); }
.tb-inline-807b4388 { width:100%;padding:11px 16px;font-size:13px; }
.tb-inline-d057f58e { flex:1;overflow-y:auto;padding:10px 0; }
.tb-inline-331fecbd { padding:0 18px 8px;
            font-family:var(--f-mono);
            font-size:9.5px;
            letter-spacing:.2em;
            color:var(--ink-dim);
            text-transform:uppercase; }
.tb-inline-d119809e { display:block;
              width:100%;
              text-align:left;
              padding:10px 18px;
              background:transparent;
              border-left:2px solid transparent;
              transition:background .15s;
              cursor:pointer; }
.tb-inline-d119809e.is-active {
              background:linear-gradient(90deg, rgba(0,212,255,.12), transparent);
              border-left-color:var(--ai); }
.tb-inline-e4ae4266 { font-size:13px;
                color:var(--ink-muted);
                white-space:nowrap;
                overflow:hidden;
                text-overflow:ellipsis;
                font-weight:400; }
.tb-inline-d119809e.is-active .tb-inline-e4ae4266 {
                color:var(--ink);
                font-weight:600; }
.tb-inline-f4bc4a98 { font-family:var(--f-mono);
                font-size:10px;
                color:var(--ink-dim);
                margin-top:2px;
                letter-spacing:.04em; }
.tb-inline-96574538 { margin:14px;
          padding:16px;
          border:1px solid rgba(255,122,26,.35);
          background:linear-gradient(135deg, rgba(255,122,26,.10), rgba(255,122,26,.02));
          border-radius:8px; }
.tb-inline-21844578 { font-family:var(--f-mono);
            font-size:9.5px;
            letter-spacing:.22em;
            color:var(--human-soft);
            text-transform:uppercase;
            margin-bottom:6px; }
.tb-inline-66b178b4 { font-family:var(--f-cond);
            font-size:14px;
            letter-spacing:.06em;
            color:var(--ink);
            line-height:1.3; }
.tb-inline-14f45981 { display:block;
            margin-top:10px;
            padding:8px 12px;
            background:var(--human);
            color:#0b0710;
            font-family:var(--f-mono);
            font-size:10.5px;
            letter-spacing:.14em;
            text-align:center;
            border-radius:4px;
            text-transform:uppercase;
            font-weight:700; }
.tb-inline-31657afd { display:flex;flex-direction:column;min-width:0; }
.tb-inline-fba285aa { padding:16px 28px;
          border-bottom:1px solid var(--line);
          display:flex;
          align-items:center;
          justify-content:space-between;
          background:rgba(0,0,0,.2); }
.tb-inline-8c115b78 { display:flex;align-items:center;gap:14px; }
.tb-inline-5336973b { position:relative; }
.tb-inline-fff622b6 { width:40px;
                height:40px;
                border-radius:8px;
                background:linear-gradient(135deg, var(--ai), var(--ai-deep));
                display:flex;
                align-items:center;
                justify-content:center;
                color:#000; }
.tb-inline-70f92eb7 { position:absolute;
                bottom:-2px;
                right:-2px;
                width:12px;
                height:12px;
                border-radius:50%;
                background:var(--win);
                border:2px solid var(--bg-1);
                box-shadow:0 0 8px var(--win); }
.tb-inline-f18c5fcd { display:flex;align-items:center;gap:8px; }
.tb-inline-56c6ac40 { font-size:20px;font-style:italic;color:var(--ink); }
.tb-inline-3bb02429 { font-family:var(--f-mono);
                  font-size:9px;
                  letter-spacing:.2em;
                  padding:2px 6px;
                  border-radius:2px;
                  background:rgba(0,212,255,.12);
                  color:var(--ai-soft);
                  border:1px solid rgba(0,212,255,.35); }
.tb-inline-bcbd87d2 { font-family:var(--f-mono);
                font-size:10.5px;
                letter-spacing:.1em;
                color:var(--ink-muted);
                margin-top:2px;
                display:flex;
                align-items:center;
                gap:6px; }
.tb-inline-240fddc8 { width:5px;height:5px;border-radius:50%;background:var(--win); }
.tb-inline-5ffb8a79 { display:flex;gap:8px; }
.tb-inline-8cce5e8c { padding:8px 14px; }
.tb-inline-2e84f5f7 { flex:1;
          padding:32px 36px 16px;
          overflow-y:auto;
          background:rgba(0,0,0,.18);
          position:relative; }
.tb-inline-968adaed { display:flex;margin-bottom:22px;gap:12px; }
.tb-inline-5623752d { width:36px;
              height:36px;
              border-radius:8px;
              background:linear-gradient(135deg, var(--ai), var(--ai-deep));
              display:flex;
              align-items:center;
              justify-content:center;
              flex-shrink:0;
              color:#000; }
.tb-inline-c2f0dca4 { flex:1;max-width:calc(100% - 48px); }
.tb-inline-366eba74 { padding:14px 18px;
                background:linear-gradient(180deg, rgba(0,212,255,.06), rgba(0,212,255,.02));
                border:1px solid rgba(0,212,255,.25);
                border-radius:14px 14px 14px 4px;
                font-size:15px;
                line-height:1.55;
                color:var(--ink); }
.tb-inline-1ef76dbb { margin-top:10px;
                padding:9px 14px;
                background:rgba(0,212,255,.04);
                border:1px dashed rgba(0,212,255,.35);
                border-radius:6px;
                font-family:var(--f-sans);
                font-size:13px;
                color:var(--ai-soft);
                cursor:pointer;
                text-align:left;
                transition:all .15s;
                display:flex;
                align-items:center;
                gap:8px; }
.tb-inline-c51348a3 { color:var(--ai); }
.tb-inline-f571978d { padding:16px 36px 0;
          border-top:1px solid var(--line);
          background:rgba(0,0,0,.15); }
.tb-inline-2c9d6afd { font-family:var(--f-mono);
            font-size:10px;
            letter-spacing:.22em;
            color:var(--ink-muted);
            text-transform:uppercase;
            margin-bottom:10px; }
.tb-inline-068b2b6f { display:flex;flex-wrap:wrap;gap:8px; }
.tb-inline-a9992e43 { padding:8px 14px;
                background:rgba(0,212,255,.04);
                border:1px solid rgba(0,212,255,.25);
                border-radius:999px;
                font-size:12.5px;
                color:var(--ink);
                cursor:pointer;
                transition:all .15s; }
.tb-inline-39619d9d { padding:16px 28px 20px;
          border-top:1px solid var(--line);
          background:rgba(0,0,0,.25); }
.tb-inline-c62e00f0 { display:flex;
            gap:10px;
            align-items:flex-end;
            padding:10px 14px;
            background:var(--bg-0);
            border:1px solid var(--line-strong);
            border-radius:10px;
            transition:border-color .15s, box-shadow .15s; }
.tb-inline-34630fdc { flex:1;
              background:transparent;
              border:0;
              color:var(--ink);
              font-family:var(--f-sans);
              font-size:15px;
              line-height:1.5;
              outline:none;
              resize:none;
              padding:6px 0;
              max-height:120px; }
.tb-inline-d139ec7d { width:40px;
              height:40px;
              border-radius:8px;
              background:var(--line);
              color:var(--ink-dim);
              display:flex;
              align-items:center;
              justify-content:center;
              cursor:not-allowed;
              transition:all .15s;
              flex-shrink:0; }
.tb-inline-8073dce9 { margin-top:10px;
            display:flex;
            justify-content:space-between;
            align-items:center;
            gap:10px;
            font-family:var(--f-mono);
            font-size:10.5px;
            letter-spacing:.06em;
            color:var(--ink-dim); }
.tb-inline-d36c8ebf { padding:1px 5px;border:1px solid var(--line-strong);border-radius:3px;color:var(--ink-muted); }
.tb-inline-7e97c6cb { margin-top:16px;
      text-align:center;
      font-family:var(--f-mono);
      font-size:11px;
      letter-spacing:.14em;
      color:var(--ink-muted);
      text-transform:uppercase; }

/* Inactive preview: blurred workspace + overlay */
.tb-ai-chat-preview { position:relative; }
.tb-ai-chat-preview__ui {
  filter:blur(1.5px);
  pointer-events:none;
  user-select:none;
}
.tb-ai-chat-preview__overlay {
  position:absolute;
  inset:0;
  z-index:10;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:1rem;
  border-radius:var(--radius-xl);
  background:rgba(8,12,30,0.7);
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
}
.tb-ai-chat-preview__badge {
  font-size:0.9rem;
  padding:0.5rem 1.5rem;
}
.tb-ai-chat-preview__status-offline {
  display:inline-block;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--ink-dim);
  margin-right:6px;
  vertical-align:middle;
  box-shadow:none;
}

/* Capabilities grid */
.tb-ai-chat-capabilities {
  padding:32px 0 64px;
}
.tb-ai-chat-capabilities__head {
  margin-bottom:36px;
  text-align:center;
}
.tb-ai-chat-capabilities__eyebrow {
  margin-bottom:12px;
  justify-content:center;
  display:inline-flex;
}
.tb-ai-chat-capabilities__eyebrow-dash {
  color:var(--ai-soft);
}
.tb-ai-chat-capabilities__title {
  font-size:clamp(32px, 4.4vw, 52px);
  margin:0;
  font-style:italic;
}
.tb-ai-chat-capabilities__grid {
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:18px;
}
@media (max-width:900px) {
  .tb-ai-chat-capabilities__grid {
    grid-template-columns:1fr;
  }
}
.tb-ai-chat-cap {
  background:linear-gradient(180deg, var(--bg-2), var(--bg-1));
  border:1px solid var(--line);
  padding:26px;
  min-height:200px;
}
.tb-ai-chat-cap__icon {
  width:44px;
  height:44px;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:16px;
}
.tb-ai-chat-cap__icon--ai {
  background:rgba(0, 212, 255, 0.1);
  border:1px solid color-mix(in srgb, var(--ai) 33%, transparent);
  color:var(--ai-soft);
}
.tb-ai-chat-cap__icon--win {
  background:rgba(34, 229, 140, 0.1);
  border:1px solid color-mix(in srgb, var(--win) 33%, transparent);
  color:#6dffb6;
}
.tb-ai-chat-cap__icon--human {
  background:rgba(255, 122, 26, 0.1);
  border:1px solid color-mix(in srgb, var(--human) 33%, transparent);
  color:var(--human-soft);
}
.tb-ai-chat-cap__title {
  font-size:22px;
  font-style:italic;
  color:var(--ink);
}
.tb-ai-chat-cap__body {
  margin-top:8px;
  font-size:14px;
  line-height:1.55;
  color:var(--ink-muted);
}

/* Launch CTA */
.tb-ai-chat-launch {
  padding:32px 0 96px;
}
.tb-ai-chat-launch__panel {
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg, rgba(0, 212, 255, 0.08), rgba(192, 132, 252, 0.08));
  border:1px solid var(--line-strong);
  padding:48px 40px;
  display:grid;
  grid-template-columns:1.3fr 1fr;
  gap:40px;
  align-items:center;
}
@media (max-width:900px) {
  .tb-ai-chat-launch__panel {
    grid-template-columns:1fr;
    padding:32px 24px;
  }
}
.tb-ai-chat-launch__glow {
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 20% 50%, rgba(0, 212, 255, 0.15), transparent 60%),
    radial-gradient(circle at 80% 50%, rgba(192, 132, 252, 0.15), transparent 60%);
}
.tb-ai-chat-launch__content,
.tb-ai-chat-launch__form-wrap {
  position:relative;
  z-index:1;
}
.tb-ai-chat-launch__chip {
  margin-bottom:16px;
  border-color:rgba(192, 132, 252, 0.4);
  background:rgba(192, 132, 252, 0.08);
  color:#c084fc;
}
.tb-ai-chat-launch__title {
  font-size:clamp(32px, 4.4vw, 52px);
  margin:0;
  font-style:italic;
  line-height:0.95;
}
.tb-ai-chat-launch__accent {
  background:linear-gradient(90deg, var(--ai), #c084fc);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.tb-ai-chat-launch__body {
  margin-top:14px;
  font-size:16px;
  color:var(--ink-muted);
  max-width:480px;
}
.tb-ai-chat-launch__body-highlight {
  color:var(--ink);
}
.tb-ai-chat-launch__features {
  margin-top:20px;
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  font-family:var(--f-mono);
  font-size:11px;
  letter-spacing:0.06em;
  color:var(--ink-muted);
}
.tb-ai-chat-launch__feature {
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.tb-ai-chat-launch__feature-check {
  color:var(--win);
}
.tb-ai-chat-launch__cf7-hint {
  padding:24px;
  background:rgba(0, 0, 0, 0.35);
  border:1px dashed var(--line-strong);
  border-radius:10px;
  font-size:13px;
  color:var(--ink-muted);
  margin:0;
}

/* CF7 inside launch panel — card on inner wrapper only (avoid double box on form) */
.tb-ai-chat-launch__form-wrap .wpcf7,
.tb-ai-chat-launch__form-wrap form.wpcf7-form {
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  border-radius:0;
  box-shadow:none;
}
.tb-ai-chat-launch__form-wrap .tb-ai-chat-launch__cf7 {
  padding:24px;
  background:rgba(0, 0, 0, 0.35);
  border:1px solid var(--line-strong);
  border-radius:10px;
}
.tb-ai-chat-launch__cf7 p {
  margin:0;
}
.tb-ai-chat-launch__cf7 p + p {
  margin-top:0;
}
.tb-ai-chat-launch__cf7-title {
  font-family:var(--f-cond);
  font-size:16px;
  letter-spacing:0.08em;
  color:var(--ink);
  text-transform:uppercase;
  margin-bottom:4px;
}
.tb-ai-chat-launch__cf7-sub {
  font-family:var(--f-mono);
  font-size:11px;
  color:var(--ink-muted);
  letter-spacing:0.06em;
  margin-bottom:14px;
}
.tb-ai-chat-launch__form-wrap .tb-ai-chat-launch__input,
.tb-ai-chat-launch__form-wrap input[type="email"] {
  width:100%;
  padding:12px 14px;
  background:var(--bg-0);
  border:1px solid var(--line-strong);
  border-radius:6px;
  font-family:var(--f-sans);
  font-size:14px;
  color:var(--ink);
  outline:none;
  margin-bottom:10px;
  box-sizing:border-box;
}
.tb-ai-chat-launch__form-wrap .tb-ai-chat-launch__input:focus,
.tb-ai-chat-launch__form-wrap input[type="email"]:focus {
  border-color:var(--ai);
}
.tb-ai-chat-launch__form-wrap .btn.btn-ai,
.tb-ai-chat-launch__form-wrap input[type="submit"] {
  width:100%;
}
.tb-ai-chat-launch__form-wrap .wpcf7-response-output {
  margin:12px 0 0;
  padding:12px 14px;
  border-radius:6px;
  font-size:13px;
}
.tb-ai-chat-launch__form-wrap .wpcf7-mail-sent-ok {
  background:rgba(34, 229, 140, 0.1);
  border:1px solid rgba(34, 229, 140, 0.4);
  color:var(--win);
}

/* ── Responsive ── */
@media (max-width: 900px) {
  .tb-inline-84b77646 {
    grid-template-columns: 1fr;
    min-height: auto;
  }
  .tb-inline-2765fdcf {
    border-right: none;
    border-bottom: 1px solid var(--line);
  }
  .tb-inline-d057f58e {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 10px 12px;
    -webkit-overflow-scrolling: touch;
  }
  .tb-inline-d119809e {
    width: auto;
    flex-shrink: 0;
    min-width: 180px;
    border-left: none;
    border-bottom: 2px solid transparent;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.03);
  }
  .tb-inline-d119809e.is-active {
    border-left: none;
    border-bottom-color: var(--ai);
  }
  .tb-inline-96574538 { margin: 12px; }
}