:root{
  --navy:#08385D;--teal:#0C8C91;--green:#2FA64A;--lime:#8CC63F;--orange:#F28B32;--sand:#F6EFE5;--leaf:#E9F6F2;--volcan:#5B4A46;--ink:#17364A;--muted:#5D7785;--line:#d7e5e1;--white:#fff;--bg:#f7fbfa;--shadow:0 18px 48px rgba(6,56,91,.12);--shadow-lg:0 28px 70px rgba(6,56,91,.16);--radius:26px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink);line-height:1.7}
a{color:inherit} img{display:block;max-width:100%}
.progress{position:fixed;left:0;top:0;height:4px;width:0;background:linear-gradient(90deg,var(--orange),var(--lime),var(--teal));z-index:120}
.topbar{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.navwrap{max-width:1600px;margin:auto;padding:0 28px;height:84px;display:flex;align-items:center;gap:22px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;min-width:280px}.brand img{width:60px;height:60px;object-fit:contain}.brand b{display:block;font-family:Montserrat,sans-serif;font-weight:900;font-size:22px;color:var(--teal);letter-spacing:.03em}.brand small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.mainnav{display:flex;align-items:center;gap:4px;flex:1;justify-content:center}.navlink{display:inline-flex;align-items:center;justify-content:center;padding:12px 12px;border-radius:14px;text-decoration:none;font-family:Montserrat,sans-serif;font-weight:800;font-size:13px;color:#35566d;border:0;background:transparent;cursor:pointer}.navlink:hover,.navlink.active{background:#ebf7f4;color:var(--teal)}
.dropdown{position:relative}.dropdown .menu{display:none;position:absolute;right:0;top:46px;background:#fff;min-width:320px;border:1px solid var(--line);border-radius:20px;padding:8px;box-shadow:var(--shadow)}.dropdown:hover .menu,.dropdown:focus-within .menu{display:block}.dropdown .menu a{display:block;padding:10px 12px;border-radius:10px;text-decoration:none;font-size:13px}.dropdown .menu a:hover{background:#edf8f5;color:var(--teal)}
.navcta{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border-radius:16px;padding:13px 18px;font-weight:800;font-family:Montserrat,sans-serif;border:1px solid var(--line);transition:.24s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(8,56,93,.12)}.btn.primary{background:var(--navy);border-color:var(--navy);color:#fff}.btn.ghost{background:#fff;color:var(--navy)}.btn.small{padding:10px 14px;font-size:12px}.hamb{display:none;border:0;background:#edf8f5;border-radius:12px;padding:10px 12px;font-size:22px}
.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#07355B 0%, #0C8C91 72%, #45b257 100%);color:#fff}.hero:before{content:'';position:absolute;right:-140px;top:-120px;width:460px;height:460px;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 60%);border-radius:50%}.hero:after{content:'';position:absolute;left:-120px;bottom:-140px;width:460px;height:460px;background:radial-gradient(circle,rgba(242,139,50,.18),transparent 58%);border-radius:50%}
.hero-inner{max-width:1600px;margin:auto;padding:76px 30px 90px;display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center;position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);font-size:11px;font-family:Montserrat,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.hero h1{font-family:Montserrat,sans-serif;font-size:clamp(40px,5vw,68px);line-height:1.02;letter-spacing:-.04em;margin:18px 0 16px}.leadintro{font-size:18px;max-width:820px;color:#eaf7f6}.announce{margin-top:18px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);max-width:850px}.hero-actions{margin-top:24px;display:flex;flex-wrap:wrap;gap:10px}.hero-actions .btn.ghost{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.18);color:#fff}
.hero-visual .visual-shell{position:relative;background:rgba(255,255,255,.06);padding:22px;border-radius:34px;border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow-lg)}.hero-visual img{border-radius:26px;box-shadow:0 18px 46px rgba(0,0,0,.22)}
.float-card{position:absolute;padding:14px 16px;border-radius:20px;background:rgba(255,255,255,.95);box-shadow:0 18px 40px rgba(0,0,0,.22);color:var(--navy);min-width:180px;animation:float 6s ease-in-out infinite}.float-card span{display:block;font-family:Montserrat,sans-serif;font-weight:900;font-size:18px}.float-card small{display:block;color:var(--muted);font-size:12px;line-height:1.35}.fc1{left:-20px;top:20px}.fc2{right:-18px;top:42%}.fc3{left:12%;bottom:-10px}
.page-emblem{display:grid;gap:14px;justify-items:end}.num-bubble{width:120px;height:120px;border-radius:32px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-family:Montserrat,sans-serif;font-weight:900;font-size:54px;border:1px solid rgba(255,255,255,.18)}.emblem-grid{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:14px;width:min(100%,380px)}.emblem-grid>div{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:14px;display:flex;flex-direction:column;align-items:center;gap:10px}.emblem-grid span{font-family:Montserrat,sans-serif;font-weight:800;font-size:13px;text-align:center}
.hero-bottom-wave{position:absolute;left:0;bottom:-1px;width:100%;height:74px;background:var(--bg);clip-path:polygon(0 60%,12% 45%,28% 61%,43% 33%,58% 59%,72% 39%,87% 56%,100% 40%,100% 100%,0 100%)}
.layout{max-width:1600px;margin:auto;padding:34px 30px 90px;display:grid;grid-template-columns:320px minmax(0,1fr);gap:36px}.sidebar{position:sticky;top:100px;align-self:start;max-height:calc(100vh - 120px);overflow:auto;padding-right:4px}.sidebox{background:#fff;border:1px solid var(--line);border-radius:24px;padding:16px;box-shadow:0 10px 26px rgba(6,56,91,.05);margin-bottom:14px}.sidebox h3{font-family:Montserrat,sans-serif;font-size:17px;margin:5px 8px 10px;color:var(--navy)}.boxlabel{margin:4px 8px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--teal);font-family:Montserrat,sans-serif;font-weight:900}.subnav a,.plan a{display:block;text-decoration:none;padding:8px 10px;border-radius:10px;color:#4f6e7f;font-size:13px}.subnav a:hover,.plan a:hover{background:#ebf7f4;color:var(--teal)}.plan a.current{background:var(--navy);color:#fff;font-weight:700}.mini-download p{font-size:13px;color:var(--muted);margin:0 8px 12px}
.content section{scroll-margin-top:106px;margin-bottom:66px}.kicker{font-size:11px;font-family:Montserrat,sans-serif;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin-bottom:8px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.section-head .head-copy{max-width:900px}.section-head h2,.content h2{font-family:Montserrat,sans-serif;font-size:clamp(36px,4vw,54px);line-height:1.06;letter-spacing:-.036em;margin:0 0 10px;color:var(--navy)}.section-desc{font-size:16px;color:var(--muted);max-width:980px;margin:0}.content h3{font-family:Montserrat,sans-serif;font-size:clamp(28px,3vw,36px);line-height:1.14;margin:0 0 10px;color:var(--navy)}.content h4{font-family:Montserrat,sans-serif;font-size:21px;line-height:1.22;margin:0 0 10px;color:var(--navy)}.content p,.content li{font-size:16px;color:#3e5c6d}.lead{font-size:18px;color:#4d697a;max-width:1050px}.split{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:var(--shadow)}.panel.soft{background:linear-gradient(180deg,#fff, #f8fdfb)}
.visual{background:#fff;border:1px solid var(--line);border-radius:30px;padding:18px;box-shadow:var(--shadow)}.visual img{border-radius:22px}
.features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.feature-card{display:grid;grid-template-columns:88px 1fr;gap:18px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:26px;padding:20px;box-shadow:var(--shadow)}.feature-card p{margin:0}.flaticon{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;color:#fff;box-shadow:inset 0 -8px 0 rgba(255,255,255,.12),0 10px 22px rgba(0,0,0,.12)}.flaticon svg{width:36px;height:36px;fill:currentColor}.flaticon.teal{background:linear-gradient(180deg,#0fa7aa,#0c8c91)}.flaticon.green{background:linear-gradient(180deg,#4ab95f,#2fa64a)}.flaticon.orange{background:linear-gradient(180deg,#ffa24d,#f28b32)}.flaticon.navy{background:linear-gradient(180deg,#1a5c8d,#08385D)}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px 18px 16px;box-shadow:var(--shadow)}.metric-card strong{display:block;font-family:Montserrat,sans-serif;font-weight:900;font-size:34px;line-height:1;color:var(--navy)}.metric-card span{display:block;margin-top:7px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:800;color:var(--teal)}.metric-card small{display:block;margin-top:6px;color:var(--muted);font-size:12px}
.arguments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.argument-card{background:linear-gradient(180deg,#fff,#fbfefc);border:1px solid var(--line);border-radius:26px;padding:22px;box-shadow:var(--shadow)}.argument-card h4{font-size:23px}.argument-card p{margin:0}.tag{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;margin-bottom:12px;font-size:11px;font-family:Montserrat,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.tag.teal{background:#e6f7f6;color:var(--teal)}.tag.green{background:#ebf8ee;color:var(--green)}.tag.orange{background:#fff0e3;color:var(--orange)}
.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.demo-card{background:#fff;border:1px solid var(--line);border-radius:30px;padding:22px;box-shadow:var(--shadow)}.demo-card .scale{display:inline-flex;padding:7px 11px;border-radius:999px;background:#edf8f5;color:var(--teal);font-family:Montserrat,sans-serif;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.demo-card ul{padding-left:18px;margin:10px 0 0}
.step-list{display:grid;gap:18px}.step-block{display:grid;grid-template-columns:90px 1fr;gap:18px;background:#fff;border:1px solid var(--line);border-radius:28px;padding:20px;box-shadow:var(--shadow)}.step-no{width:68px;height:68px;border-radius:22px;background:linear-gradient(180deg,#0C8C91,#08385D);color:#fff;display:grid;place-items:center;font-family:Montserrat,sans-serif;font-weight:900;font-size:28px}.step-body p{margin:0 0 9px}.step-body ul{margin:0;padding-left:18px}
.callout{background:linear-gradient(135deg,#08385D,#0C8C91);color:#fff;border-radius:30px;padding:28px;box-shadow:var(--shadow-lg)}.callout p,.callout li{color:#edf9f8}.callout h3{color:#fff}.callout .section-desc{color:#d8f0ef}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compare .panel h4{margin-top:0}
.tablewrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:16px 18px;text-align:left;border-bottom:1px solid #e7f0ed;vertical-align:top}.table th{background:#f3faf8;font-family:Montserrat,sans-serif;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--teal)}.table tr:last-child td{border-bottom:0}
.timeline-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.timeline-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:22px;box-shadow:var(--shadow)}.timeline-card .month{display:inline-block;padding:6px 10px;border-radius:999px;background:#edf8f5;color:var(--teal);font-family:Montserrat,sans-serif;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.timeline-card ul{margin:12px 0 0;padding-left:18px}
.budget-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:22px}.budget-figure{background:linear-gradient(145deg,#fff,#f5fbf9);border:1px solid var(--line);border-radius:30px;padding:26px;box-shadow:var(--shadow)}.big-euro{font-family:Montserrat,sans-serif;font-size:62px;line-height:1;font-weight:900;color:var(--navy)}.budget-figure p{margin-top:8px}.budget-rows{display:grid;gap:14px}.budget-row{background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--shadow)}.budget-top{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:10px}.budget-top strong{font-family:Montserrat,sans-serif;font-size:18px}.budget-top span{font-family:Montserrat,sans-serif;font-weight:900;color:var(--navy)}.bar{height:12px;border-radius:999px;background:#eef5f3;overflow:hidden;margin-bottom:10px}.bar i{display:block;height:100%;border-radius:999px}.bar i.teal{background:linear-gradient(90deg,#13acaf,#0C8C91)}.bar i.green{background:linear-gradient(90deg,#64c86d,#2FA64A)}.bar i.orange{background:linear-gradient(90deg,#ffb166,#F28B32)}.bar i.navy{background:linear-gradient(90deg,#1f699d,#08385D)}.bar i.lime{background:linear-gradient(90deg,#b1db5b,#8CC63F)}
.pills{display:flex;flex-wrap:wrap;gap:10px}.pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#edf8f5;color:var(--teal);font-size:12px;font-family:Montserrat,sans-serif;font-weight:800}
.badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:11px;font-family:Montserrat,sans-serif;font-weight:900}.b-low{background:#ebf8ee;color:var(--green)}.b-mid{background:#fff4e5;color:var(--orange)}.b-high{background:#e9eef7;color:var(--navy)}
.reveal{opacity:1!important;transform:none!important}.reveal.on{opacity:1;transform:none}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.quote{padding:20px 22px;border-left:4px solid var(--orange);background:#fff8f2;border-radius:0 18px 18px 0;color:var(--volcan);font-weight:600}
.list-check{list-style:none;padding:0;margin:0}.list-check li{padding-left:30px;position:relative;margin-bottom:10px}.list-check li:before{content:'✓';position:absolute;left:0;top:0;color:var(--green);font-weight:900}
.footer-note{padding:18px 0 40px;color:var(--muted);font-size:13px}
@media (max-width:1280px){.layout{grid-template-columns:280px minmax(0,1fr)}.features,.arguments,.demo-grid,.metrics,.timeline-grid,.compare,.budget-layout,.split{grid-template-columns:1fr 1fr}.hero-inner{grid-template-columns:1fr}.page-emblem{justify-items:start}}
@media (max-width:980px){.navcta,.mainnav{display:none}.hamb{display:block;margin-left:auto}.menu-open .mainnav{display:flex;position:fixed;left:16px;right:16px;top:88px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:12px;flex-direction:column;align-items:stretch}.menu-open .navcta{display:flex;position:fixed;left:16px;right:16px;top:calc(88px + 260px);background:#fff;padding:12px;border-radius:20px;box-shadow:var(--shadow)}.layout{grid-template-columns:1fr}.sidebar{position:static;max-height:none}.features,.arguments,.demo-grid,.metrics,.timeline-grid,.compare,.budget-layout,.split{grid-template-columns:1fr}.step-block,.feature-card{grid-template-columns:1fr}}
@media (max-width:640px){.hero-inner{padding:52px 18px 78px}.navwrap{padding:0 18px}.layout{padding:24px 18px 60px}.content h2{font-size:34px}.content h3{font-size:28px}.float-card{position:static;margin-top:12px;animation:none}.hero-visual .visual-shell{padding:14px}.metrics{grid-template-columns:1fr 1fr}.num-bubble{width:92px;height:92px;font-size:40px}.emblem-grid{grid-template-columns:1fr 1fr}}

/* V5 — structure, hiérarchie et robustesse hors ligne */
body{font-family:Arial,"Helvetica Neue",sans-serif}.brand b,.brand small,.navgroup,.content h1,.content h2,.content h3,.content h4,.hero h1,.section-title,.section-tagline,.boxlabel,.sidebox h3,.btn{font-family:Arial,"Helvetica Neue",sans-serif}
.topbar{background:#fff}.mainnav{gap:8px}.navgroup{border:0;background:transparent;padding:12px 15px;border-radius:14px;color:#36566b;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:7px}.navgroup:hover,.navgroup.active{background:#eaf7f4;color:var(--teal)}.dropdown-menu{display:none;position:absolute;top:48px;left:0;min-width:310px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:9px;box-shadow:var(--shadow-lg)}.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{display:block}.drop-item{display:block;padding:11px 12px;border-radius:11px;text-decoration:none;font-size:13px;color:#436274}.drop-item:hover,.drop-item.active{background:#edf8f5;color:var(--teal)}
.hero{min-height:540px;background:linear-gradient(120deg,#07355b 0%,#0c8c91 70%,#3faa53 100%)}.hero-inner{grid-template-columns:1.05fr .95fr;padding-top:66px}.hero h1{font-size:clamp(48px,5.4vw,78px);max-width:900px}.hero-tagline{font-size:20px;line-height:1.55;color:#e7f5f3;max-width:850px}.hero-illustration{position:relative;max-width:620px;margin-left:auto;animation:heroEnter .9s cubic-bezier(.2,.8,.2,1) both}.hero-illustration svg{width:100%;height:auto;filter:drop-shadow(0 28px 45px rgba(0,0,0,.22))}.hero-chip{position:absolute;padding:10px 15px;background:#fff;border-radius:14px;color:var(--navy);font-weight:900;box-shadow:0 14px 30px rgba(0,0,0,.18);animation:chipFloat 5s ease-in-out infinite}.chip-a{left:-8px;top:18%}.chip-b{right:-12px;top:44%;animation-delay:-1.5s}.chip-c{left:18%;bottom:2%;animation-delay:-3s}@keyframes chipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes heroEnter{from{opacity:0;transform:translateX(50px) scale(.94)}to{opacity:1;transform:none}}
.hero-wave{position:absolute;left:0;bottom:-1px;width:100%;height:70px;background:var(--bg);clip-path:polygon(0 60%,12% 44%,28% 63%,44% 34%,58% 60%,74% 38%,88% 58%,100% 42%,100% 100%,0 100%)}
.content section{border-bottom:1px solid #deebe7;padding-bottom:18px}.content section:last-child{border-bottom:0}.section-title{font-size:clamp(36px,4.2vw,58px)!important;line-height:1.08!important;color:var(--navy)!important;margin:0 0 10px!important;letter-spacing:-.035em}.section-tagline{font-size:20px!important;line-height:1.45!important;font-weight:700;color:var(--teal)!important;margin:0 0 18px!important;max-width:1000px}.section-desc{font-size:16px!important;line-height:1.72!important;color:#536f7f!important;max-width:980px}.content p{max-width:1040px;margin-top:0;margin-bottom:15px}.content ul{margin-top:8px;margin-bottom:14px}.content li{margin-bottom:8px}
.panel p,.argument-card p,.feature-card p,.demo-card p,.step-body p{font-size:15px;line-height:1.68}.argument-card h4,.feature-card h4,.demo-card h4,.step-body h4{font-size:22px}.flaticon{border-radius:18px;box-shadow:none}.feature-card{border-top:5px solid #e7f4f0}.feature-card:nth-child(4n+1){border-top-color:var(--navy)}.feature-card:nth-child(4n+2){border-top-color:var(--teal)}.feature-card:nth-child(4n+3){border-top-color:var(--green)}.feature-card:nth-child(4n){border-top-color:var(--orange)}
.visual{overflow:hidden}.visual img{width:100%;height:auto;object-fit:contain}.visual:hover img{transform:scale(1.02)}.visual img{transition:transform .5s ease}.sidebox{box-shadow:0 8px 22px rgba(6,56,91,.06)}.subnav a{font-size:12.5px;line-height:1.35;padding:9px 10px}.plan a{font-size:12px;line-height:1.3}.announce{max-width:840px}
@media(max-width:1180px){.hero-inner{grid-template-columns:1fr}.hero-illustration{margin:20px auto 0}.mainnav{display:none}.hamb{display:block;margin-left:auto}.navcta{margin-left:auto}.menu-open .mainnav{display:flex;position:fixed;left:16px;right:16px;top:90px;flex-direction:column;align-items:stretch;background:#fff;padding:14px;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-lg)}.menu-open .dropdown-menu{display:block;position:static;box-shadow:none;border:0;padding:5px 8px}.menu-open .navgroup{width:100%;justify-content:space-between}}
@media(max-width:680px){.hero h1{font-size:42px}.hero-tagline{font-size:17px}.hero-chip{font-size:12px}.navcta{display:none}.layout{padding-left:16px;padding-right:16px}.section-title{font-size:34px!important}.section-tagline{font-size:17px!important}}

/* V6 robust fallback: all content remains visible even if JavaScript is blocked */
.reveal,.hero-copy,.section-head,.feature-card,.argument-card,.metric-card,.panel,.visual{opacity:1!important;transform:none!important}
.hero-illustration{animation:none!important}.hero-chip{animation:softFloat 6s ease-in-out infinite}
@keyframes softFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.hero-illustration svg{display:none!important}.hero-illustration{min-height:420px;background:url("hero.png") center/contain no-repeat;border-radius:30px}
.hero-chip{display:none!important}
.section-title{font-size:clamp(38px,4.4vw,58px)!important;line-height:1.05!important;margin-bottom:8px!important}
.section-tagline{font-size:18px!important;line-height:1.45!important;color:#0c8c91!important;font-weight:700!important;margin:0 0 14px!important}
.section-desc{font-size:16px!important;line-height:1.75!important}
.content section{min-height:auto!important}


/* V7 refinements */
body{background:linear-gradient(180deg,#f7fbfa 0%,#f4faf8 100%);color:#22445a;}
.hero{min-height:430px;background:linear-gradient(120deg,rgba(8,56,93,.90) 0%,rgba(12,140,145,.84) 56%,rgba(47,166,74,.78) 100%);overflow:hidden;}
.hero-inner{grid-template-columns:1.02fr .98fr;gap:28px;padding-top:42px;padding-bottom:72px;align-items:center;}
.hero h1{font-size:clamp(36px,4.9vw,56px)!important;line-height:1.04!important;max-width:860px;}
.hero .eyebrow{font-size:12px;letter-spacing:.14em;margin-bottom:10px;}
.hero-tagline{font-size:19px!important;line-height:1.6!important;max-width:800px;}
.announce{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.26);backdrop-filter:blur(7px);padding:14px 16px;border-radius:18px;font-size:15px;line-height:1.55;margin-top:16px;color:#effbfa;}
.hero-actions{display:none!important;} body.home .hero-actions{display:flex!important;}
.hero-illustration{min-height:320px!important;border-radius:34px;background:url("hero-landscape.png") center center/cover no-repeat!important;border:1px solid rgba(255,255,255,.22);box-shadow:0 22px 54px rgba(0,0,0,.24);position:relative;overflow:hidden;}
.hero-illustration:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,0) 35%,rgba(0,0,0,.12));}
.hero-illustration:after{content:"Paysage agricole de La Réunion";position:absolute;left:18px;bottom:18px;background:rgba(255,255,255,.92);color:#0b4b61;font:800 12px/1.2 Arial,Helvetica,sans-serif;padding:9px 12px;border-radius:999px;letter-spacing:.04em;text-transform:uppercase;}
.hero-chip{display:none!important;}
.navwrap{min-height:74px;} .topbar{background:rgba(255,255,255,.96);backdrop-filter:blur(9px);}
.navcta .btn{padding:12px 16px;}
.layout{max-width:1440px;gap:24px;padding-top:22px;}
.sidebar{gap:18px;} .sidebox{border-radius:24px;padding:18px;} .boxlabel{font-size:11px;} .sidebox h3{font-size:18px;}
.content section{background:#fff;border:1px solid #dcebe5;border-radius:30px;padding:26px 28px 22px;margin-bottom:24px;box-shadow:0 12px 28px rgba(6,56,91,.06);border-top:5px solid #0c8c91;}
.content section:nth-of-type(3n+2){border-top-color:#2fa64a;} .content section:nth-of-type(3n){border-top-color:#f28b32;}
.section-title{font-size:clamp(30px,3.1vw,46px)!important;line-height:1.08!important;margin-bottom:6px!important;}
.section-tagline{font-size:22px!important;line-height:1.45!important;margin-bottom:16px!important;color:#0b7b83!important;}
.section-desc,.content p,.content li{font-size:16px!important;line-height:1.78!important;color:#4d6776!important;}
.content ul{padding-left:22px;} .content li{margin-bottom:8px;}
.feature-card,.argument-card,.demo-card,.step-block,.panel,.metric-card,.timeline-card,.budget-row,.table-wrap,.budget-figure,.visual{border-radius:24px!important;}
.feature-card,.argument-card,.demo-card,.panel,.metric-card,.timeline-card,.budget-row,.budget-figure{padding:22px 22px 20px!important;}
.feature-card:nth-child(4n+1),.argument-card:nth-child(4n+1),.demo-card:nth-child(4n+1){background:linear-gradient(180deg,#ffffff,#f3fbfb);}
.feature-card:nth-child(4n+2),.argument-card:nth-child(4n+2),.demo-card:nth-child(4n+2){background:linear-gradient(180deg,#ffffff,#f3fbf5);}
.feature-card:nth-child(4n+3),.argument-card:nth-child(4n+3),.demo-card:nth-child(4n+3){background:linear-gradient(180deg,#ffffff,#fff7ef);}
.feature-card:nth-child(4n),.argument-card:nth-child(4n),.demo-card:nth-child(4n){background:linear-gradient(180deg,#ffffff,#f5f7fd);}
.feature-card h4,.argument-card h4,.demo-card h4,.step-body h4,.panel h4{font-size:23px!important;line-height:1.25;color:#08385d;}
.flaticon{width:76px;height:76px;border-radius:22px;font-size:30px;box-shadow:0 12px 24px rgba(10,72,100,.08);}
.visual{padding:14px;background:linear-gradient(180deg,#f7fcfb,#eef7f4);border:1px solid #d8ebe3;position:relative;display:flex;align-items:center;justify-content:center;}
.visual img{max-width:100%;max-height:540px;border-radius:18px;display:block;cursor:zoom-in;box-shadow:0 12px 24px rgba(8,56,93,.12);background:#fff;}
.visual.has-image:after{content:"Cliquer pour agrandir";position:absolute;right:22px;bottom:20px;padding:7px 11px;border-radius:999px;background:rgba(8,56,93,.85);color:#fff;font:700 12px/1 Arial,Helvetica,sans-serif;letter-spacing:.04em;}
.lightbox-link{display:block;width:100%;text-align:center;text-decoration:none;}
.budget-layout{grid-template-columns:1fr 1fr;align-items:stretch;}
.big-euro{font-size:72px;color:#0b4469;}
.budget-figure{background:linear-gradient(145deg,#ffffff,#eef8f5);border:1px solid #d8ebe3;}
.budget-row{border-left:5px solid #0c8c91;background:#fff;} .budget-row:nth-child(2){border-left-color:#08385d;} .budget-row:nth-child(3){border-left-color:#2fa64a;} .budget-row:nth-child(4){border-left-color:#f28b32;} .budget-row:nth-child(5){border-left-color:#8cc63f;} .budget-row:nth-child(6){border-left-color:#13acaf;}
.budget-top strong{font-size:20px;color:#08385d;} .budget-top span{font-size:18px;}
.budget-mini-card{background:linear-gradient(145deg,#0b4c68,#0c8c91 60%,#2fa64a);color:#fff;padding:0!important;overflow:hidden;}
.budget-mini-card .mini-breakdown{padding:22px;} .budget-mini-card h4{font-size:24px;margin:0 0 8px;color:#fff;} .budget-mini-card p,.budget-mini-card li{color:#f4fffe!important;}
.year-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;} .year-box{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);border-radius:18px;padding:14px;} .year-box b{display:block;font-size:18px;margin-bottom:6px;}
.callout{background:linear-gradient(180deg,#f2fbf8,#eef6fb)!important;color:#20485d!important;border:1px solid #d8ebe3!important;box-shadow:0 10px 24px rgba(8,56,93,.07)!important;} .callout p,.callout li{color:#4d6776!important;} .callout h3,.callout .section-tagline{color:#08385d!important;}
.next-link{display:inline-flex;align-items:center;gap:10px;margin-top:16px;padding:11px 14px;border-radius:14px;background:#edf8f5;color:#0c8c91;text-decoration:none;font-weight:800;} .next-link:hover{background:#def3ed;}
.lightbox-overlay{position:fixed;inset:0;background:rgba(4,23,34,.82);display:none;align-items:center;justify-content:center;padding:36px;z-index:90;} .lightbox-overlay.open{display:flex;} .lightbox-frame{max-width:min(1200px,94vw);max-height:90vh;position:relative;} .lightbox-frame img{max-width:100%;max-height:90vh;border-radius:22px;box-shadow:0 30px 70px rgba(0,0,0,.45);} .lightbox-close{position:absolute;top:-16px;right:-16px;width:42px;height:42px;border:0;border-radius:999px;background:#fff;color:#08385d;font-size:24px;font-weight:900;cursor:pointer;box-shadow:0 10px 22px rgba(0,0,0,.25);}
@media(max-width:1024px){.hero{min-height:390px}.hero-inner{padding-top:36px;padding-bottom:62px}.hero h1{font-size:clamp(34px,5.2vw,48px)!important}.section-title{font-size:clamp(28px,4vw,40px)!important}.section-tagline{font-size:20px!important}}
@media(max-width:680px){.hero{min-height:360px}.hero-inner{padding-top:28px;padding-bottom:54px}.hero-illustration{min-height:220px!important}.section-title{font-size:28px!important}.section-tagline{font-size:18px!important}.budget-layout,.year-grid{grid-template-columns:1fr}.content section{padding:20px}}

/* V8 — corrected budget and final polish */
.big-euro{font-size:64px!important;letter-spacing:-.035em;}
.budget-figure:after{
  content:"Total prévisionnel sur 24 mois";
  display:inline-flex;margin-top:14px;padding:8px 12px;border-radius:999px;
  background:#e8f7f3;color:#0c8c91;font-weight:800;font-size:12px;
}


/* =========================================================
   V9 — "Archipel vivant" : nouvelle direction artistique
   ========================================================= */
:root{
  --v9-navy:#052F50;
  --v9-blue:#075A82;
  --v9-teal:#00A6A6;
  --v9-turquoise:#31C7B8;
  --v9-green:#3FB950;
  --v9-lime:#A4D933;
  --v9-orange:#FF8A35;
  --v9-coral:#FF5F49;
  --v9-violet:#7457D9;
  --v9-sky:#EAF9F8;
  --v9-cream:#FFF9ED;
  --v9-ink:#12364B;
  --v9-muted:#547181;
}
body.site-v9{
  background:
    radial-gradient(circle at 5% 10%,rgba(49,199,184,.14),transparent 28%),
    radial-gradient(circle at 95% 18%,rgba(164,217,51,.11),transparent 26%),
    linear-gradient(180deg,#F7FCFB 0%,#F4FAF8 48%,#FBFAF6 100%);
  color:var(--v9-ink);
}
.site-v9 .topbar{background:rgba(255,255,255,.88);border-bottom:1px solid rgba(0,166,166,.16);box-shadow:0 8px 28px rgba(5,47,80,.06)}
.site-v9 .brand b{color:var(--v9-teal)}
.site-v9 .navgroup{font-size:13px;letter-spacing:.015em;position:relative}
.site-v9 .navgroup:after{content:"";position:absolute;left:15px;right:15px;bottom:6px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--v9-orange),var(--v9-lime),var(--v9-teal));transform:scaleX(0);transition:.28s}
.site-v9 .navgroup:hover:after,.site-v9 .navgroup.active:after{transform:scaleX(1)}
.site-v9 .dropdown-menu{border:1px solid rgba(0,166,166,.16);box-shadow:0 22px 55px rgba(5,47,80,.16);padding:12px;overflow:hidden}
.site-v9 .drop-item{border-left:4px solid transparent;transition:.22s}
.site-v9 .drop-item:hover{background:linear-gradient(90deg,#E8FAF7,#F8FCFA);border-left-color:var(--v9-orange);padding-left:16px}

/* Hero compact et animé */
.site-v9 .hero{
  min-height:440px;
  background:
    radial-gradient(circle at 18% 25%,rgba(255,255,255,.18),transparent 25%),
    radial-gradient(circle at 80% 10%,rgba(164,217,51,.25),transparent 24%),
    linear-gradient(122deg,#052F50 0%,#075A82 43%,#009A9D 73%,#35A950 100%);
}
.site-v9 .hero-inner{max-width:1480px;grid-template-columns:1.03fr .97fr;gap:36px;padding:42px 28px 68px}
.site-v9 .hero h1{font-size:clamp(35px,4.5vw,55px)!important;max-width:880px;text-shadow:0 5px 22px rgba(0,0,0,.12)}
.site-v9 .hero-tagline{font-size:21px!important;line-height:1.48!important;color:#FFF!important;font-weight:700!important;max-width:850px;text-shadow:0 2px 12px rgba(0,0,0,.18)}
.site-v9 .announce{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.site-v9 .hero-wave{height:44px;clip-path:polygon(0 54%,9% 32%,20% 60%,32% 25%,45% 58%,57% 30%,70% 63%,82% 34%,93% 57%,100% 40%,100% 100%,0 100%)}

/* Animation réseau inspirée de la version 1 */
.site-v9 .hero-illustration{min-height:350px!important;background:none!important;border:0!important;box-shadow:none!important;overflow:visible!important;display:flex;align-items:center;justify-content:center}
.site-v9 .hero-illustration:before,.site-v9 .hero-illustration:after{display:none!important}
.network-stage{width:min(490px,100%);aspect-ratio:1;position:relative;margin:auto;filter:drop-shadow(0 24px 42px rgba(0,0,0,.22));isolation:isolate}
.network-grid{position:absolute;inset:8%;border-radius:50%;background-image:radial-gradient(rgba(255,255,255,.24) 1.2px,transparent 1.2px);background-size:22px 22px;mask-image:radial-gradient(circle,#000 35%,transparent 75%);animation:gridBreath 5s ease-in-out infinite}
.network-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:166px;height:166px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#fff,#EFFCF8);color:var(--v9-navy);z-index:5;box-shadow:0 25px 55px rgba(0,0,0,.28),inset 0 0 0 9px rgba(0,166,166,.08);animation:corePulse 4s ease-in-out infinite}
.network-core:before{content:"";position:absolute;inset:-8px;border:2px solid rgba(255,255,255,.45);border-radius:50%}
.network-core span{font-size:12px;letter-spacing:.26em;color:var(--v9-teal);font-weight:900}
.network-core strong{font-size:37px;line-height:1;font-weight:950;letter-spacing:-.06em}
.network-core small{font-size:10px;color:#527283;margin-top:6px;font-weight:700}
.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.34);border-radius:50%;transform:translate(-50%,-50%);animation:orbitPulse 5s ease-in-out infinite}
.orbit-one{width:56%;height:56%}.orbit-two{width:77%;height:77%;animation-delay:-1.5s}.orbit-three{width:96%;height:96%;animation-delay:-3s;border-style:dashed}
.network-node{position:absolute;min-width:120px;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.95);color:var(--v9-navy);box-shadow:0 14px 32px rgba(0,0,0,.2);z-index:6;animation:nodeFloat 5.5s ease-in-out infinite;transition:transform .28s,box-shadow .28s,background .28s}
.network-node:hover{transform:translateY(-8px) scale(1.055)!important;box-shadow:0 23px 45px rgba(0,0,0,.3);background:#fff}
.network-node b{display:block;font-size:14px}.network-node small{display:block;color:#5C7481;font-size:10px;margin-top:2px}
.node-a{top:2%;left:37%}.node-b{right:-1%;top:27%;animation-delay:-.8s}.node-c{right:7%;bottom:13%;animation-delay:-1.6s}.node-d{left:20%;bottom:0;animation-delay:-2.4s}.node-e{left:-2%;top:48%;animation-delay:-3.2s}.node-f{left:10%;top:16%;animation-delay:-4s}
.connector{position:absolute;left:50%;top:50%;width:2px;height:34%;transform-origin:bottom;background:linear-gradient(transparent,rgba(255,255,255,.65));z-index:2}.c1{transform:translate(-50%,-100%) rotate(0deg)}.c2{transform:translate(-50%,-100%) rotate(60deg)}.c3{transform:translate(-50%,-100%) rotate(120deg)}.c4{transform:translate(-50%,-100%) rotate(180deg)}.c5{transform:translate(-50%,-100%) rotate(240deg)}.c6{transform:translate(-50%,-100%) rotate(300deg)}
@keyframes orbitPulse{0%,100%{opacity:.5;transform:translate(-50%,-50%) scale(.97)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.035)}}
@keyframes nodeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes corePulse{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.035)}}
@keyframes gridBreath{0%,100%{opacity:.35;transform:scale(.98)}50%{opacity:.75;transform:scale(1.03)}}

/* Volet gauche conservé, modernisé */
.site-v9 .sidebar{top:94px}
.site-v9 .sidebox{background:rgba(255,255,255,.94);border:1px solid rgba(0,166,166,.14);border-radius:26px;box-shadow:0 14px 38px rgba(5,47,80,.075);overflow:hidden;position:relative}
.site-v9 .sidebox:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--v9-orange),var(--v9-lime),var(--v9-teal))}
.site-v9 .subnav a,.site-v9 .plan a{transition:.22s;border-radius:12px}
.site-v9 .subnav a:hover,.site-v9 .plan a:hover{transform:translateX(5px);background:#E9FAF7;color:var(--v9-teal)}
.site-v9 .plan a.current{background:linear-gradient(100deg,var(--v9-navy),var(--v9-blue));color:#fff;box-shadow:0 9px 20px rgba(5,47,80,.18)}

/* Sous-rubriques : style très varié mais cohérent */
.site-v9 .layout{max-width:1500px;grid-template-columns:318px minmax(0,1fr);gap:28px;padding-top:26px}
.site-v9 .content section{position:relative;overflow:hidden;background:rgba(255,255,255,.96);border:1px solid rgba(0,166,166,.12);border-radius:32px;padding:30px 32px 26px;margin-bottom:28px;box-shadow:0 15px 36px rgba(5,47,80,.07);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}
.site-v9 .content section:before{content:"";position:absolute;left:0;right:0;top:0;height:7px;background:linear-gradient(90deg,var(--v9-teal),var(--v9-lime),var(--v9-orange));opacity:.9}
.site-v9 .content section:nth-of-type(4n+2):before{background:linear-gradient(90deg,var(--v9-orange),var(--v9-coral),var(--v9-violet))}
.site-v9 .content section:nth-of-type(4n+3):before{background:linear-gradient(90deg,var(--v9-green),var(--v9-lime),var(--v9-teal))}
.site-v9 .content section:nth-of-type(4n):before{background:linear-gradient(90deg,var(--v9-violet),var(--v9-blue),var(--v9-teal))}
.site-v9 .content section:hover{transform:translateY(-4px);box-shadow:0 24px 52px rgba(5,47,80,.12);border-color:rgba(0,166,166,.25)}
.site-v9 .section-title{font-size:clamp(30px,3.05vw,44px)!important;color:var(--v9-navy)!important;margin-bottom:7px!important}
.site-v9 .section-tagline{font-size:24px!important;line-height:1.36!important;font-weight:850!important;color:var(--v9-teal)!important;margin-bottom:19px!important;max-width:1050px}
.site-v9 .section-desc{font-size:16px!important;line-height:1.82!important;color:var(--v9-muted)!important}
.site-v9 .content p,.site-v9 .content li{line-height:1.8!important}

/* Cartes : rollover différencié */
.site-v9 .feature-card,.site-v9 .argument-card,.site-v9 .demo-card,.site-v9 .step-block,.site-v9 .metric-card,.site-v9 .timeline-card,.site-v9 .budget-row,.site-v9 .panel{
  position:relative;overflow:hidden;border:1px solid rgba(5,47,80,.09);box-shadow:0 10px 25px rgba(5,47,80,.06);transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s,border-color .32s;
}
.site-v9 .feature-card:hover,.site-v9 .argument-card:hover,.site-v9 .demo-card:hover,.site-v9 .step-block:hover,.site-v9 .metric-card:hover,.site-v9 .timeline-card:hover,.site-v9 .budget-row:hover,.site-v9 .panel:hover{transform:translateY(-7px) rotateX(.7deg);box-shadow:0 22px 42px rgba(5,47,80,.13);border-color:rgba(0,166,166,.3)}
.site-v9 .feature-card:after,.site-v9 .argument-card:after,.site-v9 .demo-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-45px;top:-50px;background:rgba(0,166,166,.08);transition:.38s}
.site-v9 .feature-card:hover:after,.site-v9 .argument-card:hover:after,.site-v9 .demo-card:hover:after{transform:scale(1.6);background:rgba(255,138,53,.12)}
.site-v9 .flaticon{width:80px;height:80px;border-radius:25px;box-shadow:0 14px 30px rgba(5,47,80,.12);transition:.32s}
.site-v9 .feature-card:hover .flaticon{transform:rotate(-5deg) scale(1.08)}
.site-v9 .metric-card strong{background:linear-gradient(100deg,var(--v9-blue),var(--v9-teal),var(--v9-green));-webkit-background-clip:text;background-clip:text;color:transparent}
.site-v9 .tag{box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}
.site-v9 .step-no{background:linear-gradient(145deg,var(--v9-orange),var(--v9-coral));box-shadow:0 14px 25px rgba(255,95,73,.22)}
.site-v9 .step-block:nth-child(even) .step-no{background:linear-gradient(145deg,var(--v9-teal),var(--v9-blue));box-shadow:0 14px 25px rgba(0,166,166,.22)}

/* Images cliquables réellement visibles */
.site-v9 .visual{background:linear-gradient(145deg,#ECFAF8,#FFF9ED);padding:16px;border:1px solid rgba(0,166,166,.18);box-shadow:0 14px 34px rgba(5,47,80,.09)}
.site-v9 .image-link{display:block;width:100%;position:relative;border-radius:20px;overflow:hidden;cursor:zoom-in}
.site-v9 .image-link:after{content:"↗";position:absolute;right:16px;top:16px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(5,47,80,.9);color:#fff;font-size:20px;font-weight:900;transform:translateY(-8px);opacity:0;transition:.28s}
.site-v9 .image-link:hover:after{transform:none;opacity:1}
.site-v9 .image-link img{width:100%;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .55s}
.site-v9 .image-link:hover img{transform:scale(1.045);filter:saturate(1.08) contrast(1.02)}
.site-v9 .image-hint{position:absolute;right:22px;bottom:20px;z-index:3;padding:8px 12px;border-radius:999px;background:rgba(5,47,80,.9);color:#fff;font-size:12px;font-weight:800;pointer-events:none}
.site-v9 .visual.has-image:after{display:none!important}

/* Budget et tableaux */
.site-v9 .budget-mini-card{background:linear-gradient(145deg,#052F50,#006F7C 58%,#39A84E)!important}
.site-v9 .budget-row{background:linear-gradient(90deg,#fff,#FBFEFD)}
.site-v9 .bar{height:14px;background:#EDF5F2}.site-v9 .bar i{box-shadow:0 4px 12px rgba(0,166,166,.22)}
.site-v9 .tablewrap{border:1px solid rgba(0,166,166,.16);box-shadow:0 14px 34px rgba(5,47,80,.07)}
.site-v9 .table th{background:linear-gradient(90deg,#E8FAF7,#F3FBF8);color:var(--v9-navy)}
.site-v9 .table tr{transition:.2s}.site-v9 .table tbody tr:hover{background:#F4FCFA}
.site-v9 .next-link{background:linear-gradient(90deg,#E6FAF7,#F5FCEB);color:var(--v9-navy);border:1px solid rgba(0,166,166,.16);transition:.25s}
.site-v9 .next-link:hover{transform:translateX(6px);box-shadow:0 10px 22px rgba(5,47,80,.1)}
.site-v9 .callout{background:linear-gradient(145deg,#F2FBF8,#FFF8EC)!important;border-left:6px solid var(--v9-orange)!important}

/* Animations d'arrivée, sans masquer les contenus si JS ne marche pas */
.site-v9 .reveal{opacity:1!important;transform:none!important}
.site-v9 .reveal.enter{animation:riseV9 .72s cubic-bezier(.2,.8,.2,1) both}
.site-v9 .reveal[data-reveal="left"].enter{animation-name:slideLeftV9}
.site-v9 .reveal[data-reveal="right"].enter{animation-name:slideRightV9}
.site-v9 .reveal[data-reveal="zoom"].enter{animation-name:zoomV9}
@keyframes riseV9{from{opacity:.25;transform:translateY(30px)}to{opacity:1;transform:none}}
@keyframes slideLeftV9{from{opacity:.25;transform:translateX(-34px)}to{opacity:1;transform:none}}
@keyframes slideRightV9{from{opacity:.25;transform:translateX(34px)}to{opacity:1;transform:none}}
@keyframes zoomV9{from{opacity:.25;transform:scale(.94)}to{opacity:1;transform:none}}

@media(max-width:1180px){.site-v9 .hero-inner{grid-template-columns:1fr}.network-stage{width:min(430px,90vw)}.site-v9 .layout{grid-template-columns:280px minmax(0,1fr)}}
@media(max-width:900px){.site-v9 .layout{grid-template-columns:1fr}.site-v9 .sidebar{position:static}.site-v9 .section-tagline{font-size:21px!important}}
@media(max-width:680px){.site-v9 .hero{min-height:380px}.site-v9 .hero-inner{padding:30px 18px 56px}.site-v9 .hero h1{font-size:38px!important}.site-v9 .hero-tagline{font-size:18px!important}.network-stage{width:330px}.network-core{width:132px;height:132px}.network-core strong{font-size:30px}.network-node{min-width:92px;padding:9px 10px}.network-node b{font-size:11px}.network-node small{font-size:8px}.site-v9 .content section{padding:23px 20px}.site-v9 .section-title{font-size:29px!important}.site-v9 .section-tagline{font-size:19px!important}.site-v9 .layout{padding-left:14px;padding-right:14px}}


/* ================================================================
   V10 — Grande animation, parcours verticaux, équipe et lisibilité
   ================================================================ */

/* Animation du bandeau : plus grande, centrée et contenue */
.site-v9 .hero-inner{
  max-width:1540px;
  grid-template-columns:minmax(0,.88fr) minmax(560px,1.12fr);
  gap:26px;
}
.site-v9 .hero-illustration.network-contained{
  width:100%;
  min-width:0;
  min-height:520px!important;
  overflow:hidden!important;
  border-radius:38px!important;
  background:
    radial-gradient(circle at 50% 45%,rgba(255,255,255,.14),transparent 48%),
    linear-gradient(145deg,rgba(255,255,255,.07),rgba(5,47,80,.16))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:inset 0 0 60px rgba(255,255,255,.05),0 28px 60px rgba(0,0,0,.16)!important;
}
.site-v9 .network-stage{
  width:min(610px,96%);
  max-width:100%;
  transform:scale(.94);
  transform-origin:center;
}
.site-v9 .node-a{top:4%;left:39%}
.site-v9 .node-b{right:3%;top:27%}
.site-v9 .node-c{right:9%;bottom:10%}
.site-v9 .node-d{left:22%;bottom:3%}
.site-v9 .node-e{left:3%;top:49%}
.site-v9 .node-f{left:12%;top:17%}

/* Boutons centrés de fin de page */
.page-navigation,.home-start{
  display:flex;
  justify-content:center;
  width:100%;
  margin:28px auto 8px;
}
.page-navigation .next-link{
  margin:0!important;
  justify-content:center;
  text-align:center;
  min-width:min(460px,100%);
}
.home-start{margin:34px auto 12px}
.home-start-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:280px;
  padding:17px 28px;
  border-radius:18px;
  background:linear-gradient(110deg,var(--v9-orange),var(--v9-coral),var(--v9-teal));
  color:#fff;
  text-decoration:none;
  font-weight:900;
  font-size:17px;
  box-shadow:0 18px 36px rgba(255,95,73,.24);
  transition:.3s cubic-bezier(.2,.8,.2,1);
}
.home-start-button:after{content:"→";margin-left:12px;font-size:22px}
.home-start-button:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 26px 48px rgba(0,166,166,.25)}

/* Chaîne d’effets verticale */
.effect-journey{position:relative;display:grid;gap:18px;max-width:980px;margin:10px auto 0}
.effect-journey:before{
  content:"";position:absolute;left:36px;top:54px;bottom:54px;width:4px;
  border-radius:999px;background:linear-gradient(var(--v9-orange),var(--v9-teal),var(--v9-green));
}
.effect-step{
  position:relative;display:grid;grid-template-columns:74px 1fr;gap:22px;
  padding:22px 24px;border-radius:26px;background:#fff;border:1px solid rgba(0,166,166,.14);
  box-shadow:0 14px 32px rgba(5,47,80,.07);transition:.3s;
}
.effect-step:hover{transform:translateX(8px);box-shadow:0 22px 45px rgba(5,47,80,.12)}
.effect-marker{
  width:74px;height:74px;border-radius:24px;display:grid;place-items:center;z-index:2;
  background:linear-gradient(145deg,var(--v9-orange),var(--v9-coral));color:#fff;
  font-size:28px;font-weight:950;box-shadow:0 12px 24px rgba(255,95,73,.23)
}
.effect-step:nth-child(2) .effect-marker{background:linear-gradient(145deg,var(--v9-teal),var(--v9-blue))}
.effect-step:nth-child(3) .effect-marker{background:linear-gradient(145deg,var(--v9-green),var(--v9-lime));color:var(--v9-navy)}
.effect-content h4{font-size:24px!important;margin:4px 0 8px}
.effect-time{font-size:12px;text-transform:uppercase;letter-spacing:.11em;font-weight:900;color:var(--v9-teal)}

/* Développement numérique */
.digital-intro{
  padding:21px 24px;margin-bottom:18px;border-radius:24px;
  background:linear-gradient(110deg,#e9faf7,#fff7e9);border-left:6px solid var(--v9-orange)
}
.digital-intro p{margin:0!important;font-size:17px!important;line-height:1.82!important}
.digital-functions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.digital-function{
  position:relative;padding:24px;border-radius:28px;background:#fff;
  border:1px solid rgba(0,166,166,.15);box-shadow:0 13px 30px rgba(5,47,80,.07);
  transition:.32s cubic-bezier(.2,.8,.2,1);overflow:hidden
}
.digital-function:hover{transform:translateY(-7px);box-shadow:0 25px 48px rgba(5,47,80,.13)}
.digital-function:before{
  content:"";position:absolute;right:-45px;top:-45px;width:130px;height:130px;border-radius:50%;
  background:rgba(0,166,166,.08);transition:.35s
}
.digital-function:hover:before{transform:scale(1.35);background:rgba(255,138,53,.13)}
.function-number{
  display:inline-flex;padding:7px 10px;border-radius:999px;margin-bottom:12px;
  background:#e8faf6;color:var(--v9-teal);font-weight:950;font-size:12px;letter-spacing:.1em
}
.digital-function h4{font-size:24px!important;position:relative}
.digital-function p{position:relative;margin-bottom:10px!important}
.rag-card{
  grid-column:1/-1;background:linear-gradient(125deg,#062f50,#006f7c 58%,#00a6a6);color:#fff
}
.rag-card h4,.rag-card p,.rag-card li{color:#fff!important}
.rag-card .function-number{background:rgba(255,255,255,.15);color:#fff}
.agent-card{
  grid-column:1/-1;background:linear-gradient(125deg,#fff4e5,#fff,#e9faf4);
  border:2px solid rgba(255,138,53,.28)
}
.farmer-scenario{
  margin-top:20px;border-radius:30px;padding:25px;
  background:linear-gradient(135deg,#FFF5E8,#F0FBF7);border:1px solid rgba(255,138,53,.23)
}
.scenario-question{display:grid;gap:7px;padding-bottom:18px;border-bottom:1px solid rgba(5,47,80,.1)}
.scenario-question span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:900;color:var(--v9-orange)}
.scenario-question strong{font-size:21px;color:var(--v9-navy);line-height:1.45}
.scenario-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}
.scenario-flow div{background:#fff;border-radius:20px;padding:16px;box-shadow:0 9px 20px rgba(5,47,80,.06)}
.scenario-flow b{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--v9-teal);color:#fff;margin-bottom:9px}
.scenario-flow span{font-size:13px;line-height:1.55;color:var(--v9-muted)}

/* Équipe et emplacements CV */
.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.team-card{
  position:relative;padding:24px;border-radius:28px;background:linear-gradient(145deg,#fff,#f6fcfa);
  border:1px solid rgba(0,166,166,.14);box-shadow:0 14px 32px rgba(5,47,80,.07);
  transition:.32s;overflow:hidden
}
.team-card:nth-child(3n+2){background:linear-gradient(145deg,#fff,#fff7ed)}
.team-card:nth-child(3n){background:linear-gradient(145deg,#fff,#f3f7ff)}
.team-card:hover{transform:translateY(-7px);box-shadow:0 25px 48px rgba(5,47,80,.13)}
.team-avatar{
  width:64px;height:64px;border-radius:21px;display:grid;place-items:center;
  background:linear-gradient(145deg,var(--v9-teal),var(--v9-blue));color:#fff;
  font-size:22px;font-weight:950;margin-bottom:14px
}
.team-card:nth-child(even) .team-avatar{background:linear-gradient(145deg,var(--v9-orange),var(--v9-coral))}
.team-structure{font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--v9-teal)}
.team-card h4{font-size:25px!important;margin:5px 0 6px}
.team-role{font-weight:800;color:var(--v9-navy)!important}
.cv-slot{
  display:inline-flex;margin-top:10px;padding:10px 13px;border-radius:13px;
  border:1px dashed rgba(0,166,166,.4);background:#f2fbf8;color:var(--v9-teal);
  text-decoration:none;font-size:12px;font-weight:850
}
.cv-slot[aria-disabled="true"]{cursor:default}

/* Frises verticales */
.vertical-timeline{position:relative;display:grid;gap:0;max-width:1000px;margin:18px auto 0}
.vertical-timeline:before{
  content:"";position:absolute;left:25px;top:24px;bottom:24px;width:4px;
  background:linear-gradient(var(--v9-orange),var(--v9-teal),var(--v9-green));
  border-radius:999px
}
.timeline-item{
  position:relative;display:grid;grid-template-columns:52px 1fr;gap:20px;padding:0 0 20px
}
.timeline-dot{
  width:26px;height:26px;border-radius:50%;margin:16px 0 0 14px;z-index:2;
  background:var(--v9-orange);border:5px solid #fff;box-shadow:0 0 0 3px rgba(255,138,53,.28)
}
.timeline-item:nth-child(even) .timeline-dot{background:var(--v9-teal);box-shadow:0 0 0 3px rgba(0,166,166,.24)}
.timeline-item>div{
  background:#fff;border:1px solid rgba(0,166,166,.14);border-radius:24px;padding:20px 22px;
  box-shadow:0 12px 28px rgba(5,47,80,.07);transition:.3s
}
.timeline-item>div:hover{transform:translateX(8px);box-shadow:0 21px 42px rgba(5,47,80,.12)}
.timeline-item small{display:inline-block;color:var(--v9-teal);font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.timeline-item h4{font-size:23px!important;margin:5px 0 8px}
.timeline-item ul{margin-bottom:0!important}
.roadmap-intro{margin-bottom:18px}

/* Budget et lisibilité */
.site-v9 .big-euro{font-size:48px!important;line-height:1.05!important;margin-bottom:8px}
.site-v9 .budget-figure{display:flex;flex-direction:column;justify-content:center;min-height:290px}
.site-v9 .budget-figure:after{content:"Budget total sur 24 mois"}
.site-v9 .budget-row p{display:none}
.site-v9 .budget-row .airy-list{margin:14px 0 0}
.site-v9 .budget-row .airy-list li{margin-bottom:9px}
.airy-list{padding-left:22px!important;margin-top:8px!important}
.airy-list li{margin-bottom:8px!important}
.airy-list li::marker{color:var(--v9-teal)}
.airy-card p{max-width:76ch}
.site-v9 .argument-card p,.site-v9 .feature-card p,.site-v9 .demo-card p,.site-v9 .panel p{
  line-height:1.78!important;margin-bottom:12px!important
}

/* Footer projet */
.project-footer{
  margin-top:48px;background:linear-gradient(115deg,#052f50,#006f7c 58%,#1d934d);
  color:#fff;border-top:7px solid var(--v9-orange)
}
.footer-inner{
  max-width:1500px;margin:auto;padding:34px 30px;display:grid;
  grid-template-columns:1.2fr .9fr .8fr;gap:32px;align-items:center
}
.footer-brand{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center}
.footer-brand img{width:150px;background:#fff;border-radius:18px;padding:8px}
.footer-brand strong,.footer-contact strong{display:block;font-size:22px;margin:3px 0}
.footer-brand p{margin:0;color:#dff5ef;font-size:13px}
.footer-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:#a9eee2}
.footer-contact a{display:block;color:#fff;text-decoration:none;margin:3px 0}
.footer-contact a:hover{text-decoration:underline}
.footer-button{
  display:inline-flex;padding:13px 16px;border-radius:15px;background:#fff;color:var(--v9-navy);
  text-decoration:none;font-weight:900;text-align:center;transition:.25s
}
.footer-button:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(0,0,0,.18)}

@media(max-width:1250px){
  .site-v9 .hero-inner{grid-template-columns:1fr}
  .site-v9 .hero-illustration.network-contained{min-height:500px!important}
  .network-stage{width:min(590px,94%)!important}
}
@media(max-width:900px){
  .digital-functions,.team-grid{grid-template-columns:1fr}
  .rag-card,.agent-card{grid-column:auto}
  .scenario-flow{grid-template-columns:1fr 1fr}
  .footer-inner{grid-template-columns:1fr}
}
@media(max-width:680px){
  .site-v9 .hero-illustration.network-contained{min-height:380px!important}
  .network-stage{width:360px!important;transform:scale(.86)}
  .effect-step{grid-template-columns:56px 1fr}
  .effect-marker{width:56px;height:56px;border-radius:18px}
  .effect-journey:before{left:27px}
  .scenario-flow{grid-template-columns:1fr}
  .footer-inner{padding:28px 18px}
  .footer-brand{grid-template-columns:110px 1fr}
  .footer-brand img{width:110px}
}


/* V11 — Prompt maître : résumé, schémas, IA, calendrier et budget */
.executive-problem-solution{display:grid;grid-template-columns:1fr 1fr;gap:18px}.executive-card{padding:26px;border-radius:28px;border:1px solid rgba(0,166,166,.14);box-shadow:0 14px 32px rgba(5,47,80,.07)}.executive-card span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.executive-card h3{font-size:28px!important;margin:7px 0 12px}.executive-card.problem{background:linear-gradient(145deg,#fff7ee,#fff)}.executive-card.problem span{color:#ff6d4c}.executive-card.solution{background:linear-gradient(145deg,#eafaf6,#fff)}.executive-card.solution span{color:#00a6a6}
.module-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.module-mini-grid article{padding:18px;border-radius:21px;background:#fff;border:1px solid rgba(0,166,166,.14);box-shadow:0 10px 24px rgba(5,47,80,.06)}.module-mini-grid b{font-size:21px;color:#08385d}.module-mini-grid p{margin:5px 0 0!important;font-size:14px!important}.answer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.answer-grid article{padding:17px;border-radius:20px;background:linear-gradient(145deg,#fff,#f4fbf9);border:1px solid rgba(0,166,166,.14)}.answer-grid strong{display:block;font-size:18px;color:#08385d}.answer-grid span{display:block;margin-top:5px;font-size:13px;color:#597281}.mobile-highlight{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;padding:28px;border-radius:30px;background:linear-gradient(120deg,#062f50,#007a84 65%,#1d934d);color:#fff}.mobile-highlight h2{color:#fff!important;font-size:34px!important;margin:7px 0}.mobile-highlight p{color:#e7f8f4!important;font-size:17px!important}.mobile-label{font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:900;color:#ffcf5c}.mobile-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:center}.mobile-points span{padding:14px;border-radius:17px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.15);font-weight:800;text-align:center}.pilot-note{margin:16px auto 0!important;padding:14px 18px;border-left:5px solid #ff8a35;background:#fff6eb;border-radius:0 16px 16px 0;max-width:950px}.executive-bottom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.executive-bottom-grid article{padding:20px;border-radius:22px;background:#fff;border:1px solid rgba(0,166,166,.14)}.executive-bottom-grid span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#00a6a6;font-weight:900}.executive-bottom-grid strong{display:block;font-size:26px;color:#08385d;margin:5px 0}.executive-bottom-grid p{font-size:14px!important;margin:0!important}
.schema-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.schema-pair h3{font-size:24px!important;margin-bottom:10px}.schema-pair .visual{height:100%}.schema-pair .visual img{max-height:none}.section-head.compact{margin-top:28px}.mobile-use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.mobile-use-grid article{padding:20px;border-radius:22px;background:#fff;border:1px solid rgba(0,166,166,.14);box-shadow:0 10px 24px rgba(5,47,80,.06)}.mobile-use-grid h4{font-size:21px!important}
.clear-milestones .timeline-item>div{border-left:5px solid #00a6a6}.clear-milestones .timeline-item:nth-child(even)>div{border-left-color:#ff8a35}.deliverable-label{display:inline-flex;margin:8px 0 5px;padding:5px 9px;border-radius:999px;background:#e9f8f5;color:#008f8f;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.clear-milestones ul{margin-top:5px!important}
.budget-table-summary{display:grid;margin-bottom:20px;border:1px solid rgba(0,166,166,.16);border-radius:24px;overflow:hidden;background:#fff}.budget-table-summary>div{display:grid;grid-template-columns:2.2fr .8fr .8fr .9fr;gap:12px;padding:13px 16px;border-bottom:1px solid #e6efec;align-items:center}.budget-table-summary>div:last-child{border-bottom:0}.budget-table-head{background:linear-gradient(110deg,#062f50,#007d84)!important;color:#fff;font-weight:900;text-transform:uppercase;font-size:11px;letter-spacing:.08em}.budget-table-summary strong{color:#08385d}.budget-table-summary b{color:#00a078;text-align:right}.budget-table-summary span{text-align:right;color:#597281}.budget-layout{margin-top:12px}.budget-figure{min-height:220px!important}.budget-mini-card{min-height:220px}.budget-mini-card .mini-breakdown{width:100%}.budget-mini-card .year-grid{grid-template-columns:1fr 1fr}.year-box span{display:block;margin-top:6px;font-size:13px;line-height:1.5}.footer-claim{max-width:1500px;margin:0 auto;padding:0 30px 24px;text-align:center;color:#d8f5ef;font-size:13px}
@media(max-width:1000px){.executive-problem-solution,.schema-pair,.mobile-highlight{grid-template-columns:1fr}.module-mini-grid,.answer-grid,.mobile-use-grid,.executive-bottom-grid{grid-template-columns:1fr 1fr}.budget-table-summary>div{grid-template-columns:1.6fr .8fr .8fr .9fr;font-size:13px}}
@media(max-width:680px){.module-mini-grid,.answer-grid,.mobile-use-grid,.executive-bottom-grid,.mobile-points{grid-template-columns:1fr}.budget-table-summary>div{grid-template-columns:1fr}.budget-table-summary span,.budget-table-summary b{text-align:left}.budget-table-head{display:none!important}}


/* V16 — compléments demandés dans les étapes détaillées */
.added-step-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}
.step-detail-card{padding:20px 22px;border-radius:22px;background:linear-gradient(180deg,#fff,#f5fbf8);border:1px solid rgba(12,140,145,.16);box-shadow:0 12px 26px rgba(8,56,93,.06)}
.step-detail-card h4{font-size:21px!important;margin:0 0 10px;color:#08385d}
.step-detail-card ul{margin:0}
.ekoal-rag-note{margin-top:18px;padding:18px;border-radius:20px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2)}
.ekoal-rag-note strong{display:block;color:#fff;font-size:18px;margin-bottom:7px}
.ekoal-rag-note p{color:#fff!important;margin-bottom:13px!important}
.ekoal-link{display:inline-flex!important;background:#fff!important;color:#08385d!important}
.rag-visual-added{max-width:980px;margin:24px auto!important;background:#fff!important}
.rag-visual-added img{width:100%;max-height:620px;object-fit:contain}
@media(max-width:760px){.added-step-details{grid-template-columns:1fr}}