@import url("./product-scenes.css");
@import url("./feature-tour-scenes-guest.css");
@import url("./feature-tour-scenes-operations.css");
@import url("./feature-tour-art.css");
.ft-hero .frame{padding:48px clamp(20px,3vw,48px);box-sizing:border-box}.ft-hero .lead{max-width:760px;margin-top:16px}
.ft-before{padding:20px 0;border-top:1px solid #dce4df;border-bottom:1px solid #dce4df}.ft-before p,.ft-result p{line-height:1.7;margin:0}.ft-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px}.ft-controls[hidden]{display:none}.ft-controls button:disabled{opacity:.45;cursor:default}.ft-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.ft-step-number{flex:0 0 36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#daeae0;color:#185b3d;font-weight:600}
/* Enhancement presents the selected illustration first, with every instruction below. */
.ft-tutorial{max-width:1180px;margin:0 auto;padding:0 clamp(20px,3vw,48px) 64px;box-sizing:border-box}
.ft-tutorial .ft-before h2,.ft-tutorial .ft-result h2{font-size:18px;margin:0 0 12px}.ft-tutorial .ft-result h2{margin-top:28px}
.ft-tutorial .ft-controls{border:1px solid #dce4df;border-radius:12px;margin:28px 0;background:#fff;flex-wrap:wrap}
.ft-tutorial .ft-controls [data-feature-progress]{flex:1;min-width:130px;text-align:center;white-space:normal;line-height:1.5;color:#43584b}
.ft-walkthrough{margin-top:28px}.ft-step-list{list-style:none;padding:0;margin:0;min-width:0}.ft-tutorial-step{scroll-margin-top:110px;margin:0 0 28px;padding:20px;border:1px solid #dde5df;border-radius:14px;min-width:0;box-sizing:border-box}
.ft-step-copy h2{margin:0 0 14px;font-size:20px;line-height:1.4}.ft-step-select{display:flex;align-items:center;gap:12px;padding:0;border:0;background:transparent;font:inherit;text-align:left;color:inherit;width:100%;cursor:pointer}.ft-step-select:disabled{opacity:1;cursor:default;color:inherit}.ft-step-select:focus-visible{outline:2px solid #236447;outline-offset:6px;border-radius:5px}
.ft-step-copy p{font-size:15px;line-height:1.75;overflow-wrap:anywhere}.ft-step-instruction{margin:0 0 12px;color:#253b30}.ft-step-body{margin:0;color:#586a5f}
.ft-tutorial[data-enhanced] .ft-tutorial-step.is-current{border-color:#659b7a;box-shadow:inset 3px 0 #33734f;background:#f5f9f3}.ft-tutorial[data-enhanced] .is-current .ft-step-number{background:#285e42;color:#fff}