
:root{--ink:#141424;--navy:#172f54;--blue:#0968df;--blue-bright:#107afe;--blue2:#0757bc;--soft:#f0f4fa;--text:#141424;--muted:#49596b;--border:#dce6f6;--white:#fdfeff;--shadow:0 16px 45px rgba(43,73,115,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--white);color:var(--text);font-family:"Segoe UI",Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.14;letter-spacing:-.035em}h1{font-weight:650}h2{font-weight:650}h3{font-weight:650;letter-spacing:-.02em}p{margin-bottom:20px}.container{width:min(1180px,calc(100% - 64px));margin:auto}.site-header{position:sticky;top:0;z-index:100;background:rgba(253,254,255,.96);border-bottom:1px solid #e7edf6;backdrop-filter:blur(14px)}.header-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;flex-shrink:0}.brand img{width:70px;height:58px;object-fit:contain}.brand span{display:flex;flex-direction:column}.brand strong{font-size:15px}.brand small{color:var(--muted);font-size:11px}.main-nav{display:flex;align-items:center;gap:25px}.main-nav a{text-decoration:none;font-size:14px;font-weight:600}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--blue)}.main-nav .nav-button{background:var(--blue);color:#fff;padding:12px 19px;border-radius:10px}.main-nav .nav-button:hover{background:var(--blue2);color:#fff}.menu-button{display:none;padding:12px;border:1px solid var(--border);border-radius:10px;background:white}.menu-button span{display:block;width:23px;height:2px;background:var(--ink);margin:4px 0}
.hero{padding:78px 0 68px;background:linear-gradient(180deg,#fdfeff,#f6f9ff)}.hero-grid{display:grid;grid-template-columns:1.16fr .84fr;gap:72px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-bottom:20px}.eyebrow:before{content:"";height:7px;width:7px;border-radius:50%;background:currentColor;flex-shrink:0}.hero h1,.page-hero h1{font-size:clamp(38px,4.4vw,64px);line-height:1.08;letter-spacing:-.052em;margin-bottom:26px}.hero h1 em{font-style:normal;color:var(--blue)}.lead{font-size:17px;color:var(--muted);max-width:690px;line-height:1.75}.hero-benefits{padding:0;margin:25px 0;list-style:none;color:#344355;font-size:15px}.hero-benefits li{display:flex;gap:12px;align-items:flex-start;margin:12px 0}.hero-benefits li:before{content:"✓";display:grid;place-items:center;border-radius:50%;width:22px;height:22px;flex-shrink:0;background:#e3edfe;color:var(--blue);font-size:13px;font-weight:800}.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:49px;border:1px solid transparent;border-radius:10px;padding:12px 20px;font-weight:600;text-decoration:none;font-size:14px;cursor:pointer;transition:background .2s,transform .2s}.primary{background:var(--blue);color:white;box-shadow:0 4px 9px #0968df14}.primary:hover{background:var(--blue2);transform:translateY(-2px)}.secondary{background:white;border-color:var(--border);color:var(--ink)}.secondary:hover{background:#edf3fd}.hero-note{font-size:12px;color:var(--muted);margin:21px 0 0}.hero-visual{position:relative;padding:36px 22px 25px;border-radius:30px;background:#e7effb;min-height:443px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.hero-visual:before,.hero-visual:after{content:"";position:absolute;width:280px;height:280px;border:1px solid #cbdcf4;border-radius:50%;right:-115px;top:-75px}.hero-visual:after{width:360px;height:360px;right:-155px;top:-115px}.identity-sheet{position:relative;z-index:1;background:white;border:1px solid #dce6f6;border-radius:18px;padding:32px;text-align:center;box-shadow:0 22px 40px #203f7020;transform:rotate(-3deg);margin:5px 20px 25px}.identity-sheet img{width:180px;height:122px;object-fit:contain;margin:0 auto 20px}.identity-sheet h2{font-size:24px;margin-bottom:9px}.identity-sheet p{font-size:13px;color:var(--muted);margin:0}.identity-rule{height:1px;background:#e2eafa;margin:23px 0}.identity-tags{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.identity-tags span{background:#f0f4fa;padding:5px 9px;border-radius:6px;font-size:11px;color:#49596b}.experience-badge{position:relative;z-index:2;display:flex;align-items:center;gap:14px;background:var(--blue);color:white;padding:17px 22px;border-radius:13px;margin:0 8px 0 45px;box-shadow:0 10px 20px #0968df20}.experience-badge strong{font-size:31px;line-height:1}.experience-badge span{font-size:12px;line-height:1.5}.trust-strip{padding:27px 0;border-bottom:1px solid var(--border);background:white}.trust-inner{display:flex;justify-content:space-between;gap:24px;align-items:center;color:var(--muted);font-size:13px}.trust-inner span{display:flex;gap:9px;align-items:center}.trust-inner b{color:var(--blue);font-size:17px}
.section{padding:90px 0}.soft{background:var(--soft)}.section h2{font-size:clamp(30px,3.2vw,44px);margin-bottom:22px}.section-heading{max-width:720px;margin:0 auto 42px;text-align:center}.section-heading p{color:var(--muted)}.section-heading .eyebrow{color:var(--blue);margin-bottom:15px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:white;border:1px solid #dfe7f3;border-radius:18px;padding:30px;box-shadow:0 4px 12px #22375d03;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card>span{display:inline-block;color:var(--blue);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:20px}.card h3{font-size:21px;margin-bottom:15px}.card p{font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:0}.service-icon{display:grid;place-items:center;width:49px;height:49px;background:#edf4ff;color:var(--blue);border:1px solid #e0ebfc;border-radius:12px;margin-bottom:24px}.service-icon svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.service-link{display:inline-flex;gap:10px;margin-top:23px;color:var(--blue);text-decoration:none;font-size:13px;font-weight:650}.two-columns{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;align-items:start}.text-muted{color:var(--muted)}.text-muted strong{color:var(--ink)}#presentation{background:#fff}#presentation .two-columns>div:first-child{padding:30px;border-radius:20px;background:#f0f4fa;border:1px solid #e3eaf4}#presentation h2{font-size:38px}#presentation .text-muted{padding:10px 0}.steps{list-style:none;margin:0;padding:0}.steps li{display:grid;grid-template-columns:44px 1fr;gap:20px;padding:0 0 28px;position:relative}.steps li:not(:last-child):before{content:"";position:absolute;left:21px;top:48px;bottom:6px;width:1px;background:#d2e2f8}.steps b{display:grid;place-items:center;width:44px;height:44px;background:#e6effd;border:1px solid #d5e5fb;color:var(--blue);border-radius:12px;font-size:15px}.steps h3{font-size:19px;margin:8px 0 10px}.steps p{color:var(--muted);font-size:14px;margin:0}.product{display:flex;flex-direction:column}.product>span{align-self:flex-start;padding:5px 10px;background:#eff5ff;border-radius:6px}.product p{margin-bottom:23px}.product strong{font-size:30px;letter-spacing:-.03em;color:var(--ink);margin-top:auto;padding-top:20px;border-top:1px solid #e6ecf5}.product .button{margin-top:21px}.center{text-align:center;margin:30px 0 0}.price-box{display:grid;grid-template-columns:1fr auto;gap:55px;align-items:center;border-radius:23px;padding:48px 55px;background:#eaf2ff;border:1px solid #d8e7fc}.price-box h2{max-width:650px}.price-box p{color:var(--muted)}.price-box .eyebrow{color:var(--blue)}.price{background:white;border:1px solid #d8e7fc;border-radius:16px;padding:30px;min-width:230px;text-align:center}.price small{display:block;color:var(--muted);font-size:13px}.price strong{display:block;font-size:34px;letter-spacing:-.04em;color:var(--blue);margin-top:8px}#contact{padding-top:30px}.contact-list{display:grid;gap:12px}.contact-list a,.contact-list>div{padding:18px 22px;border:1px solid var(--border);border-radius:12px;text-decoration:none;background:#f7faff;overflow-wrap:anywhere}.contact-list a:hover{border-color:var(--blue)}.contact-list small,.contact-list strong{display:block}.contact-list small{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}.contact-list strong{font-size:17px;font-weight:600}.page-hero{padding:70px 0 55px;background:var(--soft);text-align:center}.page-hero h1{font-size:clamp(36px,4vw,54px);max-width:900px;margin:0 auto 22px}.page-hero .lead{margin:0 auto}.order-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:start}.summary,.form-box,.hero-card{background:white;border:1px solid var(--border);border-radius:20px;padding:32px;box-shadow:var(--shadow)}.summary h2{font-size:29px}.summary p,.summary li{color:var(--muted);font-size:14px}.summary ul{padding-left:20px}.big-price{display:block;font-size:32px;color:var(--blue);margin-top:22px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:14px;font-weight:600;margin-bottom:18px}input,textarea,select{width:100%;margin-top:8px;padding:12px 14px;background:#fcfdff;border:1px solid #ccd9e9;border-radius:9px;color:var(--ink)}textarea{min-height:140px;resize:vertical}.message{padding:16px;border-radius:10px;margin-bottom:18px}.success{background:#e8f7ef;color:#16653e}.error{background:#fff0f0;color:#a22929}.honeypot{position:absolute;left:-9999px}.form-note{font-size:12px;color:var(--muted);margin-top:18px}.notice{padding:18px;background:var(--soft);border-radius:10px;border-left:3px solid var(--blue)}.site-footer{padding:35px 0;background:#f0f4fa;border-top:1px solid var(--border)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand img{width:64px}.footer-brand strong{font-size:14px}.footer-brand span{display:block;color:var(--muted);font-size:12px}.site-footer p{font-size:12px;color:var(--muted);margin:0}.about-hero h1{font-size:clamp(36px,4vw,55px)}.about-identity{background:#eaf2ff}.about-identity img{width:170px;height:120px;object-fit:contain;margin-bottom:25px}.about-identity h2{font-size:26px}.about-promise{padding-top:20px;border-top:1px solid #cfddf0;font-size:19px;color:var(--navy)}.about-list{padding-left:20px;color:var(--muted)}.about-list li{padding:7px 0}.about-list li::marker{color:var(--blue)}.about-trust h2{font-size:30px}.about-contact{max-width:850px;text-align:center}.about-contact .actions{justify-content:center}:focus-visible{outline:3px solid #0968df;outline-offset:4px}.skip-link{position:fixed;left:15px;top:-100px;background:white;color:var(--blue);padding:12px;z-index:999}.skip-link:focus{top:12px}
@media(max-width:1100px){.brand span{display:none}.main-nav{gap:20px}.hero-grid{gap:35px}.hero h1{font-size:50px}.two-columns{gap:45px}}
@media(max-width:850px){.container{width:calc(100% - 40px)}.header-inner{min-height:78px}.menu-button{display:block}.main-nav{position:absolute;top:78px;left:20px;right:20px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px;background:white;border:1px solid var(--border);border-radius:13px;box-shadow:var(--shadow)}.main-nav.is-open{display:flex}.main-nav a{padding:12px}.brand span{display:flex}.hero-grid{grid-template-columns:1fr 1fr;gap:26px}.hero h1{font-size:40px}.hero-visual{padding:20px 10px;min-height:380px}.identity-sheet{margin:0 10px 20px;padding:25px 15px}.identity-sheet h2{font-size:22px}.experience-badge{margin-left:20px;padding:15px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.two-columns,.order-grid{grid-template-columns:1fr;gap:30px}.trust-inner{flex-wrap:wrap;justify-content:center}.price-box{padding:35px;gap:30px}.price{min-width:200px}.footer-inner{align-items:flex-start}}
@media(max-width:600px){html{scroll-padding-top:95px}.container{width:calc(100% - 36px)}.brand img{width:56px;height:47px}.brand strong{font-size:13px}.brand small{font-size:10px}.hero{padding:40px 0}.hero-grid{grid-template-columns:1fr;gap:35px}.hero h1{font-size:42px;line-height:1.1}.lead{font-size:16px}.eyebrow{font-size:10px;letter-spacing:.05em}.hero-visual{min-height:0;max-width:420px;width:100%;margin:auto;padding:25px 20px}.identity-sheet{padding:23px;margin:0 10px 20px}.identity-sheet img{width:145px;height:100px;margin-bottom:15px}.experience-badge{margin:0 10px 0 35px}.trust-strip{padding:23px 0}.trust-inner{align-items:flex-start;flex-direction:column;gap:12px;font-size:12px}.section{padding:58px 0}.section h2,#presentation h2{font-size:32px}.section-heading{text-align:left;margin-bottom:30px}.cards{grid-template-columns:1fr}.card{padding:27px}.card h3{font-size:22px}.card p{font-size:15px}.price-box{grid-template-columns:1fr;padding:29px}.price{padding:22px}.form-row{grid-template-columns:1fr;gap:0}.form-box,.summary{padding:23px}.footer-inner{flex-direction:column;gap:22px}.page-hero{padding:45px 0}.page-hero h1{font-size:36px}.actions{gap:10px}.button{padding:12px 16px}.about-contact{text-align:left}.about-contact .actions{justify-content:flex-start}#contact{padding-top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Formulaire de contact */
.contact-form{min-width:0;margin-top:8px;overflow-wrap:anywhere}.contact-form h3{font-size:24px;margin-bottom:12px}.contact-form>p,.contact-privacy{font-size:13px;color:var(--muted)}.contact-form fieldset{border:0;padding:0;margin:0;min-width:0}.contact-form label{display:block;margin-bottom:18px;font-size:14px;font-weight:600}.contact-form .form-row{min-width:0;gap:16px}.contact-form input,.contact-form textarea{box-sizing:border-box;min-width:0}.contact-form .contact-privacy{font-weight:400;margin-bottom:20px}.contact-form .message{font-size:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.contact-email{cursor:text}.contact-form button:disabled,.contact-form fieldset:disabled{opacity:.65}.contact-form :focus-visible{outline:3px solid var(--blue);outline-offset:3px}@media(max-width:600px){.contact-form .form-row{grid-template-columns:1fr;gap:0}.contact-form .button{width:100%}}

/* Keep the active contact navigation button readable. */
.main-nav .nav-button[aria-current="page"]{color:#fff;background:var(--blue)}
.main-nav .nav-button[aria-current="page"]:hover{color:#fff;background:var(--blue2)}
