:root{
  --bg:#050506;
  --ink:#e8ebf2;
  --muted:#9aa3b2;
  --mint:#9cf6e5;
  --line:rgba(255,255,255,.10);
  --kb: 0px;
  --safe: env(safe-area-inset-bottom, 0px);
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --vvh: 1vh;
  --vv-top: 0px;
}
@supports (height: 100svh){
  :root{ --vvh: 1svh; }
}
*{ box-sizing:border-box; }
html,body{ height:100%; margin:0; }
body{
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-optical-sizing: auto;
  color: var(--ink);
  background: #000;
  overflow:hidden;
  -webkit-text-size-adjust: 100%;
  touch-action: manipulation;
}
body.chat-page{ background: var(--bg); }
.chat-page footer,
.chat-page .site-footer{ display:none !important; }

.chat-page .hero-ai{
  position: fixed;
  top: var(--vv-top);
  left: 0; right: 0;
  height: calc(var(--vvh, 1vh) * 100);
  max-height: calc(var(--vvh, 1vh) * 100);
  padding: calc(20px + var(--safe-top)) 20px calc(24px + var(--safe)) 20px;
  display:flex;
  align-items: stretch;
  justify-content: center;
  background: #050506;
  overflow:hidden;
  isolation:isolate;
}
.chat-page .hero-ai::before{
  content:"";
  position:absolute;
  width: 120vmax;
  height: 120vmax;
  left: -20vmax;
  top: -40vmax;
  background:
    radial-gradient(circle at 40% 40%, rgba(156,246,229,.08), transparent 55%),
    radial-gradient(circle at 70% 65%, rgba(255,122,89,.05), transparent 60%);
  opacity: .45;
  filter: blur(40px);
  animation: glow-drift 22s ease-in-out infinite;
  pointer-events:none;
  z-index:0;
}
.chat-page .hero-ai::after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.45));
  pointer-events:none;
  z-index:0;
}

.chat-page .ai-head{ display:none; }

.chat-page .tf-hero{
  z-index:1;
  width:100%;
  max-width: 720px;
  height:100%;
  display:flex;
}

.chat-page .tf-bar{
  width:100%;
  height:100%;
  display:grid;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 14px;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.chat-page .tf-log-wrap{
  display:flex;
  flex: 1 1 auto;
  min-height:0;
  position:relative;
  height: 100%;
}
.chat-page .tf-log{
  width:100%;
  max-width: 680px;
  margin: 0 auto;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap: 12px;
  height:100%;
  max-height:none;
  min-height: 0;
  overflow:auto;
  padding: clamp(30px, 10vh, 110px) 4px calc(116px + var(--kb));
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}
.chat-page .tf-log-mask{ display:none; }
.chat-page .tf-log::-webkit-scrollbar{ width:6px; }
.chat-page .tf-log::-webkit-scrollbar-thumb{
  background: rgba(156,246,229,.18);
  border-radius: 8px;
}

.chat-page .tf-msg-bubble{
  position: relative;
  max-width: 86%;
  padding: 12px 14px;
  border-radius: 16px;
  font: 400 16px/1.58 "Inter", sans-serif;
  letter-spacing:.004em;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 10px 24px rgba(0,0,0,.35);
  color: rgba(232,235,242,.92);
  white-space: pre-wrap;
  word-break: break-word;
}
.chat-page .tf-msg-bubble.user{
  background: rgba(255,255,255,.05);
  border-color: rgba(255,255,255,.10);
}
.chat-page .tf-msg-bubble.assistant{
  padding-top: 36px;
  color: #eef1f6;
  min-width: 12ch;
  background:
    linear-gradient(180deg, rgba(12,16,18,.92), rgba(12,16,18,.78)) padding-box,
    linear-gradient(120deg, rgba(156,246,229,.55), rgba(156,246,229,.12), rgba(156,246,229,.55)) border-box;
  border: 1px solid transparent;
  background-size: 100% 100%, 220% 220%;
  background-position: 0 0, 0% 50%;
  animation: border-flow 10s linear infinite;
  box-shadow:
    0 16px 28px rgba(0,0,0,.45),
    0 0 16px rgba(156,246,229,.08);
}
.chat-page .tf-msg-bubble.assistant::before{
  content:"AI-Anders";
  position:absolute; top:10px; left:12px;
  font-size:11px; font-weight:500;
  letter-spacing:.16em;
  text-transform: uppercase;
  color: rgba(225,235,246,.85);
  padding-left: 0;
  background: none;
}
.chat-page .tf-msg-bubble.assistant::after{ display:none; }
.chat-page .tf-msg-bubble.assistant.is-booting{
  color: rgba(225,235,246,.7);
  animation: border-flow 10s linear infinite, boot-glow 2.8s ease-in-out infinite;
}
.chat-page .tf-msg-bubble.assistant.is-streaming{
  animation: border-flow 10s linear infinite, bubble-pulse 2.4s ease-in-out infinite;
  box-shadow:
    0 16px 28px rgba(0,0,0,.45),
    0 0 22px rgba(156,246,229,.18),
    0 0 42px rgba(156,246,229,.10);
}
.chat-page .tf-msg-bubble.assistant.is-booting.is-streaming{
  animation: border-flow 10s linear infinite, boot-glow 2.8s ease-in-out infinite, bubble-pulse 2.4s ease-in-out infinite;
}
.chat-page .tf-msg-bubble.assistant.boot-out{
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity .22s ease, transform .22s ease;
}
.chat-page .boot-stack{
  display: grid;
  gap: 10px;
  margin-top: 6px;
}
.chat-page .boot-line{
  display:flex;
  align-items:center;
  gap: 10px;
  opacity: 0;
  transform: translateY(6px);
  filter: blur(2px);
  transition: opacity .6s ease, transform .6s ease, filter .6s ease;
}
.chat-page .boot-line.is-visible{
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}
.chat-page .boot-dot{
  color: rgba(156,246,229,.65);
  font-size: 12px;
}
.chat-page .boot-text{
  font-size: 12px;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.chat-page .boot-line.is-accent .boot-text{
  background: linear-gradient(120deg, rgba(156,246,229,.35), rgba(156,246,229,.95), rgba(156,246,229,.35));
  background-size: 200% 100%;
  background-position: 0% 50%;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: boot-accent 6s ease-in-out infinite;
  text-shadow: 0 0 12px rgba(156,246,229,.18);
}
.chat-page .tf-msg-bubble.assistant.is-waiting{
  color: rgba(225,235,246,.7);
}
.chat-page .waiting-dots{
  display:inline-flex;
  align-items:center;
  gap: 4px;
  font-size: 18px;
  letter-spacing: .2em;
}
.chat-page .waiting-dots span{
  display:inline-block;
  opacity: .25;
  transform: translateY(0);
  animation: dots-pulse 1.4s ease-in-out infinite;
}
.chat-page .waiting-dots span:nth-child(2){ animation-delay: .2s; }
.chat-page .waiting-dots span:nth-child(3){ animation-delay: .4s; }

.chat-page .tf-msg-bubble.assistant.tf-lead-card{
  width: min(620px, 94%);
  max-width: 94%;
  padding: 40px 18px 16px;
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(8,11,14,.96), rgba(7,10,12,.90)) padding-box,
    linear-gradient(118deg, rgba(156,246,229,.75), rgba(156,246,229,.15), rgba(255,122,89,.44)) border-box;
  border: 1px solid transparent;
  box-shadow:
    0 20px 42px rgba(0,0,0,.52),
    0 0 24px rgba(156,246,229,.12);
  animation: border-flow 14s linear infinite;
}
.chat-page .tf-msg-bubble.assistant.tf-lead-card::before{
  content: "Lead Flow";
  color: rgba(219,243,238,.88);
  letter-spacing: .17em;
}
.chat-page .tf-msg-bubble.assistant.tf-lead-card.is-saving{
  box-shadow:
    0 22px 42px rgba(0,0,0,.58),
    0 0 28px rgba(156,246,229,.22);
}
.chat-page .tf-msg-bubble.assistant.tf-lead-card.is-submitting{
  box-shadow:
    0 22px 42px rgba(0,0,0,.58),
    0 0 34px rgba(255,122,89,.18);
}
.chat-page .tf-msg-bubble.assistant.tf-lead-card.is-step-transition .tf-lead-step-fields{
  animation: lead-step-in .26s ease;
}
.chat-page .tf-lead-title{
  margin: 0;
  font: 620 18px/1.3 "Inter Tight", "Inter", sans-serif;
  color: rgba(242,248,255,.96);
  letter-spacing: .012em;
}
.chat-page .tf-lead-copy{
  margin: 8px 0 4px;
  color: rgba(222,232,244,.88);
  font: 400 14px/1.54 "Inter", sans-serif;
}
.chat-page .tf-lead-actions{
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.chat-page .tf-lead-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  appearance: none;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 999px;
  background: rgba(12,14,16,.9);
  color: rgba(235,242,252,.95);
  padding: 10px 16px;
  font: 500 12px/1 "Inter", sans-serif;
  letter-spacing: .055em;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease, background-color .2s ease, opacity .2s ease;
}
.chat-page .tf-lead-btn:hover{
  transform: translateY(-1px);
}
.chat-page .tf-lead-btn:focus-visible{
  outline: none;
  border-color: rgba(156,246,229,.62);
  box-shadow: 0 0 0 2px rgba(156,246,229,.22);
}
.chat-page .tf-lead-btn[disabled]{
  opacity: .54;
  cursor: default;
  transform: none;
}
.chat-page .tf-lead-btn.is-primary{
  border-color: rgba(156,246,229,.62);
  background: linear-gradient(180deg, rgba(31,48,48,.95), rgba(13,18,20,.98));
  box-shadow: 0 10px 24px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.14);
}
.chat-page .tf-lead-btn.is-secondary{
  border-color: rgba(255,255,255,.2);
  background: rgba(10,12,14,.82);
}
.chat-page .tf-lead-form{
  margin-top: 12px;
  display: grid;
  gap: 12px;
}
.chat-page .tf-lead-wizard-head{
  display: grid;
  gap: 10px;
}
.chat-page .tf-lead-progress{
  height: 6px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.chat-page .tf-lead-progress-fill{
  height: 100%;
  width: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(156,246,229,.92), rgba(255,122,89,.82));
  box-shadow: 0 0 14px rgba(156,246,229,.32);
  transition: width .34s cubic-bezier(.16,1,.3,1);
}
.chat-page .tf-lead-step-rail{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.chat-page .tf-step-chip{
  appearance: none;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  background: rgba(11,14,18,.68);
  color: rgba(221,232,244,.78);
  font: 500 11px/1 "Inter", sans-serif;
  letter-spacing: .05em;
  text-transform: uppercase;
  padding: 8px 11px;
  transition: border-color .2s ease, color .2s ease, background-color .2s ease, transform .2s ease;
}
.chat-page .tf-step-chip.is-active{
  border-color: rgba(156,246,229,.62);
  color: rgba(232,252,246,.98);
  background: rgba(22,35,34,.82);
}
.chat-page .tf-step-chip.is-complete{
  border-color: rgba(255,122,89,.54);
  color: rgba(255,221,210,.94);
}
.chat-page .tf-step-chip[disabled]{
  opacity: .45;
  cursor: default;
}
.chat-page .tf-lead-step-title{
  margin: 0;
  font: 600 15px/1.3 "Inter Tight", "Inter", sans-serif;
  color: rgba(239,246,255,.95);
}
.chat-page .tf-lead-step-hint{
  margin: 0;
  color: rgba(203,219,236,.7);
  font: 500 11px/1.2 "Inter", sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.chat-page .tf-lead-step-fields{
  display: grid;
  gap: 10px;
  width: min(520px, 100%);
  margin: 0 auto;
}
.chat-page .tf-lead-field{
  display: grid;
  gap: 7px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(10,13,16,.72), rgba(8,11,14,.5));
  padding: 12px;
  box-shadow: 0 10px 24px rgba(0,0,0,.22);
}
.chat-page .tf-lead-question{
  margin: 0;
  color: rgba(234,244,255,.92);
  font: 600 14px/1.35 "Inter Tight", "Inter", sans-serif;
  letter-spacing: .01em;
}
.chat-page .tf-lead-required{
  color: rgba(255,144,144,.92);
}
.chat-page .tf-lead-label{
  font: 500 11px/1.2 "Inter", sans-serif;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: rgba(191,209,230,.66);
}
.chat-page .tf-lead-control{
  width: 100%;
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(8,10,12,.88), rgba(8,10,12,.7)) padding-box,
    linear-gradient(120deg, rgba(156,246,229,.22), rgba(156,246,229,0)) border-box;
  border: 1px solid transparent;
  color: rgba(238,244,252,.96);
  font: 400 14px/1.45 "Inter", sans-serif;
  padding: 12px 12px;
}
.chat-page .tf-lead-field.has-error .tf-lead-control{
  border-color: rgba(255,143,143,.78);
}
.chat-page .tf-lead-control:focus{
  outline: none;
  border-color: rgba(156,246,229,.55);
  box-shadow: 0 0 0 2px rgba(156,246,229,.18), 0 12px 20px rgba(0,0,0,.24);
}
.chat-page textarea.tf-lead-control{
  resize: vertical;
  min-height: 72px;
}
.chat-page .tf-lead-control[disabled]{
  opacity: .62;
}
.chat-page .tf-lead-field.is-checkbox{
  padding: 12px;
}
.chat-page .tf-lead-checkbox-wrap{
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.chat-page .tf-lead-checkbox-wrap .tf-lead-control{
  width: 18px;
  height: 18px;
  margin: 0;
  padding: 0;
  border-radius: 5px;
  accent-color: #9cf6e5;
}
.chat-page .tf-lead-checkbox-label{
  color: rgba(232,240,250,.9);
  font: 500 13px/1.35 "Inter", sans-serif;
}
.chat-page .tf-lead-suggestions{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.chat-page .tf-lead-suggestion{
  appearance: none;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  background: rgba(18,24,30,.8);
  color: rgba(226,236,248,.88);
  font: 500 11px/1 "Inter", sans-serif;
  letter-spacing: .04em;
  padding: 8px 11px;
  cursor: pointer;
  transition: transform .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
}
.chat-page .tf-lead-suggestion:hover{
  transform: translateY(-1px);
  border-color: rgba(156,246,229,.46);
  color: rgba(238,247,255,.95);
  box-shadow: 0 8px 18px rgba(0,0,0,.24);
}
.chat-page .tf-lead-suggestion:focus-visible{
  outline: none;
  border-color: rgba(156,246,229,.65);
  box-shadow: 0 0 0 2px rgba(156,246,229,.2);
}
.chat-page .tf-lead-field-error{
  margin: 0;
  font: 500 12px/1.35 "Inter", sans-serif;
  color: #ff8f8f;
}
.chat-page .tf-lead-error-global{
  margin: 2px 0 0;
  font: 500 12px/1.35 "Inter", sans-serif;
  color: #ffb28d;
}
.chat-page .tf-lead-trust{
  margin: 2px 0 0;
  font: 400 12px/1.4 "Inter", sans-serif;
  color: rgba(206,221,236,.6);
}
.chat-page .tf-lead-form-actions{
  margin-top: 2px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 9px;
  align-items: center;
}
.chat-page .tf-lead-back,
.chat-page .tf-lead-dismiss{
  min-width: 104px;
}
.chat-page .tf-lead-next{
  width: 100%;
}
@media (min-width: 620px){
  .chat-page .tf-lead-step-fields{
    grid-template-columns: 1fr;
  }
  .chat-page .tf-lead-field.is-checkbox{
    grid-column: auto;
  }
}
.chat-page .tf-msg-bubble.assistant.tf-lead-success{
  border-color: rgba(156,246,229,.45);
  box-shadow:
    0 16px 30px rgba(0,0,0,.46),
    0 0 24px rgba(156,246,229,.12);
}

.typo-caret{
  display:inline-block; width:1px; height:1em; margin-left:1px;
  background:rgba(156,246,229,.95);
  animation:blink 1s steps(1) infinite, caret-glow 1.6s ease-in-out infinite;
  vertical-align:-0.12em;
}
@keyframes blink{ 50%{ opacity:0 } }
@keyframes caret-glow{
  0%,100%{ box-shadow: 0 0 0 rgba(156,246,229,0); }
  50%{ box-shadow: 0 0 8px rgba(156,246,229,.35); }
}

.chat-page .tf-input-row{
  align-self:center;
  width: min(680px, 100%);
  display:flex;
  align-items:center;
  gap: 8px;
  padding: 6px 8px 6px 16px;
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(12,14,16,.92), rgba(12,14,16,.88)) padding-box,
    linear-gradient(120deg, rgba(156,246,229,.45), rgba(156,246,229,.12), rgba(156,246,229,.45)) border-box;
  border: 1px solid transparent;
  background-size: 100% 100%, 240% 240%;
  background-position: 0 0, 0% 50%;
  animation: border-flow 12s linear infinite;
  box-shadow: 0 18px 40px rgba(0,0,0,.55), 0 0 18px rgba(156,246,229,.08);
  margin-bottom: calc(var(--kb) + 2px);
  transition: margin-bottom .2s ease, box-shadow .2s ease;
  z-index: 2;
}
.chat-page #tf-msg{
  width:100%;
  min-height: 40px;
  max-height: calc(var(--vvh,1vh) * 30);
  resize:none;
  padding: 10px 6px 10px 0;
  border: 0;
  background: transparent;
  color: var(--ink);
  outline: none;
  box-shadow: none;
  caret-color: var(--mint);
  font-size: 16px;
  font-weight: 400;
  letter-spacing: .006em;
}
.chat-page #tf-msg::placeholder{ color: rgba(232,235,242,.45); }

.chat-page .tf-icons{ display:flex; align-items:center; }
.chat-page .tf-icon{
  width:38px; height:38px;
  border-radius: 999px;
  border: 1px solid rgba(156,246,229,.55);
  background: rgba(12,14,16,.95);
  color: #dffdf5;
  display:grid; place-items:center;
  box-shadow: 0 0 0 2px rgba(156,246,229,.10), 0 12px 24px rgba(0,0,0,.45);
  cursor:pointer;
}
.chat-page .tf-icon:hover{ transform: translateY(-1px); }
.chat-page .tf-icon:active{ transform: translateY(0) scale(.98); }

.chat-page .tf-close{
  position: fixed;
  top: calc(16px + var(--safe-top));
  right: calc(16px + var(--safe-right));
  width:40px; height:40px; border-radius: 999px;
  background: rgba(12,14,18,.70);
  border: 1px solid rgba(255,255,255,.18);
  color:#fff; z-index:3;
  backdrop-filter: blur(12px) saturate(160%);
}

.chat-page .thinking-overlay{ display:none; }
.chat-page .hero-ai.is-thinking .thinking-overlay{ display:none; }
.chat-page .tf-loader{ display:none; }

.chat-page .neural-loader{ position:relative; width: clamp(120px, 28vw, 240px); aspect-ratio:1/1; }
.chat-page .neural-loader .orb{
  position:absolute; inset:0; border-radius:50%;
  background:
    radial-gradient(60% 60% at 30% 30%, rgba(255,255,255,.9), rgba(255,255,255,.05) 60%, transparent 70%),
    radial-gradient(100% 100% at 70% 70%, rgba(156,246,229,.55), rgba(156,246,229,.12) 60%, transparent 70%),
    conic-gradient(from 0deg, rgba(156,246,229,.0), rgba(156,246,229,.65), rgba(255,122,89,.55), rgba(156,246,229,.0));
  mix-blend-mode: screen;
  animation: orb-spin 4.6s linear infinite, orb-pulse 1.8s ease-in-out infinite;
}
.chat-page .neural-loader .ring{
  position:absolute; inset:-12%; border-radius:50%;
  background:
    radial-gradient(closest-side, rgba(156,246,229,.14), transparent 70%),
    conic-gradient(from 0deg, rgba(156,246,229,.0) 0 20%, rgba(156,246,229,.6) 21% 40%, rgba(255,122,89,.5) 41% 60%, rgba(156,246,229,.0) 61% 100%);
  -webkit-mask: radial-gradient(closest-side, transparent 62%, #000 63%);
  mask: radial-gradient(closest-side, transparent 62%, #000 63%);
  filter: blur(6px) saturate(130%);
  animation: ring-rotate 2.4s linear infinite;
}
@keyframes orb-spin{ to{ transform: rotate(360deg); } }
@keyframes ring-rotate{ to{ transform: rotate(-360deg); } }
@keyframes orb-pulse{ 0%,100%{ transform: scale(1); } 50%{ transform: scale(1.06); } }
@keyframes glow-drift{
  0%{ transform: translate3d(0,0,0) scale(1); }
  50%{ transform: translate3d(6%, 4%, 0) scale(1.05); }
  100%{ transform: translate3d(-4%, -6%, 0) scale(1.02); }
}
@keyframes bubble-pulse{
  0%,100%{ filter: drop-shadow(0 0 0 rgba(0,0,0,0)); }
  50%{ filter: drop-shadow(0 0 10px rgba(156,246,229,.12)); }
}
@keyframes border-flow{
  0%{ background-position: 0 0, 0% 50%; }
  50%{ background-position: 0 0, 100% 50%; }
  100%{ background-position: 0 0, 0% 50%; }
}
@keyframes boot-glow{
  0%,100%{ text-shadow: 0 0 10px rgba(156,246,229,.12); }
  50%{ text-shadow: 0 0 18px rgba(156,246,229,.28); }
}
@keyframes boot-accent{
  0%{ background-position: 0% 50%; }
  50%{ background-position: 100% 50%; }
  100%{ background-position: 0% 50%; }
}
@keyframes dots-pulse{
  0%,100%{ opacity:.25; transform: translateY(0); }
  50%{ opacity:.9; transform: translateY(-2px); }
}
@keyframes lead-step-in{
  from{
    opacity: .2;
    transform: translateY(6px) scale(.995);
    filter: blur(2px);
  }
  to{
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}

body.immersive-lock{ overflow:hidden; touch-action:none; }

@media (max-width: 760px){
  .chat-page .tf-hero{ max-width: 100%; }
  .chat-page .tf-msg-bubble{ font-size: 15px; }
  .chat-page .tf-close{ display:none; }
  .chat-page .tf-msg-bubble.assistant.tf-lead-card{
    width: 100%;
    max-width: 100%;
  }
  .chat-page .tf-lead-actions{
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .chat-page .tf-lead-btn{
    width: 100%;
    justify-content: center;
  }
  .chat-page .tf-lead-form-actions{
    grid-template-columns: 1fr;
  }
  .chat-page .tf-lead-back,
  .chat-page .tf-lead-next,
  .chat-page .tf-lead-dismiss{
    min-width: 0;
  }
}
@media (min-width: 900px){
  .chat-page .tf-hero{
    max-width: 860px;
    margin: 0 auto;
  }
  .chat-page .tf-bar{
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
  }
  .chat-page .tf-log-wrap{
    max-width: 720px;
    margin: 0 auto;
    width: 100%;
  }
  .chat-page .tf-log{
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
  .chat-page #tf-msg{
    font-family: "Inter Tight", "Inter", sans-serif;
    font-weight: 450;
    letter-spacing: .01em;
  }
}