.tlad-demo { --tlad-green:#18a968; --tlad-dark:#0c231a; --tlad-muted:#65756e; --tlad-line:#dbe6e1; max-width:1060px; margin:40px auto; padding:30px; border:1px solid rgba(12,35,26,.1); border-radius:28px; background:linear-gradient(145deg,#fff 0%,#fbfffd 64%,#effaf5 100%); box-shadow:0 25px 70px rgba(17,67,48,.11); color:var(--tlad-dark); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
.tlad-demo * { box-sizing:border-box; }
.tlad-intro { display:grid; grid-template-columns:1fr 240px; gap:35px; align-items:end; margin-bottom:25px; }
.tlad-kicker { color:#08784b; font-size:.72rem; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.tlad-intro h2 { margin:9px 0 8px; font-size:clamp(1.7rem,3.3vw,2.7rem); line-height:1.05; letter-spacing:-.04em; }
.tlad-intro p { max-width:650px; margin:0; color:var(--tlad-muted); font-size:.92rem; line-height:1.6; }
.tlad-picker { display:grid; gap:7px; color:#385249; font-size:.72rem; font-weight:800; text-transform:uppercase; }
.tlad-picker select { min-height:46px; padding:0 12px; border:1px solid var(--tlad-line); border-radius:10px; background:#fff; color:var(--tlad-dark); }
.tlad-grid { display:grid; grid-template-columns:minmax(300px,420px) 1fr; gap:38px; align-items:center; }
.tlad-phone-wrap { display:grid; justify-items:center; }
.tlad-phone { width:min(380px,100%); overflow:hidden; border:8px solid #17231e; border-radius:32px; background:#efeae2; box-shadow:0 22px 55px rgba(20,45,35,.2); }
.tlad-status { display:flex; justify-content:space-between; padding:7px 18px; background:#17231e; color:#fff; font-size:.62rem; font-weight:700; }
.tlad-chat-head { display:grid; grid-template-columns:auto auto 1fr auto; gap:9px; align-items:center; min-height:62px; padding:8px 12px; background:#075e54; color:#fff; }
.tlad-back { font-size:1.7rem; }
.tlad-avatar { display:grid; place-items:center; width:39px; height:39px; border-radius:50%; background:#f3bc5c; color:#4b350e; font-size:.72rem; font-weight:900; }
.tlad-business strong,.tlad-business small { display:block; }
.tlad-business strong { font-size:.81rem; }
.tlad-business small { margin-top:3px; color:#cee5dd; font-size:.6rem; }
.tlad-business i { display:inline-block; width:6px; height:6px; margin-right:4px; border-radius:50%; background:#41e28f; }
.tlad-chat { min-height:365px; max-height:365px; overflow-y:auto; padding:15px 11px; background-color:#efeae2; background-image:radial-gradient(rgba(64,92,80,.07) 1px,transparent 1px); background-size:18px 18px; scroll-behavior:smooth; }
.tlad-day { display:block; width:max-content; margin:0 auto 13px; padding:5px 9px; border-radius:6px; background:#d9edf4; color:#60747b; font-size:.55rem; font-weight:800; text-transform:uppercase; }
.tlad-message { position:relative; width:fit-content; max-width:84%; margin-bottom:7px; padding:8px 10px 17px; border-radius:8px; background:#fff; box-shadow:0 1px 1px rgba(0,0,0,.08); font-size:.76rem; line-height:1.45; white-space:pre-line; }
.tlad-message small { display:block; position:absolute; right:7px; bottom:3px; color:#7e8b85; font-size:.48rem; }
.tlad-user { margin-left:auto; background:#dcf8c6; }
.tlad-bot { border-top-left-radius:2px; }
.tlad-typing { color:#78867f; letter-spacing:.15em; }
.tlad-quick { display:flex; gap:6px; overflow-x:auto; padding:8px; background:#f8f6f1; scrollbar-width:none; }
.tlad-quick button { flex:0 0 auto; padding:6px 9px; border:1px solid #acd5c1; border-radius:999px; background:#fff; color:#08724c; font-size:.57rem; font-weight:800; cursor:pointer; }
.tlad-compose { display:grid; grid-template-columns:auto 1fr auto; gap:7px; align-items:center; margin:0!important; padding:7px; background:#f8f6f1; }
.tlad-compose input { min-width:0; min-height:39px!important; height:39px; padding:0 13px!important; border:0!important; border-radius:999px!important; background:#fff!important; font-size:.76rem; }
.tlad-compose button { display:grid; place-items:center; width:39px; height:39px; padding:0; border:0; border-radius:50%; background:#075e54; color:#fff; cursor:pointer; }
.tlad-restart { margin-top:12px; padding:8px 13px; border:0; background:transparent; color:#08784b; font-size:.72rem; font-weight:800; cursor:pointer; }
.tlad-results { display:grid; gap:15px; }
.tlad-results-head { display:flex; align-items:center; gap:12px; }
.tlad-results-head>span { display:grid; place-items:center; width:48px; height:48px; border-radius:15px; background:var(--tlad-green); color:#fff; font-size:1.3rem; }
.tlad-results-head small { color:#08784b; font-size:.62rem; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }
.tlad-results-head h3 { margin:1px 0 0; font-size:1.75rem; letter-spacing:-.04em; }
.tlad-lead { min-height:190px; padding:20px; border:1px solid var(--tlad-line); border-radius:18px; background:#fff; }
.tlad-empty { display:grid; place-items:center; min-height:145px; text-align:center; }
.tlad-empty p { max-width:310px; margin:6px 0 0; color:var(--tlad-muted); font-size:.75rem; line-height:1.5; }
.tlad-lead dl { margin:0; }
.tlad-lead dl div { display:grid; grid-template-columns:120px 1fr; gap:12px; padding:10px 0; border-bottom:1px solid var(--tlad-line); }
.tlad-lead dl div:last-child { border-bottom:0; }
.tlad-lead dt { color:var(--tlad-muted); font-size:.64rem; font-weight:800; text-transform:uppercase; }
.tlad-lead dd { margin:0; font-size:.76rem; font-weight:800; text-align:right; }
.tlad-lead dd span { padding:4px 7px; border-radius:999px; background:#dff7e9; color:#08784b; font-size:.58rem; text-transform:uppercase; }
.tlad-benefits { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin:0; padding:17px; border-radius:16px; background:var(--tlad-dark); color:#d9e6e1; list-style:none; font-size:.7rem; }
.tlad-benefits li { display:flex; align-items:center; gap:7px; }
.tlad-benefits span { display:grid; place-items:center; width:19px; height:19px; flex:0 0 19px; border-radius:50%; background:rgba(24,169,104,.2); color:#79d8a9; font-size:.6rem; }
@media(max-width:780px){.tlad-intro,.tlad-grid{grid-template-columns:1fr}.tlad-intro{gap:18px}.tlad-picker{max-width:380px}.tlad-results{max-width:520px;margin:0 auto}.tlad-phone{width:min(390px,100%)}}
@media(max-width:520px){.tlad-demo{margin:25px 0;padding:20px 12px;border-radius:20px}.tlad-intro h2{font-size:1.8rem}.tlad-chat{min-height:340px;max-height:340px}.tlad-benefits{grid-template-columns:1fr}.tlad-lead dl div{grid-template-columns:95px 1fr}}
@media(prefers-reduced-motion:reduce){.tlad-chat{scroll-behavior:auto}}

/* Customer-facing TL Automation landing page. Scoped to the published trial page. */
body.page-id-104 { --tlad-blue:#255bd7; --tlad-ink:#101828; --tlad-soft:#f5f8ff; background:#fff; }
body.page-id-104 .page-hero { display:none; }
body.page-id-104 .page-hero h1 { max-width:1120px; color:var(--tlad-ink); font-size:clamp(2rem,4vw,3.65rem); line-height:1.05; letter-spacing:-.045em; }
body.page-id-104 .page-content { padding:0 0 72px; }
body.page-id-104 .page-content>.container.prose { width:100%; max-width:none; padding:0; }
body.page-id-104 .page-content>.container.prose>section:first-child { display:none; }
body.page-id-104 .page-content>.container.prose>h2,
body.page-id-104 .page-content>.container.prose>h3,
body.page-id-104 .page-content>.container.prose>p,
body.page-id-104 .page-content>.container.prose>ol { display:none; }
.tlad-landing { overflow:hidden; color:var(--tlad-ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
.tlad-landing * { box-sizing:border-box; }
.tlad-hero { position:relative; display:grid; grid-template-columns:minmax(0,1.12fr) minmax(320px,.72fr); gap:50px; align-items:center; max-width:1180px; margin:0 auto; padding:48px 24px 44px; }
.tlad-hero:before { content:""; position:absolute; z-index:-1; width:420px; height:420px; top:-170px; right:-170px; border-radius:50%; background:radial-gradient(circle,rgba(37,91,215,.12),transparent 70%); }
.tlad-eyebrow { display:inline-flex; align-items:center; gap:8px; color:#176d4b; font-size:.76rem; font-weight:850; letter-spacing:.11em; text-transform:uppercase; }
.tlad-eyebrow:before { content:""; width:8px; height:8px; border-radius:50%; background:#19aa68; box-shadow:0 0 0 5px rgba(25,170,104,.12); }
.tlad-hero h2 { max-width:650px; margin:14px 0 13px; color:var(--tlad-ink); font-size:clamp(2.25rem,3.45vw,3.45rem); line-height:1.02; letter-spacing:-.05em; }
.tlad-hero-copy>p { max-width:630px; margin:0; color:#475467; font-size:.98rem; line-height:1.55; }
.tlad-hero-copy .tlad-hindi { margin-top:6px; color:#667085; font-size:.84rem; }
.tlad-actions { display:flex; flex-wrap:wrap; gap:12px; margin:22px 0 18px; }
.tlad-button { display:inline-flex; min-height:51px; align-items:center; justify-content:center; padding:0 22px; border:1px solid transparent; border-radius:12px; font-size:.92rem; font-weight:800; text-decoration:none!important; transition:transform .2s ease,box-shadow .2s ease,background .2s ease; }
.tlad-button:hover { transform:translateY(-2px); }
.tlad-button-primary { background:#176d4b; color:#fff!important; box-shadow:0 14px 28px rgba(23,109,75,.2); }
.tlad-button-primary:hover { background:#105c3e; }
.tlad-button-secondary { border-color:#d0d5dd; background:#fff; color:#25334a!important; box-shadow:0 8px 20px rgba(16,24,40,.06); }
.tlad-button-light { border-color:rgba(255,255,255,.4); background:#fff; color:#105c3e!important; box-shadow:0 12px 28px rgba(0,0,0,.14); }
.tlad-trust { display:flex; flex-wrap:wrap; gap:12px 22px; margin:0!important; padding:0!important; list-style:none!important; color:#344054; font-size:.78rem; font-weight:700; }
.tlad-trust li { position:relative; padding-left:20px; }
.tlad-trust li:before { content:"✓"; position:absolute; left:0; color:#10965a; font-weight:900; }
.tlad-hero-flow { padding:21px 24px; border:1px solid #dce6e1; border-radius:22px; background:linear-gradient(160deg,#0d291e,#123c2b); box-shadow:0 22px 52px rgba(12,42,31,.18); color:#fff; }
.tlad-flow-label { display:block; margin-bottom:18px; color:#89dfb2; font-size:.72rem; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.tlad-hero-flow>div { display:grid; grid-template-columns:38px 1fr; gap:12px; align-items:center; padding:13px 0; border-top:1px solid rgba(255,255,255,.12); }
.tlad-hero-flow b { display:grid; place-items:center; width:36px; height:36px; border-radius:11px; background:rgba(94,224,157,.13); color:#7ce2ad; font-size:.76rem; }
.tlad-hero-flow p { margin:0; }
.tlad-hero-flow strong,.tlad-hero-flow small { display:block; }
.tlad-hero-flow strong { font-size:.94rem; }
.tlad-hero-flow small { margin-top:4px; color:#b8cec5; font-size:.72rem; line-height:1.45; }
.tlad-landing .tlad-demo { max-width:1132px; margin:28px auto 38px; padding:42px; border-color:#e4e9ef; border-radius:30px; background:linear-gradient(145deg,#fff 0%,#fbfffd 66%,#edf9f3 100%); }
.tlad-landing .tlad-demo + .tlad-hero { padding-top:24px; }
.tlad-landing .tlad-grid { grid-template-columns:minmax(320px,430px) minmax(0,1fr); gap:64px; }
.tlad-landing .tlad-phone { border-width:7px; box-shadow:0 24px 60px rgba(16,39,30,.18); }
.tlad-founding { display:flex; gap:36px; align-items:center; justify-content:space-between; max-width:1100px; margin:18px auto 0; padding:34px 38px; border-radius:24px; background:linear-gradient(135deg,#0d291e,#176d4b); box-shadow:0 22px 50px rgba(12,42,31,.18); color:#fff; }
.tlad-founding .tlad-eyebrow { color:#8de6b8; }
.tlad-founding h2 { max-width:720px; margin:12px 0 10px; color:#fff; font-size:clamp(1.7rem,3vw,2.55rem); line-height:1.08; letter-spacing:-.035em; }
.tlad-founding p { max-width:760px; margin:0; color:#c9ddd4; line-height:1.65; }
.tlad-founding .tlad-button { flex:0 0 auto; }
.tlad-steps { padding:82px 24px; background:var(--tlad-soft); border-block:1px solid #e8edf5; }
.tlad-section-heading { max-width:760px; margin:0 auto 38px; text-align:center; }
.tlad-section-heading .tlad-eyebrow { justify-content:center; }
.tlad-section-heading h2 { margin:14px 0 0; color:var(--tlad-ink); font-size:clamp(2rem,4vw,3.15rem); line-height:1.05; letter-spacing:-.045em; }
.tlad-step-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; max-width:1100px; margin:0 auto; }
.tlad-step-grid article { min-height:220px; padding:28px; border:1px solid #e0e7f0; border-radius:20px; background:#fff; box-shadow:0 12px 35px rgba(16,24,40,.06); }
.tlad-step-grid article>span { display:grid; place-items:center; width:42px; height:42px; border-radius:12px; background:#e8f8f0; color:#08784b; font-size:.72rem; font-weight:900; }
.tlad-step-grid h3 { margin:28px 0 9px; color:var(--tlad-ink); font-size:1.14rem; }
.tlad-step-grid p { margin:0; color:#667085; font-size:.84rem; line-height:1.65; }
.tlad-signup-wrap { display:grid; grid-template-columns:minmax(0,.9fr) minmax(360px,.7fr); gap:54px; align-items:center; max-width:1120px; margin:0 auto; padding:88px 24px 40px; }
.tlad-signup-note h2 { margin:16px 0 15px; color:var(--tlad-ink); font-size:clamp(2rem,4vw,3.35rem); line-height:1.04; letter-spacing:-.045em; }
.tlad-signup-note>p { max-width:610px; color:#667085; line-height:1.7; }
.tlad-signup-note ul { display:grid; gap:12px; margin:24px 0 0!important; padding:0!important; list-style:none!important; color:#344054; font-size:.86rem; font-weight:700; }
.tlad-signup-note li { position:relative; padding-left:30px; }
.tlad-signup-note li:before { content:"✓"; position:absolute; left:0; display:grid; place-items:center; width:20px; height:20px; border-radius:50%; background:#e1f7eb; color:#08784b; font-size:.68rem; }
.tlad-signup-wrap .tla-register { width:100%; max-width:480px; margin:0!important; box-shadow:0 24px 64px rgba(27,53,42,.13); }
html { scroll-behavior:smooth; }

@media(max-width:900px){
  .tlad-hero { grid-template-columns:1fr; gap:38px; padding-top:60px; }
  .tlad-hero-copy { text-align:center; }
  .tlad-hero-copy>p { margin-inline:auto; }
  .tlad-actions,.tlad-trust { justify-content:center; }
  .tlad-hero-flow { width:min(560px,100%); margin:0 auto; }
  .tlad-landing .tlad-grid { grid-template-columns:1fr; gap:40px; }
  .tlad-step-grid { grid-template-columns:1fr; max-width:620px; }
  .tlad-step-grid article { min-height:0; }
  .tlad-signup-wrap { grid-template-columns:1fr; }
  .tlad-founding { align-items:flex-start; flex-direction:column; margin-inline:24px; }
  .tlad-signup-note { text-align:center; }
  .tlad-signup-note>p { margin-inline:auto; }
  .tlad-signup-note ul { width:max-content; max-width:100%; margin-inline:auto!important; text-align:left; }
  .tlad-signup-wrap .tla-register { margin-inline:auto!important; }
}
@media(max-width:600px){
  body.page-id-104 .page-hero { padding:24px 18px; }
  body.page-id-104 .page-hero h1 { font-size:1.9rem; }
  .tlad-hero { padding:38px 18px 38px; }
  .tlad-hero h2 { font-size:2.2rem; }
  .tlad-actions { display:grid; }
  .tlad-button { width:100%; }
  .tlad-trust { display:grid; justify-content:start; width:max-content; max-width:100%; margin-inline:auto!important; text-align:left; }
  .tlad-hero-flow { padding:21px; border-radius:20px; }
  .tlad-landing .tlad-demo { margin:12px 12px 32px; padding:24px 14px; border-radius:22px; }
  .tlad-landing .tlad-demo + .tlad-hero { padding-top:18px; }
  .tlad-landing .tlad-intro { text-align:center; }
  .tlad-landing .tlad-picker { width:100%; max-width:none; text-align:left; }
  .tlad-landing .tlad-phone { width:100%; }
  .tlad-steps { padding:62px 18px; }
  .tlad-founding { margin-inline:12px; padding:28px 22px; }
  .tlad-founding .tlad-button { width:100%; }
  .tlad-step-grid article { padding:23px; }
  .tlad-signup-wrap { padding:64px 18px 20px; }
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tlad-button{transition:none}}