/* Two distinct outcomes: a website enquiry and a finished customer email. */
.tm-demo--leads .tm-stage,.tm-demo--communications .tm-stage{height:735px;padding:26px;background:radial-gradient(ellipse at 20% 0%,#d4ecf266,transparent 70%)}
.ti-window{height:100%;border:1px solid #d6e1e5;border-radius:17px;background:white;overflow:hidden;box-shadow:0 16px 35px -25px #24495650;color:var(--app-navy)}
.ti-browser{display:flex;align-items:center;justify-content:space-between;gap:12px;height:43px;padding:0 19px;background:#f7f9fa;border-bottom:1px solid #e2e8ec;font-size:11px;color:#748591}
.ti-dots{font-size:8px;letter-spacing:3px;color:#bdc9cf}.ti-preview-label{font-size:10px}.ti-body{height:calc(100% - 43px);position:relative}.ti-body .tm-scene{padding:27px 30px}
.ti-site-nav,.ti-app-brand{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:22px;border-bottom:1px solid #e4e9e9;margin-bottom:24px}
.ti-site-nav>span{font-size:11px;color:#7c888b}.ti-app-brand>span{font-size:12px;color:#859397}.ti-app-brand>i{font:700 11px var(--body);background:#e7eef0;border-radius:50%;padding:10px}
.ti-enquiry-layout{display:grid;grid-template-columns:.92fr 1fr;gap:55px;align-items:center}.ti-site-intro>small{font-size:11px;color:var(--app-copper)}
.tm-demo .ti-site-intro h4{font:700 41px/1.15 var(--disp);letter-spacing:-.045em;margin:20px 0}.ti-site-intro>p{font-size:14px;color:#72838a;line-height:1.8}
.ti-project-note{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.ti-project-note span{padding:8px 11px;font-size:10px;border:1px solid #dce4e6;border-radius:20px;background:#fbfcfc}
.ti-enquiry-form{border:1px solid #e3e8e9;border-radius:13px;padding:24px;background:#f9fbfb}.ti-enquiry-form>small{display:block;font-weight:700;font-size:13px;margin-bottom:20px}
.ti-enquiry-form label,.ti-next-action,.ti-mail-instruction{display:block;font-size:12px;color:#677e89;margin-top:14px}
.ti-enquiry-form input,.ti-enquiry-form textarea,.ti-next-action input,.ti-mail-instruction input{display:block;width:100%;margin-top:8px;padding:11px 12px;border:1px solid #cddbe0;border-radius:7px;background:white;color:var(--app-navy);font:400 13px/1.6 var(--body);box-sizing:border-box}
.ti-enquiry-form textarea{height:92px;resize:none}.ti-enquiry-form .tm-action{margin-top:20px;width:100%;font-size:12px;background:var(--app-copper);padding:12px}
.ti-submitting{display:none;text-align:center;font-size:12px;padding:17px 0 7px;color:var(--app-copper)}.tm-demo[data-submitting=true] .ti-submitting{display:block}.tm-demo[data-submitting=true] [data-target=lead-submit]{display:none}
.ti-inbox-list{border:1px solid #dce5e8;border-radius:12px;overflow:hidden;margin-top:25px}.ti-inbox-head{display:flex;justify-content:space-between;padding:17px 20px;background:#f5f8f9;font-size:12px}.ti-inbox-head>b{color:var(--app-copper);font-weight:600}
.ti-enquiry-row{display:flex;align-items:center;width:100%;gap:17px;padding:23px 20px;border:0;border-block:1px solid #dce5e8;text-align:left;color:var(--app-navy);background:#fff9f6;cursor:pointer;font-family:var(--body)}
.ti-contact-avatar{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:50%;background:#e7eef0;color:var(--app-navy);font-size:12px;font-weight:700}.ti-enquiry-row>span:nth-child(2){flex:1}.ti-enquiry-row b{font-size:15px;display:block}.ti-enquiry-row small{display:block;font-size:12px;margin:6px 0 12px}.ti-enquiry-row span>span{display:block;font-size:12px;line-height:1.7;font-weight:400}.ti-enquiry-row em{font-size:11px;font-style:normal;color:var(--app-copper);white-space:nowrap}
.ti-inbox-muted{display:flex;align-items:center;gap:18px;padding:22px 20px;color:#8c9a9f;font-size:11px}.ti-inbox-muted>div{flex:1}.ti-inbox-muted b{display:block;font-size:12px;margin-bottom:6px}.ti-inbox-muted small{font-size:11px}.ti-connected-note,.ti-mail-record{display:flex;gap:13px;align-items:center;margin-top:27px;padding:18px;border-radius:10px;background:#eef5f5}.ti-connected-note>span,.ti-mail-record>span{font-size:24px}.ti-connected-note p,.ti-mail-record p{font-size:12px;line-height:1.8;margin:0;color:#718790}.ti-connected-note b,.ti-mail-record b{color:var(--app-navy);font-weight:600}
.ti-person{display:flex;align-items:center;gap:13px;margin:24px 0}.tm-demo .ti-person h4{font-size:23px;margin:0}.ti-person p{font-size:12px;margin:5px 0 0;color:#79909c}.ti-new-badge{margin-left:auto;padding:7px 12px;border-radius:20px;background:#f8ebe6;font-size:10px;color:#a75f4c}
.ti-lead-detail-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:18px}.ti-brief-card,.ti-owner-card{background:#f7fafb;border:1px solid #dce5e8;border-radius:11px;padding:20px;position:relative;min-width:0}.ti-brief-card>small,.ti-owner-card>small{font-size:12px;display:block;color:#69818b}.ti-brief-card p{font-size:14px;line-height:1.75;margin:14px 0}.ti-brief-card>span{font-size:10px;color:#7b949f}.ti-owner-card .tm-action{margin-top:17px;font-size:12px;padding:11px 14px}
.ti-owner-options{position:absolute;left:12px;right:12px;top:85px;z-index:2;border:1px solid #d3e0e5;border-radius:10px;padding:12px;background:white;box-shadow:0 12px 25px #26475e20;display:none}.tm-demo[data-owner-menu=true] .ti-owner-options{display:block}.ti-owner-options .tm-action{margin:0;background:#e8f1f4;color:var(--app-navy);width:100%;text-align:left;padding:12px;font-size:11px}.ti-owner-options>span{display:block;font-size:11px;padding:12px}
.ti-assigned-person{display:none;gap:10px;align-items:center;margin-top:23px}.ti-assigned-person>span{padding:11px;background:var(--app-copper);color:white;border-radius:50%;font-size:11px}.ti-assigned-person b{display:block;font-size:13px}.ti-assigned-person small{display:block;font-size:10px;margin-top:5px;line-height:1.6}.tm-demo[data-lead-assigned=true] [data-target=lead-owner]{display:none}.tm-demo[data-lead-assigned=true] .ti-assigned-person{display:flex}.ti-next-action{margin-top:23px}.ti-next-action input{font-size:13px}
.ti-lead-ready{display:flex;align-items:center;gap:14px;padding:17px;background:#eaf4f1;border-radius:10px;margin-top:23px;opacity:0;transform:translateY(9px);transition:opacity .4s,transform .4s}.tm-demo[data-lead-ready=true] .ti-lead-ready{opacity:1;transform:none}.ti-lead-ready>span{font-size:20px;color:#477b6b}.ti-lead-ready b{font-size:13px}.ti-lead-ready p{font-size:11px;color:#6b887d;margin:6px 0 0}
.ti-mail-shell{display:flex;height:calc(100% - 43px)}.ti-mail-nav{width:180px;flex-shrink:0;padding:25px 18px;background:#f7fafc;border-right:1px solid #e0e8ec}.ti-mail-nav .demo-business-logo{gap:6px;margin-bottom:29px}.ti-mail-nav .demo-business-logo b{font-size:14px}.ti-mail-nav .demo-business-logo>span{width:25px;height:30px;font-size:21px}.ti-mail-nav>span{display:flex;justify-content:space-between;margin:7px 0;padding:11px;font-size:12px;color:#7c919e;border-radius:7px}.ti-mail-nav>span.is-active{background:#e7f0f5;color:var(--app-navy)}.ti-mail-nav>div:last-child{margin-top:140px}.ti-mail-nav>div:last-child small{display:block;font-size:10px;color:#879aa5;margin-bottom:6px}.ti-mail-nav>div:last-child b{font-size:11px;font-weight:600}.ti-mail-content{flex:1;min-width:0;position:relative}.ti-mail-content .tm-scene{padding:27px 29px}.ti-mail-content .tm-page-head h4{font-size:25px}
.ti-email-header{display:flex;gap:12px;align-items:center;border-block:1px solid #e3eaee;padding:19px 0;margin:22px 0}.ti-email-header>div{flex:1}.ti-email-header b{font-size:13px}.ti-email-header small{display:block;font-size:11px;margin-top:5px;color:#80919b}.ti-email-header>span:last-child{font-size:11px;color:#8c9ca7}.tm-demo .ti-mail-subject{font-size:23px;margin:0 0 20px}.ti-message-text{font-size:14px;line-height:1.8;color:#527185;margin:0}.ti-related-proposal{display:flex;gap:12px;align-items:center;border:1px solid #dbe4e9;border-radius:10px;padding:16px;margin-top:25px;background:#f8fafb}.ti-related-proposal>span{font-size:30px}.ti-related-proposal>div{flex:1}.ti-related-proposal small{font-size:10px;display:block;margin-bottom:7px}.ti-related-proposal b{font-size:12px}.ti-related-proposal .tm-action{font-size:11px;padding:9px 13px}
.ti-scope-sheet{margin-top:23px;padding:26px;border:1px solid #e2e7e9;background:#faf8f5;border-radius:12px}.ti-scope-sheet>small{font-size:11px;color:var(--app-copper)}.tm-demo .ti-scope-sheet h4{font-size:31px;max-width:360px;margin:17px 0 24px}.ti-scope-price{display:flex;align-items:center;justify-content:space-between;gap:12px;border-block:1px solid #e2ddd6;padding:18px 0;font-size:12px}.ti-scope-price>b{font-size:25px}.ti-scope-price small{font-size:11px;font-weight:500}.ti-scope-inclusions{display:grid;gap:13px;margin:23px 0;font-size:13px}.ti-scope-sheet p{font-size:12px;line-height:1.7;color:#859097;margin-bottom:22px}.ti-scope-sheet .tm-action{font-size:12px}
.ti-mail-instruction{margin-top:18px}.ti-mail-instruction input{font-size:12px}.ti-mail-instruction+.tm-action{font-size:11px;margin-top:12px;padding:10px 13px}
.ti-written-email{border:1px solid #d9e4ea;border-radius:12px;padding:20px;margin-top:20px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .4s,transform .4s}.tm-demo[data-mail-written=true] .ti-written-email{opacity:1;visibility:visible;transform:none}.ti-draft-label{font-size:10px;color:var(--app-copper);display:block;margin-bottom:12px}.ti-written-email>b{font-size:14px}.ti-written-email>p{font-size:13px;line-height:1.7;white-space:pre-line;min-height:140px;margin:15px 0}.ti-email-signature{display:flex;gap:15px;align-items:center;border-top:1px solid #e1e7e9;padding-top:14px;margin-top:17px}.ti-email-signature .demo-business-logo b{font-size:17px}.ti-email-signature>div:last-child{border-left:2px solid var(--app-copper);padding-left:14px;line-height:1.5}.ti-email-signature>div:last-child b{display:block;font-size:12px}.ti-email-signature>div:last-child>span{font-size:10px;color:#80939f}.ti-written-email>.tm-action{font-size:11px;margin-top:17px;padding:10px 14px;opacity:0;visibility:hidden}.tm-demo[data-mail-reviewed=true] .ti-written-email>.tm-action{opacity:1;visibility:visible}
.ti-sent-strip{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#5b7a73;padding:13px;background:#edf5f1;border-radius:8px}.ti-customer-email{margin-top:25px}.ti-customer-email>small{font-size:12px;color:#82969e}.tm-demo .ti-customer-email h4{font-size:27px;margin:21px 0 26px}.ti-customer-email>p{font-size:14px;line-height:1.9;margin:17px 0;max-width:510px}.ti-customer-email .ti-email-signature{margin-top:26px}.ti-mail-record{margin-top:28px}
.tm-demo[data-running=false] *{animation-play-state:paused!important}
@media(max-width:900px){.ti-enquiry-layout{gap:25px}.tm-demo .ti-site-intro h4{font-size:34px}.ti-mail-nav{width:147px;padding-inline:12px}.ti-mail-nav .demo-business-logo>span{display:none}.ti-mail-content .tm-scene{padding:24px}.ti-mail-content .tm-page-head h4{font-size:24px}.ti-email-signature .demo-business-logo b{font-size:14px}}
@media(max-width:760px){
 .tm-demo--leads .tm-stage{height:790px;padding:14px 9px}.tm-demo--communications .tm-stage{height:850px;padding:14px 9px}.ti-browser{height:37px;padding:0 11px;font-size:9px}.ti-preview-label{font-size:9px}.ti-dots{font-size:6px;letter-spacing:1px}.ti-body{height:calc(100% - 37px)}.ti-body .tm-scene{padding:20px 16px}.ti-site-nav,.ti-app-brand{padding-bottom:17px;margin-bottom:18px;gap:10px}.ti-site-nav>span{display:none}.ti-app-brand>span{font-size:9px;text-align:right}.ti-app-brand>i{display:none}.ti-site-nav .demo-business-logo b,.ti-app-brand .demo-business-logo b{font-size:18px}.ti-app-brand .demo-business-logo>span{width:25px;height:29px;font-size:20px}
 .ti-enquiry-layout{display:block}.ti-site-intro>small{display:none}.tm-demo .ti-site-intro h4{font-size:28px;margin:0 0 12px;max-width:280px}.ti-site-intro>p{font-size:12px;margin:0 0 20px}.ti-project-note{display:none}.ti-enquiry-form{padding:17px}.ti-enquiry-form>small{font-size:12px;margin-bottom:17px}.ti-enquiry-form label{font-size:11px;margin-top:14px}.ti-enquiry-form input,.ti-enquiry-form textarea{font-size:12px;padding:10px}.ti-enquiry-form textarea{height:104px}.ti-enquiry-form .tm-action{margin-top:18px;font-size:12px}.ti-body .tm-page-head h4{font-size:24px}.ti-inbox-list{margin-top:22px}.ti-inbox-head{padding:15px;font-size:11px}.ti-enquiry-row{padding:18px 14px;gap:10px;align-items:flex-start}.ti-enquiry-row .ti-contact-avatar{width:29px;height:29px;font-size:10px}.ti-enquiry-row b{font-size:13px}.ti-enquiry-row small{font-size:10px;line-height:1.7}.ti-enquiry-row span>span{font-size:12px}.ti-enquiry-row em{display:none}.ti-inbox-muted{padding:18px 14px;gap:10px}.ti-inbox-muted>span:last-child{display:none}.ti-inbox-muted small{font-size:10px;line-height:1.7}.ti-connected-note{padding:14px;gap:10px;margin-top:23px}.ti-connected-note p{font-size:11px}.ti-person{gap:10px;margin:21px 0}.ti-person .ti-contact-avatar{width:32px;height:32px;font-size:10px}.tm-demo .ti-person h4{font-size:20px}.ti-person p{font-size:10px}.ti-new-badge{display:none}.ti-lead-detail-grid{grid-template-columns:1fr;gap:13px}.ti-brief-card,.ti-owner-card{padding:16px}.ti-brief-card>small,.ti-owner-card>small{font-size:11px}.ti-brief-card p{font-size:12px;margin:12px 0}.ti-owner-card .tm-action{margin-top:12px;font-size:11px;padding:10px 13px}.ti-owner-options{top:65px}.ti-owner-options .tm-action{margin:0}.ti-assigned-person{margin-top:14px}.ti-assigned-person b{font-size:12px}.ti-assigned-person small{font-size:9px}.ti-next-action{margin-top:19px;font-size:11px}.ti-next-action input{font-size:11px}.ti-lead-ready{margin-top:18px;padding:13px;gap:10px}.ti-lead-ready b{font-size:12px;line-height:1.6}.ti-lead-ready p{font-size:10px;line-height:1.6}
 .ti-mail-nav{display:none}.ti-mail-shell{height:calc(100% - 37px)}.ti-mail-content .tm-scene{padding:22px 17px}.ti-mail-content .tm-page-head h4{font-size:25px}.ti-email-header{gap:10px;margin:20px 0;padding:17px 0}.ti-email-header .ti-contact-avatar{width:31px;height:31px;font-size:10px}.ti-email-header b{font-size:12px}.ti-email-header small{font-size:10px}.ti-email-header>span:last-child{display:none}.tm-demo .ti-mail-subject{font-size:24px;margin-bottom:23px}.ti-message-text{font-size:13px;line-height:1.9}.ti-related-proposal{padding:14px;gap:9px;flex-wrap:wrap}.ti-related-proposal b{font-size:12px;line-height:1.5}.ti-related-proposal .tm-action{margin-left:30px;font-size:11px}.ti-scope-sheet{padding:20px;margin-top:24px}.tm-demo .ti-scope-sheet h4{font-size:28px;margin:18px 0 25px}.ti-scope-price{display:block;font-size:11px;line-height:1.7}.ti-scope-price>b{display:block;margin-top:8px;font-size:27px}.ti-scope-inclusions{font-size:12px;line-height:1.75;gap:13px;margin:25px 0}.ti-scope-sheet p{font-size:12px;margin-bottom:25px}.ti-scope-sheet .tm-action{font-size:12px}
 .ti-mail-instruction{font-size:11px;margin-top:18px}.ti-mail-instruction input{font-size:11px;padding:10px}.ti-written-email{padding:15px;margin-top:20px}.ti-draft-label{font-size:10px;line-height:1.7}.ti-written-email>b{font-size:13px}.ti-written-email>p{font-size:12px;line-height:1.75;min-height:215px;margin:15px 0}.ti-email-signature{gap:10px;margin-top:17px;padding-top:14px}.ti-email-signature .demo-business-logo{gap:5px}.ti-email-signature .demo-business-logo>span{width:22px;height:27px;font-size:20px}.ti-email-signature .demo-business-logo b{font-size:13px}.ti-email-signature .demo-business-logo small{font-size:8px}.ti-email-signature>div:last-child{padding-left:10px}.ti-email-signature>div:last-child b{font-size:11px}.ti-email-signature>div:last-child>span{font-size:9px}.ti-written-email>.tm-action{font-size:11px;margin-top:17px}.ti-sent-strip{font-size:10px;display:block;line-height:1.8;padding:12px}.ti-sent-strip>span{display:block}.ti-customer-email{margin-top:23px}.ti-customer-email>small{font-size:11px;line-height:1.7}.tm-demo .ti-customer-email h4{font-size:25px;margin:22px 0 25px}.ti-customer-email>p{font-size:13px;line-height:1.9;margin:17px 0}.ti-mail-record{padding:14px;gap:9px;margin-top:25px}.ti-mail-record p{font-size:11px}
}