:root{color-scheme:light;--ink:#27323a;--accent:#e60925;--whatsapp:#128c4a}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}main{min-height:100svh;max-width:880px;margin:auto;padding:16px 24px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.logo{display:block;width:min(260px,32svh,65vw);height:auto;flex-shrink:0;margin:0 auto 18px}h1{font-size:clamp(23px,3.2vw,30px);font-weight:600;letter-spacing:-.025em;line-height:1.2;margin:0;max-width:700px}h1 span{color:var(--accent)}.rule{width:40px;height:3px;background:var(--accent);border-radius:3px;margin:16px auto;flex-shrink:0}.intro{font-size:16px;line-height:1.5;margin:0;max-width:580px;color:#59636b}.intro strong{color:var(--ink)}.contacts{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:20px;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:13px 22px;border-radius:8px;text-decoration:none;font-size:16px;font-weight:700;border:1px solid transparent;color:#fff;transition:filter .15s}.button:hover{filter:brightness(.92)}.button.primary{background:var(--accent)}.button.whatsapp{background:var(--whatsapp)}.button:focus-visible{outline:3px solid #27323a;outline-offset:4px}.button svg{height:21px;width:21px;fill:currentColor;flex-shrink:0}.qr{margin:16px 0 0;flex-shrink:0}.qr img{display:block;width:100px;height:100px}@media(max-width:540px){main{padding:16px 20px}.logo{width:min(240px,30svh,65vw);margin-bottom:18px}h1{font-size:clamp(20px,5.6vw,25px)}.rule{margin:12px auto}.intro{font-size:15px;max-width:350px}.contacts{width:100%;max-width:320px;gap:10px;margin-top:18px;flex-direction:column}.button{width:100%;min-height:48px;padding:12px 14px;font-size:15px}.qr{display:none}}@media(max-height:560px) and (min-width:541px){main{padding:12px 20px}.logo{width:min(190px,27svh);margin-bottom:12px}h1{font-size:23px}.rule{margin:10px auto}.intro{font-size:14px}.contacts{margin-top:12px}.qr{margin-top:8px}.qr img{width:76px;height:76px}}@media(prefers-reduced-motion:reduce){.button{transition:none}}

/* Desktop: scan QR; mobile: open the conversation directly. */
.contacts{align-items:center;gap:30px}.button.whatsapp{display:none}.qr{margin:0}.qr img{width:116px;height:116px}@media(max-width:540px){.contacts{gap:10px}.button.whatsapp{display:inline-flex}.qr{display:none}}

.button.signal{display:none;background:#3a76f0}.signal-qr img{width:148px;height:148px}@media(max-width:540px){.button.signal{display:inline-flex}.signal-qr{display:none}}

/* Equal visual dimensions for both desktop contact codes. */
.qr img{width:148px;height:148px}

@media(max-width:540px){.button.primary{font-size:19px;line-height:22px;height:48px;min-height:48px;padding:12px 14px}}

.phone-label{display:flex;flex-direction:column;align-items:center;gap:2px}.phone-label small{font-size:10px;line-height:12px;font-weight:400}.phone-number{line-height:20px}.button.primary{padding-top:6px;padding-bottom:6px}@media(max-width:540px){.button.primary{height:48px;min-height:48px;padding-top:5px;padding-bottom:5px}.phone-number{font-size:19px;line-height:22px}.phone-label{gap:1px}}

.brand{display:grid;grid-template-columns:max-content;justify-items:center;max-width:100%}.brand .logo{contain:inline-size;min-width:0;width:100%;height:auto}.brand h1{width:max-content;max-width:100%}h1 .tagline{white-space:nowrap;color:var(--ink)}h1 .tagline>span{color:var(--accent)}@media(max-width:540px){.contacts{margin-top:26px}}@media(max-width:540px) and (max-height:620px){main{padding:12px 20px}.brand .logo{margin-bottom:10px}h1{font-size:20px}.rule{margin:8px auto}.intro{font-size:14px;line-height:1.4}.contacts{gap:8px}}

/* Explicit dimensions avoid Safari intrinsic grid/image sizing differences. */
.brand{display:block;width:11.846875em;max-width:100%;font-size:clamp(23px,3.2vw,30px)}.brand h1{font-size:1em;width:100%}.brand .logo{contain:none;width:100%;max-width:100%;height:auto;display:block}@media(max-width:540px){.brand{font-size:clamp(20px,5.6vw,25px)}}@media(max-width:540px) and (max-height:620px){.brand{font-size:20px}}@media(min-width:541px) and (max-height:560px){.brand{font-size:23px}}

.button.primary{flex-direction:column;gap:1px;justify-content:center;padding:5px 22px}.phone-main{display:flex;align-items:center;justify-content:center;gap:9px;line-height:22px}.phone-number{line-height:22px}.phone-note{display:block;text-align:center;font-size:10px;line-height:12px;font-weight:400}@media(max-width:540px){.button.primary{height:48px;min-height:48px;padding:4px 14px}.phone-number{font-size:21px;line-height:24px}.phone-main{line-height:24px}}