/* The original machine invites visitors into the existing interactive experience. */
.machine-teaser{margin-top:56px;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);background:#0a1927;border:1px solid #34516b;border-radius:8px;overflow:hidden;scroll-margin-top:110px}
.machine-teaser-copy{align-self:center;padding:40px 36px}
.machine-teaser-copy .machine-teaser-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 20px;color:#8bc2ff;font-size:10px;font-weight:600;letter-spacing:.13em;line-height:1.8}
.machine-teaser-eyebrow>span{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#4b9cf3}
.machine-teaser-copy h3{margin:0;color:#edf4fb;font-family:Manrope,Arial,sans-serif;font-size:clamp(30px,3.2vw,43px);font-weight:500;letter-spacing:-.045em;line-height:1.16}
.machine-teaser-copy h3 em{display:inline-block;margin-top:4px;color:#dda47b;font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.025em}
.machine-teaser-copy>p:not(.machine-teaser-eyebrow){color:#b5c9dc;font-size:14px;line-height:1.85;margin:22px 0 26px;max-width:38ch}
.machine-teaser-copy .button{min-height:50px;padding:14px 18px;font-size:12px;gap:26px;justify-content:space-between}
.machine-teaser-copy .button.primary{background:#2671c5;border-color:#3b89dc;color:#fff}.machine-teaser-copy .button.primary:hover{background:#307fd5}
.machine-teaser-copy .button>span{font-size:20px;line-height:1}
.machine-teaser-note{display:block;margin-top:13px;font-size:10px;line-height:1.7;color:#91aac0}
.machine-teaser-art{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:390px;background:#d2dee8;overflow:hidden;border-left:1px solid #34516b}
.machine-teaser-art>img{width:100%;height:auto;aspect-ratio:8/5;object-fit:contain;display:block;transition:transform .45s ease}
.machine-teaser-badge{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:10px;padding:9px 12px;background:#102236f2;border:1px solid #4b6881;border-radius:3px;color:#e7f2fd;font-size:14px;font-weight:600;line-height:1.3}
.machine-teaser-badge>span{border-left:1px solid #57718a;padding-left:10px;font-size:8px;letter-spacing:.12em;color:#aacae4}
.machine-teaser-launch{position:absolute;left:20px;right:20px;bottom:20px;display:flex;align-items:center;gap:13px;max-width:330px;padding:11px 14px 11px 11px;background:#0a1b2af2;border:1px solid #4a6984;border-radius:5px;color:#edf4fb;box-shadow:0 7px 22px #07111c24;font-size:12px;font-weight:600;line-height:1.5;transition:background .2s,border-color .2s}
.machine-teaser-play{display:grid;place-items:center;flex-shrink:0;width:39px;height:39px;border-radius:50%;background:#2671c5;color:#fff}
.machine-teaser-play svg{width:22px;height:22px;fill:currentColor;stroke:none}
.machine-teaser-launch small{display:block;font-size:10px;line-height:1.6;font-weight:400;color:#a5bdd1;margin-top:2px}
.machine-teaser-arrow{margin-left:auto;font-size:21px;font-weight:400;color:#9bcfff}
.machine-teaser-art:hover>img{transform:scale(1.018)}
.machine-teaser-art:hover .machine-teaser-launch{background:#12314a;border-color:#89b7df}
.machine-teaser-steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;list-style:none;margin:0;padding:0;background:#0c1d2c;border-top:1px solid #34516b}
.machine-teaser-steps li{display:flex;align-items:flex-start;gap:14px;min-width:0;padding:23px 26px}
.machine-teaser-steps li+li{border-left:1px solid #294359}
.machine-teaser-steps li>span{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:20px;line-height:1.4;color:#d6a27c}
.machine-teaser-steps strong{display:block;color:#dcebf7;font-size:12px;font-weight:600;line-height:1.6}
.machine-teaser-steps p{margin:5px 0 0;font-size:11px;line-height:1.7;color:#93aec4}
.machine-teaser a:focus-visible{outline:3px solid #8cc4ff;outline-offset:-4px}
@media(max-width:1000px){
 .machine-teaser{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .machine-teaser-copy{padding:30px 25px}
 .machine-teaser-copy h3{font-size:32px}
 .machine-teaser-copy .button{gap:16px;font-size:11px}
 .machine-teaser-art{min-height:360px}
 .machine-teaser-launch{left:15px;right:15px;bottom:15px;gap:10px;padding:10px;font-size:11px}
 .machine-teaser-launch small{font-size:9px}
 .machine-teaser-steps li{padding:20px 18px;gap:10px}
}
@media(max-width:700px){
 .machine-teaser{grid-template-columns:minmax(0,1fr);margin-top:36px;border-radius:6px}
 .machine-teaser-copy{padding:28px 24px}
 .machine-teaser-copy .machine-teaser-eyebrow{margin-bottom:15px}
 .machine-teaser-copy h3{font-size:34px}
 .machine-teaser-copy>p:not(.machine-teaser-eyebrow){margin:18px 0 22px;max-width:44ch;font-size:14px}
 .machine-teaser-copy .button{font-size:12px;min-height:50px}
 .machine-teaser-note{font-size:11px}
 .machine-teaser-art{min-height:0;border-left:0;border-top:1px solid #34516b}
 .machine-teaser-art>img{padding-bottom:55px;aspect-ratio:auto}
 .machine-teaser-badge{top:14px;left:14px;font-size:12px}
 .machine-teaser-launch{left:14px;bottom:14px;right:14px;max-width:none;font-size:12px}
 .machine-teaser-launch small{font-size:10px}
 .machine-teaser-steps{grid-template-columns:1fr;padding:0 22px}
 .machine-teaser-steps li{padding:17px 0;gap:15px}
 .machine-teaser-steps li+li{border-left:0;border-top:1px solid #294359}
 .machine-teaser-steps strong{font-size:13px}
 .machine-teaser-steps p{margin-top:3px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){.machine-teaser-art>img,.machine-teaser-launch{transition:none}.machine-teaser-art:hover>img{transform:none}}
