.lead-motion{padding:55px 0 35px;background:linear-gradient(135deg,#151b22,#0b1017);border-bottom:1px solid #b9a47730}.lead-motion header{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}.lead-motion h2{font-size:clamp(2rem,4vw,3.3rem);margin-top:16px}.lead-motion button{background:#10151d;border:1px solid #d6bb7f66;color:#e4cfaa;padding:12px 18px;border-radius:4px;font-size:.8rem;min-height:44px}.lm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.lm-grid article{min-width:0}.lm-grid h3{font-size:1.2rem;margin:12px 0}.lm-grid p{font-size:.87rem;line-height:1.8}.lm-grid .eyebrow{font-size:.62rem}.lm-scene{position:relative;aspect-ratio:1.25;overflow:hidden;border-radius:7px;border:1px solid #c6b38b40;background:radial-gradient(ellipse at 40% 30%,#58656e44,transparent 75%),#151c23;margin-bottom:24px;isolation:isolate}.lm-label{position:absolute;bottom:16px;left:18px;font-size:.55rem;letter-spacing:.13em;color:#e2d2b2;background:#11161edb;padding:6px 9px}.lm-window{position:absolute;left:10%;top:10%;width:56%;height:72%;border:14px ridge #b9b4a7;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:7px;background:#c9c1ad;box-shadow:12px 15px 25px #0007}.lm-window i{background:linear-gradient(140deg,#899aa1,#35434d 60%,#1d2c34);box-shadow:inset 2px 2px 5px #0009}.lm-device{position:absolute;left:66%;top:36%;width:31%;height:27%;border-radius:10px 14px 8px 5px;background:linear-gradient(160deg,#e4c05f,#aa843b 55%,#514432);border:2px solid #b59859;box-shadow:5px 9px 15px #0008;animation:lm-contact 8s ease-in-out infinite}.lm-device:before{content:'';position:absolute;left:-14%;top:25%;width:15%;height:46%;background:linear-gradient(#8f9799,#303943);border-radius:3px}.lm-device:after{content:'';position:absolute;right:12%;top:95%;width:33%;height:80%;background:linear-gradient(90deg,#222b34,#43494e);border-radius:0 0 10px 10px;transform:rotate(-12deg)}.lm-device span{position:absolute;left:12%;top:20%;font-size:.62rem;letter-spacing:.1em;color:#242727}.lm-device i{position:absolute;right:12%;top:20%;height:32%;width:30%;background:#193c44;border:2px solid #393e3d}.lm-sill{position:absolute;inset:24% -5% 10%;background:linear-gradient(170deg,#b0ada1,#6e716d 45%,#484e50 46%,#2a333b);transform:skewY(-7deg);box-shadow:0 -8px 0 #d1caba,0 15px 30px #0007}.lm-area{position:absolute;left:20%;top:32%;width:60%;height:38%;border:1px dashed #f1deb0;transform:skewY(-7deg)}.lm-area i{position:absolute;width:3px;height:3px;border-radius:50%;background:#3b3c36;left:25%;top:35%}.lm-area i:nth-child(2){left:70%;top:60%}.lm-area i:nth-child(3){left:50%;top:20%}.lm-wipe{position:absolute;left:23%;top:34%;width:22%;height:24%;background:linear-gradient(125deg,#fffef0,#c5c9c0);border-radius:3px 8px 3px 5px;box-shadow:2px 7px 9px #0004;transform:rotate(-7deg);animation:lm-sample 8s ease-in-out infinite}.lm-paper{position:absolute;inset:12% 16%;padding:20px;background:linear-gradient(130deg,#e6dfcd,#b9b6aa);color:#202a34;box-shadow:8px 12px 25px #0009;transform:rotate(-3deg)}.lm-paper>span{font-size:.5rem;letter-spacing:.12em}.lm-paper>strong{display:block;font:500 1.15rem Georgia,serif;margin:12px 0 18px}.lm-row{font-size:.6rem;margin:12px 0}.lm-row i{display:block;height:3px;background:#747d80;margin-top:6px;transform-origin:left;animation:lm-record 8s ease-in-out infinite}.lm-row:nth-of-type(2) i{animation-delay:.7s}.lm-row:nth-of-type(3) i{animation-delay:1.4s}.lm-paper small{font-size:.45rem;letter-spacing:.1em}.lm-note{font-size:.67rem;color:#9fa7b2;margin:22px 0 0}
@keyframes lm-contact{0%,15%,90%,100%{transform:translateX(35%)}35%,70%{transform:translateX(-4%)}}
@keyframes lm-sample{0%,10%,100%{transform:translate(0,0) rotate(-7deg)}35%{transform:translate(150%,-15%) rotate(-7deg)}55%{transform:translate(145%,75%) rotate(-7deg)}80%{transform:translate(0,90%) rotate(-7deg)}}
@keyframes lm-record{0%,12%,100%{transform:scaleX(.08);opacity:.25}45%,85%{transform:scaleX(1);opacity:1}}
.lead-motion:not(.lm-visible) *,.lead-motion.lm-paused *,html[data-ge-motion-paused=true] .lead-motion *,html[data-ge-hidden=true] .lead-motion *{animation-play-state:paused!important}
@media(max-width:760px){.lead-motion{padding:35px 0 25px}.lead-motion header{align-items:start;flex-direction:column;gap:20px}.lm-grid{grid-template-columns:1fr;gap:22px}.lm-scene{aspect-ratio:1.5;margin-bottom:18px}.lm-grid h3{font-size:1.2rem}.lm-paper{inset:10% 22%;padding:20px}.lm-paper>strong{font-size:1.3rem}.lm-grid p{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){.lead-motion *{animation:none!important}}
