:root{
  --accent:#c72525;
  --blue:#0b4ea2;
  --text:#222;
  --max-width:1100px;
}
*{box-sizing:border-box}
body{
  font-family: "Georgia", serif;
  color:var(--text);
  margin:0;
  background:#f7f7f7;
  line-height:1.5;
}
.container{max-width:var(--max-width);margin:0 auto;padding:30px}
.site-header{
  position: sticky;   /* gjør den "klistret" */
  top: 0;             /* helt øverst på siden */
  z-index: 1000;      /* over innholdet */
  background:linear-gradient(#1f6fb0,#4ea1d8);
  color:white;padding:18px 24px;
  border-bottom:4px solid rgba(0,0,0,0.06);
}

}
.site-brand{
  display:flex;
  align-items:center;
  gap:18px;
  max-width:var(--max-width);
  margin:0 auto;
}

.logo{
  width:320px;   /* ca 3x så stor */
  height:auto;
}

.brand-text h1{margin:0;font-size:34px;letter-spacing:1px}
.tagline{margin:0;font-size:14px;opacity:.95}
.main-nav{display:flex;gap:16px;justify-content:flex-end;align-items:center;padding:8px 24px;background:rgba(255,255,255,0.06)}
.main-nav a{color:white;text-decoration:none;font-weight:600}
.main-nav .cta{background:white;color:var(--blue);padding:6px 12px;border-radius:6px}
.hero{background:white;padding:34px;margin:20px 0;border-radius:6px;box-shadow:0 3px 8px rgba(0,0,0,0.05)}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:18px 0}
.feature-grid article{background:white;padding:18px;border-radius:6px}
.callout{background:#fff6e8;padding:20px;border-left:6px solid var(--accent);margin:18px 0;border-radius:6px}
.button{display:inline-block;background:var(--accent);color:white;padding:10px 16px;border-radius:6px;text-decoration:none}
.site-footer{background:#2b3b4f;color:#fff;padding:20px;text-align:center;font-size:14px;margin-top:40px}

/* responsive */
@media (max-width:800px){
  .site-brand{
    flex-direction:column;
    align-items:flex-start;
  }

  .logo{
    width:220px;   /* litt mindre på mobil */
  }

  .main-nav{
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:10px;
    padding:12px;
  }
}

}