:root{--navy:#0b1f2f;--navy-2:#132f43;--cream:#f6f1e8;--paper:#fffdf8;--terra:#c96f4a;--terra-dark:#a95133;--ink:#17232b;--muted:#61707a;--line:#d9d8d1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,"Helvetica Neue",sans-serif}a{color:inherit;text-decoration:none}.site-header{height:84px;padding:0 clamp(20px,5vw,74px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;background:rgba(255,253,248,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(11,31,47,.08)}.brand{display:flex;align-items:center;gap:12px;font-weight:800;line-height:1.1}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--navy);color:white;font:700 13px Arial,"Helvetica Neue",sans-serif;letter-spacing:.08em}.brand small{display:block;margin-top:5px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.site-header nav{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:600}.site-header nav a:hover{color:var(--terra)}.nav-cta{background:var(--navy);color:white!important;padding:11px 17px;border-radius:4px}.menu-toggle{display:none}.hero{min-height:calc(100vh - 84px);position:relative;display:flex;align-items:center;color:white;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,16,25,.96) 0%,rgba(4,16,25,.8) 42%,rgba(4,16,25,.15) 75%)}.hero-content{position:relative;width:min(760px,90%);margin-left:clamp(20px,8vw,130px);padding:70px 0}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800;color:#e39a78;margin:0 0 18px}.eyebrow.dark{color:var(--terra-dark)}h1,h2,h3{font-family:Arial,"Helvetica Neue",sans-serif;line-height:1.13;margin-top:0}h1{font-size:clamp(42px,5.5vw,76px);letter-spacing:-.045em;margin-bottom:28px}h1 span{color:#f1ac8b}h2{font-size:clamp(34px,4vw,56px);letter-spacing:-.035em;margin-bottom:22px}.hero-lead{font-size:clamp(17px,1.5vw,21px);max-width:650px;color:#e4e9ec}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:34px 0 44px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:0 23px;border-radius:4px;font-weight:800;font-size:14px;transition:.2s}.primary{background:var(--terra);color:white}.primary:hover{background:var(--terra-dark);transform:translateY(-2px)}.ghost{border:1px solid rgba(255,255,255,.55);color:white}.light{background:white;color:var(--navy)}.outline{border:1px solid var(--navy);color:var(--navy)}.hero-proof{display:flex;align-items:center;gap:20px;border-left:3px solid var(--terra);padding-left:18px}.hero-proof span{color:#bac6ce;font-size:13px}.section{padding:110px clamp(20px,8vw,130px)}.intro{display:grid;grid-template-columns:1fr 1fr;gap:30px 80px}.section-heading{max-width:680px}.intro-copy{padding-top:42px;font-size:18px;color:var(--muted)}.text-link{display:inline-block;margin-top:12px;color:var(--terra-dark);font-weight:800}.solution-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.solution-grid article{position:relative;padding:38px 34px;background:var(--cream);border-top:4px solid transparent}.solution-grid .featured{background:var(--navy);color:white;border-color:var(--terra)}.number{display:block;color:var(--terra);font:700 13px Arial,"Helvetica Neue",sans-serif;margin-bottom:45px}.tag{position:absolute;top:27px;right:28px;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.solution-grid h3{font-size:24px}.solution-grid p,.solution-grid li{color:var(--muted)}.solution-grid .featured p,.solution-grid .featured li{color:#c6d0d6}.solution-grid ul{padding:0;list-style:none;margin-top:24px}.solution-grid li{padding:7px 0;border-top:1px solid rgba(99,112,122,.2)}.offers{background:var(--navy);color:white}.centered{text-align:center;margin:0 auto}.centered>p:last-child{color:#bbc7ce}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;gap:18px;margin-top:55px}.price-grid article{background:white;color:var(--ink);padding:36px 30px;display:flex;flex-direction:column}.price-grid .best{background:var(--cream);transform:translateY(-12px);box-shadow:0 18px 50px rgba(0,0,0,.25)}.plan{text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:800}.price{font:700 clamp(35px,4vw,52px) Arial,"Helvetica Neue",sans-serif;margin-top:13px}.subprice{margin:-2px 0 25px;color:var(--muted)}.price-grid article>p:nth-of-type(3){min-height:78px;color:var(--muted)}.badge{color:var(--terra-dark);font-size:11px;font-weight:800}.pilot{text-align:center;color:#c9d3d9;margin:34px 0 0}.case{background:var(--cream)}.case-card{display:grid;grid-template-columns:1.3fr .7fr;background:var(--navy);color:white}.case-card>div{padding:clamp(36px,6vw,80px)}.case-card>div:first-child{border-right:1px solid rgba(255,255,255,.16)}.case-card p{color:#c7d0d6}.case-facts{display:flex;gap:28px;margin:38px 0}.case-facts span{font-size:13px;color:#b9c4ca}.case-facts strong{display:block;color:white;font-size:16px}.case-quote{display:flex;flex-direction:column;justify-content:center;background:var(--terra)}.case-quote p{color:white;font:600 clamp(23px,2vw,31px)/1.45 Arial,"Helvetica Neue",sans-serif}.steps{padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);margin-top:52px;border-top:1px solid var(--line)}.steps li{padding:35px 25px 0 0}.steps li+li{padding-left:25px;border-left:1px solid var(--line)}.steps>li>span{display:grid;place-items:center;width:36px;height:36px;background:var(--terra);color:white;border-radius:50%;font-weight:800;margin-bottom:25px}.steps h3{font-size:18px}.steps p{color:var(--muted)}.about{padding-top:20px}.about-card{background:var(--navy);color:white;padding:clamp(40px,7vw,90px);max-width:1100px;margin:auto}.about-card p:not(.eyebrow):not(.signature){font-size:20px;color:#c5d0d7;max-width:760px}.signature{font:600 28px Arial,"Helvetica Neue",sans-serif;color:#f2a17d;margin-top:35px}.other{background:var(--cream)}.other-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}.other-grid article{background:white;padding:32px;min-height:260px;display:flex;flex-direction:column}.other-grid article>p{font-size:11px;color:var(--terra-dark);font-weight:800;text-transform:uppercase;letter-spacing:.12em}.other-grid h3{font-size:27px}.other-grid span{color:var(--muted)}.other-grid a{margin-top:auto;padding-top:24px;font-weight:800;color:var(--terra-dark)}.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:21px 0}summary{cursor:pointer;font-weight:800;font-size:18px;list-style:none}summary:after{content:'+';float:right;color:var(--terra);font-size:24px}details[open] summary:after{content:'–'}details p{color:var(--muted);max-width:700px}.contact{background:var(--terra);color:white;display:flex;align-items:end;justify-content:space-between;gap:40px}.contact h2{max-width:820px}.contact p{max-width:680px}.contact .eyebrow{color:#562716}.contact-actions{display:flex;flex-direction:column;gap:10px;min-width:230px}.contact .ghost{text-align:center}footer{background:#071722;color:#c5d0d7;padding:45px clamp(20px,8vw,130px);display:grid;grid-template-columns:1fr 1fr auto;gap:30px;font-size:13px}footer div{display:flex;flex-direction:column}footer strong{color:white;font-size:17px}
@media(max-width:980px){.site-header nav{display:none;position:absolute;top:84px;left:0;right:0;background:var(--paper);padding:25px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.menu-toggle{display:block;border:1px solid var(--navy);background:none;padding:9px 13px;border-radius:4px;font-weight:800}.solution-grid,.price-grid,.other-grid{grid-template-columns:1fr}.price-grid .best{transform:none}.case-card{grid-template-columns:1fr}.case-card>div:first-child{border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}.steps{grid-template-columns:1fr 1fr}.faq{grid-template-columns:1fr}.contact{align-items:flex-start;flex-direction:column}.contact-actions{flex-direction:row}footer{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.site-header{height:72px}.site-header nav{top:72px}.brand small{display:none}.hero{min-height:720px}.hero-content{margin-left:20px}.hero-overlay{background:linear-gradient(90deg,rgba(4,16,25,.95),rgba(4,16,25,.55))}.hero-proof{flex-direction:column;align-items:flex-start;gap:2px}.section{padding:78px 20px}.intro{grid-template-columns:1fr}.intro-copy{padding-top:0}.solution-grid{margin-top:15px}.case-facts{flex-direction:column;gap:12px}.steps{grid-template-columns:1fr}.steps li+li{padding-left:0;border-left:0}.contact-actions{width:100%;flex-direction:column}footer{grid-template-columns:1fr}.price-grid article>p:nth-of-type(3){min-height:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Repères de confiance et étude de cas détaillée */
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--navy);color:white;padding:0 clamp(20px,8vw,130px)}
.trust-strip>div{padding:27px 28px;border-left:1px solid rgba(255,255,255,.14)}
.trust-strip>div:last-child{border-right:1px solid rgba(255,255,255,.14)}
.trust-strip strong,.trust-strip span{display:block}
.trust-strip strong{font:700 17px Montserrat;margin-bottom:4px}
.trust-strip span{color:#aebdc6;font-size:12px}
.case-heading{margin-bottom:48px}
.case-heading>p:last-child{font-size:18px;color:var(--muted);max-width:760px}
.case-actions{display:flex;flex-wrap:wrap;gap:12px}
.case-results{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.case-results article{background:white;padding:30px}
.case-results span{color:var(--terra-dark);font:700 12px Montserrat}
.case-results h3{font-size:19px;margin:18px 0 10px}
.case-results p{color:var(--muted);margin:0}
@media(max-width:980px){.trust-strip{grid-template-columns:1fr 1fr}.trust-strip>div:nth-child(2){border-right:1px solid rgba(255,255,255,.14)}.case-results{grid-template-columns:1fr}}
@media(max-width:680px){.trust-strip{grid-template-columns:1fr}.trust-strip>div,.trust-strip>div:nth-child(2),.trust-strip>div:last-child{border-right:0;border-left:0;border-bottom:1px solid rgba(255,255,255,.14);padding:21px 20px}.case-actions{flex-direction:column}.case-actions .button{width:100%}}

/* Grille tarifaire à quatre offres */
.price-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.price-grid article{padding:36px 34px;border-top:5px solid transparent}
.price-grid .best{transform:none;border-color:var(--terra)}
.price-grid .connected{background:#17384e;color:white;border-color:#f1ac8b}
.price-grid article>p:nth-of-type(3){min-height:54px}
.price-grid ul{list-style:none;padding:0;margin:12px 0 24px}
.price-grid li{padding:8px 0;border-top:1px solid rgba(97,112,122,.22);color:var(--muted)}
.price-grid li:before{content:'✓';color:var(--terra-dark);font-weight:800;margin-right:9px}
.price-grid .connected .subprice,.price-grid .connected>p:nth-of-type(3),.price-grid .connected li,.price-grid .connected .payment{color:#c8d3da}
.price-grid .connected li:before{color:#f1ac8b}
.price-grid .button{margin-top:auto}
.price-grid .badge{min-height:18px}
.price-grid .connected .badge{color:#f1ac8b}
.payment{font-size:13px;font-weight:700;color:var(--terra-dark);margin:0 0 18px}
.pilot{max-width:760px;margin-left:auto;margin-right:auto}
@media(max-width:980px){.price-grid{grid-template-columns:1fr}}

/* Réalisations complémentaires */
.portfolio{background:var(--paper)}
.portfolio .section-heading>p:last-child{font-size:18px;color:var(--muted);max-width:780px}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:48px}
.portfolio-grid article{display:flex;flex-direction:column;padding:42px;background:var(--cream);border-top:4px solid var(--terra)}
.portfolio-grid article:last-child{background:white;border:1px solid var(--line);border-top:4px solid var(--navy)}
.portfolio-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--terra-dark);margin-bottom:22px}
.portfolio-grid h3{font-size:30px;margin-bottom:16px}
.portfolio-grid p,.portfolio-grid li{color:var(--muted)}
.portfolio-grid ul{list-style:none;padding:0;margin:18px 0 30px}
.portfolio-grid li{padding:8px 0;border-top:1px solid rgba(97,112,122,.2)}
.portfolio-grid .text-link{margin-top:auto}
@media(max-width:780px){.portfolio-grid{grid-template-columns:1fr}.portfolio-grid article{padding:32px 26px}}

/* Comparatif des offres site */
.site-comparison{margin-top:48px;background:#102b3d;padding:clamp(28px,4vw,48px);display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;align-items:start}
.comparison-intro h3{font-size:30px;margin-bottom:16px}.comparison-intro>p:last-child{color:#bac7cf}.comparison-table{border-top:1px solid rgba(255,255,255,.2)}
.comparison-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.14);align-items:center}
.comparison-row span{color:#aebdc6;font-size:14px}.comparison-row strong{font-size:14px}.comparison-head span,.comparison-head strong{color:#f1ac8b;text-transform:uppercase;letter-spacing:.08em;font-size:11px}
@media(max-width:900px){.site-comparison{grid-template-columns:1fr}.comparison-row{grid-template-columns:1fr 1fr}.comparison-row span{grid-column:1/-1}.comparison-head span{display:none}}

/* Demande de démonstration ou devis */
.contact{align-items:stretch}.contact-copy{max-width:620px}.contact-direct{display:flex;flex-direction:column;gap:6px;margin-top:30px;font-weight:800}.contact-direct a{text-decoration:underline;text-decoration-color:rgba(255,255,255,.45);text-underline-offset:4px}
.project-form{background:white;color:var(--ink);padding:clamp(26px,4vw,44px);display:grid;grid-template-columns:1fr 1fr;gap:19px;width:min(650px,100%)}
.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:800}.field input,.field select,.field textarea{width:100%;border:1px solid #c8cbc9;background:#fffdf8;border-radius:3px;padding:12px 13px;color:var(--ink);font:inherit}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid rgba(201,111,74,.28);border-color:var(--terra)}
.form-footer{grid-column:1/-1;display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:5px}.form-footer p{color:var(--muted);font-size:12px;margin:0}.form-footer .button{border:0;cursor:pointer;background:var(--navy);color:white;white-space:nowrap}
.form-privacy{grid-column:1/-1;color:var(--muted);font-size:12px}.form-privacy a{text-decoration:underline;text-underline-offset:3px}.footer-legal{gap:3px}.footer-legal a{text-decoration:underline;text-decoration-color:rgba(255,255,255,.3);text-underline-offset:3px}.footer-legal span{margin-top:8px}
@media(max-width:980px){.project-form{width:100%}}
@media(max-width:620px){.project-form{grid-template-columns:1fr}.field.full,.form-footer{grid-column:1}.form-footer{align-items:stretch;flex-direction:column}.form-footer .button{width:100%}}
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-status{grid-column:1/-1;min-height:0;font-size:14px;font-weight:700}
.form-status.success,.form-status.error{padding:12px 14px;border-radius:3px}
.form-status.success{background:#e4f4e9;color:#175c31}.form-status.error{background:#fae7e4;color:#8a2d20}
.form-footer button:disabled{opacity:.65;cursor:wait}
@media(max-width:620px){.form-status{grid-column:1}}

/* Pages légales */
.legal-page{background:var(--cream);min-height:calc(100vh - 84px);padding:70px 20px 100px}.legal-document{width:min(900px,100%);margin:auto;background:white;padding:clamp(28px,6vw,70px);box-shadow:0 18px 55px rgba(11,31,47,.08)}.legal-document h1{font-size:clamp(36px,5vw,58px);color:var(--navy);margin-bottom:12px}.legal-document h2{font-size:24px;color:var(--navy);margin:45px 0 12px}.legal-document h3{font-size:18px;margin:26px 0 8px}.legal-document p,.legal-document li{color:#46545d}.legal-document a{color:var(--terra-dark);text-decoration:underline;text-underline-offset:3px}.legal-document .updated{color:var(--muted);margin-bottom:38px}.legal-document ul{padding-left:20px}.legal-back{display:inline-flex;margin-bottom:28px;color:var(--terra-dark);font-weight:800}.legal-note{background:var(--cream);border-left:4px solid var(--terra);padding:18px 20px;margin:28px 0}.legal-table{width:100%;border-collapse:collapse;margin:20px 0}.legal-table th,.legal-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:13px 10px}.legal-table th{width:30%;color:var(--navy)}
