@font-face {
  font-family: Rubik;
  src: url('../fonts/rubik-arabic-400.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Rubik Numbers';
  src: url('../fonts/rubik-latin-numbers-500.woff2') format('woff2');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  unicode-range: U+002B, U+002D, U+002E, U+002F, U+0030-0039;
}

@font-face {
  font-family: 'Rubik Numbers';
  src: url('../fonts/rubik-latin-numbers-700.woff2') format('woff2');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  unicode-range: U+002B, U+002D, U+002E, U+002F, U+0030-0039;
}

@font-face {
  font-family: Rubik;
  src: url('../fonts/rubik-arabic-500.woff2') format('woff2');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: Rubik;
  src: url('../fonts/rubik-arabic-600.woff2') format('woff2');
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: Rubik;
  src: url('../fonts/rubik-arabic-700.woff2') format('woff2');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --sk-primary: #17233a;
  --sk-accent: #b7691c;
  --sk-accent-secondary: #d3a261;
  --sk-accent-text: #8c4d18;
  --sk-accent-light: #e3b274;
  --sk-on-accent: #07101e;
  --sk-background: #f5f2ec;
  --sk-surface: #ffffff;
  --sk-text: #17233a;
  --sk-muted: #6d7480;
  --sk-border: #ddd6ca;
  --sk-header: #ffffff;
  --sk-footer: #0e182a;
  --sk-container: min(100% - 48px, 1240px);
  --sk-radius: 28px;
  --sk-radius-sm: 17px;
  --sk-shadow-sm: 0 12px 30px rgba(23, 35, 58, 0.08);
  --sk-shadow: 0 30px 70px rgba(23, 35, 58, 0.13);
  --sk-shadow-strong: 0 38px 90px rgba(9, 17, 31, 0.22);
  color-scheme: light;
}

html[data-theme='dark'] {
  --sk-shadow-sm: 0 12px 30px rgba(0, 0, 0, 0.2);
  --sk-shadow: 0 30px 75px rgba(0, 0, 0, 0.3);
  --sk-shadow-strong: 0 40px 100px rgba(0, 0, 0, 0.44);
  color-scheme: dark;
}

html {
  scroll-behavior: smooth;
}

body.sitekul-page {
  margin: 0 !important;
  overflow-x: hidden;
  background: var(--sk-background) !important;
  color: var(--sk-text) !important;
  font-family: Rubik, Tahoma, Arial, sans-serif !important;
  font-size: 16px;
  line-height: 1.75;
  text-align: right;
  -webkit-font-smoothing: antialiased;
}

body.sitekul-page *,
body.sitekul-page *::before,
body.sitekul-page *::after {
  box-sizing: border-box;
}

body.sitekul-page img {
  max-width: 100%;
  height: auto;
}

body.sitekul-page a {
  color: inherit;
  text-decoration: none;
}

body.sitekul-page button,
body.sitekul-page input,
body.sitekul-page select,
body.sitekul-page textarea {
  font: inherit;
}

body.sitekul-page button {
  color: inherit;
}

body.sitekul-page h1,
body.sitekul-page h2,
body.sitekul-page h3,
body.sitekul-page h4,
body.sitekul-page p {
  margin-top: 0;
}

body.sitekul-page h1,
body.sitekul-page h2,
body.sitekul-page h3,
body.sitekul-page h4 {
  font-family: Rubik, Tahoma, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.035em;
}

.sk-site-shell {
  min-height: 100vh;
  overflow: clip;
  background: var(--sk-background);
  isolation: isolate;
}

.sk-container {
  width: var(--sk-container);
  margin-inline: auto;
}

.sk-icon {
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  flex: 0 0 auto;
  vertical-align: middle;
}

.sk-skip-link {
  position: fixed;
  z-index: 99999;
  top: -100px;
  right: 22px;
  padding: 11px 20px;
  border-radius: 0 0 12px 12px;
  background: var(--sk-accent);
  color: #fff !important;
  transition: top 0.2s ease;
}

.sk-skip-link:focus {
  top: 0;
}

/* Header */
.sk-site-header {
  position: relative;
  z-index: 1000;
  color: var(--sk-text);
  transition: color 0.25s ease;
}

.sk-site-header.is-sticky {
  position: sticky;
  top: 0;
}

.admin-bar .sk-site-header.is-sticky {
  top: 32px;
}

.sk-site-header.is-overlay {
  margin-bottom: -126px;
  color: #fff;
}

.sk-topbar {
  height: 36px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: var(--sk-primary);
  color: rgba(255, 255, 255, 0.78);
  font-size: 12px;
}

.is-overlay:not(.is-scrolled) .sk-topbar {
  background: rgba(8, 16, 29, 0.48);
  backdrop-filter: blur(12px);
}

.sk-topbar__inner {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 28px;
}

.sk-topbar p {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0;
}

.sk-topbar a {
  color: #fff !important;
  font-weight: 600;
}

.sk-topbar .sk-icon {
  color: var(--sk-accent-light);
}

.sk-topbar__hours {
  margin-inline-end: auto !important;
}

.sk-topbar__actions {
  display: flex;
  height: 100%;
}

.sk-topbar__actions a {
  display: grid;
  place-items: center;
  padding-inline: 17px;
  border-inline-start: 1px solid rgba(255, 255, 255, 0.12);
}

.sk-nav-wrap {
  height: 90px;
  border-bottom: 1px solid color-mix(in srgb, var(--sk-border) 70%, transparent);
  background: color-mix(in srgb, var(--sk-header) 92%, transparent);
  backdrop-filter: blur(20px) saturate(1.1);
  transition: height 0.28s ease, background 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

.is-overlay:not(.is-scrolled) .sk-nav-wrap {
  border-color: rgba(255, 255, 255, 0.12);
  background: linear-gradient(180deg, rgba(6, 14, 26, 0.42), rgba(6, 14, 26, 0.08));
  backdrop-filter: blur(8px);
}

.is-scrolled .sk-nav-wrap {
  height: 76px;
  background: color-mix(in srgb, var(--sk-header) 94%, transparent);
  box-shadow: 0 16px 45px rgba(12, 21, 37, 0.12);
}

.sk-nav {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 30px;
}

.sk-brand,
.sk-footer-brand .sk-logo-wrap {
  display: flex;
  width: 244px;
  max-width: 24vw;
  flex: 0 0 auto;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

.sk-logo-wrap {
  position: relative;
  display: block;
  width: 100%;
  background: transparent !important;
}

.sk-logo {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  background: transparent !important;
  transition: filter 0.25s ease, opacity 0.25s ease;
}

.sk-logo--dark {
  display: none;
}

html[data-theme='dark'] .sk-logo--light {
  display: none;
}

html[data-theme='dark'] .sk-logo--dark {
  display: block;
}

html[data-theme='dark'] .sk-logo--dark.is-fallback,
.sk-site-header.is-overlay:not(.is-scrolled) .sk-logo--light.is-fallback {
  filter: brightness(0) invert(1);
}

.sk-main-nav {
  margin-inline: auto;
}

.sk-menu {
  display: flex;
  align-items: center;
  gap: 23px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sk-menu li {
  position: relative;
  margin: 0;
  padding: 0;
}

.sk-menu > li > a {
  position: relative;
  display: block;
  padding-block: 32px;
  color: var(--sk-text);
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
  transition: color 0.2s ease;
}

.is-overlay:not(.is-scrolled) .sk-menu > li > a {
  color: #fff;
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.3);
}

.is-scrolled .sk-menu > li > a {
  padding-block: 25px;
}

.sk-menu > li > a::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 22px;
  width: 100%;
  height: 2px;
  border-radius: 99px;
  background: linear-gradient(90deg, var(--sk-accent), var(--sk-accent-secondary));
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.25s ease;
}

.sk-menu > li:hover > a::after,
.sk-menu > .current-menu-item > a::after,
.sk-menu > .current_page_item > a::after {
  transform: scaleX(1);
}

.sk-menu .sub-menu {
  position: absolute;
  top: calc(100% - 8px);
  right: -18px;
  min-width: 225px;
  margin: 0;
  padding: 10px;
  border: 1px solid var(--sk-border);
  border-radius: 18px;
  background: var(--sk-surface);
  box-shadow: var(--sk-shadow);
  list-style: none;
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px) rotateX(-5deg);
  transform-origin: top;
  transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
}

.sk-menu li:hover > .sub-menu,
.sk-menu li:focus-within > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: none;
}

.sk-menu .sub-menu a {
  display: block;
  padding: 10px 12px;
  border-radius: 10px;
  color: var(--sk-text);
  font-size: 13px;
}

.sk-menu .sub-menu a:hover {
  background: color-mix(in srgb, var(--sk-accent) 10%, transparent);
  color: var(--sk-accent-text);
}

.sk-nav-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.sk-icon-button {
  display: grid;
  place-items: center;
  width: 43px;
  height: 43px;
  padding: 0;
  border: 1px solid var(--sk-border);
  border-radius: 50%;
  background: color-mix(in srgb, var(--sk-surface) 65%, transparent);
  cursor: pointer;
  transition: transform 0.22s ease, border-color 0.22s ease, background 0.22s ease;
}

.is-overlay:not(.is-scrolled) .sk-icon-button {
  border-color: rgba(255, 255, 255, 0.24);
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
}

.sk-icon-button:hover {
  border-color: var(--sk-accent);
  background: color-mix(in srgb, var(--sk-accent) 10%, var(--sk-surface));
  transform: translateY(-2px) rotate(-4deg);
}

.sk-theme-icon--sun {
  display: none;
}

html[data-theme='dark'] .sk-theme-icon--moon {
  display: none;
}

html[data-theme='dark'] .sk-theme-icon--sun {
  display: block;
}

.sk-menu-toggle,
.sk-menu-close {
  display: none;
}

.sk-menu-toggle[aria-expanded='true'] .sk-menu-open {
  display: none;
}

.sk-menu-toggle[aria-expanded='true'] .sk-menu-close {
  display: block;
}

/* Buttons */
.sk-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 12px 24px;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--sk-accent) 85%, #fff);
  border-radius: 15px;
  background: linear-gradient(135deg, var(--sk-accent), var(--sk-accent-secondary));
  color: var(--sk-on-accent) !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  box-shadow: 0 14px 30px color-mix(in srgb, var(--sk-accent) 29%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.28);
  cursor: pointer;
  transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
}

.sk-button::before {
  content: '';
  position: absolute;
  inset: -2px;
  background: linear-gradient(110deg, transparent 25%, rgba(255, 255, 255, 0.32) 45%, transparent 66%);
  transform: translateX(120%);
  transition: transform 0.55s ease;
}

.sk-button:hover {
  box-shadow: 0 20px 40px color-mix(in srgb, var(--sk-accent) 36%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.32);
  filter: saturate(1.06) brightness(1.04);
  transform: translateY(-4px);
}

.sk-button:hover::before {
  transform: translateX(-120%);
}

.sk-button:focus-visible,
.sk-icon-button:focus-visible,
.sk-slider__arrows button:focus-visible,
.sk-slider__dots button:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--sk-accent-secondary) 70%, #fff);
  outline-offset: 3px;
}

.sk-button .sk-icon {
  position: relative;
  width: 17px;
  height: 17px;
  transform: scaleX(-1);
}

.sk-button--compact {
  min-height: 43px;
  padding: 10px 18px;
  border-radius: 13px;
  font-size: 13px;
}

.sk-button--ghost,
.sk-button--outline {
  border-color: color-mix(in srgb, var(--sk-text) 22%, transparent);
  background: color-mix(in srgb, var(--sk-surface) 9%, transparent);
  color: var(--sk-text) !important;
  box-shadow: none;
}

.sk-button--ghost::before,
.sk-button--outline::before {
  display: none;
}

.sk-button--ghost:hover,
.sk-button--outline:hover {
  border-color: var(--sk-accent);
  background: color-mix(in srgb, var(--sk-accent) 9%, var(--sk-surface));
  color: var(--sk-accent-text) !important;
  box-shadow: none;
}

.sk-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 13px;
  margin-top: 31px;
}

/* Home slider */
.sk-main {
  display: block;
}

.sk-hero-slider {
  position: relative;
  min-height: 780px;
  overflow: hidden;
  background: #0b1423;
  color: #fff;
  isolation: isolate;
}

.sk-slider__track {
  position: relative;
  height: 694px;
}

.sk-slide {
  position: absolute;
  inset: 0;
  display: grid;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  isolation: isolate;
  transition: opacity 0.8s ease, visibility 0.8s ease;
}

.sk-slide.is-active {
  opacity: 1;
  visibility: visible;
}

.sk-slide__media,
.sk-slide__overlay,
.sk-slide__grain,
.sk-slide__mesh {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.sk-slide__media {
  z-index: -4;
  inset: -4%;
  background-image: var(--sk-slide-desktop-image, none);
  background-position: center;
  background-size: cover;
  opacity: var(--sk-slide-image-opacity, 1);
  filter: saturate(0.88) contrast(1.06);
  transform: scale(1.07);
}

.sk-slide__overlay {
  z-index: -3;
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--sk-slide-overlay, #101c30) 35%, transparent), color-mix(in srgb, var(--sk-slide-overlay, #101c30) 86%, transparent) 58%, var(--sk-slide-overlay, #101c30)),
    linear-gradient(180deg, rgba(4, 10, 19, 0.15), rgba(4, 10, 19, 0.62));
  opacity: var(--sk-slide-overlay-opacity, 0.76);
}

.sk-slide__grain {
  z-index: -2;
  opacity: 0.16;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
}

.sk-slide__mesh {
  z-index: -1;
  background:
    linear-gradient(90deg, transparent 49.8%, rgba(255, 255, 255, 0.055) 50%, transparent 50.2%),
    linear-gradient(0deg, transparent 49.8%, rgba(255, 255, 255, 0.045) 50%, transparent 50.2%);
  background-size: 92px 92px;
  mask-image: linear-gradient(90deg, transparent 15%, #000 90%);
}

.sk-slide__mesh span {
  position: absolute;
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 50%;
}

.sk-slide__mesh span:nth-child(1) {
  width: 560px;
  height: 560px;
  left: -170px;
  top: -260px;
  box-shadow: 0 0 0 55px rgba(255, 255, 255, 0.022), 0 0 0 110px rgba(255, 255, 255, 0.014);
}

.sk-slide__mesh span:nth-child(2) {
  right: 34%;
  bottom: -310px;
  width: 430px;
  height: 430px;
}

.sk-slide__mesh span:nth-child(3) {
  right: 7%;
  top: 20%;
  width: 150px;
  height: 150px;
  border-color: color-mix(in srgb, var(--sk-accent-light) 34%, transparent);
}

.sk-slide__inner {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(250px, 0.55fr);
  align-items: center;
  gap: 75px;
  padding-top: 104px;
}

.sk-slide__content {
  max-width: 790px;
}

.sk-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: var(--sk-accent-text);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.035em;
}

.sk-kicker i {
  display: block;
  width: 31px;
  height: 2px;
  border-radius: 99px;
  background: linear-gradient(90deg, currentColor, color-mix(in srgb, currentColor 35%, transparent));
}

.sk-slide .sk-kicker,
.sk-page-hero .sk-kicker,
.sk-compact-hero .sk-kicker,
.sk-cta .sk-kicker,
.sk-surface--dark .sk-kicker,
.sk-surface--accent .sk-kicker {
  color: var(--sk-accent-light);
}

.sk-slide h1,
.sk-slide h2 {
  max-width: 800px;
  margin: 0 0 24px;
  color: #fff;
  font-size: clamp(46px, 5.35vw, 76px);
  line-height: 1.11;
  letter-spacing: -0.05em;
  text-shadow: 0 12px 42px rgba(0, 0, 0, 0.35);
}

.sk-slide__content > p {
  max-width: 700px;
  margin: 0;
  color: rgba(255, 255, 255, 0.79);
  font-size: 18px;
  line-height: 1.9;
}

.sk-slide .sk-button--ghost {
  border-color: rgba(255, 255, 255, 0.28);
  background: rgba(255, 255, 255, 0.055);
  color: #fff !important;
}

.sk-slide .sk-button--ghost:hover {
  background: rgba(255, 255, 255, 0.12);
}

.sk-slide__signature {
  position: relative;
  justify-self: end;
  display: flex;
  width: 245px;
  min-height: 330px;
  flex-direction: column;
  justify-content: space-between;
  padding: 28px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 30px 7px 30px 7px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.025));
  box-shadow: 28px 34px 70px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(10px);
  transform: perspective(900px) rotateY(-11deg) rotateX(4deg);
  transform-style: preserve-3d;
}

.sk-slide__signature::before,
.sk-slide__signature::after {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 12px -13px -13px 13px;
  border: 1px solid color-mix(in srgb, var(--sk-accent-light) 54%, transparent);
  border-radius: inherit;
  transform: translateZ(-28px);
}

.sk-slide__signature::after {
  inset: 25px -25px -25px 25px;
  opacity: 0.42;
  transform: translateZ(-54px);
}

.sk-slide__signature span {
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
}

.sk-slide__signature strong {
  color: rgba(255, 255, 255, 0.16);
  font-size: 104px;
  line-height: 0.78;
  letter-spacing: -0.09em;
}

.sk-slider__controls {
  position: absolute;
  z-index: 8;
  right: 50%;
  bottom: 112px;
  display: flex;
  align-items: center;
  gap: 18px;
  transform: translateX(50%);
}

.sk-slider__count {
  display: flex;
  align-items: center;
  gap: 9px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
}

.sk-slider__count span {
  color: #fff;
  font-size: 21px;
  font-weight: 700;
}

.sk-slider__count i {
  width: 36px;
  height: 1px;
  background: rgba(255, 255, 255, 0.25);
}

.sk-slider__arrows {
  display: flex;
  direction: ltr;
}

.sk-slider__arrows button,
.sk-slider__pause {
  display: grid;
  place-items: center;
  width: 45px;
  height: 45px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: transform 0.22s ease, background 0.22s ease, border-color 0.22s ease;
}

.sk-slider__arrows button:first-child {
  border-radius: 0 50% 50% 0;
}

.sk-slider__arrows button:last-child {
  border-radius: 50% 0 0 50%;
}

.sk-slider__arrows button:hover,
.sk-slider__pause:hover {
  border-color: var(--sk-accent-secondary);
  background: linear-gradient(135deg, var(--sk-accent), var(--sk-accent-secondary));
  transform: translateY(-3px);
}

.sk-slider__arrows button .sk-icon {
  width: 17px;
}

.sk-slider__arrows button:first-child .sk-icon {
  transform: rotate(180deg);
}

.sk-slider__dots {
  display: flex;
  align-items: center;
  gap: 7px;
}

.sk-slider__dots button {
  width: 25px;
  height: 4px;
  padding: 0;
  border: 0;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.25);
  cursor: pointer;
  transition: width 0.25s ease, background 0.25s ease;
}

.sk-slider__dots button.is-active {
  width: 48px;
  background: linear-gradient(90deg, var(--sk-accent), var(--sk-accent-secondary));
}

.sk-slider__pause {
  position: relative;
  width: 37px;
  height: 37px;
  border-radius: 50%;
}

.sk-slider__pause span {
  width: 2px;
  height: 11px;
  margin: 1px;
  background: currentColor;
}

.sk-slider__pause.is-paused span:first-child {
  width: 0;
  height: 0;
  margin-left: -1px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 9px solid currentColor;
  background: transparent;
}

.sk-slider__pause.is-paused span:last-child {
  display: none;
}

.sk-slider__progress {
  position: absolute;
  z-index: 8;
  right: 0;
  bottom: 85px;
  width: 100%;
  height: 3px;
  background: rgba(255, 255, 255, 0.08);
}

.sk-slider__progress span {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, var(--sk-accent), var(--sk-accent-secondary));
  transform: scaleX(0);
  transform-origin: right;
}

.sk-hero-slider.is-progressing .sk-slider__progress span {
  animation: skSliderProgress 6.5s linear forwards;
}

.sk-trust-strip {
  position: absolute;
  z-index: 7;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 86px;
  border-top: 1px solid rgba(255, 255, 255, 0.09);
  background: rgba(7, 14, 26, 0.7);
  backdrop-filter: blur(14px);
}

.sk-trust-strip__inner {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  height: 100%;
}

.sk-trust-strip__inner span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border-inline-start: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.62);
  font-size: 12px;
}

.sk-trust-strip__inner span:last-child {
  border-inline-start: 0;
}

.sk-trust-strip__inner b {
  color: #fff;
  font-size: 18px;
}

/* Inner page heroes */
.sk-breadcrumbs-wrap {
  padding: 17px 0;
  border-bottom: 1px solid var(--sk-border);
  background: var(--sk-surface);
}

.sk-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--sk-muted);
  font-size: 12px;
}

.sk-breadcrumbs a:hover {
  color: var(--sk-accent-text);
}

.sk-breadcrumbs .sk-icon {
  width: 13px;
  height: 13px;
  transform: scaleX(-1);
}

.sk-compact-hero,
.sk-section--hero {
  position: relative;
  overflow: hidden;
  background: #0b1423;
  color: #fff;
  isolation: isolate;
}

.sk-compact-hero {
  min-height: 390px;
  padding: 108px 0 92px;
}

.sk-compact-hero__media,
.sk-compact-hero__overlay,
.sk-page-hero__media,
.sk-page-hero__overlay,
.sk-page-hero__glow {
  position: absolute;
  inset: 0;
}

.sk-compact-hero__media {
  z-index: -3;
  background-image: var(--sk-compact-image, none);
  background-position: center;
  background-size: cover;
  filter: saturate(0.82) contrast(1.08);
}

.sk-compact-hero__overlay {
  z-index: -2;
  background: linear-gradient(90deg, rgba(8, 16, 29, 0.45), rgba(8, 16, 29, 0.92));
}

.sk-compact-hero::after {
  content: '';
  position: absolute;
  z-index: -1;
  left: -80px;
  top: -220px;
  width: 420px;
  height: 420px;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 50%;
  box-shadow: 0 0 0 54px rgba(255, 255, 255, 0.025), 0 0 0 108px rgba(255, 255, 255, 0.014);
}

.sk-compact-hero h1 {
  max-width: 920px;
  margin: 0 0 18px;
  color: #fff;
  font-size: clamp(40px, 5vw, 64px);
}

.sk-compact-hero p {
  max-width: 820px;
  margin: 0;
  color: rgba(255, 255, 255, 0.74);
  font-size: 17px;
  line-height: 1.9;
}

.sk-section {
  position: relative;
  padding: 112px 0;
  overflow: hidden;
  background: var(--sk-background);
}

.sk-section.sk-surface--muted {
  background: color-mix(in srgb, var(--sk-surface) 62%, var(--sk-background));
}

.sk-section.sk-surface--dark,
.sk-section.sk-surface--accent {
  background:
    radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--sk-accent) 17%, transparent), transparent 28%),
    var(--sk-primary);
  color: #fff;
}

.sk-section--hero {
  min-height: 570px;
  padding: 90px 0 100px;
}

.sk-page-hero__media {
  z-index: -4;
  background-image: var(--sk-section-desktop-image, none);
  background-position: center;
  background-size: cover;
  opacity: var(--sk-hero-image-opacity, 1);
  filter: saturate(0.84) contrast(1.08);
}

.sk-page-hero__overlay {
  z-index: -3;
  background: linear-gradient(90deg, color-mix(in srgb, var(--sk-hero-overlay, #101c30) 42%, transparent), color-mix(in srgb, var(--sk-hero-overlay, #101c30) 90%, transparent));
  opacity: var(--sk-hero-overlay-opacity, 0.75);
}

.sk-page-hero__glow {
  z-index: -2;
  background:
    radial-gradient(circle at 12% 55%, color-mix(in srgb, var(--sk-accent-secondary) 25%, transparent), transparent 27%),
    linear-gradient(135deg, transparent 65%, rgba(255, 255, 255, 0.05) 65.2%, transparent 65.4%);
}

.sk-page-hero {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 170px;
  align-items: center;
  gap: 80px;
  min-height: 380px;
}

.sk-page-hero__copy {
  max-width: 820px;
}

.sk-page-hero h1 {
  margin: 0 0 23px;
  color: #fff;
  font-size: clamp(43px, 5vw, 69px);
  text-shadow: 0 12px 38px rgba(0, 0, 0, 0.32);
}

.sk-page-hero .sk-richtext {
  max-width: 750px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 18px;
}

.sk-page-hero .sk-button--ghost {
  border-color: rgba(255, 255, 255, 0.28);
  color: #fff !important;
}

.sk-page-hero__mark {
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 15px;
  color: #fff;
  writing-mode: vertical-rl;
}

.sk-page-hero__mark span {
  color: rgba(255, 255, 255, 0.42);
  font-size: 10px;
  letter-spacing: 0.46em;
}

.sk-page-hero__mark strong {
  color: rgba(255, 255, 255, 0.16);
  font-size: 94px;
  line-height: 0.82;
}

/* Content */
.sk-section-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 30px;
}

.sk-section-heading > div::after {
  content: '';
  display: block;
  width: 76px;
  height: 3px;
  margin-top: 18px;
  border-radius: 99px;
  background: linear-gradient(90deg, var(--sk-accent), var(--sk-accent-secondary));
  box-shadow: 0 7px 18px color-mix(in srgb, var(--sk-accent) 22%, transparent);
}

.sk-section-heading h2 {
  max-width: 860px;
  margin: 0;
  font-size: clamp(32px, 4vw, 52px);
}

.sk-section-number {
  color: color-mix(in srgb, var(--sk-text) 9%, transparent);
  font-size: 78px;
  font-weight: 700;
  line-height: 0.88;
  letter-spacing: -0.08em;
}

.sk-surface--dark .sk-section-heading h2,
.sk-surface--accent .sk-section-heading h2 {
  color: #fff;
}

.sk-surface--dark .sk-section-number,
.sk-surface--accent .sk-section-number {
  color: rgba(255, 255, 255, 0.1);
}

.sk-richtext {
  max-width: 880px;
  color: var(--sk-muted);
  font-size: 16px;
  line-height: 1.95;
}

.sk-richtext p:last-child {
  margin-bottom: 0;
}

.sk-section-intro {
  margin-bottom: 43px;
  font-size: 17px;
}

.sk-surface--dark .sk-richtext,
.sk-surface--accent .sk-richtext {
  color: rgba(255, 255, 255, 0.7);
}

.sk-section-image {
  position: relative;
  margin: 0 0 46px;
  overflow: hidden;
  border: 1px solid var(--sk-border);
  border-radius: var(--sk-radius);
  background: var(--sk-surface);
  box-shadow: var(--sk-shadow);
}

.sk-section-image::after {
  content: '';
  position: absolute;
  inset: 0;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: inherit;
  pointer-events: none;
}

.sk-section-image picture,
.sk-section-image img {
  display: block;
  width: 100%;
}

.sk-section-image img {
  max-height: 620px;
  object-fit: cover;
}

/* 3D cards */
.sk-cards-grid,
.sk-steps-grid,
.sk-post-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 25px;
  margin-top: 47px;
  perspective: 1300px;
}

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

.sk-info-card,
.sk-post-card {
  --sk-tilt-x: 0deg;
  --sk-tilt-y: 0deg;
  --sk-light-x: 55%;
  --sk-light-y: 10%;
  position: relative;
  isolation: isolate;
  transform: perspective(1050px) rotateX(var(--sk-tilt-x)) rotateY(var(--sk-tilt-y)) translateZ(0);
  transform-style: preserve-3d;
  transition: transform 0.3s cubic-bezier(0.18, 0.8, 0.2, 1), border-color 0.3s ease, box-shadow 0.3s ease;
}

.sk-info-card {
  display: flex;
  min-height: 285px;
  flex-direction: column;
  padding: 31px;
  border: 1px solid color-mix(in srgb, var(--sk-accent) 16%, var(--sk-border));
  border-radius: 25px;
  background:
    radial-gradient(circle at var(--sk-light-x) var(--sk-light-y), rgba(255, 255, 255, 0.78), transparent 35%),
    linear-gradient(145deg, color-mix(in srgb, var(--sk-accent-secondary) 7%, var(--sk-surface)), var(--sk-surface) 55%);
  box-shadow: 0 20px 48px rgba(23, 35, 58, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.56);
}

html[data-theme='dark'] .sk-info-card {
  background:
    radial-gradient(circle at var(--sk-light-x) var(--sk-light-y), rgba(255, 255, 255, 0.08), transparent 34%),
    linear-gradient(145deg, color-mix(in srgb, var(--sk-accent) 7%, var(--sk-surface)), var(--sk-surface) 58%);
}

.sk-info-card::after,
.sk-post-card::after {
  content: '';
  position: absolute;
  z-index: -2;
  right: 11px;
  bottom: -11px;
  width: calc(100% - 22px);
  height: 34px;
  border: 1px solid color-mix(in srgb, var(--sk-accent) 18%, var(--sk-border));
  border-radius: 0 0 23px 23px;
  background: color-mix(in srgb, var(--sk-accent) 7%, var(--sk-surface));
  box-shadow: 0 18px 35px rgba(20, 31, 51, 0.12);
  transform: translateZ(-28px);
}

.sk-info-card:hover,
.sk-info-card:focus-visible,
.sk-post-card:hover,
.sk-post-card:focus-visible {
  z-index: 4;
  border-color: color-mix(in srgb, var(--sk-accent) 55%, var(--sk-border));
  box-shadow: 0 34px 72px rgba(23, 35, 58, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.68);
  transform: perspective(1050px) rotateX(var(--sk-tilt-x)) rotateY(var(--sk-tilt-y)) translateY(-12px) translateZ(12px);
}

.sk-info-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
  transform: translateZ(22px);
}

.sk-info-card__icon {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border: 1px solid color-mix(in srgb, var(--sk-accent-secondary) 52%, var(--sk-accent));
  border-radius: 17px;
  background: linear-gradient(145deg, var(--sk-accent), var(--sk-accent-secondary));
  color: #fff;
  box-shadow: 0 14px 28px color-mix(in srgb, var(--sk-accent) 28%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.35);
  transition: transform 0.32s ease, box-shadow 0.32s ease;
}

.sk-info-card:hover .sk-info-card__icon {
  box-shadow: 0 19px 34px color-mix(in srgb, var(--sk-accent) 35%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.4);
  transform: translateY(-5px) rotate(-7deg) scale(1.06);
}

.sk-info-card__icon .sk-icon {
  width: 25px;
  height: 25px;
}

.sk-info-card__number {
  color: color-mix(in srgb, var(--sk-text) 24%, transparent);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
}

.sk-info-card h3 {
  margin: 0 0 12px;
  font-size: 21px;
  transform: translateZ(16px);
}

.sk-info-card p {
  margin: 0 0 24px;
  color: var(--sk-muted);
  font-size: 14px;
  line-height: 1.85;
  transform: translateZ(12px);
}

.sk-info-card.is-clickable {
  cursor: pointer;
}

.sk-card-button {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  margin-top: auto;
  padding: 9px 15px;
  border: 1px solid color-mix(in srgb, var(--sk-accent) 78%, var(--sk-accent-secondary));
  border-radius: 12px;
  background: linear-gradient(135deg, var(--sk-accent), var(--sk-accent-secondary));
  color: var(--sk-on-accent);
  font-size: 12px;
  font-weight: 700;
  box-shadow: 0 10px 23px color-mix(in srgb, var(--sk-accent) 24%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  transform: translateZ(19px);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.sk-card-button .sk-icon {
  width: 14px;
  transform: scaleX(-1);
}

.sk-info-card:hover .sk-card-button,
.sk-post-card:hover .sk-card-button {
  box-shadow: 0 15px 30px color-mix(in srgb, var(--sk-accent) 34%, transparent);
  transform: translateY(-3px) translateZ(22px);
}

.sk-steps-grid .sk-info-card {
  min-height: 300px;
}

.sk-post-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--sk-accent) 15%, var(--sk-border));
  border-radius: 27px;
  background: var(--sk-surface);
  box-shadow: 0 22px 52px rgba(23, 35, 58, 0.11);
}

.sk-post-card__media {
  position: relative;
  display: block;
  aspect-ratio: 1.56;
  overflow: hidden;
  background: linear-gradient(145deg, var(--sk-primary), color-mix(in srgb, var(--sk-primary) 74%, var(--sk-accent)));
  transition: filter 0.5s ease;
}

.sk-post-card__media.has-image {
  background-image: linear-gradient(180deg, transparent 34%, rgba(7, 14, 26, 0.7)), var(--sk-card-image);
  background-position: center;
  background-size: cover;
}

.sk-post-card__media::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(125deg, rgba(255, 255, 255, 0.13), transparent 38%);
  transform: translateX(85%);
  transition: transform 0.65s ease;
}

.sk-post-card:hover .sk-post-card__media::before {
  transform: translateX(-85%);
}

.sk-post-card:hover .sk-post-card__media {
  filter: saturate(1.1) contrast(1.04);
}

.sk-post-card__media > span {
  position: absolute;
  right: 23px;
  bottom: 22px;
  display: grid;
  place-items: center;
  width: 55px;
  height: 55px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(183, 105, 28, 0.82), rgba(211, 162, 97, 0.74));
  color: #fff;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.23);
  backdrop-filter: blur(7px);
}

.sk-post-card__media > span .sk-icon {
  width: 25px;
  height: 25px;
}

.sk-post-card__media > b {
  position: absolute;
  left: 21px;
  top: 16px;
  color: rgba(255, 255, 255, 0.64);
  font-size: 32px;
  line-height: 1;
}

.sk-post-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 27px;
}

.sk-post-card__body h3 {
  margin: 0 0 12px;
  font-size: 21px;
}

.sk-post-card__body p {
  margin: 0 0 24px;
  color: var(--sk-muted);
  font-size: 14px;
  line-height: 1.82;
}

.sk-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 48px;
}

.sk-stat {
  position: relative;
  padding: 39px 22px;
  overflow: hidden;
  border: 1px solid var(--sk-border);
  border-radius: 22px;
  background: linear-gradient(145deg, color-mix(in srgb, var(--sk-accent-secondary) 7%, var(--sk-surface)), var(--sk-surface));
  box-shadow: var(--sk-shadow-sm);
  text-align: center;
  transition: transform 0.28s ease, box-shadow 0.28s ease;
}

.sk-stat::after {
  content: '';
  position: absolute;
  left: -35px;
  top: -65px;
  width: 125px;
  height: 125px;
  border: 1px solid color-mix(in srgb, var(--sk-accent) 18%, transparent);
  border-radius: 50%;
}

.sk-stat:hover {
  box-shadow: 0 24px 52px rgba(23, 35, 58, 0.15);
  transform: translateY(-8px);
}

.sk-stat strong {
  display: block;
  margin-bottom: 7px;
  color: var(--sk-accent-text);
  font-size: 43px;
  line-height: 1;
}

.sk-stat span {
  color: var(--sk-muted);
  font-size: 13px;
}

.sk-faq-list {
  display: grid;
  gap: 13px;
  margin-top: 43px;
}

.sk-faq-item {
  overflow: hidden;
  border: 1px solid var(--sk-border);
  border-radius: 18px;
  background: var(--sk-surface);
  box-shadow: 0 10px 28px rgba(23, 35, 58, 0.06);
  transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.sk-faq-item:hover,
.sk-faq-item.is-open {
  border-color: color-mix(in srgb, var(--sk-accent) 48%, var(--sk-border));
  box-shadow: var(--sk-shadow-sm);
  transform: translateY(-3px);
}

.sk-faq-item h3 {
  margin: 0;
}

.sk-faq-item button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 22px 24px;
  border: 0;
  background: transparent;
  text-align: right;
  cursor: pointer;
}

.sk-faq-item button span {
  font-size: 16px;
  font-weight: 700;
}

.sk-faq-item button .sk-icon {
  color: var(--sk-accent);
  transition: transform 0.25s ease;
}

.sk-faq-item.is-open button .sk-icon {
  transform: rotate(45deg);
}

.sk-faq-answer {
  padding: 0 24px 23px;
}

.sk-faq-answer p {
  margin: 0;
  color: var(--sk-muted);
  line-height: 1.9;
}

.sk-gallery-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: 46px;
}

.sk-gallery-item {
  position: relative;
  aspect-ratio: 1.08;
  margin: 0;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--sk-accent) 17%, var(--sk-border));
  border-radius: 23px;
  background: var(--sk-surface);
  box-shadow: var(--sk-shadow-sm);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.sk-gallery-item:nth-child(3n + 1) {
  grid-row: span 2;
  aspect-ratio: auto;
}

.sk-gallery-item:hover {
  z-index: 2;
  box-shadow: var(--sk-shadow);
  transform: translateY(-8px) rotate(-0.5deg);
}

.sk-gallery-item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.9);
  transition: transform 0.6s ease, filter 0.6s ease;
}

.sk-gallery-item:hover img {
  filter: saturate(1.05);
  transform: scale(1.06);
}

.sk-gallery-item figcaption {
  position: absolute;
  right: 12px;
  bottom: 12px;
  left: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 11px 13px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 13px;
  background: rgba(8, 16, 29, 0.68);
  color: rgba(255, 255, 255, 0.84);
  font-size: 11px;
  backdrop-filter: blur(10px);
}

.sk-gallery-item figcaption span {
  color: var(--sk-accent-light);
  font-weight: 700;
}

.sk-map-card {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(260px, 0.75fr);
  align-items: center;
  gap: 42px;
  margin-top: 44px;
  padding: 24px;
  border: 1px solid var(--sk-border);
  border-radius: var(--sk-radius);
  background: var(--sk-surface);
  box-shadow: var(--sk-shadow);
}

.sk-map-card__visual {
  display: grid;
  place-items: center;
  min-height: 390px;
  overflow: hidden;
  border-radius: 21px;
  background:
    radial-gradient(circle at 25% 25%, color-mix(in srgb, var(--sk-accent-secondary) 35%, transparent), transparent 27%),
    var(--sk-primary);
  color: #fff;
  box-shadow: 0 22px 48px rgba(13, 23, 40, 0.23);
}

.sk-map-card__visual iframe {
  width: 100%;
  height: 390px;
  border: 0;
}

.sk-map-card__visual > .sk-icon {
  width: 54px;
  height: 54px;
  margin-bottom: -135px;
  color: var(--sk-accent-light);
}

.sk-map-card h3 {
  margin-bottom: 13px;
  font-size: 25px;
}

.sk-map-card p {
  color: var(--sk-muted);
}

.sk-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  padding: 50px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 31px;
  background:
    radial-gradient(circle at 8% 90%, color-mix(in srgb, var(--sk-accent) 24%, transparent), transparent 32%),
    linear-gradient(125deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025));
  box-shadow: var(--sk-shadow-strong), inset 0 1px 0 rgba(255, 255, 255, 0.14);
  color: #fff;
}

.sk-cta h2 {
  max-width: 760px;
  margin-bottom: 16px;
  color: #fff;
  font-size: clamp(31px, 4vw, 49px);
}

.sk-cta .sk-richtext {
  color: rgba(255, 255, 255, 0.7);
}

.sk-actions--cta {
  flex: 0 0 auto;
  margin-top: 0;
}

/* Quote forms */
.sk-quote-form {
  max-width: 1040px;
  margin: 46px auto 0;
}

.sk-honeypot {
  position: absolute !important;
  left: -10000px !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.sk-form-wizard__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 35px;
  margin-bottom: 27px;
  padding: 34px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 26px;
  background:
    radial-gradient(circle at 8% 85%, color-mix(in srgb, var(--sk-accent) 28%, transparent), transparent 32%),
    var(--sk-primary);
  box-shadow: var(--sk-shadow);
  color: #fff;
}

.sk-form-wizard__header .sk-kicker {
  color: var(--sk-accent-light);
}

.sk-form-wizard__header h3 {
  margin: 0 0 9px;
  color: #fff;
  font-size: 28px;
}

.sk-form-wizard__header p {
  max-width: 650px;
  margin: 0;
  color: rgba(255, 255, 255, 0.68);
  font-size: 14px;
}

.sk-form-progress {
  display: grid;
  grid-template-columns: auto auto;
  align-items: end;
  min-width: 170px;
  color: rgba(255, 255, 255, 0.5);
  direction: ltr;
}

.sk-form-progress strong {
  color: #fff;
  font-size: 45px;
  line-height: 1;
}

.sk-form-progress > i {
  grid-column: 1 / -1;
  width: 100%;
  height: 4px;
  margin-top: 14px;
  overflow: hidden;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.13);
}

.sk-form-progress > i b {
  display: block;
  width: 20%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--sk-accent), var(--sk-accent-secondary));
  transition: width 0.4s ease;
}

.sk-form-stepper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}

.sk-form-stepper li {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 11px;
  border: 1px solid var(--sk-border);
  border-radius: 14px;
  background: var(--sk-surface);
  color: var(--sk-muted);
  font-size: 11px;
  transition: border-color 0.25s ease, background 0.25s ease, color 0.25s ease;
}

.sk-form-stepper b {
  display: grid;
  place-items: center;
  width: 27px;
  height: 27px;
  flex: 0 0 auto;
  border-radius: 9px;
  background: color-mix(in srgb, var(--sk-text) 7%, transparent);
  color: var(--sk-text);
}

.sk-form-stepper li.is-active,
.sk-form-stepper li.is-complete {
  border-color: color-mix(in srgb, var(--sk-accent) 45%, var(--sk-border));
  background: color-mix(in srgb, var(--sk-accent) 7%, var(--sk-surface));
  color: var(--sk-text);
}

.sk-form-stepper li.is-active b,
.sk-form-stepper li.is-complete b {
  background: linear-gradient(135deg, var(--sk-accent), var(--sk-accent-secondary));
  color: #fff;
}

.sk-form-section {
  margin-bottom: 20px;
  padding: 34px;
  border: 1px solid var(--sk-border);
  border-radius: 25px;
  background: var(--sk-surface);
  box-shadow: var(--sk-shadow-sm);
  scroll-margin-top: 115px;
}

.sitekul-form-ready .sk-form-step:not(.is-active) {
  display: none;
}

.sitekul-form-ready .sk-form-step.is-active {
  animation: skFormStepIn 0.5s cubic-bezier(0.16, 0.82, 0.22, 1) both;
}

.sk-form-section__head {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 27px;
}

.sk-form-section__head > span {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  border: 1px solid color-mix(in srgb, var(--sk-accent) 35%, var(--sk-border));
  border-radius: 15px;
  background: color-mix(in srgb, var(--sk-accent) 9%, var(--sk-surface));
  color: var(--sk-accent-text);
  font-size: 13px;
  font-weight: 700;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.sk-form-section__head h3 {
  margin: 1px 0 5px;
  font-size: 23px;
}

.sk-form-section__head p {
  margin: 0;
  color: var(--sk-muted);
  font-size: 13px;
}

.sk-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.sk-field {
  display: grid;
  gap: 8px;
  color: var(--sk-text);
  font-size: 13px;
  font-weight: 600;
}

.sk-field--full {
  grid-column: 1 / -1;
}

.sk-field > span b {
  color: var(--sk-accent);
}

.sk-field input,
.sk-field select,
.sk-field textarea {
  width: 100%;
  min-height: 49px;
  padding: 11px 13px;
  border: 1px solid var(--sk-border);
  border-radius: 13px;
  outline: 0;
  background: var(--sk-background);
  color: var(--sk-text);
  font-weight: 400;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.sk-field textarea {
  min-height: 125px;
  resize: vertical;
}

.sk-field input:focus,
.sk-field select:focus,
.sk-field textarea:focus {
  border-color: var(--sk-accent);
  background: var(--sk-surface);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--sk-accent) 13%, transparent);
}

.sk-field input:invalid:not(:placeholder-shown) {
  border-color: #a94732;
}

.sk-choice-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 13px;
}

.sk-choice-grid label {
  position: relative;
  cursor: pointer;
}

.sk-choice-grid input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.sk-choice-grid label > span {
  display: flex;
  min-height: 150px;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px;
  border: 1px solid var(--sk-border);
  border-radius: 18px;
  background: var(--sk-background);
  box-shadow: 0 9px 22px rgba(23, 35, 58, 0.05);
  transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
}

.sk-choice-grid label:hover > span {
  border-color: color-mix(in srgb, var(--sk-accent) 42%, var(--sk-border));
  box-shadow: var(--sk-shadow-sm);
  transform: translateY(-5px);
}

.sk-choice-grid input:focus-visible + span {
  outline: 3px solid color-mix(in srgb, var(--sk-accent) 30%, transparent);
  outline-offset: 2px;
}

.sk-choice-grid input:checked + span {
  border-color: var(--sk-accent);
  background: color-mix(in srgb, var(--sk-accent) 8%, var(--sk-surface));
  box-shadow: 0 16px 34px color-mix(in srgb, var(--sk-accent) 13%, transparent), inset 0 0 0 1px var(--sk-accent);
  transform: translateY(-4px);
}

.sk-choice-grid .sk-icon {
  width: 28px;
  height: 28px;
  margin-bottom: 18px;
  color: var(--sk-accent);
}

.sk-choice-grid b {
  font-size: 15px;
}

.sk-choice-grid small {
  margin-top: 5px;
  color: var(--sk-muted);
  font-size: 11px;
}

.sk-conditional {
  margin-top: 22px;
  padding: 23px;
  border: 1px dashed color-mix(in srgb, var(--sk-accent) 42%, var(--sk-border));
  border-radius: 18px;
  background: color-mix(in srgb, var(--sk-accent) 5%, var(--sk-background));
}

.sk-conditional[hidden] {
  display: none;
}

.sk-conditional h4 {
  margin-bottom: 17px;
  color: var(--sk-accent-text);
  font-size: 16px;
}

.sk-upload-field {
  position: relative;
  display: block;
  padding: 22px;
  border: 1px dashed color-mix(in srgb, var(--sk-accent) 42%, var(--sk-border));
  border-radius: 17px;
  background: color-mix(in srgb, var(--sk-accent) 4%, var(--sk-background));
}

.sk-upload-field > span {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 13px;
}

.sk-upload-field > span .sk-icon {
  color: var(--sk-accent);
}

.sk-upload-field small {
  margin-inline-start: auto;
  color: var(--sk-muted);
  font-weight: 400;
}

.sk-upload-field input {
  min-height: 44px;
  padding: 8px;
  background: var(--sk-surface);
}

.sk-form-step__actions,
.sk-form-submit {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid var(--sk-border);
}

.sk-form-step__actions > span {
  margin-inline-end: auto;
  color: var(--sk-muted);
  font-size: 12px;
}

.sk-form-review {
  padding: 19px;
  border: 1px solid var(--sk-border);
  border-radius: 18px;
  background: var(--sk-background);
}

.sk-form-review dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.sk-form-review dl > div {
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--sk-border) 70%, transparent);
  border-radius: 12px;
  background: var(--sk-surface);
}

.sk-form-review dt {
  margin-bottom: 3px;
  color: var(--sk-muted);
  font-size: 11px;
}

.sk-form-review dd {
  margin: 0;
  overflow-wrap: anywhere;
  color: var(--sk-text);
  font-size: 13px;
  font-weight: 600;
}

.sk-whatsapp-handoff {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-top: 17px;
  padding: 17px;
  border: 1px solid rgba(37, 143, 78, 0.24);
  border-radius: 16px;
  background: rgba(37, 143, 78, 0.07);
}

.sk-whatsapp-handoff > .sk-icon {
  width: 28px;
  height: 28px;
  color: #258f4e;
}

.sk-whatsapp-handoff strong {
  display: block;
  margin-bottom: 3px;
  font-size: 14px;
}

.sk-whatsapp-handoff p {
  margin: 0;
  color: var(--sk-muted);
  font-size: 12px;
}

.sk-consent {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 20px;
  color: var(--sk-muted);
  font-size: 12px;
  cursor: pointer;
}

.sk-consent input {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  accent-color: var(--sk-accent);
}

.sk-consent a {
  color: var(--sk-accent-text) !important;
  text-decoration: underline !important;
}

.sk-form-disclaimer {
  margin: 15px 0 0;
  color: var(--sk-muted);
  font-size: 11px;
  text-align: center;
}

.sk-form-submit {
  justify-content: space-between;
  padding: 22px;
  border: 1px solid var(--sk-border);
  border-radius: 20px;
  background: var(--sk-surface);
}

.sk-form-submit strong {
  display: block;
  font-size: 14px;
}

.sk-form-submit p {
  margin: 3px 0 0;
  color: var(--sk-muted);
  font-size: 12px;
}

.sk-button.is-loading,
.sk-button:disabled {
  opacity: 0.68;
  cursor: wait;
  transform: none;
}

.sk-form-success,
.sk-form-error {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  max-width: 880px;
  margin: 45px auto;
  padding: 30px;
  border: 1px solid color-mix(in srgb, #258f4e 32%, var(--sk-border));
  border-radius: 24px;
  background: color-mix(in srgb, #258f4e 7%, var(--sk-surface));
  box-shadow: var(--sk-shadow);
}

.sk-form-success > .sk-icon {
  width: 48px;
  height: 48px;
  color: #258f4e;
}

.sk-form-success h3 {
  margin-bottom: 8px;
  font-size: 24px;
}

.sk-form-success p {
  margin-bottom: 16px;
  color: var(--sk-muted);
}

.sk-whatsapp-countdown {
  font-size: 13px;
}

.sk-form-error {
  display: block;
  border-color: color-mix(in srgb, #a94732 35%, var(--sk-border));
  background: color-mix(in srgb, #a94732 7%, var(--sk-surface));
  color: #8f3624;
}

/* Footer */
.sk-site-footer {
  position: relative;
  overflow: hidden;
  padding-top: 78px;
  background: var(--sk-footer);
  color: rgba(255, 255, 255, 0.72);
}

.sk-site-footer::before {
  content: '';
  position: absolute;
  left: -230px;
  top: -310px;
  width: 560px;
  height: 560px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 50%;
  box-shadow: 0 0 0 65px rgba(255, 255, 255, 0.018), 0 0 0 130px rgba(255, 255, 255, 0.01);
}

.sk-footer-accent {
  position: absolute;
  right: 0;
  top: 0;
  width: 42%;
  height: 5px;
  background: linear-gradient(90deg, var(--sk-accent), var(--sk-accent-secondary));
  box-shadow: 0 7px 25px color-mix(in srgb, var(--sk-accent) 25%, transparent);
}

.sk-footer-grid {
  position: relative;
  display: grid;
  grid-template-columns: 1.45fr 0.75fr 0.85fr 1fr;
  gap: 52px;
  padding-bottom: 65px;
}

.sk-footer-brand .sk-logo-wrap {
  width: 235px;
  max-width: 100%;
  margin-bottom: 24px;
}

.sk-footer-brand .sk-logo--dark.is-fallback,
.sk-footer-brand .sk-logo--light.is-fallback {
  filter: brightness(0) invert(1);
}

.sk-footer-brand > p {
  max-width: 380px;
  color: rgba(255, 255, 255, 0.58);
  font-size: 13px;
  line-height: 1.9;
}

.sk-footer-grid h2 {
  margin-bottom: 21px;
  color: #fff;
  font-size: 16px;
}

.sk-footer-grid ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.sk-footer-grid li,
.sk-footer-grid p {
  margin: 0;
}

.sk-footer-grid a {
  transition: color 0.2s ease, transform 0.2s ease;
}

.sk-footer-grid a:hover {
  color: var(--sk-accent-light);
}

.sk-footer-whatsapp {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 9px;
  color: #fff !important;
  font-size: 13px;
  font-weight: 600;
}

.sk-footer-whatsapp .sk-icon {
  color: #48b86c;
}

.sk-footer-contact {
  display: grid;
  align-content: start;
  gap: 12px;
}

.sk-footer-contact h2 {
  margin-bottom: 9px;
}

.sk-footer-contact p {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  font-size: 13px;
}

.sk-footer-contact .sk-icon {
  margin-top: 3px;
  color: var(--sk-accent-light);
}

.sk-footer-bottom {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 25px;
  min-height: 70px;
  border-top: 1px solid rgba(255, 255, 255, 0.09);
  color: rgba(255, 255, 255, 0.45);
  font-size: 11px;
}

.sk-footer-bottom p {
  margin: 0;
}

.sk-footer-bottom > div {
  display: flex;
  gap: 16px;
}

.sk-credit {
  justify-self: end;
}

.sk-credit strong {
  color: var(--sk-accent-light);
}

.sk-mobile-actionbar {
  display: none;
}

/* Motion: content is only hidden after JavaScript confirms it is active. */
.sitekul-motion-ready .sitekul-animations [data-reveal-child] {
  transition-property: opacity, transform, border-color, box-shadow, filter;
  transition-duration: 0.72s, 0.72s, 0.3s, 0.3s, 0.72s;
  transition-timing-function: ease, cubic-bezier(0.16, 0.82, 0.22, 1), ease, ease, ease;
}

.sitekul-motion-ready .sitekul-animations .sk-reveal {
  opacity: 0;
  filter: blur(4px);
  transform: translateY(66px) scale(0.985);
  transition: opacity 0.85s ease, transform 0.85s cubic-bezier(0.16, 0.82, 0.22, 1), filter 0.85s ease;
}

.sitekul-motion-ready .sitekul-animations .sk-reveal--fade-left {
  transform: translateX(72px);
}

.sitekul-motion-ready .sitekul-animations .sk-reveal--fade-right {
  transform: translateX(-72px);
}

.sitekul-motion-ready .sitekul-animations .sk-reveal--zoom {
  transform: scale(0.88);
}

.sitekul-motion-ready .sitekul-animations .sk-reveal.is-visible {
  opacity: 1;
  filter: none;
  transform: none;
}

.sitekul-motion-ready .sitekul-animations .sk-reveal:not(.is-visible) [data-reveal-child] {
  opacity: 0;
  transform: translateY(52px) rotateX(7deg) scale(0.95);
}

.sitekul-motion-ready .sitekul-animations .sk-reveal.is-visible [data-reveal-child] {
  opacity: 1;
}

.sitekul-motion-ready .sitekul-animations .sk-reveal.is-visible:not(.is-motion-settled) [data-reveal-child] {
  transition-delay: calc(130ms + var(--sk-item-delay, 0ms));
}

body.sitekul-animations .sk-slide.is-active .sk-slide__media {
  animation: skHeroKenBurns 7.2s ease-out both;
}

body.sitekul-animations .sk-slide.is-active .sk-slide__content > * {
  animation: skHeroContent 0.82s cubic-bezier(0.16, 0.82, 0.22, 1) both;
}

body.sitekul-animations .sk-slide.is-active .sk-slide__content > *:nth-child(2) {
  animation-delay: 0.12s;
}

body.sitekul-animations .sk-slide.is-active .sk-slide__content > *:nth-child(3) {
  animation-delay: 0.24s;
}

body.sitekul-animations .sk-slide.is-active .sk-slide__content > *:nth-child(4) {
  animation-delay: 0.36s;
}

body.sitekul-animations .sk-slide.is-active .sk-slide__signature {
  animation: skSignature 0.9s 0.28s cubic-bezier(0.16, 0.82, 0.22, 1) both;
}

@keyframes skSliderProgress {
  to { transform: scaleX(1); }
}

@keyframes skHeroKenBurns {
  from { transform: scale(1.12) translate3d(-1.4%, 1%, 0); }
  to { transform: scale(1.025) translate3d(1.2%, -0.7%, 0); }
}

@keyframes skHeroContent {
  from { opacity: 0; filter: blur(7px); transform: translateY(55px); }
  to { opacity: 1; filter: none; transform: none; }
}

@keyframes skSignature {
  from { opacity: 0; filter: blur(5px); transform: perspective(900px) rotateY(-23deg) rotateX(10deg) translateX(-55px); }
  to { opacity: 1; filter: none; transform: perspective(900px) rotateY(-11deg) rotateX(4deg); }
}

@keyframes skFormStepIn {
  from { opacity: 0; filter: blur(4px); transform: translateY(28px) scale(0.985); }
  to { opacity: 1; filter: none; transform: none; }
}

@media (max-width: 1160px) {
  .sk-brand { width: 210px; }
  .sk-menu { gap: 17px; }
  .sk-menu > li > a { font-size: 12px; }
  .sk-slide__inner { grid-template-columns: minmax(0, 1fr) 210px; gap: 42px; }
  .sk-slide__signature { width: 205px; min-height: 300px; }
  .sk-steps-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sk-footer-grid { gap: 35px; }
}

@media (max-width: 1040px) {
  .sk-nav-wrap { height: 82px; }
  .sk-site-header.is-overlay { margin-bottom: -118px; }
  .sk-main-nav {
    position: absolute;
    top: 100%;
    right: 22px;
    left: 22px;
    max-height: calc(100vh - 130px);
    overflow: auto;
    padding: 15px;
    border: 1px solid var(--sk-border);
    border-radius: 20px;
    background: color-mix(in srgb, var(--sk-surface) 96%, transparent);
    box-shadow: var(--sk-shadow);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px) scale(0.98);
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;
    backdrop-filter: blur(20px);
  }
  .sk-main-nav.is-open { opacity: 1; visibility: visible; transform: none; }
  .sk-menu { display: grid; gap: 2px; }
  .sk-menu > li > a,
  .is-overlay:not(.is-scrolled) .sk-menu > li > a,
  .is-scrolled .sk-menu > li > a { padding: 12px; border-radius: 10px; color: var(--sk-text); text-shadow: none; }
  .sk-menu > li > a:hover { background: color-mix(in srgb, var(--sk-accent) 8%, transparent); }
  .sk-menu > li > a::after { display: none; }
  .sk-menu .sub-menu { position: static; display: grid; min-width: 0; margin-inline-start: 16px; padding: 3px 9px 8px; border: 0; background: transparent; box-shadow: none; opacity: 1; visibility: visible; transform: none; }
  .sk-menu-toggle { display: grid; }
  .sk-menu-open { display: block; }
  .sk-nav-actions { margin-inline-start: auto; }
  .sk-slide__inner { grid-template-columns: 1fr; }
  .sk-slide__signature { display: none; }
  .sk-slide__content { max-width: 820px; }
  .sk-post-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sk-gallery-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sk-footer-grid { grid-template-columns: 1.3fr 1fr 1fr; }
  .sk-footer-contact { grid-column: 2 / -1; }
}

@media (max-width: 782px) {
  .admin-bar .sk-site-header.is-sticky { top: 46px; }
}

@media (max-width: 760px) {
  :root { --sk-container: min(100% - 30px, 1240px); --sk-radius: 22px; }
  body.sitekul-page { font-size: 15px; }
  body.sk-menu-is-open { overflow: hidden; }
  .sk-site-header.is-overlay { margin-bottom: -78px; }
  .sk-topbar { display: none; }
  .sk-nav-wrap, .is-scrolled .sk-nav-wrap { height: 78px; }
  .sk-brand { width: 184px; max-width: 48vw; }
  .sk-nav { gap: 10px; }
  .sk-nav-actions .sk-button--compact { display: none; }
  .sk-icon-button { width: 41px; height: 41px; }
  .sk-main-nav { right: 15px; left: 15px; max-height: calc(100vh - 100px); }
  .sk-hero-slider { min-height: 766px; }
  .sk-slider__track { height: 686px; }
  .sk-slide__media { inset: -5%; background-image: var(--sk-slide-mobile-image, var(--sk-slide-desktop-image, none)); background-position: center; }
  .sk-slide__overlay { background: linear-gradient(180deg, color-mix(in srgb, var(--sk-slide-overlay, #101c30) 48%, transparent), color-mix(in srgb, var(--sk-slide-overlay, #101c30) 94%, transparent) 72%); }
  .sk-slide__mesh { background-size: 68px 68px; mask-image: linear-gradient(180deg, transparent 5%, #000 90%); }
  .sk-slide__inner { display: flex; min-height: 686px; align-items: flex-end; padding-top: 112px; padding-bottom: 118px; }
  .sk-slide h1, .sk-slide h2 { font-size: clamp(39px, 10.5vw, 55px); }
  .sk-slide__content > p { font-size: 15px; line-height: 1.8; }
  .sk-slide .sk-actions { margin-top: 27px; }
  .sk-slider__controls { bottom: 101px; gap: 10px; }
  .sk-slider__count { display: none; }
  .sk-slider__arrows button { width: 40px; height: 40px; }
  .sk-slider__pause { width: 38px; height: 38px; }
  .sk-slider__dots button { width: 9px; height: 9px; }
  .sk-slider__dots button.is-active { width: 29px; }
  .sk-slider__progress { bottom: 80px; }
  .sk-trust-strip { height: 80px; overflow-x: auto; }
  .sk-trust-strip__inner { width: 660px; }
  .sk-trust-strip__inner span { font-size: 10px; }
  .sk-trust-strip__inner b { font-size: 16px; }
  .sk-section { padding: 82px 0; }
  .sk-compact-hero { min-height: 340px; padding: 84px 0 74px; }
  .sk-compact-hero h1 { font-size: clamp(36px, 10vw, 51px); }
  .sk-section--hero { min-height: 500px; padding: 65px 0 75px; }
  .sk-page-hero__media { background-image: var(--sk-section-mobile-image, var(--sk-section-desktop-image, none)); }
  .sk-page-hero { grid-template-columns: 1fr; min-height: 360px; }
  .sk-page-hero__mark { display: none; }
  .sk-page-hero h1 { font-size: clamp(38px, 10vw, 53px); }
  .sk-page-hero .sk-richtext { font-size: 15px; }
  .sk-section-heading { align-items: flex-start; }
  .sk-section-heading h2 { font-size: 35px; }
  .sk-section-number { font-size: 52px; }
  .sk-cards-grid, .sk-steps-grid, .sk-post-grid { grid-template-columns: 1fr; gap: 20px; }
  .sk-info-card { min-height: 245px; padding: 26px; }
  .sk-steps-grid .sk-info-card { min-height: 255px; }
  .sk-post-card { display: grid; grid-template-columns: 138px 1fr; min-height: 185px; border-radius: 21px; }
  .sk-post-card__media { height: 100%; min-height: 185px; aspect-ratio: auto; }
  .sk-post-card__media > span { right: 15px; bottom: 15px; width: 45px; height: 45px; }
  .sk-post-card__body { padding: 20px; }
  .sk-post-card__body h3 { font-size: 18px; }
  .sk-post-card__body p { font-size: 12px; }
  .sk-card-button { min-height: 36px; padding: 8px 12px; font-size: 10px; }
  .sk-stats-grid { grid-template-columns: repeat(2, 1fr); gap: 11px; }
  .sk-stat { padding: 28px 12px; border-radius: 17px; }
  .sk-stat strong { font-size: 36px; }
  .sk-gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
  .sk-gallery-item, .sk-gallery-item:nth-child(3n + 1) { grid-row: auto; aspect-ratio: 1; border-radius: 17px; }
  .sk-gallery-item figcaption { right: 7px; bottom: 7px; left: 7px; padding: 8px; font-size: 9px; }
  .sk-map-card { grid-template-columns: 1fr; gap: 25px; padding: 16px; }
  .sk-map-card__visual, .sk-map-card__visual iframe { min-height: 300px; height: 300px; }
  .sk-cta { align-items: flex-start; flex-direction: column; padding: 32px; }
  .sk-actions--cta { margin-top: 0; }
  .sk-form-wizard__header { align-items: flex-start; flex-direction: column; padding: 25px; }
  .sk-form-progress { width: 100%; }
  .sk-form-stepper { gap: 5px; }
  .sk-form-stepper li { justify-content: center; padding: 8px 4px; }
  .sk-form-stepper li span { display: none; }
  .sk-form-section { padding: 23px; border-radius: 20px; }
  .sk-form-section__head > span { width: 42px; height: 42px; }
  .sk-form-section__head h3 { font-size: 20px; }
  .sk-form-grid { grid-template-columns: 1fr; }
  .sk-field--full { grid-column: auto; }
  .sk-choice-grid { grid-template-columns: repeat(2, 1fr); }
  .sk-choice-grid label > span { min-height: 130px; padding: 16px; }
  .sk-form-review dl { grid-template-columns: 1fr; }
  .sk-form-step__actions { flex-wrap: wrap; }
  .sk-form-step__actions .sk-button { flex: 1; padding-inline: 14px; }
  .sk-form-submit { align-items: stretch; flex-direction: column; }
  .sk-footer-grid { grid-template-columns: 1fr 1fr; gap: 36px 25px; }
  .sk-footer-brand { grid-column: 1 / -1; }
  .sk-footer-contact { grid-column: 1 / -1; }
  .sk-footer-bottom { grid-template-columns: 1fr; gap: 12px; padding-block: 22px 96px; text-align: center; }
  .sk-footer-bottom > div { justify-content: center; }
  .sk-credit { justify-self: center; }
  .sk-mobile-actionbar { position: fixed; z-index: 999; right: 12px; bottom: 10px; left: 12px; display: grid; grid-template-columns: repeat(3, 1fr); min-height: 66px; padding: 7px; border: 1px solid color-mix(in srgb, var(--sk-border) 70%, transparent); border-radius: 20px; background: color-mix(in srgb, var(--sk-surface) 91%, transparent); box-shadow: 0 20px 55px rgba(10, 18, 32, 0.2); backdrop-filter: blur(18px); }
  .sk-mobile-actionbar a { display: grid; place-items: center; gap: 1px; border-radius: 13px; color: var(--sk-muted); font-size: 10px; }
  .sk-mobile-actionbar a:nth-child(2) { background: linear-gradient(135deg, var(--sk-accent), var(--sk-accent-secondary)); color: #fff; box-shadow: 0 10px 24px color-mix(in srgb, var(--sk-accent) 27%, transparent); }
  .sk-mobile-actionbar .sk-icon { width: 21px; height: 21px; }
}

@media (max-width: 480px) {
  :root { --sk-container: min(100% - 24px, 1240px); }
  .sk-brand { width: 160px; }
  .sk-slide__inner { padding-top: 98px; }
  .sk-slide h1, .sk-slide h2 { font-size: 37px; }
  .sk-slide__content > p { font-size: 14px; }
  .sk-slide .sk-actions { align-items: stretch; flex-direction: column; }
  .sk-slide .sk-button { width: 100%; }
  .sk-slider__arrows { display: none; }
  .sk-section-heading h2 { font-size: 31px; }
  .sk-section-number { display: none; }
  .sk-post-card { grid-template-columns: 112px 1fr; }
  .sk-post-card__media { min-height: 173px; }
  .sk-post-card__body { padding: 16px; }
  .sk-post-card__body h3 { font-size: 16px; }
  .sk-post-card__body p { display: none; }
  .sk-gallery-item figcaption { display: none; }
  .sk-choice-grid { grid-template-columns: 1fr; }
  .sk-choice-grid label > span { min-height: 105px; }
  .sk-form-step__actions { display: grid; grid-template-columns: 1fr 1fr; }
  .sk-form-step__actions > span { grid-column: 1 / -1; }
  .sk-form-step__actions .sk-button:only-child { grid-column: 1 / -1; }
  .sk-footer-grid { grid-template-columns: 1fr; }
  .sk-footer-brand, .sk-footer-contact { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: 0.01ms !important; }
  .sitekul-motion-ready .sitekul-animations .sk-reveal,
  .sitekul-motion-ready .sitekul-animations .sk-reveal [data-reveal-child] { opacity: 1 !important; filter: none !important; transform: none !important; }
  .sk-info-card:hover, .sk-post-card:hover, .sk-stat:hover, .sk-gallery-item:hover, .sk-button:hover { transform: none; }
}

/* Sitekul 1.3 — semantic layouts: each section follows its own purpose. */
.sk-main > .sk-section--hero:first-child {
  margin-top: 0;
}

.sk-hero-slider,
.sk-slider__track {
  min-height: 700px;
  height: 700px;
}

.sk-slider__controls {
  bottom: 32px;
}

.sk-slider__progress {
  bottom: 0;
}

.sk-trust-section {
  position: relative;
  z-index: 2;
  overflow: hidden;
  background:
    radial-gradient(circle at 8% 50%, color-mix(in srgb, var(--sk-accent) 18%, transparent), transparent 28%),
    #0c1729;
  color: #fff;
}

.sk-trust-section__inner {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  min-height: 108px;
}

.sk-trust-section__inner > div {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 22px 18px;
  border-inline-start: 1px solid rgba(255, 255, 255, 0.09);
}

.sk-trust-section__inner > div:last-child {
  border-inline-start: 0;
}

.sk-trust-section__inner strong {
  color: var(--sk-accent-light);
  font-size: clamp(24px, 2.5vw, 34px);
  line-height: 1;
}

.sk-trust-section__inner span {
  color: rgba(255, 255, 255, 0.65);
  font-size: 12px;
}

/* Clickable need selector — photographic destinations, not generic cards. */
.sk-need-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 46px;
}

.sk-need-option {
  position: relative;
  display: block;
  min-height: 450px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 30px 8px 30px 8px;
  color: #fff !important;
  isolation: isolate;
  box-shadow: 0 28px 65px rgba(8, 16, 29, 0.17);
  transition: border-radius 0.45s cubic-bezier(0.16, 0.82, 0.22, 1), box-shadow 0.45s ease, transform 0.45s cubic-bezier(0.16, 0.82, 0.22, 1);
}

.sk-need-option__media,
.sk-need-option__shade {
  position: absolute;
  inset: 0;
}

.sk-need-option__media {
  z-index: -3;
  background-image: var(--sk-need-image);
  background-position: center;
  background-size: cover;
  filter: saturate(0.83) contrast(1.06);
  transform: scale(1.035);
  transition: filter 0.65s ease, transform 0.75s cubic-bezier(0.16, 0.82, 0.22, 1);
}

.sk-need-option__shade {
  z-index: -2;
  background:
    linear-gradient(180deg, rgba(7, 15, 27, 0.08) 18%, rgba(7, 15, 27, 0.92) 92%),
    linear-gradient(110deg, color-mix(in srgb, var(--sk-accent) 24%, transparent), transparent 50%);
}

.sk-need-option::after {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: inherit;
  transform: scale(0.94);
  opacity: 0;
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.sk-need-option__index {
  position: absolute;
  top: 24px;
  left: 25px;
  color: rgba(255, 255, 255, 0.62);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
}

.sk-need-option__icon {
  position: absolute;
  top: 24px;
  right: 24px;
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 50%;
  background: rgba(10, 19, 33, 0.34);
  color: var(--sk-accent-light);
  backdrop-filter: blur(11px);
  transition: background 0.35s ease, color 0.35s ease, transform 0.45s cubic-bezier(0.16, 0.82, 0.22, 1);
}

.sk-need-option__icon .sk-icon {
  width: 25px;
  height: 25px;
}

.sk-need-option__copy {
  position: absolute;
  right: 29px;
  bottom: 29px;
  left: 29px;
  display: block;
}

.sk-need-option__copy strong {
  display: block;
  margin-bottom: 10px;
  color: #fff;
  font-size: 25px;
}

.sk-need-option__copy small {
  display: block;
  min-height: 52px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 13px;
  line-height: 1.8;
}

.sk-need-option__copy b {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 20px;
  color: var(--sk-accent-light);
  font-size: 12px;
}

.sk-need-option__copy b .sk-icon {
  width: 15px;
  transform: scaleX(-1);
  transition: transform 0.25s ease;
}

.sk-need-option:hover,
.sk-need-option:focus-visible {
  border-radius: 8px 30px 8px 30px;
  box-shadow: 0 36px 78px rgba(8, 16, 29, 0.27);
  transform: translateY(-10px);
}

.sk-need-option:hover::after,
.sk-need-option:focus-visible::after {
  opacity: 1;
  transform: scale(0.965);
}

.sk-need-option:hover .sk-need-option__media,
.sk-need-option:focus-visible .sk-need-option__media {
  filter: saturate(1.02) contrast(1.08);
  transform: scale(1.11);
}

.sk-need-option:hover .sk-need-option__icon,
.sk-need-option:focus-visible .sk-need-option__icon {
  background: linear-gradient(135deg, var(--sk-accent), var(--sk-accent-secondary));
  color: #fff;
  transform: rotate(-9deg) scale(1.08);
}

.sk-need-option:hover .sk-need-option__copy b .sk-icon,
.sk-need-option:focus-visible .sk-need-option__copy b .sk-icon {
  transform: translateX(-5px) scaleX(-1);
}

/* Project stages — a connected path. */
.sk-stage-path {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 48px;
  border-block: 1px solid var(--sk-border);
}

.sk-stage-path a {
  position: relative;
  display: grid;
  min-height: 190px;
  align-content: center;
  gap: 15px;
  padding: 30px 26px;
  border-inline-start: 1px solid var(--sk-border);
  transition: background 0.28s ease, color 0.28s ease;
}

.sk-stage-path a:last-child {
  border-inline-start: 0;
}

.sk-stage-path a::before {
  content: '';
  position: absolute;
  right: 0;
  bottom: -2px;
  width: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--sk-accent), var(--sk-accent-secondary));
  transition: width 0.35s ease;
}

.sk-stage-path a > span {
  color: var(--sk-accent-text);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
}

.sk-stage-path a > strong {
  max-width: 170px;
  font-size: 18px;
}

.sk-stage-path a > .sk-icon {
  position: absolute;
  bottom: 28px;
  left: 24px;
  width: 18px;
  color: var(--sk-accent);
  opacity: 0;
  transform: translateX(9px) scaleX(-1);
  transition: opacity 0.25s ease, transform 0.25s ease;
}

.sk-stage-path a:hover,
.sk-stage-path a:focus-visible {
  background: color-mix(in srgb, var(--sk-accent) 6%, var(--sk-surface));
}

.sk-stage-path a:hover::before,
.sk-stage-path a:focus-visible::before {
  width: 100%;
}

.sk-stage-path a:hover > .sk-icon,
.sk-stage-path a:focus-visible > .sk-icon {
  opacity: 1;
  transform: scaleX(-1);
}

/* Benefits — editorial feature rail with separators, never cards. */
.sk-feature-showcase {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 48px;
  border-block: 1px solid var(--sk-border);
}

.sk-feature-row {
  position: relative;
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  gap: 23px;
  min-height: 205px;
  align-items: start;
  padding: 38px 35px;
  border-bottom: 1px solid var(--sk-border);
}

.sk-feature-row:nth-child(odd) {
  border-inline-end: 1px solid var(--sk-border);
}

.sk-feature-row:nth-last-child(-n + 2) {
  border-bottom: 0;
}

.sk-feature-row__icon {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border: 1px solid color-mix(in srgb, var(--sk-accent) 35%, var(--sk-border));
  border-radius: 50%;
  color: var(--sk-accent-text);
  transition: background 0.3s ease, color 0.3s ease, transform 0.35s ease;
}

.sk-feature-row__icon .sk-icon {
  width: 23px;
  height: 23px;
}

.sk-feature-row__number {
  display: block;
  margin-bottom: 11px;
  color: color-mix(in srgb, var(--sk-text) 27%, transparent);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
}

.sk-feature-row h3 {
  margin: 0 0 10px;
  font-size: 21px;
}

.sk-feature-row p {
  max-width: 470px;
  margin: 0;
  color: var(--sk-muted);
  font-size: 14px;
  line-height: 1.9;
}

.sk-feature-row:hover .sk-feature-row__icon {
  background: linear-gradient(135deg, var(--sk-accent), var(--sk-accent-secondary));
  color: #fff;
  transform: translateY(-5px) rotate(-7deg);
}

/* Structured details and checklists. */
.sk-detail-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 44px;
  border-top: 1px solid var(--sk-border);
  border-inline-end: 1px solid var(--sk-border);
}

.sk-detail-item {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 18px;
  min-height: 178px;
  padding: 31px 28px;
  border-bottom: 1px solid var(--sk-border);
  border-inline-start: 1px solid var(--sk-border);
  transition: background 0.25s ease;
}

.sk-detail-item:hover {
  background: color-mix(in srgb, var(--sk-accent) 5%, var(--sk-surface));
}

.sk-detail-item > span {
  color: var(--sk-accent-text);
  font-size: 12px;
  font-weight: 700;
}

.sk-detail-item h3 {
  margin: 0 0 10px;
  font-size: 19px;
}

.sk-detail-item p {
  margin: 0;
  color: var(--sk-muted);
  font-size: 13px;
  line-height: 1.85;
}

.sk-checklist {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 48px;
  margin: 44px 0 0;
  padding: 0;
  border-top: 1px solid var(--sk-border);
  list-style: none;
}

.sk-checklist li {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  min-height: 88px;
  padding: 25px 2px;
  border-bottom: 1px solid var(--sk-border);
}

.sk-checklist li > .sk-icon {
  width: 25px;
  height: 25px;
  padding: 5px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--sk-accent) 12%, transparent);
  color: var(--sk-accent-text);
}

.sk-checklist strong,
.sk-checklist small {
  display: block;
}

.sk-checklist strong {
  font-size: 16px;
}

.sk-checklist small {
  margin-top: 5px;
  color: var(--sk-muted);
}

.sk-inline-notice {
  position: relative;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: center;
  gap: 20px;
  margin-top: 38px;
  padding: 25px 29px;
  border-inline-start: 5px solid var(--sk-accent);
  border-block: 1px solid var(--sk-border);
  background: linear-gradient(90deg, color-mix(in srgb, var(--sk-accent) 9%, var(--sk-surface)), transparent 75%);
}

.sk-inline-notice > .sk-icon {
  width: 45px;
  height: 45px;
  padding: 11px;
  border-radius: 50%;
  background: var(--sk-surface);
  color: var(--sk-accent-text);
}

.sk-inline-notice strong {
  display: block;
  margin-bottom: 4px;
  font-size: 16px;
}

.sk-inline-notice p {
  margin: 0;
  color: var(--sk-muted);
  font-size: 14px;
  line-height: 1.8;
}

.sk-policy-list {
  margin: 44px 0 0;
  padding: 0;
  border-top: 1px solid var(--sk-border);
  list-style: none;
}

.sk-policy-list li {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 24px;
  padding: 28px 0;
  border-bottom: 1px solid var(--sk-border);
}

.sk-policy-list li > span {
  color: var(--sk-accent-text);
  font-size: 17px;
  font-weight: 700;
}

.sk-policy-list strong {
  font-size: 18px;
}

.sk-policy-list p {
  margin: 7px 0 0;
  color: var(--sk-muted);
  line-height: 1.9;
}

/* Order method — true timeline. */
.sk-process-timeline {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 55px 0 0;
  padding: 0;
  list-style: none;
}

.sk-process-timeline::before {
  content: '';
  position: absolute;
  top: 34px;
  right: 8%;
  left: 8%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--sk-border) 8%, var(--sk-accent-secondary) 50%, var(--sk-border) 92%, transparent);
}

.sk-process-timeline li {
  position: relative;
  z-index: 1;
  padding: 0 24px;
  text-align: center;
}

.sk-process-timeline li > span {
  display: grid;
  place-items: center;
  width: 68px;
  height: 68px;
  margin: 0 auto 25px;
  border: 1px solid color-mix(in srgb, var(--sk-accent) 45%, var(--sk-border));
  border-radius: 50%;
  background: var(--sk-background);
  color: var(--sk-accent-text);
  font-size: 13px;
  font-weight: 700;
  box-shadow: 0 0 0 9px var(--sk-background);
  transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}

.sk-surface--muted .sk-process-timeline li > span {
  background: color-mix(in srgb, var(--sk-surface) 62%, var(--sk-background));
  box-shadow: 0 0 0 9px color-mix(in srgb, var(--sk-surface) 62%, var(--sk-background));
}

.sk-process-timeline h3 {
  margin: 0 0 9px;
  font-size: 19px;
}

.sk-process-timeline p {
  margin: 0;
  color: var(--sk-muted);
  font-size: 13px;
  line-height: 1.85;
}

.sk-process-timeline li:hover > span {
  background: linear-gradient(135deg, var(--sk-accent), var(--sk-accent-secondary));
  color: #fff;
  transform: translateY(-6px) scale(1.06);
}

/* Coverage — geographic visual plus a linked city directory. */
.sk-coverage-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(330px, 0.85fr);
  gap: 70px;
  align-items: center;
  margin-top: 48px;
}

.sk-coverage-map {
  position: relative;
  min-height: 530px;
  overflow: hidden;
  border-radius: 36px 8px 36px 8px;
  background:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    radial-gradient(circle at 48% 50%, color-mix(in srgb, var(--sk-accent) 24%, transparent), transparent 43%),
    #0d192b;
  background-size: 44px 44px, 44px 44px, auto, auto;
  box-shadow: 0 35px 75px rgba(9, 17, 31, 0.2);
  isolation: isolate;
}

.sk-coverage-map > svg {
  position: absolute;
  top: 34px;
  right: 50%;
  width: 390px;
  height: 450px;
  color: rgba(255, 255, 255, 0.08);
  transform: translateX(50%);
}

.sk-coverage-map > svg path:first-child {
  fill: rgba(255, 255, 255, 0.055);
  stroke: rgba(255, 255, 255, 0.18);
  stroke-width: 2;
}

.sk-coverage-map > svg path:last-child {
  fill: none;
  stroke: color-mix(in srgb, var(--sk-accent-light) 55%, transparent);
  stroke-dasharray: 7 8;
  stroke-width: 2;
}

.sk-coverage-map__pulse {
  position: absolute;
  right: 49%;
  top: 52%;
  width: 190px;
  height: 190px;
  border: 1px solid color-mix(in srgb, var(--sk-accent-light) 25%, transparent);
  border-radius: 50%;
  transform: translate(50%, -50%);
  animation: skMapPulse 3.2s ease-out infinite;
}

.sk-map-marker {
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 7px;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 11px;
  font-weight: 600;
  transition: color 0.25s ease, transform 0.25s ease;
}

.sk-map-marker i {
  position: relative;
  display: block;
  width: 13px;
  height: 13px;
  border: 3px solid #0d192b;
  border-radius: 50%;
  background: var(--sk-accent-light);
  box-shadow: 0 0 0 2px var(--sk-accent-light), 0 0 0 8px color-mix(in srgb, var(--sk-accent-light) 13%, transparent);
}

.sk-map-marker:hover,
.sk-map-marker:focus-visible {
  color: #fff !important;
  transform: scale(1.12);
}

.sk-map-marker--dammam { top: 55%; right: 31%; }
.sk-map-marker--khobar { top: 69%; right: 36%; }
.sk-map-marker--dhahran { top: 63%; right: 51%; }
.sk-map-marker--qatif { top: 34%; right: 29%; }
.sk-map-marker--saihat { top: 45%; right: 42%; }

.sk-coverage-list > h3 {
  margin: 0 0 16px;
  font-size: clamp(29px, 3vw, 43px);
}

.sk-coverage-list > p {
  margin: 0 0 25px;
  color: var(--sk-muted);
  line-height: 1.9;
}

.sk-coverage-list > a {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 22px;
  align-items: center;
  gap: 15px;
  min-height: 64px;
  border-bottom: 1px solid var(--sk-border);
  transition: color 0.25s ease, padding 0.25s ease;
}

.sk-coverage-list > a > span {
  color: var(--sk-accent-text);
  font-size: 11px;
  font-weight: 700;
}

.sk-coverage-list > a > .sk-icon {
  width: 16px;
  color: var(--sk-accent);
  transform: scaleX(-1);
}

.sk-coverage-list > a:hover,
.sk-coverage-list > a:focus-visible {
  padding-inline: 8px;
  color: var(--sk-accent-text);
}

@keyframes skMapPulse {
  0% { opacity: 0.7; transform: translate(50%, -50%) scale(0.58); }
  75%, 100% { opacity: 0; transform: translate(50%, -50%) scale(1.2); }
}

/* Product catalogue — media first at every size, especially mobile. */
.sk-product-catalog {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
  margin-top: 47px;
}

.sk-product-tile {
  position: relative;
  display: flex;
  min-width: 0;
  overflow: hidden;
  flex-direction: column;
  border: 1px solid color-mix(in srgb, var(--sk-accent) 15%, var(--sk-border));
  border-radius: 24px;
  background: var(--sk-surface);
  box-shadow: 0 18px 42px rgba(17, 28, 47, 0.09);
  transition: border-color 0.32s ease, box-shadow 0.35s ease, transform 0.35s cubic-bezier(0.16, 0.82, 0.22, 1);
}

.sk-product-tile__media {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 1.32;
  overflow: hidden;
  background-image: linear-gradient(180deg, transparent 45%, rgba(7, 15, 27, 0.66)), var(--sk-product-image);
  background-position: center;
  background-size: cover;
  transition: background-size 0.6s ease, filter 0.45s ease;
}

.sk-product-tile__media::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent 35%, rgba(255, 255, 255, 0.18), transparent 65%);
  transform: translateX(115%);
  transition: transform 0.75s ease;
}

.sk-product-tile__media b,
.sk-product-tile__media i {
  position: absolute;
  z-index: 1;
  bottom: 17px;
  color: #fff;
  font-style: normal;
}

.sk-product-tile__media b {
  right: 18px;
  font-size: 12px;
  letter-spacing: 0.12em;
}

.sk-product-tile__media i {
  left: 18px;
  padding: 5px 9px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 99px;
  background: rgba(7, 15, 27, 0.3);
  font-size: 9px;
  backdrop-filter: blur(8px);
}

.sk-product-tile__body {
  display: flex;
  min-height: 205px;
  flex: 1;
  flex-direction: column;
  padding: 25px 23px 22px;
}

.sk-product-tile__body > strong {
  display: block;
  margin-bottom: 10px;
  font-size: 19px;
}

.sk-product-tile__body > small {
  display: -webkit-box;
  overflow: hidden;
  color: var(--sk-muted);
  font-size: 12px;
  line-height: 1.75;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.sk-product-tile__body > em {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
  padding-top: 18px;
  border-top: 1px solid var(--sk-border);
  color: var(--sk-accent-text);
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}

.sk-product-tile__body > em .sk-icon {
  width: 15px;
  transform: scaleX(-1);
  transition: transform 0.25s ease;
}

.sk-product-tile:hover,
.sk-product-tile:focus-visible {
  border-color: color-mix(in srgb, var(--sk-accent) 48%, var(--sk-border));
  box-shadow: 0 30px 65px rgba(17, 28, 47, 0.16);
  transform: translateY(-9px);
}

.sk-product-tile:hover .sk-product-tile__media,
.sk-product-tile:focus-visible .sk-product-tile__media {
  filter: saturate(1.08) contrast(1.03);
  background-size: auto 110%;
}

.sk-product-tile:hover .sk-product-tile__media::after,
.sk-product-tile:focus-visible .sk-product-tile__media::after {
  transform: translateX(-115%);
}

.sk-product-tile:hover .sk-product-tile__body > em .sk-icon,
.sk-product-tile:focus-visible .sk-product-tile__body > em .sk-icon {
  transform: translateX(-5px) scaleX(-1);
}

/* Services and editorial archives use rows, not product cards. */
.sk-service-directory {
  margin-top: 46px;
  border-top: 1px solid var(--sk-border);
}

.sk-service-row {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) minmax(280px, 37%);
  gap: 30px;
  align-items: stretch;
  min-height: 260px;
  padding: 28px 0;
  border-bottom: 1px solid var(--sk-border);
}

.sk-service-row__number {
  padding-top: 10px;
  color: var(--sk-accent-text);
  font-size: 12px;
  font-weight: 700;
}

.sk-service-row__copy {
  display: flex;
  align-self: center;
  flex-direction: column;
  padding-inline-end: 25px;
}

.sk-service-row__copy > small {
  margin-bottom: 9px;
  color: var(--sk-accent-text);
  font-size: 11px;
}

.sk-service-row__copy > strong {
  font-size: clamp(24px, 2.4vw, 34px);
}

.sk-service-row__copy > p {
  margin: 13px 0 19px;
  color: var(--sk-muted);
  font-size: 13px;
  line-height: 1.85;
}

.sk-service-row__copy > em {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 9px;
  color: var(--sk-accent-text);
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
}

.sk-service-row__copy > em .sk-icon {
  width: 15px;
  transform: scaleX(-1);
}

.sk-service-row__media {
  min-height: 205px;
  border-radius: 23px 6px 23px 6px;
  background-image: linear-gradient(135deg, rgba(9, 17, 31, 0.05), rgba(9, 17, 31, 0.38)), var(--sk-service-image);
  background-position: center;
  background-size: cover;
  filter: saturate(0.86);
  transition: border-radius 0.35s ease, filter 0.4s ease, transform 0.4s ease;
}

.sk-service-row:hover .sk-service-row__media,
.sk-service-row:focus-visible .sk-service-row__media {
  border-radius: 6px 23px 6px 23px;
  filter: saturate(1.05);
  transform: scale(0.985);
}

.sk-editorial-index {
  margin-top: 44px;
  border-top: 1px solid var(--sk-border);
}

.sk-editorial-index > a {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) 30px;
  gap: 22px;
  align-items: center;
  min-height: 120px;
  border-bottom: 1px solid var(--sk-border);
}

.sk-editorial-index > a > span {
  color: var(--sk-accent-text);
  font-size: 12px;
  font-weight: 700;
}

.sk-editorial-index strong {
  font-size: 19px;
}

.sk-editorial-index p {
  margin: 6px 0 0;
  color: var(--sk-muted);
}

.sk-editorial-index > a > .sk-icon {
  color: var(--sk-accent);
  transform: scaleX(-1);
}

/* Statistics — one cohesive band with four cells, no floating cards. */
.sk-stats-grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-top: 50px;
  overflow: hidden;
  border-block: 1px solid color-mix(in srgb, var(--sk-accent) 26%, var(--sk-border));
  background:
    linear-gradient(110deg, color-mix(in srgb, var(--sk-accent) 9%, transparent), transparent 48%),
    color-mix(in srgb, var(--sk-surface) 54%, transparent);
}

.sk-stat {
  position: relative;
  min-width: 0;
  padding: 46px 24px;
  overflow: visible;
  border: 0;
  border-inline-start: 1px solid var(--sk-border);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  text-align: center;
  transition: background 0.3s ease;
}

.sk-stat:last-child {
  border-inline-start: 0;
}

.sk-stat::after {
  display: none;
}

.sk-stat:hover {
  background: color-mix(in srgb, var(--sk-accent) 8%, transparent);
  box-shadow: none;
  transform: none;
}

.sk-stat strong {
  display: block;
  margin-bottom: 11px;
  color: var(--sk-accent-text);
  font-size: clamp(41px, 4.3vw, 63px);
  line-height: 1;
}

.sk-stat span {
  color: var(--sk-muted);
  font-size: 12px;
}

/* Gallery — a controlled carousel with equal slides. */
.sk-gallery-carousel {
  margin-top: 46px;
  direction: rtl;
}

.sk-gallery-carousel__viewport {
  overflow: hidden;
  border-radius: 30px 8px 30px 8px;
}

.sk-gallery-carousel__track {
  display: flex;
  gap: 18px;
  will-change: transform;
  transition: transform 0.68s cubic-bezier(0.16, 0.82, 0.22, 1);
}

.sk-gallery-slide {
  position: relative;
  flex: 0 0 calc((100% - 36px) / 3);
  aspect-ratio: 1.25;
  margin: 0;
  overflow: hidden;
  border-radius: 25px 6px 25px 6px;
  background: #0d192b;
}

.sk-gallery-slide::after {
  content: '';
  position: absolute;
  inset: 0;
  border: 1px solid rgba(255, 255, 255, 0.19);
  border-radius: inherit;
  pointer-events: none;
}

.sk-gallery-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.88) contrast(1.02);
  transition: filter 0.5s ease, transform 0.7s ease;
}

.sk-gallery-slide:hover img {
  filter: saturate(1.06) contrast(1.04);
  transform: scale(1.07);
}

.sk-gallery-slide figcaption {
  position: absolute;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 11px;
  background: rgba(8, 16, 29, 0.65);
  color: #fff;
  font-size: 11px;
  backdrop-filter: blur(9px);
}

.sk-gallery-carousel__controls {
  display: grid;
  grid-template-columns: auto auto 1fr;
  align-items: center;
  gap: 20px;
  margin-top: 24px;
}

.sk-gallery-carousel__controls > div:first-child {
  display: flex;
  direction: ltr;
}

.sk-gallery-carousel__controls > div:first-child button {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  padding: 0;
  border: 1px solid var(--sk-border);
  background: var(--sk-surface);
  color: var(--sk-text);
  cursor: pointer;
  transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease;
}

.sk-gallery-carousel__controls > div:first-child button:first-child {
  border-radius: 0 50% 50% 0;
}

.sk-gallery-carousel__controls > div:first-child button:last-child {
  border-radius: 50% 0 0 50%;
}

.sk-gallery-carousel__controls > div:first-child button:first-child .sk-icon {
  transform: rotate(180deg);
}

.sk-gallery-carousel__controls > div:first-child button:hover,
.sk-gallery-carousel__controls > div:first-child button:focus-visible {
  background: linear-gradient(135deg, var(--sk-accent), var(--sk-accent-secondary));
  color: #fff;
  transform: translateY(-3px);
}

.sk-gallery-carousel__controls > div:first-child button:disabled {
  opacity: 0.35;
  cursor: default;
  transform: none;
}

.sk-gallery-carousel__controls > span {
  color: var(--sk-muted);
  font-size: 12px;
}

.sk-gallery-carousel__controls > span b {
  color: var(--sk-text);
  font-size: 20px;
}

.sk-gallery-carousel__dots {
  display: flex;
  justify-content: flex-end;
  gap: 7px;
}

.sk-gallery-carousel__dots button {
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 99px;
  background: color-mix(in srgb, var(--sk-text) 18%, transparent);
  cursor: pointer;
  transition: width 0.25s ease, background 0.25s ease;
}

.sk-gallery-carousel__dots button.is-active {
  width: 30px;
  background: linear-gradient(90deg, var(--sk-accent), var(--sk-accent-secondary));
}

.sk-gallery-carousel.is-static .sk-gallery-carousel__controls {
  display: none;
}

@media (max-width: 1120px) {
  .sk-product-catalog { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sk-stage-path { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sk-coverage-layout { gap: 42px; }
}

@media (max-width: 980px) {
  .sk-need-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sk-need-option:last-child { grid-column: 1 / -1; min-height: 380px; }
  .sk-product-catalog { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sk-gallery-slide { flex-basis: calc((100% - 18px) / 2); }
  .sk-coverage-layout { grid-template-columns: 1fr; }
  .sk-coverage-map { min-height: 500px; }
  .sk-service-row { grid-template-columns: 45px minmax(0, 1fr) minmax(230px, 36%); }
}

@media (max-width: 760px) {
  .sk-hero-slider,
  .sk-slider__track {
    min-height: 690px;
    height: 690px;
  }

  .sk-slide__inner {
    min-height: 690px;
    padding-top: 108px;
    padding-bottom: 145px;
  }

  .sk-slide .sk-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
    margin-top: 24px;
  }

  .sk-slide .sk-button {
    width: 100%;
    min-width: 0;
    min-height: 50px;
    padding-inline: 13px;
    font-size: 12px;
    white-space: nowrap;
  }

  .sk-slider__controls {
    right: 15px;
    bottom: 25px;
    left: 15px;
    width: auto;
    justify-content: center;
    gap: 9px;
    transform: none;
  }

  .sk-slider__progress { bottom: 0; }
  .sk-slider__arrows { display: flex; }

  .sk-trust-section__inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-height: 0;
  }

  .sk-trust-section__inner > div {
    min-height: 86px;
    padding: 16px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }

  .sk-trust-section__inner > div:nth-child(2n) { border-inline-start: 0; }
  .sk-trust-section__inner > div:nth-last-child(-n + 2) { border-bottom: 0; }
  .sk-trust-section__inner strong { font-size: 25px; }
  .sk-trust-section__inner span { font-size: 10px; }

  .sk-need-options { grid-template-columns: 1fr; }
  .sk-need-option,
  .sk-need-option:last-child { grid-column: auto; min-height: 390px; }

  .sk-stage-path { grid-template-columns: 1fr; border-block: 0; border-top: 1px solid var(--sk-border); }
  .sk-stage-path a { min-height: 105px; padding: 25px 19px; border-inline-start: 0; border-bottom: 1px solid var(--sk-border); }
  .sk-stage-path a > strong { max-width: none; }
  .sk-stage-path a > .sk-icon { bottom: 42px; }

  .sk-feature-showcase { grid-template-columns: 1fr; }
  .sk-feature-row { min-height: 0; padding: 29px 5px; border-inline-end: 0 !important; border-bottom: 1px solid var(--sk-border) !important; }
  .sk-feature-row:last-child { border-bottom: 0 !important; }

  .sk-detail-grid { grid-template-columns: 1fr; }
  .sk-detail-item { min-height: 0; padding: 27px 20px; }
  .sk-checklist { grid-template-columns: 1fr; gap: 0; }
  .sk-inline-notice { grid-template-columns: 42px minmax(0, 1fr); padding: 22px 18px; }
  .sk-inline-notice > .sk-icon { width: 40px; height: 40px; }
  .sk-policy-list li { grid-template-columns: 45px minmax(0, 1fr); gap: 15px; }

  .sk-process-timeline { display: block; margin-top: 42px; }
  .sk-process-timeline::before { top: 15px; right: 28px; bottom: 15px; left: auto; width: 1px; height: auto; }
  .sk-process-timeline li { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 20px; padding: 0 0 32px; text-align: right; }
  .sk-process-timeline li > span { width: 56px; height: 56px; margin: 0; box-shadow: 0 0 0 6px var(--sk-background); }
  .sk-surface--muted .sk-process-timeline li > span { box-shadow: 0 0 0 6px color-mix(in srgb, var(--sk-surface) 62%, var(--sk-background)); }

  .sk-coverage-map { min-height: 450px; }
  .sk-coverage-map > svg { top: 5px; width: 350px; height: 420px; }

  .sk-product-catalog { grid-template-columns: 1fr; gap: 18px; }
  .sk-product-tile { display: flex; flex-direction: column; width: 100%; }
  .sk-product-tile__media { width: 100%; min-height: 0; aspect-ratio: 1.48; }
  .sk-product-tile__body { width: 100%; min-height: 190px; padding: 23px; }

  .sk-service-row { grid-template-columns: 38px minmax(0, 1fr); min-height: 0; gap: 18px; }
  .sk-service-row__copy { padding-inline-end: 0; }
  .sk-service-row__media { grid-column: 1 / -1; grid-row: 1; min-height: 230px; }
  .sk-service-row__number { grid-row: 2; }
  .sk-service-row__copy { grid-row: 2; }

  .sk-stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sk-stat { min-height: 142px; padding: 32px 13px; border-bottom: 1px solid var(--sk-border); }
  .sk-stat:nth-child(2n) { border-inline-start: 0; }
  .sk-stat:nth-last-child(-n + 2) { border-bottom: 0; }
  .sk-stat strong { font-size: 43px; }

  .sk-gallery-slide { flex-basis: 100%; aspect-ratio: 1.22; }
  .sk-gallery-carousel__controls { grid-template-columns: auto auto 1fr; gap: 13px; }

  .sk-mobile-actionbar {
    right: 10px;
    bottom: max(8px, env(safe-area-inset-bottom));
    left: 10px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-height: 70px;
    padding: 6px;
    border: 1px solid color-mix(in srgb, var(--sk-border) 74%, transparent);
    border-radius: 22px;
    background: color-mix(in srgb, var(--sk-surface) 93%, transparent);
    box-shadow: 0 18px 48px rgba(7, 15, 27, 0.22);
    backdrop-filter: blur(20px) saturate(1.18);
  }

  .sk-mobile-actionbar a,
  .sk-mobile-actionbar a:nth-child(2),
  .sk-mobile-actionbar .sk-mobile-actionbar__quote {
    position: relative;
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 3px;
    border-radius: 16px;
    background: transparent;
    color: var(--sk-muted);
    box-shadow: none;
    font-size: 9px;
    transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease;
  }

  .sk-mobile-actionbar a.is-active {
    background: linear-gradient(135deg, var(--sk-accent), var(--sk-accent-secondary));
    color: #fff;
    box-shadow: 0 9px 22px color-mix(in srgb, var(--sk-accent) 28%, transparent);
    transform: translateY(-2px);
  }

  .sk-mobile-actionbar a:not(.is-active):hover,
  .sk-mobile-actionbar a:not(.is-active):focus-visible {
    background: color-mix(in srgb, var(--sk-accent) 8%, transparent);
    color: var(--sk-accent-text);
  }

  .sk-mobile-actionbar .sk-icon,
  .sk-mobile-actionbar a:nth-child(2) .sk-icon {
    display: block;
    width: 21px;
    height: 21px;
    flex: 0 0 21px;
    transform: none;
  }

  .sk-footer-bottom { padding-bottom: calc(105px + env(safe-area-inset-bottom)); }
}

@media (max-width: 480px) {
  .sk-slide .sk-actions {
    align-items: stretch;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    flex-direction: initial;
  }

  .sk-slide .sk-button { width: 100%; font-size: 11px; }
  .sk-slider__arrows { display: flex; }
  .sk-slider__arrows button { width: 38px; height: 38px; }
  .sk-slider__pause { width: 36px; height: 36px; }
  .sk-slider__dots { gap: 5px; }
  .sk-slider__dots button { width: 7px; height: 7px; }
  .sk-slider__dots button.is-active { width: 22px; }

  .sk-need-option,
  .sk-need-option:last-child { min-height: 370px; border-radius: 24px 7px 24px 7px; }
  .sk-need-option__copy { right: 22px; bottom: 23px; left: 22px; }
  .sk-need-option__copy strong { font-size: 22px; }

  .sk-feature-row { grid-template-columns: 50px minmax(0, 1fr); gap: 17px; }
  .sk-feature-row__icon { width: 48px; height: 48px; }
  .sk-feature-row h3 { font-size: 19px; }
  .sk-inline-notice { grid-template-columns: 1fr; }

  .sk-coverage-map { min-height: 410px; border-radius: 25px 7px 25px 7px; }
  .sk-coverage-map > svg { right: 49%; width: 315px; height: 385px; }
  .sk-map-marker { font-size: 9px; }

  .sk-product-tile__media { aspect-ratio: 1.38; }
  .sk-product-tile__body { min-height: 185px; }

  .sk-service-row { grid-template-columns: 32px minmax(0, 1fr); }
  .sk-service-row__media { min-height: 205px; }

  .sk-gallery-carousel__viewport { border-radius: 23px 7px 23px 7px; }
  .sk-gallery-carousel__controls > div:first-child button { width: 42px; height: 42px; }
  .sk-gallery-carousel__dots { gap: 5px; }
  .sk-gallery-carousel__dots button:nth-child(n + 7) { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .sk-coverage-map__pulse { animation: none; }
  .sk-gallery-carousel__track { transition: none; }
  .sk-need-option:hover,
  .sk-need-option:focus-visible,
  .sk-product-tile:hover,
  .sk-product-tile:focus-visible { transform: none; }
}

/* Sitekul 1.4 — purpose-built 3D scenes and consistent interaction language. */
.sk-number,
.sk-section-number,
.sk-slide__signature strong,
.sk-slider__count,
.sk-need-option__index,
.sk-gallery-carousel__controls > span,
.sk-topbar a[dir='ltr'],
.sk-footer-contact a[dir='ltr'],
.sk-footer-whatsapp span,
.sk-footer-bottom p:first-child {
  font-family: 'Rubik Numbers', Rubik, sans-serif !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: 'tnum' 1, 'locl' 0;
  unicode-bidi: isolate;
}

.sk-circle-link {
  display: inline-grid !important;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--sk-accent) 42%, var(--sk-border));
  border-radius: 50% !important;
  background: color-mix(in srgb, var(--sk-surface) 88%, transparent);
  color: var(--sk-accent-text);
  box-shadow: 0 10px 22px color-mix(in srgb, var(--sk-primary) 13%, transparent);
}

.sk-circle-link > .sk-icon,
.sk-circle-link.sk-icon {
  width: 17px !important;
  height: 17px !important;
  transform: scaleX(-1);
}

/* Slider navigation lives in its own dock and never overlays the CTA row. */
.sk-hero-slider,
.sk-slider__track {
  min-height: 740px;
  height: 740px;
}

.sk-slide__inner {
  min-height: 740px;
  padding-bottom: 145px;
}

.sk-slider__controls {
  right: 50%;
  bottom: 25px;
  left: auto;
  width: max-content;
  max-width: calc(100% - 30px);
  min-height: 62px;
  justify-content: center;
  gap: 14px;
  padding: 8px 12px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;
  background: rgba(8, 16, 29, 0.48);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.24);
  backdrop-filter: blur(16px) saturate(1.15);
  transform: translateX(50%);
}

.sk-slider__arrows {
  gap: 9px;
}

.sk-slider__arrows button,
.sk-slider__arrows button:first-child,
.sk-slider__arrows button:last-child,
.sk-slider__pause,
.sk-gallery-carousel__controls > div:first-child button,
.sk-gallery-carousel__controls > div:first-child button:first-child,
.sk-gallery-carousel__controls > div:first-child button:last-child {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  border-radius: 50% !important;
}

.sk-slider__arrows button,
.sk-gallery-carousel__controls > div:first-child button {
  box-shadow: 0 9px 20px rgba(7, 15, 27, 0.16);
}

.sk-gallery-carousel__controls > div:first-child {
  gap: 9px;
}

.sk-slider__dots button,
.sk-slider__dots button.is-active,
.sk-gallery-carousel__dots button,
.sk-gallery-carousel__dots button.is-active {
  width: 10px;
  height: 10px;
  flex: 0 0 10px;
  border-radius: 50%;
}

.sk-slider__dots button.is-active,
.sk-gallery-carousel__dots button.is-active {
  background: var(--sk-accent-secondary);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--sk-accent-secondary) 22%, transparent);
}

.sk-slider__arrows button .sk-icon,
.sk-gallery-carousel__controls > div:first-child button .sk-icon {
  width: 17px;
  height: 17px;
}

/* The accepted photographic choice panels keep one corner radius in every state. */
.sk-need-option,
.sk-need-option:hover,
.sk-need-option:focus-visible,
.sk-need-option::after {
  border-radius: 26px !important;
}

.sk-need-option {
  transform-style: preserve-3d;
}

.sk-need-option:hover,
.sk-need-option:focus-visible {
  transform: perspective(1100px) translateY(-11px) rotateX(1.5deg);
}

/* Project stages: five concrete platforms connected by a moving bronze route. */
.sk-build-path {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
  min-height: 430px;
  align-items: center;
  margin-top: 48px;
  padding: 48px 10px 38px;
  perspective: 1300px;
}

.sk-build-path__route {
  position: absolute;
  z-index: 0;
  inset: 20px 2% 64px;
  width: 96%;
  height: calc(100% - 84px);
  overflow: visible;
  pointer-events: none;
}

.sk-build-path__route path {
  fill: none;
  stroke: color-mix(in srgb, var(--sk-accent) 70%, var(--sk-border));
  stroke-width: 3;
  stroke-linecap: round;
  stroke-dasharray: 9 13;
  filter: drop-shadow(0 5px 8px color-mix(in srgb, var(--sk-accent) 24%, transparent));
  animation: skRouteDash 7s linear infinite;
}

.sk-build-stage {
  position: relative;
  z-index: 1;
  display: flex;
  min-width: 0;
  min-height: 300px;
  align-items: center;
  flex-direction: column;
  padding: 18px 15px 20px;
  color: var(--sk-text);
  text-align: center;
  transform: translateY(calc((var(--sk-stage-index) - 2) * 13px)) rotateY(calc((var(--sk-stage-index) - 2) * -1.5deg));
  transform-style: preserve-3d;
  transition: color 0.35s ease, filter 0.35s ease, transform 0.45s cubic-bezier(.16,.82,.22,1);
}

.sk-build-stage:nth-of-type(even) {
  transform: translateY(-38px) rotateY(2deg);
}

.sk-build-stage__slab {
  position: relative;
  display: grid;
  width: 150px;
  height: 118px;
  margin-bottom: 34px;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--sk-border) 86%, #fff);
  border-radius: 28px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.82), rgba(255,255,255,.08)),
    color-mix(in srgb, var(--sk-surface) 84%, #c8c1b5);
  box-shadow: 16px 22px 0 color-mix(in srgb, var(--sk-primary) 10%, var(--sk-border)), 23px 31px 34px rgba(13, 24, 42, .18), inset 0 2px 0 rgba(255,255,255,.8);
  transform: perspective(600px) rotateX(56deg) rotateZ(-8deg);
  transform-style: preserve-3d;
  transition: box-shadow .45s ease, transform .45s cubic-bezier(.16,.82,.22,1);
}

.sk-build-stage__slab::before,
.sk-build-stage__slab::after,
.sk-build-stage__slab > i {
  content: '';
  position: absolute;
  inset: 10px -12px -13px 12px;
  z-index: -1;
  border: 1px solid color-mix(in srgb, var(--sk-accent) 28%, var(--sk-border));
  border-radius: inherit;
  background: color-mix(in srgb, var(--sk-surface) 74%, var(--sk-accent-secondary));
}

.sk-build-stage__slab::after {
  inset: 20px -21px -23px 21px;
  z-index: -2;
  opacity: .55;
}

.sk-build-stage__slab > i {
  inset: 30px -29px -32px 29px;
  z-index: -3;
  opacity: .25;
}

.sk-build-stage__slab > b {
  display: grid;
  width: 55px;
  height: 55px;
  place-items: center;
  border-radius: 18px;
  background: linear-gradient(145deg, var(--sk-accent-secondary), var(--sk-accent));
  color: #fff;
  box-shadow: 0 15px 28px color-mix(in srgb, var(--sk-accent) 35%, transparent);
  transform: translateZ(27px) rotateZ(8deg);
}

.sk-build-stage__slab .sk-icon {
  width: 25px;
  height: 25px;
}

.sk-build-stage__number {
  margin-bottom: 8px;
  color: var(--sk-accent-text);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
}

.sk-build-stage > strong {
  font-size: 18px;
  line-height: 1.55;
}

.sk-build-stage > small {
  display: -webkit-box;
  margin-top: 8px;
  overflow: hidden;
  color: var(--sk-muted);
  font-size: 11px;
  line-height: 1.7;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.sk-build-stage > .sk-circle-link {
  margin-top: auto;
  opacity: .68;
  transform: translateZ(12px);
  transition: opacity .3s ease, transform .35s ease;
}

.sk-build-stage:hover,
.sk-build-stage:focus-visible {
  color: var(--sk-accent-text);
  filter: saturate(1.08);
  transform: translateY(-24px) rotateY(0);
}

.sk-build-stage:hover .sk-build-stage__slab,
.sk-build-stage:focus-visible .sk-build-stage__slab {
  box-shadow: 21px 29px 0 color-mix(in srgb, var(--sk-primary) 12%, var(--sk-border)), 29px 44px 48px rgba(13,24,42,.24), inset 0 2px 0 rgba(255,255,255,.9);
  transform: perspective(600px) rotateX(51deg) rotateZ(-3deg) translateZ(24px);
}

.sk-build-stage:hover > .sk-circle-link,
.sk-build-stage:focus-visible > .sk-circle-link {
  opacity: 1;
  transform: translateY(-3px) translateZ(18px);
}

@keyframes skRouteDash { to { stroke-dashoffset: -88; } }

/* Trust benefits: one assembled 3D structure linked to an editorial list. */
.sk-trust-lab {
  display: grid;
  grid-template-columns: minmax(380px, .9fr) minmax(0, 1.1fr);
  gap: clamp(50px, 8vw, 110px);
  align-items: center;
  margin-top: 48px;
}

.sk-trust-machine {
  position: relative;
  min-height: 540px;
  perspective: 1000px;
  transform-style: preserve-3d;
}

.sk-trust-machine__halo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--sk-accent) 24%, transparent), transparent 66%);
  filter: blur(8px);
  transform: translate(-50%, -48%);
}

.sk-trust-machine__base {
  position: absolute;
  right: 12%;
  bottom: 28px;
  left: 12%;
  height: 88px;
  border-radius: 50%;
  background: linear-gradient(180deg, color-mix(in srgb, var(--sk-primary) 84%, #31435f), var(--sk-primary));
  box-shadow: 0 35px 55px rgba(7,15,27,.27), inset 0 3px 1px rgba(255,255,255,.12);
  transform: rotateX(68deg);
}

.sk-trust-machine__base span {
  position: absolute;
  inset: 17px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: inherit;
}

.sk-trust-layer {
  --sk-layer-y: calc(350px - (var(--sk-layer) * 62px));
  position: absolute;
  z-index: calc(10 - var(--sk-layer));
  top: var(--sk-layer-y);
  right: 16%;
  left: 16%;
  display: grid;
  height: 96px;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--sk-accent) 32%, var(--sk-border));
  border-radius: 34px;
  background: linear-gradient(145deg, color-mix(in srgb, var(--sk-surface) 92%, #fff), color-mix(in srgb, var(--sk-surface) 82%, var(--sk-accent-secondary)));
  box-shadow: 18px 25px 0 color-mix(in srgb, var(--sk-primary) 12%, var(--sk-border)), 20px 35px 36px rgba(7,15,27,.13), inset 0 2px rgba(255,255,255,.8);
  transform: perspective(720px) rotateX(62deg) rotateZ(-7deg) translateZ(0);
  transition: border-color .4s ease, box-shadow .4s ease, filter .4s ease, transform .55s cubic-bezier(.16,.82,.22,1);
  animation: skLayerAssemble .85s cubic-bezier(.16,.82,.22,1) both;
  animation-delay: calc(var(--sk-layer) * 100ms);
}

.sk-trust-layer span {
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  border-radius: 18px;
  background: var(--sk-primary);
  color: var(--sk-accent-light);
  transform: translateZ(20px) rotateZ(7deg);
}

.sk-trust-layer .sk-icon { width: 24px; height: 24px; }
.sk-trust-layer.is-active {
  z-index: 20;
  border-color: var(--sk-accent-secondary);
  filter: saturate(1.18);
  box-shadow: 22px 31px 0 color-mix(in srgb, var(--sk-accent) 24%, var(--sk-border)), 28px 45px 55px rgba(7,15,27,.22), inset 0 2px rgba(255,255,255,.9);
  transform: perspective(720px) rotateX(55deg) rotateZ(-3deg) translate3d(-12px,-20px,40px);
}

.sk-trust-points { border-top: 1px solid var(--sk-border); }
.sk-trust-point {
  position: relative;
  display: grid;
  width: 100%;
  grid-template-columns: 40px 42px minmax(0,1fr);
  gap: 16px;
  align-items: center;
  min-height: 96px;
  padding: 18px 0;
  border: 0;
  border-bottom: 1px solid var(--sk-border);
  background: transparent;
  color: var(--sk-text);
  text-align: right;
  cursor: pointer;
  transition: padding .3s ease, color .3s ease;
}

.sk-trust-point > .sk-number { color: var(--sk-accent-text); font-size: 11px; font-weight: 700; }
.sk-trust-point > i { width: 30px; height: 2px; border-radius: 99px; background: var(--sk-border); transition: width .35s ease, background .35s ease; }
.sk-trust-point strong,
.sk-trust-point small { display: block; }
.sk-trust-point strong { font-size: 19px; }
.sk-trust-point small { margin-top: 5px; color: var(--sk-muted); font-size: 12px; line-height: 1.75; }
.sk-trust-point.is-active { padding-inline: 12px; color: var(--sk-accent-text); }
.sk-trust-point.is-active > i { width: 42px; background: linear-gradient(90deg,var(--sk-accent),var(--sk-accent-secondary)); }
@keyframes skLayerAssemble { from { opacity: 0; transform: perspective(720px) rotateX(72deg) rotateZ(-15deg) translate3d(80px,-170px,120px); } }

/* Project supply: interactive blueprint desk. */
.sk-project-planner {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(330px, .82fr);
  gap: clamp(45px, 7vw, 95px);
  align-items: center;
  margin-top: 52px;
}

.sk-blueprint-stage {
  min-height: 560px;
  padding: 38px 30px 58px;
  perspective: 1100px;
}

.sk-blueprint-stage__board {
  position: relative;
  min-height: 450px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 34px;
  background:
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(145deg,#14233b,#0b1526);
  background-size: 32px 32px,32px 32px,auto;
  box-shadow: 28px 42px 0 color-mix(in srgb, var(--sk-primary) 18%, var(--sk-border)), 42px 58px 70px rgba(7,15,27,.28), inset 0 2px rgba(255,255,255,.1);
  color: #fff;
  transform: rotateX(9deg) rotateY(-8deg) rotateZ(1deg);
  transform-style: preserve-3d;
  transition: transform .55s cubic-bezier(.16,.82,.22,1);
}

.sk-project-planner:hover .sk-blueprint-stage__board { transform: rotateX(5deg) rotateY(-3deg) rotateZ(0); }
.sk-blueprint-stage__title { position: absolute; top: 25px; right: 28px; color: rgba(255,255,255,.55); font-size: 11px; letter-spacing: .12em; }
.sk-blueprint-stage__title b { margin-inline-start: 9px; color: var(--sk-accent-light); }
.sk-blueprint-stage__line { position: absolute; right: 8%; bottom: 15%; width: 84%; height: 56%; border: 1px dashed rgba(255,255,255,.12); border-radius: 50%; transform: rotate(-12deg); }

.sk-blueprint-object {
  --sk-x: 18%; --sk-y: 23%;
  position: absolute;
  top: var(--sk-y);
  left: var(--sk-x);
  display: grid;
  width: 92px;
  height: 74px;
  place-items: center;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 22px;
  background: linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.045));
  box-shadow: 13px 17px 0 rgba(0,0,0,.2), 17px 25px 30px rgba(0,0,0,.18), inset 0 1px rgba(255,255,255,.18);
  color: var(--sk-accent-light);
  transform: translateZ(18px) rotate(-3deg);
  transition: background .35s ease, box-shadow .4s ease, color .35s ease, transform .45s cubic-bezier(.16,.82,.22,1);
  animation: skObjectDrop .75s cubic-bezier(.16,.82,.22,1) both;
  animation-delay: calc(var(--sk-object) * 110ms);
}

.sk-blueprint-object:nth-of-type(2) { --sk-x: 60%; --sk-y: 18%; }
.sk-blueprint-object:nth-of-type(3) { --sk-x: 36%; --sk-y: 45%; }
.sk-blueprint-object:nth-of-type(4) { --sk-x: 69%; --sk-y: 59%; }
.sk-blueprint-object:nth-of-type(5) { --sk-x: 12%; --sk-y: 67%; }
.sk-blueprint-object > .sk-icon { width: 30px; height: 30px; }
.sk-blueprint-object > b { position: absolute; top: 7px; left: 9px; color: rgba(255,255,255,.46); font-size: 9px; }
.sk-blueprint-object.is-active { z-index: 4; background: linear-gradient(145deg,var(--sk-accent-secondary),var(--sk-accent)); color: #fff; box-shadow: 18px 24px 0 color-mix(in srgb,var(--sk-accent) 35%,#0b1526),25px 35px 42px rgba(0,0,0,.28); transform: translate3d(-8px,-17px,55px) rotate(3deg) scale(1.08); }

.sk-project-planner__list { border-top: 1px solid var(--sk-border); }
.sk-project-planner__list button {
  display: grid;
  width: 100%;
  grid-template-columns: 38px minmax(0,1fr) 48px;
  gap: 15px;
  align-items: center;
  min-height: 77px;
  padding: 12px 0;
  border: 0;
  border-bottom: 1px solid var(--sk-border);
  background: transparent;
  color: var(--sk-text);
  text-align: right;
  cursor: pointer;
  transition: padding .3s ease, color .3s ease;
}
.sk-project-planner__list button > span { color: var(--sk-accent-text); font-size: 11px; font-weight: 700; }
.sk-project-planner__list button > i { display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid var(--sk-border); border-radius: 50%; color: var(--sk-accent-text); transition: background .3s ease,color .3s ease,transform .3s ease; }
.sk-project-planner__list button > i .sk-icon { width: 19px; height: 19px; }
.sk-project-planner__list button.is-active { padding-inline: 10px; color: var(--sk-accent-text); }
.sk-project-planner__list button.is-active > i { background: linear-gradient(145deg,var(--sk-accent-secondary),var(--sk-accent)); color:#fff; transform:rotate(-8deg); }
@keyframes skObjectDrop { from { opacity:0; transform:translate3d(80px,-120px,120px) rotate(-18deg) scale(.7); } }

/* Order method: an actual delivery road with four stations. */
.sk-delivery-route {
  position: relative;
  min-height: 500px;
  margin-top: 50px;
  padding: 75px 25px 25px;
  overflow: hidden;
  border-radius: 36px;
  background:
    radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--sk-accent) 10%,transparent),transparent 45%),
    color-mix(in srgb,var(--sk-surface) 55%,transparent);
  perspective: 1200px;
}

.sk-delivery-route__landscape { position:absolute; inset:20px 0 65px; pointer-events:none; transform:rotateX(9deg); }
.sk-delivery-route__landscape svg { width:100%; height:100%; overflow:visible; }
.sk-route-shadow { fill:none; stroke:color-mix(in srgb,var(--sk-primary) 15%,var(--sk-border)); stroke-width:38; stroke-linecap:round; filter:drop-shadow(0 18px 15px rgba(7,15,27,.14)); }
.sk-route-line { fill:none; stroke:color-mix(in srgb,var(--sk-surface) 76%,#c8c1b5); stroke-width:26; stroke-linecap:round; stroke-dasharray:3 11; }
.sk-route-truck {
  position:absolute;
  top:0; left:0;
  display:grid;
  width:58px; height:58px;
  place-items:center;
  border-radius:18px;
  background:linear-gradient(145deg,var(--sk-accent-secondary),var(--sk-accent));
  color:#fff;
  box-shadow:0 16px 30px color-mix(in srgb,var(--sk-accent) 35%,transparent);
  offset-path:path('M 40 230 C 160 30 300 38 392 192 S 628 322 718 162 S 963 24 1150 184');
  offset-rotate:auto;
  animation:skTruckRoute 10s ease-in-out infinite;
}
.sk-route-truck .sk-icon { width:28px; height:28px; }
.sk-delivery-route > ol { position:relative; z-index:2; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; margin:0; padding:0; list-style:none; }
.sk-delivery-route li { transform:translateY(var(--sk-route-shift,0)); transition:transform .4s ease; }
.sk-delivery-route li:nth-child(2),.sk-delivery-route li:nth-child(4) { --sk-route-shift:125px; }
.sk-delivery-route li button { display:flex; width:100%; align-items:center; flex-direction:column; padding:0 8px; border:0; background:transparent; color:var(--sk-text); text-align:center; cursor:pointer; }
.sk-route-station { position:relative; display:grid; width:90px; height:90px; margin-bottom:20px; place-items:center; border:1px solid color-mix(in srgb,var(--sk-accent) 35%,var(--sk-border)); border-radius:50%; background:linear-gradient(145deg,var(--sk-surface),color-mix(in srgb,var(--sk-surface) 82%,var(--sk-accent-secondary))); color:var(--sk-accent-text); box-shadow:13px 19px 0 color-mix(in srgb,var(--sk-primary) 11%,var(--sk-border)),18px 27px 35px rgba(7,15,27,.13),inset 0 2px rgba(255,255,255,.75); transition:background .35s ease,color .35s ease,transform .45s cubic-bezier(.16,.82,.22,1); }
.sk-route-station .sk-icon { width:31px; height:31px; }
.sk-route-station b { position:absolute; right:-5px; top:-5px; display:grid; width:29px; height:29px; place-items:center; border-radius:50%; background:var(--sk-primary); color:#fff; font-size:9px; }
.sk-delivery-route li strong { font-size:18px; }
.sk-delivery-route li small { display:block; max-width:230px; margin-top:8px; color:var(--sk-muted); font-size:11px; line-height:1.7; }
.sk-delivery-route li.is-active { transform:translateY(calc(var(--sk-route-shift,0px) - 18px)); }
.sk-delivery-route li.is-active .sk-route-station { background:linear-gradient(145deg,var(--sk-accent-secondary),var(--sk-accent)); color:#fff; transform:translateZ(28px) rotate(-6deg); }
@keyframes skTruckRoute { 0%,8% { offset-distance:0%; } 25% { offset-distance:31%; } 48% { offset-distance:58%; } 72% { offset-distance:82%; } 92%,100% { offset-distance:100%; } }

.sk-blueprint-object[data-sk-scene-visual='1'] { --sk-x:60%; --sk-y:18%; }
.sk-blueprint-object[data-sk-scene-visual='2'] { --sk-x:36%; --sk-y:45%; }
.sk-blueprint-object[data-sk-scene-visual='3'] { --sk-x:69%; --sk-y:59%; }
.sk-blueprint-object[data-sk-scene-visual='4'] { --sk-x:12%; --sk-y:67%; }

/* Categories and families: a fan of real material sample slabs. */
.sk-sample-book {
  position:relative;
  min-height:560px;
  margin-top:50px;
  padding:46px 65px 70px;
  perspective:1500px;
}
.sk-sample-book::before { content:''; position:absolute; right:5%; bottom:25px; left:5%; height:90px; border-radius:50%; background:rgba(7,15,27,.17); filter:blur(28px); transform:rotate(-2deg); }
.sk-sample-book__spine { position:absolute; z-index:20; right:21px; top:75px; bottom:95px; display:flex; width:54px; align-items:center; justify-content:space-between; flex-direction:column; padding:17px 0; border-radius:22px; background:linear-gradient(90deg,#7f4311,var(--sk-accent),#deaa68); color:#fff; box-shadow:10px 15px 25px rgba(7,15,27,.24),inset -3px 0 rgba(255,255,255,.22); transform:rotateY(-14deg); }
.sk-sample-book__spine i { width:2px; flex:1; margin:12px 0; background:rgba(255,255,255,.3); }
.sk-sample-book__spine span { font-family:'Rubik Numbers',Rubik,sans-serif; font-size:10px; writing-mode:vertical-rl; }
.sk-sample-book__sheets { position:relative; display:flex; min-height:430px; align-items:stretch; transform-style:preserve-3d; }
.sk-sample-sheet {
  --sk-fan-angle:calc((var(--sk-sheet) - 1.5) * 1.8deg);
  position:relative;
  display:flex;
  min-width:0;
  flex:1 1 0;
  overflow:hidden;
  flex-direction:column;
  justify-content:flex-end;
  margin-inline-start:-28px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:28px;
  color:#fff !important;
  box-shadow:17px 26px 0 color-mix(in srgb,var(--sk-primary) 13%,var(--sk-border)),24px 37px 45px rgba(7,15,27,.18);
  isolation:isolate;
  transform:rotateY(-9deg) rotateZ(var(--sk-fan-angle)) translateZ(calc(var(--sk-sheet) * 7px));
  transform-origin:bottom right;
  transform-style:preserve-3d;
  transition:flex .55s cubic-bezier(.16,.82,.22,1),filter .4s ease,transform .55s cubic-bezier(.16,.82,.22,1);
}
.sk-sample-sheet:first-child { margin-inline-start:0; }
.sk-sample-sheet__image,.sk-sample-sheet__shade { position:absolute; inset:0; z-index:-2; }
.sk-sample-sheet__image { background-image:var(--sk-sample-image); background-position:center; background-size:cover; filter:saturate(.82) contrast(1.06); transform:scale(1.04); transition:filter .5s ease,transform .7s ease; }
.sk-sample-sheet__shade { z-index:-1; background:linear-gradient(180deg,rgba(6,14,25,.08) 15%,rgba(6,14,25,.92) 93%); }
.sk-sample-sheet__edge { position:absolute; top:19px; left:17px; display:grid; width:38px; height:38px; place-items:center; border:1px solid rgba(255,255,255,.25); border-radius:50%; background:rgba(7,15,27,.35); color:#fff; font-size:10px; backdrop-filter:blur(8px); }
.sk-sample-sheet__copy { display:block; padding:31px 25px; }
.sk-sample-sheet__copy strong { display:block; font-size:21px; line-height:1.45; }
.sk-sample-sheet__copy small { display:-webkit-box; max-height:0; margin-top:0; overflow:hidden; color:rgba(255,255,255,.72); font-size:11px; line-height:1.75; opacity:0; transition:max-height .45s ease,margin .45s ease,opacity .35s ease; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.sk-sample-sheet__copy > b { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:18px; color:var(--sk-accent-light); font-size:11px; }
.sk-sample-sheet .sk-circle-link { border-color:rgba(255,255,255,.25); background:rgba(255,255,255,.1); color:#fff; box-shadow:none; }
.sk-sample-sheet.is-active,.sk-sample-sheet:hover,.sk-sample-sheet:focus-visible { z-index:12; flex:1.6 1 0; filter:saturate(1.08); transform:rotateY(-2deg) rotateZ(0) translate3d(-4px,-20px,65px); }
.sk-sample-sheet.is-active .sk-sample-sheet__image,.sk-sample-sheet:hover .sk-sample-sheet__image,.sk-sample-sheet:focus-visible .sk-sample-sheet__image { filter:saturate(1.05) contrast(1.08); transform:scale(1.11); }
.sk-sample-sheet.is-active small,.sk-sample-sheet:hover small,.sk-sample-sheet:focus-visible small { max-height:90px; margin-top:9px; opacity:1; }

/* Products: visibly separated backing, image and content layers. */
.sk-product-catalog { grid-template-columns:repeat(3,minmax(0,1fr)); gap:34px 27px; perspective:1400px; }
.sk-product-tile {
  overflow:visible;
  border:0;
  border-radius:26px;
  background:transparent;
  box-shadow:none;
  transform-style:preserve-3d;
  transition:filter .4s ease,transform .5s cubic-bezier(.16,.82,.22,1);
}
.sk-product-tile__back { position:absolute; z-index:-3; inset:18px -10px -14px 12px; border:1px solid color-mix(in srgb,var(--sk-accent) 24%,var(--sk-border)); border-radius:26px; background:linear-gradient(145deg,color-mix(in srgb,var(--sk-surface) 72%,var(--sk-accent-secondary)),color-mix(in srgb,var(--sk-surface) 88%,var(--sk-primary))); box-shadow:0 28px 45px rgba(7,15,27,.14); transition:inset .45s ease,box-shadow .45s ease,transform .45s ease; }
.sk-product-tile__back::after { content:''; position:absolute; inset:9px -8px -9px 8px; z-index:-1; border-radius:inherit; background:color-mix(in srgb,var(--sk-primary) 13%,var(--sk-border)); opacity:.72; }
.sk-product-tile__media { z-index:2; aspect-ratio:1.42; border:1px solid rgba(255,255,255,.22); border-radius:26px 26px 18px 18px; box-shadow:0 19px 34px rgba(7,15,27,.18); transform:translateZ(24px); transition:filter .45s ease,background-size .6s ease,box-shadow .45s ease,transform .5s cubic-bezier(.16,.82,.22,1); }
.sk-product-tile__body { z-index:1; min-height:230px; margin-top:-10px; padding:35px 25px 24px; border:1px solid color-mix(in srgb,var(--sk-accent) 18%,var(--sk-border)); border-radius:0 0 26px 26px; background:linear-gradient(145deg,color-mix(in srgb,var(--sk-surface) 98%,#fff),color-mix(in srgb,var(--sk-surface) 92%,var(--sk-accent-secondary))); box-shadow:0 23px 45px rgba(7,15,27,.1),inset 0 1px rgba(255,255,255,.8); transform:translateZ(10px); }
.sk-product-tile__body > strong { display:-webkit-box; min-height:58px; overflow:hidden; font-size:20px; line-height:1.48; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.sk-product-tile__body > small { -webkit-line-clamp:3; }
.sk-product-tile__body > em { min-height:58px; }
.sk-product-tile__body > em > .sk-circle-link { transition:background .3s ease,color .3s ease,transform .35s ease; }
.sk-product-tile:hover,.sk-product-tile:focus-visible { filter:saturate(1.05); transform:perspective(1000px) translateY(-13px) rotateX(2deg) rotateY(-2deg); box-shadow:none; }
.sk-product-tile:hover .sk-product-tile__back,.sk-product-tile:focus-visible .sk-product-tile__back { inset:26px -18px -22px 18px; box-shadow:0 38px 58px rgba(7,15,27,.2); transform:translateZ(-12px); }
.sk-product-tile:hover .sk-product-tile__media,.sk-product-tile:focus-visible .sk-product-tile__media { box-shadow:0 29px 47px rgba(7,15,27,.23); transform:translate3d(0,-10px,48px); }
.sk-product-tile:hover .sk-product-tile__body > em > .sk-circle-link,.sk-product-tile:focus-visible .sk-product-tile__body > em > .sk-circle-link { background:linear-gradient(145deg,var(--sk-accent-secondary),var(--sk-accent)); color:#fff; transform:translateX(-4px); }

/* Main services: photographic folding gallery. */
.sk-service-folds { display:flex; min-height:570px; gap:14px; margin-top:49px; perspective:1500px; }
.sk-service-fold { position:relative; display:flex; min-width:0; flex:.72 1 0; overflow:hidden; flex-direction:column; justify-content:flex-end; border:1px solid rgba(255,255,255,.18); border-radius:26px; color:#fff !important; box-shadow:15px 24px 0 color-mix(in srgb,var(--sk-primary) 12%,var(--sk-border)),22px 34px 48px rgba(7,15,27,.18); isolation:isolate; transform:rotateY(calc((var(--sk-fold) - 1.5) * -2deg)); transform-style:preserve-3d; transition:flex .58s cubic-bezier(.16,.82,.22,1),filter .45s ease,transform .58s cubic-bezier(.16,.82,.22,1); }
.sk-service-fold__media,.sk-service-fold__shade { position:absolute; inset:0; z-index:-2; }
.sk-service-fold__media { background-image:var(--sk-service-image); background-position:center; background-size:cover; filter:saturate(.78) contrast(1.08); transform:scale(1.04); transition:filter .5s ease,transform .75s ease; }
.sk-service-fold__shade { z-index:-1; background:linear-gradient(180deg,rgba(7,15,27,.12),rgba(7,15,27,.95) 91%); }
.sk-service-fold__number { position:absolute; top:23px; right:23px; color:rgba(255,255,255,.72); font-size:12px; font-weight:700; letter-spacing:.14em; }
.sk-service-fold__copy { display:block; padding:35px 27px; }
.sk-service-fold__copy > small { display:block; margin-bottom:8px; color:var(--sk-accent-light); font-size:10px; }
.sk-service-fold__copy > strong { display:block; font-size:clamp(20px,2vw,29px); line-height:1.35; }
.sk-service-fold__copy > p { display:-webkit-box; max-height:0; margin:0; overflow:hidden; color:rgba(255,255,255,.7); font-size:12px; line-height:1.8; opacity:0; transition:max-height .45s ease,margin .45s ease,opacity .35s ease; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.sk-service-fold__copy > em { display:flex; max-height:0; align-items:center; justify-content:space-between; margin-top:0; overflow:hidden; color:var(--sk-accent-light); font-size:11px; font-style:normal; font-weight:700; opacity:0; transition:max-height .4s ease,margin .4s ease,opacity .35s ease; }
.sk-service-fold .sk-circle-link { border-color:rgba(255,255,255,.22); background:rgba(255,255,255,.1); color:#fff; box-shadow:none; }
.sk-service-fold.is-active,.sk-service-fold:hover,.sk-service-fold:focus-visible { z-index:4; flex:1.65 1 0; filter:saturate(1.08); transform:translateY(-13px) rotateY(0) translateZ(38px); }
.sk-service-fold.is-active .sk-service-fold__media,.sk-service-fold:hover .sk-service-fold__media,.sk-service-fold:focus-visible .sk-service-fold__media { filter:saturate(1.04) contrast(1.07); transform:scale(1.1); }
.sk-service-fold.is-active p,.sk-service-fold:hover p,.sk-service-fold:focus-visible p { max-height:100px; margin:13px 0; opacity:1; }
.sk-service-fold.is-active em,.sk-service-fold:hover em,.sk-service-fold:focus-visible em { max-height:55px; margin-top:16px; opacity:1; }

/* Statistics: one industrial mechanical counter, never a broken table. */
.sk-counter-console { position:relative; margin-top:50px; padding:42px 34px 36px; border:1px solid rgba(255,255,255,.12); border-radius:34px; background:linear-gradient(145deg,#17243a,#091322); box-shadow:22px 32px 0 color-mix(in srgb,var(--sk-primary) 16%,var(--sk-border)),35px 48px 70px rgba(7,15,27,.26),inset 0 2px rgba(255,255,255,.1); color:#fff; transform:perspective(1400px) rotateX(1.2deg); transform-style:preserve-3d; }
.sk-counter-console::before { content:''; position:absolute; inset:12px; border:1px solid rgba(255,255,255,.07); border-radius:25px; pointer-events:none; }
.sk-counter-console__top { display:grid; grid-template-columns:12px 1fr 12px; gap:14px; align-items:center; margin-bottom:27px; color:rgba(255,255,255,.46); font-family:'Rubik Numbers',Rubik,sans-serif; font-size:10px; letter-spacing:.16em; direction:ltr; }
.sk-counter-console__top i,.sk-counter-console__top b { display:block; width:11px; height:11px; border-radius:50%; background:radial-gradient(circle at 35% 35%,#fff,#6c7482 35%,#1d2737 70%); box-shadow:0 3px 5px #000; }
.sk-counter-console__top span { display:flex; align-items:center; gap:12px; }
.sk-counter-console__top span::after { content:''; height:1px; flex:1; background:rgba(255,255,255,.1); }
.sk-counter-console .sk-stats-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:0; overflow:visible; border:0; background:transparent; }
.sk-counter-console .sk-stat { min-height:184px; padding:21px 17px 23px; border:1px solid rgba(255,255,255,.11) !important; border-radius:22px; background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025)); box-shadow:8px 12px 0 rgba(0,0,0,.16),12px 18px 25px rgba(0,0,0,.13),inset 0 1px rgba(255,255,255,.12); text-align:center; transform-style:preserve-3d; transition:border-color .35s ease,background .35s ease,transform .4s cubic-bezier(.16,.82,.22,1); }
.sk-counter-console .sk-stat:hover { border-color:color-mix(in srgb,var(--sk-accent-light) 55%,transparent) !important; background:linear-gradient(145deg,rgba(211,162,97,.18),rgba(255,255,255,.035)); transform:translateY(-8px) translateZ(20px); }
.sk-stat__index { display:block; margin-bottom:12px; color:rgba(255,255,255,.36); font-size:9px; letter-spacing:.16em; text-align:left; }
.sk-stat__window { position:relative; display:grid; min-height:78px; place-items:center; overflow:hidden; border:1px solid rgba(0,0,0,.8); border-radius:13px; background:repeating-linear-gradient(180deg,#03070d 0,#03070d 18px,#0b111b 19px,#0b111b 20px); box-shadow:inset 0 10px 22px rgba(0,0,0,.8),0 1px rgba(255,255,255,.12); }
.sk-stat__window::after { content:''; position:absolute; right:0; left:0; top:50%; height:1px; background:rgba(255,255,255,.08); box-shadow:0 1px rgba(0,0,0,.8); }
.sk-counter-console .sk-stat strong { position:relative; z-index:2; margin:0; color:var(--sk-accent-light); font-family:'Rubik Numbers',Rubik,sans-serif !important; font-size:clamp(35px,3.5vw,52px); letter-spacing:.02em; text-shadow:0 0 24px color-mix(in srgb,var(--sk-accent) 40%,transparent); direction:ltr; }
.sk-counter-console .sk-stat > span:last-child { display:block; margin-top:15px; color:rgba(255,255,255,.65); font-size:11px; line-height:1.65; }
.sk-counter-console__base { display:flex; justify-content:space-between; margin-top:25px; }
.sk-counter-console__base i { width:18px; height:7px; border-radius:4px; background:#03070d; box-shadow:0 7px 9px rgba(0,0,0,.4); }

/* FAQ: a 3D project file with index tabs and one readable answer sheet. */
.sk-faq-file { display:grid; grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr); gap:0; align-items:stretch; min-height:520px; margin-top:48px; perspective:1400px; }
.sk-faq-file__tabs { position:relative; z-index:2; padding:35px 0 35px 28px; }
.sk-faq-file__tabs button { position:relative; display:grid; width:100%; grid-template-columns:40px minmax(0,1fr) 46px; gap:14px; align-items:center; min-height:91px; margin-bottom:8px; padding:15px 18px; border:1px solid var(--sk-border); border-inline-end:0; border-radius:20px 0 0 20px; background:color-mix(in srgb,var(--sk-surface) 91%,var(--sk-background)); color:var(--sk-text); box-shadow:-8px 11px 17px rgba(7,15,27,.06); text-align:right; cursor:pointer; transform:translateX(-18px) translateZ(0); transform-origin:left center; transition:background .35s ease,color .35s ease,transform .42s cubic-bezier(.16,.82,.22,1); }
.sk-faq-file__tabs button > span { color:var(--sk-accent-text); font-size:10px; font-weight:700; }
.sk-faq-file__tabs button > strong { font-size:14px; line-height:1.6; }
.sk-faq-file__tabs button > i { display:grid; width:42px; height:42px; place-items:center; border:1px solid var(--sk-border); border-radius:50%; color:var(--sk-accent-text); transition:background .3s ease,color .3s ease,transform .35s ease; }
.sk-faq-file__tabs button > i .sk-icon { width:18px; height:18px; }
.sk-faq-file__tabs button.is-active { z-index:3; border-color:color-mix(in srgb,var(--sk-accent) 38%,var(--sk-border)); background:linear-gradient(145deg,color-mix(in srgb,var(--sk-surface) 92%,var(--sk-accent-secondary)),var(--sk-surface)); color:var(--sk-accent-text); transform:translateX(0) translateZ(35px); }
.sk-faq-file__tabs button.is-active > i { background:linear-gradient(145deg,var(--sk-accent-secondary),var(--sk-accent)); color:#fff; transform:rotate(45deg); }
.sk-faq-file__paper { position:relative; z-index:3; display:grid; min-height:520px; align-items:center; padding:75px clamp(35px,6vw,75px); border:1px solid color-mix(in srgb,var(--sk-accent) 19%,var(--sk-border)); border-radius:30px; background:linear-gradient(110deg,color-mix(in srgb,var(--sk-surface) 97%,#fff),color-mix(in srgb,var(--sk-surface) 88%,#e8dccb)); box-shadow:21px 29px 0 color-mix(in srgb,var(--sk-primary) 11%,var(--sk-border)),31px 43px 55px rgba(7,15,27,.15),inset 0 2px rgba(255,255,255,.85); transform:rotateY(-2deg); transform-style:preserve-3d; }
.sk-faq-file__paper::before { content:''; position:absolute; inset:18px; border:1px solid color-mix(in srgb,var(--sk-border) 65%,transparent); border-radius:20px; pointer-events:none; }
.sk-faq-file__clip { position:absolute; top:-13px; left:12%; width:95px; height:42px; border:7px solid #77808d; border-bottom:0; border-radius:35px 35px 0 0; filter:drop-shadow(0 6px 4px rgba(7,15,27,.2)); }
.sk-faq-file__meta { position:absolute; top:26px; right:31px; color:color-mix(in srgb,var(--sk-text) 34%,transparent); font-size:10px; letter-spacing:.12em; direction:ltr; }
.sk-faq-page { position:relative; z-index:2; animation:skFaqPageIn .55s cubic-bezier(.16,.82,.22,1) both; }
.sk-faq-page > span { display:block; margin-bottom:25px; color:var(--sk-accent-text); font-size:12px; font-weight:700; letter-spacing:.14em; }
.sk-faq-page h3 { max-width:650px; margin:0 0 24px; font-size:clamp(27px,3vw,42px); line-height:1.35; }
.sk-faq-page p { max-width:680px; margin:0; color:var(--sk-muted); font-size:16px; line-height:2; }
.sk-faq-file.is-turning .sk-faq-file__paper::after { content:''; position:absolute; inset:16px; border-radius:21px; background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent); pointer-events:none; animation:skPageShine .6s ease both; }
@keyframes skFaqPageIn { from { opacity:0; transform:translateX(-25px) rotateY(-12deg); } }
@keyframes skPageShine { from { opacity:0; transform:translateX(90%); } 40% { opacity:1; } to { opacity:0; transform:translateX(-90%); } }

/* WhatsApp must read as a primary action. */
.sk-button--whatsapp,
.sk-button.sk-button--whatsapp,
.sk-cta .sk-button--whatsapp {
  border-color:#25d366 !important;
  background:linear-gradient(135deg,#25d366,#128c7e) !important;
  color:#fff !important;
  box-shadow:0 15px 32px rgba(18,140,126,.35),inset 0 1px rgba(255,255,255,.28) !important;
}
.sk-button--whatsapp .sk-icon { width:21px; height:21px; }
.sk-button--whatsapp:hover,.sk-button--whatsapp:focus-visible { filter:brightness(1.08) saturate(1.08); transform:translateY(-4px); box-shadow:0 21px 42px rgba(18,140,126,.43),inset 0 1px rgba(255,255,255,.32) !important; }

/* Existing generic card layouts receive real depth while semantic lists remain lists. */
.sk-detail-grid { gap:26px; border:0; perspective:1200px; }
.sk-detail-item { position:relative; min-height:190px; border:1px solid color-mix(in srgb,var(--sk-accent) 18%,var(--sk-border)); border-radius:24px; background:linear-gradient(145deg,var(--sk-surface),color-mix(in srgb,var(--sk-surface) 88%,var(--sk-accent-secondary))); box-shadow:13px 18px 0 color-mix(in srgb,var(--sk-primary) 10%,var(--sk-border)),20px 28px 38px rgba(7,15,27,.1),inset 0 2px rgba(255,255,255,.78); transform-style:preserve-3d; transition:box-shadow .4s ease,transform .45s cubic-bezier(.16,.82,.22,1); }
.sk-detail-item::after { content:''; position:absolute; inset:10px -8px -9px 8px; z-index:-1; border-radius:inherit; background:color-mix(in srgb,var(--sk-primary) 9%,var(--sk-border)); }
.sk-detail-item:hover { background:linear-gradient(145deg,var(--sk-surface),color-mix(in srgb,var(--sk-surface) 80%,var(--sk-accent-secondary))); box-shadow:18px 26px 0 color-mix(in srgb,var(--sk-primary) 11%,var(--sk-border)),26px 37px 48px rgba(7,15,27,.16); transform:translateY(-10px) rotateX(2deg); }

/* Full Saudi Arabia coverage map with honest primary/conditional legend. */
.sk-coverage-layout--saudi { grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr); gap:60px; }
.sk-saudi-map { min-height:640px; border-radius:34px; background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),radial-gradient(circle at 70% 45%,rgba(183,105,28,.22),transparent 40%),#091527; background-size:42px 42px,42px 42px,auto,auto; }
.sk-saudi-map > svg { top:48px; right:50%; width:580px; height:500px; overflow:visible; filter:drop-shadow(22px 30px 20px rgba(0,0,0,.28)); transform:translateX(50%) rotateX(5deg) rotateZ(-2deg); }
.sk-saudi-map > svg .sk-saudi-map__depth { fill:#050b14; stroke:#050b14; transform:translate(0,18px); }
.sk-saudi-map > svg .sk-saudi-map__land { fill:url(#skSaudiLand); stroke:rgba(255,255,255,.24); stroke-width:2; }
.sk-saudi-map > svg .sk-saudi-map__east { fill:url(#skSaudiEast); stroke:rgba(255,255,255,.24); stroke-width:1.3; filter:drop-shadow(0 0 14px rgba(211,162,97,.32)); }
.sk-saudi-map > svg .sk-saudi-map__routes path { fill:none; stroke:rgba(255,255,255,.4); stroke-width:2; stroke-linecap:round; stroke-dasharray:7 9; animation:skRouteDash 6s linear infinite; }
.sk-saudi-map .sk-coverage-map__pulse { top:45%; right:25%; width:130px; height:130px; }
.sk-warehouse-marker { position:absolute; z-index:3; top:42%; right:16%; display:grid; width:66px; height:66px; place-items:center; border:1px solid rgba(255,255,255,.28); border-radius:21px; background:linear-gradient(145deg,var(--sk-accent-secondary),var(--sk-accent)); color:#fff; box-shadow:0 17px 32px rgba(0,0,0,.3); transform:rotate(-6deg); }
.sk-warehouse-marker .sk-icon { width:27px; height:27px; }
.sk-warehouse-marker span { position:absolute; top:72px; width:max-content; color:#fff; font-size:10px; font-weight:700; }
.sk-saudi-map .sk-map-marker { gap:5px; font-size:9px; }
.sk-saudi-map .sk-map-marker i { width:11px; height:11px; border-width:2px; }
.sk-saudi-map .sk-map-marker--extended { color:rgba(255,255,255,.52) !important; }
.sk-saudi-map .sk-map-marker--extended i { background:#9ba4b2; box-shadow:0 0 0 2px #9ba4b2,0 0 0 6px rgba(155,164,178,.12); }
.sk-saudi-map .sk-map-marker--dammam { top:47%; right:11%; }
.sk-saudi-map .sk-map-marker--khobar { top:57%; right:10%; }
.sk-saudi-map .sk-map-marker--dhahran { top:53%; right:20%; }
.sk-saudi-map .sk-map-marker--qatif { top:38%; right:11%; }
.sk-saudi-map .sk-map-marker--saihat { top:43%; right:19%; }
.sk-saudi-map .sk-map-marker--jubail { top:29%; right:15%; }
.sk-saudi-map .sk-map-marker--ras-tanura { top:33%; right:4%; }
.sk-saudi-map .sk-map-marker--abqaiq { top:57%; right:28%; }
.sk-saudi-map .sk-map-marker--ahsa { top:68%; right:26%; }
.sk-map-legend { position:absolute; right:22px; bottom:20px; left:22px; display:flex; align-items:center; justify-content:center; gap:23px; padding:12px 16px; border:1px solid rgba(255,255,255,.1); border-radius:99px; background:rgba(6,13,24,.56); color:rgba(255,255,255,.67); font-size:9px; backdrop-filter:blur(11px); }
.sk-map-legend span { display:flex; align-items:center; gap:7px; }
.sk-map-legend i { width:9px; height:9px; border-radius:50%; background:var(--sk-accent-light); box-shadow:0 0 0 4px rgba(211,162,97,.12); }
.sk-map-legend span:last-child i { background:#9ba4b2; box-shadow:0 0 0 4px rgba(155,164,178,.12); }
.sk-coverage-list__label { display:block; margin-top:23px; padding-bottom:8px; color:var(--sk-accent-text); font-size:11px; }
.sk-coverage-list__label--extended { margin-top:27px; }
.sk-coverage-list > a { grid-template-columns:42px minmax(0,1fr) 46px; min-height:68px; }
.sk-coverage-list > a > .sk-circle-link { width:38px; height:38px; flex-basis:38px; }
.sk-coverage-list__extended { display:flex; flex-wrap:wrap; gap:8px; }
.sk-coverage-list__extended a { padding:8px 13px; border:1px solid var(--sk-border); border-radius:99px; color:var(--sk-muted); font-size:11px; transition:border-color .25s ease,color .25s ease,transform .25s ease; }
.sk-coverage-list__extended a:hover,.sk-coverage-list__extended a:focus-visible { border-color:var(--sk-accent); color:var(--sk-accent-text); transform:translateY(-2px); }
.sk-coverage-note { margin:24px 0 0 !important; padding:14px 0 0; border-top:1px dashed var(--sk-border); color:var(--sk-muted); font-size:11px; line-height:1.8; }
.sk-coverage-note strong { color:var(--sk-accent-text); }

/* Supply truck: material groups load into one central vehicle. */
.sk-supply-loader { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr); gap:60px; align-items:center; margin-top:50px; }
.sk-supply-loader__scene { position:relative; min-height:500px; perspective:1100px; }
.sk-supply-loader__platform { position:absolute; right:5%; bottom:38px; left:5%; height:180px; border-radius:50%; background:radial-gradient(ellipse at center,color-mix(in srgb,var(--sk-surface) 82%,var(--sk-accent-secondary)),color-mix(in srgb,var(--sk-primary) 24%,var(--sk-border)) 68%,transparent 70%); box-shadow:0 35px 38px rgba(7,15,27,.18); transform:rotateX(62deg); }
.sk-supply-truck { position:absolute; right:5%; bottom:105px; display:flex; width:88%; height:230px; align-items:flex-end; direction:ltr; transform:rotateY(-13deg) rotateX(3deg); transform-style:preserve-3d; }
.sk-supply-truck__bed { position:relative; display:block; width:68%; height:138px; border:5px solid #202e43; border-top:0; border-radius:8px 8px 20px 20px; background:linear-gradient(180deg,#d8dde3,#84909e); box-shadow:16px 22px 0 #26354b,24px 31px 35px rgba(7,15,27,.24),inset 0 -20px rgba(7,15,27,.13); transform-style:preserve-3d; }
.sk-supply-truck__bed::before { content:''; position:absolute; top:14px; right:8px; left:8px; height:8px; border-radius:4px; background:repeating-linear-gradient(90deg,#34445a 0,#34445a 18px,transparent 18px,transparent 27px); }
.sk-supply-truck__cab { display:grid; width:32%; height:175px; place-items:center; border-radius:25px 45px 18px 18px; background:linear-gradient(145deg,var(--sk-accent-secondary),var(--sk-accent)); color:#fff; box-shadow:15px 20px 0 #743b0d,23px 29px 36px rgba(7,15,27,.25),inset 0 3px rgba(255,255,255,.2); }
.sk-supply-truck__cab .sk-icon { width:64px; height:64px; }
.sk-supply-truck > b { position:absolute; bottom:-29px; width:66px; height:66px; border:11px solid #202b3c; border-radius:50%; background:#74808e; box-shadow:0 8px 12px rgba(0,0,0,.3),inset 0 0 0 7px #111b2a; }
.sk-supply-truck > b:nth-of-type(1) { left:17%; }
.sk-supply-truck > b:nth-of-type(2) { right:13%; }
.sk-truck-load { position:absolute; z-index:2; left:50%; bottom:35px; display:grid; width:92px; height:80px; place-items:center; border:1px solid rgba(255,255,255,.25); border-radius:18px; background:linear-gradient(145deg,#d9c39f,#ad7d43); color:#19263a; box-shadow:9px 12px 0 rgba(7,15,27,.16),13px 18px 24px rgba(7,15,27,.16); opacity:.18; transform:translate3d(calc((var(--sk-load) - 2) * 38px),20px,-20px) scale(.72); transition:opacity .35s ease,transform .5s cubic-bezier(.16,.82,.22,1); }
.sk-truck-load .sk-icon { width:33px; height:33px; }
.sk-truck-load.is-active { z-index:9; opacity:1; transform:translate3d(-50%,-70px,55px) rotate(-4deg) scale(1.1); animation:skLoadDrop .55s cubic-bezier(.16,.82,.22,1) both; }
.sk-supply-loader__options { border-top:1px solid var(--sk-border); }
.sk-supply-loader__options button { display:grid; width:100%; grid-template-columns:48px 32px minmax(0,1fr); gap:14px; align-items:center; min-height:88px; padding:14px 0; border:0; border-bottom:1px solid var(--sk-border); background:transparent; color:var(--sk-text); text-align:right; cursor:pointer; transition:padding .3s ease,color .3s ease; }
.sk-supply-loader__options button > span { display:grid; width:44px; height:44px; place-items:center; border:1px solid var(--sk-border); border-radius:15px; color:var(--sk-accent-text); transition:background .3s ease,color .3s ease,transform .35s ease; }
.sk-supply-loader__options button > span .sk-icon { width:19px; height:19px; }
.sk-supply-loader__options button > b { color:var(--sk-accent-text); font-size:10px; }
.sk-supply-loader__options button > strong { font-size:15px; }
.sk-supply-loader__options button > small { display:none; grid-column:3; color:var(--sk-muted); font-size:11px; line-height:1.7; }
.sk-supply-loader__options button.is-active { padding-inline:10px; color:var(--sk-accent-text); }
.sk-supply-loader__options button.is-active > span { background:linear-gradient(145deg,var(--sk-accent-secondary),var(--sk-accent)); color:#fff; transform:rotate(-7deg); }
.sk-supply-loader__options button.is-active > small { display:block; }
@keyframes skLoadDrop { from { opacity:0; transform:translate3d(-50%,-190px,150px) rotate(-17deg) scale(.65); } }

/* Fleet: vehicles move forward on a shared perspective platform. */
.sk-fleet { margin-top:50px; }
.sk-fleet__scene { position:relative; min-height:430px; overflow:hidden; border-radius:34px; background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--sk-accent) 14%,transparent),transparent 42%),linear-gradient(145deg,#152238,#091321); box-shadow:0 34px 65px rgba(7,15,27,.2); perspective:1200px; }
.sk-fleet__runway { position:absolute; right:8%; bottom:0; left:8%; height:270px; border-radius:50% 50% 10% 10%; background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.02)),repeating-linear-gradient(90deg,transparent 0,transparent 88px,rgba(255,255,255,.055) 89px,rgba(255,255,255,.055) 90px); box-shadow:inset 0 2px rgba(255,255,255,.1),0 28px 35px rgba(0,0,0,.26); transform:rotateX(64deg); }
.sk-fleet-vehicle { --sk-vx:calc(8% + (var(--sk-vehicle) * 23%)); position:absolute; z-index:2; left:var(--sk-vx); bottom:90px; display:grid; width:150px; height:112px; place-items:center; border:1px solid rgba(255,255,255,.14); border-radius:28px; background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035)); color:var(--sk-accent-light); box-shadow:12px 17px 0 rgba(0,0,0,.23),18px 26px 31px rgba(0,0,0,.2); opacity:.54; transform:perspective(650px) rotateY(18deg) scale(.82); transition:background .4s ease,color .4s ease,opacity .4s ease,transform .55s cubic-bezier(.16,.82,.22,1); animation:skVehicleEnter .75s cubic-bezier(.16,.82,.22,1) both; animation-delay:calc(var(--sk-vehicle) * 120ms); }
.sk-fleet-vehicle > i .sk-icon { width:58px; height:58px; }
.sk-fleet-vehicle > b { position:absolute; bottom:-16px; width:37px; height:37px; border:7px solid #111b2a; border-radius:50%; background:#6d7988; }
.sk-fleet-vehicle > b:nth-of-type(1) { left:20px; }
.sk-fleet-vehicle > b:nth-of-type(2) { right:20px; }
.sk-fleet-vehicle > small { position:absolute; top:10px; left:13px; color:rgba(255,255,255,.47); font-size:9px; }
.sk-fleet-vehicle.is-active { z-index:7; background:linear-gradient(145deg,var(--sk-accent-secondary),var(--sk-accent)); color:#fff; opacity:1; transform:translate3d(-8px,-55px,90px) rotateY(-7deg) scale(1.16); }
.sk-fleet__selector { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; margin-top:24px; }
.sk-fleet__selector button { position:relative; display:grid; min-width:0; min-height:150px; grid-template-columns:35px minmax(0,1fr) 45px; gap:10px; align-items:start; padding:20px 17px; border:1px solid var(--sk-border); border-radius:21px; background:color-mix(in srgb,var(--sk-surface) 87%,transparent); color:var(--sk-text); box-shadow:7px 10px 0 color-mix(in srgb,var(--sk-primary) 8%,var(--sk-border)); text-align:right; cursor:pointer; transition:border-color .3s ease,background .3s ease,transform .35s ease; }
.sk-fleet__selector button > span { color:var(--sk-accent-text); font-size:9px; }
.sk-fleet__selector button > strong { font-size:14px; line-height:1.5; }
.sk-fleet__selector button > small { display:block; grid-column:2/4; color:var(--sk-muted); font-size:10px; line-height:1.65; }
.sk-fleet__selector button > i { display:grid; width:42px; height:42px; place-items:center; border:1px solid var(--sk-border); border-radius:14px; color:var(--sk-accent-text); }
.sk-fleet__selector button > i .sk-icon { width:18px; height:18px; }
.sk-fleet__selector button.is-active { border-color:color-mix(in srgb,var(--sk-accent) 45%,var(--sk-border)); background:linear-gradient(145deg,color-mix(in srgb,var(--sk-surface) 92%,var(--sk-accent-secondary)),var(--sk-surface)); transform:translateY(-7px); }
@keyframes skVehicleEnter { from { opacity:0; transform:translate3d(250px,-120px,100px) rotateY(35deg) scale(.55); } }

@media (max-width:1120px) {
  .sk-build-path { gap:8px; }
  .sk-build-stage__slab { width:125px; height:100px; }
  .sk-product-catalog { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .sk-sample-book { padding-inline:45px; }
  .sk-sample-sheet { margin-inline-start:-38px; }
  .sk-fleet-vehicle { width:128px; }
}

@media (max-width:980px) {
  .sk-trust-lab,
  .sk-project-planner,
  .sk-supply-loader,
  .sk-coverage-layout--saudi { grid-template-columns:1fr; gap:38px; }
  .sk-trust-machine { min-height:490px; }
  .sk-blueprint-stage { order:0; min-height:500px; }
  .sk-project-planner__list { order:1; }
  .sk-product-catalog { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sk-service-folds { min-height:520px; }
  .sk-service-fold__copy { padding:28px 20px; }
  .sk-service-fold.is-active,.sk-service-fold:hover,.sk-service-fold:focus-visible { flex:1.8 1 0; }
  .sk-counter-console .sk-stats-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sk-faq-file { grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr); }
  .sk-faq-file__paper { padding-inline:38px; }
  .sk-saudi-map { min-height:610px; }
  .sk-supply-loader__scene { min-height:470px; }
  .sk-fleet__selector { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sk-route-truck { offset-path:none; top:45%; left:50%; animation:skTruckFloat 3s ease-in-out infinite; }
  @keyframes skTruckFloat { 0%,100% { transform:translate(-50%,-50%) rotate(-4deg); } 50% { transform:translate(-50%,calc(-50% - 12px)) rotate(4deg); } }
}

@media (max-width:760px) {
  .sk-hero-slider,.sk-slider__track,.sk-slide__inner { min-height:760px; height:760px; }
  .sk-slide__inner { padding-top:105px; padding-bottom:195px; }
  .sk-slide .sk-actions { margin-bottom:0; }
  .sk-slider__controls { right:50%; bottom:26px; left:auto; max-width:calc(100% - 24px); min-height:58px; gap:9px; padding:7px 9px; transform:translateX(50%); }
  .sk-slider__count i { width:22px; }
  .sk-slider__dots { max-width:85px; overflow:hidden; }
  .sk-slider__arrows button,.sk-slider__arrows button:first-child,.sk-slider__arrows button:last-child,.sk-gallery-carousel__controls > div:first-child button,.sk-gallery-carousel__controls > div:first-child button:first-child,.sk-gallery-carousel__controls > div:first-child button:last-child { width:44px; height:44px; flex-basis:44px; }

  .sk-build-path { display:block; min-height:0; padding:20px 0 0; }
  .sk-build-path::before { content:''; position:absolute; top:55px; right:59px; bottom:45px; width:3px; border-radius:99px; background:linear-gradient(var(--sk-accent),var(--sk-accent-secondary)); box-shadow:0 0 0 7px color-mix(in srgb,var(--sk-accent) 8%,transparent); }
  .sk-build-path__route { display:none; }
  .sk-build-stage,.sk-build-stage:nth-of-type(even),.sk-build-stage:hover,.sk-build-stage:focus-visible { display:grid; min-height:175px; grid-template-columns:120px minmax(0,1fr) 44px; grid-template-rows:auto auto auto; gap:4px 18px; align-items:center; padding:17px 0; text-align:right; transform:none; }
  .sk-build-stage__slab { grid-row:1/4; grid-column:1; width:94px; height:75px; margin:0; border-radius:21px; box-shadow:10px 14px 0 color-mix(in srgb,var(--sk-primary) 10%,var(--sk-border)),15px 21px 25px rgba(13,24,42,.16); transform:perspective(500px) rotateX(56deg) rotateZ(-7deg); }
  .sk-build-stage__slab > b { width:43px; height:43px; border-radius:14px; }
  .sk-build-stage__slab .sk-icon { width:20px; height:20px; }
  .sk-build-stage__number,.sk-build-stage > strong,.sk-build-stage > small { grid-column:2; }
  .sk-build-stage > strong { font-size:17px; }
  .sk-build-stage > small { display:-webkit-box; margin-top:3px; }
  .sk-build-stage > .sk-circle-link { grid-row:1/4; grid-column:3; margin:0; opacity:1; }

  .sk-trust-machine { min-height:420px; }
  .sk-trust-layer { right:12%; left:12%; --sk-layer-y:calc(270px - (var(--sk-layer) * 48px)); height:78px; border-radius:27px; }
  .sk-trust-machine__base { bottom:13px; }
  .sk-trust-point { grid-template-columns:32px 34px minmax(0,1fr); gap:11px; min-height:91px; }

  .sk-blueprint-stage { min-height:430px; padding:15px 8px 45px; }
  .sk-blueprint-stage__board { min-height:370px; border-radius:27px; box-shadow:18px 27px 0 color-mix(in srgb,var(--sk-primary) 17%,var(--sk-border)),28px 39px 48px rgba(7,15,27,.23); transform:rotateX(5deg) rotateY(-3deg); }
  .sk-blueprint-object { width:69px; height:60px; border-radius:17px; }
  .sk-blueprint-object > .sk-icon { width:24px; height:24px; }
  .sk-project-planner__list button { min-height:70px; }

  .sk-delivery-route { min-height:0; padding:30px 16px; }
  .sk-delivery-route__landscape { top:25px; right:36px; bottom:25px; left:auto; width:48px; border-radius:99px; background:color-mix(in srgb,var(--sk-primary) 16%,var(--sk-border)); transform:none; }
  .sk-delivery-route__landscape::after { content:''; position:absolute; top:10px; bottom:10px; left:50%; width:3px; border-radius:99px; background:repeating-linear-gradient(180deg,var(--sk-surface) 0,var(--sk-surface) 8px,transparent 8px,transparent 16px); transform:translateX(-50%); }
  .sk-delivery-route__landscape svg { display:none; }
  .sk-route-truck { top:12%; left:50%; width:45px; height:45px; border-radius:15px; animation:skTruckVertical 7s ease-in-out infinite; }
  .sk-route-truck .sk-icon { width:22px; height:22px; }
  .sk-delivery-route > ol { display:block; padding-right:4px; }
  .sk-delivery-route li,.sk-delivery-route li:nth-child(2),.sk-delivery-route li:nth-child(4),.sk-delivery-route li.is-active { --sk-route-shift:0; transform:none; }
  .sk-delivery-route li button { display:grid; grid-template-columns:82px minmax(0,1fr); grid-template-rows:auto auto; gap:4px 16px; min-height:145px; align-content:center; padding:13px 0; text-align:right; }
  .sk-route-station { grid-row:1/3; width:70px; height:70px; margin:0; }
  .sk-route-station .sk-icon { width:26px; height:26px; }
  .sk-delivery-route li strong { align-self:end; font-size:17px; }
  .sk-delivery-route li small { align-self:start; max-width:none; margin:0; }
  @keyframes skTruckVertical { 0%,10% { top:8%; } 32% { top:34%; } 56% { top:55%; } 80%,100% { top:82%; } }

  .sk-sample-book { min-height:0; padding:28px 0 35px; }
  .sk-sample-book::before,.sk-sample-book__spine { display:none; }
  .sk-sample-book__sheets { display:grid; gap:18px; min-height:0; }
  .sk-sample-sheet,.sk-sample-sheet:first-child,.sk-sample-sheet.is-active,.sk-sample-sheet:hover,.sk-sample-sheet:focus-visible { min-height:245px; margin:0; transform:none; }
  .sk-sample-sheet { box-shadow:11px 16px 0 color-mix(in srgb,var(--sk-primary) 11%,var(--sk-border)),18px 25px 33px rgba(7,15,27,.14); }
  .sk-sample-sheet.is-active,.sk-sample-sheet:hover,.sk-sample-sheet:focus-visible { min-height:320px; transform:translateY(-4px); }
  .sk-sample-sheet__copy { padding:27px 22px; }
  .sk-sample-sheet__copy small { max-height:90px; margin-top:9px; opacity:1; }

  .sk-product-catalog { grid-template-columns:1fr; gap:36px; }
  .sk-product-tile { width:100%; }
  .sk-product-tile__media { width:100%; aspect-ratio:1.48; border-radius:24px 24px 17px 17px; }
  .sk-product-tile__body { width:100%; min-height:205px; border-radius:0 0 24px 24px; }
  .sk-product-tile__back { border-radius:24px; }

  .sk-service-folds { display:flex; min-height:0; flex-direction:column; gap:17px; }
  .sk-service-fold,.sk-service-fold.is-active,.sk-service-fold:hover,.sk-service-fold:focus-visible { width:100%; min-height:175px; flex:none; border-radius:25px; transform:none; }
  .sk-service-fold.is-active,.sk-service-fold:hover,.sk-service-fold:focus-visible { min-height:405px; transform:translateY(-4px); }
  .sk-service-fold__copy { padding:29px 23px; }

  .sk-counter-console { padding:30px 20px 28px; border-radius:27px; box-shadow:14px 21px 0 color-mix(in srgb,var(--sk-primary) 15%,var(--sk-border)),23px 34px 45px rgba(7,15,27,.23); }
  .sk-counter-console .sk-stats-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
  .sk-counter-console .sk-stat { min-height:156px; padding:15px 10px 18px; border-radius:17px; }
  .sk-stat__window { min-height:65px; }
  .sk-counter-console .sk-stat strong { font-size:35px; }

  .sk-faq-file { display:block; min-height:0; }
  .sk-faq-file__tabs { padding:0; }
  .sk-faq-file__tabs button { min-height:78px; grid-template-columns:33px minmax(0,1fr) 42px; margin:0 0 10px; padding:13px 14px; border:1px solid var(--sk-border); border-radius:18px; transform:none; }
  .sk-faq-file__tabs button.is-active { transform:translateY(-3px); }
  .sk-faq-file__paper,.sk-faq-file__tabs .sk-faq-file__paper { min-height:290px; margin:2px 0 14px; padding:58px 26px 35px; border-radius:22px; box-shadow:11px 16px 0 color-mix(in srgb,var(--sk-primary) 10%,var(--sk-border)),17px 24px 30px rgba(7,15,27,.12); transform:none; }
  .sk-faq-file__clip { left:10%; width:72px; }
  .sk-faq-page h3 { font-size:23px; }
  .sk-faq-page p { font-size:14px; line-height:1.9; }

  .sk-saudi-map { min-height:560px; border-radius:28px; }
  .sk-saudi-map > svg { top:45px; width:520px; height:455px; }
  .sk-map-legend { gap:12px; font-size:8px; }
  .sk-warehouse-marker { width:54px; height:54px; border-radius:17px; }
  .sk-warehouse-marker span { top:60px; }
  .sk-coverage-list > a { grid-template-columns:37px minmax(0,1fr) 42px; }

  .sk-supply-loader__scene { min-height:390px; }
  .sk-supply-truck { bottom:80px; height:190px; }
  .sk-supply-truck__bed { height:115px; }
  .sk-supply-truck__cab { height:145px; }
  .sk-supply-truck__cab .sk-icon { width:50px; height:50px; }
  .sk-supply-loader__options button { min-height:82px; }

  .sk-fleet__scene { min-height:360px; }
  .sk-fleet-vehicle { left:calc(2% + (var(--sk-vehicle) * 24%)); bottom:76px; width:104px; height:88px; border-radius:20px; }
  .sk-fleet-vehicle > i .sk-icon { width:43px; height:43px; }
  .sk-fleet-vehicle.is-active { transform:translate3d(-2px,-48px,70px) rotateY(-5deg) scale(1.08); }
  .sk-fleet__selector { grid-template-columns:1fr; }
  .sk-fleet__selector button { min-height:112px; }

  .sk-gallery-carousel__viewport,.sk-gallery-slide { border-radius:24px !important; }
}

@media (max-width:480px) {
  .sk-hero-slider,.sk-slider__track,.sk-slide__inner { min-height:790px; height:790px; }
  .sk-slide__inner { padding-bottom:205px; }
  .sk-slider__controls { gap:7px; padding-inline:8px; }
  .sk-slider__count { display:none; }
  .sk-slider__dots { max-width:68px; }
  .sk-slider__pause { width:40px; height:40px; }
  .sk-need-option,.sk-need-option:last-child,.sk-need-option:hover,.sk-need-option:focus-visible { min-height:370px; border-radius:24px !important; }
  .sk-build-stage,.sk-build-stage:nth-of-type(even) { grid-template-columns:105px minmax(0,1fr) 42px; gap:4px 11px; }
  .sk-build-path::before { right:52px; }
  .sk-trust-machine { min-height:380px; }
  .sk-trust-layer { right:8%; left:8%; --sk-layer-y:calc(245px - (var(--sk-layer) * 43px)); }
  .sk-trust-point > i { display:none; }
  .sk-trust-point { grid-template-columns:30px minmax(0,1fr); }
  .sk-blueprint-stage { min-height:390px; padding-inline:0; }
  .sk-blueprint-stage__board { min-height:335px; }
  .sk-blueprint-object { width:58px; height:52px; }
  .sk-blueprint-object > .sk-icon { width:20px; height:20px; }
  .sk-delivery-route { padding-inline:10px; }
  .sk-sample-sheet,.sk-sample-sheet:first-child { min-height:235px; }
  .sk-product-tile__media { aspect-ratio:1.36; }
  .sk-product-tile__body { padding-inline:21px; }
  .sk-counter-console { padding-inline:13px; }
  .sk-counter-console .sk-stat { min-height:145px; }
  .sk-counter-console .sk-stat strong { font-size:31px; }
  .sk-counter-console .sk-stat > span:last-child { font-size:9px; }
  .sk-faq-file__tabs button { grid-template-columns:28px minmax(0,1fr) 38px; }
  .sk-faq-file__tabs button > strong { font-size:12px; }
  .sk-faq-file__tabs button > i { width:37px; height:37px; }
  .sk-saudi-map { min-height:500px; }
  .sk-saudi-map > svg { top:50px; width:440px; height:390px; }
  .sk-saudi-map .sk-map-marker { font-size:7px; }
  .sk-saudi-map .sk-map-marker--extended span { display:none; }
  .sk-warehouse-marker { top:43%; right:13%; width:48px; height:48px; }
  .sk-map-legend { right:10px; left:10px; padding-inline:9px; }
  .sk-supply-loader__scene { min-height:330px; }
  .sk-supply-truck { right:0; bottom:70px; width:100%; height:160px; }
  .sk-supply-truck__bed { height:95px; }
  .sk-supply-truck__cab { height:120px; }
  .sk-supply-truck > b { width:52px; height:52px; }
  .sk-truck-load { width:68px; height:60px; }
  .sk-fleet__scene { min-height:330px; }
  .sk-fleet-vehicle { left:calc(0% + (var(--sk-vehicle) * 23%)); width:89px; height:76px; }
}

@media (prefers-reduced-motion:reduce) {
  .sk-build-path__route path,.sk-route-truck,.sk-saudi-map__routes path { animation:none; }
  .sk-trust-layer,.sk-blueprint-object,.sk-fleet-vehicle { animation:none; }
}

/* Product images animate inside a fixed, clipped frame. */
.sk-product-tile__media {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background-image: none !important;
  background-color: #101a2c;
  isolation: isolate;
  transform: none !important;
}

.sk-product-tile__body {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin-top: -1px;
  transform: none !important;
}

.sk-product-tile__picture {
  position: absolute;
  z-index: -1;
  inset: -1px;
  display: block;
  border-radius: inherit;
  background-image: linear-gradient(180deg, transparent 45%, rgba(7, 15, 27, 0.68)), var(--sk-product-image);
  background-position: 50% 50%;
  background-size: cover;
  filter: saturate(.9) contrast(1.04);
  transform: scale(1.025);
  transform-origin: 52% 48%;
  will-change: transform, filter;
  transition: filter .6s ease, transform .85s cubic-bezier(.16,.82,.22,1);
}

.sk-product-tile__media::before {
  content: '';
  position: absolute;
  z-index: 2;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle at 72% 28%, rgba(255,255,255,.2), transparent 28%);
  opacity: 0;
  pointer-events: none;
  transform: translate3d(14%,-8%,0) scale(.8);
  transition: opacity .5s ease, transform .8s cubic-bezier(.16,.82,.22,1);
}

.sk-product-tile__media::after {
  z-index: 3;
  border-radius: inherit;
  pointer-events: none;
}

.sk-product-tile:hover .sk-product-tile__media,
.sk-product-tile:focus-visible .sk-product-tile__media {
  background-size: auto !important;
  filter: none;
  transform: none !important;
}

.sk-product-tile:hover .sk-product-tile__picture,
.sk-product-tile:focus-visible .sk-product-tile__picture {
  filter: saturate(1.08) contrast(1.07);
  transform: scale(1.105) translate3d(-1.4%,1%,0) rotate(.35deg);
}

.sk-product-tile:hover .sk-product-tile__media::before,
.sk-product-tile:focus-visible .sk-product-tile__media::before {
  opacity: .55;
  transform: translate3d(0,0,0) scale(1);
}

@media (hover:none) {
  .sk-product-tile:hover {
    filter: none;
    transform: none;
  }

  .sk-product-tile:hover .sk-product-tile__picture {
    filter: saturate(.9) contrast(1.04);
    transform: scale(1.025);
  }

  .sk-product-tile:hover .sk-product-tile__media::before {
    opacity: 0;
  }

  .sk-product-tile:active .sk-product-tile__picture {
    filter: saturate(1.04) contrast(1.06);
    transform: scale(1.07) translate3d(-.7%,.5%,0);
    transition-duration: .3s;
  }

  .sk-product-tile:active .sk-product-tile__media::before {
    opacity: .42;
    transform: translate3d(0,0,0) scale(1);
  }
}

@media (max-width:760px) {
  .sk-product-tile {
    width: 100%;
    max-width: 100%;
    margin-inline: auto;
  }

  .sk-product-tile__back,
  .sk-product-tile:hover .sk-product-tile__back,
  .sk-product-tile:focus-visible .sk-product-tile__back {
    inset: 12px 7px -12px 7px;
    transform: none;
  }

  .sk-product-tile__media,
  .sk-product-tile:hover .sk-product-tile__media,
  .sk-product-tile:focus-visible .sk-product-tile__media,
  .sk-product-tile__body {
    width: 100%;
    max-width: 100%;
    transform: none !important;
  }
}

@media (prefers-reduced-motion:reduce) {
  .sk-product-tile__picture,
  .sk-product-tile__media::before,
  .sk-product-tile__media::after {
    transition: none !important;
  }
}

/* Sitekul 1.5 — creative rebuild: purposeful layouts instead of repeated cards. */
:root {
  --sk-media-radius: 28px;
  --sk-panel-radius: 30px;
  --sk-soft-shadow: 0 24px 58px rgba(13, 24, 42, .12);
}

.sk-section-image,
.sk-section-image picture,
.sk-section-image img,
.sk-gallery-carousel__viewport,
.sk-gallery-slide,
.sk-gallery-slide img,
.sk-service-row__media,
.sk-service-row__media img,
.sk-post-card__media,
.sk-post-card__media img,
.sk-product-tile__media,
.sk-product-tile__picture,
.sk-category-tile,
.sk-category-tile__image,
.sk-about-scope article,
.sk-about-scope__image {
  border-radius: var(--sk-media-radius) !important;
}

.sk-gallery-slide,
.sk-category-tile,
.sk-product-tile__media,
.sk-service-row__media,
.sk-post-card__media,
.sk-section-image {
  overflow: hidden !important;
  isolation: isolate;
}

.sk-product-tile__picture { z-index: 0; }
.sk-product-tile__media > b,
.sk-product-tile__media > i { z-index: 4; }
.sk-product-tile__media,
.sk-product-tile__body { flex: 0 0 auto; align-self: stretch; }
.sk-product-tile__body { flex-grow: 1; }

/* Project stages — a clean, flat zigzag path. */
.sk-stage-zigzag {
  position: relative;
  min-height: 455px;
  margin-top: 46px;
  overflow: hidden;
}

.sk-stage-zigzag__route {
  position: absolute;
  top: 22px;
  right: 0;
  width: 100%;
  height: 190px;
  overflow: visible;
}

.sk-stage-zigzag__route-shadow,
.sk-stage-zigzag__route-line {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.sk-stage-zigzag__route-shadow {
  stroke: color-mix(in srgb, var(--sk-primary) 11%, var(--sk-border));
  stroke-width: 18;
}

.sk-stage-zigzag__route-line {
  stroke: url('#sk-stage-gradient');
  stroke: var(--sk-accent);
  stroke-width: 4;
  stroke-dasharray: 1180;
  stroke-dashoffset: 1180;
  transition: stroke-dashoffset 1.9s cubic-bezier(.16,.82,.22,1);
}

.sk-reveal.is-visible .sk-stage-zigzag__route-line { stroke-dashoffset: 0; }

.sk-stage-zigzag__items {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: clamp(10px, 2vw, 28px);
}

.sk-stage-stop {
  display: grid;
  min-width: 0;
  grid-template-rows: 74px auto 44px;
  justify-items: center;
  padding-top: 122px;
  color: var(--sk-text);
  text-align: center;
}

.sk-stage-stop:nth-child(even) { padding-top: 25px; }

.sk-stage-stop__node {
  position: relative;
  display: grid;
  width: 70px;
  height: 70px;
  place-items: center;
  border: 5px solid var(--sk-background);
  border-radius: 50%;
  background: linear-gradient(145deg, var(--sk-accent-secondary), var(--sk-accent));
  color: #fff;
  box-shadow: 0 12px 28px color-mix(in srgb, var(--sk-accent) 28%, transparent);
  transition: box-shadow .35s ease, transform .4s cubic-bezier(.16,.82,.22,1);
}

.sk-stage-stop__node > i { display: grid; place-items: center; }
.sk-stage-stop__node .sk-icon { width: 25px; height: 25px; }
.sk-stage-stop__node > b {
  position: absolute;
  top: -11px;
  right: -9px;
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 3px solid var(--sk-background);
  border-radius: 50%;
  background: var(--sk-primary);
  color: #fff;
  font-size: 9px;
}

.sk-stage-stop__copy { display: block; max-width: 205px; padding-top: 16px; }
.sk-stage-stop__copy strong { display: block; font-size: 17px; line-height: 1.45; }
.sk-stage-stop__copy small { display: block; margin-top: 7px; color: var(--sk-muted); font-size: 10px; line-height: 1.7; }
.sk-stage-stop__arrow {
  display: grid;
  width: 39px;
  height: 39px;
  margin-top: 12px;
  place-items: center;
  border: 1px solid var(--sk-border);
  border-radius: 50%;
  color: var(--sk-accent-text);
  transition: background .3s ease, color .3s ease, transform .35s ease;
}
.sk-stage-stop__arrow .sk-icon { width: 16px; transform: scaleX(-1); }
.sk-stage-stop:hover .sk-stage-stop__node,
.sk-stage-stop:focus-visible .sk-stage-stop__node { box-shadow: 0 0 0 10px color-mix(in srgb, var(--sk-accent) 11%, transparent), 0 17px 35px color-mix(in srgb, var(--sk-accent) 35%, transparent); transform: scale(1.09); }
.sk-stage-stop:hover .sk-stage-stop__arrow,
.sk-stage-stop:focus-visible .sk-stage-stop__arrow { background: var(--sk-primary); color: #fff; transform: translateY(-3px); }

/* Trust benefits — photography and a calm interactive index. */
.sk-trust-showcase {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
  gap: clamp(28px, 5vw, 72px);
  align-items: stretch;
  margin-top: 48px;
}

.sk-trust-showcase__visual {
  position: relative;
  min-height: 525px;
  overflow: hidden;
  border-radius: var(--sk-panel-radius);
  background: var(--sk-primary);
  box-shadow: var(--sk-soft-shadow);
  isolation: isolate;
}

.sk-trust-frame { position: absolute; inset: 0; margin: 0; opacity: 0; visibility: hidden; transition: opacity .55s ease, visibility .55s ease; }
.sk-trust-frame.is-active { z-index: 2; opacity: 1; visibility: visible; }
.sk-trust-frame__image,
.sk-trust-frame__shade { position: absolute; inset: 0; }
.sk-trust-frame__image { background-image: var(--sk-trust-image); background-position: center; background-size: cover; filter: saturate(.86) contrast(1.04); transform: scale(1.06); transition: filter .8s ease, transform 1.1s cubic-bezier(.16,.82,.22,1); }
.sk-trust-frame.is-active .sk-trust-frame__image { filter: saturate(1) contrast(1.05); transform: scale(1); }
.sk-trust-frame__shade { background: linear-gradient(180deg, rgba(7,15,27,.05) 18%, rgba(7,15,27,.92) 93%); }
.sk-trust-frame figcaption {
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 0;
  left: 0;
  display: grid;
  grid-template-columns: 64px minmax(0,1fr);
  gap: 20px;
  align-items: center;
  padding: 38px;
  color: #fff;
  opacity: 0;
  transform: translateY(25px);
  transition: opacity .5s .12s ease, transform .65s .12s cubic-bezier(.16,.82,.22,1);
}
.sk-trust-frame.is-active figcaption { opacity: 1; transform: none; }
.sk-trust-frame__icon { display: grid; width: 62px; height: 62px; place-items: center; border: 1px solid rgba(255,255,255,.25); border-radius: 50%; background: rgba(255,255,255,.1); color: var(--sk-accent-light); backdrop-filter: blur(10px); }
.sk-trust-frame__icon .sk-icon { width: 25px; height: 25px; }
.sk-trust-frame figcaption .sk-number { display: block; margin-bottom: 5px; color: var(--sk-accent-light); font-size: 10px; letter-spacing: .15em; }
.sk-trust-frame figcaption strong { display: block; font-size: clamp(23px, 2.6vw, 34px); }
.sk-trust-frame figcaption p { max-width: 560px; margin: 8px 0 0; color: rgba(255,255,255,.76); font-size: 13px; line-height: 1.8; }
.sk-trust-showcase__scan { position: absolute; z-index: 5; top: 0; bottom: 0; left: -30%; width: 24%; background: linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent); pointer-events: none; transform: skewX(-15deg); animation: skTrustScan 5.8s ease-in-out infinite; }
@keyframes skTrustScan { 0%,28% { left:-35%; opacity:0; } 45% { opacity:1; } 72%,100% { left:120%; opacity:0; } }

.sk-trust-showcase__nav { border-top: 1px solid var(--sk-border); }
.sk-trust-choice {
  position: relative;
  display: grid;
  width: 100%;
  min-height: 93px;
  grid-template-columns: 35px 48px minmax(0,1fr) 28px;
  gap: 14px;
  align-items: center;
  padding: 12px 4px;
  border: 0;
  border-bottom: 1px solid var(--sk-border);
  background: transparent;
  color: var(--sk-text);
  text-align: right;
  cursor: pointer;
  transition: padding .35s ease, color .3s ease;
}
.sk-trust-choice > .sk-number { color: var(--sk-muted); font-size: 10px; }
.sk-trust-choice > i { display: grid; width: 45px; height: 45px; place-items: center; border: 1px solid var(--sk-border); border-radius: 50%; color: var(--sk-accent-text); transition: background .3s ease, color .3s ease, transform .35s ease; }
.sk-trust-choice > i .sk-icon { width: 19px; height: 19px; }
.sk-trust-choice > strong { font-size: 17px; }
.sk-trust-choice > b { width: 9px; height: 9px; justify-self: end; border: 2px solid var(--sk-border); border-radius: 50%; transition: background .3s ease, border-color .3s ease, box-shadow .3s ease; }
.sk-trust-choice.is-active { padding-inline: 14px 4px; color: var(--sk-accent-text); }
.sk-trust-choice.is-active > i { border-color: transparent; background: var(--sk-primary); color: var(--sk-accent-light); transform: scale(1.08); }
.sk-trust-choice.is-active > b { border-color: var(--sk-accent); background: var(--sk-accent); box-shadow: 0 0 0 7px color-mix(in srgb,var(--sk-accent) 12%,transparent); }

/* Project supply — a single linear logistics rail. */
.sk-supply-rail {
  position: relative;
  margin-top: 48px;
  padding: 30px clamp(24px, 4vw, 52px) 46px;
  overflow: hidden;
  border: 1px solid var(--sk-border);
  border-radius: var(--sk-panel-radius);
  background: color-mix(in srgb, var(--sk-surface) 94%, var(--sk-primary));
  box-shadow: var(--sk-soft-shadow);
}
.sk-supply-rail::before { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,transparent 49.8%,color-mix(in srgb,var(--sk-border) 55%,transparent) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,color-mix(in srgb,var(--sk-border) 45%,transparent) 50%,transparent 50.2%); background-size:46px 46px; opacity:.35; }
.sk-supply-rail__head { position:relative; z-index:2; display:flex; align-items:center; gap:15px; padding-bottom:32px; }
.sk-supply-rail__head > span { display:grid; width:50px; height:50px; place-items:center; border-radius:50%; background:var(--sk-primary); color:var(--sk-accent-light); }
.sk-supply-rail__head .sk-icon { width:22px; height:22px; }
.sk-supply-rail__head small,.sk-supply-rail__head strong { display:block; }
.sk-supply-rail__head small { color:var(--sk-muted); font-size:9px; letter-spacing:.17em; }
.sk-supply-rail__head strong { margin-top:4px; font-size:18px; }
.sk-supply-rail__head > b { margin-inline-start:auto; color:var(--sk-accent-text); font-size:11px; }
.sk-supply-rail__line { position:absolute; z-index:1; top:164px; right:9%; left:9%; height:3px; overflow:hidden; border-radius:99px; background:var(--sk-border); }
.sk-supply-rail__line > span { display:block; width:100%; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--sk-accent-secondary),var(--sk-accent)); transform:scaleX(0); transform-origin:right; transition:transform 1.6s .15s cubic-bezier(.16,.82,.22,1); }
.sk-reveal.is-visible .sk-supply-rail__line > span { transform:scaleX(1); }
.sk-supply-rail > ol { position:relative; z-index:2; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px; margin:0; padding:0; list-style:none; }
.sk-supply-rail li { min-width:0; text-align:center; }
.sk-supply-rail__station { position:relative; display:grid; width:72px; height:72px; margin:0 auto 22px; place-items:center; border:7px solid color-mix(in srgb,var(--sk-surface) 94%,var(--sk-primary)); border-radius:50%; background:linear-gradient(145deg,var(--sk-accent-secondary),var(--sk-accent)); color:#fff; box-shadow:0 13px 27px color-mix(in srgb,var(--sk-accent) 27%,transparent); transition:transform .35s ease; }
.sk-supply-rail__station .sk-icon { width:24px; height:24px; }
.sk-supply-rail__station > b { position:absolute; top:-13px; right:-9px; display:grid; width:27px; height:27px; place-items:center; border:3px solid var(--sk-surface); border-radius:50%; background:var(--sk-primary); font-size:8px; }
.sk-supply-rail li > strong { display:block; font-size:14px; line-height:1.55; }
.sk-supply-rail li > small { display:block; margin-top:6px; color:var(--sk-muted); font-size:10px; line-height:1.6; }
.sk-supply-rail li:hover .sk-supply-rail__station { transform:translateY(-7px) scale(1.05); }

/* Ordering — four typographic stops, no wavy illustration. */
.sk-order-sequence { position:relative; margin-top:50px; padding-top:34px; }
.sk-order-sequence__progress { position:absolute; top:68px; right:8%; left:8%; height:2px; overflow:hidden; background:var(--sk-border); }
.sk-order-sequence__progress > span { display:block; width:100%; height:100%; background:linear-gradient(90deg,var(--sk-accent-secondary),var(--sk-accent)); transform:scaleX(0); transform-origin:right; transition:transform 1.5s .2s ease; }
.sk-reveal.is-visible .sk-order-sequence__progress > span { transform:scaleX(1); }
.sk-order-sequence > ol { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(18px,3vw,42px); margin:0; padding:0; list-style:none; }
.sk-order-sequence li { position:relative; min-width:0; padding:0 7px; text-align:center; }
.sk-order-sequence__number { display:block; margin-bottom:11px; color:color-mix(in srgb,var(--sk-primary) 14%,transparent); font-size:clamp(52px,6vw,84px); font-weight:700; line-height:1; transition:color .35s ease; }
.sk-order-sequence li > i { position:relative; display:grid; width:58px; height:58px; margin:-45px auto 24px; place-items:center; border:5px solid var(--sk-background); border-radius:50%; background:var(--sk-primary); color:var(--sk-accent-light); box-shadow:0 10px 24px rgba(7,15,27,.13); }
.sk-order-sequence li > i .sk-icon { width:22px; height:22px; }
.sk-order-sequence li strong { display:block; font-size:18px; }
.sk-order-sequence li p { margin:8px auto 0; color:var(--sk-muted); font-size:11px; line-height:1.75; }
.sk-order-sequence li > b { position:absolute; top:40px; left:-28px; color:var(--sk-border); }
.sk-order-sequence li:last-child > b { display:none; }
.sk-order-sequence li > b .sk-icon { width:20px; }
.sk-order-sequence li:hover .sk-order-sequence__number { color:color-mix(in srgb,var(--sk-accent) 32%,transparent); }

/* Categories — a disciplined photographic mosaic with no overlap. */
.sk-category-mosaic {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 18px;
  margin-top: 46px;
}
.sk-category-mosaic--4 { grid-template-columns: repeat(2,minmax(0,1fr)); }
.sk-category-tile { position:relative; display:flex; min-height:330px; align-items:flex-end; overflow:hidden; color:#fff !important; box-shadow:0 18px 38px rgba(7,15,27,.13); isolation:isolate; }
.sk-category-tile__image,.sk-category-tile__shade { position:absolute; inset:0; }
.sk-category-tile__image { z-index:-2; background-image:var(--sk-category-image); background-position:center; background-size:cover; filter:saturate(.83) contrast(1.05); transform:scale(1.035); transition:filter .55s ease,transform .8s cubic-bezier(.16,.82,.22,1); }
.sk-category-tile__shade { z-index:-1; background:linear-gradient(180deg,rgba(7,15,27,.04),rgba(7,15,27,.92)); }
.sk-category-tile__number { position:absolute; top:22px; right:22px; display:grid; width:42px; height:42px; place-items:center; border:1px solid rgba(255,255,255,.28); border-radius:50%; background:rgba(7,15,27,.24); font-size:10px; backdrop-filter:blur(9px); }
.sk-category-tile__copy { display:block; width:100%; padding:30px; }
.sk-category-tile__copy strong { display:block; max-width:440px; font-size:clamp(22px,2.3vw,31px); line-height:1.35; }
.sk-category-tile__copy small { display:block; max-width:520px; margin-top:8px; color:rgba(255,255,255,.72); font-size:11px; line-height:1.75; }
.sk-category-tile__copy > b { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:20px; color:var(--sk-accent-light); font-size:11px; }
.sk-category-tile__copy > b > i { display:grid; width:42px; height:42px; place-items:center; border:1px solid rgba(255,255,255,.3); border-radius:50%; color:#fff; transition:background .3s ease,transform .35s ease; }
.sk-category-tile__copy > b .sk-icon { width:17px; transform:scaleX(-1); }
.sk-category-tile:hover .sk-category-tile__image,.sk-category-tile:focus-visible .sk-category-tile__image { filter:saturate(1.03) contrast(1.06); transform:scale(1.095); }
.sk-category-tile:hover .sk-category-tile__copy > b > i,.sk-category-tile:focus-visible .sk-category-tile__copy > b > i { background:var(--sk-accent); transform:translateY(-3px); }

/* Services request brief — one checklist and one visual summary. */
.sk-order-brief { display:grid; grid-template-columns:minmax(280px,.68fr) minmax(0,1.32fr); gap:clamp(30px,6vw,80px); align-items:stretch; margin-top:48px; }
.sk-order-brief__summary { position:relative; display:flex; min-height:470px; overflow:hidden; flex-direction:column; justify-content:flex-end; padding:42px; border-radius:var(--sk-panel-radius); background:linear-gradient(145deg,var(--sk-primary),color-mix(in srgb,var(--sk-primary) 78%,#314a70)); color:#fff; box-shadow:var(--sk-soft-shadow); }
.sk-order-brief__summary::before { content:''; position:absolute; top:-80px; left:-70px; width:260px; height:260px; border:1px solid rgba(255,255,255,.1); border-radius:50%; box-shadow:0 0 0 42px rgba(255,255,255,.035),0 0 0 84px rgba(255,255,255,.025); }
.sk-order-brief__mark { position:absolute; top:38px; right:38px; display:grid; width:66px; height:66px; place-items:center; border:1px solid rgba(255,255,255,.2); border-radius:50%; background:rgba(255,255,255,.08); color:var(--sk-accent-light); }
.sk-order-brief__mark .sk-icon { width:27px; height:27px; }
.sk-order-brief__summary > small { color:var(--sk-accent-light); font-size:10px; letter-spacing:.18em; }
.sk-order-brief__summary > strong { margin-top:10px; font-size:clamp(29px,3.2vw,43px); line-height:1.28; }
.sk-order-brief__meter { height:5px; margin-top:30px; overflow:hidden; border-radius:99px; background:rgba(255,255,255,.15); }
.sk-order-brief__meter span { display:block; width:100%; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--sk-accent),var(--sk-accent-light)); transform:scaleX(0); transform-origin:right; transition:transform 1.4s .35s ease; }
.sk-reveal.is-visible .sk-order-brief__meter span { transform:scaleX(1); }
.sk-order-brief__summary > b { margin-top:9px; color:rgba(255,255,255,.65); font-size:10px; }
.sk-order-brief > ol { margin:0; padding:0; border-top:1px solid var(--sk-border); list-style:none; }
.sk-order-brief li { display:grid; min-height:78px; grid-template-columns:38px 46px minmax(0,1fr); gap:14px; align-items:center; padding:13px 4px; border-bottom:1px solid var(--sk-border); }
.sk-order-brief__check { display:grid; width:30px; height:30px; place-items:center; border:1px solid color-mix(in srgb,var(--sk-accent) 45%,var(--sk-border)); border-radius:50%; color:var(--sk-accent-text); }
.sk-order-brief__check .sk-icon { width:14px; height:14px; stroke-dasharray:30; stroke-dashoffset:30; transition:stroke-dashoffset .55s ease; transition-delay:var(--sk-item-delay,0ms); }
.sk-reveal.is-visible .sk-order-brief__check .sk-icon { stroke-dashoffset:0; }
.sk-order-brief li > i { display:grid; width:44px; height:44px; place-items:center; border-radius:50%; background:color-mix(in srgb,var(--sk-primary) 8%,transparent); color:var(--sk-accent-text); }
.sk-order-brief li > i .sk-icon { width:18px; height:18px; }
.sk-order-brief li small,.sk-order-brief li strong { display:block; }
.sk-order-brief li small { color:var(--sk-muted); font-size:8px; letter-spacing:.12em; }
.sk-order-brief li strong { margin-top:3px; font-size:16px; }
.sk-order-brief li p { margin:4px 0 0; color:var(--sk-muted); font-size:10px; }

/* Project audience — one panoramic scene with simple text tabs. */
.sk-audience-panorama { margin-top:48px; }
.sk-audience-panorama__stage { position:relative; min-height:510px; overflow:hidden; border-radius:var(--sk-panel-radius); background:var(--sk-primary); box-shadow:var(--sk-soft-shadow); isolation:isolate; }
.sk-audience-scene { position:absolute; inset:0; margin:0; opacity:0; visibility:hidden; transition:opacity .55s ease,visibility .55s ease; }
.sk-audience-scene.is-active { z-index:2; opacity:1; visibility:visible; }
.sk-audience-scene > span { position:absolute; inset:0; background-image:linear-gradient(90deg,rgba(7,15,27,.87),rgba(7,15,27,.1)),var(--sk-audience-image); background-position:center; background-size:cover; filter:saturate(.88); transform:scale(1.055); transition:transform 1s ease,filter .7s ease; }
.sk-audience-scene.is-active > span { filter:saturate(1); transform:scale(1); }
.sk-audience-scene figcaption { position:absolute; z-index:2; right:clamp(28px,6vw,76px); bottom:clamp(34px,6vw,70px); max-width:610px; color:#fff; opacity:0; transform:translateY(22px); transition:opacity .5s .12s ease,transform .65s .12s ease; }
.sk-audience-scene.is-active figcaption { opacity:1; transform:none; }
.sk-audience-scene figcaption small { display:block; margin-bottom:9px; color:var(--sk-accent-light); font-size:10px; letter-spacing:.14em; }
.sk-audience-scene figcaption strong { display:block; font-size:clamp(30px,4vw,52px); line-height:1.3; }
.sk-audience-panorama__label { position:absolute; z-index:4; top:30px; left:30px; padding:14px 18px; border:1px solid rgba(255,255,255,.19); border-radius:18px; background:rgba(7,15,27,.22); color:#fff; backdrop-filter:blur(12px); }
.sk-audience-panorama__label span,.sk-audience-panorama__label b { display:block; }
.sk-audience-panorama__label span { color:var(--sk-accent-light); font-size:9px; }
.sk-audience-panorama__label b { margin-top:2px; font-size:13px; }
.sk-audience-panorama__tabs { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border-bottom:1px solid var(--sk-border); }
.sk-audience-panorama__tabs button { display:grid; min-width:0; min-height:92px; grid-template-columns:27px 36px minmax(0,1fr); gap:9px; align-items:center; padding:13px 9px; border:0; border-bottom:3px solid transparent; background:transparent; color:var(--sk-text); text-align:right; cursor:pointer; transition:background .3s ease,border-color .3s ease,color .3s ease; }
.sk-audience-panorama__tabs button > .sk-number { color:var(--sk-muted); font-size:8px; }
.sk-audience-panorama__tabs button > i { display:grid; width:34px; height:34px; place-items:center; border:1px solid var(--sk-border); border-radius:50%; color:var(--sk-accent-text); }
.sk-audience-panorama__tabs button > i .sk-icon { width:15px; height:15px; }
.sk-audience-panorama__tabs button > strong { font-size:11px; line-height:1.5; }
.sk-audience-panorama__tabs button.is-active { border-color:var(--sk-accent); background:color-mix(in srgb,var(--sk-accent) 7%,transparent); color:var(--sk-accent-text); }

/* Coverage levels — distances expanding from Dammam. */
.sk-coverage-meter { display:grid; grid-template-columns:minmax(230px,.62fr) minmax(0,1.38fr); gap:clamp(35px,7vw,90px); align-items:center; margin-top:48px; }
.sk-coverage-meter__origin { position:relative; display:flex; min-height:380px; flex-direction:column; align-items:center; justify-content:center; overflow:hidden; border-radius:var(--sk-panel-radius); background:var(--sk-primary); color:#fff; text-align:center; box-shadow:var(--sk-soft-shadow); }
.sk-coverage-meter__origin::before,.sk-coverage-meter__origin::after { content:''; position:absolute; border:1px solid rgba(255,255,255,.1); border-radius:50%; }
.sk-coverage-meter__origin::before { width:260px; height:260px; }
.sk-coverage-meter__origin::after { width:170px; height:170px; }
.sk-coverage-meter__origin > span { position:relative; z-index:2; display:grid; width:66px; height:66px; place-items:center; border-radius:50%; background:linear-gradient(145deg,var(--sk-accent-secondary),var(--sk-accent)); box-shadow:0 0 0 12px rgba(255,255,255,.06); }
.sk-coverage-meter__origin .sk-icon { width:25px; height:25px; }
.sk-coverage-meter__origin small,.sk-coverage-meter__origin strong { position:relative; z-index:2; display:block; }
.sk-coverage-meter__origin small { margin-top:19px; color:var(--sk-accent-light); font-size:10px; }
.sk-coverage-meter__origin strong { margin-top:4px; font-size:27px; }
.sk-coverage-meter__origin > i { position:absolute; right:50%; bottom:42px; width:8px; height:8px; border-radius:50%; background:var(--sk-accent); box-shadow:0 0 0 8px rgba(255,255,255,.08); animation:skCoveragePulse 2s ease-out infinite; }
@keyframes skCoveragePulse { to { box-shadow:0 0 0 34px transparent; } }
.sk-coverage-meter__ranges { display:grid; gap:25px; }
.sk-coverage-range { display:grid; grid-template-columns:minmax(170px,calc(150px + (var(--sk-range) * 72px))) minmax(0,1fr); gap:22px; align-items:center; }
.sk-coverage-range__bar { position:relative; height:42px; overflow:visible; border-radius:99px; background:color-mix(in srgb,var(--sk-primary) 8%,var(--sk-border)); }
.sk-coverage-range__bar > span { display:block; width:100%; height:100%; border-radius:inherit; background:linear-gradient(90deg,color-mix(in srgb,var(--sk-accent-secondary) 72%,var(--sk-surface)),var(--sk-accent)); transform:scaleX(0); transform-origin:right; transition:transform 1.1s cubic-bezier(.16,.82,.22,1); transition-delay:calc(var(--sk-range) * 150ms); }
.sk-reveal.is-visible .sk-coverage-range__bar > span { transform:scaleX(1); }
.sk-coverage-range__bar > i { position:absolute; top:50%; left:-1px; display:grid; width:54px; height:54px; place-items:center; border:5px solid var(--sk-background); border-radius:50%; background:var(--sk-primary); color:var(--sk-accent-light); transform:translate(-20%,-50%); }
.sk-coverage-range__bar > i .sk-icon { width:20px; height:20px; }
.sk-coverage-range > div:last-child > span,.sk-coverage-range > div:last-child > strong { display:block; }
.sk-coverage-range > div:last-child > span { color:var(--sk-accent-text); font-size:8px; letter-spacing:.12em; }
.sk-coverage-range > div:last-child > strong { margin-top:3px; font-size:19px; }
.sk-coverage-range p { margin:5px 0 0; color:var(--sk-muted); font-size:11px; line-height:1.7; }

/* About page — each section uses a different editorial composition. */
.sk-main[data-page-key='about'] .sk-section--hero { min-height:690px; }
.sk-main[data-page-key='about'] .sk-page-hero { min-height:610px; align-items:end; padding-bottom:70px; }
.sk-main[data-page-key='about'] .sk-page-hero__copy { max-width:780px; }
.sk-main[data-page-key='about'] .sk-page-hero__copy h1 { font-size:clamp(43px,6vw,78px); line-height:1.18; }
.sk-main[data-page-key='about'] .sk-page-hero__mark { opacity:.72; }
.sk-about-section { overflow:hidden; }

.sk-about-story { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:clamp(35px,7vw,92px); align-items:center; }
.sk-about-story > figure { position:relative; min-height:570px; margin:0; overflow:hidden; border-radius:var(--sk-panel-radius); box-shadow:var(--sk-soft-shadow); }
.sk-about-story > figure > span { position:absolute; inset:0; background-image:linear-gradient(180deg,transparent 45%,rgba(7,15,27,.72)),var(--sk-about-image); background-position:center; background-size:cover; transition:transform .9s ease; }
.sk-about-story > figure:hover > span { transform:scale(1.055); }
.sk-about-story figcaption { position:absolute; right:30px; bottom:28px; display:flex; align-items:end; gap:12px; color:#fff; }
.sk-about-story figcaption strong { color:var(--sk-accent-light); font-size:clamp(48px,7vw,86px); line-height:.9; }
.sk-about-story figcaption small { padding-bottom:7px; color:rgba(255,255,255,.74); font-size:11px; }
.sk-about-story > div > .sk-richtext { margin-top:20px; }
.sk-about-story > div > .sk-richtext p { color:var(--sk-muted); font-size:15px; line-height:2; }
.sk-about-story__line { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:30px; padding-top:24px; border-top:1px solid var(--sk-border); }
.sk-about-story__line > span { color:var(--sk-text); font-size:11px; font-weight:600; }
.sk-about-story__line b { display:block; margin-bottom:5px; color:var(--sk-accent-text); font-size:9px; }

.sk-about-audience { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr); gap:clamp(35px,6vw,82px); align-items:center; }
.sk-about-audience__photo { position:relative; min-height:520px; overflow:hidden; border-radius:var(--sk-panel-radius); background-image:linear-gradient(180deg,rgba(7,15,27,.06),rgba(7,15,27,.87)),var(--sk-about-image); background-position:center; background-size:cover; box-shadow:var(--sk-soft-shadow); }
.sk-about-audience__photo > span { position:absolute; right:35px; bottom:35px; color:#fff; }
.sk-about-audience__photo small,.sk-about-audience__photo strong { display:block; }
.sk-about-audience__photo small { color:var(--sk-accent-light); font-size:11px; }
.sk-about-audience__photo strong { margin-top:7px; font-size:clamp(31px,4vw,49px); line-height:1.3; }
.sk-about-audience > ol { margin:0; padding:0; border-top:1px solid var(--sk-border); list-style:none; }
.sk-about-audience li { display:grid; min-height:82px; grid-template-columns:45px minmax(0,1fr); gap:14px; align-items:center; border-bottom:1px solid var(--sk-border); }
.sk-about-audience li > span { color:var(--sk-accent-text); font-size:10px; }
.sk-about-audience li > strong { font-size:16px; }

.sk-about-scope { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.sk-about-scope article { position:relative; display:flex; min-height:310px; align-items:flex-end; overflow:hidden; color:#fff; box-shadow:0 18px 37px rgba(7,15,27,.12); isolation:isolate; }
.sk-about-scope__image { position:absolute; z-index:-2; inset:0; background-image:var(--sk-about-scope-image); background-position:center; background-size:cover; filter:saturate(.8); transform:scale(1.035); transition:transform .75s ease,filter .5s ease; }
.sk-about-scope article::after { content:''; position:absolute; z-index:-1; inset:0; background:linear-gradient(180deg,rgba(7,15,27,.04),rgba(7,15,27,.88)); }
.sk-about-scope article > span:not(.sk-about-scope__image) { position:absolute; top:20px; right:20px; color:rgba(255,255,255,.7); font-size:10px; }
.sk-about-scope article > strong { padding:26px; font-size:17px; line-height:1.55; }
.sk-about-scope article:hover .sk-about-scope__image { filter:saturate(1); transform:scale(1.1); }

.sk-about-values { display:grid; grid-template-columns:minmax(280px,.68fr) minmax(0,1.32fr); gap:clamp(35px,7vw,95px); align-items:stretch; }
.sk-about-values__statement { position:relative; display:flex; min-height:500px; overflow:hidden; flex-direction:column; justify-content:flex-end; padding:42px; border-radius:var(--sk-panel-radius); background:linear-gradient(145deg,var(--sk-primary),color-mix(in srgb,var(--sk-primary) 72%,#3a4d6c)); color:#fff; }
.sk-about-values__statement::before { content:'W'; position:absolute; top:-40px; left:-8px; color:rgba(255,255,255,.045); font-family:'Rubik Numbers',Rubik,sans-serif; font-size:280px; font-weight:700; line-height:1; }
.sk-about-values__statement small { position:relative; color:var(--sk-accent-light); font-size:10px; letter-spacing:.18em; }
.sk-about-values__statement strong { position:relative; margin-top:10px; font-size:clamp(33px,4vw,50px); line-height:1.28; }
.sk-about-values__statement > span { position:relative; width:72px; height:4px; margin-top:24px; border-radius:99px; background:linear-gradient(90deg,var(--sk-accent),var(--sk-accent-light)); }
.sk-about-values__list { border-top:1px solid var(--sk-border); }
.sk-about-values__list article { display:grid; min-height:96px; grid-template-columns:36px 48px minmax(0,1fr); gap:14px; align-items:center; border-bottom:1px solid var(--sk-border); }
.sk-about-values__list article > span { color:var(--sk-accent-text); font-size:9px; }
.sk-about-values__list article > i { display:grid; width:44px; height:44px; place-items:center; border:1px solid var(--sk-border); border-radius:50%; color:var(--sk-accent-text); }
.sk-about-values__list article > i .sk-icon { width:18px; height:18px; }
.sk-about-values__list article strong { display:block; font-size:17px; }
.sk-about-values__list article p { margin:4px 0 0; color:var(--sk-muted); font-size:10px; line-height:1.65; }

.sk-about-numbers .sk-counter-console { margin-top:0; }
.sk-about-process { position:relative; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; margin:0; padding:35px 0 0; list-style:none; }
.sk-about-process::before { content:''; position:absolute; top:71px; right:8%; left:8%; height:2px; background:linear-gradient(90deg,var(--sk-accent-secondary),var(--sk-accent)); }
.sk-about-process li { position:relative; min-width:0; text-align:center; }
.sk-about-process li > span { display:block; color:color-mix(in srgb,var(--sk-primary) 16%,transparent); font-size:56px; font-weight:700; line-height:1; }
.sk-about-process li > i { position:relative; display:grid; width:56px; height:56px; margin:-28px auto 20px; place-items:center; border:5px solid var(--sk-background); border-radius:50%; background:var(--sk-primary); color:var(--sk-accent-light); }
.sk-about-process li > i .sk-icon { width:20px; height:20px; }
.sk-about-process li > strong { display:block; font-size:14px; line-height:1.65; }

/* Policies — readable documents inside one modern frame. */
.sk-policy-section { padding-top:70px; padding-bottom:100px; }
.sk-policy-section > .sk-container { max-width:980px; }
.sk-policy-document { overflow:hidden; border:1px solid var(--sk-border); border-radius:var(--sk-panel-radius); background:var(--sk-surface); box-shadow:var(--sk-soft-shadow); }
.sk-policy-document > header { padding:clamp(30px,5vw,58px); border-bottom:1px solid var(--sk-border); background:linear-gradient(135deg,color-mix(in srgb,var(--sk-surface) 94%,var(--sk-accent-secondary)),var(--sk-surface)); }
.sk-policy-document > header h1 { max-width:720px; margin:16px 0 0; font-size:clamp(32px,5vw,54px); line-height:1.25; }
.sk-policy-document > header > p { margin:13px 0 0; color:var(--sk-muted); font-size:13px; }
.sk-policy-document__body { padding:clamp(30px,5vw,58px); }
.sk-policy-document__body > .sk-richtext { max-width:none; }
.sk-policy-document__body > .sk-richtext p { font-size:15px; line-height:2; }
.sk-policy-document__sections { border-top:1px solid var(--sk-border); }
.sk-policy-document__sections > section { display:grid; grid-template-columns:48px minmax(0,1fr); gap:20px; padding:27px 0; border-bottom:1px solid var(--sk-border); }
.sk-policy-document__sections > section > span { color:var(--sk-accent-text); font-size:10px; padding-top:7px; }
.sk-policy-document__sections h2 { margin:0; font-size:19px; line-height:1.55; }
.sk-policy-document__sections p { margin:8px 0 0; color:var(--sk-muted); font-size:13px; line-height:1.95; }
.sk-policy-document > footer { display:flex; align-items:center; gap:14px; padding:22px clamp(30px,5vw,58px); border-top:1px solid var(--sk-border); background:color-mix(in srgb,var(--sk-primary) 5%,var(--sk-surface)); }
.sk-policy-document > footer > span { display:grid; width:42px; height:42px; flex:0 0 42px; place-items:center; border-radius:50%; background:var(--sk-primary); color:var(--sk-accent-light); }
.sk-policy-document > footer .sk-icon { width:18px; height:18px; }
.sk-policy-document > footer p { margin:0; color:var(--sk-muted); font-size:11px; }

/* Statistics — light by day, dark by night, with larger Latin numerals. */
.sk-counter-console {
  padding:34px;
  border:1px solid color-mix(in srgb,var(--sk-primary) 16%,var(--sk-border));
  border-radius:var(--sk-panel-radius);
  background:linear-gradient(145deg,color-mix(in srgb,var(--sk-surface) 96%,var(--sk-primary)),var(--sk-surface));
  color:var(--sk-text);
  box-shadow:var(--sk-soft-shadow);
}
html[data-theme='dark'] .sk-counter-console { border-color:#30405a; background:linear-gradient(145deg,#16233a,#0c1728); color:#fff; box-shadow:0 26px 60px rgba(0,0,0,.28); }
.sk-counter-console__top { color:var(--sk-muted); }
.sk-counter-console__top::after { background:var(--sk-border); }
.sk-counter-console .sk-stats-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; }
.sk-counter-console .sk-stat { min-height:205px; padding:24px 16px; border:1px solid var(--sk-border); border-radius:22px; background:color-mix(in srgb,var(--sk-surface) 91%,var(--sk-primary)); color:var(--sk-text); box-shadow:0 12px 24px rgba(7,15,27,.07); transform:none; }
html[data-theme='dark'] .sk-counter-console .sk-stat { border-color:#35445d; background:linear-gradient(145deg,#243149,#172338); color:#fff; box-shadow:0 14px 27px rgba(0,0,0,.22); }
.sk-counter-console .sk-stat__index { color:var(--sk-accent-text); font-size:10px; }
.sk-counter-console .sk-stat__window { min-height:92px; border:0; border-radius:17px; background:color-mix(in srgb,var(--sk-primary) 7%,var(--sk-surface)); box-shadow:inset 0 1px 0 rgba(255,255,255,.65); }
html[data-theme='dark'] .sk-counter-console .sk-stat__window { background:#07101e; box-shadow:inset 0 1px 0 rgba(255,255,255,.06); }
.sk-counter-console .sk-stat strong { color:var(--sk-accent-text); font-family:'Rubik Numbers',Rubik,sans-serif !important; font-size:clamp(43px,5vw,66px); letter-spacing:-.04em; }
html[data-theme='dark'] .sk-counter-console .sk-stat strong { color:var(--sk-accent-light); }
.sk-counter-console .sk-stat > span:last-child { color:var(--sk-muted); font-size:12px; line-height:1.65; }
.sk-counter-console__base { opacity:.32; }

/* FAQ — one radius system and a deliberate page transition. */
.sk-faq-file { display:grid; grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr); gap:24px; align-items:start; min-height:520px; }
.sk-faq-file__tabs { padding:0; }
.sk-faq-file__tabs button,
.sk-faq-file__tabs button.is-active {
  display:grid;
  width:100%;
  min-height:78px;
  grid-template-columns:34px minmax(0,1fr) 44px;
  gap:13px;
  align-items:center;
  margin:0 0 11px;
  padding:14px 17px;
  border:1px solid var(--sk-border);
  border-radius:20px !important;
  background:var(--sk-surface);
  color:var(--sk-text);
  box-shadow:0 8px 18px rgba(7,15,27,.055);
  text-align:right;
  transform:none;
  transition:border-color .3s ease,background .3s ease,box-shadow .3s ease,transform .3s ease;
}
.sk-faq-file__tabs button:hover,.sk-faq-file__tabs button:focus-visible { border-color:color-mix(in srgb,var(--sk-accent) 46%,var(--sk-border)); transform:translateX(-4px); }
.sk-faq-file__tabs button.is-active { border-color:color-mix(in srgb,var(--sk-accent) 58%,var(--sk-border)); background:color-mix(in srgb,var(--sk-accent) 7%,var(--sk-surface)); box-shadow:0 12px 28px rgba(7,15,27,.09); }
.sk-faq-file__tabs button > span { color:var(--sk-accent-text); font-size:9px; }
.sk-faq-file__tabs button > strong { font-size:13px; line-height:1.6; }
.sk-faq-file__tabs button > i { display:grid; width:42px; height:42px; place-items:center; border:1px solid var(--sk-border); border-radius:50%; color:var(--sk-accent-text); transition:background .3s ease,color .3s ease,transform .45s cubic-bezier(.16,.82,.22,1); }
.sk-faq-file__tabs button > i .sk-icon { width:17px; height:17px; }
.sk-faq-file__tabs button.is-active > i { border-color:transparent; background:linear-gradient(145deg,var(--sk-accent-secondary),var(--sk-accent)); color:#fff; transform:rotate(45deg); }
.sk-faq-file__paper,.sk-faq-file__tabs .sk-faq-file__paper { position:relative; min-height:500px; margin:0; padding:70px clamp(30px,4vw,52px) 42px; overflow:hidden; border:1px solid var(--sk-border); border-radius:20px !important; background:linear-gradient(145deg,var(--sk-surface),color-mix(in srgb,var(--sk-surface) 94%,var(--sk-accent-secondary))); box-shadow:var(--sk-soft-shadow); transform:none; }
.sk-faq-file__paper::before { content:'FAQ'; position:absolute; top:-28px; left:12px; color:color-mix(in srgb,var(--sk-primary) 5%,transparent); font-family:'Rubik Numbers',Rubik,sans-serif; font-size:160px; font-weight:700; line-height:1; }
.sk-faq-file__paper::after,.sk-faq-file.is-turning .sk-faq-file__paper::after { display:none; }
.sk-faq-file__clip { display:none; }
.sk-faq-file__meta { top:25px; right:30px; left:auto; color:var(--sk-accent-text); font-size:9px; }
.sk-faq-page { position:relative; }
.sk-faq-page.is-active { animation:skFaqModernIn .52s cubic-bezier(.16,.82,.22,1) both; }
.sk-faq-page > .sk-number { color:var(--sk-accent-text); font-size:11px; }
.sk-faq-page h3 { max-width:650px; margin-top:22px; font-size:clamp(25px,3.3vw,39px); line-height:1.45; }
.sk-faq-page p { max-width:690px; margin-top:20px; color:var(--sk-muted); font-size:14px; line-height:2; }
@keyframes skFaqModernIn { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:none; } }

/* Accurate Saudi outline and readable city callouts. */
.sk-saudi-map { background:linear-gradient(145deg,#0d182b,#111f35); }
.sk-saudi-map > svg { top:35px; width:570px; max-width:94%; height:475px; overflow:visible; }
.sk-saudi-map__depth { fill:#050c17; opacity:.72; }
.sk-saudi-map__land { stroke:#52617a; stroke-width:2.4; }
.sk-saudi-map__east { opacity:.9; }
.sk-saudi-map__routes path { fill:none; stroke:#e1b06c; stroke-width:1.4; stroke-dasharray:5 7; opacity:.85; animation:skSaudiRoute 8s linear infinite; }
@keyframes skSaudiRoute { to { stroke-dashoffset:-72; } }
.sk-saudi-city { color:#fff; }
.sk-saudi-city > path { fill:none; stroke:rgba(255,255,255,.38); stroke-width:.9; }
.sk-saudi-city > circle { fill:#e0b06d; stroke:#111c30; stroke-width:3; transition:r .25s ease,fill .25s ease; }
.sk-saudi-city--extended > circle { fill:#7e8ba0; }
.sk-saudi-city > text { fill:#f8fafc; font-family:Rubik,sans-serif; font-size:9px; font-weight:600; dominant-baseline:middle; }
.sk-saudi-city:hover > circle,.sk-saudi-city:focus > circle { r:7px; fill:#fff; }
.sk-saudi-city.is-hub > circle { fill:#fff; stroke:#c47b32; stroke-width:4; filter:drop-shadow(0 0 8px #d6a868); }
.sk-saudi-map__hub-label { position:absolute; top:39%; right:13%; display:flex; align-items:center; gap:7px; padding:8px 11px; border:1px solid rgba(255,255,255,.15); border-radius:99px; background:rgba(7,15,27,.62); color:#fff; font-size:9px; backdrop-filter:blur(8px); }
.sk-saudi-map__hub-label .sk-icon { width:15px; height:15px; color:var(--sk-accent-light); }
.sk-map-legend { z-index:4; }

/* WhatsApp icon keeps its intended proportions everywhere. */
.sk-button--whatsapp > .sk-icon,
.sk-footer-whatsapp > .sk-icon,
.sk-whatsapp-handoff > .sk-icon {
  width:22px !important;
  height:22px !important;
  min-width:22px;
  flex:0 0 22px;
  overflow:visible;
  aspect-ratio:1;
  transform:none !important;
}
.sk-credit a { color:inherit; text-decoration:none; }
.sk-credit a:hover,.sk-credit a:focus-visible { color:var(--sk-accent-light); }

/* Clear entrance motion: targets remain visible if JavaScript is unavailable. */
.sitekul-motion-ready body.sitekul-animations .sk-reveal {
  opacity:0;
  filter:blur(7px);
  transform:translate3d(0,72px,0) scale(.975);
  transition:opacity .9s ease,filter .9s ease,transform .95s cubic-bezier(.16,.82,.22,1);
}
.sitekul-motion-ready body.sitekul-animations .sk-reveal--fade-left { transform:translate3d(74px,24px,0); }
.sitekul-motion-ready body.sitekul-animations .sk-reveal--fade-right { transform:translate3d(-74px,24px,0); }
.sitekul-motion-ready body.sitekul-animations .sk-reveal--zoom { transform:scale(.9); }
.sitekul-motion-ready body.sitekul-animations .sk-reveal.is-visible { opacity:1; filter:none; transform:none; }
.sitekul-motion-ready body.sitekul-animations .sk-reveal:not(.is-visible) [data-reveal-child] {
  opacity:0;
  filter:blur(5px);
  transform:translate3d(var(--sk-reveal-x,0),var(--sk-reveal-y,54px),0) scale(.96);
}
.sitekul-motion-ready body.sitekul-animations .sk-reveal.is-visible [data-reveal-child] {
  opacity:1;
  filter:none;
  transition-delay:var(--sk-item-delay,0ms);
}
.sitekul-motion-ready body.sitekul-animations .sk-reveal [data-reveal-child] {
  transition-property:opacity,filter,transform;
  transition-duration:.78s,.78s,.9s;
  transition-timing-function:ease,ease,cubic-bezier(.16,.82,.22,1);
}

.sitekul-motion-ready body.sitekul-animations .sk-site-header {
  animation:skHeaderEntrance .72s cubic-bezier(.16,.82,.22,1) both;
}
.sitekul-motion-ready body.sitekul-animations .sk-mobile-actionbar {
  animation:skMobileBarEntrance .7s .18s cubic-bezier(.16,.82,.22,1) both;
}
@keyframes skHeaderEntrance { from { opacity:0; transform:translate3d(0,-42px,0); } to { opacity:1; transform:none; } }
@keyframes skMobileBarEntrance { from { opacity:0; transform:translate3d(0,28px,0); } to { opacity:1; transform:none; } }

@media (max-width:980px) {
  .sk-trust-showcase,
  .sk-order-brief,
  .sk-coverage-meter,
  .sk-about-story,
  .sk-about-audience,
  .sk-about-values { grid-template-columns:1fr; }

  .sk-trust-showcase__visual { min-height:490px; }
  .sk-trust-showcase__nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 18px; }
  .sk-supply-rail > ol { gap:10px; }
  .sk-supply-rail li > strong { font-size:12px; }
  .sk-order-brief__summary { min-height:340px; }
  .sk-order-brief__summary::before { top:-120px; }
  .sk-audience-panorama__tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sk-audience-panorama__tabs button:last-child { grid-column:1/-1; }
  .sk-coverage-meter__origin { min-height:300px; }
  .sk-about-story > figure { min-height:500px; }
  .sk-about-audience__photo { min-height:470px; }
  .sk-about-scope { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sk-about-values__statement { min-height:360px; }
  .sk-about-process { grid-template-columns:repeat(3,minmax(0,1fr)); gap:35px 15px; }
  .sk-about-process::before { display:none; }
  .sk-counter-console .sk-stats-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:760px) {
  :root { --sk-media-radius:22px; --sk-panel-radius:24px; }

  .sk-stage-zigzag { min-height:0; overflow:visible; }
  .sk-stage-zigzag__route { display:none; }
  .sk-stage-zigzag__items { display:block; position:relative; }
  .sk-stage-zigzag__items::before { content:''; position:absolute; top:35px; right:33px; bottom:35px; width:3px; border-radius:99px; background:linear-gradient(var(--sk-accent),var(--sk-accent-secondary)); box-shadow:0 0 0 6px color-mix(in srgb,var(--sk-accent) 8%,transparent); }
  .sk-stage-stop,.sk-stage-stop:nth-child(even) { display:grid; min-height:132px; grid-template-columns:70px minmax(0,1fr) 42px; grid-template-rows:auto; gap:15px; align-items:center; justify-items:stretch; padding:13px 0; text-align:right; }
  .sk-stage-stop__node { grid-column:1; width:66px; height:66px; }
  .sk-stage-stop__copy { grid-column:2; max-width:none; padding:0; }
  .sk-stage-stop__copy strong { font-size:16px; }
  .sk-stage-stop__copy small { font-size:10px; }
  .sk-stage-stop__arrow { grid-column:3; margin:0; }

  .sk-trust-showcase { gap:25px; }
  .sk-trust-showcase__visual { min-height:430px; }
  .sk-trust-frame figcaption { grid-template-columns:52px minmax(0,1fr); gap:15px; padding:25px; }
  .sk-trust-frame__icon { width:50px; height:50px; }
  .sk-trust-frame figcaption strong { font-size:24px; }
  .sk-trust-frame figcaption p { font-size:11px; }
  .sk-trust-showcase__nav { display:block; }
  .sk-trust-choice { min-height:72px; grid-template-columns:29px 40px minmax(0,1fr) 20px; }
  .sk-trust-choice > i { width:38px; height:38px; }
  .sk-trust-choice > strong { font-size:14px; }

  .sk-supply-rail { padding:25px 20px 30px; }
  .sk-supply-rail__head { padding-bottom:24px; }
  .sk-supply-rail__line { top:130px; right:47px; bottom:46px; left:auto; width:3px; height:auto; }
  .sk-supply-rail__line > span { transform:scaleY(0); transform-origin:top; }
  .sk-reveal.is-visible .sk-supply-rail__line > span { transform:scaleY(1); }
  .sk-supply-rail > ol { display:block; }
  .sk-supply-rail li { display:grid; min-height:105px; grid-template-columns:62px minmax(0,1fr); grid-template-rows:auto auto; gap:3px 16px; align-content:center; text-align:right; }
  .sk-supply-rail__station { grid-row:1/3; width:58px; height:58px; margin:0; border-width:5px; }
  .sk-supply-rail li > strong { align-self:end; font-size:14px; }
  .sk-supply-rail li > small { align-self:start; margin:0; }

  .sk-order-sequence { padding:0; }
  .sk-order-sequence__progress { top:34px; right:31px; bottom:34px; left:auto; width:2px; height:auto; }
  .sk-order-sequence__progress > span { transform:scaleY(0); transform-origin:top; }
  .sk-reveal.is-visible .sk-order-sequence__progress > span { transform:scaleY(1); }
  .sk-order-sequence > ol { display:block; }
  .sk-order-sequence li { display:grid; min-height:132px; grid-template-columns:64px minmax(0,1fr); grid-template-rows:auto auto; gap:3px 16px; align-content:center; padding:10px 0; text-align:right; }
  .sk-order-sequence__number { display:none; }
  .sk-order-sequence li > i { grid-row:1/3; width:58px; height:58px; margin:0; }
  .sk-order-sequence li > div { align-self:center; }
  .sk-order-sequence li > b { display:none; }
  .sk-order-sequence li strong { font-size:17px; }

  .sk-category-mosaic,.sk-category-mosaic--4 { grid-template-columns:1fr; gap:16px; }
  .sk-category-tile { min-height:300px; }
  .sk-category-tile__copy { padding:24px; }
  .sk-category-tile__copy strong { font-size:24px; }

  .sk-order-brief__summary { min-height:320px; padding:30px; }
  .sk-order-brief__mark { top:28px; right:28px; }
  .sk-order-brief li { grid-template-columns:34px 42px minmax(0,1fr); gap:10px; padding-block:12px; }

  .sk-audience-panorama__stage { min-height:420px; }
  .sk-audience-scene > span { background-image:linear-gradient(180deg,rgba(7,15,27,.08),rgba(7,15,27,.88)),var(--sk-audience-image); }
  .sk-audience-scene figcaption { right:25px; bottom:34px; left:25px; }
  .sk-audience-scene figcaption strong { font-size:27px; }
  .sk-audience-panorama__label { top:18px; left:18px; }
  .sk-audience-panorama__tabs { display:block; border-top:1px solid var(--sk-border); }
  .sk-audience-panorama__tabs button,.sk-audience-panorama__tabs button:last-child { width:100%; min-height:70px; border-bottom:1px solid var(--sk-border); }

  .sk-coverage-meter__origin { min-height:275px; }
  .sk-coverage-range { grid-template-columns:1fr; gap:12px; }
  .sk-coverage-range__bar { width:calc(54% + (var(--sk-range) * 14%)); max-width:96%; }
  .sk-coverage-range__bar > i { left:-3px; }
  .sk-coverage-range > div:last-child { padding-inline:5px; }

  .sk-main[data-page-key='about'] .sk-section--hero { min-height:620px; }
  .sk-main[data-page-key='about'] .sk-page-hero { min-height:540px; padding-bottom:45px; }
  .sk-main[data-page-key='about'] .sk-page-hero__copy h1 { font-size:40px; }
  .sk-about-story > figure { min-height:430px; }
  .sk-about-story__line { grid-template-columns:1fr; }
  .sk-about-audience__photo { min-height:410px; }
  .sk-about-scope { grid-template-columns:1fr; }
  .sk-about-scope article { min-height:285px; }
  .sk-about-values__statement { min-height:330px; padding:30px; }
  .sk-about-values__list article { grid-template-columns:31px 43px minmax(0,1fr); }
  .sk-about-process { display:block; padding:0; }
  .sk-about-process li { display:grid; min-height:105px; grid-template-columns:48px 55px minmax(0,1fr); gap:12px; align-items:center; text-align:right; }
  .sk-about-process li > span { font-size:35px; }
  .sk-about-process li > i { width:52px; height:52px; margin:0; border-width:4px; }

  .sk-policy-section { padding-top:45px; padding-bottom:75px; }
  .sk-policy-document > header,.sk-policy-document__body { padding:28px 22px; }
  .sk-policy-document > header h1 { font-size:32px; }
  .sk-policy-document__sections > section { grid-template-columns:35px minmax(0,1fr); gap:12px; padding:23px 0; }
  .sk-policy-document__sections h2 { font-size:17px; }
  .sk-policy-document > footer { padding:20px 22px; }

  .sk-counter-console { padding:20px 14px; }
  .sk-counter-console .sk-stats-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .sk-counter-console .sk-stat { min-height:170px; padding:17px 10px; border-radius:18px; }
  .sk-counter-console .sk-stat__window { min-height:76px; }
  .sk-counter-console .sk-stat strong { font-size:40px; }
  .sk-counter-console .sk-stat > span:last-child { font-size:10px; }

  .sk-faq-file { display:block; min-height:0; }
  .sk-faq-file__paper,.sk-faq-file__tabs .sk-faq-file__paper { min-height:300px; margin:0 0 11px; padding:60px 24px 30px; }
  .sk-faq-file__tabs button,.sk-faq-file__tabs button.is-active { min-height:72px; grid-template-columns:29px minmax(0,1fr) 40px; padding:12px 14px; }
  .sk-faq-file__tabs button:hover,.sk-faq-file__tabs button:focus-visible { transform:none; }
  .sk-faq-page h3 { font-size:24px; }
  .sk-faq-page p { font-size:13px; }

  .sk-saudi-map { min-height:535px; }
  .sk-saudi-map > svg { top:25px; width:520px; height:430px; }
  .sk-saudi-city > text { font-size:8px; }
  .sk-saudi-map__hub-label { top:auto; right:18px; bottom:64px; }
}

@media (max-width:480px) {
  .sk-stage-stop,.sk-stage-stop:nth-child(even) { grid-template-columns:66px minmax(0,1fr) 38px; gap:10px; }
  .sk-stage-zigzag__items::before { right:31px; }
  .sk-trust-showcase__visual { min-height:410px; }
  .sk-trust-frame figcaption { grid-template-columns:1fr; }
  .sk-trust-frame__icon { width:44px; height:44px; }
  .sk-trust-frame figcaption p { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
  .sk-supply-rail__head > b { display:none; }
  .sk-category-tile { min-height:280px; }
  .sk-audience-panorama__stage { min-height:390px; }
  .sk-coverage-range__bar { width:calc(48% + (var(--sk-range) * 15%)); }
  .sk-about-story > figure,.sk-about-audience__photo { min-height:370px; }
  .sk-counter-console .sk-stat strong { font-size:35px; }
  .sk-saudi-map { min-height:500px; }
  .sk-saudi-map > svg { top:35px; width:460px; height:390px; }
  .sk-saudi-city > text { font-size:7.4px; }
}

@media (prefers-reduced-motion:reduce) {
  .sk-trust-showcase__scan,.sk-coverage-meter__origin > i,.sk-saudi-map__routes path { animation:none !important; }
  .sk-stage-zigzag__route-line,.sk-supply-rail__line > span,.sk-order-sequence__progress > span,.sk-order-brief__meter span,.sk-coverage-range__bar > span { transform:none !important; }
}

/* Sitekul 1.5.1 — clean viewport start, Latin numbers and a new editorial item system. */
html.sitekul-managed-root {
  margin-top:0 !important;
  padding-top:0 !important;
}
html.sitekul-managed-root body.sitekul-page {
  margin-top:0 !important;
  padding-top:0 !important;
}
html.sitekul-managed-root #wpadminbar { display:none !important; }
body.sitekul-page > .sk-site-shell { margin-top:0 !important; }

.sk-number,
.sk-number--inline,
.sk-section-number,
.sk-slide__signature strong,
.sk-need-option__index,
.sk-feature-row__number,
.sk-detail-item__number,
.sk-policy-list > li > span,
.sk-process-timeline > li > span {
  font-family:'Rubik Numbers',Arial,sans-serif !important;
  font-feature-settings:'tnum' 1,'locl' 0 !important;
  font-variant-numeric:lining-nums tabular-nums !important;
  font-language-override:'ENG';
  direction:ltr !important;
  unicode-bidi:isolate !important;
}
.sk-number--inline { display:inline-block; letter-spacing:0; }

/* Replaces every layered grey detail tile with a continuous editorial rail. */
.sk-detail-grid {
  position:relative;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 clamp(32px,5vw,72px);
  margin-top:46px;
  border:0;
  perspective:none;
}
.sk-detail-grid::before {
  content:'';
  position:absolute;
  top:16px;
  bottom:16px;
  left:50%;
  width:1px;
  background:linear-gradient(transparent,var(--sk-border) 12%,var(--sk-border) 88%,transparent);
}
.sk-detail-item,
.sk-detail-item:hover {
  position:relative;
  display:grid;
  min-height:132px;
  grid-template-columns:38px 56px minmax(0,1fr);
  gap:16px;
  align-items:center;
  padding:24px 4px;
  overflow:visible;
  border:0;
  border-bottom:1px solid var(--sk-border);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  transform:none;
  transition:border-color .3s ease;
}
.sk-detail-item::after { display:none !important; }
.sk-detail-item__number {
  align-self:start;
  padding-top:8px;
  color:var(--sk-accent-text);
  font-size:10px;
  font-weight:700;
  letter-spacing:.12em;
}
.sk-detail-item__icon {
  display:grid;
  width:52px;
  height:52px;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--sk-accent) 36%,var(--sk-border));
  border-radius:50%;
  background:color-mix(in srgb,var(--sk-accent) 5%,var(--sk-surface));
  color:var(--sk-accent-text);
  transition:background .35s ease,color .35s ease,transform .45s cubic-bezier(.16,.82,.22,1),box-shadow .35s ease;
}
.sk-detail-item__icon .sk-icon { width:20px; height:20px; }
.sk-detail-item h3 { margin:0; font-size:19px; line-height:1.55; transition:color .3s ease,transform .35s ease; }
.sk-detail-item p { max-width:520px; margin:7px 0 0; color:var(--sk-muted); font-size:12px; line-height:1.85; }
.sk-detail-item__signal {
  position:absolute;
  right:0;
  bottom:-1px;
  width:0;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--sk-accent),var(--sk-accent-secondary));
  transition:width .55s cubic-bezier(.16,.82,.22,1);
}
.sk-detail-item:hover,.sk-detail-item:focus-within { border-color:color-mix(in srgb,var(--sk-accent) 30%,var(--sk-border)); }
.sk-detail-item:hover .sk-detail-item__icon,.sk-detail-item:focus-within .sk-detail-item__icon {
  border-color:transparent;
  background:linear-gradient(145deg,var(--sk-accent-secondary),var(--sk-accent));
  color:#fff;
  box-shadow:0 12px 25px color-mix(in srgb,var(--sk-accent) 24%,transparent);
  transform:rotate(-7deg) scale(1.06);
}
.sk-detail-item:hover h3,.sk-detail-item:focus-within h3 { color:var(--sk-accent-text); transform:translateX(-5px); }
.sk-detail-item:hover .sk-detail-item__signal,.sk-detail-item:focus-within .sk-detail-item__signal { width:100%; }

/* Benefits and optional services use an open signal list, not boxes. */
.sk-feature-showcase {
  position:relative;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 clamp(32px,5vw,72px);
  margin-top:46px;
  border:0;
}
.sk-feature-showcase::before {
  content:'';
  position:absolute;
  top:16px;
  bottom:16px;
  left:50%;
  width:1px;
  background:linear-gradient(transparent,var(--sk-border) 12%,var(--sk-border) 88%,transparent);
}
.sk-feature-row,
.sk-feature-row:nth-child(odd),
.sk-feature-row:nth-last-child(-n + 2) {
  position:relative;
  display:grid;
  min-height:142px;
  grid-template-columns:38px 58px minmax(0,1fr);
  gap:17px;
  align-items:center;
  padding:26px 4px;
  border:0;
  border-bottom:1px solid var(--sk-border);
  background:transparent;
}
.sk-feature-row__number { align-self:start; padding-top:9px; color:var(--sk-accent-text); font-size:10px; letter-spacing:.12em; }
.sk-feature-row__icon {
  display:grid;
  width:54px;
  height:54px;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--sk-accent) 35%,var(--sk-border));
  border-radius:50%;
  background:color-mix(in srgb,var(--sk-accent) 5%,var(--sk-surface));
  color:var(--sk-accent-text);
  transition:background .35s ease,color .35s ease,transform .45s cubic-bezier(.16,.82,.22,1),box-shadow .35s ease;
}
.sk-feature-row__icon .sk-icon { width:21px; height:21px; }
.sk-feature-row h3 { margin:0; font-size:20px; line-height:1.5; transition:color .3s ease,transform .35s ease; }
.sk-feature-row p { margin:7px 0 0; color:var(--sk-muted); font-size:12px; line-height:1.85; }
.sk-feature-row__signal {
  position:absolute;
  right:0;
  bottom:-1px;
  width:0;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--sk-accent),var(--sk-accent-secondary));
  transition:width .55s cubic-bezier(.16,.82,.22,1);
}
.sk-feature-row:hover .sk-feature-row__icon {
  border-color:transparent;
  background:linear-gradient(145deg,var(--sk-accent-secondary),var(--sk-accent));
  color:#fff;
  box-shadow:0 12px 25px color-mix(in srgb,var(--sk-accent) 24%,transparent);
  transform:rotate(-7deg) scale(1.06);
}
.sk-feature-row:hover h3 { color:var(--sk-accent-text); transform:translateX(-5px); }
.sk-feature-row:hover .sk-feature-row__signal { width:100%; }

/* Legacy generic cards no longer receive the stacked-back silhouette. */
.sk-info-card::after { display:none !important; }
.sk-info-card {
  border-radius:var(--sk-radius-sm);
  background:linear-gradient(145deg,var(--sk-surface),color-mix(in srgb,var(--sk-surface) 96%,var(--sk-accent-secondary)));
  box-shadow:0 15px 36px rgba(7,15,27,.08);
  transform:none;
}

@media (max-width:760px) {
  .sk-detail-grid,.sk-feature-showcase { grid-template-columns:1fr; gap:0; }
  .sk-detail-grid::before,.sk-feature-showcase::before { display:none; }
  .sk-detail-item,.sk-detail-item:hover { min-height:112px; grid-template-columns:31px 49px minmax(0,1fr); gap:11px; padding:19px 2px; }
  .sk-detail-item__icon { width:46px; height:46px; }
  .sk-detail-item h3 { font-size:17px; }
  .sk-feature-row,.sk-feature-row:nth-child(odd),.sk-feature-row:nth-last-child(-n + 2) { min-height:116px; grid-template-columns:31px 50px minmax(0,1fr); gap:12px; padding:20px 2px; border-inline-end:0 !important; }
  .sk-feature-row__icon { width:47px; height:47px; }
  .sk-feature-row h3 { font-size:17px; }
}

/* Keep a visible entrance on desktops that report reduced motion. */
@media (prefers-reduced-motion:reduce) {
  .sitekul-motion-ready body.sitekul-animations .sk-reveal {
    opacity:0 !important;
    filter:none !important;
    transform:translate3d(0,22px,0) !important;
    transition-duration:.55s !important;
  }
  .sitekul-motion-ready body.sitekul-animations .sk-reveal.is-visible {
    opacity:1 !important;
    transform:none !important;
  }
  .sitekul-motion-ready body.sitekul-animations .sk-reveal:not(.is-visible) [data-reveal-child] {
    opacity:0 !important;
    filter:none !important;
    transform:translate3d(0,16px,0) !important;
  }
  .sitekul-motion-ready body.sitekul-animations .sk-reveal.is-visible [data-reveal-child] {
    opacity:1 !important;
    transform:none !important;
    transition-duration:.5s !important;
  }
  .sitekul-motion-ready body.sitekul-animations .sk-site-header,
  .sitekul-motion-ready body.sitekul-animations .sk-mobile-actionbar { animation-duration:.5s !important; }
}

/* Sitekul 1.5.2 — exact header offset, reliable hero motion and modern metrics. */
html.sitekul-managed-root,
html.sitekul-managed-root body.sitekul-page,
body.sitekul-page.admin-bar {
  margin-top:0 !important;
  padding-top:0 !important;
}
html.sitekul-managed-root #wpadminbar { display:none !important; }
body.sitekul-page.admin-bar .sk-site-header.is-sticky,
body.sitekul-page.admin-bar .sk-site-header.is-sticky.is-scrolled { top:0 !important; }

/* The numeric face only contains Western digits; Arabic letters keep Rubik. */
body.sitekul-page,
body.sitekul-page h1,
body.sitekul-page h2,
body.sitekul-page h3,
body.sitekul-page h4,
body.sitekul-page button,
body.sitekul-page input,
body.sitekul-page select,
body.sitekul-page textarea {
  font-family:'Rubik Numbers',Rubik,Tahoma,Arial,sans-serif !important;
}
.sk-number,
.sk-number--inline,
[data-counter],
.sk-topbar a[dir='ltr'],
input[type='tel'],
input[type='number'] {
  font-family:'Rubik Numbers',Arial,sans-serif !important;
  font-feature-settings:'tnum' 1,'lnum' 1,'locl' 0 !important;
  font-variant-numeric:lining-nums tabular-nums !important;
  font-language-override:'ENG';
  direction:ltr !important;
  unicode-bidi:isolate !important;
}

/* Reserve the complete overlay-header height inside the homepage hero. */
:root { --sk-home-header-height:126px; }
.sk-main[data-page-key='home'] .sk-hero-slider,
.sk-main[data-page-key='home'] .sk-slider__track {
  min-height:820px;
  height:820px;
}
.sk-main[data-page-key='home'] .sk-slide__inner {
  min-height:820px;
  height:100%;
  padding-top:calc(var(--sk-home-header-height) + 52px);
  padding-bottom:132px;
}
.sk-main[data-page-key='home'] .sk-slide__content { align-self:center; }

/* Each slide switch restarts a visible image sweep and staggered copy entry. */
.sk-hero-slider.is-switching .sk-slide.is-active .sk-slide__media {
  animation:skSlideMediaSweep 6.5s cubic-bezier(.16,.82,.22,1) both;
  will-change:transform,filter;
}
.sk-hero-slider.is-switching .sk-slide.is-active .sk-slide__content > * {
  animation:skSlideCopyIn .82s cubic-bezier(.16,.82,.22,1) both;
  will-change:opacity,transform,filter;
}
.sk-hero-slider.is-switching .sk-slide.is-active .sk-slide__content > *:nth-child(2) { animation-delay:.1s; }
.sk-hero-slider.is-switching .sk-slide.is-active .sk-slide__content > *:nth-child(3) { animation-delay:.2s; }
.sk-hero-slider.is-switching .sk-slide.is-active .sk-slide__content > *:nth-child(4) { animation-delay:.3s; }
.sk-hero-slider.is-switching .sk-slide.is-active .sk-slide__signature {
  animation:skSlideSignatureIn .95s .24s cubic-bezier(.16,.82,.22,1) both;
}
@keyframes skSlideMediaSweep {
  0% { filter:saturate(.72) contrast(1.12) brightness(.7); transform:scale(1.16) translate3d(-2.5%,1.4%,0); }
  18% { filter:saturate(.94) contrast(1.07) brightness(.96); }
  100% { filter:saturate(.9) contrast(1.06) brightness(1); transform:scale(1.035) translate3d(1.1%,-.8%,0); }
}
@keyframes skSlideCopyIn {
  0% { opacity:0; filter:blur(8px); transform:translate3d(44px,42px,0) scale(.97); }
  100% { opacity:1; filter:none; transform:none; }
}
@keyframes skSlideSignatureIn {
  0% { opacity:0; filter:blur(7px); transform:perspective(900px) rotateY(-26deg) rotateX(11deg) translate3d(-65px,22px,0); }
  100% { opacity:1; filter:none; transform:perspective(900px) rotateY(-11deg) rotateX(4deg); }
}

/* A separate responsive metric deck below the hero, with icons and count-up. */
.sk-trust-section {
  padding:28px 0;
  border-block:1px solid color-mix(in srgb,var(--sk-primary) 12%,var(--sk-border));
  background:
    radial-gradient(circle at 92% 0,color-mix(in srgb,var(--sk-accent) 12%,transparent),transparent 30%),
    linear-gradient(145deg,color-mix(in srgb,var(--sk-surface) 94%,var(--sk-primary)),var(--sk-background));
  color:var(--sk-text);
}
html[data-theme='dark'] .sk-trust-section {
  border-color:#27364d;
  background:radial-gradient(circle at 92% 0,rgba(196,123,50,.18),transparent 32%),linear-gradient(145deg,#111d30,#091321);
  color:#fff;
}
.sk-trust-section__inner {
  display:grid;
  min-height:156px;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  overflow:hidden;
  border:1px solid var(--sk-border);
  border-radius:28px;
  background:var(--sk-border);
  box-shadow:0 22px 55px rgba(7,15,27,.1);
}
html[data-theme='dark'] .sk-trust-section__inner { border-color:#30405a; background:#30405a; box-shadow:0 25px 60px rgba(0,0,0,.25); }
.sk-trust-section__inner > div {
  position:relative;
  display:grid;
  min-width:0;
  grid-template-columns:58px minmax(0,1fr);
  gap:16px;
  align-items:center;
  justify-content:stretch;
  padding:27px 22px;
  border:0;
  background:color-mix(in srgb,var(--sk-surface) 96%,var(--sk-primary));
  text-align:right;
  isolation:isolate;
}
html[data-theme='dark'] .sk-trust-section__inner > div { background:linear-gradient(145deg,#1b2940,#121e31); }
.sk-trust-section__inner > div::after {
  content:'';
  position:absolute;
  z-index:-1;
  right:-38px;
  bottom:-55px;
  width:130px;
  height:130px;
  border:1px solid color-mix(in srgb,var(--sk-accent) 14%,transparent);
  border-radius:50%;
}
.sk-trust-section__icon {
  display:grid;
  width:56px;
  height:56px;
  place-items:center;
  border-radius:18px;
  background:linear-gradient(145deg,var(--sk-accent-secondary),var(--sk-accent));
  color:var(--sk-on-accent);
  box-shadow:0 13px 25px color-mix(in srgb,var(--sk-accent) 24%,transparent),inset 0 1px rgba(255,255,255,.38);
  transform:rotate(-4deg);
}
.sk-trust-section__icon .sk-icon { width:24px; height:24px; }
.sk-trust-section__copy { display:block; min-width:0; }
.sk-trust-section__inner strong {
  display:block;
  margin:0 0 8px;
  color:var(--sk-accent-text);
  font-size:clamp(34px,3.35vw,48px);
  font-weight:700;
  line-height:.9;
  letter-spacing:-.04em;
}
html[data-theme='dark'] .sk-trust-section__inner strong { color:var(--sk-accent-light); }
.sk-trust-section__inner .sk-trust-section__copy > span { display:block; color:var(--sk-muted); font-size:13px; line-height:1.55; }
body.sitekul-animations .sk-trust-section.is-visible .sk-trust-section__icon { animation:skMetricIconIn .72s calc(.15s + var(--sk-item-delay,0ms)) cubic-bezier(.16,.82,.22,1) both; }
@keyframes skMetricIconIn { from { opacity:0; transform:rotate(-20deg) scale(.58); } to { opacity:1; transform:rotate(-4deg) scale(1); } }

/* The main statistics section is one modern frame, light by day and dark by night. */
.sk-counter-console {
  position:relative;
  margin-top:50px;
  padding:27px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--sk-primary) 16%,var(--sk-border));
  border-radius:30px;
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--sk-accent) 11%,transparent),transparent 26%),
    linear-gradient(145deg,color-mix(in srgb,var(--sk-surface) 96%,var(--sk-primary)),var(--sk-surface));
  color:var(--sk-text);
  box-shadow:0 28px 65px rgba(7,15,27,.12),inset 0 1px rgba(255,255,255,.75);
  transform:none;
}
.sk-counter-console::before { inset:10px; border-color:color-mix(in srgb,var(--sk-primary) 9%,var(--sk-border)); border-radius:22px; }
html[data-theme='dark'] .sk-counter-console {
  border-color:#30405a;
  background:radial-gradient(circle at 100% 0,rgba(196,123,50,.2),transparent 28%),linear-gradient(145deg,#17243a,#091322);
  color:#fff;
  box-shadow:0 30px 70px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.07);
}
.sk-counter-console__top {
  display:grid;
  grid-template-columns:10px 1fr 10px;
  gap:13px;
  align-items:center;
  margin:0 8px 22px;
  color:var(--sk-muted);
  font-family:'Rubik Numbers',Rubik,sans-serif;
  font-size:11px;
  font-weight:600;
  letter-spacing:.04em;
  direction:rtl;
}
.sk-counter-console__top span { display:flex; align-items:center; gap:12px; }
.sk-counter-console__top span::after { content:''; height:1px; flex:1; background:var(--sk-border); }
.sk-counter-console__top i,.sk-counter-console__top b { width:9px; height:9px; background:var(--sk-accent); box-shadow:0 0 0 5px color-mix(in srgb,var(--sk-accent) 10%,transparent); }
.sk-counter-console .sk-stats-grid {
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:13px;
  margin:0;
  overflow:visible;
  border:0;
  background:transparent;
}
.sk-counter-console .sk-stat {
  position:relative;
  display:grid;
  min-height:220px;
  grid-template-columns:1fr auto;
  grid-template-rows:auto 1fr auto;
  gap:10px;
  align-items:center;
  padding:19px;
  overflow:hidden;
  border:1px solid var(--sk-border) !important;
  border-radius:21px;
  background:linear-gradient(150deg,var(--sk-surface),color-mix(in srgb,var(--sk-primary) 5%,var(--sk-surface)));
  color:var(--sk-text);
  box-shadow:0 14px 28px rgba(7,15,27,.07),inset 0 1px rgba(255,255,255,.7);
  text-align:right;
  transform:none;
  transition:transform .38s cubic-bezier(.16,.82,.22,1),border-color .3s ease,box-shadow .3s ease;
}
html[data-theme='dark'] .sk-counter-console .sk-stat { border-color:#35445d !important; background:linear-gradient(145deg,#253249,#172338); color:#fff; box-shadow:0 16px 30px rgba(0,0,0,.22); }
.sk-counter-console .sk-stat:hover { border-color:color-mix(in srgb,var(--sk-accent) 48%,var(--sk-border)) !important; box-shadow:0 20px 38px rgba(7,15,27,.13); transform:translateY(-5px); }
.sk-counter-console .sk-stat__index { align-self:center; margin:0; padding:0; color:var(--sk-muted); font-size:10px; letter-spacing:.12em; text-align:right; }
.sk-stat__icon {
  display:grid;
  width:46px;
  height:46px;
  place-items:center;
  border-radius:15px;
  background:linear-gradient(145deg,var(--sk-accent-secondary),var(--sk-accent));
  color:var(--sk-on-accent);
  box-shadow:0 10px 22px color-mix(in srgb,var(--sk-accent) 22%,transparent),inset 0 1px rgba(255,255,255,.36);
}
.sk-stat__icon .sk-icon { width:20px; height:20px; }
.sk-counter-console .sk-stat__window {
  grid-column:1/-1;
  display:flex;
  min-height:84px;
  align-items:flex-end;
  justify-content:flex-start;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.sk-counter-console .sk-stat__window::after { display:none; }
.sk-counter-console .sk-stat strong {
  margin:0;
  color:var(--sk-accent-text);
  font-size:clamp(50px,5.3vw,72px);
  line-height:.88;
  letter-spacing:-.055em;
  text-shadow:none;
}
html[data-theme='dark'] .sk-counter-console .sk-stat strong { color:var(--sk-accent-light); }
.sk-counter-console .sk-stat > span:last-child { grid-column:1/-1; margin:0; color:var(--sk-muted); font-size:13px; font-weight:600; line-height:1.65; }
.sk-counter-console__base { display:none; }

@media (max-width:1040px) {
  :root { --sk-home-header-height:118px; }
  .sk-main[data-page-key='home'] .sk-hero-slider,
  .sk-main[data-page-key='home'] .sk-slider__track,
  .sk-main[data-page-key='home'] .sk-slide__inner { min-height:790px; height:790px; }
  .sk-main[data-page-key='home'] .sk-slide__inner { padding-top:calc(var(--sk-home-header-height) + 48px); padding-bottom:135px; }
  .sk-trust-section__inner > div { grid-template-columns:50px minmax(0,1fr); gap:12px; padding-inline:16px; }
  .sk-trust-section__icon { width:49px; height:49px; border-radius:16px; }
}

@media (max-width:760px) {
  :root { --sk-home-header-height:78px; }
  .sk-main[data-page-key='home'] .sk-hero-slider,
  .sk-main[data-page-key='home'] .sk-slider__track,
  .sk-main[data-page-key='home'] .sk-slide__inner { min-height:790px; height:790px; }
  .sk-main[data-page-key='home'] .sk-slide__inner { padding-top:calc(var(--sk-home-header-height) + 40px); padding-bottom:145px; }
  .sk-trust-section { padding:18px 0; }
  .sk-trust-section__inner { grid-template-columns:repeat(2,minmax(0,1fr)); min-height:0; border-radius:23px; }
  .sk-trust-section__inner > div { min-height:132px; grid-template-columns:45px minmax(0,1fr); gap:10px; padding:19px 13px; }
  .sk-trust-section__icon { width:44px; height:44px; border-radius:14px; }
  .sk-trust-section__icon .sk-icon { width:20px; height:20px; }
  .sk-trust-section__inner strong { margin-bottom:7px; font-size:32px; }
  .sk-trust-section__inner .sk-trust-section__copy > span { font-size:10px; }
  .sk-counter-console { padding:18px; border-radius:25px; }
  .sk-counter-console::before { border-radius:18px; }
  .sk-counter-console .sk-stats-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .sk-counter-console .sk-stat { min-height:185px; padding:15px; border-radius:18px; }
  .sk-stat__icon { width:41px; height:41px; border-radius:13px; }
  .sk-counter-console .sk-stat__window { min-height:66px; }
  .sk-counter-console .sk-stat strong { font-size:46px; }
  .sk-counter-console .sk-stat > span:last-child { font-size:11px; }
}

@media (max-width:480px) {
  .sk-main[data-page-key='home'] .sk-hero-slider,
  .sk-main[data-page-key='home'] .sk-slider__track,
  .sk-main[data-page-key='home'] .sk-slide__inner { min-height:805px; height:805px; }
  .sk-trust-section__inner > div { min-height:126px; grid-template-columns:41px minmax(0,1fr); padding:16px 10px; }
  .sk-trust-section__icon { width:40px; height:40px; border-radius:13px; }
  .sk-trust-section__inner strong { font-size:29px; }
  .sk-counter-console { padding:14px; }
  .sk-counter-console .sk-stat { min-height:175px; padding:13px; }
  .sk-counter-console .sk-stat strong { font-size:40px; }
}

@media (prefers-reduced-motion:reduce) {
  .sk-hero-slider.is-switching .sk-slide.is-active .sk-slide__media { animation:skSlideMediaSweep 6.5s cubic-bezier(.16,.82,.22,1) both !important; }
  .sk-hero-slider.is-switching .sk-slide.is-active .sk-slide__content > * { animation:skSlideCopyIn .72s cubic-bezier(.16,.82,.22,1) both !important; }
  .sk-hero-slider.is-switching .sk-slide.is-active .sk-slide__content > *:nth-child(2) { animation-delay:.08s !important; }
  .sk-hero-slider.is-switching .sk-slide.is-active .sk-slide__content > *:nth-child(3) { animation-delay:.16s !important; }
  .sk-hero-slider.is-switching .sk-slide.is-active .sk-slide__content > *:nth-child(4) { animation-delay:.24s !important; }
}