.landing-refresh {
  --lt-ink: #102e23;
  --lt-muted: #60736a;
  --lt-green: #087a4d;
  --lt-green-dark: #103b2c;
  --lt-green-soft: #eaf6f0;
  --lt-line: #dce8e2;
  background: #fbfdfc;
  color: var(--lt-ink);
  font-family: var(--font-sans);
}
.landing-refresh main { overflow: hidden; }
.lt-header { align-items: center; backdrop-filter: blur(18px); background: rgba(251,253,252,.92); border-bottom: 1px solid rgba(16,46,35,.08); display: grid; grid-template-columns: auto 1fr auto; min-height: 74px; padding: 0 clamp(22px,5vw,84px); position: sticky; top: 0; z-index: 40; }
.lt-header nav { display: flex; gap: clamp(18px,2.4vw,34px); justify-content: center; }
.lt-header nav a, .lt-header .landing-login { color: #52675d; font-size: var(--font-size-small); font-weight: 680; text-decoration: none; }
.lt-header nav a:hover, .lt-header .landing-login:hover { color: var(--lt-green); }
.lt-nav-actions { align-items: center; display: flex; gap: 18px; }
.lt-button { align-items: center; border-radius: 10px; display: inline-flex; font-size: var(--font-size-small); font-weight: 780; gap: 16px; justify-content: center; min-height: 44px; padding: 0 19px; text-decoration: none; transition: transform .2s, box-shadow .2s, background .2s, border-color .2s; }
.lt-button-primary { background: var(--lt-green); box-shadow: 0 12px 28px rgba(8,122,77,.2); color: #fff; }
.lt-button-primary:hover { background: #05623e; box-shadow: 0 16px 34px rgba(8,122,77,.27); transform: translateY(-2px); }
.lt-button-small { min-height: 40px; }
.lt-button-secondary { border: 1px solid #bfd0c7; color: #164b37; }
.lt-button-secondary:hover { background: #eef8f3; border-color: #7eb79a; }
.landing-refresh .landing-mobile-login { display: none; }
.lt-hero { align-items: center; display: grid; gap: clamp(46px,6vw,90px); grid-template-columns: minmax(380px,.82fr) minmax(650px,1.18fr); min-height: 780px; padding: 74px max(24px,calc((100vw - 1480px)/2)) 94px; position: relative; }
.lt-hero::before { background-image: linear-gradient(rgba(19,77,55,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(19,77,55,.035) 1px,transparent 1px); background-size: 44px 44px; content: ""; inset: 0 52% 0 0; mask-image: linear-gradient(90deg,#000,transparent); position: absolute; }
.lt-hero-copy { padding-left: clamp(0px,2vw,28px); position: relative; z-index: 2; }
.lt-kicker { align-items: center; color: #27805b; display: flex; font-size: var(--font-size-caption); font-weight: 820; gap: 9px; letter-spacing: 1px; margin: 0 0 22px; text-transform: uppercase; }
.lt-hero .lt-kicker span { animation: lt-pulse 2.4s infinite; background: #24a96e; border-radius: 50%; box-shadow: 0 0 0 5px #def4e8; height: 7px; width: 7px; }
@keyframes lt-pulse { 50% { box-shadow: 0 0 0 9px rgba(36,169,110,0); } }
.lt-hero h1 { color: #0e3325; font-size: clamp(49px,5.3vw,78px); letter-spacing: -3.8px; line-height: .98; margin: 0; }
.lt-hero h1 em { color: #13915e; font-style: normal; }
.lt-lead { color: #5a6f65; font-size: 16px; line-height: 1.72; margin: 28px 0 30px; max-width: 640px; }
.lt-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.lt-proof { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 27px; }
.lt-proof span { color: #667c71; font-size: var(--font-size-caption); }
.lt-proof span::first-letter { color: var(--lt-green); }
.lt-hero-screen { min-height: 590px; padding: 25px 0; position: relative; z-index: 2; }
.lt-hero-screen::before { background: radial-gradient(circle,rgba(45,177,113,.28),transparent 68%); content: ""; height: 560px; left: 2%; position: absolute; top: -2%; width: 700px; }
.lt-screen-window { background: #fff; border: 1px solid #cbded4; border-radius: 18px; box-shadow: 0 35px 90px rgba(15,66,45,.18); min-width: 760px; overflow: hidden; position: relative; transform: perspective(1800px) rotateY(-4deg) rotateX(1.5deg); transform-origin: center left; }
.lt-screen-top { align-items: center; background: #fff; border-bottom: 1px solid #e2ebe6; display: grid; grid-template-columns: 155px 1fr 32px; height: 52px; padding: 0 15px; }
.lt-screen-top .product-logo { background: var(--lt-green); border-radius: 8px; color: #fff; font-size: 0; height: 28px; width: 28px; }
.lt-screen-top .product-logo::before { height: 17px; width: 17px; }
.lt-screen-top > div { background: #f3f7f5; border: 1px solid #e4ece8; border-radius: 7px; color: #819087; font-size: 8px; padding: 8px 12px; }
.lt-screen-top > i { background: #153f30; border-radius: 50%; color: #fff; display: grid; font-size: 7px; font-style: normal; height: 28px; place-items: center; width: 28px; }
.lt-screen-body { display: grid; grid-template-columns: 50px 255px 1fr; min-height: 500px; }
.lt-screen-rail { background: #103b2c; display: flex; flex-direction: column; gap: 7px; padding: 14px 8px; }
.lt-screen-rail b { border-radius: 7px; color: #9fc1b1; display: grid; font-size: 11px; height: 34px; place-items: center; }
.lt-screen-rail b.active { background: rgba(255,255,255,.11); color: #75dda6; }
.lt-screen-list { background: #fbfcfb; border-right: 1px solid #e0e8e4; }
.lt-screen-list > header { align-items: center; border-bottom: 1px solid #e4ece8; display: flex; justify-content: space-between; min-height: 68px; padding: 14px; }
.lt-screen-list header div { display: grid; gap: 3px; }
.lt-screen-list header small { color: #829188; font-size: 7px; }
.lt-screen-list header strong { font-size: 10px; }
.lt-screen-list header span { background: var(--lt-green-soft); border-radius: 20px; color: var(--lt-green); font-size: 6px; padding: 5px 7px; }
.lt-screen-list article { align-items: start; border-bottom: 1px solid #edf2ef; display: grid; gap: 8px; grid-template-columns: 27px 1fr auto; min-height: 87px; padding: 13px 11px; }
.lt-screen-list article.active { background: #eaf6f0; box-shadow: inset 3px 0 var(--lt-green); }
.lt-screen-list .channel { border-radius: 50%; display: grid; font-size: 7px; font-style: normal; font-weight: 850; height: 26px; place-items: center; width: 26px; }
.lt-screen-list .channel.whatsapp { background: #dff5e8; color: #087a4d; }
.lt-screen-list .channel.email { background: #e5eef8; color: #356ca5; }
.lt-screen-list article div { display: grid; gap: 4px; min-width: 0; }
.lt-screen-list article strong { font-size: 8px; }
.lt-screen-list article p, .lt-screen-list article small { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lt-screen-list article p { color: #64776d; font-size: 7px; }
.lt-screen-list article small, .lt-screen-list time { color: #84938b; font-size: 6px; }
.lt-screen-chat { background: #f6faf8; display: flex; flex-direction: column; }
.lt-screen-chat > header { align-items: center; background: #fff; border-bottom: 1px solid #e0e9e4; display: grid; gap: 8px; grid-template-columns: 32px 1fr auto; min-height: 68px; padding: 11px 15px; }
.lt-avatar { background: #dff1e8; border-radius: 50%; color: var(--lt-green); display: grid; font-size: 8px; font-weight: 800; height: 32px; place-items: center; width: 32px; }
.lt-screen-chat > header div:nth-child(2) { display: grid; gap: 3px; }
.lt-screen-chat > header strong { font-size: 9px; }
.lt-screen-chat > header small { color: #7a8d83; font-size: 7px; }
.lt-screen-chat > header > span { background: #edf7f2; border-radius: 20px; color: var(--lt-green); font-size: 6px; padding: 6px 8px; }
.lt-customer-card { background: #fff; border: 1px solid #cfe2d8; border-radius: 9px; display: grid; gap: 2px; margin: 13px 15px 0; padding: 10px 12px; }
.lt-customer-card b { color: var(--lt-green); font-size: 6px; letter-spacing: .6px; text-transform: uppercase; }
.lt-customer-card strong { font-size: 8px; }
.lt-customer-card small { color: #7e8f86; font-size: 6px; }
.lt-chat-history { display: flex; flex: 1; flex-direction: column; gap: 10px; padding: 16px; }
.lt-chat-history p, .lt-whatsapp-shot .incoming, .lt-whatsapp-shot .outgoing { border-radius: 9px; box-shadow: 0 2px 5px rgba(15,58,42,.07); font-size: 7px; line-height: 1.5; margin: 0; max-width: 77%; padding: 9px 10px; }
.lt-chat-history .incoming, .lt-whatsapp-shot .incoming { align-self: flex-start; background: #fff; }
.lt-chat-history .outgoing, .lt-whatsapp-shot .outgoing { align-self: flex-end; background: #dff5e8; }
.lt-chat-history time { color: #819188; display: block; font-size: 5px; margin-top: 3px; text-align: right; }
.lt-ai-composer { background: #fff; border: 1px solid #c7dfd3; border-radius: 11px; margin: 0 15px 15px; overflow: hidden; }
.lt-ai-composer header { align-items: center; background: #edf8f2; display: grid; gap: 7px; grid-template-columns: 27px 1fr auto; padding: 9px; }
.lt-ai-composer header > span { background: var(--lt-green); border-radius: 7px; color: #fff; display: grid; height: 27px; place-items: center; width: 27px; }
.lt-ai-composer header div { display: grid; gap: 2px; }
.lt-ai-composer header strong { font-size: 7px; }
.lt-ai-composer header small { color: #6d8478; font-size: 6px; }
.lt-ai-composer header em { color: var(--lt-green); font-size: 6px; font-style: normal; }
.lt-ai-composer > p { color: #465c51; font-size: 7px; line-height: 1.5; margin: 0; padding: 10px; }
.lt-ai-composer footer { border-top: 1px solid #e6ede9; display: flex; gap: 5px; justify-content: flex-end; padding: 7px; }
.lt-ai-composer button { background: #fff; border: 1px solid #d3e0da; border-radius: 6px; color: #52675d; font-size: 6px; padding: 6px 8px; }
.lt-ai-composer button.send { background: var(--lt-green); border-color: var(--lt-green); color: #fff; }
.lt-float { align-items: center; background: rgba(255,255,255,.96); border: 1px solid #d3e3db; border-radius: 12px; box-shadow: 0 18px 40px rgba(17,62,46,.15); display: flex; gap: 9px; padding: 11px 13px; position: absolute; z-index: 5; }
.lt-float > span { background: var(--lt-green-soft); border-radius: 8px; color: var(--lt-green); display: grid; font-size: 10px; height: 30px; place-items: center; width: 30px; }
.lt-float div { display: grid; gap: 3px; }
.lt-float strong { font-size: 8px; }
.lt-float small { color: #788a81; font-size: 6px; }
.lt-float-one { right: -16px; top: 70px; }
.lt-float-two { bottom: 30px; left: -28px; }
.lt-integrations { align-items: center; background: #fff; border-bottom: 1px solid var(--lt-line); border-top: 1px solid var(--lt-line); display: flex; gap: 35px; justify-content: center; min-height: 88px; padding: 18px 30px; }
.lt-integrations p { color: #849289; font-size: var(--font-size-caption); font-weight: 760; margin: 0; text-transform: uppercase; }
.lt-integrations div { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.lt-integrations span { background: #f5f8f6; border: 1px solid #e0e9e4; border-radius: 20px; color: #50665b; font-size: var(--font-size-caption); font-weight: 720; padding: 7px 12px; }
.lt-section { margin: 0 auto; max-width: 1450px; padding: 110px clamp(24px,6vw,90px); }
.lt-heading { margin: 0 auto 54px; max-width: 780px; text-align: center; }
.lt-heading .lt-kicker { justify-content: center; }
.lt-heading h2, .lt-ai-layout h2, .lt-erp-copy h2, .lt-control h2, .lt-cta h2 { color: #123b2d; font-size: clamp(34px,4vw,54px); letter-spacing: -2px; line-height: 1.08; margin: 0; }
.lt-heading > p:last-child, .lt-ai-layout > div > p:not(.lt-kicker), .lt-erp-copy > p:not(.lt-kicker), .lt-control > div > p:not(.lt-kicker), .lt-cta > div > p:not(.lt-kicker) { color: var(--lt-muted); font-size: var(--font-size-body); line-height: 1.7; }
.lt-channel-grid { display: grid; gap: 22px; grid-template-columns: 1fr 1fr; }
.lt-feature-card { background: #fff; border: 1px solid var(--lt-line); border-radius: 22px; box-shadow: 0 18px 45px rgba(21,66,49,.07); overflow: hidden; padding: 30px 30px 0; }
.lt-feature-card > header { align-items: center; display: flex; gap: 13px; }
.lt-feature-card > header > span { background: var(--lt-green-soft); border-radius: 12px; color: var(--lt-green); display: grid; flex: 0 0 48px; font-size: 15px; font-weight: 850; height: 48px; place-items: center; }
.lt-feature-card > header div { display: grid; gap: 4px; }
.lt-feature-card header small { color: #428064; font-size: var(--font-size-caption); font-weight: 800; letter-spacing: 1px; }
.lt-feature-card h3 { font-size: 21px; letter-spacing: -.6px; margin: 0; }
.lt-feature-card > ul { display: grid; gap: 10px; list-style: none; margin: 25px 0 28px; padding: 0; }
.lt-feature-card > ul li { color: #53685e; font-size: var(--font-size-small); padding-left: 22px; position: relative; }
.lt-feature-card > ul li::before { color: var(--lt-green); content: "✓"; font-weight: 800; left: 0; position: absolute; }
.lt-mail-shot, .lt-whatsapp-shot { background: #f5f9f7; border: 1px solid #dbe8e1; border-bottom: 0; border-radius: 15px 15px 0 0; min-height: 340px; overflow: hidden; }
.lt-mail-shot > header, .lt-whatsapp-shot > header { align-items: center; background: #fff; border-bottom: 1px solid #e2ebe6; display: flex; justify-content: space-between; min-height: 52px; padding: 12px 15px; }
.lt-mail-shot > header span { font-size: var(--font-size-caption); font-weight: 760; }
.lt-mail-shot > header b { background: var(--lt-green-soft); border-radius: 20px; color: var(--lt-green); font-size: var(--font-size-caption); padding: 6px 8px; }
.lt-mail-message { align-items: start; display: flex; gap: 11px; padding: 18px; }
.lt-mail-message i { background: #dfeee7; border-radius: 50%; color: var(--lt-green); display: grid; flex: 0 0 34px; font-size: var(--font-size-caption); font-style: normal; font-weight: 800; height: 34px; place-items: center; }
.lt-mail-message p { display: grid; gap: 4px; margin: 0; }
.lt-mail-message strong { font-size: var(--font-size-small); }
.lt-mail-message small { color: #7b8c83; font-size: var(--font-size-caption); }
.lt-mail-message span { color: #4f6359; font-size: var(--font-size-caption); line-height: 1.55; margin-top: 6px; }
.lt-note { background: #fff7dd; border-left: 3px solid #e9b639; margin: 0 18px 14px; padding: 11px; }
.lt-note b { color: #85641e; font-size: var(--font-size-caption); }
.lt-note p { color: #715f38; font-size: var(--font-size-caption); margin: 5px 0 0; }
.lt-mini-ai { align-items: center; background: #fff; border: 1px solid #cbe1d6; border-radius: 10px; display: grid; gap: 9px; grid-template-columns: 31px 1fr auto; margin: 0 18px; padding: 11px; }
.lt-mini-ai > span { background: var(--lt-green); border-radius: 8px; color: #fff; display: grid; height: 31px; place-items: center; }
.lt-mini-ai p { display: grid; gap: 2px; margin: 0; }
.lt-mini-ai b { font-size: var(--font-size-caption); }
.lt-mini-ai small { color: #75877e; font-size: var(--font-size-caption); }
.lt-mini-ai button, .lt-whatsapp-shot button, .lt-ticket-shot button, .lt-erp-shot button { background: var(--lt-green); border: 0; border-radius: 7px; color: #fff; font-size: var(--font-size-caption); min-height: 40px; padding: 0 12px; }
.lt-whatsapp-shot > header { display: grid; gap: 9px; grid-template-columns: 36px 1fr auto; justify-content: initial; }
.lt-whatsapp-shot > header i { background: #dff1e8; border-radius: 50%; color: var(--lt-green); display: grid; font-size: var(--font-size-caption); font-style: normal; font-weight: 800; height: 36px; place-items: center; }
.lt-whatsapp-shot > header p { display: grid; gap: 3px; margin: 0; }
.lt-whatsapp-shot > header strong { font-size: var(--font-size-small); }
.lt-whatsapp-shot > header small, .lt-whatsapp-shot > header em { color: #75877d; font-size: var(--font-size-caption); font-style: normal; }
.lt-whatsapp-shot > header em { background: var(--lt-green-soft); border-radius: 20px; color: var(--lt-green); padding: 6px 8px; }
.lt-whatsapp-shot > div { background-image: radial-gradient(#d4e6dd 1px,transparent 1px); background-size: 18px 18px; display: flex; flex-direction: column; gap: 12px; min-height: 225px; padding: 22px; }
.lt-template-pill { align-self: center; background: rgba(255,255,255,.9); border: 1px solid #d5e4dc; border-radius: 20px; color: #61776c; font-size: var(--font-size-caption); padding: 7px 10px; }
.lt-whatsapp-shot > footer { align-items: center; background: #fff; border-top: 1px solid #dde8e2; display: flex; justify-content: space-between; padding: 9px 12px; }
.lt-whatsapp-shot > footer span { color: var(--lt-green); font-size: var(--font-size-caption); font-weight: 760; }
.lt-dark-section { background: #10382a; color: #fff; }
.lt-ai-layout { align-items: center; display: grid; gap: 75px; grid-template-columns: .8fr 1.2fr; }
.lt-ai-layout h2 { color: #fff; }
.lt-ai-layout > div > p:not(.lt-kicker) { color: #b8cdc2; }
.lt-models { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 25px; }
.lt-models span { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); border-radius: 20px; color: #d3e4db; font-size: var(--font-size-caption); padding: 8px 12px; }
.lt-ai-flow { align-items: stretch; display: grid; gap: 10px; grid-template-columns: 1fr auto 1fr auto 1.1fr; }
.lt-ai-flow article { background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); border-radius: 14px; display: grid; gap: 9px; min-height: 165px; padding: 22px; }
.lt-ai-flow article.result { background: #fff; color: #173d2f; }
.lt-ai-flow small { color: #72d9a3; font-size: var(--font-size-caption); font-weight: 820; letter-spacing: 1px; }
.lt-ai-flow strong { font-size: var(--font-size-section); }
.lt-ai-flow p { color: #bcd1c6; font-size: var(--font-size-caption); line-height: 1.6; margin: 0; }
.lt-ai-flow .result p { color: #64786e; }
.lt-ai-flow > b { align-self: center; color: #72d9a3; }
.lt-ticket-shot { background: #fff; border: 1px solid var(--lt-line); border-radius: 20px; box-shadow: 0 28px 75px rgba(18,61,45,.12); display: grid; grid-template-columns: 210px 1fr; min-height: 480px; overflow: hidden; }
.lt-ticket-shot > aside { background: #f4f8f6; border-right: 1px solid #dce7e1; display: flex; flex-direction: column; gap: 7px; padding: 25px 15px; }
.lt-ticket-shot > aside small { color: #7b8c83; font-size: var(--font-size-caption); font-weight: 820; letter-spacing: .8px; margin: 0 10px 12px; }
.lt-ticket-shot > aside b { border-radius: 8px; color: #61746a; display: flex; font-size: var(--font-size-small); justify-content: space-between; padding: 12px; }
.lt-ticket-shot > aside b.active { background: #fff; box-shadow: 0 3px 10px rgba(20,61,46,.08); color: var(--lt-green); }
.lt-ticket-shot > aside em { background: #e4efe9; border-radius: 20px; font-size: var(--font-size-caption); font-style: normal; padding: 2px 6px; }
.lt-ticket-shot > section { padding: 30px; }
.lt-ticket-shot > section > header { align-items: start; border-bottom: 1px solid #e2ebe6; display: flex; justify-content: space-between; padding-bottom: 22px; }
.lt-ticket-shot header small { color: var(--lt-green); font-size: var(--font-size-caption); font-weight: 800; }
.lt-ticket-shot h3 { font-size: 24px; letter-spacing: -.7px; margin: 7px 0 0; }
.lt-ticket-shot header > span { background: #fff2da; border-radius: 20px; color: #9b6714; font-size: var(--font-size-caption); padding: 7px 10px; }
.lt-ticket-meta { border-bottom: 1px solid #e7eeea; display: grid; grid-template-columns: repeat(3,1fr); padding: 20px 0; }
.lt-ticket-meta p { display: grid; gap: 5px; margin: 0; }
.lt-ticket-meta small { color: #7a8a82; font-size: var(--font-size-caption); }
.lt-ticket-meta strong { font-size: var(--font-size-small); }
.lt-ticket-thread { display: grid; gap: 17px; padding: 24px 0; }
.lt-ticket-thread p { align-items: start; display: flex; gap: 11px; margin: 0; }
.lt-ticket-thread i { background: var(--lt-green-soft); border-radius: 50%; color: var(--lt-green); display: grid; flex: 0 0 34px; font-size: var(--font-size-caption); font-style: normal; font-weight: 800; height: 34px; place-items: center; }
.lt-ticket-thread span { display: grid; gap: 4px; }
.lt-ticket-thread strong { font-size: var(--font-size-small); }
.lt-ticket-thread small { color: #61746a; font-size: var(--font-size-caption); line-height: 1.55; }
.lt-ticket-shot footer, .lt-erp-shot footer { align-items: center; background: #f6faf8; border-radius: 10px; display: flex; justify-content: space-between; padding: 12px 15px; }
.lt-ticket-shot footer span, .lt-erp-shot footer span { color: var(--lt-green); font-size: var(--font-size-caption); font-weight: 750; }
.lt-erp-section { align-items: center; background: #edf7f2; display: grid; gap: clamp(55px,8vw,120px); grid-template-columns: .8fr 1.2fr; padding: 110px max(24px,calc((100vw - 1270px)/2)); }
.lt-erp-copy ul { display: grid; gap: 18px; list-style: none; margin: 30px 0 0; padding: 0; }
.lt-erp-copy li { align-items: start; display: flex; gap: 12px; }
.lt-erp-copy li > span { background: var(--lt-green); border-radius: 50%; color: #fff; display: grid; flex: 0 0 32px; font-size: var(--font-size-caption); height: 32px; place-items: center; }
.lt-erp-copy li div { display: grid; gap: 4px; }
.lt-erp-copy li strong { font-size: var(--font-size-small); }
.lt-erp-copy li small { color: #687c72; font-size: var(--font-size-caption); }
.lt-erp-shot { background: #fff; border: 1px solid #cfe1d8; border-radius: 20px; box-shadow: 0 28px 70px rgba(15,66,45,.13); overflow: hidden; padding: 0 25px 25px; }
.lt-erp-shot > header { align-items: center; border-bottom: 1px solid #e2ebe6; display: flex; justify-content: space-between; min-height: 62px; }
.lt-erp-shot > header span { font-size: var(--font-size-small); font-weight: 780; }
.lt-erp-shot > header b { background: var(--lt-green-soft); border-radius: 20px; color: var(--lt-green); font-size: var(--font-size-caption); padding: 7px 9px; }
.lt-profile { align-items: center; display: grid; gap: 12px; grid-template-columns: 46px 1fr auto; padding: 25px 0; }
.lt-profile i { background: #dfeee7; border-radius: 50%; color: var(--lt-green); display: grid; font-size: var(--font-size-small); font-style: normal; font-weight: 800; height: 46px; place-items: center; }
.lt-profile p { display: grid; gap: 4px; margin: 0; }
.lt-profile strong { font-size: var(--font-size-section); }
.lt-profile small { color: #74877d; font-size: var(--font-size-caption); }
.lt-profile em { background: #e4f5eb; border-radius: 20px; color: var(--lt-green); font-size: var(--font-size-caption); font-style: normal; padding: 7px 9px; }
.lt-erp-stats { background: #f5f9f7; border-radius: 12px; display: grid; grid-template-columns: repeat(4,1fr); margin-bottom: 18px; padding: 18px; }
.lt-erp-stats p { border-right: 1px solid #dbe6e0; display: grid; gap: 6px; margin: 0; padding: 0 15px; }
.lt-erp-stats p:last-child { border: 0; }
.lt-erp-stats small { color: #7c8d84; font-size: var(--font-size-caption); }
.lt-erp-stats strong { font-size: var(--font-size-small); }
.lt-integration-grid { display: grid; gap: 14px; grid-template-columns: repeat(4,1fr); }
.lt-integration-grid article { background: #fff; border: 1px solid var(--lt-line); border-radius: 15px; min-height: 190px; padding: 25px; }
.lt-integration-grid small { color: var(--lt-green); font-size: var(--font-size-caption); font-weight: 820; letter-spacing: 1px; }
.lt-integration-grid strong { display: block; font-size: var(--font-size-section); line-height: 1.4; margin: 24px 0 8px; }
.lt-integration-grid p { color: #65786e; font-size: var(--font-size-caption); line-height: 1.6; margin: 0; }
.lt-control { align-items: center; background: #10382a; border-radius: 26px; color: #fff; display: grid; gap: 60px; grid-template-columns: 1fr 1fr; margin: 15px auto 95px; max-width: 1270px; padding: 60px; }
.lt-control h2 { color: #fff; }
.lt-control > div > p:not(.lt-kicker) { color: #b9cfc3; }
.lt-metrics { display: grid; gap: 10px; grid-template-columns: repeat(3,1fr); }
.lt-metrics article { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12); border-radius: 13px; display: grid; gap: 7px; padding: 22px 15px; text-align: center; }
.lt-metrics span { color: #70dca4; font-size: 29px; font-weight: 800; }
.lt-metrics small { color: #c5d8ce; font-size: var(--font-size-caption); }
.lt-cta { align-items: center; background: linear-gradient(120deg,#087a4d,#113e2e); border-radius: 27px; color: #fff; display: flex; gap: 40px; justify-content: space-between; margin: 0 auto 80px; max-width: 1340px; min-height: 310px; overflow: hidden; padding: 58px 72px; position: relative; }
.lt-cta::after { border: 58px solid rgba(255,255,255,.055); border-radius: 50%; content: ""; height: 330px; position: absolute; right: -95px; top: -165px; width: 330px; }
.lt-cta > div { position: relative; z-index: 2; }
.lt-cta h2 { color: #fff; max-width: 780px; }
.lt-cta > div > p:not(.lt-kicker) { color: #c5ded2; }
.lt-cta > div:last-child { display: flex; flex-direction: column; gap: 8px; min-width: 205px; }
.lt-button-light { background: #fff; color: var(--lt-green); }
.lt-button-ghost { border: 1px solid rgba(255,255,255,.35); color: #fff; }
.lt-footer { align-items: center; border-top: 1px solid #e0e9e4; display: grid; gap: 27px; grid-template-columns: auto 1fr auto auto; min-height: 135px; padding: 31px clamp(24px,6vw,90px); }
.lt-footer > p { color: #718078; font-size: var(--font-size-caption); line-height: 1.55; max-width: 430px; }
.lt-footer nav { display: flex; gap: 22px; }
.lt-footer nav a { color: #53675d; font-size: var(--font-size-caption); text-decoration: none; }
.lt-footer > small { color: #8b9992; font-size: var(--font-size-caption); }
@media (max-width: 1180px) {
  .lt-header { grid-template-columns: 1fr auto; }
  .lt-header nav { display: none; }
  .lt-hero { grid-template-columns: 1fr; padding-top: 65px; }
  .lt-hero-copy { margin: 0 auto; max-width: 850px; text-align: center; }
  .lt-hero .lt-kicker, .lt-hero-actions, .lt-proof { justify-content: center; }
  .lt-hero-screen { margin: 0 auto; max-width: 900px; width: 100%; }
  .lt-screen-window { transform: none; }
  .lt-ai-layout, .lt-erp-section { grid-template-columns: 1fr; }
  .lt-ai-layout > div:first-child, .lt-erp-copy { margin: 0 auto; max-width: 850px; text-align: center; }
  .lt-ai-layout .lt-kicker, .lt-erp-copy .lt-kicker { justify-content: center; }
  .lt-erp-copy ul { margin-left: auto; margin-right: auto; max-width: 600px; text-align: left; }
  .lt-control { border-radius: 0; margin-bottom: 70px; }
  .lt-footer { grid-template-columns: auto 1fr auto; }
  .lt-footer nav { display: none; }
}
@media (max-width: 860px) {
  .lt-hero-screen { min-height: 500px; overflow: hidden; }
  .lt-screen-window { transform: scale(.88); transform-origin: top left; }
  .lt-float { display: none; }
  .lt-channel-grid { grid-template-columns: 1fr; }
  .lt-ticket-shot { grid-template-columns: 165px 1fr; }
  .lt-integration-grid { grid-template-columns: 1fr 1fr; }
  .lt-control { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .lt-header { min-height: 66px; padding: 0 16px; }
  .lt-header .landing-brand > span:last-child { display: none; }
  .lt-nav-actions { gap: 8px; }
  .lt-header .landing-login { min-height: 40px; padding: 0 5px; }
  .lt-button-small { padding: 0 12px; }
  .landing-refresh .landing-mobile-login { display: inline-flex; }
  .lt-hero { min-height: auto; padding: 58px 18px 55px; }
  .lt-hero h1 { font-size: 44px; letter-spacing: -2.4px; }
  .lt-lead { font-size: var(--font-size-body); }
  .lt-hero-actions { display: grid; grid-template-columns: 1fr; }
  .lt-hero-actions .lt-button { width: 100%; }
  .lt-proof { align-items: center; flex-direction: column; gap: 9px; }
  .lt-hero-screen { min-height: 388px; overflow: visible; padding: 0; width: 100%; }
  .lt-screen-window { min-width: 0; transform: none; width: 100%; }
  .lt-screen-top { grid-template-columns: 40px 1fr 29px; }
  .lt-screen-body { grid-template-columns: 38px 1fr; min-height: 320px; }
  .lt-screen-rail { padding: 10px 5px; }
  .lt-screen-list { border: 0; }
  .lt-screen-list article { min-height: 67px; }
  .lt-screen-list article:nth-of-type(n+4) { display: none; }
  .lt-screen-chat { display: none; }
  .lt-integrations { align-items: center; flex-direction: column; gap: 12px; }
  .lt-section { padding: 78px 18px; }
  .lt-heading { margin-bottom: 35px; }
  .lt-heading h2, .lt-ai-layout h2, .lt-erp-copy h2, .lt-control h2, .lt-cta h2 { font-size: 35px; letter-spacing: -1.4px; }
  .lt-feature-card { padding: 22px 16px 0; }
  .lt-feature-card h3 { font-size: var(--font-size-section); }
  .lt-mini-ai { grid-template-columns: 31px 1fr; }
  .lt-mini-ai button { display: none; }
  .lt-ai-flow { grid-template-columns: 1fr; }
  .lt-ai-flow > b { justify-self: center; transform: rotate(90deg); }
  .lt-ticket-shot { grid-template-columns: 1fr; }
  .lt-ticket-shot > aside { border-bottom: 1px solid #dce7e1; border-right: 0; display: grid; grid-template-columns: 1fr 1fr; padding: 15px; }
  .lt-ticket-shot > aside small { grid-column: 1 / -1; }
  .lt-ticket-shot > section { padding: 20px 15px; }
  .lt-ticket-shot h3 { font-size: var(--font-size-section); }
  .lt-ticket-meta { gap: 16px; grid-template-columns: 1fr; }
  .lt-ticket-shot footer { align-items: stretch; flex-direction: column; gap: 10px; }
  .lt-erp-section { padding: 78px 18px; }
  .lt-erp-shot { padding: 0 15px 15px; }
  .lt-profile { grid-template-columns: 42px 1fr; }
  .lt-profile em { grid-column: 1 / -1; justify-self: start; }
  .lt-erp-stats { gap: 15px; grid-template-columns: 1fr 1fr; }
  .lt-erp-stats p { border: 0; padding: 0; }
  .lt-erp-shot footer { align-items: stretch; flex-direction: column; gap: 10px; }
  .lt-integration-grid { grid-template-columns: 1fr; }
  .lt-integration-grid article { min-height: 155px; }
  .lt-control { gap: 35px; padding: 58px 20px; }
  .lt-metrics { grid-template-columns: 1fr; }
  .lt-cta { align-items: stretch; border-radius: 0; flex-direction: column; margin-bottom: 0; padding: 58px 20px; }
  .lt-footer { grid-template-columns: 1fr; padding: 35px 20px; text-align: left; }
}
@media (prefers-reduced-motion: reduce) { .lt-hero .lt-kicker span { animation: none; } .lt-button { transition: none; } }
