/* Shared EN landing — CliniquesQuébec tokens */
:root {
  --brand-50:#EAF3F8; --brand-100:#d5e8f0; --brand-500:#1FA97A; --brand-600:#1FA97A; --brand-700:#0C2D48;
  --accent-600:#c2410c; --info-600:#0284c7; --ok-600:#16a34a;
  --bg:#f6f7f9; --card:#fff; --text:#0f172a; --muted:#475569; --border:#e2e8f0;
  --radius:12px; --shadow:0 1px 3px rgba(15,23,42,.08); --shadow-md:0 4px 12px rgba(15,23,42,.08);
  --font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --s1:8px; --s2:16px; --s3:24px; --s4:32px; --s6:48px;
}
*{box-sizing:border-box} html{font-size:16px}
body{margin:0;font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.55}
a{color:var(--info-600)} img{max-width:100%}
.skip{position:absolute;left:-9999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:100}
.banner{background:#ecfdf5;color:#065f46;font-size:13px;padding:8px 12px;text-align:center}
.site-header{background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}
.header-inner{max-width:1100px;margin:0 auto;padding:10px 16px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.brand{font-weight:700;color:var(--brand-600);text-decoration:none;font-size:1.15rem;display:flex;align-items:center;gap:8px}
.brand-mark{width:32px;height:32px;display:inline-block;flex:none;line-height:0}
.brand-mark img{width:32px;height:32px;display:block}
.brand-name{color:var(--brand-700);font-weight:700}
.nav{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.nav a{color:var(--text);text-decoration:none;padding:10px 12px;min-height:44px;display:inline-flex;align-items:center;border-radius:8px;font-size:.95rem}
.nav a:hover{background:var(--brand-50)}
.wrap{max-width:1100px;margin:0 auto;padding:0 16px}
.hero{padding:var(--s6) 0 var(--s4);background:linear-gradient(180deg,var(--brand-50),var(--bg))}
.hero-grid{display:grid;gap:var(--s3);grid-template-columns:1fr}
@media(min-width:860px){.hero-grid{grid-template-columns:1.15fr .85fr;align-items:start}}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--brand-700);background:#fff;border:1px solid var(--border);border-radius:999px;padding:6px 12px;margin-bottom:var(--s2)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--ok-600)}
h1{font-size:clamp(1.75rem,1.4rem + 1.2vw,2.5rem);line-height:1.2;margin:0 0 var(--s2);letter-spacing:-.02em}
.lede{font-size:1.05rem;color:var(--muted);margin:0 0 var(--s3);max-width:38rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:10px;border:1px solid transparent;font-weight:600;font-size:1rem;cursor:pointer;text-decoration:none;font-family:inherit}
.btn-primary{background:var(--brand-600);color:#fff}.btn-primary:hover{background:var(--brand-700)}
.btn-ghost{background:#fff;border-color:var(--border);color:var(--text)}.btn-ghost:hover{background:var(--brand-50)}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:var(--s2)}
.fine{font-size:13px;color:var(--muted)}
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--s3)}
.features{padding:var(--s4) 0}
.features h2,.waitlist h2,.links h2{font-size:1.35rem;margin:0 0 var(--s3)}
.feat-grid{display:grid;gap:var(--s2);grid-template-columns:1fr}
@media(min-width:700px){.feat-grid{grid-template-columns:1fr 1fr}}
.feat{padding:var(--s3)}.feat h3{margin:0 0 8px;font-size:1.05rem}.feat p{margin:0;color:var(--muted);font-size:.95rem}
.icon{width:36px;height:36px;border-radius:10px;background:var(--brand-100);color:var(--brand-700);display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:12px}
.waitlist{padding:0 0 var(--s6)}
.form{display:grid;gap:14px}
label{display:grid;gap:6px;font-size:.9rem;font-weight:600}
input,select{min-height:44px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;font:inherit;background:#fff}
input:focus,select:focus{outline:none;box-shadow:0 0 0 3px rgba(15,118,110,.35);border-color:var(--brand-600)}
.form-row{display:grid;gap:14px}
@media(min-width:560px){.form-row{grid-template-columns:1fr 1fr}}
.msg{font-size:.95rem;padding:10px 12px;border-radius:10px;display:none}
.msg.ok{display:block;background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}
.msg.err{display:block;background:#fef2f2;color:#991b1b;border:1px solid #fecaca}
.links{padding:0 0 var(--s6)}.link-row{display:flex;flex-wrap:wrap;gap:10px}
.site-footer{border-top:1px solid var(--border);background:var(--card);padding:var(--s3) 0;font-size:14px;color:var(--muted)}
.footer-inner{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center}
.footer-nav{display:flex;flex-wrap:wrap;gap:12px}
.footer-nav a{color:var(--muted);text-decoration:none}.footer-nav a:hover{color:var(--brand-600)}
.privacy main{padding:var(--s4) 0 var(--s6);max-width:720px}
.privacy h1{font-size:1.75rem}.privacy h2{font-size:1.15rem;margin-top:var(--s3)}.privacy p,.privacy li{color:var(--muted)}