/* PROLET BAR public QR menu - Midnight Blue visual identity; isolated from staff styles. */
:root{color-scheme:dark;--bg:#080813;--blue:#A0BDDB;--txt:#F4F7FF;--muted:#A4B0C2;--border:#334660;--panel:#142238;--panel2:#192A44}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse 85% 500px at 30% -250px,#294362 0%,transparent 92%),linear-gradient(170deg,#080813 0%,#0B1323 60%,#080813 100%);color:var(--txt);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.page-shell{width:min(100%,525px);margin:auto;padding:0 21px max(28px,env(safe-area-inset-bottom))}
.brand-header{display:flex;align-items:center;gap:13px;padding:25px 0 20px;border-bottom:1px solid rgba(160,189,219,.18)}
.mark-wrap{width:47px;height:53px;display:grid;place-items:center;border:1px solid rgba(160,189,219,.23);background:#142137;border-radius:14px;flex:none}
.mark-wrap img{width:23px;height:42px;object-fit:contain}
.brand-name{display:grid;gap:4px}.brand-name strong{font-size:21px;letter-spacing:.23em;font-weight:700;line-height:1}.brand-name span{font-size:9px;letter-spacing:.28em;color:var(--blue);font-weight:750}
.head-deco{margin-left:auto;color:var(--blue);font-size:18px;opacity:.75}
.hero{padding:46px 0 37px}.eyebrow,.section-top h2,.section-top span,.viewer-kicker{font-size:10px;letter-spacing:.21em;color:var(--blue);font-weight:800}
.hero h1{font-size:clamp(36px,9.8vw,51px);line-height:1.07;font-weight:720;letter-spacing:-.059em;margin:17px 0 19px}.hero h1 em{font-family:Georgia,serif;color:var(--blue);font-weight:400;letter-spacing:-.055em}
.hero>p:last-child{font-size:13px;line-height:1.8;color:#B6C6D8;max-width:380px;margin:0}
.links{display:grid;gap:12px}.section-top{display:flex;justify-content:space-between;align-items:center;margin:0 0 7px}.section-top h2{margin:0;color:var(--txt)}.section-top span{font-size:9px;opacity:.63}
.link-card{display:flex;align-items:center;gap:14px;min-height:82px;padding:15px 17px;border-radius:17px;background:linear-gradient(130deg,var(--panel2),var(--panel));border:1px solid var(--border);transition:transform .16s,border-color .16s,background .16s}
.link-card:hover{border-color:#A0BDDB9c;background:#213858}.link-card:active{transform:scale(.985)}
.link-card.featured{min-height:99px;border-color:#6F92B7;background:linear-gradient(125deg,#A0BDDB 0%,#BAD0E8 100%);color:#0B172B;box-shadow:0 11px 38px #02091855}
.link-card.featured.secondary-feature{background:linear-gradient(125deg,#1D334F 0%,#13263D 100%);color:#EAF3FB;border-color:#3E6286}
.card-icon{width:48px;height:48px;display:grid;place-items:center;flex:none;border-radius:13px;background:rgba(7,18,31,.1);border:1px solid rgba(7,18,31,.15)}
.secondary-feature .card-icon{background:#2D4866;border-color:#50708F}.simple-icon{background:#1F3551;border-color:#405C7B;color:var(--blue)}
.card-icon svg{display:block;width:25px;height:25px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6;fill:none}
.card-copy{min-width:0;display:grid;gap:6px;flex:1}.card-copy strong{font-size:15px;line-height:1.25;font-weight:750;letter-spacing:-.012em}.card-copy small{font-size:11px;color:inherit;opacity:.75;line-height:1.4}
.circle-arrow{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:19px;color:inherit;background:#ffffff22;flex:none}
.contacts{margin-top:38px}.contacts .link-card{min-height:77px}.review-thanks{font-size:12px;line-height:1.7;color:#A8B7C7;padding:0 6px;margin:4px 0 0}
.footer{text-align:center;display:grid;gap:7px;padding:40px 0 18px}.footer .line{height:1px;background:#2A3E56;margin-bottom:22px}.footer strong{font-size:11px;letter-spacing:.31em;color:#DDE9F5}.footer span{font-size:11px;color:#7187A0}
/* Menu viewer */
.viewer-body{background:#080813}.viewer-shell{max-width:680px;margin:auto;padding:0 15px 32px}
.viewer-head{display:flex;gap:15px;align-items:center;padding:18px 2px 20px;border-bottom:1px solid #2D4055}
.back-link{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#1A2A42;color:var(--blue);font-size:24px;flex:none}
.viewer-head h1{margin:5px 0 0;font-size:19px;font-weight:750;letter-spacing:-.025em}.mini-logo{margin-left:auto;object-fit:contain}
.viewer-kicker{font-size:9px}.viewer-tip{border:1px solid #314664;background:#16243B;color:#D9E5F3;border-radius:12px;margin:20px 0 14px;padding:12px 14px;font-size:11px;line-height:1.5}.viewer-tip span{color:var(--blue);font-size:16px;margin-right:8px}
.menu-switch{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:17px 0 24px}.menu-switch a{padding:12px 10px;background:#15243A;border:1px solid #30445B;text-align:center;border-radius:11px;color:#B5C9DB;font-size:12px;font-weight:720}.menu-switch a[aria-current="page"]{background:#A0BDDB;color:#0B1425;border-color:#A0BDDB}
.pages{display:grid;gap:22px}.menu-page{margin:0;display:grid;gap:8px}.menu-page>a{display:block;border:1px solid #344860;border-radius:12px;overflow:hidden;background:#1C2224;box-shadow:0 8px 30px #03060C66}.menu-page img{display:block;width:100%;height:auto}.menu-page figcaption{text-align:center;font-size:9px;letter-spacing:.14em;color:#8AA2BA;padding-top:3px}
.viewer-bottom{display:grid;gap:13px;margin:32px 0 0}.viewer-bottom a{text-align:center;padding:15px;border-radius:13px;border:1px solid #5D86AC;color:#D9E8F6;font-size:13px;font-weight:720}.viewer-bottom a:first-child{background:#A0BDDB;color:#080813}.viewer-bottom .back-bottom{background:#17253C}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.link-card{transition:none}}
@media(min-width:600px){.page-shell{padding:0 30px 36px}.hero{padding-top:65px}.viewer-shell{padding-left:22px;padding-right:22px}}