:root{
  --navy:#0B1B34; --slate:#4A5568; --paper:#F7FAFC; --gold:#CFAF5A;
  --radius:16px; --gap:1.25rem;
}
*{
	box-sizing:border-box
	}
	
html{
	font-family:Inter, "Source Sans Pro", Arial, sans-serif; 
	font-size:18px; 
	line-height:1.6; 
	color:var(--navy); 
	/*background:#fff;*/
	background: linear-gradient(#ffffff,  #aae5d1);  /* was dde58f*/
	}
	
a{
	color:var(--navy)
	}
	
.site-head{
	max-width:1100px;
	margin:0 auto;
	padding:1rem var(--gap);
	display:flex;
	align-items:center;
	justify-content:space-between
	}
	
.logo{
	font-weight:800;
	font-size:1.75rem;
	letter-spacing:-0.02em
	}
	
.logo img {
		max-width: 600px;
	}
	
.hyphen{
	display:inline-block;
	width:1.6ch;
	height:0.18em;
	background:var(--navy);
	border-radius:2px;
	margin:0 0.25ch;
	position:relative
	}
	
.hyphen::after{
	content:"";
	position:absolute;
	right:-0.15em;
	top:-0.45em;
	width:0.33em;
	height:0.33em;
	background:var(--gold);
	border-radius:999px
	} 
	/* accent hyphen */
.nav a{
	margin-left:1rem;
	text-decoration:none
	}
	
.hero{
	max-width:1100px;
	margin:0 auto;
	padding:3rem var(--gap) 2rem
	}
	
.hero h1{font-size:2.2rem;margin:0 0 .5rem}
.sub{color:var(--slate);margin:.25rem 0 1rem}
.btn{display:inline-block;background:var(--navy);color:#fff;padding:.75rem 1rem;border-radius:999px;text-decoration:none;border:0}
.btn-ghost{background:transparent;border:2px solid var(--navy);color:var(--navy)}
.grid{max-width:1100px;margin:0 auto;padding:1rem var(--gap) 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--gap)}
.card{background:var(--paper);border-radius:var(--radius);padding:1rem;border:1px solid #e7eef7;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.card h2{margin:.25rem 0}
.link{font-weight:600;text-decoration:none}
.about,.newsletter{max-width:900px;margin:0 auto;padding:1rem var(--gap) 2rem}
.newsletter form{display:grid;gap:.75rem}
.newsletter input[type="email"]{width:100%;padding:.6rem;border-radius:10px;border:1px solid #c9d5e6}
fieldset{border:1px solid #e0e7f0;border-radius:10px;padding:.5rem 1rem;display:flex;flex-wrap:wrap;gap:1rem}
label{display:flex;align-items:center;gap:.5rem}
.site-foot{max-width:1100px;margin:2rem auto;padding:1rem var(--gap);border-top:1px solid #e7eef7;display:grid;gap:.5rem;color:var(--slate)}
.endorse{display:flex;align-items:center;gap:.5rem}
.mini-hyphen{width:22px;height:4px;background:var(--navy);border-radius:2px;position:relative}
.mini-hyphen::after{content:"";position:absolute;right:-4px;top:-6px;width:6px;height:6px;background:var(--gold);border-radius:999px}
.legal a{text-decoration:none}
@media (prefers-reduced-motion:no-preference){
  .btn:hover{transform:translateY(-1px)}
}