button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--warn);outline-offset:3px}
.where.feature-heading{font-size:16px;line-height:1.15;font-weight:750;color:var(--text);white-space:normal;overflow:visible;text-overflow:clip;letter-spacing:-.02em}
.cover .feature-name{font-size:25px;line-height:1.14;font-weight:800;color:#9ff0d8;margin:8px 0 16px;letter-spacing:-.025em;position:relative;z-index:1}
.screen.active .feature-name{animation:feature-title-enter 1.1s cubic-bezier(.2,.8,.2,1) both;transform-origin:left center}
.cover:has(.feature-name) h1{font-size:22px;line-height:1.2}
@keyframes feature-title-enter{0%{opacity:0;transform:translateY(12px) scale(1.1)}25%,50%{opacity:1;transform:translateY(0) scale(1.1)}100%{opacity:1;transform:translateY(0) scale(1)}}
@media(max-height:720px){.cover .feature-name{font-size:24px;margin:6px 0 12px}.cover:has(.feature-name) h1{font-size:20px}}
.demo-body{padding-top:16px;min-height:230px}
.demo-body h3{font-size:16px;line-height:1.4}
.demo-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}
.demo-stats div{background:var(--paper2);padding:12px;border-radius:12px;color:var(--ink2);font-size:12px}
.demo-stats b{display:block;color:var(--ink);font-size:23px;margin-bottom:4px}
.demo-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--paperline);font-size:13px;line-height:1.4}
.demo-row b{text-align:right}
.demo-note{border-radius:12px;background:var(--paper2);padding:12px;margin-top:12px;font-size:13px;line-height:1.5;color:var(--ink2)}
.demo-action{width:100%;min-height:44px;padding:12px;margin-top:14px;border-radius:12px;background:#ede9ff;color:#4930ac;font-weight:650;font-size:14px}
.demo-action:disabled{background:#e4f7ef;color:#176549;cursor:default}
.demo-bubble{padding:14px;border-radius:12px;background:#e2f7eb;font-size:15px;line-height:1.5;margin-top:12px;color:#183a2d}
.demo-bars{display:grid;gap:12px;margin-top:18px}.demo-bars span{display:block;width:var(--bar);background:#e3ddff;border-radius:8px;padding:10px;font-size:13px;color:#3c277d}
.demo-disclaimer{font-size:11px;color:var(--muted);margin-top:8px}
.feature-demo .seg{flex-wrap:wrap}.feature-demo .seg button{min-height:44px;flex:1;padding:8px 6px}
.feature-demo .seg button.on{background:linear-gradient(90deg,#7c5cff,#5b7bff)}
.feature-demo[data-feature="treinos"]>.seg button{min-width:0;flex:1 1 0;padding:7px 3px;font-size:11px;gap:3px;line-height:1.2}
.workout-person,.workout-app-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.workout-person b,.workout-app-head b{display:block;font-size:15px}.workout-person small,.workout-app-head small{display:block;font-size:11px;color:var(--ink2);margin-top:3px;line-height:1.4}
.workout-avatar{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:12px;background:#e7e2ff;color:#5538bc;font-size:12px;font-weight:800}
.workout-monitor{background:#101c30;border-radius:14px;padding:12px;color:#f0f5ff}
.workout-monitor-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.workout-monitor-head b{font-size:13px}.workout-monitor-head small{font-size:10px;color:#afbdd8}
.workout-presence,.workout-app-tabs{display:flex;gap:6px;margin-bottom:10px}.workout-presence button,.workout-app-tabs button{flex:1;min-height:44px;padding:8px 6px;border-radius:10px;font-size:12px;font-weight:650;background:#24334c;color:#dce8ff}.workout-presence button b{margin-left:5px}.workout-presence button[aria-pressed="true"]{background:#18b990;color:#042d24}
.workout-student{width:100%;display:flex;gap:10px;align-items:center;min-height:76px;padding:10px 8px;background:#1c2b43;border:1px solid #344965;border-radius:12px;text-align:left;margin-top:7px}
.workout-student.attention{border-left:3px solid #f7bd57}.workout-student>span:nth-child(2){flex:1;min-width:0}.workout-student b{display:block;font-size:14px;color:#f0f5ff}.workout-student small{display:block;font-size:11px;color:#b4c4dd;margin-top:3px}.workout-student em{display:inline-block;font-size:10px;font-style:normal;font-weight:700;color:#a8f1db;margin-top:5px}.workout-student.attention em{color:#ffcf7c}
.workout-student .workout-avatar{background:#334769;color:#e5efff}.workout-student>span:last-child{color:#91a4c7;font-size:20px}.workout-empty{font-size:12px;padding:12px;color:#dce8ff}
.workout-callout,.workout-detail,.workout-feedback{padding:12px;border-radius:12px;margin:10px 0;background:#f2efff;font-size:12px;line-height:1.55;color:#4b4472}.workout-callout>b,.workout-detail>b{display:block;font-size:13px;margin-bottom:5px}.workout-callout>span{display:block}.workout-detail{background:#f4f6fa;color:#4e5c73}.workout-detail p{font-size:12px;margin:5px 0 0}.workout-callout.warning{background:#fff3d9;color:#715022}
.workout-feedback{background:#e7f8f1;color:#246b55}.workout-caption{font-size:11px;color:var(--ink2);line-height:1.5;margin:9px 0 2px}
.workout-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.workout-actions button,.workout-notice button,.workout-chat button{flex:1;min-height:44px;padding:10px;border:1px solid #ddd6fa;border-radius:10px;background:#f0ebff;color:#5137a4;font-size:12px;font-weight:650;line-height:1.35}
.workout-confirmed{border-radius:11px;background:#e2f6ed;padding:11px;margin-top:10px;font-size:12px;line-height:1.45;color:#246b55;font-weight:650}.workout-actions .workout-confirmed{flex:1;margin:0}
.workout-visits{display:flex;gap:6px;margin-top:10px}.workout-visits i{height:7px;flex:1;border-radius:5px;background:#ddd9ea}.workout-visits i.done{background:#17b48b}
.workout-comparison{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.workout-comparison span{font-size:10px}.workout-comparison b{display:block;font-size:15px;margin-top:3px}
.workout-app-head{background:#e6f7f0;padding:10px;border-radius:12px}.workout-app-head .workout-avatar{background:#c8edde;color:#146849}.workout-app-tabs button{background:#f1f0f7;color:#5c5c7e}.workout-app-tabs button[aria-pressed="true"]{background:#6c51df;color:white}
.workout-sheet-title{display:flex;justify-content:space-between;gap:8px;font-size:12px;align-items:center}.workout-sheet-title>span{font-size:10px;color:var(--ink2)}.workout-progress{height:5px;background:#eeeaf7;border-radius:5px;overflow:hidden;margin:10px 0}.workout-progress i{display:block;height:100%;background:#19b48e;transition:width .25s}
.workout-exercise{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;text-align:left;min-height:58px;padding:10px 4px;border-bottom:1px solid var(--paperline);color:var(--ink)}.workout-exercise b{display:block;font-size:13px}.workout-exercise small{display:block;font-size:11px;color:var(--ink2);margin-top:4px}.workout-exercise>span:last-child{display:grid;place-items:center;width:26px;height:26px;border:1px solid #dcd9ec;border-radius:9px;font-size:11px;color:#8675bd}.workout-exercise[aria-pressed="true"]>span:last-child{background:#d6f6e7;border-color:#8ad7b4;color:#18734e}
.workout-mini-goal{display:flex;justify-content:space-between;gap:6px;padding:10px;border-radius:10px;margin-top:10px;background:#eef7f3;font-size:11px;color:#286b52}
.workout-notice{padding:12px;border-radius:12px;background:#fff4df;color:#6f4d23;font-size:12px;line-height:1.5}.workout-notice p{font-size:12px;margin:6px 0}.workout-notice button{width:100%;background:#fff9ed;border-color:#ebd1a1;color:#765020}
.workout-chat{margin-top:12px;padding:10px;border-radius:12px;background:#eef3ef}.workout-chat>small{color:#48705c;font-size:11px}.workout-bubble{max-width:94%;padding:10px;border-radius:10px;background:white;font-size:12px;line-height:1.5;color:#325341;margin-top:8px}.workout-bubble.reply{margin-left:auto;background:#d2f0dc}.workout-chat button{width:100%;margin-top:8px;background:#e2f6e9;border-color:#b2d9c1;color:#296747}
.workout-goal-card{padding:16px;border-radius:16px;background:linear-gradient(140deg,#e7ddff,#e5f5ed);color:#3a376a}.workout-goal-card>span{font-size:12px}.workout-goal-card>strong{display:block;font-size:34px;margin:8px 0}.workout-goal-card strong small{font-size:14px;font-weight:500}.workout-goal-card p{font-size:12px;line-height:1.5;margin:10px 0 0}.workout-rewards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.workout-rewards>div{padding:12px;border:1px solid #e5dff4;border-radius:12px}.workout-rewards b{display:block;font-size:25px;color:#674eb1}.workout-rewards span{display:block;font-size:11px;line-height:1.4;margin-top:4px;color:var(--ink2)}
@media(max-height:620px){.workout-monitor{padding:9px}.workout-student{min-height:66px;padding:8px}.workout-person,.workout-app-head{margin-bottom:8px}.workout-callout,.workout-detail,.workout-feedback{padding:9px;margin:8px 0}.workout-exercise{min-height:50px;padding:8px 2px}.workout-goal-card{padding:12px}}
.demo-screen>h2,.demo-screen>.kicker,.demo-screen>.hint,.demo-screen>.demo-disclaimer,.demo-screen>.cta{flex:none}
.demo-screen .feature-demo{display:flex;flex-direction:column;min-height:0;flex:0 1 auto}
.demo-screen .feature-demo>.seg{flex:none}
.demo-screen .demo-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.feature-demo[data-feature="socio"] .demo-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.feature-demo[data-feature="socio"] .demo-row{flex-wrap:wrap;align-items:center;gap:6px}
.feature-demo[data-feature="socio"] .demo-row .demo-action{width:auto;flex:none;margin:0 0 0 auto;min-height:44px;padding:8px;font-size:12px}
.feature-demo[data-feature="socio"] .demo-row .ch{width:24px;height:24px;font-size:13px}
.campaign-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;font-size:12px;color:var(--ink2)}
.campaign-pager button{width:44px;min-height:44px;border-radius:10px;background:var(--paper2);color:#4930ac;font-size:20px}
.campaign-pager button:disabled{opacity:.3;cursor:default}
.screen[data-s="mkt4"] .panel{padding:11px;margin-top:8px}.screen[data-s="mkt4"] .kpis{gap:6px}.screen[data-s="mkt4"] .kpi{padding:8px 10px}.screen[data-s="mkt4"] .kpi b{font-size:19px}.screen[data-s="mkt4"] .kpi em{display:none}
.screen[data-s="mkt4"] .cmp .hint{font-size:11px;padding:8px;margin-top:6px!important}
.screen[data-s="mkt4"] .sim{padding:9px 12px}.screen[data-s="mkt4"] .sim big{font-size:18px}.screen[data-s="mkt4"] .panel>h3{margin-top:8px!important}
@media(max-height:700px){.screen[data-s="mkt4"] .cmp .hint{display:none}.screen[data-s="mkt4"] .kpi span{font-size:10px}.screen[data-s="mkt4"] .kpi b{font-size:17px}.screen[data-s="mkt4"] .kpi{padding:6px 8px}}
@media(max-height:620px){.screen[data-s="mkt2"] .panel{padding:8px}.screen[data-s="mkt2"] #funil{margin-top:8px!important}.screen[data-s="mkt2"] .stage{margin-bottom:3px}.screen[data-s="mkt2"] .stage .track{height:18px}.screen[data-s="mkt2"] .insight{padding:7px;min-height:0;font-size:11px;line-height:1.3}.screen[data-s="mkt2"] .stage .row{font-size:12px}.screen[data-s="mkt2"] .seg button,.screen[data-s="mkt4"] .seg button{padding:6px 2px;font-size:11px}.screen[data-s="mkt4"] .panel{padding:8px}.screen[data-s="mkt4"] .sim{font-size:11px;padding:7px 10px}.screen[data-s="mkt4"] .cmp .r{font-size:11px;margin:3px 0}.screen[data-s="mkt4"] .cmp .r span:first-child{width:85px}.screen[data-s="mkt4"] .kpi b{font-size:16px}.screen[data-s="mkt4"] input[type="range"]{margin:3px 0 0}}
@media(max-height:620px){.screen[data-s="mkt1"] .panel{padding:8px;margin-top:6px}.screen[data-s="mkt1"] .kpi{padding:5px 8px}.screen[data-s="mkt1"] .kpi b{font-size:16px}.screen[data-s="mkt1"] .kpis{gap:4px;margin-top:5px}.screen[data-s="mkt1"] .panel h3{font-size:12px;margin-bottom:2px}.screen[data-s="mkt4"] .panel>h3{display:none}.screen[data-s="mkt4"] .cmp .t{height:14px}}
@media(max-height:620px){.screen[data-s="mkt1"] .panel{margin-top:4px!important}.screen[data-s="mkt1"] .cta{margin-top:8px}}
#syncStatus{font-size:11px;color:var(--muted);padding:4px 16px 7px;min-height:24px;display:flex;justify-content:space-between;gap:8px;flex:none}
#syncStatus button{color:var(--a2);text-decoration:underline;min-height:24px}
.saved-message{margin-top:16px;padding:14px;border-radius:14px;background:var(--surface);line-height:1.5}
.prio-help{font-size:12px;color:var(--muted)}
.screen[data-s="prio"] .grid{grid-template-columns:1fr 1fr}
.screen[data-s="prio"] .tile{min-height:54px;font-size:12px;padding:7px;display:flex;gap:8px;align-items:center;text-align:left}
.screen[data-s="prio"] .tile .ic{font-size:20px;margin:0}
.screen[data-s="prio"] .tile .ord{position:static;flex:none;margin-left:auto}
@media(max-height:740px){.demo-body{padding-top:10px;min-height:210px}.demo-note{padding:9px;margin-top:8px;font-size:12px}.demo-stats{margin:10px 0}.demo-stats div{padding:9px}.demo-stats b{font-size:21px}.demo-row{padding:9px 0}.demo-action{margin-top:10px}.demo-disclaimer{margin-bottom:0}.feature-position{display:block}.screen[data-s="prio"] .tile{min-height:48px;padding:5px}.screen[data-s="prio"] .grid{gap:5px}}
@media(max-width:360px){.screen[data-s="prio"] .tile{font-size:11px}.screen[data-s="prio"] .tile .ic{font-size:16px}h1{font-size:23px}}
