/* TRACKMARK — parcours professionnels : sobre, informatif, avec la charte existante. */
.professional-page{background:#f6f4ef;color:#141717}
.professional-page .site-header,.professional-page .mobile-nav{color:#f8f6f1}
.professional-page main{overflow:hidden}
.professional-page section{scroll-margin-top:90px}
.pro-kicker{color:#bd6e18;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin:0 0 24px}
.professional-hero{display:grid;grid-template-columns:57% 43%;background:#f6f4ef;min-height:660px}
.professional-hero-copy{padding:clamp(80px,8vw,130px) clamp(35px,7.5vw,130px);display:flex;flex-direction:column;justify-content:center}
.professional-hero h1{font-size:clamp(45px,5.2vw,82px);font-weight:800;letter-spacing:-.065em;line-height:1.03;max-width:840px;margin:0 0 34px}
.professional-hero h1 em{color:#c57621;font-style:normal}
.pro-lead{font-size:clamp(18px,1.55vw,23px);line-height:1.45;max-width:650px;color:#343b39;font-weight:600;margin-bottom:18px}
.pro-sublead{color:#6c7370;font-size:15px;max-width:580px;margin-bottom:32px}
.professional-hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.pro-text-link{border-bottom:1px solid #646e67;padding-bottom:4px;font-size:13px;font-weight:800}
.pro-text-link:hover{color:#b86b18}
.professional-reference{background:radial-gradient(circle at 80% 20%,#30322b 0%,#191d1d 35%,#0c0f10 90%);color:#f2f0ec;padding:clamp(60px,6vw,110px) clamp(28px,4vw,80px);display:flex;flex-direction:column;justify-content:space-between;border-left:1px solid #343b3a}
.reference-top{display:flex;justify-content:space-between;gap:15px;color:#bdc4c0;letter-spacing:.16em;font-size:10px;font-weight:800}
.reference-number{margin:70px 0 60px;padding:35px 0;border-top:1px solid #3e4541;border-bottom:1px solid #3e4541}
.reference-number small{display:block;color:#c38950;font-size:10px;font-weight:800;letter-spacing:.16em;margin-bottom:11px}
.reference-number strong{display:block;font-size:clamp(27px,3vw,46px);font-family:Montserrat,Arial,sans-serif;letter-spacing:-.035em;white-space:nowrap;color:#fff}
.reference-path{display:grid;gap:18px}
.reference-path>div{display:grid;grid-template-columns:35px 1fr;align-items:start;column-gap:11px}
.reference-path>div>span{grid-row:span 2;color:#ed8a21;font-size:12px;font-weight:900;padding-top:4px}
.reference-path strong{display:block;font-size:17px}
.reference-path small{display:block;font-size:12px;color:#a4aaa8;margin-top:2px}
.professional-reference>p{font-size:11px;color:#aab1ae;line-height:1.6;margin:45px 0 0;max-width:450px}
.professional-intro{display:grid;grid-template-columns:28% 1fr;gap:35px;padding:110px clamp(35px,8vw,145px);background:#fff}
.pro-side-label{color:#bd6e18;font-size:11px;font-weight:800;letter-spacing:.18em;margin-top:14px}
.pro-intro-main{max-width:880px}
.pro-intro-main h2,.use-heading h2,.contact-copy h2{font-size:clamp(39px,4.65vw,72px);font-weight:800;letter-spacing:-.065em;line-height:1.08;margin:0 0 30px}
.pro-intro-main>p:not(.pro-kicker){color:#555e5a;font-size:17px;max-width:760px}
.professional-steps{background:#efede7;display:grid;grid-template-columns:repeat(3,1fr);padding:0 clamp(35px,7vw,130px);border-top:1px solid #dddcd5;border-bottom:1px solid #d6d6d1}
.professional-steps article{border-left:1px solid #d6d6d1;padding:56px clamp(20px,3vw,55px) 66px}
.professional-steps article:last-child{border-right:1px solid #d6d6d1}
.step-index{color:#c07625;font-size:13px;font-weight:900;letter-spacing:.11em}
.professional-steps h3{font-size:25px;letter-spacing:-.03em;margin:35px 0 18px}
.professional-steps p{color:#606966;margin:0;font-size:15px;max-width:360px}
.professional-use{background:#0d1010;color:#f8f6f2;padding:110px clamp(35px,8vw,145px)}
.use-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:53px}
.use-heading .pro-kicker{align-self:start;padding-top:18px;color:#e18c37}
.use-heading h2{max-width:800px;margin:0}
.use-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.use-grid article{border:1px solid #3e4442;padding:43px 40px 48px;background:#171b1b;display:flex;flex-direction:column}
.use-symbol{font-size:39px;line-height:1;color:#ed8a21}
.use-grid h3{font-size:24px;letter-spacing:-.025em;margin:33px 0 13px}
.use-grid p{color:#acb3af;font-size:15px;max-width:470px;margin:0 0 31px}
.use-grid a{color:#ffae59;font-weight:800;font-size:13px;margin-top:auto;align-self:flex-start;border-bottom:1px solid #c58c51;padding-bottom:4px}
.use-grid a:hover{color:#fff}
.technical-note{margin:30px 0 0;padding:24px 0 0;border-top:1px solid #3e4543;color:#a6aeaa;font-size:13px;max-width:950px}
.technical-note strong{color:#e5e5df}
.professional-contact{display:grid;grid-template-columns:39% 61%;gap:35px;padding:110px clamp(35px,8vw,145px);background:#f5f3ee}
.contact-copy h2{margin-bottom:26px}
.contact-copy>p:not(.pro-kicker){font-size:16px;color:#5a635e;max-width:430px}
.contact-owner{padding-top:28px;border-top:1px solid #d3d6ce;margin-top:43px;font-size:13px!important}
.contact-form-wrap{background:#fff;border:1px solid #d8ddd7;padding:clamp(26px,4vw,60px);max-width:790px;width:100%}
.professional-form{display:flex;flex-direction:column;gap:0}
.professional-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.professional-form label:not(.pro-consent){display:block;font-size:12px;font-weight:800;margin:0 0 7px;color:#333b36}
.professional-form label span{color:#b76a17}
.professional-form input:not([type=checkbox]),.professional-form select,.professional-form textarea{display:block;width:100%;min-height:48px;padding:12px 13px;background:#fafaf8;color:#1a2220;border:1px solid #bcc5bf;border-radius:2px;margin:0 0 18px;outline-offset:3px;font:inherit;font-size:14px}
.professional-form select{appearance:auto}
.professional-form textarea{resize:vertical;min-height:140px}
.professional-form input:focus,.professional-form textarea:focus,.professional-form select:focus{outline:2px solid #d6882b;border-color:#a8621d}
.pro-data-info{font-size:12px;color:#59645e;line-height:1.5;margin:0 0 16px}
.pro-data-info a{text-decoration:underline;text-decoration-color:#ca7c27;font-weight:700}
.pro-consent{display:flex;align-items:start;gap:12px;margin-bottom:22px;color:#333b37;font-size:13px;cursor:pointer}
.pro-consent input{flex:none;width:18px;height:18px;accent-color:#df8627;margin-top:2px}
.pro-consent span{color:#353d38}
.pro-consent strong{color:#a85e11}
.professional-form button{width:100%}
.pro-required{display:block;font-size:11px;color:#7a827d;margin-top:15px}
.pro-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
.pro-success,.pro-error{padding:18px 20px;margin:0 0 25px;border:1px solid #9fbfaa;background:#e8f4ea;color:#224f31}
.pro-error{background:#ffece5;border-color:#e7b4a1;color:#8e301b}
.pro-success p{margin:7px 0 0;font-size:13px}
.professional-page .footer{color:#f8f6f1}
@media(max-width:1120px){.professional-hero{grid-template-columns:55% 45%}.professional-hero-copy{padding-left:7%;padding-right:7%}.professional-reference{padding:70px 35px}.reference-number strong{font-size:28px}.professional-contact{grid-template-columns:36% 64%;padding-left:6%;padding-right:6%;gap:23px}}
@media(max-width:850px){.professional-hero{grid-template-columns:1fr}.professional-hero-copy{padding:80px 7%}.professional-reference{padding:58px 7%}.reference-number{margin:37px 0}.professional-intro{grid-template-columns:1fr;gap:30px;padding:85px 7%}.professional-steps{padding:0 5%}.professional-steps article{padding:38px 22px}.professional-use{padding:80px 7%}.professional-contact{grid-template-columns:1fr;padding:80px 7%;gap:20px}.contact-copy h2{max-width:650px}.contact-form-wrap{max-width:none}.use-heading{display:block}}
@media(max-width:650px){.professional-hero-copy{padding:66px 7%}.professional-hero h1{font-size:46px}.pro-lead{font-size:18px}.professional-hero-actions{gap:22px}.professional-reference{padding:45px 7%}.reference-number strong{font-size:clamp(25px,7vw,36px)}.professional-intro{padding:72px 7%}.pro-intro-main h2,.use-heading h2,.contact-copy h2{font-size:41px}.pro-intro-main>p:not(.pro-kicker){font-size:15px}.professional-steps{display:block;padding:0 7%}.professional-steps article,.professional-steps article:last-child{border-right:0;border-left:0;border-bottom:1px solid #d6d6d1;padding:36px 0}.professional-steps h3{margin:15px 0}.professional-use{padding:70px 7%}.use-grid{grid-template-columns:1fr}.use-grid article{padding:30px 25px}.professional-contact{padding:70px 7%}.contact-form-wrap{padding:25px 20px}.professional-form .form-grid{grid-template-columns:1fr;gap:0}}

/* V0.14 : contact direct, y compris sur petits écrans. */
.contact-copy a{overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:4px}