.ma-demo-tabs{display:flex;gap:8px;justify-content:center;margin:0 auto 25px;max-width:460px}
.ma-demo-tabs button{flex:1;min-height:48px;border:1px solid #bdd4e1;border-radius:5px;padding:11px 14px;background:#fff;color:#40677d;font:inherit;font-size:14px;line-height:1.4;cursor:pointer}
.ma-demo-tabs button[aria-selected=true]{background:#0b7faf;color:#fff;border-color:#0b7faf}
.ma-demo-tabs button:focus-visible{outline:3px solid #51b4da;outline-offset:3px}
.ma-tour[hidden]{display:none}
.mi-tour .ma-viewport{font-size:13px}
.mi-heading{background:#174a7f;color:#fff;border-color:#174a7f}
.mi-heading>span:first-child:not(.tiny-logo),.mi-heading>span:last-child{color:#d7e9f5}
.mi-context{padding:9px 15px;background:#e7eff6;color:#40647d;font-size:11px;line-height:1.5}
.mi-tour .ma-body{padding:12px 14px}
.mi-tour .ma-project{margin-bottom:11px}
.mi-quick-title{font-size:12px;color:#59798b;margin:14px 0 8px}
.mi-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.mi-quick-grid>span{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #dae7ef;border-radius:5px;padding:9px 7px;font-size:11px;color:#466d84}
.mi-quick-grid svg{width:17px;height:17px;color:#2189b3}
.mi-view-tabs{display:flex;border:1px solid #90aac5;border-radius:4px;overflow:hidden;text-align:center;margin-bottom:11px;font-size:11px}
.mi-view-tabs>*{flex:1;padding:5px;font-weight:400}.mi-view-tabs b{background:#174a7f;color:#fff}
.mi-wbs{padding:9px 10px;margin-bottom:8px;border:1px solid #d3dfe9;border-left:4px solid #b29842;border-radius:4px;background:#fff;transition:opacity .3s,transform .3s,background .3s}
.mi-wbs small{font-size:9px;letter-spacing:.07em;display:block;margin-bottom:5px;color:#657d8b}
.mi-wbs strong{font-size:12px;display:block;font-weight:600}.mi-wbs strong>span{float:right;color:#6287a0}
.mi-wbs p{font-size:11px;line-height:1.4;margin:4px 0 0;color:#688396}
.mi-wbs-group{background:#fcf7df;color:#877027}.mi-wbs-subgroup{margin-left:8px;border-left-color:#8564b3;background:#f3effa;color:#664891}
.mi-wbs-activity{margin-left:16px;border-left-color:#2a78b1}.mi-wbs-target{margin-left:24px;border-left-color:#138dac;background:#e6f5fa}
.mi-wbs-foot{display:flex;gap:8px;align-items:center;font-size:11px;line-height:1.5;color:#537b8e;margin:12px 2px 0}
.mi-wbs-foot svg{width:18px;height:18px}
.mi-tour .mi-wbs-body{padding:10px 12px}
.mi-wbs-body .mi-wbs{padding-block:7px;margin-bottom:7px}
.mi-tour[data-phase=group] :is(.mi-wbs-activity,.mi-wbs-target){opacity:.25;transform:translateY(5px)}
.mi-tour[data-phase=activity] .mi-wbs-target{opacity:.25;transform:translateY(5px)}
.mi-measurement{padding:13px 10px;background:#fff;border:1px solid #c8dce8;border-radius:5px}
.mi-measurement>small{font-size:9px;color:#67899d;display:block;letter-spacing:.02em}
.mi-measurement h4,.mi-form h4{font-size:14px;letter-spacing:-.02em;margin:7px 0 3px;color:#244b64}
.mi-measurement>p{font-size:11px;color:#7390a1;margin:0 0 17px}
.mi-progress-60{width:60%}.mi-progress-72{width:72%}
.mi-inspected{display:flex;justify-content:space-between;gap:10px;font-size:11px;background:#edf1f8;color:#567793;border-left:3px solid #7196bb;padding:10px 9px;margin:12px 0}
.mi-inspected strong{white-space:nowrap}
.mi-select-measurement{display:flex;align-items:center;gap:10px;padding:12px 10px;border:1px solid #7fb4d3;background:#e5f3fa;color:#147ca7;border-radius:4px}
.mi-select-measurement strong{font-size:12px;font-weight:500}.mi-select-measurement>b{margin-left:auto}
.mi-form h4{margin:2px 0 13px}.mi-form label{display:block;font-size:11px;color:#426782;margin-bottom:5px}
.mi-input{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.mi-input strong{font-size:24px;line-height:1.2;background:#fff;border:1px solid #9bbbd2;border-radius:3px;padding:8px 15px;min-width:85px;color:#174a7f;font-variant-numeric:tabular-nums}
.mi-input>span{font-size:11px;color:#6c879b}
.mi-dates{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:13px}
.mi-dates>div{background:#fff;border:1px solid #d1dfe9;border-radius:3px;padding:6px}
.mi-dates small{display:block;font-size:9px;color:#7090a3}.mi-dates span{font-size:11px;color:#466d83}
.mi-radio{display:flex;gap:19px;margin-bottom:12px;font-size:12px;color:#7d929f}.mi-radio strong{color:#187eaa;font-weight:600}
.mi-observation{font-size:12px;line-height:1.5;background:#fff;border:1px solid #c5d9e7;border-radius:3px;padding:10px;color:#446d83;min-height:55px}
.mi-photo{display:flex;gap:7px;align-items:center;border:1px solid #d3e2ea;border-radius:4px;background:#fff;margin:11px 0;padding:8px;font-size:11px;color:#6c899b}
.mi-photo svg{width:18px;height:18px}.mi-photo small{margin-left:auto;font-size:9px}
.mi-send{display:flex;justify-content:center;gap:8px;align-items:center;background:#176fa0;color:#fff;border-radius:4px;padding:10px;font-size:12px}.mi-send svg{width:17px;height:17px}
.mi-confirm{position:absolute;inset:0;background:#17394c66;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;visibility:hidden;opacity:0;transition:opacity .25s;backdrop-filter:blur(2px)}
.mi-confirm>span{display:grid;place-items:center;background:#fff;border-radius:50%;width:55px;height:55px;color:#1496ae}
.mi-confirm strong{font-size:18px}.mi-confirm p{font-size:13px;color:#fff;margin:0}
.mi-tour[data-phase=saved] .mi-confirm{visibility:visible;opacity:1}
.mi-history{display:flex;align-items:center;gap:8px;color:#527a90;font-size:11px;padding:8px 0}.mi-history svg{width:20px;height:20px}
.mi-history strong{display:block;font-size:11px;font-weight:600}.mi-history span{display:block;font-size:10px;color:#7a93a3;margin-top:4px}
.mi-separate-note{font-size:11px;line-height:1.6;color:#627f90;margin:9px 0 0}
.mi-tour .ma-saved-banner{margin:0 0 10px}
.mi-tour figcaption>.mi-reference{font-size:12px;line-height:1.6;margin-top:14px;color:#6e8796;min-height:0}
.mi-tour .animation-phases button:last-child{grid-column:1/-1}
.mi-touch{position:absolute;width:24px;height:24px;border:2px solid #119fc7;border-radius:50%;background:#65d1ea55;box-shadow:0 0 0 5px #50bad820;visibility:hidden;opacity:0;pointer-events:none;z-index:3;animation:ma-tap calc(1.1s / var(--animation-pace,1)) infinite}
.mi-tour:is([data-phase=open],[data-phase=subactivity],[data-phase=edit],[data-phase=send]) .mi-touch{visibility:visible}
.mi-tour[data-phase=open] .mi-touch{opacity:1;right:30px;top:242px}
.mi-tour[data-phase=subactivity] .mi-touch{opacity:1;right:22px;top:390px}
.mi-tour[data-phase=edit] .mi-touch{opacity:1;right:25px;top:336px}
.mi-tour[data-phase=quantity] .mi-input strong{border-color:#179dc3;box-shadow:0 0 0 3px #179dc317}
.mi-tour[data-phase=send] .mi-touch{opacity:1;right:42px;top:418px}
@media(max-width:700px){.ma-demo-tabs{gap:6px}.ma-demo-tabs button{padding:10px 8px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.mi-touch{animation:none}.mi-confirm,.mi-wbs{transition:none}}