/* bedrockconnect.helloserv.fr (chantier 2034) : DA Signal de helloserv.fr (palette assets/marque/couleurs.css, polices du site). */
@font-face{font-family:'Hubot Sans';font-style:normal;font-weight:200 900;font-stretch:75% 125%;font-display:swap;src:url(/assets/fonts/hubot-sans-normal.woff2) format('woff2')}
@font-face{font-family:'Mona Sans';font-style:normal;font-weight:200 900;font-stretch:100% 125%;font-display:swap;src:url(/assets/fonts/mona-sans-v2.woff2) format('woff2')}
@font-face{font-family:'Martian Mono';font-style:normal;font-weight:400 800;font-stretch:75% 112.5%;font-display:swap;src:url(/assets/fonts/martian-mono-v2.woff2) format('woff2')}
:root{--bg:#08080a;--bg-2:#0f0f13;--bg-3:#16161b;--line:rgba(255,255,255,.07);--line-2:rgba(255,255,255,.13);--ink:#f2f1f4;--ink-2:#b6b4be;--ink-3:#8c8a95;--rose:#e21239;--rose-2:#f0485f;--btn-survol:#c90f33;--vert:#4cd387;--ambre:#e0a43a;--f-display:'Hubot Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;--f-text:'Mona Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;--f-mono:'Martian Mono',ui-monospace,'SF Mono',Menlo,Consolas,monospace;--max:1120px;--pad:clamp(20px,4vw,48px);color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink-2);font:400 17px/1.6 var(--f-text);text-rendering:optimizeLegibility}
a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px}
a:hover{text-decoration-color:var(--ink)}
a:focus-visible,summary:focus-visible{outline:2px solid var(--rose-2);outline-offset:3px;border-radius:4px}
h1,h2,h3{font-family:var(--f-display);color:var(--ink);font-weight:650;line-height:1.15;margin:0}
h1{font-size:clamp(32px,4.6vw,52px);font-stretch:95%;letter-spacing:-.01em}
h2{font-size:clamp(26px,2.8vw,34px);margin-bottom:12px}
h3{font-size:19px;margin-bottom:8px}
p{margin:0 0 14px}
code,.mono{font-family:var(--f-mono);font-size:.88em;color:var(--ink)}
.enveloppe{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.lien-evitement{position:absolute;left:-9999px}
.lien-evitement:focus{left:16px;top:12px;z-index:2;background:var(--bg-3);padding:8px 12px}
/* En-tête */
.entete{border-bottom:1px solid var(--line)}
.entete .enveloppe{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}
.logo{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font:600 15px/1 var(--f-display)}
.logo img{display:block;height:22px;width:auto}
.logo span{color:var(--ink-3);font-weight:500}
.nav{display:flex;align-items:center;gap:22px;font-size:15px}
.nav a{text-decoration:none;color:var(--ink-2)}
.nav a:hover,.nav a[aria-current]{color:var(--ink)}
.langue{border:1px solid var(--line-2);border-radius:6px;padding:3px 9px}
/* Haut de page */
.haut{padding:clamp(40px,6vw,76px) 0 clamp(36px,5vw,60px);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start}
.surtitre{font:500 13px/1.4 var(--f-mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px}
.surtitre::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--rose);margin-right:10px;vertical-align:1px}
.chapo{font-size:clamp(18px,1.6vw,20px);color:var(--ink-2);margin:20px 0 28px;max-width:60ch}
.dns{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line-2);border-radius:12px;background:var(--bg-2)}
.dns div{padding:18px 20px}
.dns div+div{border-left:1px solid var(--line)}
.dns dt{font-size:14px;color:var(--ink-3);margin-bottom:6px}
.dns dd{margin:0;font:600 clamp(20px,2.3vw,26px)/1.2 var(--f-mono);color:var(--ink);letter-spacing:-.02em}
.dns-note{font-size:15px;color:var(--ink-3);margin-top:12px}
.carte{border:1px solid var(--line-2);border-radius:12px;background:var(--bg-2);padding:22px}
.carte h2{font-size:18px;margin-bottom:14px}
.statut-liste{list-style:none;margin:0;padding:0}
.statut-liste li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--line);font-size:15px}
.statut-liste li:first-child{border-top:0;padding-top:0}
.statut-liste strong{color:var(--ink);font-weight:600}
.pastille{width:9px;height:9px;border-radius:50%;background:var(--vert);box-shadow:0 0 0 3px rgba(76,211,135,.14)}
.ko .pastille{background:var(--ambre);box-shadow:0 0 0 3px rgba(224,164,58,.16)}
.statut-heure{font-size:13px;color:var(--ink-3);margin:12px 0 0}
.carte-pied{font-size:14px;color:var(--ink-3);margin:16px 0 0;padding-top:14px;border-top:1px solid var(--line)}
/* Sections */
.section{padding:clamp(44px,6vw,72px) 0;border-top:1px solid var(--line)}
.intro{max-width:68ch;margin-bottom:28px}
.etapes{counter-reset:e;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.etapes>li{counter-increment:e;border:1px solid var(--line);border-radius:12px;padding:20px;background:var(--bg-2)}
.etapes>li::before{content:counter(e);display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--line-2);font:600 14px/1 var(--f-mono);color:var(--ink);margin-bottom:12px}
.etapes p{margin:0}
.consoles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.consoles article{border:1px solid var(--line);border-radius:12px;padding:22px;background:var(--bg-2)}
.consoles ol,.liste ol{margin:0;padding-left:20px}
.consoles li,.liste li{margin-bottom:6px}
.consoles .note{font-size:15px;color:var(--ink-3);margin:12px 0 0}
.chemin{color:var(--ink)}
.liste{max-width:72ch}
.depannage{display:grid;gap:0;max-width:80ch;margin:0}
.depannage dt{color:var(--ink);font-weight:600;padding-top:18px;border-top:1px solid var(--line);margin-top:18px}
.depannage dt:first-child{border-top:0;margin-top:0;padding-top:0}
.depannage dd{margin:6px 0 0}
.appel{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--line-2);border-radius:12px;padding:26px 28px;background:var(--bg-2)}
.appel p{margin:0;max-width:62ch}
.appel strong{color:var(--ink)}
.bouton{flex:none;display:inline-block;background:var(--rose);color:#fff;text-decoration:none;font:600 16px/1 var(--f-text);padding:14px 20px;border-radius:8px}
.bouton:hover{background:var(--btn-survol)}
.faq h3{margin-top:26px}
.faq h3:first-of-type{margin-top:0}
.faq p{max-width:72ch}
.erreur{padding-top:clamp(56px,8vw,96px);padding-bottom:clamp(56px,8vw,96px)}
/* Pied */
.pied{border-top:1px solid var(--line);padding:40px 0 56px;font-size:15px;color:var(--ink-3)}
.pied .grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:20px 48px}
.pied .grille>.long{grid-row:span 2}
.pied h2{font-size:15px;color:var(--ink);margin-bottom:10px}
.pied p{margin-bottom:10px}
.pied a{color:var(--ink-2)}
.mentions{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-size:14px}
@media (max-width:900px){
  .haut{grid-template-columns:1fr}
  .etapes,.consoles,.pied .grille{grid-template-columns:1fr}
  .appel{flex-direction:column;align-items:flex-start}
}
@media (max-width:620px){
  body{font-size:16px}
  .nav a:not(.langue){display:none}
  .dns{grid-template-columns:1fr}
  .dns div+div{border-left:0;border-top:1px solid var(--line)}
  .carte,.consoles article,.etapes>li{padding:18px}
  .appel{padding:22px 20px}
}