:root { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #152724; background: #f3f5ee; }
* { box-sizing: border-box; }
body { margin: 0; padding: 32px 20px; }
main { max-width: 560px; margin: 0 auto; text-align: center; }
.brand { font-size: 12px; font-weight: 750; letter-spacing: .15em; margin-bottom: 48px; }
.location { font-size: 15px; text-transform: uppercase; letter-spacing: .08em; }
h1 { font-size: clamp(32px, 8vw, 48px); line-height: 1.12; letter-spacing: -.035em; margin: 20px 0; }
p { line-height: 1.6; }
.intro { font-size: 20px; margin-bottom: 28px; }
button { width: 100%; min-height: 180px; padding: 28px 16px; background: #155c42; color: white; border: 0; border-radius: 24px; font: inherit; font-size: clamp(28px, 7vw, 38px); font-weight: 750; cursor: pointer; box-shadow: 0 5px 0 #0c3b2a; }
button span { display: block; font-size: 19px; font-weight: 450; margin-top: 10px; }
button:hover { background: #104d37; }
button:active { transform: translateY(3px); box-shadow: 0 2px 0 #0c3b2a; }
:focus-visible { outline: 4px solid #be6400; outline-offset: 5px; }
a { color: #155c42; text-underline-offset: 4px; }
.secondary { display: inline-block; padding: 20px; font-weight: 650; }
.symbol { font-size: 64px; color: #155c42; }
.qr { display: block; width: min(100%, 400px); height: auto; margin: 20px auto; }
.address { font-size: 13px; overflow-wrap: anywhere; }
.print-help { margin-top: 36px; font-size: 14px; }
@media print { :root { background: white; color: black; } body { padding: 0; } main { max-width: 650px; } .brand { margin-bottom: 32px; } .print-help { display: none; } a { color: black; text-decoration: none; } .qr { width: 95mm; } @page { margin: 18mm; } }