/* ===== SwissBot Agency — Système de design partagé =====
   Source unique des styles. Modifiez ici pour toutes les pages. */
:root{
  --ink:#0e1420; --muted:#5b6576; --line:#e8ebf0; --bg:#f6f7f9; --card:#ffffff;
  --emerald:#2563eb; --emerald2:#3b82f6; --indigo:#4f46e5; --amber:#f59e0b; --red:#e11d1d;
  --d-bg:#0a1222; --d-card:rgba(255,255,255,0.055); --d-line:rgba(255,255,255,0.11); --d-text:#eef2f6; --d-mut:rgba(238,242,246,0.62);
  --sh-sm:0 1px 2px rgba(16,24,40,0.05); --sh:0 2px 6px rgba(16,24,40,0.05),0 16px 40px -18px rgba(16,24,40,0.18);
  --sh-lg:0 4px 10px rgba(16,24,40,0.06),0 30px 60px -24px rgba(16,24,40,0.28);
  --e:cubic-bezier(0.32,0.72,0,1);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--ink);font-family:'General Sans',sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden;}
h1,h2,h3{font-family:'Clash Display',sans-serif;font-weight:600;letter-spacing:-0.02em;line-height:1.05;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px;}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;text-transform:uppercase;letter-spacing:0.16em;font-weight:600;padding:6px 13px;border-radius:99px;color:var(--emerald);background:rgba(37,99,235,0.08);}
.logo-mark{width:34px;height:34px;flex-shrink:0;}

/* NAV */
nav{position:fixed;top:0;left:50%;transform:translateX(-50%);margin-top:16px;z-index:50;display:flex;align-items:center;gap:22px;
  padding:8px 10px 8px 14px;border-radius:99px;background:rgba(255,255,255,0.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,0.7);box-shadow:var(--sh);max-width:calc(100vw - 24px);}
nav .brand{display:flex;align-items:center;gap:9px;font-family:'Clash Display';font-weight:700;font-size:17px;letter-spacing:-0.01em;}
nav .brand b{color:var(--emerald);}
nav a.link{font-size:14px;font-weight:500;color:var(--muted);transition:color .3s var(--e);white-space:nowrap;}
nav a.link:hover,nav a.link.active{color:var(--ink);}
nav .navcta{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:#fff;padding:9px 8px 9px 18px;border-radius:99px;font-size:14px;font-weight:600;transition:transform .5s var(--e);cursor:pointer;border:none;font-family:inherit;white-space:nowrap;}
nav .navcta:hover{transform:scale(1.03);}
nav .navcta .pip{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,0.15);display:flex;align-items:center;justify-content:center;}
nav .navcta svg,nav .navcta .pip svg{width:13px;height:13px;stroke:#fff;}

.btn{display:inline-flex;align-items:center;gap:11px;border:none;cursor:pointer;border-radius:99px;font-family:inherit;font-weight:600;font-size:15.5px;transition:transform .5s var(--e),box-shadow .5s var(--e);}
.btn-lg{padding:9px 9px 9px 26px;} .btn-sm{padding:9px 18px;font-size:14px;}
.btn-em{background:linear-gradient(120deg,var(--emerald),var(--emerald2));color:#fff;box-shadow:0 8px 24px -8px rgba(37,99,235,0.6);}
.btn-em:hover{transform:scale(1.03);box-shadow:0 12px 34px -8px rgba(37,99,235,0.7);}
.btn-em:active{transform:scale(0.98);}
.btn-dark{background:var(--ink);color:#fff;}
.btn-out{background:transparent;border:1px solid var(--line);color:var(--ink);}
.btn-out:hover{border-color:var(--emerald);color:var(--emerald);}
.btn .pip{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,0.18);display:flex;align-items:center;justify-content:center;transition:transform .5s var(--e);}
.btn:hover .pip{transform:translate(3px,-1px) scale(1.05);}
.btn .pip svg{width:16px;height:16px;stroke:#fff;}

section.light{padding:92px 0;}
.sec-head{max-width:640px;margin:0 auto 46px;text-align:center;}
.sec-head h2{font-size:clamp(30px,4vw,46px);margin-top:16px;}
.sec-head p{margin-top:16px;color:var(--muted);font-size:16.5px;}

.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:var(--sh-sm);transition:transform .5s var(--e),box-shadow .5s var(--e);position:relative;}
.card:hover{transform:translateY(-5px);box-shadow:var(--sh-lg);}

footer{background:var(--d-bg);color:var(--d-mut);border-top:1px solid var(--d-line);padding:40px 0;font-size:13px;}
footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
footer .fbrand{display:flex;align-items:center;gap:10px;color:var(--d-text);}
footer .fbrand .name{font-family:'Clash Display';font-weight:700;font-size:16px;}
footer .fnav{display:flex;gap:18px;flex-wrap:wrap;}
footer .fnav a{color:var(--d-mut);font-size:12.5px;} footer .fnav a:hover{color:var(--d-text);}

.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--e),transform .8s var(--e);}
.reveal.in{opacity:1;transform:translateY(0);}

@media (max-width:900px){ nav a.link{display:none;} section.light{padding:60px 0;} }