:root{--ink:#17142d;--muted:#68657a;--blue:#285de9;--violet:#6d3eea;--light:#f5f6ff;--line:#e4e4f1;--white:#fff;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.55;background:#fff}.container{max-width:1180px;margin:auto;padding:0 25px}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:15px;top:10px;z-index:99;background:#fff;padding:10px}.site-header{background:rgba(255,255,255,.88);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(228,228,241,.8)}.nav-wrap{min-height:80px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font:800 20px Manrope,sans-serif;text-decoration:none;letter-spacing:-.8px}.brand-mark{display:grid;place-items:center;width:42px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff;font-size:13px;letter-spacing:-.5px}.main-nav{display:flex;align-items:center;gap:28px}.main-nav a{color:#464359;text-decoration:none;font-size:14px;font-weight:600}.main-nav a:hover,.text-link:hover{color:var(--violet)}.main-nav .nav-cta{background:var(--ink);padding:10px 17px;border-radius:9px;color:#fff}.nav-toggle{display:none;background:transparent;border:0}.hero{overflow:hidden;position:relative;padding:88px 0 72px;background:linear-gradient(126deg,#f6f8ff 0%,#faf8ff 58%,#f0ebff 100%)}.hero-grid,.about-grid,.zone-grid,.contact-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:70px}.hero-copy{position:relative;z-index:2}.eyebrow{margin:0 0 13px;color:var(--blue);font-size:12px;text-transform:uppercase;letter-spacing:1.4px;font-weight:700}.hero h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-1.8px}.hero h1{font-size:clamp(42px,5.2vw,68px);line-height:1.06;margin:0 0 22px;max-width:720px}.hero h1 em{font-style:normal;background:linear-gradient(100deg,var(--blue),var(--violet));background-clip:text;-webkit-background-clip:text;color:transparent}.lead{max-width:610px;color:var(--muted);font-size:18px}.hero-actions{display:flex;gap:13px;margin-top:32px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:14px 21px;border-radius:10px;font-weight:700;text-decoration:none;border:0;cursor:pointer;font:700 14px "DM Sans",sans-serif}.button-primary{color:#fff;background:linear-gradient(110deg,var(--blue),var(--violet));box-shadow:0 9px 22px rgba(68,67,203,.2)}.button-primary:hover{transform:translateY(-2px)}.button-ghost{color:var(--ink);background:#fff;border:1px solid var(--line)}.button-dark{background:var(--ink);color:#fff;margin-top:14px}.hero-points{list-style:none;padding:0;margin:33px 0 0;display:flex;gap:23px;flex-wrap:wrap;color:#5d5a70;font-size:13px;font-weight:600}.hero-points li:before{content:"✓";color:var(--violet);margin-right:7px}.hero-visual{height:400px;position:relative}.paint-card{position:absolute;border-radius:20px}.card-back{width:76%;height:80%;right:5%;top:2%;background:linear-gradient(150deg,#9ab4ff,#aa86fb);transform:rotate(7deg);opacity:.58}.card-main{width:80%;height:89%;right:10%;bottom:0;overflow:hidden;background:linear-gradient(135deg,#f9f2e9 0 40%,#ded1c4 40% 100%);box-shadow:0 25px 50px rgba(47,43,85,.19)}.card-main:after{content:"";position:absolute;width:54%;height:30%;bottom:0;right:0;background:#c5ae9b;clip-path:polygon(34% 0,100% 24%,100% 100%,0 100%)}.room-window{position:absolute;top:17%;left:10%;width:31%;height:46%;background:#a9c9ee;border:9px solid #fff;box-shadow:inset 0 0 0 2px #7e94ae}.room-arch{position:absolute;width:37%;height:57%;right:13%;top:10%;background:#6950b9;border-radius:110px 110px 0 0}.room-plant{position:absolute;width:76px;height:118px;background:#35534e;clip-path:polygon(50% 0,57% 34%,87% 8%,65% 45%,100% 42%,61% 62%,90% 88%,53% 71%,42% 100%,39% 65%,0 85%,30% 53%,0 35%,38% 42%);left:17%;bottom:9%;z-index:2}.card-main p{position:absolute;left:11%;bottom:11%;z-index:3;font:600 18px/1.3 Manrope,sans-serif;margin:0;color:#fff}.floating-badge{position:absolute;z-index:4;right:-1%;bottom:8%;background:#fff;padding:13px 18px;border-radius:12px;box-shadow:0 12px 25px rgba(42,38,73,.15);font-size:12px;color:var(--muted)}.floating-badge strong{color:var(--violet);font-size:15px}.hero-glow{position:absolute;border-radius:50%;filter:blur(2px)}.glow-one{height:360px;width:360px;background:#c5d3ff;top:-220px;left:-130px;opacity:.45}.glow-two{height:240px;width:240px;background:#e1d3ff;bottom:-150px;right:16%;opacity:.7}.trust-bar{background:var(--ink);color:#fff}.trust-bar .container{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:25px}.trust-bar p{font:600 15px Manrope,sans-serif;margin:0}.trust-bar div{display:flex;gap:18px;flex-wrap:wrap}.trust-bar span{color:#c5c1dc;font-size:13px}.trust-bar span:before{content:"•";color:#9b78ff;margin-right:6px}.section{padding:106px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:42px}.section-heading h2,.about h2,.zone h2,.contact h2{font-size:clamp(30px,3.4vw,44px);line-height:1.1;margin:0;max-width:650px}.section-heading>p{color:var(--muted);max-width:330px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.service-card{grid-column:span 2;min-height:300px;border:1px solid var(--line);border-radius:var(--radius);padding:26px;position:relative;transition:.25s}.service-card:nth-child(4),.service-card:nth-child(5){grid-column:span 3}.service-card:hover{box-shadow:0 16px 35px rgba(39,40,96,.09);transform:translateY(-4px)}.service-card.featured{background:linear-gradient(135deg,#285de9,#7041dd);color:#fff;border:0}.service-number{font-size:12px;font-weight:700;color:#aaa7bc}.featured .service-number{color:#c9bcff}.service-icon{font-size:32px;margin:30px 0 17px;color:var(--violet)}.featured .service-icon{color:#fff}.service-card h3{margin:0 0 9px;font-size:21px;letter-spacing:-.8px}.service-card p{color:var(--muted);font-size:14px;margin:0}.featured p{color:#e9e4ff}.service-card a{position:absolute;bottom:23px;color:var(--ink);font-weight:700;font-size:13px;text-decoration:none}.featured a{color:#fff}.service-card a span,.text-link span{margin-left:4px}.projects{background:var(--light)}.project-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:240px 240px;gap:17px}.project{position:relative;border-radius:var(--radius);overflow:hidden;isolation:isolate;background-size:cover;background-position:center}.project:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(18,16,42,.7),transparent 65%);z-index:-1}.project div{position:absolute;left:24px;bottom:20px;color:#fff}.project span{font-size:12px;font-weight:700;color:#ddd4ff}.project h3{font-size:20px;max-width:300px;margin:2px 0 0;line-height:1.2;letter-spacing:-.6px}.project-large{grid-row:span 2}.project-one{background-image:linear-gradient(135deg,#b79987,#eee5df 50%,#7878b0)}.project-two{background-image:linear-gradient(135deg,#d6bea7,#aa846d)}.project-three{background-image:linear-gradient(135deg,#b8c8d2,#58678f)}.gallery-note{margin:16px 0 0;color:var(--muted);font-size:12px}.about{background:#fff}.about-stat{min-height:330px;border-radius:var(--radius);background:linear-gradient(145deg,#1b1951,#4334aa);padding:39px;color:#bdb9e9;display:flex;flex-direction:column;justify-content:space-between;font:600 22px/1.23 Manrope,sans-serif}.about-stat strong{font-size:37px;color:#fff;letter-spacing:-1.8px}.about p:not(.eyebrow),.zone p:not(.eyebrow),.contact>div>p:not(.eyebrow){color:var(--muted);max-width:530px}.text-link{display:inline-block;margin-top:12px;color:var(--violet);font-size:14px;font-weight:700;text-decoration:none}.zone{background:#f3f5ff}.map-card{min-height:365px;position:relative;overflow:hidden;border-radius:var(--radius);background:#dce4f5;background-image:linear-gradient(35deg,transparent 44%,#c8d3e5 45%,#c8d3e5 48%,transparent 49%),linear-gradient(115deg,transparent 41%,#bdcce2 42%,#bdcce2 45%,transparent 46%)}.map-circle{position:absolute;border:1px solid rgba(85,73,191,.25);border-radius:50%;left:36%;top:22%;width:220px;height:220px}.circle-b{left:45%;top:30%;width:115px;height:115px}.map-pin{position:absolute;background:#fff;border-radius:7px;padding:6px 10px;box-shadow:0 6px 12px rgba(37,50,90,.14);font-size:12px}.pin-main{left:43%;top:40%;font-size:15px;color:var(--violet)}.pin-main span{color:var(--violet);margin-left:5px}.pin-one{left:60%;top:55%}.pin-two{left:18%;top:23%}.pin-three{left:23%;top:69%}.contact{background:var(--ink);color:#fff;padding:100px 0}.contact .eyebrow{color:#9b83ff}.contact h2{margin-bottom:17px}.contact>div>p:not(.eyebrow){color:#c0bdd2}.contact-reminder{margin-top:28px;border-left:2px solid #8769f1;padding:11px 15px;display:flex;flex-direction:column;font-size:13px;color:#bbb6d3}.contact-reminder strong{color:#fff;margin-bottom:2px}.quote-form{background:#fff;color:var(--ink);padding:27px;border-radius:18px}.quote-form label{display:block;font-size:12px;font-weight:700;margin-bottom:13px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.quote-form input,.quote-form select,.quote-form textarea{display:block;width:100%;padding:11px 12px;margin-top:5px;border:1px solid #deddea;border-radius:7px;font:14px "DM Sans",sans-serif;color:var(--ink);background:#fff}.quote-form textarea{resize:vertical}.quote-form .button{margin-top:2px}.form-status{font-size:12px;margin:11px 0 0;color:#5d5781}.site-footer{background:#111022;color:#b9b5cb;padding:34px 0 18px;font-size:13px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:29px;border-bottom:1px solid #2d2a44}.footer-top .brand{color:#fff}.footer-top p{margin:0}.footer-top>a{color:#a88dff;font-weight:700;text-decoration:none}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:17px;font-size:11px;color:#807c96}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:760px){.container{padding:0 19px}.nav-toggle{display:flex;flex-direction:column;gap:4px;padding:8px}.nav-toggle span:not(.sr-only){display:block;width:22px;height:2px;background:var(--ink)}.main-nav{display:none;position:absolute;left:0;right:0;top:80px;background:#fff;padding:20px;flex-direction:column;align-items:stretch;gap:5px;border-bottom:1px solid var(--line);box-shadow:0 10px 20px rgba(0,0,0,.05)}.main-nav.open{display:flex}.main-nav a{padding:10px}.main-nav .nav-cta{text-align:center}.hero{padding:60px 0 48px}.hero-grid,.about-grid,.zone-grid,.contact-grid{grid-template-columns:1fr;gap:38px}.hero h1{font-size:43px}.lead{font-size:16px}.hero-visual{height:315px;max-width:440px;width:100%;margin:auto}.trust-bar .container{padding-top:20px;padding-bottom:20px;min-height:0;display:block}.trust-bar div{margin-top:11px}.section{padding:70px 0}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:14px}.service-grid{grid-template-columns:1fr}.service-card,.service-card:nth-child(4),.service-card:nth-child(5){grid-column:auto;min-height:255px}.project-grid{grid-template-columns:1fr;grid-template-rows:260px 210px 210px}.project-large{grid-row:auto}.about-stat{min-height:275px}.map-card{min-height:315px}.contact{padding:70px 0}.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column;gap:14px}.form-row{grid-template-columns:1fr}}
.site-header{background:rgba(255,255,255,.88)!important;border-bottom-color:rgba(255,255,255,.18)!important}.site-header .main-nav a{color:#464359!important}.site-header .main-nav .nav-cta{background:#fff!important;color:#243db1!important}.brand-logo{display:flex;align-items:center}.brand-logo img{display:block;width:128px;height:56px;object-fit:contain;mix-blend-mode:normal}.site-footer .brand-logo img{width:145px;height:62px}.contact-reminder{border-left-color:#fff!important}.contact-reminder:before{content:"Tél. 07 83 24 76 97  •  tdspeinture34@gmail.com  •  2 rue du Jade, 34300 Agde";font-weight:700;color:#fff;margin-bottom:5px}.contact-reminder strong,.contact-reminder span{display:none}@media(max-width:760px){.site-header .nav-toggle span:not(.sr-only){background:#fff!important}.main-nav{background:#243db1!important;border:0!important}.main-nav .nav-cta{color:#243db1!important}.service-card:nth-child(6){grid-column:auto}}
.site-header .brand-logo img{width:166px;height:68px}.site-footer .brand-logo img{width:178px;height:72px}@media(max-width:760px){.site-header .brand-logo img{width:143px;height:60px}.site-footer .brand-logo img{width:158px;height:65px}}
.site-header .nav-wrap{min-height:98px}.site-header .brand-logo img{width:210px!important;height:86px!important}.site-footer .brand-logo img{width:210px!important;height:84px!important}@media(max-width:760px){.site-header .nav-wrap{min-height:82px}.site-header .brand-logo img{width:178px!important;height:70px!important}.site-footer .brand-logo img{width:180px!important;height:72px!important}}
.site-header .nav-wrap{min-height:122px!important}.site-header .brand-logo img{width:285px!important;height:108px!important}.site-footer .brand-logo img{width:245px!important;height:96px!important}@media(max-width:760px){.site-header .nav-wrap{min-height:96px!important}.site-header .brand-logo img{width:220px!important;height:84px!important}.site-footer .brand-logo img{width:205px!important;height:80px!important}}
.site-header .nav-wrap{min-height:145px!important}.site-header .brand-logo img{width:350px!important;height:132px!important}.site-footer .brand-logo img{width:280px!important;height:108px!important}@media(max-width:760px){.site-header .nav-wrap{min-height:108px!important}.site-header .brand-logo img{width:260px!important;height:98px!important}.site-footer .brand-logo img{width:225px!important;height:86px!important}}
.service-card.with-photo{isolation:isolate;overflow:hidden;background-position:center!important;background-size:cover!important;color:#fff;border:0!important}.service-card.with-photo:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(11,13,38,.88) 0%,rgba(16,19,55,.28) 70%,rgba(16,19,55,.08) 100%)}.service-card.with-photo>*{position:relative;z-index:1}.service-card.with-photo .service-number,.service-card.with-photo p{color:#f5f4ff!important}.service-card.with-photo h3{color:#fff}.service-card.with-photo a{color:#fff!important;z-index:2}.photo-interior{background-image:url("../images/prestation-peinture-interieure.png")!important}.photo-exterior{background-image:url("../images/prestation-peinture-exterieure.png")!important}.photo-facade{background-image:url("../images/prestation-peinture-exterieure.png")!important}.photo-floor{background-image:url("../images/prestation-sols.png")!important}.photo-plaster{background-image:url("../images/prestation-platrerie.png")!important}.photo-renovation{background-image:url("../images/prestation-renovation.png")!important}.photo-cleaning{background-image:url("../images/prestation-nettoyage.png")!important}.service-card:nth-child(6),.service-card:nth-child(7){grid-column:span 3}@media(max-width:760px){.service-card:nth-child(6),.service-card:nth-child(7){grid-column:auto}}
.photo-facade{background-image:url("../images/prestation-ravalement-facade.png")!important}
.service-card.with-photo{display:flex;flex-direction:column}.service-card.with-photo a{position:static!important;bottom:auto!important;margin-top:auto;padding-top:18px}
.project-one{background-image:url("../images/realisation-interieur.png")!important}.project-two{background-image:url("../images/realisation-facade.png")!important}.project-three{background-image:url("../images/realisation-finitions.png")!important}
.about-stat{background-image:linear-gradient(145deg,rgba(18,17,58,.78),rgba(47,36,125,.34)),url("../images/a-propos-savoir-faire.png")!important;background-size:cover!important;background-position:center!important}
.card-main{background-image:url("../images/accueil-renovation-interieur.png")!important;background-size:cover!important;background-position:center!important}.card-main:after,.card-main .room-window,.card-main .room-arch,.card-main .room-plant,.card-main p{display:none!important}
.photo-plaster{background-image:url("../images/prestation-placo-isolation.png")!important}
