/* Lead tool family: argument, capabilities, demos, real work and the family strip.
   Follows services.css: raw hex, 500 weight service headings, 999px and 719px. */

/* Shared section header */
.lt-head { margin-bottom: 48px; }
.lt-head--split { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 24px 64px; align-items: end; }
.lt-head .h2 { max-width: 22ch; }
.lt-head > p { font-size: 17px; line-height: 1.8; color: #B6B6BC; max-width: 52ch; text-wrap: pretty; }
.lt-head .tag, .lt-why__head .tag { margin-bottom: 24px; }

/* 1. The argument */
.lt-why { background: #0E0E13; }
.lt-why__grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(40px, 6vw, 96px); align-items: start; }
.lt-why__head { position: sticky; top: 112px; display: flex; flex-direction: column; }
.lt-why__head .h2 { max-width: 16ch; }
.lt-why__body > p { font-size: 17px; line-height: 1.85; color: #C4C4CA; max-width: 62ch; text-wrap: pretty; }
.lt-why__body > p:first-child { font-size: clamp(19px, 1.6vw, 21px); line-height: 1.65; color: #FBFBF7; letter-spacing: -.01em; }
.lt-why__body > p + p { margin-top: 22px; }
.lt-aside { margin-top: 40px; padding: 28px 32px 16px; background: #1E201F; border: 1px solid #48484E; border-top: 3px solid #FCC530; border-radius: 4px 4px 24px 4px; max-width: 62ch; }
.lt-aside h3 { font-size: 20px; font-weight: 500; letter-spacing: -.02em; line-height: 1.4; }
.lt-aside p { font-size: 15px; line-height: 1.75; color: #B6B6BC; margin-top: 10px; }
.lt-aside .hero__text-link { margin-top: 8px; font-size: 14px; }

/* 2. What we build */
.lt-tools { background: #151517; }
.lt-tools__grid { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.lt-tool { display: flex; flex-direction: column; padding: 28px 28px 24px; background: #1B1C1B; border: 1px solid #3A3A40; border-radius: 10px; min-width: 0; }
.lt-tool__num { font-size: 13px; color: #FCC530; }
.lt-tool h3 { font-size: 20px; font-weight: 500; letter-spacing: -.02em; line-height: 1.4; margin: 18px 0 12px; }
.lt-tool > p:not(.lt-tool__seen) { font-size: 15px; line-height: 1.75; color: #B6B6BC; margin-bottom: 20px; }
.lt-tool__seen { margin-top: auto; display: flex; gap: 10px; align-items: flex-start; padding-top: 16px; border-top: 1px solid #3A3A40; font-size: 13px; line-height: 1.6; color: #D4D4D8; }
.lt-tool__seen svg { width: 16px; height: 16px; color: #FCC530; flex-shrink: 0; margin-top: 2px; }
.lt-tool__link { margin-top: auto; display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-size: 14px; color: #FCC530; text-decoration: none; text-underline-offset: 5px; width: fit-content; }
.lt-tool__seen + .lt-tool__link { margin-top: 8px; }
.lt-tool__link:hover { text-decoration: underline; }
.lt-tool__link svg { width: 16px; height: 16px; flex-shrink: 0; }

/* 3. The interactive demo */
.lt-demo { background: #1B1C1B; border-block: 1px solid #3A3A40; scroll-margin-top: 24px; }
.lt-stage { background: #151517; border: 1px solid #3A3A40; border-radius: 16px; overflow: hidden; overflow: clip; }
.lt-stage__bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; padding: 14px 24px; background: #0E0E13; border-bottom: 1px solid #3A3A40; }
.lt-badge { display: inline-flex; align-items: center; gap: 8px; padding: 5px 12px; border: 1px solid #FCC53059; border-radius: 999px; background: #FCC5301A; color: #FCC530; font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.lt-badge::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #FCC530; }
.lt-stage__who { font-size: 13px; color: #B6B6BC; }
.lt-stage__grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); }
.lt-panel { padding: 28px; min-width: 0; }
.lt-panel--team { background: #0E0E13; border-left: 1px solid #3A3A40; }
.lt-panel__head { display: flex; align-items: baseline; gap: 12px; margin-bottom: 18px; }
.lt-panel__head span { font-size: 12px; color: #FCC530; }
.lt-panel__head h3 { font-size: 17px; font-weight: 500; letter-spacing: -.01em; line-height: 1.4; }
.lt-panel__foot { margin-top: 16px; font-size: 13px; line-height: 1.7; color: #A2A2AD; }

/* A browser window around the buyer's view */
.lt-browser { background: #1E201F; border: 1px solid #3A3A40; border-radius: 12px; overflow: hidden; }
.lt-browser__bar { display: flex; align-items: center; gap: 6px; height: 38px; padding: 0 14px; background: #28282C; border-bottom: 1px solid #3A3A40; }
.lt-browser__bar i { width: 8px; height: 8px; border-radius: 50%; background: #4A4A52; flex-shrink: 0; }
.lt-browser__bar span { margin-left: 10px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 3px 12px; border-radius: 999px; background: #1E201F; font-size: 12px; color: #B6B6BC; }
.lt-browser__body { padding: 24px; }
@media (min-width: 1100px) {
  .is-live .lt-browser__body--split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 28px; align-items: start; }
  .is-live .lt-browser__body--split .lt-widget__title { grid-column: 1 / -1; }
  .is-live .lt-browser__body--split .lt-controls { margin-bottom: 0; }
  .is-live .lt-browser__body--split .lt-result { padding: 0 0 0 28px; border-top: 0; border-left: 1px solid #3A3A40; min-height: 100%; }
  .is-live .lt-browser__body--split .lt-result__price { font-size: clamp(26px, 2.2vw, 32px); text-wrap: balance; }
}
.lt-widget__title { font-size: clamp(20px, 1.8vw, 24px); font-weight: 500; letter-spacing: -.025em; line-height: 1.3; color: #FBFBF7; margin-bottom: 20px; text-wrap: balance; }

/* Controls */
.lt-controls { display: grid; gap: 22px; margin-bottom: 24px; }
.lt-controls[hidden] { display: none; }
.lt-controls--cfg { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 28px; margin: 24px 0 0; padding-top: 24px; border-top: 1px solid #3A3A40; }
.lt-range__top { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.lt-range label, .lt-field legend { font-size: 14px; font-weight: 500; color: #FBFBF7; }
.lt-range output { font-size: 16px; font-weight: 600; color: #FCC530; font-variant-numeric: tabular-nums; }
.lt-range input { -webkit-appearance: none; appearance: none; display: block; width: 100%; height: 32px; margin: 4px 0 0; background: transparent; cursor: pointer; border-radius: 999px; }
.lt-range input::-webkit-slider-runnable-track { height: 6px; border-radius: 999px; background: linear-gradient(90deg, #FCC530 var(--lt-fill, 50%), #48484E var(--lt-fill, 50%)); }
.lt-range input::-moz-range-track { height: 6px; border-radius: 999px; background: linear-gradient(90deg, #FCC530 var(--lt-fill, 50%), #48484E var(--lt-fill, 50%)); }
.lt-range input::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 24px; height: 24px; margin-top: -9px; border-radius: 50%; background: #FCC530; border: 4px solid #1E201F; box-shadow: 0 0 0 1px #FCC530; }
.lt-range input::-moz-range-thumb { width: 16px; height: 16px; border-radius: 50%; background: #FCC530; border: 4px solid #1E201F; box-shadow: 0 0 0 1px #FCC530; }
.lt-range input:focus-visible { outline: 2px solid #FCC530; outline-offset: 4px; }
.lt-range__ends { display: flex; justify-content: space-between; font-size: 12px; color: #A2A2AD; margin-top: 2px; }
.lt-field { border: 0; padding: 0; margin: 0; min-width: 0; }
.lt-field legend { padding: 0; margin-bottom: 10px; }
.lt-legend__hint { font-size: 12px; font-weight: 400; color: #A2A2AD; }
.lt-opts { display: flex; flex-wrap: wrap; gap: 8px; }
.lt-opt { position: relative; display: inline-flex; }
.lt-opt input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.lt-opt span { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; min-height: 44px; padding: 8px 16px; border: 1px solid #6C6C76; border-radius: 999px; font-size: 14px; line-height: 1.3; color: #E7E7EA; transition: border-color .15s, background-color .15s, color .15s; }
.lt-opt small { font-size: 11px; color: #A2A2AD; }
.lt-opt:hover span { border-color: #FBFBF7; }
.lt-opt input:checked + span { border-color: #FCC530; background: #FCC5301F; color: #FBFBF7; box-shadow: inset 0 0 0 1px #FCC530; }
.lt-opt input:focus-visible + span { outline: 2px solid #FCC530; outline-offset: 3px; }
.lt-opt input:disabled { cursor: not-allowed; }
.lt-opt input:disabled + span { border-style: dashed; border-color: #4A4A52; color: #8A8A94; }
.lt-opt input:disabled + span small { color: #A2A2AD; }
.lt-swatch { width: 14px; height: 14px; border-radius: 50%; box-shadow: 0 0 0 1px #FFFFFF59; flex-shrink: 0; }

/* The buyer's result */
.lt-result { padding-top: 24px; border-top: 1px solid #3A3A40; }
.lt-result__label { font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: #A2A2AD; }
.lt-result__price { font-size: clamp(28px, 3.1vw, 40px); font-weight: 600; letter-spacing: -.03em; line-height: 1.2; color: #FCC530; margin: 8px 0 6px; font-variant-numeric: tabular-nums; }
.lt-result__for { font-size: 14px; line-height: 1.7; color: #C4C4CA; margin-bottom: 22px; }
.lt-assumptions { list-style: none; padding: 0; margin-top: 10px; display: grid; gap: 6px; }
.lt-assumptions li { position: relative; padding-left: 18px; font-size: 14px; line-height: 1.6; color: #C4C4CA; }
.lt-assumptions li::before { content: ''; position: absolute; left: 2px; top: .62em; width: 6px; height: 6px; border-radius: 50%; background: #71717B; }
.lt-result__next { display: flex; align-items: flex-start; gap: 10px; margin-top: 22px; padding: 12px 16px; border: 1px solid #FCC53047; border-radius: 10px; background: #FCC53012; font-size: 14px; line-height: 1.6; color: #FBFBF7; }
.lt-result__next svg { width: 16px; height: 16px; color: #FCC530; flex-shrink: 0; margin-top: 3px; }
.lt-result--cfg { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 24px; align-items: start; }
.lt-result--cfg .lt-ref { display: flex; align-items: center; min-height: calc(clamp(28px, 3.1vw, 40px) * 1.2); margin-top: 8px; }
.lt-result--cfg .lt-result__price { margin-bottom: 0; }
.lt-ref { margin-top: 10px; font-size: 15px; font-weight: 600; letter-spacing: .06em; color: #FBFBF7; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.lt-note { display: flex; align-items: flex-start; gap: 10px; margin-top: 16px; font-size: 13px; line-height: 1.65; color: #B6B6BC; }
.lt-note svg { width: 16px; height: 16px; color: #FCC530; flex-shrink: 0; margin-top: 2px; }
.lt-noscript { margin-top: 8px; font-size: 13px; color: #A2A2AD; }

/* The configurator drawing */
.lt-visual { border: 1px solid #3A3A40; border-radius: 10px; background: linear-gradient(180deg, #232427 0%, #1B1C1B 100%); overflow: hidden; }
.lt-elevation { display: block; width: 100%; height: auto; padding: 12px 12px 0; }
.lt-visual__foot { display: grid; grid-template-columns: minmax(130px, 180px) minmax(0, 1fr); gap: 20px; align-items: center; padding: 16px 20px 20px; border-top: 1px solid #3A3A40; background: #1B1C1B; }
.lt-plan { display: block; width: 100%; height: auto; }
.lt-svg__dim { font-size: 16px; font-weight: 500; fill: #D4D4D8; }
.lt-plan .lt-svg__dim { font-size: 14px; fill: #C4C4CA; }
.lt-svg__area { font-size: 15px; font-weight: 600; fill: #FCC530; }
.lt-spec { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 16px; }
.lt-spec dt { font-size: 12px; color: #A2A2AD; }
.lt-spec dd { margin: 2px 0 0; font-size: 15px; font-weight: 500; color: #FBFBF7; }
.lt-msgs { list-style: none; padding: 0; margin: 16px 0 0; display: grid; gap: 8px; }
.lt-msgs:empty { margin: 0; }
.lt-msg { position: relative; padding: 12px 14px 12px 44px; border-radius: 10px; font-size: 14px; line-height: 1.55; color: #FBFBF7; }
.lt-msg::before { position: absolute; left: 14px; top: 12px; width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; font-size: 12px; font-weight: 700; line-height: 1; }
.lt-msg--switch { background: #FCC53012; border: 1px solid #FCC53047; }
.lt-msg--switch::before { content: 'i'; background: #FCC530; color: #151517; }
.lt-msg--review { background: #28282C; border: 1px solid #6C6C76; }
.lt-msg--review::before { content: '!'; border: 1.5px solid #FCC530; color: #FCC530; }
.lt-demo .is-live .lt-msg { animation: lt-in .3s ease both; }
.lt-result--cfg { margin-top: 20px; padding-top: 20px; }
@media (min-width: 1000px) {
  .lt-panel--team .lt-record { position: sticky; top: 96px; }
}

/* What the team receives: the site's CRM record idiom */
.lt-record .record__head { gap: 10px; }
.lt-record .record__head svg, .lt-record__tag { flex-shrink: 0; }
.lt-record .record__head > span:first-of-type { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lt-record__tag { margin-left: auto; padding: 2px 8px; border: 1px solid #6C6C76; border-radius: 999px; font-size: 10px; letter-spacing: .1em; color: #C4C4CA; }
.lt-record .record__row { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 16px; padding: 11px 18px; transition: background-color .3s; }
.lt-record .record__k { font-size: 13px; color: #A2A2AD; }
.lt-record .record__v { font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
.lt-record .record__row.is-changed { animation: lt-flash 1.4s ease-out; }
.lt-record .record__row.is-changed .record__v { animation: lt-flash-text 1.4s ease-out; }
@keyframes lt-flash { from { background-color: #FCC53033; } to { background-color: transparent; } }
@keyframes lt-flash-text { from { color: #FCC530; } to { color: #FBFBF7; } }
@keyframes lt-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }

/* 4. Real work */
.lt-built { background: #0E0E13; }
.lt-built__grid { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.lt-built__grid[data-lt-count="3"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.lt-built__grid[data-lt-count="1"] { grid-template-columns: minmax(0, 720px); }
.lt-case { display: flex; flex-direction: column; min-width: 0; padding: 32px; background: #151517; border: 1px solid #3A3A40; border-top: 3px solid #71717B; border-radius: 4px 4px 24px 4px; }
.lt-case--live { border-top-color: #FCC530; }
.lt-status { display: inline-flex; align-items: center; gap: 8px; width: fit-content; padding: 5px 12px; border-radius: 999px; font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.lt-status::before { content: ''; width: 7px; height: 7px; border-radius: 50%; }
.lt-status--live { background: #FCC5301F; border: 1px solid #FCC53059; color: #FCC530; }
.lt-status--live::before { background: #FCC530; box-shadow: 0 0 0 3px #FCC53033; }
.lt-status--testing { background: #FFFFFF0D; border: 1px solid #6C6C76; color: #D4D4D8; }
.lt-status--testing::before { border: 1.5px solid #D4D4D8; }
.lt-case h3 { margin-top: 24px; font-size: clamp(22px, 2vw, 26px); font-weight: 500; letter-spacing: -.025em; line-height: 1.3; }
.lt-case__label { margin-top: 6px; font-size: 15px; color: #FCC530; }
.lt-case__detail { margin-top: 18px; font-size: 15px; line-height: 1.8; color: #B6B6BC; }
.lt-case__facts { list-style: none; padding: 0; margin: 22px 0 8px; }
.lt-case__facts li { display: flex; gap: 12px; align-items: flex-start; padding: 12px 0; border-top: 1px solid #FFFFFF1F; font-size: 14px; line-height: 1.6; color: #D4D4D8; }
.lt-case__facts svg { width: 16px; height: 16px; color: #FCC530; flex-shrink: 0; margin-top: 3px; }
.lt-case__links { margin-top: auto; padding-top: 12px; display: flex; flex-wrap: wrap; gap: 0 28px; }
.lt-case__links a { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-size: 14px; font-weight: 500; color: #FBFBF7; text-decoration: underline; text-underline-offset: 6px; text-decoration-color: #FFFFFF50; }
.lt-case__links a:hover { text-decoration-color: #FCC530; }
.lt-case__links svg { width: 16px; height: 16px; flex-shrink: 0; }

/* 5. The tool family: a connected ladder, ordered by what the team learns */
.lt-family { background: #1E201F; }
.lt-family__steps { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; align-items: start; }
.lt-family__step { position: relative; border-top: 2px solid #71717B; min-width: 0; }
.lt-family__step:nth-child(1) { margin-top: 54px; }
.lt-family__step:nth-child(2) { margin-top: 36px; }
.lt-family__step:nth-child(3) { margin-top: 18px; }
.lt-family__step::before { content: ''; position: absolute; top: -7px; left: 0; width: 12px; height: 12px; border-radius: 50%; background: #1E201F; border: 2px solid #71717B; }
/* Riser and tread up to the next, higher step */
.lt-family__step:not(:last-child)::after { content: ''; position: absolute; top: -18px; left: 100%; width: 12px; height: 20px; border-top: 2px solid #71717B; border-left: 2px solid #71717B; border-radius: 6px 0 0 0; box-sizing: border-box; }
.lt-family__step.is-current { border-color: #FCC530; background: #FCC5300A; }
.lt-family__step.is-current::before { background: #FCC530; border-color: #FCC530; box-shadow: 0 0 0 4px #FCC53033; }
.lt-family__card { display: flex; flex-direction: column; gap: 10px; min-height: 196px; padding: 24px 18px 20px; color: #FBFBF7; text-decoration: none; }
.lt-family__num { font-size: 12px; color: #B6B6BC; }
.lt-family__card h3 { font-size: 19px; font-weight: 500; letter-spacing: -.02em; line-height: 1.35; }
.lt-family__card p { font-size: 14px; line-height: 1.65; color: #C4C4CA; }
.lt-family__k { display: block; font-size: 12px; color: #A2A2AD; margin-bottom: 2px; }
.lt-family__here { margin-top: auto; display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 600; color: #FCC530; }
.lt-family__here::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #FCC530; }
.lt-family__step.is-current h3 { color: #FCC530; }
.lt-family__go { margin-top: auto; color: #FCC530; }
.lt-family__go svg { width: 20px; height: 20px; transition: transform .15s; }
a.lt-family__card:hover h3 { text-decoration: underline; text-underline-offset: 5px; }
a.lt-family__card:hover .lt-family__go svg { transform: translateX(3px); }
a.lt-family__card:focus-visible { outline: 2px solid #FCC530; outline-offset: 2px; border-radius: 2px; }

/* Links on dark surfaces use the site's default cream text */
.lt-family a, .lt-tools a { color: inherit; }
.lt-tools .lt-tool__link { color: #FCC530; }

@media (max-width: 999px) {
  .lt-head--split { gap: 20px 40px; }
  .lt-why__grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .lt-why__head { position: static; }
  .lt-why__head .h2 { max-width: 22ch; }
  .lt-tools__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lt-stage__grid { grid-template-columns: minmax(0, 1fr); }
  .lt-panel--team { border-left: 0; border-top: 1px solid #3A3A40; }
  .lt-built__grid[data-lt-count="3"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lt-family__steps { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .lt-family__step:nth-child(n) { margin-top: 0; }
  .lt-family__step::after { display: none; }
  .lt-family__step, .lt-family__step.is-current { border-top: 0; border-left: 2px solid #71717B; }
  .lt-family__step.is-current { border-left-color: #FCC530; }
  .lt-family__step::before { top: 26px; left: -7px; }
  .lt-family__card { display: grid; grid-template-columns: 28px minmax(0, 1fr) 20px; gap: 4px 12px; min-height: 0; padding: 20px 16px 20px 22px; }
  .lt-family__num { grid-row: 1 / 4; padding-top: 4px; }
  .lt-family__card h3, .lt-family__card p, .lt-family__here { grid-column: 2; }
  .lt-family__go { grid-column: 3; grid-row: 1; margin-top: 2px; }
}
@media (max-width: 719px) {
  .lt-head { margin-bottom: 36px; }
  .lt-head--split { grid-template-columns: minmax(0, 1fr); }
  .lt-head > p { font-size: 16px; }
  .lt-why__body > p { font-size: 16px; }
  .lt-aside { padding: 24px 20px 12px; }
  .lt-tools__grid, .lt-built__grid, .lt-built__grid[data-lt-count="3"] { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .lt-tool { padding: 24px 20px 20px; }
  .lt-stage { border-radius: 12px; margin-inline: -4px; }
  .lt-stage__bar { padding: 12px 16px; }
  .lt-panel { padding: 20px 16px; }
  .lt-browser__body { padding: 18px 16px; }
  .lt-controls--cfg { grid-template-columns: minmax(0, 1fr); }
  .lt-elevation { padding: 8px 4px 0; }
  .lt-elevation .lt-svg__dim { font-size: 26px; }
  .lt-visual__foot { grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 14px 16px 16px; }
  .lt-plan { max-width: 190px; }
  .lt-spec { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
  .lt-spec dd { font-size: 14px; }
  .lt-result--cfg { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .lt-case { padding: 26px 20px; }
  .lt-record .record__head { padding: 14px; letter-spacing: .1em; }
  .lt-record .record__row { gap: 12px; padding: 10px 14px; }
  .lt-record .record__k, .lt-record .record__v { font-size: 13px; }
}
@media (max-width: 359px) {
  .lt-record .record__row { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  .lt-record .record__v { grid-column: 1; grid-row: 2; text-align: left; }
  .lt-spec dd { font-size: 14px; }
  .lt-record .record__head > span:first-of-type { white-space: normal; }
}
@media (prefers-reduced-motion: reduce) {
  .lt-demo *, .lt-family * { animation: none !important; transition: none !important; }
}