*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#0b2f55;background:#fff}header{background:#fff}.top{min-height:128px;display:flex;align-items:center;gap:22px;padding:10px 3%;max-width:1500px;margin:auto}.gcic{width:245px;height:100px;object-fit:contain}.claim{border-left:1px solid #ccd8e3;padding-left:20px;min-width:260px}.claim b{font-size:19px;font-style:italic}.claim span,.claim small{display:block;margin-top:6px}.claim small{font-size:17px}.partner{display:flex;align-items:center;gap:12px;border-left:1px solid #d9e0e7;padding-left:18px;font-size:13px;min-width:225px}.partner img{width:128px;height:82px;object-fit:contain}.partner:nth-of-type(4) img{width:150px}.langs{margin-left:auto;text-align:center;font-weight:bold}.langs a,.cta,.card a{display:inline-block;text-decoration:none;font-weight:bold}.langs a{background:#ffd323;color:#092d50;padding:13px 18px;margin-top:15px;border-radius:4px}nav{height:48px;background:#003e70;display:flex;justify-content:center;align-items:center;gap:0;position:sticky;top:0;z-index:5}nav a{color:white;text-decoration:none;padding:16px 20px;font-size:14px}nav a:hover{background:#07568f;border-bottom:3px solid #ffd323}.hero{height:410px;display:grid;grid-template-columns:38% 47% 15%;background:#071727;color:#fff}.heroText{padding:35px 30px 25px 4vw;background:linear-gradient(90deg,#07111c 0%,#071727 80%,transparent)}h1{font-size:42px;line-height:1.03;margin:0 0 14px}.heroText p{font-size:20px;line-height:1.35}.icons{display:flex;gap:18px;margin:25px 0}.icons span{font-size:13px}.cta{background:#ffd323;color:#092d50;padding:14px 24px;border-radius:28px}.heroPhoto{background:url('../img/hero.jpg') center/cover no-repeat}.hero aside{padding:28px 18px;background:#061827;display:flex;flex-direction:column;gap:25px}.hero aside b{font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:12px 2.5%;background:#f3f6f8}.card{min-height:410px;padding:20px;background:#fff;background-size:100% 52%;background-repeat:no-repeat;background-position:bottom}.card.powder{background-image:linear-gradient(to bottom,rgba(255,255,255,.98) 0 52%,rgba(255,255,255,.1)),url('../img/powder.jpg');border-top:4px solid #df1f2d}.card.surface{background-image:linear-gradient(to bottom,rgba(255,255,255,.98) 0 52%,rgba(255,255,255,.1)),url('../img/surface.jpg');border-top:4px solid #075aa5}.card.cip{background-image:linear-gradient(to bottom,rgba(255,255,255,.98) 0 52%,rgba(255,255,255,.1)),url('../img/cip.jpg');border-top:4px solid #14934a}.brand{display:flex;align-items:center;gap:15px}.brand img{width:85px;height:60px;object-fit:contain}.card h2{margin:0 0 10px;font-size:24px}.powder h2{color:#bd1724}.cip h2{color:#087d43}.card p,.card li{font-size:14px;line-height:1.45}.card ul{padding-left:20px}.card a{padding:11px 18px;border-radius:22px;color:#fff;background:#075aa5}.powder a{background:#e52c37}.cip a{background:#15934b}.section{padding:16px 2.5%}.titleline{display:flex;justify-content:space-between;align-items:center}.section h2,.refs h2{font-size:24px;margin:6px 0 15px}.titleline span{font-size:12px}.ral{display:grid;grid-template-columns:repeat(19,1fr);gap:7px}.ral div{text-align:center;font-size:10px}.ral i{height:45px;display:block;border:1px solid #cfd6db;border-radius:4px}.ral b,.ral small{display:block;margin-top:4px}.specs{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:20px}.finish,.gloss{display:flex;gap:12px}.finish span,.gloss span{height:72px;flex:1;background:linear-gradient(135deg,#15191c,#62676a);color:#fff;padding:50px 8px 5px;text-align:center;font-size:12px}.texture{background:radial-gradient(#aaa 1px,#333 1px)!important;background-size:4px 4px!important}.orange{background:radial-gradient(circle,#777 1px,#bbb 2px)!important;background-size:5px 5px!important}.frost{background:linear-gradient(120deg,#999,#ddd,#888)!important}.applications{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.applications span{min-height:110px;background:linear-gradient(#e8eef2,#fff);border-top:5px solid #0b5d95;padding:15px 8px;font-weight:bold;font-size:13px}.applications small{font-weight:normal}.support{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:15px 2.5%}.support div{min-height:155px;padding:24px 26px 20px 40%;background:#eaf4fb url('../img/line.jpg') 3% center/33% auto no-repeat;border-radius:3px}.support div+div{background-image:url('../img/assistance.jpg')}.support h2{font-size:19px;line-height:1.2;margin:0 0 12px}.support p{font-size:14px;line-height:1.45;margin:0}.support img{display:block}.refs{padding:16px 2.5% 22px}.client-logos{display:grid;grid-template-columns:repeat(7,1fr);gap:10px 16px;align-items:stretch}.logo-word{min-height:64px;border:1px solid #e0e7ed;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:18px;font-weight:800;color:#163e68;letter-spacing:-.4px;padding:8px}.logo-word small{display:block;font-size:9px;font-weight:600;letter-spacing:0;margin-top:3px;color:#5b6f82}.hps{color:#c8323c}.profal{color:#183b68}.cipal{color:#0965a8}.king{color:#e0a000}.watan{color:#182f50}.forza{color:#172f50}.alfadis{color:#174a82}.tolemetal{color:#15578b}.alger{color:#263c55}.atlas{color:#1268a5}.melizi{color:#b62d77}.grafil{color:#50713a}.refs-note{font-size:10px;color:#70808f;margin:9px 0 0;text-align:right}.values{background:linear-gradient(90deg,#0a5d50,#418c3c,#0b5e61);color:white;padding:22px 3%;display:flex;gap:35px;align-items:center;justify-content:space-between}.values b{font-size:20px;font-style:italic}footer{background:#005083;color:#fff;padding:24px 3%;display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:25px;font-size:13px;line-height:1.5}footer img{width:150px;height:60px;object-fit:contain;background:white}.copyright{background:#00426f;color:#dce8f0;padding:12px 3%;font-size:12px}@media(max-width:900px){.top{height:auto;flex-wrap:wrap}.claim{display:none}.partner{flex:1}.langs{margin-left:0}nav{overflow:auto;justify-content:flex-start}.hero{height:auto;grid-template-columns:1fr}.heroPhoto{height:260px}.hero aside{display:none}.cards{grid-template-columns:1fr}.ral{grid-template-columns:repeat(5,1fr)}.specs,.support{grid-template-columns:1fr}.applications{grid-template-columns:repeat(2,1fr)}.values,footer{display:grid;grid-template-columns:1fr 1fr}.gcic{width:180px}h1{font-size:34px}}

@media(max-width:1200px){.partner{min-width:180px}.partner img{width:105px}.partner:nth-of-type(4) img{width:120px}.client-logos{grid-template-columns:repeat(5,1fr)}}
@media(max-width:900px){.client-logos{grid-template-columns:repeat(2,1fr)}.support div{padding:150px 20px 20px;background-position:center 15px;background-size:auto 120px}.partner img,.partner:nth-of-type(4) img{width:110px;height:70px}}
/* REV3 - maquette fidelity: stronger imagery + permanent RAL swatches */
.hero{grid-template-columns:36% 52% 12%;height:430px}.heroPhoto{background-position:58% center;min-width:0}.hero aside{padding:30px 12px;gap:24px}.cards{gap:14px;padding-top:14px}.card{min-height:430px;padding:20px 20px 205px;background-size:100% 190px;background-position:center bottom;background-repeat:no-repeat;box-shadow:0 2px 10px rgba(12,47,85,.08);border-radius:4px;overflow:hidden}.card.powder{background-image:url('../img/powder-detail.jpg');background-position:center 54%;background-size:100% 230px}.card.surface{background-image:url('../img/surface.jpg');background-size:100% 195px}.card.cip{background-image:url('../img/cip.jpg');background-size:100% 195px}.card p,.card li{background:rgba(255,255,255,.92)}.card ul{margin-bottom:8px}.ral{grid-template-columns:repeat(10,1fr);gap:12px}.ral i{height:58px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.08)}.ral b{font-size:11px;color:#102d4d}.ral small{font-size:9px;color:#5d6c79}.section#ral{padding-top:22px}.titleline h2{color:#0b3f70}
@media(min-width:1200px){.ral{grid-template-columns:repeat(10,1fr)}}
@media(max-width:900px){.hero{grid-template-columns:1fr;height:auto}.heroPhoto{height:300px;background-position:62% center}.card{padding-bottom:190px}.ral{grid-template-columns:repeat(3,1fr)}}

/* REV4 — correction carte poudre: image strictement en bas, aucun chevauchement avec le texte */
.card.powder{background-image:url('../img/powder-detail.jpg');background-position:center bottom;background-size:100% 190px;padding-bottom:205px;}

footer a{color:#fff;text-decoration:none}footer a:hover{text-decoration:underline}.social-links{display:block;margin-top:7px;font-weight:700}.social-links a{display:inline-block}
