/*
Theme Name: Muri
Theme URI: https://muri.agency
Author: Muri
Author URI: https://muri.agency
Description: Thème premium SaaS futuriste pour agence web — glassmorphism, dégradés lavande/bleu, compatible Elementor.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: muri
*/

:root{
  --muri-white:#ffffff;
  --muri-ink:#0b0b1a;
  --muri-ink-soft:#3a3a55;
  --muri-muted:#6b6b85;
  --muri-violet:#6d4aff;
  --muri-violet-deep:#4a2fd6;
  --muri-blue:#3d7bff;
  --muri-lavender:#ece7ff;
  --muri-lavender-2:#f5f2ff;
  --muri-grey:#f4f5fa;
  --muri-border:rgba(109,74,255,.14);
  --muri-radius:28px;
  --muri-radius-sm:18px;
  --muri-shadow:0 20px 60px rgba(40,20,120,.10);
  --muri-shadow-sm:0 8px 30px rgba(40,20,120,.08);
  --muri-grad:linear-gradient(135deg,#6d4aff 0%,#3d7bff 100%);
  --muri-font:'Inter','Segoe UI',system-ui,-apple-system,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--muri-font);color:var(--muri-ink);background:var(--muri-white);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--muri-violet);text-decoration:none;transition:color .25s ease}
a:hover{color:var(--muri-violet-deep)}
h1,h2,h3,h4,h5,h6{font-family:var(--muri-font);font-weight:800;line-height:1.15;color:var(--muri-ink);letter-spacing:-.02em;margin:0 0 .6em}
h1{font-size:clamp(2.2rem,5vw,3.6rem)}
h2{font-size:clamp(1.8rem,3.6vw,2.6rem)}
h3{font-size:1.3rem}
p{margin:0 0 1em;color:var(--muri-ink-soft)}

.muri-container{max-width:1200px;margin:0 auto;padding:0 24px}
.muri-section{padding:96px 0;position:relative}
.muri-eyebrow{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muri-violet);background:var(--muri-lavender);border:1px solid var(--muri-border);padding:8px 18px;border-radius:999px;margin-bottom:20px}
.muri-lead{font-size:1.15rem;color:var(--muri-muted);max-width:640px}
.muri-center{text-align:center}
.muri-center .muri-lead{margin-left:auto;margin-right:auto}

.muri-btn{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:1rem;padding:16px 32px;border-radius:999px;border:none;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;text-decoration:none}
.muri-btn-primary{background:var(--muri-grad);color:#fff;box-shadow:0 12px 32px rgba(109,74,255,.35)}
.muri-btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(109,74,255,.45);color:#fff}
.muri-btn-ghost{background:rgba(255,255,255,.7);color:var(--muri-ink);border:1px solid var(--muri-border);backdrop-filter:blur(10px)}
.muri-btn-ghost:hover{transform:translateY(-3px);box-shadow:var(--muri-shadow-sm);color:var(--muri-violet)}

.muri-card{background:rgba(255,255,255,.75);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--muri-border);border-radius:var(--muri-radius);box-shadow:var(--muri-shadow-sm);padding:36px;transition:transform .3s ease,box-shadow .3s ease}
.muri-card:hover{transform:translateY(-6px);box-shadow:var(--muri-shadow)}

.muri-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.muri-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.muri-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}

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

@media(max-width:992px){.muri-grid-4{grid-template-columns:repeat(2,1fr)}.muri-grid-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.muri-grid-2,.muri-grid-3,.muri-grid-4{grid-template-columns:1fr}.muri-section{padding:64px 0}}