:root{--bg:#0A0A0A;--card:#1A1717;--line:#302A28;--gold:#C8943E;--gold2:#E7C67E;--tx:#E8E0D4;--tx2:#A0958A}
*{box-sizing:border-box;margin:0}
body{background:var(--bg);color:var(--tx);font:16px/1.7 Archivo,system-ui,sans-serif;min-height:100vh;display:flex;flex-direction:column}
.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 16px 24px;gap:20px}
.logo{width:min(560px,90vw);height:auto}
.kicker{font:500 11px Jost,sans-serif;letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}
h1{font:400 clamp(24px,7vw,60px)/1.15 Jost,sans-serif;letter-spacing:-.01em}
.tour{font:600 20px Jost,sans-serif;letter-spacing:.04em;color:var(--gold2)}
.row{width:min(900px,100%);display:flex;flex-direction:column;align-items:center;gap:16px}
.lead{max-width:60ch;color:var(--tx2);font-size:16px;text-align:center;order:2}
.row .meta{text-align:center;order:3}
.row .links{order:1}
.place{font:400 clamp(24px,7vw,60px)/1.15 Jost,sans-serif;letter-spacing:-.01em;color:var(--tx);margin-top:-12px}
.links{display:flex;flex-wrap:wrap;gap:20px 16px;justify-content:center;margin-top:12px}
.ic{width:96px;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--gold);text-decoration:none;transition:.2s}
.ic svg{width:80px;height:80px;padding:22px;border:1px solid var(--line);border-radius:50%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:.2s}
.lbl{font:500 13px Jost,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--tx2);transition:.2s}
.ic:hover svg,.ic:focus-visible svg{border-color:var(--gold2)}
.ic:hover,.ic:focus-visible{color:var(--gold2)}
.ic:hover .lbl,.ic:focus-visible .lbl{color:var(--gold2)}
@media(max-width:480px){.links{gap:16px 6px}.ic{width:80px}.ic svg{width:68px;height:68px;padding:18px}.lbl{font-size:12px;letter-spacing:.1em}}
.meta a{color:var(--gold2);text-decoration:none}
.btn{padding:12px 22px;border:1px solid var(--line);color:var(--tx);text-decoration:none;font:500 13px Jost,sans-serif;letter-spacing:.12em;text-transform:uppercase;transition:.2s}
.btn:hover,.btn:focus-visible{border-color:var(--gold2);color:var(--gold2)}
.btn.primary{background:var(--gold);border-color:var(--gold);color:#0A0A0A}
.btn.primary:hover{background:var(--gold2);border-color:var(--gold2);color:#0A0A0A}
.meta{font-size:14px;color:var(--tx2)}
footer{text-align:center;line-height:1.8;padding:20px;font-size:13px;color:var(--tx2);border-top:1px solid var(--line)}
#chat-open{background:none;cursor:pointer;font:inherit;padding:0;border:0}
#chat{position:fixed;right:16px;bottom:16px;width:min(360px,calc(100vw - 32px));height:min(480px,calc(100vh - 32px));background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column}
#chat[hidden]{display:none}
#chat header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line);font:500 13px Jost,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--gold2)}
#chat header button{background:none;border:0;color:var(--tx);font-size:22px;cursor:pointer}
#msgs{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:10px}
#msgs p{max-width:85%;padding:10px 14px;font-size:15px;line-height:1.5}
#msgs .bot{background:var(--bg);border:1px solid var(--line);align-self:flex-start}
#msgs .me{background:var(--gold);color:#0A0A0A;align-self:flex-end}
#chat-form{display:flex;border-top:1px solid var(--line)}
#q{flex:1;background:var(--bg);border:0;color:var(--tx);padding:14px;font:inherit}
#chat-form button{background:var(--gold);border:0;padding:0 18px;font:500 13px Jost,sans-serif;text-transform:uppercase;cursor:pointer}
@media(max-width:380px){.links{gap:14px 2px}.ic{width:70px}.ic svg{width:58px;height:58px;padding:15px}.lbl{font-size:11px;letter-spacing:.06em}.tour{font-size:17px}}
@media(max-width:700px){.ic{width:84px}.links{gap:16px 6px;max-width:354px;margin-inline:auto}}
@media(max-width:480px){.links{max-width:338px}.ic{width:80px}}
@media(max-width:380px){.links{max-width:286px}.ic{width:70px}}
.links{scroll-margin-top:16px}
@media(min-width:1000px){body.chat-on .hero{padding-right:392px}}
@media(max-width:999px){#chat{height:min(400px,55vh)}body.chat-on{padding-bottom:min(400px,55vh)}}
