/* LOT 3 — expertise constellation + illustrative Experience Lab. */
.lot3-section {
  position: relative;
  overflow: hidden;
  color: #eef5ff;
  background: #040c19;
}
.lot3-section::before {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 82% 12%, rgba(0, 119, 255, .11), transparent 38%), linear-gradient(180deg, rgba(5, 17, 34, .94), #040c19 68%);
  content: "";
  pointer-events: none;
}
.lot3-shell { position: relative; width: min(calc(100% - 72px), 1360px); margin-inline: auto; }
.lot3-expertise { padding: clamp(78px, 8vw, 122px) 0 clamp(82px, 8vw, 126px); border-top: 1px solid rgba(114, 174, 224, .13); }
.lot3-section-heading { max-width: 790px; margin: 0 auto clamp(36px, 4.5vw, 62px); text-align: center; }
.lot3-eyebrow { display: flex; align-items: center; justify-content: center; gap: 11px; margin: 0 0 17px; color: #54e9e3; font-size: .68rem; font-weight: 800; letter-spacing: .18em; line-height: 1.4; text-transform: uppercase; }
.lot3-eyebrow > span { width: 25px; height: 1px; background: linear-gradient(90deg, #168fff, #49eee1); box-shadow: 0 0 12px rgba(57, 231, 228, .52); }
.lot3-section-heading h2, .lot3-experience-copy h2 { margin: 0; color: #f4f7ff; font-size: clamp(2rem, 3.6vw, 3.55rem); font-weight: 730; letter-spacing: -.045em; line-height: 1.08; text-wrap: balance; }
.lot3-section-heading > p:last-child, .lot3-experience-copy > p:not(.lot3-eyebrow):not(.lot3-illustration-note) { max-width: 70ch; margin: 18px auto 0; color: #aabbd0; font-size: clamp(.96rem, 1.15vw, 1.08rem); line-height: 1.7; }
.lot3-expertise-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 15px; }
.lot3-expertise-card { position: relative; display: flex; min-width: 0; min-height: 392px; grid-column: span 2; flex-direction: column; overflow: hidden; border: 1px solid rgba(87, 157, 220, .23); border-radius: 16px; background: linear-gradient(150deg, rgba(12, 33, 59, .95), rgba(4, 15, 30, .98) 72%); box-shadow: 0 18px 48px rgba(0, 0, 0, .22), inset 0 1px rgba(255, 255, 255, .035); transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease; }
.lot3-expertise-card:nth-child(4) { grid-column: 1 / span 2; }
.lot3-expertise-card::after { position: absolute; inset: 0; background: linear-gradient(145deg, transparent 35%, rgba(0, 128, 255, .055)); content: ""; pointer-events: none; }
.lot3-expertise-card:hover, .lot3-expertise-card:focus-within { transform: translateY(-5px); border-color: rgba(57, 220, 239, .58); box-shadow: 0 24px 55px rgba(0, 0, 0, .31), 0 0 34px rgba(0, 132, 255, .1); }
.lot3-expertise-scene { position: relative; display: flex; min-height: 167px; flex-direction: column; justify-content: space-between; overflow: hidden; border-bottom: 1px solid rgba(113, 175, 227, .16); padding: 19px 21px 17px; background: radial-gradient(ellipse at 50% 70%, rgba(0, 137, 255, .16), transparent 62%), linear-gradient(110deg, rgba(4, 15, 31, .68), rgba(11, 34, 61, .38)); }
.lot3-expertise-scene::before { position: absolute; width: 215px; height: 215px; top: -142px; right: -58px; border: 1px solid rgba(53, 240, 226, .14); border-radius: 50%; box-shadow: 0 0 0 19px rgba(28, 167, 255, .025), 0 0 0 39px rgba(28, 167, 255, .02); content: ""; }
.lot3-scene-kicker { position: relative; z-index: 1; color: #79cfff; font-size: .55rem; font-weight: 800; letter-spacing: .17em; }
.lot3-scene-status { position: relative; z-index: 1; display: flex; align-items: center; gap: 9px; color: #8fa8c1; font-size: .6rem; letter-spacing: .025em; }
.lot3-scene-status b { display: grid; width: 24px; height: 24px; place-items: center; border: 1px solid rgba(51, 226, 229, .4); border-radius: 50%; color: #58e8e5; font-size: .58rem; }
.lot3-scene-wave { display: flex; height: 50px; align-items: center; justify-content: center; gap: 4px; color: #3ccaf6; }
.lot3-scene-wave i { width: 3px; height: 13px; border-radius: 4px; background: currentColor; box-shadow: 0 0 10px rgba(47, 194, 250, .48); }
.lot3-scene-wave i:nth-child(3n) { height: 32px; }.lot3-scene-wave i:nth-child(4n) { height: 22px; }.lot3-scene-wave i:nth-child(5n) { height: 41px; }
.lot3-chart { position: relative; display: flex; height: 61px; align-items: end; gap: 9px; margin: 0 7% 1px; padding: 0 3px; border-bottom: 1px solid rgba(126, 181, 226, .23); }
.lot3-chart > i { width: 8%; height: 28%; border-radius: 3px 3px 0 0; background: linear-gradient(180deg, rgba(47, 224, 229, .8), rgba(12, 123, 255, .25)); }
.lot3-chart > i:nth-child(2) { height: 42%; }.lot3-chart > i:nth-child(3) { height: 36%; }.lot3-chart > i:nth-child(4) { height: 59%; }.lot3-chart > i:nth-child(5) { height: 48%; }.lot3-chart > i:nth-child(6) { height: 76%; }
.lot3-chart svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }.lot3-chart path { fill: none; stroke: #70f4e4; stroke-width: 2; filter: drop-shadow(0 0 4px rgba(73, 235, 232, .6)); }
.lot3-device-scene { position: relative; height: 67px; }
.lot3-device { position: absolute; border: 1px solid rgba(67, 204, 242, .6); border-radius: 5px; background: linear-gradient(140deg, rgba(12, 37, 64, .95), rgba(4, 13, 28, .9)); box-shadow: 0 8px 22px rgba(0, 0, 0, .3), 0 0 16px rgba(0, 144, 255, .12); }
.lot3-device-desktop { top: 5px; left: 23%; width: 48%; height: 54px; padding: 10px 7px 4px; }.lot3-device-desktop::after { position: absolute; width: 42%; height: 3px; bottom: -5px; left: 29%; border-radius: 3px; background: #398ac4; content: ""; }
.lot3-device-mobile { z-index: 1; top: 16px; left: 60%; width: 25px; height: 48px; border-radius: 6px; padding: 9px 4px 3px; }
.lot3-device > i { position: absolute; top: 3px; width: 3px; height: 3px; border-radius: 50%; background: #4ee7e1; }.lot3-device > i:nth-child(1) { left: 5px; }.lot3-device > i:nth-child(2) { left: 11px; }.lot3-device > i:nth-child(3) { left: 17px; }
.lot3-device > b { display: block; width: 48%; height: 10px; margin: 3px 0 4px; background: linear-gradient(90deg, #13a9ff, #39e4dc); }.lot3-device > span { display: block; height: 3px; margin: 4px 0; background: rgba(138, 180, 218, .38); }
.lot3-mini-pipeline { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 0 3%; }
.lot3-mini-pipeline > div { display: grid; min-height: 55px; align-content: start; gap: 7px; border: 1px solid rgba(100, 159, 207, .25); border-radius: 6px; padding: 7px; background: rgba(3, 13, 28, .53); }
.lot3-mini-pipeline > div > i { width: 48%; height: 3px; border-radius: 3px; background: #25c8e8; }.lot3-mini-pipeline > div > b { height: 8px; border-radius: 3px; background: rgba(130, 170, 203, .28); }.lot3-mini-pipeline > div > b:last-child { width: 68%; }
.lot3-mini-flow { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 7px 0; }
.lot3-mini-flow > i { display: grid; min-width: 45px; height: 35px; place-items: center; border: 1px solid rgba(48, 215, 230, .47); border-radius: 7px; background: rgba(9, 41, 69, .75); color: #b4f9f1; font-size: .49rem; font-style: normal; font-weight: 800; letter-spacing: .08em; }
.lot3-mini-flow > b { width: clamp(11px, 3vw, 34px); height: 1px; background: linear-gradient(90deg, #168bff, #48eddd); }
.lot3-ai-orbit { position: relative; display: grid; width: 63px; height: 63px; place-items: center; align-self: center; border: 1px solid rgba(49, 210, 250, .58); border-radius: 50%; background: radial-gradient(circle, rgba(0, 135, 255, .27), rgba(3, 13, 27, .2) 68%); box-shadow: 0 0 27px rgba(0, 143, 255, .2), inset 0 0 18px rgba(28, 196, 255, .16); color: #f1fcff; font-size: 1.35rem; font-weight: 700; }
.lot3-ai-orbit > i { position: absolute; inset: -7px; border: 1px solid rgba(56, 222, 235, .18); border-radius: 50%; transform: rotate(35deg) scaleY(.44); }.lot3-ai-orbit > i:nth-child(3) { transform: rotate(-35deg) scaleY(.44); }
.lot3-expertise-copy { position: relative; z-index: 1; display: flex; flex: 1; flex-direction: column; align-items: flex-start; padding: 19px 21px 21px; }
.lot3-index { display: flex; align-items: center; gap: 9px; color: #4edddd; font-size: .53rem; font-weight: 800; letter-spacing: .15em; }
.lot3-index i { width: 23px; height: 1px; background: rgba(83, 177, 226, .45); }
.lot3-expertise-copy h3 { margin: 11px 0 7px; color: #f2f6ff; font-size: clamp(1.08rem, 1.45vw, 1.35rem); font-weight: 700; letter-spacing: -.025em; line-height: 1.2; }
.lot3-expertise-copy > p { margin: 0; color: #aabbd0; font-size: .84rem; line-height: 1.55; }
.lot3-expertise-copy ul { display: flex; flex-wrap: wrap; gap: 6px; margin: 13px 0 18px; padding: 0; list-style: none; }
.lot3-expertise-copy li { border: 1px solid rgba(117, 170, 216, .18); border-radius: 999px; padding: 5px 8px; color: #b9c9da; background: rgba(10, 30, 52, .7); font-size: .58rem; line-height: 1.1; }
.lot3-text-link, .lot3-link-note { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; color: #63e5e2; font-size: .73rem; font-weight: 700; text-decoration: none; }
.lot3-text-link:hover, .lot3-text-link:focus-visible { color: #b7fff7; }.lot3-text-link span { font-size: 1rem; }
.lot3-experience { padding: clamp(82px, 8.8vw, 132px) 0; border-top: 1px solid rgba(114, 174, 224, .13); background: #050f20; }
.lot3-experience::before { background: radial-gradient(ellipse at 80% 45%, rgba(0, 120, 255, .16), transparent 42%), radial-gradient(ellipse at 7% 86%, rgba(34, 223, 225, .055), transparent 34%), linear-gradient(100deg, #06162b, #040c19 56%, #07162b); }
.lot3-experience-layout { display: grid; grid-template-columns: minmax(320px, .84fr) minmax(0, 1.16fr); align-items: center; gap: clamp(34px, 5vw, 74px); }
.lot3-experience-copy .lot3-eyebrow { justify-content: flex-start; }
.lot3-experience-copy h2 { max-width: 13ch; font-size: clamp(2.2rem, 3.75vw, 3.35rem); }
.lot3-experience-copy > p:not(.lot3-eyebrow):not(.lot3-illustration-note) { margin: 20px 0 0; }
.lot3-illustration-note { display: flex; align-items: flex-start; gap: 10px; margin: 22px 0 0; color: #9cb0c7; font-size: .78rem; line-height: 1.55; }.lot3-illustration-note span { color: #56e6df; }
.lot3-lab-index { display: flex; align-items: center; gap: 10px; margin-top: 40px; color: #6d829b; font-size: .55rem; font-weight: 750; letter-spacing: .13em; }.lot3-lab-index > span { color: #6edbe2; }.lot3-lab-index i { width: 29px; height: 1px; background: #24678e; }
.lot3-lab-stage { min-width: 0; }
.lot3-demo-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; border: 1px solid rgba(113, 165, 210, .18); border-radius: 12px 12px 0 0; padding: 7px; background: rgba(3, 12, 26, .72); }
.lot3-demo-tab { display: flex; min-width: 0; min-height: 54px; align-items: center; gap: 7px; border: 1px solid transparent; border-radius: 7px; padding: 8px 9px; background: transparent; color: #9aacc1; cursor: pointer; font: inherit; font-size: .63rem; font-weight: 650; line-height: 1.25; text-align: left; transition: color .2s ease, background .2s ease, border-color .2s ease; }
.lot3-demo-tab > span { color: #4b98c8; font-size: .55rem; font-weight: 800; }.lot3-demo-tab > i { margin-left: auto; color: #456987; font-size: .85rem; font-style: normal; }
.lot3-demo-tab:hover, .lot3-demo-tab:focus-visible { color: #eaf7ff; outline-color: #47e2df; }.lot3-demo-tab.is-active { border-color: rgba(66, 225, 223, .35); background: linear-gradient(110deg, rgba(29, 219, 218, .15), rgba(16, 97, 170, .17)); color: #e9fffc; box-shadow: inset 0 0 20px rgba(49, 202, 218, .06); }.lot3-demo-tab.is-active > span, .lot3-demo-tab.is-active > i { color: #56eee2; }
.lot3-demo-panels { min-height: 380px; border: 1px solid rgba(104, 166, 216, .24); border-top: 0; border-radius: 0 0 13px 13px; padding: clamp(13px, 2vw, 22px); background: linear-gradient(145deg, rgba(11, 28, 50, .96), rgba(4, 13, 27, .97)); box-shadow: 0 25px 55px rgba(0, 0, 0, .28), inset 0 1px rgba(255, 255, 255, .025); }
.lot3-demo-panel[hidden] { display: none; }.lot3-demo-window { overflow: hidden; min-height: 337px; border: 1px solid rgba(93, 160, 213, .24); border-radius: 10px; background: #061326; box-shadow: 0 15px 40px rgba(0, 0, 0, .25); }
.lot3-window-bar { display: flex; min-height: 38px; align-items: center; gap: 12px; border-bottom: 1px solid rgba(141, 183, 218, .15); padding: 0 13px; background: rgba(12, 31, 53, .92); color: #adc4d9; }
.lot3-window-bar > span { display: flex; gap: 4px; }.lot3-window-bar > span i { width: 6px; height: 6px; border-radius: 50%; background: #2984bb; }.lot3-window-bar > span i:first-child { background: #3ce2d8; }.lot3-window-bar > b { font-size: .55rem; letter-spacing: .12em; }.lot3-window-bar > small { margin-left: auto; border: 1px solid rgba(58, 219, 219, .32); border-radius: 999px; padding: 3px 7px; color: #73e9e4; font-size: .48rem; font-weight: 800; letter-spacing: .1em; }
.lot3-voice-demo { display: grid; min-height: 298px; grid-template-columns: minmax(110px, .42fr) minmax(0, 1fr); align-items: center; gap: clamp(17px, 3vw, 40px); padding: clamp(20px, 3.2vw, 38px); background: radial-gradient(ellipse at 20% 50%, rgba(0, 107, 221, .19), transparent 38%); }
.lot3-voice-orb { position: relative; display: grid; width: min(100%, 170px); aspect-ratio: 1; place-items: center; justify-self: center; border: 1px solid rgba(70, 226, 233, .38); border-radius: 50%; background: radial-gradient(circle at 50% 42%, rgba(29, 165, 237, .44), rgba(6, 36, 68, .35) 61%, rgba(2, 13, 28, .85)); box-shadow: 0 0 38px rgba(0, 144, 255, .19), inset 0 0 30px rgba(0, 156, 255, .13); color: #eafaff; font-size: 3rem; font-weight: 700; }
.lot3-voice-orb::before, .lot3-voice-orb::after { position: absolute; inset: -13px; border: 1px solid rgba(65, 210, 237, .22); border-radius: 50%; content: ""; transform: scaleY(.43) rotate(34deg); }.lot3-voice-orb::after { transform: scaleY(.43) rotate(-34deg); }.lot3-voice-orb > i { position: absolute; inset: 19%; border: 1px solid rgba(77, 208, 244, .2); border-radius: 50%; }.lot3-voice-orb > i:last-child { inset: 34%; border-color: rgba(92, 231, 224, .36); }
.lot3-demo-label { display: block; color: #65e3df; font-size: .54rem; font-weight: 800; letter-spacing: .13em; line-height: 1.5; }.lot3-voice-content h3 { margin: 9px 0 13px; color: #f1f6ff; font-size: clamp(1.15rem, 2vw, 1.65rem); letter-spacing: -.025em; }
.lot3-demo-wave { display: flex; height: 43px; align-items: center; gap: 4px; color: #43d7f4; }.lot3-demo-wave i { flex: 1; max-width: 5px; height: 14px; border-radius: 4px; background: currentColor; box-shadow: 0 0 8px rgba(62, 211, 239, .32); }.lot3-demo-wave i:nth-child(3n) { height: 29px; }.lot3-demo-wave i:nth-child(4n) { height: 20px; }.lot3-demo-wave i:nth-child(5n) { height: 37px; }
.lot3-voice-content ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 17px 0 0; padding: 0; list-style: none; }.lot3-voice-content li { display: flex; align-items: center; gap: 7px; border-top: 1px solid rgba(116, 175, 219, .2); padding-top: 9px; color: #bac8d8; font-size: .6rem; line-height: 1.3; }.lot3-voice-content li b { color: #4fe4e0; font-size: .56rem; }
.lot3-demo-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 16px; color: #edf5ff; }.lot3-demo-toolbar strong { font-size: .87rem; }.lot3-demo-toolbar > span { border: 1px solid rgba(75, 218, 219, .23); border-radius: 999px; padding: 5px 9px; color: #74dcd9; font-size: .53rem; }
.lot3-crm-demo, .lot3-workflow-demo { min-height: 298px; padding: clamp(20px, 3vw, 34px); }.lot3-crm-columns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }.lot3-crm-column { min-width: 0; border: 1px solid rgba(113, 166, 209, .16); border-radius: 8px; padding: 10px; background: rgba(2, 11, 24, .58); }.lot3-crm-column h4 { display: flex; align-items: center; gap: 6px; margin: 0 0 10px; color: #bed0e1; font-size: .58rem; font-weight: 700; }.lot3-crm-column h4 > i { width: 6px; height: 6px; border-radius: 50%; background: #40dcd7; }.lot3-crm-column:nth-child(2) h4 > i { background: #4ba7ff; }.lot3-crm-column h4 small { margin-left: auto; color: #7189a1; font-size: .5rem; }.lot3-crm-column article { display: grid; gap: 7px; margin-top: 7px; border: 1px solid rgba(109, 161, 205, .17); border-radius: 6px; padding: 9px; background: linear-gradient(145deg, rgba(20, 43, 67, .88), rgba(9, 23, 40, .95)); }.lot3-crm-column article b { color: #dce8f5; font-size: .58rem; }.lot3-crm-column article span { color: #8ea4bb; font-size: .52rem; }.lot3-crm-column article > i { width: 65%; height: 3px; border-radius: 4px; background: rgba(99, 157, 201, .32); }.lot3-crm-column article > i:last-child { width: 43%; }.lot3-crm-column .lot3-crm-card-muted { opacity: .66; }
.lot3-workflow-track { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-top: 35px; }.lot3-workflow-step { display: flex; min-width: 0; flex: 1; min-height: 120px; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(82, 166, 216, .26); border-radius: 9px; padding: 12px 8px; background: linear-gradient(155deg, rgba(11, 39, 67, .88), rgba(4, 16, 31, .95)); text-align: center; }.lot3-step-icon { display: grid; width: 30px; height: 30px; place-items: center; margin-bottom: 10px; border: 1px solid rgba(56, 225, 221, .42); border-radius: 50%; color: #55e7e3; font-size: .87rem; }.lot3-workflow-step b { color: #e9f3ff; font-size: .64rem; }.lot3-workflow-step small { margin-top: 6px; color: #8fa7bd; font-size: .52rem; line-height: 1.4; }.lot3-flow-connector { color: #45d8e6; font-size: .9rem; }.lot3-demo-footnote { margin: 22px 0 0; color: #879bb1; font-size: .62rem; text-align: center; }
.lot3-web-demo { min-height: 298px; padding: 18px clamp(20px, 3vw, 34px) 24px; background: radial-gradient(ellipse at 75% 55%, rgba(0, 132, 255, .15), transparent 45%); }.lot3-browser-top { display: flex; align-items: center; gap: 7px; border: 1px solid rgba(118, 174, 216, .2); border-radius: 7px 7px 0 0; padding: 8px 10px; background: rgba(5, 17, 32, .9); }.lot3-browser-top span { flex: 1; border: 1px solid rgba(113, 163, 199, .16); border-radius: 999px; padding: 4px 10px; color: #8ea8c0; font-size: .52rem; }.lot3-browser-top i { width: 5px; height: 5px; border-radius: 50%; background: #4686af; }.lot3-web-layout { display: grid; min-height: 188px; grid-template-columns: 1fr .8fr; gap: 16px; align-items: center; border: 1px solid rgba(118, 174, 216, .18); border-top: 0; padding: clamp(18px, 3vw, 30px); background: linear-gradient(125deg, rgba(9, 31, 54, .97), rgba(6, 18, 35, .98)); }.lot3-web-copy { display: flex; flex-direction: column; align-items: flex-start; }.lot3-web-copy b { max-width: 22ch; margin: 8px 0 13px; color: #f2f6ff; font-size: clamp(.9rem, 1.5vw, 1.25rem); line-height: 1.22; }.lot3-web-copy > i { width: 86%; height: 4px; margin: 3px 0; border-radius: 4px; background: rgba(134, 172, 205, .28); }.lot3-web-copy > i:last-of-type { width: 60%; }.lot3-web-copy > span:last-child { margin-top: 9px; color: #5fcedb; font-size: .53rem; }.lot3-web-visual { position: relative; display: grid; min-height: 126px; place-items: center; overflow: hidden; border: 1px solid rgba(58, 187, 238, .31); border-radius: 9px; background: radial-gradient(ellipse at 50% 40%, rgba(0, 148, 255, .4), transparent 60%), linear-gradient(145deg, #0e3151, #07172b); color: #e9ffff; font-size: 2.4rem; font-weight: 700; }.lot3-web-visual::before { position: absolute; width: 155px; height: 155px; border: 1px solid rgba(92, 229, 224, .3); border-radius: 50%; content: ""; box-shadow: 0 0 0 16px rgba(66, 195, 228, .05), 0 0 0 34px rgba(66, 195, 228, .035); }.lot3-web-visual span { position: relative; z-index: 1; text-shadow: 0 0 24px #08a8ff; }.lot3-web-visual i { position: absolute; right: 14%; bottom: 17%; width: 23px; height: 23px; border: 1px solid #44dce6; border-radius: 50%; }.lot3-web-visual i:last-child { right: 28%; bottom: 34%; width: 7px; height: 7px; background: #56eae0; }.lot3-web-bottom { display: flex; gap: 8px; padding: 11px 0; }.lot3-web-bottom i { flex: 1; height: 19px; border: 1px solid rgba(111, 169, 210, .14); border-radius: 4px; background: rgba(20, 51, 77, .5); }
.lot3-lab-caption { display: flex; justify-content: space-between; gap: 10px; margin: 12px 4px 0; color: #8498ae; font-size: .55rem; }.lot3-lab-caption > span { display: flex; align-items: center; gap: 7px; color: #73dcd9; font-weight: 800; letter-spacing: .1em; }.lot3-lab-caption i { width: 5px; height: 5px; border-radius: 50%; background: #45e1cf; box-shadow: 0 0 9px rgba(69, 225, 207, .75); }
.lot3-expertise-card:focus-within, .lot3-demo-tab:focus-visible, .lot3-text-link:focus-visible { outline: 2px solid #55e5e2; outline-offset: 3px; }
@media (max-width: 1080px) {
  .lot3-shell { width: min(calc(100% - 52px), 920px); }
  .lot3-expertise-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
  .lot3-expertise-card, .lot3-expertise-card:nth-child(4) { grid-column: span 1; }
  .lot3-expertise-card:last-child { grid-column: 1 / -1; display: grid; grid-template-columns: .85fr 1fr; min-height: 280px; }
  .lot3-expertise-card:last-child .lot3-expertise-scene { min-height: 100%; border-right: 1px solid rgba(113, 175, 227, .16); border-bottom: 0; }
  .lot3-experience-layout { grid-template-columns: 1fr; gap: 36px; }
  .lot3-experience-copy { max-width: 760px; }
  .lot3-experience-copy h2 { max-width: 720px; }
  .lot3-experience-copy > p:not(.lot3-eyebrow):not(.lot3-illustration-note) { margin-left: 0; }
  .lot3-lab-index { margin-top: 24px; }
}
@media (max-width: 680px) {
  .lot3-shell { width: min(calc(100% - 36px), 520px); }
  .lot3-expertise { padding: 68px 0 74px; }
  .lot3-section-heading { margin-bottom: 29px; text-align: left; }
  .lot3-section-heading .lot3-eyebrow { justify-content: flex-start; }
  .lot3-section-heading h2, .lot3-experience-copy h2 { font-size: clamp(1.9rem, 8vw, 2.65rem); }
  .lot3-section-heading > p:last-child, .lot3-experience-copy > p:not(.lot3-eyebrow):not(.lot3-illustration-note) { margin-top: 14px; font-size: .91rem; line-height: 1.62; }
  .lot3-expertise-grid { grid-template-columns: 1fr; gap: 11px; }
  .lot3-expertise-card, .lot3-expertise-card:last-child { display: flex; min-height: 0; grid-column: auto; }
  .lot3-expertise-scene { min-height: 142px; padding: 17px 18px 15px; }
  .lot3-expertise-copy { padding: 17px 18px 19px; }
  .lot3-expertise-copy h3 { font-size: 1.18rem; }
  .lot3-expertise-copy > p { font-size: .82rem; }
  .lot3-experience { padding: 70px 0 78px; }
  .lot3-experience-layout { gap: 27px; }
  .lot3-demo-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); border-radius: 10px 10px 0 0; }
  .lot3-demo-tab { min-height: 49px; font-size: .61rem; }
  .lot3-demo-panels { min-height: 350px; padding: 10px; }
  .lot3-demo-window { min-height: 328px; }
  .lot3-window-bar { min-height: 34px; gap: 8px; padding: 0 8px; }.lot3-window-bar > b { font-size: .49rem; }
  .lot3-voice-demo { min-height: 292px; grid-template-columns: 1fr; gap: 12px; padding: 18px 16px; }
  .lot3-voice-orb { width: 82px; font-size: 1.7rem; }.lot3-voice-orb::before, .lot3-voice-orb::after { inset: -8px; }
  .lot3-voice-content h3 { margin: 6px 0 8px; font-size: 1.12rem; }.lot3-demo-wave { height: 30px; }.lot3-demo-wave i:nth-child(5n) { height: 27px; }
  .lot3-voice-content ol { gap: 6px; margin-top: 11px; }.lot3-voice-content li { align-items: flex-start; gap: 4px; font-size: .52rem; }.lot3-voice-content li b { font-size: .49rem; }
  .lot3-crm-demo, .lot3-workflow-demo { min-height: 292px; padding: 17px 11px; }.lot3-crm-columns { gap: 5px; }.lot3-crm-column { padding: 6px 5px; }.lot3-crm-column h4 { gap: 4px; font-size: .49rem; }.lot3-crm-column article { padding: 6px; }.lot3-crm-column article b { font-size: .49rem; }.lot3-crm-column article span { font-size: .46rem; }
  .lot3-workflow-track { align-items: stretch; flex-direction: column; gap: 5px; margin-top: 12px; }.lot3-workflow-step { min-height: 43px; flex-direction: row; justify-content: flex-start; gap: 9px; padding: 5px 9px; text-align: left; }.lot3-step-icon { width: 25px; height: 25px; flex: 0 0 25px; margin: 0; }.lot3-workflow-step small { margin: 0 0 0 auto; text-align: right; }.lot3-flow-connector { height: 7px; transform: rotate(90deg); text-align: center; line-height: .7; }.lot3-demo-footnote { margin-top: 12px; font-size: .55rem; }
  .lot3-web-demo { min-height: 292px; padding: 14px 10px 17px; }.lot3-web-layout { min-height: 187px; grid-template-columns: 1fr .7fr; gap: 8px; padding: 16px 10px; }.lot3-web-copy b { font-size: .85rem; }.lot3-web-visual { min-height: 106px; font-size: 1.7rem; }.lot3-lab-caption { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
  .lot3-expertise-card, .lot3-demo-tab { scroll-behavior: auto; transition: none; }
  .lot3-expertise-card:hover, .lot3-expertise-card:focus-within { transform: none; }
}

/* LOT 3.1 — distinct editorial rhythm, connected growth path, and restrained motion. */
body:has(.lot5-home) .v5-ecosystem {
  padding-block: clamp(34px, 5vw, 72px);
  background: radial-gradient(ellipse at 80% 55%, rgba(0, 130, 255, .17), transparent 34%), linear-gradient(112deg, #04142c, #071f42 52%, #04142a);
}

body:has(.lot5-home) .v5-ecosystem::before {
  position: absolute; inset: 0; background: linear-gradient(90deg, rgba(2, 13, 30, .5), transparent 68%); content: ""; pointer-events: none;
}
body:has(.lot5-home) .v5-ecosystem-head { margin-bottom: clamp(25px, 3.5vw, 44px); }
body:has(.lot5-home) .v5-ecosystem-head h2 { font-size: clamp(1.35rem, 2.8vw, 2.15rem); letter-spacing: -.035em; }
body:has(.lot5-home) .v5-ecosystem-head p { color: #c6d9ef; font-size: clamp(.78rem, 1vw, .94rem); }
body:has(.lot5-home) .v5-flow-grid { gap: clamp(8px, 1.2vw, 18px); padding-right: 24%; }
body:has(.lot5-home) .v5-flow-grid::before {
  position: absolute; z-index: 1; top: 28px; left: 4%; right: 27%; height: 1px;
  background: linear-gradient(90deg, transparent, #178fff 10%, #41eced 50%, #178fff 90%, transparent);
  content: ""; opacity: .78; transform: scaleX(.16); transform-origin: left; transition: transform 1.2s cubic-bezier(.2,.8,.2,1);
  filter: drop-shadow(0 0 5px rgba(36, 181, 255, .7));
}
body:has(.lot5-home) .v5-ecosystem.is-in-view .v5-flow-grid::before { transform: scaleX(1); }
body:has(.lot5-home) .v5-flow-stage {
  min-height: 168px; border-color: rgba(46, 139, 221, .38); border-radius: 12px;
  padding: 14px 12px 12px; background: linear-gradient(155deg, rgba(8, 37, 73, .95), rgba(3, 20, 43, .94));
  box-shadow: inset 0 1px rgba(255,255,255,.07), 0 12px 28px rgba(0, 0, 0, .2);
  transition: transform .32s ease, border-color .32s ease, background .32s ease, box-shadow .32s ease;
}
body:has(.lot5-home) .v5-flow-stage:nth-child(2n) { transform: translateY(12px); background: linear-gradient(155deg, rgba(8, 48, 78, .95), rgba(3, 22, 43, .94)); }
body:has(.lot5-home) .v5-flow-stage:hover,
body:has(.lot5-home) .v5-flow-stage:focus-within { z-index: 4; transform: translateY(-5px); border-color: rgba(58, 233, 235, .78); box-shadow: 0 18px 38px rgba(0,0,0,.28), 0 0 24px rgba(0, 166, 255, .14); }
body:has(.lot5-home) .v5-flow-icon { position: relative; width: 46px; height: 46px; margin: 0 0 11px; border: 1px solid rgba(61, 215, 244, .54); border-radius: 15px 15px 15px 5px; background: radial-gradient(circle at 35% 25%, rgba(42, 198, 255, .27), rgba(2, 22, 48, .74)); color: #72f2ed; box-shadow: 0 0 22px rgba(0, 151, 255, .16), inset 0 1px rgba(255,255,255,.12); }
body:has(.lot5-home) .v5-flow-icon::after { position:absolute; inset:-5px; border:1px solid rgba(61,215,244,.12); border-radius:19px 19px 19px 8px; content:""; }
body:has(.lot5-home) .v5-flow-icon .v5-icon { width: 25px; height: 25px; filter: drop-shadow(0 0 6px rgba(58, 217, 255, .65)); }
body:has(.lot5-home) .v5-flow-stage:nth-child(2) .v5-flow-icon { border-radius: 50%; }
body:has(.lot5-home) .v5-flow-stage:nth-child(3) .v5-flow-icon { border-radius: 50% 50% 14px 50%; }
body:has(.lot5-home) .v5-flow-stage:nth-child(4) .v5-flow-icon { border-radius: 10px; transform: rotate(3deg); }
body:has(.lot5-home) .v5-flow-stage:nth-child(5) .v5-flow-icon { border-radius: 50% 14px 50% 14px; }
body:has(.lot5-home) .v5-flow-stage h3 { position: relative; gap: 8px; margin: 0 0 8px; font-size: clamp(.65rem, .8vw, .78rem); letter-spacing: .08em; }
body:has(.lot5-home) .v5-flow-stage h3 span { width: 21px; height: 21px; border: 1px solid rgba(101, 225, 255, .72); background: #0766c4; box-shadow: 0 0 12px rgba(27, 151, 255, .4); }
body:has(.lot5-home) .v5-flow-stage p { color: #c7d8e9; font-size: clamp(.52rem, .67vw, .64rem); line-height: 1.6; }
body:has(.lot5-home) .v5-flow-arrow { top: 20px; right: -13px; color: #66eff0; text-shadow: 0 0 12px #16baff; }
body:has(.lot5-home) .v5-globe { top: -6px; right: -13px; width: 27%; height: 210px; opacity: .97; mask-image: linear-gradient(90deg, transparent, #000 23%); }
body:has(.lot5-home) .v5-globe-image { object-position: 70% center; }

/* Expertise scenes use different visual grammars rather than a repeated card skin. */
.lot3-expertise { background: #07111f; }
.lot3-expertise::before { background: radial-gradient(ellipse at 15% 38%, rgba(25, 83, 133, .13), transparent 37%), linear-gradient(180deg, #07111f, #091522 48%, #07111f); }
.lot3-expertise .lot3-section-heading { max-width: 920px; margin-left: max(36px, calc((100% - 1360px) / 2)); margin-right: auto; text-align: left; }
.lot3-expertise .lot3-section-heading .lot3-eyebrow { justify-content: flex-start; }
.lot3-expertise .lot3-section-heading h2 { max-width: 24ch; font-size: clamp(2rem, 3.2vw, 3.25rem); }
.lot3-expertise .lot3-section-heading > p:last-child { margin-left: 0; }
.lot3-expertise-grid { gap: 18px; }
.lot3-expertise-card { border-radius: 12px 24px 12px 12px; background: linear-gradient(155deg, #10253a, #091522 68%); }
.lot3-expertise-card:nth-child(2), .lot3-expertise-card:nth-child(5) { border-radius: 24px 12px 12px 12px; }
.lot3-expertise-card:nth-child(3) { border-radius: 12px 12px 24px 12px; }
.lot3-expertise-card:nth-child(4) { border-radius: 12px 12px 12px 24px; }
.lot3-expertise-card:nth-child(1) .lot3-expertise-scene { background: radial-gradient(ellipse at 12% 58%, rgba(0, 211, 231, .19), transparent 35%), linear-gradient(120deg, #071b2b, #102c42 56%, #061323); }
.lot3-expertise-card:nth-child(2) .lot3-expertise-scene { background: radial-gradient(ellipse at 76% 75%, rgba(37, 157, 255, .27), transparent 42%), linear-gradient(135deg, #07182b, #102a47); }
.lot3-expertise-card:nth-child(3) .lot3-expertise-scene { background: linear-gradient(115deg, #071525 0 45%, #0b2741 45% 100%); }
.lot3-expertise-card:nth-child(4) .lot3-expertise-scene { background: radial-gradient(ellipse at 50% 50%, rgba(32, 117, 191, .18), transparent 55%), repeating-linear-gradient(0deg, transparent 0 21px, rgba(131, 193, 224, .045) 22px), #071523; }
.lot3-expertise-card:nth-child(5) .lot3-expertise-scene { background: linear-gradient(130deg, #0c2031, #061a28 50%, #102139); }
.lot3-expertise-card:nth-child(6) .lot3-expertise-scene { background: radial-gradient(circle at 50% 55%, rgba(0, 218, 222, .2), transparent 38%), linear-gradient(125deg, #061727, #0b1a34); }
.lot3-expertise-scene { min-height: 184px; }
.lot3-expertise-card:nth-child(1) .lot3-scene-wave i { animation: lot3-wave 1.25s ease-in-out infinite alternate; }
.lot3-expertise-card:nth-child(1) .lot3-scene-wave i:nth-child(3n) { animation-delay: -.55s; }
.lot3-expertise-card:nth-child(2) .lot3-chart path { stroke-dasharray: 360; stroke-dashoffset: 360; }
.lot3-expertise-card.is-in-view:nth-child(2) .lot3-chart path { animation: lot3-chart-draw 1.6s .2s ease forwards; }
.lot3-expertise-card:nth-child(3) .lot3-device-desktop { transform: perspective(220px) rotateY(-7deg); }
.lot3-expertise-card:nth-child(4) .lot3-mini-pipeline > div:nth-child(2) { transform: translateY(-5px); border-color: rgba(68, 221, 232, .38); }
.lot3-expertise-card:nth-child(5) .lot3-mini-flow > b { background-size: 200% 100%; animation: lot3-flow-light 2.8s linear infinite; }
.lot3-expertise-card:nth-child(6) .lot3-ai-orbit { animation: lot3-orbit-breathe 4.5s ease-in-out infinite; }
.lot3-expertise-copy { padding: 21px 23px 23px; }
.lot3-expertise-copy h3 { font-size: clamp(1.04rem, 1.3vw, 1.24rem); }
.lot3-expertise-card:hover, .lot3-expertise-card:focus-within { transform: translateY(-7px) scale(1.008); }
.lot3-expertise-card.is-in-view, .lot3-experience.is-in-view { animation: lot3-reveal .7s var(--lot3-reveal-delay, 0ms) cubic-bezier(.2,.7,.25,1) both; }

/* Experience Lab: bright active rail, defined demo viewport, and panel entrance. */
.lot3-experience { background: #030914; }
.lot3-experience::before { background: radial-gradient(ellipse at 80% 45%, rgba(0, 128, 255, .2), transparent 43%), radial-gradient(ellipse at 9% 88%, rgba(0, 225, 215, .075), transparent 33%), linear-gradient(115deg, #06172a, #030914 58%, #08162b); }
.lot3-experience-layout { gap: clamp(34px, 5vw, 74px); }
.lot3-experience-copy { position: relative; }
.lot3-experience-copy::before { position: absolute; z-index: -1; top: -46px; left: -33px; width: 2px; height: min(320px, 80%); background: linear-gradient(#42e8e4, rgba(30, 142, 228, .05)); content: ""; box-shadow: 0 0 18px rgba(36, 207, 255, .36); }
.lot3-lab-stage { filter: drop-shadow(0 26px 42px rgba(0,0,0,.3)); }
.lot3-demo-tabs { border-color: rgba(82, 162, 220, .26); border-radius: 14px 14px 0 0; padding: 8px; background: rgba(1, 8, 18, .86); }
.lot3-demo-tab { position: relative; overflow: hidden; min-height: 60px; border-radius: 9px; font-size: clamp(.6rem, .74vw, .72rem); }
.lot3-demo-tab::after { position: absolute; right: 10px; bottom: 0; left: 10px; height: 2px; background: linear-gradient(90deg, #1e91ff, #48f3e2); content: ""; opacity: 0; transform: scaleX(.3); transition: opacity .25s ease, transform .35s ease; }
.lot3-demo-tab.is-active { border-color: rgba(75, 222, 230, .4); background: linear-gradient(115deg, rgba(22, 173, 216, .18), rgba(17, 84, 158, .2)); box-shadow: inset 0 0 24px rgba(49, 202, 218, .1), 0 3px 18px rgba(0, 147, 255, .1); }
.lot3-demo-tab.is-active::after { opacity: 1; transform: scaleX(1); }
.lot3-demo-panels { min-height: 400px; border-color: rgba(89, 171, 231, .31); background: linear-gradient(145deg, rgba(9, 25, 46, .97), rgba(2, 9, 19, .98)); }
.lot3-demo-panel.is-active .lot3-demo-window { animation: lot3-panel-arrive .48s cubic-bezier(.2,.75,.25,1) both; }
.lot3-demo-window { border-radius: 13px; border-color: rgba(91, 179, 230, .31); background: radial-gradient(ellipse at 16% 18%, rgba(15, 79, 128, .12), transparent 44%), #061326; }
.lot3-window-bar { min-height: 42px; }
.lot3-window-bar > small { box-shadow: 0 0 14px rgba(44, 220, 214, .1); }
.lot3-voice-orb { animation: lot3-orb-breathe 4.2s ease-in-out infinite; }
.lot3-demo-wave i { animation: lot3-wave 1.1s ease-in-out infinite alternate; }
.lot3-demo-wave i:nth-child(2n) { animation-delay: -.45s; }
.lot3-crm-column article { transition: transform .25s ease, border-color .25s ease; }
.lot3-crm-column article:first-of-type { border-left: 2px solid rgba(63, 228, 224, .65); }
.lot3-demo-panel.is-active .lot3-crm-column article { animation: lot3-card-arrive .45s both; }
.lot3-demo-panel.is-active .lot3-crm-column:nth-child(2) article { animation-delay: .06s; }
.lot3-demo-panel.is-active .lot3-crm-column:nth-child(3) article { animation-delay: .12s; }
.lot3-workflow-step { position: relative; overflow: hidden; }
.lot3-workflow-step::after { position: absolute; inset: 0 auto 0 -40%; width: 32%; background: linear-gradient(90deg, transparent, rgba(60, 227, 232, .13), transparent); content: ""; transform: skewX(-18deg); }
.lot3-demo-panel.is-active .lot3-workflow-step::after { animation: lot3-sweep 1.8s .35s ease-out both; }
.lot3-web-visual::before { animation: lot3-orbit-breathe 5s ease-in-out infinite; }
@keyframes lot3-wave { from { transform: scaleY(.62); opacity: .62; } to { transform: scaleY(1.12); opacity: 1; } }
@keyframes lot3-chart-draw { to { stroke-dashoffset: 0; } }
@keyframes lot3-flow-light { to { background-position: -200% 0; } }
@keyframes lot3-orbit-breathe { 50% { box-shadow: 0 0 34px rgba(0, 143, 255, .29), inset 0 0 24px rgba(28, 196, 255, .2); } }
@keyframes lot3-orb-breathe { 50% { box-shadow: 0 0 52px rgba(0, 174, 255, .31), inset 0 0 38px rgba(0, 206, 255, .2); } }
@keyframes lot3-panel-arrive { from { opacity: .48; transform: translateY(9px) scale(.992); } to { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes lot3-card-arrive { from { opacity: .65; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
@keyframes lot3-sweep { 0% { transform: translateX(0) skewX(-18deg); } 75%,100% { transform: translateX(500%) skewX(-18deg); } }
@keyframes lot3-reveal { from { opacity: .72; translate: 0 12px; } to { opacity: 1; translate: 0 0; } }
@media (max-width: 1080px) {
  body:has(.lot5-home) .v5-flow-grid { padding-right: 0; }
  body:has(.lot5-home) .v5-globe { top: auto; right: -20px; bottom: -20px; width: 28%; height: 170px; opacity: .56; }
  body:has(.lot5-home) .v5-flow-stage:nth-child(2n) { transform: none; }
  body:has(.lot5-home) .v5-flow-grid::before { right: 4%; }
  .lot3-expertise .lot3-section-heading { margin-inline: auto; }
}
@media (max-width: 680px) {
  body:has(.lot5-home) .v5-flow-grid { grid-template-columns: 1fr; gap: 9px; padding-left: 8px; }
  body:has(.lot5-home) .v5-flow-grid::before { top: 8px; bottom: 8px; left: 30px; right: auto; width: 1px; height: auto; background: linear-gradient(180deg, transparent, #178fff 10%, #41eced 50%, #178fff 90%, transparent); transform: scaleY(.12); transform-origin: top; }
  body:has(.lot5-home) .v5-ecosystem.is-in-view .v5-flow-grid::before { transform: scaleY(1); }
  body:has(.lot5-home) .v5-flow-stage, body:has(.lot5-home) .v5-flow-stage:nth-child(2n) { display: grid; min-height: 80px; grid-template-columns: 54px minmax(0, 1fr); align-items: center; column-gap: 11px; padding: 10px 13px; }
  body:has(.lot5-home) .v5-flow-icon { grid-row: span 2; width: 43px; height: 43px; margin: 0; }
  body:has(.lot5-home) .v5-flow-stage h3 { margin: 0 0 3px; }
  body:has(.lot5-home) .v5-flow-stage p { font-size: .61rem; }
  body:has(.lot5-home) .v5-flow-arrow { top: auto; right: auto; bottom: -12px; left: 23px; transform: rotate(90deg); }
  body:has(.lot5-home) .v5-globe { right: -34px; bottom: -16px; width: 62%; height: 135px; opacity: .34; }
  .lot3-expertise .lot3-section-heading { margin-inline: 0; text-align: left; }
  .lot3-expertise .lot3-section-heading .lot3-eyebrow { justify-content: flex-start; }
  .lot3-expertise .lot3-section-heading h2 { font-size: clamp(1.9rem, 8vw, 2.65rem); }
  .lot3-expertise-scene { min-height: 158px; }
  .lot3-demo-panels { min-height: 360px; }
  .lot3-demo-tab { min-height: 52px; }
  .lot3-experience-copy::before { top: -22px; left: -12px; height: 75%; }
}
@media (prefers-reduced-motion: reduce) {
  body:has(.lot5-home) .v5-flow-grid::before,
  body:has(.lot5-home) .v5-flow-stage,
  .lot3-expertise-card, .lot3-expertise-card.is-in-view, .lot3-experience.is-in-view,
  .lot3-expertise-scene *, .lot3-demo-tab, .lot3-demo-window,
  .lot3-voice-orb, .lot3-demo-wave i, .lot3-crm-column article, .lot3-workflow-step::after,
  .lot3-web-visual::before { animation: none !important; transition: none !important; }
  body:has(.lot5-home) .v5-flow-grid::before { transform: none; }
  .lot3-expertise-card:hover, .lot3-expertise-card:focus-within,
  body:has(.lot5-home) .v5-flow-stage:hover { transform: none; }
}

/* LOT 3.2 — six purpose-built expertise showcases; no repeated preview template. */
.lot3-expertise { isolation: isolate; background: #050d19; }
.lot3-expertise::before { background: radial-gradient(ellipse at 8% 38%, rgba(0, 148, 255, .12), transparent 34%), radial-gradient(ellipse at 88% 72%, rgba(12, 230, 224, .055), transparent 30%), linear-gradient(180deg, #06111f, #07101a 55%, #040b15); }
.lot3-expertise .lot3-shell { width: min(calc(100% - 80px), 1320px); }
.lot3-expertise .lot3-section-heading { max-width: 900px; margin: 0 0 clamp(32px, 4vw, 54px); }
.lot3-expertise .lot3-section-heading h2 { max-width: 18ch; font-size: clamp(2.15rem, 4vw, 3.65rem); }
.lot3-expertise-grid { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px; align-items: stretch; }
.lot3-expertise-card { min-height: 342px; grid-column: span 6; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(230px, .92fr); border: 1px solid rgba(98, 157, 204, .2); border-radius: 16px; background: linear-gradient(145deg, rgba(13, 30, 49, .97), rgba(5, 14, 26, .98)); box-shadow: 0 18px 46px rgba(0, 0, 0, .25), inset 0 1px rgba(255,255,255,.045); }
.lot3-expertise-card:nth-child(1) { grid-column: span 7; grid-template-columns: minmax(0, 1.02fr) minmax(255px, .98fr); }
.lot3-expertise-card:nth-child(2) { grid-column: span 5; display: flex; flex-direction: column; }
.lot3-expertise-card:nth-child(3) { grid-column: span 5; display: flex; flex-direction: column; }
.lot3-expertise-card:nth-child(4) { grid-column: span 7; grid-template-columns: minmax(0, 1.05fr) minmax(260px, .95fr); }
.lot3-expertise-card:nth-child(5) { grid-column: span 6; display: flex; flex-direction: column; }
.lot3-expertise-card:nth-child(6) { grid-column: span 6; grid-template-columns: minmax(0, .92fr) minmax(250px, 1.08fr); }
.lot3-expertise-card::after { opacity: .45; background: linear-gradient(125deg, transparent 30%, rgba(34, 161, 240, .08)); }
.lot3-expertise-card:hover, .lot3-expertise-card:focus-within { transform: translateY(-4px); border-color: rgba(55, 217, 235, .55); }
.lot3-expertise-scene { z-index: 1; min-width: 0; min-height: 100%; justify-content: center; border: 0; border-right: 1px solid rgba(113, 175, 227, .12); padding: 22px; }
.lot3-expertise-copy { z-index: 1; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; padding: clamp(21px, 2vw, 29px); }
.lot3-expertise-copy h3 { max-width: 22ch; margin: 13px 0 10px; font-size: clamp(1.04rem, 1.5vw, 1.33rem); line-height: 1.18; }
.lot3-expertise-copy > p { max-width: 46ch; margin-bottom: 16px; color: #b4c3d4; font-size: .79rem; line-height: 1.62; }
.lot3-expertise-copy ul { gap: 6px; margin: 0 0 18px; }
.lot3-expertise-copy li { border-color: rgba(120, 173, 211, .15); background: rgba(9, 24, 40, .62); color: #c1d2e2; font-size: .58rem; }
.lot3-index { color: #54ddeb; font-size: .56rem; letter-spacing: .16em; }
.lot3-index i { width: 24px; background: linear-gradient(90deg, #168fff, #43eee1); }
.lot3-text-link { margin-top: auto; padding-top: 5px; color: #72e9e4; font-size: .72rem; }
.lot3-expertise-card:nth-child(2) .lot3-expertise-scene,
.lot3-expertise-card:nth-child(3) .lot3-expertise-scene,
.lot3-expertise-card:nth-child(5) .lot3-expertise-scene { min-height: 216px; border-right: 0; border-bottom: 1px solid rgba(113, 175, 227, .12); }
.lot3-expertise-card:nth-child(2) .lot3-expertise-copy,
.lot3-expertise-card:nth-child(3) .lot3-expertise-copy,
.lot3-expertise-card:nth-child(5) .lot3-expertise-copy { padding-top: 22px; }
.lot3-expertise-card:nth-child(2) { background: linear-gradient(155deg, #0c2137, #071321 75%); }
.lot3-expertise-card:nth-child(3) { background: linear-gradient(155deg, #10283a, #07121d 75%); }
.lot3-expertise-card:nth-child(5) { background: linear-gradient(145deg, #0b1b2b, #08131d 74%); }
.lot3-expertise-card:nth-child(6) { background: linear-gradient(135deg, #101a31, #071321 72%); }

/* 01 — live conversation and qualification */
.lot32-call-ui { position: relative; display: grid; width: 100%; max-width: 330px; gap: 14px; margin: auto; border: 1px solid rgba(66, 191, 230, .24); border-radius: 18px 18px 18px 5px; padding: 17px; background: linear-gradient(145deg, rgba(16, 47, 70, .94), rgba(4, 17, 30, .94)); box-shadow: 0 20px 45px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.07); }
.lot32-call-top { display: flex; align-items: center; gap: 8px; color: #eaf8ff; font-size: .68rem; }.lot32-call-top small { margin-left: auto; color: #92abc0; font-variant-numeric: tabular-nums; }
.lot32-live-dot { width: 7px; height: 7px; border-radius: 50%; background: #56edc3; box-shadow: 0 0 12px #42e9bf; }
.lot32-call-wave { display: flex; height: 62px; align-items: center; justify-content: center; gap: 3px; border-block: 1px solid rgba(97, 163, 201, .14); color: #49d8f2; }
.lot32-call-wave i { width: 3px; height: 14px; border-radius: 4px; background: currentColor; box-shadow: 0 0 9px rgba(56, 209, 246, .45); animation: lot32-wave 1.25s ease-in-out infinite alternate; }
.lot32-call-wave i:nth-child(4n) { height: 36px; animation-delay: -.5s; }.lot32-call-wave i:nth-child(5n) { height: 48px; animation-delay: -.8s; }
.lot32-call-tags { display: grid; gap: 7px; }.lot32-call-tags span { display: flex; align-items: center; gap: 8px; color: #c6d7e5; font-size: .6rem; }.lot32-call-tags i { display: grid; width: 17px; height: 17px; place-items: center; border-radius: 50%; background: rgba(28, 180, 151, .17); color: #60edc7; font-style: normal; }
.lot32-call-ring { position: absolute; right: 14px; bottom: 12px; display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(77, 208, 244, .42); border-radius: 50%; background: radial-gradient(circle, rgba(39, 162, 229, .4), rgba(7, 24, 42, .9)); color: #e7fbff; font-size: .7rem; box-shadow: 0 0 20px rgba(27, 158, 233, .25); }
/* 02 — campaign signal, chart and acquisition funnel */
.lot32-growth-ui { position: relative; width: 100%; min-height: 174px; margin: auto; border: 1px solid rgba(67, 158, 230, .22); border-radius: 12px; padding: 13px 14px 10px; background: linear-gradient(145deg, rgba(9, 29, 52, .9), rgba(6, 17, 32, .94)); box-shadow: inset 0 1px rgba(255,255,255,.045); }
.lot32-growth-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }.lot32-growth-metrics span { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(103, 163, 205, .16); padding: 0 0 7px; color: #c8d6e5; }.lot32-growth-metrics small { font-size: .53rem; }.lot32-growth-metrics b { color: #5be2d8; font-size: .78rem; }
.lot32-growth-plot { position: relative; height: 100px; margin-top: 10px; overflow: hidden; background: repeating-linear-gradient(0deg, transparent 0 23px, rgba(124, 170, 204, .08) 24px); }.lot32-growth-plot svg { position: absolute; inset: 0; width: 100%; height: 100%; }.lot32-growth-plot path { fill: none; stroke: #54e6dc; stroke-width: 3; filter: drop-shadow(0 0 5px rgba(53, 220, 233, .6)); stroke-dasharray: 500; stroke-dashoffset: 500; }.lot3-expertise-card.is-in-view .lot32-growth-plot path { animation: lot32-draw 1.4s .15s ease forwards; }
.lot32-growth-bars { position: absolute; inset: 13px 4% 0; display: flex; align-items: end; justify-content: space-around; opacity: .42; }.lot32-growth-bars i { width: 7%; height: 28%; border-radius: 3px 3px 0 0; background: linear-gradient(#38caff, #1769c5); }.lot32-growth-bars i:nth-child(2n) { height: 46%; }.lot32-growth-bars i:nth-child(3n) { height: 68%; }.lot32-growth-bars i:last-child { height: 88%; }
.lot32-growth-funnel { position: absolute; right: 5px; bottom: 5px; display: grid; width: 52px; height: 61px; place-items: center; }.lot32-growth-funnel i { position: absolute; height: 13px; border: 1px solid rgba(73, 214, 230, .55); border-radius: 3px; transform: perspective(30px) rotateX(-10deg); }.lot32-growth-funnel i:nth-child(1) { top: 2px; width: 100%; }.lot32-growth-funnel i:nth-child(2) { top: 19px; width: 72%; }.lot32-growth-funnel i:nth-child(3) { top: 36px; width: 42%; }.lot32-growth-funnel b { position: absolute; bottom: -5px; color: #67e9dc; }
/* 03 — a composed responsive webpage, not a blank wireframe */
.lot32-web-ui { position: relative; width: 100%; min-height: 207px; margin: auto; padding: 10px 22px 12px 0; }.lot32-browser { display: flex; height: 25px; align-items: center; gap: 4px; border: 1px solid rgba(117, 176, 215, .23); border-radius: 8px 8px 0 0; padding: 0 9px; background: #0a1b2e; }.lot32-browser > span { width: 4px; height: 4px; border-radius: 50%; background: #43d7d4; }.lot32-browser b { margin-left: auto; color: #8ca8bd; font-size: .48rem; font-weight: 500; }
.lot32-web-page { min-height: 153px; overflow: hidden; border: 1px solid rgba(83, 166, 220, .26); border-top: 0; padding: 9px; background: linear-gradient(125deg, #102a40, #091827); box-shadow: 0 15px 32px rgba(0,0,0,.3); }.lot32-web-nav { display: flex; gap: 5px; }.lot32-web-nav i { width: 20%; height: 3px; border-radius: 4px; background: rgba(126, 180, 212, .38); }.lot32-web-nav i:first-child { width: 32%; background: #4de1df; }
.lot32-web-hero { display: grid; grid-template-columns: 1.2fr .8fr; min-height: 91px; align-items: center; gap: 8px; margin-top: 8px; border-radius: 5px; padding: 9px; background: radial-gradient(ellipse at 80% 50%, rgba(0, 163, 255, .27), transparent 40%), linear-gradient(120deg, #0a2139, #0b1a2a); }.lot32-web-hero > div:first-child { display: grid; justify-items: start; gap: 5px; }.lot32-web-hero small { color: #58dedc; font-size: .38rem; letter-spacing: .08em; }.lot32-web-hero b { max-width: 20ch; color: #eaf4ff; font-size: .58rem; line-height: 1.22; }.lot32-web-hero > div > i { border-radius: 99px; padding: 4px 8px; background: #178ee9; color: white; font-size: .42rem; font-style: normal; }.lot32-web-hero > div > i span { padding-left: 4px; }
.lot32-web-art { position: relative; display: grid; min-height: 66px; place-items: center; overflow: hidden; border: 1px solid rgba(70, 205, 240, .25); border-radius: 5px; background: radial-gradient(circle at 50% 42%, rgba(20, 179, 251, .62), rgba(9, 42, 69, .15) 65%); }.lot32-web-art::before { position: absolute; width: 50px; aspect-ratio: 1; border: 1px solid rgba(99, 235, 224, .55); border-radius: 50%; box-shadow: 0 0 0 7px rgba(30, 156, 219, .1), 0 0 22px rgba(21, 175, 247, .45); content: ''; }.lot32-web-art b { z-index: 1; color: #eaffff; font-size: .9rem; text-shadow: 0 0 10px #14baff; }.lot32-web-art i { position: absolute; width: 3px; height: 3px; border-radius: 50%; background: #8bfff1; box-shadow: 0 0 8px #28dfff; }.lot32-web-art i:first-child { top: 18%; left: 20%; }.lot32-web-art i:nth-child(2) { right: 17%; bottom: 19%; }
.lot32-web-modules { display: flex; gap: 5px; margin-top: 7px; }.lot32-web-modules i { flex: 1; height: 20px; border: 1px solid rgba(98, 162, 203, .18); border-radius: 3px; background: linear-gradient(135deg, rgba(31, 73, 104, .7), rgba(11, 28, 45, .8)); }.lot32-device-phone { position: absolute; right: 0; bottom: 17px; display: grid; width: 41px; height: 83px; align-content: start; gap: 5px; border: 2px solid #718fa8; border-radius: 8px; padding: 13px 5px 5px; background: #07111c; box-shadow: 0 9px 20px rgba(0,0,0,.4); }.lot32-device-phone::before { position: absolute; top: 5px; left: calc(50% - 5px); width: 10px; height: 2px; border-radius: 3px; background: #7897b0; content: ''; }.lot32-device-phone i { height: 19px; border-radius: 3px; background: linear-gradient(135deg, #1472bb, #34d9d5); }.lot32-device-phone b, .lot32-device-phone span { height: 3px; border-radius: 3px; background: rgba(153, 187, 209, .42); }.lot32-device-phone span:last-of-type { width: 68%; }.lot32-device-caption { position: absolute; right: -8px; bottom: 0; color: #68dfe0; font-size: .42rem; white-space: nowrap; }
/* 04 — pipeline with an active opportunity and contact activity overlay */
.lot32-crm-ui { position: relative; width: 100%; max-width: 360px; min-height: 180px; margin: auto; border: 1px solid rgba(91, 164, 213, .22); border-radius: 9px; padding: 14px 12px 46px; background: linear-gradient(150deg, rgba(10, 28, 46, .95), rgba(5, 15, 27, .97)); box-shadow: 0 17px 36px rgba(0,0,0,.26); }.lot32-crm-head { display: flex; justify-content: space-between; color: #dae9f7; font-size: .57rem; }.lot32-crm-head span { color: #7695ac; letter-spacing: .15em; }.lot32-crm-columns { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; margin-top: 12px; }.lot32-crm-columns > div { display: grid; min-width: 0; align-content: start; gap: 5px; border-top: 2px solid rgba(62, 154, 220, .42); padding-top: 6px; }.lot32-crm-columns > div:nth-child(2) { border-color: #44e0d8; }.lot32-crm-columns small { overflow: hidden; color: #96aec1; font-size: .47rem; text-overflow: ellipsis; white-space: nowrap; }.lot32-crm-columns i { height: 28px; border: 1px solid rgba(107, 157, 193, .15); border-radius: 4px; background: linear-gradient(135deg, rgba(26, 53, 76, .8), rgba(9, 25, 41, .9)); }.lot32-crm-columns i.is-active { border-color: rgba(61, 224, 216, .6); box-shadow: 0 0 15px rgba(47, 225, 218, .16); }
.lot32-contact-card { position: absolute; right: 9px; bottom: 9px; display: flex; min-width: 68%; align-items: center; gap: 8px; border: 1px solid rgba(66, 196, 218, .32); border-radius: 8px; padding: 7px 9px; background: linear-gradient(110deg, #102d47, #081827); box-shadow: 0 8px 22px rgba(0,0,0,.34); }.lot32-contact-avatar { display: grid; width: 25px; height: 25px; flex: 0 0 25px; place-items: center; border: 1px solid rgba(89, 223, 226, .6); border-radius: 50%; background: #0c4e76; color: #dfffff; font-size: .6rem; }.lot32-contact-card > div { display: grid; gap: 3px; }.lot32-contact-card b { color: #e1edf7; font-size: .52rem; }.lot32-contact-card small { color: #91aabe; font-size: .45rem; }.lot32-contact-card > i { margin-left: auto; color: #53e0d9; font-style: normal; }
/* 05 — branching workflow with visible routing logic */
.lot32-flow-ui { position: relative; min-height: 157px; overflow: hidden; border: 1px solid rgba(79, 150, 207, .22); border-radius: 12px; padding: 13px; background: radial-gradient(ellipse at 50% 50%, rgba(19, 91, 137, .2), transparent 62%), #071522; }.lot32-flow-caption { color: #65d9e3; font-size: .48rem; font-weight: 800; letter-spacing: .12em; }.lot32-flow-map { position: relative; display: grid; min-height: 113px; grid-template-columns: repeat(4, minmax(0,1fr)); align-items: center; gap: 5px; }.lot32-flow-node { z-index: 1; display: grid; justify-items: center; gap: 6px; color: #a9bed1; font-size: .48rem; text-align: center; }.lot32-flow-node > i { display: grid; width: 33px; height: 33px; place-items: center; border: 1px solid rgba(61, 171, 223, .42); border-radius: 10px 10px 10px 3px; background: linear-gradient(145deg, #123b59, #0a2034); color: #67e9e2; font-size: .88rem; font-style: normal; box-shadow: 0 0 16px rgba(25, 146, 217, .16); }.lot32-node-route > i { border-radius: 50%; }.lot32-node-follow > i { border-radius: 50% 5px 50% 50%; }.lot32-node-sync > i { border-radius: 5px 50% 50%; }.lot32-flow-line { position: absolute; top: 50%; height: 1px; background: linear-gradient(90deg, #177bbd, #53e5df); box-shadow: 0 0 7px rgba(55, 216, 228, .55); }.lot32-line-a { left: 17%; width: 23%; }.lot32-line-b { left: 42%; width: 23%; }.lot32-flow-branch { position: absolute; top: 50%; right: 5%; width: 29%; height: 30px; border-top: 1px solid #48dcd9; border-right: 1px solid #48dcd9; filter: drop-shadow(0 0 4px rgba(57, 204, 230, .65)); }.lot32-node-sync { position: absolute; right: 1%; bottom: -2px; }.lot32-flow-pulse { position: absolute; top: 50%; left: 15%; width: 6px; height: 6px; border-radius: 50%; background: #a2fff3; box-shadow: 0 0 13px 3px #2bdae3; animation: lot32-travel 3.2s linear infinite; }
/* 06 — conversational AI with listening halo, signal and response layers */
.lot32-ai-ui { position: relative; display: grid; min-height: 180px; grid-template-columns: minmax(86px,.72fr) minmax(0,1.28fr); align-content: center; align-items: center; gap: 9px; }.lot32-ai-orb { position: relative; display: grid; width: min(100%, 118px); aspect-ratio: 1; place-items: center; justify-self: center; border: 1px solid rgba(72, 229, 235, .56); border-radius: 50%; background: radial-gradient(circle at 48% 42%, rgba(38, 170, 240, .76), rgba(8, 41, 78, .65) 40%, rgba(3, 14, 31, .95) 72%); color: #efffff; box-shadow: 0 0 32px rgba(0, 146, 255, .35), inset 0 0 29px rgba(30, 190, 238, .2); }.lot32-ai-orb::before, .lot32-ai-orb::after { position: absolute; inset: -9px; border: 1px solid rgba(70, 222, 244, .35); border-radius: 50%; content: ''; transform: scaleY(.44) rotate(34deg); }.lot32-ai-orb::after { transform: scaleY(.44) rotate(-34deg); }.lot32-ai-orb > i { position: absolute; inset: 17%; border: 1px solid rgba(66, 216, 236, .2); border-radius: 50%; }.lot32-ai-orb > i:nth-child(2) { inset: 31%; }.lot32-ai-orb > i:nth-child(3) { inset: 42%; border-color: rgba(100, 247, 236, .52); }.lot32-ai-orb b { font-size: 1.1rem; text-shadow: 0 0 12px #23baff; }
.lot32-ai-signal { display: flex; height: 24px; grid-column: 1; align-items: center; justify-content: center; gap: 2px; color: #48d9f2; }.lot32-ai-signal i { width: 2px; height: 6px; border-radius: 3px; background: currentColor; }.lot32-ai-signal i:nth-child(3n) { height: 15px; }.lot32-ai-signal i:nth-child(5n) { height: 21px; }.lot32-ai-chat { display: grid; gap: 7px; }.lot32-ai-chat > span { border: 1px solid rgba(90, 157, 201, .22); border-radius: 9px 9px 9px 3px; padding: 7px 8px; background: rgba(11, 31, 52, .88); color: #c7d7e4; font-size: .48rem; }.lot32-ai-chat .lot32-ai-user { justify-self: end; border-color: rgba(56, 172, 225, .33); }.lot32-ai-agent { display: flex; align-items: center; gap: 6px; }.lot32-ai-agent i { display: grid; width: 18px; height: 18px; place-items: center; border-radius: 50%; background: #0a77bd; color: white; font-size: .48rem; font-style: normal; }.lot32-ai-agent b { margin-left: auto; color: #58e8b9; }.lot32-ai-reply { display: flex; justify-content: space-between; border-color: rgba(69, 222, 214, .27)!important; }.lot32-ai-reply i { color: #53dfd8; font-style: normal; letter-spacing: .14em; }.lot32-ai-ui > small { grid-column: 2; color: #70dfe0; font-size: .43rem; }.lot32-ai-ui > small i { color: #428ea9; font-style: normal; }
@keyframes lot32-wave { from { transform: scaleY(.58); opacity: .68; } to { transform: scaleY(1.08); opacity: 1; } }
@keyframes lot32-draw { to { stroke-dashoffset: 0; } }
@keyframes lot32-travel { 0% { transform: translateX(0); opacity: .2; } 15%,85% { opacity: 1; } 100% { transform: translateX(690%); opacity: .25; } }
@media (max-width: 1080px) {
  .lot3-expertise .lot3-shell { width: min(calc(100% - 52px), 920px); }
  .lot3-expertise-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 13px; }
  .lot3-expertise-card, .lot3-expertise-card:nth-child(1), .lot3-expertise-card:nth-child(2), .lot3-expertise-card:nth-child(3), .lot3-expertise-card:nth-child(4), .lot3-expertise-card:nth-child(5), .lot3-expertise-card:nth-child(6) { grid-column: span 1; display: flex; flex-direction: column; }
  .lot3-expertise-card:nth-child(1), .lot3-expertise-card:nth-child(4) { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0,1fr) minmax(250px,.9fr); }
  .lot3-expertise-card:nth-child(1) .lot3-expertise-scene, .lot3-expertise-card:nth-child(4) .lot3-expertise-scene { min-height: 100%; border-right: 1px solid rgba(113,175,227,.12); border-bottom: 0; }
  .lot3-expertise-card:nth-child(2) .lot3-expertise-scene, .lot3-expertise-card:nth-child(3) .lot3-expertise-scene, .lot3-expertise-card:nth-child(5) .lot3-expertise-scene { min-height: 190px; }
}
@media (max-width: 680px) {
  .lot3-expertise .lot3-shell { width: min(calc(100% - 36px), 520px); }
  .lot3-expertise-grid { grid-template-columns: 1fr; gap: 12px; }
  .lot3-expertise-card, .lot3-expertise-card:nth-child(1), .lot3-expertise-card:nth-child(4), .lot3-expertise-card:nth-child(6) { display: flex; min-height: 0; grid-column: auto; }
  .lot3-expertise-scene, .lot3-expertise-card:nth-child(1) .lot3-expertise-scene, .lot3-expertise-card:nth-child(4) .lot3-expertise-scene, .lot3-expertise-card:nth-child(6) .lot3-expertise-scene { min-height: 196px; border-right: 0; border-bottom: 1px solid rgba(113,175,227,.12); padding: 18px; }
  .lot3-expertise-card:nth-child(2) .lot3-expertise-scene, .lot3-expertise-card:nth-child(3) .lot3-expertise-scene, .lot3-expertise-card:nth-child(5) .lot3-expertise-scene { min-height: 196px; }
  .lot3-expertise-copy { padding: 20px 20px 22px; }
  .lot32-call-ui { max-width: 310px; }.lot32-growth-ui { min-height: 170px; }.lot32-flow-ui { min-height: 150px; }
  .lot32-web-ui { width: min(100%, 340px); min-height: 200px; }
  .lot32-ai-ui { min-height: 175px; grid-template-columns: minmax(80px,.65fr) minmax(0,1.35fr); }
}
@media (prefers-reduced-motion: reduce) {
  .lot32-call-wave i, .lot32-flow-pulse { animation: none !important; }
  .lot32-growth-plot path { stroke-dashoffset: 0; animation: none !important; }
}

/* LOT 3.3 — light editorial expertise grid, aligned to the approved white reference. */
.lot33-expertise {
  isolation: isolate;
  overflow: hidden;
  padding: clamp(18px, 1.8vw, 26px) 0 clamp(30px, 3vw, 42px);
  border-top: 1px solid #d9effc;
  color: #071c46;
  background: linear-gradient(180deg, #fff 0%, #f8fcff 53%, #fff 100%);
}
.lot33-expertise::before {
  z-index: -1;
  opacity: .72;
  background:
    radial-gradient(ellipse at 4% 3%, rgba(48, 166, 244, .13), transparent 26%),
    radial-gradient(ellipse at 97% 43%, rgba(89, 190, 255, .11), transparent 28%),
    linear-gradient(155deg, transparent 0 72%, rgba(177, 226, 255, .18) 72.1%, transparent 72.3% 100%);
}
.lot33-expertise .lot3-shell { width: min(calc(100% - 44px), 1492px); }
.lot33-expertise .lot3-section-heading {
  max-width: 820px;
  margin: 0 auto clamp(16px, 1.6vw, 22px);
  text-align: center;
}
.lot33-expertise .lot3-section-heading .lot3-eyebrow {
  justify-content: center;
  gap: 12px;
  margin-bottom: 9px;
  color: #0798e8;
  font-size: .78rem;
  letter-spacing: .1em;
}
.lot33-expertise .lot3-section-heading .lot3-eyebrow > span {
  width: 25px;
  background: #24a9f7;
  box-shadow: none;
}
.lot33-expertise .lot3-section-heading h2 {
  max-width: none;
  color: #071c46;
  font-size: clamp(2rem, 3vw, 2.8rem);
  font-weight: 760;
  letter-spacing: -.045em;
  line-height: 1.08;
}
.lot33-expertise .lot3-section-heading h2 > span { color: #0799ec; }
.lot33-expertise .lot3-section-heading > p:last-child {
  max-width: 74ch;
  margin: 14px auto 0;
  color: #354d70;
  font-size: clamp(.94rem, 1.1vw, 1.04rem);
  line-height: 1.55;
}
.lot33-expertise .lot3-expertise-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}
.lot33-expertise .lot3-expertise-card,
.lot33-expertise .lot3-expertise-card:nth-child(n) {
  display: flex;
  min-width: 0;
  min-height: 0;
  grid-column: auto;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #bfe6fb;
  border-radius: 14px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 7px 22px rgba(30, 111, 173, .07), inset 0 1px rgba(255,255,255,.95);
  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.lot33-expertise .lot3-expertise-card::after { display: none; }
.lot33-expertise .lot3-expertise-card:hover,
.lot33-expertise .lot3-expertise-card:focus-within {
  transform: translateY(-4px);
  border-color: #70cafa;
  box-shadow: 0 16px 34px rgba(24, 115, 190, .14), 0 0 0 1px rgba(69, 181, 245, .13);
}
.lot33-expertise .lot3-expertise-scene,
.lot33-expertise .lot3-expertise-card:nth-child(n) .lot3-expertise-scene {
  position: relative;
  display: block;
  flex: 0 0 auto;
  min-width: 0;
  min-height: 0;
  height: clamp(190px, 15vw, 224px);
  overflow: hidden;
  border: 0;
  border-bottom: 1px solid #d5effd;
  padding: 0;
  background: #e9f6ff;
}
.lot33-expertise .lot3-expertise-scene::before { display: none; }
.lot33-scene-media { position: absolute; inset: 0; overflow: hidden; background: #e8f5ff; }
.lot33-scene-media > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform .65s cubic-bezier(.2,.65,.25,1), filter .45s ease;
}
.lot33-expertise-card--prospecting .lot33-scene-media > img { object-position: 34% 43%; }
.lot33-expertise-card--digital .lot33-scene-media > img { object-position: 52% 52%; }
.lot33-expertise-card--crm .lot33-scene-media > img { object-position: 50% 46%; }
.lot33-expertise-card--ai .lot33-scene-media > img { object-position: 71% 44%; }
.lot33-expertise .lot3-expertise-card:hover .lot33-scene-media > img,
.lot33-expertise .lot3-expertise-card:focus-within .lot33-scene-media > img { transform: scale(1.035); }
.lot33-scene-index {
  position: absolute;
  z-index: 3;
  top: 14px;
  left: 15px;
  display: grid;
  width: 43px;
  height: 42px;
  place-items: center;
  border: 1px solid rgba(0, 157, 239, .75);
  border-radius: 11px;
  background: rgba(255,255,255,.91);
  color: #071c46;
  font-size: 1.03rem;
  font-weight: 780;
  box-shadow: 0 4px 12px rgba(7, 59, 100, .08);
}
.lot33-demo-note {
  position: absolute;
  z-index: 3;
  right: 12px;
  bottom: 11px;
  max-width: min(82%, 320px);
  border: 1px solid rgba(255,255,255,.84);
  border-radius: 999px;
  padding: 6px 10px;
  background: rgba(255,255,255,.92);
  color: #29496c;
  font-size: .61rem;
  font-weight: 650;
  line-height: 1.2;
  box-shadow: 0 4px 14px rgba(8, 49, 87, .12);
}
.lot33-overlay {
  position: absolute;
  z-index: 2;
  right: 14px;
  display: grid;
  width: min(44%, 190px);
  gap: 7px;
  border: 1px solid rgba(255,255,255,.9);
  border-radius: 11px;
  padding: 9px;
  background: rgba(255,255,255,.92);
  color: #092750;
  box-shadow: 0 8px 20px rgba(16, 63, 102, .17);
  backdrop-filter: blur(10px);
}
.lot33-call-overlay { top: 13px; }
.lot33-overlay-title { display: flex; align-items: center; gap: 6px; font-size: .68rem; font-weight: 720; }
.lot33-overlay-title > i { width: 7px; height: 7px; border-radius: 50%; background: #16b989; box-shadow: 0 0 0 3px rgba(22,185,137,.12); }
.lot33-overlay-title > small { margin-left: auto; color: #5a718e; font-size: .58rem; font-weight: 550; }
.lot33-wave { display: flex; height: 26px; align-items: center; justify-content: center; gap: 2px; overflow: hidden; color: #168ef2; }
.lot33-wave > i { width: 2px; height: 7px; border-radius: 2px; background: currentColor; animation: lot33-wave 1.35s ease-in-out infinite alternate; }
.lot33-wave > i:nth-child(4n) { height: 19px; }.lot33-wave > i:nth-child(5n) { height: 13px; }.lot33-wave > i:nth-child(3n) { animation-delay: -.55s; }
.lot33-overlay-status { display: flex; align-items: center; gap: 7px; border-top: 1px solid #e3f1fb; padding-top: 7px; font-size: .61rem; font-weight: 720; }
.lot33-overlay-status > b { display: grid; width: 20px; height: 20px; flex: 0 0 20px; place-items: center; border-radius: 50%; background: #15b978; color: #fff; }
.lot33-overlay-status > span { display: grid; gap: 2px; }.lot33-overlay-status small { color: #627894; font-size: .53rem; font-weight: 500; }
.lot33-center-mark {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  display: grid;
  width: 62px;
  height: 62px;
  place-items: center;
  transform: translate(-50%, -50%);
  border: 2px solid rgba(255,255,255,.9);
  border-radius: 50%;
  background: linear-gradient(145deg, #0a8ef4, #0647b1);
  color: #fff;
  font-size: 2rem;
  font-weight: 800;
  box-shadow: 0 0 0 8px rgba(24, 153, 244, .13), 0 0 26px rgba(0, 126, 239, .42);
}
.lot33-expertise .lot3-expertise-copy {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  align-items: stretch;
  padding: 11px 18px 13px;
  color: #071c46;
}
.lot33-expertise .lot3-index {
  gap: 7px;
  color: #1589da;
  font-size: .48rem;
  letter-spacing: .12em;
}
.lot33-expertise .lot3-index i { width: 17px; background: #a4dfff; }
.lot33-expertise .lot3-expertise-copy h3 {
  max-width: none;
  margin: 6px 0 5px;
  color: #071c46;
  font-size: clamp(1.08rem, 1.35vw, 1.27rem);
  font-weight: 760;
  letter-spacing: -.035em;
  line-height: 1.19;
}
.lot33-expertise .lot3-expertise-copy > p {
  margin: 0;
  color: #3d5476;
  font-size: .76rem;
  line-height: 1.42;
}
.lot33-expertise .lot3-expertise-copy ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 4px 10px;
  margin: 8px 0 9px;
  padding: 0;
  list-style: none;
}
.lot33-expertise .lot3-expertise-copy li {
  position: relative;
  min-width: 0;
  border: 0;
  border-radius: 0;
  padding: 0 0 0 18px;
  background: transparent;
  color: #284261;
  font-size: .66rem;
  line-height: 1.2;
}
.lot33-expertise .lot3-expertise-copy li::before {
  position: absolute;
  top: .08em;
  left: 0;
  display: grid;
  width: 13px;
  height: 13px;
  place-items: center;
  border-radius: 50%;
  background: #168ff0;
  color: #fff;
  content: "✓";
  font-size: 9px;
  font-weight: 800;
}
.lot33-expertise .lot3-text-link {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 9px;
  margin-top: auto;
  padding: 4px 0 0;
  color: #0878d7;
  font-size: .82rem;
  font-weight: 760;
}
.lot33-expertise .lot3-text-link > span {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 50%;
  background: linear-gradient(145deg, #29c7f4, #087df0);
  color: #fff;
  box-shadow: 0 4px 11px rgba(8,125,240,.2);
  transition: transform .25s ease;
}
.lot33-expertise .lot3-text-link:hover > span,
.lot33-expertise .lot3-text-link:focus-visible > span { transform: translateX(3px); }
.lot33-expertise .lot3-text-link:focus-visible { outline: 2px solid #087df0; outline-offset: 4px; }
.lot33-expertise .lot3-expertise-card.is-in-view { animation: lot33-rise .65s var(--lot3-reveal-delay, 0ms) cubic-bezier(.2,.7,.25,1) both; }
@keyframes lot33-rise { from { opacity: .01; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
@keyframes lot33-wave { from { transform: scaleY(.55); opacity: .55; } to { transform: scaleY(1.05); opacity: 1; } }
@media (max-width: 980px) {
  .lot33-expertise .lot3-shell { width: min(calc(100% - 40px), 820px); }
  .lot33-expertise .lot3-expertise-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
  .lot33-expertise .lot3-expertise-card:nth-child(n) { grid-column: auto; }
  .lot33-expertise .lot3-expertise-scene,
  .lot33-expertise .lot3-expertise-card:nth-child(n) .lot3-expertise-scene { height: clamp(190px, 27vw, 224px); }
}
@media (max-width: 680px) {
  .lot33-expertise { padding: 58px 0 66px; }
  .lot33-expertise .lot3-shell { width: min(calc(100% - 32px), 480px); }
  .lot33-expertise .lot3-section-heading { margin: 0 0 25px; text-align: left; }
  .lot33-expertise .lot3-section-heading .lot3-eyebrow { justify-content: flex-start; }
  .lot33-expertise .lot3-section-heading h2 { font-size: clamp(1.9rem, 8.2vw, 2.45rem); }
  .lot33-expertise .lot3-section-heading > p:last-child { margin: 11px 0 0; font-size: .91rem; }
  .lot33-expertise .lot3-expertise-grid { grid-template-columns: 1fr; gap: 13px; }
  .lot33-expertise .lot3-expertise-scene,
  .lot33-expertise .lot3-expertise-card:nth-child(n) .lot3-expertise-scene { height: auto; aspect-ratio: 1.78 / 1; min-height: 194px; max-height: 230px; }
  .lot33-expertise .lot3-expertise-copy { padding: 13px 16px 16px; }
  .lot33-expertise .lot3-expertise-copy h3 { font-size: 1.16rem; }
  .lot33-expertise .lot3-expertise-copy > p { font-size: .81rem; }
  .lot33-expertise .lot3-expertise-copy ul { gap: 6px 8px; margin: 10px 0 12px; }
  .lot33-expertise .lot3-expertise-copy li { font-size: .68rem; }
  .lot33-overlay { right: 9px; width: min(48%, 178px); padding: 7px; }
  .lot33-demo-note { right: 8px; bottom: 8px; max-width: 80%; padding: 5px 8px; font-size: .55rem; }
  .lot33-scene-index { top: 10px; left: 10px; width: 37px; height: 37px; }
  .lot33-center-mark { width: 52px; height: 52px; font-size: 1.7rem; }
}
@media (prefers-reduced-motion: reduce) {
  .lot33-expertise .lot3-expertise-card,
  .lot33-expertise .lot33-scene-media > img,
  .lot33-expertise .lot3-text-link > span { scroll-behavior: auto; transition: none; animation: none !important; }
  .lot33-expertise .lot3-expertise-card:hover,
  .lot33-expertise .lot3-expertise-card:focus-within { transform: none; }
}