:root{color-scheme:dark;font-family:"Segoe UI",Arial,sans-serif;background:#252525;color:#f3efdf;--green:#394427;--gold:#e0c36d;--muted:#b9bda9;--text:#f3efdf}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{min-height:100vh;min-height:100svh;margin:0;display:grid;grid-template-rows:1fr auto;place-items:center;gap:48px;padding:72px 24px 24px;isolation:isolate;background:radial-gradient(ellipse at 50% 40%,#53613a16 0%,transparent 62%),#252525}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at center,black,transparent 72%)}
.particles{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;user-select:none}
.particle{position:absolute;top:0;left:0;width:var(--size);height:var(--size);background:currentColor;color:var(--color);border-radius:50%;box-shadow:0 0 7px currentColor,0 0 18px currentColor;animation:drift var(--travel-time) ease-in-out var(--travel-delay) infinite alternate,twinkle var(--twinkle-time) ease-in-out var(--twinkle-delay) infinite}
.particle.is-leaf{border-radius:75% 0 75% 0;box-shadow:0 0 7px currentColor,0 0 16px currentColor}
.particles.is-paused .particle{animation-play-state:paused}
main{position:relative;z-index:1;width:100%;text-align:center;animation:arrive 900ms ease-out both}
.logo-plaque{width:fit-content;margin:0 auto;padding:15px 18px;background:#f4f1e7;border:1px solid #e0c36d30;border-radius:8px;box-shadow:0 12px 46px #00000026;line-height:0}
.logo{display:block;width:clamp(190px,23vw,246px);height:auto;margin:0 auto;overflow:hidden;mix-blend-mode:multiply}
h1{margin:36px 0 0;color:var(--text);font-size:clamp(20px,3.5vw,26px);font-weight:500;line-height:1.6;letter-spacing:.025em;text-wrap:balance}
h1::before{content:"";display:block;width:40px;height:2px;margin:0 auto 26px;background:var(--gold);border-radius:2px;opacity:.85}
.services{display:flex;flex-wrap:wrap;justify-content:center;gap:9px 0;max-width:790px;margin:16px auto 0;padding:0;list-style:none;color:#b9bda9;font-size:14px;line-height:1.8}
.services li{position:relative;white-space:nowrap;padding:0 16px}
.services li+li::before{content:"·";position:absolute;left:-2px;color:var(--gold)}
.services li:last-child::before{display:none}
.coming-soon{display:inline-flex;justify-content:center;align-items:center;gap:10px;margin-top:34px;padding:12px 24px;border:1px solid #e0c36d4d;border-radius:7px;background:#e0c36d0a;color:#e4d9b9;font-size:13px;font-weight:500;line-height:1.5;letter-spacing:.02em}
.status-dot{height:6px;width:6px;flex:none;border-radius:50%;background:#9ab574;box-shadow:0 0 0 4px #9ab57416;animation:status-refresh 2.8s ease-in-out infinite}
.welcome{margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.7}
footer{position:relative;z-index:1;width:min(100%,720px);padding-top:18px;border-top:1px solid #ffffff14;color:#a8ad9a;font-size:11px;line-height:1.7;text-align:center}
footer p{margin:0}.footer-dot{display:inline-block;margin:0 7px;color:#b3aa88}
button{font:inherit;-webkit-tap-highlight-color:transparent;cursor:pointer}button svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.language-switcher{position:absolute;top:22px;right:28px;z-index:2;display:inline-flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #62675399;border-radius:6px;background:#30332c;color:#e7e6d9;font-size:11px;transition:background .2s,border-color .2s}.language-switcher:hover{background:#3a3d32;border-color:#e0c36d80}.language-switcher>svg{width:16px;height:16px}.language-switcher>.chevron{width:12px;height:12px}
.language-dialog{width:calc(100% - 40px);max-width:390px;max-height:calc(100svh - 40px);padding:34px 28px 28px;border:1px solid #bdad792e;border-radius:16px;background:#f4f1e6;color:var(--green);box-shadow:0 24px 100px #18211533;text-align:center;overflow-y:auto}.language-dialog[open]{animation:arrive .25s ease-out both}.language-dialog::backdrop{background:#26302061;backdrop-filter:blur(7px)}body:has(.language-dialog[open]){overflow:hidden}.dialog-close{position:absolute;right:13px;top:13px;width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#747961}.dialog-close:hover{background:#3944270d}.dialog-close svg{width:16px;height:16px}.dialog-mark{display:grid;place-items:center;width:45px;height:45px;border:1px solid #b9a36a55;border-radius:50%;margin:0 auto 16px;color:#927b3c;background:#e9e1c94d}.dialog-mark svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.2}.dialog-brand{margin:0 0 10px;font-size:9px;letter-spacing:2.1px;color:#879071}.language-dialog h2{margin:0;font-size:25px;line-height:1.4;font-weight:500;letter-spacing:-.4px}.dialog-description{font-size:11px;line-height:1.7;color:#7c806b;margin:8px 0 24px}.language-options{display:grid;gap:10px}.language-option{display:flex;align-items:center;gap:14px;width:100%;padding:12px 14px;border:1px solid #c4c6b380;border-radius:8px;background:#faf8f0;color:var(--green);font-size:14px;line-height:1.6;text-align:left;transition:border-color .2s,background .2s,transform .2s}.language-option:hover{border-color:#b39b57;background:#eee8d5;transform:translateY(-1px)}.language-option[aria-current="true"]{border-color:#a18c4a;background:#ece6d3}.language-code{display:grid;place-items:center;width:32px;height:32px;border-radius:5px;background:#39442709;color:#8e7b40;font-size:10px;letter-spacing:1px}.language-option>svg{width:17px;height:17px;margin-left:auto;color:#9c9f87}
@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.language-dialog{color-scheme:light}.language-dialog::backdrop{background:#00000080}.language-dialog button:focus-visible{outline-color:#9c7d29}
@keyframes drift{from{transform:translate3d(var(--from-x),var(--from-y),0)}to{transform:translate3d(var(--to-x),var(--to-y),0)}}
@keyframes twinkle{0%,100%{opacity:.35}35%{opacity:.95}65%{opacity:.5}80%{opacity:.8}}
@keyframes status-refresh{0%,100%{opacity:.72;box-shadow:0 0 0 3px #9ab57412,0 0 3px #9ab57418}40%{opacity:1;box-shadow:0 0 0 4px #9ab57426,0 0 8px #b5d78a70}75%{opacity:.85;box-shadow:0 0 0 9px #9ab57400,0 0 4px #9ab57420}}
@media(max-width:760px){.services{max-width:570px}.services li{padding:0 13px;font-size:13px}.services li:nth-child(3)::before{display:none}.services li:last-child::before{display:block}}
@media(max-width:540px){body{gap:36px;padding:70px 20px 20px}.logo{width:205px}h1{font-size:21px;max-width:330px;margin:29px auto 0;line-height:1.5;letter-spacing:.015em}h1::before{margin-bottom:22px}.services{display:flex;flex-direction:column;gap:5px;margin-top:18px;font-size:13px}.services li{padding:0;white-space:normal}.services li+li::before,.services li:last-child::before{display:none}.coming-soon{margin-top:28px;padding:11px 23px}.welcome{font-size:11px}footer{font-size:10px}.language-switcher{top:18px;right:20px}.language-dialog{padding:30px 23px 24px}.language-dialog h2{font-size:24px}}
@media(max-height:680px) and (min-width:541px){body{padding-top:30px;gap:28px}.logo{width:170px}h1{margin-top:22px}h1::before{margin-bottom:18px}.coming-soon{margin-top:24px}}
@media(prefers-reduced-motion:reduce){main,.language-dialog[open],.status-dot{animation:none}.particles{display:none}.particle{animation:none}button{transition:none!important}}
