:root {
  --night:#041225;
  --navy:#071b3a;
  --blue:#0b4f9d;
  --cyan:#21c4dc;
  --gold:#b88418;
  --gold2:#d99a22;
  --white:#ffffff;
  --ice:#edf7ff;
  --text:#12233c;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:'Manrope',Arial,sans-serif;
  color:#f8fbff;
  background:
    radial-gradient(circle at 8% 0%, rgba(33,196,220,.16), transparent 24%),
    radial-gradient(circle at 88% 7%, rgba(215,167,71,.14), transparent 26%),
    linear-gradient(180deg,#020b18 0%,#06152f 42%,#071b3a 100%);
}
a{text-decoration:none}
.header{
  position:sticky;
  top:0;
  z-index:20;
  background:rgba(2,11,24,.88);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(215,167,71,.24);
}
.header-inner{
  max-width:1180px;
  margin:auto;
  padding:10px 22px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
}
.logo img{width:172px;height:auto;display:block}
.nav{
  display:flex;
  align-items:center;
  gap:26px;
  font-size:15px;
  font-weight:900;
  white-space:nowrap;
}
.nav a{color:#f8fbff}
.nav a:hover{color:var(--cyan)}
.btn-3d{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:13px 22px;
  border-radius:16px;
  color:#071b3a!important;
  font-weight:900;
  background:
    linear-gradient(180deg,#fff4c7 0%,#e3b85b 48%,#b87814 100%);
  border:1px solid rgba(124,82,12,.45);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.8),
    inset 0 -4px 0 rgba(91,55,3,.22),
    0 14px 28px rgba(120,80,10,.26);
  position:relative;
  overflow:hidden;
}
.btn-3d:before{
  content:"";
  position:absolute;
  left:-40%;
  top:0;
  width:38%;
  height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);
  transform:skewX(-20deg);
}
.btn-3d:hover:before{animation:shine .8s ease}
.btn-3d:hover{transform:translateY(-1px)}
@keyframes shine{to{left:120%}}

.hero{
  max-width:1180px;
  margin:28px auto 0;
  padding:0 22px;
}
.hero-box{
  min-height:390px;
  border-radius:34px;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 18%, rgba(33,196,220,.32), transparent 24%),
    radial-gradient(circle at 35% 96%, rgba(215,167,71,.18), transparent 30%),
    linear-gradient(135deg,#020b18 0%,#061b3f 58%,#082f67 100%);
  box-shadow:0 34px 90px rgba(0,0,0,.38);
  border:1px solid rgba(215,167,71,.18);
  position:relative;
}
.hero-box:after{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size:42px 42px;
  opacity:.4;
  pointer-events:none;
}
.hero-content{
  position:relative;
  z-index:1;
  max-width:720px;
  padding:56px 54px;
  color:white;
}
.badge{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:8px 15px;
  border-radius:999px;
  border:1px solid rgba(255,227,154,.38);
  background:rgba(255,255,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
  font-size:13px;
  font-weight:900;
}
.badge:before{
  content:"";
  width:8px;height:8px;border-radius:50%;
  background:var(--gold2);
  box-shadow:0 0 16px rgba(255,227,154,.9);
}
h1{
  margin:18px 0 16px;
  font-family:'Playfair Display',Georgia,serif;
  font-size:48px;
  line-height:1.04;
  letter-spacing:-.7px;
  font-weight:700;
}
h1 span{
  color:#d99a22;
  font-style:italic;
}
.hero-content p{
  margin:0;
  font-size:17px;
  line-height:1.65;
  color:rgba(255,255,255,.88);
}
.hero-accent{
  position:absolute;
  right:46px;
  bottom:42px;
  width:260px;
  padding:20px;
  z-index:1;
  border-radius:20px;
  color:white;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(215,167,71,.24);
  box-shadow:0 22px 55px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.18);
  backdrop-filter:blur(14px);
}
.hero-accent strong{display:block;font-size:17px;margin-bottom:7px;color:#ffe39a}
.hero-accent span{font-size:12.4px;line-height:1.45;color:rgba(255,255,255,.82)}

.section{
  max-width:1180px;
  margin:auto;
  padding:32px 22px;
}
.protection{
  border-radius:32px;
  padding:26px;
  color:white;
  background:
    radial-gradient(circle at 86% 10%, rgba(33,196,220,.22), transparent 25%),
    linear-gradient(135deg,#041225 0%,#082a5b 60%,#0b4f9d 100%);
  border:1px solid rgba(215,167,71,.26);
  box-shadow:0 26px 70px rgba(0,0,0,.32);
}
.protection-head{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:18px;
}
.lock{
  width:66px;
  height:66px;
  border-radius:20px;
  background:linear-gradient(145deg,#fff1c2,#c38b24);
  color:#06152f;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.55),
    inset 0 -4px 0 rgba(70,39,2,.22),
    0 14px 28px rgba(0,0,0,.24);
}
.lock svg{width:36px;height:36px}
.protection h2{
  margin:0 0 5px;
  font-family:'Playfair Display',Georgia,serif;
  font-size:30px;
  color:#d99a22;
}
.protection p{
  margin:0;
  color:rgba(255,255,255,.80);
  line-height:1.45;
  font-size:14px;
}
.protection-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.protection-card{
  min-height:86px;
  padding:13px 14px;
  border-radius:17px;
  background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.045));
  border:1px solid rgba(217,154,34,.30);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 12px 24px rgba(0,0,0,.16);
}
.protection-card strong{
  display:block;
  font-size:15.2px;
  margin-bottom:4px;
  color:#ffffff;
  letter-spacing:.1px;
}
.protection-card span{
  font-size:12.3px;
  line-height:1.33;
  color:rgba(255,255,255,.78);
}

.sector-button-wrap{
  display:flex;
  justify-content:center;
  margin:2px 0 24px;
}
.sector-button{
  min-width:330px;
  justify-content:center;
  font-size:18px;
}
.sectors{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.sector{
  position:relative;
  display:grid;
  grid-template-columns:92px 1fr;
  min-height:92px;
  border-radius:20px;
  overflow:hidden;
  border:1px solid rgba(255,227,154,.38);
  background:linear-gradient(145deg,#071b3a,#0b4f9d);
  box-shadow:
    0 16px 38px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.12);
  transition:.2s ease;
}
.sector:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:linear-gradient(180deg,#fff0b8,#d7a747,#8f5f0d);
  z-index:2;
}
.sector:nth-child(even){
  background:linear-gradient(145deg,#f9fcff,#e9f4ff);
}
.sector:hover{
  transform:translateY(-3px);
  box-shadow:0 30px 68px rgba(4,18,37,.24);
}
.photo{
  min-height:92px;
  background-size:cover;
  background-position:center;
  position:relative;
}
.photo:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(4,18,37,.16),rgba(215,167,71,.16));
}
.p1{background-image:url('https://images.unsplash.com/photo-1589829545856-d10d557cf95f?auto=format&fit=crop&w=420&q=80')}
.p2{background-image:url('https://images.unsplash.com/photo-1554224155-6726b3ff858f?auto=format&fit=crop&w=420&q=80')}
.p3{background-image:url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=420&q=80')}
.p4{background-image:url('https://images.unsplash.com/photo-1560518883-ce09059eeffa?auto=format&fit=crop&w=420&q=80')}
.p5{background-image:url('https://images.unsplash.com/photo-1450101499163-c8848c66ca85?auto=format&fit=crop&w=420&q=80')}
.p6{background-image:url('https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=420&q=80')}
.p7{background-image:url('https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?auto=format&fit=crop&w=420&q=80')}
.p8{background-image:url('https://images.unsplash.com/photo-1521737604893-d14cc237f11d?auto=format&fit=crop&w=420&q=80')}
.sector-content{
  padding:12px 14px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:white;
}
.sector:nth-child(even) .sector-content{color:#12233c}
.sector h3{
  margin:0 0 6px;
  font-family:'Playfair Display',Georgia,serif;
  font-size:18px;
  color:#d99a22;
}
.sector:nth-child(even) h3{color:#0b376e}
.sector p{
  margin:0;
  font-size:12.4px;
  line-height:1.42;
  opacity:.84;
}

.form{
  border-radius:32px;
  padding:32px;
  color:white;
  background:
    radial-gradient(circle at 13% 88%, rgba(215,167,71,.16), transparent 25%),
    linear-gradient(135deg,#041225,#0b4f9d);
  border:1px solid rgba(215,167,71,.25);
  box-shadow:0 26px 70px rgba(4,18,37,.24);
}
.form h2{
  margin:0 0 6px;
  font-family:'Playfair Display',Georgia,serif;
  font-size:32px;
  color:#d99a22;
}
.form p{margin:0 0 20px;color:rgba(255,255,255,.84)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.full{grid-column:1/-1}
input,select{
  width:100%;
  padding:15px 16px;
  border-radius:16px;
  border:1px solid rgba(255,227,154,.22);
  background:rgba(255,255,255,.96);
  color:#12233c;
  font-size:15px;
  box-shadow:inset 0 2px 4px rgba(4,18,37,.08);
}
.consent{
  margin-top:18px;
  display:flex;
  gap:9px;
  align-items:flex-start;
  color:rgba(255,255,255,.88);
  font-size:13px;
  line-height:1.5;
}
.consent input{
  width:18px;height:18px;margin-top:2px;
  accent-color:var(--gold);
  box-shadow:none;
}
.form button{
  margin-top:22px;
  width:100%;
  border:0;
  cursor:pointer;
  font-size:17px;
}
footer{
  margin-top:28px;
  background:#041225;
  color:white;
}
.footer-inner{
  max-width:1180px;
  margin:auto;
  padding:34px 22px;
  font-size:14px;
  line-height:1.65;
}
.footer-links{display:flex;gap:14px;flex-wrap:wrap;margin:10px 0 18px}
.footer-links a{color:#d99a22;font-weight:800}

@media(max-width:920px){
  .header-inner{align-items:flex-start;flex-direction:column;gap:12px}
  .nav{gap:15px;flex-wrap:wrap}
  .hero-accent{display:none}
  .hero-content{padding:42px 30px}
  h1{font-size:34px}
  .protection-grid,.form-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .sectors{grid-template-columns:1fr}
}
@media(max-width:560px){
  .logo img{width:150px}
  .sector{grid-template-columns:104px 1fr}
  .sector-button{min-width:auto;width:100%}
}

/* Tableau de protection — version compacte luxe */
.protection-section{
  padding-top:22px;
  padding-bottom:22px;
}
.protection-luxe{
  max-width:760px;
  margin:0 auto;
  padding:18px 22px 20px;
  border-radius:18px;
  background:
    radial-gradient(circle at 85% 15%, rgba(33,196,220,.18), transparent 28%),
    linear-gradient(135deg, rgba(4,18,37,.92), rgba(8,42,91,.86));
  border:1px solid rgba(217,154,34,.36);
  box-shadow:
    0 22px 50px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.10);
}
.protection-title{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin-bottom:15px;
}
.protection-title span{
  width:76px;
  height:1px;
  background:linear-gradient(90deg, transparent, #d99a22, transparent);
}
.protection-title h2{
  margin:0;
  font-family:'Playfair Display', Georgia, serif;
  font-size:23px;
  line-height:1;
  color:#d99a22;
  font-weight:700;
}
.mini-protection-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:9px;
}
.mini-protection-card{
  min-height:78px;
  padding:11px 12px;
  border-radius:15px;
  background:linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.045));
  border:1px solid rgba(217,154,34,.28);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 10px 22px rgba(0,0,0,.16);
}
.mini-icon{
  width:25px;
  height:25px;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:7px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.58),
    0 6px 12px rgba(0,0,0,.16);
}
.mini-icon svg{
  width:15px;
  height:15px;
}
.icon-blue{
  background:linear-gradient(145deg,#dff8ff,#63cbe1);
  color:#052f4f;
}
.icon-pink{
  background:linear-gradient(145deg,#ffe2fb,#d66ce6);
  color:#351044;
}
.icon-green{
  background:linear-gradient(145deg,#e2fff0,#70d7a1);
  color:#063c2d;
}
.mini-protection-card strong{
  display:block;
  font-size:13.5px;
  color:#ffffff;
  margin-bottom:3px;
  line-height:1.15;
}
.mini-protection-card small{
  display:block;
  font-size:11.2px;
  line-height:1.35;
  color:rgba(255,255,255,.72);
}
@media(max-width:760px){
  .protection-luxe{max-width:100%}
  .mini-protection-grid{grid-template-columns:1fr}
}


/* Tableau des protections — panneau luxe avec cadenas or */
.protection-section{
  padding-top:22px;
  padding-bottom:22px;
}
.protection-premium{
  position:relative;
  display:grid;
  grid-template-columns:260px 1fr;
  align-items:center;
  gap:24px;
  min-height:210px;
  padding:26px 34px;
  border-radius:28px;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 50%, rgba(217,154,34,.22), transparent 28%),
    radial-gradient(circle at 90% 18%, rgba(33,196,220,.13), transparent 30%),
    linear-gradient(135deg, rgba(2,11,24,.96), rgba(7,27,58,.94) 55%, rgba(8,42,91,.90));
  border:1px solid rgba(217,154,34,.48);
  box-shadow:
    0 28px 70px rgba(0,0,0,.36),
    inset 0 1px 0 rgba(255,255,255,.10);
}
.protection-premium:before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:22px;
  border:1px solid rgba(255,227,154,.10);
  pointer-events:none;
}
.protection-premium:after{
  content:"";
  position:absolute;
  top:-80px;
  left:-160px;
  width:320px;
  height:320px;
  background:radial-gradient(circle, rgba(255,227,154,.20), transparent 60%);
  pointer-events:none;
}
.gold-lock-scene{
  position:relative;
  height:160px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.gold-ring{
  position:absolute;
  width:170px;
  height:54px;
  border-radius:50%;
  border:2px solid rgba(217,154,34,.55);
  transform:rotate(-8deg);
  box-shadow:
    0 0 28px rgba(217,154,34,.38),
    inset 0 0 18px rgba(217,154,34,.18);
}
.gold-ring:before{
  content:"";
  position:absolute;
  inset:8px 16px;
  border-radius:50%;
  border:1px solid rgba(255,227,154,.22);
}
.gold-lock{
  position:relative;
  width:88px;
  height:118px;
  filter:drop-shadow(0 18px 24px rgba(0,0,0,.35));
}
.gold-lock-shackle{
  position:absolute;
  left:19px;
  top:0;
  width:50px;
  height:58px;
  border:10px solid #d99a22;
  border-bottom:0;
  border-radius:28px 28px 0 0;
  background:transparent;
  box-shadow:
    inset 0 3px 0 rgba(255,255,255,.38),
    0 0 18px rgba(217,154,34,.28);
}
.gold-lock-shackle:after{
  content:"";
  position:absolute;
  inset:5px;
  border-top:2px solid rgba(255,255,255,.35);
  border-radius:22px 22px 0 0;
}
.gold-lock-body{
  position:absolute;
  left:5px;
  bottom:0;
  width:78px;
  height:78px;
  border-radius:16px;
  background:
    linear-gradient(145deg,#fff0b8 0%,#e0a83a 38%,#9b5d0a 100%);
  border:1px solid rgba(255,227,154,.62);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.48),
    inset 0 -6px 0 rgba(70,39,2,.24),
    0 0 24px rgba(217,154,34,.22);
}
.gold-lock-body:before{
  content:"";
  position:absolute;
  left:50%;
  top:25px;
  width:14px;
  height:14px;
  transform:translateX(-50%);
  border-radius:50%;
  background:#06152f;
}
.gold-lock-body span{
  position:absolute;
  left:50%;
  top:36px;
  width:8px;
  height:24px;
  transform:translateX(-50%);
  border-radius:6px;
  background:#06152f;
}
.protection-content{
  position:relative;
  z-index:2;
}
.protection-title-line{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin-bottom:20px;
}
.protection-title-line span{
  width:92px;
  height:1px;
  background:linear-gradient(90deg, transparent, #d99a22, transparent);
}
.protection-title-line h2{
  margin:0;
  font-family:'Playfair Display', Georgia, serif;
  color:#d99a22;
  font-size:29px;
  line-height:1;
  font-weight:700;
  text-shadow:0 0 18px rgba(217,154,34,.16);
}
.protection-list-luxe{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:14px;
}
.protection-chip-luxe{
  min-height:82px;
  padding:13px 13px;
  border-radius:18px;
  display:flex;
  gap:11px;
  align-items:flex-start;
  background:
    linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.035));
  border:1px solid rgba(217,154,34,.34);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 12px 26px rgba(0,0,0,.18);
}
.chip-icon{
  width:30px;
  height:30px;
  border-radius:10px;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.26);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    0 8px 15px rgba(0,0,0,.20);
}
.chip-icon svg{
  width:17px;
  height:17px;
}
.chip-icon.blue{
  background:linear-gradient(145deg,#dff8ff,#55c7dd);
  color:#062c48;
}
.chip-icon.violet{
  background:linear-gradient(145deg,#fbe4ff,#cb68df);
  color:#31103f;
}
.chip-icon.green{
  background:linear-gradient(145deg,#e2fff0,#72d6a1);
  color:#063a2c;
}
.protection-chip-luxe strong{
  display:block;
  font-size:13.5px;
  line-height:1.18;
  color:#fff;
  margin-bottom:4px;
  font-weight:800;
}
.protection-chip-luxe small{
  display:block;
  font-size:11.4px;
  line-height:1.35;
  color:rgba(255,255,255,.70);
}
@media(max-width:900px){
  .protection-premium{
    grid-template-columns:1fr;
    padding:24px;
  }
  .gold-lock-scene{
    height:120px;
  }
  .protection-list-luxe{
    grid-template-columns:1fr;
  }
}


/* Nouveau tableau luxe — cadenas or + texte parallèle */
.protection-section{
  padding-top:24px;
  padding-bottom:24px;
}
.protection-jewel{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:310px 1fr;
  align-items:center;
  gap:30px;
  padding:28px 36px;
  min-height:250px;
  border-radius:30px;
  background:
    radial-gradient(circle at 18% 52%, rgba(217,154,34,.28), transparent 26%),
    radial-gradient(circle at 92% 12%, rgba(33,196,220,.14), transparent 28%),
    linear-gradient(135deg, rgba(2,11,24,.98) 0%, rgba(6,21,47,.96) 48%, rgba(8,42,91,.92) 100%);
  border:1px solid rgba(217,154,34,.55);
  box-shadow:
    0 32px 86px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.12);
}
.protection-jewel:before{
  content:"";
  position:absolute;
  inset:11px;
  border-radius:23px;
  border:1px solid rgba(255,227,154,.12);
  pointer-events:none;
}
.protection-jewel:after{
  content:"";
  position:absolute;
  left:-25%;
  top:-35%;
  width:55%;
  height:90%;
  transform:rotate(18deg);
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent);
  pointer-events:none;
}
.jewel-lock-area{
  position:relative;
  height:205px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.jewel-glow{
  position:absolute;
  width:210px;
  height:130px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(217,154,34,.24), rgba(217,154,34,.08) 42%, transparent 68%);
  filter:blur(2px);
}
.jewel-orbit{
  position:absolute;
  width:210px;
  height:70px;
  border-radius:50%;
  border:1.5px solid rgba(217,154,34,.55);
  transform:rotate(-10deg);
  box-shadow:
    0 0 28px rgba(217,154,34,.35),
    inset 0 0 16px rgba(217,154,34,.20);
}
.jewel-orbit:after{
  content:"";
  position:absolute;
  right:18px;
  top:8px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#fff1b8;
  box-shadow:0 0 18px rgba(255,241,184,.95);
}
.jewel-lock{
  position:relative;
  z-index:2;
  width:132px;
  height:158px;
}
.jewel-content{
  position:relative;
  z-index:2;
}
.jewel-title{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  margin-bottom:24px;
}
.jewel-title span{
  width:90px;
  height:1px;
  background:linear-gradient(90deg, transparent, #d99a22, transparent);
}
.jewel-title h2{
  margin:0;
  font-family:'Playfair Display', Georgia, serif;
  font-size:30px;
  line-height:1;
  color:#d99a22;
  font-weight:700;
  text-shadow:0 0 20px rgba(217,154,34,.20);
}
.jewel-chips{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  max-width:620px;
  margin:0 auto;
}
.jewel-chip{
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  align-items:center;
  gap:14px;
  min-height:64px;
  padding:10px 15px 10px 12px;
  border-radius:18px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.115), rgba(255,255,255,.042));
  border:1px solid rgba(217,154,34,.38);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 12px 26px rgba(0,0,0,.18);
}
.jewel-icon{
  width:36px;
  height:36px;
  border-radius:13px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.28);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.60),
    0 8px 18px rgba(0,0,0,.22);
}
.jewel-icon svg{
  width:20px;
  height:20px;
}
.jewel-icon.blue{
  background:linear-gradient(145deg,#e1f9ff,#58cbe3);
  color:#052d4a;
}
.jewel-icon.violet{
  background:linear-gradient(145deg,#fce6ff,#cd68e0);
  color:#321040;
}
.jewel-icon.green{
  background:linear-gradient(145deg,#e6fff2,#72d5a2);
  color:#073b2e;
}
.jewel-chip strong{
  display:block;
  font-size:15px;
  line-height:1.15;
  color:#ffffff;
  margin-bottom:4px;
  font-weight:850;
}
.jewel-chip small{
  display:block;
  font-size:12px;
  line-height:1.35;
  color:rgba(255,255,255,.72);
}
@media(max-width:900px){
  .protection-jewel{
    grid-template-columns:1fr;
    padding:26px 22px;
  }
  .jewel-lock-area{
    height:160px;
  }
}


/* Tableau protections — version compacte avec cadenas visuel */
.protection-section{
  padding-top:22px;
  padding-bottom:22px;
}
.protection-photo-luxe{
  max-width:960px;
  margin:0 auto;
  display:grid;
  grid-template-columns:155px 1fr;
  gap:18px;
  align-items:center;
  min-height:116px;
  padding:16px 22px;
  border-radius:30px;
  overflow:hidden;
  background:
    radial-gradient(circle at 20% 50%, rgba(217,154,34,.22), transparent 28%),
    radial-gradient(circle at 88% 12%, rgba(33,196,220,.13), transparent 28%),
    linear-gradient(135deg, rgba(2,11,24,.98), rgba(6,21,47,.96) 55%, rgba(8,42,91,.92));
  border:1px solid rgba(217,154,34,.52);
  box-shadow:
    0 30px 78px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.12);
  position:relative;
}
.protection-photo-luxe:before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:23px;
  border:1px solid rgba(255,227,154,.11);
  pointer-events:none;
}
.protection-lock-photo{
  position:relative;
  height:116px;
  max-width:150px;
  overflow:visible;
  border:0;
  box-shadow:none;
  border-radius:0;
}
.protection-lock-photo:after{
  display:none;
}
.protection-lock-photo img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  display:block;
  filter:drop-shadow(0 14px 22px rgba(0,0,0,.34));
}
.protection-right{
  position:relative;
  z-index:2;
}
.protection-heading{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin-bottom:12px;
}
.protection-heading span{
  width:78px;
  height:1px;
  background:linear-gradient(90deg, transparent, #d99a22, transparent);
}
.protection-heading h2{
  margin:0;
  font-family:'Playfair Display', Georgia, serif;
  color:#d99a22;
  font-size:26px;
  line-height:1;
  font-weight:700;
  text-shadow:0 0 20px rgba(217,154,34,.18);
}
.protection-rows-luxe{
  display:grid;
  grid-template-columns:1fr;
  gap:9px;
}
.protection-row-luxe{
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  align-items:center;
  gap:13px;
  min-height:64px;
  padding:10px 13px;
  border-radius:17px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.040));
  border:1px solid rgba(217,154,34,.34);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.13),
    0 10px 22px rgba(0,0,0,.16);
}
.lux-icon{
  width:32px;
  height:32px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,227,154,.42);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.58),
    0 8px 16px rgba(0,0,0,.22);
}
.lux-icon svg{
  width:18px;
  height:18px;
}
.gold-blue{
  background:linear-gradient(145deg,#fff3c4,#d99a22 52%,#0c5fa8);
  color:#06152f;
}
.gold-violet{
  background:linear-gradient(145deg,#fff3c4,#d99a22 50%,#9d5ad8);
  color:#06152f;
}
.gold-green{
  background:linear-gradient(145deg,#fff3c4,#d99a22 50%,#40b276);
  color:#06152f;
}
.protection-row-luxe strong{
  display:block;
  font-size:15.2px;
  line-height:1.15;
  color:#fff;
  font-weight:850;
  margin-bottom:3px;
}
.protection-row-luxe small{
  display:block;
  color:rgba(255,255,255,.72);
  font-size:12.4px;
  line-height:1.35;
}
@media(max-width:900px){
  .protection-photo-luxe{
    grid-template-columns:1fr;
    padding:20px;
  }
  .protection-lock-photo{
  position:relative;
  height:116px;
  max-width:150px;
  overflow:visible;
  border:0;
  box-shadow:none;
  border-radius:0;
}
}


/* Ajustement demandé : cadenas réduit + texte en parallèle plus lisible */
.protection-photo-luxe{
  align-items:center;
}
.protection-lock-photo{
  position:relative;
  height:116px;
  max-width:150px;
  overflow:visible;
  border:0;
  box-shadow:none;
  border-radius:0;
}
.protection-right{
  min-width:0;
}
.protection-row-luxe{
  overflow:visible;
}
.protection-row-luxe div:last-child{
  min-width:0;
}
.protection-row-luxe strong,
.protection-row-luxe small{
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
}
.protection-row-luxe strong{
  letter-spacing:.05px;
}
.protection-row-luxe small{
  max-width:100%;
}


/* Ajustement final : cadenas très réduit + texte parallèle élégant */
.protection-photo-luxe{
  grid-template-columns:155px minmax(0,1fr) !important;
  gap:18px !important;
  min-height:155px !important;
  padding:16px 22px !important;
  align-items:center !important;
}
.protection-lock-photo{
  height:116px !important;
  max-width:150px !important;
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}
.protection-heading{
  justify-content:flex-start !important;
  margin-bottom:10px !important;
}
.protection-heading span{
  width:48px !important;
}
.protection-heading h2{
  font-size:25px !important;
  font-weight:600 !important;
  letter-spacing:.1px !important;
}
.protection-rows-luxe{
  gap:7px !important;
}
.protection-row-luxe{
  min-height:54px !important;
  padding:8px 11px !important;
  border-radius:15px !important;
  grid-template-columns:34px minmax(0,1fr) !important;
  gap:10px !important;
}
.lux-icon{
  width:29px !important;
  height:29px !important;
  border-radius:10px !important;
}
.lux-icon svg{
  width:16px !important;
  height:16px !important;
}
.protection-row-luxe strong{
  font-size:14.8px !important;
  font-weight:650 !important;
  line-height:1.22 !important;
  letter-spacing:.05px !important;
}
.protection-row-luxe small{
  font-size:12.7px !important;
  line-height:1.35 !important;
  color:rgba(255,255,255,.76) !important;
}
@media(max-width:900px){
  .protection-photo-luxe{
    grid-template-columns:1fr !important;
  }
  .protection-lock-photo{
    margin:0 auto !important;
  }
  .protection-heading{
    justify-content:center !important;
  }
}


/* Tableau des protections compact : cadenas fondu + texte en parallèle */
.protection-section{
  padding-top:20px;
  padding-bottom:20px;
}
.protection-compact-luxe{
  max-width:940px;
  margin:0 auto;
  position:relative;
  display:grid;
  grid-template-columns:118px 1fr;
  align-items:center;
  gap:18px;
  min-height:148px;
  padding:18px 24px;
  border-radius:28px;
  overflow:hidden;
  background:
    radial-gradient(circle at 10% 50%, rgba(217,154,34,.22), transparent 23%),
    radial-gradient(circle at 92% 12%, rgba(33,196,220,.14), transparent 26%),
    linear-gradient(135deg, rgba(2,11,24,.98), rgba(6,21,47,.96) 55%, rgba(8,42,91,.91));
  border:1px solid rgba(217,154,34,.46);
  box-shadow:
    0 28px 72px rgba(0,0,0,.36),
    inset 0 1px 0 rgba(255,255,255,.11);
}
.protection-compact-luxe:before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:22px;
  border:1px solid rgba(255,227,154,.10);
  pointer-events:none;
}
.compact-lock{
  position:relative;
  z-index:2;
  width:108px;
  height:108px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.compact-lock:before{
  content:"";
  position:absolute;
  width:118px;
  height:82px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(217,154,34,.20), transparent 65%);
  filter:blur(2px);
}
.compact-lock img{
  position:relative;
  z-index:2;
  width:105px;
  height:105px;
  object-fit:cover;
  border:0;
  border-radius:0;
  clip-path:ellipse(46% 48% at 50% 50%);
  mix-blend-mode:screen;
  opacity:.92;
  filter:
    drop-shadow(0 12px 20px rgba(0,0,0,.34))
    saturate(1.05)
    contrast(1.08);
}
.compact-protection-content{
  position:relative;
  z-index:2;
  min-width:0;
}
.compact-title{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:11px;
}
.compact-title h2{
  margin:0;
  font-family:'Playfair Display', Georgia, serif;
  font-size:25px;
  font-weight:600;
  letter-spacing:.1px;
  color:#d99a22;
  line-height:1;
  white-space:nowrap;
}
.compact-title span{
  flex:1;
  height:1px;
  background:linear-gradient(90deg, rgba(217,154,34,.72), transparent);
}
.compact-chips{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
}
.compact-chip{
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  align-items:center;
  gap:9px;
  min-height:62px;
  padding:9px 10px;
  border-radius:16px;
  background:linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.035));
  border:1px solid rgba(217,154,34,.33);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.13),
    0 10px 22px rgba(0,0,0,.16);
}
.compact-icon{
  width:29px;
  height:29px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,227,154,.36);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    0 7px 14px rgba(0,0,0,.20);
}
.compact-icon svg{
  width:16px;
  height:16px;
}
.compact-icon.blue{
  color:#062d48;
  background:linear-gradient(145deg,#e2f9ff,#58c9df 70%,#d99a22);
}
.compact-icon.violet{
  color:#311040;
  background:linear-gradient(145deg,#fde8ff,#cb68df 70%,#d99a22);
}
.compact-icon.green{
  color:#073b2e;
  background:linear-gradient(145deg,#e6fff2,#72d5a2 70%,#d99a22);
}
.compact-chip strong{
  display:block;
  font-size:13.9px;
  font-weight:650;
  line-height:1.22;
  color:#fff;
  margin-bottom:3px;
  white-space:normal;
}
.compact-chip small{
  display:block;
  font-size:12.1px;
  line-height:1.32;
  color:rgba(255,255,255,.76);
  white-space:normal;
}
@media(max-width:900px){
  .protection-compact-luxe{
    grid-template-columns:1fr;
    text-align:left;
  }
  .compact-lock{
    margin:0 auto;
  }
  .compact-chips{
    grid-template-columns:1fr;
  }
  .compact-title h2{
    white-space:normal;
  }
}


/* Correction : texte à gauche, cadenas à droite, blocs remontés */
.protection-compact-luxe{
  grid-template-columns:minmax(0,1fr) 96px !important;
  gap:14px !important;
  min-height:132px !important;
  padding:14px 20px !important;
  align-items:center !important;
}
.compact-lock{
  width:88px !important;
  height:88px !important;
  justify-self:end !important;
}
.compact-lock:before{
  width:96px !important;
  height:64px !important;
}
.compact-lock img{
  width:86px !important;
  height:86px !important;
}
.compact-title{
  margin-bottom:8px !important;
}
.compact-title h2{
  font-size:24px !important;
}
.compact-chips{
  margin-top:0 !important;
  gap:8px !important;
}
.compact-chip{
  min-height:56px !important;
  padding:8px 9px !important;
  border-radius:14px !important;
}
@media(max-width:900px){
  .protection-compact-luxe{
    grid-template-columns:1fr !important;
  }
  .compact-lock{
    justify-self:center !important;
  }
}


/* V14 : cadenas en haut à droite + fond spécifique */
.protection-compact-luxe{
  position:relative !important;
  display:block !important;
  padding:22px 26px 18px 26px !important;
  background:
    radial-gradient(circle at 92% 12%, rgba(255,215,120,.18), transparent 18%),
    linear-gradient(135deg,#031120 0%,#0a2346 45%,#0d3d74 100%) !important;
}
.compact-lock{
  position:absolute !important;
  top:18px !important;
  right:22px !important;
  width:78px !important;
  height:78px !important;
  margin:0 !important;
}
.compact-lock:before{
  display:none !important;
}
.compact-lock img{
  width:78px !important;
  height:78px !important;
  object-fit:contain !important;
  mix-blend-mode:screen;
  opacity:.95;
}
.compact-protection-content{
  padding-right:110px !important;
}
.compact-title{
  justify-content:flex-start !important;
  margin-bottom:10px !important;
}
.compact-title h2{
  font-size:25px !important;
}
.compact-chips{
  margin-top:4px !important;
}


/* V15 — nouveau fond luxe bleu nuit + or, vignettes sur toute la largeur */
.protection-compact-luxe{
  max-width:1080px !important;
  display:block !important;
  padding:30px 34px 28px !important;
  border-radius:34px !important;
  background:
    radial-gradient(circle at 8% 14%, rgba(255,225,150,.20), transparent 20%),
    radial-gradient(circle at 92% 18%, rgba(217,154,34,.30), transparent 22%),
    radial-gradient(circle at 50% 110%, rgba(33,196,220,.10), transparent 32%),
    linear-gradient(135deg,#010714 0%,#031225 34%,#071f45 68%,#082b56 100%) !important;
  border:1px solid rgba(217,154,34,.62) !important;
  box-shadow:
    0 34px 90px rgba(0,0,0,.46),
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 0 42px rgba(217,154,34,.07) !important;
  overflow:hidden !important;
}
.protection-compact-luxe:before{
  content:"" !important;
  position:absolute !important;
  inset:12px !important;
  border-radius:26px !important;
  border:1px solid rgba(255,225,150,.14) !important;
  pointer-events:none !important;
}
.protection-compact-luxe:after{
  content:"" !important;
  position:absolute !important;
  top:-45% !important;
  left:-18% !important;
  width:55% !important;
  height:120% !important;
  transform:rotate(18deg) !important;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent) !important;
  pointer-events:none !important;
}
.compact-lock{
  position:absolute !important;
  top:20px !important;
  right:28px !important;
  width:72px !important;
  height:72px !important;
  opacity:.9 !important;
}
.compact-lock img{
  width:72px !important;
  height:72px !important;
  object-fit:contain !important;
  mix-blend-mode:screen !important;
  filter:drop-shadow(0 12px 22px rgba(217,154,34,.28)) saturate(1.1) contrast(1.1) !important;
}
.compact-protection-content{
  padding-right:100px !important;
}
.compact-title{
  justify-content:flex-start !important;
  margin-bottom:20px !important;
}
.compact-title h2{
  font-size:28px !important;
  color:#d99a22 !important;
  font-weight:700 !important;
}
.compact-title span{
  max-width:260px !important;
  background:linear-gradient(90deg, rgba(217,154,34,.85), transparent) !important;
}
.compact-chips{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:14px !important;
  width:100% !important;
}
.compact-chip{
  min-height:82px !important;
  padding:15px 16px !important;
  border-radius:20px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.125), rgba(255,255,255,.040)) !important;
  border:1px solid rgba(217,154,34,.45) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 16px 32px rgba(0,0,0,.22) !important;
}
.compact-chip strong{
  font-size:15px !important;
  font-weight:750 !important;
  color:#ffffff !important;
}
.compact-chip small{
  font-size:12.6px !important;
  line-height:1.35 !important;
  color:rgba(255,255,255,.76) !important;
}
.compact-icon{
  border:1px solid rgba(255,225,150,.55) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.60),
    0 8px 18px rgba(0,0,0,.24) !important;
}
@media(max-width:900px){
  .compact-protection-content{
    padding-right:0 !important;
  }
  .compact-lock{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    margin:0 auto 14px !important;
  }
  .compact-chips{
    grid-template-columns:1fr !important;
  }
}


.compact-lock-svg{
position:absolute;
top:18px;
right:26px;
width:58px;
height:58px;
filter:drop-shadow(0 8px 16px rgba(212,160,35,.35));
}
.compact-lock-svg svg{
width:100%;
height:100%;
}


/* Tableau des protections — version finale luxe intégrée dans l'index */
.protection-section{
  padding-top:22px;
  padding-bottom:24px;
}
.protection-final-luxe{
  position:relative;
  max-width:1080px;
  margin:0 auto;
  min-height:285px;
  border-radius:34px;
  overflow:hidden;
  border:1px solid rgba(217,154,34,.58);
  box-shadow:
    0 34px 90px rgba(0,0,0,.46),
    inset 0 1px 0 rgba(255,255,255,.16);
  background:
    linear-gradient(135deg,#010714 0%,#031225 42%,#071f45 100%);
}
.protection-final-bg{
  position:absolute;
  inset:0;
  z-index:0;
}
.protection-final-bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  opacity:.78;
  filter:saturate(1.02) contrast(1.05);
}
.protection-final-luxe:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(1,7,20,.08), rgba(1,7,20,.20)),
    radial-gradient(circle at 50% 16%, rgba(255,225,150,.08), transparent 28%);
  z-index:1;
  pointer-events:none;
}
.protection-final-content{
  position:relative;
  z-index:2;
  padding:34px 44px 36px;
}
.protection-final-title{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  margin-bottom:36px;
}
.protection-final-title span{
  width:120px;
  height:1px;
  background:linear-gradient(90deg, transparent, #d99a22, transparent);
}
.protection-final-title h2{
  margin:0;
  font-family:'Playfair Display', Georgia, serif;
  color:#d99a22;
  font-size:32px;
  line-height:1;
  font-weight:700;
  letter-spacing:.1px;
  text-shadow:0 0 20px rgba(217,154,34,.22);
}
.protection-final-cards{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:18px;
}
.protection-final-card{
  min-height:105px;
  display:grid;
  grid-template-columns:62px 1fr;
  align-items:center;
  gap:16px;
  padding:18px 20px;
  border-radius:24px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.16), rgba(255,255,255,.055));
  border:1px solid rgba(217,154,34,.60);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -10px 22px rgba(0,0,0,.15),
    0 20px 38px rgba(0,0,0,.28);
  backdrop-filter:blur(5px);
}
.final-icon{
  width:54px;
  height:54px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#f5c766;
  background:
    radial-gradient(circle at 32% 22%, rgba(255,255,255,.22), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.12), rgba(3,18,37,.88));
  border:1px solid rgba(217,154,34,.70);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    0 0 0 5px rgba(217,154,34,.08),
    0 14px 28px rgba(0,0,0,.30);
}
.final-icon svg{
  width:28px;
  height:28px;
}
.protection-final-card strong{
  display:block;
  font-family:'Manrope', Arial, sans-serif;
  color:#ffffff;
  font-size:17px;
  font-weight:800;
  line-height:1.25;
  margin-bottom:5px;
}
.protection-final-card small{
  display:block;
  color:rgba(255,255,255,.78);
  font-size:13px;
  line-height:1.35;
}
@media(max-width:900px){
  .protection-final-content{
    padding:28px 22px;
  }
  .protection-final-title{
    margin-bottom:24px;
  }
  .protection-final-cards{
    grid-template-columns:1fr;
  }
  .protection-final-title span{
    width:60px;
  }
}


/* Corrections demandées : tableau bleu uni, titre remonté, secteurs bord or + photos */
.protection-final-luxe{
  min-height:245px !important;
  background:
    radial-gradient(circle at 90% 10%, rgba(217,154,34,.13), transparent 24%),
    linear-gradient(135deg,#010714 0%,#031225 42%,#061b3f 100%) !important;
  border:1px solid rgba(217,154,34,.72) !important;
}
.protection-final-bg{
  display:none !important;
}
.protection-final-luxe:after{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(0,0,0,.08)) !important;
}
.protection-final-content{
  padding:22px 44px 32px !important;
}
.protection-final-title{
  margin-bottom:28px !important;
  align-items:flex-start !important;
}
.protection-final-title h2{
  margin-top:0 !important;
  font-size:32px !important;
}
.protection-final-cards{
  margin-top:0 !important;
}
.protection-final-card{
  min-height:96px !important;
  border:1px solid rgba(217,154,34,.78) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.045)) !important;
}

/* Secteurs d'activité : contours or plus visibles */
.sector{
  border:1.5px solid rgba(217,154,34,.82) !important;
  box-shadow:
    0 20px 44px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.14) !important;
}
.sector:hover{
  border-color:#f2c55f !important;
}

/* Photos dans chaque étiquette secteur */
.photo{
  background-size:cover !important;
  background-position:center !important;
  min-height:92px !important;
}
.p1{background-image:linear-gradient(135deg,rgba(1,7,20,.16),rgba(217,154,34,.14)),url('https://images.unsplash.com/photo-1589829545856-d10d557cf95f?auto=format&fit=crop&w=420&q=80') !important;}
.p2{background-image:linear-gradient(135deg,rgba(1,7,20,.16),rgba(217,154,34,.14)),url('https://images.unsplash.com/photo-1554224155-6726b3ff858f?auto=format&fit=crop&w=420&q=80') !important;}
.p3{background-image:linear-gradient(135deg,rgba(1,7,20,.16),rgba(217,154,34,.14)),url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=420&q=80') !important;}
.p4{background-image:linear-gradient(135deg,rgba(1,7,20,.16),rgba(217,154,34,.14)),url('https://images.unsplash.com/photo-1560518883-ce09059eeffa?auto=format&fit=crop&w=420&q=80') !important;}
.p5{background-image:linear-gradient(135deg,rgba(1,7,20,.16),rgba(217,154,34,.14)),url('https://images.unsplash.com/photo-1450101499163-c8848c66ca85?auto=format&fit=crop&w=420&q=80') !important;}
.p6{background-image:linear-gradient(135deg,rgba(1,7,20,.16),rgba(217,154,34,.14)),url('https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=420&q=80') !important;}
.p7{background-image:linear-gradient(135deg,rgba(1,7,20,.16),rgba(217,154,34,.14)),url('https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?auto=format&fit=crop&w=420&q=80') !important;}
.p8{background-image:linear-gradient(135deg,rgba(1,7,20,.16),rgba(217,154,34,.14)),url('https://images.unsplash.com/photo-1521737604893-d14cc237f11d?auto=format&fit=crop&w=420&q=80') !important;}
.p9{background-image:linear-gradient(135deg,rgba(1,7,20,.16),rgba(217,154,34,.14)),url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=420&q=80') !important;}


/* Bandeau confiance avant tableau */
.trust-band-section{
  padding-top:24px;
  padding-bottom:6px;
}
.trust-band{
  max-width:1080px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:14px;
}
.trust-item{
  min-height:72px;
  display:flex;
  align-items:center;
  gap:13px;
  padding:14px 16px;
  border-radius:20px;
  color:#ffffff;
  background:
    linear-gradient(145deg, rgba(255,255,255,.115), rgba(255,255,255,.040));
  border:1px solid rgba(217,154,34,.50);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 16px 34px rgba(0,0,0,.22);
}
.trust-icon{
  width:38px;
  height:38px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  background:linear-gradient(145deg,#fff0b8,#d99a22 58%,#8a5605);
  color:#06152f;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.52),
    0 10px 22px rgba(0,0,0,.24);
}
.trust-icon svg{
  width:21px;
  height:21px;
}
.trust-item strong{
  font-size:14.5px;
  line-height:1.25;
  font-weight:800;
}

/* Titre tableau centré et plus beau */
.protection-final-title{
  justify-content:center !important;
  text-align:center !important;
  width:100% !important;
}
.protection-final-title h2{
  text-align:center !important;
  letter-spacing:.3px !important;
  font-size:34px !important;
  color:#d99a22 !important;
}
.protection-final-title span{
  width:115px !important;
  flex:0 0 115px !important;
}

/* Formulaire plus dynamique */
.form h2{
  color:#d99a22 !important;
  text-shadow:0 0 18px rgba(217,154,34,.20);
}
.form button,
button.btn-3d[type="button"]{
  background:
    linear-gradient(180deg,#fff3c2 0%,#e5b64d 45%,#ad7010 100%) !important;
  color:#071b3a !important;
  border:1px solid rgba(255,227,154,.65) !important;
  border-radius:18px !important;
  font-weight:950 !important;
  letter-spacing:.25px !important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.72),
    inset 0 -5px 0 rgba(74,43,4,.22),
    0 18px 38px rgba(217,154,34,.26) !important;
}
.form button:hover,
button.btn-3d[type="button"]:hover{
  transform:translateY(-2px) !important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.75),
    inset 0 -5px 0 rgba(74,43,4,.22),
    0 24px 48px rgba(217,154,34,.34) !important;
}
@media(max-width:900px){
  .trust-band{
    grid-template-columns:1fr;
  }
  .protection-final-title span{
    width:55px !important;
    flex:0 0 55px !important;
  }
}


/* V20 : logo plus compact pour gagner de la place */
.site-logo,
.logo,
header img{
  max-height:72px !important;
  width:auto !important;
}
.header-brand{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
}
.footer-logo,
footer .logo{
  max-height:56px !important;
  width:auto !important;
}
footer .footer-brand{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}


/* V21 : en-tête aligné sur une seule ligne */
.header-inner,
header .header-inner{
  max-width:1180px !important;
  margin:0 auto !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:28px !important;
  padding:10px 22px !important;
  min-height:86px !important;
}

.logo,
.site-logo,
.header-brand,
header a.logo{
  display:flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
}

.logo img,
.site-logo img,
header img{
  max-height:68px !important;
  width:auto !important;
  display:block !important;
}

.nav,
header nav{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:28px !important;
  flex:1 1 auto !important;
  white-space:nowrap !important;
}

.nav a:not(.btn-3d),
header nav a:not(.btn-3d){
  font-size:15px !important;
  font-weight:800 !important;
  letter-spacing:.1px !important;
}

.header-cta,
.nav .btn-3d,
header nav .btn-3d{
  margin-left:auto !important;
  padding:13px 23px !important;
  border-radius:18px !important;
  color:#06152f !important;
  font-size:14.5px !important;
  font-weight:950 !important;
  letter-spacing:.15px !important;
  background:
    linear-gradient(180deg,#fff4c7 0%,#f0c86c 38%,#c98c22 72%,#8f5b0a 100%) !important;
  border:1px solid rgba(255,228,158,.75) !important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.75),
    inset 0 -5px 0 rgba(72,43,5,.24),
    0 14px 30px rgba(217,154,34,.26),
    0 0 0 1px rgba(255,255,255,.05) !important;
  text-shadow:0 1px 0 rgba(255,255,255,.35) !important;
}

.header-cta:hover,
.nav .btn-3d:hover,
header nav .btn-3d:hover{
  transform:translateY(-2px) !important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.78),
    inset 0 -5px 0 rgba(72,43,5,.24),
    0 20px 42px rgba(217,154,34,.36) !important;
}

@media(max-width:900px){
  .header-inner,
  header .header-inner{
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:14px !important;
  }
  .nav,
  header nav{
    flex-wrap:wrap !important;
    gap:16px !important;
  }
  .header-cta,
  .nav .btn-3d,
  header nav .btn-3d{
    margin-left:0 !important;
  }
}


/* V22 : footer compact, logo et ligne à côté */
footer{
  padding:0 !important;
}
.footer-inner{
  max-width:1180px !important;
  margin:0 auto !important;
  padding:18px 22px !important;
  display:grid !important;
  grid-template-columns:auto 1fr !important;
  align-items:center !important;
  column-gap:24px !important;
  row-gap:8px !important;
}
.footer-inner > strong{
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  display:flex !important;
  align-items:center !important;
  white-space:nowrap !important;
  font-size:15px !important;
  color:#ffffff !important;
}
.footer-links{
  grid-column:2 !important;
  grid-row:1 !important;
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  margin:0 !important;
  flex-wrap:wrap !important;
}
.footer-inner p{
  grid-column:2 !important;
  margin:0 !important;
  font-size:12.5px !important;
  line-height:1.45 !important;
  color:rgba(255,255,255,.78) !important;
}
.footer-inner p:last-child{
  margin-top:4px !important;
  color:rgba(255,255,255,.62) !important;
}
@media(max-width:760px){
  .footer-inner{
    grid-template-columns:1fr !important;
  }
  .footer-inner > strong,
  .footer-links,
  .footer-inner p{
    grid-column:1 !important;
    grid-row:auto !important;
  }
}


/* V23 - En-tête compact */
header .header-inner,
.header-inner{
 display:flex!important;
 align-items:center!important;
 justify-content:flex-start!important;
 gap:22px!important;
 min-height:74px!important;
}
.header-brand,.logo,.site-logo{
 flex:0 0 auto!important;
}
header nav,.nav{
 display:flex!important;
 flex:1!important;
 align-items:center!important;
 gap:24px!important;
 margin-left:18px!important;
}
header nav .btn-3d,
header .header-cta,
.nav .btn-3d{
 display:none!important;
}
header img,.logo img,.site-logo img{
 max-height:58px!important;
 width:auto!important;
}


/* V24 — haut du site plus luxe */
.header,
header{
  background:linear-gradient(180deg, rgba(2,8,20,.96) 0%, rgba(4,18,37,.92) 100%) !important;
  border-bottom:1px solid rgba(217,154,34,.42) !important;
  box-shadow:0 12px 35px rgba(0,0,0,.32), inset 0 -1px 0 rgba(255,255,255,.05) !important;
  backdrop-filter:blur(18px) !important;
}

.header:before,
header:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,225,150,.65), transparent);
}

.header-inner,
header .header-inner{
  max-width:1180px !important;
  min-height:72px !important;
  padding:8px 22px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:30px !important;
}

.logo,
.site-logo,
.header-brand,
header a.logo{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  padding-right:28px !important;
  flex:0 0 auto !important;
}

.logo:after,
.site-logo:after,
header a.logo:after{
  content:"";
  position:absolute;
  right:0;
  top:50%;
  width:1px;
  height:34px;
  transform:translateY(-50%);
  background:linear-gradient(180deg, transparent, rgba(217,154,34,.65), transparent);
}

.logo img,
.site-logo img,
header img{
  max-height:60px !important;
  width:auto !important;
  display:block !important;
  filter:drop-shadow(0 0 10px rgba(217,154,34,.22)) drop-shadow(0 8px 14px rgba(0,0,0,.35)) !important;
}

.nav,
header nav{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:34px !important;
  margin-left:0 !important;
  flex:1 1 auto !important;
  white-space:nowrap !important;
}

.nav a:not(.btn-3d),
header nav a:not(.btn-3d){
  position:relative !important;
  color:rgba(255,255,255,.88) !important;
  font-size:14.5px !important;
  font-weight:800 !important;
  letter-spacing:.25px !important;
  padding:10px 0 !important;
}

.nav a:not(.btn-3d):after,
header nav a:not(.btn-3d):after{
  content:"";
  position:absolute;
  left:50%;
  bottom:2px;
  width:0;
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg, transparent, #d99a22, transparent);
  transition:width .25s ease;
}

.nav a:not(.btn-3d):hover,
header nav a:not(.btn-3d):hover{
  color:#f2c55f !important;
}

.nav a:not(.btn-3d):hover:after,
header nav a:not(.btn-3d):hover:after,
.nav a:first-child:not(.btn-3d):after,
header nav a:first-child:not(.btn-3d):after{
  width:100%;
}

.nav a:first-child:not(.btn-3d),
header nav a:first-child:not(.btn-3d){
  color:#f2c55f !important;
}

@media(max-width:900px){
  .header-inner,
  header .header-inner{
    min-height:auto !important;
    flex-wrap:wrap !important;
    gap:12px !important;
    padding:10px 18px !important;
  }
  .logo:after,
  .site-logo:after,
  header a.logo:after{
    display:none !important;
  }
  .nav,
  header nav{
    gap:18px !important;
    flex-wrap:wrap !important;
  }
}


/* V25 : logo plus grand + trait or pleine largeur */
.logo img,
.site-logo img,
header img{
  max-height:74px !important;
  width:auto !important;
}

.logo:after,
.site-logo:after,
header a.logo:after{
  display:none !important;
}

.header-inner,
header .header-inner{
  position:relative !important;
}

.nav,
header nav{
  position:relative;
  z-index:2;
  background:transparent;
}

.logo,
.site-logo,
.header-brand{
  position:relative;
  z-index:2;
  background:linear-gradient(90deg, rgba(2,8,20,1) 85%, rgba(2,8,20,0));
  padding-right:24px !important;
}



/* V26 — Photos secteurs finalisées : toutes les vignettes professionnelles */
.photo{
  background-size:cover !important;
  background-position:center !important;
  min-height:92px !important;
  filter:saturate(1.05) contrast(1.05);
}
.photo:after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(135deg, rgba(1,7,20,.18), rgba(217,154,34,.18)),
    radial-gradient(circle at 78% 18%, rgba(33,196,220,.20), transparent 42%) !important;
}
.p1{background-image:url('https://images.unsplash.com/photo-1589829545856-d10d557cf95f?auto=format&fit=crop&w=520&q=86') !important;}
.p2{background-image:url('https://images.unsplash.com/photo-1554224155-6726b3ff858f?auto=format&fit=crop&w=520&q=86') !important;}
.p3{background-image:url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=520&q=86') !important;}
.p4{background-image:url('https://images.unsplash.com/photo-1560518883-ce09059eeffa?auto=format&fit=crop&w=520&q=86') !important;}
.p5{background-image:url('https://images.unsplash.com/photo-1450101499163-c8848c66ca85?auto=format&fit=crop&w=520&q=86') !important;}
.p6{background-image:url('https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=520&q=86') !important;}
.p7{background-image:url('https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?auto=format&fit=crop&w=520&q=86') !important;}
.p8{background-image:url('https://images.unsplash.com/photo-1521737604893-d14cc237f11d?auto=format&fit=crop&w=520&q=86') !important;}
.p9{background-image:url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=520&q=86') !important;}



/* V27 — Titre solutions cybersécurité élégant */
.protection-final-title.elegant-cyber-title{
  margin-bottom:12px !important;
  gap:18px !important;
}
.protection-final-title.elegant-cyber-title h2{
  font-family:'Playfair Display', Georgia, serif !important;
  font-size:36px !important;
  font-weight:700 !important;
  letter-spacing:.35px !important;
  color:#f0c86c !important;
  text-shadow:
    0 0 18px rgba(217,154,34,.28),
    0 2px 18px rgba(0,0,0,.35) !important;
}
.protection-final-title.elegant-cyber-title span{
  height:1px !important;
  background:linear-gradient(90deg, transparent, rgba(255,226,145,.98), rgba(217,154,34,.75), transparent) !important;
}
.protection-final-subtitle{
  max-width:820px;
  margin:0 auto 30px !important;
  text-align:center;
  font-size:15.5px;
  line-height:1.65;
  color:rgba(237,247,255,.82);
  font-style:italic;
  letter-spacing:.08px;
}
@media(max-width:900px){
  .protection-final-title.elegant-cyber-title h2{
    font-size:29px !important;
  }
  .protection-final-subtitle{
    font-size:14.5px;
    margin-bottom:24px !important;
  }
}



/* V31 — signature premium avec la même écriture que les titres */
.premium-signature-section{
  padding-top:12px !important;
  padding-bottom:4px !important;
}
.premium-signature{
  max-width:900px;
  margin:0 auto 6px;
  padding:15px 34px 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:24px;
  border-radius:999px;
  font-family:'Playfair Display', Georgia, serif;
  font-size:22px;
  line-height:1;
  font-weight:700;
  letter-spacing:.7px;
  color:#d99a22;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,225,150,.16), transparent 45%),
    linear-gradient(145deg, rgba(255,255,255,.070), rgba(255,255,255,.020)),
    rgba(2,11,24,.38);
  border:1px solid rgba(217,154,34,.46);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 16px 40px rgba(0,0,0,.20),
    0 0 28px rgba(217,154,34,.07);
  backdrop-filter:blur(9px);
}
.premium-signature i{
  font-style:normal;
  color:#f1c769;
  opacity:.92;
  font-size:15px;
  line-height:1;
  text-shadow:0 0 16px rgba(217,154,34,.46);
}
.premium-signature span{
  white-space:nowrap;
  background:linear-gradient(180deg,#fff1b8 0%,#d99a22 52%,#9f6710 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 0 18px rgba(217,154,34,.13);
}
.elegant-cyber-title h2{
  font-size:36px !important;
  letter-spacing:.35px !important;
  text-shadow:0 0 22px rgba(217,154,34,.20) !important;
}
.protection-final-subtitle{
  max-width:760px;
  margin:-12px auto 30px !important;
  text-align:center;
  color:rgba(232,241,255,.82);
  font-size:15.5px;
  line-height:1.55;
  font-style:italic;
}
@media(max-width:700px){
  .premium-signature{
    gap:11px;
    padding:13px 16px 14px;
    font-size:18px;
    letter-spacing:.35px;
    flex-wrap:wrap;
  }
  .premium-signature i{
    font-size:12px;
  }
  .elegant-cyber-title h2{
    font-size:28px !important;
  }
}



/* V32 — Icônes rondes bleues premium + textes développés pour les protections */
.protection-final-card{
  min-height:138px !important;
  align-items:flex-start !important;
  padding:21px 21px !important;
}
.final-icon{
  width:58px !important;
  height:58px !important;
  border-radius:50% !important;
  color:#dff8ff !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.40), transparent 30%),
    radial-gradient(circle at 72% 82%, rgba(217,154,34,.28), transparent 34%),
    linear-gradient(145deg,#103f78 0%,#0b4f9d 46%,#062244 100%) !important;
  border:1px solid rgba(112,210,235,.62) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.32),
    inset 0 -7px 16px rgba(0,0,0,.22),
    0 0 0 5px rgba(33,196,220,.09),
    0 14px 30px rgba(0,0,0,.34),
    0 0 28px rgba(33,196,220,.18) !important;
}
.final-icon svg{
  width:29px !important;
  height:29px !important;
  stroke:#e6fbff !important;
  filter:drop-shadow(0 0 7px rgba(33,196,220,.35));
}
.protection-final-card strong{
  font-size:17.4px !important;
  margin-bottom:8px !important;
}
.protection-final-card small{
  font-size:13.1px !important;
  line-height:1.48 !important;
  color:rgba(255,255,255,.82) !important;
}
.protection-final-card small .gold-note{
  color:#f2c55f;
  font-weight:700;
}
@media(max-width:900px){
  .protection-final-card{
    min-height:auto !important;
  }
}


/* V33 — Protections premium compactes, sur toute la cartouche */
.protection-final-luxe{
  max-width:1080px !important;
  min-height:0 !important;
  border-radius:34px !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(33,196,220,.12), transparent 24%),
    radial-gradient(circle at 88% 8%, rgba(217,154,34,.16), transparent 26%),
    linear-gradient(135deg,#010714 0%,#031225 44%,#061b3f 100%) !important;
}
.protection-final-content{
  padding:24px 34px 28px !important;
}
.protection-final-title{
  margin-bottom:12px !important;
}
.protection-final-subtitle{
  max-width:760px !important;
  margin:0 auto 18px !important;
  font-family:'Manrope', Arial, sans-serif !important;
  font-size:14.8px !important;
  line-height:1.5 !important;
  color:rgba(232,241,255,.78) !important;
}
.protection-final-cards{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  width:100% !important;
}
.protection-final-card{
  min-height:104px !important;
  padding:14px 15px !important;
  display:grid !important;
  grid-template-columns:48px minmax(0,1fr) !important;
  align-items:start !important;
  gap:13px !important;
  border-radius:21px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.095), rgba(255,255,255,.030)) !important;
  border:1px solid rgba(217,154,34,.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 14px 30px rgba(0,0,0,.22) !important;
  backdrop-filter:blur(3px) !important;
}
.final-icon,
.final-icon-v33{
  width:44px !important;
  height:44px !important;
  border-radius:50% !important;
  color:#e9fbff !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.46), transparent 26%),
    radial-gradient(circle at 78% 85%, rgba(217,154,34,.32), transparent 32%),
    linear-gradient(145deg,#0e5fa8 0%,#073b78 48%,#03172f 100%) !important;
  border:1px solid rgba(255,225,150,.48) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -5px 12px rgba(0,0,0,.22),
    0 0 0 3px rgba(33,196,220,.07),
    0 10px 22px rgba(0,0,0,.30),
    0 0 20px rgba(33,196,220,.13) !important;
}
.final-icon svg,
.final-icon-v33 svg{
  width:23px !important;
  height:23px !important;
  stroke:#e9fbff !important;
  filter:drop-shadow(0 0 5px rgba(33,196,220,.34)) !important;
}
.protection-final-card strong{
  font-family:'Playfair Display', Georgia, serif !important;
  font-size:17px !important;
  line-height:1.13 !important;
  font-weight:600 !important;
  letter-spacing:.12px !important;
  color:#f7c86b !important;
  margin:0 0 6px !important;
  text-shadow:0 0 14px rgba(217,154,34,.13) !important;
}
.protection-final-card small{
  font-family:'Manrope', Arial, sans-serif !important;
  font-size:12.15px !important;
  line-height:1.42 !important;
  color:rgba(255,255,255,.75) !important;
}
.protection-final-card small .gold-note{
  color:#eac269 !important;
  font-weight:700 !important;
}
@media(max-width:900px){
  .protection-final-content{padding:22px 20px 24px !important;}
  .protection-final-cards{grid-template-columns:1fr !important;}
  .protection-final-card{min-height:auto !important;}
}



/* V34 — Icônes premium plus parlantes : coffre-fort, bouclier technologique, cloud sécurisé */
.protection-final-card{
  grid-template-columns:54px minmax(0,1fr) !important;
  gap:14px !important;
  padding:15px 16px !important;
}
.final-icon,
.final-icon-v33,
.final-icon-v34{
  width:50px !important;
  height:50px !important;
  border-radius:16px !important;
  color:#f2c55f !important;
  background:
    radial-gradient(circle at 30% 18%, rgba(255,255,255,.24), transparent 28%),
    radial-gradient(circle at 78% 82%, rgba(33,196,220,.22), transparent 34%),
    linear-gradient(145deg, rgba(8,42,91,.96) 0%, rgba(3,18,37,.98) 58%, rgba(1,7,20,.98) 100%) !important;
  border:1px solid rgba(242,197,95,.62) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -8px 18px rgba(0,0,0,.24),
    0 0 0 1px rgba(33,196,220,.18),
    0 12px 24px rgba(0,0,0,.30),
    0 0 22px rgba(217,154,34,.13) !important;
  position:relative !important;
  overflow:hidden !important;
}
.final-icon:before,
.final-icon-v34:before{
  content:"";
  position:absolute;
  inset:6px;
  border-radius:12px;
  border:1px solid rgba(33,196,220,.20);
  pointer-events:none;
}
.final-icon svg,
.final-icon-v33 svg,
.final-icon-v34 svg{
  position:relative;
  z-index:1;
  width:28px !important;
  height:28px !important;
  stroke:currentColor !important;
  filter:drop-shadow(0 0 6px rgba(217,154,34,.22)) !important;
}
.final-icon-v34 .blue-line{
  stroke:#7ee7ff !important;
  opacity:.92;
}
.final-icon-v34 .gold-fill{
  fill:#f2c55f !important;
  opacity:.16;
  stroke:none !important;
}
@media(max-width:900px){
  .protection-final-card{
    grid-template-columns:52px minmax(0,1fr) !important;
  }
}


/* V35 — textes secteurs enrichis sans agrandir les blocs */
.sector-button{
  min-width:min(620px,100%) !important;
  font-size:17px !important;
  padding:13px 26px !important;
  letter-spacing:.15px !important;
}
.sector{
  min-height:92px !important;
}
.sector-content{
  padding:10px 13px !important;
}
.sector h3{
  margin:0 0 4px !important;
  font-size:17.4px !important;
}
.sector p{
  font-size:11.35px !important;
  line-height:1.28 !important;
  opacity:.86 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:3 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}
@media(max-width:560px){
  .sector-button{font-size:15.5px !important;}
  .sector p{-webkit-line-clamp:4 !important;}
}



/* V36 — Finition luxe : titre secteurs + bouton formulaire */
.sector-button-wrap{
  margin:10px 0 30px !important;
  position:relative !important;
}
.sector-button-wrap:before,
.sector-button-wrap:after{
  content:"" !important;
  align-self:center !important;
  width:120px !important;
  height:1px !important;
  background:linear-gradient(90deg, transparent, rgba(217,154,34,.88), transparent) !important;
  opacity:.95 !important;
}
.sector-button-wrap{
  gap:18px !important;
  align-items:center !important;
}
.sector-button{
  min-width:auto !important;
  padding:14px 34px 15px !important;
  border-radius:999px !important;
  font-family:'Playfair Display', Georgia, serif !important;
  font-size:25px !important;
  line-height:1.05 !important;
  font-weight:700 !important;
  letter-spacing:.25px !important;
  color:#f7d47a !important;
  text-shadow:0 0 18px rgba(217,154,34,.24) !important;
  background:
    radial-gradient(circle at 18% 20%, rgba(255,235,170,.18), transparent 32%),
    linear-gradient(135deg, rgba(2,11,24,.92), rgba(7,27,58,.86) 58%, rgba(8,42,91,.78)) !important;
  border:1px solid rgba(242,197,95,.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.15),
    inset 0 -10px 24px rgba(0,0,0,.16),
    0 18px 42px rgba(0,0,0,.26),
    0 0 0 1px rgba(255,255,255,.035) !important;
  overflow:hidden !important;
}
.sector-button:before{
  content:"" !important;
  position:absolute !important;
  left:-35% !important;
  top:0 !important;
  width:26% !important;
  height:100% !important;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.26), transparent) !important;
  transform:skewX(-22deg) !important;
  opacity:.7 !important;
}
.sector-button:after{
  content:"" !important;
  position:absolute !important;
  inset:5px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,226,145,.13) !important;
  pointer-events:none !important;
}
.sector-button:hover{
  transform:translateY(-1px) !important;
  color:#ffe5a6 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -10px 24px rgba(0,0,0,.16),
    0 24px 54px rgba(0,0,0,.32),
    0 0 28px rgba(217,154,34,.18) !important;
}

.form button{
  position:relative !important;
  overflow:hidden !important;
  margin-top:24px !important;
  padding:17px 26px !important;
  border-radius:22px !important;
  font-size:18px !important;
  font-weight:950 !important;
  letter-spacing:.35px !important;
  color:#041225 !important;
  background:
    linear-gradient(180deg,#fff7d5 0%,#f1cb68 34%,#d99a22 68%,#9a6108 100%) !important;
  border:1px solid rgba(255,232,164,.90) !important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.82),
    inset 0 -6px 0 rgba(72,43,5,.24),
    0 20px 44px rgba(217,154,34,.28),
    0 0 0 1px rgba(255,255,255,.06) !important;
  text-shadow:0 1px 0 rgba(255,255,255,.38) !important;
}
.form button:before{
  content:"" !important;
  position:absolute !important;
  left:-35% !important;
  top:0 !important;
  width:28% !important;
  height:100% !important;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.72), transparent) !important;
  transform:skewX(-22deg) !important;
}
.form button:hover:before{
  animation:shine .85s ease !important;
}
.form button:hover{
  transform:translateY(-2px) !important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.86),
    inset 0 -6px 0 rgba(72,43,5,.24),
    0 28px 58px rgba(217,154,34,.38),
    0 0 22px rgba(255,226,145,.16) !important;
}
.form button:active{
  transform:translateY(0) !important;
}
@media(max-width:760px){
  .sector-button-wrap:before,
  .sector-button-wrap:after{
    width:42px !important;
  }
  .sector-button{
    font-size:20px !important;
    text-align:center !important;
    padding:13px 20px !important;
  }
}



/* V37 — En-tête secteurs premium épuré */
.sector-button-wrap{
  display:none !important;
}
.sector-luxe-heading{
  max-width:920px !important;
  margin:0 auto 28px !important;
  text-align:center !important;
  position:relative !important;
}
.sector-luxe-heading:before,
.sector-luxe-heading:after{
  content:"" !important;
  display:block !important;
  width:92px !important;
  height:1px !important;
  margin:0 auto 14px !important;
  background:linear-gradient(90deg, transparent, rgba(217,154,34,.78), rgba(255,226,145,.92), rgba(217,154,34,.78), transparent) !important;
}
.sector-luxe-heading:after{
  margin:14px auto 0 !important;
  width:190px !important;
  opacity:.72 !important;
}
.sector-kicker{
  margin:0 0 10px !important;
  font-size:11px !important;
  line-height:1.2 !important;
  font-weight:850 !important;
  letter-spacing:.34em !important;
  text-transform:uppercase !important;
  color:#d99a22 !important;
  opacity:.92 !important;
}
.sector-luxe-heading h2{
  margin:0 !important;
  font-family:'Playfair Display', Georgia, serif !important;
  font-size:34px !important;
  line-height:1.08 !important;
  font-weight:700 !important;
  color:#f6cf75 !important;
  letter-spacing:.15px !important;
  text-shadow:0 0 22px rgba(217,154,34,.18) !important;
}
.sector-luxe-heading p{
  max-width:720px !important;
  margin:12px auto 0 !important;
  color:rgba(237,247,255,.82) !important;
  font-size:15px !important;
  line-height:1.55 !important;
  font-family:'Manrope', Arial, sans-serif !important;
}
.sector-luxe-heading em{
  font-style:italic !important;
  font-weight:400 !important;
}
.sector-gold-line{
  display:block !important;
  width:min(520px,78%) !important;
  height:1px !important;
  margin:18px auto 0 !important;
  background:linear-gradient(90deg, transparent, rgba(217,154,34,.30), rgba(255,226,145,.82), rgba(217,154,34,.30), transparent) !important;
  box-shadow:0 0 18px rgba(217,154,34,.16) !important;
}
@media(max-width:760px){
  .sector-luxe-heading{margin-bottom:22px !important;}
  .sector-kicker{font-size:10px !important; letter-spacing:.22em !important;}
  .sector-luxe-heading h2{font-size:27px !important;}
  .sector-luxe-heading p{font-size:13.8px !important;}
}



/* V38 — liens premium En savoir plus sur les trois protections */
.protection-link-card{
  text-decoration:none !important;
  color:inherit !important;
  cursor:pointer !important;
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease !important;
}
.protection-link-card:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(242,197,95,.86) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 18px 38px rgba(0,0,0,.28),
    0 0 24px rgba(217,154,34,.12) !important;
}
.protection-read-more{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  margin-top:7px !important;
  font-family:'Manrope', Arial, sans-serif !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:850 !important;
  letter-spacing:.18px !important;
  color:#f2c55f !important;
  text-shadow:0 0 12px rgba(217,154,34,.14) !important;
}
.protection-read-more .arrow{
  display:inline-block !important;
  transition:transform .22s ease !important;
}
.protection-link-card:hover .protection-read-more .arrow{
  transform:translateX(4px) !important;
}

:root{ --gold-soft: rgba(217,154,34,.55); }

/* ---------- breadcrumb ---------- */
.breadcrumb{
  max-width:1100px;margin:22px auto 0;padding:0 24px;
  font-size:12.5px;letter-spacing:.3px;color:rgba(244,248,255,.45);
}
.breadcrumb a{color:var(--gold2)}
.breadcrumb a:hover{text-decoration:underline}

/* ---------- gold ornament divider ---------- */
.gold-divider{
  display:flex;align-items:center;justify-content:center;gap:14px;
  margin:0 auto;max-width:1100px;
}
.gold-divider span{
  font-size:11px;color:var(--gold2);
}
.gold-divider i{
  flex:1;max-width:120px;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold-soft),transparent);
}

/* ---------- hero ---------- */
.article-hero{max-width:1100px;margin:30px auto 0;padding:0 24px}
.article-hero-box{
  position:relative;overflow:hidden;
  border-radius:28px;padding:58px 50px;
  background:
    radial-gradient(circle at 85% 12%, rgba(33,196,220,.22), transparent 28%),
    radial-gradient(circle at 30% 100%, rgba(217,154,34,.14), transparent 32%),
    linear-gradient(150deg,#020812 0%,#071b3f 55%,#0a3568 100%);
  border:1px solid rgba(217,154,34,.22);
  box-shadow:0 40px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.05);
}
.article-hero-box:after{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:46px 46px;pointer-events:none;
}
.eyebrow{
  position:relative;z-index:1;
  display:inline-flex;align-items:center;gap:10px;
  padding:8px 18px;border-radius:999px;
  border:1px solid rgba(255,227,154,.4);
  background:rgba(255,255,255,.06);
  font-size:11.5px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;
  color:#ffe39a;
}
.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold2);box-shadow:0 0 14px rgba(255,227,154,.9)}
h1{
  position:relative;z-index:1;
  margin:22px 0 18px;
  font-family:'Playfair Display',Georgia,serif;
  font-size:44px;line-height:1.08;letter-spacing:-.6px;font-weight:700;
  color:#fdf8ec;
}
h1 span{color:#e3b85b;font-style:italic;font-weight:600}
.article-hero p.lead{
  position:relative;z-index:1;
  margin:0;font-size:17.5px;line-height:1.7;color:rgba(244,248,255,.82);max-width:680px;
  font-weight:400;
}

/* ---------- article body ---------- */
.section{max-width:760px;margin:auto;padding:54px 24px 10px}
.section.tight{padding-top:0}
.section > p:first-of-type{
  font-size:17px;line-height:1.85;color:rgba(244,248,255,.88);
}
.section > p:first-of-type:first-letter{
  font-family:'Playfair Display',Georgia,serif;
  float:left;font-size:64px;line-height:.8;padding:8px 10px 0 0;
  color:var(--gold2);font-weight:700;
}
.section h2{
  font-family:'Playfair Display',Georgia,serif;
  font-size:28px;color:#f3dca0;margin:46px 0 18px;
  letter-spacing:-.2px;font-weight:700;
  display:flex;align-items:center;gap:14px;
}
.section h2:before{content:"";width:30px;height:1px;background:var(--gold-soft);flex:none}
.section h3{
  font-family:'Playfair Display',Georgia,serif;
  font-style:italic;font-weight:600;
  font-size:19.5px;color:#ffe7ad;margin:28px 0 10px;
}
.section p{font-size:15.5px;line-height:1.85;color:rgba(244,248,255,.78);margin:0 0 16px}
.section ul{margin:0 0 18px;padding-left:0;list-style:none}
.section li{
  position:relative;padding-left:26px;
  font-size:15.5px;line-height:1.75;color:rgba(244,248,255,.78);margin-bottom:11px;
}
.section li:before{
  content:"";position:absolute;left:0;top:9px;width:9px;height:9px;border-radius:2px;
  background:linear-gradient(145deg,#fff1c2,#c38b24);
  transform:rotate(45deg);
}
.section li strong{color:#fbe9bc;font-weight:700}

/* ---------- callout / pull quote ---------- */
.callout{
  position:relative;
  border-radius:18px;padding:28px 32px 26px 36px;margin:34px 0;
  background:linear-gradient(155deg,rgba(255,255,255,.07),rgba(255,255,255,.02));
  border:1px solid rgba(217,154,34,.32);
  border-left:3px solid var(--gold2);
  box-shadow:0 18px 40px rgba(0,0,0,.25);
}
.callout strong{
  display:block;font-family:'Playfair Display',Georgia,serif;font-style:italic;
  color:#ffe39a;font-size:16.5px;margin-bottom:8px;font-weight:600;
}
.callout p{margin:0;font-size:14.8px;line-height:1.75;color:rgba(244,248,255,.82)}

/* ---------- FAQ ---------- */
.faq-wrap{margin-top:8px}
.faq-item{
  border-bottom:1px solid rgba(217,154,34,.18);
  padding:20px 2px;
}
.faq-item summary{
  cursor:pointer;font-family:'Playfair Display',Georgia,serif;font-weight:700;
  font-size:16.5px;color:#fdf8ec;list-style:none;
  display:flex;justify-content:space-between;align-items:center;gap:16px;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{
  content:"+";color:var(--gold2);font-size:22px;font-weight:300;flex:none;
  transition:transform .25s ease;
}
.faq-item[open] summary:after{content:"\2212"}
.faq-item p{margin:14px 0 0;color:rgba(244,248,255,.75);font-size:14.8px;line-height:1.75}

/* ---------- CTA ---------- */
.cta-card{max-width:760px;margin:30px auto 60px;padding:0 24px}
.cta-box{
  position:relative;overflow:hidden;
  border-radius:22px;padding:42px 36px;text-align:center;
  background:linear-gradient(150deg,#071b3a,#0b4f9d 130%);
  border:1px solid rgba(217,154,34,.30);
  box-shadow:0 28px 60px rgba(0,0,0,.32);
}
.cta-box:before{
  content:"";position:absolute;top:-40%;left:50%;width:260px;height:260px;
  transform:translateX(-50%);
  background:radial-gradient(circle, rgba(217,154,34,.25), transparent 70%);
}
.cta-box h2{
  position:relative;z-index:1;color:#fdf8ec;margin:0 0 10px;
  font-family:'Playfair Display',Georgia,serif;font-size:25px;font-weight:700;
}
.cta-box p{position:relative;z-index:1;color:rgba(244,248,255,.82);margin:0 0 22px;font-size:15px}
.cta-box .btn-3d{position:relative;z-index:1}

/* ---------- footer ---------- */
footer{border-top:1px solid rgba(217,154,34,.16);padding:36px 24px}
.footer-inner{max-width:1100px;margin:auto}
.footer-inner strong{
  display:block;color:#fdf8ec;font-family:'Playfair Display',Georgia,serif;
  font-size:18px;margin-bottom:10px;font-weight:700;
}
.footer-links{display:flex;gap:18px;flex-wrap:wrap;margin:10px 0 18px}
.footer-links a{color:var(--gold2);font-weight:700;font-size:13px;letter-spacing:.2px}
.footer-links a:hover{text-decoration:underline}
.footer-inner p{margin:0 0 8px;font-size:12px;line-height:1.6;color:rgba(244,248,255,.42)}

@media(max-width:640px){
  .nav{display:none}
  .article-hero-box{padding:38px 26px}
  h1{font-size:32px}
  .section{padding-top:42px}
  .section > p:first-of-type:first-letter{font-size:48px}
}

/* Sources officielles spécialisées */
.sources-officielles{
  margin:42px 0 18px;
  padding:26px 28px;
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  border:1px solid rgba(217,154,34,.34);
  box-shadow:0 18px 40px rgba(0,0,0,.22);
}
.sources-officielles h2{margin-top:0!important}
.sources-officielles p{font-size:14.8px;line-height:1.75;color:rgba(244,248,255,.80)}
.sources-officielles ul{margin-top:14px}
.sources-officielles a{color:#ffe39a;text-decoration:underline;text-underline-offset:3px}
.sources-officielles .maj{font-size:12.8px;color:rgba(244,248,255,.62);margin-top:14px}



/* Appels vers le formulaire intégrés aux articles */
.article-form-cta{
  margin:30px 0;
  padding:24px 26px;
  border-radius:24px;
  text-align:center;
  background:
    radial-gradient(circle at 90% 15%, rgba(217,154,34,.16), transparent 28%),
    linear-gradient(135deg,rgba(4,18,37,.98),rgba(8,42,91,.96));
  border:1px solid rgba(217,154,34,.58);
  box-shadow:0 20px 48px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.10);
}
.article-form-cta h3{
  margin:0 0 7px;
  font-family:'Playfair Display',Georgia,serif;
  color:#d99a22;
  font-size:24px;
  line-height:1.25;
}
.article-form-cta p{
  margin:0 0 16px;
  color:rgba(255,255,255,.86);
  font-size:14.5px;
  line-height:1.55;
}
.article-form-cta .article-form-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:13px 23px;
  border-radius:16px;
  color:#071b3a!important;
  font-weight:900;
  text-decoration:none;
  background:linear-gradient(180deg,#fff3c2 0%,#e5b64d 46%,#ad7010 100%);
  border:1px solid rgba(255,227,154,.68);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.72),inset 0 -4px 0 rgba(74,43,4,.22),0 14px 30px rgba(217,154,34,.25);
}
.article-form-cta .article-form-button:hover{
  transform:translateY(-1px);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.75),inset 0 -4px 0 rgba(74,43,4,.22),0 19px 38px rgba(217,154,34,.33);
}
@media(max-width:620px){
  .article-form-cta{padding:21px 17px;margin:25px 0}
  .article-form-cta h3{font-size:21px}
  .article-form-cta .article-form-button{width:100%}
}


/* Enrichissement SEO — besoins principaux et maillage */
.article-form-title{
  display:block;
  margin:0 0 8px;
  font-family:'Playfair Display',Georgia,serif;
  font-size:23px;
  color:#d99a22;
  line-height:1.25;
}
.related-links{
  margin:28px 0;
  padding:22px 24px;
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));
  border:1px solid rgba(217,154,34,.38);
}
.related-links strong{display:block;color:#d99a22;font-size:18px;margin-bottom:10px}
.related-links ul{margin:0;padding-left:20px}
.related-links li{margin:7px 0}
.related-links a{color:#fff;font-weight:700;text-decoration:underline;text-decoration-color:rgba(217,154,34,.7);text-underline-offset:3px}


/* SEO comparison tables — 2026-08-12 */
.seo-table-wrap{overflow-x:auto;margin:24px 0 30px;border:1px solid rgba(217,154,34,.28);border-radius:16px;background:rgba(255,255,255,.035)}
.seo-table{width:100%;border-collapse:collapse;min-width:650px;font-size:14px;line-height:1.55;color:rgba(244,248,255,.82)}
.seo-table th,.seo-table td{padding:14px 16px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(217,154,34,.16)}
.seo-table th{color:#ffe39a;background:rgba(217,154,34,.09);font-weight:800}
.seo-table tr:last-child td{border-bottom:0}
.seo-table strong{color:#fbe9bc}