:root{
  --gf-navy:#0a1630;
  --gf-blue:#2563eb;
  --gf-blue-2:#0ea5e9;
  --gf-cyan:#5eead4;
  --gf-green:#22c55e;
  --gf-violet:#8b5cf6;
  --gf-orange:#f59e0b;
  --gf-red:#ef4444;
  --gf-ink:#0f172a;
  --gf-muted:#64748b;
  --gf-line:#dbe7f6;
  --gf-bg:#f7fbff;
  --gf-white:#fff;
  --gf-shadow:0 24px 70px rgba(15,23,42,.13);
}

body.gestformat-commercial{
  margin:0;
  background:#fff;
  color:var(--gf-ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overflow-x:hidden;
}
body.gestformat-commercial #site-header{
  background:rgba(8,19,39,.98);
  border:0;
  padding:16px clamp(20px,5vw,76px) 12px;
  position:sticky;
  top:0;
  z-index:1000;
  backdrop-filter:blur(18px);
  box-shadow:none;
}
body.gestformat-commercial .logo-site{
  color:#fff;
  font-size:25px;
  letter-spacing:-.035em;
  font-weight:900;
}
body.gestformat-commercial .logo-site a{color:inherit;text-decoration:none}
body.gestformat-commercial .logo-site a span{
  background:linear-gradient(90deg,#60a5fa,#22d3ee);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
body.gestformat-commercial #site-nav{
  position:sticky;
  top:61px;
  z-index:999;
  background:rgba(8,19,39,.98);
  border:0;
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(96,165,250,.18);
  padding:10px clamp(20px,5vw,76px) 13px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  backdrop-filter:blur(18px);
  box-shadow:0 10px 30px rgba(8,19,39,.12);
}
body.gestformat-commercial #site-nav .nav-item a{
  border:0!important;
  padding:10px 14px!important;
  border-radius:11px!important;
  color:#dbeafe!important;
  font-weight:800;
  font-size:14px;
  text-decoration:none;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
body.gestformat-commercial #site-nav .nav-item a span{color:inherit!important}
body.gestformat-commercial #site-nav .nav-item a:hover{
  background:rgba(96,165,250,.14)!important;
  color:#fff!important;
  transform:translateY(-1px);
}
body.gestformat-commercial #site-nav .nav-item a.actif{
  background:linear-gradient(135deg,#2563eb,#0ea5e9)!important;
  color:#fff!important;
  box-shadow:0 8px 22px rgba(37,99,235,.28);
}
body.gestformat-commercial #site-nav .nav-item a.nav-cta{
  background:#fff!important;
  color:#102653!important;
  margin-left:8px;
}
body.gestformat-commercial #site-nav .nav-item a.nav-cta:hover{
  background:#dbeafe!important;
  color:#0e4bbf!important;
}
body.gestformat-commercial #site-nav .nav-logo{display:none}
body.gestformat-commercial main{max-width:none;margin:0;padding:0}
body.gestformat-commercial main > section{margin:0;border:0;border-radius:0}
body.gestformat-commercial footer{background:#081327;color:#cbd5e1;border:0;padding:26px clamp(20px,5vw,76px)}
body.gestformat-commercial footer a{color:#e2e8f0}

.gf-wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}
.gf-hero{
  position:relative;
  min-height:720px;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 83% 12%,rgba(94,234,212,.25),transparent 27%),
    radial-gradient(circle at 58% 30%,rgba(37,99,235,.18),transparent 28%),
    linear-gradient(135deg,#f8fbff 0%,#eef7ff 46%,#f8fffd 100%);
}
.gf-hero:before{content:"";position:absolute;inset:auto -10% -45% 25%;height:650px;background:linear-gradient(135deg,rgba(37,99,235,.22),rgba(94,234,212,.2));filter:blur(70px);transform:rotate(-8deg);border-radius:50%}
.gf-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center;padding:80px 0}
.gf-pill{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border-radius:999px;background:#e7f1ff;color:#174ea6;font-weight:800;font-size:13px;box-shadow:inset 0 0 0 1px rgba(37,99,235,.08)}
.gf-pill:before{content:"";width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.12)}
.gf-hero h1{margin:18px 0 20px;font-size:clamp(48px,6vw,76px);line-height:.98;letter-spacing:-.055em;color:#102653;max-width:760px}
.gf-hero h1 span{background:linear-gradient(90deg,#2563eb,#06b6d4);-webkit-background-clip:text;background-clip:text;color:transparent}
.gf-lead{max-width:700px;color:#42526f;font-size:19px;line-height:1.55;margin:0 0 25px}
.gf-price-box{display:flex;gap:14px;flex-wrap:wrap;margin:25px 0 24px}
.gf-price{min-width:220px;background:rgba(255,255,255,.88);border:1px solid rgba(37,99,235,.15);border-radius:18px;padding:16px 19px;box-shadow:0 12px 34px rgba(15,23,42,.08)}
.gf-price strong{display:block;font-size:30px;color:#102653;letter-spacing:-.03em}.gf-price small{display:block;color:#64748b;margin-top:2px}
.gf-price.renew strong{color:#0f766e}
.gf-actions{display:flex;gap:12px;flex-wrap:wrap}.gf-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:13px;font-weight:800;text-decoration:none;transition:.22s transform,.22s box-shadow}.gf-btn:hover{transform:translateY(-2px)}
.gf-btn-primary{background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;box-shadow:0 14px 30px rgba(37,99,235,.28)}
.gf-btn-secondary{background:#fff;color:#183b78;border:1px solid #cfdcf0}
.gf-fine{font-size:13px;color:#64748b;margin-top:14px}
.gf-screen-shell{position:relative;perspective:1400px}
.gf-screen{position:relative;background:#071327;border:1px solid rgba(255,255,255,.18);border-radius:26px;padding:10px;box-shadow:0 40px 85px rgba(16,38,83,.24);transform:rotateY(-5deg) rotateX(1deg);overflow:hidden}
.gf-screen img{display:block;width:100%;height:auto;border-radius:18px}.gf-screen:after{content:"";position:absolute;inset:10px;border-radius:18px;background:linear-gradient(120deg,rgba(255,255,255,.14),transparent 33%);pointer-events:none}
.gf-float{position:absolute;background:rgba(255,255,255,.96);border:1px solid rgba(37,99,235,.12);border-radius:16px;padding:13px 15px;box-shadow:0 18px 45px rgba(15,23,42,.15);font-weight:800;color:#173766;animation:gfFloat 5s ease-in-out infinite}.gf-float small{display:block;color:#64748b;font-weight:600;margin-top:3px}.gf-float.one{left:-35px;bottom:80px}.gf-float.two{right:-26px;top:72px;animation-delay:-1.6s}
@keyframes gfFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

.gf-trust{border-top:1px solid #e6eef8;border-bottom:1px solid #e6eef8;background:#fff}.gf-trust-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:18px 0}.gf-mini{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;color:#314560;font-weight:800;font-size:13px}.gf-mini i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eff6ff;color:#2563eb;font-style:normal;font-size:18px}

.gf-section{padding:90px 0}.gf-section.alt{background:linear-gradient(180deg,#f7fbff 0%,#fff 100%)}.gf-kicker{color:#2563eb;font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.gf-title{font-size:clamp(34px,4vw,52px);line-height:1.03;letter-spacing:-.045em;color:#102653;margin:10px 0 14px}.gf-sub{color:#64748b;font-size:18px;line-height:1.6;max-width:760px}
.gf-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}.gf-card{position:relative;overflow:hidden;background:#fff;border:1px solid #e4edf8;border-radius:22px;padding:26px;box-shadow:0 16px 40px rgba(15,23,42,.055);transition:.25s transform,.25s box-shadow}.gf-card:hover{transform:translateY(-5px);box-shadow:0 24px 55px rgba(15,23,42,.1)}.gf-card-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:24px;margin-bottom:20px}.gf-card h3{font-size:20px;color:#102653;margin:0 0 9px}.gf-card p{font-size:15px;line-height:1.55;color:#64748b;margin:0}.gf-card:nth-child(1) .gf-card-icon{background:#eaf2ff}.gf-card:nth-child(2) .gf-card-icon{background:#e9fbf3}.gf-card:nth-child(3) .gf-card-icon{background:#f4edff}.gf-card:nth-child(4) .gf-card-icon{background:#fff2e2}.gf-card:nth-child(5) .gf-card-icon{background:#ffecef}.gf-card:nth-child(6) .gf-card-icon{background:#e8fbfb}

.gf-flow{display:grid;grid-template-columns:repeat(11,1fr);gap:8px;margin-top:34px;align-items:start}.gf-step{text-align:center;position:relative}.gf-step:not(:last-child):after{content:"→";position:absolute;right:-9px;top:20px;color:#60a5fa;font-size:22px}.gf-step b{width:46px;height:46px;margin:0 auto 9px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #d9e8fb;box-shadow:0 8px 20px rgba(15,23,42,.08);color:#2563eb}.gf-step span{font-size:12px;font-weight:800;color:#334155}

.gf-showcase{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.gf-showcase-panel{background:#0d1d39;border-radius:25px;padding:12px;box-shadow:var(--gf-shadow)}.gf-showcase-panel img{display:block;width:100%;border-radius:18px}.gf-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.gf-tab{padding:9px 13px;border-radius:10px;background:#eff6ff;color:#1d4ed8;font-weight:800;font-size:13px}.gf-list{display:grid;gap:12px}.gf-list div{display:flex;gap:11px;color:#475569;line-height:1.45}.gf-list div:before{content:"✓";flex:0 0 22px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#dcfce7;color:#15803d;font-weight:900}

.gf-quality{position:relative;overflow:hidden;background:#081327;color:#fff}.gf-quality:before{content:"";position:absolute;width:620px;height:620px;right:-190px;top:-280px;border-radius:50%;background:radial-gradient(circle,rgba(14,165,233,.34),transparent 67%)}.gf-quality .gf-title{color:#fff}.gf-quality .gf-sub{color:#c5d3e8}.gf-quality-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.gf-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gf-proof{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);border-radius:16px;padding:17px}.gf-proof strong{display:block;color:#fff;margin-bottom:4px}.gf-proof span{color:#9fb0c8;font-size:13px}

.gf-pricing{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;margin-top:34px}.gf-price-card{background:linear-gradient(145deg,#102653,#0c5bc7);border-radius:28px;padding:32px;color:#fff;box-shadow:0 24px 65px rgba(37,99,235,.25)}.gf-price-card .big{font-size:54px;font-weight:900;letter-spacing:-.045em}.gf-price-card .big small{font-size:18px;font-weight:700}.gf-renew{margin-top:12px;font-size:24px;font-weight:900;color:#9ff7e3}.gf-price-card p{color:#d9e8ff}.gf-includes{background:#fff;border:1px solid #e2ebf6;border-radius:28px;padding:30px}.gf-includes h3{color:#102653;font-size:22px;margin-top:0}.gf-includes ul{list-style:none;margin:0;padding:0;display:grid;gap:13px}.gf-includes li{color:#475569;display:flex;gap:10px}.gf-includes li:before{content:"✓";color:#16a34a;font-weight:900}

.gf-cta{padding:50px 0;background:linear-gradient(120deg,#0e4bbf,#078ed1 60%,#0fbaa8);color:#fff}.gf-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:28px}.gf-cta h2{font-size:36px;letter-spacing:-.035em;margin:0 0 8px}.gf-cta p{margin:0;color:#ddecff;font-size:17px}.gf-cta .gf-btn{background:#fff;color:#0e4bbf;white-space:nowrap}

.gf-footer-row{display:flex;justify-content:space-between;gap:20px;align-items:center}.gf-footer-links{display:flex;gap:18px;flex-wrap:wrap}.gf-footer-links a{text-decoration:none;font-size:13px}

@media (max-width:980px){
  .gf-hero-grid,.gf-showcase,.gf-quality-grid,.gf-pricing{grid-template-columns:1fr}.gf-hero{min-height:auto}.gf-screen-shell{max-width:760px;margin:0 auto}.gf-cards{grid-template-columns:repeat(2,1fr)}.gf-trust-grid{grid-template-columns:repeat(3,1fr)}.gf-flow{grid-template-columns:repeat(4,1fr);row-gap:22px}.gf-step:after{display:none}.gf-hero h1{font-size:56px}
}
@media (max-width:640px){
  body.gestformat-commercial #site-nav{overflow-x:auto;justify-content:flex-start}.gf-wrap{width:min(100% - 28px,1180px)}.gf-hero-grid{padding:58px 0}.gf-hero h1{font-size:43px}.gf-lead{font-size:17px}.gf-cards{grid-template-columns:1fr}.gf-trust-grid{grid-template-columns:repeat(2,1fr)}.gf-flow{grid-template-columns:repeat(3,1fr)}.gf-float{display:none}.gf-cta-inner,.gf-footer-row{align-items:flex-start;flex-direction:column}.gf-section{padding:68px 0}.gf-price{min-width:100%}
}


/* V1.1 — correctifs de contraste et isolation de l'ancien thème */
body.gestformat-commercial .gf-hero{background:
  radial-gradient(circle at 83% 12%,rgba(94,234,212,.25),transparent 27%),
  radial-gradient(circle at 58% 30%,rgba(37,99,235,.18),transparent 28%),
  linear-gradient(135deg,#f8fbff 0%,#eef7ff 46%,#f8fffd 100%)!important;
}
body.gestformat-commercial .gf-trust{background:#fff!important}
body.gestformat-commercial .gf-section{padding:90px 0!important;background:#fff!important}
body.gestformat-commercial .gf-section.alt{background:linear-gradient(180deg,#f5f9ff 0%,#fff 100%)!important}
body.gestformat-commercial .gf-section.gf-quality{background:#081327!important;color:#fff!important}
body.gestformat-commercial .gf-cta{padding:54px 0!important;background:linear-gradient(120deg,#0b3fa9,#067fc8 55%,#0d9f91)!important;color:#fff!important}
body.gestformat-commercial .gf-cta h2{color:#fff!important}
body.gestformat-commercial .gf-cta p{color:#e7f1ff!important}
body.gestformat-commercial .gf-cta .gf-btn{background:#fff!important;color:#0b3fa9!important;border:1px solid rgba(255,255,255,.85)!important}
body.gestformat-commercial .gf-kicker{color:#1d4ed8!important}
body.gestformat-commercial .gf-quality .gf-kicker{color:#67e8f9!important}
body.gestformat-commercial .gf-title{color:#102653!important}
body.gestformat-commercial .gf-quality .gf-title{color:#fff!important}
body.gestformat-commercial .gf-sub{color:#536681!important}
body.gestformat-commercial .gf-quality .gf-sub{color:#c9d8eb!important}
body.gestformat-commercial .gf-card p,
body.gestformat-commercial .gf-list div,
body.gestformat-commercial .gf-includes li,
body.gestformat-commercial .gf-fine{color:#536681!important}
body.gestformat-commercial .gf-price-card p{color:#e3efff!important}
body.gestformat-commercial footer{background:#071224!important;color:#cbd5e1!important}
body.gestformat-commercial footer a{color:#e7eef8!important}
body.gestformat-commercial footer a:hover{color:#7dd3fc!important}
@media (max-width:640px){
  body.gestformat-commercial #site-header{padding:13px 18px 10px}
  body.gestformat-commercial #site-nav{top:54px;padding:8px 14px 10px;justify-content:flex-start}
  body.gestformat-commercial #site-nav .nav-item a{white-space:nowrap;padding:9px 11px!important}
  body.gestformat-commercial #site-nav .nav-item a.nav-cta{margin-left:0}
}


/* V1.2 — lisibilité prix, bandeau domaines et tarification Infomaniak */
.gf-price-first{position:relative;padding-top:30px!important;border:2px solid rgba(37,99,235,.22)!important;box-shadow:0 18px 45px rgba(37,99,235,.12)!important}
.gf-price-first .gf-only{position:absolute;top:-11px;left:18px;background:#102653;color:#fff;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.06em;box-shadow:0 6px 16px rgba(16,38,83,.18)}
.gf-price-first strong{font-size:34px!important}
.gf-price-first small{font-size:13px;font-weight:700;color:#526781!important;margin-top:4px!important}

body.gestformat-commercial .gf-scope{background:#fff!important;border-top:1px solid #e7eef8;border-bottom:1px solid #e7eef8;padding:18px 0 16px!important}
.gf-scope-label{text-align:center;color:#6b7c94;font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;margin-bottom:12px}
.gf-scope-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.gf-scope-item{position:relative;text-align:center;padding:11px 8px 11px;border-radius:12px;background:linear-gradient(180deg,#f8fbff,#f3f8ff);border:1px solid #e5edf8;color:#173766;font-size:13px;font-weight:850;box-shadow:0 5px 15px rgba(15,23,42,.035)}
.gf-scope-item:before{content:"";display:block;width:26px;height:3px;border-radius:99px;background:linear-gradient(90deg,#2563eb,#06b6d4);margin:0 auto 8px}
body.gestformat-commercial #fonctionnalites{padding-top:58px!important}

.gf-price-badge{display:inline-flex;background:#fff;color:#0d4caa;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:950;letter-spacing:.07em;margin-bottom:17px;box-shadow:0 8px 18px rgba(0,0,0,.12)}
.gf-price-name{font-size:16px;font-weight:800;color:#dbeafe;margin-bottom:2px}
.gf-price-card .big{line-height:1;margin-top:5px}
.gf-price-period{color:#cfe0fa;font-size:13px;font-weight:700;margin-top:7px}
.gf-price-divider{height:1px;background:rgba(255,255,255,.2);margin:25px 0}
.gf-renew-label{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#c7f9ee}
.gf-price-card .gf-renew{margin-top:5px!important}

.gf-pricing{grid-template-columns:.92fr 1.08fr!important;align-items:stretch}
.gf-tech-card{background:#fff;border:1px solid #dce7f4;border-radius:28px;padding:30px;box-shadow:0 16px 45px rgba(15,23,42,.06)}
.gf-tech-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:10px}
.gf-tech-kicker{display:block;color:#1d4ed8;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px}
.gf-tech-head h3{margin:0;color:#102653;font-size:27px;letter-spacing:-.025em}
.gf-tech-note{background:#ecfdf5;color:#047857;border:1px solid #c8f5df;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;white-space:nowrap}
.gf-tech-intro{margin:0 0 20px;color:#536681;line-height:1.55;font-size:14px}
.gf-tech-table{border:1px solid #e1eaf5;border-radius:16px;overflow:hidden}
.gf-tech-row{display:grid;grid-template-columns:1.25fr .85fr .95fr;gap:12px;align-items:center;padding:13px 15px;border-top:1px solid #e8eef6;color:#435773;font-size:13px}
.gf-tech-row:first-child{border-top:0}
.gf-tech-row strong{color:#102653}
.gf-tech-title{background:#f4f8fd;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.045em;font-weight:900}
.gf-tech-foot{margin:14px 0 0;color:#718096;font-size:11px;line-height:1.45}
.gf-tech-card .gf-fine{margin-bottom:0}

@media (max-width:980px){
  .gf-scope-grid{grid-template-columns:repeat(3,1fr)}
  .gf-pricing{grid-template-columns:1fr!important}
}
@media (max-width:640px){
  .gf-scope-grid{grid-template-columns:repeat(2,1fr)}
  .gf-tech-head{flex-direction:column}
  .gf-tech-note{white-space:normal}
  .gf-tech-row{grid-template-columns:1fr 1fr;gap:7px}
  .gf-tech-row>*:first-child{grid-column:1 / -1}
  .gf-tech-title{display:none}
}

/* V1.3 — identité GestDéveloppement, parcours en 3 phases, fin du faux sous-menu */
:root{
  --gd-yellow:#ffe000;
  --gd-yellow-soft:#fff6a8;
}
body.gestformat-commercial #site-header{
  min-height:68px;
  display:flex;
  align-items:center;
  padding:10px clamp(20px,5vw,76px);
  background:#081327!important;
  border-bottom:1px solid rgba(255,224,0,.2);
}
.gd-public-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}
.gd-public-brand-logo{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 7px 14px rgba(0,0,0,.24))}
.gd-public-brand-name{font-size:25px;letter-spacing:-.035em;font-style:normal;font-weight:900;color:#fff}
.gd-public-brand-name strong{font-weight:900;color:#fff}
.gd-public-brand-name em{font-style:normal;color:var(--gd-yellow);font-weight:900}
body.gestformat-commercial #site-nav{top:68px;border-bottom:1px solid rgba(255,224,0,.16)}
body.gestformat-commercial #site-nav .nav-item a.actif{background:rgba(255,224,0,.12)!important;color:var(--gd-yellow)!important;box-shadow:inset 0 -2px 0 var(--gd-yellow)}
body.gestformat-commercial #site-nav .nav-item a:hover{background:rgba(255,224,0,.08)!important;color:var(--gd-yellow)!important}

/* La bande de domaines V1.2 est supprimée du HTML : fonctionnalités directement après le hero. */
body.gestformat-commercial #fonctionnalites{padding-top:76px!important}

.gf-journey-section{position:relative;overflow:hidden}
.gf-journey-section:before{content:"";position:absolute;left:-160px;top:60px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.11),transparent 68%);pointer-events:none}
.gf-journey{position:relative;display:grid;gap:16px;margin-top:36px}
.gf-journey:before{content:"";position:absolute;left:34px;top:76px;bottom:76px;width:2px;background:linear-gradient(180deg,#2563eb,#06b6d4,#14b8a6);opacity:.28}
.gf-journey-phase{position:relative;display:grid;grid-template-columns:72px 250px 1fr;align-items:center;gap:18px;padding:22px 24px;border:1px solid #dbe7f6;border-radius:24px;background:rgba(255,255,255,.9);box-shadow:0 15px 42px rgba(15,23,42,.055);transition:transform .22s ease,box-shadow .22s ease}
.gf-journey-phase:hover{transform:translateY(-3px);box-shadow:0 22px 52px rgba(15,23,42,.09)}
.gf-phase-number{position:relative;z-index:2;width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:#102653;color:#fff;font-size:15px;font-weight:950;box-shadow:0 10px 26px rgba(16,38,83,.22)}
.gf-journey-phase.deliver .gf-phase-number{background:linear-gradient(135deg,#2563eb,#0ea5e9)}
.gf-journey-phase.close .gf-phase-number{background:linear-gradient(135deg,#0f766e,#14b8a6)}
.gf-phase-heading span{display:block;text-transform:uppercase;letter-spacing:.11em;font-size:11px;font-weight:950;color:#2563eb;margin-bottom:4px}
.gf-phase-heading strong{display:block;color:#102653;font-size:18px;line-height:1.25}
.gf-phase-steps{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.gf-phase-step{min-width:84px;display:grid;justify-items:center;gap:7px;color:#334155;font-size:12px;font-weight:850;text-align:center}
.gf-phase-step i{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;background:#f2f7ff;border:1px solid #dbe8fb;color:#2563eb;font-style:normal;font-size:17px;font-weight:900}
.gf-journey-phase.deliver .gf-phase-step i{background:#ecfeff;border-color:#cffafe;color:#0e7490}
.gf-journey-phase.close .gf-phase-step i{background:#ecfdf5;border-color:#d1fae5;color:#047857}
.gf-phase-arrow{color:#8cb8f5;font-size:18px;font-weight:900;flex:0 0 auto}

.gf-renew-date{display:inline-block;margin-top:7px;color:#bed7ff;font-size:12px;line-height:1.45}
.gf-tech-foot{font-size:12px!important;color:#64748b!important}

/* Footer : réintroduit discrètement l'accent historique GestDéveloppement */
body.gestformat-commercial footer{border-top:3px solid var(--gd-yellow)!important}
body.gestformat-commercial footer strong{color:var(--gd-yellow)!important}

@media(max-width:980px){
  .gf-journey-phase{grid-template-columns:64px 1fr;align-items:start}
  .gf-phase-steps{grid-column:2;justify-content:flex-start;flex-wrap:wrap;margin-top:4px}
  .gf-phase-arrow{display:none}
}
@media(max-width:640px){
  body.gestformat-commercial #site-header{min-height:60px;padding:8px 15px}
  .gd-public-brand-logo{width:39px;height:39px}
  .gd-public-brand-name{font-size:21px}
  body.gestformat-commercial #site-nav{top:60px}
  .gf-journey:before{display:none}
  .gf-journey-phase{grid-template-columns:1fr;padding:20px}
  .gf-phase-number{width:46px;height:46px}
  .gf-phase-heading,.gf-phase-steps{grid-column:1}
  .gf-phase-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:6px}
  .gf-phase-step{min-width:0;background:#f8fbff;border-radius:14px;padding:10px 6px}
}


/* V1.4 — header sur une ligne, forfait de démarrage et mentions légales */
body.gestformat-commercial .gd-topbar,
body.gd-legal-page .gd-topbar{
  position:sticky;
  top:0;
  z-index:1000;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  min-height:72px;
  padding:0 clamp(20px,5vw,76px);
  background:rgba(8,19,39,.98);
  border-bottom:1px solid rgba(255,224,0,.18);
  backdrop-filter:blur(18px);
}
body.gestformat-commercial .gd-topbar #site-header,
body.gd-legal-page .gd-topbar #site-header{
  position:static!important;
  min-height:auto!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  flex:0 0 auto;
}
body.gestformat-commercial .gd-topbar #site-nav,
body.gd-legal-page .gd-topbar #site-nav{
  position:static!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:5px;
  flex-wrap:nowrap;
}
body.gestformat-commercial .gd-topbar #site-nav .nav-item a,
body.gd-legal-page .gd-topbar #site-nav .nav-item a{
  white-space:nowrap;
}
.gf-nowrap{white-space:nowrap}
.gf-startup-includes{margin-top:24px;padding:18px 19px;border-radius:18px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13)}
.gf-startup-includes>strong{display:block;color:#fff;font-size:14px;margin-bottom:10px}
.gf-startup-includes ul{margin:0 0 11px;padding-left:20px;color:#e8f1ff;font-size:13px;line-height:1.55}
.gf-startup-includes p{margin:0!important;color:#d5e6ff!important;font-size:12px;line-height:1.55}
.gf-infomaniak-start{margin:23px 0 18px;padding:24px;border-radius:21px;background:linear-gradient(135deg,#f4f8ff,#eefbf8);border:1px solid #d8e8f6;text-align:center}
.gf-infomaniak-start span{display:block;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:900}
.gf-infomaniak-start strong{display:block;margin:6px 0 2px;color:#102653;font-size:42px;letter-spacing:-.04em}
.gf-infomaniak-start small{display:block;color:#475569;font-weight:750}

/* Mentions légales modernisées */
body.gd-legal-page{margin:0;background:#f5f8fc;color:#0f172a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
body.gd-legal-page .gd-public-brand-logo{width:46px;height:46px;object-fit:contain}
body.gd-legal-page .gd-public-brand-name{font-size:25px;letter-spacing:-.035em;font-style:normal;font-weight:900;color:#fff}
body.gd-legal-page .gd-public-brand-name strong{color:#fff}
body.gd-legal-page .gd-public-brand-name em{font-style:normal;color:var(--gd-yellow);font-weight:900}
body.gd-legal-page #site-nav .nav-item a{display:block;padding:10px 13px;border-radius:11px;color:#dbeafe;text-decoration:none;font-weight:800;font-size:14px;transition:.2s ease}
body.gd-legal-page #site-nav .nav-item a:hover{background:rgba(255,224,0,.08);color:var(--gd-yellow)}
body.gd-legal-page .gd-legal-hero{background:linear-gradient(135deg,#081327,#102653);padding:56px 20px 50px;color:#fff;border-bottom:4px solid var(--gd-yellow)}
body.gd-legal-page .gd-legal-wrap{width:min(1000px,calc(100% - 40px));margin:0 auto}
body.gd-legal-page .gd-legal-hero h1{margin:0 0 10px;font-size:clamp(36px,5vw,56px);letter-spacing:-.04em}
body.gd-legal-page .gd-legal-hero p{margin:0;color:#cbd5e1;font-size:17px}
body.gd-legal-page main{max-width:none;margin:0;padding:42px 0 64px}
body.gd-legal-page .gd-legal-grid{display:grid;gap:18px}
body.gd-legal-page .gd-legal-card{background:#fff;border:1px solid #e0e8f2;border-radius:20px;padding:24px 26px;box-shadow:0 12px 32px rgba(15,23,42,.05)}
body.gd-legal-page .gd-legal-card h2{margin:0 0 12px;color:#102653;font-size:22px;letter-spacing:-.02em}
body.gd-legal-page .gd-legal-card p{margin:0 0 10px;color:#475569;line-height:1.65}
body.gd-legal-page .gd-legal-card p:last-child{margin-bottom:0}
body.gd-legal-page .gd-legal-card a{color:#1456c0;font-weight:700}
body.gd-legal-page .gd-legal-highlight{border-left:5px solid var(--gd-yellow)}
body.gd-legal-page footer{background:#071224;color:#cbd5e1;border-top:3px solid var(--gd-yellow);padding:25px 20px;text-align:center}
body.gd-legal-page footer a{color:#fff}
@media(max-width:900px){
  body.gestformat-commercial .gd-topbar,body.gd-legal-page .gd-topbar{flex-direction:column;align-items:flex-start;gap:5px;padding:9px 18px 10px}
  body.gestformat-commercial .gd-topbar #site-nav,body.gd-legal-page .gd-topbar #site-nav{width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:2px!important}
}
@media(max-width:640px){
  .gf-nowrap{white-space:normal}
  .gf-infomaniak-start strong{font-size:36px}
}

/* V1.5 - deux offres + comparaison 5 ans */
.gf-hero-offers{display:grid!important;grid-template-columns:1fr 1fr;gap:14px!important;max-width:760px}
.gf-hero-offers .gf-price{min-width:0!important}
.gf-hero-offers .gf-price b{display:block;margin-top:10px;color:#0f766e;font-size:14px}
.gf-price-plus{position:relative;padding-top:30px!important;border:2px solid rgba(245,185,40,.45)!important;background:linear-gradient(145deg,#fffef7,#ffffff)!important}
.gf-price-plus .gf-only{position:absolute;top:-11px;left:18px;background:#f5b928;color:#171717;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:950;letter-spacing:.05em;box-shadow:0 6px 16px rgba(245,185,40,.2)}
.gf-price-plus strong{font-size:34px!important}
.gf-price-plus small{font-size:13px;font-weight:700;color:#526781!important;margin-top:4px!important}

.gf-offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:34px}
.gf-offer-card{position:relative;background:#fff;border:1px solid #dce7f4;border-radius:28px;padding:30px;box-shadow:0 18px 50px rgba(15,23,42,.08);overflow:hidden}
.gf-offer-card.gf-offer-featured{border:2px solid #f5b928;box-shadow:0 22px 60px rgba(245,185,40,.16)}
.gf-offer-ribbon{position:absolute;right:-42px;top:24px;transform:rotate(38deg);background:#f5b928;color:#171717;font-size:10px;font-weight:950;letter-spacing:.06em;padding:7px 48px;text-transform:uppercase}
.gf-offer-top .gf-price-badge{background:#102653;color:#fff;box-shadow:none}
.gf-offer-featured .gf-price-badge{background:#f5b928;color:#171717}
.gf-offer-card .big{font-size:50px;font-weight:950;letter-spacing:-.045em;color:#102653;line-height:1;margin-top:10px}
.gf-offer-card .big small{font-size:16px;font-weight:800}
.gf-offer-card .gf-price-name{color:#49617d;font-size:15px;margin-top:4px}
.gf-offer-card .gf-price-period{color:#64748b;font-size:13px;margin-top:8px}
.gf-renew-panel{margin:24px 0 18px;padding:18px 20px;border-radius:18px;background:#f4f8fd;border:1px solid #e0eaf5}
.gf-renew-panel span{display:block;text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:900;color:#64748b}
.gf-renew-panel strong{display:block;font-size:25px;color:#0f766e;margin-top:4px}
.gf-renew-panel p{margin:3px 0 0;color:#64748b;font-size:12px}
.gf-offer-points{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.gf-offer-points li{position:relative;padding-left:24px;color:#435773;font-size:14px;line-height:1.45}
.gf-offer-points li:before{content:'✓';position:absolute;left:0;color:#16a34a;font-weight:950}
.gf-startup-scope{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;margin-top:24px;background:#fff;border:1px solid #dce7f4;border-radius:24px;padding:26px 28px;box-shadow:0 12px 35px rgba(15,23,42,.05)}
.gf-startup-scope h3{margin:0 0 12px;color:#102653;font-size:19px}
.gf-startup-scope ul{margin:0;padding-left:20px;color:#536681;line-height:1.7}
.gf-startup-excluded{background:#fff8e7;border:1px solid #f7dea0;border-radius:18px;padding:18px 20px}
.gf-startup-excluded strong{color:#8a5a00}
.gf-startup-excluded p{margin:7px 0 0;color:#6d5a33;font-size:13px;line-height:1.5}
.gf-renew-rule{margin:18px 0 0!important;padding:13px 16px;border-radius:14px;background:#eef5ff;color:#4b607d!important;font-size:12px!important;line-height:1.5;border:1px solid #d9e8fb}

.gf-five-years{margin-top:34px;background:linear-gradient(145deg,#0f234d,#123c7a);border-radius:28px;padding:32px;color:#fff;box-shadow:0 24px 65px rgba(16,38,83,.18)}
.gf-five-years .gf-kicker{color:#74d7ff!important}
.gf-five-years h3{margin:4px 0 6px;font-size:28px;letter-spacing:-.025em;color:#fff}
.gf-five-years>p{margin:0;color:#c8d8ef}
.gf-five-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.gf-five-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:22px}
.gf-five-card span{display:block;color:#cfe0f8;font-size:12px;font-weight:800;min-height:32px}
.gf-five-card strong{display:block;color:#fff;font-size:31px;letter-spacing:-.035em;margin-top:7px}
.gf-five-card small{display:block;color:#a9bfdc;margin-top:2px}
.gf-five-card.featured{background:linear-gradient(145deg,rgba(245,185,40,.18),rgba(245,185,40,.08));border-color:rgba(245,185,40,.55)}
.gf-five-card.market{background:rgba(255,255,255,.05)}
.gf-five-notes{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:20px}
.gf-five-notes span{color:#e9f5ff;font-size:13px;font-weight:700}
.gf-compare-note{margin-top:18px!important;color:#9fb5d4!important;font-size:10.5px!important;line-height:1.45}
.gf-tech-wide{margin-top:24px}

@media (max-width:900px){
  .gf-hero-offers,.gf-offer-grid,.gf-startup-scope,.gf-five-grid{grid-template-columns:1fr!important}
  .gf-offer-ribbon{right:-50px}
}