/*═══════════════════════════════════════
      RESET
    ═══════════════════════════════════════*/
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth;font-size:16px}
    body{background:#060810;color:#c8d0e0;font-family:'Barlow',sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;cursor:none}
    a{text-decoration:none;color:inherit}
    img{max-width:100%;display:block}
    button{font-family:inherit;cursor:none}

    /*═══════════════════════════════════════
      VARIABLES
    ═══════════════════════════════════════*/
    :root{
      --bg:        #060810;
      --bg1:       #080c14;
      --bg2:       #0a0f1c;
      --panel:     #0d1220;
      --panel2:    #111827;
      --border:    rgba(0,200,255,0.08);
      --border2:   rgba(0,200,255,0.14);
      --cyan:      #00c8ff;
      --cyan-dim:  #0090b8;
      --cyan-glow: rgba(0,200,255,0.18);
      --cyan-text: #5de4ff;
      --white:     #eef2f8;
      --grey:      #6b7a95;
      --grey2:     #8a97b0;
      --red:       #ff3b5c;
      --green:     #00e5a0;
      --nav-h:     68px;
      --r:         4px;
    }

    /*═══════════════════════════════════════
      CURSOR
    ═══════════════════════════════════════*/
    .cur{position:fixed;top:0;left:0;z-index:9999;pointer-events:none;transform:translate(-50%,-50%)}
    .cur-dot{width:6px;height:6px;background:var(--cyan);border-radius:50%}
    .cur-ring{position:fixed;top:0;left:0;z-index:9998;pointer-events:none;transform:translate(-50%,-50%);width:28px;height:28px;border:1px solid rgba(0,200,255,0.4);border-radius:50%;transition:transform .14s ease-out}

    /*═══════════════════════════════════════
      GLOBAL TEXTURE — scan lines
    ═══════════════════════════════════════*/
    body::before{
      content:'';position:fixed;inset:0;z-index:998;pointer-events:none;
      background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,200,255,0.012) 2px,rgba(0,200,255,0.012) 4px);
    }

    /*═══════════════════════════════════════
      NAV
    ═══════════════════════════════════════*/
    #nav{
      position:fixed;top:0;left:0;right:0;z-index:900;
      height:var(--nav-h);
      display:flex;align-items:center;
      background:rgba(6,8,16,0.85);
      backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
      border-bottom:1px solid var(--border);
      transition:border-color .3s;
    }
    #nav.scrolled{border-color:var(--border2)}
    .nav-w{
      width:100%;max-width:1360px;margin:0 auto;padding:0 32px;
      display:flex;align-items:center;gap:24px;
    }

    /* Logo */
    .nav-logo{
      font-family:'Barlow Condensed',sans-serif;
      font-size:22px;font-weight:800;letter-spacing:2px;text-transform:uppercase;
      color:var(--white);white-space:nowrap;
    }
    .nav-logo b{color:var(--cyan);font-weight:800}
    .nav-logo sub{
      font-size:8px;font-weight:500;letter-spacing:3px;text-transform:uppercase;
      color:var(--grey);vertical-align:baseline;margin-left:4px;
    }

    /* Links */
    .nav-links{display:flex;align-items:center;gap:2px;list-style:none;flex:1;justify-content:center}
    .nav-links a{
      font-family:'Barlow Condensed',sans-serif;
      font-size:13px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;
      color:var(--grey);padding:8px 16px;border-radius:var(--r);
      transition:color .2s,background .2s;white-space:nowrap;
    }
    .nav-links a:hover,.nav-links a.active{color:var(--white);background:rgba(0,200,255,0.06)}

    /* CTA */
    .nav-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
    .btn-cta{
      font-family:'Barlow Condensed',sans-serif;
      font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
      color:var(--bg);background:var(--cyan);
      border:none;padding:10px 24px;border-radius:var(--r);
      transition:transform .2s,box-shadow .25s;white-space:nowrap;
    }
    .btn-cta:hover{transform:translateY(-2px);box-shadow:0 0 24px var(--cyan-glow)}

    /* Hamburger */
    .ham{
      display:none;flex-direction:column;justify-content:center;gap:5px;
      width:38px;height:38px;background:none;border:none;padding:4px;
    }
    .ham span{display:block;width:20px;height:1.5px;background:var(--white);transition:transform .3s,opacity .3s}
    .ham.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
    .ham.open span:nth-child(2){opacity:0}
    .ham.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

    /* Mobile menu */
    .mob-menu{
      display:none;position:fixed;inset:0;top:var(--nav-h);z-index:800;
      background:var(--bg);padding:32px;
      flex-direction:column;gap:4px;overflow-y:auto;
      border-top:1px solid var(--border);
    }
    .mob-menu.open{display:flex}
    .mob-menu a{
      font-family:'Barlow Condensed',sans-serif;
      font-size:22px;font-weight:700;letter-spacing:1px;text-transform:uppercase;
      padding:16px 0;
      border-bottom:1px solid var(--border);
      transition:color .2s;
    }
    .mob-menu > a{opacity:.4;}
    .mob-menu a:hover{color:var(--white)}
    .mob-menu > a:hover, .mob-menu > a.active{opacity:1;}

    /*═══════════════════════════════════════
      PAGES SPA
    ═══════════════════════════════════════*/
    .page{display:none}
    .page.active{display:block}

    /*═══════════════════════════════════════
      UTILITY
    ═══════════════════════════════════════*/
    .container{max-width:1280px;margin:0 auto;padding:0 32px}
    .container-wide{max-width:1440px;margin:0 auto;padding:0 32px}

    .eyebrow{
      display:inline-flex;align-items:center;gap:10px;
      font-family:'JetBrains Mono',monospace;
      font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;
      color:var(--cyan-text);margin-bottom:24px;
    }
    .eyebrow::before{content:'//';color:var(--cyan-dim);margin-right:2px}

    .h-display{
      font-family:'Barlow Condensed',sans-serif;
      font-size:clamp(64px,9vw,140px);
      font-weight:900;line-height:.92;letter-spacing:-1px;
      color:var(--white);text-transform:uppercase;
    }
    .h-display em{font-style:normal;color:var(--cyan)}
    .h-display .ghost{
      -webkit-text-stroke:1px rgba(0,200,255,0.25);
      color:transparent;
    }
    .h-section{
      font-family:'Barlow Condensed',sans-serif;
      font-size:clamp(40px,5vw,72px);
      font-weight:800;line-height:.95;letter-spacing:-0.5px;
      color:var(--white);text-transform:uppercase;
    }
    .h-section em{font-style:normal;color:var(--cyan)}
    .h-card{
      font-family:'Barlow Condensed',sans-serif;
      font-size:clamp(24px,2.5vw,36px);
      font-weight:700;letter-spacing:0px;text-transform:uppercase;
      color:var(--white);line-height:1;
    }

    .body-l{font-size:17px;line-height:1.8;color:var(--grey2);font-weight:300}
    .body-m{font-size:15px;line-height:1.75;color:var(--grey2)}
    .body-s{font-size:13px;line-height:1.7;color:var(--grey)}

    .btn{
      display:inline-flex;align-items:center;gap:8px;
      font-family:'Barlow Condensed',sans-serif;
      font-size:13px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
      padding:13px 28px;border:none;border-radius:var(--r);
      transition:transform .2s,box-shadow .25s;white-space:nowrap;
    }
    .btn:hover{transform:translateY(-2px)}
    .btn-cyan{background:var(--cyan);color:var(--bg)}
    .btn-cyan:hover{box-shadow:0 0 32px var(--cyan-glow)}
    .btn-ghost{background:transparent;color:var(--grey2);border:1px solid var(--border2)}
    .btn-ghost:hover{color:var(--white);border-color:var(--cyan);box-shadow:0 0 20px var(--cyan-glow)}
    .btn-dark{background:var(--panel2);color:var(--white);border:1px solid var(--border)}
    .btn:after{content:'→';font-size:14px}

    .mono{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--grey);letter-spacing:1px}

    .divider{height:1px;background:var(--border);width:100%}

    .reveal{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s ease}
    .reveal.visible{opacity:1;transform:none}

    /* Tag */
    .tag{
      display:inline-flex;align-items:center;gap:6px;
      font-family:'JetBrains Mono',monospace;
      font-size:10px;font-weight:500;letter-spacing:1px;text-transform:uppercase;
      padding:5px 12px;border-radius:2px;
      background:rgba(0,200,255,0.06);
      border:1px solid rgba(0,200,255,0.16);
      color:var(--cyan-text);
    }
    .tag.gold{background:rgba(255,180,0,0.06);border-color:rgba(255,180,0,0.2);color:#ffb400}
    .tag::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.6}

    /*═══════════════════════════════════════
      PAGE HERO (pages intérieures)
    ═══════════════════════════════════════*/
    .page-hero{
      padding:calc(var(--nav-h) + 80px) 0 80px;
      background:var(--bg1);
      position:relative;overflow:hidden;
      border-bottom:1px solid var(--border);
    }
    .page-hero-grid{
      position:absolute;inset:0;
      background-image:
        linear-gradient(rgba(0,200,255,0.03) 1px,transparent 1px),
        linear-gradient(90deg,rgba(0,200,255,0.03) 1px,transparent 1px);
      background-size:80px 80px;
      mask-image:radial-gradient(ellipse 100% 100% at 50% 0%,black 40%,transparent 100%);
    }
    .page-hero-glow{
      position:absolute;top:-200px;right:-100px;
      width:700px;height:700px;border-radius:50%;
      background:radial-gradient(circle,rgba(0,200,255,0.07),transparent 65%);
      pointer-events:none;
    }
    .page-hero-content{position:relative;z-index:2;max-width:800px}
    .page-hero-content h1{margin:12px 0 20px}
    .page-hero-content p{max-width:600px}

    /*═══════════════════════════════════════
      ██ ACCUEIL — HERO
    ═══════════════════════════════════════*/
    .hero{
      min-height:100vh;
      padding:calc(var(--nav-h) + 40px) 0 60px;
      display:flex;align-items:center;
      position:relative;overflow:hidden;
      background:var(--bg);
    }

    /* animated grid */
    .hero-grid{
      position:absolute;inset:0;
      background-image:
        linear-gradient(rgba(0,200,255,0.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(0,200,255,0.035) 1px,transparent 1px);
      background-size:80px 80px;
      animation:gridMove 20s linear infinite;
    }
    @keyframes gridMove{from{background-position:0 0}to{background-position:80px 80px}}

    /* glow blobs */
    .hero-blob1{
      position:absolute;top:-150px;right:-200px;
      width:900px;height:900px;border-radius:50%;
      background:radial-gradient(circle,rgba(0,200,255,0.07) 0%,transparent 60%);
      animation:blobPulse 6s ease-in-out infinite;pointer-events:none;
    }
    .hero-blob2{
      position:absolute;bottom:-200px;left:-100px;
      width:600px;height:600px;border-radius:50%;
      background:radial-gradient(circle,rgba(0,200,255,0.04) 0%,transparent 60%);
      animation:blobPulse 8s ease-in-out infinite reverse;pointer-events:none;
    }
    @keyframes blobPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.7}}

    /* scan line animation */
    .scan-line{
      position:absolute;left:0;right:0;height:1px;
      background:linear-gradient(90deg,transparent,var(--cyan),transparent);
      opacity:.15;animation:scanDown 6s linear infinite;pointer-events:none;
    }
    @keyframes scanDown{from{top:-1px}to{top:100%}}

    .hero-inner{
      position:relative;z-index:2;
      display:grid;grid-template-columns:1fr 520px;
      gap:80px;align-items:center;
    }

    /* Hero left */
    .hero-left{}
    .hero-left .eyebrow{margin-bottom:28px}
    .hero-h1{
      font-family:'Barlow Condensed',sans-serif;
      font-size:clamp(60px,9.5vw,148px);
      font-weight:900;line-height:.88;letter-spacing:-2px;
      color:var(--white);text-transform:uppercase;
      margin-bottom:32px;
    }
    .hero-h1 em{font-style:normal;color:var(--cyan)}
    .hero-h1 .ghost{-webkit-text-stroke:1px rgba(0,200,255,0.2);color:transparent}
    .hero-desc{
      font-size:17px;font-weight:300;line-height:1.8;
      color:var(--grey2);max-width:820px;margin-bottom:40px;
    }
    .hero-desc strong{color:var(--white);font-weight:500}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:60px}

    /* stats bar */
    .hero-stats{
      display:grid;grid-template-columns:repeat(4,1fr);
      border:1px solid var(--border);
      border-radius:var(--r);overflow:hidden;
    }
    .hstat{
      padding:20px 24px;
      border-right:1px solid var(--border);
      position:relative;
    }
    .hstat:last-child{border-right:none}
    .hstat-n{
      font-family:'Barlow Condensed',sans-serif;
      font-size:36px;font-weight:900;color:var(--white);
      line-height:1;letter-spacing:-1px;
    }
    .hstat-n em{font-style:normal;color:var(--cyan)}
    .hstat-l{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--grey);letter-spacing:1.5px;text-transform:uppercase;margin-top:4px}

    /* Hero right — terminal */
    .terminal{
      background:var(--panel);
      border:1px solid var(--border2);
      border-radius:8px;overflow:hidden;
      box-shadow:0 0 80px rgba(0,200,255,0.06),0 40px 80px rgba(0,0,0,0.5);
    }
    .term-bar{
      display:flex;align-items:center;gap:8px;
      padding:12px 16px;
      background:rgba(0,200,255,0.04);
      border-bottom:1px solid var(--border);
    }
    .term-dot{width:10px;height:10px;border-radius:50%}
    .term-dot.r{background:#ff5f57}.term-dot.y{background:#ffbd2e}.term-dot.g{background:#28c840}
    .term-title{
      font-family:'JetBrains Mono',monospace;
      font-size:11px;color:var(--grey);letter-spacing:1px;margin-left:6px;
    }
    .term-live{
      margin-left:auto;
      font-family:'JetBrains Mono',monospace;
      font-size:10px;color:var(--green);letter-spacing:1px;
      display:flex;align-items:center;gap:6px;
    }
    .term-live::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--green);animation:blink 1.2s infinite}
    .term-body{padding:20px 20px 24px}
    .kpi-row{
      display:flex;justify-content:space-between;align-items:center;
      padding:10px 14px;margin-bottom:6px;
      background:rgba(0,200,255,0.03);
      border:1px solid var(--border);
      border-radius:3px;
    }
    .kpi-row-label{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--grey);letter-spacing:.5px}
    .kpi-row-val{font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:700;color:var(--white);letter-spacing:.5px}
    .kpi-row-val.c{color:var(--cyan)}
    .kpi-row-val.g{color:var(--green)}
    .kpi-row-val.r{color:var(--red)}
    .kpi-row-delta{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--green);margin-top:1px}
    .kpi-row-inner{text-align:right}
    .term-bar2{
      padding:12px 20px;
      border-top:1px solid var(--border);
      display:flex;align-items:center;gap:10px;
    }
    .term-bar2 span{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--grey);letter-spacing:1px}
    .term-bar2 .j1-badge{
      background:rgba(0,200,255,0.08);
      border:1px solid var(--border2);
      border-radius:2px;padding:4px 10px;
      font-family:'JetBrains Mono',monospace;
      font-size:10px;color:var(--cyan-text);letter-spacing:1px;
    }

    /*═══════════════════════════════════════
      TICKER
    ═══════════════════════════════════════*/
    .ticker-wrap{
      background:var(--bg1);
      border-top:1px solid var(--border);
      border-bottom:1px solid var(--border);
      padding:12px 0;overflow:hidden;white-space:nowrap;
    }
    .ticker-track{display:inline-flex;gap:64px;animation:ticker 35s linear infinite}
    .ticker-item{
      font-family:'JetBrains Mono',monospace;
      font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;
      color:var(--grey);display:flex;align-items:center;gap:24px;
    }
    .ticker-item::before{content:'◆';color:var(--cyan-dim);font-size:5px}
    @keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

    /*═══════════════════════════════════════
      SECTION — QUESTION CLÉ
    ═══════════════════════════════════════*/
    .question-section{background:var(--bg1);padding:120px 0}
    .qs-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
    .qs-left{}
    .qs-left .eyebrow{margin-bottom:20px}
    .qs-left h2{margin-bottom:28px}
    .qs-left .body-l{margin-bottom:20px}

    .qs-questions{display:flex;flex-direction:column;gap:3px}
    .q-item{
      display:flex;align-items:center;gap:16px;
      padding:16px 20px;
      background:var(--panel);
      border:1px solid var(--border);
      border-left:2px solid transparent;
      transition:border-color .3s,transform .2s;
    }
    .q-item:hover{border-left-color:var(--cyan);transform:translateX(4px)}
    .q-num{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--cyan-dim);letter-spacing:1px;min-width:24px}
    .q-text{font-family:'Barlow',sans-serif;font-size:14px;color:var(--grey2);line-height:1.5}
    .q-text strong{color:var(--white);font-weight:500}

    /*═══════════════════════════════════════
      SECTION — HOW IT WORKS
    ═══════════════════════════════════════*/
    .how-section{background:var(--bg);padding:120px 0;position:relative;overflow:hidden}
    .how-grid-bg{
      position:absolute;inset:0;
      background-image:
        linear-gradient(rgba(0,200,255,0.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(0,200,255,0.025) 1px,transparent 1px);
      background-size:60px 60px;
    }
    .how-steps{
      display:grid;grid-template-columns:repeat(3,1fr);
      gap:1px;margin-top:64px;background:var(--border);
    }
    .how-step{
      background:var(--bg);
      padding:48px 40px;
      position:relative;overflow:hidden;
    }
    .how-step::before{
      content:'';
      position:absolute;top:0;left:0;right:0;height:2px;
      background:var(--cyan);
      transform:scaleX(0);transform-origin:left;
      transition:transform .4s ease;
    }
    .how-step:hover::before{transform:scaleX(1)}
    .step-n{
      font-family:'JetBrains Mono',monospace;
      font-size:11px;color:var(--cyan-dim);letter-spacing:2px;
      margin-bottom:28px;
    }
    .step-icon{
      width:52px;height:52px;margin-bottom:24px;
      color:var(--cyan);opacity:.8;
    }
    .how-step h3{
      font-family:'Barlow Condensed',sans-serif;
      font-size:22px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;
      color:var(--white);margin-bottom:14px;
    }
    .how-step p{font-size:14px;line-height:1.75;color:var(--grey)}
    .how-step strong{color:var(--grey2);font-weight:500}

    /*═══════════════════════════════════════
      SECTION — SOLUTIONS PREVIEW
    ═══════════════════════════════════════*/
    .sol-prev-section{background:var(--bg1);padding:120px 0}
    .sol-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:64px}
    .sol-card{
      background:var(--panel);
      border:1px solid var(--border);
      padding:44px 36px 36px;
      position:relative;overflow:hidden;
      transition:border-color .3s,transform .25s;
    }
    .sol-card:hover{border-color:var(--border2);transform:translateY(-4px)}
    .sol-card::after{
      content:'';position:absolute;inset:0;
      background:radial-gradient(circle at 50% -20%,rgba(0,200,255,0.05),transparent 60%);
      opacity:0;transition:opacity .4s;
    }
    .sol-card:hover::after{opacity:1}
    .sol-num{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--cyan-dim);letter-spacing:2px;margin-bottom:20px}
    .sol-card h3{
      font-family:'Barlow Condensed',sans-serif;
      font-size:28px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;
      color:var(--white);margin-bottom:14px;
    }
    .sol-card p{font-size:14px;line-height:1.7;color:var(--grey);margin-bottom:28px}
    .sol-cta{
      font-family:'Barlow Condensed',sans-serif;
      font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
      color:var(--cyan);display:flex;align-items:center;gap:6px;
      transition:gap .2s;
    }
    .sol-card:hover .sol-cta{gap:10px}

    /*═══════════════════════════════════════
      SECTION — J-1
    ═══════════════════════════════════════*/
    .j1-section{background:var(--bg2);padding:120px 0}
    .j1-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
    .j1-screen{
      background:var(--panel);
      border:1px solid var(--border2);
      border-radius:8px;overflow:hidden;
      box-shadow:0 0 60px rgba(0,200,255,0.04),0 40px 60px rgba(0,0,0,0.4);
    }
    .j1-topbar{
      display:flex;align-items:center;gap:10px;
      padding:14px 20px;
      background:rgba(0,200,255,0.05);
      border-bottom:1px solid var(--border);
    }
    .j1-logo-tag{
      font-family:'Barlow Condensed',sans-serif;
      font-size:15px;font-weight:700;letter-spacing:1px;color:var(--white);
    }
    .j1-logo-tag b{color:var(--cyan)}
    .j1-badge-tag{
      margin-left:auto;
      font-family:'JetBrains Mono',monospace;
      font-size:9px;letter-spacing:2px;text-transform:uppercase;
      padding:4px 10px;border-radius:2px;
      background:rgba(0,200,255,0.1);border:1px solid var(--border2);
      color:var(--cyan-text);
    }
    .j1-rows{padding:6px 16px 12px}
    .j1-r{
      display:flex;justify-content:space-between;align-items:center;
      padding:11px 4px;border-bottom:1px solid var(--border);gap:12px;
    }
    .j1-r:last-child{border-bottom:none}
    .j1-rl{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--grey)}
    .j1-rv{font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:700;color:var(--white);letter-spacing:.5px}
    .j1-rv.up{color:var(--green)}.j1-rv.dn{color:var(--red)}.j1-rv.cy{color:var(--cyan)}
    .j1-foot{
      padding:12px 20px;
      border-top:1px solid var(--border);
      font-family:'JetBrains Mono',monospace;
      font-size:10px;color:var(--grey);letter-spacing:1px;
      display:flex;align-items:center;gap:8px;
    }
    .j1-foot::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--cyan);animation:blink 1.5s infinite;flex-shrink:0}

    /*═══════════════════════════════════════
      SECTION — VIDEO
    ═══════════════════════════════════════*/
    .video-section{background:var(--bg);padding:120px 0}
    .vid-wrap{
      position:relative;margin-top:48px;
      background:var(--panel);
      border:1px solid var(--border2);
      border-radius:8px;aspect-ratio:4/3;overflow:hidden;
      display:flex;align-items:center;justify-content:center;
      box-shadow:0 0 80px rgba(0,200,255,0.05);
    }
    @keyframes ringPulse{0%,100%{box-shadow:0 0 0 0 var(--cyan-glow)}50%{box-shadow:0 0 0 16px transparent}}
    .vid-wrap iframe,.vid-wrap video{position:absolute;inset:0;width:100%;height:100%;border:none;object-fit: fill;}

    /*═══════════════════════════════════════
      CTA BAND
    ═══════════════════════════════════════*/
    .cta-band{
      background:linear-gradient(135deg,#060e20,#040810);
      border-top:1px solid var(--border2);
      border-bottom:1px solid var(--border2);
      padding:80px 0;position:relative;overflow:hidden;
    }
    .cta-band::before{
      content:'';position:absolute;inset:0;
      background:radial-gradient(ellipse 60% 100% at 0% 50%,rgba(0,200,255,0.06),transparent);
    }
    .cta-inner{
      position:relative;z-index:2;
      display:flex;align-items:center;justify-content:space-between;
      gap:40px;flex-wrap:wrap;
    }
    .cta-inner h2{
      font-family:'Barlow Condensed',sans-serif;
      font-size:clamp(32px,4vw,52px);
      font-weight:800;text-transform:uppercase;letter-spacing:-0.5px;
      color:var(--white);line-height:1;
    }
    .cta-inner p{color:var(--grey2);margin-top:8px;font-size:15px}
    .cta-actions{display:flex;gap:12px;flex-wrap:wrap}

    /*═══════════════════════════════════════
      PAGE : QUI SOMMES-NOUS
    ═══════════════════════════════════════*/
    .founder-section{background:var(--bg);padding:100px 0}
    .f-grid{display:grid;grid-template-columns:340px 1fr;gap:80px;align-items:start}
    .f-card{
      background:var(--panel);
      border:1px solid var(--border2);
      border-radius:6px;overflow:hidden;
      position:sticky;top:calc(var(--nav-h) + 24px);
    }
    .f-photo{
      aspect-ratio:1;background:linear-gradient(160deg,#0a1628,#060810);
      display:flex;align-items:center;justify-content:center;
      font-size:80px;position:relative;overflow:hidden;
    }
    .f-photo::before{
      content:'';position:absolute;inset:0;
      background:
        linear-gradient(rgba(0,200,255,0.03) 1px,transparent 1px),
        linear-gradient(90deg,rgba(0,200,255,0.03) 1px,transparent 1px);
      background-size:30px 30px;
    }
    .f-photo::after{
      content:'';position:absolute;inset:0;
      background:radial-gradient(circle at 50% 100%,rgba(0,200,255,0.12),transparent 60%);
    }
    .f-info{padding:24px 28px}
    .f-name{
      font-family:'Barlow Condensed',sans-serif;
      font-size:24px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;
      color:var(--white);margin-bottom:4px;
    }
    .f-role{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--cyan);letter-spacing:2px;text-transform:uppercase;margin-bottom:20px}
    .f-badges{display:flex;flex-direction:column;gap:8px}
    .f-badge{
      display:flex;align-items:center;gap:10px;
      font-size:13px;color:var(--grey2);
    }
    .f-badge::before{content:'';flex-shrink:0;width:4px;height:4px;border-radius:50%;background:var(--cyan-dim)}

    .f-bio h2{margin-bottom:8px}
    .f-bio .lead{
      font-family:'Barlow Condensed',sans-serif;
      font-size:22px;font-weight:600;
      color:var(--cyan);font-style:italic;
      letter-spacing:.3px;
      margin-bottom:32px;border-left:2px solid var(--cyan);padding-left:20px;
    }
    .f-bio p{font-size:16px;line-height:1.8;color:var(--grey2);margin-bottom:20px}
    .f-bio strong{color:var(--white);font-weight:500}

    .timeline{margin-top:40px;display:flex;flex-direction:column}
    .tl{display:flex;gap:20px;padding-bottom:28px;position:relative}
    .tl::before{content:'';position:absolute;left:10px;top:22px;bottom:0;width:1px;background:var(--border)}
    .tl:last-child::before{display:none}
    .tl-dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--cyan);background:var(--bg);flex-shrink:0;margin-top:2px;position:relative;z-index:1}
    .tl-body h4{font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--white);margin-bottom:4px}
    .tl-body p{font-size:13px;color:var(--grey);line-height:1.6}

    .mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:48px}
    .m-card{
      background:var(--panel);border:1px solid var(--border);
      padding:32px 28px;
    }
    .m-icon{font-size:28px;margin-bottom:16px}
    .m-card h3{font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--white);margin-bottom:10px}
    .m-card p{font-size:13px;color:var(--grey);line-height:1.7}

    /*═══════════════════════════════════════
      PAGE : SOLUTIONS
    ═══════════════════════════════════════*/
    .tech-section{background:var(--bg1);padding:100px 0}
    .tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-top:60px}

    /* Laser viz */
    .laser-viz{
      background:var(--panel);
      border:1px solid var(--border2);
      border-radius:8px;overflow:hidden;aspect-ratio:4/3;
      position:relative;
    }
    .laser-viz-video{
      display: block;
      object-fit: cover;
      width:  100%;
      height:100%;
    }


    .tech-feats{display:flex;flex-direction:column;gap:16px}
    .tf{
      display:flex;gap:16px;
      background:var(--panel);border:1px solid var(--border);
      padding:18px 22px;border-radius:4px;
      transition:border-color .3s;
    }
    .tf:hover{border-color:var(--border2)}
    .tf-icon{font-size:22px;flex-shrink:0}
    .tf h4{font-family:'Barlow Condensed',sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--white);margin-bottom:4px}
    .tf p{font-size:13px;color:var(--grey);line-height:1.6}

    /* Product cards */
    .prod-section{padding:80px 0}
    .prod-card{
      background:var(--panel);
      border:1px solid var(--border);
      border-radius:6px;overflow:hidden;margin-bottom:32px;
    }
    .prod-header{
      padding:48px 52px 36px;
      border-bottom:1px solid var(--border);
      display:flex;gap:40px;flex-wrap:wrap;align-items:flex-start;
      position:relative;overflow:hidden;
    }
    .prod-header::before{
      content:'';position:absolute;top:0;left:0;right:0;height:2px;
      background:linear-gradient(90deg,var(--cyan),transparent);
    }
    .prod-header-left{flex:1;min-width:280px}
    .prod-header-left h2{
      font-family:'Barlow Condensed',sans-serif;
      font-size:clamp(36px,4vw,56px);
      font-weight:900;text-transform:uppercase;letter-spacing:-0.5px;
      color:var(--white);line-height:1;margin:12px 0 16px;
    }
    .prod-header-left h2 em{font-style:normal;color:var(--cyan)}
    .prod-header-left h2 em.gold{color:#ffb400}
    .prod-header-left p{font-size:15px;line-height:1.75;color:var(--grey2);max-width:500px}
    .prod-kpis{display:flex;gap:32px;flex-wrap:wrap;align-self:flex-start}
    .prod-kpi-n{
      font-family:'Barlow Condensed',sans-serif;
      font-size:48px;font-weight:900;color:var(--cyan);letter-spacing:-1px;line-height:1;
    }
    .prod-kpi-l{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--grey);letter-spacing:1px;text-transform:uppercase;margin-top:4px}
    .prod-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
    .pf{background:var(--panel);padding:28px 32px}
    .pf h4{font-family:'Barlow Condensed',sans-serif;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--white);margin-bottom:8px}
    .pf p{font-size:13px;color:var(--grey);line-height:1.65}

    /*═══════════════════════════════════════
      PAGE : NANO
    ═══════════════════════════════════════*/
    .nano-hero{
      padding:calc(var(--nav-h) + 80px) 0 80px;
      background:linear-gradient(160deg,#060c10,#040810);
      position:relative;overflow:hidden;
      border-bottom:1px solid rgba(255,180,0,.1);
    }
    .nano-hero-glow{
      position:absolute;top:-100px;right:-100px;
      width:800px;height:800px;border-radius:50%;
      background:radial-gradient(circle,rgba(255,180,0,0.07),transparent 60%);
    }
    .nano-hero-grid{
      position:absolute;inset:0;
      background-image:
        linear-gradient(rgba(255,180,0,0.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,180,0,0.025) 1px,transparent 1px);
      background-size:80px 80px;
      mask-image:radial-gradient(ellipse 100% 100% at 50% 0%,black 40%,transparent 100%);
    }
    .nano-content{position:relative;z-index:2;color:var(--white)}
    .nano-eyebrow{
      display:inline-flex;align-items:center;gap:10px;
      font-family:'JetBrains Mono',monospace;
      font-size:11px;letter-spacing:2px;text-transform:uppercase;
      color:#ffb400;margin-bottom:24px;
    }
    .nano-eyebrow::before{content:'//';margin-right:2px}
    .nano-content h1{
      font-family:'Barlow Condensed',sans-serif;
      font-size:clamp(60px,8vw,120px);
      font-weight:900;text-transform:uppercase;letter-spacing:-1.5px;line-height:.9;
      margin-bottom:28px;
    }
    .nano-content h1 em{font-style:normal}
    .nano-content p{color:var(--grey2);max-width:560px;font-size:17px;line-height:1.8}

    .nano-section{background:var(--bg);padding:100px 0}
    .nano-compare{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:48px}
    .nano-col{background:var(--panel);border:1px solid var(--border)}
    .nano-col-hd{
      padding:20px 28px;border-bottom:1px solid var(--border);
      display:flex;align-items:start;gap:12px;flex-direction:column;
    }

    .nano-col-title{font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--white)}

    .nano-col-sub{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--grey);letter-spacing:1px}
    .nano-rows{padding:4px 0}
    .nano-row{
      display:flex;align-items:center;justify-content:space-between;
      padding:14px 28px;border-bottom:1px solid var(--border);gap:12px;
    }
    .nano-row:last-child{border-bottom:none}
    .nano-rl{font-size:13px;color:var(--grey2)}
    .nano-rl strong{color:var(--white);font-weight:500}
    .nano-yes{color:var(--cyan);font-size:16px}
    .nano-no{color:var(--grey);font-size:14px}

    .nano-box{
      margin-top:40px;
      background:rgba(0, 123, 255, 0.04);
      border:1px solid rgba(0, 94, 255, 0.15);
      border-radius:6px;padding:36px 40px;
    }

    /*═══════════════════════════════════════
      PAGE : RÉFÉRENCES
    ═══════════════════════════════════════*/
    .refs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:48px}
    .ref-card{
      background:var(--panel);border:1px solid var(--border);
      padding:32px 28px;display:flex;flex-direction:column;gap:16px;
    }
    .ref-cat{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--cyan);letter-spacing:2px;text-transform:uppercase}
    .ref-name{font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;color:var(--white);letter-spacing:.3px}
    .ref-body{font-size:13px;color:var(--grey);line-height:1.65;font-style:italic}

    /*═══════════════════════════════════════
      PAGE : PAYS
    ═══════════════════════════════════════*/
    .coming-hero{
      min-height:calc(100vh - var(--nav-h));
      display:flex;align-items:center;
      background:var(--bg1);
      padding:calc(var(--nav-h)+40px) 0 80px;
      position:relative;overflow:hidden;
    }
    .coming-grid-bg{
      position:absolute;inset:0;
      background-image:
        linear-gradient(rgba(0,200,255,0.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(0,200,255,0.025) 1px,transparent 1px);
      background-size:80px 80px;
    }
    .coming-inner{position:relative;z-index:2;text-align:center;max-width:680px;margin:0 auto}
    .coming-inner h1{margin:16px 0 20px}
    .coming-inner p{color:var(--grey2);font-size:17px;line-height:1.75;margin-bottom:48px}
    .country-list{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:48px}
    .country-item{
      display:flex;align-items:center;gap:8px;
      background:var(--panel);
      border:1px solid var(--border);
      border-radius:3px;padding:10px 20px;
      font-family:'JetBrains Mono',monospace;
      font-size:11px;letter-spacing:1.5px;text-transform:uppercase;
      color:var(--grey);
    }
    .country-item.active{border-color:var(--border2);color:var(--cyan-text)}

    /*═══════════════════════════════════════
      FOOTER
    ═══════════════════════════════════════*/
    footer{
      background:var(--bg1);
      border-top:1px solid var(--border);
      padding:60px 0 32px;
    }
    .foot-grid{
      display:grid;grid-template-columns:2.5fr 1fr 1fr 1fr;
      gap:48px;margin-bottom:48px;
    }
    .foot-brand .logo-lg{
      font-family:'Barlow Condensed',sans-serif;
      font-size:22px;font-weight:800;letter-spacing:2px;text-transform:uppercase;
      color:var(--white);display:block;margin-bottom:12px;
    }
    .foot-brand .logo-lg b{color:var(--cyan)}
    .foot-brand p{font-size:13px;color:var(--grey);line-height:1.75;max-width:280px}
    .foot-brand .tags{display:flex;gap:8px;margin-top:20px}
    .foot-col h4{
      font-family:'JetBrains Mono',monospace;
      font-size:10px;letter-spacing:2px;text-transform:uppercase;
      color:var(--grey);margin-bottom:16px;
    }
    .foot-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}
    .foot-col a{font-size:13px;color:rgba(255,255,255,.3);transition:color .2s}
    .foot-col a:hover{color:var(--white)}
    .foot-col a.gold{color:rgba(255,180,0,.5)}
    .foot-col a.gold:hover{color:#ffb400}
    .foot-bottom{
      padding-top:24px;border-top:1px solid var(--border);
      display:flex;align-items:center;justify-content:space-between;
      flex-wrap:wrap;gap:12px;
      font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--grey);letter-spacing:1px;
    }







    /*═══════════════════════════════════════
      RGPD
    ═══════════════════════════════════════*/
        /* ── LAYOUT ── */
    .page-wrap{
      max-width:900px;margin:0 auto;
      padding:calc(var(--nav-h) + 60px) 32px 100px;
      position:relative;z-index:1;
    }


    /* ── SECTIONS ── */
    .legal-section{
      margin-bottom:56px;
      scroll-margin-top:calc(var(--nav-h) + 24px);
    }
    .section-id{
      font-family:'JetBrains Mono',monospace;
      font-size:10px;letter-spacing:3px;text-transform:uppercase;
      color:var(--cyan-dim);margin-bottom:10px;
    }
    .section-title{
      font-family:'Barlow Condensed',sans-serif;
      font-size:clamp(24px,3vw,34px);
      font-weight:800;text-transform:uppercase;letter-spacing:.3px;
      color:var(--white);line-height:1;
      margin-bottom:24px;
      padding-bottom:16px;
      border-bottom:1px solid var(--border);
    }

    /* ── SUBSECTIONS ── */
    .sub-title{
      font-family:'Barlow Condensed',sans-serif;
      font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;
      color:var(--white);margin:28px 0 10px;
    }

    /* ── TEXT ── */
    p{
      font-size:15px;line-height:1.8;color:var(--grey2);
      margin-bottom:14px;
    }
    p strong{color:var(--white);font-weight:500}
    p:last-child{margin-bottom:0}

    /* ── INFO BLOCK (données structurées) ── */
    .info-block{
      background:var(--panel);
      border:1px solid var(--border);
      border-radius:4px;
      overflow:hidden;
      margin:20px 0;
    }
    .info-row{
      display:grid;grid-template-columns:220px 1fr;
      border-bottom:1px solid var(--border);
    }
    .info-row:last-child{border-bottom:none}
    .info-label{
      padding:12px 20px;
      font-family:'JetBrains Mono',monospace;
      font-size:11px;letter-spacing:1px;text-transform:uppercase;
      color:var(--grey);
      background:rgba(0,200,255,0.03);
      border-right:1px solid var(--border);
    }
    .info-val{
      padding:12px 20px;
      font-size:14px;color:var(--grey2);
    }
    .info-val strong{color:var(--white);font-weight:500}


    /* ── ALERT BOX ── */
    .alert{
      background:rgba(0,200,255,0.05);
      border:1px solid var(--border2);
      border-left:3px solid var(--cyan);
      border-radius:4px;
      padding:20px 24px;
      margin:20px 0;
    }
    .alert p{font-size:14px;margin:0}

    /* ── RIGHTS LIST ── */
    .rights-list{
      display:flex;flex-direction:column;gap:3px;
      margin:16px 0;
    }
    .right-item{
      display:flex;align-items:start;gap:14px;
      padding:14px 18px;
      background:var(--panel);
      border:1px solid var(--border);
      border-left:2px solid transparent;
      transition:border-color .2s;
    }
    .right-item:hover{border-left-color:var(--cyan)}
    .right-icon{font-size:18px;flex-shrink:0;margin-top:1px}
    .right-body h4{
      font-family:'Barlow Condensed',sans-serif;
      font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;
      color:var(--white);margin-bottom:4px;
    }
    .right-body p{font-size:13px;color:var(--grey);margin:0;line-height:1.6}

    /* ── COOKIE TABLE ── */
    .cookie-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:13px}
    .cookie-table th{
      font-family:'JetBrains Mono',monospace;
      font-size:10px;letter-spacing:1.5px;text-transform:uppercase;
      color:var(--grey);padding:10px 16px;text-align:left;
      background:rgba(0,200,255,0.04);
      border-bottom:1px solid var(--border2);
    }
    .cookie-table td{
      padding:12px 16px;color:var(--grey2);
      border-bottom:1px solid var(--border);vertical-align:top;
    }
    .cookie-table tr:last-child td{border-bottom:none}
    .cookie-table tr:hover td{background:rgba(0,200,255,0.02)}
    .badge-req{
      display:inline-block;
      font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:1px;
      padding:2px 8px;border-radius:2px;
      background:rgba(255,59,92,0.1);border:1px solid rgba(255,59,92,0.2);
      color:#ff3b5c;
    }
    .badge-opt{
      display:inline-block;
      font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:1px;
      padding:2px 8px;border-radius:2px;
      background:rgba(0,200,255,0.08);border:1px solid var(--border2);
      color:var(--cyan-t);
    }

    /* ── DIVIDER ── */
    .section-divider{
      height:1px;background:var(--border);
      margin:48px 0;
    }

    /* ── UPDATE BADGE ── */
    .update-notice{
      background:var(--panel);
      border:1px solid var(--border);
      border-radius:4px;
      padding:20px 24px;
      margin-top:60px;
      display:flex;align-items:center;gap:16px;
      flex-wrap:wrap;
    }
    .update-notice .dot{
      width:8px;height:8px;border-radius:50%;
      background:var(--cyan);flex-shrink:0;
    }
    .update-notice p{
      font-family:'JetBrains Mono',monospace;
      font-size:11px;color:var(--grey);letter-spacing:.5px;margin:0;
    }
    .update-notice p strong{color:var(--grey2)}







    /*═══════════════════════════════════════
      ANIMATIONS
    ═══════════════════════════════════════*/
    @keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
    @keyframes laserH{0%,100%{opacity:0;transform:scaleX(0);transform-origin:left}15%,85%{opacity:1;transform:scaleX(1)}}
    @keyframes laserV{0%,100%{opacity:0;transform:scaleY(0);transform-origin:top}20%,80%{opacity:.8;transform:scaleY(1)}}
    @keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}

    /*═══════════════════════════════════════
      RESPONSIVE
    ═══════════════════════════════════════*/
    @media(max-width:1080px){
      .hero-inner{grid-template-columns:1fr}
      .terminal{display:none}
      .qs-grid{grid-template-columns:1fr}
      .how-steps{grid-template-columns:1fr}
      .sol-grid{grid-template-columns:1fr}
      .j1-inner{grid-template-columns:1fr}
      .tech-grid{grid-template-columns:1fr}
      .prod-feats{grid-template-columns:1fr}
      .f-grid{grid-template-columns:1fr}
      .f-card{position:static}
      .mission-grid{grid-template-columns:1fr}
      .nano-compare{grid-template-columns:1fr}
      .refs-grid{grid-template-columns:1fr}
      .foot-grid{grid-template-columns:1fr 1fr}
      .cta-inner{flex-direction:column}
    }
    @media(max-width:768px){
      .nav-links{display:none}
      .btn-cta{display:none}
      .ham{display:flex}
      .hero-stats{grid-template-columns:repeat(2,1fr)}
      :root{--nav-h:60px}
      .container,.container-wide{padding:0 20px}
      .prod-header{padding:32px 28px 24px}
      .prod-header-left h2{font-size:40px}
      .nav-w{justify-content:space-between;padding:0 20px}
    }
    @media(max-width:480px){
      .hero-h1{font-size:52px}
      .hero-actions{flex-direction:column}
      .hero-actions .btn{width:100%;justify-content:center}
      .foot-grid{grid-template-columns:1fr}
    }




    /* ── RESPONSIVE ── */
    @media(max-width:768px){
      #page-rgpd .page-wrap{padding: 80px 20px 80px 20px}
      .info-row{grid-template-columns:1fr}
      .info-label{border-right:none;border-bottom:1px solid var(--border)}
      .cookie-table{font-size:12px}
      .cookie-table th,.cookie-table td{padding:10px 10px}
    }