/* Vitrine VM : ressources locales, aucun lecteur ni suivi tiers. */
.pro-page{--pro-bg:#090e18;--pro-panel:#111a29;--pro-ink:#f5f2eb;--pro-muted:#bcc6d7;--pro-accent:#f4cf55;--pro-line:#ffffff26;margin:0;background:var(--pro-bg);color:var(--pro-ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark}
.pro-page *{box-sizing:border-box}.pro-page [hidden]{display:none!important}.pro-page a{color:inherit}.pro-page button,.pro-page input,.pro-page select,.pro-page textarea{font:inherit}.pro-page a,.pro-page button,.pro-page summary{-webkit-tap-highlight-color:transparent}.pro-page :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--pro-accent);outline-offset:5px}
html:has(.pro-page){scroll-behavior:smooth;scroll-padding-top:115px}
.pro-skip{position:absolute;top:-100px;left:16px;z-index:100;padding:12px;background:var(--pro-accent);color:#111827!important;border-radius:10px}.pro-skip:focus{top:12px}
.pro-header{position:sticky;top:0;z-index:70;border-bottom:1px solid var(--pro-line);background:var(--pro-bg)}
.pro-header-in{max-width:1160px;margin:auto;padding:17px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.pro-brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex:none}.pro-brand img{border-radius:12px;object-fit:contain}.pro-wordmark{display:block;font:500 1.8rem/1 Georgia,serif;letter-spacing:-.05em}.pro-wordmark b{color:var(--pro-accent)}.pro-wordmark i{font-weight:400}.pro-brand small{display:block;margin-top:6px;font-size:.56rem;letter-spacing:.17em;font-weight:700;color:var(--pro-muted)}
.pro-nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.pro-nav a{font-size:.82rem;font-weight:700;text-decoration:none;min-height:44px;display:flex;align-items:center}.pro-nav a:hover{color:var(--pro-accent)}
.pro-page main{max-width:1160px;padding:0 24px 60px;margin:auto}.pro-kicker{font-size:.66rem;letter-spacing:.17em;font-weight:800;text-transform:uppercase;color:var(--pro-accent);margin:0 0 12px}
.pro-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:54px;align-items:center;padding:64px 0 42px}.pro-hero h1{font-size:clamp(2.1rem,4.2vw,3.75rem);letter-spacing:-.055em;line-height:1.09;margin:0 0 22px;max-width:720px}.pro-hero h1 em{font-style:normal;color:var(--pro-accent)}.pro-lead{font-size:1.04rem;color:var(--pro-muted);max-width:620px;margin:0 0 24px}
.pro-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.pro-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border-radius:11px;border:1px solid transparent;background:var(--pro-accent);color:#121827!important;text-decoration:none;font-weight:800;font-size:.88rem;cursor:pointer;text-align:center}.pro-button.secondary{background:transparent;color:var(--pro-ink)!important;border-color:var(--pro-line)}.pro-button:hover{filter:brightness(1.08)}
.pro-visual{border:1px solid var(--pro-line);border-radius:22px;overflow:hidden;background:var(--pro-panel);transform:rotate(1.5deg);box-shadow:0 24px 70px #0003}.pro-browser{padding:12px 16px;font-size:.68rem;letter-spacing:.06em;color:var(--pro-muted);border-bottom:1px solid var(--pro-line)}.pro-browser:before{content:'● ● ●';letter-spacing:.12em;color:var(--pro-accent);margin-right:16px}.pro-visual img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}.pro-visual figcaption{padding:14px 18px;font-size:.8rem;color:var(--pro-muted)}.pro-visual figure{margin:0}
.pro-facts{display:flex;flex-wrap:wrap;gap:8px 26px;padding:17px 0;border-top:1px solid var(--pro-line);border-bottom:1px solid var(--pro-line);font-size:.8rem;color:var(--pro-muted)}.pro-facts span:before{content:'✓';color:var(--pro-accent);font-weight:800;margin-right:9px}
.pro-section{padding:52px 0 0;scroll-margin-top:115px}.pro-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.pro-page h2{font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.2;letter-spacing:-.04em;margin:0 0 10px}.pro-section-head p:not(.pro-kicker){font-size:.92rem;color:var(--pro-muted);max-width:560px;margin:0}.pro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pro-card{min-width:0;background:var(--pro-panel);border:1px solid var(--pro-line);border-radius:18px;padding:24px;display:flex;flex-direction:column;align-items:start}.pro-card h3{font-size:1.18rem;line-height:1.3;letter-spacing:-.02em;margin:0 0 12px}.pro-card p{font-size:.89rem;color:var(--pro-muted);margin:0 0 15px}.pro-card ul{padding-left:18px;font-size:.84rem;color:var(--pro-muted);margin:0 0 18px}.pro-card li{margin:7px 0}.pro-number{color:var(--pro-accent);font-size:.67rem;font-weight:800;letter-spacing:.13em;margin:0 0 22px}.pro-price{font-size:1.6rem;line-height:1.3;letter-spacing:-.035em;font-weight:800;margin:auto 0 16px}.pro-price small{font-size:.75rem;color:var(--pro-muted);font-weight:500;letter-spacing:normal}.pro-card .pro-button{width:100%;margin-top:auto}.pro-card .pro-price+.pro-button{margin-top:0}.pro-card.featured{border-color:var(--pro-accent);background:linear-gradient(145deg,#8a672218,transparent),var(--pro-panel)}
.pro-note{padding:15px 18px;border-left:3px solid var(--pro-accent);border-radius:0 10px 10px 0;background:var(--pro-panel);font-size:.81rem;color:var(--pro-muted);margin:20px 0 0}.pro-note strong{color:var(--pro-ink)}
.pro-work{display:flex;flex-direction:column;border:1px solid var(--pro-line);border-radius:18px;background:var(--pro-panel);text-decoration:none;overflow:hidden;min-width:0}.pro-work>img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;border-bottom:1px solid var(--pro-line)}.pro-work-body{padding:20px;flex:1;display:flex;flex-direction:column;align-items:start}.pro-work h3{font-size:1.1rem;margin:5px 0 8px;letter-spacing:-.02em}.pro-work p{font-size:.83rem;color:var(--pro-muted);margin:0 0 16px}.pro-work small{font-size:.62rem;letter-spacing:.1em;font-weight:800;color:var(--pro-accent)}.pro-work b{font-size:.8rem;margin-top:auto;color:var(--pro-accent)}.pro-work:hover{border-color:var(--pro-accent)}
.pro-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:20px;font-size:.84rem;color:var(--pro-muted)}.pro-links a{text-underline-offset:4px}.pro-process{counter-reset:step;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0;margin:0}.pro-process li{counter-increment:step;border-top:1px solid var(--pro-line);padding:18px 0;font-size:.85rem;color:var(--pro-muted)}.pro-process li:before{content:'0' counter(step);display:block;font-size:.75rem;font-weight:800;letter-spacing:.1em;color:var(--pro-accent);margin-bottom:12px}.pro-process b{display:block;font-size:.99rem;color:var(--pro-ink);margin-bottom:6px}
.pro-contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;padding:32px;border:1px solid var(--pro-line);border-radius:22px;background:var(--pro-panel)}.pro-contact p{font-size:.9rem;color:var(--pro-muted)}.pro-mail{overflow-wrap:anywhere;text-underline-offset:4px;font-weight:700;font-size:.9rem}.pro-form{display:grid;gap:16px;min-width:0}.pro-form label{display:grid;gap:7px;font-size:.8rem;font-weight:700}.pro-form input,.pro-form select,.pro-form textarea{min-height:48px;width:100%;min-width:0;border:1px solid var(--pro-line);border-radius:9px;padding:12px;background:var(--pro-bg);color:var(--pro-ink);font-size:16px}.pro-form textarea{min-height:120px;resize:vertical}.pro-form input::placeholder,.pro-form textarea::placeholder{color:var(--pro-muted);opacity:.85}.pro-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pro-form .pro-fine{font-size:.75rem;line-height:1.6;color:var(--pro-muted);margin:0}.pro-result{border-top:1px solid var(--pro-line);padding-top:16px}.pro-result pre{font:inherit;font-size:.83rem;white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;overflow:auto;padding:14px;border:1px solid var(--pro-line);border-radius:9px}.pro-result .pro-status{font-size:.8rem;min-height:1.5em;margin:12px 0 0;color:var(--pro-muted)}
.pro-faq{border-top:1px solid var(--pro-line);padding:18px 0}.pro-faq:last-child{border-bottom:1px solid var(--pro-line)}.pro-faq summary{cursor:pointer;font-weight:700;font-size:.93rem;min-height:28px}.pro-faq p{max-width:800px;color:var(--pro-muted);font-size:.88rem;margin:12px 0 0}.pro-footer{max-width:1160px;margin:0 auto;padding:26px 24px 32px;border-top:1px solid var(--pro-line);font-size:.76rem;color:var(--pro-muted);display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.pro-footer p{margin:0;max-width:700px}.pro-footer a{text-underline-offset:4px}.pro-footer nav{display:flex;gap:16px;flex-wrap:wrap}
.pro-foot{--pro-bg:#f5f6fb;--pro-panel:#fff;--pro-ink:#101b37;--pro-muted:#4e5d79;--pro-accent:#1d3fb8;--pro-line:#12234b26;color-scheme:light}.pro-foot .pro-button{background:#f4cf55;border-color:#e0ba40}.pro-foot .pro-kicker,.pro-foot .pro-number,.pro-foot .pro-price{color:#1d3fb8}.pro-foot .pro-brand small{color:var(--pro-muted)}.pro-foot .pro-brand .pro-wordmark{font:italic 900 1.5rem/1.1 system-ui,sans-serif;letter-spacing:-.055em}.pro-foot .pro-header{top:50px;z-index:65}.pro-foot .pro-hero{padding-top:50px}.pro-foot .pro-card.featured{background:#eef2ff;border-color:#1d3fb8}.pro-foot .pro-visual{transform:rotate(-1deg)}
@media(max-width:900px){.pro-hero{gap:28px}.pro-grid{gap:12px}.pro-card{padding:20px}.pro-header-in{align-items:start}.pro-nav{gap:5px 16px;justify-content:end}.pro-contact{gap:24px;padding:24px}}
@media(max-width:700px){.pro-header-in{padding:12px 18px;flex-wrap:wrap;gap:10px}.pro-brand img{width:38px;height:38px}.pro-wordmark{font-size:1.5rem}.pro-nav{width:100%;justify-content:space-between;gap:6px}.pro-nav a{font-size:.72rem;min-height:36px}.pro-page main{padding:0 18px 36px}.pro-hero{grid-template-columns:1fr;padding:32px 0 26px;gap:26px}.pro-hero h1{font-size:2.55rem;max-width:600px}.pro-lead{font-size:.95rem}.pro-visual{max-width:500px;margin:0 4px}.pro-visual img{aspect-ratio:2/1}.pro-visual figcaption{font-size:.73rem;padding:12px 15px}.pro-facts{gap:8px 16px;font-size:.73rem}.pro-grid,.pro-process{grid-template-columns:1fr}.pro-card{padding:24px}.pro-section{padding-top:36px}.pro-section-head{display:block}.pro-section-head .pro-button{margin-top:10px}.pro-contact{grid-template-columns:1fr;padding:22px;gap:20px}.pro-work>img{aspect-ratio:2/1}.pro-process{gap:0}.pro-process li{padding:16px 0}.pro-footer{padding:22px 18px 26px}.pro-foot .pro-header{top:50px}}
@media(max-width:360px){.pro-hero h1{font-size:2.15rem}.pro-form-row{grid-template-columns:1fr}.pro-contact{padding:17px}.pro-actions .pro-button{width:100%}.pro-nav a{font-size:.67rem}.pro-brand .pro-wordmark{font-size:1.3rem}}
.pro-page:has(.vmbar) .pro-header{top:50px}
.pro-work>img{height:auto}
.pro-page button.pro-button{font:800 .88rem/1.5 system-ui,sans-serif}
/* Sur les pages commerciales, garder le parcours de contact dégagé. */
.pro-page .vmfab,.pro-page .vminst{display:none!important}
html:has(.pro-page){scroll-padding-top:135px}.pro-section{scroll-margin-top:12px}
html:has(.pro-page .vmbar){scroll-padding-top:185px}
@media(max-width:700px){.pro-nav a{min-height:44px}}
@media(prefers-reduced-motion:reduce){html:has(.pro-page){scroll-behavior:auto}}