#automation-showcase { margin: 34px 0 42px; min-width: 0; }
#automation-showcase[hidden] { display: none; }
#automation-heading { margin: 0 0 22px; color: #f5efe4; font-size: clamp(24px,2.2vw,34px); font-weight: 500; letter-spacing: -.025em; line-height: 1.2; }
.automation-screen { position: relative; width: 100%; aspect-ratio: 16/9; margin-inline: auto; background: #070b0e; border: 1px solid #bda16e4d; border-radius: 6px; box-sizing: border-box; overflow: hidden; isolation: isolate; }
.automation-screen[data-format="mobile"] { aspect-ratio: 9/16; max-width: min(390px, calc((100dvh - 224px) * .5625)); }
#automation-video { display: block; width: 100%; height: 100%; object-fit: contain; background: #070b0e; }
#reception #automation-play { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 13px; width: 100%; margin: 0; padding: 20px; border: 0; border-radius: 0; background: linear-gradient(0deg,#03080eae,#03080e35); color: #fff5e5; font-size: 11px; letter-spacing: .15em; cursor: pointer; }
#reception #automation-play[hidden] { display: none; }
#automation-play small { color: #e3d9c8; font-size: 9px; letter-spacing: .12em; }
#automation-play:hover .showcase-play-icon { transform: scale(1.07); background: #8c6c3e88; }
#automation-feedback { color: #f2d5a5; font-size: 13px; line-height: 1.6; }
#automation-showcase :is(button,video):focus-visible { outline: 2px solid #f1d4a3; outline-offset: -3px; }
@media (max-width: 700px) { #automation-showcase { margin-top: 28px; } }
@media (prefers-reduced-motion: reduce) { #automation-play .showcase-play-icon { transition: none; } }

/* Same two-film selector as Websites; thumbnails remain side by side on mobile. */
.automation-choices{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 14px}
#reception .automation-choices button{min-height:72px;margin:0;letter-spacing:normal}
#reception .automation-choices button[aria-pressed=true]{background:#a9cabb14;border-color:#a9cabb99}
#reception .automation-choices button:hover{border-color:#c5ded4}
.automation-choice-copy{min-width:0}
.automation-choices strong{font-size:13px;line-height:1.35;letter-spacing:.015em}
.automation-choices .showcase-choice-number{color:#aac9bd}
@media(max-width:700px){
 #automation-showcase .showcase-heading h3{font-size:27px}
 .automation-screen[data-film=restaurant]{width:100%;max-width:none;aspect-ratio:16/9}
 #reception .automation-choices button{flex-direction:column;align-items:stretch;gap:10px;padding:8px}
 .automation-choices img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
 .automation-choices strong{font-size:12px;min-height:2.7em}
 .automation-choices small{font-size:10px;margin-top:3px}
 .automation-choice-copy{padding:1px 3px 3px}
 #automation-showcase figcaption{gap:10px;flex-wrap:wrap}
}