:root {
  --home2-primary: #00235a;
  --home2-primary-2: #004d9c;
  --home2-primary-soft: #e6eef7;
  --home2-ink: #111827;
  --home2-text: #3e4656;
  --home2-muted: #6b7280;
  --home2-line: #dce4ee;
  --home2-surface: #ffffff;
  --home2-surface-2: #f6f8fb;
  --home2-teal: #0f9f8f;
  --home2-yellow: #f4bd3d;
  --home2-danger: #c2410c;
  --home2-success: #0f8a61;
  --home2-radius: 10px;
  --home2-radius-sm: 8px;
  --home2-shadow: 0 18px 55px rgba(0, 35, 90, 0.12);
  --home2-top-offset: 126px;
  --home2-navbar-bottom: var(--home2-top-offset);
  --home2-section-y: 64px;
}

html {
  scroll-behavior: smooth;
}

.home2-page {
  color: var(--home2-text);
  background: linear-gradient(rgb(246, 249, 253) 0%, rgb(251, 253, 255) 46%, rgb(247, 251, 255) 100%);
  /*background:
    linear-gradient(180deg, #f7fbff 0, #ffffff 460px),
    #fff;*/
  overflow-x: hidden;
}

.home2-page a {
  text-decoration: none;
}

.home2-page img {
  max-width: 100%;
}

.home2-campaign {
  background: var(--home2-primary);
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.home2-campaign-inner {
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 7px 0;
}

.home2-campaign-left,
.home2-campaign-right {
  display: flex;
  align-items: center;
  gap: 14px;
}

.home2-campaign-left {
  min-width: 0;
  flex: 0 1 auto;
}

.home2-campaign-right {
  flex: 0 0 auto;
}

.home2-campaign-text {
  margin: 0;
  font-weight: 800;
  font-size: 14px;
  line-height: 1.35;
  color: #fff;
}

.home2-campaign-left,
.home2-campaign-right,
.home2-countdown,
.home2-campaign-phone,
.home2-campaign-btn {
  display: inline-flex;
  align-items: center;
}

.home2-countdown {
  gap: 6px;
}

.home2-countdown span {
  min-width: 48px;
  height: 30px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
}

.home2-countdown strong {
  color: #fff;
  font-size: 13px;
  line-height: 1;
}

.home2-countdown small {
  color: rgba(255, 255, 255, 0.78);
  font-size: 10px;
  line-height: 1;
}

.home2-campaign-phone {
  color: #fff;
  font-weight: 800;
  font-size: 14px;
}

.home2-campaign-phone:hover {
  color: #fff;
}

.home2-campaign-btn {
  gap: 7px;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.42);
  border-radius: 9px;
  padding: 8px 12px;
  font-weight: 800;
  font-size: 13px;
  line-height: 1;
  transition: background .2s ease, border-color .2s ease, transform .2s ease;
}

.home2-campaign-btn:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.75);
  transform: translateY(-1px);
}

.home2-header {
  position: sticky;
  top: 0;
  z-index: 995;
  background: rgba(255, 255, 255, 0.96);
  border-bottom: 1px solid rgba(0, 35, 90, 0.09);
  box-shadow: 0 10px 28px rgba(0, 35, 90, 0.07);
  backdrop-filter: blur(14px);
}

.home2-header .navbar {
  min-height: 78px;
  padding: 12px 0;
}

.home2-header .navbar-brand img {
  width: 150px;
  height: auto;
}

.home2-header .nav-link {
  color: #1f2a44;
  font-size: 15px;
  padding: 11px 10px;
  border-radius: 8px;
}

.home2-header .nav-link:hover,
.home2-header .nav-link:focus {
  color: var(--home2-primary-2);
  background: rgba(0, 77, 156, 0.07);
}

.home2-header .dropdown-menu {
  border: 1px solid rgba(0, 35, 90, 0.12);
  border-radius: 10px;
  box-shadow: var(--home2-shadow);
  padding: 6px;
}

.home2-header .dropdown-item {
  border-radius: 8px;
  padding: 12px;
}

.home2-desktop-menu {
  flex: 1 1 auto;
  justify-content: center;
  min-width: 0;
}

.home2-header .navbar-nav {
  position: static;
}

.home2-header .nav-link {
  gap: 6px;
  line-height: 1;
}

.home2-header .nav-link::before,
.home2-header .nav-link::after {
  content: none !important;
  display: none !important;
}

.home2-nav-chevron,
.home2-nav-chevron1 {
  font-size: 10px;
  line-height: 1;
  transition: transform .18s ease;
}

.home2-header .dropdown>.nav-link.show .home2-nav-chevron,
.home2-header .dropdown>.nav-link.show .home2-nav-chevron1 {
  transform: rotate(180deg);
}

.home2-header .home2-mega-dropdown {
  position: static;
}

.home2-header .home2-mega-menu {
  display: block;
  position: fixed !important;
  inset: calc(var(--home2-navbar-bottom, var(--home2-top-offset, 126px)) - 1px) 0 auto 0 !important;
  --home2-mega-shell-height: 440px;
  z-index: 1002;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  max-height: calc(100vh - var(--home2-navbar-bottom, var(--home2-top-offset, 126px)) + 1px);
  margin: 0 !important;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
  border: 0;
  border-top: 4px solid #0872ff;
  border-radius: 0 0 6px 6px;
  background: linear-gradient(180deg, #fff 0%, #fbfdff 100%);
  box-shadow: 0 24px 54px rgba(4, 13, 43, .12);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  clip-path: inset(0 0 100% 0 round 0 0 6px 6px);
  transform: translateY(-18px) scaleY(.985) !important;
  transform-origin: top center;
  will-change: clip-path, opacity, transform;
  transition:
    clip-path .36s cubic-bezier(.16, 1, .3, 1),
    opacity .22s ease,
    visibility .22s ease,
    transform .36s cubic-bezier(.16, 1, .3, 1);
}

.home3-page:not(.home3-nav-scrolled) .home2-header .home2-mega-menu {
  inset: calc(var(--home2-navbar-bottom, var(--home2-top-offset, 126px)) - var(--home3-campaign-height, 0px) - 1px) 0 auto 0 !important;
  max-height: calc(100vh - var(--home2-navbar-bottom, var(--home2-top-offset, 126px)) + var(--home3-campaign-height, 0px) + 1px);
}

.home3-page.home3-nav-scrolled .home2-header .home2-mega-menu {
  inset: calc(var(--home2-navbar-bottom, 78px) - 1px) 0 auto 0 !important;
  max-height: calc(100vh - var(--home2-navbar-bottom, 78px) + 1px);
}

.home2-header .home2-mega-dropdown.show>.home2-mega-menu,
.home2-header .home2-mega-menu.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  display: block !important;
  clip-path: inset(0 0 0 0 round 0 0 6px 6px);
  transform: translateY(0) scaleY(1) !important;
}

body.home2-page.home2-mega-open .home2-header,
body.home3-page.home2-mega-open .home2-header {
  z-index: 1001 !important;
  pointer-events: auto !important;
  transform: none !important;
}

body.home2-page.home2-mega-open .home2-header .home2-mega-dropdown.show>.home2-mega-menu,
body.home2-page.home2-mega-open .home2-header .home2-mega-menu.show,
body.home3-page.home2-mega-open .home2-header .home2-mega-dropdown.show>.home2-mega-menu,
body.home3-page.home2-mega-open .home2-header .home2-mega-menu.show {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 1002 !important;
  clip-path: inset(0 0 0 0 round 0 0 6px 6px) !important;
  transform: translateY(0) scaleY(1) !important;
}

.wc-window.is-open,
body .wc-window.is-open {
  z-index: 2147483003 !important;
}

.wc-launcher,
.wc-nudge,
body .wc-launcher,
body .wc-nudge {
  z-index: 2147483002 !important;
}

iframe[src*="chat.webioo.com.tr"] {
  z-index: 2147483001 !important;
}

.home3-page.home3-nav-hidden:not(.home2-mega-open) .home2-header .home2-mega-menu,
.home3-page.home3-nav-hidden:not(.home2-mega-open) .home2-header .home2-mega-menu.show {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  clip-path: inset(0 0 100% 0 round 0 0 6px 6px) !important;
  transform: translateY(-18px) scaleY(.985) !important;
}

.home2-mega-shell {
  --home2-mega-shell-max: 1580px;
  --home2-mega-tabs-width: clamp(250px, 18vw, 300px);
  --home2-mega-proof-width: clamp(300px, 20vw, 360px);
  width: min(100%, var(--home2-mega-shell-max));
  min-height: var(--home2-mega-shell-height);
  height: var(--home2-mega-shell-height);
  margin: 0 auto;
  padding: 28px clamp(28px, 3.2vw, 58px);
  display: grid;
  grid-template-columns: var(--home2-mega-tabs-width) minmax(560px, 1fr) var(--home2-mega-proof-width);
  column-gap: clamp(26px, 3vw, 52px);
  background: #fff;
  box-sizing: border-box;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity .26s ease .05s, transform .34s cubic-bezier(.16, 1, .3, 1) .03s;
}

.home2-header .home2-mega-dropdown.show>.home2-mega-menu .home2-mega-shell,
.home2-header .home2-mega-menu.show .home2-mega-shell {
  opacity: 1;
  transform: translateY(0);
}

.home2-mega-tabs {
  padding: 0 clamp(18px, 2vw, 28px) 0 0;
  border-right: 1px solid #e5eaf2;
  display: grid;
  align-content: start;
  gap: 8px;
}

.home2-mega-tab {
  position: relative;
  min-height: 38px;
  padding: 10px 14px 10px 50px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  color: #182238;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.1;
  transition: color .16s ease, background .16s ease;
}

.home2-mega-tab i {
  position: absolute;
  left: 18px;
  top: 50%;
  color: #1d2740;
  font-size: 18px;
  transform: translateY(-50%);
  transition: color .16s ease;
}

.home2-mega-tab::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  border-radius: 3px;
  background: transparent;
}

.home2-mega-tab:hover,
.home2-mega-tab:focus-visible,
.home2-mega-tab.is-active {
  color: #0872ff;
  background: #f0f5fc;
}

.home2-mega-tab:hover i,
.home2-mega-tab:focus-visible i,
.home2-mega-tab.is-active i {
  color: #0872ff;
}

.home2-mega-tab.is-active::before {
  background: #0872ff;
}

.home2-mega-services {
  padding: 4px 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(28px, 3vw, 48px);
}

.home2-mega-service-panel {
  grid-column: 1 / -1;
  grid-row: 1;
  align-self: start;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(28px, 3vw, 48px);
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  transform: translateY(14px) scale(.985);
  filter: blur(3px);
  transition:
    max-height .46s cubic-bezier(.16, 1, .3, 1),
    opacity .28s ease,
    transform .46s cubic-bezier(.16, 1, .3, 1),
    filter .28s ease;
}

.home2-mega-service-panel.is-active {
  max-height: 380px;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
  filter: blur(0);
}

.home2-mega-service {
  min-height: 82px;
  padding: 15px 0;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 17px;
  align-items: start;
  border-bottom: 1px solid #e8edf5;
  color: #111827;
  transition:
    opacity .26s ease,
    transform .36s cubic-bezier(.16, 1, .3, 1),
    max-height .36s cubic-bezier(.16, 1, .3, 1),
    min-height .36s cubic-bezier(.16, 1, .3, 1),
    padding .36s cubic-bezier(.16, 1, .3, 1),
    border-color .26s ease,
    background .26s ease;
}

.home2-mega-service:nth-last-child(-n+2) {
  border-bottom: 0;
}

.home2-mega-service-icon {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #0872ff;
  font-size: 28px;
  line-height: 1;
}

.home2-mega-service-copy {
  min-width: 0;
  display: block;
}

.home2-mega-service strong {
  display: block;
  color: #182238;
  font-size: 13.5px;
  line-height: 1.2;
  font-weight: 900;
}

.home2-mega-service small {
  display: block;
  max-width: 245px;
  margin-top: 8px;
  color: #7a8598;
  font-size: 11.5px;
  line-height: 1.55;
  font-weight: 600;
}

.home2-mega-service:hover strong,
.home2-mega-service:focus-visible strong {
  color: #0872ff;
}

.home2-mega-service-child {
  background: linear-gradient(180deg, rgba(240, 245, 252, .6), rgba(255, 255, 255, 0));
}

.home2-generic-mega-links .home2-mega-service-child {
  max-height: 0;
  min-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom-color: transparent;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  transform: translateY(14px) scale(.985);
}

.home2-generic-mega-links .home2-mega-service-child.is-visible-child {
  max-height: 132px;
  min-height: 82px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom-color: #e8edf5;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.home2-generic-mega-links.is-panel-filtering>.home2-mega-service-parent {
  max-height: 0;
  min-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom-color: transparent;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  transform: translateY(-10px) scale(.985);
}

.home2-mega-proof-card {
  padding: 4px 0 4px clamp(24px, 2.4vw, 42px);
  border-left: 1px solid #e5eaf2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
}

.home2-mega-device {
  position: relative;
  width: 268px;
  height: 140px;
  margin: 0 0 20px;
}

.home2-mega-check-card {
  position: absolute;
  left: 0;
  top: 20px;
  width: 72px;
  height: 92px;
  padding: 18px 0 0 19px;
  border-radius: 9px;
  background: #eaf3ff;
}

.home2-mega-check-card span {
  position: relative;
  display: block;
  width: 38px;
  height: 10px;
  margin-bottom: 9px;
  border-radius: 999px;
  background: rgba(8, 114, 255, .12);
}

.home2-mega-check-card span::before {
  content: "";
  position: absolute;
  left: -8px;
  top: 1px;
  width: 6px;
  height: 11px;
  border-right: 2px solid #0872ff;
  border-bottom: 2px solid #0872ff;
  transform: rotate(42deg);
}

.home2-mega-laptop {
  position: absolute;
  left: 50px;
  top: 0;
  width: 168px;
  height: 100px;
  padding: 13px 13px 10px;
  border: 5px solid #141928;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 11px 22px rgba(7, 20, 53, .14);
}

.home2-mega-laptop::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: -11px;
  height: 6px;
  border-radius: 0 0 12px 12px;
  background: linear-gradient(90deg, #d8e0ed, #f8fbff 45%, #b9c4d7);
}

.home2-mega-device-logo {
  position: absolute;
  left: 13px;
  top: 7px;
  color: #0872ff;
  font-size: 5px;
  font-weight: 900;
}

.home2-mega-device-pill {
  position: absolute;
  right: 12px;
  top: 8px;
  width: 31px;
  height: 6px;
  border-radius: 999px;
  background: #0872ff;
}

.home2-mega-laptop strong {
  display: block;
  width: 72px;
  margin-top: 14px;
  color: #182238;
  font-size: 7.5px;
  line-height: 1.22;
  font-weight: 900;
}

.home2-mega-chart {
  position: absolute;
  right: 16px;
  bottom: 24px;
  width: 66px;
  height: 38px;
  display: flex;
  align-items: flex-end;
  gap: 4px;
}

.home2-mega-chart span,
.home2-mega-phone-chart span {
  display: block;
  width: 7px;
  border-radius: 999px 999px 0 0;
  background: linear-gradient(180deg, #4ca2ff, #0872ff);
}

.home2-mega-chart span:nth-child(1) {
  height: 17px;
}

.home2-mega-chart span:nth-child(2) {
  height: 28px;
}

.home2-mega-chart span:nth-child(3) {
  height: 23px;
}

.home2-mega-chart span:nth-child(4) {
  height: 36px;
}

.home2-mega-chart span:nth-child(5) {
  height: 31px;
}

.home2-mega-metrics {
  position: absolute;
  left: 13px;
  right: 13px;
  bottom: 8px;
  display: flex;
  gap: 12px;
  color: #3e4b63;
  font-size: 6px;
  font-weight: 900;
}

.home2-mega-phone {
  position: absolute;
  right: 0;
  top: 34px;
  width: 58px;
  height: 92px;
  padding: 14px 9px 10px;
  border: 5px solid #151928;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 10px 20px rgba(7, 20, 53, .14);
}

.home2-mega-phone::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 6px;
  width: 16px;
  height: 3px;
  border-radius: 999px;
  background: #151928;
  transform: translateX(-50%);
}

.home2-mega-phone-bar {
  display: block;
  width: 25px;
  height: 6px;
  border-radius: 999px;
  background: #0872ff;
}

.home2-mega-phone-chart {
  height: 34px;
  margin-top: 9px;
  display: flex;
  align-items: flex-end;
  gap: 3px;
}

.home2-mega-phone-chart span {
  width: 5px;
}

.home2-mega-phone-chart span:nth-child(1) {
  height: 15px;
}

.home2-mega-phone-chart span:nth-child(2) {
  height: 25px;
}

.home2-mega-phone-chart span:nth-child(3) {
  height: 19px;
}

.home2-mega-phone-chart span:nth-child(4) {
  height: 30px;
}

.home2-mega-phone-lines {
  display: grid;
  gap: 4px;
}

.home2-mega-phone-lines span {
  display: block;
  height: 3px;
  border-radius: 999px;
  background: #dce8fb;
}

.home2-mega-proof {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.home2-mega-proof-icon {
  width: 24px;
  height: 24px;
  margin-top: 1px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  background: #0872ff;
  box-shadow: 0 4px 10px rgba(8, 114, 255, .25);
  font-size: 15px;
}

.home2-mega-proof strong {
  display: block;
  color: #182238;
  font-size: 17px;
  line-height: 1.25;
  font-weight: 900;
}

.home2-mega-proof small {
  display: block;
  max-width: 250px;
  margin-top: 9px;
  color: #7a8598;
  font-size: 12px;
  line-height: 1.45;
  font-weight: 600;
}

.home2-mega-cta {
  width: fit-content;
  min-height: 42px;
  margin-top: 19px;
  padding: 12px 18px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 6px;
  color: #fff;
  background: #0872ff;
  box-shadow: 0 8px 18px rgba(8, 114, 255, .22);
  font-size: 12.5px;
  line-height: 1;
  font-weight: 900;
  transition: background .16s ease, transform .16s ease;
}

.home2-mega-cta:hover,
.home2-mega-cta:focus-visible {
  color: #fff;
  background: #005fe0;
  transform: translateY(-1px);
}

.home2-mega-dropdown-services .home2-mega-shell {
  --home2-mega-tabs-width: clamp(255px, 18vw, 310px);
  --home2-mega-proof-width: clamp(300px, 20vw, 350px);
  padding-top: 22px;
  padding-bottom: 22px;
}

.home2-mega-dropdown-services .home2-mega-services {
  padding: 2px 0;
  column-gap: clamp(26px, 2.8vw, 42px);
  align-content: start;
}

.home2-mega-dropdown-services .home2-mega-service-panel {
  transform: translateY(8px) scale(.992);
}

.home2-mega-dropdown-services .home2-mega-service-panel.is-active {
  min-height: 340px;
  transform: translateY(0) scale(1);
}

.home2-mega-dropdown-services .home2-mega-service {
  min-height: 84px;
  padding: 15px 0;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 17px;
}

.home2-mega-dropdown-services .home2-mega-service-icon {
  width: 37px;
  height: 37px;
  font-size: 28px;
}

.home2-mega-dropdown-services .home2-mega-service strong {
  font-size: 14px;
}

.home2-mega-dropdown-services .home2-mega-service small {
  max-width: 290px;
  margin-top: 7px;
  font-size: 12px;
  line-height: 1.5;
}

.home2-mega-dropdown-services .home2-mega-proof-card {
  padding-left: clamp(22px, 2.8vw, 44px);
}

.home2-mega-dropdown-services .home2-mega-device {
  width: 236px;
  height: 124px;
  margin-bottom: 14px;
  transform: scale(.88);
  transform-origin: left top;
}

.home2-mega-dropdown-services .home2-mega-proof {
  grid-template-columns: 27px minmax(0, 1fr);
  gap: 8px;
}

.home2-mega-dropdown-services .home2-mega-proof-icon {
  width: 22px;
  height: 22px;
  font-size: 14px;
}

.home2-mega-dropdown-services .home2-mega-proof strong {
  font-size: 15.5px;
}

.home2-mega-dropdown-services .home2-mega-proof small {
  margin-top: 7px;
  font-size: 11.5px;
  line-height: 1.4;
}

.home2-mega-dropdown-services .home2-mega-cta {
  min-height: 38px;
  margin-top: 15px;
  padding: 10px 16px;
  font-size: 12px;
}

.home2-generic-mega-shell {
  --home2-mega-tabs-width: clamp(250px, 18vw, 300px);
  --home2-mega-proof-width: clamp(300px, 20vw, 360px);
  grid-template-columns: var(--home2-mega-tabs-width) minmax(520px, 1fr) var(--home2-mega-proof-width);
}

.home2-generic-mega-tabs {
  padding-right: clamp(18px, 2vw, 28px);
}

.home2-generic-mega-links {
  align-content: start;
  min-height: 254px;
}

.home2-generic-mega-links .home2-mega-service {
  min-height: 82px;
}

.home2-generic-mega-card {
  min-height: 100%;
  justify-content: center;
}

.home2-generic-mega-kicker {
  width: fit-content;
  min-height: 28px;
  margin-bottom: 14px;
  padding: 7px 12px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  color: #0872ff;
  background: #eef5ff;
  font-size: 11px;
  line-height: 1;
  font-weight: 900;
}

.home2-generic-mega-card>strong {
  display: block;
  max-width: 250px;
  color: #182238;
  font-size: 17px;
  line-height: 1.25;
  font-weight: 900;
}

.home2-generic-mega-card p {
  max-width: 250px;
  margin: 9px 0 0;
  color: #7a8598;
  font-size: 12px;
  line-height: 1.45;
  font-weight: 600;
}

.home2-mega-dropdown-corporate .home2-mega-menu {
  --home2-mega-shell-height: 440px;
  overflow: hidden;
  max-height: none;
  overscroll-behavior: none;
}

.home2-corporate-mega-shell {
  --home2-mega-tabs-width: clamp(238px, 16vw, 290px);
  --home2-mega-proof-width: clamp(280px, 18vw, 320px);
  padding-top: 22px;
  padding-bottom: 22px;
  grid-template-columns: var(--home2-mega-tabs-width) minmax(680px, 1fr) var(--home2-mega-proof-width);
  column-gap: clamp(20px, 2vw, 30px);
}

.home2-corporate-mega-tabs .home2-mega-tab {
  min-height: 42px;
  padding: 10px 14px 10px 54px;
  font-size: 13.5px;
}

.home2-corporate-mega-tabs {
  max-height: 100%;
  overflow: hidden;
  scrollbar-width: none;
}

.home2-corporate-mega-tabs::-webkit-scrollbar {
  display: none;
}

.home2-corporate-mega-tabs::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(8, 114, 255, .34);
}

.home2-corporate-mega-tabs .home2-mega-tab i {
  left: 20px;
  font-size: 20px;
}

.home2-corporate-mega-content {
  display: block;
  min-width: 0;
  padding: 0;
  overflow: visible;
  height: 334px;
}

.home2-corporate-panel {
  width: 100%;
  max-height: 0;
  min-height: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  transform: translateY(12px);
  transition: max-height .36s cubic-bezier(.16, 1, .3, 1), opacity .24s ease, transform .36s cubic-bezier(.16, 1, .3, 1);
}

.home2-corporate-panel.is-active {
  max-height: 334px;
  min-height: 334px;
  height: 334px;
  overflow: visible;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.home2-corporate-panel-about {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  column-gap: clamp(36px, 3.4vw, 56px);
  row-gap: 0;
  align-content: stretch;
}

.home2-corporate-about-link {
  min-height: 0;
  height: 167px;
  padding: 24px 0 20px;
  position: relative;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  column-gap: 18px;
  row-gap: 9px;
  align-items: start;
  border: 0;
  border-bottom: 1px solid #e8edf5;
  border-radius: 0;
  color: #182238;
  background: transparent;
  box-shadow: none;
  transition: color .18s ease, transform .18s ease, border-color .18s ease;
}

.home2-corporate-about-link:nth-last-child(-n+2) {
  border-bottom: 0;
}

.home2-corporate-about-link>span {
  grid-row: 1 / span 2;
  position: static;
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  color: #0872ff;
  background: transparent;
  font-size: 31px;
  line-height: 1;
}

.home2-corporate-about-link strong {
  grid-column: 2;
  display: block;
  color: #182238;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 900;
}

.home2-corporate-about-link small {
  grid-column: 2;
  display: block;
  max-width: 320px;
  margin-top: 0;
  color: #7a8598;
  font-size: 12.5px;
  line-height: 1.5;
  font-weight: 650;
}

.home2-corporate-about-link:hover,
.home2-corporate-about-link:focus-visible {
  color: #0872ff;
  border-color: #e8edf5;
  background: transparent;
  box-shadow: none;
  transform: translateX(2px);
}

.home2-corporate-panel-regions,
.home2-corporate-panel-catalog,
.home2-corporate-panel-references {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  align-content: start;
}

.home2-corporate-panel-regions {
  grid-template-columns: minmax(330px, 1.02fr) minmax(330px, 1fr);
  grid-template-rows: repeat(2, minmax(0, 1fr));
  align-content: stretch;
}

.home2-corporate-panel-catalog,
.home2-corporate-panel-references {
  display: block;
  overflow: visible;
}

.home2-corporate-panel-catalog .home2-corporate-theme-card,
.home2-corporate-panel-references .home2-corporate-reference-card {
  display: none;
}

.home2-corporate-showcase {
  position: relative;
  width: 100%;
  min-height: 334px;
  display: grid;
  grid-template-columns: minmax(190px, .62fr) minmax(360px, 1fr);
  gap: 16px;
  overflow: visible;
}

.home2-corporate-showcase-copy {
  position: relative;
  z-index: 4;
  min-width: 0;
  padding: 28px 0 0 4px;
}

.home2-corporate-showcase-copy>span {
  min-height: 28px;
  padding: 7px 13px;
  display: inline-flex;
  align-items: center;
  border-radius: 8px;
  color: #0872ff;
  background: #eef5ff;
  font-size: 11px;
  line-height: 1;
  font-weight: 900;
}

.home2-corporate-showcase-copy>strong {
  display: block;
  max-width: 300px;
  margin-top: 18px;
  color: #182238;
  font-size: 25px;
  line-height: 1.08;
  font-weight: 950;
}

.home2-corporate-showcase-copy p {
  max-width: 260px;
  margin: 14px 0 0;
  color: #7a8598;
  font-size: 12.5px;
  line-height: 1.55;
  font-weight: 700;
}

.home2-corporate-showcase-stage {
  position: relative;
  min-width: 0;
  height: 318px;
  margin-top: 8px;
  overflow: visible;
}

.home2-corporate-showcase-shot {
  --home2-shot-x: 0px;
  --home2-shot-y: 0px;
  --home2-shot-rotate: 0deg;
  position: absolute;
  display: block;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  border: 1px solid rgba(8, 114, 255, .18);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 36px rgba(7, 20, 53, .16);
  transform: translate(var(--home2-shot-x), var(--home2-shot-y)) rotate(var(--home2-shot-rotate)) scale(1);
  transform-origin: center;
  transition: transform .22s cubic-bezier(.16, 1, .3, 1), box-shadow .22s ease, border-color .22s ease;
}

.home2-corporate-showcase-shot:hover,
.home2-corporate-showcase-shot:focus-visible {
  z-index: 6;
  border-color: rgba(8, 114, 255, .42);
  box-shadow: 0 24px 46px rgba(8, 114, 255, .2);
  transform: translate(var(--home2-shot-x), calc(var(--home2-shot-y) - 8px)) rotate(var(--home2-shot-rotate)) scale(1.035);
}

.home2-corporate-showcase-shot:active {
  transform: translate(var(--home2-shot-x), calc(var(--home2-shot-y) - 2px)) rotate(var(--home2-shot-rotate)) scale(.985);
  transition-duration: .08s;
}

.home2-corporate-showcase-shot img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.home2-corporate-showcase-shot-1 {
  z-index: 3;
  top: 70px;
  left: 15%;
  width: 72%;
}

.home2-corporate-showcase-shot-2 {
  --home2-shot-rotate: -2deg;
  z-index: 2;
  top: 128px;
  left: -10%;
  width: 56%;
}

.home2-corporate-showcase-shot-3 {
  --home2-shot-rotate: 2deg;
  z-index: 1;
  top: 126px;
  right: -2%;
  width: 54%;
}

.home2-corporate-region-card,
.home2-corporate-theme-card,
.home2-corporate-reference-card {
  min-width: 0;
  height: 334px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #e7edf7;
  border-radius: 8px;
  color: #182238;
  background: #fff;
  box-shadow: 0 14px 32px rgba(7, 20, 53, .07);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.home2-corporate-panel-regions .home2-corporate-region-card:first-child {
  grid-row: 1 / span 2;
}

.home2-corporate-panel-regions .home2-corporate-region-card {
  background: transparent;
  box-shadow: none;
}

.home2-corporate-panel-regions .home2-corporate-region-card:not(:first-child) {
  height: 160px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(155px, 42%);
  align-items: stretch;
}

.home2-corporate-region-card:hover,
.home2-corporate-region-card:focus-visible,
.home2-corporate-theme-card:hover,
.home2-corporate-theme-card:focus-visible,
.home2-corporate-reference-card:hover,
.home2-corporate-reference-card:focus-visible {
  color: #182238;
  border-color: rgba(8, 114, 255, .26);
  box-shadow: 0 18px 38px rgba(8, 114, 255, .12);
  transform: translateY(-3px);
}

.home2-corporate-panel-regions .home2-corporate-region-card:hover,
.home2-corporate-panel-regions .home2-corporate-region-card:focus-visible {
  box-shadow: none;
}

.home2-corporate-region-card:hover,
.home2-corporate-region-card:focus-visible,
.home2-corporate-theme-card:hover,
.home2-corporate-theme-card:focus-visible,
.home2-corporate-reference-card:hover,
.home2-corporate-reference-card:focus-visible,
.home2-corporate-blog-card:hover,
.home2-corporate-blog-card:focus-visible {
  position: relative;
  z-index: 3;
}

.home2-corporate-card-media {
  position: relative;
  height: 126px;
  display: block;
  overflow: hidden;
  background: #f3f7fc;
}

.home2-corporate-card-media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .28s ease;
}

.home2-corporate-panel-regions .home2-corporate-region-card:first-child .home2-corporate-card-media {
  height: 214px;
}

.home2-corporate-panel-regions .home2-corporate-region-card:not(:first-child) .home2-corporate-card-media {
  order: 2;
  height: 100%;
}

.home2-corporate-panel-regions .home2-corporate-card-media {
  background: transparent;
}

.home2-corporate-panel-regions .home2-corporate-card-media img {
  padding: 6px 10px 0;
  object-fit: contain;
  object-position: center bottom;
  box-sizing: border-box;
}

.home2-corporate-panel-regions .home2-corporate-region-card:first-child .home2-corporate-card-media img {
  padding: 18px 18px 0;
}

.home2-corporate-panel-regions .home2-corporate-region-card:not(:first-child) .home2-corporate-card-media img {
  padding: 10px 12px 6px 0;
  object-position: center;
}

.home2-corporate-panel-regions .home2-corporate-card-media>span {
  top: 12px;
  bottom: auto;
}

.home2-corporate-region-card:hover .home2-corporate-card-media img,
.home2-corporate-theme-card:hover .home2-corporate-card-media img,
.home2-corporate-reference-card:hover .home2-corporate-card-media img {
  transform: scale(1.04);
}

.home2-corporate-theme-placeholder {
  position: static !important;
  width: 100%;
  height: 100%;
  padding: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 0 !important;
  color: #0872ff !important;
  background: #eef5ff !important;
  box-shadow: none !important;
  font-size: 30px !important;
}

.home2-corporate-card-media>span {
  position: absolute;
  left: 12px;
  bottom: 12px;
  max-width: calc(100% - 24px);
  min-height: 26px;
  padding: 7px 10px;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  color: #0872ff;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 8px 18px rgba(7, 20, 53, .1);
  font-size: 10.5px;
  line-height: 1;
  font-weight: 900;
}

.home2-corporate-card-body {
  min-width: 0;
  padding: 14px 16px 16px;
  display: block;
}

.home2-corporate-panel-regions .home2-corporate-region-card:not(:first-child) .home2-corporate-card-body {
  order: 1;
  padding: 18px 10px 18px 18px;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 0 10px;
  align-content: center;
  align-items: center;
}

.home2-corporate-card-icon {
  width: 32px;
  height: 32px;
  margin-bottom: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  color: #0872ff;
  background: #eef5ff;
  font-size: 18px;
}

.home2-corporate-panel-regions .home2-corporate-region-card:not(:first-child) .home2-corporate-card-icon {
  width: 30px;
  height: 30px;
  grid-row: 1 / span 2;
  margin: 0;
  font-size: 16px;
}

.home2-corporate-card-body strong {
  display: block;
  color: #182238;
  font-size: 13.5px;
  line-height: 1.25;
  font-weight: 900;
}

.home2-corporate-panel-regions .home2-corporate-region-card:first-child .home2-corporate-card-body strong {
  font-size: 15px;
}

.home2-corporate-card-body small {
  display: -webkit-box;
  margin-top: 8px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  color: #7a8598;
  font-size: 11.5px;
  line-height: 1.45;
  font-weight: 650;
}

.home2-corporate-panel-regions .home2-corporate-region-card:not(:first-child) .home2-corporate-card-body small {
  grid-column: 2;
  -webkit-line-clamp: 2;
  margin-top: 5px;
  font-size: 11px;
}

.home2-corporate-panel-blogs {
  display: grid;
  grid-template-columns: minmax(240px, .9fr) minmax(260px, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 14px;
  align-content: start;
}

.home2-corporate-blog-card {
  min-height: 0;
  padding: 12px;
  display: grid;
  grid-template-columns: 118px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  border: 1px solid #e7edf7;
  border-radius: 8px;
  color: #182238;
  background: #fff;
  box-shadow: 0 12px 26px rgba(7, 20, 53, .06);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.home2-corporate-blog-card:first-child {
  grid-row: 1 / span 2;
  grid-template-columns: 1fr;
  align-content: start;
}

.home2-corporate-blog-card:hover,
.home2-corporate-blog-card:focus-visible {
  color: #182238;
  border-color: rgba(8, 114, 255, .26);
  box-shadow: 0 16px 32px rgba(8, 114, 255, .1);
  transform: translateY(-2px);
}

.home2-corporate-blog-media {
  height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 7px;
  color: #0872ff;
  background: #eef5ff;
  font-size: 27px;
}

.home2-corporate-blog-card:first-child .home2-corporate-blog-media {
  height: 150px;
}

.home2-corporate-blog-media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.home2-corporate-blog-copy {
  min-width: 0;
  display: block;
}

.home2-corporate-blog-copy small {
  display: block;
  margin-bottom: 6px;
  color: #0872ff;
  font-size: 10.5px;
  line-height: 1.2;
  font-weight: 900;
}

.home2-corporate-blog-copy strong {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #182238;
  font-size: 13.5px;
  line-height: 1.25;
  font-weight: 900;
}

.home2-corporate-blog-card:first-child .home2-corporate-blog-copy strong {
  font-size: 15px;
}

.home2-corporate-blog-copy span {
  display: -webkit-box;
  margin-top: 7px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #7a8598;
  font-size: 11.5px;
  line-height: 1.45;
  font-weight: 650;
}

.home2-corporate-mega-card {
  position: relative;
  justify-content: stretch;
  overflow: hidden;
}

.home2-corporate-side-panel {
  position: relative;
  width: 100%;
  min-height: 100%;
  padding: 20px;
  display: none;
  flex-direction: column;
  justify-content: flex-start;
  border: 1px solid #e7edf7;
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(248, 251, 255, .98), rgba(255, 255, 255, .98)),
    #fff;
  box-shadow: 0 16px 34px rgba(7, 20, 53, .06);
}

.home2-corporate-side-panel.is-active {
  display: flex;
}

.home2-corporate-side-icon {
  width: 42px;
  height: 42px;
  margin-bottom: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  color: #0872ff;
  background: #eef5ff;
  font-size: 22px;
}

.home2-corporate-side-panel .home2-generic-mega-kicker {
  position: absolute;
  top: 32px;
  left: 70px;
  margin: 0;
  color: #0872ff;
  background: transparent;
  box-shadow: none;
}

.home2-corporate-side-panel>strong {
  display: block;
  max-width: 250px;
  color: #182238;
  font-size: 18px;
  line-height: 1.22;
  font-weight: 900;
}

.home2-corporate-side-panel p {
  max-width: 250px;
  margin: 9px 0 0;
  color: #7a8598;
  font-size: 12px;
  line-height: 1.45;
  font-weight: 650;
}

.home2-corporate-side-panel .home2-mega-cta {
  width: 100%;
  justify-content: center;
  margin-top: auto;
}

.home2-corporate-side-visual {
  position: relative;
  width: 100%;
  height: 126px;
  margin: 18px 0 17px;
  display: block;
}

.home2-corporate-side-card-image {
  display: flex;
  align-items: center;
  justify-content: center;
}

.home2-corporate-side-card-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 12px 20px rgba(8, 114, 255, .10));
}

.home2-corporate-side-visual-about {
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(246, 250, 255, .82), rgba(255, 255, 255, .72));
}

.home2-side-about-browser {
  position: absolute;
  left: 5px;
  top: 16px;
  width: 72%;
  height: 76px;
  overflow: hidden;
  border: 1px solid #dfe9f7;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 16px 28px rgba(7, 20, 53, .09);
}

.home2-side-about-browser>span {
  position: absolute;
  top: 12px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #d7e6fb;
}

.home2-side-about-browser>span:nth-child(1) {
  left: 12px;
}

.home2-side-about-browser>span:nth-child(2) {
  left: 24px;
}

.home2-side-about-browser>span:nth-child(3) {
  left: 36px;
}

.home2-side-about-browser>i {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 13px;
  height: 34px;
  border-radius: 7px;
  background:
    linear-gradient(90deg, #0872ff 0 38%, transparent 38% 100%),
    repeating-linear-gradient(180deg, #eaf2ff 0 5px, transparent 5px 11px);
}

.home2-side-about-score {
  position: absolute;
  right: 5px;
  top: 28px;
  width: 78px;
  min-height: 58px;
  padding: 10px 11px;
  border: 1px solid #dfe9f7;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 16px 28px rgba(8, 114, 255, .11);
}

.home2-side-about-score b {
  display: block;
  color: #0872ff;
  font-size: 20px;
  line-height: 1;
  font-weight: 950;
}

.home2-side-about-score small {
  display: block;
  width: 38px;
  height: 6px;
  margin-top: 9px;
  border-radius: 999px;
  background: #dcecff;
}

.home2-side-about-stack {
  position: absolute;
  left: 26px;
  right: 26px;
  bottom: 10px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

.home2-side-about-stack i {
  height: 22px;
  border: 1px solid #e1eaf7;
  border-radius: 7px;
  background: #fff;
  box-shadow: 0 10px 18px rgba(7, 20, 53, .06);
}

.home2-corporate-side-gallery {
  overflow: visible;
}

.home2-corporate-side-gallery-item {
  position: absolute;
  display: block;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  border: 1px solid rgba(8, 114, 255, .18);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 16px 30px rgba(7, 20, 53, .13);
}

.home2-corporate-side-gallery-item img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.home2-corporate-side-gallery-item-1 {
  z-index: 3;
  top: 8px;
  left: 14%;
  width: 72%;
}

.home2-corporate-side-gallery-item-2 {
  z-index: 2;
  top: 48px;
  left: 0;
  width: 56%;
  transform: rotate(-4deg);
}

.home2-corporate-side-gallery-item-3 {
  z-index: 1;
  top: 50px;
  right: 0;
  width: 56%;
  transform: rotate(4deg);
}

.home2-corporate-side-fallback {
  display: grid;
  align-content: center;
  gap: 9px;
}

.home2-corporate-side-fallback>span {
  height: 34px;
  border: 1px solid #dfe9f7;
  border-radius: 8px;
  background:
    linear-gradient(90deg, #eef5ff 0 42px, transparent 42px),
    repeating-linear-gradient(180deg, #eaf2ff 0 5px, transparent 5px 13px),
    #fff;
  box-shadow: 0 12px 24px rgba(7, 20, 53, .07);
}

.home2-corporate-side-fallback>span:nth-child(2) {
  margin-left: 18px;
}

.home2-corporate-side-fallback>span:nth-child(3) {
  margin-right: 24px;
}

.home2-corporate-side-panel-regions {
  position: relative;
  justify-content: flex-start;
  padding: 18px;
}

.home2-corporate-side-panel-regions .home2-corporate-side-icon {
  width: 42px;
  height: 42px;
  margin-bottom: 0;
  border-radius: 9px;
  font-size: 22px;
}

.home2-corporate-side-panel-regions .home2-generic-mega-kicker {
  position: absolute;
  top: 32px;
  left: 70px;
  margin: 0;
  color: #0872ff;
  background: transparent;
  box-shadow: none;
}

.home2-corporate-region-map {
  position: relative;
  width: 100%;
  height: 128px;
  margin: 18px 0 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.home2-corporate-region-map::before,
.home2-corporate-region-map::after {
  display: none;
}

.home2-corporate-region-map img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 12px 20px rgba(8, 114, 255, .12));
}

.home2-corporate-map-pin {
  position: absolute;
  z-index: 1;
  width: 14px;
  height: 14px;
  border: 2px solid #0872ff;
  border-radius: 50% 50% 50% 0;
  background: #fff;
  box-shadow: 0 5px 12px rgba(8, 114, 255, .22);
  transform: rotate(-45deg);
}

.home2-corporate-map-pin::before {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background: #0872ff;
}

.home2-corporate-map-pin-1 {
  left: 12%;
  top: 55%;
}

.home2-corporate-map-pin-2 {
  left: 36%;
  top: 34%;
}

.home2-corporate-map-pin-3 {
  left: 57%;
  top: 51%;
}

.home2-corporate-map-pin-4 {
  left: 78%;
  top: 43%;
}

.home2-corporate-map-pin-5 {
  left: 88%;
  top: 61%;
}

.home2-corporate-side-panel-regions>strong {
  font-size: 17px;
}

.home2-corporate-side-panel-regions p {
  max-width: 235px;
}

.home2-corporate-side-panel-regions .home2-corporate-side-metrics {
  margin-top: 16px;
}

.home2-corporate-side-panel-regions .home2-mega-cta {
  width: 100%;
  justify-content: center;
}

.home2-corporate-side-metrics {
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.home2-corporate-side-metrics span {
  min-height: 56px;
  padding: 11px 12px;
  display: grid;
  align-content: center;
  border: 1px solid #e5eefb;
  border-radius: 8px;
  background: #f6faff;
}

.home2-corporate-side-metrics b {
  display: block;
  color: #0872ff;
  font-size: 18px;
  line-height: 1;
  font-weight: 950;
}

.home2-corporate-side-metrics small {
  display: block;
  margin-top: 6px;
  color: #7a8598;
  font-size: 10.5px;
  line-height: 1.1;
  font-weight: 800;
}

@media (max-width: 1399px) {
  .home2-mega-shell {
    --home2-mega-tabs-width: clamp(220px, 18vw, 260px);
    --home2-mega-proof-width: clamp(270px, 21vw, 320px);
    padding-right: clamp(24px, 2.6vw, 38px);
    padding-left: clamp(24px, 2.6vw, 38px);
    grid-template-columns: var(--home2-mega-tabs-width) minmax(430px, 1fr) var(--home2-mega-proof-width);
    column-gap: clamp(22px, 2.4vw, 34px);
  }

  .home2-generic-mega-shell {
    grid-template-columns: var(--home2-mega-tabs-width) minmax(400px, 1fr) var(--home2-mega-proof-width);
  }

  .home2-corporate-mega-shell {
    grid-template-columns: var(--home2-mega-tabs-width) minmax(620px, 1fr) var(--home2-mega-proof-width);
  }

  .home2-corporate-panel-regions {
    grid-template-columns: minmax(300px, 1fr) minmax(300px, 1fr);
  }

  .home2-corporate-showcase {
    grid-template-columns: minmax(170px, .56fr) minmax(340px, 1fr);
    gap: 12px;
  }

  .home2-corporate-showcase-copy {
    padding-top: 24px;
  }

  .home2-corporate-showcase-copy>strong {
    max-width: 250px;
    font-size: 22px;
  }

  .home2-corporate-showcase-copy p {
    max-width: 230px;
    font-size: 12px;
  }

  .home2-corporate-showcase-stage {
    height: 300px;
  }

  .home2-corporate-showcase-shot-1 {
    top: 72px;
    left: 14%;
    width: 70%;
  }

  .home2-corporate-showcase-shot-2 {
    top: 128px;
    left: -8%;
    width: 54%;
  }

  .home2-corporate-showcase-shot-3 {
    top: 126px;
    width: 52%;
  }

  .home2-corporate-panel-regions,
  .home2-corporate-panel-catalog,
  .home2-corporate-panel-references {
    gap: 12px;
  }

  .home2-corporate-region-card,
  .home2-corporate-theme-card,
  .home2-corporate-reference-card {
    height: 316px;
  }

  .home2-corporate-panel-regions .home2-corporate-region-card:not(:first-child) {
    height: 152px;
    grid-template-columns: minmax(0, 1fr) minmax(138px, 40%);
  }

  .home2-corporate-card-media {
    height: 118px;
  }

  .home2-corporate-panel-regions .home2-corporate-region-card:first-child .home2-corporate-card-media {
    height: 198px;
  }

  .home2-corporate-panel-regions .home2-corporate-region-card:not(:first-child) .home2-corporate-card-media {
    height: 100%;
  }

  .home2-corporate-about-link {
    height: 158px;
    padding-top: 21px;
    padding-bottom: 18px;
  }

  .home2-corporate-about-link small {
    max-width: 285px;
    font-size: 12px;
  }

  .home2-corporate-blog-card {
    grid-template-columns: 108px minmax(0, 1fr);
  }

  .home2-corporate-blog-card:first-child .home2-corporate-blog-media {
    height: 136px;
  }

  .home2-mega-services,
  .home2-mega-service-panel {
    column-gap: clamp(22px, 2.4vw, 34px);
  }

  .home2-mega-proof-card {
    padding-left: clamp(20px, 2vw, 30px);
  }

  .home2-mega-device {
    transform: scale(.92);
    transform-origin: left top;
  }
}

@media (prefers-reduced-motion: reduce) {

  .home2-header .home2-mega-menu,
  .home2-mega-shell {
    transition: none;
  }
}

.home2-header .btn-gradient {
  min-height: 44px;
  border-radius: 10px;
  padding: 12px 18px;
}

.home2-header .burger-icon {
  width: 44px;
  height: 44px;
  margin-left: 12px;
  border-color: rgba(0, 35, 90, 0.18) !important;
}

.home2-section {
  padding: var(--home2-section-y) 0;
}

.home2-hero {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 44px 0 0;
  overflow: hidden;
  background: linear-gradient(rgb(246, 249, 253) 0%, rgb(251, 253, 255) 46%, rgb(247, 251, 255) 100%);
  /*background:
    linear-gradient(180deg,
      #f7f7f7 0%,
      #eeeeee 12%,
      #dddcdc 30%,
      #dddcdc 46%,
      #d4d8de 56%,
      rgba(0, 35, 90, 0.05) 60%,
      rgba(0, 35, 90, 0.12) 78%,
      rgba(0, 35, 90, 0.24) 100%),
    radial-gradient(ellipse 120% 82% at 50% 0%, rgba(221, 220, 220, 0.72) 0%, transparent 74%),
    #dddcdc;*/
  border-bottom: none;
}

.home2-hero-center {
  order: 1;
  width: 100%;
  text-align: center;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
}

.home2-hero h1 {
  margin: 0;
  color: #000;
  font-size: clamp(48px, 7.2vw, 96px);
  line-height: 1.04;
  letter-spacing: -0.03em;
  font-weight: 900;
}

.home2-hero-subtitle {
  margin: 28px auto 0;
  max-width: 680px;
  color: #3e4656;
  font-size: clamp(16px, 1.5vw, 20px);
  line-height: 1.65;
}

.home2-hero .home2-hero-actions {
  margin-top: 40px;
  display: flex;
  justify-content: center;
}

.home2-hero-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 200px;
  min-height: 56px;
  padding: 16px 38px;
  border-radius: 50px;
  background: #116dff;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0;
  text-decoration: none;
  border: none;
  cursor: pointer;
  transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
  box-shadow: 0 8px 28px rgba(17, 109, 255, 0.22);
}

.home2-hero-cta:hover,
.home2-hero-cta:focus {
  background: #0b5ad4;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 12px 36px rgba(17, 109, 255, 0.32);
}

.home2-hero-cta i {
  font-size: 18px;
  transition: transform 0.25s ease;
}

.home2-hero-cta:hover i {
  transform: translateX(3px);
}

/* ── Hero Showcase Image ── */
.home2-hero-showcase {
  position: relative;
  order: 2;
  width: max-content;
  max-width: none;
  margin: 26px auto 0;
}

.home2-hero-showcase img {
  display: block;
  width: auto;
  max-width: none;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
}

/* ── Hero Showcase Gradient Fade ── */
.home2-hero-showcase::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 160px;
  background: linear-gradient(to bottom,
      transparent 0%,
      rgba(221, 220, 220, 0.12) 16%,
      rgba(0, 35, 90, 0.04) 28%,
      rgba(0, 35, 90, 0.10) 62%,
      rgba(0, 35, 90, 0.20) 100%);
  z-index: 2;
  pointer-events: none;
}


/* ── Shared Button Components ── */
.home2-primary-btn,
.home2-secondary-btn,
.home2-inline-link,
.home2-footer-top-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  border-radius: 10px;
  font-weight: 850;
  line-height: 1;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}

.home2-primary-btn {
  color: #fff;
  background: linear-gradient(135deg, var(--home2-primary), var(--home2-primary-2));
  padding: 15px 20px;
  box-shadow: 0 16px 32px rgba(0, 77, 156, 0.22);
}

.home2-primary-btn:hover,
.home2-primary-btn:focus {
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 20px 38px rgba(0, 77, 156, 0.28);
}

.home2-secondary-btn {
  color: var(--home2-primary);
  background: #fff;
  border: 1px solid rgba(0, 35, 90, 0.16);
  padding: 14px 18px;
}

.home2-secondary-btn:hover,
.home2-secondary-btn:focus {
  color: var(--home2-primary-2);
  border-color: rgba(0, 77, 156, 0.36);
  transform: translateY(-2px);
}

.home2-section-head {
  max-width: 760px;
  margin-bottom: 30px;
}

.home2-section-head-split {
  max-width: none;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 28px;
}

.home2-section-head span,
.home2-audit-copy>span,
.home2-footer-kicker,
.home2-modal-label {
  display: inline-block;
  color: var(--home2-primary-2);
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0;
  margin-bottom: 10px;
}

.home2-section-head h2,
.home2-audit-copy h2 {
  margin: 0;
  color: #071529;
  font-size: clamp(30px, 3.4vw, 48px);
  line-height: 1.08;
  font-weight: 900;
  letter-spacing: 0;
}

.home2-section-head p,
.home2-audit-copy p {
  max-width: 560px;
  margin: 0;
  color: var(--home2-text);
  font-size: 16px;
  line-height: 1.68;
}

.home2-inline-link {
  color: var(--home2-primary);
  min-height: 42px;
  padding: 10px 13px;
  border: 1px solid rgba(0, 35, 90, 0.16);
  background: #fff;
}

.home2-inline-link:hover {
  color: var(--home2-primary-2);
  border-color: rgba(0, 77, 156, 0.35);
  transform: translateY(-1px);
}

.home2-why {
  background: #dddcdc;
}

.home2-why-grid,
.home2-service-grid,
.home2-region-grid,
.home2-blog-grid {
  display: grid;
  gap: 18px;
}

.home2-why-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.home2-why-item,
.home2-process-item,
.home2-service-card,
.home2-region-card,
.home2-blog-card,
.home2-audit-panel,
.home2-blog-empty {
  border: 1px solid rgba(0, 35, 90, 0.1);
  border-radius: var(--home2-radius);
  background: #fff;
}

.home2-why-item {
  padding: 22px;
  min-height: 238px;
}

.home2-why-item i,
.home2-service-title-row i {
  width: 42px;
  height: 42px;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--home2-primary-soft);
  color: var(--home2-primary);
  font-size: 20px;
}

.home2-why-item h3,
.home2-process-item h3,
.home2-service-card h3,
.home2-region-card h3,
.home2-blog-card h3 {
  margin: 16px 0 10px;
  color: #111827;
  font-size: 20px;
  line-height: 1.18;
  font-weight: 900;
  letter-spacing: 0;
}

.home2-why-item p,
.home2-process-item p,
.home2-service-card p,
.home2-region-card p,
.home2-blog-card p,
.home2-blog-empty p {
  margin: 0;
  color: var(--home2-text);
  line-height: 1.62;
}

.home2-process {
  background: var(--home2-surface-2);
}

.home2-process-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border: 1px solid rgba(0, 35, 90, 0.11);
  border-radius: var(--home2-radius);
  overflow: hidden;
  background: #fff;
}

.home2-process-item {
  border: 0;
  border-right: 1px solid rgba(0, 35, 90, 0.1);
  border-radius: 0;
  padding: 26px;
  min-height: 246px;
}

.home2-process-item:last-child {
  border-right: 0;
}

.home2-process-item strong {
  display: inline-flex;
  width: 44px;
  height: 32px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #071529;
  color: #fff;
  font-size: 13px;
}

.home2-service-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.home2-service-card {
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.home2-service-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--home2-shadow);
  border-color: rgba(0, 77, 156, 0.22);
}

.home2-service-image {
  display: block;
  aspect-ratio: 16 / 9;
  background: #edf4fb;
  border-bottom: 1px solid rgba(0, 35, 90, 0.08);
  overflow: hidden;
}

.home2-service-image img,
.home2-region-media img,
.home2-blog-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.home2-service-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    linear-gradient(135deg, rgba(0, 35, 90, 0.1), rgba(15, 159, 143, 0.12)),
    repeating-linear-gradient(90deg, rgba(0, 35, 90, 0.04) 0, rgba(0, 35, 90, 0.04) 1px, transparent 1px, transparent 34px);
}

.home2-service-placeholder i {
  width: 74px;
  height: 74px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #fff;
  color: var(--home2-primary);
  font-size: 34px;
  box-shadow: 0 14px 28px rgba(0, 35, 90, 0.12);
}

.home2-service-body {
  padding: 20px;
}

.home2-service-title-row {
  display: flex;
  align-items: center;
  gap: 12px;
}

.home2-service-title-row h3 {
  margin: 0;
}

.home2-service-title-row a,
.home2-region-card h3 a,
.home2-blog-card h3 a {
  color: #111827;
}

.home2-service-title-row a:hover,
.home2-region-card h3 a:hover,
.home2-blog-card h3 a:hover {
  color: var(--home2-primary-2);
}

.home2-service-body p {
  margin-top: 14px;
}

.home2-subservice-list,
.home2-region-examples {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.home2-subservice-list span,
.home2-region-examples a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  border-radius: 8px;
  background: #f1f5f9;
  color: #334155;
  padding: 7px 9px;
  font-size: 12px;
  font-weight: 800;
}

.home2-work {
  position: relative;
  padding: clamp(36px, 2.25vw, 42px) 0;
  background:
    linear-gradient(180deg, #f6f9fd 0%, #fbfdff 46%, #f7fbff 100%),
    #f7fbff;
  overflow: hidden;
}

.home2-work::before {
  content: none;
  position: absolute;
  inset: 22% -7% 8% 20%;
  pointer-events: none;
  opacity: .42;
  background:
    repeating-linear-gradient(160deg, transparent 0 18px, rgba(0, 103, 255, 0.11) 19px, transparent 20px);
  mask-image: linear-gradient(90deg, transparent 0%, #000 30%, #000 74%, transparent 100%);
}

.home2-work-shell {
  position: relative;
  z-index: 1;
  width: min(1888px, calc(100vw - 72px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: clamp(430px, 31vw, 650px) minmax(0, 1fr);
  align-items: center;
  gap: clamp(34px, 2.35vw, 48px);
}

.home2-work-copy {
  min-width: 0;
  max-width: 650px;
}

.home2-work-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 22px;
  color: #6c9cff;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}

.home2-work-kicker i {
  color: #0a64ff;
  font-size: 10px;
  filter: drop-shadow(0 0 8px rgba(10, 100, 255, 0.45));
}

.home2-work-copy h2 {
  margin: 0;
  color: #071529;
  font-size: clamp(42px, 3.05vw, 62px);
  line-height: 1.08;
  font-weight: 950;
  letter-spacing: 0;
}

.home2-work-copy h2 span {
  display: block;
  color: #0a64ff;
}

.home2-work-copy h2::after {
  content: "";
  display: block;
  width: 48px;
  height: 3px;
  margin-top: 21px;
  border-radius: 999px;
  background: #0a64ff;
}

.home2-work-copy p {
  max-width: 510px;
  margin: 20px 0 0;
  color: #728098;
  font-size: clamp(16px, .95vw, 18px);
  line-height: 1.72;
  font-weight: 600;
}

.home2-work-cta {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  min-height: 55px;
  margin-top: 24px;
  padding: 8px 8px 8px 28px;
  border-radius: 12px;
  color: #fff;
  background: linear-gradient(135deg, #0a64ff, #0051dc);
  box-shadow: 0 18px 34px rgba(10, 100, 255, 0.23);
  font-weight: 900;
  transition: transform .2s ease, box-shadow .2s ease;
}

.home2-work-cta i {
  width: 39px;
  height: 39px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #0a64ff;
  background: #fff;
  font-size: 18px;
}

.home2-work-cta:hover,
.home2-work-cta:focus {
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 22px 40px rgba(10, 100, 255, 0.29);
}

.home2-work-trust {
  margin-top: 43px;
}

.home2-work-trust strong {
  display: block;
  margin-bottom: 16px;
  color: #718096;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.home2-work-brand-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 25px;
}

.home2-work-brand-list span {
  color: #8b98aa;
  font-size: clamp(15px, 1.1vw, 22px);
  line-height: 1;
  font-weight: 900;
  opacity: .82;
  white-space: nowrap;
}

.home2-work-stat-panel {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 30px;
  padding: 18px 20px;
  border: 1px solid rgba(64, 126, 216, 0.16);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 18px 46px rgba(29, 86, 161, 0.11);
  backdrop-filter: blur(12px);
}

.home2-work-stat {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 11px;
}

.home2-work-stat i {
  width: 39px;
  height: 39px;
  flex: 0 0 39px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #0a64ff;
  background: #eaf2ff;
  font-size: 19px;
}

.home2-work-stat strong {
  display: block;
  color: #0a64ff;
  font-size: clamp(20px, 1.45vw, 26px);
  line-height: 1;
  font-weight: 950;
}

.home2-work-stat span {
  display: block;
  margin-top: 4px;
  color: #66758c;
  font-size: 11px;
  line-height: 1.25;
  font-weight: 700;
}

.home2-work-board {
  display: grid;
  justify-self: end;
  width: min(1240px, 100%);
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-rows: 310fr 84fr 252fr;
  gap: 14px;
  aspect-ratio: 1240 / 674;
  min-width: 0;
}

.home2-work-card {
  position: relative;
  display: block;
  min-width: 0;
  min-height: 0;
  border: 1px solid rgba(64, 126, 216, 0.12);
  border-radius: 10px;
  overflow: hidden;
  background: transparent;
  box-shadow: none;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.home2-work-card:hover,
.home2-work-card:focus-visible {
  border-color: rgba(74, 138, 255, .28);
  box-shadow: none;
  transform: translateY(-2px);
}

.home2-work-card:focus-visible {
  outline: 0;
}

.home2-work-card>img {
  position: absolute;
  z-index: 1;
  display: block;
  width: auto;
  height: auto;
  max-width: none;
  object-fit: contain;
  object-position: center bottom;
}

.home2-work-card-main>img {
  inset: 56px 10px 0;
  width: calc(100% - 20px);
  height: calc(100% - 56px);
}

.home2-work-card-commerce>img {
  inset: 54px 10px 0;
  width: calc(100% - 20px);
  height: calc(100% - 54px);
}

.home2-work-card-mobile>img {
  left: 0;
  top: 18px;
  right: 0;
  bottom: 0;
  width: 100%;
  height: calc(100% - 18px);
}

.home2-work-card-system>img {
  inset: 54px 10px 0;
  width: calc(100% - 20px);
  height: calc(100% - 54px);
}

.home2-work-card-main {
  grid-column: 1;
  grid-row: 1 / span 2;
}

.home2-work-card-commerce {
  grid-column: 2;
  grid-row: 1;
}

.home2-work-card-mobile {
  grid-column: 1;
  grid-row: 3;
}

.home2-work-card-mobile>img {
  object-position: left bottom;
}

.home2-work-card-system {
  grid-column: 2;
  grid-row: 2 / span 2;
}

.home2-work-card-system>img {
  object-position: left bottom;
}

.home2-work-card-copy {
  position: absolute;
  z-index: 3;
  inset: 0;
  display: flex;
  flex-direction: column;
  padding: clamp(16px, 1.2vw, 24px);
  pointer-events: none;
}

.home2-work-card-top {
  display: flex;
  align-items: center;
  gap: 16px;
}

.home2-work-card-top {
  min-height: 28px;
}

.home2-work-card-top span {
  color: #6a82a8;
  font-size: 15px;
  line-height: 1;
  font-weight: 950;
}

.home2-work-card-top strong {
  min-width: 0;
  color: #5f90ff;
  font-size: clamp(13px, .85vw, 16px);
  line-height: 1.15;
  font-weight: 950;
}

.home2-work-card-mobile .home2-work-card-copy {
  align-items: flex-end;
  padding: clamp(16px, 1.15vw, 22px);
}

.home2-work-card-mobile .home2-work-card-top {
  width: min(42%, 210px);
  justify-content: flex-end;
}

.home2-work-empty {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 18px;
  padding: 24px;
  color: #153160;
  background: transparent;
}

.home2-work-empty strong {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 950;
}

.home2-work-empty strong span {
  color: #6f89b3;
  font-size: 16px;
}

.home2-work-empty small {
  align-self: flex-start;
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  border-radius: 8px;
  padding: 7px 10px;
  color: #5e6f88;
  background: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(64, 126, 216, 0.15);
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
}

.home2-stats {
  padding: 34px 0;
  background: var(--home2-primary);
}

.home2-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  background: rgba(255, 255, 255, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 10px;
  overflow: hidden;
}

.home2-stat-item {
  min-height: 126px;
  padding: 24px;
  background: rgba(255, 255, 255, 0.08);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.home2-stat-item strong {
  color: #fff;
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1;
  font-weight: 950;
}

.home2-stat-item span {
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.82);
  line-height: 1.45;
}

.home2-audit {
  position: relative;
  overflow: hidden;
  padding: clamp(58px, 4vw, 72px) 0;
  background:
    linear-gradient(180deg, #f6f9fd 0%, #fbfdff 46%, #f7fbff 100%);
}

.home2-audit .container {
  position: relative;
  z-index: 1;
  width: min(1888px, calc(100vw - 72px));
  max-width: none;
}

.home2-audit-grid {
  display: grid;
  grid-template-columns: minmax(460px, .9fr) minmax(650px, 1.1fr);
  gap: clamp(46px, 4.5vw, 92px);
  align-items: center;
}

.home2-audit-copy {
  min-width: 0;
  max-width: 760px;
}

.home2-audit-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 36px;
  margin-bottom: 22px;
  padding: 9px 13px;
  border: 1px solid rgba(10, 100, 255, .12);
  border-radius: 9px;
  color: #0a64ff;
  background: #eaf2ff;
  font-size: 13px;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
}

.home2-audit-kicker i {
  font-size: 15px;
}

.home2-audit-copy h2 {
  max-width: 740px;
  color: #071529;
  font-size: clamp(40px, 2.8vw, 54px);
  line-height: 1.08;
  letter-spacing: -.025em;
  font-weight: 950;
}

.home2-audit-copy h2 span {
  display: block;
  color: #0a64ff;
  white-space: nowrap;
}

.home2-audit-copy>p {
  max-width: 720px;
  margin: 26px 0 0;
  color: #53627a;
  font-size: clamp(16px, 1vw, 19px);
  line-height: 1.7;
  font-weight: 550;
}

.home2-audit-benefits {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px 30px;
  margin-top: 34px;
}

.home2-audit-benefit {
  min-width: 0;
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  gap: 15px;
  align-items: start;
}

.home2-audit-benefit>i {
  width: 50px;
  height: 50px;
  border: 1px solid rgba(10, 100, 255, .1);
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #0a64ff;
  background: #eaf2ff;
  font-size: 22px;
  box-shadow: 0 10px 24px rgba(0, 77, 156, .08);
}

.home2-audit-benefit:nth-child(even)>i {
  color: #002f72;
  background: #e5edf8;
}

.home2-audit-benefit h3 {
  margin: 2px 0 5px;
  color: #10213d;
  font-size: 15px;
  line-height: 1.25;
  font-weight: 600;
}

.home2-audit-benefit p {
  margin: 0;
  color: #708098;
  font-size: 13px;
  line-height: 1.48;
  font-weight: 550;
}

.home2-audit-stage {
  position: relative;
  min-width: 0;
  min-height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 150px 44px 138px;
  isolation: isolate;
}

.home2-audit-stage::before {
  content: "";
  position: absolute;
  z-index: -2;
  top: 128px;
  right: 12px;
  bottom: 108px;
  left: 30px;
  border: 1px solid rgba(10, 100, 255, .12);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(234, 242, 255, .88), rgba(206, 224, 255, .78));
  box-shadow: 0 34px 74px rgba(0, 77, 156, .12);
  transform: rotate(-1.5deg);
}

.home2-audit-stage::after {
  content: "";
  position: absolute;
  z-index: -3;
  inset: 72px -10px 58px 0;
  background:
    radial-gradient(circle, rgba(10, 100, 255, .16) 1.5px, transparent 1.7px) right top / 20px 20px no-repeat,
    radial-gradient(ellipse at center, rgba(10, 100, 255, .14), transparent 68%);
  opacity: .9;
}

.home2-audit-stage-lines {
  position: absolute;
  z-index: -1;
  inset: 58px 8px 44px 6px;
  pointer-events: none;
  opacity: .72;
  background:
    linear-gradient(168deg, transparent 21%, rgba(10, 100, 255, .13) 21.2%, transparent 21.5%),
    linear-gradient(11deg, transparent 68%, rgba(10, 100, 255, .1) 68.2%, transparent 68.5%);
}

.home2-audit-orbit-card {
  position: absolute;
  z-index: 2;
  width: 200px;
  padding: 16px;
  border: 1px solid rgba(0, 35, 90, .1);
  border-radius: 10px;
  color: #41516a;
  background: rgba(255, 255, 255, .95);
  box-shadow: 0 20px 48px rgba(0, 35, 90, .12);
  backdrop-filter: blur(12px);
}

.home2-audit-orbit-card>div {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.home2-audit-orbit-card i {
  width: 38px;
  height: 38px;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #0a64ff;
  background: #eaf2ff;
  font-size: 17px;
}

.home2-audit-orbit-card strong {
  color: #132747;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 900;
}

.home2-audit-orbit-card ul {
  margin: 11px 0 0 48px;
  padding: 0;
  list-style: none;
}

.home2-audit-orbit-card li {
  position: relative;
  padding-left: 10px;
  color: #6a7890;
  font-size: 10px;
  line-height: 1.7;
  font-weight: 650;
}

.home2-audit-orbit-card li::before {
  content: "";
  position: absolute;
  top: .75em;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #0a64ff;
}

.home2-audit-orbit-seo {
  top: 6px;
  left: 18px;
  transform: rotate(-4deg);
}

.home2-audit-orbit-structure {
  top: 12px;
  right: 10px;
  transform: rotate(1deg);
}

.home2-audit-orbit-performance {
  bottom: 8px;
  left: 70px;
  transform: rotate(-3deg);
}

.home2-audit-orbit-security {
  right: 4px;
  bottom: 18px;
  transform: rotate(1.5deg);
}

.home2-audit-signal {
  position: absolute;
  z-index: 1;
  width: 48px;
  height: 48px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: linear-gradient(145deg, #0a64ff, #00377d);
  box-shadow: 0 14px 28px rgba(0, 77, 156, .25);
  font-size: 18px;
}

.home2-audit-signal-stars {
  top: 254px;
  right: -18px;
  transform: rotate(7deg);
}

.home2-audit-signal-chart {
  right: 10px;
  bottom: 72px;
  transform: rotate(7deg);
}

.home2-audit-panel {
  position: relative;
  z-index: 4;
  width: min(100%, 700px);
  padding: 28px 30px 24px;
  border: 1px solid rgba(10, 100, 255, .28);
  border-radius: 14px;
  background: rgba(255, 255, 255, .97);
  box-shadow:
    0 28px 70px rgba(0, 35, 90, .17),
    0 0 0 4px rgba(10, 100, 255, .05);
  backdrop-filter: blur(14px);
}

.home2-audit-panel-head {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  margin-bottom: 22px;
}

.home2-audit-panel-head>i {
  width: 50px;
  height: 50px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #0a64ff;
  background: #eaf2ff;
  font-size: 23px;
}

.home2-audit-panel-head h3 {
  margin: 0;
  color: #10213d;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 900;
}

.home2-audit-panel-head p {
  margin: 5px 0 0;
  color: #77849a;
  font-size: 12px;
  line-height: 1.4;
}

.home2-audit-form>label,
.home2-offer-form label {
  display: block;
  color: #111827;
  font-size: 14px;
  font-weight: 850;
  margin-bottom: 8px;
}

.home2-audit-form>label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.home2-audit-input-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
}

.home2-audit-field {
  position: relative;
  min-width: 0;
}

.home2-audit-field>i {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 16px;
  color: #8a9ab1;
  font-size: 16px;
  transform: translateY(-50%);
  pointer-events: none;
}

.home2-audit-form .home2-audit-field input,
.home2-offer-form input,
.home2-offer-form textarea {
  width: 100%;
  min-height: 54px;
  border: 1px solid rgba(0, 35, 90, .14);
  border-radius: 9px;
  background: #fff;
  color: #111827;
  padding: 12px 16px 12px 44px;
  outline: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.home2-audit-form .home2-audit-field input::placeholder {
  color: #718198;
  font-size: 14px;
  opacity: 1;
}

.home2-audit-form .home2-audit-field input::-moz-placeholder {
  color: #718198;
  font-size: 14px;
  opacity: 1;
}

.home2-audit-form .home2-audit-field input:focus,
.home2-offer-form input:focus,
.home2-offer-form textarea:focus {
  border-color: rgba(10, 100, 255, .58);
  box-shadow: 0 0 0 4px rgba(10, 100, 255, .1);
}

.home2-audit-form button,
.home2-submit-btn {
  min-height: 54px;
  border: 0;
  border-radius: 9px;
  background: linear-gradient(135deg, #0a64ff, #003c87);
  color: #fff;
  padding: 0 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-weight: 900;
  white-space: nowrap;
  box-shadow: 0 14px 26px rgba(0, 77, 156, .2);
  transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}

.home2-audit-form button:hover,
.home2-audit-form button:focus-visible {
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 17px 32px rgba(0, 77, 156, .27);
}

.home2-audit-form button:focus-visible {
  outline: 3px solid rgba(10, 100, 255, .2);
  outline-offset: 3px;
}

.home2-audit-form button:disabled,
.home2-submit-btn:disabled {
  opacity: .72;
  cursor: wait;
}

.home2-audit-help {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 12px 0 0;
  color: #708098;
  font-size: 11px;
  line-height: 1.45;
}

.home2-audit-help i {
  color: #0a64ff;
}

.home2-audit-status {
  min-height: 0;
  margin-top: 0;
  color: #0a64ff;
  font-size: 13px;
  font-weight: 850;
}

.home2-audit-status:not(:empty) {
  min-height: 22px;
  margin-top: 14px;
}

.home2-audit-status.is-error {
  color: var(--home2-danger);
}

.home2-audit-result {
  margin-top: 16px;
  border-top: 1px solid var(--home2-line);
  padding-top: 20px;
}

.home2-audit-summary {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
}

.home2-audit-score {
  width: 112px;
  height: 112px;
  border: 1px solid rgba(10, 100, 255, .14);
  border-radius: 12px;
  background: #eaf2ff;
  color: #003c87;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-weight: 950;
}

.home2-audit-score strong {
  font-size: 38px;
  line-height: 1;
}

.home2-audit-score span {
  font-size: 12px;
}

.home2-audit-result h3 {
  margin: 0 0 8px;
  color: #111827;
  font-size: 20px;
  font-weight: 900;
}

.home2-audit-result p {
  margin: 0;
  color: var(--home2-text);
  line-height: 1.55;
}

.home2-audit-findings {
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
  display: grid;
  gap: 9px;
}

.home2-audit-findings li {
  border: 1px solid rgba(0, 35, 90, 0.1);
  border-radius: 8px;
  padding: 10px 12px;
  color: #334155;
  line-height: 1.45;
  background: #f6f9fd;
}

.home2-audit-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 18px;
}

.home2-audit-metric {
  min-width: 0;
  padding: 11px 9px;
  border: 1px solid rgba(10, 100, 255, .12);
  border-radius: 9px;
  background: #f4f8ff;
  text-align: center;
}

.home2-audit-metric strong,
.home2-audit-metric span {
  display: block;
}

.home2-audit-metric strong {
  color: #075fcf;
  font-size: 22px;
  line-height: 1;
}

.home2-audit-metric span {
  margin-top: 5px;
  color: #526070;
  font-size: 10px;
  line-height: 1.25;
}

.home2-audit-ai-commentary {
  margin-top: 16px;
  padding: 15px;
  border: 1px solid rgba(35, 104, 232, .16);
  border-radius: 10px;
  background: linear-gradient(145deg, #eef4ff, #fff);
}

.home2-audit-ai-commentary-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 9px;
  color: #2368e8;
}

.home2-audit-ai-commentary p {
  white-space: pre-line;
  font-size: 13px;
}

.home2-audit-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.home2-audit-actions button,
.home2-audit-actions a {
  min-height: 42px;
  border-radius: 9px;
  border: 1px solid rgba(0, 35, 90, 0.16);
  background: #fff;
  color: var(--home2-primary);
  padding: 10px 12px;
  font-weight: 900;
}

.home2-audit-actions button:first-child {
  background: linear-gradient(135deg, #0a64ff, #003c87);
  color: #fff;
  border-color: #0a64ff;
}

.home2-regions {
  position: relative;
  overflow: hidden;
  padding: clamp(70px, 5.8vw, 94px) 0 clamp(82px, 6.5vw, 110px);
  background:
    linear-gradient(180deg, #f6f9fd 0%, #fbfdff 46%, #f7fbff 100%);
}

.home2-regions::before,
.home2-regions::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.home2-regions::before {
  top: -210px;
  left: -210px;
  width: 430px;
  height: 430px;
  border-radius: 50%;
  opacity: .42;
  background:
    repeating-radial-gradient(circle, transparent 0 31px, rgba(10, 100, 255, .12) 32px 33px);
}

.home2-regions::after {
  top: 24px;
  right: 28px;
  width: 210px;
  height: 130px;
  opacity: .42;
  background:
    radial-gradient(circle, rgba(10, 100, 255, .24) 1.5px, transparent 1.7px) 0 0 / 18px 18px;
  mask-image: linear-gradient(135deg, #000, transparent 86%);
}

.home2-regions .container {
  position: relative;
  z-index: 1;
  width: min(1800px, calc(100vw - 96px));
  max-width: none;
}

.home2-regions .home2-section-head {
  margin-bottom: 80px;
}

.home2-regions .home2-section-head>div {
  max-width: 760px;
}

.home2-regions .home2-section-head span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  color: #31517d;
  font-size: 13px;
  line-height: 1;
  letter-spacing: .04em;
}

.home2-regions .home2-section-head span::after {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #0a64ff;
  box-shadow: 0 0 0 4px rgba(10, 100, 255, .1);
}

.home2-regions .home2-section-head h2 {
  max-width: 760px;
  color: #071529;
  font-size: clamp(44px, 4.25vw, 68px);
  line-height: 1.02;
  letter-spacing: -.025em;
}

.home2-regions .home2-inline-link {
  align-self: flex-start;
  min-width: 174px;
  min-height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  border: 1px solid rgba(0, 35, 90, .18);
  border-radius: 12px;
  color: #071529;
  background: rgba(255, 255, 255, .72);
  box-shadow: 0 12px 34px rgba(0, 35, 90, .06);
  font-size: 15px;
  font-weight: 900;
  backdrop-filter: blur(10px);
  margin-top: 30px;
}

.home2-regions .home2-inline-link i {
  color: #0a64ff;
  font-size: 17px;
  transition: transform .2s ease;
}

.home2-regions .home2-inline-link:hover,
.home2-regions .home2-inline-link:focus-visible {
  color: #003c87;
  border-color: rgba(10, 100, 255, .34);
  box-shadow: 0 16px 38px rgba(0, 77, 156, .1);
  transform: translateY(-2px);
}

.home2-regions .home2-inline-link:hover i,
.home2-regions .home2-inline-link:focus-visible i {
  transform: translateX(4px);
}

.home2-region-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(16px, 1.35vw, 22px);
}

.home2-region-card {
  --region-accent: #0a64ff;
  --region-accent-rgb: 10, 100, 255;
  --region-stage-a: #eaf3ff;
  --region-stage-b: #6aa2ff;
  --region-device-y-offset: 0px;
  --region-device-rotate: -2.4deg;
  --region-device-hover-rotate: -1.3deg;
  position: relative;
  min-width: 0;
  overflow: visible;
  border: 1px solid rgba(0, 35, 90, .11);
  border-radius: 15px;
  background: #fff;
  box-shadow:
    0 26px 70px rgba(0, 35, 90, .1),
    inset 0 1px 0 rgba(255, 255, 255, .86);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.home2-region-card-web-tasarim {
  --region-device-y-offset: 36px;
}

.home2-region-card-web-yazilim {
  --region-accent: #004d9c;
  --region-accent-rgb: 0, 77, 156;
  --region-stage-a: #dcecff;
  --region-stage-b: #1676df;
  --region-device-y-offset: 24px;
  --region-device-rotate: .7deg;
  --region-device-hover-rotate: .35deg;
}

.home2-region-card-e-ticaret {
  --region-accent: #002f72;
  --region-accent-rgb: 0, 47, 114;
  --region-stage-a: #dfe9f8;
  --region-stage-b: #315f9f;
  --region-device-rotate: 2.1deg;
  --region-device-hover-rotate: 1.1deg;
}

.home2-region-card:hover {
  z-index: 3;
  border-color: rgba(var(--region-accent-rgb), .25);
  box-shadow:
    0 34px 84px rgba(0, 35, 90, .15),
    inset 0 1px 0 rgba(255, 255, 255, .9);
  transform: translateY(-6px);
}

.home2-region-media {
  position: relative;
  z-index: 5;
  display: block;
  height: clamp(300px, 18vw, 340px);
  border-radius: 14px 14px 0 0;
  background:
    linear-gradient(145deg, var(--region-stage-a) 0%, var(--region-stage-b) 100%);
  overflow: visible;
}

.home2-region-media::after {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: inherit;
  background:
    linear-gradient(115deg, rgba(255, 255, 255, .36), transparent 42%),
    radial-gradient(circle at 78% 22%, rgba(255, 255, 255, .24), transparent 26%);
  pointer-events: none;
}

.home2-region-orbit {
  position: absolute;
  z-index: 1;
  top: 30px;
  left: 32px;
  width: 190px;
  height: 190px;
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 50%;
  box-shadow:
    0 0 0 28px rgba(255, 255, 255, .08),
    0 0 0 58px rgba(255, 255, 255, .055);
  pointer-events: none;
}

.home2-region-media img {
  position: absolute;
  z-index: 5;
  top: calc(-70px + var(--region-device-y-offset));
  left: 50%;
  width: 108%;
  max-width: none;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 24px 24px rgba(0, 24, 65, .28));
  transform: translateX(-50%) rotate(var(--region-device-rotate));
  transform-origin: 50% 70%;
  transition: transform .3s ease, filter .3s ease;
}

.home2-region-card:hover .home2-region-media img {
  filter: drop-shadow(0 29px 30px rgba(0, 24, 65, .34));
  transform: translateX(-50%) translateY(-6px) rotate(var(--region-device-hover-rotate));
}

.home2-region-media>span:last-child {
  position: absolute;
  z-index: 6;
  left: 22px;
  bottom: -18px;
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(var(--region-accent-rgb), .12);
  border-radius: 999px;
  background: rgba(255, 255, 255, .97);
  color: var(--region-accent);
  padding: 9px 16px;
  box-shadow: 0 12px 24px rgba(0, 35, 90, .14);
  font-size: 13px;
  line-height: 1;
  font-weight: 950;
}

.home2-region-card>.home2-region-card-body {
  position: relative;
  z-index: 1;
  min-height: 310px;
  margin-top: -1px;
  padding: 80px 28px 27px;
  border-radius: 15px;
  background:
    linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

.home2-region-title-row {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.home2-region-icon {
  width: 58px;
  height: 58px;
  border: 1px solid rgba(var(--region-accent-rgb), .22);
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--region-accent);
  background: rgba(var(--region-accent-rgb), .055);
  font-size: 25px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
}

.home2-region-card .home2-region-title-row h3 {
  margin: 3px 0 9px;
  color: #071529;
  font-size: clamp(19px, 1.28vw, 23px);
  line-height: 1.14;
  letter-spacing: -.01em;
  font-weight: 950;
}

.home2-region-card .home2-region-title-row h3 a {
  color: #071529;
}

.home2-region-card .home2-region-title-row h3 a:hover,
.home2-region-card .home2-region-title-row h3 a:focus {
  color: var(--region-accent);
}

.home2-region-card .home2-region-title-row p {
  max-width: 360px;
  margin: 0;
  color: #53627a;
  font-size: 14px;
  line-height: 1.58;
  font-weight: 550;
}

.home2-region-card .home2-region-examples {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px 10px;
  margin-top: 24px;
}

.home2-region-card .home2-region-examples a {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(var(--region-accent-rgb), .08);
  border-radius: 9px;
  color: #163c78;
  background: rgba(var(--region-accent-rgb), .065);
  padding: 8px 14px;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 800;
  text-align: center;
  transition: transform .2s ease, color .2s ease, border-color .2s ease, background .2s ease;
}

.home2-region-card .home2-region-examples a:hover,
.home2-region-card .home2-region-examples a:focus {
  color: #fff;
  border-color: var(--region-accent);
  background: var(--region-accent);
  transform: translateY(-1px);
}

.home2-region-card .home2-region-examples .home2-region-more {
  gap: 6px;
  color: #5d6d85;
  border-color: rgba(0, 35, 90, .12);
  background: #fff;
}

.home2-region-card .home2-region-examples .home2-region-more i {
  color: var(--region-accent);
  font-size: 11px;
}

.home2-region-card .home2-region-examples .home2-region-more:hover,
.home2-region-card .home2-region-examples .home2-region-more:focus {
  color: #fff;
  border-color: var(--region-accent);
  background: var(--region-accent);
}

.home2-region-card .home2-region-examples .home2-region-more:hover i,
.home2-region-card .home2-region-examples .home2-region-more:focus i {
  color: #fff;
}

.home2-blog {
  background: var(--home2-surface-2);
}

.home2-blog-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.home2-blog-card {
  overflow: hidden;
  background: #fff;
}

.home2-blog-media {
  display: block;
  aspect-ratio: 16 / 9;
  background: #e8f0f8;
}

.home2-blog-media span {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--home2-primary);
  font-size: 46px;
}

.home2-blog-card>div,
.home2-blog-empty {
  padding: 20px;
}

.home2-blog-empty {
  grid-column: 1 / -1;
}

.home2-blog-empty a {
  display: inline-flex;
  margin-top: 12px;
  color: var(--home2-primary);
  font-weight: 900;
}

.home2-footer {
  background: #071529;
  color: rgba(255, 255, 255, 0.74);
  padding: 34px 0 0;
}

.home2-footer-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 26px 0 32px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.home2-footer-top h2 {
  max-width: 720px;
  margin: 0;
  color: #fff;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1.12;
  font-weight: 900;
  letter-spacing: 0;
}

.home2-footer-top-btn {
  color: #071529;
  background: #fff;
  padding: 14px 16px;
  flex: 0 0 auto;
}

.home2-footer-top-btn:hover {
  color: var(--home2-primary);
  transform: translateY(-1px);
}

.home2-footer-main {
  display: grid;
  grid-template-columns: minmax(260px, 0.7fr) minmax(0, 1.3fr);
  gap: 42px;
  padding: 42px 0 34px;
}

.home2-footer-logo img {
  width: 150px;
  height: auto;
  filter: brightness(0) invert(1);
}

.home2-footer-brand p {
  max-width: 360px;
  margin: 18px 0 0;
  line-height: 1.65;
}

.home2-footer-contact,
.home2-footer-social {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.home2-footer-contact a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-weight: 800;
}

.home2-footer-social a {
  width: 38px;
  height: 38px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.home2-footer-links {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 20px;
}

.home2-footer-group h3 {
  margin: 0 0 14px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0;
  font-weight: 900;
}

.home2-footer-group a {
  display: block;
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.35;
  font-size: 14px;
  margin-bottom: 10px;
}

.home2-footer-group a:hover {
  color: #fff;
}

.home2-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 20px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  font-size: 14px;
}

.home2-footer-bottom div {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.home2-footer-bottom a {
  color: rgba(255, 255, 255, 0.78);
}

.home2-floating-contact {
  position: fixed;
  left: 18px;
  bottom: 22px;
  z-index: 1010;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.home2-floating-call {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 52px;
  text-align: center;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
}

.home2-floating-call:after,
.home2-floating-call:before {
  content: "";
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 52px;
  height: 52px;
  transform-origin: center center;
  box-sizing: border-box;
  z-index: 9;
  transition: .5s;
}

.home2-floating-call:after {
  animation: home2CallBackAnim 3s linear infinite;
}

.home2-floating-call:before {
  animation: home2CallBorderAnim 3s -.5s linear infinite;
}

.home2-floating-call-btn {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 26px;
  transition: .5s;
}

.home2-floating-call:hover .home2-floating-call-btn {
  animation: home2CallBounceAnim 1s linear infinite;
}

.home2-floating-call-whatsapp:after {
  background: #25d366;
}

.home2-floating-call-whatsapp:before {
  border: 1px solid #25d366;
}

.home2-floating-call-whatsapp .home2-floating-call-btn {
  background-color: #25d366;
}

.home2-floating-call-whatsapp i {
  color: #fff;
}

.home2-floating-call-phone:after {
  background: var(--home2-primary, #00235a);
}

.home2-floating-call-phone:before {
  border: 1px solid var(--home2-primary, #00235a);
}

.home2-floating-call-phone .home2-floating-call-btn {
  background-color: var(--home2-primary, #00235a);
  font-size: 18px;
}

@media (min-width: 768px) {

  .home2-floating-call,
  .home2-floating-call:after,
  .home2-floating-call:before {
    width: 64px;
    height: 64px;
  }

  .home2-floating-call-btn {
    font-size: 30px;
  }

  .home2-floating-call-phone .home2-floating-call-btn {
    font-size: 22px;
  }
}

@keyframes home2CallBackAnim {
  0% {
    transform: scaleX(.7) scaleY(.7);
  }

  25% {
    transform: scaleX(1.2) scaleY(1.2);
  }

  50% {
    transform: scaleX(1.5) scaleY(1.5);
  }

  65% {
    transform: scaleX(1.2) scaleY(1.2);
    opacity: .7;
  }

  to {
    transform: scaleX(.7) scaleY(.7);
    opacity: 0;
  }
}

@keyframes home2CallBorderAnim {
  0% {
    transform: scaleX(1) scaleY(1);
  }

  50% {
    transform: scaleX(1.5) scaleY(1.5);
  }

  to {
    transform: scaleX(2) scaleY(2);
    opacity: 0;
  }
}

@keyframes home2CallBounceAnim {
  0% {
    transform: rotate(0deg);
  }

  15% {
    transform: rotate(15deg);
  }

  30% {
    transform: rotate(0deg);
  }

  45% {
    transform: rotate(-15deg);
  }

  60% {
    transform: rotate(0deg);
  }
}

.home2-offer-modal .modal-content {
  border: 0;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 28px 70px rgba(0, 35, 90, 0.28);
}

.home2-modal-close {
  position: absolute;
  z-index: 2;
  right: 14px;
  top: 14px;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background-color: #fff;
  opacity: 1;
}

.home2-modal-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.65fr);
  min-height: 560px;
}

.home2-modal-form-panel {
  padding: 34px;
}

.home2-modal-form-panel h2 {
  margin: 0;
  color: #111827;
  font-size: 32px;
  font-weight: 900;
  letter-spacing: 0;
}

.home2-modal-form-panel p {
  margin: 10px 0 24px;
  color: var(--home2-text);
}

.home2-offer-form textarea {
  resize: vertical;
  min-height: 112px;
}

.home2-submit-btn {
  width: 100%;
}

.home2-honeypot {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}

.home2-modal-side {
  background:
    linear-gradient(160deg, var(--home2-primary), #004d9c);
  color: #fff;
  padding: 42px 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.home2-modal-side h3 {
  margin: 0 0 18px;
  color: #fff;
  font-size: 26px;
  font-weight: 900;
  letter-spacing: 0;
}

.home2-modal-side ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 12px;
}

.home2-modal-side li {
  display: flex;
  gap: 9px;
  line-height: 1.48;
  color: rgba(255, 255, 255, 0.86);
}

.home2-modal-phone {
  margin-top: 24px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 44px;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.13);
  color: #fff;
  padding: 10px 12px;
  font-weight: 900;
}

.home2-modal-phone:hover {
  color: #fff;
}

@media (prefers-reduced-motion: reduce) {

  .home2-page *,
  .home2-page *::before,
  .home2-page *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

@media (max-width: 1199.98px) {
  :root {
    --home2-section-y: 56px;
  }

  .home2-audit-grid {
    grid-template-columns: 1fr;
  }

  .home2-why-grid,
  .home2-process-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home2-process-item {
    border-right: 0;
    border-bottom: 1px solid rgba(0, 35, 90, 0.1);
  }

  .home2-process-item:nth-child(odd) {
    border-right: 1px solid rgba(0, 35, 90, 0.1);
  }

  .home2-process-item:nth-last-child(-n+2) {
    border-bottom: 0;
  }

  .home2-service-grid,
  .home2-region-grid,
  .home2-blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home2-work-shell {
    width: min(1080px, calc(100vw - 48px));
    grid-template-columns: 1fr;
    align-items: start;
  }

  .home2-work-copy {
    max-width: 690px;
  }

  .home2-work-board {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: auto;
    aspect-ratio: auto;
  }

  .home2-work-card {
    grid-column: auto;
    grid-row: auto;
  }

  .home2-work-card-main {
    aspect-ratio: 1020 / 848;
  }

  .home2-work-card-commerce {
    aspect-ratio: 854 / 540;
  }

  .home2-work-card-mobile {
    aspect-ratio: 500 / 350;
  }

  .home2-work-card-system {
    aspect-ratio: 1644 / 608;
  }

  .home2-footer-main {
    grid-template-columns: 1fr;
  }

  .home2-footer-links {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 991.98px) {
  .home2-campaign-inner {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px 12px;
    padding: 8px 0;
  }

  .home2-campaign-left,
  .home2-campaign-right {
    display: contents;
  }

  .home2-campaign-text {
    flex: 0 0 100%;
    text-align: center;
    order: 1;
  }

  .home2-countdown {
    order: 2;
  }

  .home2-campaign-btn {
    order: 3;
  }

  .home2-header .navbar {
    min-height: 68px;
  }

  .home2-section-head-split,
  .home2-footer-top,
  .home2-footer-bottom {
    align-items: flex-start;
    flex-direction: column;
  }

  .home2-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home2-work {
    padding-top: 52px;
    padding-bottom: 52px;
  }

  .home2-work::before {
    inset: 28% -24% 8% -8%;
  }

  .home2-work-shell {
    width: calc(100vw - 36px);
  }

  .home2-work-board {
    gap: 12px;
  }

  .home2-work-empty {
    padding: 20px;
  }

  .home2-modal-grid {
    grid-template-columns: 1fr;
  }

  .home2-modal-side {
    padding: 28px;
  }

}

@media (max-width: 767.98px) {
  :root {
    --home2-section-y: 42px;
  }

  .home2-countdown span {
    min-width: 42px;
  }

  .home2-hero {
    padding: 34px 0 0;
  }

  .home2-hero h1 {
    font-size: clamp(32px, 9vw, 44px);
  }

  .home2-primary-btn,
  .home2-secondary-btn {
    width: 100%;
  }

  .home2-why-grid,
  .home2-process-grid,
  .home2-service-grid,
  .home2-region-grid,
  .home2-blog-grid,
  .home2-stats-grid {
    grid-template-columns: 1fr;
  }

  .home2-process-grid {
    border-radius: 10px;
  }

  .home2-process-item,
  .home2-process-item:nth-child(odd) {
    border-right: 0;
    border-bottom: 1px solid rgba(0, 35, 90, 0.1);
  }

  .home2-process-item:last-child {
    border-bottom: 0;
  }

  .home2-work-copy h2 {
    font-size: clamp(34px, 10vw, 46px);
  }

  .home2-work-copy p {
    max-width: none;
    font-size: 15px;
  }

  .home2-work-cta {
    width: 100%;
    justify-content: space-between;
  }

  .home2-work-brand-list {
    gap: 12px 18px;
  }

  .home2-work-stat-panel {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    padding: 14px 12px;
  }

  .home2-work-stat {
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-align: center;
  }

  .home2-work-stat i {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    font-size: 18px;
  }

  .home2-work-stat strong {
    font-size: 20px;
  }

  .home2-work-stat span {
    margin-top: 2px;
    font-size: 10px;
  }

  .home2-work-board {
    grid-template-columns: 1fr;
  }

  .home2-work-card-main,
  .home2-work-card-commerce,
  .home2-work-card-mobile,
  .home2-work-card-system {
    grid-column: 1;
    aspect-ratio: 16 / 11;
  }

  .home2-work-card-main>img,
  .home2-work-card-commerce>img,
  .home2-work-card-mobile>img,
  .home2-work-card-system>img {
    inset: 44px 0 0;
    width: 100%;
    height: calc(100% - 44px);
    object-fit: cover;
    object-position: center top;
  }

  .home2-work-card-mobile .home2-work-card-copy {
    align-items: stretch;
    padding: clamp(16px, 1.2vw, 24px);
  }

  .home2-work-card-mobile .home2-work-card-top {
    width: auto;
    justify-content: flex-start;
  }

  .home2-work-empty {
    min-height: 150px;
  }

  .home2-audit-input-row {
    grid-template-columns: 1fr;
  }

  .home2-audit-form button {
    width: 100%;
  }

  .home2-audit-summary {
    grid-template-columns: 1fr;
  }

  .home2-footer-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home2-modal-form-panel {
    padding: 28px 18px;
  }
}

@media (max-width: 575.98px) {
  .home2-countdown {
    gap: 4px;
  }

  .home2-countdown span {
    min-width: 38px;
    height: 28px;
  }

  .home2-countdown small {
    display: none;
  }

  .home2-section-head h2,
  .home2-audit-copy h2 {
    font-size: 29px;
  }

  .home2-visual-persona {
    width: 62%;
  }

  .home2-visual-persona i {
    width: 76px;
    height: 76px;
    font-size: 34px;
  }

  .home2-visual-card-b {
    top: 104px;
  }

  .home2-footer-links {
    grid-template-columns: 1fr;
  }

  .home2-floating-contact {
    left: 12px;
    bottom: 12px;
  }
}

/* Refinement pass */

.home2-visual-persona {
  top: 52%;
  width: min(64%, 300px);
}

.home2-why {
  position: relative;
  overflow: hidden;
  margin-top: -1px;
  background:
    linear-gradient(180deg,
      rgba(0, 35, 90, 0.20) 0%,
      rgba(0, 35, 90, 0.11) 16%,
      rgba(0, 35, 90, 0.045) 34%,
      #dce3ec 50%,
      #e8edf4 68%,
      #f3f7fb 86%,
      #f8fbff 100%),
    radial-gradient(ellipse 120% 82% at 50% 100%, rgba(232, 238, 246, 0.72) 0%, transparent 74%),
    #eef3f8;
}

.home2-why::before {
  content: none;
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(0, 35, 90, 0.10) 0%, rgba(0, 35, 90, 0.05) 96px, transparent 240px),
    linear-gradient(90deg, transparent 0 18%, rgba(0, 77, 156, 0.04) 18% 18.08%, transparent 18.08% 100%),
    repeating-linear-gradient(90deg, rgba(0, 35, 90, 0.035) 0, rgba(0, 35, 90, 0.035) 1px, transparent 1px, transparent 74px);
}

.home2-why-layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(360px, 0.92fr) minmax(0, 1.08fr);
  align-items: center;
  gap: clamp(34px, 5vw, 74px);
}

.home2-why-media {
  position: relative;
  width: min(100%, 520px);
}

.home2-why-media>img {
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
  border-radius: 0;
  display: block;
  box-shadow: none;
}

.home2-why-content>span {
  display: inline-block;
  margin-bottom: 10px;
  color: var(--home2-primary-2);
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
}

.home2-why-content h2 {
  margin: 0;
  color: #071529;
  font-size: clamp(32px, 4vw, 56px);
  line-height: 1.05;
  letter-spacing: 0;
  font-weight: 900;
}

.home2-why-content>p {
  max-width: 620px;
  margin: 18px 0 0;
  color: var(--home2-text);
  font-size: 17px;
  line-height: 1.65;
}

.home2-why-checks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 28px;
  margin: 26px 0;
}

.home2-why-checks ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 13px;
}

.home2-why-checks li {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #10213d;
  font-size: 15px;
  line-height: 1.25;
  font-weight: 600;
}

.home2-why-checks i {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--home2-primary-soft);
  color: var(--home2-primary-2);
  font-size: 14px;
}

.home2-process {
  background:
    radial-gradient(ellipse 70% 42% at 50% 36%, rgba(0, 77, 156, 0.045), transparent 68%),
    linear-gradient(180deg, #f8fbff 0%, #fbfdff 48%, #f6f9fd 100%);
  overflow: hidden;
}

.home2-process .home2-process-head {
  max-width: 670px;
  margin: 0 auto 18px;
  text-align: center;
}

.home2-process .home2-process-head span {
  min-height: 22px;
  padding: 5px 12px;
  border-radius: 999px;
  border: 1px solid rgba(15, 159, 143, 0.18);
  background: rgba(15, 159, 143, 0.06);
  color: var(--home2-teal);
  font-size: 10px;
  line-height: 1;
  margin-bottom: 9px;
}

.home2-process .home2-process-head h2 {
  font-size: clamp(38px, 4.6vw, 62px);
  line-height: 0.98;
}

.home2-process .home2-process-head p {
  max-width: 470px;
  margin: 14px auto 0;
  color: #526070;
  font-size: 15px;
  line-height: 1.55;
}

.home2-process-map {
  position: relative;
  min-height: 610px;
  margin-top: 12px;
}

.home2-process-item {
  position: absolute;
  z-index: 2;
  width: 514px;
  min-height: 0;
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr);
  gap: 22px;
  align-items: center;
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
  transition: transform .22s ease;
}

.home2-process-item:hover {
  box-shadow: none;
}

.home2-process-node-1 {
  left: 4px;
  top: 64px;
  transform: rotate(-4deg);
}

.home2-process-node-2 {
  right: 14px;
  top: 132px;
  transform: rotate(-5deg);
}

.home2-process-node-3 {
  left: 58px;
  top: 352px;
  transform: rotate(-5deg);
}

.home2-process-node-4 {
  right: -8px;
  top: 406px;
  transform: rotate(-5deg);
}

.home2-process-node-1:hover {
  transform: rotate(-4deg) translateY(-4px);
}

.home2-process-node-2:hover {
  transform: rotate(-5deg) translateY(-4px);
}

.home2-process-node-3:hover {
  transform: rotate(-5deg) translateY(-4px);
}

.home2-process-node-4:hover {
  transform: rotate(-5deg) translateY(-4px);
}

.home2-process-visual {
  position: relative;
  min-height: 166px;
  border-radius: 8px;
  overflow: hidden;
  background:
    linear-gradient(180deg, #ffffff, #f6f9fe);
  border: 1px solid rgba(0, 35, 90, 0.11);
  box-shadow: 0 18px 42px rgba(0, 35, 90, 0.13);
}

.home2-process-visual::before {
  content: "";
  position: absolute;
  top: 11px;
  left: 13px;
  width: 34px;
  height: 6px;
  border-radius: 999px;
  background: radial-gradient(circle, #ff6f61 0 2px, transparent 3px),
    radial-gradient(circle at 50% 50%, #f4bd3d 0 2px, transparent 3px),
    radial-gradient(circle at 100% 50%, #0f9f8f 0 2px, transparent 3px);
  background-size: 12px 6px, 22px 6px, 34px 6px;
  background-repeat: no-repeat;
  pointer-events: none;
}

.home2-process-visual dotlottie-wc {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 176px;
}

.home2-process-copy {
  position: relative;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 9px 12px;
  align-items: flex-start;
  padding: 0;
  transform: rotate(5deg);
}

.home2-process-item strong {
  grid-row: span 3;
  width: 38px;
  height: 38px;
  border-radius: 8px;
  background: #006bdc;
  box-shadow: 0 10px 20px rgba(0, 77, 156, 0.16);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 950;
}

.home2-process-node-4 strong {
  background: #006bdc;
}

.home2-process-item h3 {
  margin: 0;
  color: #071529;
  font-size: 16px;
  line-height: 1.15;
  font-weight: 900;
  letter-spacing: 0;
}

.home2-process-item p {
  grid-column: 2;
  margin: 0;
  color: var(--home2-text);
  font-size: 13px;
  line-height: 1.48;
}

.home2-process-flow {
  position: absolute;
  inset: 0 -34px 0 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  color: rgba(0, 116, 190, 0.72);
  overflow: visible;
  pointer-events: none;
}

.home2-process-flow-path {
  fill: none;
  stroke: currentColor;
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 7 9;
}

.home2-process-flow-b {
  color: rgba(0, 93, 190, 0.66);
}

.home2-process-flow-c {
  color: rgba(0, 116, 190, 0.82);
}

.home2-service-grid {
  gap: 22px;
}

.home2-service-card {
  border-color: rgba(0, 35, 90, 0.09);
}

.home2-service-image {
  aspect-ratio: 16 / 11;
}

.home2-service-body {
  padding: 18px 18px 20px;
}

.home2-service-body h3 {
  margin: 0 0 8px;
  font-size: 24px;
}

.home2-service-body p {
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 50px;
  line-height: 1.55;
}

.home2-service-title-row i,
.home2-subservice-list {
  display: none;
}

.home2-blog {
  background: #fff;
  overflow: hidden;
}

.home2-blog-grid {
  display: flex;
  gap: 18px;
  align-items: stretch;
  min-height: 420px;
}

.home2-blog-card {
  position: relative;
  flex: 0 0 170px;
  min-width: 0;
  height: 420px;
  border: 0;
  border-radius: 10px;
  overflow: hidden;
  background: #e8f0f8;
  box-shadow: none;
  transition: flex-basis .28s ease, transform .2s ease;
}

.home2-blog-card:first-child {
  flex-basis: min(68%, 880px);
}

.home2-blog-card:hover {
  flex-basis: min(68%, 880px);
  transform: translateY(-2px);
}

.home2-blog-media {
  position: absolute;
  inset: 0;
  aspect-ratio: auto;
}

.home2-blog-card>div {
  position: absolute;
  inset: auto 20px 20px 20px;
  z-index: 1;
  padding: 0;
  max-width: 620px;
  color: #fff;
}

.home2-blog-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 20%, rgba(0, 20, 50, 0.76) 100%);
}

.home2-blog-card h3 {
  margin: 0 0 10px;
  font-size: clamp(22px, 2.2vw, 36px);
  line-height: 1.1;
}

.home2-blog-card h3 a {
  color: #fff;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.home2-blog-card p {
  color: rgba(255, 255, 255, 0.84);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.home2-blog-card:not(:first-child) p {
  display: none;
}

.home2-blog-card:not(:first-child) h3 {
  font-size: 18px;
}

.home2-footer-links {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.home2-footer-group a {
  position: relative;
  padding-left: 22px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.home2-footer-group:not(.home2-footer-contact-group) a::before {
  content: ">>";
  position: absolute;
  left: 0;
  top: 0;
  color: rgba(255, 255, 255, 0.44);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: -1px;
}

.home2-footer-contact-group a {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  padding-left: 0;
  white-space: normal;
  overflow: visible;
}

.home2-footer-contact-group i {
  color: #fff;
  opacity: .78;
  margin-top: 1px;
}

.home2-footer-contact-group span {
  min-width: 0;
  line-height: 1.4;
}

@media (max-width: 1199.98px) {
  .home2-why-layout {
    grid-template-columns: 1fr;
  }

  .home2-why-media {
    width: min(100%, 560px);
  }

  .home2-process-map {
    min-height: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px 22px;
    margin-top: 22px;
  }

  .home2-process-flow {
    display: none;
  }

  .home2-process-item,
  .home2-process-node-1,
  .home2-process-node-2,
  .home2-process-node-3,
  .home2-process-node-4,
  .home2-process-node-1:hover,
  .home2-process-node-2:hover,
  .home2-process-node-3:hover,
  .home2-process-node-4:hover {
    position: relative;
    inset: auto;
    width: auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    transform: none;
    border-right: 1px solid rgba(0, 35, 90, 0.11);
    border-bottom: 1px solid rgba(0, 35, 90, 0.11);
    padding: 12px;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.96));
    border-radius: 10px;
    box-shadow: 0 18px 46px rgba(0, 35, 90, 0.09);
  }

  .home2-process-copy {
    transform: none;
  }

  .home2-process-item::after {
    display: none;
  }

}

@media (max-width: 991.98px) {

  .home2-blog-grid {
    overflow-x: auto;
    padding-bottom: 10px;
    scroll-snap-type: x mandatory;
  }

  .home2-process-visual dotlottie-wc {
    height: 180px;
  }

  .home2-blog-card,
  .home2-blog-card:first-child,
  .home2-blog-card:hover {
    flex: 0 0 min(82vw, 520px);
    scroll-snap-align: start;
  }
}

@media (max-width: 767.98px) {
  .home2-process-map {
    grid-template-columns: 1fr;
  }

  .home2-process .home2-process-head {
    text-align: left;
    margin-right: 0;
    margin-left: 0;
  }

  .home2-process-item {
    padding: 12px;
  }

  .home2-process-copy {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 10px;
  }

  .home2-process-item strong {
    width: 48px;
    height: 48px;
  }

  .home2-process-item p {
    grid-column: 2;
  }
}

@media (max-width: 767.98px) {
  .home2-hero {
    padding: 50px 0 0;
  }

  .home2-hero h1 {
    font-size: clamp(34px, 9vw, 52px);
  }

  .home2-hero-showcase {
    margin-top: -22px;
  }

  .home2-primary-btn {
    width: auto;
  }

  .home2-why-checks {
    grid-template-columns: 1fr;
  }

  .home2-service-image {
    aspect-ratio: 16 / 12;
  }

  .home2-blog-grid {
    min-height: 360px;
  }

  .home2-blog-card,
  .home2-blog-card:first-child,
  .home2-blog-card:hover {
    height: 360px;
  }
}

#home2Hero.home2-hero {
  display: block;
  width: 100%;
  padding-top: 44px;
}

#home2Hero>.home2-hero-center {
  display: block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

#home2Hero>.home2-hero-center {
  max-width: 1200px;
  text-align: center;
}

#home2Hero>.home2-hero-showcase {
  display: block;
  width: max-content;
  max-width: none;
  margin-right: auto;
  margin-left: auto;
  margin-top: 8px;
}

@media (max-width: 1799.98px) {

  .home2-hero-showcase,
  #home2Hero>.home2-hero-showcase {
    width: calc(100vw - 10px);
    max-width: 110%;
  }

  .home2-hero-showcase img {
    width: 100%;
    max-width: 100%;
  }
}

/* Reference rebuild hero */
#home2Hero.home2-reference-hero {
  --reference-blue: #1769ff;
  --reference-ink: #06174a;
  --reference-muted: #66728d;
  position: relative;
  display: block;
  width: 100%;
  min-height: calc(100svh - var(--home2-top-offset));
  padding: clamp(22px, 3.6vh, 42px) 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 84% 34%, rgba(23, 105, 255, 0.11) 0, rgba(23, 105, 255, 0.07) 22%, rgba(23, 105, 255, 0) 48%),
    linear-gradient(115deg, #ffffff 0%, #ffffff 58%, #f4f8ff 100%);
  border-bottom: 1px solid rgba(214, 225, 243, 0.42);
}

#home2Hero.home2-reference-hero::before {
  content: "";
  position: absolute;
  right: -110px;
  bottom: -150px;
  width: 560px;
  height: 285px;
  border-radius: 50%;
  background: rgba(23, 105, 255, 0.07);
  filter: blur(1px);
  pointer-events: none;
}

#home2Hero.home2-reference-hero::after {
  content: "";
  position: absolute;
  right: 120px;
  bottom: -210px;
  width: 430px;
  height: 250px;
  border-radius: 50%;
  border: 42px solid rgba(23, 105, 255, 0.045);
  pointer-events: none;
}

.home2-reference-hero-inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.03fr) minmax(420px, 0.97fr);
  align-items: center;
  gap: clamp(36px, 5vw, 78px);
  min-height: calc(100svh - var(--home2-top-offset) - clamp(44px, 7.2vh, 84px));
}

.home2-reference-copy {
  max-width: 660px;
}

.home2-reference-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 31px;
  margin: 0 0 12px;
  padding: 8px 15px 8px 13px;
  color: var(--reference-blue);
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid #dfe7f5;
  border-radius: 999px;
  box-shadow: 0 6px 18px rgba(6, 23, 74, 0.05);
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.home2-reference-kicker i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--reference-blue);
  box-shadow: 0 0 0 4px rgba(23, 105, 255, 0.09);
}

#home2Hero.home2-reference-hero h1,
#home2Hero.home2-reference-hero h2 {
  max-width: 650px;
  margin: 0;
  color: var(--reference-ink);
  font-size: clamp(48px, 5.08vw, 69px);
  line-height: 1.14;
  font-weight: 900;
  letter-spacing: -0.045em;
}

#home2Hero.home2-reference-hero h1 span,
#home2Hero.home2-reference-hero h2 span {
  color: var(--reference-blue);
}

#home2Hero.home2-reference-hero .home2-hero-subtitle {
  max-width: 510px;
  margin: 22px 0 0;
  color: #5f6d88;
  font-size: 18px;
  line-height: 1.62;
  font-weight: 600;
}

.home2-reference-services {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  width: min(620px, calc(100vw - 80px));
  margin-top: 32px;
}

.home2-reference-service {
  min-height: 66px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 10px;
  align-items: center;
  gap: 10px;
  padding: 12px 12px 12px 11px;
  color: var(--reference-ink);
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid #e4ebf5;
  border-radius: 9px;
  box-shadow: 0 14px 30px rgba(6, 23, 74, 0.08);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.home2-reference-service:hover,
.home2-reference-service:focus {
  color: var(--reference-ink);
  border-color: rgba(23, 105, 255, 0.22);
  box-shadow: 0 18px 38px rgba(6, 23, 74, 0.11);
  transform: translateY(-2px);
}

.home2-reference-service-icon,
.home2-reference-round-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #edf3ff;
  color: var(--reference-blue);
}

.home2-reference-service-icon {
  width: 38px;
  height: 38px;
  font-size: 20px;
}

.home2-reference-service-copy {
  min-width: 0;
  display: block;
}

.home2-reference-service-copy strong,
.home2-reference-service-copy small {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.home2-reference-service-copy strong {
  color: var(--reference-ink);
  font-size: 12px;
  line-height: 1.2;
  font-weight: 900;
}

.home2-reference-service-copy small {
  margin-top: 5px;
  color: #7b87a0;
  font-size: 9px;
  line-height: 1.2;
  font-weight: 700;
}

.home2-reference-service-arrow {
  color: #7c8aa4;
  font-size: 12px;
}

.home2-reference-visual {
  position: relative;
  min-height: 360px;
}

.home2-reference-dot-grid {
  position: absolute;
  left: 38px;
  top: 78px;
  width: 118px;
  height: 86px;
  opacity: .46;
  background-image: radial-gradient(circle, rgba(23, 105, 255, 0.52) 1.15px, transparent 1.3px);
  background-size: 15px 15px;
}

.home2-reference-blue-orb {
  position: absolute;
  right: 6px;
  bottom: -54px;
  width: 255px;
  height: 255px;
  border-radius: 50%;
  background: rgba(23, 105, 255, 0.055);
}

.home2-reference-card {
  position: absolute;
  display: grid;
  align-items: center;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(216, 226, 242, 0.82);
  border-radius: 14px;
  box-shadow: 0 22px 55px rgba(13, 43, 100, 0.12);
  backdrop-filter: blur(10px);
}

.home2-reference-card-performance {
  top: 0;
  right: 0;
  width: 326px;
  min-height: 144px;
  grid-template-columns: 52px 1fr 142px;
  gap: 16px;
  padding: 26px 24px 25px 20px;
  transform: rotate(-5deg);
  transform-origin: 50% 50%;
}

.home2-reference-card-traffic {
  top: 132px;
  left: 0;
  width: 332px;
  min-height: 122px;
  grid-template-columns: 56px 1fr 106px;
  gap: 15px;
  padding: 23px 26px 22px 22px;
}

.home2-reference-card-security {
  right: 14px;
  bottom: 0;
  width: 310px;
  min-height: 122px;
  grid-template-columns: 56px 1fr 104px;
  gap: 14px;
  padding: 23px 25px 22px 22px;
  border-radius: 13px;
}

.home2-reference-round-icon {
  width: 43px;
  height: 43px;
  font-size: 20px;
}

.home2-reference-round-icon-blue {
  color: #fff;
  background: var(--reference-blue);
}

.home2-reference-round-icon-users {
  background: #eef4ff;
  color: var(--reference-blue);
}

.home2-reference-round-icon-shield {
  background: #e9fbfb;
  color: #16c7c6;
}

.home2-reference-card-copy small,
.home2-reference-card-copy span {
  display: block;
  line-height: 1.2;
}

.home2-reference-card-copy small {
  color: #5d6a87;
  font-size: 9px;
  font-weight: 900;
}

.home2-reference-card-copy strong {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin-top: 6px;
  color: var(--reference-ink);
  font-size: 24px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -0.04em;
}

.home2-reference-card-copy strong i,
.home2-reference-card-copy b {
  color: var(--reference-blue);
}

.home2-reference-card-copy span {
  margin-top: 9px;
  color: #748099;
  font-size: 9px;
  font-weight: 800;
}

.home2-reference-line-chart {
  width: 142px;
  height: 78px;
  overflow: visible;
}

.home2-reference-bars {
  height: 66px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 13px;
}

.home2-reference-bars span {
  width: 11px;
  border-radius: 4px 4px 2px 2px;
  background: #b9d0ff;
}

.home2-reference-bars span:nth-child(1) {
  height: 16px;
  opacity: .72;
}

.home2-reference-bars span:nth-child(2) {
  height: 30px;
  opacity: .82;
}

.home2-reference-bars span:nth-child(3) {
  height: 41px;
  opacity: .9;
}

.home2-reference-bars span:nth-child(4) {
  height: 48px;
  opacity: .75;
}

.home2-reference-bars span:nth-child(5) {
  height: 66px;
  background: var(--reference-blue);
}

.home2-reference-security-lines {
  display: grid;
  gap: 13px;
  align-content: center;
}

.home2-reference-security-lines span {
  display: block;
  height: 5px;
  border-radius: 99px;
  background: #dfe8ef;
}

.home2-reference-security-lines span:nth-child(1) {
  width: 100%;
}

.home2-reference-security-lines span:nth-child(2) {
  width: 74%;
}

.home2-reference-security-lines span:nth-child(3) {
  width: 42%;
}

.home2-reference-check {
  position: absolute;
  right: 22px;
  bottom: 17px;
  width: 31px;
  height: 31px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #16c7c6;
  background: #e9fbfb;
  font-size: 16px;
}

@media (max-width: 1199.98px) {
  .home2-reference-hero-inner {
    grid-template-columns: minmax(535px, 1fr) minmax(360px, .72fr);
    gap: 18px;
  }

  #home2Hero.home2-reference-hero h1,
  #home2Hero.home2-reference-hero h2 {
    font-size: clamp(44px, 5.2vw, 60px);
  }

  .home2-reference-services {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: none;
  }

  .home2-reference-visual {
    transform: scale(.88);
    transform-origin: center right;
  }
}

@media (max-width: 991.98px) {
  :root {
    --home2-top-offset: 146px;
  }

  #home2Hero.home2-reference-hero {
    padding: 34px 0 44px;
  }

  .home2-reference-hero-inner {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .home2-reference-copy {
    max-width: 720px;
  }

  #home2Hero.home2-reference-hero .home2-hero-subtitle {
    max-width: 560px;
  }

  .home2-reference-services {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: none;
  }

  .home2-reference-visual {
    width: min(100%, 520px);
    margin: 8px auto 0;
    transform: none;
  }
}

@media (max-width: 767.98px) {
  :root {
    --home2-top-offset: 150px;
  }

  #home2Hero.home2-reference-hero {
    min-height: calc(100svh - var(--home2-top-offset));
    padding: 30px 0 38px;
  }

  .home2-reference-kicker {
    margin-bottom: 18px;
    font-size: 10px;
    letter-spacing: .13em;
  }

  #home2Hero.home2-reference-hero h1,
  #home2Hero.home2-reference-hero h2 {
    font-size: clamp(39px, 10.7vw, 50px);
    line-height: 1.1;
  }

  #home2Hero.home2-reference-hero .home2-hero-subtitle {
    max-width: 340px;
    font-size: 16px;
    line-height: 1.58;
  }

  .home2-reference-services {
    grid-template-columns: 1fr;
    margin-top: 26px;
  }

  .home2-reference-visual {
    min-height: 410px;
    margin-top: 12px;
  }

  .home2-reference-card-performance {
    right: 0;
    width: min(100%, 326px);
  }

  .home2-reference-card-traffic {
    top: 140px;
    left: 0;
    width: min(100%, 332px);
  }

  .home2-reference-card-security {
    right: 0;
    bottom: 10px;
    width: min(100%, 310px);
  }
}

@media (max-width: 575.98px) {
  .home2-reference-copy {
    max-width: 100%;
    min-width: 0;
  }

  .home2-reference-visual {
    width: min(100%, 350px);
    min-height: 370px;
  }

  .home2-reference-card {
    grid-template-columns: 48px minmax(0, 1fr) !important;
  }

  .home2-reference-card-performance,
  .home2-reference-card-traffic,
  .home2-reference-card-security {
    width: min(100%, 312px);
    padding: 20px;
  }

  .home2-reference-line-chart,
  .home2-reference-bars,
  .home2-reference-security-lines {
    display: none;
  }
}

/* Anasayfa3 software hero */
.home3-page {
  --home3-campaign-height: 42px;
}

.home3-page .home2-campaign {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  top: 0 !important;
  z-index: 1000 !important;
}

.home3-page .home2-header {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  top: var(--home3-campaign-height) !important;
  z-index: 999 !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  transition: top .28s ease, background .28s ease, border-color .28s ease, box-shadow .28s ease, backdrop-filter .28s ease, transform .28s ease;
}

.home3-page.home3-nav-hidden .home2-header {
  transform: translateY(-100%) !important;
  pointer-events: none !important;
}

.home3-page.home3-nav-scrolled .home2-campaign {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.home3-page.home3-nav-scrolled .home2-header {
  top: 0 !important;
  background: #ffffff !important;
  border-bottom-color: rgba(0, 35, 90, .1) !important;
  box-shadow: 0 14px 34px rgba(4, 13, 43, .12) !important;
  backdrop-filter: none !important;
}

.home3-page.home3-nav-scrolled.home3-nav-hidden .home2-header {
  background: transparent !important;
  border-bottom-color: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.home3-page:not(.home3-nav-scrolled) .home2-header .nav-link,
.home3-page:not(.home3-nav-scrolled) .home2-campaign-text,
.home3-page:not(.home3-nav-scrolled) .home2-campaign-phone {
  color: #fff !important;
}

.home3-page:not(.home3-nav-scrolled) .home2-header .navbar-brand img {
  filter: brightness(0) invert(1);
}

.home3-page.home3-nav-scrolled .home2-header .navbar-brand img {
  filter: none;
}

.home3-page:not(.home3-nav-scrolled) .home2-header .nav-link:hover,
.home3-page:not(.home3-nav-scrolled) .home2-header .nav-link:focus {
  color: #fff !important;
  background: transparent !important;
}

.home3-page:not(.home3-nav-scrolled) .home2-header .btn-gradient,
.home3-page:not(.home3-nav-scrolled) .home2-campaign-btn {
  color: #fff !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.home3-page:not(.home3-nav-scrolled) .home2-countdown span {
  background: transparent !important;
  border-color: transparent !important;
}

/* Mobil hamburger butonu — anasayfa3 (üst hal: koyu hero, scrolled: açık tema) */
.home3-page .home2-header .burger-icon {
  display: inline-flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: center;
  gap: 4px;
  position: relative;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  width: 46px;
  height: 46px;
  margin-left: 12px;
  padding: 0;
  overflow: visible;
  border-radius: 13px !important;
  background: rgba(10, 42, 94, .05);
  border: 1px solid rgba(0, 35, 90, .14) !important;
  box-shadow: none !important;
  transition: background .22s ease, border-color .22s ease, box-shadow .22s ease;
}

@media (min-width: 992px) {
  .home3-page .home2-header .burger-icon {
    display: none !important;
  }
}

.home3-page .home2-header .burger-icon::before,
.home3-page .home2-header .burger-icon::after,
.home3-page .home2-header .burger-icon>span::before,
.home3-page .home2-header .burger-icon>span::after {
  display: none !important;
}

.home3-page .home2-header .burger-icon>span {
  position: static;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  width: 18px !important;
  height: 2px !important;
  margin: 0 !important;
  border-radius: 999px;
  background: #0a2a5e !important;
  transform: none;
  transition: background .22s ease, transform .22s ease, width .22s ease, opacity .22s ease;
}

.home3-page .home2-header .burger-icon.burger-close>span {
  position: absolute;
  top: 50%;
  left: 50%;
}

.home3-page .home2-header .burger-icon.burger-close>span.burger-icon-mid {
  opacity: 0;
}

.home3-page .home2-header .burger-icon.burger-close>span.burger-icon-top {
  width: 20px !important;
  transform: translate(-50%, -50%) rotate(45deg);
}

.home3-page .home2-header .burger-icon.burger-close>span.burger-icon-bottom {
  width: 20px !important;
  transform: translate(-50%, -50%) rotate(-45deg);
}

@media (hover: hover) {
  .home3-page.home3-nav-scrolled .home2-header .burger-icon:hover {
    background: rgba(0, 77, 156, .09);
    border-color: rgba(0, 77, 156, .3) !important;
  }
}

.home3-page:not(.home3-nav-scrolled) .home2-header .burger-icon {
  background: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .26) !important;
  backdrop-filter: blur(6px);
}

.home3-page:not(.home3-nav-scrolled) .home2-header .burger-icon>span {
  background: #fff !important;
}

@media (hover: hover) {
  .home3-page:not(.home3-nav-scrolled) .home2-header .burger-icon:hover {
    background: rgba(255, 255, 255, .18);
    border-color: rgba(255, 255, 255, .42) !important;
  }
}

#home2Hero.home3-software-hero {
  --home3-hero-bg: #090c36;
  --home3-hero-blue: #2d86ff;
  --home3-hero-cyan: #49d7ff;
  --home3-hero-violet: #7446ff;
  --home3-hero-text: #ffffff;
  --home3-hero-muted: rgba(255, 255, 255, .76);
  min-height: 100svh;
  padding: calc(var(--home2-top-offset) + clamp(34px, 4.2vh, 56px)) 0 clamp(28px, 4vh, 44px);
  isolation: isolate;
  background:
    radial-gradient(circle at 50% 42%, rgba(0, 111, 255, .42) 0, rgba(0, 82, 204, .23) 22%, rgba(9, 12, 54, 0) 48%),
    radial-gradient(circle at 23% 34%, rgba(0, 130, 255, .28) 0, rgba(0, 70, 190, .12) 25%, transparent 54%),
    linear-gradient(115deg, #0b174a 0%, #090b35 48%, #170d36 100%);
  border-bottom: 0;
}

#home2Hero.home3-software-hero::before,
#home2Hero.home3-software-hero::after {
  content: none;
  position: absolute;
  inset: auto;
  left: 50%;
  top: 54%;
  z-index: 0;
  border: 1px solid rgba(96, 145, 255, .18);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

#home2Hero.home3-software-hero::before {
  width: min(1000px, 72vw);
  aspect-ratio: 1;
  box-shadow: 0 0 70px rgba(42, 112, 255, .12) inset;
}

#home2Hero.home3-software-hero::after {
  width: min(1340px, 92vw);
  aspect-ratio: 1;
  border-color: rgba(255, 255, 255, .09);
}

.home3-software-hero .home2-reference-hero-inner {
  position: relative;
  z-index: 2;
  display: flex;
  min-height: calc(100svh - var(--home2-top-offset) - clamp(62px, 8vh, 100px));
  align-items: center;
  justify-content: center;
  text-align: center;
}

.home3-software-hero .home2-reference-copy {
  position: relative;
  z-index: 3;
  isolation: isolate;
  max-width: 900px;
  margin: -122px auto 0;
  transform: scale(.94);
  transform-origin: center center;
}

.home3-software-hero .home2-reference-copy::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 48%;
  z-index: -1;
  width: min(1080px, 98vw);
  height: clamp(380px, 50vh, 520px);
  border-radius: 999px;
  background:
    radial-gradient(ellipse at center, rgba(0, 111, 255, .54) 0%, rgba(0, 111, 255, .26) 38%, rgba(0, 111, 255, 0) 80%);
  filter: blur(8px);
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.home3-software-hero .home2-reference-kicker,
.home3-software-hero .home2-reference-copy>h1:not(.home3-hero-title),
.home3-software-hero .home2-reference-copy>h2,
.home3-software-hero .home2-reference-copy>.home2-hero-subtitle,
.home3-software-hero .home2-reference-services,
.home3-software-hero .home2-reference-visual {
  display: none !important;
}

.home3-hero-proof {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  margin: 0 auto 30px;
  padding: 7px 17px 7px 8px;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 999px;
  background: rgba(255, 255, 255, .17);
  box-shadow: 0 18px 55px rgba(0, 0, 0, .18);
  backdrop-filter: blur(14px);
}

.home3-hero-avatars {
  display: inline-flex;
  align-items: center;
}

.home3-hero-avatars img {
  width: 36px;
  height: 36px;
  display: block;
  border: 2px solid #fff;
  border-radius: 50%;
  object-fit: cover;
  background: #fff;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .22);
}

.home3-hero-avatars img+img {
  margin-left: -11px;
}

.home3-hero-stars {
  display: inline-flex;
  align-items: center;
  gap: 1px;
  color: #ffc23d;
  font-size: 19px;
  line-height: 1;
}

.home3-hero-proof strong {
  color: #fff;
  font-size: 19px;
  line-height: 1;
  font-weight: 850;
  white-space: nowrap;
}

#home2Hero.home3-software-hero .home3-hero-title {
  max-width: 920px;
  margin: 0 auto;
  color: var(--home3-hero-text);
  font-size: clamp(52px, 5.25vw, 86px);
  line-height: 1.04;
  letter-spacing: 0;
  font-weight: 650;
  /*text-shadow: 0 4px 26px rgba(1, 6, 29, .74);*/
}

#home2Hero.home3-software-hero .home3-hero-subtitle {
  max-width: 880px;
  margin: 30px auto 0;
  color: var(--home3-hero-muted);
  font-size: clamp(19px, 1.45vw, 26px);
  line-height: 1.25;
  font-weight: 550;
  /*text-shadow: 0 3px 18px rgba(1, 6, 29, .72);*/
}

.home3-hero-partners {
  position: absolute;
  left: 50%;
  bottom: clamp(20px, 4.2vh, 46px);
  z-index: 3;
  width: min(1180px, calc(100% - 56px));
  display: grid;
  justify-items: center;
  gap: 18px;
  transform: translateX(-50%);
}

.home3-hero-partners>span {
  color: rgba(255, 255, 255, .58);
  font-size: 15px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.home3-hero-partner-logos {
  width: 100%;
  min-height: 72px;
  -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, .44) 0, #000 6.5%, #000 93.5%, rgba(0, 0, 0, .44) 100%);
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, .44) 0, #000 6.5%, #000 93.5%, rgba(0, 0, 0, .44) 100%);
}

.home3-hero-partner-track {
  display: flex;
  align-items: center;
  width: 100%;
}

.home3-hero-partner-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: clamp(30px, 4.2vw, 72px);
  width: 100%;
  flex: 1 1 100%;
  padding-inline: clamp(10px, 1.6vw, 24px);
}

.home3-hero-partner-group+.home3-hero-partner-group {
  display: none;
}

.home3-hero-partner-logo {
  min-width: 0;
  min-height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  flex: 0 1 auto;
}

.home3-hero-partner-logo img {
  display: block;
  width: auto;
  max-width: var(--home3-partner-logo-width, 148px);
  max-height: var(--home3-partner-logo-height, 42px);
  object-fit: contain;
  filter: grayscale(1) brightness(0) invert(1);
  opacity: .76;
}

.home3-hero-partner-logo[data-partner-logo="minet"] {
  --home3-partner-logo-width: 104px;
  --home3-partner-logo-height: 42px;
}

.home3-hero-partner-logo[data-partner-logo="labjorn"] {
  --home3-partner-logo-width: 180px;
  --home3-partner-logo-height: 38px;
}

.home3-hero-partner-logo[data-partner-logo="itu"] {
  --home3-partner-logo-width: 112px;
  --home3-partner-logo-height: 46px;
}

.home3-hero-partner-logo[data-partner-logo="samfad"] {
  --home3-partner-logo-width: 108px;
  --home3-partner-logo-height: 50px;
}

.home3-hero-partner-logo[data-partner-logo="nsr"] {
  --home3-partner-logo-width: 164px;
  --home3-partner-logo-height: 44px;
}

.home3-hero-partner-logo[data-partner-logo="etikmat"] {
  --home3-partner-logo-width: 92px;
  --home3-partner-logo-height: 38px;
}

.home3-hero-call-form {
  width: min(510px, 100%);
  min-height: 70px;
  margin: 38px auto 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 156px;
  align-items: center;
  padding: 4px;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 26px 62px rgba(0, 0, 0, .22);
}

.home3-hero-call-form input[type="tel"] {
  width: 100%;
  min-height: 62px;
  padding: 0 22px 0 28px;
  color: #1f2937;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 19px;
  font-weight: 500;
}

.home3-hero-call-form input[type="tel"]::placeholder {
  color: #747984;
  opacity: 1;
}

.home3-hero-call-form button {
  min-height: 62px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 3px solid #fff;
  border-radius: 999px;
  color: #fff;
  background: var(--tc-linear-2, linear-gradient(135deg, #0a64ff 0%, #003c87 100%));
  box-shadow: 0 14px 30px rgba(0, 77, 156, .3);
  font-size: 19px;
  font-weight: 850;
  transition: transform .2s ease, box-shadow .2s ease;
}

.home3-hero-call-form button i {
  font-size: 17px;
  line-height: 1;
}

.home3-hero-call-form button:hover,
.home3-hero-call-form button:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 18px 36px rgba(0, 77, 156, .38);
}

.home3-hero-brand-note {
  margin-top: 68px;
  color: rgba(255, 255, 255, .58);
  font-size: 20px;
  line-height: 1.2;
  font-weight: 800;
}

.home3-infinity-scene {
  position: absolute;
  left: 50%;
  top: 54%;
  z-index: 1;
  width: min(1180px, 88vw);
  transform: translate(-50%, -50%);
  pointer-events: none;
  opacity: .62;
}

.home3-infinity-scene svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
  shape-rendering: geometricPrecision;
}

.home3-infinity-guide {
  fill: none;
  stroke: transparent;
}

.home3-infinity-line,
.home3-infinity-segment {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.home3-infinity-line {
  stroke: rgba(91, 166, 255, .14);
  stroke-width: 2.25;
  filter: url(#home3InfinityGlow);
}

.home3-infinity-segment {
  stroke: rgba(159, 222, 255, .58);
  stroke-width: 2.65;
  opacity: 0;
  transition: opacity .22s linear;
}

.home3-infinity-segment.is-white {
  opacity: .54;
}

.home3-infinity-dot {
  fill: rgba(195, 232, 255, .92);
  opacity: .78;
  filter: url(#home3InfinityDotGlow);
}

.home3-infinity-dot-eraser {
  opacity: .72;
}

@media (prefers-reduced-motion: reduce) {
  .home3-infinity-dot {
    display: none;
  }
}

.home3-hero-side-phone,
.home3-hero-side-browser {
  position: absolute;
  z-index: 2;
  pointer-events: none;
}

.home3-hero-side-phone {
  top: 25%;
  right: max(24px, calc((100vw - 1240px) / 2));
  width: clamp(86px, 7.4vw, 126px);
  height: clamp(154px, 13.2vw, 222px);
  border: 1px solid rgba(167, 217, 255, .24);
  border-radius: 24px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .03)),
    rgba(5, 18, 66, .22);
  box-shadow:
    0 24px 70px rgba(0, 0, 0, .18),
    inset 0 0 0 1px rgba(255, 255, 255, .05);
  opacity: .78;
  transform: rotate(9deg);
  backdrop-filter: blur(8px);
}

.home3-hero-side-phone::before {
  content: "";
  position: absolute;
  inset: 10px;
  border-radius: 18px;
  border: 1px solid rgba(139, 206, 255, .18);
  background:
    radial-gradient(circle at 70% 18%, rgba(129, 207, 255, .28) 0 3px, transparent 4px),
    linear-gradient(180deg, rgba(129, 207, 255, .12), transparent 46%),
    rgba(8, 20, 72, .24);
}

.home3-phone-speaker {
  position: absolute;
  left: 50%;
  top: 18px;
  width: 28px;
  height: 4px;
  border-radius: 99px;
  background: rgba(226, 244, 255, .42);
  transform: translateX(-50%);
}

.home3-phone-screen {
  position: absolute;
  left: 23px;
  right: 23px;
  top: 48px;
  bottom: 24px;
  display: grid;
  gap: 10px;
  align-content: start;
}

.home3-phone-screen i,
.home3-phone-screen b {
  display: block;
  border-radius: 99px;
  background: rgba(174, 223, 255, .28);
}

.home3-phone-screen i:nth-child(1) {
  width: 78%;
  height: 8px;
}

.home3-phone-screen i:nth-child(2) {
  width: 100%;
  height: 34px;
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(129, 207, 255, .22), rgba(255, 255, 255, .08));
}

.home3-phone-screen i:nth-child(3) {
  width: 58%;
  height: 8px;
}

.home3-phone-screen b {
  width: 42px;
  height: 42px;
  margin-top: 8px;
  border-radius: 50%;
  background: rgba(174, 223, 255, .18);
  box-shadow: 46px 0 0 rgba(174, 223, 255, .1);
}

.home3-hero-side-browser {
  left: max(22px, calc((100vw - 1260px) / 2));
  bottom: 16%;
  width: clamp(168px, 16vw, 270px);
  height: clamp(118px, 11.8vw, 190px);
  overflow: hidden;
  border: 1px solid rgba(157, 215, 255, .2);
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .025)),
    rgba(7, 21, 72, .24);
  box-shadow:
    0 24px 72px rgba(0, 0, 0, .16),
    inset 0 0 0 1px rgba(255, 255, 255, .035);
  opacity: .7;
  transform: rotate(-7deg);
  backdrop-filter: blur(8px);
}

.home3-hero-side-browser::after {
  content: "";
  position: absolute;
  inset: -40% -15% auto auto;
  width: 58%;
  height: 90%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(129, 207, 255, .22), transparent 65%);
}

.home3-browser-bar {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 28px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding-left: 13px;
  border-bottom: 1px solid rgba(157, 215, 255, .14);
  background: rgba(255, 255, 255, .04);
}

.home3-browser-bar i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(200, 234, 255, .52);
}

.home3-browser-grid {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 43px;
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 9px;
}

.home3-browser-grid i {
  display: block;
  min-height: 28px;
  border-radius: 8px;
  background: rgba(129, 207, 255, .1);
  border: 1px solid rgba(129, 207, 255, .11);
}

.home3-browser-grid i:nth-child(1) {
  min-height: 48px;
  grid-row: span 2;
  background: linear-gradient(135deg, rgba(129, 207, 255, .18), rgba(255, 255, 255, .04));
}

.home3-browser-grid i:nth-child(4) {
  grid-column: 1 / -1;
  min-height: 18px;
}

.home3-browser-chart {
  position: absolute;
  left: 20px;
  right: 22px;
  bottom: 20px;
  height: 28px;
  border-bottom: 1px solid rgba(129, 207, 255, .18);
}

.home3-browser-chart::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 6px;
  height: 2px;
  border-radius: 99px;
  background: linear-gradient(100deg, rgba(129, 207, 255, .18), rgba(214, 241, 255, .76), rgba(129, 207, 255, .22));
  transform: skewY(-9deg);
}

.home3-hero-orbit,
.home3-hero-glow,
.home3-hero-star {
  display: none !important;
}

.home3-hero-orbit {
  left: 50%;
  top: 56%;
  z-index: 0;
  border: 1px solid rgba(61, 128, 255, .16);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.home3-hero-orbit-one {
  width: min(720px, 58vw);
  aspect-ratio: 1;
}

.home3-hero-orbit-two {
  width: min(1600px, 112vw);
  aspect-ratio: 1;
  border-color: rgba(255, 255, 255, .07);
}

.home3-hero-orbit-three {
  width: min(2060px, 138vw);
  aspect-ratio: 1;
  border-color: rgba(255, 255, 255, .06);
}

.home3-hero-glow {
  z-index: 0;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(44, 159, 255, .52) 0, rgba(44, 159, 255, .16) 20%, transparent 62%);
  filter: blur(2px);
}

.home3-hero-glow-left {
  left: 14%;
  bottom: 10%;
}

.home3-hero-glow-right {
  right: 16%;
  bottom: 7%;
}

.home3-hero-star {
  z-index: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 20px 6px rgba(87, 172, 255, .34);
}

.home3-hero-star-left {
  left: 16.5%;
  bottom: 23%;
}

.home3-hero-star-right {
  right: 30.5%;
  top: 51%;
}

@media (max-width: 991.98px) {
  #home2Hero.home3-software-hero {
    min-height: auto;
    padding: calc(var(--home2-top-offset) + 28px) 0 38px;
  }

  .home3-software-hero .home2-reference-hero-inner {
    min-height: auto;
  }

  .home3-software-hero .home2-reference-copy {
    margin-top: 0;
    transform: scale(.96);
  }

  #home2Hero.home3-software-hero .home3-hero-title {
    font-size: clamp(28px, 5vw, 40px);
  }

  .home3-hero-partners {
    position: relative;
    left: auto;
    bottom: auto;
    width: min(720px, calc(100% - 36px));
    margin: 56px auto 0;
    transform: none;
  }

  .home3-hero-partner-logos {
    min-height: 0;
    overflow: hidden;
  }

  .home3-hero-partner-track {
    width: max-content;
    flex-wrap: nowrap;
    animation: home3PartnerMarquee 24s linear infinite reverse;
  }

  .home3-hero-partner-group {
    width: auto;
    flex: 0 0 auto;
    justify-content: flex-start;
    gap: 52px;
    padding-inline: 0;
    margin-right: 52px;
  }

  .home3-hero-partner-group+.home3-hero-partner-group {
    display: flex;
  }

  .home3-hero-partner-logo {
    flex: 0 0 auto;
    min-height: 60px;
  }

  .home3-hero-partner-logo img {
    max-width: min(var(--home3-partner-logo-width, 140px), 40vw);
    max-height: 54px;
  }

  .home3-hero-brand-note {
    margin-top: 46px;
  }

  .home3-infinity-scene {
    top: 43%;
    width: 900px;
    max-width: 128vw;
    opacity: .48;
  }

  .home3-hero-side-phone,
  .home3-hero-side-browser {
    display: none;
  }
}

@media (max-width: 575.98px) {
  #home2Hero.home3-software-hero {
    padding: calc(var(--home2-top-offset) + 22px) 0 32px;
  }

  .home3-software-hero .home2-reference-copy {
    margin-top: 0;
    transform: scale(.97);
  }

  .home3-hero-proof {
    gap: 7px;
    min-height: 44px;
    margin-bottom: 22px;
    padding-right: 12px;
  }

  .home3-hero-avatars img {
    width: 31px;
    height: 31px;
  }

  .home3-hero-stars {
    font-size: 14px;
  }

  .home3-hero-proof strong {
    font-size: 14px;
  }

  #home2Hero.home3-software-hero .home3-hero-title {
    font-size: clamp(20px, 5.6vw, 26px);
    line-height: 1.14;
  }

  #home2Hero.home3-software-hero .home3-hero-subtitle {
    margin-top: 16px;
    font-size: 15px;
    line-height: 1.42;
  }

  .home3-hero-partners {
    position: relative;
    left: auto;
    bottom: auto;
    width: calc(100% - 32px);
    margin: 46px auto 0;
    transform: none;
    gap: 12px;
  }

  .home3-hero-partners>span {
    font-size: 11px;
  }

  .home3-hero-partner-logos {
    overflow: hidden;
  }

  .home3-hero-partner-group {
    gap: 40px;
    margin-right: 40px;
  }

  .home3-hero-partner-logo {
    min-height: 56px;
    padding: 0;
    flex: 0 0 auto;
  }

  .home3-hero-partner-logo img {
    max-width: min(var(--home3-partner-logo-width, 140px), 44vw);
    max-height: 46px;
  }

  .home3-software-hero .home2-reference-copy::before {
    top: 47%;
    height: 440px;
    background:
      radial-gradient(ellipse at center, rgba(0, 111, 255, .54) 0%, rgba(0, 111, 255, .26) 38%, rgba(0, 111, 255, 0) 80%);
  }

  .home3-hero-call-form {
    grid-template-columns: minmax(0, 1fr) 52px;
    gap: 4px;
    min-height: 0;
    margin-top: 24px;
    padding: 4px;
    border-radius: 999px;
  }

  .home3-hero-call-form input[type="tel"],
  .home3-hero-call-form button {
    min-height: 50px;
    font-size: 15px;
  }

  .home3-hero-call-form input[type="tel"] {
    text-align: left;
    padding: 0 8px 0 18px;
  }

  .home3-hero-call-form button {
    width: 52px;
    min-width: 52px;
    padding: 0;
    border-width: 2px;
  }

  .home3-hero-call-form button span {
    display: none;
  }

  .home3-hero-call-form button i {
    font-size: 18px;
  }

  .home3-hero-brand-note {
    margin-top: 34px;
    font-size: 16px;
  }

  .home3-infinity-scene {
    top: 38%;
    width: 640px;
    max-width: 170vw;
    opacity: .42;
  }
}

body.home2-page .home2-why {
  position: relative;
  overflow: hidden;
  margin-top: -1px;
  padding: 50px 0;
  background:
    linear-gradient(180deg, #f7fbff 0%, #ffffff 48%, #f5f9ff 100%);
}

body.home2-page.home3-page .home2-why {
  display: block !important;
  flex-direction: initial !important;
  justify-content: initial !important;
  min-height: auto !important;
  padding: 50px 0 !important;
}

body.home2-page .home2-why::before {
  content: "";
  position: absolute;
  left: -94px;
  top: 15%;
  width: 430px;
  height: 430px;
  pointer-events: none;
  opacity: .46;
  background-image: radial-gradient(rgba(10, 100, 255, .38) 1.15px, transparent 1.15px);
  background-size: 13px 13px;
  -webkit-mask-image: radial-gradient(circle, #000 0 58%, transparent 78%);
  mask-image: radial-gradient(circle, #000 0 58%, transparent 78%);
}

body.home2-page .home2-why .container {
  position: relative;
  z-index: 1;
  width: min(1400px, calc(100vw - 68px));
  max-width: none;
}

body.home2-page .home2-why-layout {
  display: grid;
  grid-template-columns: minmax(430px, 552px) minmax(0, 1fr);
  align-items: stretch;
  gap: clamp(34px, 3.6vw, 58px);
  padding: 0;
}

body.home2-page .home2-why-content {
  min-width: 0;
  max-width: 548px;
  display: flex;
  flex-direction: column;
}

body.home2-page .home2-why-kicker {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 22px;
  color: #0a64ff;
  font-size: clamp(15px, .98vw, 18px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: none;
}

body.home2-page .home2-why-kicker::after {
  content: "";
  width: clamp(76px, 7vw, 118px);
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #0a64ff, rgba(10, 100, 255, 0));
}

body.home2-page .home2-why-content h2 {
  max-width: 610px;
  margin: 0;
  color: #071529;
  font-size: 42px;
  line-height: 1.15;
  letter-spacing: 0;
  font-weight: 950;
}

body.home2-page.home3-page .home2-why-content h2 {
  font-size: 42px !important;
  line-height: 1.15 !important;
}

body.home2-page .home2-why-title-accent {
  color: #0a64ff;
}

body.home2-page .home2-why-content>p {
  max-width: 590px;
  margin: 24px 0 0;
  color: #516078;
  font-size: clamp(15px, 1vw, 17px);
  line-height: 1.66;
  font-weight: 650;
}

body.home2-page .home2-why-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: 12px;
  margin-top: 26px;
  flex: 1 1 auto;
}

body.home2-page .home2-why-feature-card {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-content: center;
  column-gap: 12px;
  row-gap: 10px;
  align-items: center;
  padding: 18px 16px;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.3));
  backdrop-filter: blur(12px) saturate(120%);
  -webkit-backdrop-filter: blur(12px) saturate(120%);
  box-shadow:
    0 12px 30px rgba(0, 35, 90, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.4);
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

body.home2-page .home2-why-feature-card:hover {
  border-color: rgba(10, 100, 255, 0.25);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.5));
  box-shadow:
    0 16px 36px rgba(10, 100, 255, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.6);
  transform: translateY(-2px);
}

body.home2-page .home2-why-feature-icon {
  width: 44px;
  height: 44px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #0a64ff;
  background: #eaf3ff;
  font-size: 21px;
}

body.home2-page .home2-why-feature-card h3 {
  min-width: 0;
  margin: 0;
  color: #071529;
  font-size: clamp(15px, 1vw, 17px);
  line-height: 1.22;
  letter-spacing: 0;
}

body.home2-page .home2-why-feature-card p {
  grid-column: 1 / -1;
  align-self: start;
  margin: 0;
  color: #31415a;
  font-size: 13.5px;
  line-height: 1.5;
}

body.home2-page .home2-why-media {
  width: 100%;
  min-width: 0;
  margin-top: 0;
  justify-self: end;
  display: grid;
  grid-template-columns: minmax(260px, .92fr) minmax(290px, 1.08fr);
  grid-template-rows: minmax(280px, 1fr) auto;
  gap: 16px;
  align-items: stretch;
}

body.home2-page .home2-why-photo {
  position: relative;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .95);
  border-radius: 12px;
  background: #dbe6f3;
  box-shadow: 0 18px 42px rgba(7, 34, 73, .12);
}

body.home2-page .home2-why-photo img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}

body.home2-page .home2-why-photo-main {
  grid-column: 1 / -1;
  min-height: 280px;
}

body.home2-page .home2-why-score-card {
  min-width: 0;
  min-height: 250px;
  display: flex;
  flex-direction: column;
  padding: 18px 18px 16px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.55));
  backdrop-filter: blur(12px) saturate(120%);
  -webkit-backdrop-filter: blur(12px) saturate(120%);
  box-shadow:
    0 12px 30px rgba(0, 35, 90, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

body.home2-page .home2-why-score-title {
  display: block;
  color: #31415a;
  font-size: 12px;
  line-height: 1;
  font-weight: 800;
}

body.home2-page .home2-why-score-body {
  display: grid;
  grid-template-columns: 100px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  margin-top: 18px;
  flex: 1 1 auto;
}

body.home2-page .home2-why-score-ring {
  width: 92px;
  height: 92px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle, #fff 0 56%, transparent 57%),
    conic-gradient(#12a45b 0 98%, #e7edf5 98% 100%);
  box-shadow: inset 0 0 0 1px rgba(18, 164, 91, .08);
}

body.home2-page .home2-why-score-ring span {
  color: #12a45b;
  font-size: 25px;
  line-height: 1;
  font-weight: 950;
}

body.home2-page .home2-why-score-list {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.home2-page .home2-why-score-list li {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #22314a;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 750;
}

body.home2-page .home2-why-score-list li span {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #12a45b;
}

body.home2-page .home2-why-score-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid rgba(146, 176, 212, .28);
}

body.home2-page .home2-why-score-metrics span {
  min-width: 0;
  display: flex;
  flex-direction: column;
  color: #516078;
  font-size: 10px;
  line-height: 1.15;
  font-weight: 750;
  overflow-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
}

body.home2-page .home2-why-score-metrics em {
  position: relative;
  padding-left: 16px;
  color: #071529;
  font-style: normal;
  font-size: 10px;
  font-weight: 850;
  margin-top: auto;
  padding-top: 7px;
}

body.home2-page .home2-why-score-metrics em::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #12a45b;
  transform: translateY(-50%);
}

body.home2-page .home2-why-photo-team {
  aspect-ratio: 1.42;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

body.home2-page .home2-why-photo-team img {
  object-position: center center;
}

body.home2-page .home2-why-flow {
  position: relative;
  z-index: 1;
  margin-top: 36px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.3));
  backdrop-filter: blur(12px) saturate(120%);
  -webkit-backdrop-filter: blur(12px) saturate(120%);
  box-shadow:
    0 16px 40px rgba(0, 35, 90, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.4);
  overflow: hidden;
}

body.home2-page.home3-page .home2-why .home2-why-flow {
  display: grid !important;
}

body.home2-page .home2-why-flow-item {
  position: relative;
  min-width: 0;
  display: block;
  padding: 20px clamp(16px, 1.8vw, 24px);
  padding-left: calc(clamp(16px, 1.8vw, 24px) + 70px);
  transition: background 0.3s ease;
}

body.home2-page .home2-why-flow-item:hover {
  background: rgba(255, 255, 255, 0.25);
}

body.home2-page .home2-why-flow-item:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 28px;
  right: 0;
  bottom: 28px;
  width: 1px;
  background: rgba(146, 176, 212, .42);
}

body.home2-page .home2-why-flow-item:not(:last-child)::after {
  content: "\F285";
  position: absolute;
  top: 50%;
  right: -11px;
  z-index: 2;
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #9db8dc;
  background: #fff;
  font-family: "bootstrap-icons";
  font-size: 22px;
  line-height: 1;
  transform: translateY(-50%);
}

body.home2-page .home2-why-flow-number {
  position: absolute;
  left: clamp(16px, 1.8vw, 24px);
  top: 20px;
  color: #0a64ff;
  font-size: 16px;
  line-height: 1;
  font-weight: 950;
}

body.home2-page .home2-why-flow-icon {
  position: absolute;
  left: clamp(16px, 1.8vw, 24px);
  top: 50px;
  width: 48px;
  height: 48px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #0a64ff;
  background: #eaf3ff;
  font-size: 22px;
}

body.home2-page .home2-why-flow-item>div {
  min-width: 0;
}

body.home2-page .home2-why-flow-item strong {
  display: block;
  color: #071529;
  font-size: clamp(14px, 0.9vw, 15px);
  line-height: 1.24;
}

body.home2-page .home2-why-flow-item p {
  max-width: 268px;
  margin: 6px 0 0;
  color: #516078;
  font-size: 12px;
  line-height: 1.4;
}

@media (max-width: 1399.98px) {
  body.home2-page .home2-why .container {
    width: min(1280px, calc(100vw - 48px));
  }

  body.home2-page .home2-why-layout {
    grid-template-columns: minmax(410px, 528px) minmax(0, 1fr);
    gap: 36px;
  }

  body.home2-page .home2-why-media {
    grid-template-columns: minmax(230px, .92fr) minmax(260px, 1.08fr);
    gap: 14px;
  }

  body.home2-page .home2-why-score-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 18px;
  }

  body.home2-page .home2-why-flow-item {
    display: block;
    padding: 20px 14px;
    padding-left: 76px;
  }

  body.home2-page .home2-why-flow-number {
    left: 14px;
    top: 20px;
    font-size: 16px;
  }

  body.home2-page .home2-why-flow-icon {
    left: 14px;
    top: 48px;
    width: 44px;
    height: 44px;
    font-size: 20px;
  }
}

@media (max-width: 1199.98px) {
  body.home2-page .home2-why-layout {
    grid-template-columns: minmax(330px, .9fr) minmax(0, 1.1fr);
    align-items: stretch;
    gap: 28px;
  }

  body.home2-page .home2-why-content {
    max-width: none;
  }

  body.home2-page .home2-why-content>p {
    max-width: 760px;
  }

  body.home2-page .home2-why-media {
    width: 100%;
    margin-top: 0;
    justify-self: end;
    grid-template-rows: minmax(260px, 1fr) auto;
  }

  body.home2-page .home2-why-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.home2-page .home2-why-flow-item:nth-child(2)::before {
    content: none;
  }

  body.home2-page .home2-why-flow-item:nth-child(2)::after {
    content: none;
  }

  body.home2-page .home2-why-flow-item:nth-child(-n+2) {
    border-bottom: 1px solid rgba(146, 176, 212, .3);
  }
}

@media (max-width: 767.98px) {

  body.home2-page.home3-page .home2-why,
  body.home2-page .home2-why {
    padding: 40px 0 !important;
  }

  body.home2-page .home2-why::before {
    left: -190px;
    top: 13%;
    opacity: .3;
  }

  body.home2-page .home2-why .container {
    width: min(100%, calc(100vw - 32px));
  }

  body.home2-page .home2-why-layout {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 36px;
  }

  body.home2-page .home2-why-kicker {
    margin-bottom: 18px;
    font-size: 16px;
  }

  body.home2-page .home2-why-kicker::after {
    width: 84px;
  }

  body.home2-page.home3-page .home2-why-content h2,
  body.home2-page .home2-why-content h2 {
    font-size: clamp(27px, 6.6vw, 36px) !important;
    line-height: 1.18 !important;
  }

  body.home2-page .home2-why-content>p {
    margin-top: 18px;
    font-size: 15px;
  }

  body.home2-page .home2-why-feature-grid {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    grid-auto-rows: auto;
    margin-top: 22px;
  }

  body.home2-page .home2-why-content {
    display: block;
  }

  body.home2-page .home2-why-media {
    width: 100%;
    margin-top: 0;
    justify-self: center;
    grid-template-rows: auto;
  }

  body.home2-page .home2-why-feature-card {
    min-height: 0;
    grid-template-columns: 42px minmax(0, 1fr);
    padding: 15px;
  }

  body.home2-page .home2-why-feature-icon {
    width: 42px;
    height: 42px;
    font-size: 20px;
  }

  body.home2-page .home2-why-feature-card h3 {
    font-size: 15px;
  }

  body.home2-page .home2-why-media {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  body.home2-page .home2-why-photo-main,
  body.home2-page .home2-why-photo-team {
    grid-column: auto;
    border-radius: 12px;
  }

  body.home2-page .home2-why-photo-main {
    aspect-ratio: 16 / 8;
  }

  body.home2-page .home2-why-photo-team {
    aspect-ratio: 1.42;
  }

  body.home2-page .home2-why-score-card {
    min-height: 0;
    padding: 18px 16px;
  }

  body.home2-page .home2-why-score-body {
    grid-template-columns: 92px minmax(0, 1fr);
    gap: 12px;
  }

  body.home2-page .home2-why-score-ring {
    width: 86px;
    height: 86px;
  }

  body.home2-page .home2-why-score-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 18px;
    margin-top: 18px;
  }

  body.home2-page .home2-why-flow {
    min-height: 0;
    margin-top: 22px;
    grid-template-columns: 1fr;
    border-radius: 10px;
  }

  body.home2-page .home2-why-flow-item {
    display: block;
    padding: 16px 12px;
    padding-left: 72px;
  }

  body.home2-page .home2-why-flow-item:nth-child(-n+2) {
    border-bottom: 0;
  }

  body.home2-page .home2-why-flow-item:not(:last-child) {
    border-bottom: 1px solid rgba(146, 176, 212, .3);
  }

  body.home2-page .home2-why-flow-item:not(:last-child)::before,
  body.home2-page .home2-why-flow-item:not(:last-child)::after {
    content: none;
  }

  body.home2-page .home2-why-flow-number {
    left: 12px;
    top: 16px;
    font-size: 16px;
  }

  body.home2-page .home2-why-flow-icon {
    left: 12px;
    top: 44px;
    width: 40px;
    height: 40px;
    font-size: 18px;
  }

  body.home2-page .home2-why-flow-item p {
    max-width: none;
  }
}

/* Services concept */
.home2-services {
  position: relative;
  overflow: hidden;
  padding: clamp(66px, 6.6vw, 96px) 0 62px;
  font-family: var(--tc-body-font-family, "Satoshi-Variable", Satoshi, Arial, sans-serif);
  background:
    linear-gradient(180deg, #f6f9fd 0%, #fbfdff 46%, #f7fbff 100%);
}

.home2-services::before {
  content: none;
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(0, 35, 90, 0.035) 0 1px, transparent 1px 100%),
    linear-gradient(180deg, rgba(0, 35, 90, 0.028) 0 1px, transparent 1px 100%);
  background-size: 88px 88px;
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.18), transparent 72%);
}

.home2-services .container {
  position: relative;
  z-index: 1;
}

.home2-services-head {
  max-width: 680px;
  margin-bottom: 26px;
}

.home2-services-head span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  color: #18a8c0;
  font-size: 13px;
  line-height: 1;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0;
}

.home2-services-head span::after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #dbeafe;
  box-shadow: inset 0 0 0 3px rgba(33, 115, 255, 0.16);
}

.home2-services-head h2 {
  margin: 0;
  color: #07183f;
  font-family: inherit;
  font-size: clamp(44px, 4.8vw, 66px);
  line-height: .98;
  font-weight: 850;
  letter-spacing: 0;
}

.home2-services-head p {
  margin: 12px 0 0;
  color: #6b7386;
  font-size: clamp(17px, 1.8vw, 23px);
  line-height: 1.28;
  font-weight: 450;
}

.home2-service-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: minmax(252px, auto);
  gap: 18px;
}

.home2-service-card {
  position: relative;
  display: block;
  min-width: 0;
  min-height: 252px;
  overflow: hidden;
  isolation: isolate;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid rgba(19, 45, 86, 0.11);
  border-radius: 10px;
  background: #f8fbff;
  box-shadow:
    0 20px 54px rgba(15, 31, 65, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.78);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.home2-service-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  width: auto;
  height: auto;
  border-radius: inherit;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.84) 42%, rgba(255, 255, 255, 0.18) 100%);
  transform: none;
  pointer-events: none;
}

.home2-service-card:hover {
  color: inherit;
  transform: translateY(-4px);
  border-color: rgba(32, 115, 255, 0.2);
  box-shadow:
    0 26px 68px rgba(15, 31, 65, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.home2-service-card:focus-visible {
  outline: 0;
  border-color: rgba(32, 115, 255, 0.48);
  box-shadow:
    0 0 0 4px rgba(32, 115, 255, 0.12),
    0 26px 68px rgba(15, 31, 65, 0.12);
}

.home2-service-card-featured {
  grid-column: span 2;
  grid-row: span 2;
  min-height: 524px;
  background: #eef6ff;
}

.home2-service-card-featured::before {
  inset: 0;
  width: auto;
  height: auto;
  border-radius: inherit;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.86) 35%, rgba(255, 255, 255, 0.1) 100%);
  transform: none;
}

.home2-service-card-featured::after {
  display: none;
}

.home2-service-body {
  position: relative;
  z-index: 3;
  display: flex;
  min-height: inherit;
  max-width: min(74%, 330px);
  flex-direction: column;
  align-items: flex-start;
  padding: 24px 26px 22px;
}

.home2-service-card-featured .home2-service-body {
  max-width: 370px;
  padding: 54px 34px 48px;
}

.home2-service-badge {
  display: inline-flex;
  align-items: center;
  min-height: 29px;
  margin-bottom: 22px;
  padding: 7px 13px;
  border-radius: 8px;
  background: rgba(27, 105, 230, 0.08);
  color: #1d62d8;
  font-size: 11px;
  line-height: 1;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0;
}

.home2-service-icon {
  width: 58px;
  height: 58px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(145deg, #eef4ff, #ffffff);
  color: #2368e8;
  font-size: 27px;
  box-shadow:
    0 15px 34px rgba(19, 45, 86, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.home2-service-body h3 {
  margin: 17px 0 13px;
  color: #07183f;
  font-family: inherit;
  font-size: clamp(19px, 1.35vw, 22px);
  line-height: 1.12;
  font-weight: 850;
  letter-spacing: 0;
}

.home2-service-card-featured .home2-service-body h3 {
  margin-top: 22px;
  font-size: clamp(38px, 3.25vw, 46px);
  line-height: 1.03;
}

.home2-service-body h3 span {
  display: block;
  white-space: nowrap;
}

.home2-service-card:hover .home2-service-link,
.home2-service-card:focus-visible .home2-service-link {
  color: #1764e8;
}

.home2-service-body p {
  width: 100%;
  min-height: 0;
  margin: 0;
  color: #44516a;
  font-size: 14px;
  line-height: 1.58;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.home2-service-card-featured .home2-service-body p {
  display: block;
  max-width: 292px;
  color: #3d4a63;
  font-size: 15px;
}

.home2-service-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-top: auto;
  color: #1468ee;
  font-size: 13px;
  line-height: 1;
  font-weight: 750;
  transition: color .2s ease, gap .2s ease;
}

.home2-service-link i {
  font-size: 17px;
}

.home2-service-card:hover .home2-service-link,
.home2-service-card:focus-visible .home2-service-link {
  gap: 18px;
}

.home2-service-image {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent;
  overflow: hidden;
}

.home2-service-card-featured .home2-service-image {
  inset: 0;
  width: 100%;
  height: 100%;
}

.home2-service-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  filter: none;
}

.home2-service-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}

.home2-service-placeholder i {
  width: 118px;
  height: 118px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.64);
  color: rgba(20, 104, 238, 0.42);
  font-size: 54px;
  box-shadow: 0 24px 46px rgba(19, 45, 86, 0.08);
}

.home2-service-card-featured .home2-service-placeholder i {
  width: 180px;
  height: 180px;
  font-size: 82px;
}

.home2-service-metrics {
  display: grid;
  grid-template-columns: minmax(210px, .82fr) minmax(300px, 1.03fr) minmax(390px, 1.35fr);
  margin-top: 24px;
  overflow: hidden;
  border: 1px solid rgba(19, 45, 86, 0.11);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.82);
  box-shadow:
    0 20px 54px rgba(15, 31, 65, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.84);
  backdrop-filter: blur(12px);
}

.home2-service-metric {
  position: relative;
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  min-height: 86px;
  padding: 16px clamp(20px, 2.4vw, 36px);
}

.home2-service-metric:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 22px;
  right: 0;
  bottom: 22px;
  width: 1px;
  background: rgba(19, 45, 86, 0.13);
}

.home2-service-metric>span {
  width: 54px;
  height: 54px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f3fbff;
  color: #2f7df3;
  font-size: 26px;
  box-shadow:
    0 14px 30px rgba(19, 45, 86, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.home2-service-metric:nth-child(2)>span {
  color: #20aebb;
}

.home2-service-metric:nth-child(3)>span {
  color: #27add0;
}

.home2-service-metric strong,
.home2-service-metric small {
  display: block;
}

.home2-service-metric strong {
  color: #07183f;
  font-family: inherit;
  font-size: clamp(20px, 1.55vw, 26px);
  line-height: 1.08;
  font-weight: 850;
  letter-spacing: 0;
}

.home2-service-metric small {
  margin-top: 4px;
  color: #66738a;
  font-size: 12px;
  line-height: 1.3;
}

@media (max-width: 1199.98px) {
  .home2-service-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home2-service-card-featured {
    grid-column: 1 / -1;
    grid-row: auto;
    min-height: 486px;
  }

  .home2-service-card:not(.home2-service-card-featured) .home2-service-body {
    max-width: min(74%, 340px);
  }
}

@media (max-width: 991.98px) {
  .home2-services {
    padding-top: 64px;
  }

  .home2-service-metrics {
    grid-template-columns: 1fr;
  }

  .home2-service-metric:not(:last-child)::after {
    top: auto;
    right: 28px;
    bottom: 0;
    left: 28px;
    width: auto;
    height: 1px;
  }
}

@media (max-width: 767.98px) {
  .home2-services-head {
    margin-bottom: 22px;
  }

  .home2-service-grid {
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
  }

  .home2-service-card,
  .home2-service-card-featured {
    grid-column: auto;
    min-height: 328px;
  }

  .home2-service-card-featured {
    min-height: 430px;
  }

  .home2-service-body,
  .home2-service-card-featured .home2-service-body {
    min-height: inherit;
    max-width: min(72%, 320px);
    padding: 24px 24px 22px;
  }

  .home2-service-card-featured .home2-service-body h3 {
    font-size: clamp(32px, 9vw, 40px);
  }

  .home2-service-image,
  .home2-service-card-featured .home2-service-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
  }

  .home2-service-card-featured .home2-service-image {
    width: 100%;
    height: 100%;
  }

  .home2-service-link {
    margin-top: 22px;
  }

  .home2-service-metric {
    grid-template-columns: 62px minmax(0, 1fr);
    gap: 16px;
    min-height: 96px;
    padding: 18px 22px;
  }

  .home2-service-metric>span {
    width: 56px;
    height: 56px;
    font-size: 26px;
  }
}

@media (max-width: 575.98px) {
  .home2-audit-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home2-services {
    padding-top: 52px;
    padding-bottom: 46px;
  }

  .home2-services-head h2 {
    font-size: clamp(40px, 13vw, 56px);
  }

  .home2-services-head p {
    font-size: 17px;
  }

  .home2-service-icon {
    width: 58px;
    height: 58px;
    font-size: 27px;
  }

  .home2-service-body h3 {
    font-size: 21px;
  }

  .home2-service-card-featured .home2-service-body h3 {
    font-size: 36px;
  }

  .home2-service-image {
    width: 100%;
    height: 100%;
  }

  .home2-service-card-featured .home2-service-image {
    height: 100%;
  }
}

/* Site audit responsive composition */
@media (max-width: 1399.98px) and (min-width: 1200px) {
  .home2-audit-grid {
    grid-template-columns: minmax(420px, .82fr) minmax(0, 1.18fr);
    gap: 38px;
  }

  .home2-audit-stage {
    padding-right: 30px;
    padding-left: 30px;
  }

  .home2-audit-orbit-card {
    width: 184px;
    padding: 14px;
  }

  .home2-audit-orbit-card ul {
    margin-left: 44px;
  }

  .home2-audit-copy h2 {
    font-size: clamp(42px, 3.8vw, 54px);
  }
}

@media (max-width: 1199.98px) {
  .home2-audit .container {
    width: min(1080px, calc(100vw - 48px));
  }

  .home2-audit-copy {
    max-width: 820px;
  }

  .home2-audit-stage {
    width: min(100%, 920px);
    margin: 10px auto 0;
  }
}

@media (max-width: 767.98px) {
  .home2-audit {
    padding: 54px 0;
  }

  .home2-audit .container {
    width: calc(100vw - 32px);
  }

  .home2-audit-grid {
    gap: 42px;
  }

  .home2-audit-copy h2 {
    font-size: clamp(36px, 9vw, 46px);
  }

  .home2-audit-benefits {
    gap: 20px;
  }

  .home2-audit-stage {
    min-height: 0;
    margin-top: 0;
    padding: 28px 18px;
  }

  .home2-audit-stage::before {
    inset: 0;
    border-radius: 18px;
    transform: rotate(-1deg);
  }

  .home2-audit-stage::after,
  .home2-audit-stage-lines,
  .home2-audit-orbit-card,
  .home2-audit-signal {
    display: none;
  }

  .home2-audit-panel {
    width: 100%;
  }
}

@media (max-width: 575.98px) {
  .home2-audit {
    padding: 48px 0;
  }

  .home2-audit .container {
    width: calc(100vw - 26px);
    padding-right: 0;
    padding-left: 0;
  }

  .home2-audit .home2-audit-copy h2 {
    font-size: clamp(33px, 10.2vw, 42px);
  }

  .home2-audit-kicker {
    margin-bottom: 18px;
    font-size: 11px;
  }

  .home2-audit-copy>p {
    margin-top: 20px;
    font-size: 15px;
  }

  .home2-audit-benefits {
    grid-template-columns: 1fr;
    margin-top: 28px;
  }

  .home2-audit-copy h2 span {
    white-space: normal;
  }

  .home2-audit-stage {
    padding: 12px;
  }

  .home2-audit-panel {
    padding: 22px 18px 19px;
    border-radius: 12px;
  }

  .home2-audit-panel-head {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 12px;
    margin-bottom: 18px;
  }

  .home2-audit-panel-head>i {
    width: 44px;
    height: 44px;
    font-size: 20px;
  }

  .home2-audit-form .home2-audit-field input {
    min-height: 52px;
    font-size: 14px;
  }

  .home2-audit-form button {
    min-height: 52px;
  }

  .home2-audit-summary {
    grid-template-columns: 1fr;
  }

  .home2-audit-score {
    width: 96px;
    height: 96px;
  }
}

/* Service regions responsive composition */
@media (max-width: 1399.98px) and (min-width: 1200px) {
  .home2-regions .container {
    width: calc(100vw - 46px);
  }

  .home2-regions .home2-section-head h2 {
    font-size: clamp(48px, 4.5vw, 62px);
  }

  .home2-region-media {
    height: 270px;
  }

  .home2-region-media img {
    top: calc(-70px + var(--region-device-y-offset));
    width: 125%;
  }

  .home2-region-card>.home2-region-card-body {
    padding-right: 22px;
    padding-left: 22px;
  }

  .home2-region-title-row {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 14px;
  }

  .home2-region-icon {
    width: 52px;
    height: 52px;
    font-size: 22px;
  }
}

@media (max-width: 1199.98px) {
  .home2-regions .container {
    width: min(1080px, calc(100vw - 48px));
  }

  .home2-region-grid {
    row-gap: 96px;
  }

  .home2-region-media {
    height: 290px;
  }
}

@media (max-width: 991.98px) {
  .home2-regions {
    padding-top: 64px;
  }

  .home2-regions .home2-section-head {
    margin-bottom: 82px;
  }

  .home2-regions .home2-section-head>div,
  .home2-regions .home2-section-head h2 {
    max-width: 720px;
  }

  .home2-region-grid {
    width: min(100%, 560px);
    grid-template-columns: 1fr;
    row-gap: 102px;
    margin-right: auto;
    margin-left: auto;
  }

  .home2-region-media {
    height: 300px;
  }

  .home2-region-media img {
    top: -72px;
    width: 92%;
  }
}

@media (max-width: 767.98px) {
  .home2-regions {
    padding: 54px 0 76px;
  }

  .home2-regions .container {
    width: calc(100vw - 32px);
  }

  .home2-regions .home2-section-head {
    margin-bottom: 39px;
  }

  .home2-regions .home2-section-head h2 {
    font-size: clamp(38px, 8.5vw, 54px);
  }

  .home2-regions .home2-inline-link {
    width: min(100%, 210px);
    margin-top: 15px;
  }

  .home2-regions .home2-region-media img {
    top: calc(-40px + var(--region-device-y-offset));
    width: 100%;
  }
}

@media (max-width: 575.98px) {
  .home2-regions {
    padding: 48px 0 68px;
  }

  .home2-regions::before {
    top: -250px;
    left: -270px;
  }

  .home2-regions::after {
    display: none;
  }

  .home2-regions .container {
    width: calc(100vw - 26px);
    padding-right: 0;
    padding-left: 0;
  }

  .home2-regions .home2-section-head {
    margin-bottom: 33px;
  }

  .home2-regions .home2-section-head span {
    margin-bottom: 13px;
    font-size: 11px;
  }

  .home2-regions .home2-section-head h2 {
    font-size: clamp(34px, 10vw, 42px);
    line-height: 1.05;
  }

  .home2-regions .home2-inline-link {
    min-height: 52px;
  }

  .home2-region-grid {
    row-gap: 82px;
  }

  .home2-region-media {
    height: 236px;
  }

  .home2-region-media img {
    top: calc(-46px + var(--region-device-y-offset));
    width: 102%;
  }

  .home2-region-orbit {
    top: 30px;
    left: 26px;
    width: 142px;
    height: 142px;
    box-shadow:
      0 0 0 22px rgba(255, 255, 255, .08),
      0 0 0 44px rgba(255, 255, 255, .055);
  }

  .home2-region-card>.home2-region-card-body {
    min-height: 0;
    padding: 60px 20px 24px;
  }

  .home2-region-title-row {
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 14px;
  }

  .home2-region-icon {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    font-size: 21px;
  }

  .home2-region-card .home2-region-title-row h3 {
    margin-top: 1px;
    font-size: 20px;
  }

  .home2-region-card .home2-region-title-row p {
    font-size: 12px;
  }

  .home2-region-card .home2-region-examples {
    gap: 8px;
    margin-top: 20px;
  }

  .home2-region-card .home2-region-examples a {
    min-height: 32px;
    padding: 7px 10px;
    font-size: 11px;
  }
}

@media (min-width: 450px) and (max-width: 575.98px) {
  .home2-region-media img {
    width: 94%;
  }
}

/* Latest blog — editorial feature + story list */
.home2-blog {
  padding: clamp(72px, 7vw, 104px) 0;
  background: #fff;
  overflow: hidden;
}

.home2-blog-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 42px;
}

.home2-blog-head>div {
  max-width: 760px;
}

.home2-blog-kicker {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  color: var(--home2-primary-2);
  font-size: 14px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.home2-blog-kicker::before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0 5px rgba(0, 77, 156, .1);
}

.home2-blog-head h2 {
  margin: 0;
  color: #071529;
  font-size: clamp(40px, 4.2vw, 62px);
  line-height: 1.02;
  font-weight: 900;
  letter-spacing: -.035em;
}

.home2-blog-head p {
  max-width: 680px;
  margin: 18px 0 0;
  color: #53627a;
  font-size: 17px;
  line-height: 1.65;
}

.home2-blog-all-link {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  min-height: 56px;
  padding: 14px 22px 14px 26px;
  border: 1.5px solid var(--home2-primary-2);
  border-radius: 9px;
  color: var(--home2-primary-2);
  background: #fff;
  font-size: 15px;
  line-height: 1;
  font-weight: 850;
  transition: color .2s ease, background .2s ease, transform .2s ease, box-shadow .2s ease;
}

.home2-blog-all-link i,
.home2-blog-read-link i {
  font-size: 18px;
  transition: transform .2s ease;
}

.home2-blog-all-link:hover,
.home2-blog-all-link:focus-visible {
  color: #fff;
  background: var(--home2-primary-2);
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(0, 77, 156, .22);
}

.home2-blog-all-link:hover i,
.home2-blog-all-link:focus-visible i,
.home2-blog-read-link:hover i,
.home2-blog-read-link:focus-visible i {
  transform: translateX(4px);
}

.home2-blog-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.06fr) minmax(450px, .94fr);
  gap: 26px;
  align-items: stretch;
  min-height: 0;
}

.home2-blog-grid-single {
  grid-template-columns: minmax(0, 760px);
}

.home2-blog-feature,
.home2-blog-list {
  min-width: 0;
}

.home2-blog-feature {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(0, 35, 90, .1);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 18px 50px rgba(0, 35, 90, .08);
}

.home2-blog-feature-link {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 100%;
  color: inherit;
  cursor: pointer;
}

.home2-blog-feature-media,
.home2-blog-list-media {
  position: relative;
  display: block;
  overflow: hidden;
  background: #e8f2f6;
}

.home2-blog-feature-media {
  min-height: 310px;
  aspect-ratio: 16 / 7.9;
}

.home2-blog-feature-media img,
.home2-blog-list-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .45s cubic-bezier(.2, .75, .25, 1);
}

.home2-blog-feature:hover .home2-blog-feature-media img,
.home2-blog-list-card:hover .home2-blog-list-media img {
  transform: scale(1.035);
}

.home2-blog-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--home2-primary-2);
  background:
    radial-gradient(circle at 72% 28%, rgba(0, 77, 156, .2), transparent 30%),
    linear-gradient(135deg, #edf5fb, #dfeef1);
  font-size: 48px;
}

.home2-blog-category {
  display: inline-flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  min-height: 29px;
  padding: 7px 13px;
  border-radius: 999px;
  color: var(--home2-primary-2);
  background: rgba(0, 77, 156, .09);
  font-size: 11px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .025em;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home2-blog-feature-media>.home2-blog-category {
  position: absolute;
  left: 22px;
  bottom: 18px;
  z-index: 1;
  color: var(--home2-primary-2);
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 8px 24px rgba(0, 35, 90, .14);
}

.home2-blog-feature-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 28px 30px 30px;
}

.home2-blog-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 16px;
  color: #60708a;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 700;
}

.home2-blog-meta>span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.home2-blog-meta i {
  color: #355272;
  font-size: 14px;
}

.home2-blog-feature h3,
.home2-blog-list-card h3 {
  letter-spacing: -.018em;
}

.home2-blog-feature h3 {
  margin: 17px 0 12px;
  font-size: clamp(27px, 2.2vw, 36px);
  line-height: 1.16;
  font-weight: 900;
}

.home2-blog-feature h3,
.home2-blog-list-card h3 {
  color: #071529;
  transition: color .2s ease;
}

.home2-blog-feature-link:hover h3,
.home2-blog-feature-link:focus-visible h3,
.home2-blog-list-link:hover h3,
.home2-blog-list-link:focus-visible h3 {
  color: var(--home2-primary-2);
}

.home2-blog-feature-body>p {
  margin: 0;
  color: #53627a;
  font-size: 15px;
  line-height: 1.65;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.home2-blog-read-link {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  margin-top: auto;
  padding-top: 22px;
  color: var(--home2-primary-2);
  font-size: 14px;
  line-height: 1;
  font-weight: 900;
}

.home2-blog-read-link:hover,
.home2-blog-read-link:focus-visible {
  color: var(--home2-primary-2);
}

.home2-blog-list {
  display: grid;
  grid-template-rows: repeat(3, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid rgba(0, 35, 90, .1);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 18px 50px rgba(0, 35, 90, .07);
}

.home2-blog-list-card {
  min-width: 0;
  min-height: 188px;
  background: #fff;
}

.home2-blog-list-link {
  display: grid;
  grid-template-columns: minmax(190px, 40%) minmax(0, 1fr);
  gap: 0;
  width: 100%;
  height: 100%;
  min-width: 0;
  color: inherit;
  cursor: pointer;
}

.home2-blog-list-card+.home2-blog-list-card {
  border-top: 1px solid rgba(0, 35, 90, .1);
}

.home2-blog-list-media {
  min-height: 0;
  height: auto;
  align-self: stretch;
  margin: 18px 0 18px 18px;
  border-radius: 9px;
}

.home2-blog-list-body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 18px 24px;
}

.home2-blog-list-body .home2-blog-meta {
  margin-top: 10px;
}

.home2-blog-list-card h3 {
  margin: 10px 0 6px;
  font-size: clamp(18px, 1.35vw, 22px);
  line-height: 1.23;
  font-weight: 900;
}

.home2-blog-list-card h3 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.home2-blog-list-body>p {
  margin: 0;
  color: #60708a;
  font-size: 12px;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.home2-blog-empty {
  min-height: 220px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.home2-blog a:focus-visible {
  outline: 3px solid rgba(0, 77, 156, .28);
  outline-offset: 4px;
}

.home2-blog-feature-link:focus-visible,
.home2-blog-list-link:focus-visible {
  outline-offset: -3px;
}

@media (max-width: 1199.98px) {
  .home2-blog-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .home2-blog-feature-media {
    aspect-ratio: 16 / 7;
  }

  .home2-blog-list-link {
    grid-template-columns: minmax(250px, 38%) minmax(0, 1fr);
  }
}

@media (max-width: 767.98px) {
  .home2-blog {
    padding: 64px 0;
  }

  .home2-blog-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 26px;
    margin-bottom: 30px;
  }

  .home2-blog-head h2 {
    font-size: clamp(35px, 10vw, 46px);
  }

  .home2-blog-head p {
    margin-top: 14px;
    font-size: 15px;
  }

  .home2-blog-all-link {
    min-height: 50px;
  }

  .home2-blog-grid {
    display: grid;
    gap: 20px;
    min-height: 0;
    overflow: visible;
    padding-bottom: 0;
  }

  .home2-blog-feature-media {
    min-height: 220px;
    aspect-ratio: 16 / 10;
  }

  .home2-blog-feature-body {
    padding: 24px;
  }

  .home2-blog-feature h3 {
    margin-top: 15px;
    font-size: clamp(25px, 7vw, 32px);
  }

  .home2-blog-list-link {
    grid-template-columns: minmax(150px, 38%) minmax(0, 1fr);
  }

  .home2-blog-list-card {
    min-height: 176px;
  }

  .home2-blog-list-media {
    margin: 14px 0 14px 14px;
  }

  .home2-blog-list-body {
    padding: 15px 18px;
  }
}

@media (max-width: 575.98px) {
  .home2-blog .container {
    padding-right: 18px;
    padding-left: 18px;
  }

  .home2-blog-all-link {
    width: 100%;
    justify-content: space-between;
  }

  .home2-blog-feature-media {
    min-height: 205px;
  }

  .home2-blog-feature-media>.home2-blog-category {
    left: 16px;
    bottom: 14px;
  }

  .home2-blog-feature-body {
    padding: 22px 20px 24px;
  }

  .home2-blog-feature-body>p {
    -webkit-line-clamp: 3;
  }

  .home2-blog-list-link {
    grid-template-columns: 118px minmax(0, 1fr);
  }

  .home2-blog-list-card {
    min-height: 190px;
  }

  .home2-blog-list-media {
    margin: 12px 0 12px 12px;
  }

  .home2-blog-list-body {
    padding: 13px 14px;
  }

  .home2-blog-list-body .home2-blog-meta {
    gap: 5px 10px;
    margin-top: 8px;
    font-size: 10px;
  }

  .home2-blog-list-card h3 {
    margin-top: 8px;
    font-size: 16px;
  }

  .home2-blog-list-body>p {
    font-size: 11px;
    -webkit-line-clamp: 2;
  }

  .home2-blog-category {
    min-height: 25px;
    padding: 6px 10px;
    font-size: 9px;
  }
}

@media (prefers-reduced-motion: reduce) {

  .home2-blog-feature-media img,
  .home2-blog-list-media img,
  .home2-blog-all-link,
  .home2-blog-all-link i,
  .home2-blog-read-link i {
    transition: none;
  }
}

/* FAQ — Lottie visual + accessible accordion */
.home2-blog,
.home2-faq {
  background:
    linear-gradient(180deg, #f6f9fd 0%, #fbfdff 46%, #f7fbff 100%);
}

.home2-faq {
  position: relative;
  padding: clamp(72px, 7vw, 104px) 0 clamp(78px, 7.5vw, 112px);
  overflow: hidden;
  font-family: var(--tc-body-font-family, "Satoshi-Variable", Satoshi, Arial, sans-serif);
  border-top: 1px solid rgba(19, 45, 86, .06);
}

.home2-faq::before,
.home2-faq::after {
  content: "";
  position: absolute;
  z-index: 0;
  width: 150px;
  height: 150px;
  pointer-events: none;
  opacity: .32;
  background-image: radial-gradient(circle, rgba(34, 105, 235, .62) 1.4px, transparent 1.7px);
  background-size: 20px 20px;
  mask-image: linear-gradient(135deg, #000, transparent 78%);
}

.home2-faq::before {
  top: 26px;
  right: -18px;
}

.home2-faq::after {
  bottom: 8px;
  left: -28px;
  transform: rotate(180deg);
}

.home2-faq .container {
  position: relative;
  z-index: 1;
}

.home2-faq-head {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(330px, .92fr) auto;
  gap: clamp(28px, 3.2vw, 58px);
  align-items: end;
  margin-bottom: 46px;
}

.home2-faq-title-block,
.home2-faq-head-actions {
  min-width: 0;
}

.home2-faq-kicker {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  color: #1468ee;
  font-size: 14px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.home2-faq-kicker::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0 5px rgba(20, 104, 238, .1);
}

.home2-faq-title-block h2 {
  margin: 0;
  color: #07183f;
  font-size: clamp(43px, 4.15vw, 62px);
  line-height: 1.03;
  font-weight: 900;
  letter-spacing: -.035em;
}

.home2-faq-title-block h2 span {
  position: relative;
  display: inline-block;
}

.home2-faq-title-block h2 span::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: .03em;
  left: 36%;
  height: 9px;
  border-radius: 999px;
  background: rgba(43, 105, 255, .2);
  transform: rotate(-1.5deg);
}

.home2-faq-intro {
  margin: 0 0 5px;
  color: #53627a;
  font-size: clamp(16px, 1.25vw, 18px);
  line-height: 1.72;
}

.home2-faq-head-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 17px;
}

.home2-faq-all-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  min-width: 220px;
  min-height: 56px;
  padding: 14px 20px;
  border: 1.5px solid #1468ee;
  border-radius: 9px;
  color: #1468ee;
  background: rgba(255, 255, 255, .76);
  font: inherit;
  font-size: 15px;
  line-height: 1;
  font-weight: 850;
  cursor: pointer;
  box-shadow: 0 12px 28px rgba(15, 49, 104, .04);
  transition: color .2s ease, background .2s ease, transform .2s ease, box-shadow .2s ease;
}

.home2-faq-all-button i {
  flex: 0 0 auto;
  font-size: 19px;
}

.home2-faq-all-button i:last-child {
  margin-left: auto;
  transition: transform .2s ease;
}

.home2-faq-all-button:hover,
.home2-faq-all-button:focus-visible,
.home2-faq-all-button[aria-pressed="true"] {
  color: #fff;
  background: #1468ee;
  box-shadow: 0 16px 32px rgba(20, 104, 238, .2);
  transform: translateY(-2px);
}

.home2-faq-all-button:hover i:last-child,
.home2-faq-all-button:focus-visible i:last-child {
  transform: translateX(4px);
}

.home2-faq-all-button:focus-visible {
  outline: 3px solid rgba(20, 104, 238, .2);
  outline-offset: 4px;
}

.home2-faq-response {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #66738a;
  font-size: 13px;
  line-height: 1.35;
  white-space: nowrap;
}

.home2-faq-response i,
.home2-faq-response strong {
  color: #1468ee;
}

.home2-faq-response i {
  font-size: 19px;
}

.home2-faq-layout {
  display: grid;
  grid-template-columns: minmax(330px, .68fr) minmax(0, 1.62fr);
  gap: 20px;
  align-items: stretch;
}

.home2-faq-visual,
.home2-faq-list {
  min-width: 0;
  border: 1px solid rgba(19, 45, 86, .11);
  border-radius: 12px;
  background: rgba(255, 255, 255, .76);
  box-shadow:
    0 20px 54px rgba(15, 31, 65, .075),
    inset 0 1px 0 rgba(255, 255, 255, .86);
}

.home2-faq-visual {
  display: grid;
  grid-template-rows: minmax(390px, 1fr) auto;
  overflow: hidden;
}

.home2-faq-lottie-stage {
  position: relative;
  min-height: 430px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 76%, rgba(41, 112, 236, .1), transparent 32%),
    linear-gradient(180deg, rgba(246, 250, 255, .96), rgba(237, 244, 255, .74));
}

.home2-faq-lottie-stage::after {
  content: "";
  position: absolute;
  right: 12%;
  bottom: -2px;
  left: 12%;
  height: 28px;
  border-radius: 50%;
  background: rgba(36, 86, 167, .12);
  filter: blur(18px);
}

.home2-faq-stage-image {
  position: relative;
  z-index: 2;
  display: block;
  width: min(100%, 420px);
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  margin-bottom: 0;
}

.home2-faq-orbit {
  position: absolute;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(20, 104, 238, .16);
  font-size: 64px;
  line-height: 1;
  font-weight: 900;
  user-select: none;
}

.home2-faq-orbit-one {
  top: 17%;
  left: 14%;
  transform: rotate(-9deg);
}

.home2-faq-orbit-two {
  right: 13%;
  bottom: 22%;
  font-size: 48px;
  transform: rotate(11deg);
}

.home2-faq-contact {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  gap: 18px;
  align-items: center;
  padding: 22px 24px;
  border-top: 1px solid rgba(19, 45, 86, .1);
  background: rgba(255, 255, 255, .82);
}

.home2-faq-contact-icon {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #1468ee;
  background: #fff;
  font-size: 25px;
  box-shadow:
    0 12px 28px rgba(15, 49, 104, .12),
    0 0 0 7px rgba(20, 104, 238, .055);
}

.home2-faq-contact strong,
.home2-faq-contact p {
  display: block;
}

.home2-faq-contact strong {
  color: #07183f;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 900;
}

.home2-faq-contact p {
  margin: 3px 0 0;
  color: #66738a;
  font-size: 13px;
  line-height: 1.45;
}

.home2-faq-contact a {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  margin-top: 9px;
  color: #1468ee;
  font-size: 13px;
  line-height: 1;
  font-weight: 900;
}

.home2-faq-contact a i {
  transition: transform .2s ease;
}

.home2-faq-contact a:hover,
.home2-faq-contact a:focus-visible {
  color: #0a57cf;
}

.home2-faq-contact a:hover i,
.home2-faq-contact a:focus-visible i {
  transform: translateX(4px);
}

.home2-faq-contact a:focus-visible {
  outline: 3px solid rgba(20, 104, 238, .18);
  outline-offset: 5px;
  border-radius: 4px;
}

.home2-faq-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-items: start;
  padding: 16px;
}

.home2-faq-column {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.home2-faq-item {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(19, 45, 86, .11);
  border-radius: 10px;
  background: rgba(255, 255, 255, .9);
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.home2-faq-item:hover {
  border-color: rgba(20, 104, 238, .24);
}

.home2-faq-item[open] {
  border-color: rgba(20, 104, 238, .26);
  background: #fff;
  box-shadow:
    inset 3px 0 0 #1468ee,
    0 14px 34px rgba(15, 49, 104, .07);
}

.home2-faq-item summary {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 36px;
  gap: 18px;
  align-items: center;
  min-height: 78px;
  padding: 14px 17px 14px 20px;
  color: #07183f;
  list-style: none;
  cursor: pointer;
}

.home2-faq-item summary::-webkit-details-marker {
  display: none;
}

.home2-faq-item summary::marker {
  content: "";
}

.home2-faq-item summary:focus-visible {
  outline: 3px solid rgba(20, 104, 238, .2);
  outline-offset: -4px;
  border-radius: 9px;
}

.home2-faq-number {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #0f4cad;
  background: #eef4ff;
  font-size: 13px;
  line-height: 1;
  font-weight: 900;
}

.home2-faq-question {
  min-width: 0;
  /* .btn-gradient: clamp(17px, 1.35vw, 21px); */
  line-height: 1.35;
  font-weight: 600;
  letter-spacing: -.012em;
}

.home2-faq-chevron {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #0f4cad;
  background: transparent;
  font-size: 16px;
  transition: color .2s ease, background .2s ease, transform .25s ease;
}

.home2-faq-item:hover .home2-faq-chevron,
.home2-faq-item[open] .home2-faq-chevron {
  color: #1468ee;
  background: #eef4ff;
}

.home2-faq-item[open] .home2-faq-chevron {
  transform: rotate(180deg);
}

.home2-faq-answer {
  display: grid;
  grid-template-rows: 0fr;
  padding: 0 54px 0 86px;
  opacity: 0;
  pointer-events: none;
  transition:
    grid-template-rows .36s cubic-bezier(.22, 1, .36, 1),
    padding-bottom .36s cubic-bezier(.22, 1, .36, 1),
    opacity .24s ease;
}

.home2-faq-item[open] .home2-faq-answer {
  grid-template-rows: 1fr;
  padding-bottom: 27px;
  opacity: 1;
  pointer-events: auto;
}

.home2-faq-answer p {
  min-height: 0;
  max-width: 790px;
  margin: 0;
  overflow: hidden;
  color: #53627a;
  font-size: 15px;
  line-height: 1.7;
}

@media (max-width: 1199.98px) {
  .home2-faq-head {
    grid-template-columns: minmax(0, 1fr) minmax(340px, .9fr);
    align-items: start;
  }

  .home2-faq-head-actions {
    grid-column: 1 / -1;
    flex-direction: row;
    align-items: center;
  }

  .home2-faq-layout {
    grid-template-columns: minmax(300px, .62fr) minmax(0, 1.38fr);
  }

  .home2-faq-item summary {
    grid-template-columns: 44px minmax(0, 1fr) 34px;
    gap: 14px;
  }

  .home2-faq-answer {
    padding-left: 78px;
  }
}

@media (max-width: 991.98px) {
  .home2-faq-layout {
    grid-template-columns: 1fr;
  }

  .home2-faq-visual {
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
    grid-template-rows: 1fr;
  }

  .home2-faq-lottie-stage {
    min-height: 380px;
  }

  .home2-faq-stage-image {
    width: min(100%, 370px);
  }

  .home2-faq-contact {
    align-content: center;
    grid-template-columns: 1fr;
    border-top: 0;
    border-left: 1px solid rgba(19, 45, 86, .1);
  }
}

@media (max-width: 767.98px) {
  .home2-faq {
    padding: 64px 0 72px;
  }

  .home2-faq-head {
    grid-template-columns: 1fr;
    gap: 22px;
    margin-bottom: 32px;
  }

  .home2-faq-title-block h2 {
    font-size: clamp(38px, 10.8vw, 50px);
  }

  .home2-faq-intro {
    font-size: 15px;
  }

  .home2-faq-head-actions {
    grid-column: auto;
    align-items: flex-start;
    flex-direction: column;
  }

  .home2-faq-visual {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }

  .home2-faq-lottie-stage {
    min-height: 330px;
  }

  .home2-faq-stage-image {
    width: min(100%, 330px);
  }

  .home2-faq-contact {
    grid-template-columns: 62px minmax(0, 1fr);
    border-top: 1px solid rgba(19, 45, 86, .1);
    border-left: 0;
  }

  .home2-faq-list {
    grid-template-columns: 1fr;
    padding: 10px;
  }

  .home2-faq-item summary {
    grid-template-columns: 42px minmax(0, 1fr) 30px;
    gap: 11px;
    min-height: 74px;
    padding: 13px 12px 13px 14px;
  }

  .home2-faq-number {
    width: 40px;
    height: 40px;
  }

  .home2-faq-question {
    font-size: 16px;
  }

  .home2-faq-chevron {
    width: 30px;
    height: 30px;
  }

  .home2-faq-answer {
    padding: 0 18px 0 67px;
  }

  .home2-faq-item[open] .home2-faq-answer {
    padding-bottom: 23px;
  }

  .home2-faq-answer p {
    font-size: 14px;
    line-height: 1.62;
  }
}

@media (max-width: 575.98px) {
  .home2-faq .container {
    padding-right: 18px;
    padding-left: 18px;
  }

  .home2-faq-all-button {
    width: 100%;
    justify-content: flex-start;
  }

  .home2-faq-response {
    white-space: normal;
  }

  .home2-faq-lottie-stage {
    min-height: 290px;
  }

  .home2-faq-stage-image {
    width: min(100%, 290px);
  }

  .home2-faq-contact {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 15px;
    padding: 20px 18px;
  }

  .home2-faq-contact-icon {
    width: 50px;
    height: 50px;
    font-size: 22px;
  }

  .home2-faq-list {
    border-radius: 10px;
  }

  .home2-faq-item summary {
    grid-template-columns: 38px minmax(0, 1fr) 28px;
    gap: 9px;
    padding-right: 9px;
    padding-left: 11px;
  }

  .home2-faq-number {
    width: 36px;
    height: 36px;
    font-size: 12px;
  }

  .home2-faq-question {
    font-size: 15px;
    line-height: 1.4;
  }

  .home2-faq-answer {
    padding: 0 14px 0 58px;
  }

  .home2-faq-item[open] .home2-faq-answer {
    padding-bottom: 21px;
  }
}

@media (prefers-reduced-motion: reduce) {

  .home2-faq-all-button,
  .home2-faq-all-button i,
  .home2-faq-contact a i,
  .home2-faq-item,
  .home2-faq-chevron,
  .home2-faq-answer {
    transition: none;
  }
}

/* Final contact CTA — conversion-focused split layout */
.home2-contact-cta {
  position: relative;
  padding: clamp(48px, 5.6vw, 88px) 0;
  overflow: hidden;
  font-family: var(--tc-body-font-family, "Satoshi-Variable", Satoshi, Arial, sans-serif);
  background:
    radial-gradient(circle at 8% 100%, rgba(20, 104, 238, .075), transparent 17%),
    linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(251, 253, 255, .94));
  border-top: 1px solid rgba(19, 45, 86, .06);
}

/* Arka planda hafif nokta dokusu — kenarlarda belirir, icerik alaninda kaybolur */
.home2-contact-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: .5;
  background-image: radial-gradient(rgba(20, 104, 238, 0.12) 1.3px, transparent 1.4px);
  background-size: 30px 30px;
  -webkit-mask-image: radial-gradient(ellipse 78% 70% at 50% 50%, transparent 34%, #000 90%);
  mask-image: radial-gradient(ellipse 78% 70% at 50% 50%, transparent 34%, #000 90%);
}

.home2-contact-cta .container {
  position: relative;
  z-index: 1;
}

.home2-contact-cta-shell {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(440px, .96fr);
  gap: clamp(48px, 5vw, 92px);
  align-items: center;
  min-height: 680px;
  padding: clamp(52px, 5vw, 78px);
  overflow: hidden;
  border: 0;
  border-radius: 18px;
  background:
    radial-gradient(circle at 8% 100%, rgba(20, 104, 238, .075), transparent 17%),
    linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(251, 253, 255, .94));
  box-shadow:
    0 24px 70px rgba(15, 31, 65, .08),
    inset 0 1px 0 #fff;
}

/* Section icindeki shell gorsel olarak ayrismaz: arka plan section ile birebir ayni;
   kart hissi (golge + yuvarlak kose) yok. Modal'daki shell bundan etkilenmez. */
.home2-contact-cta .home2-contact-cta-shell {
  border-radius: 0;
  background: none;
  box-shadow: none;
}

.home2-contact-cta-dots {
  position: absolute;
  z-index: -1;
  top: 45px;
  left: 34px;
  width: 74px;
  height: 92px;
  opacity: .6;
  pointer-events: none;
  background-image: radial-gradient(circle, rgba(20, 104, 238, .48) 3px, transparent 3.5px);
  background-size: 22px 22px;
  mask-image: linear-gradient(135deg, #000, transparent 92%);
}

.home2-contact-cta-orbit {
  position: absolute;
  z-index: -1;
  top: 50%;
  right: -155px;
  width: 470px;
  height: 470px;
  border: 2px dashed rgba(20, 104, 238, .17);
  border-radius: 50%;
  transform: translateY(-41%);
  pointer-events: none;
}

.home2-contact-cta-orbit::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 50%;
  height: 72%;
  border-radius: 100% 0 0 100% / 50% 0 0 50%;
  background: linear-gradient(180deg, rgba(20, 104, 238, .04), rgba(20, 104, 238, .13));
  transform: translateY(-50%);
}

.home2-contact-cta-copy,
.home2-contact-cta-form-card {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.home2-contact-cta-copy {
  padding: 16px 0 8px;
}

.home2-contact-cta-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 42px;
  margin-bottom: 28px;
  padding: 10px 17px;
  color: #0d5ed8;
  border: 1px solid rgba(20, 104, 238, .22);
  border-radius: 999px;
  background: rgba(255, 255, 255, .78);
  font-size: 14px;
  line-height: 1;
  font-weight: 750;
  box-shadow: 0 8px 24px rgba(15, 49, 104, .04);
}

.home2-contact-cta-kicker i {
  width: 11px;
  height: 11px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #1468ee;
  box-shadow: 0 0 0 5px rgba(20, 104, 238, .09);
}

.home2-contact-cta-kicker b {
  color: rgba(13, 94, 216, .42);
  font-weight: 500;
}

.home2-contact-cta-copy h2 {
  margin: 0;
  color: #07183f;
  font-size: clamp(48px, 4.8vw, 74px);
  line-height: .98;
  font-weight: 950;
  letter-spacing: -.045em;
}

.home2-contact-cta-copy h2 span {
  color: #1468ee;
}

.home2-contact-cta-copy>p:not(.home2-contact-cta-privacy) {
  max-width: 610px;
  margin: 28px 0 0;
  color: #53627a;
  font-size: clamp(16px, 1.22vw, 19px);
  line-height: 1.72;
}

.home2-contact-cta-benefits {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 38px;
}

.home2-contact-cta-benefit {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 13px;
  align-items: start;
  min-width: 0;
}

.home2-contact-cta-benefit>span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  color: #1468ee;
  border: 1px solid rgba(20, 104, 238, .08);
  border-radius: 50%;
  background: #edf4ff;
  font-size: 21px;
}

.home2-contact-cta-benefit strong,
.home2-contact-cta-benefit small {
  display: block;
}

.home2-contact-cta-benefit strong {
  margin-top: 1px;
  color: #07183f;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 900;
}

.home2-contact-cta-benefit small {
  margin-top: 5px;
  color: #66738a;
  font-size: 11px;
  line-height: 1.48;
}

.home2-contact-cta-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 42px;
}

.home2-contact-cta-primary,
.home2-contact-cta-phone {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-height: 58px;
  padding: 14px 28px;
  border-radius: 10px;
  font-size: 16px;
  line-height: 1;
  font-weight: 850;
  transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.home2-contact-cta-primary {
  min-width: 210px;
  color: #fff;
  border: 1px solid #1468ee;
  background: linear-gradient(135deg, #1468ee, #0756da);
  box-shadow: 0 15px 30px rgba(20, 104, 238, .2);
}

.home2-contact-cta-primary:hover,
.home2-contact-cta-primary:focus-visible {
  color: #fff;
  background: linear-gradient(135deg, #0d5edb, #064bc0);
  transform: translateY(-2px);
  box-shadow: 0 18px 34px rgba(20, 104, 238, .27);
}

.home2-contact-cta-phone {
  color: #07183f;
  border: 1px solid rgba(19, 45, 86, .16);
  background: rgba(255, 255, 255, .9);
}

.home2-contact-cta-phone:hover,
.home2-contact-cta-phone:focus-visible {
  color: #1468ee;
  border-color: rgba(20, 104, 238, .35);
  background: #fff;
  transform: translateY(-2px);
}

.home2-contact-cta-primary:focus-visible,
.home2-contact-cta-phone:focus-visible {
  outline: 3px solid rgba(20, 104, 238, .2);
  outline-offset: 4px;
}

.home2-contact-cta-privacy {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 17px 0 0;
  color: #718099;
  font-size: 12px;
  line-height: 1.45;
}

.home2-contact-cta-privacy i {
  color: #1468ee;
  font-size: 16px;
}

.home2-contact-cta-form-card {
  padding: 42px 38px 34px;
  border: 1px solid rgba(19, 45, 86, .1);
  border-radius: 16px;
  background: rgba(255, 255, 255, .94);
  box-shadow:
    0 28px 64px rgba(15, 31, 65, .12),
    inset 0 1px 0 #fff;
  backdrop-filter: blur(10px);
}

.home2-contact-cta-stat {
  position: absolute;
  top: 24px;
  right: 24px;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  min-width: 184px;
  padding: 12px 14px;
  border: 1px solid rgba(20, 104, 238, .11);
  border-radius: 14px;
  background: rgba(255, 255, 255, .97);
  box-shadow: 0 14px 34px rgba(15, 49, 104, .12);
}

.home2-contact-cta-stat>span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  color: #fff;
  border-radius: 50%;
  background: linear-gradient(145deg, #1468ee, #0756da);
  font-size: 22px;
  box-shadow: 0 10px 24px rgba(20, 104, 238, .22);
}

.home2-contact-cta-stat strong,
.home2-contact-cta-stat small {
  display: block;
}

.home2-contact-cta-stat strong {
  color: #1468ee;
  font-size: 27px;
  line-height: 1;
  font-weight: 950;
}

.home2-contact-cta-stat small {
  max-width: 95px;
  margin-top: 5px;
  color: #07183f;
  font-size: 11px;
  line-height: 1.25;
  font-weight: 800;
}

.home2-contact-cta-form-head {
  max-width: calc(100% - 190px);
  min-height: 86px;
  margin-bottom: 22px;
}

.home2-contact-cta-form-head>span {
  display: block;
  margin-bottom: 6px;
  color: #1468ee;
  font-size: 11px;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.home2-contact-cta-form-head h3 {
  margin: 0;
  color: #07183f;
  font-size: clamp(27px, 2.15vw, 34px);
  line-height: 1.08;
  font-weight: 950;
  letter-spacing: -.025em;
}

.home2-contact-cta-form-head p {
  margin: 9px 0 0;
  color: #66738a;
  font-size: 13px;
  line-height: 1.5;
}

.home2-contact-cta-form {
  display: grid;
  gap: 12px;
}

.home2-contact-cta-field {
  position: relative;
  min-width: 0;
}

.home2-contact-cta-field>i {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 18px;
  color: #647493;
  font-size: 17px;
  transform: translateY(-50%);
  pointer-events: none;
}

.home2-contact-cta-field input,
.home2-contact-cta-field select,
.home2-contact-cta-field textarea {
  width: 100%;
  min-height: 54px;
  margin: 0;
  padding: 13px 44px 13px 50px;
  color: #07183f;
  border: 1px solid rgba(19, 45, 86, .16);
  border-radius: 9px;
  outline: 0;
  background: #fff;
  font: inherit;
  font-size: 14px;
  line-height: 1.4;
  box-shadow: none;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.home2-contact-cta-field select {
  cursor: pointer;
}

.home2-contact-cta-field textarea {
  min-height: 100px;
  padding-top: 17px;
  resize: vertical;
}

.home2-contact-cta-field-message>i {
  top: 18px;
  transform: none;
}

.home2-contact-cta-field input::placeholder,
.home2-contact-cta-field textarea::placeholder {
  color: #77849a;
  opacity: 1;
}

.home2-contact-cta-field:focus-within>i {
  color: #1468ee;
}

.home2-contact-cta-field input:focus,
.home2-contact-cta-field select:focus,
.home2-contact-cta-field textarea:focus {
  border-color: rgba(20, 104, 238, .58);
  background: #fff;
  box-shadow: 0 0 0 4px rgba(20, 104, 238, .09);
}

.home2-contact-cta-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  width: 100%;
  min-height: 58px;
  margin-top: 3px;
  padding: 14px 24px;
  color: #fff;
  border: 0;
  border-radius: 9px;
  background: linear-gradient(135deg, #1468ee, #0756da);
  font-size: 16px;
  line-height: 1;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 14px 28px rgba(20, 104, 238, .19);
  transition: background .2s ease, transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}

.home2-contact-cta-submit:hover,
.home2-contact-cta-submit:focus-visible {
  background: linear-gradient(135deg, #0d5edb, #064bc0);
  transform: translateY(-2px);
  box-shadow: 0 18px 32px rgba(20, 104, 238, .26);
}

.home2-contact-cta-submit:focus-visible {
  outline: 3px solid rgba(20, 104, 238, .2);
  outline-offset: 4px;
}

.home2-contact-cta-submit:disabled {
  opacity: .65;
  cursor: wait;
  transform: none;
}

.home2-contact-cta-consent {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 7px 0 0;
  color: #8792a5;
  font-size: 10px;
  line-height: 1.45;
}

.home2-contact-cta-consent i {
  margin-top: 1px;
  color: #647493;
  font-size: 12px;
}

@media (max-width: 1199.98px) {
  .home2-contact-cta-shell {
    grid-template-columns: minmax(0, 1fr) minmax(410px, .9fr);
    gap: 42px;
    padding: 48px 42px;
  }

  .home2-contact-cta-benefits {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .home2-contact-cta-benefit {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .home2-contact-cta-benefit>span {
    width: 44px;
    height: 44px;
  }
}

@media (max-width: 991.98px) {
  .home2-contact-cta-shell {
    grid-template-columns: 1fr;
    gap: 52px;
    padding: 58px;
  }

  .home2-contact-cta-copy {
    max-width: 720px;
  }

  .home2-contact-cta-benefits {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .home2-contact-cta-form-card {
    max-width: 680px;
  }
}

@media (max-width: 767.98px) {
  .home2-contact-cta {
    padding: 38px 0;
  }

  .home2-contact-cta-shell {
    min-height: 0;
    gap: 38px;
    padding: 44px 28px 28px;
    border-radius: 14px;
  }

  .home2-contact-cta-dots {
    top: 20px;
    left: 14px;
    transform: scale(.78);
    transform-origin: top left;
  }

  .home2-contact-cta-orbit {
    display: none;
  }

  .home2-contact-cta-kicker {
    margin-bottom: 24px;
    font-size: 12px;
  }

  .home2-contact-cta-copy h2 {
    font-size: clamp(42px, 12vw, 58px);
  }

  .home2-contact-cta-copy>p:not(.home2-contact-cta-privacy) {
    margin-top: 22px;
    font-size: 15px;
  }

  .home2-contact-cta-benefits {
    grid-template-columns: 1fr;
    margin-top: 30px;
  }

  .home2-contact-cta-actions {
    align-items: stretch;
    flex-direction: column;
    margin-top: 34px;
  }

  .home2-contact-cta-primary,
  .home2-contact-cta-phone {
    width: 100%;
  }

  .home2-contact-cta-form-card {
    padding: 28px 22px 24px;
    border-radius: 13px;
  }

  .home2-contact-cta-stat {
    position: static;
    width: 100%;
    margin-bottom: 24px;
  }

  .home2-contact-cta-form-head {
    max-width: none;
    min-height: 0;
  }
}

@media (max-width: 575.98px) {
  .home2-contact-cta .container {
    padding-right: 16px;
    padding-left: 16px;
  }

  .home2-contact-cta-shell {
    padding: 40px 20px 20px;
  }

  .home2-contact-cta-kicker {
    min-height: 38px;
    padding: 9px 13px;
  }

  .home2-contact-cta-copy h2 {
    font-size: clamp(39px, 12.8vw, 50px);
  }

  .home2-contact-cta-form-card {
    padding: 22px 16px 20px;
  }

  .home2-contact-cta-field input,
  .home2-contact-cta-field select,
  .home2-contact-cta-field textarea {
    padding-right: 36px;
    padding-left: 46px;
    font-size: 13px;
  }

  .home2-contact-cta-field>i {
    left: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {

  .home2-contact-cta-primary,
  .home2-contact-cta-phone,
  .home2-contact-cta-field input,
  .home2-contact-cta-field select,
  .home2-contact-cta-field textarea,
  .home2-contact-cta-submit {
    transition: none;
  }
}

/* Customer stories — editorial copy + staggered review cards */
.home2-testimonials {
  position: relative;
  overflow: hidden;
  padding: clamp(60px, 5.4vw, 92px) 0;
  background:
    linear-gradient(180deg, #f6f9fd 0%, #fbfdff 46%, #f7fbff 100%);
  font-family: var(--tc-body-font-family, "Satoshi-Variable", Satoshi, Arial, sans-serif);
}

.home2-testimonials-shell {
  position: relative;
  width: min(1888px, calc(100vw - 72px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: clamp(330px, 24vw, 460px) minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: clamp(28px, 2.4vw, 46px);
  row-gap: 24px;
  align-items: center;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.home2-testimonials-copy {
  grid-row: 1 / 3;
  min-width: 0;
  max-width: 460px;
  align-self: center;
}

.home2-testimonials-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 22px;
  color: #1468ee;
  font-size: 14px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.home2-testimonials-kicker i {
  font-size: 26px;
  line-height: 1;
}

.home2-testimonials-copy h2 {
  margin: 0;
  color: #07183f;
  font-size: clamp(42px, 3.05vw, 62px);
  line-height: .99;
  font-weight: 900;
  letter-spacing: -.035em;
  white-space: nowrap;
}

.home2-testimonials-copy h2 span {
  display: block;
  color: #1468ee;
}

.home2-testimonials-copy h2::after {
  content: "";
  display: block;
  width: 48px;
  height: 3px;
  margin-top: 24px;
  border-radius: 999px;
  background: #1468ee;
}

.home2-testimonials-copy>p {
  max-width: 470px;
  margin: 20px 0 0;
  color: #5c6b82;
  font-size: clamp(16px, 1vw, 18px);
  line-height: 1.72;
}

.home2-google-rating {
  display: grid;
  grid-template-columns: 52px auto minmax(110px, 1fr);
  gap: 16px;
  align-items: center;
  margin-top: 32px;
  padding: 16px 18px;
  border: 1px solid rgba(19, 45, 86, .11);
  border-radius: 12px;
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 15px 38px rgba(15, 49, 104, .07);
}

.home2-google-rating>svg {
  width: 44px;
  height: 44px;
}

.home2-google-rating-score {
  padding-right: 16px;
  border-right: 1px solid rgba(19, 45, 86, .12);
}

.home2-google-rating-score strong,
.home2-google-rating-score span {
  display: block;
}

.home2-google-rating-score strong {
  color: #07183f;
  font-size: 28px;
  line-height: 1;
  font-weight: 900;
}

.home2-google-rating-score strong small {
  margin-left: 3px;
  color: #66738a;
  font-size: 14px;
  font-weight: 700;
}

.home2-google-rating-score span {
  margin-top: 5px;
  color: #66738a;
  font-size: 11px;
  line-height: 1.25;
  white-space: nowrap;
}

.home2-google-rating-stars {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  color: #f8b400;
  font-size: 17px;
}

.home2-testimonials-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  width: min(100%, 430px);
  margin-top: 26px;
}

.home2-testimonials-cta {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  width: 100%;
  min-height: 56px;
  padding: 15px 16px;
  border-radius: 10px;
  color: #fff;
  background: linear-gradient(135deg, #1468ee, #0756da);
  box-shadow: 0 16px 34px rgba(20, 104, 238, .22);
  font-size: 15px;
  line-height: 1;
  font-weight: 850;
  transition: transform .2s ease, box-shadow .2s ease;
}

.home2-testimonials-cta-secondary {
  color: #0756da;
  background: #fff;
  border: 1px solid rgba(20, 104, 238, .16);
  box-shadow: 0 14px 30px rgba(15, 49, 104, .08);
}

.home2-testimonials-cta i {
  font-size: 18px;
  transition: transform .2s ease;
}

.home2-testimonials-cta:hover,
.home2-testimonials-cta:focus-visible {
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 20px 40px rgba(20, 104, 238, .28);
}

.home2-testimonials-cta-secondary:hover,
.home2-testimonials-cta-secondary:focus-visible {
  color: #0756da;
  border-color: rgba(20, 104, 238, .34);
  background: #f8fbff;
  box-shadow: 0 18px 36px rgba(15, 49, 104, .12);
}

.home2-testimonials-cta:hover i,
.home2-testimonials-cta:focus-visible i {
  transform: translateX(4px);
}

.home2-testimonials-cta:focus-visible {
  outline: 3px solid rgba(20, 104, 238, .2);
  outline-offset: 4px;
}

.home2-testimonial-cards {
  --home2-testimonial-gap: clamp(12px, 1.15vw, 22px);
  min-width: 0;
  display: flex;
  gap: var(--home2-testimonial-gap);
  align-items: stretch;
  padding: 32px 0 24px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding-left: 0;
  scroll-behavior: smooth;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  cursor: grab;
  touch-action: pan-x pan-y;
  user-select: none;
}

.home2-testimonial-cards:active {
  cursor: grabbing;
}

.home2-testimonial-cards.is-dragging,
.home2-testimonial-cards.is-dragging .home2-testimonial-card {
  cursor: grabbing;
}

.home2-testimonial-cards::-webkit-scrollbar {
  display: none;
}

.home2-testimonial-card {
  position: relative;
  min-width: 0;
  flex: 0 0 calc((100% - (var(--home2-testimonial-gap) * 2)) / 3);
  min-height: 500px;
  display: flex;
  flex-direction: column;
  padding: clamp(25px, 1.8vw, 34px);
  overflow: hidden;
  border: 1px solid rgba(19, 45, 86, .1);
  border-radius: 13px;
  background: #fff;
  box-shadow:
    0 20px 52px rgba(15, 31, 65, .09),
    inset 0 1px 0 rgba(255, 255, 255, .92);
  transform: translateY(15px);
  scroll-snap-align: center;
  transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}

.home2-testimonial-card.is-centered {
  z-index: 2;
  min-height: 540px;
  border-color: rgba(20, 104, 238, .16);
  transform: translateY(-18px);
  box-shadow:
    0 28px 72px rgba(15, 49, 104, .14),
    inset 0 1px 0 rgba(255, 255, 255, .96);
}

.home2-testimonial-card:hover {
  border-color: rgba(20, 104, 238, .24);
  box-shadow:
    0 26px 66px rgba(15, 49, 104, .13),
    inset 0 1px 0 rgba(255, 255, 255, .96);
}

.home2-testimonial-card:not(.is-centered):hover {
  transform: translateY(9px);
}

.home2-testimonial-card.is-centered:hover {
  transform: translateY(-24px);
}

.home2-testimonial-quote {
  position: absolute;
  top: 25px;
  right: 24px;
  color: #e7eef9;
  font-size: 64px;
  line-height: 1;
}

.home2-testimonial-author {
  position: relative;
  z-index: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 15px;
  padding-right: 52px;
}

.home2-testimonial-author img,
.home2-testimonial-avatar {
  width: 72px;
  height: 72px;
  flex: 0 0 72px;
  border-radius: 50%;
  background: #edf3fb;
  box-shadow:
    0 0 0 7px #eef4ff,
    0 12px 28px rgba(15, 49, 104, .12);
}

.home2-testimonial-author img {
  display: block;
  object-fit: cover;
}

.home2-testimonial-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #1468ee;
  background: linear-gradient(135deg, #edf4ff, #ffffff);
  font-size: 20px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: -.02em;
}

.home2-testimonial-author h3 {
  margin: 0;
  color: #07183f;
  font-size: clamp(18px, 1.28vw, 23px);
  line-height: 1.12;
  font-weight: 850;
  letter-spacing: -.015em;
}

.home2-testimonial-author span {
  display: block;
  margin-top: 7px;
  color: #1468ee;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 750;
}

.home2-testimonial-stars {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 28px;
  color: #f8b400;
  font-size: 18px;
}

.home2-testimonial-card blockquote {
  margin: 22px 0 0;
}

.home2-testimonial-card blockquote p {
  margin: 0;
  color: #27364e;
  font-size: clamp(14px, .88vw, 16px);
  line-height: 1.68;
  font-weight: 500;
  user-select: none;
}

.home2-testimonials-trust {
  grid-column: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid rgba(19, 45, 86, .1);
  border-radius: 12px;
  background: rgba(255, 255, 255, .76);
}

.home2-testimonials-trust>div {
  position: relative;
  min-width: 0;
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  padding: 14px 18px;
  color: #40506a;
  font-size: 12px;
  line-height: 1.35;
  font-weight: 800;
  text-align: center;
}

.home2-testimonials-trust>div+div::before {
  content: "";
  position: absolute;
  top: 18px;
  bottom: 18px;
  left: 0;
  width: 1px;
  background: rgba(19, 45, 86, .11);
}

.home2-testimonials-trust i {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #1468ee;
  background: #edf4ff;
  font-size: 18px;
}

@media (max-width: 1399.98px) {
  .home2-testimonials-shell {
    width: min(1888px, calc(100vw - 72px));
    grid-template-columns: minmax(330px, .62fr) minmax(0, 1.7fr);
    column-gap: 24px;
    padding: 0;
  }

  .home2-testimonial-card {
    min-height: 510px;
    padding: 26px 22px;
  }

  .home2-testimonial-card.is-centered {
    min-height: 550px;
  }

  .home2-testimonial-author {
    gap: 13px;
    padding-right: 38px;
  }

  .home2-testimonial-author img,
  .home2-testimonial-avatar {
    width: 64px;
    height: 64px;
    flex-basis: 64px;
  }

  .home2-testimonial-quote {
    right: 18px;
    font-size: 54px;
  }
}

@media (max-width: 1199.98px) {
  .home2-testimonials-shell {
    width: min(1080px, calc(100vw - 48px));
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    row-gap: 30px;
    padding: 0;
  }

  .home2-testimonials-copy {
    grid-row: auto;
    max-width: 820px;
  }

  .home2-testimonials-copy>p {
    max-width: 680px;
  }

  .home2-google-rating {
    width: min(100%, 460px);
  }

  .home2-testimonial-cards {
    grid-column: 1;
  }

  .home2-testimonials-trust {
    grid-column: 1;
  }
}

@media (max-width: 991.98px) {
  .home2-testimonial-cards {
    --home2-testimonial-gap: 16px;
    gap: 16px;
    margin-right: -6px;
    margin-left: -6px;
    padding: 22px 6px 28px;
    scroll-padding-left: 6px;
  }

  .home2-testimonial-card,
  .home2-testimonial-card.is-centered {
    flex: 0 0 min(72vw, 380px);
    min-height: 490px;
    scroll-snap-align: center;
    transform: none;
  }

  .home2-testimonial-card:not(.is-centered):hover,
  .home2-testimonial-card.is-centered:hover {
    transform: none;
  }
}

@media (max-width: 767.98px) {
  .home2-testimonials {
    padding: 52px 0;
  }

  .home2-testimonials-shell {
    width: calc(100vw - 32px);
    row-gap: 24px;
    padding: 0;
  }

  .home2-testimonials-kicker {
    margin-bottom: 18px;
    font-size: 12px;
  }

  .home2-testimonials-copy h2 {
    font-size: clamp(34px, 10vw, 46px);
  }

  .home2-testimonials-copy>p {
    font-size: 15px;
  }

  .home2-testimonial-card,
  .home2-testimonial-card.is-centered {
    flex-basis: min(82vw, 350px);
    min-height: 490px;
  }

  .home2-testimonials-trust {
    grid-template-columns: 1fr;
  }

  .home2-testimonials-trust>div {
    justify-content: flex-start;
    min-height: 64px;
    text-align: left;
  }

  .home2-testimonials-trust>div+div::before {
    top: 0;
    right: 18px;
    bottom: auto;
    left: 18px;
    width: auto;
    height: 1px;
  }
}

@media (max-width: 575.98px) {
  .home2-testimonials-shell {
    width: calc(100vw - 26px);
  }

  .home2-google-rating {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 13px;
    padding: 15px;
  }

  .home2-google-rating>svg {
    width: 40px;
    height: 40px;
  }

  .home2-google-rating-score {
    padding-right: 0;
    border-right: 0;
  }

  .home2-google-rating-stars {
    grid-column: 1 / -1;
    justify-content: flex-start;
    padding-top: 12px;
    border-top: 1px solid rgba(19, 45, 86, .1);
  }

  .home2-testimonials-cta {
    width: 100%;
  }

  .home2-testimonials-actions {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .home2-testimonial-cards {
    margin-right: -2px;
    margin-left: -2px;
    padding-right: 2px;
    padding-left: 2px;
  }

  .home2-testimonial-card,
  .home2-testimonial-card.is-centered {
    flex-basis: min(84vw, 332px);
    min-height: 480px;
    padding: 24px 20px;
  }

  .home2-testimonial-author {
    padding-right: 34px;
  }

  .home2-testimonial-author img,
  .home2-testimonial-avatar {
    width: 58px;
    height: 58px;
    flex-basis: 58px;
    box-shadow:
      0 0 0 5px #eef4ff,
      0 10px 24px rgba(15, 49, 104, .11);
  }

  .home2-testimonial-author h3 {
    font-size: 18px;
  }

  .home2-testimonial-quote {
    top: 19px;
    right: 14px;
    font-size: 46px;
  }

  .home2-testimonial-stars {
    margin-top: 24px;
  }

  .home2-testimonial-card blockquote p {
    font-size: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {

  .home2-testimonials-cta,
  .home2-testimonials-cta i,
  .home2-testimonial-card {
    transition: none;
  }

  .home2-testimonial-cards {
    scroll-behavior: auto;
  }
}

/* Anasayfa 2 - reference-led footer */
.home2-footer {
  --home2-footer-bg: #03142f;
  --home2-footer-bg-deep: #021027;
  --home2-footer-blue: #1684ff;
  --home2-footer-cyan: #35bfff;
  position: relative;
  isolation: isolate;
  margin-top: 68px;
  padding: 44px 0 0;
  overflow: visible;
  background:
    radial-gradient(circle at 74% 34%, rgba(14, 103, 238, .08), transparent 30%),
    linear-gradient(180deg, var(--home2-footer-bg) 0%, var(--home2-footer-bg-deep) 100%);
  background-color: var(--home2-footer-bg);
  color: rgba(234, 241, 255, .72);
}

.home2-footer::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: .2;
  background-image:
    radial-gradient(circle at 7% 55%, #2b9dff 0 1px, transparent 1.5px),
    radial-gradient(circle at 22% 69%, #2b9dff 0 1px, transparent 1.5px),
    radial-gradient(circle at 92% 23%, #2b9dff 0 1px, transparent 1.5px);
  background-size: 330px 280px, 420px 360px, 520px 440px;
}

.home2-footer-curve {
  position: absolute;
  left: 0;
  right: 0;
  top: -68px;
  height: 74px;
  overflow: hidden;
  pointer-events: none;
  /* Dalganin ustundeki alan contact-cta section'inin devami gibi gorunsun
     (body rengi degil, contact-cta ile birebir ayni arka plan). */
  background:
    radial-gradient(circle at 8% 100%, rgba(20, 104, 238, .075), transparent 17%),
    linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(251, 253, 255, .94));
}

.home2-footer-curve svg {
  display: block;
  width: 100%;
  height: 100%;
}

.home2-footer-curve-accent {
  fill: #2b8dff;
}

.home2-footer-curve-fill {
  fill: var(--home2-footer-bg);
}

.home2-footer-container {
  position: relative;
  z-index: 1;
}

.home2-footer-main {
  display: grid;
  grid-template-columns: minmax(300px, 390px) minmax(0, 1fr);
  gap: clamp(28px, 3vw, 48px);
  padding: 0 0 22px;
}

.home2-footer-brand {
  min-width: 0;
  padding-right: clamp(24px, 3vw, 48px);
  border-right: 1px solid rgba(91, 136, 201, .17);
}

.home2-footer-logo {
  display: inline-flex;
  align-items: center;
  min-height: 52px;
}

.home2-footer-logo img {
  display: block;
  width: clamp(166px, 13vw, 206px);
  max-height: 62px;
  object-fit: contain;
  object-position: left center;
  filter: brightness(0) invert(1);
}

.home2-footer-brand>p {
  max-width: 340px;
  margin: 20px 0 0;
  color: rgba(224, 233, 248, .7);
  font-size: 15px;
  line-height: 1.8;
}

.home2-footer-contact {
  display: grid;
  gap: 9px;
  margin-top: 24px;
}

.home2-footer-contact a {
  display: flex;
  align-items: center;
  gap: 13px;
  width: fit-content;
  max-width: 100%;
  margin: 0;
  color: #f7faff;
  font-size: 15px;
  font-weight: 700;
}

.home2-footer-contact a:hover,
.home2-footer-contact a:focus-visible {
  color: #fff;
}

.home2-footer-contact strong {
  color: inherit;
  font-weight: 550;
}

.home2-footer-contact-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  border: 1px solid rgba(40, 149, 255, .75);
  border-radius: 7px;
  color: var(--home2-footer-cyan);
  background: rgba(7, 89, 198, .08);
  box-shadow: inset 0 0 18px rgba(20, 125, 255, .06);
}

.home2-footer-social-title {
  display: block;
  margin-top: 27px;
  color: rgba(230, 238, 252, .74);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.home2-footer-social {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 14px;
}

.home2-footer-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin: 0;
  border: 1px solid rgba(112, 151, 205, .25);
  border-radius: 8px;
  color: #f5f8ff;
  background: rgba(6, 27, 58, .54);
  font-size: 17px;
  transition: border-color .2s ease, color .2s ease, background-color .2s ease, transform .2s ease;
}

.home2-footer-social a:hover,
.home2-footer-social a:focus-visible {
  color: #fff;
  border-color: rgba(41, 153, 255, .8);
  background: rgba(12, 100, 222, .22);
  transform: translateY(-2px);
}

.home2-footer-visual {
  width: calc(100% + 62px);
  max-width: 380px;
  margin: 10px -28px -26px -32px;
  pointer-events: none;
}

.home2-footer-visual img {
  display: block;
  width: 100%;
  height: auto;
  mix-blend-mode: screen;
  -webkit-mask-image: radial-gradient(ellipse 74% 70% at 50% 58%, #000 60%, transparent 100%);
  mask-image: radial-gradient(ellipse 74% 70% at 50% 58%, #000 60%, transparent 100%);
}

.home2-footer-content {
  display: flex;
  min-width: 0;
  flex-direction: column;
}

.home2-footer-links {
  display: grid;
  grid-template-columns: 1.2fr 1.2fr 1.15fr 1fr;
  gap: 0;
  min-width: 0;
}

.home2-footer-group {
  min-width: 0;
  padding: 0 clamp(16px, 1.55vw, 26px);
  border-right: 1px solid rgba(85, 130, 194, .14);
}

.home2-footer-group:first-child {
  padding-left: 0;
}

.home2-footer-group:last-child {
  padding-right: 0;
  border-right: 0;
}

.home2-footer-group-icon {
  display: block;
  margin: 0 0 22px;
  color: #3c95ff;
  font-size: 28px;
  line-height: 1;
}

.home2-footer-group h3 {
  margin: 0 0 22px;
  color: #f5f8ff;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 800;
  letter-spacing: .01em;
  text-transform: uppercase;
}

.home2-footer-group-list {
  display: grid;
  gap: 18px;
}

.home2-footer-group a,
.home2-footer-contact-group a {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
  color: rgba(226, 235, 251, .76);
  font-size: 13px;
  line-height: 1.5;
  white-space: normal;
  text-overflow: clip;
  transition: color .18s ease, transform .18s ease;
}

.home2-footer-group:not(.home2-footer-contact-group) a::before {
  content: none;
}

.home2-footer-group a>i {
  flex: 0 0 auto;
  margin-top: 2px;
  color: rgba(229, 239, 255, .9);
  font-size: 11px;
}

.home2-footer-group a>span {
  min-width: 0;
}

.home2-footer-group a:hover,
.home2-footer-group a:focus-visible {
  color: #fff;
  transform: translateX(2px);
}

.home2-footer-contact-group a {
  gap: 11px;
}

.home2-footer-contact-group a>i {
  margin-top: 1px;
  color: #7eb9ff;
  font-size: 15px;
}

.home2-footer-contact-group>.home2-footer-group-icon {
  color: #3c95ff;
  opacity: 1;
}

.home2-footer-consultation {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(250px, .8fr);
  align-items: center;
  gap: 20px;
  width: 82%;
  margin: 32px 0 0 auto;
  padding: 16px 20px;
  border: 1px solid rgba(66, 134, 224, .28);
  border-radius: 14px;
  background: rgba(2, 18, 43, .34);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
}

.home2-footer-consultation-copy {
  display: flex;
  align-items: center;
  gap: 20px;
  min-width: 0;
}

.home2-footer-consultation-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  flex: 0 0 64px;
  border: 1px solid rgba(26, 132, 255, .46);
  border-radius: 50%;
  color: #2d99ff;
  background: radial-gradient(circle at 50% 48%, rgba(21, 119, 241, .18), rgba(4, 29, 62, .4) 67%);
  font-size: 28px;
  box-shadow: inset 0 0 30px rgba(14, 113, 240, .08);
}

.home2-footer-consultation-copy strong {
  display: block;
  margin-bottom: 7px;
  color: #fff;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 800;
}

.home2-footer-consultation-copy p {
  max-width: 310px;
  margin: 0;
  color: rgba(220, 230, 247, .68);
  font-size: 13px;
  line-height: 1.7;
}

.home2-footer-consultation-action {
  min-width: 0;
}

.home2-footer-consultation-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 48px;
  padding: 11px 18px;
  border: 1px solid rgba(72, 164, 255, .58);
  border-radius: 9px;
  color: #fff;
  background: linear-gradient(110deg, #2298ff 0%, #1269f4 100%);
  box-shadow: 0 10px 28px rgba(0, 97, 255, .18), inset 0 1px 0 rgba(255, 255, 255, .2);
  font-size: 14px;
  line-height: 1.2;
  font-weight: 800;
  text-align: center;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.home2-footer-consultation-btn:hover,
.home2-footer-consultation-btn:focus-visible {
  color: #fff;
  filter: brightness(1.08);
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(0, 97, 255, .28), inset 0 1px 0 rgba(255, 255, 255, .24);
}

.home2-footer-proof {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-top: 13px;
  color: rgba(231, 238, 251, .72);
  font-size: 12px;
}

.home2-footer-proof>span strong {
  color: #fff;
  font-weight: 850;
}

.home2-footer-proof-avatars {
  display: flex;
  padding-left: 10px;
}

.home2-footer-proof-avatars img {
  width: 34px;
  height: 34px;
  margin-left: -10px;
  border: 2px solid #dfe8f7;
  border-radius: 50%;
  object-fit: cover;
  background: #dfe8f7;
}

.home2-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding: 16px 0 20px;
  border-top: 1px solid rgba(96, 137, 194, .17);
  color: rgba(222, 231, 247, .68);
  font-size: 13px;
}

.home2-footer-copyright {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 0 0 auto;
}

.home2-footer-shield {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(145, 170, 207, .4);
  border-radius: 9px;
  color: #9eb3d1;
  font-size: 19px;
}

.home2-footer-legal {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0;
}

.home2-footer-legal a {
  position: relative;
  margin: 0;
  padding: 0 24px;
  color: rgba(226, 234, 248, .72);
  line-height: 1.4;
}

.home2-footer-legal a+a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 24px;
  background: rgba(151, 177, 212, .4);
  transform: translateY(-50%);
}

.home2-footer-legal a:last-child {
  padding-right: 0;
}

.home2-footer-legal a:hover,
.home2-footer-legal a:focus-visible {
  color: #fff;
}

.home2-footer a:focus-visible {
  outline: 2px solid #45b4ff;
  outline-offset: 4px;
}

@media (max-width: 1399.98px) {
  .home2-footer-main {
    grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
    gap: 38px;
  }

  .home2-footer-group {
    padding-inline: 15px;
  }

  .home2-footer-group-list {
    gap: 15px;
  }

  .home2-footer-consultation {
    width: 86%;
  }
}

@media (max-width: 1199.98px) {
  .home2-footer-main {
    grid-template-columns: minmax(270px, 310px) minmax(0, 1fr);
    gap: 30px;
  }

  .home2-footer-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 34px;
  }

  .home2-footer-group,
  .home2-footer-group:first-child,
  .home2-footer-group:last-child {
    padding: 0 18px;
  }

  .home2-footer-group:nth-child(2n) {
    border-right: 0;
  }

  .home2-footer-consultation {
    width: 100%;
    grid-template-columns: 1fr;
  }

  .home2-footer-consultation-action {
    display: grid;
    grid-template-columns: minmax(230px, .65fr) 1fr;
    align-items: center;
    gap: 15px;
  }

  .home2-footer-proof {
    margin: 0;
  }

  .home2-footer-bottom {
    align-items: flex-start;
    flex-direction: column;
  }

  .home2-footer-legal {
    justify-content: flex-start;
  }

  .home2-footer-legal a:first-child {
    padding-left: 0;
  }
}

@media (max-width: 991.98px) {
  .home2-footer {
    padding-top: 54px;
  }

  .home2-footer-main {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  .home2-footer-brand {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 36px;
    padding: 0 0 36px;
    border-right: 0;
    border-bottom: 1px solid rgba(91, 136, 201, .17);
  }

  .home2-footer-logo,
  .home2-footer-brand>p,
  .home2-footer-social-title,
  .home2-footer-social {
    grid-column: 1;
  }

  .home2-footer-contact {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: end;
    margin-top: 0;
  }

  .home2-footer-visual {
    display: none;
  }

  .home2-footer-content {
    gap: 30px;
  }

  .home2-footer-consultation {
    margin-top: 0;
  }
}

@media (max-width: 767.98px) {
  .home2-footer {
    margin-top: 54px;
    padding-top: 42px;
  }

  .home2-footer-curve {
    top: -54px;
    height: 60px;
  }

  .home2-footer-brand {
    display: block;
  }

  .home2-footer-brand>p {
    max-width: 520px;
  }

  .home2-footer-contact {
    margin-top: 22px;
  }

  .home2-footer-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px 0;
  }

  .home2-footer-group,
  .home2-footer-group:first-child,
  .home2-footer-group:last-child,
  .home2-footer-group:nth-child(4) {
    padding: 0 20px;
    border-right: 1px solid rgba(85, 130, 194, .14);
  }

  .home2-footer-group:nth-child(odd) {
    padding-left: 0;
  }

  .home2-footer-group:nth-child(even) {
    padding-right: 0;
    border-right: 0;
  }

  .home2-footer-group:last-child {
    padding-left: 20px;
    border-right: 0;
  }

  .home2-footer-consultation-action {
    display: block;
  }

  .home2-footer-proof {
    margin-top: 14px;
  }

  .home2-footer-bottom {
    gap: 22px;
  }

  .home2-footer-legal {
    gap: 12px 20px;
  }

  .home2-footer-legal a,
  .home2-footer-legal a:first-child,
  .home2-footer-legal a:last-child {
    padding: 0;
  }

  .home2-footer-legal a+a::before {
    content: none;
  }
}

@media (max-width: 575.98px) {
  .home2-footer-main {
    gap: 28px;
  }

  .home2-footer-logo img {
    width: 162px;
  }

  .home2-footer-brand>p {
    font-size: 14px;
    line-height: 1.7;
  }

  .home2-footer-contact a {
    font-size: 14px;
  }

  .home2-footer-links {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .home2-footer-group,
  .home2-footer-group:first-child,
  .home2-footer-group:last-child,
  .home2-footer-group:nth-child(4),
  .home2-footer-group:nth-child(odd),
  .home2-footer-group:nth-child(even) {
    padding: 26px 0;
    border-right: 0;
    border-bottom: 1px solid rgba(85, 130, 194, .14);
  }

  .home2-footer-group:first-child {
    padding-top: 8px;
  }

  .home2-footer-group-icon {
    margin-bottom: 15px;
    font-size: 25px;
  }

  .home2-footer-group h3 {
    margin-bottom: 16px;
  }

  .home2-footer-group-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px 16px;
  }

  .home2-footer-contact-group .home2-footer-group-list {
    grid-template-columns: 1fr;
  }

  .home2-footer-consultation {
    padding: 20px;
  }

  .home2-footer-consultation-copy {
    align-items: flex-start;
    gap: 15px;
  }

  .home2-footer-consultation-icon {
    width: 56px;
    height: 56px;
    flex-basis: 56px;
    font-size: 24px;
  }

  .home2-footer-consultation-btn {
    width: 100%;
    margin-top: 20px;
  }

  .home2-footer-proof {
    justify-content: flex-start;
  }

  .home2-footer-copyright {
    align-items: flex-start;
  }

  .home2-footer-shield {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
  }
}

@media (max-width: 390px) {
  .home2-footer-group-list {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home2-footer a {
    transition: none;
  }
}

/* Contact CTA visual language reused inside the offer modal */
.home2-offer-modal .modal-dialog {
  width: min(1180px, calc(100vw - 32px));
  max-width: none;
  margin-inline: auto;
}

.home2-offer-modal .modal-content {
  overflow: visible;
  border: 0;
  border-radius: 20px;
  background: transparent;
  box-shadow: 0 34px 90px rgba(3, 20, 47, .26);
}

.home2-offer-modal .home2-modal-close {
  top: 12px;
  right: 12px;
  z-index: 8;
  width: 34px;
  height: 34px;
  padding: 10px;
  border: 1px solid rgba(19, 45, 86, .12);
  border-radius: 10px;
  background-color: rgba(255, 255, 255, .96);
  box-shadow: 0 10px 24px rgba(15, 31, 65, .12);
}

.home2-modal-cta-shell {
  grid-template-columns: minmax(0, .9fr) minmax(460px, 1.1fr);
  gap: 44px;
  min-height: 0;
  max-height: calc(100vh - 32px);
  padding: 34px 46px 40px;
  overflow-x: hidden;
  overflow-y: auto;
  border-radius: 20px;
}

.home2-modal-cta-copy {
  padding: 8px 0;
}

.home2-modal-cta-copy h2 {
  font-size: clamp(46px, 4.3vw, 64px);
}

.home2-modal-cta-copy>p:not(.home2-contact-cta-privacy) {
  margin-top: 22px;
  font-size: 16px;
}

.home2-modal-cta-benefits {
  grid-template-columns: 1fr;
  gap: 14px;
  margin-top: 30px;
}

.home2-modal-cta-phone {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  margin-top: 30px;
  padding: 11px 16px;
  color: #0756da;
  border: 1px solid rgba(20, 104, 238, .16);
  border-radius: 9px;
  background: #edf4ff;
  font-size: 14px;
  font-weight: 850;
}

.home2-modal-cta-phone:hover,
.home2-modal-cta-phone:focus-visible {
  color: #064bc0;
  border-color: rgba(20, 104, 238, .35);
  background: #e5efff;
}

.home2-modal-cta-form-card {
  padding: 38px 34px 30px;
}

.home2-modal-contact-form {
  gap: 11px;
}

.home2-modal-form-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
}

/* Footer AI routing panel */
.home2-footer-ai {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 18px;
  width: 82%;
  margin: 18px 0 0 auto;
  padding: 14px 16px;
  border: 1px solid rgba(66, 134, 224, .22);
  border-radius: 12px;
  background: rgba(2, 18, 43, .28);
}

.home2-footer-ai-title {
  margin-right: auto;
  color: #fff;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 800;
  white-space: nowrap;
}

.home2-footer-ai-providers {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 9px;
}

.home2-footer-ai-provider {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  margin: 0;
  padding: 0;
  color: #f4f8ff;
  border: 1px solid rgba(77, 153, 255, .24);
  border-radius: 9px;
  background: rgba(5, 31, 70, .72);
  transition: transform .18s ease, border-color .18s ease, background-color .18s ease;
}

.home2-footer-ai-provider:hover,
.home2-footer-ai-provider:focus-visible {
  color: #fff;
  border-color: rgba(69, 180, 255, .7);
  background: rgba(11, 66, 137, .68);
  transform: translateY(-2px);
}

.home2-footer-ai-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  overflow: hidden;
  color: #fff;
  border: 0;
  border-radius: 7px;
  background: transparent;
}

.home2-footer-ai-logo img {
  display: block;
  width: 26px;
  height: 26px;
  object-fit: contain;
}

.home2-footer-ai-provider[data-ai-name="ChatGPT"] .home2-footer-ai-logo img,
.home2-footer-ai-provider[data-ai-name="Grok"] .home2-footer-ai-logo img,
.home2-footer-ai-provider[data-ai-name="Perplexity"] .home2-footer-ai-logo img {
  filter: brightness(0) invert(1);
}

.home2-footer-ai-logo>i {
  color: #72bdff;
  font-size: 18px;
}

.home2-footer-ai-status {
  grid-column: 1 / -1;
  min-height: 16px;
  margin: -8px 0 0;
  color: #7ec4ff;
  font-size: 11px;
  line-height: 1.35;
}

@media (max-width: 1199.98px) {
  .home2-modal-cta-shell {
    grid-template-columns: minmax(0, .85fr) minmax(420px, 1.15fr);
    gap: 30px;
    padding: 32px 38px 34px;
  }

  .home2-footer-ai {
    width: 100%;
  }
}

@media (max-width: 991.98px) {
  .home2-offer-modal .modal-dialog {
    width: min(760px, calc(100vw - 24px));
  }

  .home2-modal-cta-shell {
    grid-template-columns: 1fr;
    gap: 28px;
    padding: 42px 34px 30px;
  }

  .home2-modal-cta-copy {
    max-width: none;
  }

  .home2-modal-cta-benefits {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .home2-modal-cta-phone,
  .home2-modal-cta-copy .home2-contact-cta-privacy {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .home2-offer-modal .modal-dialog {
    width: calc(100vw - 16px);
    margin: 8px auto;
  }

  .home2-offer-modal .home2-modal-close {
    top: 12px;
    right: 12px;
  }

  .home2-modal-cta-shell {
    max-height: calc(100vh - 16px);
    gap: 22px;
    padding: 34px 18px 18px;
    border-radius: 15px;
  }

  body.modal-open {
    overflow: hidden !important;
    overscroll-behavior: none;
    touch-action: none;
  }

  body.modal-open .home2-offer-modal {
    overflow: hidden !important;
    overscroll-behavior: none;
    touch-action: none;
  }

  body.modal-open .home2-offer-modal .modal-dialog,
  body.modal-open .home2-offer-modal .modal-content,
  body.modal-open .home2-offer-modal .modal-body,
  body.modal-open .home2-modal-cta-shell {
    overflow: hidden !important;
  }

  .home2-modal-cta-copy h2 {
    font-size: clamp(38px, 11vw, 48px);
  }

  .home2-modal-cta-copy>p:not(.home2-contact-cta-privacy),
  .home2-modal-cta-benefits {
    display: none;
  }

  .home2-modal-cta-form-card {
    max-width: none;
    padding: 24px 18px 20px;
  }

  .home2-modal-form-row {
    grid-template-columns: 1fr;
  }

  .home2-footer-ai {
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    gap: 12px;
  }

  .home2-footer-ai-title {
    white-space: normal;
  }
}

@media (max-width: 480px) {
  .home2-modal-cta-copy h2 {
    font-size: 36px;
  }

  .home2-modal-cta-form-card .home2-contact-cta-stat {
    display: none;
  }

  .home2-modal-cta-form-card .home2-contact-cta-form-head {
    margin-bottom: 18px;
  }

  .home2-footer-ai-provider {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
  }
}

@media (max-width: 359.98px) {
  .home2-footer-ai-providers {
    gap: 7px;
  }

  .home2-footer-ai-provider {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
  }
}

/* Anasayfa2 mobile menu: reference-style drawer */
body.home2-page .body-overlay-1 {
  position: fixed;
  inset: 0;
  z-index: 2147483645 !important;
  visibility: hidden;
  opacity: 0;
  background: rgba(6, 18, 44, .16);
  transition: opacity .25s ease, visibility .25s ease;
}

body.home2-page.mobile-menu-active .body-overlay-1 {
  visibility: visible;
  opacity: 1;
}

body.home2-page.mobile-menu-active .home2-header {
  z-index: 2147483001 !important;
}

body.home2-page .mobile-header-wrapper-style {
  position: fixed !important;
  inset: 0 0 0 auto !important;
  width: min(100vw, 380px);
  max-width: 380px;
  height: 100vh;
  height: 100dvh;
  max-height: 100vh;
  max-height: 100dvh;
  min-height: 100vh;
  overflow: hidden;
  border: 0;
  background:
    radial-gradient(circle at 74% 89%, rgba(10, 100, 255, .08) 0 2px, transparent 3px),
    radial-gradient(circle at 78% 88%, transparent 0 68px, rgba(156, 194, 255, .2) 69px 70px, transparent 71px),
    radial-gradient(circle at 78% 88%, transparent 0 104px, rgba(156, 194, 255, .15) 105px 106px, transparent 107px),
    linear-gradient(180deg, #fbfdff 0%, #ffffff 66%, #f4f8ff 100%);
  box-shadow: -34px 0 92px rgba(3, 20, 49, .1);
  transform: translateX(100%);
  transition: transform .34s cubic-bezier(.22, .75, .22, 1), opacity .25s ease, visibility .25s ease;
  z-index: 2147483646 !important;
}

body.home2-page .mobile-header-wrapper-style.sidebar-visible,
body.home2-page .mobile-header-wrapper-style.sidebar-canvas-visible {
  transform: translateX(0);
}

body.home2-page .mobile-header-wrapper-style .mobile-header-wrapper-inner {
  height: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background: transparent;
  scrollbar-width: thin;
  scrollbar-color: rgba(148, 176, 221, .55) transparent;
}

body.home2-page .mobile-header-wrapper-style .mobile-header-wrapper-inner::-webkit-scrollbar {
  width: 6px;
}

body.home2-page .mobile-header-wrapper-style .mobile-header-wrapper-inner::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(148, 176, 221, .55);
}

body.home2-page .mobile-header-wrapper-style .mobile-header-logo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: 0;
  padding: 27px 23px 52px 28px;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.home2-page .mobile-header-wrapper-style .mobile-header-logo .navbar-brand {
  min-width: 0;
}

body.home2-page .mobile-header-wrapper-style .mobile-header-logo img {
  display: block;
  width: 140px;
  max-height: 46px;
  object-fit: contain;
  object-position: left center;
}

body.home2-page .mobile-header-wrapper-style .mobile-header-logo .burger-icon {
  position: relative;
  inset: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 57px;
  height: 57px;
  flex: 0 0 57px;
  padding: 0;
  border: 1px solid rgba(119, 145, 184, .64) !important;
  border-radius: 7px !important;
  background: rgba(255, 255, 255, .62) !important;
  box-shadow: none;
}

body.home2-page .mobile-header-wrapper-style .mobile-header-logo .burger-icon::before,
body.home2-page .mobile-header-wrapper-style .mobile-header-logo .burger-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 25px;
  height: 3px;
  border-radius: 999px;
  background: #001a4d;
  transform-origin: center;
}

body.home2-page .mobile-header-wrapper-style .mobile-header-logo .burger-icon::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

body.home2-page .mobile-header-wrapper-style .mobile-header-logo .burger-icon::after {
  opacity: 1;
  transform: translate(-50%, -50%) rotate(-45deg);
}

body.home2-page .mobile-header-wrapper-style .mobile-header-logo .burger-icon>span {
  display: none;
}

body.home2-page .mobile-header-wrapper-style .mobile-header-content-area {
  padding: 0;
  background: transparent;
}

body.home2-page .mobile-header-wrapper-style .perfect-scroll,
body.home2-page .mobile-header-wrapper-style .mobile-menu-wrap,
body.home2-page .mobile-header-wrapper-style .mobile-menu-wrap nav {
  width: 100%;
}

body.home2-page .mobile-header-wrapper-style .mobile-menu-wrap {
  padding: 0 36px 54px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.home2-page .mobile-header-wrapper-style .mobile-menu {
  display: block;
  margin: 0;
  padding: 0;
  counter-reset: home2-mobile-menu;
}

body.home2-page .mobile-header-wrapper-style .mobile-menu>li {
  position: relative;
  display: block;
  min-height: 82px;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.home2-page .mobile-header-wrapper-style .mobile-menu>li::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: rgba(202, 216, 236, .72);
  z-index: 0;
}

body.home2-page .mobile-header-wrapper-style .mobile-menu>li::before {
  content: "";
  position: absolute;
  left: 0;
  right: auto;
  bottom: 0;
  width: 0;
  height: 3px;
  border-radius: 999px;
  background: #0970ff;
  opacity: 1;
  transition: width .24s ease;
  z-index: 1;
}

body.home2-page .mobile-header-wrapper-style .mobile-menu>li.active::before,
body.home2-page .mobile-header-wrapper-style .mobile-menu>li:hover::before,
body.home2-page .mobile-header-wrapper-style .mobile-menu>li.home2-mobile-menu-featured::before {
  width: 106px;
}

body.home2-page .mobile-header-wrapper-style .mobile-menu>li>a,
body.home2-page .mobile-header-wrapper-style .mobile-menu>li>button.mobile-menu-toggle {
  position: relative;
  z-index: 2;
  display: flex !important;
  align-items: center;
  width: 100%;
  min-height: 82px;
  padding: 10px 58px 10px 70px !important;
  color: #00235a;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: clamp(30px, 8.8vw, 38px);
  font-weight: 450;
  line-height: 1.08;
  letter-spacing: 0;
  text-transform: none;
}

body.home2-page .mobile-header-wrapper-style .mobile-menu>li>a::before,
body.home2-page .mobile-header-wrapper-style .mobile-menu>li>button.mobile-menu-toggle::before {
  content: attr(data-home2-menu-number);
  position: absolute;
  left: 0;
  top: 50%;
  min-width: 43px;
  color: #92b6ee;
  font-size: clamp(23px, 6.3vw, 31px);
  font-weight: 400;
  line-height: 1;
  transform: translateY(-50%);
}

body.home2-page .mobile-header-wrapper-style .mobile-menu>li.active>a,
body.home2-page .mobile-header-wrapper-style .mobile-menu>li:hover>a,
body.home2-page .mobile-header-wrapper-style .mobile-menu>li.home2-mobile-menu-featured>a,
body.home2-page .mobile-header-wrapper-style .mobile-menu>li.active>button.mobile-menu-toggle,
body.home2-page .mobile-header-wrapper-style .mobile-menu>li:hover>button.mobile-menu-toggle {
  color: #0872ff;
  padding-left: 70px !important;
}

body.home2-page .mobile-header-wrapper-style .mobile-menu>li.active>a::before,
body.home2-page .mobile-header-wrapper-style .mobile-menu>li:hover>a::before,
body.home2-page .mobile-header-wrapper-style .mobile-menu>li.home2-mobile-menu-featured>a::before {
  color: #0872ff;
}

body.home2-page .mobile-header-wrapper-style .mobile-menu li .menu-expand {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  cursor: pointer;
  border: 2px solid #8fb8f8 !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-shadow: none;
  line-height: 1;
  transform: translateY(-50%);
}

body.home2-page .mobile-header-wrapper-style .mobile-menu li .menu-expand i {
  display: none !important;
}

body.home2-page .mobile-header-wrapper-style .mobile-menu li .menu-expand::before,
body.home2-page .mobile-header-wrapper-style .mobile-menu li .menu-expand::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 2px;
  border-radius: 999px;
  background: #7fb0fa;
  transform: translate(-50%, -50%);
}

body.home2-page .mobile-header-wrapper-style .mobile-menu li .menu-expand::after {
  width: 2px;
  height: 16px;
}

body.home2-page .mobile-header-wrapper-style .mobile-menu li.active>.menu-expand,
body.home2-page .mobile-header-wrapper-style .mobile-menu li.home2-mobile-menu-featured>.menu-expand {
  border-color: #0872ff !important;
}

body.home2-page .mobile-header-wrapper-style .mobile-menu li.active>.menu-expand::before,
body.home2-page .mobile-header-wrapper-style .mobile-menu li.active>.menu-expand::after,
body.home2-page .mobile-header-wrapper-style .mobile-menu li.home2-mobile-menu-featured>.menu-expand::before,
body.home2-page .mobile-header-wrapper-style .mobile-menu li.home2-mobile-menu-featured>.menu-expand::after {
  background: #0872ff;
}

body.home2-page .mobile-header-wrapper-style .mobile-menu li.active>.menu-expand::after {
  opacity: 0;
}

body.home2-page .mobile-header-wrapper-style .mobile-menu li ul.sub-menu {
  margin: -4px 0 20px 70px !important;
  padding: 0 0 8px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

body.home2-page .mobile-header-wrapper-style .mobile-menu li ul.sub-menu li {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body.home2-page .mobile-header-wrapper-style .mobile-menu li ul.sub-menu li a {
  display: block !important;
  width: 100%;
  padding: 7px 0 !important;
  color: #56709d;
  border-radius: 0;
  background: transparent;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
  text-transform: none;
}

body.home2-page .mobile-header-wrapper-style .mobile-menu li ul.sub-menu li a:hover,
body.home2-page .mobile-header-wrapper-style .mobile-menu li ul.sub-menu li a:focus-visible {
  color: #0872ff;
  padding-left: 0 !important;
}

body.home2-page .home2-mobile-contact-panel {
  position: relative;
  margin-top: 0;
  padding: 38px 36px 25px;
  overflow: hidden;
  border-top: 0;
  background:
    radial-gradient(circle at 58% 50%, rgba(10, 100, 255, .13) 0 5px, transparent 6px),
    radial-gradient(circle at 76% 55%, transparent 0 62px, rgba(156, 194, 255, .22) 63px 64px, transparent 65px),
    radial-gradient(circle at 76% 55%, transparent 0 99px, rgba(156, 194, 255, .16) 100px 101px, transparent 102px),
    linear-gradient(180deg, rgba(245, 249, 255, .86), rgba(255, 255, 255, .98));
}

body.home2-page .home2-mobile-contact-kicker {
  display: block;
  margin-bottom: 14px;
  color: #7aa7ec;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
}

body.home2-page .home2-mobile-contact-panel>strong {
  display: block;
  max-width: 245px;
  color: #00235a;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.35;
}

body.home2-page .home2-mobile-contact-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 32px;
}

body.home2-page .home2-mobile-contact-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-height: 58px;
  padding: 13px 14px;
  border-radius: 6px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
}

body.home2-page .home2-mobile-contact-actions a:only-child {
  grid-column: 1 / -1;
}

body.home2-page .home2-mobile-contact-primary {
  color: #fff;
  border: 1px solid #0872ff;
  background: linear-gradient(135deg, #0872ff 0%, #005dff 100%);
  box-shadow: 0 20px 38px rgba(8, 114, 255, .22);
}

body.home2-page .home2-mobile-contact-primary:hover,
body.home2-page .home2-mobile-contact-primary:focus-visible {
  color: #fff;
}

body.home2-page .home2-mobile-contact-whatsapp {
  color: #00235a;
  border: 1px solid rgba(143, 164, 195, .72);
  background: rgba(255, 255, 255, .78);
}

body.home2-page .home2-mobile-contact-whatsapp i {
  color: #18c75a;
  font-size: 24px;
}

body.home2-page .home2-mobile-contact-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 31px;
  color: #315890;
}

body.home2-page.mobile-menu-active .home2-floating-contact,
body.home2-page.mobile-menu-active iframe[src*="chat.webioo.com.tr"],
body.home2-page.mobile-menu-active [id*="chatbot"],
body.home2-page.mobile-menu-active [class*="chatbot"],
body.home2-page.mobile-menu-active [id*="chat-widget"],
body.home2-page.mobile-menu-active [class*="chat-widget"] {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.home2-page .home2-mobile-contact-links::before,
body.home2-page .home2-mobile-contact-links::after {
  content: "";
  width: 9px;
  height: 9px;
  flex: 0 0 9px;
  border-radius: 50%;
  background: #0872ff;
}

body.home2-page .home2-mobile-contact-links a {
  min-width: 0;
  color: #315890;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;
  white-space: nowrap;
}

body.home2-page .home2-mobile-contact-links a+a {
  position: relative;
  padding-left: 16px;
}

body.home2-page .home2-mobile-contact-links a+a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 24px;
  background: rgba(88, 118, 162, .45);
  transform: translateY(-50%);
}

@media (max-width: 420px) {
  body.home2-page .mobile-header-wrapper-style .mobile-header-logo {
    padding: 34px 24px 38px;
  }

  body.home2-page .mobile-header-wrapper-style .mobile-menu-wrap {
    padding-inline: 28px;
  }

  body.home2-page .mobile-header-wrapper-style .mobile-menu>li>a,
  body.home2-page .mobile-header-wrapper-style .mobile-menu>li>button.mobile-menu-toggle {
    min-height: 78px;
    padding-left: 68px !important;
    font-size: clamp(29px, 10vw, 38px);
  }

  body.home2-page .mobile-header-wrapper-style .mobile-menu>li.active>a,
  body.home2-page .mobile-header-wrapper-style .mobile-menu>li:hover>a,
  body.home2-page .mobile-header-wrapper-style .mobile-menu>li.home2-mobile-menu-featured>a {
    padding-left: 68px !important;
  }

  body.home2-page .home2-mobile-contact-panel {
    padding-inline: 28px;
  }
}

@media (max-width: 359.98px) {

  body.home2-page .mobile-header-wrapper-style .mobile-menu>li>a,
  body.home2-page .mobile-header-wrapper-style .mobile-menu>li>button.mobile-menu-toggle {
    padding-right: 45px !important;
    font-size: 30px;
  }

  body.home2-page .home2-mobile-contact-actions {
    grid-template-columns: 1fr;
  }

  body.home2-page .home2-mobile-contact-links {
    align-items: flex-start;
    flex-direction: column;
  }

  body.home2-page .home2-mobile-contact-links::before,
  body.home2-page .home2-mobile-contact-links::after,
  body.home2-page .home2-mobile-contact-links a+a::before {
    content: none;
  }

  body.home2-page .home2-mobile-contact-links a+a {
    padding-left: 0;
  }
}

/* Mobile overflow and menu cascade hardening */
html {
  max-width: 100%;
  overflow-x: hidden !important;
}

body.home2-page {
  width: 100%;
  max-width: 100vw;
  overflow-x: clip !important;
}

@supports not (overflow-x: clip) {
  body.home2-page {
    overflow-x: hidden !important;
  }
}

body.home2-page.mobile-menu-active {
  width: 100% !important;
  max-width: 100vw !important;
  overflow: hidden !important;
}

body.home2-page #home2-main,
body.home2-page .home2-header,
body.home2-page .home2-footer,
body.home2-page .home2-campaign {
  max-width: 100vw;
}

body.home2-page .home2-header .mobile-header-active.mobile-header-wrapper-style {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: auto !important;
  left: auto !important;
  display: block !important;
  width: min(100vw, 380px) !important;
  max-width: 380px !important;
  min-width: 0 !important;
  height: 100vh !important;
  height: 100dvh !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  max-height: 100vh !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(100%, 0, 0) !important;
  contain: layout paint;
  z-index: 2147483646 !important;
}

body.home2-page .home2-header .mobile-header-active.mobile-header-wrapper-style.sidebar-visible,
body.home2-page .home2-header .mobile-header-active.mobile-header-wrapper-style.sidebar-canvas-visible {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translate3d(0, 0, 0) !important;
}

body.home2-page .home2-header .mobile-header-wrapper-style .mobile-header-wrapper-inner {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

body.home2-page .home2-header .mobile-header-wrapper-style .mobile-header-logo .burger-icon,
body.home2-page .home2-header .mobile-header-wrapper-style .mobile-header-logo .burger-icon.burger-close {
  position: relative !important;
  inset: auto !important;
  display: inline-flex !important;
  width: 57px !important;
  height: 57px !important;
  flex: 0 0 57px !important;
  overflow: hidden !important;
  border: 1px solid rgba(119, 145, 184, .64) !important;
  border-radius: 7px !important;
  background: rgba(255, 255, 255, .62) !important;
  box-shadow: none !important;
}

body.home2-page .home2-header .mobile-header-wrapper-style .mobile-header-logo .burger-icon::before,
body.home2-page .home2-header .mobile-header-wrapper-style .mobile-header-logo .burger-icon::after,
body.home2-page .home2-header .mobile-header-wrapper-style .mobile-header-logo .burger-icon.burger-close::before,
body.home2-page .home2-header .mobile-header-wrapper-style .mobile-header-logo .burger-icon.burger-close::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  display: block !important;
  width: 25px !important;
  height: 3px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #001a4d !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

body.home2-page .home2-header .mobile-header-wrapper-style .mobile-header-logo .burger-icon::before,
body.home2-page .home2-header .mobile-header-wrapper-style .mobile-header-logo .burger-icon.burger-close::before {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

body.home2-page .home2-header .mobile-header-wrapper-style .mobile-header-logo .burger-icon::after,
body.home2-page .home2-header .mobile-header-wrapper-style .mobile-header-logo .burger-icon.burger-close::after {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}

body.home2-page .home2-header .mobile-header-wrapper-style .mobile-header-logo .burger-icon>span,
body.home2-page .home2-header .mobile-header-wrapper-style .mobile-header-logo .burger-icon.burger-close>span {
  display: none !important;
}

body.home2-page .home2-header .mobile-header-wrapper-style .mobile-menu-wrap,
body.home2-page .home2-header .mobile-header-wrapper-style .mobile-menu-wrap nav,
body.home2-page .home2-header .mobile-header-wrapper-style .mobile-menu {
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.home2-page .home2-header .mobile-header-wrapper-style .mobile-menu>li {
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.home2-page .home2-header .mobile-header-wrapper-style .mobile-menu>li>a,
body.home2-page .home2-header .mobile-header-wrapper-style .mobile-menu>li>button.mobile-menu-toggle {
  padding-left: 70px !important;
  color: #00235a !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-transform: none !important;
}

body.home2-page .home2-header .mobile-header-wrapper-style .mobile-menu>li.active>a,
body.home2-page .home2-header .mobile-header-wrapper-style .mobile-menu>li:hover>a,
body.home2-page .home2-header .mobile-header-wrapper-style .mobile-menu>li.home2-mobile-menu-featured>a {
  padding-left: 70px !important;
  color: #0872ff !important;
}

@media (max-width: 420px) {

  body.home2-page .home2-header .mobile-header-wrapper-style .mobile-menu>li>a,
  body.home2-page .home2-header .mobile-header-wrapper-style .mobile-menu>li>button.mobile-menu-toggle,
  body.home2-page .home2-header .mobile-header-wrapper-style .mobile-menu>li.active>a,
  body.home2-page .home2-header .mobile-header-wrapper-style .mobile-menu>li:hover>a,
  body.home2-page .home2-header .mobile-header-wrapper-style .mobile-menu>li.home2-mobile-menu-featured>a {
    padding-left: 68px !important;
  }
}

/* Final isolated drawer rules. Keep this block last for cascade safety. */
#home2MobileMenu.mobile-header-wrapper-style {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: auto !important;
  left: auto !important;
  width: min(100vw, 380px) !important;
  max-width: 380px !important;
  min-width: 0 !important;
  height: 100vh !important;
  height: 100dvh !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  max-height: 100vh !important;
  max-height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 74% 89%, rgba(10, 100, 255, .08) 0 2px, transparent 3px),
    radial-gradient(circle at 78% 88%, transparent 0 68px, rgba(156, 194, 255, .2) 69px 70px, transparent 71px),
    radial-gradient(circle at 78% 88%, transparent 0 104px, rgba(156, 194, 255, .15) 105px 106px, transparent 107px),
    linear-gradient(180deg, #fbfdff 0%, #ffffff 66%, #f4f8ff 100%) !important;
  box-shadow: -34px 0 92px rgba(3, 20, 49, .1) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translate3d(100%, 0, 0) !important;
  transition: transform .34s cubic-bezier(.22, .75, .22, 1), opacity .25s ease, visibility .25s ease !important;
  z-index: 2147483646 !important;
}

#home2MobileMenu.mobile-header-wrapper-style.sidebar-visible,
#home2MobileMenu.mobile-header-wrapper-style.sidebar-canvas-visible {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translate3d(0, 0, 0) !important;
}

#home2MobileMenu .mobile-header-wrapper-inner {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: transparent !important;
}

#home2MobileMenu .mobile-header-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  margin: 0 !important;
  padding: 27px 23px 52px 28px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#home2MobileMenu .mobile-header-logo img {
  display: block !important;
  width: 140px !important;
  max-height: 46px !important;
  object-fit: contain !important;
  object-position: left center !important;
}

#home2MobileMenu .mobile-header-logo .burger-icon,
#home2MobileMenu .mobile-header-logo .burger-icon.burger-close {
  position: relative !important;
  inset: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 57px !important;
  height: 57px !important;
  flex: 0 0 57px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(119, 145, 184, .64) !important;
  border-radius: 7px !important;
  background: rgba(255, 255, 255, .62) !important;
  box-shadow: none !important;
}

#home2MobileMenu .mobile-header-logo .burger-icon::before,
#home2MobileMenu .mobile-header-logo .burger-icon::after,
#home2MobileMenu .mobile-header-logo .burger-icon.burger-close::before,
#home2MobileMenu .mobile-header-logo .burger-icon.burger-close::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  display: block !important;
  width: 25px !important;
  height: 3px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #001a4d !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

#home2MobileMenu .mobile-header-logo .burger-icon::before,
#home2MobileMenu .mobile-header-logo .burger-icon.burger-close::before {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

#home2MobileMenu .mobile-header-logo .burger-icon::after,
#home2MobileMenu .mobile-header-logo .burger-icon.burger-close::after {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}

#home2MobileMenu .mobile-header-logo .burger-icon>span,
#home2MobileMenu .mobile-header-logo .burger-icon.burger-close>span {
  display: none !important;
}

#home2MobileMenu .mobile-header-content-area,
#home2MobileMenu .perfect-scroll,
#home2MobileMenu .mobile-menu-wrap,
#home2MobileMenu .mobile-menu-wrap nav {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#home2MobileMenu .mobile-header-content-area {
  padding: 0 !important;
}

#home2MobileMenu .mobile-menu-wrap {
  padding: 0 36px 54px !important;
}

#home2MobileMenu .mobile-menu.font-heading.ps-0,
#home2MobileMenu .mobile-menu {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#home2MobileMenu .mobile-menu>li,
#home2MobileMenu .mobile-menu>li.has-children,
#home2MobileMenu .mobile-menu>li.home2-mobile-menu-featured {
  position: relative !important;
  display: block !important;
  min-height: 82px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#home2MobileMenu .mobile-menu>li::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  display: block !important;
  width: auto !important;
  height: 1px !important;
  background: rgba(202, 216, 236, .72) !important;
  opacity: 1 !important;
  transform: none !important;
  z-index: 0 !important;
}

#home2MobileMenu .mobile-menu>li::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  bottom: 0 !important;
  top: auto !important;
  display: block !important;
  width: 0 !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: #0970ff !important;
  opacity: 1 !important;
  transform: none !important;
  z-index: 1 !important;
}

#home2MobileMenu .mobile-menu>li.active::before,
#home2MobileMenu .mobile-menu>li:hover::before,
#home2MobileMenu .mobile-menu>li.home2-mobile-menu-featured::before {
  width: 106px !important;
}

#home2MobileMenu .mobile-menu>li>a,
#home2MobileMenu .mobile-menu>li>button.mobile-menu-toggle {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 82px !important;
  margin: 0 !important;
  padding: 10px 58px 10px 70px !important;
  color: #00235a !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: clamp(30px, 8.8vw, 38px) !important;
  font-weight: 450 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-align: left !important;
}

#home2MobileMenu .mobile-menu>li>a::before,
#home2MobileMenu .mobile-menu>li>button.mobile-menu-toggle::before {
  content: attr(data-home2-menu-number) !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  display: block !important;
  min-width: 43px !important;
  color: #92b6ee !important;
  background: transparent !important;
  font-size: clamp(23px, 6.3vw, 31px) !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  transform: translateY(-50%) !important;
}

#home2MobileMenu .mobile-menu>li.active>a,
#home2MobileMenu .mobile-menu>li:hover>a,
#home2MobileMenu .mobile-menu>li.home2-mobile-menu-featured>a {
  color: #0872ff !important;
  padding-left: 70px !important;
}

#home2MobileMenu .mobile-menu>li.active>a::before,
#home2MobileMenu .mobile-menu>li:hover>a::before,
#home2MobileMenu .mobile-menu>li.home2-mobile-menu-featured>a::before {
  color: #0872ff !important;
}

#home2MobileMenu .mobile-menu>li.has-children.active {
  min-height: 0 !important;
  padding-bottom: 0 !important;
}

#home2MobileMenu .mobile-menu li .menu-expand {
  position: absolute !important;
  top: 41px !important;
  right: 0 !important;
  z-index: 3 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer !important;
  border: 2px solid #8fb8f8 !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 1 !important;
  transform: translateY(-50%) !important;
}

#home2MobileMenu .mobile-menu li .menu-expand i {
  display: none !important;
}

#home2MobileMenu .mobile-menu li .menu-expand::before,
#home2MobileMenu .mobile-menu li .menu-expand::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 16px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: #7fb0fa !important;
  transform: translate(-50%, -50%) !important;
}

#home2MobileMenu .mobile-menu li .menu-expand::after {
  width: 2px !important;
  height: 16px !important;
}

#home2MobileMenu .mobile-menu li.active>.menu-expand,
#home2MobileMenu .mobile-menu li.home2-mobile-menu-featured>.menu-expand {
  border-color: #0872ff !important;
}

#home2MobileMenu .mobile-menu li.active>.menu-expand::before,
#home2MobileMenu .mobile-menu li.active>.menu-expand::after,
#home2MobileMenu .mobile-menu li.home2-mobile-menu-featured>.menu-expand::before,
#home2MobileMenu .mobile-menu li.home2-mobile-menu-featured>.menu-expand::after {
  background: #0872ff !important;
}

#home2MobileMenu .mobile-menu li.active>.menu-expand::after {
  opacity: 0 !important;
}

#home2MobileMenu .mobile-menu li ul.sub-menu {
  position: relative !important;
  z-index: 4 !important;
  display: none;
  margin: -4px 0 15px 70px !important;
  padding: 0 0 13px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  list-style: none !important;
}

#home2MobileMenu .mobile-menu li.active>ul.sub-menu {
  display: grid !important;
  gap: 7px !important;
}

#home2MobileMenu .mobile-menu li ul.sub-menu li {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#home2MobileMenu .mobile-menu li ul.sub-menu li::before,
#home2MobileMenu .mobile-menu li ul.sub-menu li::after {
  content: none !important;
}

#home2MobileMenu .mobile-menu li ul.sub-menu li a {
  display: block !important;
  min-height: 26px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 4px 0 !important;
  color: #5574a9 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: clamp(16px, 4.5vw, 19px) !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  text-transform: none !important;
}

#home2MobileMenu .mobile-menu li ul.sub-menu li a::before {
  content: none !important;
}

#home2MobileMenu .mobile-menu li ul.sub-menu li a:hover,
#home2MobileMenu .mobile-menu li ul.sub-menu li a:focus-visible {
  color: #0872ff !important;
  padding-left: 0 !important;
}

@media (max-width: 420px) {
  #home2MobileMenu .mobile-header-logo {
    padding: 27px 23px 48px 28px !important;
  }

  #home2MobileMenu .mobile-menu-wrap {
    padding-inline: 28px !important;
  }

  #home2MobileMenu .mobile-menu>li>a,
  #home2MobileMenu .mobile-menu>li>button.mobile-menu-toggle,
  #home2MobileMenu .mobile-menu>li.active>a,
  #home2MobileMenu .mobile-menu>li:hover>a,
  #home2MobileMenu .mobile-menu>li.home2-mobile-menu-featured>a {
    padding-left: 68px !important;
  }

  #home2MobileMenu .mobile-menu li ul.sub-menu {
    margin-left: 68px !important;
  }
}

/* Viewport fit and scroll lock refinements */
html:has(body.home2-page.mobile-menu-active) {
  overflow: hidden !important;
  overscroll-behavior: none !important;
}

body.home2-page.mobile-menu-active {
  overflow: hidden !important;
  overscroll-behavior: none !important;
}

#home2MobileMenu.mobile-header-wrapper-style {
  height: 100svh !important;
  min-height: 100svh !important;
  max-height: 100svh !important;
}

@supports (height: 100dvh) {
  #home2MobileMenu.mobile-header-wrapper-style {
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
  }
}

#home2MobileMenu .mobile-header-wrapper-inner {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

#home2MobileMenu .mobile-header-logo {
  flex: 0 0 auto !important;
}

#home2MobileMenu .mobile-header-content-area {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

#home2MobileMenu .perfect-scroll {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
}

#home2MobileMenu .mobile-menu-wrap {
  flex: 0 0 auto !important;
  min-height: 0 !important;
  padding-bottom: clamp(14px, 2.2svh, 28px) !important;
}

#home2MobileMenu .mobile-menu>li,
#home2MobileMenu .mobile-menu>li.has-children,
#home2MobileMenu .mobile-menu>li.home2-mobile-menu-featured {
  min-height: clamp(43px, 7.4svh, 62px) !important;
}

#home2MobileMenu .mobile-menu>li>a,
#home2MobileMenu .mobile-menu>li>button.mobile-menu-toggle {
  min-height: clamp(43px, 7.4svh, 62px) !important;
  font-size: clamp(19px, 5.7vw, 25px) !important;
}

#home2MobileMenu .mobile-menu>li>a::before,
#home2MobileMenu .mobile-menu>li>button.mobile-menu-toggle::before {
  font-size: clamp(16px, 4.8vw, 22px) !important;
}

#home2MobileMenu .mobile-menu li .menu-expand {
  top: calc(clamp(43px, 7.4svh, 62px) / 2) !important;
  width: clamp(28px, 8vw, 36px) !important;
  height: clamp(28px, 8vw, 36px) !important;
}

#home2MobileMenu .mobile-menu li .menu-expand::before {
  width: clamp(12px, 3.8vw, 16px) !important;
}

#home2MobileMenu .mobile-menu li .menu-expand::after {
  height: clamp(12px, 3.8vw, 16px) !important;
}

#home2MobileMenu .home2-mobile-contact-panel {
  flex: 0 0 auto !important;
  padding-top: clamp(10px, 2.2svh, 18px) !important;
  padding-bottom: clamp(12px, 2.2svh, 22px) !important;
}

#home2MobileMenu .home2-mobile-contact-kicker {
  margin-bottom: clamp(7px, 1.6svh, 12px) !important;
  font-size: clamp(14px, 4vw, 18px) !important;
}

#home2MobileMenu .home2-mobile-contact-panel>strong {
  font-size: clamp(19px, 5.4vw, 24px) !important;
  line-height: 1.25 !important;
}

#home2MobileMenu .home2-mobile-contact-actions {
  gap: clamp(8px, 2.2vw, 14px) !important;
  margin-top: clamp(15px, 3.4svh, 28px) !important;
}

#home2MobileMenu .home2-mobile-contact-actions a {
  min-height: clamp(44px, 8svh, 58px) !important;
  padding: 10px 12px !important;
  font-size: clamp(15px, 4.2vw, 18px) !important;
}

#home2MobileMenu .home2-mobile-contact-links {
  margin-top: clamp(13px, 3svh, 27px) !important;
}

#home2MobileMenu .home2-mobile-contact-links a {
  font-size: clamp(12px, 3.6vw, 15px) !important;
}

@media (max-height: 680px) {
  #home2MobileMenu .mobile-header-logo {
    padding-top: 18px !important;
    padding-bottom: 24px !important;
  }

  #home2MobileMenu .mobile-header-logo img {
    width: 116px !important;
  }

  #home2MobileMenu .mobile-header-logo .burger-icon,
  #home2MobileMenu .mobile-header-logo .burger-icon.burger-close {
    width: 42px !important;
    height: 42px !important;
    flex-basis: 42px !important;
  }

  #home2MobileMenu .mobile-header-logo .burger-icon::before,
  #home2MobileMenu .mobile-header-logo .burger-icon::after,
  #home2MobileMenu .mobile-header-logo .burger-icon.burger-close::before,
  #home2MobileMenu .mobile-header-logo .burger-icon.burger-close::after {
    width: 20px !important;
    height: 2px !important;
  }

  #home2MobileMenu .mobile-menu-wrap {
    padding-bottom: 12px !important;
  }

  #home2MobileMenu .mobile-menu>li,
  #home2MobileMenu .mobile-menu>li.has-children,
  #home2MobileMenu .mobile-menu>li.home2-mobile-menu-featured,
  #home2MobileMenu .mobile-menu>li>a,
  #home2MobileMenu .mobile-menu>li>button.mobile-menu-toggle {
    min-height: 40px !important;
  }

  #home2MobileMenu .mobile-menu>li>a,
  #home2MobileMenu .mobile-menu>li>button.mobile-menu-toggle {
    font-size: 19px !important;
  }

  #home2MobileMenu .mobile-menu>li>a::before,
  #home2MobileMenu .mobile-menu>li>button.mobile-menu-toggle::before {
    font-size: 16px !important;
  }

  #home2MobileMenu .mobile-menu li .menu-expand {
    top: 20px !important;
    width: 28px !important;
    height: 28px !important;
  }

  #home2MobileMenu .home2-mobile-contact-panel {
    padding-top: 10px !important;
    padding-bottom: 12px !important;
  }

  #home2MobileMenu .home2-mobile-contact-panel>strong {
    font-size: 19px !important;
  }

  #home2MobileMenu .home2-mobile-contact-actions {
    margin-top: 14px !important;
  }

  #home2MobileMenu .home2-mobile-contact-actions a {
    min-height: 42px !important;
  }

  #home2MobileMenu .home2-mobile-contact-links {
    margin-top: 12px !important;
  }
}

@media (max-height: 620px) {
  #home2MobileMenu .mobile-header-logo {
    padding-top: 14px !important;
    padding-bottom: 12px !important;
  }

  #home2MobileMenu .mobile-header-logo img {
    width: 104px !important;
  }

  #home2MobileMenu .mobile-header-logo .burger-icon,
  #home2MobileMenu .mobile-header-logo .burger-icon.burger-close {
    width: 38px !important;
    height: 38px !important;
    flex-basis: 38px !important;
  }

  #home2MobileMenu .mobile-menu-wrap {
    padding-bottom: 8px !important;
  }

  #home2MobileMenu .mobile-menu>li,
  #home2MobileMenu .mobile-menu>li.has-children,
  #home2MobileMenu .mobile-menu>li.home2-mobile-menu-featured,
  #home2MobileMenu .mobile-menu>li>a,
  #home2MobileMenu .mobile-menu>li>button.mobile-menu-toggle {
    min-height: 36px !important;
  }

  #home2MobileMenu .mobile-menu>li>a,
  #home2MobileMenu .mobile-menu>li>button.mobile-menu-toggle {
    font-size: 18px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  #home2MobileMenu .mobile-menu>li>a::before,
  #home2MobileMenu .mobile-menu>li>button.mobile-menu-toggle::before {
    font-size: 15px !important;
  }

  #home2MobileMenu .mobile-menu li .menu-expand {
    top: 18px !important;
    width: 26px !important;
    height: 26px !important;
  }

  #home2MobileMenu .home2-mobile-contact-panel {
    padding-top: 7px !important;
    padding-bottom: 8px !important;
  }

  #home2MobileMenu .home2-mobile-contact-kicker {
    margin-bottom: 5px !important;
    font-size: 13px !important;
  }

  #home2MobileMenu .home2-mobile-contact-panel>strong {
    font-size: 17px !important;
    line-height: 1.2 !important;
  }

  #home2MobileMenu .home2-mobile-contact-actions {
    margin-top: 8px !important;
  }

  #home2MobileMenu .home2-mobile-contact-actions a {
    min-height: 36px !important;
    font-size: 14px !important;
  }

  #home2MobileMenu .home2-mobile-contact-links {
    margin-top: 8px !important;
  }

  #home2MobileMenu .home2-mobile-contact-links a {
    font-size: 11px !important;
  }

  #home2MobileMenu .mobile-menu li.active>ul.sub-menu {
    gap: 5px !important;
  }

  #home2MobileMenu .mobile-menu li ul.sub-menu li a {
    min-height: 23px !important;
    font-size: 15px !important;
    line-height: 1.22 !important;
  }
}

/* Anasayfa3 - ortak section deseni: surec / neler yaptik / degerlendirme / blog */
body.home2-page .home2-process,
body.home2-page .home2-work,
body.home2-page .home2-blog,
body.home2-page .home2-ai-visibility {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: linear-gradient(180deg, #f7fbff 0%, #ffffff 48%, #f5f9ff 100%);
}

body.home2-page .home2-audit {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 3% 0%, rgba(18, 109, 255, 0.14), transparent 22%),
    radial-gradient(circle at 99% 100%, rgba(15, 159, 143, 0.12), transparent 24%),
    radial-gradient(ellipse 70% 48% at 50% 26%, rgba(0, 77, 156, 0.06), transparent 72%),
    linear-gradient(180deg, #eef5ff 0%, #f9fcff 48%, #f1f7fe 100%);
}

.home2-process {
  padding: 56px 0 72px;
}

/* İnce blueprint + node grid deseni (kenarlara dogru solar) */
.home2-audit::before {
  content: "";
  position: absolute;
  inset: -2px;
  z-index: 0;
  pointer-events: none;
  opacity: 1;
  background-color: transparent;
  background-image:
    radial-gradient(rgba(0, 77, 156, 0.18) 1.5px, transparent 1.6px),
    linear-gradient(rgba(0, 77, 156, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 77, 156, 0.055) 1px, transparent 1px);
  background-size: 54px 54px, 54px 54px, 54px 54px;
  background-position: 0 0;
  background-repeat: repeat;
  -webkit-mask-image: radial-gradient(ellipse 92% 82% at 50% 34%, #000 26%, rgba(0, 0, 0, 0.4) 60%, transparent 85%);
  mask-image: radial-gradient(ellipse 92% 82% at 50% 34%, #000 26%, rgba(0, 0, 0, 0.4) 60%, transparent 85%);
}

/* Sag ust kose yorunge halkalari */
.home2-audit::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: -180px;
  right: -150px;
  width: 560px;
  height: 560px;
  border-radius: 50%;
  pointer-events: none;
  background:
    radial-gradient(circle, rgba(18, 109, 255, 0.08), transparent 60%),
    radial-gradient(circle, transparent 0 48.5%, rgba(18, 109, 255, 0.13) 49.5% 50.5%, transparent 51.5%),
    radial-gradient(circle, transparent 0 66.5%, rgba(15, 159, 143, 0.10) 67.5% 68.5%, transparent 69.5%);
}

/* Dot patterns for home2 sections (surec, neler-yaptik, blog, ai-visibility) */
body.home2-page .home2-process::before,
body.home2-page .home2-work::before,
body.home2-page .home2-blog::before,
body.home2-page .home2-ai-dot {
  content: "";
  position: absolute;
  width: 430px;
  height: 430px;
  pointer-events: none;
  opacity: .46;
  background-image: radial-gradient(rgba(10, 100, 255, .38) 1.15px, transparent 1.15px);
  background-size: 13px 13px;
  -webkit-mask-image: radial-gradient(circle, #000 0 58%, transparent 78%);
  mask-image: radial-gradient(circle, #000 0 58%, transparent 78%);
  z-index: 0;
}

body.home2-page .home2-process::before {
  right: -94px;
  top: -94px;
  left: auto;
  bottom: auto;
}

body.home2-page .home2-work::before {
  left: -94px;
  bottom: -94px;
  right: auto;
  top: auto;
}

body.home2-page .home2-blog::before {
  right: -94px;
  top: -94px;
  left: auto;
  bottom: auto;
}

/* Webioo Hakkında (ai-visibility) dot patterns */
body.home2-page .home2-ai-dot-center {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

body.home2-page .home2-ai-dot-tl {
  left: -94px;
  top: -94px;
}

body.home2-page .home2-ai-dot-br {
  right: -94px;
  bottom: -94px;
}

.home2-process .container {
  position: relative;
  z-index: 1;
  max-width: 1320px;
}

.home2-blog .container {
  position: relative;
  z-index: 1;
}

.home2-process .home2-process-head {
  max-width: 600px;
  margin: 0 0 34px;
  text-align: left;
}

.home2-process .home2-process-head span {
  min-height: 30px;
  padding: 7px 14px 6px;
  border-radius: 999px;
  border: 1px solid rgba(27, 194, 201, 0.72);
  background: rgba(37, 205, 210, 0.08);
  color: #20b9bf;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0;
  margin-bottom: 20px;
}

.home2-process .home2-process-head h2 {
  color: #071d41;
  font-size: clamp(38px, 3.5vw, 56px);
  line-height: .98;
  letter-spacing: -.02em;
}

.home2-process .home2-process-head p {
  max-width: 520px;
  margin: 18px 0 0;
  color: #243d66;
  font-size: 16px;
  line-height: 1.55;
}

.home2-process-showcase {
  --home2-process-gap: 24px;
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--home2-process-gap);
}

.home2-process-card {
  position: relative;
  isolation: isolate;
  min-height: 430px;
  padding: 42px 18px 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid rgba(190, 218, 247, 0.9);
  border-radius: 26px;
  background:
    radial-gradient(circle at 50% 0%, rgba(18, 109, 255, 0.12), transparent 44%),
    radial-gradient(circle at 50% 16%, rgba(255, 255, 255, 0.96), transparent 42%),
    linear-gradient(180deg, rgba(245, 250, 255, 0.98) 0%, rgba(234, 244, 255, 0.92) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 26px 56px rgba(7, 34, 73, 0.05);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

/* Kartin gorsel olmayan (alt) alaninda section ile ayni node-dot dokusu */
.home2-process-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: 26px;
  pointer-events: none;
  opacity: .55;
  background-image: radial-gradient(rgba(18, 109, 255, 0.12) 1.2px, transparent 1.3px);
  background-size: 17px 17px;
  -webkit-mask-image: linear-gradient(180deg, transparent 52%, #000 100%);
  mask-image: linear-gradient(180deg, transparent 52%, #000 100%);
}

.home2-process-card:hover {
  transform: translateY(-6px);
  border-color: rgba(18, 109, 255, 0.42);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 34px 66px rgba(7, 34, 73, 0.11);
}

.home2-process-photo-wrap {
  position: relative;
  z-index: 1;
  width: min(100%, 228px);
  margin: 0 auto;
}

.home2-process-number {
  position: absolute;
  top: -24px;
  left: 50%;
  z-index: 2;
  width: 50px;
  height: 50px;
  transform: translateX(-50%);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  box-shadow: 0 13px 22px rgba(7, 34, 73, 0.14);
  color: #126dff;
  font-size: 17px;
  font-weight: 950;
  letter-spacing: -.02em;
}

.home2-process-photo {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  background: var(--home2-process-image) center / cover no-repeat #dfeefa;
  box-shadow: 0 18px 36px rgba(7, 34, 73, 0.08);
}

.home2-process-card-copy {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 260px;
  margin: 22px auto 0;
  text-align: center;
}

.home2-process-card h3 {
  margin: 0;
  color: #071d41;
  font-size: 18px;
  line-height: 1.16;
  font-weight: 900;
  letter-spacing: 0;
}

.home2-process-card p {
  margin: 11px auto 0;
  color: #243d66;
  font-size: 13.5px;
  line-height: 1.52;
}

.home2-process-arrow {
  position: absolute;
  top: 172px;
  right: -22px;
  z-index: 3;
  width: 22px;
  height: 14px;
  pointer-events: none;
}

.home2-process-arrow::before,
.home2-process-arrow::after {
  content: "";
  position: absolute;
  top: 50%;
}

.home2-process-arrow::before {
  left: 0;
  right: 5px;
  height: 2px;
  transform: translateY(-50%);
  border-radius: 999px;
  background: #126dff;
}

.home2-process-arrow::after {
  right: 0;
  width: 10px;
  height: 10px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid #126dff;
  border-right: 2px solid #126dff;
}

.home2-process-benefits {
  margin-top: 38px;
  min-height: 104px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: center;
  border: 1px solid rgba(155, 193, 228, 0.68);
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 18px 46px rgba(7, 34, 73, 0.035);
  overflow: hidden;
}

.home2-process-benefit {
  position: relative;
  min-width: 0;
  padding: 22px 28px;
  display: flex;
  align-items: center;
  gap: 16px;
}

.home2-process-benefit:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 26px;
  right: 0;
  bottom: 26px;
  width: 1px;
  background: rgba(154, 190, 224, 0.72);
}

.home2-process-benefit-icon {
  flex: 0 0 auto;
  width: 52px;
  height: 52px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 22px;
  box-shadow: 0 14px 24px rgba(18, 109, 255, 0.22);
}

.home2-process-benefit-icon-blue {
  background: linear-gradient(180deg, #1474ff 0%, #075dff 100%);
}

.home2-process-benefit-icon-teal {
  background: linear-gradient(180deg, #35d4d0 0%, #1bbeb9 100%);
  box-shadow: 0 14px 24px rgba(31, 191, 186, 0.24);
}

.home2-process-benefit strong {
  display: block;
  color: #071d41;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 900;
}

.home2-process-benefit small {
  display: block;
  margin-top: 7px;
  color: #334c73;
  font-size: 12.5px;
  line-height: 1.35;
}

@media (max-width: 1399.98px) {
  .home2-process .container {
    max-width: 1140px;
  }

  .home2-process-showcase {
    --home2-process-gap: 20px;
  }

  .home2-process-card {
    min-height: 400px;
    border-radius: 24px;
  }

  .home2-process-photo-wrap {
    width: min(100%, 205px);
  }

  .home2-process-arrow {
    top: 160px;
    right: -19px;
    width: 19px;
  }

  .home2-process-card h3 {
    font-size: 17px;
  }

  .home2-process-card p {
    font-size: 12.5px;
  }

  .home2-process-benefit {
    padding: 20px 18px;
    gap: 14px;
  }
}

@media (max-width: 1199.98px) {
  .home2-process {
    padding: 50px 0 64px;
  }

  .home2-process-showcase {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
  }

  .home2-process-card {
    min-height: 0;
    padding: 46px 20px 30px;
  }

  .home2-process-photo-wrap {
    width: min(100%, 230px);
  }

  .home2-process-arrow {
    display: none;
  }

  .home2-process-benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home2-process-benefit:nth-child(2)::after {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .home2-process {
    padding: 42px 0 54px;
  }

  .home2-audit::after {
    width: 360px;
    height: 360px;
    top: -130px;
    right: -120px;
  }

  .home2-audit::before {
    background-size: 46px 46px;
  }

  body.home2-page .home2-process::before,
  body.home2-page .home2-work::before,
  body.home2-page .home2-blog::before,
  body.home2-page .home2-ai-dot {
    width: 300px;
    height: 300px;
  }

  .home2-process .home2-process-head {
    margin-bottom: 28px;
  }

  .home2-process .home2-process-head span {
    min-height: 31px;
    padding: 7px 13px 6px;
    margin-bottom: 16px;
    font-size: 12px;
  }

  .home2-process .home2-process-head h2 {
    font-size: clamp(34px, 10vw, 44px);
  }

  .home2-process .home2-process-head p {
    margin-top: 16px;
    font-size: 16px;
  }

  .home2-process-showcase,
  .home2-process-benefits {
    grid-template-columns: 1fr;
  }

  .home2-process-card {
    border-radius: 24px;
    padding: 44px 18px 28px;
  }

  .home2-process-photo-wrap {
    width: min(100%, 230px);
  }

  .home2-process-number {
    width: 50px;
    height: 50px;
    top: -24px;
    font-size: 17px;
  }

  .home2-process-card-copy {
    margin-top: 24px;
  }

  .home2-process-card h3 {
    font-size: 20px;
  }

  .home2-process-benefits {
    margin-top: 30px;
    border-radius: 16px;
  }

  .home2-process-benefit {
    padding: 20px;
  }

  .home2-process-benefit:not(:last-child)::after {
    top: auto;
    right: 24px;
    bottom: 0;
    left: 24px;
    width: auto;
    height: 1px;
  }

  .home2-process-benefit-icon {
    width: 52px;
    height: 52px;
    font-size: 22px;
  }
}

/* Hero partner logos — mobile marquee */
@keyframes home3PartnerMarquee {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .home3-hero-partner-logos {
    overflow: visible;
  }

  .home3-hero-partner-track {
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    animation: none;
  }

  .home3-hero-partner-group {
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px 28px;
    margin-right: 0;
  }

  .home3-hero-partner-group+.home3-hero-partner-group {
    display: none;
  }
}

/* Tüm section'larda eşit üst/alt boşluk — hero hariç (masaüstü 50px, mobil 40px) */
.home3-page .home2-section {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

@media (max-width: 991.98px) {
  .home3-page .home2-section {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}

/* Masaüstü/laptop: hero hariç her section en az tam ekran yüksekliğinde ve içerik dikey ortalı */
@media (min-width: 992px) {
  .home3-page .home2-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh;
  }
}

/* Section h2 başlıkları sabit 42px (masaüstü/laptop) */
@media (min-width: 992px) {
  .home3-page .home2-section h2 {
    font-size: 42px !important;
    line-height: 1.15 !important;
  }
}

/* Footer'ı %90 ölçekte göster (kullanıcının %10 uzaklaştırma görünümü) */
@media (min-width: 992px) {
  .home3-page .home2-footer-container {
    zoom: 0.9;
  }
}

/* Hizmetlerim section'unu laptop ekranına sığacak şekilde kompaktla */
@media (min-width: 992px) {
  .home3-page .home2-services-head {
    margin-bottom: 14px;
  }

  .home3-page .home2-services-head p {
    margin-top: 8px;
    font-size: clamp(15px, 1.2vw, 18px);
  }

  .home3-page .home2-service-grid {
    grid-auto-rows: minmax(196px, auto);
    gap: 14px;
  }

  .home3-page .home2-service-card {
    min-height: 196px;
  }

  .home3-page .home2-service-metrics {
    margin-top: 14px;
  }

  .home3-page .home2-service-metric {
    min-height: 72px;
  }
}

/* Mobilde footer altına, footer rengiyle, sticky butonların (whatsapp + telefon) toplam yüksekliği kadar boşluk */
@media (max-width: 767.98px) {
  .home3-page .home2-footer {
    padding-bottom: calc(52px + 16px + 52px) !important;
  }
}

/* Mobilde section h2 başlıkları daha uygun boyutta (masaüstü 42px kalır) */
@media (max-width: 991.98px) {
  .home3-page .home2-section h2 {
    font-size: clamp(27px, 6.6vw, 36px) !important;
    line-height: 1.18 !important;
  }
}

/* ============================================================
   Çeşitli düzeltmeler
   ============================================================ */

/* 1. Blog "Tüm yazılar" butonu — gradient stil */
.home3-page .home2-blog-all-link {
  color: #fff !important;
  background: linear-gradient(135deg, var(--home2-primary-2, #004d9c), var(--home2-primary, #00235a)) !important;
  border-color: transparent !important;
  box-shadow: 0 14px 28px rgba(0, 35, 90, .22) !important;
}

.home3-page .home2-blog-all-link:hover,
.home3-page .home2-blog-all-link:focus-visible {
  color: #fff !important;
  background: linear-gradient(135deg, #0060c0, var(--home2-primary, #00235a)) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 18px 34px rgba(0, 35, 90, .28) !important;
}

/* 2. Blog butonu mobil — kompakt, ortalı, section altında */
@media (max-width: 991.98px) {
  .home3-page .home2-blog-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .home3-page .home2-blog-all-link {
    min-height: 48px !important;
    padding: 12px 22px !important;
    font-size: 14px !important;
    align-self: center !important;
    order: 10;
    margin-top: 24px;
  }
}

/* 3. Mobilde audit: copy üstte, stage altta */
@media (max-width: 991.98px) {
  .home3-page .home2-audit-grid {
    display: flex;
    flex-direction: column;
  }

  .home3-page .home2-audit-copy {
    order: 1;
  }

  .home3-page .home2-audit-stage {
    order: 2;
  }
}

/* 4. Testimonials: actions masaüstünde grid sütun 1 satır 2, kartlardan sonra */
.home2-testimonials-actions {
  grid-column: 1;
  grid-row: 2;
  align-self: start;
  margin-top: 0;
}

.home2-testimonials-copy {
  grid-row: 1;
}

.home2-testimonial-cards {
  grid-row: 1 / 3;
}

/* 5. Testimonials actions mobil: küçük, yan yana, kartların altında */
@media (max-width: 767.98px) {
  .home2-testimonials-shell {
    display: block;
  }

  .home2-testimonials-actions {
    display: flex !important;
    flex-direction: row !important;
    gap: 10px;
    width: 100%;
    margin-top: 18px;
  }

  .home2-testimonials-cta {
    flex: 1;
    min-height: 46px !important;
    padding: 11px 12px !important;
    font-size: 13px !important;
    gap: 8px !important;
    justify-content: center !important;
  }
}

@media (max-width: 575.98px) {
  .home2-testimonials-actions {
    gap: 8px;
  }

  .home2-testimonials-cta {
    padding: 10px 10px !important;
    font-size: 12px !important;
  }
}

/* "Tüm Hizmetlerimiz" butonu (service grid altında, gradient) */
.home3-page .home2-services-all {
  display: flex;
  justify-content: center;
  margin-top: clamp(22px, 2vw, 34px);
}

.home3-page .home2-services-all-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 54px;
  padding: 14px 30px;
  border-radius: 10px;
  color: #fff;
  background: linear-gradient(135deg, var(--home2-primary-2, #004d9c), var(--home2-primary, #00235a));
  box-shadow: 0 16px 34px rgba(0, 35, 90, .22);
  font-size: 15px;
  line-height: 1;
  font-weight: 850;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.home3-page .home2-services-all-link i {
  font-size: 18px;
  transition: transform .2s ease;
}

.home3-page .home2-services-all-link:hover,
.home3-page .home2-services-all-link:focus-visible {
  color: #fff;
  background: linear-gradient(135deg, #0060c0, var(--home2-primary, #00235a));
  transform: translateY(-2px);
  box-shadow: 0 20px 40px rgba(0, 35, 90, .28);
}

.home3-page .home2-services-all-link:hover i,
.home3-page .home2-services-all-link:focus-visible i {
  transform: translateX(4px);
}

@media (max-width: 575.98px) {
  .home3-page .home2-services-all-link {
    width: 100%;
    min-height: 50px;
    padding: 13px 22px;
    font-size: 14px;
  }
}

/* Badge'leri "Neden Webioo?" stiline getir (audit, testimonials, contact-cta hariç) */
.home3-page .home2-work-kicker,
.home3-page .home2-process .home2-process-head span,
.home3-page .home2-services-head span,
.home3-page .home2-regions .home2-section-head span,
.home3-page .home2-blog-kicker,
.home3-page .home2-faq-kicker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 18px !important;
  margin-bottom: 20px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #0a64ff !important;
  font-size: clamp(15px, .98vw, 19px) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.home3-page .home2-work-kicker::after,
.home3-page .home2-process .home2-process-head span::after,
.home3-page .home2-services-head span::after,
.home3-page .home2-regions .home2-section-head span::after,
.home3-page .home2-blog-kicker::after,
.home3-page .home2-faq-kicker::after {
  content: "" !important;
  width: clamp(82px, 8vw, 136px) !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, #0a64ff, rgba(10, 100, 255, 0)) !important;
  box-shadow: none !important;
  margin: 0 !important;
  opacity: 1 !important;
}

.home3-page .home2-work-kicker::before,
.home3-page .home2-process .home2-process-head span::before,
.home3-page .home2-services-head span::before,
.home3-page .home2-regions .home2-section-head span::before,
.home3-page .home2-blog-kicker::before,
.home3-page .home2-faq-kicker::before {
  content: none !important;
}

.home3-page .home2-work-kicker i {
  display: none !important;
}

/* Mobilde "home2-testimonials-trust" gizli */
@media (max-width: 767.98px) {
  .home3-page .home2-testimonials-trust {
    display: none !important;
  }
}

/* ============================================================
   Mobilde gizlenecek alanlar + blog/cta mobil düzeni
   ============================================================ */
@media (max-width: 991.98px) {

  /* Neler yaptık */
  .home3-page .home2-work-board,
  .home3-page .home2-work-stat-panel,
  /* Hizmetlerimiz */
  .home3-page .home2-service-metrics,
  /* Süreç */
  .home3-page .home2-process-benefits,
  /* Site değerlendirme */
  .home3-page .home2-audit-benefits,
  /* İletişim CTA (modal hariç) */
  .home3-page .home2-contact-cta .home2-contact-cta-form-card,
  /* Blog öne çıkan */
  .home3-page .home2-blog-feature {
    display: none !important;
  }

  /* Blog: mobilde sadece liste (son 3) tek sütun */
  .home3-page .home2-blog-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Modal açılınca scrollbar kaybından doğan kayma / sağdaki beyaz boşluğu engelle */
html {
  scrollbar-gutter: stable;
}

body.home3-page.modal-open {
  padding-right: 0 !important;
}

/* ============================================================
   Anasayfa3 — Section arkaplan uyumlandırması
   Grup A ("Neden Webioo" görünümü): Hizmetlerimiz, Müşteri Yorumları,
   Hizmet Bölgelerimiz, Sıkça Sorulan Sorular
   Grup B ("Süreç" görünümü): Neler Yaptık, Blog
   Not: "Neden Webioo" ve "Süreç" bölümlerinin gerçek arkaplanı
   body.home2-page öneki ile tanımlandığından, aynı önek kullanılarak
   hedef bölümlerin kendi arkaplanları cascade ile geçersiz kılınır.
   ============================================================ */

/* Grup A — "Neden Webioo" ile aynı arkaplan (açık degrade) */
body.home2-page .home2-services,
body.home2-page .home2-testimonials,
body.home2-page .home2-regions,
body.home2-page .home2-faq {
  position: relative;
  overflow: hidden;
  border-top: 0;
  background:
    linear-gradient(180deg, #f6f9fd 0%, #fbfdff 46%, #f7fbff 100%);
}

/* "Neden Webioo" dekoratif noktalı daire deseni (ortak stil) */
body.home2-page .home2-services::before,
body.home2-page .home2-services::after,
body.home2-page .home2-testimonials::before,
body.home2-page .home2-regions::before,
body.home2-page .home2-regions::after,
body.home2-page .home2-faq::before,
body.home2-page .home2-faq::after {
  content: "";
  position: absolute;
  top: 35%;
  bottom: auto;
  width: 390px;
  height: 390px;
  border-radius: 0;
  transform: none;
  pointer-events: none;
  opacity: .5;
  background-image: radial-gradient(rgba(10, 100, 255, .42) 1.2px, transparent 1.2px);
  background-size: 13px 13px;
  background-repeat: repeat;
  -webkit-mask-image: radial-gradient(circle, #000 0 58%, transparent 78%);
  mask-image: radial-gradient(circle, #000 0 58%, transparent 78%);
}

/* Sağ taraftaki desen: Hizmetlerimiz, Hizmet Bölgelerimiz, SSS */
body.home2-page .home2-services::before,
body.home2-page .home2-regions::before,
body.home2-page .home2-faq::before {
  right: -54px;
  left: auto;
}

/* Sol taraftaki desen: Müşteri Yorumları (tek taraf) +
   Hizmetlerimiz, Hizmet Bölgelerimiz, SSS (çift taraf) */
body.home2-page .home2-testimonials::before,
body.home2-page .home2-services::after,
body.home2-page .home2-regions::after,
body.home2-page .home2-faq::after {
  left: -54px;
  right: auto;
}

/* İçeriğin dekoratif desenin üzerinde kalmasını garanti et */
body.home2-page .home2-testimonials-shell {
  position: relative;
  z-index: 1;
}

/* Anasayfa3 — work/testimonials genişlik ve testimonial hizalama */
body.home2-page .home2-work-shell,
body.home2-page .home2-testimonials-shell {
  width: min(1320px, calc(100vw - 72px));
}

body.home2-page .home2-testimonials-shell {
  grid-template-columns: minmax(330px, 430px) minmax(0, 1fr);
  grid-template-rows: auto;
  align-items: center;
}

body.home2-page .home2-testimonials-copy {
  grid-row: 1;
  align-self: center;
}

body.home2-page .home2-testimonial-cards {
  grid-row: 1;
  background: transparent;
  box-shadow: none;
}

body.home2-page .home2-testimonial-card,
body.home2-page .home2-testimonial-card.is-centered,
body.home2-page .home2-testimonial-card:hover {
  box-shadow: none;
}

body.home2-page .home2-testimonials-actions {
  margin-top: 44px;
}

@media (max-width: 1199.98px) {

  body.home2-page .home2-work-shell,
  body.home2-page .home2-testimonials-shell {
    width: min(1080px, calc(100vw - 48px));
  }

  body.home2-page .home2-testimonials-shell {
    grid-template-columns: 1fr;
    row-gap: 30px;
  }

  body.home2-page .home2-testimonials-copy,
  body.home2-page .home2-testimonial-cards {
    grid-row: auto;
  }
}

/* Grup B — "Süreç" ile aynı arkaplan */
body.home2-page .home2-work,
body.home2-page .home2-blog,
body.home2-page .home2-ai-visibility {
  overflow: hidden;
  background: linear-gradient(180deg, #f7fbff 0%, #ffffff 48%, #f5f9ff 100%);
}

/* Webioo AI visibility info section */
.home2-ai-visibility {
  border-top: 0;
  font-family: var(--tc-body-font-family, "Satoshi-Variable", Satoshi, Arial, sans-serif);
}

.home2-ai-visibility .container {
  position: relative;
  z-index: 1;
  max-width: 1320px;
}

.home2-ai-visibility-grid {
  display: grid;
  grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr);
  gap: 36px;
  align-items: center;
}

.home2-ai-visibility-copy,
.home2-ai-answer-panel {
  min-width: 0;
}

.home2-ai-kicker {
  display: flex;
  align-items: center;
  gap: 18px;
  width: min(100%, 560px);
  margin-bottom: 12px;
  color: #0a64ff;
  font-size: clamp(15px, .98vw, 19px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0;
}

.home2-ai-kicker::after {
  content: "";
  flex: 1 1 auto;
  min-width: 82px;
  width: auto;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, #0a64ff, rgba(10, 100, 255, 0));
}

.home3-page .home2-ai-visibility #home2AiVisibilityTitle {
  margin: 0;
  color: #07183f;
  font-size: 42px !important;
  line-height: 1.15 !important;
  font-weight: 950;
  letter-spacing: 0;
}

.home2-ai-visibility-copy h2 span {
  color: #0a64ff;
  background: linear-gradient(135deg, #0a64ff 0%, #06245d 92%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.home2-ai-visibility-copy>p {
  max-width: 560px;
  margin: 18px 0 0;
  color: #263a60;
  font-size: 15px;
  line-height: 1.66;
}

.home2-ai-fact-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  max-width: 570px;
  margin: 22px 0 0;
}

.home2-ai-fact-item {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 56px minmax(104px, 152px) minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  min-height: 66px;
  padding: 10px 18px;
  border: 1px solid rgba(16, 76, 150, .12);
  border-radius: 8px;
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 16px 36px rgba(7, 34, 73, .045);
}

/* Yarım genişlik kısa bilgi/istatistik kartı: satırda 2 tane (ikon solda, etiket üstte, değer altta) */
.home2-ai-fact-item-half {
  grid-column: span 1;
  grid-template-columns: 46px minmax(0, 1fr);
  grid-template-rows: auto auto;
  gap: 2px 12px;
  padding: 12px 16px;
}

.home2-ai-fact-item-half .home2-ai-fact-icon {
  grid-row: 1 / 3;
  align-self: center;
}

.home2-ai-fact-item-half dt {
  grid-column: 2;
  grid-row: 1;
  font-size: 13px;
}

.home2-ai-fact-item-half dd {
  grid-column: 2;
  grid-row: 2;
  font-size: 18px;
  font-weight: 800;
}

@media (max-width: 479px) {
  .home2-ai-fact-list {
    grid-template-columns: 1fr;
  }

  .home2-ai-fact-item-half {
    grid-column: 1 / -1;
  }
}

.home2-ai-fact-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  color: #0a64ff;
  background: linear-gradient(180deg, #eef6ff 0%, #e5f0ff 100%);
  font-size: 21px;
}

.home2-ai-fact-item dt,
.home2-ai-fact-item dd {
  margin: 0;
  min-width: 0;
}

.home2-ai-fact-item dt {
  color: #0b55cf;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 900;
}

.home2-ai-fact-item dd {
  color: #152344;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 650;
}

.home2-ai-answer-panel {
  position: relative;
  overflow: visible;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.home2-ai-answer-panel::before {
  content: none;
}

.home2-ai-panel-head {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  padding-bottom: 18px;
  margin-bottom: 18px;
  border-bottom: 1px solid rgba(18, 73, 145, .13);
}

.home2-ai-panel-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(145deg, #1877ff, #0654df);
  box-shadow: 0 14px 28px rgba(10, 100, 255, .24);
  font-size: 26px;
}

.home2-ai-panel-head span:not(.home2-ai-panel-icon) {
  display: block;
  margin-bottom: 6px;
  color: #0b6ee8;
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.home2-ai-panel-head h3 {
  margin: 0;
  color: #07183f;
  font-size: 27px;
  line-height: 1.15;
  font-weight: 950;
  letter-spacing: 0;
}

.home2-ai-answer-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.home2-ai-answer-card {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 13px;
  align-items: start;
  min-height: 154px;
  padding: 15px;
  border: 1px solid rgba(18, 73, 145, .08);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(241, 247, 255, .82));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .92);
}

.home2-ai-answer-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-top: 2px;
  border: 2px solid currentColor;
  border-radius: 50%;
  color: #0a64ff;
  background: rgba(255, 255, 255, .65);
  font-size: 19px;
}

.home2-ai-answer-card-cyan .home2-ai-answer-icon {
  color: #20aede;
}

.home2-ai-answer-card-teal .home2-ai-answer-icon {
  color: #18b8b4;
}

.home2-ai-answer-card h3 {
  margin: 0;
  color: #0a48c7;
  font-size: 17px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: 0;
}

.home2-ai-answer-card-cyan h3 {
  color: #0a8ab5;
}

.home2-ai-answer-card-teal h3 {
  color: #0c9a93;
}

.home2-ai-answer-card p {
  margin: 7px 0 0;
  color: #1b2948;
  font-size: 12.5px;
  line-height: 1.52;
}

@media (max-width: 1199.98px) {
  .home2-ai-visibility-grid {
    grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
    gap: 30px;
  }

  .home3-page .home2-ai-visibility #home2AiVisibilityTitle {
    font-size: 42px !important;
  }

  .home2-ai-visibility-copy>p {
    font-size: 14px;
  }

  .home2-ai-answer-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home2-ai-answer-card {
    min-height: 156px;
    padding: 14px;
  }
}

@media (max-width: 991.98px) {
  .home2-ai-visibility-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .home2-ai-visibility-copy>p,
  .home2-ai-fact-list {
    max-width: none;
  }

  .home2-ai-fact-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home2-ai-fact-item {
    grid-template-columns: 52px minmax(0, 1fr);
    align-items: start;
  }

  .home2-ai-fact-item dd {
    grid-column: 2;
  }
}

@media (max-width: 767.98px) {
  .home3-page .home2-ai-visibility #home2AiVisibilityTitle {
    font-size: 44px !important;
    line-height: 1.1 !important;
  }

  .home2-ai-kicker {
    margin-bottom: 10px;
    font-size: 15px;
  }

  .home2-ai-kicker::after {
    width: 84px;
  }

  .home2-ai-visibility-copy>p {
    margin-top: 16px;
    font-size: 15px;
    line-height: 1.68;
  }

  .home2-ai-fact-list {
    grid-template-columns: 1fr;
  }

  .home2-ai-answer-list {
    grid-template-columns: 1fr;
  }

  .home2-ai-panel-head {
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 14px;
  }

  .home2-ai-panel-icon {
    width: 50px;
    height: 50px;
    font-size: 25px;
  }

  .home2-ai-panel-head h3 {
    font-size: 24px;
  }

  .home2-ai-answer-card {
    grid-template-columns: 56px minmax(0, 1fr);
    gap: 14px;
    min-height: 0;
    padding: 16px;
  }

  .home2-ai-answer-icon {
    width: 50px;
    height: 50px;
    font-size: 22px;
  }

  .home2-ai-answer-card h3 {
    font-size: 18px;
  }

  .home2-ai-answer-card p {
    font-size: 13.5px;
  }
}

@media (max-width: 575.98px) {
  .home2-ai-visibility .container {
    padding-right: 16px;
    padding-left: 16px;
  }

  .home3-page .home2-ai-visibility #home2AiVisibilityTitle {
    font-size: 38px !important;
  }

  .home2-ai-fact-item {
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 12px;
    padding: 12px;
  }

  .home2-ai-fact-icon {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }

  .home2-ai-answer-panel {
    padding: 0;
  }

  .home2-ai-answer-card {
    grid-template-columns: 1fr;
  }
}