/* ============================================================
   GROWTH CONVERSION — CSS GLOBAL (toutes les pages)
   À coller UNE SEULE FOIS : Elementor > Réglages du site > CSS personnalisé
   (ou Apparence > Personnaliser > CSS additionnel).
   Chaque page enveloppe son contenu dans <div class="gc">…</div>.
   Tout est scopé sous .gc : aucun conflit avec le thème / Elementor.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&family=Caveat:wght@600&display=swap');

.gc{--b:#1d4ed8;--v:#6d28d9;--c:#06b6d4;--ink:#0b1437;--mut:#5b6785;--bg:#f5f8ff;--line:#e4eafb;--g:linear-gradient(100deg,#5b21d6,#2563eb 55%,#06c3e8);
font-family:'Montserrat',system-ui,sans-serif;color:var(--ink);line-height:1.6;overflow-x:clip;font-size:16px}
.gc *,.gc *::before,.gc *::after{box-sizing:border-box}
.gc img{max-width:100%;display:block}
.gc a{text-decoration:none;color:inherit}
.gc h1,.gc h2,.gc h3,.gc p{margin:0}
.gc svg.i{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.gc section[id]{scroll-margin-top:76px}
.gc .w{width:min(1180px,92%);margin:auto}
.gc section{padding:88px 0}
.gc .tag{display:inline-block;font-size:12px;font-weight:700;color:var(--b);background:#e8eeff;padding:6px 14px;border-radius:99px;margin-bottom:16px}
.gc .head{text-align:center;max-width:640px;margin:0 auto 48px}
.gc .head h2,.gc .ab h2{font-size:clamp(26px,3.4vw,38px);line-height:1.2;font-weight:800;letter-spacing:-.5px}
.gc .head p{color:var(--mut);margin-top:12px}
.gc .tx{background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.gc .btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:99px;font-weight:700;font-size:14px;background:var(--g);color:#fff;box-shadow:0 10px 24px -8px rgba(37,99,235,.55);transition:transform .25s,box-shadow .25s;border:0;cursor:pointer}
.gc .btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px -8px rgba(37,99,235,.6)}
.gc .btn.w2{background:#fff;color:var(--b);box-shadow:none}
.gc a:focus-visible,.gc button:focus-visible{outline:3px solid var(--c);outline-offset:3px;border-radius:8px}

/* Header */
.gc header{position:fixed;top:0;left:0;right:0;z-index:999;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s}
.gc header.s{border-color:var(--line);box-shadow:0 6px 24px -14px rgba(11,20,55,.25)}
.gc .nav{display:flex;align-items:center;justify-content:space-between;height:76px;gap:20px}
.gc .nav img{height:46px;width:auto}
.gc .menu{display:flex;gap:30px;font-size:14px;font-weight:600}
.gc .menu a{padding:6px 0;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.gc .menu a:hover,.gc .menu a.on{color:var(--b);border-color:var(--b)}
.gc .bur{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer;color:var(--ink)}
.gc .bur svg{width:28px;height:28px}

.gc .gc-sp{height:76px}
body.admin-bar .gc header{top:32px}
@media(max-width:782px){body.admin-bar .gc header{top:46px}}

/* Hero */
.gc .hero{padding:56px 0 72px;background:radial-gradient(60% 70% at 85% 30%,#e3ecff,transparent 70%),#fff}
.gc .hg{display:grid;grid-template-columns:1.02fr 1fr;gap:40px;align-items:center}
.gc .hero h1{font-size:clamp(34px,5.2vw,58px);line-height:1.08;font-weight:800;letter-spacing:-1.5px}
.gc .hero h1 span{display:block}
.gc .hero p.lead{color:var(--mut);margin:22px 0 30px;max-width:500px;font-size:16.5px}
.gc .cta{display:flex;flex-wrap:wrap;gap:22px;align-items:center}
.gc .play{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:14px;color:var(--b)}
.gc .play b{width:40px;height:40px;border-radius:50%;background:#e8eeff;display:grid;place-items:center}
.gc .mini{display:flex;flex-wrap:wrap;gap:26px;margin-top:44px}
.gc .mini div{display:flex;gap:10px;align-items:center;font-size:12.5px;color:var(--mut);line-height:1.35}
.gc .mini svg{width:40px;height:40px;padding:10px;border-radius:12px;background:#eef3ff;color:var(--b)}
.gc .mini b{display:block;color:var(--ink);font-weight:700}
.gc .vis{position:relative;aspect-ratio:1/.9}
.gc .blob{position:absolute;inset:6% 4% 4% 8%;border-radius:50%;background:linear-gradient(140deg,#7c3aed,#2563eb 50%,#06c3e8);filter:saturate(1.1);animation:fl 9s ease-in-out infinite}
.gc .lap{position:absolute;left:0;right:8%;top:16%;background:#0b1437;border:7px solid #1b2550;border-radius:14px;box-shadow:0 40px 60px -20px rgba(11,20,55,.55);overflow:hidden;transform:rotate(-4deg)}
.gc .lap img{width:100%;aspect-ratio:16/10;object-fit:cover;opacity:.92}
.gc .lap::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(11,20,55,.65),rgba(37,99,235,.15))}
.gc .lap p{position:absolute;z-index:2;left:8%;bottom:14%;color:#fff;font-weight:800;font-size:clamp(14px,2.2vw,24px);line-height:1.15}
.gc .lap p span{color:#22d3ee;display:block}
.gc .fc{position:absolute;background:#fff;border-radius:16px;padding:14px 16px;box-shadow:0 22px 40px -16px rgba(11,20,55,.35);display:flex;gap:10px;align-items:center;font-size:12px;color:var(--mut);animation:fl 6s ease-in-out infinite}
.gc .fc b{display:block;font-size:20px;color:var(--ink)}
.gc .fc svg{width:38px;height:38px;padding:9px;border-radius:12px;background:var(--g);color:#fff}
.gc .f1{right:0;bottom:6%;animation-delay:-2s}
.gc .f2{left:2%;top:4%;animation-delay:-4s}
@keyframes fl{50%{transform:translateY(-10px)}}

/* Services */
.gc .sv{background:var(--bg)}
.gc .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.gc .card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;flex-direction:column}
.gc .card:hover{transform:translateY(-6px);box-shadow:0 24px 40px -22px rgba(37,99,235,.45);border-color:#c9d7ff}
.gc .ic{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#e8eeff;color:var(--b);margin-bottom:18px}
.gc .ic svg{width:24px;height:24px}
.gc .card:nth-child(3n+2) .ic{background:#e0f7fc;color:#0891b2}
.gc .card:nth-child(3n) .ic{background:#efe7ff;color:var(--v)}
.gc .card h3{font-size:18px;font-weight:700;margin-bottom:8px}
.gc .card p{font-size:14px;color:var(--mut);flex:1}
.gc .more{display:inline-flex;gap:6px;align-items:center;margin-top:18px;font-size:13px;font-weight:700;color:var(--b)}
.gc .more svg{width:16px;height:16px;transition:transform .2s}
.gc .card:hover .more svg{transform:translateX(5px)}
.gc .ban{grid-column:span 2;border-radius:20px;overflow:hidden;position:relative;color:#fff;padding:34px;display:flex;flex-direction:column;justify-content:center;min-height:230px;background:var(--g)}
.gc .ban img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;mix-blend-mode:luminosity}
.gc .ban>*{position:relative}
.gc .ban h3{font-size:clamp(22px,2.6vw,28px);line-height:1.2;max-width:340px;margin:6px 0 10px;font-weight:800}
.gc .ban p{font-size:14px;max-width:340px;opacity:.92;margin-bottom:20px}
.gc .ban .btn{align-self:flex-start;padding:11px 22px}

/* Stats */
.gc .st{padding:56px 0;background:#fff}
.gc .sg{display:grid;grid-template-columns:repeat(4,1fr)}
.gc .sg div{text-align:center;padding:10px 16px;border-left:1px solid var(--line)}
.gc .sg div:first-child{border:0}
.gc .sg svg{width:34px;height:34px;padding:7px;border-radius:10px;background:#e8eeff;color:var(--b);margin:0 auto 8px}
.gc .sg b{display:block;font-size:clamp(30px,4vw,42px);font-weight:800;line-height:1.1}
.gc .sg span{font-size:13px;color:var(--mut)}

/* About */
.gc .ab{background:var(--bg)}
.gc .ag{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.gc .ph{position:relative}
.gc .ph>img{border-radius:28px;aspect-ratio:4/3.3;object-fit:cover;width:100%;box-shadow:0 30px 60px -28px rgba(11,20,55,.5)}
.gc .ph .fc{left:8%;bottom:-24px;animation:none}
.gc .ab p.t{color:var(--mut);margin:16px 0 22px}
.gc .ck{list-style:none;padding:0;margin:0 0 30px;display:grid;gap:12px}
.gc .ck li{display:flex;gap:12px;align-items:center;font-size:14.5px;font-weight:500}
.gc .ck svg{width:24px;height:24px;padding:5px;border-radius:50%;background:var(--c);color:#fff;stroke-width:3}

/* Process */
.gc .pg{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;position:relative;counter-reset:s}
.gc .pg::before{content:"";position:absolute;top:34px;left:12%;right:12%;border-top:2px dashed #c4d3ff}
.gc .pg>div{text-align:center;position:relative;counter-increment:s}
.gc .pg .ic{width:68px;height:68px;margin:0 auto 18px;background:#fff;border:2px solid #c4d3ff;position:relative}
.gc .pg h3{font-size:16px;font-weight:700;margin-bottom:6px}
.gc .pg h3::before{content:counter(s)". "}
.gc .pg p{font-size:13.5px;color:var(--mut);max-width:220px;margin:auto}

/* Réalisations */
.gc .rl{background:var(--bg)}
.gc .rh{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:34px;flex-wrap:wrap}
.gc .rh h2{font-size:clamp(24px,3vw,34px);font-weight:800;line-height:1.2}
.gc .rh p{color:var(--mut);margin-top:6px;font-size:14.5px}
.gc .rg{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.gc .rg a{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .3s,box-shadow .3s;display:block}
.gc .rg a:hover{transform:translateY(-5px);box-shadow:0 20px 34px -20px rgba(37,99,235,.5)}
.gc .rg img{aspect-ratio:4/3;object-fit:cover;width:100%;background:#dfe8ff}
.gc .rg div{padding:12px 14px;font-size:12px;color:var(--mut)}
.gc .rg b{display:block;color:var(--ink);font-size:13.5px}

/* Clients */
.gc .cl{padding:64px 0}
.gc .cl .head{margin-bottom:30px}

.gc .lg{--n:5;--g:32px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:28px var(--g)}
.gc .lg>*{flex:0 0 calc((100% - (var(--n) - 1)*var(--g))/var(--n));max-width:calc((100% - (var(--n) - 1)*var(--g))/var(--n));height:84px;display:flex;align-items:center;justify-content:center;margin:0;padding:0}
.gc .lg img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;filter:none;opacity:.92;transition:opacity .25s,transform .25s}
.gc .lg>img{width:100%;height:84px}
.gc .lg>*:hover img,.gc .lg>img:hover{opacity:1;transform:scale(1.05)}
.gc .lg span{font-weight:800;font-size:20px;color:#a5b0cc;text-align:center}

/* CTA */
.gc .cb{padding:0}
.gc .cbi{background:var(--g);color:#fff;padding:54px 0}
.gc .cbg{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.gc .cbg h2{font-size:clamp(22px,2.8vw,30px);font-weight:800;line-height:1.25}
.gc .cbg p{opacity:.9;font-size:14px;margin-top:6px}

/* Footer */
.gc footer{background:#0a1030;color:#b4bddb;padding:56px 0 24px;font-size:13.5px}
.gc .fg{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}
.gc footer img{height:48px;margin-bottom:12px}
.gc footer h4{color:#fff;font-size:14px;margin:0 0 14px}
.gc footer ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.gc footer a:hover{color:#22d3ee}
.gc .so{display:flex;gap:10px;margin-bottom:14px}
.gc .so a{width:38px;height:38px;border-radius:50%;border:1px solid #2a3566;display:grid;place-items:center;transition:background .2s}
.gc .so a:hover{background:var(--b);color:#fff}
.gc .bt{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid #1d2650;margin-top:38px;padding-top:20px;font-size:12.5px}

/* Entrée héros (un seul moment orchestré) + révélation douce */
.gc .hero .hg>div:first-child>*{animation:up .7s both}
.gc .hero .hg>div:first-child>*:nth-child(2){animation-delay:.1s}.gc .hero .hg>div:first-child>*:nth-child(3){animation-delay:.2s}.gc .hero .hg>div:first-child>*:nth-child(4){animation-delay:.3s}
@keyframes up{from{opacity:0;transform:translateY(22px)}}

/* Responsive */
@media(max-width:1024px){
.gc .grid{grid-template-columns:repeat(2,1fr)}.gc .ban{grid-column:span 2}
.gc .rg{grid-template-columns:repeat(3,1fr)}.gc .fg{grid-template-columns:1fr 1fr}
.gc .ag{gap:44px}}
@media(max-width:820px){
.gc section{padding:64px 0}
.gc .bur{display:block}
.gc .menu{position:absolute;top:76px;left:0;right:0;background:#fff;flex-direction:column;gap:0;padding:8px 4%;border-bottom:1px solid var(--line);box-shadow:0 20px 30px -20px rgba(11,20,55,.3);display:none}
.gc .menu.o{display:flex}.gc .menu a{padding:14px 0;border-bottom:1px solid var(--line)}
.gc .nav>.btn{display:none}
.gc .hg,.gc .ag{grid-template-columns:1fr}
.gc .vis{max-width:520px;margin:10px auto 0;width:100%}
.gc .sg{grid-template-columns:1fr 1fr;row-gap:26px}.gc .sg div:nth-child(3){border:0}
.gc .pg{grid-template-columns:1fr 1fr;row-gap:36px}.gc .pg::before{display:none}
.gc .ph{margin-bottom:24px}}
@media(max-width:560px){
.gc .grid,.gc .rg{grid-template-columns:1fr}.gc .ban{grid-column:auto}
.gc .rg{grid-template-columns:1fr 1fr}
.gc .fg{grid-template-columns:1fr}.gc .pg{grid-template-columns:1fr}
.gc .cbg{flex-direction:column;align-items:flex-start}.gc .bt{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.gc *{animation:none!important;transition:none!important}}

/* Plans */
.gc .pr{background:#fff}
.gc .prg{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:stretch;margin-top:36px}
.gc .plan{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 22px 40px -30px rgba(11,20,55,.35);transition:transform .3s,box-shadow .3s}
.gc .plan:hover{transform:translateY(-6px)}
.gc .plan.pop{border:2px solid #4f46e5;box-shadow:0 30px 50px -28px rgba(79,70,229,.55)}
.gc .plan.biz{background:linear-gradient(160deg,#0a1030,#14206b 62%,#3b1fa8);color:#fff;border-color:transparent;overflow:hidden}
.gc .plan.biz::before{content:"";position:absolute;right:0;top:0;width:65%;height:55%;background:linear-gradient(210deg,rgba(6,195,232,.35),transparent 62%)}
.gc .plan>*:not(.pb){position:relative;z-index:1}
.gc .pb{position:absolute;z-index:2;display:inline-flex;gap:6px;align-items:center;font-size:11.5px;font-weight:700;padding:7px 16px;border-radius:99px;white-space:nowrap}
.gc .pop .pb{top:-17px;left:50%;transform:translateX(-50%);background:linear-gradient(100deg,#2563eb,#6d28d9);color:#fff}
.gc .pb svg{width:14px;height:14px;fill:currentColor}
.gc .biz .pb{top:22px;right:22px;border:1.5px solid #22d3ee;color:#fff;font-size:10.5px;text-transform:uppercase;letter-spacing:.3px}
.gc .pi{width:62px;height:62px;border-radius:16px;display:grid;place-items:center;background:#e8eeff;color:var(--b);margin-bottom:20px}
.gc .pop .pi{background:#efe7ff;color:var(--v)}
.gc .biz .pi{background:linear-gradient(135deg,#2563eb,#06c3e8);color:#fff}
.gc .pi svg{width:30px;height:30px}
.gc .plan h3{font-size:28px;font-weight:800;letter-spacing:-.5px}
.gc .pd{font-size:14px;color:var(--mut);margin:6px 0 20px;min-height:46px}
.gc .biz .pd{color:#c9d3f5}
.gc .pp{display:flex;align-items:baseline;gap:6px;margin-bottom:22px}
.gc .pp b{font-size:clamp(38px,4.4vw,48px);font-weight:800;line-height:1;letter-spacing:-1.5px}
.gc .pp sup{font-size:15px;font-weight:700;top:-.7em;position:relative}
.gc .pp span{font-size:13px;color:var(--mut)}
.gc .biz .pp span{color:#9fb0e6}
.gc .plan ul{list-style:none;margin:0 0 28px;padding:0 0 24px;display:grid;gap:12px;flex:1;font-size:14px;border-bottom:1px solid var(--line);align-content:start}
.gc .biz ul{border-color:rgba(255,255,255,.14)}
.gc .plan li{display:flex;gap:11px;align-items:flex-start;line-height:1.4}
.gc .plan li svg{width:18px;height:18px;margin-top:1px;stroke-width:2.6;color:var(--b)}
.gc .pop li svg{color:var(--v)}
.gc .biz li svg{color:#22d3ee}
.gc .plan .btn{justify-content:center;width:100%}
.gc .btn.ol{background:#fff;color:var(--b);border:1.5px solid var(--b);box-shadow:none}
.gc .btn.ol:hover{background:#eef3ff;box-shadow:none}
.gc .btn.cy{background:linear-gradient(100deg,#06c3e8,#6d28d9)}
.gc .prt{display:grid;grid-template-columns:repeat(4,1fr);margin-top:44px;background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:22px 10px}
.gc .prt div{display:flex;gap:14px;align-items:center;justify-content:center;padding:4px 16px;font-size:13px;color:var(--mut);line-height:1.35;border-left:1px solid var(--line)}
.gc .prt div:first-child{border:0}
.gc .prt svg{width:34px;height:34px;color:var(--b);stroke-width:1.6}
@media(max-width:1024px){
.gc .prg{grid-template-columns:1fr;max-width:540px;margin-inline:auto}
.gc .pd{min-height:0}
.gc .prt{grid-template-columns:1fr 1fr;row-gap:18px}.gc .prt div:nth-child(3){border:0}}
@media(max-width:560px){.gc .prt{grid-template-columns:1fr}.gc .prt div{border:0;justify-content:flex-start}.gc .plan{padding:26px 22px}.gc .biz .pb{position:relative;top:auto;right:auto;align-self:flex-start;margin-bottom:12px}}

/* Contact */
.gc .ch{padding:56px 0 48px;background:radial-gradient(55% 70% at 85% 35%,#e3ecff,transparent 70%),#fff}
.gc .chg{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center}
.gc .ch h1{font-size:clamp(32px,4.6vw,52px);line-height:1.1;font-weight:800;letter-spacing:-1.3px}
.gc .ch h1 span{display:block}
.gc .ch .lead{color:var(--mut);margin:20px 0 32px;max-width:470px}
.gc .ci{display:flex;flex-wrap:wrap;gap:22px 30px}
.gc .ci a,.gc .ci div{display:flex;gap:12px;align-items:center;font-size:12.5px;color:var(--mut);line-height:1.4}
.gc .ci b{display:block;color:var(--b);font-size:14px;font-weight:700}
.gc .ci svg,.gc .cr svg{width:46px;height:46px;padding:12px;border-radius:50%;background:var(--g);color:#fff}
.gc .cv{position:relative;min-height:340px}
.gc .cv img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:28px 28px 28px 110px;background:linear-gradient(135deg,#dbe6ff,#c4d3ff);box-shadow:0 34px 60px -30px rgba(11,20,55,.5)}
.gc .cv .bb{position:absolute;display:grid;place-items:center;color:#fff;border-radius:22px;box-shadow:0 20px 34px -14px rgba(37,99,235,.6);animation:fl 7s ease-in-out infinite}
.gc .cv .b1{width:76px;height:76px;left:-26px;top:12%;background:linear-gradient(135deg,#2563eb,#06c3e8);transform:rotate(-10deg)}
.gc .cv .b2{width:58px;height:58px;left:24px;top:38%;background:linear-gradient(135deg,#7c3aed,#2563eb);animation-delay:-3s}
.gc .cv .bb svg{width:34px;height:34px}
.gc .cv em{position:absolute;right:2%;top:-30px;font-family:'Caveat','Segoe Script',cursive;font-style:normal;font-size:clamp(20px,2.6vw,30px);font-weight:600;color:#1e3a8a;transform:rotate(-6deg);line-height:1.1;text-align:center}

.gc .cf{padding:20px 0 72px}
.gc .cfc{display:grid;grid-template-columns:1.25fr 1fr;gap:48px;background:#fff;border:1px solid var(--line);border-radius:26px;padding:42px;box-shadow:0 30px 60px -40px rgba(11,20,55,.35)}
.gc .cfc h2{font-size:clamp(22px,2.6vw,28px);font-weight:800;line-height:1.25;letter-spacing:-.4px}
.gc .cfc .sub{color:var(--mut);font-size:14px;margin:8px 0 26px}
.gc .cfi{background:linear-gradient(160deg,#f4f7ff,#fff);border-radius:20px;padding:30px;display:flex;flex-direction:column;gap:26px}
.gc .cr{display:flex;gap:16px;align-items:flex-start;font-size:13px;color:var(--mut);line-height:1.5}
.gc .cr svg{background:#e3ecff;color:var(--b);flex:none}
.gc .cr b{display:block;color:var(--ink);font-size:14px}
.gc .cr strong{display:block;color:var(--ink);font-size:15px;font-weight:600}
.gc .cq{margin-top:auto;border-radius:18px;padding:28px;background:linear-gradient(135deg,#dbeafe,#f1e8ff)}
.gc .cq>svg{width:36px;height:36px;color:var(--b);margin-bottom:12px}
.gc .cq h3{font-size:19px;font-weight:800;line-height:1.3;margin-bottom:8px}
.gc .cq p{font-size:13.5px;color:var(--mut);margin-bottom:18px}
.gc .cq .btn{padding:11px 22px;font-size:13px}

/* Contact Form 7 */
.gc .ctf p{margin:0}.gc .ctf br{display:none}
.gc .ctf label{display:block;font-size:13.5px;font-weight:700;margin-bottom:18px}
.gc .ctf .wpcf7-form-control-wrap{display:block;margin-top:8px;position:relative}
.gc .ctf input[type=text],.gc .ctf input[type=email],.gc .ctf input[type=tel],.gc .ctf select,.gc .ctf textarea{width:100%;max-width:100%;font:inherit;font-size:14px;font-weight:400;color:var(--ink);background-color:#fff;border:1.5px solid var(--line);border-radius:12px;padding:14px 16px 14px 46px;margin:0;box-shadow:none;transition:border-color .2s,box-shadow .2s;background-repeat:no-repeat;background-position:16px center;background-size:18px;-webkit-appearance:none;appearance:none}
.gc .ctf input[type=email]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3Cpath d='m22 7-10 5L2 7'/%3E%3C/svg%3E")}
.gc .ctf input[name=your-name]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E")}
.gc .ctf input[type=tel]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E")}
.gc .ctf select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:16px center,right 16px center;background-size:18px,18px;padding-right:44px;cursor:pointer}
.gc .ctf textarea{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");background-position:16px 16px;min-height:150px;resize:vertical}
.gc .ctf ::placeholder{color:#9aa6c0;opacity:1}
.gc .ctf input:focus,.gc .ctf select:focus,.gc .ctf textarea:focus{outline:0;border-color:var(--b);box-shadow:0 0 0 4px rgba(37,99,235,.12)}
.gc .ctf .wpcf7-not-valid{border-color:#dc2626}
.gc .ctf .wpcf7-not-valid-tip{display:block;font-size:12px;font-weight:500;color:#dc2626;margin-top:6px}
.gc .ctf .ct-sub{position:relative;margin-top:8px}
.gc .ctf .wpcf7-submit{width:100%;border:0;border-radius:99px;padding:16px 26px;font:inherit;font-size:14.5px;font-weight:700;color:#fff;background:var(--g);box-shadow:0 12px 26px -10px rgba(37,99,235,.6);cursor:pointer;transition:transform .25s,box-shadow .25s}
.gc .ctf .wpcf7-submit:hover{transform:translateY(-2px);box-shadow:0 18px 30px -10px rgba(37,99,235,.65)}
.gc .ctf .wpcf7-spinner{position:absolute;right:20px;top:50%;margin:-12px 0 0;background-color:#fff}
.gc .ctf .wpcf7 form .wpcf7-response-output{margin:18px 0 0;padding:12px 16px;border-radius:12px;font-size:13.5px;border:1.5px solid #f59e0b;background:#fffbeb;color:#92400e}
.gc .ctf .wpcf7 form.sent .wpcf7-response-output{border-color:#16a34a;background:#f0fdf4;color:#166534}
.gc .ctf .wpcf7 form.failed .wpcf7-response-output,.gc .ctf .wpcf7 form.aborted .wpcf7-response-output{border-color:#dc2626;background:#fef2f2;color:#991b1b}

.gc .ag2{padding:24px 0 80px}
.gc .ag2g{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:center}
.gc .ag2 h2{font-size:clamp(26px,3.2vw,36px);font-weight:800;letter-spacing:-.5px;line-height:1.2}
.gc .ag2 p.t{color:var(--mut);margin:14px 0 30px;max-width:420px}
.gc .ag2f{display:grid;grid-template-columns:repeat(3,1fr)}
.gc .ag2f div{padding:0 18px;border-left:1px solid var(--line);font-size:12.5px;color:var(--mut);line-height:1.45}
.gc .ag2f div:first-child{border:0;padding-left:0}
.gc .ag2f svg{width:42px;height:42px;padding:10px;border-radius:50%;background:#e3ecff;color:var(--b);margin-bottom:10px}
.gc .ag2f b{display:block;color:var(--ink);font-size:14px}
.gc .map{border-radius:24px;overflow:hidden;border:6px solid #fff;box-shadow:0 30px 60px -34px rgba(11,20,55,.5);aspect-ratio:16/10;background:#dfe8ff}
.gc .map iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:900px){
.gc .chg,.gc .cfc,.gc .ag2g{grid-template-columns:1fr}
.gc .cfc{padding:28px 22px;gap:30px}
.gc .cv{max-width:520px;margin:20px auto 0;width:100%}
.gc .cv .b1{left:-8px}
.gc .ag2f{row-gap:20px}}
@media(max-width:560px){.gc .ag2f{grid-template-columns:1fr}.gc .ag2f div{border:0;padding:0}.gc .cfi{padding:22px}}

/* Pages services */
.gc .sx-h{padding:56px 0 64px;background:radial-gradient(60% 80% at 88% 20%,#e3ecff,transparent 70%),#fff}
.gc .sx-hg{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center}
.gc .sx-h h1{font-size:clamp(30px,4.2vw,46px);line-height:1.12;font-weight:800;letter-spacing:-1.2px}
.gc .sx-h h1 .tx{display:inline}
.gc .sx-h .lead{color:var(--mut);margin:20px 0 30px;max-width:480px}
.gc .sx-v{aspect-ratio:1/.82;min-height:300px}
.gc .sx-v .blob{inset:4% 2% 2% 14%}
.gc .sx-img{position:absolute;left:6%;right:10%;top:12%;bottom:14%;border-radius:22px;overflow:hidden;border:6px solid #fff;box-shadow:0 34px 56px -26px rgba(11,20,55,.5);transform:rotate(-3deg);background:linear-gradient(135deg,#c4d3ff,#9fd6f5)}
.gc .sx-img img{width:100%;height:100%;object-fit:cover}
.gc .sx-v .f1{right:0;bottom:2%}.gc .sx-v .f2{left:0;top:6%}
.gc .sx-f{padding:0 0 64px}
.gc .sx-fg{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-top:1px solid var(--line);padding-top:40px}
.gc .sx-fi{display:flex;flex-direction:column;gap:14px;font-size:13px;color:var(--mut);line-height:1.45}
.gc .sx-fi svg{width:50px;height:50px;padding:13px;border-radius:14px;background:#e8eeff;color:var(--b)}
.gc .sx-fi:nth-child(even) svg{background:#efe7ff;color:var(--v)}
.gc .sx-fi b{display:block;color:var(--ink);font-size:15px;font-weight:700;margin-bottom:2px}
.gc .sx-w{background:var(--bg)}
.gc .sx-wg{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.gc .sx-w h2{font-size:clamp(24px,3vw,34px);font-weight:800;line-height:1.25;letter-spacing:-.5px}
.gc .sx-w .ck{margin:24px 0 30px}
.gc .sx-wv{position:relative;border-radius:26px;overflow:hidden;aspect-ratio:4/3.1;background:linear-gradient(135deg,#6d28d9,#2563eb 55%,#06c3e8);box-shadow:0 30px 60px -30px rgba(37,99,235,.55)}
.gc .sx-wv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5;mix-blend-mode:luminosity}
.gc .sx-wv .fc{left:6%;bottom:8%;animation:none}
.gc .sx-wv .fc b{font-size:24px}
@media(max-width:900px){
.gc .sx-hg,.gc .sx-wg{grid-template-columns:1fr}.gc .sx-wg{gap:36px}
.gc .sx-v{max-width:520px;margin:10px auto 0;width:100%}
.gc .sx-fg{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.gc .sx-fg{grid-template-columns:1fr}.gc .sx-fi{flex-direction:row;align-items:center}.gc .sx-fi svg{flex:none}}

/* Menu déroulant Services */
.gc .dd{position:relative;display:flex;align-items:center;gap:2px}
.gc .dd-b{background:none;border:0;padding:6px 4px;cursor:pointer;color:inherit;display:grid;place-items:center;border-radius:8px}
.gc .dd-b svg{width:16px;height:16px;stroke-width:2.2;transition:transform .2s}
.gc .dd.o .dd-b svg,.gc .dd:hover .dd-b svg{transform:rotate(180deg)}
.gc .dd-m{list-style:none;margin:0;padding:10px;position:absolute;top:calc(100% + 14px);left:-18px;min-width:268px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 28px 44px -22px rgba(11,20,55,.4);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s}
.gc .dd-m::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.gc .dd:hover .dd-m,.gc .dd:focus-within .dd-m,.gc .dd.o .dd-m{opacity:1;visibility:visible;transform:none}
.gc .menu .dd-m a{display:flex;gap:12px;align-items:center;padding:9px 12px;border:0;border-radius:12px;font-weight:600;font-size:13.5px;white-space:nowrap}
.gc .menu .dd-m a:hover,.gc .menu .dd-m a.on{background:#eef3ff;color:var(--b)}
.gc .dd-m svg{width:36px;height:36px;padding:9px;border-radius:10px;background:#e8eeff;color:var(--b)}
@media(max-width:820px){
.gc .dd{flex-wrap:wrap;border-bottom:1px solid var(--line)}
.gc .menu .dd>a{flex:1;border-bottom:0}
.gc .dd-b{width:44px;height:44px}
.gc .dd:hover .dd-b svg{transform:none}.gc .dd.o .dd-b svg{transform:rotate(180deg)}
.gc .dd-m{position:static;display:none;width:100%;min-width:0;padding:0 0 8px;border:0;box-shadow:none;opacity:1;visibility:visible;transform:none;border-radius:0}
.gc .dd-m::before{display:none}
.gc .dd.o .dd-m{display:block}
.gc .dd:hover .dd-m:not(:focus-within){opacity:1}}

/* Page À propos */
.gc .ap-s{padding:80px 0}
.gc .ap-t{font-size:clamp(26px,3.2vw,38px);font-weight:800;line-height:1.2;letter-spacing:-.5px}
.gc .ap-p{color:var(--mut);margin:14px 0 28px;max-width:540px}
.gc .ap-p b{color:var(--ink);font-weight:600}
.gc .ap-g{display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:center}
.gc .ap-s .ph>img{background:linear-gradient(135deg,#c4d3ff,#9fd6f5);min-height:260px}
.gc .cv em.in{left:6%;right:auto;top:9%;text-align:left;z-index:2;font-size:clamp(20px,2.4vw,28px);text-shadow:0 1px 8px rgba(255,255,255,.7)}
.gc .ap-val{background:linear-gradient(160deg,#f4f7ff,#fff);border:1px solid var(--line);border-radius:28px;padding:40px;display:grid;grid-template-columns:1fr 1.7fr;gap:36px;align-items:center}
.gc .ap-vg{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.gc .ap-vc{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 14px;text-align:center;font-size:13px;color:var(--mut);line-height:1.45;transition:transform .3s,box-shadow .3s}
.gc .ap-vc:hover{transform:translateY(-5px);box-shadow:0 22px 36px -22px rgba(37,99,235,.5)}
.gc .ap-vc svg{width:64px;height:64px;padding:17px;border-radius:50%;background:linear-gradient(135deg,#e8eeff,#efe7ff);color:var(--b);margin:0 auto 14px}
.gc .ap-vc b{display:block;color:var(--ink);font-size:15px;margin-bottom:4px}
.gc .ap-imp{background:var(--bg)}
.gc .ap-ig{display:grid;grid-template-columns:1fr 1.7fr;gap:40px;align-items:center}
@media(max-width:900px){
.gc .ap-s{padding:60px 0}
.gc .ap-g,.gc .ap-val,.gc .ap-ig{grid-template-columns:1fr;gap:36px}
.gc .ap-val{padding:28px 22px}
.gc .ap-vg{grid-template-columns:1fr 1fr}
.gc .ap-s .cv{max-width:560px;width:100%;margin:0 auto}}
@media(max-width:480px){.gc .ap-vg{grid-template-columns:1fr}}

@media(max-width:900px){.gc .lg{--n:3;--g:24px}.gc .lg>*,.gc .lg>img{height:72px}}
@media(max-width:560px){.gc .lg{--n:2;--g:20px}}

/* Page Réalisations */
.gc .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.gc .rf-h{padding:60px 0 8px;text-align:center;background:radial-gradient(55% 90% at 50% 0,#e3ecff,transparent 70%),#fff}
.gc .rf-h h1{font-size:clamp(30px,4.4vw,48px);line-height:1.12;font-weight:800;letter-spacing:-1.2px;max-width:760px;margin:0 auto}
.gc .rf-h .lead{color:var(--mut);margin:18px auto 0;max-width:520px}
.gc .rf-s{padding:32px 0 80px}
.gc .rf-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:22px}
.gc .rf-b{font:inherit;font-size:13.5px;font-weight:600;color:var(--mut);background:#fff;border:1.5px solid var(--line);border-radius:99px;padding:10px 18px;cursor:pointer;transition:border-color .2s,color .2s,box-shadow .2s,background .2s}
.gc .rf-b:hover{border-color:#b9c9ff;color:var(--b)}
.gc .rf-b[aria-pressed=true]{background:var(--g);color:#fff;border-color:transparent;box-shadow:0 10px 22px -10px rgba(37,99,235,.6)}
.gc .rf-b em{font-style:normal;font-size:11px;font-weight:700;opacity:.7;margin-left:6px}
.gc .rf-n{text-align:center;font-size:13px;color:var(--mut);margin:0 0 28px}
.gc .rf-g{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.gc .rf-c{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s,border-color .3s;animation:rfin .45s both}
.gc .rf-c[hidden],.gc .rf-e[hidden]{display:none}
.gc .rf-c:hover{transform:translateY(-6px);box-shadow:0 28px 46px -26px rgba(37,99,235,.5);border-color:#c9d7ff}
.gc .rf-i{display:block;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#dbe6ff,#c4d3ff)}
.gc .rf-i img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s}
.gc .rf-c:hover .rf-i img{transform:scale(1.04)}
.gc .rf-bd{padding:26px;display:flex;flex-direction:column;gap:10px;flex:1}
.gc .rf-t{display:flex;flex-wrap:wrap;gap:6px}
.gc .rf-t span{font-size:11.5px;font-weight:700;color:var(--b);background:#e8eeff;padding:4px 12px;border-radius:99px}
.gc .rf-t span:nth-child(2){color:var(--v);background:#efe7ff}
.gc .rf-c h3{font-size:22px;font-weight:800;letter-spacing:-.3px}
.gc .rf-c p{font-size:14px;color:var(--mut);flex:1}
.gc .rf-c .more{margin-top:6px}
.gc .rf-c .more svg{width:16px;height:16px}
.gc .rf-e{text-align:center;padding:56px 24px;border:1.5px dashed #c4d3ff;border-radius:22px;background:var(--bg);color:var(--mut)}
.gc .rf-e h3{font-size:20px;color:var(--ink);font-weight:800;margin-bottom:8px}
.gc .rf-e p{margin-bottom:22px}
@keyframes rfin{from{opacity:0;transform:translateY(18px) scale(.98)}}
@media(max-width:820px){.gc .rf-g{grid-template-columns:1fr}.gc .rf-s{padding-bottom:60px}
.gc .rf-bar{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:2px 4px 10px;margin-inline:-4%;padding-inline:4%;scrollbar-width:none}
.gc .rf-bar::-webkit-scrollbar{display:none}.gc .rf-b{flex:none}}

/* Packs 360° */
.gc .pk .prg{margin-top:44px}
.gc .pk .plan{padding:30px 30px 32px}
.gc .pk .plan ul{border:0;padding:0;margin:0 0 28px;gap:13px;font-size:15px}
.gc .pk-l{align-self:flex-start;font-size:13px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;padding:9px 22px;border-radius:99px;margin-bottom:24px}
.gc .pk-l.a{background:#e8eeff;color:var(--b)}
.gc .pk-l.b{background:linear-gradient(100deg,#06c3e8,#2563eb);color:#fff}
.gc .pk-l.c{background:#efe7ff;color:var(--v)}
.gc .pk .plan.dk{background:linear-gradient(160deg,#0a1030,#14206b 62%,#3b1fa8);color:#fff;border-color:transparent;box-shadow:0 34px 56px -28px rgba(37,99,235,.65)}
.gc .pk .plan.dk::before{content:"";position:absolute;right:0;top:0;width:65%;height:50%;border-radius:0 22px 0 0;background:linear-gradient(210deg,rgba(6,195,232,.32),transparent 62%)}
.gc .pk .dk li svg{color:#22d3ee}
.gc .pk .pkc li svg{color:var(--v)}
.gc .pk-b{top:-17px;right:24px;background:var(--g);color:#fff;text-transform:uppercase;letter-spacing:.4px;box-shadow:0 10px 20px -8px rgba(37,99,235,.6)}
.gc .pk-t{font-size:13.5px;color:var(--mut);text-decoration:line-through;margin-bottom:6px}
.gc .dk .pk-t{color:#9fb0e6}
.gc .pk .pp{margin-bottom:24px}
.gc .pk .pp span{font-size:15px}
.gc .pk .dk .pp b{color:#22d3ee}
.gc .pk .plan .btn{padding:15px 20px;font-size:14px}
.gc .pk-n{font-size:12.5px;color:var(--mut);margin:20px 4px 0;text-align:center}
@media(max-width:1024px){.gc .pk .prg{gap:34px}}

/* Packs sites web */
.gc .pk-w .pp{margin-bottom:4px}
.gc .pk-w .pp span{font-size:14px}
.gc .pk-s{font-style:italic;color:var(--mut);margin:0 0 22px;font-size:15px}
.gc .dk .pk-s{color:#c9d3f5}
.gc .pk-w .plan ul{flex:1}
.gc .pk-f{margin:0;text-align:center;font-weight:700;font-size:14px;padding:15px 20px;border-radius:99px;background:#eef3ff;color:var(--ink)}
.gc .pk-f span{color:var(--b);margin-right:4px}
.gc .dk .pk-f{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.2)}
.gc .dk .pk-f span{color:#22d3ee}
.gc .pkc .pk-f span{color:var(--v)}