/* ============================================================
   SIGMA POINT 2026
   HOME / PROJECT NETWORK
============================================================ */

:root {
  --spx-orange: #ff7a1a;
  --spx-orange-2: #ff9d4d;
  --spx-orange-soft: rgba(255, 122, 26, .12);

  --spx-black: #070707;
  --spx-black-2: #0c0c0d;
  --spx-black-3: #121214;

  --spx-white: #ffffff;
  --spx-offwhite: #f7f7f5;
  --spx-soft: #eeeeea;

  --spx-text: #121212;
  --spx-muted: #707070;
  --spx-muted-dark: #9c9ca3;

  --spx-border: rgba(15, 15, 15, .10);
  --spx-border-dark: rgba(255, 255, 255, .10);

  --spx-radius-xl: 34px;
  --spx-radius-lg: 25px;
  --spx-radius-md: 18px;

  --spx-shadow:
    0 30px 80px rgba(0, 0, 0, .10);

  --spx-shadow-dark:
    0 40px 100px rgba(0, 0, 0, .45);
}


/* ============================================================
   RESET / BASE
============================================================ */

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

.spx26-page {
  position: relative;
  width: 100%;
  overflow: hidden;
  color: var(--spx-text);
  background: var(--spx-offwhite);
  font-family:
    "Inter",
    "Helvetica Neue",
    Arial,
    sans-serif;
}

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

.spx26-page img {
  display: block;
  max-width: 100%;
}

.spx26-wrap {
  position: relative;
  z-index: 2;

  width: min(1440px, calc(100% - 64px));
  margin: 0 auto;
}


/* ============================================================
   BUTTONS
============================================================ */

.spx26-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;

  min-height: 54px;
  padding: 0 25px;

  border: 1px solid transparent;
  border-radius: 999px;

  font-size: 13px;
  font-weight: 800;
  letter-spacing: -.01em;

  cursor: pointer;

  transition:
    transform .3s ease,
    background .3s ease,
    border-color .3s ease,
    color .3s ease,
    box-shadow .3s ease;
}

.spx26-button span {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  font-size: 19px;

  transition: transform .3s ease;
}

.spx26-button:hover span {
  transform: translateX(5px);
}

.spx26-button:hover {
  transform: translateY(-3px);
}

.spx26-button-orange {
  color: #111;
  background:
    linear-gradient(
      135deg,
      #ff9b51 0%,
      #ff7617 55%,
      #ff6600 100%
    );

  box-shadow:
    0 13px 35px rgba(255, 116, 18, .25);
}

.spx26-button-orange:hover {
  box-shadow:
    0 18px 45px rgba(255, 116, 18, .38);
}

.spx26-button-dark {
  color: #fff;
  background: #090909;
  border-color: #090909;

  box-shadow:
    0 15px 35px rgba(0, 0, 0, .17);
}

.spx26-button-dark:hover {
  background: #181818;
}

.spx26-button-ghost {
  color: #161616;
  background: rgba(255, 255, 255, .46);
  border-color: rgba(20, 20, 20, .13);
}

.spx26-button-ghost:hover {
  background: #fff;
  border-color: rgba(20, 20, 20, .22);
}


/* ============================================================
   HERO
============================================================ */

.spx26-hero {
  position: relative;
  min-height: 100vh;
  overflow: hidden;

  padding:
    clamp(110px, 11vw, 175px)
    0
    92px;

  color: #fff;

  background:
    radial-gradient(
      circle at 50% -10%,
      #202023 0%,
      #0d0d0f 38%,
      #060607 75%,
      #030303 100%
    );
}

.spx26-hero::after {
  content: "";

  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;

  height: 180px;

  background:
    linear-gradient(
      to bottom,
      transparent,
      rgba(0, 0, 0, .42)
    );

  pointer-events: none;
}


/* HERO GRID */

.spx26-hero-grid,
.spx26-final-grid {
  position: absolute;
  inset: -20%;
  z-index: 0;

  background-image:
    linear-gradient(
      rgba(255, 255, 255, .035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, .035) 1px,
      transparent 1px
    );

  background-size: 52px 52px;

  mask-image:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, .95),
      transparent 93%
    );

  pointer-events: none;
}


/* HERO GLOWS */

.spx26-hero-glow {
  position: absolute;
  z-index: 0;

  width: 620px;
  height: 620px;

  border-radius: 50%;

  filter: blur(100px);

  opacity: .2;

  pointer-events: none;
}

.spx26-hero-glow-a {
  top: -280px;
  left: -180px;

  background: #ff6817;
}

.spx26-hero-glow-b {
  right: -250px;
  top: 260px;

  background: #ff8a32;

  opacity: .10;
}


/* ============================================================
   HERO COPY
============================================================ */

.spx26-hero-copy {
  position: relative;
  z-index: 5;

  width: min(930px, 100%);
  margin: 0 auto;

  text-align: center;
}

.spx26-kicker,
.spx26-mini-label,
.spx26-section-tag {
  display: inline-flex;
  align-items: center;
  gap: 10px;

  font-size: 11px;
  font-weight: 850;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.spx26-kicker {
  color: rgba(255, 255, 255, .56);
}

.spx26-kicker i {
  display: block;

  width: 7px;
  height: 7px;

  border-radius: 50%;

  background: var(--spx-orange);

  box-shadow:
    0 0 0 5px rgba(255, 122, 26, .09),
    0 0 28px rgba(255, 122, 26, .75);

  animation: spx26KickerPulse 2s ease-in-out infinite;
}

@keyframes spx26KickerPulse {
  0%,
  100% {
    transform: scale(1);
    opacity: 1;
  }

  50% {
    transform: scale(.65);
    opacity: .55;
  }
}

.spx26-hero-copy h1 {
  max-width: 990px;
  margin: 25px auto 0;

  font-size:
    clamp(45px, 6.2vw, 100px);

  line-height: .96;
  letter-spacing: -.065em;
  font-weight: 400;

  color: #fff;
}

.spx26-hero-copy h1 strong {
  display: block;

  font-weight: 820;

  color: var(--spx-orange-2);
}

.spx26-hero-copy p {
  width: min(700px, 100%);
  margin: 29px auto 0;

  font-size:
    clamp(16px, 1.5vw, 20px);

  line-height: 1.72;

  color: rgba(255, 255, 255, .56);
}


/* ============================================================
   ORBIT
============================================================ */

.spx26-orbit-shell {
  position: relative;
  z-index: 4;

  width: 100%;
  height: 650px;

  margin-top: 15px;

  perspective: 1100px;

  overflow: visible;
}

.spx26-orbit {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 1px;
  height: 1px;

  transform-style: preserve-3d;
}


/* ORBIT LINES */

.spx26-orbit-line {
  position: absolute;

  top: 50%;
  left: 50%;

  width: 950px;
  height: 300px;

  transform:
    translate(-50%, -50%)
    rotateX(66deg);

  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 50%;

  box-shadow:
    0 0 80px rgba(255, 119, 31, .03);
}

.spx26-orbit-line::before {
  content: "";

  position: absolute;
  inset: -1px;

  border-radius: inherit;

  background:
    linear-gradient(
      90deg,
      transparent 5%,
      rgba(255, 123, 28, .55),
      transparent 32%,
      transparent 68%,
      rgba(255, 123, 28, .45),
      transparent 95%
    );

  mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);

  mask-composite: exclude;

  padding: 1px;
}

.spx26-orbit-line-inner {
  width: 690px;
  height: 215px;

  opacity: .4;
}

.spx26-orbit-shadow {
  position: absolute;

  left: 50%;
  top: 50%;

  width: 780px;
  height: 150px;

  transform:
    translate(-50%, 45px)
    rotateX(70deg);

  border-radius: 50%;

  background:
    radial-gradient(
      ellipse,
      rgba(255, 111, 22, .10),
      rgba(0, 0, 0, 0) 68%
    );

  filter: blur(20px);
}


/* ============================================================
   ORBIT CORE
============================================================ */

.spx26-orbit-core {
  position: absolute;

  left: 50%;
  top: 50%;

  width: 205px;
  height: 205px;

  transform: translate(-50%, -50%);

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background:
    radial-gradient(
      circle at 38% 28%,
      #29292d,
      #0e0e10 58%,
      #060606 100%
    );

  border:
    1px solid rgba(255, 255, 255, .13);

  box-shadow:
    0 0 0 17px rgba(255, 255, 255, .018),
    0 0 0 35px rgba(255, 255, 255, .009),
    0 30px 90px rgba(0, 0, 0, .55),
    0 0 90px rgba(255, 117, 22, .11);

  z-index: 15;
}

.spx26-orbit-core::before {
  content: "";

  position: absolute;
  inset: -10px;

  border:
    1px solid rgba(255, 130, 40, .17);

  border-radius: 50%;

  animation:
    spx26CoreRotate 16s linear infinite;
}

.spx26-orbit-core::after {
  content: "";

  position: absolute;

  width: 10px;
  height: 10px;

  top: -15px;
  left: calc(50% - 5px);

  border-radius: 50%;

  background: var(--spx-orange);

  box-shadow:
    0 0 25px rgba(255, 122, 26, .85);
}

@keyframes spx26CoreRotate {
  to {
    transform: rotate(360deg);
  }
}

.spx26-orbit-core-inner {
  display: flex;
  flex-direction: column;
  align-items: center;

  text-align: center;
}

.spx26-orbit-core-inner small {
  margin-bottom: 5px;

  font-size: 10px;
  font-weight: 900;
  letter-spacing: .32em;

  color: var(--spx-orange);
}

.spx26-orbit-core-inner strong {
  font-size: 21px;
  line-height: 1.03;
  letter-spacing: -.035em;
}

.spx26-orbit-core-inner span {
  margin-top: 13px;

  font-size: 9px;
  font-weight: 800;
  letter-spacing: .16em;

  color: rgba(255, 255, 255, .42);
}


/* ============================================================
   REFERENCE ORBIT CARDS
============================================================ */

.spx26-ref-card {
  position: absolute;

  left: 50%;
  top: 50%;

  width: 245px;

  will-change:
    transform,
    opacity,
    filter;

  transform-style: preserve-3d;
}

.spx26-ref-card-body {
  position: relative;

  min-height: 276px;
  padding: 18px;

  overflow: hidden;

  border-radius: 24px;

  background:
    linear-gradient(
      145deg,
      rgba(28, 28, 31, .94),
      rgba(13, 13, 15, .94)
    );

  border:
    1px solid rgba(255, 255, 255, .105);

  backdrop-filter: blur(22px);

  box-shadow:
    0 28px 70px rgba(0, 0, 0, .4);

  transition:
    border-color .3s ease,
    box-shadow .3s ease,
    background .3s ease;
}

.spx26-ref-card-body::before {
  content: "";

  position: absolute;

  width: 180px;
  height: 180px;

  right: -85px;
  top: -100px;

  border-radius: 50%;

  background:
    rgba(255, 115, 18, .18);

  filter: blur(50px);

  pointer-events: none;
}

.spx26-ref-card:hover .spx26-ref-card-body {
  border-color:
    rgba(255, 126, 38, .42);

  box-shadow:
    0 36px 90px rgba(0, 0, 0, .58),
    0 0 50px rgba(255, 112, 16, .08);
}

.spx26-ref-live {
  display: inline-flex;
  align-items: center;
  gap: 7px;

  font-size: 8px;
  font-weight: 800;
  letter-spacing: .16em;

  color: rgba(255, 255, 255, .43);
}

.spx26-ref-live i {
  width: 6px;
  height: 6px;

  border-radius: 50%;

  background: #69df84;

  box-shadow:
    0 0 12px rgba(105, 223, 132, .7);
}

.spx26-ref-logo {
  display: flex;
  align-items: center;
  justify-content: center;

  height: 92px;
  margin-top: 10px;

  padding: 10px 8px;
}

.spx26-ref-logo img {
  max-height: 68px;
  max-width: 155px;

  object-fit: contain;
}

.spx26-ref-label {
  display: block;

  margin-top: 3px;

  font-size: 8px;
  font-weight: 800;
  letter-spacing: .18em;

  color: var(--spx-orange);
}

.spx26-ref-card h2 {
  margin: 6px 0 16px;

  font-size: 18px;
  letter-spacing: -.035em;
}

.spx26-ref-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.spx26-ref-action {
  display: inline-flex;
  align-items: center;
  gap: 5px;

  min-height: 30px;
  padding: 0 9px;

  border:
    1px solid rgba(255, 255, 255, .09);

  border-radius: 10px;

  background:
    rgba(255, 255, 255, .045);

  color:
    rgba(255, 255, 255, .67);

  font-size: 9px;
  font-weight: 750;

  transition:
    background .25s ease,
    color .25s ease,
    border-color .25s ease;
}

.spx26-ref-action svg {
  width: 12px;
  height: 12px;
}

.spx26-ref-action:hover {
  color: #fff;

  background:
    rgba(255, 124, 30, .14);

  border-color:
    rgba(255, 124, 30, .32);
}


/* ============================================================
   HERO ACTION
============================================================ */

.spx26-hero-actions {
  display: flex;
  justify-content: center;

  margin-top: -40px;
}


/* ============================================================
   INTRO
============================================================ */

.spx26-intro {
  display: grid;
  grid-template-columns:
    minmax(0, 1.1fr)
    minmax(350px, .72fr);

  gap: clamp(55px, 8vw, 140px);

  margin-top: 120px;
  padding-top: 80px;

  border-top:
    1px solid rgba(255, 255, 255, .09);
}

.spx26-mini-label {
  color: var(--spx-orange);
}

.spx26-intro h2 {
  max-width: 760px;

  margin: 18px 0 0;

  font-size:
    clamp(37px, 4.5vw, 66px);

  line-height: 1;
  letter-spacing: -.055em;
  font-weight: 400;
}

.spx26-intro h2 strong {
  color: var(--spx-orange-2);
}

.spx26-intro-side {
  padding-top: 28px;
}

.spx26-intro-side > p {
  margin: 0;

  font-size: 16px;
  line-height: 1.8;

  color: rgba(255, 255, 255, .55);
}

.spx26-inline-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;

  margin-top: 30px;
}

.spx26-hero .spx26-button-ghost {
  color: #fff;

  background:
    rgba(255, 255, 255, .05);

  border-color:
    rgba(255, 255, 255, .12);
}

.spx26-hero .spx26-button-ghost:hover {
  background:
    rgba(255, 255, 255, .1);
}


/* ============================================================
   MARQUEE
============================================================ */

.spx26-marquee {
  width: 100%;
  overflow: hidden;

  margin-top: 105px;

  border-top:
    1px solid rgba(255, 255, 255, .08);

  border-bottom:
    1px solid rgba(255, 255, 255, .08);
}

.spx26-marquee-track {
  display: flex;
  width: max-content;

  animation:
    spx26Marquee 32s linear infinite;
}

.spx26-marquee-set {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  gap: 26px;

  padding: 23px 13px;
}

.spx26-marquee-set span {
  white-space: nowrap;

  font-size: 11px;
  font-weight: 800;
  letter-spacing: .15em;

  color: rgba(255, 255, 255, .4);
}

.spx26-marquee-set i {
  width: 5px;
  height: 5px;

  flex: 0 0 auto;

  border-radius: 50%;

  background: var(--spx-orange);
}

@keyframes spx26Marquee {
  to {
    transform: translateX(-50%);
  }
}


/* ============================================================
   COMMON SECTION
============================================================ */

.spx26-section {
  position: relative;

  padding:
    clamp(90px, 9vw, 145px)
    0;
}

.spx26-section-light {
  background: #fafaf8;
}

.spx26-section-soft {
  background: #efefeb;
}

.spx26-section-dark {
  color: #fff;

  background:
    radial-gradient(
      circle at 90% 20%,
      rgba(255, 116, 24, .10),
      transparent 30%
    ),
    #080809;
}

.spx26-section-head {
  display: grid;
  grid-template-columns:
    minmax(0, 1.15fr)
    minmax(300px, .60fr);

  gap: 40px;

  align-items: end;

  margin-bottom:
    clamp(20px, 7vw, 45px);
}

.spx26-section-tag {
  margin-bottom: 17px;

  color: #f26f17;
}

.spx26-section-head h2 {
  max-width: 820px;
  margin: 0;

  font-size:
    clamp(38px, 4.2vw, 65px);

  line-height: 1.01;
  letter-spacing: -.055em;
  font-weight: 650;
}

.spx26-section-head > p {
  margin: 0;

  font-size: 15px;
  line-height: 1.85;

  color: #747474;
}

.spx26-section-head-dark > p {
  color:
    rgba(255, 255, 255, .48);
}


/* ============================================================
   SERVICES
============================================================ */

.spx26-service-grid {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  border-top:
    1px solid var(--spx-border);

  border-left:
    1px solid var(--spx-border);
}

.spx26-service-card {
  position: relative;

  min-height: 325px;

  padding:
    35px 30px 34px;

  background:
    rgba(255, 255, 255, .52);

  border-right:
    1px solid var(--spx-border);

  border-bottom:
    1px solid var(--spx-border);

  overflow: hidden;

  transition:
    transform .35s ease,
    background .35s ease,
    box-shadow .35s ease;
}

.spx26-service-card::before {
  content: "";

  position: absolute;

  left: 0;
  right: 0;
  bottom: 0;

  height: 3px;

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--spx-orange),
      transparent
    );

  transform: scaleX(0);

  transition:
    transform .4s ease;
}

.spx26-service-card:hover {
  z-index: 2;

  transform: translateY(-8px);

  background: #fff;

  box-shadow:
    0 24px 55px rgba(0, 0, 0, .08);
}

.spx26-service-card:hover::before {
  transform: scaleX(1);
}

.spx26-service-index {
  display: block;

  font-size: 10px;
  font-weight: 800;
  letter-spacing: .16em;

  color: #9a9a9a;
}

.spx26-service-icon {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 62px;
  height: 62px;

  margin-top: 61px;

  border-radius: 18px;

  background: #101010;

  color: var(--spx-orange);

  font-size: 19px;
  font-weight: 800;

  box-shadow:
    0 12px 28px rgba(0, 0, 0, .13);
}

.spx26-service-card h3 {
  margin: 24px 0 10px;

  font-size: 23px;
  letter-spacing: -.035em;
}

.spx26-service-card p {
  margin: 0;

  line-height: 1.72;

  color: #787878;
}


/* ============================================================
   COURIER CTA
============================================================ */

.spx26-courier {
  position: relative;

  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    minmax(320px, .7fr);

  gap: 70px;

  margin-top: 55px;
  padding:
    clamp(40px, 5vw, 70px);

  overflow: hidden;

  color: #fff;

  border-radius: var(--spx-radius-xl);

  background:
    radial-gradient(
      circle at 15% 20%,
      rgba(255, 123, 31, .14),
      transparent 35%
    ),
    #0a0a0b;

  box-shadow:
    var(--spx-shadow-dark);
}

.spx26-courier::after {
  content: "";

  position: absolute;

  width: 390px;
  height: 390px;

  right: -180px;
  bottom: -220px;

  border-radius: 50%;

  background:
    var(--spx-orange);

  filter: blur(110px);

  opacity: .15;
}

.spx26-courier-copy,
.spx26-courier-side {
  position: relative;
  z-index: 2;
}

.spx26-courier-copy > span {
  display: block;

  font-size: 10px;
  font-weight: 850;
  letter-spacing: .18em;

  color: var(--spx-orange);
}

.spx26-courier-copy h3 {
  max-width: 680px;

  margin: 15px 0 0;

  font-size:
    clamp(32px, 3.4vw, 53px);

  line-height: 1.04;
  letter-spacing: -.05em;
  font-weight: 400;
}

.spx26-courier-copy strong {
  color: var(--spx-orange-2);
}

.spx26-courier-side p {
  margin: 0 0 24px;

  line-height: 1.75;

  color:
    rgba(255, 255, 255, .55);
}


/* ============================================================
   PROJECT JOURNEY
============================================================ */

.spx26-journey-grid {
  display: grid;

  grid-template-columns:
    minmax(0, .8fr)
    minmax(500px, 1fr);

  gap:
    clamp(50px, 8vw, 120px);

  align-items: center;
}

.spx26-journey-item {
  display: grid;

  grid-template-columns:
    55px 1fr;

  gap: 22px;

  padding:
    28px 0;

  border-bottom:
    1px solid rgba(255, 255, 255, .09);
}

.spx26-journey-item:first-child {
  border-top:
    1px solid rgba(255, 255, 255, .09);
}

.spx26-journey-item > span {
  padding-top: 4px;

  color: var(--spx-orange);

  font-size: 10px;
  font-weight: 800;
  letter-spacing: .16em;
}

.spx26-journey-item h3 {
  margin: 0 0 7px;

  font-size: 20px;
  letter-spacing: -.03em;
}

.spx26-journey-item p {
  margin: 0;

  line-height: 1.7;

  color:
    rgba(255, 255, 255, .47);
}


/* ============================================================
   SYSTEM DIAGRAM
============================================================ */

.spx26-system-visual {
  position: relative;

  width: min(610px, 100%);
  aspect-ratio: 1 / 1;

  margin: 0 auto;
}

.spx26-system-visual::before {
  content: "";

  position: absolute;

  inset: 20%;

  border-radius: 50%;

  background:
    rgba(255, 116, 20, .12);

  filter: blur(60px);
}

.spx26-system-ring {
  position: absolute;

  left: 50%;
  top: 50%;

  transform: translate(-50%, -50%);

  border:
    1px solid rgba(255, 255, 255, .10);

  border-radius: 50%;
}

.spx26-system-ring-a {
  width: 75%;
  height: 75%;

  animation:
    spx26SystemSpin 27s linear infinite;
}

.spx26-system-ring-b {
  width: 51%;
  height: 51%;

  border-style: dashed;

  border-color:
    rgba(255, 123, 31, .22);

  animation:
    spx26SystemSpinReverse 21s linear infinite;
}

@keyframes spx26SystemSpin {
  from {
    transform:
      translate(-50%, -50%)
      rotate(0);
  }

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

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

  to {
    transform:
      translate(-50%, -50%)
      rotate(0);
  }
}

.spx26-system-core {
  position: absolute;

  left: 50%;
  top: 50%;

  transform:
    translate(-50%, -50%);

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  width: 144px;
  height: 144px;

  border-radius: 50%;

  color: #fff;

  background:
    radial-gradient(
      circle at 35% 30%,
      #333,
      #111 60%,
      #050505
    );

  border:
    1px solid rgba(255, 255, 255, .14);

  box-shadow:
    0 0 80px rgba(255, 117, 22, .15),
    0 25px 80px rgba(0, 0, 0, .5);

  z-index: 4;
}

.spx26-system-core strong {
  font-size: 21px;
  letter-spacing: -.04em;
}

.spx26-system-core span {
  margin-top: 2px;

  color: var(--spx-orange);

  font-size: 10px;
  font-weight: 900;
  letter-spacing: .18em;
}

.spx26-system-node {
  position: absolute;
  z-index: 3;

  display: flex;
  flex-direction: column;
  justify-content: center;

  min-width: 112px;
  min-height: 72px;

  padding: 15px 18px;

  border:
    1px solid rgba(255, 255, 255, .11);

  border-radius: 17px;

  background:
    rgba(22, 22, 24, .91);

  backdrop-filter: blur(15px);

  box-shadow:
    0 20px 50px rgba(0, 0, 0, .32);
}

.spx26-system-node strong {
  font-size: 11px;
  letter-spacing: .08em;

  color: #fff;
}

.spx26-system-node span {
  margin-top: 4px;

  font-size: 10px;

  color:
    rgba(255, 255, 255, .42);
}

.spx26-node-web {
  top: 4%;
  left: 50%;

  transform: translateX(-50%);
}

.spx26-node-panel {
  top: 26%;
  right: 2%;
}

.spx26-node-mobile {
  right: 11%;
  bottom: 11%;
}

.spx26-node-api {
  left: 11%;
  bottom: 11%;
}

.spx26-node-db {
  top: 26%;
  left: 2%;
}


/* ============================================================
   VALUES / WHY SIGMA
============================================================ */

.spx26-value-grid {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 13px;
}

.spx26-value-card {
  position: relative;

  min-height: 250px;

  padding:
    39px 40px;

  border-radius:
    var(--spx-radius-lg);

  background:
    rgba(255, 255, 255, .72);

  border:
    1px solid rgba(0, 0, 0, .075);

  overflow: hidden;

  transition:
    transform .35s ease,
    background .35s ease,
    box-shadow .35s ease;
}

.spx26-value-card:hover {
  transform: translateY(-6px);

  background: #fff;

  box-shadow:
    var(--spx-shadow);
}

.spx26-value-card > span {
  color: var(--spx-orange);

  font-size: 10px;
  font-weight: 850;
  letter-spacing: .18em;
}

.spx26-value-card h3 {
  margin:
    55px 0 10px;

  font-size:
    clamp(24px, 2.2vw, 32px);

  letter-spacing: -.04em;
}

.spx26-value-card p {
  max-width: 510px;

  margin: 0;

  line-height: 1.75;

  color: #747474;
}


/* ============================================================
   PROCESS
============================================================ */

.spx26-process-grid {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 1px;

  background:
    rgba(0, 0, 0, .09);

  border:
    1px solid rgba(0, 0, 0, .09);
}

.spx26-process-card {
  position: relative;

  min-height: 320px;

  padding:
    37px 30px;

  background: #fafaf8;

  transition:
    background .3s ease;
}

.spx26-process-card:hover {
  background: #fff;
}

.spx26-process-card > span {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 42px;
  height: 42px;

  border-radius: 50%;

  color: #fff;

  background: #111;

  font-size: 10px;
  font-weight: 850;

  transition:
    background .3s ease,
    transform .3s ease;
}

.spx26-process-card:hover > span {
  transform: scale(1.08);

  background: var(--spx-orange);
}

.spx26-process-card h3 {
  margin:
    85px 0 10px;

  font-size: 22px;
  letter-spacing: -.035em;
}

.spx26-process-card p {
  margin: 0;

  line-height: 1.72;

  color: #777;
}


/* ============================================================
   WORK TYPES
============================================================ */

.spx26-types-grid {
  display: grid;
  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 11px;
}

.spx26-type {
  display: flex;
  align-items: center;
  gap: 22px;

  min-height: 88px;

  padding:
    0 29px;

  border-radius: 18px;

  background:
    rgba(255, 255, 255, .67);

  border:
    1px solid rgba(0, 0, 0, .07);

  font-size:
    clamp(15px, 1.25vw, 18px);

  font-weight: 720;
  letter-spacing: -.02em;

  transition:
    transform .3s ease,
    background .3s ease,
    box-shadow .3s ease;
}

.spx26-type:hover {
  transform: translateX(7px);

  background: #fff;

  box-shadow:
    0 14px 35px rgba(0, 0, 0, .06);
}

.spx26-type span {
  min-width: 29px;

  color: var(--spx-orange);

  font-size: 9px;
  font-weight: 900;
  letter-spacing: .16em;
}


/* ============================================================
   FINAL CTA
============================================================ */

.spx26-final {
  position: relative;

  min-height: 670px;

  display: flex;
  align-items: center;

  overflow: hidden;

  color: #fff;

  background:
    radial-gradient(
      circle at 50% 40%,
      #18181a,
      #080809 55%,
      #030303
    );
}

.spx26-final-glow {
  position: absolute;

  left: 50%;
  bottom: -440px;

  width: 850px;
  height: 850px;

  transform:
    translateX(-50%);

  border-radius: 50%;

  background:
    rgba(255, 112, 17, .19);

  filter: blur(120px);

  pointer-events: none;
}

.spx26-final-inner {
  position: relative;
  z-index: 3;

  padding:
    120px 0;

  text-align: center;
}

.spx26-final-inner > span {
  display: inline-block;

  font-size: 10px;
  font-weight: 900;
  letter-spacing: .22em;

  color: var(--spx-orange);
}

.spx26-final-inner h2 {
  width: min(950px, 100%);

  margin: 22px auto 0;

  font-size:
    clamp(45px, 6vw, 90px);

  line-height: .96;
  letter-spacing: -.065em;
  font-weight: 400;
}

.spx26-final-inner h2 strong {
  color: var(--spx-orange-2);
}

.spx26-final-inner p {
  width: min(660px, 100%);

  margin: 29px auto 32px;

  color:
    rgba(255, 255, 255, .52);

  font-size: 16px;
  line-height: 1.78;
}


/* ============================================================
   GENERIC REVEAL

   ÖNEMLİ:
   opacity:0 yapmıyoruz.
   Çünkü GSAP aktifken elementlerin görünmez kalmasını istemiyoruz.
============================================================ */

.spx26-reveal {
  visibility: visible;
}


/* ============================================================
   RESPONSIVE 1200
============================================================ */

@media (max-width: 1200px) {

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

  .spx26-journey-grid {
    grid-template-columns:
      minmax(0, .85fr)
      minmax(440px, 1fr);

    gap: 50px;
  }

}


/* ============================================================
   RESPONSIVE 920
============================================================ */

@media (max-width: 920px) {

  .spx26-wrap {
    width:
      min(100% - 38px, 760px);
  }

  .spx26-hero {
    padding-top: 120px;
  }

  .spx26-orbit-shell {
    height: 570px;
  }

  .spx26-orbit-line {
    width: 760px;
    height: 250px;
  }

  .spx26-orbit-line-inner {
    width: 560px;
    height: 180px;
  }

  .spx26-ref-card {
    width: 215px;
  }

  .spx26-ref-card-body {
    min-height: 250px;
  }

  .spx26-orbit-core {
    width: 180px;
    height: 180px;
  }

  .spx26-intro,
  .spx26-section-head,
  .spx26-courier,
  .spx26-journey-grid {
    grid-template-columns: 1fr;
  }

  .spx26-intro {
    gap: 20px;
  }

  .spx26-intro-side {
    max-width: 650px;
  }

  .spx26-section-head {
    gap: 25px;
  }

  .spx26-section-head > p {
    max-width: 650px;
  }

  .spx26-courier {
    gap: 28px;
  }

  .spx26-journey-grid {
    gap: 80px;
  }

  .spx26-system-visual {
    max-width: 550px;
  }

}


/* ============================================================
   RESPONSIVE 700
============================================================ */

@media (max-width: 700px) {

  .spx26-service-grid,
  .spx26-process-grid,
  .spx26-value-grid,
  .spx26-types-grid {
    grid-template-columns: 1fr;
  }

  .spx26-service-card {
    min-height: 275px;
  }

  .spx26-service-icon {
    margin-top: 38px;
  }

  .spx26-value-card {
    min-height: 215px;
  }

  .spx26-value-card h3 {
    margin-top: 38px;
  }

  .spx26-process-card {
    min-height: 250px;
  }

  .spx26-process-card h3 {
    margin-top: 50px;
  }

}


/* ============================================================
   RESPONSIVE 600
============================================================ */

@media (max-width: 600px) {

  .spx26-wrap {
    width: calc(100% - 28px);
  }

  .spx26-hero {
    padding:
      105px 0 65px;
  }

  .spx26-hero-copy h1 {
    font-size:
      clamp(42px, 13vw, 62px);
  }

  .spx26-hero-copy p {
    font-size: 15px;
  }

  .spx26-orbit-shell {
    height: 520px;

    margin-top: 18px;

    transform: scale(.9);
  }

  .spx26-orbit-core {
    width: 155px;
    height: 155px;
  }

  .spx26-orbit-core-inner strong {
    font-size: 17px;
  }

  .spx26-ref-card {
    width: 190px;
  }

  .spx26-ref-card-body {
    min-height: 225px;
    padding: 14px;

    border-radius: 19px;
  }

  .spx26-ref-logo {
    height: 72px;
  }

  .spx26-ref-logo img {
    max-width: 125px;
    max-height: 54px;
  }

  .spx26-ref-card h2 {
    font-size: 15px;
  }

  .spx26-ref-action {
    padding: 0 7px;

    font-size: 8px;
  }

  .spx26-orbit-line {
    width: 650px;
    height: 210px;
  }

  .spx26-orbit-line-inner {
    width: 490px;
    height: 160px;
  }

  .spx26-hero-actions {
    margin-top: -30px;
  }

  .spx26-intro {
    margin-top: 90px;
    padding-top: 60px;
  }

  .spx26-inline-actions {
    flex-direction: column;
  }

  .spx26-inline-actions .spx26-button {
    width: 100%;
  }

  .spx26-marquee {
    margin-top: 70px;
  }

  .spx26-section {
    padding:
      82px 0;
  }

  .spx26-section-head {
    margin-bottom: 45px;
  }

  .spx26-section-head h2 {
    font-size: 39px;
  }

  .spx26-service-card,
  .spx26-value-card,
  .spx26-process-card {
    padding:
      28px 24px;
  }

  .spx26-courier {
    padding:
      35px 25px;

    border-radius: 24px;
  }

  .spx26-system-visual {
    transform: scale(.9);
  }

  .spx26-system-node {
    min-width: 93px;
    min-height: 62px;

    padding: 12px;

    border-radius: 14px;
  }

  .spx26-system-core {
    width: 115px;
    height: 115px;
  }

  .spx26-type {
    min-height: 78px;

    padding:
      0 20px;
  }

  .spx26-final {
    min-height: 600px;
  }

  .spx26-final-inner {
    padding:
      100px 0;
  }

}


/* ============================================================
   ACCESSIBILITY
============================================================ */

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

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

}

/* ============================================================
   SIGMA POINT — GLOBAL / BASE
============================================================ */

:root {
  --sigma-orange: #ff7a1a;
  --sigma-orange-light: #ff9c4b;
  --sigma-orange-dark: #e86000;

  --sigma-black: #070708;
  --sigma-black-2: #0d0d0f;
  --sigma-black-3: #141416;

  --sigma-white: #ffffff;
  --sigma-bg: #f7f7f4;
  --sigma-soft: #eeeeea;

  --sigma-text: #121212;
  --sigma-muted: #77777d;

  --sigma-border: rgba(18, 18, 18, .10);
  --sigma-border-dark: rgba(255, 255, 255, .10);

  --sigma-header-height: 82px;
}


/* ============================================================
   RESET
============================================================ */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;

  font-family:
    "Montserrat",
    Arial,
    sans-serif;

  color: var(--sigma-text);
  background: var(--sigma-bg);

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body.menu-open {
  overflow: hidden;
}

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

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

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

button {
  border: 0;
}

.page-shell {
  position: relative;
  width: 100%;
  min-height: 100vh;
}

.site-main {
  position: relative;
}


/* ============================================================
   CONTAINER
============================================================ */

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


/* ============================================================
   GLOBAL BUTTON
============================================================ */

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  min-height: 50px;
  padding: 0 23px;

  border: 1px solid transparent;
  border-radius: 999px;

  font-size: 12px;
  font-weight: 800;
  letter-spacing: -.01em;

  cursor: pointer;

  transition:
    transform .28s ease,
    background .28s ease,
    color .28s ease,
    border-color .28s ease,
    box-shadow .28s ease;
}

.btn:hover {
  transform: translateY(-3px);
}

.btn-dark {
  color: #fff;

  background:
    linear-gradient(
      135deg,
      #171719,
      #070708
    );

  border-color:
    rgba(255, 255, 255, .08);

  box-shadow:
    0 11px 28px rgba(0, 0, 0, .18);
}

.btn-dark:hover {
  background: #171719;

  box-shadow:
    0 16px 36px rgba(0, 0, 0, .25);
}

.btn-soft {
  color: #fff;

  background:
    rgba(255, 255, 255, .075);

  border-color:
    rgba(255, 255, 255, .12);
}

.btn-soft:hover {
  background:
    rgba(255, 122, 26, .14);

  border-color:
    rgba(255, 122, 26, .32);
}


/* ============================================================
   SITE HEADER
============================================================ */

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;

  z-index: 1000;

  height: var(--sigma-header-height);

  background:
    rgba(7, 7, 8, .83);

  border-bottom:
    1px solid rgba(255, 255, 255, .08);

  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);

  transition:
    background .3s ease,
    border-color .3s ease,
    box-shadow .3s ease;
}

.site-header::before {
  content: "";

  position: absolute;
  inset: 0;

  pointer-events: none;

  background:
    linear-gradient(
      to bottom,
      rgba(255, 255, 255, .035),
      transparent
    );
}

.header-inner {
  position: relative;
  z-index: 2;

  height: 100%;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 30px;
}


/* ============================================================
   BRAND
============================================================ */

.brand {
  display: inline-flex;
  align-items: center;
  gap: 13px;

  min-width: max-content;
}

.brand-logo {
  width: 44px;
  height: 44px;

  flex: 0 0 44px;

  object-fit: contain;

  border-radius: 13px;

  background:
    rgba(255, 255, 255, .04);

  border:
    1px solid rgba(255, 255, 255, .08);

  padding: 5px;

  transition:
    transform .3s ease,
    border-color .3s ease,
    box-shadow .3s ease;
}

.brand:hover .brand-logo {
  transform: rotate(-4deg) scale(1.04);

  border-color:
    rgba(255, 122, 26, .30);

  box-shadow:
    0 0 25px rgba(255, 122, 26, .10);
}

.brand-copy {
  display: flex;
  flex-direction: column;

  gap: 3px;
}

.brand-text {
  font-size: 13px;
  line-height: 1;
  font-weight: 800;

  letter-spacing: -.025em;

  color: #fff;
}

.brand-subtext {
  font-size: 8px;
  line-height: 1;

  font-weight: 600;

  letter-spacing: .08em;
  text-transform: uppercase;

  color:
    rgba(255, 255, 255, .38);
}


/* ============================================================
   DESKTOP NAV
============================================================ */

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

  padding: 5px;

  border-radius: 999px;

  background:
    rgba(255, 255, 255, .03);

  border:
    1px solid rgba(255, 255, 255, .065);
}

.main-nav a {
  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;

  min-height: 39px;

  padding: 0 16px;

  border-radius: 999px;

  color:
    rgba(255, 255, 255, .58);

  font-size: 10px;
  font-weight: 750;

  transition:
    color .25s ease,
    background .25s ease;
}

.main-nav a:hover {
  color: #fff;

  background:
    rgba(255, 255, 255, .065);
}

.main-nav a::after {
  content: "";

  position: absolute;

  left: 50%;
  bottom: 4px;

  width: 4px;
  height: 4px;

  transform:
    translateX(-50%)
    scale(0);

  border-radius: 50%;

  background: var(--sigma-orange);

  box-shadow:
    0 0 12px rgba(255, 122, 26, .7);

  transition:
    transform .25s ease;
}

.main-nav a:hover::after {
  transform:
    translateX(-50%)
    scale(1);
}


/* ============================================================
   HEADER ACTIONS
============================================================ */

.header-actions {
  display: flex;
  align-items: center;

  gap: 9px;
}


/* ============================================================
   QUICK CALL
============================================================ */

.sigma-quick-call {
  display: inline-flex;
  align-items: center;
  gap: 9px;

  min-height: 46px;

  padding:
    0 15px 0 8px;

  border-radius: 999px;

  color: #fff;

  background:
    rgba(255, 255, 255, .045);

  border:
    1px solid rgba(255, 255, 255, .085);

  transition:
    transform .28s ease,
    border-color .28s ease,
    background .28s ease;
}

.sigma-quick-call:hover {
  transform: translateY(-2px);

  background:
    rgba(255, 122, 26, .07);

  border-color:
    rgba(255, 122, 26, .25);
}

.sigma-quick-call-icon {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 31px;
  height: 31px;

  flex: 0 0 31px;

  border-radius: 50%;

  background:
    linear-gradient(
      135deg,
      #ff9b50,
      #ff7113
    );

  box-shadow:
    0 7px 20px rgba(255, 115, 17, .22);
}

.sigma-quick-call-icon svg {
  width: 14px;
  height: 14px;

  fill: none;
  stroke: #111;

  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.sigma-quick-call-text {
  white-space: nowrap;

  font-size: 9px;
  font-weight: 780;

  color:
    rgba(255, 255, 255, .70);
}


/* ============================================================
   HEADER PROJECT BUTTON
============================================================ */

.header-project-btn {
  min-height: 46px;

  padding-inline: 18px;

  background:
    linear-gradient(
      135deg,
      var(--sigma-orange-light),
      var(--sigma-orange)
    );

  color: #111;

  border: 0;

  box-shadow:
    0 9px 28px rgba(255, 118, 21, .22);
}

.header-project-btn:hover {
  background:
    linear-gradient(
      135deg,
      #ffa75e,
      #ff7412
    );

  box-shadow:
    0 12px 33px rgba(255, 118, 21, .31);
}


/* ============================================================
   MOBILE MENU BUTTON
============================================================ */

.mobile-menu-btn {
  display: none;

  position: relative;

  width: 46px;
  height: 46px;

  align-items: center;
  justify-content: center;

  flex-direction: column;

  gap: 6px;

  border-radius: 14px;

  background:
    rgba(255, 255, 255, .06);

  border:
    1px solid rgba(255, 255, 255, .09);

  cursor: pointer;
}

.mobile-menu-btn span {
  display: block;

  width: 18px;
  height: 1.5px;

  border-radius: 10px;

  background: #fff;

  transition:
    transform .3s ease,
    opacity .3s ease;
}

.mobile-menu-btn.active span:first-child {
  transform:
    translateY(3.75px)
    rotate(45deg);
}

.mobile-menu-btn.active span:last-child {
  transform:
    translateY(-3.75px)
    rotate(-45deg);
}


/* ============================================================
   MOBILE MENU
============================================================ */

.mobile-menu {
  position: fixed;

  top: var(--sigma-header-height);
  left: 0;
  right: 0;

  z-index: 999;

  display: flex;
  flex-direction: column;

  gap: 5px;

  padding:
    15px 20px 25px;

  background:
    rgba(8, 8, 9, .98);

  border-bottom:
    1px solid rgba(255, 255, 255, .08);

  backdrop-filter: blur(25px);

  transform: translateY(-15px);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transition:
    opacity .28s ease,
    transform .28s ease,
    visibility .28s ease;
}

.mobile-menu.active {
  transform: translateY(0);

  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.mobile-menu > a {
  display: flex;
  align-items: center;

  min-height: 54px;

  padding: 0 18px;

  border-radius: 15px;

  color:
    rgba(255, 255, 255, .67);

  background:
    rgba(255, 255, 255, .025);

  border:
    1px solid transparent;

  font-size: 13px;
  font-weight: 700;

  transition:
    color .25s ease,
    background .25s ease,
    border-color .25s ease;
}

.mobile-menu > a:hover {
  color: #fff;

  background:
    rgba(255, 255, 255, .055);

  border-color:
    rgba(255, 255, 255, .07);
}

.mobile-menu .mobile-quick-call {
  gap: 10px;

  color: #fff;
}

.mobile-quick-call svg {
  width: 17px;
  height: 17px;

  fill: none;
  stroke: var(--sigma-orange);

  stroke-width: 1.8;
}

.mobile-menu .mobile-cta {
  justify-content: center;

  margin-top: 6px;

  color: #111;

  background:
    linear-gradient(
      135deg,
      var(--sigma-orange-light),
      var(--sigma-orange)
    );

  font-weight: 800;
}


/* ============================================================
   FOOTER
============================================================ */

.site-footer {
  position: relative;

  overflow: hidden;

  color: #fff;

  background:
    radial-gradient(
      circle at 8% 10%,
      rgba(255, 122, 26, .09),
      transparent 27%
    ),
    #070708;

  border-top:
    1px solid rgba(255, 255, 255, .08);
}

.site-footer::after {
  content: "";

  position: absolute;

  width: 550px;
  height: 550px;

  right: -300px;
  bottom: -360px;

  border-radius: 50%;

  background:
    rgba(255, 117, 20, .12);

  filter: blur(100px);

  pointer-events: none;
}

.footer-top {
  position: relative;
  z-index: 2;

  display: grid;

  grid-template-columns:
    minmax(0, 1.2fr)
    minmax(160px, .45fr)
    minmax(260px, .68fr);

  gap:
    clamp(45px, 7vw, 110px);

  padding:
    85px 0 70px;
}


/* ============================================================
   FOOTER BRAND
============================================================ */

.footer-brand-row {
  display: flex;
  align-items: center;

  gap: 14px;
}

.footer-logo {
  width: 53px;
  height: 53px;

  object-fit: contain;

  padding: 6px;

  border-radius: 15px;

  background:
    rgba(255, 255, 255, .04);

  border:
    1px solid rgba(255, 255, 255, .08);
}

.footer-brand-copy {
  display: flex;
  flex-direction: column;

  gap: 4px;
}

.footer-brand-title {
  font-size: 14px;
  font-weight: 800;

  letter-spacing: -.025em;
}

.footer-brand-subtitle {
  font-size: 8px;
  font-weight: 700;

  letter-spacing: .09em;
  text-transform: uppercase;

  color:
    rgba(255, 255, 255, .35);
}

.footer-brand > p {
  max-width: 570px;

  margin: 25px 0 0;

  color:
    rgba(255, 255, 255, .46);

  font-size: 13px;
  line-height: 1.85;
}


/* ============================================================
   FOOTER LINKS
============================================================ */

.footer-links,
.footer-contact {
  display: flex;
  flex-direction: column;
}

.footer-links h4,
.footer-contact h4 {
  margin: 0 0 22px;

  font-size: 10px;
  font-weight: 850;

  letter-spacing: .16em;
  text-transform: uppercase;

  color: var(--sigma-orange);
}

.footer-links a {
  width: fit-content;

  margin-bottom: 13px;

  color:
    rgba(255, 255, 255, .54);

  font-size: 12px;
  font-weight: 650;

  transition:
    color .25s ease,
    transform .25s ease;
}

.footer-links a:hover {
  color: #fff;

  transform: translateX(4px);
}

.footer-contact p {
  max-width: 360px;

  margin: 0 0 23px;

  color:
    rgba(255, 255, 255, .47);

  font-size: 13px;
  line-height: 1.78;
}

.footer-contact .btn {
  width: fit-content;
}


/* ============================================================
   FOOTER BOTTOM
============================================================ */

.footer-bottom {
  position: relative;
  z-index: 2;

  display: flex;
  align-items: center;

  min-height: 70px;

  border-top:
    1px solid rgba(255, 255, 255, .075);
}

.footer-bottom p {
  margin: 0;

  font-size: 9px;
  font-weight: 600;

  letter-spacing: .04em;

  color:
    rgba(255, 255, 255, .30);
}


/* ============================================================
   REVEAL
============================================================ */

.reveal {
  opacity: 0;

  transform:
    translateY(30px);

  transition:
    opacity .7s cubic-bezier(.2,.7,.2,1),
    transform .7s cubic-bezier(.2,.7,.2,1);
}

.reveal.show {
  opacity: 1;

  transform:
    translateY(0);
}


/* ============================================================
   TABLET
============================================================ */

@media (max-width: 1180px) {

  .main-nav {
    gap: 2px;
  }

  .main-nav a {
    padding-inline: 12px;

    font-size: 9px;
  }

  .sigma-quick-call-text {
    display: none;
  }

  .sigma-quick-call {
    padding:
      0 7px;
  }

}


/* ============================================================
   MOBILE NAV
============================================================ */

@media (max-width: 900px) {

  :root {
    --sigma-header-height: 72px;
  }

  .container {
    width:
      min(100% - 36px, 760px);
  }

  .main-nav,
  .sigma-quick-call,
  .header-project-btn {
    display: none;
  }

  .mobile-menu-btn {
    display: flex;
  }

  .brand-logo {
    width: 40px;
    height: 40px;

    flex-basis: 40px;
  }

  .brand-text {
    font-size: 12px;
  }

  .footer-top {
    grid-template-columns:
      1.2fr .7fr;

    gap: 50px;
  }

  .footer-contact {
    grid-column:
      1 / -1;

    padding-top: 30px;

    border-top:
      1px solid rgba(255, 255, 255, .07);
  }

}


/* ============================================================
   SMALL MOBILE
============================================================ */

@media (max-width: 600px) {

  .container {
    width: calc(100% - 28px);
  }

  .site-header {
    height:
      var(--sigma-header-height);
  }

  .brand {
    gap: 9px;
  }

  .brand-logo {
    width: 37px;
    height: 37px;

    flex-basis: 37px;

    border-radius: 11px;
  }

  .brand-text {
    max-width: 150px;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    font-size: 10px;
  }

  .brand-subtext {
    font-size: 7px;
  }

  .mobile-menu-btn {
    width: 42px;
    height: 42px;

    border-radius: 12px;
  }

  .mobile-menu {
    padding:
      12px 14px 20px;
  }

  .footer-top {
    grid-template-columns: 1fr;

    gap: 42px;

    padding:
      70px 0 52px;
  }

  .footer-contact {
    grid-column: auto;

    padding-top: 0;

    border-top: 0;
  }

  .footer-links {
    padding-top: 35px;

    border-top:
      1px solid rgba(255, 255, 255, .07);
  }

  .footer-contact {
    padding-top: 35px;

    border-top:
      1px solid rgba(255, 255, 255, .07);
  }

  .footer-bottom {
    min-height: 62px;
  }

}


/* ============================================================
   REDUCED MOTION
============================================================ */

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

  html {
    scroll-behavior: auto;
  }

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

}

/* ============================================================
   SUCCESS PAGE
============================================================ */

.sigma-success-page {
  position: relative;

  min-height: 100vh;

  display: flex;
  align-items: center;
  justify-content: center;

  padding:
    calc(var(--sigma-header-height) + 70px)
    24px
    90px;

  overflow: hidden;

  color: #fff;

  background:
    radial-gradient(
      circle at 50% 35%,
      #1b1b1e 0%,
      #0d0d0f 42%,
      #050506 78%,
      #020202 100%
    );
}


/* ============================================================
   BACKGROUND GRID
============================================================ */

.sigma-success-grid {
  position: absolute;
  inset: -20%;

  z-index: 0;

  background-image:
    linear-gradient(
      rgba(255, 255, 255, .035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, .035) 1px,
      transparent 1px
    );

  background-size: 48px 48px;

  mask-image:
    radial-gradient(
      circle at center,
      #000 0%,
      transparent 74%
    );

  pointer-events: none;
}


/* ============================================================
   GLOWS
============================================================ */

.sigma-success-glow {
  position: absolute;

  z-index: 0;

  border-radius: 50%;

  filter: blur(110px);

  pointer-events: none;
}

.sigma-success-glow-a {
  width: 500px;
  height: 500px;

  top: -220px;
  left: -180px;

  background:
    rgba(255, 122, 26, .19);
}

.sigma-success-glow-b {
  width: 620px;
  height: 620px;

  right: -300px;
  bottom: -360px;

  background:
    rgba(255, 122, 26, .10);
}


/* ============================================================
   SUCCESS BOX
============================================================ */

.sigma-success-box {
  position: relative;
  z-index: 2;

  width: min(760px, 100%);

  display: flex;
  flex-direction: column;
  align-items: center;

  text-align: center;
}


/* ============================================================
   LOGO / CORE
============================================================ */

.sigma-success-icon-wrap {
  position: relative;

  width: 210px;
  height: 210px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 36px;
}

.sigma-success-icon-wrap::before {
  content: "";

  position: absolute;

  inset: 30px;

  border-radius: 50%;

  background:
    rgba(255, 122, 26, .16);

  filter: blur(35px);

  animation:
    sigmaSuccessGlow 2.3s ease-in-out infinite;
}

.sigma-success-logo {
  position: relative;
  z-index: 3;

  width: 125px;
  height: 125px;

  object-fit: contain;

  filter:
    drop-shadow(
      0 18px 40px rgba(0, 0, 0, .4)
    );

  animation:
    sigmaSuccessLogo 2.2s ease-in-out infinite;
}


/* ============================================================
   RINGS
============================================================ */

.sigma-success-ring {
  position: absolute;

  left: 50%;
  top: 50%;

  border-radius: 50%;

  transform:
    translate(-50%, -50%);

  pointer-events: none;
}

.sigma-success-ring-a {
  width: 190px;
  height: 190px;

  border:
    1px solid rgba(255, 255, 255, .12);

  animation:
    sigmaSuccessRotate 13s linear infinite;
}

.sigma-success-ring-a::after {
  content: "";

  position: absolute;

  width: 8px;
  height: 8px;

  left: 50%;
  top: -4px;

  transform:
    translateX(-50%);

  border-radius: 50%;

  background:
    var(--sigma-orange);

  box-shadow:
    0 0 20px rgba(255, 122, 26, .85);
}

.sigma-success-ring-b {
  width: 155px;
  height: 155px;

  border:
    1px dashed rgba(255, 122, 26, .22);

  animation:
    sigmaSuccessRotateReverse 10s linear infinite;
}


/* ============================================================
   TEXT
============================================================ */

.sigma-success-kicker {
  display: inline-flex;
  align-items: center;

  margin-bottom: 18px;

  font-size: 10px;
  font-weight: 850;

  letter-spacing: .20em;
  text-transform: uppercase;

  color:
    var(--sigma-orange);
}

.sigma-success-box h1 {
  max-width: 720px;

  margin: 0;

  font-size:
    clamp(42px, 5vw, 72px);

  line-height: .99;

  letter-spacing: -.06em;

  font-weight: 450;

  color: #fff;
}

.sigma-success-box h1 strong {
  display: block;

  color:
    var(--sigma-orange-light);

  font-weight: 820;
}

.sigma-success-subtext {
  margin:
    24px 0 0;

  font-size: 14px;
  line-height: 1.7;

  color:
    rgba(255, 255, 255, .48);
}


/* ============================================================
   LOADER
============================================================ */

.sigma-success-loader {
  position: relative;

  width: min(310px, 75%);
  height: 3px;

  margin-top: 30px;

  overflow: hidden;

  border-radius: 99px;

  background:
    rgba(255, 255, 255, .08);
}

.sigma-success-loader span {
  display: block;

  width: 0;
  height: 100%;

  border-radius: inherit;

  background:
    linear-gradient(
      90deg,
      var(--sigma-orange-light),
      var(--sigma-orange)
    );

  box-shadow:
    0 0 15px rgba(255, 122, 26, .5);

  animation:
    sigmaSuccessLoading 3s linear forwards;
}


/* ============================================================
   HOME LINK
============================================================ */

.sigma-success-home-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;

  margin-top: 27px;

  color:
    rgba(255, 255, 255, .58);

  font-size: 10px;
  font-weight: 750;

  transition:
    color .25s ease,
    transform .25s ease;
}

.sigma-success-home-link span {
  color: var(--sigma-orange);

  font-size: 17px;

  transition:
    transform .25s ease;
}

.sigma-success-home-link:hover {
  color: #fff;

  transform:
    translateY(-2px);
}

.sigma-success-home-link:hover span {
  transform:
    translateX(4px);
}


/* ============================================================
   ANIMATIONS
============================================================ */

@keyframes sigmaSuccessLogo {

  0%,
  100% {
    transform:
      scale(1)
      translateY(0);
  }

  50% {
    transform:
      scale(1.035)
      translateY(-5px);
  }

}

@keyframes sigmaSuccessGlow {

  0%,
  100% {
    opacity: .7;

    transform:
      scale(.95);
  }

  50% {
    opacity: 1;

    transform:
      scale(1.12);
  }

}

@keyframes sigmaSuccessRotate {

  from {
    transform:
      translate(-50%, -50%)
      rotate(0deg);
  }

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

}

@keyframes sigmaSuccessRotateReverse {

  from {
    transform:
      translate(-50%, -50%)
      rotate(360deg);
  }

  to {
    transform:
      translate(-50%, -50%)
      rotate(0deg);
  }

}

@keyframes sigmaSuccessLoading {

  from {
    width: 0;
  }

  to {
    width: 100%;
  }

}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 600px) {

  .sigma-success-page {
    min-height: 100svh;

    padding:
      calc(var(--sigma-header-height) + 45px)
      18px
      65px;
  }

  .sigma-success-icon-wrap {
    width: 170px;
    height: 170px;

    margin-bottom: 27px;
  }

  .sigma-success-logo {
    width: 100px;
    height: 100px;
  }

  .sigma-success-ring-a {
    width: 155px;
    height: 155px;
  }

  .sigma-success-ring-b {
    width: 127px;
    height: 127px;
  }

  .sigma-success-box h1 {
    font-size:
      clamp(37px, 11vw, 49px);
  }

  .sigma-success-subtext {
    font-size: 12px;
  }

  .sigma-success-loader {
    width: 70%;
  }

}


/* ============================================================
   REDUCED MOTION
============================================================ */

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

  .sigma-success-logo,
  .sigma-success-ring-a,
  .sigma-success-ring-b,
  .sigma-success-icon-wrap::before {
    animation: none !important;
  }

}

/* ============================================================
   SIGMA POINT — ABOUT PAGE
============================================================ */

.sigma-about-page {
  position: relative;
  overflow: hidden;

  color: var(--sigma-text);
  background: var(--sigma-bg);
}


/* ============================================================
   SHARED ABOUT STRUCTURE
============================================================ */

.sigma-about-page .content-shell {
  position: relative;
  width: 100%;
}

.sigma-about-page .content-section {
  position: relative;

  padding:
    clamp(90px, 9vw, 145px)
    0;
}

.sigma-about-page .section-top {
  display: grid;

  grid-template-columns:
    minmax(0, 1.15fr)
    minmax(300px, .62fr);

  gap:
    clamp(40px, 7vw, 100px);

  align-items: end;

  margin-bottom:
    clamp(55px, 7vw, 90px);
}

.sigma-about-page .section-tag {
  display: inline-flex;
  align-items: center;

  margin-bottom: 18px;

  color: var(--sigma-orange);

  font-size: 10px;
  font-weight: 850;

  letter-spacing: .18em;
  text-transform: uppercase;
}

.sigma-about-page .section-tag::before {
  content: "";

  width: 22px;
  height: 1px;

  margin-right: 10px;

  background: var(--sigma-orange);
}

.sigma-about-page .section-title {
  max-width: 850px;

  margin: 0;

  font-size:
    clamp(38px, 4.3vw, 66px);

  line-height: 1.01;

  letter-spacing: -.055em;

  font-weight: 650;
}

.sigma-about-page .section-desc {
  max-width: 540px;

  margin: 0;

  font-size: 14px;
  line-height: 1.85;

  color: #75757a;
}


/* ============================================================
   HERO
============================================================ */

.sigma-about-hero {
  position: relative;

  min-height: 100vh;

  overflow: hidden;

  padding:
    calc(var(--sigma-header-height) + 80px)
    0
    100px;

  color: #fff;

  background:
    radial-gradient(
      circle at 52% 0%,
      #252529 0%,
      #111113 35%,
      #080809 70%,
      #030303 100%
    );
}


/* ============================================================
   HERO BACKGROUND
============================================================ */

.sigma-about-grid-bg {
  position: absolute;

  inset: -20%;

  background-image:
    linear-gradient(
      rgba(255, 255, 255, .035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, .035) 1px,
      transparent 1px
    );

  background-size: 52px 52px;

  mask-image:
    linear-gradient(
      to bottom,
      #000 0%,
      rgba(0, 0, 0, .75) 45%,
      transparent 100%
    );

  pointer-events: none;
}

.sigma-about-orb {
  position: absolute;

  border-radius: 50%;

  filter: blur(115px);

  pointer-events: none;
}

.sigma-about-orb-one {
  width: 580px;
  height: 580px;

  top: -280px;
  left: -220px;

  background:
    rgba(255, 120, 20, .18);
}

.sigma-about-orb-two {
  width: 650px;
  height: 650px;

  right: -330px;
  top: 260px;

  background:
    rgba(255, 132, 38, .09);
}


/* ============================================================
   HERO CARD
============================================================ */

.sigma-about-hero-card {
  position: relative;

  overflow: hidden;

  border-radius: 38px;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, .055),
      rgba(255, 255, 255, .018)
    );

  border:
    1px solid rgba(255, 255, 255, .09);

  box-shadow:
    0 45px 120px rgba(0, 0, 0, .38);

  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.sigma-about-hero-card::before {
  content: "";

  position: absolute;

  width: 540px;
  height: 540px;

  left: -280px;
  bottom: -360px;

  border-radius: 50%;

  background:
    rgba(255, 122, 26, .11);

  filter: blur(90px);

  pointer-events: none;
}

.about-hero {
  position: relative;
  z-index: 2;

  display: grid;

  grid-template-columns:
    minmax(0, 1.05fr)
    minmax(430px, .85fr);

  gap:
    clamp(50px, 7vw, 110px);

  align-items: center;

  min-height: 650px;

  padding:
    clamp(50px, 6vw, 90px);
}


/* ============================================================
   HERO COPY
============================================================ */

.about-hero-copy {
  position: relative;
  z-index: 2;
}

.about-hero-copy .eyebrow {
  display: inline-flex;
  align-items: center;

  margin-bottom: 23px;

  color:
    rgba(255, 255, 255, .45);

  font-size: 10px;
  font-weight: 800;

  letter-spacing: .19em;
  text-transform: uppercase;
}

.about-hero-copy .eyebrow::before {
  content: "";

  width: 7px;
  height: 7px;

  margin-right: 10px;

  border-radius: 50%;

  background: var(--sigma-orange);

  box-shadow:
    0 0 16px rgba(255, 122, 26, .7);
}

.sigma-about-title {
  margin: 0;

  font-size:
    clamp(42px, 5.15vw, 76px);

  line-height: .98;

  letter-spacing: -.062em;

  font-weight: 420;
}

.sigma-about-title > span {
  display: block;
}

.sigma-about-title .accent-text {
  color: var(--sigma-orange-light);
  font-weight: 800;
}

.about-hero-copy > p {
  max-width: 680px;

  margin: 29px 0 0;

  color:
    rgba(255, 255, 255, .52);

  font-size: 14px;
  line-height: 1.85;
}


/* ============================================================
   HERO FOUNDER STAT
============================================================ */

.sigma-about-founder {
  display: flex;
  align-items: center;

  gap: 18px;

  width: fit-content;

  margin-top: 38px;
  padding: 15px 19px 15px 15px;

  border-radius: 18px;

  background:
    rgba(255, 255, 255, .045);

  border:
    1px solid rgba(255, 255, 255, .08);
}

.sigma-about-founder-number {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 58px;
  height: 58px;

  flex: 0 0 58px;

  border-radius: 17px;

  background:
    linear-gradient(
      135deg,
      var(--sigma-orange-light),
      var(--sigma-orange)
    );

  color: #111;

  font-size: 21px;
  font-weight: 900;

  letter-spacing: -.05em;

  box-shadow:
    0 12px 30px rgba(255, 122, 26, .20);
}

.sigma-about-founder strong {
  display: block;

  font-size: 11px;

  color: #fff;
}

.sigma-about-founder small {
  display: block;

  margin-top: 5px;

  font-size: 9px;
  line-height: 1.5;

  color:
    rgba(255, 255, 255, .38);
}


/* ============================================================
   HERO VISUAL / SIGMA CORE
============================================================ */

.sigma-about-hero-stage {
  position: relative;

  width: min(500px, 100%);
  aspect-ratio: 1 / 1;

  margin: 0 auto;
}

.sigma-about-hero-stage::before {
  content: "";

  position: absolute;

  inset: 20%;

  border-radius: 50%;

  background:
    rgba(255, 122, 26, .12);

  filter: blur(65px);
}

.sigma-about-circle {
  position: absolute;

  left: 50%;
  top: 50%;

  border-radius: 50%;

  transform:
    translate(-50%, -50%);

  pointer-events: none;
}

.sigma-about-circle-one {
  width: 78%;
  height: 78%;

  border:
    1px solid rgba(255, 255, 255, .13);
}

.sigma-about-circle-one::after {
  content: "";

  position: absolute;

  width: 10px;
  height: 10px;

  top: -5px;
  left: 50%;

  transform: translateX(-50%);

  border-radius: 50%;

  background: var(--sigma-orange);

  box-shadow:
    0 0 22px rgba(255, 122, 26, .85);
}

.sigma-about-circle-two {
  width: 56%;
  height: 56%;

  border:
    1px dashed rgba(255, 122, 26, .26);
}


/* ============================================================
   CORE
============================================================ */

.sigma-about-core {
  position: absolute;

  left: 50%;
  top: 50%;

  transform:
    translate(-50%, -50%);

  z-index: 5;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  width: 155px;
  height: 155px;

  border-radius: 50%;

  background:
    radial-gradient(
      circle at 35% 27%,
      #36363a,
      #111114 58%,
      #050506
    );

  border:
    1px solid rgba(255, 255, 255, .14);

  box-shadow:
    0 0 0 17px rgba(255, 255, 255, .015),
    0 0 80px rgba(255, 122, 26, .12),
    0 30px 80px rgba(0, 0, 0, .48);
}

.sigma-about-core span {
  color: #fff;

  font-size: 25px;
  font-weight: 850;

  letter-spacing: -.04em;
}

.sigma-about-core small {
  margin-top: 3px;

  color: var(--sigma-orange);

  font-size: 8px;
  font-weight: 900;

  letter-spacing: .24em;
}


/* ============================================================
   FLOATING VALUES
============================================================ */

.sigma-about-floating {
  position: absolute;
  z-index: 4;

  display: flex;
  align-items: center;
  gap: 9px;

  min-height: 45px;

  padding: 0 14px;

  border-radius: 14px;

  background:
    rgba(19, 19, 22, .90);

  border:
    1px solid rgba(255, 255, 255, .10);

  backdrop-filter: blur(15px);

  box-shadow:
    0 18px 40px rgba(0, 0, 0, .32);

  color:
    rgba(255, 255, 255, .74);

  font-size: 9px;
  font-weight: 800;

  letter-spacing: .09em;
}

.sigma-about-floating span {
  color: var(--sigma-orange);

  font-size: 8px;
}

.sigma-about-floating-one {
  top: 5%;
  left: 50%;

  transform: translateX(-50%);
}

.sigma-about-floating-two {
  right: 0;
  top: 31%;
}

.sigma-about-floating-three {
  right: 12%;
  bottom: 8%;
}

.sigma-about-floating-four {
  left: 0;
  bottom: 23%;
}


/* ============================================================
   VALUES SECTION
============================================================ */

.sigma-about-values {
  color: #fff;
}

.sigma-about-trust-grid {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 12px;
}

.sigma-about-values .trust-card {
  position: relative;

  min-height: 300px;

  padding: 34px 28px;

  overflow: hidden;

  border-radius: 24px;

  background:
    rgba(255, 255, 255, .045);

  border:
    1px solid rgba(255, 255, 255, .08);

  transition:
    transform .32s ease,
    background .32s ease,
    border-color .32s ease,
    box-shadow .32s ease;
}

.sigma-about-values .trust-card::after {
  content: "";

  position: absolute;

  width: 180px;
  height: 180px;

  right: -100px;
  bottom: -110px;

  border-radius: 50%;

  background:
    rgba(255, 122, 26, .16);

  filter: blur(50px);

  opacity: 0;

  transition: opacity .3s ease;
}

.sigma-about-values .trust-card:hover {
  transform: translateY(-8px);

  background:
    rgba(255, 255, 255, .065);

  border-color:
    rgba(255, 122, 26, .25);

  box-shadow:
    0 30px 70px rgba(0, 0, 0, .25);
}

.sigma-about-values .trust-card:hover::after {
  opacity: 1;
}

.sigma-about-value-number {
  display: block;

  color: var(--sigma-orange);

  font-size: 9px;
  font-weight: 900;

  letter-spacing: .18em;
}

.sigma-about-values .trust-card h3 {
  margin:
    70px 0 12px;

  font-size: 22px;
  letter-spacing: -.04em;
}

.sigma-about-values .trust-card p {
  margin: 0;

  color:
    rgba(255, 255, 255, .45);

  font-size: 12px;
  line-height: 1.8;
}

.sigma-about-values .section-desc {
  color:
    rgba(255, 255, 255, .45);
}


/* ============================================================
   FOUNDER STORY
============================================================ */

.sigma-founder-story {
  position: relative;

  height: auto;

  color: #fff;

  background: #060607;
}

.sigma-founder-sticky {
  position: relative;

  min-height: 100vh;

  overflow: hidden;

  display: flex;
  align-items: center;

  background:
    radial-gradient(
      circle at 85% 25%,
      rgba(255, 122, 26, .10),
      transparent 28%
    ),
    #070708;
}


/* ============================================================
   FOUNDER BACKGROUND
============================================================ */

.sigma-founder-bg {
  position: absolute;
  inset: 0;

  pointer-events: none;
}

.sigma-founder-grid {
  position: absolute;
  inset: -20%;

  background-image:
    linear-gradient(
      rgba(255, 255, 255, .03) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, .03) 1px,
      transparent 1px
    );

  background-size: 54px 54px;

  mask-image:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, .95),
      rgba(0, 0, 0, .55),
      transparent
    );
}


/* ============================================================
   FOUNDER LAYOUT
============================================================ */

.sigma-founder-layout {
  position: relative;
  z-index: 3;

  display: grid;

  grid-template-columns:
    minmax(330px, .65fr)
    minmax(0, 1fr);

  gap:
    clamp(70px, 10vw, 160px);

  align-items: center;

  min-height: 100vh;

  padding:
    calc(var(--sigma-header-height) + 60px)
    0
    60px;
}


/* ============================================================
   FOUNDER LEFT
============================================================ */

.sigma-founder-intro {
  position: relative;
}

.sigma-founder-eyebrow {
  display: block;

  margin-bottom: 30px;

  color: var(--sigma-orange);

  font-size: 9px;
  font-weight: 900;

  letter-spacing: .22em;
}

.sigma-founder-name small {
  display: block;

  margin-bottom: 10px;

  color:
    rgba(255, 255, 255, .35);

  font-size: 8px;
  font-weight: 800;

  letter-spacing: .16em;
}

.sigma-founder-name h2 {
  margin: 0;

  font-size:
    clamp(65px, 8vw, 118px);

  line-height: .82;

  letter-spacing: -.075em;

  font-weight: 350;

  color: #fff;
}

.sigma-founder-name h2 span {
  display: block;

  color: var(--sigma-orange-light);

  font-weight: 850;
}


/* ============================================================
   FOUNDER PROGRESS
============================================================ */

.sigma-founder-progress-wrap {
  display: flex;
  align-items: stretch;

  gap: 13px;

  margin-top: 55px;
}

.sigma-founder-progress-line {
  position: relative;

  width: 2px;
  height: 150px;

  overflow: hidden;

  border-radius: 99px;

  background:
    rgba(255, 255, 255, .09);
}

.sigma-founder-progress-line span {
  position: absolute;

  inset: 0;

  display: block;

  background:
    linear-gradient(
      to bottom,
      var(--sigma-orange-light),
      var(--sigma-orange)
    );

  transform:
    scaleY(0);

  transform-origin:
    top center;

  box-shadow:
    0 0 15px rgba(255, 122, 26, .35);
}

.sigma-founder-progress-label {
  align-self: flex-end;

  writing-mode: vertical-rl;

  transform: rotate(180deg);

  color:
    rgba(255, 255, 255, .25);

  font-size: 7px;
  font-weight: 800;

  letter-spacing: .18em;
}


/* ============================================================
   FOUNDER SCENES
============================================================ */

.sigma-founder-scenes {
  position: relative;

  min-height: 510px;
}

.sigma-founder-scene {
  position: absolute;

  top: 50%;
  left: 0;

  width: min(720px, 100%);

  transform:
    translateY(-43%)
    translateX(40px);

  opacity: 0;
  visibility: hidden;

  transition:
    opacity .55s ease,
    transform .55s cubic-bezier(.2,.7,.2,1),
    visibility .55s ease;
}

.sigma-founder-scene.active {
  transform:
    translateY(-50%)
    translateX(0);

  opacity: 1;
  visibility: visible;
}

.sigma-founder-scene-number {
  display: block;

  margin-bottom: 10px;

  color:
    rgba(255, 255, 255, .22);

  font-size: 10px;
  font-weight: 800;

  letter-spacing: .18em;
}

.sigma-founder-scene-year {
  display: inline-flex;
  align-items: center;

  min-height: 28px;

  padding: 0 10px;

  border-radius: 99px;

  background:
    rgba(255, 122, 26, .10);

  border:
    1px solid rgba(255, 122, 26, .20);

  color: var(--sigma-orange);

  font-size: 8px;
  font-weight: 850;

  letter-spacing: .15em;
}

.sigma-founder-scene h3 {
  max-width: 680px;

  margin:
    24px 0;

  font-size:
    clamp(44px, 5vw, 72px);

  line-height: .98;

  letter-spacing: -.06em;

  font-weight: 400;
}

.sigma-founder-scene h3 strong {
  display: block;

  color: var(--sigma-orange-light);

  font-weight: 820;
}

.sigma-founder-scene p {
  max-width: 620px;

  margin:
    0 0 15px;

  color:
    rgba(255, 255, 255, .48);

  font-size: 13px;
  line-height: 1.85;
}


/* ============================================================
   AFTER STORY
============================================================ */

.sigma-about-after-story {
  position: relative;
}


/* ============================================================
   PHILOSOPHY
============================================================ */

.sigma-about-philosophy {
  background: transparent;
}

.sigma-philosophy-grid {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 12px;
}

.sigma-philosophy-card {
  position: relative;

  min-height: 340px;

  padding: 32px 28px;

  overflow: hidden;

  border-radius: 24px;

  background:
    rgba(255, 255, 255, .72);

  border:
    1px solid rgba(0, 0, 0, .075);

  transition:
    transform .32s ease,
    background .32s ease,
    border-color .32s ease,
    box-shadow .32s ease;
}

.sigma-philosophy-card:hover {
  transform: translateY(-8px);

  background: #fff;

  border-color:
    rgba(255, 122, 26, .20);

  box-shadow:
    0 25px 65px rgba(0, 0, 0, .08);
}

.sigma-philosophy-index {
  display: block;

  color: #9b9b9f;

  font-size: 9px;
  font-weight: 850;

  letter-spacing: .17em;
}

.sigma-philosophy-icon {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 58px;
  height: 58px;

  margin-top: 50px;

  border-radius: 17px;

  color: var(--sigma-orange);

  background: #111113;

  font-size: 19px;
  font-weight: 800;

  box-shadow:
    0 13px 30px rgba(0, 0, 0, .13);

  transition:
    transform .3s ease,
    background .3s ease;
}

.sigma-philosophy-card:hover .sigma-philosophy-icon {
  transform:
    scale(1.06)
    rotate(-3deg);

  background: #070708;
}

.sigma-philosophy-card h3 {
  margin:
    22px 0 10px;

  font-size: 21px;
  letter-spacing: -.035em;
}

.sigma-philosophy-card p {
  margin: 0;

  color: #77777b;

  font-size: 12px;
  line-height: 1.78;
}


/* ============================================================
   MANIFESTO
============================================================ */

.sigma-about-manifesto {
  position: relative;

  min-height: 640px;

  display: flex;
  flex-direction: column;
  justify-content: center;

  margin-bottom:
    clamp(90px, 10vw, 150px);

  padding:
    clamp(70px, 8vw, 110px);

  overflow: hidden;

  border-radius: 38px;

  color: #fff;

  background:
    radial-gradient(
      circle at 85% 25%,
      rgba(255, 122, 26, .10),
      transparent 30%
    ),
    #080809;

  box-shadow:
    0 40px 100px rgba(0, 0, 0, .18);
}

.sigma-manifesto-orb {
  position: absolute;

  width: 520px;
  height: 520px;

  right: -220px;
  bottom: -300px;

  border-radius: 50%;

  border:
    1px solid rgba(255, 122, 26, .16);

  box-shadow:
    0 0 0 45px rgba(255, 255, 255, .015),
    0 0 0 90px rgba(255, 255, 255, .008);
}

.sigma-manifesto-small {
  position: relative;
  z-index: 2;

  display: block;

  margin-bottom: 28px;

  color: var(--sigma-orange);

  font-size: 9px;
  font-weight: 900;

  letter-spacing: .22em;
}

.sigma-about-manifesto h2 {
  position: relative;
  z-index: 2;

  width: min(930px, 100%);

  margin: 0;

  font-size:
    clamp(45px, 6vw, 88px);

  line-height: .95;

  letter-spacing: -.065em;

  font-weight: 350;
}

.sigma-about-manifesto h2 span,
.sigma-about-manifesto h2 strong {
  display: block;
}

.sigma-about-manifesto h2 strong {
  color: var(--sigma-orange-light);

  font-weight: 850;
}


/* ============================================================
   FINAL CTA
============================================================ */

.sigma-about-final {
  position: relative;

  min-height: 720px;

  display: flex;
  align-items: center;

  overflow: hidden;

  text-align: center;

  color: #fff;

  background:
    radial-gradient(
      circle at 50% 35%,
      #1c1c20,
      #0c0c0e 47%,
      #030303 100%
    );
}

.sigma-about-final-grid {
  position: absolute;

  inset: -20%;

  background-image:
    linear-gradient(
      rgba(255, 255, 255, .032) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, .032) 1px,
      transparent 1px
    );

  background-size: 52px 52px;

  mask-image:
    radial-gradient(
      circle at center,
      #000,
      transparent 72%
    );
}

.sigma-about-final-circle {
  position: absolute;

  left: 50%;
  bottom: -470px;

  width: 850px;
  height: 850px;

  transform: translateX(-50%);

  border-radius: 50%;

  border:
    1px solid rgba(255, 122, 26, .15);

  box-shadow:
    0 0 0 65px rgba(255, 255, 255, .012),
    0 0 120px rgba(255, 122, 26, .08);
}

.sigma-about-final .container {
  position: relative;
  z-index: 3;

  padding:
    120px 0;
}

.sigma-about-final-eyebrow {
  display: inline-block;

  margin-bottom: 24px;

  color: var(--sigma-orange);

  font-size: 9px;
  font-weight: 900;

  letter-spacing: .22em;
}

.sigma-about-final h2 {
  width: min(950px, 100%);

  margin: 0 auto;

  font-size:
    clamp(48px, 6.5vw, 96px);

  line-height: .94;

  letter-spacing: -.07em;

  font-weight: 350;
}

.sigma-about-final h2 span,
.sigma-about-final h2 strong {
  display: block;
}

.sigma-about-final h2 strong {
  color: var(--sigma-orange-light);

  font-weight: 850;
}

.sigma-about-final p {
  width: min(650px, 100%);

  margin:
    30px auto 32px;

  color:
    rgba(255, 255, 255, .48);

  font-size: 14px;
  line-height: 1.82;
}


/* ============================================================
   FINAL BUTTON
============================================================ */

.sigma-final-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 14px;

  min-height: 56px;

  padding: 0 26px;

  border-radius: 999px;

  color: #111;

  background:
    linear-gradient(
      135deg,
      var(--sigma-orange-light),
      var(--sigma-orange)
    );

  font-size: 12px;
  font-weight: 850;

  box-shadow:
    0 14px 38px rgba(255, 122, 26, .24);

  transition:
    transform .3s ease,
    box-shadow .3s ease;
}

.sigma-final-button span {
  font-size: 19px;

  transition:
    transform .3s ease;
}

.sigma-final-button:hover {
  transform: translateY(-4px);

  box-shadow:
    0 20px 48px rgba(255, 122, 26, .36);
}

.sigma-final-button:hover span {
  transform: translateX(5px);
}


/* ============================================================
   TABLET
============================================================ */

@media (max-width: 1100px) {

  .about-hero {
    grid-template-columns:
      minmax(0, 1fr)
      minmax(380px, .75fr);

    gap: 45px;
  }

  .sigma-about-trust-grid,
  .sigma-philosophy-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .sigma-founder-layout {
    gap: 70px;
  }

}


/* ============================================================
   TABLET / MOBILE
============================================================ */

@media (max-width: 900px) {

  .sigma-about-hero {
    padding-top:
      calc(var(--sigma-header-height) + 45px);
  }

  .about-hero {
    grid-template-columns: 1fr;

    min-height: auto;

    padding:
      55px 40px;

    gap: 70px;
  }

  .about-hero-copy {
    text-align: center;
  }

  .about-hero-copy .eyebrow {
    justify-content: center;
  }

  .about-hero-copy > p {
    margin-inline: auto;
  }

  .sigma-about-founder {
    margin-inline: auto;
  }

  .sigma-about-hero-stage {
    max-width: 470px;
  }

  .sigma-about-page .section-top {
    grid-template-columns: 1fr;

    gap: 24px;
  }

  .sigma-about-page .section-desc {
    max-width: 650px;
  }

  .sigma-founder-layout {
    grid-template-columns: 1fr;

    min-height: 100vh;

    gap: 55px;

    padding-top:
      calc(var(--sigma-header-height) + 40px);
  }

  .sigma-founder-intro {
    display: grid;

    grid-template-columns:
      1fr auto;

    gap: 20px;
  }

  .sigma-founder-eyebrow {
    grid-column: 1 / -1;

    margin-bottom: 0;
  }

  .sigma-founder-progress-wrap {
    margin-top: 0;

    align-self: end;
  }

  .sigma-founder-scenes {
    min-height: 430px;
  }

  .sigma-founder-scene {
    left: 0;
  }

}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 650px) {

  .sigma-about-hero {
    min-height: auto;

    padding-bottom: 65px;
  }

  .sigma-about-hero-card {
    border-radius: 26px;
  }

  .about-hero {
    padding:
      40px 22px;

    gap: 55px;
  }

  .sigma-about-title {
    font-size:
      clamp(39px, 11vw, 54px);
  }

  .about-hero-copy > p {
    font-size: 12px;
  }

  .sigma-about-founder {
    align-items: flex-start;

    text-align: left;
  }

  .sigma-about-founder-number {
    width: 52px;
    height: 52px;

    flex-basis: 52px;
  }

  .sigma-about-hero-stage {
    transform: scale(.92);
  }

  .sigma-about-floating {
    min-height: 39px;

    padding: 0 10px;

    font-size: 7px;
  }

  .sigma-about-floating-four {
    left: -5px;
  }

  .sigma-about-floating-two {
    right: -5px;
  }

  .sigma-about-page .content-section {
    padding:
      80px 0;
  }

  .sigma-about-page .section-title {
    font-size:
      clamp(35px, 10vw, 45px);
  }

  .sigma-about-trust-grid,
  .sigma-philosophy-grid {
    grid-template-columns: 1fr;
  }

  .sigma-about-values .trust-card,
  .sigma-philosophy-card {
    min-height: 245px;
  }

  .sigma-about-values .trust-card h3 {
    margin-top: 42px;
  }

  .sigma-philosophy-icon {
    margin-top: 38px;
  }

  .sigma-founder-layout {
    display: block;

    padding:
      calc(var(--sigma-header-height) + 38px)
      0
      40px;
  }

  .sigma-founder-intro {
    display: block;
  }

  .sigma-founder-name h2 {
    font-size:
      clamp(60px, 19vw, 90px);
  }

  .sigma-founder-progress-wrap {
    display: none;
  }

  .sigma-founder-scenes {
    min-height: 470px;

    margin-top: 55px;
  }

  .sigma-founder-scene h3 {
    font-size:
      clamp(40px, 11vw, 52px);
  }

  .sigma-founder-scene p {
    font-size: 12px;
  }

  .sigma-about-manifesto {
    min-height: 520px;

    padding:
      55px 25px;

    border-radius: 27px;
  }

  .sigma-about-manifesto h2 {
    font-size:
      clamp(42px, 12vw, 58px);
  }

  .sigma-manifesto-orb {
    width: 400px;
    height: 400px;

    right: -220px;
    bottom: -230px;
  }

  .sigma-about-final {
    min-height: 620px;
  }

  .sigma-about-final .container {
    padding:
      100px 0;
  }

  .sigma-about-final h2 {
    font-size:
      clamp(44px, 13vw, 64px);
  }

  .sigma-about-final p {
    font-size: 12px;
  }

}


/* ============================================================
   SMALL MOBILE
============================================================ */

@media (max-width: 430px) {

  .about-hero {
    padding:
      35px 18px;
  }

  .sigma-about-hero-stage {
    width: 110%;

    margin-left: -5%;
  }

  .sigma-about-core {
    width: 125px;
    height: 125px;
  }

  .sigma-about-core span {
    font-size: 20px;
  }

  .sigma-about-floating {
    font-size: 6.5px;
  }

  .sigma-about-values .trust-card,
  .sigma-philosophy-card {
    padding:
      26px 22px;
  }

}


/* ============================================================
   REDUCED MOTION
============================================================ */

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

  .sigma-about-page *,
  .sigma-about-page *::before,
  .sigma-about-page *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }

}

/* ============================================================
   SIGMA POINT — CONTACT PAGE
============================================================ */

.sigma-contact-page {
  position: relative;
  overflow: hidden;

  color: var(--sigma-text);
  background: var(--sigma-bg);
}


/* ============================================================
   COMMON CONTACT STRUCTURE
============================================================ */

.sigma-contact-page .content-shell {
  position: relative;
  width: 100%;
}

.sigma-contact-page .content-section {
  position: relative;

  padding:
    clamp(90px, 9vw, 145px)
    0;
}

.sigma-contact-page .section-top {
  display: grid;

  grid-template-columns:
    minmax(0, 1.15fr)
    minmax(300px, .62fr);

  gap:
    clamp(40px, 7vw, 100px);

  align-items: end;

  margin-bottom:
    clamp(55px, 7vw, 90px);
}

.sigma-contact-page .section-tag {
  display: inline-flex;
  align-items: center;

  margin-bottom: 18px;

  color: var(--sigma-orange);

  font-size: 10px;
  font-weight: 850;

  letter-spacing: .18em;
  text-transform: uppercase;
}

.sigma-contact-page .section-tag::before {
  content: "";

  width: 22px;
  height: 1px;

  margin-right: 10px;

  background: var(--sigma-orange);
}

.sigma-contact-page .section-title {
  max-width: 850px;

  margin: 0;

  font-size:
    clamp(38px, 4.3vw, 66px);

  line-height: 1.01;

  letter-spacing: -.055em;

  font-weight: 650;
}

.sigma-contact-page .section-desc {
  max-width: 540px;

  margin: 0;

  font-size: 14px;
  line-height: 1.85;

  color: #76767c;
}


/* ============================================================
   HERO
============================================================ */

.sigma-contact-hero {
  position: relative;

  min-height: 100vh;

  overflow: hidden;

  padding:
    calc(var(--sigma-header-height) + 80px)
    0
    75px;

  color: #fff;

  background:
    radial-gradient(
      circle at 50% 0%,
      #252529 0%,
      #111113 36%,
      #080809 70%,
      #030303 100%
    );
}

.sigma-contact-grid-bg {
  position: absolute;
  inset: -20%;

  background-image:
    linear-gradient(
      rgba(255, 255, 255, .035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, .035) 1px,
      transparent 1px
    );

  background-size: 52px 52px;

  mask-image:
    linear-gradient(
      to bottom,
      #000,
      rgba(0, 0, 0, .65) 55%,
      transparent
    );

  pointer-events: none;
}

.sigma-contact-orb {
  position: absolute;

  border-radius: 50%;

  filter: blur(115px);

  pointer-events: none;
}

.sigma-contact-orb-one {
  width: 600px;
  height: 600px;

  top: -300px;
  left: -220px;

  background:
    rgba(255, 122, 26, .18);
}

.sigma-contact-orb-two {
  width: 650px;
  height: 650px;

  right: -330px;
  top: 270px;

  background:
    rgba(255, 122, 26, .09);
}


/* ============================================================
   HERO CARD
============================================================ */

.sigma-contact-hero-card {
  position: relative;

  overflow: hidden;

  border-radius: 38px;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, .055),
      rgba(255, 255, 255, .018)
    );

  border:
    1px solid rgba(255, 255, 255, .09);

  box-shadow:
    0 45px 120px rgba(0, 0, 0, .38);

  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.sigma-contact-hero-layout {
  position: relative;
  z-index: 2;

  display: grid;

  grid-template-columns:
    minmax(0, 1.05fr)
    minmax(430px, .85fr);

  gap:
    clamp(50px, 7vw, 110px);

  align-items: center;

  min-height: 650px;

  padding:
    clamp(50px, 6vw, 90px);
}


/* ============================================================
   HERO COPY
============================================================ */

.sigma-contact-hero-copy .eyebrow {
  display: inline-flex;
  align-items: center;

  margin-bottom: 23px;

  color:
    rgba(255, 255, 255, .45);

  font-size: 10px;
  font-weight: 800;

  letter-spacing: .19em;
  text-transform: uppercase;
}

.sigma-contact-hero-copy .eyebrow::before {
  content: "";

  width: 7px;
  height: 7px;

  margin-right: 10px;

  border-radius: 50%;

  background: var(--sigma-orange);

  box-shadow:
    0 0 17px rgba(255, 122, 26, .8);
}

.sigma-contact-title {
  margin: 0;

  font-size:
    clamp(42px, 5.1vw, 76px);

  line-height: .98;

  letter-spacing: -.062em;

  font-weight: 420;
}

.sigma-contact-title span {
  display: block;
}

.sigma-contact-title .accent-text {
  color: var(--sigma-orange-light);

  font-weight: 820;
}

.sigma-contact-hero-copy > p {
  max-width: 670px;

  margin: 29px 0 0;

  color:
    rgba(255, 255, 255, .52);

  font-size: 14px;
  line-height: 1.85;
}


/* ============================================================
   DIRECT CONTACT
============================================================ */

.sigma-contact-direct {
  width: fit-content;

  margin-top: 30px;
  padding: 15px 18px;

  border-radius: 17px;

  background:
    rgba(255, 255, 255, .04);

  border:
    1px solid rgba(255, 255, 255, .08);
}

.sigma-contact-direct-status {
  display: flex;
  align-items: center;

  gap: 8px;

  margin-bottom: 7px;

  color: var(--sigma-orange);

  font-size: 8px;
  font-weight: 850;

  letter-spacing: .16em;
}

.sigma-contact-direct-status span {
  width: 7px;
  height: 7px;

  border-radius: 50%;

  background: #55dd78;

  box-shadow:
    0 0 12px rgba(85, 221, 120, .75);

  animation:
    sigmaContactStatus 2s ease-in-out infinite;
}

.sigma-contact-direct strong {
  color:
    rgba(255, 255, 255, .72);

  font-size: 10px;
  font-weight: 650;
}

@keyframes sigmaContactStatus {
  50% {
    opacity: .4;
    transform: scale(.7);
  }
}


/* ============================================================
   HERO BUTTONS
============================================================ */

.sigma-contact-hero-actions {
  display: flex;
  flex-wrap: wrap;

  gap: 10px;

  margin-top: 29px;
}

.btn-accent {
  color: #111;

  background:
    linear-gradient(
      135deg,
      var(--sigma-orange-light),
      var(--sigma-orange)
    );

  box-shadow:
    0 13px 34px rgba(255, 122, 26, .23);
}

.btn-accent:hover {
  box-shadow:
    0 18px 44px rgba(255, 122, 26, .36);
}

.sigma-contact-hero .btn-soft {
  color: #fff;

  background:
    rgba(255, 255, 255, .045);

  border-color:
    rgba(255, 255, 255, .10);
}


/* ============================================================
   CONTACT STAGE
============================================================ */

.sigma-contact-stage {
  position: relative;

  width: min(500px, 100%);
  aspect-ratio: 1;

  margin: 0 auto;
}

.sigma-contact-stage::before {
  content: "";

  position: absolute;

  inset: 20%;

  border-radius: 50%;

  background:
    rgba(255, 122, 26, .12);

  filter: blur(65px);
}

.sigma-contact-circle {
  position: absolute;

  left: 50%;
  top: 50%;

  transform:
    translate(-50%, -50%);

  border-radius: 50%;
}

.sigma-contact-circle-one {
  width: 78%;
  height: 78%;

  border:
    1px solid rgba(255, 255, 255, .13);
}

.sigma-contact-circle-one::after {
  content: "";

  position: absolute;

  width: 10px;
  height: 10px;

  left: 50%;
  top: -5px;

  transform: translateX(-50%);

  border-radius: 50%;

  background: var(--sigma-orange);

  box-shadow:
    0 0 24px rgba(255, 122, 26, .9);
}

.sigma-contact-circle-two {
  width: 56%;
  height: 56%;

  border:
    1px dashed rgba(255, 122, 26, .26);
}


/* ============================================================
   CONNECT CORE
============================================================ */

.sigma-contact-core {
  position: absolute;

  left: 50%;
  top: 50%;

  transform:
    translate(-50%, -50%);

  z-index: 5;

  width: 160px;
  height: 160px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background:
    radial-gradient(
      circle at 35% 27%,
      #37373b,
      #111114 58%,
      #050506
    );

  border:
    1px solid rgba(255, 255, 255, .14);

  box-shadow:
    0 0 0 17px rgba(255, 255, 255, .015),
    0 0 90px rgba(255, 122, 26, .13),
    0 30px 80px rgba(0, 0, 0, .5);
}

.sigma-contact-core-dot {
  width: 7px;
  height: 7px;

  margin-bottom: 7px;

  border-radius: 50%;

  background: #55dc78;

  box-shadow:
    0 0 14px rgba(85, 220, 120, .75);
}

.sigma-contact-core small {
  color:
    rgba(255, 255, 255, .38);

  font-size: 8px;
  font-weight: 850;

  letter-spacing: .24em;
}

.sigma-contact-core strong {
  margin-top: 2px;

  color: #fff;

  font-size: 23px;
  font-weight: 850;

  letter-spacing: -.045em;
}

.sigma-contact-core em {
  margin-top: 5px;

  color: var(--sigma-orange);

  font-size: 7px;
  font-style: normal;
  font-weight: 900;

  letter-spacing: .20em;
}


/* ============================================================
   SIGNALS
============================================================ */

.sigma-contact-signal {
  position: absolute;
  z-index: 4;

  display: flex;
  align-items: center;

  gap: 8px;

  min-height: 44px;

  padding: 0 14px;

  border-radius: 14px;

  color:
    rgba(255, 255, 255, .72);

  background:
    rgba(18, 18, 21, .90);

  border:
    1px solid rgba(255, 255, 255, .10);

  backdrop-filter: blur(15px);

  box-shadow:
    0 18px 42px rgba(0, 0, 0, .32);

  font-size: 8px;
  font-weight: 800;

  letter-spacing: .10em;
}

.sigma-contact-signal span {
  color: var(--sigma-orange);

  font-size: 7px;
}

.sigma-contact-signal-one {
  top: 5%;
  left: 50%;

  transform: translateX(-50%);
}

.sigma-contact-signal-two {
  right: 0;
  top: 31%;
}

.sigma-contact-signal-three {
  right: 12%;
  bottom: 8%;
}

.sigma-contact-signal-four {
  left: 0;
  bottom: 23%;
}


/* ============================================================
   MARQUEE
============================================================ */

.sigma-contact-marquee {
  overflow: hidden;

  margin-top: 70px;

  border-top:
    1px solid rgba(255, 255, 255, .08);

  border-bottom:
    1px solid rgba(255, 255, 255, .08);
}

.sigma-contact-marquee-track {
  display: flex;

  width: max-content;

  animation:
    sigmaContactMarquee 26s linear infinite;
}

.sigma-contact-marquee-set {
  display: flex;
  align-items: center;

  gap: 26px;

  flex-shrink: 0;

  padding: 21px 13px;
}

.sigma-contact-marquee-set span {
  white-space: nowrap;

  color:
    rgba(255, 255, 255, .38);

  font-size: 10px;
  font-weight: 800;

  letter-spacing: .15em;
}

.sigma-contact-marquee-set i {
  width: 5px;
  height: 5px;

  border-radius: 50%;

  background: var(--sigma-orange);
}

@keyframes sigmaContactMarquee {
  to {
    transform: translateX(-50%);
  }
}


/* ============================================================
   CONTACT CHANNELS
============================================================ */

.sigma-contact-channels {
  position: relative;

  background: #f7f7f4;
}

.sigma-contact-channel-grid {
  display: grid;

  grid-template-columns:
    repeat(5, minmax(0, 1fr));

  gap: 11px;
}

.sigma-contact-channel-card {
  position: relative;

  min-height: 325px;

  display: flex;
  flex-direction: column;

  padding: 27px 23px;

  overflow: hidden;

  border-radius: 24px;

  background:
    rgba(255, 255, 255, .76);

  border:
    1px solid rgba(0, 0, 0, .075);

  transition:
    transform .32s ease,
    background .32s ease,
    border-color .32s ease,
    box-shadow .32s ease;
}

.sigma-contact-channel-card::after {
  content: "";

  position: absolute;

  width: 180px;
  height: 180px;

  right: -110px;
  bottom: -120px;

  border-radius: 50%;

  background:
    rgba(255, 122, 26, .15);

  filter: blur(50px);

  opacity: 0;

  transition: opacity .3s ease;
}

.sigma-contact-channel-card:hover {
  z-index: 2;

  transform: translateY(-8px);

  background: #fff;

  border-color:
    rgba(255, 122, 26, .22);

  box-shadow:
    0 25px 60px rgba(0, 0, 0, .09);
}

.sigma-contact-channel-card:hover::after {
  opacity: 1;
}


/* ============================================================
   CHANNEL TOP
============================================================ */

.sigma-contact-channel-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sigma-contact-channel-number {
  color: #9b9ba0;

  font-size: 8px;
  font-weight: 850;

  letter-spacing: .17em;
}

.sigma-contact-channel-arrow {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 29px;
  height: 29px;

  border-radius: 50%;

  background: #f1f1ee;

  color: #777;

  font-size: 13px;

  transition:
    transform .3s ease,
    background .3s ease,
    color .3s ease;
}

.sigma-contact-channel-card:hover
.sigma-contact-channel-arrow {
  transform: rotate(45deg);

  color: #111;

  background: var(--sigma-orange);
}


/* ============================================================
   CHANNEL ICONS
============================================================ */

.sigma-contact-channel-icon {
  width: 59px;
  height: 59px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-top: 48px;

  border-radius: 18px;

  color: var(--sigma-orange);

  background:
    #111113;

  font-size: 21px;

  box-shadow:
    0 13px 30px rgba(0, 0, 0, .13);

  transition:
    transform .3s ease,
    background .3s ease;
}

.sigma-contact-channel-card:hover
.sigma-contact-channel-icon {
  transform:
    scale(1.06)
    rotate(-3deg);

  background: #080809;
}

.sigma-contact-channel-icon svg {
  width: 25px;
  height: 25px;

  fill: none;
  stroke: currentColor;

  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}


/* 0850 KURUMSAL TELEFON */

.sigma-contact-channel-icon-landline {
  background:
    linear-gradient(
      145deg,
      #18181b,
      #080809
    );
}


/* 0549 MOBİL TELEFON */

.sigma-contact-channel-icon-mobile {
  color: #111;

  background:
    linear-gradient(
      135deg,
      var(--sigma-orange-light),
      var(--sigma-orange)
    );

  box-shadow:
    0 13px 30px rgba(255, 122, 26, .22);
}

.sigma-contact-channel-card:hover
.sigma-contact-channel-icon-mobile {
  background:
    linear-gradient(
      135deg,
      #ffa85d,
      #ff7414
    );
}


/* ============================================================
   CHANNEL COPY
============================================================ */

.sigma-contact-channel-card > small {
  display: block;

  margin-top: 23px;

  color: var(--sigma-orange);

  font-size: 8px;
  font-weight: 850;

  letter-spacing: .16em;
}

.sigma-contact-channel-card h3 {
  margin: 7px 0 10px;

  font-size: 16px;

  line-height: 1.25;

  letter-spacing: -.035em;
}

.sigma-contact-channel-card p {
  margin: 0;

  color: #78787d;

  font-size: 11px;
  line-height: 1.72;
}


/* ============================================================
   LOCATION
============================================================ */

.sigma-contact-location {
  position: relative;

  padding:
    clamp(90px, 9vw, 145px)
    0;

  color: #fff;

  background:
    radial-gradient(
      circle at 80% 30%,
      rgba(255, 122, 26, .09),
      transparent 30%
    ),
    #080809;
}

.sigma-location-layout {
  display: grid;

  grid-template-columns:
    minmax(0, 1.12fr)
    minmax(360px, .72fr);

  gap:
    clamp(45px, 7vw, 100px);

  align-items: center;
}


/* ============================================================
   MAP
============================================================ */

.sigma-location-map {
  position: relative;

  height: 560px;

  overflow: hidden;

  border-radius: 30px;

  border:
    1px solid rgba(255, 255, 255, .10);

  box-shadow:
    0 35px 85px rgba(0, 0, 0, .35);
}

.sigma-location-map iframe {
  width: 100%;
  height: 100%;

  filter:
    grayscale(1)
    brightness(.75)
    contrast(1.08);

  transition:
    filter .5s ease;
}

.sigma-location-map:hover iframe {
  filter:
    grayscale(.7)
    brightness(.82)
    contrast(1.05);
}

.sigma-location-map-overlay {
  position: absolute;
  inset: 0;

  z-index: 2;

  pointer-events: none;

  background:
    linear-gradient(
      135deg,
      rgba(7, 7, 8, .30),
      transparent 42%,
      rgba(7, 7, 8, .20)
    );
}

.sigma-location-badge {
  position: absolute;

  z-index: 4;

  left: 22px;
  bottom: 22px;

  display: flex;
  align-items: center;

  gap: 8px;

  min-height: 39px;

  padding: 0 14px;

  border-radius: 999px;

  color: #fff;

  background:
    rgba(8, 8, 9, .82);

  border:
    1px solid rgba(255, 255, 255, .12);

  backdrop-filter: blur(15px);

  font-size: 8px;
  font-weight: 850;

  letter-spacing: .15em;
}

.sigma-location-badge span {
  width: 7px;
  height: 7px;

  border-radius: 50%;

  background: var(--sigma-orange);

  box-shadow:
    0 0 13px rgba(255, 122, 26, .8);
}


/* ============================================================
   LOCATION COPY
============================================================ */

.sigma-location-eyebrow {
  display: block;

  margin-bottom: 19px;

  color: var(--sigma-orange);

  font-size: 9px;
  font-weight: 850;

  letter-spacing: .19em;
}

.sigma-location-copy h2 {
  margin: 0;

  font-size:
    clamp(42px, 4.8vw, 70px);

  line-height: .98;

  letter-spacing: -.06em;

  font-weight: 400;
}

.sigma-location-copy h2 span {
  display: block;

  color: var(--sigma-orange-light);

  font-weight: 820;
}

.sigma-location-copy > p {
  max-width: 560px;

  margin: 27px 0 0;

  color:
    rgba(255, 255, 255, .48);

  font-size: 13px;
  line-height: 1.85;
}

.sigma-location-address {
  display: flex;
  align-items: center;

  gap: 15px;

  margin-top: 34px;

  padding: 16px;

  border-radius: 18px;

  background:
    rgba(255, 255, 255, .045);

  border:
    1px solid rgba(255, 255, 255, .08);
}

.sigma-location-address-icon {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 48px;
  height: 48px;

  flex: 0 0 48px;

  border-radius: 14px;

  color: var(--sigma-orange);

  background:
    rgba(255, 122, 26, .10);

  font-size: 22px;
}

.sigma-location-address small {
  display: block;

  margin-bottom: 5px;

  color: var(--sigma-orange);

  font-size: 7px;
  font-weight: 850;

  letter-spacing: .16em;
}

.sigma-location-address strong {
  display: block;

  color:
    rgba(255, 255, 255, .72);

  font-size: 11px;
  line-height: 1.6;
}


/* ============================================================
   FORM SECTION
============================================================ */

.sigma-contact-form-section {
  position: relative;

  overflow: hidden;

  padding:
    clamp(100px, 10vw, 160px)
    0;

  background: #efefeb;
}

.sigma-contact-form-bg {
  position: absolute;
  inset: 0;

  pointer-events: none;

  background:
    radial-gradient(
      circle at 15% 25%,
      rgba(255, 122, 26, .08),
      transparent 27%
    );
}

.sigma-contact-form-layout {
  position: relative;
  z-index: 2;

  display: grid;

  grid-template-columns:
    minmax(330px, .72fr)
    minmax(0, 1fr);

  gap:
    clamp(60px, 9vw, 140px);

  align-items: center;
}


/* ============================================================
   FORM INTRO
============================================================ */

.sigma-contact-form-eyebrow {
  display: block;

  margin-bottom: 20px;

  color: var(--sigma-orange);

  font-size: 9px;
  font-weight: 900;

  letter-spacing: .20em;
}

.sigma-contact-form-intro h2 {
  margin: 0;

  font-size:
    clamp(49px, 6vw, 88px);

  line-height: .93;

  letter-spacing: -.07em;

  font-weight: 350;
}

.sigma-contact-form-intro h2 span,
.sigma-contact-form-intro h2 strong {
  display: block;
}

.sigma-contact-form-intro h2 strong {
  color: var(--sigma-orange);

  font-weight: 850;
}

.sigma-contact-form-intro > p {
  max-width: 520px;

  margin: 28px 0 0;

  color: #707076;

  font-size: 13px;
  line-height: 1.85;
}


/* ============================================================
   FORM STEPS
============================================================ */

.sigma-contact-form-steps {
  margin-top: 35px;

  border-top:
    1px solid rgba(0, 0, 0, .09);
}

.sigma-contact-form-steps > div {
  display: grid;

  grid-template-columns:
    37px 1fr;

  gap: 13px;

  align-items: center;

  min-height: 58px;

  border-bottom:
    1px solid rgba(0, 0, 0, .09);
}

.sigma-contact-form-steps span {
  color: var(--sigma-orange);

  font-size: 8px;
  font-weight: 850;
}

.sigma-contact-form-steps strong {
  font-size: 10px;
  font-weight: 700;
}


/* ============================================================
   FORM CARD
============================================================ */

.sigma-contact-form-card {
  padding:
    clamp(30px, 4vw, 50px);

  border-radius: 30px;

  background: #fff;

  border:
    1px solid rgba(0, 0, 0, .075);

  box-shadow:
    0 35px 90px rgba(0, 0, 0, .11);
}

.sigma-contact-form-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;

  gap: 30px;

  margin-bottom: 35px;
}

.sigma-contact-form-card-head small {
  color: var(--sigma-orange);

  font-size: 8px;
  font-weight: 850;

  letter-spacing: .17em;
}

.sigma-contact-form-card-head h3 {
  margin: 6px 0 0;

  font-size: 28px;

  letter-spacing: -.045em;
}

.sigma-contact-form-status {
  display: inline-flex;
  align-items: center;

  gap: 7px;

  min-height: 31px;

  padding: 0 11px;

  border-radius: 999px;

  background: #f4f4f1;

  color: #6c6c71;

  font-size: 7px;
  font-weight: 850;

  letter-spacing: .13em;
}

.sigma-contact-form-status i {
  width: 6px;
  height: 6px;

  border-radius: 50%;

  background: #51cc72;

  box-shadow:
    0 0 10px rgba(81, 204, 114, .6);
}


/* ============================================================
   FORM FIELDS
============================================================ */

.sigma-premium-form {
  width: 100%;
}

.sigma-form-row {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 13px;

  margin-bottom: 14px;
}

.sigma-form-phone-row {
  grid-template-columns:
    minmax(180px, .44fr)
    minmax(0, 1fr);
}

.sigma-form-group {
  display: flex;
  flex-direction: column;

  gap: 8px;
}

.sigma-form-group + .sigma-form-group {
  margin-top: 0;
}

.sigma-premium-form > .sigma-form-group {
  margin-top: 14px;
}

.sigma-form-group label {
  padding-left: 2px;

  color: #4e4e53;

  font-size: 9px;
  font-weight: 750;
}

.sigma-form-group input,
.sigma-form-group select,
.sigma-form-group textarea {
  width: 100%;

  border:
    1px solid rgba(0, 0, 0, .095);

  outline: none;

  border-radius: 14px;

  color: #111;

  background: #f6f6f3;

  font-family: inherit;

  font-size: 12px;

  transition:
    border-color .25s ease,
    background .25s ease,
    box-shadow .25s ease;
}

.sigma-form-group input,
.sigma-form-group select {
  height: 53px;

  padding: 0 15px;
}

.sigma-form-group textarea {
  min-height: 160px;

  padding: 15px;

  resize: vertical;

  line-height: 1.65;
}

.sigma-form-group input::placeholder,
.sigma-form-group textarea::placeholder {
  color: #a0a0a5;
}

.sigma-form-group input:focus,
.sigma-form-group select:focus,
.sigma-form-group textarea:focus {
  background: #fff;

  border-color:
    rgba(255, 122, 26, .50);

  box-shadow:
    0 0 0 4px rgba(255, 122, 26, .08);
}


/* ============================================================
   FORM FOOTER
============================================================ */

.sigma-form-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 25px;

  margin-top: 25px;
  padding-top: 24px;

  border-top:
    1px solid rgba(0, 0, 0, .075);
}

.sigma-form-footer > span {
  max-width: 340px;

  color: #99999e;

  font-size: 8px;
  line-height: 1.6;
}

.sigma-contact-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 13px;

  min-height: 52px;

  padding: 0 22px;

  border: 0;

  border-radius: 999px;

  cursor: pointer;

  color: #111;

  background:
    linear-gradient(
      135deg,
      var(--sigma-orange-light),
      var(--sigma-orange)
    );

  font-size: 10px;
  font-weight: 850;

  box-shadow:
    0 12px 31px rgba(255, 122, 26, .22);

  transition:
    transform .3s ease,
    box-shadow .3s ease;
}

.sigma-contact-submit i {
  font-size: 17px;
  font-style: normal;

  transition: transform .3s ease;
}

.sigma-contact-submit:hover {
  transform: translateY(-3px);

  box-shadow:
    0 17px 42px rgba(255, 122, 26, .35);
}

.sigma-contact-submit:hover i {
  transform: translateX(4px);
}


/* ============================================================
   FINAL CONTACT
============================================================ */

.sigma-contact-final {
  position: relative;

  min-height: 700px;

  display: flex;
  align-items: center;

  overflow: hidden;

  text-align: center;

  color: #fff;

  background:
    radial-gradient(
      circle at 50% 35%,
      #1c1c20,
      #0c0c0e 48%,
      #030303
    );
}

.sigma-contact-final-grid {
  position: absolute;
  inset: -20%;

  background-image:
    linear-gradient(
      rgba(255, 255, 255, .032) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, .032) 1px,
      transparent 1px
    );

  background-size: 52px 52px;

  mask-image:
    radial-gradient(
      circle at center,
      #000,
      transparent 73%
    );
}

.sigma-contact-final-circle {
  position: absolute;

  left: 50%;
  bottom: -500px;

  width: 900px;
  height: 900px;

  transform: translateX(-50%);

  border-radius: 50%;

  border:
    1px solid rgba(255, 122, 26, .15);

  box-shadow:
    0 0 0 70px rgba(255, 255, 255, .012),
    0 0 130px rgba(255, 122, 26, .09);
}

.sigma-contact-final .container {
  position: relative;
  z-index: 3;

  padding: 120px 0;
}

.sigma-contact-final-eyebrow {
  display: inline-block;

  margin-bottom: 24px;

  color: var(--sigma-orange);

  font-size: 9px;
  font-weight: 900;

  letter-spacing: .22em;
}

.sigma-contact-final h2 {
  width: min(950px, 100%);

  margin: 0 auto;

  font-size:
    clamp(48px, 6.5vw, 96px);

  line-height: .94;

  letter-spacing: -.07em;

  font-weight: 350;
}

.sigma-contact-final h2 span,
.sigma-contact-final h2 strong {
  display: block;
}

.sigma-contact-final h2 strong {
  color: var(--sigma-orange-light);

  font-weight: 850;
}

.sigma-contact-final p {
  width: min(650px, 100%);

  margin:
    30px auto 32px;

  color:
    rgba(255, 255, 255, .48);

  font-size: 14px;
  line-height: 1.82;
}

.sigma-contact-final-actions {
  display: flex;
  align-items: center;
  justify-content: center;

  flex-wrap: wrap;

  gap: 11px;
}

.sigma-contact-final-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 56px;

  padding: 0 24px;

  border-radius: 999px;

  color:
    rgba(255, 255, 255, .72);

  background:
    rgba(255, 255, 255, .05);

  border:
    1px solid rgba(255, 255, 255, .10);

  font-size: 10px;
  font-weight: 750;

  transition:
    color .3s ease,
    background .3s ease,
    border-color .3s ease,
    transform .3s ease;
}

.sigma-contact-final-secondary:hover {
  transform: translateY(-3px);

  color: #fff;

  background:
    rgba(255, 255, 255, .08);

  border-color:
    rgba(255, 122, 26, .25);
}


/* ============================================================
   1200
============================================================ */

@media (max-width: 1200px) {

  .sigma-contact-channel-grid {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));
  }

}


/* ============================================================
   1000
============================================================ */

@media (max-width: 1000px) {

  .sigma-contact-hero-layout {
    grid-template-columns:
      minmax(0, 1fr)
      minmax(380px, .75fr);

    gap: 45px;
  }

  .sigma-location-layout {
    grid-template-columns:
      1fr 1fr;

    gap: 45px;
  }

  .sigma-contact-form-layout {
    gap: 60px;
  }

}


/* ============================================================
   TABLET
============================================================ */

@media (max-width: 900px) {

  .sigma-contact-hero {
    padding-top:
      calc(var(--sigma-header-height) + 45px);
  }

  .sigma-contact-hero-layout {
    grid-template-columns: 1fr;

    min-height: auto;

    padding: 55px 40px;

    gap: 70px;
  }

  .sigma-contact-hero-copy {
    text-align: center;
  }

  .sigma-contact-hero-copy .eyebrow {
    justify-content: center;
  }

  .sigma-contact-hero-copy > p {
    margin-inline: auto;
  }

  .sigma-contact-direct {
    margin-inline: auto;
  }

  .sigma-contact-hero-actions {
    justify-content: center;
  }

  .sigma-contact-stage {
    max-width: 470px;
  }

  .sigma-contact-page .section-top {
    grid-template-columns: 1fr;

    gap: 24px;
  }

  .sigma-contact-page .section-desc {
    max-width: 650px;
  }

  .sigma-contact-channel-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .sigma-location-layout {
    grid-template-columns: 1fr;

    gap: 60px;
  }

  .sigma-location-map {
    height: 480px;
  }

  .sigma-contact-form-layout {
    grid-template-columns: 1fr;

    gap: 65px;
  }

}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 650px) {

  .sigma-contact-hero {
    min-height: auto;

    padding-bottom: 55px;
  }

  .sigma-contact-hero-card {
    border-radius: 26px;
  }

  .sigma-contact-hero-layout {
    padding: 40px 22px;

    gap: 55px;
  }

  .sigma-contact-title {
    font-size:
      clamp(39px, 11vw, 54px);
  }

  .sigma-contact-hero-copy > p {
    font-size: 12px;
  }

  .sigma-contact-direct {
    width: 100%;

    text-align: left;
  }

  .sigma-contact-hero-actions {
    flex-direction: column;
  }

  .sigma-contact-hero-actions .btn {
    width: 100%;
  }

  .sigma-contact-stage {
    width: 105%;

    margin-left: -2.5%;
  }

  .sigma-contact-core {
    width: 125px;
    height: 125px;
  }

  .sigma-contact-core strong {
    font-size: 18px;
  }

  .sigma-contact-signal {
    min-height: 39px;

    padding: 0 10px;

    font-size: 6.5px;
  }

  .sigma-contact-marquee {
    margin-top: 50px;
  }

  .sigma-contact-page .content-section {
    padding: 80px 0;
  }

  .sigma-contact-page .section-title {
    font-size:
      clamp(35px, 10vw, 45px);
  }

  .sigma-contact-channel-grid {
    grid-template-columns: 1fr;
  }

  .sigma-contact-channel-card {
    min-height: 245px;
  }

  .sigma-contact-channel-icon {
    margin-top: 35px;
  }

  .sigma-location-map {
    height: 380px;

    border-radius: 23px;
  }

  .sigma-location-copy h2 {
    font-size:
      clamp(40px, 11vw, 52px);
  }

  .sigma-contact-form-section {
    padding: 85px 0;
  }

  .sigma-contact-form-intro h2 {
    font-size:
      clamp(46px, 13vw, 64px);
  }

  .sigma-contact-form-card {
    padding: 27px 20px;

    border-radius: 24px;
  }

  .sigma-contact-form-card-head {
    flex-direction: column;

    gap: 15px;
  }

  .sigma-form-row,
  .sigma-form-phone-row {
    grid-template-columns: 1fr;
  }

  .sigma-form-footer {
    flex-direction: column;
    align-items: stretch;
  }

  .sigma-contact-submit {
    width: 100%;
  }

  .sigma-contact-final {
    min-height: 620px;
  }

  .sigma-contact-final .container {
    padding: 100px 0;
  }

  .sigma-contact-final h2 {
    font-size:
      clamp(44px, 13vw, 64px);
  }

  .sigma-contact-final p {
    font-size: 12px;
  }

  .sigma-contact-final-actions {
    flex-direction: column;
  }

  .sigma-contact-final-actions > a {
    width: 100%;
  }

}


/* ============================================================
   REDUCED MOTION
============================================================ */

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

  .sigma-contact-marquee-track,
  .sigma-contact-direct-status span {
    animation: none !important;
  }

}

/* ============================================================
   SIGMA POINT — DELIVERY / COURIER SOFTWARE PAGE
============================================================ */

.sigma-delivery-page {
  position: relative;
  overflow: hidden;

  --sd-orange: var(--sigma-orange);
  --sd-orange-2: var(--sigma-orange-light);
  --sd-black: var(--sigma-black);
  --sd-black-2: var(--sigma-black-2);
  --sd-black-3: var(--sigma-black-3);

  color: var(--sigma-text);
  background: var(--sigma-bg);
}


/* ============================================================
   3D DELIVERY HERO
============================================================ */

.sigma3d-section {
  position: relative;

  min-height: 100vh;

  display: flex;
  align-items: center;

  overflow: hidden;

  padding:
    calc(var(--sigma-header-height) + 75px)
    0
    90px;

  color: #fff;

  background:
    radial-gradient(
      circle at 50% 43%,
      rgba(255, 122, 26, .14),
      transparent 26%
    ),
    radial-gradient(
      circle at 8% 8%,
      rgba(255, 122, 26, .09),
      transparent 23%
    ),
    radial-gradient(
      circle at 91% 74%,
      rgba(255, 122, 26, .055),
      transparent 25%
    ),
    linear-gradient(
      180deg,
      #121215 0%,
      #080809 55%,
      #030303 100%
    );
}


/* ============================================================
   HERO GRID / STARS / GLOW
============================================================ */

.sigma3d-grid {
  position: absolute;
  inset: -20%;

  pointer-events: none;

  background-image:
    linear-gradient(
      rgba(255, 255, 255, .035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, .035) 1px,
      transparent 1px
    );

  background-size: 54px 54px;

  mask-image:
    radial-gradient(
      circle at 50% 45%,
      #000 0%,
      rgba(0, 0, 0, .8) 55%,
      transparent 82%
    );
}

.sigma3d-stars,
.sigma3d-stars::before,
.sigma3d-stars::after {
  position: absolute;
  inset: 0;

  content: "";

  pointer-events: none;

  background-image:
    radial-gradient(
      circle,
      rgba(255, 255, 255, .62) 1px,
      transparent 1.5px
    );

  background-size: 93px 93px;

  opacity: .055;
}

.sigma3d-stars::before {
  transform:
    rotate(17deg)
    scale(1.18);

  opacity: .5;
}

.sigma3d-stars::after {
  transform:
    rotate(-12deg)
    scale(1.3);

  opacity: .28;
}

.sigma3d-glow {
  position: absolute;

  left: 50%;
  top: 57%;

  width: 800px;
  height: 470px;

  transform:
    translate(-50%, -50%);

  border-radius: 50%;

  background:
    radial-gradient(
      ellipse,
      rgba(255, 122, 26, .15),
      transparent 67%
    );

  filter: blur(30px);

  pointer-events: none;
}


/* ============================================================
   HERO HEADING
============================================================ */

.sigma3d-heading {
  position: relative;
  z-index: 30;

  width: min(930px, 100%);

  margin:
    0 auto 30px;

  text-align: center;
}

.sigma3d-eyebrow {
  display: inline-flex;
  align-items: center;

  gap: 10px;

  color: var(--sigma-orange-light);

  font-size: 9px;
  font-weight: 850;

  letter-spacing: .19em;
  text-transform: uppercase;
}

.sigma3d-eyebrow::before {
  content: "";

  width: 7px;
  height: 7px;

  border-radius: 50%;

  background: var(--sigma-orange);

  box-shadow:
    0 0 0 6px rgba(255, 122, 26, .07),
    0 0 20px rgba(255, 122, 26, .65);
}

.sigma3d-heading h1 {
  max-width: 960px;

  margin:
    19px auto 20px;

  font-size:
    clamp(48px, 6vw, 92px);

  line-height: .94;

  letter-spacing: -.068em;

  font-weight: 380;
}

.sigma3d-heading h1 strong {
  display: block;

  color: var(--sigma-orange-light);

  font-weight: 850;
}

.sigma3d-heading p {
  max-width: 680px;

  margin: 0 auto;

  color:
    rgba(255, 255, 255, .48);

  font-size: 13px;
  line-height: 1.85;
}


/* ============================================================
   3D STAGE
============================================================ */

.sigma3d-stage-wrap {
  position: relative;
  z-index: 10;

  width: 100%;
  height: 530px;

  perspective: 1250px;
  perspective-origin: 50% 48%;
}

.sigma3d-stage {
  position: relative;

  width: min(1100px, 100%);
  height: 100%;

  margin: auto;

  transform-style: preserve-3d;
}


/* ============================================================
   ORBIT RINGS
============================================================ */

.sigma3d-ring {
  position: absolute;

  left: 50%;
  top: 50%;

  width: 770px;
  height: 340px;

  transform:
    translate(-50%, -50%)
    rotateX(67deg);

  transform-style: preserve-3d;

  border-radius: 50%;

  border:
    1px solid rgba(255, 255, 255, .105);

  box-shadow:
    0 0 70px rgba(255, 122, 26, .04),
    inset 0 0 70px rgba(255, 122, 26, .03);
}

.sigma3d-ring::before {
  content: "";

  position: absolute;
  inset: 34px;

  border-radius: 50%;

  border:
    1px dashed rgba(255, 122, 26, .18);
}

.sigma3d-ring::after {
  content: "";

  position: absolute;
  inset: 84px;

  border-radius: 50%;

  border:
    1px solid rgba(255, 255, 255, .045);
}

.sigma3d-back-shadow {
  position: absolute;

  left: 50%;
  top: 47%;

  z-index: 4;

  width: 700px;
  height: 240px;

  transform:
    translate(-50%, -50%);

  border-radius: 50%;

  background:
    radial-gradient(
      ellipse,
      rgba(4, 4, 5, .84),
      rgba(4, 4, 5, .40) 42%,
      transparent 72%
    );

  filter: blur(18px);

  pointer-events: none;
}


/* ============================================================
   DELIVERY CORE
============================================================ */

.sigma3d-core {
  position: absolute;

  left: 50%;
  top: 50%;

  z-index: 80;

  width: 205px;
  height: 205px;

  transform:
    translate(-50%, -50%)
    translateZ(60px);

  display: flex;
  align-items: center;
  justify-content: center;

  text-align: center;

  border-radius: 50%;

  background:
    radial-gradient(
      circle at 38% 27%,
      #3c3c41,
      #151518 48%,
      #070708 73%
    );

  border:
    1px solid rgba(255, 122, 26, .32);

  box-shadow:
    0 0 0 13px rgba(255, 122, 26, .025),
    0 0 0 30px rgba(255, 255, 255, .01),
    0 0 95px rgba(255, 122, 26, .17),
    0 35px 90px rgba(0, 0, 0, .45);
}

.sigma3d-core::before {
  content: "";

  position: absolute;
  inset: -18px;

  border-radius: 50%;

  border:
    1px dashed rgba(255, 122, 26, .24);

  animation:
    sigma3dCoreSpin
    18s linear infinite;
}

.sigma3d-core::after {
  content: "";

  position: absolute;
  inset: 22px;

  border-radius: 50%;

  border:
    1px solid rgba(255, 255, 255, .05);
}

.sigma3d-core small,
.sigma3d-core strong,
.sigma3d-core span {
  position: relative;
  z-index: 2;

  display: block;
}

.sigma3d-core small {
  margin-bottom: 4px;

  color:
    rgba(255, 255, 255, .36);

  font-size: 8px;
  font-weight: 750;

  letter-spacing: .24em;
}

.sigma3d-core strong {
  color: #fff;

  font-size: 21px;
  line-height: .98;

  letter-spacing: -.04em;
}

.sigma3d-core span {
  margin-top: 11px;

  color: var(--sigma-orange);

  font-size: 7px;
  font-weight: 850;

  letter-spacing: .14em;
}


/* ============================================================
   3D REFERENCE CARDS
============================================================ */

.sigma3d-card {
  position: absolute;

  left: 50%;
  top: 50%;

  width: 230px;

  transform-origin: center;

  will-change:
    transform,
    opacity,
    filter;

  pointer-events: auto;
}

.sigma3d-card-inner {
  position: relative;

  min-height: 230px;

  padding: 18px;

  overflow: hidden;

  border-radius: 23px;

  color: #fff;

  background:
    linear-gradient(
      145deg,
      rgba(32, 32, 36, .96),
      rgba(10, 10, 12, .95)
    );

  border:
    1px solid rgba(255, 255, 255, .11);

  box-shadow:
    0 24px 65px rgba(0, 0, 0, .38);

  backdrop-filter: blur(17px);
  -webkit-backdrop-filter: blur(17px);

  transition:
    border-color .3s ease,
    background .3s ease,
    box-shadow .3s ease,
    transform .3s ease;
}

.sigma3d-card-inner::before {
  content: "";

  position: absolute;

  top: 0;
  left: 18px;
  right: 18px;

  height: 1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--sigma-orange),
      transparent
    );
}

.sigma3d-card:hover .sigma3d-card-inner {
  transform: translateY(-5px);

  border-color:
    rgba(255, 122, 26, .28);

  background:
    linear-gradient(
      145deg,
      rgba(39, 39, 43, .98),
      rgba(10, 10, 12, .98)
    );

  box-shadow:
    0 34px 80px rgba(0, 0, 0, .5),
    0 0 42px rgba(255, 122, 26, .07);
}


/* ============================================================
   CARD LOGO
============================================================ */

.sigma3d-logo {
  width: 76px;
  height: 76px;

  display: grid;
  place-items: center;

  padding: 7px;

  margin-bottom: 16px;

  overflow: hidden;

  border-radius: 18px;

  background: #fff;

  box-shadow:
    0 10px 28px rgba(0, 0, 0, .22);
}

.sigma3d-logo img {
  width: 100%;
  height: 100%;

  object-fit: contain;

  border-radius: 12px;
}

.sigma3d-card-label {
  color: var(--sigma-orange);

  font-size: 7px;
  font-weight: 850;

  letter-spacing: .14em;
}

.sigma3d-card h3 {
  margin:
    6px 0 13px;

  font-size: 15px;
  line-height: 1.2;

  letter-spacing: -.025em;
}


/* ============================================================
   PROJECT LINKS
============================================================ */

.sigma3d-links {
  position: relative;
  z-index: 5;

  display: flex;
  flex-wrap: wrap;

  gap: 6px;
}

.sigma3d-store {
  min-height: 34px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 6px;

  padding: 0 9px;

  border-radius: 10px;

  color:
    rgba(255, 255, 255, .78);

  background:
    rgba(255, 255, 255, .055);

  border:
    1px solid rgba(255, 255, 255, .085);

  font-size: 8px;
  font-weight: 750;

  transition:
    transform .25s ease,
    background .25s ease,
    color .25s ease,
    border-color .25s ease;
}

.sigma3d-store:hover {
  transform: translateY(-2px);

  color: #111;

  background: var(--sigma-orange);

  border-color: var(--sigma-orange);
}

.sigma3d-store svg {
  width: 14px;
  height: 14px;

  flex-shrink: 0;
}


/* ============================================================
   LIVE PROJECT BADGE
============================================================ */

.sigma3d-depth {
  position: absolute;

  top: 14px;
  right: 14px;

  display: flex;
  align-items: center;

  gap: 6px;

  color:
    rgba(255, 255, 255, .30);

  font-size: 6px;
  font-weight: 850;

  letter-spacing: .12em;
}

.sigma3d-depth i {
  width: 5px;
  height: 5px;

  border-radius: 50%;

  background: var(--sigma-orange);

  box-shadow:
    0 0 11px rgba(255, 122, 26, .7);
}

.sigma3d-hint {
  position: relative;
  z-index: 40;

  display: flex;
  justify-content: center;

  margin-top: 5px;

  color:
    rgba(255, 255, 255, .26);

  font-size: 8px;
  font-weight: 750;

  letter-spacing: .12em;
}


/* ============================================================
   NUMBERS SECTION
============================================================ */

.sigma-delivery-numbers {
  position: relative;

  padding:
    clamp(100px, 9vw, 150px)
    0;

  background: #f2f2ee;
}

.sigma-numbers-head {
  max-width: 870px;

  margin-bottom:
    clamp(50px, 6vw, 75px);
}

.sigma-section-eyebrow {
  display: inline-flex;
  align-items: center;

  gap: 10px;

  color: var(--sigma-orange);

  font-size: 9px;
  font-weight: 850;

  letter-spacing: .18em;
  text-transform: uppercase;
}

.sigma-section-eyebrow::before {
  content: "";

  width: 22px;
  height: 1px;

  background: var(--sigma-orange);
}

.sigma-numbers-head h2,
.sigma-form-copy h2,
.sigma-delivery-info-head h2 {
  margin:
    17px 0;

  font-size:
    clamp(42px, 5.3vw, 78px);

  line-height: .96;

  letter-spacing: -.064em;

  font-weight: 430;
}

.sigma-numbers-head h2 strong,
.sigma-form-copy h2 strong,
.sigma-delivery-info-head h2 strong {
  color: var(--sigma-orange);

  font-weight: 830;
}

.sigma-numbers-head p {
  max-width: 650px;

  margin: 0;

  color: #747478;

  font-size: 13px;
  line-height: 1.85;
}


/* ============================================================
   NUMBER GRID
============================================================ */

.sigma-numbers-grid {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  border-top:
    1px solid rgba(0, 0, 0, .09);

  border-bottom:
    1px solid rgba(0, 0, 0, .09);
}

.sigma-number-item {
  position: relative;

  min-height: 300px;

  padding: 31px 27px;

  overflow: hidden;

  border-right:
    1px solid rgba(0, 0, 0, .08);

  transition:
    transform .32s ease,
    background .32s ease;
}

.sigma-number-item:last-child {
  border-right: 0;
}

.sigma-number-item::after {
  content: "";

  position: absolute;

  width: 190px;
  height: 190px;

  right: -120px;
  bottom: -120px;

  border-radius: 50%;

  background:
    rgba(255, 122, 26, .13);

  filter: blur(50px);

  opacity: 0;

  transition: opacity .3s ease;
}

.sigma-number-item:hover {
  transform: translateY(-5px);

  background:
    rgba(255, 255, 255, .62);
}

.sigma-number-item:hover::after {
  opacity: 1;
}

.sigma-number-index {
  position: relative;
  z-index: 2;

  color: var(--sigma-orange);

  font-size: 8px;
  font-weight: 850;

  letter-spacing: .14em;
}

.sigma-number-value {
  position: relative;
  z-index: 2;

  display: block;

  margin-top: 50px;

  color: #121214;

  font-size:
    clamp(40px, 4vw, 62px);

  line-height: .94;

  letter-spacing: -.065em;

  font-weight: 820;
}

.sigma-number-item h3 {
  position: relative;
  z-index: 2;

  margin:
    14px 0 8px;

  font-size: 15px;
  letter-spacing: -.025em;
}

.sigma-number-item p {
  position: relative;
  z-index: 2;

  margin: 0;

  color: #77777c;

  font-size: 11px;
  line-height: 1.72;
}


/* ============================================================
   DELIVERY OFFER FORM
============================================================ */

.sigma-delivery-form-section {
  position: relative;

  overflow: hidden;

  padding:
    clamp(110px, 10vw, 165px)
    0;

  color: #fff;

  background:
    radial-gradient(
      circle at 10% 80%,
      rgba(255, 122, 26, .13),
      transparent 28%
    ),
    linear-gradient(
      145deg,
      #111114,
      #070708
    );
}

.sigma-form-grid-bg {
  position: absolute;
  inset: -20%;

  background-image:
    linear-gradient(
      rgba(255, 255, 255, .035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, .035) 1px,
      transparent 1px
    );

  background-size: 58px 58px;

  mask-image:
    radial-gradient(
      circle at center,
      #000,
      transparent 82%
    );
}

.sigma-form-glow {
  position: absolute;

  width: 750px;
  height: 750px;

  left: -330px;
  bottom: -390px;

  border-radius: 50%;

  background:
    rgba(255, 122, 26, .15);

  filter: blur(100px);

  pointer-events: none;
}

.sigma-form-layout {
  position: relative;
  z-index: 3;

  display: grid;

  grid-template-columns:
    minmax(330px, .76fr)
    minmax(0, 1fr);

  gap:
    clamp(60px, 8vw, 125px);

  align-items: center;
}


/* ============================================================
   FORM COPY
============================================================ */

.sigma-form-copy h2 span,
.sigma-form-copy h2 strong {
  display: block;
}

.sigma-form-copy > p {
  max-width: 530px;

  margin: 0;

  color:
    rgba(255, 255, 255, .48);

  font-size: 13px;
  line-height: 1.85;
}

.sigma-form-points {
  margin-top: 36px;

  border-top:
    1px solid rgba(255, 255, 255, .08);
}

.sigma-form-point {
  display: grid;

  grid-template-columns:
    42px 1fr;

  gap: 14px;

  align-items: center;

  min-height: 61px;

  border-bottom:
    1px solid rgba(255, 255, 255, .08);
}

.sigma-form-point span {
  color: var(--sigma-orange);

  font-size: 8px;
  font-weight: 850;
}

.sigma-form-point strong {
  color:
    rgba(255, 255, 255, .74);

  font-size: 10px;
  font-weight: 650;
}


/* ============================================================
   FORM CARD
============================================================ */

.sigma-form-card {
  position: relative;

  padding:
    clamp(28px, 4vw, 46px);

  overflow: hidden;

  color: #171719;

  background:
    rgba(255, 255, 255, .98);

  border:
    1px solid rgba(255, 255, 255, .7);

  border-radius: 30px;

  box-shadow:
    0 40px 100px rgba(0, 0, 0, .30);
}

.sigma-form-card::before {
  content: "";

  position: absolute;

  top: 0;
  left: 35px;
  right: 35px;

  height: 2px;

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--sigma-orange),
      transparent
    );
}

.sigma-form-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;

  gap: 25px;

  margin-bottom: 29px;
  padding-bottom: 23px;

  border-bottom:
    1px solid rgba(0, 0, 0, .075);
}

.sigma-form-card-head small {
  color: var(--sigma-orange);

  font-size: 8px;
  font-weight: 850;

  letter-spacing: .15em;
}

.sigma-form-card-head h3 {
  margin:
    6px 0 0;

  font-size: 28px;

  letter-spacing: -.045em;
}

.sigma-form-live {
  display: inline-flex;
  align-items: center;

  gap: 7px;

  min-height: 31px;

  padding: 0 11px;

  border-radius: 999px;

  color: #47885b;

  background:
    rgba(65, 181, 99, .085);

  font-size: 7px;
  font-weight: 850;

  letter-spacing: .12em;
}

.sigma-form-live i {
  width: 6px;
  height: 6px;

  border-radius: 50%;

  background: #4dcc75;

  box-shadow:
    0 0 11px rgba(77, 204, 117, .6);
}


/* ============================================================
   PREMIUM FORM
============================================================ */

.sigma-premium-form {
  display: grid;

  gap: 15px;
}

.sigma-form-row {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 13px;
}

.sigma-form-phone {
  grid-template-columns:
    minmax(170px, .42fr)
    minmax(0, 1fr);
}

.sigma-field {
  display: flex;
  flex-direction: column;

  gap: 8px;
}

.sigma-field label {
  color: #4d4d52;

  font-size: 9px;
  font-weight: 750;
}

.sigma-field label span {
  color: #a0a0a5;

  font-size: 8px;
  font-weight: 550;
}

.sigma-field input,
.sigma-field select {
  width: 100%;
  height: 53px;

  padding: 0 15px;

  outline: none;

  border:
    1px solid rgba(0, 0, 0, .095);

  border-radius: 14px;

  color: #151517;

  background: #f5f5f2;

  font-family: inherit;
  font-size: 12px;

  transition:
    background .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;
}

.sigma-field input::placeholder {
  color: #a0a0a5;
}

.sigma-field input:focus,
.sigma-field select:focus {
  background: #fff;

  border-color:
    rgba(255, 122, 26, .48);

  box-shadow:
    0 0 0 4px rgba(255, 122, 26, .08);
}

.sigma-field select:disabled {
  opacity: .55;
  cursor: not-allowed;
}


/* ============================================================
   FORM FOOT
============================================================ */

.sigma-form-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 24px;

  margin-top: 10px;
  padding-top: 22px;

  border-top:
    1px solid rgba(0, 0, 0, .07);
}

.sigma-form-footer p {
  max-width: 330px;

  margin: 0;

  color: #99999e;

  font-size: 8px;
  line-height: 1.65;
}

.sigma-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 13px;

  min-height: 53px;

  padding: 0 22px;

  border: 0;

  border-radius: 999px;

  cursor: pointer;

  color: #111;

  background:
    linear-gradient(
      135deg,
      var(--sigma-orange-light),
      var(--sigma-orange)
    );

  font-family: inherit;

  font-size: 10px;
  font-weight: 850;

  box-shadow:
    0 13px 32px rgba(255, 122, 26, .25);

  transition:
    transform .3s ease,
    box-shadow .3s ease;
}

.sigma-submit span {
  font-size: 18px;

  transition: transform .3s ease;
}

.sigma-submit:hover {
  transform: translateY(-3px);

  box-shadow:
    0 18px 42px rgba(255, 122, 26, .36);
}

.sigma-submit:hover span {
  transform: translateX(5px);
}


/* ============================================================
   DELIVERY INFORMATION
============================================================ */

.sigma-delivery-info {
  position: relative;

  padding:
    clamp(100px, 9vw, 150px)
    0;

  background: #f7f7f4;
}

.sigma-delivery-info-head {
  display: grid;

  grid-template-columns:
    minmax(0, 1.1fr)
    minmax(300px, .58fr);

  gap:
    clamp(40px, 7vw, 95px);

  align-items: end;

  margin-bottom:
    clamp(55px, 7vw, 85px);
}

.sigma-delivery-info-head h2 {
  margin-bottom: 0;
}

.sigma-delivery-info-head p {
  max-width: 540px;

  margin: 0;

  color: #76767b;

  font-size: 13px;
  line-height: 1.85;
}


/* ============================================================
   INFO GRID
============================================================ */

.sigma-info-grid {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  border-top:
    1px solid rgba(0, 0, 0, .09);

  border-bottom:
    1px solid rgba(0, 0, 0, .09);
}

.sigma-info-card {
  position: relative;

  min-height: 320px;

  padding: 31px 27px;

  overflow: hidden;

  border-right:
    1px solid rgba(0, 0, 0, .08);

  transition:
    transform .32s ease,
    background .32s ease;
}

.sigma-info-card:last-child {
  border-right: 0;
}

.sigma-info-card::after {
  content: "";

  position: absolute;

  width: 180px;
  height: 180px;

  right: -110px;
  bottom: -110px;

  border-radius: 50%;

  background:
    rgba(255, 122, 26, .12);

  filter: blur(50px);

  opacity: 0;

  transition: opacity .3s ease;
}

.sigma-info-card:hover {
  transform: translateY(-6px);

  background: #fff;
}

.sigma-info-card:hover::after {
  opacity: 1;
}

.sigma-info-index {
  position: relative;
  z-index: 2;

  display: block;

  margin-bottom: 48px;

  color: var(--sigma-orange);

  font-size: 8px;
  font-weight: 850;

  letter-spacing: .14em;
}

.sigma-info-icon {
  position: relative;
  z-index: 2;

  width: 53px;
  height: 53px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 21px;

  border-radius: 16px;

  color: var(--sigma-orange);

  background:
    linear-gradient(
      145deg,
      #19191c,
      #070708
    );

  font-size: 18px;

  box-shadow:
    0 13px 30px rgba(0, 0, 0, .13);

  transition:
    transform .3s ease;
}

.sigma-info-card:hover .sigma-info-icon {
  transform:
    scale(1.06)
    rotate(-3deg);
}

.sigma-info-card h3 {
  position: relative;
  z-index: 2;

  margin:
    0 0 10px;

  font-size: 16px;

  letter-spacing: -.03em;
}

.sigma-info-card p {
  position: relative;
  z-index: 2;

  margin: 0;

  color: #77777c;

  font-size: 11px;
  line-height: 1.76;
}


/* ============================================================
   ANIMATION
============================================================ */

@keyframes sigma3dCoreSpin {

  to {
    transform: rotate(360deg);
  }

}


/* ============================================================
   1100
============================================================ */

@media (max-width: 1100px) {

  .sigma-form-layout,
  .sigma-delivery-info-head {
    grid-template-columns: 1fr;
  }

  .sigma-form-layout {
    gap: 65px;
  }

  .sigma-delivery-info-head {
    gap: 25px;
  }

  .sigma-delivery-info-head p {
    max-width: 700px;
  }

  .sigma-numbers-grid,
  .sigma-info-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

  .sigma-number-item:nth-child(2),
  .sigma-info-card:nth-child(2) {
    border-right: 0;
  }

  .sigma-number-item:nth-child(-n+2),
  .sigma-info-card:nth-child(-n+2) {
    border-bottom:
      1px solid rgba(0, 0, 0, .08);
  }

}


/* ============================================================
   TABLET
============================================================ */

@media (max-width: 800px) {

  .sigma3d-section {
    min-height: auto;

    padding:
      calc(var(--sigma-header-height) + 55px)
      0
      65px;
  }

  .sigma3d-heading h1 {
    font-size:
      clamp(45px, 11vw, 64px);
  }

  .sigma3d-heading p {
    font-size: 12px;
  }

  .sigma3d-stage-wrap {
    height: 470px;

    margin-top: 20px;

    transform: scale(.79);
    transform-origin: center top;
  }

  .sigma3d-ring {
    width: 630px;
    height: 300px;
  }

  .sigma3d-card {
    width: 210px;
  }

  .sigma3d-core {
    width: 170px;
    height: 170px;
  }

}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 650px) {

  .sigma-delivery-numbers,
  .sigma-delivery-info {
    padding:
      80px 0;
  }

  .sigma-numbers-head h2,
  .sigma-form-copy h2,
  .sigma-delivery-info-head h2 {
    font-size:
      clamp(40px, 12vw, 56px);
  }

  .sigma-numbers-grid,
  .sigma-info-grid {
    grid-template-columns: 1fr;
  }

  .sigma-number-item,
  .sigma-info-card {
    min-height: 230px;

    border-right: 0;

    border-bottom:
      1px solid rgba(0, 0, 0, .08);
  }

  .sigma-number-item:nth-child(-n+2),
  .sigma-info-card:nth-child(-n+2) {
    border-bottom:
      1px solid rgba(0, 0, 0, .08);
  }

  .sigma-number-item:last-child,
  .sigma-info-card:last-child {
    border-bottom: 0;
  }

  .sigma-number-value {
    margin-top: 36px;
  }

  .sigma-info-index {
    margin-bottom: 35px;
  }

  .sigma-delivery-form-section {
    padding:
      85px 0;
  }

  .sigma-form-layout {
    gap: 55px;
  }

  .sigma-form-card {
    padding:
      27px 20px;

    border-radius: 24px;
  }

  .sigma-form-card-head {
    flex-direction: column;

    gap: 14px;
  }

  .sigma-form-row,
  .sigma-form-phone {
    grid-template-columns: 1fr;
  }

  .sigma-form-footer {
    flex-direction: column;
    align-items: stretch;
  }

  .sigma-form-footer p {
    max-width: none;
  }

  .sigma-submit {
    width: 100%;
  }

}


/* ============================================================
   SMALL MOBILE — 3D ORBIT
============================================================ */

@media (max-width: 520px) {

  .sigma3d-heading {
    margin-bottom: 5px;
  }

  .sigma3d-eyebrow {
    font-size: 7px;
  }

  .sigma3d-heading h1 {
    font-size:
      clamp(41px, 12vw, 53px);
  }

  .sigma3d-stage-wrap {
    width: 150%;
    height: 410px;

    margin-left: -25%;

    transform: scale(.61);
  }

}


/* ============================================================
   REDUCED MOTION
============================================================ */

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

  .sigma3d-core::before {
    animation: none !important;
  }

}

/* ============================================================
   SIGMA POINT — REFERENCES PAGE
============================================================ */

.sigma-references-page {
  position: relative;
  overflow: hidden;

  color: var(--sigma-text);
  background: var(--sigma-bg);
}


/* ============================================================
   COMMON REFERENCES STRUCTURE
============================================================ */

.sigma-references-page .content-shell {
  position: relative;
  width: 100%;
}

.sigma-references-page .content-section {
  position: relative;

  padding:
    clamp(90px, 9vw, 145px)
    0;
}

.sigma-references-page .section-top {
  display: grid;

  grid-template-columns:
    minmax(0, 1.15fr)
    minmax(300px, .62fr);

  gap:
    clamp(40px, 7vw, 100px);

  align-items: end;

  margin-bottom:
    clamp(55px, 7vw, 90px);
}

.sigma-references-page .section-tag {
  display: inline-flex;
  align-items: center;

  margin-bottom: 18px;

  color: var(--sigma-orange);

  font-size: 10px;
  font-weight: 850;

  letter-spacing: .18em;
  text-transform: uppercase;
}

.sigma-references-page .section-tag::before {
  content: "";

  width: 22px;
  height: 1px;

  margin-right: 10px;

  background: var(--sigma-orange);
}

.sigma-references-page .section-title {
  max-width: 850px;

  margin: 0;

  font-size:
    clamp(38px, 4.4vw, 66px);

  line-height: 1.01;

  letter-spacing: -.056em;

  font-weight: 650;
}

.sigma-references-page .section-desc {
  max-width: 540px;

  margin: 0;

  color: #77777d;

  font-size: 14px;
  line-height: 1.85;
}


/* ============================================================
   HERO
============================================================ */

.sigma-ref-hero {
  position: relative;

  min-height: 100vh;

  overflow: hidden;

  padding:
    calc(var(--sigma-header-height) + 80px)
    0
    95px;

  color: #fff;

  background:
    radial-gradient(
      circle at 52% 0%,
      #252529 0%,
      #111113 36%,
      #080809 70%,
      #030303 100%
    );
}


/* ============================================================
   HERO BACKGROUND
============================================================ */

.sigma-ref-grid-bg {
  position: absolute;
  inset: -20%;

  background-image:
    linear-gradient(
      rgba(255, 255, 255, .035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, .035) 1px,
      transparent 1px
    );

  background-size: 52px 52px;

  mask-image:
    linear-gradient(
      to bottom,
      #000 0%,
      rgba(0, 0, 0, .75) 47%,
      transparent 100%
    );

  pointer-events: none;
}

.sigma-ref-orb {
  position: absolute;

  border-radius: 50%;

  filter: blur(115px);

  pointer-events: none;
}

.sigma-ref-orb-one {
  width: 600px;
  height: 600px;

  left: -250px;
  top: -290px;

  background:
    rgba(255, 122, 26, .18);
}

.sigma-ref-orb-two {
  width: 680px;
  height: 680px;

  right: -360px;
  top: 250px;

  background:
    rgba(255, 122, 26, .09);
}


/* ============================================================
   HERO CARD
============================================================ */

.sigma-ref-hero-card {
  position: relative;

  overflow: hidden;

  border-radius: 38px;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, .055),
      rgba(255, 255, 255, .018)
    );

  border:
    1px solid rgba(255, 255, 255, .09);

  box-shadow:
    0 45px 120px rgba(0, 0, 0, .38);

  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.sigma-ref-hero-card::before {
  content: "";

  position: absolute;

  width: 540px;
  height: 540px;

  left: -280px;
  bottom: -350px;

  border-radius: 50%;

  background:
    rgba(255, 122, 26, .10);

  filter: blur(90px);

  pointer-events: none;
}

.sigma-ref-hero-layout {
  position: relative;
  z-index: 2;

  display: grid;

  grid-template-columns:
    minmax(0, 1.05fr)
    minmax(430px, .85fr);

  gap:
    clamp(50px, 7vw, 110px);

  align-items: center;

  min-height: 650px;

  padding:
    clamp(50px, 6vw, 90px);
}


/* ============================================================
   HERO COPY
============================================================ */

.sigma-ref-hero-copy .eyebrow {
  display: inline-flex;
  align-items: center;

  margin-bottom: 23px;

  color:
    rgba(255, 255, 255, .45);

  font-size: 10px;
  font-weight: 800;

  letter-spacing: .19em;
  text-transform: uppercase;
}

.sigma-ref-hero-copy .eyebrow::before {
  content: "";

  width: 7px;
  height: 7px;

  margin-right: 10px;

  border-radius: 50%;

  background: var(--sigma-orange);

  box-shadow:
    0 0 16px rgba(255, 122, 26, .75);
}

.sigma-ref-title {
  margin: 0;

  font-size:
    clamp(42px, 5.15vw, 76px);

  line-height: .98;

  letter-spacing: -.063em;

  font-weight: 420;
}

.sigma-ref-title > span {
  display: block;
}

.sigma-ref-title .accent-text {
  color: var(--sigma-orange-light);

  font-weight: 820;
}

.sigma-ref-hero-copy > p {
  max-width: 680px;

  margin: 29px 0 0;

  color:
    rgba(255, 255, 255, .52);

  font-size: 14px;
  line-height: 1.85;
}


/* ============================================================
   HERO META
============================================================ */

.sigma-ref-hero-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;

  gap: 18px;

  width: fit-content;

  margin-top: 34px;
  padding: 15px 19px;

  border-radius: 18px;

  background:
    rgba(255, 255, 255, .04);

  border:
    1px solid rgba(255, 255, 255, .08);
}

.sigma-ref-hero-meta > div {
  display: flex;
  flex-direction: column;

  gap: 3px;
}

.sigma-ref-hero-meta strong {
  color: #fff;

  font-size: 11px;
  font-weight: 800;
}

.sigma-ref-hero-meta span {
  color:
    rgba(255, 255, 255, .36);

  font-size: 8px;
}

.sigma-ref-hero-meta > i {
  width: 4px;
  height: 4px;

  border-radius: 50%;

  background: var(--sigma-orange);

  box-shadow:
    0 0 10px rgba(255, 122, 26, .6);
}


/* ============================================================
   HERO STAGE
============================================================ */

.sigma-ref-hero-stage {
  position: relative;

  width: min(500px, 100%);
  aspect-ratio: 1;

  margin: 0 auto;
}

.sigma-ref-hero-stage::before {
  content: "";

  position: absolute;
  inset: 20%;

  border-radius: 50%;

  background:
    rgba(255, 122, 26, .12);

  filter: blur(65px);
}

.sigma-ref-hero-circle {
  position: absolute;

  left: 50%;
  top: 50%;

  transform:
    translate(-50%, -50%);

  border-radius: 50%;

  pointer-events: none;
}

.sigma-ref-circle-one {
  width: 78%;
  height: 78%;

  border:
    1px solid rgba(255, 255, 255, .13);
}

.sigma-ref-circle-one::after {
  content: "";

  position: absolute;

  width: 10px;
  height: 10px;

  top: -5px;
  left: 50%;

  transform: translateX(-50%);

  border-radius: 50%;

  background: var(--sigma-orange);

  box-shadow:
    0 0 23px rgba(255, 122, 26, .85);
}

.sigma-ref-circle-two {
  width: 56%;
  height: 56%;

  border:
    1px dashed rgba(255, 122, 26, .26);
}


/* ============================================================
   HERO CORE
============================================================ */

.sigma-ref-core {
  position: absolute;

  left: 50%;
  top: 50%;

  z-index: 5;

  transform:
    translate(-50%, -50%);

  width: 158px;
  height: 158px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background:
    radial-gradient(
      circle at 35% 27%,
      #38383c,
      #111114 58%,
      #050506
    );

  border:
    1px solid rgba(255, 255, 255, .14);

  box-shadow:
    0 0 0 17px rgba(255, 255, 255, .015),
    0 0 85px rgba(255, 122, 26, .12),
    0 30px 80px rgba(0, 0, 0, .48);
}

.sigma-ref-core span {
  color:
    rgba(255, 255, 255, .35);

  font-size: 7px;
  font-weight: 850;

  letter-spacing: .20em;
}

.sigma-ref-core strong {
  margin-top: 3px;

  color: #fff;

  font-size: 28px;
  font-weight: 850;

  letter-spacing: -.05em;
}

.sigma-ref-core small {
  margin-top: 4px;

  color: var(--sigma-orange);

  font-size: 8px;
  font-weight: 900;

  letter-spacing: .22em;
}


/* ============================================================
   FLOATING TECH
============================================================ */

.sigma-ref-floating {
  position: absolute;
  z-index: 4;

  display: flex;
  align-items: center;

  gap: 9px;

  min-height: 44px;

  padding: 0 14px;

  border-radius: 14px;

  color:
    rgba(255, 255, 255, .73);

  background:
    rgba(18, 18, 21, .90);

  border:
    1px solid rgba(255, 255, 255, .10);

  backdrop-filter: blur(15px);

  box-shadow:
    0 18px 42px rgba(0, 0, 0, .32);

  font-size: 8px;
  font-weight: 800;

  letter-spacing: .10em;
}

.sigma-ref-floating span {
  color: var(--sigma-orange);

  font-size: 7px;
}

.sigma-ref-floating-one {
  top: 5%;
  left: 50%;

  transform: translateX(-50%);
}

.sigma-ref-floating-two {
  right: 0;
  top: 31%;
}

.sigma-ref-floating-three {
  right: 12%;
  bottom: 8%;
}

.sigma-ref-floating-four {
  left: 0;
  bottom: 23%;
}


/* ============================================================
   MARQUEE
============================================================ */

.sigma-ref-marquee {
  overflow: hidden;

  margin-top: 70px;

  border-top:
    1px solid rgba(255, 255, 255, .08);

  border-bottom:
    1px solid rgba(255, 255, 255, .08);
}

.sigma-ref-marquee-track {
  display: flex;

  width: max-content;

  animation:
    sigmaRefMarquee 27s linear infinite;
}

.sigma-ref-marquee-set {
  display: flex;
  align-items: center;

  flex-shrink: 0;

  gap: 27px;

  padding: 21px 14px;
}

.sigma-ref-marquee-set span {
  white-space: nowrap;

  color:
    rgba(255, 255, 255, .38);

  font-size: 9px;
  font-weight: 800;

  letter-spacing: .15em;
}

.sigma-ref-marquee-set i {
  width: 5px;
  height: 5px;

  border-radius: 50%;

  background: var(--sigma-orange);
}

@keyframes sigmaRefMarquee {
  to {
    transform: translateX(-50%);
  }
}


/* ============================================================
   COURIER PROMO
============================================================ */

.sigma-ref-courier-promo {
  position: relative;

  overflow: hidden;

  margin-top: 65px;
  padding:
    clamp(40px, 5vw, 65px);

  border-radius: 30px;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, .055),
      rgba(255, 255, 255, .018)
    );

  border:
    1px solid rgba(255, 255, 255, .09);

  box-shadow:
    0 30px 80px rgba(0, 0, 0, .24);
}

.sigma-ref-courier-grid {
  position: absolute;
  inset: 0;

  opacity: .22;

  background-image:
    linear-gradient(
      rgba(255, 255, 255, .04) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, .04) 1px,
      transparent 1px
    );

  background-size: 46px 46px;

  mask-image:
    linear-gradient(
      90deg,
      #000,
      transparent
    );
}

.sigma-ref-courier-orb {
  position: absolute;

  width: 460px;
  height: 460px;

  right: -240px;
  top: -220px;

  border-radius: 50%;

  background:
    rgba(255, 122, 26, .15);

  filter: blur(80px);
}

.sigma-ref-courier-layout {
  position: relative;
  z-index: 2;

  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    auto;

  gap: 60px;

  align-items: center;
}

.sigma-ref-courier-eyebrow {
  display: block;

  margin-bottom: 15px;

  color: var(--sigma-orange);

  font-size: 8px;
  font-weight: 900;

  letter-spacing: .18em;
}

.sigma-ref-courier-copy h2 {
  max-width: 760px;

  margin: 0;

  color: #fff;

  font-size:
    clamp(32px, 4vw, 56px);

  line-height: 1;

  letter-spacing: -.055em;

  font-weight: 420;
}

.sigma-ref-courier-copy h2 strong {
  display: block;

  color: var(--sigma-orange-light);

  font-weight: 830;
}

.sigma-ref-courier-copy p {
  max-width: 690px;

  margin:
    22px 0 0;

  color:
    rgba(255, 255, 255, .44);

  font-size: 12px;
  line-height: 1.82;
}

.sigma-ref-courier-action {
  min-width: 290px;
}

.sigma-ref-courier-tech {
  display: flex;
  align-items: center;
  justify-content: flex-end;

  flex-wrap: wrap;

  gap: 8px;

  margin-bottom: 18px;

  color:
    rgba(255, 255, 255, .34);

  font-size: 7px;
  font-weight: 800;

  letter-spacing: .11em;
}

.sigma-ref-courier-tech i {
  width: 4px;
  height: 4px;

  border-radius: 50%;

  background: var(--sigma-orange);
}

.sigma-ref-courier-button {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;

  min-height: 58px;

  padding: 0 20px;

  border-radius: 999px;

  color: #111;

  background:
    linear-gradient(
      135deg,
      var(--sigma-orange-light),
      var(--sigma-orange)
    );

  font-size: 10px;
  font-weight: 850;

  box-shadow:
    0 13px 33px rgba(255, 122, 26, .24);

  transition:
    transform .3s ease,
    box-shadow .3s ease;
}

.sigma-ref-courier-button strong {
  font-size: 20px;

  transition: transform .3s ease;
}

.sigma-ref-courier-button:hover {
  transform: translateY(-3px);

  box-shadow:
    0 18px 43px rgba(255, 122, 26, .34);
}

.sigma-ref-courier-button:hover strong {
  transform: translateX(5px);
}


/* ============================================================
   INTRO INSIDE HERO
============================================================ */

.sigma-ref-intro {
  color: #fff;
}

.sigma-ref-intro .section-desc {
  color:
    rgba(255, 255, 255, .45);
}


/* ============================================================
   PROJECT SHOWCASE
============================================================ */

.sigma-project-showcase {
  position: relative;

  padding:
    clamp(90px, 8vw, 130px)
    0;

  background: #f5f5f2;
}

.sigma-project-item {
  display: grid;

  grid-template-columns:
    minmax(0, 1.03fr)
    minmax(360px, .82fr);

  gap:
    clamp(55px, 8vw, 120px);

  align-items: center;

  min-height: 650px;

  padding:
    clamp(65px, 8vw, 110px)
    0;

  border-bottom:
    1px solid rgba(0, 0, 0, .08);
}

.sigma-project-item:first-child {
  padding-top: 10px;
}

.sigma-project-reverse
.sigma-project-visual {
  order: 2;
}

.sigma-project-reverse
.sigma-project-content {
  order: 1;
}


/* ============================================================
   PROJECT VISUAL
============================================================ */

.sigma-project-visual {
  position: relative;

  min-height: 520px;

  overflow: hidden;

  border-radius: 34px;

  background:
    radial-gradient(
      circle at 50% 50%,
      #27272b,
      #111113 58%,
      #070708
    );

  border:
    1px solid rgba(0, 0, 0, .08);

  box-shadow:
    0 35px 80px rgba(0, 0, 0, .15);
}

.sigma-project-visual-grid {
  position: absolute;
  inset: -20%;

  background-image:
    linear-gradient(
      rgba(255, 255, 255, .045) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, .045) 1px,
      transparent 1px
    );

  background-size: 48px 48px;

  mask-image:
    radial-gradient(
      circle at center,
      #000,
      transparent 78%
    );
}

.sigma-project-glow {
  position: absolute;

  left: 50%;
  top: 50%;

  width: 420px;
  height: 420px;

  transform:
    translate(-50%, -50%);

  border-radius: 50%;

  background:
    rgba(255, 122, 26, .14);

  filter: blur(85px);
}

.sigma-project-big-index {
  position: absolute;

  right: 26px;
  top: 17px;

  color:
    rgba(255, 255, 255, .05);

  font-size:
    clamp(100px, 12vw, 180px);

  font-weight: 850;

  letter-spacing: -.08em;

  line-height: 1;
}

.sigma-project-logo-card {
  position: absolute;

  left: 50%;
  top: 50%;

  z-index: 3;

  width: min(240px, 48%);
  aspect-ratio: 1;

  transform:
    translate(-50%, -50%);

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 28px;

  border-radius: 34px;

  background: #fff;

  border:
    1px solid rgba(255, 255, 255, .5);

  box-shadow:
    0 35px 90px rgba(0, 0, 0, .35),
    0 0 75px rgba(255, 122, 26, .10);
}

.sigma-project-logo-card img {
  width: 100%;
  height: 100%;

  object-fit: contain;
}

.sigma-project-status {
  position: absolute;

  z-index: 4;

  left: 25px;
  bottom: 24px;

  display: flex;
  align-items: center;

  gap: 8px;

  min-height: 35px;

  padding: 0 12px;

  border-radius: 999px;

  color:
    rgba(255, 255, 255, .68);

  background:
    rgba(7, 7, 8, .72);

  border:
    1px solid rgba(255, 255, 255, .10);

  backdrop-filter: blur(15px);

  font-size: 7px;
  font-weight: 850;

  letter-spacing: .15em;
}

.sigma-project-status span {
  width: 6px;
  height: 6px;

  border-radius: 50%;

  background: #55d779;

  box-shadow:
    0 0 10px rgba(85, 215, 121, .7);
}


/* ============================================================
   PROJECT CONTENT
============================================================ */

.sigma-project-content {
  position: relative;
}

.sigma-project-index {
  display: block;

  margin-bottom: 16px;

  color: #a2a2a7;

  font-size: 8px;
  font-weight: 850;

  letter-spacing: .16em;
}

.sigma-project-content .section-tag {
  margin-bottom: 16px;
}

.sigma-project-content h2 {
  margin: 0;

  font-size:
    clamp(40px, 5vw, 72px);

  line-height: .97;

  letter-spacing: -.062em;

  font-weight: 650;
}

.sigma-project-content > p {
  max-width: 620px;

  margin:
    25px 0 0;

  color: #77777c;

  font-size: 13px;
  line-height: 1.85;
}


/* ============================================================
   CAPABILITIES
============================================================ */

.sigma-project-capabilities {
  display: flex;
  flex-wrap: wrap;

  gap: 7px;

  margin-top: 26px;
}

.sigma-project-capabilities span {
  display: inline-flex;
  align-items: center;

  min-height: 30px;

  padding: 0 11px;

  border-radius: 999px;

  color: #606066;

  background: #ecece8;

  border:
    1px solid rgba(0, 0, 0, .06);

  font-size: 7px;
  font-weight: 850;

  letter-spacing: .13em;
}


/* ============================================================
   PROJECT ACTIONS
============================================================ */

.sigma-project-actions {
  display: flex;
  flex-wrap: wrap;

  gap: 9px;

  margin-top: 31px;
}

.sigma-project-button {
  display: inline-flex;
  align-items: center;

  gap: 11px;

  min-height: 54px;

  padding:
    0 15px 0 9px;

  border-radius: 15px;

  color: #1c1c1f;

  background: #fff;

  border:
    1px solid rgba(0, 0, 0, .08);

  box-shadow:
    0 10px 28px rgba(0, 0, 0, .055);

  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease;
}

.sigma-project-button:hover {
  transform: translateY(-4px);

  border-color:
    rgba(255, 122, 26, .20);

  box-shadow:
    0 17px 40px rgba(0, 0, 0, .09);
}

.sigma-project-button-icon,
.sigma-project-web-icon {
  width: 38px;
  height: 38px;

  flex: 0 0 38px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 11px;

  background: #f1f1ee;
}

.sigma-project-button-icon img {
  width: 20px;
  height: 20px;

  object-fit: contain;
}

.sigma-project-web-icon {
  color: var(--sigma-orange);

  background:
    rgba(255, 122, 26, .09);

  font-size: 16px;
}

.sigma-project-button > span:nth-child(2) {
  display: flex;
  flex-direction: column;

  line-height: 1.1;

  font-size: 10px;
  font-weight: 800;
}

.sigma-project-button small {
  margin-bottom: 3px;

  color: #99999e;

  font-size: 6px;
  font-weight: 850;

  letter-spacing: .12em;
}

.sigma-project-button > i {
  margin-left: 4px;

  color: #96969b;

  font-size: 13px;
  font-style: normal;

  transition: transform .28s ease;
}

.sigma-project-button:hover > i {
  transform:
    translate(2px, -2px);
}

.sigma-project-button-dark {
  color: #fff;

  background:
    linear-gradient(
      145deg,
      #18181b,
      #070708
    );

  border-color:
    rgba(255, 255, 255, .06);
}

.sigma-project-button-dark small {
  color:
    rgba(255, 255, 255, .35);
}

.sigma-project-button-dark > i {
  color:
    rgba(255, 255, 255, .45);
}


/* ============================================================
   PROJECT MANIFESTO
============================================================ */

.sigma-ref-manifesto {
  position: relative;

  min-height: 610px;

  display: flex;
  flex-direction: column;
  justify-content: center;

  margin:
    clamp(80px, 8vw, 120px)
    0;

  padding:
    clamp(65px, 8vw, 105px);

  overflow: hidden;

  border-radius: 36px;

  color: #fff;

  background:
    radial-gradient(
      circle at 84% 27%,
      rgba(255, 122, 26, .11),
      transparent 30%
    ),
    #080809;

  box-shadow:
    0 35px 90px rgba(0, 0, 0, .17);
}

.sigma-ref-manifesto-grid {
  position: absolute;
  inset: 0;

  opacity: .18;

  background-image:
    linear-gradient(
      rgba(255, 255, 255, .04) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, .04) 1px,
      transparent 1px
    );

  background-size: 50px 50px;

  mask-image:
    linear-gradient(
      90deg,
      #000,
      transparent
    );
}

.sigma-ref-manifesto-orb {
  position: absolute;

  width: 520px;
  height: 520px;

  right: -220px;
  bottom: -300px;

  border-radius: 50%;

  border:
    1px solid rgba(255, 122, 26, .16);

  box-shadow:
    0 0 0 45px rgba(255, 255, 255, .015),
    0 0 0 90px rgba(255, 255, 255, .008);
}

.sigma-ref-manifesto-label {
  position: relative;
  z-index: 2;

  display: block;

  margin-bottom: 27px;

  color: var(--sigma-orange);

  font-size: 9px;
  font-weight: 900;

  letter-spacing: .22em;
}

.sigma-ref-manifesto h2 {
  position: relative;
  z-index: 2;

  width: min(920px, 100%);

  margin: 0;

  font-size:
    clamp(45px, 6vw, 86px);

  line-height: .95;

  letter-spacing: -.065em;

  font-weight: 350;
}

.sigma-ref-manifesto h2 span,
.sigma-ref-manifesto h2 strong {
  display: block;
}

.sigma-ref-manifesto h2 strong {
  color: var(--sigma-orange-light);

  font-weight: 850;
}

.sigma-ref-manifesto p {
  position: relative;
  z-index: 2;

  max-width: 670px;

  margin:
    28px 0 0;

  color:
    rgba(255, 255, 255, .45);

  font-size: 13px;
  line-height: 1.85;
}


/* ============================================================
   PRINCIPLES
============================================================ */

.sigma-ref-principles {
  position: relative;

  background: #eeeeea;
}

.sigma-ref-principle-grid {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 12px;
}

.sigma-ref-principle-card {
  position: relative;

  min-height: 290px;

  padding: 31px 27px;

  overflow: hidden;

  border-radius: 24px;

  background:
    rgba(255, 255, 255, .7);

  border:
    1px solid rgba(0, 0, 0, .075);

  transition:
    transform .32s ease,
    background .32s ease,
    border-color .32s ease,
    box-shadow .32s ease;
}

.sigma-ref-principle-card::after {
  content: "";

  position: absolute;

  width: 180px;
  height: 180px;

  right: -110px;
  bottom: -115px;

  border-radius: 50%;

  background:
    rgba(255, 122, 26, .13);

  filter: blur(50px);

  opacity: 0;

  transition: opacity .3s ease;
}

.sigma-ref-principle-card:hover {
  transform: translateY(-7px);

  background: #fff;

  border-color:
    rgba(255, 122, 26, .20);

  box-shadow:
    0 25px 60px rgba(0, 0, 0, .08);
}

.sigma-ref-principle-card:hover::after {
  opacity: 1;
}

.sigma-ref-principle-card > span {
  position: relative;
  z-index: 2;

  display: block;

  color: var(--sigma-orange);

  font-size: 8px;
  font-weight: 850;

  letter-spacing: .17em;
}

.sigma-ref-principle-card h3 {
  position: relative;
  z-index: 2;

  margin:
    70px 0 10px;

  font-size: 20px;

  letter-spacing: -.035em;
}

.sigma-ref-principle-card p {
  position: relative;
  z-index: 2;

  margin: 0;

  color: #77777c;

  font-size: 11px;
  line-height: 1.75;
}


/* ============================================================
   FINAL CTA
============================================================ */

.sigma-ref-final {
  position: relative;

  min-height: 700px;

  display: flex;
  align-items: center;

  overflow: hidden;

  text-align: center;

  color: #fff;

  background:
    radial-gradient(
      circle at 50% 35%,
      #1c1c20,
      #0c0c0e 48%,
      #030303
    );
}

.sigma-ref-final-grid {
  position: absolute;
  inset: -20%;

  background-image:
    linear-gradient(
      rgba(255, 255, 255, .032) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, .032) 1px,
      transparent 1px
    );

  background-size: 52px 52px;

  mask-image:
    radial-gradient(
      circle at center,
      #000,
      transparent 73%
    );
}

.sigma-ref-final-circle {
  position: absolute;

  left: 50%;
  bottom: -500px;

  width: 900px;
  height: 900px;

  transform: translateX(-50%);

  border-radius: 50%;

  border:
    1px solid rgba(255, 122, 26, .15);

  box-shadow:
    0 0 0 70px rgba(255, 255, 255, .012),
    0 0 130px rgba(255, 122, 26, .09);
}

.sigma-ref-final .container {
  position: relative;
  z-index: 3;

  padding:
    120px 0;
}

.sigma-ref-final-eyebrow {
  display: inline-block;

  margin-bottom: 24px;

  color: var(--sigma-orange);

  font-size: 9px;
  font-weight: 900;

  letter-spacing: .22em;
}

.sigma-ref-final h2 {
  width: min(950px, 100%);

  margin: 0 auto;

  font-size:
    clamp(48px, 6.5vw, 96px);

  line-height: .94;

  letter-spacing: -.07em;

  font-weight: 350;
}

.sigma-ref-final h2 span,
.sigma-ref-final h2 strong {
  display: block;
}

.sigma-ref-final h2 strong {
  color: var(--sigma-orange-light);

  font-weight: 850;
}

.sigma-ref-final p {
  width: min(650px, 100%);

  margin:
    30px auto 32px;

  color:
    rgba(255, 255, 255, .48);

  font-size: 14px;
  line-height: 1.82;
}


/* ============================================================
   TABLET
============================================================ */

@media (max-width: 1100px) {

  .sigma-ref-hero-layout {
    grid-template-columns:
      minmax(0, 1fr)
      minmax(380px, .75fr);

    gap: 45px;
  }

  .sigma-project-item {
    gap: 60px;
  }

  .sigma-ref-principle-grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

}


/* ============================================================
   TABLET / MOBILE
============================================================ */

@media (max-width: 900px) {

  .sigma-ref-hero {
    padding-top:
      calc(var(--sigma-header-height) + 45px);
  }

  .sigma-ref-hero-layout {
    grid-template-columns: 1fr;

    min-height: auto;

    padding:
      55px 40px;

    gap: 70px;
  }

  .sigma-ref-hero-copy {
    text-align: center;
  }

  .sigma-ref-hero-copy .eyebrow {
    justify-content: center;
  }

  .sigma-ref-hero-copy > p {
    margin-inline: auto;
  }

  .sigma-ref-hero-meta {
    margin-inline: auto;
  }

  .sigma-ref-hero-stage {
    max-width: 470px;
  }

  .sigma-ref-courier-layout {
    grid-template-columns: 1fr;

    gap: 35px;
  }

  .sigma-ref-courier-action {
    min-width: 0;
  }

  .sigma-ref-courier-tech {
    justify-content: flex-start;
  }

  .sigma-ref-courier-button {
    width: fit-content;
  }

  .sigma-references-page .section-top {
    grid-template-columns: 1fr;

    gap: 24px;
  }

  .sigma-references-page .section-desc {
    max-width: 650px;
  }

  .sigma-project-item,
  .sigma-project-item.sigma-project-reverse {
    grid-template-columns: 1fr;

    gap: 50px;

    min-height: auto;
  }

  .sigma-project-reverse
  .sigma-project-visual,
  .sigma-project-reverse
  .sigma-project-content {
    order: initial;
  }

  .sigma-project-visual {
    min-height: 480px;
  }

}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 650px) {

  .sigma-ref-hero {
    min-height: auto;

    padding-bottom: 60px;
  }

  .sigma-ref-hero-card {
    border-radius: 26px;
  }

  .sigma-ref-hero-layout {
    padding:
      40px 22px;

    gap: 55px;
  }

  .sigma-ref-title {
    font-size:
      clamp(39px, 11vw, 54px);
  }

  .sigma-ref-hero-copy > p {
    font-size: 12px;
  }

  .sigma-ref-hero-meta {
    width: 100%;

    justify-content: center;
  }

  .sigma-ref-hero-stage {
    width: 105%;

    margin-left: -2.5%;
  }

  .sigma-ref-core {
    width: 125px;
    height: 125px;
  }

  .sigma-ref-core strong {
    font-size: 22px;
  }

  .sigma-ref-floating {
    min-height: 39px;

    padding: 0 10px;

    font-size: 6.5px;
  }

  .sigma-ref-marquee {
    margin-top: 50px;
  }

  .sigma-ref-courier-promo {
    margin-top: 50px;

    padding:
      34px 22px;

    border-radius: 24px;
  }

  .sigma-ref-courier-copy h2 {
    font-size:
      clamp(34px, 10vw, 47px);
  }

  .sigma-ref-courier-copy p {
    font-size: 11px;
  }

  .sigma-ref-courier-button {
    width: 100%;
  }

  .sigma-references-page .content-section {
    padding:
      80px 0;
  }

  .sigma-references-page .section-title {
    font-size:
      clamp(35px, 10vw, 45px);
  }

  .sigma-project-showcase {
    padding:
      75px 0;
  }

  .sigma-project-item {
    padding:
      70px 0;

    gap: 40px;
  }

  .sigma-project-item:first-child {
    padding-top: 0;
  }

  .sigma-project-visual {
    min-height: 390px;

    border-radius: 25px;
  }

  .sigma-project-logo-card {
    width: 46%;

    padding: 20px;

    border-radius: 25px;
  }

  .sigma-project-big-index {
    top: 14px;
    right: 16px;
  }

  .sigma-project-content h2 {
    font-size:
      clamp(40px, 12vw, 55px);
  }

  .sigma-project-content > p {
    font-size: 12px;
  }

  .sigma-project-actions {
    flex-direction: column;
  }

  .sigma-project-button {
    width: 100%;
  }

  .sigma-project-button > i {
    margin-left: auto;
  }

  .sigma-ref-manifesto {
    min-height: 520px;

    padding:
      55px 25px;

    border-radius: 27px;
  }

  .sigma-ref-manifesto h2 {
    font-size:
      clamp(42px, 12vw, 58px);
  }

  .sigma-ref-manifesto p {
    font-size: 12px;
  }

  .sigma-ref-manifesto-orb {
    width: 400px;
    height: 400px;

    right: -220px;
    bottom: -230px;
  }

  .sigma-ref-principle-grid {
    grid-template-columns: 1fr;
  }

  .sigma-ref-principle-card {
    min-height: 245px;
  }

  .sigma-ref-principle-card h3 {
    margin-top: 45px;
  }

  .sigma-ref-final {
    min-height: 620px;
  }

  .sigma-ref-final .container {
    padding:
      100px 0;
  }

  .sigma-ref-final h2 {
    font-size:
      clamp(44px, 13vw, 64px);
  }

  .sigma-ref-final p {
    font-size: 12px;
  }

}


/* ============================================================
   SMALL MOBILE
============================================================ */

@media (max-width: 430px) {

  .sigma-ref-hero-layout {
    padding:
      35px 18px;
  }

  .sigma-ref-hero-stage {
    width: 110%;

    margin-left: -5%;
  }

  .sigma-project-logo-card {
    width: 52%;
  }

}


/* ============================================================
   REDUCED MOTION
============================================================ */

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

  .sigma-ref-marquee-track {
    animation: none !important;
  }

}

/* ============================================================
   SIGMA POINT — QUOTE / PROJECT CONFIGURATOR PAGE
============================================================ */

.sigma-quote-page {
  position: relative;
  overflow: hidden;

  color: var(--sigma-text);
  background: var(--sigma-bg);
}


/* ============================================================
   HERO
============================================================ */

.sigma-quote-hero {
  position: relative;

  min-height: 100vh;

  display: flex;
  align-items: center;

  overflow: hidden;

  padding:
    calc(var(--sigma-header-height) + 80px)
    0
    95px;

  color: #fff;

  background:
    radial-gradient(
      circle at 50% 0%,
      #26262a 0%,
      #111113 37%,
      #080809 70%,
      #030303 100%
    );
}


/* ============================================================
   HERO BACKGROUND
============================================================ */

.sigma-quote-grid {
  position: absolute;
  inset: -20%;

  background-image:
    linear-gradient(
      rgba(255, 255, 255, .035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, .035) 1px,
      transparent 1px
    );

  background-size: 52px 52px;

  mask-image:
    linear-gradient(
      to bottom,
      #000,
      rgba(0, 0, 0, .7) 55%,
      transparent
    );

  pointer-events: none;
}

.sigma-quote-orb {
  position: absolute;

  border-radius: 50%;

  filter: blur(115px);

  pointer-events: none;
}

.sigma-quote-orb-one {
  width: 600px;
  height: 600px;

  top: -310px;
  left: -250px;

  background:
    rgba(255, 122, 26, .18);
}

.sigma-quote-orb-two {
  width: 680px;
  height: 680px;

  right: -370px;
  bottom: -280px;

  background:
    rgba(255, 122, 26, .08);
}


/* ============================================================
   HERO LAYOUT
============================================================ */

.sigma-quote-hero-layout {
  position: relative;
  z-index: 2;

  display: grid;

  grid-template-columns:
    minmax(0, 1.03fr)
    minmax(430px, .82fr);

  gap:
    clamp(55px, 8vw, 125px);

  align-items: center;

  min-height: 720px;
}


/* ============================================================
   HERO COPY
============================================================ */

.sigma-quote-eyebrow {
  display: inline-flex;
  align-items: center;

  gap: 10px;

  margin-bottom: 23px;

  color:
    rgba(255, 255, 255, .48);

  font-size: 9px;
  font-weight: 850;

  letter-spacing: .19em;
}

.sigma-quote-eyebrow > span {
  width: 7px;
  height: 7px;

  border-radius: 50%;

  background: var(--sigma-orange);

  box-shadow:
    0 0 0 6px rgba(255, 122, 26, .07),
    0 0 18px rgba(255, 122, 26, .7);
}

.sigma-quote-title {
  margin: 0;

  font-size:
    clamp(48px, 6vw, 90px);

  line-height: .92;

  letter-spacing: -.071em;

  font-weight: 350;
}

.sigma-quote-title > span,
.sigma-quote-title > strong {
  display: block;
}

.sigma-quote-title > strong {
  color: var(--sigma-orange-light);

  font-weight: 850;
}

.sigma-quote-desc {
  max-width: 660px;

  margin: 30px 0 0;

  color:
    rgba(255, 255, 255, .50);

  font-size: 14px;
  line-height: 1.85;
}


/* ============================================================
   HERO NOTE
============================================================ */

.sigma-quote-hero-note {
  display: flex;
  align-items: center;

  gap: 16px;

  width: fit-content;

  max-width: 580px;

  margin-top: 34px;

  padding: 16px 19px;

  border-radius: 18px;

  background:
    rgba(255, 255, 255, .045);

  border:
    1px solid rgba(255, 255, 255, .085);
}

.sigma-quote-note-icon {
  width: 48px;
  height: 48px;

  flex: 0 0 48px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 14px;

  color: #111;

  background:
    linear-gradient(
      135deg,
      var(--sigma-orange-light),
      var(--sigma-orange)
    );

  font-size: 18px;

  box-shadow:
    0 10px 28px rgba(255, 122, 26, .20);
}

.sigma-quote-hero-note strong {
  display: block;

  color: #fff;

  font-size: 11px;
  font-weight: 750;
}

.sigma-quote-hero-note div > span {
  display: block;

  margin-top: 5px;

  color:
    rgba(255, 255, 255, .38);

  font-size: 9px;
  line-height: 1.55;
}


/* ============================================================
   PROJECT ENGINE
============================================================ */

.sigma-quote-engine {
  position: relative;

  width: min(500px, 100%);
  aspect-ratio: 1;

  margin: 0 auto;
}

.sigma-quote-engine::before {
  content: "";

  position: absolute;
  inset: 19%;

  border-radius: 50%;

  background:
    rgba(255, 122, 26, .13);

  filter: blur(70px);
}

.sigma-quote-engine-ring {
  position: absolute;

  left: 50%;
  top: 50%;

  transform:
    translate(-50%, -50%);

  border-radius: 50%;
}

.sigma-quote-engine-ring-one {
  width: 78%;
  height: 78%;

  border:
    1px solid rgba(255, 255, 255, .13);
}

.sigma-quote-engine-ring-one::after {
  content: "";

  position: absolute;

  width: 10px;
  height: 10px;

  top: -5px;
  left: 50%;

  transform: translateX(-50%);

  border-radius: 50%;

  background: var(--sigma-orange);

  box-shadow:
    0 0 23px rgba(255, 122, 26, .9);
}

.sigma-quote-engine-ring-two {
  width: 57%;
  height: 57%;

  border:
    1px dashed rgba(255, 122, 26, .27);
}


/* ============================================================
   ENGINE CORE
============================================================ */

.sigma-quote-engine-core {
  position: absolute;

  left: 50%;
  top: 50%;

  z-index: 5;

  transform:
    translate(-50%, -50%);

  width: 170px;
  height: 170px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background:
    radial-gradient(
      circle at 36% 28%,
      #3b3b3f,
      #121215 57%,
      #050506
    );

  border:
    1px solid rgba(255, 255, 255, .14);

  box-shadow:
    0 0 0 17px rgba(255, 255, 255, .015),
    0 0 90px rgba(255, 122, 26, .13),
    0 32px 85px rgba(0, 0, 0, .48);
}

.sigma-engine-live {
  width: 7px;
  height: 7px;

  margin-bottom: 8px;

  border-radius: 50%;

  background: #55d978;

  box-shadow:
    0 0 14px rgba(85, 217, 120, .75);
}

.sigma-quote-engine-core small {
  color:
    rgba(255, 255, 255, .35);

  font-size: 7px;
  font-weight: 850;

  letter-spacing: .23em;
}

.sigma-quote-engine-core strong {
  display: block;

  color: #fff;

  font-size: 22px;
  line-height: .98;

  letter-spacing: -.04em;
}

.sigma-quote-engine-core em {
  margin-top: 6px;

  color: var(--sigma-orange);

  font-size: 7px;
  font-style: normal;
  font-weight: 900;

  letter-spacing: .20em;
}


/* ============================================================
   ENGINE NODES
============================================================ */

.sigma-engine-node {
  position: absolute;
  z-index: 4;

  display: flex;
  align-items: center;

  gap: 8px;

  min-height: 44px;

  padding: 0 14px;

  border-radius: 14px;

  color:
    rgba(255, 255, 255, .72);

  background:
    rgba(18, 18, 21, .90);

  border:
    1px solid rgba(255, 255, 255, .10);

  backdrop-filter: blur(15px);

  box-shadow:
    0 18px 42px rgba(0, 0, 0, .32);

  font-size: 8px;
  font-weight: 800;

  letter-spacing: .10em;
}

.sigma-engine-node span {
  color: var(--sigma-orange);

  font-size: 7px;
}

.sigma-engine-node-one {
  top: 5%;
  left: 50%;

  transform: translateX(-50%);
}

.sigma-engine-node-two {
  top: 31%;
  right: 0;
}

.sigma-engine-node-three {
  right: 11%;
  bottom: 8%;
}

.sigma-engine-node-four {
  left: 0;
  bottom: 23%;
}


/* ============================================================
   MINI STRIP
============================================================ */

.sigma-quote-strip {
  overflow: hidden;

  color: #fff;

  background: #070708;

  border-top:
    1px solid rgba(255, 255, 255, .07);

  border-bottom:
    1px solid rgba(255, 255, 255, .07);
}

.sigma-quote-strip-track {
  display: flex;

  width: max-content;

  animation:
    sigmaQuoteStrip 27s linear infinite;
}

.sigma-quote-strip-set {
  display: flex;
  align-items: center;

  gap: 28px;

  flex-shrink: 0;

  padding: 22px 14px;
}

.sigma-quote-strip-set span {
  white-space: nowrap;

  color:
    rgba(255, 255, 255, .38);

  font-size: 9px;
  font-weight: 800;

  letter-spacing: .15em;
}

.sigma-quote-strip-set i {
  width: 5px;
  height: 5px;

  border-radius: 50%;

  background: var(--sigma-orange);
}

@keyframes sigmaQuoteStrip {
  to {
    transform: translateX(-50%);
  }
}


/* ============================================================
   CONFIGURATOR SECTION
============================================================ */

.sigma-configurator-section {
  position: relative;

  padding:
    clamp(105px, 10vw, 160px)
    0;

  background:
    #f1f1ed;
}

.sigma-configurator-intro {
  display: grid;

  grid-template-columns:
    minmax(0, 1.05fr)
    minmax(300px, .55fr);

  gap:
    clamp(40px, 7vw, 100px);

  align-items: end;

  margin-bottom:
    clamp(50px, 6vw, 75px);
}

.sigma-configurator-eyebrow {
  display: inline-flex;
  align-items: center;

  margin-bottom: 17px;

  color: var(--sigma-orange);

  font-size: 9px;
  font-weight: 850;

  letter-spacing: .18em;
}

.sigma-configurator-eyebrow::before {
  content: "";

  width: 22px;
  height: 1px;

  margin-right: 10px;

  background: var(--sigma-orange);
}

.sigma-configurator-intro h2 {
  margin: 0;

  font-size:
    clamp(42px, 5vw, 76px);

  line-height: .96;

  letter-spacing: -.063em;

  font-weight: 430;
}

.sigma-configurator-intro h2 span {
  display: block;

  color: var(--sigma-orange);

  font-weight: 830;
}

.sigma-configurator-intro > p {
  max-width: 530px;

  margin: 0;

  color: #75757a;

  font-size: 13px;
  line-height: 1.85;
}


/* ============================================================
   CONFIGURATOR SHELL
============================================================ */

.sigma-configurator {
  position: relative;

  overflow: hidden;

  border-radius: 32px;

  background: #fff;

  border:
    1px solid rgba(0, 0, 0, .07);

  box-shadow:
    0 40px 100px rgba(0, 0, 0, .10);
}

.sigma-configurator::before {
  content: "";

  position: absolute;

  top: 0;
  left: 42px;
  right: 42px;

  height: 2px;

  background:
    linear-gradient(
      90deg,
      transparent,
      var(--sigma-orange),
      transparent
    );

  z-index: 5;
}


/* ============================================================
   CONFIGURATOR HEADER
============================================================ */

.sigma-configurator-header {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 30px;

  padding:
    28px 32px;

  background:
    #0b0b0d;

  border-bottom:
    1px solid rgba(255, 255, 255, .08);
}

.sigma-configurator-status {
  display: flex;
  align-items: center;

  gap: 13px;
}

.sigma-configurator-live {
  width: 44px;
  height: 44px;

  display: flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 44px;

  border-radius: 14px;

  background:
    rgba(255, 122, 26, .09);

  border:
    1px solid rgba(255, 122, 26, .17);
}

.sigma-configurator-live span {
  width: 8px;
  height: 8px;

  border-radius: 50%;

  background: #55d978;

  box-shadow:
    0 0 13px rgba(85, 217, 120, .7);
}

.sigma-configurator-status small {
  display: block;

  margin-bottom: 3px;

  color: var(--sigma-orange);

  font-size: 7px;
  font-weight: 850;

  letter-spacing: .15em;
}

.sigma-configurator-status strong {
  display: block;

  color: #fff;

  font-size: 13px;
  font-weight: 750;
}

.sigma-configurator-status p {
  margin:
    4px 0 0;

  color:
    rgba(255, 255, 255, .37);

  font-size: 9px;
}

.sigma-configurator-brand {
  display: flex;
  flex-direction: column;

  align-items: flex-end;
}

.sigma-configurator-brand span {
  color: #fff;

  font-size: 13px;
  font-weight: 850;

  letter-spacing: .08em;
}

.sigma-configurator-brand small {
  margin-top: 3px;

  color:
    rgba(255, 255, 255, .28);

  font-size: 7px;
  font-weight: 750;

  letter-spacing: .16em;
}


/* ============================================================
   PROGRESS
============================================================ */

.sigma-configurator-progress-wrap {
  overflow-x: auto;

  padding:
    15px 23px;

  background:
    #111114;

  border-bottom:
    1px solid rgba(255, 255, 255, .07);

  scrollbar-width: none;
}

.sigma-configurator-progress-wrap::-webkit-scrollbar {
  display: none;
}

.sigma-configurator-progress {
  display: flex;
  align-items: center;

  gap: 7px;

  width: max-content;
}

.teklif-step-chip {
  min-height: 32px;

  padding: 0 12px;

  border: 1px solid
    rgba(255, 255, 255, .08);

  border-radius: 999px;

  cursor: pointer;

  color:
    rgba(255, 255, 255, .42);

  background:
    rgba(255, 255, 255, .04);

  font-family: inherit;

  font-size: 8px;
  font-weight: 750;

  transition:
    color .25s ease,
    background .25s ease,
    border-color .25s ease,
    transform .25s ease;
}

.teklif-step-chip:not(.locked):hover {
  transform: translateY(-2px);

  color: #fff;

  border-color:
    rgba(255, 122, 26, .20);
}

.teklif-step-chip.active {
  color: #111;

  background:
    linear-gradient(
      135deg,
      var(--sigma-orange-light),
      var(--sigma-orange)
    );

  border-color: transparent;
}

.teklif-step-chip.locked {
  cursor: default;

  opacity: .38;
}


/* ============================================================
   CONFIGURATOR SCREEN
============================================================ */

.sigma-configurator-screen {
  position: relative;

  min-height: 540px;

  padding:
    clamp(28px, 4vw, 50px);

  background:
    radial-gradient(
      circle at 85% 10%,
      rgba(255, 122, 26, .045),
      transparent 25%
    ),
    #fafaf8;
}


/* ============================================================
   ENGINE LOADING
============================================================ */

.sigma-engine-loading {
  min-height: 430px;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  text-align: center;
}

.sigma-engine-loading-mark {
  width: 74px;
  height: 74px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 22px;

  border-radius: 22px;

  color: var(--sigma-orange);

  background:
    linear-gradient(
      145deg,
      #18181b,
      #070708
    );

  font-size: 33px;
  font-weight: 800;

  box-shadow:
    0 16px 40px rgba(0, 0, 0, .18);
}

.sigma-engine-loading strong {
  display: block;

  color: #171719;

  font-size: 19px;

  letter-spacing: -.03em;
}

.sigma-engine-loading > div:nth-child(2) span {
  display: block;

  margin-top: 6px;

  color: #939398;

  font-size: 10px;
}

.sigma-engine-loader {
  display: flex;

  gap: 7px;

  margin-top: 23px;
}

.sigma-engine-loader i {
  width: 7px;
  height: 7px;

  border-radius: 50%;

  background: var(--sigma-orange);

  animation:
    sigmaEngineLoader
    .9s ease-in-out infinite alternate;
}

.sigma-engine-loader i:nth-child(2) {
  animation-delay: .14s;
}

.sigma-engine-loader i:nth-child(3) {
  animation-delay: .28s;
}

@keyframes sigmaEngineLoader {
  from {
    opacity: .25;
    transform: translateY(0);
  }

  to {
    opacity: 1;
    transform: translateY(-6px);
  }
}


/* ============================================================
   QUESTION HEADER
============================================================ */

.teklif-question-box {
  max-width: 900px;

  margin-bottom:
    clamp(30px, 4vw, 45px);
}

.teklif-question-label {
  display: inline-flex;
  align-items: center;

  min-height: 27px;

  padding: 0 10px;

  margin-bottom: 13px;

  border-radius: 999px;

  color: var(--sigma-orange);

  background:
    rgba(255, 122, 26, .085);

  border:
    1px solid rgba(255, 122, 26, .15);

  font-size: 7px;
  font-weight: 850;

  letter-spacing: .14em;
  text-transform: uppercase;
}

.teklif-question-text {
  min-height: 80px;

  color: #141416;

  font-size:
    clamp(28px, 3.6vw, 48px);

  line-height: 1.07;

  letter-spacing: -.052em;

  font-weight: 650;
}

.type-caret {
  margin-left: 3px;

  color: var(--sigma-orange);

  animation:
    sigmaCaret .75s steps(1) infinite;
}

@keyframes sigmaCaret {
  50% {
    opacity: 0;
  }
}


/* ============================================================
   CATEGORY GRID
============================================================ */

.teklif-category-grid {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 12px;
}

.teklif-category-card {
  position: relative;

  min-height: 235px;

  display: flex;

  padding: 25px;

  overflow: hidden;

  text-align: left;

  border-radius: 22px;

  cursor: pointer;

  color: #171719;

  background: #fff;

  border:
    1px solid rgba(0, 0, 0, .075);

  font-family: inherit;

  transition:
    transform .3s ease,
    border-color .3s ease,
    box-shadow .3s ease,
    background .3s ease;
}

.teklif-category-card::after {
  content: "";

  position: absolute;

  width: 160px;
  height: 160px;

  right: -100px;
  bottom: -100px;

  border-radius: 50%;

  background:
    rgba(255, 122, 26, .15);

  filter: blur(45px);

  opacity: 0;

  transition: opacity .3s ease;
}

.teklif-category-card:hover {
  transform: translateY(-6px);

  border-color:
    rgba(255, 122, 26, .22);

  box-shadow:
    0 22px 55px rgba(0, 0, 0, .08);
}

.teklif-category-card:hover::after {
  opacity: 1;
}

.teklif-category-card.selected {
  background:
    linear-gradient(
      145deg,
      #18181b,
      #080809
    );

  color: #fff;

  border-color:
    rgba(255, 122, 26, .28);

  box-shadow:
    0 25px 60px rgba(0, 0, 0, .17);
}

.teklif-category-top {
  position: relative;
  z-index: 2;

  display: flex;
  align-items: center;
  justify-content: space-between;

  margin-bottom: 48px;
}

.teklif-category-icon {
  width: 53px;
  height: 53px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 16px;

  color: var(--sigma-orange);

  background: #111113;
}

.teklif-category-card.selected
.teklif-category-icon {
  color: #111;

  background:
    linear-gradient(
      135deg,
      var(--sigma-orange-light),
      var(--sigma-orange)
    );
}

.teklif-check {
  width: 28px;
  height: 28px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  color: transparent;

  background: #f2f2ef;

  border:
    1px solid rgba(0, 0, 0, .07);
}

.teklif-category-card.selected
.teklif-check {
  color: #111;

  background: var(--sigma-orange);

  border-color: transparent;
}

.teklif-category-name {
  position: relative;
  z-index: 2;

  font-size: 18px;
  font-weight: 800;

  letter-spacing: -.035em;
}

.teklif-category-desc {
  position: relative;
  z-index: 2;

  margin-top: 8px;

  color: #838388;

  font-size: 10px;
  line-height: 1.65;
}

.teklif-category-card.selected
.teklif-category-desc {
  color:
    rgba(255, 255, 255, .43);
}


/* ============================================================
   CHOICES
============================================================ */

.teklif-choices {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 11px;
}

.teklif-choice {
  position: relative;

  min-height: 92px;

  display: flex;
  align-items: center;

  padding:
    20px 24px;

  cursor: pointer;

  border-radius: 18px;

  color: #18181a;

  text-align: left;

  background: #fff;

  border:
    1px solid rgba(0, 0, 0, .075);

  font-family: inherit;

  transition:
    transform .28s ease,
    color .28s ease,
    background .28s ease,
    border-color .28s ease,
    box-shadow .28s ease;
}

.teklif-choice::after {
  content: "→";

  position: absolute;

  right: 21px;

  color: #aaa;

  font-size: 17px;

  transition:
    color .28s ease,
    transform .28s ease;
}

.teklif-choice:hover {
  transform: translateY(-4px);

  color: #fff;

  background:
    linear-gradient(
      145deg,
      #19191c,
      #080809
    );

  border-color:
    rgba(255, 122, 26, .22);

  box-shadow:
    0 18px 45px rgba(0, 0, 0, .13);
}

.teklif-choice:hover::after {
  color: var(--sigma-orange);

  transform: translateX(5px);
}

.teklif-choice-title {
  max-width:
    calc(100% - 45px);

  font-size: 12px;
  font-weight: 700;

  line-height: 1.55;
}


/* ============================================================
   CONFIGURATOR ACTIONS
============================================================ */

.teklif-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;

  margin-top: 32px;
  padding-top: 23px;

  border-top:
    1px solid rgba(0, 0, 0, .075);
}

.teklif-actions-left,
.teklif-actions-right {
  display: flex;
  align-items: center;

  gap: 8px;
}

.teklif-btn {
  min-height: 46px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 0 18px;

  border-radius: 999px;

  cursor: pointer;

  font-family: inherit;

  font-size: 9px;
  font-weight: 800;

  transition:
    transform .28s ease,
    background .28s ease,
    color .28s ease,
    border-color .28s ease,
    box-shadow .28s ease;
}

.teklif-btn:hover:not(:disabled) {
  transform: translateY(-3px);
}

.teklif-btn:disabled {
  cursor: not-allowed;

  opacity: .4;
}

.teklif-btn-soft {
  color: #5f5f64;

  background: #eeeeeb;

  border:
    1px solid rgba(0, 0, 0, .06);
}

.teklif-btn-soft:hover:not(:disabled) {
  color: #111;

  background: #e7e7e3;
}

.teklif-btn-accent {
  color: #111;

  background:
    linear-gradient(
      135deg,
      var(--sigma-orange-light),
      var(--sigma-orange)
    );

  border:
    1px solid transparent;

  box-shadow:
    0 11px 27px rgba(255, 122, 26, .20);
}

.teklif-btn-accent:hover:not(:disabled) {
  box-shadow:
    0 16px 38px rgba(255, 122, 26, .33);
}


/* ============================================================
   RESULT / SUMMARY
============================================================ */

.teklif-summary {
  display: grid;

  grid-template-columns:
    minmax(0, .95fr)
    minmax(360px, .75fr);

  gap:
    clamp(25px, 4vw, 50px);

  align-items: start;
}

.teklif-summary-card,
.teklif-price-box {
  padding:
    clamp(25px, 3vw, 36px);

  border-radius: 24px;

  background: #fff;

  border:
    1px solid rgba(0, 0, 0, .075);
}

.teklif-summary-card h3 {
  margin:
    0 0 22px;

  font-size: 24px;

  letter-spacing: -.04em;
}

.teklif-summary-list {
  border-top:
    1px solid rgba(0, 0, 0, .07);
}

.teklif-summary-item {
  display: grid;

  gap: 5px;

  padding:
    15px 0;

  border-bottom:
    1px solid rgba(0, 0, 0, .07);
}

.teklif-summary-item strong {
  color: #55555a;

  font-size: 9px;
  line-height: 1.5;
}

.teklif-summary-item span {
  color: #171719;

  font-size: 12px;
  font-weight: 700;
}

.teklif-empty {
  color: #99999e;

  font-size: 10px;
}


/* ============================================================
   PRICE BOX
============================================================ */

.teklif-price-box {
  position: relative;

  overflow: hidden;

  color: #fff;

  background:
    radial-gradient(
      circle at 80% 10%,
      rgba(255, 122, 26, .12),
      transparent 35%
    ),
    linear-gradient(
      145deg,
      #19191c,
      #080809
    );

  border:
    1px solid rgba(255, 255, 255, .08);

  box-shadow:
    0 28px 70px rgba(0, 0, 0, .18);
}

.teklif-price-box::before {
  content: "";

  position: absolute;

  width: 270px;
  height: 270px;

  right: -170px;
  bottom: -180px;

  border-radius: 50%;

  background:
    rgba(255, 122, 26, .17);

  filter: blur(70px);
}

.teklif-price-eyebrow {
  position: relative;
  z-index: 2;

  color: var(--sigma-orange);

  font-size: 8px;
  font-weight: 850;

  letter-spacing: .16em;
  text-transform: uppercase;
}

.teklif-price {
  position: relative;
  z-index: 2;

  margin-top: 13px;

  color: #fff;

  font-size:
    clamp(30px, 3.6vw, 49px);

  line-height: 1;

  letter-spacing: -.055em;

  font-weight: 850;
}

.teklif-price-sub {
  position: relative;
  z-index: 2;

  margin-top: 14px;

  color:
    rgba(255, 255, 255, .42);

  font-size: 10px;
  line-height: 1.65;
}

.teklif-note {
  position: relative;
  z-index: 2;

  margin-top: 17px;

  color:
    rgba(255, 255, 255, .35);

  font-size: 9px;
  line-height: 1.65;
}


/* ============================================================
   EXTRA NOTE FIELD
============================================================ */

.teklif-note-field {
  position: relative;
  z-index: 2;

  margin-top: 22px;
}

.teklif-note-field label {
  color:
    rgba(255, 255, 255, .62) !important;

  font-size: 9px;
  line-height: 1.5;
}

.teklif-note-field textarea {
  width: 100%;
  min-height: 120px;

  margin-top: 8px;
  padding: 14px;

  resize: vertical;

  outline: none;

  border-radius: 14px;

  color: #fff;

  background:
    rgba(255, 255, 255, .055);

  border:
    1px solid rgba(255, 255, 255, .10);

  font-family: inherit;
  font-size: 11px;
  line-height: 1.6;

  transition:
    border-color .25s ease,
    background .25s ease,
    box-shadow .25s ease;
}

.teklif-note-field textarea::placeholder {
  color:
    rgba(255, 255, 255, .25);
}

.teklif-note-field textarea:focus {
  background:
    rgba(255, 255, 255, .075);

  border-color:
    rgba(255, 122, 26, .45);

  box-shadow:
    0 0 0 4px rgba(255, 122, 26, .08);
}


/* ============================================================
   DECISION
============================================================ */

.teklif-decision {
  position: relative;
  z-index: 2;

  display: flex;
  flex-direction: column;

  gap: 8px;

  margin-top: 20px;
}

.teklif-decision .teklif-btn {
  width: 100%;
}


/* ============================================================
   CONTACT FORM GENERATED BY JS
============================================================ */

.contact-form-wrap {
  max-width: 900px;
}

.contact-form {
  padding:
    clamp(24px, 4vw, 38px);

  border-radius: 24px;

  background: #fff;

  border:
    1px solid rgba(0, 0, 0, .075);

  box-shadow:
    0 22px 60px rgba(0, 0, 0, .06);
}

.contact-form-grid {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 13px;

  margin-bottom: 14px;
}

.contact-form-grid-phone {
  grid-template-columns:
    minmax(190px, .42fr)
    minmax(0, 1fr);
}

.form-group {
  display: flex;
  flex-direction: column;

  gap: 8px;
}

.contact-form > .form-group {
  margin-top: 14px;
}

.form-group label {
  color: #505055;

  font-size: 9px;
  font-weight: 750;
}

.form-group input,
.form-group select,
.form-group textarea {
  width: 100%;

  outline: none;

  border:
    1px solid rgba(0, 0, 0, .095);

  border-radius: 14px;

  color: #171719;

  background: #f5f5f2;

  font-family: inherit;
  font-size: 12px;

  transition:
    background .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;
}

.form-group input,
.form-group select {
  height: 53px;

  padding: 0 15px;
}

.form-group textarea {
  padding: 14px;

  resize: vertical;
}

.form-group input::placeholder,
.form-group textarea::placeholder {
  color: #a1a1a6;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  background: #fff;

  border-color:
    rgba(255, 122, 26, .48);

  box-shadow:
    0 0 0 4px rgba(255, 122, 26, .08);
}

.contact-form-actions {
  display: flex;
  justify-content: flex-end;

  margin-top: 22px;
  padding-top: 22px;

  border-top:
    1px solid rgba(0, 0, 0, .07);
}


/* ============================================================
   CONFIGURATOR FOOT
============================================================ */

.sigma-configurator-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 20px;

  padding:
    16px 30px;

  color:
    rgba(255, 255, 255, .27);

  background: #0b0b0d;

  border-top:
    1px solid rgba(255, 255, 255, .07);

  font-size: 7px;
  font-weight: 750;

  letter-spacing: .13em;
}


/* ============================================================
   TRUST SECTION
============================================================ */

.sigma-quote-trust {
  position: relative;

  padding:
    clamp(105px, 10vw, 155px)
    0;

  color: #fff;

  background:
    radial-gradient(
      circle at 14% 50%,
      rgba(255, 122, 26, .10),
      transparent 27%
    ),
    #080809;
}

.sigma-quote-trust-grid {
  display: grid;

  grid-template-columns:
    minmax(330px, .78fr)
    minmax(0, 1fr);

  gap:
    clamp(60px, 9vw, 145px);

  align-items: start;
}

.sigma-quote-trust-copy > span {
  display: block;

  margin-bottom: 19px;

  color: var(--sigma-orange);

  font-size: 9px;
  font-weight: 900;

  letter-spacing: .20em;
}

.sigma-quote-trust-copy h2 {
  max-width: 650px;

  margin: 0;

  font-size:
    clamp(42px, 5.2vw, 76px);

  line-height: .96;

  letter-spacing: -.063em;

  font-weight: 380;
}

.sigma-quote-trust-copy h2 strong {
  display: block;

  color: var(--sigma-orange-light);

  font-weight: 850;
}


/* ============================================================
   TRUST ITEMS
============================================================ */

.sigma-quote-trust-items {
  border-top:
    1px solid rgba(255, 255, 255, .08);
}

.sigma-quote-trust-items article {
  display: grid;

  grid-template-columns:
    50px 1fr;

  gap: 17px;

  padding:
    27px 0;

  border-bottom:
    1px solid rgba(255, 255, 255, .08);

  transition:
    padding-left .3s ease;
}

.sigma-quote-trust-items article:hover {
  padding-left: 8px;
}

.sigma-quote-trust-items article > span {
  color: var(--sigma-orange);

  font-size: 8px;
  font-weight: 850;

  letter-spacing: .14em;
}

.sigma-quote-trust-items strong {
  color: #fff;

  font-size: 14px;

  letter-spacing: -.02em;
}

.sigma-quote-trust-items p {
  max-width: 550px;

  margin:
    7px 0 0;

  color:
    rgba(255, 255, 255, .43);

  font-size: 11px;
  line-height: 1.75;
}


/* ============================================================
   TABLET
============================================================ */

@media (max-width: 1000px) {

  .sigma-quote-hero-layout {
    grid-template-columns:
      minmax(0, 1fr)
      minmax(370px, .75fr);

    gap: 45px;
  }

  .sigma-configurator-intro,
  .sigma-quote-trust-grid {
    grid-template-columns: 1fr;
  }

  .sigma-configurator-intro {
    gap: 25px;
  }

  .sigma-configurator-intro > p {
    max-width: 700px;
  }

  .sigma-quote-trust-grid {
    gap: 60px;
  }

}


/* ============================================================
   TABLET / MOBILE
============================================================ */

@media (max-width: 850px) {

  .sigma-quote-hero {
    min-height: auto;

    padding:
      calc(var(--sigma-header-height) + 50px)
      0
      70px;
  }

  .sigma-quote-hero-layout {
    grid-template-columns: 1fr;

    min-height: auto;

    gap: 70px;
  }

  .sigma-quote-hero-copy {
    text-align: center;
  }

  .sigma-quote-eyebrow {
    justify-content: center;
  }

  .sigma-quote-desc {
    margin-inline: auto;
  }

  .sigma-quote-hero-note {
    margin-inline: auto;

    text-align: left;
  }

  .sigma-quote-engine {
    max-width: 470px;
  }

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

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

}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 650px) {

  .sigma-quote-title {
    font-size:
      clamp(45px, 13vw, 64px);
  }

  .sigma-quote-desc {
    font-size: 12px;
  }

  .sigma-quote-hero-note {
    align-items: flex-start;

    width: 100%;
  }

  .sigma-quote-engine {
    width: 105%;

    margin-left: -2.5%;
  }

  .sigma-quote-engine-core {
    width: 132px;
    height: 132px;
  }

  .sigma-quote-engine-core strong {
    font-size: 17px;
  }

  .sigma-engine-node {
    min-height: 39px;

    padding: 0 10px;

    font-size: 6.5px;
  }

  .sigma-configurator-section {
    padding:
      80px 0;
  }

  .sigma-configurator-intro h2 {
    font-size:
      clamp(40px, 12vw, 56px);
  }

  .sigma-configurator {
    border-radius: 24px;
  }

  .sigma-configurator-header {
    align-items: flex-start;

    padding:
      22px 19px;
  }

  .sigma-configurator-brand {
    display: none;
  }

  .sigma-configurator-screen {
    min-height: 500px;

    padding:
      27px 18px;
  }

  .teklif-question-text {
    min-height: 75px;

    font-size:
      clamp(27px, 8.5vw, 38px);
  }

  .teklif-category-grid {
    grid-template-columns: 1fr;
  }

  .teklif-category-card {
    min-height: 195px;
  }

  .teklif-category-top {
    margin-bottom: 35px;
  }

  .teklif-choices {
    grid-template-columns: 1fr;
  }

  .teklif-choice {
    min-height: 80px;
  }

  .teklif-actions {
    align-items: stretch;
    flex-direction: column;

    gap: 8px;
  }

  .teklif-actions-left,
  .teklif-actions-right {
    width: 100%;
  }

  .teklif-actions .teklif-btn {
    width: 100%;
  }

  .teklif-summary-card,
  .teklif-price-box {
    padding:
      24px 19px;

    border-radius: 20px;
  }

  .teklif-price {
    font-size:
      clamp(28px, 9vw, 39px);
  }

  .contact-form {
    padding:
      24px 18px;

    border-radius: 20px;
  }

  .contact-form-grid,
  .contact-form-grid-phone {
    grid-template-columns: 1fr;
  }

  .contact-form-actions .teklif-btn {
    width: 100%;
  }

  .sigma-configurator-bottom {
    flex-direction: column;
    align-items: flex-start;

    gap: 5px;

    padding:
      14px 19px;
  }

  .sigma-quote-trust {
    padding:
      85px 0;
  }

  .sigma-quote-trust-copy h2 {
    font-size:
      clamp(40px, 12vw, 56px);
  }

}


/* ============================================================
   SMALL MOBILE
============================================================ */

@media (max-width: 430px) {

  .sigma-quote-engine {
    width: 112%;

    margin-left: -6%;
  }

  .sigma-quote-hero-note {
    padding:
      14px;
  }

  .sigma-quote-note-icon {
    width: 43px;
    height: 43px;

    flex-basis: 43px;
  }

}


/* ============================================================
   REDUCED MOTION
============================================================ */

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

  .sigma-quote-strip-track,
  .sigma-engine-loader i,
  .type-caret {
    animation: none !important;
  }

}

/* ============================================================
   SIGMA POINT — QUOTE SUCCESS PAGE
============================================================ */

.sigma-quote-success-page {
  position: relative;

  min-height: 100vh;

  display: flex;
  align-items: center;
  justify-content: center;

  overflow: hidden;

  padding:
    calc(var(--sigma-header-height) + 80px)
    24px
    100px;

  color: #fff;

  background:
    radial-gradient(
      circle at 50% 26%,
      #252529 0%,
      #111113 38%,
      #080809 70%,
      #030303 100%
    );
}


/* ============================================================
   BACKGROUND GRID
============================================================ */

.sigma-quote-success-grid {
  position: absolute;

  inset: -20%;

  pointer-events: none;

  background-image:
    linear-gradient(
      rgba(255, 255, 255, .035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, .035) 1px,
      transparent 1px
    );

  background-size:
    52px 52px;

  mask-image:
    radial-gradient(
      circle at center,
      #000 0%,
      rgba(0, 0, 0, .75) 55%,
      transparent 80%
    );
}


/* ============================================================
   BACKGROUND GLOW
============================================================ */

.sigma-quote-success-glow {
  position: absolute;

  border-radius: 50%;

  filter: blur(120px);

  pointer-events: none;
}

.sigma-quote-success-glow-one {
  width: 580px;
  height: 580px;

  left: -280px;
  top: -300px;

  background:
    rgba(255, 122, 26, .18);
}

.sigma-quote-success-glow-two {
  width: 650px;
  height: 650px;

  right: -350px;
  bottom: -380px;

  background:
    rgba(255, 122, 26, .10);
}


/* ============================================================
   CONTENT
============================================================ */

.sigma-quote-success-box {
  position: relative;
  z-index: 3;

  width:
    min(820px, 100%);

  display: flex;
  flex-direction: column;
  align-items: center;

  text-align: center;
}


/* ============================================================
   CORE
============================================================ */

.sigma-quote-success-core {
  position: relative;

  width: 200px;
  height: 200px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 35px;
}

.sigma-quote-success-core::before {
  content: "";

  position: absolute;

  inset: 32px;

  border-radius: 50%;

  background:
    rgba(255, 122, 26, .16);

  filter: blur(40px);

  animation:
    sigmaQuoteSuccessGlow
    2.4s ease-in-out infinite;
}


/* ============================================================
   LOGO
============================================================ */

.sigma-quote-success-logo {
  position: relative;
  z-index: 4;

  width: 115px;
  height: 115px;

  object-fit: contain;

  filter:
    drop-shadow(
      0 18px 40px rgba(0, 0, 0, .45)
    );

  animation:
    sigmaQuoteSuccessLogo
    2.2s ease-in-out infinite;
}


/* ============================================================
   RINGS
============================================================ */

.sigma-quote-success-ring {
  position: absolute;

  left: 50%;
  top: 50%;

  border-radius: 50%;

  transform:
    translate(-50%, -50%);
}

.sigma-quote-success-ring-one {
  width: 185px;
  height: 185px;

  border:
    1px solid rgba(255, 255, 255, .12);

  animation:
    sigmaQuoteSuccessRotate
    14s linear infinite;
}

.sigma-quote-success-ring-one::after {
  content: "";

  position: absolute;

  left: 50%;
  top: -4px;

  width: 8px;
  height: 8px;

  transform:
    translateX(-50%);

  border-radius: 50%;

  background:
    var(--sigma-orange);

  box-shadow:
    0 0 20px
    rgba(255, 122, 26, .9);
}

.sigma-quote-success-ring-two {
  width: 150px;
  height: 150px;

  border:
    1px dashed
    rgba(255, 122, 26, .24);

  animation:
    sigmaQuoteSuccessRotateReverse
    10s linear infinite;
}


/* ============================================================
   ONLINE DOT
============================================================ */

.sigma-quote-success-dot {
  position: absolute;

  z-index: 6;

  right: 47px;
  bottom: 49px;

  width: 13px;
  height: 13px;

  border-radius: 50%;

  background:
    #55d978;

  border:
    3px solid #111113;

  box-shadow:
    0 0 15px
    rgba(85, 217, 120, .65);
}


/* ============================================================
   TITLE
============================================================ */

.sigma-quote-success-eyebrow {
  display: inline-flex;
  align-items: center;

  gap: 9px;

  margin-bottom: 18px;

  color:
    var(--sigma-orange);

  font-size: 9px;
  font-weight: 900;

  letter-spacing: .21em;
}

.sigma-quote-success-eyebrow::before {
  content: "";

  width: 6px;
  height: 6px;

  border-radius: 50%;

  background:
    var(--sigma-orange);

  box-shadow:
    0 0 12px
    rgba(255, 122, 26, .7);
}

.sigma-quote-success-box h1 {
  max-width: 800px;

  margin: 0;

  color: #fff;

  font-size:
    clamp(45px, 5.7vw, 78px);

  line-height: .96;

  letter-spacing: -.065em;

  font-weight: 380;
}

.sigma-quote-success-box h1 strong {
  display: block;

  color:
    var(--sigma-orange-light);

  font-weight: 850;
}


/* ============================================================
   USER COPY
============================================================ */

.sigma-quote-success-user {
  max-width: 620px;

  margin:
    24px 0 0;

  color:
    rgba(255, 255, 255, .47);

  font-size: 13px;
  line-height: 1.75;
}

.sigma-quote-success-user strong {
  color:
    rgba(255, 255, 255, .85);

  font-weight: 750;
}


/* ============================================================
   PRICE BOX
============================================================ */

.sigma-quote-success-price {
  position: relative;

  width:
    min(620px, 100%);

  margin-top: 33px;

  padding:
    30px 30px 28px;

  overflow: hidden;

  border-radius: 25px;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, .075),
      rgba(255, 255, 255, .025)
    );

  border:
    1px solid
    rgba(255, 255, 255, .10);

  backdrop-filter:
    blur(20px);

  -webkit-backdrop-filter:
    blur(20px);

  box-shadow:
    0 30px 75px
    rgba(0, 0, 0, .24);
}

.sigma-quote-success-price::before {
  content: "";

  position: absolute;

  width: 270px;
  height: 270px;

  right: -170px;
  top: -180px;

  border-radius: 50%;

  background:
    rgba(255, 122, 26, .15);

  filter: blur(65px);
}

.sigma-quote-success-price-label {
  position: relative;
  z-index: 2;

  display: block;

  color:
    var(--sigma-orange);

  font-size: 8px;
  font-weight: 900;

  letter-spacing: .18em;

  text-transform: uppercase;
}

.sigma-quote-success-price-value {
  position: relative;
  z-index: 2;

  display: flex;
  align-items: center;
  justify-content: center;

  flex-wrap: wrap;

  gap: 12px;

  margin-top: 12px;

  color: #fff;

  font-size:
    clamp(27px, 4vw, 43px);

  line-height: 1;

  letter-spacing: -.055em;

  font-weight: 850;
}

.sigma-quote-success-price-value i {
  color:
    rgba(255, 255, 255, .20);

  font-style: normal;
  font-weight: 400;
}

.sigma-quote-success-price p {
  position: relative;
  z-index: 2;

  max-width: 470px;

  margin:
    14px auto 0;

  color:
    rgba(255, 255, 255, .35);

  font-size: 10px;
  line-height: 1.65;
}


/* ============================================================
   SUCCESS INFO
============================================================ */

.sigma-quote-success-info {
  width:
    min(620px, 100%);

  display: flex;
  align-items: center;

  gap: 15px;

  margin-top: 17px;

  padding:
    17px 19px;

  text-align: left;

  border-radius: 18px;

  background:
    rgba(85, 217, 120, .045);

  border:
    1px solid
    rgba(85, 217, 120, .12);
}

.sigma-quote-success-info-icon {
  width: 43px;
  height: 43px;

  flex: 0 0 43px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 13px;

  color: #111;

  background:
    #55d978;

  font-size: 16px;
  font-weight: 900;

  box-shadow:
    0 10px 25px
    rgba(85, 217, 120, .13);
}

.sigma-quote-success-info strong {
  display: block;

  color:
    rgba(255, 255, 255, .82);

  font-size: 10px;
}

.sigma-quote-success-info p {
  margin:
    5px 0 0;

  color:
    rgba(255, 255, 255, .36);

  font-size: 9px;
  line-height: 1.6;
}


/* ============================================================
   REDIRECT
============================================================ */

.sigma-quote-success-redirect {
  width:
    min(340px, 80%);

  margin-top: 28px;
}

.sigma-quote-success-redirect > span {
  display: block;

  margin-bottom: 10px;

  color:
    rgba(255, 255, 255, .31);

  font-size: 8px;
  font-weight: 700;

  letter-spacing: .06em;
}

.sigma-quote-success-loader {
  position: relative;

  width: 100%;
  height: 3px;

  overflow: hidden;

  border-radius: 999px;

  background:
    rgba(255, 255, 255, .07);
}

.sigma-quote-success-loader i {
  display: block;

  width: 0;
  height: 100%;

  border-radius: inherit;

  background:
    linear-gradient(
      90deg,
      var(--sigma-orange-light),
      var(--sigma-orange)
    );

  box-shadow:
    0 0 14px
    rgba(255, 122, 26, .5);

  animation:
    sigmaQuoteSuccessLoader
    5s linear forwards;
}


/* ============================================================
   HOME LINK
============================================================ */

.sigma-quote-success-home {
  display: inline-flex;
  align-items: center;

  gap: 10px;

  margin-top: 22px;

  color:
    rgba(255, 255, 255, .50);

  font-size: 9px;
  font-weight: 750;

  transition:
    color .25s ease,
    transform .25s ease;
}

.sigma-quote-success-home > span {
  color:
    var(--sigma-orange);

  font-size: 17px;

  transition:
    transform .25s ease;
}

.sigma-quote-success-home:hover {
  color: #fff;

  transform:
    translateY(-2px);
}

.sigma-quote-success-home:hover > span {
  transform:
    translateX(4px);
}


/* ============================================================
   ANIMATIONS
============================================================ */

@keyframes sigmaQuoteSuccessLogo {

  0%,
  100% {
    transform:
      translateY(0)
      scale(1);
  }

  50% {
    transform:
      translateY(-5px)
      scale(1.035);
  }

}


@keyframes sigmaQuoteSuccessGlow {

  0%,
  100% {
    opacity: .7;
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    transform: scale(1.12);
  }

}


@keyframes sigmaQuoteSuccessRotate {

  from {
    transform:
      translate(-50%, -50%)
      rotate(0deg);
  }

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

}


@keyframes sigmaQuoteSuccessRotateReverse {

  from {
    transform:
      translate(-50%, -50%)
      rotate(360deg);
  }

  to {
    transform:
      translate(-50%, -50%)
      rotate(0deg);
  }

}


@keyframes sigmaQuoteSuccessLoader {

  from {
    width: 0;
  }

  to {
    width: 100%;
  }

}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 650px) {

  .sigma-quote-success-page {
    min-height: 100svh;

    padding:
      calc(var(--sigma-header-height) + 55px)
      16px
      70px;
  }

  .sigma-quote-success-core {
    width: 165px;
    height: 165px;

    margin-bottom: 28px;
  }

  .sigma-quote-success-logo {
    width: 94px;
    height: 94px;
  }

  .sigma-quote-success-ring-one {
    width: 155px;
    height: 155px;
  }

  .sigma-quote-success-ring-two {
    width: 126px;
    height: 126px;
  }

  .sigma-quote-success-dot {
    right: 37px;
    bottom: 39px;
  }

  .sigma-quote-success-box h1 {
    font-size:
      clamp(40px, 12vw, 55px);
  }

  .sigma-quote-success-user {
    font-size: 11px;
  }

  .sigma-quote-success-price {
    padding:
      25px 18px;

    border-radius: 21px;
  }

  .sigma-quote-success-price-value {
    flex-direction: column;

    gap: 6px;

    font-size:
      clamp(26px, 8vw, 36px);
  }

  .sigma-quote-success-price-value i {
    transform: rotate(90deg);

    font-size: 15px;
  }

  .sigma-quote-success-info {
    align-items: flex-start;
  }

}


/* ============================================================
   REDUCED MOTION
============================================================ */

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

  .sigma-quote-success-logo,
  .sigma-quote-success-core::before,
  .sigma-quote-success-ring-one,
  .sigma-quote-success-ring-two {
    animation: none !important;
  }

}

/* ============================================================
   SIGMA POINT — QUOTE THANKS PAGE
============================================================ */

.sigma-quote-thanks-page {
  position: relative;

  min-height: 100vh;

  display: flex;
  align-items: center;
  justify-content: center;

  overflow: hidden;

  padding:
    calc(var(--sigma-header-height) + 80px)
    24px
    100px;

  color: #fff;

  background:
    radial-gradient(
      circle at 50% 26%,
      #252529 0%,
      #111113 38%,
      #080809 70%,
      #030303 100%
    );
}


/* ============================================================
   BACKGROUND
============================================================ */

.sigma-quote-thanks-grid {
  position: absolute;
  inset: -20%;

  pointer-events: none;

  background-image:
    linear-gradient(
      rgba(255, 255, 255, .035) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, .035) 1px,
      transparent 1px
    );

  background-size: 52px 52px;

  mask-image:
    radial-gradient(
      circle at center,
      #000 0%,
      rgba(0, 0, 0, .75) 55%,
      transparent 80%
    );
}

.sigma-quote-thanks-glow {
  position: absolute;

  border-radius: 50%;

  filter: blur(120px);

  pointer-events: none;
}

.sigma-quote-thanks-glow-one {
  width: 580px;
  height: 580px;

  left: -280px;
  top: -300px;

  background:
    rgba(255, 122, 26, .17);
}

.sigma-quote-thanks-glow-two {
  width: 650px;
  height: 650px;

  right: -350px;
  bottom: -380px;

  background:
    rgba(255, 122, 26, .08);
}


/* ============================================================
   CONTENT
============================================================ */

.sigma-quote-thanks-box {
  position: relative;
  z-index: 3;

  width: min(780px, 100%);

  display: flex;
  flex-direction: column;
  align-items: center;

  text-align: center;
}


/* ============================================================
   CORE
============================================================ */

.sigma-quote-thanks-core {
  position: relative;

  width: 200px;
  height: 200px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 35px;
}

.sigma-quote-thanks-core::before {
  content: "";

  position: absolute;

  inset: 32px;

  border-radius: 50%;

  background:
    rgba(255, 122, 26, .13);

  filter: blur(40px);

  animation:
    sigmaQuoteThanksGlow
    2.4s ease-in-out infinite;
}


/* ============================================================
   LOGO
============================================================ */

.sigma-quote-thanks-logo {
  position: relative;
  z-index: 4;

  width: 115px;
  height: 115px;

  object-fit: contain;

  filter:
    drop-shadow(
      0 18px 40px rgba(0, 0, 0, .45)
    );

  animation:
    sigmaQuoteThanksLogo
    2.2s ease-in-out infinite;
}


/* ============================================================
   RINGS
============================================================ */

.sigma-quote-thanks-ring {
  position: absolute;

  left: 50%;
  top: 50%;

  border-radius: 50%;

  transform:
    translate(-50%, -50%);
}

.sigma-quote-thanks-ring-one {
  width: 185px;
  height: 185px;

  border:
    1px solid rgba(255, 255, 255, .12);

  animation:
    sigmaQuoteThanksRotate
    14s linear infinite;
}

.sigma-quote-thanks-ring-one::after {
  content: "";

  position: absolute;

  left: 50%;
  top: -4px;

  width: 8px;
  height: 8px;

  transform:
    translateX(-50%);

  border-radius: 50%;

  background: var(--sigma-orange);

  box-shadow:
    0 0 20px
    rgba(255, 122, 26, .9);
}

.sigma-quote-thanks-ring-two {
  width: 150px;
  height: 150px;

  border:
    1px dashed
    rgba(255, 122, 26, .22);

  animation:
    sigmaQuoteThanksRotateReverse
    10s linear infinite;
}


/* ============================================================
   STATUS DOT
============================================================ */

.sigma-quote-thanks-dot {
  position: absolute;

  z-index: 6;

  right: 47px;
  bottom: 49px;

  width: 13px;
  height: 13px;

  border-radius: 50%;

  background:
    var(--sigma-orange);

  border:
    3px solid #111113;

  box-shadow:
    0 0 15px
    rgba(255, 122, 26, .55);
}


/* ============================================================
   TITLE
============================================================ */

.sigma-quote-thanks-eyebrow {
  display: inline-flex;
  align-items: center;

  gap: 9px;

  margin-bottom: 18px;

  color:
    var(--sigma-orange);

  font-size: 9px;
  font-weight: 900;

  letter-spacing: .21em;
}

.sigma-quote-thanks-eyebrow::before {
  content: "";

  width: 6px;
  height: 6px;

  border-radius: 50%;

  background: var(--sigma-orange);

  box-shadow:
    0 0 12px
    rgba(255, 122, 26, .7);
}

.sigma-quote-thanks-box h1 {
  max-width: 760px;

  margin: 0;

  color: #fff;

  font-size:
    clamp(45px, 5.7vw, 78px);

  line-height: .96;

  letter-spacing: -.065em;

  font-weight: 380;
}

.sigma-quote-thanks-box h1 strong {
  display: block;

  color:
    var(--sigma-orange-light);

  font-weight: 850;
}


/* ============================================================
   SUBTEXT
============================================================ */

.sigma-quote-thanks-subtext {
  max-width: 610px;

  margin:
    24px 0 0;

  color:
    rgba(255, 255, 255, .46);

  font-size: 13px;
  line-height: 1.75;
}


/* ============================================================
   MESSAGE CARD
============================================================ */

.sigma-quote-thanks-message {
  position: relative;

  width: min(620px, 100%);

  display: flex;
  align-items: center;

  gap: 17px;

  margin-top: 32px;

  padding:
    22px 23px;

  overflow: hidden;

  text-align: left;

  border-radius: 22px;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, .065),
      rgba(255, 255, 255, .025)
    );

  border:
    1px solid rgba(255, 255, 255, .09);

  backdrop-filter: blur(18px);

  box-shadow:
    0 28px 70px rgba(0, 0, 0, .22);
}

.sigma-quote-thanks-message::after {
  content: "";

  position: absolute;

  width: 220px;
  height: 220px;

  right: -140px;
  bottom: -150px;

  border-radius: 50%;

  background:
    rgba(255, 122, 26, .12);

  filter: blur(60px);
}

.sigma-quote-thanks-message-icon {
  position: relative;
  z-index: 2;

  width: 50px;
  height: 50px;

  flex: 0 0 50px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 15px;

  color: #111;

  background:
    linear-gradient(
      135deg,
      var(--sigma-orange-light),
      var(--sigma-orange)
    );

  font-size: 18px;

  box-shadow:
    0 11px 28px rgba(255, 122, 26, .20);
}

.sigma-quote-thanks-message > div {
  position: relative;
  z-index: 2;
}

.sigma-quote-thanks-message small {
  display: block;

  margin-bottom: 5px;

  color: var(--sigma-orange);

  font-size: 7px;
  font-weight: 900;

  letter-spacing: .17em;
}

.sigma-quote-thanks-message strong {
  display: block;

  color:
    rgba(255, 255, 255, .86);

  font-size: 12px;
  font-weight: 750;
}

.sigma-quote-thanks-message p {
  margin:
    6px 0 0;

  color:
    rgba(255, 255, 255, .36);

  font-size: 9px;
  line-height: 1.65;
}


/* ============================================================
   REDIRECT
============================================================ */

.sigma-quote-thanks-redirect {
  width:
    min(340px, 80%);

  margin-top: 29px;
}

.sigma-quote-thanks-redirect > span {
  display: block;

  margin-bottom: 10px;

  color:
    rgba(255, 255, 255, .31);

  font-size: 8px;
  font-weight: 700;

  letter-spacing: .06em;
}

.sigma-quote-thanks-loader {
  position: relative;

  width: 100%;
  height: 3px;

  overflow: hidden;

  border-radius: 999px;

  background:
    rgba(255, 255, 255, .07);
}

.sigma-quote-thanks-loader i {
  display: block;

  width: 0;
  height: 100%;

  border-radius: inherit;

  background:
    linear-gradient(
      90deg,
      var(--sigma-orange-light),
      var(--sigma-orange)
    );

  box-shadow:
    0 0 14px
    rgba(255, 122, 26, .5);

  animation:
    sigmaQuoteThanksLoader
    3s linear forwards;
}


/* ============================================================
   HOME LINK
============================================================ */

.sigma-quote-thanks-home {
  display: inline-flex;
  align-items: center;

  gap: 10px;

  margin-top: 22px;

  color:
    rgba(255, 255, 255, .50);

  font-size: 9px;
  font-weight: 750;

  transition:
    color .25s ease,
    transform .25s ease;
}

.sigma-quote-thanks-home > span {
  color:
    var(--sigma-orange);

  font-size: 17px;

  transition:
    transform .25s ease;
}

.sigma-quote-thanks-home:hover {
  color: #fff;

  transform:
    translateY(-2px);
}

.sigma-quote-thanks-home:hover > span {
  transform:
    translateX(4px);
}


/* ============================================================
   ANIMATIONS
============================================================ */

@keyframes sigmaQuoteThanksLogo {

  0%,
  100% {
    transform:
      translateY(0)
      scale(1);
  }

  50% {
    transform:
      translateY(-5px)
      scale(1.035);
  }

}

@keyframes sigmaQuoteThanksGlow {

  0%,
  100% {
    opacity: .65;
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    transform: scale(1.10);
  }

}

@keyframes sigmaQuoteThanksRotate {

  from {
    transform:
      translate(-50%, -50%)
      rotate(0deg);
  }

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

}

@keyframes sigmaQuoteThanksRotateReverse {

  from {
    transform:
      translate(-50%, -50%)
      rotate(360deg);
  }

  to {
    transform:
      translate(-50%, -50%)
      rotate(0deg);
  }

}

@keyframes sigmaQuoteThanksLoader {

  from {
    width: 0;
  }

  to {
    width: 100%;
  }

}


/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 650px) {

  .sigma-quote-thanks-page {
    min-height: 100svh;

    padding:
      calc(var(--sigma-header-height) + 55px)
      16px
      70px;
  }

  .sigma-quote-thanks-core {
    width: 165px;
    height: 165px;

    margin-bottom: 28px;
  }

  .sigma-quote-thanks-logo {
    width: 94px;
    height: 94px;
  }

  .sigma-quote-thanks-ring-one {
    width: 155px;
    height: 155px;
  }

  .sigma-quote-thanks-ring-two {
    width: 126px;
    height: 126px;
  }

  .sigma-quote-thanks-dot {
    right: 37px;
    bottom: 39px;
  }

  .sigma-quote-thanks-box h1 {
    font-size:
      clamp(40px, 12vw, 55px);
  }

  .sigma-quote-thanks-subtext {
    font-size: 11px;
  }

  .sigma-quote-thanks-message {
    align-items: flex-start;

    padding:
      18px 16px;
  }

  .sigma-quote-thanks-message-icon {
    width: 44px;
    height: 44px;

    flex-basis: 44px;
  }

}


/* ============================================================
   REDUCED MOTION
============================================================ */

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

  .sigma-quote-thanks-logo,
  .sigma-quote-thanks-core::before,
  .sigma-quote-thanks-ring-one,
  .sigma-quote-thanks-ring-two {
    animation: none !important;
  }

}