/* Adaptation de marque et sélecteur de langue. Les proportions et animations
   de la page de référence restent dans ses feuilles de style d'origine. */
.logo .wordmark,.ft-logo .ft-wordmark{width:auto;display:inline-flex;align-items:center}
.declic-wordmark{font-family:Geist,geistSans,Arial,sans-serif;font-size:24px;font-weight:500;line-height:1;letter-spacing:-1px;white-space:nowrap}
.ft-wordmark .declic-wordmark{font-size:35px;letter-spacing:-1.4px}
.declic-language{display:inline-flex;gap:6px;align-items:center;background:none;border:0;color:inherit;cursor:pointer;pointer-events:auto;font:inherit;font-size:13px;letter-spacing:.015em;padding:0}
.declic-language [data-lang-choice]{opacity:.5;transition:opacity .2s}
html[lang="fr"] .declic-language [data-lang-choice="fr"],html[lang="en"] .declic-language [data-lang-choice="en"]{opacity:1}
.lang-divider{opacity:.28}
#bar .signin.declic-language{color:rgba(255,255,255,.88)}
#type h1{white-space:pre-line}
.mobile-language{margin:0 0 16px;justify-content:center;width:100%;height:26px}
.declic-language:focus-visible{outline:2px solid #ef5a00;outline-offset:7px;border-radius:2px}
.declic-demo-note{font:10px/1.4 "Geist Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:#b8b4aa}
@media(max-width:700px){.logo .declic-wordmark{font-size:23px}.mobile-language{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

/* Three authored headline lines, including the scaled mobile composition. */
#type .headline{height:192px}
html[lang="fr"] #type h1{font-size:52px;line-height:64px}
html[lang="en"] #type h1{font-size:48px;line-height:64px}

/* Business launch toolkit; these are tools, never customer endorsements. */
#proof .business-tools-label{margin:0 20px 28px;text-align:center;color:#b9b7b3;font:11px/1.4 "Geist Mono",monospace;letter-spacing:.12em;text-transform:uppercase}
#proof .marquee-row{align-items:center;gap:64px}
.business-tool{display:inline-flex;flex:none;align-items:center;gap:12px;white-space:nowrap;font:500 27px/1 Geist,Arial,sans-serif;letter-spacing:-.7px;color:#e5e3df;opacity:.76}
.business-tool img{display:block;width:28px;height:28px;object-fit:contain;filter:brightness(0) invert(1)}
.business-tool:hover{opacity:1}
@media(max-width:700px){#proof .marquee-row{gap:38px}.business-tool{font-size:23px;gap:9px}.business-tool img{width:25px;height:25px}#proof .business-tools-label{font-size:9px;margin-bottom:22px}}

/* Launch calls to action keep a single readable line at every breakpoint. */
#heroGo{white-space:nowrap;min-width:calc(175 * var(--r));padding-inline:calc(20 * var(--r));flex-shrink:0}
.ask-go,.gh-industries__build,.sheet-demo{white-space:nowrap;min-width:180px;padding-inline:20px}
#bar .demo-hit{width:180px;left:calc(100% - 236px - var(--gut, 0px));white-space:nowrap}
#bar .signin{left:calc(100% - 333px - var(--gut, 0px))}
@media(max-width:700px){.gh-industries__ask .gh-industries__build{width:auto;min-width:180px}}
@media(max-width:379px){#heroForm .sc-field{display:flex;flex-wrap:wrap}#heroEmail{flex-basis:100%;min-width:0}#heroGo{flex:1 0 100%;width:100%;height:calc(42 * var(--r));white-space:nowrap}}

/* Landing CTA single line */
/* The visible button and its transparent hit target share the same geometry. */
#bar .bar-demo,
#bar .demo-hit {
  left: calc(100% - 236px - var(--gut, 0px));
  width: 180px;
  min-width: 180px;
}

/* Hero: one clear invitation into the questionnaire. */
#hero #heroForm .sc-field {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: calc(8 * var(--r));
  height: auto;
  min-height: calc(56 * var(--r));
  padding: calc(5 * var(--r));
  box-sizing: border-box;
}
#hero #heroEmail {
  width: 100%;
  min-width: 0;
  height: calc(44 * var(--r));
  padding: 0 calc(10 * var(--r));
  box-sizing: border-box;
}
#hero #heroGo {
  min-width: calc(218 * var(--r));
  height: calc(44 * var(--r));
  min-height: 0;
  margin: 0;
  box-sizing: border-box;
  padding-inline: calc(20 * var(--r));
  border: 1px solid #ffb584;
  border-radius: calc(6 * var(--r));
  background: linear-gradient(180deg, #ff8b3d, #ef5a00);
  color: #fff;
  font-size: calc(14 * var(--r));
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
  box-shadow: inset 0 1px 0 #ffffff55, 0 calc(3 * var(--r)) 0 #873200, 0 0 calc(24 * var(--r)) #ef5a003b;
  transition: background .16s, box-shadow .16s, transform .16s;
}
#hero #heroGo:hover {
  background: linear-gradient(180deg, #ffa05d, #ff6d13);
  box-shadow: inset 0 1px 0 #ffffff66, 0 calc(3 * var(--r)) 0 #873200, 0 0 calc(30 * var(--r)) #ef5a0060;
  transform: translateY(calc(-1 * var(--r)));
}
#hero #heroGo:active { transform: translateY(calc(2 * var(--r))); }
#hero #heroGo:focus-visible { outline: calc(2 * var(--r)) solid #fff; outline-offset: calc(4 * var(--r)); }
@media (max-width: 1023px) {
  #hero #heroForm .sc-field { grid-template-columns: minmax(0, 1fr); gap: calc(5 * var(--r)); }
  #hero #heroEmail { height: calc(40 * var(--r)); }
  #hero #heroGo { width: 100%; min-width: 0; height: calc(48 * var(--r)); }
}
@media (prefers-reduced-motion: reduce) { #hero #heroGo { transition: none; } }
#bar .nav-demo,
#bar .nav-demo-sh {
  width: 100%;
}
#bar .lbl-demo {
  white-space: nowrap !important;
}
/* The mobile CTA plate and its hit area share the remaining header space. */
@media (max-width: 1023px) {
  #bar:not(.question-site-nav) .bar-demo,
  #bar:not(.question-site-nav) .demo-hit {
    left: auto;
    right: 56px;
    width: clamp(136px, calc(100% - 180px), 180px);
    min-width: 0;
  }
  #bar:not(.question-site-nav) .logo { left: 12px; }
  #bar:not(.question-site-nav) .logo::after { right: -4px; }
  #bar:not(.question-site-nav) .bar-menu { right: 8px; }
}
@media (max-width: 360px) {
  #bar:not(.question-site-nav) .declic-wordmark { font-size: 20px; }
}