{"id":28,"date":"2026-05-22T13:56:12","date_gmt":"2026-05-22T16:56:12","guid":{"rendered":"https:\/\/cloudbright.cloud\/?page_id=28"},"modified":"2026-06-02T00:01:21","modified_gmt":"2026-06-02T03:01:21","slug":"cloudbright","status":"publish","type":"page","link":"https:\/\/cloudbright.cloud\/fr\/","title":{"rendered":"Cloudbright"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"28\" class=\"elementor elementor-28\">\n\t\t\t\t<div class=\"elementor-element elementor-element-44f7a25 e-con-full e-flex e-con e-parent\" data-id=\"44f7a25\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f2b59be elementor-widget elementor-widget-html\" data-id=\"f2b59be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================\r\n     CLOUDBRIGHT - HEADER \/ NAVIGATION\r\n     ============================================ -->\r\n<header class=\"cb-header\" id=\"cb-header\">\r\n  <div class=\"cb-header-inner\">\r\n    <a href=\"https:\/\/cloudbright.cloud\/fr\/\" class=\"cb-logo\">\r\n      <img decoding=\"async\" \r\n        src=\"https:\/\/cloudbright.cloud\/wp-content\/uploads\/2026\/06\/Cloudbright-logo-white.webp\" \r\n        alt=\"Logo Cloudbright\"\r\n      >\r\n    <\/a>\r\n    \r\n    <nav class=\"cb-nav\">\r\n      <a href=\"#problem\">Probl\u00e8me<\/a>\r\n      <a href=\"#solution\">Solution<\/a>\r\n      <a href=\"#features\">Caract\u00e9ristiques<\/a>\r\n      <a href=\"#bots\">Bots<\/a>\r\n      <a href=\"#security\">S\u00e9curit\u00e9<\/a>\r\n      <a href=\"#team\">\u00c9quipe<\/a>\r\n      <a href=\"#roadmap\">Feuille de route<\/a>\r\n    <\/nav>\r\n    \r\n    <div class=\"cb-header-actions\">\r\n      <a href=\"https:\/\/cloudbright.io\/dashboard\" target=\"_blank\" rel=\"noopener\" class=\"cb-btn cb-btn-secondary cb-btn-sm\">\r\n        Se connecter\r\n      <\/a>\r\n\r\n      <a href=\"https:\/\/cloudbright.cloud\/fr\/tour\/\" target=\"_blank\" rel=\"noopener\" class=\"cb-btn cb-btn-primary cb-btn-sm\">\r\n        Cr\u00e9ez votre compte\r\n      <\/a>\r\n    <\/div>\r\n    \r\n    <button class=\"cb-menu-toggle\" aria-label=\"Menu\" onclick=\"this.classList.toggle('active');document.querySelector('.cb-nav-mobile').classList.toggle('open')\">\r\n      <span><\/span><span><\/span><span><\/span>\r\n    <\/button>\r\n  <\/div>\r\n  \r\n  <div class=\"cb-nav-mobile\">\r\n    <a href=\"#problem\">Probl\u00e8me<\/a>\r\n    <a href=\"#solution\">Solution<\/a>\r\n    <a href=\"#features\">Caract\u00e9ristiques<\/a>\r\n    <a href=\"#bots\">Bots<\/a>\r\n    <a href=\"#security\">S\u00e9curit\u00e9<\/a>\r\n    <a href=\"#team\">\u00c9quipe<\/a>\r\n    <a href=\"#roadmap\">Feuille de route<\/a>\r\n\r\n    <a href=\"https:\/\/cloudbright.io\/dashboard\" target=\"_blank\" rel=\"noopener\" class=\"cb-btn cb-btn-secondary\">\r\n      Se connecter\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/cloudbright.cloud\/fr\/tour\/\" target=\"_blank\" rel=\"noopener\" class=\"cb-btn cb-btn-primary\">\r\n      Cr\u00e9ez votre compte\r\n    <\/a>\r\n  <\/div>\r\n<\/header>\r\n\r\n<style>\r\n.cb-header {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  z-index: 1000;\r\n  background: rgba(10, 14, 39, 0.85);\r\n  backdrop-filter: blur(20px);\r\n  -webkit-backdrop-filter: blur(20px);\r\n  border-bottom: 1px solid var(--cb-border-soft);\r\n  font-family: 'Inter', sans-serif;\r\n}\r\n\r\n.cb-header-inner {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 14px 24px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 32px;\r\n}\r\n\r\n.cb-logo {\r\n  display: flex;\r\n  align-items: center;\r\n  text-decoration: none;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.cb-logo img {\r\n  height: 42px;\r\n  width: auto;\r\n  display: block;\r\n}\r\n\r\n.cb-nav {\r\n  display: flex;\r\n  gap: 32px;\r\n  flex: 1;\r\n  justify-content: center;\r\n}\r\n\r\n.cb-nav a {\r\n  color: var(--cb-text-secondary);\r\n  text-decoration: none;\r\n  font-size: 0.95rem;\r\n  font-weight: 500;\r\n  transition: color 0.2s;\r\n}\r\n\r\n.cb-nav a:hover {\r\n  color: var(--cb-text-primary);\r\n}\r\n\r\n.cb-header-actions {\r\n  display: flex;\r\n  gap: 12px;\r\n  align-items: center;\r\n}\r\n\r\n.cb-btn-sm {\r\n  padding: 10px 20px !important;\r\n  font-size: 0.9rem !important;\r\n  white-space: nowrap;\r\n}\r\n\r\n.cb-menu-toggle {\r\n  display: none;\r\n  background: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  flex-direction: column;\r\n  gap: 5px;\r\n  padding: 8px;\r\n}\r\n\r\n.cb-menu-toggle span {\r\n  width: 24px;\r\n  height: 2px;\r\n  background: #fff;\r\n  transition: all 0.3s;\r\n}\r\n\r\n.cb-menu-toggle.active span:nth-child(1) {\r\n  transform: translateY(7px) rotate(45deg);\r\n}\r\n\r\n.cb-menu-toggle.active span:nth-child(2) {\r\n  opacity: 0;\r\n}\r\n\r\n.cb-menu-toggle.active span:nth-child(3) {\r\n  transform: translateY(-7px) rotate(-45deg);\r\n}\r\n\r\n.cb-nav-mobile {\r\n  display: none;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n  padding: 24px;\r\n  background: var(--cb-bg-secondary);\r\n  border-top: 1px solid var(--cb-border-soft);\r\n}\r\n\r\n.cb-nav-mobile.open {\r\n  display: flex;\r\n}\r\n\r\n.cb-nav-mobile a {\r\n  color: var(--cb-text-secondary);\r\n  text-decoration: none;\r\n  font-weight: 500;\r\n}\r\n\r\n.cb-nav-mobile .cb-btn {\r\n  width: 100%;\r\n  justify-content: center;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .cb-nav,\r\n  .cb-header-actions {\r\n    display: none;\r\n  }\r\n\r\n  .cb-menu-toggle {\r\n    display: flex;\r\n  }\r\n\r\n  .cb-logo img {\r\n    height: 38px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nwindow.addEventListener('scroll', function(){\r\n  var h = document.getElementById('cb-header');\r\n  if(h){\r\n    h.style.background = window.scrollY > 50 \r\n      ? 'rgba(10,14,39,0.95)' \r\n      : 'rgba(10,14,39,0.85)';\r\n  }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9ea54b8 elementor-widget elementor-widget-html\" data-id=\"9ea54b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================\r\n     CLOUDBRIGHT - HERO SECTION\r\n     ============================================ -->\r\n<section class=\"cb-section cb-hero\" id=\"hero\">\r\n  <div class=\"cb-bg-grid\"><\/div>\r\n  <div class=\"cb-hero-orb cb-hero-orb-1\"><\/div>\r\n  <div class=\"cb-hero-orb cb-hero-orb-2\"><\/div>\r\n\r\n  <div class=\"cb-container\">\r\n    <div class=\"cb-hero-grid\">\r\n      <div class=\"cb-hero-content\">\r\n        <h1>\r\n          Cloudbright<br>\r\n          <span class=\"cb-gradient-text\">Plateforme de copy-trading intelligente<\/span>\r\n        <\/h1>\r\n\r\n        <p class=\"cb-hero-lead\">\r\n          Acc\u00e9dez \u00e0 des strat\u00e9gies algorithmiques professionnelles gr\u00e2ce \u00e0 une plateforme de copy trading simple, con\u00e7ue pour la transparence, l&#039;automatisation et une croissance de portefeuille plus intelligente.\r\n        <\/p>\r\n        \r\n        <div class=\"cb-hero-actions\">\r\n          <a href=\"https:\/\/cloudbright.cloud\/fr\/tour\/\" target=\"_blank\" rel=\"noopener\" class=\"cb-btn cb-btn-primary\">\r\n            Cr\u00e9ez votre compte\r\n            <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/a>\r\n\r\n          <a href=\"#how\" class=\"cb-btn cb-btn-secondary\">D\u00e9couvrez comment \u00e7a fonctionne<\/a>\r\n        <\/div>\r\n        \r\n        <div class=\"cb-hero-trust\">\r\n          <div class=\"cb-trust-item\">\r\n            <strong>9+<\/strong>\r\n            <span>\u00c9changes<\/span>\r\n          <\/div>\r\n          <div class=\"cb-trust-divider\"><\/div>\r\n          <div class=\"cb-trust-item\">\r\n            <strong>99.9%<\/strong>\r\n            <span>Disponibilit\u00e9<\/span>\r\n          <\/div>\r\n          <div class=\"cb-trust-divider\"><\/div>\r\n          <div class=\"cb-trust-item\">\r\n            <strong>$50<\/strong>\r\n            <span>Entr\u00e9e minimale<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n    \r\n      <\/div>\r\n      \r\n      <!-- Visual: Mock dashboard card -->\r\n      <div class=\"cb-hero-visual\">\r\n        <div class=\"cb-mock-card\">\r\n          <div class=\"cb-mock-header\">\r\n            <div class=\"cb-mock-dots\">\r\n              <span><\/span><span><\/span><span><\/span>\r\n            <\/div>\r\n            <div class=\"cb-mock-title\">Spectacle en direct<\/div>\r\n            <div class=\"cb-mock-live\">\r\n              <span class=\"cb-live-dot\"><\/span> EN DIRECT\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <div class=\"cb-mock-stat\">\r\n            <span class=\"cb-mock-label\">Portefeuille total<\/span>\r\n            <span class=\"cb-mock-value\">$12,847.32<\/span>\r\n            <span class=\"cb-mock-change\">+24.7% <small>ce mois-ci<\/small><\/span>\r\n          <\/div>\r\n          \r\n          <svg class=\"cb-mock-chart\" viewbox=\"0 0 300 100\" preserveaspectratio=\"none\">\r\n            <defs>\r\n              <lineargradient id=\"cb-chart-grad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n                <stop offset=\"0%\" stop-color=\"#5b4bff\" stop-opacity=\"0.4\"\/>\r\n                <stop offset=\"100%\" stop-color=\"#5b4bff\" stop-opacity=\"0\"\/>\r\n              <\/lineargradient>\r\n            <\/defs>\r\n            <path d=\"M0,80 L30,70 L60,75 L90,55 L120,60 L150,40 L180,45 L210,30 L240,35 L270,15 L300,20 L300,100 L0,100 Z\" fill=\"url(#cb-chart-grad)\"\/>\r\n            <path d=\"M0,80 L30,70 L60,75 L90,55 L120,60 L150,40 L180,45 L210,30 L240,35 L270,15 L300,20\" fill=\"none\" stroke=\"#5b4bff\" stroke-width=\"2\"\/>\r\n          <\/svg>\r\n          \r\n          <div class=\"cb-mock-bots\">\r\n            <div class=\"cb-mock-bot\">\r\n              <div class=\"cb-mock-bot-icon\" style=\"background:linear-gradient(135deg,#5b4bff,#4dd0e1)\"><\/div>\r\n              <div class=\"cb-mock-bot-info\">\r\n                <strong>\u00c9lan alpha<\/strong>\r\n                <span>BTC\/USDT \u00b7 Conservateur<\/span>\r\n              <\/div>\r\n              <span class=\"cb-mock-bot-roi cb-positive\">+18.4%<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"cb-mock-bot\">\r\n              <div class=\"cb-mock-bot-icon\" style=\"background:linear-gradient(135deg,#4dd0e1,#00d68f)\"><\/div>\r\n              <div class=\"cb-mock-bot-info\">\r\n                <strong>Ma\u00eetre de la grille<\/strong>\r\n                <span>ETH\/USDT \u00b7 \u00c9quilibr\u00e9<\/span>\r\n              <\/div>\r\n              <span class=\"cb-mock-bot-roi cb-positive\">+32.1%<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.cb-hero {\r\n  padding: 150px 0 100px !important;\r\n  min-height: 90vh;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.cb-hero-logo {\r\n  margin-bottom: 26px;\r\n}\r\n\r\n.cb-hero-logo img {\r\n  max-width: 220px;\r\n  height: auto;\r\n  display: block;\r\n}\r\n\r\n.cb-hero h1 {\r\n  font-size: clamp(2.8rem, 5vw, 5rem) !important;\r\n  line-height: 1.05 !important;\r\n  letter-spacing: -0.04em !important;\r\n  margin-bottom: 24px !important;\r\n  max-width: 720px;\r\n}\r\n\r\n.cb-hero h1 .cb-gradient-text {\r\n  font-size: 0.72em;\r\n  display: inline-block;\r\n  margin-top: 8px;\r\n  line-height: 1.1;\r\n}\r\n\r\n.cb-hero-orb {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  filter: blur(80px);\r\n  z-index: 1;\r\n}\r\n\r\n.cb-hero-orb-1 {\r\n  width: 400px;\r\n  height: 400px;\r\n  background: rgba(91, 75, 255, 0.25);\r\n  top: -100px;\r\n  left: -100px;\r\n}\r\n\r\n.cb-hero-orb-2 {\r\n  width: 500px;\r\n  height: 500px;\r\n  background: rgba(77, 208, 225, 0.15);\r\n  bottom: -150px;\r\n  right: -150px;\r\n}\r\n\r\n.cb-hero-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 64px;\r\n  align-items: center;\r\n}\r\n\r\n.cb-hero-content {\r\n  animation: cb-fadeUp 0.8s ease-out;\r\n}\r\n\r\n.cb-hero-lead {\r\n  font-size: 1.15rem !important;\r\n  color: var(--cb-text-secondary);\r\n  max-width: 560px;\r\n  margin-bottom: 32px !important;\r\n  line-height: 1.65 !important;\r\n}\r\n\r\n.cb-hero-actions {\r\n  display: flex;\r\n  gap: 16px;\r\n  margin-bottom: 40px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.cb-hero-trust {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 24px;\r\n  padding: 20px 0;\r\n  border-top: 1px solid var(--cb-border-soft);\r\n  border-bottom: 1px solid var(--cb-border-soft);\r\n}\r\n\r\n.cb-trust-item {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.cb-trust-item strong {\r\n  font-size: 1.5rem;\r\n  font-weight: 800;\r\n  color: #fff;\r\n  line-height: 1;\r\n}\r\n\r\n.cb-trust-item span {\r\n  font-size: 0.85rem;\r\n  color: var(--cb-text-muted);\r\n  margin-top: 4px;\r\n}\r\n\r\n.cb-trust-divider {\r\n  width: 1px;\r\n  height: 32px;\r\n  background: var(--cb-border-soft);\r\n}\r\n\r\n.cb-hero-disclaimer {\r\n  font-size: 0.8rem !important;\r\n  color: var(--cb-text-muted) !important;\r\n  margin-top: 20px !important;\r\n  margin-bottom: 0 !important;\r\n}\r\n\r\n\/* Mock dashboard *\/\r\n.cb-hero-visual {\r\n  animation: cb-fadeUp 1s ease-out 0.2s backwards;\r\n}\r\n\r\n.cb-mock-card {\r\n  background: linear-gradient(145deg, rgba(26,33,71,0.9), rgba(19,25,56,0.9));\r\n  border: 1px solid var(--cb-border);\r\n  border-radius: var(--cb-radius-lg);\r\n  padding: 28px;\r\n  backdrop-filter: blur(20px);\r\n  box-shadow: var(--cb-shadow-lg);\r\n  position: relative;\r\n}\r\n\r\n.cb-mock-header {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.cb-mock-dots {\r\n  display: flex;\r\n  gap: 6px;\r\n}\r\n\r\n.cb-mock-dots span {\r\n  width: 10px;\r\n  height: 10px;\r\n  border-radius: 50%;\r\n  background: rgba(184,193,236,0.3);\r\n}\r\n\r\n.cb-mock-title {\r\n  flex: 1;\r\n  font-weight: 600;\r\n  font-size: 0.95rem;\r\n  color: var(--cb-text-secondary);\r\n}\r\n\r\n.cb-mock-live {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  font-size: 0.75rem;\r\n  font-weight: 700;\r\n  color: var(--cb-success);\r\n  letter-spacing: 0.05em;\r\n}\r\n\r\n.cb-live-dot {\r\n  width: 8px;\r\n  height: 8px;\r\n  background: var(--cb-success);\r\n  border-radius: 50%;\r\n  animation: cb-pulse 2s infinite;\r\n}\r\n\r\n.cb-mock-stat {\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.cb-mock-label {\r\n  display: block;\r\n  font-size: 0.8rem;\r\n  color: var(--cb-text-muted);\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.cb-mock-value {\r\n  display: block;\r\n  font-size: 2.25rem;\r\n  font-weight: 800;\r\n  color: #fff;\r\n  line-height: 1;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.cb-mock-change {\r\n  display: inline-block;\r\n  color: var(--cb-success);\r\n  font-weight: 600;\r\n  font-size: 0.95rem;\r\n}\r\n\r\n.cb-mock-change small {\r\n  color: var(--cb-text-muted);\r\n  font-weight: 400;\r\n  margin-left: 4px;\r\n}\r\n\r\n.cb-mock-chart {\r\n  width: 100%;\r\n  height: 80px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.cb-mock-bots {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n}\r\n\r\n.cb-mock-bot {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  padding: 12px;\r\n  background: rgba(10, 14, 39, 0.5);\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 12px;\r\n}\r\n\r\n.cb-mock-bot-icon {\r\n  width: 36px;\r\n  height: 36px;\r\n  border-radius: 10px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.cb-mock-bot-info {\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-width: 0;\r\n}\r\n\r\n.cb-mock-bot-info strong {\r\n  font-size: 0.9rem;\r\n  color: #fff;\r\n  font-weight: 600;\r\n}\r\n\r\n.cb-mock-bot-info span {\r\n  font-size: 0.75rem;\r\n  color: var(--cb-text-muted);\r\n}\r\n\r\n.cb-mock-bot-roi {\r\n  font-weight: 700;\r\n  font-size: 0.95rem;\r\n}\r\n\r\n.cb-positive {\r\n  color: var(--cb-success);\r\n}\r\n\r\n.cb-negative {\r\n  color: var(--cb-danger);\r\n}\r\n\r\n@media (max-width: 968px) {\r\n  .cb-hero {\r\n    padding: 120px 0 80px !important;\r\n  }\r\n\r\n  .cb-hero-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 48px;\r\n  }\r\n\r\n  .cb-hero h1 {\r\n    font-size: clamp(2.35rem, 10vw, 3.6rem) !important;\r\n  }\r\n\r\n  .cb-hero-logo img {\r\n    max-width: 190px;\r\n  }\r\n\r\n  .cb-hero-trust {\r\n    gap: 16px;\r\n    flex-wrap: wrap;\r\n  }\r\n}\r\n\r\n.cb-hero-content {\r\n    text-align: left !important;\r\n}\r\n\r\n.cb-hero h1 {\r\n    text-align: left !important;\r\n    margin-left: 0 !important;\r\n    margin-right: 0 !important;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e8dc72 elementor-widget elementor-widget-html\" data-id=\"6e8dc72\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================\r\n     CLOUDBRIGHT - THE PROBLEM\r\n     ============================================ -->\r\n<section class=\"cb-section cb-section-alt\" id=\"problem\">\r\n  <div class=\"cb-bg-dots\"><\/div>\r\n  <div class=\"cb-container\">\r\n    <div class=\"cb-section-header\">\r\n      <span class=\"cb-eyebrow\">Le probl\u00e8me<\/span>\r\n      <h2>Les investisseurs particuliers sont <span class=\"cb-gradient-text\">Enferm\u00e9 dehors<\/span><br>des strat\u00e9gies de trading professionnelles<\/h2>\r\n      <p>Pendant des d\u00e9cennies, le trading algorithmique a \u00e9t\u00e9 r\u00e9serv\u00e9 aux institutions et aux particuliers fortun\u00e9s. Trois obstacles ont tenu les investisseurs particuliers \u00e0 l&#039;\u00e9cart.<\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"cb-problem-grid\">\r\n      <div class=\"cb-problem-card\">\r\n        <div class=\"cb-problem-icon cb-problem-icon-red\">\r\n          <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 1v22M17 5H9.5a3.5 3.5 0 100 7h5a3.5 3.5 0 110 7H6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"cb-problem-stat\">$500K+<\/div>\r\n        <h3>Seuil de rentabilit\u00e9 prohibitif<\/h3>\r\n        <p>Les fonds de trading algorithmique professionnels et les strat\u00e9gies g\u00e9r\u00e9es n\u00e9cessitent des engagements de capitaux massifs qui excluent 99% des investisseurs.<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"cb-problem-card\">\r\n        <div class=\"cb-problem-icon cb-problem-icon-orange\">\r\n          <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" stroke=\"currentColor\" stroke-width=\"2\"\/><circle cx=\"12\" cy=\"12\" r=\"3\" stroke=\"currentColor\" stroke-width=\"2\"\/><line x1=\"3\" y1=\"3\" x2=\"21\" y2=\"21\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"cb-problem-stat\">0%<\/div>\r\n        <h3>Transparence nulle<\/h3>\r\n        <p>Les fonds traditionnels dissimulent leurs performances, leurs transactions et leur m\u00e9thodologie derri\u00e8re des couches de marketing superficiel et de rapports trimestriels.<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"cb-problem-card\">\r\n        <div class=\"cb-problem-icon cb-problem-icon-purple\">\r\n          <svg width=\"28\" height=\"28\" viewbox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"\/><polyline points=\"12 6 12 12 16 14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/svg>\r\n        <\/div>\r\n        <div class=\"cb-problem-stat\">24\/7<\/div>\r\n        <h3>Les march\u00e9s ne dorment jamais.<\/h3>\r\n        <p>Les march\u00e9s des cryptomonnaies fonctionnent 24h\/24, mais les humains ont besoin de repos. Les traders manuels ratent des opportunit\u00e9s cruciales chaque nuit.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.cb-problem-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 24px;\r\n}\r\n.cb-problem-card {\r\n  background: var(--cb-bg-card);\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: var(--cb-radius-lg);\r\n  padding: 36px 32px;\r\n  transition: all 0.3s ease;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.cb-problem-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(135deg, transparent 0%, rgba(91, 75, 255, 0.05) 100%);\r\n  opacity: 0;\r\n  transition: opacity 0.3s ease;\r\n}\r\n.cb-problem-card:hover {\r\n  border-color: var(--cb-border);\r\n  transform: translateY(-4px);\r\n  box-shadow: var(--cb-shadow-md);\r\n}\r\n.cb-problem-card:hover::before { opacity: 1; }\r\n.cb-problem-card > * { position: relative; z-index: 2; }\r\n\r\n.cb-problem-icon {\r\n  width: 56px;\r\n  height: 56px;\r\n  border-radius: 14px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 24px;\r\n}\r\n.cb-problem-icon-red {\r\n  background: rgba(255, 94, 126, 0.15);\r\n  color: var(--cb-danger);\r\n}\r\n.cb-problem-icon-orange {\r\n  background: rgba(255, 181, 71, 0.15);\r\n  color: var(--cb-warning);\r\n}\r\n.cb-problem-icon-purple {\r\n  background: rgba(91, 75, 255, 0.15);\r\n  color: var(--cb-accent);\r\n}\r\n.cb-problem-stat {\r\n  font-size: 2.75rem;\r\n  font-weight: 800;\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  line-height: 1;\r\n  margin-bottom: 12px;\r\n  letter-spacing: -0.03em;\r\n}\r\n\r\n@media (max-width: 968px) {\r\n  .cb-problem-grid { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f0f5e97 elementor-widget elementor-widget-html\" data-id=\"f0f5e97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================\r\n     CLOUDBRIGHT - THE SOLUTION\r\n     ============================================ -->\r\n<section class=\"cb-section\" id=\"solution\">\r\n  <div class=\"cb-bg-grid\"><\/div>\r\n  <div class=\"cb-container\">\r\n    <div class=\"cb-solution-grid\">\r\n      <div class=\"cb-solution-content\">\r\n        <span class=\"cb-eyebrow\">La solution<\/span>\r\n        <h2>Cloudbright \u2014 Copy-Trading<br>Que <span class=\"cb-gradient-text\">Simplifie les choses<\/span><\/h2>\r\n        <p class=\"cb-solution-lead\">\r\n          Nous avons \u00e9limin\u00e9 toutes les barri\u00e8res. Cloudbright offre \u00e0 chacun, o\u00f9 qu'il soit, un acc\u00e8s instantan\u00e9 \u00e0 des strat\u00e9gies algorithmiques v\u00e9rifi\u00e9es, avec une transparence totale et des int\u00e9r\u00eats align\u00e9s.\r\n        <\/p>\r\n        \r\n        <ul class=\"cb-solution-list\">\r\n          <li>\r\n            <div class=\"cb-check\"><svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n            <div>\r\n              <strong>Copy trading en un clic<\/strong>\r\n              <span>Aucune comp\u00e9tence technique, aucune installation, aucun probl\u00e8me d&#039;API<\/span>\r\n            <\/div>\r\n          <\/li>\r\n          <li>\r\n            <div class=\"cb-check\"><svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n            <div>\r\n              <strong>\u00c0 partir de seulement $50<\/strong>\r\n              <span>10\u00a0000 fois moins cher que les fonds algorithmiques traditionnels<\/span>\r\n            <\/div>\r\n          <\/li>\r\n          <li>\r\n            <div class=\"cb-check\"><svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n            <div>\r\n              <strong>Bots v\u00e9rifi\u00e9s pour tous les niveaux de risque<\/strong>\r\n              <span>Du revenu conservateur \u00e0 la croissance agressive<\/span>\r\n            <\/div>\r\n          <\/li>\r\n          <li>\r\n            <div class=\"cb-check\"><svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n            <div>\r\n              <strong>Transparence totale, en temps r\u00e9el<\/strong>\r\n              <span>Chaque transaction, chaque indicateur, visible 24h\/24 et 7j\/7<\/span>\r\n            <\/div>\r\n          <\/li>\r\n          <li>\r\n            <div class=\"cb-check\"><svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg><\/div>\r\n            <div>\r\n              <strong>Commission uniquement en cas de retrait<\/strong>\r\n              <span>Nous ne gagnons que lorsque vous le faites \u2014 sans abonnement, sans frais cach\u00e9s<\/span>\r\n            <\/div>\r\n          <\/li>\r\n        <\/ul>\r\n        \r\n        <a href=\"https:\/\/cloudbright.io\/register?ref=DF6496DF\" target=\"_blank\" class=\"cb-btn cb-btn-primary\">Cr\u00e9ez votre compte<\/a>\r\n      <\/div>\r\n      \r\n      <div class=\"cb-solution-visual\">\r\n        <div class=\"cb-floating-badge cb-fb-1\">\r\n          <span class=\"cb-fb-icon\">\u26a1<\/span>\r\n          <div>\r\n            <strong>Copie en 1 clic<\/strong>\r\n            <small>Vivez en quelques secondes<\/small>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"cb-floating-badge cb-fb-2\">\r\n          <span class=\"cb-fb-icon\">\ud83d\udd12<\/span>\r\n          <div>\r\n            <strong>V\u00e9rifi\u00e9<\/strong>\r\n            <small>Audit de plus de 12 mois<\/small>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"cb-floating-badge cb-fb-3\">\r\n          <span class=\"cb-fb-icon\">\ud83d\udcca<\/span>\r\n          <div>\r\n            <strong>Temps r\u00e9el<\/strong>\r\n            <small>Chaque commerce visible<\/small>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <!-- Hex\u00e1gono central decorativo -->\r\n        <div class=\"cb-solution-hex\">\r\n          <svg viewbox=\"0 0 200 200\">\r\n            <defs>\r\n              <lineargradient id=\"cb-sol-grad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n                <stop offset=\"0%\" stop-color=\"#5b4bff\"\/>\r\n                <stop offset=\"100%\" stop-color=\"#4dd0e1\"\/>\r\n              <\/lineargradient>\r\n            <\/defs>\r\n            <polygon points=\"50,10 150,10 190,100 150,190 50,190 10,100\" fill=\"url(#cb-sol-grad)\" opacity=\"0.15\"\/>\r\n            <polygon points=\"50,10 150,10 190,100 150,190 50,190 10,100\" fill=\"none\" stroke=\"url(#cb-sol-grad)\" stroke-width=\"2\"\/>\r\n          <\/svg>\r\n          <div class=\"cb-solution-hex-content\">\r\n            <svg width=\"48\" height=\"48\" viewbox=\"0 0 36 36\" fill=\"none\">\r\n              <defs>\r\n                <lineargradient id=\"cb-sol-logo\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n                  <stop offset=\"0%\" stop-color=\"#5b4bff\"\/>\r\n                  <stop offset=\"100%\" stop-color=\"#4dd0e1\"\/>\r\n                <\/lineargradient>\r\n              <\/defs>\r\n              <path d=\"M28 18c0-3-2-5-5-5-1-3-4-5-7-5-4 0-7 3-7 7v1c-3 0-5 2-5 5s2 5 5 5h17c3 0 5-2 5-5 0-1 0-2-1-3z\" fill=\"url(#cb-sol-logo)\"\/>\r\n              <rect x=\"15\" y=\"14\" width=\"10\" height=\"10\" rx=\"2\" fill=\"#4dd0e1\"\/>\r\n            <\/svg>\r\n            <strong>CLOUDBRIGHT<\/strong>\r\n            <span>Le trading de copie intelligente<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ============================================\r\n   CLOUDBRIGHT - THE SOLUTION\r\n   SINGLE COLUMN VERSION\r\n   ============================================ *\/\r\n\r\n.cb-solution-grid {\r\n  display: block !important;\r\n}\r\n\r\n.cb-solution-content {\r\n  width: 100% !important;\r\n  max-width: 1100px !important;\r\n  text-align: left !important;\r\n}\r\n\r\n.cb-solution-content .cb-eyebrow {\r\n  text-align: left !important;\r\n}\r\n\r\n.cb-solution-content h2 {\r\n  text-align: left !important;\r\n  margin-bottom: 24px !important;\r\n}\r\n\r\n.cb-solution-lead {\r\n  font-size: 1.15rem !important;\r\n  text-align: left !important;\r\n  margin-bottom: 32px !important;\r\n  max-width: 900px !important;\r\n}\r\n\r\n.cb-solution-list {\r\n  list-style: none !important;\r\n  padding: 0 !important;\r\n  margin: 0 0 40px 0 !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  gap: 18px !important;\r\n  align-items: flex-start !important;\r\n}\r\n\r\n.cb-solution-list li {\r\n  display: flex !important;\r\n  gap: 16px !important;\r\n  align-items: flex-start !important;\r\n  justify-content: flex-start !important;\r\n  width: 100% !important;\r\n}\r\n\r\n.cb-check {\r\n  width: 28px !important;\r\n  height: 28px !important;\r\n  border-radius: 8px !important;\r\n  background: var(--cb-gradient) !important;\r\n  color: #fff !important;\r\n  display: flex !important;\r\n  align-items: center !important;\r\n  justify-content: center !important;\r\n  flex-shrink: 0 !important;\r\n  margin-top: 2px !important;\r\n}\r\n\r\n.cb-solution-list li strong {\r\n  display: block !important;\r\n  color: #fff !important;\r\n  font-weight: 600 !important;\r\n  font-size: 1.05rem !important;\r\n  margin-bottom: 2px !important;\r\n}\r\n\r\n.cb-solution-list li span {\r\n  color: var(--cb-text-muted) !important;\r\n  font-size: 0.95rem !important;\r\n  line-height: 1.6 !important;\r\n}\r\n\r\n.cb-solution-content .cb-btn {\r\n  margin-top: 10px !important;\r\n}\r\n\r\n\/* REMOVE COMPLETAMENTE A COLUNA DIREITA *\/\r\n\r\n.cb-solution-visual {\r\n  display: none !important;\r\n}\r\n\r\n.cb-solution-hex {\r\n  display: none !important;\r\n}\r\n\r\n.cb-floating-badge {\r\n  display: none !important;\r\n}\r\n\r\n.cb-fb-1,\r\n.cb-fb-2,\r\n.cb-fb-3 {\r\n  display: none !important;\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 968px) {\r\n\r\n  .cb-solution-grid {\r\n    display: block !important;\r\n  }\r\n\r\n  .cb-solution-content {\r\n    width: 100% !important;\r\n    max-width: 100% !important;\r\n  }\r\n\r\n  .cb-solution-content h2 {\r\n    text-align: left !important;\r\n  }\r\n\r\n  .cb-solution-lead {\r\n    text-align: left !important;\r\n  }\r\n\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-61ff527 elementor-widget elementor-widget-html\" data-id=\"61ff527\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\/* ============================================\r\n   CLOUDBRIGHT - GLOBAL VARS (igual ao CSS global)\r\n   ============================================ *\/\r\n:root {\r\n  --cb-bg-primary: #0a0e27;\r\n  --cb-bg-secondary: #131938;\r\n  --cb-bg-tertiary: #1a2147;\r\n  --cb-bg-card: rgba(26, 33, 71, 0.5);\r\n  --cb-accent: #5b4bff;\r\n  --cb-accent-hover: #4a3ce6;\r\n  --cb-cyan: #4dd0e1;\r\n  --cb-gradient: linear-gradient(135deg, #5b4bff 0%, #4dd0e1 100%);\r\n  --cb-gradient-soft: linear-gradient(135deg, rgba(91, 75, 255, 0.15) 0%, rgba(77, 208, 225, 0.15) 100%);\r\n  --cb-text-primary: #ffffff;\r\n  --cb-text-secondary: #b8c1ec;\r\n  --cb-text-muted: #6b7394;\r\n  --cb-border: rgba(91, 75, 255, 0.25);\r\n  --cb-border-soft: rgba(184, 193, 236, 0.1);\r\n  --cb-success: #00d68f;\r\n  --cb-danger: #ff5e7e;\r\n  --cb-warning: #ffb547;\r\n  --cb-shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n  --cb-shadow-md: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n  --cb-shadow-lg: 0 20px 50px rgba(91, 75, 255, 0.25);\r\n  --cb-radius: 12px;\r\n  --cb-radius-lg: 20px;\r\n  --cb-radius-xl: 32px;\r\n}\r\n\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\nbody {\r\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n  background: var(--cb-bg-primary);\r\n  color: var(--cb-text-primary);\r\n  min-height: 100vh;\r\n}\r\n\r\n\/* ============================================\r\n   CLOUDBRIGHT - SECTION 5: HOW IT WORKS\r\n   ============================================ *\/\r\n.cb-section {\r\n  padding: 100px 0;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: var(--cb-bg-primary);\r\n}\r\n\r\n.cb-bg-grid {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: \r\n    radial-gradient(circle at 20% 20%, rgba(91, 75, 255, 0.08) 0%, transparent 50%),\r\n    radial-gradient(circle at 80% 80%, rgba(77, 208, 225, 0.06) 0%, transparent 50%);\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n.cb-container {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.cb-eyebrow {\r\n  display: inline-block;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.15em;\r\n  color: var(--cb-cyan);\r\n  margin-bottom: 16px;\r\n  padding: 6px 16px;\r\n  background: rgba(77, 208, 225, 0.1);\r\n  border: 1px solid rgba(77, 208, 225, 0.3);\r\n  border-radius: 100px;\r\n}\r\n\r\n.cb-gradient-text {\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  display: inline-block;\r\n}\r\n\r\n.cb-section-header {\r\n  text-align: center;\r\n  max-width: 760px;\r\n  margin: 0 auto 80px;\r\n}\r\n\r\n.cb-section-header h2 {\r\n  font-size: clamp(2rem, 4.5vw, 3.25rem);\r\n  font-weight: 800;\r\n  line-height: 1.15;\r\n  letter-spacing: -0.02em;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.cb-section-header p {\r\n  font-size: 1.15rem;\r\n  color: var(--cb-text-secondary);\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* Steps Grid *\/\r\n.cb-steps-wrapper {\r\n  position: relative;\r\n}\r\n\r\n\/* Linha conectora horizontal (desktop) *\/\r\n.cb-steps-line {\r\n  position: absolute;\r\n  top: 80px;\r\n  left: 16.66%;\r\n  right: 16.66%;\r\n  height: 2px;\r\n  background: linear-gradient(90deg,\r\n    transparent 0%,\r\n    rgba(91, 75, 255, 0.4) 15%,\r\n    rgba(77, 208, 225, 0.4) 50%,\r\n    rgba(91, 75, 255, 0.4) 85%,\r\n    transparent 100%);\r\n  z-index: 1;\r\n}\r\n\r\n.cb-steps-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 32px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.cb-step-card {\r\n  background: linear-gradient(145deg, rgba(26,33,71,0.7), rgba(19,25,56,0.7));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: var(--cb-radius-lg);\r\n  padding: 40px 32px;\r\n  text-align: center;\r\n  position: relative;\r\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n  backdrop-filter: blur(10px);\r\n  -webkit-backdrop-filter: blur(10px);\r\n}\r\n\r\n.cb-step-card:hover {\r\n  transform: translateY(-8px);\r\n  border-color: var(--cb-border);\r\n  box-shadow: var(--cb-shadow-lg);\r\n}\r\n\r\n.cb-step-card:hover .cb-step-icon-wrap {\r\n  transform: scale(1.05);\r\n}\r\n\r\n.cb-step-card:hover .cb-step-icon-wrap svg {\r\n  filter: drop-shadow(0 0 20px rgba(91, 75, 255, 0.5));\r\n}\r\n\r\n\/* Step Number Badge *\/\r\n.cb-step-number {\r\n  position: absolute;\r\n  top: -16px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  background: var(--cb-gradient);\r\n  color: #fff;\r\n  font-weight: 700;\r\n  font-size: 0.75rem;\r\n  letter-spacing: 0.2em;\r\n  padding: 8px 20px;\r\n  border-radius: 100px;\r\n  text-transform: uppercase;\r\n  box-shadow: 0 8px 24px rgba(91, 75, 255, 0.35);\r\n  white-space: nowrap;\r\n}\r\n\r\n\/* Icon hexagon *\/\r\n.cb-step-icon-wrap {\r\n  width: 120px;\r\n  height: 120px;\r\n  margin: 24px auto 32px;\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.cb-step-hex {\r\n  position: absolute;\r\n  inset: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.cb-step-icon {\r\n  position: relative;\r\n  z-index: 2;\r\n  color: #fff;\r\n  transition: filter 0.4s ease;\r\n}\r\n\r\n.cb-step-card h3 {\r\n  font-size: 1.5rem;\r\n  font-weight: 700;\r\n  margin-bottom: 12px;\r\n  letter-spacing: -0.01em;\r\n}\r\n\r\n.cb-step-card p {\r\n  color: var(--cb-text-secondary);\r\n  line-height: 1.7;\r\n  font-size: 0.98rem;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.cb-step-feature {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 8px 16px;\r\n  background: rgba(91, 75, 255, 0.1);\r\n  border: 1px solid rgba(91, 75, 255, 0.25);\r\n  border-radius: 100px;\r\n  font-size: 0.85rem;\r\n  font-weight: 500;\r\n  color: var(--cb-text-primary);\r\n}\r\n\r\n.cb-step-feature .cb-dot {\r\n  width: 6px;\r\n  height: 6px;\r\n  border-radius: 50%;\r\n  background: var(--cb-cyan);\r\n  box-shadow: 0 0 8px var(--cb-cyan);\r\n  animation: cb-pulse 2s infinite;\r\n}\r\n\r\n@keyframes cb-pulse {\r\n  0%, 100% { opacity: 1; transform: scale(1); }\r\n  50% { opacity: 0.5; transform: scale(1.2); }\r\n}\r\n\r\n\/* CTA bottom *\/\r\n.cb-steps-cta {\r\n  text-align: center;\r\n  margin-top: 64px;\r\n}\r\n\r\n.cb-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  padding: 16px 32px;\r\n  border-radius: 100px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-weight: 600;\r\n  font-size: 1rem;\r\n  text-decoration: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n  background: var(--cb-gradient);\r\n  color: #fff;\r\n  box-shadow: 0 8px 24px rgba(91, 75, 255, 0.35);\r\n}\r\n\r\n.cb-btn:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 12px 32px rgba(91, 75, 255, 0.5);\r\n}\r\n\r\n.cb-steps-note {\r\n  margin-top: 20px;\r\n  font-size: 0.85rem;\r\n  color: var(--cb-text-muted);\r\n}\r\n\r\n\/* Orbs decorativos *\/\r\n.cb-orb {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  filter: blur(80px);\r\n  z-index: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n.cb-orb-1 {\r\n  width: 400px; height: 400px;\r\n  background: rgba(91, 75, 255, 0.15);\r\n  top: 10%; left: -200px;\r\n}\r\n\r\n.cb-orb-2 {\r\n  width: 350px; height: 350px;\r\n  background: rgba(77, 208, 225, 0.1);\r\n  bottom: 10%; right: -150px;\r\n}\r\n\r\n\/* Responsivo *\/\r\n@media (max-width: 968px) {\r\n  .cb-section { padding: 64px 0; }\r\n  .cb-steps-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 48px;\r\n  }\r\n  .cb-steps-line { display: none; }\r\n  .cb-section-header { margin-bottom: 48px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================\r\n     CLOUDBRIGHT - SECTION 5: HOW IT WORKS\r\n     ============================================ -->\r\n<section class=\"cb-section\" id=\"how\">\r\n  <div class=\"cb-bg-grid\"><\/div>\r\n  <div class=\"cb-orb cb-orb-1\"><\/div>\r\n  <div class=\"cb-orb cb-orb-2\"><\/div>\r\n\r\n  <div class=\"cb-container\">\r\n    <div class=\"cb-section-header\">\r\n      <span class=\"cb-eyebrow\">Comment \u00e7a marche<\/span>\r\n      <h2 class=\"translation-block\">Commencez en <span class=\"cb-gradient-text\">3 \u00c9tapes Simples<\/span><\/h2>\r\n      <p>De z\u00e9ro \u00e0 la copie de robots de trading professionnels en moins de 5 minutes. Aucune comp\u00e9tence technique requise, aucune configuration compliqu\u00e9e\u00a0: trois clics suffisent.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"cb-steps-wrapper\">\r\n      <div class=\"cb-steps-line\"><\/div>\r\n\r\n      <div class=\"cb-steps-grid\">\r\n\r\n        <!-- STEP 1: TOP UP -->\r\n        <div class=\"cb-step-card\">\r\n          <span class=\"cb-step-number\">\u00c9tape 01<\/span>\r\n\r\n          <div class=\"cb-step-icon-wrap\">\r\n            <svg class=\"cb-step-hex\" viewbox=\"0 0 120 120\">\r\n              <defs>\r\n                <lineargradient id=\"cb-hex1\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n                  <stop offset=\"0%\" stop-color=\"#5b4bff\" stop-opacity=\"0.3\"\/>\r\n                  <stop offset=\"100%\" stop-color=\"#4dd0e1\" stop-opacity=\"0.15\"\/>\r\n                <\/lineargradient>\r\n              <\/defs>\r\n              <polygon points=\"60,8 108,34 108,86 60,112 12,86 12,34\" fill=\"url(#cb-hex1)\" stroke=\"#5b4bff\" stroke-width=\"1.5\"\/>\r\n            <\/svg>\r\n            <svg class=\"cb-step-icon\" width=\"44\" height=\"44\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M12 1v22M17 5H9.5a3.5 3.5 0 100 7h5a3.5 3.5 0 110 7H6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <h3>Recharger<\/h3>\r\n          <p>D\u00e9posez des fonds en cryptomonnaie ou en monnaie fiduciaire. Plusieurs modes de paiement accept\u00e9s, confirmation instantan\u00e9e, aucun frais de d\u00e9p\u00f4t.<\/p>\r\n\r\n          <div class=\"cb-step-feature\">\r\n            <span class=\"cb-dot\"><\/span>\r\n            Minimum $50\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- STEP 2: COPY A BOT -->\r\n        <div class=\"cb-step-card\">\r\n          <span class=\"cb-step-number\">\u00c9tape 02<\/span>\r\n\r\n          <div class=\"cb-step-icon-wrap\">\r\n            <svg class=\"cb-step-hex\" viewbox=\"0 0 120 120\">\r\n              <defs>\r\n                <lineargradient id=\"cb-hex2\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n                  <stop offset=\"0%\" stop-color=\"#5b4bff\" stop-opacity=\"0.35\"\/>\r\n                  <stop offset=\"100%\" stop-color=\"#4dd0e1\" stop-opacity=\"0.2\"\/>\r\n                <\/lineargradient>\r\n              <\/defs>\r\n              <polygon points=\"60,8 108,34 108,86 60,112 12,86 12,34\" fill=\"url(#cb-hex2)\" stroke=\"#5b4bff\" stroke-width=\"1.5\"\/>\r\n            <\/svg>\r\n            <svg class=\"cb-step-icon\" width=\"44\" height=\"44\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"currentColor\" fill-opacity=\"0.3\"\/>\r\n              <path d=\"M17.5 17.5l-1.5 1.5 3 3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <h3>Copier un bot<\/h3>\r\n          <p>Parcourez le march\u00e9, filtrez par niveau de risque et retour sur investissement, et choisissez un bot v\u00e9rifi\u00e9. Un clic suffit pour copier des transactions en direct.<\/p>\r\n\r\n          <div class=\"cb-step-feature\">\r\n            <span class=\"cb-dot\"><\/span>\r\n            Strat\u00e9gies v\u00e9rifi\u00e9es uniquement\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- STEP 3: COLLECT PROFITS -->\r\n        <div class=\"cb-step-card\">\r\n          <span class=\"cb-step-number\">\u00c9tape 03<\/span>\r\n\r\n          <div class=\"cb-step-icon-wrap\">\r\n            <svg class=\"cb-step-hex\" viewbox=\"0 0 120 120\">\r\n              <defs>\r\n                <lineargradient id=\"cb-hex3\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n                  <stop offset=\"0%\" stop-color=\"#5b4bff\" stop-opacity=\"0.4\"\/>\r\n                  <stop offset=\"100%\" stop-color=\"#4dd0e1\" stop-opacity=\"0.25\"\/>\r\n                <\/lineargradient>\r\n              <\/defs>\r\n              <polygon points=\"60,8 108,34 108,86 60,112 12,86 12,34\" fill=\"url(#cb-hex3)\" stroke=\"#5b4bff\" stroke-width=\"1.5\"\/>\r\n            <\/svg>\r\n            <svg class=\"cb-step-icon\" width=\"44\" height=\"44\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M3 17l6-6 4 4 8-8M14 7h7v7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <h3>Collecter les b\u00e9n\u00e9fices<\/h3>\r\n          <p>Votre robot de trading op\u00e8re 24h\/24 et 7j\/7 sur les march\u00e9s mondiaux des cryptomonnaies. Suivez ses performances en temps r\u00e9el et retirez vos gains \u00e0 tout moment.<\/p>\r\n\r\n          <div class=\"cb-step-feature\">\r\n            <span class=\"cb-dot\"><\/span>\r\n            Transactions 24h\/24 et 7j\/7\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"cb-steps-cta\">\r\n      <a href=\"#\" class=\"cb-btn\">\r\n        Commencez d\u00e8s maintenant\r\n        <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n          <path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n      <\/a>\r\n   \r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f65ca46 elementor-widget elementor-widget-html\" data-id=\"f65ca46\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\/* ============================================\r\n   CLOUDBRIGHT - GLOBAL VARS\r\n   ============================================ *\/\r\n:root {\r\n  --cb-bg-primary: #0a0e27;\r\n  --cb-bg-secondary: #131938;\r\n  --cb-bg-tertiary: #1a2147;\r\n  --cb-bg-card: rgba(26, 33, 71, 0.5);\r\n  --cb-accent: #5b4bff;\r\n  --cb-cyan: #4dd0e1;\r\n  --cb-gradient: linear-gradient(135deg, #5b4bff 0%, #4dd0e1 100%);\r\n  --cb-text-primary: #ffffff;\r\n  --cb-text-secondary: #b8c1ec;\r\n  --cb-text-muted: #6b7394;\r\n  --cb-border: rgba(91, 75, 255, 0.25);\r\n  --cb-border-soft: rgba(184, 193, 236, 0.1);\r\n  --cb-success: #00d68f;\r\n  --cb-shadow-lg: 0 20px 50px rgba(91, 75, 255, 0.25);\r\n  --cb-radius-lg: 20px;\r\n}\r\n\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\nbody {\r\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n  background: var(--cb-bg-secondary);\r\n  color: var(--cb-text-primary);\r\n  min-height: 100vh;\r\n}\r\n\r\n\/* ============================================\r\n   CLOUDBRIGHT - SECTION 6: PLATFORM FEATURES\r\n   ============================================ *\/\r\n.cb-section {\r\n  padding: 100px 0;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: var(--cb-bg-secondary);\r\n}\r\n\r\n.cb-bg-grid {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: \r\n    radial-gradient(circle at 15% 30%, rgba(91, 75, 255, 0.1) 0%, transparent 50%),\r\n    radial-gradient(circle at 85% 70%, rgba(77, 208, 225, 0.08) 0%, transparent 50%);\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n.cb-bg-dots {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: radial-gradient(circle, rgba(91, 75, 255, 0.12) 1px, transparent 1px);\r\n  background-size: 32px 32px;\r\n  opacity: 0.5;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n.cb-container {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.cb-eyebrow {\r\n  display: inline-block;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.15em;\r\n  color: var(--cb-cyan);\r\n  margin-bottom: 16px;\r\n  padding: 6px 16px;\r\n  background: rgba(77, 208, 225, 0.1);\r\n  border: 1px solid rgba(77, 208, 225, 0.3);\r\n  border-radius: 100px;\r\n}\r\n\r\n.cb-gradient-text {\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  display: inline-block;\r\n}\r\n\r\n.cb-section-header {\r\n  text-align: center;\r\n  max-width: 760px;\r\n  margin: 0 auto 64px;\r\n}\r\n\r\n.cb-section-header h2 {\r\n  font-size: clamp(2rem, 4.5vw, 3.25rem);\r\n  font-weight: 800;\r\n  line-height: 1.15;\r\n  letter-spacing: -0.02em;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.cb-section-header p {\r\n  font-size: 1.15rem;\r\n  color: var(--cb-text-secondary);\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* Features Grid *\/\r\n.cb-features-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 24px;\r\n}\r\n\r\n.cb-feature-card {\r\n  background: linear-gradient(145deg, rgba(26, 33, 71, 0.7), rgba(19, 25, 56, 0.7));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: var(--cb-radius-lg);\r\n  padding: 36px 28px;\r\n  position: relative;\r\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n  backdrop-filter: blur(10px);\r\n  -webkit-backdrop-filter: blur(10px);\r\n  overflow: hidden;\r\n}\r\n\r\n.cb-feature-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0;\r\n  height: 3px;\r\n  background: var(--cb-gradient);\r\n  opacity: 0;\r\n  transition: opacity 0.4s ease;\r\n}\r\n\r\n.cb-feature-card::after {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  background: radial-gradient(circle at 50% 0%, rgba(91, 75, 255, 0.12) 0%, transparent 60%);\r\n  opacity: 0;\r\n  transition: opacity 0.4s ease;\r\n  pointer-events: none;\r\n}\r\n\r\n.cb-feature-card:hover {\r\n  transform: translateY(-8px);\r\n  border-color: var(--cb-border);\r\n  box-shadow: var(--cb-shadow-lg);\r\n}\r\n\r\n.cb-feature-card:hover::before { opacity: 1; }\r\n.cb-feature-card:hover::after { opacity: 1; }\r\n.cb-feature-card:hover .cb-feature-icon-wrap { transform: scale(1.08); }\r\n.cb-feature-card:hover .cb-feature-icon svg {\r\n  filter: drop-shadow(0 0 16px rgba(91, 75, 255, 0.6));\r\n}\r\n\r\n.cb-feature-card > * { position: relative; z-index: 2; }\r\n\r\n\/* Icon *\/\r\n.cb-feature-icon-wrap {\r\n  width: 72px;\r\n  height: 72px;\r\n  margin-bottom: 24px;\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.cb-feature-icon-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: linear-gradient(135deg, rgba(91, 75, 255, 0.2) 0%, rgba(77, 208, 225, 0.1) 100%);\r\n  border: 1px solid rgba(91, 75, 255, 0.3);\r\n  border-radius: 18px;\r\n  transform: rotate(-6deg);\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.cb-feature-card:hover .cb-feature-icon-bg {\r\n  transform: rotate(0deg);\r\n}\r\n\r\n.cb-feature-icon {\r\n  position: relative;\r\n  z-index: 2;\r\n  color: var(--cb-cyan);\r\n  transition: filter 0.4s ease;\r\n}\r\n\r\n.cb-feature-card h3 {\r\n  font-size: 1.25rem;\r\n  font-weight: 700;\r\n  margin-bottom: 12px;\r\n  letter-spacing: -0.01em;\r\n  color: #fff;\r\n}\r\n\r\n.cb-feature-card p {\r\n  color: var(--cb-text-secondary);\r\n  line-height: 1.6;\r\n  font-size: 0.95rem;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n\/* Sub-features list *\/\r\n.cb-feature-tags {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n  padding-top: 16px;\r\n  border-top: 1px solid var(--cb-border-soft);\r\n}\r\n\r\n.cb-feature-tag {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-size: 0.85rem;\r\n  color: var(--cb-text-secondary);\r\n}\r\n\r\n.cb-feature-tag svg {\r\n  flex-shrink: 0;\r\n  color: var(--cb-cyan);\r\n}\r\n\r\n\/* Highlight badge *\/\r\n.cb-feature-badge {\r\n  position: absolute;\r\n  top: 20px;\r\n  right: 20px;\r\n  font-size: 0.7rem;\r\n  font-weight: 700;\r\n  letter-spacing: 0.1em;\r\n  text-transform: uppercase;\r\n  padding: 4px 10px;\r\n  background: rgba(0, 214, 143, 0.15);\r\n  color: var(--cb-success);\r\n  border: 1px solid rgba(0, 214, 143, 0.3);\r\n  border-radius: 100px;\r\n  z-index: 3;\r\n}\r\n\r\n\/* Orbs *\/\r\n.cb-orb {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  filter: blur(80px);\r\n  z-index: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n.cb-orb-1 {\r\n  width: 380px; height: 380px;\r\n  background: rgba(91, 75, 255, 0.12);\r\n  top: 20%; left: -180px;\r\n}\r\n\r\n.cb-orb-2 {\r\n  width: 320px; height: 320px;\r\n  background: rgba(77, 208, 225, 0.1);\r\n  bottom: 5%; right: -120px;\r\n}\r\n\r\n\/* Responsivo *\/\r\n@media (max-width: 1100px) {\r\n  .cb-features-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 20px;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .cb-section { padding: 64px 0; }\r\n  .cb-features-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .cb-section-header { margin-bottom: 40px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================\r\n     CLOUDBRIGHT - SECTION 6: PLATFORM FEATURES\r\n     ============================================ -->\r\n<section class=\"cb-section\" id=\"features\">\r\n  <div class=\"cb-bg-grid\"><\/div>\r\n  <div class=\"cb-bg-dots\"><\/div>\r\n  <div class=\"cb-orb cb-orb-1\"><\/div>\r\n  <div class=\"cb-orb cb-orb-2\"><\/div>\r\n\r\n  <div class=\"cb-container\">\r\n    <div class=\"cb-section-header\">\r\n      <span class=\"cb-eyebrow\">Fonctionnalit\u00e9s de la plateforme<\/span>\r\n      <h2>L&#039;int\u00e9grale<br><span class=\"cb-gradient-text\">Plateforme de Copy Trading<\/span><\/h2>\r\n      <p>Tout ce dont vous avez besoin pour acc\u00e9der \u00e0 des strat\u00e9gies de trading professionnelles sur une plateforme unifi\u00e9e, con\u00e7ue pour la transparence, l&#039;accessibilit\u00e9 et des performances optimales.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"cb-features-grid\">\r\n\r\n      <!-- FEATURE 1: MARKETPLACE -->\r\n      <div class=\"cb-feature-card\">\r\n        <div class=\"cb-feature-icon-wrap\">\r\n          <div class=\"cb-feature-icon-bg\"><\/div>\r\n          <div class=\"cb-feature-icon\">\r\n            <svg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M3 9l1-5h16l1 5M3 9v11a1 1 0 001 1h16a1 1 0 001-1V9M3 9h18M9 13h6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <h3>March\u00e9<\/h3>\r\n        <p>Parcourez les bots v\u00e9rifi\u00e9s, class\u00e9s selon leurs performances, leur profil de risque et leurs p\u00e9riodes d&#039;engagement. Trouvez la strat\u00e9gie id\u00e9ale en quelques secondes.<\/p>\r\n\r\n        <div class=\"cb-feature-tags\">\r\n          <div class=\"cb-feature-tag\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/><\/svg>\r\n            Strat\u00e9gies v\u00e9rifi\u00e9es uniquement\r\n          <\/div>\r\n          <div class=\"cb-feature-tag\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/><\/svg>\r\n            Profils de risque multiples\r\n          <\/div>\r\n          <div class=\"cb-feature-tag\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/><\/svg>\r\n            Conditions d&#039;engagement flexibles\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- FEATURE 2: REAL-TIME DASHBOARD -->\r\n      <div class=\"cb-feature-card\">\r\n        <span class=\"cb-feature-badge\">En direct<\/span>\r\n        \r\n        <div class=\"cb-feature-icon-wrap\">\r\n          <div class=\"cb-feature-icon-bg\"><\/div>\r\n          <div class=\"cb-feature-icon\">\r\n            <svg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <rect x=\"3\" y=\"3\" width=\"6\" height=\"18\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <rect x=\"11\" y=\"8\" width=\"6\" height=\"13\" rx=\"1\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <line x1=\"6\" y1=\"7\" x2=\"6\" y2=\"9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"14\" y1=\"12\" x2=\"14\" y2=\"14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <path d=\"M19 14v7M19 11v.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <h3>Tableau de bord en temps r\u00e9el<\/h3>\r\n        <p>Suivi en direct des profits et pertes, courbes de capital et historique complet des transactions \u2014 chaque indicateur est mis \u00e0 jour en temps r\u00e9el, en toute transparence.<\/p>\r\n\r\n        <div class=\"cb-feature-tags\">\r\n          <div class=\"cb-feature-tag\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/><\/svg>\r\n            Suivi en direct des profits et pertes\r\n          <\/div>\r\n          <div class=\"cb-feature-tag\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/><\/svg>\r\n            courbes d&#039;actions interactives\r\n          <\/div>\r\n          <div class=\"cb-feature-tag\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/><\/svg>\r\n            Historique complet des transactions\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- FEATURE 3: RISK LEVELS -->\r\n      <div class=\"cb-feature-card\">\r\n        <div class=\"cb-feature-icon-wrap\">\r\n          <div class=\"cb-feature-icon-bg\"><\/div>\r\n          <div class=\"cb-feature-icon\">\r\n            <svg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <line x1=\"4\" y1=\"7\" x2=\"20\" y2=\"7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <circle cx=\"9\" cy=\"7\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"rgba(77,208,225,0.2)\"\/>\r\n              <line x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <circle cx=\"15\" cy=\"12\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"rgba(77,208,225,0.2)\"\/>\r\n              <line x1=\"4\" y1=\"17\" x2=\"20\" y2=\"17\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <circle cx=\"11\" cy=\"17\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"rgba(77,208,225,0.2)\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <h3>Niveaux de risque<\/h3>\r\n        <p>Des strat\u00e9gies de revenus prudentes aux robots de croissance agressifs, filtrez par ratio de Sharpe, retour sur investissement et perte maximale pour trouver la strat\u00e9gie qui vous convient.<\/p>\r\n\r\n        <div class=\"cb-feature-tags\">\r\n          <div class=\"cb-feature-tag\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/><\/svg>\r\n            De conservateur \u00e0 agressif\r\n          <\/div>\r\n          <div class=\"cb-feature-tag\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/><\/svg>\r\n            Filtrer par Sharpe et ROI\r\n          <\/div>\r\n          <div class=\"cb-feature-tag\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/><\/svg>\r\n            M\u00e9triques de drawdown\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- FEATURE 4: MULTI-EXCHANGE -->\r\n      <div class=\"cb-feature-card\">\r\n        <span class=\"cb-feature-badge\">9+<\/span>\r\n        \r\n        <div class=\"cb-feature-icon-wrap\">\r\n          <div class=\"cb-feature-icon-bg\"><\/div>\r\n          <div class=\"cb-feature-icon\">\r\n            <svg width=\"32\" height=\"32\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M17 1l4 4-4 4M3 11V9a4 4 0 014-4h14M7 23l-4-4 4-4M21 13v2a4 4 0 01-4 4H3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <h3>Multi-\u00e9change<\/h3>\r\n        <p>Acc\u00e9dez \u00e0 toutes les principales plateformes d&#039;\u00e9change de cryptomonnaies avec un seul compte. Tradez sur Binance, Bybit, OKX, KuCoin, Kraken et bien d&#039;autres.<\/p>\r\n\r\n        <div class=\"cb-feature-tags\">\r\n          <div class=\"cb-feature-tag\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/><\/svg>\r\n            Binance, Bybit, OKX\r\n          <\/div>\r\n          <div class=\"cb-feature-tag\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/><\/svg>\r\n            KuCoin, Kraken et bien plus encore\r\n          <\/div>\r\n          <div class=\"cb-feature-tag\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/><\/svg>\r\n            Cl\u00e9s API chiffr\u00e9es\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0ae4a43 elementor-widget elementor-widget-html\" data-id=\"0ae4a43\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ============================================\r\n   CLOUDBRIGHT - GLOBAL VARS\r\n   ============================================ *\/\r\n:root {\r\n  --cb-bg-primary: #0a0e27;\r\n  --cb-bg-secondary: #131938;\r\n  --cb-bg-tertiary: #1a2147;\r\n  --cb-bg-card: rgba(26, 33, 71, 0.5);\r\n  --cb-accent: #5b4bff;\r\n  --cb-cyan: #4dd0e1;\r\n  --cb-gradient: linear-gradient(135deg, #5b4bff 0%, #4dd0e1 100%);\r\n  --cb-text-primary: #ffffff;\r\n  --cb-text-secondary: #b8c1ec;\r\n  --cb-text-muted: #6b7394;\r\n  --cb-border: rgba(91, 75, 255, 0.25);\r\n  --cb-border-soft: rgba(184, 193, 236, 0.1);\r\n  --cb-success: #00d68f;\r\n  --cb-shadow-lg: 0 20px 50px rgba(91, 75, 255, 0.25);\r\n  --cb-radius-lg: 20px;\r\n}\r\n\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\nbody {\r\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n  background: var(--cb-bg-primary);\r\n  color: var(--cb-text-primary);\r\n  min-height: 100vh;\r\n}\r\n\r\n\/* ============================================\r\n   CLOUDBRIGHT - SECTION 7: PERFORMANCE METRICS\r\n   ============================================ *\/\r\n.cb-section {\r\n  padding: 100px 0;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: var(--cb-bg-primary);\r\n}\r\n\r\n.cb-bg-grid {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: \r\n    radial-gradient(circle at 50% 50%, rgba(91, 75, 255, 0.12) 0%, transparent 60%);\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n.cb-bg-circuit {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: \r\n    linear-gradient(rgba(91, 75, 255, 0.04) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(91, 75, 255, 0.04) 1px, transparent 1px);\r\n  background-size: 60px 60px;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n  mask-image: radial-gradient(circle at 50% 50%, black 0%, transparent 70%);\r\n  -webkit-mask-image: radial-gradient(circle at 50% 50%, black 0%, transparent 70%);\r\n}\r\n\r\n.cb-container {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.cb-eyebrow {\r\n  display: inline-block;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.15em;\r\n  color: var(--cb-cyan);\r\n  margin-bottom: 16px;\r\n  padding: 6px 16px;\r\n  background: rgba(77, 208, 225, 0.1);\r\n  border: 1px solid rgba(77, 208, 225, 0.3);\r\n  border-radius: 100px;\r\n}\r\n\r\n.cb-gradient-text {\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  display: inline-block;\r\n}\r\n\r\n.cb-section-header {\r\n  text-align: center;\r\n  max-width: 760px;\r\n  margin: 0 auto 80px;\r\n}\r\n\r\n.cb-section-header h2 {\r\n  font-size: clamp(2rem, 4.5vw, 3.25rem);\r\n  font-weight: 800;\r\n  line-height: 1.15;\r\n  letter-spacing: -0.02em;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.cb-section-header p {\r\n  font-size: 1.15rem;\r\n  color: var(--cb-text-secondary);\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* ============================================\r\n   CENTRAL CIRCUIT LAYOUT\r\n   ============================================ *\/\r\n.cb-metrics-stage {\r\n  position: relative;\r\n  display: grid;\r\n  grid-template-columns: 1fr 360px 1fr;\r\n  align-items: center;\r\n  gap: 40px;\r\n  max-width: 1180px;\r\n  margin: 0 auto;\r\n  min-height: 560px;\r\n}\r\n\r\n\/* Cluster esquerdo *\/\r\n.cb-metrics-left {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 32px;\r\n  align-items: flex-end;\r\n}\r\n\r\n\/* Cluster direito *\/\r\n.cb-metrics-right {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 32px;\r\n  align-items: flex-start;\r\n}\r\n\r\n\/* Cluster central *\/\r\n.cb-metrics-center {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 100%;\r\n}\r\n\r\n\/* Hub central com logo *\/\r\n.cb-hub {\r\n  position: relative;\r\n  width: 280px;\r\n  height: 280px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  animation: cb-hub-float 6s ease-in-out infinite;\r\n}\r\n\r\n@keyframes cb-hub-float {\r\n  0%, 100% { transform: translateY(0); }\r\n  50% { transform: translateY(-12px); }\r\n}\r\n\r\n.cb-hub-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.cb-hub-bg svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  filter: drop-shadow(0 0 40px rgba(91, 75, 255, 0.5));\r\n}\r\n\r\n.cb-hub-logo {\r\n  position: relative;\r\n  z-index: 3;\r\n  width: 130px;\r\n  height: 130px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.cb-hub-rings {\r\n  position: absolute;\r\n  inset: -40px;\r\n  pointer-events: none;\r\n}\r\n\r\n.cb-hub-rings svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  animation: cb-ring-rotate 30s linear infinite;\r\n}\r\n\r\n@keyframes cb-ring-rotate {\r\n  from { transform: rotate(0deg); }\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n\/* Metric hexagonal card *\/\r\n.cb-metric {\r\n  position: relative;\r\n  width: 260px;\r\n  padding: 28px 24px;\r\n  background: linear-gradient(145deg, rgba(26, 33, 71, 0.85), rgba(19, 25, 56, 0.85));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: var(--cb-radius-lg);\r\n  backdrop-filter: blur(10px);\r\n  -webkit-backdrop-filter: blur(10px);\r\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n  overflow: hidden;\r\n}\r\n\r\n.cb-metric::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0;\r\n  width: 4px; height: 100%;\r\n  background: var(--cb-gradient);\r\n  opacity: 0;\r\n  transition: opacity 0.4s ease;\r\n}\r\n\r\n.cb-metric:hover {\r\n  transform: translateY(-6px);\r\n  border-color: var(--cb-border);\r\n  box-shadow: var(--cb-shadow-lg);\r\n}\r\n\r\n.cb-metric:hover::before {\r\n  opacity: 1;\r\n}\r\n\r\n.cb-metric:hover .cb-metric-value {\r\n  background-position: 100% center;\r\n}\r\n\r\n.cb-metric-value {\r\n  font-size: 2.75rem;\r\n  font-weight: 900;\r\n  line-height: 1;\r\n  letter-spacing: -0.03em;\r\n  margin-bottom: 8px;\r\n  background: linear-gradient(90deg, #5b4bff 0%, #4dd0e1 50%, #5b4bff 100%);\r\n  background-size: 200% auto;\r\n  background-position: 0% center;\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  transition: background-position 0.6s ease;\r\n}\r\n\r\n.cb-metric-label {\r\n  font-size: 0.95rem;\r\n  font-weight: 600;\r\n  color: #fff;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.cb-metric-sub {\r\n  font-size: 0.8rem;\r\n  color: var(--cb-text-muted);\r\n}\r\n\r\n\/* Indicador pulsante *\/\r\n.cb-metric-pulse {\r\n  position: absolute;\r\n  top: 20px;\r\n  right: 20px;\r\n  width: 8px;\r\n  height: 8px;\r\n  border-radius: 50%;\r\n  background: var(--cb-success);\r\n  box-shadow: 0 0 12px var(--cb-success);\r\n  animation: cb-pulse 2s infinite;\r\n}\r\n\r\n@keyframes cb-pulse {\r\n  0%, 100% { opacity: 1; transform: scale(1); }\r\n  50% { opacity: 0.5; transform: scale(1.3); }\r\n}\r\n\r\n\/* ============================================\r\n   LINHAS CONECTORAS (SVG overlay)\r\n   ============================================ *\/\r\n.cb-connectors {\r\n  position: absolute;\r\n  inset: 0;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.cb-connectors svg {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.cb-connector-line {\r\n  fill: none;\r\n  stroke: rgba(91, 75, 255, 0.4);\r\n  stroke-width: 1.5;\r\n  stroke-dasharray: 4 4;\r\n  animation: cb-dash 20s linear infinite;\r\n}\r\n\r\n@keyframes cb-dash {\r\n  to { stroke-dashoffset: -100; }\r\n}\r\n\r\n.cb-connector-dot {\r\n  fill: var(--cb-cyan);\r\n  filter: drop-shadow(0 0 6px var(--cb-cyan));\r\n}\r\n\r\n\/* Disclaimer bottom *\/\r\n.cb-perf-disclaimer {\r\n  text-align: center;\r\n  margin-top: 64px;\r\n  padding: 20px 28px;\r\n  background: rgba(26, 33, 71, 0.4);\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 12px;\r\n  max-width: 720px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  font-size: 0.85rem;\r\n  color: var(--cb-text-muted);\r\n  line-height: 1.6;\r\n}\r\n\r\n.cb-perf-disclaimer svg {\r\n  flex-shrink: 0;\r\n  color: var(--cb-text-muted);\r\n}\r\n\r\n\/* ============================================\r\n   RESPONSIVO\r\n   ============================================ *\/\r\n@media (max-width: 1024px) {\r\n  .cb-metrics-stage {\r\n    grid-template-columns: 1fr;\r\n    gap: 40px;\r\n    min-height: auto;\r\n  }\r\n  .cb-metrics-left,\r\n  .cb-metrics-right {\r\n    align-items: center;\r\n    flex-direction: row;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n  }\r\n  .cb-metrics-center {\r\n    order: -1;\r\n  }\r\n  .cb-connectors { display: none; }\r\n  .cb-metric { width: 280px; }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .cb-section { padding: 64px 0; }\r\n  .cb-section-header { margin-bottom: 48px; }\r\n  .cb-metric { width: 100%; max-width: 320px; }\r\n  .cb-hub { width: 220px; height: 220px; }\r\n  .cb-hub-logo { width: 110px; height: 110px; }\r\n  .cb-metric-value { font-size: 2.25rem; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================\r\n     CLOUDBRIGHT - SECTION 7: PERFORMANCE METRICS\r\n     ============================================ -->\r\n<section class=\"cb-section\" id=\"metrics\">\r\n  <div class=\"cb-bg-grid\"><\/div>\r\n  <div class=\"cb-bg-circuit\"><\/div>\r\n\r\n  <div class=\"cb-container\">\r\n    <div class=\"cb-section-header\">\r\n      <span class=\"cb-eyebrow\">Traction et indicateurs<\/span>\r\n      <h2>Janvier 2026<br><span class=\"cb-gradient-text\">Aper\u00e7u des performances<\/span><\/h2>\r\n      <p>Des chiffres r\u00e9els issus de bots r\u00e9els, audit\u00e9s mensuellement. Chaque indicateur ci-dessous est calcul\u00e9 \u00e0 partir de donn\u00e9es v\u00e9rifi\u00e9es sur la blockchain et les plateformes d&#039;\u00e9change\u00a0\u2014 une transparence totale, en permanence.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"cb-metrics-stage\">\r\n\r\n      <!-- Connector lines SVG overlay -->\r\n      <div class=\"cb-connectors\">\r\n        <svg viewbox=\"0 0 1180 560\" preserveaspectratio=\"none\">\r\n          <!-- Linhas do hub central para os cards -->\r\n          <path class=\"cb-connector-line\" d=\"M 590 280 L 400 140\"\/>\r\n          <path class=\"cb-connector-line\" d=\"M 590 280 L 400 420\"\/>\r\n          <path class=\"cb-connector-line\" d=\"M 590 280 L 780 140\"\/>\r\n          <path class=\"cb-connector-line\" d=\"M 590 280 L 780 420\"\/>\r\n          <path class=\"cb-connector-line\" d=\"M 590 280 L 400 280\"\/>\r\n          \r\n          <!-- Pontos nas conex\u00f5es -->\r\n          <circle class=\"cb-connector-dot\" cx=\"400\" cy=\"140\" r=\"4\"\/>\r\n          <circle class=\"cb-connector-dot\" cx=\"400\" cy=\"420\" r=\"4\"\/>\r\n          <circle class=\"cb-connector-dot\" cx=\"780\" cy=\"140\" r=\"4\"\/>\r\n          <circle class=\"cb-connector-dot\" cx=\"780\" cy=\"420\" r=\"4\"\/>\r\n          <circle class=\"cb-connector-dot\" cx=\"400\" cy=\"280\" r=\"4\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <!-- LEFT CLUSTER (2 metrics) -->\r\n      <div class=\"cb-metrics-left\">\r\n        \r\n        <!-- METRIC: AVERAGE MONTHLY RETURN -->\r\n        <div class=\"cb-metric\">\r\n          <span class=\"cb-metric-pulse\"><\/span>\r\n          <div class=\"cb-metric-value\">45.4%<\/div>\r\n          <div class=\"cb-metric-label\">Rendement mensuel moyen<\/div>\r\n          <div class=\"cb-metric-sub\">Sur l&#039;ensemble des bots v\u00e9rifi\u00e9s<\/div>\r\n        <\/div>\r\n\r\n        <!-- METRIC: BEST BOT 30 DAYS -->\r\n        <div class=\"cb-metric\">\r\n          <span class=\"cb-metric-pulse\"><\/span>\r\n          <div class=\"cb-metric-value\">90.8%<\/div>\r\n          <div class=\"cb-metric-label\">Meilleures performances du bot<\/div>\r\n          <div class=\"cb-metric-sub\">30 derniers jours<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- CENTER HUB -->\r\n      <div class=\"cb-metrics-center\">\r\n        <div class=\"cb-hub\">\r\n          <div class=\"cb-hub-rings\">\r\n            <svg viewbox=\"0 0 400 400\">\r\n              <defs>\r\n                <lineargradient id=\"cb-ring-grad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n                  <stop offset=\"0%\" stop-color=\"#5b4bff\" stop-opacity=\"0.6\"\/>\r\n                  <stop offset=\"50%\" stop-color=\"#4dd0e1\" stop-opacity=\"0.4\"\/>\r\n                  <stop offset=\"100%\" stop-color=\"#5b4bff\" stop-opacity=\"0.6\"\/>\r\n                <\/lineargradient>\r\n              <\/defs>\r\n              <circle cx=\"200\" cy=\"200\" r=\"180\" fill=\"none\" stroke=\"url(#cb-ring-grad)\" stroke-width=\"1\" stroke-dasharray=\"6 8\"\/>\r\n              <circle cx=\"200\" cy=\"200\" r=\"150\" fill=\"none\" stroke=\"url(#cb-ring-grad)\" stroke-width=\"1\" stroke-dasharray=\"3 12\" opacity=\"0.5\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div class=\"cb-hub-bg\">\r\n            <svg viewbox=\"0 0 280 280\">\r\n              <defs>\r\n                <lineargradient id=\"cb-hub-grad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n                  <stop offset=\"0%\" stop-color=\"#5b4bff\" stop-opacity=\"0.35\"\/>\r\n                  <stop offset=\"100%\" stop-color=\"#4dd0e1\" stop-opacity=\"0.15\"\/>\r\n                <\/lineargradient>\r\n                <lineargradient id=\"cb-hub-stroke\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n                  <stop offset=\"0%\" stop-color=\"#5b4bff\"\/>\r\n                  <stop offset=\"100%\" stop-color=\"#4dd0e1\"\/>\r\n                <\/lineargradient>\r\n              <\/defs>\r\n              <polygon points=\"140,20 240,75 240,205 140,260 40,205 40,75\" fill=\"url(#cb-hub-grad)\" stroke=\"url(#cb-hub-stroke)\" stroke-width=\"2\"\/>\r\n              <polygon points=\"140,40 220,82 220,198 140,240 60,198 60,82\" fill=\"none\" stroke=\"rgba(77,208,225,0.3)\" stroke-width=\"1\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n\r\n          <div class=\"cb-hub-logo\">\r\n            <svg width=\"100%\" height=\"100%\" viewbox=\"0 0 36 36\" fill=\"none\">\r\n              <defs>\r\n                <lineargradient id=\"cb-logo-grad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n                  <stop offset=\"0%\" stop-color=\"#5b4bff\"\/>\r\n                  <stop offset=\"100%\" stop-color=\"#4dd0e1\"\/>\r\n                <\/lineargradient>\r\n              <\/defs>\r\n              <path d=\"M28 18c0-3-2-5-5-5-1-3-4-5-7-5-4 0-7 3-7 7v1c-3 0-5 2-5 5s2 5 5 5h17c3 0 5-2 5-5 0-1 0-2-1-3z\" fill=\"url(#cb-logo-grad)\"\/>\r\n              <rect x=\"15\" y=\"14\" width=\"10\" height=\"10\" rx=\"2\" fill=\"#4dd0e1\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- RIGHT CLUSTER (2 metrics) -->\r\n      <div class=\"cb-metrics-right\">\r\n        \r\n        <!-- METRIC: EXCHANGES -->\r\n        <div class=\"cb-metric\">\r\n          <span class=\"cb-metric-pulse\"><\/span>\r\n          <div class=\"cb-metric-value\">9+<\/div>\r\n          <div class=\"cb-metric-label\">Plateformes d&#039;\u00e9change prises en charge<\/div>\r\n          <div class=\"cb-metric-sub\">Binance, Bybit, OKX et bien d&#039;autres<\/div>\r\n        <\/div>\r\n\r\n        <!-- METRIC: MIN INVESTMENT -->\r\n        <div class=\"cb-metric\">\r\n          <span class=\"cb-metric-pulse\"><\/span>\r\n          <div class=\"cb-metric-value\">$50<\/div>\r\n          <div class=\"cb-metric-label\">Investissement minimum<\/div>\r\n          <div class=\"cb-metric-sub\">Commencez petit, \u00e9voluez librement<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- 5th metric (centered below) \u2014 UPTIME -->\r\n    <div style=\"display: flex; justify-content: center; margin-top: 48px;\">\r\n      <div class=\"cb-metric\" style=\"width: 280px;\">\r\n        <span class=\"cb-metric-pulse\"><\/span>\r\n        <div class=\"cb-metric-value\">99.9%<\/div>\r\n        <div class=\"cb-metric-label\">Disponibilit\u00e9 de la plateforme<\/div>\r\n        <div class=\"cb-metric-sub\">Infrastructures de qualit\u00e9 bancaire<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n   \r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e17403a elementor-widget elementor-widget-html\" data-id=\"e17403a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ============================================\r\n   CLOUDBRIGHT - GLOBAL VARS\r\n   ============================================ *\/\r\n:root {\r\n  --cb-bg-primary: #0a0e27;\r\n  --cb-bg-secondary: #131938;\r\n  --cb-bg-tertiary: #1a2147;\r\n  --cb-bg-card: rgba(26, 33, 71, 0.5);\r\n  --cb-accent: #5b4bff;\r\n  --cb-cyan: #4dd0e1;\r\n  --cb-gradient: linear-gradient(135deg, #5b4bff 0%, #4dd0e1 100%);\r\n  --cb-text-primary: #ffffff;\r\n  --cb-text-secondary: #b8c1ec;\r\n  --cb-text-muted: #6b7394;\r\n  --cb-border: rgba(91, 75, 255, 0.25);\r\n  --cb-border-soft: rgba(184, 193, 236, 0.1);\r\n  --cb-success: #00d68f;\r\n  --cb-danger: #ff5e7e;\r\n  --cb-warning: #ffb547;\r\n  --cb-shadow-lg: 0 20px 50px rgba(91, 75, 255, 0.25);\r\n  --cb-radius-lg: 20px;\r\n}\r\n\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\nbody {\r\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n  background: var(--cb-bg-secondary);\r\n  color: var(--cb-text-primary);\r\n  min-height: 100vh;\r\n}\r\n\r\n\/* ============================================\r\n   CLOUDBRIGHT - SECTION 8: BOT MARKETPLACE\r\n   ============================================ *\/\r\n.cb-section {\r\n  padding: 100px 0;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: var(--cb-bg-secondary);\r\n}\r\n\r\n.cb-bg-grid {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: \r\n    radial-gradient(circle at 10% 20%, rgba(91, 75, 255, 0.1) 0%, transparent 40%),\r\n    radial-gradient(circle at 90% 80%, rgba(77, 208, 225, 0.08) 0%, transparent 40%);\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n.cb-container {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.cb-eyebrow {\r\n  display: inline-block;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.15em;\r\n  color: var(--cb-cyan);\r\n  margin-bottom: 16px;\r\n  padding: 6px 16px;\r\n  background: rgba(77, 208, 225, 0.1);\r\n  border: 1px solid rgba(77, 208, 225, 0.3);\r\n  border-radius: 100px;\r\n}\r\n\r\n.cb-gradient-text {\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  display: inline-block;\r\n}\r\n\r\n.cb-section-header {\r\n  text-align: center;\r\n  max-width: 760px;\r\n  margin: 0 auto 48px;\r\n}\r\n\r\n.cb-section-header h2 {\r\n  font-size: clamp(2rem, 4.5vw, 3.25rem);\r\n  font-weight: 800;\r\n  line-height: 1.15;\r\n  letter-spacing: -0.02em;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.cb-section-header p {\r\n  font-size: 1.15rem;\r\n  color: var(--cb-text-secondary);\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* ============================================\r\n   FILTER BAR (decorative)\r\n   ============================================ *\/\r\n.cb-filter-bar {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 20px;\r\n  padding: 16px 24px;\r\n  background: rgba(10, 14, 39, 0.6);\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 16px;\r\n  margin-bottom: 32px;\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n.cb-filter-tabs {\r\n  display: flex;\r\n  gap: 8px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.cb-filter-tab {\r\n  padding: 8px 16px;\r\n  font-size: 0.85rem;\r\n  font-weight: 500;\r\n  color: var(--cb-text-secondary);\r\n  background: transparent;\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 100px;\r\n  cursor: pointer;\r\n  transition: all 0.2s ease;\r\n  white-space: nowrap;\r\n}\r\n\r\n.cb-filter-tab:hover {\r\n  border-color: var(--cb-border);\r\n  color: #fff;\r\n}\r\n\r\n.cb-filter-tab.active {\r\n  background: var(--cb-gradient);\r\n  border-color: transparent;\r\n  color: #fff;\r\n  font-weight: 600;\r\n}\r\n\r\n.cb-filter-info {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 0.8rem;\r\n  color: var(--cb-text-muted);\r\n  white-space: nowrap;\r\n}\r\n\r\n.cb-filter-info-dot {\r\n  width: 6px; height: 6px;\r\n  background: var(--cb-success);\r\n  border-radius: 50%;\r\n  box-shadow: 0 0 8px var(--cb-success);\r\n  animation: cb-pulse 2s infinite;\r\n}\r\n\r\n@keyframes cb-pulse {\r\n  0%, 100% { opacity: 1; }\r\n  50% { opacity: 0.4; }\r\n}\r\n\r\n\/* ============================================\r\n   BOT GRID\r\n   ============================================ *\/\r\n.cb-bots-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 24px;\r\n}\r\n\r\n.cb-bot-card {\r\n  background: linear-gradient(160deg, rgba(26, 33, 71, 0.9), rgba(19, 25, 56, 0.85));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: var(--cb-radius-lg);\r\n  padding: 0;\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n  backdrop-filter: blur(10px);\r\n  -webkit-backdrop-filter: blur(10px);\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.cb-bot-card:hover {\r\n  transform: translateY(-8px);\r\n  border-color: var(--cb-border);\r\n  box-shadow: var(--cb-shadow-lg);\r\n}\r\n\r\n.cb-bot-card.featured {\r\n  border: 1.5px solid rgba(91, 75, 255, 0.5);\r\n}\r\n\r\n.cb-bot-card.featured::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0;\r\n  height: 3px;\r\n  background: var(--cb-gradient);\r\n  z-index: 3;\r\n}\r\n\r\n\/* Header do card *\/\r\n.cb-bot-header {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  justify-content: space-between;\r\n  padding: 20px 20px 16px;\r\n  gap: 12px;\r\n}\r\n\r\n.cb-bot-identity {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.cb-bot-avatar {\r\n  width: 48px;\r\n  height: 48px;\r\n  border-radius: 12px;\r\n  flex-shrink: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #fff;\r\n  font-weight: 800;\r\n  font-size: 0.95rem;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n.cb-bot-info {\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-width: 0;\r\n}\r\n\r\n.cb-bot-name {\r\n  font-size: 1.05rem;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  margin-bottom: 2px;\r\n}\r\n\r\n.cb-bot-name svg {\r\n  flex-shrink: 0;\r\n  color: var(--cb-cyan);\r\n}\r\n\r\n.cb-bot-pair {\r\n  font-size: 0.8rem;\r\n  color: var(--cb-text-muted);\r\n  font-family: 'JetBrains Mono', monospace;\r\n  letter-spacing: 0.02em;\r\n}\r\n\r\n.cb-bot-badge {\r\n  font-size: 0.7rem;\r\n  font-weight: 700;\r\n  letter-spacing: 0.08em;\r\n  text-transform: uppercase;\r\n  padding: 4px 10px;\r\n  border-radius: 100px;\r\n  white-space: nowrap;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.cb-badge-low {\r\n  background: rgba(0, 214, 143, 0.15);\r\n  color: var(--cb-success);\r\n  border: 1px solid rgba(0, 214, 143, 0.3);\r\n}\r\n\r\n.cb-badge-mid {\r\n  background: rgba(255, 181, 71, 0.15);\r\n  color: var(--cb-warning);\r\n  border: 1px solid rgba(255, 181, 71, 0.3);\r\n}\r\n\r\n.cb-badge-high {\r\n  background: rgba(255, 94, 126, 0.15);\r\n  color: var(--cb-danger);\r\n  border: 1px solid rgba(255, 94, 126, 0.3);\r\n}\r\n\r\n\/* ROI principal *\/\r\n.cb-bot-roi {\r\n  padding: 0 20px 16px;\r\n}\r\n\r\n.cb-roi-label {\r\n  font-size: 0.75rem;\r\n  color: var(--cb-text-muted);\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.1em;\r\n  margin-bottom: 6px;\r\n}\r\n\r\n.cb-roi-value {\r\n  font-family: 'JetBrains Mono', monospace;\r\n  font-size: 2.25rem;\r\n  font-weight: 700;\r\n  line-height: 1;\r\n  letter-spacing: -0.02em;\r\n  color: var(--cb-success);\r\n  display: flex;\r\n  align-items: baseline;\r\n  gap: 8px;\r\n}\r\n\r\n.cb-roi-value.negative { color: var(--cb-danger); }\r\n\r\n.cb-roi-arrow {\r\n  font-size: 1.2rem;\r\n}\r\n\r\n.cb-roi-period {\r\n  font-size: 0.8rem;\r\n  color: var(--cb-text-muted);\r\n  font-weight: 400;\r\n  font-family: 'Inter', sans-serif;\r\n  letter-spacing: 0;\r\n}\r\n\r\n\/* Sparkline *\/\r\n.cb-bot-chart {\r\n  padding: 0 20px;\r\n  margin-bottom: 16px;\r\n  height: 80px;\r\n  position: relative;\r\n}\r\n\r\n.cb-bot-chart svg {\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n}\r\n\r\n\/* M\u00e9tricas inferiores *\/\r\n.cb-bot-metrics {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr 1fr;\r\n  gap: 0;\r\n  padding: 16px 20px;\r\n  background: rgba(10, 14, 39, 0.4);\r\n  border-top: 1px solid var(--cb-border-soft);\r\n}\r\n\r\n.cb-bot-metric {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 2px;\r\n  text-align: center;\r\n}\r\n\r\n.cb-bot-metric:not(:last-child) {\r\n  border-right: 1px solid var(--cb-border-soft);\r\n}\r\n\r\n.cb-bot-metric-label {\r\n  font-size: 0.65rem;\r\n  color: var(--cb-text-muted);\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.08em;\r\n  font-weight: 600;\r\n}\r\n\r\n.cb-bot-metric-value {\r\n  font-size: 0.9rem;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  font-family: 'JetBrains Mono', monospace;\r\n}\r\n\r\n\/* CTA do card *\/\r\n.cb-bot-footer {\r\n  padding: 16px 20px 20px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n}\r\n\r\n.cb-bot-cta {\r\n  flex: 1;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 6px;\r\n  padding: 11px 16px;\r\n  background: var(--cb-gradient);\r\n  color: #fff;\r\n  border-radius: 100px;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  text-decoration: none;\r\n  transition: all 0.3s ease;\r\n  box-shadow: 0 6px 18px rgba(91, 75, 255, 0.25);\r\n}\r\n\r\n.cb-bot-cta:hover {\r\n  transform: translateY(-1px);\r\n  box-shadow: 0 10px 24px rgba(91, 75, 255, 0.4);\r\n}\r\n\r\n.cb-bot-copiers {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  font-size: 0.78rem;\r\n  color: var(--cb-text-muted);\r\n  white-space: nowrap;\r\n}\r\n\r\n.cb-bot-copiers svg {\r\n  color: var(--cb-text-muted);\r\n}\r\n\r\n\/* ============================================\r\n   BOTTOM CTA\r\n   ============================================ *\/\r\n.cb-marketplace-cta {\r\n  text-align: center;\r\n  margin-top: 56px;\r\n}\r\n\r\n.cb-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  padding: 16px 32px;\r\n  border-radius: 100px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-weight: 600;\r\n  font-size: 1rem;\r\n  text-decoration: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.cb-btn-primary {\r\n  background: var(--cb-gradient);\r\n  color: #fff;\r\n  box-shadow: 0 8px 24px rgba(91, 75, 255, 0.35);\r\n}\r\n\r\n.cb-btn-primary:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 12px 32px rgba(91, 75, 255, 0.5);\r\n}\r\n\r\n.cb-btn-secondary {\r\n  background: transparent;\r\n  color: #fff;\r\n  border: 1.5px solid var(--cb-border);\r\n  margin-left: 12px;\r\n}\r\n\r\n.cb-btn-secondary:hover {\r\n  background: rgba(91, 75, 255, 0.1);\r\n  border-color: var(--cb-accent);\r\n}\r\n\r\n.cb-marketplace-note {\r\n  margin-top: 20px;\r\n  font-size: 0.8rem;\r\n  color: var(--cb-text-muted);\r\n}\r\n\r\n\/* Orbs *\/\r\n.cb-orb {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  filter: blur(80px);\r\n  z-index: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n.cb-orb-1 {\r\n  width: 380px; height: 380px;\r\n  background: rgba(91, 75, 255, 0.12);\r\n  top: 10%; right: -150px;\r\n}\r\n\r\n.cb-orb-2 {\r\n  width: 320px; height: 320px;\r\n  background: rgba(77, 208, 225, 0.08);\r\n  bottom: 10%; left: -120px;\r\n}\r\n\r\n\/* Responsivo *\/\r\n@media (max-width: 1024px) {\r\n  .cb-bots-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}\r\n\r\n@media (max-width: 700px) {\r\n  .cb-section { padding: 64px 0; }\r\n  .cb-bots-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 20px;\r\n  }\r\n  .cb-filter-bar {\r\n    flex-direction: column;\r\n    align-items: stretch;\r\n    gap: 12px;\r\n  }\r\n  .cb-filter-tabs { justify-content: center; }\r\n  .cb-filter-info { justify-content: center; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================\r\n     CLOUDBRIGHT - SECTION 8: BOT MARKETPLACE\r\n     ============================================ -->\r\n<section class=\"cb-section\" id=\"bots\">\r\n  <div class=\"cb-bg-grid\"><\/div>\r\n  <div class=\"cb-orb cb-orb-1\"><\/div>\r\n  <div class=\"cb-orb cb-orb-2\"><\/div>\r\n\r\n  <div class=\"cb-container\">\r\n    <div class=\"cb-section-header\">\r\n      <span class=\"cb-eyebrow\">March\u00e9 des bots<\/span>\r\n      <h2>Bots v\u00e9rifi\u00e9s,<br><span class=\"cb-gradient-text\">Performances r\u00e9elles<\/span><\/h2>\r\n      <p>Chaque bot est v\u00e9rifi\u00e9 ind\u00e9pendamment au cours de plus de 12 mois de tests r\u00e9trospectifs, de simulations de trading en direct et d&#039;\u00e9valuation des risques avant d&#039;obtenir le badge \"\u00a0V\u00e9rifi\u00e9\u00a0\".<\/p>\r\n    <\/div>\r\n\r\n \r\n\r\n    <!-- BOTS GRID -->\r\n    <div class=\"cb-bots-grid\">\r\n\r\n      <!-- ========= BOT 1: ALPHA MOMENTUM ========= -->\r\n      <div class=\"cb-bot-card featured\">\r\n        <div class=\"cb-bot-header\">\r\n          <div class=\"cb-bot-identity\">\r\n            <div class=\"cb-bot-avatar\" style=\"background: linear-gradient(135deg, #5b4bff, #4dd0e1);\">SUIS<\/div>\r\n            <div class=\"cb-bot-info\">\r\n              <div class=\"cb-bot-name\">\r\n                \u00c9lan alpha\r\n                <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                  <path d=\"M9 12l2 2 4-4M12 2l-9.5 5.5v5c0 5 4 9.5 9.5 11 5.5-1.5 9.5-6 9.5-11v-5L12 2z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <div class=\"cb-bot-pair\">BTC\/USDT \u00b7 Binance<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"cb-bot-badge cb-badge-low\">Faible risque<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-roi\">\r\n          <div class=\"cb-roi-label\">Retour sous 30 jours<\/div>\r\n          <div class=\"cb-roi-value\">\r\n            <span class=\"cb-roi-arrow\">\u25b2<\/span>+18.4%\r\n            <span class=\"cb-roi-period\">vs $50 min<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-chart\">\r\n          <svg viewbox=\"0 0 300 80\" preserveaspectratio=\"none\">\r\n            <defs>\r\n              <lineargradient id=\"cb-spark1\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n                <stop offset=\"0%\" stop-color=\"#00d68f\" stop-opacity=\"0.35\"\/>\r\n                <stop offset=\"100%\" stop-color=\"#00d68f\" stop-opacity=\"0\"\/>\r\n              <\/lineargradient>\r\n            <\/defs>\r\n            <path d=\"M0,60 L20,55 L40,58 L60,48 L80,52 L100,42 L120,46 L140,38 L160,40 L180,32 L200,36 L220,28 L240,30 L260,20 L280,24 L300,12 L300,80 L0,80 Z\" fill=\"url(#cb-spark1)\"\/>\r\n            <path d=\"M0,60 L20,55 L40,58 L60,48 L80,52 L100,42 L120,46 L140,38 L160,40 L180,32 L200,36 L220,28 L240,30 L260,20 L280,24 L300,12\" fill=\"none\" stroke=\"#00d68f\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <circle cx=\"300\" cy=\"12\" r=\"4\" fill=\"#00d68f\"\/>\r\n            <circle cx=\"300\" cy=\"12\" r=\"8\" fill=\"#00d68f\" opacity=\"0.25\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-metrics\">\r\n          <div class=\"cb-bot-metric\">\r\n            <span class=\"cb-bot-metric-label\">Sharpe<\/span>\r\n            <span class=\"cb-bot-metric-value\">2.84<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bot-metric\">\r\n            <span class=\"cb-bot-metric-label\">Max DD<\/span>\r\n            <span class=\"cb-bot-metric-value\">-4.2%<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bot-metric\">\r\n            <span class=\"cb-bot-metric-label\">Taux de victoire<\/span>\r\n            <span class=\"cb-bot-metric-value\">68%<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-footer\">\r\n          <a href=\"https:\/\/cloudbright.io\/register?ref=DF6496DF\" target=\"_blank\" class=\"cb-bot-cta\">\r\n            Bot de copie\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/a>\r\n          <div class=\"cb-bot-copiers\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2M9 11a4 4 0 100-8 4 4 0 000 8zM23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n            1,2k\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- ========= BOT 2: GRID MASTER ========= -->\r\n      <div class=\"cb-bot-card\">\r\n        <div class=\"cb-bot-header\">\r\n          <div class=\"cb-bot-identity\">\r\n            <div class=\"cb-bot-avatar\" style=\"background: linear-gradient(135deg, #4dd0e1, #00d68f);\">GM<\/div>\r\n            <div class=\"cb-bot-info\">\r\n              <div class=\"cb-bot-name\">\r\n                Grid Master Pro\r\n                <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                  <path d=\"M9 12l2 2 4-4M12 2l-9.5 5.5v5c0 5 4 9.5 9.5 11 5.5-1.5 9.5-6 9.5-11v-5L12 2z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <div class=\"cb-bot-pair\">ETH\/USDT \u00b7 Bybit<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"cb-bot-badge cb-badge-mid\">\u00c9quilibr\u00e9<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-roi\">\r\n          <div class=\"cb-roi-label\">Retour sous 30 jours<\/div>\r\n          <div class=\"cb-roi-value\">\r\n            <span class=\"cb-roi-arrow\">\u25b2<\/span>+32.1%\r\n            <span class=\"cb-roi-period\">vs $50 min<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-chart\">\r\n          <svg viewbox=\"0 0 300 80\" preserveaspectratio=\"none\">\r\n            <defs>\r\n              <lineargradient id=\"cb-spark2\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n                <stop offset=\"0%\" stop-color=\"#00d68f\" stop-opacity=\"0.35\"\/>\r\n                <stop offset=\"100%\" stop-color=\"#00d68f\" stop-opacity=\"0\"\/>\r\n              <\/lineargradient>\r\n            <\/defs>\r\n            <path d=\"M0,65 L20,60 L40,62 L60,50 L80,55 L100,40 L120,48 L140,30 L160,38 L180,22 L200,28 L220,18 L240,24 L260,14 L280,18 L300,8 L300,80 L0,80 Z\" fill=\"url(#cb-spark2)\"\/>\r\n            <path d=\"M0,65 L20,60 L40,62 L60,50 L80,55 L100,40 L120,48 L140,30 L160,38 L180,22 L200,28 L220,18 L240,24 L260,14 L280,18 L300,8\" fill=\"none\" stroke=\"#00d68f\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <circle cx=\"300\" cy=\"8\" r=\"4\" fill=\"#00d68f\"\/>\r\n            <circle cx=\"300\" cy=\"8\" r=\"8\" fill=\"#00d68f\" opacity=\"0.25\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-metrics\">\r\n          <div class=\"cb-bot-metric\">\r\n            <span class=\"cb-bot-metric-label\">Sharpe<\/span>\r\n            <span class=\"cb-bot-metric-value\">3.12<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bot-metric\">\r\n            <span class=\"cb-bot-metric-label\">Max DD<\/span>\r\n            <span class=\"cb-bot-metric-value\">-8.7%<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bot-metric\">\r\n            <span class=\"cb-bot-metric-label\">Taux de victoire<\/span>\r\n            <span class=\"cb-bot-metric-value\">62%<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-footer\">\r\n          <a href=\"https:\/\/cloudbright.io\/register?ref=DF6496DF\" target=\"_blank\" class=\"cb-bot-cta\">\r\n            Bot de copie\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/a>\r\n          <div class=\"cb-bot-copiers\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2M9 11a4 4 0 100-8 4 4 0 000 8zM23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n            847\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- ========= BOT 3: QUANTUM SURGE ========= -->\r\n      <div class=\"cb-bot-card\">\r\n        <div class=\"cb-bot-header\">\r\n          <div class=\"cb-bot-identity\">\r\n            <div class=\"cb-bot-avatar\" style=\"background: linear-gradient(135deg, #ff5e7e, #ffb547);\">QS<\/div>\r\n            <div class=\"cb-bot-info\">\r\n              <div class=\"cb-bot-name\">\r\n                Surcharge quantique\r\n                <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                  <path d=\"M9 12l2 2 4-4M12 2l-9.5 5.5v5c0 5 4 9.5 9.5 11 5.5-1.5 9.5-6 9.5-11v-5L12 2z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <div class=\"cb-bot-pair\">SOL\/USDT \u00b7 OKX<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"cb-bot-badge cb-badge-high\">Agressif<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-roi\">\r\n          <div class=\"cb-roi-label\">Retour sous 30 jours<\/div>\r\n          <div class=\"cb-roi-value\">\r\n            <span class=\"cb-roi-arrow\">\u25b2<\/span>+58.6%\r\n            <span class=\"cb-roi-period\">vs $100 min<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-chart\">\r\n          <svg viewbox=\"0 0 300 80\" preserveaspectratio=\"none\">\r\n            <defs>\r\n              <lineargradient id=\"cb-spark3\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n                <stop offset=\"0%\" stop-color=\"#00d68f\" stop-opacity=\"0.35\"\/>\r\n                <stop offset=\"100%\" stop-color=\"#00d68f\" stop-opacity=\"0\"\/>\r\n              <\/lineargradient>\r\n            <\/defs>\r\n            <path d=\"M0,68 L20,55 L40,65 L60,45 L80,58 L100,32 L120,42 L140,25 L160,38 L180,18 L200,30 L220,12 L240,22 L260,8 L280,18 L300,4 L300,80 L0,80 Z\" fill=\"url(#cb-spark3)\"\/>\r\n            <path d=\"M0,68 L20,55 L40,65 L60,45 L80,58 L100,32 L120,42 L140,25 L160,38 L180,18 L200,30 L220,12 L240,22 L260,8 L280,18 L300,4\" fill=\"none\" stroke=\"#00d68f\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <circle cx=\"300\" cy=\"4\" r=\"4\" fill=\"#00d68f\"\/>\r\n            <circle cx=\"300\" cy=\"4\" r=\"8\" fill=\"#00d68f\" opacity=\"0.25\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-metrics\">\r\n          <div class=\"cb-bot-metric\">\r\n            <span class=\"cb-bot-metric-label\">Sharpe<\/span>\r\n            <span class=\"cb-bot-metric-value\">2.45<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bot-metric\">\r\n            <span class=\"cb-bot-metric-label\">Max DD<\/span>\r\n            <span class=\"cb-bot-metric-value\">-18.3%<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bot-metric\">\r\n            <span class=\"cb-bot-metric-label\">Taux de victoire<\/span>\r\n            <span class=\"cb-bot-metric-value\">54%<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-footer\">\r\n          <a href=\"https:\/\/cloudbright.io\/register?ref=DF6496DF\" target=\"_blank\" class=\"cb-bot-cta\">\r\n            Bot de copie\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/a>\r\n          <div class=\"cb-bot-copiers\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2M9 11a4 4 0 100-8 4 4 0 000 8zM23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n            523\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- ========= BOT 4: STABLE INCOME ========= -->\r\n      <div class=\"cb-bot-card\">\r\n        <div class=\"cb-bot-header\">\r\n          <div class=\"cb-bot-identity\">\r\n            <div class=\"cb-bot-avatar\" style=\"background: linear-gradient(135deg, #00d68f, #4dd0e1);\">SI<\/div>\r\n            <div class=\"cb-bot-info\">\r\n              <div class=\"cb-bot-name\">\r\n                Revenu stable\r\n                <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                  <path d=\"M9 12l2 2 4-4M12 2l-9.5 5.5v5c0 5 4 9.5 9.5 11 5.5-1.5 9.5-6 9.5-11v-5L12 2z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <div class=\"cb-bot-pair\">USDT \u00b7 KuCoin<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"cb-bot-badge cb-badge-low\">Faible risque<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-roi\">\r\n          <div class=\"cb-roi-label\">Retour sous 30 jours<\/div>\r\n          <div class=\"cb-roi-value\">\r\n            <span class=\"cb-roi-arrow\">\u25b2<\/span>+12.7%\r\n            <span class=\"cb-roi-period\">vs $50 min<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-chart\">\r\n          <svg viewbox=\"0 0 300 80\" preserveaspectratio=\"none\">\r\n            <defs>\r\n              <lineargradient id=\"cb-spark4\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n                <stop offset=\"0%\" stop-color=\"#00d68f\" stop-opacity=\"0.35\"\/>\r\n                <stop offset=\"100%\" stop-color=\"#00d68f\" stop-opacity=\"0\"\/>\r\n              <\/lineargradient>\r\n            <\/defs>\r\n            <path d=\"M0,55 L20,52 L40,54 L60,48 L80,50 L100,44 L120,46 L140,40 L160,42 L180,36 L200,38 L220,32 L240,34 L260,28 L280,30 L300,22 L300,80 L0,80 Z\" fill=\"url(#cb-spark4)\"\/>\r\n            <path d=\"M0,55 L20,52 L40,54 L60,48 L80,50 L100,44 L120,46 L140,40 L160,42 L180,36 L200,38 L220,32 L240,34 L260,28 L280,30 L300,22\" fill=\"none\" stroke=\"#00d68f\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <circle cx=\"300\" cy=\"22\" r=\"4\" fill=\"#00d68f\"\/>\r\n            <circle cx=\"300\" cy=\"22\" r=\"8\" fill=\"#00d68f\" opacity=\"0.25\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-metrics\">\r\n          <div class=\"cb-bot-metric\">\r\n            <span class=\"cb-bot-metric-label\">Sharpe<\/span>\r\n            <span class=\"cb-bot-metric-value\">3.65<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bot-metric\">\r\n            <span class=\"cb-bot-metric-label\">Max DD<\/span>\r\n            <span class=\"cb-bot-metric-value\">-2.1%<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bot-metric\">\r\n            <span class=\"cb-bot-metric-label\">Taux de victoire<\/span>\r\n            <span class=\"cb-bot-metric-value\">74%<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-footer\">\r\n          <a href=\"https:\/\/cloudbright.io\/register?ref=DF6496DF\" target=\"_blank\" class=\"cb-bot-cta\">\r\n            Bot de copie\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/a>\r\n          <div class=\"cb-bot-copiers\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2M9 11a4 4 0 100-8 4 4 0 000 8zM23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n            2,1k\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- ========= BOT 5: NEURAL EDGE ========= -->\r\n      <div class=\"cb-bot-card featured\">\r\n        <div class=\"cb-bot-header\">\r\n          <div class=\"cb-bot-identity\">\r\n            <div class=\"cb-bot-avatar\" style=\"background: linear-gradient(135deg, #5b4bff, #ff5e7e);\">NE<\/div>\r\n            <div class=\"cb-bot-info\">\r\n              <div class=\"cb-bot-name\">\r\n                IA de pointe neuronale\r\n                <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                  <path d=\"M9 12l2 2 4-4M12 2l-9.5 5.5v5c0 5 4 9.5 9.5 11 5.5-1.5 9.5-6 9.5-11v-5L12 2z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <div class=\"cb-bot-pair\">BTC\/ETH \u00b7 Multi-DEX<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"cb-bot-badge cb-badge-mid\">\u00c9quilibr\u00e9<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-roi\">\r\n          <div class=\"cb-roi-label\">Retour sous 30 jours<\/div>\r\n          <div class=\"cb-roi-value\">\r\n            <span class=\"cb-roi-arrow\">\u25b2<\/span>+27.9%\r\n            <span class=\"cb-roi-period\">vs $100 min<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-chart\">\r\n          <svg viewbox=\"0 0 300 80\" preserveaspectratio=\"none\">\r\n            <defs>\r\n              <lineargradient id=\"cb-spark5\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n                <stop offset=\"0%\" stop-color=\"#00d68f\" stop-opacity=\"0.35\"\/>\r\n                <stop offset=\"100%\" stop-color=\"#00d68f\" stop-opacity=\"0\"\/>\r\n              <\/lineargradient>\r\n            <\/defs>\r\n            <path d=\"M0,62 L20,58 L40,60 L60,52 L80,54 L100,44 L120,48 L140,38 L160,42 L180,30 L200,34 L220,24 L240,28 L260,16 L280,22 L300,10 L300,80 L0,80 Z\" fill=\"url(#cb-spark5)\"\/>\r\n            <path d=\"M0,62 L20,58 L40,60 L60,52 L80,54 L100,44 L120,48 L140,38 L160,42 L180,30 L200,34 L220,24 L240,28 L260,16 L280,22 L300,10\" fill=\"none\" stroke=\"#00d68f\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <circle cx=\"300\" cy=\"10\" r=\"4\" fill=\"#00d68f\"\/>\r\n            <circle cx=\"300\" cy=\"10\" r=\"8\" fill=\"#00d68f\" opacity=\"0.25\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-metrics\">\r\n          <div class=\"cb-bot-metric\">\r\n            <span class=\"cb-bot-metric-label\">Sharpe<\/span>\r\n            <span class=\"cb-bot-metric-value\">2.98<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bot-metric\">\r\n            <span class=\"cb-bot-metric-label\">Max DD<\/span>\r\n            <span class=\"cb-bot-metric-value\">-6.8%<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bot-metric\">\r\n            <span class=\"cb-bot-metric-label\">Taux de victoire<\/span>\r\n            <span class=\"cb-bot-metric-value\">65%<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-footer\">\r\n          <a href=\"https:\/\/cloudbright.io\/register?ref=DF6496DF\" target=\"_blank\" class=\"cb-bot-cta\">\r\n            Bot de copie\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/a>\r\n          <div class=\"cb-bot-copiers\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2M9 11a4 4 0 100-8 4 4 0 000 8zM23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n            976\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- ========= BOT 6: MOMENTUM SCALPER ========= -->\r\n      <div class=\"cb-bot-card\">\r\n        <div class=\"cb-bot-header\">\r\n          <div class=\"cb-bot-identity\">\r\n            <div class=\"cb-bot-avatar\" style=\"background: linear-gradient(135deg, #ffb547, #ff5e7e);\">MS<\/div>\r\n            <div class=\"cb-bot-info\">\r\n              <div class=\"cb-bot-name\">\r\n                Scalpeur de momentum\r\n                <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                  <path d=\"M9 12l2 2 4-4M12 2l-9.5 5.5v5c0 5 4 9.5 9.5 11 5.5-1.5 9.5-6 9.5-11v-5L12 2z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                <\/svg>\r\n              <\/div>\r\n              <div class=\"cb-bot-pair\">XRP\/USDT \u00b7 Kraken<\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <span class=\"cb-bot-badge cb-badge-high\">Agressif<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-roi\">\r\n          <div class=\"cb-roi-label\">Retour sous 30 jours<\/div>\r\n          <div class=\"cb-roi-value\">\r\n            <span class=\"cb-roi-arrow\">\u25b2<\/span>+44.2%\r\n            <span class=\"cb-roi-period\">vs $100 min<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-chart\">\r\n          <svg viewbox=\"0 0 300 80\" preserveaspectratio=\"none\">\r\n            <defs>\r\n              <lineargradient id=\"cb-spark6\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\r\n                <stop offset=\"0%\" stop-color=\"#00d68f\" stop-opacity=\"0.35\"\/>\r\n                <stop offset=\"100%\" stop-color=\"#00d68f\" stop-opacity=\"0\"\/>\r\n              <\/lineargradient>\r\n            <\/defs>\r\n            <path d=\"M0,60 L20,68 L40,55 L60,62 L80,48 L100,56 L120,40 L140,50 L160,32 L180,42 L200,24 L220,34 L240,18 L260,28 L280,14 L300,8 L300,80 L0,80 Z\" fill=\"url(#cb-spark6)\"\/>\r\n            <path d=\"M0,60 L20,68 L40,55 L60,62 L80,48 L100,56 L120,40 L140,50 L160,32 L180,42 L200,24 L220,34 L240,18 L260,28 L280,14 L300,8\" fill=\"none\" stroke=\"#00d68f\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <circle cx=\"300\" cy=\"8\" r=\"4\" fill=\"#00d68f\"\/>\r\n            <circle cx=\"300\" cy=\"8\" r=\"8\" fill=\"#00d68f\" opacity=\"0.25\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-metrics\">\r\n          <div class=\"cb-bot-metric\">\r\n            <span class=\"cb-bot-metric-label\">Sharpe<\/span>\r\n            <span class=\"cb-bot-metric-value\">2.18<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bot-metric\">\r\n            <span class=\"cb-bot-metric-label\">Max DD<\/span>\r\n            <span class=\"cb-bot-metric-value\">-14.5%<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bot-metric\">\r\n            <span class=\"cb-bot-metric-label\">Taux de victoire<\/span>\r\n            <span class=\"cb-bot-metric-value\">58%<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bot-footer\">\r\n          <a href=\"https:\/\/cloudbright.io\/register?ref=DF6496DF\" target=\"_blank\" class=\"cb-bot-cta\">\r\n            Bot de copie\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/a>\r\n          <div class=\"cb-bot-copiers\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2M9 11a4 4 0 100-8 4 4 0 000 8zM23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n            412\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- BOTTOM CTA -->\r\n    <div class=\"cb-marketplace-cta\">\r\n      <a href=\"https:\/\/cloudbright.io\/register?ref=DF6496DF\" target=\"_blank\" class=\"cb-btn cb-btn-primary\">\r\n        Explorez l&#039;int\u00e9gralit\u00e9 du march\u00e9\r\n        <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n      <\/a>\r\n  \r\n     \r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4409a76 elementor-widget elementor-widget-html\" data-id=\"4409a76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Cloudbright \u2014 Section 9\u00a0: Mod\u00e8le \u00e9conomique<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* ============================================\r\n   CLOUDBRIGHT - GLOBAL VARS\r\n   ============================================ *\/\r\n:root {\r\n  --cb-bg-primary: #0a0e27;\r\n  --cb-bg-secondary: #131938;\r\n  --cb-bg-tertiary: #1a2147;\r\n  --cb-bg-card: rgba(26, 33, 71, 0.5);\r\n  --cb-accent: #5b4bff;\r\n  --cb-cyan: #4dd0e1;\r\n  --cb-gradient: linear-gradient(135deg, #5b4bff 0%, #4dd0e1 100%);\r\n  --cb-text-primary: #ffffff;\r\n  --cb-text-secondary: #b8c1ec;\r\n  --cb-text-muted: #6b7394;\r\n  --cb-border: rgba(91, 75, 255, 0.25);\r\n  --cb-border-soft: rgba(184, 193, 236, 0.1);\r\n  --cb-success: #00d68f;\r\n  --cb-danger: #ff5e7e;\r\n  --cb-warning: #ffb547;\r\n  --cb-shadow-lg: 0 20px 50px rgba(91, 75, 255, 0.25);\r\n  --cb-radius-lg: 20px;\r\n}\r\n\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\nbody {\r\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n  background: var(--cb-bg-primary);\r\n  color: var(--cb-text-primary);\r\n  min-height: 100vh;\r\n}\r\n\r\n\/* ============================================\r\n   CLOUDBRIGHT - SECTION 9: BUSINESS MODEL\r\n   ============================================ *\/\r\n.cb-section {\r\n  padding: 100px 0;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: var(--cb-bg-primary);\r\n}\r\n\r\n.cb-bg-grid {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: \r\n    radial-gradient(circle at 30% 50%, rgba(91, 75, 255, 0.1) 0%, transparent 50%),\r\n    radial-gradient(circle at 70% 50%, rgba(77, 208, 225, 0.08) 0%, transparent 50%);\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n.cb-bg-circuit {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: \r\n    linear-gradient(rgba(91, 75, 255, 0.03) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(91, 75, 255, 0.03) 1px, transparent 1px);\r\n  background-size: 80px 80px;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n  mask-image: linear-gradient(to bottom, transparent, black 30%, black 70%, transparent);\r\n  -webkit-mask-image: linear-gradient(to bottom, transparent, black 30%, black 70%, transparent);\r\n}\r\n\r\n.cb-container {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.cb-eyebrow {\r\n  display: inline-block;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.15em;\r\n  color: var(--cb-cyan);\r\n  margin-bottom: 16px;\r\n  padding: 6px 16px;\r\n  background: rgba(77, 208, 225, 0.1);\r\n  border: 1px solid rgba(77, 208, 225, 0.3);\r\n  border-radius: 100px;\r\n}\r\n\r\n.cb-gradient-text {\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  display: inline-block;\r\n}\r\n\r\n.cb-section-header {\r\n  text-align: center;\r\n  max-width: 760px;\r\n  margin: 0 auto 64px;\r\n}\r\n\r\n.cb-section-header h2 {\r\n  font-size: clamp(2rem, 4.5vw, 3.25rem);\r\n  font-weight: 800;\r\n  line-height: 1.15;\r\n  letter-spacing: -0.02em;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.cb-section-header p {\r\n  font-size: 1.15rem;\r\n  color: var(--cb-text-secondary);\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* ============================================\r\n   MAIN LAYOUT \u2014 Hexagon + Benefits\r\n   ============================================ *\/\r\n.cb-bm-grid {\r\n  display: grid;\r\n  grid-template-columns: 460px 1fr;\r\n  gap: 80px;\r\n  align-items: center;\r\n}\r\n\r\n\/* HEXAGON FEATURE \u2014 2% *\/\r\n.cb-hex-feature {\r\n  position: relative;\r\n  width: 100%;\r\n  aspect-ratio: 1;\r\n  max-width: 460px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n.cb-hex-rings {\r\n  position: absolute;\r\n  inset: -20px;\r\n  pointer-events: none;\r\n  animation: cb-rings-rotate 40s linear infinite;\r\n}\r\n\r\n@keyframes cb-rings-rotate {\r\n  from { transform: rotate(0deg); }\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n.cb-hex-glow {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: radial-gradient(circle at center, rgba(91, 75, 255, 0.25) 0%, transparent 60%);\r\n  filter: blur(40px);\r\n  z-index: 0;\r\n}\r\n\r\n.cb-hex-svg {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100%;\r\n  z-index: 1;\r\n  animation: cb-hex-float 6s ease-in-out infinite;\r\n}\r\n\r\n@keyframes cb-hex-float {\r\n  0%, 100% { transform: translateY(0); }\r\n  50% { transform: translateY(-12px); }\r\n}\r\n\r\n.cb-hex-content {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 2;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n  padding: 40px;\r\n}\r\n\r\n.cb-hex-percent {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: clamp(5rem, 12vw, 7.5rem);\r\n  font-weight: 900;\r\n  line-height: 0.9;\r\n  letter-spacing: -0.05em;\r\n  background: linear-gradient(135deg, #ffffff 0%, #4dd0e1 50%, #5b4bff 100%);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.cb-hex-label {\r\n  font-size: 1rem;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  letter-spacing: 0.02em;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.cb-hex-sublabel {\r\n  font-size: 0.85rem;\r\n  color: var(--cb-cyan);\r\n  font-weight: 500;\r\n}\r\n\r\n\/* Floating tags around hexagon *\/\r\n.cb-floating-tag {\r\n  position: absolute;\r\n  background: linear-gradient(145deg, rgba(26, 33, 71, 0.95), rgba(19, 25, 56, 0.95));\r\n  border: 1px solid var(--cb-border);\r\n  border-radius: 100px;\r\n  padding: 10px 18px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  color: #fff;\r\n  backdrop-filter: blur(10px);\r\n  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);\r\n  z-index: 3;\r\n  animation: cb-tag-float 4s ease-in-out infinite;\r\n  white-space: nowrap;\r\n}\r\n\r\n.cb-floating-tag svg {\r\n  color: var(--cb-success);\r\n  flex-shrink: 0;\r\n}\r\n\r\n.cb-tag-1 {\r\n  top: 8%;\r\n  left: -8%;\r\n  animation-delay: 0s;\r\n}\r\n\r\n.cb-tag-2 {\r\n  top: 50%;\r\n  right: -10%;\r\n  animation-delay: 1.5s;\r\n}\r\n\r\n.cb-tag-3 {\r\n  bottom: 8%;\r\n  left: -5%;\r\n  animation-delay: 3s;\r\n}\r\n\r\n@keyframes cb-tag-float {\r\n  0%, 100% { transform: translateY(0); }\r\n  50% { transform: translateY(-8px); }\r\n}\r\n\r\n\/* ============================================\r\n   BENEFITS LIST\r\n   ============================================ *\/\r\n.cb-bm-content {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.cb-bm-title {\r\n  font-size: clamp(1.5rem, 3vw, 2rem);\r\n  font-weight: 700;\r\n  margin-bottom: 16px;\r\n  letter-spacing: -0.01em;\r\n  color: #fff;\r\n}\r\n\r\n.cb-bm-subtitle {\r\n  font-size: 1.05rem;\r\n  color: var(--cb-text-secondary);\r\n  margin-bottom: 32px;\r\n  line-height: 1.7;\r\n}\r\n\r\n.cb-benefits-list {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0 0 32px 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n}\r\n\r\n.cb-benefit {\r\n  display: flex;\r\n  gap: 16px;\r\n  align-items: flex-start;\r\n  padding: 18px 20px;\r\n  background: linear-gradient(145deg, rgba(26, 33, 71, 0.5), rgba(19, 25, 56, 0.5));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 14px;\r\n  transition: all 0.3s ease;\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n.cb-benefit:hover {\r\n  border-color: var(--cb-border);\r\n  transform: translateX(6px);\r\n}\r\n\r\n.cb-benefit-icon {\r\n  width: 40px;\r\n  height: 40px;\r\n  border-radius: 10px;\r\n  background: var(--cb-gradient);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  color: #fff;\r\n}\r\n\r\n.cb-benefit-text {\r\n  flex: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.cb-benefit-title {\r\n  font-size: 1rem;\r\n  font-weight: 600;\r\n  color: #fff;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.cb-benefit-desc {\r\n  font-size: 0.9rem;\r\n  color: var(--cb-text-secondary);\r\n  line-height: 1.5;\r\n}\r\n\r\n\/* ============================================\r\n   NO-FEES BANNER\r\n   ============================================ *\/\r\n.cb-nofees {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-around;\r\n  gap: 12px;\r\n  padding: 18px 24px;\r\n  background: linear-gradient(135deg, rgba(0, 214, 143, 0.08) 0%, rgba(77, 208, 225, 0.08) 100%);\r\n  border: 1px solid rgba(0, 214, 143, 0.25);\r\n  border-radius: 14px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.cb-nofees-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 0.9rem;\r\n  font-weight: 600;\r\n  color: #fff;\r\n}\r\n\r\n.cb-nofees-item svg {\r\n  color: var(--cb-success);\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* ============================================\r\n   LOCK-IN BAR (bottom)\r\n   ============================================ *\/\r\n.cb-lockin-bar {\r\n  margin-top: 64px;\r\n  padding: 32px 36px;\r\n  background: linear-gradient(145deg, rgba(26, 33, 71, 0.6), rgba(19, 25, 56, 0.6));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 20px;\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n.cb-lockin-header {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  margin-bottom: 24px;\r\n  flex-wrap: wrap;\r\n  gap: 12px;\r\n}\r\n\r\n.cb-lockin-title {\r\n  font-size: 1.15rem;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n.cb-lockin-title svg {\r\n  color: var(--cb-cyan);\r\n}\r\n\r\n.cb-lockin-subtitle {\r\n  font-size: 0.85rem;\r\n  color: var(--cb-text-muted);\r\n}\r\n\r\n.cb-lockin-timeline {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 16px;\r\n  position: relative;\r\n}\r\n\r\n.cb-lockin-period {\r\n  text-align: center;\r\n  padding: 16px 12px;\r\n  background: rgba(10, 14, 39, 0.5);\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 12px;\r\n  transition: all 0.3s ease;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.cb-lockin-period::before {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 0; left: 0; right: 0;\r\n  height: 3px;\r\n  background: var(--cb-gradient);\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.cb-lockin-period:hover {\r\n  border-color: var(--cb-border);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.cb-lockin-period:hover::before {\r\n  transform: scaleX(1);\r\n}\r\n\r\n.cb-lockin-days {\r\n  font-family: 'JetBrains Mono', monospace;\r\n  font-size: 1.5rem;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  line-height: 1;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.cb-lockin-days small {\r\n  font-size: 0.7rem;\r\n  color: var(--cb-text-muted);\r\n  font-weight: 500;\r\n  margin-left: 2px;\r\n}\r\n\r\n.cb-lockin-tier {\r\n  font-size: 0.75rem;\r\n  color: var(--cb-text-muted);\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.08em;\r\n  margin-bottom: 8px;\r\n  font-weight: 600;\r\n}\r\n\r\n.cb-lockin-yield {\r\n  font-size: 0.85rem;\r\n  font-weight: 700;\r\n  color: var(--cb-success);\r\n}\r\n\r\n\/* Orbs *\/\r\n.cb-orb {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  filter: blur(80px);\r\n  z-index: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n.cb-orb-1 {\r\n  width: 400px; height: 400px;\r\n  background: rgba(91, 75, 255, 0.12);\r\n  top: 15%; left: -180px;\r\n}\r\n\r\n.cb-orb-2 {\r\n  width: 350px; height: 350px;\r\n  background: rgba(77, 208, 225, 0.08);\r\n  bottom: 10%; right: -150px;\r\n}\r\n\r\n\/* ============================================\r\n   RESPONSIVO\r\n   ============================================ *\/\r\n@media (max-width: 1024px) {\r\n  .cb-bm-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 60px;\r\n  }\r\n  .cb-hex-feature {\r\n    max-width: 380px;\r\n  }\r\n  .cb-lockin-timeline {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n  .cb-section { padding: 64px 0; }\r\n  .cb-floating-tag {\r\n    font-size: 0.75rem;\r\n    padding: 8px 14px;\r\n  }\r\n  .cb-tag-1 { top: 2%; left: -2%; }\r\n  .cb-tag-2 { right: -2%; }\r\n  .cb-tag-3 { bottom: 2%; left: -2%; }\r\n  .cb-nofees {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n  }\r\n  .cb-lockin-bar { padding: 24px 20px; }\r\n  .cb-lockin-timeline {\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 12px;\r\n  }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================\r\n     CLOUDBRIGHT - SECTION 9: BUSINESS MODEL\r\n     ============================================ -->\r\n<section class=\"cb-section\" id=\"business-model\">\r\n  <div class=\"cb-bg-grid\"><\/div>\r\n  <div class=\"cb-bg-circuit\"><\/div>\r\n  <div class=\"cb-orb cb-orb-1\"><\/div>\r\n  <div class=\"cb-orb cb-orb-2\"><\/div>\r\n\r\n  <div class=\"cb-container\">\r\n    <div class=\"cb-section-header\">\r\n      <span class=\"cb-eyebrow\">Mod\u00e8le d&#039;entreprise<\/span>\r\n      <h2>Align\u00e9 avec <span class=\"cb-gradient-text\">Votre succ\u00e8s<\/span><\/h2>\r\n      <p>Nous ne gagnons d&#039;argent que si vous en gagnez. Pas d&#039;abonnement, pas de frais cach\u00e9s, pas de frais initiaux\u00a0: juste une simple commission sur vos b\u00e9n\u00e9fices lors de votre retrait.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"cb-bm-grid\">\r\n\r\n      <!-- LEFT: HEXAGON 2% -->\r\n      <div class=\"cb-hex-feature\">\r\n        <div class=\"cb-hex-glow\"><\/div>\r\n        \r\n        <!-- Decorative rings -->\r\n        <div class=\"cb-hex-rings\">\r\n          <svg viewbox=\"0 0 500 500\">\r\n            <defs>\r\n              <lineargradient id=\"cb-bm-ring\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n                <stop offset=\"0%\" stop-color=\"#5b4bff\" stop-opacity=\"0.5\"\/>\r\n                <stop offset=\"100%\" stop-color=\"#4dd0e1\" stop-opacity=\"0.3\"\/>\r\n              <\/lineargradient>\r\n            <\/defs>\r\n            <circle cx=\"250\" cy=\"250\" r=\"240\" fill=\"none\" stroke=\"url(#cb-bm-ring)\" stroke-width=\"1\" stroke-dasharray=\"4 8\"\/>\r\n            <circle cx=\"250\" cy=\"250\" r=\"210\" fill=\"none\" stroke=\"url(#cb-bm-ring)\" stroke-width=\"1\" stroke-dasharray=\"2 14\" opacity=\"0.5\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n\r\n        <!-- Hexagon shape -->\r\n        <svg class=\"cb-hex-svg\" viewbox=\"0 0 460 460\">\r\n          <defs>\r\n            <lineargradient id=\"cb-bm-hex-grad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n              <stop offset=\"0%\" stop-color=\"#5b4bff\" stop-opacity=\"0.4\"\/>\r\n              <stop offset=\"50%\" stop-color=\"#4dd0e1\" stop-opacity=\"0.25\"\/>\r\n              <stop offset=\"100%\" stop-color=\"#5b4bff\" stop-opacity=\"0.4\"\/>\r\n            <\/lineargradient>\r\n            <lineargradient id=\"cb-bm-hex-stroke\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n              <stop offset=\"0%\" stop-color=\"#5b4bff\"\/>\r\n              <stop offset=\"100%\" stop-color=\"#4dd0e1\"\/>\r\n            <\/lineargradient>\r\n          <\/defs>\r\n          <!-- Outer hex -->\r\n          <polygon points=\"230,30 400,125 400,335 230,430 60,335 60,125\" \r\n                   fill=\"url(#cb-bm-hex-grad)\" \r\n                   stroke=\"url(#cb-bm-hex-stroke)\" \r\n                   stroke-width=\"2\"\/>\r\n          <!-- Inner hex outline -->\r\n          <polygon points=\"230,60 374,140 374,320 230,400 86,320 86,140\" \r\n                   fill=\"none\" \r\n                   stroke=\"rgba(77,208,225,0.3)\" \r\n                   stroke-width=\"1\"\/>\r\n        <\/svg>\r\n\r\n        <!-- Content overlay -->\r\n        <div class=\"cb-hex-content\">\r\n          <div class=\"cb-hex-percent\">2%<\/div>\r\n          <div class=\"cb-hex-label\">Commission<\/div>\r\n          <div class=\"cb-hex-sublabel\">uniquement sur les retraits<\/div>\r\n        <\/div>\r\n\r\n        <!-- Floating tags -->\r\n        <div class=\"cb-floating-tag cb-tag-1\">\r\n          <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n            <polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n          Aucun abonnement\r\n        <\/div>\r\n        <div class=\"cb-floating-tag cb-tag-2\">\r\n          <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n            <polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n          Aucuns frais cach\u00e9s\r\n        <\/div>\r\n        <div class=\"cb-floating-tag cb-tag-3\">\r\n          <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n            <polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n          Aucuns frais initiaux\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- RIGHT: BENEFITS -->\r\n      <div class=\"cb-bm-content\">\r\n        <h3 class=\"cb-bm-title\">Une structure tarifaire con\u00e7ue pour vous faciliter la t\u00e2che<\/h3>\r\n        <p class=\"cb-bm-subtitle\">La plupart des plateformes facturent des frais d&#039;abonnement ind\u00e9pendamment des performances. Nous ne sommes r\u00e9mun\u00e9r\u00e9s que lorsque vous retirez vos gains\u00a0: nous gagnons lorsque vous gagnez, et nous perdons lorsque vous perdez.<\/p>\r\n\r\n        <ul class=\"cb-benefits-list\">\r\n\r\n          <li class=\"cb-benefit\">\r\n            <div class=\"cb-benefit-icon\">\r\n              <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                <path d=\"M12 2v20M17 5H9.5a3.5 3.5 0 100 7h5a3.5 3.5 0 110 7H6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"cb-benefit-text\">\r\n              <div class=\"cb-benefit-title\">Les revenus sont proportionnels au succ\u00e8s des utilisateurs<\/div>\r\n              <div class=\"cb-benefit-desc\">Nous percevons un pourcentage de vos b\u00e9n\u00e9fices, jamais de votre capital. Si vous ne r\u00e9alisez pas de b\u00e9n\u00e9fices, nous n&#039;en r\u00e9alisons pas non plus.<\/div>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li class=\"cb-benefit\">\r\n            <div class=\"cb-benefit-icon\">\r\n              <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                <path d=\"M7 11V7a5 5 0 0110 0v4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"cb-benefit-text\">\r\n              <div class=\"cb-benefit-title\">P\u00e9riodes d&#039;engagement flexibles<\/div>\r\n              <div class=\"cb-benefit-desc\">Choisissez une dur\u00e9e de 15 \u00e0 180 jours. Plus votre engagement est long, plus vous b\u00e9n\u00e9ficiez de taux de rendement \u00e9lev\u00e9s et de bonus compos\u00e9s.<\/div>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li class=\"cb-benefit\">\r\n            <div class=\"cb-benefit-icon\">\r\n              <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                <path d=\"M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"cb-benefit-text\">\r\n              <div class=\"cb-benefit-title\">Transparence totale des frais<\/div>\r\n              <div class=\"cb-benefit-desc\">Tous les frais sont affich\u00e9s avant la copie d&#039;un bot. Aucune surprise, aucune clause cach\u00e9e, aucune clause obscure.<\/div>\r\n            <\/div>\r\n          <\/li>\r\n\r\n          <li class=\"cb-benefit\">\r\n            <div class=\"cb-benefit-icon\">\r\n              <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                <path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                <polyline points=\"22 4 12 14.01 9 11.01\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"cb-benefit-text\">\r\n              <div class=\"cb-benefit-title\">Aucun d\u00e9p\u00f4t ni frais de plateforme<\/div>\r\n              <div class=\"cb-benefit-desc\">Les d\u00e9p\u00f4ts, la navigation sur le march\u00e9 et l&#039;utilisation du tableau de bord sont enti\u00e8rement gratuits. Toujours.<\/div>\r\n            <\/div>\r\n          <\/li>\r\n\r\n        <\/ul>\r\n\r\n        <!-- No-fees banner -->\r\n        <div class=\"cb-nofees\">\r\n          <div class=\"cb-nofees-item\">\r\n            <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <path d=\"M8 12l3 3 5-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n            Aucun abonnement\r\n          <\/div>\r\n          <div class=\"cb-nofees-item\">\r\n            <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <path d=\"M8 12l3 3 5-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n            Aucuns frais cach\u00e9s\r\n          <\/div>\r\n          <div class=\"cb-nofees-item\">\r\n            <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <path d=\"M8 12l3 3 5-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n            Aucuns frais initiaux\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ============================================\r\n         LOCK-IN PERIODS BAR\r\n         ============================================ -->\r\n    <div class=\"cb-lockin-bar\">\r\n      <div class=\"cb-lockin-header\">\r\n        <div class=\"cb-lockin-title\">\r\n          <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n            <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n            <path d=\"M7 11V7a5 5 0 0110 0v4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n          <\/svg>\r\n          Niveaux de p\u00e9riode d&#039;engagement\r\n        <\/div>\r\n        <div class=\"cb-lockin-subtitle\">Plus votre engagement est long, plus votre niveau de rendement potentiel est \u00e9lev\u00e9.<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cb-lockin-timeline\">\r\n        <div class=\"cb-lockin-period\">\r\n          <div class=\"cb-lockin-tier\">D\u00e9marreur<\/div>\r\n          <div class=\"cb-lockin-days\">15<small>d<\/small><\/div>\r\n          <div class=\"cb-lockin-yield\">Niveau de base<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-lockin-period\">\r\n          <div class=\"cb-lockin-tier\">Standard<\/div>\r\n          <div class=\"cb-lockin-days\">45<small>d<\/small><\/div>\r\n          <div class=\"cb-lockin-yield\">+ Bonus de niveau 2<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-lockin-period\">\r\n          <div class=\"cb-lockin-tier\">Pro<\/div>\r\n          <div class=\"cb-lockin-days\">90<small>d<\/small><\/div>\r\n          <div class=\"cb-lockin-yield\">+ Bonus de niveau 3<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-lockin-period\">\r\n          <div class=\"cb-lockin-tier\">\u00c9lite<\/div>\r\n          <div class=\"cb-lockin-days\">180<small>d<\/small><\/div>\r\n          <div class=\"cb-lockin-yield\">Niveau maximum<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d065ac elementor-widget elementor-widget-html\" data-id=\"6d065ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ============================================\r\n   CLOUDBRIGHT - GLOBAL VARS\r\n   ============================================ *\/\r\n:root {\r\n  --cb-bg-primary: #0a0e27;\r\n  --cb-bg-secondary: #131938;\r\n  --cb-bg-tertiary: #1a2147;\r\n  --cb-bg-card: rgba(26, 33, 71, 0.5);\r\n  --cb-accent: #5b4bff;\r\n  --cb-cyan: #4dd0e1;\r\n  --cb-gradient: linear-gradient(135deg, #5b4bff 0%, #4dd0e1 100%);\r\n  --cb-text-primary: #ffffff;\r\n  --cb-text-secondary: #b8c1ec;\r\n  --cb-text-muted: #6b7394;\r\n  --cb-border: rgba(91, 75, 255, 0.25);\r\n  --cb-border-soft: rgba(184, 193, 236, 0.1);\r\n  --cb-success: #00d68f;\r\n  --cb-shadow-lg: 0 20px 50px rgba(91, 75, 255, 0.25);\r\n  --cb-radius-lg: 20px;\r\n}\r\n\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\nbody {\r\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n  background: var(--cb-bg-secondary);\r\n  color: var(--cb-text-primary);\r\n  min-height: 100vh;\r\n}\r\n\r\n\/* ============================================\r\n   CLOUDBRIGHT - SECTION 10: SECURITY\r\n   ============================================ *\/\r\n.cb-section {\r\n  padding: 100px 0;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: var(--cb-bg-secondary);\r\n}\r\n\r\n.cb-bg-grid {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: \r\n    radial-gradient(circle at 80% 30%, rgba(91, 75, 255, 0.12) 0%, transparent 50%),\r\n    radial-gradient(circle at 20% 70%, rgba(77, 208, 225, 0.08) 0%, transparent 50%);\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n.cb-bg-shield {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  width: 800px;\r\n  height: 800px;\r\n  transform: translate(-50%, -50%);\r\n  opacity: 0.04;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n.cb-bg-shield svg {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.cb-container {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.cb-eyebrow {\r\n  display: inline-block;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.15em;\r\n  color: var(--cb-cyan);\r\n  margin-bottom: 16px;\r\n  padding: 6px 16px;\r\n  background: rgba(77, 208, 225, 0.1);\r\n  border: 1px solid rgba(77, 208, 225, 0.3);\r\n  border-radius: 100px;\r\n}\r\n\r\n.cb-gradient-text {\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  display: inline-block;\r\n}\r\n\r\n.cb-section-header {\r\n  text-align: center;\r\n  max-width: 760px;\r\n  margin: 0 auto 64px;\r\n}\r\n\r\n.cb-section-header h2 {\r\n  font-size: clamp(2rem, 4.5vw, 3.25rem);\r\n  font-weight: 800;\r\n  line-height: 1.15;\r\n  letter-spacing: -0.02em;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.cb-section-header p {\r\n  font-size: 1.15rem;\r\n  color: var(--cb-text-secondary);\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* ============================================\r\n   MAIN GRID: tech cards (left) + checklist (right)\r\n   ============================================ *\/\r\n.cb-sec-grid {\r\n  display: grid;\r\n  grid-template-columns: 1.3fr 1fr;\r\n  gap: 48px;\r\n  margin-bottom: 64px;\r\n}\r\n\r\n\/* TECH CARDS \u2014 left column *\/\r\n.cb-tech-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 16px;\r\n  align-content: start;\r\n}\r\n\r\n.cb-tech-card {\r\n  position: relative;\r\n  padding: 24px 22px;\r\n  background: linear-gradient(145deg, rgba(26, 33, 71, 0.7), rgba(19, 25, 56, 0.7));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 16px;\r\n  backdrop-filter: blur(10px);\r\n  -webkit-backdrop-filter: blur(10px);\r\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n  overflow: hidden;\r\n}\r\n\r\n.cb-tech-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0;\r\n  height: 2px;\r\n  background: var(--cb-gradient);\r\n  opacity: 0;\r\n  transition: opacity 0.4s ease;\r\n}\r\n\r\n.cb-tech-card:hover {\r\n  transform: translateY(-4px);\r\n  border-color: var(--cb-border);\r\n  box-shadow: var(--cb-shadow-lg);\r\n}\r\n\r\n.cb-tech-card:hover::before {\r\n  opacity: 1;\r\n}\r\n\r\n.cb-tech-card:hover .cb-tech-icon {\r\n  transform: scale(1.1) rotate(-5deg);\r\n}\r\n\r\n.cb-tech-icon {\r\n  width: 44px;\r\n  height: 44px;\r\n  border-radius: 12px;\r\n  background: linear-gradient(135deg, rgba(91, 75, 255, 0.25), rgba(77, 208, 225, 0.15));\r\n  border: 1px solid rgba(91, 75, 255, 0.3);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--cb-cyan);\r\n  margin-bottom: 16px;\r\n  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.cb-tech-label {\r\n  font-family: 'JetBrains Mono', monospace;\r\n  font-size: 1.05rem;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  letter-spacing: 0.02em;\r\n  margin-bottom: 4px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.cb-tech-status {\r\n  width: 8px;\r\n  height: 8px;\r\n  border-radius: 50%;\r\n  background: var(--cb-success);\r\n  box-shadow: 0 0 8px var(--cb-success);\r\n  animation: cb-pulse 2s infinite;\r\n}\r\n\r\n@keyframes cb-pulse {\r\n  0%, 100% { opacity: 1; }\r\n  50% { opacity: 0.4; }\r\n}\r\n\r\n.cb-tech-name {\r\n  font-size: 0.85rem;\r\n  color: var(--cb-text-secondary);\r\n  font-weight: 500;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.cb-tech-detail {\r\n  font-size: 0.78rem;\r\n  color: var(--cb-text-muted);\r\n  padding-top: 12px;\r\n  border-top: 1px solid var(--cb-border-soft);\r\n  line-height: 1.5;\r\n}\r\n\r\n\/* CHECKLIST \/ RIGHT COLUMN *\/\r\n.cb-checklist-wrap {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.cb-checklist-header {\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.cb-checklist-title {\r\n  font-size: clamp(1.5rem, 2.5vw, 1.85rem);\r\n  font-weight: 700;\r\n  margin-bottom: 12px;\r\n  letter-spacing: -0.01em;\r\n  color: #fff;\r\n}\r\n\r\n.cb-checklist-subtitle {\r\n  font-size: 1rem;\r\n  color: var(--cb-text-secondary);\r\n  line-height: 1.6;\r\n}\r\n\r\n.cb-checklist {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n}\r\n\r\n.cb-check-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 14px;\r\n  padding: 14px 18px;\r\n  background: linear-gradient(145deg, rgba(26, 33, 71, 0.5), rgba(19, 25, 56, 0.5));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 12px;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.cb-check-item:hover {\r\n  border-color: rgba(0, 214, 143, 0.3);\r\n  transform: translateX(4px);\r\n}\r\n\r\n.cb-check-icon {\r\n  width: 26px;\r\n  height: 26px;\r\n  border-radius: 7px;\r\n  background: linear-gradient(135deg, rgba(0, 214, 143, 0.2), rgba(77, 208, 225, 0.15));\r\n  border: 1px solid rgba(0, 214, 143, 0.35);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--cb-success);\r\n  flex-shrink: 0;\r\n}\r\n\r\n.cb-check-text {\r\n  font-size: 0.95rem;\r\n  font-weight: 500;\r\n  color: #fff;\r\n}\r\n\r\n\/* ============================================\r\n   STATS STRIP (bottom)\r\n   ============================================ *\/\r\n.cb-stats-strip {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 0;\r\n  background: linear-gradient(145deg, rgba(26, 33, 71, 0.7), rgba(19, 25, 56, 0.7));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n.cb-stat {\r\n  text-align: center;\r\n  padding: 32px 24px;\r\n  position: relative;\r\n  transition: background 0.3s ease;\r\n}\r\n\r\n.cb-stat:hover {\r\n  background: rgba(91, 75, 255, 0.05);\r\n}\r\n\r\n.cb-stat:not(:last-child)::after {\r\n  content: '';\r\n  position: absolute;\r\n  right: 0; top: 25%;\r\n  width: 1px;\r\n  height: 50%;\r\n  background: linear-gradient(to bottom, transparent, var(--cb-border-soft), transparent);\r\n}\r\n\r\n.cb-stat-value {\r\n  font-family: 'JetBrains Mono', monospace;\r\n  font-size: 2rem;\r\n  font-weight: 800;\r\n  line-height: 1;\r\n  letter-spacing: -0.02em;\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.cb-stat-label {\r\n  font-size: 0.85rem;\r\n  color: var(--cb-text-secondary);\r\n  font-weight: 500;\r\n}\r\n\r\n\/* Orbs *\/\r\n.cb-orb {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  filter: blur(80px);\r\n  z-index: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n.cb-orb-1 {\r\n  width: 400px; height: 400px;\r\n  background: rgba(91, 75, 255, 0.1);\r\n  top: 5%; right: -150px;\r\n}\r\n\r\n.cb-orb-2 {\r\n  width: 350px; height: 350px;\r\n  background: rgba(77, 208, 225, 0.08);\r\n  bottom: 10%; left: -130px;\r\n}\r\n\r\n\/* ============================================\r\n   RESPONSIVO\r\n   ============================================ *\/\r\n@media (max-width: 1024px) {\r\n  .cb-sec-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 48px;\r\n  }\r\n  .cb-stats-strip {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n  .cb-stat:not(:last-child)::after { display: none; }\r\n  .cb-stat:nth-child(odd)::after {\r\n    content: '';\r\n    position: absolute;\r\n    right: 0; top: 25%;\r\n    width: 1px; height: 50%;\r\n    background: linear-gradient(to bottom, transparent, var(--cb-border-soft), transparent);\r\n  }\r\n  .cb-stat:nth-child(1), .cb-stat:nth-child(2) {\r\n    border-bottom: 1px solid var(--cb-border-soft);\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .cb-section { padding: 64px 0; }\r\n  .cb-tech-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .cb-stats-strip {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .cb-stat:not(:last-child) {\r\n    border-bottom: 1px solid var(--cb-border-soft);\r\n  }\r\n  .cb-stat:nth-child(odd)::after { display: none; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================\r\n     CLOUDBRIGHT - SECTION 10: SECURITY & TECH\r\n     ============================================ -->\r\n<section class=\"cb-section\" id=\"security\">\r\n  <div class=\"cb-bg-grid\"><\/div>\r\n  <div class=\"cb-orb cb-orb-1\"><\/div>\r\n  <div class=\"cb-orb cb-orb-2\"><\/div>\r\n\r\n  <!-- Background shield decorative -->\r\n  <div class=\"cb-bg-shield\">\r\n    <svg viewbox=\"0 0 800 800\" fill=\"none\">\r\n      <path d=\"M400 80 L680 200 L680 440 C680 580 540 680 400 720 C260 680 120 580 120 440 L120 200 Z\" \r\n            stroke=\"url(#cb-shield-grad)\" stroke-width=\"2\"\/>\r\n      <path d=\"M400 160 L600 260 L600 440 C600 540 500 620 400 650 C300 620 200 540 200 440 L200 260 Z\" \r\n            stroke=\"url(#cb-shield-grad)\" stroke-width=\"1.5\"\/>\r\n      <defs>\r\n        <lineargradient id=\"cb-shield-grad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n          <stop offset=\"0%\" stop-color=\"#5b4bff\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#4dd0e1\"\/>\r\n        <\/lineargradient>\r\n      <\/defs>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"cb-container\">\r\n    <div class=\"cb-section-header\">\r\n      <span class=\"cb-eyebrow\">Technologie et s\u00e9curit\u00e9<\/span>\r\n      <h2><span class=\"cb-gradient-text\">Qualit\u00e9 bancaire<\/span><br>Infrastructure<\/h2>\r\n      <p>Vos fonds et vos donn\u00e9es sont prot\u00e9g\u00e9s par le m\u00eame syst\u00e8me de s\u00e9curit\u00e9 que celui utilis\u00e9 par les grandes institutions financi\u00e8res : chiffrement de niveau militaire, stockage mat\u00e9riel des cl\u00e9s et surveillance 24h\/24 et 7j\/7.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"cb-sec-grid\">\r\n\r\n      <!-- LEFT: TECH CARDS GRID -->\r\n      <div class=\"cb-tech-grid\">\r\n\r\n        <!-- AES-256 -->\r\n        <div class=\"cb-tech-card\">\r\n          <div class=\"cb-tech-icon\">\r\n            <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <path d=\"M7 11V7a5 5 0 0110 0v4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <circle cx=\"12\" cy=\"16\" r=\"1.5\" fill=\"currentColor\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"cb-tech-label\">\r\n            AES-256\r\n            <span class=\"cb-tech-status\"><\/span>\r\n          <\/div>\r\n          <div class=\"cb-tech-name\">Cryptage de niveau militaire<\/div>\r\n          <div class=\"cb-tech-detail\">Norme de chiffrement avanc\u00e9e 256 bits appliqu\u00e9e \u00e0 toutes les donn\u00e9es stock\u00e9es et au trafic en transit.<\/div>\r\n        <\/div>\r\n\r\n        <!-- HSM -->\r\n        <div class=\"cb-tech-card\">\r\n          <div class=\"cb-tech-icon\">\r\n            <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <rect x=\"2\" y=\"6\" width=\"20\" height=\"12\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <line x1=\"6\" y1=\"10\" x2=\"6\" y2=\"14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"10\" y1=\"10\" x2=\"10\" y2=\"14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"14\" y1=\"10\" x2=\"14\" y2=\"14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <line x1=\"18\" y1=\"10\" x2=\"18\" y2=\"14\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"cb-tech-label\">\r\n            HSM\r\n            <span class=\"cb-tech-status\"><\/span>\r\n          <\/div>\r\n          <div class=\"cb-tech-name\">stockage de cl\u00e9s mat\u00e9rielles<\/div>\r\n          <div class=\"cb-tech-detail\">Cl\u00e9s cryptographiques g\u00e9n\u00e9r\u00e9es et stock\u00e9es exclusivement \u00e0 l&#039;int\u00e9rieur de modules mat\u00e9riels inviolables.<\/div>\r\n        <\/div>\r\n\r\n        <!-- 2FA -->\r\n        <div class=\"cb-tech-card\">\r\n          <div class=\"cb-tech-icon\">\r\n            <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <path d=\"M9 7l2 2 4-4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"cb-tech-label\">\r\n            L&#039;authentification \u00e0 deux facteurs (2FA)\r\n            <span class=\"cb-tech-status\"><\/span>\r\n          <\/div>\r\n          <div class=\"cb-tech-name\">Obligatoire pour tous les utilisateurs<\/div>\r\n          <div class=\"cb-tech-detail\">L&#039;authentification \u00e0 deux facteurs est requise pour chaque connexion et chaque retrait \u2013 sans exception.<\/div>\r\n        <\/div>\r\n\r\n        <!-- Multi-Sig -->\r\n        <div class=\"cb-tech-card\">\r\n          <div class=\"cb-tech-icon\">\r\n            <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M9 12l2 2 4-4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <path d=\"M12 2l-9.5 5.5v5c0 5 4 9.5 9.5 11 5.5-1.5 9.5-6 9.5-11v-5L12 2z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"cb-tech-label\">\r\n            Multi-signature\r\n            <span class=\"cb-tech-status\"><\/span>\r\n          <\/div>\r\n          <div class=\"cb-tech-name\">Autorisation multi-signatures<\/div>\r\n          <div class=\"cb-tech-detail\">Les op\u00e9rations sensibles n\u00e9cessitent plusieurs approbations ind\u00e9pendantes avant leur ex\u00e9cution.<\/div>\r\n        <\/div>\r\n\r\n        <!-- DDoS -->\r\n        <div class=\"cb-tech-card\">\r\n          <div class=\"cb-tech-icon\">\r\n            <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <path d=\"M2 12h20M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"cb-tech-label\">\r\n            DDoS\r\n            <span class=\"cb-tech-status\"><\/span>\r\n          <\/div>\r\n          <div class=\"cb-tech-name\">Protection multicouche<\/div>\r\n          <div class=\"cb-tech-detail\">Le filtrage en p\u00e9riph\u00e9rie d&#039;entreprise bloque en temps r\u00e9el les attaques volum\u00e9triques et de couche application.<\/div>\r\n        <\/div>\r\n\r\n        <!-- TLS -->\r\n        <div class=\"cb-tech-card\">\r\n          <div class=\"cb-tech-icon\">\r\n            <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"cb-tech-label\">\r\n            TLS 1.3\r\n            <span class=\"cb-tech-status\"><\/span>\r\n          <\/div>\r\n          <div class=\"cb-tech-name\">SSL\/TLS partout<\/div>\r\n          <div class=\"cb-tech-detail\">Connexions chiffr\u00e9es de bout en bout impos\u00e9es sur chaque point de terminaison, aucun trafic en clair n&#039;est autoris\u00e9.<\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- RIGHT: CHECKLIST -->\r\n      <div class=\"cb-checklist-wrap\">\r\n        <div class=\"cb-checklist-header\">\r\n          <h3 class=\"cb-checklist-title\">Audit et surveillance continus<\/h3>\r\n          <p class=\"cb-checklist-subtitle\">La s\u00e9curit\u00e9 n&#039;est pas une fonctionnalit\u00e9 que nous d\u00e9ployons une seule fois, c&#039;est une discipline que nous pratiquons chaque jour, \u00e0 tous les niveaux de l&#039;architecture.<\/p>\r\n        <\/div>\r\n\r\n        <ul class=\"cb-checklist\">\r\n          <li class=\"cb-check-item\">\r\n            <div class=\"cb-check-icon\">\r\n              <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                <polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"cb-check-text\">Des audits de s\u00e9curit\u00e9 ind\u00e9pendants ont \u00e9t\u00e9 valid\u00e9s.<\/div>\r\n          <\/li>\r\n\r\n          <li class=\"cb-check-item\">\r\n            <div class=\"cb-check-icon\">\r\n              <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                <polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"cb-check-text\">Cryptage SSL\/TLS partout<\/div>\r\n          <\/li>\r\n\r\n          <li class=\"cb-check-item\">\r\n            <div class=\"cb-check-icon\">\r\n              <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                <polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"cb-check-text\">Protection DDoS multicouche<\/div>\r\n          <\/li>\r\n\r\n          <li class=\"cb-check-item\">\r\n            <div class=\"cb-check-icon\">\r\n              <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                <polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"cb-check-text\">Surveillance des op\u00e9rations de s\u00e9curit\u00e9 24h\/24 et 7j\/7<\/div>\r\n          <\/li>\r\n\r\n          <li class=\"cb-check-item\">\r\n            <div class=\"cb-check-icon\">\r\n              <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                <polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"cb-check-text\">Programme de primes aux bogues actif<\/div>\r\n          <\/li>\r\n\r\n          <li class=\"cb-check-item\">\r\n            <div class=\"cb-check-icon\">\r\n              <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n                <polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"cb-check-text\">Tests d&#039;intrusion continus<\/div>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- STATS STRIP -->\r\n    <div class=\"cb-stats-strip\">\r\n      <div class=\"cb-stat\">\r\n        <div class=\"cb-stat-value\">99.9%<\/div>\r\n        <div class=\"cb-stat-label\">Disponibilit\u00e9 de la plateforme<\/div>\r\n      <\/div>\r\n      <div class=\"cb-stat\">\r\n        <div class=\"cb-stat-value\">&lt;200 ms<\/div>\r\n        <div class=\"cb-stat-label\">Temps de r\u00e9ponse moyen<\/div>\r\n      <\/div>\r\n      <div class=\"cb-stat\">\r\n        <div class=\"cb-stat-value\">24\/7<\/div>\r\n        <div class=\"cb-stat-label\">Surveillance de l&#039;\u00e9tat du syst\u00e8me (SOC)<\/div>\r\n      <\/div>\r\n      <div class=\"cb-stat\">\r\n        <div class=\"cb-stat-value\">256 bits<\/div>\r\n        <div class=\"cb-stat-label\">Norme de chiffrement<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c43d0e2 elementor-widget elementor-widget-html\" data-id=\"c43d0e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ============================================\r\n   CLOUDBRIGHT - GLOBAL VARS\r\n   ============================================ *\/\r\n:root {\r\n  --cb-bg-primary: #0a0e27;\r\n  --cb-bg-secondary: #131938;\r\n  --cb-bg-tertiary: #1a2147;\r\n  --cb-bg-card: rgba(26, 33, 71, 0.5);\r\n  --cb-accent: #5b4bff;\r\n  --cb-cyan: #4dd0e1;\r\n  --cb-gradient: linear-gradient(135deg, #5b4bff 0%, #4dd0e1 100%);\r\n  --cb-text-primary: #ffffff;\r\n  --cb-text-secondary: #b8c1ec;\r\n  --cb-text-muted: #6b7394;\r\n  --cb-border: rgba(91, 75, 255, 0.25);\r\n  --cb-border-soft: rgba(184, 193, 236, 0.1);\r\n  --cb-success: #00d68f;\r\n  --cb-shadow-lg: 0 20px 50px rgba(91, 75, 255, 0.25);\r\n  --cb-radius-lg: 20px;\r\n}\r\n\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\nbody {\r\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n  background: var(--cb-bg-primary);\r\n  color: var(--cb-text-primary);\r\n  min-height: 100vh;\r\n}\r\n\r\n\/* ============================================\r\n   CLOUDBRIGHT - SECTION 11: MARKET OPPORTUNITY\r\n   ============================================ *\/\r\n.cb-section {\r\n  padding: 100px 0;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: var(--cb-bg-primary);\r\n}\r\n\r\n.cb-bg-grid {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: \r\n    radial-gradient(circle at 50% 50%, rgba(91, 75, 255, 0.12) 0%, transparent 60%);\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Globo decorativo de fundo *\/\r\n.cb-bg-globe {\r\n  position: absolute;\r\n  top: 50%;\r\n  right: -200px;\r\n  width: 700px;\r\n  height: 700px;\r\n  transform: translateY(-50%);\r\n  opacity: 0.08;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n  animation: cb-globe-rotate 60s linear infinite;\r\n}\r\n\r\n@keyframes cb-globe-rotate {\r\n  from { transform: translateY(-50%) rotate(0deg); }\r\n  to { transform: translateY(-50%) rotate(360deg); }\r\n}\r\n\r\n.cb-bg-globe svg {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.cb-container {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.cb-eyebrow {\r\n  display: inline-block;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.15em;\r\n  color: var(--cb-cyan);\r\n  margin-bottom: 16px;\r\n  padding: 6px 16px;\r\n  background: rgba(77, 208, 225, 0.1);\r\n  border: 1px solid rgba(77, 208, 225, 0.3);\r\n  border-radius: 100px;\r\n}\r\n\r\n.cb-gradient-text {\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  display: inline-block;\r\n}\r\n\r\n.cb-section-header {\r\n  text-align: center;\r\n  max-width: 760px;\r\n  margin: 0 auto 64px;\r\n}\r\n\r\n.cb-section-header h2 {\r\n  font-size: clamp(2rem, 4.5vw, 3.25rem);\r\n  font-weight: 800;\r\n  line-height: 1.15;\r\n  letter-spacing: -0.02em;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.cb-section-header p {\r\n  font-size: 1.15rem;\r\n  color: var(--cb-text-secondary);\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* ============================================\r\n   MARKET CARDS GRID (4 big stats)\r\n   ============================================ *\/\r\n.cb-market-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 24px;\r\n  margin-bottom: 56px;\r\n}\r\n\r\n.cb-market-card {\r\n  position: relative;\r\n  padding: 36px 32px;\r\n  background: linear-gradient(145deg, rgba(26, 33, 71, 0.85), rgba(19, 25, 56, 0.85));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: var(--cb-radius-lg);\r\n  backdrop-filter: blur(10px);\r\n  -webkit-backdrop-filter: blur(10px);\r\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n  overflow: hidden;\r\n}\r\n\r\n.cb-market-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0;\r\n  height: 4px;\r\n  background: var(--cb-gradient);\r\n  opacity: 0;\r\n  transition: opacity 0.4s ease;\r\n}\r\n\r\n.cb-market-card::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: -50%; right: -30%;\r\n  width: 300px; height: 300px;\r\n  background: radial-gradient(circle, rgba(91, 75, 255, 0.15) 0%, transparent 60%);\r\n  opacity: 0;\r\n  transition: opacity 0.5s ease;\r\n  pointer-events: none;\r\n}\r\n\r\n.cb-market-card:hover {\r\n  transform: translateY(-6px);\r\n  border-color: var(--cb-border);\r\n  box-shadow: var(--cb-shadow-lg);\r\n}\r\n\r\n.cb-market-card:hover::before { opacity: 1; }\r\n.cb-market-card:hover::after { opacity: 1; }\r\n\r\n.cb-market-card > * { position: relative; z-index: 2; }\r\n\r\n.cb-market-top {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  justify-content: space-between;\r\n  margin-bottom: 24px;\r\n  gap: 16px;\r\n}\r\n\r\n.cb-market-icon {\r\n  width: 56px;\r\n  height: 56px;\r\n  border-radius: 14px;\r\n  background: linear-gradient(135deg, rgba(91, 75, 255, 0.25), rgba(77, 208, 225, 0.15));\r\n  border: 1px solid rgba(91, 75, 255, 0.3);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--cb-cyan);\r\n  flex-shrink: 0;\r\n}\r\n\r\n.cb-market-trend {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n  padding: 6px 12px;\r\n  background: rgba(0, 214, 143, 0.15);\r\n  color: var(--cb-success);\r\n  border: 1px solid rgba(0, 214, 143, 0.3);\r\n  border-radius: 100px;\r\n  font-size: 0.78rem;\r\n  font-weight: 700;\r\n  letter-spacing: 0.02em;\r\n  white-space: nowrap;\r\n}\r\n\r\n.cb-market-trend svg {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.cb-market-value {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: clamp(3rem, 6vw, 4.5rem);\r\n  font-weight: 900;\r\n  line-height: 1;\r\n  letter-spacing: -0.04em;\r\n  background: linear-gradient(135deg, #ffffff 0%, #4dd0e1 50%, #5b4bff 100%);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.cb-market-label {\r\n  font-size: 1.1rem;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.cb-market-desc {\r\n  font-size: 0.95rem;\r\n  color: var(--cb-text-secondary);\r\n  line-height: 1.6;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n\/* Mini progress bar *\/\r\n.cb-market-bar {\r\n  height: 6px;\r\n  background: rgba(91, 75, 255, 0.1);\r\n  border-radius: 100px;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.cb-market-bar-fill {\r\n  height: 100%;\r\n  background: var(--cb-gradient);\r\n  border-radius: 100px;\r\n  position: relative;\r\n  animation: cb-bar-shine 3s ease-in-out infinite;\r\n}\r\n\r\n.cb-market-bar-fill::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0;\r\n  width: 100%; height: 100%;\r\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);\r\n  animation: cb-shine 2s linear infinite;\r\n}\r\n\r\n@keyframes cb-shine {\r\n  from { transform: translateX(-100%); }\r\n  to { transform: translateX(100%); }\r\n}\r\n\r\n@keyframes cb-bar-shine {\r\n  0%, 100% { opacity: 1; }\r\n  50% { opacity: 0.85; }\r\n}\r\n\r\n.cb-market-source {\r\n  margin-top: 10px;\r\n  font-size: 0.75rem;\r\n  color: var(--cb-text-muted);\r\n  font-style: italic;\r\n}\r\n\r\n\/* ============================================\r\n   GROWTH TIMELINE (bottom)\r\n   ============================================ *\/\r\n.cb-timeline-section {\r\n  padding: 40px 36px;\r\n  background: linear-gradient(145deg, rgba(26, 33, 71, 0.6), rgba(19, 25, 56, 0.6));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 20px;\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n.cb-timeline-header {\r\n  text-align: center;\r\n  margin-bottom: 32px;\r\n}\r\n\r\n.cb-timeline-title {\r\n  font-size: 1.5rem;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  margin-bottom: 8px;\r\n  letter-spacing: -0.01em;\r\n}\r\n\r\n.cb-timeline-subtitle {\r\n  font-size: 0.95rem;\r\n  color: var(--cb-text-secondary);\r\n}\r\n\r\n.cb-timeline {\r\n  position: relative;\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 20px;\r\n}\r\n\r\n.cb-timeline::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 28px;\r\n  left: 12%;\r\n  right: 12%;\r\n  height: 2px;\r\n  background: linear-gradient(90deg, \r\n    rgba(91, 75, 255, 0.2) 0%, \r\n    rgba(91, 75, 255, 0.6) 30%, \r\n    rgba(77, 208, 225, 0.8) 60%, \r\n    rgba(77, 208, 225, 1) 100%);\r\n  z-index: 0;\r\n}\r\n\r\n.cb-tl-item {\r\n  position: relative;\r\n  text-align: center;\r\n  z-index: 2;\r\n}\r\n\r\n.cb-tl-dot {\r\n  width: 56px;\r\n  height: 56px;\r\n  border-radius: 50%;\r\n  background: var(--cb-bg-primary);\r\n  border: 2px solid var(--cb-border);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin: 0 auto 16px;\r\n  font-family: 'JetBrains Mono', monospace;\r\n  font-size: 0.8rem;\r\n  font-weight: 700;\r\n  color: var(--cb-text-secondary);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.cb-tl-item.current .cb-tl-dot {\r\n  background: var(--cb-gradient);\r\n  border-color: transparent;\r\n  color: #fff;\r\n  box-shadow: 0 0 24px rgba(91, 75, 255, 0.6);\r\n}\r\n\r\n.cb-tl-item.current .cb-tl-dot::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: -6px;\r\n  border-radius: 50%;\r\n  border: 2px solid var(--cb-cyan);\r\n  opacity: 0.4;\r\n  animation: cb-tl-pulse 2s infinite;\r\n}\r\n\r\n@keyframes cb-tl-pulse {\r\n  0% { transform: scale(1); opacity: 0.5; }\r\n  100% { transform: scale(1.4); opacity: 0; }\r\n}\r\n\r\n.cb-tl-value {\r\n  font-family: 'JetBrains Mono', monospace;\r\n  font-size: 1.25rem;\r\n  font-weight: 800;\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  margin-bottom: 4px;\r\n  line-height: 1;\r\n}\r\n\r\n.cb-tl-label {\r\n  font-size: 0.78rem;\r\n  color: var(--cb-text-secondary);\r\n  font-weight: 500;\r\n  line-height: 1.4;\r\n}\r\n\r\n\/* Orbs *\/\r\n.cb-orb {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  filter: blur(80px);\r\n  z-index: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n.cb-orb-1 {\r\n  width: 400px; height: 400px;\r\n  background: rgba(91, 75, 255, 0.12);\r\n  top: 10%; left: -180px;\r\n}\r\n\r\n.cb-orb-2 {\r\n  width: 350px; height: 350px;\r\n  background: rgba(77, 208, 225, 0.08);\r\n  bottom: 5%; right: -130px;\r\n}\r\n\r\n\/* ============================================\r\n   RESPONSIVO\r\n   ============================================ *\/\r\n@media (max-width: 900px) {\r\n  .cb-market-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .cb-timeline {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 32px 20px;\r\n  }\r\n  .cb-timeline::before { display: none; }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .cb-section { padding: 64px 0; }\r\n  .cb-market-card {\r\n    padding: 28px 24px;\r\n  }\r\n  .cb-timeline-section {\r\n    padding: 32px 20px;\r\n  }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================\r\n     CLOUDBRIGHT - SECTION 11: MARKET OPPORTUNITY\r\n     ============================================ -->\r\n<section class=\"cb-section\" id=\"market\">\r\n  <div class=\"cb-bg-grid\"><\/div>\r\n  <div class=\"cb-orb cb-orb-1\"><\/div>\r\n  <div class=\"cb-orb cb-orb-2\"><\/div>\r\n\r\n  <!-- Globo wireframe decorativo -->\r\n  <div class=\"cb-bg-globe\">\r\n    <svg viewbox=\"0 0 700 700\" fill=\"none\">\r\n      <defs>\r\n        <lineargradient id=\"cb-globe-grad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n          <stop offset=\"0%\" stop-color=\"#5b4bff\"\/>\r\n          <stop offset=\"100%\" stop-color=\"#4dd0e1\"\/>\r\n        <\/lineargradient>\r\n      <\/defs>\r\n      <!-- Globo principal -->\r\n      <circle cx=\"350\" cy=\"350\" r=\"280\" stroke=\"url(#cb-globe-grad)\" stroke-width=\"1.5\" fill=\"none\"\/>\r\n      <!-- Meridianos -->\r\n      <ellipse cx=\"350\" cy=\"350\" rx=\"280\" ry=\"100\" stroke=\"url(#cb-globe-grad)\" stroke-width=\"1\" fill=\"none\"\/>\r\n      <ellipse cx=\"350\" cy=\"350\" rx=\"280\" ry=\"180\" stroke=\"url(#cb-globe-grad)\" stroke-width=\"1\" fill=\"none\"\/>\r\n      <ellipse cx=\"350\" cy=\"350\" rx=\"280\" ry=\"250\" stroke=\"url(#cb-globe-grad)\" stroke-width=\"1\" fill=\"none\"\/>\r\n      <!-- Paralelos -->\r\n      <ellipse cx=\"350\" cy=\"350\" rx=\"100\" ry=\"280\" stroke=\"url(#cb-globe-grad)\" stroke-width=\"1\" fill=\"none\"\/>\r\n      <ellipse cx=\"350\" cy=\"350\" rx=\"180\" ry=\"280\" stroke=\"url(#cb-globe-grad)\" stroke-width=\"1\" fill=\"none\"\/>\r\n      <ellipse cx=\"350\" cy=\"350\" rx=\"250\" ry=\"280\" stroke=\"url(#cb-globe-grad)\" stroke-width=\"1\" fill=\"none\"\/>\r\n      <!-- Linhas equador\/centrais -->\r\n      <line x1=\"70\" y1=\"350\" x2=\"630\" y2=\"350\" stroke=\"url(#cb-globe-grad)\" stroke-width=\"1\"\/>\r\n      <line x1=\"350\" y1=\"70\" x2=\"350\" y2=\"630\" stroke=\"url(#cb-globe-grad)\" stroke-width=\"1\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"cb-container\">\r\n    <div class=\"cb-section-header\">\r\n      <span class=\"cb-eyebrow\">Opportunit\u00e9 de march\u00e9<\/span>\r\n      <h2><span class=\"cb-gradient-text\">Massif<\/span> et<br>March\u00e9 en croissance<\/h2>\r\n      <p>Le trading de cryptomonnaies n&#039;est plus un march\u00e9 de niche, mais une infrastructure financi\u00e8re mondiale avec un volume d&#039;\u00e9changes de plusieurs billions de dollars, des centaines de millions d&#039;utilisateurs et un afflux massif de capitaux institutionnels.<\/p>\r\n    <\/div>\r\n\r\n    <!-- MARKET STATS GRID (4 big cards) -->\r\n    <div class=\"cb-market-grid\">\r\n\r\n      <!-- CARD 1: TOTAL CRYPTO MARKET CAP -->\r\n      <div class=\"cb-market-card\">\r\n        <div class=\"cb-market-top\">\r\n          <div class=\"cb-market-icon\">\r\n            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <path d=\"M12 6v6l4 2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n              <circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"currentColor\" opacity=\"0.3\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"cb-market-trend\">\r\n            <svg width=\"10\" height=\"10\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" transform=\"rotate(180 12 12)\"\/><\/svg>\r\n            +112% en glissement annuel\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-market-value\">$3.2T<\/div>\r\n        <div class=\"cb-market-label\">Capitalisation boursi\u00e8re totale des cryptomonnaies<\/div>\r\n        <div class=\"cb-market-desc\">Valeur marchande combin\u00e9e de tous les actifs crypto en 2026 \u2014 contre 1 TP4 000 \u00e0 1,5 000 milliards de roupies il y a seulement deux ans.<\/div>\r\n\r\n        <div class=\"cb-market-bar\">\r\n          <div class=\"cb-market-bar-fill\" style=\"width: 92%;\"><\/div>\r\n        <\/div>\r\n        <div class=\"cb-market-source\">Source : CoinGecko \u00b7 2026<\/div>\r\n      <\/div>\r\n\r\n      <!-- CARD 2: CRYPTO ETF AUM -->\r\n      <div class=\"cb-market-card\">\r\n        <div class=\"cb-market-top\">\r\n          <div class=\"cb-market-icon\">\r\n            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M3 21h18M3 10h18M5 6l7-3 7 3M4 10v11M20 10v11M8 14v3M12 14v3M16 14v3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"cb-market-trend\">\r\n            <svg width=\"10\" height=\"10\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" transform=\"rotate(180 12 12)\"\/><\/svg>\r\n            essor institutionnel\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-market-value\">$200B+<\/div>\r\n        <div class=\"cb-market-label\">AUM des ETF crypto<\/div>\r\n        <div class=\"cb-market-desc\">Les capitaux institutionnels sont d\u00e9sormais bien pr\u00e9sents. Les ETF Bitcoin et Ethereum au comptant g\u00e8rent \u00e0 pr\u00e9sent plus de 14\u00a0000 milliards de dollars d&#039;actifs.<\/div>\r\n\r\n        <div class=\"cb-market-bar\">\r\n          <div class=\"cb-market-bar-fill\" style=\"width: 76%;\"><\/div>\r\n        <\/div>\r\n        <div class=\"cb-market-source\">Source : Bloomberg ETF Tracker<\/div>\r\n      <\/div>\r\n\r\n      <!-- CARD 3: GLOBAL CRYPTO USERS -->\r\n      <div class=\"cb-market-card\">\r\n        <div class=\"cb-market-top\">\r\n          <div class=\"cb-market-icon\">\r\n            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2M9 11a4 4 0 100-8 4 4 0 000 8zM23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"cb-market-trend\">\r\n            <svg width=\"10\" height=\"10\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" transform=\"rotate(180 12 12)\"\/><\/svg>\r\n            +20% en glissement annuel\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-market-value\">Plus de 500 millions<\/div>\r\n        <div class=\"cb-market-label\">Utilisateurs de cryptomonnaies du monde entier<\/div>\r\n        <div class=\"cb-market-desc\">Plus d&#039;un demi-milliard de personnes dans le monde d\u00e9tiennent ou \u00e9changent des cryptomonnaies, un chiffre en croissance de 201 TP3 000 d&#039;une ann\u00e9e sur l&#039;autre et qui s&#039;acc\u00e9l\u00e8re.<\/div>\r\n\r\n        <div class=\"cb-market-bar\">\r\n          <div class=\"cb-market-bar-fill\" style=\"width: 68%;\"><\/div>\r\n        <\/div>\r\n        <div class=\"cb-market-source\">Source : Rapport des utilisateurs de Crypto.com 2026<\/div>\r\n      <\/div>\r\n\r\n      <!-- CARD 4: COPY TRADING GROWTH -->\r\n      <div class=\"cb-market-card\">\r\n        <div class=\"cb-market-top\">\r\n          <div class=\"cb-market-icon\">\r\n            <svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M3 17l6-6 4 4 8-8M14 7h7v7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"cb-market-trend\">\r\n            <svg width=\"10\" height=\"10\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"6 9 12 15 18 9\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" transform=\"rotate(180 12 12)\"\/><\/svg>\r\n            La croissance la plus rapide\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-market-value\">Copy Trading<\/div>\r\n        <div class=\"cb-market-label\">Segment \u00e0 la croissance la plus rapide<\/div>\r\n        <div class=\"cb-market-desc\">Dans le secteur des crypto-fintech, les plateformes de trading social et de copy trading connaissent la croissance la plus rapide, et devraient tripler d&#039;ici 2028.<\/div>\r\n\r\n        <div class=\"cb-market-bar\">\r\n          <div class=\"cb-market-bar-fill\" style=\"width: 100%;\"><\/div>\r\n        <\/div>\r\n        <div class=\"cb-market-source\">Source : Th\u00e8ses cryptographiques de Messari 2026<\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- ============================================\r\n         GROWTH TIMELINE\r\n         ============================================ -->\r\n    <div class=\"cb-timeline-section\">\r\n      <div class=\"cb-timeline-header\">\r\n        <div class=\"cb-timeline-title\">Une d\u00e9cennie de croissance exponentielle<\/div>\r\n        <div class=\"cb-timeline-subtitle\">Adoption mondiale des cryptomonnaies par les utilisateurs \u00b7 en millions<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cb-timeline\">\r\n        <div class=\"cb-tl-item\">\r\n          <div class=\"cb-tl-dot\">2020<\/div>\r\n          <div class=\"cb-tl-value\">100 m<\/div>\r\n          <div class=\"cb-tl-label\">Phase d&#039;adoption pr\u00e9coce<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-tl-item\">\r\n          <div class=\"cb-tl-dot\">2023<\/div>\r\n          <div class=\"cb-tl-value\">300 m<\/div>\r\n          <div class=\"cb-tl-label\">Sensibilisation du grand public<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-tl-item current\">\r\n          <div class=\"cb-tl-dot\">2026<\/div>\r\n          <div class=\"cb-tl-value\">Plus de 500 millions<\/div>\r\n          <div class=\"cb-tl-label\">Adoption institutionnelle<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-tl-item\">\r\n          <div class=\"cb-tl-dot\">2028<\/div>\r\n          <div class=\"cb-tl-value\">1B+<\/div>\r\n          <div class=\"cb-tl-label\">\u00c9tape pr\u00e9vue<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e8b0a25 elementor-widget elementor-widget-html\" data-id=\"e8b0a25\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ============================================\r\n   CLOUDBRIGHT - GLOBAL VARS\r\n   ============================================ *\/\r\n:root {\r\n  --cb-bg-primary: #0a0e27;\r\n  --cb-bg-secondary: #131938;\r\n  --cb-bg-tertiary: #1a2147;\r\n  --cb-bg-card: rgba(26, 33, 71, 0.5);\r\n  --cb-accent: #5b4bff;\r\n  --cb-cyan: #4dd0e1;\r\n  --cb-gradient: linear-gradient(135deg, #5b4bff 0%, #4dd0e1 100%);\r\n  --cb-text-primary: #ffffff;\r\n  --cb-text-secondary: #b8c1ec;\r\n  --cb-text-muted: #6b7394;\r\n  --cb-border: rgba(91, 75, 255, 0.25);\r\n  --cb-border-soft: rgba(184, 193, 236, 0.1);\r\n  --cb-success: #00d68f;\r\n  --cb-warning: #ffb547;\r\n  --cb-shadow-lg: 0 20px 50px rgba(91, 75, 255, 0.25);\r\n  --cb-radius-lg: 20px;\r\n}\r\n\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\nbody {\r\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n  background: var(--cb-bg-secondary);\r\n  color: var(--cb-text-primary);\r\n  min-height: 100vh;\r\n}\r\n\r\n\/* ============================================\r\n   CLOUDBRIGHT - SECTION 12: REFERRAL\r\n   ============================================ *\/\r\n.cb-section {\r\n  padding: 100px 0;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: var(--cb-bg-secondary);\r\n}\r\n\r\n.cb-bg-grid {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: \r\n    radial-gradient(circle at 15% 30%, rgba(91, 75, 255, 0.12) 0%, transparent 50%),\r\n    radial-gradient(circle at 85% 70%, rgba(77, 208, 225, 0.08) 0%, transparent 50%);\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n.cb-container {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.cb-eyebrow {\r\n  display: inline-block;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.15em;\r\n  color: var(--cb-cyan);\r\n  margin-bottom: 16px;\r\n  padding: 6px 16px;\r\n  background: rgba(77, 208, 225, 0.1);\r\n  border: 1px solid rgba(77, 208, 225, 0.3);\r\n  border-radius: 100px;\r\n}\r\n\r\n.cb-gradient-text {\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  display: inline-block;\r\n}\r\n\r\n.cb-section-header {\r\n  text-align: center;\r\n  max-width: 760px;\r\n  margin: 0 auto 56px;\r\n}\r\n\r\n.cb-section-header h2 {\r\n  font-size: clamp(2rem, 4.5vw, 3.25rem);\r\n  font-weight: 800;\r\n  line-height: 1.15;\r\n  letter-spacing: -0.02em;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.cb-section-header p {\r\n  font-size: 1.15rem;\r\n  color: var(--cb-text-secondary);\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* ============================================\r\n   TOP STATS BAR\r\n   ============================================ *\/\r\n.cb-stats-bar {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 0;\r\n  background: linear-gradient(145deg, rgba(26, 33, 71, 0.7), rgba(19, 25, 56, 0.7));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  backdrop-filter: blur(10px);\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.cb-stat {\r\n  text-align: center;\r\n  padding: 24px 20px;\r\n  position: relative;\r\n}\r\n\r\n.cb-stat:not(:last-child)::after {\r\n  content: '';\r\n  position: absolute;\r\n  right: 0; top: 25%;\r\n  width: 1px; height: 50%;\r\n  background: linear-gradient(to bottom, transparent, var(--cb-border-soft), transparent);\r\n}\r\n\r\n.cb-stat-value {\r\n  font-family: 'JetBrains Mono', monospace;\r\n  font-size: 1.75rem;\r\n  font-weight: 800;\r\n  line-height: 1;\r\n  letter-spacing: -0.02em;\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  margin-bottom: 6px;\r\n}\r\n\r\n.cb-stat-label {\r\n  font-size: 0.8rem;\r\n  color: var(--cb-text-secondary);\r\n  font-weight: 500;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.08em;\r\n}\r\n\r\n\/* ============================================\r\n   MAIN GRID \u2014 5 Level Commission + 2 Feature Cards\r\n   ============================================ *\/\r\n.cb-ref-grid {\r\n  display: grid;\r\n  grid-template-columns: 1.2fr 1fr;\r\n  gap: 24px;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n\/* LEFT: Commission per Level Card *\/\r\n.cb-level-card {\r\n  background: linear-gradient(145deg, rgba(26, 33, 71, 0.8), rgba(19, 25, 56, 0.8));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: var(--cb-radius-lg);\r\n  padding: 32px;\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n.cb-level-title {\r\n  font-size: 1.35rem;\r\n  font-weight: 700;\r\n  margin-bottom: 24px;\r\n  color: #fff;\r\n  letter-spacing: -0.01em;\r\n}\r\n\r\n.cb-levels {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n}\r\n\r\n.cb-level {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  padding: 14px 18px;\r\n  background: rgba(10, 14, 39, 0.4);\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 14px;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.cb-level:hover {\r\n  border-color: var(--cb-border);\r\n  transform: translateX(4px);\r\n}\r\n\r\n.cb-level.highlight {\r\n  background: linear-gradient(135deg, rgba(91, 75, 255, 0.18), rgba(77, 208, 225, 0.08));\r\n  border-color: rgba(91, 75, 255, 0.4);\r\n}\r\n\r\n.cb-level-badge {\r\n  width: 38px;\r\n  height: 38px;\r\n  border-radius: 10px;\r\n  background: rgba(91, 75, 255, 0.15);\r\n  border: 1px solid rgba(91, 75, 255, 0.3);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-family: 'JetBrains Mono', monospace;\r\n  font-size: 0.85rem;\r\n  font-weight: 700;\r\n  color: var(--cb-cyan);\r\n  flex-shrink: 0;\r\n}\r\n\r\n.cb-level.highlight .cb-level-badge {\r\n  background: var(--cb-gradient);\r\n  border-color: transparent;\r\n  color: #fff;\r\n}\r\n\r\n.cb-level-info {\r\n  flex: 1;\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-width: 0;\r\n}\r\n\r\n.cb-level-name {\r\n  font-size: 0.95rem;\r\n  font-weight: 600;\r\n  color: #fff;\r\n  line-height: 1.2;\r\n  margin-bottom: 2px;\r\n}\r\n\r\n.cb-level-desc {\r\n  font-size: 0.8rem;\r\n  color: var(--cb-text-muted);\r\n}\r\n\r\n.cb-level-rate {\r\n  font-family: 'JetBrains Mono', monospace;\r\n  font-size: 1.35rem;\r\n  font-weight: 700;\r\n  color: var(--cb-cyan);\r\n  flex-shrink: 0;\r\n}\r\n\r\n.cb-level.highlight .cb-level-rate {\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n}\r\n\r\n\/* RIGHT: 2 Feature Cards stacked *\/\r\n.cb-features-col {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 24px;\r\n}\r\n\r\n.cb-feature-mini {\r\n  flex: 1;\r\n  background: linear-gradient(145deg, rgba(26, 33, 71, 0.8), rgba(19, 25, 56, 0.8));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: var(--cb-radius-lg);\r\n  padding: 28px;\r\n  backdrop-filter: blur(10px);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.cb-feature-mini:hover {\r\n  border-color: var(--cb-border);\r\n  transform: translateY(-4px);\r\n}\r\n\r\n.cb-feature-icon {\r\n  width: 48px;\r\n  height: 48px;\r\n  border-radius: 12px;\r\n  background: linear-gradient(135deg, rgba(91, 75, 255, 0.25), rgba(77, 208, 225, 0.15));\r\n  border: 1px solid rgba(91, 75, 255, 0.3);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--cb-cyan);\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.cb-feature-title {\r\n  font-size: 1.2rem;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  margin-bottom: 10px;\r\n  letter-spacing: -0.01em;\r\n}\r\n\r\n.cb-feature-desc {\r\n  font-size: 0.92rem;\r\n  color: var(--cb-text-secondary);\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* ============================================\r\n   CASHFLOW IMPACT TABLE\r\n   ============================================ *\/\r\n.cb-impact-card {\r\n  background: linear-gradient(145deg, rgba(26, 33, 71, 0.7), rgba(19, 25, 56, 0.7));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: var(--cb-radius-lg);\r\n  padding: 32px;\r\n  margin-bottom: 40px;\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n.cb-impact-header {\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.cb-impact-title {\r\n  font-size: 1.35rem;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  margin-bottom: 8px;\r\n  letter-spacing: -0.01em;\r\n}\r\n\r\n.cb-impact-subtitle {\r\n  font-size: 0.95rem;\r\n  color: var(--cb-text-secondary);\r\n}\r\n\r\n.cb-impact-table {\r\n  display: grid;\r\n  grid-template-columns: repeat(5, 1fr);\r\n  gap: 12px;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.cb-impact-col {\r\n  padding: 20px 16px;\r\n  background: rgba(10, 14, 39, 0.5);\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 14px;\r\n  text-align: center;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.cb-impact-col.highlight {\r\n  background: linear-gradient(160deg, rgba(91, 75, 255, 0.2), rgba(77, 208, 225, 0.08));\r\n  border-color: rgba(91, 75, 255, 0.4);\r\n}\r\n\r\n.cb-impact-col:hover {\r\n  border-color: var(--cb-border);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.cb-impact-col-header {\r\n  font-size: 0.75rem;\r\n  font-weight: 600;\r\n  color: var(--cb-text-muted);\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.1em;\r\n  margin-bottom: 12px;\r\n  padding-bottom: 10px;\r\n  border-bottom: 1px solid var(--cb-border-soft);\r\n}\r\n\r\n.cb-impact-percent {\r\n  font-family: 'Inter', sans-serif;\r\n  font-size: clamp(1.5rem, 3vw, 2.25rem);\r\n  font-weight: 800;\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  line-height: 1;\r\n  margin-bottom: 8px;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n.cb-impact-col:not(.highlight) .cb-impact-percent {\r\n  color: #fff;\r\n  background: none;\r\n  -webkit-text-fill-color: #fff;\r\n}\r\n\r\n.cb-impact-label {\r\n  font-size: 0.7rem;\r\n  color: var(--cb-text-muted);\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.08em;\r\n  font-weight: 600;\r\n}\r\n\r\n.cb-impact-notes {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 10px;\r\n  padding-top: 20px;\r\n  border-top: 1px solid var(--cb-border-soft);\r\n}\r\n\r\n.cb-impact-note {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 10px;\r\n  font-size: 0.9rem;\r\n  color: var(--cb-text-secondary);\r\n}\r\n\r\n.cb-impact-note svg {\r\n  flex-shrink: 0;\r\n  color: var(--cb-cyan);\r\n  margin-top: 2px;\r\n}\r\n\r\n\/* ============================================\r\n   TURNOVER BONUSES TABLE\r\n   ============================================ *\/\r\n.cb-bonus-card {\r\n  background: linear-gradient(145deg, rgba(26, 33, 71, 0.7), rgba(19, 25, 56, 0.7));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: var(--cb-radius-lg);\r\n  padding: 32px;\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n.cb-bonus-header {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  flex-wrap: wrap;\r\n  gap: 16px;\r\n  margin-bottom: 24px;\r\n}\r\n\r\n.cb-bonus-title-group {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n}\r\n\r\n.cb-bonus-crown {\r\n  width: 36px;\r\n  height: 36px;\r\n  border-radius: 10px;\r\n  background: linear-gradient(135deg, rgba(255, 181, 71, 0.25), rgba(91, 75, 255, 0.15));\r\n  border: 1px solid rgba(255, 181, 71, 0.4);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--cb-warning);\r\n}\r\n\r\n.cb-bonus-title {\r\n  font-size: 1.35rem;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  letter-spacing: -0.01em;\r\n}\r\n\r\n.cb-bonus-subtitle {\r\n  font-size: 0.85rem;\r\n  color: var(--cb-text-muted);\r\n  margin-top: 2px;\r\n}\r\n\r\n.cb-bonus-summary {\r\n  display: flex;\r\n  gap: 12px;\r\n}\r\n\r\n.cb-bonus-sumcard {\r\n  padding: 10px 18px;\r\n  background: rgba(10, 14, 39, 0.6);\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 12px;\r\n  text-align: center;\r\n}\r\n\r\n.cb-bonus-sumcard-label {\r\n  font-size: 0.7rem;\r\n  color: var(--cb-text-muted);\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.08em;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.cb-bonus-sumcard-value {\r\n  font-family: 'JetBrains Mono', monospace;\r\n  font-size: 1rem;\r\n  font-weight: 700;\r\n  color: #fff;\r\n}\r\n\r\n.cb-bonus-sumcard-value.success {\r\n  color: var(--cb-success);\r\n}\r\n\r\n\/* Bonus grid *\/\r\n.cb-bonus-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 12px;\r\n}\r\n\r\n.cb-bonus-tier {\r\n  position: relative;\r\n  padding: 18px 16px;\r\n  background: rgba(10, 14, 39, 0.5);\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 14px;\r\n  transition: all 0.3s ease;\r\n  overflow: hidden;\r\n}\r\n\r\n.cb-bonus-tier::before {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 0; left: 0; right: 0;\r\n  height: 3px;\r\n  background: var(--cb-gradient);\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.cb-bonus-tier:hover {\r\n  border-color: var(--cb-border);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.cb-bonus-tier:hover::before {\r\n  transform: scaleX(1);\r\n}\r\n\r\n.cb-bonus-tier-header {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.cb-bonus-tier-num {\r\n  font-family: 'JetBrains Mono', monospace;\r\n  font-size: 0.7rem;\r\n  font-weight: 700;\r\n  padding: 3px 8px;\r\n  background: rgba(91, 75, 255, 0.15);\r\n  color: var(--cb-cyan);\r\n  border-radius: 6px;\r\n  letter-spacing: 0.05em;\r\n}\r\n\r\n.cb-bonus-turnover {\r\n  font-family: 'JetBrains Mono', monospace;\r\n  font-size: 0.95rem;\r\n  font-weight: 700;\r\n  color: var(--cb-text-secondary);\r\n}\r\n\r\n.cb-bonus-amount {\r\n  font-family: 'JetBrains Mono', monospace;\r\n  font-size: 1.5rem;\r\n  font-weight: 800;\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  line-height: 1;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n.cb-bonus-amount-label {\r\n  font-size: 0.7rem;\r\n  color: var(--cb-text-muted);\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.08em;\r\n  margin-top: 4px;\r\n}\r\n\r\n\/* Disclaimer *\/\r\n.cb-ref-disclaimer {\r\n  margin-top: 32px;\r\n  padding: 18px 24px;\r\n  background: rgba(26, 33, 71, 0.4);\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 12px;\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 14px;\r\n  font-size: 0.82rem;\r\n  color: var(--cb-text-muted);\r\n  line-height: 1.6;\r\n}\r\n\r\n.cb-ref-disclaimer svg {\r\n  flex-shrink: 0;\r\n  color: var(--cb-text-muted);\r\n  margin-top: 2px;\r\n}\r\n\r\n\/* Orbs *\/\r\n.cb-orb {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  filter: blur(80px);\r\n  z-index: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n.cb-orb-1 {\r\n  width: 400px; height: 400px;\r\n  background: rgba(91, 75, 255, 0.1);\r\n  top: 10%; left: -180px;\r\n}\r\n\r\n.cb-orb-2 {\r\n  width: 350px; height: 350px;\r\n  background: rgba(255, 181, 71, 0.06);\r\n  bottom: 10%; right: -130px;\r\n}\r\n\r\n\/* ============================================\r\n   RESPONSIVO\r\n   ============================================ *\/\r\n@media (max-width: 1024px) {\r\n  .cb-ref-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .cb-bonus-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n  .cb-impact-table {\r\n    grid-template-columns: repeat(5, minmax(0, 1fr));\r\n    gap: 8px;\r\n  }\r\n  .cb-impact-col { padding: 14px 8px; }\r\n}\r\n\r\n@media (max-width: 720px) {\r\n  .cb-stats-bar {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n  .cb-stat:nth-child(2)::after { display: none; }\r\n  .cb-stat:nth-child(1), .cb-stat:nth-child(2) {\r\n    border-bottom: 1px solid var(--cb-border-soft);\r\n  }\r\n  .cb-impact-table {\r\n    grid-template-columns: repeat(5, minmax(80px, 1fr));\r\n    overflow-x: auto;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .cb-section { padding: 64px 0; }\r\n  .cb-level-card, .cb-feature-mini, .cb-impact-card, .cb-bonus-card {\r\n    padding: 24px 20px;\r\n  }\r\n  .cb-bonus-header {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n  }\r\n  .cb-bonus-summary { width: 100%; }\r\n  .cb-bonus-sumcard { flex: 1; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================\r\n     CLOUDBRIGHT - SECTION 12: REFERRAL PROGRAM\r\n     ============================================ -->\r\n<section class=\"cb-section\" id=\"referral\">\r\n  <div class=\"cb-bg-grid\"><\/div>\r\n  <div class=\"cb-orb cb-orb-1\"><\/div>\r\n  <div class=\"cb-orb cb-orb-2\"><\/div>\r\n\r\n  <div class=\"cb-container\">\r\n    <div class=\"cb-section-header\">\r\n      <span class=\"cb-eyebrow\">Programme de parrainage<\/span>\r\n      <h2>Gagnez de l&#039;argent gr\u00e2ce \u00e0 votre r\u00e9seau<br><span class=\"cb-gradient-text\">5 niveaux de profondeur<\/span><\/h2>\r\n      <p>D\u00e9veloppez votre r\u00e9seau, partagez la plateforme et gagnez des commissions sur l&#039;activit\u00e9 \u00e0 travers 5 niveaux de parrainages \u2014 paiements instantan\u00e9s en USDT, sans minimum, sans d\u00e9lai d&#039;attente.<\/p>\r\n    <\/div>\r\n\r\n    <!-- TOP STATS BAR -->\r\n    <div class=\"cb-stats-bar\">\r\n      <div class=\"cb-stat\">\r\n        <div class=\"cb-stat-value\">5%<\/div>\r\n        <div class=\"cb-stat-label\">Taux direct (L1)<\/div>\r\n      <\/div>\r\n      <div class=\"cb-stat\">\r\n        <div class=\"cb-stat-value\">11.5%<\/div>\r\n        <div class=\"cb-stat-label\">Total maximum<\/div>\r\n      <\/div>\r\n      <div class=\"cb-stat\">\r\n        <div class=\"cb-stat-value\">5<\/div>\r\n        <div class=\"cb-stat-label\">Niveaux profonds<\/div>\r\n      <\/div>\r\n      <div class=\"cb-stat\">\r\n        <div class=\"cb-stat-value\">Instantan\u00e9<\/div>\r\n        <div class=\"cb-stat-label\">Paiement<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- MAIN GRID: Levels + 2 Features -->\r\n    <div class=\"cb-ref-grid\">\r\n\r\n      <!-- LEFT: COMMISSION PER LEVEL -->\r\n      <div class=\"cb-level-card\">\r\n        <h3 class=\"cb-level-title\">Commission par niveau<\/h3>\r\n\r\n        <div class=\"cb-levels\">\r\n          <div class=\"cb-level highlight\">\r\n            <div class=\"cb-level-badge\">L1<\/div>\r\n            <div class=\"cb-level-info\">\r\n              <div class=\"cb-level-name\">Niveau 1<\/div>\r\n              <div class=\"cb-level-desc\">Recommandations directes<\/div>\r\n            <\/div>\r\n            <div class=\"cb-level-rate\">5%<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"cb-level\">\r\n            <div class=\"cb-level-badge\">L2<\/div>\r\n            <div class=\"cb-level-info\">\r\n              <div class=\"cb-level-name\">Niveau 2<\/div>\r\n              <div class=\"cb-level-desc\">R\u00e9seau de deuxi\u00e8me niveau<\/div>\r\n            <\/div>\r\n            <div class=\"cb-level-rate\">3%<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"cb-level\">\r\n            <div class=\"cb-level-badge\">L3<\/div>\r\n            <div class=\"cb-level-info\">\r\n              <div class=\"cb-level-name\">Niveau 3<\/div>\r\n              <div class=\"cb-level-desc\">R\u00e9seau de troisi\u00e8me niveau<\/div>\r\n            <\/div>\r\n            <div class=\"cb-level-rate\">2%<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"cb-level\">\r\n            <div class=\"cb-level-badge\">L4<\/div>\r\n            <div class=\"cb-level-info\">\r\n              <div class=\"cb-level-name\">Niveau 4<\/div>\r\n              <div class=\"cb-level-desc\">r\u00e9seau de quatri\u00e8me niveau<\/div>\r\n            <\/div>\r\n            <div class=\"cb-level-rate\">1%<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"cb-level\">\r\n            <div class=\"cb-level-badge\">L5<\/div>\r\n            <div class=\"cb-level-info\">\r\n              <div class=\"cb-level-name\">Niveau 5<\/div>\r\n              <div class=\"cb-level-desc\">R\u00e9seau de cinqui\u00e8me niveau<\/div>\r\n            <\/div>\r\n            <div class=\"cb-level-rate\">0.5%<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- RIGHT: 2 STACKED FEATURE CARDS -->\r\n      <div class=\"cb-features-col\">\r\n\r\n        <!-- Instant Payment -->\r\n        <div class=\"cb-feature-mini\">\r\n          <div class=\"cb-feature-icon\">\r\n            <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h4 class=\"cb-feature-title\">Paiements instantan\u00e9s<\/h4>\r\n          <p class=\"cb-feature-desc\">Les commissions sont cr\u00e9dit\u00e9es sur votre solde USDT d\u00e8s que votre filleul active un robot de trading. Sans d\u00e9lai, sans seuil minimum.<\/p>\r\n        <\/div>\r\n\r\n        <!-- No Deposit Required -->\r\n        <div class=\"cb-feature-mini\">\r\n          <div class=\"cb-feature-icon\">\r\n            <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <h4 class=\"cb-feature-title\">Aucun d\u00e9p\u00f4t requis<\/h4>\r\n          <p class=\"cb-feature-desc\">Vous n&#039;avez pas besoin de d\u00e9p\u00f4t actif pour gagner des commissions d&#039;affiliation. Partagez simplement votre lien unique et commencez \u00e0 d\u00e9velopper votre r\u00e9seau, gratuitement.<\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ============================================\r\n         CASHFLOW IMPACT TABLE\r\n         ============================================ -->\r\n    <div class=\"cb-impact-card\">\r\n      <div class=\"cb-impact-header\">\r\n        <h3 class=\"cb-impact-title\">Pond\u00e9ration du volume du r\u00e9seau<\/h3>\r\n        <p class=\"cb-impact-subtitle\">Chaque niveau contribue diff\u00e9remment au volume total de votre r\u00e9seau. Plus la recommandation est directe, plus la contribution aux paliers de bonus de chiffre d&#039;affaires est importante.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"cb-impact-table\">\r\n        <div class=\"cb-impact-col highlight\">\r\n          <div class=\"cb-impact-col-header\">Niveau 1<\/div>\r\n          <div class=\"cb-impact-percent\">100%<\/div>\r\n          <div class=\"cb-impact-label\">Poids<\/div>\r\n        <\/div>\r\n        <div class=\"cb-impact-col\">\r\n          <div class=\"cb-impact-col-header\">Niveau 2<\/div>\r\n          <div class=\"cb-impact-percent\">50%<\/div>\r\n          <div class=\"cb-impact-label\">Poids<\/div>\r\n        <\/div>\r\n        <div class=\"cb-impact-col\">\r\n          <div class=\"cb-impact-col-header\">Niveau 3<\/div>\r\n          <div class=\"cb-impact-percent\">25%<\/div>\r\n          <div class=\"cb-impact-label\">Poids<\/div>\r\n        <\/div>\r\n        <div class=\"cb-impact-col\">\r\n          <div class=\"cb-impact-col-header\">Niveau 4<\/div>\r\n          <div class=\"cb-impact-percent\">10%<\/div>\r\n          <div class=\"cb-impact-label\">Poids<\/div>\r\n        <\/div>\r\n        <div class=\"cb-impact-col\">\r\n          <div class=\"cb-impact-col-header\">Niveau 5<\/div>\r\n          <div class=\"cb-impact-percent\">10%<\/div>\r\n          <div class=\"cb-impact-label\">Poids<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cb-impact-notes\">\r\n        <div class=\"cb-impact-note\">\r\n          <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n            <path d=\"M9 12l2 2 4-4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n          <span><strong style=\"color:#fff;\">Volume du r\u00e9seau<\/strong> = somme de toutes les activit\u00e9s actives des bots sur votre r\u00e9seau, pond\u00e9r\u00e9e par la proximit\u00e9 du niveau.<\/span>\r\n        <\/div>\r\n        <div class=\"cb-impact-note\">\r\n          <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n            <path d=\"M9 12l2 2 4-4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n          <span><strong style=\"color:#fff;\">Atteindre les paliers de volume<\/strong> pour d\u00e9bloquer les bonus de chiffre d&#039;affaires en USDT (voir les niveaux ci-dessous).<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- ============================================\r\n         TURNOVER BONUSES\r\n         ============================================ -->\r\n    <div class=\"cb-bonus-card\">\r\n      <div class=\"cb-bonus-header\">\r\n        <div class=\"cb-bonus-title-group\">\r\n          <div class=\"cb-bonus-crown\">\r\n            <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M2 4l5 14h10l5-14-7 5-3-9-3 9-7-5z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div>\r\n            <div class=\"cb-bonus-title\">Primes de chiffre d&#039;affaires<\/div>\r\n            <div class=\"cb-bonus-subtitle\">D\u00e9bloquez des r\u00e9compenses USDT \u00e0 mesure que le volume de votre r\u00e9seau augmente.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bonus-summary\">\r\n          <div class=\"cb-bonus-sumcard\">\r\n            <div class=\"cb-bonus-sumcard-label\">Volume du r\u00e9seau<\/div>\r\n            <div class=\"cb-bonus-sumcard-value\">$0.00<\/div>\r\n          <\/div>\r\n          <div class=\"cb-bonus-sumcard\">\r\n            <div class=\"cb-bonus-sumcard-label\">Primes per\u00e7ues<\/div>\r\n            <div class=\"cb-bonus-sumcard-value success\">$0.00<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 8 TIERS GRID -->\r\n      <div class=\"cb-bonus-grid\">\r\n\r\n        <div class=\"cb-bonus-tier\">\r\n          <div class=\"cb-bonus-tier-header\">\r\n            <span class=\"cb-bonus-tier-num\">NIVEAU 1<\/span>\r\n            <span class=\"cb-bonus-turnover\">$1K<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bonus-amount\">$20<\/div>\r\n          <div class=\"cb-bonus-amount-label\">Bonus USDT<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bonus-tier\">\r\n          <div class=\"cb-bonus-tier-header\">\r\n            <span class=\"cb-bonus-tier-num\">NIVEAU 2<\/span>\r\n            <span class=\"cb-bonus-turnover\">$5K<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bonus-amount\">$100<\/div>\r\n          <div class=\"cb-bonus-amount-label\">Bonus USDT<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bonus-tier\">\r\n          <div class=\"cb-bonus-tier-header\">\r\n            <span class=\"cb-bonus-tier-num\">NIVEAU 3<\/span>\r\n            <span class=\"cb-bonus-turnover\">$10K<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bonus-amount\">$200<\/div>\r\n          <div class=\"cb-bonus-amount-label\">Bonus USDT<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bonus-tier\">\r\n          <div class=\"cb-bonus-tier-header\">\r\n            <span class=\"cb-bonus-tier-num\">NIVEAU 4<\/span>\r\n            <span class=\"cb-bonus-turnover\">$50K<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bonus-amount\">$1,000<\/div>\r\n          <div class=\"cb-bonus-amount-label\">Bonus USDT<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bonus-tier\">\r\n          <div class=\"cb-bonus-tier-header\">\r\n            <span class=\"cb-bonus-tier-num\">NIVEAU 5<\/span>\r\n            <span class=\"cb-bonus-turnover\">$100K<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bonus-amount\">$2,000<\/div>\r\n          <div class=\"cb-bonus-amount-label\">Bonus USDT<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bonus-tier\">\r\n          <div class=\"cb-bonus-tier-header\">\r\n            <span class=\"cb-bonus-tier-num\">NIVEAU 6<\/span>\r\n            <span class=\"cb-bonus-turnover\">$250K<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bonus-amount\">$5,000<\/div>\r\n          <div class=\"cb-bonus-amount-label\">Bonus USDT<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bonus-tier\">\r\n          <div class=\"cb-bonus-tier-header\">\r\n            <span class=\"cb-bonus-tier-num\">NIVEAU 7<\/span>\r\n            <span class=\"cb-bonus-turnover\">$500K<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bonus-amount\">$10,000<\/div>\r\n          <div class=\"cb-bonus-amount-label\">Bonus USDT<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cb-bonus-tier\">\r\n          <div class=\"cb-bonus-tier-header\">\r\n            <span class=\"cb-bonus-tier-num\">NIVEAU 8<\/span>\r\n            <span class=\"cb-bonus-turnover\">$1M<\/span>\r\n          <\/div>\r\n          <div class=\"cb-bonus-amount\">$20,000<\/div>\r\n          <div class=\"cb-bonus-amount-label\">Bonus USDT<\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- Disclaimer -->\r\n      <div class=\"cb-ref-disclaimer\">\r\n        <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n          <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n          <line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n          <circle cx=\"12\" cy=\"16\" r=\"1\" fill=\"currentColor\"\/>\r\n        <\/svg>\r\n        <span>Les commissions de parrainage sont pr\u00e9lev\u00e9es sur les frais de la plateforme, et non sur les d\u00e9p\u00f4ts ou le capital des utilisateurs. Les bonus sont soumis aux conditions du programme, \u00e0 une v\u00e9rification anti-fraude et \u00e0 la r\u00e9glementation en vigueur dans votre juridiction. Cloudbright se r\u00e9serve le droit de modifier les conditions du programme.<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8702972 elementor-widget elementor-widget-html\" data-id=\"8702972\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ============================================\r\n   CLOUDBRIGHT - GLOBAL VARS\r\n   ============================================ *\/\r\n:root {\r\n  --cb-bg-primary: #0a0e27;\r\n  --cb-bg-secondary: #131938;\r\n  --cb-bg-tertiary: #1a2147;\r\n  --cb-bg-card: rgba(26, 33, 71, 0.5);\r\n  --cb-accent: #5b4bff;\r\n  --cb-cyan: #4dd0e1;\r\n  --cb-gradient: linear-gradient(135deg, #5b4bff 0%, #4dd0e1 100%);\r\n  --cb-text-primary: #ffffff;\r\n  --cb-text-secondary: #b8c1ec;\r\n  --cb-text-muted: #6b7394;\r\n  --cb-border: rgba(91, 75, 255, 0.25);\r\n  --cb-border-soft: rgba(184, 193, 236, 0.1);\r\n  --cb-success: #00d68f;\r\n  --cb-shadow-lg: 0 20px 50px rgba(91, 75, 255, 0.25);\r\n  --cb-radius-lg: 20px;\r\n}\r\n\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\nbody {\r\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n  background: var(--cb-bg-primary);\r\n  color: var(--cb-text-primary);\r\n  min-height: 100vh;\r\n}\r\n\r\n\/* ============================================\r\n   CLOUDBRIGHT - SECTION 13: TEAM\r\n   ============================================ *\/\r\n.cb-section {\r\n  padding: 100px 0;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: var(--cb-bg-primary);\r\n}\r\n\r\n.cb-bg-grid {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: \r\n    radial-gradient(circle at 20% 30%, rgba(91, 75, 255, 0.12) 0%, transparent 50%),\r\n    radial-gradient(circle at 80% 70%, rgba(77, 208, 225, 0.08) 0%, transparent 50%);\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n.cb-bg-dots {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: radial-gradient(circle, rgba(91, 75, 255, 0.1) 1px, transparent 1px);\r\n  background-size: 40px 40px;\r\n  opacity: 0.4;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n  mask-image: linear-gradient(to bottom, transparent, black 20%, black 80%, transparent);\r\n  -webkit-mask-image: linear-gradient(to bottom, transparent, black 20%, black 80%, transparent);\r\n}\r\n\r\n.cb-container {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.cb-eyebrow {\r\n  display: inline-block;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.15em;\r\n  color: var(--cb-cyan);\r\n  margin-bottom: 16px;\r\n  padding: 6px 16px;\r\n  background: rgba(77, 208, 225, 0.1);\r\n  border: 1px solid rgba(77, 208, 225, 0.3);\r\n  border-radius: 100px;\r\n}\r\n\r\n.cb-gradient-text {\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  display: inline-block;\r\n}\r\n\r\n.cb-section-header {\r\n  text-align: center;\r\n  max-width: 760px;\r\n  margin: 0 auto 24px;\r\n}\r\n\r\n.cb-section-header h2 {\r\n  font-size: clamp(2rem, 4.5vw, 3.25rem);\r\n  font-weight: 800;\r\n  line-height: 1.15;\r\n  letter-spacing: -0.02em;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.cb-section-header p {\r\n  font-size: 1.15rem;\r\n  color: var(--cb-text-secondary);\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* ============================================\r\n   TEAM HEADLINE STATS\r\n   ============================================ *\/\r\n.cb-team-headline {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 40px;\r\n  margin-bottom: 56px;\r\n  padding: 24px 32px;\r\n  background: linear-gradient(145deg, rgba(26, 33, 71, 0.6), rgba(19, 25, 56, 0.6));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 100px;\r\n  max-width: 720px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n  backdrop-filter: blur(10px);\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.cb-team-headline-stat {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n}\r\n\r\n.cb-team-headline-stat svg {\r\n  color: var(--cb-cyan);\r\n  flex-shrink: 0;\r\n}\r\n\r\n.cb-team-headline-stat strong {\r\n  font-size: 1.15rem;\r\n  font-weight: 800;\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.cb-team-headline-stat span {\r\n  font-size: 0.9rem;\r\n  color: var(--cb-text-secondary);\r\n  font-weight: 500;\r\n}\r\n\r\n.cb-team-headline-divider {\r\n  width: 1px;\r\n  height: 24px;\r\n  background: var(--cb-border-soft);\r\n}\r\n\r\n\/* ============================================\r\n   TEAM GRID\r\n   ============================================ *\/\r\n.cb-team-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 28px;\r\n  margin-bottom: 28px;\r\n}\r\n\r\n.cb-team-grid-bottom {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 28px;\r\n  max-width: 720px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* Team card *\/\r\n.cb-team-card {\r\n  position: relative;\r\n  padding: 36px 28px 28px;\r\n  background: linear-gradient(160deg, rgba(26, 33, 71, 0.85), rgba(19, 25, 56, 0.85));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: var(--cb-radius-lg);\r\n  backdrop-filter: blur(10px);\r\n  -webkit-backdrop-filter: blur(10px);\r\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n  text-align: center;\r\n  overflow: hidden;\r\n}\r\n\r\n.cb-team-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0;\r\n  height: 4px;\r\n  background: var(--cb-gradient);\r\n  opacity: 0;\r\n  transition: opacity 0.4s ease;\r\n}\r\n\r\n.cb-team-card::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: -40%;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 300px;\r\n  height: 300px;\r\n  background: radial-gradient(circle, rgba(91, 75, 255, 0.15) 0%, transparent 60%);\r\n  opacity: 0;\r\n  transition: opacity 0.5s ease;\r\n  pointer-events: none;\r\n}\r\n\r\n.cb-team-card:hover {\r\n  transform: translateY(-8px);\r\n  border-color: var(--cb-border);\r\n  box-shadow: var(--cb-shadow-lg);\r\n}\r\n\r\n.cb-team-card:hover::before { opacity: 1; }\r\n.cb-team-card:hover::after { opacity: 1; }\r\n\r\n.cb-team-card:hover .cb-team-avatar {\r\n  transform: scale(1.05);\r\n}\r\n\r\n.cb-team-card:hover .cb-team-avatar-ring {\r\n  transform: rotate(180deg);\r\n}\r\n\r\n.cb-team-card > * { position: relative; z-index: 2; }\r\n\r\n\/* Avatar *\/\r\n.cb-team-avatar-wrap {\r\n  position: relative;\r\n  width: 120px;\r\n  height: 120px;\r\n  margin: 0 auto 24px;\r\n}\r\n\r\n.cb-team-avatar-ring {\r\n  position: absolute;\r\n  inset: -6px;\r\n  border-radius: 50%;\r\n  background: conic-gradient(from 0deg, #5b4bff, #4dd0e1, #5b4bff);\r\n  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n  z-index: 1;\r\n}\r\n\r\n.cb-team-avatar-ring::after {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 4px;\r\n  background: var(--cb-bg-primary);\r\n  border-radius: 50%;\r\n}\r\n\r\n.cb-team-avatar {\r\n  position: relative;\r\n  z-index: 2;\r\n  width: 100%;\r\n  height: 100%;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 2.5rem;\r\n  font-weight: 800;\r\n  color: #fff;\r\n  letter-spacing: -0.02em;\r\n  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n  overflow: hidden;\r\n}\r\n\r\n\/* Avatar variants \u2014 different gradient per person *\/\r\n.cb-avatar-1 { background: linear-gradient(135deg, #5b4bff 0%, #4dd0e1 100%); }\r\n.cb-avatar-2 { background: linear-gradient(135deg, #4dd0e1 0%, #00d68f 100%); }\r\n.cb-avatar-3 { background: linear-gradient(135deg, #5b4bff 0%, #ff5e7e 100%); }\r\n.cb-avatar-4 { background: linear-gradient(135deg, #ffb547 0%, #5b4bff 100%); }\r\n.cb-avatar-5 { background: linear-gradient(135deg, #00d68f 0%, #4dd0e1 100%); }\r\n\r\n\/* Founder badge *\/\r\n.cb-team-badge {\r\n  position: absolute;\r\n  top: 20px;\r\n  right: 20px;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n  padding: 4px 10px;\r\n  background: rgba(91, 75, 255, 0.15);\r\n  border: 1px solid rgba(91, 75, 255, 0.35);\r\n  border-radius: 100px;\r\n  font-size: 0.68rem;\r\n  font-weight: 700;\r\n  letter-spacing: 0.08em;\r\n  text-transform: uppercase;\r\n  color: var(--cb-cyan);\r\n  z-index: 3;\r\n}\r\n\r\n.cb-team-badge svg {\r\n  width: 10px; height: 10px;\r\n}\r\n\r\n\/* Name + role *\/\r\n.cb-team-name {\r\n  font-size: 1.25rem;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  margin-bottom: 6px;\r\n  letter-spacing: -0.01em;\r\n}\r\n\r\n.cb-team-role {\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.1em;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.cb-team-bio {\r\n  font-size: 0.9rem;\r\n  color: var(--cb-text-secondary);\r\n  line-height: 1.6;\r\n  margin-bottom: 20px;\r\n  min-height: 84px;\r\n}\r\n\r\n\/* Expertise tags *\/\r\n.cb-team-tags {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 6px;\r\n  justify-content: center;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.cb-team-tag {\r\n  font-size: 0.72rem;\r\n  font-weight: 600;\r\n  padding: 4px 10px;\r\n  background: rgba(91, 75, 255, 0.1);\r\n  color: var(--cb-text-secondary);\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 100px;\r\n  letter-spacing: 0.02em;\r\n}\r\n\r\n\/* Social links *\/\r\n.cb-team-social {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  padding-top: 16px;\r\n  border-top: 1px solid var(--cb-border-soft);\r\n}\r\n\r\n.cb-team-social a {\r\n  width: 32px;\r\n  height: 32px;\r\n  border-radius: 8px;\r\n  background: rgba(91, 75, 255, 0.1);\r\n  border: 1px solid var(--cb-border-soft);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: var(--cb-text-secondary);\r\n  text-decoration: none;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.cb-team-social a:hover {\r\n  background: var(--cb-gradient);\r\n  border-color: transparent;\r\n  color: #fff;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\/* Orbs *\/\r\n.cb-orb {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  filter: blur(80px);\r\n  z-index: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n.cb-orb-1 {\r\n  width: 400px; height: 400px;\r\n  background: rgba(91, 75, 255, 0.12);\r\n  top: 10%; left: -180px;\r\n}\r\n\r\n.cb-orb-2 {\r\n  width: 350px; height: 350px;\r\n  background: rgba(77, 208, 225, 0.08);\r\n  bottom: 10%; right: -130px;\r\n}\r\n\r\n\/* ============================================\r\n   RESPONSIVO\r\n   ============================================ *\/\r\n@media (max-width: 1024px) {\r\n  .cb-team-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n  .cb-team-grid-bottom {\r\n    grid-template-columns: 1fr;\r\n    max-width: 380px;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .cb-section { padding: 64px 0; }\r\n  .cb-team-grid,\r\n  .cb-team-grid-bottom {\r\n    grid-template-columns: 1fr;\r\n    max-width: 380px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n  .cb-team-headline {\r\n    flex-direction: column;\r\n    gap: 16px;\r\n    padding: 24px;\r\n    border-radius: 20px;\r\n  }\r\n  .cb-team-headline-divider { display: none; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================\r\n     CLOUDBRIGHT - SECTION 13: TEAM\r\n     ============================================ -->\r\n<section class=\"cb-section\" id=\"team\">\r\n  <div class=\"cb-bg-grid\"><\/div>\r\n  <div class=\"cb-bg-dots\"><\/div>\r\n  <div class=\"cb-orb cb-orb-1\"><\/div>\r\n  <div class=\"cb-orb cb-orb-2\"><\/div>\r\n\r\n  <div class=\"cb-container\">\r\n    <div class=\"cb-section-header\">\r\n      <span class=\"cb-eyebrow\">\u00c9quipe de direction<\/span>\r\n      <h2>Plus de 40 professionnels,<br><span class=\"cb-gradient-text\">Une seule mission<\/span><\/h2>\r\n      <p>Une \u00e9quipe de v\u00e9t\u00e9rans de la finance institutionnelle, du trading haute fr\u00e9quence et de la cybers\u00e9curit\u00e9, unis par un seul objectif\u00a0: d\u00e9mocratiser l\u2019acc\u00e8s aux strat\u00e9gies de trading professionnelles.<\/p>\r\n    <\/div>\r\n\r\n    <!-- HEADLINE STATS -->\r\n    <div class=\"cb-team-headline\">\r\n      <div class=\"cb-team-headline-stat\">\r\n        <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n          <path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2M9 11a4 4 0 100-8 4 4 0 000 8zM23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n        <strong>40+<\/strong>\r\n        <span>Membres de l&#039;\u00e9quipe<\/span>\r\n      <\/div>\r\n      <div class=\"cb-team-headline-divider\"><\/div>\r\n      <div class=\"cb-team-headline-stat\">\r\n        <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n          <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n          <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n          <path d=\"M12 2a15.3 15.3 0 014 10 15.3 15.3 0 01-4 10 15.3 15.3 0 01-4-10 15.3 15.3 0 014-10z\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n        <\/svg>\r\n        <strong>12+<\/strong>\r\n        <span>Pays<\/span>\r\n      <\/div>\r\n      <div class=\"cb-team-headline-divider\"><\/div>\r\n      <div class=\"cb-team-headline-stat\">\r\n        <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n          <path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n        <strong>100+<\/strong>\r\n        <span>ann\u00e9es d&#039;exp\u00e9rience combin\u00e9e<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- TEAM GRID \u2014 Top row: 3 founders -->\r\n    <div class=\"cb-team-grid\">\r\n\r\n      <!-- TEAM MEMBER 1: ANYUN YANG (CEO) -->\r\n      <div class=\"cb-team-card\">\r\n        <span class=\"cb-team-badge\">\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M2 4l5 14h10l5-14-7 5-3-9-3 9-7-5z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><\/svg>\r\n          Cofondateur\r\n        <\/span>\r\n\r\n        <div class=\"cb-team-avatar-wrap\">\r\n          <div class=\"cb-team-avatar-ring\"><\/div>\r\n          <div class=\"cb-team-avatar cb-avatar-1\">AY<\/div>\r\n        <\/div>\r\n\r\n        <h3 class=\"cb-team-name\">Anyun Yang<\/h3>\r\n        <div class=\"cb-team-role\">PDG et cofondateur<\/div>\r\n        <p class=\"cb-team-bio\">Quinze ans d&#039;exp\u00e9rience en finance institutionnelle, notamment chez Goldman Sachs et HSBC Digital Assets. Responsable de la strat\u00e9gie, des partenariats et de la vision de la plateforme.<\/p>\r\n\r\n        <div class=\"cb-team-tags\">\r\n          <span class=\"cb-team-tag\">Goldman Sachs<\/span>\r\n          <span class=\"cb-team-tag\">HSBC<\/span>\r\n          <span class=\"cb-team-tag\">Actifs num\u00e9riques<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cb-team-social\">\r\n          <a href=\"#\" aria-label=\"LinkedIn\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-4 0v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><circle cx=\"4\" cy=\"4\" r=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/svg>\r\n          <\/a>\r\n          <a href=\"#\" aria-label=\"X (Twitter)\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M18 2h3l-7 8 8 12h-6l-5-7-6 7H2l8-9-8-11h6l4 6 6-6z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- TEAM MEMBER 2: DONG AIGUO (CTO) -->\r\n      <div class=\"cb-team-card\">\r\n        <span class=\"cb-team-badge\">\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M2 4l5 14h10l5-14-7 5-3-9-3 9-7-5z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><\/svg>\r\n          Cofondateur\r\n        <\/span>\r\n\r\n        <div class=\"cb-team-avatar-wrap\">\r\n          <div class=\"cb-team-avatar-ring\"><\/div>\r\n          <div class=\"cb-team-avatar cb-avatar-2\">DA<\/div>\r\n        <\/div>\r\n\r\n        <h3 class=\"cb-team-name\">Dong Aiguo<\/h3>\r\n        <div class=\"cb-team-role\">Directeur technique et cofondateur<\/div>\r\n        <p class=\"cb-team-bio\">Expert en syst\u00e8mes de trading haute fr\u00e9quence et en apprentissage automatique. Dirige les \u00e9quipes d&#039;ing\u00e9nierie et d&#039;IA responsables de l&#039;infrastructure des bots.<\/p>\r\n\r\n        <div class=\"cb-team-tags\">\r\n          <span class=\"cb-team-tag\">Syst\u00e8mes HFT<\/span>\r\n          <span class=\"cb-team-tag\">apprentissage automatique<\/span>\r\n          <span class=\"cb-team-tag\">IA<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cb-team-social\">\r\n          <a href=\"#\" aria-label=\"LinkedIn\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-4 0v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><circle cx=\"4\" cy=\"4\" r=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/svg>\r\n          <\/a>\r\n          <a href=\"#\" aria-label=\"GitHub\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.4 3.4 0 00-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.4 5.4 0 0020 4.77 5 5 0 0019.91 1S18.73.65 16 2.48a13.4 13.4 0 00-7 0C6.27.65 5.09 1 5.09 1A5 5 0 005 4.77a5.4 5.4 0 00-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 009 18.13V22\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- TEAM MEMBER 3: JAMES CHEN (COO) -->\r\n      <div class=\"cb-team-card\">\r\n        <span class=\"cb-team-badge\">\r\n          <svg viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M2 4l5 14h10l5-14-7 5-3-9-3 9-7-5z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><\/svg>\r\n          Cofondateur\r\n        <\/span>\r\n\r\n        <div class=\"cb-team-avatar-wrap\">\r\n          <div class=\"cb-team-avatar-ring\"><\/div>\r\n          <div class=\"cb-team-avatar cb-avatar-3\">JC<\/div>\r\n        <\/div>\r\n\r\n        <h3 class=\"cb-team-name\">James Chen<\/h3>\r\n        <div class=\"cb-team-role\">Directeur de l&#039;exploitation et cofondateur<\/div>\r\n        <p class=\"cb-team-bio\">Sp\u00e9cialiste des op\u00e9rations et de la strat\u00e9gie. Supervise les partenariats d&#039;\u00e9change, le processus d&#039;int\u00e9gration des bots et les op\u00e9rations quotidiennes de la plateforme.<\/p>\r\n\r\n        <div class=\"cb-team-tags\">\r\n          <span class=\"cb-team-tag\">Op\u00e9rations<\/span>\r\n          <span class=\"cb-team-tag\">Partenariats<\/span>\r\n          <span class=\"cb-team-tag\">Strat\u00e9gie<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cb-team-social\">\r\n          <a href=\"#\" aria-label=\"LinkedIn\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-4 0v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><circle cx=\"4\" cy=\"4\" r=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/svg>\r\n          <\/a>\r\n          <a href=\"#\" aria-label=\"X (Twitter)\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M18 2h3l-7 8 8 12h-6l-5-7-6 7H2l8-9-8-11h6l4 6 6-6z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- BOTTOM ROW: 2 Department Heads -->\r\n    <div class=\"cb-team-grid-bottom\">\r\n\r\n      <!-- TEAM MEMBER 4: SAMARTH RAMESH (Security) -->\r\n      <div class=\"cb-team-card\">\r\n        <div class=\"cb-team-avatar-wrap\">\r\n          <div class=\"cb-team-avatar-ring\"><\/div>\r\n          <div class=\"cb-team-avatar cb-avatar-4\">SR<\/div>\r\n        <\/div>\r\n\r\n        <h3 class=\"cb-team-name\">Samarth Ramesh<\/h3>\r\n        <div class=\"cb-team-role\">Chef de la s\u00e9curit\u00e9<\/div>\r\n        <p class=\"cb-team-bio\">Expert en cybers\u00e9curit\u00e9 et conformit\u00e9. Supervise le chiffrement AES-256, l&#039;infrastructure HSM et les programmes d&#039;audit de s\u00e9curit\u00e9 externes.<\/p>\r\n\r\n        <div class=\"cb-team-tags\">\r\n          <span class=\"cb-team-tag\">cybers\u00e9curit\u00e9<\/span>\r\n          <span class=\"cb-team-tag\">Conformit\u00e9<\/span>\r\n          <span class=\"cb-team-tag\">Supervision des audits<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cb-team-social\">\r\n          <a href=\"#\" aria-label=\"LinkedIn\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-4 0v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><circle cx=\"4\" cy=\"4\" r=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/svg>\r\n          <\/a>\r\n          <a href=\"#\" aria-label=\"GitHub\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.4 3.4 0 00-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.4 5.4 0 0020 4.77 5 5 0 0019.91 1S18.73.65 16 2.48a13.4 13.4 0 00-7 0C6.27.65 5.09 1 5.09 1A5 5 0 005 4.77a5.4 5.4 0 00-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 009 18.13V22\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- TEAM MEMBER 5: DAVID OKAFOR (Community) -->\r\n      <div class=\"cb-team-card\">\r\n        <div class=\"cb-team-avatar-wrap\">\r\n          <div class=\"cb-team-avatar-ring\"><\/div>\r\n          <div class=\"cb-team-avatar cb-avatar-5\">FAIRE<\/div>\r\n        <\/div>\r\n\r\n        <h3 class=\"cb-team-name\">David Okafor<\/h3>\r\n        <div class=\"cb-team-role\">Chef de la communaut\u00e9<\/div>\r\n        <p class=\"cb-team-bio\">Elle met en relation les investisseurs du monde entier et assure un support utilisateur 24h\/24 et 7j\/7. Elle cr\u00e9e des liens entre la plateforme et notre communaut\u00e9 de traders internationale.<\/p>\r\n\r\n        <div class=\"cb-team-tags\">\r\n          <span class=\"cb-team-tag\">Communaut\u00e9<\/span>\r\n          <span class=\"cb-team-tag\">Soutien<\/span>\r\n          <span class=\"cb-team-tag\">Rayonnement mondial<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cb-team-social\">\r\n          <a href=\"#\" aria-label=\"LinkedIn\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-4 0v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><circle cx=\"4\" cy=\"4\" r=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/svg>\r\n          <\/a>\r\n          <a href=\"#\" aria-label=\"X (Twitter)\">\r\n            <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M18 2h3l-7 8 8 12h-6l-5-7-6 7H2l8-9-8-11h6l4 6 6-6z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-44b3c01 elementor-widget elementor-widget-html\" data-id=\"44b3c01\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ============================================\r\n   CLOUDBRIGHT - GLOBAL VARS\r\n   ============================================ *\/\r\n:root {\r\n  --cb-bg-primary: #0a0e27;\r\n  --cb-bg-secondary: #131938;\r\n  --cb-bg-tertiary: #1a2147;\r\n  --cb-bg-card: rgba(26, 33, 71, 0.5);\r\n  --cb-accent: #5b4bff;\r\n  --cb-cyan: #4dd0e1;\r\n  --cb-gradient: linear-gradient(135deg, #5b4bff 0%, #4dd0e1 100%);\r\n  --cb-text-primary: #ffffff;\r\n  --cb-text-secondary: #b8c1ec;\r\n  --cb-text-muted: #6b7394;\r\n  --cb-border: rgba(91, 75, 255, 0.25);\r\n  --cb-border-soft: rgba(184, 193, 236, 0.1);\r\n  --cb-success: #00d68f;\r\n  --cb-warning: #ffb547;\r\n  --cb-shadow-lg: 0 20px 50px rgba(91, 75, 255, 0.25);\r\n  --cb-radius-lg: 20px;\r\n}\r\n\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\nbody {\r\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n  background: var(--cb-bg-secondary);\r\n  color: var(--cb-text-primary);\r\n  min-height: 100vh;\r\n}\r\n\r\n\/* ============================================\r\n   CLOUDBRIGHT - SECTION 14: ROADMAP\r\n   ============================================ *\/\r\n.cb-section {\r\n  padding: 100px 0;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: var(--cb-bg-secondary);\r\n}\r\n\r\n.cb-bg-grid {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: \r\n    radial-gradient(circle at 50% 30%, rgba(91, 75, 255, 0.12) 0%, transparent 50%),\r\n    radial-gradient(circle at 50% 80%, rgba(77, 208, 225, 0.08) 0%, transparent 50%);\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n.cb-bg-circuit {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: \r\n    linear-gradient(rgba(91, 75, 255, 0.04) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(91, 75, 255, 0.04) 1px, transparent 1px);\r\n  background-size: 80px 80px;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n  mask-image: linear-gradient(to bottom, transparent, black 30%, black 70%, transparent);\r\n  -webkit-mask-image: linear-gradient(to bottom, transparent, black 30%, black 70%, transparent);\r\n}\r\n\r\n.cb-container {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.cb-eyebrow {\r\n  display: inline-block;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.15em;\r\n  color: var(--cb-cyan);\r\n  margin-bottom: 16px;\r\n  padding: 6px 16px;\r\n  background: rgba(77, 208, 225, 0.1);\r\n  border: 1px solid rgba(77, 208, 225, 0.3);\r\n  border-radius: 100px;\r\n}\r\n\r\n.cb-gradient-text {\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  display: inline-block;\r\n}\r\n\r\n.cb-section-header {\r\n  text-align: center;\r\n  max-width: 760px;\r\n  margin: 0 auto 72px;\r\n}\r\n\r\n.cb-section-header h2 {\r\n  font-size: clamp(2rem, 4.5vw, 3.25rem);\r\n  font-weight: 800;\r\n  line-height: 1.15;\r\n  letter-spacing: -0.02em;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.cb-section-header p {\r\n  font-size: 1.15rem;\r\n  color: var(--cb-text-secondary);\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* ============================================\r\n   ROADMAP TIMELINE\r\n   ============================================ *\/\r\n.cb-roadmap {\r\n  position: relative;\r\n  padding: 40px 0 20px;\r\n}\r\n\r\n\/* Horizontal connecting line *\/\r\n.cb-roadmap-line {\r\n  position: absolute;\r\n  top: 64px;\r\n  left: 6%;\r\n  right: 6%;\r\n  height: 3px;\r\n  background: linear-gradient(90deg,\r\n    rgba(0, 214, 143, 0.6) 0%,\r\n    rgba(0, 214, 143, 0.5) 20%,\r\n    rgba(91, 75, 255, 0.4) 40%,\r\n    rgba(91, 75, 255, 0.3) 70%,\r\n    rgba(77, 208, 225, 0.2) 100%);\r\n  border-radius: 3px;\r\n  z-index: 1;\r\n}\r\n\r\n.cb-roadmap-line-progress {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  height: 100%;\r\n  width: 22%;\r\n  background: linear-gradient(90deg, #00d68f, #4dd0e1);\r\n  border-radius: 3px;\r\n  box-shadow: 0 0 16px rgba(0, 214, 143, 0.5);\r\n}\r\n\r\n.cb-roadmap-grid {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: grid;\r\n  grid-template-columns: repeat(5, 1fr);\r\n  gap: 16px;\r\n}\r\n\r\n\/* Each milestone *\/\r\n.cb-milestone {\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  text-align: center;\r\n}\r\n\r\n\/* Dot connector *\/\r\n.cb-milestone-dot {\r\n  position: relative;\r\n  width: 56px;\r\n  height: 56px;\r\n  border-radius: 50%;\r\n  background: var(--cb-bg-secondary);\r\n  border: 2.5px solid var(--cb-border);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 24px;\r\n  z-index: 3;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.cb-milestone-dot svg {\r\n  color: var(--cb-text-muted);\r\n  transition: color 0.3s ease;\r\n}\r\n\r\n\/* Status: completed *\/\r\n.cb-milestone.completed .cb-milestone-dot {\r\n  background: linear-gradient(135deg, #00d68f, #4dd0e1);\r\n  border-color: transparent;\r\n  box-shadow: 0 0 24px rgba(0, 214, 143, 0.5);\r\n}\r\n\r\n.cb-milestone.completed .cb-milestone-dot svg {\r\n  color: #fff;\r\n}\r\n\r\n\/* Status: current (live) *\/\r\n.cb-milestone.current .cb-milestone-dot {\r\n  background: var(--cb-gradient);\r\n  border-color: transparent;\r\n  box-shadow: 0 0 28px rgba(91, 75, 255, 0.6);\r\n}\r\n\r\n.cb-milestone.current .cb-milestone-dot svg {\r\n  color: #fff;\r\n}\r\n\r\n.cb-milestone.current .cb-milestone-dot::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: -8px;\r\n  border-radius: 50%;\r\n  border: 2px solid var(--cb-cyan);\r\n  opacity: 0.5;\r\n  animation: cb-rm-pulse 2s infinite;\r\n}\r\n\r\n@keyframes cb-rm-pulse {\r\n  0% { transform: scale(1); opacity: 0.6; }\r\n  100% { transform: scale(1.5); opacity: 0; }\r\n}\r\n\r\n\/* Status: upcoming *\/\r\n.cb-milestone.upcoming .cb-milestone-dot {\r\n  background: var(--cb-bg-tertiary);\r\n  border-color: var(--cb-border-soft);\r\n}\r\n\r\n\/* Quarter badge *\/\r\n.cb-milestone-quarter {\r\n  font-family: 'JetBrains Mono', monospace;\r\n  font-size: 0.78rem;\r\n  font-weight: 700;\r\n  letter-spacing: 0.1em;\r\n  color: var(--cb-text-muted);\r\n  padding: 4px 12px;\r\n  background: rgba(10, 14, 39, 0.6);\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 100px;\r\n  margin-bottom: 16px;\r\n}\r\n\r\n.cb-milestone.completed .cb-milestone-quarter {\r\n  color: var(--cb-success);\r\n  border-color: rgba(0, 214, 143, 0.3);\r\n  background: rgba(0, 214, 143, 0.1);\r\n}\r\n\r\n.cb-milestone.current .cb-milestone-quarter {\r\n  color: var(--cb-cyan);\r\n  border-color: rgba(91, 75, 255, 0.4);\r\n  background: rgba(91, 75, 255, 0.15);\r\n}\r\n\r\n\/* Card *\/\r\n.cb-milestone-card {\r\n  width: 100%;\r\n  padding: 24px 20px;\r\n  background: linear-gradient(160deg, rgba(26, 33, 71, 0.7), rgba(19, 25, 56, 0.7));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 16px;\r\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n  backdrop-filter: blur(10px);\r\n  -webkit-backdrop-filter: blur(10px);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.cb-milestone-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 0; right: 0;\r\n  height: 3px;\r\n  background: var(--cb-gradient);\r\n  opacity: 0;\r\n  transition: opacity 0.4s ease;\r\n}\r\n\r\n.cb-milestone.completed .cb-milestone-card {\r\n  border-color: rgba(0, 214, 143, 0.25);\r\n}\r\n\r\n.cb-milestone.completed .cb-milestone-card::before {\r\n  background: linear-gradient(90deg, #00d68f, #4dd0e1);\r\n  opacity: 1;\r\n}\r\n\r\n.cb-milestone.current .cb-milestone-card {\r\n  border-color: rgba(91, 75, 255, 0.4);\r\n  background: linear-gradient(160deg, rgba(91, 75, 255, 0.12), rgba(19, 25, 56, 0.7));\r\n}\r\n\r\n.cb-milestone.current .cb-milestone-card::before {\r\n  opacity: 1;\r\n}\r\n\r\n.cb-milestone-card:hover {\r\n  transform: translateY(-6px);\r\n  border-color: var(--cb-border);\r\n  box-shadow: var(--cb-shadow-lg);\r\n}\r\n\r\n.cb-milestone-card:hover::before {\r\n  opacity: 1;\r\n}\r\n\r\n\/* Status badge inside card *\/\r\n.cb-milestone-status {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n  padding: 3px 10px;\r\n  border-radius: 100px;\r\n  font-size: 0.68rem;\r\n  font-weight: 700;\r\n  letter-spacing: 0.08em;\r\n  text-transform: uppercase;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.cb-milestone-status.completed {\r\n  background: rgba(0, 214, 143, 0.15);\r\n  color: var(--cb-success);\r\n  border: 1px solid rgba(0, 214, 143, 0.3);\r\n}\r\n\r\n.cb-milestone-status.live {\r\n  background: rgba(77, 208, 225, 0.15);\r\n  color: var(--cb-cyan);\r\n  border: 1px solid rgba(77, 208, 225, 0.3);\r\n}\r\n\r\n.cb-milestone-status.live .cb-status-dot {\r\n  width: 6px; height: 6px;\r\n  border-radius: 50%;\r\n  background: var(--cb-cyan);\r\n  box-shadow: 0 0 8px var(--cb-cyan);\r\n  animation: cb-blink 1.5s infinite;\r\n}\r\n\r\n@keyframes cb-blink {\r\n  0%, 100% { opacity: 1; }\r\n  50% { opacity: 0.3; }\r\n}\r\n\r\n.cb-milestone-status.planned {\r\n  background: rgba(184, 193, 236, 0.08);\r\n  color: var(--cb-text-muted);\r\n  border: 1px solid var(--cb-border-soft);\r\n}\r\n\r\n\/* Title + description *\/\r\n.cb-milestone-title {\r\n  font-size: 1.1rem;\r\n  font-weight: 700;\r\n  color: #fff;\r\n  margin-bottom: 10px;\r\n  letter-spacing: -0.01em;\r\n  line-height: 1.2;\r\n}\r\n\r\n.cb-milestone-desc {\r\n  font-size: 0.85rem;\r\n  color: var(--cb-text-secondary);\r\n  line-height: 1.55;\r\n  margin-bottom: 0;\r\n}\r\n\r\n\/* Mobile horizontal scroll *\/\r\n.cb-roadmap-scroll {\r\n  display: none;\r\n}\r\n\r\n\/* Orbs *\/\r\n.cb-orb {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  filter: blur(80px);\r\n  z-index: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n.cb-orb-1 {\r\n  width: 400px; height: 400px;\r\n  background: rgba(91, 75, 255, 0.1);\r\n  top: 10%; left: -180px;\r\n}\r\n\r\n.cb-orb-2 {\r\n  width: 350px; height: 350px;\r\n  background: rgba(0, 214, 143, 0.05);\r\n  bottom: 5%; right: -130px;\r\n}\r\n\r\n\/* ============================================\r\n   BOTTOM CTA\r\n   ============================================ *\/\r\n.cb-rm-cta {\r\n  text-align: center;\r\n  margin-top: 64px;\r\n}\r\n\r\n.cb-rm-cta-text {\r\n  font-size: 1rem;\r\n  color: var(--cb-text-secondary);\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.cb-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  padding: 14px 28px;\r\n  border-radius: 100px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-weight: 600;\r\n  font-size: 0.95rem;\r\n  text-decoration: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n  background: transparent;\r\n  color: #fff;\r\n  border: 1.5px solid var(--cb-border);\r\n}\r\n\r\n.cb-btn:hover {\r\n  background: rgba(91, 75, 255, 0.1);\r\n  border-color: var(--cb-accent);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\/* ============================================\r\n   RESPONSIVO\r\n   ============================================ *\/\r\n@media (max-width: 1024px) {\r\n  .cb-roadmap-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 24px 16px;\r\n  }\r\n  .cb-roadmap-line { display: none; }\r\n  .cb-milestone-dot { margin-bottom: 16px; }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .cb-section { padding: 64px 0; }\r\n  .cb-roadmap-grid {\r\n    grid-template-columns: 1fr;\r\n    max-width: 360px;\r\n    margin: 0 auto;\r\n  }\r\n  .cb-section-header { margin-bottom: 48px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================\r\n     CLOUDBRIGHT - SECTION 14: ROADMAP\r\n     ============================================ -->\r\n<section class=\"cb-section\" id=\"roadmap\">\r\n  <div class=\"cb-bg-grid\"><\/div>\r\n  <div class=\"cb-bg-circuit\"><\/div>\r\n  <div class=\"cb-orb cb-orb-1\"><\/div>\r\n  <div class=\"cb-orb cb-orb-2\"><\/div>\r\n\r\n  <div class=\"cb-container\">\r\n    <div class=\"cb-section-header\">\r\n      <span class=\"cb-eyebrow\">Feuille de route<\/span>\r\n      <h2>Construire pour le<br><span class=\"cb-gradient-text\">\u00e0 long terme<\/span><\/h2>\r\n      <p>Du lancement de la plateforme \u00e0 l&#039;int\u00e9gration compl\u00e8te de la DeFi et \u00e0 la gouvernance communautaire, voici o\u00f9 nous en sommes, o\u00f9 nous allons et les \u00e9tapes cl\u00e9s franchies.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"cb-roadmap\">\r\n      <!-- Horizontal line connecting dots -->\r\n      <div class=\"cb-roadmap-line\">\r\n        <div class=\"cb-roadmap-line-progress\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cb-roadmap-grid\">\r\n\r\n        <!-- Q1 2026: COMPLETED -->\r\n        <div class=\"cb-milestone completed\">\r\n          <div class=\"cb-milestone-dot\">\r\n            <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"cb-milestone-quarter\">1er trimestre 2026<\/div>\r\n          <div class=\"cb-milestone-card\">\r\n            <div class=\"cb-milestone-status completed\">\r\n              <svg width=\"10\" height=\"10\" viewbox=\"0 0 24 24\" fill=\"none\"><polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n              Compl\u00e9t\u00e9\r\n            <\/div>\r\n            <h3 class=\"cb-milestone-title\">Lancement de la plateforme<\/h3>\r\n            <p class=\"cb-milestone-desc\">Version publique avec des bots v\u00e9rifi\u00e9s sur plus de 9 plateformes d&#039;\u00e9change, comprenant des fonctionnalit\u00e9s de trading social et un tableau de bord en temps r\u00e9el.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Q2 2026: CURRENT \/ LIVE -->\r\n        <div class=\"cb-milestone current\">\r\n          <div class=\"cb-milestone-dot\">\r\n            <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"cb-milestone-quarter\">2e trimestre 2026<\/div>\r\n          <div class=\"cb-milestone-card\">\r\n            <div class=\"cb-milestone-status live\">\r\n              <span class=\"cb-status-dot\"><\/span>\r\n              En cours\r\n            <\/div>\r\n            <h3 class=\"cb-milestone-title\">Application mobile<\/h3>\r\n            <p class=\"cb-milestone-desc\">Applications natives iOS et Android avec notifications push, connexion biom\u00e9trique et acc\u00e8s complet au catalogue en ligne, o\u00f9 que vous soyez.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Q3 2026: UPCOMING -->\r\n        <div class=\"cb-milestone upcoming\">\r\n          <div class=\"cb-milestone-dot\">\r\n            <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n              <path d=\"M12 2a14.5 14.5 0 010 20 14.5 14.5 0 010-20zM2 12h20\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"cb-milestone-quarter\">3e trimestre 2026<\/div>\r\n          <div class=\"cb-milestone-card\">\r\n            <div class=\"cb-milestone-status planned\">Pr\u00e9vu<\/div>\r\n            <h3 class=\"cb-milestone-title\">Cr\u00e9ateur de strat\u00e9gie IA<\/h3>\r\n            <p class=\"cb-milestone-desc\">Cr\u00e9ez des robots de trading personnalis\u00e9s \u00e0 l&#039;aide d&#039;instructions simples. Aucune connaissance en programmation ni en analyse quantitative n&#039;est requise\u00a0: d\u00e9crivez simplement votre strat\u00e9gie et d\u00e9ployez-la.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Q4 2026: UPCOMING -->\r\n        <div class=\"cb-milestone upcoming\">\r\n          <div class=\"cb-milestone-dot\">\r\n            <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\r\n              <circle cx=\"12\" cy=\"10\" r=\"3\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"cb-milestone-quarter\">4e trimestre 2026<\/div>\r\n          <div class=\"cb-milestone-card\">\r\n            <div class=\"cb-milestone-status planned\">Pr\u00e9vu<\/div>\r\n            <h3 class=\"cb-milestone-title\">Sommet de Hong Kong<\/h3>\r\n            <p class=\"cb-milestone-desc\">Premi\u00e8re conf\u00e9rence annuelle Cloudbright \u00e0 Hong Kong \u2014 un lieu de rencontre pour les fournisseurs de strat\u00e9gies, les partenaires institutionnels et les membres de la communaut\u00e9.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- 2027+: UPCOMING -->\r\n        <div class=\"cb-milestone upcoming\">\r\n          <div class=\"cb-milestone-dot\">\r\n            <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n              <polygon points=\"12 2 15 8 22 9 17 14 18 21 12 18 6 21 7 14 2 9 9 8 12 2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n          <div class=\"cb-milestone-quarter\">2027+<\/div>\r\n          <div class=\"cb-milestone-card\">\r\n            <div class=\"cb-milestone-status planned\">Avenir<\/div>\r\n            <h3 class=\"cb-milestone-title\">DEX &amp; DAO<\/h3>\r\n            <p class=\"cb-milestone-desc\">Int\u00e9gration compl\u00e8te du protocole DeFi et transition vers une gouvernance communautaire. Les d\u00e9tenteurs de jetons fa\u00e7onnent l&#039;avenir de la plateforme.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n   \r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6028d95 elementor-widget elementor-widget-html\" data-id=\"6028d95\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ============================================\r\n   CLOUDBRIGHT - GLOBAL VARS\r\n   ============================================ *\/\r\n:root {\r\n  --cb-bg-primary: #0a0e27;\r\n  --cb-bg-secondary: #131938;\r\n  --cb-bg-tertiary: #1a2147;\r\n  --cb-bg-card: rgba(26, 33, 71, 0.5);\r\n  --cb-accent: #5b4bff;\r\n  --cb-cyan: #4dd0e1;\r\n  --cb-gradient: linear-gradient(135deg, #5b4bff 0%, #4dd0e1 100%);\r\n  --cb-text-primary: #ffffff;\r\n  --cb-text-secondary: #b8c1ec;\r\n  --cb-text-muted: #6b7394;\r\n  --cb-border: rgba(91, 75, 255, 0.25);\r\n  --cb-border-soft: rgba(184, 193, 236, 0.1);\r\n  --cb-success: #00d68f;\r\n  --cb-shadow-lg: 0 20px 50px rgba(91, 75, 255, 0.25);\r\n}\r\n\r\n* { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\nbody {\r\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n  background: var(--cb-bg-primary);\r\n  color: var(--cb-text-primary);\r\n  min-height: 100vh;\r\n}\r\n\r\n\/* ============================================\r\n   CLOUDBRIGHT - SECTION 15: FINAL CTA\r\n   ============================================ *\/\r\n.cb-section {\r\n  padding: 140px 0 120px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  background: var(--cb-bg-primary);\r\n}\r\n\r\n\/* Multiple radial gradients for depth *\/\r\n.cb-bg-gradient {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: \r\n    radial-gradient(ellipse at center, rgba(91, 75, 255, 0.3) 0%, transparent 55%),\r\n    radial-gradient(ellipse at 20% 80%, rgba(77, 208, 225, 0.15) 0%, transparent 50%),\r\n    radial-gradient(ellipse at 80% 20%, rgba(91, 75, 255, 0.18) 0%, transparent 50%);\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Subtle grid *\/\r\n.cb-bg-grid {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image: \r\n    linear-gradient(rgba(91, 75, 255, 0.06) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(91, 75, 255, 0.06) 1px, transparent 1px);\r\n  background-size: 60px 60px;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n  mask-image: radial-gradient(ellipse at center, black 0%, transparent 70%);\r\n  -webkit-mask-image: radial-gradient(ellipse at center, black 0%, transparent 70%);\r\n}\r\n\r\n\/* Floating hexagons *\/\r\n.cb-floating-hex {\r\n  position: absolute;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n  opacity: 0.4;\r\n}\r\n\r\n.cb-floating-hex svg {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n.cb-hex-tl {\r\n  width: 140px; height: 140px;\r\n  top: 10%; left: 6%;\r\n  animation: cb-hex-float 8s ease-in-out infinite;\r\n}\r\n\r\n.cb-hex-tr {\r\n  width: 100px; height: 100px;\r\n  top: 18%; right: 8%;\r\n  animation: cb-hex-float 6s ease-in-out infinite reverse;\r\n}\r\n\r\n.cb-hex-bl {\r\n  width: 110px; height: 110px;\r\n  bottom: 14%; left: 10%;\r\n  animation: cb-hex-float 7s ease-in-out infinite;\r\n}\r\n\r\n.cb-hex-br {\r\n  width: 130px; height: 130px;\r\n  bottom: 8%; right: 6%;\r\n  animation: cb-hex-float 9s ease-in-out infinite reverse;\r\n}\r\n\r\n@keyframes cb-hex-float {\r\n  0%, 100% { transform: translateY(0) rotate(0deg); }\r\n  50% { transform: translateY(-20px) rotate(15deg); }\r\n}\r\n\r\n\/* Glow orb behind logo *\/\r\n.cb-bg-orb {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 600px;\r\n  height: 600px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(91, 75, 255, 0.25) 0%, transparent 60%);\r\n  filter: blur(60px);\r\n  z-index: 1;\r\n  pointer-events: none;\r\n  animation: cb-orb-pulse 4s ease-in-out infinite;\r\n}\r\n\r\n@keyframes cb-orb-pulse {\r\n  0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.7; }\r\n  50% { transform: translate(-50%, -50%) scale(1.1); opacity: 1; }\r\n}\r\n\r\n.cb-container {\r\n  max-width: 980px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n  position: relative;\r\n  z-index: 3;\r\n  text-align: center;\r\n}\r\n\r\n\/* ============================================\r\n   LOGO BIG\r\n   ============================================ *\/\r\n.cb-cta-logo {\r\n  width: 96px;\r\n  height: 96px;\r\n  margin: 0 auto 32px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  filter: drop-shadow(0 0 40px rgba(91, 75, 255, 0.6));\r\n  animation: cb-logo-pulse 4s ease-in-out infinite;\r\n}\r\n\r\n@keyframes cb-logo-pulse {\r\n  0%, 100% { transform: scale(1); }\r\n  50% { transform: scale(1.06); }\r\n}\r\n\r\n.cb-cta-logo svg {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n\/* Eyebrow tag *\/\r\n.cb-eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 0.85rem;\r\n  font-weight: 600;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.15em;\r\n  color: var(--cb-cyan);\r\n  margin-bottom: 28px;\r\n  padding: 8px 18px;\r\n  background: rgba(77, 208, 225, 0.1);\r\n  border: 1px solid rgba(77, 208, 225, 0.3);\r\n  border-radius: 100px;\r\n}\r\n\r\n.cb-eyebrow-dot {\r\n  width: 8px;\r\n  height: 8px;\r\n  border-radius: 50%;\r\n  background: var(--cb-cyan);\r\n  box-shadow: 0 0 10px var(--cb-cyan);\r\n  animation: cb-blink 1.5s infinite;\r\n}\r\n\r\n@keyframes cb-blink {\r\n  0%, 100% { opacity: 1; }\r\n  50% { opacity: 0.3; }\r\n}\r\n\r\n\/* HEADLINE GIGANTE *\/\r\n.cb-cta-headline {\r\n  font-size: clamp(3rem, 8vw, 6rem);\r\n  font-weight: 900;\r\n  line-height: 0.95;\r\n  letter-spacing: -0.04em;\r\n  margin-bottom: 28px;\r\n  background: linear-gradient(180deg, #ffffff 0%, #b8c1ec 100%);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.cb-gradient-text {\r\n  background: var(--cb-gradient);\r\n  -webkit-background-clip: text;\r\n  background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  display: inline-block;\r\n}\r\n\r\n.cb-cta-tagline {\r\n  font-size: clamp(1.25rem, 2.5vw, 1.75rem);\r\n  font-weight: 600;\r\n  color: #fff;\r\n  margin-bottom: 20px;\r\n  letter-spacing: -0.01em;\r\n}\r\n\r\n.cb-cta-subtitle {\r\n  font-size: 1.1rem;\r\n  color: var(--cb-text-secondary);\r\n  max-width: 620px;\r\n  margin: 0 auto 48px;\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* ============================================\r\n   CTA BUTTONS\r\n   ============================================ *\/\r\n.cb-cta-actions {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 16px;\r\n  margin-bottom: 48px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.cb-btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  padding: 18px 36px;\r\n  border-radius: 100px;\r\n  font-family: 'Inter', sans-serif;\r\n  font-weight: 600;\r\n  font-size: 1.05rem;\r\n  text-decoration: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.cb-btn-primary {\r\n  background: var(--cb-gradient);\r\n  color: #fff;\r\n  box-shadow: 0 12px 32px rgba(91, 75, 255, 0.4);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.cb-btn-primary::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: -100%;\r\n  width: 100%; height: 100%;\r\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\r\n  transition: left 0.6s ease;\r\n}\r\n\r\n.cb-btn-primary:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 16px 40px rgba(91, 75, 255, 0.55);\r\n}\r\n\r\n.cb-btn-primary:hover::before {\r\n  left: 100%;\r\n}\r\n\r\n.cb-btn-secondary {\r\n  background: rgba(26, 33, 71, 0.6);\r\n  color: #fff;\r\n  border: 1.5px solid var(--cb-border);\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n.cb-btn-secondary:hover {\r\n  background: rgba(91, 75, 255, 0.15);\r\n  border-color: var(--cb-accent);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n\/* Quick trust signals below CTA *\/\r\n.cb-trust-row {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 28px;\r\n  flex-wrap: wrap;\r\n  padding: 18px 32px;\r\n  background: linear-gradient(145deg, rgba(26, 33, 71, 0.5), rgba(19, 25, 56, 0.5));\r\n  border: 1px solid var(--cb-border-soft);\r\n  border-radius: 100px;\r\n  max-width: 720px;\r\n  margin: 0 auto;\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n.cb-trust-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  font-size: 0.9rem;\r\n  color: var(--cb-text-secondary);\r\n  font-weight: 500;\r\n}\r\n\r\n.cb-trust-item svg {\r\n  color: var(--cb-success);\r\n  flex-shrink: 0;\r\n}\r\n\r\n.cb-trust-item strong {\r\n  color: #fff;\r\n  font-weight: 700;\r\n}\r\n\r\n.cb-trust-divider {\r\n  width: 1px;\r\n  height: 16px;\r\n  background: var(--cb-border-soft);\r\n}\r\n\r\n\/* Mini risk note *\/\r\n.cb-risk-note {\r\n  margin-top: 32px;\r\n  font-size: 0.8rem;\r\n  color: var(--cb-text-muted);\r\n  max-width: 540px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n\/* ============================================\r\n   RESPONSIVO\r\n   ============================================ *\/\r\n@media (max-width: 768px) {\r\n  .cb-section { padding: 100px 0 80px; }\r\n  .cb-cta-actions {\r\n    flex-direction: column;\r\n    gap: 12px;\r\n  }\r\n  .cb-cta-actions .cb-btn {\r\n    width: 100%;\r\n    max-width: 320px;\r\n  }\r\n  .cb-trust-row {\r\n    flex-direction: column;\r\n    gap: 12px;\r\n    padding: 20px 24px;\r\n    border-radius: 20px;\r\n  }\r\n  .cb-trust-divider { display: none; }\r\n  .cb-floating-hex { opacity: 0.2; }\r\n  .cb-hex-tl, .cb-hex-tr { width: 80px; height: 80px; }\r\n  .cb-hex-bl, .cb-hex-br { width: 70px; height: 70px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================\r\n     CLOUDBRIGHT - SECTION 15: FINAL CTA\r\n     ============================================ -->\r\n<section class=\"cb-section\" id=\"join\">\r\n  <!-- Background layers -->\r\n  <div class=\"cb-bg-gradient\"><\/div>\r\n  <div class=\"cb-bg-grid\"><\/div>\r\n  <div class=\"cb-bg-orb\"><\/div>\r\n\r\n  <!-- Floating hexagons -->\r\n  <div class=\"cb-floating-hex cb-hex-tl\">\r\n    <svg viewbox=\"0 0 200 200\" fill=\"none\">\r\n      <polygon points=\"100,20 170,60 170,140 100,180 30,140 30,60\" stroke=\"rgba(91,75,255,0.4)\" stroke-width=\"1.5\" fill=\"none\"\/>\r\n      <polygon points=\"100,40 152,72 152,128 100,160 48,128 48,72\" stroke=\"rgba(77,208,225,0.3)\" stroke-width=\"1\" fill=\"none\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n  <div class=\"cb-floating-hex cb-hex-tr\">\r\n    <svg viewbox=\"0 0 200 200\" fill=\"none\">\r\n      <polygon points=\"100,20 170,60 170,140 100,180 30,140 30,60\" stroke=\"rgba(77,208,225,0.4)\" stroke-width=\"1.5\" fill=\"none\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n  <div class=\"cb-floating-hex cb-hex-bl\">\r\n    <svg viewbox=\"0 0 200 200\" fill=\"none\">\r\n      <polygon points=\"100,20 170,60 170,140 100,180 30,140 30,60\" stroke=\"rgba(91,75,255,0.4)\" stroke-width=\"1.5\" fill=\"none\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n  <div class=\"cb-floating-hex cb-hex-br\">\r\n    <svg viewbox=\"0 0 200 200\" fill=\"none\">\r\n      <polygon points=\"100,20 170,60 170,140 100,180 30,140 30,60\" stroke=\"rgba(77,208,225,0.4)\" stroke-width=\"1.5\" fill=\"none\"\/>\r\n      <polygon points=\"100,40 152,72 152,128 100,160 48,128 48,72\" stroke=\"rgba(91,75,255,0.3)\" stroke-width=\"1\" fill=\"none\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"cb-container\">\r\n\r\n    <!-- LOGO BIG -->\r\n    <div class=\"cb-cta-logo\">\r\n      <svg viewbox=\"0 0 36 36\" fill=\"none\">\r\n        <defs>\r\n          <lineargradient id=\"cb-cta-logo-grad\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n            <stop offset=\"0%\" stop-color=\"#5b4bff\"\/>\r\n            <stop offset=\"100%\" stop-color=\"#4dd0e1\"\/>\r\n          <\/lineargradient>\r\n        <\/defs>\r\n        <path d=\"M28 18c0-3-2-5-5-5-1-3-4-5-7-5-4 0-7 3-7 7v1c-3 0-5 2-5 5s2 5 5 5h17c3 0 5-2 5-5 0-1 0-2-1-3z\" fill=\"url(#cb-cta-logo-grad)\"\/>\r\n        <rect x=\"15\" y=\"14\" width=\"10\" height=\"10\" rx=\"2\" fill=\"#4dd0e1\"\/>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <!-- EYEBROW -->\r\n    <span class=\"cb-eyebrow\">\r\n      <span class=\"cb-eyebrow-dot\"><\/span>\r\n      Rejoignez plus de 24 000 utilisateurs actifs\r\n    <\/span>\r\n\r\n    <!-- HEADLINE -->\r\n    <h2 class=\"cb-cta-headline\">Rejoindre <span class=\"cb-gradient-text\">Nous<\/span><\/h2>\r\n\r\n    <!-- TAGLINE -->\r\n    <p class=\"cb-cta-tagline\">Copiez les meilleurs bots. Empochez les b\u00e9n\u00e9fices.<\/p>\r\n\r\n    <!-- SUBTITLE -->\r\n    <p class=\"cb-cta-subtitle\">Cr\u00e9ez votre compte gratuit en moins de deux minutes. Commencez \u00e0 copier des robots de trading v\u00e9rifi\u00e9s \u00e0 partir de seulement $50\u00a0\u2014 aucune comp\u00e9tence technique requise, aucun engagement, aucun abonnement.<\/p>\r\n\r\n    <!-- CTA BUTTONS -->\r\n    <div class=\"cb-cta-actions\">\r\n      <a href=\"https:\/\/cloudbright.io\/register?ref=DF6496DF\" target=\"_blank\" class=\"cb-btn cb-btn-primary\">\r\n        Commencer\r\n        <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n          <path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n      <\/a>\r\n      <a href=\"#bots\" class=\"cb-btn cb-btn-secondary\">\r\n        <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n          <circle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n          <polygon points=\"10 8 16 12 10 16 10 8\" fill=\"currentColor\"\/>\r\n        <\/svg>\r\n        Explorez le march\u00e9 des bots\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- TRUST SIGNALS -->\r\n    <div class=\"cb-trust-row\">\r\n      <div class=\"cb-trust-item\">\r\n        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n          <polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n        <strong>$50<\/strong> minimum\r\n      <\/div>\r\n      <div class=\"cb-trust-divider\"><\/div>\r\n      <div class=\"cb-trust-item\">\r\n        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n          <polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n        <strong>Z\u00e9ro<\/strong> frais d&#039;abonnement\r\n      <\/div>\r\n      <div class=\"cb-trust-divider\"><\/div>\r\n      <div class=\"cb-trust-item\">\r\n        <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\">\r\n          <polyline points=\"20 6 9 17 4 12\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n        <\/svg>\r\n        <strong>2 minutes<\/strong> s&#039;inscrire\r\n      <\/div>\r\n    <\/div>\r\n\r\n   \r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Problem Solution Features Bots Security Team Roadmap Sign In Create Your Account Problem Solution Features Bots Security Team Roadmap Sign [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":75,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-28","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Cloudbright | Official Registration Link | 2026<\/title>\n<meta name=\"description\" content=\"Join Cloudbright and copy verified crypto trading bots. Real-time transparency, low entry, and automated trading.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cloudbright.cloud\/fr\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cloudbright\" \/>\n<meta property=\"og:description\" content=\"Join Cloudbright and copy verified crypto trading bots. Real-time transparency, low entry, and automated trading.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cloudbright.cloud\/fr\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-02T03:01:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cloudbright.cloud\/wp-content\/uploads\/2026\/06\/cloudbright-banner.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1080\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"57 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/cloudbright.cloud\\\/\",\"url\":\"https:\\\/\\\/cloudbright.cloud\\\/\",\"name\":\"Cloudbright | Official Registration Link | 2026\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/cloudbright.cloud\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/cloudbright.cloud\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/cloudbright.cloud\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cloudbright.cloud\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/cloudbright-banner.webp\",\"datePublished\":\"2026-05-22T16:56:12+00:00\",\"dateModified\":\"2026-06-02T03:01:21+00:00\",\"description\":\"Join Cloudbright and copy verified crypto trading bots. Real-time transparency, low entry, and automated trading.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/cloudbright.cloud\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/cloudbright.cloud\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/cloudbright.cloud\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cloudbright.cloud\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/cloudbright-banner.webp\",\"contentUrl\":\"https:\\\/\\\/cloudbright.cloud\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/cloudbright-banner.webp\",\"width\":1080,\"height\":1080,\"caption\":\"cloudbright banner\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/cloudbright.cloud\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/cloudbright.cloud\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cloudbright\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/cloudbright.cloud\\\/#website\",\"url\":\"https:\\\/\\\/cloudbright.cloud\\\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/cloudbright.cloud\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Cloudbright | Lien Officiel d\u2019Inscription | 2026","description":"Rejoignez Cloudbright et copiez des robots de trading crypto v\u00e9rifi\u00e9s. Transparence en temps r\u00e9el, faible investissement initial et trading automatis\u00e9.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cloudbright.cloud\/fr\/","og_locale":"fr_FR","og_type":"article","og_title":"Cloudbright","og_description":"Join Cloudbright and copy verified crypto trading bots. Real-time transparency, low entry, and automated trading.","og_url":"https:\/\/cloudbright.cloud\/fr\/","article_modified_time":"2026-06-02T03:01:21+00:00","og_image":[{"width":1080,"height":1080,"url":"https:\/\/cloudbright.cloud\/wp-content\/uploads\/2026\/06\/cloudbright-banner.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"57 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cloudbright.cloud\/","url":"https:\/\/cloudbright.cloud\/","name":"Cloudbright | Lien Officiel d\u2019Inscription | 2026","isPartOf":{"@id":"https:\/\/cloudbright.cloud\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cloudbright.cloud\/#primaryimage"},"image":{"@id":"https:\/\/cloudbright.cloud\/#primaryimage"},"thumbnailUrl":"https:\/\/cloudbright.cloud\/wp-content\/uploads\/2026\/06\/cloudbright-banner.webp","datePublished":"2026-05-22T16:56:12+00:00","dateModified":"2026-06-02T03:01:21+00:00","description":"Rejoignez Cloudbright et copiez des robots de trading crypto v\u00e9rifi\u00e9s. Transparence en temps r\u00e9el, faible investissement initial et trading automatis\u00e9.","breadcrumb":{"@id":"https:\/\/cloudbright.cloud\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cloudbright.cloud\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/cloudbright.cloud\/#primaryimage","url":"https:\/\/cloudbright.cloud\/wp-content\/uploads\/2026\/06\/cloudbright-banner.webp","contentUrl":"https:\/\/cloudbright.cloud\/wp-content\/uploads\/2026\/06\/cloudbright-banner.webp","width":1080,"height":1080,"caption":"cloudbright banner"},{"@type":"BreadcrumbList","@id":"https:\/\/cloudbright.cloud\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/cloudbright.cloud\/"},{"@type":"ListItem","position":2,"name":"Cloudbright"}]},{"@type":"WebSite","@id":"https:\/\/cloudbright.cloud\/#website","url":"https:\/\/cloudbright.cloud\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cloudbright.cloud\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/cloudbright.cloud\/fr\/wp-json\/wp\/v2\/pages\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cloudbright.cloud\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cloudbright.cloud\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cloudbright.cloud\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cloudbright.cloud\/fr\/wp-json\/wp\/v2\/comments?post=28"}],"version-history":[{"count":37,"href":"https:\/\/cloudbright.cloud\/fr\/wp-json\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":93,"href":"https:\/\/cloudbright.cloud\/fr\/wp-json\/wp\/v2\/pages\/28\/revisions\/93"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cloudbright.cloud\/fr\/wp-json\/wp\/v2\/media\/75"}],"wp:attachment":[{"href":"https:\/\/cloudbright.cloud\/fr\/wp-json\/wp\/v2\/media?parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}