/* NIKITA — blanc perle, surfaces en verre et une hiérarchie commune à tout le site. */
:root {
 --studio-ink:#1d1d1f; --studio-muted:#65666d; --studio-paper:#f5f5f7; --studio-line:#e3e5e8;
 --encre:var(--studio-ink); --texte-2:var(--studio-muted); --texte-3:#70727a;
 --blanc:#fff; --gris-fond:var(--studio-paper); --surface:#fff; --surface-soft:#f0f2f5;
 --filet:#e3e5e8; --filet-fort:#d4d8de; --accent:#426581; --rose-texte:var(--accent);
 --rose-doux:#edf2f6; --rose:#55738b; --verre-ombre:inset 0 1px 0 #fff,0 18px 50px -28px #253c5526;
}
body { background:var(--studio-paper); color:var(--encre); }
.cadre { max-width:1160px; }
h1,h2,h3 { font-weight:500; }
:focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
.btn,.btn-clair { border-radius:99px; box-shadow:none; font-size:14px; font-weight:500; }
.btn-grand { min-height:50px; padding-inline:23px; font-size:14px; }
.btn:hover { background:#34363b; box-shadow:none; }
.lien-fleche { color:var(--accent); font-size:14px; }
.section-kicker,.studio-kicker,.product-kicker { color:var(--studio-muted); font-size:10px; letter-spacing:.1em; font-weight:500; text-transform:uppercase; }
/* Navigation : le même panneau léger, sur chaque page. */
.barre,.barre.defilee { inset:20px 28px auto; background:transparent; border:0; }
.nav-shell { max-width:1080px; }
.barre-pilule,.barre.defilee .barre-pilule { height:66px; padding:0 12px 0 26px; border:1px solid #ffffffc9; border-radius:99px; background:#ffffffb3; box-shadow:0 3px 18px #40566408; backdrop-filter:blur(24px); -webkit-backdrop-filter:blur(24px); }
.marque img { width:104px; height:auto; }
.site-nav { margin-left:auto; margin-right:22px; gap:8px; }
.site-nav>a,.nav-solutions>summary { color:#454e54; font-size:12px; font-weight:400; border-radius:99px; }
.site-nav>a:hover,.nav-solutions>summary:hover,.nav-solutions[open]>summary { background:#edf0f3; }
.barre-actions>.nav-contact { min-height:40px; padding:0 19px; background:#27333a; border:0; border-radius:99px; color:white; font-size:12px; }
.barre-actions>.nav-contact>span { display:none; }
.mobile-menu>summary { border-radius:50%; background:#ffffffb3; border-color:#ffffffc9; }
.mobile-panel,.solutions-panel { padding:18px; border:1px solid #fff; border-radius:27px; background:#f9fbfc; box-shadow:0 22px 45px -23px #465b7440; }
.solutions-panel { left:auto; right:0; width:min(440px,calc(100vw - 60px)); }
.menu-besoins { display:grid; }
.menu-besoins>a { display:grid; grid-template-columns:1fr auto 12px; align-items:center; gap:10px; min-height:62px; padding-inline:8px; border-bottom:1px solid #e4e9ec; color:#27343b; font-size:13px; }
.menu-besoins>a:last-child { border-bottom:0; }
.menu-besoins>a:hover,.menu-besoins>a[aria-current=page] { background:#edf2f6; border-radius:12px; }
.menu-besoins>a>small { color:#68777e; font-size:9px; }
.menu-besoins .ico { width:12px;height:12px; }
.mobile-panel-links { gap:4px;padding:15px 0 0; }
.mobile-panel-links>a { padding-inline:10px;background:#eef2f4;color:#4b5d66; font-size:11px; border-radius:99px; }
.mobile-login,.menu-login { font-size:11px; color:#53656d; }.menu-login { display:block; padding:18px 8px 4px; border-top:1px solid var(--filet); }.menu-login:hover { color:var(--encre); }
/* Parcours par profil, regroupés dans le menu des offres depuis que l’accueil ne les propose plus. */
.menu-profils { display:flex; flex-wrap:wrap; gap:6px; padding:14px 8px 4px; border-top:1px solid var(--filet); }
.menu-profils p { width:100%; margin:0 0 2px; font-size:11px; color:#53656d; }
.menu-profils a { padding:6px 11px; border-radius:99px; background:#eef2f4; color:#4b5d66; font-size:12px; }
.menu-profils a:hover { color:var(--encre); background:#e4eaee; }
/* L’accueil : les preuves, l’approche et les offres, sans répétition. */
.trust-line { max-width:none; padding:32px max(24px,calc((100vw - 1112px)/2)); background:#fff; }
.references { padding:0!important; background:#fff; }.references .petit-titre { display:block; margin:0 0 16px; text-align:center; color:var(--studio-muted); font-size:11px; font-weight:400; letter-spacing:0; text-transform:none; }
.defile { animation:none; width:auto; flex-wrap:wrap; justify-content:center; gap:8px 16px; }.defile li { padding:0 6px; min-height:30px; font-size:13px; color:#73757b; }.defile li[aria-hidden=true] { display:none; }.defile img { max-height:25px; opacity:.65; }
.method-film { padding:64px 0 80px; background:#fff; }
.method-player { min-width:0; }.method-film .film { width:100%; margin:0; padding:0; }
.method-film .film-cadre { width:100%; height:auto; aspect-ratio:16/9; border-radius:24px; border:1px solid var(--filet); box-shadow:0 20px 45px -30px #253c5526; }
.method-film .film[data-format='4x5'] .film-cadre { aspect-ratio:4/5; }
.method-film .film .film-cadre:fullscreen { height:100%; aspect-ratio:auto; border:0; border-radius:0; background:#171717; box-shadow:none; }
.method-film .film-video,.film-grand .film-video { object-fit:contain; }
.method-film .film-lecture-icone { width:52px; height:52px; background:#fff; color:var(--encre); }
.method-film .film-lecture { gap:10px; padding:8px 18px 8px 8px; background:#27333a; }.method-film .film-lecture strong { font-size:14px; }
.results-section { padding:88px 0; margin:0; border-radius:0; color:var(--encre); background:var(--studio-paper); }
.results-heading { align-items:end; gap:32px; margin-bottom:32px; }
.results-heading h2 { max-width:19ch; font-size:clamp(32px,3.6vw,48px); line-height:1.1; letter-spacing:-.045em; }
.results-heading>p { max-width:30ch; color:var(--studio-muted); font-size:14px; }
.results-section .section-kicker { color:var(--studio-muted); margin-bottom:14px; }
.result-spotlights { gap:18px; }.result-spotlight { min-height:220px; padding:32px; border:1px solid #fff; border-radius:26px; background:#ffffffb3; box-shadow:0 12px 36px -30px #253c5526; }
.result-category { color:var(--studio-muted); font-size:10px; letter-spacing:.07em; }
.result-value { display:block; margin-top:20px; color:var(--encre); font-size:clamp(64px,7vw,88px); font-weight:450; letter-spacing:-.06em; line-height:1; }.result-value>span { font-size:.55em; }
.result-spotlight h3 { margin-top:15px; color:#565a63; font-size:15px; font-weight:400; }
.results-metrics { margin-top:34px; padding-top:30px; border-top:1px solid var(--filet); }.results-metrics>div { border:0; }.results-metrics dd { color:var(--encre); font-size:30px; font-weight:500; }.results-metrics dt { color:var(--studio-muted); font-size:12px; }
.results-footer { margin-top:24px; border:0; }.results-footer p { color:#70727a; font-size:10px; }.results-footer a { color:var(--accent); font-size:12px; }
.page-accueil .section { padding:88px 0; }.section::before { display:none; }.page-accueil .section-teintee { background:#fff; }
.page-accueil .entete { text-align:center; margin:0 auto 40px; max-width:700px; }.page-accueil .entete h2 { max-width:none; margin-top:14px; font-size:clamp(32px,3.6vw,48px); line-height:1.1; letter-spacing:-.045em; }
.page-accueil .offres-intro { margin-top:16px; max-width:none; font-size:15px; color:var(--studio-muted); }
/* Une galerie de produits : les visuels expliquent, le texte reste court. */
.offers-simple { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.offer-simple { --gallery-tint:#eaf1f7; --gallery-accent:#809bad; display:flex; flex-direction:column; min-width:0; padding:34px 34px 24px; overflow:hidden; border:1px solid #edf0f3; border-radius:32px; background:linear-gradient(155deg,#fbfcfd 20%,var(--gallery-tint)); transition:box-shadow .4s ease,border-color .4s ease; }
.gallery-formations { --gallery-tint:#f4ede7; --gallery-accent:#b49b87; }
.gallery-consultants { --gallery-tint:#eaf2ed; --gallery-accent:#86a28f; }
.gallery-nikibot { --gallery-tint:#f0f2e6; --gallery-accent:#9ca780; }
.offer-summary>small { display:block; font-size:11px; color:#637078; }
.offer-simple .offer-summary h3 { margin:12px 0 13px; font-size:32px; line-height:1.1; font-weight:500; letter-spacing:-.045em; }
.offer-simple .offer-summary p { max-width:38ch; min-height:44px; margin:0; font-size:13px; line-height:1.65; color:#687179; }
.offer-scene { position:relative; display:flex; align-items:center; justify-content:center; gap:24px; height:210px; margin:12px 0 18px; isolation:isolate; pointer-events:none; }
.offer-scene::before { content:''; position:absolute; z-index:-1; width:70%; height:35%; bottom:22px; border-radius:50%; background:var(--gallery-accent); opacity:.1; filter:blur(24px); }
.gallery-app { position:relative; display:grid; place-items:center; flex:none; width:88px; height:88px; border:1px solid #fff; border-radius:27px; background:linear-gradient(140deg,#ffffffed,var(--gallery-tint)); box-shadow:inset 0 1px 0 #fff,inset 0 -3px 4px #ffffffab,0 13px 24px -16px #374e6766; }
.gallery-app img { width:72px; height:72px; }
.gallery-paper,.gallery-lesson,.gallery-chat { position:relative; border:1px solid #ffffffed; border-radius:20px; background:#ffffffd9; box-shadow:inset 0 1px 0 #fff,0 20px 30px -25px #364b6240; transition:transform .7s cubic-bezier(.22,1,.36,1); }
.gallery-eyebrow { display:block; color:#88939c; font-size:8px; letter-spacing:.08em; }
.gallery-paper { width:215px; padding:22px; transform:rotate(3deg); }
.gallery-paper .gallery-eyebrow { margin-bottom:18px; }
.gallery-report-row { display:flex; align-items:center; gap:9px; padding-block:7px; color:#687681; font-size:11px; }
.gallery-report-row .ico { width:13px; height:13px; color:#87a293; }
.gallery-nikiscan .gallery-app { transform:translateY(16px); }
.gallery-lesson-back { position:absolute; width:210px; height:155px; border:1px solid #ffffffc9; border-radius:20px; background:#ffffff6b; transform:translate(-24px,-6px) rotate(5deg); }
.gallery-lesson { width:220px; padding:22px; margin-right:58px; transform:rotate(-4deg); }
.gallery-lesson>strong { display:block; margin:16px 0 20px; font-size:24px; line-height:1.12; font-weight:500; letter-spacing:-.035em; color:#65574e; }
.gallery-lesson-bottom { display:flex; align-items:center; gap:7px; padding-top:13px; border-top:1px solid #eae5e0; color:#9a8a7f; font-size:8px; }
.gallery-lesson-bottom .ico { width:15px; height:15px; }
.gallery-formations .gallery-app { position:absolute; right:35px; bottom:20px; }
.gallery-workflow { display:flex; align-items:flex-start; gap:35px; }
.gallery-workflow-step { position:relative; display:grid; justify-items:center; gap:16px; }
.gallery-workflow-step>i { display:grid; place-items:center; width:68px; height:68px; background:#ffffffd9; border:1px solid #fff; border-radius:21px; color:#7a9986; box-shadow:inset 0 1px 0 #fff,0 12px 22px -17px #3a5c464d; transition:transform .6s cubic-bezier(.22,1,.36,1); }
.gallery-workflow-step .ico { width:26px; height:26px; }
.gallery-workflow-step:not(:last-child)::after { content:''; position:absolute; top:34px; left:100%; width:35px; height:1px; background:#b5c9bc; }
.gallery-workflow-step>small { color:#738b7c; font-size:10px; }
.gallery-chat { width:230px; padding:20px; transform:rotate(2deg); }
.gallery-chat .gallery-eyebrow { margin-bottom:14px; font-size:7px; }
.gallery-question { display:block; width:max-content; max-width:100%; padding:8px 10px; margin-left:auto; border-radius:10px 10px 3px 10px; background:#eef1e6; color:#7a8562; font-size:10px; }
.gallery-chat>strong { display:block; margin:16px 0 10px; font-size:13px; font-weight:500; color:#596250; }
.gallery-answer-line { display:block; width:82%; height:3px; margin:5px 0; border-radius:2px; background:#e8ecdf; }.gallery-answer-line.short { width:60%; }
.gallery-chat>small { display:flex; align-items:center; gap:5px; margin-top:15px; color:#8b987b; font-size:8px; }.gallery-chat>small .ico { width:10px; height:10px; }
.gallery-nikibot .gallery-app { width:72px; height:72px; border-radius:23px; transform:translateY(-22px); }.gallery-nikibot .gallery-app img { width:59px; height:59px; }
.offer-link { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:auto; color:#586973; font-size:12px; }
.offer-link>span { display:grid; place-items:center; width:34px; height:34px; border:1px solid #fff; border-radius:50%; background:#ffffffa6; transition:background .25s ease,transform .3s ease; }.offer-link .ico { width:13px; height:13px; }
@media (hover:hover) and (pointer:fine) {
 .offer-simple:hover { border-color:#d6dfe5; box-shadow:0 18px 36px -28px #253c5540; }
 .offer-simple:hover .gallery-paper,.offer-simple:hover .gallery-lesson,.offer-simple:hover .gallery-chat { transform:translateY(-5px) rotate(0); }
 .offer-simple:hover .gallery-workflow-step>i { transform:translateY(-5px); }.offer-simple:hover .gallery-workflow-step:nth-child(2)>i { transition-delay:60ms; }.offer-simple:hover .gallery-workflow-step:nth-child(3)>i { transition-delay:120ms; }
 .offer-simple:hover .offer-link>span { background:#fff; transform:translateX(2px); }
}
.rules-simple { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }.rule-simple { padding:26px 0; border-top:1px solid var(--filet); }.rule-simple>.ico { width:26px; height:26px; color:var(--accent); margin-bottom:22px; }.rule-simple h3 { font-size:20px; line-height:1.3; letter-spacing:-.025em; }.rule-simple p { margin-top:12px; font-size:14px; color:var(--studio-muted); line-height:1.65; }
.experts-section { padding:88px 0; background:#fff; overflow:hidden; }.collective-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:80px; align-items:center; }
.experts-section>.expert-gallery { margin-top:0; }
.experts-section .experts-footer { margin-top:0; margin-bottom:16px; align-items:end; }
.collective-heading h2 { margin-top:12px; font-size:clamp(28px,3.6vw,44px); line-height:1.1; letter-spacing:-.045em; }
.experts-controls { flex-shrink:0; }
@media (max-width:640px) {
 .experts-section .experts-footer { align-items:center; gap:16px; }
 .collective-heading h2 { max-width:15ch; font-size:28px; }
}
.founder-portrait { position:relative; overflow:hidden; height:440px; border-radius:28px; background:var(--surface-soft); }.founder-portrait>img { height:100%; width:100%; object-fit:cover; object-position:center 30%; }.founder-portrait figcaption { position:absolute; inset:auto 20px 20px; padding:14px 18px; background:#ffffffbf; backdrop-filter:blur(20px); border:1px solid #ffffffc9; border-radius:16px; display:flex; flex-direction:column; font-size:12px; color:#555c64; }.founder-portrait figcaption strong { color:var(--encre); font-size:15px; font-weight:500; }
.collective-copy h2 { max-width:17ch; font-size:clamp(32px,3.6vw,48px); line-height:1.1; letter-spacing:-.045em; margin:18px 0; }.collective-copy>p:not(.section-kicker) { max-width:36ch; font-size:15px; color:var(--studio-muted); line-height:1.7; }.expert-disciplines { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:26px 0; }.expert-disciplines li { display:flex; align-items:center; gap:10px; padding:12px 0; font-size:12px; }.expert-disciplines .ico { color:var(--accent); }.collective-copy .lien-fleche { padding-left:0; }
.page-accueil .final { margin:0; padding:80px 24px; border-radius:0; background:#fff; text-align:center; }.final-ciel { display:none; }.page-accueil .final-texte { padding:0; border:0; box-shadow:none; background:transparent; backdrop-filter:none; }.page-accueil .final h2 { max-width:20ch; margin:auto; font-size:clamp(32px,3.6vw,48px); line-height:1.1; letter-spacing:-.045em; }.page-accueil .final .hero-actions { margin-top:28px; }
/* Offres : des démonstrations lisibles et les mêmes repères de navigation. */
.product-hero { padding:128px 0 72px; background:radial-gradient(ellipse at 50% 0,#fff,transparent 75%),var(--studio-paper); }.breadcrumb { font-size:11px; margin-bottom:32px; }.product-hero-grid { gap:60px; }.product-hero h1 { max-width:14ch; font-size:clamp(38px,4.2vw,58px); font-weight:500; line-height:1.07; letter-spacing:-.05em; }.product-lead { font-size:16px; line-height:1.7; max-width:43ch; }.product-facts { gap:10px 18px; }.product-facts li { font-size:11px; }.product-facts .ico { color:#7d909f; }.product-actions { gap:12px 20px; }.product-actions .lien-fleche { font-size:13px; }.product-status { color:var(--accent); background:#eaf0f5; border-color:#dce5ed; }
.product-outline { background:#ffffffa6; border-color:var(--filet); }.product-outline .cadre { gap:8px; padding-block:12px; }.product-outline a { min-height:36px; padding:8px 16px; border:0; border-radius:99px; font-size:12px; }.product-outline a:hover { background:var(--surface-soft); }
.product-section,.clay-story { padding:80px 0; background:#fff; }.product-section.alt,.clay-story { background:var(--studio-paper); }.product-section h2,.clay-story h2 { max-width:22ch; font-size:clamp(32px,3.5vw,46px); font-weight:500; letter-spacing:-.045em; line-height:1.12; }.section-description { color:var(--studio-muted); font-size:15px; line-height:1.7; }.story-heading { margin-bottom:32px; gap:24px 50px; }
.product-demo { padding:28px; background:linear-gradient(145deg,#ffffffb3,#e9eef380); border:1px solid #fff; border-radius:30px; box-shadow:0 20px 50px -35px #253c5533; }.demo-window { border-color:var(--filet); box-shadow:0 16px 40px -30px #253c552e; }.demo-window-bar { border-color:var(--filet); }.demo-answer { background:#edf2f6; color:#405769; }.demo-input { border-color:var(--filet); color:var(--studio-muted); }.scan-output { border-color:var(--filet); box-shadow:0 14px 35px -25px #253c5533; transform:none; }.project-stage:nth-of-type(2) { margin-left:0; background:var(--surface-soft); border-color:var(--filet); }
.benefit-card,.example-panel,.course-format,.related-product,.visual-journey li { border-color:var(--filet); border-radius:24px; box-shadow:none; }.benefit-card h3 { font-weight:500; }.example-tabs { gap:8px; }.example-tabs a { background:transparent; border-color:var(--filet); border-radius:99px; font-size:12px; }.example-tabs a[aria-selected=true] { background:var(--encre); border-color:var(--encre); }.story-example .example-panel>.story-scene,.story-example .example-panel:nth-of-type(2) .story-scene,.story-example .example-panel:nth-of-type(3) .story-scene { background:#f0f3f6; }.story-example .example-panel h3 { font-size:clamp(26px,2.6vw,34px); font-weight:500; }.story-window { border-color:var(--filet); box-shadow:0 18px 40px -30px #253c5533; }.story-node.is-bot { background:#edf2f6; border-color:#dce5ed; color:var(--encre); }.story-node.is-bot .ico { color:var(--accent); }
.scan-atlas { background:#f5f7f9; border-color:var(--filet); color:var(--encre); }.scan-atlas-top { border-color:var(--filet); }.scan-view-tabs a { color:#56616b; border-color:#dce1e6; background:#fff; border-radius:99px; }.scan-view-tabs a:hover,.scan-view-tabs a[aria-selected=true] { background:var(--encre); border-color:var(--encre); color:#fff; }.scan-view-copy>span,.scan-map>span { color:var(--accent); }.scan-view-copy p,.scan-atlas-caption { color:var(--studio-muted); }.scan-map { border-color:var(--filet); background:#edf1f5; }.scan-task,.scan-priority { border-color:var(--filet); background:#fff; }.scan-task small,.scan-priority p { color:var(--studio-muted); }.scan-task>.ico,.scan-priority>.ico,.scan-priority>span:first-child { color:var(--accent); }.scan-task>span,.scan-priority>span:first-child { color:#516677; border-color:var(--filet); }.scan-report { transform:none; }
.mission-studio,.memory-explorer { background:#f1f4f6; border-color:var(--filet); }.mission-task:nth-child(3),.mission-task:nth-child(4),.memory-layer:nth-child(2),.memory-layer:nth-child(3) { margin-left:0; }.memory-layer:nth-child(2),.memory-layer:nth-child(3),.memory-assistant { background:#fff; }.memory-tabs a { border-radius:99px; }.shape-stage::before,.shape-stage::after { display:none; }.shape-label.one,.shape-label.two,.shape-label.three { transform:none; }.shape-controls button { background:#fff; }.shape-controls button[aria-pressed=true] { background:#eaf0f5; color:var(--accent); border-color:#aabcca; }
.visual-journey li { padding-top:48px; position:relative; }.visual-journey li::before { background:var(--surface-soft); border:0; color:var(--studio-muted); border-radius:50%; }.journey-art { display:none; }.journey-copy { padding:20px 24px 26px; }.visual-journey h3 { font-size:20px; }.visual-journey p { font-size:14px; }.story-faq-art,.story-cta-art { display:none; }.page-produit .faq-list details { border:0; border-bottom:1px solid var(--filet); border-radius:0; background:transparent; }.page-produit .faq-list summary { padding-left:0; font-weight:400; }.page-produit .faq-list details>p { padding-left:0; }.faq-list summary::after { color:#70757d; }.faq-grid { gap:64px; }
.product-cta { padding:56px; background:var(--surface-soft); border:1px solid #fff; border-radius:28px; }.product-cta.story-cta { display:block; text-align:center; }.product-cta h2,.product-cta p { margin-inline:auto; }.product-cta .product-actions { justify-content:center; }.product-next { padding:0 0 72px; }.product-next h2 { font-size:30px; font-weight:500; }.related-product { background:#ffffffb3; }.related-product>p { display:none; }.related-product .story-related-icon { width:36px; height:36px; }.related-product strong { font-size:20px; font-weight:500; }
/* Le module de formation conserve son contenu et son lecteur d’origine. */
.training-cover { border-color:#fff; border-radius:28px; background:#fff; box-shadow:0 20px 50px -35px #253c5533; }.training-cover-top,.training-cover-art { background:#edf2f6; color:#4c5d69; }.training-cover-art img { top:20px; right:40px; width:150px; height:150px; padding:18px; border:1px solid #fff; border-radius:38px; background:linear-gradient(145deg,#fff,#f3e4db); box-shadow:inset 0 1px 0 #fff,0 16px 30px -20px #253c5544; }.training-cover-number { color:#d7e0e8; }.training-cover-caption { color:#526777; }.training-cover figcaption { background:#fff; }.training-cover figcaption h2 { font-size:30px; font-weight:500; }.training-cover-link { background:var(--surface-soft); color:var(--accent); }.training-workbench { border-color:var(--filet); border-radius:26px; }.training-workbench-top { background:#fff; color:var(--encre); border-bottom:1px solid var(--filet); }.training-workbench-top img { filter:none; }.training-workbench-top>a { color:var(--accent); }.training-workbench-footer { background:#f6f7f9; }.training-workbench-top>span,.training-workbench-top p { color:var(--studio-muted); }
.assistant-preview .demo-brand img { width:30px; height:30px; }.assistant-sources { display:flex; flex-wrap:wrap; gap:7px; margin-top:22px; }.assistant-sources span { border:1px solid var(--filet); padding:6px 10px; border-radius:99px; font-size:10px; color:var(--studio-muted); }.assistant-reply { margin-top:20px; padding:20px; border:1px solid var(--filet); border-radius:18px; background:#fff; font-size:14px; line-height:1.7; color:#414f59; }.assistant-reply small { display:block; margin-top:16px; color:var(--studio-muted); font-size:10px; }
/* Un pied de page clair, avec l’endossement France 2030 officiel. */
.pied { background:#f5f5f7; color:var(--encre); border-top:1px solid var(--filet); padding-top:48px; }.pied-marque>img { width:110px; height:auto; }.pied h2 { color:var(--encre); }.pied nav a,.pied-contact a,.pied-marque p { color:var(--studio-muted); font-size:12px; }.pied-france { margin-top:32px; padding-top:28px; border-top:1px solid var(--filet); display:flex; align-items:center; gap:32px; }.pied-france img { width:220px; padding:14px; border-radius:12px; background:#fff; flex:none; }.pied-france p { max-width:75ch; color:#70727a; font-size:10px; line-height:1.65; }.pied-bas { font-size:10px; color:#70727a; }

/* Entrée de 1,8 seconde : aucun chargement réseau n’est simulé, aucune interaction n’est bloquée. */
.bienvenue { display:none; }
.accueil-bienvenue .bienvenue { position:fixed; inset:0; z-index:1000; display:grid; place-items:center; padding:32px 20px; background:#f5f5f7; pointer-events:none; animation:bienvenue-sortie .5s cubic-bezier(.22,.68,.3,1) 1.3s both; }
.bienvenue-contenu { text-align:center; transform:translateY(-12px); }
.bienvenue-symbole { display:grid; place-items:center; width:88px; height:88px; margin:0 auto 30px; border:1px solid #fff; border-radius:28px; background:linear-gradient(145deg,#fff,#ffffff70); box-shadow:inset 0 2px 2px #fff,0 18px 40px -20px #66778340; animation:bienvenue-symbole .8s cubic-bezier(.2,.8,.2,1) both; }
.bienvenue-symbole img { width:48px; height:48px; }
.bienvenue p { margin:0; color:#72777f; font-size:clamp(15px,2vw,20px); font-weight:400; line-height:1.6; animation:bienvenue-texte .65s ease .12s both; }
.bienvenue strong { display:block; margin-top:4px; color:#1d1d1f; font-size:clamp(29px,4.6vw,56px); font-weight:500; letter-spacing:-.055em; line-height:1.18; }
.bienvenue-ligne { display:block; width:64px; height:2px; overflow:hidden; margin:30px auto 0; border-radius:2px; background:#e0e4e9; }
.bienvenue-ligne::after { content:""; display:block; width:100%; height:100%; background:#8697a4; transform-origin:left; animation:bienvenue-ligne 1.25s cubic-bezier(.22,.61,.36,1) both; }
.accueil-bienvenue .bienvenue,.accueil-bienvenue .bienvenue-symbole,.accueil-bienvenue .bienvenue p,.accueil-bienvenue .bienvenue-ligne::after { animation-play-state:paused; }
.accueil-bienvenue.bienvenue-visible .bienvenue,.accueil-bienvenue.bienvenue-visible .bienvenue-symbole,.accueil-bienvenue.bienvenue-visible .bienvenue p,.accueil-bienvenue.bienvenue-visible .bienvenue-ligne::after { animation-play-state:running; }
@keyframes bienvenue-symbole { from { opacity:0;transform:translateY(12px) scale(.9) rotate(-8deg); } to { opacity:1;transform:none; } }
@keyframes bienvenue-texte { from { opacity:0;transform:translateY(8px); } to { opacity:1;transform:none; } }
@keyframes bienvenue-ligne { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@keyframes bienvenue-sortie { from { opacity:1;visibility:visible; } to { opacity:0;visibility:hidden; } }
@media (prefers-reduced-motion:reduce) { .accueil-bienvenue .bienvenue,.bienvenue-symbole,.bienvenue p,.bienvenue-ligne::after { animation:none; } }
.hero-besoins { position:relative; display:grid; place-items:center; isolation:isolate; min-height:720px; min-height:max(720px,100svh); padding:116px 32px 36px; overflow:hidden; background:#f5f5f7; color:#1d1d1f; }
/* Fond perle : la matière est portée par l’interface. */
.besoins-ambiance { position:absolute; z-index:-1; inset:0; overflow:hidden; background:#f5f5f7; }
.besoins-ambiance::before { content:""; position:absolute; inset:0; background:radial-gradient(ellipse 65% 40% at 35% 100%,#dbe7ee9c,transparent 85%),radial-gradient(ellipse 45% 35% at 95% 95%,#e9e5de70,transparent 90%); }
.besoins-ambiance::after { content:""; position:absolute; inset:0; background:radial-gradient(ellipse 60% 65% at 50% 22%,#ffffffcf,transparent 100%); }
.besoins-contenu { width:min(100%,1020px); text-align:center; }
.hero-entete { text-align:center; }
.besoins-contenu h1 { margin:0; text-align:center; color:#292d32; font-size:clamp(36px,3.8vw,48px); font-weight:450; line-height:1.16; letter-spacing:-.045em; text-wrap:balance; }
.besoins-fenetre { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:32px; padding:25px 24px 23px; border:1px solid #fffffff2; border-radius:38px; background:linear-gradient(145deg,#ffffffa8,#ffffff4d); box-shadow:inset 0 1px 0 #fff,0 1px 2px #23344d03,0 20px 55px -20px #23344d12; backdrop-filter:blur(30px) saturate(115%); -webkit-backdrop-filter:blur(30px) saturate(115%); }
.besoin { --besoin-teinte:#c2e2f8; --besoin-encre:#316e97; position:relative; display:flex; flex-direction:column; align-items:center; padding:19px 8px 16px; border:1px solid transparent; border-radius:27px; -webkit-tap-highlight-color:transparent; transition:background .25s,border-color .25s,box-shadow .25s; }
.besoin-formation { --besoin-teinte:#f1d0bb; --besoin-encre:#a56c60; }
.besoin-projet { --besoin-teinte:#c4e2d1; --besoin-encre:#59826d; }
.besoin-assistant { --besoin-teinte:#e0e7b4; --besoin-encre:#81854b; }
.besoin::before { content:""; position:absolute; width:82px; height:18px; top:118px; border-radius:50%; background:var(--besoin-teinte); filter:blur(13px); opacity:.35; transition:opacity .3s,transform .3s; pointer-events:none; }
.besoin-icone { position:relative; display:grid; place-items:center; width:108px; height:108px; margin-bottom:25px; border:1px solid #ffffffd9; border-radius:32px; background:radial-gradient(ellipse at 20% 0,#fffffff5,transparent 64%),linear-gradient(155deg,#ffffffb3,transparent 75%),var(--besoin-teinte); box-shadow:inset 0 2px 1px #fff,inset 1px 0 2px #ffffffe6,inset 0 -4px 6px #ffffffa6,0 13px 17px -12px #34516666,0 2px 4px #43658217; transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s; }
.besoin-icone::before { content:""; position:absolute; inset:5px; border:1px solid #ffffffb3; border-radius:27px; box-shadow:inset 0 -1px 3px #ffffff80; pointer-events:none; }
.besoin-icone::after { content:""; position:absolute; inset:1px; border-radius:inherit; background:linear-gradient(125deg,transparent 25%,#ffffff8c 43%,transparent 63%); opacity:0; transform:translateX(-8px); transition:opacity .3s,transform .5s; pointer-events:none; }
.besoin-icone>svg { width:83px; height:83px; overflow:visible; transition:transform .35s cubic-bezier(.2,.8,.2,1); }
.besoin-icone-agent { background:linear-gradient(145deg,#fff,#f1f2e8); }
.besoin-icone-agent>img { grid-area:1/1; width:83%; height:auto; object-fit:contain; filter:drop-shadow(0 4px 3px #70662420); transition:opacity .25s ease,transform .4s cubic-bezier(.2,.8,.2,1); }
.besoin-icone-agent>.agent-sourire { opacity:0; }
.besoin-badge { position:absolute; z-index:2; top:-7px; right:-14px; display:grid; place-items:center; min-height:25px; padding:0 9px; border:2px solid #fff; border-radius:99px; background:#cc3730; color:#fff; box-shadow:0 3px 8px #a52f2a26; font-size:9px; font-weight:650; line-height:1; letter-spacing:.06em; }
.besoin:focus-visible .agent-repos { opacity:0; }.besoin:focus-visible .agent-sourire { opacity:1; }
.besoin-titre { display:block; color:#26363f; font-size:20px; line-height:1.28; font-weight:500; letter-spacing:-.025em; }
.besoin-destination { display:flex; gap:7px; justify-content:center; align-items:center; margin-top:13px; color:#586b76; font-size:11px; font-weight:400; line-height:1.4; }
.besoin-destination .ico { width:12px; height:12px; transition:transform .25s; }
.besoin:focus-visible { outline:2px solid #346681; outline-offset:4px; background:#ffffffb3; }
.besoin:focus-visible .besoin-icone { transform:translateY(-4px); }
.besoin:active .besoin-icone { transform:translateY(-2px) scale(.95); transition-duration:.1s; }
.besoin:active { background:#ffffffb3; }
/* La signature officielle garde ses couleurs, ses proportions et son fond blanc. */
.hero-credibilite { display:flex; align-items:center; justify-content:center; gap:30px; margin-top:24px; }
.hero-france { flex:none; padding:10px 14px; border:1px solid #eceef0; border-radius:14px; background:#fff; }
.hero-france img { display:block; width:220px; height:auto; }
.hero-preuves { display:flex; align-items:center; gap:30px; margin:0; padding-left:30px; border-left:1px solid #d9dee3; text-align:left; }
.hero-preuves>div { display:flex; flex-direction:column-reverse; gap:5px; }
.hero-preuves dt { color:#626972; font-size:11px; font-weight:400; line-height:1.4; }
.hero-preuves dd { margin:0; color:#343c44; font-size:25px; font-weight:500; line-height:1; letter-spacing:-.045em; font-variant-numeric:tabular-nums; }
.hero-preuves dd span { margin-left:2px; color:#677581; font-size:.7em; }
@media (hover:hover) and (pointer:fine) {
 .besoin:hover { background:#ffffff80; border-color:#ffffffe6; box-shadow:0 18px 25px -23px #39587180,inset 0 1px 0 #fff; }
 .besoin:hover::before { opacity:.8;transform:scale(1.2); }
 .besoin:hover .besoin-icone { transform:translateY(-4px); box-shadow:inset 0 2px 1px #fff,inset 0 -4px 6px #ffffffa6,0 23px 22px -17px #34516673,0 2px 4px #43658217; }
 .besoin:hover .besoin-icone>svg { transform:translateY(-1px); }
 .besoin:hover .besoin-icone::after { opacity:.5;transform:translateX(8px); }
 .besoin:hover .agent-repos { opacity:0; }.besoin:hover .agent-sourire { opacity:1;transform:rotate(-5deg) translateY(-2px); }
 .besoin:hover .besoin-destination .ico { transform:translateX(3px); }
 .besoin:active .besoin-icone { transform:translateY(-2px) scale(.95); }
}
@media (prefers-reduced-motion:no-preference) {
 .besoin { animation:besoin-apparition .45s cubic-bezier(.2,.8,.2,1) both; }
 .besoin:nth-child(2) { animation-delay:.05s; }.besoin:nth-child(3) { animation-delay:.1s; }.besoin:nth-child(4) { animation-delay:.15s; }
 @keyframes besoin-apparition { from { opacity:.55;transform:translateY(8px); } to { opacity:1;transform:none; } }
}
@media (max-width:900px) {
 .hero-besoins { min-height:max(720px,100svh); padding-inline:28px; }
 .besoins-fenetre { padding:23px 10px 20px; gap:0; }.besoin { padding-inline:5px; }.besoin-icone { width:88px;height:88px;border-radius:27px; }.besoin-icone::before { border-radius:22px; }.besoin-icone>svg { width:69px;height:69px; }.besoin::before { top:98px; }.besoin-titre { font-size:18px; }
}
@media (max-width:640px) {
 .barre,.barre.defilee { inset:14px 16px auto; }.barre-pilule,.barre.defilee .barre-pilule { height:58px; padding:0 8px 0 18px; }.marque img { width:91px; }.barre-actions { gap:6px; }.barre-actions>.nav-contact { min-height:36px; padding:0 13px; font-size:11px; }.mobile-menu>summary { width:36px;height:36px; }
 .hero-besoins { min-height:max(740px,100svh); padding:104px 20px 24px; }
 .besoins-contenu h1 { font-size:clamp(30px,8.1vw,40px); line-height:1.17; letter-spacing:-.04em; }
 .besoins-fenetre { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:24px; padding:12px 8px; gap:4px 2px; border-radius:29px; }
 .besoin { padding:12px 5px 13px; border-radius:21px; }.besoin-icone { width:72px;height:72px;margin-bottom:14px;border-radius:23px; }.besoin-icone::before { border-radius:18px; }.besoin-icone>svg { width:57px;height:57px; }.besoin::before { top:75px;width:58px; }.besoin-titre { font-size:17px; }.besoin-destination { margin-top:10px;font-size:10px;gap:4px; }.besoin-destination .ico { width:10px;height:10px; }
 .hero-credibilite { flex-direction:column; gap:14px; margin-top:22px; }
 .besoin-badge { top:-6px; right:-12px; min-height:22px; padding-inline:7px; font-size:8px; }
 .hero-france { padding:8px 12px; border-radius:12px; }.hero-france img { width:210px; }
 .hero-preuves { justify-content:center; gap:28px; padding:0; border:0; text-align:center; }.hero-preuves>div { gap:5px; }.hero-preuves dd { font-size:22px; }.hero-preuves dt { font-size:10px; }
}
@media (max-width:640px) and (max-height:780px) {
 .hero-besoins { padding-top:96px; }.besoins-fenetre { margin-top:20px; padding-block:9px; }.besoin { padding-block:10px; }.besoin-icone { width:64px;height:64px;margin-bottom:12px; }.besoin-icone>svg { width:51px;height:51px; }.besoin::before { top:66px; }.hero-credibilite { margin-top:18px; gap:12px; }
}
@media (max-width:359px) { .hero-besoins { padding-inline:14px; }.besoins-contenu h1 { font-size:29px; }.besoins-fenetre { padding-inline:5px; }.besoin-titre { font-size:16px; }.barre-actions>.nav-contact { padding-inline:10px; } }
@media (prefers-reduced-motion:reduce) { .besoin,.besoin::before,.besoin-icone,.besoin-icone::after,.besoin-icone>svg,.besoin-icone-agent>img,.besoin-destination .ico { animation:none;transition:none; }.besoin:hover .besoin-icone,.besoin:focus-visible .besoin-icone,.besoin:active .besoin-icone,.besoin:hover .besoin-icone>svg,.besoin:hover .agent-sourire { transform:none; } }

/* Journal : illustrations typographiques, articles complets, aucune image distante. */
.journal-section { padding:84px 0; border-top:1px solid var(--studio-line); }
.journal-heading { display:flex; justify-content:space-between; gap:30px; align-items:end; margin-bottom:32px; }
.journal-heading h2 { font-size:clamp(38px,4.4vw,60px); letter-spacing:-.055em; line-height:1.06; margin-top:14px; }
.journal-heading>a { display:flex; align-items:center; gap:12px; min-height:44px; font-size:13px; }
.journal-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px 22px; }
.journal-card { min-width:0; }
.journal-card[hidden] { display:none; }
.journal-link { display:block; height:100%; }
.journal-art { position:relative; overflow:hidden; aspect-ratio:1.5; border-radius:24px; background:var(--surface-soft); isolation:isolate; }
.journal-art>img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.journal-link:hover .journal-art>img,.journal-featured:hover .journal-art>img { transform:scale(1.035); }
.journal-art .art-arrow { position:absolute; right:16px; bottom:16px; display:grid; place-items:center; width:35px; height:35px; border-radius:50%; background:#fffc; color:#212121; }
.journal-meta { display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin:19px 0 11px; font-size:10px; color:#707070; }
.journal-meta .article-category { color:var(--accent); font-weight:600; }
.journal-card h3 { font-size:22px; line-height:1.23; font-weight:550; letter-spacing:-.035em; text-wrap:initial; }
.journal-card p { font-size:13px; line-height:1.6; color:var(--studio-muted); margin-top:12px; }
.journal-hero { padding:140px 0 54px; }
.journal-hero-layout { display:grid; grid-template-columns:1.6fr 1fr; gap:40px; align-items:end; }
.journal-hero h1 { font-size:clamp(44px,5.4vw,72px); line-height:1.05; letter-spacing:-.055em; margin:20px 0 0; }
.journal-hero h1 span { color:var(--encre); }
.journal-hero-layout>p { max-width:28ch; padding-bottom:8px; color:var(--studio-muted); font-size:18px; line-height:1.6; }
.journal-lead { padding-bottom:60px; }
.journal-lead>.studio-kicker { padding-top:20px; margin-bottom:22px; border-top:1px solid var(--studio-line); font-size:10px; }
.journal-lead-grid { display:grid; grid-template-columns:1.8fr 1fr; gap:34px; }
.journal-featured { display:block; min-width:0; }
.journal-featured .journal-art { aspect-ratio:1.65; }
.journal-featured h2 { max-width:25ch; font-size:clamp(28px,3vw,40px); letter-spacing:-.045em; line-height:1.12; }
.journal-featured p { max-width:60ch; color:var(--studio-muted); font-size:14px; margin:16px 0; line-height:1.6; }
.journal-secondary { display:grid; gap:28px; align-content:start; padding-left:32px; border-left:1px solid var(--studio-line); }
.journal-secondary .journal-art { aspect-ratio:2.1; }
.journal-secondary .journal-card h3 { font-size:21px; }
.journal-secondary .journal-meta { margin:14px 0 9px; }
.journal-featured .lien-fleche { font-size:14px; padding-left:0; }
.journal-tools { display:flex; justify-content:space-between; gap:22px; flex-wrap:wrap; align-items:center; padding-bottom:28px; margin-bottom:30px; border-bottom:1px solid var(--studio-line); }
.journal-tools[hidden] { display:none; }
.journal-filters { display:flex; flex-wrap:wrap; gap:6px; }
.journal-filters button { padding:10px 16px; border:1px solid #e0e0e0; border-radius:99px; font-size:12px; }
.journal-filters button[aria-pressed=true] { background:#232323; color:#fff; border-color:#232323; }
.journal-search { display:flex; align-items:center; gap:10px; padding:12px 16px; border:1px solid #e0e0e0; border-radius:99px; background:#fff; }
.journal-search input { border:0; outline:0; background:none; min-width:0; font:inherit; font-size:13px; width:210px; color:var(--studio-ink); }
.journal-search:focus-within { outline:2px solid var(--accent); outline-offset:3px; }
.journal-count { font-size:12px; color:var(--studio-muted); margin-bottom:22px; }
.journal-empty { padding:60px 0; color:var(--studio-muted); }
.journal-empty[hidden] { display:none; }
.journal-empty button { display:block; text-decoration:underline; margin-top:16px; color:var(--accent); }
.journal-library { padding-bottom:100px; }
.article-header { padding:132px 24px 48px; max-width:1020px; }
.article-back { display:inline-flex; gap:10px; align-items:center; font-size:12px; color:var(--studio-muted); min-height:40px; }
.article-header h1 { max-width:20ch; font-size:clamp(36px,5.3vw,68px); letter-spacing:-.055em; line-height:1.06; margin:20px 0 26px; }
.article-deck { max-width:56ch; font-size:19px; line-height:1.55; color:var(--studio-muted); }
.article-byline { display:flex; gap:14px; align-items:center; margin-top:26px; font-size:12px; color:var(--studio-muted); }
.article-byline img { width:42px; height:42px; object-fit:cover; border-radius:50%; }
.article-cover { max-width:1020px; margin-bottom:54px; }
.article-cover img { display:block; width:100%; height:auto; aspect-ratio:1.5; object-fit:cover; border-radius:24px; }
.article-related { padding-block:40px 88px; border-top:1px solid var(--studio-line); }
.article-related .journal-heading h2 { font-size:42px; }
.article-layout { max-width:1020px; display:grid; grid-template-columns:180px minmax(0,1fr); gap:50px; padding-bottom:80px; }
.article-layout>div { min-width:0; }
.article-aside { align-self:start; position:sticky; top:110px; padding-top:14px; font-size:11px; color:var(--studio-muted); }
.article-aside p { margin-bottom:16px; }
.article-aside a { display:flex; align-items:center; gap:8px; color:var(--accent); min-height:36px; }
.article-body { max-width:740px; font-size:17px; line-height:1.8; min-width:0; overflow-wrap:anywhere; }
.article-body h2 { font-size:29px; line-height:1.18; letter-spacing:-.04em; margin:42px 0 18px; }
.article-body h3 { font-size:22px; margin:28px 0 12px; }
.article-body p { margin:0 0 20px; }
.article-body ul,.article-body ol { list-style:disc; padding-left:22px; margin:18px 0 26px; }
.article-body ol { list-style:decimal; }
.article-body li { margin:10px 0; padding-left:5px; }
.article-body a { color:var(--accent); text-decoration:underline; text-underline-offset:3px; }
.article-body table { display:block; overflow:auto; border-collapse:collapse; max-width:100%; font-size:13px; }
.article-body th,.article-body td { padding:14px; border:1px solid var(--studio-line); text-align:left; }
.article-body blockquote { margin:28px 0; padding:24px; background:var(--surface-soft); border-radius:16px; }
.article-body pre { max-width:100%; overflow:auto; padding:20px; background:#ececec; border-radius:16px; font-size:13px; }
.article-cta { max-width:740px; margin-top:48px; padding:28px; background:var(--surface-soft); border-radius:22px; }
.article-cta h2 { margin-top:0; font-size:26px; }
.article-cta p { margin:12px 0 24px; color:var(--studio-muted); }
.article-cta .btn { font-size:13px; }


/* Le journal conserve ses articles, avec des cartes plus calmes et une lecture aérée. */
.journal-heading h2 { font-size:clamp(32px,3.6vw,48px); font-weight:500; }.journal-hero h1 { font-weight:500; }.journal-hero-layout>p { font-size:16px; }.journal-section { border:0; }.journal-card h3 { font-weight:500; }.journal-filters button { background:#fff; min-height:40px; }.journal-art { border:1px solid var(--filet); }.journal-secondary { border:0; padding-left:0; }.journal-featured h2 { font-weight:500; }.article-header h1 { font-weight:500; }.article-body { color:#3f4146; }.article-body h2,.article-body h3 { color:var(--encre); font-weight:500; }.article-cta { background:#edf2f6; border-radius:24px; }
@media (max-width:1100px) { .site-nav>a,.nav-solutions>summary { padding-inline:10px; }.collective-layout { gap:40px; } }
@media (max-width:899px) {
 .method-film .film-lecture-texte { display:block; }.method-film .film-lecture { max-width:95%; }.method-film .film-lecture strong { font-size:11px; }.method-film .film-lecture small { font-size:9px; }
 .defile li { font-size:11px; }.defile img { max-height:22px; }
 .results-heading { display:block; }.results-heading>p { margin-top:18px; max-width:45ch; }.offer-simple { gap:20px; padding:24px; grid-template-columns:56px 1fr; }.offer-symbol { width:56px; height:56px; border-radius:18px; }.offer-symbol img { width:46px;height:46px; }.offer-simple h3 { font-size:21px; }.offer-simple p { font-size:13px; }
 .collective-copy h2 { font-size:36px; }.founder-portrait { height:400px; }.expert-disciplines { grid-template-columns:1fr; gap:0; }
 .product-hero { padding-top:112px; }.product-hero-grid { gap:36px; }.product-hero h1 { max-width:18ch; }.product-lead { max-width:52ch; }.product-demo,.training-cover,.assistant-preview { max-width:600px; width:100%; margin-inline:auto; }.product-hero-grid .product-demo { margin-top:0; }.product-section,.clay-story { padding-block:64px; }
 .journal-grid { gap:24px 16px; }.journal-card h3 { font-size:20px; }.journal-featured h2 { font-size:32px; }.article-layout { grid-template-columns:1fr; }.article-aside { display:none; }.article-body { max-width:740px; margin:auto; }
}
@media (max-width:640px) {
 .cadre { padding-inline:22px; }.page-accueil .section,.method-film,.results-section,.experts-section,.journal-section { padding-block:60px; }
 .trust-line { padding:28px 22px; }.defile { gap:8px 12px; }
 .collective-layout { grid-template-columns:1fr; gap:30px; }.method-film { padding-block:36px 48px; }.method-film .film-lecture-icone { width:42px; height:42px; }
 .results-heading h2 { font-size:34px; }.result-spotlights { grid-template-columns:1fr; gap:12px; }.result-spotlight { min-height:0; padding:26px; }.result-value { font-size:70px; margin-top:16px; }.results-metrics { grid-template-columns:1fr 1fr; gap:24px 18px; }.results-metrics dd { font-size:28px; }.results-metrics dt { font-size:11px; }.results-footer { flex-direction:column;align-items:flex-start;gap:12px; }
 .page-accueil .entete h2 { font-size:34px; }.offers-simple,.rules-simple { grid-template-columns:1fr; }.offer-simple { padding:24px; grid-template-columns:60px 1fr; gap:18px; border-radius:23px; }.offer-symbol { width:60px;height:60px; }.offer-simple p { font-size:14px; }.rules-simple { gap:8px; }.rule-simple { padding:24px 0; }.rule-simple>.ico { margin-bottom:16px; }.rule-simple h3 { max-width:25ch; }.rule-simple p { max-width:40ch; }
 .founder-portrait { height:380px; }.collective-copy h2 { font-size:34px; }.expert-disciplines { grid-template-columns:1fr 1fr; }.expert-disciplines li { font-size:11px; gap:8px; }.page-accueil .final { padding:60px 22px; }.page-accueil .final h2 { font-size:34px; }.page-accueil .final .hero-actions { flex-direction:column; align-items:center; }
 .product-hero { padding:102px 0 46px; }.breadcrumb { margin-bottom:26px; }.product-hero h1 { font-size:40px; }.product-lead { font-size:15px; }.product-actions { gap:12px; }.product-hero .product-actions { align-items:flex-start; }.product-facts { margin-top:24px; }.product-demo { padding:18px; border-radius:24px; }.product-outline .cadre { gap:3px; flex-wrap:nowrap; justify-content:flex-start; overflow-x:auto; scrollbar-width:none; }.product-outline .cadre::-webkit-scrollbar { display:none; }.product-outline a { flex:none; min-height:36px; padding:8px 10px; font-size:11px; }.product-section,.clay-story { padding-block:56px; }.product-section h2,.clay-story h2 { font-size:32px; }.story-heading { gap:18px; }.section-description { font-size:14px; }.faq-grid { gap:26px; }.product-cta { padding:36px 22px; }.product-cta h2 { font-size:30px; }.product-next { padding-bottom:54px; }
 .scan-view { padding:22px; }.scan-map { padding:16px; }.scan-task { padding:13px; }.scan-task>span { display:none; }.scan-atlas-top { padding:22px; }.scan-view-tabs { gap:5px; }.scan-view-tabs a { padding:9px 11px; }.memory-explorer { padding:22px; }.memory-tabs { flex-wrap:wrap; }.memory-tabs a { font-size:11px; padding:10px 13px; }.memory-layer:nth-child(2),.memory-layer:nth-child(3),.mission-task:nth-child(3),.mission-task:nth-child(4) { margin-left:0; }.training-cover figcaption h2 { font-size:28px; }.training-cover-art img { width:112px; height:112px; right:22px; top:9px; padding:14px; border-radius:30px; }
 .journal-heading { flex-direction:column; align-items:flex-start; gap:16px; }.journal-heading h2 { font-size:34px; }.journal-grid { grid-template-columns:1fr;gap:32px; }.journal-art { aspect-ratio:1.6; }.journal-card h3 { font-size:23px; }.journal-card p { font-size:14px; }.journal-meta { margin-top:16px; }.journal-hero { padding:116px 0 40px; }.journal-hero h1 { font-size:48px; margin-top:16px; }.journal-hero-layout { grid-template-columns:1fr; gap:20px; }.journal-hero-layout>p { font-size:15px; max-width:36ch; padding:0; }.journal-lead { padding-bottom:40px; }.journal-lead-grid { grid-template-columns:1fr; gap:32px; }.journal-featured h2 { font-size:29px; }.journal-secondary { padding:24px 0 0; border-top:1px solid var(--filet); gap:24px; }.journal-secondary .journal-link { display:grid;grid-template-columns:96px minmax(0,1fr);gap:0 16px;align-content:start; }.journal-secondary .journal-art { grid-row:1/3;aspect-ratio:1;border-radius:16px; }.journal-secondary .art-arrow { display:none; }.journal-secondary .journal-meta { margin:0 0 8px;font-size:9px;gap:5px; }.journal-secondary .journal-card h3 { font-size:18px; }.journal-tools { gap:18px; }.journal-search { width:100%; }.journal-search input { width:100%; }.journal-filters button { padding:9px 12px;font-size:11px; }
 .article-header { padding:104px 22px 36px; }.article-header h1 { font-size:36px; }.article-deck { font-size:17px; }.article-cover { margin-bottom:34px; }.article-cover img { border-radius:20px; }.article-layout { padding-bottom:56px; }.article-body { font-size:16px; }.article-body h2 { font-size:26px; }.article-cta { padding:24px; }.article-cta h2 { font-size:25px; }.article-related { padding-block:28px 56px; }.article-related .journal-heading h2 { font-size:32px; }
 .pied-france { flex-direction:column;align-items:flex-start;gap:16px; }.pied-france p { font-size:10px; }
}
@media (max-width:359px) { .cadre { padding-inline:18px; }.product-hero h1 { font-size:36px; }.offer-simple { padding:22px 18px; gap:14px; grid-template-columns:48px 1fr; }.offer-symbol { width:48px;height:48px;border-radius:16px; }.offer-symbol img { width:40px;height:40px; }.product-outline a { padding-inline:8px; }.journal-hero h1 { font-size:42px; }.article-header h1 { font-size:32px; }.expert-disciplines { grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce) { .offer-simple,.journal-art>img { transition:none; }.offer-simple:hover,.journal-link:hover .journal-art>img,.journal-featured:hover .journal-art>img { transform:none; } }
@supports not (backdrop-filter:blur(20px)) { .barre-pilule,.barre.defilee .barre-pilule { background:#fafafcf5; }.besoins-fenetre { background:#ffffffd9; } }

/* Les mêmes repères visuels dans le menu, sur les offres et dans le journal. */
.solutions-panel { width:min(380px,calc(100vw - 60px)); padding:10px; }
.menu-besoins>a { grid-template-columns:42px minmax(0,1fr) 12px; gap:14px; min-height:76px; padding:10px 13px; border:0; border-radius:17px; transition:background .2s ease; }
.menu-offer-icon { width:42px; height:42px; object-fit:contain; }
.menu-offer-copy { display:grid; gap:6px; }
.menu-offer-copy>span { font-size:12px; }
.menu-offer-copy>small { font-size:10px; color:#7d8790; }
.menu-besoins>a:hover,.menu-besoins>a[aria-current=page] { border-radius:17px; background:#eaf0f4; }
.menu-besoins>a[aria-current=page]>.ico { color:#355a75; }
.menu-login { margin:7px 10px 0; padding:17px 3px 10px; font-size:10px; }
.site-nav>a[aria-current=page] { background:#edf0f3; }
.results-section .results-metrics { border:0; border-top:1px solid var(--filet); gap:24px; }
.results-section .results-metrics>div { border:0; padding:16px 0; }
.barre.defilee .barre-pilule { background:#ffffffeb; border-color:#e8ecf0b3; box-shadow:0 8px 30px -22px #33495a33; }
.nav-solutions[open] .solutions-panel,.mobile-menu[open] .mobile-panel { animation:panneau-doux .28s cubic-bezier(.22,1,.36,1); }
@keyframes panneau-doux { from { opacity:0; transform:translateY(-5px) scale(.985); } to { opacity:1; transform:none; } }

@media (prefers-reduced-motion:no-preference) {
 html.js .apparition-douce { transform:translateY(12px); transition:opacity .65s ease,transform .8s cubic-bezier(.22,1,.36,1),box-shadow .4s ease; }
 html.js .apparition-douce.visible,html.js .apparition-douce:focus-within { opacity:1; transform:none; }
 /* Navigation native : aucun retard ajouté au clic, aucun routeur supplémentaire. */
 @view-transition { navigation:auto; }
 .barre-pilule { view-transition-name:nikita-navigation; }
 ::view-transition-group(root) { animation-duration:.22s; animation-timing-function:ease-out; }
 ::view-transition-old(root) { animation:page-sortie .16s ease both; }
 ::view-transition-new(root) { animation:page-entree .22s ease both; }
 ::view-transition-group(nikita-navigation) { animation:none; }
 ::view-transition-old(nikita-navigation) { animation:none; opacity:0; }
 ::view-transition-new(nikita-navigation) { animation:none; }
 @keyframes page-sortie { to { opacity:0; } }
 @keyframes page-entree { from { opacity:0; } to { opacity:1; } }
}
@media (max-width:899px) {
 .offer-simple { padding:28px 26px 22px; }
 .offer-simple .offer-summary h3 { font-size:28px; }
 .offer-scene { gap:14px; height:190px; }
 .gallery-app { width:68px; height:68px; border-radius:23px; }.gallery-app img { width:56px; height:56px; }
 .gallery-paper { width:182px; padding:18px 16px; }.gallery-report-row { font-size:9px; gap:7px; }
 .gallery-formations .gallery-app { right:0; bottom:14px; }
 .gallery-lesson { width:190px; margin-right:32px; padding:19px; }.gallery-lesson-back { width:184px; }
 .gallery-workflow { gap:22px; }.gallery-workflow-step>i { width:56px; height:56px; border-radius:18px; }.gallery-workflow-step:not(:last-child)::after { top:28px; width:22px; }.gallery-workflow-step>small { font-size:8px; }
 .gallery-chat { width:200px; padding:17px; }.gallery-nikibot .gallery-app { width:60px; height:60px; border-radius:20px; }.gallery-nikibot .gallery-app img { width:50px; height:50px; }
}
@media (max-width:640px) {
 .offers-simple { gap:16px; }
 .offer-simple { padding:28px 26px 22px; border-radius:28px; }
 .offer-simple .offer-summary h3 { font-size:31px; }
 .offer-simple .offer-summary p { font-size:12px; min-height:0; }
 .offer-scene { height:190px; margin-block:22px 18px; }
 .offer-link { font-size:11px; }
 .gallery-formations .gallery-app { right:14px; }
 .mobile-panel { padding:10px; border-radius:24px; }
 .menu-besoins>a { min-height:70px; grid-template-columns:38px minmax(0,1fr) 12px; gap:12px; padding:9px 11px; }
 .menu-offer-icon { width:38px; height:38px; }.menu-offer-copy>span { font-size:12px; }
 .mobile-panel-links { padding:10px; }.mobile-login { border-top:1px solid #e5e9ed; margin:4px 10px 0; padding-top:6px; }
}
@media (max-width:359px) {
 .offer-simple { padding:25px 21px 20px; }.offer-simple .offer-summary h3 { font-size:27px; }
 .offer-scene { gap:10px; }.gallery-app { width:57px; height:57px; border-radius:19px; }.gallery-app img { width:48px; height:48px; }
 .gallery-paper { width:163px; padding-inline:13px; }.gallery-report-row { font-size:8px; }
 .gallery-nikibot .gallery-app { width:49px; height:49px; border-radius:17px; }.gallery-nikibot .gallery-app img { width:42px; height:42px; }.gallery-chat { width:170px; padding:15px; }.gallery-question { font-size:8px; }
 .gallery-formations .gallery-app { right:2px; }
 .menu-offer-copy>span { font-size:11px; }.menu-offer-copy>small { font-size:9px; }
}
@media (prefers-reduced-motion:reduce) {
 @view-transition { navigation:none; }
 html.js .apparition-douce { opacity:1; transform:none; transition:none; }
 .nav-solutions[open] .solutions-panel,.mobile-menu[open] .mobile-panel { animation:none; }
 .gallery-paper,.gallery-lesson,.gallery-chat,.gallery-workflow-step>i,.offer-link>span,.menu-besoins>a { transition:none; }
 .offer-simple:hover .gallery-paper { transform:rotate(3deg); }.offer-simple:hover .gallery-lesson { transform:rotate(-4deg); }.offer-simple:hover .gallery-chat { transform:rotate(2deg); }
 .offer-simple:hover .gallery-workflow-step>i,.offer-simple:hover .offer-link>span { transform:none; }
}