*{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    font-family:'Poppins',-apple-system,sans-serif;
    background:
      radial-gradient(ellipse 1200px 900px at 20% 30%, rgba(99,102,241,.35), transparent 60%),
      radial-gradient(ellipse 900px 700px at 85% 20%, rgba(0,162,220,.14), transparent 55%),
      radial-gradient(ellipse 1000px 800px at 50% 100%, rgba(99,102,241,.30), transparent 60%),
      linear-gradient(135deg,#15171D 0%,#1E2129 40%,#262A4A 70%,#3B3E9E 100%);
    color:#fff;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;
    min-height:100vh;
  }
  a{color:inherit;text-decoration:none}
  img,svg{display:block;max-width:100%}

  /* ============ NAV ============ */
  .in-nav{
    position:relative;z-index:20;
    display:flex;align-items:center;justify-content:space-between;
    padding:24px 40px;max-width:1400px;margin:0 auto;
  }
  @media(max-width:720px){.in-nav{padding:18px 20px}}
  .in-nav a.nav-brand{
    font-family:'Poppins',cursive;font-size:30px;color:#fff;letter-spacing:.01em;line-height:1;
    display:inline-flex;align-items:center;
  }
  .in-nav .in-ctas{display:flex;align-items:center;gap:10px}
  .in-nav .in-lang{
    display:inline-flex;align-items:center;gap:6px;
    padding:9px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.28);
    background:transparent;color:#fff;font-family:'Poppins',sans-serif;font-weight:700;font-size:12.5px;
    cursor:pointer;transition:all .18s;
  }
  .in-nav .in-lang:hover{background:rgba(255,255,255,.10);border-color:#fff}
  .in-nav .in-lang svg{opacity:.85}
  .in-nav .in-ctas a{
    padding:10px 20px;border-radius:999px;font-weight:700;font-size:14px;transition:all .18s;
    font-family:'Poppins',sans-serif;
  }
  .in-nav .in-ctas .signup{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35)}
  .in-nav .in-ctas .signup:hover{background:rgba(255,255,255,.10);border-color:#fff}
  .in-nav .in-ctas .login{background:#fff;color:#4F52D9}
  .in-nav .in-ctas .login:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(0,0,0,.25)}

  /* ============ HERO ============ */
  .homr-hero{overflow:hidden;
    padding:20px 0 80px;
  }
  /* Étoiles décoratives */
  .homr-hero::before{
    content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;z-index:0;
    background-image:
      radial-gradient(1.5px 1.5px at 12% 22%, rgba(255,255,255,.7) 100%, transparent),
      radial-gradient(1px 1px at 30% 15%, rgba(255,255,255,.5) 100%, transparent),
      radial-gradient(2px 2px at 85% 30%, rgba(255,255,255,.7) 100%, transparent),
      radial-gradient(1.5px 1.5px at 92% 60%, rgba(255,255,255,.5) 100%, transparent),
      radial-gradient(1px 1px at 8% 55%, rgba(255,255,255,.4) 100%, transparent),
      radial-gradient(1.5px 1.5px at 45% 88%, rgba(255,255,255,.6) 100%, transparent);
  }

  /* HEADER TEXT */
  .hero-copy{
    position:relative;z-index:5;
    max-width:1000px;margin:0 auto;padding:20px 40px 0;text-align:center;
  }
  @media(max-width:720px){.hero-copy{padding:12px 20px 0}}

  .hero-brand{display:inline-flex;align-items:baseline;gap:12px;margin-bottom:28px}
  .hero-brand .word{
    font-family:'Poppins',cursive;font-size:56px;color:#fff;line-height:1;letter-spacing:-.01em;
    text-shadow:0 4px 24px rgba(99,102,241,.4);
  }
  .hero-brand .sub{font-family:'Poppins',sans-serif;font-size:28px;font-weight:800;color:#fff;letter-spacing:-.02em}
  @media(max-width:520px){
    .hero-brand .word{font-size:42px}
    .hero-brand .sub{font-size:22px}
  }

  .hero-title{
    font-family:'Poppins',sans-serif;font-weight:800;line-height:1.02;letter-spacing:-.02em;
    color:#fff;margin:0 auto 22px;max-width:18ch;
    text-shadow:0 4px 40px rgba(30,33,41,.45);
  }
  .hero-sub{
    font-size:clamp(15px,1.6vw,18px);line-height:1.55;color:rgba(255,255,255,.85);
    max-width:640px;margin:0 auto 34px;
  }
  .hero-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:8px}
  .hero-ctas .cta-main{
    display:inline-flex;align-items:center;gap:10px;
    background:#fff;color:#4F52D9;
    font-family:'Poppins',sans-serif;font-weight:800;font-size:15px;letter-spacing:.02em;text-transform:uppercase;
    padding:18px 40px;border-radius:14px;
    box-shadow:0 22px 44px rgba(0,0,0,.28), 0 0 0 6px rgba(255,255,255,.08);
    transition:transform .2s,box-shadow .2s;
  }
  .hero-ctas .cta-main:hover{transform:translateY(-2px);box-shadow:0 28px 56px rgba(0,0,0,.36), 0 0 0 8px rgba(255,255,255,.12)}
  .hero-ctas .cta-sec{
    display:inline-flex;align-items:center;gap:6px;
    padding:18px 22px;color:rgba(255,255,255,.9);
    font-family:'Poppins',sans-serif;font-weight:700;font-size:14.5px;
    border:1px solid rgba(255,255,255,.28);border-radius:14px;transition:all .18s;
  }
  .hero-ctas .cta-sec:hover{background:rgba(255,255,255,.10);border-color:#fff;color:#fff}
  @media(max-width:520px){
    .hero-ctas{flex-direction:column;padding:0 20px}
    .hero-ctas .cta-main,.hero-ctas .cta-sec{width:100%;justify-content:center}
  }

  /* IMAGE 2 : femme (nouvelle version détourée, remontée sur le côté du texte) */

  /* ============ FLOATING PRODUCT CARDS ============ */

  /* ============ RESPONSIVE ============ */
  @media(max-width:900px){
    .homr-hero{padding-bottom:40px}
  }

  /* ============ HAU visual (centré au-dessus du CTA) ============ */
  .homr-hero{position:relative}
  .hau-wrap{
    display:flex;justify-content:center;align-items:center;
    margin:40px auto 0;
    animation:hau-rise .8s ease .2s both;
    pointer-events:none;
  }
  @keyframes hau-rise{from{opacity:0;transform:translateY(20px) scale(.94)}to{opacity:1;transform:none}}
  .hau-visual{height:auto;
    mix-blend-mode:screen;
    filter:contrast(1.15) brightness(.94) drop-shadow(0 24px 46px rgba(0,0,0,.38));
    user-select:none;
  }

  /* Landing plein écran : les tailles suivent la hauteur disponible */
  body{display:flex;flex-direction:column;min-height:max(100dvh,620px)}
  .in-nav{width:100%;padding-block:clamp(12px,2.4vh,24px)}
  .homr-hero{flex:1;display:flex;flex-direction:column;justify-content:center;padding:clamp(4px,1.5vh,20px) 0 clamp(12px,2.5vh,40px)}
  .hero-copy{padding-top:0}
  .hero-brand{margin-bottom:clamp(10px,2.2vh,28px)}
  .hero-brand .word{height:clamp(32px,5vh,48px)!important}
  .hero-title{font-size:clamp(32px,min(5.6vw,7.4vh),76px);margin-bottom:clamp(10px,2vh,22px)}
  .hero-sub{margin-bottom:clamp(16px,3.2vh,34px)}
  .hau-wrap{margin-top:clamp(16px,3.5vh,40px)}
  .hau-visual{width:clamp(140px,min(22vw,24vh),320px)}
  .lp-legal{width:100%}

.lp-legal{position:relative;z-index:5;max-width:1100px;margin:0 auto;padding:28px 40px 36px;display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.12);font-size:13px;color:rgba(255,255,255,.62)}
  .lp-legal nav{display:flex;flex-wrap:wrap;gap:8px 22px}
  .lp-legal a:hover{color:#fff}
  @media(max-width:720px){.lp-legal{padding:24px 20px 32px}}
  .in-nav .in-ctas a{white-space:nowrap}
  @media(max-width:560px){.in-nav .nav-brand img+img{display:none}.in-nav .in-ctas{gap:6px}.in-nav .in-ctas a{padding:9px 14px;font-size:13px}.in-nav .in-lang{padding:8px 10px}}

.in-nav .in-ctas a.in-lang{padding:9px 14px;font-size:12.5px;display:inline-flex;align-items:center;gap:6px;border-radius:999px}