/* ── Font display swap ── */
@font-face { font-display: swap; }

/* ═══════════════════════════════════════════════════════════
   OPTITEL MID-TONE — Entre dark & light
   Navy profond + Blancs doux + Bleus vifs + Cyans
   ═══════════════════════════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',Arial,sans-serif;
  background:#f0f4fa;color:#1B2A4A;-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.65}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
ul{list-style:none}
button,input,select,textarea{font-family:inherit}

:root{
  --navy:#1B2A4A;
  --navy2:#0f1d35;
  --navy3:#162040;
  --blue:#2563EB;
  --blue2:#1d4ed8;
  --blue3:#3b82f6;
  --cyan:#0EA5E9;
  --cyan2:#0284c7;
  --lblue:#60a5fa;
  --pale:#dbeafe;
  --pale2:#eff6ff;
  --bg:#f0f4fa;
  --bg2:#e8eef8;
  --white:#ffffff;
  --border:#d1ddf0;
  --border2:#b8ccec;
  --gray:#4a6080;
  --lgray:#7a90b0;
  --green:#10b981;
  --amber:#f59e0b;
  --shadow:0 4px 20px rgba(27,42,74,.1);
  --shadow-lg:0 12px 48px rgba(27,42,74,.15);
  --shadow-blue:0 8px 32px rgba(37,99,235,.3);
  --radius:12px;
  --radius-lg:20px;
  --radius-xl:28px;
}

/* ── LAYOUT ── */
.container{max-width:1200px;margin:0 auto;padding:0 24px}
.s-label{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;
  letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin-bottom:14px}
.s-label::before{content:'';width:20px;height:2px;background:var(--blue);border-radius:1px}
.s-label.light{color:var(--cyan)}.s-label.light::before{background:var(--cyan)}
h2.h2{font-size:clamp(32px,4.5vw,54px);font-weight:900;line-height:1.06;
  letter-spacing:-.035em;color:var(--navy);margin-bottom:18px}
h2.h2.light{color:#fff}
h2.h2 span{background:linear-gradient(135deg,var(--blue),var(--cyan));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.p-lead{font-size:17px;color:var(--gray);line-height:1.75;max-width:560px}
.p-lead.light{color:rgba(255,255,255,.6)}

/* ── NAV ── */
.nav{position:fixed;top:0;left:0;right:0;z-index:500;
  background:rgba(15,29,53,.97);backdrop-filter:blur(20px);
  border-bottom:1px solid rgba(255,255,255,.06);transition:box-shadow .3s}
.nav.scrolled{box-shadow:0 4px 24px rgba(0,0,0,.3)}
.nav-inner{max-width:1200px;margin:0 auto;padding:0 24px;
  display:flex;align-items:center;height:70px;gap:40px}

.nav-links{display:flex;gap:32px;margin-left:auto;width: 100%;}
.nav-links a{font-size:14px;font-weight:500;color:rgba(255,255,255,.6);transition:color .2s}
.nav-links a:hover{color:#fff}
.nav-right{display:flex;align-items:center;gap:16px;margin-left:16px}
.nav-tel{font-size:13px;color:rgba(255,255,255,.5);transition:color .2s;white-space:nowrap}
.nav-tel:hover{color:var(--cyan)}
.btn-nav{font-size:13px;font-weight:700;color:#fff;background:var(--blue);
  padding:10px 20px;border-radius:var(--radius);transition:all .2s;border:none;cursor:pointer;white-space:nowrap}
.btn-nav:hover{background:var(--blue2);box-shadow:var(--shadow-blue);transform:translateY(-1px)}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}
.burger span{display:block;width:20px;height:1.5px;background:#fff;border-radius:2px;transition:.25s}
.burger.open span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}
.mob-menu{display:none;position:fixed;inset:0;top:70px;z-index:499;
  background:rgba(11,20,40,.99);backdrop-filter:blur(20px);
  padding:32px 24px;flex-direction:column;gap:4px}
.mob-menu.open{display:flex}
.mob-menu a{font-size:20px;font-weight:700;color:rgba(255,255,255,.7);
  padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06);transition:color .2s}
.mob-menu a:hover{color:#fff}
.mob-cta{margin-top:20px;padding:16px;background:var(--blue);color:#fff;
  font-size:16px;font-weight:700;border-radius:var(--radius);text-align:center;
  border:none;cursor:pointer;width:100%}

/* ── HERO CAROUSEL ── */
.hero{min-height:600px;position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}
.hero-slides{position:absolute;inset:0}
.hslide{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease;
  background-size:cover;background-position:center}
.hslide.on{opacity:1}
/* Carousel images télécom/business */
.hslide-1{background-image:url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=1200&q=80&auto=format&fit=crop');background-color:#0D1F3C}
.hslide-2{background-image:url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?w=1200&q=80&auto=format&fit=crop');background-color:#162040}
.hslide-3{background-image:url('https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=1200&q=80&auto=format&fit=crop');background-color:#0f1d35}
.hslide-4{background-image:url('https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?w=1200&q=80&auto=format&fit=crop');background-color:#162040}
.hero-overlay{position:absolute;inset:0;z-index:1;
  background:linear-gradient(110deg,
    rgba(11,20,40,.87) 0%,
    rgba(15,29,53,.70) 45%,
    rgba(10,18,35,.52) 70%,
    rgba(11,20,40,.70) 100%)}
/* Blue accent gradient overlay */
.hero-accent{position:absolute;inset:0;z-index:1;
  background:linear-gradient(135deg,rgba(37,99,235,.12) 0%,rgba(14,165,233,.06) 50%,transparent 70%)}
/* Grid lines */
.hero-lines{position:absolute;inset:0;z-index:1;
  background-image:linear-gradient(rgba(37,99,235,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(37,99,235,.07) 1px,transparent 1px);
  background-size:64px 64px}
/* Glow orbs */
.hero-orb{position:absolute;z-index:1;border-radius:50%;pointer-events:none}
.hero-orb-1{width:600px;height:600px;right:-100px;top:-150px;
  background:radial-gradient(circle,rgba(14,165,233,.15) 0%,transparent 65%)}
.hero-orb-2{width:400px;height:400px;left:-80px;bottom:0;
  background:radial-gradient(circle,rgba(37,99,235,.1) 0%,transparent 65%)}

.hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;
  padding:0 24px;padding-top:100px;padding-bottom:60px;
  display:grid;grid-template-columns:1.15fr 1fr;gap:72px;align-items:center;width:100%}

.hero-kicker{display:inline-flex;align-items:center;gap:10px;
  font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;
  color:var(--cyan);margin-bottom:24px}
.kicker-pulse{width:7px;height:7px;border-radius:50%;background:var(--cyan);
  animation:kpulse 2s infinite}
@keyframes kpulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(14,165,233,.4)}
  50%{opacity:.7;box-shadow:0 0 0 8px rgba(14,165,233,0)}}

.hero h1{font-size:clamp(40px,5.5vw,72px);font-weight:900;line-height:1.02;
  letter-spacing:-.04em;color:#fff;margin-bottom:22px}
.hero h1 .hl{background:linear-gradient(135deg,#93c5fd,var(--cyan));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-sub{font-size:clamp(15px,1.6vw,18px);color:rgba(255,255,255,.62);
  line-height:1.78;margin-bottom:36px;max-width:480px}
.hero-sub strong{color:#fff;font-weight:700}

.hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:44px}
.btn-glow{display:inline-flex;align-items:center;gap:10px;font-size:15px;
  font-weight:700;color:#fff;background:var(--blue);padding:15px 28px;
  border-radius:var(--radius);border:none;cursor:pointer;transition:all .25s;
  box-shadow:var(--shadow-blue)}
.btn-glow:hover{background:var(--blue2);transform:translateY(-2px);
  box-shadow:0 12px 40px rgba(37,99,235,.45)}
.btn-wire{display:inline-flex;align-items:center;gap:8px;font-size:15px;
  font-weight:600;color:rgba(255,255,255,.75);padding:15px 24px;
  border-radius:var(--radius);border:1px solid rgba(255,255,255,.2);
  transition:all .25s;background:transparent;cursor:pointer}
.btn-wire:hover{color:#fff;border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.06)}
.arrow{transition:transform .2s}
.btn-glow:hover .arrow,.btn-wire:hover .arrow{transform:translateX(4px)}

.hero-stats{display:flex;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);
  background:rgba(255,255,255,.05);backdrop-filter:blur(8px);overflow:hidden;width:fit-content}
.hstat{padding:16px 24px;text-align:center;border-right:1px solid rgba(255,255,255,.08)}
.hstat:last-child{border-right:none}
.hstat-n{font-size:26px;font-weight:900;color:#fff;line-height:1;letter-spacing:-.02em}
.hstat-n em{font-style:normal;color:var(--cyan)}
.hstat-l{font-size:11px;color:rgba(255,255,255,.4);margin-top:3px}

/* Hero right card */
.hero-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
  border-radius:var(--radius-xl);padding:32px;backdrop-filter:blur(16px);
  position:relative;overflow:hidden}
.hero-card::before{content:'';position:absolute;top:-50px;right:-50px;width:180px;height:180px;
  border-radius:50%;background:radial-gradient(circle,rgba(14,165,233,.2) 0%,transparent 70%)}



.hc-amount em{font-style:normal;color:var(--green)}









/* Carousel dots */
.hero-dots{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);
  display:flex;gap:8px;z-index:3}
.hdot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.3);
  border:none;padding:0;cursor:pointer;transition:all .3s}
.hdot.on{background:#fff;width:22px;border-radius:3px}

/* ── OPERATORS STRIP ── */
.ops{background:var(--navy3);border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);padding:24px 0}
.ops-inner{max-width:1200px;margin:0 auto;padding:0 24px;
  display:flex;align-items:center;gap:16px;flex-wrap:nowrap;overflow:visible}
.ops-label{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,255,255,.25);white-space:nowrap;margin-right:8px}
.ops-row{display:flex;align-items:center;gap:28px;flex:1;flex-wrap:wrap;justify-content:center}
.op{display:flex;align-items:center;height:38px;
  opacity:.5;transition:opacity .25s,transform .25s;filter:grayscale(20%)}
.op:hover{opacity:1;transform:scale(1.06);filter:none}
.op img{height:34px;width:auto;max-width:130px;object-fit:contain}

/* ── STATS BAND ── */
.stats-band{background:var(--navy);padding:64px 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.06)}
.sitem{background:var(--navy);padding:36px 24px;text-align:center;transition:background .2s}
.sitem:hover{background:rgba(37,99,235,.08)}
.sitem-n{font-size:clamp(38px,5vw,58px);font-weight:900;line-height:1;letter-spacing:-.04em;
  color:#fff;margin-bottom:8px}
.sitem-n em{font-style:normal;color:var(--cyan)}
.sitem-l{font-size:14px;color:rgba(255,255,255,.6);font-weight:500}
.sitem-s{font-size:11px;color:rgba(255,255,255,.3);margin-top:4px}

/* ── PROBLEM ── */
.section-problem{padding:100px 0;background:var(--bg)}
.problem-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:72px;align-items:center}
.problem-img{border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:4/3;
  position:relative;box-shadow:var(--shadow-lg)}
.problem-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.problem-img:hover img{transform:scale(1.04)}
.problem-overlay{position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 50%,rgba(11,20,40,.85) 100%)}
.problem-badge{position:absolute;bottom:20px;left:20px;right:20px;
  background:rgba(11,20,40,.88);backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);
  padding:18px 22px;display:flex;align-items:center;gap:16px}
.pb-n{font-size:36px;font-weight:900;color:#fff;line-height:1}
.pb-n em{font-style:normal;color:var(--cyan)}
.pb-t strong{display:block;font-size:13px;color:#fff;margin-bottom:2px}
.pb-t span{font-size:11px;color:rgba(255,255,255,.4)}
.float-c{position:absolute;background:#fff;box-shadow:var(--shadow-lg);
  border-radius:var(--radius);padding:12px 16px;border:1px solid var(--border)}
.float-c-1{top:-14px;right:-14px}
.float-c-2{bottom:-10px;right:36px}
.fc-n{font-size:18px;font-weight:900;color:var(--navy)}
.fc-n em{font-style:normal;color:var(--green)}
.fc-l{font-size:10px;color:var(--lgray);margin-top:2px}

.pain-list{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.pain{display:flex;gap:14px;padding:16px 18px;border-radius:var(--radius-lg);
  background:#fff;border:1px solid var(--border);box-shadow:0 2px 8px rgba(27,42,74,.06);
  transition:border-color .25s,box-shadow .25s,transform .25s}
.pain:hover{border-color:var(--pale);box-shadow:0 4px 20px rgba(37,99,235,.1);transform:translateX(4px)}
.pain-ico{width:42px;height:42px;border-radius:12px;background:var(--pale2);
  display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;
  border:1px solid var(--border)}
.pain h3{font-size:14px;font-weight:700;color:var(--navy);margin-bottom:3px}
.pain p{font-size:13px;color:var(--gray);line-height:1.55}

/* ── SHOCK ── */
.section-shock{padding:100px 0;background:var(--navy2);position:relative;overflow:hidden}
.shock-bg{position:absolute;inset:0;
  background-image:linear-gradient(rgba(37,99,235,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(37,99,235,.05) 1px,transparent 1px);
  background-size:52px 52px}
.shock-orb{position:absolute;width:600px;height:600px;border-radius:50%;right:-80px;top:-120px;
  background:radial-gradient(circle,rgba(14,165,233,.1) 0%,transparent 65%);pointer-events:none}
.shock-hdr{text-align:center;margin-bottom:52px;position:relative;z-index:1}
.shock-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;
  max-width:820px;margin:0 auto 24px;position:relative;z-index:1}
.sc{border-radius:var(--radius-xl);padding:36px;border:1px solid rgba(255,255,255,.07);position:relative;overflow:hidden}
.sc.before{background:rgba(255,255,255,.04)}
.sc.after{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(14,165,233,.07));border-color:rgba(16,185,129,.2)}
.sc-tag{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px}
.sc.before .sc-tag{color:rgba(255,255,255,.3)}
.sc.after .sc-tag{color:var(--green)}
.sc-val{font-size:clamp(44px,6vw,68px);font-weight:900;line-height:1;letter-spacing:-.04em;margin-bottom:6px}
.sc.before .sc-val{color:rgba(255,255,255,.2);text-decoration:line-through;text-decoration-color:rgba(239,68,68,.5)}
.sc.after .sc-val{color:var(--green)}
.sc-per{font-size:13px}.sc.before .sc-per{color:rgba(255,255,255,.3)}.sc.after .sc-per{color:rgba(16,185,129,.6)}
.sc-sub{font-size:12px;margin-top:10px}.sc.before .sc-sub{color:rgba(255,255,255,.15)}.sc.after .sc-sub{color:rgba(16,185,129,.4)}
.sc-badge{position:absolute;top:14px;right:14px;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.2);
  border-radius:6px;padding:2px 8px;font-size:9px;font-weight:800;color:#fca5a5;letter-spacing:.06em;text-transform:uppercase}
.shock-result{max-width:820px;margin:0 auto;position:relative;z-index:1;
  background:linear-gradient(135deg,var(--green),#0891b2);border-radius:var(--radius-xl);
  padding:32px 44px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px}
.sr-label{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:6px}
.sr-val{font-size:clamp(36px,5vw,60px);font-weight:900;color:#fff;line-height:1;letter-spacing:-.03em}
.btn-shock{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;
  background:rgba(0,0,0,.2);color:#fff;font-size:14px;font-weight:700;
  border:1.5px solid rgba(255,255,255,.25);border-radius:var(--radius);cursor:pointer;transition:all .2s}
.btn-shock:hover{background:rgba(0,0,0,.35);transform:translateY(-1px)}

/* ── SIMULATOR ── */
.section-sim{padding:100px 0;background:var(--bg)}
.sim-layout{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start;margin-top:56px}
.sim-panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius-xl);
  padding:36px;box-shadow:var(--shadow)}
.sim-panel h3{font-size:19px;font-weight:800;color:var(--navy);margin-bottom:28px;letter-spacing:-.01em}
.sim-row{margin-bottom:26px}
.sim-rh{display:flex;justify-content:space-between;margin-bottom:11px}
.sim-rh label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--lgray)}
.sim-rh span{font-size:16px;font-weight:900;color:var(--navy)}
input[type=range]{width:100%;-webkit-appearance:none;appearance:none;
  height:5px;background:var(--border);border-radius:3px;outline:none;cursor:pointer}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;
  border-radius:50%;background:var(--blue);cursor:pointer;border:2.5px solid #fff;
  box-shadow:0 0 0 4px rgba(37,99,235,.15);transition:box-shadow .2s}
input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 0 7px rgba(37,99,235,.2)}
.sim-results{display:flex;flex-direction:column;gap:12px}
.sim-main{background:var(--navy);border-radius:var(--radius-xl);padding:32px;position:relative;overflow:hidden}
.sim-main::after{content:'';position:absolute;top:-40px;right:-40px;width:150px;height:150px;
  border-radius:50%;background:radial-gradient(circle,rgba(14,165,233,.2) 0%,transparent 70%)}
.sm-tag{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(255,255,255,.4);margin-bottom:8px}
.sm-val{font-size:clamp(40px,5vw,58px);font-weight:900;line-height:1;color:#fff;
  letter-spacing:-.04em;margin-bottom:5px;position:relative;z-index:1}
.sm-val em{font-style:normal;color:var(--cyan)}
.sm-note{font-size:12px;color:rgba(255,255,255,.4);position:relative;z-index:1}
.sim-2col{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sim-mini{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;box-shadow:0 2px 8px rgba(27,42,74,.06)}
.sm2-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--lgray);margin-bottom:6px}
.sm2-val{font-size:24px;font-weight:900;color:var(--navy)}
.sm2-val.g{color:var(--green)}
.sm2-val.d{color:var(--lgray);font-size:20px}
.sim-gtee{display:flex;gap:10px;align-items:center;padding:13px 16px;border-radius:var(--radius);
  background:#f0fdf4;border:1px solid #bbf7d0;font-size:12px;font-weight:600;color:#166534}
.sim-gtee svg{flex-shrink:0;color:var(--green)}
.btn-sim{width:100%;padding:15px;background:var(--blue);color:#fff;font-size:14px;
  font-weight:700;border:none;border-radius:var(--radius);cursor:pointer;transition:all .2s;
  box-shadow:var(--shadow-blue)}
.btn-sim:hover{background:var(--blue2);transform:translateY(-1px);box-shadow:0 10px 30px rgba(37,99,235,.4)}

/* ── METHOD ── */
.section-method{padding:100px 0;background:#fff}
.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);
  border-radius:var(--radius-xl);overflow:hidden;margin-top:60px;box-shadow:var(--shadow)}
.mitem{background:#fff;padding:36px 24px;position:relative;transition:background .25s}
.mitem:hover{background:var(--pale2)}
.mnum{font-size:56px;font-weight:900;line-height:1;color:var(--bg2);letter-spacing:-.04em;margin-bottom:14px;transition:color .25s}
.mitem:hover .mnum{color:rgba(37,99,235,.07)}
.mico{width:46px;height:46px;border-radius:12px;background:var(--pale2);
  display:flex;align-items:center;justify-content:center;margin-bottom:16px;
  color:var(--blue);border:1px solid var(--border);transition:all .25s}
.mitem:hover .mico{background:var(--blue);color:#fff;border-color:var(--blue);transform:scale(1.08)}
.mitem h3{font-size:15px;font-weight:800;color:var(--navy);margin-bottom:7px}
.mitem p{font-size:13px;color:var(--gray);line-height:1.65}
.mdelay{position:absolute;top:14px;right:18px;font-size:10px;font-weight:700;
  color:var(--lgray);background:var(--bg);padding:2px 8px;border-radius:20px;border:1px solid var(--border)}

/* ── COMPARE ── */
.section-compare{padding:100px 0;background:var(--bg)}
.cmp-wrap{margin-top:56px;border-radius:var(--radius-xl);overflow:hidden;
  border:1px solid var(--border);box-shadow:var(--shadow-lg)}
table.ct{width:100%;border-collapse:collapse}
table.ct thead th{padding:18px 22px;font-size:13px;font-weight:800;text-align:center;
  background:#fff;border-bottom:2px solid var(--border);color:var(--navy)}
table.ct thead th:first-child{text-align:left}
table.ct thead .th-us{background:var(--navy);color:#fff}
.th-b{display:block;font-size:9px;font-weight:800;letter-spacing:.08em;
  color:rgba(255,255,255,.5);margin-top:3px}
table.ct tbody td{padding:14px 22px;font-size:13px;color:var(--gray);
  text-align:center;border-bottom:1px solid var(--border);background:#fff;transition:background .15s}
table.ct tbody td:first-child{text-align:left;font-weight:600;color:var(--navy)}
table.ct tbody tr:hover td{background:var(--pale2)}
table.ct tbody .td-us{background:rgba(37,99,235,.04)}
table.ct tbody tr:hover .td-us{background:rgba(37,99,235,.08)}
table.ct tbody tr:last-child td{border-bottom:none}
.sy{font-size:17px;font-weight:900;color:#16a34a}
.sn{font-size:17px;font-weight:900;color:#dc2626}
.sm{font-size:17px;font-weight:900;color:var(--amber)}

/* ── GUARANTEES ── */
.section-gtee{padding:100px 0;background:var(--navy)}
.gtee-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px}
.gcard{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);
  border-radius:var(--radius-xl);padding:28px;transition:all .25s}
.gcard:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);transform:translateY(-4px)}
.gico{width:50px;height:50px;border-radius:14px;background:rgba(37,99,235,.18);
  display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:18px;
  transition:all .25s}
.gcard:hover .gico{background:rgba(37,99,235,.32);transform:scale(1.1)}
.gcard h3{font-size:16px;font-weight:800;color:#fff;margin-bottom:10px;line-height:1.2}
.gcard p{font-size:13px;color:rgba(255,255,255,.45);line-height:1.7}

/* ── TESTIMONIALS ── */
.section-testi{padding:100px 0;background:var(--bg)}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:56px}
.tcard{background:#fff;border:1px solid var(--border);border-radius:var(--radius-xl);
  padding:28px;box-shadow:var(--shadow);transition:all .25s}
.tcard:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}
.tstars{color:var(--amber);font-size:14px;letter-spacing:2px;margin-bottom:10px}
.teco{display:inline-block;font-size:20px;font-weight:900;color:var(--green);
  background:#f0fdf4;border:1px solid #bbf7d0;padding:5px 12px;border-radius:8px;
  margin-bottom:14px;letter-spacing:-.01em}
.ttext{font-size:13px;color:var(--gray);line-height:1.75;font-style:italic;margin-bottom:18px}
.tauthor{display:flex;align-items:center;gap:10px}
.tavatar{width:38px;height:38px;border-radius:50%;background:var(--pale2);
  border:1px solid var(--border);display:flex;align-items:center;justify-content:center;
  font-size:13px;font-weight:900;color:var(--blue);flex-shrink:0}
.tname{font-size:13px;font-weight:800;color:var(--navy)}
.trole{font-size:11px;color:var(--lgray)}

/* ── FAQ ── */
.section-faq{padding:100px 0;background:#fff}
.faq-list{max-width:700px;margin:56px auto 0;display:flex;flex-direction:column;gap:4px}
.fitem{border:1px solid var(--border);border-radius:var(--radius-lg);
  overflow:hidden;background:#fff;box-shadow:0 2px 8px rgba(27,42,74,.06);transition:border-color .2s}
.fitem.open{border-color:var(--pale);box-shadow:0 4px 20px rgba(37,99,235,.08)}
.fq{display:flex;justify-content:space-between;align-items:center;
  padding:18px 22px;cursor:pointer;font-size:14px;font-weight:700;color:var(--navy);gap:14px;user-select:none}
.ficon{width:24px;height:24px;border-radius:50%;background:var(--bg);
  display:flex;align-items:center;justify-content:center;color:var(--blue);
  font-size:16px;font-weight:700;border:1px solid var(--border);
  flex-shrink:0;transition:all .25s}
.fitem.open .ficon{transform:rotate(45deg);background:var(--blue);color:#fff;border-color:var(--blue)}
.fa{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease;
  font-size:13px;color:var(--gray);line-height:1.75;padding:0 22px}
.fitem.open .fa{max-height:280px;padding:0 22px 20px}

/* ── LINKEDIN ── */
.section-linkedin{padding:64px 0;background:var(--bg);
  border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.linkedin-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}
.li-left h3{font-size:24px;font-weight:900;color:var(--navy);margin-bottom:6px;letter-spacing:-.02em}
.li-left p{font-size:14px;color:var(--gray)}
.btn-li{display:inline-flex;align-items:center;gap:12px;padding:14px 26px;
  border-radius:var(--radius);background:#0A66C2;color:#fff;font-size:14px;font-weight:700;
  border:none;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}
.btn-li:hover{background:#004182;transform:translateY(-1px);box-shadow:0 8px 24px rgba(10,102,194,.35)}

/* ── CTA + FORM ── */
.section-cta{padding:100px 0;background:var(--navy2);position:relative;overflow:hidden}
.cta-orb{position:absolute;width:500px;height:500px;border-radius:50%;
  right:-100px;top:-100px;background:radial-gradient(circle,rgba(37,99,235,.1) 0%,transparent 65%);pointer-events:none}
.cta-layout{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
.cta-l .s-label{color:var(--cyan)}.cta-l .s-label::before{background:var(--cyan)}
.cta-l h2{font-size:clamp(30px,4vw,48px);font-weight:900;color:#fff;letter-spacing:-.035em;line-height:1.08;margin-bottom:16px}
.cta-l h2 em{font-style:normal;color:var(--cyan)}
.cta-l p{font-size:15px;color:rgba(255,255,255,.5);line-height:1.75;margin-bottom:24px}
.trust-list{display:flex;flex-direction:column;gap:9px;margin-bottom:28px}
.titem{display:flex;gap:10px;align-items:center;font-size:13px;color:rgba(255,255,255,.6)}
.titem svg{color:var(--green);flex-shrink:0}
.c-direct{display:flex;flex-direction:column;gap:10px;padding:18px 22px;
  border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04)}
.c-direct h4{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;
  color:rgba(255,255,255,.25);margin-bottom:4px}
.c-direct a{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;
  color:rgba(255,255,255,.65);transition:color .2s}
.c-direct a:hover{color:#fff}
.c-direct a svg{color:var(--cyan);flex-shrink:0}

/* Form */
.cform{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xl);
  padding:36px;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.cform h3{font-size:19px;font-weight:900;color:var(--navy);margin-bottom:5px}
.csub{font-size:12px;color:var(--lgray);margin-bottom:24px}
.fg{margin-bottom:13px}
.fg label{display:block;font-size:10px;font-weight:800;text-transform:uppercase;
  letter-spacing:.09em;color:var(--navy);margin-bottom:6px}
.fg input,.fg select,.fg textarea{width:100%;padding:11px 14px;border:1.5px solid var(--border);
  border-radius:var(--radius);font-size:14px;color:var(--navy);background:#fff;
  outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit}
.fg input:focus,.fg select:focus,.fg textarea:focus{
  border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,99,235,.1)}
.fg-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fg-chk{display:flex;gap:10px;align-items:flex-start;margin-bottom:18px}
.fg-chk input[type=checkbox]{width:15px;height:15px;margin-top:2px;
  accent-color:var(--blue);flex-shrink:0;cursor:pointer}
.fg-chk label{font-size:11px;color:var(--lgray);line-height:1.5}
.btn-submit{width:100%;padding:14px;background:var(--blue);color:#fff;font-size:14px;
  font-weight:700;border:none;border-radius:var(--radius);cursor:pointer;transition:all .2s;
  font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px;
  box-shadow:var(--shadow-blue)}
.btn-submit:hover{background:var(--blue2);transform:translateY(-1px);box-shadow:0 8px 28px rgba(37,99,235,.4)}
.btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}
.fmsg-ok{display:none;margin-top:14px;padding:14px;background:#f0fdf4;border:1px solid #bbf7d0;
  border-radius:var(--radius);font-size:13px;font-weight:600;color:#166534;text-align:center}
.fmsg-err{display:none;margin-top:14px;padding:14px;background:#fef2f2;border:1px solid #fecaca;
  border-radius:var(--radius);font-size:13px;font-weight:600;color:#991b1b;text-align:center}

/* ── FOOTER ── */
.footer{background:var(--navy2);border-top:1px solid rgba(255,255,255,.06);padding:64px 0 0}
.footer-grid{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:48px;
  padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.06)}
.fb img{height:36px;width:auto;max-width:140px;object-fit:contain;opacity:.85;margin-bottom:16px}
.fb p{font-size:13px;color:rgba(255,255,255,.3);line-height:1.8;max-width:280px;margin-bottom:20px}
.fb-soc{display:flex;gap:10px}
.fb-soc a{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;
  color:rgba(255,255,255,.4);transition:all .2s}
.fb-soc a:hover{background:rgba(255,255,255,.1);color:#fff}
.fcol h4{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(255,255,255,.22);margin-bottom:18px}
.fcol ul{display:flex;flex-direction:column;gap:10px}
.fcol a{font-size:13px;color:rgba(255,255,255,.38);transition:color .2s}
.fcol a:hover{color:#fff}
.footer-bottom{padding:20px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.footer-bottom p{font-size:11px;color:rgba(255,255,255,.22)}
.footer-bottom a{color:rgba(255,255,255,.3);transition:color .2s}
.footer-bottom a:hover{color:rgba(255,255,255,.6)}

/* ── LEGAL PAGES ── */
.page-legal{display:none;min-height:100vh;background:var(--bg);padding:100px 0 80px}
.page-legal.active{display:block}
.page-legal h1{font-size:clamp(28px,4vw,44px);font-weight:900;color:var(--navy);
  letter-spacing:-.03em;margin-bottom:8px}
.page-legal .page-meta{font-size:13px;color:var(--lgray);margin-bottom:48px}
.legal-section{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:32px;margin-bottom:16px;box-shadow:0 2px 8px rgba(27,42,74,.06)}
.legal-section h2{font-size:17px;font-weight:800;color:var(--navy);margin-bottom:12px;padding-bottom:12px;
  border-bottom:1px solid var(--border)}
.legal-section p,.legal-section li{font-size:14px;color:var(--gray);line-height:1.8;margin-bottom:8px}
.legal-section ul{margin-left:20px;margin-bottom:8px}
.legal-section li{list-style:disc}
.back-btn{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;
  color:var(--blue);margin-bottom:32px;cursor:pointer;background:none;border:none;padding:0}
.back-btn:hover{color:var(--blue2)}

/* ── FLOATING CTA ── */
.fcta{position:fixed;bottom:24px;right:24px;z-index:400;background:var(--blue);color:#fff;
  padding:12px 20px;border-radius:100px;font-size:13px;font-weight:700;border:none;cursor:pointer;
  display:flex;align-items:center;gap:8px;box-shadow:0 8px 28px rgba(37,99,235,.4);
  transform:translateY(100px);opacity:0;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .4s,box-shadow .2s}
.fcta.show{transform:translateY(0);opacity:1}
.fcta:hover{box-shadow:0 12px 40px rgba(37,99,235,.55);transform:translateY(-2px)}
.fcta-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.5}}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .hero-inner{grid-template-columns:1fr;gap:40px;padding-top:80px}
  .hero-card{max-width:460px}
  .problem-layout,.sim-layout,.cta-layout{grid-template-columns:1fr}
  .shock-cards{grid-template-columns:1fr}
  .method-grid{grid-template-columns:1fr 1fr}
  .gtee-grid,.testi-grid{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
  .nav-links,.nav-right .nav-tel{display:none}
  .burger{display:flex}
}
@media(max-width:640px){
  .hero h1{font-size:36px}.method-grid,.gtee-grid,.testi-grid{grid-template-columns:1fr}
  .sim-2col,.fg-2{grid-template-columns:1fr}.shock-result{flex-direction:column;text-align:center}
  .stats-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr;gap:24px}
  .cform{padding:24px}.linkedin-inner{flex-direction:column}
  .float-c-1,.float-c-2{display:none}.fcta{bottom:16px;right:14px}
}

/* ── ANIMATIONS ── */
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes slideLeft{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}
@keyframes slideRight{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}
@keyframes countUp{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}

.anim-fade-up{opacity:0;animation:fadeUp .7s ease forwards}
.anim-fade-in{opacity:0;animation:fadeIn .6s ease forwards}
.anim-slide-left{opacity:0;animation:slideLeft .7s ease forwards}
.anim-slide-right{opacity:0;animation:slideRight .7s ease forwards}
.anim-count{opacity:0;animation:countUp .6s cubic-bezier(.34,1.56,.64,1) forwards}

/* Delay utilities */
.d-1{animation-delay:.1s}.d-2{animation-delay:.2s}.d-3{animation-delay:.3s}
.d-4{animation-delay:.4s}.d-5{animation-delay:.5s}.d-6{animation-delay:.6s}
.d-7{animation-delay:.7s}.d-8{animation-delay:.8s}

/* Hover micro-interactions */
.pain{cursor:default}
.gcard,.tcard,.mitem,.fitem{transition:all .3s cubic-bezier(.4,0,.2,1)}

/* Number counter effect */
.sitem-n{transition:transform .3s ease}
.sitem:hover .sitem-n{transform:scale(1.08)}

/* Pulse on CTA buttons */
.btn-glow{position:relative;overflow:hidden}
.btn-glow::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);
  transform:translateX(-100%);transition:transform .5s ease}
.btn-glow:hover::after{transform:translateX(100%)}

/* Active nav link indicator */
.nav-links a.active{color:#fff}
.nav-links a.active::after{content:'';display:block;height:2px;background:var(--cyan);
  border-radius:1px;margin-top:2px}


/* ── COMPARE MOBILE FIX ── */
@media(max-width:768px){
  .cmp-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg)}
  table.ct{min-width:480px}
  table.ct thead th{padding:14px 16px;font-size:12px}
  table.ct tbody td{padding:12px 16px;font-size:12px}
  table.ct thead th:first-child,table.ct tbody td:first-child{
    position:sticky;left:0;z-index:2;min-width:120px;background:#fff}
  table.ct tbody tr:hover td:first-child{background:#f8faff}
  table.ct thead .th-us{min-width:100px}
}

/* ── HERO MOBILE FIX ── */
@media(max-width:640px){
  .hero-inner{padding-top:88px;padding-bottom:40px;gap:32px}
  .hero h1{font-size:34px;line-height:1.05}
  .hero-btns{flex-direction:column;gap:12px}
  .btn-glow,.btn-wire{width:100%;justify-content:center;padding:16px}
  .hero-card{display:none}
  .hero-stats{width:100%;border-radius:var(--radius)}
  .hstat{flex:1;padding:14px 12px}
  .hstat-n{font-size:22px}
  .ops-inner{flex-direction:column;align-items:flex-start;gap:12px}
  .ops-row{gap:16px;justify-content:flex-start;width:100%}
  .shock-cards{gap:12px}
  .sc{padding:28px 24px}
  .shock-result{padding:24px 28px}
}

/* ── CONTACT MOBILE ── */
@media(max-width:640px){
  .cta-layout{gap:40px}
  .cform{padding:24px 20px}
  .c-direct a{font-size:15px;font-weight:700}
}


.email-display{unicode-bidi:normal!important}
.email-link span{display:inline!important;visibility:visible!important}


@media(max-width:640px){
  
}

/* ═══ DESIGN UPGRADE ═══ */

/* Logo nav */


/* Ops alignement */
.ops{padding:20px 0}
.ops-row{gap:28px;align-items:center}
.op{height:44px;display:flex;align-items:center}
.op img{max-height:40px;width:auto;object-fit:contain}

/* Hero card plus profonde */
.hero-card{
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 24px 80px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.1);
}
.hc-amount em{
  background:linear-gradient(135deg,#34d399,var(--cyan));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}

/* Float cards animées */
.float-c-1{animation:floatA 4s ease-in-out infinite}
.float-c-2{animation:floatA 4s ease-in-out 2s infinite}
@keyframes floatA{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* Pain cards accent gauche */
.pain{border-left:3px solid transparent;transition:border-color .25s,box-shadow .25s,transform .25s}
.pain:hover{border-left-color:var(--blue);transform:translateX(6px)}

/* Shock values gradient */
.sc.after .sc-val{
  background:linear-gradient(135deg,#34d399,var(--cyan));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}

/* Guarantee cards icon animation */
.gcard{position:relative}
.gcard::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--blue),var(--cyan));
  opacity:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;transition:opacity .3s}
.gcard:hover::after{opacity:1}
.gico{transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .25s}
.gcard:hover .gico{transform:scale(1.18) rotate(-6deg)}

/* Stars animated */
.tstars span{display:inline-block}
.tcard:hover .tstars span:nth-child(1){animation:starP .25s ease 0s both}
.tcard:hover .tstars span:nth-child(2){animation:starP .25s ease .05s both}
.tcard:hover .tstars span:nth-child(3){animation:starP .25s ease .1s both}
.tcard:hover .tstars span:nth-child(4){animation:starP .25s ease .15s both}
.tcard:hover .tstars span:nth-child(5){animation:starP .25s ease .2s both}
@keyframes starP{0%{transform:scale(1)}50%{transform:scale(1.5)}100%{transform:scale(1)}}

/* Testimonials quote */
.tcard::before{
  content:'"';position:absolute;top:12px;right:18px;
  font-size:56px;line-height:1;color:var(--border);font-family:Georgia,serif;
  pointer-events:none;
}

/* Scroll progress */
#scroll-progress{
  position:fixed;top:0;left:0;height:3px;z-index:600;
  background:linear-gradient(90deg,var(--blue),var(--cyan));
  transition:width .1s linear;width:0%;
}

/* Hero h1 text glow */
@keyframes textGlow{0%,100%{text-shadow:none}50%{text-shadow:0 0 40px rgba(147,197,253,.2)}}
.hero h1{animation:textGlow 5s ease-in-out infinite 2s}

/* Ken Burns */
.hslide.on{animation:kenBurns 8s ease-out forwards}
@keyframes kenBurns{0%{transform:scale(1)}100%{transform:scale(1.05)}}

/* Method hover accent */
.mitem:hover{box-shadow:inset 3px 0 0 var(--blue)}

/* Sim panel gradient */
.sim-panel{background:linear-gradient(135deg,#fff,#f8faff)}
.sim-main{background:linear-gradient(135deg,var(--navy),var(--navy2))}

/* Nav active indicator */
.nav-links a{position:relative}
.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;right:0;
  height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));
  border-radius:1px;transform:scaleX(0);transition:transform .25s}
.nav-links a:hover::after,.nav-links a.active::after{transform:scaleX(1)}
.nav-links a.active{color:#fff}

/* Button shimmer */
.btn-glow{position:relative;overflow:hidden}
.btn-glow::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);
  transform:skewX(-15deg)}
.btn-glow:hover::after{left:150%;transition:left .55s ease}

/* Floating CTA pulse ring */
.fcta{position:fixed}
.fcta::before{content:'';position:absolute;inset:-4px;border-radius:100px;
  border:2px solid rgba(37,99,235,.25);animation:fctaP 2.5s ease-in-out infinite}
@keyframes fctaP{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.07);opacity:0}}

/* Ripple keyframe */
@keyframes ripple{to{transform:scale(3);opacity:0}}

/* Form field success */
.fg input:valid:not(:placeholder-shown){border-color:rgba(16,185,129,.35)}





.ops-row{
  display:flex;align-items:center;gap:20px;
  flex:1;flex-wrap:nowrap;justify-content:space-between;
  overflow:visible;
}
.op{
  display:flex;align-items:center;justify-content:center;
  height:40px;flex-shrink:0;
  opacity:.55;transition:opacity .3s,transform .3s;
}
.op:hover{opacity:1;transform:scale(1.06)}
.op img{height:34px;width:auto;display:block;max-width:none}
.op svg{display:block;overflow:visible}
@media(max-width:900px){
  .ops-row{flex-wrap:wrap;gap:14px;justify-content:center}
}



.nav-logo{display:flex;align-items:center}
.nav-logo > *{line-height:1}
.nav-logo img + *,.nav-logo br + *{display:none !important}


/* ═══ OPS STRIP ═══ */
.ops{background:var(--navy3);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);padding:22px 0}
.ops-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.ops-label{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.22);white-space:nowrap;flex-shrink:0}
.ops-row{display:flex;align-items:center;gap:28px;flex:1;flex-wrap:wrap;justify-content:center}
.op{display:flex;align-items:center;justify-content:center;height:40px;flex-shrink:0;opacity:.5;transition:opacity .3s,transform .3s}
.op:hover{opacity:1;transform:scale(1.07)}
.op img{display:block;width:auto;object-fit:contain;max-width:140px}


/* ═══ NO TAGLINE ═══ */
.nav-logo{line-height:0;display:flex;align-items:center}



/* ═══ LOGO TEXTE PUR ═══ */
.nav-logo{
  display:flex;align-items:center;text-decoration:none;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',Arial,sans-serif;
  font-size:28px;font-weight:900;letter-spacing:-.5px;line-height:1;
  border:none;background:none;
}
.logo-opti{color:#ffffff}
.logo-tel{color:#2563EB}
.logo-foot{
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',Arial,sans-serif;
  font-size:24px;font-weight:900;letter-spacing:-.5px;line-height:1;
  margin-bottom:16px;
}


/* ── À PROPOS ── */
.section-about{padding:100px 0;background:#fff}
.about-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:72px;align-items:center}
.about-avatar{
  width:180px;height:180px;border-radius:50%;
  background:linear-gradient(135deg,var(--navy),var(--navy2));
  display:flex;align-items:center;justify-content:center;
  border:4px solid var(--blue);
  box-shadow:0 0 0 8px rgba(37,99,235,.08);
  margin:0 auto 20px;
}
.about-initials{font-size:42px;font-weight:900;color:#fff;letter-spacing:-2px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.about-badge{display:inline-flex;align-items:center;gap:8px;
  background:var(--pale2);border:1px solid var(--border);
  border-radius:100px;padding:7px 16px;
  font-size:11px;font-weight:700;color:var(--blue);margin-bottom:16px}
.about-badge::before{content:'';width:7px;height:7px;border-radius:50%;
  background:var(--green);animation:kpulse 2s infinite;flex-shrink:0}
.about-title{font-size:clamp(26px,3.5vw,40px);font-weight:900;line-height:1.1;
  letter-spacing:-.03em;color:var(--navy);margin-bottom:16px}
.about-title span{background:linear-gradient(135deg,var(--blue),var(--cyan));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.about-text{font-size:15px;color:var(--gray);line-height:1.85;margin-bottom:16px}
.about-xp{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}
.axp{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:14px;text-align:center}
.axp-n{font-size:26px;font-weight:900;color:var(--navy);letter-spacing:-.02em;line-height:1}
.axp-n em{font-style:normal;color:var(--blue)}
.axp-l{font-size:11px;color:var(--lgray);margin-top:3px}
.about-ops{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.aop{font-size:11px;font-weight:700;color:var(--gray);background:var(--bg2);
  border:1px solid var(--border);border-radius:6px;padding:4px 10px}
@media(max-width:900px){
  .about-layout{grid-template-columns:1fr}
  .about-avatar{width:140px;height:140px}
  .about-initials{font-size:48px}
}

/* ── BLOG ── */
.section-blog{padding:100px 0;background:var(--bg)}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px}
.bcard{background:#fff;border:1px solid var(--border);border-radius:var(--radius-xl);
  padding:28px;box-shadow:var(--shadow);transition:all .25s;display:flex;flex-direction:column}
.bcard:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}
.btag{display:inline-block;font-size:10px;font-weight:800;text-transform:uppercase;
  letter-spacing:.1em;color:var(--blue);background:var(--pale2);
  border:1px solid var(--pale);border-radius:6px;padding:3px 10px;margin-bottom:14px}
.bcard h3{font-size:16px;font-weight:800;color:var(--navy);line-height:1.4;margin-bottom:10px}
.bcard p{font-size:13px;color:var(--gray);line-height:1.7;flex:1;margin-bottom:16px}
.bcard-meta{display:flex;justify-content:space-between;align-items:center;
  padding-top:14px;border-top:1px solid var(--border)}
.bcard-date{font-size:11px;color:var(--lgray)}
.bcard-read{font-size:11px;font-weight:700;color:var(--blue)}
.bcard-cta{margin-top:28px;text-align:center}
@media(max-width:900px){.blog-grid{grid-template-columns:1fr}}

/* ── CONFIRMATION ── */
.confirm-wrap{display:none;text-align:center;padding:28px 16px}
.confirm-check{width:68px;height:68px;border-radius:50%;
  background:linear-gradient(135deg,#10b981,#0891b2);
  display:flex;align-items:center;justify-content:center;
  margin:0 auto 18px;font-size:28px;
  box-shadow:0 8px 24px rgba(16,185,129,.25)}
.confirm-title{font-size:20px;font-weight:900;color:var(--navy);margin-bottom:8px;letter-spacing:-.02em}
.confirm-sub{font-size:14px;color:var(--gray);line-height:1.7;margin-bottom:24px}
.confirm-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;text-align:left}
.ccard{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:13px 15px}
.ccard-l{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--lgray);margin-bottom:3px}
.ccard-v{font-size:13px;font-weight:700;color:var(--navy)}
.ccard-v a{color:var(--blue);text-decoration:none}
.confirm-note{font-size:11px;color:var(--lgray);font-style:italic}


/* ── ARTICLES BLOG ── */
.article-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:800;
  overflow-y:auto;padding:40px 20px}
.article-overlay.open{display:block}
.article-box{max-width:760px;margin:0 auto;background:#fff;border-radius:var(--radius-xl);
  padding:48px;position:relative}
.article-close{position:absolute;top:20px;right:20px;width:36px;height:36px;
  border-radius:50%;background:var(--bg2);border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--gray);
  transition:all .2s}
.article-close:hover{background:var(--border);color:var(--navy)}
.article-tag{display:inline-block;font-size:10px;font-weight:800;text-transform:uppercase;
  letter-spacing:.1em;color:var(--blue);background:var(--pale2);
  border:1px solid var(--pale);border-radius:6px;padding:3px 10px;margin-bottom:16px}
.article-h1{font-size:clamp(22px,3vw,32px);font-weight:900;color:var(--navy);
  line-height:1.2;letter-spacing:-.02em;margin-bottom:12px}
.article-meta{font-size:12px;color:var(--lgray);margin-bottom:32px;
  padding-bottom:20px;border-bottom:1px solid var(--border)}
.article-body h2{font-size:18px;font-weight:800;color:var(--navy);margin:28px 0 10px;letter-spacing:-.01em}
.article-body p{font-size:15px;color:var(--gray);line-height:1.85;margin-bottom:14px}
.article-body ul{margin:0 0 14px 20px}
.article-body li{font-size:15px;color:var(--gray);line-height:1.8;margin-bottom:4px}
.article-body strong{color:var(--navy);font-weight:700}
.article-cta{margin-top:36px;padding:24px;background:var(--pale2);
  border:1px solid var(--pale);border-radius:var(--radius-lg);text-align:center}
.article-cta p{font-size:15px;font-weight:700;color:var(--navy);margin-bottom:14px}
@media(max-width:640px){.article-box{padding:24px}}


/* ══ SIMULATEUR OPTITEL ══ */

    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    body {
      font-family: 'DM Sans', sans-serif;
      background: linear-gradient(135deg, #F1F5F9 0%, #EFF6FF 100%);
      min-height: 100vh;
      color: #1E293B;
    }

    /* ── Layout ── */
    .optitel-sim .wrapper {
      min-height: 100vh;
      display: flex;
      align-items: flex-start;
      justify-content: center;
      padding: 32px 16px 48px;
    }
    .optitel-sim .container { width: 100%; max-width: 520px; }

    /* ── Header ── */
    .optitel-sim .header { text-align: center; margin-bottom: 32px; }
    .optitel-sim .logo { font-size: 26px; font-weight: 800; letter-spacing: -0.03em; margin-bottom: 6px; }
    .optitel-sim .logo-opti { color: #0D1F3C; }
    .optitel-sim .logo-tel { color: #2563EB; }
    .optitel-sim .headline { font-size: 22px; font-weight: 800; color: #0D1F3C; line-height: 1.2; margin-bottom: 8px; }
    .optitel-sim .headline span { color: #2563EB; }
    .optitel-sim .subline { font-size: 14px; color: #64748B; max-width: 360px; margin: 0 auto; }

    /* ── Stepper ── */
    .optitel-sim .stepper { display: flex; align-items: center; margin-bottom: 28px; }
    .optitel-sim .step-wrap { display: flex; align-items: center; flex: 1; }
    .optitel-sim .step-wrap:last-child { flex: none; }
    .optitel-sim .step-col { display: flex; flex-direction: column; align-items: center; gap: 4px; }
    .optitel-sim .step-circle {
      width: 32px; height: 32px; border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      font-size: 13px; font-weight: 700;
      transition: background 0.3s, box-shadow 0.3s;
    }
    .optitel-sim .step-circle.done { background: #00BFA5; color: #fff; }
    .optitel-sim .step-circle.active { background: #2563EB; color: #fff; box-shadow: 0 0 0 4px #2563eb25; }
    .optitel-sim .step-circle.pending { background: #E2E8F0; color: #64748B; }
    .optitel-sim .step-label { font-size: 11px; white-space: nowrap; transition: color 0.3s; }
    .optitel-sim .step-label.active { color: #2563EB; font-weight: 700; }
    .optitel-sim .step-label.pending { color: #64748B; font-weight: 500; }
    .optitel-sim .step-line {
      flex: 1; height: 2px; margin: 0 6px; margin-bottom: 18px;
      transition: background 0.3s;
    }
    .optitel-sim .step-line.done { background: #00BFA5; }
    .optitel-sim .step-line.pending { background: #E2E8F0; }

    /* ── Card ── */
    .optitel-sim .card {
      background: #fff;
      border-radius: 20px;
      padding: 28px;
      box-shadow: 0 4px 32px rgba(13,31,60,0.10);
      border: 1px solid #E2E8F0;
      margin-bottom: 20px;
    }

    /* ── Section title ── */
    .optitel-sim .sec-title {
      font-size: 12px; font-weight: 700; color: #64748B;
      text-transform: uppercase; letter-spacing: 0.1em;
      margin-bottom: 12px; margin-top: 8px;
    }

    /* ── Chips ── */
    .optitel-sim .chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; }
    .optitel-sim .chip {
      padding: 7px 16px; border-radius: 99px; font-size: 13px; font-weight: 600;
      cursor: pointer; transition: all 0.18s; border: 2px solid #E2E8F0;
      background: #fff; color: #4A5568;
    }
    .optitel-sim .chip.active {
      background: #2563EB; color: #fff; border-color: #2563EB;
      box-shadow: 0 2px 12px #2563eb40;
    }

    /* ── Toggle buttons ── */
    .optitel-sim .toggles { display: flex; gap: 10px; margin-bottom: 16px; }
    .optitel-sim .toggle-btn {
      padding: 8px 20px; border-radius: 8px; font-size: 14px; font-weight: 600;
      cursor: pointer; transition: all 0.18s; font-family: 'DM Sans', sans-serif;
      border: 2px solid #E2E8F0; background: #fff; color: #64748B;
    }
    .optitel-sim .toggle-btn.active { border-color: #2563EB; background: #EFF6FF; color: #2563EB; }

    /* ── Slider ── */
    .optitel-sim .slider-wrap { margin-bottom: 24px; }
    .optitel-sim .slider-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
    .optitel-sim .slider-label { font-size: 14px; font-weight: 600; color: #1E293B; }
    .optitel-sim .slider-value { font-size: 15px; font-weight: 700; font-family: 'DM Mono', monospace; }
    .optitel-sim .slider-track { position: relative; height: 6px; border-radius: 99px; }
    .optitel-sim .slider-track-bg { position: absolute; inset: 0; border-radius: 99px; background: #E2E8F0; }
    .optitel-sim .slider-track-fill { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 99px; transition: width 0.05s; }
    .optitel-sim .slider-thumb-display {
      position: absolute; top: 50%; transform: translate(-50%, -50%);
      width: 18px; height: 18px; border-radius: 50%;
      background: #fff; border: 3px solid #2563EB;
      box-shadow: 0 0 0 4px #2563eb22;
      pointer-events: none; transition: left 0.05s;
    }
    .optitel-sim input[type=range].hidden-range {
      position: absolute; inset: 0; width: 100%; opacity: 0;
      cursor: pointer; height: 24px; top: 50%; transform: translateY(-50%); margin: 0;
    }

    /* ── Summary box ── */
    .optitel-sim .summary-box {
      background: #EFF6FF; border-radius: 12px; padding: 16px 20px;
      margin-top: 8px; border: 1px solid #2563eb22;
    }
    .optitel-sim .summary-label { font-size: 13px; color: #64748B; margin-bottom: 4px; }
    .optitel-sim .summary-amount { font-size: 28px; font-weight: 800; color: #0D1F3C; font-family: 'DM Mono', monospace; }
    .optitel-sim .summary-sub { font-size: 12px; color: #64748B; margin-top: 2px; }

    /* ── Result cards ── */
    .optitel-sim .results-row { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 20px; }
    .optitel-sim .result-card {
      flex: 1; min-width: 130px; border-radius: 16px; padding: 20px;
      text-align: center; position: relative; overflow: hidden;
      border: 1.5px solid #E2E8F0;
      box-shadow: 0 2px 8px rgba(0,0,0,0.06);
      background: #fff;
    }
    .optitel-sim .result-card.accent {
      background: linear-gradient(135deg, #2563EB, #1d4ed8);
      border-color: transparent;
      box-shadow: 0 8px 32px #2563eb40;
      padding: 28px 24px;
    }
    .optitel-sim .result-card.accent::before {
      content: ''; position: absolute; top: -30px; right: -30px;
      width: 100px; height: 100px; border-radius: 50%;
      background: rgba(255,255,255,0.08);
    }
    .optitel-sim .result-val {
      font-size: 26px; font-weight: 800; font-family: 'DM Mono', monospace;
      line-height: 1.1; margin-bottom: 6px; color: #0D1F3C;
    }
    .optitel-sim .result-card.accent .result-val { font-size: 36px; color: #fff; }
    .optitel-sim .result-lbl { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: #64748B; }
    .optitel-sim .result-card.accent .result-lbl { color: rgba(255,255,255,0.8); }
    .optitel-sim .result-sub { font-size: 11px; color: #64748B; margin-top: 4px; }
    .optitel-sim .result-card.accent .result-sub { color: rgba(255,255,255,0.65); }

    /* ── Pitch box ── */
    .optitel-sim .pitch-box {
      background: #0D1F3C; border-radius: 16px; padding: 20px 24px;
      color: #fff; margin-bottom: 20px; position: relative; overflow: hidden;
    }
    .optitel-sim .pitch-box::before {
      content: ''; position: absolute; top: -20px; right: -20px;
      width: 120px; height: 120px; border-radius: 50%;
      background: rgba(37,99,235,0.18);
    }
    .optitel-sim .pitch-badge {
      font-size: 12px; font-weight: 700; color: #00BFA5;
      letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 8px;
    }
    .optitel-sim .pitch-text { font-size: 15px; color: rgba(255,255,255,0.85); line-height: 1.6; position: relative; }
    .optitel-sim .pitch-amount { color: #00BFA5; font-weight: 700; font-family: 'DM Mono', monospace; }

    /* ── Warning box ── */
    .optitel-sim .warn-box {
      background: #FEF3C7; border: 1px solid #FCD34D; border-radius: 12px;
      padding: 14px 18px; font-size: 13px; color: #92400E; margin-bottom: 16px;
    }

    /* ── CTA button ── */
    .optitel-sim .cta-btn {
      width: 100%; padding: 16px; border: none; border-radius: 12px;
      font-size: 16px; font-weight: 700; cursor: pointer; letter-spacing: 0.02em;
      font-family: 'DM Sans', sans-serif;
      background: linear-gradient(135deg, #2563EB, #1d4ed8);
      color: #fff; box-shadow: 0 6px 24px #2563eb50;
      transition: opacity 0.2s;
    }
    .optitel-sim .cta-btn:hover { opacity: 0.9; }

    /* ── Lead form ── */
    .optitel-sim .lead-form { background: #F8FAFC; border-radius: 12px; padding: 20px; border: 1px solid #E2E8F0; }
    .optitel-sim .lead-title { font-size: 14px; font-weight: 700; color: #0D1F3C; margin-bottom: 14px; }
    .optitel-sim .lead-form input {
      width: 100%; padding: 11px 14px; border-radius: 8px; font-size: 14px;
      border: 1.5px solid #E2E8F0; margin-bottom: 10px; outline: none;
      font-family: 'DM Sans', sans-serif; background: #fff; color: #1E293B;
      transition: border-color 0.18s, box-shadow 0.18s;
    }
    .optitel-sim .lead-form input:focus { border-color: #2563EB; box-shadow: 0 0 0 3px #2563eb20; }
    .optitel-sim .submit-btn {
      width: 100%; padding: 13px; border: none; border-radius: 8px;
      font-size: 14px; font-weight: 700; font-family: 'DM Sans', sans-serif;
      cursor: pointer; transition: all 0.18s;
      background: #E2E8F0; color: #64748B;
    }
    .optitel-sim .submit-btn.ready {
      background: linear-gradient(135deg, #2563EB, #1d4ed8);
      color: #fff; cursor: pointer;
    }

    /* ── Success ── */
    .optitel-sim .success-box {
      background: #F0FDF4; border: 1px solid #86EFAC; border-radius: 12px;
      padding: 20px 24px; text-align: center;
    }
    .optitel-sim .success-icon { font-size: 32px; margin-bottom: 8px; }
    .optitel-sim .success-title { font-size: 16px; font-weight: 700; color: #166534; }
    .optitel-sim .success-sub { font-size: 13px; color: #166534; margin-top: 4px; }

    /* ── Nav buttons ── */
    .optitel-sim .nav-row { display: flex; gap: 12px; }
    .optitel-sim .btn-back {
      flex: 1; padding: 13px; border-radius: 10px;
      border: 2px solid #E2E8F0; background: #fff; color: #4A5568;
      font-size: 14px; font-weight: 600; cursor: pointer; font-family: 'DM Sans', sans-serif;
      transition: border-color 0.18s;
    }
    .optitel-sim .btn-back:hover { border-color: #2563EB; color: #2563EB; }
    .optitel-sim .btn-next {
      flex: 2; padding: 13px; border-radius: 10px; border: none;
      background: linear-gradient(135deg, #2563EB, #1d4ed8);
      color: #fff; font-size: 14px; font-weight: 700;
      cursor: pointer; font-family: 'DM Sans', sans-serif;
      box-shadow: 0 4px 16px #2563eb40; transition: opacity 0.2s;
    }
    .optitel-sim .btn-next:hover { opacity: 0.9; }

    /* ── Footer note ── */
    .optitel-sim .foot-note { text-align: center; margin-top: 16px; font-size: 11px; color: #94A3B8; }

    /* ── Steps visibility ── */
    .optitel-sim .step-panel { display: none; }
    .optitel-sim .step-panel.active { display: block; }

    /* ── Responsive ── */
    @media (max-width: 400px) {
      .optitel-sim .results-row { flex-direction: column; }
      .optitel-sim .result-card.accent { padding: 24px 20px; }
      .optitel-sim .result-card.accent .result-val { font-size: 30px; }
    }
  

/* ── Counter-up animation ── */
.count-anim {
  display: inline-block;
  transition: transform 0.1s ease;
}
@keyframes countPop {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.08); }
  100% { transform: scale(1); }
}
.count-pop { animation: countPop 0.25s ease; }

/* ── Formulaire multi-étapes ── */
.form-step-label {
  display: flex; align-items: center; gap: 10px;
  font-size: 13px; font-weight: 700; color: var(--navy);
  margin-bottom: 20px; padding-bottom: 14px;
  border-bottom: 1px solid var(--border);
}
.form-step-num {
  width: 26px; height: 26px; border-radius: 50%;
  background: var(--blue); color: #fff;
  font-size: 13px; font-weight: 800;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}

/* Blog cards as links */
a.bcard {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
}
a.bcard:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-4px);
  border-color: var(--pale);
}
a.bcard h3 { color: var(--navy); }
a.bcard p  { color: var(--gray); }
.bdate-row {
  display: flex; justify-content: space-between;
  align-items: center; margin-top: auto;
  padding-top: 14px; border-top: 1px solid var(--border);
}
.bdate { font-size: 11px; color: var(--lgray); }
.bread { font-size: 11px; font-weight: 700; color: var(--blue); }

/* ── Hero proof strip ── */
.hero-proof-strip {
  display:flex;align-items:center;gap:20px;
  margin:20px 0 24px;flex-wrap:wrap;
}
.hps-item { display:flex;flex-direction:column; }
.hps-val { font-size:22px;font-weight:900;color:#fff;letter-spacing:-.03em;line-height:1; }
.hps-lbl { font-size:11px;color:rgba(255,255,255,.45);margin-top:2px; }
.hps-sep { width:1px;height:36px;background:rgba(255,255,255,.12);flex-shrink:0; }
/* ── Hero reassurance ── */
.hero-reassurance {
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  margin-top:16px;
}
.hero-reassurance span {
  font-size:12px;color:rgba(255,255,255,.5);font-weight:500;
}
/* ── Hero card reassure ── */
.hc-reassure {
  text-align:center;font-size:11px;color:rgba(255,255,255,.35);
  margin-top:10px;
}
@media(max-width:768px) {
  .hero-proof-strip { gap:12px; }
  .hps-val { font-size:18px; }
  .hero-reassurance { gap:10px; }
  .hero-reassurance span { font-size:11px; }
}

/* ── Form micro-copy ── */
.form-micro {
  display:flex;gap:12px;flex-wrap:wrap;
  margin-top:12px;
}
.form-micro span {
  font-size:11px;color:var(--lgray);font-weight:500;
}


/* ── Mobile optimized hero images ── */
@media(max-width:768px){
  .hslide-1{background-image:url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=600&q=75&auto=format&fit=crop')!important}
  .hslide-2{background-image:url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?w=600&q=75&auto=format&fit=crop')!important}
  .hslide-3{background-image:url('https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=600&q=75&auto=format&fit=crop')!important}
  .hslide-4{background-image:url('https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?w=600&q=75&auto=format&fit=crop')!important}
}

/* ── Sticky CTA mobile only ── */
@media(min-width:769px) {
  .fcta { display: none !important; }
}
.fcta-text { font-size: 14px; font-weight: 700; }

/* ── RGPD badge ── */
.rgpd-badge {
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  font-size:11px;color:var(--lgray);
  padding:10px 14px;background:var(--bg);
  border-radius:8px;border:1px solid var(--border);
  margin-bottom:16px;line-height:1.5;
}
.rgpd-badge span { white-space:nowrap; }

/* ══ Hero card interactive ══ */
.hc-tag {
  display:flex;align-items:center;gap:8px;
  font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:var(--cyan);margin-bottom:20px;
}
.hc-tag-dot {
  width:7px;height:7px;border-radius:50%;background:var(--cyan);
  animation:kpulse 2s infinite;flex-shrink:0;
}

/* Slider group */
.hc-slider-group { margin-bottom:20px; }
.hc-slider-row { margin-bottom:16px; }
.hc-slider-labels {
  display:flex;justify-content:space-between;align-items:center;
  margin-bottom:8px;
}
.hc-slider-lbl { font-size:12px;color:rgba(255,255,255,.55);font-weight:500; }
.hc-slider-val {
  font-size:13px;font-weight:800;color:#fff;
  font-family:'DM Mono',monospace;
}
.hc-val-green { color:var(--green); }

/* Track */
.hc-track-wrap { position:relative;height:6px;border-radius:99px; }
.hc-track-bg {
  position:absolute;inset:0;border-radius:99px;
  background:rgba(255,255,255,.12);
}
.hc-track-fill {
  position:absolute;left:0;top:0;bottom:0;border-radius:99px;
  background:linear-gradient(90deg,var(--blue),var(--cyan));
  transition:width .05s;
}
.hc-fill-green { background:linear-gradient(90deg,var(--green),#34d399); }
.hc-thumb {
  position:absolute;top:50%;transform:translate(-50%,-50%);
  width:18px;height:18px;border-radius:50%;background:#fff;
  border:3px solid var(--blue);
  box-shadow:0 0 0 4px rgba(37,99,235,.25);
  pointer-events:none;transition:left .05s;
}
.hc-thumb-green { border-color:var(--green);box-shadow:0 0 0 4px rgba(16,185,129,.25); }
.hc-range {
  position:absolute;inset:0;width:100%;opacity:0;cursor:pointer;
  height:24px;top:50%;transform:translateY(-50%);margin:0;
  -webkit-appearance:none;
}

/* Results */
.hc-results {
  background:rgba(255,255,255,.06);border-radius:14px;
  padding:16px;margin-bottom:16px;
  border:1px solid rgba(255,255,255,.1);
  display:flex;align-items:center;gap:16px;
}
.hc-result-main {
  flex-shrink:0;text-align:center;
  padding-right:16px;border-right:1px solid rgba(255,255,255,.1);
}
.hc-result-main-val {
  font-size:28px;font-weight:900;color:var(--cyan);
  letter-spacing:-.03em;line-height:1;
  font-family:'DM Mono',monospace;
}
.hc-result-main-lbl { font-size:10px;color:rgba(255,255,255,.45);margin-top:4px;white-space:nowrap; }
.hc-result-rows { flex:1; }
.hc-row { display:flex;justify-content:space-between;align-items:center;padding:5px 0; }
.hcr-l { font-size:12px;color:rgba(255,255,255,.5); }
.hcr-v { font-size:13px;font-weight:700;color:#fff; }
.hcr-green { color:var(--green); }
.hcr-dim { color:rgba(255,255,255,.4); }

/* CTA */
.hc-cta {
  width:100%;padding:14px;background:linear-gradient(135deg,var(--blue),#1d4ed8);
  color:#fff;font-size:14px;font-weight:700;border:none;border-radius:var(--radius);
  cursor:pointer;font-family:inherit;transition:all .2s;
  box-shadow:0 6px 24px rgba(37,99,235,.5);
  display:flex;align-items:center;justify-content:center;gap:8px;
  position:relative;z-index:10;
}
.hc-cta:hover { opacity:.9;transform:translateY(-1px); }
.hc-cta:active { transform:translateY(0); }
.hc-reassure {
  text-align:center;font-size:11px;color:rgba(255,255,255,.35);
  margin-top:10px;
}

@media(max-width:900px) {
  .hc-results { flex-direction:column;gap:12px; }
  .hc-result-main { padding-right:0;padding-bottom:12px;border-right:none;border-bottom:1px solid rgba(255,255,255,.1);width:100%;text-align:left;display:flex;align-items:center;gap:12px; }
  .hc-result-main-val { font-size:24px; }
}

.other-operator-wrap{
  margin-top:14px;
}

.other-operator-wrap label{
  display:block;
  font-size:12px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--lgray, #7a90b0);
  margin-bottom:8px;
}

.other-operator-wrap input{
  width:100%;
  padding:12px 14px;
  border:1.5px solid var(--border, #d1ddf0);
  border-radius:12px;
  background:#fff;
  color:var(--navy, #1B2A4A);
  font-size:14px;
  outline:none;
  transition:border-color .2s, box-shadow .2s;
}

.other-operator-wrap input:focus{
  border-color:var(--blue, #2563EB);
  box-shadow:0 0 0 4px rgba(37,99,235,.10);
}