:root {
  color-scheme: light;
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  --ink: #171a17;
  --muted: #6c716c;
  --paper: #f3f3ef;
  --card: #fff;
}
* { box-sizing: border-box; }
body { --accent: #92c900; --accent-ink: #344a00; min-height: 100vh; margin: 0; padding: 28px 18px; display: grid; place-items: center; color: var(--ink); background: var(--paper); }
body.pz { --accent: #b9a277; --accent-ink: #55462b; --paper: #f3f0e9; }
body.ecomall { --accent: #f16b42; --accent-ink: #8e321a; --paper: #191a19; --ink: #f7f3ed; --muted: #c5c0b8; --card: #242523; color-scheme: dark; }
main { width: min(100%, 430px); text-align: center; }
.brand-logo { width: 98px; height: 98px; display: block; margin: 0 auto 19px; border-radius: 50%; object-fit: cover; background: #111; box-shadow: 0 0 0 5px color-mix(in srgb, var(--accent) 24%, transparent); }
.eyebrow { margin: 0 0 8px; color: var(--accent-ink); font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
h1 { margin: 0; font-size: clamp(27px, 7vw, 35px); line-height: 1.1; letter-spacing: -.045em; }
.tagline { margin: 9px 0 22px; color: var(--muted); font-size: 14px; line-height: 1.5; }
.maintenance { margin: 0 0 20px; padding: 16px 18px; border: 1px solid color-mix(in srgb, var(--accent) 44%, transparent); border-radius: 14px; background: var(--card); text-align: left; }
.maintenance strong { display: block; margin-bottom: 5px; font-size: 14px; }
.maintenance p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.5; }
.links { display: grid; gap: 10px; }
.links a { min-height: 52px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 0 17px; border: 1px solid color-mix(in srgb, var(--accent) 48%, transparent); border-radius: 13px; color: var(--ink); background: var(--card); font-size: 14px; font-weight: 700; text-align: left; text-decoration: none; transition: transform .16s ease, border-color .16s ease; }
.links a:hover { transform: translateY(-2px); border-color: var(--accent); }
.links a span { color: var(--accent-ink); font-size: 18px; }
.foot { margin: 22px 0 0; color: var(--muted); font-size: 11px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; } }