.auto-spotlight{position:relative;margin-top:110px;padding:clamp(24px,4vw,56px);border:1px solid #ff8a3030;border-radius:24px;background:radial-gradient(ellipse at 50% 38%,#e9811812,transparent 60%),linear-gradient(145deg,#111311ec,#080a09f5);overflow:hidden;scroll-margin-top:110px}
.auto-heading{text-align:center;max-width:900px;margin:0 auto 42px}.auto-heading .eyebrow{justify-content:center}.auto-heading h2{font-size:clamp(34px,4.5vw,63px);line-height:1.02;letter-spacing:-.045em}.auto-heading h2 em{color:var(--orange);font-style:normal}.auto-heading>p{max-width:670px;margin:24px auto 0;color:#aaa99f;font-size:15px;line-height:1.8}
.auto-demo{border:1px solid #ffffff18;background:#070b09;border-radius:16px;overflow:hidden;box-shadow:0 25px 70px #0005}
.auto-demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 24px;border-bottom:1px solid #ffffff12}.auto-demo-toolbar>span{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:650}.auto-demo-toolbar small{font-size:10px;color:#848d85;font-weight:400}.auto-demo-toolbar i,.auto-dot{width:6px;height:6px;border-radius:50%;background:#7fdf9e;box-shadow:0 0 12px #7fdf9e66;display:inline-block}.auto-switch-wrap{display:flex;align-items:center;gap:11px;font-size:11px;color:#a8d7b7}
.auto-switch-wrap button{cursor:pointer;width:48px;height:28px;border:1px solid #65d49a66;background:#4da97944;border-radius:20px;padding:3px;display:flex;align-items:center;transition:background .25s}.auto-switch-wrap button>span{width:20px;height:20px;border-radius:50%;background:#9fe1b7;transform:translateX(18px);transition:transform .25s,background .25s}.auto-switch-wrap button:focus-visible{outline:2px solid #ff9a55;outline-offset:5px}
.auto-demo-flow{display:grid;grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);align-items:center;padding:30px 24px}.auto-terminal{border:1px solid #ffffff19;border-radius:12px;background:linear-gradient(145deg,#181c17,#0e120f);padding:20px;min-width:0}.auto-receiver{border-color:#70b48b40;background:linear-gradient(145deg,#17251b66,#0e120f)}.auto-terminal-head{display:flex;align-items:center;gap:10px}.auto-terminal-head small{color:#899187;font-size:10px}.auto-terminal-head h3{font-size:13px;letter-spacing:0;margin-top:3px}.auto-monogram,.auto-mt-mark{display:grid;place-items:center;flex-shrink:0;width:32px;height:36px;border:1px solid #ff9a5540;border-radius:8px;color:#ff9a55;font-size:26px;font-weight:800;font-style:italic}.auto-mt-mark{font-size:10px;font-style:normal;color:#9acdb1;border-color:#9acdb133}.auto-demo-tag{margin-left:auto;font-size:9px;color:#a6aaa1}.auto-instrument{display:flex;align-items:center;justify-content:space-between;margin:27px 0 22px}.auto-instrument strong{font-size:26px;letter-spacing:-.04em}.auto-instrument span{display:block;font-size:10px;color:#8f988c;margin-top:5px}.auto-instrument>b{font-size:10px;font-weight:500;color:#91d4a6;background:#4bd17815;padding:6px 9px;border-radius:5px}.auto-quote-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border-top:1px solid #ffffff12;padding-top:17px}.auto-quote-grid small{display:block;font-size:9px;color:#8d9788}.auto-quote-grid strong{font-size:13px;display:block;margin-top:7px;font-variant-numeric:tabular-nums}.auto-terminal-foot{font-size:9px;color:#a5b19e;margin-top:22px;line-height:1.6}.auto-terminal-foot .auto-dot{width:4px;height:4px;margin-right:3px}
.auto-transmission{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px}.auto-transmission>span{font-size:8px;color:#b2a68f}.auto-orbit{position:relative;display:grid;place-items:center;width:46px;height:46px;border:1px solid #fa9d4670;border-radius:50%;background:#20190e;box-shadow:0 0 35px #ff9c2525}.auto-orbit::before{content:'';position:absolute;inset:-8px;border:1px dashed #ffb16b35;border-radius:50%;animation:auto-orbit 18s linear infinite}.auto-orbit svg{width:22px;fill:none;stroke:#ffb16b;stroke-width:1.3}.auto-energy{position:absolute;top:22px;left:0;right:0;height:1px;background:#f5ae4b33;z-index:0}.auto-orbit{z-index:1}.auto-energy i{position:absolute;width:12px;height:3px;top:-1px;background:#ffd79a;border-radius:3px;box-shadow:0 0 12px #ffc15e;animation:auto-transmit 2.7s linear infinite}.auto-energy i:nth-child(2){animation-delay:-.9s}.auto-energy i:nth-child(3){animation-delay:-1.8s}
.auto-demo-bottom{display:flex;justify-content:space-between;gap:14px;padding:15px 24px;border-top:1px solid #ffffff12;font-size:10px;color:#9aab99}.auto-demo-bottom>span:last-child{color:#8e8f82}.auto-demo-disclaimer{padding:0 24px 17px;color:#777f74;font-size:9px;margin:0}.auto-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px}.auto-benefits article>span{font-size:10px;color:#db9864}.auto-benefits h3{font-size:18px;margin:13px 0 10px}.auto-benefits p{font-size:13px;line-height:1.7;color:#a6aa9e}.auto-details{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0}.auto-details span{border:1px solid #ffffff14;border-radius:25px;padding:8px 13px;font-size:10px;color:#b1b5a8}.auto-conversion{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #ffffff16;padding-top:27px}.auto-conversion h3{font-size:20px}.auto-conversion p{font-size:12px;color:#979f91;line-height:1.7;max-width:560px;margin-top:9px}.auto-conversion .btn{flex-shrink:0}.auto-risk{font-size:10px;color:#8b9285;line-height:1.7;margin-top:22px;max-width:760px}
.auto-demo.is-paused .auto-energy i{opacity:0;animation-play-state:paused}.auto-demo.is-paused .auto-orbit::before{animation-play-state:paused}.auto-demo.is-paused .auto-switch-wrap button{background:#ffffff10;border-color:#ffffff25}.auto-demo.is-paused .auto-switch-wrap button>span{transform:translateX(0);background:#b0b0a5}.auto-demo.is-paused .auto-switch-label{color:#c1b6a0}.auto-demo.is-paused .auto-demo-toolbar i{background:#aa9c84;box-shadow:none}
@keyframes auto-transmit{0%{left:0;opacity:0}15%,85%{opacity:1}100%{left:calc(100% - 12px);opacity:0}}@keyframes auto-orbit{to{transform:rotate(360deg)}}
@media(max-width:1000px){.auto-demo-flow{grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr);padding:20px 15px}.auto-terminal{padding:14px}.auto-conversion{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.auto-spotlight{padding:25px 12px;margin-top:65px;border-radius:16px}.auto-heading>p{font-size:13px}.auto-demo-toolbar{padding:16px 13px}.auto-demo-toolbar small{display:none}.auto-demo-flow{grid-template-columns:1fr;gap:22px}.auto-terminal{padding:18px}.auto-transmission{height:45px;justify-content:center}.auto-transmission>span{display:none}.auto-energy{left:50%;right:auto;top:0;width:1px;height:45px}.auto-energy i{width:3px;height:8px;left:-1px!important;animation:auto-transmit-vertical 2.7s linear infinite}.auto-orbit{width:33px;height:33px}.auto-orbit svg{width:17px}.auto-orbit::before{inset:-5px}.auto-benefits{grid-template-columns:1fr;gap:18px}.auto-benefits article{border-bottom:1px solid #ffffff10;padding-bottom:16px}.auto-benefits h3{margin-top:8px}.auto-demo-bottom{padding:13px;flex-direction:column;gap:6px}.auto-demo-disclaimer{padding-inline:13px}.auto-conversion .btn{width:100%}.auto-switch-wrap button{height:34px;width:54px;padding:6px}.auto-quote-grid strong{font-size:13px}.auto-heading h2{font-size:35px}}
@keyframes auto-transmit-vertical{0%{top:0;opacity:0}15%,85%{opacity:1}100%{top:37px;opacity:0}}
@media(prefers-reduced-motion:reduce){.auto-energy i,.auto-orbit::before{animation:none}.auto-switch-wrap button,.auto-switch-wrap button>span{transition:none}}

/* Two mobile interfaces, connected by the existing transmission animation. */
.auto-demo-flow{grid-template-columns:minmax(0,300px) minmax(80px,150px) minmax(0,300px);justify-content:center;padding:40px 28px;gap:12px}
.auto-phone-shell{position:relative;padding:6px;border-radius:42px;background:linear-gradient(135deg,#b1b4b5,#444949 12%,#131717 34%,#727779 69%,#242829);box-shadow:0 25px 40px #0008,inset 0 0 0 1px #8e96996b}
.auto-phone-shell::before{content:'';position:absolute;left:-3px;top:104px;width:3px;height:45px;border-radius:2px;background:#646a6c;box-shadow:0 55px #646a6c}
.auto-phone-shell::after{content:'';position:absolute;right:-3px;top:145px;width:3px;height:60px;border-radius:2px;background:#646a6c}
.auto-phone-shell .auto-terminal{position:relative;min-height:510px;border:1px solid #080909;border-radius:36px;overflow:hidden;padding:15px 20px 32px;background:radial-gradient(ellipse at 50% 70%,#1c2519,transparent 80%),#080c09;display:flex;flex-direction:column}
.auto-phone-status{height:40px;display:flex;align-items:flex-start;justify-content:space-between;position:relative;color:#d3d6d1;font-size:10px;font-weight:600;margin:0 1px 28px}.auto-phone-status>i{position:absolute;left:50%;top:0;transform:translateX(-50%);width:82px;height:24px;background:#000;border-radius:22px;box-shadow:inset 0 0 0 1px #ffffff0a}.auto-phone-status>i::after{content:'';position:absolute;right:9px;top:8px;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle,#284c61,#0a1018 70%)}
.auto-phone-shell .auto-terminal-head{gap:8px}.auto-phone-shell .auto-terminal-head h3{font-size:12px}.auto-phone-shell .auto-demo-tag{font-size:8px}.auto-phone-shell .auto-instrument{margin:30px 0 24px}.auto-phone-shell .auto-instrument strong{font-size:29px}
.auto-phone-shell .auto-quote-grid{grid-template-columns:1fr;gap:0;padding-top:0}.auto-phone-shell .auto-quote-grid>div{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #ffffff10}.auto-phone-shell .auto-quote-grid small{font-size:10px}.auto-phone-shell .auto-quote-grid strong{font-size:14px;margin:0}.auto-phone-shell .auto-terminal-foot{margin-top:auto;padding-top:24px;min-height:58px;font-size:9px}.auto-phone-home{position:absolute;width:90px;height:4px;background:#b5b9b2;border-radius:5px;bottom:10px;left:50%;transform:translateX(-50%)}
.auto-guide{display:flex;align-items:center;gap:28px;margin:30px 0;padding:28px;border:1px solid #ffffff17;border-radius:14px;background:linear-gradient(110deg,#ba702512,#ffffff02)}.auto-guide>img{width:100px;height:auto;object-fit:contain;border-radius:4px;box-shadow:8px 12px 28px #0008;transform:rotate(-5deg)}.auto-guide-copy>span{font-size:10px;color:#dea36a}.auto-guide-copy h3{font-size:23px;line-height:1.2;margin:10px 0}.auto-guide-copy p{font-size:12px;color:#a5aa9e;max-width:580px;line-height:1.65}.auto-guide-copy .btn{margin-top:18px;font-size:12px;min-height:44px}.auto-guide-copy svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}
@media(max-width:650px){.auto-demo-flow{grid-template-columns:minmax(0,270px);gap:24px;padding:24px 17px}.auto-phone-shell .auto-terminal{min-height:480px;padding-inline:17px}.auto-transmission{height:54px}.auto-energy{height:54px}.auto-guide{padding:20px 15px;gap:18px;align-items:flex-start}.auto-guide>img{width:57px;margin-top:6px}.auto-guide-copy{min-width:0}.auto-guide-copy h3{font-size:20px}.auto-guide-copy .btn{padding:13px 12px;font-size:10px;line-height:1.4}.auto-guide-copy p{font-size:12px}}