/* Animation éditoriale : schémas de bénéfices, palette SOMA, aucune interface agrandie. */
#product-demo {
  --sd-purple:#6366f1; --sd-ink:#0f172a; --sd-muted:#64748b;
  --sd-border:#e2e8f0; --sd-played:0%; --sd-chapter-progress:0%;
  width:100%; max-width:1320px; margin-inline:auto; position:relative;
  color:var(--sd-ink); text-align:left; font:14px/1.5 var(--sans,system-ui);
}
#product-demo *, #product-demo *::before, #product-demo *::after {box-sizing:border-box}
#product-demo [hidden] {display:none!important}
#product-demo h3, #product-demo p {margin:0}
#product-demo button, #product-demo input, #product-demo a {font:inherit}
#product-demo button {cursor:pointer}
#product-demo button:focus-visible, #product-demo a:focus-visible, #product-demo input:focus-visible {outline:3px solid #818cf8;outline-offset:3px}
#product-demo .sd-icon {width:21px;height:21px;flex-shrink:0;vertical-align:middle}
#product-demo .sd-shell {border:1px solid #dddff3;border-radius:24px;background:white;overflow:hidden;box-shadow:0 24px 65px -35px #6366f15c,0 3px 15px #0f172a04}
#product-demo .sd-topline {display:flex;align-items:center;gap:18px;padding:18px 28px;border-bottom:1px solid #eef0fa;font-size:12px;color:#64748b}
#product-demo .sd-topline img {width:81px;height:34px;object-fit:contain}
#product-demo .sd-topline strong {font-weight:600;color:#475569}
#product-demo .sd-film-label {margin-left:auto;font-size:11px;color:#6366f1;background:#eef2ff;border-radius:50px;padding:6px 11px;white-space:nowrap}
#product-demo .sd-window {position:relative;background:linear-gradient(110deg,#fff 37%,#fafaff 100%);isolation:isolate}
#product-demo .sd-scene {min-height:440px;padding:34px 32px 35px;display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.15fr);align-items:center;gap:35px;animation:sd-scene-in .4s ease-out both}
#product-demo .sd-copy {min-width:0}
#product-demo .sd-kicker {display:flex;align-items:center;gap:9px;font-size:9px;line-height:1.5;letter-spacing:1.1px;font-weight:700;color:#64748b}
#product-demo .sd-kicker b {display:grid;place-items:center;width:25px;height:25px;border:1px solid #c7d2fe;border-radius:7px;color:#6366f1;font-size:10px;letter-spacing:0}
#product-demo h3 {font-size:34px;line-height:1.2;letter-spacing:-1.35px;font-weight:730;margin-top:19px;color:#0f172a}
#product-demo h3 em {font-style:normal;color:#6366f1}
#product-demo .sd-copy>p {font-size:15px;line-height:1.8;color:#64748b;margin-top:19px;max-width:350px}
#product-demo .sd-gain {display:flex;align-items:center;gap:7px;color:#4338ca;font-size:12px;font-weight:600;margin-top:25px}
#product-demo .sd-gain .sd-icon {width:17px;height:17px;background:#eef2ff;border-radius:50%;padding:2px}
#product-demo .sd-diagram {min-width:0;position:relative;padding:20px 0}
#product-demo .sd-diagram::before {content:'';position:absolute;z-index:-1;inset:-15px -5px;background-image:radial-gradient(#6366f12b .75px,transparent .8px);background-size:17px 17px;mask-image:radial-gradient(ellipse,#000 30%,transparent 73%)}
#product-demo .sd-root {display:flex;align-items:center;gap:13px;margin:0 auto;background:#6366f1;border:1px solid #818cf8;color:#fff;box-shadow:0 10px 25px -12px #6366f1a0;border-radius:13px;padding:16px 19px;width:max-content;max-width:100%}
#product-demo .sd-root>span {display:grid;place-items:center;width:43px;height:43px;border-radius:10px;background:#ffffff1c;flex-shrink:0}
#product-demo .sd-root .sd-icon {width:27px;height:27px}
#product-demo .sd-root small, #product-demo .sd-bank small, #product-demo .sd-live-hub small, #product-demo .sd-dossier small {display:block;font-size:8px;letter-spacing:1px;font-weight:600;margin-bottom:4px}
#product-demo .sd-root small {color:#e0e7ff}
#product-demo .sd-root strong {font-size:14px;font-weight:650;letter-spacing:-.2px}
#product-demo .sd-branch {height:36px;position:relative;margin:0 16.65%;display:flex;justify-content:space-between;color:#c7d2fe}
#product-demo .sd-branch::before {content:'';position:absolute;left:0;right:0;top:18px;border-top:1.5px solid currentColor}
#product-demo .sd-branch::after {content:'';position:absolute;left:50%;top:0;height:18px;border-left:1.5px solid currentColor}
#product-demo .sd-branch i {height:18px;align-self:flex-end;border-left:1.5px solid currentColor;position:relative}
#product-demo .sd-branch i::after {content:'';width:5px;height:5px;background:#818cf8;position:absolute;bottom:0;left:-3px;border-radius:50%;animation:sd-dot-travel 1.3s ease-in-out infinite}
#product-demo .sd-three {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
#product-demo .sd-node {border:1px solid #dfe1f4;background:#fff;border-radius:11px;padding:15px 7px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;box-shadow:0 6px 16px #6366f106}
#product-demo .sd-node-icon {display:grid;place-items:center;width:39px;height:39px;border:1px solid #e0e7ff;background:#f5f5ff;border-radius:11px;margin-bottom:9px;color:#6366f1}
#product-demo .sd-node strong {font-size:12px;font-weight:650}
#product-demo .sd-node small {font-size:9px;color:#64748b;margin-top:4px;line-height:1.5}
#product-demo .sd-course-path {margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:5px;padding:11px 13px;background:#f1f2ff;border:1px solid #e0e7ff;border-radius:9px}
#product-demo .sd-course-path>span {display:flex;align-items:center;gap:5px;font-size:10px;color:#4338ca;white-space:nowrap}
#product-demo .sd-course-path .sd-icon {width:15px;height:15px}
#product-demo .sd-course-path>i {display:flex;color:#a5b4fc}
#product-demo .sd-diagram-caption {display:block;color:#64748b;font-size:10px;text-align:center;margin:15px auto 0;line-height:1.65;max-width:420px}
#product-demo .sd-resource-icons {display:flex;align-items:center;justify-content:center;gap:13px;margin-bottom:16px}
#product-demo .sd-resource-icons>span {display:grid;place-items:center;width:39px;height:39px;border-radius:10px;color:#6366f1;background:#fff;border:1px solid #e0e7ff;box-shadow:0 5px 11px #6366f10a;transform:rotate(calc((var(--n) - 1.5) * 5deg))}
#product-demo .sd-resource-icons>span:nth-child(2) {background:#eef2ff}
#product-demo .sd-resource-icons>span:nth-child(3) {background:#fff7ed;color:#c2410c;border-color:#ffedd5}
#product-demo .sd-resource-icons>span:nth-child(4) {background:#eff6ff;color:#2563eb;border-color:#dbeafe}
#product-demo .sd-bank {display:flex;gap:12px;align-items:center;border:1px solid #a5b4fc;border-radius:12px;padding:15px;background:#eef2ff;box-shadow:0 7px 23px #6366f10c}
#product-demo .sd-bank small {color:#6366f1}
#product-demo .sd-bank strong {font-size:14px;line-height:1.3;letter-spacing:-.2px}
#product-demo .sd-bank-symbol {display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#6366f1;color:white;flex-shrink:0}
#product-demo .sd-bank-symbol .sd-icon {width:26px;height:26px}
#product-demo .sd-loop {margin-left:auto;color:#818cf8}
#product-demo .sd-live-hub {position:relative;display:flex;align-items:center;gap:11px;padding:19px 16px;border-radius:13px;background:#6366f1;color:#fff;box-shadow:0 10px 24px -12px #6366f19c;isolation:isolate}
#product-demo .sd-live-hub>span {display:grid;place-items:center;width:41px;height:45px;border:1px solid #ffffff38;border-radius:9px;background:#ffffff14;flex-shrink:0}
#product-demo .sd-live-hub>span .sd-icon {width:27px;height:27px}
#product-demo .sd-live-hub small {color:#e0e7ff}
#product-demo .sd-live-hub strong {font-size:14px}
#product-demo .sd-live-hub>b {font-size:8px;font-weight:500;border:1px solid #ffffff40;background:#ffffff15;padding:4px 7px;border-radius:50px;margin-left:auto;white-space:nowrap}
#product-demo .sd-signal {position:absolute;inset:0;pointer-events:none;z-index:-1}
#product-demo .sd-signal i {position:absolute;inset:0;border:1px solid #a5b4fc;border-radius:13px;animation:sd-broadcast 2s ease-out infinite}
#product-demo .sd-signal i:nth-child(2) {animation-delay:1s}
#product-demo .sd-person {display:flex;flex-direction:column;align-items:center;padding:7px 0}
#product-demo .sd-person>span {display:grid;place-items:center;width:49px;height:49px;background:#e0e7ff;border:3px solid #fff;box-shadow:0 0 0 1px #c7d2fe;border-radius:50%;font-size:13px;font-weight:650;color:#4f46e5}
#product-demo .sd-person:nth-child(2)>span {background:#dbeafe;color:#2563eb;box-shadow:0 0 0 1px #bfdbfe}
#product-demo .sd-person:nth-child(3)>span {background:#ffedd5;color:#c2410c;box-shadow:0 0 0 1px #fed7aa}
#product-demo .sd-reply {display:flex;align-items:center;justify-content:center;gap:3px;padding:6px;margin-top:10px;border:1px solid #e0e7ff;border-radius:6px;background:#fff;color:#6366f1;font-size:8px;white-space:nowrap;transition:opacity .25s,transform .35s;transition-delay:calc(var(--n)*120ms)}
#product-demo .sd-reply .sd-icon {width:12px;height:12px}
#product-demo[data-phase="0"] .sd-reply, #product-demo[data-phase="1"] .sd-reply {opacity:0;transform:translateY(5px)}
#product-demo .sd-practice-modes {display:flex;justify-content:center;gap:9px;margin-top:23px}
#product-demo .sd-practice-modes>span, #product-demo .sd-quality-pills>span {display:flex;align-items:center;gap:5px;font-size:10px;color:#4338ca;border:1px solid #e0e7ff;border-radius:50px;padding:8px 10px;background:#fff}
#product-demo .sd-practice-modes .sd-icon, #product-demo .sd-quality-pills .sd-icon {width:15px;height:15px}
#product-demo .sd-evidence {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#product-demo .sd-evidence>span {display:flex;align-items:center;justify-content:center;gap:7px;min-height:62px;border:1px solid #e0e7ff;border-radius:10px;background:#fff;color:#475569;font-size:11px}
#product-demo .sd-evidence .sd-icon {color:#6366f1;width:22px;height:22px}
#product-demo .sd-flow-down {width:2px;height:26px;background:linear-gradient(#e0e7ff,#818cf8);margin:0 auto;position:relative}
#product-demo .sd-flow-down::after {content:'';position:absolute;bottom:0;left:-2px;border:3px solid transparent;border-top-color:#818cf8;transform:translateY(4px)}
#product-demo .sd-learner-map {display:flex;align-items:center;justify-content:center;gap:15px;padding:12px 0 23px}
#product-demo .sd-learner-map>span {position:relative;display:grid;place-items:center;width:42px;height:42px;color:#818cf8;border:1px solid #e0e7ff;border-radius:50%;background:#fff}
#product-demo .sd-learner-map .sd-needs-help {width:52px;height:52px;color:#b45309;border-color:#fbbf24;background:#fffbeb;box-shadow:0 0 0 5px #fef3c7a0}
#product-demo .sd-needs-help i {display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#f59e0b;color:#fff;border:2px solid #fff;font-size:10px;font-style:normal;font-weight:700;position:absolute;top:-3px;right:-3px}
#product-demo .sd-mini-ui {max-width:340px;margin:0 auto;background:#fff;border:1px solid #e2e8f0;border-radius:11px;box-shadow:0 7px 22px #0f172a08;overflow:hidden}
#product-demo .sd-mini-heading {display:flex;align-items:center;justify-content:space-between;gap:6px;background:#f8fafc;border-bottom:1px solid #eef2f6;padding:9px 12px;font-size:9px;color:#64748b}
#product-demo .sd-mini-heading>span {display:flex;gap:5px;align-items:center;color:#475569;font-weight:600}
#product-demo .sd-mini-heading .sd-icon {width:13px;height:13px}
#product-demo .sd-mini-heading small {font-size:8px}
#product-demo .sd-mini-row {display:flex;align-items:center;gap:9px;padding:13px}
#product-demo .sd-mini-avatar {display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#eef2ff;color:#6366f1;font-size:9px;font-weight:700;flex-shrink:0}
#product-demo .sd-mini-row strong {display:block;font-size:11px;font-weight:650}
#product-demo .sd-mini-row small {display:block;font-size:9px;color:#64748b;margin-top:3px}
#product-demo .sd-attention {font-size:8px;border:1px solid #fde68a;background:#fffbeb;color:#92400e;border-radius:50px;padding:4px 6px;margin-left:auto;white-space:nowrap}
#product-demo .sd-collect {height:40px;display:flex;justify-content:space-evenly;position:relative}
#product-demo .sd-collect i {border:1.5px solid #c7d2fe;border-top:0;width:33.33%;height:22px;border-radius:0 0 12px 12px;margin-left:-1.5px}
#product-demo .sd-collect i:first-child {border-left:0}
#product-demo .sd-collect i:last-child {border-right:0}
#product-demo .sd-collect::after {content:'';position:absolute;left:50%;top:22px;border-left:1.5px solid #a5b4fc;height:18px}
#product-demo .sd-dossier {display:flex;align-items:center;gap:16px;max-width:380px;margin:0 auto;padding:21px 18px;background:#fff;border:1px solid #c7d2fe;border-radius:12px;box-shadow:0 8px 28px #6366f110;position:relative}
#product-demo .sd-dossier::before {content:'';position:absolute;inset:5px 9px -6px;border:1px solid #e0e7ff;border-radius:12px;background:#f5f6ff;z-index:-1}
#product-demo .sd-dossier>span {display:grid;place-items:center;width:60px;height:64px;border:1px solid #e0e7ff;border-radius:12px;background:#eef2ff;flex-shrink:0;color:#6366f1}
#product-demo .sd-dossier>span .sd-icon {width:35px;height:35px}
#product-demo .sd-dossier small {color:#6366f1;font-size:8px}
#product-demo .sd-dossier strong {font-size:15px;letter-spacing:-.25px}
#product-demo .sd-dossier p {font-size:10px;margin-top:7px;color:#64748b}
#product-demo .sd-quality-pills {display:flex;gap:9px;justify-content:center;margin-top:26px}
#product-demo .sd-tabs {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-top:1px solid #eef0fa;border-bottom:1px solid #eef0fa;background:#fafbff}
#product-demo .sd-tab {position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:59px;padding:13px 8px;color:#64748b;background:transparent;border:0;border-right:1px solid #eef0fa;font-size:12px;font-weight:600;overflow:hidden}
#product-demo .sd-tab:last-child {border-right:0}
#product-demo .sd-tab .sd-icon {width:18px;height:18px}
#product-demo .sd-tab:hover {color:#4f46e5;background:#f0f1ff}
#product-demo .sd-tab[aria-selected="true"] {background:#eef2ff;color:#4f46e5}
#product-demo .sd-tab i {position:absolute;left:0;bottom:0;height:3px;width:0;background:#6366f1}
#product-demo .sd-tab[aria-selected="true"] i {width:var(--sd-chapter-progress)}
#product-demo .sd-player {display:flex;gap:13px;align-items:center;padding:7px 21px;color:#64748b;font-size:10px;background:#fff}
#product-demo .sd-player button {display:grid;place-items:center;border:0;background:transparent;color:#6366f1;width:32px;height:32px;flex-shrink:0;border-radius:6px}
#product-demo .sd-player button:hover {background:#eef2ff}
#product-demo .sd-player .sd-icon {width:17px;height:17px}
#product-demo .sd-player-time, #product-demo .sd-player-duration {font-size:10px;font-variant-numeric:tabular-nums;min-width:25px;text-align:center}
#product-demo [data-seek] {appearance:none;-webkit-appearance:none;flex:1;min-width:0;width:100%;height:24px;cursor:pointer;background:transparent;margin:0;--track:linear-gradient(to right,#6366f1 var(--sd-played),#e2e8f0 var(--sd-played))}
#product-demo [data-seek]::-webkit-slider-runnable-track {height:3px;border-radius:6px;background:var(--track)}
#product-demo [data-seek]::-webkit-slider-thumb {appearance:none;-webkit-appearance:none;width:9px;height:9px;background:#6366f1;border:2px solid #fff;border-radius:50%;margin-top:-3px;box-shadow:0 0 0 1px #c7d2fe}
#product-demo [data-seek]::-moz-range-track {height:3px;border-radius:6px;background:var(--track)}
#product-demo [data-seek]::-moz-range-thumb {width:6px;height:6px;background:#6366f1;border:2px solid #fff;border-radius:50%}
#product-demo .sd-caption {font-size:10px;color:#94a3b8;text-align:center;margin-top:13px;line-height:1.6}
#product-demo .sd-finale {position:absolute;inset:0;z-index:5;background:radial-gradient(ellipse at 50% 0,#e8eaff 0,transparent 68%),#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;animation:sd-scene-in .4s ease-out both}
#product-demo .sd-finale-symbol {display:grid;place-items:center;width:49px;height:49px;margin-bottom:15px;border:1px solid #c7d2fe;background:white;border-radius:14px;color:#6366f1;box-shadow:0 8px 24px #6366f114}
#product-demo .sd-finale-symbol .sd-icon {width:27px;height:27px}
#product-demo .sd-finale .sd-kicker {font-size:8px;color:#6366f1}
#product-demo .sd-finale h3 {font-size:35px;margin-top:11px;letter-spacing:-1px}
#product-demo .sd-finale>p {font-size:13px;color:#64748b;margin-top:12px}
#product-demo .sd-final-actions {display:flex;align-items:center;gap:20px;margin-top:22px}
#product-demo .sd-cta {display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 17px;background:#6366f1;color:white;text-decoration:none;border-radius:8px;font-size:12px;font-weight:600}
#product-demo .sd-cta:hover {background:#4f46e5}
#product-demo .sd-pricing {display:flex;align-items:center;gap:7px;font-size:12px;color:#4338ca;text-decoration:none}
#product-demo .sd-final-actions .sd-icon {width:16px;height:16px}
#product-demo .sd-replay {display:flex;align-items:center;gap:6px;background:transparent;border:0;padding:6px;color:#64748b;font-size:10px;margin-top:13px}
#product-demo .sd-replay .sd-icon {width:13px;height:13px}
#product-demo .sd-arrive-1, #product-demo .sd-arrive-2 {transition:opacity .35s ease,transform .4s cubic-bezier(.2,.7,.3,1)}
#product-demo[data-phase="0"] .sd-arrive-1, #product-demo[data-phase="0"] .sd-arrive-2, #product-demo[data-phase="1"] .sd-arrive-2 {opacity:0;transform:translateY(12px)}
#product-demo[data-running="false"] .sd-signal i, #product-demo[data-running="false"] .sd-branch i::after {animation-play-state:paused!important}
@keyframes sd-scene-in {from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes sd-dot-travel {0%{opacity:0;transform:translateY(-17px)}45%{opacity:1}100%{opacity:0;transform:translateY(0)}}
@keyframes sd-broadcast {0%{opacity:.45;transform:scale(1)}100%{opacity:0;transform:scale(1.06,1.25)}}
@media (max-width:1000px) {
  #product-demo .sd-scene {gap:22px;padding:28px 25px;min-height:405px}
  #product-demo h3 {font-size:29px;letter-spacing:-1px}
  #product-demo .sd-copy>p {font-size:13px}
  #product-demo .sd-gain {font-size:10px}
  #product-demo .sd-root {padding:13px 12px;gap:10px}
  #product-demo .sd-root strong, #product-demo .sd-bank strong, #product-demo .sd-live-hub strong {font-size:12px}
  #product-demo .sd-root>span {width:36px;height:38px}
  #product-demo .sd-three {gap:7px}
  #product-demo .sd-node strong {font-size:11px}
  #product-demo .sd-node small {font-size:8px}
  #product-demo .sd-bank {padding:13px 10px;gap:8px}
  #product-demo .sd-loop {display:none}
  #product-demo .sd-course-path {padding:10px 8px}
  #product-demo .sd-course-path>span {font-size:9px;gap:4px}
  #product-demo .sd-live-hub {padding:15px 12px;gap:9px}
  #product-demo .sd-live-hub>b {display:none}
  #product-demo .sd-evidence>span {flex-direction:column;font-size:10px;gap:4px;padding:9px 5px}
  #product-demo .sd-practice-modes>span, #product-demo .sd-quality-pills>span {font-size:9px;padding:7px}
  #product-demo .sd-dossier {gap:10px;padding:18px 12px}
  #product-demo .sd-dossier strong {font-size:13px}
}
@media (max-width:720px) {
  #product-demo .sd-shell {border-radius:18px}
  #product-demo .sd-topline {padding:13px 20px}
  #product-demo .sd-topline>span:not(.sd-film-label) {display:none}
  #product-demo .sd-topline img {width:70px;height:29px}
  #product-demo .sd-film-label {font-size:10px}
  #product-demo .sd-scene {grid-template-columns:minmax(0,1fr);gap:19px;padding:25px;min-height:536px;align-content:start}
  #product-demo .sd-copy {text-align:center}
  #product-demo .sd-kicker {justify-content:center;font-size:8px;letter-spacing:.8px}
  #product-demo .sd-kicker b {width:21px;height:21px;font-size:9px}
  #product-demo h3 {font-size:28px;line-height:1.2;margin-top:11px}
  #product-demo .sd-copy>p {font-size:12px;line-height:1.7;max-width:350px;margin:11px auto 0}
  #product-demo .sd-gain {display:none}
  #product-demo .sd-diagram {padding:8px 0;max-width:430px;width:100%;margin:auto}
  #product-demo .sd-root strong, #product-demo .sd-bank strong, #product-demo .sd-live-hub strong {font-size:12px}
  #product-demo .sd-root {padding:12px 15px}
  #product-demo .sd-node {padding:11px 5px 10px}
  #product-demo .sd-node-icon {width:32px;height:32px;border-radius:9px;margin-bottom:7px}
  #product-demo .sd-node-icon .sd-icon {width:19px;height:19px}
  #product-demo .sd-branch {height:28px}
  #product-demo .sd-branch::before {top:14px}
  #product-demo .sd-branch::after, #product-demo .sd-branch i {height:14px}
  #product-demo .sd-course-path {margin-top:17px}
  #product-demo .sd-diagram-caption {font-size:9px;margin-top:11px;max-width:310px}
  #product-demo .sd-resource-icons {gap:10px;margin-bottom:11px}
  #product-demo .sd-resource-icons>span {width:31px;height:31px;border-radius:8px}
  #product-demo .sd-resource-icons .sd-icon {width:18px;height:18px}
  #product-demo .sd-bank-symbol {width:35px;height:36px}
  #product-demo .sd-bank-symbol .sd-icon {width:22px;height:22px}
  #product-demo .sd-bank small {font-size:7px}
  #product-demo .sd-practice-modes {gap:6px;margin-top:17px}
  #product-demo .sd-practice-modes>span, #product-demo .sd-quality-pills>span {font-size:9px}
  #product-demo .sd-live-hub {padding:15px}
  #product-demo .sd-live-hub>b {display:block}
  #product-demo .sd-evidence>span {min-height:60px;font-size:10px}
  #product-demo .sd-learner-map {gap:15px;padding:10px 0 18px}
  #product-demo .sd-learner-map>span {width:34px;height:34px}
  #product-demo .sd-learner-map .sd-needs-help {width:44px;height:44px}
  #product-demo .sd-quality-pills {margin-top:23px;gap:7px}
  #product-demo .sd-tabs {background:#fff}
  #product-demo .sd-tab {flex-direction:column;gap:5px;font-size:9px;padding:11px 2px;min-height:60px;font-weight:500}
  #product-demo .sd-tab .sd-icon {width:19px;height:19px}
  #product-demo .sd-player {padding:5px 11px;gap:7px}
  #product-demo .sd-player button {width:27px}
  #product-demo .sd-caption {font-size:8px;margin-top:10px}
  #product-demo .sd-finale {padding:25px 20px}
  #product-demo .sd-finale h3 {font-size:30px}
  #product-demo .sd-finale>p {font-size:12px;line-height:1.8}
  #product-demo .sd-final-actions {flex-direction:column;gap:17px;margin-top:25px}
  #product-demo .sd-replay {margin-top:22px}
}
@media (max-width:380px) {
  #product-demo .sd-topline {padding:12px 15px}
  #product-demo .sd-scene {padding:22px 14px;gap:20px;min-height:540px}
  #product-demo h3 {font-size:25px;letter-spacing:-.75px}
  #product-demo .sd-copy>p {font-size:11px}
  #product-demo .sd-node strong {font-size:10px}
  #product-demo .sd-node small {font-size:7px}
  #product-demo .sd-root strong, #product-demo .sd-bank strong, #product-demo .sd-live-hub strong {font-size:11px}
  #product-demo .sd-root small, #product-demo .sd-live-hub small {font-size:7px}
  #product-demo .sd-course-path>span {font-size:8px;gap:3px}
  #product-demo .sd-course-path .sd-icon {width:12px;height:12px}
  #product-demo .sd-live-hub>b {display:none}
  #product-demo .sd-reply {font-size:7px;padding:5px 3px}
  #product-demo .sd-learner-map {gap:10px}
  #product-demo .sd-mini-row {padding:10px;gap:6px}
  #product-demo .sd-mini-row small {font-size:8px}
  #product-demo .sd-mini-heading {padding:8px 10px}
  #product-demo .sd-attention {font-size:7px;padding:3px 5px}
  #product-demo .sd-practice-modes>span, #product-demo .sd-quality-pills>span {font-size:8px;padding:7px 5px;gap:4px}
  #product-demo .sd-dossier>span {width:48px;height:55px}
  #product-demo .sd-dossier strong {font-size:12px}
  #product-demo .sd-dossier small {font-size:7px}
  #product-demo .sd-dossier p {font-size:9px}
  #product-demo .sd-tab {font-size:8px}
}
@media (prefers-reduced-motion:reduce) {
  #product-demo *, #product-demo *::before, #product-demo *::after {animation:none!important;transition:none!important}
  #product-demo .sd-arrive-1, #product-demo .sd-arrive-2, #product-demo .sd-reply {opacity:1!important;transform:none!important}
  #product-demo .sd-signal {display:none}
}