
/* Approved charcoal/copper identity, shared Si-2-Si typography and mascot. */
:root{font-family:Manrope,Arial,sans-serif}
h1,h2,h3,.scenario-context h2{font-family:Manrope,Arial,sans-serif}
h1 em,.approach-title h2 em,.guided-intro h2 em{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.04em}
.brand{letter-spacing:0}
.brand-image{display:block;width:143px;height:60px;overflow:hidden;position:relative;background:#000;border-radius:3px}
.brand-image img{position:absolute;max-width:none;width:154px;height:auto;left:-4px;top:-18px}
.brand small{font-size:.75rem;letter-spacing:.09em;margin-top:9px}
.site-header{padding-block:20px}
.hero{grid-template-columns:1fr 1.08fr;gap:4%;padding-top:55px;padding-bottom:60px}
.hero-copy h1{font-size:clamp(3.4rem,5.4vw,5.25rem)}
.hero-copy>.eyebrow{font-size:.75rem;line-height:1.8;max-width:420px}
.hero-mascot{margin:0;position:relative;min-width:0;isolation:isolate}
.hero-mascot img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #ffffff24;box-shadow:0 30px 90px #0005}
.hero-mascot figcaption{padding:22px 5px 0}
.hero-mascot figcaption>span{font-size:.75rem;letter-spacing:.12em;color:#dcb18f}
.hero-mascot figcaption>p{color:#e6ded6;font-size:1.12rem;margin:8px 0 0}
.guided-demo{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:8%;padding-top:80px;padding-bottom:90px}
.guided-intro>p:not(.eyebrow){max-width:460px;font-size:1.0625rem}
.guided-demo .live-workbench{transform:none}
.guided-demo h2{font-size:clamp(2.4rem,3.5vw,3.6rem)}
.mascot-note{max-width:1270px;margin:15px auto 45px;display:flex;align-items:center;gap:22px;border:1px solid #e5a36e33;background:linear-gradient(110deg,#28231f,#1c1e23);border-radius:10px;padding:18px 24px;overflow:hidden}
.mascot-note img{width:154px;height:112px;object-fit:cover;border-radius:6px;flex-shrink:0}
.mascot-note>div{min-width:0}
.mascot-label{display:block;font-size:.75rem;letter-spacing:.12em;color:#efb78c;margin-bottom:7px}
.mascot-note p{font-size:1rem;color:#e0ded9;margin:0;line-height:1.65;max-width:760px}
.guided-intro .mascot-note{margin:32px 0 0;padding:14px;gap:15px}
.guided-intro .mascot-note img{width:105px;height:95px}
.guided-intro .mascot-note p{font-size:.9375rem}
.catalogue-disclaimer{font-size:.9375rem;margin:30px 0 0;max-width:760px}
.form-intro{font-size:.9375rem;color:#ddd4cb}
#contact-text{display:block;width:100%;resize:vertical;background:#171b21;border:1px solid #ffffff40;color:#f4f3ef;padding:18px;margin:12px 0 24px;line-height:1.7;font-size:1rem;border-radius:6px}
#copy-status{min-height:1.65em;margin:15px 0;color:#f4c39e;font-size:.9375rem}
.summary .actions{align-items:stretch}
.task-stack span:before{width:5px;height:5px;background:#b3a18f;border:0;border-radius:50%}
.preview,.eyebrow,.hero-copy>.eyebrow,.workbench-top,.scenario-context .small-label,.product-caption span,.story-visual>span,.method-track article>span{font-size:.75rem}
.scene-caption,.scene-caption>span,.paper-row b,.paper-row div>span,.paper-row i,.stock-schematic span,.source-label,.sample-line,.technical-note>span,.result-row,.result-row span{font-size:.875rem}
.paper-row{flex-wrap:wrap;gap:9px}
.paper-row div{flex-basis:calc(100% - 42px)}
.paper-row i{display:inline-block;margin-left:35px;white-space:normal}
.closing .eyebrow,.closing p{color:#493321}
.scope-list article>span{color:#7a5a3c}
footer>div>a:not(.brand){padding-block:4px;min-height:30px}
.footer-bottom>a{padding-block:4px}
.footer-bottom{color:#a8aeb8}
.story-index{color:#9fa7b3}
.inner-page>.mascot-note{margin-inline:4%}
main>.mascot-note{width:92%}
.mj-profile .mj-intro h1{font-family:Manrope,Arial,sans-serif}
@media(max-width:1000px){.hero{grid-template-columns:1fr 1fr}.hero-copy h1{font-size:clamp(3rem,5.4vw,4.3rem)}.guided-demo{gap:5%}.guided-intro .mascot-note{display:block}.guided-intro .mascot-note img{float:left;margin-right:15px;margin-bottom:5px}.mascot-note{margin-inline:4%}}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding:38px 6% 40px;gap:32px}.hero-copy h1{font-size:clamp(3.2rem,12vw,4.8rem)}.hero-copy>.eyebrow{display:block;letter-spacing:.07em}.index-square{margin-right:7px}.hero-mascot img{border-radius:8px}.hero-mascot figcaption{padding-top:15px}.hero-mascot figcaption>p{font-size:1rem}.hero-mascot figcaption>span{font-size:.75rem;letter-spacing:.06em}.guided-demo{grid-template-columns:1fr;padding:48px 6%;gap:32px}.guided-intro h2{font-size:2.4rem}.guided-intro .mascot-note{display:flex;margin-top:24px}.guided-intro .mascot-note img{float:none;margin:0;width:87px;height:95px}.guided-intro .mascot-note p{font-size:.875rem}.mascot-note{padding:15px;gap:14px;margin-bottom:25px}main>.mascot-note{width:88%;margin-inline:6%}.mascot-note img{width:85px;height:95px}.mascot-note p{font-size:.9375rem}.mascot-label{font-size:.75rem;letter-spacing:.06em}.scenario-result{min-height:0}.paper-row i{display:inline-block}.mini-scene{padding:17px}.scene-caption{overflow-wrap:anywhere}.brand-image{width:127px;height:53px}.brand-image img{width:143px;top:-17px;left:-3px}.brand small{font-size:.75rem}.tool-rail{flex-wrap:wrap}.summary .actions{flex-direction:column}.summary .button{width:100%}.site-header{padding-block:18px}.guided-demo .scenario-context h2{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Audit Opus 5.5 — 10 octobre */
.brand-image{background:transparent}.brand-image img{mix-blend-mode:screen}
.mj-profile,.mj-teaser,.mj-profile h1,.mj-profile h2,.mj-profile h3,.mj-teaser h2{font-family:Manrope,Arial,sans-serif}
#navigation>a{padding-block:6px}.check{min-height:44px;padding-block:10px;cursor:pointer}.scenario-context .eyebrow,.scene-caption,.scenario-tabs button small{font-size:12px}
