/*
Theme Name: CERTEC Modern
Description: Site institutionnel CERTEC Equip, conçu à partir des documents et médias de l’entreprise.
Version: 1.0
*/
:root{--navy:#102f43;--teal:#087f87;--mint:#7de0ce;--ink:#173345;--muted:#61727a;--paper:#f3f7f7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,video:focus-visible{outline:3px solid #d4a438;outline-offset:5px}.wrap{width:min(1240px,88%);margin:auto}.topline{background:var(--navy);color:#e4eded;font-size:11px;letter-spacing:.4px;padding:9px 0}.topline .wrap{display:flex;justify-content:space-between}header{position:sticky;top:0;background:#fffffff5;backdrop-filter:blur(12px);z-index:20;border-bottom:1px solid #e7eded}.nav{height:94px;display:flex;align-items:center;justify-content:space-between}.logo{width:160px;height:74px;object-fit:contain}nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:600}nav>a:hover{color:var(--teal)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:17px 23px;background:var(--teal);color:white;font-size:13px;font-weight:600;border-radius:3px;transition:background .2s,transform .2s}.button:hover{background:#08666d;color:white;transform:translateY(-2px)}.button span{font-size:20px;line-height:1}.button.small{padding:13px 18px}.menu-toggle{display:none}.hero{position:relative;min-height:690px;color:white;overflow:hidden;background:var(--navy)}.hero-photo{position:absolute;width:100%;height:100%;object-fit:cover;object-position:65% 45%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,31,48,.96) 0%,rgba(10,36,52,.85) 36%,rgba(10,36,52,.22) 100%)}.hero-content{position:relative;padding-top:76px}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:700;color:#95d9d2;margin:0 0 22px;display:flex;align-items:center;gap:10px}.eyebrow>span,.pulse{width:7px;height:7px;border-radius:50%;background:var(--mint);display:inline-block}.eyebrow.dark{color:var(--teal)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(45px,5.4vw,76px);line-height:1.06;letter-spacing:-3px;font-weight:500;margin-bottom:25px}em{font-family:Georgia,serif;font-weight:400;color:var(--teal)}h1 em,.method em,.contact em{color:var(--mint)}.lead{max-width:460px;color:#d7e2e8;font-size:16px;line-height:1.8}.hero-actions{display:flex;gap:30px;align-items:center;margin-top:34px}.text-link{font-size:12px;display:inline-flex;align-items:center;gap:20px}.hero-bottom{border-top:1px solid #ffffff30;padding:23px 0;margin-top:61px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#c4d6de}.hero-tag{position:absolute;right:6%;bottom:140px;background:#fffef0e8;padding:15px 20px;color:var(--navy);font-size:11px;display:flex;gap:12px;align-items:center;border-radius:3px}.hero-tag .pulse{background:var(--teal)}.promise{display:grid;grid-template-columns:repeat(3,1fr);padding:40px 0;gap:40px;border-bottom:1px solid #dfE7e9}.promise>div{position:relative;padding-left:40px}.number{position:absolute;left:0;top:2px;font-size:11px;color:var(--teal)}h3{font-size:19px;font-weight:600;line-height:1.35;margin-bottom:12px}.promise h3{font-size:16px;margin-bottom:7px}.promise p{font-size:12px;color:var(--muted);margin:0;max-width:260px}.section{padding-top:100px;padding-bottom:100px}h2{font-size:clamp(32px,3.5vw,48px);font-weight:500;letter-spacing:-1.6px;line-height:1.16;margin-bottom:27px}.about{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:85px}.about-visual{position:relative;padding-bottom:25px}.about-visual>img{height:430px;width:100%;object-fit:cover;border-radius:3px}.visual-label{position:absolute;bottom:0;right:-20px;background:var(--navy);color:#c3e4e4;padding:25px 30px;font-size:9px;letter-spacing:1.5px}.visual-label strong{display:block;font-size:16px;letter-spacing:0;color:white;margin-top:8px;font-weight:400}.about p:not(.eyebrow){font-size:14px;color:var(--muted)}.about-values{display:flex;gap:20px;font-size:11px;padding:15px 0 28px;color:var(--teal);font-weight:700}.about-values span:before{content:'✓';margin-right:7px}.underlink{font-size:12px;border-bottom:1px solid var(--teal);padding-bottom:9px;display:inline-flex;gap:36px}.expertises{background:var(--paper)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:42px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:310px;font-size:13px;color:var(--muted);margin-bottom:4px}.expert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.expert-card{background:white;border:1px solid #e4eaea;border-radius:4px;overflow:hidden;transition:transform .2s,box-shadow .2s}.expert-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #123b4910}.expert-image{height:210px;position:relative;background:#edf1f0;overflow:hidden}.expert-image img{width:100%;height:100%;object-fit:cover}.expert-card:nth-child(1) img,.expert-card:nth-child(3) img{object-fit:contain;background:white;padding:12px}.expert-image>span{position:absolute;left:16px;top:16px;background:white;padding:4px 9px;font-size:10px;color:var(--teal)}.expert-text{padding:25px}.expert-text h3{font-size:17px;display:flex;justify-content:space-between;gap:12px}.expert-text h3 span{color:var(--teal)}.expert-text p{font-size:12px;color:var(--muted);margin:0}.extra-services{font-size:12px;text-align:center;padding-top:35px;color:var(--muted)}.extra-services strong{color:var(--ink);font-weight:500}.projects{display:grid;grid-template-columns:1.35fr 1fr;gap:30px}.projects article{border:1px solid #dfe7e7;border-radius:4px;overflow:hidden}.projects img{width:100%;height:320px;object-fit:cover}.projects article>div{padding:28px}.projects span{font-size:9px;letter-spacing:1.7px;color:var(--teal)}.projects h3{margin-top:12px;font-size:23px}.projects p{font-size:13px;color:var(--muted)}.projects .text-link{color:var(--teal);font-weight:600}.method{background:var(--navy);color:white;padding:80px 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin-top:45px}.steps>div{border-top:1px solid #ffffff32;padding-top:22px}.steps span{color:var(--mint);font-size:11px}.steps h3{margin-top:17px}.steps p{color:#b4c7d1;font-size:13px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.video-grid figure{margin:0}.video-grid video{display:block;width:100%;height:230px;object-fit:cover;background:#102f43;border-radius:4px}.video-grid figcaption{font-size:13px;margin-top:13px}.partners{padding-bottom:80px;text-align:center}.partners .eyebrow{justify-content:center;font-size:9px}.partners>div{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:35px}.partners img{width:95px;max-height:50px;object-fit:contain}.contact{background:#eaf4f1;padding:85px 0}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:120px}.contact .eyebrow{color:var(--teal)}.contact h2 em{color:var(--teal)}.contact p{font-size:14px;max-width:430px;color:var(--muted)}.contact .button{margin-top:15px}.contact-details{padding-left:50px;border-left:1px solid #cbded9}.contact-details>div{margin-bottom:25px}.contact-details span{display:block;font-size:9px;letter-spacing:1.6px;color:var(--teal);margin-bottom:9px}.contact-details a{font-size:21px;display:block;overflow-wrap:anywhere}.contact-details a.secondary-phone{font-size:13px;color:var(--muted);margin-top:4px}.contact-details p{margin-bottom:0;font-size:13px}footer{min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}footer img{width:120px}footer p{margin:0;color:var(--muted)}.skip{position:absolute;left:-9999px;z-index:100;background:white;padding:15px}.skip:focus{left:10px;top:10px}
@media(min-width:1600px){.hero{min-height:760px}.hero-content{padding-top:105px}}@media(max-width:950px){nav{gap:16px;font-size:12px}.nav{height:80px}.logo{width:130px}.about{gap:40px}.hero-tag{display:none}.section{padding-top:70px;padding-bottom:70px}.contact-grid{gap:40px}.expert-grid{gap:16px}.expert-text{padding:18px}.expert-text h3{font-size:15px}.video-grid video{height:180px}.steps{gap:20px}}@media(max-width:700px){.wrap{width:88%}.topline{font-size:9px}.topline .wrap>span{max-width:185px}.topmail{display:none}.menu-toggle{display:block;background:transparent;border:1px solid #cfdddd;padding:9px 13px;color:var(--ink);border-radius:3px}nav{display:none;position:absolute;top:80px;left:0;right:0;background:white;padding:25px 6%;box-shadow:0 15px 20px #102f4320}nav.open{display:flex;align-items:stretch;flex-direction:column;gap:22px}.hero{min-height:680px}.hero-content{padding-top:60px}.hero-photo{object-position:65% center}.hero-shade{background:linear-gradient(90deg,#082235ee,#0822359e)}h1{font-size:49px;letter-spacing:-2px}.eyebrow{font-size:8px;letter-spacing:1.7px}.lead{font-size:14px}.hero-actions{flex-direction:column;align-items:flex-start;gap:22px}.hero-bottom{font-size:8px;margin-top:45px;gap:15px}.hero-bottom span:last-child{display:none}.promise{grid-template-columns:1fr;gap:25px;padding:32px 0}.promise p{max-width:none}.about{grid-template-columns:1fr;gap:40px}.about-visual>img{height:300px}.visual-label{right:-10px}.about-values{gap:16px}.section-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:30px}.section-heading>p{max-width:100%}h2{font-size:36px}.expert-grid{grid-template-columns:1fr 1fr;gap:14px}.expert-image{height:150px}.expert-text{padding:17px 13px}.expert-text h3{font-size:15px}.expert-text p{font-size:11px}.expert-text h3 span{display:none}.projects{grid-template-columns:1fr}.projects img{height:260px}.steps{grid-template-columns:1fr 1fr;gap:26px}.video-grid{grid-template-columns:1fr;gap:30px}.video-grid video{height:240px}.partners>div{gap:26px}.partners img{width:75px;max-height:42px}.contact-grid{grid-template-columns:1fr;gap:40px}.contact-details{padding-left:0;border-left:0;border-top:1px solid #cbded9;padding-top:30px}.contact-details a{font-size:19px}.contact{padding:65px 0}footer{padding-top:25px;padding-bottom:25px;flex-wrap:wrap}footer p{font-size:10px;order:3;width:100%}footer>a:last-child{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}