.public-header{
  --header-text:#22251f;
  --header-muted:#62675e;
  --header-line:#d9ddd2;
  --header-soft:#f8f9f4;
  --header-acid:#c8ff4d;
  position:sticky;
  top:0;
  z-index:50;
  border-bottom:1px solid var(--header-line);
  background:rgba(255,255,255,.97);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.public-header .public-header-inner{
  width:min(calc(100% - 40px),1180px);
  min-height:72px;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
.public-header .public-brand{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--header-text);
  text-decoration:none;
  font:700 19px/1 'DM Sans',Arial,sans-serif;
  letter-spacing:-.04em;
}
.public-header .public-brand img{width:32px;height:32px;display:block}
.public-header .public-header-actions{display:flex;align-items:center;gap:16px}
.public-header .public-nav{
  display:flex;
  align-items:center;
  gap:2px;
  color:var(--header-muted);
  font:700 12px/1 'DM Sans',Arial,sans-serif;
}
.public-header .public-nav a{
  --nav-icon:none;
  position:relative;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:0 10px;
  color:inherit;
  text-decoration:none;
  white-space:nowrap;
  transition:color .14s ease,background .14s ease;
}
.public-header .public-nav a::before{
  content:'';
  width:15px;
  height:15px;
  flex:none;
  background:currentColor;
  -webkit-mask:var(--nav-icon) center/contain no-repeat;
  mask:var(--nav-icon) center/contain no-repeat;
}
.public-header .public-nav a::after{
  content:'';
  position:absolute;
  left:10px;
  right:10px;
  bottom:5px;
  height:2px;
  border-radius:2px;
  background:transparent;
}
.public-header .public-nav a[href="/how-it-works"]{--nav-icon:url('/icons/flow.svg')}
.public-header .public-nav a[href="/capabilities"]{--nav-icon:url('/icons/capabilities.svg')}
.public-header .public-nav a[href="/security"]{--nav-icon:url('/icons/shield-lock.svg')}
.public-header .public-nav a[href="/docs"]{--nav-icon:url('/icons/document.svg')}
.public-header .public-nav a:hover,
.public-header .public-nav a:focus-visible{
  color:var(--header-text);
  background:var(--header-soft);
  outline:none;
}
.public-header .public-nav a[aria-current="page"]{
  border-color:transparent;
  background:transparent;
  color:var(--header-text);
  box-shadow:none;
}
.public-header .public-nav a[aria-current="page"]::after{background:var(--header-acid)}
.public-header .public-header-cta{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:0 15px;
  border:1px solid var(--header-text);
  border-radius:4px;
  background:var(--header-acid);
  color:var(--header-text);
  text-decoration:none;
  font:700 13px/1 'DM Sans',Arial,sans-serif;
  box-shadow:2px 2px 0 var(--header-text);
  transition:background .14s ease,box-shadow .14s ease,transform .14s ease;
}
.public-header .public-header-cta:hover,
.public-header .public-header-cta:focus-visible{
  background:#d7ff78;
  transform:translate(-1px,-1px);
  box-shadow:3px 3px 0 var(--header-text);
  outline:none;
}
.public-header .public-header-cta:active{transform:translate(2px,2px);box-shadow:none}
@media(max-width:820px){
  .public-header .public-nav{display:none}
}
@media(max-width:620px){
  .public-header .public-header-inner{width:min(calc(100% - 28px),1180px);min-height:64px}
  .public-header .public-header-actions{margin-left:auto}
  .public-header .public-brand{font-size:15px}
  .public-header .public-brand img{width:29px;height:29px}
  .public-header .public-header-cta{padding-inline:11px;white-space:nowrap;box-shadow:1px 1px 0 var(--header-text)}
}