:root {
  --sf-deep:#05070A;
  --sf-graphite:#11141A;
  --sf-soft:#1D222A;
  --sf-white:#F3F1EA;
  --sf-mist:#D7D9D6;
  --sf-steel:#8F969E;
  --sf-navy:#13233B;
  --sf-blue:#24364D;
  --sf-live:#6FD6A3;
  --sf-line:rgba(243,241,234,.13);
  --sf-line-soft:rgba(243,241,234,.08);
  --sf-font:Geist,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --sf-mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.sf-global-header,
.sf-global-header * { box-sizing: border-box; }
.sf-global-header {
  color: var(--sf-white);
  font-family: var(--sf-font);
  letter-spacing: 0;
  --sf-admin-offset: 0px;
  --sf-header-height: 86px;
  --sf-header-compact: 74px;
  --sf-header-x: 24px;
}
.sf-global-header::before {
  content: "";
  position: fixed;
  top: var(--sf-admin-offset);
  left: 0;
  right: 0;
  height: calc(var(--sf-header-height) + 26px);
  z-index: 880;
  pointer-events: none;
  transition: none;
  background:
    radial-gradient(760px 110px at 18% 0%, rgba(111,214,163,.06), transparent 72%),
    linear-gradient(180deg,
      rgba(5,7,10,.995) 0%,
      rgba(5,7,10,.94) 44%,
      rgba(5,7,10,.40) 76%,
      rgba(5,7,10,0) 100%);
}
html.sf-site-front-adminbar,
html.sf-site-front-adminbar body,
html.sf-site-front-adminbar body.admin-bar {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
html.sf-site-front-adminbar #wpadminbar {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
.sf-global-header a { color: inherit; text-decoration: none; }
.sf-global-header button { font: inherit; }

/* sf-skip-link:start */
.sf-skip-link {
  position: fixed;
  top: calc(var(--sf-admin-offset) + 12px);
  left: 20px;
  z-index: 1200;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  max-width: calc(100vw - 40px);
  padding: 0 18px;
  border: 2px solid var(--sf-live);
  border-radius: 8px;
  background: var(--sf-white);
  color: var(--sf-deep) !important;
  font-size: 14px;
  font-weight: 650;
  line-height: 1;
  box-shadow: 0 16px 42px rgba(0,0,0,.34);
  opacity: 0;
  pointer-events: none;
  transform: translateY(calc(-100% - 24px));
  transition: transform .18s ease, opacity .18s ease;
}
.sf-skip-link:focus,
.sf-skip-link:focus-visible {
  color: var(--sf-deep) !important;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  outline: 3px solid var(--sf-live);
  outline-offset: 3px;
}
#main-content { scroll-margin-top: calc(var(--sf-header-compact) + 20px); }
#main-content:focus { outline: none; }
@media (max-width: 520px) {
  .sf-skip-link { left: 12px; max-width: calc(100vw - 24px); }
}
/* sf-skip-link:end */
.sf-fixed-header {
  position: fixed;
  top: var(--sf-admin-offset);
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
  width: min(100% - 48px, 1440px);
  height: var(--sf-header-height);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 28px;
  padding: 0 var(--sf-header-x);
  color: var(--sf-white);
  overflow: visible;
  transition: background .32s ease, border-color .32s ease, height .32s ease, padding .32s ease, box-shadow .32s ease, transform .32s ease;
}
.sf-fixed-header.sf-scrolled,
.sf-fixed-header.sf-menu-open {
  height: var(--sf-header-compact);
  padding: 0 18px;
  background: linear-gradient(90deg, rgba(5,7,10,.94), rgba(5,7,10,.82));
  border: 1px solid rgba(243,241,234,.10);
  border-radius: 0 0 10px 10px;
  backdrop-filter: blur(22px) saturate(140%);
  box-shadow: 0 22px 80px rgba(0,0,0,.36);
}
.sf-logo {
  display: inline-flex;
  align-items: center;
  justify-self: start;
  min-width: 232px;
  max-width: 292px;
}
.sf-logo-img {
  display: block;
  width: clamp(190px, 13.5vw, 236px);
  max-width: 100%;
  height: auto;
  max-height: 58px;
  object-fit: contain;
  object-position: left center;
  filter: drop-shadow(0 12px 24px rgba(0,0,0,.34));
}
.sf-nav {
  display: flex;
  align-items: center;
  gap: 42px;
  justify-self: center;
}
.sf-nav-link {
  appearance: none;
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--sf-white);
  font-size: 15px;
  line-height: 1;
  min-height: 36px;
  padding: 0 !important;
  box-shadow: none !important;
  outline: 0;
  cursor: pointer;
  position: relative;
  transition: color .22s ease;
}
.sf-nav-link:hover,
.sf-nav-link:focus-visible { color: var(--sf-mist); background: transparent !important; }
.sf-global-header a:focus-visible,
.sf-global-header button:focus-visible {
  outline: 2px solid var(--sf-live);
  outline-offset: 4px;
}
.sf-mega-trigger::after {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: var(--sf-live);
  box-shadow: 0 0 18px rgba(111,214,163,.8);
  opacity: 0;
  transform: scale(.5);
  transition: opacity .18s ease, transform .18s ease;
}
.sf-mega-trigger[aria-expanded="true"]::after {
  opacity: 1;
  transform: scale(1);
}
.sf-mega-trigger .sf-trigger-chevron {
  display: inline-block;
  color: rgba(243,241,234,.62);
  transform: translateY(-1px);
  transition: transform .2s ease, color .2s ease;
}
.sf-mega-trigger[aria-expanded="true"] .sf-trigger-chevron {
  color: var(--sf-live);
  transform: translateY(-1px) rotate(180deg);
}
.sf-header-cta {
  justify-self: end;
  display: inline-flex;
  align-items: center;
  gap: 16px;
  min-height: 46px;
  padding: 0 24px;
  border: 1px solid var(--sf-line);
  border-radius: 6px;
  color: var(--sf-white);
  transition: background .25s ease, transform .25s ease;
}
.sf-header-cta:hover { background: rgba(243,241,234,.08); transform: translateY(-1px); }
.sf-header-cta .sf-cta-icon {
  width: 24px;
  height: 24px;
  display: inline-grid;
  place-items: center;
  border-radius: 7px;
  color: var(--sf-live);
  background: rgba(111,214,163,.08);
  box-shadow: inset 0 0 0 1px rgba(111,214,163,.22), 0 0 22px rgba(111,214,163,.10);
  transition: color .22s ease, background .22s ease, box-shadow .22s ease, transform .22s ease;
}
.sf-header-cta .sf-cta-icon svg {
  width: 14px;
  height: 14px;
  display: block;
}
.sf-header-cta:hover .sf-cta-icon {
  color: var(--sf-deep);
  background: rgba(5,7,10,.08);
  box-shadow: inset 0 0 0 1px rgba(5,7,10,.18);
  transform: translate(1px, -1px);
}
.sf-burger {
  display: none;
  justify-self: end;
  width: 42px;
  height: 42px;
  border: 1px solid var(--sf-line);
  border-radius: 6px;
  background: transparent;
  color: var(--sf-white);
}
.sf-burger span,
.sf-burger span::before,
.sf-burger span::after {
  display: block;
  width: 18px;
  height: 1px;
  background: currentColor;
  margin: auto;
  content: "";
  transition: transform .2s ease;
}
.sf-burger span::before { transform: translateY(-6px); }
.sf-burger span::after { transform: translateY(5px); }
.sf-burger.is-open span { background: transparent; }
.sf-burger.is-open span::before { background: currentColor; transform: translateY(1px) rotate(45deg); }
.sf-burger.is-open span::after { background: currentColor; transform: translateY(0) rotate(-45deg); }
.sf-scrim {
  position: fixed;
  inset: 0;
  z-index: 900;
  background: rgba(5,7,10,.58);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .24s ease;
}
.sf-scrim.open { opacity: 1; visibility: visible; pointer-events: auto; }
.sf-mega {
  position: fixed;
  top: calc(var(--sf-admin-offset) + var(--sf-header-compact) + 12px);
  left: 50%;
  transform: translate(-50%, -8px);
  z-index: 950;
  width: min(100% - 72px, 1420px);
  max-height: calc(100vh - var(--sf-admin-offset) - var(--sf-header-compact) - 28px);
  padding: 28px 30px 24px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(111,214,163,.45) rgba(243,241,234,.06);
  background:
    radial-gradient(circle at 85% 12%, rgba(111,214,163,.12), transparent 30%),
    linear-gradient(145deg, rgba(19,24,31,.995), rgba(5,7,10,.995) 66%);
  border: 1px solid rgba(243,241,234,.12);
  border-radius: 10px;
  box-shadow: 0 34px 90px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.04);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .24s ease, transform .24s ease, visibility 0s linear .24s;
}
.sf-mega.open { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%, 0); transition-delay: 0s; }
.sf-mega::-webkit-scrollbar { width: 9px; }
.sf-mega::-webkit-scrollbar-track { background: rgba(243,241,234,.04); border-radius: 99px; }
.sf-mega::-webkit-scrollbar-thumb { background: rgba(111,214,163,.38); border-radius: 99px; }
.sf-mega-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--sf-line-soft);
}
.sf-mega-head span,
.sf-mega-cat span,
.sf-drawer-label {
  font-family: var(--sf-mono);
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--sf-steel);
}
.sf-mega-head strong {
  display: block;
  max-width: 680px;
  margin-top: 8px;
  font-size: 22px;
  line-height: 1.12;
  font-weight: 600;
}
.sf-mega-all {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 42px;
  padding: 0 15px;
  border: 1px solid var(--sf-line);
  border-radius: 6px;
  color: var(--sf-mist);
  white-space: nowrap;
}
.sf-mega-all:hover { color: #fff; background: rgba(243,241,234,.07); }
.sf-mega-grid {
  display: grid;
  grid-template-columns: 1.05fr 1.05fr 1fr .95fr;
  gap: 22px;
}
.sf-mega-col {
  --sf-area: var(--sf-live);
  --sf-area-rgb: 111,214,163;
  display: grid;
  align-content: start;
  gap: 8px;
  padding-right: 22px;
  border-right: 1px solid var(--sf-line-soft);
}

.sf-mega-col:nth-child(1) {
  --sf-area: #C9A063;
  --sf-area-rgb: 201,160,99;
}

.sf-mega-col:nth-child(2) {
  --sf-area: #6E96C7;
  --sf-area-rgb: 110,150,199;
}

.sf-mega-col:nth-child(3) {
  --sf-area: #C77E72;
  --sf-area-rgb: 199,126,114;
}
.sf-mega-cat {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 42px;
  margin-bottom: 6px;
  color: var(--sf-white);
}
.sf-mega-cat span { color: var(--sf-area); }
.sf-mega-col a {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 3px 12px;
  align-items: center;
  min-height: 58px;
  padding: 9px 10px;
  border-radius: 6px;
  color: var(--sf-mist);
  border: 1px solid transparent;
  transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}
.sf-mega-col a strong {
  font-size: 15px;
  font-weight: 550;
}
.sf-mega-col a small {
  grid-column: 1 / -1;
  max-width: 28ch;
  color: rgba(243,241,234,.52);
  font-size: 11.5px;
  line-height: 1.28;
}
.sf-mega-col a:hover,
.sf-mega-col a.is-primary {
  background: rgba(243,241,234,.07);
  border-color: rgba(var(--sf-area-rgb),.20);
  color: var(--sf-white);
  transform: translateY(-1px);
}
.sf-mega-col a span:last-child { color: var(--sf-area); opacity: .78; }
.sf-mega-preview {
  display: grid;
  gap: 18px;
  color: var(--sf-white);
}
.sf-mega-preview small {
  color: var(--sf-mist);
  font-size: 15px;
}
.sf-mini-browser {
  min-height: 156px;
  padding: 22px;
  border: 1px solid var(--sf-line);
  border-radius: 8px;
  background: linear-gradient(135deg, var(--sf-blue), var(--sf-deep));
  overflow: hidden;
  position: relative;
}
.sf-mini-browser::after {
  content: "";
  position: absolute;
  inset: 0 0 0 auto;
  width: 55%;
  background: repeating-linear-gradient(130deg, rgba(243,241,234,.14) 0 2px, transparent 2px 12px);
  opacity: .65;
}
.sf-mini-browser span,
.sf-mini-browser strong { position: relative; z-index: 1; }
.sf-mini-browser span {
  font-family: var(--sf-mono);
  font-size: 11px;
  letter-spacing: .14em;
}
.sf-mini-browser strong {
  display: block;
  margin-top: 44px;
  font-size: 24px;
  line-height: 1.02;
}
.sf-mega-extra {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px 28px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--sf-line-soft);
  color: rgba(243,241,234,.62);
  font-size: 12.5px;
}
.sf-mega-extra strong { color: var(--sf-white); font-weight: 550; }
.sf-drawer {
  position: fixed;
  inset: 0 0 0 auto;
  z-index: 980;
  width: min(420px, 100%);
  padding: calc(var(--sf-admin-offset) + 104px) 28px 34px;
  background: rgba(5,7,10,.97);
  color: var(--sf-white);
  transform: translateX(100%);
  visibility: hidden;
  pointer-events: none;
  transition: transform .26s ease, visibility 0s linear .26s;
  display: none;
  overflow-y: auto;
}
.sf-drawer.open { transform: translateX(0); visibility: visible; pointer-events: auto; transition-delay: 0s; }
.sf-drawer-main {
  display: grid;
  gap: 14px;
}
.sf-drawer-main a,
.sf-drawer-main button {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 52px;
  border: 1px solid var(--sf-line-soft);
  border-radius: 8px;
  padding: 0 14px;
  background: rgba(243,241,234,.04);
  color: var(--sf-white);
  text-align: left;
}
.sf-drawer-services {
  display: grid;
  gap: 9px;
  margin-top: 22px;
}
.sf-drawer-services a {
  display: flex;
  justify-content: space-between;
  padding: 13px 0;
  border-bottom: 1px solid var(--sf-line-soft);
  color: rgba(243,241,234,.78);
}
@media (max-width: 1180px) {
  .sf-nav { gap: 24px; }
  .sf-mega-grid { grid-template-columns: 1fr 1fr; }
  .sf-mega-preview { grid-column: 1 / -1; }
}
@media (max-height: 820px) and (min-width: 1025px) {
  .sf-mega { padding: 22px; }
  .sf-mega-head { margin-bottom: 14px; padding-bottom: 14px; }
  .sf-mega-head strong { font-size: 20px; }
  .sf-mega-grid { gap: 18px; }
  .sf-mega-col { gap: 6px; }
  .sf-mega-col a { min-height: 46px; padding: 8px 9px; }
  .sf-mega-col a small { display: none; }
  .sf-mini-browser { min-height: 126px; padding: 18px; }
  .sf-mini-browser strong { margin-top: 34px; font-size: 21px; }
  .sf-mega-extra { margin-top: 14px; padding-top: 12px; }
}
@media (max-width: 1024px) {
  .sf-fixed-header {
    width: calc(100% - 28px);
    height: 72px;
    grid-template-columns: 1fr auto;
    padding: 0 14px;
  }
  .sf-fixed-header.sf-scrolled,
  .sf-fixed-header.sf-menu-open { height: 68px; }
  .sf-nav,
  .sf-header-cta,
  .sf-mega { display: none; }
  .sf-burger,
  .sf-drawer { display: block; }
  .sf-logo { min-width: 0; max-width: 186px; }
  .sf-logo-img { width: 172px; max-height: 46px; }
  .sf-scrim.open { opacity: .58; }
}
@media (max-width: 520px) {
  .sf-logo-img { width: 150px; }
}
.sf-global-header .sf-fixed-header {
  top: var(--sf-admin-offset) !important;
  overflow: visible !important;
}
.sf-global-header .sf-logo,
.sf-global-header .sf-logo:hover,
.sf-global-header .sf-logo:focus {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.sf-global-header .sf-logo-img {
  display: block !important;
  object-fit: contain !important;
}
.sf-global-header .sf-fixed-header .sf-nav-link,
.sf-global-header .sf-fixed-header .sf-nav-link:hover,
.sf-global-header .sf-fixed-header .sf-nav-link:focus,
.sf-global-header .sf-fixed-header .sf-nav-link:active,
.sf-global-header .sf-fixed-header .sf-nav-link[aria-expanded="true"] {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  color: var(--sf-white) !important;
}
.sf-global-header .sf-mega {
  top: calc(var(--sf-admin-offset) + var(--sf-header-compact) + 12px) !important;
  max-height: calc(100vh - var(--sf-admin-offset) - var(--sf-header-compact) - 28px) !important;
  overflow-y: auto !important;
  background:
    radial-gradient(circle at 85% 12%, rgba(111,214,163,.12), transparent 30%),
    linear-gradient(145deg, rgba(19,24,31,.995), rgba(5,7,10,.995) 66%) !important;
}
.sf-global-header .sf-mega.open {
  opacity: 1 !important;
  pointer-events: auto !important;
}
html.sf-site-front-adminbar body.admin-bar .sf-global-header .sf-fixed-header {
  top: 0 !important;
}
html.sf-site-front-adminbar body.admin-bar .sf-global-header::before {
  top: 0 !important;
}
html.sf-site-front-adminbar body.admin-bar .sf-global-header .sf-mega {
  top: calc(var(--sf-header-compact) + 18px) !important;
}
html.sf-site-front-adminbar body.admin-bar .sf-global-header .sf-drawer {
  padding-top: 104px !important;
}
.sf-global-header {
  --sf-header-height: 86px;
  --sf-header-compact: 72px;
  --sf-header-shadow: 0 8px 26px rgba(0,0,0,.13);
  --sf-preview-image: url("https://sf-studio.de/wp-content/uploads/2026/06/sf-aurora-building-clean-polish.jpg");
}
.sf-global-header .sf-fixed-header {
  width: min(100% - 48px, 1456px) !important;
  height: var(--sf-header-height) !important;
  padding: 0 16px !important;
  background:
    linear-gradient(180deg, rgba(13,17,23,.68), rgba(5,7,10,.50)) !important;
  border: 1px solid rgba(243,241,234,.08) !important;
  border-top: 0 !important;
  border-radius: 0 0 12px 12px !important;
  box-shadow: var(--sf-header-shadow) !important;
  backdrop-filter: blur(18px) saturate(132%) !important;
}
.sf-global-header .sf-fixed-header.sf-scrolled,
.sf-global-header .sf-fixed-header.sf-menu-open {
  height: var(--sf-header-compact) !important;
  background:
    linear-gradient(180deg, rgba(13,17,23,.82), rgba(5,7,10,.72)) !important;
  border: 1px solid rgba(243,241,234,.11) !important;
  border-top: 0 !important;
  border-radius: 0 0 12px 12px !important;
  box-shadow: var(--sf-header-shadow) !important;
  backdrop-filter: blur(22px) saturate(136%) !important;
}
.sf-global-header .sf-nav {
  gap: 34px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.sf-global-header .sf-nav-link {
  min-height: 34px !important;
  color: rgba(243,241,234,.86) !important;
  transition: color .2s ease, transform .2s ease !important;
}
.sf-global-header .sf-nav-link:hover,
.sf-global-header .sf-nav-link:focus-visible,
.sf-global-header .sf-fixed-header.sf-menu-open .sf-mega-trigger {
  color: #fff !important;
  transform: translateY(-1px);
}
.sf-global-header .sf-mega-trigger::after {
  position: absolute;
  left: 50%;
  bottom: -11px;
  transform: translateX(-50%) scale(.55);
}
.sf-global-header .sf-mega-trigger[aria-expanded="true"]::after {
  transform: translateX(-50%) scale(1);
}
.sf-global-header .sf-header-cta {
  min-height: 46px !important;
  border-radius: 10px !important;
  border-color: rgba(243,241,234,.22) !important;
  background: rgba(243,241,234,.035) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.sf-global-header .sf-header-cta:hover {
  background: var(--sf-white) !important;
  color: var(--sf-deep) !important;
}
.sf-global-header .sf-scrim.open {
  opacity: 1 !important;
  background: rgba(0,0,0,.46) !important;
  backdrop-filter: blur(8px) !important;
}
.sf-global-header .sf-mega {
  top: calc(var(--sf-admin-offset) + var(--sf-header-compact) + 18px) !important;
  width: min(calc(100% - 176px), 1704px) !important;
  max-height: calc(100vh - var(--sf-admin-offset) - var(--sf-header-compact) - 30px) !important;
  padding: clamp(22px, 2.2vh, 30px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  border-radius: 14px !important;
  border: 1px solid rgba(190,205,222,.14) !important;
  background:
    radial-gradient(680px 260px at 76% 2%, rgba(80,104,136,.22), transparent 70%),
    radial-gradient(520px 240px at 12% 0%, rgba(111,214,163,.07), transparent 72%),
    linear-gradient(145deg, rgba(17,22,30,.97), rgba(4,6,9,.985)) !important;
  box-shadow:
    0 34px 90px rgba(0,0,0,.46),
    inset 0 1px 0 rgba(255,255,255,.075) !important;
  backdrop-filter: blur(22px) saturate(128%) !important;
}
.sf-global-header .sf-mega-head {
  position: relative;
  z-index: 1;
  align-items: end;
  gap: 28px;
  margin: 0 0 clamp(14px, 1.6vh, 22px) !important;
  padding: 0 !important;
  border-bottom: 0 !important;
}
.sf-global-header .sf-mega-head > div {
  display: grid;
  gap: 8px;
}
.sf-global-header .sf-mega-head strong {
  max-width: 560px;
  color: #fff;
  font-size: clamp(23px, 1.65vw, 28px);
  font-weight: 560;
  line-height: 1.08;
  letter-spacing: 0;
}
.sf-global-header .sf-mega-all {
  min-height: 42px;
  border-radius: 10px;
  background: rgba(243,241,234,.035);
  border-color: rgba(243,241,234,.10);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.055);
}
.sf-global-header .sf-mega-grid {
  position: relative;
  z-index: 1;
  grid-template-columns: 1.04fr 1fr .92fr 1.18fr !important;
  gap: clamp(12px, 1vw, 16px) !important;
}
.sf-global-header .sf-mega-col {
  --sf-area: var(--sf-live);
  --sf-area-rgb: 111,214,163;
  display: grid !important;
  gap: clamp(5px, .68vh, 8px) !important;
  padding: clamp(14px, 1.55vh, 18px) !important;
  border: 0 !important;
  border-radius: 12px !important;
  background:
    radial-gradient(280px 140px at 18% 0%, rgba(var(--sf-area-rgb),.075), transparent 72%),
    linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.012)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(243,241,234,.052),
    inset 0 1px 0 rgba(255,255,255,.05);
}

.sf-global-header .sf-mega-col:nth-child(1) {
  --sf-area: #C9A063;
  --sf-area-rgb: 201,160,99;
}

.sf-global-header .sf-mega-col:nth-child(2) {
  --sf-area: #6E96C7;
  --sf-area-rgb: 110,150,199;
}

.sf-global-header .sf-mega-col:nth-child(3) {
  --sf-area: #C77E72;
  --sf-area-rgb: 199,126,114;
}
.sf-global-header .sf-mega-cat {
  min-height: auto !important;
  margin: 0 0 clamp(8px, 1vh, 14px) !important;
  gap: 10px !important;
}
.sf-global-header .sf-mega-cat span {
  min-width: 30px;
  min-height: 24px;
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(var(--sf-area-rgb),.30);
  border-radius: 999px;
  background: rgba(var(--sf-area-rgb),.10);
  color: var(--sf-area) !important;
  font-family: var(--sf-mono);
  font-size: 10px;
}
.sf-global-header .sf-mega-cat strong {
  color: #fff;
  font-size: 16px;
  font-weight: 520;
}
.sf-global-header .sf-mega-col a {
  min-height: clamp(48px, 5.35vh, 58px) !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto auto !important;
  align-content: center;
  column-gap: 12px;
  row-gap: 3px;
  padding: clamp(7px, .85vh, 10px) 12px !important;
  border-radius: 10px !important;
  color: rgba(243,241,234,.74) !important;
  border: 0 !important;
  border-bottom: 0 !important;
}
.sf-global-header .sf-mega-col a strong {
  grid-column: 1;
  grid-row: 1;
  color: rgba(243,241,234,.90);
  font-size: clamp(13px, .9vw, 15px);
  font-weight: 560;
  line-height: 1.08;
}
.sf-global-header .sf-mega-col a small {
  grid-column: 1;
  grid-row: 2;
  max-width: 28ch;
  color: rgba(243,241,234,.46);
  font-size: clamp(10px, .74vw, 12px);
  line-height: 1.24;
}
.sf-global-header .sf-mega-col a span:last-child {
  grid-column: 2;
  grid-row: 1 / 3;
  align-self: center;
  color: var(--sf-area);
  opacity: 1;
  transition: transform .2s ease, color .2s ease;
}
.sf-global-header .sf-mega-col a.is-primary {
  background:
    linear-gradient(90deg, rgba(var(--sf-area-rgb),.13), rgba(var(--sf-area-rgb),.035) 55%, transparent) !important;
  box-shadow: inset 0 0 0 1px rgba(var(--sf-area-rgb),.18);
}
.sf-global-header .sf-mega-col a:hover,
.sf-global-header .sf-mega-col a:focus-visible {
  background: rgba(243,241,234,.058) !important;
  box-shadow:
    inset 0 0 0 1px rgba(243,241,234,.075),
    0 18px 36px rgba(0,0,0,.16),
    0 0 26px rgba(var(--sf-area-rgb),.075);
  transform: translateX(2px);
}
.sf-global-header .sf-mega-preview {
  display: grid !important;
  align-content: start;
  gap: clamp(12px, 1.15vh, 16px) !important;
  padding: clamp(18px, 1.85vh, 24px) !important;
  border: 1px solid rgba(243,241,234,.06) !important;
  border-radius: 10px !important;
  background:
    radial-gradient(420px 190px at 60% 0%, rgba(111,214,163,.08), transparent 70%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.012)) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.sf-global-header .sf-mini-browser {
  min-height: clamp(150px, 21vh, 214px) !important;
  padding: 22px !important;
  border-color: rgba(190,205,222,.20) !important;
  border-radius: 11px !important;
  background: var(--sf-preview-image) !important;
  background-size: cover !important;
  background-position: center right !important;
  isolation: isolate !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 18px 48px rgba(0,0,0,.28);
}
.sf-global-header .sf-mini-browser::before,
.sf-global-header .sf-mini-browser::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
}
.sf-global-header .sf-mini-browser::before {
  z-index: 0 !important;
  background:
    radial-gradient(360px 170px at 20% 20%, rgba(111,214,163,.10), transparent 68%),
    linear-gradient(90deg, rgba(5,7,10,.97), rgba(5,7,10,.76) 48%, rgba(5,7,10,.68) 100%) !important;
}
.sf-global-header .sf-mini-browser::after {
  z-index: 0 !important;
  box-shadow:
    inset 0 0 0 1px rgba(243,241,234,.12),
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -40px 70px rgba(0,0,0,.28) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.06), transparent 34%) !important;
}
.sf-global-header .sf-mini-browser span,
.sf-global-header .sf-mini-browser strong {
  position: relative !important;
  z-index: 1 !important;
}
.sf-global-header .sf-mini-browser strong {
  margin-top: clamp(42px, 8vh, 72px) !important;
  max-width: 230px;
  font-size: clamp(21px, 1.55vw, 25px) !important;
  text-shadow: 0 18px 38px rgba(0,0,0,.48);
}
.sf-global-header .sf-mega-preview > strong {
  font-size: clamp(19px, 1.35vw, 24px);
  font-weight: 560;
  letter-spacing: 0;
}
.sf-global-header .sf-mega-preview small {
  color: rgba(243,241,234,.62) !important;
}
.sf-global-header .sf-mega-extra {
  position: relative;
  z-index: 1;
  margin-top: clamp(12px, 1.5vh, 18px) !important;
  padding-top: 0 !important;
  border-top: 0 !important;
  gap: 12px !important;
  color: rgba(243,241,234,.45) !important;
  font-family: var(--sf-mono);
  font-size: 11px;
  text-transform: uppercase;
}
.sf-global-header .sf-mega-extra strong {
  color: #fff !important;
}
.sf-global-header[data-sf-global-header] .sf-logo {
  display: inline-flex !important;
  align-items: center !important;
  justify-self: start !important;
  gap: 0 !important;
  min-width: 232px !important;
  max-width: 292px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.sf-global-header[data-sf-global-header] .sf-logo-img {
  display: block !important;
  width: clamp(190px, 13.5vw, 236px) !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 58px !important;
  object-fit: contain !important;
  object-position: left center !important;
}
.sf-global-header[data-sf-global-header] .sf-trigger-chevron {
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  color: rgba(243,241,234,.62) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  text-shadow: none !important;
}
.sf-global-header[data-sf-global-header] .sf-trigger-chevron::before,
.sf-global-header[data-sf-global-header] .sf-trigger-chevron::after {
  content: none !important;
  display: none !important;
}
.sf-global-header[data-sf-global-header] .sf-header-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-self: end !important;
  gap: 16px !important;
  min-width: 0 !important;
  color: var(--sf-white) !important;
}
.sf-global-header[data-sf-global-header] .sf-header-cta .sf-cta-icon {
  display: inline-grid !important;
  place-items: center !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  overflow: visible !important;
  color: var(--sf-live) !important;
  font-size: initial !important;
  line-height: 1 !important;
  background: rgba(111,214,163,.08) !important;
  box-shadow: inset 0 0 0 1px rgba(111,214,163,.22), 0 0 22px rgba(111,214,163,.10) !important;
  text-shadow: none !important;
}
.sf-global-header[data-sf-global-header] .sf-header-cta:hover .sf-cta-icon {
  color: var(--sf-deep) !important;
  background: rgba(5,7,10,.08) !important;
}
.sf-global-header[data-sf-global-header] .sf-header-cta .sf-cta-icon::before,
.sf-global-header[data-sf-global-header] .sf-header-cta .sf-cta-icon::after {
  content: none !important;
  display: none !important;
}
.sf-global-header[data-sf-global-header] .sf-header-cta .sf-cta-icon svg {
  display: block !important;
  width: 14px !important;
  height: 14px !important;
}
.sf-global-header[data-sf-global-header] .sf-mega-grid > .sf-mega-col:nth-of-type(1) {
  --sf-area: #C9A063 !important;
  --sf-area-rgb: 201,160,99 !important;
}
.sf-global-header[data-sf-global-header] .sf-mega-grid > .sf-mega-col:nth-of-type(2) {
  --sf-area: #6E96C7 !important;
  --sf-area-rgb: 110,150,199 !important;
}
.sf-global-header[data-sf-global-header] .sf-mega-grid > .sf-mega-col:nth-of-type(3) {
  --sf-area: #C77E72 !important;
  --sf-area-rgb: 199,126,114 !important;
}
.sf-global-header[data-sf-global-header] .sf-mega-grid > .sf-mega-col:nth-of-type(1) .sf-mega-cat span,
.sf-global-header[data-sf-global-header] .sf-mega-grid > .sf-mega-col:nth-of-type(1) a span:last-child {
  color: #C9A063 !important;
}
.sf-global-header[data-sf-global-header] .sf-mega-grid > .sf-mega-col:nth-of-type(2) .sf-mega-cat span,
.sf-global-header[data-sf-global-header] .sf-mega-grid > .sf-mega-col:nth-of-type(2) a span:last-child {
  color: #6E96C7 !important;
}
.sf-global-header[data-sf-global-header] .sf-mega-grid > .sf-mega-col:nth-of-type(3) .sf-mega-cat span,
.sf-global-header[data-sf-global-header] .sf-mega-grid > .sf-mega-col:nth-of-type(3) a span:last-child {
  color: #C77E72 !important;
}
@media (min-width: 1025px) {
  .sf-global-header[data-sf-global-header] .sf-nav {
    display: flex !important;
  }
  .sf-global-header[data-sf-global-header] .sf-header-cta {
    display: inline-flex !important;
  }
  .sf-global-header[data-sf-global-header] .sf-mega {
    display: block !important;
  }
  .sf-global-header[data-sf-global-header] .sf-burger,
  .sf-global-header[data-sf-global-header] .sf-drawer {
    display: none !important;
  }
}
@media (max-width: 1024px) {
  .sf-global-header[data-sf-global-header] .sf-nav,
  .sf-global-header[data-sf-global-header] .sf-header-cta,
  .sf-global-header[data-sf-global-header] .sf-mega {
    display: none !important;
  }
  .sf-global-header[data-sf-global-header] .sf-burger,
  .sf-global-header[data-sf-global-header] .sf-drawer {
    display: block !important;
  }
}
@media (max-height: 820px) and (min-width: 1025px) {
  .sf-global-header .sf-mega {
    width: min(calc(100% - 80px), 1580px) !important;
    padding: 18px !important;
  }
  .sf-global-header .sf-mega-head { margin-bottom: 12px !important; }
  .sf-global-header .sf-mega-head strong { font-size: 21px !important; }
  .sf-global-header .sf-mega-col { padding: 12px !important; gap: 4px !important; }
  .sf-global-header .sf-mega-cat { margin-bottom: 6px !important; }
  .sf-global-header .sf-mega-col a { min-height: 42px !important; padding: 6px 10px !important; }
  .sf-global-header .sf-mega-col a small { font-size: 10px !important; line-height: 1.12; }
  .sf-global-header .sf-mini-browser { min-height: 128px !important; }
  .sf-global-header .sf-mini-browser strong { margin-top: 34px !important; font-size: 20px !important; }
  .sf-global-header .sf-mega-extra {
    display: flex !important;
    gap: 10px 16px !important;
    margin-top: 12px !important;
    padding-top: 10px !important;
  }
}
@media (max-width: 1320px) and (min-width: 1025px) {
  .sf-global-header .sf-mega {
    width: min(calc(100% - 48px), 1240px) !important;
  }
  .sf-global-header .sf-mega-grid {
    grid-template-columns: 1fr 1fr 1fr !important;
  }
  .sf-global-header .sf-mega-preview {
    display: none !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  .sf-fixed-header,
  .sf-mega,
  .sf-scrim,
  .sf-drawer,
  .sf-header-cta { transition: none !important; }
}
.sf-miks-page .elementor-heading-title,
.sf-case-miks .elementor-heading-title {
  hyphens: none !important;
  word-break: normal !important;
}
@media (max-width: 767px) {
  .sf-miks-page .sf-title .elementor-heading-title,
  .sf-case-miks .sf-title .elementor-heading-title {
    max-width: 100% !important;
    font-size: clamp(32px, 10vw, 40px) !important;
    line-height: 1.05 !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    word-break: normal !important;
  }
  .sf-miks-page .sf-section-title .elementor-heading-title,
  .sf-case-miks .sf-section-title .elementor-heading-title,
  .sf-miks-page .sf-concept-title .elementor-heading-title,
  .sf-case-miks .sf-concept-title .elementor-heading-title {
    font-size: clamp(28px, 8.6vw, 38px) !important;
    line-height: 1.08 !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    word-break: normal !important;
  }
}
.cky-consent-container .cky-consent-bar {
  max-width: min(420px, calc(100vw - 28px)) !important;
  border-radius: 16px !important;
  border: 1px solid rgba(5,7,10,.10) !important;
  box-shadow: 0 20px 70px rgba(5,7,10,.16) !important;
}
.cky-consent-container .cky-btn,
.cky-modal .cky-btn {
  border-radius: 8px !important;
  min-height: 40px !important;
  font-family: var(--sf-font) !important;
  font-weight: 650 !important;
}
.cky-consent-container .cky-btn-accept {
  background: #05070A !important;
  border-color: #05070A !important;
  color: #F3F1EA !important;
}
.cky-consent-container .cky-btn-reject,
.cky-consent-container .cky-btn-customize {
  background: rgba(5,7,10,.04) !important;
  border-color: rgba(5,7,10,.12) !important;
  color: #05070A !important;
}
.cky-revisit-bottom-left {
  width: 42px !important;
  height: 42px !important;
  left: 18px !important;
  bottom: 18px !important;
  transform: scale(.9) !important;
  box-shadow: 0 14px 34px rgba(5,7,10,.18) !important;
}
@media (max-width: 767px) {
  .cky-consent-container {
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    width: auto !important;
  }
  .cky-consent-container .cky-consent-bar {
    max-width: none !important;
    padding: 15px !important;
    max-height: 48vh !important;
    overflow: auto !important;
  }
  .cky-consent-container .cky-title {
    margin-bottom: 6px !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
  }
  .cky-consent-container .cky-notice-des {
    max-height: 86px !important;
    overflow: auto !important;
    font-size: 12px !important;
    line-height: 1.42 !important;
  }
  .cky-consent-container .cky-button-wrapper {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    margin-top: 12px !important;
  }
  .cky-consent-container .cky-btn {
    width: 100% !important;
    margin: 0 !important;
    font-size: 12px !important;
  }
  .cky-consent-container .cky-btn-accept {
    grid-column: 1 / -1;
    order: -1;
  }
  .cky-revisit-bottom-left {
    width: 36px !important;
    height: 36px !important;
    left: 14px !important;
    bottom: 14px !important;
    z-index: 700 !important;
  }
}






































/* sf-native-widget-bridge:start */
.sf-native-answer-grid,
.sf-native-answer-grid *,
.sf-native-process-shell,
.sf-native-process-shell *,
.sf-native-home-case,
.sf-native-home-case *,
.sf-native-home-process,
.sf-native-home-process * {
  box-sizing: border-box;
  letter-spacing: 0;
}

.sf-accent-web { --sf-native-accent: #C9A063; }
.sf-accent-software { --sf-native-accent: #6E96C7; }
.sf-accent-ai { --sf-native-accent: #C77E72; }
.sf-accent-extra { --sf-native-accent: #6FD6A3; }

.sf-native-service-page,
.sf-native-service-page * {
  box-sizing: border-box;
  letter-spacing: 0;
}

.sf-native-service-page {
  --sf-native-accent: #C9A063;
  --sf-native-accent-rgb: 201, 160, 99;
}

.sf-native-service-page.sf-page-custom-software,
.sf-native-service-page.sf-page-webapps,
.sf-native-service-page.sf-page-schnittstellen,
.sf-native-service-page.sf-page-dashboards {
  --sf-native-accent: #6E96C7;
  --sf-native-accent-rgb: 110, 150, 199;
}

.sf-native-service-page.sf-page-corporate-design,
.sf-native-service-page.sf-page-logo-design,
.sf-native-service-page.sf-page-google-ads,
.sf-native-service-page.sf-page-social-media,
.sf-native-service-page.sf-page-landingpages,
.sf-native-service-page.sf-page-tracking {
  --sf-native-accent: #6FD6A3;
  --sf-native-accent-rgb: 111, 214, 163;
}

html body .sf-native-service-page.e-con {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  color: #05070A !important;
  background: #F3F1EA !important;
  font-family: Geist, Inter, sans-serif !important;
}

.sf-native-service-page .elementor-widget,
.sf-native-service-page .elementor-widget-container,
.sf-native-service-page .e-con {
  min-width: 0 !important;
}

.sf-native-service-page .elementor-widget:not(:last-child) {
  margin-bottom: 0 !important;
}

html body .sf-native-service-page .sf-service-section.e-con {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 92px 24px !important;
  background: #F3F1EA !important;
}

html body .sf-native-service-page .sf-service-section.sf-dark.e-con {
  color: #F3F1EA !important;
  background: #05070A !important;
}

html body .sf-native-service-page .sf-service-inner.e-con {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 28px !important;
  width: min(100%, 1240px) !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

html body .sf-native-service-page .sf-service-inner.e-con > .e-con-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 28px !important;
  width: 100% !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.sf-native-service-page .sf-kicker,
.sf-native-service-page .sf-kicker p {
  margin: 0 !important;
  color: #7B828C !important;
  font-family: "Geist Mono", ui-monospace, monospace !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  text-transform: uppercase !important;
}

.sf-native-service-page .sf-dark .sf-kicker,
.sf-native-service-page .sf-dark .sf-kicker p,
.sf-native-service-page .sf-content-hero .sf-kicker,
.sf-native-service-page .sf-content-hero .sf-kicker p {
  color: rgba(243,241,234,.58) !important;
}

.sf-native-service-page .elementor-heading-title {
  margin: 0 !important;
  color: #05070A !important;
  font-family: Geist, Inter, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.sf-native-service-page h2.elementor-heading-title {
  font-size: 48px !important;
  line-height: 1.08 !important;
}

.sf-native-service-page h3.elementor-heading-title {
  font-size: 26px !important;
  line-height: 1.18 !important;
}

.sf-native-service-page .sf-dark .elementor-heading-title,
.sf-native-service-page .sf-content-hero .elementor-heading-title {
  color: #F3F1EA !important;
}

.sf-native-service-page .sf-copy,
.sf-native-service-page .sf-copy p,
.sf-native-service-page .sf-lede,
.sf-native-service-page .sf-lede p {
  margin: 0 !important;
  color: #5F646B !important;
  font-family: Geist, Inter, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.62 !important;
}

.sf-native-service-page .sf-dark .sf-copy,
.sf-native-service-page .sf-dark .sf-copy p,
.sf-native-service-page .sf-content-hero .sf-lede,
.sf-native-service-page .sf-content-hero .sf-lede p {
  color: rgba(243,241,234,.72) !important;
}

html body .sf-native-service-page .sf-content-hero.e-con {
  position: relative !important;
  min-height: 760px !important;
  padding: 112px 24px 88px !important;
  overflow: hidden !important;
  color: #F3F1EA !important;
  background: #05070A !important;
  border-bottom: 1px solid rgba(243,241,234,.12) !important;
}

.sf-native-service-page .sf-content-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(243,241,234,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(243,241,234,.028) 1px, transparent 1px),
    linear-gradient(180deg, rgba(5,7,10,.22), rgba(5,7,10,.90));
  background-size: 96px 96px, 96px 96px, auto;
}

html body .sf-native-service-page .sf-content-hero .sf-service-inner.e-con {
  position: relative !important;
  z-index: 1 !important;
  justify-content: center !important;
  min-height: 560px !important;
}

.sf-native-service-page .sf-hero-bg-media {
  position: absolute !important;
  inset: -112px calc(50% - 50vw) -88px !important;
  z-index: -1 !important;
  width: 100vw !important;
  height: auto !important;
  margin: 0 !important;
  opacity: .34 !important;
  pointer-events: none !important;
}

.sf-native-service-page .sf-hero-bg-media,
.sf-native-service-page .sf-hero-bg-media .elementor-widget-container,
.sf-native-service-page .sf-hero-bg-media img {
  min-height: 760px !important;
}

.sf-native-service-page .sf-hero-bg-media .elementor-widget-container {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}

.sf-native-service-page .sf-hero-bg-media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  filter: saturate(.72) contrast(1.08) brightness(.66) !important;
}

html body .sf-native-service-page .sf-hero-layout.e-con {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 34px 64px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body .sf-native-service-page .sf-hero-copy.e-con {
  display: flex !important;
  flex: 0 1 920px !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 20px !important;
  width: min(100%, 920px) !important;
  max-width: 920px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}

.sf-native-service-page .sf-hero-title .elementor-heading-title {
  max-width: 900px !important;
  color: #F3F1EA !important;
  font-size: 64px !important;
  line-height: 1.01 !important;
}

.sf-native-service-page .sf-content-hero .sf-lede,
.sf-native-service-page .sf-content-hero .sf-lede p {
  max-width: 780px !important;
  font-size: 20px !important;
  line-height: 1.55 !important;
  text-align: center !important;
}

.sf-native-service-page .sf-hero-orientation,
.sf-native-service-page .sf-hero-focus {
  width: 100% !important;
  margin: 0 !important;
}

.sf-native-service-page .sf-breadcrumb,
.sf-native-service-page .sf-area-chip,
.sf-native-service-page .sf-hero-signal-strip {
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

.sf-native-service-page .sf-breadcrumb {
  color: rgba(243,241,234,.55) !important;
  font-family: "Geist Mono", ui-monospace, monospace !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
}

.sf-native-service-page .sf-area-chip {
  width: max-content !important;
  max-width: 100% !important;
  margin: 10px auto 0 !important;
  padding: 8px 11px !important;
  color: rgba(243,241,234,.78) !important;
  background: rgba(17,21,27,.76) !important;
  border: 1px solid rgba(var(--sf-native-accent-rgb),.38) !important;
  border-radius: 6px !important;
  font-family: "Geist Mono", ui-monospace, monospace !important;
  font-size: 11px !important;
}

.sf-native-service-page .sf-area-chip span,
.sf-native-service-page .sf-hero-signal-strip span {
  color: var(--sf-native-accent) !important;
}

.sf-native-service-page .sf-hero-signal-strip span {
  padding: 7px 10px !important;
  background: rgba(17,21,27,.72) !important;
  border: 1px solid rgba(var(--sf-native-accent-rgb),.28) !important;
  border-radius: 6px !important;
  font-family: "Geist Mono", ui-monospace, monospace !important;
  font-size: 10px !important;
  text-transform: uppercase !important;
}

.sf-native-service-page .sf-content-hero .sf-link-button .elementor-button {
  min-height: 46px !important;
  padding: 13px 20px !important;
  color: #F3F1EA !important;
  background: rgba(17,21,27,.78) !important;
  border: 1px solid rgba(243,241,234,.20) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-family: Geist, Inter, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

html body .sf-native-service-page .sf-asset-grid.e-con {
  display: grid !important;
  grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr) !important;
  align-items: stretch !important;
  gap: 22px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body .sf-native-service-page .sf-asset-copy.e-con,
html body .sf-native-service-page .sf-asset-visual.e-con {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  border-radius: 8px !important;
}

html body .sf-native-service-page .sf-asset-copy.e-con {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 16px !important;
  padding: 42px !important;
  background: #F8F6F0 !important;
  border: 1px solid rgba(5,7,10,.11) !important;
}

html body .sf-native-service-page .sf-asset-visual.e-con {
  position: relative !important;
  display: block !important;
  min-height: 480px !important;
  padding: 12px !important;
  overflow: hidden !important;
  background: #0B0F14 !important;
  border: 1px solid rgba(5,7,10,.14) !important;
}

.sf-native-service-page .sf-asset-image,
.sf-native-service-page .sf-asset-image .elementor-widget-container {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

.sf-native-service-page .sf-asset-main-img img {
  display: block !important;
  width: 100% !important;
  height: 456px !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 5px !important;
}

.sf-native-service-page .sf-asset-secondary-img {
  position: absolute !important;
  right: 28px !important;
  bottom: 28px !important;
  width: 46% !important;
  height: 188px !important;
  padding: 7px !important;
  overflow: hidden !important;
  background: #11151B !important;
  border: 1px solid rgba(243,241,234,.24) !important;
  border-radius: 7px !important;
  box-shadow: 0 24px 50px rgba(0,0,0,.38) !important;
}

.sf-native-service-page .sf-asset-secondary-img img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 4px !important;
}

.sf-native-service-page .sf-pill-list,
.sf-native-service-page .sf-pill-list p,
.sf-native-service-page .sf-conversion-proof,
.sf-native-service-page .sf-conversion-proof p {
  margin: 0 !important;
}

.sf-native-service-page .sf-pill-list p,
.sf-native-service-page .sf-conversion-proof p {
  display: flex !important;
  flex-flow: row wrap !important;
  gap: 8px !important;
}

.sf-native-service-page .sf-pill-list a,
.sf-native-service-page .sf-pill-list span,
.sf-native-service-page .sf-conversion-proof span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 7px 10px !important;
  color: #5F646B !important;
  background: rgba(255,255,255,.48) !important;
  border: 1px solid rgba(5,7,10,.11) !important;
  border-radius: 6px !important;
  font-family: Geist, Inter, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

html body .sf-native-service-page .sf-feature-grid.e-con {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 18px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body .sf-native-service-page .sf-feature-card.e-con {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 13px !important;
  width: 100% !important;
  min-height: 280px !important;
  margin: 0 !important;
  padding: 28px !important;
  overflow: hidden !important;
  background: #F8F6F0 !important;
  border: 1px solid rgba(5,7,10,.11) !important;
  border-left: 3px solid rgba(var(--sf-native-accent-rgb),.62) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.sf-native-service-page .sf-feature-card .elementor-heading-title {
  font-size: 25px !important;
  line-height: 1.16 !important;
}

.sf-native-service-page .sf-card-status,
.sf-native-service-page .sf-card-status p {
  margin: 0 !important;
  color: #7B828C !important;
  font-family: "Geist Mono", ui-monospace, monospace !important;
  font-size: 10px !important;
  line-height: 1.3 !important;
  text-transform: uppercase !important;
}

.sf-native-service-page .sf-card-status .elementor-widget-container {
  margin: 0 !important;
}

.sf-native-service-page .sf-card-status p {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  min-height: 30px !important;
  padding: 0 0 12px !important;
  border-bottom: 1px solid rgba(5,7,10,.10) !important;
}

.sf-native-service-page .sf-card-status strong,
.sf-native-service-page .sf-card-status span {
  color: var(--sf-native-accent) !important;
}

.sf-native-service-page .sf-card-status span {
  font-weight: 700 !important;
  white-space: nowrap !important;
}

.sf-native-service-page .sf-card-status em {
  min-width: 0 !important;
  overflow: hidden !important;
  color: rgba(75,85,99,.66) !important;
  font-style: normal !important;
  text-align: right !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.sf-native-service-page .sf-process-list,
.sf-native-service-page .sf-process-list .elementor-widget-container {
  width: 100% !important;
  margin: 0 !important;
}

.sf-native-service-page .sf-process-list .elementor-icon-list-items {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.sf-native-service-page .sf-process-list .elementor-icon-list-item {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  min-width: 0 !important;
  min-height: 92px !important;
  margin: 0 !important;
  padding: 20px !important;
  color: rgba(243,241,234,.84) !important;
  background: #11151B !important;
  border: 1px solid rgba(243,241,234,.14) !important;
  border-left: 3px solid rgba(var(--sf-native-accent-rgb),.72) !important;
  border-radius: 8px !important;
}

.sf-native-service-page .sf-process-list .elementor-icon-list-icon {
  display: inline-flex !important;
  flex: 0 0 36px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--sf-native-accent) !important;
  background: rgba(var(--sf-native-accent-rgb),.10) !important;
  border: 1px solid rgba(var(--sf-native-accent-rgb),.44) !important;
  border-radius: 6px !important;
}

.sf-native-service-page .sf-process-list .elementor-icon-list-icon i,
.sf-native-service-page .sf-process-list .elementor-icon-list-icon svg {
  width: 14px !important;
  height: 14px !important;
  color: var(--sf-native-accent) !important;
  fill: var(--sf-native-accent) !important;
  font-size: 14px !important;
}

.sf-native-service-page .sf-process-list .elementor-icon-list-text {
  min-width: 0 !important;
  padding: 0 !important;
  color: rgba(243,241,234,.84) !important;
  font-family: Geist, Inter, sans-serif !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.42 !important;
}

.sf-native-service-page .sf-faq {
  width: 100% !important;
  border-top: 1px solid rgba(5,7,10,.12) !important;
}

.sf-native-service-page .sf-faq .elementor-accordion-item {
  border: 0 !important;
  border-bottom: 1px solid rgba(5,7,10,.12) !important;
}

.sf-native-service-page .sf-faq .elementor-tab-title {
  display: flex !important;
  align-items: center !important;
  min-height: 72px !important;
  padding: 20px 4px !important;
  color: #05070A !important;
  font-family: Geist, Inter, sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

.sf-native-service-page .sf-faq .elementor-tab-content {
  padding: 0 4px 24px !important;
  color: #5F646B !important;
  font-family: Geist, Inter, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.62 !important;
}

html body .sf-native-service-page .sf-cta-panel.e-con {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 18px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 42px !important;
  color: #F3F1EA !important;
  background: #11151B !important;
  border: 1px solid rgba(243,241,234,.14) !important;
  border-radius: 8px !important;
}

.sf-native-service-page .sf-cta-panel .elementor-heading-title {
  max-width: 980px !important;
  color: #F3F1EA !important;
  font-size: 42px !important;
  line-height: 1.1 !important;
}

.sf-native-service-page .sf-cta-panel .sf-copy,
.sf-native-service-page .sf-cta-panel .sf-copy p {
  color: rgba(243,241,234,.68) !important;
}

.sf-native-service-page .sf-cta-panel .sf-link-button .elementor-button {
  min-height: 46px !important;
  padding: 13px 20px !important;
  color: #05070A !important;
  background: #F3F1EA !important;
  border: 1px solid #F3F1EA !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-family: Geist, Inter, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

@media (max-width: 1024px) {
  .sf-native-service-page .sf-hero-title .elementor-heading-title { font-size: 52px !important; }
  html body .sf-native-service-page .sf-asset-grid.e-con { grid-template-columns: 1fr !important; }
  html body .sf-native-service-page .sf-feature-grid.e-con { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .sf-native-service-page .sf-process-list .elementor-icon-list-items { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 767px) {
  html body .sf-native-service-page .sf-service-section.e-con { padding: 68px 20px !important; }
  html body .sf-native-service-page .sf-content-hero.e-con { min-height: 700px !important; padding: 96px 20px 72px !important; }
  html body .sf-native-service-page .sf-content-hero .sf-service-inner.e-con { min-height: 520px !important; }
  .sf-native-service-page .sf-hero-bg-media,
  .sf-native-service-page .sf-hero-bg-media .elementor-widget-container,
  .sf-native-service-page .sf-hero-bg-media img { min-height: 700px !important; }
  .sf-native-service-page .sf-hero-title .elementor-heading-title { font-size: 42px !important; line-height: 1.03 !important; }
  .sf-native-service-page.sf-page-social-media .sf-hero-title .elementor-heading-title { font-size: 40px !important; }
  .sf-native-service-page .sf-content-hero .sf-lede,
  .sf-native-service-page .sf-content-hero .sf-lede p { font-size: 17px !important; }
  .sf-native-service-page h2.elementor-heading-title { font-size: 34px !important; }
  .sf-native-service-page.sf-page-landingpages .sf-asset-copy h2.elementor-heading-title { font-size: 28px !important; }
  .sf-native-service-page h3.elementor-heading-title { font-size: 23px !important; }
  html body .sf-native-service-page .sf-asset-copy.e-con { padding: 28px 22px !important; }
  html body .sf-native-service-page .sf-asset-visual.e-con { min-height: 330px !important; padding: 8px !important; }
  .sf-native-service-page .sf-asset-main-img img { height: 314px !important; }
  .sf-native-service-page .sf-asset-secondary-img { right: 18px !important; bottom: 18px !important; width: 54% !important; height: 128px !important; padding: 5px !important; }
  html body .sf-native-service-page .sf-feature-grid.e-con { grid-template-columns: 1fr !important; gap: 12px !important; }
  html body .sf-native-service-page .sf-feature-card.e-con { min-height: 0 !important; padding: 24px 22px !important; }
  .sf-native-service-page .sf-feature-card .elementor-heading-title { font-size: 23px !important; }
  .sf-native-service-page .sf-process-list .elementor-icon-list-items { grid-template-columns: 1fr !important; gap: 10px !important; }
  .sf-native-service-page .sf-process-list .elementor-icon-list-item { min-height: 76px !important; padding: 17px !important; }
  .sf-native-service-page .sf-process-list .elementor-icon-list-text { font-size: 16px !important; }
  .sf-native-service-page .sf-faq .elementor-tab-title { min-height: 64px !important; font-size: 18px !important; }
  html body .sf-native-service-page .sf-cta-panel.e-con { padding: 30px 22px !important; }
  .sf-native-service-page .sf-cta-panel .elementor-heading-title { font-size: 32px !important; }
}

.sf-native-cases-page,
.sf-native-cases-page * {
  box-sizing: border-box;
  letter-spacing: 0;
}

html body .sf-native-cases-page.e-con {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  color: #F3F1EA !important;
  background: #05070A !important;
  font-family: Geist, Inter, sans-serif !important;
}

.sf-native-cases-page .elementor-widget,
.sf-native-cases-page .elementor-widget-container,
.sf-native-cases-page .e-con {
  min-width: 0 !important;
}

.sf-native-cases-page .elementor-widget:not(:last-child) {
  margin-bottom: 0 !important;
}

html body .sf-native-cases-page .sf-native-cases-hero.e-con,
html body .sf-native-cases-page .sf-native-cases-featured.e-con,
html body .sf-native-cases-page .sf-native-cases-principles.e-con,
html body .sf-native-cases-page .sf-native-cases-cta.e-con {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 100px 32px !important;
}

html body .sf-native-cases-page .sf-native-cases-hero.e-con {
  min-height: 590px !important;
  justify-content: center !important;
  padding-top: 132px !important;
  padding-bottom: 104px !important;
  background: #05070A !important;
  border-bottom: 1px solid rgba(243,241,234,.12) !important;
}

html body .sf-native-cases-page .sf-native-cases-featured.e-con {
  color: #05070A !important;
  background: #F3F1EA !important;
}

html body .sf-native-cases-page .sf-native-cases-principles.e-con {
  overflow: hidden !important;
  background-color: #090D12 !important;
  background-image:
    linear-gradient(rgba(243,241,234,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(243,241,234,.025) 1px, transparent 1px) !important;
  background-size: 96px 96px !important;
}

html body .sf-native-cases-page .sf-native-cases-cta.e-con {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
  background: #11151B !important;
  border-top: 1px solid rgba(243,241,234,.12) !important;
}

html body .sf-native-cases-page .sf-native-cases-inner.e-con {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 32px !important;
  width: min(100%, 1240px) !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

html body .sf-native-cases-page .sf-native-cases-hero-inner.e-con {
  align-items: flex-start !important;
  gap: 22px !important;
}

.sf-native-cases-page .sf-native-cases-kicker,
.sf-native-cases-page .sf-native-cases-kicker p {
  margin: 0 !important;
  color: #C9A063 !important;
  font-family: "Geist Mono", ui-monospace, monospace !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  text-transform: uppercase !important;
}

.sf-native-cases-page .sf-native-cases-title .elementor-heading-title {
  max-width: 960px !important;
  margin: 0 !important;
  color: #F3F1EA !important;
  font-family: Geist, Inter, sans-serif !important;
  font-size: 68px !important;
  font-weight: 600 !important;
  line-height: 1.02 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.sf-native-cases-page .sf-native-cases-lede,
.sf-native-cases-page .sf-native-cases-lede p {
  max-width: 760px !important;
  margin: 0 !important;
  color: rgba(243,241,234,.70) !important;
  font-family: Geist, Inter, sans-serif !important;
  font-size: 20px !important;
  line-height: 1.58 !important;
}

html body .sf-native-cases-page .sf-native-cases-meta.e-con {
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 6px 0 0 !important;
  padding: 0 !important;
}

.sf-native-cases-page .sf-native-cases-meta-item {
  width: auto !important;
  margin: 0 !important;
  padding: 8px 11px !important;
  color: rgba(243,241,234,.66) !important;
  background: #11151B !important;
  border: 1px solid rgba(243,241,234,.14) !important;
  border-radius: 6px !important;
}

.sf-native-cases-page .sf-native-cases-meta-item,
.sf-native-cases-page .sf-native-cases-meta-item p {
  margin: 0 !important;
  font-family: "Geist Mono", ui-monospace, monospace !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
}

html body .sf-native-cases-page .sf-native-cases-section-head.e-con {
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 24px 56px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body .sf-native-cases-page .sf-native-cases-section-title.e-con {
  display: flex !important;
  flex: 0 1 calc(62% - 28px) !important;
  flex-direction: column !important;
  gap: 12px !important;
  width: calc(62% - 28px) !important;
  margin: 0 !important;
  padding: 0 !important;
}

.sf-native-cases-page .sf-native-cases-section-heading .elementor-heading-title,
.sf-native-cases-page .sf-native-cases-principles-title .elementor-heading-title {
  margin: 0 !important;
  color: #05070A !important;
  font-family: Geist, Inter, sans-serif !important;
  font-size: 48px !important;
  font-weight: 600 !important;
  line-height: 1.06 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.sf-native-cases-page .sf-native-cases-principles-title .elementor-heading-title {
  max-width: 820px !important;
  color: #F3F1EA !important;
}

.sf-native-cases-page .sf-native-cases-section-copy,
.sf-native-cases-page .sf-native-cases-section-copy p {
  flex: 0 1 calc(38% - 28px) !important;
  width: calc(38% - 28px) !important;
  margin: 0 !important;
  color: #5F646B !important;
  font-family: Geist, Inter, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.62 !important;
}

html body .sf-native-cases-page .sf-native-cases-grid.e-con {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 22px !important;
  width: 100% !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
}

html body .sf-native-cases-page .sf-native-case-card.e-con {
  display: grid !important;
  grid-template-columns: minmax(0, 1.16fr) minmax(380px, .84fr) !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 560px !important;
  margin: 0 !important;
  padding: 14px !important;
  overflow: hidden !important;
  color: #05070A !important;
  background: #F8F6F0 !important;
  border: 1px solid rgba(5,7,10,.12) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

html body .sf-native-cases-page .sf-native-case-media.e-con {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-height: 532px !important;
  margin: 0 !important;
  padding: 10px !important;
  overflow: hidden !important;
  background: #05070A !important;
  border-radius: 6px !important;
}

.sf-native-cases-page .sf-native-case-image,
.sf-native-cases-page .sf-native-case-image .elementor-widget-container {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

.sf-native-cases-page .sf-native-case-image img {
  display: block !important;
  width: 100% !important;
  height: 512px !important;
  object-fit: cover !important;
  object-position: top center !important;
  border-radius: 4px !important;
}

.sf-native-cases-page .sf-native-case-media-label {
  position: absolute !important;
  top: 26px !important;
  left: 26px !important;
  width: auto !important;
  margin: 0 !important;
  padding: 7px 10px !important;
  color: #05070A !important;
  background: #6FD6A3 !important;
  border-radius: 5px !important;
  font-family: "Geist Mono", ui-monospace, monospace !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.sf-native-cases-page .sf-native-case-media-label p {
  margin: 0 !important;
}

html body .sf-native-cases-page .sf-native-case-content.e-con {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 17px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 42px !important;
}

.sf-native-cases-page .sf-native-case-title .elementor-heading-title {
  margin: 0 !important;
  color: #05070A !important;
  font-family: Geist, Inter, sans-serif !important;
  font-size: 44px !important;
  font-weight: 600 !important;
  line-height: 1.02 !important;
}

.sf-native-cases-page .sf-native-case-subtitle .elementor-heading-title {
  margin: 0 !important;
  color: #05070A !important;
  font-family: Geist, Inter, sans-serif !important;
  font-size: 27px !important;
  font-weight: 600 !important;
  line-height: 1.16 !important;
}

.sf-native-cases-page .sf-native-case-copy,
.sf-native-cases-page .sf-native-case-copy p {
  margin: 0 !important;
  color: #5F646B !important;
  font-family: Geist, Inter, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.62 !important;
}

.sf-native-cases-page .sf-native-case-tags .elementor-icon-list-items {
  display: flex !important;
  flex-flow: row wrap !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.sf-native-cases-page .sf-native-case-tags .elementor-icon-list-item {
  width: auto !important;
  margin: 0 !important;
  padding: 7px 10px !important;
  background: #F3F1EA !important;
  border: 1px solid rgba(5,7,10,.11) !important;
  border-radius: 6px !important;
}

.sf-native-cases-page .sf-native-case-tags .elementor-icon-list-icon {
  width: 12px !important;
  color: #C9A063 !important;
  font-size: 10px !important;
}

.sf-native-cases-page .sf-native-case-tags .elementor-icon-list-text {
  color: #5F646B !important;
  font-family: Geist, Inter, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}

.sf-native-cases-page .sf-native-case-button {
  width: auto !important;
  margin: 4px 0 0 !important;
}

.sf-native-cases-page .sf-native-case-button .elementor-button,
.sf-native-cases-page .sf-native-cases-cta-button .elementor-button {
  min-height: 46px !important;
  padding: 13px 20px !important;
  color: #F3F1EA !important;
  background: #05070A !important;
  border: 1px solid #05070A !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-family: Geist, Inter, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

html body .sf-native-cases-page .sf-native-case-principles-grid.e-con {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
}

html body .sf-native-cases-page .sf-native-case-principle.e-con {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  width: 100% !important;
  min-height: 216px !important;
  margin: 0 !important;
  padding: 26px !important;
  background: #11151B !important;
  border: 1px solid rgba(243,241,234,.12) !important;
  border-radius: 8px !important;
}

.sf-native-cases-page .sf-native-case-number,
.sf-native-cases-page .sf-native-case-number p {
  margin: 0 !important;
  color: #6FD6A3 !important;
  font-family: "Geist Mono", ui-monospace, monospace !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

.sf-native-cases-page .sf-native-case-principle-title .elementor-heading-title {
  margin: 0 !important;
  color: #F3F1EA !important;
  font-family: Geist, Inter, sans-serif !important;
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 1.18 !important;
}

.sf-native-cases-page .sf-native-case-principle-copy,
.sf-native-cases-page .sf-native-case-principle-copy p {
  margin: 0 !important;
  color: rgba(243,241,234,.66) !important;
  font-family: Geist, Inter, sans-serif !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}

html body .sf-native-cases-page .sf-native-cases-cta-panel.e-con {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 16px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.sf-native-cases-page .sf-native-cases-cta-title .elementor-heading-title {
  max-width: 920px !important;
  margin: 0 !important;
  color: #F3F1EA !important;
  font-family: Geist, Inter, sans-serif !important;
  font-size: 42px !important;
  font-weight: 600 !important;
  line-height: 1.08 !important;
}

.sf-native-cases-page .sf-native-cases-cta-copy,
.sf-native-cases-page .sf-native-cases-cta-copy p {
  max-width: 760px !important;
  margin: 0 !important;
  color: rgba(243,241,234,.66) !important;
  font-family: Geist, Inter, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.58 !important;
}

.sf-native-cases-page .sf-native-cases-cta-button .elementor-button {
  color: #05070A !important;
  background: #F3F1EA !important;
  border-color: #F3F1EA !important;
}

@media (max-width: 1024px) {
  .sf-native-cases-page .sf-native-cases-title .elementor-heading-title { font-size: 54px !important; }
  html body .sf-native-cases-page .sf-native-case-card.e-con { grid-template-columns: 1fr !important; }
  html body .sf-native-cases-page .sf-native-case-principles-grid.e-con { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 767px) {
  html body .sf-native-cases-page .sf-native-cases-hero.e-con,
  html body .sf-native-cases-page .sf-native-cases-featured.e-con,
  html body .sf-native-cases-page .sf-native-cases-principles.e-con { padding: 72px 20px !important; }
  html body .sf-native-cases-page .sf-native-cases-hero.e-con { min-height: 520px !important; padding-top: 96px !important; }
  html body .sf-native-cases-page .sf-native-cases-cta.e-con { padding: 58px 20px !important; }
  .sf-native-cases-page .sf-native-cases-title .elementor-heading-title { font-size: 42px !important; }
  .sf-native-cases-page .sf-native-cases-lede,
  .sf-native-cases-page .sf-native-cases-lede p { font-size: 17px !important; }
  html body .sf-native-cases-page .sf-native-cases-section-head.e-con { flex-direction: column !important; align-items: stretch !important; }
  html body .sf-native-cases-page .sf-native-cases-section-title.e-con,
  .sf-native-cases-page .sf-native-cases-section-copy,
  .sf-native-cases-page .sf-native-cases-section-copy p { flex-basis: 100% !important; width: 100% !important; }
  .sf-native-cases-page .sf-native-cases-section-heading .elementor-heading-title,
  .sf-native-cases-page .sf-native-cases-principles-title .elementor-heading-title { font-size: 34px !important; }
  html body .sf-native-cases-page .sf-native-case-card.e-con { min-height: 0 !important; padding: 10px !important; }
  html body .sf-native-cases-page .sf-native-case-media.e-con { min-height: 276px !important; padding: 8px !important; }
  .sf-native-cases-page .sf-native-case-image img { height: 260px !important; }
  .sf-native-cases-page .sf-native-case-media-label { top: 20px !important; left: 20px !important; }
  html body .sf-native-cases-page .sf-native-case-content.e-con { padding: 28px 18px 26px !important; }
  .sf-native-cases-page .sf-native-case-title .elementor-heading-title { font-size: 34px !important; }
  .sf-native-cases-page .sf-native-case-subtitle .elementor-heading-title { font-size: 23px !important; }
  .sf-native-cases-page .sf-native-case-copy,
  .sf-native-cases-page .sf-native-case-copy p { font-size: 16px !important; }
  html body .sf-native-cases-page .sf-native-case-principles-grid.e-con { grid-template-columns: 1fr !important; gap: 12px !important; }
  html body .sf-native-cases-page .sf-native-case-principle.e-con { min-height: 0 !important; padding: 22px !important; }
  .sf-native-cases-page .sf-native-cases-cta-title .elementor-heading-title { font-size: 32px !important; }
}

body .sf-native-answer-grid {
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: stretch !important;
  gap: 18px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

body .sf-native-answer-card {
  position: relative;
  display: flex !important;
  flex: 0 1 calc(36% - 9px) !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 16px !important;
  width: calc(36% - 9px) !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 38px 40px !important;
  overflow: hidden !important;
  color: #05070A !important;
  background: #F8F6F0 !important;
  border: 1px solid rgba(5,7,10,.11) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

body .sf-native-answer-card.is-primary {
  flex-basis: calc(64% - 9px) !important;
  width: calc(64% - 9px) !important;
}

.sf-native-answer-card > .elementor-widget,
.sf-native-answer-card > .elementor-widget > .elementor-widget-container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.sf-native-kicker,
.sf-native-kicker p {
  margin: 0 !important;
  color: #7B828C !important;
  font-family: "Geist Mono", ui-monospace, monospace !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  text-transform: uppercase;
}

.sf-native-answer-title .elementor-heading-title {
  margin: 0 !important;
  color: #05070A !important;
  font-family: Geist, Inter, sans-serif !important;
  font-size: clamp(30px, 3vw, 40px) !important;
  font-weight: 600 !important;
  line-height: 1.08 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.sf-native-answer-copy,
.sf-native-answer-copy p {
  margin: 0 !important;
  color: #5F646B !important;
  font-family: Geist, Inter, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.62 !important;
}

.sf-native-audience-list .elementor-icon-list-items {
  display: grid !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.sf-native-audience-list .elementor-icon-list-item {
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.sf-native-audience-list .elementor-icon-list-icon {
  width: 14px !important;
  color: var(--sf-native-accent, #C9A063) !important;
  font-size: 12px !important;
}

.sf-native-audience-list .elementor-icon-list-text {
  color: #5F646B !important;
  font-family: Geist, Inter, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.45 !important;
}

body .sf-native-process-shell {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 32px !important;
  width: min(100%, 1240px) !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.sf-native-process-title .elementor-heading-title {
  margin: 0 !important;
  color: #F3F1EA !important;
  font-family: Geist, Inter, sans-serif !important;
  font-size: clamp(34px, 4vw, 48px) !important;
  font-weight: 600 !important;
  line-height: 1.08 !important;
}

html body .sf-native-process-grid.e-con {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .sf-native-process-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: space-between !important;
  gap: 18px !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 154px !important;
  margin: 0 !important;
  padding: 26px !important;
  overflow: hidden !important;
  background: #11151B !important;
  border: 1px solid rgba(243,241,234,.12) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.sf-native-process-card > .elementor-widget,
.sf-native-process-card > .elementor-widget > .elementor-widget-container {
  width: 100% !important;
  margin: 0 !important;
}

.sf-native-process-number,
.sf-native-process-number p {
  margin: 0 !important;
  color: var(--sf-native-accent, #C9A063) !important;
  font-family: "Geist Mono", ui-monospace, monospace !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

.sf-native-process-card-title .elementor-heading-title {
  margin: 0 !important;
  color: #F3F1EA !important;
  font-family: Geist, Inter, sans-serif !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  line-height: 1.28 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body .sf-native-home-case {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 100px 32px !important;
  overflow: hidden !important;
  color: #05070A !important;
  background: #F3F1EA !important;
}

.sf-native-home-case > .e-con-inner {
  width: min(100%, 1280px) !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
}

body .sf-native-home-case-head {
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: flex-end !important;
  gap: 28px 56px !important;
  width: min(100%, 1280px) !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

body .sf-native-home-case-head-main,
body .sf-native-home-case-head-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .sf-native-home-case-head-main { width: calc(62% - 28px) !important; }
body .sf-native-home-case-head-copy { width: calc(38% - 28px) !important; }

.sf-native-home-case-title .elementor-heading-title {
  margin: 0 !important;
  color: #05070A !important;
  font-family: Geist, Inter, sans-serif !important;
  font-size: clamp(38px, 5vw, 60px) !important;
  font-weight: 600 !important;
  line-height: 1.03 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.sf-native-home-case-intro,
.sf-native-home-case-intro p {
  margin: 0 !important;
  color: #5F646B !important;
  font-family: Geist, Inter, sans-serif !important;
  font-size: 19px !important;
  line-height: 1.58 !important;
}

body .sf-native-home-case-grid {
  display: block !important;
  width: min(100%, 1280px) !important;
  max-width: 1280px !important;
  margin: 50px auto 0 !important;
  padding: 0 !important;
}

body .sf-native-home-case-card {
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: center !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 14px !important;
  overflow: hidden !important;
  background: #F8F6F0 !important;
  border: 1px solid rgba(5,7,10,.12) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

body .sf-native-home-case-screen {
  display: flex !important;
  flex: 0 1 56% !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 56% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 10px !important;
  overflow: hidden !important;
  background: #05070A !important;
  border: 0 !important;
  border-radius: 6px !important;
}

.sf-native-home-case-screen > .elementor-widget,
.sf-native-home-case-screen .elementor-widget-container {
  width: 100% !important;
  margin: 0 !important;
}

.sf-native-home-case-image img {
  display: block !important;
  width: 100% !important;
  height: 500px !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: top center !important;
  border-radius: 4px !important;
}

body .sf-native-home-case-story {
  display: flex !important;
  flex: 0 1 44% !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 18px !important;
  width: 44% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 40px 42px !important;
  background: transparent !important;
  border: 0 !important;
}

.sf-native-home-case-story > .elementor-widget,
.sf-native-home-case-story > .elementor-widget > .elementor-widget-container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.sf-native-home-case-story-title .elementor-heading-title {
  margin: 0 !important;
  color: #05070A !important;
  font-family: Geist, Inter, sans-serif !important;
  font-size: clamp(30px, 3.4vw, 43px) !important;
  font-weight: 600 !important;
  line-height: 1.06 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.sf-native-home-case-story-copy,
.sf-native-home-case-story-copy p {
  margin: 0 !important;
  color: #5F646B !important;
  font-family: Geist, Inter, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
}

body .sf-native-home-case-proof {
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 2px 0 !important;
  padding: 0 !important;
}

.sf-native-home-case-chip {
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 8px 11px !important;
  color: #5F646B !important;
  background: #F3F1EA !important;
  border: 1px solid rgba(5,7,10,.11) !important;
  border-radius: 6px !important;
}

.sf-native-home-case-chip,
.sf-native-home-case-chip p {
  font-family: Geist, Inter, sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

.sf-native-case-button {
  width: auto !important;
  margin: 0 !important;
}

.sf-native-case-button .elementor-button {
  min-height: 46px !important;
  padding: 13px 20px !important;
  color: #F3F1EA !important;
  background: #05070A !important;
  border: 1px solid #05070A !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-family: Geist, Inter, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

.sf-native-case-all-button .elementor-button {
  min-height: 46px !important;
  padding: 13px 20px !important;
  color: #05070A !important;
  background: transparent !important;
  border: 1px solid rgba(5,7,10,.18) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  font-family: Geist, Inter, sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

body .sf-native-home-process {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 104px 32px !important;
  overflow: hidden !important;
  background: #05070A !important;
}

body .sf-native-home-process-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 40px !important;
  width: min(100%, 1280px) !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

body .sf-native-home-process-head {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 14px !important;
  width: min(100%, 820px) !important;
  max-width: 820px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.sf-native-home-process-title .elementor-heading-title {
  margin: 0 !important;
  color: #F3F1EA !important;
  font-family: Geist, Inter, sans-serif !important;
  font-size: clamp(36px, 4.4vw, 52px) !important;
  font-weight: 600 !important;
  line-height: 1.05 !important;
}

.sf-native-home-process-copy,
.sf-native-home-process-copy p {
  margin: 0 !important;
  color: rgba(243,241,234,.68) !important;
  font-family: Geist, Inter, sans-serif !important;
  font-size: 18px !important;
  line-height: 1.58 !important;
}

html body .sf-native-home-process-grid.e-con {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .sf-native-home-process-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 194px !important;
  margin: 0 !important;
  padding: 28px !important;
  overflow: hidden !important;
  background: #11151B !important;
  border: 1px solid rgba(243,241,234,.12) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

.sf-native-home-process-card > .elementor-widget,
.sf-native-home-process-card > .elementor-widget > .elementor-widget-container {
  width: 100% !important;
  margin: 0 !important;
}

.sf-native-home-process-number,
.sf-native-home-process-number p {
  margin: 0 !important;
  color: #6FD6A3 !important;
  font-family: "Geist Mono", ui-monospace, monospace !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}

.sf-native-home-process-card-title .elementor-heading-title {
  margin: 0 !important;
  color: #F3F1EA !important;
  font-family: Geist, Inter, sans-serif !important;
  font-size: 25px !important;
  font-weight: 600 !important;
  line-height: 1.18 !important;
}

.sf-native-home-process-card-copy,
.sf-native-home-process-card-copy p {
  margin: 0 !important;
  color: rgba(243,241,234,.68) !important;
  font-family: Geist, Inter, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

@media (max-width: 1024px) {
  html body .sf-native-process-grid.e-con { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body .sf-native-home-case-head { flex-direction: column !important; align-items: stretch !important; }
  body .sf-native-home-case-head-main,
  body .sf-native-home-case-head-copy { width: 100% !important; }
  body .sf-native-home-case-card { flex-direction: column !important; align-items: stretch !important; }
  body .sf-native-home-case-screen,
  body .sf-native-home-case-story { flex-basis: 100% !important; width: 100% !important; }
  .sf-native-home-case-image img { height: 360px !important; }
  html body .sf-native-home-process-grid.e-con { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 900px) {
  body .sf-native-answer-card,
  body .sf-native-answer-card.is-primary {
    flex-basis: 100% !important;
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  body .sf-native-answer-grid { gap: 14px !important; }
  body .sf-native-answer-card { padding: 26px 22px !important; }
  .sf-native-kicker,
  .sf-native-kicker p { font-size: 11px !important; }
  .sf-native-answer-copy,
  .sf-native-answer-copy p,
  .sf-native-audience-list .elementor-icon-list-text { font-size: 16px !important; }
  html body .sf-native-process-grid.e-con { grid-template-columns: 1fr !important; gap: 12px !important; }
  body .sf-native-process-card { min-height: 132px !important; padding: 22px !important; }
  .sf-native-process-card-title .elementor-heading-title { font-size: 20px !important; }
  body .sf-native-home-case { padding: 72px 20px !important; }
  body .sf-native-home-case-head { gap: 20px !important; }
  body .sf-native-home-case-grid { margin-top: 36px !important; }
  body .sf-native-home-case-card { padding: 10px !important; }
  body .sf-native-home-case-screen { padding: 8px !important; }
  .sf-native-home-case-image img { height: 250px !important; }
  body .sf-native-home-case-story { gap: 16px !important; padding: 28px 18px 26px !important; }
  .sf-native-home-case-intro,
  .sf-native-home-case-intro p { font-size: 17px !important; }
  .sf-native-home-case-story-copy,
  .sf-native-home-case-story-copy p { font-size: 16px !important; }
  body .sf-native-home-process { padding: 74px 20px !important; }
  body .sf-native-home-process-inner { gap: 32px !important; }
  html body .sf-native-home-process-grid.e-con { grid-template-columns: 1fr !important; gap: 12px !important; }
  body .sf-native-home-process-card { min-height: 164px !important; padding: 22px !important; }
  .sf-native-home-process-copy,
  .sf-native-home-process-copy p { font-size: 16px !important; }
  .sf-native-home-process-card-title .elementor-heading-title { font-size: 22px !important; }
  .sf-native-home-process-card-copy,
  .sf-native-home-process-card-copy p { font-size: 15px !important; }
}

/* SF GLOBAL MOBILE EDGE POLISH V1 */
@media (max-width: 767px) {
  html body .sf-native-service-page .sf-asset-copy h2.elementor-heading-title {
    font-size: clamp(32px, 8.7vw, 34px) !important;
    line-height: 1.08 !important;
  }

  html body .sf-leistungen-v5 .sf-l5-title .elementor-heading-title {
    font-size: clamp(34px, 10vw, 43px) !important;
    line-height: 1.02 !important;
  }
}

@media (max-width: 380px) {
  html body .sf-leistungen-v5 .sf-l5-module-row.e-con {
    grid-template-columns: 30px minmax(0, 1fr) 24px !important;
    column-gap: 12px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  html body
    .sf-leistungen-v5
    .sf-l5-module-title
    .elementor-heading-title {
    font-size: 20px !important;
    line-height: 1.08 !important;
    hyphens: none !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
}
/* SF GLOBAL MOBILE EDGE POLISH V1 END */
/* sf-native-widget-bridge:end */

/* sf-polish-batch-2026-07-25:start */
/* Header-CTA: stabiler Kontrast auf dem hellen Hover-Hintergrund. */
.sf-global-header[data-sf-global-header] .sf-header-cta:hover{
  color:var(--sf-deep)!important;
  -webkit-text-fill-color:var(--sf-deep)!important;
}

/* Case-Hero: Breadcrumb bleibt als einzige sichtbare Zeile oberhalb des H1. */
html body .sf-case-v2 .sf-case-code{
  display:none!important;
}

/* Einheitlicher FAQ-Stil nach dem Standard der nativen Unterleistungsseiten. */
html body :is(.sf-content-page,.sf-leistungen-v5,.sf-contact-v2)
:is(.sf-faq,.sf-l5-faq-accordion,.sf-contact-faq-accordion){
  width:100%!important;
  max-width:none!important;
  margin-inline:0!important;
  border-top:1px solid rgba(5,7,10,.12)!important;
}
html body :is(.sf-content-page,.sf-leistungen-v5,.sf-contact-v2)
:is(.sf-faq,.sf-l5-faq-accordion,.sf-contact-faq-accordion) .elementor-accordion{
  display:block!important;
  gap:0!important;
}
html body :is(.sf-content-page,.sf-leistungen-v5,.sf-contact-v2)
:is(.sf-faq,.sf-l5-faq-accordion,.sf-contact-faq-accordion) .elementor-accordion-item{
  overflow:visible!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid rgba(5,7,10,.12)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body :is(.sf-content-page,.sf-leistungen-v5,.sf-contact-v2)
:is(.sf-faq,.sf-l5-faq-accordion,.sf-contact-faq-accordion) .elementor-tab-title{
  display:flex!important;
  align-items:center!important;
  min-height:72px!important;
  padding:20px 4px!important;
  border:0!important;
  color:#05070A!important;
  font-family:Geist,Inter,sans-serif!important;
  font-size:20px!important;
  font-weight:600!important;
  line-height:1.35!important;
  text-align:left!important;
}
html body :is(.sf-content-page,.sf-leistungen-v5,.sf-contact-v2)
:is(.sf-faq,.sf-l5-faq-accordion,.sf-contact-faq-accordion) .elementor-accordion-title{
  order:1!important;
  flex:1 1 auto!important;
  color:#05070A!important;
  font:inherit!important;
  line-height:inherit!important;
  text-align:left!important;
}
html body :is(.sf-content-page,.sf-leistungen-v5,.sf-contact-v2)
:is(.sf-faq,.sf-l5-faq-accordion,.sf-contact-faq-accordion) .elementor-accordion-icon{
  order:0!important;
  float:none!important;
  flex:0 0 1em!important;
  width:1em!important;
  height:1em!important;
  margin:0 12px 0 0!important;
  color:#05070A!important;
}
html body :is(.sf-content-page,.sf-leistungen-v5,.sf-contact-v2)
:is(.sf-faq,.sf-l5-faq-accordion,.sf-contact-faq-accordion) .elementor-tab-content{
  padding:0 4px 24px!important;
  border:0!important;
  color:#5F646B!important;
  font-family:Geist,Inter,sans-serif!important;
  font-size:17px!important;
  line-height:1.62!important;
}
html body :is(.sf-content-page,.sf-leistungen-v5,.sf-contact-v2)
:is(.sf-faq,.sf-l5-faq-accordion,.sf-contact-faq-accordion) .elementor-tab-content p{
  color:inherit!important;
  font:inherit!important;
  line-height:inherit!important;
}
@media(max-width:767px){
  html body :is(.sf-content-page,.sf-leistungen-v5,.sf-contact-v2)
  :is(.sf-faq,.sf-l5-faq-accordion,.sf-contact-faq-accordion) .elementor-tab-title{
    min-height:64px!important;
    font-size:18px!important;
  }
}
/* sf-polish-batch-2026-07-25:end */
/* sf-header-two-line-cta-spacing-2026-09-23:start */
.elementor-element-sfgh001 .sf-global-header[data-sf-global-header] .sf-header-cta {
  min-height: 58px !important;
  padding: 9px 20px !important;
  gap: 14px !important;
  font-size: 16px;
  line-height: 1.2;
  white-space: nowrap;
}
.elementor-element-sfgh001 .sf-global-header[data-sf-global-header] .sf-header-cta > span:first-child {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.elementor-element-sfgh001 .sf-global-header[data-sf-global-header] .sf-header-cta .sf-free-call {
  display: block;
  margin: 0;
  font-size: 11px;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0;
  opacity: .8;
}
/* sf-header-two-line-cta-spacing-2026-09-23:end */

/* sf-native-service-hero-readability-2026-09-23:start */
html body :is(.elementor-element-381f448,.elementor-element-c6f8d1a,.elementor-element-940c84f,.elementor-element-a65cf6a,.elementor-element-669b220,.elementor-element-51a01b4,.elementor-element-2430a11,.elementor-element-1c58e2d,.elementor-element-e23813f,.elementor-element-eed640f).sf-native-service-page .sf-content-hero .sf-breadcrumb a { color:rgba(243,241,234,.78) !important; }
html body :is(.elementor-element-381f448,.elementor-element-c6f8d1a,.elementor-element-940c84f,.elementor-element-a65cf6a,.elementor-element-669b220,.elementor-element-51a01b4,.elementor-element-2430a11,.elementor-element-1c58e2d,.elementor-element-e23813f,.elementor-element-eed640f).sf-native-service-page .sf-content-hero .sf-breadcrumb a:hover,
html body :is(.elementor-element-381f448,.elementor-element-c6f8d1a,.elementor-element-940c84f,.elementor-element-a65cf6a,.elementor-element-669b220,.elementor-element-51a01b4,.elementor-element-2430a11,.elementor-element-1c58e2d,.elementor-element-e23813f,.elementor-element-eed640f).sf-native-service-page .sf-content-hero .sf-breadcrumb a:focus-visible { color:#F3F1EA !important; }
html body :is(.elementor-element-381f448,.elementor-element-c6f8d1a,.elementor-element-940c84f,.elementor-element-a65cf6a,.elementor-element-669b220,.elementor-element-51a01b4,.elementor-element-2430a11,.elementor-element-1c58e2d,.elementor-element-e23813f,.elementor-element-eed640f).sf-native-service-page .sf-content-hero .sf-hero-focus p {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:8px;
  margin:0;
}
html body :is(.elementor-element-381f448,.elementor-element-c6f8d1a,.elementor-element-940c84f,.elementor-element-a65cf6a,.elementor-element-669b220,.elementor-element-51a01b4,.elementor-element-2430a11,.elementor-element-1c58e2d,.elementor-element-e23813f,.elementor-element-eed640f).sf-native-service-page .sf-content-hero .sf-hero-focus p > span {
  display:inline-flex;
  align-items:center;
  padding:7px 10px;
  color:var(--sf-native-accent);
  background:rgba(17,21,27,.72);
  border:1px solid rgba(var(--sf-native-accent-rgb),.28);
  border-radius:6px;
  font-family:"Geist Mono",ui-monospace,monospace;
  font-size:10px;
  line-height:1.4;
  text-transform:uppercase;
}
html body :is(.elementor-element-381f448,.elementor-element-c6f8d1a,.elementor-element-940c84f,.elementor-element-a65cf6a,.elementor-element-669b220,.elementor-element-51a01b4,.elementor-element-2430a11,.elementor-element-1c58e2d,.elementor-element-e23813f,.elementor-element-eed640f).sf-native-service-page .sf-content-hero .sf-link-button:first-child .elementor-button {
  color:#05070A !important;
  background:#F3F1EA !important;
  border-color:#F3F1EA !important;
}
html body :is(.elementor-element-381f448,.elementor-element-c6f8d1a,.elementor-element-940c84f,.elementor-element-a65cf6a,.elementor-element-669b220,.elementor-element-51a01b4,.elementor-element-2430a11,.elementor-element-1c58e2d,.elementor-element-e23813f,.elementor-element-eed640f).sf-native-service-page .sf-content-hero .sf-link-button .elementor-button-icon,
html body :is(.elementor-element-381f448,.elementor-element-c6f8d1a,.elementor-element-940c84f,.elementor-element-a65cf6a,.elementor-element-669b220,.elementor-element-51a01b4,.elementor-element-2430a11,.elementor-element-1c58e2d,.elementor-element-e23813f,.elementor-element-eed640f).sf-native-service-page .sf-content-hero .sf-link-button .elementor-button-icon svg { color:inherit !important; }
html body :is(.elementor-element-381f448,.elementor-element-c6f8d1a,.elementor-element-940c84f,.elementor-element-a65cf6a,.elementor-element-669b220,.elementor-element-51a01b4,.elementor-element-2430a11,.elementor-element-1c58e2d,.elementor-element-e23813f,.elementor-element-eed640f).sf-native-service-page .sf-content-hero .sf-link-button .elementor-button-icon svg { fill:currentColor !important; }
/* sf-native-service-hero-readability-2026-09-23:end */