:root{--navy:#061d38;--navy2:#001a33;--deep:#001326;--blue:#1266ff;--gold:#f5b51f;--gold2:#ffd75f;--white:#fff;--muted:#b8c7da;--ink:#051833;--panel:#f4f9ff;--green:#2acb86;--line:rgba(255,255,255,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:#eef5fb;color:var(--ink);overflow-x:hidden}.wrap{width:min(1140px,calc(100% - 64px));margin-inline:auto}
.hero{position:relative;min-height:552px;background:radial-gradient(circle at 58% 35%,rgba(13,74,122,.55),transparent 35%),linear-gradient(135deg,#00162d 0%,#062b4c 42%,#001833 100%);color:#fff;overflow:hidden;padding-bottom:46px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.02),rgba(0,0,0,0)),radial-gradient(circle at 38px 260px,rgba(245,181,31,.12),transparent 110px);pointer-events:none}.dot{position:absolute;width:140px;height:190px;background-image:radial-gradient(rgba(245,181,31,.26) 1.2px,transparent 1.2px);background-size:13px 13px;opacity:.6}.dot-left{left:-8px;top:135px}.dot-right{right:0;top:0}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand img{width:108px;display:block}.nav-links{display:flex;align-items:center;gap:36px;font-size:13px;font-weight:900;letter-spacing:.35px}.nav-links a{color:#fff;text-decoration:none}.nav-actions{display:flex;align-items:center;gap:18px}.theme-dot{width:38px;height:38px;border:0;border-radius:999px;background:rgba(255,255,255,.08);color:var(--gold);font-size:17px}.top-cta{height:48px;display:inline-flex;align-items:center;gap:12px;padding:0 28px;border-radius:10px;background:linear-gradient(135deg,#ffe06e,#efaa15);color:#061d38;text-decoration:none;font-weight:950;font-size:13px;box-shadow:0 16px 38px rgba(245,181,31,.25)}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 620px;gap:48px;align-items:center;padding-top:26px}.pill{width:max-content;display:inline-flex;align-items:center;gap:7px;border:1.5px solid var(--gold);border-radius:999px;padding:8px 13px;color:#ffd45b;font-weight:900;font-size:12px;background:rgba(1,19,38,.55)}.hero h1{font-size:57px;line-height:.98;margin:27px 0 18px;font-weight:1000;letter-spacing:-2.2px}.hero h1 em{font-style:normal;color:var(--gold);text-shadow:0 12px 40px rgba(245,181,31,.18)}.hero-copy p{font-size:18px;line-height:1.55;color:#fff;margin:0 0 38px}.trust-row{display:flex;gap:28px}.trust{display:grid;grid-template-columns:46px 1fr;column-gap:12px;align-items:center;min-width:132px}.trust i{grid-row:span 2;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;border:1.4px solid var(--gold);color:var(--gold);font-style:normal;font-size:20px;background:rgba(255,255,255,.03)}.trust b{font-size:13px}.trust small{font-size:11px;color:#d4dfed;line-height:1.3}.mockup-wrap{display:flex;justify-content:flex-end}.mockup{width:610px;border-radius:20px;filter:drop-shadow(0 30px 70px rgba(0,0,0,.42));display:block}
.main-panel{background:linear-gradient(180deg,#f9fcff 0%,#f0f7ff 100%);border-radius:28px 28px 0 0;margin-top:-2px;padding:32px 0 0;position:relative;z-index:3}.demo-section{text-align:center;padding:0 0 22px}.demo-section h2,.features h2{font-size:34px;letter-spacing:-1px;margin:5px 0 9px;color:#071b37}.demo-section h2 span,.features h2 span{color:#d79b08}.section-sub{margin:0 0 28px;color:#31435b;font-size:14px}.demo-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:left}.demo-card{position:relative;height:466px;border-radius:12px;overflow:hidden;color:#fff;padding:0 28px 20px;box-shadow:0 18px 36px rgba(4,28,56,.16);background:#06213f}.card-photo{position:absolute;left:0;right:0;top:0;height:178px;background-size:cover;background-position:center;filter:saturate(1.12) contrast(1.05)}.card-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,9,24,.25),rgba(0,26,52,.82))}.card-overlay{position:absolute;inset:120px 0 0;background:linear-gradient(180deg,rgba(4,31,60,.82),#061f3c 35%,#02162d)}.demo-card.pharma .card-overlay{background:linear-gradient(180deg,rgba(0,88,80,.8),#005149 35%,#003931)}.demo-card.market .card-overlay{background:linear-gradient(180deg,rgba(4,55,105,.82),#043265 35%,#03234d)}.demo-card.hardware .card-overlay{background:linear-gradient(180deg,rgba(112,76,15,.82),#73510d 35%,#4b3508)}.card-icon{position:relative;margin:75px auto 48px;width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:rgba(0,23,45,.84);border:2px solid var(--gold);font-size:35px;color:var(--gold);z-index:2;box-shadow:0 0 0 14px rgba(245,181,31,.04)}.pharma .card-icon{border-color:#2fd497;color:#fff;background:#00624d}.market .card-icon{border-color:#337cff;color:#fff;background:#052b68}.demo-card h3{position:relative;z-index:2;text-align:center;font-size:25px;margin:0 0 14px;letter-spacing:-.4px}.demo-card p{position:relative;z-index:2;text-align:center;font-size:13px;line-height:1.6;margin:0 0 23px;color:#fff}.demo-card ul{position:relative;z-index:2;list-style:none;margin:0 0 22px;padding:0}.demo-card li{font-size:12px;margin:11px 0;font-weight:800}.demo-card li:before{content:"●";font-size:8px;color:#ffd765;margin-right:10px}.pharma li:before{color:#9cffdf}.launch{position:relative;z-index:2;height:43px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:22px;text-decoration:none;font-weight:950;font-size:13px;color:#071b37}.launch.gold{background:linear-gradient(135deg,#ffe276,#f3af18)}.launch.green{background:linear-gradient(135deg,#58e4ae,#27bb77);color:#fff}.launch.blue{background:linear-gradient(135deg,#3987ff,#1266ff);color:#fff}.demo-card small{position:relative;z-index:2;display:block;text-align:center;margin-top:22px;font-size:11px;color:rgba(255,255,255,.42);letter-spacing:.8px}
.features{text-align:center;padding:18px 0 32px}.feature-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin-top:26px}.feature{background:rgba(255,255,255,.72);border:1px solid #e5edf7;border-radius:10px;padding:24px 14px 22px;box-shadow:0 16px 35px rgba(10,46,91,.05)}.feature i{display:block;font-style:normal;font-size:32px;color:#081d38;margin-bottom:18px;height:33px}.feature b{display:block;font-size:13px;margin-bottom:8px}.feature p{font-size:12px;line-height:1.4;color:#52667d;margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;background:linear-gradient(135deg,#001b36,#061f42);color:#fff;border-radius:10px;margin-top:12px;padding:24px 28px;box-shadow:0 18px 42px rgba(2,25,51,.2)}.stats div{display:grid;grid-template-columns:58px 1fr;align-items:center;border-right:1px solid rgba(255,255,255,.1);padding-left:18px}.stats div:last-child{border-right:0}.stats i{grid-row:span 2;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.06);font-style:normal}.stats strong{color:var(--gold);font-size:28px;line-height:1;font-weight:1000}.stats span{font-size:13px}.cta{margin-top:32px;margin-bottom:30px;background:linear-gradient(135deg,#eda309,#ffd864);border-radius:12px;padding:26px 40px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 18px 46px rgba(232,157,5,.25)}.cta div{display:grid;grid-template-columns:58px 1fr;column-gap:18px}.cta i{grid-row:span 2;font-style:normal;font-size:40px}.cta h2{margin:0;font-size:28px;letter-spacing:-.5px}.cta p{margin:5px 0 0;font-size:14px}.cta a{height:50px;display:flex;align-items:center;gap:20px;padding:0 38px;background:#021b38;color:#fff;text-decoration:none;border-radius:7px;font-size:13px;font-weight:950}.footer{background:linear-gradient(135deg,#00162c,#062447);color:#dce8f8;padding:34px 0 16px}.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.3fr;gap:46px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:24px}.foot-brand img{width:105px}.foot-brand p{font-size:12px;line-height:1.5;color:#aabed3;max-width:220px}.footer h4{font-size:12px;color:#fff;margin:10px 0 14px}.footer a{display:block;font-size:12px;color:#d4e2f1;text-decoration:none;margin:8px 0}.social{display:flex;gap:8px}.social span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);font-size:10px}.copyright{text-align:center;font-size:11px;color:#8ca3bd;margin-top:14px}
@media(max-width:1100px){.wrap{width:min(100% - 38px,980px)}.hero-grid{grid-template-columns:1fr;gap:25px}.mockup-wrap{justify-content:center}.mockup{width:min(100%,690px)}.hero h1{font-size:46px}.demo-cards{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.nav-links{display:none}.nav{height:70px}.hero{min-height:auto}.hero-grid{padding-top:14px}.hero h1{font-size:38px}.trust-row{flex-direction:column;gap:14px}.demo-cards,.feature-grid,.stats{grid-template-columns:1fr}.cta,.foot-grid{display:block}.cta a{margin-top:20px}.demo-card{height:460px}.foot-grid>div{margin-bottom:20px}}

/* ===== OVC premium v2 corrections ===== */
@media (min-width: 1101px){
  .wrap{width:min(1280px,calc(100% - 200px));}
  .hero-grid{grid-template-columns:minmax(480px,1fr) 760px;gap:72px;padding-top:30px;}
  .mockup-wrap{width:820px;margin-right:-115px;justify-content:flex-start;}
  .mockup{width:800px;border-radius:24px;filter:drop-shadow(0 38px 85px rgba(0,0,0,.48));}
  .main-panel section.wrap + section.wrap{margin-top:100px;}
  .stats.wrap{margin-top:100px;}
  .cta.wrap{margin-top:100px;}
}
.hero{min-height:640px;padding-bottom:70px;}
.nav-links{gap:42px;}
.hero h1{font-size:50px!important;line-height:1.03;letter-spacing:-1.9px;margin-top:30px;}
.hero-copy p{margin-bottom:42px;}
.trust-row{gap:42px;align-items:center;}
.trust{grid-template-columns:52px 1fr;min-width:150px;}
.trust i{width:50px;height:50px;font-size:22px;}
.trust b{font-size:13.5px;line-height:1.2;}
.trust small{display:none!important;}
.theme-dot{display:none!important;}
.demo-section{padding-top:38px;padding-bottom:0;}
.demo-section h2,.features h2{font-size:40px;margin-bottom:14px;}
.section-sub{font-size:16px;margin-bottom:34px;}
.demo-cards{gap:28px;}
.demo-card{height:500px;padding-bottom:34px;border-radius:16px;}
.demo-card .launch{margin-top:auto;}
.card-photo{height:190px;}
.card-overlay{inset:132px 0 0;}
.card-icon{margin-top:88px;margin-bottom:48px;width:86px;height:86px;font-size:38px;}
.card-icon.resto-icon svg{width:47px;height:47px;fill:none;stroke:currentColor;stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round;}
.demo-card h3{font-size:27px;margin-bottom:16px;}
.demo-card p{font-size:13.5px;margin-bottom:26px;}
.demo-card ul{margin-bottom:28px;}
.demo-card li{font-size:12.5px;margin:12px 0;}
.launch{height:48px;border-radius:9px;font-size:13.5px;margin-top:10px;}
.demo-card small{margin-top:24px;}
.features{padding-top:0;padding-bottom:0;}
.feature-grid{gap:24px;margin-top:34px;}
.feature{border-radius:14px;padding:28px 16px 26px;}
.feature i{width:52px;height:52px;margin:0 auto 18px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#f8fbff,#edf5ff);box-shadow:inset 0 0 0 1px #e1ecfa;color:#08203e;}
.feature i svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;}
.feature b{font-size:14px;}
.feature p{font-size:12.5px;}
.stats{border-radius:14px;padding:28px 32px;}
.cta{border-radius:16px;padding:32px 46px;}
.footer{margin-top:0;padding-top:52px;}
@media(max-width:1100px){.hero{min-height:auto}.hero h1{font-size:42px!important}.mockup-wrap{overflow:visible}.demo-card{height:500px}.wrap{width:min(100% - 42px,980px)}}


/* ===== OVC premium v3 final corrections ===== */
.card-icon{
  margin-top:88px!important;
  margin-bottom:20px!important;
  width:86px!important;
  height:86px!important;
  font-size:38px!important;
}
.trust .filled-shield svg{
  width:25px;
  height:25px;
  display:block;
}
.trust .filled-shield svg path:first-child{
  fill:currentColor;
  stroke:none;
}
.trust .filled-shield svg path:last-child{
  fill:none;
  stroke:#061d38;
  stroke-width:5;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.demo-card ul{
  width:max-content;
  max-width:100%;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:left!important;
}
.demo-card li{
  text-align:left!important;
}
.demo-card.hardware small{
  display:none!important;
}
@media (min-width:1101px){
  .mockup{width:840px!important;image-rendering:auto;}
  .mockup-wrap{width:875px!important;margin-right:-165px!important;}
}


/* ===== OVC premium v6 : hero en image réelle HD ===== */
.mockup-wrap{
  position:relative;
  overflow:visible!important;
}
.mockup{
  display:block!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#061d38;
  image-rendering:auto!important;
  -ms-interpolation-mode:bicubic;
}
@media (min-width:1101px){
  .hero{
    min-height:650px!important;
  }
  .hero-grid{
    grid-template-columns:minmax(480px,1fr) 860px!important;
    gap:74px!important;
    align-items:center!important;
  }
  .mockup-wrap{
    width:930px!important;
    margin-right:-190px!important;
  }
  .mockup{
    width:930px!important;
    max-width:none!important;
    border-radius:26px!important;
    filter:drop-shadow(0 42px 90px rgba(0,0,0,.48))!important;
  }
}
@media (max-width:1100px){
  .mockup{width:min(100%,900px)!important;}
}


/* ===== OVC premium v7 : image hero HD fournie ===== */
.mockup-wrap{
  overflow:visible !important;
}
.mockup{
  border-radius:28px !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.22), 0 36px 95px rgba(0,0,0,.52) !important;
  filter:none !important;
  object-fit:contain !important;
  image-rendering:auto !important;
}
@media (min-width:1101px){
  .hero-grid{
    grid-template-columns:minmax(480px,1fr) 900px !important;
  }
  .mockup-wrap{
    width:960px !important;
    margin-right:-210px !important;
  }
  .mockup{
    width:960px !important;
    max-width:none !important;
  }
}


/* ===== OVC mobile override demandé ===== */
@media (max-width: 767px) {
  .top-cta {
    height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 0 15px !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #ffe06e, #efaa15) !important;
    color: #061d38 !important;
    text-decoration: none !important;
    font-weight: 950 !important;
    font-size: 12px !important;
    box-shadow: 0 16px 38px rgba(245, 181, 31, .25) !important;
  }

  .hero h1 {
    font-size: 35px !important;
  }

  .trust-row {
    gap: 25px !important;
    align-items: start !important;
  }

  .trust b {
    font-size: 13.5px !important;
    line-height: 3.2 !important;
  }

  .features h2 {
    font-size: 32px !important;
    margin-bottom: 14px !important;
    margin-top: 70px !important;
  }

  .demo-section h2 {
    font-size: 32px !important;
    margin-bottom: 14px !important;
    margin-top: 0 !important;
  }

  .main-panel {
    background: linear-gradient(180deg, #f9fcff 0%, #f0f7ff 100%) !important;
    border-radius: 28px 28px 0 0 !important;
    margin-top: 0 !important;
    padding: 32px 0 0 !important;
    position: relative !important;
    z-index: 3 !important;
  }

  .stats {
    border-radius: 14px !important;
    padding: 28px 32px !important;
    margin-top: 30px !important;
  }

  .stats div {
    display: grid !important;
    grid-template-columns: 58px 1fr !important;
    align-items: center !important;
    border-right: 0 !important;
    padding-left: 18px !important;
    margin-bottom: 20px !important;
  }

  .cta div {
    display: block !important;
    grid-template-columns: 58px 1fr !important;
    column-gap: 18px !important;
  }

  .cta a {
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    padding: 0 15px !important;
    background: #021b38 !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 7px !important;
    font-size: 10px !important;
    font-weight: 950 !important;
  }

  .cta h2 {
    margin: 15px 0 0 !important;
    font-size: 28px !important;
    letter-spacing: -.5px !important;
  }
}

.disabled-soon {
  pointer-events: none !important;
  opacity: .78 !important;
}