/* ViteSite.fr — architecture commerciale, SEO et GEO — version 1.3.0 */
:root{--v12-navy:#071d35;--v12-blue:#0b73dd;--v12-coral:#ff6f61;--v12-yellow:#ffd648;--v12-soft:#eef4f8;--v12-line:#d8e3eb}
.v12Header{position:sticky;top:0;z-index:80}
.v12DesktopNav{display:flex;gap:clamp(14px,2vw,30px);align-items:center}
.v12DesktopNav a{white-space:nowrap}
.v12Menu>nav{width:min(94vw,720px);max-height:calc(100vh - 92px);overflow:auto;padding:20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.v12Menu .menuGroup{display:grid;align-content:start;gap:7px}
.v12Menu .menuGroup strong{font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:#6d7d8a;padding:2px 10px 7px;border-bottom:1px solid var(--v12-line)}
.v12Menu .menuGroup a{padding:8px 10px!important;border-radius:8px}
.v12Menu .menuGroup a:hover,.v12Menu .menuGroup a:focus-visible{background:#eef5fb}
.v12Topbar{min-height:34px}
.v12Hero{min-height:min(760px,calc(100vh - 120px))}
.v12Hero .heroCondition{font-size:.76rem;max-width:760px;color:#d9e6f0;margin-top:18px}
.v12Plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.v12Plans article{background:#fff;border:1px solid var(--v12-line);border-radius:22px;padding:26px;box-shadow:0 18px 45px #071d350c;display:flex;flex-direction:column;align-items:flex-start}
.v12Plans article.featured{border:2px solid var(--v12-blue);transform:translateY(-6px)}
.v12Plans article>span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:var(--v12-blue)}
.v12Plans h3{font-size:1.75rem;margin:.55rem 0}
.v12Plans p{color:#536878;line-height:1.6;flex:1}
.v12Plans a,.v12SeoGrid a,.textLink{font-weight:900;color:var(--v12-blue);text-decoration-thickness:2px;text-underline-offset:4px}
.v12Value{background:var(--v12-navy);color:#fff}
.v12Split{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}
.v12Split h2{color:#fff}
.v12Split p{color:#c8d8e4;line-height:1.75}
.v12Checklist{background:#fff;color:var(--v12-navy);border-radius:24px;padding:30px}
.v12Checklist h3{margin-top:0;font-size:1.5rem}
.v12Checklist ul,.checkList{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.v12Checklist li,.checkList li{position:relative;padding-left:28px;line-height:1.45}
.v12Checklist li:before,.checkList li:before{content:"✓";position:absolute;left:0;color:#0a9b61;font-weight:950}
.v12SeoGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.v12SeoGrid article{border:1px solid var(--v12-line);border-radius:20px;padding:24px;background:#fff}
.v12SeoGrid h3{margin-top:0;font-size:1.35rem}
.v12SeoGrid p{line-height:1.65;color:#536878}
.v12Truth{margin:24px 0 0;padding:18px 20px;background:#fff7da;border-left:5px solid var(--v12-yellow);border-radius:12px;line-height:1.6}
.v12Portfolio{background:var(--v12-navy);color:#fff}
.v12Portfolio h2,.v12Portfolio .sectionHeading p{color:#fff}
.v12Projects{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:28px 0}
.v12Projects a{position:relative;border-radius:16px;overflow:hidden;min-height:260px;color:#fff;background:#0d2b4b}
.v12Projects img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .25s ease}
.v12Projects a:hover img{transform:scale(1.025)}
.v12Projects span{position:absolute;inset:auto 0 0;padding:28px 16px 14px;background:linear-gradient(transparent,#031222f2);font-weight:900}
.v12Projects small{display:block;font-weight:600;color:#d2e0ea;margin-top:4px}
.v12Steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style:none;padding:0}
.v12Steps li{border-top:3px solid var(--v12-blue);padding:20px 6px;display:grid;grid-template-columns:auto 1fr;gap:12px}
.v12Steps b{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--v12-blue);color:#fff}
.v12Steps span{line-height:1.5;color:#536878}
.v12Steps strong{display:block;color:var(--v12-navy);margin-bottom:6px}
.v12Final{background:#0b2948;color:#fff;padding-bottom:110px}
.v12Final h2,.v12Final .sectionHeading p{color:#fff}
.v12Final .sectionHeading>a{color:#fff;font-weight:850}
.v12Faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.v12Faq details,.faqGroup details{border:1px solid #d8e3eb;border-radius:14px;background:#fff;color:var(--v12-navy);padding:0 18px}
.v12Faq summary,.faqGroup summary{font-weight:900;cursor:pointer;padding:17px 28px 17px 0}
.v12Faq p,.faqGroup p{color:#536878;line-height:1.65;margin:0 0 18px}
.v12Cta{margin-top:44px;padding:30px;border-radius:22px;background:#ffffff12;border:1px solid #ffffff24}
.v12Cta h2{margin-top:0}
.mobileActions{display:none}
.v12FooterGrid{grid-template-columns:1.25fr repeat(4,minmax(120px,1fr));gap:28px}
.v12FooterGrid nav{display:grid;align-content:start;gap:8px}
.v12FooterGrid nav p{font-size:.78rem;color:#c7d8e6;line-height:1.55}
.v12Info{max-width:1160px}
.v12InfoHero{align-items:center}
.v12InfoHero .infoHeroMedia img{object-position:top}
.contentSection{margin:42px 0}
.contentSection>h2{font-size:clamp(1.65rem,3vw,2.5rem);letter-spacing:-.035em}
.contentSection>p{line-height:1.75;color:#536878;max-width:850px}
.projectGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}
.projectCard{display:grid;background:#fff;border:1px solid var(--v12-line);border-radius:18px;overflow:hidden;color:var(--v12-navy);text-decoration:none;box-shadow:0 16px 38px #071d350c}
.projectCard img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top}
.projectCard span{padding:17px}
.projectCard strong{display:block;font-size:1.15rem}
.projectCard small{display:block;color:#536878;margin-top:4px}
.projectEvidence{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:center}
.projectEvidence img{width:100%;border:1px solid var(--v12-line);border-radius:18px;box-shadow:0 20px 50px #071d3514}
.faqDirectory{display:grid;gap:28px}
.faqGroup{background:#fff;border-radius:22px;padding:26px;border:1px solid var(--v12-line)}
.faqGroup h2{margin-top:0}
.faqGroup details{margin:9px 0;background:#f8fbfd}
.guideGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0}
.guideGrid>a{display:flex;flex-direction:column;border:1px solid var(--v12-line);border-radius:18px;padding:22px;background:#fff;color:var(--v12-navy);text-decoration:none;min-height:210px}
.guideGrid h2{font-size:1.25rem;margin:0 0 10px}
.guideGrid p{color:#536878;line-height:1.55;flex:1}
.guideGrid span{color:var(--v12-blue);font-weight:900}
.notFound{min-height:62vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:80px 18px}
.notFound h1{font-size:clamp(3rem,8vw,7rem);letter-spacing:-.06em;margin:.1em 0}
.notFound>p:not(.kicker){font-size:1.1rem;max-width:680px;color:#536878;line-height:1.65}
.infoPage .relatedPages>div{flex-wrap:wrap}

@media(max-width:1120px){
  .v12DesktopNav{display:none}
  .v12Projects{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v12FooterGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:820px){
  .v12Menu>nav{grid-template-columns:1fr}
  .v12Plans,.v12SeoGrid,.guideGrid{grid-template-columns:1fr}
  .v12Plans article.featured{transform:none}
  .v12Split,.projectEvidence{grid-template-columns:1fr;gap:28px}
  .v12Steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v12FooterGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  body{padding-bottom:64px}
  .v12Topbar span:first-child{display:none}
  .v12Header .headerActions .whatsappLink{display:none!important}
  .v12Header .headerActions .button{display:none}
  .v12Header{min-height:68px}
  .v12Hero{min-height:720px}
  .v12Hero .heroContent{padding-top:72px}
  .v12Hero h1{font-size:clamp(2.4rem,12vw,4rem)}
  .v12Projects,.projectGrid,.v12Faq,.v12Steps,.v12FooterGrid{grid-template-columns:1fr}
  .v12Projects a{min-height:245px}
  .mobileActions{position:fixed;z-index:95;display:grid;grid-template-columns:repeat(3,1fr);left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));background:#fff;border:1px solid var(--v12-line);border-radius:15px;box-shadow:0 12px 35px #071d3533;overflow:hidden}
  .mobileActions a{min-height:48px;display:grid;place-items:center;color:var(--v12-navy);font-weight:900;text-decoration:none;border-right:1px solid var(--v12-line)}
  .mobileActions a:last-child{border-right:0;background:var(--v12-blue);color:#fff}
  .v12Info{margin-top:20px}
  .v12InfoHero{display:grid}
  .v12InfoHero .infoHeroMedia{order:-1}
  .faqGroup{padding:18px 12px}
  .notFound{padding:54px 18px}
}
@media(prefers-reduced-motion:reduce){.v12Projects img{transition:none}}

/* ViteSite 1.3.0 — preuves visuelles, sites témoins et page Fiche Google */
.realisationIntro{max-width:820px}.realisationIntro strong{color:var(--v12-blue,#173d69)}
.googleCapture{margin:2.5rem 0;padding:clamp(1rem,3vw,2rem);border:1px solid rgba(21,48,84,.14);border-radius:28px;background:#fff;box-shadow:0 24px 70px rgba(21,48,84,.1)}
.googleCapture img{width:100%;height:auto;border-radius:18px;border:1px solid rgba(21,48,84,.12)}
.googleCapture figcaption{margin-top:1rem;color:#536273;font-size:.92rem;line-height:1.55}
.googleFeatureGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2rem 0}
.googleFeature{padding:1.35rem;border:1px solid rgba(21,48,84,.14);border-radius:20px;background:#fff}
.googleFeature svg{width:28px;height:28px;stroke:#173d69;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.googleFeature h3{margin:.8rem 0 .35rem;font-size:1.06rem}.googleFeature p{margin:0;color:#536273}
.demoCards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-top:2rem}
.demoCard{overflow:hidden;border:1px solid rgba(21,48,84,.14);border-radius:26px;background:#fff;text-decoration:none;box-shadow:0 18px 44px rgba(21,48,84,.08)}
.demoCard img{width:100%;aspect-ratio:16/9;object-fit:cover}.demoCard>span{display:block;padding:1.3rem}.demoCard strong{display:block;font-size:1.2rem}.demoCard small{display:block;margin-top:.35rem;color:#536273;font-size:.9rem}
.projectCard.featuredProject{grid-column:span 2;min-height:360px}.projectCard.featuredProject span{background:linear-gradient(0deg,rgba(4,24,43,.94),rgba(4,24,43,.08));color:#fff}.projectCard.featuredProject small{color:#dbe8f4}
.v12Projects>a.featuredProject{outline:2px solid rgba(235,102,82,.72);outline-offset:-2px}.v12Projects>a.featuredProject span{background:linear-gradient(0deg,rgba(4,24,43,.94),rgba(4,24,43,.08));color:#fff}
@media(max-width:760px){.googleFeatureGrid,.demoCards{grid-template-columns:1fr}.googleCapture{margin-inline:-.25rem}.googleCapture figcaption{font-size:.82rem}}
@media(max-width:760px){.projectCard.featuredProject{grid-column:auto;min-height:270px}}