/* Rang3 — Atelier numérique · identité « Forêt et cheminée » (direction 1)
   Crème #F5EFE3 fonds · Vert forêt #0D3924 texte/sections sombres · Mousse #668961 accents
   Ocre/miel #C9932E boutons primaires UNIQUEMENT (texte forêt, bordure forêt) · Fraunces (titres) + Source Sans 3 (texte)
   Chargé en dernier : surcharge home.css / faq-wow / apropos / chatbot sans les modifier. */
@font-face{font-family:"Fraunces";src:url(fonts/fraunces.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(fonts/sourcesans3.woff2) format("woff2");font-weight:200 900;font-style:normal;font-display:swap}
:root{--bg:#F5EFE3;--bg2:#EBE3D2;--ink:#0D3924;--mut:#3E5A48;--pierre:#3E5A48;--sauge:#668961;--g:#668961;--a:#668961;--line:rgba(13,57,36,.16);
--r3-foret:#0D3924;--r3-mousse:#668961;--r3-creme:#F5EFE3;--r3-carte:#FFFDF8;--r3-bord:#E2D8C4;--r3-feu:#C9932E;--r3-feu2:#DDA94F;--r3-pierre:#3E5A48;--r3-clair:#D5DFD0}
html{background:#F5EFE3!important}
body{background:#F5EFE3!important;color:#0D3924!important;font-family:"Source Sans 3",system-ui,sans-serif!important}
h1,h2,h3,.disp,.pr,.price{font-family:"Fraunces",Georgia,serif!important;font-weight:600!important;letter-spacing:-.01em!important;color:inherit}
.it,.disp .it{color:#668961!important;font-style:normal}
::selection{background:#668961;color:#fff}
:focus-visible{outline:3px solid var(--r3-foret)!important;outline-offset:3px!important}
.skip:focus{background:#0D3924!important;color:#F5EFE3!important}
/* éléments Boréal retirés */
.aur,#stars,.hx-mist,.hvid,.cur{display:none!important}
.hero::before{display:none!important}
/* en-tête : bande crème pleine, logo couleur */
.nav,.nav.solid{background:rgba(245,239,227,.97)!important;backdrop-filter:none!important;box-shadow:0 1px 0 rgba(13,57,36,.14)!important}
.nav .w{background:transparent!important;border:0!important;backdrop-filter:none!important}
.nav nav a,.nl a,.nav .lt,.lt{color:#0D3924!important;background:transparent}
.nav nav a:hover,.nl a:hover,.nav .lt:hover{color:#0D3924!important;background:rgba(102,137,97,.16)!important}
.burger{border:1px solid rgba(13,57,36,.3)!important;background:transparent!important}.burger span{background:#0D3924!important}
.mnav{background:#F5EFE3!important;border-bottom:1px solid var(--line)!important}.mnav a{color:#0D3924!important;border-bottom:1px solid var(--line)!important}
/* boutons : primaire = ocre/miel, texte forêt (4,73:1 ; survol 6,06:1), bordure forêt (11,3:1 sur crème) */
.btn,.pill,.cta,.round,.aia-lead button,.aia-f button,button[type=submit]{background:var(--r3-feu)!important;color:var(--r3-foret)!important;border:0!important;outline:0;box-shadow:none!important;text-shadow:none!important}
.btn:hover,.pill:hover,.cta:hover,.round:hover,.aia-lead button:hover,.aia-f button:hover,button[type=submit]:hover{background:var(--r3-feu2)!important;border:0!important;color:var(--r3-foret)!important;box-shadow:none!important}
.btn:disabled,.aia-lead button:disabled,.aia-f button:disabled,button[type=submit]:disabled{background:var(--r3-feu)!important;color:var(--r3-foret)!important;opacity:.55}
.btn.gh{background:transparent!important;color:#0D3924!important;border:1.5px solid #0D3924!important}
.btn.gh:hover{background:#0D3924!important;color:#F5EFE3!important}
.hero .btn.gh,.cband .btn.gh,#processus .btn.gh{color:#F5EFE3!important;border-color:#F5EFE3!important}
.hero .btn.gh:hover,.cband .btn.gh:hover{background:#F5EFE3!important;color:#0D3924!important}
.arr{border:1px solid rgba(13,57,36,.35)!important;color:#0D3924!important;background:#FFFDF8!important}
.arr:hover{background:#0D3924!important;color:#F5EFE3!important}.arr:disabled{color:#0D3924!important;opacity:.35}
/* hero : photo forêt (Unsplash) + voile vert forêt uni */
.hero{background:#0D3924!important;color:#F5EFE3!important}
.hero::after{background:rgba(13,57,36,.74)!important}
.hero .hbg img{filter:none!important}
.hero h1,.hero .hrow p{color:#F5EFE3!important;text-shadow:none!important}
.hero .it{color:#668961!important}
.kick{color:#F5EFE3!important;border:1px solid rgba(245,239,227,.45)!important;background:rgba(13,57,36,.55)!important;backdrop-filter:none!important}
.kick s{background:#668961!important;box-shadow:none!important}
.scroll{color:#F5EFE3!important}
/* étiquettes / textes secondaires */
.lbl,.prose .lbl,.slide .sec{color:#0D3924!important}
.lbl::before,.prose .lbl::before{background:#668961!important}
.lead,.step p,.faq details p,.prose p,.prose li,.tile p,.n,.sc p,.slide p,.pr small,.pk small,.note,.fld label,.ab-c p,details p{color:#3E5A48!important}
.prose h2{color:#0D3924!important;border-bottom:1px solid rgba(102,137,97,.5)!important}
.prose a,.mail{color:#0D3924!important;text-decoration:underline;text-decoration-color:#668961;text-underline-offset:3px}
/* cartes */
.tile,.sc,.plan,.case,.slide,.ab-c,.d3,.launch{background:#FFFDF8!important;border:1px solid #E2D8C4!important;box-shadow:none!important;color:#0D3924}
.tile::before,.sc::before,.sc::after,.ab-c::before,.ab-c::after,#secteurs .sc::before,#secteurs .sc::after{display:none!important}
.tile:hover,.sc:hover,.ab-c:hover,.bento .tile:hover{border-color:#668961!important;box-shadow:0 10px 28px rgba(13,57,36,.10)!important}
.bento:hover .tile:not(:hover){filter:none!important}
#secteurs .sc,.ab-c{border-top:3px solid #668961!important}
#secteurs .sc .ico,.sc .ico,.ab-i{background:rgba(102,137,97,.14)!important;color:#0D3924!important;border:1px solid rgba(102,137,97,.45)!important}
#secteurs .sc:nth-child(even) .ico,.ab-c:nth-child(even) .ab-i,#secteurs .sc:hover .ico{color:#0D3924!important}
.chips>span{border:1px solid rgba(13,57,36,.25)!important;color:#0D3924!important}
.soon,.badge{background:#0D3924!important;color:#F5EFE3!important;box-shadow:none!important}
.pk div{border:1px dashed rgba(13,57,36,.3)!important}
.mock{background:#F5EFE3!important;border:1px solid #E2D8C4!important;box-shadow:0 14px 30px rgba(13,57,36,.12)!important}
.mock i{background:rgba(13,57,36,.12)!important}.mock i:first-child{background:#668961!important}
.chat .u{background:#0D3924!important;color:#F5EFE3!important}.chat .b{background:#EBE3D2!important;color:#0D3924!important}
.cal i{background:rgba(13,57,36,.08)!important}.cal i.on{background:#668961!important}.cal i.x{background:transparent!important;outline:1px solid rgba(13,57,36,.12)!important}
.mbars{border-bottom:1px solid rgba(13,57,36,.3)!important}.mbars i{background:rgba(102,137,97,.35)!important}.mbars i.on{background:#0D3924!important}
.tagc{background:rgba(245,239,227,.94)!important;color:#0D3924!important;backdrop-filter:none!important;border:1px solid #E2D8C4!important}
.tagc *{color:#0D3924}
/* forfaits */
.plan.f{background:#FFFDF8!important;border:2px solid #0D3924!important}
.pm,.plan ul{color:#0D3924!important}.plan li::before{color:#668961!important}
.launch p,.d3{color:#0D3924!important}.d3 .sw i{border-color:#F5EFE3!important}
/* processus : section sombre vert forêt */
#processus{background:#0D3924!important;color:#F5EFE3!important}
#processus h2,#processus h3,#processus .step h3{color:#F5EFE3!important}
#processus .it,#processus .step.hi h3{color:#C9D8C3!important}
#processus .lbl{color:#8DBF5A!important}#processus .lbl::before{background:#8DBF5A!important}
#processus .step p,#processus .lead{color:#D5DFD0!important}
#processus .steps,#processus .step{border-color:rgba(213,223,208,.3)!important}
#processus .step .no{border:1.5px solid #C9D8C3!important;color:#F5EFE3!important;background:transparent!important}
#processus .step.hi .no{background:#C9D8C3!important;color:#0D3924!important}
/* FAQ */
.faq,.faq details,details{border-color:rgba(13,57,36,.18)!important}
.faq summary,.faq.fw summary{color:#0D3924!important}.faq.fw summary:hover{color:#0D3924!important}
.faq summary::marker,.faq summary::after,summary::after{color:#668961!important}
.faq details[open]{border-left:3px solid #668961!important}
.faq.fw details::before,.faq.fw details::after{display:none!important}
.faq.fw details.on{background:#FFFDF8!important;box-shadow:none!important;border-color:#668961!important}
.faq.fw details.on summary{color:#0D3924!important}
.fw-ic{border:1px solid rgba(13,57,36,.35)!important}.fw-ic::before,.fw-ic::after{background:#0D3924!important}
.faq.fw details.on .fw-ic{background:#0D3924!important;border-color:#0D3924!important}
.faq.fw details.on .fw-ic::before,.faq.fw details.on .fw-ic::after{background:#F5EFE3!important}
.faq.fw summary:focus-visible{outline:3px solid var(--r3-foret)!important}
/* contact : bande vert forêt unie */
.cband{background:#0D3924!important;color:#F5EFE3!important}
.cband h2,.cband .lbl,.cband p,.cband .fld label,.cband a{color:#F5EFE3!important}
.cband .it{color:#C9D8C3!important}.cband .lbl::before{background:#C9D8C3!important}
.cband .lead,.cband .note,.cband small{color:#D5DFD0!important}
.cband .mail{border-bottom-color:#C9D8C3!important}
input,select,textarea{background:#FFFDF8!important;border:1px solid rgba(13,57,36,.35)!important;color:#0D3924!important}
input::placeholder,textarea::placeholder{color:#5B7564!important}
input:focus,select:focus,textarea:focus{border-color:var(--r3-pierre)!important;outline:2px solid var(--r3-pierre)!important;outline-offset:1px}
/* pied de page vert forêt */
footer{background:#0D3924!important;color:#D5DFD0!important;border-top:0!important}
footer a{color:#F5EFE3!important}
/* carrousel */
.car .track{mask-image:none!important;-webkit-mask-image:none!important}
.swipe-hint{color:#3E5A48!important}
/* agent IA */
#aia-btn{background:#0D3924!important;color:#F5EFE3!important;border:1px solid #0D3924!important;box-shadow:0 8px 22px rgba(13,57,36,.28)!important}
#aia-btn .dot{background:#668961!important;box-shadow:0 0 0 3px #0D3924!important}
#aia-panel{background:#F5EFE3!important;color:#0D3924!important;border:1px solid #E2D8C4!important;box-shadow:0 24px 60px rgba(13,57,36,.25)!important}
.aia-h{background:#0D3924!important;color:#F5EFE3!important;border-bottom:0!important}
.aia-h .av{background:#F5EFE3!important;border:1px solid #F5EFE3!important;color:#0D3924!important}
.aia-h small,.aia-x{color:#D5DFD0!important}.aia-h small i{background:#C9D8C3!important}
.aia-b.bot{background:#FFFDF8!important;color:#0D3924!important;border:1px solid #E2D8C4}
.aia-b.me{background:#0D3924!important;color:#F5EFE3!important}.aia-b a{color:#0D3924!important;text-decoration:underline}
.aia-chips button{border:1px solid #668961!important;color:#0D3924!important;background:#FFFDF8!important}
.aia-chips button:hover{border-color:#0D3924!important;color:#0D3924!important}
.aia-lead{background:#FFFDF8!important;border:1px solid #E2D8C4!important}
.aia-lead input,.aia-lead textarea,.aia-f input{background:#FFFDF8!important;border:1px solid rgba(13,57,36,.35)!important;color:#0D3924!important}
.aia-f{border-top:1px solid #E2D8C4!important}.aia-note{color:#3E5A48!important}.aia-typing i{background:#668961!important}
/* titres secondaires en Fraunces, petits éléments en Source Sans 3 */
.big,.tile h3,.case h3,.ab-c h3,.slide h3,.sc h3,.plan h3,.step h3{font-family:"Fraunces",Georgia,serif!important;font-weight:600!important;letter-spacing:-.01em!important}
.pk b,.step .no,.nav,.lt,.btn,.pill,.kick,.lbl{font-family:"Source Sans 3",system-ui,sans-serif!important}
.btn,.pill{font-weight:600!important}
/* flèches de cartes : pas des boutons primaires → vert forêt */
.round{background:#0D3924!important;border-color:#0D3924!important;color:#F5EFE3!important}
.round:hover{background:#668961!important;border-color:#668961!important;color:#0D3924!important}
.prose a.btn{color:var(--r3-foret)!important;text-decoration:none}.btn *{color:inherit!important;text-decoration:none}
.btn.gh *{color:inherit!important}
/* Montserrat n’est plus chargée : agent IA et derniers éléments en Source Sans 3 */
#aia-btn,#aia-panel,#aia-panel *,.pk b,button,input,select,textarea{font-family:"Source Sans 3",system-ui,sans-serif!important}
b,strong{font-family:inherit!important}

/* Fond photo Contact (Rang3, paysage recadré) */
.cband{background:linear-gradient(rgba(13,57,36,.82),rgba(13,57,36,.82)),url(img/rang3-contact-c.jpg) center 55%/cover no-repeat,#0D3924!important;background:linear-gradient(rgba(13,57,36,.82),rgba(13,57,36,.82)),image-set(url(img/rang3-contact-c.webp) type("image/webp"),url(img/rang3-contact-c.jpg) type("image/jpeg")) center 55%/cover no-repeat,#0D3924!important}

/* Titre héros : laisser de la place aux jambages (j, p, q) de Fraunces */
.hero h1 .ln{padding-bottom:.22em!important;margin-bottom:-.16em!important}

/* Bandeau des cartes de projets : légère teinte verte */
.slide .meta,.case .meta{background:#E6EEE2!important;border-top:1px solid #D3E0CD}
.chips>span span{color:inherit!important;border:0!important;padding:0!important}
/* CTA sans cadre + plus minces (padding vertical -25 %) ; focus clavier seulement */
html body .btn,html body button[type=submit],html body .aia-lead button{padding-top:12px!important;padding-bottom:12px!important}
html body .pill{padding-top:9px!important;padding-bottom:9px!important;border:0!important}
html body .btn:focus-visible,html body .pill:focus-visible,html body button[type=submit]:focus-visible{outline:3px solid var(--r3-foret)!important;outline-offset:3px!important}
html body .hero .btn:focus-visible,html body .cband .btn:focus-visible,html body .cband button[type=submit]:focus-visible{outline-color:var(--r3-creme)!important}
@media(max-width:900px){html body .btn.mag:not(.gh){padding-top:9px!important;padding-bottom:9px!important;min-height:44px}html body button[type=submit]{min-height:44px}html body .plan .btn{padding-top:6px!important;padding-bottom:6px!important;min-height:40px}}

/* ===== Encadrés unifiés (v=20261020fr) : champs, select, saisie de l'agent IA, puces, bulles =====
   Jetons partagés ; dark.css redéfinit les couleurs pour le mode sombre. */
:root{--fr-bd:#768C7A;--fr-bd-soft:#E2D8C4;--fr-bg:#FFFDF8;--fr-ink:#0D3924;--fr-focus:#0D3924;--fr-hover:#0D3924;--fr-r:12px;--fr-h:50px;
--fr-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%230D3924' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
html body input:where(:not([type=checkbox],[type=radio])),html body select,html body textarea,html body .aia-f input,html body .aia-lead input,html body .aia-lead textarea{background-color:var(--fr-bg)!important;color:var(--fr-ink)!important;border:1px solid var(--fr-bd)!important;border-radius:var(--fr-r)!important;box-shadow:none!important;outline:none!important;box-sizing:border-box}
html body .fld input,html body .fld select{height:var(--fr-h)!important;min-height:var(--fr-h);padding:0 16px!important;line-height:1.2}
html body .fld textarea{padding:14px 16px!important}
html body select{-webkit-appearance:none!important;appearance:none!important;background-image:var(--fr-arrow)!important;background-repeat:no-repeat!important;background-position:right 16px center!important;background-size:12px 8px!important;padding-right:42px!important}
html body .aia-f{align-items:center}
html body .aia-f input{height:44px!important;padding:0 14px!important}
html body .aia-f button{flex:0 0 44px!important;width:44px!important;height:44px!important}
html body .aia-lead input,html body .aia-lead textarea{padding:10px 12px!important}
html body input:focus,html body select:focus,html body textarea:focus,html body .aia-f input:focus,html body .aia-lead input:focus,html body .aia-lead textarea:focus{border-color:var(--fr-focus)!important;outline:none!important;box-shadow:0 0 0 1px var(--fr-focus)!important}
html body .aia-chips button{background:transparent!important;color:var(--fr-ink)!important;border:1px solid var(--fr-bd)!important;border-radius:999px!important}
html body .aia-chips button:hover,html body .aia-chips button:focus-visible{border-color:var(--fr-hover)!important;color:var(--fr-hover)!important}
html body .aia-b.bot,html body .aia-lead{border:1px solid var(--fr-bd-soft)!important}
html body #aia-panel{border:1px solid var(--fr-bd-soft)!important}
html body .aia-f{border-top:1px solid var(--fr-bd-soft)!important}
/* Trait d'étiquette unifié (v=20261021lbl) : même géométrie que « Contact » pour toutes les .lbl, FR/EN, clair/sombre */
html body .lbl{display:flex!important;align-items:center!important;gap:12px!important}
html body .lbl::before{content:""!important;display:block!important;flex:0 0 28px!important;width:28px!important;height:1px!important;min-height:1px!important;opacity:1!important;visibility:visible!important;transform:none!important}
html body #processus .lbl,html[data-theme] body #processus .lbl{color:#8DBF5A!important}
html body #processus .lbl::before,html[data-theme] body #processus .lbl::before,html:not([data-theme=light]) body #processus .lbl::before{background:#8DBF5A!important}
/* v=20261021lbl2 : trait d'étiquette 2 px (1 px disparaissait sur Mac/Safari en zoom réduit et captures réduites) */
html body .lbl::before{height:2px!important;min-height:2px!important;border-radius:1px;align-self:center!important}
/* v=20261021coh : menu ordinateur avec Tarifs + FAQ */
html body .nl a{white-space:nowrap}
@media(min-width:901px) and (max-width:1199px){html body .nl{gap:0}html body .nl a{padding-left:9px;padding-right:9px}html body .nl a[href="index.html"]{display:none}}

/* Brand wordmark in body copy: RANG + green 3 */
.r3-logo-txt,html body #aia-panel .r3-logo-txt{font-family:'Plus Jakarta Sans','Inter',system-ui,-apple-system,sans-serif!important;font-weight:800!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:#0D3924!important;white-space:nowrap!important}
.r3-logo-txt b,html body #aia-panel .r3-logo-txt b{display:inline!important;font-size:inherit!important;font-family:inherit!important;font-weight:800!important;color:#668961!important}
html[data-theme="dark"] .r3-logo-txt,html[data-theme="dark"] body #aia-panel .r3-logo-txt,.hero .r3-logo-txt,footer .r3-logo-txt,.cband .r3-logo-txt,#processus .r3-logo-txt,#aia .aia-h .r3-logo-txt{color:#F5EFE3!important}
html[data-theme="dark"] .r3-logo-txt b,html[data-theme="dark"] body #aia-panel .r3-logo-txt b,.hero .r3-logo-txt b,footer .r3-logo-txt b,.cband .r3-logo-txt b,#processus .r3-logo-txt b,#aia .aia-h .r3-logo-txt b{color:#8DBF5A!important}
.r3-sub-txt{font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif!important;font-weight:700!important;font-size:.82em!important;letter-spacing:.10em!important;text-transform:uppercase!important;color:#668961!important;white-space:nowrap!important}
html[data-theme="dark"] .r3-sub-txt,.hero .r3-sub-txt,footer .r3-sub-txt,.cband .r3-sub-txt,#processus .r3-sub-txt{color:#8DBF5A!important}
@media (prefers-color-scheme:dark){html:not([data-theme=light]) .r3-logo-txt,html:not([data-theme=light]) body #aia-panel .r3-logo-txt{color:#F5EFE3!important}html:not([data-theme=light]) .r3-logo-txt b,html:not([data-theme=light]) body #aia-panel .r3-logo-txt b{color:#8DBF5A!important}html:not([data-theme=light]) .r3-sub-txt{color:#8DBF5A!important}}