/* ============ PAGE DE CONTACT ============
   Elle s'ouvre sur un telephone, apres une tape sur une carte NFC. Tout est
   donc dimensionne pour le pouce : des boutons hauts, un seul par ligne, et
   l'action la plus probable en premier. */

*{box-sizing:border-box;margin:0;padding:0}
:root{
  --ink:#002315;
  --ink-70:rgba(0,35,21,.70);
  --ink-55:rgba(0,35,21,.55);
  --ink-12:rgba(0,35,21,.12);
  --green:#01b859;
  --green-bright:#019e4c;
  --mint-bg:#f2fbf2;
  --white:#fff;
}
html{-webkit-text-size-adjust:100%}
body{
  font-family:'Instrument Sans',system-ui,-apple-system,sans-serif;
  color:var(--ink);background:var(--mint-bg);line-height:1.55;
  -webkit-font-smoothing:antialiased
}

.ct-page{
  min-height:100svh;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:18px;padding:28px 20px
}
.ct-carte{
  width:min(420px,100%);padding:32px 26px 26px;
  background:var(--white);border-radius:18px;text-align:center;
  box-shadow:0 2px 4px rgba(0,35,21,.04),0 16px 44px -20px rgba(0,35,21,.24)
}
.ct-logo{width:112px;height:auto;display:block;margin:0 auto 22px}

h1{font-size:27px;font-weight:700;letter-spacing:-.02em;line-height:1.15}
.ct-sous{margin-top:10px;font-size:14.5px;color:var(--ink-70)}

.ct-btn{
  display:flex;align-items:center;gap:14px;
  margin-top:14px;padding:15px 18px;border-radius:13px;
  text-decoration:none;text-align:left;
  transition:background .15s,border-color .15s,transform .12s
}
.ct-btn:first-of-type{margin-top:26px}
.ct-btn:active{transform:scale(.985)}
.ct-btn svg{width:22px;height:22px;flex:none}
.ct-btn b{display:block;font-size:16px;font-weight:600}
.ct-btn small{display:block;margin-top:2px;font-size:13.5px;opacity:.8}

.ct-btn-plein{background:var(--green);color:var(--white)}
.ct-btn-plein:hover{background:var(--green-bright)}
.ct-btn-second{
  background:var(--white);color:var(--ink);border:1px solid var(--ink-12)
}
.ct-btn-second:hover{border-color:var(--ink-55)}
.ct-btn:focus-visible{outline:3px solid rgba(1,184,89,.45);outline-offset:2px}

.ct-vcard{
  display:inline-flex;align-items:center;gap:8px;margin-top:22px;
  font-size:13.5px;font-weight:500;color:var(--ink-55);text-decoration:none
}
.ct-vcard:hover{color:var(--ink)}
.ct-vcard svg{width:15px;height:15px}

.ct-pied{font-size:13px}
.ct-pied a{color:var(--ink-55);text-decoration:none}
.ct-pied a:hover{text-decoration:underline;text-underline-offset:2px}

@media(prefers-reduced-motion:reduce){.ct-btn{transition:none}}