@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--gold:#d4af37;--gold-light:#edce70;--black:#0b0c0e;--ink:#1a1c20;--muted:#5c616b;--line:#e2e3e7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;background:#f5f5f5;color:var(--ink);line-height:1.65}a{color:inherit}img{max-width:100%;height:auto}.shell{max-width:1200px;margin:0 auto;padding:0 24px}.site-header{background:#0b0c0e;color:#fff;position:relative;z-index:20;border-bottom:1px solid #333}.nav-shell{min-height:94px;display:flex;align-items:center;gap:28px}.brand{text-decoration:none;white-space:nowrap;font-size:27px;font-weight:800;line-height:1;letter-spacing:.02em}.brand-work{color:#ddd}.brand-perf{color:var(--gold);margin-left:5px}.brand small{display:block;color:#ddd;font-size:9px;letter-spacing:.25em;margin-top:9px}.main-nav{flex:1}.wp-nav{display:flex;align-items:center;justify-content:center;gap:20px;list-style:none;padding:0;margin:0}.wp-nav li{margin:0}.wp-nav a{text-decoration:none;font-size:13px;font-weight:700;color:#e5e5e5}.wp-nav a:hover,.text-link:hover{color:var(--gold)}.header-cta,.btn{display:inline-block;text-decoration:none;border-radius:5px;font-weight:800;transition:transform .2s,background .2s}.header-cta{background:var(--gold);color:#101010;padding:12px 18px;font-size:13px}.header-cta:hover,.btn:hover{transform:translateY(-2px)}.nav-toggle{display:none;background:none;border:1px solid #666;color:#fff;border-radius:5px;font-size:24px;padding:5px 12px}.hero{background-color:#0b0c0e;background-image:linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.83) 35%,rgba(0,0,0,.25) 78%),url('https://vworkperf.com/wp-content/uploads/2026/11/Atelier-automobile-moderne-au-crepuscule.png');background-size:cover;background-position:center;min-height:620px;display:flex;align-items:center;color:#fff}.hero-inner{width:100%;padding-top:100px;padding-bottom:100px}.eyebrow{color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero h1{max-width:780px;color:#fff;font-size:clamp(38px,5.3vw,72px);line-height:1.07;letter-spacing:-.045em;margin:18px 0 25px}.hero-copy{max-width:660px;color:#e5e5e5;font-size:19px}.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:32px}.btn{padding:15px 25px}.btn-gold{background:var(--gold);color:#101010}.btn-outline{border:1px solid var(--gold);color:var(--gold)}.section{padding:90px 0}.light{background:#f0f1f3}.dark{background:#101113;color:#fff}.section-heading{text-align:center;max-width:720px;margin:0 auto 35px}.section h2{font-size:clamp(29px,3.2vw,45px);line-height:1.18;letter-spacing:-.025em;margin:12px 0 20px}.section-heading p{color:#525761}.section-heading .eyebrow{color:#9b7a17}.cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.service-card{background:#fff;padding:42px;border:1px solid #e2e2e2;border-radius:9px;box-shadow:0 12px 35px rgba(0,0,0,.04)}.card-number{font-size:12px;letter-spacing:.12em;font-weight:800;color:#9b7a17}.service-card h3{font-size:27px;line-height:1.2}.service-card p{color:#50545c}.text-link{color:#ac8b27;font-weight:800;text-decoration:none}.split{display:grid;grid-template-columns:1.3fr .8fr;gap:65px;align-items:center}.split p{color:#c6c8cb}.callout{border:1px solid #50462b;background:#1b1b1c;padding:38px;border-radius:9px}.callout h3{font-size:25px;margin-top:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps>div{background:#fff;padding:32px;border-radius:8px}.steps b{color:#b2912b;font-size:27px}.steps h3{margin-bottom:8px}.steps p{color:#5c616b}.final-cta{text-align:center;background:#1b1b1d;color:#fff}.final-cta p{color:#ddd}.center-actions{justify-content:center}.site-footer{background:#08090a;color:#c8c8c8;padding:65px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.footer-brand{font-size:26px;font-weight:800;color:#ddd}.footer-brand b{color:var(--gold)}.site-footer h3{color:#fff;font-size:15px}.site-footer a{display:block;text-decoration:none;margin:7px 0}.site-footer a:hover{color:var(--gold)}.footer-bottom{display:flex;gap:20px;border-top:1px solid #333;margin-top:40px;padding-top:22px;font-size:12px}.footer-bottom a{margin:0}.page-area{background:#f8f8f9;min-height:55vh}.content-shell{max-width:960px}.page-area h1{font-size:clamp(34px,4vw,54px);line-height:1.15}.entry-content{font-size:17px}.entry-content a{color:#947417}.post-item{padding:20px 0;border-bottom:1px solid #ddd}.woocommerce .button,.woocommerce button.button,.woocommerce a.button,.woocommerce input.button{background:var(--gold);color:#111;border-radius:5px}.screen-reader-text{position:absolute;left:-10000px}.screen-reader-text:focus{left:10px;top:10px;z-index:9999;background:#fff;padding:10px}@media(max-width:1050px){.nav-shell{flex-wrap:wrap;padding-top:18px;padding-bottom:18px}.nav-toggle{display:block;margin-left:auto}.main-nav{display:none;order:4;flex-basis:100%}.main-nav.is-open{display:block}.wp-nav{display:block;padding:15px 0}.wp-nav li{padding:8px 0}.header-cta{margin-left:0}}@media(max-width:700px){.shell{padding-left:20px;padding-right:20px}.header-cta{display:none}.hero{min-height:550px;background-position:65% center;background-image:linear-gradient(90deg,rgba(0,0,0,.91),rgba(0,0,0,.7)),url('https://vworkperf.com/wp-content/uploads/2026/11/Atelier-automobile-moderne-au-crepuscule.png')}.hero-inner{padding-top:75px;padding-bottom:75px}.hero-copy{font-size:17px}.section{padding:58px 0}.cards,.split,.steps,.footer-grid{grid-template-columns:1fr}.service-card,.callout{padding:28px}.split{gap:30px}.footer-bottom{flex-wrap:wrap}.brand{font-size:24px}}
/* WORK PERF V2 — or et argent métallisés */
:root{--gold:#C6A45A;--gold-light:#F1E0AD;--gold-dark:#80602A;--silver:#C7CDD4;--black:#08090B;--metal-gold:linear-gradient(135deg,#80602A 0%,#E8D39A 30%,#B58B45 55%,#F1E0AD 75%,#94702E 100%);--metal-silver:linear-gradient(135deg,#555B63 0%,#F2F4F6 28%,#A8AFB7 52%,#E1E5E9 75%,#737B85 100%)}
.site-header,.hero,.site-footer{background-color:#08090B}
.brand-work,.footer-brand{color:#C7CDD4}
@supports (-webkit-background-clip:text){.brand-work{background:var(--metal-silver);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand-perf,.footer-brand b{background:var(--metal-gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}}
.brand-perf,.footer-brand b{color:#D9BC7C}
.brand small{color:#D2D7DD}
.header-cta,.btn-gold,.woocommerce .button,.woocommerce button.button,.woocommerce a.button,.woocommerce input.button{background:var(--metal-gold);color:#17120A;border:1px solid #C6A45A;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 4px 18px rgba(0,0,0,.14)}
.btn-outline{border-color:#C6A45A;color:#E8D39A;background:rgba(8,9,11,.35)}
.eyebrow{color:#E8D39A}.text-link{color:#94702E}.section-heading .eyebrow,.card-number{color:#80602A}
.nav-toggle{border-color:#A8AFB7;color:#E1E5E9}.nav-toggle:focus-visible,.btn:focus-visible,.header-cta:focus-visible,.wp-nav a:focus-visible{outline:3px solid #E8D39A;outline-offset:3px}
.service-card{border:1px solid #B5BCC5;box-shadow:0 12px 30px rgba(30,34,40,.08)}.callout{border-color:#B58B45}
.hero h1{font-size:clamp(36px,4.6vw,64px);max-width:730px}
@media(max-width:700px){.hero h1{font-size:clamp(31px,8.3vw,40px);line-height:1.13;letter-spacing:-.035em}.hero-inner{padding-top:58px;padding-bottom:60px}.hero{min-height:490px}.hero-copy{font-size:16px;line-height:1.55}.actions{margin-top:24px;gap:10px}.btn{padding:13px 18px;font-size:14px}.brand{font-size:23px}.wp-nav a{display:block;padding:4px 0}}
@media(prefers-reduced-motion:reduce){.btn,.header-cta{transition:none}.btn:hover,.header-cta:hover{transform:none}}

/* WORK PERF V3 — présentation de la machine FAP */
.fap-feature{background:#090A0C;color:#F3F4F6;border-top:1px solid #34383E;border-bottom:1px solid #34383E}
.fap-feature-intro{max-width:950px;margin:0 auto 34px;text-align:center}
.fap-feature-intro h2{color:#F4F5F7;margin:12px auto 20px;max-width:880px}
.fap-feature-intro>p:last-child{color:#C9CDD3;font-size:17px}
.fap-feature-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.85fr);gap:28px;align-items:stretch}
.fap-feature-image{display:block;border:1px solid #80602A;border-radius:12px;overflow:hidden;background:#151515;align-self:start;box-shadow:0 16px 40px rgba(0,0,0,.35)}
.fap-feature-image img{display:block;width:100%;height:auto}
.fap-feature-panel{border:1px solid #737B85;border-radius:12px;background:linear-gradient(145deg,#1A1C20,#0F1012);padding:28px}
.fap-feature-option{display:flex;gap:15px;padding:16px 0;border-bottom:1px solid #3D4248}
.fap-feature-option>span{flex:none;font-weight:800;font-size:19px;color:#E8D39A}
.fap-feature-option h3{font-size:19px;color:#F1F2F4;margin:0 0 5px}
.fap-feature-option p{color:#C7CDD4;margin:0;font-size:14px}
.fap-feature-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}
.fap-feature-buttons .btn{font-size:13px;padding:13px 16px}
.fap-feature-note{font-size:12px;color:#A8AFB7;margin-top:19px}
@media(max-width:950px){.fap-feature-grid{grid-template-columns:1fr}.fap-feature-panel{padding:25px}}
@media(max-width:700px){.fap-feature-intro>p:last-child{font-size:15px}.fap-feature-buttons .btn{width:100%;text-align:center}}