/* NewGround interface palette and actions. Intro artwork keeps its own palette. */
:root{
  --amber:#83d5ce;
  --amber-2:#b9e7df;
  --line-hot:rgba(117,190,183,.4);
}
#intro{--amber:#ffab2e;--amber-2:#ffd27a;--line-hot:rgba(255,169,40,.4)}
body .shimmer>span{background-image:linear-gradient(110deg,#83d5ce 42%,#effffb 50%,#83d5ce 58%)}
body #prog,body #scrollbar{background:linear-gradient(90deg,#4b96bc,#83d5ce);box-shadow:0 0 12px rgba(91,198,198,.35)}
body .scrollcue .line{background:linear-gradient(#83d5ce,transparent)}
body :is(.course .soon-tag,.course .tools span,.proj .tool,.lcard .soon,.act .tools span){background:rgba(98,197,190,.07)}
body .bicon.mail{background:rgba(98,197,190,.12)}
body :is(.kpi .v,.statbar .n){text-shadow:0 0 18px rgba(91,198,198,.22)}
body .ftab.active{background:linear-gradient(125deg,#1b6062,#173b51);border-color:#4c9998;color:#e9fbf7}
body :is(.interest,.aud-card.team){background:linear-gradient(160deg,rgba(82,176,169,.07),transparent)}

:root{
  --action-fill:linear-gradient(125deg,#1b6062 0%,#174c59 55%,#173b51 100%);
  --action-hover:linear-gradient(125deg,#247677 0%,#1d5c68 55%,#1c4a63 100%);
  --action-text:#e9fbf7;
  --action-edge:#4c9998;
  --action-focus:#a1eee0;
  --action-shadow:inset 0 1px 0 rgba(197,255,245,.12),0 8px 26px -12px rgba(44,174,169,.34);
}
body :is(.hero-btn.primary,.navcta,.btn-hot,.mobile-cta a,.course .reg,.interest-card button,.cform button,.product .buybtn,.lcard .lbtn.hot,.demo-play,.bnav .links .cta,.post-cta a.btn,.interest .btn){
  background:var(--action-fill);
  color:var(--action-text);
  border:1px solid var(--action-edge);
  box-shadow:var(--action-shadow);
  text-shadow:0 1px 1px rgba(0,0,0,.15);
  transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;
}
body :is(.hero-btn.primary,.navcta,.btn-hot,.mobile-cta a,.course .reg,.interest-card button,.cform button,.product .buybtn,.lcard .lbtn.hot,.demo-play,.bnav .links .cta,.post-cta a.btn,.interest .btn):hover{
  background:var(--action-hover);
  border-color:#76c6be;
  color:#f4fffd;
  box-shadow:inset 0 1px 0 rgba(211,255,248,.19),0 10px 30px -12px rgba(51,181,176,.42);
  transform:translateY(-1px);
}
body :is(.hero-btn.secondary,.btn-ghost,.lcard .lbtn.ghost){
  color:#bedcd9;
  background:rgba(12,28,37,.55);
  border:1px solid rgba(117,184,184,.36);
  box-shadow:inset 0 1px 0 rgba(183,224,230,.025);
}
body :is(.hero-btn.secondary,.btn-ghost,.lcard .lbtn.ghost):hover{
  color:#e6faf7;
  background:rgba(25,61,69,.55);
  border-color:#6ab5b0;
  box-shadow:none;
  transform:translateY(-1px);
}
body :is(.hero-btn,.navcta,.btn-hot,.btn-ghost,.mobile-cta a,.course .reg,.interest-card button,.cform button,.product .buybtn,.lcard .lbtn,.demo-play,.bnav .links .cta,.post-cta a.btn,.interest .btn):focus-visible{
  outline:2px solid var(--action-focus);
  outline-offset:4px;
}
/* The embed supplies important declarations of its own. */
.ml-form-embedContainer .ml-form-embedSubmit button.primary{
  background:var(--action-fill)!important;
  color:var(--action-text)!important;
  border:1px solid var(--action-edge)!important;
  box-shadow:var(--action-shadow)!important;
}
.ml-form-embedContainer .ml-form-embedSubmit button.primary:hover{
  background:var(--action-hover)!important;
  box-shadow:inset 0 1px 0 rgba(211,255,248,.19),0 10px 30px -12px rgba(51,181,176,.42)!important;
}
.ml-form-embedContainer .ml-form-embedSubmit button.primary:focus-visible{outline:2px solid var(--action-focus);outline-offset:4px}
@media(prefers-reduced-motion:reduce){
  body .shimmer>span{background:none}
  body :is(.hero-btn,.navcta,.btn-hot,.btn-ghost,.mobile-cta a,.course .reg,.interest-card button,.cform button,.product .buybtn,.lcard .lbtn,.demo-play,.bnav .links .cta,.post-cta a.btn,.interest .btn){transition:none}
}