/* Product marketing pages. Brand tokens and the site shell belong to style.css. */
.lt-page { --lt-ice: #f4f8ff; --lt-scroll: #b7c6e5; scrollbar-color: var(--lt-scroll) var(--gray); scrollbar-width: thin; }
.lt-page * { scrollbar-width: thin; scrollbar-color: var(--lt-scroll) var(--gray); }
.lt-page ::-webkit-scrollbar { width: 7px; height: 4px; }
.lt-page ::-webkit-scrollbar-track { background: var(--gray); }
.lt-page ::-webkit-scrollbar-thumb { background: var(--lt-scroll); border-radius: 8px; }
.lt-page ::-webkit-scrollbar-thumb:hover { background: var(--text); }
.lt-container { width: min(1280px, calc(100% - 80px)); margin-inline: auto; }
.lt-page :is(a,button) { -webkit-tap-highlight-color: transparent; }
.lt-page main :is(a,button):focus-visible { outline: 2px solid var(--primary); outline-offset: 4px; }
.lt-page .booking-form textarea { resize: none; }
.lt-hero { background: var(--lt-ice); overflow: hidden; }
.lt-hero-grid { display: grid; grid-template-columns: .96fr 1.04fr; align-items: center; gap: 36px; min-height: 438px; padding-block: 28px; }
.lt-hero-copy { position: relative; z-index: 1; padding-block: 10px; }
.lt-product-label { display: flex; align-items: center; flex-wrap: wrap; gap: 15px; color: var(--primary); font-size: 14px; font-weight: 500; margin-bottom: 15px; }
.lt-trial { display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; border: 1px solid #c7d7fc; border-radius: 4px; font-size: 11px; font-weight: 400; background: #fff9; }
.lt-hero h1 { font-size: 41px; line-height: 1.35; letter-spacing: -.025em; font-weight: 600; text-wrap: balance; }
.lt-hero h1 span { display: block; }
.lt-hero-description { max-width: 550px; margin-top: 19px; font-size: 15px; line-height: 1.95; color: var(--text); }
.lt-hero-tags { display: flex; gap: 0; margin-top: 16px; color: var(--text); font-size: 12px; }
.lt-hero-tags span + span { margin-left: 14px; padding-left: 14px; border-left: 1px solid #cfdaef; }
.lt-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 23px; }
.lt-actions .btn { min-width: 168px; height: 46px; font-size: 14px; }
.lt-actions .btn-white { border: 1px solid var(--line); }
.lt-trial-note { margin-top: 9px; color: var(--text); font-size: 10px; }
.lt-hero-art { margin: 0; min-width: 0; display: flex; align-items: center; justify-content: center; }
.lt-hero-art img { width: 100%; height: 360px; object-fit: contain; }
.lt-section-nav { border-bottom: 1px solid var(--line); background: #fff; }
.lt-section-links { display: flex; gap: 34px; overflow-x: auto; }
.lt-section-links a { position: relative; min-height: 60px; display: flex; align-items: center; font-size: 14px; white-space: nowrap; color: var(--text); }
.lt-section-links a:hover,.lt-section-links a[aria-current] { color: var(--primary); }
.lt-section-links a[aria-current]::after { position: absolute; inset: auto 0 0; height: 2px; background: var(--primary); content: ''; }
.lt-section { padding-block: 82px; }
.lt-soft { background: var(--gray); }
.lt-section-head { max-width: 820px; margin-bottom: 38px; }
.lt-kicker { display: block; font-size: 11px; line-height: 1.6; letter-spacing: .14em; color: var(--primary); font-weight: 500; margin-bottom: 12px; }
.lt-section h2 { font-size: 32px; font-weight: 600; letter-spacing: -.025em; line-height: 1.45; text-wrap: balance; }
.lt-section-head > p { margin-top: 15px; color: var(--text); font-size: 15px; line-height: 1.9; }
.lt-caps { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px 40px; }
.lt-cap { display: flex; align-items: flex-start; gap: 16px; }
.lt-cap-icon { display: grid; place-items: center; flex: 0 0 44px; height: 44px; border-radius: 12px; background: var(--lt-ice); color: var(--primary); font-size: 25px; }
.lt-cap h3 { font-size: 17px; line-height: 1.6; font-weight: 600; margin-bottom: 7px; }
.lt-cap p { color: var(--text); font-size: 13px; line-height: 1.9; }
.lt-workflow { margin-top: 46px; padding: 28px 30px; background: var(--lt-ice); border-radius: 12px; }
.lt-workflow-heading { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin-bottom: 25px; }
.lt-workflow-heading > span { display: flex; align-items: center; gap: 9px; font-size: 15px; font-weight: 500; }
.lt-workflow-heading > span i { color: var(--primary); font-size: 20px; }
.lt-workflow-heading > p { font-size: 12px; color: var(--text); }
.lt-step-list { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 32px; padding: 0; margin: 0; list-style: none; }
.lt-step-list li { position: relative; }
.lt-step-list li:not(:last-child)::after { content: '\2192'; position: absolute; right: -23px; top: 3px; color: #95aadd; font-size: 20px; }
.lt-step-number { display: block; margin-bottom: 8px; color: var(--primary); font-family: 'DIN Alternate','Helvetica Neue',Arial,sans-serif; font-size: 22px; font-weight: 500; }
.lt-step-list h3 { font-size: 14px; font-weight: 600; margin-bottom: 7px; }
.lt-step-list p { color: var(--text); font-size: 12px; line-height: 1.85; }
.lt-tablist { display: flex; gap: 32px; margin-bottom: 30px; overflow-x: auto; border-bottom: 1px solid #dce3f0; }
.lt-tablist button { position: relative; flex: 0 0 auto; padding: 0 1px 16px; min-height: 46px; font-size: 15px; color: var(--text); transition: color .2s; }
.lt-tablist button[aria-selected="true"] { color: var(--primary); font-weight: 600; }
.lt-tablist button[aria-selected="true"]::after { content: ''; position: absolute; inset: auto 0 0; height: 3px; background: var(--primary); }
.lt-tablist button:hover { color: var(--primary); }
.lt-feature-panel { display: grid; grid-template-columns: minmax(0,1.58fr) minmax(0,1fr); gap: 42px; align-items: center; min-height: 550px; }
.lt-feature-copy { padding-block: 8px; }
.lt-feature-label { font-size: 12px; color: var(--primary); display: block; margin-bottom: 13px; }
.lt-feature-copy h3 { font-size: 25px; line-height: 1.5; font-weight: 600; letter-spacing: -.025em; text-wrap: balance; }
.lt-feature-copy > p { margin-top: 16px; font-size: 14px; line-height: 1.95; color: var(--text); }
.lt-points { display: grid; gap: 12px; margin-top: 22px; }
.lt-points li { display: flex; gap: 10px; font-size: 13px; line-height: 1.8; color: var(--text); }
.lt-points i { color: var(--primary); margin-top: 4px; font-size: 15px; }
.lt-text-link { display: inline-flex; gap: 15px; align-items: center; margin-top: 27px; color: var(--primary); font-size: 13px; font-weight: 500; }
.lt-text-link:hover { color: var(--primary-hover); }
.lt-text-link i { transition: transform .2s; }
.lt-text-link:hover i { transform: translate(2px,-2px); }
.lt-shot { position: relative; margin: 0; min-width: 0; border: 1px solid #dce4f3; border-radius: 10px; background: #fff; box-shadow: 0 13px 35px #213e7910; overflow: hidden; }
.lt-shot-open { display: block; width: 100%; text-align: left; }
.lt-shot-top { height: 38px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 13px; background: #f9fbff; border-bottom: 1px solid var(--line); color: var(--text); font-size: 10px; }
.lt-shot-top > .ph { font-size: 15px; color: var(--text); }
.lt-window-dots { display: flex; gap: 4px; }
.lt-window-dots i { display: block; width: 5px; height: 5px; border-radius: 50%; background: #c5d0e3; }
.lt-window-dots i:first-child { background: #98b4f7; }
.lt-shot-stage { display: flex; align-items: center; justify-content: center; aspect-ratio: var(--lt-shot-ratio,1.78); padding: 12px; background: #edf2fa; }
.lt-shot-stage img { width: 100%; height: 100%; object-fit: contain; }
.lt-shot-zoom { display: flex; gap: 6px; justify-content: center; align-items: center; min-height: 29px; font-size: 10px; color: var(--text); background: #fff; }
.lt-shot-open:hover .lt-shot-zoom { color: var(--primary); }
.lt-shot-open:hover .lt-shot-top > .ph { color: var(--primary); }
.lt-source-note { display: flex; align-items: flex-start; justify-content: center; gap: 7px; margin-top: 23px; color: var(--text); font-size: 11px; line-height: 1.8; }
.lt-source-note i { margin-top: 4px; font-size: 13px; flex: none; }
.lt-ai-shots { display: grid; gap: 16px; }
.lt-ai-shots .lt-shot-stage { aspect-ratio: 4; }
.lt-diagram { margin: 0; padding: 24px; border: 1px solid #dde6f4; border-radius: 12px; background: linear-gradient(145deg,#eef4ff,#fff); min-width: 0; }
.lt-diagram figcaption { display: flex; align-items: center; gap: 8px; margin-bottom: 24px; font-size: 11px; color: var(--text); }
.lt-diagram figcaption i { color: var(--primary); font-size: 17px; }
.lt-diagram-input { display: flex; align-items: center; flex-direction: column; padding: 16px; border: 1px solid #e0e9f9; background: #fff; border-radius: 10px; text-align: center; }
.lt-diagram-input > i { font-size: 28px; color: var(--primary); margin-bottom: 9px; }
.lt-diagram-input strong,.lt-image-source strong,.lt-image-result strong { display: block; font-size: 14px; font-weight: 500; }
.lt-diagram-input span,.lt-image-source span,.lt-image-result span { display: block; margin-top: 5px; font-size: 11px; color: var(--text); }
.lt-diagram-connector { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 37px; color: var(--primary); font-size: 11px; }
.lt-diagram-hub { display: flex; align-items: center; gap: 10px; justify-content: center; background: var(--primary); padding: 13px; border-radius: 9px; color: #fff; font-size: 14px; }
.lt-diagram-hub i { font-size: 21px; }
.lt-diagram-hub strong { font-weight: 500; }
.lt-diagram-branches { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-top: 13px; }
.lt-diagram-branches > div { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 15px 6px; border: 1px solid #dce7fa; border-radius: 9px; background: #fff; text-align: center; }
.lt-diagram-branches i { color: var(--primary); font-size: 23px; }
.lt-diagram-branches strong { font-size: 12px; font-weight: 500; }
.lt-diagram-branches span { color: var(--text); font-size: 10px; }
.lt-diagram-check { display: flex; align-items: center; justify-content: center; gap: 7px; font-size: 10px; line-height: 1.8; color: var(--text); margin-top: 19px; }
.lt-diagram-check i { font-size: 16px; color: var(--primary); flex: none; }
.lt-pricing-flow { display: grid; gap: 16px; list-style: none; padding: 0; margin: 0; }
.lt-pricing-flow li { position: relative; display: flex; gap: 15px; align-items: center; padding: 12px 16px; background: #fff; border: 1px solid #e0e8f7; border-radius: 9px; }
.lt-pricing-flow li > span { display: grid; place-items: center; width: 37px; height: 37px; background: var(--lt-ice); color: var(--primary); border-radius: 9px; font-size: 22px; }
.lt-pricing-flow li:not(:last-child)::after { content: ''; position: absolute; width: 1px; height: 16px; top: 100%; left: 34px; background: #c6d7f5; }
.lt-pricing-flow strong { font-size: 13px; font-weight: 500; }
.lt-pricing-flow p { font-size: 11px; color: var(--text); margin-top: 3px; }
.lt-image-route { display: grid; gap: 15px; }
.lt-image-source,.lt-image-result { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 20px; border: 1px solid #dce7fa; border-radius: 10px; background: #fff; }
.lt-image-source > i { color: var(--primary); font-size: 40px; margin-bottom: 13px; }
.lt-image-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.lt-image-actions > span { display: flex; align-items: center; gap: 8px; padding: 10px 13px; background: #fff; border: 1px solid #dfe8f8; border-radius: 8px; font-size: 12px; }
.lt-image-actions i { color: var(--primary); font-size: 19px; }
.lt-image-result { background: var(--primary); color: #fff; padding: 15px; }
.lt-image-result span { color: #eef3ff; }
.lt-image-result i { font-size: 24px; margin-bottom: 7px; }
.lt-image-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.1fr); align-items: center; gap: 60px; }
.lt-image-layout .lt-section-head { margin-bottom: 28px; }
.lt-tools { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 25px; }
.lt-tool { display: flex; align-items: flex-start; gap: 10px; }
.lt-tool > span { display: grid; place-items: center; color: var(--primary); font-size: 21px; flex: none; margin-top: 3px; }
.lt-tool h3 { font-size: 15px; font-weight: 500; line-height: 1.6; margin-bottom: 7px; }
.lt-tool p { color: var(--text); font-size: 12px; line-height: 1.85; }
.lt-image-showcase { min-width: 0; }
.lt-image-showcase .lt-shot-stage { aspect-ratio: 1.48; }
.lt-caption { margin-top: 17px; font-size: 11px; color: var(--text); text-align: center; }
.lt-manage-layout { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); align-items: center; gap: 60px; }
.lt-manage-layout .lt-section-head { margin-bottom: 25px; }
.lt-management-list { display: grid; gap: 20px; }
.lt-management-item { display: flex; gap: 13px; align-items: flex-start; }
.lt-management-item > span { color: var(--primary); font-size: 22px; margin-top: 2px; }
.lt-management-item h3 { font-size: 15px; margin-bottom: 5px; font-weight: 500; }
.lt-management-item p { font-size: 12px; color: var(--text); line-height: 1.9; }
.lt-scenarios { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; }
.lt-scenarios article { padding: 0 35px 0 0; }
.lt-scenarios article + article { padding-left: 35px; border-left: 1px solid var(--line); }
.lt-scenarios article > span { display: block; color: var(--primary); font-size: 27px; margin-bottom: 18px; }
.lt-scenarios h3 { font-size: 18px; font-weight: 600; margin-bottom: 10px; }
.lt-scenarios p { font-size: 13px; line-height: 1.9; color: var(--text); }
.lt-onboarding { display: grid; grid-template-columns: .85fr 1.15fr; gap: 60px; margin-top: 48px; background: var(--lt-ice); padding: 36px 42px; border-radius: 12px; }
.lt-onboarding h3 { font-weight: 600; font-size: 24px; line-height: 1.55; }
.lt-onboarding > div > p { font-size: 13px; line-height: 1.9; color: var(--text); max-width: 390px; margin-top: 12px; }
.lt-onboarding .btn { margin-top: 20px; min-width: 150px; }
.lt-onboarding ol { margin: 0; padding: 0; list-style: none; display: grid; gap: 22px; }
.lt-onboarding li { display: flex; align-items: flex-start; gap: 18px; }
.lt-onboarding li > span { font-size: 16px; color: var(--primary); padding: 5px 0; border-bottom: 1px solid #aabff2; }
.lt-onboarding li h3 { font-size: 15px; margin: 0 0 5px; font-weight: 600; }
.lt-onboarding li p { color: var(--text); font-size: 12px; line-height: 1.9; }
.lt-faq-layout { display: grid; grid-template-columns: .75fr 1.25fr; gap: 65px; }
.lt-faq-layout .lt-section-head { margin-bottom: 15px; }
.lt-faq-intro { font-size: 13px; line-height: 1.9; color: var(--text); max-width: 300px; }
.lt-faq-list { border-top: 1px solid #dfe5f0; }
.lt-faq-list details { border-bottom: 1px solid #dfe5f0; }
.lt-faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 2px; font-size: 14px; font-weight: 500; list-style: none; cursor: pointer; }
.lt-faq-list summary::-webkit-details-marker { display: none; }
.lt-faq-list summary > i { color: var(--primary); font-size: 18px; flex: none; transition: transform .2s; }
.lt-faq-list summary:hover { color: var(--primary); }
.lt-faq-list details[open] summary i { transform: rotate(45deg); }
.lt-faq-list details > div { padding: 0 28px 21px 2px; }
.lt-faq-list p { color: var(--text); font-size: 13px; line-height: 1.95; }
.lt-related .lt-section-head { margin-bottom: 30px; }
.lt-related-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.lt-related-card { display: grid; grid-template-columns: .75fr 1.25fr; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; transition: box-shadow .25s,border-color .25s; }
.lt-related-card:hover { border-color: #bfcefa; box-shadow: 0 12px 30px #203f8012; }
.lt-related-card > div { display: flex; align-items: center; background: var(--lt-ice); padding: 12px; }
.lt-related-card img { width: 100%; height: 200px; object-fit: contain; }
.lt-related-card > section { padding: 26px 24px; }
.lt-related-card .lt-kicker { letter-spacing: 0; font-size: 10px; margin-bottom: 8px; }
.lt-related-card h3 { font-size: 18px; font-weight: 600; margin-bottom: 12px; }
.lt-related-card p { font-size: 12px; line-height: 1.85; color: var(--text); }
.lt-related-link { display: flex; justify-content: space-between; align-items: center; font-size: 12px; color: var(--primary); margin-top: 19px; }
.lt-image-dialog { width: min(1360px,calc(100vw - 48px)); max-width: none; max-height: calc(100dvh - 48px); padding: 0; border: 0; border-radius: 12px; background: #fff; box-shadow: 0 20px 80px #0005; }
.lt-image-dialog::backdrop { background: #14213cd9; backdrop-filter: blur(5px); }
.lt-dialog-bar { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px 12px 22px; gap: 16px; border-bottom: 1px solid var(--line); }
.lt-dialog-bar p { font-size: 13px; }
.lt-dialog-bar button { display: grid; place-items: center; flex: 0 0 36px; height: 36px; border-radius: 50%; background: var(--gray); font-size: 19px; }
.lt-dialog-bar button:hover { color: var(--primary); background: var(--tag); }
.lt-dialog-scroll { overflow: auto; max-height: calc(100dvh - 120px); padding: 16px; }
.lt-dialog-scroll img { width: 100%; height: auto; max-width: none; }
@media (min-width:1500px) { .lt-container { width: min(1360px,calc(100% - 120px)); } }
@media (max-width:1150px) {
  .lt-hero h1 { font-size: 35px; }
  .lt-hero-grid { gap: 20px; }
  .lt-caps { gap: 28px; }
  .lt-feature-panel { gap: 28px; grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); }
  .lt-feature-panel { min-height: 450px; }
  .lt-feature-copy h3 { font-size: 22px; }
  .lt-image-layout,.lt-manage-layout { gap: 35px; }
  .lt-related-card { grid-template-columns: .65fr 1fr; }
  .lt-related-card > section { padding: 22px 18px; }
}
@media (max-width:900px) {
  .lt-container { width: calc(100% - 48px); }
  .lt-hero-grid { grid-template-columns: 1fr; gap: 4px; padding-block: 28px 15px; }
  .lt-hero-copy { max-width: 640px; }
  .lt-hero-art { width: min(500px,100%); justify-self: center; }
  .lt-hero-art img { height: 270px; }
  .lt-section { padding-block: 60px; }
  .lt-caps { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .lt-feature-panel { grid-template-columns: 1fr; gap: 26px; min-height: 0; }
  .lt-feature-copy { display: grid; grid-template-columns: 1fr 1fr; gap: 0 30px; }
  .lt-feature-label,.lt-feature-copy h3,.lt-feature-copy > p { grid-column: 1; }
  .lt-feature-copy .lt-points { grid-column: 2; grid-row: 1/4; margin-top: 0; align-content: start; }
  .lt-feature-copy .lt-text-link { grid-column: 1/-1; margin-top: 20px; }
  .lt-image-layout,.lt-manage-layout { grid-template-columns: 1fr; gap: 30px; }
  .lt-manage-visual { order: 2; }
  .lt-image-showcase { width: min(700px,100%); margin-inline: auto; }
  .lt-image-showcase .lt-shot-stage { aspect-ratio: 1.78; }
  .lt-manage-layout .lt-management-list { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
  .lt-scenarios article { padding-right: 20px; }
  .lt-scenarios article + article { padding-left: 20px; }
  .lt-onboarding { gap: 35px; padding: 30px; }
  .lt-faq-layout { gap: 35px; grid-template-columns: .7fr 1.3fr; }
  .lt-related-card { display: block; }
  .lt-related-card img { height: 165px; }
}
@media (max-width:640px) {
  .lt-container { width: calc(100% - 40px); }
  .lt-hero-grid { padding-top: 24px; }
  .lt-product-label { font-size: 12px; gap: 10px; margin-bottom: 12px; }
  .lt-trial { font-size: 10px; }
  .lt-hero h1 { font-size: 29px; line-height: 1.4; }
  .lt-hero-description { font-size: 13px; line-height: 1.85; margin-top: 15px; }
  .lt-hero-tags { font-size: 10px; margin-top: 13px; flex-wrap: wrap; row-gap: 6px; }
  .lt-hero-tags span + span { margin-left: 10px; padding-left: 10px; }
  .lt-actions { margin-top: 18px; gap: 10px; }
  .lt-actions .btn { min-width: 0; height: 44px; font-size: 13px; padding-inline: 17px; gap: 17px; }
  .lt-hero-art img { height: 220px; }
  .lt-section-links { gap: 25px; }
  .lt-section-links a { min-height: 55px; font-size: 13px; }
  .lt-section { padding-block: 46px; }
  .lt-section h2 { font-size: 25px; line-height: 1.5; }
  .lt-section-head { margin-bottom: 28px; }
  .lt-section-head > p { font-size: 13px; margin-top: 12px; }
  .lt-kicker { font-size: 10px; margin-bottom: 9px; }
  .lt-caps { gap: 24px 18px; }
  .lt-cap { display: block; }
  .lt-cap-icon { width: 36px; height: 36px; border-radius: 9px; font-size: 21px; margin-bottom: 10px; }
  .lt-cap h3 { font-size: 14px; margin-bottom: 6px; }
  .lt-cap p { font-size: 11px; line-height: 1.85; }
  .lt-workflow { margin-top: 30px; padding: 22px 20px; }
  .lt-workflow-heading { display: block; margin-bottom: 22px; }
  .lt-workflow-heading > span { font-size: 13px; }
  .lt-workflow-heading > p { font-size: 11px; margin-top: 6px; }
  .lt-step-list { grid-template-columns: 1fr; gap: 20px; }
  .lt-step-list li { padding-left: 40px; }
  .lt-step-number { position: absolute; left: 0; top: -2px; font-size: 19px; }
  .lt-step-list li:not(:last-child)::after { content: ''; top: 28px; left: 11px; right: auto; height: calc(100% - 7px); width: 1px; background: #d5dff3; }
  .lt-step-list h3 { font-size: 13px; margin-bottom: 5px; }
  .lt-step-list p { font-size: 11px; }
  .lt-tablist { gap: 23px; margin-bottom: 22px; }
  .lt-tablist button { font-size: 13px; padding-bottom: 13px; }
  .lt-feature-copy { display: block; }
  .lt-feature-copy h3 { font-size: 21px; }
  .lt-feature-copy > p { font-size: 13px; margin-top: 12px; }
  .lt-feature-copy .lt-points { margin-top: 18px; gap: 10px; }
  .lt-points li { font-size: 12px; }
  .lt-feature-label { margin-bottom: 9px; font-size: 11px; }
  .lt-shot-top { height: 30px; font-size: 9px; padding-inline: 9px; }
  .lt-shot-stage { padding: 6px; }
  .lt-shot-zoom { font-size: 9px; min-height: 25px; }
  .lt-source-note { text-align: left; font-size: 10px; margin-top: 19px; }
  .lt-diagram { padding: 18px 15px; }
  .lt-diagram-branches { gap: 7px; }
  .lt-diagram-branches strong { font-size: 11px; }
  .lt-diagram-branches span { font-size: 9px; }
  .lt-diagram-check { align-items: flex-start; text-align: center; }
  .lt-image-actions > span { font-size: 11px; padding: 10px; }
  .lt-tools { gap: 21px 17px; }
  .lt-tool { display: block; }
  .lt-tool > span { display: block; margin-bottom: 8px; }
  .lt-tool h3 { font-size: 14px; }
  .lt-tool p { font-size: 11px; }
  .lt-manage-layout .lt-management-list { grid-template-columns: 1fr; gap: 18px; }
  .lt-management-item h3 { font-size: 14px; }
  .lt-management-item p { font-size: 12px; }
  .lt-scenarios { grid-template-columns: 1fr; gap: 23px; }
  .lt-scenarios article,.lt-scenarios article + article { position: relative; padding: 0 0 0 44px; border: 0; }
  .lt-scenarios article > span { position: absolute; top: 0; left: 0; font-size: 25px; }
  .lt-scenarios h3 { font-size: 16px; margin-bottom: 7px; }
  .lt-scenarios p { font-size: 12px; }
  .lt-onboarding { grid-template-columns: 1fr; gap: 28px; padding: 26px 23px; margin-top: 30px; }
  .lt-onboarding h3 { font-size: 22px; }
  .lt-onboarding > div > p { font-size: 12px; }
  .lt-onboarding li h3 { font-size: 14px; }
  .lt-onboarding li p { font-size: 11px; }
  .lt-faq-layout { grid-template-columns: 1fr; gap: 25px; }
  .lt-faq-intro { max-width: none; font-size: 12px; }
  .lt-faq-layout .lt-text-link { margin-top: 16px; }
  .lt-faq-list summary { font-size: 13px; line-height: 1.7; min-height: 60px; padding: 18px 2px; }
  .lt-faq-list p { font-size: 12px; }
  .lt-related-grid { grid-template-columns: 1fr; gap: 16px; }
  .lt-related-card { display: grid; grid-template-columns: .6fr 1fr; }
  .lt-related-card > div { padding: 4px; }
  .lt-related-card img { height: 160px; }
  .lt-related-card > section { padding: 20px 16px; }
  .lt-related-card h3 { font-size: 16px; }
  .lt-related-card p { font-size: 11px; }
  .lt-image-dialog { width: calc(100vw - 20px); max-height: calc(100dvh - 40px); border-radius: 8px; }
  .lt-dialog-bar { padding: 10px 12px; }
  .lt-dialog-bar p { font-size: 12px; }
  .lt-dialog-scroll { padding: 8px; max-height: calc(100dvh - 110px); }
  .lt-dialog-scroll img { min-width: 900px; }
}
@media (prefers-reduced-motion:reduce) { .lt-page *, .lt-page *::before, .lt-page *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }
@media (forced-colors:active) { .lt-page,.lt-page * { scrollbar-color: auto; } .lt-tablist button[aria-selected="true"]::after,.lt-section-links a[aria-current]::after { background: Highlight; } }