/* CaseOne · Feedback2. Source: docs/chartes/Charte_feedback2 (25/09/2026).
   Loaded after the historical landing styles; only the CaseOne surface changes. */
@font-face {
    font-family: 'Instrument Sans';
    src: url('../feedback/fonts/InstrumentSans.woff2') format('woff2');
    font-weight: 400 700;
    font-style: normal;
    font-display: swap;
}
body[data-surface="caseone"] {
    --of-feedback-paper: #f5f5f3;
    --of-feedback-sheet: #fff;
    --of-feedback-glass: #ffffffed;
    --of-feedback-header: #ffffffb8;
    --of-feedback-ink: #242625;
    --of-feedback-muted: #626662;
    --of-feedback-faint: #626962;
    --of-feedback-line: #e3e5e1;
    --of-feedback-edge: #767981;
    --of-feedback-hover: #edf1ed;
    --of-feedback-sage: #4b665b;
    --of-feedback-amber: #ffd596;
    --of-feedback-danger: #974b40;
    --of-feedback-shadow: 0 2px 4px #20242003, 0 16px 44px -24px #20242020;
    --of-feedback-decor: url('../feedback/fond-clair-web.webp');
    --of-feedback-veil: linear-gradient(0deg,#fbfbfae0,transparent 32%),linear-gradient(90deg,#fbfbfaf5,#fbfbfae0 32%,#fbfbfac9 64%,#fbfbfab8);
    color-scheme: light;
}
html[data-theme="sombre"] body[data-surface="caseone"] {
    --of-feedback-paper: #191a1c;
    --of-feedback-sheet: #242528;
    --of-feedback-glass: #252629ed;
    --of-feedback-header: #252629b8;
    --of-feedback-ink: #f3f3f4;
    --of-feedback-muted: #c0c1c5;
    --of-feedback-faint: #aaacb2;
    --of-feedback-line: #56585f;
    --of-feedback-hover: #303135;
    --of-feedback-sage: #e5e5e7;
    --of-feedback-danger: #edb09c;
    --of-feedback-shadow: 0 2px 4px #00000018,0 16px 44px -24px #00000060;
    --of-feedback-decor: url('../feedback/fond-sombre.webp');
    --of-feedback-veil: linear-gradient(90deg,#191a1ce8,#191a1cd1 56%,#191a1cb8);
    color-scheme: dark;
}
/* Map legacy semantic tokens once; gold is no longer an interface color. */
html body[data-surface="caseone"],
html[data-theme="clair"] body[data-surface="caseone"],
html[data-theme="sombre"] body[data-surface="caseone"] {
    --co-bg: var(--of-feedback-paper);
    --co-bg-soft: var(--of-feedback-hover);
    --co-bg-raised: var(--of-feedback-sheet);
    --co-bg-paper: var(--of-feedback-sheet);
    --co-ink: var(--of-feedback-ink);
    --co-ink-dim: var(--of-feedback-muted);
    --co-ink-mute: var(--of-feedback-faint);
    --co-gold: var(--of-feedback-sage);
    --co-gold-soft: var(--of-feedback-ink);
    --co-bordeaux: var(--of-feedback-danger);
    --co-bordeaux-light: var(--of-feedback-danger);
    --co-line: var(--of-feedback-line);
    --co-line-strong: var(--of-feedback-line);
    --co-shadow: var(--of-feedback-shadow);
    --co-shadow-lg: var(--of-feedback-shadow);
    --co-shadow-xl: var(--of-feedback-shadow);
    --co-font-title: 'Instrument Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    --co-font-body: var(--co-font-title);
    --co-font-mono: var(--co-font-title);
    --of-font: var(--co-font-body);
    --of-bg: var(--co-bg);
    --of-bg-alt: var(--co-bg-soft);
    --of-text: var(--co-ink);
    --of-text-secondary: var(--co-ink-dim);
    --of-text-muted: var(--co-ink-mute);
    --of-card-bg: var(--of-feedback-glass);
    --of-border: var(--co-line);
    --of-border-subtle: var(--co-line);
    --of-nav-bg: var(--of-feedback-header);
    --of-shadow: var(--co-shadow);
    --of-shadow-lg: var(--co-shadow);
    --of-shadow-xl: var(--co-shadow);
    --of-accent: var(--of-feedback-sage);
    --of-accent-hover: var(--co-ink);
    --of-accent-light: var(--of-feedback-hover);
    --of-accent-surface: var(--co-ink);
    --of-accent-surface-hover: var(--of-feedback-sage);
    --of-gold: var(--of-feedback-sage);
    --of-gold-light: var(--of-feedback-hover);
    --of-danger: var(--of-feedback-danger);
    --of-danger-light: var(--of-feedback-hover);
    --of-success: var(--of-feedback-sage);
    --of-radius: 1.5rem;
    --of-radius-sm: .9rem;
    --of-glow: none;
    font-family: var(--co-font-body);
    font-synthesis: none;
    font-size: 1rem;
    line-height: 1.55;
    background: var(--co-bg);
    color: var(--co-ink);
    -webkit-font-smoothing: antialiased;
}
body[data-surface="caseone"]::before {
    background-image: var(--of-feedback-veil),var(--of-feedback-decor);
    background-size: cover;
    background-position: center;
    opacity: 1;
    filter: none;
}
body[data-surface="caseone"] :is(button,input,textarea,select,code,small,[class^="lms-"]) {
    font-family: var(--co-font-body);
}
body[data-surface="caseone"] :is(h1,h2,h3,h4,.hero__title,.section__title,.demo__title) {
    font-family: var(--co-font-title);
    font-weight: 600;
    letter-spacing: -.045em;
    line-height: 1.15;
}
body[data-surface="caseone"] .hero { padding-top: 148px; }
body[data-surface="caseone"] .hero__title { font-size: clamp(2.4rem,4.4vw,3.6rem); line-height: 1.12; }
body[data-surface="caseone"] .hero__subtitle { font-size: 1.08rem; line-height: 1.65; }
body[data-surface="caseone"] .section__title { font-size: clamp(1.8rem,3vw,2.6rem); padding-bottom: 0; }
body[data-surface="caseone"] :is(.hero::before,.hero::after,.hero__bg-decoration,.hero__image-glow,.section__title::after,#cursor-frame,.kw-frame::before,.kw-frame::after) { display: none; }
body[data-surface="caseone"] .kw-frame { padding: 0; }
body[data-surface="caseone"] :is(.hero__container,.section__container,.footer__container) { max-width: 1280px; }
body[data-surface="caseone"] .section { scroll-margin-top: 88px; }
body[data-surface="caseone"] :is(.hero__float-badge,.hero__badge,.co-stamp) {
    background: var(--of-feedback-glass);
    border: 1px solid var(--co-line);
    color: var(--co-ink-dim);
    border-radius: 999px;
    box-shadow: none;
    font-size: .8rem;
    text-transform: none;
    letter-spacing: .01em;
    transform: none;
}
body[data-surface="caseone"] .co-stamps-group .co-stamp { transform: none; }
body[data-surface="caseone"] :is(.hero__image-frame,.hero__image,.watson__chat-img,.c2-shot) { border-radius: 1.5rem; }
body[data-surface="caseone"] .hero__image { filter: none; }
/* One translucent surface per card, with the native landscape behind it. */
body[data-surface="caseone"] :is(.card,.compare__card,.c2-scene,.c2-temps__card,.c2-games__card,.c2-terrain__card,.c2-delais__card,.lms-step,.demo__card,.pricing__card,.faq__question) {
    background: var(--of-feedback-glass);
    border: 1px solid var(--co-line);
    border-radius: 1.5rem;
    box-shadow: var(--of-feedback-shadow);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}
body[data-surface="caseone"] :is(.card,.pricing__card):hover {
    background: var(--of-feedback-glass);
    border-color: var(--of-feedback-edge);
    box-shadow: var(--of-feedback-shadow);
    transform: translateY(-2px);
}
body[data-surface="caseone"] :is(.card::before,.card::after) { display: none; }
body[data-surface="caseone"] :is(.card__icon-wrap,.trust__icon-wrap,.integration__logo-item) {
    color: var(--of-accent);
    background: var(--of-feedback-hover);
    border-color: var(--co-line);
    border-radius: .9rem;
}
body[data-surface="caseone"] .card:hover .card__icon-wrap {
    background: var(--of-feedback-hover);
    color: var(--of-accent);
    transform: none;
}
body[data-surface="caseone"] :is(.btn,.co-nav__cta) {
    min-height: 44px;
    border-radius: .9rem;
    font-size: .9rem;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
}
body[data-surface="caseone"] :is(.btn--primary,.co-nav__cta) {
    background: var(--co-ink);
    color: var(--co-bg);
    border: 1px solid var(--co-ink);
    box-shadow: none;
}
body[data-surface="caseone"] :is(.btn--primary,.co-nav__cta):hover {
    background: var(--of-accent);
    border-color: var(--of-accent);
    color: var(--co-bg);
    box-shadow: none;
}
body[data-surface="caseone"] :is(.btn--outline,.btn--secondary) {
    background: var(--of-feedback-glass);
    border: 1px solid var(--co-line);
    color: var(--co-ink);
}
body[data-surface="caseone"] :is(.btn--outline,.btn--secondary):hover {
    background: var(--of-feedback-hover);
    border-color: var(--of-feedback-edge);
    color: var(--co-ink);
    box-shadow: none;
}
body[data-surface="caseone"] .co-nav {
    height: 88px;
    padding: 0 clamp(.75rem,2.5vw,2.5rem);
    background: var(--of-feedback-header);
    border-bottom: 1px solid var(--co-line);
    align-items: center;
    gap: .75rem;
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
}
body[data-surface="caseone"] :is(.co-nav__left,.co-nav__right) { align-items: center; gap: .5rem; min-width: 0; }
body[data-surface="caseone"] .co-nav__left { flex: 1; }
body[data-surface="caseone"] .co-nav__right { flex: none; }
body[data-surface="caseone"] .co-nav__links { font-size: .85rem; letter-spacing: 0; text-transform: none; align-items: center; }
body[data-surface="caseone"] .co-nav__link { min-height: 44px; padding: 0 12px; }
body[data-surface="caseone"] .co-nav__link::before { display: none; }
body[data-surface="caseone"] .co-nav__link--active::after { left: 12px; right: 12px; }
body[data-surface="caseone"] .co-nav__cta { padding: .65rem 1rem; }
body[data-surface="caseone"] .co-nav__lang { border: 0; padding: 0; }
body[data-surface="caseone"] .co-nav__lang .nav__lang-toggle { min-height: 44px; padding: .5rem; font-size: .8rem; }
body[data-surface="caseone"] .nav__lang-menu { border-radius: .9rem; box-shadow: var(--co-shadow); }
body[data-surface="caseone"] :is(.nav__theme-toggle,.co-nav__frame-trigger,.co-nav__burger) {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    padding: .6rem;
    background: transparent;
    border: 1px solid var(--co-line);
    border-radius: .9rem;
    color: var(--co-ink);
}
body[data-surface="caseone"] .nav__theme-toggle { display: inline-flex; align-items: center; justify-content: center; }
body[data-surface="caseone"] .feedback-brand { display: flex; align-items: center; gap: .65rem; min-width: 0; margin-right: .5rem; }
body[data-surface="caseone"] .feedback-cube {
    display: block;
    width: 72px;
    height: 72px;
    flex: 0 0 72px;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    touch-action: none;
    cursor: grab;
    user-select: none;
}
body[data-surface="caseone"] .feedback-cube img { display: block; width: 100%; height: 100%; object-fit: contain; pointer-events: none; }
body[data-surface="caseone"] .feedback-brand__wordmark { display: flex; align-items: baseline; gap: .5rem; white-space: nowrap; text-decoration: none; line-height: 1.2; }
body[data-surface="caseone"] .feedback-brand__name { white-space: nowrap; text-decoration: none; line-height: 1.2; font-size: 1.55rem; font-weight: 600; letter-spacing: -.045em; color: var(--co-ink); }
body[data-surface="caseone"] .feedback-brand__one { color: var(--of-feedback-amber); }
body[data-surface="caseone"] .feedback-brand__by { margin-left: .5rem; letter-spacing: .01em; font-size: .8rem; font-weight: 400; color: var(--co-ink-dim); }
body[data-surface="caseone"] :is(.co-nav-mobile,.co-frame-panel) { background: var(--of-feedback-glass); backdrop-filter: blur(22px); }
body[data-surface="caseone"] .co-nav-mobile { top: 88px; }
body[data-surface="caseone"] .co-frame-panel { border-radius: 1.5rem; border: 1px solid var(--co-line); }
body[data-surface="caseone"] .co-frame-panel-corner { display: none; }
body[data-surface="caseone"] .co-frame-panel-nav a:hover { background: var(--of-feedback-hover); }
body[data-surface="caseone"] :is(.c2-temps__tag,.c2-scene__bar,.c2-scene__gauge-label,.c2-scene__watson-name,.c2-levels__pill,.lms-step__num,.lms-journey__kicker,.compare__badge,.compare__ai-header) {
    text-transform: none;
    letter-spacing: .02em;
    font-size: .85rem;
}
body[data-surface="caseone"] :is(.c2-temps__name,.c2-games__name,.c2-terrain__name,.integration__heading,.trust__heading) { font-weight: 600; }
body[data-surface="caseone"] :is(.c2-scene__choice,.compare__option,.compare__answer,.c2-scene__watson,.c2-shot--placeholder,.compare__ai-feedback) {
    background: var(--of-feedback-hover);
    border-color: var(--co-line);
    border-radius: .9rem;
}
body[data-surface="caseone"] .c2-scene__choice[disabled] { opacity: .75; }
body[data-surface="caseone"] .c2-scene__choice.is-picked { opacity: 1; }
body[data-surface="caseone"] .c2-scene__gauge-track { background: var(--co-line); }
body[data-surface="caseone"] :is(.compare__badge--old,.compare__verdict--bad) { background: var(--of-feedback-hover); color: var(--of-feedback-danger); border-color: var(--co-line); }
body[data-surface="caseone"] .compare__badge--new { background: var(--of-feedback-hover); border-color: var(--co-line); }
body[data-surface="caseone"] .compare__ai-score { background: var(--co-ink) !important; color: var(--co-bg) !important; border-radius: .65rem; }
body[data-surface="caseone"] :is(.compare__badge,.compare__option) { border-radius: .65rem; }
body[data-surface="caseone"] .compare__radio--checked { border-color: var(--of-accent); }
body[data-surface="caseone"] .compare__radio--checked::after { background: var(--of-accent); }
body[data-surface="caseone"] :is(.form-input,.watson-input) { background: var(--of-feedback-sheet); border: 1px solid var(--of-feedback-edge); color: var(--co-ink); border-radius: .9rem; min-height: 44px; }
body[data-surface="caseone"] .form-input:focus { box-shadow: 0 0 0 3px var(--of-feedback-hover); border-color: var(--of-accent); }
body[data-surface="caseone"] :is(.footer,.cookie-banner) { position: relative; background: var(--of-feedback-glass); z-index: 1; }
body[data-surface="caseone"] .cookie-banner { position: fixed; z-index: 9998; }
body[data-surface="caseone"] .footer__logo :is(.logo-case,.logo-one) { font-family: var(--co-font-body); font-weight: 600; }
body[data-surface="caseone"] .footer__logo .logo-case { color: var(--co-ink); }
body[data-surface="caseone"] .footer__logo .logo-one { color: var(--of-accent); }
body[data-surface="caseone"] :is(.footer__link,.footer__copyright,.footer__by) { letter-spacing: 0; font-size: .85rem; text-transform: none; }
/* The LMS examples inherit the same theme, including their nested mock screens. */
body[data-surface="caseone"] :is(.lms-mock-login,.lms-mock-cat,.lms-mock-launch,.lms-mock-play,.lms-mock-kpi) { background: var(--of-feedback-hover); color: var(--co-ink); }
body[data-surface="caseone"] :is(.lms-mock-login__form .champ,.lms-mock-cat__search,.lms-mock-cat__card,.lms-mock-play__bulle,.lms-mock-play__choix span,.lms-mock-kpi__tile,.lms-mock-kpi table) { background: var(--of-feedback-sheet); border-color: var(--co-line); color: var(--co-ink); }
body[data-surface="caseone"] :is(.lms-mock-cat__card h4,.lms-mock-kpi__tile b,.lms-mock-kpi td) { color: var(--co-ink); border-color: var(--co-line); }
body[data-surface="caseone"] :is(.lms-mock-login__logo small,.lms-mock-login__form label,.lms-mock-cat__card p,.lms-mock-launch__note,.lms-mock-kpi__tile small) { color: var(--co-ink-dim); }
body[data-surface="caseone"] :is(.lms-mock-cat__badge,.lms-mock-launch__state,.lms-pill--ok,.lms-pill--wip,.lms-mock-kpi th) { background: var(--of-feedback-hover); color: var(--of-accent); border-color: var(--co-line); }
body[data-surface="caseone"] :is(.lms-mock-login__btn,.lms-mock-launch__btn) { background: var(--co-ink); color: var(--co-bg); }
body[data-surface="caseone"] .lms-mock-play__choix span.bon { background: var(--of-feedback-hover); border-color: var(--of-accent); }
body[data-surface="caseone"] .lms-journey__arrow { min-width: 44px; min-height: 44px; }
body[data-surface="caseone"] :focus-visible { outline: 3px solid var(--of-accent); outline-offset: 4px; }
body[data-surface="caseone"] ::selection { background: var(--co-ink); color: var(--co-bg); }
@media (max-width: 1100px) {
    body[data-surface="caseone"] .co-nav__links { display: none; }
}
@media (max-width: 700px) {
    body[data-surface="caseone"] .co-nav { height: 72px; gap: .35rem; padding-inline: .6rem; }
    body[data-surface="caseone"] .co-nav-mobile { top: 72px; }
    body[data-surface="caseone"] .co-nav__left { gap: .3rem; }
    body[data-surface="caseone"] .co-nav__right { gap: .3rem; }
    body[data-surface="caseone"] .feedback-brand { gap: .3rem; margin: 0; }
    body[data-surface="caseone"] .feedback-brand__name { font-size: clamp(.875rem,3.8vw,1.15rem); }
    body[data-surface="caseone"] .feedback-brand__by { display: none; }
    body[data-surface="caseone"] .co-nav__cta { padding: .6rem .7rem; font-size: .78rem; }
    body[data-surface="caseone"] .hero { padding-top: 112px; }
    body[data-surface="caseone"] .hero__title { font-size: clamp(2.1rem,7vw,3rem); }
    body[data-surface="caseone"] .section { scroll-margin-top: 72px; }
    body[data-surface="caseone"] .co-nav__frame-trigger { display: none; }
    /* Override the old charter, which explicitly hid this control. */
    body[data-surface="caseone"] .co-nav__burger { display: inline-flex !important; margin-right: 0; }
}
@media (max-width: 600px) {
    body[data-surface="caseone"] .feedback-cube { width: 56px; height: 56px; flex-basis: 56px; }
}
@media (max-width: 360px) {
    body[data-surface="caseone"] :is(.feedback-brand__wordmark,.feedback-brand__name) { display: none; }
    body[data-surface="caseone"] .co-nav__cta { padding-inline: .55rem; }
}
@media (max-width: 820px) {
    body[data-surface="caseone"] { --of-feedback-veil: linear-gradient(0deg,#fbfbfaf2,#fbfbfae6 46%,#fbfbfac9); }
    html[data-theme="sombre"] body[data-surface="caseone"] { --of-feedback-veil: linear-gradient(155deg,#191a1cc9,#191a1ce6 62%,#191a1cb3); }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    body[data-surface="caseone"] *,body[data-surface="caseone"] *::before,body[data-surface="caseone"] *::after { animation: none !important; transition: none !important; scroll-behavior: auto; }
    body[data-surface="caseone"] .animate-on-scroll { opacity: 1; transform: none; }
}
@media (prefers-reduced-transparency: reduce),(prefers-contrast: more) {
    body[data-surface="caseone"] { --of-feedback-glass: var(--of-feedback-sheet); --of-feedback-header: var(--of-feedback-sheet); }
}

body[data-surface="caseone"] .compare__radio--checked { background: var(--of-accent); }

/* Brand marks use neutral ink in light mode and a neutral light tint in dark mode. */
body[data-surface="caseone"] .integration__logo-item img,
body[data-surface="caseone"] .integration__logo-item:hover img {
    filter: brightness(0) opacity(.78);
    opacity: 1;
}
html[data-theme="sombre"] body[data-surface="caseone"] .integration__logo-item img,
html[data-theme="sombre"] body[data-surface="caseone"] .integration__logo-item:hover img {
    filter: brightness(0) invert(.94);
    opacity: 1;
}
/* The conversation remains readable even when opened over dense page content. */
body[data-surface="caseone"] .watson-panel {
    background: var(--of-feedback-sheet);
    color: var(--co-ink);
    border: 1px solid var(--co-line);
    border-radius: 1.5rem;
    box-shadow: var(--of-feedback-shadow);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}
body[data-surface="caseone"] :is(.watson-panel-header,.watson-panel-inputbar,.watson-msg-assistant) {
    background: var(--of-feedback-hover);
    color: var(--co-ink);
    border-color: var(--co-line);
}
body[data-surface="caseone"] :is(.watson-msg-user,.watson-send-btn,.watson-rdv-btn) {
    background: var(--co-ink);
    color: var(--co-bg);
}
body[data-surface="caseone"] .watson-panel-inputbar textarea {
    background: var(--of-feedback-sheet);
    color: var(--co-ink);
    border: 1px solid var(--of-feedback-edge);
    border-radius: .9rem;
    min-height: 44px;
}
body[data-surface="caseone"] .watson-panel-inputbar textarea::placeholder { color: var(--co-ink-dim); }
body[data-surface="caseone"] .watson-panel-inputbar textarea:focus-visible { outline: 2px solid var(--of-accent); outline-offset: 2px; }
body[data-surface="caseone"] :is(.watson-panel-close,.watson-send-btn,.watson-rdv-btn) { min-height: 44px; min-width: 44px; }
/* Pseudo-elements must be targeted directly, not inside :is(). */
body[data-surface="caseone"] .hero::before,
body[data-surface="caseone"] .hero::after,
body[data-surface="caseone"] .section__title::after,
body[data-surface="caseone"] .kw-frame::before,
body[data-surface="caseone"] .kw-frame::after,
body[data-surface="caseone"] .card::before,
body[data-surface="caseone"] .card::after { display: none; content: none; }
body[data-surface="caseone"] .co-stamps-group .co-stamp:nth-child(n) { transform: none; }
body[data-surface="caseone"] .hero__float-badge { transform: none; animation: none; }
/* Keep the page shortcut clear of the floating chat cube. */
body[data-surface="caseone"] .back-to-top { right: 136px; }
@media (max-width: 700px) {
    body[data-surface="caseone"] .back-to-top { right: 112px; }
}