:root{--bg:#fff;--soft:#eef5fb;--ink:#12283a;--mute:#4d6477;--blue:#1076bc;--or:#e8630f;--line:#d5e2ee;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0e1c28;--soft:#14283a;--ink:#eaf2f8;--mute:#9db3c4;--blue:#4aa6e6;--or:#ff8a3d;--line:#25405a}}
html{scroll-padding-top:env(safe-area-inset-top,0px);scroll-behavior:smooth}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 Commissioner,"Segoe UI",Arial,sans-serif}
a{color:inherit}
.w{max-width:1080px;margin:0 auto;padding:0 20px}
header .w{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;padding-bottom:14px;flex-wrap:wrap}
.logo{background:#fff;border-radius:10px;padding:6px 10px;display:block}
.logo img{height:46px;width:auto;display:block}
nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
nav a{text-decoration:none;font-weight:600}nav a:not(.btn):hover{color:var(--blue)}nav .btn{padding:8px 16px;font-size:15px;margin:0}
.lang{display:flex;border:2px solid var(--blue);border-radius:99px;overflow:hidden}
.lang button{border:0;background:none;color:var(--blue);font:800 14px Commissioner,sans-serif;padding:5px 13px;cursor:pointer}
.lang button[aria-pressed=true]{background:var(--blue);color:#fff}
:focus-visible{outline:3px solid var(--or);outline-offset:2px}
.hero{background:var(--soft);border-block:1px solid var(--line)}
.hero .w{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:center;padding-top:56px;padding-bottom:56px}
h1{font-size:clamp(34px,5.4vw,60px);line-height:1.05;font-weight:800;margin:0 0 18px;letter-spacing:-.01em}
.hero p{color:var(--mute);font-size:19px;max-width:46ch;margin:0 0 26px}
.btn{display:inline-block;background:var(--or);color:#fff;text-decoration:none;font-weight:800;padding:13px 24px;border-radius:10px;border:0;font-size:17px;font-family:inherit;cursor:pointer}
#pgd[hidden]{display:none}
.btn.o{background:none;color:var(--blue);box-shadow:inset 0 0 0 2px var(--blue);margin-left:8px}
.cat{background:#fff;border-radius:50%;aspect-ratio:1;display:grid;place-items:center;max-width:360px;justify-self:center;width:100%;box-shadow:0 0 0 14px color-mix(in srgb,var(--or) 18%,transparent)}
.cat img{width:74%;height:auto}
section{padding:60px 0}
h2{font-size:clamp(26px,3.6vw,38px);margin:0 0 8px;font-weight:800;letter-spacing:-.01em}
.sub{color:var(--mute);margin:0 0 26px;max-width:60ch}
.cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:26px 22px}.card{border-top:5px solid var(--blue);padding-top:10px}.s2 .card{border-color:var(--or)}.card h3{margin:0 0 4px;font-size:19px;line-height:1.3}.card :is(button,a.sl){display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);color:var(--ink);font:500 16px/1.4 Commissioner,sans-serif;padding:9px 2px;cursor:pointer}.card :is(button,a.sl).ch{font-weight:800;font-size:19px;border-bottom:0}.card :is(button,a.sl):hover{color:var(--blue)}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.three h3{margin:0 0 6px;font-size:20px}.three p{margin:0;color:var(--mute)}
.soft{background:var(--soft)}
form{display:grid;gap:14px;max-width:620px}
label{font-weight:600;display:grid;gap:5px}
input,select,textarea{font:inherit;padding:11px 12px;border:2px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);width:100%}
.addr{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.addr h3{margin:0 0 4px}.addr .hrs{margin-top:10px;color:var(--ink)}.addr>div{display:flex;flex-direction:column}.addr .hrs{margin-bottom:14px}.addr .map:empty{display:none}.addr .map{width:100%;height:260px;border:0;border-radius:14px;margin-top:auto;background:var(--line)}.addr .btn{align-self:flex-start}.addr .map:empty+.btn{margin-top:auto!important}.addr p{margin:0;color:var(--mute)}
#pg{padding:36px 0 60px}#pg img{max-width:100%;max-height:480px;width:auto;height:auto;display:block;border-radius:14px;margin:18px 0}#pg .back{font-weight:600;text-decoration:none;color:var(--blue)}#pg p{font-size:19px;max-width:68ch}#pgs h2{font-size:26px;margin:40px 0 4px}#pgs p,#pgx{white-space:pre-line}.card h3 a{text-decoration:none;color:inherit}.card h3 a:hover{color:var(--blue)}.card :is(button,a.sl).has::after{content:" ›";color:var(--or)}dialog{border:2px solid var(--blue);border-radius:14px;background:var(--bg);color:var(--ink);padding:26px;max-width:380px}dialog::backdrop{background:#0008}dialog h3{margin:0 0 8px}footer a{margin-left:16px;text-decoration:none;font-weight:600}footer a svg{vertical-align:-3px;margin-right:6px}footer a:hover{color:var(--blue)}footer{border-top:1px solid var(--line);padding:22px 0;color:var(--mute);font-size:15px}
@media(max-width:760px){.hero .w,.cols,.three,.addr{grid-template-columns:1fr}.cat{max-width:240px}.btn.o{margin:10px 0 0}}
.card a.sl{text-decoration:none}
#fst{margin:0;font-weight:600;color:var(--blue)}
.crumb{font-size:15px;color:var(--mute)}
header .nv{order:3;width:100%;gap:12px 16px}header .nv .btn{font-size:14px;padding:7px 12px}header .nv a:not(.btn){font-size:16px}header .lang{order:2;margin-left:auto}header .logo{order:1}nav .btn.o{margin-left:0}