/* Pédavio — Site vitrine multipage · chantier I1
   En commun : navigation, cartes, fil d'Ariane, mise en page et footer.
   Complète les styles spécifiques déjà intégrés à la page d'accueil. */
:root{--ink:#173f47;--ink-2:#275760;--green:#20776f;--mint:#e6f5ef;--sky:#eaf6f7;--cream:#fff9f1;--paper:#fff;--bg:#f8faf9;--line:#d7e6e4;--muted:#5e7176;--shadow:0 18px 60px rgba(26,68,67,.085)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;line-height:1.65;overflow-x:clip}
a{color:inherit;text-decoration:none}
a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid #d59b37;outline-offset:3px}
.container{width:min(1180px,calc(100% - 44px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:30;background:rgba(250,252,251,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:77px}
.brand{font-size:23px;font-weight:800;letter-spacing:-.045em;display:inline-flex;align-items:center;gap:10px;flex-shrink:0}
.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--ink);color:white;border-radius:13px;font:700 27px Lora,serif;position:relative}
.brand-mark::after{content:"";width:8px;height:8px;background:#bfe4c6;border:2px solid var(--ink);border-radius:50%;position:absolute;top:-2px;right:-2px}
.site-nav{display:flex;align-items:center;gap:15px;margin-left:auto}
.site-nav .nav-item{display:flex;align-items:center;gap:3px}
.site-nav .nav-item>a,.site-nav>.nav-link{font-size:13px;font-weight:750;white-space:nowrap;padding:12px 3px;color:#355a62}
.site-nav .nav-item>a:hover,.site-nav>.nav-link:hover,.site-nav a[aria-current="page"]{color:var(--green)}
.site-nav a[aria-current="page"]{text-decoration:underline;text-decoration-color:#8cc5af;text-decoration-thickness:2px;text-underline-offset:6px}
.site-nav details.nav-drop{position:relative}
.site-nav .nav-drop summary{list-style:none;display:grid;place-items:center;width:23px;height:28px;border-radius:8px;cursor:pointer;color:#44666b;font-size:13px}
.site-nav .nav-drop summary::-webkit-details-marker{display:none}
.site-nav .nav-drop summary:hover,.site-nav .nav-drop[open] summary{background:#e8f4f0}
.site-nav .drop-menu{position:absolute;top:calc(100% + 10px);left:-115px;width:300px;padding:9px;z-index:35;background:#fff;border:1px solid #d6e6e3;border-radius:15px;box-shadow:0 25px 50px #1c474326}
.site-nav .drop-menu a{display:block;border-radius:9px;padding:10px 12px;font-weight:760;font-size:12px;line-height:1.45}
.site-nav .drop-menu a:hover{background:#eff8f5}
.site-nav .drop-menu small{display:block;font-size:11px;color:#668080;font-weight:500;margin-top:3px}
.site-nav .btn.header-cta{min-height:42px;white-space:nowrap;margin-left:5px}
.mobile-menu{display:none}
.skip{position:absolute;left:12px;top:-90px;z-index:110;padding:10px 15px;background:#fff;border:2px solid #20776f;border-radius:9px;font-size:13px;font-weight:800}
.skip:focus{top:12px}
.audience-card .profile-link{display:block;margin-top:16px;padding-top:13px;border-top:1px solid #dfeae7;font-size:13px;color:#1c7167;font-weight:800}
.audience-card .profile-link:hover{text-decoration:underline}
.feature{display:flex;flex-direction:column}
.feature .feature-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:#226e64;margin-top:auto;padding-top:15px}
.feature .feature-link:hover{text-decoration:underline}
.feature small{margin-bottom:10px}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu summary{list-style:none}
.mobile-panel{display:grid;gap:4px;position:absolute;right:16px;left:16px;top:calc(100% + 1px);max-height:calc(100dvh - 75px);overflow-y:auto;background:#fff;border:1px solid var(--line);padding:13px;box-shadow:0 22px 45px #163d3829;border-radius:0 0 15px 15px;z-index:40}
.mobile-panel a{display:block;padding:11px 13px;border-radius:9px;font-weight:750;font-size:14px}
.mobile-panel a:hover,.mobile-panel a[aria-current="page"]{background:#eff8f5;color:#236c63}
.mobile-panel .mobile-subhead{margin:8px 8px 0;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#587876;font-weight:800}
.mobile-panel .mobile-indented{padding-left:25px;font-size:13px;color:#4b6b70}
.mobile-panel .btn{margin-top:7px;justify-content:center}
.site-page{min-height:60vh}
.page-hero{background:radial-gradient(ellipse at 82% 21%,#cfece02c,transparent 38%),linear-gradient(137deg,#f1faf6,#eff7f6 65%,#f7faf8);border-bottom:1px solid #deebe6;padding:70px 0 62px}
.page-hero .breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#647e7d;font-size:12px;font-weight:700;margin-bottom:24px}
.page-hero .breadcrumb a:hover{color:var(--green);text-decoration:underline}
.page-hero .breadcrumb .sep{color:#9caeaa}
.page-eyebrow{color:#237c6a;text-transform:uppercase;letter-spacing:.11em;font-size:12px;font-weight:850}
.page-hero h1{font-size:clamp(37px,5vw,59px);line-height:1.17;letter-spacing:-.035em;max-width:900px;margin:15px 0}
.page-hero p{max-width:740px;color:#496b6d;font-size:17px;line-height:1.8;margin:0}
.page-hero .hero-buttons{display:flex;flex-wrap:wrap;gap:11px;margin-top:26px}
.v-section{padding:75px 0}
.v-section.white{background:white}
.v-section.light{background:#f2f9f6}
.v-section.warm{background:#fff9f0}
.v-section .v-head{margin-bottom:28px}
.v-section .v-head h2,.v-half h2{font:700 clamp(28px,3.4vw,41px)/1.25 Lora,Georgia,serif;letter-spacing:-.035em;margin:12px 0}
.v-section .v-head p,.v-half p{font-size:15px;color:var(--muted);max-width:770px;line-height:1.8}
.v-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.v-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.v-card{background:white;border:1px solid var(--line);border-radius:17px;padding:23px;display:flex;flex-direction:column;min-width:0}
.v-card.tint{background:#f2faf7}
.v-card .v-emoji{font-size:26px;display:grid;place-items:center;background:#e9f6f0;border-radius:12px;width:49px;height:49px;margin-bottom:15px}
.v-card h3{font:700 22px/1.32 Lora,Georgia,serif;letter-spacing:-.025em;margin:0 0 9px}
.v-card p{font-size:14px;color:#567277;margin:0 0 18px;line-height:1.76}
.v-card a.card-link{font-size:13px;font-weight:800;color:#206b63;display:inline-block;margin-top:auto}
.v-card a.card-link:hover{text-decoration:underline}
.v-tag{font-size:11px;font-weight:850;letter-spacing:.08em;color:#237a6a;text-transform:uppercase;margin:0 0 10px}
.v-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.v-pills span{background:#e8f4ef;color:#386b61;border-radius:999px;font-size:11px;padding:5px 10px;font-weight:750}
.v-list{list-style:none;padding:0;margin:18px 0;display:grid;gap:13px}
.v-list li{padding-left:28px;position:relative;line-height:1.65;font-size:14px;color:#44696c}
.v-list li::before{content:"✓";position:absolute;left:0;top:1px;display:grid;place-items:center;background:#dff2e8;color:#237664;width:21px;height:21px;border-radius:7px;font-weight:900}
.v-half{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}
.v-example{border:1px solid #d5e8e0;border-radius:17px;padding:25px;background:#f6fbf8}
.v-example .v-tag{margin-bottom:15px}
.v-example-row{padding:12px 0;border-bottom:1px solid #dceae5;display:flex;gap:12px;align-items:flex-start}
.v-example-row:last-child{border-bottom:none}
.v-example-row b{font-size:13px;min-width:105px}
.v-example-row span{font-size:13px;color:#527376}
.v-note{font-size:12px;color:#627d7d;background:#f1f8f5;border:1px solid #dceae5;border-radius:10px;padding:12px 14px;margin-top:17px}
.v-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.v-related{border-top:1px solid var(--line);padding:35px 0 60px;background:#fff}
.v-related strong{font-size:13px;color:#65807c}
.v-related .v-links{margin-top:12px}
.v-related .v-links a{font-size:13px;padding:9px 14px;border:1px solid #dae8e4;border-radius:9px;font-weight:760;color:#2d6f64}
.v-related .v-links a:hover{background:#f1faf5}
.v-final{background:#fff;padding:20px 0 66px}
.v-final .v-final-card{background:linear-gradient(130deg,#18434b,#236360);padding:45px 25px;color:white;text-align:center;border-radius:23px}
.v-final h2{font:700 clamp(26px,3vw,40px)/1.25 Lora,serif;margin:0 0 10px}
.v-final p{color:#cde0d9;max-width:650px;margin:0 auto 22px;font-size:14px}
.v-final .btn{background:#e9f5e9;color:#17504a;border-color:#e9f5e9}
.v-beta-label{font-weight:800;color:#8d672f;background:#fff3d9;padding:5px 9px;border-radius:7px;font-size:11px}
.v-steps{counter-reset:step;display:grid;gap:13px}
.v-step{display:grid;grid-template-columns:52px 1fr;gap:17px;background:white;border:1px solid var(--line);border-radius:13px;padding:22px}
.v-step::before{counter-increment:step;content:counter(step,decimal-leading-zero);font:700 27px Lora,serif;color:#368579}
.v-step h3{font:700 21px Lora,serif;margin:0 0 7px}
.v-step p{font-size:14px;color:#567277;margin:0}
.v-guardrails{border:1px solid #eadbbf;background:#fff9ee;border-radius:15px;padding:22px}
.v-guardrails h3{font:700 21px Lora,serif;margin:0 0 8px}
.v-guardrails p{color:#756b5e;font-size:14px;margin:0}
.footer{background:#f3f8f7;border-top:1px solid var(--line);padding:29px 0}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:14px}
.footer .foot-brand{font-weight:800}
.footer p{color:#6c8284;font-size:12px;margin:5px 0 0}
.footer-links{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#507076;font-weight:700}
.footer-links a:hover{text-decoration:underline}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:12px 19px;border-radius:12px;border:1px solid #ccdddb;font-size:14px;font-weight:800;line-height:1.25;background:#fff}
.btn.primary{background:var(--green);color:white;border-color:var(--green)}
.btn.primary:hover{background:#145c55}
.btn.dark{background:var(--ink);color:white;border-color:var(--ink)}
.btn.ghost{background:transparent}
@media(max-width:1100px){.site-nav{gap:7px}.site-nav .nav-item>a,.site-nav>.nav-link{font-size:12px}.v-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:831px) and (max-width:1150px){.site-nav{display:none}.mobile-menu{display:block;position:static}.header-inner .header-cta{margin-left:auto}}
@media(max-width:830px){.site-nav{display:none}.mobile-menu{display:block;position:static}.mobile-menu>summary{border:1px solid #d4e4df;border-radius:10px;padding:9px 12px;background:white;cursor:pointer;font-weight:800;font-size:13px}.header-inner .header-cta{margin-left:auto;min-height:42px;padding:10px 13px}.v-half{grid-template-columns:1fr;gap:24px}.v-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v-section{padding:60px 0}}
@media(max-width:580px){.container{width:calc(100% - 32px)}.header-inner{min-height:68px;gap:8px}.brand{font-size:19px}.brand-mark{width:35px;height:35px;font-size:23px}.header-inner .header-cta{padding:9px 11px;font-size:12px;min-height:39px}.mobile-menu>summary{padding:9px 10px}.page-hero{padding:43px 0}.page-hero h1{font-size:35px}.page-hero p{font-size:15px}.page-hero .hero-buttons{flex-direction:column}.page-hero .hero-buttons .btn{width:100%}.v-grid,.v-grid.two{grid-template-columns:1fr}.v-section{padding:50px 0}.v-card{padding:21px}.v-section .v-head h2{font-size:29px}.v-example{padding:17px}.v-final .v-final-card{padding:35px 16px}.footer-inner{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}