/* Gregers shared visual system.
   Loaded after legacy page-level CSS to make the public surface feel like one site. */
:root{
  --gregers-bg:#08090a;
  --gregers-panel:#0f1011;
  --gregers-surface:#17181a;
  --gregers-line:rgba(255,255,255,.09);
  --gregers-line-soft:rgba(255,255,255,.055);
  --gregers-text:#f7f8f8;
  --gregers-muted:#8a8f98;
  --gregers-soft:#d0d6e0;
  --gregers-brand:#5e6ad2;
  --gregers-brand-2:#828fff;
  --gregers-ok:#27a644;
  --gregers-warn:#f5b84b;
  --gregers-bad:#ff6b6b;
  --gregers-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  --gregers-sans:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}
html{background:var(--gregers-bg)!important;}
body{
  margin:0;
  color:var(--gregers-text)!important;
  font:15px/1.6 var(--gregers-sans)!important;
  background:radial-gradient(900px 440px at 50% -90px,rgba(94,106,210,.22),transparent 70%),var(--gregers-bg)!important;
}
a{color:var(--gregers-soft);text-decoration:none;overflow-wrap:anywhere;}
a:hover{color:#fff;}
code,pre,.mono{font-family:var(--gregers-mono)!important;overflow-wrap:anywhere;word-break:break-word;}
.shell,main{max-width:1180px;margin-left:auto;margin-right:auto;}
.shell{padding-left:24px;padding-right:24px;}
body>main:not(.shell){padding-left:24px!important;padding-right:24px!important;}
.nav,header.nav,body>.nav{
  position:sticky;top:0;z-index:20;
  background:rgba(8,9,10,.78)!important;
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--gregers-line-soft)!important;
}
.nav-inner{
  height:68px!important;
  min-height:68px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
}
.brand,.brand-main{
  color:var(--gregers-text)!important;
  font-weight:650!important;
  letter-spacing:-.02em!important;
  white-space:nowrap!important;
}
.gregers-logo{
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  min-width:210px!important;
}
.brand-mark{
  display:inline-grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,var(--gregers-brand),var(--gregers-brand-2))!important;
  color:#fff!important;
  font:750 18px/1 var(--gregers-sans)!important;
  letter-spacing:-.04em!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 12px 34px rgba(94,106,210,.18)!important;
  flex:0 0 auto!important;
}
.brand-copy{display:grid!important;gap:1px!important;min-width:0!important;text-transform:none!important;}
.brand-main{display:block!important;font-family:var(--gregers-sans)!important;font-size:16px!important;line-height:1.05!important;text-transform:none!important;letter-spacing:-.02em!important;}
.brand-sub{display:block;color:var(--gregers-muted)!important;font:600 10px/1.15 var(--gregers-mono)!important;letter-spacing:.06em!important;text-transform:uppercase!important;margin-top:1px!important;}
.links,nav.links{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  overflow-x:auto!important;
  flex-wrap:nowrap!important;
  scrollbar-width:none;
}
.links::-webkit-scrollbar{display:none;}
.links a,.btn,button.btn{
  border:1px solid var(--gregers-line)!important;
  background:rgba(255,255,255,.025)!important;
  border-radius:10px!important;
  padding:8px 12px!important;
  color:var(--gregers-soft)!important;
  font:600 13px/1.25 var(--gregers-sans)!important;
  white-space:nowrap;
}
.links a.active,.btn.primary,button.btn.primary{
  background:var(--gregers-brand)!important;
  border-color:var(--gregers-brand)!important;
  color:#fff!important;
}
.hero{
  position:relative!important;
  text-align:left!important;
  padding-top:72px!important;
  padding-bottom:36px!important;
  overflow:visible!important;
}
.eyebrow,.k{
  color:var(--gregers-muted)!important;
  font:600 12px/1.25 var(--gregers-mono)!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}
.hero>.eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  border:1px solid var(--gregers-line)!important;
  border-radius:999px!important;
  padding:7px 10px!important;
  margin:0 0 18px!important;
  background:rgba(255,255,255,.025)!important;
  color:var(--gregers-muted)!important;
}
h1,.hero h1{
  color:var(--gregers-text)!important;
  font-family:var(--gregers-sans)!important;
  font-size:clamp(42px,7vw,76px)!important;
  line-height:1.02!important;
  font-weight:560!important;
  letter-spacing:-.055em!important;
  margin:0 0 18px!important;
  max-width:980px!important;
}
h2,h3{color:var(--gregers-text)!important;font-weight:560!important;letter-spacing:-.025em;}
.lead{
  color:var(--gregers-soft)!important;
  font:400 clamp(17px,2vw,21px)/1.55 var(--gregers-sans)!important;
  max-width:860px!important;
  margin:0!important;
}
p,.muted,li{color:var(--gregers-muted);}
.card,section.card,.box{
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.022))!important;
  border:1px solid var(--gregers-line)!important;
  border-radius:16px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.pill,.status,.step{
  border-color:var(--gregers-line)!important;
  background:rgba(255,255,255,.025)!important;
  border-radius:999px;
}
input,select,textarea,.input{
  background:#0b0d10!important;
  color:var(--gregers-text)!important;
  border:1px solid var(--gregers-line)!important;
  border-radius:10px!important;
}
.footer,footer{color:var(--gregers-muted)!important;border-top:1px solid var(--gregers-line-soft);margin-top:34px;padding-top:22px;padding-bottom:28px;}
@media(max-width:760px){
  body{font-size:16px!important;line-height:1.68!important;background:radial-gradient(520px 280px at 50% -80px,rgba(94,106,210,.20),transparent 70%),var(--gregers-bg)!important;}
  .shell,body>main:not(.shell){padding-left:16px!important;padding-right:16px!important;max-width:100%;overflow-x:hidden;}
  .nav{position:static;}
  .nav-inner{display:block!important;height:auto!important;min-height:0!important;padding:14px 0!important;}
  .brand{display:block;margin-bottom:12px;}
  .links{padding-bottom:4px;}
  .links a,.btn,button.btn{font-size:13px!important;padding:9px 11px!important;}
  .hero{padding-top:44px!important;padding-bottom:24px!important;}
  .hero>.eyebrow{font-size:10px!important;line-height:1.25!important;letter-spacing:.06em!important;max-width:100%;white-space:normal;}
  .hero h1,h1{font-size:clamp(34px,12vw,52px)!important;line-height:1.03!important;}
  .grid,.two{display:block!important;}
  .card,.card.wide,.card.full{display:block!important;width:100%!important;margin-bottom:12px!important;padding:16px!important;}
}