/* Scoped to the eleven feature demos on the product introduction page. */
#product .feature-demo-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border:1px solid #c6a57d40;margin:36px 0 28px;overflow:visible}
#product .feature-demo-tabs button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;padding:20px 18px;border:0;border-right:1px solid #c6a57d24;border-bottom:1px solid #c6a57d24;background:transparent;text-align:left;min-width:0;color:#c3b7a5;position:relative}
#product .feature-demo-tabs button::after{display:none}
#product .feature-demo-tabs button small{font-size:10px;letter-spacing:.08em;line-height:1.5;color:#b7a58c}
#product .feature-demo-tabs button span{font-size:17px;line-height:1.5;white-space:normal}
#product .feature-demo-tabs button:hover{background:#c6a57d0d;color:#fff6e9}
#product .feature-demo-tabs button[aria-selected=true]{background:#c6a57d1c;box-shadow:inset 0 -2px #c6a57d;color:#fff6e9}
.feature-demo-panels [hidden]{display:none!important}
.demo-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;font-size:12px;letter-spacing:.07em;color:#c6b394}
#product .feature-demo-panels .screen{padding:0;border:1px solid #c6a57d40;background:#231f19;overflow:hidden}
#product .feature-demo-panels .screen img{width:100%;height:auto;aspect-ratio:1280/900;object-fit:contain;display:block}
.demo-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid #c6a57d30}
.demo-controls button,.demo-controls a{border:1px solid #c6a57d50;background:transparent;color:#e5d4bb;padding:10px 16px;min-height:42px;font-size:13px;line-height:1.4}
.demo-controls .demo-play{background:#c6a57d;color:#231f19;border-color:#c6a57d;min-width:104px}
.demo-controls button:hover,.demo-controls a:hover{border-color:#f5eee2}
.demo-state{margin-left:auto;color:#b6aa96;font-size:12px}
.demo-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;padding:22px 0 0;margin:0}
.demo-steps li{min-width:0}
.demo-steps button{display:flex;gap:12px;width:100%;text-align:left;padding:12px 0;color:#bfb5a5;border:0;background:none;line-height:1.8;font-size:14px}
.demo-steps b{font-size:11px;line-height:2.3;color:#c6a57d;font-weight:400;flex-shrink:0}
.demo-steps button[aria-pressed=true]{color:#fff3df;text-decoration:underline;text-decoration-color:#c6a57d;text-underline-offset:7px}
#product .feature-demo-panels .screen-caption{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:28px 0 0;align-items:start}
#product .feature-demo-panels .screen-caption h3{font-size:clamp(23px,2.1vw,34px);line-height:1.55}
#product .feature-demo-panels .screen-caption p{font-size:14px;line-height:1.9;max-width:none;color:#c3b7a5}
.screen-caption small{display:block;font-size:12px;line-height:1.8;color:#ad9c83;margin-top:12px}
@media(max-width:1000px){#product .feature-demo-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){#product .feature-demo-tabs{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:25px;gap:0}#product .feature-demo-tabs button{padding:13px 9px;gap:5px}#product .feature-demo-tabs button span{font-size:14px}#product .feature-demo-tabs button small{font-size:9px;letter-spacing:0}.demo-heading{font-size:10px}.demo-controls{gap:8px}.demo-controls button,.demo-controls a{padding:10px 12px;font-size:12px}.demo-state{width:100%;margin:1px 0 0}.demo-steps{grid-template-columns:1fr;gap:0;padding-top:12px}.demo-steps button{font-size:13px;padding:10px 0}.demo-steps b{line-height:2.1}#product .feature-demo-panels .screen-caption{grid-template-columns:1fr;gap:12px;padding-top:20px}#product .feature-demo-panels .screen-caption h3{font-size:24px}#product .feature-demo-panels .screen-caption p{font-size:13px}}
@media(prefers-reduced-motion:reduce){#product *{scroll-behavior:auto}}