*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Bricolage Grotesque','Helvetica Neue',sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace}
.wrap{max-width:1200px;margin:0 auto;padding-left:20px;padding-right:20px}
.label{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:13px;letter-spacing:.12em}
:focus-visible{outline:2px solid currentColor;outline-offset:3px}

/* barre du haut */
.bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:22px;padding-bottom:22px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:15px}
.bar a{text-decoration:none;min-height:44px;display:inline-flex;align-items:center}

/* hero des pages */
.hero{padding-top:60px;padding-bottom:90px;display:flex;flex-direction:column;gap:24px}
.hero h1{margin:0;font-size:clamp(60px,12vw,170px);font-weight:800;letter-spacing:-.045em;line-height:.88}
.hero p{margin:0;font-size:clamp(20px,2.2vw,28px);line-height:1.35;max-width:760px}

/* ticket WhatsApp */
.ticket .inner{padding-top:90px;padding-bottom:90px;display:flex;flex-wrap:wrap;gap:48px}
.ticket .left{flex:1 1 440px;display:flex;flex-direction:column;gap:28px}
.ticket h2{margin:0;font-size:clamp(40px,5vw,64px);font-weight:800;letter-spacing:-.03em;line-height:1}
.step{display:flex;flex-direction:column;gap:12px}
.step[hidden]{display:none}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{font-family:inherit;font-size:17px;min-height:48px;padding:0 18px;border-radius:999px;cursor:pointer;border:1.5px solid #111110;background:transparent;color:#111110}
.chip[aria-pressed="true"]{background:#111110;color:var(--on-dark)}
.ticket .right{flex:1 1 340px;align-self:flex-end;display:flex;flex-direction:column;gap:14px}
.paper{border-radius:6px;padding:24px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:15px;line-height:1.6;white-space:pre-line;min-height:150px;background:var(--paper)}
.send{background:#111110;color:var(--on-dark);text-decoration:none;font-weight:600;font-size:19px;min-height:60px;border-radius:6px;display:flex;align-items:center;justify-content:center}
.send:hover{filter:brightness(1.2)}

footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:36px;padding-bottom:36px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:13px}