:root{
  color-scheme:light;
  --bg:#f7f7f2;
  --ink:#101010;
  --muted:#5f5a50;
  --line:#171717;
  --paper:#ffffff;
  --accent:#f2ff42;
  --accent-2:#ff5c28;
  --shadow:10px 10px 0 #101010;
}
.container{width:min(1120px,calc(100% - 32px));margin:0 auto}
.nav{
  position:sticky;top:0;z-index:10;
  border-bottom:2px solid var(--line);
  background:rgba(244,241,232,.92);backdrop-filter:blur(10px)
}
.nav-inner{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.logo{display:inline-flex;align-items:center;gap:9px;font-weight:950;letter-spacing:0;text-transform:lowercase;font-size:24px;text-decoration:none}
.logo-mark{width:28px;height:28px;display:block;flex:0 0 auto;image-rendering:pixelated}
.nav-links{display:flex;align-items:center;gap:20px}
.nav-links{font-size:14px;font-weight:700;color:var(--muted)}
.nav-links a{text-decoration:none}.nav-links a:hover{color:var(--ink)}

.button{
  display:inline-flex;align-items:center;justify-content:center;min-height:48px;
  padding:0 18px;border:2px solid var(--line);border-radius:0;
  background:var(--ink);color:var(--paper);font-weight:900;text-decoration:none;
  box-shadow:5px 5px 0 var(--line);transition:transform .16s ease,box-shadow .16s ease,background .16s ease
}
.button:hover,.button:focus-visible{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--line)}
.nav-links .button:not(.secondary):hover,.nav-links .button:not(.secondary):focus-visible{color:var(--paper)}
.button.secondary{background:var(--accent);color:var(--ink)}.contact-action{min-height:220px;display:flex;align-items:center;border:2px solid var(--line);background:var(--paper);color:var(--ink);padding:30px;text-decoration:none;font-size:clamp(42px,6vw,72px);line-height:.92;font-weight:950;letter-spacing:0;box-shadow:var(--shadow);transition:transform .16s ease,box-shadow .16s ease}.contact-action.telegram{background:var(--accent)}.contact-action:hover,.contact-action:focus-visible{transform:translate(-2px,-2px);box-shadow:14px 14px 0 var(--line)}@media (max-width:860px){.contact-action{min-height:150px;padding:22px;font-size:clamp(38px,13vw,54px);box-shadow:6px 6px 0 var(--line)}.contact-action:hover,.contact-action:focus-visible{box-shadow:8px 8px 0 var(--line)}}