/* SoignantVoice — landing statique */

    html { scroll-behavior:smooth; }
    body { margin:0; background:oklch(0.985 0.004 250); color:oklch(0.22 0.03 258); font-family:'Space Grotesk',sans-serif; -webkit-font-smoothing:antialiased; }
    * { box-sizing:border-box; }
    ::selection { background:oklch(0.62 0.15 255 / 0.28); }
    a { text-decoration:none; color:inherit; }
    @keyframes svpulse { 0%,100%{ transform:scaleY(0.35);} 50%{ transform:scaleY(1);} }
    @keyframes svfloat { 0%,100%{ transform:translateY(0);} 50%{ transform:translateY(-14px);} }
    @keyframes svring { 0%{ transform:scale(0.6); opacity:0.55;} 100%{ transform:scale(1.5); opacity:0;} }
    @keyframes svspin { to { transform:rotate(360deg);} }
      @keyframes svdash { to { stroke-dashoffset:-100; } }
    @keyframes svclick { from { transform:scale(0.15); opacity:0.9; } to { transform:scale(2.8); opacity:0; } }
      input[type="range"] { accent-color:oklch(0.68 0.14 245); width:100%; cursor:pointer; }
  
.tab-btn { font-family:'Space Grotesk',sans-serif; font-size:13.5px; font-weight:600; cursor:pointer; padding:9px 18px; border-radius:999px; transition:all .25s ease; border:1px solid oklch(0.86 0.02 250); background:#fff; color:oklch(0.42 0.02 258); }
.tab-btn.active { border-color:transparent; background:linear-gradient(135deg, oklch(0.72 0.15 255), oklch(0.86 0.11 210)); color:#0a1120; }
.sw { width:40px; height:40px; border-radius:50%; cursor:pointer; border:none; transition:all .25s ease; box-shadow:0 2px 8px oklch(0.3 0.05 258 / 0.3); }
.sw.active { box-shadow:0 0 0 3px #fff, 0 0 0 6px currentColor; transform:scale(1.08); }
.hv1:hover { transform:translate(-50%,-50%) scale(1.08) !important; box-shadow:0 0 90px oklch(0.68 0.15 235 / 0.85) !important; }
.hv1:active { transform:translate(-50%,-50%) scale(0.95) !important; box-shadow:0 0 110px oklch(0.72 0.15 230 / 1) !important; }
.hv2:hover { transform:translate(-50%,-50%) scale(1.18) !important; box-shadow:0 0 58px oklch(0.68 0.15 235 / 0.95) !important; }
.hv2:active { transform:translate(-50%,-50%) scale(0.98) !important; }
.hv3:hover { background:linear-gradient(135deg, oklch(0.72 0.15 255), oklch(0.86 0.11 210)) !important; color:#0a1120 !important; border-color:transparent !important; transform:translate(-50%,-50%) scale(1.08) !important; }
.hv3:active { transform:translate(-50%,-50%) scale(0.92) !important; filter:brightness(1.15) !important; }
.hv4:hover { background:linear-gradient(135deg, oklch(0.72 0.15 255), oklch(0.86 0.11 210)) !important; color:#0a1120 !important; border-color:transparent !important; transform:translate(-50%,-50%) scale(1.08) !important; }
.hv4:active { transform:translate(-50%,-50%) scale(0.92) !important; filter:brightness(1.15) !important; }
.hv5:hover { background:linear-gradient(135deg, oklch(0.72 0.15 255), oklch(0.86 0.11 210)) !important; color:#0a1120 !important; border-color:transparent !important; transform:translate(-50%,-50%) scale(1.08) !important; }
.hv5:active { transform:translate(-50%,-50%) scale(0.92) !important; filter:brightness(1.15) !important; }
.hv6:hover { background:linear-gradient(135deg, oklch(0.72 0.15 255), oklch(0.86 0.11 210)) !important; color:#0a1120 !important; border-color:transparent !important; transform:translate(-50%,-50%) scale(1.08) !important; }
.hv6:active { transform:translate(-50%,-50%) scale(0.92) !important; filter:brightness(1.15) !important; }
.hv7:hover { background:linear-gradient(135deg, oklch(0.72 0.15 255), oklch(0.86 0.11 210)) !important; color:#0a1120 !important; border-color:transparent !important; transform:translate(-50%,-50%) scale(1.08) !important; }
.hv7:active { transform:translate(-50%,-50%) scale(0.92) !important; filter:brightness(1.15) !important; }
.hv8:hover { background:linear-gradient(135deg, oklch(0.72 0.15 255), oklch(0.86 0.11 210)) !important; color:#0a1120 !important; border-color:transparent !important; transform:translate(-50%,-50%) scale(1.08) !important; }
.hv8:active { transform:translate(-50%,-50%) scale(0.92) !important; filter:brightness(1.15) !important; }
.hv9:hover { background:oklch(0.62 0.13 250 / 0.16) !important; border-color:oklch(0.55 0.15 255) !important; border-style:solid !important; transform:scale(1.03) !important; }
.hv9:active { transform:scale(0.97) !important; background:oklch(0.62 0.13 250 / 0.24) !important; }
.hv10:hover { color:#fff !important; }
.hv11:hover { color:#fff !important; }
.hv12:hover { color:#fff !important; }
.hv13:hover { color:#fff !important; }
.hv14:hover { filter:brightness(1.06) !important; }
.hv15:hover { filter:brightness(1.06) !important; transform:translateY(-1px) !important; }
.hv16:hover { background:oklch(1 0 0 / 0.09) !important; }
.hv17:hover { transform:translateY(-6px) !important; box-shadow:0 24px 50px -28px oklch(0.3 0.08 258 / 0.4) !important; }
.hv18:hover { transform:translateY(-6px) !important; box-shadow:0 24px 50px -28px oklch(0.3 0.08 258 / 0.4) !important; }
.hv19:hover { transform:translateY(-6px) !important; box-shadow:0 24px 50px -28px oklch(0.3 0.08 258 / 0.4) !important; }
.hv20:hover { transform:translateY(-6px) !important; box-shadow:0 34px 60px -24px oklch(0.3 0.1 258 / 0.45) !important; }
.hv21:hover { transform:translateY(-6px) !important; box-shadow:0 34px 60px -24px oklch(0.3 0.1 258 / 0.45) !important; }
.hv22:hover { background:oklch(0.34 0.08 258 / 0.95) !important; border-color:oklch(0.85 0.1 210 / 0.75) !important; }
.hv23:hover { background:oklch(0.34 0.08 258 / 0.95) !important; border-color:oklch(0.85 0.1 210 / 0.75) !important; }
.hv24:hover { background:oklch(0.34 0.08 258 / 0.95) !important; border-color:oklch(0.85 0.1 210 / 0.75) !important; }
.hv25:hover { background:oklch(0.34 0.08 258 / 0.95) !important; border-color:oklch(0.85 0.1 210 / 0.75) !important; }
.hv26:hover { background:oklch(0.34 0.08 258 / 0.95) !important; border-color:oklch(0.82 0.15 85 / 0.85) !important; }
.hv27:hover { transform:translateY(-6px) !important; box-shadow:0 34px 60px -24px oklch(0.3 0.1 258 / 0.45) !important; }
.hv28:hover { filter:drop-shadow(0 20px 36px oklch(0.05 0.03 258 / 0.6)) drop-shadow(0 0 22px oklch(0.7 0.13 230 / 0.7)) brightness(1.08) !important; }
.hv29:hover { filter:drop-shadow(0 0 24px oklch(0.75 0.12 230 / 0.85)) !important; }
.hv30:hover { transform:translateY(-6px) !important; box-shadow:0 34px 60px -24px oklch(0.3 0.1 258 / 0.45) !important; }
.hv31:hover { transform:translateY(-6px) !important; box-shadow:0 34px 60px -24px oklch(0.3 0.1 258 / 0.45) !important; }
.hv32:hover { transform:translateY(-6px) !important; box-shadow:0 34px 60px -24px oklch(0.3 0.1 258 / 0.45) !important; }
.hv33:hover { transform:translateY(-4px) !important; border-color:oklch(0.75 0.12 225 / 0.7) !important; background:oklch(1 0 0 / 0.07) !important; }
.hv34:hover { transform:translateY(-4px) !important; border-color:oklch(0.75 0.12 225 / 0.7) !important; background:oklch(1 0 0 / 0.07) !important; }
.hv35:hover { transform:translateY(-4px) !important; border-color:oklch(0.75 0.12 225 / 0.7) !important; background:oklch(1 0 0 / 0.07) !important; }
.hv36:hover { transform:translateY(-4px) !important; border-color:oklch(0.75 0.12 225 / 0.7) !important; background:oklch(1 0 0 / 0.07) !important; }
.hv37:hover { transform:translateY(-4px) !important; border-color:oklch(0.75 0.12 225 / 0.7) !important; background:oklch(1 0 0 / 0.07) !important; }
.hv38:hover { transform:translateY(-4px) !important; border-color:oklch(0.75 0.12 225 / 0.7) !important; background:oklch(1 0 0 / 0.07) !important; }
.hv39:hover { filter:brightness(1.07) !important; }
.hv40:hover { color:oklch(0.4 0.16 258) !important; }
.hv41:hover { filter:brightness(1.06) !important; transform:translateY(-1px) !important; }
.hv42:hover { background:oklch(1 0 0 / 0.08) !important; }
.hv43:hover { color:#fff !important; }
.hv44:hover { color:#fff !important; }
.hv45:hover { color:#fff !important; }
.hv46:hover { color:#fff !important; }
.hv47:hover { color:#fff !important; }
.hv48:hover { color:#fff !important; }
.hv49:hover { color:#fff !important; }
.hv50:hover { color:#fff !important; }
.hv51:hover { color:#fff !important; }
.hv52:hover { color:#fff !important; }
.hv53:hover { color:#fff !important; }