/* Snilld forside 2026: "Hvor hos jer?" – kilde. Kompileres af Prepros til css/home-frontier.css. */
/* Alt er afgrænset til #snilld-frontier (plus få regler for body.snilld-frontier-home). */
/* DM Mono registreres af home-frontier/frontier.js (FontFace), fordi Prepros kun uploader tekstfiler automatisk. */
body.snilld-frontier-home main#mainContent {
  padding: 0;
  opacity: 1;
  -webkit-transform: none;
          transform: none;
  -webkit-animation: none;
          animation: none;
  min-height: 0;
}
/* The front page opens on a dark stage: the theme's own white logo and menu apply. */
body.snilld-frontier-home {
  background: #0e0a14;
}
@media (max-width: 999px) {
  body.snilld-frontier-home:not(.scrolled) header {
    height: 84px;
    text-align: left;
  }
  body.snilld-frontier-home:not(.scrolled) header .site-logo {
    height: 84px;
  }
  body.snilld-frontier-home:not(.scrolled) header #company-logo {
    width: 168px;
    height: auto;
    margin: 0;
    padding: 12px 14px;
  }
}
@media (max-width: 400px) {
  body.snilld-frontier-home:not(.scrolled) header #company-logo {
    width: 136px;
    padding: 16px 14px;
  }
}
#snilld-frontier {
  font-family: "Work Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;
  line-height: 1.55;
  color: #0e0a14;
  background: #f8f8fb;
  overflow-x: clip;
/* ---------- stage: the model and the offer share one screen ---------- */
/* ---------- offer ---------- */
/* ---------- method ---------- */
/* ---------- people ---------- */
/* ---------- products ---------- */
/* ---------- clients ---------- */
/* ---------- booking ---------- */
/* ---------- events + newsletter ---------- */
}
#snilld-frontier *,
#snilld-frontier *:before,
#snilld-frontier *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#snilld-frontier [hidden] {
  display: none !important;
}
#snilld-frontier h1,
#snilld-frontier h2,
#snilld-frontier h3,
#snilld-frontier p,
#snilld-frontier ul,
#snilld-frontier ol,
#snilld-frontier figure,
#snilld-frontier fieldset,
#snilld-frontier legend {
  margin: 0;
  padding: 0;
  width: auto;
  letter-spacing: 0;
  display: block;
  color: inherit;
  font-weight: inherit;
  line-height: inherit;
  border: 0;
  min-width: 0;
}
#snilld-frontier ul,
#snilld-frontier ol {
  list-style: none;
}
#snilld-frontier a {
  color: inherit;
  text-decoration: none;
}
#snilld-frontier img {
  display: block;
  max-width: 100%;
  height: auto;
}
#snilld-frontier button {
  font: inherit;
  letter-spacing: 0;
  cursor: pointer;
}
#snilld-frontier :focus-visible {
  outline: 3px solid #2f6bff;
  outline-offset: 3px;
  border-radius: 6px;
}
#snilld-frontier h2:focus {
  outline: none;
}
#snilld-frontier .sf-wrap {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 24px;
}
#snilld-frontier .sf-star {
  width: 1.05em;
  height: 1.05em;
  fill: currentColor;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
#snilld-frontier .sf-kicker {
  font-family: "DM Mono", SFMono-Regular, Consolas, monospace;
  font-size: 13px;
  line-height: 1.4;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #6b3eb8;
  font-weight: 400;
  margin-bottom: 14px;
}
#snilld-frontier .sf-kicker-n {
  color: #2f6bff;
}
#snilld-frontier .sf-example {
  display: inline-block;
  margin-left: 10px;
  padding: 2px 9px;
  border: 1px solid rgba(107,62,184,0.4);
  border-radius: 999px;
  letter-spacing: 0.06em;
  font-size: 12px;
  color: #241439;
}
#snilld-frontier .sf-h1,
#snilld-frontier .sf-h2 {
  font-weight: 300;
  letter-spacing: -0.025em;
  color: #6b3eb8;
  text-wrap: balance;
}
#snilld-frontier .sf-h1 strong,
#snilld-frontier .sf-h2 strong {
  font-weight: 700;
  color: #241439;
}
#snilld-frontier .sf-h1 {
  font-size: clamp(38px, min(4.2vw, 7vh), 64px);
  line-height: 0.98;
  margin-bottom: 24px;
}
#snilld-frontier .sf-h1 strong,
#snilld-frontier .sf-h1 span {
  display: block;
}
#snilld-frontier .sf-h1 span {
  font-size: 0.6em;
  line-height: 1.1;
  margin-top: 0.3em;
  letter-spacing: -0.02em;
}
#snilld-frontier .sf-h2 {
  font-size: clamp(30px, 2.9vw, 44px);
  line-height: 1.04;
  margin-bottom: 16px;
}
#snilld-frontier .sf-h2-xl {
  font-size: clamp(34px, 4vw, 60px);
  line-height: 1;
  margin-bottom: 24px;
}
#snilld-frontier .sf-h3 {
  font-size: 28px;
  line-height: 1.1;
  font-weight: 700;
  color: #241439;
  margin-bottom: 10px;
}
#snilld-frontier .sf-lead {
  font-size: clamp(18px, 1.5vw, 21px);
  line-height: 1.5;
  max-width: 34em;
}
#snilld-frontier .sf-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  min-height: 52px;
  padding: 12px 26px 12px 20px;
  border: 0;
  border-radius: 999px;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  -webkit-transition: background-color 180ms, color 180ms, -webkit-transform 180ms;
  transition: background-color 180ms, color 180ms, -webkit-transform 180ms;
  transition: background-color 180ms, transform 180ms, color 180ms;
  transition: background-color 180ms, transform 180ms, color 180ms, -webkit-transform 180ms;
}
#snilld-frontier .sf-btn-primary {
  background: #6b3eb8;
  color: #fff;
}
#snilld-frontier .sf-btn-primary:hover {
  background: #241439;
  color: #fff;
  -webkit-transform: translateY(-1px);
          transform: translateY(-1px);
}
#snilld-frontier .sf-btn-primary[disabled] {
  background: rgba(36,20,57,0.18);
  color: rgba(36,20,57,0.6);
  cursor: not-allowed;
  -webkit-transform: none;
          transform: none;
}
#snilld-frontier .sf-btn-light {
  background: #f8f8fb;
  color: #241439;
}
#snilld-frontier .sf-btn-light:hover {
  background: #fff;
  color: #6b3eb8;
}
#snilld-frontier .sf-link {
  background: none;
  border: 0;
  padding: 12px 4px;
  min-height: 44px;
  color: #241439;
  font-size: 16px;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-color: rgba(107,62,184,0.5);
  border-radius: 6px;
}
#snilld-frontier .sf-link:hover {
  background: none;
  color: #6b3eb8;
}
#snilld-frontier .sf-stage {
  --sf-overlay: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #f8f8fb;
}
#snilld-frontier .sf-scene {
  position: sticky;
  top: 0;
  z-index: 3;
  height: 43vh;
  height: 43svh;
  min-height: 290px;
  background: #f8f8fb;
  overflow: hidden;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}
#snilld-frontier .sf-scene:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 28px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(248,248,251,0)), to(#f8f8fb));
  background: linear-gradient(rgba(248,248,251,0), #f8f8fb);
  pointer-events: none;
}
#snilld-frontier .sf-scene:before {
  content: "";
  position: absolute;
  left: 6%;
  top: 16%;
  width: 92%;
  height: 78%;
  background: radial-gradient(closest-side, rgba(107,62,184,0.42), rgba(107,62,184,0));
  border-radius: 50%;
  pointer-events: none;
}
#snilld-frontier .sf-poster,
#snilld-frontier .sf-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
#snilld-frontier .sf-poster {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 60%;
     object-position: 50% 60%;
  -webkit-transition: opacity 700ms;
  transition: opacity 700ms;
}
#snilld-frontier .sf-canvas {
  opacity: 0;
  -webkit-transition: opacity 700ms;
  transition: opacity 700ms;
  cursor: -webkit-grab;
  cursor: grab;
}
#snilld-frontier .sf-canvas:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
#snilld-frontier .sf-scene-alt {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}
#snilld-frontier .sf-anchors {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 500ms 300ms;
  transition: opacity 500ms 300ms;
}
#snilld-frontier .sf-spot {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin: -22px 0 0 -22px;
  padding: 0;
  min-height: 44px;
  min-width: 44px;
  background: none;
  border: 0;
  border-radius: 999px;
  color: #241439;
  text-align: left;
  will-change: transform;
}
#snilld-frontier .sf-spot:hover {
  background: none;
}
#snilld-frontier .sf-spot-dot {
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 44px;
  height: 44px;
}
#snilld-frontier .sf-spot-dot:before,
#snilld-frontier .sf-spot-dot:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 50%;
}
#snilld-frontier .sf-spot-dot:before {
  width: 18px;
  height: 18px;
  margin: -9px 0 0 -9px;
  background: #2f6bff;
  -webkit-box-shadow: 0 0 0 4px #fff, 0 6px 14px rgba(14,10,20,0.3);
          box-shadow: 0 0 0 4px #fff, 0 6px 14px rgba(14,10,20,0.3);
}
#snilld-frontier .sf-spot-dot:after {
  width: 18px;
  height: 18px;
  margin: -9px 0 0 -9px;
  border: 2px solid #2f6bff;
  -webkit-animation: sf-ping 2.6s ease-out infinite;
          animation: sf-ping 2.6s ease-out infinite;
}
#snilld-frontier .sf-spot:nth-of-type(2) .sf-spot-dot:after {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
#snilld-frontier .sf-spot:nth-of-type(3) .sf-spot-dot:after {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
#snilld-frontier .sf-spot-text {
  display: none;
  max-width: 230px;
  padding: 7px 14px 8px;
  margin-left: -8px;
  font-size: 0;
  background: #fff;
  border-radius: 14px;
  -webkit-box-shadow: 0 10px 30px rgba(14,10,20,0.14);
          box-shadow: 0 10px 30px rgba(14,10,20,0.14);
  font-weight: 600;
  line-height: 1.25;
  -webkit-transition: background-color 180ms, color 180ms, -webkit-transform 180ms;
  transition: background-color 180ms, color 180ms, -webkit-transform 180ms;
  transition: transform 180ms, background-color 180ms, color 180ms;
  transition: transform 180ms, background-color 180ms, color 180ms, -webkit-transform 180ms;
}
#snilld-frontier .sf-spot:hover .sf-spot-text,
#snilld-frontier .sf-spot:focus-visible .sf-spot-text {
  font-size: 15px;
}
#snilld-frontier .sf-spot-place {
  display: block;
  font-family: "DM Mono", SFMono-Regular, Consolas, monospace;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #6b3eb8;
}
#snilld-frontier .sf-spot:hover .sf-spot-text,
#snilld-frontier .sf-spot:focus-visible .sf-spot-text {
  background: #241439;
  color: #fff;
  -webkit-transform: translateX(4px);
          transform: translateX(4px);
}
#snilld-frontier .sf-spot:hover .sf-spot-place,
#snilld-frontier .sf-spot:focus-visible .sf-spot-place {
  color: #c3b9e9;
}
#snilld-frontier .sf-pin {
  position: absolute;
  left: 0;
  top: 0;
  margin: -52px 0 0 14px;
  padding: 6px 12px 7px;
  max-width: 200px;
  background: #0e0a14;
  color: #fff;
  border-radius: 10px 10px 10px 2px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
  -webkit-box-shadow: 0 8px 22px rgba(14,10,20,0.25);
          box-shadow: 0 8px 22px rgba(14,10,20,0.25);
  -webkit-animation: sf-pop 320ms cubic-bezier(0.2, 1.4, 0.4, 1) both;
          animation: sf-pop 320ms cubic-bezier(0.2, 1.4, 0.4, 1) both;
  will-change: transform;
}
#snilld-frontier .sf-pin.is-solved {
  background: #fff;
  color: #6b3eb8;
  font-weight: 600;
}
#snilld-frontier .sf-turn {
  position: absolute;
  right: 14px;
  bottom: 12px;
  z-index: 2;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-family: "DM Mono", SFMono-Regular, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(36,20,57,0.75);
}
#snilld-frontier .sf-turn button {
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid rgba(36,20,57,0.25);
  border-radius: 50%;
  background: rgba(255,255,255,0.7);
  color: #241439;
  font-size: 18px;
  line-height: 1;
}
#snilld-frontier .sf-turn button:hover {
  background: #241439;
  color: #fff;
}
#snilld-frontier .sf-panel {
  position: relative;
  z-index: 1;
  padding: 22px 24px 44px;
}
#snilld-frontier .sf-question {
  font-size: clamp(18px, 1.6vw, 22px);
  line-height: 1.35;
  color: #241439;
  margin-bottom: 12px;
}
#snilld-frontier .sf-facts {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (auto)[3];
  grid-template-columns: repeat(3, auto);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  border-top: 1px solid rgba(36,20,57,0.22);
  margin-bottom: 22px;
  max-width: 560px;
}
#snilld-frontier .sf-facts li {
  padding: 14px 22px 0 0;
  margin-right: 22px;
  border-right: 1px solid rgba(36,20,57,0.22);
}
#snilld-frontier .sf-facts li:last-child {
  border-right: 0;
  margin-right: 0;
  padding-right: 0;
}
#snilld-frontier .sf-facts b {
  display: block;
  font-size: clamp(22px, 2.2vw, 32px);
  font-weight: 300;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: #241439;
  white-space: nowrap;
}
#snilld-frontier .sf-facts span {
  display: block;
  font-size: 14px;
  line-height: 1.3;
  color: rgba(14,10,20,0.72);
  margin-top: 4px;
}
#snilld-frontier .sf-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px 18px;
  margin-bottom: 16px;
}
#snilld-frontier .sf-actions-note {
  font-size: 15px;
  line-height: 1.35;
  color: rgba(14,10,20,0.78);
  max-width: 16em;
}
#snilld-frontier .sf-meetus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px 24px;
  margin-bottom: 22px;
}
#snilld-frontier .sf-meetus-photos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
#snilld-frontier .sf-meetus-photos figure {
  width: clamp(104px, 9.4vw, 148px);
}
#snilld-frontier .sf-meetus-photos img {
  width: 100%;
  aspect-ratio: 5/6;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 18%;
     object-position: 50% 18%;
  border-radius: 20px;
  background: #eeedf5;
}
#snilld-frontier .sf-meetus-photos figcaption {
  padding-top: 7px;
  font-size: 13px;
  line-height: 1.25;
  color: rgba(14,10,20,0.76);
}
#snilld-frontier .sf-meetus-photos b {
  display: block;
  font-size: 14.5px;
  color: #241439;
}
#snilld-frontier .sf-meetus-photos span {
  display: block;
}
#snilld-frontier .sf-meetus-cta {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 200px;
          flex: 1 1 200px;
  min-width: 0;
}
#snilld-frontier .sf-meetus-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  color: #241439;
  margin-bottom: 12px;
}
#snilld-frontier .sf-meetus-cta .sf-actions-note {
  margin-top: 10px;
  max-width: 18em;
}
#snilld-frontier .sf-human {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.35;
  color: #6b3eb8;
  margin-bottom: 16px;
  max-width: 33em;
}
#snilld-frontier .sf-lead-2 {
  margin-top: 14px;
}
#snilld-frontier .sf-try-title {
  font-size: 15px;
  font-weight: 600;
  color: #241439;
  margin-bottom: 10px;
}
#snilld-frontier .sf-try-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
}
#snilld-frontier .sf-try-list li {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: auto;
  max-width: 100%;
}
#snilld-frontier .sf-chip {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 6px 15px 7px;
  background: #fff;
  color: #241439;
  border: 1px solid rgba(107,62,184,0.28);
  border-radius: 999px;
  font-size: 14.5px;
  font-weight: 600;
  line-height: 1.25;
  text-align: left;
  -webkit-transition: background-color 180ms, color 180ms, border-color 180ms, -webkit-transform 180ms;
  transition: background-color 180ms, color 180ms, border-color 180ms, -webkit-transform 180ms;
  transition: background-color 180ms, color 180ms, border-color 180ms, transform 180ms;
  transition: background-color 180ms, color 180ms, border-color 180ms, transform 180ms, -webkit-transform 180ms;
}
#snilld-frontier .sf-chip-n {
  display: none;
  font-family: "DM Mono", SFMono-Regular, Consolas, monospace;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #6b3eb8;
}
#snilld-frontier .sf-chip:hover {
  background: #241439;
  border-color: #241439;
  color: #fff;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}
#snilld-frontier .sf-chip:hover .sf-chip-n {
  color: #c3b9e9;
}
#snilld-frontier .sf-chip.is-done {
  border-color: #6b3eb8;
  background: #f1effc;
}
#snilld-frontier .sf-chip.is-done:after {
  content: "Prøvet";
  font-family: "DM Mono", SFMono-Regular, Consolas, monospace;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #6b3eb8;
}
#snilld-frontier .sf-view-step {
  -webkit-animation: sf-rise 420ms ease both;
          animation: sf-rise 420ms ease both;
}
#snilld-frontier .sf-body {
  font-size: 16.5px;
  line-height: 1.48;
  margin-bottom: 14px;
  max-width: 33em;
}
#snilld-frontier .sf-case {
  position: relative;
  margin-bottom: 14px;
  padding: 12px 16px 13px 18px;
  max-width: 33em;
  background: #fff;
  border-left: 3px solid #2f6bff;
  border-radius: 0 12px 12px 0;
  font-size: 16px;
  line-height: 1.4;
  color: #241439;
  font-weight: 500;
}
#snilld-frontier .sf-get {
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 16px;
  max-width: 33em;
}
#snilld-frontier .sf-chosen {
  font-size: 16px;
  margin-bottom: 10px;
  color: #6b3eb8;
}
#snilld-frontier .sf-who {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}
#snilld-frontier .sf-who img {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 22%;
     object-position: 50% 22%;
  background: #eeedf5;
}
#snilld-frontier .sf-who b {
  display: block;
  font-size: 16px;
  line-height: 1.2;
  color: #241439;
}
#snilld-frontier .sf-who span {
  display: block;
  font-size: 14px;
  color: rgba(14,10,20,0.72);
}
#snilld-frontier .sf-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px 18px;
}
#snilld-frontier .sf-hint {
  font-size: 14px;
  line-height: 1.4;
  color: rgba(14,10,20,0.72);
  margin-top: 10px;
  max-width: 34em;
}
#snilld-frontier .sf-options {
  display: -ms-grid;
  display: grid;
  gap: 8px;
  margin-bottom: 16px;
  max-width: 33em;
}
#snilld-frontier .sf-options legend {
  font-size: 15px;
  font-weight: 600;
  color: #241439;
  margin-bottom: 10px;
}
#snilld-frontier .sf-option {
  position: relative;
  display: block;
  cursor: pointer;
}
#snilld-frontier .sf-option input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: pointer;
}
#snilld-frontier .sf-option-box {
  display: block;
  font-weight: 400;
  padding: 9px 16px 10px 46px;
  background: #fff;
  border: 1px solid rgba(107,62,184,0.28);
  border-radius: 14px;
  font-size: 15px;
  line-height: 1.35;
  -webkit-transition: border-color 180ms, background-color 180ms;
  transition: border-color 180ms, background-color 180ms;
}
#snilld-frontier .sf-option-box:before {
  content: "";
  position: absolute;
  left: 15px;
  top: 12px;
  width: 18px;
  height: 18px;
  border: 2px solid #6b3eb8;
  border-radius: 50%;
  background: #fff;
  -webkit-transition: background-color 180ms, -webkit-box-shadow 180ms;
  transition: background-color 180ms, -webkit-box-shadow 180ms;
  transition: box-shadow 180ms, background-color 180ms;
  transition: box-shadow 180ms, background-color 180ms, -webkit-box-shadow 180ms;
}
#snilld-frontier .sf-option-box b {
  display: block;
  font-size: 16px;
  color: #241439;
}
#snilld-frontier .sf-option:hover .sf-option-box {
  border-color: #6b3eb8;
}
#snilld-frontier .sf-option input:checked + .sf-option-box {
  border-color: #2f6bff;
  background: #f1effc;
}
#snilld-frontier .sf-option input:checked + .sf-option-box:before {
  background: #2f6bff;
  border-color: #2f6bff;
  -webkit-box-shadow: inset 0 0 0 3px #fff;
          box-shadow: inset 0 0 0 3px #fff;
}
#snilld-frontier .sf-option input:focus-visible + .sf-option-box {
  outline: 3px solid #2f6bff;
  outline-offset: 2px;
}
#snilld-frontier .sf-progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  margin-top: 22px;
  padding-top: 14px;
  border-top: 1px solid rgba(36,20,57,0.18);
  max-width: 33em;
}
#snilld-frontier .sf-progress li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#snilld-frontier .sf-progress button {
  width: 100%;
  min-height: 44px;
  padding: 6px 4px;
  background: none;
  border: 0;
  border-top: 3px solid rgba(36,20,57,0.16);
  border-radius: 0;
  color: rgba(14,10,20,0.7);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  text-align: left;
}
#snilld-frontier .sf-progress button span {
  display: block;
  font-family: "DM Mono", SFMono-Regular, Consolas, monospace;
  font-size: 12px;
  letter-spacing: 0.1em;
}
#snilld-frontier .sf-progress button:hover {
  background: none;
  color: #6b3eb8;
}
#snilld-frontier .sf-progress button[aria-current="step"] {
  border-top-color: #2f6bff;
  color: #241439;
  font-weight: 700;
}
#snilld-frontier .sf-progress button[disabled] {
  opacity: 0.45;
  cursor: not-allowed;
}
#snilld-frontier .sf-live {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}
#snilld-frontier .sf-offer {
  position: relative;
  z-index: 4;
  background: #0e0a14;
  color: #f8f8fb;
  padding: 88px 0 72px;
  overflow: hidden;
}
#snilld-frontier .sf-offer:before {
  content: "";
  position: absolute;
  right: -14%;
  top: -30%;
  width: 62%;
  aspect-ratio: 1.1;
  background: #1b1230;
  border-radius: 58% 42% 46% 54%/44% 58% 42% 56%;
  -webkit-transform: rotate(-12deg);
          transform: rotate(-12deg);
}
#snilld-frontier .sf-offer .sf-wrap {
  position: relative;
}
#snilld-frontier .sf-offer .sf-kicker {
  color: #cdc2f8;
}
#snilld-frontier .sf-offer .sf-h2 {
  color: #cdc2f8;
}
#snilld-frontier .sf-offer .sf-h2 strong {
  color: #fff;
  display: block;
}
#snilld-frontier .sf-offer-grid {
  display: -ms-grid;
  display: grid;
  gap: 40px;
}
#snilld-frontier .sf-duo {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 40px;
  max-width: 640px;
}
#snilld-frontier .sf-duo > div {
  border-top: 2px solid #cdc2f8;
  padding-top: 12px;
}
#snilld-frontier .sf-duo-n {
  font-family: "DM Mono", SFMono-Regular, Consolas, monospace;
  font-size: 13px;
  color: #cdc2f8;
  margin-bottom: 6px;
}
#snilld-frontier .sf-duo h3 {
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}
#snilld-frontier .sf-duo p:last-child {
  font-size: 16px;
  color: rgba(248,248,251,0.86);
}
#snilld-frontier .sf-price {
  position: relative;
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
  padding: 30px 30px 32px;
  background: #17102a;
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: 22px;
  overflow: hidden;
}
#snilld-frontier .sf-price:before {
  content: "";
  position: absolute;
  right: -26%;
  top: -22%;
  width: 78%;
  aspect-ratio: 1;
  background: #1c1232;
  border-radius: 46% 54% 60% 40%/52% 44% 56% 48%;
}
#snilld-frontier .sf-price > * {
  position: relative;
}
#snilld-frontier .sf-price-n {
  font-size: clamp(64px, 7vw, 92px);
  font-weight: 300;
  line-height: 0.92;
  letter-spacing: -0.035em;
  color: #fff;
}
#snilld-frontier .sf-price-u {
  font-size: 17px;
  color: #cdc2f8;
  margin: 8px 0 22px;
  padding-bottom: 22px;
  border-bottom: 1px solid rgba(248,248,251,0.22);
}
#snilld-frontier .sf-price-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 10px;
  font-size: 17px;
  line-height: 1.35;
  margin-bottom: 8px;
}
#snilld-frontier .sf-price-list .sf-star {
  color: #cdc2f8;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
#snilld-frontier .sf-price-start {
  margin: 18px 0 12px;
  padding: 14px 16px;
  background: rgba(248,248,251,0.08);
  border-radius: 12px;
  font-size: 17px;
  line-height: 1.4;
}
#snilld-frontier .sf-price-start b {
  display: block;
  color: #fff;
}
#snilld-frontier .sf-price-small {
  font-size: 14px;
  line-height: 1.4;
  color: rgba(248,248,251,0.78);
  margin-bottom: 22px;
}
#snilld-frontier .sf-calc {
  margin-top: 56px;
  padding: 26px 28px 24px;
  background: rgba(248,248,251,0.07);
  border: 1px solid rgba(248,248,251,0.16);
  border-radius: 22px;
}
#snilld-frontier .sf-calc-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px 16px;
}
#snilld-frontier .sf-calc label {
  display: block;
  width: 150px;
  font-weight: 400;
}
#snilld-frontier .sf-calc input[type="number"] {
  display: block;
  width: 100%;
  height: 60px;
  margin: 0 0 6px;
  padding: 0 12px;
  background: #0e0a14;
  color: #fff;
  border: 1px solid rgba(248,248,251,0.3);
  border-radius: 12px;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-family: "Work Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 30px;
  font-weight: 300;
  letter-spacing: -0.02em;
}
#snilld-frontier .sf-calc input[type="number"]:focus-visible {
  outline: 3px solid #2f6bff;
  outline-offset: 2px;
}
#snilld-frontier .sf-calc label span {
  display: block;
  font-size: 14px;
  line-height: 1.3;
  color: rgba(248,248,251,0.82);
}
#snilld-frontier .sf-calc-x {
  font-size: 28px;
  font-weight: 300;
  line-height: 60px;
  color: #cdc2f8;
}
#snilld-frontier .sf-calc-out {
  font-size: clamp(30px, 3.4vw, 44px);
  font-weight: 700;
  line-height: 60px;
  letter-spacing: -0.02em;
  color: #fff;
  white-space: nowrap;
}
#snilld-frontier .sf-calc-note {
  margin-top: 16px;
  font-size: 15px;
  line-height: 1.45;
  color: rgba(248,248,251,0.86);
  max-width: 52em;
}
#snilld-frontier .sf-calc-note b {
  color: #fff;
}
#snilld-frontier .sf-method {
  position: relative;
  z-index: 4;
  background: #f8f8fb;
  padding: 96px 0 88px;
}
#snilld-frontier .sf-steps {
  display: -ms-grid;
  display: grid;
  gap: 16px;
  margin-top: 12px;
}
#snilld-frontier .sf-steps > li {
  padding: 26px 26px 28px;
  border: 1px solid rgba(36,20,57,0.2);
  border-radius: 22px;
  background: #fff;
}
#snilld-frontier .sf-steps > li.sf-steps-you {
  background: #241439;
  border-color: #241439;
  color: #fff;
}
#snilld-frontier .sf-steps > li.sf-steps-you h3,
#snilld-frontier .sf-steps > li.sf-steps-you .sf-steps-get {
  color: #fff;
  border-color: rgba(255,255,255,0.25);
}
#snilld-frontier .sf-steps > li.sf-steps-you .sf-steps-n {
  color: #cdc2f8;
}
#snilld-frontier .sf-steps-n {
  font-family: "DM Mono", SFMono-Regular, Consolas, monospace;
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #6b3eb8;
  margin-bottom: 12px;
}
#snilld-frontier .sf-steps h3 {
  font-size: 26px;
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: -0.015em;
  color: #241439;
  margin-bottom: 12px;
}
#snilld-frontier .sf-steps p {
  font-size: 17px;
  line-height: 1.5;
}
#snilld-frontier .sf-steps .sf-steps-get {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(36,20,57,0.2);
  color: #241439;
}
#snilld-frontier .sf-ladder {
  margin-top: 72px;
}
#snilld-frontier .sf-ladder h3 {
  font-size: clamp(24px, 2.4vw, 34px);
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #241439;
  margin-bottom: 28px;
}
#snilld-frontier .sf-ladder ol {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
  grid-template-columns: repeat(5, 1fr);
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  gap: 8px;
  border-bottom: 3px solid #241439;
  max-width: 980px;
}
#snilld-frontier .sf-ladder li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 12px 12px 14px;
  border-radius: 12px 12px 0 0;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  min-height: 84px;
}
#snilld-frontier .sf-ladder li span {
  font-family: "DM Mono", SFMono-Regular, Consolas, monospace;
  font-size: 12px;
  font-weight: 400;
  opacity: 0.85;
  margin-bottom: 6px;
}
#snilld-frontier .sf-ladder li:nth-child(1) {
  background: #3f6fe0;
  min-height: 84px;
}
#snilld-frontier .sf-ladder li:nth-child(2) {
  background: #2a58d6;
  min-height: 114px;
}
#snilld-frontier .sf-ladder li:nth-child(3) {
  background: #6b3eb8;
  min-height: 146px;
}
#snilld-frontier .sf-ladder li:nth-child(4) {
  background: #241439;
  min-height: 178px;
}
#snilld-frontier .sf-ladder li:nth-child(5) {
  background: #0e0a14;
  min-height: 210px;
}
#snilld-frontier .sf-ladder > p {
  margin-top: 18px;
  font-size: 17px;
  max-width: 38em;
}
#snilld-frontier .sf-people {
  position: relative;
  z-index: 4;
  background: #fff;
  padding: 96px 0;
}
#snilld-frontier .sf-people-grid {
  display: -ms-grid;
  display: grid;
  gap: 28px 24px;
  -ms-grid-columns: 1fr 24px 1fr;
  grid-template-columns: 1fr 1fr;
}
#snilld-frontier .sf-people-text {
  grid-column: 1/-1;
}
#snilld-frontier .sf-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px 22px;
  margin-top: 20px;
  font-size: 18px;
}
#snilld-frontier .sf-contact a {
  color: #241439;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-color: rgba(107,62,184,0.5);
  min-height: 44px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#snilld-frontier .sf-contact a:hover {
  color: #6b3eb8;
}
#snilld-frontier .sf-person {
  position: relative;
}
#snilld-frontier .sf-person img {
  width: 100%;
  aspect-ratio: 4/5;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 20%;
     object-position: 50% 20%;
  border-radius: 28px;
  background: #a99be0;
}
#snilld-frontier .sf-person figcaption {
  padding-top: 14px;
}
#snilld-frontier .sf-person b {
  display: block;
  font-size: clamp(20px, 2vw, 26px);
  line-height: 1.15;
  letter-spacing: -0.015em;
  color: #241439;
}
#snilld-frontier .sf-person span {
  display: block;
  font-size: 16px;
  color: rgba(14,10,20,0.78);
}
#snilld-frontier .sf-person figcaption a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 44px;
  font-family: "DM Mono", SFMono-Regular, Consolas, monospace;
  font-size: 13px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #6b3eb8;
  text-decoration: underline;
  text-underline-offset: 4px;
}
#snilld-frontier .sf-person-design {
  grid-column: 1/-1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
#snilld-frontier .sf-person-mark {
  display: -ms-grid;
  display: grid;
  place-items: center;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: #241439;
  color: #cdc2f8;
  font-size: 30px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
#snilld-frontier .sf-products {
  position: relative;
  z-index: 4;
  background: #f8f8fb;
  padding: 96px 0 72px;
}
#snilld-frontier .sf-product-list {
  display: -ms-grid;
  display: grid;
  gap: 14px;
  margin-top: 8px;
}
#snilld-frontier .sf-product-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  padding: 26px 26px 22px;
  background: #fff;
  border: 1px solid rgba(36,20,57,0.2);
  border-radius: 22px;
  color: #0e0a14;
  text-decoration: none;
  -webkit-transition: background-color 220ms, color 220ms, border-color 220ms, -webkit-transform 220ms;
  transition: background-color 220ms, color 220ms, border-color 220ms, -webkit-transform 220ms;
  transition: background-color 220ms, color 220ms, transform 220ms, border-color 220ms;
  transition: background-color 220ms, color 220ms, transform 220ms, border-color 220ms, -webkit-transform 220ms;
}
#snilld-frontier .sf-product-n {
  font-family: "DM Mono", SFMono-Regular, Consolas, monospace;
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #6b3eb8;
  margin-bottom: 26px;
  -webkit-transition: color 220ms;
  transition: color 220ms;
}
#snilld-frontier .sf-product-list h3 {
  font-size: 28px;
  line-height: 1.08;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #241439;
  margin-bottom: 12px;
  -webkit-transition: color 220ms;
  transition: color 220ms;
}
#snilld-frontier .sf-product-list a > p:not(.sf-product-n) {
  font-size: 17px;
  line-height: 1.45;
  margin-bottom: 24px;
}
#snilld-frontier .sf-product-go {
  margin-top: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  min-height: 44px;
  font-weight: 600;
  color: #6b3eb8;
  -webkit-transition: color 220ms;
  transition: color 220ms;
}
#snilld-frontier .sf-product-go span {
  -webkit-transition: -webkit-transform 220ms;
  transition: -webkit-transform 220ms;
  transition: transform 220ms;
  transition: transform 220ms, -webkit-transform 220ms;
}
#snilld-frontier .sf-product-list a:hover {
  background: #241439;
  border-color: #241439;
  color: #f8f8fb;
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
}
#snilld-frontier .sf-product-list a:hover h3 {
  color: #fff;
}
#snilld-frontier .sf-product-list a:hover .sf-product-n,
#snilld-frontier .sf-product-list a:hover .sf-product-go {
  color: #cdc2f8;
}
#snilld-frontier .sf-product-list a:hover .sf-product-go span {
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}
#snilld-frontier .sf-clients {
  position: relative;
  z-index: 4;
  background: #f8f8fb;
  padding: 24px 0 96px;
}
#snilld-frontier .sf-clients .sf-kicker {
  display: block;
  margin-bottom: 22px;
}
#snilld-frontier .sf-client-list {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
  gap: 10px;
}
#snilld-frontier .sf-client-list li {
  display: -ms-grid;
  display: grid;
  place-items: center;
  padding: 10px;
  background: #fff;
  border-radius: 14px;
  aspect-ratio: 1.6;
}
#snilld-frontier .sf-client-list img {
  max-height: 100%;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  opacity: 0.8;
  mix-blend-mode: multiply;
}
#snilld-frontier .sf-book {
  position: relative;
  z-index: 4;
  background: #0e0a14;
  color: #f8f8fb;
  padding: 96px 0;
  overflow: hidden;
  scroll-margin-top: 0;
}
#snilld-frontier .sf-book:before {
  content: "";
  position: absolute;
  left: -18%;
  bottom: -46%;
  width: 64%;
  aspect-ratio: 1.15;
  background: #17102a;
  border-radius: 44% 56% 52% 48%/56% 44% 58% 42%;
  -webkit-transform: rotate(14deg);
          transform: rotate(14deg);
}
#snilld-frontier .sf-book-grid {
  position: relative;
  display: -ms-grid;
  display: grid;
  gap: 40px;
}
#snilld-frontier .sf-book .sf-kicker {
  color: #cdc2f8;
}
#snilld-frontier .sf-book .sf-h2 {
  color: #cdc2f8;
  padding-top: 0;
}
#snilld-frontier .sf-book .sf-h2 strong {
  color: #fff;
}
#snilld-frontier .sf-book-who {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 30px 0 6px;
}
#snilld-frontier .sf-book-who img {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 22%;
     object-position: 50% 22%;
  border: 3px solid #0e0a14;
  background: #a99be0;
}
#snilld-frontier .sf-book-who img + img {
  margin-left: -16px;
}
#snilld-frontier .sf-book-who p {
  margin-left: 16px;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.3;
  color: #fff;
}
#snilld-frontier .sf-book-who p span {
  display: block;
  font-size: 15px;
  font-weight: 400;
  color: rgba(248,248,251,0.8);
}
#snilld-frontier .sf-book .sf-contact {
  display: block;
  font-size: 17px;
  color: rgba(248,248,251,0.86);
}
#snilld-frontier .sf-book .sf-contact a {
  color: #fff;
  text-decoration-color: #cdc2f8;
}
#snilld-frontier .sf-book-form {
  padding: 28px 26px 26px;
  background: #f8f8fb;
  color: #0e0a14;
  border-radius: 22px;
}
#snilld-frontier .sf-book-form h3 {
  font-size: 24px;
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -0.015em;
  color: #241439;
  margin-bottom: 18px;
}
#snilld-frontier .sf-book-form form {
  display: -ms-grid;
  display: grid;
  gap: 10px;
}
#snilld-frontier .sf-book-form input[type="text"],
#snilld-frontier .sf-book-form input[type="email"],
#snilld-frontier .sf-book-form input[type="tel"],
#snilld-frontier .sf-book-form select,
#snilld-frontier .sf-book-form textarea {
  width: 100%;
  max-width: none;
  min-height: 50px;
  margin: 0;
  padding: 12px 14px;
  background: #fff;
  color: #0e0a14;
  border: 1px solid rgba(36,20,57,0.35);
  border-radius: 12px;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-family: "Work Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
}
#snilld-frontier .sf-book-form button,
#snilld-frontier .sf-book-form input[type="submit"] {
  min-height: 52px;
  padding: 12px 26px;
  background: #6b3eb8;
  color: #fff;
  border: 0;
  border-radius: 999px;
  font-family: "Work Sans", "Helvetica Neue", Arial, sans-serif;
  font-size: 17px;
  font-weight: 600;
}
#snilld-frontier .sf-book-form button:hover,
#snilld-frontier .sf-book-form input[type="submit"]:hover {
  background: #241439;
}
#snilld-frontier .sf-meet {
  position: relative;
  z-index: 4;
  background: #f8f8fb;
  padding: 88px 0 96px;
}
#snilld-frontier .sf-meet-grid {
  display: -ms-grid;
  display: grid;
  gap: 48px;
}
#snilld-frontier .sf-events {
  color: #f8f8fb;
}
#snilld-frontier .sf-events h2 {
  font-size: 28px;
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: -0.015em;
  margin: 0 0 18px;
}
#snilld-frontier .sf-events .smb-public-events-list {
  max-height: 560px;
  overflow-y: auto;
}
#snilld-frontier .sf-events a {
  color: #cdc2f8;
  text-decoration: underline;
  text-underline-offset: 3px;
}
#snilld-frontier .sf-news {
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
  padding: 26px;
  background: #fff;
  border: 1px solid rgba(36,20,57,0.2);
  border-radius: 22px;
}
#snilld-frontier .sf-news > p {
  font-size: 17px;
  margin-bottom: 16px;
}
#snilld-frontier .sf-news input[type="text"],
#snilld-frontier .sf-news input[type="email"] {
  width: 100%;
  margin: 4px 0 12px;
  min-height: 48px;
  border: 1px solid rgba(36,20,57,0.35);
  border-radius: 12px;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-family: "Work Sans", "Helvetica Neue", Arial, sans-serif;
}
#snilld-frontier .sf-news button {
  min-height: 48px;
  padding: 10px 24px;
  background: #241439;
  color: #fff;
  border: 0;
  border-radius: 999px;
  font-weight: 600;
}
#snilld-frontier .sf-news button:hover {
  background: #6b3eb8;
}
/* ---------- states ---------- */
#snilld-frontier.sf-3d-shown .sf-canvas {
  opacity: 1;
}
#snilld-frontier.sf-3d-shown .sf-poster {
  opacity: 0;
}
#snilld-frontier.sf-3d-shown .sf-anchors {
  opacity: 1;
}
#snilld-frontier.sf-no3d .sf-canvas,
#snilld-frontier.sf-no3d .sf-anchors,
#snilld-frontier.sf-no3d .sf-turn {
  display: none;
}
/* ---------- medium and up ---------- */
@media (min-width: 700px) {
  #snilld-frontier .sf-wrap {
    padding: 0 40px;
  }
  #snilld-frontier .sf-steps {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
  #snilld-frontier .sf-product-list {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
  #snilld-frontier .sf-people-grid {
    -ms-grid-columns: 1.3fr 32px 1fr 32px 1fr;
    grid-template-columns: 1.3fr 1fr 1fr;
        grid-template-areas: "text a b" "design a b";
    -ms-grid-rows: 1fr 28px auto;
    grid-template-rows: 1fr auto;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    gap: 28px 32px;
  }
  #snilld-frontier .sf-people-text {
    grid-area: text;
    -ms-grid-row-align: start;
        align-self: start;
  }
  #snilld-frontier .sf-person-a {
    grid-area: a;
  }
  #snilld-frontier .sf-person-b {
    grid-area: b;
    margin-bottom: 72px;
  }
  #snilld-frontier .sf-person-design {
    grid-area: design;
    -ms-grid-row-align: end;
        align-self: end;
    padding-bottom: 12px;
  }
  #snilld-frontier .sf-meet-grid {
    -ms-grid-columns: 1.5fr 1fr;
    grid-template-columns: 1.5fr 1fr;
  }
  #snilld-frontier .sf-panel {
    padding: 28px 40px 56px;
  }
  #snilld-frontier .sf-spot-text {
    display: block;
  }
}
@media (min-width: 700px) {
  #snilld-frontier .sf-people-text {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  #snilld-frontier .sf-person-a {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
  }
  #snilld-frontier .sf-person-b {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 5;
  }
  #snilld-frontier .sf-person-design {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}
@media (min-width: 1000px) {
  #snilld-frontier .sf-stage {
    --sf-overlay: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    min-height: 100vh;
    min-height: max(680px, 100svh);
  }
  html.usm-consent-open #snilld-frontier .sf-stage {
    min-height: max(680px, calc(100svh - var(--usm-consent-bar-height, 0px)));
  }
  #snilld-frontier .sf-stage[data-step="0"] .sf-scene:after {
    width: 50%;
    background: -webkit-gradient(linear, left top, right top, from(#f8f8fb), color-stop(70%, #f8f8fb), to(rgba(248,248,251,0)));
    background: linear-gradient(90deg, #f8f8fb 0%, #f8f8fb 70%, rgba(248,248,251,0) 100%);
  }
  #snilld-frontier .sf-scene {
    position: absolute;
    inset: 0;
    height: auto;
    min-height: 0;
    background: none;
  }
  #snilld-frontier .sf-scene:after {
    display: block;
    left: 0;
    top: 0;
    bottom: 0;
    right: auto;
    width: 62%;
    height: auto;
    background: -webkit-gradient(linear, left top, right top, from(#f8f8fb), color-stop(58%, #f8f8fb), color-stop(72%, rgba(248,248,251,0.86)), to(rgba(248,248,251,0)));
    background: linear-gradient(90deg, #f8f8fb 0%, #f8f8fb 58%, rgba(248,248,251,0.86) 72%, rgba(248,248,251,0) 100%);
  }
  #snilld-frontier .sf-scene:before {
    left: 47%;
    top: 12%;
    width: 56%;
    height: 80%;
  }
  #snilld-frontier .sf-poster {
    -o-object-position: 100% 60%;
       object-position: 100% 60%;
    width: 62%;
    left: auto;
    right: 0;
  }
  #snilld-frontier .sf-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 42%;
    max-width: 580px;
    margin-left: max(40px, calc((100vw - 1240px) / 2 + 40px));
    /* logoet i toppen er 130px højt og står midt på siden, hvor tekstspalten også når ind. Teksten begynder først et stykke under det. */
    padding: 166px 0 24px;
    z-index: 4;
    pointer-events: none;
  }
  #snilld-frontier .sf-panel > * {
    pointer-events: auto;
  }
  #snilld-frontier .sf-view {
    margin-top: auto;
    margin-bottom: auto;
  }
  #snilld-frontier .sf-progress {
    margin-top: 0;
  }
  #snilld-frontier .sf-turn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 28px;
    bottom: 96px;
  }
  #snilld-frontier .sf-offer-grid {
    -ms-grid-columns: 1.35fr 64px 1fr;
    grid-template-columns: 1.35fr 1fr;
    gap: 64px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
  #snilld-frontier .sf-book-grid {
    -ms-grid-columns: 1fr 72px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 72px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
@media (max-width: 699px) {
  #snilld-frontier .sf-meetus-cta {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  #snilld-frontier .sf-meetus-title {
    display: none;
  }
  #snilld-frontier .sf-meetus-photos figure {
    width: 124px;
  }
  #snilld-frontier .sf-scene {
    height: 40vh;
    height: 40svh;
  }
  #snilld-frontier .sf-facts {
    -ms-grid-columns: (minmax(0, 1fr))[3];
    grid-template-columns: repeat(3, minmax(0, 1fr));
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
  }
  #snilld-frontier .sf-facts li {
    padding-right: 8px;
    margin-right: 8px;
  }
  #snilld-frontier .sf-facts b {
    font-size: clamp(17px, 5.4vw, 24px);
  }
  #snilld-frontier .sf-facts span {
    font-size: 13px;
  }
  #snilld-frontier .sf-meet-grid > * {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
  }
  #snilld-frontier .sf-events > div,
  #snilld-frontier .sf-events .smb-public-events {
    max-width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #snilld-frontier .sf-ladder ol {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    border-bottom: 0;
    border-left: 3px solid #241439;
    gap: 6px;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  #snilld-frontier .sf-ladder li {
    min-height: 0 !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    gap: 10px;
    border-radius: 0 12px 12px 0;
    padding: 12px 14px;
  }
  #snilld-frontier .sf-ladder li:nth-child(1) {
    width: 60%;
  }
  #snilld-frontier .sf-ladder li:nth-child(2) {
    width: 70%;
  }
  #snilld-frontier .sf-ladder li:nth-child(3) {
    width: 80%;
  }
  #snilld-frontier .sf-ladder li:nth-child(4) {
    width: 90%;
  }
  #snilld-frontier .sf-calc label {
    width: calc(50% - 30px);
  }
  #snilld-frontier .sf-calc-out {
    width: 100%;
  }
  #snilld-frontier .sf-duo {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  #snilld-frontier .sf-chip {
    width: 100%;
  }
  #snilld-frontier .sf-pin {
    font-size: 13px;
    max-width: 150px;
  }
}
@media (prefers-reduced-motion: reduce) {
  #snilld-frontier *,
  #snilld-frontier *:before,
  #snilld-frontier *:after {
    -webkit-animation: none !important;
            animation: none !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}
@media (min-width: 1000px) and (max-height: 780px) {
  #snilld-frontier .sf-view-intro .sf-kicker {
    margin-bottom: 8px;
  }
  #snilld-frontier .sf-question {
    margin-bottom: 8px;
  }
  #snilld-frontier .sf-h1 {
    font-size: 42px;
    margin-bottom: 16px;
  }
  #snilld-frontier .sf-facts {
    margin-bottom: 16px;
  }
  #snilld-frontier .sf-facts li {
    padding-top: 10px;
  }
  #snilld-frontier .sf-meetus {
    margin-bottom: 14px;
  }
  #snilld-frontier .sf-meetus-photos figure {
    width: 100px;
  }
  #snilld-frontier .sf-meetus-title {
    margin-bottom: 8px;
  }
}
/* ---------- the stage is dark: black, white, purple; blue for the task, green for what is solved ---------- */
#snilld-frontier .sf-stage {
  background: #0e0a14;
  color: #fff;
}
#snilld-frontier .sf-stage .sf-scene {
  background: #0e0a14;
}
#snilld-frontier .sf-stage .sf-scene:after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(14,10,20,0)), to(#0e0a14));
  background: linear-gradient(rgba(14,10,20,0), #0e0a14);
}
#snilld-frontier .sf-stage .sf-kicker,
#snilld-frontier .sf-stage .sf-chosen {
  color: #cdc2f8;
}
#snilld-frontier .sf-stage .sf-kicker-n {
  color: #8fb0ff;
}
#snilld-frontier .sf-stage .sf-example {
  border-color: rgba(255,255,255,0.35);
  color: rgba(255,255,255,0.86);
}
#snilld-frontier .sf-stage .sf-h1,
#snilld-frontier .sf-stage .sf-h2 {
  color: #cdc2f8;
}
#snilld-frontier .sf-stage .sf-h1 strong,
#snilld-frontier .sf-stage .sf-h2 strong {
  color: #fff;
}
#snilld-frontier .sf-stage .sf-question,
#snilld-frontier .sf-stage .sf-try-title,
#snilld-frontier .sf-stage .sf-meetus-title,
#snilld-frontier .sf-stage .sf-options legend {
  color: #fff;
}
#snilld-frontier .sf-stage .sf-facts,
#snilld-frontier .sf-stage .sf-facts li {
  border-color: rgba(255,255,255,0.24);
}
#snilld-frontier .sf-stage .sf-facts b,
#snilld-frontier .sf-stage .sf-meetus-photos b,
#snilld-frontier .sf-stage .sf-who b {
  color: #fff;
}
#snilld-frontier .sf-stage .sf-facts span,
#snilld-frontier .sf-stage .sf-meetus-photos figcaption,
#snilld-frontier .sf-stage .sf-actions-note,
#snilld-frontier .sf-stage .sf-who span,
#snilld-frontier .sf-stage .sf-hint {
  color: rgba(255,255,255,0.74);
}
#snilld-frontier .sf-stage .sf-body,
#snilld-frontier .sf-stage .sf-get {
  color: rgba(255,255,255,0.9);
}
#snilld-frontier .sf-stage .sf-btn-primary {
  background: #7a4ddb;
}
#snilld-frontier .sf-stage .sf-btn-primary:hover {
  background: #fff;
  color: #0e0a14;
}
#snilld-frontier .sf-stage .sf-btn-primary[disabled] {
  background: rgba(255,255,255,0.14);
  color: rgba(255,255,255,0.55);
}
#snilld-frontier .sf-stage .sf-link {
  color: #fff;
  text-decoration-color: rgba(255,255,255,0.5);
}
#snilld-frontier .sf-stage .sf-link:hover {
  color: #cdc2f8;
}
#snilld-frontier .sf-stage .sf-chip {
  background: rgba(255,255,255,0.07);
  border-color: rgba(255,255,255,0.3);
  color: #fff;
}
#snilld-frontier .sf-stage .sf-chip:hover {
  background: #fff;
  border-color: #fff;
  color: #0e0a14;
}
#snilld-frontier .sf-stage .sf-chip.is-done {
  border-color: #fff;
  background: rgba(255,255,255,0.14);
}
#snilld-frontier .sf-stage .sf-chip.is-done:after {
  color: #fff;
}
#snilld-frontier .sf-stage .sf-case {
  background: rgba(255,255,255,0.08);
  border-left-color: #5b8cff;
  color: #fff;
}
#snilld-frontier .sf-stage .sf-human {
  color: #fff;
}
#snilld-frontier .sf-stage .sf-option-box {
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.26);
  color: rgba(255,255,255,0.86);
}
#snilld-frontier .sf-stage .sf-option-box:before {
  border-color: rgba(255,255,255,0.7);
  background: transparent;
}
#snilld-frontier .sf-stage .sf-option-box b {
  color: #fff;
}
#snilld-frontier .sf-stage .sf-option:hover .sf-option-box {
  border-color: #fff;
}
#snilld-frontier .sf-stage .sf-option input:checked + .sf-option-box {
  border-color: #5b8cff;
  background: rgba(47,107,255,0.18);
}
#snilld-frontier .sf-stage .sf-option input:checked + .sf-option-box:before {
  background: #5b8cff;
  border-color: #5b8cff;
  -webkit-box-shadow: inset 0 0 0 3px #0e0a14;
          box-shadow: inset 0 0 0 3px #0e0a14;
}
#snilld-frontier .sf-stage .sf-progress {
  border-top-color: rgba(255,255,255,0.18);
}
#snilld-frontier .sf-stage .sf-progress button {
  border-top-color: rgba(255,255,255,0.2);
  color: rgba(255,255,255,0.7);
}
#snilld-frontier .sf-stage .sf-progress button:hover {
  color: #fff;
}
#snilld-frontier .sf-stage .sf-progress button[aria-current="step"] {
  border-top-color: #5b8cff;
  color: #fff;
}
#snilld-frontier .sf-stage .sf-turn {
  color: rgba(255,255,255,0.7);
}
#snilld-frontier .sf-stage .sf-turn button {
  background: rgba(255,255,255,0.08);
  border-color: rgba(255,255,255,0.3);
  color: #fff;
}
#snilld-frontier .sf-stage .sf-turn button:hover {
  background: #fff;
  color: #0e0a14;
}
#snilld-frontier .sf-stage .sf-spot-dot:before {
  -webkit-box-shadow: 0 0 0 4px #fff, 0 6px 16px rgba(0,0,0,0.5);
          box-shadow: 0 0 0 4px #fff, 0 6px 16px rgba(0,0,0,0.5);
}
#snilld-frontier .sf-stage .sf-spot-place {
  color: #241439;
}
#snilld-frontier .sf-stage .sf-spot:hover .sf-spot-text,
#snilld-frontier .sf-stage .sf-spot:focus-visible .sf-spot-text {
  background: #6b3eb8;
}
#snilld-frontier .sf-stage .sf-spot:hover .sf-spot-place,
#snilld-frontier .sf-stage .sf-spot:focus-visible .sf-spot-place {
  color: #fff;
}
#snilld-frontier .sf-stage .sf-pin {
  background: #fff;
  color: #0e0a14;
}
#snilld-frontier .sf-stage .sf-pin.is-solved {
  background: #0f9d76;
  color: #fff;
}
#snilld-frontier .sf-stage .sf-meetus-photos img,
#snilld-frontier .sf-stage .sf-who img {
  background: #2a2140;
}
@media (min-width: 1000px) {
  #snilld-frontier .sf-stage .sf-scene {
    background: none;
  }
  #snilld-frontier .sf-stage .sf-scene:after {
    background: -webkit-gradient(linear, left top, right top, from(#0e0a14), color-stop(58%, #0e0a14), color-stop(72%, rgba(14,10,20,0.86)), to(rgba(14,10,20,0)));
    background: linear-gradient(90deg, #0e0a14 0%, #0e0a14 58%, rgba(14,10,20,0.86) 72%, rgba(14,10,20,0) 100%);
  }
  #snilld-frontier .sf-stage[data-step="0"] .sf-scene:after {
    background: -webkit-gradient(linear, left top, right top, from(#0e0a14), color-stop(70%, #0e0a14), to(rgba(14,10,20,0)));
    background: linear-gradient(90deg, #0e0a14 0%, #0e0a14 70%, rgba(14,10,20,0) 100%);
  }
}
/* ---------- forsidens ramme (topbjælke, menu, footer) følger samme farvebrug – kun på forsiden ---------- */
body.snilld-frontier-home.scrolled header {
  background-color: #0e0a14;
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.12);
          box-shadow: 0 1px 0 rgba(255,255,255,0.12);
}
body.snilld-frontier-home nav#main-menu #menu-background {
  background-color: #0e0a14;
  background-image: radial-gradient(circle at 28% 42%, rgba(107,62,184,0.5), rgba(107,62,184,0) 46%);
}
body.snilld-frontier-home nav#main-menu ul.menu {
  background-color: #17102a;
  border: 1px solid rgba(255,255,255,0.12);
}
body.snilld-frontier-home nav#main-menu ul.menu .mainmenu li {
  border-top-color: rgba(255,255,255,0.2);
}
body.snilld-frontier-home nav#main-menu ul.menu .mainmenu li:before {
  color: #cdc2f8;
  opacity: 0.8;
}
body.snilld-frontier-home nav#main-menu ul.menu .loginmenu .login-menu-container,
body.snilld-frontier-home nav#main-menu ul.menu .loginmenu .submenu-item,
body.snilld-frontier-home nav#main-menu ul.menu .loginmenu .Log-ind,
body.snilld-frontier-home nav#main-menu ul.menu .loginmenu .Ny-bruger {
  border-color: rgba(255,255,255,0.2);
}
body.snilld-frontier-home nav#main-menu ul.menu .footermenu li:hover a {
  background-color: #fff;
  color: #0e0a14;
}
body.snilld-frontier-home nav#main-menu ul.menu .socialmenu ul li a {
  color: #fff;
  border-color: rgba(255,255,255,0.5);
}
body.snilld-frontier-home nav#main-menu ul.menu .socialmenu ul li a:before {
  -webkit-filter: brightness(10);
          filter: brightness(10);
}
body.snilld-frontier-home nav#main-menu ul.menu .socialmenu ul li:hover a {
  background-color: #fff;
  color: #0e0a14;
}
body.snilld-frontier-home nav#main-menu ul.menu .socialmenu ul li:hover a:before {
  -webkit-filter: brightness(0);
          filter: brightness(0);
}
body.snilld-frontier-home footer.big,
body.snilld-frontier-home footer {
  background-color: #0e0a14;
}
/* Mobil: logo til venstre, så "Menu" til højre ikke rammer det (temaet centrerer logoet med flex). */
@media (max-width: 999px) {
  body.snilld-frontier-home header .header-container {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
body.snilld-frontier-home nav#main-menu ul.menu .loginmenu * {
  border-color: rgba(255,255,255,0.2) !important;
}
body.snilld-frontier-home #reveal-menu.active:before,
body.snilld-frontier-home .contact .luk:before {
  -webkit-filter: grayscale(1) brightness(4);
          filter: grayscale(1) brightness(4);
}
/* ---------- besparelsen: 20 minutter til 20 sekunder ---------- */
#snilld-frontier .sf-saving {
  display: -ms-grid;
  display: grid;
  gap: 28px 56px;
  margin-top: 64px;
  padding-top: 48px;
  border-top: 1px solid rgba(255,255,255,0.16);
}
#snilld-frontier .sf-saving .sf-kicker {
  color: #cdc2f8;
}
#snilld-frontier .sf-saving-big {
  font-size: clamp(38px, 5.2vw, 76px);
  font-weight: 300;
  line-height: 0.98;
  letter-spacing: -0.03em;
  color: rgba(255,255,255,0.62);
  margin-bottom: 22px;
}
#snilld-frontier .sf-saving-big span,
#snilld-frontier .sf-saving-big strong {
  display: block;
}
#snilld-frontier .sf-saving-big span {
  text-decoration: line-through;
  text-decoration-thickness: 2px;
  text-decoration-color: rgba(255,255,255,0.45);
}
#snilld-frontier .sf-saving-big strong {
  font-weight: 700;
  color: #fff;
}
#snilld-frontier .sf-saving .sf-lead b {
  color: #fff;
  font-weight: 700;
  white-space: nowrap;
}
#snilld-frontier .sf-saving-label {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 14px;
}
#snilld-frontier .sf-saving-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 18px;
}
#snilld-frontier .sf-saving-steps li {
  padding: 9px 16px 10px;
  border: 1px solid rgba(255,255,255,0.22);
  border-radius: 999px;
  font-size: 16px;
  line-height: 1.2;
  color: rgba(255,255,255,0.55);
}
#snilld-frontier .sf-saving-steps s {
  text-decoration: line-through;
  text-decoration-thickness: 1.5px;
}
#snilld-frontier .sf-saving-steps li.is-left {
  border-color: #fff;
  background: #fff;
  color: #0e0a14;
  font-weight: 600;
}
#snilld-frontier .sf-saving-why > p {
  font-size: 17px;
  line-height: 1.5;
  color: rgba(255,255,255,0.88);
  max-width: 34em;
}
#snilld-frontier .sf-saving-why > p.sf-saving-note {
  margin-top: 16px;
  padding: 14px 18px;
  background: rgba(255,255,255,0.07);
  border-left: 3px solid #5b8cff;
  border-radius: 0 12px 12px 0;
  color: #fff;
}
#snilld-frontier .sf-saving + .sf-calc {
  margin-top: 48px;
}
@media (min-width: 1000px) {
  #snilld-frontier .sf-saving {
    -ms-grid-columns: 1.1fr 1fr;
    grid-template-columns: 1.1fr 1fr;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
#snilld-frontier .sf-client-name {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: #5a5660;
  text-align: center;
  overflow-wrap: anywhere;
}
#snilld-frontier .sf-client-list li {
  overflow: hidden;
}
/* Kvadratiske logoer fylder optisk mere end brede; hold dem på niveau med resten. */
#snilld-frontier .sf-client-list img[alt="TV 2"] {
  max-height: 50px;
}
#snilld-frontier .sf-client-more {
  margin: 28px 0 12px;
  font-family: "DM Mono", SFMono-Regular, Consolas, monospace;
  font-size: 13px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #6b3eb8;
}
#snilld-frontier .sf-client-names {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 6px 0;
  max-width: 1040px;
}
#snilld-frontier .sf-client-names li {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.5;
  color: #241439;
}
#snilld-frontier .sf-client-names li:not(:last-child):after {
  content: "·";
  margin: 0 12px;
  color: #a99be0;
  font-weight: 400;
}
#snilld-frontier .sf-client-list img[alt="AMU-Fyn"],
#snilld-frontier .sf-client-list img[alt="Scandlines"] {
  max-height: 46px;
}
/* Logoer hentet fra kundernes egne sites er beskåret helt til kanten; hold dem i felt-højde. */
#snilld-frontier .sf-client-list img[src*="/assets/kunde-"] {
  max-width: 100%;
  max-height: 40px;
}
#snilld-frontier .sf-client-list img[src*="kunde-kito-co"],
#snilld-frontier .sf-client-list img[src*="kunde-golfklubbur"] {
  max-height: 60px;
}
@-webkit-keyframes sf-ping {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.9;
  }
  70%, 100% {
    -webkit-transform: scale(2.6);
            transform: scale(2.6);
    opacity: 0;
  }
}
@keyframes sf-ping {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.9;
  }
  70%, 100% {
    -webkit-transform: scale(2.6);
            transform: scale(2.6);
    opacity: 0;
  }
}
@-webkit-keyframes sf-pop {
  from {
    opacity: 0;
    scale: 0.7;
  }
  to {
    opacity: 1;
    scale: 1;
  }
}
@keyframes sf-pop {
  from {
    opacity: 0;
    scale: 0.7;
  }
  to {
    opacity: 1;
    scale: 1;
  }
}
@-webkit-keyframes sf-rise {
  from {
    opacity: 0;
    translate: 0 10px;
  }
  to {
    opacity: 1;
    translate: 0 0;
  }
}
@keyframes sf-rise {
  from {
    opacity: 0;
    translate: 0 10px;
  }
  to {
    opacity: 1;
    translate: 0 0;
  }
}