/* Preserved source style block 1. */
@font-face {
  font-family: "IBM Plex Sans Arabic";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url("../../generated/6010e7fd0dce5d52.woff2") format("woff2");
}

@font-face {
  font-family: "IBM Plex Sans Arabic";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url("../../generated/90aef64fea9794f2.woff2") format("woff2");
}

@font-face {
  font-family: "IBM Plex Sans Arabic";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url("../../generated/16734a5adb27b0f3.woff2") format("woff2");
}

@font-face {
  font-family: "IBM Plex Sans Arabic";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url("../../generated/04c730b4292731cc.woff2") format("woff2");
}

@font-face{font-family:"Phosphor-Duotone";src:url("../../generated/93d163cd4b1f0773.woff2") format("woff2");font-style:normal;font-weight:normal;font-display:block}
.ph-duotone{font-family:"Phosphor-Duotone"!important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;letter-spacing:0;font-feature-settings:"liga";font-variant-ligatures:discretionary-ligatures;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.ph-duotone.ph-arrow-down:before {content: "\e03e";opacity: 0.2;}.ph-duotone.ph-arrow-down:after {content: "\e03f";margin-left: -1em;}
.ph-duotone.ph-arrow-left:before {content: "\e058";opacity: 0.2;}.ph-duotone.ph-arrow-left:after {content: "\e059";margin-left: -1em;}
.ph-duotone.ph-arrow-up-left:before {content: "\e090";opacity: 0.2;}.ph-duotone.ph-arrow-up-left:after {content: "\e091";margin-left: -1em;}
.ph-duotone.ph-arrows-out:before {content: "\e0a2";opacity: 0.2;}.ph-duotone.ph-arrows-out:after {content: "\e0a3";margin-left: -1em;}
.ph-duotone.ph-bezier-curve:before {content: "\eb00";opacity: 0.2;}.ph-duotone.ph-bezier-curve:after {content: "\eb01";margin-left: -1em;}
.ph-duotone.ph-binoculars:before {content: "\ea64";opacity: 0.2;}.ph-duotone.ph-binoculars:after {content: "\ea65";margin-left: -1em;}
.ph-duotone.ph-books:before {content: "\e758";opacity: 0.2;}.ph-duotone.ph-books:after {content: "\e759";margin-left: -1em;}
.ph-duotone.ph-browser:before {content: "\e0f4";opacity: 0.2;}.ph-duotone.ph-browser:after {content: "\e0f5";margin-left: -1em;}
.ph-duotone.ph-buildings:before {content: "\e102";opacity: 0.2;}.ph-duotone.ph-buildings:after {content: "\e105";margin-left: -1em;}
.ph-duotone.ph-chart-donut:before {content: "\eaa6";opacity: 0.2;}.ph-duotone.ph-chart-donut:after {content: "\eaa7";margin-left: -1em;}
.ph-duotone.ph-chart-line-up:before {content: "\e156";opacity: 0.2;}.ph-duotone.ph-chart-line-up:after {content: "\e157";margin-left: -1em;}
.ph-duotone.ph-check-circle:before {content: "\e184";opacity: 0.2;}.ph-duotone.ph-check-circle:after {content: "\e185";margin-left: -1em;}
.ph-duotone.ph-circles-four:before {content: "\e190";opacity: 0.2;}.ph-duotone.ph-circles-four:after {content: "\e191";margin-left: -1em;}
.ph-duotone.ph-circles-three-plus:before {content: "\e194";opacity: 0.2;}.ph-duotone.ph-circles-three-plus:after {content: "\e195";margin-left: -1em;}
.ph-duotone.ph-code:before {content: "\e1bc";opacity: 0.2;}.ph-duotone.ph-code:after {content: "\e1bd";margin-left: -1em;}
.ph-duotone.ph-compass:before {content: "\e1c8";opacity: 0.2;}.ph-duotone.ph-compass:after {content: "\e1c9";margin-left: -1em;}
.ph-duotone.ph-compass-tool:before {content: "\ea0e";opacity: 0.2;}.ph-duotone.ph-compass-tool:after {content: "\ea0f";margin-left: -1em;}
.ph-duotone.ph-cube-transparent:before {content: "\ec7c";opacity: 0.2;}.ph-duotone.ph-cube-transparent:after {content: "\ec7d";margin-left: -1em;}
.ph-duotone.ph-device-mobile-camera:before {content: "\e1e2";opacity: 0.2;}.ph-duotone.ph-device-mobile-camera:after {content: "\e1e3";margin-left: -1em;}
.ph-duotone.ph-devices:before {content: "\eba4";opacity: 0.2;}.ph-duotone.ph-devices:after {content: "\eba5";margin-left: -1em;}
.ph-duotone.ph-file-text:before {content: "\e23a";opacity: 0.2;}.ph-duotone.ph-file-text:after {content: "\e23b";margin-left: -1em;}
.ph-duotone.ph-flag-banner:before {content: "\e622";opacity: 0.2;}.ph-duotone.ph-flag-banner:after {content: "\e623";margin-left: -1em;}
.ph-duotone.ph-flow-arrow:before {content: "\e6ec";opacity: 0.2;}.ph-duotone.ph-flow-arrow:after {content: "\e6ed";margin-left: -1em;}
.ph-duotone.ph-gauge:before {content: "\e628";opacity: 0.2;}.ph-duotone.ph-gauge:after {content: "\e629";margin-left: -1em;}
.ph-duotone.ph-grid-four:before {content: "\e296";opacity: 0.2;}.ph-duotone.ph-grid-four:after {content: "\e297";margin-left: -1em;}
.ph-duotone.ph-handshake:before {content: "\e582";opacity: 0.2;}.ph-duotone.ph-handshake:after {content: "\e583";margin-left: -1em;}
.ph-duotone.ph-headset:before {content: "\e584";opacity: 0.2;}.ph-duotone.ph-headset:after {content: "\e585";margin-left: -1em;}
.ph-duotone.ph-hexagon:before {content: "\e2ae";opacity: 0.2;}.ph-duotone.ph-hexagon:after {content: "\e2af";margin-left: -1em;}
.ph-duotone.ph-info:before {content: "\e2ce";opacity: 0.2;}.ph-duotone.ph-info:after {content: "\e2cf";margin-left: -1em;}
.ph-duotone.ph-lightning:before {content: "\e2de";opacity: 0.2;}.ph-duotone.ph-lightning:after {content: "\e2df";margin-left: -1em;}
.ph-duotone.ph-list:before {content: "\e2f0";opacity: 0.2;}.ph-duotone.ph-list:after {content: "\e2f1";margin-left: -1em;}
.ph-duotone.ph-magnifying-glass:before {content: "\e30c";opacity: 0.2;}.ph-duotone.ph-magnifying-glass:after {content: "\e30d";margin-left: -1em;}
.ph-duotone.ph-map-trifold:before {content: "\e31a";opacity: 0.2;}.ph-duotone.ph-map-trifold:after {content: "\e31b";margin-left: -1em;}
.ph-duotone.ph-megaphone:before {content: "\e324";opacity: 0.2;}.ph-duotone.ph-megaphone:after {content: "\e325";margin-left: -1em;}
.ph-duotone.ph-minus:before {content: "\e32a";opacity: 0.2;}.ph-duotone.ph-minus:after {content: "\e32b";margin-left: -1em;}
.ph-duotone.ph-moon:before {content: "\e330";opacity: 0.2;}.ph-duotone.ph-moon:after {content: "\e331";margin-left: -1em;}
.ph-duotone.ph-package:before {content: "\e390";opacity: 0.2;}.ph-duotone.ph-package:after {content: "\e391";margin-left: -1em;}
.ph-duotone.ph-paint-brush-broad:before {content: "\e590";opacity: 0.2;}.ph-duotone.ph-paint-brush-broad:after {content: "\e591";margin-left: -1em;}
.ph-duotone.ph-path:before {content: "\e39c";opacity: 0.2;}.ph-duotone.ph-path:after {content: "\e39d";margin-left: -1em;}
.ph-duotone.ph-pen-nib:before {content: "\e3ac";opacity: 0.2;}.ph-duotone.ph-pen-nib:after {content: "\e3ad";margin-left: -1em;}
.ph-duotone.ph-pencil-ruler:before {content: "\e906";opacity: 0.2;}.ph-duotone.ph-pencil-ruler:after {content: "\e907";margin-left: -1em;}
.ph-duotone.ph-plugs-connected:before {content: "\eb5a";opacity: 0.2;}.ph-duotone.ph-plugs-connected:after {content: "\eb5b";margin-left: -1em;}
.ph-duotone.ph-plus:before {content: "\e3d4";opacity: 0.2;}.ph-duotone.ph-plus:after {content: "\e3d5";margin-left: -1em;}
.ph-duotone.ph-puzzle-piece:before {content: "\e596";opacity: 0.2;}.ph-duotone.ph-puzzle-piece:after {content: "\e597";margin-left: -1em;}
.ph-duotone.ph-question:before {content: "\e3e8";opacity: 0.2;}.ph-duotone.ph-question:after {content: "\e3eb";margin-left: -1em;}
.ph-duotone.ph-rocket:before {content: "\e3fc";opacity: 0.2;}.ph-duotone.ph-rocket:after {content: "\e3ff";margin-left: -1em;}
.ph-duotone.ph-rocket-launch:before {content: "\e3fe";opacity: 0.2;}.ph-duotone.ph-rocket-launch:after {content: "\e401";margin-left: -1em;}
.ph-duotone.ph-shield-check:before {content: "\e40c";opacity: 0.2;}.ph-duotone.ph-shield-check:after {content: "\e40f";margin-left: -1em;}
.ph-duotone.ph-shopping-cart-simple:before {content: "\e420";opacity: 0.2;}.ph-duotone.ph-shopping-cart-simple:after {content: "\e421";margin-left: -1em;}
.ph-duotone.ph-signpost:before {content: "\e89c";opacity: 0.2;}.ph-duotone.ph-signpost:after {content: "\e89d";margin-left: -1em;}
.ph-duotone.ph-sparkle:before {content: "\e6a2";opacity: 0.2;}.ph-duotone.ph-sparkle:after {content: "\e6a3";margin-left: -1em;}
.ph-duotone.ph-speedometer:before {content: "\ee74";opacity: 0.2;}.ph-duotone.ph-speedometer:after {content: "\ee75";margin-left: -1em;}
.ph-duotone.ph-squares-four:before {content: "\e464";opacity: 0.2;}.ph-duotone.ph-squares-four:after {content: "\e465";margin-left: -1em;}
.ph-duotone.ph-star-four:before {content: "\e6a4";opacity: 0.2;}.ph-duotone.ph-star-four:after {content: "\e6a5";margin-left: -1em;}
.ph-duotone.ph-storefront:before {content: "\e470";opacity: 0.2;}.ph-duotone.ph-storefront:after {content: "\e471";margin-left: -1em;}
.ph-duotone.ph-sun:before {content: "\e472";opacity: 0.2;}.ph-duotone.ph-sun:after {content: "\e473";margin-left: -1em;}
.ph-duotone.ph-terminal-window:before {content: "\eae8";opacity: 0.2;}.ph-duotone.ph-terminal-window:after {content: "\eae9";margin-left: -1em;}
.ph-duotone.ph-trend-up:before {content: "\e4ae";opacity: 0.2;}.ph-duotone.ph-trend-up:after {content: "\e4af";margin-left: -1em;}
.ph-duotone.ph-wrench:before {content: "\e5d4";opacity: 0.2;}.ph-duotone.ph-wrench:after {content: "\e5d5";margin-left: -1em;}
.ph-duotone.ph-x:before {content: "\e4f6";opacity: 0.2;}.ph-duotone.ph-x:after {content: "\e4f7";margin-left: -1em;}

:root {
  color-scheme: dark;
  --bg: #050817;
  --bg-soft: #090e23;
  --bg-elevated: #0c132d;
  --surface: rgba(10, 17, 42, 0.76);
  --surface-strong: rgba(12, 20, 49, 0.94);
  --glass: rgba(255, 255, 255, 0.07);
  --glass-dark: rgba(9, 14, 32, 0.68);
  --text: #f7f9ff;
  --text-soft: #dce5ff;
  --muted: #9ba8ca;
  --muted-strong: #bdc8e6;
  --border: rgba(159, 181, 255, 0.16);
  --border-strong: rgba(159, 181, 255, 0.28);
  --cyan: #22d3ee;
  --blue: #3b82f6;
  --purple: #8b5cf6;
  --pink: #f15bb5;
  --success: #34d399;
  --gradient: linear-gradient(120deg, var(--cyan), var(--blue) 36%, var(--purple) 68%, var(--pink));
  --gradient-soft: linear-gradient(120deg, rgba(34, 211, 238, 0.13), rgba(139, 92, 246, 0.18), rgba(241, 91, 181, 0.11));
  --container: 1240px;
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-pill: 999px;
  --shadow-sm: 0 14px 50px rgba(3, 7, 22, 0.22);
  --shadow-lg: 0 28px 100px rgba(3, 7, 22, 0.42);
  --ring: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 24px 80px rgba(8, 15, 44, 0.18);
  --ease-spring: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-smooth: cubic-bezier(0.22, 1, 0.36, 1);
  --header-height: 76px;
}

html[data-theme="light"] {
  color-scheme: light;
  --bg: #f7f9ff;
  --bg-soft: #eef3ff;
  --bg-elevated: #ffffff;
  --surface: rgba(255, 255, 255, 0.82);
  --surface-strong: rgba(255, 255, 255, 0.96);
  --glass: rgba(255, 255, 255, 0.8);
  --glass-dark: rgba(255, 255, 255, 0.76);
  --text: #0a1027;
  --text-soft: #1a2444;
  --muted: #637095;
  --muted-strong: #425074;
  --border: rgba(53, 75, 135, 0.14);
  --border-strong: rgba(53, 75, 135, 0.25);
  --shadow-sm: 0 14px 50px rgba(25, 52, 110, 0.08);
  --shadow-lg: 0 30px 100px rgba(25, 52, 110, 0.14);
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 110px;
  background: var(--bg);
}

body {
  margin: 0;
  min-width: 320px;
  overflow-x: hidden;
  font-family: "IBM Plex Sans Arabic", Tahoma, Arial, sans-serif;
  color: var(--text);
  background:
    radial-gradient(circle at 8% 8%, rgba(16, 200, 232, 0.06), transparent 28%),
    radial-gradient(circle at 92% 16%, rgba(236, 72, 153, 0.055), transparent 24%),
    var(--bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body::before {
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  content: "";
  opacity: 0.36;
  background-image: radial-gradient(rgba(91, 116, 184, 0.17) 0.65px, transparent 0.65px);
  background-size: 18px 18px;
  mask-image: linear-gradient(to bottom, #000, transparent 75%);
}

body.menu-open,
body.dialog-open {
  overflow: hidden;
}

::selection {
  color: var(--text);
  background: rgba(124, 58, 237, 0.24);
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
textarea,
select {
  font: inherit;
}

button {
  color: inherit;
}

img,
svg {
  display: block;
  max-width: 100%;
}

p,
h1,
h2,
h3,
ul,
ol {
  margin-top: 0;
}

button:focus-visible,
a:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--cyan) 76%, white);
  outline-offset: 4px;
}

[hidden] {
  display: none !important;
}

.container {
  width: min(calc(100% - 40px), var(--container));
  margin-inline: auto;
}

.skip-link {
  position: fixed;
  z-index: 10000;
  top: 12px;
  right: 12px;
  padding: 12px 18px;
  color: #06101f;
  background: var(--cyan);
  border-radius: var(--radius-sm);
  transform: translateY(-160%);
  transition: transform 0.2s;
}

.skip-link:focus {
  transform: translateY(0);
}

.scroll-progress {
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  left: 0;
  height: 3px;
  pointer-events: none;
}

.scroll-progress span {
  display: block;
  width: 0;
  height: 100%;
  background: var(--gradient);
  box-shadow: 0 0 18px rgba(124, 58, 237, 0.45);
  transition: width 0.08s linear;
}

.site-ambient {
  position: fixed;
  z-index: -1;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.site-ambient i {
  position: absolute;
  border-radius: 50%;
  filter: blur(100px);
  opacity: 0.13;
  animation: ambient-drift 18s var(--ease-smooth) infinite alternate;
}

.site-ambient i:nth-child(1) {
  top: 8%;
  right: -110px;
  width: 420px;
  height: 420px;
  background: var(--purple);
}

.site-ambient i:nth-child(2) {
  top: 48%;
  left: -80px;
  width: 360px;
  height: 360px;
  background: var(--cyan);
  animation-delay: -6s;
}

.site-ambient i:nth-child(3) {
  right: 32%;
  bottom: -90px;
  width: 300px;
  height: 300px;
  background: var(--pink);
  animation-delay: -11s;
}

@keyframes ambient-drift {
  to { transform: translate3d(50px, -30px, 0) scale(1.12); }
}

.announcement {
  position: relative;
  z-index: 150;
  border-bottom: 1px solid var(--border);
  background: color-mix(in srgb, var(--bg-soft) 84%, transparent);
}

.announcement__inner {
  display: flex;
  min-height: 38px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  color: var(--muted-strong);
  font-size: 0.78rem;
}

.announcement span,
.announcement a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.announcement span i {
  color: var(--pink);
}

.announcement a {
  color: var(--text-soft);
  transition: color 0.2s;
}

.announcement a:hover {
  color: var(--cyan);
}

.site-header {
  position: sticky;
  z-index: 1000;
  top: 10px;
  padding-inline: 12px;
  transition: transform 0.4s var(--ease-smooth);
}

.site-header.cinematic-hidden {
  transform: translateY(calc(-100% - 22px));
}

.nav {
  display: flex;
  height: 68px;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 0 14px 0 10px;
  border: 1px solid color-mix(in srgb, var(--border) 78%, transparent);
  background: color-mix(in srgb, var(--glass) 86%, transparent);
  border-radius: 22px;
  box-shadow: 0 14px 50px rgba(13, 24, 58, 0.1);
  backdrop-filter: blur(26px) saturate(1.45);
  transition: box-shadow 0.35s, border-color 0.35s, background 0.35s;
}

html[data-theme="dark"] .nav {
  background: color-mix(in srgb, var(--glass-dark) 90%, transparent);
}

.site-header.is-scrolled .nav {
  border-color: var(--border-strong);
  box-shadow: 0 18px 60px rgba(3, 8, 26, 0.28);
}

.brand {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}

.brand__logo {
  width: 148px;
  height: 47px;
  object-fit: contain;
  padding: 4px 7px;
  background: #000;
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 13px;
  box-shadow: 0 9px 28px rgba(8, 15, 44, 0.2);
}

.brand__logo--footer {
  width: 180px;
  height: 58px;
}

.brand__mark {
  position: relative;
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  color: #fff;
  background: var(--gradient);
  border-radius: 14px;
  box-shadow: 0 10px 34px rgba(123, 75, 238, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.32);
}

.brand__mark::after {
  position: absolute;
  top: 7px;
  left: 7px;
  width: 6px;
  height: 6px;
  content: "";
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 14px #fff;
}

.brand__mark i {
  font-size: 1.65rem;
}

.brand__copy {
  display: flex;
  min-width: 96px;
  flex-direction: column;
  line-height: 1.25;
}

.brand__copy strong {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.brand__copy small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 0.66rem;
}

.desktop-nav {
  display: flex;
  align-items: center;
  gap: 6px;
}

.desktop-nav a {
  position: relative;
  padding: 10px 13px;
  color: var(--muted-strong);
  border-radius: 12px;
  font-size: 0.85rem;
  font-weight: 500;
  transition: color 0.2s, background 0.2s;
}

.desktop-nav a:hover,
.desktop-nav a.is-active {
  color: var(--text);
  background: rgba(132, 111, 246, 0.1);
}

.desktop-nav a.is-active::after {
  position: absolute;
  right: 50%;
  bottom: 4px;
  width: 18px;
  height: 2px;
  content: "";
  background: var(--gradient);
  border-radius: var(--radius-pill);
  transform: translateX(50%);
}

.nav__actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.icon-button {
  display: inline-grid;
  width: 42px;
  height: 42px;
  padding: 0;
  place-items: center;
  color: var(--text-soft);
  border: 1px solid var(--border);
  background: color-mix(in srgb, var(--surface) 72%, transparent);
  border-radius: 13px;
  cursor: pointer;
  transition: color 0.2s, border-color 0.2s, background 0.2s, transform 0.2s;
}

.icon-button:hover {
  color: var(--cyan);
  border-color: color-mix(in srgb, var(--cyan) 42%, transparent);
  background: rgba(34, 211, 238, 0.08);
  transform: translateY(-2px);
}

.button {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 22px;
  color: #fff;
  border: 0;
  background: var(--gradient);
  border-radius: 14px;
  box-shadow: 0 12px 34px rgba(109, 71, 228, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  font-size: 0.9rem;
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.25s var(--ease-spring), box-shadow 0.25s, filter 0.25s;
}

.button:hover {
  box-shadow: 0 18px 44px rgba(109, 71, 228, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.35);
  filter: saturate(1.12);
  transform: translateY(-3px);
}

.button:active {
  transform: translateY(-1px);
}

.button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  filter: grayscale(0.45);
  transform: none;
}

.button--small {
  min-height: 42px;
  padding-inline: 17px;
  border-radius: 13px;
  font-size: 0.82rem;
}

.button--hero {
  min-height: 56px;
  padding-inline: 26px;
  border-radius: 16px;
  font-size: 0.94rem;
}

.button--outline {
  color: var(--text);
  border: 1px solid var(--border-strong);
  background: rgba(255, 255, 255, 0.025);
  box-shadow: none;
}

.button--outline:hover {
  border-color: rgba(139, 92, 246, 0.55);
  background: rgba(139, 92, 246, 0.08);
  box-shadow: none;
}

.button--light {
  color: #0c1230;
  background: #fff;
  box-shadow: 0 16px 44px rgba(3, 7, 22, 0.2);
}

.menu-toggle {
  display: none;
}

.mobile-menu,
.menu-backdrop {
  display: none;
}

.hero {
  position: relative;
  min-height: 750px;
  padding: 104px 0 90px;
}

.hero::before {
  position: absolute;
  z-index: -1;
  inset: -160px 0 auto;
  height: 740px;
  pointer-events: none;
  content: "";
  background:
    radial-gradient(ellipse at 71% 36%, rgba(98, 72, 238, 0.19), transparent 38%),
    radial-gradient(ellipse at 90% 18%, rgba(241, 91, 181, 0.09), transparent 28%),
    radial-gradient(ellipse at 25% 55%, rgba(34, 211, 238, 0.07), transparent 32%);
}

.hero__grid {
  display: grid;
  align-items: center;
  gap: clamp(42px, 6vw, 86px);
  grid-template-columns: minmax(0, 1.03fr) minmax(430px, 0.97fr);
}

.hero__content {
  max-width: 690px;
}

.eyebrow {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  color: color-mix(in srgb, var(--cyan) 70%, var(--text));
  border: 1px solid color-mix(in srgb, var(--cyan) 26%, var(--border));
  background: color-mix(in srgb, var(--cyan) 7%, var(--surface));
  border-radius: var(--radius-pill);
  font-size: 0.78rem;
  font-weight: 600;
}

.eyebrow i {
  color: var(--pink);
}

.hero h1 {
  max-width: 760px;
  margin: 24px 0 24px;
  font-size: clamp(2.65rem, 5.2vw, 5rem);
  font-weight: 700;
  letter-spacing: -0.065em;
  line-height: 1.16;
}

.hero h1 span,
.section-heading h2 span,
.transformation h2 span,
.deliverables h2 span,
.faq h2 span {
  color: transparent;
  background: var(--gradient);
  background-clip: text;
  -webkit-background-clip: text;
}

.hero__content > p {
  max-width: 630px;
  margin-bottom: 30px;
  color: var(--muted-strong);
  font-size: clamp(1rem, 1.4vw, 1.12rem);
  line-height: 1.95;
}

.hero__actions {
  display: flex;
  align-items: center;
  gap: 22px;
}

.text-link {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 8px 0;
  color: var(--text-soft);
  border: 0;
  background: transparent;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  transition: color 0.2s, gap 0.2s;
}

.text-link:hover {
  gap: 13px;
  color: var(--cyan);
}

.hero__assurances {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
  margin: 29px 0 0;
  padding: 0;
  color: var(--muted);
  list-style: none;
  font-size: 0.79rem;
}

.hero__assurances li {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.hero__assurances i {
  color: var(--success);
}

.hero__visual {
  position: relative;
}

.hero__visual::before {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  width: 82%;
  aspect-ratio: 1;
  content: "";
  background: radial-gradient(circle, rgba(118, 78, 245, 0.27), rgba(34, 211, 238, 0.05) 48%, transparent 70%);
  filter: blur(26px);
  transform: translate(-50%, -50%);
}

.glass-card {
  border: 1px solid var(--border-strong);
  background: linear-gradient(145deg, color-mix(in srgb, var(--surface-strong) 92%, transparent), color-mix(in srgb, var(--surface) 78%, transparent));
  box-shadow: var(--shadow-lg), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(24px);
}

.system-card {
  position: relative;
  min-height: 530px;
  overflow: hidden;
  padding: 20px;
  border-radius: 32px;
  transform: perspective(1100px) rotateY(-2.5deg) rotateX(1.2deg);
  transition: transform 0.7s var(--ease-smooth);
}

.system-card:hover {
  transform: perspective(1100px) rotateY(0) rotateX(0) translateY(-6px);
}

.system-card::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background:
    linear-gradient(rgba(116, 139, 203, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(116, 139, 203, 0.055) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: linear-gradient(to bottom, #000, transparent 86%);
}

.system-card::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(34, 211, 238, 0.07), transparent 35%, rgba(241, 91, 181, 0.08));
}

.system-card__top,
.system-card__bottom {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.system-card__top {
  padding: 5px 4px 18px;
  color: var(--muted);
  font-size: 0.72rem;
}

.live-dot {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.live-dot i {
  width: 7px;
  height: 7px;
  background: var(--success);
  border-radius: 50%;
  box-shadow: 0 0 0 5px rgba(52, 211, 153, 0.1), 0 0 16px rgba(52, 211, 153, 0.5);
}

.system-card__label {
  padding: 5px 8px;
  border: 1px solid var(--border);
  border-radius: 8px;
}

.system-card__core {
  position: relative;
  z-index: 1;
  height: 398px;
  border: 1px solid var(--border);
  background: rgba(4, 8, 24, 0.22);
  border-radius: 24px;
}

html[data-theme="light"] .system-card__core {
  background: rgba(240, 244, 255, 0.52);
}

.core-orbit {
  position: absolute;
  top: 50%;
  left: 50%;
  border: 1px dashed rgba(139, 92, 246, 0.27);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.core-orbit--one {
  width: 250px;
  height: 250px;
  animation: orbit-rotate 22s linear infinite;
}

.core-orbit--two {
  width: 160px;
  height: 160px;
  border-color: rgba(34, 211, 238, 0.25);
  animation: orbit-rotate 16s linear infinite reverse;
}

@keyframes orbit-rotate {
  to { transform: translate(-50%, -50%) rotate(360deg); }
}

.core-brand {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  display: grid;
  width: 92px;
  height: 92px;
  place-content: center;
  place-items: center;
  color: #fff;
  background: var(--gradient);
  border: 7px solid rgba(255, 255, 255, 0.08);
  border-radius: 28px;
  box-shadow: 0 20px 55px rgba(110, 71, 229, 0.42), 0 0 0 14px rgba(139, 92, 246, 0.06);
  transform: translate(-50%, -50%);
}

.core-brand i { font-size: 2rem; }
.core-brand span { margin-top: 2px; font-size: 0.7rem; font-weight: 700; }

.system-node {
  position: absolute;
  z-index: 3;
  display: flex;
  min-width: 178px;
  align-items: center;
  gap: 10px;
  padding: 11px;
  border: 1px solid var(--border);
  background: color-mix(in srgb, var(--surface-strong) 90%, transparent);
  border-radius: 15px;
  box-shadow: var(--shadow-sm);
  backdrop-filter: blur(15px);
}

.system-node > span {
  display: grid;
  width: 39px;
  height: 39px;
  flex: 0 0 auto;
  place-items: center;
  color: var(--cyan);
  background: rgba(34, 211, 238, 0.08);
  border-radius: 11px;
}

.system-node i { font-size: 1.35rem; }
.system-node div { display: flex; flex-direction: column; }
.system-node strong { font-size: 0.78rem; }
.system-node small { margin-top: 2px; color: var(--muted); font-size: 0.64rem; }
.system-node--commerce { top: 37px; right: 26px; }
.system-node--experience { top: 37px; left: 26px; }
.system-node--growth { right: 26px; bottom: 37px; }
.system-node--tech { bottom: 37px; left: 26px; }
.system-node--experience > span { color: var(--pink); background: rgba(241, 91, 181, 0.08); }
.system-node--growth > span { color: var(--success); background: rgba(52, 211, 153, 0.08); }
.system-node--tech > span { color: #a78bfa; background: rgba(167, 139, 250, 0.08); }

.system-card__bottom {
  gap: 8px;
  padding: 18px 6px 0;
}

.system-card__bottom span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--muted);
  font-size: 0.68rem;
}

.system-card__bottom i { color: var(--cyan); }

.platform-strip {
  position: relative;
  border-block: 1px solid var(--border);
  background: color-mix(in srgb, var(--bg-soft) 76%, transparent);
}

.platform-strip .container {
  display: grid;
  min-height: 108px;
  align-items: center;
  gap: 32px;
  grid-template-columns: 270px 1fr;
}

.platform-strip p {
  margin: 0;
  color: var(--muted);
  font-size: 0.76rem;
  line-height: 1.8;
}

.platforms {
  display: grid;
  align-items: center;
  gap: 20px;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.platforms span {
  color: var(--muted-strong);
  font-family: inherit;
  font-size: 0.88rem;
  font-weight: 700;
  text-align: center;
  opacity: 0.8;
  transition: color 0.2s, opacity 0.2s, transform 0.2s;
}

.platforms span:hover {
  color: var(--text);
  opacity: 1;
  transform: translateY(-2px);
}

.section {
  position: relative;
  padding: 120px 0;
}

.section-heading h2,
.transformation h2,
.deliverables h2,
.faq h2 {
  margin: 18px 0 0;
  font-size: clamp(2.05rem, 4.2vw, 3.85rem);
  font-weight: 700;
  letter-spacing: -0.055em;
  line-height: 1.25;
}

.section-heading--split {
  display: grid;
  align-items: end;
  gap: 54px;
  grid-template-columns: 1.25fr 0.75fr;
}

.section-heading--split > p {
  max-width: 470px;
  margin-bottom: 8px;
  color: var(--muted-strong);
  line-height: 1.9;
}

.section-heading--center {
  max-width: 760px;
  margin-inline: auto;
  text-align: center;
}

.section-heading--center .eyebrow {
  margin-inline: auto;
}

.section-heading--center > p {
  max-width: 650px;
  margin: 22px auto 0;
  color: var(--muted-strong);
  line-height: 1.9;
}

.service-filter {
  display: flex;
  max-width: 100%;
  width: max-content;
  margin: 48px auto 30px;
  overflow-x: auto;
  padding: 6px;
  border: 1px solid var(--border);
  background: color-mix(in srgb, var(--surface) 82%, transparent);
  border-radius: 18px;
  box-shadow: var(--shadow-sm);
  scrollbar-width: none;
}

.service-filter::-webkit-scrollbar { display: none; }

.service-filter button {
  display: inline-flex;
  min-height: 44px;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  color: var(--muted-strong);
  border: 0;
  background: transparent;
  border-radius: 13px;
  font-size: 0.8rem;
  cursor: pointer;
  transition: color 0.2s, background 0.2s, box-shadow 0.2s;
}

.service-filter button span {
  display: grid;
  min-width: 22px;
  height: 22px;
  place-items: center;
  color: var(--muted);
  background: rgba(255, 255, 255, 0.05);
  border-radius: 7px;
  font-size: 0.66rem;
}

.service-filter button.is-active {
  color: #fff;
  background: linear-gradient(110deg, rgba(59, 130, 246, 0.92), rgba(139, 92, 246, 0.96));
  box-shadow: 0 8px 24px rgba(80, 72, 205, 0.22);
}

.service-filter button.is-active span {
  color: #fff;
  background: rgba(255, 255, 255, 0.14);
}

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

.service-card {
  position: relative;
  display: flex;
  min-height: 380px;
  overflow: hidden;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  padding: 25px;
  border: 1px solid var(--border);
  background: linear-gradient(150deg, color-mix(in srgb, var(--surface-strong) 90%, transparent), color-mix(in srgb, var(--surface) 75%, transparent));
  border-radius: 24px;
  box-shadow: var(--shadow-sm);
  transition: transform 0.35s var(--ease-smooth), border-color 0.35s, box-shadow 0.35s;
}

.service-card::before {
  position: absolute;
  top: -80px;
  left: -80px;
  width: 190px;
  height: 190px;
  pointer-events: none;
  content: "";
  background: radial-gradient(circle, rgba(139, 92, 246, 0.13), transparent 68%);
  opacity: 0;
  transition: opacity 0.35s;
}

.service-card:hover {
  z-index: 2;
  border-color: color-mix(in srgb, var(--purple) 44%, var(--border));
  box-shadow: 0 24px 70px rgba(3, 7, 22, 0.34), 0 0 0 1px rgba(139, 92, 246, 0.08);
  transform: translateY(-8px);
}

.service-card:hover::before { opacity: 1; }

.service-card--featured {
  border-color: rgba(34, 211, 238, 0.24);
  background:
    linear-gradient(150deg, rgba(17, 37, 68, 0.9), rgba(24, 16, 58, 0.84)),
    var(--surface);
}

html[data-theme="light"] .service-card--featured {
  background: linear-gradient(150deg, rgba(232, 249, 255, 0.96), rgba(246, 239, 255, 0.94));
}

.service-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.service-icon,
.path-card__icon,
.service-dialog__icon {
  display: grid;
  width: 52px;
  height: 52px;
  place-items: center;
  color: var(--cyan);
  border: 1px solid rgba(34, 211, 238, 0.16);
  background: rgba(34, 211, 238, 0.075);
  border-radius: 16px;
}

.service-icon i,
.path-card__icon i { font-size: 1.7rem; }

.service-number {
  color: var(--muted);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.1em;
}

.service-kicker {
  display: block;
  margin-bottom: 9px;
  color: color-mix(in srgb, var(--cyan) 62%, var(--muted-strong));
  font-size: 0.7rem;
  font-weight: 600;
}

.service-card h3 {
  margin-bottom: 10px;
  font-size: 1.25rem;
  font-weight: 700;
}

.service-card p {
  margin-bottom: 0;
  color: var(--muted);
  font-size: 0.83rem;
  line-height: 1.85;
}

.trust-journey {
  position: relative;
  overflow: hidden;
  padding: 28px 0 96px;
}

.commerce-showcase {
  position: relative;
  overflow: hidden;
  padding: 32px 0 90px;
  background: linear-gradient(180deg, transparent, rgba(5, 11, 29, 0.72), transparent);
}

.commerce-hero {
  position: relative;
  display: grid;
  min-height: 550px;
  overflow: hidden;
  align-items: center;
  gap: 42px;
  padding: 48px;
  border: 1px solid rgba(96, 128, 195, 0.2);
  background: radial-gradient(circle at 17% 70%, rgba(34, 211, 238, 0.09), transparent 32%), radial-gradient(circle at 84% 30%, rgba(139, 92, 246, 0.13), transparent 35%), #070d20;
  border-radius: 30px 30px 0 0;
  grid-template-columns: 0.9fr 1.1fr;
}

.commerce-hero__copy { position: relative; z-index: 2; }
.commerce-hero h2 { margin: 20px 0 18px; font-size: clamp(2.25rem, 4.2vw, 4.2rem); letter-spacing: -0.06em; line-height: 1.22; }
.commerce-hero h2 span { color: transparent; background: var(--gradient); -webkit-background-clip: text; background-clip: text; }
.commerce-hero__copy > p { max-width: 590px; margin: 0; color: var(--muted-strong); font-size: 0.92rem; line-height: 1.9; }
.commerce-platform-pills { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0; }
.commerce-platform-pills span { padding: 8px 12px; color: #dbe8ff; border: 1px solid rgba(121, 147, 204, 0.18); background: rgba(255,255,255,0.035); border-radius: 10px; font-size: 0.7rem; font-weight: 700; }
.commerce-hero__actions { display: flex; flex-wrap: wrap; gap: 10px; }

.commerce-visual { position: relative; min-width: 0; }
.commerce-visual::before { position: absolute; inset: 10% 5%; content: ""; background: radial-gradient(circle, rgba(42, 136, 255, 0.23), transparent 64%); filter: blur(18px); }
.commerce-visual > img { position: relative; z-index: 1; display: block; width: 100%; filter: drop-shadow(0 30px 50px rgba(0,0,0,.42)); transform: perspective(900px) rotateY(-5deg) rotateX(1deg); }
.commerce-float { position: absolute; z-index: 2; display: grid; min-width: 108px; padding: 12px 14px; border: 1px solid rgba(114, 149, 218, 0.25); background: rgba(6, 12, 31, 0.86); border-radius: 15px; box-shadow: 0 18px 38px rgba(0,0,0,.3); backdrop-filter: blur(12px); }
.commerce-float i { color: var(--cyan); font-size: 1.2rem; }
.commerce-float strong { margin-top: 5px; color: #fff; font-size: 1rem; }
.commerce-float small { color: var(--muted); font-size: .58rem; }
.commerce-float--one { top: 7%; left: 2%; }.commerce-float--two { right: 0; bottom: 9%; }

.commerce-metrics { display: grid; padding: 18px 24px; border: 1px solid rgba(96, 128, 195, 0.2); border-top: 0; background: rgba(9, 17, 40, 0.88); border-radius: 0 0 22px 22px; grid-template-columns: repeat(5, 1fr); }
.commerce-metrics span { display: grid; gap: 2px; text-align: center; border-left: 1px solid rgba(112,132,183,.12); }
.commerce-metrics span:last-child { border-left: 0; }
.commerce-metrics strong { color: #7ce8f4; font-size: 1.05rem; }.commerce-metrics span:nth-child(even) strong { color: #a98aff; }
.commerce-metrics small { color: var(--muted); font-size: .62rem; }

.commerce-block, .commerce-split { margin-top: 34px; }
.commerce-block { padding: 34px; border: 1px solid var(--border); background: rgba(9, 15, 37, .62); border-radius: 24px; }
.commerce-block__heading { margin-bottom: 24px; text-align: center; }
.commerce-block__heading > span { display: block; margin-bottom: 4px; color: var(--cyan); font-size: .66rem; }
.commerce-block__heading h3 { margin: 0; font-size: clamp(1.45rem, 2.6vw, 2.25rem); }
.commerce-block__heading p { margin: 7px 0 0; color: var(--muted); font-size: .74rem; }

.commerce-needs { display: grid; gap: 12px; grid-template-columns: repeat(6, minmax(0,1fr)); }
.commerce-needs article { min-height: 170px; padding: 20px 17px; border: 1px solid rgba(108, 134, 191, .16); background: rgba(255,255,255,.018); border-radius: 17px; transition: .28s; }
.commerce-needs article:hover { border-color: rgba(34,211,238,.3); background: rgba(34,211,238,.035); transform: translateY(-5px); }
.commerce-needs i { color: #63e0ee; font-size: 1.7rem; }.commerce-needs article:nth-child(even) i { color: #a984ff; }
.commerce-needs h4 { margin: 18px 0 7px; font-size: .83rem; }.commerce-needs p { margin: 0; color: var(--muted); font-size: .66rem; line-height: 1.65; }

.commerce-split { display: grid; gap: 16px; grid-template-columns: 1.35fr .65fr; }
.commerce-platforms-panel, .commerce-delivery-panel { padding: 30px; border: 1px solid var(--border); background: rgba(9,15,37,.65); border-radius: 24px; }
.commerce-platforms-panel .commerce-block__heading, .commerce-delivery-panel .commerce-block__heading { text-align: right; }
.commerce-platform-grid { display: grid; gap: 10px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.commerce-platform-grid article { min-height: 132px; padding: 18px; border: 1px solid rgba(106,133,190,.16); background: linear-gradient(145deg, rgba(18,30,61,.72), rgba(12,18,42,.7)); border-radius: 15px; }
.commerce-platform-grid strong { color: #fff; font-size: 1rem; }.commerce-platform-grid article:nth-child(2) strong { color: #a98aff; }.commerce-platform-grid article:nth-child(3) strong { color: #8ee7b0; }.commerce-platform-grid article:nth-child(4) strong { color: #d58cff; }
.commerce-platform-grid p { margin: 8px 0; color: var(--muted); font-size: .69rem; line-height: 1.6; }.commerce-platform-grid small { color: var(--cyan); font-size: .6rem; }
.commerce-delivery-panel ul { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.commerce-delivery-panel li { display: flex; align-items: flex-start; gap: 12px; padding: 13px; border: 1px solid rgba(104,132,190,.14); background: rgba(255,255,255,.018); border-radius: 13px; }
.commerce-delivery-panel li > i { margin-top: 2px; color: #66e3ef; font-size: 1.25rem; }.commerce-delivery-panel li span { display: grid; gap: 3px; }.commerce-delivery-panel strong { font-size: .76rem; }.commerce-delivery-panel small { color: var(--muted); font-size: .62rem; line-height: 1.5; }

@media(max-width:1100px){.commerce-hero{grid-template-columns:1fr;}.commerce-visual{max-width:760px;margin-inline:auto}.commerce-needs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.commerce-split{grid-template-columns:1fr}.commerce-metrics{overflow-x:auto;grid-template-columns:repeat(5,140px);scrollbar-width:none}.commerce-metrics::-webkit-scrollbar{display:none}}
@media(max-width:680px){.commerce-showcase{padding-block:12px 64px}.commerce-hero{min-height:0;padding:28px 20px;border-radius:22px 22px 0 0}.commerce-hero h2{font-size:2.35rem}.commerce-hero__copy>p{font-size:.82rem}.commerce-hero__actions{flex-direction:column}.commerce-hero__actions .button{width:100%}.commerce-float{min-width:90px;padding:9px}.commerce-block{padding:26px 14px}.commerce-needs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.commerce-needs::-webkit-scrollbar{display:none}.commerce-needs article{min-width:205px;flex:0 0 205px;scroll-snap-align:start}.commerce-platforms-panel,.commerce-delivery-panel{padding:24px 16px}.commerce-platform-grid{grid-template-columns:1fr}.commerce-platform-grid article{min-height:0}.commerce-metrics{border-radius:0 0 18px 18px}}

.trust-journey::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background: radial-gradient(circle at 18% 42%, rgba(241, 91, 181, 0.08), transparent 28%), radial-gradient(circle at 84% 64%, rgba(59, 130, 246, 0.1), transparent 30%);
}

.why-ibtikar,
.customer-journey {
  position: relative;
  border: 1px solid var(--border);
  background: linear-gradient(145deg, rgba(8, 16, 40, 0.92), rgba(10, 10, 34, 0.94));
  box-shadow: 0 28px 90px rgba(2, 5, 18, 0.24);
}

.why-ibtikar {
  padding: 28px 30px 30px;
  border-radius: 24px 24px 0 0;
}

.customer-journey {
  margin-top: -1px;
  padding: 28px 30px 30px;
  border-radius: 0 0 24px 24px;
}

.compact-heading {
  margin-bottom: 26px;
  text-align: center;
}

.compact-heading span {
  display: block;
  margin-bottom: 4px;
  color: var(--muted);
  font-size: 0.7rem;
}

.compact-heading h2 {
  margin: 0;
  font-size: clamp(1.45rem, 2.6vw, 2.25rem);
  letter-spacing: -0.035em;
}

.benefit-rail,
.journey-rail {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.benefit-rail article {
  display: flex;
  min-height: 84px;
  align-items: center;
  gap: 13px;
  padding: 13px 16px;
  border-left: 1px solid rgba(112, 132, 183, 0.13);
}

.benefit-rail article:last-child { border-left: 0; }

.benefit-rail i {
  display: grid;
  width: 43px;
  height: 43px;
  flex: 0 0 43px;
  place-items: center;
  color: #58dff1;
  border: 1px solid rgba(84, 218, 242, 0.2);
  background: rgba(34, 211, 238, 0.055);
  border-radius: 13px;
  font-size: 1.45rem;
}

.benefit-rail article:nth-child(2n) i { color: #aa80ff; border-color: rgba(170, 128, 255, 0.2); background: rgba(139, 92, 246, 0.06); }
.benefit-rail article:nth-child(3n) i { color: #ef73c7; border-color: rgba(239, 115, 199, 0.2); background: rgba(241, 91, 181, 0.055); }
.benefit-rail h3, .journey-rail h3 { margin: 0 0 4px; font-size: 0.82rem; }
.benefit-rail p, .journey-rail p { margin: 0; color: var(--muted); font-size: 0.65rem; line-height: 1.55; }

.journey-rail {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(102, 126, 185, 0.17);
  border-radius: 17px;
}

.journey-rail li {
  position: relative;
  display: flex;
  min-height: 118px;
  align-items: center;
  gap: 12px;
  padding: 26px 17px 17px;
  border-left: 1px solid rgba(112, 132, 183, 0.13);
  background: rgba(255, 255, 255, 0.012);
  transition: background 0.25s, transform 0.25s;
}

.journey-rail li:last-child { border-left: 0; }
.journey-rail li:hover { z-index: 2; background: rgba(139, 92, 246, 0.065); transform: translateY(-3px); }
.journey-number { position: absolute; top: -12px; right: 50%; display: grid; width: 31px; height: 31px; place-items: center; color: #fff; background: linear-gradient(135deg, #2ea9f8, #8b5cf6); border: 4px solid #080f26; border-radius: 50%; box-shadow: 0 6px 18px rgba(79, 97, 237, 0.33); font-size: 0.68rem; font-weight: 700; transform: translateX(50%); }
.journey-rail li > i { color: #5bddec; font-size: 1.75rem; }
.journey-rail li:nth-child(even) > i { color: #9c78ff; }

@media (max-width: 980px) {
  .benefit-rail,
  .journey-rail { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .benefit-rail::-webkit-scrollbar,
  .journey-rail::-webkit-scrollbar { display: none; }
  .benefit-rail article { min-width: 220px; flex: 0 0 220px; scroll-snap-align: start; }
  .journey-rail li { min-width: 220px; flex: 0 0 220px; scroll-snap-align: start; }
}

@media (max-width: 680px) {
  .trust-journey { padding: 8px 0 70px; }
  .why-ibtikar, .customer-journey { padding: 24px 0 24px; }
  .compact-heading { padding-inline: 18px; }
  .benefit-rail, .journey-rail { padding-inline: 14px; }
  .benefit-rail article { min-width: 196px; flex-basis: 196px; }
  .journey-rail { border-inline: 0; border-radius: 0; }
  .journey-rail li { min-width: 205px; flex-basis: 205px; }
}

.service-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.service-tags li {
  padding: 5px 8px;
  color: var(--muted-strong);
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.025);
  border-radius: 8px;
  font-size: 0.64rem;
}

.service-link {
  display: flex;
  width: 100%;
  min-height: 44px;
  align-items: center;
  justify-content: space-between;
  padding: 0 14px;
  color: var(--text-soft);
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.025);
  border-radius: 12px;
  font-size: 0.76rem;
  font-weight: 600;
  cursor: pointer;
  transition: color 0.2s, border-color 0.2s, background 0.2s;
}

.service-link:hover {
  color: var(--cyan);
  border-color: rgba(34, 211, 238, 0.3);
  background: rgba(34, 211, 238, 0.06);
}

.filter-empty {
  padding: 70px 20px;
  color: var(--muted);
  text-align: center;
}

.filter-empty i { margin-bottom: 12px; font-size: 2.6rem; color: var(--purple); }

.transformation {
  padding-top: 40px;
}

.transformation__frame {
  position: relative;
  display: grid;
  min-height: 530px;
  overflow: hidden;
  align-items: center;
  gap: 60px;
  padding: clamp(32px, 5.8vw, 72px);
  color: #fff;
  background:
    radial-gradient(circle at 18% 20%, rgba(34, 211, 238, 0.13), transparent 32%),
    radial-gradient(circle at 90% 78%, rgba(241, 91, 181, 0.15), transparent 30%),
    linear-gradient(130deg, #0c1f45, #22114f 56%, #14102d);
  border: 1px solid rgba(124, 158, 248, 0.22);
  border-radius: 34px;
  box-shadow: 0 38px 100px rgba(2, 5, 21, 0.44);
  grid-template-columns: 0.86fr 1.14fr;
}

.transformation__frame::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background-image:
    linear-gradient(rgba(137, 155, 214, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(137, 155, 214, 0.055) 1px, transparent 1px);
  background-size: 38px 38px;
  mask-image: linear-gradient(90deg, #000, transparent 78%);
}

.transformation__copy,
.transformation__map { position: relative; z-index: 1; }
.transformation .eyebrow { color: #bdf8ff; border-color: rgba(99, 224, 245, 0.25); background: rgba(34, 211, 238, 0.07); }
.transformation h2 { font-size: clamp(2rem, 4vw, 3.6rem); }
.transformation__copy > p { max-width: 500px; margin: 20px 0 30px; color: #bdc8e6; line-height: 1.9; }

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

.transformation__map article {
  position: relative;
  display: grid;
  min-height: 170px;
  align-content: center;
  gap: 13px;
  padding: 23px;
  border: 1px solid rgba(169, 185, 236, 0.16);
  background: rgba(6, 11, 32, 0.34);
  border-radius: 20px;
  backdrop-filter: blur(16px);
  transition: transform 0.25s, border-color 0.25s;
}

.transformation__map article:hover { border-color: rgba(105, 222, 240, 0.34); transform: translateY(-5px); }
.transformation__map article > span { position: absolute; top: 14px; left: 15px; color: rgba(211, 220, 250, 0.38); font-size: 0.66rem; }
.transformation__map article > i { font-size: 1.8rem; color: #5be3f5; }
.transformation__map div { display: flex; flex-direction: column; }
.transformation__map strong { font-size: 0.96rem; }
.transformation__map small { margin-top: 4px; color: #9eacd0; font-size: 0.7rem; }

.method {
  padding-bottom: 80px;
}

.process {
  position: relative;
  display: grid;
  gap: 14px;
  margin: 60px 0 0;
  padding: 0;
  list-style: none;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.process::before {
  position: absolute;
  z-index: 0;
  top: 63px;
  right: 10%;
  left: 10%;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, transparent, rgba(34, 211, 238, 0.45), rgba(139, 92, 246, 0.45), transparent);
}

.process li {
  position: relative;
  z-index: 1;
  min-height: 300px;
  padding: 23px;
  border: 1px solid var(--border);
  background: color-mix(in srgb, var(--surface) 82%, transparent);
  border-radius: 22px;
  transition: transform 0.3s, border-color 0.3s;
}

.process li:hover { border-color: rgba(139, 92, 246, 0.38); transform: translateY(-6px); }
.process__number { display: block; color: var(--muted); font-size: 0.64rem; letter-spacing: 0.08em; }
.process li > i { display: grid; width: 55px; height: 55px; margin: 24px 0 32px; place-items: center; color: var(--cyan); border: 1px solid rgba(34, 211, 238, 0.2); background: var(--bg-elevated); border-radius: 16px; box-shadow: 0 0 0 8px var(--bg); font-size: 1.65rem; }
.process h3 { margin-bottom: 10px; font-size: 1rem; }
.process p { margin: 0; color: var(--muted); font-size: 0.76rem; line-height: 1.8; }

.deliverables {
  background: linear-gradient(180deg, transparent, color-mix(in srgb, var(--bg-soft) 76%, transparent), transparent);
}

.deliverables__grid {
  display: grid;
  align-items: center;
  gap: 80px;
  grid-template-columns: 0.9fr 1.1fr;
}

.deliverables__copy > p { max-width: 510px; margin: 22px 0; color: var(--muted-strong); line-height: 1.9; }

.deliverables__note {
  display: flex;
  max-width: 470px;
  align-items: center;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(52, 211, 153, 0.18);
  background: rgba(52, 211, 153, 0.045);
  border-radius: 17px;
}

.deliverables__note > i { font-size: 1.8rem; color: var(--success); }
.deliverables__note div { display: flex; flex-direction: column; }
.deliverables__note strong { font-size: 0.82rem; }
.deliverables__note small { margin-top: 4px; color: var(--muted); font-size: 0.69rem; line-height: 1.6; }

.deliverables__list {
  position: relative;
  display: grid;
  gap: 13px;
}

.deliverables__list::before {
  position: absolute;
  z-index: -1;
  top: 50%;
  right: 15%;
  width: 70%;
  height: 80%;
  content: "";
  background: radial-gradient(circle, rgba(139, 92, 246, 0.18), transparent 67%);
  filter: blur(30px);
  transform: translateY(-50%);
}

.deliverables__list article {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 19px;
  border: 1px solid var(--border);
  background: color-mix(in srgb, var(--surface-strong) 84%, transparent);
  border-radius: 18px;
  box-shadow: var(--shadow-sm);
  transition: transform 0.25s, border-color 0.25s;
}

.deliverables__list article:hover { border-color: rgba(34, 211, 238, 0.3); transform: translateX(-6px); }
.deliverables__list article > i { display: grid; width: 48px; height: 48px; flex: 0 0 auto; place-items: center; color: var(--purple); background: rgba(139, 92, 246, 0.08); border-radius: 14px; font-size: 1.55rem; }
.deliverables__list strong { font-size: 0.9rem; }
.deliverables__list p { margin: 5px 0 0; color: var(--muted); font-size: 0.72rem; line-height: 1.65; }

.path-grid {
  display: grid;
  align-items: stretch;
  gap: 18px;
  margin-top: 52px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.path-card {
  position: relative;
  display: flex;
  min-height: 510px;
  flex-direction: column;
  padding: 29px;
  border: 1px solid var(--border);
  background: color-mix(in srgb, var(--surface) 86%, transparent);
  border-radius: 25px;
  box-shadow: var(--shadow-sm);
}

.path-card--accent {
  border-color: rgba(139, 92, 246, 0.5);
  background:
    radial-gradient(circle at 85% 8%, rgba(34, 211, 238, 0.1), transparent 30%),
    linear-gradient(155deg, rgba(18, 33, 71, 0.95), rgba(29, 15, 61, 0.94));
  box-shadow: 0 28px 80px rgba(3, 7, 22, 0.34), 0 0 0 1px rgba(139, 92, 246, 0.07);
  transform: translateY(-10px);
}

html[data-theme="light"] .path-card--accent { color: #fff; }

.path-card__badge {
  position: absolute;
  top: 20px;
  left: 20px;
  padding: 6px 9px;
  color: #fff;
  background: linear-gradient(110deg, var(--blue), var(--purple));
  border-radius: 9px;
  font-size: 0.64rem;
  font-weight: 700;
}

.path-card__icon { margin-bottom: 25px; }
.path-card > span:not(.path-card__badge) { color: var(--muted); font-size: 0.7rem; }
.path-card h3 { margin: 7px 0 10px; font-size: 1.45rem; }
.path-card > p { min-height: 74px; margin-bottom: 22px; color: var(--muted); font-size: 0.8rem; line-height: 1.8; }
.path-card--accent > span:not(.path-card__badge), .path-card--accent > p { color: #aebcdd; }
.path-card ul { display: grid; gap: 12px; margin: 0 0 28px; padding: 19px 0 0; border-top: 1px solid var(--border); list-style: none; }
.path-card li { display: flex; align-items: center; gap: 8px; color: var(--muted-strong); font-size: 0.76rem; }
.path-card li i { color: var(--success); }
.path-card .button { width: 100%; margin-top: auto; }

.faq {
  padding-top: 90px;
}

.faq__grid {
  display: grid;
  align-items: start;
  gap: 80px;
  grid-template-columns: 0.76fr 1.24fr;
}

.faq__intro {
  position: sticky;
  top: 120px;
}

.faq__intro > p { max-width: 430px; margin: 20px 0 12px; color: var(--muted-strong); line-height: 1.9; }

.accordion {
  display: grid;
  gap: 11px;
}

.accordion__item {
  overflow: hidden;
  border: 1px solid var(--border);
  background: color-mix(in srgb, var(--surface) 82%, transparent);
  border-radius: 18px;
  transition: border-color 0.25s;
}

.accordion__item:has(button[aria-expanded="true"]) { border-color: rgba(139, 92, 246, 0.34); }
.accordion__item h3 { margin: 0; }
.accordion__item button { display: flex; width: 100%; min-height: 70px; align-items: center; justify-content: space-between; gap: 18px; padding: 0 20px; text-align: right; border: 0; background: transparent; font-size: 0.86rem; font-weight: 600; cursor: pointer; }
.accordion__item button i { display: grid; width: 32px; height: 32px; flex: 0 0 auto; place-items: center; color: var(--cyan); background: rgba(34, 211, 238, 0.07); border-radius: 10px; }
.accordion__panel { padding: 0 20px 21px; }
.accordion__panel p { max-width: 680px; margin: 0; color: var(--muted); font-size: 0.78rem; line-height: 1.85; }

.final-cta {
  padding: 50px 0 100px;
}

.final-cta__frame {
  position: relative;
  display: grid;
  min-height: 260px;
  overflow: hidden;
  align-items: center;
  gap: 26px;
  padding: 38px 44px;
  color: #fff;
  border: 1px solid rgba(138, 164, 245, 0.28);
  background: linear-gradient(120deg, #091a3a, #221250 55%, #151136);
  border-radius: 30px;
  box-shadow: 0 30px 90px rgba(3, 7, 22, 0.4);
  grid-template-columns: 90px 1fr auto;
}

.final-cta__frame::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background-image: linear-gradient(rgba(134, 154, 222, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(134, 154, 222, 0.05) 1px, transparent 1px);
  background-size: 30px 30px;
}

.final-cta__glow { position: absolute; left: -80px; bottom: -140px; width: 420px; height: 420px; background: radial-gradient(circle, rgba(241, 91, 181, 0.35), transparent 65%); filter: blur(20px); }
.final-cta__icon { position: relative; z-index: 1; display: grid; width: 82px; height: 82px; place-items: center; color: #fff; background: var(--gradient); border-radius: 25px; box-shadow: 0 22px 50px rgba(109, 65, 224, 0.38); }
.final-cta__icon i { font-size: 2.45rem; }
.final-cta__copy { position: relative; z-index: 1; }
.final-cta__copy > span { color: #8ff1ff; font-size: 0.72rem; font-weight: 600; }
.final-cta h2 { max-width: 650px; margin: 8px 0 8px; font-size: clamp(1.7rem, 3.1vw, 2.75rem); letter-spacing: -0.04em; line-height: 1.35; }
.final-cta p { margin: 0; color: #b8c5e4; font-size: 0.8rem; line-height: 1.7; }
.final-cta .button { position: relative; z-index: 1; white-space: nowrap; }

.footer {
  padding: 64px 0 22px;
  border-top: 1px solid var(--border);
  background: color-mix(in srgb, var(--bg-soft) 84%, transparent);
}

.footer__grid {
  display: grid;
  gap: 50px;
  grid-template-columns: 1.4fr repeat(3, 0.7fr);
}

.footer__brand p { max-width: 340px; margin: 19px 0 0; color: var(--muted); font-size: 0.76rem; line-height: 1.85; }
.footer h3 { margin-bottom: 18px; font-size: 0.8rem; }
.footer__grid > div:not(.footer__brand) { display: flex; flex-direction: column; align-items: flex-start; }
.footer__grid > div:not(.footer__brand) a,
.footer-link { margin-bottom: 11px; padding: 0; color: var(--muted); border: 0; background: transparent; font-size: 0.72rem; cursor: pointer; transition: color 0.2s; }
.footer__grid > div:not(.footer__brand) a:hover,
.footer-link:hover { color: var(--cyan); }
.footer-todo { margin-top: 8px; padding: 7px 9px; color: var(--muted); border: 1px dashed var(--border-strong); border-radius: 8px; font-size: 0.61rem; }
.footer__bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 50px; padding-top: 20px; color: var(--muted); border-top: 1px solid var(--border); font-size: 0.66rem; }
.footer__bottom p { margin: 0; }

dialog {
  max-width: calc(100% - 32px);
  padding: 0;
  color: var(--text);
  border: 1px solid var(--border-strong);
  background: var(--surface-strong);
  border-radius: 26px;
  box-shadow: 0 40px 120px rgba(1, 4, 17, 0.62);
}

dialog::backdrop {
  background: rgba(2, 5, 17, 0.76);
  backdrop-filter: blur(8px);
}

.wizard { width: min(720px, calc(100% - 32px)); }
.wizard__shell { padding: 26px; }
.wizard__head { display: flex; align-items: start; justify-content: space-between; gap: 20px; }
.wizard__eyebrow { color: var(--cyan); font-size: 0.7rem; font-weight: 600; }
.wizard__head h2 { margin: 4px 0 0; font-size: clamp(1.35rem, 3vw, 2rem); }
.wizard__progress { height: 4px; margin: 22px 0 28px; overflow: hidden; background: var(--border); border-radius: var(--radius-pill); }
.wizard__progress span { display: block; height: 100%; background: var(--gradient); border-radius: inherit; transition: width 0.35s var(--ease-smooth); }
.wizard__step { animation: step-in 0.3s var(--ease-smooth); }
@keyframes step-in { from { opacity: 0; transform: translateX(-12px); } }
.step-label { color: var(--muted); font-size: 0.68rem; }
.wizard__step h3 { margin: 7px 0 4px; font-size: 1.2rem; }
.wizard__step > p { color: var(--muted); font-size: 0.76rem; }
.choice-grid { display: grid; gap: 11px; margin-top: 24px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.choice-grid button { display: flex; min-height: 86px; align-items: center; gap: 13px; padding: 15px; color: var(--text-soft); text-align: right; border: 1px solid var(--border); background: rgba(255, 255, 255, 0.025); border-radius: 16px; cursor: pointer; transition: border-color 0.2s, background 0.2s, transform 0.2s; }
.choice-grid button:hover { border-color: rgba(139, 92, 246, 0.36); transform: translateY(-2px); }
.choice-grid button.is-selected { border-color: rgba(34, 211, 238, 0.5); background: linear-gradient(110deg, rgba(34, 211, 238, 0.08), rgba(139, 92, 246, 0.1)); box-shadow: inset 0 0 0 1px rgba(34, 211, 238, 0.08); }
.choice-grid button i { font-size: 1.8rem; color: var(--purple); }
.choice-grid button.is-selected i { color: var(--cyan); }
.choice-grid button span { font-size: 0.82rem; font-weight: 600; }
.wizard__actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 28px; padding-top: 19px; border-top: 1px solid var(--border); }
.recommendation-icon { display: grid; width: 64px; height: 64px; margin-bottom: 18px; place-items: center; color: #fff; background: var(--gradient); border-radius: 19px; box-shadow: 0 16px 38px rgba(105, 65, 223, 0.28); }
.recommendation-icon i { font-size: 2rem; }
.recommendation-summary { display: grid; gap: 10px; margin-top: 23px; grid-template-columns: repeat(2, 1fr); }
.recommendation-summary span { display: flex; min-height: 70px; flex-direction: column; justify-content: center; padding: 12px 15px; border: 1px solid var(--border); background: rgba(255, 255, 255, 0.025); border-radius: 14px; }
.recommendation-summary small { color: var(--muted); font-size: 0.62rem; }
.recommendation-summary strong { margin-top: 4px; font-size: 0.78rem; }
.wizard__notice { display: flex; gap: 9px; margin-top: 13px; padding: 11px; color: var(--muted); background: rgba(59, 130, 246, 0.06); border-radius: 12px; }
.wizard__notice i { color: var(--blue); }
.wizard__notice p { margin: 0; font-size: 0.66rem; line-height: 1.65; }

.service-dialog { width: min(580px, calc(100% - 32px)); }
.service-dialog__shell { position: relative; padding: 32px; }
.service-dialog__close { position: absolute; top: 18px; left: 18px; }
.service-dialog__icon { width: 60px; height: 60px; margin-bottom: 22px; }
.service-dialog__icon i { font-size: 1.9rem; }
.service-dialog h2 { margin: 6px 0 10px; font-size: 1.7rem; }
.service-dialog__shell > p { color: var(--muted-strong); line-height: 1.85; }
.service-dialog__deliverables { margin: 23px 0; padding: 18px; border: 1px solid var(--border); background: rgba(255, 255, 255, 0.025); border-radius: 16px; }
.service-dialog__deliverables h3 { margin-bottom: 13px; font-size: 0.85rem; }
.service-dialog__deliverables ul { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }
.service-dialog__deliverables li { display: flex; align-items: center; gap: 8px; color: var(--muted-strong); font-size: 0.73rem; }
.service-dialog__deliverables i { color: var(--success); }

.reveal {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity 0.75s var(--ease-smooth), transform 0.75s var(--ease-smooth);
}

.reveal[data-delay="1"] { transition-delay: 0.12s; }
.reveal.is-visible { opacity: 1; transform: translateY(0); }

@media (max-width: 1100px) {
  .hero { min-height: auto; padding-top: 80px; }
  .hero__grid { grid-template-columns: 1fr; }
  .hero__content { max-width: 780px; margin-inline: auto; text-align: center; }
  .hero__content > p { margin-inline: auto; }
  .hero__actions, .hero__assurances { justify-content: center; }
  .hero__visual { width: min(620px, 100%); margin-inline: auto; }
  .system-card { transform: none; }
  .platform-strip .container { gap: 22px; grid-template-columns: 1fr; padding-block: 24px; }
  .platform-strip p { text-align: center; }
  .services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .transformation__frame { grid-template-columns: 1fr; }
  .transformation__copy { max-width: 760px; }
  .process { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .process::before { display: none; }
  .deliverables__grid { gap: 50px; }
  .final-cta__frame { grid-template-columns: 76px 1fr; }
  .final-cta .button { grid-column: 2; justify-self: start; }
}

@media (max-width: 900px) {
  .desktop-nav, .desktop-cta { display: none; }
  .menu-toggle { display: inline-grid; }
  .mobile-menu {
    position: fixed;
    z-index: 1002;
    top: 0;
    right: 0;
    display: flex;
    width: min(360px, 88vw);
    height: 100dvh;
    flex-direction: column;
    gap: 6px;
    padding: 22px;
    border-left: 1px solid var(--border);
    background: var(--surface-strong);
    box-shadow: -25px 0 70px rgba(2, 5, 18, 0.38);
    animation: menu-in 0.35s var(--ease-smooth);
  }
  @keyframes menu-in { from { transform: translateX(100%); } }
  .mobile-menu__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid var(--border); font-weight: 700; }
  .mobile-menu > a { padding: 13px 14px; color: var(--muted-strong); border-radius: 12px; font-size: 0.85rem; }
  .mobile-menu > a:hover { color: var(--text); background: rgba(139, 92, 246, 0.08); }
  .mobile-menu > .button { margin-top: auto; }
  .menu-backdrop { position: fixed; z-index: 1001; inset: 0; display: block; background: rgba(2, 5, 18, 0.7); backdrop-filter: blur(5px); }
  .section { padding-block: 94px; }
  .section-heading--split { grid-template-columns: 1fr; gap: 20px; }
  .section-heading--split > p { max-width: 650px; }
  .platforms { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .process { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .deliverables__grid, .faq__grid { grid-template-columns: 1fr; }
  .faq__intro { position: static; }
  .path-grid { grid-template-columns: 1fr; }
  .path-card { min-height: 0; }
  .path-card--accent { transform: none; }
  .footer__grid { grid-template-columns: repeat(3, 1fr); }
  .footer__brand { grid-column: 1 / -1; }
}

@media (max-width: 680px) {
  .container { width: min(calc(100% - 28px), var(--container)); }
  .announcement__inner { justify-content: center; text-align: center; }
  .announcement a { display: none; }
  .site-header { top: 7px; padding-inline: 7px; }
  .nav { height: 62px; padding: 0 9px; border-radius: 18px; }
  .brand__mark { width: 38px; height: 38px; border-radius: 12px; }
  .brand__logo { width: 126px; height: 42px; padding: 4px 6px; border-radius: 11px; }
  .brand__copy strong { font-size: 0.88rem; }
  .brand__copy small { font-size: 0.6rem; }
  .nav__actions { gap: 6px; }
  .nav__actions .icon-button { width: 38px; height: 38px; border-radius: 11px; }
  .hero { padding: 68px 0 60px; }
  .hero h1 { margin: 18px 0; font-size: clamp(2.25rem, 12vw, 3.4rem); line-height: 1.2; }
  .hero__content > p { font-size: 0.94rem; line-height: 1.85; }
  .hero__actions { flex-direction: column; gap: 10px; }
  .button--hero { width: 100%; }
  .hero__assurances { gap: 8px 14px; }
  .system-card { min-height: 480px; padding: 14px; border-radius: 24px; }
  .system-card__core { height: 368px; }
  .system-node { min-width: 0; width: calc(50% - 26px); padding: 9px; }
  .system-node--commerce, .system-node--growth { right: 12px; }
  .system-node--experience, .system-node--tech { left: 12px; }
  .system-node > span { width: 34px; height: 34px; }
  .system-node small { display: none; }
  .system-node strong { font-size: 0.69rem; }
  .core-orbit--one { width: 220px; height: 220px; }
  .platforms { gap: 18px 10px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .section { padding-block: 78px; }
  .section-heading h2, .transformation h2, .deliverables h2, .faq h2 { font-size: clamp(1.85rem, 9vw, 2.7rem); }
  .service-filter { width: calc(100vw - 28px); margin-inline: 0; }
  .services-grid { grid-template-columns: 1fr; }
  .service-card { min-height: 355px; }
  .transformation { padding-top: 12px; }
  .transformation__frame { gap: 38px; padding: 28px 20px; border-radius: 25px; }
  .transformation__map { grid-template-columns: 1fr; }
  .transformation__map article { min-height: 126px; }
  .process { grid-template-columns: 1fr; }
  .process li { min-height: 0; }
  .process li > i { margin-bottom: 18px; }
  .deliverables__list article { align-items: flex-start; }
  .faq__grid { gap: 42px; }
  .accordion__item button { min-height: 66px; padding: 0 15px; font-size: 0.79rem; }
  .accordion__panel { padding: 0 15px 17px; }
  .final-cta { padding-bottom: 70px; }
  .final-cta__frame { padding: 27px 20px; text-align: center; grid-template-columns: 1fr; }
  .final-cta__icon { margin-inline: auto; }
  .final-cta .button { width: 100%; grid-column: 1; justify-self: stretch; }
  .footer__grid { grid-template-columns: 1fr 1fr; gap: 34px; }
  .footer__brand { grid-column: 1 / -1; }
  .footer__bottom { align-items: flex-start; flex-direction: column; }
  .wizard__shell, .service-dialog__shell { padding: 20px; }
  .choice-grid { grid-template-columns: 1fr; }
  .choice-grid button { min-height: 70px; }
  .wizard__actions { flex-wrap: wrap; }
  .wizard__actions .button { flex: 1 1 auto; }
  .recommendation-summary { grid-template-columns: 1fr; }
  .service-dialog__close { top: 14px; left: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  .reveal { opacity: 1; transform: none; }
  .site-header.cinematic-hidden { transform: none; }
}

@supports not (backdrop-filter: blur(10px)) {
  .nav, .glass-card, .system-node, .mobile-menu, dialog { background: var(--bg-elevated); }
}

/* Image-led services and true single-line platform rail */
.platform-strip .container{grid-template-columns:240px minmax(0,1fr);overflow:hidden}.platforms{display:flex!important;align-items:center;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:16px 2px}.platforms::-webkit-scrollbar{display:none}.platform-logo{display:flex;min-width:128px;height:58px;flex:1 0 128px;align-items:center;justify-content:center;gap:9px;padding:10px 14px;border:1px solid var(--border);background:rgba(255,255,255,.025);border-radius:15px;scroll-snap-align:start;transition:.25s}.platform-logo:hover{border-color:rgba(34,211,238,.26);background:rgba(34,211,238,.04);transform:translateY(-2px)}.platform-logo img{display:block;width:28px;height:28px;object-fit:contain}.platform-logo span{color:var(--muted-strong);font-size:.72rem;font-weight:700;white-space:nowrap}
.services-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.service-card{min-height:390px;gap:15px;padding:18px 18px 15px;border-radius:19px;justify-content:flex-start}.service-card__copy{min-height:143px}.service-card h3{font-size:1.02rem;margin-bottom:8px}.service-card p{font-size:.72rem;line-height:1.75}.service-kicker{font-size:.62rem;margin-bottom:7px}.service-visual{position:relative;overflow:hidden;aspect-ratio:1.3/1;border:1px solid rgba(117,143,194,.2);background:#081126;border-radius:13px}.service-visual:after{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(180deg,transparent 68%,rgba(4,8,23,.55))}.service-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ease-smooth)}.service-card:hover .service-visual img{transform:scale(1.035)}.service-number{position:absolute;z-index:2;right:9px;bottom:7px;padding:4px 7px;color:#fff;background:rgba(4,8,23,.72);border:1px solid rgba(255,255,255,.12);border-radius:7px;backdrop-filter:blur(7px)}.service-card__footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.service-tags{flex-wrap:nowrap;min-width:0;overflow:hidden}.service-tags li{white-space:nowrap}.service-link{display:grid!important;width:34px!important;height:34px!important;min-height:34px;flex:0 0 34px;place-items:center;padding:0!important;border:1px solid rgba(34,211,238,.22)!important;background:rgba(34,211,238,.07)!important;border-radius:10px!important}.service-link i{margin:0!important}
@media(max-width:1180px){.services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:860px){.platform-strip .container{display:block;padding-block:20px}.platform-strip p{text-align:right;margin-bottom:8px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.platform-strip .container{width:100%;padding-right:14px}.platform-strip p{padding-left:14px}.platforms{direction:rtl;padding-left:14px}.platform-logo{min-width:118px;flex-basis:118px}.platform-logo img{width:25px;height:25px}.services-grid{grid-template-columns:1fr}.service-card{min-height:0}.service-card__copy{min-height:0}.service-visual{aspect-ratio:1.72/1}.service-card h3{font-size:1.1rem}.service-card p{font-size:.78rem}}

.store-page{padding-top:110px}.store-topbar{position:fixed;z-index:1000;top:14px;right:50%;display:flex;width:min(1180px,calc(100% - 28px));height:70px;align-items:center;justify-content:space-between;padding:0 14px 0 20px;border:1px solid var(--border);background:rgba(6,11,29,.88);border-radius:20px;box-shadow:0 18px 50px rgba(0,0,0,.26);backdrop-filter:blur(18px);transform:translateX(50%)}.store-topbar img{width:142px;height:48px;object-fit:contain;border-radius:10px}.store-topbar nav{display:flex;align-items:center;gap:24px}.store-topbar nav a{color:var(--muted-strong);font-size:.76rem}.store-topbar nav a:hover{color:#fff}.store-contact{padding:20px 0 100px}.store-contact__frame{display:grid;align-items:center;gap:24px;padding:38px 42px;border:1px solid rgba(107,137,200,.22);background:linear-gradient(120deg,rgba(18,42,76,.94),rgba(47,20,78,.92));border-radius:26px;grid-template-columns:1fr auto}.store-contact h2{margin:0 0 8px;font-size:clamp(1.7rem,3vw,2.8rem)}.store-contact p{margin:0;color:#becbea}.store-footer{padding:24px 0;border-top:1px solid var(--border);color:var(--muted);font-size:.68rem}.store-footer .container{display:flex;justify-content:space-between;gap:20px}.commerce-showcase{padding-top:20px}@media(max-width:720px){.store-page{padding-top:92px}.store-topbar{height:62px}.store-topbar img{width:120px;height:42px}.store-topbar nav a:not(.button){display:none}.store-contact__frame{padding:28px 20px;text-align:center;grid-template-columns:1fr}.store-contact .button{width:100%}.store-footer .container{flex-direction:column;text-align:center}}

.reveal{opacity:1!important;transform:none!important}
.store-page{padding-top:110px}.store-topbar{position:fixed;z-index:1000;top:14px;right:50%;display:flex;width:min(1180px,calc(100% - 28px));height:70px;align-items:center;justify-content:space-between;padding:0 14px 0 20px;border:1px solid var(--border);background:rgba(6,11,29,.88);border-radius:20px;box-shadow:0 18px 50px rgba(0,0,0,.26);backdrop-filter:blur(18px);transform:translateX(50%)}.store-topbar img{width:142px;height:48px;object-fit:contain;border-radius:10px}.store-topbar nav{display:flex;align-items:center;gap:24px}.store-topbar nav a{color:var(--muted-strong);font-size:.76rem}.store-topbar nav a:hover{color:#fff}.store-contact{padding:20px 0 100px}.store-contact__frame{display:grid;align-items:center;gap:24px;padding:38px 42px;border:1px solid rgba(107,137,200,.22);background:linear-gradient(120deg,rgba(18,42,76,.94),rgba(47,20,78,.92));border-radius:26px;grid-template-columns:1fr auto}.store-contact h2{margin:0 0 8px;font-size:clamp(1.7rem,3vw,2.8rem)}.store-contact p{margin:0;color:#becbea}.store-footer{padding:24px 0;border-top:1px solid var(--border);color:var(--muted);font-size:.68rem}.store-footer .container{display:flex;justify-content:space-between;gap:20px}.commerce-showcase{padding-top:20px}@media(max-width:720px){.store-page{padding-top:92px}.store-topbar{height:62px}.store-topbar img{width:120px;height:42px}.store-topbar nav a:not(.button){display:none}.store-contact__frame{padding:28px 20px;text-align:center;grid-template-columns:1fr}.store-contact .button{width:100%}.store-footer .container{flex-direction:column;text-align:center}}

.reveal{opacity:1!important;transform:none!important}
.store-page{padding-top:110px}.store-topbar{position:fixed;z-index:1000;top:14px;right:50%;display:flex;width:min(1180px,calc(100% - 28px));height:70px;align-items:center;justify-content:space-between;padding:0 14px 0 20px;border:1px solid var(--border);background:rgba(6,11,29,.88);border-radius:20px;box-shadow:0 18px 50px rgba(0,0,0,.26);backdrop-filter:blur(18px);transform:translateX(50%)}.store-topbar img{width:142px;height:48px;object-fit:contain;border-radius:10px}.store-topbar nav{display:flex;align-items:center;gap:24px}.store-topbar nav a{color:var(--muted-strong);font-size:.76rem}.store-topbar nav a:hover{color:#fff}.section-band{padding:62px 0}.section-band:nth-of-type(even){background:rgba(9,15,37,.42)}.store-section-heading{max-width:760px;margin:0 auto 28px;text-align:center}.store-section-heading>span{color:var(--cyan);font-size:.68rem}.store-section-heading h2{margin:7px 0;font-size:clamp(1.7rem,3.2vw,3rem)}.store-section-heading p{margin:0;color:var(--muted);font-size:.76rem}.specialty-grid{display:grid;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr))}.specialty-grid article{overflow:hidden;border:1px solid var(--border);background:#091127;border-radius:17px}.specialty-grid article>div{min-height:116px;padding:18px}.specialty-grid h3{margin:0 0 7px;font-size:.82rem}.specialty-grid p{margin:0;color:var(--muted);font-size:.64rem;line-height:1.6}.specialty-grid img{display:block;width:100%;aspect-ratio:1.55/1;object-fit:cover;border-top:1px solid var(--border)}.store-process-rail{display:grid;margin:0;padding:0;list-style:none;grid-template-columns:repeat(5,1fr);border:1px solid var(--border);border-radius:18px}.store-process-rail li{position:relative;min-height:155px;padding:30px 22px 20px;border-left:1px solid var(--border)}.store-process-rail li:last-child{border-left:0}.store-process-rail b{position:absolute;top:-16px;right:50%;display:grid;width:32px;height:32px;place-items:center;color:#fff;background:var(--gradient);border:4px solid var(--bg);border-radius:50%;font-size:.66rem;transform:translateX(50%)}.store-process-rail i{color:var(--cyan);font-size:1.6rem}.store-process-rail h3{margin:15px 0 5px;font-size:.82rem}.store-process-rail p{margin:0;color:var(--muted);font-size:.64rem}.outcome-grid{display:grid;gap:10px;grid-template-columns:repeat(5,1fr)}.outcome-grid article{display:flex;align-items:center;gap:12px;padding:17px;border:1px solid rgba(216,176,86,.3);background:rgba(216,176,86,.025);border-radius:13px}.outcome-grid i{color:#74e5ef;font-size:1.35rem}.outcome-grid span{display:grid}.outcome-grid strong{font-size:.72rem}.outcome-grid small{color:var(--muted);font-size:.59rem}.package-grid{display:grid;align-items:stretch;gap:16px;grid-template-columns:repeat(3,1fr)}.package-grid article{position:relative;padding:28px;border:1px solid var(--border);background:#091127;border-radius:21px}.package-grid .package-featured{border-color:rgba(101,210,238,.45);background:linear-gradient(150deg,rgba(17,45,73,.92),rgba(37,19,67,.9));transform:translateY(-8px)}.package-grid em{position:absolute;top:14px;left:14px;padding:5px 9px;color:#fff;background:var(--gradient);border-radius:8px;font-size:.58rem;font-style:normal}.package-grid span{color:var(--muted);font-size:.64rem}.package-grid h3{margin:7px 0;font-size:1.25rem}.package-grid>article>strong{color:#74e5ef;font-size:.86rem}.package-grid ul{display:grid;gap:10px;margin:22px 0;padding:0;list-style:none}.package-grid li{color:var(--muted-strong);font-size:.7rem}.package-grid li:before{margin-left:7px;color:var(--cyan);content:"✓"}.package-grid a{display:flex;min-height:42px;align-items:center;justify-content:center;color:#fff;border:1px solid rgba(116,229,239,.35);border-radius:11px;font-size:.72rem}.package-featured a{border:0;background:var(--gradient)}.store-faq-grid{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.store-faq details{border:1px solid var(--border);background:#091127;border-radius:13px}.store-faq summary{padding:17px;cursor:pointer;font-size:.76rem;font-weight:700}.store-faq details p{margin:0;padding:0 17px 17px;color:var(--muted);font-size:.7rem;line-height:1.7}.store-contact{padding:20px 0 100px}.store-contact__frame{display:grid;align-items:center;gap:24px;padding:38px 42px;border:1px solid rgba(107,137,200,.22);background:linear-gradient(120deg,rgba(18,42,76,.94),rgba(47,20,78,.92));border-radius:26px;grid-template-columns:1fr auto}.store-contact h2{margin:0 0 8px;font-size:clamp(1.7rem,3vw,2.8rem)}.store-contact p{margin:0;color:#becbea}.store-footer{padding:24px 0;border-top:1px solid var(--border);color:var(--muted);font-size:.68rem}.store-footer .container{display:flex;justify-content:space-between;gap:20px}.commerce-showcase{padding-top:20px}@media(max-width:1000px){.specialty-grid{grid-template-columns:repeat(3,1fr)}.outcome-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.store-page{padding-top:92px}.store-topbar{height:62px}.store-topbar img{width:120px;height:42px}.store-topbar nav a:not(.button){display:none}.section-band{padding:46px 0}.specialty-grid{grid-template-columns:repeat(2,1fr)}.store-process-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.store-process-rail li{min-width:205px;flex:0 0 205px;scroll-snap-align:start}.outcome-grid{grid-template-columns:1fr}.package-grid{grid-template-columns:1fr}.package-grid .package-featured{transform:none}.store-faq-grid{grid-template-columns:1fr}.store-contact__frame{padding:28px 20px;text-align:center;grid-template-columns:1fr}.store-contact .button{width:100%}.store-footer .container{flex-direction:column;text-align:center}}@media(max-width:460px){.specialty-grid{grid-template-columns:1fr}}

:root{scroll-behavior:smooth}.reveal{opacity:1!important;transform:none!important}.service-page{padding-top:100px}.svc-container{width:min(1180px,calc(100% - 32px));margin-inline:auto}.svc-section{padding:76px 0}.svc-section.alt{background:rgba(9,15,37,.45)}.svc-heading{max-width:760px;margin:0 auto 34px;text-align:center}.svc-heading span{color:var(--cyan);font-size:.68rem}.svc-heading h2{margin:7px 0 10px;font-size:clamp(1.75rem,3.3vw,3.15rem);line-height:1.25}.svc-heading p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.8}.svc-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;padding:22px 0;color:var(--muted);font-size:.68rem}.svc-breadcrumb a{color:var(--muted-strong)}.svc-breadcrumb b{color:#fff}.svc-hero{display:grid;align-items:center;gap:46px;min-height:610px;padding:52px;border:1px solid rgba(94,128,198,.22);background:radial-gradient(circle at 85% 22%,rgba(139,92,246,.14),transparent 34%),#080f24;border-radius:30px;grid-template-columns:.93fr 1.07fr}.svc-badge{display:inline-flex;padding:7px 11px;color:#8beaf3;border:1px solid rgba(34,211,238,.25);background:rgba(34,211,238,.06);border-radius:10px;font-size:.66rem}.svc-hero h1{margin:18px 0;font-size:clamp(2.3rem,4.8vw,4.7rem);letter-spacing:-.06em;line-height:1.18}.svc-hero h1 span{color:transparent;background:var(--gradient);background-clip:text;-webkit-background-clip:text}.svc-hero p{margin:0;color:var(--muted-strong);line-height:1.9}.svc-actions{display:flex;align-items:center;gap:16px;margin-top:25px}.svc-text-link{color:#b9c8e7;font-size:.75rem}.svc-mock{position:relative}.svc-mock img{display:block;width:100%;filter:drop-shadow(0 30px 45px rgba(0,0,0,.4))}.device-mobile{position:absolute;right:-12px;bottom:-18px;width:31%;overflow:hidden;border:6px solid #121b35;border-radius:24px;box-shadow:0 20px 40px rgba(0,0,0,.4)}.quick-info{display:flex;overflow-x:auto;margin-top:16px;border:1px solid var(--border);background:#091127;border-radius:18px;scrollbar-width:none}.quick-info::-webkit-scrollbar{display:none}.quick-info span{min-width:165px;flex:1 0 165px;padding:18px;border-left:1px solid var(--border)}.quick-info span:last-child{border-left:0}.quick-info strong,.quick-info small{display:block}.quick-info strong{font-size:.7rem}.quick-info small{margin-top:4px;color:var(--muted);font-size:.6rem}.problem-grid,.result-grid{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.problem-grid article,.result-grid article{padding:22px;border:1px solid var(--border);background:#091127;border-radius:17px}.problem-grid i,.result-grid i{color:var(--cyan);font-size:1.45rem}.problem-grid h3,.result-grid h3{margin:16px 0 7px;font-size:.86rem}.problem-grid p,.result-grid p{margin:0;color:var(--muted);font-size:.68rem;line-height:1.7}.fit-grid{display:grid;gap:16px;grid-template-columns:1fr 1fr}.fit-card{padding:30px;border:1px solid var(--border);background:#091127;border-radius:22px}.fit-card.good{border-color:rgba(34,211,238,.26)}.fit-card h3{margin:0 0 18px}.fit-card ul,.scope-panel ul,.deliverable-grid,.exclusion-grid,.req-grid{margin:0;padding:0;list-style:none}.fit-card li{padding:10px 0;color:var(--muted-strong);border-bottom:1px solid var(--border);font-size:.73rem}.fit-card li:last-child{border-bottom:0}.fit-card a{color:var(--cyan)}.scope-grid{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.scope-panel{padding:24px;border:1px solid var(--border);background:#091127;border-radius:17px}.scope-panel h3{font-size:.9rem}.scope-panel li{padding:7px 0;color:var(--muted);font-size:.7rem}.scope-panel li:before{margin-left:7px;color:var(--cyan);content:"✓"}.scope-extra[hidden]{display:none}.scope-toggle{display:flex;margin:22px auto 0}.deliverable-grid,.exclusion-grid,.req-grid{display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.deliverable-grid li,.exclusion-grid li,.req-grid li{padding:17px;border:1px solid var(--border);background:#091127;border-radius:13px;font-size:.7rem}.deliverable-grid i,.req-grid i{display:block;margin-bottom:10px;color:var(--cyan);font-size:1.25rem}.exclusion-grid li:before{margin-left:7px;color:#ef73c7;content:"—"}.svc-note{margin:20px 0 0;padding:15px;color:#b8c7e5;border:1px solid rgba(139,92,246,.22);background:rgba(139,92,246,.05);border-radius:12px;font-size:.7rem}.compare{position:relative;overflow:hidden;aspect-ratio:2/1;border:1px solid var(--border);background:#071023;border-radius:23px}.compare-layer{position:absolute;inset:0}.compare-layer img{width:100%;height:100%;object-fit:cover}.compare-after{overflow:hidden;width:50%;border-left:2px solid #fff}.compare-label{position:absolute;z-index:3;top:15px;padding:6px 10px;color:#fff;background:rgba(5,10,27,.75);border-radius:8px;font-size:.65rem}.compare-label.before{right:15px}.compare-label.after{left:15px}.compare input{position:absolute;z-index:5;inset:auto 0 0;width:100%;height:44px;opacity:.9}.compare-copy{display:grid;gap:14px;margin-top:18px;grid-template-columns:1fr 1fr}.compare-copy article{padding:18px;border:1px solid var(--border);background:#091127;border-radius:13px}.hotspot-layout{display:grid;align-items:center;gap:26px;grid-template-columns:1.2fr .8fr}.hotspot-canvas{position:relative}.hotspot-canvas img{display:block;width:100%;border:1px solid var(--border);border-radius:22px}.hotspot{position:absolute;display:grid;width:34px;height:34px;place-items:center;color:#fff;border:3px solid #091127;background:var(--gradient);border-radius:50%;box-shadow:0 8px 24px rgba(75,94,236,.38);cursor:pointer}.hotspot[data-id="gallery"]{top:28%;right:22%}.hotspot[data-id="options"]{top:48%;left:33%}.hotspot[data-id="trust"]{bottom:27%;left:24%}.hotspot[data-id="cta"]{bottom:17%;right:34%}.hotspot-info{padding:28px;border:1px solid var(--border);background:#091127;border-radius:20px}.hotspot-info h3{margin-top:0}.hotspot-info p{color:var(--muted);font-size:.74rem;line-height:1.75}.hotspot-cards{display:none}.stage-grid{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.stage-grid article{position:relative;padding:24px;border:1px solid var(--border);background:#091127;border-radius:17px}.stage-grid b{color:var(--cyan)}.stage-grid h3{margin:12px 0}.stage-grid p,.stage-grid small{display:block;color:var(--muted);font-size:.65rem;line-height:1.65}.stage-grid strong{display:block;margin-top:12px;font-size:.67rem}.model-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.model-card{padding:28px;border:1px solid var(--border);background:#091127;border-radius:21px}.model-card.featured{border-color:rgba(34,211,238,.4);background:linear-gradient(150deg,rgba(17,42,72,.92),rgba(37,19,67,.9));transform:translateY(-8px)}.model-card h3{font-size:1.25rem}.model-card dl{display:grid;gap:12px}.model-card dt{color:#fff;font-size:.67rem;font-weight:700}.model-card dd{margin:3px 0 0;color:var(--muted);font-size:.65rem}.model-card a{display:flex;min-height:43px;align-items:center;justify-content:center;margin-top:20px;color:#fff;border:1px solid rgba(34,211,238,.3);border-radius:11px;font-size:.7rem}.featured a{border:0;background:var(--gradient)}.case-grid{display:grid;align-items:center;gap:28px;grid-template-columns:.85fr 1.15fr}.case-copy{padding:28px;border:1px solid var(--border);background:#091127;border-radius:20px}.case-copy h3{font-size:1.35rem}.case-copy p{color:var(--muted);line-height:1.8}.case-copy dl{display:grid;gap:10px}.case-copy dt{color:var(--cyan);font-size:.65rem}.case-copy dd{margin:0;color:var(--muted-strong);font-size:.7rem}.case-grid img{width:100%;border:1px solid var(--border);border-radius:20px}.trust-grid,.related-grid{display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.trust-grid article,.related-grid article{padding:22px;border:1px solid var(--border);background:#091127;border-radius:16px}.trust-grid i{color:var(--cyan);font-size:1.5rem}.trust-grid h3,.related-grid h3{font-size:.84rem}.trust-grid p,.related-grid p{color:var(--muted);font-size:.66rem;line-height:1.65}.related-grid img{width:100%;aspect-ratio:1.5/1;object-fit:cover;border-radius:10px}.related-grid span{display:inline-block;margin-top:12px;padding:4px 7px;color:var(--cyan);background:rgba(34,211,238,.06);border-radius:7px;font-size:.57rem}.related-grid a{color:#fff;font-size:.68rem}.faq-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr}.faq-grid details{border:1px solid var(--border);background:#091127;border-radius:13px}.faq-grid summary{padding:17px;cursor:pointer;font-size:.73rem;font-weight:700}.faq-grid p{margin:0;padding:0 17px 17px;color:var(--muted);font-size:.68rem;line-height:1.7}.final-service-cta{padding:24px 0 100px}.final-service-cta>div{display:grid;align-items:center;gap:24px;padding:40px;border:1px solid rgba(93,137,210,.25);background:linear-gradient(120deg,rgba(17,46,79,.94),rgba(49,19,81,.92));border-radius:26px;grid-template-columns:1fr auto}.final-service-cta h2{margin:0 0 8px;font-size:clamp(1.8rem,3vw,2.9rem)}.final-service-cta p{margin:0;color:#bdc9e6}.final-service-cta aside{display:flex;align-items:center;gap:14px}.sticky-service-cta{display:none}.focusable:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #74e5ef;outline-offset:3px}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(max-width:900px){.svc-hero{grid-template-columns:1fr}.problem-grid,.result-grid,.stage-grid{grid-template-columns:repeat(2,1fr)}.deliverable-grid,.exclusion-grid,.req-grid,.trust-grid,.related-grid{grid-template-columns:repeat(2,1fr)}.hotspot-layout,.case-grid{grid-template-columns:1fr}.model-grid{grid-template-columns:1fr}.model-card.featured{transform:none}}@media(max-width:680px){.service-page{padding-top:82px}.svc-container{width:min(100% - 24px,1180px)}.svc-section{padding:52px 0}.svc-hero{min-height:0;padding:28px 20px;border-radius:22px}.svc-hero h1{font-size:2.35rem}.svc-actions{align-items:stretch;flex-direction:column}.svc-actions .button{width:100%}.svc-text-link{text-align:center}.problem-grid,.result-grid,.fit-grid,.scope-grid,.stage-grid,.compare-copy,.faq-grid{grid-template-columns:1fr}.deliverable-grid,.exclusion-grid,.req-grid,.trust-grid,.related-grid{grid-template-columns:1fr}.quick-info{margin-inline:-12px;border-inline:0;border-radius:0}.hotspot-layout>.hotspot-canvas,.hotspot-layout>.hotspot-info{display:none}.hotspot-cards{display:grid;gap:9px}.hotspot-cards article{padding:15px;border:1px solid var(--border);background:#091127;border-radius:12px}.compare{aspect-ratio:1/1}.final-service-cta>div{padding:28px 20px;text-align:center;grid-template-columns:1fr}.final-service-cta aside{flex-direction:column}.final-service-cta .button{width:100%}.sticky-service-cta{position:fixed;z-index:999;right:12px;bottom:12px;left:12px;display:none}.sticky-service-cta.is-visible{display:flex}.sticky-service-cta .button{width:100%;box-shadow:0 15px 40px rgba(4,8,24,.55)}}

.svc-section{padding:54px 0}.commerce-detail{align-items:stretch;gap:38px;padding:32px;grid-template-columns:1.08fr .92fr}.service-gallery{display:flex;min-width:0;gap:12px;flex-direction:column}.gallery-stage{position:relative;display:grid;min-height:455px;overflow:hidden;place-items:center;border:1px solid rgba(106,136,198,.2);background:radial-gradient(circle,rgba(41,130,255,.14),transparent 65%),#071023;border-radius:22px}.gallery-stage>img{display:block;width:100%;height:100%;object-fit:contain;transition:opacity .2s}.gallery-stage>span{position:absolute;right:14px;bottom:14px;padding:6px 9px;color:#c8d4ed;background:rgba(5,10,27,.74);border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:.58rem}.gallery-thumbs{display:grid;gap:9px;grid-template-columns:repeat(4,1fr)}.gallery-thumbs button{overflow:hidden;padding:3px;border:1px solid var(--border);background:#091127;border-radius:11px;cursor:pointer}.gallery-thumbs button.is-active{border-color:#68e3ef;box-shadow:0 0 0 2px rgba(34,211,238,.12)}.gallery-thumbs img{display:block;width:100%;aspect-ratio:1.45/1;object-fit:cover;border-radius:8px}.service-commerce-copy{display:flex;justify-content:center;flex-direction:column}.commerce-detail h1{font-size:clamp(2.1rem,4vw,4rem)}.service-commerce-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.service-commerce-chips span{padding:7px 10px;color:#dce7fa;border:1px solid var(--border);background:rgba(255,255,255,.025);border-radius:9px;font-size:.62rem}.service-purchase-box{display:grid;gap:10px;margin-top:17px;padding:14px;border:1px solid rgba(34,211,238,.18);background:rgba(34,211,238,.035);border-radius:14px;grid-template-columns:1fr 1fr}.service-purchase-box div{display:grid;gap:4px}.service-purchase-box small{color:var(--muted);font-size:.57rem}.service-purchase-box strong{font-size:.7rem}.hero-assurance{display:flex;flex-wrap:wrap;gap:8px 14px;margin:16px 0 0;padding:0;list-style:none}.hero-assurance li{color:var(--muted-strong);font-size:.62rem}.hero-assurance i{color:var(--cyan)}.decision-tabs{position:sticky;z-index:20;top:92px;display:flex;width:max-content;max-width:calc(100% - 32px);overflow-x:auto;margin-top:42px;margin-bottom:0;padding:6px;border:1px solid var(--border);background:rgba(7,13,31,.9);border-radius:15px;box-shadow:0 14px 40px rgba(0,0,0,.2);scrollbar-width:none;backdrop-filter:blur(14px)}.decision-tabs::-webkit-scrollbar{display:none}.decision-tabs button{min-height:39px;flex:0 0 auto;padding:0 15px;color:var(--muted-strong);border:0;background:transparent;border-radius:10px;font-size:.68rem;cursor:pointer}.decision-tabs button.is-active{color:#fff;background:var(--gradient)}.decision-panel{min-height:430px}.decision-panel[hidden]{display:none}.related-grid{display:grid!important;overflow-x:auto;padding:2px 2px 16px;grid-auto-columns:minmax(270px,310px);grid-auto-flow:column;grid-template-columns:none!important;scroll-snap-type:x mandatory;scrollbar-width:none}.related-grid::-webkit-scrollbar{display:none}.related-grid article{scroll-snap-align:start}.related-grid:after{width:1px;content:""}.svc-heading{margin-bottom:26px}.stage-grid article{padding:20px}.faq-grid summary{padding-block:14px}@media(max-width:900px){.commerce-detail{grid-template-columns:1fr}.gallery-stage{min-height:380px}.service-commerce-copy{order:-1}.decision-tabs{top:82px}}@media(max-width:680px){.commerce-detail{gap:24px;padding:20px}.commerce-detail h1{font-size:2.15rem}.gallery-stage{min-height:270px}.gallery-thumbs{gap:6px}.service-purchase-box{grid-template-columns:1fr}.hero-assurance{display:grid}.decision-tabs{right:12px;max-width:calc(100% - 24px);margin-top:24px}.decision-tabs button{padding-inline:12px}.decision-panel{min-height:0}.svc-section{padding:42px 0}.related-grid{margin-inline:-12px;padding-inline:12px;grid-auto-columns:minmax(250px,82vw)} }

@property --halo-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.commerce-detail{--mx:50%;--my:30%;position:relative;isolation:isolate;box-shadow:0 34px 90px rgba(1,6,22,.32)}.commerce-detail:before{position:absolute;z-index:-1;inset:0;pointer-events:none;content:"";background:radial-gradient(520px circle at var(--mx) var(--my),rgba(34,211,238,.13),transparent 54%),radial-gradient(420px circle at calc(100% - var(--mx)) calc(100% - var(--my)),rgba(241,91,181,.09),transparent 55%);border-radius:inherit}.commerce-detail:after{position:absolute;z-index:-2;inset:-1px;content:"";background:conic-gradient(from var(--halo-angle),transparent 12%,rgba(34,211,238,.34),rgba(139,92,246,.32),rgba(241,91,181,.28),transparent 66%);border-radius:inherit;animation:halo-spin 12s linear infinite}.gallery-stage{perspective:900px}.gallery-stage:after{position:absolute;inset:0;pointer-events:none;content:"";background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.055) 48%,transparent 66%);transform:translateX(-100%);transition:transform .8s}.gallery-stage:hover:after{transform:translateX(100%)}.gallery-main{transform:rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg)) scale(1.015);transform-style:preserve-3d;transition:transform .25s ease,opacity .2s!important}.gallery-thumbs button{position:relative;transition:transform .25s,border-color .25s}.gallery-thumbs button:hover{transform:translateY(-4px)}.gallery-thumbs button.is-active:after{position:absolute;right:9px;bottom:8px;width:7px;height:7px;content:"";background:#69e7f2;border-radius:50%;box-shadow:0 0 14px #69e7f2}.service-purchase-box{position:relative;overflow:hidden}.service-purchase-box:after{position:absolute;right:0;bottom:0;width:42%;height:2px;content:"";background:var(--gradient)}.decision-tabs{box-shadow:0 16px 45px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04)}.decision-tabs button{position:relative;transition:color .25s,background .25s,transform .25s}.decision-tabs button:hover{transform:translateY(-2px)}.decision-panel:not([hidden]){animation:panel-in .42s cubic-bezier(.22,.8,.22,1)}.problem-grid,.result-grid{grid-auto-flow:dense}.problem-grid article,.result-grid article{position:relative;overflow:hidden;min-height:175px;transition:transform .3s,border-color .3s,box-shadow .3s}.problem-grid article:first-child,.result-grid article:first-child{grid-column:span 2;background:linear-gradient(145deg,rgba(17,47,73,.94),rgba(26,20,61,.9))}.problem-grid article:last-child,.result-grid article:last-child{grid-column:span 2;background:linear-gradient(145deg,rgba(30,19,62,.92),rgba(12,34,55,.92))}.problem-grid article:after,.result-grid article:after{position:absolute;top:-50px;left:-50px;width:130px;height:130px;content:"";background:radial-gradient(circle,rgba(139,92,246,.15),transparent 68%)}.problem-grid article:hover,.result-grid article:hover{z-index:2;border-color:rgba(34,211,238,.32);box-shadow:0 22px 55px rgba(0,0,0,.28);transform:translateY(-7px)}.stage-grid{position:relative;gap:15px}.stage-grid:before{position:absolute;top:50%;right:5%;left:5%;height:1px;content:"";background:linear-gradient(90deg,transparent,rgba(34,211,238,.34),rgba(139,92,246,.38),transparent)}.stage-grid article{z-index:1;min-height:245px;background:linear-gradient(155deg,rgba(13,23,50,.96),rgba(7,13,31,.96));box-shadow:0 18px 50px rgba(0,0,0,.16);transition:transform .3s,border-color .3s}.stage-grid article:nth-child(2),.stage-grid article:nth-child(5){transform:translateY(16px)}.stage-grid article:hover{border-color:rgba(139,92,246,.36);transform:translateY(-6px)}.stage-grid article:nth-child(2):hover,.stage-grid article:nth-child(5):hover{transform:translateY(8px)}.stage-grid b{display:grid;width:38px;height:38px;place-items:center;color:#fff;background:var(--gradient);border-radius:12px;box-shadow:0 10px 24px rgba(82,79,226,.25)}.req-grid li{position:relative;overflow:hidden;transition:transform .25s,border-color .25s}.req-grid li:nth-child(1),.req-grid li:nth-child(8){background:linear-gradient(145deg,rgba(17,44,70,.9),rgba(29,18,59,.88))}.req-grid li:hover{border-color:rgba(34,211,238,.3);transform:translateY(-4px)}.model-card{position:relative;overflow:hidden;transition:transform .3s,border-color .3s}.model-card:before{position:absolute;right:-70px;bottom:-70px;width:180px;height:180px;content:"";background:radial-gradient(circle,rgba(34,211,238,.1),transparent 66%)}.model-card:hover{border-color:rgba(34,211,238,.28);transform:translateY(-7px)}.model-card.featured:hover{transform:translateY(-14px)}.trust-grid article{position:relative;transition:transform .25s}.trust-grid article:nth-child(even){transform:translateY(10px)}.trust-grid article:hover{transform:translateY(-5px)}.related-grid article{overflow:hidden;min-height:370px;transition:transform .3s,border-color .3s}.related-grid article:hover{border-color:rgba(34,211,238,.32);transform:translateY(-7px)}.related-grid img{transition:transform .45s}.related-grid article:hover img{transform:scale(1.045)}.faq-grid details[open]{border-color:rgba(139,92,246,.32);background:linear-gradient(145deg,rgba(18,27,56,.95),rgba(15,15,43,.95))}@keyframes halo-spin{to{--halo-angle:360deg}}@keyframes panel-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@supports(animation-timeline:view()){.hotspot-layout,.case-grid,.model-grid,.trust-grid,.related-grid{animation:section-rise linear both;animation-timeline:view();animation-range:entry 8% cover 28%}@keyframes section-rise{from{opacity:.25;transform:translateY(28px)}to{opacity:1;transform:none}}}@media(max-width:900px){.stage-grid:before{display:none}.stage-grid article:nth-child(2),.stage-grid article:nth-child(5){transform:none}.problem-grid article:first-child,.problem-grid article:last-child,.result-grid article:first-child,.result-grid article:last-child{grid-column:auto}}@media(max-width:680px){.commerce-detail:after{animation:none}.gallery-main{transform:none!important}.problem-grid article,.result-grid article{min-height:0}.stage-grid article{min-height:0}.trust-grid article:nth-child(even){transform:none}.model-card.featured:hover{transform:none}.related-grid article{min-height:350px}}@media(prefers-reduced-motion:reduce){.commerce-detail:after{animation:none}.gallery-stage:after{display:none}.gallery-main{transform:none!important}.decision-panel:not([hidden]){animation:none}.problem-grid article,.result-grid article,.stage-grid article,.model-card,.trust-grid article,.related-grid article{transform:none!important}}