:root{
  --primary:#083962;
  --ink:#083962;
  --muted:#5b6773;
  --bg:#ffffff;
  --ring:#e7eef3;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  display:flex;
  flex-direction:column;
  min-height:100vh;
  background:var(--bg);
  color:var(--ink);
  font:400 16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial;
  -webkit-font-smoothing:antialiased;
}

h1, h2, p {
	display: inline;
	color: #083962;
	text-align: center;
}

a {
	font-weight: bold;
    text-decoration: none;
	color: #083962;
}

a:hover {
	text-decoration: underline;
}
/* top accent */
.accent-bar{
	height: 32px;
	width:100%;
	background: #00d6d4;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	  z-index: 100;

	}

.wrap{
  flex:1;  /* fyld mellem top og footer */
  max-width:880px;
  margin:clamp(32px,6vw,72px) auto;
  padding:0 20px;
  display:flex;
  flex-direction:column;
  justify-content:center; /* centrer indholdet vertikalt */
}

.brand{
  align-items:center;
  text-align: center;
}

.mark{
  width:36px;height:36px;border-radius:8px;
  background:linear-gradient(135deg,var(--primary),#116c91);
  box-shadow:0 4px 16px rgba(26,138,184,.25);
}
.name{
  margin:0;font-weight:700;letter-spacing:.2px;
  font-size:clamp(26px,4.5vw,36px);
}

/* Footer nu altid i bunden */
.foot{
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
  text-align: center;
  color:#6b7785;
  font-size:14px;
  border-top:2px solid #0086FB;
  padding:14px 0;
  background-color: #ffffff;
  z-index: 100;
}