/* Arkelio — startup premium. Shared across the three pages. */
:root { --ink:#182c2d; --linen:#f8f5ed; --green:#566746; --blue:#1d334e; --yellow:#f4b840; --line:rgba(29,51,78,.14); }
body { background:var(--linen); }
p { color:#526060; }
h1,h2,h3 { font-weight:600; }
em { font-family:'Manrope',Arial,sans-serif; font-style:normal; font-weight:600; }
h2 em { color:var(--accent); }
header { position:sticky; top:14px; z-index:50; height:78px; padding:0 22px; margin:18px 4% 0; border:1px solid #1d334e12; border-radius:20px; background:#f8f5edf0; backdrop-filter:blur(18px); box-shadow:0 8px 35px #1d334e06; transition:box-shadow .3s; }
body.is-scrolled header { box-shadow:0 10px 35px #1d334e14; }
.brand img { width:175px; }
nav { gap:24px; }
nav a:not(.btn):hover { color:var(--accent); }
nav a[aria-current=page]:after { width:100%; height:3px; border-radius:4px; background:var(--accent); }
.btn { border-radius:100px; background:var(--accent); color:var(--blue); font-weight:700; padding:12px 13px 12px 23px; gap:20px; min-height:54px; box-shadow:0 3px 0 #172d2910; transition:transform .3s,box-shadow .3s,background .3s; }
.btn span { display:grid; place-items:center; width:34px; height:34px; background:var(--blue); color:var(--linen); border-radius:50%; transition:transform .35s,background .35s; }
.btn:hover { background:#ffc951; color:var(--blue); box-shadow:0 8px 22px #b38a292b; transform:translateY(-3px); }
.btn:hover span { transform:rotate(45deg); }
.btn.blue { color:var(--linen); }
.btn.blue span { background:var(--accent); color:var(--blue); }
.nav-cta { min-height:44px; padding:7px 8px 7px 19px; font-size:13px; gap:12px; }
.nav-cta span { width:29px; height:29px; }
.text-link { position:relative; border-bottom:0; }
.text-link:after { content:''; position:absolute; bottom:0; left:0; height:2px; width:100%; background:var(--accent); transform-origin:left; transition:transform .3s; }
.text-link:hover:after { transform:scaleX(.65); }
.hero { padding-top:48px; padding-bottom:88px; position:relative; overflow:clip; background:radial-gradient(ellipse at 90% 45%,#f4b8401b,transparent 50%); }
.hero>.eyebrow { margin-bottom:32px; }
.eyebrow { font-size:12px; letter-spacing:.12em; }
.eyebrow:before { width:8px; height:8px; border-radius:50%; background:var(--accent); flex-shrink:0; }
.hero-grid { grid-template-columns:1.13fr 1fr; gap:6%; }
.hero h1 { font-size:clamp(43px,4.9vw,76px); line-height:1.08; letter-spacing:-.06em; font-weight:600; }
.hero h1 em { color:var(--accent); background:linear-gradient(transparent 87%,#f4b84090 87%,#f4b84090 97%,transparent 97%); box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.hero-copy>p { font-size:16px; line-height:1.75; max-width:490px; }
.hero-actions { margin-top:28px; }
.hero-note { font-size:12px; }
.hero-scene { position:relative; padding:22px 0; perspective:1100px; }
.hero-visual { min-height:0; border-radius:28px; height:510px; transform:rotate(2deg); background:var(--green); box-shadow:0 25px 70px #1d334e18; }
.hero-visual:after { content:''; position:absolute; inset:60% 0 0; background:linear-gradient(transparent,#0e243294); pointer-events:none; }
.hero-visual img { width:100%; height:100%; object-fit:cover; transform:translateY(var(--image-y,0px)) scale(1.16); }
.visual-caption { z-index:1; bottom:24px; left:22px; right:22px; font-size:11px; }
.visual-caption span:first-child { display:none; }
.visual-caption span:last-child { margin-left:auto; }
.image-label { left:-32px; bottom:60px; border-radius:16px; background:#f8f5ed; padding:18px 22px; border:1px solid #1d334e10; box-shadow:0 14px 35px #1d334e1c; font-size:14px; transform:translateY(var(--label-y,0px)); z-index:3; }
.label-dots { display:flex; gap:4px; }
.label-dots i { width:13px; height:13px; background:var(--green); border-radius:50%; }
.label-dots i:nth-child(2){ background:var(--blue); }
.label-dots i:nth-child(3){ background:var(--yellow); }
.scene-tag { position:absolute; z-index:3; top:0; right:-15px; display:flex; align-items:center; gap:12px; padding:14px 19px 14px 13px; background:var(--accent); border-radius:16px; color:var(--blue); font-size:13px; transform:translateY(var(--tag-y,0px)) rotate(3deg); box-shadow:0 14px 35px #1d334e12; }
.tag-symbol { font-size:30px; width:42px; height:42px; display:grid; place-items:center; border-radius:50%; border:1px solid #1d334e40; }
.scene-pill { position:absolute; bottom:0; right:0; background:var(--blue); color:var(--linen); padding:9px 16px; border-radius:100px; font-size:12px; display:flex; align-items:center; gap:8px; transform:rotate(-3deg); }
.scene-pill>span { color:var(--accent); font-size:22px; }
.scene-orbit { position:absolute; top:-35px; left:-35px; width:170px; height:170px; border:1px solid #56674635; border-radius:50%; transform:rotate(var(--orbit-angle,0deg)); }
.scene-orbit i { position:absolute; width:17px; height:17px; border-radius:50%; background:var(--green); top:15px; left:15px; }
.scene-orbit i:nth-child(2) { top:75px; left:auto; right:-8px; background:var(--blue); }
.scene-orbit i:nth-child(3) { top:auto; bottom:-7px; left:75px; background:var(--yellow); }
.sectors { display:block; padding:24px 0; border:0; color:var(--linen); background:var(--blue); overflow:hidden; }
.sectors>span:first-child { display:block; text-align:center; max-width:none; width:auto; color:#d0d9e1; font-size:11px; margin-bottom:15px; }
.sector-window { overflow:hidden; }
.sector-track { display:flex; width:max-content; }
.sector-group { display:flex; align-items:center; gap:44px; padding-right:44px; }
.sector-group>span { white-space:nowrap; font-size:18px; letter-spacing:-.02em; display:flex; gap:44px; align-items:center; }
.sector-group>span:after { content:'✳'; font-size:24px; color:var(--accent); }
.motion-on .sector-track { animation:sector-slide 34s linear infinite; }
.sectors:hover .sector-track { animation-play-state:paused; }
@keyframes sector-slide { to { transform:translateX(-50%); } }
.section { padding-top:100px; padding-bottom:100px; }
main>.intro { position:relative; }
main>.intro:before { content:''; position:absolute; top:60px; left:7.2%; width:50px; height:5px; background:var(--accent); border-radius:10px; }
.expertises { background:#eaf0e6; border-radius:40px; margin:0 20px; }
body[data-page=financement] .expertises { background:#e6edf3; }
.cards { gap:24px; }
.card { border-radius:24px; overflow:hidden; box-shadow:0 16px 35px #1d334e0a; transition:transform .45s,box-shadow .45s; isolation:isolate; }
.card:before { content:''; width:210px; height:210px; border:1px solid #f8f5ed25; border-radius:50%; position:absolute; right:-70px; top:-70px; z-index:-1; transition:transform .7s; }
.card:hover:before { transform:scale(1.35); }
.card.visible:hover,.card:focus-within { transform:translateY(-8px); box-shadow:0 24px 45px #1d334e22; }
.card .number { opacity:1; color:#f4cb77; }
.card p { opacity:1; color:#f2f1e1; }
.card-link { align-items:center; }
.card-link span { background:var(--accent); color:var(--blue); width:40px; height:40px; display:grid; place-items:center; border-radius:50%; transition:transform .4s; flex-shrink:0; }
.card-link:hover span { transform:rotate(45deg); }
.detail-band { gap:18px; border:0; padding-top:0; }
.detail-band article { background:#f8f5ed; border:1px solid #1d334e12; border-radius:22px; padding:27px; transition:transform .4s,box-shadow .4s; }
.detail-band article.visible:hover { transform:translateY(-5px); box-shadow:0 15px 35px #1d334e0b; }
.detail-band h3 { font-size:23px; letter-spacing:-.045em; }
.detail-band p { font-size:15px; }
.energy-aids .detail-band article { background:#edf2e7; }
.method-grid { align-items:start; gap:8%; grid-template-columns:1fr 1fr; }
#methode .step { min-height:245px; align-content:center; padding:36px 18px; position:relative; border-bottom:1px solid var(--line); transition:background .4s; }
#methode .step>span { width:33px; height:33px; padding:0; display:grid; place-items:center; border-radius:50%; border:1px solid var(--line); transition:background .4s,border-color .4s; }
#methode .active-step { background:#eaf0e650; }
#methode .active-step>span { background:var(--accent); border-color:var(--accent); color:var(--blue); }
.project { position:sticky; top:116px; border-radius:24px; background:#eaf0e6; border:1px solid #56674618; padding:25px; box-shadow:0 18px 50px #1d334e0a; }
.project img { border-radius:14px; height:215px; object-position:center; filter:saturate(.9); transition:object-position .9s,filter .9s; }
.project[data-stage="1"] img { object-position:65% center; filter:saturate(1.05); }
.project[data-stage="2"] img { object-position:85% center; filter:saturate(1.15); }
.project-top { font-size:10px; gap:8px; }
.stage-controls { background:#dae3d4; padding:4px; border-radius:100px; gap:0; margin:18px 0; }
.stage-controls button { border:0; border-radius:100px; font-size:12px; transition:background .35s,color .35s,box-shadow .35s; min-height:38px; }
.stage-controls button[aria-pressed=true] { background:var(--accent); color:var(--blue); box-shadow:0 2px 7px #1d334e12; }
.project p { min-height:94px; }
.progress { gap:5px; }
.progress i { height:6px; border-radius:4px; transition:background .5s; }
.project small { font-size:11px; }
.reassurance { background:var(--blue); border-radius:36px; margin:0 20px; position:relative; overflow:hidden; }
.reassurance:after { content:''; position:absolute; width:340px; height:340px; border:1px solid #f4b84055; border-radius:50%; top:-180px; right:-100px; pointer-events:none; }
.reassurance h2 { max-width:900px; }
.reassurance h2 em { color:var(--linen); }
.reassurance .eyebrow { color:var(--accent); }
.principles article { border-color:#f4b84055; }
.bridge { margin:22px 20px 0; border-radius:30px; background:#f7df9b; }
.contact { padding-top:110px; padding-bottom:110px; }
.contact>div h2 { font-size:clamp(44px,5.5vw,76px); }
.contact-form { background:#edeedc; border:1px solid #56674610; border-radius:24px; padding:30px; }
.footer { background:#eaf0e6; padding-bottom:80px; border:0; }
.motion-toggle { position:fixed; z-index:60; bottom:16px; left:20px; border:1px solid #1d334e18; border-radius:100px; background:#f8f5edef; backdrop-filter:blur(12px); color:var(--blue); padding:9px 14px; font-size:12px; box-shadow:0 3px 20px #1d334e12; }
.reading-progress { position:fixed; z-index:100; top:0; left:0; height:3px; width:100%; background:var(--accent); transform:scaleX(var(--reading,0)); transform-origin:left; pointer-events:none; }
.cursor { border-color:#1d334e60; }
.cursor.hover { background:#f4b84035; border-color:var(--accent); }
.motion-on .reveal { opacity:0; transform:translateY(35px); transition:opacity .75s,transform .75s; transition-delay:var(--reveal-delay,0ms); }
.motion-on .reveal.visible { opacity:1; transform:translateY(0); }
.motion-on .hero-copy>* { animation:entrance .75s both; }
.motion-on .hero-copy>h1 { animation-delay:.05s; }
.motion-on .hero-copy>p { animation-delay:.16s; }
.motion-on .hero-actions { animation-delay:.25s; }
.motion-on .hero-note { animation-delay:.32s; }
.motion-on .hero-scene { animation:entrance 1s .2s both; }
@keyframes entrance { from { opacity:0; transform:translateY(25px); } to { opacity:1; transform:translateY(0); } }
.motion-paused *, .motion-paused *:before, .motion-paused *:after { animation:none!important; transition:none!important; }
.motion-paused .reveal { opacity:1; transform:none; }
.motion-paused .cursor { display:none!important; }
html:has(.motion-paused) { scroll-behavior:auto; }
@media(min-width:1500px){ .hero-visual { height:590px; } .hero-visual img { height:100%; } }
@media(max-width:1100px){ header{margin-left:3%;margin-right:3%;padding:0 18px}.brand img{width:150px}nav{gap:17px;font-size:13px}.nav-cta{font-size:12px}.hero h1{font-size:clamp(40px,4.9vw,56px)}.hero-visual{height:480px}.hero-actions{gap:18px}.project{padding:20px}.project-top{letter-spacing:.04em}.project p{min-height:115px}.detail-band{gap:12px}.detail-band article{padding:22px}.detail-band h3{font-size:21px}.contact{gap:6%}.contact-form{padding:23px} }
@media(max-width:800px){ header{height:70px;top:8px;margin:8px 12px 0}nav{gap:12px}.nav-cta{font-size:11px;padding-left:12px;gap:7px}.nav-cta span{width:22px;height:22px}.brand img{width:133px}.hero h1{font-size:40px}.hero-visual{height:440px}.hero-copy>p{font-size:15px}.scene-tag{right:-7px;padding:10px;font-size:11px}.image-label{left:-18px;padding:14px;font-size:12px}.detail-band{grid-template-columns:1fr}.hero>.eyebrow{font-size:11px}.method-grid{gap:4%} }
@media(max-width:720px){
 header{position:sticky;height:66px;padding:0 17px}.brand img{width:158px}.menu-toggle{border-radius:100px;background:var(--accent);border:0;padding:9px 15px}nav{top:74px;border:1px solid var(--line);border-radius:20px;box-shadow:0 16px 35px #1d334e15;padding:25px;background:var(--linen)}nav.open{gap:25px}nav a{font-size:15px}.nav-cta{font-size:14px;padding:10px 12px 10px 20px}.nav-cta span{width:30px;height:30px}
 .hero{padding-top:36px;padding-bottom:48px}.hero>.eyebrow{margin-bottom:26px;font-size:10px}.hero-grid{grid-template-columns:1fr;gap:25px}.hero h1{font-size:clamp(36px,10.5vw,61px)}.hero-copy>p{font-size:16px}.hero-actions{margin:24px 0}.hero-scene{margin:8px 8px 0;padding:20px 0}.hero-visual{height:365px;border-radius:22px;transform:rotate(1deg)}.hero-visual img{height:100%}.scene-tag{right:-8px;top:0;font-size:12px;padding:12px}.scene-orbit{width:120px;height:120px;top:-10px;left:-15px}.scene-orbit i:nth-child(2){top:55px}.scene-orbit i:nth-child(3){left:50px}.image-label{left:-8px;bottom:60px;font-size:12px;padding:15px}.scene-pill{font-size:11px;bottom:0}.scene-pill>span{font-size:20px}
 .section{padding-top:65px;padding-bottom:65px}.expertises,.reassurance{margin:0 10px;border-radius:24px}.wrap{padding-left:6%;padding-right:6%}main>.intro:before{top:35px;left:6%}.card{padding:28px;min-height:430px}.card h3{font-size:34px}.cards{gap:18px}.sector-group{gap:28px;padding-right:28px}.sector-group>span{font-size:16px;gap:28px}.sector-group>span:after{font-size:20px}.sectors>span:first-child{font-size:10px}
 .method-grid{grid-template-columns:1fr;gap:25px}#methode .step{min-height:0;padding:25px 5px}.project{position:relative;top:auto;padding:22px}.project p{min-height:90px}.project img{height:220px}.project-top{font-size:10px}.stage-controls button{font-size:11px}.bridge{margin:14px 10px 0;border-radius:24px}.contact{gap:32px}.contact-form{padding:23px}.contact>div h2{font-size:48px}.footer{padding-bottom:80px}.motion-toggle{font-size:11px;left:12px;bottom:12px;padding:8px 12px}.cursor{display:none!important}
}
@media(prefers-reduced-motion:reduce){ .motion-on .reveal{opacity:1;transform:none}.hero-visual img{transform:scale(1.08)}.image-label,.scene-tag,.scene-orbit{transform:none}.cursor{display:none!important} }
/* Reading remains complete when motion is disabled. */
.motion-paused .sector-track { width:auto; }
.motion-paused .sector-group { flex-wrap:wrap; justify-content:center; padding:0 24px; gap:18px 30px; }
.motion-paused .sector-group>span { gap:20px; }
.motion-paused .sector-group[aria-hidden=true] { display:none; }
.motion-toggle:disabled { cursor:default; }
.visual-caption { left:18px; right:auto; bottom:15px; }
.visual-caption span:last-child { margin-left:0; padding:3px 7px; border-radius:5px; background:#142b3270; }
@media(max-width:899px),(max-height:749px){ .project{position:relative;top:auto}#methode .step{min-height:0;padding:30px 12px} }

/* Identités métiers : couleurs des points du logo.
   Le jaune reste réservé à l'assurance et aux trois points de marque. */
:root {
 --green:#4f5b3b; --blue:#1c324e;
 --accent:var(--green); --accent-hover:#3d472d;
 --tint:#e8eddf; --tint-strong:#d6dfc9; --accent-light:#dce8ca;
}
body[data-page=financement] {
 --accent:var(--blue); --accent-hover:#294b72;
 --tint:#e5edf6; --tint-strong:#cedcee; --accent-light:#d4e5fa;
}
body[data-page=accueil] { --accent:var(--blue); --accent-hover:#294b72; }
header { border-top:3px solid var(--accent); }
nav a[href="energie.html"] { --nav-color:var(--green); }
nav a[href="financement.html"] { --nav-color:var(--blue); }

nav a[aria-current=page] { color:var(--accent); font-weight:700; }
.btn,.btn.blue,.finance .btn { background:var(--accent); color:#fff; }
.btn span,.btn.blue span { background:#ffffff; color:var(--accent); }
.btn:hover { background:var(--accent-hover); color:#fff; box-shadow:0 8px 22px #182c2d20; }
.hero { background:linear-gradient(115deg,var(--linen) 12%,var(--tint) 100%); }
.hero h1 em { background:none; }
.hero>.eyebrow { color:var(--accent); }
.hero-visual { border:7px solid var(--accent); background:var(--accent); }
.scene-tag { background:var(--accent); color:#fff; }
.tag-symbol { border-color:#ffffff70; }
.image-label { border-left:4px solid var(--accent); }
.scene-pill { background:var(--accent); color:#fff; }
.scene-pill>span { color:var(--accent-light); }
body:not([data-page=accueil]) .scene-orbit { border-color:var(--accent); opacity:.45; }
body:not([data-page=accueil]) .scene-orbit i { background:var(--accent); }
body:not([data-page=accueil]) .label-dots { display:none; }
.expertises,body[data-page=financement] .expertises { background:var(--tint); }
.detail-band article { border-top:3px solid var(--accent); }
.energy-aids .detail-band article { background:var(--tint); }
.detail-band h3 { color:var(--accent); }
.project { background:var(--tint); border-color:var(--tint-strong); }
.stage-controls { background:var(--tint-strong); }
.stage-controls button[aria-pressed=true],#methode .active-step>span { color:#fff; }
#methode .active-step { background:var(--tint); }
.progress i { background:var(--tint-strong); }
.progress i.on { background:var(--accent); }
.reassurance { background:var(--accent); }
.reassurance:after { border-color:#ffffff40; }
.reassurance .eyebrow { color:var(--accent-light); }
.reassurance .eyebrow:before { background:currentColor; }
.principles article { border-color:#ffffff40; }
.contact-form,.footer { background:var(--tint); }
.contact-form { border-color:var(--tint-strong); }
.menu-toggle { background:var(--accent); color:#fff; }
.cursor { border-color:var(--accent); }
.cursor.hover { background:var(--tint); border-color:var(--accent); }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible {
 outline-color:var(--accent);
}
/* La passerelle annonce explicitement le métier de destination. */
body[data-page=energie] .bridge {
 --accent:var(--blue); --accent-hover:#294b72; background:#e5edf6;
 border-left:5px solid var(--accent);
}
body[data-page=financement] .bridge {
 --accent:var(--green); --accent-hover:#3d472d; background:#e8eddf;
 border-left:5px solid var(--accent);
}
.bridge h2 { color:var(--accent); }
/* Accueil : les deux métiers restent immédiatement reconnaissables. */
.card { --accent:var(--green); }
.card.finance { --accent:var(--blue); }
.card .number { color:#fff; }
.card-link span { background:#fff; color:var(--accent); }
body[data-page=accueil] .hero {
 background:linear-gradient(115deg,var(--linen) 12%,#e8eddf 55%,#e5edf6 100%);
}
.sector-group>span:after { color:#d4e5fa; }
@media(max-width:720px) { .hero-visual { border-width:5px; } }

/* Accueil brique mate ; ressources identifiées par métier. */
body[data-page=accueil] {
 --brick:#934f40;
 --accent:var(--brick); --accent-hover:#773d32;
 --tint:#f0e3dc; --tint-strong:#e2c9bd; --accent-light:#f5dfd4;
}
body[data-page=accueil] .hero {
 background:linear-gradient(115deg,var(--linen) 12%,var(--tint) 100%);
}
body[data-page=accueil] .sectors,
body[data-page=accueil] .card.finance {
 background:var(--brick);
}
body[data-page=accueil] .card.finance { --accent:var(--brick); }
body[data-page=accueil] .sectors>span:first-child,
body[data-page=accueil] .sector-group>span:after { color:var(--accent-light); }
body[data-page=accueil] .scene-orbit { border-color:var(--tint-strong); }
body[data-page=accueil] .scene-orbit i:nth-child(2),
body[data-page=accueil] .label-dots i:nth-child(2) { background:var(--brick); }
body[data-page=accueil] nav a[href="financement.html"] { --nav-color:var(--brick); }
.motion-toggle { color:var(--accent); }
body[data-universe=financement],
.resource-grid article[data-universe=financement] {
 --accent:var(--blue); --accent-hover:#294b72;
 --tint:#e5edf6; --tint-strong:#cedcee; --accent-light:#d4e5fa;
}
.resource-grid article[data-universe=energie] {
 --accent:var(--green); --tint:#e8eddf; --tint-strong:#d6dfc9;
}
.resource-grid article {
 background:var(--tint); border:1px solid var(--tint-strong);
 border-top:4px solid var(--accent); border-radius:24px;
}
.resource-grid article h2 em,
.article>h1 em { color:var(--accent); }
.article-body aside { background:var(--accent); border-radius:20px; }

/* Palette patrimoine : ivoire, taupe et lignes fines. */
:root {
 --green:#3b4331; --blue:#1f2530; --linen:#e8e1d6; --ink:#1e1a17;
 --taupe:#a89c8e; --cognac:#75685c; --stone:#6b6f72; --dusty:#a7b8c7;
 --line:rgba(168,156,142,.48);
 --accent:var(--green); --accent-hover:#2d3425;
 --tint:#e0e1d5; --tint-strong:#c6cbb9; --accent-light:#e8e1d6;
}
body[data-page=accueil],body[data-page=ressources] {
 --accent:var(--cognac); --accent-hover:#61564c;
 --tint:#e0d6c9; --tint-strong:#c7b9a8; --accent-light:#e8e1d6;
}
body[data-page=financement],body[data-universe=financement],
.resource-grid article[data-universe=financement] {
 --accent:var(--blue); --accent-hover:#303c4b;
 --tint:#dce0e1; --tint-strong:#a7b8c7; --accent-light:#dce3e9;
}
.resource-grid article[data-universe=energie] {
 --accent:var(--green); --tint:#e0e1d5; --tint-strong:#c6cbb9;
}
p { color:#57534e; }
header {
 border:1px solid var(--line); border-radius:6px;
 background:#e8e1d6f2; box-shadow:none;
}
body.is-scrolled header { box-shadow:0 8px 24px #1e1a1708; }
nav a[aria-current=page]:after,.text-link:after { height:1px; }
body[data-page=accueil] nav a[href="financement.html"] { --nav-color:var(--blue); }
h1,h2,h3 { font-weight:500; letter-spacing:-.04em; }
em { font-family:Georgia,'Times New Roman',serif; font-style:italic; font-weight:400; }
.hero h1 { font-weight:500; }
.eyebrow { font-weight:500; letter-spacing:.16em; }
.eyebrow:before { width:22px; height:1px; border-radius:0; }
.btn { border-radius:100px; box-shadow:none; font-weight:500; }
.btn:hover { box-shadow:none; transform:translateY(-1px); }
.btn span { background:transparent; color:inherit; border:1px solid #ffffff60; }
.hero,body[data-page=accueil] .hero { background:var(--linen); }
.hero-visual { border:1px solid var(--taupe); border-radius:4px; transform:none; box-shadow:0 18px 40px #1e1a1710; }
.hero-visual:after { background:linear-gradient(transparent,#1e1a1780); }
.image-label { border:1px solid var(--taupe); border-left:2px solid var(--accent); border-radius:3px; background:var(--linen); box-shadow:none; }
.scene-tag { border-radius:3px; box-shadow:none; transform:translateY(var(--tag-y,0px)); }
.scene-pill { border-radius:3px; transform:none; }
.scene-orbit i { width:9px; height:9px; }
body[data-page=accueil] .scene-orbit i:nth-child(2),
body[data-page=accueil] .label-dots i:nth-child(2) { background:var(--blue); }
.scene-orbit i:nth-child(3),.label-dots i:nth-child(3) { background:var(--taupe); }
body[data-page=accueil] .sectors { background:var(--ink); }
body[data-page=accueil] .sector-group>span:after { color:var(--taupe); font-size:16px; }
.sector-group>span { font-weight:400; }
.expertises,.reassurance { border-radius:6px; }
.card { background:var(--green); border-radius:4px; box-shadow:none; border:1px solid #ffffff25; }
body[data-page=accueil] .card.finance,.card.finance { --accent:var(--blue); background:var(--blue); }
.card.visible:hover,.card:focus-within { transform:translateY(-3px); box-shadow:0 12px 28px #1e1a1710; }
.card .number { font-size:11px; letter-spacing:.18em; color:var(--linen); }
.card p,.card li,.card-link { color:var(--linen); }
.card li,.card .card-link { border-color:#e8e1d640; }
.card-link span { background:transparent; color:var(--linen); border:1px solid #e8e1d660; }
.detail-band article { border:1px solid var(--tint-strong); border-top:1px solid var(--accent); border-radius:4px; background:#eee8df; }
.project,.project img,.contact-form { border-radius:4px; box-shadow:none; }
.stage-controls { border-radius:100px; }
.stage-controls button { border-radius:100px; }
body[data-page=accueil] .reassurance { background:var(--ink); }
.reassurance .eyebrow,.reassurance p { color:var(--linen); }
.reassurance:after,.principles article { border-color:#a89c8e60; }
body[data-page=energie] .bridge { background:#dce0e1; border-left-width:1px; }
body[data-page=financement] .bridge { background:#e0e1d5; border-left-width:1px; }
.resource-grid article { border-radius:4px; border-top-width:1px; }
.article-body aside { border-radius:4px; }
.footer { border-top:1px solid var(--taupe); }
.motion-toggle { border-radius:100px; background:#e8e1d6ef; border-color:var(--taupe); box-shadow:none; }
.reading-progress { background:var(--taupe); }
/* Éclats de jaune : transparence, contours doux et repères ponctuels. */
:root { --yellow:#f4b840; }
header {
 background:rgba(248,245,237,.83);
 border-color:rgba(168,156,142,.24);
 box-shadow:0 4px 24px #1e1a1705,inset 0 1px 0 #ffffff70;
 border-radius:12px;
}
body[data-page=accueil] .hero {
 background:radial-gradient(ellipse at 73% 30%,#f4b84012,transparent 58%),var(--linen);
}
.btn,.btn.blue,.finance .btn {
 background:rgba(244,184,64,.19); color:var(--ink);
 border:1px solid rgba(193,137,33,.38);
 box-shadow:inset 0 1px 0 #ffffff75,0 3px 14px #f4b8400a;
 backdrop-filter:blur(10px);
}
.btn span,.btn.blue span {
 background:rgba(244,184,64,.3); color:var(--ink);
 border:1px solid #c1892140;
}
.btn:hover {
 background:rgba(244,184,64,.32); color:var(--ink);
 border-color:#c1892180; box-shadow:0 5px 20px #f4b84016;
}
.hero>.eyebrow:before,.resources>.eyebrow:before,.article>.eyebrow:before {
 background:var(--yellow); width:26px; height:2px;
}
nav a[aria-current=page]:after { background:var(--yellow); height:2px; }
.scene-orbit i:nth-child(3),.label-dots i:nth-child(3) { background:var(--yellow); }
body[data-page=accueil] .sector-group>span:after { color:var(--yellow); opacity:.72; }
.hero-visual {
 border:1px solid #a89c8e30; border-radius:12px;
 box-shadow:0 16px 40px #1e1a170c,0 0 0 5px #ffffff12;
}
.image-label {
 background:#f8f5eddb; backdrop-filter:blur(12px);
 border:1px solid #ffffff65; border-left:2px solid #f4b840b0;
 border-radius:9px; box-shadow:0 6px 24px #1e1a1708;
}
.scene-tag,.scene-pill { border-radius:9px; border:1px solid #ffffff20; }
.tag-symbol { border-color:#f4b84085; color:#f4cf85; }
.scene-pill>span { color:var(--yellow); }
.card { border-radius:12px; border-color:#e8e1d620; box-shadow:0 9px 30px #1e1a1708; }
.card:before { border-color:#f4b84025; }
.card-link span { background:#f4b84015; border-color:#f4b84065; color:#f4cf85; }
.card-link:hover span { background:#f4b8402a; }
.expertises,.reassurance { border-radius:14px; }
.detail-band article,.resource-grid article,.project,.contact-form {
 border-radius:10px; border-color:#a89c8e35;
 box-shadow:0 6px 24px #1e1a1705,inset 0 1px 0 #ffffff40;
}
.detail-band article { border-top-color:color-mix(in srgb,var(--accent) 45%,transparent); }
.resource-grid article { border-top-color:color-mix(in srgb,var(--accent) 55%,transparent); }
.reassurance:after { border-color:#f4b84035; }
.reading-progress { background:var(--yellow); }
@media(max-width:720px) {
 header,nav,.expertises,.reassurance { border-radius:12px; }
 .hero-visual { border-width:1px; }
 .menu-toggle { border-radius:100px; }
}

/* Pré-qualification : le dépôt reste volontairement inaccessible hors éligibilité. */
.eligibility { background:linear-gradient(135deg,#edf0e6 0%,#f8f5ed 58%); border-radius:14px; margin:0 20px; }
.eligibility-heading { display:grid; grid-template-columns:1fr minmax(260px,420px); gap:8%; align-items:end; margin-bottom:38px; }
.eligibility-heading p { font-size:16px; line-height:1.65; }
.eligibility-shell { max-width:940px; background:#f8f5edcc; border:1px solid #a89c8e42; border-radius:10px; box-shadow:0 8px 28px #1e1a1708; overflow:hidden; }
.eligibility-tabs { display:flex; gap:7px; padding:12px; background:#e3e8dd; border-bottom:1px solid #a89c8e35; }
.eligibility-tabs button { flex:1; min-height:46px; padding:10px 16px; border:1px solid transparent; border-radius:100px; background:transparent; color:var(--ink); font-size:14px; text-align:left; }
.eligibility-tabs button[aria-selected=true] { background:#f8f5ed; border-color:#a89c8e55; box-shadow:0 2px 8px #1e1a1708; }
.eligibility-tabs button:disabled { cursor:not-allowed; color:#77736d; opacity:.66; }
#eligibility-panel,#upload-panel { padding:32px; }
.eligibility-form { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.eligibility-form fieldset,.upload-categories fieldset { min-width:0; margin:0; padding:23px; border:1px solid #a89c8e45; border-radius:8px; background:#fffdf8a8; }
.eligibility-form legend,.upload-categories legend { padding:0 6px; font-family:'Manrope',Arial,sans-serif; font-size:18px; font-weight:600; letter-spacing:-.025em; }
.choice-row { display:flex; gap:10px; margin-top:20px; }
.choice-row label { flex:1; display:flex; align-items:center; justify-content:center; gap:8px; min-height:46px; padding:10px; border:1px solid #a89c8e50; border-radius:100px; cursor:pointer; transition:border-color .2s,background .2s; }
.choice-row label:has(input:checked) { background:#e4eadb; border-color:#56674680; }
.choice-row input { accent-color:var(--green); }
.eligibility-status { margin:20px 0 0; padding:14px 17px; border-left:3px solid #a89c8e; background:#eee9df; color:#4f4c47; font-size:14px; }
.eligibility-status.is-eligible { border-left-color:#566746; background:#e1ead8; color:#31452c; font-weight:600; }
.eligibility-status.is-ineligible { border-left-color:#aa584d; background:#f4e3df; color:#7d342b; }
.upload-intro { display:flex; justify-content:space-between; gap:28px; align-items:baseline; margin-bottom:24px; }
.upload-intro h3 { font-size:27px; }
.upload-intro p { max-width:410px; font-size:14px; }
.upload-categories { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.upload-categories fieldset { display:flex; flex-direction:column; }
.upload-categories legend { font-size:16px; }
.file-control { display:block; margin-top:22px; border:1px dashed #56674685; border-radius:7px; background:#e8eee1; color:#31452c; cursor:pointer; overflow:hidden; }
.file-control span { display:block; padding:14px; font-size:14px; font-weight:600; text-align:center; }
.file-control input { position:absolute; width:1px; height:1px; opacity:0; }
.file-control:focus-within { outline:3px solid #b58a26; outline-offset:3px; }
.file-status { min-height:24px; margin-top:14px; font-size:13px; }
@media(max-width:720px) {
 .eligibility { margin:0 10px; border-radius:12px; }
 .eligibility-heading,.eligibility-form,.upload-categories { grid-template-columns:1fr; gap:22px; }
 .eligibility-heading { display:grid; }
 .eligibility-tabs { display:grid; }
 #eligibility-panel,#upload-panel { padding:20px; }
 .upload-intro { display:block; }
 .upload-intro p { margin-top:10px; }
}

/* Énergie : fonds vert-taupe grisés, distincts du vert des titres. */
body[data-page=energie] {
 --tint:#c2c0b2;
 --tint-strong:#aaa995;
}
body[data-page=energie] .energy-aids .detail-band article,
body[data-page=energie] .project,
body[data-page=financement] .bridge {
 background:linear-gradient(135deg,#b8b9a7 0%,#ccc6ba 100%);
}
body[data-page=energie] .eligibility {
 background:linear-gradient(135deg,var(--tint) 0%,#f8f5ed 78%);
}
body[data-page=energie] .eligibility-tabs { background:var(--tint-strong); }
/* Passerelle vers le Financement : même marine que la page de destination. */
body[data-page=energie] .bridge {
 background:linear-gradient(110deg,#101f32 0%,#1c324e 65%,#30495f 100%);
 color:#f8f5ed; border-left:0;
}
body[data-page=energie] .bridge h2 { color:#f8f5ed; }
body[data-page=energie] .bridge p { color:#d9dfe4; }
body[data-page=energie] .bridge .btn {
 background:#ddd2bd; color:#122238; border-color:#ddd2bd;
 box-shadow:none;
}
body[data-page=energie] .bridge .btn span {
 background:transparent; color:#122238; border-color:#12223830;
}
body[data-page=energie] .bridge .btn:hover { background:#f8f5ed; border-color:#f8f5ed; }

/* Financement : textes d'accent en bleu marine profond. */
body[data-page=financement] { --finance-text:#122238; }
body[data-page=financement] .hero h1 em,
body[data-page=financement] .eyebrow,
body[data-page=financement] .detail-band h3,
body[data-page=financement] .step>span {
 color:var(--finance-text);
}
body[data-page=financement] .reassurance .eyebrow { color:var(--linen); }
body[data-page=financement] .bridge .eyebrow { color:var(--green); }
body[data-page=financement] #navigation a[href="financement.html"] {
 --metier-text:var(--finance-text);
}
/* Fonds Financement : bleu marine et textes ivoire. */
body[data-page=financement] .expertises,
body[data-page=financement] .footer {
 background:linear-gradient(135deg,#152b43 0%,#0c192b 100%);
 color:#f8f5ed;
}
body[data-page=financement] .expertises>.intro h2,
body[data-page=financement] .expertises>.intro h2 em,
body[data-page=financement] .expertises>.intro p,
body[data-page=financement] .footer-top p,
body[data-page=financement] .footer-bottom {
 color:#f8f5ed;
}
body[data-page=financement] .footer .text-link {
 color:#f8f5ed; border-color:#f8f5ed80;
}
body[data-page=financement] .expertises .detail-band article {
 background:transparent;
 color:#f8f5ed;
 border:0;
 border-radius:0;
 box-shadow:none;
 padding:0 30px 0 0;
 transition:none;
}
body[data-page=financement] .expertises .detail-band article h3,
body[data-page=financement] .expertises .detail-band article p,
body[data-page=financement] .expertises .detail-band article .eyebrow {
 color:#f8f5ed;
}
body[data-page=financement] .footer .brand {
 background:#f8f5ed; padding:12px 16px; border-radius:9px;
}
/* Une composition ouverte : lumière diffuse, colonnes et repères champagne. */
body[data-page=financement] .expertises,
body[data-page=financement] .reassurance {
 background:radial-gradient(ellipse at 0% 0%,#c5b8a31a,transparent 48%),
  radial-gradient(ellipse at 0% 0%,#31485d80,transparent 65%),
  radial-gradient(ellipse at 100% 100%,#52606d28,transparent 55%),#101f32;
 border:0;
 border-radius:32px;
 padding-top:80px;
 padding-bottom:80px;
 box-shadow:inset 0 0 30px #e8e1d61a,
  0 0 16px 2px #152b4310,0 18px 44px #1726380c;
}
body[data-page=financement] .footer {
 background:radial-gradient(ellipse at 0% 0%,#c5b8a31a,transparent 50%),
  linear-gradient(135deg,#152b43 0%,#0c192b 100%);
 border-top-color:#e8e1d630;
 box-shadow:inset 0 14px 26px -18px #e8e1d626;
}
body[data-page=financement] .reassurance { color:#f8f5ed; }
body[data-page=financement] .reassurance h2 em { color:#ddd2bd; }
body[data-page=financement] .reassurance p { color:#d9dfe4; }
body[data-page=financement] .reassurance .principles article { border-color:#f8f5ed1f; }
body[data-page=financement] .expertises>.intro { gap:9%; }
body[data-page=financement] .expertises>.intro h2 {
 font-size:clamp(36px,3.7vw,56px);
}
body[data-page=financement] .expertises>.intro h2 em { color:#ddd2bd; }
body[data-page=financement] .expertises>.intro p {
 color:#d9dfe4; font-size:17px; line-height:1.8;
}
body[data-page=financement] .expertises .detail-band {
 gap:0; border:0; margin-top:64px; padding-top:0;
}
body[data-page=financement] .expertises .detail-band article+article {
 border-left:1px solid #f8f5ed1f; padding-left:30px;
}
body[data-page=financement] .expertises .detail-band article:hover {
 transform:none; box-shadow:none;
}
body[data-page=financement] .expertises .detail-band article .eyebrow {
 color:#ddd2bd; font-size:15px; letter-spacing:.13em; margin-bottom:24px;
}
body[data-page=financement] .expertises .detail-band article .eyebrow:before {
 background:#ddd2bd60; width:28px;
}
body[data-page=financement] .expertises .detail-band article h3 {
 font-size:25px; line-height:1.25; letter-spacing:-.035em; margin-bottom:16px;
}
body[data-page=financement] .expertises .detail-band article p {
 color:#d9dfe4; line-height:1.75;
}
@media(max-width:720px) {
 body[data-page=financement] .expertises,
 body[data-page=financement] .reassurance {
  border-radius:24px; padding-top:46px; padding-bottom:46px;
 }
 body[data-page=financement] .expertises .detail-band {
  grid-template-columns:1fr; margin-top:36px; gap:26px;
 }
 body[data-page=financement] .expertises .detail-band article { padding:0; }
 body[data-page=financement] .expertises .detail-band article+article {
  border-left:0; border-top:1px solid #f8f5ed1f; padding:26px 0 0;
 }
}

/* Repère d'expérience de l'équipe de courtage. */
.broker-experience {
 display:flex; align-items:center; gap:14px; margin-top:24px; max-width:450px;
 color:#122238;
}
.broker-experience-mark {
 flex-shrink:0; font-family:'Manrope',Arial,sans-serif; font-size:24px;
 font-weight:600; letter-spacing:-.04em; padding-right:14px;
 border-right:1px solid #12223830;
}
.broker-experience strong { display:block; font-size:14px; line-height:1.5; font-weight:600; }
.broker-experience div>span { display:block; margin-top:3px; font-size:13px; line-height:1.5; color:#57534e; }
.building-expertise { color:var(--green); align-items:flex-start; }
.building-expertise .broker-experience-mark { border-color:#3b433130; line-height:1; padding-top:4px; }
.building-expertise svg { display:block; }
.building-expertise div>span { line-height:1.65; }
.cee-support {
 max-width:960px; margin-top:38px; padding:28px 32px;
 border-left:2px solid #3b433150; border-radius:0 12px 12px 0;
 background:linear-gradient(110deg,#c2c0b240,transparent);
}
.cee-support .eyebrow { margin-bottom:16px; }
.cee-support h3 { font-size:28px; line-height:1.2; color:var(--green); margin-bottom:18px; }
.cee-support p { font-size:16px; line-height:1.75; max-width:820px; }
.cee-support p+p { margin-top:16px; }
@media(max-width:720px){.cee-support{padding:22px 20px;}.cee-support h3{font-size:25px;}}
.reassurance .scope-copy>p { padding-top:40px; }
.reassurance .scope-copy>p+p { padding-top:0; margin-top:20px; }
@media(max-width:720px){.reassurance .scope-copy>p{padding-top:0;}}

/* Accès au dépôt dans la navigation commune. */
@media (min-width:1101px){nav{gap:18px;font-size:13px}}
@media (min-width:901px) and (max-width:1100px){header .brand img{width:140px}nav{gap:12px;font-size:12px}.nav-cta{font-size:12px;padding-left:13px;gap:8px}}

/* Deux métiers identifiables, avec des fonds légers et du texte opaque. */
#navigation a[href="energie.html"] { --metier-text:#435638; --metier-bg:#56674614; --metier-border:#56674626; --metier-hover:#56674624; }
#navigation a[href="financement.html"] { --metier-text:#294b68; --metier-bg:#3d72991a; --metier-border:#3d729926; --metier-hover:#3d729929; }
#navigation a:is([href="energie.html"],[href="financement.html"]) {
 color:var(--metier-text); background:var(--metier-bg); border:1px solid var(--metier-border);
 border-radius:100px; padding:7px 11px; white-space:nowrap;
 transition:background .2s,border-color .2s;
}
#navigation a:is([href="energie.html"],[href="financement.html"]):hover,
#navigation a:is([href="energie.html"],[href="financement.html"])[aria-current="page"] {
 background:var(--metier-hover); border-color:var(--metier-text);
}
#navigation a:is([href="energie.html"],[href="financement.html"]):after { display:none; }

/* Navigation compacte, y compris en paysage et sur tablette. */
@media(max-width:1100px){
 header{height:66px;top:8px;margin:8px 12px 0;padding:0 17px;}
 header .brand img{width:145px;}
 .menu-toggle{display:block;flex-shrink:0;min-height:44px;padding:9px 15px;border:0;border-radius:100px;background:var(--accent);color:#fff;}
 #navigation{display:none;position:absolute;top:74px;left:0;right:0;padding:18px;gap:12px;align-items:stretch;background:var(--linen);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 35px #1d334e15;max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain;}
 #navigation.open{display:flex;flex-direction:column;}
 #navigation a{display:flex;align-items:center;min-height:44px;font-size:15px;}
 #navigation .nav-cta{padding:10px 16px;}
 html:not(.js) header{height:auto;position:relative;flex-wrap:wrap;padding:16px;}
 html:not(.js) #navigation{display:flex;position:static;flex-wrap:wrap;max-height:none;overflow:visible;padding:0;border:0;box-shadow:none;}
 html:not(.js) #navigation .nav-cta{display:none;}
 .motion-toggle{position:static;display:block;margin-top:24px;min-height:44px;max-width:100%;}
 .stage-controls button{min-height:44px;}
}

/* Demande de financement guidée, dans la continuité du site. */
.finance-contact-heading { max-width:760px; margin-bottom:36px; }
.finance-contact-heading>p { max-width:600px; margin-top:22px; }
.finance-questionnaire { max-width:1000px; padding:34px; background:#f8f5ed; border:1px solid #a89c8e30; border-radius:22px; box-shadow:0 12px 36px #17263806; }
.finance-questionnaire [hidden] { display:none!important; }
.finance-progress { display:flex; list-style:none; gap:28px; padding:0 0 24px; margin:0 0 30px; border-bottom:1px solid #a89c8e30; font-size:13px; color:#57534e; }
.finance-progress li { display:flex; align-items:center; gap:8px; }
.finance-progress li>span { font-size:11px; }
.finance-progress li[aria-current=step] { color:#122238; font-weight:700; }
.finance-pane h3 { color:#122238; font-size:29px; line-height:1.25; }
.finance-pane h3:focus { outline:none; }
.finance-hint { font-size:14px; margin:12px 0 22px; line-height:1.6; }
.finance-projects { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; border:0; padding:0; margin:0; min-width:0; }
.finance-project { display:flex; gap:13px; padding:20px; border:1px solid #a89c8e50; border-radius:12px; cursor:pointer; transition:background .2s,border-color .2s; }
.finance-project input { flex-shrink:0; width:18px; height:18px; margin:4px 0 0; accent-color:#1c324e; }
.finance-project strong { display:block; color:#122238; font-size:16px; line-height:1.4; }
.finance-project span>span { display:block; margin-top:5px; font-size:13px; color:#57534e; line-height:1.5; }
.finance-project:hover { background:#e8e1d650; }
.finance-project:has(input:checked) { background:#1c324e0d; border-color:#1c324e; }
.finance-project:focus-within { outline:2px solid #1c324e; outline-offset:3px; }
.finance-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-top:22px; }
.finance-field { display:flex; flex-direction:column; gap:8px; font-size:14px; color:#122238; min-width:0; }
.finance-field input,.finance-field select,.finance-field textarea { width:100%; min-width:0; padding:13px; border:1px solid #a89c8e70; border-radius:8px; background:#fffdf8; font:inherit; font-size:16px; color:#122238; }
.finance-field textarea { resize:vertical; }
.finance-full { grid-column:1/-1; }
.finance-actions { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:24px; }
.finance-actions .btn { margin-left:auto; }
.finance-back { background:none; border:0; min-height:44px; padding:8px 0; color:#122238; font-size:14px; }
.finance-error { color:#8a342c; font-size:14px; margin-top:18px; }
.finance-error:empty { display:none; }
.finance-review { margin-top:26px; padding:22px; border-radius:12px; background:#e8e1d680; font-size:14px; }
.finance-review>strong { color:#122238; }
.finance-review dl { display:grid; grid-template-columns:minmax(120px,1fr) 2fr; gap:10px 20px; margin-bottom:0; }
.finance-review dt { color:#57534e; }.finance-review dd { margin:0; color:#122238; overflow-wrap:anywhere; }
.finance-success h3{font-size:29px;line-height:1.3;color:#122238;}
.finance-success p{margin-top:16px;font-size:16px;}
.finance-reference{font-size:13px!important;}
.finance-success:focus{outline:none;}
.finance-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;}
.finance-questionnaire [hidden]{display:none!important;}
.finance-questionnaire button:disabled{cursor:wait;opacity:.7;transform:none;}
.finance-hint a{text-decoration:underline;text-underline-offset:3px;}
.finance-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:720px){
 .finance-questionnaire{padding:22px 18px;border-radius:16px;}
 .finance-progress{gap:12px;font-size:11px;justify-content:space-between;}.finance-progress li{flex-direction:column;align-items:flex-start;gap:3px;}
 .finance-projects,.finance-fields{grid-template-columns:1fr;}.finance-project{padding:16px;}
 .finance-pane h3{font-size:26px;}.finance-review{padding:18px;}.finance-review dl{grid-template-columns:1fr;gap:4px;}.finance-review dd{margin-bottom:10px;}
 .finance-actions .btn{font-size:13px;gap:10px;padding-left:16px;}.finance-actions{gap:10px;}
}

/* Préparer son financement depuis la présentation du parcours. */
.finance-method .intro { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:9%; }
.finance-method .step { padding:25px 0; }
.finance-method .step p { padding-top:0; margin-top:12px; }
.finance-starter { margin-top:32px; padding:26px; background:linear-gradient(125deg,#f8f5edaa,#f8f5ed40); border:1px solid #a89c8e40; border-radius:18px; max-width:540px; }
.finance-starter h3 { font-size:25px; color:#122238; margin-bottom:22px; }
.finance-starter .finance-field select { white-space:normal; }
.finance-starter-amount { margin-top:22px; }
.finance-amount-number { font-weight:600!important; }
.finance-amount-range { display:block; width:100%; height:6px; margin:24px 0 12px; appearance:none; border-radius:100px; background:linear-gradient(to right,#1c324e var(--range-fill,15%),#c9c3b8 var(--range-fill,15%)); cursor:pointer; }
.finance-amount-range::-webkit-slider-thumb { appearance:none; width:22px; height:22px; background:#1c324e; border:3px solid #ddd2bd; border-radius:50%; box-shadow:0 2px 6px #12223826; }
.finance-amount-range::-moz-range-thumb { width:16px; height:16px; background:#1c324e; border:3px solid #ddd2bd; border-radius:50%; }
.finance-range-labels { display:flex; justify-content:space-between; font-size:11px; color:#57534e; }
.finance-amount-unknown { display:flex; align-items:center; gap:9px; margin-top:18px; font-size:14px; color:#122238; cursor:pointer; min-height:32px; }
.finance-amount-unknown input { width:17px; height:17px; accent-color:#1c324e; }
.finance-starter input:disabled { opacity:.4; cursor:default; }
.finance-method .finance-starter-summary { padding-top:0; margin-top:22px; font-size:15px; line-height:1.6; color:#122238; }
.finance-starter-continue { margin-top:20px; }
.finance-method .finance-starter-note { padding-top:0; margin-top:14px; font-size:12px; line-height:1.6; }
@media(max-width:720px){.finance-method .intro{grid-template-columns:1fr;gap:36px;}.finance-starter{padding:22px 18px;}.finance-starter .finance-field select{font-size:16px;}.finance-starter-continue{font-size:13px;gap:12px;}}