@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/inter-latin.woff2) format("woff2")}
/* MVDI — verdier-developpement.fr */
body{margin:0;font-family:Inter,system-ui,sans-serif;color:#1F1F1F;background:#fff}
a{color:#C45A0E}a:hover{color:#8A3D0B}
.nav a{color:#666;text-decoration:none;font-weight:500}.nav a:hover{color:#1F1F1F}
.btn{display:inline-block;background:#FF791E;color:#fff;text-decoration:none;font-weight:600;padding:14px 22px;border-radius:8px;font-size:16px}.btn:hover{background:#E36A12;color:#fff}
.btn2{display:inline-block;color:#1F1F1F;text-decoration:none;font-weight:600;padding:14px 22px;border-radius:8px;font-size:16px;border:1px solid #D9D9D9}.btn2:hover{color:#1F1F1F;border-color:#1F1F1F}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px;width:100%;box-sizing:border-box}
.k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#C45A0E;font-weight:600;display:flex;align-items:center;gap:10px}.k::before{content:"";width:8px;height:8px;background:#FF791E;transform:rotate(45deg);flex:none}
.g2{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:32px}
.g3{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:24px}
.g4{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:24px}
@media (max-width:760px){.g2,.g3,.g4{grid-template-columns:1fr}.h1{font-size:34px !important}}
.card{background:#F7F7F7;border-radius:12px;padding:28px}
.card.o{background:#FFF1E6}
table{border-collapse:collapse;width:100%;font-size:15px}
th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#666;padding:0 12px 10px 0;border-bottom:1px solid #E6E6E6;font-weight:600}
td{padding:14px 12px 14px 0;border-bottom:1px solid #E6E6E6;vertical-align:top}
td:first-child{font-weight:600;white-space:nowrap}
input,textarea{font:inherit;width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid #D9D9D9;border-radius:8px}
label{font-size:14px;font-weight:600;display:block;margin-bottom:6px}
.g3{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:16px}
.g5{display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));gap:12px}
@media (max-width:760px){.g2,.g3,.g5{grid-template-columns:1fr}}
.step{background:#F7F7F7;border-radius:10px;padding:18px;font-size:14px;line-height:1.45}
.step b{display:block;font-size:15px;margin-bottom:6px}
.step.hl{background:#FFF1E6}
.dk{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#7A7A7A;font-weight:600}
.case{border:1px solid #E6E6E6;border-radius:14px;padding:32px;display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:24px;margin-bottom:24px}
.case .head{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px;border-bottom:1px solid #E6E6E6;padding-bottom:16px}
.case h3{font-size:24px;margin:0;font-weight:700;letter-spacing:-0.01em}
.case .who{color:#666;font-size:15px}
.case .b{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#7A7A7A;font-weight:600;margin-bottom:8px}
.case p{margin:0;color:#1F1F1F;line-height:1.55;font-size:15px}
.tag{display:inline-block;background:#F7F7F7;color:#666;font-size:12px;padding:4px 10px;border-radius:12px;margin:0 6px 6px 0}
@media (max-width:760px){.case{grid-template-columns:1fr}}
@media (max-width:760px){.g3{grid-template-columns:1fr}.row{flex-direction:column}}
.card{background:#F7F7F7;border-radius:12px;padding:24px}

/* navigation mobile */
.burger{display:none;background:none;border:1px solid #D9D9D9;border-radius:8px;width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer}
.nav{display:flex;gap:32px;font-size:15px}
@media (max-width:760px){
  .dias{display:none !important}
  .burger{display:flex}
  .nav{display:none;position:absolute;left:0;right:0;top:84px;background:#fff;border-bottom:1px solid #E6E6E6;flex-direction:column;gap:0;padding:8px 24px 16px;z-index:10}
  .nav.open{display:flex}
  .nav a{padding:12px 0;border-bottom:1px solid #F0F0F0}
  header.wrap{position:relative}
  .row{flex-direction:column}
  .row > div{flex:1 1 auto !important;width:100%}
  .case{grid-template-columns:1fr}
}
html{scroll-behavior:smooth}
img{max-width:100%}