.performa-ai-tutor-demo{--demo-navy:#061c2b;--demo-surface:#f4f4f1;--demo-employee:#fdf4d8;--demo-pill:#fceec5;--demo-page:#fcf1cf;--demo-label:#8f6200;background:var(--demo-navy);border-radius:16px;width:100%;min-width:0;margin:0;position:relative;overflow:hidden;box-shadow:0 14px 28px #081c2b1a;container:performa-ai-tutor-demo/inline-size}.performa-ai-tutor-demo-stage,.performa-ai-tutor-demo-controls{--u:clamp(.85px, .14417cqi, 1.32px);--demo-topbar:calc(46 * var(--u))}.performa-ai-tutor-demo-stage{aspect-ratio:16/10;color:var(--body-color);font-family:var(--font-inter);letter-spacing:0;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.performa-ai-tutor-demo-canvas,.performa-ai-tutor-demo-canvas canvas{pointer-events:none;display:block;position:absolute;inset:0;touch-action:auto!important}.performa-ai-tutor-demo-topbar{height:var(--demo-topbar);align-items:center;gap:calc(12 * var(--u));padding:0 calc(96 * var(--u)) 0 calc(16 * var(--u));display:flex;position:absolute;top:0;left:0;right:0}.performa-ai-tutor-demo.is-stepper .performa-ai-tutor-demo-topbar{padding-right:calc(196 * var(--u))}.performa-ai-tutor-demo-logo{width:auto;max-width:none;height:calc(19 * var(--u));flex:none;display:block}.performa-ai-tutor-demo-label{top:calc(3.5 * var(--u));color:#ffffffc2;min-width:0;font-size:calc(10.5 * var(--u));letter-spacing:.12em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-weight:600;line-height:1.3;position:relative;overflow:hidden}.performa-ai-tutor-demo-surface{top:var(--demo-topbar);right:calc(10 * var(--u));bottom:calc(10 * var(--u));left:calc(10 * var(--u));border-radius:calc(12 * var(--u));position:absolute}.performa-ai-tutor-demo-config,.performa-ai-tutor-demo-chat{position:absolute;inset:0}.performa-ai-tutor-demo-config{z-index:2;justify-content:center;align-items:center;gap:calc(72 * var(--u));padding:calc(20 * var(--u));display:flex}.performa-ai-tutor-demo-chat{z-index:1}.performa-ai-tutor-demo-card{width:min(calc(300 * var(--u)), 42%);padding:calc(18 * var(--u)) calc(20 * var(--u));border-radius:calc(14 * var(--u));flex-direction:column;align-items:flex-start;display:flex;position:relative}.performa-ai-tutor-demo-doc-content{opacity:.42;flex-direction:column;align-items:flex-start;width:100%;display:flex}.performa-ai-tutor-demo-eyebrow{margin-bottom:calc(12 * var(--u));color:var(--demo-label);font-size:calc(10.5 * var(--u));letter-spacing:.12em;text-transform:uppercase;font-weight:700;line-height:1.3}.performa-ai-tutor-demo-identity{align-items:center;gap:calc(10 * var(--u));display:inline-flex}.performa-ai-tutor-demo-avatar,.performa-ai-tutor-demo-check,.performa-ai-tutor-demo-msg-avatar{color:var(--demo-navy);border-radius:50%;flex:none;place-items:center;display:grid}.performa-ai-tutor-demo-avatar{width:calc(30 * var(--u));height:calc(30 * var(--u))}.performa-ai-tutor-demo-avatar svg{width:calc(15 * var(--u));height:calc(15 * var(--u))}.performa-ai-tutor-demo-name{color:var(--heading-color);font-family:var(--font-raleway);font-size:calc(16 * var(--u));white-space:nowrap;font-weight:800;line-height:1.2}.performa-ai-tutor-demo-field-label{margin:calc(18 * var(--u)) 0 calc(8 * var(--u));color:var(--gray-color);font-size:calc(12 * var(--u));font-weight:500;line-height:1.3}.performa-ai-tutor-demo-mode{align-items:center;gap:calc(12 * var(--u));display:flex}.performa-ai-tutor-demo-pill{height:calc(26 * var(--u));padding:0 calc(12 * var(--u));border-radius:calc(13 * var(--u));color:var(--heading-color);font-size:calc(12.5 * var(--u));white-space:nowrap;align-items:center;font-weight:600;line-height:1;display:inline-flex}.performa-ai-tutor-demo-check{width:calc(20 * var(--u));height:calc(20 * var(--u))}.performa-ai-tutor-demo-check svg{width:calc(12 * var(--u));height:calc(12 * var(--u))}.performa-ai-tutor-demo-doc-row{align-items:flex-start;gap:calc(12 * var(--u));display:flex}.performa-ai-tutor-demo-doc-glyph{width:calc(30 * var(--u));height:calc(38 * var(--u));flex:none;display:block}.performa-ai-tutor-demo-doc-name{min-width:0;color:var(--heading-color);font-size:calc(14 * var(--u));overflow-wrap:anywhere;font-weight:600;line-height:1.4}.performa-ai-tutor-demo-status{align-items:center;gap:calc(8 * var(--u));margin-top:calc(16 * var(--u));color:var(--gray-color);font-size:calc(12 * var(--u));opacity:0;font-weight:600;line-height:1.3;display:inline-flex}.performa-ai-tutor-demo-header{top:calc(10 * var(--u));right:calc(10 * var(--u));left:calc(10 * var(--u));height:calc(48 * var(--u));align-items:center;gap:calc(12 * var(--u));padding:0 calc(14 * var(--u));border-radius:calc(10 * var(--u));opacity:0;display:flex;position:absolute}.performa-ai-tutor-demo .is-slot{visibility:hidden}.performa-ai-tutor-demo-chip{min-width:0;height:calc(30 * var(--u));align-items:center;gap:calc(8 * var(--u));padding:0 calc(10 * var(--u));border-radius:calc(8 * var(--u));color:var(--gray-color);font-size:calc(11.5 * var(--u));margin-left:auto;font-weight:600;line-height:1;display:inline-flex}.performa-ai-tutor-demo-chip-glyph{width:calc(13 * var(--u));height:calc(16 * var(--u));flex:none;display:block}.performa-ai-tutor-demo-chip-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.performa-ai-tutor-demo-viewport{top:calc(66 * var(--u));position:absolute;bottom:0;left:0;right:0;overflow:hidden}.performa-ai-tutor-demo-list{gap:calc(14 * var(--u));padding:calc(10 * var(--u)) calc(18 * var(--u)) calc(14 * var(--u));flex-direction:column;margin:0;list-style:none;display:flex;position:relative}.performa-ai-tutor-demo-msg{align-items:flex-start;gap:calc(6 * var(--u));opacity:0;flex-direction:column;margin:0;padding:0;display:flex}.performa-ai-tutor-demo-msg.is-employee{align-items:flex-end}.performa-ai-tutor-demo-msg-label{align-items:center;gap:calc(7 * var(--u));color:var(--demo-label);font-size:calc(10.5 * var(--u));letter-spacing:.1em;font-weight:700;line-height:calc(16 * var(--u));text-transform:uppercase;display:inline-flex}.performa-ai-tutor-demo-msg.is-employee .performa-ai-tutor-demo-msg-label{color:var(--gray-color)}.performa-ai-tutor-demo-msg-avatar{width:calc(16 * var(--u));height:calc(16 * var(--u))}.performa-ai-tutor-demo-msg-avatar svg{width:calc(9 * var(--u));height:calc(9 * var(--u))}.performa-ai-tutor-demo-bubble{max-width:90%;padding:calc(10 * var(--u)) calc(14 * var(--u));border-radius:calc(14 * var(--u));display:block}.performa-ai-tutor-demo-msg.is-employee .performa-ai-tutor-demo-bubble{max-width:84%}.performa-ai-tutor-demo-text{color:var(--body-color);font-size:calc(16 * var(--u));margin:0;font-weight:400;line-height:1.5;display:block}.performa-ai-tutor-demo-phrase{color:var(--heading-color);font-weight:700}.performa-ai-tutor-demo-controls{z-index:3;top:0;right:calc(10 * var(--u));height:var(--demo-topbar);align-items:center;gap:calc(6 * var(--u));display:flex;position:absolute}.performa-ai-tutor-demo-control{width:calc(32 * var(--u));height:calc(32 * var(--u));color:var(--white-color);cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:50%;flex:none;place-items:center;padding:0;transition:background-color .16s,border-color .16s;display:grid;position:relative}.performa-ai-tutor-demo-control:hover:not(:disabled){background:#ffffff1a;border-color:#fff9}.performa-ai-tutor-demo-control:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.performa-ai-tutor-demo-control:disabled{cursor:default;opacity:.4}.performa-ai-tutor-demo-control svg{width:calc(15 * var(--u));height:calc(15 * var(--u))}.performa-ai-tutor-demo-control:after{inset:calc(-7 * var(--u));content:"";position:absolute}.performa-ai-tutor-demo-step{min-width:calc(82 * var(--u));color:#ffffffd1;font-size:calc(11.5 * var(--u));text-align:center;white-space:nowrap;font-weight:600}.performa-ai-tutor-demo-stage:not(.is-canvas-ready) .performa-ai-tutor-demo-surface{background:var(--demo-surface)}.performa-ai-tutor-demo-stage:not(.is-canvas-ready):not(.is-chat) .performa-ai-tutor-demo-card.is-tutor{background:var(--white-color);box-shadow:0 0 0 1px var(--light-color)}.performa-ai-tutor-demo-stage:not(.is-canvas-ready):not(.is-chat) .performa-ai-tutor-demo-card.is-document{background:#fafaf9;box-shadow:0 0 0 1px #ececeb}.performa-ai-tutor-demo-stage:not(.is-canvas-ready).is-chat .performa-ai-tutor-demo-header,.performa-ai-tutor-demo-stage:not(.is-canvas-ready).is-chat .performa-ai-tutor-demo-chip,.performa-ai-tutor-demo-stage:not(.is-canvas-ready) .is-tutor .performa-ai-tutor-demo-bubble{background:var(--white-color);box-shadow:0 0 0 1px var(--light-color)}.performa-ai-tutor-demo-stage:not(.is-canvas-ready) .is-employee .performa-ai-tutor-demo-bubble{background:var(--demo-employee)}.performa-ai-tutor-demo-stage:not(.is-canvas-ready) .performa-ai-tutor-demo-avatar,.performa-ai-tutor-demo-stage:not(.is-canvas-ready) .performa-ai-tutor-demo-check,.performa-ai-tutor-demo-stage:not(.is-canvas-ready) .performa-ai-tutor-demo-msg-avatar{background:var(--primary-color)}.performa-ai-tutor-demo-stage:not(.is-canvas-ready) .performa-ai-tutor-demo-pill:not(.is-slot){background:var(--demo-pill)}.performa-ai-tutor-demo-stage:not(.is-canvas-ready) .performa-ai-tutor-demo-doc-glyph,.performa-ai-tutor-demo-stage:not(.is-canvas-ready) .performa-ai-tutor-demo-chip-glyph{background:var(--demo-page);box-shadow:inset 0 0 0 1px var(--primary-color)}.performa-ai-tutor-demo-stage:not(.is-canvas-ready) .is-improve .performa-ai-tutor-demo-phrase{background:#e1dbc9}.performa-ai-tutor-demo-stage:not(.is-canvas-ready) .is-correct .performa-ai-tutor-demo-phrase{background:#f9df93}@container performa-ai-tutor-demo (width<=639px){.performa-ai-tutor-demo-stage,.performa-ai-tutor-demo-controls{--u:1px}.performa-ai-tutor-demo-stage{aspect-ratio:1}.performa-ai-tutor-demo-config{flex-direction:column;gap:34px;padding:16px}.performa-ai-tutor-demo-card{width:min(320px,100%);padding:16px 18px}.performa-ai-tutor-demo-chip{display:none}.performa-ai-tutor-demo-text{font-size:15px}}@container performa-ai-tutor-demo (width<=479px){.performa-ai-tutor-demo-stage,.performa-ai-tutor-demo-controls{--demo-topbar:44px}.performa-ai-tutor-demo-stage{aspect-ratio:4/5.3}.performa-ai-tutor-demo-topbar{gap:10px;padding-left:12px}.performa-ai-tutor-demo-logo{height:16px}.performa-ai-tutor-demo-label{letter-spacing:.1em;white-space:normal;font-size:9.5px;line-height:1.2;top:3px}.performa-ai-tutor-demo-surface{bottom:8px;left:8px;right:8px}.performa-ai-tutor-demo-list{gap:10px;padding:8px 12px 12px}.performa-ai-tutor-demo-bubble{max-width:90%;padding:9px 12px}.performa-ai-tutor-demo-msg.is-employee .performa-ai-tutor-demo-bubble{max-width:86%}.performa-ai-tutor-demo-text{font-size:13.5px}.performa-ai-tutor-demo-step{min-width:0;font-size:11px}.performa-ai-tutor-demo.is-stepper .performa-ai-tutor-demo-label{display:none}}