/* ================================================================
   Shared vendor foundation: Bootstrap 4.6.2, Font Awesome 4.7, Lexend
   ================================================================ */
/*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

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

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block
}

body {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: .5rem
}

p {
  margin-top: 0;
  margin-bottom: 1rem
}

abbr[data-original-title],
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit
}

dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0
}

dt {
  font-weight: 700
}

dd {
  margin-bottom: .5rem;
  margin-left: 0
}

blockquote {
  margin: 0 0 1rem
}

b,
strong {
  font-weight: bolder
}

small {
  font-size: 80%
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

.case-study section a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent
}

.case-study section a:hover {
  color: #0056b3;
  text-decoration: underline
}

.case-study section a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none
}

.case-study section a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none
}

code,
kbd,
pre,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar
}

figure {
  margin: 0 0 1rem
}

.case-study section img {
  vertical-align: middle;
  border-style: none
}

svg {
  overflow: hidden;
  vertical-align: middle
}

table {
  border-collapse: collapse
}

caption {
  padding-top: .75rem;
  padding-bottom: .75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent
}

label {
  display: inline-block;
  margin-bottom: .5rem
}

button {
  border-radius: 0
}

button:focus:not(:focus-visible) {
  outline: 0
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

[role=button] {
  cursor: pointer
}

select {
  word-wrap: normal
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
  cursor: pointer
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  padding: 0;
  border-style: none
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0
}

textarea {
  overflow: auto;
  resize: vertical
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal
}

progress {
  vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button
}

output {
  display: inline-block
}

summary {
  display: list-item;
  cursor: pointer
}

template {
  display: none
}

[hidden] {
  display: none !important
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2
}

.h1,
h1 {
  font-size: 2.5rem
}

.h2,
h2 {
  font-size: 2rem
}

.h3,
h3 {
  font-size: 1.75rem
}

.h4,
h4 {
  font-size: 1.5rem
}

.h5,
h5 {
  font-size: 1.25rem
}

.h6,
h6 {
  font-size: 1rem
}

.lead {
  font-size: 1.25rem;
  font-weight: 300
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, .1)
}

.small,
small {
  font-size: .875em;
  font-weight: 400
}

.mark,
mark {
  padding: .2em;
  background-color: #fcf8e3
}

.list-unstyled {
  padding-left: 0;
  list-style: none
}

.list-inline {
  padding-left: 0;
  list-style: none
}

.list-inline-item {
  display: inline-block
}

.list-inline-item:not(:last-child) {
  margin-right: .5rem
}

.initialism {
  font-size: 90%;
  text-transform: uppercase
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem
}

.blockquote-footer {
  display: block;
  font-size: .875em;
  color: #6c757d
}

.blockquote-footer::before {
  content: "\2014\00A0"
}

.img-fluid {
  max-width: 100%;
  height: auto
}

.img-thumbnail {
  padding: .25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: .25rem;
  max-width: 100%;
  height: auto
}

.figure {
  display: inline-block
}

.figure-img {
  margin-bottom: .5rem;
  line-height: 1
}

.figure-caption {
  font-size: 90%;
  color: #6c757d
}

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word
}

a>code {
  color: inherit
}

kbd {
  padding: .2rem .4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: .2rem
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll
}

/* .container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto
}

@media (min-width:576px) {

  .container,
  .container-sm {
    max-width: 540px
  }
}

@media (min-width:768px) {

  .container,
  .container-md,
  .container-sm {
    max-width: 720px
  }
}

@media (min-width:992px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px
  }
}

@media (min-width:1200px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px
  }
} */

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px
}

.no-gutters {
  margin-right: 0;
  margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
  padding-right: 0;
  padding-left: 0
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%
}

.row-cols-1>* {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%
}

.row-cols-2>* {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%
}

.row-cols-3>* {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%
}

.row-cols-4>* {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%
}

.row-cols-5>* {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%
}

.row-cols-6>* {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%
}

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%
}

.order-first {
  -ms-flex-order: -1;
  order: -1
}

.order-last {
  -ms-flex-order: 13;
  order: 13
}

.order-0 {
  -ms-flex-order: 0;
  order: 0
}

.order-1 {
  -ms-flex-order: 1;
  order: 1
}

.order-2 {
  -ms-flex-order: 2;
  order: 2
}

.order-3 {
  -ms-flex-order: 3;
  order: 3
}

.order-4 {
  -ms-flex-order: 4;
  order: 4
}

.order-5 {
  -ms-flex-order: 5;
  order: 5
}

.order-6 {
  -ms-flex-order: 6;
  order: 6
}

.order-7 {
  -ms-flex-order: 7;
  order: 7
}

.order-8 {
  -ms-flex-order: 8;
  order: 8
}

.order-9 {
  -ms-flex-order: 9;
  order: 9
}

.order-10 {
  -ms-flex-order: 10;
  order: 10
}

.order-11 {
  -ms-flex-order: 11;
  order: 11
}

.order-12 {
  -ms-flex-order: 12;
  order: 12
}

.offset-1 {
  margin-left: 8.333333%
}

.offset-2 {
  margin-left: 16.666667%
}

.offset-3 {
  margin-left: 25%
}

.offset-4 {
  margin-left: 33.333333%
}

.offset-5 {
  margin-left: 41.666667%
}

.offset-6 {
  margin-left: 50%
}

.offset-7 {
  margin-left: 58.333333%
}

.offset-8 {
  margin-left: 66.666667%
}

.offset-9 {
  margin-left: 75%
}

.offset-10 {
  margin-left: 83.333333%
}

.offset-11 {
  margin-left: 91.666667%
}

@media (min-width:576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
  }

  .row-cols-sm-1>* {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .row-cols-sm-2>* {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .row-cols-sm-3>* {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }

  .row-cols-sm-4>* {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .row-cols-sm-5>* {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
  }

  .row-cols-sm-6>* {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }

  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
  }

  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
  }

  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }

  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }

  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
  }

  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
  }

  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
  }

  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
  }

  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
  }

  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-sm-first {
    -ms-flex-order: -1;
    order: -1
  }

  .order-sm-last {
    -ms-flex-order: 13;
    order: 13
  }

  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0
  }

  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1
  }

  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2
  }

  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3
  }

  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4
  }

  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5
  }

  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6
  }

  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7
  }

  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8
  }

  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9
  }

  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10
  }

  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11
  }

  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12
  }

  .offset-sm-0 {
    margin-left: 0
  }

  .offset-sm-1 {
    margin-left: 8.333333%
  }

  .offset-sm-2 {
    margin-left: 16.666667%
  }

  .offset-sm-3 {
    margin-left: 25%
  }

  .offset-sm-4 {
    margin-left: 33.333333%
  }

  .offset-sm-5 {
    margin-left: 41.666667%
  }

  .offset-sm-6 {
    margin-left: 50%
  }

  .offset-sm-7 {
    margin-left: 58.333333%
  }

  .offset-sm-8 {
    margin-left: 66.666667%
  }

  .offset-sm-9 {
    margin-left: 75%
  }

  .offset-sm-10 {
    margin-left: 83.333333%
  }

  .offset-sm-11 {
    margin-left: 91.666667%
  }
}

@media (min-width:768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
  }

  .row-cols-md-1>* {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .row-cols-md-2>* {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .row-cols-md-3>* {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }

  .row-cols-md-4>* {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .row-cols-md-5>* {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
  }

  .row-cols-md-6>* {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }

  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
  }

  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
  }

  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }

  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }

  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
  }

  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
  }

  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
  }

  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
  }

  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
  }

  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-md-first {
    -ms-flex-order: -1;
    order: -1
  }

  .order-md-last {
    -ms-flex-order: 13;
    order: 13
  }

  .order-md-0 {
    -ms-flex-order: 0;
    order: 0
  }

  .order-md-1 {
    -ms-flex-order: 1;
    order: 1
  }

  .order-md-2 {
    -ms-flex-order: 2;
    order: 2
  }

  .order-md-3 {
    -ms-flex-order: 3;
    order: 3
  }

  .order-md-4 {
    -ms-flex-order: 4;
    order: 4
  }

  .order-md-5 {
    -ms-flex-order: 5;
    order: 5
  }

  .order-md-6 {
    -ms-flex-order: 6;
    order: 6
  }

  .order-md-7 {
    -ms-flex-order: 7;
    order: 7
  }

  .order-md-8 {
    -ms-flex-order: 8;
    order: 8
  }

  .order-md-9 {
    -ms-flex-order: 9;
    order: 9
  }

  .order-md-10 {
    -ms-flex-order: 10;
    order: 10
  }

  .order-md-11 {
    -ms-flex-order: 11;
    order: 11
  }

  .order-md-12 {
    -ms-flex-order: 12;
    order: 12
  }

  .offset-md-0 {
    margin-left: 0
  }

  .offset-md-1 {
    margin-left: 8.333333%
  }

  .offset-md-2 {
    margin-left: 16.666667%
  }

  .offset-md-3 {
    margin-left: 25%
  }

  .offset-md-4 {
    margin-left: 33.333333%
  }

  .offset-md-5 {
    margin-left: 41.666667%
  }

  .offset-md-6 {
    margin-left: 50%
  }

  .offset-md-7 {
    margin-left: 58.333333%
  }

  .offset-md-8 {
    margin-left: 66.666667%
  }

  .offset-md-9 {
    margin-left: 75%
  }

  .offset-md-10 {
    margin-left: 83.333333%
  }

  .offset-md-11 {
    margin-left: 91.666667%
  }
}

@media (min-width:992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
  }

  .row-cols-lg-1>* {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .row-cols-lg-2>* {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .row-cols-lg-3>* {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }

  .row-cols-lg-4>* {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .row-cols-lg-5>* {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
  }

  .row-cols-lg-6>* {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }

  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
  }

  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
  }

  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }

  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }

  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
  }

  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
  }

  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
  }

  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
  }

  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
  }

  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-lg-first {
    -ms-flex-order: -1;
    order: -1
  }

  .order-lg-last {
    -ms-flex-order: 13;
    order: 13
  }

  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0
  }

  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1
  }

  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2
  }

  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3
  }

  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4
  }

  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5
  }

  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6
  }

  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7
  }

  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8
  }

  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9
  }

  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10
  }

  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11
  }

  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12
  }

  .offset-lg-0 {
    margin-left: 0
  }

  .offset-lg-1 {
    margin-left: 8.333333%
  }

  .offset-lg-2 {
    margin-left: 16.666667%
  }

  .offset-lg-3 {
    margin-left: 25%
  }

  .offset-lg-4 {
    margin-left: 33.333333%
  }

  .offset-lg-5 {
    margin-left: 41.666667%
  }

  .offset-lg-6 {
    margin-left: 50%
  }

  .offset-lg-7 {
    margin-left: 58.333333%
  }

  .offset-lg-8 {
    margin-left: 66.666667%
  }

  .offset-lg-9 {
    margin-left: 75%
  }

  .offset-lg-10 {
    margin-left: 83.333333%
  }

  .offset-lg-11 {
    margin-left: 91.666667%
  }
}

@media (min-width:1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
  }

  .row-cols-xl-1>* {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .row-cols-xl-2>* {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .row-cols-xl-3>* {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }

  .row-cols-xl-4>* {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .row-cols-xl-5>* {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
  }

  .row-cols-xl-6>* {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }

  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
  }

  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
  }

  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
  }

  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }

  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }

  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
  }

  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }

  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
  }

  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
  }

  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }

  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
  }

  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
  }

  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }

  .order-xl-first {
    -ms-flex-order: -1;
    order: -1
  }

  .order-xl-last {
    -ms-flex-order: 13;
    order: 13
  }

  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0
  }

  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1
  }

  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2
  }

  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3
  }

  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4
  }

  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5
  }

  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6
  }

  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7
  }

  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8
  }

  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9
  }

  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10
  }

  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11
  }

  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12
  }

  .offset-xl-0 {
    margin-left: 0
  }

  .offset-xl-1 {
    margin-left: 8.333333%
  }

  .offset-xl-2 {
    margin-left: 16.666667%
  }

  .offset-xl-3 {
    margin-left: 25%
  }

  .offset-xl-4 {
    margin-left: 33.333333%
  }

  .offset-xl-5 {
    margin-left: 41.666667%
  }

  .offset-xl-6 {
    margin-left: 50%
  }

  .offset-xl-7 {
    margin-left: 58.333333%
  }

  .offset-xl-8 {
    margin-left: 66.666667%
  }

  .offset-xl-9 {
    margin-left: 75%
  }

  .offset-xl-10 {
    margin-left: 83.333333%
  }

  .offset-xl-11 {
    margin-left: 91.666667%
  }
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529
}

.table td,
.table th {
  padding: .75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6
}

.table tbody+tbody {
  border-top: 2px solid #dee2e6
}

.table-sm td,
.table-sm th {
  padding: .3rem
}

.table-bordered {
  border: 1px solid #dee2e6
}

.table-bordered td,
.table-bordered th {
  border: 1px solid #dee2e6
}

.table-bordered thead td,
.table-bordered thead th {
  border-bottom-width: 2px
}

.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
  border: 0
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, .05)
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, .075)
}

.table-primary,
.table-primary>td,
.table-primary>th {
  background-color: #b8daff
}

.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
  border-color: #7abaff
}

.table-hover .table-primary:hover {
  background-color: #9fcdff
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
  background-color: #9fcdff
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
  background-color: #d6d8db
}

.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
  border-color: #b3b7bb
}

.table-hover .table-secondary:hover {
  background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
  background-color: #c8cbcf
}

.table-success,
.table-success>td,
.table-success>th {
  background-color: #c3e6cb
}

.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
  border-color: #8fd19e
}

.table-hover .table-success:hover {
  background-color: #b1dfbb
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
  background-color: #b1dfbb
}

.table-info,
.table-info>td,
.table-info>th {
  background-color: #bee5eb
}

.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
  border-color: #86cfda
}

.table-hover .table-info:hover {
  background-color: #abdde5
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
  background-color: #abdde5
}

.table-warning,
.table-warning>td,
.table-warning>th {
  background-color: #ffeeba
}

.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
  border-color: #ffdf7e
}

.table-hover .table-warning:hover {
  background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
  background-color: #ffe8a1
}

.table-danger,
.table-danger>td,
.table-danger>th {
  background-color: #f5c6cb
}

.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
  border-color: #ed969e
}

.table-hover .table-danger:hover {
  background-color: #f1b0b7
}

.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
  background-color: #f1b0b7
}

.table-light,
.table-light>td,
.table-light>th {
  background-color: #fdfdfe
}

.table-light tbody+tbody,
.table-light td,
.table-light th,
.table-light thead th {
  border-color: #fbfcfc
}

.table-hover .table-light:hover {
  background-color: #ececf6
}

.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
  background-color: #ececf6
}

.table-dark,
.table-dark>td,
.table-dark>th {
  background-color: #c6c8ca
}

.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
  border-color: #95999c
}

.table-hover .table-dark:hover {
  background-color: #b9bbbe
}

.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
  background-color: #b9bbbe
}

.table-active,
.table-active>td,
.table-active>th {
  background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, .075)
}

.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
  background-color: rgba(0, 0, 0, .075)
}

.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55
}

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6
}

.table-dark {
  color: #fff;
  background-color: #343a40
}

.table-dark td,
.table-dark th,
.table-dark thead th {
  border-color: #454d55
}

.table-dark.table-bordered {
  border: 0
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, .05)
}

.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, .075)
}

@media (max-width:575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }

  .table-responsive-sm>.table-bordered {
    border: 0
  }
}

@media (max-width:767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }

  .table-responsive-md>.table-bordered {
    border: 0
  }
}

@media (max-width:991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }

  .table-responsive-lg>.table-bordered {
    border: 0
  }
}

@media (max-width:1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }

  .table-responsive-xl>.table-bordered {
    border: 0
  }
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch
}

.table-responsive>.table-bordered {
  border: 0
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .form-control {
    transition: none
  }
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1
}

.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1
}

.form-control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1
}

.form-control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1
}

input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=time].form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

select.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057
}

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%
}

.col-form-label {
  padding-top: calc(.375rem + 1px);
  padding-bottom: calc(.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5
}

.col-form-label-lg {
  padding-top: calc(.5rem + 1px);
  padding-bottom: calc(.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5
}

.col-form-label-sm {
  padding-top: calc(.25rem + 1px);
  padding-bottom: calc(.25rem + 1px);
  font-size: .875rem;
  line-height: 1.5
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: .375rem 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
  padding-right: 0;
  padding-left: 0
}

.form-control-sm {
  height: calc(1.5em + .5rem + 2px);
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem
}

.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: .5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: .3rem
}

select.form-control[multiple],
select.form-control[size] {
  height: auto
}

textarea.form-control {
  height: auto
}

.form-group {
  margin-bottom: 1rem
}

.form-text {
  display: block;
  margin-top: .25rem
}

.form-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px
}

.form-row>.col,
.form-row>[class*=col-] {
  padding-right: 5px;
  padding-left: 5px
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem
}

.form-check-input {
  position: absolute;
  margin-top: .3rem;
  margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
  color: #6c757d
}

.form-check-label {
  margin-bottom: 0
}

.form-check-inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  margin-right: .75rem
}

.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: .3125rem;
  margin-left: 0
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: .875em;
  color: #28a745
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, .9);
  border-radius: .25rem
}

.form-row>.col>.valid-tooltip,
.form-row>[class*=col-]>.valid-tooltip {
  left: 5px
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
  display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: #28a745;
  padding-right: calc(1.5em + .75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.was-validated select.form-control:valid,
select.form-control.is-valid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: calc(1.5em + .75rem);
  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-valid,
.was-validated .custom-select:valid {
  border-color: #28a745;
  padding-right: calc(.75em + 2.3125rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
  color: #28a745
}

.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
  display: block
}

.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
  color: #28a745
}

.custom-control-input.is-valid~.custom-control-label::before,
.was-validated .custom-control-input:valid~.custom-control-label::before {
  border-color: #28a745
}

.custom-control-input.is-valid:checked~.custom-control-label::before,
.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
  border-color: #34ce57;
  background-color: #34ce57
}

.custom-control-input.is-valid:focus~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
  box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
  border-color: #28a745
}

.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
  border-color: #28a745
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
  border-color: #28a745;
  box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: .875em;
  color: #dc3545
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, .9);
  border-radius: .25rem
}

.form-row>.col>.invalid-tooltip,
.form-row>[class*=col-]>.invalid-tooltip {
  left: 5px
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
  display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + .75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.was-validated select.form-control:invalid,
select.form-control.is-invalid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.5em + .75rem);
  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.custom-select.is-invalid,
.was-validated .custom-select:invalid {
  border-color: #dc3545;
  padding-right: calc(.75em + 2.3125rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat
}

.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
  color: #dc3545
}

.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
  display: block
}

.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
  color: #dc3545
}

.custom-control-input.is-invalid~.custom-control-label::before,
.was-validated .custom-control-input:invalid~.custom-control-label::before {
  border-color: #dc3545
}

.custom-control-input.is-invalid:checked~.custom-control-label::before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d
}

.custom-control-input.is-invalid:focus~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
  border-color: #dc3545
}

.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
  border-color: #dc3545
}

.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}

.form-inline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-align: center;
  align-items: center
}

.form-inline .form-check {
  width: 100%
}

@media (min-width:576px) {
  .form-inline label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0
  }

  .form-inline .form-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0
  }

  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle
  }

  .form-inline .form-control-plaintext {
    display: inline-block
  }

  .form-inline .custom-select,
  .form-inline .input-group {
    width: auto
  }

  .form-inline .form-check {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    padding-left: 0
  }

  .form-inline .form-check-input {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: .25rem;
    margin-left: 0
  }

  .form-inline .custom-control {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .form-inline .custom-control-label {
    margin-bottom: 0
  }
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .btn {
    transition: none
  }
}

.btn:hover {
  color: #212529;
  text-decoration: none
}

.btn.focus,
.btn:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.btn.disabled,
.btn:disabled {
  opacity: .65
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none
}

.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff
}

.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc
}

.btn-primary.focus,
.btn-primary:focus {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d
}

.btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62
}

.btn-secondary.focus,
.btn-secondary:focus {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
  box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745
}

.btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34
}

.btn-success.focus,
.btn-success:focus {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
  box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-success.disabled,
.btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8
}

.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b
}

.btn-info.focus,
.btn-info:focus {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
  box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-info.disabled,
.btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107
}

.btn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00
}

.btn-warning.focus,
.btn-warning:focus {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
  box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545
}

.btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130
}

.btn-danger.focus,
.btn-danger:focus {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
  box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa
}

.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5
}

.btn-light.focus,
.btn-light:focus {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
  box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-light.disabled,
.btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40
}

.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124
}

.btn-dark.focus,
.btn-dark:focus {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
  box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-outline-primary {
  color: #007bff;
  border-color: #007bff
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff
}

.btn-outline-primary.focus,
.btn-outline-primary:focus {
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d
}

.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
  box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-success {
  color: #28a745;
  border-color: #28a745
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745
}

.btn-outline-success.focus,
.btn-outline-success:focus {
  box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8
}

.btn-outline-info.focus,
.btn-outline-info:focus {
  box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107
}

.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107
}

.btn-outline-warning.focus,
.btn-outline-warning:focus {
  box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa
}

.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa
}

.btn-outline-light.focus,
.btn-outline-light:focus {
  box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.btn-outline-dark {
  color: #343a40;
  border-color: #343a40
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40
}

.btn-outline-dark.focus,
.btn-outline-dark:focus {
  box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-link {
  font-weight: 400;
  color: #007bff;
  text-decoration: none
}

.btn-link:hover {
  color: #0056b3;
  text-decoration: underline
}

.btn-link.focus,
.btn-link:focus {
  text-decoration: underline
}

.btn-link.disabled,
.btn-link:disabled {
  color: #6c757d;
  pointer-events: none
}

.btn-group-lg>.btn,
.btn-lg {
  padding: .5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: .3rem
}

.btn-group-sm>.btn,
.btn-sm {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem
}

.btn-block {
  display: block;
  width: 100%
}

.btn-block+.btn-block {
  margin-top: .5rem
}

input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
  width: 100%
}

.fade {
  transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
  .fade {
    transition: none
  }
}

.fade:not(.show) {
  opacity: 0
}

.collapse:not(.show) {
  display: none
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
  .collapsing {
    transition: none
  }
}

.collapsing.width {
  width: 0;
  height: auto;
  transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
  .collapsing.width {
    transition: none
  }
}

.dropdown,
.dropleft,
.dropright,
.dropup {
  position: relative
}

.dropdown-toggle {
  white-space: nowrap
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
  margin-left: 0
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: .5rem 0;
  margin: .125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: .25rem
}

.dropdown-menu-left {
  right: auto;
  left: 0
}

.dropdown-menu-right {
  right: 0;
  left: auto
}

@media (min-width:576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0
  }

  .dropdown-menu-sm-right {
    right: 0;
    left: auto
  }
}

@media (min-width:768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0
  }

  .dropdown-menu-md-right {
    right: 0;
    left: auto
  }
}

@media (min-width:992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0
  }

  .dropdown-menu-lg-right {
    right: 0;
    left: auto
  }
}

@media (min-width:1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0
  }

  .dropdown-menu-xl-right {
    right: 0;
    left: auto
  }
}

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: 0;
  border-right: .3em solid transparent;
  border-bottom: .3em solid;
  border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: .125rem
}

.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid transparent;
  border-right: 0;
  border-bottom: .3em solid transparent;
  border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
  margin-left: 0
}

.dropright .dropdown-toggle::after {
  vertical-align: 0
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: ""
}

.dropleft .dropdown-toggle::after {
  display: none
}

.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid transparent;
  border-right: .3em solid;
  border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0
}

.dropleft .dropdown-toggle::before {
  vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
  right: auto;
  bottom: auto
}

.dropdown-divider {
  height: 0;
  margin: .5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: .25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: #16181b;
  text-decoration: none;
  background-color: #e9ecef
}

.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff
}

.dropdown-item.disabled,
.dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent
}

.dropdown-menu.show {
  display: block
}

.dropdown-header {
  display: block;
  padding: .5rem 1.5rem;
  margin-bottom: 0;
  font-size: .875rem;
  color: #6c757d;
  white-space: nowrap
}

.dropdown-item-text {
  display: block;
  padding: .25rem 1.5rem;
  color: #212529
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}

.btn-group-vertical>.btn:hover,
.btn-group>.btn:hover {
  z-index: 1
}

.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus {
  z-index: 1
}

.btn-toolbar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.btn-toolbar .input-group {
  width: auto
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
  margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.dropdown-toggle-split {
  padding-right: .5625rem;
  padding-left: .5625rem
}

.dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
  margin-left: 0
}

.dropleft .dropdown-toggle-split::before {
  margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
  padding-right: .375rem;
  padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
  padding-right: .75rem;
  padding-left: .75rem
}

.btn-group-vertical {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
  width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
  margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
  margin-bottom: 0
}

.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none
}

.input-group {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%
}

.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0
}

.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
  margin-left: -1px
}

.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
  z-index: 3
}

.input-group>.custom-file .custom-file-input:focus {
  z-index: 4
}

.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.input-group>.custom-file {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,
.input-group:not(.has-validation)>.custom-select:not(:last-child),
.input-group:not(.has-validation)>.form-control:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after,
.input-group.has-validation>.custom-select:nth-last-child(n+3),
.input-group.has-validation>.form-control:nth-last-child(n+3) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.input-group-append,
.input-group-prepend {
  display: -ms-flexbox;
  display: flex
}

.input-group-append .btn,
.input-group-prepend .btn {
  position: relative;
  z-index: 2
}

.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
  z-index: 3
}

.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
  margin-left: -1px
}

.input-group-prepend {
  margin-right: -1px
}

.input-group-append {
  margin-left: -1px
}

.input-group-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: .375rem .75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: .25rem
}

.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
  margin-top: 0
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control:not(textarea) {
  height: calc(1.5em + 1rem + 2px)
}

.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
  padding: .5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: .3rem
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
  height: calc(1.5em + .5rem + 2px)
}

.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem
}

.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
  padding-right: 1.75rem
}

.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,
.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.custom-control {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  print-color-adjust: exact
}

.custom-control-inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 1rem
}

.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0
}

.custom-control-input:checked~.custom-control-label::before {
  color: #fff;
  border-color: #007bff;
  background-color: #007bff
}

.custom-control-input:focus~.custom-control-label::before {
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
  border-color: #80bdff
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
  color: #fff;
  background-color: #b3d7ff;
  border-color: #b3d7ff
}

.custom-control-input:disabled~.custom-control-label,
.custom-control-input[disabled]~.custom-control-label {
  color: #6c757d
}

.custom-control-input:disabled~.custom-control-label::before,
.custom-control-input[disabled]~.custom-control-label::before {
  background-color: #e9ecef
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top
}

.custom-control-label::before {
  position: absolute;
  top: .25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: 1px solid #adb5bd
}

.custom-control-label::after {
  position: absolute;
  top: .25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: 50%/50% 50% no-repeat
}

.custom-checkbox .custom-control-label::before {
  border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
  border-color: #007bff;
  background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
  background-color: rgba(0, 123, 255, .5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
  background-color: rgba(0, 123, 255, .5)
}

.custom-radio .custom-control-label::before {
  border-radius: 50%
}

.custom-radio .custom-control-input:checked~.custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
  background-color: rgba(0, 123, 255, .5)
}

.custom-switch {
  padding-left: 2.25rem
}

.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: .5rem
}

.custom-switch .custom-control-label::after {
  top: calc(.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: .5rem;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
  transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .custom-switch .custom-control-label::after {
    transition: none
  }
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
  background-color: #fff;
  -webkit-transform: translateX(.75rem);
  transform: translateX(.75rem)
}

.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
  background-color: rgba(0, 123, 255, .5)
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem 1.75rem .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.custom-select:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: .75rem;
  background-image: none
}

.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef
}

.custom-select::-ms-expand {
  display: none
}

.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057
}

.custom-select-sm {
  height: calc(1.5em + .5rem + 2px);
  padding-top: .25rem;
  padding-bottom: .25rem;
  padding-left: .5rem;
  font-size: .875rem
}

.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 1rem;
  font-size: 1.25rem
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  margin-bottom: 0
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  margin: 0;
  overflow: hidden;
  opacity: 0
}

.custom-file-input:focus~.custom-file-label {
  border-color: #80bdff;
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-file-input:disabled~.custom-file-label,
.custom-file-input[disabled]~.custom-file-label {
  background-color: #e9ecef
}

.custom-file-input:lang(en)~.custom-file-label::after {
  content: "Browse"
}

.custom-file-input~.custom-file-label[data-browse]::after {
  content: attr(data-browse)
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  overflow: hidden;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: .25rem
}

.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + .75rem);
  padding: .375rem .75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 .25rem .25rem 0
}

.custom-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.custom-range:focus {
  outline: 0
}

.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-range::-moz-focus-outer {
  border: 0
}

.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -.25rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  -webkit-appearance: none;
  appearance: none
}

@media (prefers-reduced-motion:reduce) {
  .custom-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none
  }
}

.custom-range::-webkit-slider-thumb:active {
  background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem
}

.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  -moz-appearance: none;
  appearance: none
}

@media (prefers-reduced-motion:reduce) {
  .custom-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none
  }
}

.custom-range::-moz-range-thumb:active {
  background-color: #b3d7ff
}

.custom-range::-moz-range-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem
}

.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: .2rem;
  margin-left: .2rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  appearance: none
}

@media (prefers-reduced-motion:reduce) {
  .custom-range::-ms-thumb {
    -ms-transition: none;
    transition: none
  }
}

.custom-range::-ms-thumb:active {
  background-color: #b3d7ff
}

.custom-range::-ms-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: .5rem
}

.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem
}

.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem
}

.custom-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd
}

.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default
}

.custom-range:disabled::-moz-range-thumb {
  background-color: #adb5bd
}

.custom-range:disabled::-moz-range-track {
  cursor: default
}

.custom-range:disabled::-ms-thumb {
  background-color: #adb5bd
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

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

  .custom-control-label::before,
  .custom-file-label,
  .custom-select {
    transition: none
  }
}

.nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}

.nav-link {
  display: block;
  padding: .5rem 1rem
}

.nav-link:focus,
.nav-link:hover {
  text-decoration: none
}

.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-link {
  margin-bottom: -1px;
  background-color: transparent;
  border: 1px solid transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  isolation: isolate;
  border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.nav-pills .nav-link {
  background: 0 0;
  border: 0;
  border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: #fff;
  background-color: #007bff
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center
}

.tab-content>.tab-pane {
  display: none
}

.tab-content>.active {
  display: block
}

.navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: .5rem 1rem
}

.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.navbar-brand {
  display: inline-block;
  padding-top: .3125rem;
  padding-bottom: .3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
  text-decoration: none
}

.navbar-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}

.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0
}

.navbar-nav .dropdown-menu {
  position: static;
  float: none
}

.navbar-text {
  display: inline-block;
  padding-top: .5rem;
  padding-bottom: .5rem
}

.navbar-collapse {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-align: center;
  align-items: center
}

.navbar-toggler {
  padding: .25rem .75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: .25rem
}

.navbar-toggler:focus,
.navbar-toggler:hover {
  text-decoration: none
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: 50%/100% 100% no-repeat
}

.navbar-nav-scroll {
  max-height: 75vh;
  overflow-y: auto
}

@media (max-width:575.98px) {

  .navbar-expand-sm>.container,
  .navbar-expand-sm>.container-fluid,
  .navbar-expand-sm>.container-lg,
  .navbar-expand-sm>.container-md,
  .navbar-expand-sm>.container-sm,
  .navbar-expand-sm>.container-xl {
    padding-right: 0;
    padding-left: 0
  }
}

@media (min-width:576px) {
  .navbar-expand-sm {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .navbar-expand-sm .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row
  }

  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
  }

  .navbar-expand-sm>.container,
  .navbar-expand-sm>.container-fluid,
  .navbar-expand-sm>.container-lg,
  .navbar-expand-sm>.container-md,
  .navbar-expand-sm>.container-sm,
  .navbar-expand-sm>.container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }

  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-sm .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
  }

  .navbar-expand-sm .navbar-toggler {
    display: none
  }
}

@media (max-width:767.98px) {

  .navbar-expand-md>.container,
  .navbar-expand-md>.container-fluid,
  .navbar-expand-md>.container-lg,
  .navbar-expand-md>.container-md,
  .navbar-expand-md>.container-sm,
  .navbar-expand-md>.container-xl {
    padding-right: 0;
    padding-left: 0
  }
}

@media (min-width:768px) {
  .navbar-expand-md {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .navbar-expand-md .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row
  }

  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
  }

  .navbar-expand-md>.container,
  .navbar-expand-md>.container-fluid,
  .navbar-expand-md>.container-lg,
  .navbar-expand-md>.container-md,
  .navbar-expand-md>.container-sm,
  .navbar-expand-md>.container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }

  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-md .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
  }

  .navbar-expand-md .navbar-toggler {
    display: none
  }
}

@media (max-width:991.98px) {

  .navbar-expand-lg>.container,
  .navbar-expand-lg>.container-fluid,
  .navbar-expand-lg>.container-lg,
  .navbar-expand-lg>.container-md,
  .navbar-expand-lg>.container-sm,
  .navbar-expand-lg>.container-xl {
    padding-right: 0;
    padding-left: 0
  }
}

@media (min-width:992px) {
  .navbar-expand-lg {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
  }

  .navbar-expand-lg>.container,
  .navbar-expand-lg>.container-fluid,
  .navbar-expand-lg>.container-lg,
  .navbar-expand-lg>.container-md,
  .navbar-expand-lg>.container-sm,
  .navbar-expand-lg>.container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }

  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
  }

  .navbar-expand-lg .navbar-toggler {
    display: none
  }
}

@media (max-width:1199.98px) {

  .navbar-expand-xl>.container,
  .navbar-expand-xl>.container-fluid,
  .navbar-expand-xl>.container-lg,
  .navbar-expand-xl>.container-md,
  .navbar-expand-xl>.container-sm,
  .navbar-expand-xl>.container-xl {
    padding-right: 0;
    padding-left: 0
  }
}

@media (min-width:1200px) {
  .navbar-expand-xl {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start
  }

  .navbar-expand-xl .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row
  }

  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
  }

  .navbar-expand-xl>.container,
  .navbar-expand-xl>.container-fluid,
  .navbar-expand-xl>.container-lg,
  .navbar-expand-xl>.container-md,
  .navbar-expand-xl>.container-sm,
  .navbar-expand-xl>.container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
  }

  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-xl .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
  }

  .navbar-expand-xl .navbar-toggler {
    display: none
  }
}

.navbar-expand {
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
  padding-right: 0;
  padding-left: 0
}

.navbar-expand .navbar-nav {
  -ms-flex-direction: row;
  flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: .5rem;
  padding-left: .5rem
}

.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.navbar-expand .navbar-nav-scroll {
  overflow: visible
}

.navbar-expand .navbar-collapse {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-preferred-size: auto;
  flex-basis: auto
}

.navbar-expand .navbar-toggler {
  display: none
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
  color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
  color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, .5);
  border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, .5)
}

.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
  color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand {
  color: #fff
}

.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
  color: #fff
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
  color: #fff
}

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, .5);
  border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-text a {
  color: #fff
}

.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
  color: #fff
}

.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: .25rem
}

.card>hr {
  margin-right: 0;
  margin-left: 0
}

.card>.list-group {
  border-top: inherit;
  border-bottom: inherit
}

.card>.list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px)
}

.card>.list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(.25rem - 1px);
  border-bottom-left-radius: calc(.25rem - 1px)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
  border-top: 0
}

.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem
}

.card-title {
  margin-bottom: .75rem
}

.card-subtitle {
  margin-top: -.375rem;
  margin-bottom: 0
}

.card-text:last-child {
  margin-bottom: 0
}

.card-link:hover {
  text-decoration: none
}

.card-link+.card-link {
  margin-left: 1.25rem
}

.card-header {
  padding: .75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, .03);
  border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
  border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
  padding: .75rem 1.25rem;
  background-color: rgba(0, 0, 0, .03);
  border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
  border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
  margin-right: -.625rem;
  margin-bottom: -.75rem;
  margin-left: -.625rem;
  border-bottom: 0
}

.card-header-pills {
  margin-right: -.625rem;
  margin-left: -.625rem
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  border-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom,
.card-img-top {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%
}

.card-img,
.card-img-top {
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(.25rem - 1px);
  border-bottom-left-radius: calc(.25rem - 1px)
}

.card-deck .card {
  margin-bottom: 15px
}

@media (min-width:576px) {
  .card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px
  }

  .card-deck .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px
  }
}

.card-group>.card {
  margin-bottom: 15px
}

@media (min-width:576px) {
  .card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
  }

  .card-group>.card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 0
  }

  .card-group>.card+.card {
    margin-left: 0;
    border-left: 0
  }

  .card-group>.card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
  }

  .card-group>.card:not(:last-child) .card-header,
  .card-group>.card:not(:last-child) .card-img-top {
    border-top-right-radius: 0
  }

  .card-group>.card:not(:last-child) .card-footer,
  .card-group>.card:not(:last-child) .card-img-bottom {
    border-bottom-right-radius: 0
  }

  .card-group>.card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
  }

  .card-group>.card:not(:first-child) .card-header,
  .card-group>.card:not(:first-child) .card-img-top {
    border-top-left-radius: 0
  }

  .card-group>.card:not(:first-child) .card-footer,
  .card-group>.card:not(:first-child) .card-img-bottom {
    border-bottom-left-radius: 0
  }
}

.card-columns .card {
  margin-bottom: .75rem
}

@media (min-width:576px) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1
  }

  .card-columns .card {
    display: inline-block;
    width: 100%
  }
}

.accordion {
  overflow-anchor: none
}

.accordion>.card {
  overflow: hidden
}

.accordion>.card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.accordion>.card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.accordion>.card>.card-header {
  border-radius: 0;
  margin-bottom: -1px
}

.breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: .75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item {
  padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
  float: left;
  padding-right: .5rem;
  color: #6c757d;
  content: "/"
}

.breadcrumb-item+.breadcrumb-item:hover::before {
  text-decoration: underline
}

.breadcrumb-item+.breadcrumb-item:hover::before {
  text-decoration: none
}

.breadcrumb-item.active {
  color: #6c757d
}

.pagination {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: .25rem
}

.page-link {
  position: relative;
  display: block;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6
}

.page-link:hover {
  z-index: 2;
  color: #0056b3;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6
}

.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
  border-top-right-radius: .25rem;
  border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff
}

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6
}

.pagination-lg .page-link {
  padding: .75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: .3rem;
  border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: .3rem;
  border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: .2rem;
  border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: .2rem;
  border-bottom-right-radius: .2rem
}

.badge {
  display: inline-block;
  padding: .25em .4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .badge {
    transition: none
  }
}

a.badge:focus,
a.badge:hover {
  text-decoration: none
}

.badge:empty {
  display: none
}

.btn .badge {
  position: relative;
  top: -1px
}

.badge-pill {
  padding-right: .6em;
  padding-left: .6em;
  border-radius: 10rem
}

.badge-primary {
  color: #fff;
  background-color: #007bff
}

a.badge-primary:focus,
a.badge-primary:hover {
  color: #fff;
  background-color: #0062cc
}

a.badge-primary.focus,
a.badge-primary:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d
}

a.badge-secondary:focus,
a.badge-secondary:hover {
  color: #fff;
  background-color: #545b62
}

a.badge-secondary.focus,
a.badge-secondary:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.badge-success {
  color: #fff;
  background-color: #28a745
}

a.badge-success:focus,
a.badge-success:hover {
  color: #fff;
  background-color: #1e7e34
}

a.badge-success.focus,
a.badge-success:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.badge-info {
  color: #fff;
  background-color: #17a2b8
}

a.badge-info:focus,
a.badge-info:hover {
  color: #fff;
  background-color: #117a8b
}

a.badge-info.focus,
a.badge-info:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.badge-warning {
  color: #212529;
  background-color: #ffc107
}

a.badge-warning:focus,
a.badge-warning:hover {
  color: #212529;
  background-color: #d39e00
}

a.badge-warning.focus,
a.badge-warning:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.badge-danger {
  color: #fff;
  background-color: #dc3545
}

a.badge-danger:focus,
a.badge-danger:hover {
  color: #fff;
  background-color: #bd2130
}

a.badge-danger.focus,
a.badge-danger:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa
}

a.badge-light:focus,
a.badge-light:hover {
  color: #212529;
  background-color: #dae0e5
}

a.badge-light.focus,
a.badge-light:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}

.badge-dark {
  color: #fff;
  background-color: #343a40
}

a.badge-dark:focus,
a.badge-dark:hover {
  color: #fff;
  background-color: #1d2124
}

a.badge-dark.focus,
a.badge-dark:focus {
  outline: 0;
  box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: .3rem
}

@media (min-width:576px) {
  .jumbotron {
    padding: 4rem 2rem
  }
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0
}

.alert {
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem
}

.alert-heading {
  color: inherit
}

.alert-link {
  font-weight: 700
}

.alert-dismissible {
  padding-right: 4rem
}

.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: .75rem 1.25rem;
  color: inherit
}

.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff
}

.alert-primary hr {
  border-top-color: #9fcdff
}

.alert-primary .alert-link {
  color: #002752
}

.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db
}

.alert-secondary hr {
  border-top-color: #c8cbcf
}

.alert-secondary .alert-link {
  color: #202326
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb
}

.alert-success hr {
  border-top-color: #b1dfbb
}

.alert-success .alert-link {
  color: #0b2e13
}

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb
}

.alert-info hr {
  border-top-color: #abdde5
}

.alert-info .alert-link {
  color: #062c33
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba
}

.alert-warning hr {
  border-top-color: #ffe8a1
}

.alert-warning .alert-link {
  color: #533f03
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb
}

.alert-danger hr {
  border-top-color: #f1b0b7
}

.alert-danger .alert-link {
  color: #491217
}

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe
}

.alert-light hr {
  border-top-color: #ececf6
}

.alert-light .alert-link {
  color: #686868
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca
}

.alert-dark hr {
  border-top-color: #b9bbbe
}

.alert-dark .alert-link {
  color: #040505
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0
  }

  to {
    background-position: 0 0
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0
  }

  to {
    background-position: 0 0
  }
}

.progress {
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: .75rem;
  background-color: #e9ecef;
  border-radius: .25rem
}

.progress-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  transition: width .6s ease
}

@media (prefers-reduced-motion:reduce) {
  .progress-bar {
    transition: none
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem
}

.progress-bar-animated {
  -webkit-animation: 1s linear infinite progress-bar-stripes;
  animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
  .progress-bar-animated {
    -webkit-animation: none;
    animation: none
  }
}

.media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start
}

.media-body {
  -ms-flex: 1;
  flex: 1
}

.list-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: .25rem
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa
}

.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef
}

.list-group-item {
  position: relative;
  display: block;
  padding: .75rem 1.25rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit
}

.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff
}

.list-group-item+.list-group-item {
  border-top-width: 0
}

.list-group-item+.list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px
}

.list-group-horizontal {
  -ms-flex-direction: row;
  flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
  border-bottom-left-radius: .25rem;
  border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
  border-top-right-radius: .25rem;
  border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
  margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
  border-top-width: 1px;
  border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px
}

@media (min-width:576px) {
  .list-group-horizontal-sm {
    -ms-flex-direction: row;
    flex-direction: row
  }

  .list-group-horizontal-sm>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
  }

  .list-group-horizontal-sm>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
  }

  .list-group-horizontal-sm>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-sm>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
  }

  .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
  }
}

@media (min-width:768px) {
  .list-group-horizontal-md {
    -ms-flex-direction: row;
    flex-direction: row
  }

  .list-group-horizontal-md>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
  }

  .list-group-horizontal-md>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
  }

  .list-group-horizontal-md>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-md>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
  }

  .list-group-horizontal-md>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
  }
}

@media (min-width:992px) {
  .list-group-horizontal-lg {
    -ms-flex-direction: row;
    flex-direction: row
  }

  .list-group-horizontal-lg>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
  }

  .list-group-horizontal-lg>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
  }

  .list-group-horizontal-lg>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-lg>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
  }

  .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
  }
}

@media (min-width:1200px) {
  .list-group-horizontal-xl {
    -ms-flex-direction: row;
    flex-direction: row
  }

  .list-group-horizontal-xl>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
  }

  .list-group-horizontal-xl>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
  }

  .list-group-horizontal-xl>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-xl>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
  }

  .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
  }
}

.list-group-flush {
  border-radius: 0
}

.list-group-flush>.list-group-item {
  border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
  border-bottom-width: 0
}

.list-group-item-primary {
  color: #004085;
  background-color: #b8daff
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
  color: #004085;
  background-color: #9fcdff
}

.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #004085;
  border-color: #004085
}

.list-group-item-secondary {
  color: #383d41;
  background-color: #d6d8db
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
  color: #383d41;
  background-color: #c8cbcf
}

.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #383d41;
  border-color: #383d41
}

.list-group-item-success {
  color: #155724;
  background-color: #c3e6cb
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
  color: #155724;
  background-color: #b1dfbb
}

.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #155724;
  border-color: #155724
}

.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
  color: #0c5460;
  background-color: #abdde5
}

.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #0c5460;
  border-color: #0c5460
}

.list-group-item-warning {
  color: #856404;
  background-color: #ffeeba
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
  color: #856404;
  background-color: #ffe8a1
}

.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #856404;
  border-color: #856404
}

.list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
  color: #721c24;
  background-color: #f1b0b7
}

.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #721c24;
  border-color: #721c24
}

.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
  color: #818182;
  background-color: #ececf6
}

.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #818182;
  border-color: #818182
}

.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
  color: #1b1e21;
  background-color: #b9bbbe
}

.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #1b1e21;
  border-color: #1b1e21
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5
}

.close:hover {
  color: #000;
  text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
  opacity: .75
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0
}

a.close.disabled {
  pointer-events: none
}

.toast {
  -ms-flex-preferred-size: 350px;
  flex-basis: 350px;
  max-width: 350px;
  font-size: .875rem;
  background-color: rgba(255, 255, 255, .85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .1);
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
  opacity: 0;
  border-radius: .25rem
}

.toast:not(:last-child) {
  margin-bottom: .75rem
}

.toast.showing {
  opacity: 1
}

.toast.show {
  display: block;
  opacity: 1
}

.toast.hide {
  display: none
}

.toast-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: .25rem .75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, .85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, .05);
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px)
}

.toast-body {
  padding: .75rem
}

.modal-open {
  overflow: hidden
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none
}

.modal.fade .modal-dialog {
  transition: -webkit-transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out, -webkit-transform .3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
  .modal.fade .modal-dialog {
    transition: none
  }
}

.modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none
}

.modal.modal-static .modal-dialog {
  -webkit-transform: scale(1.02);
  transform: scale(1.02)
}

.modal-dialog-scrollable {
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden
}

.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto
}

.modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 1rem)
}

.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  content: ""
}

.modal-dialog-centered.modal-dialog-scrollable {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none
}

.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none
}

.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: .3rem;
  outline: 0
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000
}

.modal-backdrop.fade {
  opacity: 0
}

.modal-backdrop.show {
  opacity: .5
}

.modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5
}

.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem
}

.modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: .75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(.3rem - 1px);
  border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
  margin: .25rem
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll
}

@media (min-width:576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto
  }

  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem)
  }

  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem)
  }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem)
  }

  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content
  }

  .modal-sm {
    max-width: 300px
  }
}

@media (min-width:992px) {

  .modal-lg,
  .modal-xl {
    max-width: 800px
  }
}

@media (min-width:1200px) {
  .modal-xl {
    max-width: 1140px
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: .875rem;
  word-wrap: break-word;
  opacity: 0
}

.tooltip.show {
  opacity: .9
}

.tooltip .arrow {
  position: absolute;
  display: block;
  width: .8rem;
  height: .4rem
}

.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
  padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
  bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
  top: 0;
  border-width: .4rem .4rem 0;
  border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
  padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
  left: 0;
  width: .4rem;
  height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
  right: 0;
  border-width: .4rem .4rem .4rem 0;
  border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
  padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
  top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  bottom: 0;
  border-width: 0 .4rem .4rem;
  border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
  padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
  right: 0;
  width: .4rem;
  height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
  left: 0;
  border-width: .4rem 0 .4rem .4rem;
  border-left-color: #000
}

.tooltip-inner {
  max-width: 200px;
  padding: .25rem .5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: .25rem
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: .875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: .3rem
}

.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: .5rem;
  margin: 0 .3rem
}

.popover .arrow::after,
.popover .arrow::before {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid
}

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
  margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
  bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=top]>.arrow::before,
.bs-popover-top>.arrow::before {
  bottom: 0;
  border-width: .5rem .5rem 0;
  border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top]>.arrow::after,
.bs-popover-top>.arrow::after {
  bottom: 1px;
  border-width: .5rem .5rem 0;
  border-top-color: #fff
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
  margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
  left: calc(-.5rem - 1px);
  width: .5rem;
  height: 1rem;
  margin: .3rem 0
}

.bs-popover-auto[x-placement^=right]>.arrow::before,
.bs-popover-right>.arrow::before {
  left: 0;
  border-width: .5rem .5rem .5rem 0;
  border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=right]>.arrow::after,
.bs-popover-right>.arrow::after {
  left: 1px;
  border-width: .5rem .5rem .5rem 0;
  border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
  margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
  top: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::before,
.bs-popover-bottom>.arrow::before {
  top: 0;
  border-width: 0 .5rem .5rem .5rem;
  border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=bottom]>.arrow::after,
.bs-popover-bottom>.arrow::after {
  top: 1px;
  border-width: 0 .5rem .5rem .5rem;
  border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -.5rem;
  content: "";
  border-bottom: 1px solid #f7f7f7
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
  margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
  right: calc(-.5rem - 1px);
  width: .5rem;
  height: 1rem;
  margin: .3rem 0
}

.bs-popover-auto[x-placement^=left]>.arrow::before,
.bs-popover-left>.arrow::before {
  right: 0;
  border-width: .5rem 0 .5rem .5rem;
  border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=left]>.arrow::after,
.bs-popover-left>.arrow::after {
  right: 1px;
  border-width: .5rem 0 .5rem .5rem;
  border-left-color: #fff
}

.popover-header {
  padding: .5rem .75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
  display: none
}

.popover-body {
  padding: .5rem .75rem;
  color: #212529
}

.carousel {
  position: relative
}

.carousel.pointer-event {
  -ms-touch-action: pan-y;
  touch-action: pan-y
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: ""
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: -webkit-transform .6s ease-in-out;
  transition: transform .6s ease-in-out;
  transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .carousel-item {
    transition: none
  }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
  display: block
}

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
  -webkit-transform: translateX(100%);
  transform: translateX(100%)
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%)
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  -webkit-transform: none;
  transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
  z-index: 1;
  opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s .6s
}

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

  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none
  }
}

.carousel-control-next,
.carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: 0 0;
  border: 0;
  opacity: .5;
  transition: opacity .15s ease
}

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

  .carousel-control-next,
  .carousel-control-prev {
    transition: none
  }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: .9
}

.carousel-control-prev {
  left: 0
}

.carousel-control-next {
  right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: 50%/100% 100% no-repeat
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none
}

.carousel-indicators li {
  box-sizing: content-box;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
  .carousel-indicators li {
    transition: none
  }
}

.carousel-indicators .active {
  opacity: 1
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center
}

@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -.125em;
  border: .25em solid currentcolor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: .75s linear infinite spinner-border;
  animation: .75s linear infinite spinner-border
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: .2em
}

@-webkit-keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  50% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  50% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -.125em;
  background-color: currentcolor;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: .75s linear infinite spinner-grow;
  animation: .75s linear infinite spinner-grow
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem
}

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

  .spinner-border,
  .spinner-grow {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
  }
}

.align-baseline {
  vertical-align: baseline !important
}

.align-top {
  vertical-align: top !important
}

.align-middle {
  vertical-align: middle !important
}

.align-bottom {
  vertical-align: bottom !important
}

.align-text-bottom {
  vertical-align: text-bottom !important
}

.align-text-top {
  vertical-align: text-top !important
}

.bg-primary {
  background-color: #007bff !important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
  background-color: #0062cc !important
}

.bg-secondary {
  background-color: #6c757d !important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
  background-color: #545b62 !important
}

.bg-success {
  background-color: #28a745 !important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
  background-color: #1e7e34 !important
}

.bg-info {
  background-color: #17a2b8 !important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
  background-color: #117a8b !important
}

.bg-warning {
  background-color: #ffc107 !important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
  background-color: #d39e00 !important
}

.bg-danger {
  background-color: #dc3545 !important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
  background-color: #bd2130 !important
}

.bg-light {
  background-color: #f8f9fa !important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
  background-color: #dae0e5 !important
}

.bg-dark {
  background-color: #343a40 !important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
  background-color: #1d2124 !important
}

.bg-white {
  background-color: #fff !important
}

.bg-transparent {
  background-color: transparent !important
}

.border {
  border: 1px solid #dee2e6 !important
}

.border-top {
  border-top: 1px solid #dee2e6 !important
}

.border-right {
  border-right: 1px solid #dee2e6 !important
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important
}

.border-left {
  border-left: 1px solid #dee2e6 !important
}

.border-0 {
  border: 0 !important
}

.border-top-0 {
  border-top: 0 !important
}

.border-right-0 {
  border-right: 0 !important
}

.border-bottom-0 {
  border-bottom: 0 !important
}

.border-left-0 {
  border-left: 0 !important
}

.border-primary {
  border-color: #007bff !important
}

.border-secondary {
  border-color: #6c757d !important
}

.border-success {
  border-color: #28a745 !important
}

.border-info {
  border-color: #17a2b8 !important
}

.border-warning {
  border-color: #ffc107 !important
}

.border-danger {
  border-color: #dc3545 !important
}

.border-light {
  border-color: #f8f9fa !important
}

.border-dark {
  border-color: #343a40 !important
}

.border-white {
  border-color: #fff !important
}

.rounded-sm {
  border-radius: .2rem !important
}

.rounded {
  border-radius: .25rem !important
}

.rounded-top {
  border-top-left-radius: .25rem !important;
  border-top-right-radius: .25rem !important
}

.rounded-right {
  border-top-right-radius: .25rem !important;
  border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
  border-bottom-right-radius: .25rem !important;
  border-bottom-left-radius: .25rem !important
}

.rounded-left {
  border-top-left-radius: .25rem !important;
  border-bottom-left-radius: .25rem !important
}

.rounded-lg {
  border-radius: .3rem !important
}

.rounded-circle {
  border-radius: 50% !important
}

.rounded-pill {
  border-radius: 50rem !important
}

.rounded-0 {
  border-radius: 0 !important
}

.clearfix::after {
  display: block;
  clear: both;
  content: ""
}

.d-none {
  display: none !important
}

.d-inline {
  display: inline !important
}

.d-inline-block {
  display: inline-block !important
}

.d-block {
  display: block !important
}

.d-table {
  display: table !important
}

.d-table-row {
  display: table-row !important
}

.d-table-cell {
  display: table-cell !important
}

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important
}

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important
}

@media (min-width:576px) {
  .d-sm-none {
    display: none !important
  }

  .d-sm-inline {
    display: inline !important
  }

  .d-sm-inline-block {
    display: inline-block !important
  }

  .d-sm-block {
    display: block !important
  }

  .d-sm-table {
    display: table !important
  }

  .d-sm-table-row {
    display: table-row !important
  }

  .d-sm-table-cell {
    display: table-cell !important
  }

  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important
  }

  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
  }
}

@media (min-width:768px) {
  .d-md-none {
    display: none !important
  }

  .d-md-inline {
    display: inline !important
  }

  .d-md-inline-block {
    display: inline-block !important
  }

  .d-md-block {
    display: block !important
  }

  .d-md-table {
    display: table !important
  }

  .d-md-table-row {
    display: table-row !important
  }

  .d-md-table-cell {
    display: table-cell !important
  }

  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important
  }

  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
  }
}

@media (min-width:992px) {
  .d-lg-none {
    display: none !important
  }

  .d-lg-inline {
    display: inline !important
  }

  .d-lg-inline-block {
    display: inline-block !important
  }

  .d-lg-block {
    display: block !important
  }

  .d-lg-table {
    display: table !important
  }

  .d-lg-table-row {
    display: table-row !important
  }

  .d-lg-table-cell {
    display: table-cell !important
  }

  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important
  }

  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
  }
}

@media (min-width:1200px) {
  .d-xl-none {
    display: none !important
  }

  .d-xl-inline {
    display: inline !important
  }

  .d-xl-inline-block {
    display: inline-block !important
  }

  .d-xl-block {
    display: block !important
  }

  .d-xl-table {
    display: table !important
  }

  .d-xl-table-row {
    display: table-row !important
  }

  .d-xl-table-cell {
    display: table-cell !important
  }

  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important
  }

  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
  }
}

@media print {
  .d-print-none {
    display: none !important
  }

  .d-print-inline {
    display: inline !important
  }

  .d-print-inline-block {
    display: inline-block !important
  }

  .d-print-block {
    display: block !important
  }

  .d-print-table {
    display: table !important
  }

  .d-print-table-row {
    display: table-row !important
  }

  .d-print-table-cell {
    display: table-cell !important
  }

  .d-print-flex {
    display: -ms-flexbox !important;
    display: flex !important
  }

  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
  }
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden
}

.embed-responsive::before {
  display: block;
  content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0
}

.embed-responsive-21by9::before {
  padding-top: 42.857143%
}

.embed-responsive-16by9::before {
  padding-top: 56.25%
}

.embed-responsive-4by3::before {
  padding-top: 75%
}

.embed-responsive-1by1::before {
  padding-top: 100%
}

.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important
}

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important
}

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important
}

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important
}

.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important
}

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important
}

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important
}

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important
}

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important
}

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important
}

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important
}

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important
}

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important
}

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important
}

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important
}

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important
}

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important
}

@media (min-width:576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
  }

  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
  }

  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
  }

  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
  }

  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
  }

  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
  }

  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
  }

  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
  }

  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
  }

  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
  }

  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
  }

  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
  }

  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
  }

  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
  }

  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
  }

  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
  }

  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
  }

  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
  }

  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
  }

  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important
  }

  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
  }

  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
  }

  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
  }

  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
  }

  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
  }

  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
  }

  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
  }

  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
  }

  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
  }

  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
  }

  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
  }

  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
  }

  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
  }

  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
  }
}

@media (min-width:768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
  }

  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
  }

  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
  }

  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
  }

  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
  }

  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
  }

  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
  }

  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
  }

  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
  }

  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
  }

  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
  }

  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
  }

  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
  }

  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
  }

  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
  }

  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
  }

  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
  }

  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
  }

  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
  }

  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important
  }

  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
  }

  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
  }

  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
  }

  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
  }

  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
  }

  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
  }

  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
  }

  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
  }

  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
  }

  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
  }

  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
  }

  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
  }

  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
  }

  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
  }
}

@media (min-width:992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
  }

  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
  }

  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
  }

  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
  }

  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
  }

  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
  }

  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
  }

  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
  }

  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
  }

  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
  }

  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
  }

  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
  }

  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
  }

  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
  }

  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
  }

  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
  }

  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
  }

  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
  }

  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
  }

  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important
  }

  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
  }

  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
  }

  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
  }

  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
  }

  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
  }

  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
  }

  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
  }

  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
  }

  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
  }

  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
  }

  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
  }

  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
  }

  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
  }

  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
  }
}

@media (min-width:1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
  }

  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
  }

  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
  }

  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
  }

  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
  }

  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
  }

  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
  }

  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
  }

  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
  }

  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
  }

  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
  }

  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
  }

  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
  }

  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
  }

  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
  }

  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
  }

  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
  }

  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
  }

  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
  }

  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important
  }

  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
  }

  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
  }

  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
  }

  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
  }

  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
  }

  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
  }

  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
  }

  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
  }

  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
  }

  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
  }

  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
  }

  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
  }

  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
  }

  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
  }
}

.float-left {
  float: left !important
}

.float-right {
  float: right !important
}

.float-none {
  float: none !important
}

@media (min-width:576px) {
  .float-sm-left {
    float: left !important
  }

  .float-sm-right {
    float: right !important
  }

  .float-sm-none {
    float: none !important
  }
}

@media (min-width:768px) {
  .float-md-left {
    float: left !important
  }

  .float-md-right {
    float: right !important
  }

  .float-md-none {
    float: none !important
  }
}

@media (min-width:992px) {
  .float-lg-left {
    float: left !important
  }

  .float-lg-right {
    float: right !important
  }

  .float-lg-none {
    float: none !important
  }
}

@media (min-width:1200px) {
  .float-xl-left {
    float: left !important
  }

  .float-xl-right {
    float: right !important
  }

  .float-xl-none {
    float: none !important
  }
}

.user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  user-select: all !important
}

.user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
  user-select: auto !important
}

.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important
}

.overflow-auto {
  overflow: auto !important
}

.overflow-hidden {
  overflow: hidden !important
}

.position-static {
  position: static !important
}

.position-relative {
  position: relative !important
}

.position-absolute {
  position: absolute !important
}

.position-fixed {
  position: fixed !important
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal
}

.shadow-sm {
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow {
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
  box-shadow: none !important
}

.w-25 {
  width: 25% !important
}

.w-50 {
  width: 50% !important
}

.w-75 {
  width: 75% !important
}

.w-100 {
  width: 100% !important
}

.w-auto {
  width: auto !important
}

.h-25 {
  height: 25% !important
}

.h-50 {
  height: 50% !important
}

.h-75 {
  height: 75% !important
}

.h-100 {
  height: 100% !important
}

.h-auto {
  height: auto !important
}

.mw-100 {
  max-width: 100% !important
}

.mh-100 {
  max-height: 100% !important
}

.min-vw-100 {
  min-width: 100vw !important
}

.min-vh-100 {
  min-height: 100vh !important
}

.vw-100 {
  width: 100vw !important
}

.vh-100 {
  height: 100vh !important
}

.m-0 {
  margin: 0 !important
}

.mt-0,
.my-0 {
  margin-top: 0 !important
}

.mr-0,
.mx-0 {
  margin-right: 0 !important
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
  margin-left: 0 !important
}

.m-1 {
  margin: .25rem !important
}

.mt-1,
.my-1 {
  margin-top: .25rem !important
}

.mr-1,
.mx-1 {
  margin-right: .25rem !important
}

.mb-1,
.my-1 {
  margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
  margin-left: .25rem !important
}

.m-2 {
  margin: .5rem !important
}

.mt-2,
.my-2 {
  margin-top: .5rem !important
}

.mr-2,
.mx-2 {
  margin-right: .5rem !important
}

.mb-2,
.my-2 {
  margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
  margin-left: .5rem !important
}

.m-3 {
  margin: 1rem !important
}

.mt-3,
.my-3 {
  margin-top: 1rem !important
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important
}

.m-4 {
  margin: 1.5rem !important
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important
}

.m-5 {
  margin: 3rem !important
}

.mt-5,
.my-5 {
  margin-top: 3rem !important
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important
}

.p-0 {
  padding: 0 !important
}

.pt-0,
.py-0 {
  padding-top: 0 !important
}

.pr-0,
.px-0 {
  padding-right: 0 !important
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important
}

.pl-0,
.px-0 {
  padding-left: 0 !important
}

.p-1 {
  padding: .25rem !important
}

.pt-1,
.py-1 {
  padding-top: .25rem !important
}

.pr-1,
.px-1 {
  padding-right: .25rem !important
}

.pb-1,
.py-1 {
  padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
  padding-left: .25rem !important
}

.p-2 {
  padding: .5rem !important
}

.pt-2,
.py-2 {
  padding-top: .5rem !important
}

.pr-2,
.px-2 {
  padding-right: .5rem !important
}

.pb-2,
.py-2 {
  padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
  padding-left: .5rem !important
}

.p-3 {
  padding: 1rem !important
}

.pt-3,
.py-3 {
  padding-top: 1rem !important
}

.pr-3,
.px-3 {
  padding-right: 1rem !important
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
  padding-left: 1rem !important
}

.p-4 {
  padding: 1.5rem !important
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important
}

.p-5 {
  padding: 3rem !important
}

.pt-5,
.py-5 {
  padding-top: 3rem !important
}

.pr-5,
.px-5 {
  padding-right: 3rem !important
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
  padding-left: 3rem !important
}

.m-n1 {
  margin: -.25rem !important
}

.mt-n1,
.my-n1 {
  margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
  margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
  margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
  margin-left: -.25rem !important
}

.m-n2 {
  margin: -.5rem !important
}

.mt-n2,
.my-n2 {
  margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
  margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
  margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
  margin-left: -.5rem !important
}

.m-n3 {
  margin: -1rem !important
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important
}

.m-n4 {
  margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important
}

.m-n5 {
  margin: -3rem !important
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important
}

.m-auto {
  margin: auto !important
}

.mt-auto,
.my-auto {
  margin-top: auto !important
}

.mr-auto,
.mx-auto {
  margin-right: auto !important
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
  margin-left: auto !important
}

@media (min-width:576px) {
  .m-sm-0 {
    margin: 0 !important
  }

  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important
  }

  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important
  }

  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important
  }

  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important
  }

  .m-sm-1 {
    margin: .25rem !important
  }

  .mt-sm-1,
  .my-sm-1 {
    margin-top: .25rem !important
  }

  .mr-sm-1,
  .mx-sm-1 {
    margin-right: .25rem !important
  }

  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: .25rem !important
  }

  .ml-sm-1,
  .mx-sm-1 {
    margin-left: .25rem !important
  }

  .m-sm-2 {
    margin: .5rem !important
  }

  .mt-sm-2,
  .my-sm-2 {
    margin-top: .5rem !important
  }

  .mr-sm-2,
  .mx-sm-2 {
    margin-right: .5rem !important
  }

  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: .5rem !important
  }

  .ml-sm-2,
  .mx-sm-2 {
    margin-left: .5rem !important
  }

  .m-sm-3 {
    margin: 1rem !important
  }

  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important
  }

  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important
  }

  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important
  }

  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important
  }

  .m-sm-4 {
    margin: 1.5rem !important
  }

  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important
  }

  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important
  }

  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important
  }

  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important
  }

  .m-sm-5 {
    margin: 3rem !important
  }

  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important
  }

  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important
  }

  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important
  }

  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important
  }

  .p-sm-0 {
    padding: 0 !important
  }

  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important
  }

  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important
  }

  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important
  }

  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important
  }

  .p-sm-1 {
    padding: .25rem !important
  }

  .pt-sm-1,
  .py-sm-1 {
    padding-top: .25rem !important
  }

  .pr-sm-1,
  .px-sm-1 {
    padding-right: .25rem !important
  }

  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: .25rem !important
  }

  .pl-sm-1,
  .px-sm-1 {
    padding-left: .25rem !important
  }

  .p-sm-2 {
    padding: .5rem !important
  }

  .pt-sm-2,
  .py-sm-2 {
    padding-top: .5rem !important
  }

  .pr-sm-2,
  .px-sm-2 {
    padding-right: .5rem !important
  }

  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: .5rem !important
  }

  .pl-sm-2,
  .px-sm-2 {
    padding-left: .5rem !important
  }

  .p-sm-3 {
    padding: 1rem !important
  }

  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important
  }

  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important
  }

  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important
  }

  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important
  }

  .p-sm-4 {
    padding: 1.5rem !important
  }

  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important
  }

  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important
  }

  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important
  }

  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important
  }

  .p-sm-5 {
    padding: 3rem !important
  }

  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important
  }

  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important
  }

  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important
  }

  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important
  }

  .m-sm-n1 {
    margin: -.25rem !important
  }

  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -.25rem !important
  }

  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -.25rem !important
  }

  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -.25rem !important
  }

  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -.25rem !important
  }

  .m-sm-n2 {
    margin: -.5rem !important
  }

  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -.5rem !important
  }

  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -.5rem !important
  }

  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -.5rem !important
  }

  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -.5rem !important
  }

  .m-sm-n3 {
    margin: -1rem !important
  }

  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important
  }

  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important
  }

  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important
  }

  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important
  }

  .m-sm-n4 {
    margin: -1.5rem !important
  }

  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important
  }

  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important
  }

  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important
  }

  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important
  }

  .m-sm-n5 {
    margin: -3rem !important
  }

  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important
  }

  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important
  }

  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important
  }

  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important
  }

  .m-sm-auto {
    margin: auto !important
  }

  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important
  }

  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important
  }

  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important
  }

  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important
  }
}

@media (min-width:768px) {
  .m-md-0 {
    margin: 0 !important
  }

  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important
  }

  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important
  }

  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important
  }

  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important
  }

  .m-md-1 {
    margin: .25rem !important
  }

  .mt-md-1,
  .my-md-1 {
    margin-top: .25rem !important
  }

  .mr-md-1,
  .mx-md-1 {
    margin-right: .25rem !important
  }

  .mb-md-1,
  .my-md-1 {
    margin-bottom: .25rem !important
  }

  .ml-md-1,
  .mx-md-1 {
    margin-left: .25rem !important
  }

  .m-md-2 {
    margin: .5rem !important
  }

  .mt-md-2,
  .my-md-2 {
    margin-top: .5rem !important
  }

  .mr-md-2,
  .mx-md-2 {
    margin-right: .5rem !important
  }

  .mb-md-2,
  .my-md-2 {
    margin-bottom: .5rem !important
  }

  .ml-md-2,
  .mx-md-2 {
    margin-left: .5rem !important
  }

  .m-md-3 {
    margin: 1rem !important
  }

  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important
  }

  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important
  }

  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important
  }

  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important
  }

  .m-md-4 {
    margin: 1.5rem !important
  }

  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important
  }

  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important
  }

  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important
  }

  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important
  }

  .m-md-5 {
    margin: 3rem !important
  }

  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important
  }

  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important
  }

  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important
  }

  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important
  }

  .p-md-0 {
    padding: 0 !important
  }

  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important
  }

  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important
  }

  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important
  }

  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important
  }

  .p-md-1 {
    padding: .25rem !important
  }

  .pt-md-1,
  .py-md-1 {
    padding-top: .25rem !important
  }

  .pr-md-1,
  .px-md-1 {
    padding-right: .25rem !important
  }

  .pb-md-1,
  .py-md-1 {
    padding-bottom: .25rem !important
  }

  .pl-md-1,
  .px-md-1 {
    padding-left: .25rem !important
  }

  .p-md-2 {
    padding: .5rem !important
  }

  .pt-md-2,
  .py-md-2 {
    padding-top: .5rem !important
  }

  .pr-md-2,
  .px-md-2 {
    padding-right: .5rem !important
  }

  .pb-md-2,
  .py-md-2 {
    padding-bottom: .5rem !important
  }

  .pl-md-2,
  .px-md-2 {
    padding-left: .5rem !important
  }

  .p-md-3 {
    padding: 1rem !important
  }

  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important
  }

  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important
  }

  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important
  }

  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important
  }

  .p-md-4 {
    padding: 1.5rem !important
  }

  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important
  }

  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important
  }

  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important
  }

  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important
  }

  .p-md-5 {
    padding: 3rem !important
  }

  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important
  }

  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important
  }

  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important
  }

  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important
  }

  .m-md-n1 {
    margin: -.25rem !important
  }

  .mt-md-n1,
  .my-md-n1 {
    margin-top: -.25rem !important
  }

  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -.25rem !important
  }

  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -.25rem !important
  }

  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -.25rem !important
  }

  .m-md-n2 {
    margin: -.5rem !important
  }

  .mt-md-n2,
  .my-md-n2 {
    margin-top: -.5rem !important
  }

  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -.5rem !important
  }

  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -.5rem !important
  }

  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -.5rem !important
  }

  .m-md-n3 {
    margin: -1rem !important
  }

  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important
  }

  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important
  }

  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important
  }

  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important
  }

  .m-md-n4 {
    margin: -1.5rem !important
  }

  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important
  }

  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important
  }

  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important
  }

  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important
  }

  .m-md-n5 {
    margin: -3rem !important
  }

  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important
  }

  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important
  }

  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important
  }

  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important
  }

  .m-md-auto {
    margin: auto !important
  }

  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important
  }

  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important
  }

  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important
  }

  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important
  }
}

@media (min-width:992px) {
  .m-lg-0 {
    margin: 0 !important
  }

  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important
  }

  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important
  }

  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important
  }

  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important
  }

  .m-lg-1 {
    margin: .25rem !important
  }

  .mt-lg-1,
  .my-lg-1 {
    margin-top: .25rem !important
  }

  .mr-lg-1,
  .mx-lg-1 {
    margin-right: .25rem !important
  }

  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: .25rem !important
  }

  .ml-lg-1,
  .mx-lg-1 {
    margin-left: .25rem !important
  }

  .m-lg-2 {
    margin: .5rem !important
  }

  .mt-lg-2,
  .my-lg-2 {
    margin-top: .5rem !important
  }

  .mr-lg-2,
  .mx-lg-2 {
    margin-right: .5rem !important
  }

  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: .5rem !important
  }

  .ml-lg-2,
  .mx-lg-2 {
    margin-left: .5rem !important
  }

  .m-lg-3 {
    margin: 1rem !important
  }

  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important
  }

  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important
  }

  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important
  }

  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important
  }

  .m-lg-4 {
    margin: 1.5rem !important
  }

  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important
  }

  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important
  }

  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important
  }

  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important
  }

  .m-lg-5 {
    margin: 3rem !important
  }

  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important
  }

  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important
  }

  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important
  }

  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important
  }

  .p-lg-0 {
    padding: 0 !important
  }

  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important
  }

  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important
  }

  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important
  }

  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important
  }

  .p-lg-1 {
    padding: .25rem !important
  }

  .pt-lg-1,
  .py-lg-1 {
    padding-top: .25rem !important
  }

  .pr-lg-1,
  .px-lg-1 {
    padding-right: .25rem !important
  }

  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: .25rem !important
  }

  .pl-lg-1,
  .px-lg-1 {
    padding-left: .25rem !important
  }

  .p-lg-2 {
    padding: .5rem !important
  }

  .pt-lg-2,
  .py-lg-2 {
    padding-top: .5rem !important
  }

  .pr-lg-2,
  .px-lg-2 {
    padding-right: .5rem !important
  }

  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: .5rem !important
  }

  .pl-lg-2,
  .px-lg-2 {
    padding-left: .5rem !important
  }

  .p-lg-3 {
    padding: 1rem !important
  }

  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important
  }

  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important
  }

  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important
  }

  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important
  }

  .p-lg-4 {
    padding: 1.5rem !important
  }

  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important
  }

  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important
  }

  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important
  }

  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important
  }

  .p-lg-5 {
    padding: 3rem !important
  }

  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important
  }

  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important
  }

  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important
  }

  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important
  }

  .m-lg-n1 {
    margin: -.25rem !important
  }

  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -.25rem !important
  }

  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -.25rem !important
  }

  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -.25rem !important
  }

  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -.25rem !important
  }

  .m-lg-n2 {
    margin: -.5rem !important
  }

  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -.5rem !important
  }

  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -.5rem !important
  }

  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -.5rem !important
  }

  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -.5rem !important
  }

  .m-lg-n3 {
    margin: -1rem !important
  }

  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important
  }

  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important
  }

  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important
  }

  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important
  }

  .m-lg-n4 {
    margin: -1.5rem !important
  }

  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important
  }

  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important
  }

  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important
  }

  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important
  }

  .m-lg-n5 {
    margin: -3rem !important
  }

  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important
  }

  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important
  }

  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important
  }

  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important
  }

  .m-lg-auto {
    margin: auto !important
  }

  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important
  }

  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important
  }

  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important
  }

  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important
  }
}

@media (min-width:1200px) {
  .m-xl-0 {
    margin: 0 !important
  }

  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important
  }

  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important
  }

  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important
  }

  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important
  }

  .m-xl-1 {
    margin: .25rem !important
  }

  .mt-xl-1,
  .my-xl-1 {
    margin-top: .25rem !important
  }

  .mr-xl-1,
  .mx-xl-1 {
    margin-right: .25rem !important
  }

  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: .25rem !important
  }

  .ml-xl-1,
  .mx-xl-1 {
    margin-left: .25rem !important
  }

  .m-xl-2 {
    margin: .5rem !important
  }

  .mt-xl-2,
  .my-xl-2 {
    margin-top: .5rem !important
  }

  .mr-xl-2,
  .mx-xl-2 {
    margin-right: .5rem !important
  }

  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: .5rem !important
  }

  .ml-xl-2,
  .mx-xl-2 {
    margin-left: .5rem !important
  }

  .m-xl-3 {
    margin: 1rem !important
  }

  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important
  }

  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important
  }

  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important
  }

  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important
  }

  .m-xl-4 {
    margin: 1.5rem !important
  }

  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important
  }

  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important
  }

  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important
  }

  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important
  }

  .m-xl-5 {
    margin: 3rem !important
  }

  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important
  }

  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important
  }

  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important
  }

  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important
  }

  .p-xl-0 {
    padding: 0 !important
  }

  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important
  }

  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important
  }

  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important
  }

  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important
  }

  .p-xl-1 {
    padding: .25rem !important
  }

  .pt-xl-1,
  .py-xl-1 {
    padding-top: .25rem !important
  }

  .pr-xl-1,
  .px-xl-1 {
    padding-right: .25rem !important
  }

  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: .25rem !important
  }

  .pl-xl-1,
  .px-xl-1 {
    padding-left: .25rem !important
  }

  .p-xl-2 {
    padding: .5rem !important
  }

  .pt-xl-2,
  .py-xl-2 {
    padding-top: .5rem !important
  }

  .pr-xl-2,
  .px-xl-2 {
    padding-right: .5rem !important
  }

  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: .5rem !important
  }

  .pl-xl-2,
  .px-xl-2 {
    padding-left: .5rem !important
  }

  .p-xl-3 {
    padding: 1rem !important
  }

  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important
  }

  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important
  }

  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important
  }

  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important
  }

  .p-xl-4 {
    padding: 1.5rem !important
  }

  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important
  }

  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important
  }

  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important
  }

  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important
  }

  .p-xl-5 {
    padding: 3rem !important
  }

  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important
  }

  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important
  }

  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important
  }

  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important
  }

  .m-xl-n1 {
    margin: -.25rem !important
  }

  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -.25rem !important
  }

  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -.25rem !important
  }

  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -.25rem !important
  }

  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -.25rem !important
  }

  .m-xl-n2 {
    margin: -.5rem !important
  }

  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -.5rem !important
  }

  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -.5rem !important
  }

  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -.5rem !important
  }

  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -.5rem !important
  }

  .m-xl-n3 {
    margin: -1rem !important
  }

  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important
  }

  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important
  }

  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important
  }

  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important
  }

  .m-xl-n4 {
    margin: -1.5rem !important
  }

  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important
  }

  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important
  }

  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important
  }

  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important
  }

  .m-xl-n5 {
    margin: -3rem !important
  }

  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important
  }

  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important
  }

  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important
  }

  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important
  }

  .m-xl-auto {
    margin: auto !important
  }

  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important
  }

  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important
  }

  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important
  }

  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important
  }
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0)
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
}

.text-justify {
  text-align: justify !important
}

.text-wrap {
  white-space: normal !important
}

.text-nowrap {
  white-space: nowrap !important
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.text-left {
  text-align: left !important
}

.text-right {
  text-align: right !important
}

.text-center {
  text-align: center !important
}

@media (min-width:576px) {
  .text-sm-left {
    text-align: left !important
  }

  .text-sm-right {
    text-align: right !important
  }

  .text-sm-center {
    text-align: center !important
  }
}

@media (min-width:768px) {
  .text-md-left {
    text-align: left !important
  }

  .text-md-right {
    text-align: right !important
  }

  .text-md-center {
    text-align: center !important
  }
}

@media (min-width:992px) {
  .text-lg-left {
    text-align: left !important
  }

  .text-lg-right {
    text-align: right !important
  }

  .text-lg-center {
    text-align: center !important
  }
}

@media (min-width:1200px) {
  .text-xl-left {
    text-align: left !important
  }

  .text-xl-right {
    text-align: right !important
  }

  .text-xl-center {
    text-align: center !important
  }
}

.text-lowercase {
  text-transform: lowercase !important
}

.text-uppercase {
  text-transform: uppercase !important
}

.text-capitalize {
  text-transform: capitalize !important
}

.font-weight-light {
  font-weight: 300 !important
}

.font-weight-lighter {
  font-weight: lighter !important
}

.font-weight-normal {
  font-weight: 400 !important
}

.font-weight-bold {
  font-weight: 700 !important
}

.font-weight-bolder {
  font-weight: bolder !important
}

.font-italic {
  font-style: italic !important
}

.text-white {
  color: #fff !important
}

.text-primary {
  color: #007bff !important
}

a.text-primary:focus,
a.text-primary:hover {
  color: #0056b3 !important
}

.text-secondary {
  color: #6c757d !important
}

a.text-secondary:focus,
a.text-secondary:hover {
  color: #494f54 !important
}

.text-success {
  color: #28a745 !important
}

a.text-success:focus,
a.text-success:hover {
  color: #19692c !important
}

.text-info {
  color: #17a2b8 !important
}

a.text-info:focus,
a.text-info:hover {
  color: #0f6674 !important
}

.text-warning {
  color: #ffc107 !important
}

a.text-warning:focus,
a.text-warning:hover {
  color: #ba8b00 !important
}

.text-danger {
  color: #dc3545 !important
}

a.text-danger:focus,
a.text-danger:hover {
  color: #a71d2a !important
}

.text-light {
  color: #f8f9fa !important
}

a.text-light:focus,
a.text-light:hover {
  color: #cbd3da !important
}

.text-dark {
  color: #343a40 !important
}

a.text-dark:focus,
a.text-dark:hover {
  color: #121416 !important
}

.text-body {
  color: #212529 !important
}

.text-muted {
  color: #6c757d !important
}

.text-black-50 {
  color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
  color: rgba(255, 255, 255, .5) !important
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0
}

.text-decoration-none {
  text-decoration: none !important
}

.text-break {
  word-break: break-word !important;
  word-wrap: break-word !important
}

.text-reset {
  color: inherit !important
}

.visible {
  visibility: visible !important
}

.invisible {
  visibility: hidden !important
}

@media print {

  *,
  ::after,
  ::before {
    text-shadow: none !important;
    box-shadow: none !important
  }

  a:not(.btn) {
    text-decoration: underline
  }

  abbr[title]::after {
    content: " (" attr(title) ")"
  }

  pre {
    white-space: pre-wrap !important
  }

  blockquote,
  pre {
    border: 1px solid #adb5bd;
    page-break-inside: avoid
  }

  img,
  tr {
    page-break-inside: avoid
  }

  h2,
  h3,
  p {
    orphans: 3;
    widows: 3
  }

  h2,
  h3 {
    page-break-after: avoid
  }

  @page {
    size: a3
  }

  body {
    min-width: 992px !important
  }

  .container {
    min-width: 992px !important
  }

  .navbar {
    display: none
  }

  .badge {
    border: 1px solid #000
  }

  .table {
    border-collapse: collapse !important
  }

  .table td,
  .table th {
    background-color: #fff !important
  }

  .table-bordered td,
  .table-bordered th {
    border: 1px solid #dee2e6 !important
  }

  .table-dark {
    color: inherit
  }

  .table-dark tbody+tbody,
  .table-dark td,
  .table-dark th,
  .table-dark thead th {
    border-color: #dee2e6
  }

  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6
  }
}

/* Font Awesome 4.7 */
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: 'FontAwesome';
  src: url('../vendor/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../vendor/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../vendor/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../vendor/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../vendor/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../vendor/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.fa-lg {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%
}

.fa-2x {
  font-size: 2em
}

.fa-3x {
  font-size: 3em
}

.fa-4x {
  font-size: 4em
}

.fa-5x {
  font-size: 5em
}

.fa-fw {
  width: 1.28571429em;
  text-align: center
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none
}

.fa-ul>li {
  position: relative
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: .14285714em;
  text-align: center
}

.fa-li.fa-lg {
  left: -1.85714286em
}

.fa-border {
  padding: .2em .25em .15em;
  border: solid .08em #eee;
  border-radius: .1em
}

.fa-pull-left {
  float: left
}

.fa-pull-right {
  float: right
}

.fa.fa-pull-left {
  margin-right: .3em
}

.fa.fa-pull-right {
  margin-left: .3em
}

.pull-right {
  float: right
}

.pull-left {
  float: left
}

.fa.pull-left {
  margin-right: .3em
}

.fa.pull-right {
  margin-left: .3em
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg)
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1)
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1)
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle
}

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center
}

.fa-stack-1x {
  line-height: inherit
}

.fa-stack-2x {
  font-size: 2em
}

.fa-inverse {
  color: #fff
}

.fa-glass:before {
  content: "\f000"
}

.fa-music:before {
  content: "\f001"
}

.fa-search:before {
  content: "\f002"
}

.fa-envelope-o:before {
  content: "\f003"
}

.fa-heart:before {
  content: "\f004"
}

.fa-star:before {
  content: "\f005"
}

.fa-star-o:before {
  content: "\f006"
}

.fa-user:before {
  content: "\f007"
}

.fa-film:before {
  content: "\f008"
}

.fa-th-large:before {
  content: "\f009"
}

.fa-th:before {
  content: "\f00a"
}

.fa-th-list:before {
  content: "\f00b"
}

.fa-check:before {
  content: "\f00c"
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d"
}

.fa-search-plus:before {
  content: "\f00e"
}

.fa-search-minus:before {
  content: "\f010"
}

.fa-power-off:before {
  content: "\f011"
}

.fa-signal:before {
  content: "\f012"
}

.fa-gear:before,
.fa-cog:before {
  content: "\f013"
}

.fa-trash-o:before {
  content: "\f014"
}

.fa-home:before {
  content: "\f015"
}

.fa-file-o:before {
  content: "\f016"
}

.fa-clock-o:before {
  content: "\f017"
}

.fa-road:before {
  content: "\f018"
}

.fa-download:before {
  content: "\f019"
}

.fa-arrow-circle-o-down:before {
  content: "\f01a"
}

.fa-arrow-circle-o-up:before {
  content: "\f01b"
}

.fa-inbox:before {
  content: "\f01c"
}

.fa-play-circle-o:before {
  content: "\f01d"
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e"
}

.fa-refresh:before {
  content: "\f021"
}

.fa-list-alt:before {
  content: "\f022"
}

.fa-lock:before {
  content: "\f023"
}

.fa-flag:before {
  content: "\f024"
}

.fa-headphones:before {
  content: "\f025"
}

.fa-volume-off:before {
  content: "\f026"
}

.fa-volume-down:before {
  content: "\f027"
}

.fa-volume-up:before {
  content: "\f028"
}

.fa-qrcode:before {
  content: "\f029"
}

.fa-barcode:before {
  content: "\f02a"
}

.fa-tag:before {
  content: "\f02b"
}

.fa-tags:before {
  content: "\f02c"
}

.fa-book:before {
  content: "\f02d"
}

.fa-bookmark:before {
  content: "\f02e"
}

.fa-print:before {
  content: "\f02f"
}

.fa-camera:before {
  content: "\f030"
}

.fa-font:before {
  content: "\f031"
}

.fa-bold:before {
  content: "\f032"
}

.fa-italic:before {
  content: "\f033"
}

.fa-text-height:before {
  content: "\f034"
}

.fa-text-width:before {
  content: "\f035"
}

.fa-align-left:before {
  content: "\f036"
}

.fa-align-center:before {
  content: "\f037"
}

.fa-align-right:before {
  content: "\f038"
}

.fa-align-justify:before {
  content: "\f039"
}

.fa-list:before {
  content: "\f03a"
}

.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b"
}

.fa-indent:before {
  content: "\f03c"
}

.fa-video-camera:before {
  content: "\f03d"
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e"
}

.fa-pencil:before {
  content: "\f040"
}

.fa-map-marker:before {
  content: "\f041"
}

.fa-adjust:before {
  content: "\f042"
}

.fa-tint:before {
  content: "\f043"
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044"
}

.fa-share-square-o:before {
  content: "\f045"
}

.fa-check-square-o:before {
  content: "\f046"
}

.fa-arrows:before {
  content: "\f047"
}

.fa-step-backward:before {
  content: "\f048"
}

.fa-fast-backward:before {
  content: "\f049"
}

.fa-backward:before {
  content: "\f04a"
}

.fa-play:before {
  content: "\f04b"
}

.fa-pause:before {
  content: "\f04c"
}

.fa-stop:before {
  content: "\f04d"
}

.fa-forward:before {
  content: "\f04e"
}

.fa-fast-forward:before {
  content: "\f050"
}

.fa-step-forward:before {
  content: "\f051"
}

.fa-eject:before {
  content: "\f052"
}

.fa-chevron-left:before {
  content: "\f053"
}

.fa-chevron-right:before {
  content: "\f054"
}

.fa-plus-circle:before {
  content: "\f055"
}

.fa-minus-circle:before {
  content: "\f056"
}

.fa-times-circle:before {
  content: "\f057"
}

.fa-check-circle:before {
  content: "\f058"
}

.fa-question-circle:before {
  content: "\f059"
}

.fa-info-circle:before {
  content: "\f05a"
}

.fa-crosshairs:before {
  content: "\f05b"
}

.fa-times-circle-o:before {
  content: "\f05c"
}

.fa-check-circle-o:before {
  content: "\f05d"
}

.fa-ban:before {
  content: "\f05e"
}

.fa-arrow-left:before {
  content: "\f060"
}

.fa-arrow-right:before {
  content: "\f061"
}

.fa-arrow-up:before {
  content: "\f062"
}

.fa-arrow-down:before {
  content: "\f063"
}

.fa-mail-forward:before,
.fa-share:before {
  content: "\f064"
}

.fa-expand:before {
  content: "\f065"
}

.fa-compress:before {
  content: "\f066"
}

.fa-plus:before {
  content: "\f067"
}

.fa-minus:before {
  content: "\f068"
}

.fa-asterisk:before {
  content: "\f069"
}

.fa-exclamation-circle:before {
  content: "\f06a"
}

.fa-gift:before {
  content: "\f06b"
}

.fa-leaf:before {
  content: "\f06c"
}

.fa-fire:before {
  content: "\f06d"
}

.fa-eye:before {
  content: "\f06e"
}

.fa-eye-slash:before {
  content: "\f070"
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071"
}

.fa-plane:before {
  content: "\f072"
}

.fa-calendar:before {
  content: "\f073"
}

.fa-random:before {
  content: "\f074"
}

.fa-comment:before {
  content: "\f075"
}

.fa-magnet:before {
  content: "\f076"
}

.fa-chevron-up:before {
  content: "\f077"
}

.fa-chevron-down:before {
  content: "\f078"
}

.fa-retweet:before {
  content: "\f079"
}

.fa-shopping-cart:before {
  content: "\f07a"
}

.fa-folder:before {
  content: "\f07b"
}

.fa-folder-open:before {
  content: "\f07c"
}

.fa-arrows-v:before {
  content: "\f07d"
}

.fa-arrows-h:before {
  content: "\f07e"
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080"
}

.fa-twitter-square:before {
  content: "\f081"
}

.fa-facebook-square:before {
  content: "\f082"
}

.fa-camera-retro:before {
  content: "\f083"
}

.fa-key:before {
  content: "\f084"
}

.fa-gears:before,
.fa-cogs:before {
  content: "\f085"
}

.fa-comments:before {
  content: "\f086"
}

.fa-thumbs-o-up:before {
  content: "\f087"
}

.fa-thumbs-o-down:before {
  content: "\f088"
}

.fa-star-half:before {
  content: "\f089"
}

.fa-heart-o:before {
  content: "\f08a"
}

.fa-sign-out:before {
  content: "\f08b"
}

.fa-linkedin-square:before {
  content: "\f08c"
}

.fa-thumb-tack:before {
  content: "\f08d"
}

.fa-external-link:before {
  content: "\f08e"
}

.fa-sign-in:before {
  content: "\f090"
}

.fa-trophy:before {
  content: "\f091"
}

.fa-github-square:before {
  content: "\f092"
}

.fa-upload:before {
  content: "\f093"
}

.fa-lemon-o:before {
  content: "\f094"
}

.fa-phone:before {
  content: "\f095"
}

.fa-square-o:before {
  content: "\f096"
}

.fa-bookmark-o:before {
  content: "\f097"
}

.fa-phone-square:before {
  content: "\f098"
}

.fa-twitter:before {
  content: "\f099"
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a"
}

.fa-github:before {
  content: "\f09b"
}

.fa-unlock:before {
  content: "\f09c"
}

.fa-credit-card:before {
  content: "\f09d"
}

.fa-feed:before,
.fa-rss:before {
  content: "\f09e"
}

.fa-hdd-o:before {
  content: "\f0a0"
}

.fa-bullhorn:before {
  content: "\f0a1"
}

.fa-bell:before {
  content: "\f0f3"
}

.fa-certificate:before {
  content: "\f0a3"
}

.fa-hand-o-right:before {
  content: "\f0a4"
}

.fa-hand-o-left:before {
  content: "\f0a5"
}

.fa-hand-o-up:before {
  content: "\f0a6"
}

.fa-hand-o-down:before {
  content: "\f0a7"
}

.fa-arrow-circle-left:before {
  content: "\f0a8"
}

.fa-arrow-circle-right:before {
  content: "\f0a9"
}

.fa-arrow-circle-up:before {
  content: "\f0aa"
}

.fa-arrow-circle-down:before {
  content: "\f0ab"
}

.fa-globe:before {
  content: "\f0ac"
}

.fa-wrench:before {
  content: "\f0ad"
}

.fa-tasks:before {
  content: "\f0ae"
}

.fa-filter:before {
  content: "\f0b0"
}

.fa-briefcase:before {
  content: "\f0b1"
}

.fa-arrows-alt:before {
  content: "\f0b2"
}

.fa-group:before,
.fa-users:before {
  content: "\f0c0"
}

.fa-chain:before,
.fa-link:before {
  content: "\f0c1"
}

.fa-cloud:before {
  content: "\f0c2"
}

.fa-flask:before {
  content: "\f0c3"
}

.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4"
}

.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5"
}

.fa-paperclip:before {
  content: "\f0c6"
}

.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7"
}

.fa-square:before {
  content: "\f0c8"
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9"
}

.fa-list-ul:before {
  content: "\f0ca"
}

.fa-list-ol:before {
  content: "\f0cb"
}

.fa-strikethrough:before {
  content: "\f0cc"
}

.fa-underline:before {
  content: "\f0cd"
}

.fa-table:before {
  content: "\f0ce"
}

.fa-magic:before {
  content: "\f0d0"
}

.fa-truck:before {
  content: "\f0d1"
}

.fa-pinterest:before {
  content: "\f0d2"
}

.fa-pinterest-square:before {
  content: "\f0d3"
}

.fa-google-plus-square:before {
  content: "\f0d4"
}

.fa-google-plus:before {
  content: "\f0d5"
}

.fa-money:before {
  content: "\f0d6"
}

.fa-caret-down:before {
  content: "\f0d7"
}

.fa-caret-up:before {
  content: "\f0d8"
}

.fa-caret-left:before {
  content: "\f0d9"
}

.fa-caret-right:before {
  content: "\f0da"
}

.fa-columns:before {
  content: "\f0db"
}

.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc"
}

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd"
}

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de"
}

.fa-envelope:before {
  content: "\f0e0"
}

.fa-linkedin:before {
  content: "\f0e1"
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2"
}

.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3"
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4"
}

.fa-comment-o:before {
  content: "\f0e5"
}

.fa-comments-o:before {
  content: "\f0e6"
}

.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7"
}

.fa-sitemap:before {
  content: "\f0e8"
}

.fa-umbrella:before {
  content: "\f0e9"
}

.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea"
}

.fa-lightbulb-o:before {
  content: "\f0eb"
}

.fa-exchange:before {
  content: "\f0ec"
}

.fa-cloud-download:before {
  content: "\f0ed"
}

.fa-cloud-upload:before {
  content: "\f0ee"
}

.fa-user-md:before {
  content: "\f0f0"
}

.fa-stethoscope:before {
  content: "\f0f1"
}

.fa-suitcase:before {
  content: "\f0f2"
}

.fa-bell-o:before {
  content: "\f0a2"
}

.fa-coffee:before {
  content: "\f0f4"
}

.fa-cutlery:before {
  content: "\f0f5"
}

.fa-file-text-o:before {
  content: "\f0f6"
}

.fa-building-o:before {
  content: "\f0f7"
}

.fa-hospital-o:before {
  content: "\f0f8"
}

.fa-ambulance:before {
  content: "\f0f9"
}

.fa-medkit:before {
  content: "\f0fa"
}

.fa-fighter-jet:before {
  content: "\f0fb"
}

.fa-beer:before {
  content: "\f0fc"
}

.fa-h-square:before {
  content: "\f0fd"
}

.fa-plus-square:before {
  content: "\f0fe"
}

.fa-angle-double-left:before {
  content: "\f100"
}

.fa-angle-double-right:before {
  content: "\f101"
}

.fa-angle-double-up:before {
  content: "\f102"
}

.fa-angle-double-down:before {
  content: "\f103"
}

.fa-angle-left:before {
  content: "\f104"
}

.fa-angle-right:before {
  content: "\f105"
}

.fa-angle-up:before {
  content: "\f106"
}

.fa-angle-down:before {
  content: "\f107"
}

.fa-desktop:before {
  content: "\f108"
}

.fa-laptop:before {
  content: "\f109"
}

.fa-tablet:before {
  content: "\f10a"
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b"
}

.fa-circle-o:before {
  content: "\f10c"
}

.fa-quote-left:before {
  content: "\f10d"
}

.fa-quote-right:before {
  content: "\f10e"
}

.fa-spinner:before {
  content: "\f110"
}

.fa-circle:before {
  content: "\f111"
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112"
}

.fa-github-alt:before {
  content: "\f113"
}

.fa-folder-o:before {
  content: "\f114"
}

.fa-folder-open-o:before {
  content: "\f115"
}

.fa-smile-o:before {
  content: "\f118"
}

.fa-frown-o:before {
  content: "\f119"
}

.fa-meh-o:before {
  content: "\f11a"
}

.fa-gamepad:before {
  content: "\f11b"
}

.fa-keyboard-o:before {
  content: "\f11c"
}

.fa-flag-o:before {
  content: "\f11d"
}

.fa-flag-checkered:before {
  content: "\f11e"
}

.fa-terminal:before {
  content: "\f120"
}

.fa-code:before {
  content: "\f121"
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122"
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123"
}

.fa-location-arrow:before {
  content: "\f124"
}

.fa-crop:before {
  content: "\f125"
}

.fa-code-fork:before {
  content: "\f126"
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127"
}

.fa-question:before {
  content: "\f128"
}

.fa-info:before {
  content: "\f129"
}

.fa-exclamation:before {
  content: "\f12a"
}

.fa-superscript:before {
  content: "\f12b"
}

.fa-subscript:before {
  content: "\f12c"
}

.fa-eraser:before {
  content: "\f12d"
}

.fa-puzzle-piece:before {
  content: "\f12e"
}

.fa-microphone:before {
  content: "\f130"
}

.fa-microphone-slash:before {
  content: "\f131"
}

.fa-shield:before {
  content: "\f132"
}

.fa-calendar-o:before {
  content: "\f133"
}

.fa-fire-extinguisher:before {
  content: "\f134"
}

.fa-rocket:before {
  content: "\f135"
}

.fa-maxcdn:before {
  content: "\f136"
}

.fa-chevron-circle-left:before {
  content: "\f137"
}

.fa-chevron-circle-right:before {
  content: "\f138"
}

.fa-chevron-circle-up:before {
  content: "\f139"
}

.fa-chevron-circle-down:before {
  content: "\f13a"
}

.fa-html5:before {
  content: "\f13b"
}

.fa-css3:before {
  content: "\f13c"
}

.fa-anchor:before {
  content: "\f13d"
}

.fa-unlock-alt:before {
  content: "\f13e"
}

.fa-bullseye:before {
  content: "\f140"
}

.fa-ellipsis-h:before {
  content: "\f141"
}

.fa-ellipsis-v:before {
  content: "\f142"
}

.fa-rss-square:before {
  content: "\f143"
}

.fa-play-circle:before {
  content: "\f144"
}

.fa-ticket:before {
  content: "\f145"
}

.fa-minus-square:before {
  content: "\f146"
}

.fa-minus-square-o:before {
  content: "\f147"
}

.fa-level-up:before {
  content: "\f148"
}

.fa-level-down:before {
  content: "\f149"
}

.fa-check-square:before {
  content: "\f14a"
}

.fa-pencil-square:before {
  content: "\f14b"
}

.fa-external-link-square:before {
  content: "\f14c"
}

.fa-share-square:before {
  content: "\f14d"
}

.fa-compass:before {
  content: "\f14e"
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150"
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151"
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152"
}

.fa-euro:before,
.fa-eur:before {
  content: "\f153"
}

.fa-gbp:before {
  content: "\f154"
}

.fa-dollar:before,
.fa-usd:before {
  content: "\f155"
}

.fa-rupee:before,
.fa-inr:before {
  content: "\f156"
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157"
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158"
}

.fa-won:before,
.fa-krw:before {
  content: "\f159"
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a"
}

.fa-file:before {
  content: "\f15b"
}

.fa-file-text:before {
  content: "\f15c"
}

.fa-sort-alpha-asc:before {
  content: "\f15d"
}

.fa-sort-alpha-desc:before {
  content: "\f15e"
}

.fa-sort-amount-asc:before {
  content: "\f160"
}

.fa-sort-amount-desc:before {
  content: "\f161"
}

.fa-sort-numeric-asc:before {
  content: "\f162"
}

.fa-sort-numeric-desc:before {
  content: "\f163"
}

.fa-thumbs-up:before {
  content: "\f164"
}

.fa-thumbs-down:before {
  content: "\f165"
}

.fa-youtube-square:before {
  content: "\f166"
}

.fa-youtube:before {
  content: "\f167"
}

.fa-xing:before {
  content: "\f168"
}

.fa-xing-square:before {
  content: "\f169"
}

.fa-youtube-play:before {
  content: "\f16a"
}

.fa-dropbox:before {
  content: "\f16b"
}

.fa-stack-overflow:before {
  content: "\f16c"
}

.fa-instagram:before {
  content: "\f16d"
}

.fa-flickr:before {
  content: "\f16e"
}

.fa-adn:before {
  content: "\f170"
}

.fa-bitbucket:before {
  content: "\f171"
}

.fa-bitbucket-square:before {
  content: "\f172"
}

.fa-tumblr:before {
  content: "\f173"
}

.fa-tumblr-square:before {
  content: "\f174"
}

.fa-long-arrow-down:before {
  content: "\f175"
}

.fa-long-arrow-up:before {
  content: "\f176"
}

.fa-long-arrow-left:before {
  content: "\f177"
}

.fa-long-arrow-right:before {
  content: "\f178"
}

.fa-apple:before {
  content: "\f179"
}

.fa-windows:before {
  content: "\f17a"
}

.fa-android:before {
  content: "\f17b"
}

.fa-linux:before {
  content: "\f17c"
}

.fa-dribbble:before {
  content: "\f17d"
}

.fa-skype:before {
  content: "\f17e"
}

.fa-foursquare:before {
  content: "\f180"
}

.fa-trello:before {
  content: "\f181"
}

.fa-female:before {
  content: "\f182"
}

.fa-male:before {
  content: "\f183"
}

.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184"
}

.fa-sun-o:before {
  content: "\f185"
}

.fa-moon-o:before {
  content: "\f186"
}

.fa-archive:before {
  content: "\f187"
}

.fa-bug:before {
  content: "\f188"
}

.fa-vk:before {
  content: "\f189"
}

.fa-weibo:before {
  content: "\f18a"
}

.fa-renren:before {
  content: "\f18b"
}

.fa-pagelines:before {
  content: "\f18c"
}

.fa-stack-exchange:before {
  content: "\f18d"
}

.fa-arrow-circle-o-right:before {
  content: "\f18e"
}

.fa-arrow-circle-o-left:before {
  content: "\f190"
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191"
}

.fa-dot-circle-o:before {
  content: "\f192"
}

.fa-wheelchair:before {
  content: "\f193"
}

.fa-vimeo-square:before {
  content: "\f194"
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195"
}

.fa-plus-square-o:before {
  content: "\f196"
}

.fa-space-shuttle:before {
  content: "\f197"
}

.fa-slack:before {
  content: "\f198"
}

.fa-envelope-square:before {
  content: "\f199"
}

.fa-wordpress:before {
  content: "\f19a"
}

.fa-openid:before {
  content: "\f19b"
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c"
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d"
}

.fa-yahoo:before {
  content: "\f19e"
}

.fa-google:before {
  content: "\f1a0"
}

.fa-reddit:before {
  content: "\f1a1"
}

.fa-reddit-square:before {
  content: "\f1a2"
}

.fa-stumbleupon-circle:before {
  content: "\f1a3"
}

.fa-stumbleupon:before {
  content: "\f1a4"
}

.fa-delicious:before {
  content: "\f1a5"
}

.fa-digg:before {
  content: "\f1a6"
}

.fa-pied-piper-pp:before {
  content: "\f1a7"
}

.fa-pied-piper-alt:before {
  content: "\f1a8"
}

.fa-drupal:before {
  content: "\f1a9"
}

.fa-joomla:before {
  content: "\f1aa"
}

.fa-language:before {
  content: "\f1ab"
}

.fa-fax:before {
  content: "\f1ac"
}

.fa-building:before {
  content: "\f1ad"
}

.fa-child:before {
  content: "\f1ae"
}

.fa-paw:before {
  content: "\f1b0"
}

.fa-spoon:before {
  content: "\f1b1"
}

.fa-cube:before {
  content: "\f1b2"
}

.fa-cubes:before {
  content: "\f1b3"
}

.fa-behance:before {
  content: "\f1b4"
}

.fa-behance-square:before {
  content: "\f1b5"
}

.fa-steam:before {
  content: "\f1b6"
}

.fa-steam-square:before {
  content: "\f1b7"
}

.fa-recycle:before {
  content: "\f1b8"
}

.fa-automobile:before,
.fa-car:before {
  content: "\f1b9"
}

.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba"
}

.fa-tree:before {
  content: "\f1bb"
}

.fa-spotify:before {
  content: "\f1bc"
}

.fa-deviantart:before {
  content: "\f1bd"
}

.fa-soundcloud:before {
  content: "\f1be"
}

.fa-database:before {
  content: "\f1c0"
}

.fa-file-pdf-o:before {
  content: "\f1c1"
}

.fa-file-word-o:before {
  content: "\f1c2"
}

.fa-file-excel-o:before {
  content: "\f1c3"
}

.fa-file-powerpoint-o:before {
  content: "\f1c4"
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5"
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6"
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7"
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8"
}

.fa-file-code-o:before {
  content: "\f1c9"
}

.fa-vine:before {
  content: "\f1ca"
}

.fa-codepen:before {
  content: "\f1cb"
}

.fa-jsfiddle:before {
  content: "\f1cc"
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd"
}

.fa-circle-o-notch:before {
  content: "\f1ce"
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0"
}

.fa-ge:before,
.fa-empire:before {
  content: "\f1d1"
}

.fa-git-square:before {
  content: "\f1d2"
}

.fa-git:before {
  content: "\f1d3"
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4"
}

.fa-tencent-weibo:before {
  content: "\f1d5"
}

.fa-qq:before {
  content: "\f1d6"
}

.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7"
}

.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8"
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9"
}

.fa-history:before {
  content: "\f1da"
}

.fa-circle-thin:before {
  content: "\f1db"
}

.fa-header:before {
  content: "\f1dc"
}

.fa-paragraph:before {
  content: "\f1dd"
}

.fa-sliders:before {
  content: "\f1de"
}

.fa-share-alt:before {
  content: "\f1e0"
}

.fa-share-alt-square:before {
  content: "\f1e1"
}

.fa-bomb:before {
  content: "\f1e2"
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3"
}

.fa-tty:before {
  content: "\f1e4"
}

.fa-binoculars:before {
  content: "\f1e5"
}

.fa-plug:before {
  content: "\f1e6"
}

.fa-slideshare:before {
  content: "\f1e7"
}

.fa-twitch:before {
  content: "\f1e8"
}

.fa-yelp:before {
  content: "\f1e9"
}

.fa-newspaper-o:before {
  content: "\f1ea"
}

.fa-wifi:before {
  content: "\f1eb"
}

.fa-calculator:before {
  content: "\f1ec"
}

.fa-paypal:before {
  content: "\f1ed"
}

.fa-google-wallet:before {
  content: "\f1ee"
}

.fa-cc-visa:before {
  content: "\f1f0"
}

.fa-cc-mastercard:before {
  content: "\f1f1"
}

.fa-cc-discover:before {
  content: "\f1f2"
}

.fa-cc-amex:before {
  content: "\f1f3"
}

.fa-cc-paypal:before {
  content: "\f1f4"
}

.fa-cc-stripe:before {
  content: "\f1f5"
}

.fa-bell-slash:before {
  content: "\f1f6"
}

.fa-bell-slash-o:before {
  content: "\f1f7"
}

.fa-trash:before {
  content: "\f1f8"
}

.fa-copyright:before {
  content: "\f1f9"
}

.fa-at:before {
  content: "\f1fa"
}

.fa-eyedropper:before {
  content: "\f1fb"
}

.fa-paint-brush:before {
  content: "\f1fc"
}

.fa-birthday-cake:before {
  content: "\f1fd"
}

.fa-area-chart:before {
  content: "\f1fe"
}

.fa-pie-chart:before {
  content: "\f200"
}

.fa-line-chart:before {
  content: "\f201"
}

.fa-lastfm:before {
  content: "\f202"
}

.fa-lastfm-square:before {
  content: "\f203"
}

.fa-toggle-off:before {
  content: "\f204"
}

.fa-toggle-on:before {
  content: "\f205"
}

.fa-bicycle:before {
  content: "\f206"
}

.fa-bus:before {
  content: "\f207"
}

.fa-ioxhost:before {
  content: "\f208"
}

.fa-angellist:before {
  content: "\f209"
}

.fa-cc:before {
  content: "\f20a"
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b"
}

.fa-meanpath:before {
  content: "\f20c"
}

.fa-buysellads:before {
  content: "\f20d"
}

.fa-connectdevelop:before {
  content: "\f20e"
}

.fa-dashcube:before {
  content: "\f210"
}

.fa-forumbee:before {
  content: "\f211"
}

.fa-leanpub:before {
  content: "\f212"
}

.fa-sellsy:before {
  content: "\f213"
}

.fa-shirtsinbulk:before {
  content: "\f214"
}

.fa-simplybuilt:before {
  content: "\f215"
}

.fa-skyatlas:before {
  content: "\f216"
}

.fa-cart-plus:before {
  content: "\f217"
}

.fa-cart-arrow-down:before {
  content: "\f218"
}

.fa-diamond:before {
  content: "\f219"
}

.fa-ship:before {
  content: "\f21a"
}

.fa-user-secret:before {
  content: "\f21b"
}

.fa-motorcycle:before {
  content: "\f21c"
}

.fa-street-view:before {
  content: "\f21d"
}

.fa-heartbeat:before {
  content: "\f21e"
}

.fa-venus:before {
  content: "\f221"
}

.fa-mars:before {
  content: "\f222"
}

.fa-mercury:before {
  content: "\f223"
}

.fa-intersex:before,
.fa-transgender:before {
  content: "\f224"
}

.fa-transgender-alt:before {
  content: "\f225"
}

.fa-venus-double:before {
  content: "\f226"
}

.fa-mars-double:before {
  content: "\f227"
}

.fa-venus-mars:before {
  content: "\f228"
}

.fa-mars-stroke:before {
  content: "\f229"
}

.fa-mars-stroke-v:before {
  content: "\f22a"
}

.fa-mars-stroke-h:before {
  content: "\f22b"
}

.fa-neuter:before {
  content: "\f22c"
}

.fa-genderless:before {
  content: "\f22d"
}

.fa-facebook-official:before {
  content: "\f230"
}

.fa-pinterest-p:before {
  content: "\f231"
}

.fa-whatsapp:before {
  content: "\f232"
}

.fa-server:before {
  content: "\f233"
}

.fa-user-plus:before {
  content: "\f234"
}

.fa-user-times:before {
  content: "\f235"
}

.fa-hotel:before,
.fa-bed:before {
  content: "\f236"
}

.fa-viacoin:before {
  content: "\f237"
}

.fa-train:before {
  content: "\f238"
}

.fa-subway:before {
  content: "\f239"
}

.fa-medium:before {
  content: "\f23a"
}

.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b"
}

.fa-optin-monster:before {
  content: "\f23c"
}

.fa-opencart:before {
  content: "\f23d"
}

.fa-expeditedssl:before {
  content: "\f23e"
}

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240"
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241"
}

.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242"
}

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243"
}

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244"
}

.fa-mouse-pointer:before {
  content: "\f245"
}

.fa-i-cursor:before {
  content: "\f246"
}

.fa-object-group:before {
  content: "\f247"
}

.fa-object-ungroup:before {
  content: "\f248"
}

.fa-sticky-note:before {
  content: "\f249"
}

.fa-sticky-note-o:before {
  content: "\f24a"
}

.fa-cc-jcb:before {
  content: "\f24b"
}

.fa-cc-diners-club:before {
  content: "\f24c"
}

.fa-clone:before {
  content: "\f24d"
}

.fa-balance-scale:before {
  content: "\f24e"
}

.fa-hourglass-o:before {
  content: "\f250"
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251"
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252"
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253"
}

.fa-hourglass:before {
  content: "\f254"
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255"
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256"
}

.fa-hand-scissors-o:before {
  content: "\f257"
}

.fa-hand-lizard-o:before {
  content: "\f258"
}

.fa-hand-spock-o:before {
  content: "\f259"
}

.fa-hand-pointer-o:before {
  content: "\f25a"
}

.fa-hand-peace-o:before {
  content: "\f25b"
}

.fa-trademark:before {
  content: "\f25c"
}

.fa-registered:before {
  content: "\f25d"
}

.fa-creative-commons:before {
  content: "\f25e"
}

.fa-gg:before {
  content: "\f260"
}

.fa-gg-circle:before {
  content: "\f261"
}

.fa-tripadvisor:before {
  content: "\f262"
}

.fa-odnoklassniki:before {
  content: "\f263"
}

.fa-odnoklassniki-square:before {
  content: "\f264"
}

.fa-get-pocket:before {
  content: "\f265"
}

.fa-wikipedia-w:before {
  content: "\f266"
}

.fa-safari:before {
  content: "\f267"
}

.fa-chrome:before {
  content: "\f268"
}

.fa-firefox:before {
  content: "\f269"
}

.fa-opera:before {
  content: "\f26a"
}

.fa-internet-explorer:before {
  content: "\f26b"
}

.fa-tv:before,
.fa-television:before {
  content: "\f26c"
}

.fa-contao:before {
  content: "\f26d"
}

.fa-500px:before {
  content: "\f26e"
}

.fa-amazon:before {
  content: "\f270"
}

.fa-calendar-plus-o:before {
  content: "\f271"
}

.fa-calendar-minus-o:before {
  content: "\f272"
}

.fa-calendar-times-o:before {
  content: "\f273"
}

.fa-calendar-check-o:before {
  content: "\f274"
}

.fa-industry:before {
  content: "\f275"
}

.fa-map-pin:before {
  content: "\f276"
}

.fa-map-signs:before {
  content: "\f277"
}

.fa-map-o:before {
  content: "\f278"
}

.fa-map:before {
  content: "\f279"
}

.fa-commenting:before {
  content: "\f27a"
}

.fa-commenting-o:before {
  content: "\f27b"
}

.fa-houzz:before {
  content: "\f27c"
}

.fa-vimeo:before {
  content: "\f27d"
}

.fa-black-tie:before {
  content: "\f27e"
}

.fa-fonticons:before {
  content: "\f280"
}

.fa-reddit-alien:before {
  content: "\f281"
}

.fa-edge:before {
  content: "\f282"
}

.fa-credit-card-alt:before {
  content: "\f283"
}

.fa-codiepie:before {
  content: "\f284"
}

.fa-modx:before {
  content: "\f285"
}

.fa-fort-awesome:before {
  content: "\f286"
}

.fa-usb:before {
  content: "\f287"
}

.fa-product-hunt:before {
  content: "\f288"
}

.fa-mixcloud:before {
  content: "\f289"
}

.fa-scribd:before {
  content: "\f28a"
}

.fa-pause-circle:before {
  content: "\f28b"
}

.fa-pause-circle-o:before {
  content: "\f28c"
}

.fa-stop-circle:before {
  content: "\f28d"
}

.fa-stop-circle-o:before {
  content: "\f28e"
}

.fa-shopping-bag:before {
  content: "\f290"
}

.fa-shopping-basket:before {
  content: "\f291"
}

.fa-hashtag:before {
  content: "\f292"
}

.fa-bluetooth:before {
  content: "\f293"
}

.fa-bluetooth-b:before {
  content: "\f294"
}

.fa-percent:before {
  content: "\f295"
}

.fa-gitlab:before {
  content: "\f296"
}

.fa-wpbeginner:before {
  content: "\f297"
}

.fa-wpforms:before {
  content: "\f298"
}

.fa-envira:before {
  content: "\f299"
}

.fa-universal-access:before {
  content: "\f29a"
}

.fa-wheelchair-alt:before {
  content: "\f29b"
}

.fa-question-circle-o:before {
  content: "\f29c"
}

.fa-blind:before {
  content: "\f29d"
}

.fa-audio-description:before {
  content: "\f29e"
}

.fa-volume-control-phone:before {
  content: "\f2a0"
}

.fa-braille:before {
  content: "\f2a1"
}

.fa-assistive-listening-systems:before {
  content: "\f2a2"
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3"
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4"
}

.fa-glide:before {
  content: "\f2a5"
}

.fa-glide-g:before {
  content: "\f2a6"
}

.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7"
}

.fa-low-vision:before {
  content: "\f2a8"
}

.fa-viadeo:before {
  content: "\f2a9"
}

.fa-viadeo-square:before {
  content: "\f2aa"
}

.fa-snapchat:before {
  content: "\f2ab"
}

.fa-snapchat-ghost:before {
  content: "\f2ac"
}

.fa-snapchat-square:before {
  content: "\f2ad"
}

.fa-pied-piper:before {
  content: "\f2ae"
}

.fa-first-order:before {
  content: "\f2b0"
}

.fa-yoast:before {
  content: "\f2b1"
}

.fa-themeisle:before {
  content: "\f2b2"
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3"
}

.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4"
}

.fa-handshake-o:before {
  content: "\f2b5"
}

.fa-envelope-open:before {
  content: "\f2b6"
}

.fa-envelope-open-o:before {
  content: "\f2b7"
}

.fa-linode:before {
  content: "\f2b8"
}

.fa-address-book:before {
  content: "\f2b9"
}

.fa-address-book-o:before {
  content: "\f2ba"
}

.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb"
}

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc"
}

.fa-user-circle:before {
  content: "\f2bd"
}

.fa-user-circle-o:before {
  content: "\f2be"
}

.fa-user-o:before {
  content: "\f2c0"
}

.fa-id-badge:before {
  content: "\f2c1"
}

.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2"
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3"
}

.fa-quora:before {
  content: "\f2c4"
}

.fa-free-code-camp:before {
  content: "\f2c5"
}

.fa-telegram:before {
  content: "\f2c6"
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7"
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8"
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9"
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca"
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb"
}

.fa-shower:before {
  content: "\f2cc"
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd"
}

.fa-podcast:before {
  content: "\f2ce"
}

.fa-window-maximize:before {
  content: "\f2d0"
}

.fa-window-minimize:before {
  content: "\f2d1"
}

.fa-window-restore:before {
  content: "\f2d2"
}

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3"
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4"
}

.fa-bandcamp:before {
  content: "\f2d5"
}

.fa-grav:before {
  content: "\f2d6"
}

.fa-etsy:before {
  content: "\f2d7"
}

.fa-imdb:before {
  content: "\f2d8"
}

.fa-ravelry:before {
  content: "\f2d9"
}

.fa-eercast:before {
  content: "\f2da"
}

.fa-microchip:before {
  content: "\f2db"
}

.fa-snowflake-o:before {
  content: "\f2dc"
}

.fa-superpowers:before {
  content: "\f2dd"
}

.fa-wpexplorer:before {
  content: "\f2de"
}

.fa-meetup:before {
  content: "\f2e0"
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto
}

/* Lexend font family */
@font-face {
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../vendor/lexend/lexend-0.ttf') format('truetype');
}
@font-face {
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../vendor/lexend/lexend-1.ttf') format('truetype');
}
@font-face {
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../vendor/lexend/lexend-2.ttf') format('truetype');
}
@font-face {
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../vendor/lexend/lexend-3.ttf') format('truetype');
}
@font-face {
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../vendor/lexend/lexend-4.ttf') format('truetype');
}
@font-face {
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('../vendor/lexend/lexend-5.ttf') format('truetype');
}


/* Preview directory (not part of any case-study page) */
html.cs-preview-index,
html.cs-preview-index body {
  min-height: 100%;
  background: #f7f8fb;
}

html.cs-preview-index body {
  margin: 0;
  color: #0b1930;
  font-family: "Lexend", sans-serif;
}

html.cs-preview-index .preview-shell {
  width: min(1120px, calc(100% - 40px));
  margin: 0 auto;
  padding: 72px 0;
}

html.cs-preview-index .preview-eyebrow {
  margin: 0 0 12px;
  color: #f34d6f;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

html.cs-preview-index h1 {
  margin: 0;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.05;
}

html.cs-preview-index .preview-intro {
  max-width: 720px;
  margin: 18px 0 36px;
  color: #5f6d83;
  font-size: 16px;
  line-height: 1.7;
}

html.cs-preview-index .preview-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

html.cs-preview-index .preview-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 82px;
  padding: 20px 22px;
  border: 1px solid #dce3ee;
  border-radius: 12px;
  background: #ffffff;
  color: #0b1930;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

html.cs-preview-index .preview-card:hover,
html.cs-preview-index .preview-card:focus-visible {
  border-color: #f34d6f;
  box-shadow: 0 12px 30px rgba(11, 25, 48, 0.08);
  color: #0b1930;
  outline: none;
  text-decoration: none;
  transform: translateY(-2px);
}

html.cs-preview-index .preview-card i {
  margin-left: 18px;
  color: #f34d6f;
}

@media (max-width: 767.98px) {
  html.cs-preview-index .preview-shell {
    width: min(100% - 28px, 620px);
    padding: 48px 0;
  }

  html.cs-preview-index .preview-grid {
    grid-template-columns: 1fr;
  }
}

/* ================================================================
   Page namespace: Algorithmic-Trading-Case-Study (cs-page-algorithmic-trading)
   ================================================================ */

/* Original file: Algorithmic-Trading-Case-Study/css/bootstrap4-integration.css */
/* Bootstrap 4 grid and tabs, adjusted to preserve the approved Birdi design. */
html.cs-page-algorithmic-trading .case-study .hero-layout.row,
html.cs-page-algorithmic-trading .case-study .brief-layout.row {
  --birdi-column-gap: clamp(32px, 5vw, 64px);
  display: flex !important;
  gap: 0 !important;
  margin-left: 0;
  margin-right: 0;
}
html.cs-page-algorithmic-trading .case-study .brief-layout.row { --birdi-column-gap: clamp(32px, 5vw, 56px); }
html.cs-page-algorithmic-trading .case-study .hero-layout.row > .col-md-6,
html.cs-page-algorithmic-trading .case-study .brief-layout.row > .col-md-6 {
  padding-left: calc(var(--birdi-column-gap) * 0.5);
  padding-right: calc(var(--birdi-column-gap) * 0.5);
}
html.cs-page-algorithmic-trading .case-study .hero-layout.row > .col-md-6:first-child,
html.cs-page-algorithmic-trading .case-study .brief-layout.row > .col-md-6:first-child { padding-left: 0; }
html.cs-page-algorithmic-trading .case-study .hero-layout.row > .col-md-6:last-child,
html.cs-page-algorithmic-trading .case-study .brief-layout.row > .col-md-6:last-child { padding-right: 0; }
html.cs-page-algorithmic-trading .case-study .birdi-contact-button {
  border: 0;
  line-height: normal;
  text-align: inherit;
  vertical-align: baseline;
}
html.cs-page-algorithmic-trading .case-study .birdi-contact-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 34px rgba(213,31,63,.34);
  color: #fff;
}
html.cs-page-algorithmic-trading .case-study .birdi-tech-pill:hover { background: #101d30; color: #fff; }
html.cs-page-algorithmic-trading .case-study .feature-tabs.nav-tabs { border-bottom: 0; }
html.cs-page-algorithmic-trading .case-study .feature-tabs.nav-tabs .nav-link {
  border: 0;
  margin-bottom: 0;
  padding: 20px 8px;
  color: #101d30;
  line-height: 1.4;
}
html.cs-page-algorithmic-trading .case-study .feature-tabs.nav-tabs .nav-link.active { background: #fff; color: #101d30; }
html.cs-page-algorithmic-trading .case-study .tab-content > .features-panel.active { display: grid; }
@media (max-width: 767px) {
  html.cs-page-algorithmic-trading .case-study .hero-layout.row,
  html.cs-page-algorithmic-trading .case-study .brief-layout.row { margin-left: 0; margin-right: 0; }
  html.cs-page-algorithmic-trading .case-study .hero-layout.row > .col-md-6,
  html.cs-page-algorithmic-trading .case-study .brief-layout.row > .col-md-6 { padding-left: 0; padding-right: 0; }
  html.cs-page-algorithmic-trading .case-study .brief-layout.row > .col-md-6 + .col-md-6 { margin-top: 32px; }
}
@media (max-width: 460px) {
  html.cs-page-algorithmic-trading .case-study .feature-tabs.nav-tabs .nav-link { padding: 16px 6px; }
}
@media (prefers-reduced-motion: reduce) {
  html.cs-page-algorithmic-trading .case-study .birdi-contact-button:hover { transform: none; }
}

/* Original file: Algorithmic-Trading-Case-Study/css/birdi.css */
/* Bootstrap Reboot is normalized to the approved page typography. */
html.cs-page-algorithmic-trading,html.cs-page-algorithmic-trading body{height:100%;}
html.cs-page-algorithmic-trading body{line-height:normal;}
html.cs-page-algorithmic-trading h1,html.cs-page-algorithmic-trading h2,html.cs-page-algorithmic-trading h3,html.cs-page-algorithmic-trading h4,html.cs-page-algorithmic-trading h5,html.cs-page-algorithmic-trading h6{font-size:revert;font-weight:revert;line-height:normal;margin:revert;}
html.cs-page-algorithmic-trading .case-study section p,html.cs-page-algorithmic-trading dl,html.cs-page-algorithmic-trading dd,html.cs-page-algorithmic-trading figure{margin:revert;}
html.cs-page-algorithmic-trading .case-study section a:hover{text-decoration:none;}
html.cs-page-algorithmic-trading button{line-height:normal;}

/* Birdi shared styles. Cascade order is intentional; responsive rules remain beside their applicable defaults. */
html.cs-page-algorithmic-trading body {
  margin: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}
html.cs-page-algorithmic-trading * {
  box-sizing: border-box;
}
html.cs-page-algorithmic-trading .case-study section a {
  color: #ee4865;
  text-decoration: none;
}
html.cs-page-algorithmic-trading .case-study section a:hover {
  color: #101d30;
}
html.cs-page-algorithmic-trading {
  font-size: max(16px,100%);
}
html.cs-page-algorithmic-trading body {
  font-size: 16px;
}
html.cs-page-algorithmic-trading button,html.cs-page-algorithmic-trading summary {
  font: inherit;
}
html.cs-page-algorithmic-trading button {
  cursor: pointer;
}
html.cs-page-algorithmic-trading .case-study section img {
  max-width: 100%;
}
html.cs-page-algorithmic-trading button:focus-visible,html.cs-page-algorithmic-trading summary:focus-visible,html.cs-page-algorithmic-trading [tabindex]:focus-visible {
  outline: 3px solid #ee4865;
  outline-offset: 5px;
}
html.cs-page-algorithmic-trading .section-container {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  background: transparent;
}
html.cs-page-algorithmic-trading .section-heading {
  margin-bottom: clamp(32px,4vw,48px);
}
html.cs-page-algorithmic-trading .centered {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
html.cs-page-algorithmic-trading .eyebrow {
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 700;
  color: #ee4865;
  margin: 0 0 18px;
}
html.cs-page-algorithmic-trading .section-heading h2 {
  font-size: clamp(1.55rem,2.4vw,2.1rem);
  line-height: 1.25;
  margin: 0;
}
html.cs-page-algorithmic-trading .section-heading h2 span {
  color: #ee4865;
}
html.cs-page-algorithmic-trading .workflow-section {
  padding: clamp(56px,7vw,84px) 0;
  background: linear-gradient(135deg,#0e1d31 0%,#15233b 100%);
  color: #fff;
}
html.cs-page-algorithmic-trading .workflow-layout {
  display: grid;
  grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr);
  gap: clamp(36px,6vw,80px);
  align-items: start;
}
html.cs-page-algorithmic-trading .workflow-sticky {
  position: sticky;
  top: 124px;
  min-width: 0;
}
/* Short screens need normal page scrolling, not a taller sticky panel. */
@media (max-height:650px) {
  html.cs-page-algorithmic-trading .workflow-sticky { position: relative; top: auto; }
}
html.cs-page-algorithmic-trading .workflow-visual-heading {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .1em;
  margin-bottom: 18px;
}
html.cs-page-algorithmic-trading .workflow-visual-heading span:first-child {
  color: var(--body);
}
html.cs-page-algorithmic-trading .workflow-stage {
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(300px,56vh,560px);
  overflow: hidden;
  color: #101d30;
}
html.cs-page-algorithmic-trading .workflow-screen {
  display: block;
  animation: cs-page-algorithmic-trading-visual-arrive .4s ease;
}
html.cs-page-algorithmic-trading .workflow-caption {
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  margin: 18px 0 16px;
  font-weight: 500;
}
html.cs-page-algorithmic-trading .workflow-progress {
  height: 3px;
  background: rgba(255,255,255,.2);
}
html.cs-page-algorithmic-trading .workflow-progress span {
  display: block;
  height: 100%;
  background: #ee4865;
  transition: width .35s ease;
}
html.cs-page-algorithmic-trading .workflow-explainer {
  width: 100%;
}
html.cs-page-algorithmic-trading .workflow-explainer>i {
  font-size: 44px;
  color: #ee4865;
  margin-bottom: 24px;
}
html.cs-page-algorithmic-trading .workflow-explainer h3 {
  font-size: 24px;
  line-height: 1.3;
  margin: 0 0 24px;
}
html.cs-page-algorithmic-trading .explainer-rows {
  display: grid;
  gap: 0;
}
html.cs-page-algorithmic-trading .explainer-rows>div {
  border-top: 1px solid #e9d3db;
  padding: 14px 0;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  line-height: 1.4;
}
html.cs-page-algorithmic-trading .explainer-rows i {
  color: #ee4865;
  font-size: 16px;
}
html.cs-page-algorithmic-trading .illustration-note {
  font-size: 16px;
  font-weight: 500;
  color: #101d30;
  margin: 18px 0 0;
}
html.cs-page-algorithmic-trading .workflow-timeline {
  border-left: 1px solid rgba(255,255,255,.3);
  padding-left: 32px;
}
html.cs-page-algorithmic-trading .workflow-step {
  position: relative;
  padding: 0 0 56px;
}
html.cs-page-algorithmic-trading .workflow-step:last-child {
  padding-bottom: 0;
  min-height: 200px;
}
html.cs-page-algorithmic-trading .workflow-step:before {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  left: -38px;
  border: 2px solid #ee4865;
  background: #101d30;
  border-radius: 50%;
  transition: box-shadow .25s,background .25s;
}
html.cs-page-algorithmic-trading .workflow-step.is-active:before {
  background: #ee4865;
  box-shadow: 0 0 0 7px rgba(238,72,101,.18);
}
html.cs-page-algorithmic-trading .workflow-step-number {
  letter-spacing: .08em;
  display: flex;
  align-items: baseline;
  margin-bottom: 12px;
}
html.cs-page-algorithmic-trading .workflow-step h3 {
  color: #fff;
  margin: 0 0 16px;
  transition: color .25s;
}
html.cs-page-algorithmic-trading .workflow-step.is-active h3 {
  color: #ee4865;
}
html.cs-page-algorithmic-trading .workflow-step p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  color: #fff;
}
html.cs-page-algorithmic-trading .features-intro {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 64px;
  align-items: end;
  margin-bottom: 40px;
}
html.cs-page-algorithmic-trading .feature-tabs {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
}
html.cs-page-algorithmic-trading .feature-tab {
  border-bottom: 3px solid transparent;
  background: transparent;
  color: #101d30;
  padding: 20px 8px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  text-align: left;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
}
html.cs-page-algorithmic-trading .feature-tab i {
  font-size: 18px;
  color: #ee4865;
}
html.cs-page-algorithmic-trading .feature-tab.is-active {
  border-color: #ee4865;
}
html.cs-page-algorithmic-trading .features-panel {
  display: grid;
  grid-template-columns: 260px minmax(0,1fr);
  gap: 54px;
  padding: 40px 0;
}
html.cs-page-algorithmic-trading .feature-panel-number {
  line-height: 1;
  color: #ee4865;
  font-weight: 600;
}
html.cs-page-algorithmic-trading .feature-panel-heading h3 {
  font-size: 24px;
  line-height: 1.3;
  margin: 16px 0 12px;
}
html.cs-page-algorithmic-trading .feature-panel-heading p {
  font-size: 16px;
  color: #101d30;
}
html.cs-page-algorithmic-trading .feature-items {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 32px;
}
html.cs-page-algorithmic-trading .feature-item {
  border-left: 2px solid #ee4865;
  padding-left: 20px;
}
html.cs-page-algorithmic-trading .feature-item h4 {
  font-size: 17px;
  line-height: 1.4;
  margin: 0 0 12px;
}
html.cs-page-algorithmic-trading .feature-item p {
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
  color: #101d30;
}
html.cs-page-algorithmic-trading .editorial-accordion {
  border-top: 1px solid #c7d0dd;
  color: #101d30;
}
html.cs-page-algorithmic-trading .editorial-accordion:last-child {
  border-bottom: 1px solid #c7d0dd;
}
html.cs-page-algorithmic-trading .editorial-accordion summary {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 26px 0;
  cursor: pointer;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 600;
}
html.cs-page-algorithmic-trading .editorial-accordion summary::-webkit-details-marker {
  display: none;
}
html.cs-page-algorithmic-trading .editorial-accordion summary>span:not(.accordion-number) {
  flex: 1;
}
html.cs-page-algorithmic-trading .editorial-accordion summary>i {
  color: #ee4865;
  font-size: 16px;
  transition: transform .25s;
}
html.cs-page-algorithmic-trading .accordion-number {
  font-size: 28px;
  color: #ee4865;
  font-weight: 600;
}
html.cs-page-algorithmic-trading .editorial-accordion[open] summary {
  color: #c92145;
}
html.cs-page-algorithmic-trading .editorial-accordion[open] summary>i {
  transform: rotate(45deg);
}
html.cs-page-algorithmic-trading .accordion-content {
  padding: 0 0 28px 64px;
  animation: cs-page-algorithmic-trading-content-arrive .3s ease;
}
html.cs-page-algorithmic-trading .accordion-content p {
  font-size: 16px;
  line-height: 1.75;
  margin: 12px 0 0;
  color: #101d30;
}
html.cs-page-algorithmic-trading .lift-card {
  transition: transform .3s,box-shadow .3s;
}
html.cs-page-algorithmic-trading .lift-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 36px rgba(16,29,48,.1);
}
html.cs-page-algorithmic-trading .parallax-visual {
  will-change: transform;
}
html.cs-page-algorithmic-trading .faq-section>div {
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
  gap: 64px;
  align-items: start;
}
html.cs-page-algorithmic-trading .faq-list {
  min-width: 0;
}
html.cs-page-algorithmic-trading .faq-list .accordion-content {
  padding-left: 0;
}
@keyframes cs-page-algorithmic-trading-content-arrive{from{transform:translateY(10px)}to{transform:translateY(0)}}
@keyframes cs-page-algorithmic-trading-visual-arrive{from{transform:translateY(12px) scale(.98)}to{transform:translateY(0) scale(1)}}
@media (max-width:900px) {
  html.cs-page-algorithmic-trading .workflow-layout {
    gap: 36px;
    grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
  }
  html.cs-page-algorithmic-trading .features-panel {
    grid-template-columns: 210px minmax(0,1fr);
    gap: 32px;
  }
  html.cs-page-algorithmic-trading .feature-tabs {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  html.cs-page-algorithmic-trading .features-intro {
    gap: 32px;
  }
}
@media (max-width:700px) {
  html.cs-page-algorithmic-trading .workflow-layout,html.cs-page-algorithmic-trading .features-intro,html.cs-page-algorithmic-trading .features-panel,html.cs-page-algorithmic-trading .faq-section>div {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  html.cs-page-algorithmic-trading .workflow-sticky {
    position: relative;
    top: auto;
  }
  html.cs-page-algorithmic-trading .workflow-stage {
    height: 440px;
  }
  html.cs-page-algorithmic-trading .workflow-timeline {
    margin-left: 6px;
  }
  html.cs-page-algorithmic-trading .workflow-step:last-child {
    min-height: 0;
  }
  html.cs-page-algorithmic-trading .workflow-explainer h3 {
    font-size: 22px;
  }
  html.cs-page-algorithmic-trading .feature-items {
    gap: 24px;
  }
  html.cs-page-algorithmic-trading .faq-section>div>div:first-child {
    position: static !important;
  }
  html.cs-page-algorithmic-trading .accordion-content {
    padding-left: 0;
  }
  html.cs-page-algorithmic-trading .editorial-accordion summary {
    gap: 16px;
    font-size: 17px;
  }
  html.cs-page-algorithmic-trading .parallax-visual {
    transform: none !important;
  }
}
@media (max-width:460px) {
  html.cs-page-algorithmic-trading .feature-items,html.cs-page-algorithmic-trading .industry-grid {
    grid-template-columns: 1fr;
  }
  html.cs-page-algorithmic-trading .feature-tab {
    font-size: 16px;
    padding: 16px 8px;
    overflow-wrap: anywhere;
  }
  html.cs-page-algorithmic-trading .workflow-stage {
    height: 420px;
  }
  html.cs-page-algorithmic-trading .workflow-timeline {
    padding-left: 24px;
  }
  html.cs-page-algorithmic-trading .workflow-step:before {
    left: -30px;
  }
}
@media (max-height:740px) and (min-width:701px) {
  html.cs-page-algorithmic-trading .workflow-stage {
    height: 360px;
  }
  html.cs-page-algorithmic-trading .workflow-explainer>i {
    font-size: 28px;
    margin-bottom: 12px;
  }
  html.cs-page-algorithmic-trading .workflow-explainer h3 {
    font-size: 22px;
    margin-bottom: 12px;
  }
  html.cs-page-algorithmic-trading .explainer-rows>div {
    padding: 10px 0;
  }
  html.cs-page-algorithmic-trading .illustration-note {
    margin-top: 12px;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-algorithmic-trading,html.cs-page-algorithmic-trading body {
    scroll-behavior: auto !important;
  }
  html.cs-page-algorithmic-trading *,html.cs-page-algorithmic-trading *:before,html.cs-page-algorithmic-trading *:after {
    animation: none !important;
    transition: none !important;
  }
  html.cs-page-algorithmic-trading .parallax-visual {
    transform: none !important;
  }
}
html.cs-page-algorithmic-trading .case-study {
  --body: #6f6f6f;
  --heading: #101d30;
  --accent: #ee4865;
}
html.cs-page-algorithmic-trading .case-study section {
  --body: #6f6f6f;
  --heading: #101d30;
}
html.cs-page-algorithmic-trading .case-study section[data-theme="dark"] {
  --body: #b8cbe5;
  --heading: #fff;
}
html.cs-page-algorithmic-trading .case-study p {
  color: var(--body);
}
html.cs-page-algorithmic-trading .case-study p.eyebrow {
  color: #ee4865;
}
html.cs-page-algorithmic-trading .case-study h2,html.cs-page-algorithmic-trading .case-study h3,html.cs-page-algorithmic-trading .case-study h4 {
  color: var(--heading);
}
html.cs-page-algorithmic-trading .workflow-stage {
  --body: #6f6f6f;
  --heading: #101d30;
  background: linear-gradient(155deg,#fff 30%,#eaf1fa);
  border: 1px solid rgba(255,255,255,.2);
  box-shadow: 0 24px 60px rgba(0,0,0,.2);
}
html.cs-page-algorithmic-trading .workflow-step-number {
  font-size: 16px;
  line-height: 1.5;
  gap: 7px;
  color: var(--body);
  font-weight: 400;
}
html.cs-page-algorithmic-trading .workflow-step-number strong {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  color: inherit;
  letter-spacing: inherit;
}
html.cs-page-algorithmic-trading .workflow-step {
  min-height: 200px;
  padding-bottom: 48px;
}
html.cs-page-algorithmic-trading .workflow-step:before {
  top: 7px;
}
html.cs-page-algorithmic-trading .workflow-step h3 {
  font-size: 24px;
  line-height: 1.35;
}
html.cs-page-algorithmic-trading .workflow-step p,html.cs-page-algorithmic-trading .workflow-caption {
  color: var(--body);
}
html.cs-page-algorithmic-trading .illustration-note,html.cs-page-algorithmic-trading .feature-panel-heading p,html.cs-page-algorithmic-trading .feature-item p,html.cs-page-algorithmic-trading .accordion-content p {
  color: var(--body);
}
html.cs-page-algorithmic-trading .problems-section {
  padding: clamp(56px,7vw,84px) 0;
  background: #f3f3f3;
}
html.cs-page-algorithmic-trading .problems-layout {
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
  gap: clamp(40px,6vw,80px);
  align-items: start;
}
html.cs-page-algorithmic-trading .problems-heading {
  position: static;
  align-self: start;
  padding: 28px 0;
  border-top: 2px solid #ee4865;
}
html.cs-page-algorithmic-trading .problems-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.18;
  letter-spacing: -.035em;
  margin: 0 0 24px;
}
html.cs-page-algorithmic-trading .problems-heading h2 span {
  color: #ee4865;
}
html.cs-page-algorithmic-trading .section-subtext {
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
  max-width: 390px;
}
html.cs-page-algorithmic-trading .problems-note {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 32px;
}
html.cs-page-algorithmic-trading .problems-note>span {
  height: 44px;
  width: 3px;
  background: #ee4865;
}
html.cs-page-algorithmic-trading .problems-note p {
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
}
html.cs-page-algorithmic-trading .problem-accordions {
  display: grid;
  gap: 12px;
}
html.cs-page-algorithmic-trading .problem-item {
  background: #fff;
  border: 1px solid #e0e7f0;
  border-radius: 14px;
  transition: border-color .3s,box-shadow .3s;
}
html.cs-page-algorithmic-trading .problem-item.is-open {
  border-color: #ee4865;
  box-shadow: 0 16px 40px rgba(16,29,48,.06);
}
html.cs-page-algorithmic-trading .problem-item h3 {
  margin: 0;
}
html.cs-page-algorithmic-trading .problem-item button {
  width: 100%;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  background: transparent;
  border: 0;
  color: #101d30;
  padding: 22px 24px;
  font-family: inherit;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  border-radius: 14px;
}
html.cs-page-algorithmic-trading .problem-item button:hover {
  color: #c92145;
}
html.cs-page-algorithmic-trading .problem-toggle {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d9e2ed;
  color: #101d30;
  transition: background .3s,transform .3s,color .3s;
}
html.cs-page-algorithmic-trading .problem-toggle i {
  font-size: 16px;
}
html.cs-page-algorithmic-trading .is-open .problem-toggle {
  background: #ee4865;
  border-color: #ee4865;
  color: #fff;
  transform: rotate(45deg);
}
html.cs-page-algorithmic-trading .problem-reveal {
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  transition: grid-template-rows .35s ease,visibility .35s;
}
html.cs-page-algorithmic-trading .problem-reveal>div {
  min-height: 0;
  overflow: hidden;
}
html.cs-page-algorithmic-trading .is-open .problem-reveal {
  grid-template-rows: 1fr;
  visibility: visible;
}
html.cs-page-algorithmic-trading .problem-answer {
  padding: 0 24px 24px;
}
html.cs-page-algorithmic-trading .problem-answer p {
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
  border-top: 1px solid #e7edf5;
  padding-top: 18px;
  color: var(--body);
}
html.cs-page-algorithmic-trading .industry-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 20px;
  align-items: stretch;
}
html.cs-page-algorithmic-trading .industry-flip {
  appearance: none;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  perspective: 1200px;
  text-align: left;
  font-family: inherit;
  color: #101d30;
  border-radius: 16px;
}
html.cs-page-algorithmic-trading .flip-inner {
  display: grid;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform .65s cubic-bezier(.22,.61,.36,1);
  position: relative;
}
html.cs-page-algorithmic-trading .industry-flip.is-flipped .flip-inner {
  transform: rotateY(180deg);
}
html.cs-page-algorithmic-trading .flip-front,html.cs-page-algorithmic-trading .flip-back {
  grid-area: 1/1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  padding: 26px;
  border-radius: 16px;
  border: 1px solid #dce5f0;
  min-width: 0;
}
html.cs-page-algorithmic-trading .flip-front {
  background: #fff;
  transform: rotateY(0deg);
}
html.cs-page-algorithmic-trading .flip-front>i {
  font-size: 28px;
  color: #ee4865;
}
html.cs-page-algorithmic-trading .flip-front strong {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.35;
  color: #101d30;
}
html.cs-page-algorithmic-trading .flip-hint {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 16px;
  line-height: 1.4;
  color: #6f6f6f;
  border-top: 1px solid #e6ecf4;
  padding-top: 16px;
}
html.cs-page-algorithmic-trading .flip-hint i {
  font-size: 16px;
  color: #ee4865;
}
html.cs-page-algorithmic-trading .flip-back {
  transform: rotateY(180deg);
  background: linear-gradient(135deg,#0e1d31,#15233b);
  border-color: #15233b;
  color: #fff;
}
html.cs-page-algorithmic-trading .flip-back-label {
  font-size: 16px;
  color: #ff8299;
  font-weight: 600;
}
html.cs-page-algorithmic-trading .flip-description {
  font-size: 16px;
  line-height: 1.7;
  color: #d1def0;
}
html.cs-page-algorithmic-trading .flip-back-hint {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 16px;
  color: #b8cbe5;
}
html.cs-page-algorithmic-trading .flip-back-hint i {
  font-size: 16px;
}
html.cs-page-algorithmic-trading .feature-tabs {
  gap: 8px;
  border-bottom: 0;
  padding: 6px;
  background: #f0f4f9;
  border-radius: 14px;
}
html.cs-page-algorithmic-trading .feature-tab {
  border: 0;
  border-radius: 10px;
  transition: background .25s,box-shadow .25s;
}
html.cs-page-algorithmic-trading .feature-tab.is-active {
  background: #fff;
  box-shadow: 0 4px 15px rgba(16,29,48,.08);
}
html.cs-page-algorithmic-trading .feature-tab:hover {
  background: #fff;
}
html.cs-page-algorithmic-trading .feature-panel-number {
  font-size: 40px;
}
html.cs-page-algorithmic-trading .features-panel {
  padding-top: 32px;
}
html.cs-page-algorithmic-trading .case-study a.contact-link {
  overflow: hidden;
  position: relative;
}
html.cs-page-algorithmic-trading .case-study a.contact-link i {
  transition: transform .25s;
}
html.cs-page-algorithmic-trading .case-study a.contact-link:hover i {
  transform: translateX(5px);
}
@media (max-width:900px) {
  html.cs-page-algorithmic-trading .industry-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  html.cs-page-algorithmic-trading .problems-layout {
    gap: 32px;
  }
  html.cs-page-algorithmic-trading .problem-item button {
    padding: 20px;
    font-size: 17px;
  }
  html.cs-page-algorithmic-trading .problem-answer {
    padding: 0 20px 20px;
  }
}
@media (max-width:700px) {
  html.cs-page-algorithmic-trading .problems-layout {
    grid-template-columns: 1fr;
  }
  html.cs-page-algorithmic-trading .problems-heading {
    position: static;
  }
  html.cs-page-algorithmic-trading .problems-heading .section-subtext {
    max-width: none;
  }
  html.cs-page-algorithmic-trading .problems-note {
    display: none;
  }
  html.cs-page-algorithmic-trading .workflow-step {
    min-height: 0;
  }
  html.cs-page-algorithmic-trading .workflow-step-number,html.cs-page-algorithmic-trading .workflow-step-number strong {
    font-size: 16px;
  }
  html.cs-page-algorithmic-trading .flip-front,html.cs-page-algorithmic-trading .flip-back {
    padding: 22px;
    gap: 18px;
  }
}
@media (max-width:480px) {
  html.cs-page-algorithmic-trading .industry-grid {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-algorithmic-trading .flip-inner,html.cs-page-algorithmic-trading .problem-reveal,html.cs-page-algorithmic-trading .problem-toggle {
    transition: none;
  }
}
html.cs-page-algorithmic-trading .need-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 22px;
  align-items: stretch;
}
html.cs-page-algorithmic-trading .need-card {
  background: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  transition: box-shadow .3s,border-color .3s,transform .3s;
}
html.cs-page-algorithmic-trading .need-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #ee4865;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s;
}
html.cs-page-algorithmic-trading .need-card.is-open {
  border-color: #ee4865;
  box-shadow: 0 18px 40px rgba(16,29,48,.08);
  transform: translateY(-4px);
}
html.cs-page-algorithmic-trading .need-card.is-open:before {
  transform: scaleX(1);
}
html.cs-page-algorithmic-trading .need-card h3 {
  margin: 0;
}
html.cs-page-algorithmic-trading .need-trigger {
  width: 100%;
  border: 0;
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 26px;
  text-align: left;
  font-family: inherit;
  color: #101d30;
}
html.cs-page-algorithmic-trading .need-marker {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 16px;
  color: #ee4865;
  font-weight: 500;
}
html.cs-page-algorithmic-trading .need-marker i {
  font-size: 16px;
  transition: transform .3s;
}
html.cs-page-algorithmic-trading .is-open .need-marker i {
  transform: rotate(45deg);
}
html.cs-page-algorithmic-trading .need-title {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 600;
}
html.cs-page-algorithmic-trading .need-hint {
  font-size: 16px;
  line-height: 1.5;
  color: #6f6f6f;
  font-weight: 400;
}
html.cs-page-algorithmic-trading .need-reveal {
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  transition: grid-template-rows .4s ease,visibility .4s;
}
html.cs-page-algorithmic-trading .need-reveal>div {
  min-height: 0;
  overflow: hidden;
}
html.cs-page-algorithmic-trading .need-card.is-open .need-reveal {
  grid-template-rows: 1fr;
  visibility: visible;
}
html.cs-page-algorithmic-trading .need-copy {
  padding: 0 26px 26px;
}
html.cs-page-algorithmic-trading .need-copy p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  color: #6f6f6f;
}
html.cs-page-algorithmic-trading .need-answer {
  border-top: 1px solid #e9e9e9;
  padding-top: 20px;
  margin-top: 22px;
}
html.cs-page-algorithmic-trading .need-answer>span {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #101d30;
  margin-bottom: 10px;
}
html.cs-page-algorithmic-trading .need-trigger:focus-visible {
  outline-offset: -5px;
}
@media (max-width:900px) {
  html.cs-page-algorithmic-trading .need-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}
@media (max-width:620px) {
  html.cs-page-algorithmic-trading .need-grid {
    grid-template-columns: 1fr;
  }
  html.cs-page-algorithmic-trading .need-trigger {
    padding: 24px;
    gap: 16px;
  }
  html.cs-page-algorithmic-trading .need-copy {
    padding: 0 24px 24px;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-algorithmic-trading .need-card,html.cs-page-algorithmic-trading .need-card:before,html.cs-page-algorithmic-trading .need-reveal,html.cs-page-algorithmic-trading .need-marker i {
    transition: none;
  }
  html.cs-page-algorithmic-trading .need-card.is-open {
    transform: none;
  }
}
html.cs-page-algorithmic-trading .need-heading {
  padding: 26px 26px 20px;
}
html.cs-page-algorithmic-trading .need-heading h3 {
  font-size: 20px;
  line-height: 1.4;
  margin: 16px 0 0;
  font-weight: 600;
}
html.cs-page-algorithmic-trading .need-static {
  overflow: visible;
  border-top: 3px solid #ee4865;
}
html.cs-page-algorithmic-trading .need-static:before {
  display: none;
}
html.cs-page-algorithmic-trading .scope-heading {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  align-items: baseline;
  justify-content: space-between;
  margin: 0 0 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid #dce2e9;
}
html.cs-page-algorithmic-trading .scope-heading h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0;
}
html.cs-page-algorithmic-trading .scope-heading>span {
  font-size: 16px;
  color: #6f6f6f;
}
html.cs-page-algorithmic-trading .scope-groups {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 28px;
}
html.cs-page-algorithmic-trading .scope-group h4 {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 17px;
  line-height: 1.4;
  margin: 0 0 18px;
}
html.cs-page-algorithmic-trading .scope-group h4 i {
  font-size: 20px;
  color: #ee4865;
}
html.cs-page-algorithmic-trading .scope-group ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
}
html.cs-page-algorithmic-trading .scope-group li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 16px;
  line-height: 1.6;
  color: #6f6f6f;
}
html.cs-page-algorithmic-trading .scope-group li i {
  font-size: 16px;
  line-height: 1.6;
  color: #ee4865;
  flex-shrink: 0;
}
html.cs-page-algorithmic-trading .comparison-heading {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: end;
  margin-bottom: 28px;
}
html.cs-page-algorithmic-trading .comparison-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.2;
  letter-spacing: -.025em;
  margin: 0;
}
html.cs-page-algorithmic-trading .comparison-heading h2 span {
  color: #ee4865;
}
html.cs-page-algorithmic-trading .comparison-heading>p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  max-width: 470px;
}
html.cs-page-algorithmic-trading .comparison-labels,html.cs-page-algorithmic-trading .comparison-row {
  display: grid;
  grid-template-columns: minmax(130px,.55fr) minmax(0,1fr) minmax(0,1.15fr);
  gap: 28px;
}
html.cs-page-algorithmic-trading .comparison-labels {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  color: #101d30;
  padding: 16px 20px;
  border-top: 1px solid #d7dce2;
  border-bottom: 1px solid #d7dce2;
}
html.cs-page-algorithmic-trading .comparison-labels>span:last-child {
  color: #c92145;
}
html.cs-page-algorithmic-trading .comparison-row {
  padding: 22px 20px;
  border-bottom: 1px solid #dfe3e8;
  align-items: start;
}
html.cs-page-algorithmic-trading .comparison-row:nth-child(odd) {
  background: #fff;
}
html.cs-page-algorithmic-trading .comparison-row h3 {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
}
html.cs-page-algorithmic-trading .comparison-row p {
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
  color: #6f6f6f;
}
html.cs-page-algorithmic-trading .comparison-fix {
  border-left: 2px solid #ee4865;
  padding-left: 18px;
}
html.cs-page-algorithmic-trading .mobile-pair-label {
  display: none;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
  color: #101d30;
  margin-bottom: 8px;
}
@media (max-width:1000px) {
  html.cs-page-algorithmic-trading .scope-groups {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 28px 36px;
  }
}
@media (max-width:760px) {
  html.cs-page-algorithmic-trading .comparison-heading {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  html.cs-page-algorithmic-trading .comparison-labels {
    display: none;
  }
  html.cs-page-algorithmic-trading .comparison-row {
    grid-template-columns: 1fr 1fr;
    gap: 16px 24px;
    padding: 22px 18px;
  }
  html.cs-page-algorithmic-trading .comparison-row h3 {
    grid-column: 1/-1;
    color: #101d30;
    font-size: 20px;
  }
  html.cs-page-algorithmic-trading .mobile-pair-label {
    display: block;
  }
  html.cs-page-algorithmic-trading .comparison-fix .mobile-pair-label {
    color: #c92145;
  }
}
@media (max-width:520px) {
  html.cs-page-algorithmic-trading .scope-groups {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  html.cs-page-algorithmic-trading .scope-group {
    padding-bottom: 22px;
    border-bottom: 1px solid #e4e7eb;
  }
  html.cs-page-algorithmic-trading .scope-group:last-child {
    padding-bottom: 0;
    border: 0;
  }
  html.cs-page-algorithmic-trading .comparison-row {
    grid-template-columns: 1fr;
  }
  html.cs-page-algorithmic-trading .comparison-row h3 {
    grid-column: auto;
  }
  html.cs-page-algorithmic-trading .comparison-fix {
    margin-top: 2px;
  }
  html.cs-page-algorithmic-trading .need-heading {
    padding: 24px 24px 20px;
  }
}
html.cs-page-algorithmic-trading .need-static {
  height: 100%;
  box-sizing: border-box;
}
html.cs-page-algorithmic-trading .challenge-story {
  position: relative;
  height: calc(var(--viewport-height) * 4.9);
}
html.cs-page-algorithmic-trading .challenge-stage {
  top: 24px;
}
html.cs-page-algorithmic-trading .challenge-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
html.cs-page-algorithmic-trading .challenge-scroll-hint {
  font-size: 16px;
  color: #6f6f6f;
}
html.cs-page-algorithmic-trading .challenge-nav-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
html.cs-page-algorithmic-trading .challenge-count {
  font-size: 20px;
  font-weight: 600;
  color: #101d30;
  margin-right: 10px;
  font-variant-numeric: tabular-nums;
}
html.cs-page-algorithmic-trading .challenge-count span {
  font-size: 16px;
  font-weight: 400;
  color: #6f6f6f;
}
html.cs-page-algorithmic-trading .challenge-nav-actions button {
  height: 42px;
  width: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #dce1e8;
  border-radius: 50%;
  color: #101d30;
  font-size: 16px;
}
html.cs-page-algorithmic-trading .challenge-nav-actions button:hover:not(:disabled) {
  background: #101d30;
  color: #fff;
  border-color: #101d30;
}
html.cs-page-algorithmic-trading .challenge-nav-actions button:disabled {
  opacity: .35;
  cursor: default;
}
html.cs-page-algorithmic-trading .challenge-focus {
  display: flex;
  flex-direction: column;
}
html.cs-page-algorithmic-trading .challenge-focus-heading>span {
  font-size: 16px;
  font-weight: 500;
  color: #ffa4b5;
  letter-spacing: .1em;
}
html.cs-page-algorithmic-trading .case-study .challenge-focus-heading h3 {
  color: #fff;
}
html.cs-page-algorithmic-trading .challenge-focus-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
html.cs-page-algorithmic-trading .challenge-focus-problem,html.cs-page-algorithmic-trading .challenge-focus-response {
  display: flex;
  flex-direction: column;
}
html.cs-page-algorithmic-trading .challenge-focus-response {
  background: #fff;
}
html.cs-page-algorithmic-trading .challenge-focus-pair h4 {
  font-weight: 600;
  margin: 0 0 18px;
}
html.cs-page-algorithmic-trading .response-heading {
  display: flex;
}
html.cs-page-algorithmic-trading .response-heading i {
  color: #178347;
}
html.cs-page-algorithmic-trading .case-study .response-heading h4 {
  color: #178347;
}
html.cs-page-algorithmic-trading .case-study .challenge-focus-problem h4 {
  color: #c83232;
}
html.cs-page-algorithmic-trading .challenge-focus-problem {
  background: #fff;
}
html.cs-page-algorithmic-trading .challenge-segments {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}
html.cs-page-algorithmic-trading .challenge-segment {
  flex: 1;
  border: 0;
  background: transparent;
  padding: 20px 0;
  min-height: 44px;
}
html.cs-page-algorithmic-trading .challenge-segment span {
  display: block;
  height: 4px;
  border-radius: 3px;
  background: #d8dee7;
  transition: background .25s;
}
html.cs-page-algorithmic-trading .challenge-segment.is-active span {
  background: #ee4865;
}
html.cs-page-algorithmic-trading .challenge-segment:hover span {
  background: #101d30;
}
@keyframes cs-page-algorithmic-trading-challenge-arrive{from{transform:translateY(10px)}to{transform:translateY(0)}}
@media (max-width:700px) {
  html.cs-page-algorithmic-trading .challenge-stage {
    top: 12px;
  }
  html.cs-page-algorithmic-trading .challenge-navigation {
    gap: 12px;
  }
  html.cs-page-algorithmic-trading .challenge-scroll-hint {
    max-width: 160px;
    line-height: 1.4;
  }
  html.cs-page-algorithmic-trading .challenge-focus-pair {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-algorithmic-trading .challenge-segment span {
    transition: none;
  }
}
html.cs-page-algorithmic-trading .project-meta {
  padding: 4px 0 20px;
  border-bottom: 1px dashed rgba(255,255,255,.2);
}
html.cs-page-algorithmic-trading .project-meta-label {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--body);
  font-weight: 500;
}
html.cs-page-algorithmic-trading .project-meta-label i {
  color: #ff8299;
  font-size: 18px;
  width: 24px;
}
html.cs-page-algorithmic-trading .project-meta-value {
  font-size: 17px;
  line-height: 1.5;
  font-weight: 600;
  color: #fff;
  margin: 10px 0 0 36px;
}
html.cs-page-algorithmic-trading .brief-paragraphs {
  margin-bottom: 24px;
}
html.cs-page-algorithmic-trading .brief-paragraphs p {
  font-size: 17px;
  line-height: 1.75;
  margin: 0 0 18px;
}
html.cs-page-algorithmic-trading .brief-paragraphs p:last-child {
  margin-bottom: 0;
}
html.cs-page-algorithmic-trading .brief-visual {
  margin: 0 auto;
  width: min(100%,340px);
  padding: 0;
  background: transparent;
  box-shadow: none;
}
html.cs-page-algorithmic-trading .brief-visual img {
  display: block;
  width: 100%;
  height: 400px;
  object-fit: cover;
  object-position: top;
  border-radius: 12px;
}
html.cs-page-algorithmic-trading .brief-visual figcaption {
  font-size: 16px;
  line-height: 1.55;
  color: #6f6f6f;
  margin-top: 16px;
  padding-left: 16px;
  border-left: 2px solid #ee4865;
  text-align: left;
}
html.cs-page-algorithmic-trading .workflow-stage {
  padding: 0;
}
html.cs-page-algorithmic-trading .workflow-screen {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  border-radius: 0;
}
html.cs-page-algorithmic-trading .workflow-explainer {
  padding: 24px;
  max-width: 410px;
}
html.cs-page-algorithmic-trading .response-heading {
  align-items: baseline;
  gap: 12px;
}
html.cs-page-algorithmic-trading .response-heading i {
  font-size: 22px;
}
html.cs-page-algorithmic-trading .problem-heading i {
  color: #c83232;
}
html.cs-page-algorithmic-trading .case-study .outcome-light {
  --body: #6f6f6f;
  --heading: #101d30;
  background-color: #f0f0ff;
}
html.cs-page-algorithmic-trading .outcome-light .outcome-pointer {
  color: #535d6c;
}
@media (max-width:700px) {
  html.cs-page-algorithmic-trading .challenge-focus-pair h4,html.cs-page-algorithmic-trading .response-heading i {
    font-size: 20px;
  }
  html.cs-page-algorithmic-trading .workflow-stage {
    padding: 0;
    display:none !important;
  }
  html.cs-page-algorithmic-trading .brief-visual img {
    height: 380px;
  }
  html.cs-page-algorithmic-trading .outcome-light {
    background-attachment: scroll !important;
  }
}
html.cs-page-algorithmic-trading .project-details-grid {
  margin: 0;
  display: grid;
  border-top: 1px solid rgba(255,255,255,.18);
  border-left: 1px solid rgba(255,255,255,.18);
}
html.cs-page-algorithmic-trading .project-detail {
  border-right: 1px solid rgba(255,255,255,.18);
  border-bottom: 1px solid rgba(255,255,255,.18);
}
html.cs-page-algorithmic-trading .project-detail dt {
  display: flex;
  align-items: center;
}
html.cs-page-algorithmic-trading .project-detail dt i {
  color: #ff8299;
}
html.cs-page-algorithmic-trading .challenge-stage {
  display: flex;
  flex-direction: column;
}
html.cs-page-algorithmic-trading .challenge-stage>.comparison-heading {
  flex-shrink: 0;
}
html.cs-page-algorithmic-trading .challenge-stage .comparison-heading .eyebrow {
  margin-bottom: 10px;
}
html.cs-page-algorithmic-trading .challenge-stage .comparison-heading h2 {
  font-size: 34px;
  line-height: 1.14;
}
html.cs-page-algorithmic-trading .challenge-stage .comparison-heading>p {
  font-size: 16px;
  line-height: 1.6;
}
html.cs-page-algorithmic-trading .challenge-navigation,html.cs-page-algorithmic-trading .challenge-segments {
  flex-shrink: 0;
}
html.cs-page-algorithmic-trading .challenge-focus {
  overflow-y: auto;
}
html.cs-page-algorithmic-trading .challenge-focus-heading {
  flex-shrink: 0;
}
html.cs-page-algorithmic-trading .challenge-focus-pair {
  flex: 1 0 auto;
}
html.cs-page-algorithmic-trading .challenge-focus-pair h4 {
  font-size: 28px;
  line-height: 1.25;
  margin-bottom: 16px;
}
@media (max-width:1000px) {
  html.cs-page-algorithmic-trading .challenge-stage .comparison-heading h2 {
    font-size: 30px;
  }
}
@media (max-width:700px) {
  html.cs-page-algorithmic-trading .challenge-stage>.comparison-heading {
    grid-template-columns: 1fr;
  }
  html.cs-page-algorithmic-trading .challenge-stage .comparison-heading>p {
    display: none;
  }
  html.cs-page-algorithmic-trading .challenge-stage .comparison-heading .eyebrow {
    margin-bottom: 6px;
  }
  html.cs-page-algorithmic-trading .challenge-stage .comparison-heading h2 {
    font-size: 28px;
  }
  html.cs-page-algorithmic-trading .challenge-focus {
    flex-basis: 440px;
  }
  html.cs-page-algorithmic-trading .challenge-focus-pair h4 {
    font-size: 28px;
  }
}
html.cs-page-algorithmic-trading .challenge-focus {
  border-radius: 20px;
  background: #fff;
  border: 1px solid #e1e5ec;
}
html.cs-page-algorithmic-trading .challenge-focus-heading {
  padding: 16px 28px 22px;
  background: linear-gradient(135deg,#0e1d31,#18233a);
  border-bottom: 3px solid #ee4865;
}
html.cs-page-algorithmic-trading .case-study .challenge-focus-heading h3 {
  line-height: 1.2;
  margin: 0;
  font-weight: 600;
}
html.cs-page-algorithmic-trading .challenge-focus-problem,html.cs-page-algorithmic-trading .challenge-focus-response {
  padding: 28px;
  justify-content: flex-start;
  background: #fff;
}
html.cs-page-algorithmic-trading .challenge-focus-response {
  border-left: 1px solid #dfe3e9;
}
html.cs-page-algorithmic-trading .challenge-focus-pair .response-heading {
  display: flex;
}
html.cs-page-algorithmic-trading .challenge-focus-pair .response-heading i {
  display: block;
  line-height: 1;
}
html.cs-page-algorithmic-trading .challenge-focus-pair .response-heading h4 {
  font-weight: 600;
  margin: 0;
}
html.cs-page-algorithmic-trading .challenge-focus-pair p {
  margin: 0;
}
html.cs-page-algorithmic-trading .case-study .problem-heading h4,html.cs-page-algorithmic-trading .challenge-focus-pair .problem-heading i {
  color: #ce3335;
}
html.cs-page-algorithmic-trading .case-study .challenge-focus-response h4,html.cs-page-algorithmic-trading .challenge-focus-response .response-heading i {
  color: #16864b;
}
@media (max-width:700px) {
  html.cs-page-algorithmic-trading .challenge-focus-heading {
    padding: 18px 22px;
  }
  html.cs-page-algorithmic-trading .challenge-focus-problem,html.cs-page-algorithmic-trading .challenge-focus-response {
    padding: 24px;
  }
  html.cs-page-algorithmic-trading .challenge-focus-response {
    border-left: 0;
    border-top: 1px solid #dfe3e9;
  }
}
html.cs-page-algorithmic-trading {
  --viewport-height: 100vh;
}
@supports (height:100svh) {
  html.cs-page-algorithmic-trading {
    --viewport-height: 100svh;
  }
}
html.cs-page-algorithmic-trading {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
html.cs-page-algorithmic-trading .case-study * {
  min-width: 0;
}
html.cs-page-algorithmic-trading .case-study p,html.cs-page-algorithmic-trading .case-study dd,html.cs-page-algorithmic-trading .case-study h2,html.cs-page-algorithmic-trading .case-study h3 {
  overflow-wrap: break-word;
}
html.cs-page-algorithmic-trading .hero-location {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 20px;
  margin: 0 0 22px;
  padding-left: 14px;
  border-left: 3px solid #ee4865;
}
html.cs-page-algorithmic-trading .hero-country {
  display: flex;
  align-items: center;
  gap: 10px;
}
html.cs-page-algorithmic-trading .hero-country img {
  width: 34px;
  height: auto;
  display: block;
  flex-shrink: 0;
  border: 1px solid #e0e4eb;
}
html.cs-page-algorithmic-trading .hero-country span {
  font-size: 16px;
  line-height: 1.5;
  color: #c92145;
  font-weight: 500;
}
html.cs-page-algorithmic-trading .hero-location strong {
  font-size: 18px;
  line-height: 1.5;
  color: #101d30;
  font-weight: 600;
}
html.cs-page-algorithmic-trading .project-details-grid {
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 32px 36px;
  border: 0;
}
html.cs-page-algorithmic-trading .project-detail {
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
}
html.cs-page-algorithmic-trading .project-detail dt {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  gap: 10px;
  color: #b8cbe5;
}
html.cs-page-algorithmic-trading .project-detail dt i {
  font-size: 18px;
  flex-shrink: 0;
}
html.cs-page-algorithmic-trading .project-detail dd {
  margin: 12px 0 0;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 500;
  color: #fff;
}
html.cs-page-algorithmic-trading .flip-inner {
  -webkit-transform-style: preserve-3d;
}
html.cs-page-algorithmic-trading .flip-front,html.cs-page-algorithmic-trading .flip-back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
html.cs-page-algorithmic-trading .challenge-stage {
  position: -webkit-sticky;
  position: sticky;
}
@media (max-width:1000px) {
  html.cs-page-algorithmic-trading .project-details-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 28px 32px;
  }
}
@media (max-width:620px) {
  html.cs-page-algorithmic-trading .hero-location {
    display: block;
  }
  html.cs-page-algorithmic-trading .hero-location strong {
    display: block;
    margin-top: 7px;
  }
  html.cs-page-algorithmic-trading .project-details-grid {
    gap: 26px 22px;
  }
  html.cs-page-algorithmic-trading .project-detail dd {
    font-size: 16px;
  }
  html.cs-page-algorithmic-trading .project-detail dt {
    font-size: 16px;
  }
  html.cs-page-algorithmic-trading .case-study a.contact-link {
    max-width: 100%;
  }
  html.cs-page-algorithmic-trading .challenge-nav-actions {
    flex-shrink: 0;
  }
}
@media (max-width:380px) {
  html.cs-page-algorithmic-trading .project-details-grid {
    grid-template-columns: 1fr;
  }
  html.cs-page-algorithmic-trading .hero-country img {
    width: 30px;
  }
  html.cs-page-algorithmic-trading .challenge-navigation {
    flex-wrap: wrap;
    gap: 8px;
  }
  html.cs-page-algorithmic-trading .challenge-scroll-hint {
    max-width: none;
  }
  html.cs-page-algorithmic-trading .feature-tab {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width:767px) {
  html.cs-page-algorithmic-trading .hero-art {
    display: none !important;
  }
  html.cs-page-algorithmic-trading .hero-layout,html.cs-page-algorithmic-trading .brief-layout {
    grid-template-columns: minmax(0,1fr) !important;
  }
  html.cs-page-algorithmic-trading .case-study>section {
    padding-top: 80px !important;
    padding-bottom: 48px !important;
  }
  html.cs-page-algorithmic-trading .hero-section h1 {
    font-size: clamp(32px,7.5vw,44px) !important;
    line-height: 1.15 !important;
  }
  html.cs-page-algorithmic-trading .case-study h2 {
    font-size: clamp(26px,6vw,32px) !important;
    line-height: 1.25 !important;
  }
  html.cs-page-algorithmic-trading .hero-section p {
    font-size: 16px !important;
    line-height: 1.7 !important;
    max-width: 100% !important;
  }
  html.cs-page-algorithmic-trading .hero-actions {
    gap: 12px !important;
  }
  html.cs-page-algorithmic-trading .hero-actions a {
    min-height: 48px;
    justify-content: center;
  }
  html.cs-page-algorithmic-trading .client-brief,html.cs-page-algorithmic-trading .client-brief .brief-paragraphs p,html.cs-page-algorithmic-trading .client-brief .brief-facts {
    text-align: center !important;
  }
  html.cs-page-algorithmic-trading .client-brief .brief-paragraphs {
    max-width: 560px;
    margin: 0 auto 28px;
  }
  html.cs-page-algorithmic-trading .client-brief .brief-paragraphs p {
    font-size: 16px;
    line-height: 1.75;
  }
  html.cs-page-algorithmic-trading .brief-facts {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 20px !important;
    max-width: 420px;
    margin: 0 auto;
  }
  html.cs-page-algorithmic-trading .brief-visual {
    max-width: 300px;
  }
  html.cs-page-algorithmic-trading .brief-visual figcaption {
    text-align: center;
    border-left: 0;
    padding-left: 0;
  }
  html.cs-page-algorithmic-trading .brief-visual figcaption:before {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background: #ee4865;
    margin: 0 auto 12px;
  }
  html.cs-page-algorithmic-trading .feature-tab {
    min-height: 48px;
  }
}
@media (max-width:480px) {
  html.cs-page-algorithmic-trading .hero-actions {
    flex-direction: column;
    align-items: stretch;
  }
  html.cs-page-algorithmic-trading .hero-actions a {
    padding: 14px 18px !important;
    text-align: center;
  }
  html.cs-page-algorithmic-trading .hero-section h1 {
    letter-spacing: -.025em !important;
  }
}
html.cs-page-algorithmic-trading .birdi-gradient-label::after {
  content: "";
  display: block;
  width: 72px;
  height: 3px;
  margin: 12px auto 0;
  border-radius: 3px;
  background: linear-gradient(90deg,#ee4865 0%,#ff8299 48%,rgba(255,130,153,0) 100%);
}
html.cs-page-algorithmic-trading .hero-location .hero-country {
  gap: 14px;
}
html.cs-page-algorithmic-trading .hero-location .hero-country img {
  width: 48px;
}
html.cs-page-algorithmic-trading .hero-location .hero-country span {
  font-size: 26px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -.02em;
}
@media (max-width:767px) {
  html.cs-page-algorithmic-trading .hero-location .hero-country img {
    width: 42px;
  }
  html.cs-page-algorithmic-trading .hero-location .hero-country span {
    font-size: 23px;
  }
}
html.cs-page-algorithmic-trading .client-brief .brief-visual {
  width: min(100%,420px);
  max-width: 420px;
}
html.cs-page-algorithmic-trading .client-brief .brief-visual img {
  height: auto;
  object-fit: contain;
  box-shadow: 0 20px 44px rgba(16,29,48,.16),0 5px 12px rgba(16,29,48,.08);
}
html.cs-page-algorithmic-trading .need-grid {
  grid-auto-rows: auto;
}
html.cs-page-algorithmic-trading .need-grid .need-static {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  row-gap: 0;
  height: auto;
}
html.cs-page-algorithmic-trading .need-grid .need-copy {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  row-gap: 0;
}
@media (max-width:620px) {
  html.cs-page-algorithmic-trading .need-grid .need-static {
    display: block;
    grid-row: auto;
  }
  html.cs-page-algorithmic-trading .need-grid .need-copy {
    display: block;
    grid-row: auto;
  }
  html.cs-page-algorithmic-trading .client-brief .brief-visual img {
    box-shadow: 0 14px 28px rgba(16,29,48,.14),0 3px 8px rgba(16,29,48,.07);
  }
}
@media (max-width:767px) {
  html.cs-page-algorithmic-trading .client-brief .brief-visual {
    width: min(100%,300px);
  }
}
html.cs-page-algorithmic-trading .client-brief .brief-facts {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  gap: 0 !important;
  max-width: none;
  margin: 28px 0 0;
  padding: 6px 22px;
  background: #f6f7fa;
  border: 1px solid #e3e7ed;
  border-radius: 16px;
  text-align: left !important;
}
html.cs-page-algorithmic-trading .brief-fact {
  display: grid;
  grid-template-columns: 36px minmax(0,1fr);
  gap: 14px;
  align-items: start;
  padding: 18px 0;
}
html.cs-page-algorithmic-trading .brief-fact+.brief-fact {
  border-top: 1px solid #dfe4ec;
}
html.cs-page-algorithmic-trading .brief-fact-icon {
  display: grid;
  place-items: center;
  height: 36px;
  border-radius: 10px;
  background: #fce7ed;
  color: #c92145;
  font-size: 17px;
}
html.cs-page-algorithmic-trading .case-study .brief-fact h3 {
  font-size: 17px;
  line-height: 1.45;
  font-weight: 600;
  margin: 0 0 5px;
  color: #101d30;
}
html.cs-page-algorithmic-trading .brief-fact p {
  font-size: 16px;
  line-height: 1.65;
  margin: 0;
  color: #535d6c;
}
html.cs-page-algorithmic-trading .challenge-mobile {
  display: none;
}
html.cs-page-algorithmic-trading .challenge-focus {
  height: auto;
  min-height: 0;
  max-height: none;
  flex: 0 0 auto;
  overflow: hidden;
  box-shadow: none;
}
html.cs-page-algorithmic-trading .challenge-stage {
  max-height: none;
}
html.cs-page-algorithmic-trading .challenge-stage>.comparison-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
  margin-bottom: 28px;
}
html.cs-page-algorithmic-trading .challenge-stage>.comparison-heading>div {
  width: 100%;
}
html.cs-page-algorithmic-trading .challenge-stage>.comparison-heading>p {
  max-width: 680px;
  margin: 0;
  color: #626b78;
  font-size: 16px;
  line-height: 1.7;
}
html.cs-page-algorithmic-trading .challenge-stage>.comparison-heading .eyebrow {
  margin-bottom: 12px;
}
html.cs-page-algorithmic-trading .challenge-navigation {
  margin-bottom: 20px;
}
html.cs-page-algorithmic-trading .challenge-mobile-heading {
  text-align: center;
}
html.cs-page-algorithmic-trading .challenge-mobile-description {
  max-width: 680px;
  margin: 16px auto 0;
  font-size: 16px;
  line-height: 1.7;
  color: #626b78;
}
html.cs-page-algorithmic-trading .challenge-mobile-hint {
  font-size: 16px;
  line-height: 1.5;
  color: #626b78;
  margin: 0 0 16px;
}
html.cs-page-algorithmic-trading .challenge-focus-pair {
  animation: none;
}
html.cs-page-algorithmic-trading .challenge-focus-pair .response-heading {
  flex-direction: row;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}
html.cs-page-algorithmic-trading .challenge-focus-pair .response-heading i {
  font-size: 22px;
}
html.cs-page-algorithmic-trading .challenge-focus-pair .response-heading h4 {
  font-size: 21px;
  line-height: 1.35;
}
html.cs-page-algorithmic-trading .challenge-focus-pair p {
  font-size: 16px;
  line-height: 1.7;
  color: #535d6c;
}
html.cs-page-algorithmic-trading .case-study .challenge-focus-heading h3 {
  font-size: 28px;
}
html.cs-page-algorithmic-trading .related-section {
  background: #101d30;
  color: #f7f9fc;
  padding: clamp(48px,6vw,72px) 0;
}
html.cs-page-algorithmic-trading .related-heading {
  max-width: 720px;
  margin-bottom: 28px;
}
html.cs-page-algorithmic-trading .related-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.25;
  margin: 0;
  color: #f7f9fc;
}
html.cs-page-algorithmic-trading .related-heading h2 span {
  color: #ff8299;
}
html.cs-page-algorithmic-trading .related-all-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  min-height: 44px;
  font-size: 16px;
  line-height: 1.4;
  color: #f7f9fc;
}
html.cs-page-algorithmic-trading .related-all-link:hover { color: #ff8299; }
html.cs-page-algorithmic-trading .related-all-link:focus-visible { outline: 3px solid #ff8299; outline-offset: 4px; }
html.cs-page-algorithmic-trading .related-switcher {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0 0 24px;
}
html.cs-page-algorithmic-trading .related-switcher button {
  font: inherit;
  font-size: 16px;
  line-height: 1.4;
  min-height: 44px;
  min-width: 44px;
  border: 1px solid #4b596e;
  border-radius: 8px;
  color: #f7f9fc;
  background: transparent;
  padding: 10px 16px;
}
html.cs-page-algorithmic-trading .related-switcher button[aria-pressed="true"] {
  background: #f7f9fc;
  color: #101d30;
  border-color: #f7f9fc;
}
html.cs-page-algorithmic-trading .related-card {
  border: 1px solid #39475b;
  border-radius: 18px;
  background: #16253a;
  padding: 32px;
  min-width: 0;
}
html.cs-page-algorithmic-trading .related-card-tag {
  color: #ff8299;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 12px;
}
html.cs-page-algorithmic-trading .case-study .related-card h3 {
  font-size: clamp(24px,2.7vw,32px);
  line-height: 1.3;
  color: #f7f9fc;
  margin: 0 0 28px;
  max-width: 780px;
}
html.cs-page-algorithmic-trading .related-comparison {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 32px;
}
html.cs-page-algorithmic-trading .related-card h4 {
  font-size: 17px;
  line-height: 1.4;
  font-weight: 600;
  color: #f7f9fc;
  margin: 0 0 10px;
}
html.cs-page-algorithmic-trading .related-card p {
  font-size: 16px;
  line-height: 1.75;
  overflow-wrap: anywhere;
}
html.cs-page-algorithmic-trading .related-comparison p {
  color: #bdcbe0;
  margin: 0;
}
html.cs-page-algorithmic-trading .related-result {
  margin-top: 28px;
  padding: 24px 0 0;
  border-top: 1px solid #3d4b60;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: end;
  gap: 28px;
}
html.cs-page-algorithmic-trading .related-result p {
  color: #bdcbe0;
  margin: 0;
  max-width: 780px;
}
html.cs-page-algorithmic-trading .related-result a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #f7f9fc;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 2px solid #ff8299;
  padding: 10px 0;
}
@media (max-width:899px),(max-height:650px) {
  html.cs-page-algorithmic-trading .challenge-story {
    display: none;
  }
  html.cs-page-algorithmic-trading .challenge-mobile {
    display: block;
  }
  html.cs-page-algorithmic-trading .challenge-mobile-heading {
    margin-bottom: 24px;
  }
  html.cs-page-algorithmic-trading .case-study .challenge-mobile-heading h2 {
    font-size: 30px;
    line-height: 1.25;
    margin: 0;
    color: #101d30;
  }
  html.cs-page-algorithmic-trading .challenge-mobile-heading h2 span {
    color: #c92145;
  }
  html.cs-page-algorithmic-trading .challenge-disclosures {
    display: grid;
    gap: 10px;
  }
  html.cs-page-algorithmic-trading .challenge-disclosure {
    border: 1px solid #dce2eb;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
  }
  html.cs-page-algorithmic-trading .challenge-disclosure summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    list-style: none;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
    color: #101d30;
    cursor: pointer;
  }
  html.cs-page-algorithmic-trading .challenge-disclosure summary::-webkit-details-marker {
    display: none;
  }
  html.cs-page-algorithmic-trading .challenge-disclosure summary i {
    font-size: 16px;
    color: #c92145;
    flex-shrink: 0;
    transition: transform .18s;
  }
  html.cs-page-algorithmic-trading .challenge-disclosure[open] summary {
    background: #101d30;
    color: #fff;
  }
  html.cs-page-algorithmic-trading .challenge-disclosure[open] summary i {
    transform: rotate(180deg);
    color: #ff8299;
  }
  html.cs-page-algorithmic-trading .challenge-disclosure-body {
    padding: 20px;
  }
  html.cs-page-algorithmic-trading .challenge-disclosure-body>div+div {
    border-top: 1px solid #e2e6ed;
    padding-top: 18px;
    margin-top: 18px;
  }
  html.cs-page-algorithmic-trading .challenge-disclosure h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 8px;
    color: #101d30;
  }
  html.cs-page-algorithmic-trading .challenge-disclosure .mobile-response h3 {
    color: #c92145;
  }
  html.cs-page-algorithmic-trading .challenge-disclosure p {
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
    color: #535d6c;
  }
}
@media (max-width:767px) {
  html.cs-page-algorithmic-trading .client-brief .brief-paragraphs p {
    text-align: left !important;
  }
  html.cs-page-algorithmic-trading .client-brief .brief-facts {
    text-align: left !important;
    padding: 4px 18px;
  }
  html.cs-page-algorithmic-trading .brief-fact {
    grid-template-columns: 32px minmax(0,1fr);
    gap: 12px;
    padding: 17px 0;
  }
  html.cs-page-algorithmic-trading .brief-fact-icon {
    height: 32px;
    font-size: 16px;
  }
  html.cs-page-algorithmic-trading .related-card {
    padding: 22px;
    border-radius: 14px;
  }
  html.cs-page-algorithmic-trading .related-comparison {
    grid-template-columns: minmax(0,1fr);
    gap: 22px;
  }
  html.cs-page-algorithmic-trading .related-result {
    grid-template-columns: minmax(0,1fr);
    gap: 18px;
    margin-top: 22px;
    padding-top: 22px;
  }
  html.cs-page-algorithmic-trading .case-study .related-card h3 {
    font-size: 25px;
    margin-bottom: 24px;
  }
  html.cs-page-algorithmic-trading .related-result a {
    justify-self: start;
  }
  html.cs-page-algorithmic-trading .related-switcher {
    gap: 8px;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-algorithmic-trading .challenge-disclosure summary i {
    transition: none;
  }
}
html.cs-page-algorithmic-trading .birdi-summary {
  background: radial-gradient(ellipse at 3% 100%,rgba(238,72,101,.25) 0%,rgba(238,72,101,.08) 34%,transparent 64%),radial-gradient(ellipse at 100% 0%,rgba(255,130,153,.17) 0%,transparent 58%),linear-gradient(115deg,#101d30 0%,#14243b 52%,#101d30 100%);
  color: #f6f8fc;
  padding: 40px 0;
}
html.cs-page-algorithmic-trading .birdi-summary-inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 48px;
  align-items: stretch;
}
html.cs-page-algorithmic-trading .birdi-summary-identity {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
html.cs-page-algorithmic-trading .birdi-summary-client {
  display: flex;
  gap: 18px;
  align-items: center;
  width: 100%;
}
html.cs-page-algorithmic-trading .birdi-summary .birdi-client-name {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.035em;
  margin: 0;
  color: #f6f8fc;
}
html.cs-page-algorithmic-trading .birdi-summary-sector {
  font-size: 16px;
  color: #bdc8d9;
  border-left: 1px solid #445063;
  padding-left: 18px;
}
html.cs-page-algorithmic-trading .birdi-summary .birdi-solution {
  font-size: 23px;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: -.025em;
  max-width: 420px;
  margin: 20px 0 22px;
  color: #f6f8fc;
}
html.cs-page-algorithmic-trading .birdi-summary-status {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 16px;
  line-height: 1.4;
  color: #f6f8fc;
  margin-top: auto;
}
html.cs-page-algorithmic-trading .birdi-summary-status i {
  color: #ff8299;
  font-size: 16px;
}
html.cs-page-algorithmic-trading .birdi-summary-facts {
  display: grid;
  grid-template-columns: 1fr 1.12fr;
  column-gap: 32px;
  row-gap: 24px;
  margin: 0;
  padding: 3px 0 3px 40px;
  border-left: 1px solid #394558;
  align-content: space-between;
}
html.cs-page-algorithmic-trading .birdi-summary-facts>div {
  min-width: 0;
}
html.cs-page-algorithmic-trading .birdi-summary-facts dt {
  font-size: 16px;
  line-height: 1.4;
  color: #bdc8d9;
  margin: 0 0 8px;
  font-weight: 400;
}
html.cs-page-algorithmic-trading .birdi-summary-facts dd {
  font-size: 18px;
  line-height: 1.5;
  color: #f6f8fc;
  font-weight: 500;
  margin: 0;
}
@media (max-width:1000px) {
  html.cs-page-algorithmic-trading .birdi-summary-inner {
    gap: 28px;
    grid-template-columns: 1fr 1.25fr;
  }
  html.cs-page-algorithmic-trading .birdi-summary-facts {
    padding-left: 28px;
    column-gap: 24px;
  }
  html.cs-page-algorithmic-trading .birdi-summary .birdi-solution {
    font-size: 21px;
  }
}
@media (max-width:767px) {
  html.cs-page-algorithmic-trading .birdi-summary {
    padding: 30px 0;
  }
  html.cs-page-algorithmic-trading .birdi-summary-inner {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  html.cs-page-algorithmic-trading .birdi-summary .birdi-solution {
    font-size: 22px;
    max-width: 520px;
    margin: 16px 0 18px;
  }
  html.cs-page-algorithmic-trading .birdi-summary-facts {
    border-left: 0;
    border-top: 1px solid #394558;
    padding: 24px 0 0;
    gap: 22px 24px;
    grid-template-columns: 1fr 1fr;
  }
  html.cs-page-algorithmic-trading .birdi-summary-facts dd {
    font-size: 16px;
  }
  html.cs-page-algorithmic-trading .birdi-summary .birdi-client-name {
    font-size: 30px;
  }
}
@media (max-width:359px) {
  html.cs-page-algorithmic-trading .birdi-summary-facts {
    grid-template-columns: 1fr;
  }
}

/* Fixed presentation exported from the approved page. */
html.cs-page-algorithmic-trading .case-study .birdi-presentation-1, html.cs-page-algorithmic-trading .case-study.birdi-presentation-1 { font-family: Lexend, sans-serif; background: rgb(255, 255, 255); color: rgb(16, 29, 48); }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-2, html.cs-page-algorithmic-trading .case-study.birdi-presentation-2 { background: rgb(255, 255, 255); padding: clamp(56px, 7vw, 84px) 0px; position: relative; overflow: hidden; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-3, html.cs-page-algorithmic-trading .case-study.birdi-presentation-3 {margin: 0px auto; padding: 0px 24px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-4, html.cs-page-algorithmic-trading .case-study.birdi-presentation-4 { align-items: center; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-5, html.cs-page-algorithmic-trading .case-study.birdi-presentation-5 { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-6, html.cs-page-algorithmic-trading .case-study.birdi-presentation-6 { height: 2px; width: 38px; background: linear-gradient(90deg, rgb(238, 72, 101), rgb(213, 31, 63)); }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-7, html.cs-page-algorithmic-trading .case-study.birdi-presentation-7 { font-size: 16px; font-weight: 700; letter-spacing: 0.16em; color: rgb(238, 72, 101); }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-8, html.cs-page-algorithmic-trading .case-study.birdi-presentation-8 { font-size: clamp(2.05rem, 4vw, 4rem); line-height: 1.06; font-weight: 700; margin: 0px 0px 22px; letter-spacing: -0.01em; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-9, html.cs-page-algorithmic-trading .case-study.birdi-presentation-9 { color: rgb(238, 72, 101); }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-10, html.cs-page-algorithmic-trading .case-study.birdi-presentation-10 { font-size: 17px; line-height: 1.7; color: var(--body); margin: 0px 0px 30px; max-width: 470px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-11, html.cs-page-algorithmic-trading .case-study.birdi-presentation-11 { display: flex; flex-wrap: wrap; gap: 14px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-12, html.cs-page-algorithmic-trading .case-study.birdi-presentation-12 { display: inline-flex; align-items: center; gap: 10px; background: linear-gradient(135deg, rgb(238, 72, 101) 0%, rgb(213, 31, 63) 100%); color: rgb(255, 255, 255); font-weight: 600; font-size: 16px; padding: 15px 28px; border-radius: 10px; box-shadow: rgba(213, 31, 63, 0.26) 0px 12px 26px; transition: transform 0.25s, box-shadow 0.25s; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-13, html.cs-page-algorithmic-trading .case-study.birdi-presentation-13 { font-size: 16px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-14, html.cs-page-algorithmic-trading .case-study.birdi-presentation-14 { position: relative; display: flex; justify-content: center; padding: 24px 0px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-15, html.cs-page-algorithmic-trading .case-study.birdi-presentation-15 { position: absolute; inset: auto 12% 6%; height: 78%; background: rgb(243, 243, 243); border-radius: 16px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-16, html.cs-page-algorithmic-trading .case-study.birdi-presentation-16 { position: relative; width: 100%; max-width: 262px; border-radius: 12px; overflow: hidden; box-shadow: rgba(16, 29, 48, 0.24) 0px 34px 74px, rgba(16, 29, 48, 0.1) 0px 6px 16px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-17, html.cs-page-algorithmic-trading .case-study.birdi-presentation-17 { display: block; width: 100%; height: auto; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-18, html.cs-page-algorithmic-trading .case-study.birdi-presentation-18 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)); gap: 24px; margin-top: clamp(36px, 5vw, 56px); padding-top: 28px; border-top: 1px solid rgba(16, 29, 48, 0.1); }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-19, html.cs-page-algorithmic-trading .case-study.birdi-presentation-19 { display: flex; align-items: flex-start; gap: 12px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-20, html.cs-page-algorithmic-trading .case-study.birdi-presentation-20 { color: rgb(238, 72, 101); font-size: 16px; margin-top: 4px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-21, html.cs-page-algorithmic-trading .case-study.birdi-presentation-21 { font-size: 16px; font-weight: 700; margin-bottom: 3px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-22, html.cs-page-algorithmic-trading .case-study.birdi-presentation-22 { font-size: 16px; color: var(--body); line-height: 1.45; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-23, html.cs-page-algorithmic-trading .case-study.birdi-presentation-23 { background: rgb(255, 255, 255); padding: clamp(56px, 7vw, 84px) 0px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-24, html.cs-page-algorithmic-trading .case-study.birdi-presentation-24 { max-width: 720px; margin: 0px auto clamp(32px, 4vw, 48px); text-align: center; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-25, html.cs-page-algorithmic-trading .case-study.birdi-presentation-25 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.16em; color: rgb(238, 72, 101); font-weight: 700; margin-bottom: 16px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-26, html.cs-page-algorithmic-trading .case-study.birdi-presentation-26 { font-size: clamp(1.55rem, 2.4vw, 2.1rem); font-weight: 700; line-height: 1.25; margin: 0px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-27, html.cs-page-algorithmic-trading .case-study.birdi-presentation-27 { background: rgb(243, 243, 243); padding: clamp(56px, 7vw, 84px) 0px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-28, html.cs-page-algorithmic-trading .case-study.birdi-presentation-28 { max-width: 740px; margin: 0px auto clamp(32px, 4vw, 48px); text-align: center; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-29, html.cs-page-algorithmic-trading .case-study.birdi-presentation-29 { font-size: clamp(1.55rem, 2.4vw, 2.1rem); font-weight: 700; line-height: 1.25; margin: 0px 0px 18px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-30, html.cs-page-algorithmic-trading .case-study.birdi-presentation-30 { font-size: 16px; line-height: 1.75; color: var(--body); margin: 0px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-31, html.cs-page-algorithmic-trading .case-study.birdi-presentation-31 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(32px, 5vw, 64px); align-items: center; margin-bottom: clamp(36px, 5vw, 56px); }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-32, html.cs-page-algorithmic-trading .case-study.birdi-presentation-32 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.16em; color: rgb(238, 72, 101); font-weight: 700; margin-bottom: 18px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-33, html.cs-page-algorithmic-trading .case-study.birdi-presentation-33 { font-size: clamp(1.55rem, 2.4vw, 2.1rem); font-weight: 700; line-height: 1.25; margin: 0px 0px 20px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-34, html.cs-page-algorithmic-trading .case-study.birdi-presentation-34 { font-size: 16px; line-height: 1.75; color: var(--body); margin: 0px 0px 14px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-35, html.cs-page-algorithmic-trading .case-study.birdi-presentation-35 { display: flex; justify-content: center; gap: 16px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-36, html.cs-page-algorithmic-trading .case-study.birdi-presentation-36 { width: 46%; max-width: 190px; border-radius: 12px; overflow: hidden; box-shadow: rgba(16, 29, 48, 0.18) 0px 24px 54px; align-self: flex-start; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-37, html.cs-page-algorithmic-trading .case-study.birdi-presentation-37 { width: 46%; max-width: 190px; border-radius: 12px; overflow: hidden; box-shadow: rgba(16, 29, 48, 0.18) 0px 24px 54px; align-self: flex-end; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-38, html.cs-page-algorithmic-trading .case-study.birdi-presentation-38 { width: 10%; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-39, html.cs-page-algorithmic-trading .case-study.birdi-presentation-39 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(28px, 4vw, 52px); align-items: center; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-40, html.cs-page-algorithmic-trading .case-study.birdi-presentation-40 { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-41, html.cs-page-algorithmic-trading .case-study.birdi-presentation-41 { width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(135deg, rgb(238, 72, 101), rgb(213, 31, 63)); display: inline-flex; align-items: center; justify-content: center; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-42, html.cs-page-algorithmic-trading .case-study.birdi-presentation-42 { color: rgb(255, 255, 255); font-size: 16px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-43, html.cs-page-algorithmic-trading .case-study.birdi-presentation-43 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.14em; font-weight: 700; color: rgb(16, 29, 48); }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-44, html.cs-page-algorithmic-trading .case-study.birdi-presentation-44 { font-size: 16px; line-height: 1.75; color: var(--body); margin: 0px 0px 26px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-45, html.cs-page-algorithmic-trading .case-study.birdi-presentation-45 { display: flex; flex-direction: column; gap: 0px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-46, html.cs-page-algorithmic-trading .case-study.birdi-presentation-46 { display: flex; gap: 16px; align-items: center; padding: 15px 0px; border-top: 1px solid rgba(16, 29, 48, 0.12); }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-47, html.cs-page-algorithmic-trading .case-study.birdi-presentation-47 { font-size: 16px; font-weight: 700; color: rgb(238, 72, 101); min-width: 22px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-48, html.cs-page-algorithmic-trading .case-study.birdi-presentation-48 { font-size: 16px; line-height: 1.55; color: rgb(16, 29, 48); }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-49, html.cs-page-algorithmic-trading .case-study.birdi-presentation-49 { display: flex; justify-content: center; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-50, html.cs-page-algorithmic-trading .case-study.birdi-presentation-50 { width: 100%; max-width: 250px; border-radius: 12px; overflow: hidden; box-shadow: rgba(16, 29, 48, 0.22) 0px 28px 60px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-51, html.cs-page-algorithmic-trading .case-study.birdi-presentation-51 { position: relative; overflow: hidden; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.57), rgb(239, 239, 255)), url("../../case-studies/algorithmic-trading/uploads/cs-chal-sol-bg.webp"); background-position: center center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; padding: clamp(56px, 7vw, 84px) 0px; color: rgb(16, 29, 48); }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-52, html.cs-page-algorithmic-trading .case-study.birdi-presentation-52 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(32px, 5vw, 64px); align-items: center; margin-bottom: clamp(40px, 5vw, 60px); }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-53, html.cs-page-algorithmic-trading .case-study.birdi-presentation-53 { position: relative; display: flex; justify-content: center; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-54, html.cs-page-algorithmic-trading .case-study.birdi-presentation-54 { width: 100%; max-width: 236px; border-radius: 12px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.42) 0px 30px 66px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-55, html.cs-page-algorithmic-trading .case-study.birdi-presentation-55 { position: absolute; top: 12%; right: 0px; background: rgb(255, 255, 255); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.3) 0px 16px 34px; padding: 10px 15px; display: flex; align-items: center; gap: 9px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-56, html.cs-page-algorithmic-trading .case-study.birdi-presentation-56 { width: 24px; height: 24px; border-radius: 50%; background: rgb(31, 158, 92); display: inline-flex; align-items: center; justify-content: center; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-57, html.cs-page-algorithmic-trading .case-study.birdi-presentation-57 { font-size: 16px; font-weight: 700; color: rgb(16, 29, 48); }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-58, html.cs-page-algorithmic-trading .case-study.birdi-presentation-58 { display: flex; align-items: center; gap: 16px; margin-bottom: 8px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-59, html.cs-page-algorithmic-trading .case-study.birdi-presentation-59 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.14em; font-weight: 700; color: rgb(16, 29, 48); white-space: normal; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-60, html.cs-page-algorithmic-trading .case-study.birdi-presentation-60 { height: 1px; flex: 1 1 0%; background: rgba(16, 29, 48, 0.15); }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-61, html.cs-page-algorithmic-trading .case-study.birdi-presentation-61 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 0px 56px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-62, html.cs-page-algorithmic-trading .case-study.birdi-presentation-62 { display: flex; gap: 16px; align-items: center; padding: 20px 0px; border-bottom: 1px solid rgba(16, 29, 48, 0.12); }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-63, html.cs-page-algorithmic-trading .case-study.birdi-presentation-63 { color: rgb(238, 72, 101); font-size: 22px; width: 24px; flex-shrink: 0; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-64, html.cs-page-algorithmic-trading .case-study.birdi-presentation-64 { font-size: 16px; line-height: 1.7; color: rgb(83, 93, 108); font-weight: 300; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-65, html.cs-page-algorithmic-trading .case-study.birdi-presentation-65 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 32px; align-items: end; margin-bottom: clamp(32px, 4vw, 44px); }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-66, html.cs-page-algorithmic-trading .case-study.birdi-presentation-66 { max-width: 640px; margin-bottom: clamp(32px, 4vw, 44px); }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-67, html.cs-page-algorithmic-trading .case-study.birdi-presentation-67 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 20px 40px; align-items: center; padding: 26px 0px; border-top: 1px solid rgba(16, 29, 48, 0.12); }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-68, html.cs-page-algorithmic-trading .case-study.birdi-presentation-68 { display: flex; align-items: baseline; gap: 14px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-69, html.cs-page-algorithmic-trading .case-study.birdi-presentation-69 { font-size: 16px; font-weight: 700; color: rgb(238, 72, 101); }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-70, html.cs-page-algorithmic-trading .case-study.birdi-presentation-70 { font-size: 16.5px; font-weight: 700; line-height: 1.3; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-71, html.cs-page-algorithmic-trading .case-study.birdi-presentation-71 { display: flex; flex-wrap: wrap; gap: 10px; min-width: 0px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-72, html.cs-page-algorithmic-trading .case-study.birdi-presentation-72 { display: flex; align-items: center; gap: 9px; background: rgb(243, 243, 243); border-radius: 8px; padding: 10px 16px; transition: background 0.3s, color 0.3s; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-73, html.cs-page-algorithmic-trading .case-study.birdi-presentation-73 { color: rgb(238, 72, 101); font-size: 16px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-74, html.cs-page-algorithmic-trading .case-study.birdi-presentation-74 { font-size: 16px; font-weight: 600; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-75, html.cs-page-algorithmic-trading .case-study.birdi-presentation-75 { font-size: 16px; opacity: 1; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-76, html.cs-page-algorithmic-trading .case-study.birdi-presentation-76 { max-width: 1180px; margin: 0px auto; padding: 0px 24px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(32px, 5vw, 64px); align-items: center; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-77, html.cs-page-algorithmic-trading .case-study.birdi-presentation-77 { font-size: 16px; line-height: 1.75; color: var(--body); margin: 0px 0px 28px; max-width: 480px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-78, html.cs-page-algorithmic-trading .case-study.birdi-presentation-78 { display: inline-flex; align-items: center; gap: 10px; background: linear-gradient(135deg, rgb(238, 72, 101), rgb(213, 31, 63)); color: rgb(255, 255, 255); font-weight: 600; font-size: 16px; padding: 16px 32px; border-radius: 10px; box-shadow: rgba(213, 31, 63, 0.26) 0px 14px 30px; transition: transform 0.25s, box-shadow 0.25s; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-79, html.cs-page-algorithmic-trading .case-study.birdi-presentation-79 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.14em; color: rgb(16, 29, 48); font-weight: 700; margin-bottom: 6px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-80, html.cs-page-algorithmic-trading .case-study.birdi-presentation-80 { display: flex; align-items: center; gap: 14px; padding: 16px 0px; border-bottom: 1px solid rgba(16, 29, 48, 0.12); }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-81, html.cs-page-algorithmic-trading .case-study.birdi-presentation-81 { color: rgb(238, 72, 101); font-size: 16px; width: 20px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-82, html.cs-page-algorithmic-trading .case-study.birdi-presentation-82 { font-size: 16px; font-weight: 500; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-83, html.cs-page-algorithmic-trading .case-study.birdi-presentation-83 { position: sticky; top: 70px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-84, html.cs-page-algorithmic-trading .case-study.birdi-presentation-84 { font-size: clamp(1.55rem, 2.4vw, 2.1rem); font-weight: 700; line-height: 1.25; margin: 0px 0px 16px; }
html.cs-page-algorithmic-trading .case-study .birdi-presentation-85, html.cs-page-algorithmic-trading .case-study.birdi-presentation-85 { font-size: 16px; line-height: 1.7; color: var(--body); margin: 0px; max-width: 330px; }

/* Original file: Algorithmic-Trading-Case-Study/css/case-overrides.css */
/* Open editorial layouts extending the supplied Birdi template. */
html.cs-page-algorithmic-trading .case-study section img {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
}

html.cs-page-algorithmic-trading .case-section {
  padding: clamp(70px, 8vw, 108px) 0;
}

html.cs-page-algorithmic-trading .section-white {
  background: #ffffff;
}

html.cs-page-algorithmic-trading .section-soft,
html.cs-page-algorithmic-trading .supported-section,
html.cs-page-algorithmic-trading .verification-section,
html.cs-page-algorithmic-trading .scope-section {
  background: #f1f1f1;
}

html.cs-page-algorithmic-trading .section-head {
  max-width: 760px;
  margin-bottom: clamp(34px, 5vw, 58px);
}

html.cs-page-algorithmic-trading .section-head > span,
html.cs-page-algorithmic-trading .planned-layout > div:first-child > span {
  display: block;
  margin-bottom: 15px;
  color: #ee4865;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

html.cs-page-algorithmic-trading .section-head h2,
html.cs-page-algorithmic-trading .planned-layout h2 {
  margin: 0;
  color: #101d30;
  font-size: clamp(2rem, 4vw, 3.45rem);
  font-weight: 700;
  letter-spacing: -.045em;
  line-height: 1.08;
}

html.cs-page-algorithmic-trading .section-head h2 em {
  color: #ee4865;
  font-style: normal;
}

html.cs-page-algorithmic-trading .section-head > p,
html.cs-page-algorithmic-trading .body-lead {
  max-width: 760px;
  margin: 22px 0 0;
  color: #596679;
  font-size: 17px;
  line-height: 1.78;
}

html.cs-page-algorithmic-trading .centered-head {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

html.cs-page-algorithmic-trading .centered-head > p {
  margin-right: auto;
  margin-left: auto;
}

html.cs-page-algorithmic-trading .body-copy p {
  margin: 0 0 20px;
  color: #4e5d70;
  font-size: 17px;
  line-height: 1.82;
}

html.cs-page-algorithmic-trading .body-copy p:last-child {
  margin-bottom: 0;
}

html.cs-page-algorithmic-trading .split-layout {
  row-gap: 42px;
}

html.cs-page-algorithmic-trading .hero-country-line {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 16px 0 24px;
  color: #101d30;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .1em;
}

html.cs-page-algorithmic-trading .country-flag {
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0;
}

html.cs-page-algorithmic-trading .hero-copy {
  max-width: 660px;
}

html.cs-page-algorithmic-trading .hero-copy p {
  margin: 0 0 16px;
  color: var(--body);
  font-size: 16px;
  line-height: 1.72;
}

html.cs-page-algorithmic-trading .editorial-note,
html.cs-page-algorithmic-trading .case-status-note,
html.cs-page-algorithmic-trading .section-boundary {
  position: relative;
  margin: 30px 0 0;
  padding: 4px 0 4px 22px;
  border: 0;
  border-left: 3px solid #ee4865;
  border-radius: 0;
  background: transparent;
  color: #4e5d70;
  font-size: 15px;
  line-height: 1.72;
}

html.cs-page-algorithmic-trading .editorial-note::before,
html.cs-page-algorithmic-trading .case-status-note::before {
  display: none;
}

html.cs-page-algorithmic-trading .editorial-note strong,
html.cs-page-algorithmic-trading .case-status-note strong,
html.cs-page-algorithmic-trading .section-boundary strong {
  color: #101d30;
}

html.cs-page-algorithmic-trading .clinical-note {
  margin: 18px 0 0;
  color: #6a7483;
  font-size: 14px;
  line-height: 1.65;
}

html.cs-page-algorithmic-trading .hero-phone-figure,
html.cs-page-algorithmic-trading .portrait-figure {
  width: min(100%, 370px);
  margin: 0 auto;
}

html.cs-page-algorithmic-trading .phone-image-stage,
html.cs-page-algorithmic-trading .portrait-stage {
  position: relative;
  padding: 22px;
}

html.cs-page-algorithmic-trading .phone-image-stage::before,
html.cs-page-algorithmic-trading .portrait-stage::before,
html.cs-page-algorithmic-trading .scope-visual > div::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 11% 0 3%;
  border-radius: 28px;
  background: #a9dcff;
}

html.cs-page-algorithmic-trading .phone-image-stage img,
html.cs-page-algorithmic-trading .portrait-stage img,
html.cs-page-algorithmic-trading .scope-visual img {
  position: relative;
  z-index: 1;
  max-height: 650px;
  object-fit: contain;
  filter: drop-shadow(0 24px 34px rgba(16, 29, 48, .18));
}

html.cs-page-algorithmic-trading .hero-phone-figure figcaption,
html.cs-page-algorithmic-trading .portrait-figure figcaption,
html.cs-page-algorithmic-trading .scope-visual figcaption,
html.cs-page-algorithmic-trading .case-image-frame figcaption,
html.cs-page-algorithmic-trading .case-image-pair figcaption {
  margin: 18px 0 0;
  padding-left: 15px;
  border-left: 2px solid #ee4865;
  color: #687386;
  font-size: 13px;
  line-height: 1.62;
}

html.cs-page-algorithmic-trading .case-meta-section {
  padding: 44px 0;
  background: #101d30;
  color: #ffffff;
}

html.cs-page-algorithmic-trading .case-meta-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
}

html.cs-page-algorithmic-trading .case-trading .case-meta-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

html.cs-page-algorithmic-trading .case-trading .case-meta-grid > div:nth-child(4n + 1) {
  border-left: 1px solid rgba(255, 255, 255, .16);
}

html.cs-page-algorithmic-trading .case-trading .case-meta-grid > div:nth-child(3n + 1) {
  border-left: 0;
}

html.cs-page-algorithmic-trading .case-meta-grid > div {
  min-width: 0;
  padding: 18px 26px;
  border-left: 1px solid rgba(255, 255, 255, .16);
}

html.cs-page-algorithmic-trading .case-meta-grid > div:nth-child(4n + 1) {
  border-left: 0;
}

html.cs-page-algorithmic-trading .case-meta-grid dt {
  margin-bottom: 9px;
  color: #ff9bad;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}

html.cs-page-algorithmic-trading .case-meta-grid dd {
  margin: 0;
  color: #ffffff;
  font-size: 15px;
  line-height: 1.55;
}

html.cs-page-algorithmic-trading .open-number-list {
  max-width: 900px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

html.cs-page-algorithmic-trading .open-number-list li {
  display: grid;
  grid-template-columns: 72px 1fr;
  align-items: start;
  padding: 24px 0;
  border-top: 1px solid rgba(16, 29, 48, .18);
}

html.cs-page-algorithmic-trading .open-number-list li:last-child {
  border-bottom: 1px solid rgba(16, 29, 48, .18);
}

html.cs-page-algorithmic-trading .open-number-list span,
html.cs-page-algorithmic-trading .supported-lines span,
html.cs-page-algorithmic-trading .scope-number,
html.cs-page-algorithmic-trading .feature-open-grid article > span,
html.cs-page-algorithmic-trading .adjacent-lines span {
  color: #ee4865;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .09em;
}

html.cs-page-algorithmic-trading .open-number-list p {
  margin: 0;
  color: #101d30;
  font-size: clamp(18px, 2vw, 23px);
  line-height: 1.45;
}

html.cs-page-algorithmic-trading .dark-boundary {
  margin: 48px 0 0;
  padding: 24px 0 0;
  border-top: 1px solid rgba(255, 255, 255, .25);
  color: rgba(255, 255, 255, .76);
  font-size: 15px;
  line-height: 1.72;
}

html.cs-page-algorithmic-trading .dark-boundary strong {
  display: block;
  margin-bottom: 6px;
  color: #ff8ca1;
  font-size: 13px;
  letter-spacing: .11em;
  text-transform: uppercase;
}

html.cs-page-algorithmic-trading .workflow-stage {
  background: rgba(255, 255, 255, .055);
}

html.cs-page-algorithmic-trading .workflow-stage img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

html.cs-page-algorithmic-trading .workflow-stage.phone-stage {
  padding: 20px;
}

html.cs-page-algorithmic-trading .workflow-stage.phone-stage img {
  width: auto;
  max-width: 100%;
  border-radius: 12px;
  filter: drop-shadow(0 18px 28px rgba(0, 0, 0, .3));
}

html.cs-page-algorithmic-trading .section-intro-row {
  margin-bottom: 24px;
}

html.cs-page-algorithmic-trading .supported-section {
  background: #f1f1f1 !important;
}

html.cs-page-algorithmic-trading .supported-lines {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid rgba(16, 29, 48, .22);
  border-bottom: 1px solid rgba(16, 29, 48, .22);
}

html.cs-page-algorithmic-trading .supported-lines > div {
  min-height: 150px;
  padding: 26px 24px;
  border-left: 1px solid rgba(16, 29, 48, .18);
}

html.cs-page-algorithmic-trading .supported-lines > div:first-child {
  border-left: 0;
}

html.cs-page-algorithmic-trading .supported-lines strong {
  display: block;
  margin-top: 38px;
  color: #101d30;
  font-size: clamp(20px, 2.2vw, 28px);
  font-weight: 600;
  line-height: 1.2;
}

html.cs-page-algorithmic-trading .architecture-intro {
  margin-bottom: 20px;
}

html.cs-page-algorithmic-trading .process-rail {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  margin: 0;
  padding: 46px 0 12px;
  border-top: 1px solid rgba(16, 29, 48, .2);
  list-style: none;
}

html.cs-page-algorithmic-trading .process-rail li {
  position: relative;
  min-height: 150px;
  padding: 26px 14px 0 0;
}

html.cs-page-algorithmic-trading .process-rail li::before {
  content: "";
  position: absolute;
  top: -52px;
  left: 0;
  width: 11px;
  height: 11px;
  border: 3px solid #ffffff;
  border-radius: 50%;
  background: #ee4865;
  box-shadow: 0 0 0 1px #ee4865;
}

html.cs-page-algorithmic-trading .process-rail span {
  display: block;
  margin-bottom: 15px;
  color: #ee4865;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
}

html.cs-page-algorithmic-trading .process-rail strong {
  display: block;
  color: #101d30;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

html.cs-page-algorithmic-trading .processing-copy {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 56px;
  margin-top: 32px;
}

html.cs-page-algorithmic-trading .processing-copy p {
  display: grid;
  grid-template-columns: 32px 1fr;
  margin: 0;
  padding: 15px 0;
  border-top: 1px solid rgba(16, 29, 48, .14);
  color: #596679;
  font-size: 15px;
  line-height: 1.6;
}

html.cs-page-algorithmic-trading .processing-copy span {
  color: #ee4865;
  font-weight: 700;
}

html.cs-page-algorithmic-trading .editorial-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-algorithmic-trading .editorial-list li {
  position: relative;
  padding: 13px 0 13px 24px;
  border-top: 1px solid rgba(16, 29, 48, .14);
  color: #4e5d70;
  font-size: 15px;
  line-height: 1.6;
}

html.cs-page-algorithmic-trading .editorial-list li::before {
  content: "";
  position: absolute;
  top: 24px;
  left: 0;
  width: 8px;
  height: 2px;
  background: #ee4865;
}

html.cs-page-algorithmic-trading .evidence-section {
  background: #ffffff;
  padding-top: clamp(88px, 10vw, 132px);
  padding-bottom: clamp(88px, 10vw, 132px);
}

html.cs-page-algorithmic-trading .evidence-layout {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: clamp(42px, 8vw, 104px);
  align-items: end;
}

html.cs-page-algorithmic-trading .evidence-layout .section-head {
  margin: 0;
}

html.cs-page-algorithmic-trading .evidence-statement {
  margin: 0;
  color: #101d30;
  font-size: clamp(1.8rem, 3.7vw, 3.35rem);
  font-weight: 650;
  letter-spacing: -.045em;
  line-height: 1.18;
}

html.cs-page-algorithmic-trading .evidence-statement mark,
html.cs-page-algorithmic-trading .scope-copy mark {
  padding: 0 .08em;
  background: linear-gradient(transparent 56%, #a9dcff 56%);
  color: inherit;
}

html.cs-page-algorithmic-trading .evidence-plain {
  margin: 25px 0 0;
  color: #ee4865;
  font-size: 17px;
  font-weight: 700;
}

html.cs-page-algorithmic-trading .limitations-layout {
  display: grid;
  grid-template-columns: minmax(220px, .36fr) minmax(0, .64fr);
  gap: 44px;
  margin-top: 76px;
  padding-top: 34px;
  border-top: 1px solid rgba(16, 29, 48, .22);
}

html.cs-page-algorithmic-trading .limitations-title {
  margin: 0;
  color: #101d30;
  font-size: 18px;
  font-weight: 650;
  line-height: 1.5;
}

html.cs-page-algorithmic-trading .limitations-list {
  columns: 2;
  column-gap: 48px;
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-algorithmic-trading .limitations-list li {
  break-inside: avoid;
  position: relative;
  padding: 0 0 13px 18px;
  color: #596679;
  font-size: 15px;
  line-height: 1.55;
}

html.cs-page-algorithmic-trading .limitations-list li::before {
  content: "";
  position: absolute;
  top: .7em;
  left: 0;
  width: 7px;
  height: 2px;
  background: #ee4865;
}

html.cs-page-algorithmic-trading .scope-story {
  margin-top: 38px;
}

html.cs-page-algorithmic-trading .scope-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, .72fr);
  gap: clamp(44px, 8vw, 110px);
  align-items: center;
  padding: 58px 0;
  border-top: 1px solid rgba(16, 29, 48, .18);
}

html.cs-page-algorithmic-trading .scope-row:last-child {
  border-bottom: 1px solid rgba(16, 29, 48, .18);
}

html.cs-page-algorithmic-trading .scope-row-reverse .scope-copy {
  order: 2;
}

html.cs-page-algorithmic-trading .scope-row-reverse .scope-visual {
  order: 1;
}

html.cs-page-algorithmic-trading .scope-copy h3 {
  max-width: 610px;
  margin: 18px 0 0;
  color: #101d30;
  font-size: clamp(1.65rem, 3.1vw, 2.75rem);
  font-weight: 600;
  letter-spacing: -.04em;
  line-height: 1.2;
}

html.cs-page-algorithmic-trading .scope-visual {
  margin: 0;
}

html.cs-page-algorithmic-trading .scope-visual > div {
  position: relative;
  padding: 20px;
}

html.cs-page-algorithmic-trading .scope-visual img {
  max-height: 510px;
}

html.cs-page-algorithmic-trading .feature-open-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 62px;
}

html.cs-page-algorithmic-trading .feature-open-grid article {
  display: grid;
  grid-template-columns: 46px 1fr;
  padding: 27px 0;
  border-top: 1px solid rgba(16, 29, 48, .18);
}

html.cs-page-algorithmic-trading .feature-open-grid h3 {
  grid-column: 2;
  margin: 0 0 9px;
  color: #101d30;
  font-size: 19px;
  line-height: 1.4;
}

html.cs-page-algorithmic-trading .feature-open-grid p {
  grid-column: 2;
  margin: 0;
  color: #596679;
  font-size: 15px;
  line-height: 1.65;
}

html.cs-page-algorithmic-trading .privacy-section {
  background: #101d30;
  color: #ffffff;
}

html.cs-page-algorithmic-trading .privacy-section .section-head h2,
html.cs-page-algorithmic-trading .privacy-section .boundary-columns h3 {
  color: #ffffff;
}

html.cs-page-algorithmic-trading .privacy-section .section-head h2 em {
  color: #ff8299;
}

html.cs-page-algorithmic-trading .boundary-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid rgba(255, 255, 255, .22);
  border-bottom: 1px solid rgba(255, 255, 255, .22);
}

html.cs-page-algorithmic-trading .boundary-columns > div {
  padding: 36px 42px 36px 0;
}

html.cs-page-algorithmic-trading .boundary-columns > div + div {
  padding-right: 0;
  padding-left: 42px;
  border-left: 1px solid rgba(255, 255, 255, .22);
}

html.cs-page-algorithmic-trading .boundary-columns h3 {
  margin: 0 0 20px;
  font-size: 18px;
  line-height: 1.45;
}

html.cs-page-algorithmic-trading .boundary-columns p,
html.cs-page-algorithmic-trading .privacy-section .editorial-list li {
  color: rgba(255, 255, 255, .72);
}

html.cs-page-algorithmic-trading .privacy-section .editorial-list li {
  border-color: rgba(255, 255, 255, .14);
}

html.cs-page-algorithmic-trading .privacy-section .section-boundary {
  color: rgba(255, 255, 255, .74);
}

html.cs-page-algorithmic-trading .planned-section {
  padding: clamp(54px, 7vw, 80px) 0;
  background: #e5e5e5;
}

html.cs-page-algorithmic-trading .planned-layout {
  display: grid;
  grid-template-columns: minmax(260px, .42fr) minmax(0, .58fr);
  gap: clamp(38px, 8vw, 100px);
}

html.cs-page-algorithmic-trading .planned-layout h2 {
  font-size: clamp(1.8rem, 3.3vw, 2.8rem);
}

html.cs-page-algorithmic-trading .planned-layout p {
  margin: 0 0 16px;
  color: #4e5d70;
  font-size: 16px;
  line-height: 1.75;
}

html.cs-page-algorithmic-trading .adjacent-lines {
  margin: 40px 0 0;
  padding: 0;
  border-top: 1px solid rgba(16, 29, 48, .2);
  list-style: none;
}

html.cs-page-algorithmic-trading .adjacent-lines li {
  display: grid;
  grid-template-columns: 70px 1fr;
  padding: 25px 0;
  border-bottom: 1px solid rgba(16, 29, 48, .2);
  color: #101d30;
  font-size: clamp(17px, 2vw, 21px);
  line-height: 1.5;
}

html.cs-page-algorithmic-trading .tech-open-list {
  border-top: 1px solid rgba(16, 29, 48, .2);
}

html.cs-page-algorithmic-trading .tech-open-list > div {
  display: grid;
  grid-template-columns: minmax(190px, .3fr) minmax(0, .7fr);
  gap: 34px;
  padding: 27px 0;
  border-bottom: 1px solid rgba(16, 29, 48, .2);
}

html.cs-page-algorithmic-trading .tech-open-list h3 {
  margin: 0;
  color: #101d30;
  font-size: 17px;
  line-height: 1.5;
}

html.cs-page-algorithmic-trading .tech-open-list p {
  margin: 0;
  color: #596679;
  font-size: 15px;
  line-height: 1.8;
}

html.cs-page-algorithmic-trading .cta-supporting {
  max-width: 420px;
  margin: 0;
  color: #596679;
  font-size: 16px;
  line-height: 1.7;
}

/* Remove boxed styling from legacy template components still used by the trading page. */
html.cs-page-algorithmic-trading .need-grid,
html.cs-page-algorithmic-trading .scope-groups,
html.cs-page-algorithmic-trading .case-copy-grid {
  gap: 0 44px;
}

html.cs-page-algorithmic-trading .need-card,
html.cs-page-algorithmic-trading .scope-group,
html.cs-page-algorithmic-trading .case-copy-item,
html.cs-page-algorithmic-trading .feature-item,
html.cs-page-algorithmic-trading .birdi-tech-pill {
  border: 0 !important;
  border-top: 1px solid rgba(16, 29, 48, .18) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.cs-page-algorithmic-trading .need-card,
html.cs-page-algorithmic-trading .scope-group,
html.cs-page-algorithmic-trading .case-copy-item {
  padding: 25px 0 !important;
}

html.cs-page-algorithmic-trading .need-marker {
  background: transparent !important;
  color: #ee4865 !important;
}

html.cs-page-algorithmic-trading .need-answer {
  padding: 14px 0 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html.cs-page-algorithmic-trading .case-copy-item::before,
html.cs-page-algorithmic-trading .architecture-node::after {
  display: none !important;
}

html.cs-page-algorithmic-trading .case-copy-item h3 {
  margin: 0 0 12px;
  color: #101d30;
  font-size: 19px;
}

html.cs-page-algorithmic-trading .case-copy-item p,
html.cs-page-algorithmic-trading .case-copy-item li {
  color: #596679;
  font-size: 15px;
  line-height: 1.68;
}

html.cs-page-algorithmic-trading .case-copy-item ul {
  margin: 0;
  padding-left: 20px;
}

html.cs-page-algorithmic-trading .case-image-frame {
  margin: 40px 0 0;
}

html.cs-page-algorithmic-trading .case-image-frame img {
  box-shadow: 0 24px 54px rgba(16, 29, 48, .12);
}

html.cs-page-algorithmic-trading .case-image-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 48px;
  margin-top: 42px;
}

html.cs-page-algorithmic-trading .case-image-pair figure {
  margin: 0;
}

html.cs-page-algorithmic-trading .architecture-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 34px;
  margin-top: 38px;
}

html.cs-page-algorithmic-trading .architecture-node {
  min-height: 0;
  padding: 22px 0;
  border: 0;
  border-top: 1px solid rgba(16, 29, 48, .18);
  border-radius: 0;
  background: transparent;
  color: #101d30;
  font-size: 15px;
  font-weight: 600;
}

html.cs-page-algorithmic-trading .case-boundary-panel,
html.cs-page-algorithmic-trading .boundary-panel {
  padding: 28px 0;
  border: 0;
  border-top: 2px solid #ee4865;
  border-radius: 0;
  background: transparent;
}

html.cs-page-algorithmic-trading .case-boundary-panel::before,
html.cs-page-algorithmic-trading .boundary-panel::before {
  display: none;
}

html.cs-page-algorithmic-trading .features-panel {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.cs-page-algorithmic-trading .feature-tabs {
  border-bottom: 1px solid rgba(16, 29, 48, .2) !important;
}

html.cs-page-algorithmic-trading .feature-tab {
  border-radius: 0 !important;
}

html.cs-page-algorithmic-trading .feature-items {
  gap: 0 42px !important;
}

html.cs-page-algorithmic-trading .birdi-presentation-67 {
  align-items: start !important;
}

html.cs-page-algorithmic-trading .birdi-presentation-71 {
  gap: 0 28px !important;
}

html.cs-page-algorithmic-trading .birdi-tech-pill {
  padding: 18px 0 !important;
}

html.cs-page-algorithmic-trading .hero-art.landscape {
  display: flex;
  min-height: 420px;
  align-items: center;
}

html.cs-page-algorithmic-trading .hero-art.landscape .parallax-visual {
  width: 100%;
  max-width: none;
}

html.cs-page-algorithmic-trading .hero-art.landscape img {
  object-fit: contain;
  filter: drop-shadow(0 24px 38px rgba(16, 29, 48, .16));
}

html.cs-page-algorithmic-trading .simulation-badge {
  display: inline-flex;
  margin: 6px 0 18px;
  padding: 8px 13px;
  background: #101d30;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}

@media (max-width: 991px) {
  html.cs-page-algorithmic-trading .case-meta-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html.cs-page-algorithmic-trading .case-meta-grid > div:nth-child(4n + 1) {
    border-left: 1px solid rgba(255, 255, 255, .16);
  }

  html.cs-page-algorithmic-trading .case-meta-grid > div:nth-child(2n + 1) {
    border-left: 0;
  }

  html.cs-page-algorithmic-trading .process-rail {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 18px;
    padding-top: 0;
    border-top: 0;
  }

  html.cs-page-algorithmic-trading .process-rail li {
    min-height: 120px;
    padding-top: 30px;
    border-top: 1px solid rgba(16, 29, 48, .2);
  }

  html.cs-page-algorithmic-trading .process-rail li::before {
    top: -6px;
  }

  html.cs-page-algorithmic-trading .evidence-layout,
  html.cs-page-algorithmic-trading .limitations-layout {
    grid-template-columns: 1fr;
  }

  html.cs-page-algorithmic-trading .limitations-layout {
    gap: 24px;
  }
}

@media (max-width: 767px) {
  html.cs-page-algorithmic-trading .case-section {
    padding: 62px 0;
  }

  html.cs-page-algorithmic-trading .hero-country-line {
    margin-top: 12px;
  }

  html.cs-page-algorithmic-trading .hero-phone-figure {
    margin-top: 42px;
  }

  html.cs-page-algorithmic-trading .case-meta-grid,
  html.cs-page-algorithmic-trading .supported-lines,
  html.cs-page-algorithmic-trading .processing-copy,
  html.cs-page-algorithmic-trading .feature-open-grid,
  html.cs-page-algorithmic-trading .boundary-columns,
  html.cs-page-algorithmic-trading .planned-layout,
  html.cs-page-algorithmic-trading .tech-open-list > div,
  html.cs-page-algorithmic-trading .case-image-pair,
  html.cs-page-algorithmic-trading .architecture-strip,
  html.cs-page-algorithmic-trading .case-copy-grid {
    grid-template-columns: 1fr;
  }

  html.cs-page-algorithmic-trading .case-trading .case-meta-grid {
    grid-template-columns: 1fr;
  }

  html.cs-page-algorithmic-trading .case-meta-grid > div {
    padding: 18px 0;
    border-top: 1px solid rgba(255, 255, 255, .16);
    border-left: 0 !important;
  }

  html.cs-page-algorithmic-trading .case-meta-grid > div:first-child {
    border-top: 0;
  }

  html.cs-page-algorithmic-trading .open-number-list li,
  html.cs-page-algorithmic-trading .adjacent-lines li {
    grid-template-columns: 48px 1fr;
  }

  html.cs-page-algorithmic-trading .supported-lines > div {
    display: grid;
    grid-template-columns: 46px 1fr;
    min-height: 0;
    padding: 22px 0;
    border-top: 1px solid rgba(16, 29, 48, .18);
    border-left: 0;
  }

  html.cs-page-algorithmic-trading .supported-lines > div:first-child {
    border-top: 0;
  }

  html.cs-page-algorithmic-trading .supported-lines strong {
    margin-top: 0;
  }

  html.cs-page-algorithmic-trading .process-rail {
    display: block;
    margin-left: 7px;
    padding-left: 28px;
    border-left: 1px solid rgba(16, 29, 48, .25);
  }

  html.cs-page-algorithmic-trading .process-rail li {
    min-height: 0;
    padding: 0 0 28px;
    border-top: 0;
  }

  html.cs-page-algorithmic-trading .process-rail li::before {
    top: 4px;
    left: -34px;
  }

  html.cs-page-algorithmic-trading .scope-row {
    grid-template-columns: 1fr;
    gap: 34px;
    padding: 44px 0;
  }

  html.cs-page-algorithmic-trading .scope-row-reverse .scope-copy,
  html.cs-page-algorithmic-trading .scope-row-reverse .scope-visual {
    order: initial;
  }

  html.cs-page-algorithmic-trading .scope-copy {
    order: 1 !important;
  }

  html.cs-page-algorithmic-trading .scope-visual {
    order: 2 !important;
  }

  html.cs-page-algorithmic-trading .limitations-list {
    columns: 1;
  }

  html.cs-page-algorithmic-trading .boundary-columns > div,
  html.cs-page-algorithmic-trading .boundary-columns > div + div {
    padding: 28px 0;
    border-left: 0;
  }

  html.cs-page-algorithmic-trading .boundary-columns > div + div {
    border-top: 1px solid rgba(255, 255, 255, .22);
  }

  html.cs-page-algorithmic-trading .feature-open-grid article {
    grid-template-columns: 42px 1fr;
  }

  html.cs-page-algorithmic-trading .phone-image-stage,
  html.cs-page-algorithmic-trading .portrait-stage,
  html.cs-page-algorithmic-trading .scope-visual > div {
    padding: 16px;
  }

  html.cs-page-algorithmic-trading .hero-art.landscape {
    min-height: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.cs-page-algorithmic-trading .case-study *,
  html.cs-page-algorithmic-trading .case-study *::before,
  html.cs-page-algorithmic-trading .case-study *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}


/* Open layouts used by the Algorithmic Trading case study. */
html.cs-page-algorithmic-trading .landscape-figure,
html.cs-page-algorithmic-trading .wide-figure,
html.cs-page-algorithmic-trading .sticky-landscape,
html.cs-page-algorithmic-trading .dark-image-caption {
  margin: 0;
}

html.cs-page-algorithmic-trading .landscape-stage {
  position: relative;
  padding: 28px 0 28px 28px;
}

html.cs-page-algorithmic-trading .landscape-stage::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0 15% 0 0;
  background: #a9dcff;
}

html.cs-page-algorithmic-trading .landscape-stage img {
  position: relative;
  z-index: 1;
  filter: drop-shadow(0 24px 38px rgba(16, 29, 48, .16));
}

html.cs-page-algorithmic-trading .landscape-figure figcaption,
html.cs-page-algorithmic-trading .wide-figure figcaption,
html.cs-page-algorithmic-trading .sticky-landscape figcaption,
html.cs-page-algorithmic-trading .dark-image-caption figcaption {
  margin-top: 18px;
  padding-left: 15px;
  border-left: 2px solid #ee4865;
  color: #687386;
  font-size: 13px;
  line-height: 1.62;
}

html.cs-page-algorithmic-trading .compact-number-list {
  margin: 26px 0 0;
  padding: 0;
  list-style: none;
  counter-reset: compact-step;
}

html.cs-page-algorithmic-trading .compact-number-list li {
  counter-increment: compact-step;
  position: relative;
  padding: 17px 0 17px 48px;
  border-top: 1px solid rgba(16, 29, 48, .16);
  color: #4e5d70;
  font-size: 15px;
  line-height: 1.62;
}

html.cs-page-algorithmic-trading .compact-number-list li::before {
  content: counter(compact-step, decimal-leading-zero);
  position: absolute;
  left: 0;
  color: #ee4865;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
}

html.cs-page-algorithmic-trading .trailing-copy {
  margin-top: 34px;
}

html.cs-page-algorithmic-trading .two-column-list {
  columns: 2;
  column-gap: 58px;
}

html.cs-page-algorithmic-trading .two-column-list li {
  break-inside: avoid;
}

html.cs-page-algorithmic-trading .mode-lines {
  border-top: 1px solid rgba(16, 29, 48, .2);
}

html.cs-page-algorithmic-trading .mode-lines article {
  display: grid;
  grid-template-columns: minmax(120px, .2fr) minmax(0, .8fr);
  gap: 44px;
  padding: 42px 0;
  border-bottom: 1px solid rgba(16, 29, 48, .2);
}

html.cs-page-algorithmic-trading .mode-lines article > span {
  color: #ee4865;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html.cs-page-algorithmic-trading .mode-lines h3 {
  margin: 0 0 18px;
  color: #101d30;
  font-size: clamp(1.45rem, 2.4vw, 2.25rem);
  line-height: 1.2;
}

html.cs-page-algorithmic-trading .mode-lines p {
  margin: 0 0 14px;
  color: #596679;
  font-size: 15px;
  line-height: 1.72;
}

html.cs-page-algorithmic-trading .dark-boundary ul {
  margin: 16px 0 0;
  padding: 0;
  columns: 2;
  column-gap: 50px;
  list-style: none;
}

html.cs-page-algorithmic-trading .dark-boundary li {
  break-inside: avoid;
  position: relative;
  padding: 10px 0 10px 18px;
  color: rgba(255, 255, 255, .72);
  line-height: 1.6;
}

html.cs-page-algorithmic-trading .dark-boundary li::before {
  content: "";
  position: absolute;
  top: 1.3em;
  left: 0;
  width: 7px;
  height: 2px;
  background: #ee4865;
}

html.cs-page-algorithmic-trading .dark-image-caption {
  margin-top: 48px;
}

html.cs-page-algorithmic-trading .dark-image-caption img {
  background: rgba(255, 255, 255, .05);
}

html.cs-page-algorithmic-trading .dark-image-caption figcaption {
  color: rgba(255, 255, 255, .66);
}

html.cs-page-algorithmic-trading .control-split {
  display: grid;
  grid-template-columns: minmax(0, .58fr) minmax(340px, .42fr);
  gap: clamp(50px, 8vw, 110px);
  align-items: start;
}

html.cs-page-algorithmic-trading .control-copy {
  counter-reset: control-number;
}

html.cs-page-algorithmic-trading .control-copy article {
  counter-increment: control-number;
  position: relative;
  padding: 28px 0 28px 54px;
  border-top: 1px solid rgba(16, 29, 48, .18);
}

html.cs-page-algorithmic-trading .control-copy article::before {
  content: counter(control-number, decimal-leading-zero);
  position: absolute;
  top: 31px;
  left: 0;
  color: #ee4865;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
}

html.cs-page-algorithmic-trading .control-copy h3 {
  margin: 0 0 13px;
  color: #101d30;
  font-size: 19px;
  line-height: 1.4;
}

html.cs-page-algorithmic-trading .control-copy p {
  margin: 0 0 11px;
  color: #596679;
  font-size: 15px;
  line-height: 1.68;
}

html.cs-page-algorithmic-trading .sticky-landscape {
  position: static;
}

html.cs-page-algorithmic-trading .sticky-landscape img,
html.cs-page-algorithmic-trading .wide-figure img {
  filter: drop-shadow(0 24px 38px rgba(16, 29, 48, .14));
}

html.cs-page-algorithmic-trading .wide-figure {
  margin-top: 46px;
}

html.cs-page-algorithmic-trading .risk-section {
  background: #101d30;
  color: #ffffff;
}

html.cs-page-algorithmic-trading .risk-section .section-head h2,
html.cs-page-algorithmic-trading .risk-section .section-head p {
  color: #ffffff;
}

html.cs-page-algorithmic-trading .risk-section .section-head h2 em {
  color: #ff8299;
}

html.cs-page-algorithmic-trading .risk-lines {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 50px;
  margin: 32px 0 0;
  padding: 0;
  border-top: 1px solid rgba(255, 255, 255, .2);
  list-style: none;
}

html.cs-page-algorithmic-trading .risk-lines li {
  position: relative;
  padding: 18px 0 18px 22px;
  border-bottom: 1px solid rgba(255, 255, 255, .14);
  color: rgba(255, 255, 255, .72);
  font-size: 15px;
  line-height: 1.62;
}

html.cs-page-algorithmic-trading .risk-lines li::before {
  content: "";
  position: absolute;
  top: 29px;
  left: 0;
  width: 8px;
  height: 2px;
  background: #ee4865;
}

html.cs-page-algorithmic-trading .risk-warning {
  margin: 52px 0 0;
  padding: 28px 0;
  border-top: 2px solid #ee4865;
  border-bottom: 1px solid rgba(255, 255, 255, .2);
  color: #ffffff;
  font-size: clamp(18px, 2.1vw, 24px);
  font-weight: 600;
  line-height: 1.5;
}

html.cs-page-algorithmic-trading .publication-boundary {
  display: grid;
  grid-template-columns: minmax(220px, .3fr) minmax(0, .7fr);
  gap: 0 48px;
  margin-top: 46px;
}

html.cs-page-algorithmic-trading .publication-boundary h3 {
  grid-row: 1 / 4;
  margin: 0;
  color: #ff8299;
  font-size: 18px;
  line-height: 1.4;
}

html.cs-page-algorithmic-trading .publication-boundary p {
  margin: 0 0 16px;
  color: rgba(255, 255, 255, .72);
  font-size: 15px;
  line-height: 1.65;
}

html.cs-page-algorithmic-trading .publication-boundary ul {
  columns: 2;
  column-gap: 42px;
  margin: 0;
  padding-left: 18px;
  color: rgba(255, 255, 255, .72);
}

html.cs-page-algorithmic-trading .publication-boundary li {
  break-inside: avoid;
  padding: 5px 0;
  font-size: 15px;
  line-height: 1.5;
}

html.cs-page-algorithmic-trading .validation-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 58px;
  border-top: 1px solid rgba(16, 29, 48, .2);
}

html.cs-page-algorithmic-trading .validation-columns article {
  padding: 28px 0;
  border-bottom: 1px solid rgba(16, 29, 48, .18);
}

html.cs-page-algorithmic-trading .validation-columns article:last-child:nth-child(odd) {
  grid-column: 1 / -1;
}

html.cs-page-algorithmic-trading .validation-columns h3,
html.cs-page-algorithmic-trading .performance-boundary h3,
html.cs-page-algorithmic-trading .technology-boundary h3 {
  margin: 0 0 16px;
  color: #101d30;
  font-size: 19px;
  line-height: 1.4;
}

html.cs-page-algorithmic-trading .validation-columns ul {
  margin: 0;
  padding-left: 18px;
  color: #596679;
}

html.cs-page-algorithmic-trading .validation-columns li {
  padding: 5px 0;
  font-size: 15px;
  line-height: 1.55;
}

html.cs-page-algorithmic-trading .performance-boundary,
html.cs-page-algorithmic-trading .technology-boundary {
  display: grid;
  grid-template-columns: minmax(220px, .3fr) minmax(0, .7fr);
  gap: 0 44px;
  margin-top: 52px;
  padding-top: 30px;
  border-top: 2px solid #ee4865;
}

html.cs-page-algorithmic-trading .performance-boundary h3,
html.cs-page-algorithmic-trading .technology-boundary h3 {
  grid-row: 1 / 4;
}

html.cs-page-algorithmic-trading .performance-boundary p,
html.cs-page-algorithmic-trading .technology-boundary p {
  margin: 0 0 14px;
  color: #596679;
  font-size: 15px;
  line-height: 1.68;
}

html.cs-page-algorithmic-trading .three-columns {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 42px;
}

html.cs-page-algorithmic-trading .technology-stream {
  margin: 0;
  padding: 34px 0;
  border-top: 1px solid rgba(16, 29, 48, .2);
  border-bottom: 1px solid rgba(16, 29, 48, .2);
  color: #101d30;
  font-size: clamp(18px, 2vw, 22px);
  line-height: 1.9;
}

html.cs-page-algorithmic-trading .related-section {
  background: #f1f1f1;
}

html.cs-page-algorithmic-trading .related-lines {
  border-top: 1px solid rgba(16, 29, 48, .2);
}

html.cs-page-algorithmic-trading .related-lines article {
  display: grid;
  grid-template-columns: 70px minmax(220px, .35fr) minmax(0, .65fr);
  gap: 24px;
  padding: 27px 0;
  border-bottom: 1px solid rgba(16, 29, 48, .2);
}

html.cs-page-algorithmic-trading .related-lines span {
  color: #ee4865;
  font-size: 13px;
  font-weight: 700;
}

html.cs-page-algorithmic-trading .related-lines h3 {
  margin: 0;
  color: #101d30;
  font-size: 18px;
  line-height: 1.45;
}

html.cs-page-algorithmic-trading .related-lines p,
html.cs-page-algorithmic-trading .cta-disclaimer {
  margin: 0;
  color: #596679;
  font-size: 15px;
  line-height: 1.65;
}

html.cs-page-algorithmic-trading .cta-disclaimer {
  margin-top: 24px;
}

@media (max-width: 991px) {
  html.cs-page-algorithmic-trading .control-split {
    grid-template-columns: 1fr;
  }

  html.cs-page-algorithmic-trading .sticky-landscape {
    position: static;
  }

  html.cs-page-algorithmic-trading .three-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  html.cs-page-algorithmic-trading .landscape-figure {
    margin-top: 38px;
  }

  html.cs-page-algorithmic-trading .two-column-list,
  html.cs-page-algorithmic-trading .dark-boundary ul,
  html.cs-page-algorithmic-trading .publication-boundary ul {
    columns: 1;
  }

  html.cs-page-algorithmic-trading .mode-lines article,
  html.cs-page-algorithmic-trading .publication-boundary,
  html.cs-page-algorithmic-trading .performance-boundary,
  html.cs-page-algorithmic-trading .technology-boundary,
  html.cs-page-algorithmic-trading .related-lines article,
  html.cs-page-algorithmic-trading .validation-columns,
  html.cs-page-algorithmic-trading .risk-lines,
  html.cs-page-algorithmic-trading .three-columns {
    grid-template-columns: 1fr;
  }

  html.cs-page-algorithmic-trading .mode-lines article {
    gap: 15px;
    padding: 32px 0;
  }

  html.cs-page-algorithmic-trading .publication-boundary h3,
  html.cs-page-algorithmic-trading .performance-boundary h3,
  html.cs-page-algorithmic-trading .technology-boundary h3 {
    grid-row: auto;
    margin-bottom: 18px;
  }

  html.cs-page-algorithmic-trading .validation-columns article:last-child:nth-child(odd) {
    grid-column: auto;
  }

  html.cs-page-algorithmic-trading .related-lines article {
    gap: 10px;
  }

  html.cs-page-algorithmic-trading .control-copy article {
    padding-left: 44px;
  }
}

/* v5 — Banner alignment and single-sticky rule. */
html.cs-page-algorithmic-trading .hero-section.birdi-presentation-2 {
  padding: clamp(38px, 5vw, 64px) 0 34px;
  padding-top:120px;
}

html.cs-page-algorithmic-trading .hero-main-row {
  min-height: 500px;
  row-gap: 40px;
}

html.cs-page-algorithmic-trading .hero-section .birdi-presentation-5 {
  margin-bottom: 20px;
}

html.cs-page-algorithmic-trading .hero-section .birdi-presentation-7 {
  font-size: 13px;
}

html.cs-page-algorithmic-trading .hero-section .birdi-presentation-8 {
  max-width: 610px;
  margin-bottom: 16px;
  font-size: clamp(2.35rem, 4.25vw, 4.1rem);
  letter-spacing: -.035em;
}

html.cs-page-algorithmic-trading .hero-country-line {
  display: flex;
  width: fit-content;
  margin: 0 0 20px;
  color: #101d30;
  letter-spacing: 0;
  text-transform: none;
}

html.cs-page-algorithmic-trading .hero-country-line strong {
  color: #df2f50;
  font-size: 18px;
}

html.cs-page-algorithmic-trading .hero-country-line > span:last-child {
  padding-left: 12px;
  border-left: 1px solid rgba(16, 29, 48, .18);
  color: #101d30;
  font-size: 14px;
}

html.cs-page-algorithmic-trading .hero-copy {
  max-width: 590px;
}

html.cs-page-algorithmic-trading .hero-copy p {
  margin-bottom: 11px;
  font-size: 15px;
  line-height: 1.68;
}

html.cs-page-algorithmic-trading .hero-cta {
  margin-top: 12px;
  border: 0;
}

html.cs-page-algorithmic-trading .hero-product-figure {
  position: relative;
  width: 100%;
  min-height: 420px;
  margin: 0;
  padding: 34px 30px 54px;
  display: flex;
  align-items: center;
  justify-content: center;
}

html.cs-page-algorithmic-trading .hero-product-backdrop {
  position: absolute;
  inset: 18% 8% 13%;
  border-radius: 16px;
  background: linear-gradient(145deg, #f1f1f1, #e9eaed);
}

html.cs-page-algorithmic-trading .hero-product-backdrop::after {
  content: "";
  position: absolute;
  width: 54%;
  height: 74%;
  top: -12%;
  right: 9%;
  border-radius: 18px;
  background: rgba(238, 72, 101, .075);
}

html.cs-page-algorithmic-trading .hero-product-frame {
  position: relative;
  z-index: 1;
  overflow: hidden;
  box-shadow: 0 28px 54px rgba(16, 29, 48, .24);
}

html.cs-page-algorithmic-trading .hero-product-frame img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

html.cs-page-algorithmic-trading .hero-product-landscape .hero-product-frame {
  width: min(100%, 520px);
  border-radius: 14px;
  background: #fff;
}

html.cs-page-algorithmic-trading .hero-product-phone .hero-product-frame {
  width: min(52%, 230px);
  max-height: 520px;
  border-radius: 15px;
  background: #fff;
}

html.cs-page-algorithmic-trading .hero-product-phone .hero-product-frame img {
  max-height: 520px;
}

html.cs-page-algorithmic-trading .hero-product-figure figcaption {
  position: absolute;
  right: 22px;
  bottom: 0;
  left: 22px;
  z-index: 2;
  margin: 0;
  color: #677286;
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
}

html.cs-page-algorithmic-trading .hero-capability-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 26px !important;
  margin-top: 24px !important;
  padding-top: 26px !important;
}

html.cs-page-algorithmic-trading .hero-capability-strip .birdi-presentation-21,
html.cs-page-algorithmic-trading .hero-capability-strip .birdi-presentation-22 {
  font-size: 13px;
  line-height: 1.45;
}

html.cs-page-algorithmic-trading .hero-disclosure,
html.cs-page-algorithmic-trading .hero-notes {
  max-width: 100%;
  margin-top: 24px;
}

html.cs-page-algorithmic-trading .hero-notes .editorial-note {
  margin-top: 0;
}

html.cs-page-algorithmic-trading .case-meta-section {
  padding: 32px 0;
  background: linear-gradient(110deg, #111d31 0%, #23233b 58%, #171f32 100%);
}

html.cs-page-algorithmic-trading .case-meta-grid > div {
  padding-top: 13px;
  padding-bottom: 13px;
}

html.cs-page-algorithmic-trading .case-meta-grid dt {
  font-size: 12px;
}

html.cs-page-algorithmic-trading .case-meta-grid dd {
  font-size: 14px;
  line-height: 1.45;
}

/* The workflow is the only sticky storytelling block on each page. */
html.cs-page-algorithmic-trading .faq-section .birdi-presentation-83,
html.cs-page-algorithmic-trading .sticky-landscape {
  position: static !important;
  top: auto !important;
}

@media (max-width: 991px) {
  html.cs-page-algorithmic-trading .hero-main-row {
    min-height: 0;
  }

  html.cs-page-algorithmic-trading .hero-product-figure {
    min-height: 380px;
  }

  html.cs-page-algorithmic-trading .hero-capability-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  
}
@media (max-width: 700px) {
html.cs-page-algorithmic-trading .hero-product-figure
  {
    display:none !important;
  }
}
@media (max-width: 575px) {
  html.cs-page-algorithmic-trading .hero-section.birdi-presentation-2 {
    padding-top: 34px;
  }

  html.cs-page-algorithmic-trading .hero-section .birdi-presentation-8 {
    font-size: clamp(2.15rem, 11vw, 3rem);
  }

  html.cs-page-algorithmic-trading .hero-country-line {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  html.cs-page-algorithmic-trading .hero-country-line > span:last-child {
    width: 100%;
    margin-left: 34px;
    padding: 7px 0 0;
    border-left: 0;
  }

  html.cs-page-algorithmic-trading .hero-product-figure {
    min-height: 330px;
    padding-right: 12px;
    padding-left: 12px;
  }

  html.cs-page-algorithmic-trading .hero-product-phone .hero-product-frame {
    width: min(58%, 210px);
  }

  html.cs-page-algorithmic-trading .hero-capability-strip {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
}

/* v7 — denser editorial systems and stronger template interactions. */
html.cs-page-algorithmic-trading .workflow-screen,
html.cs-page-algorithmic-trading .workflow-explainer {
  animation: cs-page-algorithmic-trading-workflow-visual-in .34s ease both;
}

html.cs-page-algorithmic-trading .workflow-explainer-summary {
  margin: -8px 0 18px;
  color: #596679;
  font-size: 15px;
  line-height: 1.6;
}

@keyframes cs-page-algorithmic-trading-workflow-visual-in {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

html.cs-page-algorithmic-trading .control-reference-layout {
  grid-template-columns: minmax(0, .54fr) minmax(360px, .46fr);
}

html.cs-page-algorithmic-trading .control-accordions {
  border-top: 2px solid #101d30;
}

html.cs-page-algorithmic-trading .control-accordions .editorial-accordion[open] summary {
  color: #c92145;
}

html.cs-page-algorithmic-trading .control-accordions .editorial-accordion[open] .accordion-number {
  color: #c92145;
}

html.cs-page-algorithmic-trading .control-reference-visual {
  margin: 12px 20px 0 0;
  padding: clamp(22px, 3vw, 36px);
  background: #f1f1f1;
}

html.cs-page-algorithmic-trading .control-reference-visual img {
  box-shadow: 0 22px 46px rgba(16, 29, 48, .14);
}

html.cs-page-algorithmic-trading .simulation-layout {
  margin-top: 48px;
}

html.cs-page-algorithmic-trading .centered-head > p {
  max-width: 790px;
  margin: 20px auto 0;
}

html.cs-page-algorithmic-trading .architecture-wide {
  margin-top: 44px;
  padding: clamp(20px, 3vw, 36px);
  background: #f1f1f1;
}

html.cs-page-algorithmic-trading .architecture-index {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 clamp(48px, 7vw, 92px);
  margin-top: clamp(48px, 6vw, 74px);
  border-top: 2px solid #101d30;
}

html.cs-page-algorithmic-trading .architecture-index article {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 0 16px;
  padding: 28px 0;
  border-bottom: 1px solid rgba(16, 29, 48, .18);
}

html.cs-page-algorithmic-trading .architecture-index article > span {
  grid-row: 1;
  color: #ee4865;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
}

html.cs-page-algorithmic-trading .architecture-index h3 {
  margin: -3px 0 10px;
  color: #101d30;
  font-size: 18px;
  line-height: 1.38;
}

html.cs-page-algorithmic-trading .architecture-index p {
  margin: 0;
  color: #596679;
  font-size: 15px;
  line-height: 1.68;
}

html.cs-page-algorithmic-trading .validation-explorer {
  display: grid;
  grid-template-columns: minmax(225px, .3fr) minmax(0, .7fr);
  margin-top: 44px;
  border-top: 2px solid #101d30;
  border-bottom: 1px solid rgba(16, 29, 48, .18);
}

html.cs-page-algorithmic-trading .validation-tabs {
  display: flex !important;
  flex-direction: column;
  margin: 0;
  padding: 24px 32px 24px 0;
  border-right: 1px solid rgba(16, 29, 48, .18) !important;
}

html.cs-page-algorithmic-trading .case-study .validation-tabs .feature-tab,
html.cs-page-algorithmic-trading .case-study .validation-tabs.nav-tabs .nav-link {
  position: relative;
  justify-content: flex-start;
  width: 100%;
  min-height: 62px;
  padding: 15px 16px 15px 22px;
  border: 0;
  border-bottom: 1px solid rgba(16, 29, 48, .12);
  border-left: 3px solid transparent;
  background: transparent;
  font-size: 14px;
  text-align: left;
}

html.cs-page-algorithmic-trading .case-study .validation-tabs .feature-tab.is-active,
html.cs-page-algorithmic-trading .case-study .validation-tabs.nav-tabs .nav-link.active {
  border-left-color: #ee4865;
  background: #f1f1f1;
  color: #101d30;
}

html.cs-page-algorithmic-trading .validation-panels {
  padding: clamp(34px, 5vw, 62px);
}

html.cs-page-algorithmic-trading .validation-panels .features-panel {
  min-height: 350px;
  padding: 0;
}

html.cs-page-algorithmic-trading .core-progress-tabs {
  margin-top: 0;
}

html.cs-page-algorithmic-trading .core-progress-panels .features-panel {
  min-height: 360px;
}

html.cs-page-algorithmic-trading .core-progress-panels .feature-item {
  padding: 0 0 0 20px !important;
  border: 0 !important;
  border-left: 2px solid #ee4865 !important;
  background: transparent !important;
}

html.cs-page-algorithmic-trading .core-progress-panels .feature-item h4 {
  margin: 0 0 12px;
  color: #101d30;
  font-size: 17px;
  line-height: 1.4;
}

html.cs-page-algorithmic-trading .core-progress-panels .feature-item p {
  color: #101d30;
  font-size: 16px;
  line-height: 1.7;
}

html.cs-page-algorithmic-trading .fit-compact {
  display: grid;
  grid-template-columns: minmax(260px, .32fr) minmax(0, .68fr);
  gap: clamp(44px, 7vw, 88px);
  align-items: start;
  margin-top: 38px;
}

html.cs-page-algorithmic-trading .fit-compact .body-lead {
  margin: 0;
  padding: 6px 0 24px 22px;
  border-left: 3px solid #ee4865;
}

html.cs-page-algorithmic-trading .fit-compact .adjacent-lines {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 26px;
  margin: 0;
  border-top: 2px solid #101d30;
}

html.cs-page-algorithmic-trading .fit-compact .adjacent-lines li {
  grid-template-columns: 32px 1fr;
  min-height: 82px;
  padding: 18px 0;
  font-size: 14px;
  line-height: 1.5;
}

html.cs-page-algorithmic-trading .template-stack .birdi-presentation-67 {
  grid-template-columns: minmax(250px, .72fr) minmax(0, 1.28fr);
  column-gap: clamp(36px, 5vw, 68px);
}

html.cs-page-algorithmic-trading .template-stack .birdi-presentation-71 {
  gap: 0 !important;
  padding-right: 24px;
}

html.cs-page-algorithmic-trading .template-stack .birdi-tech-pill {
  margin: 0 12px 12px 0;
  transition: background .25s ease, color .25s ease, transform .25s ease;
}

html.cs-page-algorithmic-trading .case-study .template-stack .birdi-tech-pill:hover {
  background: #101d30 !important;
  color: #ffffff !important;
  transform: translateY(-2px);
}

@media (max-width: 991px) {
  html.cs-page-algorithmic-trading .architecture-index,
  html.cs-page-algorithmic-trading .fit-compact {
    grid-template-columns: 1fr;
  }

  html.cs-page-algorithmic-trading .fit-compact .adjacent-lines {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  html.cs-page-algorithmic-trading .validation-explorer {
    grid-template-columns: minmax(200px, .34fr) minmax(0, .66fr);
  }
}

@media (max-width: 767px) {
  html.cs-page-algorithmic-trading .control-reference-visual {
    margin-right: 0;
  }

  html.cs-page-algorithmic-trading .architecture-index,
  html.cs-page-algorithmic-trading .validation-explorer {
    grid-template-columns: 1fr;
  }

  html.cs-page-algorithmic-trading .validation-tabs {
    padding: 0;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(16, 29, 48, .18) !important;
  }

  html.cs-page-algorithmic-trading .validation-panels {
    padding: 34px 0;
  }

  html.cs-page-algorithmic-trading .core-progress-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html.cs-page-algorithmic-trading .core-progress-panels .features-panel {
    min-height: 0;
  }

  html.cs-page-algorithmic-trading .fit-compact .adjacent-lines {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html.cs-page-algorithmic-trading .template-stack .birdi-presentation-67 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  html.cs-page-algorithmic-trading .architecture-index,
  html.cs-page-algorithmic-trading .fit-compact .adjacent-lines,
  html.cs-page-algorithmic-trading .core-progress-tabs {
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  html.cs-page-algorithmic-trading .template-stack .birdi-presentation-71 {
    padding-right: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.cs-page-algorithmic-trading .workflow-screen,
  html.cs-page-algorithmic-trading .workflow-explainer {
    animation: none;
  }

  html.cs-page-algorithmic-trading .case-study .template-stack .birdi-tech-pill:hover {
    transform: none;
  }
}

/* v5 — trading section redesigns. */
html.cs-page-algorithmic-trading .modes-showcase {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 92% 8%, rgba(238, 72, 101, .10), transparent 24%),
    linear-gradient(180deg, #ffffff 0%, #f7f8fa 100%);
}

html.cs-page-algorithmic-trading .modes-heading-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 50px;
}

html.cs-page-algorithmic-trading .modes-heading-row .section-head {
  margin-bottom: 38px;
}

html.cs-page-algorithmic-trading .mode-index {
  display: flex;
  align-items: flex-end;
  gap: 14px;
  margin-bottom: 36px;
  color: #596679;
}

html.cs-page-algorithmic-trading .mode-index strong {
  color: rgba(238, 72, 101, .18);
  font-size: clamp(4.5rem, 10vw, 8rem);
  font-weight: 700;
  letter-spacing: -.08em;
  line-height: .75;
}

html.cs-page-algorithmic-trading .mode-index span {
  max-width: 90px;
  padding-bottom: 3px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  text-transform: uppercase;
}

html.cs-page-algorithmic-trading .mode-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid rgba(16, 29, 48, .16);
  border-bottom: 1px solid rgba(16, 29, 48, .16);
}

html.cs-page-algorithmic-trading .mode-tabs .feature-tab {
  min-height: 78px;
  padding: 20px 16px;
  border: 0;
  border-bottom: 4px solid transparent;
  background: transparent;
  color: #687386;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  justify-content: flex-start;
}

html.cs-page-algorithmic-trading .mode-tabs .feature-tab + .feature-tab {
  border-left: 1px solid rgba(16, 29, 48, .12);
}

html.cs-page-algorithmic-trading .mode-tabs .feature-tab span {
  color: #ee4865;
  font-size: 12px;
  letter-spacing: .08em;
}

html.cs-page-algorithmic-trading .mode-tabs .feature-tab.active,
html.cs-page-algorithmic-trading .mode-tabs .feature-tab.is-active {
  border-bottom-color: #ee4865;
  color: #101d30;
}

html.cs-page-algorithmic-trading .mode-panels {
  min-height: 475px;
}

html.cs-page-algorithmic-trading .mode-panels .tab-pane {
  position: relative;
  grid-template-columns: minmax(170px, .28fr) minmax(0, .72fr);
  gap: clamp(30px, 7vw, 100px);
  padding: clamp(54px, 7vw, 86px) 0 24px;
}

html.cs-page-algorithmic-trading .mode-panels .tab-pane.active {
  display: grid;
}

html.cs-page-algorithmic-trading .mode-panel-number {
  color: rgba(16, 29, 48, .06);
  font-size: clamp(7rem, 17vw, 13rem);
  font-weight: 700;
  letter-spacing: -.1em;
  line-height: .7;
}

html.cs-page-algorithmic-trading .mode-panel-copy {
  max-width: 720px;
}

html.cs-page-algorithmic-trading .mode-label {
  margin-bottom: 13px !important;
  color: #ee4865 !important;
  font-size: 12px !important;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

html.cs-page-algorithmic-trading .mode-panel-copy h3 {
  margin: 0 0 20px;
  color: #101d30;
  font-size: clamp(2rem, 4vw, 3.45rem);
  letter-spacing: -.045em;
  line-height: 1.08;
}

html.cs-page-algorithmic-trading .mode-panel-copy p {
  margin: 0 0 14px;
  color: #596679;
  font-size: 16px;
  line-height: 1.75;
}

html.cs-page-algorithmic-trading .mode-boundary {
  margin-top: 28px !important;
  padding: 22px 0 0 24px;
  border-top: 1px solid rgba(16, 29, 48, .16);
  border-left: 3px solid #ee4865;
}

html.cs-page-algorithmic-trading .mode-boundary strong {
  color: #101d30;
}

html.cs-page-algorithmic-trading .boundary-feature {
  display: grid;
  grid-template-columns: minmax(0, .52fr) minmax(350px, .48fr);
  gap: clamp(36px, 6vw, 74px);
  align-items: center;
  margin-top: 72px;
  padding: clamp(40px, 6vw, 66px);
  background: linear-gradient(125deg, #080f1d 0%, #17253d 52%, #2a1d37 100%);
  box-shadow: 0 30px 70px rgba(2, 8, 18, .28);
}

html.cs-page-algorithmic-trading .boundary-feature .dark-boundary,
html.cs-page-algorithmic-trading .boundary-feature .dark-image-caption {
  margin: 0;
}

html.cs-page-algorithmic-trading .boundary-feature .dark-boundary {
  padding: 0;
  border-top: 0;
}

html.cs-page-algorithmic-trading .boundary-feature .dark-boundary strong {
  margin-bottom: 22px;
  color: #ff8299;
  font-size: 15px;
}

html.cs-page-algorithmic-trading .boundary-feature .dark-boundary ul {
  margin: 0;
  columns: 1;
}

html.cs-page-algorithmic-trading .boundary-feature .dark-boundary li {
  padding: 11px 0 11px 28px;
  border-bottom: 1px solid rgba(255, 255, 255, .10);
  color: rgba(255, 255, 255, .82);
}

html.cs-page-algorithmic-trading .boundary-feature .dark-boundary li::before {
  content: "→";
  top: 10px;
  width: auto;
  height: auto;
  background: none;
  color: #ff8299;
  font-weight: 700;
}

html.cs-page-algorithmic-trading .boundary-feature .dark-image-caption img {
  border-radius: 10px;
  background: rgba(255, 255, 255, .05);
  box-shadow: 0 26px 46px rgba(0, 0, 0, .36);
}

html.cs-page-algorithmic-trading .boundary-feature .dark-image-caption figcaption {
  margin-top: 15px;
  color: rgba(255, 255, 255, .62);
}

html.cs-page-algorithmic-trading .control-composition {
  position: relative;
}

html.cs-page-algorithmic-trading .control-hero-figure {
  width: min(100%, 900px);
  margin: 0 auto clamp(60px, 8vw, 100px);
}

html.cs-page-algorithmic-trading .control-hero-figure img {
  filter: drop-shadow(0 28px 48px rgba(16, 29, 48, .18));
}

html.cs-page-algorithmic-trading .control-hero-figure figcaption,
html.cs-page-algorithmic-trading .simulation-figure figcaption,
html.cs-page-algorithmic-trading .architecture-figure figcaption {
  margin-top: 17px;
  padding-left: 16px;
  border-left: 2px solid #ee4865;
  color: #687386;
  font-size: 13px;
  line-height: 1.6;
}

html.cs-page-algorithmic-trading .controls-axis {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 clamp(46px, 8vw, 100px);
  border-top: 1px solid rgba(16, 29, 48, .18);
}

html.cs-page-algorithmic-trading .controls-axis article {
  min-height: 250px;
  padding: 34px 0 34px 70px;
  border-top: 0;
  border-bottom: 1px solid rgba(16, 29, 48, .18);
}

html.cs-page-algorithmic-trading .controls-axis article::before {
  top: 38px;
  font-size: 14px;
}

html.cs-page-algorithmic-trading .controls-axis h3 {
  font-size: clamp(1.2rem, 2vw, 1.55rem);
}

html.cs-page-algorithmic-trading .controls-axis p {
  font-size: 15px;
  line-height: 1.72;
}

html.cs-page-algorithmic-trading .simulation-layout {
  display: grid;
  grid-template-columns: minmax(0, .56fr) minmax(340px, .44fr);
  gap: clamp(48px, 8vw, 110px);
  align-items: center;
}

html.cs-page-algorithmic-trading .simulation-figure {
  position: relative;
  margin: 0;
}

html.cs-page-algorithmic-trading .simulation-figure img {
  box-shadow: 0 28px 54px rgba(16, 29, 48, .18);
}

html.cs-page-algorithmic-trading .simulation-badge {
  position: absolute;
  z-index: 2;
  top: -18px;
  left: 24px;
  padding: 11px 17px;
  border: 0;
  border-radius: 0;
  background: #101d30;
  color: #fff;
  box-shadow: 0 12px 24px rgba(16, 29, 48, .2);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

html.cs-page-algorithmic-trading .simulation-copy .body-copy p {
  font-size: 16px;
}

html.cs-page-algorithmic-trading .simulation-checks {
  margin: 28px 0 0;
  padding: 0;
  list-style: none;
}

html.cs-page-algorithmic-trading .simulation-checks li {
  position: relative;
  padding: 13px 0 13px 30px;
  border-top: 1px solid rgba(16, 29, 48, .15);
  color: #101d30;
  font-size: 15px;
  line-height: 1.55;
}

html.cs-page-algorithmic-trading .simulation-checks li::before {
  content: "↗";
  position: absolute;
  left: 0;
  color: #ee4865;
  font-weight: 700;
}

html.cs-page-algorithmic-trading .architecture-layout {
  display: grid;
  grid-template-columns: minmax(380px, .45fr) minmax(0, .55fr);
  gap: clamp(52px, 8vw, 105px);
  align-items: start;
}

html.cs-page-algorithmic-trading .architecture-figure {
  margin: 0;
  padding-top: 12px;
}

html.cs-page-algorithmic-trading .architecture-figure img {
  box-shadow: 0 28px 54px rgba(16, 29, 48, .16);
}

html.cs-page-algorithmic-trading .architecture-lines {
  counter-reset: architecture-number;
  border-top: 1px solid rgba(16, 29, 48, .18);
}

html.cs-page-algorithmic-trading .architecture-lines article {
  display: grid;
  grid-template-columns: 54px 1fr;
  padding: 25px 0;
  border-bottom: 1px solid rgba(16, 29, 48, .18);
}

html.cs-page-algorithmic-trading .architecture-lines article > span {
  grid-row: 1 / 3;
  color: #ee4865;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
}

html.cs-page-algorithmic-trading .architecture-lines h3 {
  margin: 0 0 10px;
  color: #101d30;
  font-size: 18px;
  line-height: 1.4;
}

html.cs-page-algorithmic-trading .architecture-lines p {
  margin: 0;
  color: #596679;
  font-size: 15px;
  line-height: 1.7;
}

@media (max-width: 991px) {
  html.cs-page-algorithmic-trading .boundary-feature,
  html.cs-page-algorithmic-trading .simulation-layout,
  html.cs-page-algorithmic-trading .architecture-layout {
    grid-template-columns: 1fr;
  }

  html.cs-page-algorithmic-trading .boundary-feature {
    padding: 38px 28px;
  }

  html.cs-page-algorithmic-trading .controls-axis {
    grid-template-columns: 1fr;
  }

  html.cs-page-algorithmic-trading .controls-axis article {
    min-height: 0;
  }

  html.cs-page-algorithmic-trading .architecture-figure {
    max-width: 760px;
  }
}

@media (max-width: 767px) {
  html.cs-page-algorithmic-trading .modes-heading-row {
    display: block;
  }

  html.cs-page-algorithmic-trading .mode-index {
    display: none;
  }

  html.cs-page-algorithmic-trading .mode-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html.cs-page-algorithmic-trading .mode-tabs .feature-tab:nth-child(3) {
    border-left: 0;
  }

  html.cs-page-algorithmic-trading .mode-tabs .feature-tab:nth-child(n + 3) {
    border-top: 1px solid rgba(16, 29, 48, .12);
  }

  html.cs-page-algorithmic-trading .mode-panels .tab-pane {
    grid-template-columns: 80px 1fr;
    gap: 20px;
  }

  html.cs-page-algorithmic-trading .mode-panel-number {
    font-size: 4.75rem;
  }
}

@media (max-width: 575px) {
  html.cs-page-algorithmic-trading .mode-tabs {
    grid-template-columns: 1fr;
  }

  html.cs-page-algorithmic-trading .mode-tabs .feature-tab + .feature-tab {
    border-left: 0;
    border-top: 1px solid rgba(16, 29, 48, .12);
  }

  html.cs-page-algorithmic-trading .mode-panels .tab-pane {
    grid-template-columns: 1fr;
  }

  html.cs-page-algorithmic-trading .mode-panel-number {
    font-size: 4.4rem;
  }

  html.cs-page-algorithmic-trading .boundary-feature {
    margin-right: -15px;
    margin-left: -15px;
    padding: 34px 22px;
  }

  html.cs-page-algorithmic-trading .controls-axis article {
    padding-left: 48px;
  }

  html.cs-page-algorithmic-trading .simulation-layout {
    gap: 48px;
  }

  html.cs-page-algorithmic-trading .architecture-layout {
    gap: 44px;
  }
}

html.cs-page-algorithmic-trading .case-meta-layout {
  display: grid;
  grid-template-columns: minmax(280px, .38fr) minmax(0, .62fr);
  align-items: stretch;
}

html.cs-page-algorithmic-trading .case-meta-summary {
  padding: 8px clamp(34px, 5vw, 62px) 8px 0;
}

html.cs-page-algorithmic-trading .case-meta-summary p {
  margin: 0 0 20px;
  color: #ff9bad;
  font-size: 13px;
  line-height: 1.5;
}

html.cs-page-algorithmic-trading .case-meta-summary h2 {
  margin: 0 0 22px;
  color: #ffffff;
  font-size: clamp(1.35rem, 2.2vw, 2rem);
  font-weight: 600;
  line-height: 1.35;
}

html.cs-page-algorithmic-trading .case-meta-summary span {
  color: #ffffff;
  font-size: 13px;
}

html.cs-page-algorithmic-trading .case-meta-summary i {
  margin-right: 8px;
  color: #ff6b85;
  font-size: 8px;
}

html.cs-page-algorithmic-trading .case-meta-layout .case-meta-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding-left: clamp(30px, 5vw, 58px);
  border-left: 1px solid rgba(255, 255, 255, .17);
}

html.cs-page-algorithmic-trading .case-meta-layout .case-meta-grid > div,
html.cs-page-algorithmic-trading .case-meta-layout .case-meta-grid > div:nth-child(4n + 1) {
  padding: 8px 22px 18px 0;
  border-left: 0;
}

@media (max-width: 767px) {
  html.cs-page-algorithmic-trading .case-meta-layout {
    grid-template-columns: 1fr;
  }

  html.cs-page-algorithmic-trading .case-meta-summary {
    padding-right: 0;
    padding-bottom: 30px;
  }

  html.cs-page-algorithmic-trading .case-meta-layout .case-meta-grid {
    padding: 30px 0 0;
    border-top: 1px solid rgba(255, 255, 255, .17);
    border-left: 0;
  }
}

@media (max-width: 480px) {
  html.cs-page-algorithmic-trading .case-meta-layout .case-meta-grid {
    grid-template-columns: 1fr;
  }
}

html.cs-page-algorithmic-trading .case-meta-summary small {
  display: block;
  margin-bottom: 5px;
  color: rgba(255, 255, 255, .58);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .08em;
  text-transform: uppercase;
}

html.cs-page-algorithmic-trading .case-meta-summary span small {
  display: inline-block;
  margin: 0 10px 0 0;
  color: #ff9bad;
}

/* v6 — exact Birdi template sections. */
html.cs-page-algorithmic-trading .template-stack .birdi-tech-pill {
  border: 0 !important;
  border-radius: 8px !important;
  background: #f3f3f3 !important;
  box-shadow: none !important;
  padding: 10px 16px !important;
}

html.cs-page-algorithmic-trading .template-stack .birdi-presentation-71 {
  align-items: stretch;
}

html.cs-page-algorithmic-trading .template-stack .birdi-presentation-74 {
  line-height: 1.45;
}

html.cs-page-algorithmic-trading .template-related {
  background: linear-gradient(135deg, #0e1d31 0%, #15233b 100%) !important;
  color: #ffffff;
}

html.cs-page-algorithmic-trading .template-related .related-card {
  min-height: 330px;
}

html.cs-page-algorithmic-trading .template-related .related-result {
  margin-top: 38px;
}

html.cs-page-algorithmic-trading .template-related .related-result > div {
  max-width: 720px;
}

@media (max-width: 700px) {
  html.cs-page-algorithmic-trading .template-stack .birdi-presentation-67 {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  html.cs-page-algorithmic-trading .template-stack .birdi-presentation-71 {
    width: 100%;
  }
}

/* v6 — compact, non-sticky trading content systems. */
html.cs-page-algorithmic-trading .control-reference-layout {
  display: grid;
  grid-template-columns: minmax(0, .58fr) minmax(340px, .42fr);
  gap: clamp(50px, 8vw, 110px);
  align-items: start;
}

html.cs-page-algorithmic-trading .control-reference-visual {
  margin: 0;
  padding-top: 10px;
}

html.cs-page-algorithmic-trading .control-reference-visual img {
  width: 100%;
  height: auto;
  box-shadow: 0 26px 54px rgba(16, 29, 48, .17);
}

html.cs-page-algorithmic-trading .control-reference-visual figcaption,
html.cs-page-algorithmic-trading .architecture-wide figcaption {
  margin-top: 17px;
  padding-left: 16px;
  border-left: 2px solid #ee4865;
  color: #687386;
  font-size: 13px;
  line-height: 1.62;
}

html.cs-page-algorithmic-trading .control-accordions .editorial-accordion summary {
  min-height: 62px;
  padding: 16px 0;
}

html.cs-page-algorithmic-trading .control-accordions .accordion-number,
html.cs-page-algorithmic-trading .architecture-disclosures .accordion-number {
  min-width: 42px;
  font-size: 19px;
}

html.cs-page-algorithmic-trading .control-accordions .accordion-content {
  padding: 0 0 22px 66px;
}

html.cs-page-algorithmic-trading .control-accordions .accordion-content p {
  font-size: 15px;
  line-height: 1.65;
}

html.cs-page-algorithmic-trading .simulation-layout {
  grid-template-columns: minmax(0, .52fr) minmax(360px, .48fr);
}

html.cs-page-algorithmic-trading .simulation-checks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 28px;
}

html.cs-page-algorithmic-trading .simulation-checks li {
  min-height: 72px;
}

html.cs-page-algorithmic-trading .architecture-wide {
  width: min(100%, 1040px);
  margin: 0 auto;
}

html.cs-page-algorithmic-trading .architecture-wide img {
  width: 100%;
  height: auto;
  box-shadow: 0 30px 66px rgba(16, 29, 48, .16);
}

html.cs-page-algorithmic-trading .architecture-disclosures {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 clamp(42px, 7vw, 86px);
  margin-top: clamp(54px, 7vw, 82px);
}

html.cs-page-algorithmic-trading .architecture-disclosures .editorial-accordion summary {
  min-height: 78px;
  padding: 19px 0;
}

html.cs-page-algorithmic-trading .architecture-disclosures .accordion-content {
  padding-left: 0;
}

html.cs-page-algorithmic-trading .risk-section {
  background: #eef1f5;
  color: #101d30;
}

html.cs-page-algorithmic-trading .risk-section .section-head h2,
html.cs-page-algorithmic-trading .risk-section .section-head p {
  color: #101d30;
}

html.cs-page-algorithmic-trading .risk-section .section-head h2 em {
  color: #ee4865;
}

html.cs-page-algorithmic-trading .risk-section .body-lead {
  color: #596679;
}

html.cs-page-algorithmic-trading .risk-boundary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 34px;
  border-top: 2px solid #101d30;
  border-bottom: 1px solid rgba(16, 29, 48, .18);
}

html.cs-page-algorithmic-trading .risk-boundary-grid .risk-lines {
  display: block;
  margin: 0;
  padding: 28px clamp(24px, 3vw, 38px);
  border-top: 0;
}

html.cs-page-algorithmic-trading .risk-boundary-grid .risk-lines + .risk-lines {
  border-left: 1px solid rgba(16, 29, 48, .18);
}

html.cs-page-algorithmic-trading .risk-boundary-grid .risk-lines li {
  padding: 13px 0 13px 22px;
  border-bottom: 1px solid rgba(16, 29, 48, .12);
  color: #4e5d70;
  font-size: 14px;
  line-height: 1.58;
}

html.cs-page-algorithmic-trading .risk-boundary-grid .risk-lines li::before {
  top: 24px;
}

html.cs-page-algorithmic-trading .risk-warning {
  margin-top: 42px;
  padding: 28px 30px;
  border: 0;
  border-left: 5px solid #ee4865;
  background: #101d30;
  color: #ffffff;
  box-shadow: 0 18px 38px rgba(16, 29, 48, .15);
}

html.cs-page-algorithmic-trading .risk-section .publication-boundary {
  margin-top: 44px;
  padding-top: 30px;
  border-top: 1px solid rgba(16, 29, 48, .2);
}

html.cs-page-algorithmic-trading .risk-section .publication-boundary h3 {
  color: #c92145;
}

html.cs-page-algorithmic-trading .risk-section .publication-boundary p,
html.cs-page-algorithmic-trading .risk-section .publication-boundary ul {
  color: #596679;
}

html.cs-page-algorithmic-trading .validation-tabs {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 44px;
}

html.cs-page-algorithmic-trading .validation-tabs .feature-tab {
  min-height: 74px;
  padding: 14px 10px;
  font-size: 13px;
  text-align: center;
}

html.cs-page-algorithmic-trading .validation-panels .features-panel {
  min-height: 315px;
  grid-template-columns: 230px minmax(0, 1fr);
  align-items: start;
}

html.cs-page-algorithmic-trading .validation-panels ul {
  columns: 2;
  column-gap: 48px;
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-algorithmic-trading .validation-panels li {
  break-inside: avoid;
  position: relative;
  padding: 10px 0 10px 24px;
  border-bottom: 1px solid rgba(16, 29, 48, .14);
  color: #596679;
  font-size: 15px;
  line-height: 1.58;
}

html.cs-page-algorithmic-trading .validation-panels li::before {
  content: "";
  position: absolute;
  top: 21px;
  left: 0;
  width: 8px;
  height: 2px;
  background: #ee4865;
}

html.cs-page-algorithmic-trading .related-capabilities-section {
  background: #f1f1f1;
}

@media (max-width: 991px) {
  html.cs-page-algorithmic-trading .control-reference-layout,
  html.cs-page-algorithmic-trading .simulation-layout {
    grid-template-columns: 1fr;
  }

  html.cs-page-algorithmic-trading .control-reference-visual {
    max-width: 760px;
  }

  html.cs-page-algorithmic-trading .architecture-disclosures {
    gap: 0 36px;
  }

  html.cs-page-algorithmic-trading .risk-boundary-grid {
    grid-template-columns: 1fr;
  }

  html.cs-page-algorithmic-trading .risk-boundary-grid .risk-lines + .risk-lines {
    border-left: 0;
    border-top: 1px solid rgba(16, 29, 48, .18);
  }

  html.cs-page-algorithmic-trading .validation-tabs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  html.cs-page-algorithmic-trading .architecture-disclosures {
    grid-template-columns: 1fr;
  }

  html.cs-page-algorithmic-trading .validation-panels .features-panel {
    grid-template-columns: 1fr;
  }

  html.cs-page-algorithmic-trading .validation-panels ul {
    columns: 1;
  }
}

@media (max-width: 575px) {
  html.cs-page-algorithmic-trading .simulation-checks,
  html.cs-page-algorithmic-trading .validation-tabs {
    grid-template-columns: 1fr;
  }

  html.cs-page-algorithmic-trading .control-accordions .accordion-content {
    padding-left: 0;
  }

  html.cs-page-algorithmic-trading .risk-boundary-grid .risk-lines {
    padding-right: 0;
    padding-left: 0;
  }
}

/* v7 cascade lock — keep the latest section treatments above older compatibility rules. */
html.cs-page-algorithmic-trading .control-reference-layout {
  grid-template-columns: minmax(0, .54fr) minmax(360px, .46fr);
}

html.cs-page-algorithmic-trading .control-reference-visual {
  margin: 12px 20px 0 0;
  padding: clamp(22px, 3vw, 36px);
  background: #f1f1f1;
}

html.cs-page-algorithmic-trading .architecture-wide {
  margin: 44px auto 0;
  padding: clamp(20px, 3vw, 36px);
  background: #f1f1f1;
}

html.cs-page-algorithmic-trading .validation-tabs {
  display: flex !important;
  flex-direction: column;
  margin: 0;
  padding: 24px 32px 24px 0;
}

html.cs-page-algorithmic-trading .validation-panels .features-panel {
  min-height: 350px;
  padding: 0;
}

@media (max-width: 991px) {
  html.cs-page-algorithmic-trading .control-reference-layout {
    grid-template-columns: 1fr;
  }

  html.cs-page-algorithmic-trading .validation-panels .features-panel {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  html.cs-page-algorithmic-trading .validation-panels ul {
    columns: 1;
  }
}

@media (max-width: 767px) {
  html.cs-page-algorithmic-trading .control-reference-visual {
    margin-right: 0;
  }

  html.cs-page-algorithmic-trading .validation-tabs {
    padding: 0;
  }
}

/* v8 — compact controls, visible workflow explainers, and editorial architecture. */
html.cs-page-algorithmic-trading .birdi-summary {
  padding: 52px 0;
}

html.cs-page-algorithmic-trading .birdi-summary-inner {
  grid-template-columns: minmax(360px, .44fr) minmax(0, .56fr);
  gap: clamp(50px, 6vw, 76px);
  align-items: start;
}

html.cs-page-algorithmic-trading .birdi-summary-client {
  align-items: flex-start;
}

html.cs-page-algorithmic-trading .birdi-summary .birdi-client-name {
  flex: 0 0 auto;
  white-space: nowrap;
  overflow-wrap: normal;
}

html.cs-page-algorithmic-trading .birdi-summary-sector {
  flex: 1 1 auto;
  min-width: 0;
  line-height: 1.5;
}

html.cs-page-algorithmic-trading .birdi-summary .birdi-solution {
  margin-top: 26px;
}

html.cs-page-algorithmic-trading .birdi-summary-status {
  margin-top: 28px;
}

html.cs-page-algorithmic-trading .birdi-summary-facts {
  align-content: start;
  row-gap: 28px;
  padding-left: clamp(32px, 4vw, 52px);
}

html.cs-page-algorithmic-trading .workflow-explainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  max-width: none;
  padding: clamp(28px, 5vw, 48px);
  border-radius: 14px;
  background: #ffffff;
  color: #101d30;
  box-shadow: 0 18px 38px rgba(0, 0, 0, .16);
}

html.cs-page-algorithmic-trading .workflow-explainer h3 {
  color: #101d30;
}

html.cs-page-algorithmic-trading .control-visual-wide {
  width: min(100%, 1120px);
  margin: 48px auto 0;
  padding: 0;
  background: transparent;
}

html.cs-page-algorithmic-trading .control-visual-wide img {
  width: 100%;
  height: auto;
  box-shadow: 0 30px 64px rgba(16, 29, 48, .17);
}

html.cs-page-algorithmic-trading .control-visual-wide figcaption {
  max-width: 850px;
  margin: 18px 0 0;
}

html.cs-page-algorithmic-trading .controls-compact-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 clamp(48px, 7vw, 90px);
  margin-top: clamp(52px, 7vw, 82px);
  border-top: 2px solid #101d30;
}

html.cs-page-algorithmic-trading .controls-compact-grid article {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 0 16px;
  padding: 27px 0;
  border-bottom: 1px solid rgba(16, 29, 48, .18);
}

html.cs-page-algorithmic-trading .controls-compact-grid article > span {
  color: #ee4865;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
}

html.cs-page-algorithmic-trading .controls-compact-grid h3 {
  margin: -4px 0 10px;
  color: #101d30;
  font-size: 18px;
  line-height: 1.4;
}

html.cs-page-algorithmic-trading .controls-compact-grid p {
  margin: 0 0 8px;
  color: #596679;
  font-size: 14px;
  line-height: 1.62;
}

html.cs-page-algorithmic-trading .controls-compact-grid p:last-child {
  margin-bottom: 0;
}

html.cs-page-algorithmic-trading .architecture-section {
  position: relative;
  overflow: hidden;
  background: radial-gradient(circle at 82% 18%, rgba(238, 72, 101, .12), transparent 30%), linear-gradient(128deg, #0b1728 0%, #15243b 58%, #211a31 100%);
  color: #ffffff;
}

html.cs-page-algorithmic-trading .architecture-section .section-head h2,
html.cs-page-algorithmic-trading .architecture-section .section-head p,
html.cs-page-algorithmic-trading .architecture-section .architecture-index h3 {
  color: #ffffff;
}

html.cs-page-algorithmic-trading .architecture-section .section-head h2 em {
  color: #ff8299;
}

html.cs-page-algorithmic-trading .architecture-section .architecture-wide {
  width: min(100%, 1100px);
  margin: 50px auto 0;
  padding: 0;
  background: transparent;
}

html.cs-page-algorithmic-trading .architecture-section .architecture-wide img {
  display: block;
  width: 100%;
  box-shadow: 0 34px 76px rgba(0, 0, 0, .34);
}

html.cs-page-algorithmic-trading .architecture-section .architecture-wide figcaption {
  color: rgba(255, 255, 255, .68);
  border-left-color: #ff8299;
}

html.cs-page-algorithmic-trading .architecture-section .architecture-index {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 0 clamp(34px, 5vw, 64px);
  margin-top: clamp(58px, 7vw, 88px);
  border-top: 0;
}

html.cs-page-algorithmic-trading .architecture-section .architecture-index article {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 0 14px;
  padding: 28px 0;
  border-top: 1px solid rgba(255, 255, 255, .22);
  border-bottom: 0;
}

html.cs-page-algorithmic-trading .architecture-section .architecture-index article:nth-child(1),
html.cs-page-algorithmic-trading .architecture-section .architecture-index article:nth-child(3) {
  grid-column: span 7;
}

html.cs-page-algorithmic-trading .architecture-section .architecture-index article:nth-child(2),
html.cs-page-algorithmic-trading .architecture-section .architecture-index article:nth-child(4) {
  grid-column: span 5;
}

html.cs-page-algorithmic-trading .architecture-section .architecture-index article:nth-child(n+5) {
  grid-column: span 4;
}

html.cs-page-algorithmic-trading .architecture-section .architecture-index article > span {
  color: #ff8299;
}

html.cs-page-algorithmic-trading .architecture-section .architecture-index p {
  color: rgba(255, 255, 255, .72);
  font-size: 14px;
  line-height: 1.68;
}

html.cs-page-algorithmic-trading .validation-panels .features-panel {
  grid-template-columns: 1fr;
  gap: 24px;
  min-height: 330px;
}

html.cs-page-algorithmic-trading .validation-panels .feature-panel-heading h3 {
  margin: 0;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(16, 29, 48, .18);
}

@media (max-width: 991px) {
  html.cs-page-algorithmic-trading .birdi-summary-inner {
    grid-template-columns: minmax(320px, .42fr) minmax(0, .58fr);
    gap: 38px;
  }

  html.cs-page-algorithmic-trading .architecture-section .architecture-index {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html.cs-page-algorithmic-trading .architecture-section .architecture-index article,
  html.cs-page-algorithmic-trading .architecture-section .architecture-index article:nth-child(n) {
    grid-column: span 1;
  }
}

@media (max-width: 767px) {
  html.cs-page-algorithmic-trading .birdi-summary-inner,
  html.cs-page-algorithmic-trading .controls-compact-grid,
  html.cs-page-algorithmic-trading .architecture-section .architecture-index {
    grid-template-columns: 1fr;
  }

  html.cs-page-algorithmic-trading .birdi-summary-status {
    margin-top: 22px;
  }

  html.cs-page-algorithmic-trading .architecture-section .architecture-index article,
  html.cs-page-algorithmic-trading .architecture-section .architecture-index article:nth-child(n) {
    grid-column: auto;
  }
}

/* v9 — asymmetric control story, compact architecture, and responsive summary. */
html.cs-page-algorithmic-trading .birdi-summary {
  padding: 44px 0;
}

html.cs-page-algorithmic-trading .birdi-summary-inner {
  grid-template-columns: minmax(290px, .36fr) minmax(0, .64fr);
  gap: 0;
  align-items: start;
}

html.cs-page-algorithmic-trading .birdi-summary-identity {
  padding-right: clamp(28px, 4vw, 54px);
}

html.cs-page-algorithmic-trading .birdi-summary .birdi-solution {
  margin: 22px 0 0;
  font-size: clamp(20px, 1.7vw, 24px);
}

html.cs-page-algorithmic-trading .birdi-summary-status {
  margin-top: 24px;
}

html.cs-page-algorithmic-trading .birdi-summary-facts {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  padding: 3px 0 3px clamp(28px, 4vw, 52px);
  align-content: start;
}

html.cs-page-algorithmic-trading .birdi-summary-facts > div {
  padding: 0 22px 24px 0;
}

html.cs-page-algorithmic-trading .birdi-summary-facts dt {
  margin-bottom: 7px;
  color: #aebbd0;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .045em;
  text-transform: uppercase;
}

html.cs-page-algorithmic-trading .birdi-summary-facts dd {
  font-size: 16px;
  line-height: 1.48;
}

html.cs-page-algorithmic-trading .controls-editorial-lead {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(0, 3fr);
  gap: clamp(38px, 5vw, 70px);
  align-items: start;
}

html.cs-page-algorithmic-trading .controls-editorial-heading {
  max-width: none;
  margin: 0;
  padding-top: 6px;
}

html.cs-page-algorithmic-trading .controls-editorial-heading h2 {
  font-size: clamp(31px, 3.4vw, 46px);
}

html.cs-page-algorithmic-trading .controls-editorial-heading p {
  margin-top: 18px;
}

html.cs-page-algorithmic-trading .controls-editorial-figure,
html.cs-page-algorithmic-trading .architecture-editorial-figure {
  margin: 0;
}

html.cs-page-algorithmic-trading .controls-editorial-figure img,
html.cs-page-algorithmic-trading .architecture-editorial-figure img {
  display: block;
  width: 100%;
  height: auto;
  box-shadow: 0 28px 62px rgba(16, 29, 48, .17);
}

html.cs-page-algorithmic-trading .controls-editorial-figure figcaption,
html.cs-page-algorithmic-trading .architecture-editorial-figure figcaption {
  margin: 16px 0 0;
  padding-left: 14px;
  border-left: 2px solid #ee4865;
  color: #677387;
  font-size: 12px;
  line-height: 1.55;
}

html.cs-page-algorithmic-trading .controls-primary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 clamp(24px, 3vw, 38px);
  width: 75%;
  margin: clamp(42px, 5vw, 66px) 0 0 auto;
}

html.cs-page-algorithmic-trading .controls-secondary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0 clamp(24px, 3vw, 38px);
  margin-top: clamp(42px, 5vw, 66px);
}

html.cs-page-algorithmic-trading .controls-primary-grid article,
html.cs-page-algorithmic-trading .controls-secondary-grid article {
  padding: 23px 8px 26px 0;
  border-top: 1px solid rgba(16, 29, 48, .22);
}

html.cs-page-algorithmic-trading .controls-primary-grid article > span,
html.cs-page-algorithmic-trading .controls-secondary-grid article > span {
  display: block;
  margin-bottom: 13px;
  color: #ee4865;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .08em;
}

html.cs-page-algorithmic-trading .controls-primary-grid h3,
html.cs-page-algorithmic-trading .controls-secondary-grid h3 {
  margin: 0 0 11px;
  color: #101d30;
  font-size: 18px;
  line-height: 1.35;
}

html.cs-page-algorithmic-trading .controls-primary-grid p,
html.cs-page-algorithmic-trading .controls-secondary-grid p {
  margin: 0 0 8px;
  color: #596679;
  font-size: 14px;
  line-height: 1.62;
}

html.cs-page-algorithmic-trading .controls-primary-grid p:last-child,
html.cs-page-algorithmic-trading .controls-secondary-grid p:last-child {
  margin-bottom: 0;
}

html.cs-page-algorithmic-trading .architecture-editorial-grid {
  display: grid;
  grid-template-columns: minmax(0, .42fr) minmax(0, .58fr);
  grid-template-areas:
    "heading figure"
    "points figure";
  gap: 0 clamp(44px, 6vw, 82px);
  align-items: start;
}

html.cs-page-algorithmic-trading .architecture-editorial-heading {
  grid-area: heading;
  max-width: none;
  margin: 0;
}

html.cs-page-algorithmic-trading .architecture-editorial-heading h2,
html.cs-page-algorithmic-trading .architecture-editorial-heading p,
html.cs-page-algorithmic-trading .architecture-editorial-points h3 {
  color: #ffffff;
}

html.cs-page-algorithmic-trading .architecture-editorial-heading h2 em {
  color: #ff8299;
}

html.cs-page-algorithmic-trading .architecture-editorial-figure {
  grid-area: figure;
}

html.cs-page-algorithmic-trading .architecture-editorial-figure img {
  box-shadow: 0 34px 76px rgba(0, 0, 0, .34);
}

html.cs-page-algorithmic-trading .architecture-editorial-figure figcaption {
  color: rgba(255, 255, 255, .65);
}

html.cs-page-algorithmic-trading .architecture-editorial-points {
  grid-area: points;
  margin-top: 38px;
}

html.cs-page-algorithmic-trading .architecture-editorial-points article {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 0 14px;
  padding: 20px 0;
  border-top: 1px solid rgba(255, 255, 255, .2);
}

html.cs-page-algorithmic-trading .architecture-editorial-points article > span {
  color: #ff8299;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .07em;
}

html.cs-page-algorithmic-trading .architecture-editorial-points h3 {
  margin: -4px 0 7px;
  font-size: 17px;
  line-height: 1.42;
}

html.cs-page-algorithmic-trading .architecture-editorial-points p {
  margin: 0;
  color: rgba(255, 255, 255, .72);
  font-size: 14px;
  line-height: 1.62;
}

@media (max-width: 991px) {
  html.cs-page-algorithmic-trading .birdi-summary-inner {
    grid-template-columns: 1fr;
  }

  html.cs-page-algorithmic-trading .birdi-summary-identity {
    padding: 0 0 30px;
  }

  html.cs-page-algorithmic-trading .birdi-summary-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 30px 0 0;
    border-top: 1px solid rgba(255, 255, 255, .17);
    border-left: 0;
  }

  html.cs-page-algorithmic-trading .controls-editorial-lead {
    grid-template-columns: minmax(220px, .36fr) minmax(0, .64fr);
  }

  html.cs-page-algorithmic-trading .controls-primary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  html.cs-page-algorithmic-trading .controls-secondary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html.cs-page-algorithmic-trading .architecture-editorial-grid {
    grid-template-columns: 1fr;
    grid-template-areas:
      "heading"
      "figure"
      "points";
    gap: 0;
  }

  html.cs-page-algorithmic-trading .architecture-editorial-figure {
    margin-top: 34px;
  }

  html.cs-page-algorithmic-trading .architecture-editorial-points {
    margin-top: 34px;
  }
}

@media (max-width: 767px) {
  html.cs-page-algorithmic-trading .birdi-summary-facts,
  html.cs-page-algorithmic-trading .controls-editorial-lead,
  html.cs-page-algorithmic-trading .controls-primary-grid,
  html.cs-page-algorithmic-trading .controls-secondary-grid,
  html.cs-page-algorithmic-trading .architecture-editorial-grid {
    grid-template-columns: 1fr;
  }

  html.cs-page-algorithmic-trading .controls-primary-grid {
    width: 100%;
  }

  html.cs-page-algorithmic-trading .controls-editorial-figure {
    margin-top: 30px;
  }

  html.cs-page-algorithmic-trading .architecture-editorial-grid {
    grid-template-areas:
      "heading"
      "figure"
      "points";
  }

  html.cs-page-algorithmic-trading .architecture-editorial-figure {
    margin-top: 30px;
  }

  html.cs-page-algorithmic-trading .architecture-editorial-points {
    margin-top: 32px;
  }
}

@media (max-width: 420px) {
  html.cs-page-algorithmic-trading .birdi-summary-client {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  html.cs-page-algorithmic-trading .birdi-summary-sector {
    padding-left: 0;
    border-left: 0;
    font-size: 14px;
  }
}

/* v11 — full-width controls carousel with dedicated arrow navigation. */
html.cs-page-algorithmic-trading .controls-scroll-heading {
  max-width: 820px;
  margin-right: auto;
  margin-left: auto;
}

html.cs-page-algorithmic-trading .controls-scroll-figure {
  width: 100%;
  margin: clamp(42px, 5vw, 64px) 0 0;
}

html.cs-page-algorithmic-trading .controls-scroll-figure img {
  display: block;
  width: 100%;
  height: auto;
  box-shadow: 0 30px 68px rgba(16, 29, 48, .17);
}

html.cs-page-algorithmic-trading .controls-carousel {
  position: relative;
  margin-top: clamp(48px, 6vw, 76px);
  padding: 0 62px;
}

html.cs-page-algorithmic-trading .controls-horizontal-scroll {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(300px, calc((100% - 72px) / 3));
  gap: 36px;
  margin-top: 0;
  padding: 2px 0 16px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

html.cs-page-algorithmic-trading .controls-horizontal-scroll::-webkit-scrollbar {
  display: none;
}

html.cs-page-algorithmic-trading .controls-horizontal-scroll:focus-visible {
  outline: 2px solid #ee4865;
  outline-offset: 8px;
}

html.cs-page-algorithmic-trading .controls-horizontal-scroll article {
  min-width: 0;
  padding: 24px 10px 16px 0;
  border-top: 1px solid rgba(16, 29, 48, .24);
  scroll-snap-align: start;
}

html.cs-page-algorithmic-trading .controls-horizontal-scroll article > span {
  display: block;
  margin-bottom: 15px;
  color: #ee4865;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .08em;
}

html.cs-page-algorithmic-trading .controls-horizontal-scroll h3 {
  margin: 0 0 12px;
  color: #101d30;
  font-size: 19px;
  line-height: 1.36;
}

html.cs-page-algorithmic-trading .controls-horizontal-scroll p {
  margin: 0 0 8px;
  color: #596679;
  font-size: 14px;
  line-height: 1.64;
}

html.cs-page-algorithmic-trading .controls-horizontal-scroll p:last-child {
  margin-bottom: 0;
}

html.cs-page-algorithmic-trading .controls-arrow {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  padding: 0;
  border: 1px solid rgba(16, 29, 48, .2);
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 12px 28px rgba(16, 29, 48, .13);
  color: #101d30;
  font-size: 24px;
  line-height: 1;
  transform: translateY(-50%);
  transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

html.cs-page-algorithmic-trading .controls-arrow-prev {
  left: 0;
}

html.cs-page-algorithmic-trading .controls-arrow-next {
  right: 0;
}

html.cs-page-algorithmic-trading .controls-arrow:hover,
html.cs-page-algorithmic-trading .controls-arrow:focus-visible {
  border-color: #ee4865;
  background: #ee4865;
  color: #ffffff;
  outline: 0;
}

html.cs-page-algorithmic-trading .controls-arrow:hover {
  transform: translateY(-50%) scale(1.06);
}

html.cs-page-algorithmic-trading .architecture-centered-heading {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
}

html.cs-page-algorithmic-trading .architecture-centered-heading h2,
html.cs-page-algorithmic-trading .architecture-centered-heading p {
  color: #ffffff;
}

html.cs-page-algorithmic-trading .architecture-centered-heading h2 em {
  color: #ff8299;
}

html.cs-page-algorithmic-trading .architecture-split-layout {
  display: grid;
  grid-template-columns: minmax(0, .4fr) minmax(0, .6fr);
  gap: clamp(42px, 6vw, 76px);
  align-items: start;
  margin-top: clamp(46px, 6vw, 72px);
}

html.cs-page-algorithmic-trading .architecture-split-layout .architecture-editorial-points,
html.cs-page-algorithmic-trading .architecture-split-layout .architecture-editorial-figure {
  grid-area: auto;
  margin-top: 0;
}

html.cs-page-algorithmic-trading .architecture-split-layout .architecture-editorial-points article:first-child {
  padding-top: 0;
  border-top: 0;
}

@media (max-width: 991px) {
  html.cs-page-algorithmic-trading .controls-carousel {
    padding-right: 54px;
    padding-left: 54px;
  }

  html.cs-page-algorithmic-trading .controls-horizontal-scroll {
    grid-auto-columns: minmax(300px, calc((100% - 32px) / 2));
    gap: 32px;
  }

  html.cs-page-algorithmic-trading .architecture-split-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  html.cs-page-algorithmic-trading .controls-scroll-figure {
    margin-top: 32px;
  }

  html.cs-page-algorithmic-trading .controls-horizontal-scroll {
    grid-auto-columns: 100%;
    gap: 20px;
  }

  html.cs-page-algorithmic-trading .controls-carousel {
    margin-top: 42px;
    padding-right: 44px;
    padding-left: 44px;
  }

  html.cs-page-algorithmic-trading .controls-arrow {
    width: 36px;
    height: 36px;
    font-size: 20px;
  }

  html.cs-page-algorithmic-trading .architecture-split-layout .architecture-editorial-figure {
    order: -1;
  }
}

@media (max-width: 380px) {
  html.cs-page-algorithmic-trading .controls-carousel {
    padding-right: 38px;
    padding-left: 38px;
  }

  html.cs-page-algorithmic-trading .controls-arrow {
    width: 32px;
    height: 32px;
    font-size: 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.cs-page-algorithmic-trading .controls-horizontal-scroll {
    scroll-behavior: auto;
  }
}

/* ================================================================
   Page namespace: D41-Luminous-3D-Lighting-Bootstrap4-jQuery (cs-page-luminous-3d-lighting)
   ================================================================ */

/* Original file: D41-Luminous-3D-Lighting-Bootstrap4-jQuery/css/bootstrap4-integration.css */
/* Bootstrap 4 grid and tabs, adjusted to preserve the approved Birdi design. */
html.cs-page-luminous-3d-lighting .case-study .hero-layout.row {
  --birdi-column-gap: clamp(32px, 5vw, 64px);
  display: flex !important;
  gap: 0 !important;
  margin-left: 0;
  margin-right: 0;
  padding-top:100px;
}

html.cs-page-luminous-3d-lighting .case-study .brief-layout.row {
  --birdi-column-gap: clamp(32px, 5vw, 64px);
  display: flex !important;
  gap: 0 !important;
  margin-left: 0;
  margin-right: 0;
}
html.cs-page-luminous-3d-lighting .case-study .brief-layout.row { --birdi-column-gap: clamp(32px, 5vw, 56px); }
html.cs-page-luminous-3d-lighting .case-study .hero-layout.row > .col-md-6,
html.cs-page-luminous-3d-lighting .case-study .brief-layout.row > .col-md-6 {
  padding-left: calc(var(--birdi-column-gap) * 0.5);
  padding-right: calc(var(--birdi-column-gap) * 0.5);
}
html.cs-page-luminous-3d-lighting .case-study .hero-layout.row > .col-md-6:first-child,
html.cs-page-luminous-3d-lighting .case-study .brief-layout.row > .col-md-6:first-child { padding-left: 0; }
html.cs-page-luminous-3d-lighting .case-study .hero-layout.row > .col-md-6:last-child,
html.cs-page-luminous-3d-lighting .case-study .brief-layout.row > .col-md-6:last-child { padding-right: 0; }
html.cs-page-luminous-3d-lighting .case-study .birdi-contact-button {
  border: 0;
  line-height: normal;
  text-align: inherit;
  vertical-align: baseline;
}
html.cs-page-luminous-3d-lighting .case-study .birdi-contact-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 34px rgba(213,31,63,.34);
  color: #fff;
}
html.cs-page-luminous-3d-lighting .case-study .birdi-tech-pill:hover { background: #101d30; color: #fff; }
html.cs-page-luminous-3d-lighting .case-study .feature-tabs.nav-tabs { border-bottom: 0; }
html.cs-page-luminous-3d-lighting .case-study .feature-tabs.nav-tabs .nav-link {
  border: 0;
  margin-bottom: 0;
  padding: 20px 8px;
  color: #101d30;
  line-height: 1.4;
}
html.cs-page-luminous-3d-lighting .case-study .feature-tabs.nav-tabs .nav-link.active { background: #fff; color: #101d30; }
html.cs-page-luminous-3d-lighting .case-study .tab-content > .features-panel.active { display: grid; }
@media (max-width: 767px) {
  html.cs-page-luminous-3d-lighting .case-study .hero-layout.row,
  html.cs-page-luminous-3d-lighting .case-study .brief-layout.row { margin-left: 0; margin-right: 0; }
  html.cs-page-luminous-3d-lighting .case-study .hero-layout.row > .col-md-6,
  html.cs-page-luminous-3d-lighting .case-study .brief-layout.row > .col-md-6 { padding-left: 0; padding-right: 0; }
  html.cs-page-luminous-3d-lighting .case-study .brief-layout.row > .col-md-6 + .col-md-6 { margin-top: 32px; }
}
@media (max-width: 460px) {
  html.cs-page-luminous-3d-lighting .case-study .feature-tabs.nav-tabs .nav-link { padding: 16px 6px; }
}
@media (prefers-reduced-motion: reduce) {
  html.cs-page-luminous-3d-lighting .case-study .birdi-contact-button:hover { transform: none; }
}

/* Original file: D41-Luminous-3D-Lighting-Bootstrap4-jQuery/css/birdi.css */
/* Bootstrap Reboot is normalized to the approved page typography. */
html.cs-page-luminous-3d-lighting,html.cs-page-luminous-3d-lighting body{height:100%;}
html.cs-page-luminous-3d-lighting body{line-height:normal;}
html.cs-page-luminous-3d-lighting h1,html.cs-page-luminous-3d-lighting h2,html.cs-page-luminous-3d-lighting h3,html.cs-page-luminous-3d-lighting h4,html.cs-page-luminous-3d-lighting h5,html.cs-page-luminous-3d-lighting h6{font-size:revert;font-weight:revert;line-height:normal;margin:revert;}
html.cs-page-luminous-3d-lighting p,html.cs-page-luminous-3d-lighting dl,html.cs-page-luminous-3d-lighting dd,html.cs-page-luminous-3d-lighting figure{margin:revert;}
html.cs-page-luminous-3d-lighting a:hover{text-decoration:none;}
html.cs-page-luminous-3d-lighting button{line-height:normal;}

/* Birdi shared styles. Cascade order is intentional; responsive rules remain beside their applicable defaults. */
html.cs-page-luminous-3d-lighting body {
  margin: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}
html.cs-page-luminous-3d-lighting * {
  box-sizing: border-box;
}
html.cs-page-luminous-3d-lighting .case-study section a {
  color: #ee4865;
  text-decoration: none;
}
html.cs-page-luminous-3d-lighting .case-study section a:hover {
  color: #101d30;
}
html.cs-page-luminous-3d-lighting {
  font-size: max(16px,100%);
}
html.cs-page-luminous-3d-lighting body {
  font-size: 16px;
}
html.cs-page-luminous-3d-lighting button,html.cs-page-luminous-3d-lighting summary {
  font: inherit;
}
html.cs-page-luminous-3d-lighting button {
  cursor: pointer;
}
html.cs-page-luminous-3d-lighting img {
  max-width: 100%;
}
html.cs-page-luminous-3d-lighting button:focus-visible,html.cs-page-luminous-3d-lighting summary:focus-visible,html.cs-page-luminous-3d-lighting [tabindex]:focus-visible {
  outline: 3px solid #ee4865;
  outline-offset: 5px;
}
html.cs-page-luminous-3d-lighting .section-container {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  background: transparent;
}
html.cs-page-luminous-3d-lighting .section-heading {
  margin-bottom: clamp(32px,4vw,48px);
}
html.cs-page-luminous-3d-lighting .centered {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
html.cs-page-luminous-3d-lighting .eyebrow {
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 700;
  color: #ee4865;
  margin: 0 0 18px;
}
html.cs-page-luminous-3d-lighting .section-heading h2 {
  font-size: clamp(1.55rem,2.4vw,2.1rem);
  line-height: 1.25;
  margin: 0;
}
html.cs-page-luminous-3d-lighting .section-heading h2 span {
  color: #ee4865;
}
html.cs-page-luminous-3d-lighting .workflow-section {
  padding: clamp(56px,7vw,84px) 0;
  background: linear-gradient(135deg,#0e1d31 0%,#15233b 100%);
  color: #fff;
}
html.cs-page-luminous-3d-lighting .workflow-layout {
  display: grid;
  grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr);
  gap: clamp(36px,6vw,80px);
  align-items: start;
}
html.cs-page-luminous-3d-lighting .workflow-sticky {
  position: sticky;
  top: 24px;
  min-width: 0;
}
/* Short screens need normal page scrolling, not a taller sticky panel. */
@media (max-height:650px) {
  html.cs-page-luminous-3d-lighting .workflow-sticky { position: relative; top: auto; }
}
html.cs-page-luminous-3d-lighting .workflow-visual-heading {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .1em;
  margin-bottom: 18px;
}
html.cs-page-luminous-3d-lighting .workflow-visual-heading span:first-child {
  color: var(--body);
}
html.cs-page-luminous-3d-lighting .workflow-stage {
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(300px,56vh,560px);
  overflow: hidden;
  color: #101d30;
}
html.cs-page-luminous-3d-lighting .workflow-screen {
  display: block;
  animation: cs-page-luminous-3d-lighting-visual-arrive .4s ease;
}
html.cs-page-luminous-3d-lighting .workflow-caption {
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  margin: 18px 0 16px;
  font-weight: 500;
}
html.cs-page-luminous-3d-lighting .workflow-progress {
  height: 3px;
  background: rgba(255,255,255,.2);
}
html.cs-page-luminous-3d-lighting .workflow-progress span {
  display: block;
  height: 100%;
  background: #ee4865;
  transition: width .35s ease;
}
html.cs-page-luminous-3d-lighting .workflow-explainer {
  width: 100%;
}
html.cs-page-luminous-3d-lighting .workflow-explainer>i {
  font-size: 44px;
  color: #ee4865;
  margin-bottom: 24px;
}
html.cs-page-luminous-3d-lighting .workflow-explainer h3 {
  font-size: 24px;
  line-height: 1.3;
  margin: 0 0 24px;
}
html.cs-page-luminous-3d-lighting .explainer-rows {
  display: grid;
  gap: 0;
}
html.cs-page-luminous-3d-lighting .explainer-rows>div {
  border-top: 1px solid #e9d3db;
  padding: 14px 0;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  line-height: 1.4;
}
html.cs-page-luminous-3d-lighting .explainer-rows i {
  color: #ee4865;
  font-size: 16px;
}
html.cs-page-luminous-3d-lighting .illustration-note {
  font-size: 16px;
  font-weight: 500;
  color: #101d30;
  margin: 18px 0 0;
}
html.cs-page-luminous-3d-lighting .workflow-timeline {
  border-left: 1px solid rgba(255,255,255,.3);
  padding-left: 32px;
}
html.cs-page-luminous-3d-lighting .workflow-step {
  position: relative;
  padding: 0 0 56px;
}
html.cs-page-luminous-3d-lighting .workflow-step:last-child {
  padding-bottom: 0;
  min-height: 200px;
}
html.cs-page-luminous-3d-lighting .workflow-step:before {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  left: -38px;
  border: 2px solid #ee4865;
  background: #101d30;
  border-radius: 50%;
  transition: box-shadow .25s,background .25s;
}
html.cs-page-luminous-3d-lighting .workflow-step.is-active:before {
  background: #ee4865;
  box-shadow: 0 0 0 7px rgba(238,72,101,.18);
}
html.cs-page-luminous-3d-lighting .workflow-step-number {
  letter-spacing: .08em;
  display: flex;
  align-items: baseline;
  margin-bottom: 12px;
}
html.cs-page-luminous-3d-lighting .workflow-step h3 {
  color: #fff;
  margin: 0 0 16px;
  transition: color .25s;
}
html.cs-page-luminous-3d-lighting .workflow-step.is-active h3 {
  color: #ee4865;
}
html.cs-page-luminous-3d-lighting .workflow-step p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  color: #fff;
}
html.cs-page-luminous-3d-lighting .features-intro {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 64px;
  align-items: end;
  margin-bottom: 40px;
}
html.cs-page-luminous-3d-lighting .feature-tabs {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
}
html.cs-page-luminous-3d-lighting .feature-tab {
  border-bottom: 3px solid transparent;
  background: transparent;
  color: #101d30;
  padding: 20px 8px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  text-align: left;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
}
html.cs-page-luminous-3d-lighting .feature-tab i {
  font-size: 18px;
  color: #ee4865;
}
html.cs-page-luminous-3d-lighting .feature-tab.is-active {
  border-color: #ee4865;
}
html.cs-page-luminous-3d-lighting .features-panel {
  display: grid;
  grid-template-columns: 260px minmax(0,1fr);
  gap: 54px;
  padding: 40px 0;
}
html.cs-page-luminous-3d-lighting .feature-panel-number {
  line-height: 1;
  color: #ee4865;
  font-weight: 600;
}
html.cs-page-luminous-3d-lighting .feature-panel-heading h3 {
  font-size: 24px;
  line-height: 1.3;
  margin: 16px 0 12px;
}
html.cs-page-luminous-3d-lighting .feature-panel-heading p {
  font-size: 16px;
  color: #101d30;
}
html.cs-page-luminous-3d-lighting .feature-items {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 32px;
}
html.cs-page-luminous-3d-lighting .feature-item {
  border-left: 2px solid #ee4865;
  padding-left: 20px;
}
html.cs-page-luminous-3d-lighting .feature-item h4 {
  font-size: 17px;
  line-height: 1.4;
  margin: 0 0 12px;
}
html.cs-page-luminous-3d-lighting .feature-item p {
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
  color: #101d30;
}
html.cs-page-luminous-3d-lighting .editorial-accordion {
  border-top: 1px solid #c7d0dd;
  color: #101d30;
}
html.cs-page-luminous-3d-lighting .editorial-accordion:last-child {
  border-bottom: 1px solid #c7d0dd;
}
html.cs-page-luminous-3d-lighting .editorial-accordion summary {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 26px 0;
  cursor: pointer;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 600;
}
html.cs-page-luminous-3d-lighting .editorial-accordion summary::-webkit-details-marker {
  display: none;
}
html.cs-page-luminous-3d-lighting .editorial-accordion summary>span:not(.accordion-number) {
  flex: 1;
}
html.cs-page-luminous-3d-lighting .editorial-accordion summary>i {
  color: #ee4865;
  font-size: 16px;
  transition: transform .25s;
}
html.cs-page-luminous-3d-lighting .accordion-number {
  font-size: 28px;
  color: #ee4865;
  font-weight: 600;
}
html.cs-page-luminous-3d-lighting .editorial-accordion[open] summary {
  color: #c92145;
}
html.cs-page-luminous-3d-lighting .editorial-accordion[open] summary>i {
  transform: rotate(45deg);
}
html.cs-page-luminous-3d-lighting .accordion-content {
  padding: 0 0 28px 64px;
  animation: cs-page-luminous-3d-lighting-content-arrive .3s ease;
}
html.cs-page-luminous-3d-lighting .accordion-content p {
  font-size: 16px;
  line-height: 1.75;
  margin: 12px 0 0;
  color: #101d30;
}
html.cs-page-luminous-3d-lighting .lift-card {
  transition: transform .3s,box-shadow .3s;
}
html.cs-page-luminous-3d-lighting .lift-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 36px rgba(16,29,48,.1);
}
html.cs-page-luminous-3d-lighting .parallax-visual {
  will-change: transform;
}
html.cs-page-luminous-3d-lighting .faq-section>div {
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
  gap: 64px;
  align-items: start;
}
html.cs-page-luminous-3d-lighting .faq-list {
  min-width: 0;
}
html.cs-page-luminous-3d-lighting .faq-list .accordion-content {
  padding-left: 0;
}
@keyframes cs-page-luminous-3d-lighting-content-arrive{from{transform:translateY(10px)}to{transform:translateY(0)}}
@keyframes cs-page-luminous-3d-lighting-visual-arrive{from{transform:translateY(12px) scale(.98)}to{transform:translateY(0) scale(1)}}
@media (max-width:900px) {
  html.cs-page-luminous-3d-lighting .workflow-layout {
    gap: 36px;
    grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
  }
  html.cs-page-luminous-3d-lighting .features-panel {
    grid-template-columns: 210px minmax(0,1fr);
    gap: 32px;
  }
  html.cs-page-luminous-3d-lighting .feature-tabs {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  html.cs-page-luminous-3d-lighting .features-intro {
    gap: 32px;
  }
}
@media (max-width:700px) {
  html.cs-page-luminous-3d-lighting .workflow-layout,html.cs-page-luminous-3d-lighting .features-intro,html.cs-page-luminous-3d-lighting .features-panel,html.cs-page-luminous-3d-lighting .faq-section>div {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  html.cs-page-luminous-3d-lighting .workflow-sticky {
    position: relative;
    top: auto;
  }
  html.cs-page-luminous-3d-lighting .workflow-stage {
    height: 440px;
  }
  html.cs-page-luminous-3d-lighting .workflow-timeline {
    margin-left: 6px;
  }
  html.cs-page-luminous-3d-lighting .workflow-step:last-child {
    min-height: 0;
  }
  html.cs-page-luminous-3d-lighting .workflow-explainer h3 {
    font-size: 22px;
  }
  html.cs-page-luminous-3d-lighting .feature-items {
    gap: 24px;
  }
  html.cs-page-luminous-3d-lighting .faq-section>div>div:first-child {
    position: static !important;
  }
  html.cs-page-luminous-3d-lighting .accordion-content {
    padding-left: 0;
  }
  html.cs-page-luminous-3d-lighting .editorial-accordion summary {
    gap: 16px;
    font-size: 17px;
  }
  html.cs-page-luminous-3d-lighting .parallax-visual {
    transform: none !important;
  }
}
@media (max-width:460px) {
  html.cs-page-luminous-3d-lighting .feature-items,html.cs-page-luminous-3d-lighting .industry-grid {
    grid-template-columns: 1fr;
  }
  html.cs-page-luminous-3d-lighting .feature-tab {
    font-size: 16px;
    padding: 16px 8px;
    overflow-wrap: anywhere;
  }
  html.cs-page-luminous-3d-lighting .workflow-stage {
    height: 420px;
  }
  html.cs-page-luminous-3d-lighting .workflow-timeline {
    padding-left: 24px;
  }
  html.cs-page-luminous-3d-lighting .workflow-step:before {
    left: -30px;
  }
}
@media (max-height:740px) and (min-width:701px) {
  html.cs-page-luminous-3d-lighting .workflow-stage {
    height: 360px;
  }
  html.cs-page-luminous-3d-lighting .workflow-explainer>i {
    font-size: 28px;
    margin-bottom: 12px;
  }
  html.cs-page-luminous-3d-lighting .workflow-explainer h3 {
    font-size: 22px;
    margin-bottom: 12px;
  }
  html.cs-page-luminous-3d-lighting .explainer-rows>div {
    padding: 10px 0;
  }
  html.cs-page-luminous-3d-lighting .illustration-note {
    margin-top: 12px;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-luminous-3d-lighting,html.cs-page-luminous-3d-lighting body {
    scroll-behavior: auto !important;
  }
  html.cs-page-luminous-3d-lighting *,html.cs-page-luminous-3d-lighting *:before,html.cs-page-luminous-3d-lighting *:after {
    animation: none !important;
    transition: none !important;
  }
  html.cs-page-luminous-3d-lighting .parallax-visual {
    transform: none !important;
  }
}
html.cs-page-luminous-3d-lighting .case-study {
  --body: #6f6f6f;
  --heading: #101d30;
  --accent: #ee4865;
}
html.cs-page-luminous-3d-lighting .case-study section {
  --body: #6f6f6f;
  --heading: #101d30;
  background: transparent;
}
html.cs-page-luminous-3d-lighting .case-study section[data-theme="dark"] {
  --body: #b8cbe5;
  --heading: #fff;
}
html.cs-page-luminous-3d-lighting .case-study p {
  color: var(--body);
}
html.cs-page-luminous-3d-lighting .case-study p.eyebrow {
  color: #ee4865;
}
html.cs-page-luminous-3d-lighting .case-study h2,html.cs-page-luminous-3d-lighting .case-study h3,html.cs-page-luminous-3d-lighting .case-study h4 {
  color: var(--heading);
}
html.cs-page-luminous-3d-lighting .workflow-stage {
  --body: #6f6f6f;
  --heading: #101d30;
  background: linear-gradient(155deg,#fff 30%,#eaf1fa);
  border: 1px solid rgba(255,255,255,.2);
  box-shadow: 0 24px 60px rgba(0,0,0,.2);
}
html.cs-page-luminous-3d-lighting .workflow-step-number {
  font-size: 16px;
  line-height: 1.5;
  gap: 7px;
  color: var(--body);
  font-weight: 400;
}
html.cs-page-luminous-3d-lighting .workflow-step-number strong {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  color: inherit;
  letter-spacing: inherit;
}
html.cs-page-luminous-3d-lighting .workflow-step {
  min-height: 200px;
  padding-bottom: 48px;
}
html.cs-page-luminous-3d-lighting .workflow-step:before {
  top: 7px;
}
html.cs-page-luminous-3d-lighting .workflow-step h3 {
  font-size: 24px;
  line-height: 1.35;
}
html.cs-page-luminous-3d-lighting .workflow-step p,html.cs-page-luminous-3d-lighting .workflow-caption {
  color: var(--body);
}
html.cs-page-luminous-3d-lighting .illustration-note,html.cs-page-luminous-3d-lighting .feature-panel-heading p,html.cs-page-luminous-3d-lighting .feature-item p,html.cs-page-luminous-3d-lighting .accordion-content p {
  color: var(--body);
}
html.cs-page-luminous-3d-lighting .problems-section {
  padding: clamp(56px,7vw,84px) 0;
  background: #f3f3f3;
}
html.cs-page-luminous-3d-lighting .problems-layout {
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
  gap: clamp(40px,6vw,80px);
  align-items: start;
}
html.cs-page-luminous-3d-lighting .problems-heading {
  position: static;
  align-self: start;
  padding: 28px 0;
  border-top: 2px solid #ee4865;
}
html.cs-page-luminous-3d-lighting .problems-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.18;
  letter-spacing: -.035em;
  margin: 0 0 24px;
}
html.cs-page-luminous-3d-lighting .problems-heading h2 span {
  color: #ee4865;
}
html.cs-page-luminous-3d-lighting .section-subtext {
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
  max-width: 390px;
}
html.cs-page-luminous-3d-lighting .problems-note {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 32px;
}
html.cs-page-luminous-3d-lighting .problems-note>span {
  height: 44px;
  width: 3px;
  background: #ee4865;
}
html.cs-page-luminous-3d-lighting .problems-note p {
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
}
html.cs-page-luminous-3d-lighting .problem-accordions {
  display: grid;
  gap: 12px;
}
html.cs-page-luminous-3d-lighting .problem-item {
  background: #fff;
  border: 1px solid #e0e7f0;
  border-radius: 14px;
  transition: border-color .3s,box-shadow .3s;
}
html.cs-page-luminous-3d-lighting .problem-item.is-open {
  border-color: #ee4865;
  box-shadow: 0 16px 40px rgba(16,29,48,.06);
}
html.cs-page-luminous-3d-lighting .problem-item h3 {
  margin: 0;
}
html.cs-page-luminous-3d-lighting .problem-item button {
  width: 100%;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  background: transparent;
  border: 0;
  color: #101d30;
  padding: 22px 24px;
  font-family: inherit;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  border-radius: 14px;
}
html.cs-page-luminous-3d-lighting .problem-item button:hover {
  color: #c92145;
}
html.cs-page-luminous-3d-lighting .problem-toggle {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d9e2ed;
  color: #101d30;
  transition: background .3s,transform .3s,color .3s;
}
html.cs-page-luminous-3d-lighting .problem-toggle i {
  font-size: 16px;
}
html.cs-page-luminous-3d-lighting .is-open .problem-toggle {
  background: #ee4865;
  border-color: #ee4865;
  color: #fff;
  transform: rotate(45deg);
}
html.cs-page-luminous-3d-lighting .problem-reveal {
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  transition: grid-template-rows .35s ease,visibility .35s;
}
html.cs-page-luminous-3d-lighting .problem-reveal>div {
  min-height: 0;
  overflow: hidden;
}
html.cs-page-luminous-3d-lighting .is-open .problem-reveal {
  grid-template-rows: 1fr;
  visibility: visible;
}
html.cs-page-luminous-3d-lighting .problem-answer {
  padding: 0 24px 24px;
}
html.cs-page-luminous-3d-lighting .problem-answer p {
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
  border-top: 1px solid #e7edf5;
  padding-top: 18px;
  color: var(--body);
}
html.cs-page-luminous-3d-lighting .industry-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 20px;
  align-items: stretch;
}
html.cs-page-luminous-3d-lighting .industry-flip {
  appearance: none;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  perspective: 1200px;
  text-align: left;
  font-family: inherit;
  color: #101d30;
  border-radius: 16px;
}
html.cs-page-luminous-3d-lighting .flip-inner {
  display: grid;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform .65s cubic-bezier(.22,.61,.36,1);
  position: relative;
}
html.cs-page-luminous-3d-lighting .industry-flip.is-flipped .flip-inner {
  transform: rotateY(180deg);
}
html.cs-page-luminous-3d-lighting .flip-front,html.cs-page-luminous-3d-lighting .flip-back {
  grid-area: 1/1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  padding: 26px;
  border-radius: 16px;
  border: 1px solid #dce5f0;
  min-width: 0;
}
html.cs-page-luminous-3d-lighting .flip-front {
  background: #fff;
  transform: rotateY(0deg);
}
html.cs-page-luminous-3d-lighting .flip-front>i {
  font-size: 28px;
  color: #ee4865;
}
html.cs-page-luminous-3d-lighting .flip-front strong {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.35;
  color: #101d30;
}
html.cs-page-luminous-3d-lighting .flip-hint {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 16px;
  line-height: 1.4;
  color: #6f6f6f;
  border-top: 1px solid #e6ecf4;
  padding-top: 16px;
}
html.cs-page-luminous-3d-lighting .flip-hint i {
  font-size: 16px;
  color: #ee4865;
}
html.cs-page-luminous-3d-lighting .flip-back {
  transform: rotateY(180deg);
  background: linear-gradient(135deg,#0e1d31,#15233b);
  border-color: #15233b;
  color: #fff;
}
html.cs-page-luminous-3d-lighting .flip-back-label {
  font-size: 16px;
  color: #ff8299;
  font-weight: 600;
}
html.cs-page-luminous-3d-lighting .flip-description {
  font-size: 16px;
  line-height: 1.7;
  color: #d1def0;
}
html.cs-page-luminous-3d-lighting .flip-back-hint {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 16px;
  color: #b8cbe5;
}
html.cs-page-luminous-3d-lighting .flip-back-hint i {
  font-size: 16px;
}
html.cs-page-luminous-3d-lighting .feature-tabs {
  gap: 8px;
  border-bottom: 0;
  padding: 6px;
  background: #f0f4f9;
  border-radius: 14px;
}
html.cs-page-luminous-3d-lighting .feature-tab {
  border: 0;
  border-radius: 10px;
  transition: background .25s,box-shadow .25s;
}
html.cs-page-luminous-3d-lighting .feature-tab.is-active {
  background: #fff;
  box-shadow: 0 4px 15px rgba(16,29,48,.08);
}
html.cs-page-luminous-3d-lighting .feature-tab:hover {
  background: #fff;
}
html.cs-page-luminous-3d-lighting .feature-panel-number {
  font-size: 40px;
}
html.cs-page-luminous-3d-lighting .features-panel {
  padding-top: 32px;
}
html.cs-page-luminous-3d-lighting .case-study a.contact-link {
  overflow: hidden;
  position: relative;
}
html.cs-page-luminous-3d-lighting .case-study a.contact-link i {
  transition: transform .25s;
}
html.cs-page-luminous-3d-lighting .case-study a.contact-link:hover i {
  transform: translateX(5px);
}
@media (max-width:900px) {
  html.cs-page-luminous-3d-lighting .industry-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  html.cs-page-luminous-3d-lighting .problems-layout {
    gap: 32px;
  }
  html.cs-page-luminous-3d-lighting .problem-item button {
    padding: 20px;
    font-size: 17px;
  }
  html.cs-page-luminous-3d-lighting .problem-answer {
    padding: 0 20px 20px;
  }
}
@media (max-width:700px) {
  html.cs-page-luminous-3d-lighting .problems-layout {
    grid-template-columns: 1fr;
  }
  html.cs-page-luminous-3d-lighting .problems-heading {
    position: static;
  }
  html.cs-page-luminous-3d-lighting .problems-heading .section-subtext {
    max-width: none;
  }
  html.cs-page-luminous-3d-lighting .problems-note {
    display: none;
  }
  html.cs-page-luminous-3d-lighting .workflow-step {
    min-height: 0;
  }
  html.cs-page-luminous-3d-lighting .workflow-step-number,html.cs-page-luminous-3d-lighting .workflow-step-number strong {
    font-size: 16px;
  }
  html.cs-page-luminous-3d-lighting .flip-front,html.cs-page-luminous-3d-lighting .flip-back {
    padding: 22px;
    gap: 18px;
  }
}
@media (max-width:480px) {
  html.cs-page-luminous-3d-lighting .industry-grid {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-luminous-3d-lighting .flip-inner,html.cs-page-luminous-3d-lighting .problem-reveal,html.cs-page-luminous-3d-lighting .problem-toggle {
    transition: none;
  }
}
html.cs-page-luminous-3d-lighting .need-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 22px;
  align-items: stretch;
}
html.cs-page-luminous-3d-lighting .need-card {
  background: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  transition: box-shadow .3s,border-color .3s,transform .3s;
}
html.cs-page-luminous-3d-lighting .need-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #ee4865;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s;
}
html.cs-page-luminous-3d-lighting .need-card.is-open {
  border-color: #ee4865;
  box-shadow: 0 18px 40px rgba(16,29,48,.08);
  transform: translateY(-4px);
}
html.cs-page-luminous-3d-lighting .need-card.is-open:before {
  transform: scaleX(1);
}
html.cs-page-luminous-3d-lighting .need-card h3 {
  margin: 0;
}
html.cs-page-luminous-3d-lighting .need-trigger {
  width: 100%;
  border: 0;
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 26px;
  text-align: left;
  font-family: inherit;
  color: #101d30;
}
html.cs-page-luminous-3d-lighting .need-marker {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 16px;
  color: #ee4865;
  font-weight: 500;
}
html.cs-page-luminous-3d-lighting .need-marker i {
  font-size: 16px;
  transition: transform .3s;
}
html.cs-page-luminous-3d-lighting .is-open .need-marker i {
  transform: rotate(45deg);
}
html.cs-page-luminous-3d-lighting .need-title {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 600;
}
html.cs-page-luminous-3d-lighting .need-hint {
  font-size: 16px;
  line-height: 1.5;
  color: #6f6f6f;
  font-weight: 400;
}
html.cs-page-luminous-3d-lighting .need-reveal {
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  transition: grid-template-rows .4s ease,visibility .4s;
}
html.cs-page-luminous-3d-lighting .need-reveal>div {
  min-height: 0;
  overflow: hidden;
}
html.cs-page-luminous-3d-lighting .need-card.is-open .need-reveal {
  grid-template-rows: 1fr;
  visibility: visible;
}
html.cs-page-luminous-3d-lighting .need-copy {
  padding: 0 26px 26px;
}
html.cs-page-luminous-3d-lighting .need-copy p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  color: #6f6f6f;
}
html.cs-page-luminous-3d-lighting .need-answer {
  border-top: 1px solid #e9e9e9;
  padding-top: 20px;
  margin-top: 22px;
}
html.cs-page-luminous-3d-lighting .need-answer>span {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #101d30;
  margin-bottom: 10px;
}
html.cs-page-luminous-3d-lighting .need-trigger:focus-visible {
  outline-offset: -5px;
}
@media (max-width:900px) {
  html.cs-page-luminous-3d-lighting .need-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}
@media (max-width:620px) {
  html.cs-page-luminous-3d-lighting .need-grid {
    grid-template-columns: 1fr;
  }
  html.cs-page-luminous-3d-lighting .need-trigger {
    padding: 24px;
    gap: 16px;
  }
  html.cs-page-luminous-3d-lighting .need-copy {
    padding: 0 24px 24px;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-luminous-3d-lighting .need-card,html.cs-page-luminous-3d-lighting .need-card:before,html.cs-page-luminous-3d-lighting .need-reveal,html.cs-page-luminous-3d-lighting .need-marker i {
    transition: none;
  }
  html.cs-page-luminous-3d-lighting .need-card.is-open {
    transform: none;
  }
}
html.cs-page-luminous-3d-lighting .need-heading {
  padding: 26px 26px 20px;
}
html.cs-page-luminous-3d-lighting .need-heading h3 {
  font-size: 20px;
  line-height: 1.4;
  margin: 16px 0 0;
  font-weight: 600;
}
html.cs-page-luminous-3d-lighting .need-static {
  overflow: visible;
  border-top: 3px solid #ee4865;
}
html.cs-page-luminous-3d-lighting .need-static:before {
  display: none;
}
html.cs-page-luminous-3d-lighting .scope-heading {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  align-items: baseline;
  justify-content: space-between;
  margin: 0 0 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid #dce2e9;
}
html.cs-page-luminous-3d-lighting .scope-heading h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0;
}
html.cs-page-luminous-3d-lighting .scope-heading>span {
  font-size: 16px;
  color: #6f6f6f;
}
html.cs-page-luminous-3d-lighting .scope-groups {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 28px;
}
html.cs-page-luminous-3d-lighting .scope-group h4 {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 17px;
  line-height: 1.4;
  margin: 0 0 18px;
}
html.cs-page-luminous-3d-lighting .scope-group h4 i {
  font-size: 20px;
  color: #ee4865;
}
html.cs-page-luminous-3d-lighting .scope-group ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
}
html.cs-page-luminous-3d-lighting .scope-group li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 16px;
  line-height: 1.6;
  color: #6f6f6f;
}
html.cs-page-luminous-3d-lighting .scope-group li i {
  font-size: 16px;
  line-height: 1.6;
  color: #ee4865;
  flex-shrink: 0;
}
html.cs-page-luminous-3d-lighting .comparison-heading {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: end;
  margin-bottom: 28px;
}
html.cs-page-luminous-3d-lighting .comparison-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.2;
  letter-spacing: -.025em;
  margin: 0;
}
html.cs-page-luminous-3d-lighting .comparison-heading h2 span {
  color: #ee4865;
}
html.cs-page-luminous-3d-lighting .comparison-heading>p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  max-width: 470px;
}
html.cs-page-luminous-3d-lighting .comparison-labels,html.cs-page-luminous-3d-lighting .comparison-row {
  display: grid;
  grid-template-columns: minmax(130px,.55fr) minmax(0,1fr) minmax(0,1.15fr);
  gap: 28px;
}
html.cs-page-luminous-3d-lighting .comparison-labels {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  color: #101d30;
  padding: 16px 20px;
  border-top: 1px solid #d7dce2;
  border-bottom: 1px solid #d7dce2;
}
html.cs-page-luminous-3d-lighting .comparison-labels>span:last-child {
  color: #c92145;
}
html.cs-page-luminous-3d-lighting .comparison-row {
  padding: 22px 20px;
  border-bottom: 1px solid #dfe3e8;
  align-items: start;
}
html.cs-page-luminous-3d-lighting .comparison-row:nth-child(odd) {
  background: #fff;
}
html.cs-page-luminous-3d-lighting .comparison-row h3 {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
}
html.cs-page-luminous-3d-lighting .comparison-row p {
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
  color: #6f6f6f;
}
html.cs-page-luminous-3d-lighting .comparison-fix {
  border-left: 2px solid #ee4865;
  padding-left: 18px;
}
html.cs-page-luminous-3d-lighting .mobile-pair-label {
  display: none;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
  color: #101d30;
  margin-bottom: 8px;
}
@media (max-width:1000px) {
  html.cs-page-luminous-3d-lighting .scope-groups {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 28px 36px;
  }
}
@media (max-width:760px) {
  html.cs-page-luminous-3d-lighting .comparison-heading {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  html.cs-page-luminous-3d-lighting .comparison-labels {
    display: none;
  }
  html.cs-page-luminous-3d-lighting .comparison-row {
    grid-template-columns: 1fr 1fr;
    gap: 16px 24px;
    padding: 22px 18px;
  }
  html.cs-page-luminous-3d-lighting .comparison-row h3 {
    grid-column: 1/-1;
    color: #101d30;
    font-size: 20px;
  }
  html.cs-page-luminous-3d-lighting .mobile-pair-label {
    display: block;
  }
  html.cs-page-luminous-3d-lighting .comparison-fix .mobile-pair-label {
    color: #c92145;
  }
}
@media (max-width:520px) {
  html.cs-page-luminous-3d-lighting .scope-groups {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  html.cs-page-luminous-3d-lighting .scope-group {
    padding-bottom: 22px;
    border-bottom: 1px solid #e4e7eb;
  }
  html.cs-page-luminous-3d-lighting .scope-group:last-child {
    padding-bottom: 0;
    border: 0;
  }
  html.cs-page-luminous-3d-lighting .comparison-row {
    grid-template-columns: 1fr;
  }
  html.cs-page-luminous-3d-lighting .comparison-row h3 {
    grid-column: auto;
  }
  html.cs-page-luminous-3d-lighting .comparison-fix {
    margin-top: 2px;
  }
  html.cs-page-luminous-3d-lighting .need-heading {
    padding: 24px 24px 20px;
  }
}
html.cs-page-luminous-3d-lighting .need-static {
  height: 100%;
  box-sizing: border-box;
}
html.cs-page-luminous-3d-lighting .challenge-story {
  position: relative;
  height: calc(var(--viewport-height) * 4.9);
}
html.cs-page-luminous-3d-lighting .challenge-stage {
  top: 24px;
}
html.cs-page-luminous-3d-lighting .challenge-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
html.cs-page-luminous-3d-lighting .challenge-scroll-hint {
  font-size: 16px;
  color: #6f6f6f;
}
html.cs-page-luminous-3d-lighting .challenge-nav-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
html.cs-page-luminous-3d-lighting .challenge-count {
  font-size: 20px;
  font-weight: 600;
  color: #101d30;
  margin-right: 10px;
  font-variant-numeric: tabular-nums;
}
html.cs-page-luminous-3d-lighting .challenge-count span {
  font-size: 16px;
  font-weight: 400;
  color: #6f6f6f;
}
html.cs-page-luminous-3d-lighting .challenge-nav-actions button {
  height: 42px;
  width: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #dce1e8;
  border-radius: 50%;
  color: #101d30;
  font-size: 16px;
}
html.cs-page-luminous-3d-lighting .challenge-nav-actions button:hover:not(:disabled) {
  background: #101d30;
  color: #fff;
  border-color: #101d30;
}
html.cs-page-luminous-3d-lighting .challenge-nav-actions button:disabled {
  opacity: .35;
  cursor: default;
}
html.cs-page-luminous-3d-lighting .challenge-focus {
  display: flex;
  flex-direction: column;
}
html.cs-page-luminous-3d-lighting .challenge-focus-heading>span {
  font-size: 16px;
  font-weight: 500;
  color: #ffa4b5;
  letter-spacing: .1em;
}
html.cs-page-luminous-3d-lighting .case-study .challenge-focus-heading h3 {
  color: #fff;
}
html.cs-page-luminous-3d-lighting .challenge-focus-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
html.cs-page-luminous-3d-lighting .challenge-focus-problem,html.cs-page-luminous-3d-lighting .challenge-focus-response {
  display: flex;
  flex-direction: column;
}
html.cs-page-luminous-3d-lighting .challenge-focus-response {
  background: #fff;
}
html.cs-page-luminous-3d-lighting .challenge-focus-pair h4 {
  font-weight: 600;
  margin: 0 0 18px;
}
html.cs-page-luminous-3d-lighting .response-heading {
  display: flex;
}
html.cs-page-luminous-3d-lighting .response-heading i {
  color: #178347;
}
html.cs-page-luminous-3d-lighting .case-study .response-heading h4 {
  color: #178347;
}
html.cs-page-luminous-3d-lighting .case-study .challenge-focus-problem h4 {
  color: #c83232;
}
html.cs-page-luminous-3d-lighting .challenge-focus-problem {
  background: #fff;
}
html.cs-page-luminous-3d-lighting .challenge-segments {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}
html.cs-page-luminous-3d-lighting .challenge-segment {
  flex: 1;
  border: 0;
  background: transparent;
  padding: 20px 0;
  min-height: 44px;
}
html.cs-page-luminous-3d-lighting .challenge-segment span {
  display: block;
  height: 4px;
  border-radius: 3px;
  background: #d8dee7;
  transition: background .25s;
}
html.cs-page-luminous-3d-lighting .challenge-segment.is-active span {
  background: #ee4865;
}
html.cs-page-luminous-3d-lighting .challenge-segment:hover span {
  background: #101d30;
}
@keyframes cs-page-luminous-3d-lighting-challenge-arrive{from{transform:translateY(10px)}to{transform:translateY(0)}}
@media (max-width:700px) {
  html.cs-page-luminous-3d-lighting .challenge-stage {
    top: 12px;
  }
  html.cs-page-luminous-3d-lighting .challenge-navigation {
    gap: 12px;
  }
  html.cs-page-luminous-3d-lighting .challenge-scroll-hint {
    max-width: 160px;
    line-height: 1.4;
  }
  html.cs-page-luminous-3d-lighting .challenge-focus-pair {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-luminous-3d-lighting .challenge-segment span {
    transition: none;
  }
}
html.cs-page-luminous-3d-lighting .project-meta {
  padding: 4px 0 20px;
  border-bottom: 1px dashed rgba(255,255,255,.2);
}
html.cs-page-luminous-3d-lighting .project-meta-label {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--body);
  font-weight: 500;
}
html.cs-page-luminous-3d-lighting .project-meta-label i {
  color: #ff8299;
  font-size: 18px;
  width: 24px;
}
html.cs-page-luminous-3d-lighting .project-meta-value {
  font-size: 17px;
  line-height: 1.5;
  font-weight: 600;
  color: #fff;
  margin: 10px 0 0 36px;
}
html.cs-page-luminous-3d-lighting .brief-paragraphs {
  margin-bottom: 24px;
}
html.cs-page-luminous-3d-lighting .brief-paragraphs p {
  font-size: 17px;
  line-height: 1.75;
  margin: 0 0 18px;
}
html.cs-page-luminous-3d-lighting .brief-paragraphs p:last-child {
  margin-bottom: 0;
}
html.cs-page-luminous-3d-lighting .brief-visual {
  margin: 0 auto;
  width: min(100%,340px);
  padding: 0;
  background: transparent;
  box-shadow: none;
}
html.cs-page-luminous-3d-lighting .brief-visual img {
  display: block;
  width: 100%;
  height: 400px;
  object-fit: cover;
  object-position: top;
  border-radius: 12px;
}
html.cs-page-luminous-3d-lighting .brief-visual figcaption {
  font-size: 16px;
  line-height: 1.55;
  color: #6f6f6f;
  margin-top: 16px;
  padding-left: 16px;
  border-left: 2px solid #ee4865;
  text-align: left;
}
html.cs-page-luminous-3d-lighting .workflow-stage {
  padding: 0;
}
html.cs-page-luminous-3d-lighting .workflow-screen {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  border-radius: 0;
}
html.cs-page-luminous-3d-lighting .workflow-explainer {
  padding: 24px;
  max-width: 410px;
}
html.cs-page-luminous-3d-lighting .response-heading {
  align-items: baseline;
  gap: 12px;
}
html.cs-page-luminous-3d-lighting .response-heading i {
  font-size: 22px;
}
html.cs-page-luminous-3d-lighting .problem-heading i {
  color: #c83232;
}
html.cs-page-luminous-3d-lighting .case-study .outcome-light {
  --body: #6f6f6f;
  --heading: #101d30;
  background-color: #f0f0ff;
}
html.cs-page-luminous-3d-lighting .outcome-light .outcome-pointer {
  color: #535d6c;
}
@media (max-width:700px) {
  html.cs-page-luminous-3d-lighting .challenge-focus-pair h4,html.cs-page-luminous-3d-lighting .response-heading i {
    font-size: 20px;
  }
  html.cs-page-luminous-3d-lighting .workflow-stage {
    padding: 0;
    display:none !important;
  }
  html.cs-page-luminous-3d-lighting .brief-visual img {
    height: 380px;
  }
  html.cs-page-luminous-3d-lighting .outcome-light {
    background-attachment: scroll !important;
  }
  html.cs-page-luminous-3d-lighting .d41-case-study #workflow .template-workflow
  {
    grid-template-columns: 1fr !important;
  }
}
html.cs-page-luminous-3d-lighting .project-details-grid {
  margin: 0;
  display: grid;
  border-top: 1px solid rgba(255,255,255,.18);
  border-left: 1px solid rgba(255,255,255,.18);
}
html.cs-page-luminous-3d-lighting .project-detail {
  border-right: 1px solid rgba(255,255,255,.18);
  border-bottom: 1px solid rgba(255,255,255,.18);
}
html.cs-page-luminous-3d-lighting .project-detail dt {
  display: flex;
  align-items: center;
}
html.cs-page-luminous-3d-lighting .project-detail dt i {
  color: #ff8299;
}
html.cs-page-luminous-3d-lighting .challenge-stage {
  display: flex;
  flex-direction: column;
}
html.cs-page-luminous-3d-lighting .challenge-stage>.comparison-heading {
  flex-shrink: 0;
}
html.cs-page-luminous-3d-lighting .challenge-stage .comparison-heading .eyebrow {
  margin-bottom: 10px;
}
html.cs-page-luminous-3d-lighting .challenge-stage .comparison-heading h2 {
  font-size: 34px;
  line-height: 1.14;
}
html.cs-page-luminous-3d-lighting .challenge-stage .comparison-heading>p {
  font-size: 16px;
  line-height: 1.6;
}
html.cs-page-luminous-3d-lighting .challenge-navigation,html.cs-page-luminous-3d-lighting .challenge-segments {
  flex-shrink: 0;
}
html.cs-page-luminous-3d-lighting .challenge-focus {
  overflow-y: auto;
}
html.cs-page-luminous-3d-lighting .challenge-focus-heading {
  flex-shrink: 0;
}
html.cs-page-luminous-3d-lighting .challenge-focus-pair {
  flex: 1 0 auto;
}
html.cs-page-luminous-3d-lighting .challenge-focus-pair h4 {
  font-size: 28px;
  line-height: 1.25;
  margin-bottom: 16px;
}
@media (max-width:1000px) {
  html.cs-page-luminous-3d-lighting .challenge-stage .comparison-heading h2 {
    font-size: 30px;
  }
}
@media (max-width:700px) {
  html.cs-page-luminous-3d-lighting .challenge-stage>.comparison-heading {
    grid-template-columns: 1fr;
  }
  html.cs-page-luminous-3d-lighting .challenge-stage .comparison-heading>p {
    display: none;
  }
  html.cs-page-luminous-3d-lighting .challenge-stage .comparison-heading .eyebrow {
    margin-bottom: 6px;
  }
  html.cs-page-luminous-3d-lighting .challenge-stage .comparison-heading h2 {
    font-size: 28px;
  }
  html.cs-page-luminous-3d-lighting .challenge-focus {
    flex-basis: 440px;
  }
  html.cs-page-luminous-3d-lighting .challenge-focus-pair h4 {
    font-size: 28px;
  }
}
html.cs-page-luminous-3d-lighting .challenge-focus {
  border-radius: 20px;
  background: #fff;
  border: 1px solid #e1e5ec;
}
html.cs-page-luminous-3d-lighting .challenge-focus-heading {
  padding: 16px 28px 22px;
  background: linear-gradient(135deg,#0e1d31,#18233a);
  border-bottom: 3px solid #ee4865;
}
html.cs-page-luminous-3d-lighting .case-study .challenge-focus-heading h3 {
  line-height: 1.2;
  margin: 0;
  font-weight: 600;
}
html.cs-page-luminous-3d-lighting .challenge-focus-problem,html.cs-page-luminous-3d-lighting .challenge-focus-response {
  padding: 28px;
  justify-content: flex-start;
  background: #fff;
}
html.cs-page-luminous-3d-lighting .challenge-focus-response {
  border-left: 1px solid #dfe3e9;
}
html.cs-page-luminous-3d-lighting .challenge-focus-pair .response-heading {
  display: flex;
}
html.cs-page-luminous-3d-lighting .challenge-focus-pair .response-heading i {
  display: block;
  line-height: 1;
}
html.cs-page-luminous-3d-lighting .challenge-focus-pair .response-heading h4 {
  font-weight: 600;
  margin: 0;
}
html.cs-page-luminous-3d-lighting .challenge-focus-pair p {
  margin: 0;
}
html.cs-page-luminous-3d-lighting .case-study .problem-heading h4,html.cs-page-luminous-3d-lighting .challenge-focus-pair .problem-heading i {
  color: #ce3335;
}
html.cs-page-luminous-3d-lighting .case-study .challenge-focus-response h4,html.cs-page-luminous-3d-lighting .challenge-focus-response .response-heading i {
  color: #16864b;
}
@media (max-width:700px) {
  html.cs-page-luminous-3d-lighting .challenge-focus-heading {
    padding: 18px 22px;
  }
  html.cs-page-luminous-3d-lighting .challenge-focus-problem,html.cs-page-luminous-3d-lighting .challenge-focus-response {
    padding: 24px;
  }
  html.cs-page-luminous-3d-lighting .challenge-focus-response {
    border-left: 0;
    border-top: 1px solid #dfe3e9;
  }
}
html.cs-page-luminous-3d-lighting {
  --viewport-height: 100vh;
}
@supports (height:100svh) {
  html.cs-page-luminous-3d-lighting {
    --viewport-height: 100svh;
  }
}
html.cs-page-luminous-3d-lighting {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
html.cs-page-luminous-3d-lighting .case-study * {
  min-width: 0;
}
html.cs-page-luminous-3d-lighting .case-study p,html.cs-page-luminous-3d-lighting .case-study dd,html.cs-page-luminous-3d-lighting .case-study h2,html.cs-page-luminous-3d-lighting .case-study h3 {
  overflow-wrap: break-word;
}
html.cs-page-luminous-3d-lighting .hero-location {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 20px;
  margin: 0 0 22px;
  padding-left: 14px;
  border-left: 3px solid #ee4865;
}
html.cs-page-luminous-3d-lighting .hero-country {
  display: flex;
  align-items: center;
  gap: 10px;
}
html.cs-page-luminous-3d-lighting .hero-country img {
  width: 34px;
  height: auto;
  display: block;
  flex-shrink: 0;
  border: 1px solid #e0e4eb;
}
html.cs-page-luminous-3d-lighting .hero-country span {
  font-size: 16px;
  line-height: 1.5;
  color: #c92145;
  font-weight: 500;
}
html.cs-page-luminous-3d-lighting .hero-location strong {
  font-size: 18px;
  line-height: 1.5;
  color: #101d30;
  font-weight: 600;
}
html.cs-page-luminous-3d-lighting .project-details-grid {
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 32px 36px;
  border: 0;
}
html.cs-page-luminous-3d-lighting .project-detail {
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
}
html.cs-page-luminous-3d-lighting .project-detail dt {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  gap: 10px;
  color: #b8cbe5;
}
html.cs-page-luminous-3d-lighting .project-detail dt i {
  font-size: 18px;
  flex-shrink: 0;
}
html.cs-page-luminous-3d-lighting .project-detail dd {
  margin: 12px 0 0;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 500;
  color: #fff;
}
html.cs-page-luminous-3d-lighting .flip-inner {
  -webkit-transform-style: preserve-3d;
}
html.cs-page-luminous-3d-lighting .flip-front,html.cs-page-luminous-3d-lighting .flip-back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
html.cs-page-luminous-3d-lighting .challenge-stage {
  position: -webkit-sticky;
  position: sticky;
}
@media (max-width:1000px) {
  html.cs-page-luminous-3d-lighting .project-details-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 28px 32px;
  }
}
@media (max-width:620px) {
  html.cs-page-luminous-3d-lighting .hero-location {
    display: block;
  }
  html.cs-page-luminous-3d-lighting .hero-location strong {
    display: block;
    margin-top: 7px;
  }
  html.cs-page-luminous-3d-lighting .project-details-grid {
    gap: 26px 22px;
  }
  html.cs-page-luminous-3d-lighting .project-detail dd {
    font-size: 16px;
  }
  html.cs-page-luminous-3d-lighting .project-detail dt {
    font-size: 16px;
  }
  html.cs-page-luminous-3d-lighting .case-study a.contact-link {
    max-width: 100%;
  }
  html.cs-page-luminous-3d-lighting .challenge-nav-actions {
    flex-shrink: 0;
  }
}
@media (max-width:380px) {
  html.cs-page-luminous-3d-lighting .project-details-grid {
    grid-template-columns: 1fr;
  }
  html.cs-page-luminous-3d-lighting .hero-country img {
    width: 30px;
  }
  html.cs-page-luminous-3d-lighting .challenge-navigation {
    flex-wrap: wrap;
    gap: 8px;
  }
  html.cs-page-luminous-3d-lighting .challenge-scroll-hint {
    max-width: none;
  }
  html.cs-page-luminous-3d-lighting .feature-tab {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width:767px) {
  html.cs-page-luminous-3d-lighting .hero-art {
    display: none !important;
  }
  html.cs-page-luminous-3d-lighting .hero-layout,html.cs-page-luminous-3d-lighting .brief-layout {
    grid-template-columns: minmax(0,1fr) !important;
  }
  html.cs-page-luminous-3d-lighting .case-study>section {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  html.cs-page-luminous-3d-lighting .hero-section h1 {
    font-size: clamp(32px,7.5vw,44px) !important;
    line-height: 1.15 !important;
  }
  html.cs-page-luminous-3d-lighting .case-study h2 {
    font-size: clamp(26px,6vw,32px) !important;
    line-height: 1.25 !important;
  }
  html.cs-page-luminous-3d-lighting .hero-section p {
    font-size: 16px !important;
    line-height: 1.7 !important;
    max-width: 100% !important;
  }
  html.cs-page-luminous-3d-lighting .hero-actions {
    gap: 12px !important;
  }
  html.cs-page-luminous-3d-lighting .hero-actions a {
    min-height: 48px;
    justify-content: center;
  }
  html.cs-page-luminous-3d-lighting .client-brief,html.cs-page-luminous-3d-lighting .client-brief .brief-paragraphs p,html.cs-page-luminous-3d-lighting .client-brief .brief-facts {
    text-align: center !important;
  }
  html.cs-page-luminous-3d-lighting .client-brief .brief-paragraphs {
    max-width: 560px;
    margin: 0 auto 28px;
  }
  html.cs-page-luminous-3d-lighting .client-brief .brief-paragraphs p {
    font-size: 16px;
    line-height: 1.75;
  }
  html.cs-page-luminous-3d-lighting .brief-facts {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 20px !important;
    max-width: 420px;
    margin: 0 auto;
  }
  html.cs-page-luminous-3d-lighting .brief-visual {
    max-width: 300px;
  }
  html.cs-page-luminous-3d-lighting .brief-visual figcaption {
    text-align: center;
    border-left: 0;
    padding-left: 0;
  }
  html.cs-page-luminous-3d-lighting .brief-visual figcaption:before {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background: #ee4865;
    margin: 0 auto 12px;
  }
  html.cs-page-luminous-3d-lighting .feature-tab {
    min-height: 48px;
  }
}

/* D41 Luminous editorial refinements */
html.cs-page-luminous-3d-lighting .d41-case-study .platform-scope-state{margin-bottom:10px}
html.cs-page-luminous-3d-lighting .d41-case-study .outputs-context{display:grid;gap:0;margin-top:30px}
html.cs-page-luminous-3d-lighting .d41-case-study .outputs-context>div{padding:17px 0;border-top:1px solid var(--d41-line)}
html.cs-page-luminous-3d-lighting .d41-case-study .outputs-context span{display:block;margin-bottom:7px;color:var(--d41-pink);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
html.cs-page-luminous-3d-lighting .d41-case-study .outputs-context strong{display:block;color:var(--d41-ink);font-size:14px;line-height:1.55;font-weight:600}
html.cs-page-luminous-3d-lighting .d41-case-study .support-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#f7f9fc 100%)}
html.cs-page-luminous-3d-lighting .d41-case-study .support-section:before{content:"";position:absolute;top:0;right:7%;width:180px;height:3px;background:linear-gradient(90deg,var(--d41-pink),transparent)}
html.cs-page-luminous-3d-lighting .d41-case-study .support-section .birdi-presentation-28{max-width:820px}
html.cs-page-luminous-3d-lighting .d41-case-study .support-section>.container>.brief-paragraphs{max-width:760px;margin-bottom:34px}
html.cs-page-luminous-3d-lighting .d41-case-study .support-flow{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 72px;margin:0;padding:0}
html.cs-page-luminous-3d-lighting .d41-case-study .support-flow li{position:relative;display:grid;grid-template-columns:46px 1fr;gap:18px;align-items:start;padding:0;background:transparent;border:0;box-shadow:none}
html.cs-page-luminous-3d-lighting .d41-case-study .support-flow li:before{content:"";position:absolute;left:19px;top:38px;bottom:-26px;width:1px;background:linear-gradient(var(--d41-pink),rgba(238,72,101,0))}
html.cs-page-luminous-3d-lighting .d41-case-study .support-flow li:nth-last-child(-n+2):before{display:none}
html.cs-page-luminous-3d-lighting .d41-case-study .support-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--d41-navy);color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;box-shadow:0 8px 22px rgba(16,29,48,.16)}
html.cs-page-luminous-3d-lighting .d41-case-study .support-flow strong{display:block;margin:1px 0 7px;color:var(--d41-ink);font-size:17px;line-height:1.35}
html.cs-page-luminous-3d-lighting .d41-case-study .support-flow p{margin:0;color:var(--d41-body);font-size:14px;line-height:1.65}
html.cs-page-luminous-3d-lighting .d41-case-study .support-section .template-note{margin-top:42px}

@media(max-width:767px){
 html.cs-page-luminous-3d-lighting .d41-case-study .support-flow{grid-template-columns:1fr;gap:30px}
 html.cs-page-luminous-3d-lighting .d41-case-study .support-flow li:before{bottom:-22px}
 html.cs-page-luminous-3d-lighting .d41-case-study .support-flow li:nth-last-child(2):before{display:block}
 html.cs-page-luminous-3d-lighting .d41-case-study .support-flow li:last-child:before{display:none}
}

/* Energy Glazing case-study adaptations. Template typography, spacing and colour tokens remain unchanged. */
html.cs-page-luminous-3d-lighting .context-copy{max-width:920px;margin:0 auto;text-align:center;}
html.cs-page-luminous-3d-lighting .project-figure{margin:34px 0 0;}
html.cs-page-luminous-3d-lighting .project-figure img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 20px 44px rgba(16,29,48,.16),0 5px 12px rgba(16,29,48,.08);}
html.cs-page-luminous-3d-lighting .project-figure figcaption{margin-top:14px;padding-left:16px;border-left:2px solid #ee4865;color:#6f6f6f;font-size:15px;line-height:1.6;}
html.cs-page-luminous-3d-lighting .hero-art.project-figure{margin:0;}
html.cs-page-luminous-3d-lighting .hero-art.project-figure figcaption{position:relative;z-index:2;}
html.cs-page-luminous-3d-lighting .full-project-figure{margin-top:42px;}
html.cs-page-luminous-3d-lighting .selected-approach{border-color:#ee4865;box-shadow:0 18px 40px rgba(238,72,101,.12);}
html.cs-page-luminous-3d-lighting .selected-approach:before{background:#ee4865;}
html.cs-page-luminous-3d-lighting .build-status,html.cs-page-luminous-3d-lighting .human-control-panel>.scope-group,html.cs-page-luminous-3d-lighting .value-note{padding:26px;border:1px solid #e0e5eb;border-radius:16px;background:#f7f8fa;}
html.cs-page-luminous-3d-lighting .human-control-panel{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);align-items:center;}
html.cs-page-luminous-3d-lighting .boundary-groups,html.cs-page-luminous-3d-lighting .functional-scope{grid-template-columns:repeat(2,minmax(0,1fr));}
html.cs-page-luminous-3d-lighting .not-claimed h4,html.cs-page-luminous-3d-lighting .not-claimed h4 i{color:#c92145;}
html.cs-page-luminous-3d-lighting .not-claimed li i{color:#ee4865;}
html.cs-page-luminous-3d-lighting .scope-note{max-width:920px;margin:30px auto 0;text-align:center;}
html.cs-page-luminous-3d-lighting .pending-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
html.cs-page-luminous-3d-lighting .workflow-project-figure{margin-top:28px;}
html.cs-page-luminous-3d-lighting .workflow-project-figure figcaption{color:#bdcbe0;}
html.cs-page-luminous-3d-lighting .value-note p{margin:12px 0 0;color:#535d6c;font-size:16px;line-height:1.7;}
html.cs-page-luminous-3d-lighting .feature-item p+p{margin-top:8px;}
html.cs-page-luminous-3d-lighting .feature-item strong{color:#c92145;font-weight:600;}
@media (max-width:900px){
  html.cs-page-luminous-3d-lighting .boundary-groups,html.cs-page-luminous-3d-lighting .functional-scope,html.cs-page-luminous-3d-lighting .pending-grid{grid-template-columns:1fr;}
  html.cs-page-luminous-3d-lighting .human-control-panel{grid-template-columns:1fr;}
}
@media (max-width:767px){
  html.cs-page-luminous-3d-lighting .hero-art.project-figure{display:block!important;margin-top:32px;}
  html.cs-page-luminous-3d-lighting .hero-art.project-figure figcaption{text-align:center;border-left:0;padding-left:0;}
  html.cs-page-luminous-3d-lighting .project-figure figcaption{font-size:14px;}
  html.cs-page-luminous-3d-lighting .context-copy{text-align:center;}
}
@media (max-width:480px) {
  html.cs-page-luminous-3d-lighting .hero-actions {
    flex-direction: column;
    align-items: stretch;
  }
  html.cs-page-luminous-3d-lighting .hero-actions a {
    padding: 14px 18px !important;
    text-align: center;
  }
  html.cs-page-luminous-3d-lighting .hero-section h1 {
    letter-spacing: -.025em !important;
  }
}
html.cs-page-luminous-3d-lighting .birdi-gradient-label::after {
  content: "";
  display: block;
  width: 72px;
  height: 3px;
  margin: 12px auto 0;
  border-radius: 3px;
  background: linear-gradient(90deg,#ee4865 0%,#ff8299 48%,rgba(255,130,153,0) 100%);
}
html.cs-page-luminous-3d-lighting .hero-location .hero-country {
  gap: 14px;
}
html.cs-page-luminous-3d-lighting .hero-location .hero-country img {
  width: 48px;
}
html.cs-page-luminous-3d-lighting .hero-location .hero-country span {
  font-size: 26px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -.02em;
}
@media (max-width:767px) {
  html.cs-page-luminous-3d-lighting .hero-location .hero-country img {
    width: 42px;
  }
  html.cs-page-luminous-3d-lighting .hero-location .hero-country span {
    font-size: 23px;
  }
}
html.cs-page-luminous-3d-lighting .client-brief .brief-visual {
  width: min(100%,420px);
  max-width: 420px;
}
html.cs-page-luminous-3d-lighting .client-brief .brief-visual img {
  height: auto;
  object-fit: contain;
  box-shadow: 0 20px 44px rgba(16,29,48,.16),0 5px 12px rgba(16,29,48,.08);
}
html.cs-page-luminous-3d-lighting .need-grid {
  grid-auto-rows: auto;
}
html.cs-page-luminous-3d-lighting .need-grid .need-static {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  row-gap: 0;
  height: auto;
}
html.cs-page-luminous-3d-lighting .need-grid .need-copy {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  row-gap: 0;
}
@media (max-width:620px) {
  html.cs-page-luminous-3d-lighting .need-grid .need-static {
    display: block;
    grid-row: auto;
  }
  html.cs-page-luminous-3d-lighting .need-grid .need-copy {
    display: block;
    grid-row: auto;
  }
  html.cs-page-luminous-3d-lighting .client-brief .brief-visual img {
    box-shadow: 0 14px 28px rgba(16,29,48,.14),0 3px 8px rgba(16,29,48,.07);
  }
}
@media (max-width:767px) {
  html.cs-page-luminous-3d-lighting .client-brief .brief-visual {
    width: min(100%,300px);
  }
}
html.cs-page-luminous-3d-lighting .client-brief .brief-facts {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  gap: 0 !important;
  max-width: none;
  margin: 28px 0 0;
  padding: 6px 22px;
  background: #f6f7fa;
  border: 1px solid #e3e7ed;
  border-radius: 16px;
  text-align: left !important;
}
html.cs-page-luminous-3d-lighting .brief-fact {
  display: grid;
  grid-template-columns: 36px minmax(0,1fr);
  gap: 14px;
  align-items: start;
  padding: 18px 0;
}
html.cs-page-luminous-3d-lighting .brief-fact+.brief-fact {
  border-top: 1px solid #dfe4ec;
}
html.cs-page-luminous-3d-lighting .brief-fact-icon {
  display: grid;
  place-items: center;
  height: 36px;
  border-radius: 10px;
  background: #fce7ed;
  color: #c92145;
  font-size: 17px;
}
html.cs-page-luminous-3d-lighting .case-study .brief-fact h3 {
  font-size: 17px;
  line-height: 1.45;
  font-weight: 600;
  margin: 0 0 5px;
  color: #101d30;
}
html.cs-page-luminous-3d-lighting .brief-fact p {
  font-size: 16px;
  line-height: 1.65;
  margin: 0;
  color: #535d6c;
}
html.cs-page-luminous-3d-lighting .challenge-mobile {
  display: none;
}
html.cs-page-luminous-3d-lighting .challenge-focus {
  height: auto;
  min-height: 0;
  max-height: none;
  flex: 0 0 auto;
  overflow: hidden;
  box-shadow: none;
}
html.cs-page-luminous-3d-lighting .challenge-stage {
  max-height: none;
}
html.cs-page-luminous-3d-lighting .challenge-stage>.comparison-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
  margin-bottom: 28px;
}
html.cs-page-luminous-3d-lighting .challenge-stage>.comparison-heading>div {
  width: 100%;
}
html.cs-page-luminous-3d-lighting .challenge-stage>.comparison-heading>p {
  max-width: 680px;
  margin: 0;
  color: #626b78;
  font-size: 16px;
  line-height: 1.7;
}
html.cs-page-luminous-3d-lighting .challenge-stage>.comparison-heading .eyebrow {
  margin-bottom: 12px;
}
html.cs-page-luminous-3d-lighting .challenge-navigation {
  margin-bottom: 20px;
}
html.cs-page-luminous-3d-lighting .challenge-mobile-heading {
  text-align: center;
}
html.cs-page-luminous-3d-lighting .challenge-mobile-description {
  max-width: 680px;
  margin: 16px auto 0;
  font-size: 16px;
  line-height: 1.7;
  color: #626b78;
}
html.cs-page-luminous-3d-lighting .challenge-mobile-hint {
  font-size: 16px;
  line-height: 1.5;
  color: #626b78;
  margin: 0 0 16px;
}
html.cs-page-luminous-3d-lighting .challenge-focus-pair {
  animation: none;
}
html.cs-page-luminous-3d-lighting .challenge-focus-pair .response-heading {
  flex-direction: row;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}
html.cs-page-luminous-3d-lighting .challenge-focus-pair .response-heading i {
  font-size: 22px;
}
html.cs-page-luminous-3d-lighting .challenge-focus-pair .response-heading h4 {
  font-size: 21px;
  line-height: 1.35;
}
html.cs-page-luminous-3d-lighting .challenge-focus-pair p {
  font-size: 16px;
  line-height: 1.7;
  color: #535d6c;
}
html.cs-page-luminous-3d-lighting .case-study .challenge-focus-heading h3 {
  font-size: 28px;
}
html.cs-page-luminous-3d-lighting .related-section {
  background: #101d30;
  color: #f7f9fc;
  padding: clamp(48px,6vw,72px) 0;
}
html.cs-page-luminous-3d-lighting .related-heading {
  max-width: 720px;
  margin-bottom: 28px;
}
html.cs-page-luminous-3d-lighting .related-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.25;
  margin: 0;
  color: #f7f9fc;
}
html.cs-page-luminous-3d-lighting .related-heading h2 span {
  color: #ff8299;
}
html.cs-page-luminous-3d-lighting .related-all-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  min-height: 44px;
  font-size: 16px;
  line-height: 1.4;
  color: #f7f9fc;
}
html.cs-page-luminous-3d-lighting .related-all-link:hover { color: #ff8299; }
html.cs-page-luminous-3d-lighting .related-all-link:focus-visible { outline: 3px solid #ff8299; outline-offset: 4px; }
html.cs-page-luminous-3d-lighting .related-switcher {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0 0 24px;
}
html.cs-page-luminous-3d-lighting .related-switcher button {
  font: inherit;
  font-size: 16px;
  line-height: 1.4;
  min-height: 44px;
  min-width: 44px;
  border: 1px solid #4b596e;
  border-radius: 8px;
  color: #f7f9fc;
  background: transparent;
  padding: 10px 16px;
}
html.cs-page-luminous-3d-lighting .related-switcher button[aria-pressed="true"] {
  background: #f7f9fc;
  color: #101d30;
  border-color: #f7f9fc;
}
html.cs-page-luminous-3d-lighting .related-card {
  border: 1px solid #39475b;
  border-radius: 18px;
  background: #16253a;
  padding: 32px;
  min-width: 0;
}
html.cs-page-luminous-3d-lighting .related-card-tag {
  color: #ff8299;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 12px;
}
html.cs-page-luminous-3d-lighting .case-study .related-card h3 {
  font-size: clamp(24px,2.7vw,32px);
  line-height: 1.3;
  color: #f7f9fc;
  margin: 0 0 28px;
  max-width: 780px;
}
html.cs-page-luminous-3d-lighting .related-comparison {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 32px;
}
html.cs-page-luminous-3d-lighting .related-card h4 {
  font-size: 17px;
  line-height: 1.4;
  font-weight: 600;
  color: #f7f9fc;
  margin: 0 0 10px;
}
html.cs-page-luminous-3d-lighting .related-card p {
  font-size: 16px;
  line-height: 1.75;
  overflow-wrap: anywhere;
}
html.cs-page-luminous-3d-lighting .related-comparison p {
  color: #bdcbe0;
  margin: 0;
}
html.cs-page-luminous-3d-lighting .related-result {
  margin-top: 28px;
  padding: 24px 0 0;
  border-top: 1px solid #3d4b60;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: end;
  gap: 28px;
}
html.cs-page-luminous-3d-lighting .related-result p {
  color: #bdcbe0;
  margin: 0;
  max-width: 780px;
}
html.cs-page-luminous-3d-lighting .related-result a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #f7f9fc;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 2px solid #ff8299;
  padding: 10px 0;
}
@media (max-width:899px),(max-height:650px) {
  html.cs-page-luminous-3d-lighting .challenge-story {
    display: none;
  }
  html.cs-page-luminous-3d-lighting .challenge-mobile {
    display: block;
  }
  html.cs-page-luminous-3d-lighting .challenge-mobile-heading {
    margin-bottom: 24px;
  }
  html.cs-page-luminous-3d-lighting .case-study .challenge-mobile-heading h2 {
    font-size: 30px;
    line-height: 1.25;
    margin: 0;
    color: #101d30;
  }
  html.cs-page-luminous-3d-lighting .challenge-mobile-heading h2 span {
    color: #c92145;
  }
  html.cs-page-luminous-3d-lighting .challenge-disclosures {
    display: grid;
    gap: 10px;
  }
  html.cs-page-luminous-3d-lighting .challenge-disclosure {
    border: 1px solid #dce2eb;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
  }
  html.cs-page-luminous-3d-lighting .challenge-disclosure summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    list-style: none;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
    color: #101d30;
    cursor: pointer;
  }
  html.cs-page-luminous-3d-lighting .challenge-disclosure summary::-webkit-details-marker {
    display: none;
  }
  html.cs-page-luminous-3d-lighting .challenge-disclosure summary i {
    font-size: 16px;
    color: #c92145;
    flex-shrink: 0;
    transition: transform .18s;
  }
  html.cs-page-luminous-3d-lighting .challenge-disclosure[open] summary {
    background: #101d30;
    color: #fff;
  }
  html.cs-page-luminous-3d-lighting .challenge-disclosure[open] summary i {
    transform: rotate(180deg);
    color: #ff8299;
  }
  html.cs-page-luminous-3d-lighting .challenge-disclosure-body {
    padding: 20px;
  }
  html.cs-page-luminous-3d-lighting .challenge-disclosure-body>div+div {
    border-top: 1px solid #e2e6ed;
    padding-top: 18px;
    margin-top: 18px;
  }
  html.cs-page-luminous-3d-lighting .challenge-disclosure h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 8px;
    color: #101d30;
  }
  html.cs-page-luminous-3d-lighting .challenge-disclosure .mobile-response h3 {
    color: #c92145;
  }
  html.cs-page-luminous-3d-lighting .challenge-disclosure p {
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
    color: #535d6c;
  }
}
@media (max-width:767px) {
  html.cs-page-luminous-3d-lighting .client-brief .brief-paragraphs p {
    text-align: left !important;
  }
  html.cs-page-luminous-3d-lighting .client-brief .brief-facts {
    text-align: left !important;
    padding: 4px 18px;
  }
  html.cs-page-luminous-3d-lighting .brief-fact {
    grid-template-columns: 32px minmax(0,1fr);
    gap: 12px;
    padding: 17px 0;
  }
  html.cs-page-luminous-3d-lighting .brief-fact-icon {
    height: 32px;
    font-size: 16px;
  }
  html.cs-page-luminous-3d-lighting .related-card {
    padding: 22px;
    border-radius: 14px;
  }
  html.cs-page-luminous-3d-lighting .related-comparison {
    grid-template-columns: minmax(0,1fr);
    gap: 22px;
  }
  html.cs-page-luminous-3d-lighting .related-result {
    grid-template-columns: minmax(0,1fr);
    gap: 18px;
    margin-top: 22px;
    padding-top: 22px;
  }
  html.cs-page-luminous-3d-lighting .case-study .related-card h3 {
    font-size: 25px;
    margin-bottom: 24px;
  }
  html.cs-page-luminous-3d-lighting .related-result a {
    justify-self: start;
  }
  html.cs-page-luminous-3d-lighting .related-switcher {
    gap: 8px;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-luminous-3d-lighting .challenge-disclosure summary i {
    transition: none;
  }
}
html.cs-page-luminous-3d-lighting .birdi-summary {
  background: radial-gradient(ellipse at 3% 100%,rgba(238,72,101,.25) 0%,rgba(238,72,101,.08) 34%,transparent 64%),radial-gradient(ellipse at 100% 0%,rgba(255,130,153,.17) 0%,transparent 58%),linear-gradient(115deg,#101d30 0%,#14243b 52%,#101d30 100%);
  color: #f6f8fc;
  padding: 40px 0;
}
html.cs-page-luminous-3d-lighting .birdi-summary-inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 48px;
  align-items: stretch;
}
html.cs-page-luminous-3d-lighting .birdi-summary-identity {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
html.cs-page-luminous-3d-lighting .birdi-summary-client {
  display: flex;
  gap: 18px;
  align-items: center;
  width: 100%;
}
html.cs-page-luminous-3d-lighting .birdi-summary .birdi-client-name {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.035em;
  margin: 0;
  color: #f6f8fc;
}
html.cs-page-luminous-3d-lighting .birdi-summary-sector {
  font-size: 16px;
  color: #bdc8d9;
  border-left: 1px solid #445063;
  padding-left: 18px;
}
html.cs-page-luminous-3d-lighting .birdi-summary .birdi-solution {
  font-size: 23px;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: -.025em;
  max-width: 420px;
  margin: 20px 0 22px;
  color: #f6f8fc;
}
html.cs-page-luminous-3d-lighting .birdi-summary-status {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 16px;
  line-height: 1.4;
  color: #f6f8fc;
  margin-top: auto;
}
html.cs-page-luminous-3d-lighting .birdi-summary-status i {
  color: #ff8299;
  font-size: 16px;
}
html.cs-page-luminous-3d-lighting .birdi-summary-facts {
  display: grid;
  grid-template-columns: 1fr 1.12fr;
  column-gap: 32px;
  row-gap: 24px;
  margin: 0;
  padding: 3px 0 3px 40px;
  border-left: 1px solid #394558;
  align-content: space-between;
}
html.cs-page-luminous-3d-lighting .birdi-summary-facts>div {
  min-width: 0;
}
html.cs-page-luminous-3d-lighting .birdi-summary-facts dt {
  font-size: 16px;
  line-height: 1.4;
  color: #bdc8d9;
  margin: 0 0 8px;
  font-weight: 400;
}
html.cs-page-luminous-3d-lighting .birdi-summary-facts dd {
  font-size: 18px;
  line-height: 1.5;
  color: #f6f8fc;
  font-weight: 500;
  margin: 0;
}
@media (max-width:1000px) {
  html.cs-page-luminous-3d-lighting .birdi-summary-inner {
    gap: 28px;
    grid-template-columns: 1fr 1.25fr;
  }
  html.cs-page-luminous-3d-lighting .birdi-summary-facts {
    padding-left: 28px;
    column-gap: 24px;
  }
  html.cs-page-luminous-3d-lighting .birdi-summary .birdi-solution {
    font-size: 21px;
  }
}
@media (max-width:767px) {
  html.cs-page-luminous-3d-lighting .birdi-summary {
    padding: 30px 0;
  }
  html.cs-page-luminous-3d-lighting .birdi-summary-inner {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  html.cs-page-luminous-3d-lighting .birdi-summary .birdi-solution {
    font-size: 22px !important;
    max-width: 520px;
    margin: 16px 0 18px;
  }
  html.cs-page-luminous-3d-lighting .birdi-summary-facts {
    border-left: 0;
    border-top: 1px solid #394558;
    padding: 24px 0 0;
    gap: 22px 24px;
    grid-template-columns: 1fr 1fr;
  }
  html.cs-page-luminous-3d-lighting .birdi-summary-facts dd {
    font-size: 16px;
  }
  html.cs-page-luminous-3d-lighting .birdi-summary .birdi-client-name {
    font-size: 30px;
  }
}
@media (max-width:359px) {
  html.cs-page-luminous-3d-lighting .birdi-summary-facts {
    grid-template-columns: 1fr;
  }
}

/* Fixed presentation exported from the approved page. */
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-1, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-1 { font-family: Lexend, sans-serif; background: rgb(255, 255, 255); color: rgb(16, 29, 48); }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-2, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-2 { background: rgb(255, 255, 255); padding: clamp(56px, 7vw, 84px) 0px; position: relative; overflow: hidden; }
/* html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-3, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-3 { max-width: 1180px; margin: 0px auto; padding: 0px 24px; } */
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-4, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-4 { align-items: center; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-5, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-5 { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-6, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-6 { height: 2px; width: 38px; background: linear-gradient(90deg, rgb(238, 72, 101), rgb(213, 31, 63)); }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-7, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-7 { font-size: 16px; font-weight: 700; letter-spacing: 0.16em; color: rgb(238, 72, 101); }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-8, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-8 { font-size: clamp(2.05rem, 4vw, 4rem); line-height: 1.06; font-weight: 700; margin: 0px 0px 22px; letter-spacing: -0.01em; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-9, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-9 { color: rgb(238, 72, 101); }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-10, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-10 { font-size: 17px; line-height: 1.7; color: var(--body); margin: 0px 0px 30px; max-width: 470px; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-11, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-11 { display: flex; flex-wrap: wrap; gap: 14px; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-12, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-12 { display: inline-flex; align-items: center; gap: 10px; background: linear-gradient(135deg, rgb(238, 72, 101) 0%, rgb(213, 31, 63) 100%); color: rgb(255, 255, 255); font-weight: 600; font-size: 16px; padding: 15px 28px; border-radius: 10px; box-shadow: rgba(213, 31, 63, 0.26) 0px 12px 26px; transition: transform 0.25s, box-shadow 0.25s; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-13, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-13 { font-size: 16px; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-14, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-14 { position: relative; display: flex; justify-content: center; padding: 24px 0px; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-15, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-15 { position: absolute; inset: auto 12% 6%; height: 78%; background: rgb(243, 243, 243); border-radius: 16px; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-16, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-16 { position: relative; width: 100%; max-width: 262px; border-radius: 12px; overflow: hidden; box-shadow: rgba(16, 29, 48, 0.24) 0px 34px 74px, rgba(16, 29, 48, 0.1) 0px 6px 16px; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-17, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-17 { display: block; width: 100%; height: auto; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-18, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-18 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)); gap: 24px; margin-top: clamp(36px, 5vw, 56px); padding-top: 28px; border-top: 1px solid rgba(16, 29, 48, 0.1); }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-19, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-19 { display: flex; align-items: flex-start; gap: 12px; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-20, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-20 { color: rgb(238, 72, 101); font-size: 16px; margin-top: 4px; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-21, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-21 { font-size: 16px; font-weight: 700; margin-bottom: 3px; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-22, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-22 { font-size: 16px; color: var(--body); line-height: 1.45; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-23, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-23 { background: rgb(255, 255, 255); padding: clamp(56px, 7vw, 84px) 0px; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-24, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-24 { max-width: 720px; margin: 0px auto clamp(32px, 4vw, 48px); text-align: center; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-25, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-25 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.16em; color: rgb(238, 72, 101); font-weight: 700; margin-bottom: 16px; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-26, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-26 { font-size: clamp(1.55rem, 2.4vw, 2.1rem); font-weight: 700; line-height: 1.25; margin: 0px; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-27, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-27 { background: rgb(243, 243, 243); padding: clamp(56px, 7vw, 84px) 0px; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-28, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-28 { max-width: 740px; margin: 0px auto clamp(32px, 4vw, 48px); text-align: center; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-29, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-29 { font-size: clamp(1.55rem, 2.4vw, 2.1rem); font-weight: 700; line-height: 1.25; margin: 0px 0px 18px; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-30, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-30 { font-size: 16px; line-height: 1.75; color: var(--body); margin: 0px; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-31, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-31 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(32px, 5vw, 64px); align-items: center; margin-bottom: clamp(36px, 5vw, 56px); }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-32, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-32 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.16em; color: rgb(238, 72, 101); font-weight: 700; margin-bottom: 18px; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-33, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-33 { font-size: clamp(1.55rem, 2.4vw, 2.1rem); font-weight: 700; line-height: 1.25; margin: 0px 0px 20px; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-34, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-34 { font-size: 16px; line-height: 1.75; color: var(--body); margin: 0px 0px 14px; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-35, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-35 { display: flex; justify-content: center; gap: 16px; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-36, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-36 { width: 46%; max-width: 190px; border-radius: 12px; overflow: hidden; box-shadow: rgba(16, 29, 48, 0.18) 0px 24px 54px; align-self: flex-start; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-37, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-37 { width: 46%; max-width: 190px; border-radius: 12px; overflow: hidden; box-shadow: rgba(16, 29, 48, 0.18) 0px 24px 54px; align-self: flex-end; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-38, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-38 { width: 10%; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-39, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-39 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(28px, 4vw, 52px); align-items: center; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-40, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-40 { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-41, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-41 { width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(135deg, rgb(238, 72, 101), rgb(213, 31, 63)); display: inline-flex; align-items: center; justify-content: center; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-42, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-42 { color: rgb(255, 255, 255); font-size: 16px; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-43, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-43 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.14em; font-weight: 700; color: rgb(16, 29, 48); }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-44, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-44 { font-size: 16px; line-height: 1.75; color: var(--body); margin: 0px 0px 26px; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-45, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-45 { display: flex; flex-direction: column; gap: 0px; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-46, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-46 { display: flex; gap: 16px; align-items: center; padding: 15px 0px; border-top: 1px solid rgba(16, 29, 48, 0.12); }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-47, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-47 { font-size: 16px; font-weight: 700; color: rgb(238, 72, 101); min-width: 22px; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-48, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-48 { font-size: 16px; line-height: 1.55; color: rgb(16, 29, 48); }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-49, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-49 { display: flex; justify-content: center; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-50, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-50 { width: 100%; max-width: 250px; border-radius: 12px; overflow: hidden; box-shadow: rgba(16, 29, 48, 0.22) 0px 28px 60px; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-51, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-51 { position: relative; overflow: hidden; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.57), rgb(239, 239, 255)), url("../../case-studies/luminous-3d-lighting/uploads/cs-chal-sol-bg.webp"); background-position: center center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; padding: clamp(56px, 7vw, 84px) 0px; color: rgb(16, 29, 48); }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-52, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-52 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(32px, 5vw, 64px); align-items: center; margin-bottom: clamp(40px, 5vw, 60px); }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-53, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-53 { position: relative; display: flex; justify-content: center; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-54, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-54 { width: 100%; max-width: 236px; border-radius: 12px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.42) 0px 30px 66px; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-55, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-55 { position: absolute; top: 12%; right: 0px; background: rgb(255, 255, 255); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.3) 0px 16px 34px; padding: 10px 15px; display: flex; align-items: center; gap: 9px; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-56, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-56 { width: 24px; height: 24px; border-radius: 50%; background: rgb(31, 158, 92); display: inline-flex; align-items: center; justify-content: center; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-57, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-57 { font-size: 16px; font-weight: 700; color: rgb(16, 29, 48); }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-58, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-58 { display: flex; align-items: center; gap: 16px; margin-bottom: 8px; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-59, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-59 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.14em; font-weight: 700; color: rgb(16, 29, 48); white-space: normal; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-60, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-60 { height: 1px; flex: 1 1 0%; background: rgba(16, 29, 48, 0.15); }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-61, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-61 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 0px 56px; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-62, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-62 { display: flex; gap: 16px; align-items: center; padding: 20px 0px; border-bottom: 1px solid rgba(16, 29, 48, 0.12); }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-63, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-63 { color: rgb(238, 72, 101); font-size: 22px; width: 24px; flex-shrink: 0; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-64, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-64 { font-size: 16px; line-height: 1.7; color: rgb(83, 93, 108); font-weight: 300; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-65, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-65 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 32px; align-items: end; margin-bottom: clamp(32px, 4vw, 44px); }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-66, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-66 { max-width: 640px; margin-bottom: clamp(32px, 4vw, 44px); }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-67, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-67 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 20px 40px; align-items: center; padding: 26px 0px; border-top: 1px solid rgba(16, 29, 48, 0.12); }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-68, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-68 { display: flex; align-items: baseline; gap: 14px; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-69, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-69 { font-size: 16px; font-weight: 700; color: rgb(238, 72, 101); }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-70, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-70 { font-size: 16.5px; font-weight: 700; line-height: 1.3; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-71, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-71 { display: flex; flex-wrap: wrap; gap: 10px; min-width: 0px; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-72, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-72 { display: flex; align-items: center; gap: 9px; background: rgb(243, 243, 243); border-radius: 8px; padding: 10px 16px; transition: background 0.3s, color 0.3s; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-73, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-73 { color: rgb(238, 72, 101); font-size: 16px; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-74, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-74 { font-size: 16px; font-weight: 600; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-75, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-75 { font-size: 16px; opacity: 1; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-76, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-76 { max-width: 1180px; margin: 0px auto; padding: 0px 24px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(32px, 5vw, 64px); align-items: center; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-77, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-77 { font-size: 16px; line-height: 1.75; color: var(--body); margin: 0px 0px 28px; max-width: 480px; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-78, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-78 { display: inline-flex; align-items: center; gap: 10px; background: linear-gradient(135deg, rgb(238, 72, 101), rgb(213, 31, 63)); color: rgb(255, 255, 255); font-weight: 600; font-size: 16px; padding: 16px 32px; border-radius: 10px; box-shadow: rgba(213, 31, 63, 0.26) 0px 14px 30px; transition: transform 0.25s, box-shadow 0.25s; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-79, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-79 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.14em; color: rgb(16, 29, 48); font-weight: 700; margin-bottom: 6px; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-80, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-80 { display: flex; align-items: center; gap: 14px; padding: 16px 0px; border-bottom: 1px solid rgba(16, 29, 48, 0.12); }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-81, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-81 { color: rgb(238, 72, 101); font-size: 16px; width: 20px; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-82, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-82 { font-size: 16px; font-weight: 500; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-83, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-83 { position: sticky; top: 70px; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-84, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-84 { font-size: clamp(1.55rem, 2.4vw, 2.1rem); font-weight: 700; line-height: 1.25; margin: 0px 0px 16px; }
html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-85, html.cs-page-luminous-3d-lighting .case-study.birdi-presentation-85 { font-size: 16px; line-height: 1.7; color: var(--body); margin: 0px; max-width: 330px; }

/* Strict-template collection additions */
html.cs-page-luminous-3d-lighting .case-study .template-secondary-cta{display:inline-flex;align-items:center;padding:14px 4px;color:#101d30;font-weight:600;border-bottom:2px solid #ee4865}html.cs-page-luminous-3d-lighting .case-study .template-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.95fr);gap:clamp(32px,5vw,64px);align-items:center}html.cs-page-luminous-3d-lighting .case-study .template-split.image-first>figure{order:-1}html.cs-page-luminous-3d-lighting .case-study .template-split .project-figure{margin:0}html.cs-page-luminous-3d-lighting .case-study .template-list{list-style:none;padding:0;margin:20px 0 0}html.cs-page-luminous-3d-lighting .case-study .template-list li{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid rgba(16,29,48,.1);font-size:16px;line-height:1.55}html.cs-page-luminous-3d-lighting .case-study .template-list li i{color:#ee4865;margin-top:4px}html.cs-page-luminous-3d-lighting .case-study .template-note{margin-top:24px;padding:20px 22px;border-left:3px solid #ee4865;background:#f5f6f8;color:#535d6c;line-height:1.7}html.cs-page-luminous-3d-lighting .case-study .template-workflow{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,64px);align-items:start}html.cs-page-luminous-3d-lighting .case-study .template-workflow.no-visual{display:block;max-width:920px;margin:0 auto}html.cs-page-luminous-3d-lighting .case-study .template-workflow-visual{position:sticky;top:30px}html.cs-page-luminous-3d-lighting .case-study .template-workflow-visual .project-figure{margin:0}html.cs-page-luminous-3d-lighting .case-study .template-workflow-steps .workflow-step{min-height:auto;padding:0 0 36px 34px;margin:0 0 34px;border-left:2px solid rgba(238,72,101,.24);border-bottom:1px solid rgba(16,29,48,.1)}html.cs-page-luminous-3d-lighting .case-study .template-workflow-steps .workflow-step:last-child{margin-bottom:0}html.cs-page-luminous-3d-lighting .case-study .template-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}html.cs-page-luminous-3d-lighting .case-study .engine-grid .template-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}html.cs-page-luminous-3d-lighting .case-study .template-feature{padding:28px;border-top:3px solid #ee4865;background:#fff;box-shadow:0 14px 34px rgba(16,29,48,.08)}html.cs-page-luminous-3d-lighting .case-study .birdi-presentation-23 .template-feature{background:#f7f8fa}html.cs-page-luminous-3d-lighting .case-study .template-feature-icon{color:#ee4865;font-size:22px;margin-bottom:18px}html.cs-page-luminous-3d-lighting .case-study .template-feature h3{font-size:19px;line-height:1.35;margin:0 0 12px}html.cs-page-luminous-3d-lighting .case-study .template-feature p{font-size:15px;line-height:1.65;color:#535d6c;margin:10px 0 0}html.cs-page-luminous-3d-lighting .case-study .template-status{display:inline-flex;padding:6px 10px;border-radius:999px;background:#e3f4ec;color:#087854;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}html.cs-page-luminous-3d-lighting .case-study .template-status.partial{background:#fff1cd;color:#875e00}html.cs-page-luminous-3d-lighting .case-study .template-status.proposed{background:#e9edf2;color:#535d6c}html.cs-page-luminous-3d-lighting .case-study .status-scope-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}html.cs-page-luminous-3d-lighting .case-study .status-scope-layout .scope-wide{grid-column:1/-1}html.cs-page-luminous-3d-lighting .case-study .template-tech .birdi-presentation-67:last-child{border-bottom:1px solid rgba(16,29,48,.12)}html.cs-page-luminous-3d-lighting .case-study .evidence-quote{max-width:900px;margin:0 auto;padding:clamp(30px,5vw,56px);border-left:4px solid #ee4865;background:#101d30;color:#fff}html.cs-page-luminous-3d-lighting .case-study .evidence-quote blockquote{font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.35;margin:0 0 24px}html.cs-page-luminous-3d-lighting .case-study .evidence-quote p{color:#bdc8d9;margin:8px 0}html.cs-page-luminous-3d-lighting .case-study .status-table{width:100%;border-collapse:collapse}html.cs-page-luminous-3d-lighting .case-study .status-table th,html.cs-page-luminous-3d-lighting .case-study .status-table td{padding:16px;border-bottom:1px solid #dfe4ea;text-align:left;vertical-align:top;font-size:15px;line-height:1.55}html.cs-page-luminous-3d-lighting .case-study .status-table th{background:#101d30;color:#fff}html.cs-page-luminous-3d-lighting .case-study .status-table td:first-child{font-weight:600;color:#101d30}html.cs-page-luminous-3d-lighting .case-study .phase-label{margin:32px 0 18px;color:#ee4865;font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}html.cs-page-luminous-3d-lighting .case-study .client-logo-panel{display:flex;align-items:center;justify-content:center;padding:30px}html.cs-page-luminous-3d-lighting .case-study .client-logo-panel img{max-width:360px;width:100%;height:auto}
@media(max-width:1199px){html.cs-page-luminous-3d-lighting .case-study .engine-grid .template-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:991px){html.cs-page-luminous-3d-lighting .case-study .template-feature-grid,html.cs-page-luminous-3d-lighting .case-study .engine-grid .template-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html.cs-page-luminous-3d-lighting .case-study .template-workflow{grid-template-columns:1fr}html.cs-page-luminous-3d-lighting .case-study .template-workflow-visual{position:relative;top:auto;max-width:720px;margin:0 auto}html.cs-page-luminous-3d-lighting .case-study .template-split{grid-template-columns:1fr}html.cs-page-luminous-3d-lighting .case-study .template-split.image-first>figure{order:0}html.cs-page-luminous-3d-lighting .case-study .template-split>figure{max-width:720px;margin:0 auto}}
@media(max-width:620px){html.cs-page-luminous-3d-lighting .case-study .template-feature-grid,html.cs-page-luminous-3d-lighting .case-study .engine-grid .template-feature-grid,html.cs-page-luminous-3d-lighting .case-study .status-scope-layout{grid-template-columns:1fr}html.cs-page-luminous-3d-lighting .case-study .status-table,html.cs-page-luminous-3d-lighting .case-study .status-table tbody,html.cs-page-luminous-3d-lighting .case-study .status-table tr,html.cs-page-luminous-3d-lighting .case-study .status-table td{display:block}html.cs-page-luminous-3d-lighting .case-study .status-table thead{display:none}html.cs-page-luminous-3d-lighting .case-study .status-table tr{margin-bottom:18px;padding:18px;border:1px solid #dfe4ea;background:#fff}html.cs-page-luminous-3d-lighting .case-study .status-table td{padding:8px 0;border:0}html.cs-page-luminous-3d-lighting .case-study .status-table td:before{content:attr(data-label);display:block;margin-bottom:4px;color:#77808d;font-size:12px;font-weight:700;text-transform:uppercase}html.cs-page-luminous-3d-lighting .case-study .template-workflow-steps .workflow-step{padding-left:22px}}

/* D41 Luminous editorial redesign */
html.cs-page-luminous-3d-lighting .d41-case-study{--d41-navy:#111d31;--d41-ink:#142039;--d41-body:#566276;--d41-pink:#ff6f91;--d41-line:#dfe4eb;--d41-soft:#f4f6f9}
html.cs-page-luminous-3d-lighting .d41-case-study .birdi-presentation-2{padding:clamp(58px,7vw,96px) 0 clamp(42px,5vw,68px);background:linear-gradient(150deg,#fff 0%,#fff 72%,#f5f3f7 100%)}
html.cs-page-luminous-3d-lighting .d41-case-study .hero-layout{margin-left:-18px;margin-right:-18px}html.cs-page-luminous-3d-lighting .d41-case-study .hero-layout>[class*=col-]{padding-left:18px;padding-right:18px}
html.cs-page-luminous-3d-lighting .d41-case-study .birdi-presentation-8{font-size:clamp(2.65rem,5.1vw,4.75rem);line-height:1.02;letter-spacing:-.045em;max-width:650px}
html.cs-page-luminous-3d-lighting .d41-case-study .birdi-presentation-10{font-size:18px;line-height:1.72;max-width:620px}
html.cs-page-luminous-3d-lighting .d41-case-study .birdi-presentation-16{max-width:620px;border-radius:8px;border:1px solid rgba(20,32,57,.13);box-shadow:0 30px 70px rgba(20,32,57,.2)}
html.cs-page-luminous-3d-lighting .d41-case-study .birdi-presentation-16{max-width:720px}html.cs-page-luminous-3d-lighting .d41-case-study .birdi-presentation-17{width:100%}
html.cs-page-luminous-3d-lighting .d41-case-study .birdi-presentation-15{inset:3% -1% -5% 11%;height:auto;border-radius:0;background:linear-gradient(135deg,#f8dfe6,#ece8f1)}
html.cs-page-luminous-3d-lighting .d41-case-study .birdi-presentation-18{margin-top:54px;gap:0;border-top:1px solid rgba(20,32,57,.14)}
html.cs-page-luminous-3d-lighting .d41-case-study .birdi-presentation-19{padding:22px 24px;border-right:1px solid rgba(20,32,57,.12)}
html.cs-page-luminous-3d-lighting .d41-case-study .birdi-presentation-19:last-child{border-right:0}
html.cs-page-luminous-3d-lighting .d41-case-study .birdi-presentation-23,html.cs-page-luminous-3d-lighting .d41-case-study .birdi-presentation-27,html.cs-page-luminous-3d-lighting .d41-case-study .birdi-presentation-dark{padding:clamp(74px,8vw,112px) 0}
html.cs-page-luminous-3d-lighting .d41-case-study .birdi-presentation-27{background:#f4f5f8}
html.cs-page-luminous-3d-lighting .d41-case-study .birdi-presentation-28{max-width:860px;margin:0 0 clamp(42px,5vw,64px);text-align:left}
html.cs-page-luminous-3d-lighting .d41-case-study .birdi-presentation-29{font-size:clamp(2rem,3.6vw,3.35rem);line-height:1.08;letter-spacing:-.035em;}
html.cs-page-luminous-3d-lighting .d41-case-study .birdi-presentation-30{font-size:17px;max-width:780px}
html.cs-page-luminous-3d-lighting .d41-case-study .birdi-presentation-25{font-size:13px;letter-spacing:.18em}
html.cs-page-luminous-3d-lighting .d41-case-study .brief-paragraphs p{font-size:17px;line-height:1.8;color:var(--d41-body)}
html.cs-page-luminous-3d-lighting .d41-case-study .project-figure{border:1px solid rgba(20,32,57,.12);border-radius:4px;background:#fff;padding:12px;box-shadow:0 24px 60px rgba(20,32,57,.12)}
html.cs-page-luminous-3d-lighting .d41-case-study .project-figure img{width:100%;border-radius:2px}html.cs-page-luminous-3d-lighting .d41-case-study .project-figure figcaption{padding:13px 3px 2px;font-size:13px;line-height:1.5;color:#697386}
html.cs-page-luminous-3d-lighting .d41-case-study .template-split{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:clamp(48px,7vw,86px)}
html.cs-page-luminous-3d-lighting .d41-case-study .template-note{border-left:3px solid var(--d41-pink);background:#eef1f5;padding:22px 26px;color:#535f72}
html.cs-page-luminous-3d-lighting .d41-case-study .outputs-showcase{display:grid;grid-template-columns:minmax(260px,.6fr) minmax(0,1.4fr);gap:28px 46px;align-items:start}html.cs-page-luminous-3d-lighting .outputs-showcase-lead{padding-top:12px}html.cs-page-luminous-3d-lighting .outputs-showcase-lead .brief-paragraphs p{margin:0 0 22px}html.cs-page-luminous-3d-lighting .outputs-meta{display:flex;flex-direction:column;gap:10px;padding-top:20px;border-top:1px solid var(--d41-line);font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#7d8797}html.cs-page-luminous-3d-lighting .outputs-meta strong{display:block;font-size:28px;letter-spacing:0;color:var(--d41-pink);margin-bottom:2px}html.cs-page-luminous-3d-lighting .outputs-hero-figure{grid-column:2;margin:0;padding:0;background:#111d31;border:0;border-radius:4px;overflow:hidden;box-shadow:0 26px 55px rgba(20,32,57,.22)}html.cs-page-luminous-3d-lighting .outputs-hero-figure img{display:block;width:100%;max-height:390px;object-fit:cover;object-position:center}html.cs-page-luminous-3d-lighting .outputs-hero-figure figcaption{display:flex;align-items:center;gap:12px;padding:14px 18px;color:#c7d2e4;font-size:13px;line-height:1.45}html.cs-page-luminous-3d-lighting .outputs-hero-figure figcaption span{color:var(--d41-pink);font-size:11px;letter-spacing:.1em}html.cs-page-luminous-3d-lighting .outputs-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--d41-line);border-left:1px solid var(--d41-line)}html.cs-page-luminous-3d-lighting .output-item{display:grid;grid-template-columns:30px 1fr;gap:12px;min-height:104px;padding:18px 20px;border-right:1px solid var(--d41-line);border-bottom:1px solid var(--d41-line)}html.cs-page-luminous-3d-lighting .output-item>span{font-size:11px;color:var(--d41-pink);padding-top:3px}html.cs-page-luminous-3d-lighting .output-item p{font-size:14px;line-height:1.55;color:var(--d41-ink);margin:0}html.cs-page-luminous-3d-lighting .outputs-showcase>.template-note{grid-column:1/-1;margin-top:0}

html.cs-page-luminous-3d-lighting .platform-blueprint{border-top:1px solid var(--d41-line);border-bottom:1px solid var(--d41-line)}
html.cs-page-luminous-3d-lighting .platform-blueprint-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:center;padding:26px 0}html.cs-page-luminous-3d-lighting .platform-blueprint-intro .brief-paragraphs p{margin:0;max-width:690px}html.cs-page-luminous-3d-lighting .platform-route{display:flex;align-items:center;gap:10px;padding:14px 18px;background:var(--d41-navy);color:#fff;font-size:12px;white-space:nowrap}html.cs-page-luminous-3d-lighting .platform-route i{color:var(--d41-pink)}
html.cs-page-luminous-3d-lighting .platform-scope{padding:28px 0}html.cs-page-luminous-3d-lighting .platform-scope header{display:grid;grid-template-columns:44px 1fr auto;gap:16px;align-items:center;margin-bottom:24px}html.cs-page-luminous-3d-lighting .platform-scope-index{font-size:12px;letter-spacing:.14em;color:#8b95a5}html.cs-page-luminous-3d-lighting .platform-scope-state{display:block;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#778296;margin-bottom:4px}html.cs-page-luminous-3d-lighting .platform-scope h3{font-size:20px;margin:0}html.cs-page-luminous-3d-lighting .platform-scope header>i{font-size:22px;color:var(--d41-pink)}
html.cs-page-luminous-3d-lighting .implemented-scope{padding:32px;background:var(--d41-navy);color:#fff}html.cs-page-luminous-3d-lighting .implemented-scope .platform-scope-index,html.cs-page-luminous-3d-lighting .implemented-scope .platform-scope-state{color:#97a6bc}html.cs-page-luminous-3d-lighting .implemented-scope header>i{color:#77ddb9}html.cs-page-luminous-3d-lighting .implemented-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.15);border-left:1px solid rgba(255,255,255,.15)}html.cs-page-luminous-3d-lighting .implemented-grid>div{display:flex;gap:11px;align-items:flex-start;min-height:72px;padding:16px;border-right:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15);font-size:14px;line-height:1.45}html.cs-page-luminous-3d-lighting .implemented-grid i{margin-top:3px;color:#77ddb9}
html.cs-page-luminous-3d-lighting .platform-secondary-scopes{display:grid;grid-template-columns:1fr 1fr}html.cs-page-luminous-3d-lighting .platform-secondary-scopes>.platform-scope{padding:30px 32px}html.cs-page-luminous-3d-lighting .platform-secondary-scopes>.platform-scope+div{border-left:1px solid var(--d41-line)}html.cs-page-luminous-3d-lighting .platform-secondary-scopes .template-list{margin-top:0}html.cs-page-luminous-3d-lighting .platform-secondary-scopes .brief-paragraphs p{font-size:15px;margin:0}html.cs-page-luminous-3d-lighting .partial-scope{background:#fff}html.cs-page-luminous-3d-lighting .proposed-scope{background:#edf0f4}

html.cs-page-luminous-3d-lighting .d41-summary{background:linear-gradient(112deg,#111d31 0%,#172137 63%,#352a3c 100%) !important;color:#fff;padding:0}
html.cs-page-luminous-3d-lighting .d41-summary .d41-summary-inner{display:grid;grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr);gap:0;padding-top:34px;padding-bottom:34px}
html.cs-page-luminous-3d-lighting .d41-summary-identity{display:flex;min-height:188px;flex-direction:column;justify-content:space-between;padding:0 40px 0 0;border-right:1px solid rgba(255,255,255,.16)}
html.cs-page-luminous-3d-lighting .d41-summary-heading{display:grid;grid-template-columns:218px 1fr;align-items:start;gap:20px}
html.cs-page-luminous-3d-lighting .d41-summary .birdi-client-name{font-size:29px;line-height:1.16;font-weight:700;letter-spacing:-.025em;margin:0}
html.cs-page-luminous-3d-lighting .d41-summary .birdi-summary-sector{font-size:16px;line-height:1.35;color:#ced6e7;padding:3px 0 3px 20px;border-left:1px solid rgba(255,255,255,.2)}
html.cs-page-luminous-3d-lighting .d41-summary .birdi-solution{font-size:17px;line-height:1.45;max-width:470px;margin:18px 0;color:#fff;font-weight:600}
html.cs-page-luminous-3d-lighting .d41-summary .birdi-summary-status{font-size:15px;color:#fff;text-transform:none;letter-spacing:0}html.cs-page-luminous-3d-lighting .d41-summary .birdi-summary-status i{color:var(--d41-pink);margin-right:8px}
html.cs-page-luminous-3d-lighting .d41-summary-facts{display:grid;grid-template-columns:1fr 1.35fr;gap:26px 46px;margin:0;padding:2px 0 2px 40px}
html.cs-page-luminous-3d-lighting .d41-summary-facts div{min-width:0}html.cs-page-luminous-3d-lighting .d41-summary-facts dt{font-size:15px;line-height:1.3;color:#c9d3e7;font-weight:400;margin:0 0 8px}html.cs-page-luminous-3d-lighting .d41-summary-facts dd{font-size:17px;line-height:1.45;color:#fff;font-weight:600;margin:0}

html.cs-page-luminous-3d-lighting .d41-case-study .status-scope-layout{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:0;border-top:1px solid var(--d41-line);border-bottom:1px solid var(--d41-line)}
html.cs-page-luminous-3d-lighting .d41-case-study .status-scope-layout .scope-group{background:transparent;box-shadow:none;border:0;border-right:1px solid var(--d41-line);padding:34px 38px}
html.cs-page-luminous-3d-lighting .d41-case-study .status-scope-layout .scope-wide{grid-column:auto;grid-row:span 2}
html.cs-page-luminous-3d-lighting .d41-case-study .status-scope-layout .scope-group:last-child{border-right:0;border-top:1px solid var(--d41-line)}
html.cs-page-luminous-3d-lighting .d41-case-study .status-scope-layout .scope-group h4{font-size:18px}html.cs-page-luminous-3d-lighting .d41-case-study .status-scope-layout .scope-group h4 i{color:var(--d41-pink)}
html.cs-page-luminous-3d-lighting .d41-case-study .status-scope-layout .scope-wide .template-list{columns:2;column-gap:36px}html.cs-page-luminous-3d-lighting .d41-case-study .status-scope-layout .scope-wide .template-list li{break-inside:avoid}

html.cs-page-luminous-3d-lighting .d41-case-study #workflow{background:#fff}
html.cs-page-luminous-3d-lighting .d41-case-study #workflow.workflow-section{background:linear-gradient(135deg,#0e1d31 0%,#15233b 100%);color:#fff;padding:clamp(56px,7vw,84px) 0}html.cs-page-luminous-3d-lighting .d41-case-study #workflow .birdi-presentation-28{max-width:740px;text-align:center;margin-left:auto;margin-right:auto}html.cs-page-luminous-3d-lighting .d41-case-study #workflow .birdi-gradient-label,html.cs-page-luminous-3d-lighting .d41-case-study #workflow .birdi-presentation-30{color:#b8c5d8}html.cs-page-luminous-3d-lighting .d41-case-study #workflow .birdi-presentation-29{color:#fff}html.cs-page-luminous-3d-lighting .d41-case-study #workflow .template-workflow-steps .workflow-step h3{color:#fff}html.cs-page-luminous-3d-lighting .d41-case-study #workflow .template-workflow-steps .workflow-step p,html.cs-page-luminous-3d-lighting .d41-case-study #workflow .template-list li{color:#c7d2e4}html.cs-page-luminous-3d-lighting .d41-case-study #workflow .template-workflow-steps .workflow-step{border-left-color:rgba(255,255,255,.24)}
html.cs-page-luminous-3d-lighting .d41-case-study #workflow .template-workflow{grid-template-columns:minmax(390px,.86fr) minmax(0,1.14fr);gap:clamp(48px,6vw,78px)}
html.cs-page-luminous-3d-lighting .d41-case-study .template-workflow-visual{top:24px}
html.cs-page-luminous-3d-lighting .d41-workflow-console{overflow:hidden;background:var(--d41-navy);color:#fff;border-radius:5px;box-shadow:0 30px 70px rgba(17,29,49,.22)}
html.cs-page-luminous-3d-lighting .d41-console-head{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid rgba(255,255,255,.12);font-size:13px;text-transform:uppercase;letter-spacing:.13em;color:#cbd5e6}
html.cs-page-luminous-3d-lighting .d41-console-head strong{font-size:15px;color:#fff}html.cs-page-luminous-3d-lighting .d41-console-head .workflow-step-current{color:var(--d41-pink);font-size:21px}
html.cs-page-luminous-3d-lighting .d41-workflow-console .workflow-stage{padding:20px;background:linear-gradient(145deg,#f8fafc,#e9eef5)}
html.cs-page-luminous-3d-lighting .template-step-visual{position:relative;min-height:330px;padding:28px;border:1px solid #aeb8c6;background-color:#edf2f7;background-image:linear-gradient(rgba(20,32,57,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(20,32,57,.075) 1px,transparent 1px);background-size:22px 22px;color:var(--d41-ink);overflow:hidden}html.cs-page-luminous-3d-lighting .visual-phase{display:inline-flex;padding:7px 10px;background:var(--d41-ink);color:#fff;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}html.cs-page-luminous-3d-lighting .visual-symbol{position:relative;display:grid;place-items:center;width:112px;height:112px;margin:28px 0 22px;border:2px solid var(--d41-ink);background:rgba(255,255,255,.72)}html.cs-page-luminous-3d-lighting .visual-symbol span{position:absolute;inset:-12px;border:1px solid rgba(255,111,145,.65);transform:rotate(7deg);transition:transform .3s}html.cs-page-luminous-3d-lighting .visual-symbol i{position:relative;font-size:38px;color:var(--d41-pink)}html.cs-page-luminous-3d-lighting .visual-title{font-size:25px;line-height:1.2;margin:0 0 10px}html.cs-page-luminous-3d-lighting .visual-copy{max-width:310px;font-size:14px;line-height:1.6;color:#536074;margin:0}html.cs-page-luminous-3d-lighting .visual-nodes{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:24px}html.cs-page-luminous-3d-lighting .visual-nodes span{padding:8px 5px;border-top:2px solid #a8b1be;font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#7a8493}html.cs-page-luminous-3d-lighting .visual-nodes span.is-active{border-color:var(--d41-pink);color:var(--d41-ink);font-weight:700}
html.cs-page-luminous-3d-lighting .d41-plan-grid{position:relative;min-height:330px;border:1px solid #9fabbc;background-color:#edf2f7;background-image:linear-gradient(rgba(20,32,57,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(20,32,57,.08) 1px,transparent 1px);background-size:22px 22px}
html.cs-page-luminous-3d-lighting .d41-plan-room{position:absolute;border:3px solid var(--d41-ink);display:flex;align-items:flex-end;padding:10px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--d41-ink)}
html.cs-page-luminous-3d-lighting .d41-plan-room.room-a{inset:28px 45% 48% 28px}html.cs-page-luminous-3d-lighting .d41-plan-room.room-b{inset:28px 28px 48% 55%}html.cs-page-luminous-3d-lighting .d41-plan-room.room-c{inset:59% 28px 28px 28px}
html.cs-page-luminous-3d-lighting .d41-fixture{position:absolute;width:15px;height:15px;border:3px solid var(--d41-ink);border-radius:50%;background:#fff;box-shadow:0 0 0 7px rgba(255,111,145,.25)}
html.cs-page-luminous-3d-lighting .fixture-a{left:24%;top:28%}html.cs-page-luminous-3d-lighting .fixture-b{right:19%;top:28%}html.cs-page-luminous-3d-lighting .fixture-c{left:30%;bottom:17%}html.cs-page-luminous-3d-lighting .fixture-d{right:27%;bottom:17%}
html.cs-page-luminous-3d-lighting .d41-beam{position:absolute;height:2px;background:var(--d41-pink);transform-origin:left}html.cs-page-luminous-3d-lighting .beam-a{width:118px;left:25%;top:30%;transform:rotate(28deg)}html.cs-page-luminous-3d-lighting .beam-b{width:128px;right:17%;bottom:19%;transform:rotate(205deg)}
html.cs-page-luminous-3d-lighting .d41-console-foot{padding:20px}html.cs-page-luminous-3d-lighting .d41-console-foot>div:first-child{display:flex;justify-content:space-between;gap:16px;align-items:end}html.cs-page-luminous-3d-lighting .d41-console-foot>div:first-child span{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#9eabc0}html.cs-page-luminous-3d-lighting .d41-console-foot>div:first-child strong{font-size:17px;text-align:right}
html.cs-page-luminous-3d-lighting .d41-workflow-console .workflow-progress{height:3px;margin:16px 0 20px;background:rgba(255,255,255,.15)}html.cs-page-luminous-3d-lighting .d41-workflow-console .workflow-progress span{display:block;width:6.66%;height:100%;background:var(--d41-pink);transition:width .25s ease}
html.cs-page-luminous-3d-lighting .d41-phase-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}html.cs-page-luminous-3d-lighting .d41-phase-list li{display:flex;gap:10px;padding:10px 0;border-top:1px solid rgba(255,255,255,.1);font-size:12px;color:#8f9bb0}html.cs-page-luminous-3d-lighting .d41-phase-list li b{color:#657187}html.cs-page-luminous-3d-lighting .d41-phase-list li.is-active{color:#fff}html.cs-page-luminous-3d-lighting .d41-phase-list li.is-active b{color:var(--d41-pink)}
html.cs-page-luminous-3d-lighting .d41-case-study .template-workflow-steps .workflow-step{position:relative;padding:0 0 42px 46px;margin:0 0 40px;border-left:1px solid #ccd3de;border-bottom:0;opacity:.56;transition:opacity .25s}
html.cs-page-luminous-3d-lighting .d41-case-study .template-workflow-steps .workflow-step:before{content:'';position:absolute;left:-6px;top:2px;width:11px;height:11px;border-radius:50%;background:#fff;border:2px solid #aab3c2}
html.cs-page-luminous-3d-lighting .d41-case-study .template-workflow-steps .workflow-step.is-active{opacity:1}html.cs-page-luminous-3d-lighting .d41-case-study .template-workflow-steps .workflow-step.is-active:before{background:var(--d41-pink);border-color:var(--d41-pink);box-shadow:0 0 0 7px rgba(255,111,145,.15)}
html.cs-page-luminous-3d-lighting .d41-case-study .workflow-step-number{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#7b8493;margin-bottom:10px}html.cs-page-luminous-3d-lighting .d41-case-study .workflow-step-number span{color:var(--d41-pink);font-weight:700}html.cs-page-luminous-3d-lighting .d41-case-study .workflow-step h3{font-size:24px;margin-bottom:10px}html.cs-page-luminous-3d-lighting .d41-case-study .workflow-step p{font-size:16px;line-height:1.7;color:var(--d41-body)}

html.cs-page-luminous-3d-lighting .d41-case-study .birdi-presentation-dark{background:linear-gradient(140deg,#111d31 0%,#152139 70%,#33283a 100%);color:#fff}
html.cs-page-luminous-3d-lighting .d41-case-study .birdi-presentation-dark .birdi-presentation-30{color:#c7d0e1}html.cs-page-luminous-3d-lighting .d41-case-study .birdi-presentation-dark .birdi-presentation-9{color:#ff87a2}
html.cs-page-luminous-3d-lighting .engine-tabs{display:grid;grid-template-columns:290px minmax(0,1fr);border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}html.cs-page-luminous-3d-lighting .engine-tab-list{display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.2)}html.cs-page-luminous-3d-lighting .engine-tab{display:grid;grid-template-columns:32px 1fr 18px;gap:12px;align-items:center;min-height:92px;padding:18px 22px;border:0;border-bottom:1px solid rgba(255,255,255,.14);background:transparent;color:#9eabc0;text-align:left;cursor:pointer;transition:background .2s,color .2s}html.cs-page-luminous-3d-lighting .engine-tab:last-child{border-bottom:0}html.cs-page-luminous-3d-lighting .engine-tab span{font-size:11px;letter-spacing:.12em}html.cs-page-luminous-3d-lighting .engine-tab strong{font-size:15px;line-height:1.35}html.cs-page-luminous-3d-lighting .engine-tab i{opacity:0;transform:translateX(-6px);transition:.2s}html.cs-page-luminous-3d-lighting .engine-tab:hover,html.cs-page-luminous-3d-lighting .engine-tab:focus,html.cs-page-luminous-3d-lighting .engine-tab.is-active{outline:0;background:rgba(255,255,255,.08);color:#fff}html.cs-page-luminous-3d-lighting .engine-tab.is-active{box-shadow:inset 3px 0 var(--d41-pink)}html.cs-page-luminous-3d-lighting .engine-tab.is-active span,html.cs-page-luminous-3d-lighting .engine-tab.is-active i{color:var(--d41-pink)}html.cs-page-luminous-3d-lighting .engine-tab.is-active i{opacity:1;transform:none}
html.cs-page-luminous-3d-lighting .engine-tab-panels{min-width:0;padding:0 34px}html.cs-page-luminous-3d-lighting .engine-tab-panel{min-height:368px}html.cs-page-luminous-3d-lighting .engine-tab-panel[hidden]{display:none!important}html.cs-page-luminous-3d-lighting .engine-panel-heading{display:flex;align-items:baseline;gap:14px;padding:24px 0 12px}html.cs-page-luminous-3d-lighting .engine-panel-heading span{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--d41-pink)}html.cs-page-luminous-3d-lighting .engine-panel-heading h3{font-size:20px;margin:0;color:#fff}
html.cs-page-luminous-3d-lighting .engine-system{border-top:1px solid rgba(255,255,255,.2)}
html.cs-page-luminous-3d-lighting .engine-group{display:grid;grid-template-columns:230px 1fr;border-bottom:1px solid rgba(255,255,255,.2)}
html.cs-page-luminous-3d-lighting .engine-group>header{padding:34px 34px 30px 0;border-right:1px solid rgba(255,255,255,.18)}html.cs-page-luminous-3d-lighting .engine-group>header>span{display:block;color:var(--d41-pink);font-size:13px;letter-spacing:.16em;margin-bottom:12px}html.cs-page-luminous-3d-lighting .engine-group>header h3{font-size:22px;line-height:1.25;margin:0;color:#fff}
html.cs-page-luminous-3d-lighting .engine-group>div{padding-left:34px}html.cs-page-luminous-3d-lighting .engine-row{display:grid;grid-template-columns:38px minmax(0,1fr) 112px;gap:16px;align-items:start;padding:23px 0;border-bottom:1px solid rgba(255,255,255,.11)}html.cs-page-luminous-3d-lighting .engine-row:last-child{border-bottom:0}html.cs-page-luminous-3d-lighting .engine-number{font-size:12px;color:#8190a7;padding-top:4px}html.cs-page-luminous-3d-lighting .engine-copy h4{font-size:17px;color:#fff;margin:0 0 7px}html.cs-page-luminous-3d-lighting .engine-copy p{font-size:14px;line-height:1.6;color:#aeb9cb;margin:0}html.cs-page-luminous-3d-lighting .engine-state{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#85d6bb;text-align:right;padding-top:4px}html.cs-page-luminous-3d-lighting .engine-state.partial{color:#ffd27a}
html.cs-page-luminous-3d-lighting .d41-case-study .engine-note{background:rgba(255,255,255,.07);color:#c7d0e1;border-color:var(--d41-pink);margin-top:34px}

html.cs-page-luminous-3d-lighting .progress-rail{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--d41-line);border-bottom:1px solid var(--d41-line)}
html.cs-page-luminous-3d-lighting .progress-item{position:relative;padding:30px 26px 34px;border-right:1px solid var(--d41-line);min-width:0}html.cs-page-luminous-3d-lighting .progress-item:last-child{border-right:0}html.cs-page-luminous-3d-lighting .progress-index{font-size:12px;letter-spacing:.14em;color:#a0a9b7;margin-bottom:38px}html.cs-page-luminous-3d-lighting .progress-icon{font-size:22px;color:var(--d41-pink);margin-bottom:18px}html.cs-page-luminous-3d-lighting .progress-item h3{font-size:18px;line-height:1.35;margin:14px 0 10px}html.cs-page-luminous-3d-lighting .progress-item p{font-size:14px;line-height:1.65;color:var(--d41-body);margin:0}
html.cs-page-luminous-3d-lighting .d41-case-study .status-table{border-top:2px solid var(--d41-ink)}html.cs-page-luminous-3d-lighting .d41-case-study .status-table th{background:transparent;color:#7a8494;font-size:12px;text-transform:uppercase;letter-spacing:.12em}html.cs-page-luminous-3d-lighting .d41-case-study .status-table th,html.cs-page-luminous-3d-lighting .d41-case-study .status-table td{padding:18px 14px}
html.cs-page-luminous-3d-lighting .capability-carousel{width:100%;background:var(--d41-navy);color:#fff;padding:0 34px 34px;overflow:hidden}html.cs-page-luminous-3d-lighting .capability-carousel-head{display:flex;align-items:center;justify-content:space-between;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.17);font-size:13px;color:#aeb9cb}html.cs-page-luminous-3d-lighting .capability-carousel-head>span strong{font-size:22px;color:#fff;margin-right:8px}html.cs-page-luminous-3d-lighting .capability-carousel-nav{display:flex;align-items:center;gap:14px}html.cs-page-luminous-3d-lighting .capability-carousel-nav button{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:transparent;color:#fff;cursor:pointer}html.cs-page-luminous-3d-lighting .capability-carousel-nav button:hover,html.cs-page-luminous-3d-lighting .capability-carousel-nav button:focus{outline:0;border-color:var(--d41-pink);color:var(--d41-pink)}html.cs-page-luminous-3d-lighting .capability-slide-count{min-width:62px;text-align:center}html.cs-page-luminous-3d-lighting .capability-slide-count b{color:var(--d41-pink)}
html.cs-page-luminous-3d-lighting .capability-carousel .carousel-inner{min-height:340px}html.cs-page-luminous-3d-lighting .capability-slide{display:grid;grid-template-columns:1fr 1fr}html.cs-page-luminous-3d-lighting .capability-item{display:grid;grid-template-columns:38px 1fr;gap:16px;min-height:168px;padding:28px 26px 24px 0;border-bottom:1px solid rgba(255,255,255,.14)}html.cs-page-luminous-3d-lighting .capability-item:nth-child(odd){border-right:1px solid rgba(255,255,255,.14)}html.cs-page-luminous-3d-lighting .capability-item:nth-child(even){padding-left:26px}html.cs-page-luminous-3d-lighting .capability-number{font-size:11px;color:#718099;padding-top:5px}html.cs-page-luminous-3d-lighting .capability-copy>div{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}html.cs-page-luminous-3d-lighting .capability-copy h3{font-size:17px;line-height:1.35;color:#fff;margin:0}html.cs-page-luminous-3d-lighting .capability-copy p{font-size:14px;line-height:1.65;color:#aeb9cb;margin:13px 0 0}html.cs-page-luminous-3d-lighting .capability-carousel .template-status{flex:0 0 auto;font-size:9px;padding:5px 8px}html.cs-page-luminous-3d-lighting .capability-carousel .carousel-indicators{position:relative;right:auto;bottom:auto;left:auto;margin:24px 0 0;justify-content:flex-start}html.cs-page-luminous-3d-lighting .capability-carousel .carousel-indicators li{width:42px;height:3px;margin:0 6px 0 0;border:0;background:rgba(255,255,255,.25)}html.cs-page-luminous-3d-lighting .capability-carousel .carousel-indicators li.active{background:var(--d41-pink)}
html.cs-page-luminous-3d-lighting .d41-case-study .template-tech .birdi-presentation-67{grid-template-columns:250px 1fr;padding:30px 0}html.cs-page-luminous-3d-lighting .d41-case-study .birdi-tech-pill{background:transparent;border:1px solid #d8dee7;border-radius:3px}
html.cs-page-luminous-3d-lighting .d41-case-study .template-tech .birdi-presentation-67{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:20px 40px;align-items:center;padding:26px 0;border-top:1px solid rgba(16,29,48,.12)}html.cs-page-luminous-3d-lighting .d41-case-study .template-tech .birdi-presentation-68{display:flex;align-items:baseline;gap:14px}html.cs-page-luminous-3d-lighting .d41-case-study .template-tech .birdi-presentation-69{font-size:16px;font-weight:700;color:#ee4865}html.cs-page-luminous-3d-lighting .d41-case-study .template-tech .birdi-presentation-70{font-size:16.5px;font-weight:700;line-height:1.3}html.cs-page-luminous-3d-lighting .d41-case-study .template-tech .birdi-presentation-71{display:flex;flex-wrap:wrap;gap:10px;min-width:0}html.cs-page-luminous-3d-lighting .d41-case-study .template-tech .birdi-tech-pill{display:flex;align-items:center;gap:9px;background:#f3f3f3;border:0;border-radius:8px;padding:10px 16px}html.cs-page-luminous-3d-lighting .d41-case-study .template-tech .birdi-presentation-73{color:#ee4865;font-size:16px}html.cs-page-luminous-3d-lighting .d41-case-study .template-tech .birdi-presentation-74{font-size:16px;font-weight:600}html.cs-page-luminous-3d-lighting .d41-case-study .template-tech .birdi-presentation-75{font-size:16px;opacity:1}
html.cs-page-luminous-3d-lighting .d41-case-study .faq-section{display:grid}html.cs-page-luminous-3d-lighting .d41-case-study .faq-section>.container{display:grid;grid-template-columns:minmax(270px,.7fr) minmax(0,1.3fr);gap:70px}html.cs-page-luminous-3d-lighting .d41-case-study .faq-list{margin-top:0}

@media(max-width:991px){
 html.cs-page-luminous-3d-lighting .d41-summary .d41-summary-inner{grid-template-columns:1fr}html.cs-page-luminous-3d-lighting .d41-summary-identity{min-height:0;padding:0 0 30px;border-right:0;border-bottom:1px solid rgba(255,255,255,.16)}html.cs-page-luminous-3d-lighting .d41-summary-facts{padding:30px 0 0}
 html.cs-page-luminous-3d-lighting .platform-blueprint-intro{grid-template-columns:1fr}html.cs-page-luminous-3d-lighting .platform-route{width:max-content;max-width:100%;flex-wrap:wrap}html.cs-page-luminous-3d-lighting .implemented-grid{grid-template-columns:repeat(2,1fr)}
 html.cs-page-luminous-3d-lighting .d41-case-study .template-split{grid-template-columns:1fr}html.cs-page-luminous-3d-lighting .d41-case-study .template-workflow{grid-template-columns:1fr}html.cs-page-luminous-3d-lighting .d41-case-study .template-workflow-visual{position:relative;top:auto;display:block!important;max-width:680px;width:100%;margin:0 0 54px}
 html.cs-page-luminous-3d-lighting .engine-tabs{grid-template-columns:230px minmax(0,1fr)}html.cs-page-luminous-3d-lighting .engine-tab-panels{padding:0 24px}html.cs-page-luminous-3d-lighting .engine-row{grid-template-columns:34px minmax(0,1fr)}html.cs-page-luminous-3d-lighting .engine-state{grid-column:2;text-align:left;padding-top:0}
 html.cs-page-luminous-3d-lighting .progress-rail{grid-template-columns:repeat(2,1fr)}html.cs-page-luminous-3d-lighting .progress-item{border-bottom:1px solid var(--d41-line)}html.cs-page-luminous-3d-lighting .progress-item:nth-child(2n){border-right:0}html.cs-page-luminous-3d-lighting .progress-item:last-child{grid-column:1/-1}
 html.cs-page-luminous-3d-lighting .d41-case-study .faq-section>.container{grid-template-columns:1fr;gap:32px}html.cs-page-luminous-3d-lighting .d41-case-study .birdi-presentation-83{position:relative;top:auto}
 html.cs-page-luminous-3d-lighting .outputs-showcase{grid-template-columns:1fr}html.cs-page-luminous-3d-lighting .outputs-hero-figure{grid-column:1}html.cs-page-luminous-3d-lighting .outputs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
 html.cs-page-luminous-3d-lighting .d41-case-study .birdi-presentation-8{font-size:clamp(2.35rem,11vw,3.65rem)}html.cs-page-luminous-3d-lighting .d41-case-study .hero-art{margin-top:38px}html.cs-page-luminous-3d-lighting .d41-case-study .birdi-presentation-18{grid-template-columns:1fr 1fr}html.cs-page-luminous-3d-lighting .d41-case-study .birdi-presentation-19:nth-child(2){border-right:0}
 html.cs-page-luminous-3d-lighting .d41-summary-heading{grid-template-columns:1fr}html.cs-page-luminous-3d-lighting .d41-summary .birdi-summary-sector{padding:0;border-left:0}html.cs-page-luminous-3d-lighting .d41-summary-facts{grid-template-columns:1fr 1fr;gap:24px}
 html.cs-page-luminous-3d-lighting .d41-case-study .status-scope-layout{grid-template-columns:1fr}html.cs-page-luminous-3d-lighting .d41-case-study .status-scope-layout .scope-wide{grid-row:auto}html.cs-page-luminous-3d-lighting .d41-case-study .status-scope-layout .scope-group{border-right:0;border-bottom:1px solid var(--d41-line);padding:28px 0}html.cs-page-luminous-3d-lighting .d41-case-study .status-scope-layout .scope-group:last-child{border-top:0;border-bottom:0}html.cs-page-luminous-3d-lighting .d41-case-study .status-scope-layout .scope-wide .template-list{columns:1}
 html.cs-page-luminous-3d-lighting .platform-secondary-scopes{grid-template-columns:1fr}html.cs-page-luminous-3d-lighting .platform-secondary-scopes>.platform-scope+div{border-left:0;border-top:1px solid var(--d41-line)}
 html.cs-page-luminous-3d-lighting .engine-tabs{grid-template-columns:1fr}html.cs-page-luminous-3d-lighting .engine-tab-list{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr));overflow-x:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.2)}html.cs-page-luminous-3d-lighting .engine-tab{min-height:76px;border-right:1px solid rgba(255,255,255,.14);border-bottom:0;padding:14px;grid-template-columns:26px 1fr}html.cs-page-luminous-3d-lighting .engine-tab i{display:none}html.cs-page-luminous-3d-lighting .engine-tab.is-active{box-shadow:inset 0 -3px var(--d41-pink)}html.cs-page-luminous-3d-lighting .engine-tab-panels{padding:0}
 html.cs-page-luminous-3d-lighting .capability-carousel{padding:0 22px 28px}html.cs-page-luminous-3d-lighting .capability-carousel .carousel-inner{min-height:610px}html.cs-page-luminous-3d-lighting .capability-slide{grid-template-columns:1fr}html.cs-page-luminous-3d-lighting .capability-item,html.cs-page-luminous-3d-lighting .capability-item:nth-child(even){min-height:145px;padding:22px 0;border-right:0}html.cs-page-luminous-3d-lighting .capability-item:nth-child(odd){border-right:0}html.cs-page-luminous-3d-lighting .capability-copy>div{gap:10px}
 html.cs-page-luminous-3d-lighting .engine-group{grid-template-columns:1fr}html.cs-page-luminous-3d-lighting .engine-group>header{padding:30px 0 18px;border-right:0}html.cs-page-luminous-3d-lighting .engine-group>div{padding-left:0}html.cs-page-luminous-3d-lighting .engine-row{grid-template-columns:34px minmax(0,1fr)}html.cs-page-luminous-3d-lighting .engine-state{grid-column:2;text-align:left}
 html.cs-page-luminous-3d-lighting .d41-case-study .template-tech .birdi-presentation-67{grid-template-columns:1fr}
 html.cs-page-luminous-3d-lighting .outputs-grid{grid-template-columns:1fr}html.cs-page-luminous-3d-lighting .output-item{min-height:0}
}
@media(max-width:520px){
 html.cs-page-luminous-3d-lighting .d41-case-study .birdi-presentation-3{padding-left:20px;padding-right:20px}html.cs-page-luminous-3d-lighting .d41-case-study .birdi-presentation-18{grid-template-columns:1fr}html.cs-page-luminous-3d-lighting .d41-case-study .birdi-presentation-19{padding:18px 0;border-right:0;border-bottom:1px solid rgba(20,32,57,.1)}
 html.cs-page-luminous-3d-lighting .d41-summary-facts{grid-template-columns:1fr}html.cs-page-luminous-3d-lighting .d41-plan-grid{min-height:270px}html.cs-page-luminous-3d-lighting .d41-phase-list{grid-template-columns:1fr}html.cs-page-luminous-3d-lighting .d41-case-study .template-workflow-steps .workflow-step{padding-left:30px}html.cs-page-luminous-3d-lighting .implemented-scope{padding:24px 18px}html.cs-page-luminous-3d-lighting .implemented-grid{grid-template-columns:1fr}html.cs-page-luminous-3d-lighting .implemented-grid>div{min-height:0}html.cs-page-luminous-3d-lighting .platform-secondary-scopes>.platform-scope{padding:26px 18px}html.cs-page-luminous-3d-lighting .platform-route{display:grid;grid-template-columns:1fr auto 1fr;width:100%}html.cs-page-luminous-3d-lighting .template-step-visual{min-height:310px;padding:22px}html.cs-page-luminous-3d-lighting .visual-nodes{grid-template-columns:1fr 1fr}html.cs-page-luminous-3d-lighting .capability-carousel-head{align-items:flex-start;gap:15px}html.cs-page-luminous-3d-lighting .capability-carousel-nav{gap:8px}html.cs-page-luminous-3d-lighting .capability-carousel-nav button{width:34px;height:34px}html.cs-page-luminous-3d-lighting .capability-carousel .carousel-inner{min-height:650px}html.cs-page-luminous-3d-lighting .capability-item{grid-template-columns:30px 1fr}html.cs-page-luminous-3d-lighting .capability-copy>div{display:block}html.cs-page-luminous-3d-lighting .capability-copy .template-status{margin-top:8px}
 html.cs-page-luminous-3d-lighting .progress-rail{grid-template-columns:1fr}html.cs-page-luminous-3d-lighting .progress-item,html.cs-page-luminous-3d-lighting .progress-item:nth-child(2n){border-right:0}html.cs-page-luminous-3d-lighting .progress-item:last-child{grid-column:auto}html.cs-page-luminous-3d-lighting .progress-index{margin-bottom:20px}
}

/* Refined outputs, fit map and related case-study showcase */
html.cs-page-luminous-3d-lighting .d41-case-study .outputs-context{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:4px 0 10px;border-top:1px solid var(--d41-line);border-bottom:1px solid var(--d41-line)}
html.cs-page-luminous-3d-lighting .d41-case-study .outputs-context>div{padding:24px 28px 24px 0;border:0}
html.cs-page-luminous-3d-lighting .d41-case-study .outputs-context>div+div{padding-left:28px;border-left:1px solid var(--d41-line)}
html.cs-page-luminous-3d-lighting .d41-case-study .outputs-context span{margin-bottom:9px}
html.cs-page-luminous-3d-lighting .d41-case-study .outputs-context strong{font-size:15px;line-height:1.5}

html.cs-page-luminous-3d-lighting .d41-case-study .fit-section{background:#f2f5f9}
html.cs-page-luminous-3d-lighting .d41-case-study .fit-section>.container{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(46px,7vw,96px);align-items:start}
html.cs-page-luminous-3d-lighting .d41-case-study .fit-heading{position:relative;top:auto;margin:0}
html.cs-page-luminous-3d-lighting .d41-case-study .fit-heading p{max-width:430px;margin:24px 0 0;color:var(--d41-body);font-size:16px;line-height:1.75}
html.cs-page-luminous-3d-lighting .d41-case-study .fit-map{border-top:2px solid var(--d41-ink)}
html.cs-page-luminous-3d-lighting .d41-case-study .fit-map article{display:grid;grid-template-columns:48px minmax(0,1fr);gap:20px;padding:30px 0;border-bottom:1px solid rgba(16,29,48,.16)}
html.cs-page-luminous-3d-lighting .d41-case-study .fit-index{padding-top:4px;color:var(--d41-pink);font-size:12px;font-weight:700;letter-spacing:.12em}
html.cs-page-luminous-3d-lighting .d41-case-study .fit-type{display:block;margin-bottom:10px;color:#7b8594;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
html.cs-page-luminous-3d-lighting .d41-case-study .fit-map h3{max-width:540px;margin:0 0 18px;color:var(--d41-ink);font-size:21px;line-height:1.35}
html.cs-page-luminous-3d-lighting .d41-case-study .fit-map ul{display:flex;flex-wrap:wrap;gap:9px 12px;list-style:none;margin:0;padding:0}
html.cs-page-luminous-3d-lighting .d41-case-study .fit-map li{position:relative;padding-left:15px;color:#4f5b6c;font-size:14px;line-height:1.55}
html.cs-page-luminous-3d-lighting .d41-case-study .fit-map li:before{content:"";position:absolute;left:0;top:.67em;width:5px;height:5px;border-radius:50%;background:var(--d41-pink)}
html.cs-page-luminous-3d-lighting .d41-case-study .fit-note{grid-column:2;margin:22px 0 0;color:#7b8594;font-size:12px;line-height:1.6}

html.cs-page-luminous-3d-lighting .d41-case-study .related-cases{padding:clamp(64px,8vw,104px) 0;background:#111d31;color:#fff}
html.cs-page-luminous-3d-lighting .d41-case-study .related-cases-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}
html.cs-page-luminous-3d-lighting .d41-case-study .related-cases-head h2{max-width:780px;margin:0;color:#fff;font-size:clamp(2rem,4vw,3.4rem);line-height:1.14}
html.cs-page-luminous-3d-lighting .d41-case-study .related-cases-head h2 span{display:block;color:#ff6f91}
html.cs-page-luminous-3d-lighting .d41-case-study .related-cases-head>a{flex:0 0 auto;margin-bottom:8px;color:#ff5a7c;font-size:15px;font-weight:700;text-decoration:none}
html.cs-page-luminous-3d-lighting .d41-case-study .related-cases-head>a i{margin-left:9px;transition:transform .2s}
html.cs-page-luminous-3d-lighting .d41-case-study .related-cases-head>a:hover i{transform:translateX(4px)}
html.cs-page-luminous-3d-lighting .d41-case-study .case-tabs{display:flex;gap:10px;margin:0 0 24px}
html.cs-page-luminous-3d-lighting .d41-case-study .case-tab{display:grid;place-items:center;width:52px;height:46px;border:1px solid #48566c;border-radius:7px;background:transparent;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
html.cs-page-luminous-3d-lighting .d41-case-study .case-tab:hover,html.cs-page-luminous-3d-lighting .d41-case-study .case-tab:focus{outline:0;border-color:#ff6f91}
html.cs-page-luminous-3d-lighting .d41-case-study .case-tab.is-active{border-color:#fff;background:#fff;color:#111d31}
html.cs-page-luminous-3d-lighting .d41-case-study .case-panels{position:relative}
html.cs-page-luminous-3d-lighting .d41-case-study .case-panel{padding:38px 34px 30px;border:1px solid #405069;border-radius:18px;background:#192840;animation:cs-page-luminous-3d-lighting-caseFade .32s ease both}
html.cs-page-luminous-3d-lighting .d41-case-study .case-panel[hidden]{display:none!important}
html.cs-page-luminous-3d-lighting .d41-case-study .case-category{display:block;margin-bottom:16px;color:#b9c8e2;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
html.cs-page-luminous-3d-lighting .d41-case-study .case-panel h3{margin:0 0 30px;color:#fff;font-size:clamp(1.5rem,3vw,2.05rem);line-height:1.25}
html.cs-page-luminous-3d-lighting .d41-case-study .case-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;padding-bottom:28px;border-bottom:1px solid #405069}
html.cs-page-luminous-3d-lighting .d41-case-study .case-panel strong{display:block;margin-bottom:9px;color:#fff;font-size:16px}
html.cs-page-luminous-3d-lighting .d41-case-study .case-panel p{margin:0;color:#bed0eb;font-size:15px;line-height:1.7}
html.cs-page-luminous-3d-lighting .d41-case-study .case-result{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:36px;align-items:end;padding-top:24px}
html.cs-page-luminous-3d-lighting .d41-case-study .case-result>a{display:inline-flex;align-items:center;gap:12px;padding:9px 0;border-bottom:2px solid #ff5a7c;color:#ff5a7c;font-size:15px;font-weight:700;text-decoration:none;white-space:nowrap}
html.cs-page-luminous-3d-lighting .d41-case-study .case-result>a i{transition:transform .2s}html.cs-page-luminous-3d-lighting .d41-case-study .case-result>a:hover i{transform:translateX(4px)}
@keyframes cs-page-luminous-3d-lighting-caseFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

@media(max-width:991px){
 html.cs-page-luminous-3d-lighting .d41-case-study .fit-section>.container{grid-template-columns:1fr;gap:40px}
 html.cs-page-luminous-3d-lighting .d41-case-study .fit-heading{position:relative;top:auto}
 html.cs-page-luminous-3d-lighting .d41-case-study .fit-note{grid-column:1}
}
@media(max-width:767px){
 html.cs-page-luminous-3d-lighting .d41-case-study .outputs-context{grid-template-columns:1fr}
 html.cs-page-luminous-3d-lighting .d41-case-study .outputs-context>div,html.cs-page-luminous-3d-lighting .d41-case-study .outputs-context>div+div{padding:19px 0;border-left:0;border-top:1px solid var(--d41-line)}
 html.cs-page-luminous-3d-lighting .d41-case-study .outputs-context>div:first-child{border-top:0}
 html.cs-page-luminous-3d-lighting .d41-case-study .related-cases-head{align-items:flex-start;flex-direction:column;margin-bottom:24px}
 html.cs-page-luminous-3d-lighting .d41-case-study .related-cases-head>a{margin:0}
 html.cs-page-luminous-3d-lighting .d41-case-study .case-panel{padding:28px 22px 24px;border-radius:13px}
 html.cs-page-luminous-3d-lighting .d41-case-study .case-detail-grid{grid-template-columns:1fr;gap:24px}
 html.cs-page-luminous-3d-lighting .d41-case-study .case-result{grid-template-columns:1fr;align-items:start}
 html.cs-page-luminous-3d-lighting .d41-case-study .case-result>a{justify-self:start}
     html.cs-page-luminous-3d-lighting .outputs-showcase {
        grid-template-columns: 1fr !important;
    }
}
@media(max-width:520px){
 html.cs-page-luminous-3d-lighting .d41-case-study .fit-map article{grid-template-columns:34px minmax(0,1fr);gap:12px;padding:25px 0}
 html.cs-page-luminous-3d-lighting .d41-case-study .fit-map h3{font-size:18px}
 html.cs-page-luminous-3d-lighting .d41-case-study .case-tab{width:47px;height:43px}
}

/* Luminous-only hero browser mockup */
html.cs-page-luminous-3d-lighting .d41-case-study .hero-country .country-flag{display:inline-flex;align-items:center;justify-content:center;width:30px;height:22px;border-radius:2px;background:#fff;box-shadow:0 0 0 1px rgba(20,32,57,.12),0 3px 8px rgba(20,32,57,.1);font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:20px;line-height:1}
html.cs-page-luminous-3d-lighting .d41-case-study .hero-art{padding:34px 0 46px}
html.cs-page-luminous-3d-lighting .d41-case-study .birdi-presentation-15{inset:18% -3% -2% 8%;border-radius:50%;background:radial-gradient(circle at center,rgba(222,228,237,.82),rgba(247,248,251,0) 70%);filter:blur(12px)}
html.cs-page-luminous-3d-lighting .d41-case-study .hero-art .birdi-presentation-16{max-width:720px;padding-top:27px;border:0;border-radius:15px;background:#e8edf4;overflow:hidden;box-shadow:0 36px 72px rgba(20,32,57,.22),0 9px 24px rgba(20,32,57,.12)}
html.cs-page-luminous-3d-lighting .d41-case-study .hero-art .birdi-presentation-16:before{content:"";position:absolute;z-index:2;top:9px;left:13px;width:9px;height:9px;border-radius:50%;background:#ff5b72;box-shadow:16px 0 #b9c0ca,32px 0 #d0d6de}
html.cs-page-luminous-3d-lighting .d41-case-study .hero-art .birdi-presentation-16:after{content:"LUMINOUS 3D";position:absolute;z-index:2;top:7px;right:14px;color:#667184;font-size:8px;font-weight:700;line-height:12px;letter-spacing:.13em}
html.cs-page-luminous-3d-lighting .d41-case-study .hero-art .birdi-presentation-17{display:block;width:100%;border-radius:0 0 12px 12px}
@media(max-width:767px){
 html.cs-page-luminous-3d-lighting .d41-case-study .hero-art{padding:24px 0 36px}
 html.cs-page-luminous-3d-lighting .d41-case-study .hero-art .birdi-presentation-16{padding-top:23px;border-radius:12px}
 html.cs-page-luminous-3d-lighting .d41-case-study .hero-art .birdi-presentation-16:before{top:7px;left:11px;width:8px;height:8px;box-shadow:14px 0 #b9c0ca,28px 0 #d0d6de}
 html.cs-page-luminous-3d-lighting .d41-case-study .hero-art .birdi-presentation-16:after{top:5px;right:11px;font-size:7px}
}

/* ================================================================
   Page namespace: G-Sport-Tyres-Case-Study (cs-page-g-sport-tyres)
   ================================================================ */

/* Original file: G-Sport-Tyres-Case-Study/css/birdi.css */
@font-face{
  font-family:Lexend;
  src:url('../vendor/lexend/lexend-2.ttf') format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:swap
}

@font-face{
  font-family:Lexend;
  src:url('../vendor/lexend/lexend-4.ttf') format('truetype');
  font-weight:600;
  font-style:normal;
  font-display:swap
}

html.cs-page-g-sport-tyres{
  --navy:#101d30;
  --navy2:#17253b;
  --ink:#122039;
  --pink:#ef4a68;
  --paper:#f3f5f8;
  --line:#d6dce5;
  --muted:#5c687c;
  --white:#fff
}

html.cs-page-g-sport-tyres *{
  box-sizing:border-box
}
html.cs-page-g-sport-tyres{
  scroll-behavior:smooth;
  font-size:16px
}
html.cs-page-g-sport-tyres body{
  margin:0;
  font-family:Lexend,Arial,sans-serif;
  color:var(--ink);
  background:#fff;
  line-height:1.72;
  overflow-x:hidden
}
html.cs-page-g-sport-tyres .case-study section img{
  width:100%;
  height:auto
}
html.cs-page-g-sport-tyres a{
  text-decoration:none
}
html.cs-page-g-sport-tyres button,html.cs-page-g-sport-tyres summary{
  font:inherit
}
html.cs-page-g-sport-tyres button:focus-visible,html.cs-page-g-sport-tyres a:focus-visible,html.cs-page-g-sport-tyres summary:focus-visible{
  outline:3px solid var(--pink);
  outline-offset:4px
}
/* html.cs-page-g-sport-tyres .container{
  max-width:1240px
} */
html.cs-page-g-sport-tyres .section{
  padding:clamp(76px,8vw,120px) 0
}
html.cs-page-g-sport-tyres .roomy{
  row-gap:48px
}
html.cs-page-g-sport-tyres .eyebrow,html.cs-page-g-sport-tyres .kicker{
  text-transform:uppercase;
  letter-spacing:.16em;
  color:var(--pink);
  font-size:.78rem;
  font-weight:700;
  margin:0 0 18px
}
html.cs-page-g-sport-tyres .eyebrow{
  display:flex;
  align-items:center;
  gap:12px
}
html.cs-page-g-sport-tyres .eyebrow>span{
  width:42px;
  height:2px;
  background:var(--pink)
}
html.cs-page-g-sport-tyres .section-head{
  margin-bottom:34px
}
html.cs-page-g-sport-tyres .section-head.narrow{
  max-width:760px
}
html.cs-page-g-sport-tyres .section-head.wide{
  max-width:870px
}
html.cs-page-g-sport-tyres .section-head.centered{
  max-width:800px;
  margin:0 auto 54px;
  text-align:center
}
html.cs-page-g-sport-tyres .section-head h2{
  font-size:clamp(2rem,4vw,3.6rem);
  line-height:1.08;
  letter-spacing:-.045em;
  margin:0 0 24px;
  font-weight:600
}
html.cs-page-g-sport-tyres .section-head h2 span{
  color:var(--pink)
}
html.cs-page-g-sport-tyres .section-head p:last-child{
  color:var(--muted);
  font-size:1.02rem;
  margin-bottom:0
}
html.cs-page-g-sport-tyres .prose p,html.cs-page-g-sport-tyres p{
  font-size:1rem
}
html.cs-page-g-sport-tyres .prose p{
  color:var(--muted);
  margin-bottom:20px
}
html.cs-page-g-sport-tyres .prose strong{
  color:var(--ink)
}

html.cs-page-g-sport-tyres .hero-section{
  padding:clamp(58px,8vw,108px) 0 0;
  background:linear-gradient(135deg,#fff 0%,#f5f6f9 68%,#edf0f5 100%);
  overflow:hidden;
  padding-top:160px;
}
html.cs-page-g-sport-tyres .hero-row{
  min-height:590px;
  row-gap:54px
}
html.cs-page-g-sport-tyres .hero-copy h1{
  font-size:clamp(2.7rem,5vw,5.1rem);
  line-height:.99;
  letter-spacing:-.06em;
  font-weight:600;
  margin:0 0 22px
}
html.cs-page-g-sport-tyres .hero-copy h1 strong{
  display:block;
  color:var(--pink);
  font-weight:600
}
html.cs-page-g-sport-tyres .hero-lead{
  max-width:610px;
  color:var(--muted);
  font-size:1.08rem;
  margin:26px 0 30px
}
html.cs-page-g-sport-tyres .country-line{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:.88rem;
  font-weight:600;
  color:var(--ink);
  background:#fff;
  border:1px solid #e0e4eb;
  border-radius:999px;
  padding:7px 13px;
  box-shadow:0 8px 26px rgba(16,29,48,.07)
}
html.cs-page-g-sport-tyres .flag{
  font-size:1.28rem;
  line-height:1
}
html.cs-page-g-sport-tyres .primary-cta,html.cs-page-g-sport-tyres .light-cta{
  border-radius:4px;
  padding:15px 23px;
  font-weight:600;
  font-size:.92rem;
  letter-spacing:.01em
}
html.cs-page-g-sport-tyres .primary-cta{
  background:var(--navy) !important;
  color:#fff
}
html.cs-page-g-sport-tyres .primary-cta:hover{
  background:var(--pink);
  color:#fff
}
html.cs-page-g-sport-tyres .primary-cta i,html.cs-page-g-sport-tyres .light-cta i{
  margin-left:9px
}
html.cs-page-g-sport-tyres .browser-visual{
  margin:0;
  background:#fff;
  border-radius:14px;
  box-shadow:0 22px 70px rgba(16,29,48,.18);
  overflow:hidden;
  border:1px solid rgba(16,29,48,.1)
}
html.cs-page-g-sport-tyres .browser-visual img{
  display:block;
  width:100%
}
html.cs-page-g-sport-tyres .browser-bar{
  height:38px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:0 15px;
  background:#e9edf3;
  border-bottom:1px solid #d9dee7
}
html.cs-page-g-sport-tyres .browser-bar i{
  display:block;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#ff5f57
}
html.cs-page-g-sport-tyres .browser-bar i:nth-child(2){
  background:#febc2e
}
html.cs-page-g-sport-tyres .browser-bar i:nth-child(3){
  background:#28c840
}
html.cs-page-g-sport-tyres .browser-bar span{
  margin-left:auto;
  margin-right:auto;
  color:#697588;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-size:.62rem;
  font-weight:700
}
html.cs-page-g-sport-tyres .browser-visual figcaption{
  padding:13px 18px;
  color:#687487;
  background:#fff;
  font-size:.73rem;
  line-height:1.55;
  border-top:1px solid #eceff3
}
html.cs-page-g-sport-tyres .hero-browser{
  transform:perspective(1400px) rotateY(-4deg) rotateX(1deg);
  box-shadow:28px 34px 80px rgba(16,29,48,.22)
}
html.cs-page-g-sport-tyres .hero-facts{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  background:#fff;
  margin-top:70px;
  position:relative;
  z-index:2;
  box-shadow:0 18px 55px rgba(16,29,48,.1)
}
html.cs-page-g-sport-tyres .hero-facts>div{
  display:flex;
  gap:14px;
  align-items:center;
  padding:24px;
  border-right:1px solid #e3e7ed
}
html.cs-page-g-sport-tyres .hero-facts>div:last-child{
  border-right:0
}
html.cs-page-g-sport-tyres .hero-facts i{
  color:var(--pink);
  font-size:1.35rem;
  width:24px;
  text-align:center
}
html.cs-page-g-sport-tyres .hero-facts span{
  font-size:.79rem;
  line-height:1.5;
  color:var(--muted)
}
html.cs-page-g-sport-tyres .hero-facts b{
  display:block;
  color:var(--ink);
  font-size:.68rem;
  text-transform:uppercase;
  letter-spacing:.1em;
  margin-bottom:3px
}

html.cs-page-g-sport-tyres .summary-strip{
  background:var(--navy);
  color:#fff;
  padding:54px 0
}
html.cs-page-g-sport-tyres .summary-grid{
  display:grid;
  grid-template-columns:.85fr 1.5fr;
  gap:70px;
  align-items:center
}
html.cs-page-g-sport-tyres .summary-title p{
  text-transform:uppercase;
  letter-spacing:.15em;
  color:var(--pink);
  font-size:.75rem;
  font-weight:700
}
html.cs-page-g-sport-tyres .summary-title h2{
  font-size:1.55rem;
  line-height:1.3;
  margin:0
}
html.cs-page-g-sport-tyres .summary-grid dl{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  margin:0;
  gap:22px
}
html.cs-page-g-sport-tyres .summary-grid dl div{
  border-left:1px solid rgba(255,255,255,.19);
  padding-left:18px
}
html.cs-page-g-sport-tyres .summary-grid dt{
  color:#96a3b6;
  font-size:.69rem;
  text-transform:uppercase;
  letter-spacing:.1em;
  margin-bottom:7px
}
html.cs-page-g-sport-tyres .summary-grid dd{
  margin:0;
  font-size:.85rem;
  line-height:1.45
}

html.cs-page-g-sport-tyres .client-section{
  background:#fff
}
html.cs-page-g-sport-tyres .relationship-rail{
  border-top:2px solid var(--navy)
}
html.cs-page-g-sport-tyres .relationship-rail article{
  padding:28px 0;
  border-bottom:1px solid var(--line);
  display:grid;
  grid-template-columns:48px 1fr;
  column-gap:18px
}
html.cs-page-g-sport-tyres .relationship-rail article>span{
  color:var(--pink);
  font-weight:700;
  grid-row:1/3
}
html.cs-page-g-sport-tyres .relationship-rail p{
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#7a8698;
  font-size:.69rem;
  font-weight:700;
  margin:0 0 7px
}
html.cs-page-g-sport-tyres .relationship-rail h3{
  font-size:1.2rem;
  margin:0;
  line-height:1.4
}
html.cs-page-g-sport-tyres .need-section{
  background:var(--paper)
}
html.cs-page-g-sport-tyres .need-list{
  border-top:2px solid var(--navy)
}
html.cs-page-g-sport-tyres .need-list article{
  display:grid;
  grid-template-columns:52px 1fr;
  gap:18px;
  border-bottom:1px solid #cdd3dd;
  padding:30px 0
}
html.cs-page-g-sport-tyres .need-list b{
  color:var(--pink);
  font-size:.83rem
}
html.cs-page-g-sport-tyres .need-list h3{
  font-size:1.25rem;
  margin:0 0 8px
}
html.cs-page-g-sport-tyres .need-list p{
  color:var(--muted);
  margin:0
}
html.cs-page-g-sport-tyres .build-section .row,html.cs-page-g-sport-tyres .support-section .row,html.cs-page-g-sport-tyres .capabilities-section .row{
  row-gap:45px
}
html.cs-page-g-sport-tyres .build-section .browser-visual,html.cs-page-g-sport-tyres .support-section .browser-visual,html.cs-page-g-sport-tyres .capabilities-section .browser-visual{
  margin-left:clamp(0px,3vw,42px)
}
html.cs-page-g-sport-tyres .check-list{
  list-style:none;
  padding:0;
  margin:28px 0
}
html.cs-page-g-sport-tyres .check-list li{
  padding:10px 0 10px 28px;
  position:relative;
  border-bottom:1px solid #e7eaf0;
  color:#465368
}
html.cs-page-g-sport-tyres .check-list li:before{
  content:'\f00c';
  font-family:FontAwesome;
  position:absolute;
  left:0;
  color:var(--pink)
}

html.cs-page-g-sport-tyres .workflow-section{
  background:linear-gradient(135deg,var(--navy),#172944);
  color:#fff
}
html.cs-page-g-sport-tyres .workflow-section .section-head p:last-child{
  color:#b8c1cf
}
html.cs-page-g-sport-tyres .workflow-layout{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:clamp(38px,6vw,84px);
  align-items:start
}
html.cs-page-g-sport-tyres .workflow-media{
  position:relative;
  top:auto
}
html.cs-page-g-sport-tyres .workflow-label{
  display:flex;
  justify-content:space-between;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-size:.73rem;
  color:#aeb8c7;
  margin-bottom:17px
}
html.cs-page-g-sport-tyres .workflow-label b{
  color:var(--pink)
}
html.cs-page-g-sport-tyres .workflow-stage{
  border-radius:10px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 20px 60px rgba(0,0,0,.24);
  min-height:280px;
  display:flex;
  align-items:center
}
html.cs-page-g-sport-tyres .workflow-stage img{
  display:block;
  width:100%;
  animation:cs-page-g-sport-tyres-fadeIn .35s ease
}
html.cs-page-g-sport-tyres .workflow-media h3{
  font-size:1rem;
  margin:20px 0 14px
}
html.cs-page-g-sport-tyres .progress-line{
  height:3px;
  background:rgba(255,255,255,.18)
}
html.cs-page-g-sport-tyres .progress-line span{
  display:block;
  height:100%;
  background:var(--pink);
  transition:width .3s
}
html.cs-page-g-sport-tyres .workflow-steps{
  border-left:1px solid rgba(255,255,255,.22);
  padding-left:32px
}
html.cs-page-g-sport-tyres .workflow-step{
  display:grid;
  grid-template-columns:40px 1fr;
  gap:16px;
  padding:8px 0 54px;
  position:relative;
  cursor:pointer
}
html.cs-page-g-sport-tyres .workflow-step:before{
  content:'';
  position:absolute;
  left:-38px;
  top:15px;
  width:11px;
  height:11px;
  border:2px solid var(--pink);
  border-radius:50%;
  background:var(--navy)
}
html.cs-page-g-sport-tyres .workflow-step.is-active:before{
  background:var(--pink);
  box-shadow:0 0 0 7px rgba(239,74,104,.18)
}
html.cs-page-g-sport-tyres .workflow-step>span{
  color:var(--pink);
  font-weight:700;
  font-size:.79rem
}
html.cs-page-g-sport-tyres .workflow-step h3{
  font-size:1.3rem;
  margin:0 0 12px
}
html.cs-page-g-sport-tyres .workflow-step p{
  color:#bec7d4;
  margin:0;
  line-height:1.7
}
html.cs-page-g-sport-tyres .dealer-workflow{
  background:#fff
}
html.cs-page-g-sport-tyres .full-visual{
  margin-top:48px
}
html.cs-page-g-sport-tyres .capabilities-section{
  background:var(--paper)
}
html.cs-page-g-sport-tyres .capability-list{
  border-top:2px solid var(--navy)
}
html.cs-page-g-sport-tyres .capability-list details{
  border-bottom:1px solid #cdd3dd;
  padding:18px 0
}
html.cs-page-g-sport-tyres .capability-list summary{
  cursor:pointer;
  list-style:none;
  font-weight:600;
  padding-right:30px;
  position:relative
}
html.cs-page-g-sport-tyres .capability-list summary::-webkit-details-marker{
  display:none
}
html.cs-page-g-sport-tyres .capability-list summary:after{
  content:'+';
  position:absolute;
  right:0;
  color:var(--pink);
  font-size:1.35rem;
  top:-5px
}
html.cs-page-g-sport-tyres .capability-list details[open] summary:after{
  content:'−'
}
html.cs-page-g-sport-tyres .capability-list p{
  color:var(--muted);
  margin:12px 0 2px;
  font-size:.91rem
}

html.cs-page-g-sport-tyres .phase-section{
  background:var(--navy);
  color:#fff
}
html.cs-page-g-sport-tyres .phase-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  border:1px solid rgba(255,255,255,.2)
}
html.cs-page-g-sport-tyres .phase-grid article{
  padding:clamp(30px,4vw,55px)
}
html.cs-page-g-sport-tyres .phase-grid article+article{
  border-left:1px solid rgba(255,255,255,.2)
}
html.cs-page-g-sport-tyres .phase-num{
  display:inline-block;
  color:var(--pink);
  font-size:2.8rem;
  font-weight:600;
  line-height:1;
  margin-bottom:25px
}
html.cs-page-g-sport-tyres .phase-label{
  color:#9facc0;
  text-transform:uppercase;
  letter-spacing:.11em;
  font-size:.69rem;
  font-weight:700
}
html.cs-page-g-sport-tyres .phase-grid h3{
  font-size:1.5rem;
  margin-bottom:16px
}
html.cs-page-g-sport-tyres .phase-grid article>p:last-child{
  color:#c5cdd8;
  margin-bottom:0
}
html.cs-page-g-sport-tyres .evidence-note{
  display:flex;
  gap:13px;
  align-items:flex-start;
  margin:26px 0 0;
  padding:18px 0;
  color:#bfc9d7;
  font-size:.84rem;
  border-top:1px solid rgba(255,255,255,.17)
}
html.cs-page-g-sport-tyres .evidence-note i{
  color:var(--pink);
  margin-top:5px
}
html.cs-page-g-sport-tyres .support-section{
  background:#fff
}

html.cs-page-g-sport-tyres .features-section{
  background:#fff
}
html.cs-page-g-sport-tyres .features-top{
  display:grid;
  grid-template-columns:1.1fr .75fr;
  gap:70px;
  align-items:end
}
html.cs-page-g-sport-tyres .features-top>p{
  color:var(--muted);
  margin-bottom:34px
}
html.cs-page-g-sport-tyres .feature-tabs{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-bottom:1px solid var(--line);
  margin-top:15px
}
html.cs-page-g-sport-tyres .feature-tabs button{
  border:0;
  border-bottom:3px solid transparent;
  background:none;
  padding:20px;
  color:#667287;
  font-weight:600;
  cursor:pointer
}
html.cs-page-g-sport-tyres .feature-tabs button i{
  color:var(--pink);
  margin-right:9px
}
html.cs-page-g-sport-tyres .feature-tabs button.active{
  border-color:var(--pink);
  color:var(--ink)
}
html.cs-page-g-sport-tyres .feature-panel{
  display:none;
  grid-template-columns:repeat(4,1fr);
  border-left:1px solid var(--line);
  margin-top:42px
}
html.cs-page-g-sport-tyres .feature-panel.active{
  display:grid
}
html.cs-page-g-sport-tyres .feature-panel article{
  padding:8px 25px 20px;
  border-right:1px solid var(--line)
}
html.cs-page-g-sport-tyres .feature-panel h3{
  font-size:1.08rem;
  line-height:1.4;
  margin:0 0 12px
}
html.cs-page-g-sport-tyres .feature-panel p{
  font-size:.87rem;
  color:var(--muted);
  margin:0
}
html.cs-page-g-sport-tyres .fit-section{
  background:var(--paper)
}
html.cs-page-g-sport-tyres .fit-list{
  border-top:2px solid var(--navy)
}
html.cs-page-g-sport-tyres .fit-list>div{
  display:grid;
  grid-template-columns:50px 1fr 1.2fr;
  gap:18px;
  padding:27px 0;
  border-bottom:1px solid #cdd3dd;
  align-items:start
}
html.cs-page-g-sport-tyres .fit-list span{
  color:var(--pink);
  font-size:.78rem;
  font-weight:700
}
html.cs-page-g-sport-tyres .fit-list h3{
  font-size:1.08rem;
  margin:0
}
html.cs-page-g-sport-tyres .fit-list p{
  font-size:.9rem;
  color:var(--muted);
  margin:0
}
html.cs-page-g-sport-tyres .tech-section{
  background:#fff
}
html.cs-page-g-sport-tyres .tech-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px
}
html.cs-page-g-sport-tyres .tech-grid article{
  border:1px solid var(--line);
  padding:32px
}
html.cs-page-g-sport-tyres .tech-grid article>p{
  font-size:.72rem;
  color:var(--pink);
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:700
}
html.cs-page-g-sport-tyres .tech-grid article div{
  display:flex;
  flex-wrap:wrap;
  gap:10px
}
html.cs-page-g-sport-tyres .tech-grid span{
  padding:10px 13px;
  background:var(--paper);
  font-size:.81rem;
  color:#3f4c60
}
html.cs-page-g-sport-tyres .tech-section .evidence-note{
  color:var(--muted);
  border-color:var(--line)
}

html.cs-page-g-sport-tyres .cta-section{
  padding:clamp(75px,9vw,120px) 0;
  background:linear-gradient(115deg,#ee4865,#d93658);
  text-align:center;
  color:#fff
}
html.cs-page-g-sport-tyres .cta-section .kicker{
  color:#fff
}
html.cs-page-g-sport-tyres .cta-section h2{
  font-size:clamp(2.2rem,5vw,4.4rem);
  letter-spacing:-.05em;
  line-height:1.05;
  margin:0 0 20px
}
html.cs-page-g-sport-tyres .cta-section p:not(.kicker){
  max-width:760px;
  margin:0 auto 30px;
  color:#fff
}
html.cs-page-g-sport-tyres .light-cta{
  background:#fff;
  color:var(--navy)
}
html.cs-page-g-sport-tyres .light-cta:hover{
  background:var(--navy);
  color:#fff
}
html.cs-page-g-sport-tyres .faq-section{
  background:#fff
}
html.cs-page-g-sport-tyres .faq-list{
  max-width:960px;
  margin:auto;
  border-top:2px solid var(--navy)
}
html.cs-page-g-sport-tyres .faq-list details{
  border-bottom:1px solid var(--line);
  padding:0
}
html.cs-page-g-sport-tyres .faq-list summary{
  list-style:none;
  cursor:pointer;
  font-size:1.08rem;
  font-weight:600;
  padding:25px 50px 25px 0;
  position:relative
}
html.cs-page-g-sport-tyres .faq-list summary::-webkit-details-marker{
  display:none
}
html.cs-page-g-sport-tyres .faq-list summary:after{
  content:'+';
  position:absolute;
  right:8px;
  top:19px;
  color:var(--pink);
  font-size:1.5rem
}
html.cs-page-g-sport-tyres .faq-list details[open] summary:after{
  content:'−'
}
html.cs-page-g-sport-tyres .faq-list p{
  color:var(--muted);
  padding:0 40px 25px 0;
  margin:0
}

@keyframes cs-page-g-sport-tyres-fadeIn{
  from{
  opacity:.25;
  transform:translateY(4px)
}
to{
  opacity:1;
  transform:none
}

}

@media(max-width:991.98px){
  html.cs-page-g-sport-tyres .hero-row{
  min-height:auto
}
html.cs-page-g-sport-tyres .hero-copy{
  text-align:left
}
html.cs-page-g-sport-tyres .hero-browser{
  display:none !important;
  margin-top:12px
}
html.cs-page-g-sport-tyres .hero-facts{
  grid-template-columns:1fr 1fr
}
html.cs-page-g-sport-tyres .hero-facts>div:nth-child(2){
  border-right:0
}
html.cs-page-g-sport-tyres .hero-facts>div:nth-child(-n+2){
  border-bottom:1px solid #e3e7ed
}
html.cs-page-g-sport-tyres .summary-grid{
  grid-template-columns:1fr;
  gap:35px
}
html.cs-page-g-sport-tyres .summary-grid dl{
  grid-template-columns:1fr 1fr
}
html.cs-page-g-sport-tyres .workflow-layout{
  grid-template-columns:1fr
}
html.cs-page-g-sport-tyres .workflow-media{
  position:relative
}
html.cs-page-g-sport-tyres .features-top{
  grid-template-columns:1fr;
  gap:0
}
html.cs-page-g-sport-tyres .feature-panel{
  grid-template-columns:1fr 1fr
}
html.cs-page-g-sport-tyres .fit-list{
  margin-top:20px
}
html.cs-page-g-sport-tyres .build-section .browser-visual,html.cs-page-g-sport-tyres .support-section .browser-visual,html.cs-page-g-sport-tyres .capabilities-section .browser-visual{
  margin:0 0 42px
}

}

@media(max-width:767.98px){
  html.cs-page-g-sport-tyres .section{
  padding:70px 0
}
html.cs-page-g-sport-tyres .container{
  padding-left:22px;
  padding-right:22px
}
html.cs-page-g-sport-tyres .hero-section{
  padding-top:50px
}
html.cs-page-g-sport-tyres .hero-row{
  row-gap:40px
}
html.cs-page-g-sport-tyres .hero-copy h1{
  font-size:2.65rem
}
html.cs-page-g-sport-tyres .hero-facts{
  grid-template-columns:1fr;
  margin-top:48px
}
html.cs-page-g-sport-tyres .hero-facts>div{
  border-right:0;
  border-bottom:1px solid #e3e7ed
}
html.cs-page-g-sport-tyres .summary-grid dl{
  grid-template-columns:1fr
}
html.cs-page-g-sport-tyres .summary-grid dl div{
  padding:14px 0;
  border-left:0;
  /* border-top:1px solid rgba(255,255,255,.15) */
}
html.cs-page-g-sport-tyres .workflow-stage
{
  display:none !important;
}
html.cs-page-g-sport-tyres .section-head.centered{
  text-align:left
}
html.cs-page-g-sport-tyres .workflow-steps{
  padding-left:25px
}
html.cs-page-g-sport-tyres .workflow-step:before{
  left:-31px
}
html.cs-page-g-sport-tyres .phase-grid{
  grid-template-columns:1fr
}
html.cs-page-g-sport-tyres .phase-grid article+article{
  border-left:0;
  border-top:1px solid rgba(255,255,255,.2)
}
html.cs-page-g-sport-tyres .feature-tabs{
  grid-template-columns:1fr
}
html.cs-page-g-sport-tyres .feature-tabs button{
  text-align:left
}
html.cs-page-g-sport-tyres .feature-panel.active{
  grid-template-columns:1fr
}
html.cs-page-g-sport-tyres .feature-panel{
  border-left:0
}
html.cs-page-g-sport-tyres .feature-panel article{
  border-right:0;
  border-bottom:1px solid var(--line);
  padding:18px 0
}
html.cs-page-g-sport-tyres .fit-list>div{
  grid-template-columns:40px 1fr
}
html.cs-page-g-sport-tyres .fit-list p{
  grid-column:2
}
html.cs-page-g-sport-tyres .tech-grid{
  grid-template-columns:1fr
}
html.cs-page-g-sport-tyres .browser-bar{
  height:32px
}
html.cs-page-g-sport-tyres .browser-visual figcaption{
  font-size:.69rem
}
html.cs-page-g-sport-tyres .cta-section{
  text-align:left
}
html.cs-page-g-sport-tyres .cta-section p:not(.kicker){
  margin-left:0
}
html.cs-page-g-sport-tyres .country-line{
  margin-bottom:3px
}

}

@media(prefers-reduced-motion:reduce){
  html.cs-page-g-sport-tyres{
  scroll-behavior:auto
}
html.cs-page-g-sport-tyres *,html.cs-page-g-sport-tyres *:before,html.cs-page-g-sport-tyres *:after{
  animation:none!important;
  transition:none!important
}

}

/* Birdi template fidelity refinements requested for G Sport. */
html.cs-page-g-sport-tyres .hero-copy h1{
  font-size:clamp(3rem,5vw,5.15rem);
  line-height:1.02;
  letter-spacing:-.055em;
  margin-bottom:26px;
  color:#484848
}

html.cs-page-g-sport-tyres .hero-lead{
  color:#667084
}

html.cs-page-g-sport-tyres .country-line{
  display:flex;
  align-items:center;
  gap:14px;
  width:100%;
  padding:1px 0 1px 14px;
  border:0;
  border-left:3px solid var(--pink);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:var(--ink)
}

html.cs-page-g-sport-tyres .country-line strong{
  font-size:1.32rem;
  color:#d82f52
}

html.cs-page-g-sport-tyres .country-line>span:last-child{
  color:var(--ink);
  font-size:.92rem
}

html.cs-page-g-sport-tyres .country-line .flag{
  font-size:1.65rem;
  line-height:1
}

html.cs-page-g-sport-tyres .hero-facts{
  margin-top:76px;
  border-top:1px solid #e4e7ed;
  box-shadow:none
}

html.cs-page-g-sport-tyres .hero-facts>div{
  align-items:flex-start;
  gap:13px;
  padding:30px 18px;
  border-right:0
}

html.cs-page-g-sport-tyres .hero-facts i{
  width:17px;
  margin-top:5px;
  font-size:.85rem
}

html.cs-page-g-sport-tyres .hero-facts span{
  font-size:.88rem;
  color:#566176
}

html.cs-page-g-sport-tyres .hero-facts b{
  font-size:.91rem;
  letter-spacing:0;
  text-transform:none
}

html.cs-page-g-sport-tyres .summary-strip{
  padding:48px 0;
  background:linear-gradient(110deg,#122138 0%,#18223a 70%,#352239 100%)
}

html.cs-page-g-sport-tyres .summary-grid{
  grid-template-columns:.9fr 1.5fr
}

html.cs-page-g-sport-tyres .summary-title{
  padding-right:34px;
  border-right:1px solid rgba(255,255,255,.2)
}

html.cs-page-g-sport-tyres .summary-client{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:24px
}

html.cs-page-g-sport-tyres .summary-client strong{
  font-size:1.45rem
}

html.cs-page-g-sport-tyres .summary-client span{
  padding-left:16px;
  border-left:1px solid rgba(255,255,255,.28);
  color:#c3cad5;
  font-size:.86rem
}

html.cs-page-g-sport-tyres .summary-title h2{
  margin:0 0 24px;
  font-size:1.38rem;
  line-height:1.45
}

html.cs-page-g-sport-tyres .summary-title .summary-status{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0;
  color:#fff;
  font-size:.83rem;
  font-weight:600;
  letter-spacing:0;
  text-transform:none
}

html.cs-page-g-sport-tyres .summary-status i{
  color:#ff6a83
}

html.cs-page-g-sport-tyres .summary-grid dl{
  grid-template-columns:repeat(2,1fr);
  gap:28px 50px
}

html.cs-page-g-sport-tyres .summary-grid dl div{
  padding-left:0;
  border-left:0
}

html.cs-page-g-sport-tyres .summary-grid dt{
  margin-bottom:7px;
  color:#aeb8c8;
  font-size:.78rem;
  font-weight:400;
  letter-spacing:0;
  text-transform:none
}

html.cs-page-g-sport-tyres .summary-grid dd{
  font-size:.93rem;
  font-weight:600
}

html.cs-page-g-sport-tyres .dealer-workflow{
  position:relative;
  overflow:hidden;
  padding-top:90px;
  background:#fff
}

html.cs-page-g-sport-tyres .dealer-workflow:before,html.cs-page-g-sport-tyres .dealer-workflow:after{
  display:none
}

html.cs-page-g-sport-tyres .dealer-workflow:before{
  left:-500px;
  transform:rotate(15deg)
}

html.cs-page-g-sport-tyres .dealer-workflow:after{
  right:-500px;
  transform:rotate(-15deg)
}

html.cs-page-g-sport-tyres .dealer-heading{
  position:relative;
  z-index:2;
  max-width:860px!important;
  text-align:center
}

html.cs-page-g-sport-tyres .dealer-heading h2{
  max-width:760px;
  margin-left:auto;
  margin-right:auto
}

html.cs-page-g-sport-tyres .dealer-heading>p:not(.kicker){
  max-width:800px;
  margin-left:auto;
  margin-right:auto
}

html.cs-page-g-sport-tyres .dealer-heading .illustration-copy{
  margin-top:13px;
  color:#7b8798!important;
  font-size:.84rem
}

html.cs-page-g-sport-tyres .bulk-showcase{
  position:relative;
  z-index:2;
  max-width:1040px;
  margin:52px auto 0
}

html.cs-page-g-sport-tyres .bulk-screen{
  padding:13px;
  border:1px solid rgba(129,164,192,.18);
  border-radius:12px;
  background:#fff;
  box-shadow:0 30px 80px rgba(65,110,148,.18)
}

html.cs-page-g-sport-tyres .bulk-screen img{
  display:block;
  width:100%;
  border-radius:5px
}

html.cs-page-g-sport-tyres .bulk-showcase figcaption{
  padding:15px 12px 0;
  color:#738094;
  font-size:.73rem;
  text-align:center
}

@media(max-width:991.98px){
  html.cs-page-g-sport-tyres .summary-grid{
  grid-template-columns:1fr
}
html.cs-page-g-sport-tyres .summary-title{
  padding-right:0;
  padding-bottom:30px;
  border-right:0;
  border-bottom:1px solid rgba(255,255,255,.2)
}
html.cs-page-g-sport-tyres .hero-facts>div{
  border-bottom:1px solid #e3e7ed
}

}

@media(max-width:767.98px){
  html.cs-page-g-sport-tyres .hero-copy h1{
  font-size:2.75rem
}
html.cs-page-g-sport-tyres .country-line{
  flex-wrap:wrap;
  gap:8px 12px
}
html.cs-page-g-sport-tyres .country-line>span:last-child{
  width:100%;
  padding-left:48px
}
html.cs-page-g-sport-tyres .hero-facts>div{
  padding:21px 5px
}
html.cs-page-g-sport-tyres .summary-client{
  align-items:flex-start;
  flex-direction:column;
  gap:8px
}
html.cs-page-g-sport-tyres .summary-client span{
  padding-left:0;
  border-left:0
}
html.cs-page-g-sport-tyres .summary-grid dl div{
  border-left:0
}
html.cs-page-g-sport-tyres .dealer-workflow{
  padding-top:70px
}
html.cs-page-g-sport-tyres .dealer-workflow .dealer-heading{
  text-align:center
}
html.cs-page-g-sport-tyres .bulk-showcase{
  margin-top:38px
}
html.cs-page-g-sport-tyres .bulk-screen{
  padding:7px
}

}

/* Exact Birdi below-banner composition. */
html.cs-page-g-sport-tyres .hero-section{
  padding-bottom:72px;
  background:#fff
}

html.cs-page-g-sport-tyres .template-highlights{
  background:#fff;
  padding:0 0 68px
}

html.cs-page-g-sport-tyres .template-highlights .hero-facts{
  margin:0;
  padding:28px 0 24px;
  border-top:1px solid #dfe3e9;
  background:#fff
}

html.cs-page-g-sport-tyres .template-highlights .hero-facts>div{
  min-height:88px;
  padding:0 22px 0 0
}

html.cs-page-g-sport-tyres .template-highlights .hero-facts>div+div{
  padding-left:22px
}

html.cs-page-g-sport-tyres .summary-grid{
  grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);
  gap:40px
}

html.cs-page-g-sport-tyres .summary-title{
  padding-right:40px
}

html.cs-page-g-sport-tyres .summary-grid dl{
  gap:28px 48px;
  padding-left:2px
}

@media(max-width:991.98px){
  html.cs-page-g-sport-tyres .hero-section{
  padding-bottom:58px
}
html.cs-page-g-sport-tyres .template-highlights{
  padding-bottom:48px
}
html.cs-page-g-sport-tyres .template-highlights .hero-facts{
  padding-bottom:0
}
html.cs-page-g-sport-tyres .template-highlights .hero-facts>div{
  padding:22px 18px
}
html.cs-page-g-sport-tyres .template-highlights .hero-facts>div+div{
  padding-left:18px
}
html.cs-page-g-sport-tyres .summary-grid{
  grid-template-columns:1fr
}

}

@media(max-width:767.98px){
  html.cs-page-g-sport-tyres .hero-section{
  padding-top:120px
}
html.cs-page-g-sport-tyres .template-highlights{
  padding-bottom:34px
}
html.cs-page-g-sport-tyres .template-highlights .hero-facts>div,html.cs-page-g-sport-tyres .template-highlights .hero-facts>div+div{
  min-height:0;
  padding:20px 4px
}
html.cs-page-g-sport-tyres .summary-strip{
  padding:42px 0
}

}

/* Banner CTA and scroll-linked workflow refinements. */
html.cs-page-g-sport-tyres .primary-cta{
  background:var(--pink);
  border:1px solid #dd304f;
  border-radius:10px;
  color:#fff;
  box-shadow:0 16px 34px rgba(239,74,104,.22);
  transition:transform .2s ease,background .2s ease,box-shadow .2s ease
}

html.cs-page-g-sport-tyres .primary-cta:hover{
  background:#d93658;
  border-color:#d93658;
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 20px 40px rgba(239,74,104,.3)
}

html.cs-page-g-sport-tyres .workflow-media{
  position:sticky;
  top:132px
}

@media(max-width:991.98px){
  html.cs-page-g-sport-tyres .workflow-media{
  position:relative;
  top:auto
}

}

/* Latest G Sport layout refinements. */
html.cs-page-g-sport-tyres .hero-row > [class*="col-"]{
  padding-left:18px;
  padding-right:18px
}

html.cs-page-g-sport-tyres .template-highlights{
  padding-bottom:26px
}

html.cs-page-g-sport-tyres .template-highlights .hero-facts{
  padding-top:20px;
  padding-bottom:16px
}

html.cs-page-g-sport-tyres .build-section > .container > .section-head,
html.cs-page-g-sport-tyres .capabilities-section > .container > .section-head,
html.cs-page-g-sport-tyres .cs-support-heading{
  margin-bottom:54px;
  text-align:center
}

html.cs-page-g-sport-tyres .capabilities-section{
  overflow-anchor:none
}

html.cs-page-g-sport-tyres .capabilities-section .row{
  align-items:flex-start
}

html.cs-page-g-sport-tyres .capability-list,
html.cs-page-g-sport-tyres .capability-list details{
  overflow-anchor:none
}

html.cs-page-g-sport-tyres .capabilities-section .browser-visual{
  margin-top:0
}

html.cs-page-g-sport-tyres .support-section{
  background:#f1f1f1
}

html.cs-page-g-sport-tyres .cs-support-layout{
  row-gap:42px
}

html.cs-page-g-sport-tyres .support-section .cs-support-visual{
  margin:0;
  box-shadow:0 24px 64px rgba(16,29,48,.14)
}

html.cs-page-g-sport-tyres .cs-support-copy{
  padding-left:42px
}

html.cs-page-g-sport-tyres .cs-support-copy > p{
  color:var(--muted)
}

html.cs-page-g-sport-tyres .cs-support-copy .check-list{
  margin-top:22px;
  margin-bottom:22px;
  border-top:2px solid var(--navy)
}

html.cs-page-g-sport-tyres .cs-support-copy .check-list li{
  padding-top:12px;
  padding-bottom:12px
}

html.cs-page-g-sport-tyres .cta-section{
  color:var(--ink);
  background:linear-gradient(120deg,#fff 0%,#f1f1f1 100%)
}

html.cs-page-g-sport-tyres .cta-section .kicker{
  color:var(--pink)
}

html.cs-page-g-sport-tyres .cta-section h2{
  color:var(--navy)
}

html.cs-page-g-sport-tyres .cta-section p:not(.kicker){
  color:var(--muted)
}

html.cs-page-g-sport-tyres .cta-section .primary-cta{
  color:#fff
}

html.cs-page-g-sport-tyres .cs-faq-layout{
  align-items:flex-start;
  row-gap:38px
}

html.cs-page-g-sport-tyres .cs-faq-heading{
  margin-bottom:0;
  padding-right:34px
}

html.cs-page-g-sport-tyres .cs-faq-heading h2{
  font-size:clamp(2.15rem,3.5vw,3.35rem)
}

html.cs-page-g-sport-tyres .faq-list{
  max-width:none;
  margin:0
}

@media(max-width:991.98px){
  html.cs-page-g-sport-tyres .cs-support-copy{
    padding-left:15px
  }

  html.cs-page-g-sport-tyres .cs-support-visual{
    margin-bottom:10px
  }

  html.cs-page-g-sport-tyres .cs-faq-heading{
    padding-right:0
  }
}

/* Birdi template related case studies. */
html.cs-page-g-sport-tyres .related-section{
  background:#101d30;
  color:#f7f9fc;
  padding:clamp(48px,6vw,72px) 0
}

html.cs-page-g-sport-tyres .related-heading{
  max-width:720px;
  margin-bottom:28px
}

html.cs-page-g-sport-tyres .related-heading h2{
  margin:0;
  color:#f7f9fc;
  font-size:clamp(28px,3vw,38px);
  line-height:1.25
}

html.cs-page-g-sport-tyres .related-heading h2 span{
  color:#ff8299
}

html.cs-page-g-sport-tyres .related-switcher{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 24px
}

html.cs-page-g-sport-tyres .related-switcher button{
  min-width:44px;
  min-height:44px;
  padding:10px 16px;
  border:1px solid #4b596e;
  border-radius:8px;
  background:transparent;
  color:#f7f9fc;
  font:inherit;
  font-size:16px;
  line-height:1.4;
  cursor:pointer
}

html.cs-page-g-sport-tyres .related-switcher button[aria-pressed="true"]{
  border-color:#f7f9fc;
  background:#f7f9fc;
  color:#101d30
}

html.cs-page-g-sport-tyres .related-switcher button:focus-visible,
html.cs-page-g-sport-tyres .related-all-link:focus-visible{
  outline:3px solid #ff8299;
  outline-offset:4px
}

html.cs-page-g-sport-tyres .related-all-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  margin-left:auto;
  color:#f7f9fc;
  font-size:16px;
  line-height:1.4
}

html.cs-page-g-sport-tyres .related-all-link:hover{
  color:#ff8299
}

html.cs-page-g-sport-tyres .related-card{
  min-width:0;
  padding:32px;
  border:1px solid #39475b;
  border-radius:18px;
  background:#16253a
}

html.cs-page-g-sport-tyres .related-card-tag{
  margin:0 0 12px;
  color:#ff8299;
  font-size:16px;
  line-height:1.5
}

html.cs-page-g-sport-tyres .case-study .related-card h3{
  max-width:780px;
  margin:0 0 28px;
  color:#f7f9fc;
  font-size:clamp(24px,2.7vw,32px);
  line-height:1.3
}

html.cs-page-g-sport-tyres .related-comparison{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:32px
}

html.cs-page-g-sport-tyres .related-card h4{
  margin:0 0 10px;
  color:#f7f9fc;
  font-size:17px;
  font-weight:600;
  line-height:1.4
}

html.cs-page-g-sport-tyres .related-card p{
  font-size:16px;
  line-height:1.75;
  overflow-wrap:anywhere
}

html.cs-page-g-sport-tyres .related-comparison p,
html.cs-page-g-sport-tyres .related-result p{
  margin:0;
  color:#bdcbe0
}

html.cs-page-g-sport-tyres .related-result{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:28px;
  margin-top:28px;
  padding-top:24px;
  border-top:1px solid #3d4b60
}

html.cs-page-g-sport-tyres .related-result p{
  max-width:780px
}

html.cs-page-g-sport-tyres .related-result a{
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:10px 0;
  border-bottom:2px solid #ff8299;
  color:#f7f9fc;
  font-size:16px;
  font-weight:600;
  white-space:nowrap
}

@media(max-width:899px){
  html.cs-page-g-sport-tyres .related-card{
    padding:22px;
    border-radius:14px
  }

  html.cs-page-g-sport-tyres .related-comparison,
  html.cs-page-g-sport-tyres .related-result{
    grid-template-columns:minmax(0,1fr)
  }

  html.cs-page-g-sport-tyres .related-comparison{
    gap:22px
  }

  html.cs-page-g-sport-tyres .related-result{
    gap:18px;
    margin-top:22px;
    padding-top:22px
  }

  html.cs-page-g-sport-tyres .case-study .related-card h3{
    margin-bottom:24px;
    font-size:25px
  }

  html.cs-page-g-sport-tyres .related-result a{
    justify-self:start
  }
}

@media(max-width:575.98px){
  html.cs-page-g-sport-tyres .related-switcher{
    gap:8px
  }

  html.cs-page-g-sport-tyres .related-all-link{
    width:100%;
    margin:8px 0 0
  }
}

@media(max-width:767.98px){
  html.cs-page-g-sport-tyres .hero-row > [class*="col-"]{
    padding-left:15px;
    padding-right:15px
  }

  html.cs-page-g-sport-tyres .template-highlights{
    padding-bottom:18px
  }

  html.cs-page-g-sport-tyres .build-section > .container > .section-head,
  html.cs-page-g-sport-tyres .capabilities-section > .container > .section-head,
  html.cs-page-g-sport-tyres .cs-support-heading{
    margin-bottom:38px;
    text-align:center
  }

  html.cs-page-g-sport-tyres .cs-faq-heading{
    text-align:left
  }
}

/* ================================================================
   Page namespace: NAMS-Singapore-CMS (cs-page-nams-singapore-cms)
   ================================================================ */

/* Original file: NAMS-Singapore-CMS/css/case-study.css */
html.cs-page-nams-singapore-cms {
  --navy: #081b36;
  --ink: #162238;
  --muted: #667080;
  --accent: #ee4865;
  --accent-soft: #fff0f3;
  --soft: #f1f1f1;
  --line: #dfe4ea;
  --dark: #111e33;
  --white: #ffffff;
}

html.cs-page-nams-singapore-cms * {
  box-sizing: border-box;
}

html.cs-page-nams-singapore-cms {
  font-size: 16px;
  scroll-behavior: smooth;
}

html.cs-page-nams-singapore-cms body {
  margin: 0;
  color: var(--ink);
  background: #fff;
  font-family: Lexend, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.65;
}

html.cs-page-nams-singapore-cms h1,
html.cs-page-nams-singapore-cms h2,
html.cs-page-nams-singapore-cms h3,
html.cs-page-nams-singapore-cms h4,
html.cs-page-nams-singapore-cms p,
html.cs-page-nams-singapore-cms figure,
html.cs-page-nams-singapore-cms dl,
html.cs-page-nams-singapore-cms dd {
  margin-top: 0;
}

html.cs-page-nams-singapore-cms section img {
  display: block;
  max-width: 100%;
}

html.cs-page-nams-singapore-cms .case-study section a {
  color: var(--accent);
}

html.cs-page-nams-singapore-cms .case-study section a:hover {
  color: var(--navy);
  text-decoration: none;
}

html.cs-page-nams-singapore-cms em {
  color: var(--accent);
  font-style: normal;
}

html.cs-page-nams-singapore-cms .cs-shell {
  width: 100%;
  /* max-width: 1180px;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px; */
}

html.cs-page-nams-singapore-cms .cs-section {
  padding: 86px 0;
  background: #fff;
}

html.cs-page-nams-singapore-cms .cs-section.cs-soft {
  background: var(--soft);
}

html.cs-page-nams-singapore-cms .cs-section.cs-dark {
  color: #fff;
  background: linear-gradient(135deg, #0c192c, #18263e);
}

html.cs-page-nams-singapore-cms .cs-section-header {
  max-width: 820px;
  margin-bottom: 40px;
}

html.cs-page-nams-singapore-cms .cs-section-header.cs-center {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

html.cs-page-nams-singapore-cms .cs-eyebrow {
  display: block;
  margin-bottom: 12px;
  color: var(--accent);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

html.cs-page-nams-singapore-cms .cs-section h2,
html.cs-page-nams-singapore-cms .cs-cta h2 {
  margin-bottom: 18px;
  color: var(--navy);
  font-size: clamp(2rem, 3.4vw, 3.25rem);
  font-weight: 750;
  letter-spacing: -.035em;
  line-height: 1.12;
}

html.cs-page-nams-singapore-cms .cs-dark h2,
html.cs-page-nams-singapore-cms .cs-dark h3 {
  color: #fff;
}

html.cs-page-nams-singapore-cms .cs-dark .cs-section-header p,
html.cs-page-nams-singapore-cms .cs-workflow .cs-section-header p {
  color: #b8cbe5;
}

html.cs-page-nams-singapore-cms .cs-dark .cs-value-card h3 {
  color: var(--navy);
}

html.cs-page-nams-singapore-cms .cs-section-header p {
  color: var(--muted);
}

html.cs-page-nams-singapore-cms .cs-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 46px;
  align-items: start;
}

html.cs-page-nams-singapore-cms .cs-copy p,
html.cs-page-nams-singapore-cms .cs-copy li {
  color: #5f6877;
}

html.cs-page-nams-singapore-cms .cs-copy ul {
  padding-left: 20px;
}

html.cs-page-nams-singapore-cms .cs-copy li {
  margin-bottom: 8px;
}

html.cs-page-nams-singapore-cms .cs-shot {
  margin: 0;
}

html.cs-page-nams-singapore-cms .cs-shot img {
  width: 100%;
  height: auto;
  border: 1px solid #d9e0e8;
  border-radius: 12px;
  box-shadow: 0 20px 48px rgba(9, 29, 57, .14);
}

html.cs-page-nams-singapore-cms .cs-shot figcaption {
  margin-top: 10px;
  color: #747e8c;
  font-size: .75rem;
  line-height: 1.5;
}

html.cs-page-nams-singapore-cms .cs-wide {
  margin-top: 40px;
}

html.cs-page-nams-singapore-cms .cs-hero {
  padding: 72px 0 50px;
  background: #fff;
  padding-top:140px;
}

html.cs-page-nams-singapore-cms .cs-hero-row {
  align-items: center;
}

html.cs-page-nams-singapore-cms .cs-hero-copy {
  padding-right: 34px;
}

html.cs-page-nams-singapore-cms .cs-status {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  color: var(--accent);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

html.cs-page-nams-singapore-cms .cs-status:before {
  width: 10px;
  height: 10px;
  border: 2px solid var(--accent);
  border-radius: 50%;
  content: '';
}

html.cs-page-nams-singapore-cms .cs-status.cs-complete:before {
  background: var(--accent);
}

html.cs-page-nams-singapore-cms .cs-hero h1 {
  margin-bottom: 18px;
  color: var(--navy);
  font-size: clamp(2.45rem, 4.05vw, 4.05rem);
  font-weight: 780;
  letter-spacing: -.047em;
  line-height: 1.04;
}

html.cs-page-nams-singapore-cms .cs-hero-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
  font-size: .84rem;
}

html.cs-page-nams-singapore-cms .cs-hero-meta span {
  padding-left: 12px;
  border-left: 2px solid var(--accent);
  color: var(--accent);
  font-weight: 750;
}

html.cs-page-nams-singapore-cms .cs-hero-copy>p {
  margin-bottom: 12px;
  color: #586272;
  font-size: .98rem;
}

html.cs-page-nams-singapore-cms .cs-support {
  font-size: .82rem !important;
}

html.cs-page-nams-singapore-cms .cs-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

html.cs-page-nams-singapore-cms .cs-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 13px 20px;
  border: 1px solid var(--accent);
  border-radius: 7px;
  background: var(--accent);
  box-shadow: 0 11px 24px rgba(238, 72, 101, .22);
  color: #fff;
  font-size: .8rem;
  font-weight: 750;
  text-decoration: none;
}

html.cs-page-nams-singapore-cms .cs-button:hover {
  color: #fff;
  transform: translateY(-1px);
}

html.cs-page-nams-singapore-cms .cs-button.cs-outline {
  background: #fff;
  box-shadow: none;
  color: var(--navy);
}

html.cs-page-nams-singapore-cms .cs-button.cs-outline:hover {
  background: var(--accent-soft);
  color: var(--navy);
}

html.cs-page-nams-singapore-cms .cs-hero-visual {
  padding-left: 34px;
}

html.cs-page-nams-singapore-cms .cs-hero-highlights {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 42px;
  padding-top: 25px;
  border-top: 1px solid var(--line);
}

html.cs-page-nams-singapore-cms .cs-hero-highlights article {
  display: flex;
  gap: 10px;
}

html.cs-page-nams-singapore-cms .cs-hero-highlights i {
  margin-top: 5px;
  color: var(--accent);
}

html.cs-page-nams-singapore-cms .cs-hero-highlights strong,
html.cs-page-nams-singapore-cms .cs-hero-highlights span {
  display: block;
}

html.cs-page-nams-singapore-cms .cs-hero-highlights strong {
  font-size: .78rem;
  line-height: 1.4;
}

html.cs-page-nams-singapore-cms .cs-hero-highlights span {
  color: #747c89;
  font-size: .75rem;
  line-height: 1.5;
}

html.cs-page-nams-singapore-cms .cs-project {
  padding: 38px 0;
  color: #fff;
  background: linear-gradient(110deg, #111d31, #20263d 60%, #35243a);
}

html.cs-page-nams-singapore-cms .cs-project-grid {
  display: grid;
  grid-template-columns: .9fr 1.5fr;
  gap: 42px;
}

html.cs-page-nams-singapore-cms .cs-project-title {
  padding-right: 36px;
  border-right: 1px solid rgba(255, 255, 255, .18);
}

html.cs-page-nams-singapore-cms .cs-project-title>div {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 17px;
}

html.cs-page-nams-singapore-cms .cs-project-title strong {
  font-size: 1.15rem;
}

html.cs-page-nams-singapore-cms .cs-project-title span {
  padding-left: 12px;
  border-left: 1px solid rgba(255, 255, 255, .4);
  color: #c7cfdb;
  font-size: .75rem;
}

html.cs-page-nams-singapore-cms .cs-project-title h2 {
  margin-bottom: 22px;
  font-size: 1rem;
  line-height: 1.5;
}

html.cs-page-nams-singapore-cms .cs-project-title p {
  margin: 0;
  font-size: .75rem;
}

html.cs-page-nams-singapore-cms .cs-project-title i {
  color: #ff7890;
}

html.cs-page-nams-singapore-cms .cs-facts {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 17px 28px;
  margin: 0;
}

html.cs-page-nams-singapore-cms .cs-facts dt {
  color: #abb7ca;
  font-size: .75rem;
  font-weight: 500;
}

html.cs-page-nams-singapore-cms .cs-facts dd {
  color: #fff;
  font-size: .75rem;
  font-weight: 650;
  line-height: 1.5;
}

html.cs-page-nams-singapore-cms .cs-pill-grid,
html.cs-page-nams-singapore-cms .cs-feature-grid,
html.cs-page-nams-singapore-cms .cs-value-grid,
html.cs-page-nams-singapore-cms .cs-role-grid {
  display: grid;
  gap: 16px;
}

html.cs-page-nams-singapore-cms .cs-pill-grid {
  grid-template-columns: repeat(3, 1fr);
}

html.cs-page-nams-singapore-cms .cs-pill {
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 62px;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #fff;
  color: var(--ink);
  font-size: .82rem;
  font-weight: 700;
}

html.cs-page-nams-singapore-cms .cs-pill i {
  color: var(--accent);
}

html.cs-page-nams-singapore-cms .cs-scope {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 34px;
  margin: 34px 0 0;
  padding: 26px 28px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #fff;
}

html.cs-page-nams-singapore-cms .cs-scope li {
  position: relative;
  padding: 10px 0 10px 25px;
  border-bottom: 1px solid #edf0f3;
  color: #596371;
  font-size: .82rem;
  list-style: none;
}

html.cs-page-nams-singapore-cms .cs-scope li:before {
  position: absolute;
  left: 0;
  color: var(--accent);
  font-family: FontAwesome;
  content: '\f00c';
}

html.cs-page-nams-singapore-cms .cs-feature-grid {
  grid-template-columns: repeat(3, 1fr);
}

html.cs-page-nams-singapore-cms .cs-feature-card {
  padding: 25px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: #fff;
}

html.cs-page-nams-singapore-cms .cs-feature-card i {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  margin-bottom: 18px;
  border-radius: 50%;
  background: var(--accent-soft);
  color: var(--accent);
}

html.cs-page-nams-singapore-cms .cs-feature-card h3 {
  margin-bottom: 8px;
  font-size: 1rem;
}

html.cs-page-nams-singapore-cms .cs-feature-card p {
  margin: 0;
  color: #66707e;
  font-size: .78rem;
}

html.cs-page-nams-singapore-cms .cs-value-grid {
  grid-template-columns: repeat(4, 1fr);
}

html.cs-page-nams-singapore-cms .cs-value-card {
  padding: 23px;
  border-top: 3px solid var(--accent);
  background: #fff;
  box-shadow: 0 12px 30px rgba(9, 29, 57, .08);
}

html.cs-page-nams-singapore-cms .cs-value-card span {
  color: var(--accent);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-nams-singapore-cms .cs-value-card h3 {
  margin: 10px 0 8px;
  font-size: 1rem;
}

html.cs-page-nams-singapore-cms .cs-value-card p {
  margin: 0;
  color: #697280;
  font-size: .78rem;
}

html.cs-page-nams-singapore-cms .cs-comparison {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: #fff;
}

html.cs-page-nams-singapore-cms .cs-compare-head,
html.cs-page-nams-singapore-cms .cs-compare-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

html.cs-page-nams-singapore-cms .cs-compare-head div {
  padding: 18px 24px;
  color: #fff;
  background: var(--navy);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

html.cs-page-nams-singapore-cms .cs-compare-head div:last-child {
  background: var(--accent);
}

html.cs-page-nams-singapore-cms .cs-compare-row>div {
  padding: 18px 24px;
  border-top: 1px solid var(--line);
  color: #606a78;
  font-size: .81rem;
}

html.cs-page-nams-singapore-cms .cs-compare-row>div:first-child {
  border-right: 1px solid var(--line);
}

html.cs-page-nams-singapore-cms .cs-compare-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}

html.cs-page-nams-singapore-cms .cs-compare-card {
  padding: 30px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
}

html.cs-page-nams-singapore-cms .cs-compare-card.cs-new {
  color: #fff;
  background: var(--navy);
}

html.cs-page-nams-singapore-cms .cs-compare-card h3 {
  margin-bottom: 20px;
  font-size: 1.25rem;
}

html.cs-page-nams-singapore-cms .cs-compare-card ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-nams-singapore-cms .cs-compare-card li {
  position: relative;
  padding: 10px 0 10px 25px;
  border-top: 1px solid #e7ebef;
  color: #616b79;
  font-size: .8rem;
}

html.cs-page-nams-singapore-cms .cs-compare-card.cs-new li {
  border-color: rgba(255, 255, 255, .13);
  color: #d1d9e5;
}

html.cs-page-nams-singapore-cms .cs-compare-card li:before {
  position: absolute;
  left: 0;
  color: var(--accent);
  font-family: FontAwesome;
  content: '\f105';
}

html.cs-page-nams-singapore-cms .cs-workflow {
  padding: 86px 0;
  color: #fff;
  background: linear-gradient(135deg, #0d1a2d, #17243b);
}

html.cs-page-nams-singapore-cms .cs-workflow h2 {
  color: #fff;
}

html.cs-page-nams-singapore-cms .cs-workflow-layout {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 68px;
  align-items: start;
}

html.cs-page-nams-singapore-cms .cs-workflow-sticky {
  position: sticky;
  top: 124px;
  min-width: 0;
}

html.cs-page-nams-singapore-cms .cs-workflow-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  color: #b9c5d6;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html.cs-page-nams-singapore-cms .cs-workflow-stage {
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(330px, 54vh, 520px);
  padding: 16px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 14px;
  background: linear-gradient(155deg, #fff 28%, #eaf1fa);
  box-shadow: 0 22px 55px rgba(0, 0, 0, .2);
}

html.cs-page-nams-singapore-cms .cs-workflow-screen {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  border-radius: 8px;
  animation: cs-page-nams-singapore-cms-cs-visual-in .32s ease;
}

html.cs-page-nams-singapore-cms .cs-workflow-caption {
  margin: 15px 0 12px;
  color: #cad3e1;
  font-size: .8rem;
  font-weight: 650;
}

html.cs-page-nams-singapore-cms .cs-progress-line {
  height: 3px;
  background: rgba(255, 255, 255, .2);
}

html.cs-page-nams-singapore-cms .cs-progress-line span {
  display: block;
  height: 100%;
  background: var(--accent);
  transition: width .2s ease;
}

html.cs-page-nams-singapore-cms .cs-workflow-timeline {
  padding-left: 34px;
  border-left: 1px solid rgba(255, 255, 255, .23);
}

html.cs-page-nams-singapore-cms .cs-workflow-step {
  position: relative;
  min-height: 205px;
  padding-bottom: 52px;
}

html.cs-page-nams-singapore-cms .cs-workflow-step:before {
  position: absolute;
  top: 8px;
  left: -40px;
  width: 11px;
  height: 11px;
  border: 2px solid var(--accent);
  border-radius: 50%;
  background: #17243b;
  content: '';
}

html.cs-page-nams-singapore-cms .cs-workflow-step.cs-active:before {
  background: var(--accent);
  box-shadow: 0 0 0 8px rgba(238, 72, 101, .18);
}

html.cs-page-nams-singapore-cms .cs-step-label {
  margin-bottom: 12px;
  color: #aeb9ca;
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html.cs-page-nams-singapore-cms .cs-workflow-step h3 {
  margin-bottom: 11px;
  color: #fff;
  font-size: 1.28rem;
  line-height: 1.35;
}

html.cs-page-nams-singapore-cms .cs-workflow-step.cs-active h3 {
  color: var(--accent);
}

html.cs-page-nams-singapore-cms .cs-workflow-step p,
html.cs-page-nams-singapore-cms .cs-workflow-step li {
  color: #bec9d8;
  font-size: .86rem;
}

html.cs-page-nams-singapore-cms .cs-workflow-step ul {
  padding-left: 18px;
}

html.cs-page-nams-singapore-cms .cs-workflow-note {
  margin-top: 30px;
  padding: 20px 22px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-left: 3px solid var(--accent);
  border-radius: 8px;
  background: rgba(255, 255, 255, .05);
  color: #cbd4e0;
  font-size: .8rem;
}

html.cs-page-nams-singapore-cms .cs-workflow-explainer {
  width: 100%;
  max-width: 420px;
  padding: 18px;
  color: var(--navy);
  animation: cs-page-nams-singapore-cms-cs-visual-in .32s ease;
}

html.cs-page-nams-singapore-cms .cs-workflow-explainer>i {
  margin-bottom: 22px;
  color: var(--accent);
  font-size: 2.65rem;
}

html.cs-page-nams-singapore-cms .cs-workflow-explainer h3 {
  margin-bottom: 20px;
  color: var(--navy);
  font-size: 1.38rem;
  line-height: 1.35;
}

html.cs-page-nams-singapore-cms .cs-explainer-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 0;
  border-top: 1px solid #e7d5dc;
  color: #596575;
  font-size: .8rem;
  line-height: 1.65;
}

html.cs-page-nams-singapore-cms .cs-explainer-row i {
  margin-top: 5px;
  color: var(--accent);
  font-size: .76rem;
}

html.cs-page-nams-singapore-cms .cs-illustration-note {
  margin: 16px 0 0;
  color: #707987;
  font-size: .75rem;
  font-weight: 700;
}

@keyframes cs-page-nams-singapore-cms-cs-visual-in {
  from {
    opacity: .55;
    transform: translateY(5px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

html.cs-page-nams-singapore-cms .cs-number-flow {
  counter-reset: step;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-nams-singapore-cms .cs-number-flow li {
  position: relative;
  min-height: 180px;
  padding: 56px 18px 22px;
  border-top: 1px solid var(--line);
  color: #66707e;
  font-size: .77rem;
}

html.cs-page-nams-singapore-cms .cs-number-flow li:before {
  counter-increment: step;
  position: absolute;
  top: -18px;
  left: 18px;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--navy);
  color: #fff;
  content: counter(step, decimal-leading-zero);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-nams-singapore-cms .cs-number-flow li:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: var(--line);
  content: '';
}

html.cs-page-nams-singapore-cms .cs-number-flow li:nth-child(5n):after {
  display: none;
}

html.cs-page-nams-singapore-cms .cs-number-flow strong {
  display: block;
  margin-bottom: 8px;
  color: var(--navy);
  font-size: .9rem;
}

html.cs-page-nams-singapore-cms .cs-role-grid {
  grid-template-columns: repeat(3, 1fr);
}

html.cs-page-nams-singapore-cms .cs-role {
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #fff;
}

html.cs-page-nams-singapore-cms .cs-role .cs-role-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 18px;
  border-radius: 50%;
  background: var(--navy);
  color: #fff;
}

html.cs-page-nams-singapore-cms .cs-role h3 {
  margin-bottom: 14px;
}

html.cs-page-nams-singapore-cms .cs-role ul {
  padding-left: 18px;
}

html.cs-page-nams-singapore-cms .cs-role li {
  margin-bottom: 7px;
  color: #626c7a;
  font-size: .78rem;
}

html.cs-page-nams-singapore-cms .cs-technical {
  padding: 34px;
  border-radius: 16px;
  background: #0e1d32;
  color: #fff;
}

html.cs-page-nams-singapore-cms .cs-technical h2,
html.cs-page-nams-singapore-cms .cs-technical h3 {
  color: #fff;
}

html.cs-page-nams-singapore-cms .cs-technical p,
html.cs-page-nams-singapore-cms .cs-technical li {
  color: #c6d0de;
}

html.cs-page-nams-singapore-cms .cs-technical ol {
  padding-left: 22px;
}

html.cs-page-nams-singapore-cms .cs-technical li {
  margin-bottom: 8px;
  font-size: .82rem;
}

html.cs-page-nams-singapore-cms .cs-technical .cs-shot figcaption {
  color: #aeb9c8;
}

html.cs-page-nams-singapore-cms .cs-evidence {
  padding: 25px 28px;
  border-left: 4px solid var(--accent);
  border-radius: 9px;
  background: var(--accent-soft);
}

html.cs-page-nams-singapore-cms .cs-evidence p {
  margin-bottom: 0;
  color: #5e6876;
  font-size: .84rem;
}

html.cs-page-nams-singapore-cms .cs-tech-list {
  border-top: 1px solid #d9dee4;
}

html.cs-page-nams-singapore-cms .cs-tech-row {
  display: grid;
  grid-template-columns: minmax(220px, .8fr) minmax(0, 1.2fr);
  gap: 52px;
  padding: 27px 0;
  border-bottom: 1px solid #d9dee4;
}

html.cs-page-nams-singapore-cms .cs-tech-category {
  display: flex;
  align-items: center;
  gap: 14px;
}

html.cs-page-nams-singapore-cms .cs-tech-category span {
  color: var(--accent);
  font-size: .77rem;
  font-weight: 800;
}

html.cs-page-nams-singapore-cms .cs-tech-category h3 {
  margin: 0;
  color: var(--navy);
  font-size: 1rem;
}

html.cs-page-nams-singapore-cms .cs-tech-items {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

html.cs-page-nams-singapore-cms .cs-tech-chip {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 9px 13px;
  border-radius: 8px;
  background: #f1f1f1;
  line-height: 1.35;
}

html.cs-page-nams-singapore-cms .cs-tech-chip i {
  color: var(--accent);
  font-size: .88rem;
}

html.cs-page-nams-singapore-cms .cs-tech-chip strong {
  color: var(--navy);
  font-size: .78rem;
}

html.cs-page-nams-singapore-cms .cs-tech-chip span {
  color: #47515f;
  font-size: .75rem;
}

html.cs-page-nams-singapore-cms .cs-before-after {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

html.cs-page-nams-singapore-cms .cs-before-after article {
  min-width: 0;
}

html.cs-page-nams-singapore-cms .cs-before-after h3 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
  font-size: 1.1rem;
}

html.cs-page-nams-singapore-cms .cs-before-after h3 span {
  color: var(--accent);
  font-size: .75rem;
  letter-spacing: .09em;
  text-transform: uppercase;
}

html.cs-page-nams-singapore-cms .cs-structure {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 50px;
  align-items: start;
}

html.cs-page-nams-singapore-cms .cs-structure-map {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  padding: 24px;
  border-radius: 15px;
  background: var(--navy);
}

html.cs-page-nams-singapore-cms .cs-structure-map div {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 62px;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 8px;
  color: #d9e1ec;
  font-size: .76rem;
}

html.cs-page-nams-singapore-cms .cs-structure-map span {
  color: #ff7d93;
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-nams-singapore-cms .cs-cta {
  padding: 72px 0;
  border-top: 1px solid #e2e6eb;
  border-bottom: 1px solid #d2d8df;
  background: linear-gradient(115deg, #fff 0%, #f6f7f8 52%, #d9dee4 100%);
}

html.cs-page-nams-singapore-cms .cs-cta-grid {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 50px;
  align-items: center;
}

html.cs-page-nams-singapore-cms .cs-cta h2 {
  max-width: 780px;
}

html.cs-page-nams-singapore-cms .cs-cta p {
  max-width: 800px;
  margin-bottom: 0;
  color: #5d6775;
  font-size: .92rem;
}

html.cs-page-nams-singapore-cms .cs-cta .cs-button {
  background: var(--navy);
  border-color: var(--navy);
  box-shadow: 0 12px 28px rgba(7, 26, 53, .18);
  white-space: nowrap;
}

html.cs-page-nams-singapore-cms .cs-faq {
  max-width: 920px;
}

html.cs-page-nams-singapore-cms .cs-faq details {
  border-top: 1px solid #d9dee4;
}

html.cs-page-nams-singapore-cms .cs-faq details:last-child {
  border-bottom: 1px solid #d9dee4;
}

html.cs-page-nams-singapore-cms .cs-faq summary {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 22px 0;
  cursor: pointer;
  font-weight: 700;
  list-style: none;
}

html.cs-page-nams-singapore-cms .cs-faq summary::-webkit-details-marker {
  display: none;
}

html.cs-page-nams-singapore-cms .cs-faq summary i {
  color: var(--accent);
}

html.cs-page-nams-singapore-cms .cs-faq details[open] summary i {
  transform: rotate(45deg);
}

html.cs-page-nams-singapore-cms .cs-faq details p {
  padding: 0 40px 22px 0;
  color: #636d7b;
  font-size: .88rem;
}

html.cs-page-nams-singapore-cms .cs-note {
  display: flex;
  gap: 12px;
  margin-top: 24px;
  padding: 17px 20px;
  border-radius: 8px;
  background: #f3f5f7;
  color: #626c79;
  font-size: .8rem;
}

html.cs-page-nams-singapore-cms .cs-note i {
  margin-top: 4px;
  color: var(--accent);
}

html.cs-page-nams-singapore-cms .cs-dark .cs-note {
  border: 1px solid rgba(255, 255, 255, .13);
  background: rgba(255, 255, 255, .05);
  color: #d0d8e3;
}

html.cs-page-nams-singapore-cms .cs-transform-list {
  border-top: 1px solid var(--line);
}

html.cs-page-nams-singapore-cms .cs-transform-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 54px minmax(0, 1fr);
  align-items: stretch;
  border-bottom: 1px solid var(--line);
}

html.cs-page-nams-singapore-cms .cs-transform-side {
  padding: 25px 28px;
}

html.cs-page-nams-singapore-cms .cs-transform-side small {
  display: block;
  margin-bottom: 6px;
  color: #7a8492;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html.cs-page-nams-singapore-cms .cs-transform-side p {
  margin: 0;
  color: #566170;
  font-size: .84rem;
  line-height: 1.65;
}

html.cs-page-nams-singapore-cms .cs-transform-side.cs-response {
  background: linear-gradient(90deg, #fff, #f7f8fa);
}

html.cs-page-nams-singapore-cms .cs-transform-side.cs-response small {
  color: var(--accent);
}

html.cs-page-nams-singapore-cms .cs-transform-arrow {
  display: grid;
  place-items: center;
  position: relative;
  color: var(--accent);
}

html.cs-page-nams-singapore-cms .cs-transform-arrow:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  background: var(--line);
  content: '';
}

html.cs-page-nams-singapore-cms .cs-transform-arrow i {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid #f2a9b6;
  border-radius: 50%;
  background: #fff;
  font-size: .78rem;
}

html.cs-page-nams-singapore-cms .cs-also-layout {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 38px;
  align-items: center;
}

html.cs-page-nams-singapore-cms .cs-also-visual img {
  border-color: rgba(255, 255, 255, .16);
  box-shadow: 0 22px 52px rgba(0, 0, 0, .24);
}

html.cs-page-nams-singapore-cms .cs-also-visual figcaption {
  color: #b9c3d2;
}

html.cs-page-nams-singapore-cms .cs-also-copy .cs-pill-grid {
  grid-template-columns: repeat(2, 1fr);
}

html.cs-page-nams-singapore-cms .cs-also-copy .cs-pill {
  min-height: 58px;
  border-color: rgba(255, 255, 255, .12);
}

html.cs-page-nams-singapore-cms .cs-feature-tabs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 8px;
  margin-bottom: 34px;
  padding: 7px;
  border: 0;
  border-radius: 14px;
  background: #e3e7ec;
}

html.cs-page-nams-singapore-cms .cs-feature-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 60px;
  padding: 12px 15px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #687280 !important;
  font-size: .78rem;
  font-weight: 750;
}

html.cs-page-nams-singapore-cms .cs-feature-tab i {
  color: var(--accent);
}

html.cs-page-nams-singapore-cms .cs-feature-tab.active,
html.cs-page-nams-singapore-cms .cs-feature-tab.cs-active-tab {
  background: #fff !important;
  color: var(--navy) !important;
  box-shadow: 0 7px 20px rgba(8, 27, 54, .1);
}

html.cs-page-nams-singapore-cms .cs-feature-panel {
  display: none;
}

html.cs-page-nams-singapore-cms .cs-feature-panel.active,
html.cs-page-nams-singapore-cms .cs-feature-panel.show {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 42px;
}

html.cs-page-nams-singapore-cms .cs-feature-panel-intro span {
  color: var(--accent);
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1;
}

html.cs-page-nams-singapore-cms .cs-feature-panel-intro h3 {
  margin: 12px 0 8px;
  font-size: 1.18rem;
}

html.cs-page-nams-singapore-cms .cs-feature-panel-intro p {
  color: #76808e;
  font-size: .76rem;
}

html.cs-page-nams-singapore-cms .cs-tab-features {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px 28px;
}

html.cs-page-nams-singapore-cms .cs-tab-feature {
  padding-left: 18px;
  border-left: 2px solid var(--accent);
}

html.cs-page-nams-singapore-cms .cs-tab-feature h4 {
  margin-bottom: 6px;
  color: var(--navy);
  font-size: .9rem;
}

html.cs-page-nams-singapore-cms .cs-tab-feature p {
  margin: 0;
  color: #65707e;
  font-size: .77rem;
}

html.cs-page-nams-singapore-cms .cs-flip-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

html.cs-page-nams-singapore-cms .cs-flip-card {
  min-height: 245px;
  outline: none;
  perspective: 1000px;
}

html.cs-page-nams-singapore-cms .cs-flip-inner {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 245px;
  transition: transform .58s cubic-bezier(.2, .75, .25, 1);
  transform-style: preserve-3d;
}

html.cs-page-nams-singapore-cms .cs-flip-card:hover .cs-flip-inner,
html.cs-page-nams-singapore-cms .cs-flip-card:focus .cs-flip-inner,
html.cs-page-nams-singapore-cms .cs-flip-card.cs-flipped .cs-flip-inner {
  transform: rotateY(180deg);
}

html.cs-page-nams-singapore-cms .cs-flip-face {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 28px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #fff;
  backface-visibility: hidden;
}

html.cs-page-nams-singapore-cms .cs-flip-front:after {
  position: absolute;
  right: -42px;
  bottom: -42px;
  width: 125px;
  height: 125px;
  border-radius: 50%;
  background: var(--accent-soft);
  content: '';
}

html.cs-page-nams-singapore-cms .cs-flip-front i {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: var(--navy);
  color: #fff;
}

html.cs-page-nams-singapore-cms .cs-flip-front h3 {
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: 1.18rem;
  line-height: 1.4;
}

html.cs-page-nams-singapore-cms .cs-flip-front small {
  position: relative;
  z-index: 1;
  color: var(--accent);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

html.cs-page-nams-singapore-cms .cs-flip-back {
  justify-content: center;
  border-color: var(--navy);
  background: var(--navy);
  color: #fff;
  transform: rotateY(180deg);
}

html.cs-page-nams-singapore-cms .cs-flip-back h3 {
  margin-bottom: 13px;
  color: #fff;
  font-size: 1.08rem;
}

html.cs-page-nams-singapore-cms .cs-flip-back p {
  margin: 0;
  color: #cdd6e3;
  font-size: .8rem;
}

html.cs-page-nams-singapore-cms .cs-splitter {
  --split: 50%;
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 22px 55px rgba(8, 27, 54, .14);
}

html.cs-page-nams-singapore-cms .cs-splitter-layer {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

html.cs-page-nams-singapore-cms .cs-splitter-layer img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #fff;
}

html.cs-page-nams-singapore-cms .cs-splitter-before {
  z-index: 2;
  width: var(--split);
  border-right: 2px solid #fff;
  box-shadow: 4px 0 14px rgba(8, 27, 54, .18);
}

html.cs-page-nams-singapore-cms .cs-splitter-before img {
  width: calc(100vw - 60px);
  max-width: 1120px;
}

html.cs-page-nams-singapore-cms .cs-splitter-label {
  position: absolute;
  z-index: 3;
  top: 16px;
  padding: 8px 11px;
  border-radius: 6px;
  background: rgba(8, 27, 54, .9);
  color: #fff;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

html.cs-page-nams-singapore-cms .cs-splitter-label.cs-before-label {
  left: 16px;
  background: var(--accent);
}

html.cs-page-nams-singapore-cms .cs-splitter-label.cs-after-label {
  right: 16px;
}

html.cs-page-nams-singapore-cms .cs-splitter-handle {
  position: absolute;
  z-index: 4;
  top: 0;
  bottom: 0;
  left: var(--split);
  width: 42px;
  transform: translateX(-50%);
  pointer-events: none;
}

html.cs-page-nams-singapore-cms .cs-splitter-handle:before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 3px solid #fff;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 6px 16px rgba(8, 27, 54, .25);
  color: #fff;
  content: '\2194';
  transform: translate(-50%, -50%);
}

html.cs-page-nams-singapore-cms .cs-splitter-range {
  position: absolute;
  z-index: 5;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: ew-resize;
  opacity: 0;
}

html.cs-page-nams-singapore-cms .cs-splitter-captions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 14px;
  color: #737d8a;
  font-size: .75rem;
}

html.cs-page-nams-singapore-cms .cs-splitter-captions span:last-child {
  text-align: right;
}

/* Exact Birdi flip-card interaction and visual language. */
html.cs-page-nams-singapore-cms .industry-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

html.cs-page-nams-singapore-cms .industry-flip {
  appearance: none;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  border-radius: 16px;
  background: transparent;
  color: var(--navy);
  font-family: inherit;
  text-align: left;
  perspective: 1200px;
}

html.cs-page-nams-singapore-cms .flip-inner {
  position: relative;
  display: grid;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform .65s cubic-bezier(.22, .61, .36, 1);
}

html.cs-page-nams-singapore-cms .industry-flip.is-flipped .flip-inner {
  transform: rotateY(180deg);
}

html.cs-page-nams-singapore-cms .flip-front,
html.cs-page-nams-singapore-cms .flip-back {
  grid-area: 1/1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  min-width: 0;
  min-height: 245px;
  padding: 26px;
  border: 1px solid #dce5f0;
  border-radius: 16px;
  backface-visibility: hidden;
}

html.cs-page-nams-singapore-cms .flip-front {
  background: #fff;
  transform: rotateY(0);
}

html.cs-page-nams-singapore-cms .flip-front>i {
  color: var(--accent);
  font-size: 1.75rem;
}

html.cs-page-nams-singapore-cms .flip-front strong {
  color: var(--navy);
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.35;
}

html.cs-page-nams-singapore-cms .flip-hint {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid #e6ecf4;
  color: #6f6f6f;
  font-size: .78rem;
  line-height: 1.4;
}

html.cs-page-nams-singapore-cms .flip-hint i {
  color: var(--accent);
}

html.cs-page-nams-singapore-cms .flip-back {
  border-color: #15233b;
  background: linear-gradient(135deg, #0e1d31, #15233b);
  color: #fff;
  transform: rotateY(180deg);
}

html.cs-page-nams-singapore-cms .flip-back-label {
  color: #ff8299;
  font-size: .75rem;
  font-weight: 700;
}

html.cs-page-nams-singapore-cms .flip-description {
  color: #d1def0;
  font-size: .78rem;
  line-height: 1.7;
}

html.cs-page-nams-singapore-cms .flip-back-hint {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #b8cbe5;
  font-size: .75rem;
}

/* Compact, user-centred section compositions. */
html.cs-page-nams-singapore-cms .cs-need-intro {
  max-width: 860px;
  margin: 0 auto 34px;
  text-align: center;
}

html.cs-page-nams-singapore-cms .cs-need-intro p {
  color: #5f6877;
}

html.cs-page-nams-singapore-cms .cs-need-matrix {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid #d8dde4;
  border-left: 1px solid #d8dde4;
  background: #fff;
}

html.cs-page-nams-singapore-cms .cs-need-matrix article {
  position: relative;
  min-height: 118px;
  padding: 24px 22px 20px 58px;
  border-right: 1px solid #d8dde4;
  border-bottom: 1px solid #d8dde4;
}

html.cs-page-nams-singapore-cms .cs-need-matrix span {
  position: absolute;
  top: 25px;
  left: 20px;
  color: var(--accent);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-nams-singapore-cms .cs-need-matrix p {
  margin: 0;
  color: #536070;
  font-size: .79rem;
  line-height: 1.55;
}

html.cs-page-nams-singapore-cms .cs-need-boundary {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 24px 0 0;
  color: var(--navy);
  font-size: .82rem;
  font-weight: 700;
}

html.cs-page-nams-singapore-cms .cs-need-boundary i {
  color: var(--accent);
}

html.cs-page-nams-singapore-cms .cs-content-path {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(330px, .95fr);
  gap: 34px;
  align-items: stretch;
}

html.cs-page-nams-singapore-cms .cs-content-path .cs-structure-map {
  grid-template-columns: repeat(2, 1fr);
  height: 100%;
  align-content: center;
}

html.cs-page-nams-singapore-cms .cs-path-panel {
  padding: 30px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: #fff;
}

html.cs-page-nams-singapore-cms .cs-path-panel>p {
  color: #5d6876;
  font-size: .84rem;
}

html.cs-page-nams-singapore-cms .cs-path-panel h3 {
  margin: 22px 0 10px;
  color: var(--navy);
  font-size: 1rem;
}

html.cs-page-nams-singapore-cms .cs-path-steps {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: path;
}

html.cs-page-nams-singapore-cms .cs-path-steps li {
  counter-increment: path;
  position: relative;
  padding: 11px 0 11px 42px;
  border-top: 1px solid #e4e8ed;
  color: #596575;
  font-size: .77rem;
}

html.cs-page-nams-singapore-cms .cs-path-steps li:before {
  position: absolute;
  top: 10px;
  left: 0;
  color: var(--accent);
  content: counter(path, decimal-leading-zero);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-nams-singapore-cms .cs-path-scope {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 210px 1fr;
  gap: 28px;
  align-items: center;
  padding: 22px 28px;
  border-left: 3px solid var(--accent);
  background: #fff;
}

html.cs-page-nams-singapore-cms .cs-path-scope h3,
html.cs-page-nams-singapore-cms .cs-path-scope p {
  margin: 0;
}

html.cs-page-nams-singapore-cms .cs-path-scope h3 {
  color: var(--navy);
  font-size: .94rem;
}

html.cs-page-nams-singapore-cms .cs-path-scope p {
  color: #606b79;
  font-size: .79rem;
}

html.cs-page-nams-singapore-cms .cs-transform-list.cs-transform-compact {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

html.cs-page-nams-singapore-cms .cs-transform-compact .cs-transform-row {
  grid-template-columns: 1fr 38px 1fr;
  min-height: 160px;
  border-right: 1px solid var(--line);
}

html.cs-page-nams-singapore-cms .cs-transform-compact .cs-transform-side {
  padding: 20px 18px;
}

html.cs-page-nams-singapore-cms .cs-transform-compact .cs-transform-arrow i {
  width: 28px;
  height: 28px;
}

html.cs-page-nams-singapore-cms .cs-overview-layout,
html.cs-page-nams-singapore-cms .cs-review-layout,
html.cs-page-nams-singapore-cms .cs-feature-board,
html.cs-page-nams-singapore-cms .cs-ftp-layout,
html.cs-page-nams-singapore-cms .cs-offboarding-layout {
  display: grid;
  gap: 34px;
  align-items: center;
}

html.cs-page-nams-singapore-cms .cs-overview-layout {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
}

html.cs-page-nams-singapore-cms .cs-overview-copy {
  max-width: 860px;
  margin: 0 auto 34px;
  color: #5f6877;
  text-align: center;
}

html.cs-page-nams-singapore-cms .cs-mini-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

html.cs-page-nams-singapore-cms .cs-mini-feature-grid div {
  position: relative;
  min-height: 88px;
  padding: 18px 16px 16px 43px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #fff;
  color: #566170;
  font-size: .75rem;
  line-height: 1.5;
}

html.cs-page-nams-singapore-cms .cs-mini-feature-grid i {
  position: absolute;
  top: 21px;
  left: 17px;
  color: var(--accent);
  font-size: .76rem;
}

html.cs-page-nams-singapore-cms .cs-review-layout {
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
}

html.cs-page-nams-singapore-cms .cs-review-tracks {
  border-top: 1px solid var(--line);
}

html.cs-page-nams-singapore-cms .cs-review-track {
  position: relative;
  padding: 22px 0 22px 52px;
  border-bottom: 1px solid var(--line);
}

html.cs-page-nams-singapore-cms .cs-review-track>span {
  position: absolute;
  top: 25px;
  left: 0;
  color: var(--accent);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-nams-singapore-cms .cs-review-track h3 {
  margin-bottom: 8px;
  color: var(--navy);
  font-size: 1rem;
}

html.cs-page-nams-singapore-cms .cs-review-track p {
  margin: 0;
  color: #5f6877;
  font-size: .78rem;
}

html.cs-page-nams-singapore-cms .cs-review-summary {
  margin: 18px 0 0;
  color: #4f5b6b;
  font-size: .8rem;
  font-weight: 700;
}

html.cs-page-nams-singapore-cms .cs-offboarding-panel {
  padding: 38px;
  border-radius: 16px;
  background: linear-gradient(135deg, #0d1a2d, #17243b);
  color: #fff;
}

html.cs-page-nams-singapore-cms .cs-offboarding-layout {
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
}

html.cs-page-nams-singapore-cms .cs-offboarding-panel h2,
html.cs-page-nams-singapore-cms .cs-offboarding-panel h3 {
  color: #fff;
}

html.cs-page-nams-singapore-cms .cs-offboarding-intro {
  color: #c4cedc;
}

html.cs-page-nams-singapore-cms .cs-offboarding-steps {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: 22px 0 18px;
  padding: 0;
  border-top: 1px solid rgba(255, 255, 255, .18);
  border-left: 1px solid rgba(255, 255, 255, .18);
  list-style: none;
  counter-reset: offboard;
}

html.cs-page-nams-singapore-cms .cs-offboarding-steps li {
  counter-increment: offboard;
  position: relative;
  min-height: 112px;
  padding: 20px 16px 16px 48px;
  border-right: 1px solid rgba(255, 255, 255, .18);
  border-bottom: 1px solid rgba(255, 255, 255, .18);
  color: #d0d8e4;
  font-size: .75rem;
}

html.cs-page-nams-singapore-cms .cs-offboarding-steps li:before {
  position: absolute;
  top: 20px;
  left: 16px;
  color: #ff8299;
  content: counter(offboard, decimal-leading-zero);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-nams-singapore-cms .cs-offboarding-panel .cs-support {
  color: #b9c4d3;
}

html.cs-page-nams-singapore-cms .cs-offboarding-panel .cs-shot figcaption {
  color: #b9c4d3;
}

html.cs-page-nams-singapore-cms .cs-ftp-shell {
  padding: 40px;
  border-radius: 18px;
  background: linear-gradient(135deg, #0d1a2d, #17243b);
  color: #fff;
}

html.cs-page-nams-singapore-cms .cs-ftp-shell .cs-section-header {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

html.cs-page-nams-singapore-cms .cs-ftp-shell h2 {
  color: #fff;
}

html.cs-page-nams-singapore-cms .cs-ftp-shell .cs-section-header p {
  color: #c5cfdd;
}

html.cs-page-nams-singapore-cms .cs-ftp-layout {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
}

html.cs-page-nams-singapore-cms .cs-ftp-phases {
  border-top: 1px solid rgba(255, 255, 255, .2);
}

html.cs-page-nams-singapore-cms .cs-ftp-phase {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 12px;
  padding: 20px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .2);
}

html.cs-page-nams-singapore-cms .cs-ftp-phase>span {
  color: #ff8299;
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-nams-singapore-cms .cs-ftp-phase h3 {
  margin-bottom: 8px;
  color: #fff;
  font-size: .98rem;
}

html.cs-page-nams-singapore-cms .cs-ftp-phase ol {
  margin: 0;
  padding-left: 18px;
}

html.cs-page-nams-singapore-cms .cs-ftp-phase li {
  margin-bottom: 5px;
  color: #c7d1df;
  font-size: .75rem;
}

html.cs-page-nams-singapore-cms .cs-ftp-shell .cs-workflow-note {
  margin-bottom: 0;
}

html.cs-page-nams-singapore-cms .cs-ftp-shell .cs-shot figcaption {
  color: #b9c4d3;
}

html.cs-page-nams-singapore-cms .cs-feature-board {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
}

html.cs-page-nams-singapore-cms .cs-feature-groups {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

html.cs-page-nams-singapore-cms .cs-feature-group {
  padding: 20px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #fff;
}

html.cs-page-nams-singapore-cms .cs-feature-group h3 {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 12px;
  color: var(--navy);
  font-size: .88rem;
}

html.cs-page-nams-singapore-cms .cs-feature-group h3 i {
  color: var(--accent);
}

html.cs-page-nams-singapore-cms .cs-feature-group ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-nams-singapore-cms .cs-feature-group li {
  position: relative;
  padding: 6px 0 6px 19px;
  color: #5e6977;
  font-size: .75rem;
  line-height: 1.5;
}

html.cs-page-nams-singapore-cms .cs-feature-group li:before {
  position: absolute;
  left: 0;
  color: var(--accent);
  font-family: FontAwesome;
  content: '\f00c';
}

/* Lightweight layouts requested for the refined case-study sections. */
html.cs-page-nams-singapore-cms .cs-built-visual {
  margin-bottom: 30px;
}

html.cs-page-nams-singapore-cms .cs-pointer-grid {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-nams-singapore-cms .cs-pointer-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 32px;
}

html.cs-page-nams-singapore-cms .cs-pointer-grid li {
  position: relative;
  padding: 15px 0 15px 27px;
  border-bottom: 1px solid var(--line);
  color: #586373;
  font-size: .8rem;
  line-height: 1.55;
}

html.cs-page-nams-singapore-cms .cs-pointer-grid li:before {
  position: absolute;
  top: 18px;
  left: 0;
  color: var(--accent);
  font-family: FontAwesome;
  content: '\f00c';
}

html.cs-page-nams-singapore-cms .cs-use-layout {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: 44px;
  align-items: center;
}

html.cs-page-nams-singapore-cms .cs-use-copy>p {
  margin-bottom: 18px;
  color: #c3cedd;
  font-size: .84rem;
}

html.cs-page-nams-singapore-cms .cs-icon-points {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-nams-singapore-cms .cs-icon-points-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 28px;
}

html.cs-page-nams-singapore-cms .cs-icon-points li {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .17);
  color: #e3e9f1;
  font-size: .78rem;
  line-height: 1.55;
}

html.cs-page-nams-singapore-cms .cs-icon-points li i {
  flex: 0 0 auto;
  margin-top: 4px;
  color: var(--accent);
  font-size: .86rem;
}

html.cs-page-nams-singapore-cms .cs-icon-points-light li {
  border-color: var(--line);
  color: #566170;
}

html.cs-page-nams-singapore-cms .cs-nams-need-intro {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
}

html.cs-page-nams-singapore-cms .cs-nams-need-intro>p {
  max-width: 820px;
  margin-right: auto;
  margin-left: auto;
}

html.cs-page-nams-singapore-cms .cs-nams-need-layout {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: 44px;
  align-items: center;
}

html.cs-page-nams-singapore-cms .cs-nams-need-copy>p {
  margin: 0 0 15px;
  color: #4f5b6b;
  font-size: .9rem;
  line-height: 1.75;
}

html.cs-page-nams-singapore-cms .cs-nams-need-points li {
  padding: 10px 0;
  font-size: .82rem;
}

html.cs-page-nams-singapore-cms .cs-nams-need-points li i {
  color: var(--accent);
  font-size: 1rem;
}

html.cs-page-nams-singapore-cms .cs-live-layout {
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
  gap: 62px;
  align-items: center;
}

html.cs-page-nams-singapore-cms .cs-live-proof {
  position: relative;
  min-height: 250px;
  padding: 24px 0 24px 94px;
  overflow: hidden;
  border-left: 2px solid var(--accent);
}

html.cs-page-nams-singapore-cms .cs-live-proof>i {
  position: absolute;
  top: 23px;
  left: 27px;
  color: var(--accent);
  font-size: 2.6rem;
}

html.cs-page-nams-singapore-cms .cs-live-proof>span {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 25px;
  color: var(--navy);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html.cs-page-nams-singapore-cms .cs-live-proof>span i {
  color: #28a56b;
  font-size: .75rem;
}

html.cs-page-nams-singapore-cms .cs-live-proof p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #4f5b6b;
  font-size: .9rem;
  line-height: 1.75;
}

html.cs-page-nams-singapore-cms .cs-live-proof:after {
  position: absolute;
  right: 20px;
  bottom: 16px;
  z-index: 0;
  color: rgba(238, 72, 101, .3);
  content: 'LIVE';
  font-size: 4.25rem;
  font-weight: 800;
  letter-spacing: -.05em;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
  animation: cs-page-nams-singapore-cms-cs-live-blink 1.6s steps(2, end) infinite;
}

@keyframes cs-page-nams-singapore-cms-cs-live-blink {

  0%,
  46% {
    opacity: .22;
  }

  50%,
  100% {
    opacity: .68;
  }
}

html.cs-page-nams-singapore-cms .cs-testing-layout {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: 56px;
  align-items: center;
}

html.cs-page-nams-singapore-cms .cs-test-confirmed {
  display: flex;
  align-items: flex-start;
  gap: 18px;
}

html.cs-page-nams-singapore-cms .cs-test-confirmed i {
  flex: 0 0 auto;
  margin-top: 3px;
  color: var(--accent);
  font-size: 2.25rem;
}

html.cs-page-nams-singapore-cms .cs-test-confirmed p {
  margin: 0;
  color: var(--navy);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.55;
}

html.cs-page-nams-singapore-cms .cs-test-boundary {
  padding: 12px 0 12px 30px;
  border-left: 2px solid var(--accent);
}

html.cs-page-nams-singapore-cms .cs-test-boundary span {
  display: block;
  margin-bottom: 8px;
  color: var(--accent);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html.cs-page-nams-singapore-cms .cs-test-boundary p {
  margin: 0;
  color: #596574;
  font-size: .82rem;
  line-height: 1.7;
}

html.cs-page-nams-singapore-cms .cs-feature-groups.cs-feature-groups-plain {
  gap: 0 32px;
  border: 0;
}

html.cs-page-nams-singapore-cms .cs-feature-groups-plain .cs-feature-group {
  padding: 20px 0;
  border: 0;
  border-bottom: 1px solid #d5dbe2;
  background: transparent;
}

html.cs-page-nams-singapore-cms .cs-line-points {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 34px;
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-nams-singapore-cms .cs-line-points li {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  padding: 17px 0;
  border-bottom: 1px solid #d5dbe2;
  color: #536070;
  font-size: .8rem;
  line-height: 1.55;
}

html.cs-page-nams-singapore-cms .cs-line-points i {
  flex: 0 0 22px;
  margin-top: 4px;
  color: var(--accent);
  font-size: .92rem;
  text-align: center;
}

html.cs-page-nams-singapore-cms .cs-flip-clean .flip-front {
  justify-content: flex-start;
}

html.cs-page-nams-singapore-cms .cs-flip-clean .flip-front strong {
  margin-top: auto;
}

html.cs-page-nams-singapore-cms .cs-flip-clean .flip-back {
  justify-content: flex-start;
}

html.cs-page-nams-singapore-cms .cs-flip-clean .flip-description {
  margin: auto 0;
}

html.cs-page-nams-singapore-cms .cs-build-layout {
  align-items: center;
}

html.cs-page-nams-singapore-cms .cs-ftp-full {
  color: #fff;
  background: linear-gradient(135deg, #0d1a2d, #17243b);
}

html.cs-page-nams-singapore-cms .cs-ftp-full .cs-section-header p {
  color: #c5cfdd;
}

html.cs-page-nams-singapore-cms .cs-ftp-full .cs-shot figcaption {
  color: #b9c4d3;
}

html.cs-page-nams-singapore-cms .cs-offboarding-full {
  color: #fff;
  background: linear-gradient(135deg, #0d1a2d, #17243b);
}

html.cs-page-nams-singapore-cms .cs-offboarding-full .cs-section-header p,
html.cs-page-nams-singapore-cms .cs-offboarding-full .cs-support {
  color: #c4cedc;
}

html.cs-page-nams-singapore-cms .cs-offboarding-full .cs-shot figcaption {
  color: #b9c4d3;
}

html.cs-page-nams-singapore-cms .cs-offboarding-full .cs-offboarding-steps {
  display: block;
  margin: 0 0 18px;
  border: 0;
}

html.cs-page-nams-singapore-cms .cs-offboarding-full .cs-offboarding-steps li {
  min-height: 0;
  padding: 15px 0 15px 42px;
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, .18);
}

html.cs-page-nams-singapore-cms .cs-offboarding-full .cs-offboarding-steps li:before {
  top: 16px;
  left: 0;
}

@media (max-width: 991px) {

  html.cs-page-nams-singapore-cms .cs-hero-copy,
  html.cs-page-nams-singapore-cms .cs-hero-visual {
    padding-right: 15px;
    padding-left: 15px;
  }

  html.cs-page-nams-singapore-cms .cs-hero-visual {
    margin-top: 34px;
  }

  html.cs-page-nams-singapore-cms .cs-hero-highlights {
    grid-template-columns: repeat(2, 1fr);
  }

  html.cs-page-nams-singapore-cms .cs-project-grid,
  html.cs-page-nams-singapore-cms .cs-grid-2,
  html.cs-page-nams-singapore-cms .cs-structure,
  html.cs-page-nams-singapore-cms .cs-cta-grid {
    grid-template-columns: 1fr;
  }

  html.cs-page-nams-singapore-cms .cs-project-title {
    padding: 0 0 28px;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .18);
  }

  html.cs-page-nams-singapore-cms .cs-feature-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  html.cs-page-nams-singapore-cms .cs-value-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  html.cs-page-nams-singapore-cms .cs-number-flow {
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
  }

  html.cs-page-nams-singapore-cms .cs-number-flow li:nth-child(5n):after {
    display: block;
  }

  html.cs-page-nams-singapore-cms .cs-number-flow li:nth-child(2n):after {
    display: none;
  }

  html.cs-page-nams-singapore-cms .cs-workflow-layout {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 36px;
  }

  html.cs-page-nams-singapore-cms .cs-tech-row {
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 28px;
  }

  html.cs-page-nams-singapore-cms .cs-also-layout,
  html.cs-page-nams-singapore-cms .cs-overview-layout,
  html.cs-page-nams-singapore-cms .cs-review-layout,
  html.cs-page-nams-singapore-cms .cs-feature-board,
  html.cs-page-nams-singapore-cms .cs-ftp-layout,
  html.cs-page-nams-singapore-cms .cs-offboarding-layout,
  html.cs-page-nams-singapore-cms .cs-content-path,
  html.cs-page-nams-singapore-cms .cs-use-layout,
  html.cs-page-nams-singapore-cms .cs-live-layout,
  html.cs-page-nams-singapore-cms .cs-testing-layout,
  html.cs-page-nams-singapore-cms .cs-nams-need-layout {
    grid-template-columns: 1fr;
  }

  html.cs-page-nams-singapore-cms .cs-flip-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  html.cs-page-nams-singapore-cms .cs-feature-panel.active,
  html.cs-page-nams-singapore-cms .cs-feature-panel.show {
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 30px;
  }

  html.cs-page-nams-singapore-cms .cs-path-scope {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  html.cs-page-nams-singapore-cms .cs-pointer-grid-3,
  html.cs-page-nams-singapore-cms .cs-line-points {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  html.cs-page-nams-singapore-cms .cs-shell {
    padding-left: 20px;
    padding-right: 20px;
  }

  html.cs-page-nams-singapore-cms .cs-section,
  html.cs-page-nams-singapore-cms .cs-workflow {
    padding: 62px 0;
  }

  html.cs-page-nams-singapore-cms .cs-hero {
    padding: 48px 0 36px;
    padding-top:80px;
  }
html.cs-page-nams-singapore-cms .cs-hero-visual
{
  display:none !important;
}
  html.cs-page-nams-singapore-cms .cs-hero h1 {
    font-size: 2.45rem;
  }

  html.cs-page-nams-singapore-cms .cs-section h2 {
    font-size: 2.08rem;
  }

  html.cs-page-nams-singapore-cms .cs-actions {
    display: grid;
  }

  html.cs-page-nams-singapore-cms .cs-button {
    width: 100%;
    text-align: center;
  }

  html.cs-page-nams-singapore-cms .cs-hero-meta {
    align-items: flex-start;
    flex-direction: column;
  }

  html.cs-page-nams-singapore-cms .cs-hero-highlights,
  html.cs-page-nams-singapore-cms .cs-facts,
  html.cs-page-nams-singapore-cms .cs-pill-grid,
  html.cs-page-nams-singapore-cms .cs-scope,
  html.cs-page-nams-singapore-cms .cs-feature-grid,
  html.cs-page-nams-singapore-cms .cs-value-grid,
  html.cs-page-nams-singapore-cms .cs-role-grid,
  html.cs-page-nams-singapore-cms .cs-compare-cards,
  html.cs-page-nams-singapore-cms .cs-before-after,
  html.cs-page-nams-singapore-cms .cs-structure-map {
    grid-template-columns: 1fr;
  }

  html.cs-page-nams-singapore-cms .cs-compare-head {
    display: none;
  }

  html.cs-page-nams-singapore-cms .cs-compare-row {
    grid-template-columns: 1fr;
  }

  html.cs-page-nams-singapore-cms .cs-compare-row>div {
    border-right: 0 !important;
  }

  html.cs-page-nams-singapore-cms .cs-compare-row>div:first-child:before {
    display: block;
    margin-bottom: 5px;
    color: var(--accent);
    content: 'Before';
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
  }

  html.cs-page-nams-singapore-cms .cs-compare-row>div:last-child:before {
    display: block;
    margin-bottom: 5px;
    color: var(--accent);
    content: 'Response';
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
  }

  html.cs-page-nams-singapore-cms .cs-workflow-layout {
    grid-template-columns: 1fr;
  }

  html.cs-page-nams-singapore-cms .cs-workflow-sticky {
    position: relative;
    top: auto;
    contain: none;
  }

  html.cs-page-nams-singapore-cms .cs-workflow-stage {
    height: auto;
    min-height: 300px;
    display:none !important;
  }

  html.cs-page-nams-singapore-cms .cs-workflow-timeline {
    margin-top: 22px;
    padding-left: 27px;
  }

  html.cs-page-nams-singapore-cms .cs-workflow-step {
    min-height: 0;
    padding-bottom: 43px;
  }

  html.cs-page-nams-singapore-cms .cs-workflow-step:before {
    left: -33px;
  }

  html.cs-page-nams-singapore-cms .cs-number-flow {
    grid-template-columns: 1fr;
  }

  html.cs-page-nams-singapore-cms .cs-number-flow li {
    min-height: 0;
    padding: 48px 8px 28px 58px;
  }

  html.cs-page-nams-singapore-cms .cs-number-flow li:before {
    top: 40px;
    left: 8px;
  }

  html.cs-page-nams-singapore-cms .cs-number-flow li:after {
    display: none !important;
  }

  html.cs-page-nams-singapore-cms .cs-tech-row {
    grid-template-columns: 1fr;
    gap: 17px;
  }

  html.cs-page-nams-singapore-cms .cs-tech-items {
    align-items: stretch;
    flex-direction: column;
  }

  html.cs-page-nams-singapore-cms .cs-tech-chip {
    width: 100%;
  }

  html.cs-page-nams-singapore-cms .cs-shot figcaption {
    font-size: .75rem;
  }

  html.cs-page-nams-singapore-cms .cs-transform-row {
    grid-template-columns: 1fr;
  }

  html.cs-page-nams-singapore-cms .cs-transform-side {
    padding: 21px 20px;
  }

  html.cs-page-nams-singapore-cms .cs-transform-arrow {
    min-height: 38px;
  }

  html.cs-page-nams-singapore-cms .cs-transform-arrow:before {
    top: 50%;
    right: 0;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 1px;
  }

  html.cs-page-nams-singapore-cms .cs-transform-arrow i {
    transform: rotate(90deg);
  }

  html.cs-page-nams-singapore-cms .cs-also-copy .cs-pill-grid,
  html.cs-page-nams-singapore-cms .cs-feature-tabs,
  html.cs-page-nams-singapore-cms .cs-tab-features,
  html.cs-page-nams-singapore-cms .cs-flip-grid,
  html.cs-page-nams-singapore-cms .industry-grid,
  html.cs-page-nams-singapore-cms .cs-need-matrix,
  html.cs-page-nams-singapore-cms .cs-mini-feature-grid,
  html.cs-page-nams-singapore-cms .cs-feature-groups,
  html.cs-page-nams-singapore-cms .cs-offboarding-steps,
  html.cs-page-nams-singapore-cms .cs-transform-list.cs-transform-compact {
    grid-template-columns: 1fr;
  }

  html.cs-page-nams-singapore-cms .cs-feature-tab {
    justify-content: flex-start;
  }

  html.cs-page-nams-singapore-cms .cs-feature-panel.active,
  html.cs-page-nams-singapore-cms .cs-feature-panel.show {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  html.cs-page-nams-singapore-cms .cs-flip-card,
  html.cs-page-nams-singapore-cms .cs-flip-inner {
    min-height: 225px;
  }

  html.cs-page-nams-singapore-cms .cs-splitter {
    aspect-ratio: 4 / 3;
  }

  html.cs-page-nams-singapore-cms .cs-splitter-before img {
    width: calc(100vw - 40px);
  }

  html.cs-page-nams-singapore-cms .cs-splitter-label {
    top: 10px;
  }

  html.cs-page-nams-singapore-cms .cs-splitter-label.cs-before-label {
    left: 10px;
  }

  html.cs-page-nams-singapore-cms .cs-splitter-label.cs-after-label {
    right: 10px;
  }

  html.cs-page-nams-singapore-cms .cs-transform-compact .cs-transform-row {
    min-height: 0;
  }

  html.cs-page-nams-singapore-cms .cs-transform-list.cs-transform-compact .cs-transform-row {
    grid-template-columns: 1fr;
  }

  html.cs-page-nams-singapore-cms .cs-content-path .cs-structure-map {
    grid-template-columns: 1fr;
  }

  html.cs-page-nams-singapore-cms .cs-offboarding-panel,
  html.cs-page-nams-singapore-cms .cs-ftp-shell {
    padding: 26px 20px;
  }

  html.cs-page-nams-singapore-cms .cs-pointer-grid-3,
  html.cs-page-nams-singapore-cms .cs-icon-points-2,
  html.cs-page-nams-singapore-cms .cs-line-points {
    grid-template-columns: 1fr;
  }

  html.cs-page-nams-singapore-cms .cs-live-proof {
    min-height: 0;
    padding: 20px 0 20px 65px;
  }

  html.cs-page-nams-singapore-cms .cs-live-proof>i {
    left: 15px;
    font-size: 2rem;
  }

  html.cs-page-nams-singapore-cms .cs-live-proof:after {
    right: 12px;
    bottom: 14px;
    font-size: 3.25rem;
  }

  html.cs-page-nams-singapore-cms .cs-testing-layout {
    gap: 30px;
  }

  html.cs-page-nams-singapore-cms .cs-test-boundary {
    padding-left: 20px;
  }
}

@media (max-height: 650px) {
  html.cs-page-nams-singapore-cms .cs-workflow-sticky {
    position: relative;
    top: auto;
    contain: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.cs-page-nams-singapore-cms {
    scroll-behavior: auto;
  }

  html.cs-page-nams-singapore-cms * {
    transition: none !important;
  }

  html.cs-page-nams-singapore-cms .cs-live-proof:after {
    animation: none;
    opacity: .48;
  }
}

/* Scroll-controlled problem and response presentation. */
html.cs-page-nams-singapore-cms .cs-challenge-section {
  padding: 76px 0 0;
  background: #f1f1f1;
}

html.cs-page-nams-singapore-cms #nams-problems {
  background: #fff;
}

html.cs-page-nams-singapore-cms .cs-challenge-mobile {
  display: none;
}

html.cs-page-nams-singapore-cms .cs-challenge-story {
  position: relative;
  height: 370vh;
}

html.cs-page-nams-singapore-cms .cs-challenge-stage {
  position: sticky;
  top: 180px;
  display: flex;
  flex-direction: column;
  padding-bottom: 28px;
}

html.cs-page-nams-singapore-cms .cs-challenge-heading {
  margin: 0 auto 22px;
  text-align: center;
}

html.cs-page-nams-singapore-cms .cs-challenge-heading h2,
html.cs-page-nams-singapore-cms .cs-challenge-mobile-heading h2 {
  margin: 10px 0 12px;
  color: var(--navy);
  font-size: 2.25rem;
  line-height: 1.18;
  letter-spacing: -.035em;
}

html.cs-page-nams-singapore-cms .cs-challenge-heading h2 em,
html.cs-page-nams-singapore-cms .cs-challenge-mobile-heading h2 em {
  color: var(--accent);
  font-style: normal;
}

html.cs-page-nams-singapore-cms .cs-challenge-heading>p,
html.cs-page-nams-singapore-cms .cs-challenge-mobile-heading>p {
  max-width: 720px;
  margin: 0 auto;
  color: #626c79;
  font-size: .82rem;
  line-height: 1.7;
}

html.cs-page-nams-singapore-cms .cs-challenge-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: min(100%, 940px);
  margin: 0 auto 16px;
  color: #6b7481;
  font-size: .78rem;
}

html.cs-page-nams-singapore-cms .cs-challenge-nav-actions {
  display: flex;
  align-items: center;
  gap: 9px;
}

html.cs-page-nams-singapore-cms .cs-challenge-count {
  margin-right: 5px;
  color: var(--navy);
  font-size: .86rem;
}

html.cs-page-nams-singapore-cms .cs-challenge-count span {
  color: #89919c;
  font-size: .75rem;
  font-weight: 500;
}

html.cs-page-nams-singapore-cms .cs-challenge-nav-actions button {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid #d7dde5;
  border-radius: 50%;
  background: #fff;
  color: var(--navy);
  cursor: pointer;
  transition: color .2s, border-color .2s, transform .2s;
}

html.cs-page-nams-singapore-cms .cs-challenge-nav-actions button:hover:not(:disabled) {
  border-color: var(--accent);
  color: var(--accent);
  transform: translateY(-1px);
}

html.cs-page-nams-singapore-cms .cs-challenge-nav-actions button:disabled {
  cursor: default;
  opacity: .35;
}

html.cs-page-nams-singapore-cms .cs-challenge-nav-actions button:focus-visible,
html.cs-page-nams-singapore-cms .cs-challenge-segments button:focus-visible {
  outline: 3px solid rgba(238, 72, 101, .3);
  outline-offset: 3px;
}

html.cs-page-nams-singapore-cms .cs-challenge-focus {
  width: min(100%, 940px);
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid #dbe1e9;
  border-radius: 15px;
  background: #fff;
}

html.cs-page-nams-singapore-cms .cs-challenge-focus>header {
  padding: 15px 23px 17px;
  border-bottom: 3px solid var(--accent);
  background: linear-gradient(135deg, #0e1d31, #18233a);
}

html.cs-page-nams-singapore-cms .cs-challenge-focus>header h3 {
  margin: 0;
  color: #fff;
  font-size: 1.15rem;
  font-weight: 600;
  line-height: 1.3;
}

html.cs-page-nams-singapore-cms .cs-challenge-focus-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 150px;
}

html.cs-page-nams-singapore-cms .cs-challenge-problem,
html.cs-page-nams-singapore-cms .cs-challenge-response {
  padding: 23px;
}

html.cs-page-nams-singapore-cms .cs-challenge-response {
  border-left: 1px solid #e0e5ec;
}

html.cs-page-nams-singapore-cms .cs-challenge-focus-pair h4 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 11px;
  font-size: 1.4rem;
  line-height: 1.35;
}

html.cs-page-nams-singapore-cms .cs-challenge-problem h4 {
  color: #c83232;
}

html.cs-page-nams-singapore-cms .cs-challenge-response h4 {
  color: #16864b;
}

html.cs-page-nams-singapore-cms .cs-challenge-focus-pair p {
  margin: 0;
  color: #536070;
  font-size: .8rem;
  line-height: 1.7;
}

html.cs-page-nams-singapore-cms .cs-challenge-segments {
  display: flex;
  gap: 7px;
  width: min(100%, 940px);
  margin: 13px auto 0;
}

html.cs-page-nams-singapore-cms .cs-challenge-segments button {
  flex: 1;
  height: 22px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

html.cs-page-nams-singapore-cms .cs-challenge-segments button span {
  display: block;
  width: 100%;
  height: 3px;
  background: #d5dce5;
  transition: background .2s;
}

html.cs-page-nams-singapore-cms .cs-challenge-segments button.is-active span {
  background: var(--accent);
}

html.cs-page-nams-singapore-cms .cs-challenge-segments button:hover span {
  background: var(--navy);
}

@media (max-width: 899px),
(max-height: 650px) {
  html.cs-page-nams-singapore-cms .cs-challenge-section {
    padding: 62px 0;
  }

  html.cs-page-nams-singapore-cms .cs-challenge-story {
    display: none;
  }

  html.cs-page-nams-singapore-cms .cs-challenge-mobile {
    display: block;
  }

  html.cs-page-nams-singapore-cms .cs-challenge-mobile-heading {
    margin-bottom: 24px;
    text-align: center;
  }

  html.cs-page-nams-singapore-cms .cs-challenge-mobile-hint {
    margin: 0 0 15px;
    color: #626c79;
    font-size: .78rem;
  }

  html.cs-page-nams-singapore-cms .cs-challenge-disclosures {
    display: grid;
    gap: 10px;
  }

  html.cs-page-nams-singapore-cms .cs-challenge-disclosure {
    overflow: hidden;
    border: 1px solid #dbe1e9;
    border-radius: 13px;
    background: #fff;
  }

  html.cs-page-nams-singapore-cms .cs-challenge-disclosure summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 17px 19px;
    color: var(--navy);
    font-size: .9rem;
    font-weight: 600;
    line-height: 1.4;
    list-style: none;
    cursor: pointer;
  }

  html.cs-page-nams-singapore-cms .cs-challenge-disclosure summary::-webkit-details-marker {
    display: none;
  }

  html.cs-page-nams-singapore-cms .cs-challenge-disclosure summary i {
    flex: 0 0 auto;
    color: var(--accent);
    transition: transform .2s;
  }

  html.cs-page-nams-singapore-cms .cs-challenge-disclosure[open] summary {
    background: var(--navy);
    color: #fff;
  }

  html.cs-page-nams-singapore-cms .cs-challenge-disclosure[open] summary i {
    color: #ff8299;
    transform: rotate(180deg);
  }

  html.cs-page-nams-singapore-cms .cs-challenge-disclosure-body {
    padding: 19px;
  }

  html.cs-page-nams-singapore-cms .cs-challenge-disclosure-body>div+div {
    margin-top: 17px;
    padding-top: 17px;
    border-top: 1px solid #e0e5ec;
  }

  html.cs-page-nams-singapore-cms .cs-challenge-disclosure h3 {
    margin: 0 0 7px;
    color: #c83232;
    font-size: .8rem;
  }

  html.cs-page-nams-singapore-cms .cs-challenge-disclosure .cs-challenge-mobile-response h3 {
    color: #16864b;
  }

  html.cs-page-nams-singapore-cms .cs-challenge-disclosure p {
    margin: 0;
    color: #536070;
    font-size: .8rem;
    line-height: 1.65;
  }
}

/* ================================================================
   Page namespace: NOPLMT-Employee-Identity-Lifecycle (cs-page-noplmt-employee-identity-lifecycle)
   ================================================================ */

/* Original file: NOPLMT-Employee-Identity-Lifecycle/css/case-study.css */
html.cs-page-noplmt-employee-identity-lifecycle {
  --navy: #081b36;
  --ink: #162238;
  --muted: #667080;
  --accent: #ee4865;
  --accent-soft: #fff0f3;
  --soft: #f1f1f1;
  --line: #dfe4ea;
  --dark: #111e33;
  --white: #ffffff;
}

html.cs-page-noplmt-employee-identity-lifecycle * {
  box-sizing: border-box;
}

html.cs-page-noplmt-employee-identity-lifecycle {
  font-size: 16px;
  scroll-behavior: smooth;
}

html.cs-page-noplmt-employee-identity-lifecycle body {
  margin: 0;
  color: var(--ink);
  background: #fff;
  font-family: Lexend, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.65;
}

html.cs-page-noplmt-employee-identity-lifecycle h1,
html.cs-page-noplmt-employee-identity-lifecycle h2,
html.cs-page-noplmt-employee-identity-lifecycle h3,
html.cs-page-noplmt-employee-identity-lifecycle h4,
html.cs-page-noplmt-employee-identity-lifecycle p,
html.cs-page-noplmt-employee-identity-lifecycle figure,
html.cs-page-noplmt-employee-identity-lifecycle dl,
html.cs-page-noplmt-employee-identity-lifecycle dd {
  margin-top: 0;
}

html.cs-page-noplmt-employee-identity-lifecycle section img {
  display: block;
  max-width: 100%;
}

html.cs-page-noplmt-employee-identity-lifecycle .case-study section a {
  color: var(--accent);
}

html.cs-page-noplmt-employee-identity-lifecycle .case-study section a:hover {
  color: var(--navy);
  text-decoration: none;
}

html.cs-page-noplmt-employee-identity-lifecycle em {
  color: var(--accent);
  font-style: normal;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-shell {
  width: 100%;
  /* max-width: 1180px;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px; */
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-section {
  padding: 86px 0;
  background: #fff;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-section.cs-soft {
  background: var(--soft);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-section.cs-dark {
  color: #fff;
  background: linear-gradient(135deg, #0c192c, #18263e);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-section-header {
  max-width: 820px;
  margin-bottom: 40px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-section-header.cs-center {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-eyebrow {
  display: block;
  margin-bottom: 12px;
  color: var(--accent);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-section h2,
html.cs-page-noplmt-employee-identity-lifecycle .cs-cta h2 {
  margin-bottom: 18px;
  color: var(--navy);
  font-size: clamp(2rem, 3.4vw, 3.25rem);
  font-weight: 750;
  letter-spacing: -.035em;
  line-height: 1.12;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-dark h2,
html.cs-page-noplmt-employee-identity-lifecycle .cs-dark h3 {
  color: #fff;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-dark .cs-section-header p,
html.cs-page-noplmt-employee-identity-lifecycle .cs-workflow .cs-section-header p {
  color: #b8cbe5;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-dark .cs-value-card h3 {
  color: var(--navy);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-section-header p {
  color: var(--muted);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 46px;
  align-items: start;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-copy p,
html.cs-page-noplmt-employee-identity-lifecycle .cs-copy li {
  color: #5f6877;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-copy ul {
  padding-left: 20px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-copy li {
  margin-bottom: 8px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-shot {
  margin: 0;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-shot img {
  width: 100%;
  height: auto;
  border: 1px solid #d9e0e8;
  border-radius: 12px;
  box-shadow: 0 20px 48px rgba(9, 29, 57, .14);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-shot figcaption {
  margin-top: 10px;
  color: #747e8c;
  font-size: .75rem;
  line-height: 1.5;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-wide {
  margin-top: 40px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-hero {
  padding: 72px 0 50px;
  background: #fff;
  padding-top:140px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-hero-row {
  align-items: center;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-hero-copy {
  padding-right: 34px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-status {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  color: var(--accent);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-status:before {
  width: 10px;
  height: 10px;
  border: 2px solid var(--accent);
  border-radius: 50%;
  content: '';
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-status.cs-complete:before {
  background: var(--accent);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-hero h1 {
  margin-bottom: 18px;
  color: var(--navy);
  font-size: clamp(2.45rem, 4.05vw, 4.05rem);
  font-weight: 780;
  letter-spacing: -.047em;
  line-height: 1.04;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-hero-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
  font-size: .84rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-hero-meta span {
  padding-left: 12px;
  border-left: 2px solid var(--accent);
  color: var(--accent);
  font-weight: 750;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-hero-copy>p {
  margin-bottom: 12px;
  color: #586272;
  font-size: .98rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-support {
  font-size: .82rem !important;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 13px 20px;
  border: 1px solid var(--accent);
  border-radius: 7px;
  background: var(--accent);
  box-shadow: 0 11px 24px rgba(238, 72, 101, .22);
  color: #fff;
  font-size: .8rem;
  font-weight: 750;
  text-decoration: none;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-button:hover {
  color: #fff;
  transform: translateY(-1px);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-button.cs-outline {
  background: #fff;
  box-shadow: none;
  color: var(--navy);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-button.cs-outline:hover {
  background: var(--accent-soft);
  color: var(--navy);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-hero-visual {
  padding-left: 34px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-hero-highlights {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 42px;
  padding-top: 25px;
  border-top: 1px solid var(--line);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-hero-highlights article {
  display: flex;
  gap: 10px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-hero-highlights i {
  margin-top: 5px;
  color: var(--accent);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-hero-highlights strong,
html.cs-page-noplmt-employee-identity-lifecycle .cs-hero-highlights span {
  display: block;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-hero-highlights strong {
  font-size: .78rem;
  line-height: 1.4;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-hero-highlights span {
  color: #747c89;
  font-size: .75rem;
  line-height: 1.5;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-project {
  padding: 38px 0;
  color: #fff;
  background: linear-gradient(110deg, #111d31, #20263d 60%, #35243a);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-project-grid {
  display: grid;
  grid-template-columns: .9fr 1.5fr;
  gap: 42px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-project-title {
  padding-right: 36px;
  border-right: 1px solid rgba(255, 255, 255, .18);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-project-title>div {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 17px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-project-title strong {
  font-size: 1.15rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-project-title span {
  padding-left: 12px;
  border-left: 1px solid rgba(255, 255, 255, .4);
  color: #c7cfdb;
  font-size: .75rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-project-title h2 {
  margin-bottom: 22px;
  font-size: 1rem;
  line-height: 1.5;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-project-title p {
  margin: 0;
  font-size: .75rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-project-title i {
  color: #ff7890;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-facts {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 17px 28px;
  margin: 0;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-facts dt {
  color: #abb7ca;
  font-size: .75rem;
  font-weight: 500;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-facts dd {
  color: #fff;
  font-size: .75rem;
  font-weight: 650;
  line-height: 1.5;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-pill-grid,
html.cs-page-noplmt-employee-identity-lifecycle .cs-feature-grid,
html.cs-page-noplmt-employee-identity-lifecycle .cs-value-grid,
html.cs-page-noplmt-employee-identity-lifecycle .cs-role-grid {
  display: grid;
  gap: 16px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-pill-grid {
  grid-template-columns: repeat(3, 1fr);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-pill {
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 62px;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #fff;
  color: var(--ink);
  font-size: .82rem;
  font-weight: 700;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-pill i {
  color: var(--accent);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-scope {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 34px;
  margin: 34px 0 0;
  padding: 26px 28px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #fff;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-scope li {
  position: relative;
  padding: 10px 0 10px 25px;
  border-bottom: 1px solid #edf0f3;
  color: #596371;
  font-size: .82rem;
  list-style: none;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-scope li:before {
  position: absolute;
  left: 0;
  color: var(--accent);
  font-family: FontAwesome;
  content: '\f00c';
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-feature-grid {
  grid-template-columns: repeat(3, 1fr);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-feature-card {
  padding: 25px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: #fff;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-feature-card i {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  margin-bottom: 18px;
  border-radius: 50%;
  background: var(--accent-soft);
  color: var(--accent);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-feature-card h3 {
  margin-bottom: 8px;
  font-size: 1rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-feature-card p {
  margin: 0;
  color: #66707e;
  font-size: .78rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-value-grid {
  grid-template-columns: repeat(4, 1fr);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-value-card {
  padding: 23px;
  border-top: 3px solid var(--accent);
  background: #fff;
  box-shadow: 0 12px 30px rgba(9, 29, 57, .08);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-value-card span {
  color: var(--accent);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-value-card h3 {
  margin: 10px 0 8px;
  font-size: 1rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-value-card p {
  margin: 0;
  color: #697280;
  font-size: .78rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-comparison {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: #fff;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-compare-head,
html.cs-page-noplmt-employee-identity-lifecycle .cs-compare-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-compare-head div {
  padding: 18px 24px;
  color: #fff;
  background: var(--navy);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-compare-head div:last-child {
  background: var(--accent);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-compare-row>div {
  padding: 18px 24px;
  border-top: 1px solid var(--line);
  color: #606a78;
  font-size: .81rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-compare-row>div:first-child {
  border-right: 1px solid var(--line);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-compare-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-compare-card {
  padding: 30px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-compare-card.cs-new {
  color: #fff;
  background: var(--navy);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-compare-card h3 {
  margin-bottom: 20px;
  font-size: 1.25rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-compare-card ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-compare-card li {
  position: relative;
  padding: 10px 0 10px 25px;
  border-top: 1px solid #e7ebef;
  color: #616b79;
  font-size: .8rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-compare-card.cs-new li {
  border-color: rgba(255, 255, 255, .13);
  color: #d1d9e5;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-compare-card li:before {
  position: absolute;
  left: 0;
  color: var(--accent);
  font-family: FontAwesome;
  content: '\f105';
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-workflow {
  padding: 86px 0;
  color: #fff;
  background: linear-gradient(135deg, #0d1a2d, #17243b);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-workflow h2 {
  color: #fff;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-workflow-layout {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 68px;
  align-items: start;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-workflow-sticky {
  position: sticky;
  top: 124px;
  min-width: 0;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-workflow-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  color: #b9c5d6;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-workflow-stage {
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(330px, 54vh, 520px);
  padding: 16px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 14px;
  background: linear-gradient(155deg, #fff 28%, #eaf1fa);
  box-shadow: 0 22px 55px rgba(0, 0, 0, .2);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-workflow-screen {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  border-radius: 8px;
  animation: cs-page-noplmt-employee-identity-lifecycle-cs-visual-in .32s ease;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-workflow-caption {
  margin: 15px 0 12px;
  color: #cad3e1;
  font-size: .8rem;
  font-weight: 650;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-progress-line {
  height: 3px;
  background: rgba(255, 255, 255, .2);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-progress-line span {
  display: block;
  height: 100%;
  background: var(--accent);
  transition: width .2s ease;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-workflow-timeline {
  padding-left: 34px;
  border-left: 1px solid rgba(255, 255, 255, .23);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-workflow-step {
  position: relative;
  min-height: 205px;
  padding-bottom: 52px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-workflow-step:before {
  position: absolute;
  top: 8px;
  left: -40px;
  width: 11px;
  height: 11px;
  border: 2px solid var(--accent);
  border-radius: 50%;
  background: #17243b;
  content: '';
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-workflow-step.cs-active:before {
  background: var(--accent);
  box-shadow: 0 0 0 8px rgba(238, 72, 101, .18);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-step-label {
  margin-bottom: 12px;
  color: #aeb9ca;
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-workflow-step h3 {
  margin-bottom: 11px;
  color: #fff;
  font-size: 1.28rem;
  line-height: 1.35;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-workflow-step.cs-active h3 {
  color: var(--accent);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-workflow-step p,
html.cs-page-noplmt-employee-identity-lifecycle .cs-workflow-step li {
  color: #edeeef;
  font-size: .9rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-workflow-step ul {
  padding-left: 18px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-workflow-note {
  margin-top: 30px;
  padding: 20px 22px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-left: 3px solid var(--accent);
  border-radius: 8px;
  background: rgba(255, 255, 255, .05);
  color: #cbd4e0;
  font-size: .8rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-workflow-explainer {
  width: 100%;
  max-width: 420px;
  padding: 18px;
  color: var(--navy);
  animation: cs-page-noplmt-employee-identity-lifecycle-cs-visual-in .32s ease;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-workflow-explainer>i {
  margin-bottom: 22px;
  color: var(--accent);
  font-size: 2.65rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-workflow-explainer h3 {
  margin-bottom: 20px;
  color: var(--navy);
  font-size: 1.38rem;
  line-height: 1.35;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-explainer-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 0;
  border-top: 1px solid #e7d5dc;
  color: #596575;
  font-size: .8rem;
  line-height: 1.65;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-explainer-row i {
  margin-top: 5px;
  color: var(--accent);
  font-size: .76rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-illustration-note {
  margin: 16px 0 0;
  color: #707987;
  font-size: .75rem;
  font-weight: 700;
}

@keyframes cs-page-noplmt-employee-identity-lifecycle-cs-visual-in {
  from {
    opacity: .55;
    transform: translateY(5px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-number-flow {
  counter-reset: step;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-number-flow li {
  position: relative;
  min-height: 180px;
  padding: 56px 18px 22px;
  border-top: 1px solid var(--line);
  color: #66707e;
  font-size: .77rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-number-flow li:before {
  counter-increment: step;
  position: absolute;
  top: -18px;
  left: 18px;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--navy);
  color: #fff;
  content: counter(step, decimal-leading-zero);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-number-flow li:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: var(--line);
  content: '';
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-number-flow li:nth-child(5n):after {
  display: none;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-number-flow strong {
  display: block;
  margin-bottom: 8px;
  color: var(--navy);
  font-size: .9rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-role-grid {
  grid-template-columns: repeat(3, 1fr);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-role {
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #fff;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-role .cs-role-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 18px;
  border-radius: 50%;
  background: var(--navy);
  color: #fff;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-role h3 {
  margin-bottom: 14px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-role ul {
  padding-left: 18px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-role li {
  margin-bottom: 7px;
  color: #626c7a;
  font-size: .78rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-technical {
  padding: 34px;
  border-radius: 16px;
  background: #0e1d32;
  color: #fff;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-technical h2,
html.cs-page-noplmt-employee-identity-lifecycle .cs-technical h3 {
  color: #fff;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-technical p,
html.cs-page-noplmt-employee-identity-lifecycle .cs-technical li {
  color: #c6d0de;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-technical ol {
  padding-left: 22px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-technical li {
  margin-bottom: 8px;
  font-size: .82rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-technical .cs-shot figcaption {
  color: #aeb9c8;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-evidence {
  padding: 25px 28px;
  border-left: 4px solid var(--accent);
  border-radius: 9px;
  background: var(--accent-soft);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-evidence p {
  margin-bottom: 0;
  color: #5e6876;
  font-size: .84rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-tech-list {
  border-top: 1px solid #d9dee4;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-tech-row {
  display: grid;
  grid-template-columns: minmax(220px, .8fr) minmax(0, 1.2fr);
  gap: 52px;
  padding: 27px 0;
  border-bottom: 1px solid #d9dee4;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-tech-category {
  display: flex;
  align-items: center;
  gap: 14px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-tech-category span {
  color: var(--accent);
  font-size: .77rem;
  font-weight: 800;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-tech-category h3 {
  margin: 0;
  color: var(--navy);
  font-size: 1rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-tech-items {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-tech-chip {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 9px 13px;
  border-radius: 8px;
  background: #f1f1f1;
  line-height: 1.35;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-tech-chip i {
  color: var(--accent);
  font-size: .88rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-tech-chip strong {
  color: var(--navy);
  font-size: .78rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-tech-chip span {
  color: #47515f;
  font-size: .75rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-before-after {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-before-after article {
  min-width: 0;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-before-after h3 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
  font-size: 1.1rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-before-after h3 span {
  color: var(--accent);
  font-size: .75rem;
  letter-spacing: .09em;
  text-transform: uppercase;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-structure {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 50px;
  align-items: start;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-structure-map {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  padding: 24px;
  border-radius: 15px;
  background: var(--navy);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-structure-map div {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 62px;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 8px;
  color: #d9e1ec;
  font-size: .76rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-structure-map span {
  color: #ff7d93;
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-cta {
  padding: 72px 0;
  border-top: 1px solid #e2e6eb;
  border-bottom: 1px solid #d2d8df;
  background: linear-gradient(115deg, #fff 0%, #f6f7f8 52%, #d9dee4 100%);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-cta-grid {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 50px;
  align-items: center;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-cta h2 {
  max-width: 780px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-cta p {
  max-width: 800px;
  margin-bottom: 0;
  color: #5d6775;
  font-size: .92rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-cta .cs-button {
  background: var(--navy);
  border-color: var(--navy);
  box-shadow: 0 12px 28px rgba(7, 26, 53, .18);
  white-space: nowrap;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-faq {
  max-width: 920px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-faq details {
  border-top: 1px solid #d9dee4;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-faq details:last-child {
  border-bottom: 1px solid #d9dee4;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-faq summary {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 22px 0;
  cursor: pointer;
  font-weight: 700;
  list-style: none;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-faq summary::-webkit-details-marker {
  display: none;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-faq summary i {
  color: var(--accent);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-faq details[open] summary i {
  transform: rotate(45deg);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-faq details p {
  padding: 0 40px 22px 0;
  color: #636d7b;
  font-size: .88rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-note {
  display: flex;
  gap: 12px;
  margin-top: 24px;
  padding: 17px 20px;
  border-radius: 8px;
  background: #f3f5f7;
  color: #626c79;
  font-size: .8rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-note i {
  margin-top: 4px;
  color: var(--accent);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-dark .cs-note {
  border: 1px solid rgba(255, 255, 255, .13);
  background: rgba(255, 255, 255, .05);
  color: #d0d8e3;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-transform-list {
  border-top: 1px solid var(--line);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-transform-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 54px minmax(0, 1fr);
  align-items: stretch;
  border-bottom: 1px solid var(--line);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-transform-side {
  padding: 25px 28px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-transform-side small {
  display: block;
  margin-bottom: 6px;
  color: #7a8492;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-transform-side p {
  margin: 0;
  color: #566170;
  font-size: .84rem;
  line-height: 1.65;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-transform-side.cs-response {
  background: linear-gradient(90deg, #fff, #f7f8fa);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-transform-side.cs-response small {
  color: var(--accent);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-transform-arrow {
  display: grid;
  place-items: center;
  position: relative;
  color: var(--accent);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-transform-arrow:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  background: var(--line);
  content: '';
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-transform-arrow i {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid #f2a9b6;
  border-radius: 50%;
  background: #fff;
  font-size: .78rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-also-layout {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 38px;
  align-items: center;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-also-visual img {
  border-color: rgba(255, 255, 255, .16);
  box-shadow: 0 22px 52px rgba(0, 0, 0, .24);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-also-visual figcaption {
  color: #b9c3d2;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-also-copy .cs-pill-grid {
  grid-template-columns: repeat(2, 1fr);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-also-copy .cs-pill {
  min-height: 58px;
  border-color: rgba(255, 255, 255, .12);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-feature-tabs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 8px;
  margin-bottom: 34px;
  padding: 7px;
  border: 0;
  border-radius: 14px;
  background: #e3e7ec;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-feature-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 60px;
  padding: 12px 15px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #687280 !important;
  font-size: .78rem;
  font-weight: 750;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-feature-tab i {
  color: var(--accent);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-feature-tab.active,
html.cs-page-noplmt-employee-identity-lifecycle .cs-feature-tab.cs-active-tab {
  background: #fff !important;
  color: var(--navy) !important;
  box-shadow: 0 7px 20px rgba(8, 27, 54, .1);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-feature-panel {
  display: none;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-feature-panel.active,
html.cs-page-noplmt-employee-identity-lifecycle .cs-feature-panel.show {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 42px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-feature-panel-intro span {
  color: var(--accent);
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-feature-panel-intro h3 {
  margin: 12px 0 8px;
  font-size: 1.18rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-feature-panel-intro p {
  color: #76808e;
  font-size: .76rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-tab-features {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px 28px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-tab-feature {
  padding-left: 18px;
  border-left: 2px solid var(--accent);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-tab-feature h4 {
  margin-bottom: 6px;
  color: var(--navy);
  font-size: .9rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-tab-feature p {
  margin: 0;
  color: #65707e;
  font-size: .77rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-flip-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-flip-card {
  min-height: 245px;
  outline: none;
  perspective: 1000px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-flip-inner {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 245px;
  transition: transform .58s cubic-bezier(.2, .75, .25, 1);
  transform-style: preserve-3d;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-flip-card:hover .cs-flip-inner,
html.cs-page-noplmt-employee-identity-lifecycle .cs-flip-card:focus .cs-flip-inner,
html.cs-page-noplmt-employee-identity-lifecycle .cs-flip-card.cs-flipped .cs-flip-inner {
  transform: rotateY(180deg);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-flip-face {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 28px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #fff;
  backface-visibility: hidden;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-flip-front:after {
  position: absolute;
  right: -42px;
  bottom: -42px;
  width: 125px;
  height: 125px;
  border-radius: 50%;
  background: var(--accent-soft);
  content: '';
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-flip-front i {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: var(--navy);
  color: #fff;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-flip-front h3 {
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: 1.18rem;
  line-height: 1.4;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-flip-front small {
  position: relative;
  z-index: 1;
  color: var(--accent);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-flip-back {
  justify-content: center;
  border-color: var(--navy);
  background: var(--navy);
  color: #fff;
  transform: rotateY(180deg);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-flip-back h3 {
  margin-bottom: 13px;
  color: #fff;
  font-size: 1.08rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-flip-back p {
  margin: 0;
  color: #cdd6e3;
  font-size: .8rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-splitter {
  --split: 50%;
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 22px 55px rgba(8, 27, 54, .14);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-splitter-layer {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-splitter-layer img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #fff;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-splitter-before {
  z-index: 2;
  width: var(--split);
  border-right: 2px solid #fff;
  box-shadow: 4px 0 14px rgba(8, 27, 54, .18);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-splitter-before img {
  width: calc(100vw - 60px);
  max-width: 1120px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-splitter-label {
  position: absolute;
  z-index: 3;
  top: 16px;
  padding: 8px 11px;
  border-radius: 6px;
  background: rgba(8, 27, 54, .9);
  color: #fff;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-splitter-label.cs-before-label {
  left: 16px;
  background: var(--accent);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-splitter-label.cs-after-label {
  right: 16px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-splitter-handle {
  position: absolute;
  z-index: 4;
  top: 0;
  bottom: 0;
  left: var(--split);
  width: 42px;
  transform: translateX(-50%);
  pointer-events: none;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-splitter-handle:before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 3px solid #fff;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 6px 16px rgba(8, 27, 54, .25);
  color: #fff;
  content: '\2194';
  transform: translate(-50%, -50%);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-splitter-range {
  position: absolute;
  z-index: 5;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: ew-resize;
  opacity: 0;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-splitter-captions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 14px;
  color: #737d8a;
  font-size: .75rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-splitter-captions span:last-child {
  text-align: right;
}

/* Exact Birdi flip-card interaction and visual language. */
html.cs-page-noplmt-employee-identity-lifecycle .industry-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

html.cs-page-noplmt-employee-identity-lifecycle .industry-flip {
  appearance: none;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  border-radius: 16px;
  background: transparent;
  color: var(--navy);
  font-family: inherit;
  text-align: left;
  perspective: 1200px;
}

html.cs-page-noplmt-employee-identity-lifecycle .flip-inner {
  position: relative;
  display: grid;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform .65s cubic-bezier(.22, .61, .36, 1);
}

html.cs-page-noplmt-employee-identity-lifecycle .industry-flip.is-flipped .flip-inner {
  transform: rotateY(180deg);
}

html.cs-page-noplmt-employee-identity-lifecycle .flip-front,
html.cs-page-noplmt-employee-identity-lifecycle .flip-back {
  grid-area: 1/1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  min-width: 0;
  min-height: 245px;
  padding: 26px;
  border: 1px solid #dce5f0;
  border-radius: 16px;
  backface-visibility: hidden;
}

html.cs-page-noplmt-employee-identity-lifecycle .flip-front {
  background: #fff;
  transform: rotateY(0);
}

html.cs-page-noplmt-employee-identity-lifecycle .flip-front>i {
  color: var(--accent);
  font-size: 1.75rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .flip-front strong {
  color: var(--navy);
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.35;
}

html.cs-page-noplmt-employee-identity-lifecycle .flip-hint {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid #e6ecf4;
  color: #6f6f6f;
  font-size: .78rem;
  line-height: 1.4;
}

html.cs-page-noplmt-employee-identity-lifecycle .flip-hint i {
  color: var(--accent);
}

html.cs-page-noplmt-employee-identity-lifecycle .flip-back {
  border-color: #15233b;
  background: linear-gradient(135deg, #0e1d31, #15233b);
  color: #fff;
  transform: rotateY(180deg);
}

html.cs-page-noplmt-employee-identity-lifecycle .flip-back-label {
  color: #ff8299;
  font-size: .75rem;
  font-weight: 700;
}

html.cs-page-noplmt-employee-identity-lifecycle .flip-description {
  color: #d1def0;
  font-size: .78rem;
  line-height: 1.7;
}

html.cs-page-noplmt-employee-identity-lifecycle .flip-back-hint {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #b8cbe5;
  font-size: .75rem;
}

/* Compact, user-centred section compositions. */
html.cs-page-noplmt-employee-identity-lifecycle .cs-need-intro {
  max-width: 860px;
  margin: 0 auto 34px;
  text-align: center;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-need-intro p {
  color: #5f6877;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-need-matrix {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid #d8dde4;
  border-left: 1px solid #d8dde4;
  background: #fff;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-need-matrix article {
  position: relative;
  min-height: 118px;
  padding: 24px 22px 20px 58px;
  border-right: 1px solid #d8dde4;
  border-bottom: 1px solid #d8dde4;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-need-matrix span {
  position: absolute;
  top: 25px;
  left: 20px;
  color: var(--accent);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-need-matrix p {
  margin: 0;
  color: #536070;
  font-size: .79rem;
  line-height: 1.55;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-need-boundary {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 24px 0 0;
  color: var(--navy);
  font-size: .82rem;
  font-weight: 700;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-need-boundary i {
  color: var(--accent);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-content-path {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(330px, .95fr);
  gap: 34px;
  align-items: stretch;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-content-path .cs-structure-map {
  grid-template-columns: repeat(2, 1fr);
  height: 100%;
  align-content: center;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-path-panel {
  padding: 30px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: #fff;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-path-panel>p {
  color: #5d6876;
  font-size: .84rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-path-panel h3 {
  margin: 22px 0 10px;
  color: var(--navy);
  font-size: 1rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-path-steps {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: path;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-path-steps li {
  counter-increment: path;
  position: relative;
  padding: 11px 0 11px 42px;
  border-top: 1px solid #e4e8ed;
  color: #596575;
  font-size: .77rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-path-steps li:before {
  position: absolute;
  top: 10px;
  left: 0;
  color: var(--accent);
  content: counter(path, decimal-leading-zero);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-path-scope {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 210px 1fr;
  gap: 28px;
  align-items: center;
  padding: 22px 28px;
  border-left: 3px solid var(--accent);
  background: #fff;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-path-scope h3,
html.cs-page-noplmt-employee-identity-lifecycle .cs-path-scope p {
  margin: 0;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-path-scope h3 {
  color: var(--navy);
  font-size: .94rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-path-scope p {
  color: #606b79;
  font-size: .79rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-transform-list.cs-transform-compact {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-transform-compact .cs-transform-row {
  grid-template-columns: 1fr 38px 1fr;
  min-height: 160px;
  border-right: 1px solid var(--line);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-transform-compact .cs-transform-side {
  padding: 20px 18px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-transform-compact .cs-transform-arrow i {
  width: 28px;
  height: 28px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-overview-layout,
html.cs-page-noplmt-employee-identity-lifecycle .cs-review-layout,
html.cs-page-noplmt-employee-identity-lifecycle .cs-feature-board,
html.cs-page-noplmt-employee-identity-lifecycle .cs-ftp-layout,
html.cs-page-noplmt-employee-identity-lifecycle .cs-offboarding-layout {
  display: grid;
  gap: 34px;
  align-items: center;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-overview-layout {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-overview-copy {
  max-width: 860px;
  margin: 0 auto 34px;
  color: #5f6877;
  text-align: center;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-mini-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-mini-feature-grid div {
  position: relative;
  min-height: 88px;
  padding: 18px 16px 16px 43px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #fff;
  color: #566170;
  font-size: .75rem;
  line-height: 1.5;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-mini-feature-grid i {
  position: absolute;
  top: 21px;
  left: 17px;
  color: var(--accent);
  font-size: .76rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-review-layout {
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-review-tracks {
  border-top: 1px solid var(--line);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-review-track {
  position: relative;
  padding: 22px 0 22px 52px;
  border-bottom: 1px solid var(--line);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-review-track>span {
  position: absolute;
  top: 25px;
  left: 0;
  color: var(--accent);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-review-track h3 {
  margin-bottom: 8px;
  color: var(--navy);
  font-size: 1rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-review-track p {
  margin: 0;
  color: #5f6877;
  font-size: .78rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-review-summary {
  margin: 18px 0 0;
  color: #4f5b6b;
  font-size: .8rem;
  font-weight: 700;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-offboarding-panel {
  padding: 38px;
  border-radius: 16px;
  background: linear-gradient(135deg, #0d1a2d, #17243b);
  color: #fff;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-offboarding-layout {
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-offboarding-panel h2,
html.cs-page-noplmt-employee-identity-lifecycle .cs-offboarding-panel h3 {
  color: #fff;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-offboarding-intro {
  color: #c4cedc;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-offboarding-steps {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: 22px 0 18px;
  padding: 0;
  border-top: 1px solid rgba(255, 255, 255, .18);
  border-left: 1px solid rgba(255, 255, 255, .18);
  list-style: none;
  counter-reset: offboard;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-offboarding-steps li {
  counter-increment: offboard;
  position: relative;
  min-height: 112px;
  padding: 20px 16px 16px 48px;
  border-right: 1px solid rgba(255, 255, 255, .18);
  border-bottom: 1px solid rgba(255, 255, 255, .18);
  color: #d0d8e4;
  font-size: .75rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-offboarding-steps li:before {
  position: absolute;
  top: 20px;
  left: 16px;
  color: #ff8299;
  content: counter(offboard, decimal-leading-zero);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-offboarding-panel .cs-support {
  color: #b9c4d3;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-offboarding-panel .cs-shot figcaption {
  color: #b9c4d3;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-ftp-shell {
  padding: 40px;
  border-radius: 18px;
  background: linear-gradient(135deg, #0d1a2d, #17243b);
  color: #fff;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-ftp-shell .cs-section-header {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-ftp-shell h2 {
  color: #fff;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-ftp-shell .cs-section-header p {
  color: #c5cfdd;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-ftp-layout {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-ftp-phases {
  border-top: 1px solid rgba(255, 255, 255, .2);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-ftp-phase {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 12px;
  padding: 20px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .2);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-ftp-phase>span {
  color: #ff8299;
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-ftp-phase h3 {
  margin-bottom: 8px;
  color: #fff;
  font-size: .98rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-ftp-phase ol {
  margin: 0;
  padding-left: 18px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-ftp-phase li {
  margin-bottom: 5px;
  color: #c7d1df;
  font-size: .75rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-ftp-shell .cs-workflow-note {
  margin-bottom: 0;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-ftp-shell .cs-shot figcaption {
  color: #b9c4d3;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-feature-board {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-feature-groups {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-feature-group {
  padding: 20px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #fff;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-feature-group h3 {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 12px;
  color: var(--navy);
  font-size: .88rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-feature-group h3 i {
  color: var(--accent);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-feature-group ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-feature-group li {
  position: relative;
  padding: 6px 0 6px 19px;
  color: #5e6977;
  font-size: .75rem;
  line-height: 1.5;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-feature-group li:before {
  position: absolute;
  left: 0;
  color: var(--accent);
  font-family: FontAwesome;
  content: '\f00c';
}

/* Lightweight layouts requested for the refined case-study sections. */
html.cs-page-noplmt-employee-identity-lifecycle .cs-built-visual {
  margin-bottom: 30px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-pointer-grid {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-pointer-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 32px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-pointer-grid li {
  position: relative;
  padding: 15px 0 15px 27px;
  border-bottom: 1px solid var(--line);
  color: #586373;
  font-size: .8rem;
  line-height: 1.55;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-pointer-grid li:before {
  position: absolute;
  top: 18px;
  left: 0;
  color: var(--accent);
  font-family: FontAwesome;
  content: '\f00c';
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-use-layout {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: 44px;
  align-items: center;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-use-copy>p {
  margin-bottom: 18px;
  color: #c3cedd;
  font-size: .84rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-icon-points {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-icon-points-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 28px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-icon-points li {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .17);
  color: #e3e9f1;
  font-size: .78rem;
  line-height: 1.55;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-icon-points li i {
  flex: 0 0 auto;
  margin-top: 4px;
  color: var(--accent);
  font-size: .86rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-icon-points-light li {
  border-color: var(--line);
  color: #566170;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-noplmt-need .cs-grid-2 {
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  align-items: center;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-need-pointers {
  display: grid;
  gap: 0;
  margin: 20px 0 0;
  padding: 0;
  list-style: none;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-need-pointers li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid var(--line);
  color: #4f5b6b;
  font-size: .82rem;
  line-height: 1.55;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-need-pointers i {
  flex: 0 0 auto;
  margin-top: 4px;
  color: var(--accent);
  font-size: .95rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-live-layout {
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
  gap: 62px;
  align-items: center;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-live-proof {
  position: relative;
  min-height: 250px;
  padding: 24px 0 24px 94px;
  overflow: hidden;
  border-left: 2px solid var(--accent);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-live-proof>i {
  position: absolute;
  top: 23px;
  left: 27px;
  color: var(--accent);
  font-size: 2.6rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-live-proof>span {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 25px;
  color: var(--navy);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-live-proof>span i {
  color: #28a56b;
  font-size: .75rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-live-proof p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #4f5b6b;
  font-size: .9rem;
  line-height: 1.75;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-live-proof:after {
  position: absolute;
  right: -22px;
  bottom: -54px;
  color: rgba(8, 27, 54, .055);
  content: 'LIVE';
  font-size: 7rem;
  font-weight: 800;
  letter-spacing: -.08em;
  line-height: 1;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-testing-layout {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: 56px;
  align-items: center;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-test-confirmed {
  display: flex;
  align-items: flex-start;
  gap: 18px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-test-confirmed i {
  flex: 0 0 auto;
  margin-top: 3px;
  color: var(--accent);
  font-size: 2.25rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-test-confirmed p {
  margin: 0;
  color: var(--navy);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.55;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-test-boundary {
  padding: 12px 0 12px 30px;
  border-left: 2px solid var(--accent);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-test-boundary span {
  display: block;
  margin-bottom: 8px;
  color: var(--accent);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-test-boundary p {
  margin: 0;
  color: #596574;
  font-size: .82rem;
  line-height: 1.7;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-feature-groups.cs-feature-groups-plain {
  gap: 0 32px;
  border: 0;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-feature-groups-plain .cs-feature-group {
  padding: 20px 0;
  border: 0;
  border-bottom: 1px solid #d5dbe2;
  background: transparent;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-line-points {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 34px;
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-line-points li {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  padding: 17px 0;
  border-bottom: 1px solid #d5dbe2;
  color: #536070;
  font-size: .8rem;
  line-height: 1.55;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-line-points i {
  flex: 0 0 22px;
  margin-top: 4px;
  color: var(--accent);
  font-size: .92rem;
  text-align: center;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-flip-clean .flip-front {
  justify-content: flex-start;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-flip-clean .flip-front strong {
  margin-top: auto;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-flip-clean .flip-back {
  justify-content: flex-start;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-flip-clean .flip-description {
  margin: auto 0;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-build-layout {
  align-items: center;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-ftp-full {
  color: #fff;
  background: linear-gradient(135deg, #0d1a2d, #17243b);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-ftp-full .cs-section-header p {
  color: #c5cfdd;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-ftp-full .cs-shot figcaption {
  color: #b9c4d3;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-offboarding-full {
  color: #fff;
  background: linear-gradient(135deg, #0d1a2d, #17243b);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-offboarding-full .cs-section-header p,
html.cs-page-noplmt-employee-identity-lifecycle .cs-offboarding-full .cs-support {
  color: #c4cedc;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-offboarding-full .cs-shot figcaption {
  color: #b9c4d3;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-offboarding-full .cs-offboarding-steps {
  display: block;
  margin: 0 0 18px;
  border: 0;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-offboarding-full .cs-offboarding-steps li {
  min-height: 0;
  padding: 15px 0 15px 42px;
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, .18);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-offboarding-full .cs-offboarding-steps li:before {
  top: 16px;
  left: 0;
}

@media (max-width: 991px) {

  html.cs-page-noplmt-employee-identity-lifecycle .cs-hero-copy,
  html.cs-page-noplmt-employee-identity-lifecycle .cs-hero-visual {
    padding-right: 15px;
    padding-left: 15px;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-hero-visual {
    margin-top: 34px;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-hero-highlights {
    grid-template-columns: repeat(2, 1fr);
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-project-grid,
  html.cs-page-noplmt-employee-identity-lifecycle .cs-grid-2,
  html.cs-page-noplmt-employee-identity-lifecycle .cs-structure,
  html.cs-page-noplmt-employee-identity-lifecycle .cs-cta-grid {
    grid-template-columns: 1fr;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-project-title {
    padding: 0 0 28px;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .18);
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-feature-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-value-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-number-flow {
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-number-flow li:nth-child(5n):after {
    display: block;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-number-flow li:nth-child(2n):after {
    display: none;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-workflow-layout {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 36px;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-tech-row {
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 28px;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-also-layout,
  html.cs-page-noplmt-employee-identity-lifecycle .cs-overview-layout,
  html.cs-page-noplmt-employee-identity-lifecycle .cs-review-layout,
  html.cs-page-noplmt-employee-identity-lifecycle .cs-feature-board,
  html.cs-page-noplmt-employee-identity-lifecycle .cs-ftp-layout,
  html.cs-page-noplmt-employee-identity-lifecycle .cs-offboarding-layout,
  html.cs-page-noplmt-employee-identity-lifecycle .cs-content-path,
  html.cs-page-noplmt-employee-identity-lifecycle .cs-use-layout,
  html.cs-page-noplmt-employee-identity-lifecycle .cs-live-layout,
  html.cs-page-noplmt-employee-identity-lifecycle .cs-testing-layout {
    grid-template-columns: 1fr;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-flip-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-feature-panel.active,
  html.cs-page-noplmt-employee-identity-lifecycle .cs-feature-panel.show {
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 30px;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-path-scope {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-pointer-grid-3,
  html.cs-page-noplmt-employee-identity-lifecycle .cs-line-points {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  html.cs-page-noplmt-employee-identity-lifecycle .cs-shell {
    padding-left: 20px;
    padding-right: 20px;
  }
html.cs-page-noplmt-employee-identity-lifecycle .cs-noplmt-need .cs-grid-2
{
  grid-template-columns: none !important;
}
  html.cs-page-noplmt-employee-identity-lifecycle .cs-section,
  html.cs-page-noplmt-employee-identity-lifecycle .cs-workflow {
    padding: 62px 0;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-hero {
    padding: 48px 0 36px;
    padding-top: 80px;
  }
html.cs-page-noplmt-employee-identity-lifecycle .cs-hero-visual
{
  display:none !important;
}
html.cs-page-noplmt-employee-identity-lifecycle .cs-facts
{
  grid-template-columns: repeat(2, 1fr) !important;
}
  html.cs-page-noplmt-employee-identity-lifecycle .cs-hero h1 {
    font-size: 2.45rem;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-section h2 {
    font-size: 2.08rem;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-actions {
    display: grid;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-button {
    width: 100%;
    text-align: center;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-hero-meta {
    align-items: flex-start;
    flex-direction: column;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-hero-highlights,
  html.cs-page-noplmt-employee-identity-lifecycle .cs-facts,
  html.cs-page-noplmt-employee-identity-lifecycle .cs-pill-grid,
  html.cs-page-noplmt-employee-identity-lifecycle .cs-scope,
  html.cs-page-noplmt-employee-identity-lifecycle .cs-feature-grid,
  html.cs-page-noplmt-employee-identity-lifecycle .cs-value-grid,
  html.cs-page-noplmt-employee-identity-lifecycle .cs-role-grid,
  html.cs-page-noplmt-employee-identity-lifecycle .cs-compare-cards,
  html.cs-page-noplmt-employee-identity-lifecycle .cs-before-after,
  html.cs-page-noplmt-employee-identity-lifecycle .cs-structure-map {
    grid-template-columns: 1fr;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-compare-head {
    display: none;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-compare-row {
    grid-template-columns: 1fr;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-compare-row>div {
    border-right: 0 !important;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-compare-row>div:first-child:before {
    display: block;
    margin-bottom: 5px;
    color: var(--accent);
    content: 'Before';
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-compare-row>div:last-child:before {
    display: block;
    margin-bottom: 5px;
    color: var(--accent);
    content: 'Response';
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-workflow-layout {
    grid-template-columns: 1fr;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-workflow-sticky {
    position: relative;
    top: auto;
    contain: none;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-workflow-stage {
    height: auto;
    min-height: 300px;
    display:none !important;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-workflow-timeline {
    margin-top: 22px;
    padding-left: 27px;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-workflow-step {
    min-height: 0;
    padding-bottom: 43px;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-workflow-step:before {
    left: -33px;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-number-flow {
    grid-template-columns: 1fr;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-number-flow li {
    min-height: 0;
    padding: 48px 8px 28px 58px;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-number-flow li:before {
    top: 40px;
    left: 8px;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-number-flow li:after {
    display: none !important;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-tech-row {
    grid-template-columns: 1fr;
    gap: 17px;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-tech-items {
    align-items: stretch;
    flex-direction: column;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-tech-chip {
    width: 100%;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-shot figcaption {
    font-size: .75rem;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-transform-row {
    grid-template-columns: 1fr;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-transform-side {
    padding: 21px 20px;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-transform-arrow {
    min-height: 38px;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-transform-arrow:before {
    top: 50%;
    right: 0;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 1px;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-transform-arrow i {
    transform: rotate(90deg);
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-also-copy .cs-pill-grid,
  html.cs-page-noplmt-employee-identity-lifecycle .cs-feature-tabs,
  html.cs-page-noplmt-employee-identity-lifecycle .cs-tab-features,
  html.cs-page-noplmt-employee-identity-lifecycle .cs-flip-grid,
  html.cs-page-noplmt-employee-identity-lifecycle .industry-grid,
  html.cs-page-noplmt-employee-identity-lifecycle .cs-need-matrix,
  html.cs-page-noplmt-employee-identity-lifecycle .cs-mini-feature-grid,
  html.cs-page-noplmt-employee-identity-lifecycle .cs-feature-groups,
  html.cs-page-noplmt-employee-identity-lifecycle .cs-offboarding-steps,
  html.cs-page-noplmt-employee-identity-lifecycle .cs-transform-list.cs-transform-compact {
    grid-template-columns: 1fr;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-feature-tab {
    justify-content: flex-start;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-feature-panel.active,
  html.cs-page-noplmt-employee-identity-lifecycle .cs-feature-panel.show {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-flip-card,
  html.cs-page-noplmt-employee-identity-lifecycle .cs-flip-inner {
    min-height: 225px;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-splitter {
    aspect-ratio: 4 / 3;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-splitter-before img {
    width: calc(100vw - 40px);
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-splitter-label {
    top: 10px;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-splitter-label.cs-before-label {
    left: 10px;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-splitter-label.cs-after-label {
    right: 10px;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-transform-compact .cs-transform-row {
    min-height: 0;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-transform-list.cs-transform-compact .cs-transform-row {
    grid-template-columns: 1fr;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-content-path .cs-structure-map {
    grid-template-columns: 1fr;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-offboarding-panel,
  html.cs-page-noplmt-employee-identity-lifecycle .cs-ftp-shell {
    padding: 26px 20px;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-pointer-grid-3,
  html.cs-page-noplmt-employee-identity-lifecycle .cs-icon-points-2,
  html.cs-page-noplmt-employee-identity-lifecycle .cs-line-points {
    grid-template-columns: 1fr;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-live-proof {
    min-height: 0;
    padding: 20px 0 20px 65px;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-live-proof>i {
    left: 15px;
    font-size: 2rem;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-live-proof:after {
    font-size: 5rem;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-testing-layout {
    gap: 30px;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-test-boundary {
    padding-left: 20px;
  }
}

@media (max-height: 650px) {
  html.cs-page-noplmt-employee-identity-lifecycle .cs-workflow-sticky {
    position: relative;
    top: auto;
    contain: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.cs-page-noplmt-employee-identity-lifecycle {
    scroll-behavior: auto;
  }

  html.cs-page-noplmt-employee-identity-lifecycle * {
    transition: none !important;
  }
}

/* Scroll-controlled problem and response presentation. */
html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-section {
  padding: 76px 0 0;
  background: #f1f1f1;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-mobile {
  display: none;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-story {
  position: relative;
  height: 370vh;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-stage {
  position: sticky;
  top: 180px;
  display: flex;
  flex-direction: column;
  padding-bottom: 28px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-heading {
  margin: 0 auto 22px;
  text-align: center;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-heading h2,
html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-mobile-heading h2 {
  margin: 10px 0 12px;
  color: var(--navy);
  font-size: 2.25rem;
  line-height: 1.18;
  letter-spacing: -.035em;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-heading h2 em,
html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-mobile-heading h2 em {
  color: var(--accent);
  font-style: normal;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-heading>p,
html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-mobile-heading>p {
  max-width: 720px;
  margin: 0 auto;
  color: #626c79;
  font-size: .82rem;
  line-height: 1.7;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: min(100%, 940px);
  margin: 0 auto 16px;
  color: #6b7481;
  font-size: .78rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-nav-actions {
  display: flex;
  align-items: center;
  gap: 9px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-count {
  margin-right: 5px;
  color: var(--navy);
  font-size: .86rem;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-count span {
  color: #89919c;
  font-size: .75rem;
  font-weight: 500;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-nav-actions button {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid #d7dde5;
  border-radius: 50%;
  background: #fff;
  color: var(--navy);
  cursor: pointer;
  transition: color .2s, border-color .2s, transform .2s;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-nav-actions button:hover:not(:disabled) {
  border-color: var(--accent);
  color: var(--accent);
  transform: translateY(-1px);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-nav-actions button:disabled {
  cursor: default;
  opacity: .35;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-nav-actions button:focus-visible,
html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-segments button:focus-visible {
  outline: 3px solid rgba(238, 72, 101, .3);
  outline-offset: 3px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-focus {
  width: min(100%, 940px);
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid #dbe1e9;
  border-radius: 15px;
  background: #fff;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-focus>header {
  padding: 15px 23px 17px;
  border-bottom: 3px solid var(--accent);
  background: linear-gradient(135deg, #0e1d31, #18233a);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-focus>header h3 {
  margin: 0;
  color: #fff;
  font-size: 1.15rem;
  font-weight: 600;
  line-height: 1.3;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-focus-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 150px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-problem,
html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-response {
  padding: 23px;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-response {
  border-left: 1px solid #e0e5ec;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-focus-pair h4 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 11px;
  font-size: 1.4rem;
  line-height: 1.35;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-problem h4 {
  color: #c83232;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-response h4 {
  color: #16864b;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-focus-pair p {
  margin: 0;
  color: #536070;
  font-size: .8rem;
  line-height: 1.7;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-segments {
  display: flex;
  gap: 7px;
  width: min(100%, 940px);
  margin: 13px auto 0;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-segments button {
  flex: 1;
  height: 22px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-segments button span {
  display: block;
  width: 100%;
  height: 3px;
  background: #d5dce5;
  transition: background .2s;
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-segments button.is-active span {
  background: var(--accent);
}

html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-segments button:hover span {
  background: var(--navy);
}

@media (max-width: 899px),
(max-height: 650px) {
  html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-section {
    padding: 62px 0;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-story {
    display: none;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-mobile {
    display: block;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-mobile-heading {
    margin-bottom: 24px;
    text-align: center;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-mobile-hint {
    margin: 0 0 15px;
    color: #626c79;
    font-size: .78rem;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-disclosures {
    display: grid;
    gap: 10px;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-disclosure {
    overflow: hidden;
    border: 1px solid #dbe1e9;
    border-radius: 13px;
    background: #fff;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-disclosure summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 17px 19px;
    color: var(--navy);
    font-size: .9rem;
    font-weight: 600;
    line-height: 1.4;
    list-style: none;
    cursor: pointer;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-disclosure summary::-webkit-details-marker {
    display: none;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-disclosure summary i {
    flex: 0 0 auto;
    color: var(--accent);
    transition: transform .2s;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-disclosure[open] summary {
    background: var(--navy);
    color: #fff;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-disclosure[open] summary i {
    color: #ff8299;
    transform: rotate(180deg);
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-disclosure-body {
    padding: 19px;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-disclosure-body>div+div {
    margin-top: 17px;
    padding-top: 17px;
    border-top: 1px solid #e0e5ec;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-disclosure h3 {
    margin: 0 0 7px;
    color: #c83232;
    font-size: .8rem;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-disclosure .cs-challenge-mobile-response h3 {
    color: #16864b;
  }

  html.cs-page-noplmt-employee-identity-lifecycle .cs-challenge-disclosure p {
    margin: 0;
    color: #536070;
    font-size: .8rem;
    line-height: 1.65;
  }
}

/* ================================================================
   Page namespace: Navtatva-Multi-Tenant-Commerce (cs-page-navtatva-multi-tenant-commerce)
   ================================================================ */

/* Original file: Navtatva-Multi-Tenant-Commerce/css/birdi.css */
/* Bootstrap Reboot is normalized to the approved page typography. */

html.cs-page-navtatva-multi-tenant-commerce,html.cs-page-navtatva-multi-tenant-commerce body {
  height:100%;
}

html.cs-page-navtatva-multi-tenant-commerce body {
  line-height:normal;
}

html.cs-page-navtatva-multi-tenant-commerce h1,html.cs-page-navtatva-multi-tenant-commerce h2,html.cs-page-navtatva-multi-tenant-commerce h3,html.cs-page-navtatva-multi-tenant-commerce h4,html.cs-page-navtatva-multi-tenant-commerce h5,html.cs-page-navtatva-multi-tenant-commerce h6 {
  font-size:revert;
  font-weight:revert;
  line-height:normal;
  margin:revert;
}

html.cs-page-navtatva-multi-tenant-commerce p,html.cs-page-navtatva-multi-tenant-commerce dl,html.cs-page-navtatva-multi-tenant-commerce dd,html.cs-page-navtatva-multi-tenant-commerce figure {
  margin:revert;
}

html.cs-page-navtatva-multi-tenant-commerce a:hover {
  text-decoration:none;
}

html.cs-page-navtatva-multi-tenant-commerce button {
  line-height:normal;
}

/* Birdi shared styles. Cascade order is intentional; responsive rules remain beside their applicable defaults. */

html.cs-page-navtatva-multi-tenant-commerce body {
  margin: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

html.cs-page-navtatva-multi-tenant-commerce * {
  box-sizing: border-box;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study section a {
  color: #ee4865;
  text-decoration: none;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study section a:hover {
  color: #101d30;
}

html.cs-page-navtatva-multi-tenant-commerce {
  font-size: max(16px,100%);
}

html.cs-page-navtatva-multi-tenant-commerce body {
  font-size: 16px;
}

html.cs-page-navtatva-multi-tenant-commerce button,html.cs-page-navtatva-multi-tenant-commerce summary {
  font: inherit;
}

html.cs-page-navtatva-multi-tenant-commerce button {
  cursor: pointer;
}

html.cs-page-navtatva-multi-tenant-commerce img {
  max-width: 100%;
}

html.cs-page-navtatva-multi-tenant-commerce button:focus-visible,html.cs-page-navtatva-multi-tenant-commerce summary:focus-visible,html.cs-page-navtatva-multi-tenant-commerce [tabindex]:focus-visible {
  outline: 3px solid #ee4865;
  outline-offset: 5px;
}

html.cs-page-navtatva-multi-tenant-commerce .section-container {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  background: transparent;
}

html.cs-page-navtatva-multi-tenant-commerce .section-heading {
  margin-bottom: clamp(32px,4vw,48px);
}

html.cs-page-navtatva-multi-tenant-commerce .centered {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

html.cs-page-navtatva-multi-tenant-commerce .eyebrow {
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 700;
  color: #ee4865;
  margin: 0 0 18px;
}

html.cs-page-navtatva-multi-tenant-commerce .section-heading h2 {
  font-size: clamp(1.55rem,2.4vw,2.1rem);
  line-height: 1.25;
  margin: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .section-heading h2 span {
  color: #ee4865;
}

html.cs-page-navtatva-multi-tenant-commerce .workflow-section {
  padding: clamp(56px,7vw,84px) 0;
  background: linear-gradient(135deg,#0e1d31 0%,#15233b 100%);
  color: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .workflow-layout {
  display: grid;
  grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr);
  gap: clamp(36px,6vw,80px);
  align-items: start;
}

html.cs-page-navtatva-multi-tenant-commerce .workflow-sticky {
  position: sticky;
  top: 24px;
  min-width: 0;
}

/* Short screens need normal page scrolling, not a taller sticky panel. */

@media (max-height:650px) {
  html.cs-page-navtatva-multi-tenant-commerce .workflow-sticky {
    position: relative;
    top: auto;
  }

}

html.cs-page-navtatva-multi-tenant-commerce .workflow-visual-heading {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .1em;
  margin-bottom: 18px;
}

html.cs-page-navtatva-multi-tenant-commerce .workflow-visual-heading span:first-child {
  color: var(--body);
}

html.cs-page-navtatva-multi-tenant-commerce .workflow-stage {
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(300px,56vh,560px);
  overflow: hidden;
  color: #101d30;
}

html.cs-page-navtatva-multi-tenant-commerce .workflow-screen {
  display: block;
  animation: cs-page-navtatva-multi-tenant-commerce-visual-arrive .4s ease;
}

html.cs-page-navtatva-multi-tenant-commerce .workflow-caption {
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  margin: 18px 0 16px;
  font-weight: 500;
}

html.cs-page-navtatva-multi-tenant-commerce .workflow-progress {
  height: 3px;
  background: rgba(255,255,255,.2);
}

html.cs-page-navtatva-multi-tenant-commerce .workflow-progress span {
  display: block;
  height: 100%;
  background: #ee4865;
  transition: width .35s ease;
}

html.cs-page-navtatva-multi-tenant-commerce .workflow-explainer {
  width: 100%;
}

html.cs-page-navtatva-multi-tenant-commerce .workflow-explainer>i {
  font-size: 44px;
  color: #ee4865;
  margin-bottom: 24px;
}

html.cs-page-navtatva-multi-tenant-commerce .workflow-explainer h3 {
  font-size: 24px;
  line-height: 1.3;
  margin: 0 0 24px;
}

html.cs-page-navtatva-multi-tenant-commerce .explainer-rows {
  display: grid;
  gap: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .explainer-rows>div {
  border-top: 1px solid #e9d3db;
  padding: 14px 0;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  line-height: 1.4;
}

html.cs-page-navtatva-multi-tenant-commerce .explainer-rows i {
  color: #ee4865;
  font-size: 16px;
}

html.cs-page-navtatva-multi-tenant-commerce .illustration-note {
  font-size: 16px;
  font-weight: 500;
  color: #101d30;
  margin: 18px 0 0;
}

html.cs-page-navtatva-multi-tenant-commerce .workflow-timeline {
  border-left: 1px solid rgba(255,255,255,.3);
  padding-left: 32px;
}

html.cs-page-navtatva-multi-tenant-commerce .workflow-step {
  position: relative;
  padding: 0 0 56px;
}

html.cs-page-navtatva-multi-tenant-commerce .workflow-step:last-child {
  padding-bottom: 0;
  min-height: 200px;
}

html.cs-page-navtatva-multi-tenant-commerce .workflow-step:before {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  left: -38px;
  border: 2px solid #ee4865;
  background: #101d30;
  border-radius: 50%;
  transition: box-shadow .25s,background .25s;
}

html.cs-page-navtatva-multi-tenant-commerce .workflow-step.is-active:before {
  background: #ee4865;
  box-shadow: 0 0 0 7px rgba(238,72,101,.18);
}

html.cs-page-navtatva-multi-tenant-commerce .workflow-step-number {
  letter-spacing: .08em;
  display: flex;
  align-items: baseline;
  margin-bottom: 12px;
}

html.cs-page-navtatva-multi-tenant-commerce .workflow-step h3 {
  color: #fff;
  margin: 0 0 16px;
  transition: color .25s;
}

html.cs-page-navtatva-multi-tenant-commerce .workflow-step.is-active h3 {
  color: #ee4865;
}

html.cs-page-navtatva-multi-tenant-commerce .workflow-step p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  color: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .features-intro {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 64px;
  align-items: end;
  margin-bottom: 40px;
}

html.cs-page-navtatva-multi-tenant-commerce .feature-tabs {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
}

html.cs-page-navtatva-multi-tenant-commerce .feature-tab {
  border-bottom: 3px solid transparent;
  background: transparent;
  color: #101d30;
  padding: 20px 8px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  text-align: left;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
}

html.cs-page-navtatva-multi-tenant-commerce .feature-tab i {
  font-size: 18px;
  color: #ee4865;
}

html.cs-page-navtatva-multi-tenant-commerce .feature-tab.is-active {
  border-color: #ee4865;
}

html.cs-page-navtatva-multi-tenant-commerce .features-panel {
  display: grid;
  grid-template-columns: 260px minmax(0,1fr);
  gap: 54px;
  padding: 40px 0;
}

html.cs-page-navtatva-multi-tenant-commerce .feature-panel-number {
  line-height: 1;
  color: #ee4865;
  font-weight: 600;
}

html.cs-page-navtatva-multi-tenant-commerce .feature-panel-heading h3 {
  font-size: 24px;
  line-height: 1.3;
  margin: 16px 0 12px;
}

html.cs-page-navtatva-multi-tenant-commerce .feature-panel-heading p {
  font-size: 16px;
  color: #101d30;
}

html.cs-page-navtatva-multi-tenant-commerce .feature-items {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 32px;
}

html.cs-page-navtatva-multi-tenant-commerce .feature-item {
  border-left: 2px solid #ee4865;
  padding-left: 20px;
}

html.cs-page-navtatva-multi-tenant-commerce .feature-item h4 {
  font-size: 17px;
  line-height: 1.4;
  margin: 0 0 12px;
}

html.cs-page-navtatva-multi-tenant-commerce .feature-item p {
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
  color: #101d30;
}

html.cs-page-navtatva-multi-tenant-commerce .editorial-accordion {
  border-top: 1px solid #c7d0dd;
  color: #101d30;
}

html.cs-page-navtatva-multi-tenant-commerce .editorial-accordion:last-child {
  border-bottom: 1px solid #c7d0dd;
}

html.cs-page-navtatva-multi-tenant-commerce .editorial-accordion summary {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 26px 0;
  cursor: pointer;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 600;
}

html.cs-page-navtatva-multi-tenant-commerce .editorial-accordion summary::-webkit-details-marker {
  display: none;
}

html.cs-page-navtatva-multi-tenant-commerce .editorial-accordion summary>span:not(.accordion-number) {
  flex: 1;
}

html.cs-page-navtatva-multi-tenant-commerce .editorial-accordion summary>i {
  color: #ee4865;
  font-size: 16px;
  transition: transform .25s;
}

html.cs-page-navtatva-multi-tenant-commerce .accordion-number {
  font-size: 28px;
  color: #ee4865;
  font-weight: 600;
}

html.cs-page-navtatva-multi-tenant-commerce .editorial-accordion[open] summary {
  color: #c92145;
}

html.cs-page-navtatva-multi-tenant-commerce .editorial-accordion[open] summary>i {
  transform: rotate(45deg);
}

html.cs-page-navtatva-multi-tenant-commerce .accordion-content {
  padding: 0 0 28px 64px;
  animation: cs-page-navtatva-multi-tenant-commerce-content-arrive .3s ease;
}

html.cs-page-navtatva-multi-tenant-commerce .accordion-content p {
  font-size: 16px;
  line-height: 1.75;
  margin: 12px 0 0;
  color: #101d30;
}

html.cs-page-navtatva-multi-tenant-commerce .lift-card {
  transition: transform .3s,box-shadow .3s;
}

html.cs-page-navtatva-multi-tenant-commerce .lift-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 36px rgba(16,29,48,.1);
}

html.cs-page-navtatva-multi-tenant-commerce .parallax-visual {
  will-change: transform;
}

html.cs-page-navtatva-multi-tenant-commerce .faq-section>div {
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
  gap: 64px;
  align-items: start;
}

html.cs-page-navtatva-multi-tenant-commerce .faq-list {
  min-width: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .faq-list .accordion-content {
  padding-left: 0;
}

@keyframes cs-page-navtatva-multi-tenant-commerce-content-arrive {
  from {
    transform:translateY(10px)
  }

  to {
    transform:translateY(0)
  }

}

@keyframes cs-page-navtatva-multi-tenant-commerce-visual-arrive {
  from {
    transform:translateY(12px) scale(.98)
  }

  to {
    transform:translateY(0) scale(1)
  }

}

@media (max-width:900px) {
  html.cs-page-navtatva-multi-tenant-commerce .workflow-layout {
    gap: 36px;
    grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
  }

  html.cs-page-navtatva-multi-tenant-commerce .features-panel {
    grid-template-columns: 210px minmax(0,1fr);
    gap: 32px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .feature-tabs {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  html.cs-page-navtatva-multi-tenant-commerce .features-intro {
    gap: 32px;
  }

}

@media (max-width:700px) {
  html.cs-page-navtatva-multi-tenant-commerce .workflow-layout,html.cs-page-navtatva-multi-tenant-commerce .features-intro,html.cs-page-navtatva-multi-tenant-commerce .features-panel,html.cs-page-navtatva-multi-tenant-commerce .faq-section>div {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .workflow-sticky {
    position: relative;
    top: auto;
  }

  html.cs-page-navtatva-multi-tenant-commerce .workflow-stage {
    height: 440px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .workflow-timeline {
    margin-left: 6px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .workflow-step:last-child {
    min-height: 0;
  }

  html.cs-page-navtatva-multi-tenant-commerce .workflow-explainer h3 {
    font-size: 22px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .feature-items {
    gap: 24px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .faq-section>div>div:first-child {
    position: static !important;
  }

  html.cs-page-navtatva-multi-tenant-commerce .accordion-content {
    padding-left: 0;
  }

  html.cs-page-navtatva-multi-tenant-commerce .editorial-accordion summary {
    gap: 16px;
    font-size: 17px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .parallax-visual {
    transform: none !important;
  }

}

@media (max-width:460px) {
  html.cs-page-navtatva-multi-tenant-commerce .feature-items,html.cs-page-navtatva-multi-tenant-commerce .industry-grid {
    grid-template-columns: 1fr;
  }

  html.cs-page-navtatva-multi-tenant-commerce .feature-tab {
    font-size: 16px;
    padding: 16px 8px;
    overflow-wrap: anywhere;
  }

  html.cs-page-navtatva-multi-tenant-commerce .workflow-stage {
    height: 420px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .workflow-timeline {
    padding-left: 24px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .workflow-step:before {
    left: -30px;
  }

}

@media (max-height:740px) and (min-width:701px) {
  html.cs-page-navtatva-multi-tenant-commerce .workflow-stage {
    height: 360px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .workflow-explainer>i {
    font-size: 28px;
    margin-bottom: 12px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .workflow-explainer h3 {
    font-size: 22px;
    margin-bottom: 12px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .explainer-rows>div {
    padding: 10px 0;
  }

  html.cs-page-navtatva-multi-tenant-commerce .illustration-note {
    margin-top: 12px;
  }

}

@media (prefers-reduced-motion:reduce) {
  html.cs-page-navtatva-multi-tenant-commerce,html.cs-page-navtatva-multi-tenant-commerce body {
    scroll-behavior: auto !important;
  }

  html.cs-page-navtatva-multi-tenant-commerce *,html.cs-page-navtatva-multi-tenant-commerce *:before,html.cs-page-navtatva-multi-tenant-commerce *:after {
    animation: none !important;
    transition: none !important;
  }

  html.cs-page-navtatva-multi-tenant-commerce .parallax-visual {
    transform: none !important;
  }

}

html.cs-page-navtatva-multi-tenant-commerce .case-study {
  --body: #6f6f6f;
  --heading: #101d30;
  --accent: #ee4865;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study section {
  --body: #6f6f6f;
  --heading: #101d30;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study section[data-theme="dark"] {
  --body: #b8cbe5;
  --heading: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study p {
  color: var(--body);
}

html.cs-page-navtatva-multi-tenant-commerce .case-study p.eyebrow {
  color: #ee4865;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study h2,html.cs-page-navtatva-multi-tenant-commerce .case-study h3,html.cs-page-navtatva-multi-tenant-commerce .case-study h4 {
  color: var(--heading);
}

html.cs-page-navtatva-multi-tenant-commerce .workflow-stage {
  --body: #6f6f6f;
  --heading: #101d30;
  background: linear-gradient(155deg,#fff 30%,#eaf1fa);
  border: 1px solid rgba(255,255,255,.2);
  box-shadow: 0 24px 60px rgba(0,0,0,.2);
}

html.cs-page-navtatva-multi-tenant-commerce .workflow-step-number {
  font-size: 16px;
  line-height: 1.5;
  gap: 7px;
  color: var(--body);
  font-weight: 400;
}

html.cs-page-navtatva-multi-tenant-commerce .workflow-step-number strong {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  color: inherit;
  letter-spacing: inherit;
}

html.cs-page-navtatva-multi-tenant-commerce .workflow-step {
  min-height: 200px;
  padding-bottom: 48px;
}

html.cs-page-navtatva-multi-tenant-commerce .workflow-step:before {
  top: 7px;
}

html.cs-page-navtatva-multi-tenant-commerce .workflow-step h3 {
  font-size: 24px;
  line-height: 1.35;
}

html.cs-page-navtatva-multi-tenant-commerce .workflow-step p,html.cs-page-navtatva-multi-tenant-commerce .workflow-caption {
  color: var(--body);
}

html.cs-page-navtatva-multi-tenant-commerce .illustration-note,html.cs-page-navtatva-multi-tenant-commerce .feature-panel-heading p,html.cs-page-navtatva-multi-tenant-commerce .feature-item p,html.cs-page-navtatva-multi-tenant-commerce .accordion-content p {
  color: var(--body);
}

html.cs-page-navtatva-multi-tenant-commerce .problems-section {
  padding: clamp(56px,7vw,84px) 0;
  background: #f3f3f3;
}

html.cs-page-navtatva-multi-tenant-commerce .problems-layout {
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
  gap: clamp(40px,6vw,80px);
  align-items: start;
}

html.cs-page-navtatva-multi-tenant-commerce .problems-heading {
  position: static;
  align-self: start;
  padding: 28px 0;
  border-top: 2px solid #ee4865;
}

html.cs-page-navtatva-multi-tenant-commerce .problems-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.18;
  letter-spacing: -.035em;
  margin: 0 0 24px;
}

html.cs-page-navtatva-multi-tenant-commerce .problems-heading h2 span {
  color: #ee4865;
}

html.cs-page-navtatva-multi-tenant-commerce .section-subtext {
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
  max-width: 390px;
}

html.cs-page-navtatva-multi-tenant-commerce .problems-note {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 32px;
}

html.cs-page-navtatva-multi-tenant-commerce .problems-note>span {
  height: 44px;
  width: 3px;
  background: #ee4865;
}

html.cs-page-navtatva-multi-tenant-commerce .problems-note p {
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .problem-accordions {
  display: grid;
  gap: 12px;
}

html.cs-page-navtatva-multi-tenant-commerce .problem-item {
  background: #fff;
  border: 1px solid #e0e7f0;
  border-radius: 14px;
  transition: border-color .3s,box-shadow .3s;
}

html.cs-page-navtatva-multi-tenant-commerce .problem-item.is-open {
  border-color: #ee4865;
  box-shadow: 0 16px 40px rgba(16,29,48,.06);
}

html.cs-page-navtatva-multi-tenant-commerce .problem-item h3 {
  margin: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .problem-item button {
  width: 100%;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  background: transparent;
  border: 0;
  color: #101d30;
  padding: 22px 24px;
  font-family: inherit;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  border-radius: 14px;
}

html.cs-page-navtatva-multi-tenant-commerce .problem-item button:hover {
  color: #c92145;
}

html.cs-page-navtatva-multi-tenant-commerce .problem-toggle {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d9e2ed;
  color: #101d30;
  transition: background .3s,transform .3s,color .3s;
}

html.cs-page-navtatva-multi-tenant-commerce .problem-toggle i {
  font-size: 16px;
}

html.cs-page-navtatva-multi-tenant-commerce .is-open .problem-toggle {
  background: #ee4865;
  border-color: #ee4865;
  color: #fff;
  transform: rotate(45deg);
}

html.cs-page-navtatva-multi-tenant-commerce .problem-reveal {
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  transition: grid-template-rows .35s ease,visibility .35s;
}

html.cs-page-navtatva-multi-tenant-commerce .problem-reveal>div {
  min-height: 0;
  overflow: hidden;
}

html.cs-page-navtatva-multi-tenant-commerce .is-open .problem-reveal {
  grid-template-rows: 1fr;
  visibility: visible;
}

html.cs-page-navtatva-multi-tenant-commerce .problem-answer {
  padding: 0 24px 24px;
}

html.cs-page-navtatva-multi-tenant-commerce .problem-answer p {
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
  border-top: 1px solid #e7edf5;
  padding-top: 18px;
  color: var(--body);
}

html.cs-page-navtatva-multi-tenant-commerce .industry-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 20px;
  align-items: stretch;
}

html.cs-page-navtatva-multi-tenant-commerce .industry-flip {
  appearance: none;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  perspective: 1200px;
  text-align: left;
  font-family: inherit;
  color: #101d30;
  border-radius: 16px;
}

html.cs-page-navtatva-multi-tenant-commerce .flip-inner {
  display: grid;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform .65s cubic-bezier(.22,.61,.36,1);
  position: relative;
}

html.cs-page-navtatva-multi-tenant-commerce .industry-flip.is-flipped .flip-inner {
  transform: rotateY(180deg);
}

html.cs-page-navtatva-multi-tenant-commerce .flip-front,html.cs-page-navtatva-multi-tenant-commerce .flip-back {
  grid-area: 1/1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  padding: 26px;
  border-radius: 16px;
  border: 1px solid #dce5f0;
  min-width: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .flip-front {
  background: #fff;
  transform: rotateY(0deg);
}

html.cs-page-navtatva-multi-tenant-commerce .flip-front>i {
  font-size: 28px;
  color: #ee4865;
}

html.cs-page-navtatva-multi-tenant-commerce .flip-front strong {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.35;
  color: #101d30;
}

html.cs-page-navtatva-multi-tenant-commerce .flip-hint {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 16px;
  line-height: 1.4;
  color: #6f6f6f;
  border-top: 1px solid #e6ecf4;
  padding-top: 16px;
}

html.cs-page-navtatva-multi-tenant-commerce .flip-hint i {
  font-size: 16px;
  color: #ee4865;
}

html.cs-page-navtatva-multi-tenant-commerce .flip-back {
  transform: rotateY(180deg);
  background: linear-gradient(135deg,#0e1d31,#15233b);
  border-color: #15233b;
  color: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .flip-back-label {
  font-size: 16px;
  color: #ff8299;
  font-weight: 600;
}

html.cs-page-navtatva-multi-tenant-commerce .flip-description {
  font-size: 16px;
  line-height: 1.7;
  color: #d1def0;
}

html.cs-page-navtatva-multi-tenant-commerce .flip-back-hint {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 16px;
  color: #b8cbe5;
}

html.cs-page-navtatva-multi-tenant-commerce .flip-back-hint i {
  font-size: 16px;
}

html.cs-page-navtatva-multi-tenant-commerce .feature-tabs {
  gap: 8px;
  border-bottom: 0;
  padding: 6px;
  background: #f0f4f9;
  border-radius: 14px;
}

html.cs-page-navtatva-multi-tenant-commerce .feature-tab {
  border: 0;
  border-radius: 10px;
  transition: background .25s,box-shadow .25s;
}

html.cs-page-navtatva-multi-tenant-commerce .feature-tab.is-active {
  background: #fff;
  box-shadow: 0 4px 15px rgba(16,29,48,.08);
}

html.cs-page-navtatva-multi-tenant-commerce .feature-tab:hover {
  background: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .feature-panel-number {
  font-size: 40px;
}

html.cs-page-navtatva-multi-tenant-commerce .features-panel {
  padding-top: 32px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study a.contact-link {
  overflow: hidden;
  position: relative;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study a.contact-link i {
  transition: transform .25s;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study a.contact-link:hover i {
  transform: translateX(5px);
}

@media (max-width:900px) {
  html.cs-page-navtatva-multi-tenant-commerce .industry-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  html.cs-page-navtatva-multi-tenant-commerce .problems-layout {
    gap: 32px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .problem-item button {
    padding: 20px;
    font-size: 17px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .problem-answer {
    padding: 0 20px 20px;
  }

}

@media (max-width:700px) {
  html.cs-page-navtatva-multi-tenant-commerce .problems-layout {
    grid-template-columns: 1fr;
  }

  html.cs-page-navtatva-multi-tenant-commerce .problems-heading {
    position: static;
  }

  html.cs-page-navtatva-multi-tenant-commerce .problems-heading .section-subtext {
    max-width: none;
  }

  html.cs-page-navtatva-multi-tenant-commerce .problems-note {
    display: none;
  }

  html.cs-page-navtatva-multi-tenant-commerce .workflow-step {
    min-height: 0;
  }

  html.cs-page-navtatva-multi-tenant-commerce .workflow-step-number,html.cs-page-navtatva-multi-tenant-commerce .workflow-step-number strong {
    font-size: 16px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .flip-front,html.cs-page-navtatva-multi-tenant-commerce .flip-back {
    padding: 22px;
    gap: 18px;
  }

}

@media (max-width:480px) {
  html.cs-page-navtatva-multi-tenant-commerce .industry-grid {
    grid-template-columns: 1fr;
  }

}

@media (prefers-reduced-motion:reduce) {
  html.cs-page-navtatva-multi-tenant-commerce .flip-inner,html.cs-page-navtatva-multi-tenant-commerce .problem-reveal,html.cs-page-navtatva-multi-tenant-commerce .problem-toggle {
    transition: none;
  }

}

html.cs-page-navtatva-multi-tenant-commerce .need-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 22px;
  align-items: stretch;
}

html.cs-page-navtatva-multi-tenant-commerce .need-card {
  background: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  transition: box-shadow .3s,border-color .3s,transform .3s;
}

html.cs-page-navtatva-multi-tenant-commerce .need-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #ee4865;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s;
}

html.cs-page-navtatva-multi-tenant-commerce .need-card.is-open {
  border-color: #ee4865;
  box-shadow: 0 18px 40px rgba(16,29,48,.08);
  transform: translateY(-4px);
}

html.cs-page-navtatva-multi-tenant-commerce .need-card.is-open:before {
  transform: scaleX(1);
}

html.cs-page-navtatva-multi-tenant-commerce .need-card h3 {
  margin: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .need-trigger {
  width: 100%;
  border: 0;
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 26px;
  text-align: left;
  font-family: inherit;
  color: #101d30;
}

html.cs-page-navtatva-multi-tenant-commerce .need-marker {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 16px;
  color: #ee4865;
  font-weight: 500;
}

html.cs-page-navtatva-multi-tenant-commerce .need-marker i {
  font-size: 16px;
  transition: transform .3s;
}

html.cs-page-navtatva-multi-tenant-commerce .is-open .need-marker i {
  transform: rotate(45deg);
}

html.cs-page-navtatva-multi-tenant-commerce .need-title {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 600;
}

html.cs-page-navtatva-multi-tenant-commerce .need-hint {
  font-size: 16px;
  line-height: 1.5;
  color: #6f6f6f;
  font-weight: 400;
}

html.cs-page-navtatva-multi-tenant-commerce .need-reveal {
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  transition: grid-template-rows .4s ease,visibility .4s;
}

html.cs-page-navtatva-multi-tenant-commerce .need-reveal>div {
  min-height: 0;
  overflow: hidden;
}

html.cs-page-navtatva-multi-tenant-commerce .need-card.is-open .need-reveal {
  grid-template-rows: 1fr;
  visibility: visible;
}

html.cs-page-navtatva-multi-tenant-commerce .need-copy {
  padding: 0 26px 26px;
}

html.cs-page-navtatva-multi-tenant-commerce .need-copy p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  color: #6f6f6f;
}

html.cs-page-navtatva-multi-tenant-commerce .need-answer {
  border-top: 1px solid #e9e9e9;
  padding-top: 20px;
  margin-top: 22px;
}

html.cs-page-navtatva-multi-tenant-commerce .need-answer>span {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #101d30;
  margin-bottom: 10px;
}

html.cs-page-navtatva-multi-tenant-commerce .need-trigger:focus-visible {
  outline-offset: -5px;
}

@media (max-width:900px) {
  html.cs-page-navtatva-multi-tenant-commerce .need-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

}

@media (max-width:620px) {
  html.cs-page-navtatva-multi-tenant-commerce .need-grid {
    grid-template-columns: 1fr;
  }

  html.cs-page-navtatva-multi-tenant-commerce .need-trigger {
    padding: 24px;
    gap: 16px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .need-copy {
    padding: 0 24px 24px;
  }

}

@media (prefers-reduced-motion:reduce) {
  html.cs-page-navtatva-multi-tenant-commerce .need-card,html.cs-page-navtatva-multi-tenant-commerce .need-card:before,html.cs-page-navtatva-multi-tenant-commerce .need-reveal,html.cs-page-navtatva-multi-tenant-commerce .need-marker i {
    transition: none;
  }

  html.cs-page-navtatva-multi-tenant-commerce .need-card.is-open {
    transform: none;
  }

}

html.cs-page-navtatva-multi-tenant-commerce .need-heading {
  padding: 26px 26px 20px;
}

html.cs-page-navtatva-multi-tenant-commerce .need-heading h3 {
  font-size: 20px;
  line-height: 1.4;
  margin: 16px 0 0;
  font-weight: 600;
}

html.cs-page-navtatva-multi-tenant-commerce .need-static {
  overflow: visible;
  border-top: 3px solid #ee4865;
}

html.cs-page-navtatva-multi-tenant-commerce .need-static:before {
  display: none;
}

html.cs-page-navtatva-multi-tenant-commerce .scope-heading {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  align-items: baseline;
  justify-content: space-between;
  margin: 0 0 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid #dce2e9;
}

html.cs-page-navtatva-multi-tenant-commerce .scope-heading h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .scope-heading>span {
  font-size: 16px;
  color: #6f6f6f;
}

html.cs-page-navtatva-multi-tenant-commerce .scope-groups {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 28px;
}

html.cs-page-navtatva-multi-tenant-commerce .scope-group h4 {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 17px;
  line-height: 1.4;
  margin: 0 0 18px;
}

html.cs-page-navtatva-multi-tenant-commerce .scope-group h4 i {
  font-size: 20px;
  color: #ee4865;
}

html.cs-page-navtatva-multi-tenant-commerce .scope-group ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
}

html.cs-page-navtatva-multi-tenant-commerce .scope-group li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 16px;
  line-height: 1.6;
  color: #6f6f6f;
}

html.cs-page-navtatva-multi-tenant-commerce .scope-group li i {
  font-size: 16px;
  line-height: 1.6;
  color: #ee4865;
  flex-shrink: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .comparison-heading {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: end;
  margin-bottom: 28px;
}

html.cs-page-navtatva-multi-tenant-commerce .comparison-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.2;
  letter-spacing: -.025em;
  margin: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .comparison-heading h2 span {
  color: #ee4865;
}

html.cs-page-navtatva-multi-tenant-commerce .comparison-heading>p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  max-width: 470px;
}

html.cs-page-navtatva-multi-tenant-commerce .comparison-labels,html.cs-page-navtatva-multi-tenant-commerce .comparison-row {
  display: grid;
  grid-template-columns: minmax(130px,.55fr) minmax(0,1fr) minmax(0,1.15fr);
  gap: 28px;
}

html.cs-page-navtatva-multi-tenant-commerce .comparison-labels {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  color: #101d30;
  padding: 16px 20px;
  border-top: 1px solid #d7dce2;
  border-bottom: 1px solid #d7dce2;
}

html.cs-page-navtatva-multi-tenant-commerce .comparison-labels>span:last-child {
  color: #c92145;
}

html.cs-page-navtatva-multi-tenant-commerce .comparison-row {
  padding: 22px 20px;
  border-bottom: 1px solid #dfe3e8;
  align-items: start;
}

html.cs-page-navtatva-multi-tenant-commerce .comparison-row:nth-child(odd) {
  background: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .comparison-row h3 {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .comparison-row p {
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
  color: #6f6f6f;
}

html.cs-page-navtatva-multi-tenant-commerce .comparison-fix {
  border-left: 2px solid #ee4865;
  padding-left: 18px;
}

html.cs-page-navtatva-multi-tenant-commerce .mobile-pair-label {
  display: none;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
  color: #101d30;
  margin-bottom: 8px;
}

@media (max-width:1000px) {
  html.cs-page-navtatva-multi-tenant-commerce .scope-groups {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 28px 36px;
  }

}

@media (max-width:760px) {
  html.cs-page-navtatva-multi-tenant-commerce .comparison-heading {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .comparison-labels {
    display: none;
  }

  html.cs-page-navtatva-multi-tenant-commerce .comparison-row {
    grid-template-columns: 1fr 1fr;
    gap: 16px 24px;
    padding: 22px 18px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .comparison-row h3 {
    grid-column: 1/-1;
    color: #101d30;
    font-size: 20px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .mobile-pair-label {
    display: block;
  }

  html.cs-page-navtatva-multi-tenant-commerce .comparison-fix .mobile-pair-label {
    color: #c92145;
  }

}

@media (max-width:520px) {
  html.cs-page-navtatva-multi-tenant-commerce .scope-groups {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .scope-group {
    padding-bottom: 22px;
    border-bottom: 1px solid #e4e7eb;
  }

  html.cs-page-navtatva-multi-tenant-commerce .scope-group:last-child {
    padding-bottom: 0;
    border: 0;
  }

  html.cs-page-navtatva-multi-tenant-commerce .comparison-row {
    grid-template-columns: 1fr;
  }

  html.cs-page-navtatva-multi-tenant-commerce .comparison-row h3 {
    grid-column: auto;
  }

  html.cs-page-navtatva-multi-tenant-commerce .comparison-fix {
    margin-top: 2px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .need-heading {
    padding: 24px 24px 20px;
  }

}

html.cs-page-navtatva-multi-tenant-commerce .need-static {
  height: 100%;
  box-sizing: border-box;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-story {
  position: relative;
  height: calc(var(--viewport-height) * 4.9);
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-stage {
  position: sticky;
    top: 18px;
    display: flex;
    flex-direction: column;
    padding-bottom: 28px;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-scroll-hint {
  font-size: 16px;
  color: #6f6f6f;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-nav-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-count {
  font-size: 20px;
  font-weight: 600;
  color: #101d30;
  margin-right: 10px;
  font-variant-numeric: tabular-nums;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-count span {
  font-size: 16px;
  font-weight: 400;
  color: #6f6f6f;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-nav-actions button {
  height: 42px;
  width: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #dce1e8;
  border-radius: 50%;
  color: #101d30;
  font-size: 16px;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-nav-actions button:hover:not(:disabled) {
  background: #101d30;
  color: #fff;
  border-color: #101d30;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-nav-actions button:disabled {
  opacity: .35;
  cursor: default;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-focus {
  display: flex;
  flex-direction: column;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-focus-heading>span {
  font-size: 16px;
  font-weight: 500;
  color: #ffa4b5;
  letter-spacing: .1em;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .challenge-focus-heading h3 {
  color: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-focus-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-focus-problem,html.cs-page-navtatva-multi-tenant-commerce .challenge-focus-response {
  display: flex;
  flex-direction: column;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-focus-response {
  background: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-focus-pair h4 {
  font-weight: 600;
  margin: 0 0 18px;
}

html.cs-page-navtatva-multi-tenant-commerce .response-heading {
  display: flex;
}

html.cs-page-navtatva-multi-tenant-commerce .response-heading i {
  color: #178347;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .response-heading h4 {
  color: #178347;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .challenge-focus-problem h4 {
  color: #c83232;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-focus-problem {
  background: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-segments {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-segment {
  flex: 1;
  border: 0;
  background: transparent;
  padding: 20px 0;
  min-height: 44px;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-segment span {
  display: block;
  height: 4px;
  border-radius: 3px;
  background: #d8dee7;
  transition: background .25s;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-segment.is-active span {
  background: #ee4865;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-segment:hover span {
  background: #101d30;
}

@keyframes cs-page-navtatva-multi-tenant-commerce-challenge-arrive {
  from {
    transform:translateY(10px)
  }

  to {
    transform:translateY(0)
  }

}

@media (max-width:700px) {
  html.cs-page-navtatva-multi-tenant-commerce .challenge-stage {
    top: 12px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .challenge-navigation {
    gap: 12px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .challenge-scroll-hint {
    max-width: 160px;
    line-height: 1.4;
  }

  html.cs-page-navtatva-multi-tenant-commerce .challenge-focus-pair {
    grid-template-columns: 1fr;
  }

}

@media (prefers-reduced-motion:reduce) {
  html.cs-page-navtatva-multi-tenant-commerce .challenge-segment span {
    transition: none;
  }

}

html.cs-page-navtatva-multi-tenant-commerce .project-meta {
  padding: 4px 0 20px;
  border-bottom: 1px dashed rgba(255,255,255,.2);
}

html.cs-page-navtatva-multi-tenant-commerce .project-meta-label {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--body);
  font-weight: 500;
}

html.cs-page-navtatva-multi-tenant-commerce .project-meta-label i {
  color: #ff8299;
  font-size: 18px;
  width: 24px;
}

html.cs-page-navtatva-multi-tenant-commerce .project-meta-value {
  font-size: 17px;
  line-height: 1.5;
  font-weight: 600;
  color: #fff;
  margin: 10px 0 0 36px;
}

html.cs-page-navtatva-multi-tenant-commerce .brief-paragraphs {
  margin-bottom: 24px;
}

html.cs-page-navtatva-multi-tenant-commerce .brief-paragraphs p {
  font-size: 17px;
  line-height: 1.75;
  margin: 0 0 18px;
}

html.cs-page-navtatva-multi-tenant-commerce .brief-paragraphs p:last-child {
  margin-bottom: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .brief-visual {
  margin: 0 auto;
  width: min(100%,340px);
  padding: 0;
  background: transparent;
  box-shadow: none;
}

html.cs-page-navtatva-multi-tenant-commerce .brief-visual img {
  display: block;
  width: 100%;
  height: 400px;
  object-fit: cover;
  object-position: top;
  border-radius: 12px;
}

html.cs-page-navtatva-multi-tenant-commerce .brief-visual figcaption {
  font-size: 16px;
  line-height: 1.55;
  color: #6f6f6f;
  margin-top: 16px;
  padding-left: 16px;
  border-left: 2px solid #ee4865;
  text-align: left;
}

html.cs-page-navtatva-multi-tenant-commerce .workflow-stage {
  padding: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .workflow-screen {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  border-radius: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .workflow-explainer {
  padding: 24px;
  max-width: 410px;
}

html.cs-page-navtatva-multi-tenant-commerce .response-heading {
  align-items: baseline;
  gap: 12px;
}

html.cs-page-navtatva-multi-tenant-commerce .response-heading i {
  font-size: 22px;
}

html.cs-page-navtatva-multi-tenant-commerce .problem-heading i {
  color: #c83232;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .outcome-light {
  --body: #6f6f6f;
  --heading: #101d30;
  background-color: #f0f0ff;
}

html.cs-page-navtatva-multi-tenant-commerce .outcome-light .outcome-pointer {
  color: #535d6c;
}

@media (max-width:700px) {
  html.cs-page-navtatva-multi-tenant-commerce .challenge-focus-pair h4,html.cs-page-navtatva-multi-tenant-commerce .response-heading i {
    font-size: 20px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .workflow-stage {
    padding: 0;
  }

  html.cs-page-navtatva-multi-tenant-commerce .brief-visual img {
    height: 380px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .outcome-light {
    background-attachment: scroll !important;
  }

}

html.cs-page-navtatva-multi-tenant-commerce .project-details-grid {
  margin: 0;
  display: grid;
  border-top: 1px solid rgba(255,255,255,.18);
  border-left: 1px solid rgba(255,255,255,.18);
}

html.cs-page-navtatva-multi-tenant-commerce .project-detail {
  border-right: 1px solid rgba(255,255,255,.18);
  border-bottom: 1px solid rgba(255,255,255,.18);
}

html.cs-page-navtatva-multi-tenant-commerce .project-detail dt {
  display: flex;
  align-items: center;
}

html.cs-page-navtatva-multi-tenant-commerce .project-detail dt i {
  color: #ff8299;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-stage {
  display: flex;
  flex-direction: column;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-stage>.comparison-heading {
  flex-shrink: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-stage .comparison-heading .eyebrow {
  margin-bottom: 10px;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-stage .comparison-heading h2 {
  font-size: 34px;
  line-height: 1.14;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-stage .comparison-heading>p {
  font-size: 16px;
  line-height: 1.6;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-navigation,html.cs-page-navtatva-multi-tenant-commerce .challenge-segments {
  flex-shrink: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-focus {
  overflow-y: auto;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-focus-heading {
  flex-shrink: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-focus-pair {
  flex: 1 0 auto;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-focus-pair h4 {
  font-size: 28px;
  line-height: 1.25;
  margin-bottom: 16px;
}

@media (max-width:1000px) {
  html.cs-page-navtatva-multi-tenant-commerce .challenge-stage .comparison-heading h2 {
    font-size: 30px;
  }

}

@media (max-width:700px) {
  html.cs-page-navtatva-multi-tenant-commerce .challenge-stage>.comparison-heading {
    grid-template-columns: 1fr;
  }

  html.cs-page-navtatva-multi-tenant-commerce .challenge-stage .comparison-heading>p {
    display: none;
  }

  html.cs-page-navtatva-multi-tenant-commerce .challenge-stage .comparison-heading .eyebrow {
    margin-bottom: 6px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .challenge-stage .comparison-heading h2 {
    font-size: 28px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .challenge-focus {
    flex-basis: 440px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .challenge-focus-pair h4 {
    font-size: 28px;
  }

}

html.cs-page-navtatva-multi-tenant-commerce .challenge-focus {
  border-radius: 20px;
  background: #fff;
  border: 1px solid #e1e5ec;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-focus-heading {
  padding: 16px 28px 22px;
  background: linear-gradient(135deg,#0e1d31,#18233a);
  border-bottom: 3px solid #ee4865;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .challenge-focus-heading h3 {
  line-height: 1.2;
  margin: 0;
  font-weight: 600;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-focus-problem,html.cs-page-navtatva-multi-tenant-commerce .challenge-focus-response {
  padding: 28px;
  justify-content: flex-start;
  background: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-focus-response {
  border-left: 1px solid #dfe3e9;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-focus-pair .response-heading {
  display: flex;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-focus-pair .response-heading i {
  display: block;
  line-height: 1;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-focus-pair .response-heading h4 {
  font-weight: 600;
  margin: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-focus-pair p {
  margin: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .problem-heading h4,html.cs-page-navtatva-multi-tenant-commerce .challenge-focus-pair .problem-heading i {
  color: #ce3335;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .challenge-focus-response h4,html.cs-page-navtatva-multi-tenant-commerce .challenge-focus-response .response-heading i {
  color: #16864b;
}

@media (max-width:700px) {
  html.cs-page-navtatva-multi-tenant-commerce .challenge-focus-heading {
    padding: 18px 22px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .challenge-focus-problem,html.cs-page-navtatva-multi-tenant-commerce .challenge-focus-response {
    padding: 24px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .challenge-focus-response {
    border-left: 0;
    border-top: 1px solid #dfe3e9;
  }

}

html.cs-page-navtatva-multi-tenant-commerce {
  --viewport-height: 100vh;
}

@supports (height:100svh) {
  html.cs-page-navtatva-multi-tenant-commerce {
    --viewport-height: 100svh;
  }

}

html.cs-page-navtatva-multi-tenant-commerce {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study * {
  min-width: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study p,html.cs-page-navtatva-multi-tenant-commerce .case-study dd,html.cs-page-navtatva-multi-tenant-commerce .case-study h2,html.cs-page-navtatva-multi-tenant-commerce .case-study h3 {
  overflow-wrap: break-word;
}

html.cs-page-navtatva-multi-tenant-commerce .hero-location {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 20px;
  margin: 0 0 22px;
  padding-left: 14px;
  border-left: 3px solid #ee4865;
}

html.cs-page-navtatva-multi-tenant-commerce .hero-country {
  display: flex;
  align-items: center;
  gap: 10px;
}

html.cs-page-navtatva-multi-tenant-commerce .hero-country img {
  width: 34px;
  height: auto;
  display: block;
  flex-shrink: 0;
  border: 1px solid #e0e4eb;
}

html.cs-page-navtatva-multi-tenant-commerce .hero-country span {
  font-size: 16px;
  line-height: 1.5;
  color: #c92145;
  font-weight: 500;
}

html.cs-page-navtatva-multi-tenant-commerce .hero-location strong {
  font-size: 18px;
  line-height: 1.5;
  color: #101d30;
  font-weight: 600;
}

html.cs-page-navtatva-multi-tenant-commerce .project-details-grid {
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 32px 36px;
  border: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .project-detail {
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
}

html.cs-page-navtatva-multi-tenant-commerce .project-detail dt {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  gap: 10px;
  color: #b8cbe5;
}

html.cs-page-navtatva-multi-tenant-commerce .project-detail dt i {
  font-size: 18px;
  flex-shrink: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .project-detail dd {
  margin: 12px 0 0;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 500;
  color: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .flip-inner {
  -webkit-transform-style: preserve-3d;
}

html.cs-page-navtatva-multi-tenant-commerce .flip-front,html.cs-page-navtatva-multi-tenant-commerce .flip-back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-stage {
  position: -webkit-sticky;
  position: sticky;
}

@media (max-width:1000px) {
  html.cs-page-navtatva-multi-tenant-commerce .project-details-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 28px 32px;
  }

}

@media (max-width:620px) {
  html.cs-page-navtatva-multi-tenant-commerce .hero-location {
    display: block;
  }

  html.cs-page-navtatva-multi-tenant-commerce .hero-location strong {
    display: block;
    margin-top: 7px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .project-details-grid {
    gap: 26px 22px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .project-detail dd {
    font-size: 16px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .project-detail dt {
    font-size: 16px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .case-study a.contact-link {
    max-width: 100%;
  }

  html.cs-page-navtatva-multi-tenant-commerce .challenge-nav-actions {
    flex-shrink: 0;
  }

}

@media (max-width:380px) {
  html.cs-page-navtatva-multi-tenant-commerce .project-details-grid {
    grid-template-columns: 1fr;
  }

  html.cs-page-navtatva-multi-tenant-commerce .hero-country img {
    width: 30px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .challenge-navigation {
    flex-wrap: wrap;
    gap: 8px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .challenge-scroll-hint {
    max-width: none;
  }

  html.cs-page-navtatva-multi-tenant-commerce .feature-tab {
    flex-direction: column;
    align-items: flex-start;
  }

}

@media (max-width:767px) {
  html.cs-page-navtatva-multi-tenant-commerce .hero-art {
    display: none !important;
  }

  html.cs-page-navtatva-multi-tenant-commerce .hero-layout,html.cs-page-navtatva-multi-tenant-commerce .brief-layout {
    grid-template-columns: minmax(0,1fr) !important;
  }

  html.cs-page-navtatva-multi-tenant-commerce .case-study>section {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }

  html.cs-page-navtatva-multi-tenant-commerce .hero-section h1 {
    font-size: clamp(32px,7.5vw,44px) !important;
    line-height: 1.15 !important;
  }

  html.cs-page-navtatva-multi-tenant-commerce .case-study h2 {
    font-size: clamp(26px,6vw,32px) !important;
    line-height: 1.25 !important;
  }

  html.cs-page-navtatva-multi-tenant-commerce .hero-section p {
    font-size: 16px !important;
    line-height: 1.7 !important;
    max-width: 100% !important;
  }

  html.cs-page-navtatva-multi-tenant-commerce .hero-actions {
    gap: 12px !important;
  }

  html.cs-page-navtatva-multi-tenant-commerce .hero-actions a {
    min-height: 48px;
    justify-content: center;
  }

  html.cs-page-navtatva-multi-tenant-commerce .client-brief,html.cs-page-navtatva-multi-tenant-commerce .client-brief .brief-paragraphs p,html.cs-page-navtatva-multi-tenant-commerce .client-brief .brief-facts {
    text-align: center !important;
  }

  html.cs-page-navtatva-multi-tenant-commerce .client-brief .brief-paragraphs {
    max-width: 560px;
    margin: 0 auto 28px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .client-brief .brief-paragraphs p {
    font-size: 16px;
    line-height: 1.75;
  }

  html.cs-page-navtatva-multi-tenant-commerce .brief-facts {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 20px !important;
    max-width: 420px;
    margin: 0 auto;
  }

  html.cs-page-navtatva-multi-tenant-commerce .brief-visual {
    max-width: 300px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .brief-visual figcaption {
    text-align: center;
    border-left: 0;
    padding-left: 0;
  }

  html.cs-page-navtatva-multi-tenant-commerce .brief-visual figcaption:before {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background: #ee4865;
    margin: 0 auto 12px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .feature-tab {
    min-height: 48px;
  }

}

@media (max-width:480px) {
  html.cs-page-navtatva-multi-tenant-commerce .hero-actions {
    flex-direction: column;
    align-items: stretch;
  }

  html.cs-page-navtatva-multi-tenant-commerce .hero-actions a {
    padding: 14px 18px !important;
    text-align: center;
  }

  html.cs-page-navtatva-multi-tenant-commerce .hero-section h1 {
    letter-spacing: -.025em !important;
  }

}

html.cs-page-navtatva-multi-tenant-commerce .birdi-gradient-label::after {
  content: "";
  display: block;
  width: 72px;
  height: 3px;
  margin: 12px auto 0;
  border-radius: 3px;
  background: linear-gradient(90deg,#ee4865 0%,#ff8299 48%,rgba(255,130,153,0) 100%);
}

html.cs-page-navtatva-multi-tenant-commerce .hero-location .hero-country {
  gap: 14px;
}

html.cs-page-navtatva-multi-tenant-commerce .hero-location .hero-country img {
  width: 28px;
}

html.cs-page-navtatva-multi-tenant-commerce .hero-location .hero-country span {
  font-size: 26px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -.02em;
}

@media (max-width:767px) {
  html.cs-page-navtatva-multi-tenant-commerce .hero-location .hero-country img {
    width: 42px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .hero-location .hero-country span {
    font-size: 23px;
  }

}

html.cs-page-navtatva-multi-tenant-commerce .client-brief .brief-visual {
  width: min(100%,420px);
  max-width: 420px;
}

html.cs-page-navtatva-multi-tenant-commerce .client-brief .brief-visual img {
  height: auto;
  object-fit: contain;
  box-shadow: 0 20px 44px rgba(16,29,48,.16),0 5px 12px rgba(16,29,48,.08);
}

html.cs-page-navtatva-multi-tenant-commerce .need-grid {
  grid-auto-rows: auto;
}

html.cs-page-navtatva-multi-tenant-commerce .need-grid .need-static {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  row-gap: 0;
  height: auto;
}

html.cs-page-navtatva-multi-tenant-commerce .need-grid .need-copy {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  row-gap: 0;
}

@media (max-width:620px) {
  html.cs-page-navtatva-multi-tenant-commerce .need-grid .need-static {
    display: block;
    grid-row: auto;
  }

  html.cs-page-navtatva-multi-tenant-commerce .need-grid .need-copy {
    display: block;
    grid-row: auto;
  }

  html.cs-page-navtatva-multi-tenant-commerce .client-brief .brief-visual img {
    box-shadow: 0 14px 28px rgba(16,29,48,.14),0 3px 8px rgba(16,29,48,.07);
  }

}

@media (max-width:767px) {
  html.cs-page-navtatva-multi-tenant-commerce .client-brief .brief-visual {
    width: min(100%,300px);
  }

}

html.cs-page-navtatva-multi-tenant-commerce .client-brief .brief-facts {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  gap: 0 !important;
  max-width: none;
  margin: 28px 0 0;
  padding: 6px 22px;
  background: #f6f7fa;
  border: 1px solid #e3e7ed;
  border-radius: 16px;
  text-align: left !important;
}

html.cs-page-navtatva-multi-tenant-commerce .brief-fact {
  display: grid;
  grid-template-columns: 36px minmax(0,1fr);
  gap: 14px;
  align-items: start;
  padding: 18px 0;
}

html.cs-page-navtatva-multi-tenant-commerce .brief-fact+.brief-fact {
  border-top: 1px solid #dfe4ec;
}

html.cs-page-navtatva-multi-tenant-commerce .brief-fact-icon {
  display: grid;
  place-items: center;
  height: 36px;
  border-radius: 10px;
  background: #fce7ed;
  color: #c92145;
  font-size: 17px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .brief-fact h3 {
  font-size: 17px;
  line-height: 1.45;
  font-weight: 600;
  margin: 0 0 5px;
  color: #101d30;
}

html.cs-page-navtatva-multi-tenant-commerce .brief-fact p {
  font-size: 16px;
  line-height: 1.65;
  margin: 0;
  color: #535d6c;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-mobile {
  display: none;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-focus {
  height: auto;
  min-height: 0;
  max-height: none;
  flex: 0 0 auto;
  overflow: hidden;
  box-shadow: none;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-stage {
  max-height: none;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-stage>.comparison-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
  margin-bottom: 28px;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-stage>.comparison-heading>div {
  width: 100%;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-stage>.comparison-heading>p {
  max-width: 680px;
  margin: 0;
  color: #626b78;
  font-size: 16px;
  line-height: 1.7;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-stage>.comparison-heading .eyebrow {
  margin-bottom: 12px;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-navigation {
  margin-bottom: 20px;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-mobile-heading {
  text-align: center;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-mobile-description {
  max-width: 680px;
  margin: 16px auto 0;
  font-size: 16px;
  line-height: 1.7;
  color: #626b78;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-mobile-hint {
  font-size: 16px;
  line-height: 1.5;
  color: #626b78;
  margin: 0 0 16px;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-focus-pair {
  animation: none;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-focus-pair .response-heading {
  flex-direction: row;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-focus-pair .response-heading i {
  font-size: 22px;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-focus-pair .response-heading h4 {
  font-size: 21px;
  line-height: 1.35;
}

html.cs-page-navtatva-multi-tenant-commerce .challenge-focus-pair p {
  font-size: 16px;
  line-height: 1.7;
  color: #535d6c;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .challenge-focus-heading h3 {
  font-size: 28px;
}

html.cs-page-navtatva-multi-tenant-commerce .related-section {
  background: #101d30;
  color: #f7f9fc;
  padding: clamp(48px,6vw,72px) 0;
}

html.cs-page-navtatva-multi-tenant-commerce .related-heading {
  max-width: 720px;
  margin-bottom: 28px;
}

html.cs-page-navtatva-multi-tenant-commerce .related-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.25;
  margin: 0;
  color: #f7f9fc;
}

html.cs-page-navtatva-multi-tenant-commerce .related-heading h2 span {
  color: #ff8299;
}

html.cs-page-navtatva-multi-tenant-commerce .related-all-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  min-height: 44px;
  font-size: 16px;
  line-height: 1.4;
  color: #f7f9fc;
}

html.cs-page-navtatva-multi-tenant-commerce .related-all-link:hover {
  color: #ff8299;
}

html.cs-page-navtatva-multi-tenant-commerce .related-all-link:focus-visible {
  outline: 3px solid #ff8299;
  outline-offset: 4px;
}

html.cs-page-navtatva-multi-tenant-commerce .related-switcher {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0 0 24px;
}

html.cs-page-navtatva-multi-tenant-commerce .related-switcher button {
  font: inherit;
  font-size: 16px;
  line-height: 1.4;
  min-height: 44px;
  min-width: 44px;
  border: 1px solid #4b596e;
  border-radius: 8px;
  color: #f7f9fc;
  background: transparent;
  padding: 10px 16px;
}

html.cs-page-navtatva-multi-tenant-commerce .related-switcher button[aria-pressed="true"] {
  background: #f7f9fc;
  color: #101d30;
  border-color: #f7f9fc;
}

html.cs-page-navtatva-multi-tenant-commerce .related-card {
  border: 1px solid #39475b;
  border-radius: 18px;
  background: #16253a;
  padding: 32px;
  min-width: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .related-card-tag {
  color: #ff8299;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 12px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .related-card h3 {
  font-size: clamp(24px,2.7vw,32px);
  line-height: 1.3;
  color: #f7f9fc;
  margin: 0 0 28px;
  max-width: 780px;
}

html.cs-page-navtatva-multi-tenant-commerce .related-comparison {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 32px;
}

html.cs-page-navtatva-multi-tenant-commerce .related-card h4 {
  font-size: 17px;
  line-height: 1.4;
  font-weight: 600;
  color: #f7f9fc;
  margin: 0 0 10px;
}

html.cs-page-navtatva-multi-tenant-commerce .related-card p {
  font-size: 16px;
  line-height: 1.75;
  overflow-wrap: anywhere;
}

html.cs-page-navtatva-multi-tenant-commerce .related-comparison p {
  color: #bdcbe0;
  margin: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .related-result {
  margin-top: 28px;
  padding: 24px 0 0;
  border-top: 1px solid #3d4b60;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: end;
  gap: 28px;
}

html.cs-page-navtatva-multi-tenant-commerce .related-result p {
  color: #bdcbe0;
  margin: 0;
  max-width: 780px;
}

html.cs-page-navtatva-multi-tenant-commerce .related-result a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #f7f9fc;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 2px solid #ff8299;
  padding: 10px 0;
}

@media (max-width:899px),(max-height:650px) {
  html.cs-page-navtatva-multi-tenant-commerce .challenge-story {
    display: none;
  }

  html.cs-page-navtatva-multi-tenant-commerce .challenge-mobile {
    display: block;
  }

  html.cs-page-navtatva-multi-tenant-commerce .challenge-mobile-heading {
    margin-bottom: 24px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .case-study .challenge-mobile-heading h2 {
    font-size: 30px;
    line-height: 1.25;
    margin: 0;
    color: #101d30;
  }

  html.cs-page-navtatva-multi-tenant-commerce .challenge-mobile-heading h2 span {
    color: #c92145;
  }

  html.cs-page-navtatva-multi-tenant-commerce .challenge-disclosures {
    display: grid;
    gap: 10px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .challenge-disclosure {
    border: 1px solid #dce2eb;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
  }

  html.cs-page-navtatva-multi-tenant-commerce .challenge-disclosure summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    list-style: none;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
    color: #101d30;
    cursor: pointer;
  }

  html.cs-page-navtatva-multi-tenant-commerce .challenge-disclosure summary::-webkit-details-marker {
    display: none;
  }

  html.cs-page-navtatva-multi-tenant-commerce .challenge-disclosure summary i {
    font-size: 16px;
    color: #c92145;
    flex-shrink: 0;
    transition: transform .18s;
  }

  html.cs-page-navtatva-multi-tenant-commerce .challenge-disclosure[open] summary {
    background: #101d30;
    color: #fff;
  }

  html.cs-page-navtatva-multi-tenant-commerce .challenge-disclosure[open] summary i {
    transform: rotate(180deg);
    color: #ff8299;
  }

  html.cs-page-navtatva-multi-tenant-commerce .challenge-disclosure-body {
    padding: 20px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .challenge-disclosure-body>div+div {
    border-top: 1px solid #e2e6ed;
    padding-top: 18px;
    margin-top: 18px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .challenge-disclosure h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 8px;
    color: #101d30;
  }

  html.cs-page-navtatva-multi-tenant-commerce .challenge-disclosure .mobile-response h3 {
    color: #c92145;
  }

  html.cs-page-navtatva-multi-tenant-commerce .challenge-disclosure p {
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
    color: #535d6c;
  }

}

@media (max-width:767px) {
  html.cs-page-navtatva-multi-tenant-commerce .client-brief .brief-paragraphs p {
    text-align: left !important;
  }

  html.cs-page-navtatva-multi-tenant-commerce .client-brief .brief-facts {
    text-align: left !important;
    padding: 4px 18px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .brief-fact {
    grid-template-columns: 32px minmax(0,1fr);
    gap: 12px;
    padding: 17px 0;
  }

  html.cs-page-navtatva-multi-tenant-commerce .brief-fact-icon {
    height: 32px;
    font-size: 16px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .related-card {
    padding: 22px;
    border-radius: 14px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .related-comparison {
    grid-template-columns: minmax(0,1fr);
    gap: 22px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .related-result {
    grid-template-columns: minmax(0,1fr);
    gap: 18px;
    margin-top: 22px;
    padding-top: 22px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .case-study .related-card h3 {
    font-size: 25px;
    margin-bottom: 24px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .related-result a {
    justify-self: start;
  }

  html.cs-page-navtatva-multi-tenant-commerce .related-switcher {
    gap: 8px;
  }

}

@media (prefers-reduced-motion:reduce) {
  html.cs-page-navtatva-multi-tenant-commerce .challenge-disclosure summary i {
    transition: none;
  }

}

html.cs-page-navtatva-multi-tenant-commerce .birdi-summary {
  background: radial-gradient(ellipse at 3% 100%,rgba(238,72,101,.25) 0%,rgba(238,72,101,.08) 34%,transparent 64%),radial-gradient(ellipse at 100% 0%,rgba(255,130,153,.17) 0%,transparent 58%),linear-gradient(115deg,#101d30 0%,#14243b 52%,#101d30 100%);
  color: #f6f8fc;
  padding: 40px 0;
}

html.cs-page-navtatva-multi-tenant-commerce .birdi-summary-inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 48px;
  align-items: stretch;
}

html.cs-page-navtatva-multi-tenant-commerce .birdi-summary-identity {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

html.cs-page-navtatva-multi-tenant-commerce .birdi-summary-client {
  display: flex;
  gap: 18px;
  align-items: center;
  width: 100%;
}

html.cs-page-navtatva-multi-tenant-commerce .birdi-summary .birdi-client-name {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.035em;
  margin: 0;
  color: #f6f8fc;
}

html.cs-page-navtatva-multi-tenant-commerce .birdi-summary-sector {
  font-size: 16px;
  color: #bdc8d9;
  border-left: 1px solid #445063;
  padding-left: 18px;
}

html.cs-page-navtatva-multi-tenant-commerce .birdi-summary .birdi-solution {
  font-size: 23px;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: -.025em;
  max-width: 420px;
  margin: 20px 0 22px;
  color: #f6f8fc;
}

html.cs-page-navtatva-multi-tenant-commerce .birdi-summary-status {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 16px;
  line-height: 1.4;
  color: #f6f8fc;
  margin-top: auto;
}

html.cs-page-navtatva-multi-tenant-commerce .birdi-summary-status i {
  color: #ff8299;
  font-size: 16px;
}

html.cs-page-navtatva-multi-tenant-commerce .birdi-summary-facts {
  display: grid;
  grid-template-columns: 1fr 1.12fr;
  column-gap: 32px;
  row-gap: 24px;
  margin: 0;
  padding: 3px 0 3px 40px;
  border-left: 1px solid #394558;
  align-content: space-between;
}

html.cs-page-navtatva-multi-tenant-commerce .birdi-summary-facts>div {
  min-width: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .birdi-summary-facts dt {
  font-size: 16px;
  line-height: 1.4;
  color: #bdc8d9;
  margin: 0 0 8px;
  font-weight: 400;
}

html.cs-page-navtatva-multi-tenant-commerce .birdi-summary-facts dd {
  font-size: 18px;
  line-height: 1.5;
  color: #f6f8fc;
  font-weight: 500;
  margin: 0;
}

@media (max-width:1000px) {
  html.cs-page-navtatva-multi-tenant-commerce .birdi-summary-inner {
    gap: 28px;
    grid-template-columns: 1fr 1.25fr;
  }

  html.cs-page-navtatva-multi-tenant-commerce .birdi-summary-facts {
    padding-left: 28px;
    column-gap: 24px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .birdi-summary .birdi-solution {
    font-size: 21px;
  }

}

@media (max-width:767px) {
  html.cs-page-navtatva-multi-tenant-commerce .birdi-summary {
    padding: 30px 0;
  }

  html.cs-page-navtatva-multi-tenant-commerce .birdi-summary-inner {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .birdi-summary .birdi-solution {
    font-size: 22px;
    max-width: 520px;
    margin: 16px 0 18px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .birdi-summary-facts {
    border-left: 0;
    border-top: 1px solid #394558;
    padding: 24px 0 0;
    gap: 22px 24px;
    grid-template-columns: 1fr 1fr;
  }

  html.cs-page-navtatva-multi-tenant-commerce .birdi-summary-facts dd {
    font-size: 16px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .birdi-summary .birdi-client-name {
    font-size: 30px;
  }

}

@media (max-width:359px) {
  html.cs-page-navtatva-multi-tenant-commerce .birdi-summary-facts {
    grid-template-columns: 1fr;
  }

}

/* Fixed presentation exported from the approved page. */

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-1, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-1 {
  font-family: Lexend, sans-serif;
  background: rgb(255, 255, 255);
  color: rgb(16, 29, 48);
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-2, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-2 {
  background: rgb(255, 255, 255);
  padding: clamp(56px, 7vw, 84px) 0px;
  position: relative;
  overflow: hidden;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-3, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-3 {
  max-width: 1180px;
  margin: 0px auto;
  padding: 0px 24px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-4, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-4 {
  align-items: center;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-5, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-5 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 22px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-6, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-6 {
  height: 2px;
  width: 38px;
  background: linear-gradient(90deg, rgb(238, 72, 101), rgb(213, 31, 63));
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-7, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-7 {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.16em;
  color: rgb(238, 72, 101);
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-8, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-8 {
  font-size: clamp(2.05rem, 4vw, 4rem);
  line-height: 1.06;
  font-weight: 700;
  margin: 0px 0px 22px;
  letter-spacing: -0.01em;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-9, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-9 {
  color: rgb(238, 72, 101);
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-10, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-10 {
  font-size: 17px;
  line-height: 1.7;
  color: var(--body);
  margin: 0px 0px 30px;
  max-width: 470px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-11, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-11 {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-12, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-12 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, rgb(238, 72, 101) 0%, rgb(213, 31, 63) 100%);
  color: rgb(255, 255, 255);
  font-weight: 600;
  font-size: 16px;
  padding: 15px 28px;
  border-radius: 10px;
  box-shadow: rgba(213, 31, 63, 0.26) 0px 12px 26px;
  transition: transform 0.25s, box-shadow 0.25s;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-13, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-13 {
  font-size: 16px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-14, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-14 {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 24px 0px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-15, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-15 {
  position: absolute;
  inset: auto 12% 6%;
  height: 78%;
  background: rgb(243, 243, 243);
  border-radius: 16px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-16, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-16 {
  position: relative;
  width: 100%;
  max-width: 262px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: rgba(16, 29, 48, 0.24) 0px 34px 74px, rgba(16, 29, 48, 0.1) 0px 6px 16px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-17, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-17 {
  display: block;
  width: 100%;
  height: auto;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-18, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-18 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
  gap: 24px;
  margin-top: clamp(36px, 5vw, 56px);
  padding-top: 28px;
  border-top: 1px solid rgba(16, 29, 48, 0.1);
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-19, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-19 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-20, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-20 {
  color: rgb(238, 72, 101);
  font-size: 16px;
  margin-top: 4px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-21, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-21 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 3px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-22, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-22 {
  font-size: 16px;
  color: var(--body);
  line-height: 1.45;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-23, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-23 {
  background: rgb(255, 255, 255);
  padding: clamp(56px, 7vw, 84px) 0px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-24, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-24 {
  max-width: 720px;
  margin: 0px auto clamp(32px, 4vw, 48px);
  text-align: center;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-25, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-25 {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: rgb(238, 72, 101);
  font-weight: 700;
  margin-bottom: 16px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-26, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-26 {
  font-size: clamp(1.55rem, 2.4vw, 2.1rem);
  font-weight: 700;
  line-height: 1.25;
  margin: 0px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-27, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-27 {
  background: rgb(243, 243, 243);
  padding: clamp(56px, 7vw, 84px) 0px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-28, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-28 {
  max-width: 740px;
  margin: 0px auto clamp(32px, 4vw, 48px);
  text-align: center;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-29, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-29 {
  font-size: clamp(1.55rem, 2.4vw, 2.1rem);
  font-weight: 700;
  line-height: 1.25;
  margin: 0px 0px 18px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-30, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-30 {
  font-size: 16px;
  line-height: 1.75;
  color: var(--body);
  margin: 0px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-31, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-31 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: clamp(32px, 5vw, 64px);
  align-items: center;
  margin-bottom: clamp(36px, 5vw, 56px);
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-32, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-32 {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: rgb(238, 72, 101);
  font-weight: 700;
  margin-bottom: 18px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-33, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-33 {
  font-size: clamp(1.55rem, 2.4vw, 2.1rem);
  font-weight: 700;
  line-height: 1.25;
  margin: 0px 0px 20px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-34, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-34 {
  font-size: 16px;
  line-height: 1.75;
  color: var(--body);
  margin: 0px 0px 14px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-35, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-35 {
  display: flex;
  justify-content: center;
  gap: 16px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-36, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-36 {
  width: 46%;
  max-width: 190px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: rgba(16, 29, 48, 0.18) 0px 24px 54px;
  align-self: flex-start;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-37, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-37 {
  width: 46%;
  max-width: 190px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: rgba(16, 29, 48, 0.18) 0px 24px 54px;
  align-self: flex-end;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-38, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-38 {
  width: 10%;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-39, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-39 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: clamp(28px, 4vw, 52px);
  align-items: center;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-40, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-40 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-41, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-41 {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgb(238, 72, 101), rgb(213, 31, 63));
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-42, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-42 {
  color: rgb(255, 255, 255);
  font-size: 16px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-43, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-43 {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-weight: 700;
  color: rgb(16, 29, 48);
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-44, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-44 {
  font-size: 16px;
  line-height: 1.75;
  color: var(--body);
  margin: 0px 0px 26px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-45, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-45 {
  display: flex;
  flex-direction: column;
  gap: 0px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-46, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-46 {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 15px 0px;
  border-top: 1px solid rgba(16, 29, 48, 0.12);
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-47, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-47 {
  font-size: 16px;
  font-weight: 700;
  color: rgb(238, 72, 101);
  min-width: 22px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-48, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-48 {
  font-size: 16px;
  line-height: 1.55;
  color: rgb(16, 29, 48);
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-49, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-49 {
  display: flex;
  justify-content: center;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-50, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-50 {
  width: 100%;
  max-width: 250px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: rgba(16, 29, 48, 0.22) 0px 28px 60px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-51, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-51 {
  position: relative;
  overflow: hidden;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.57), rgb(239, 239, 255));
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  padding: clamp(56px, 7vw, 84px) 0px;
  color: rgb(16, 29, 48);
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-52, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-52 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: clamp(32px, 5vw, 64px);
  align-items: center;
  margin-bottom: clamp(40px, 5vw, 60px);
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-53, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-53 {
  position: relative;
  display: flex;
  justify-content: center;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-54, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-54 {
  width: 100%;
  max-width: 236px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.42) 0px 30px 66px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-55, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-55 {
  position: absolute;
  top: 12%;
  right: 0px;
  background: rgb(255, 255, 255);
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 16px 34px;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  gap: 9px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-56, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-56 {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: rgb(31, 158, 92);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-57, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-57 {
  font-size: 16px;
  font-weight: 700;
  color: rgb(16, 29, 48);
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-58, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-58 {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 8px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-59, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-59 {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-weight: 700;
  color: rgb(16, 29, 48);
  white-space: normal;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-60, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-60 {
  height: 1px;
  flex: 1 1 0%;
  background: rgba(16, 29, 48, 0.15);
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-61, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-61 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 0px 56px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-62, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-62 {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 20px 0px;
  border-bottom: 1px solid rgba(16, 29, 48, 0.12);
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-63, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-63 {
  color: rgb(238, 72, 101);
  font-size: 22px;
  width: 24px;
  flex-shrink: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-64, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-64 {
  font-size: 16px;
  line-height: 1.7;
  color: rgb(83, 93, 108);
  font-weight: 300;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-65, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-65 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 32px;
  align-items: end;
  margin-bottom: clamp(32px, 4vw, 44px);
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-66, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-66 {
  max-width: 640px;
  margin-bottom: clamp(32px, 4vw, 44px);
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-67, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-67 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: 20px 40px;
  align-items: center;
  padding: 26px 0px;
  border-top: 1px solid rgba(16, 29, 48, 0.12);
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-68, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-68 {
  display: flex;
  align-items: baseline;
  gap: 14px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-69, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-69 {
  font-size: 16px;
  font-weight: 700;
  color: rgb(238, 72, 101);
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-70, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-70 {
  font-size: 16.5px;
  font-weight: 700;
  line-height: 1.3;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-71, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-71 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  min-width: 0px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-72, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-72 {
  display: flex;
  align-items: center;
  gap: 9px;
  background: rgb(243, 243, 243);
  border-radius: 8px;
  padding: 10px 16px;
  transition: background 0.3s, color 0.3s;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-73, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-73 {
  color: rgb(238, 72, 101);
  font-size: 16px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-74, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-74 {
  font-size: 16px;
  font-weight: 600;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-75, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-75 {
  font-size: 16px;
  opacity: 1;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-76, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-76 {
  max-width: 1180px;
  margin: 0px auto;
  padding: 0px 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: clamp(32px, 5vw, 64px);
  align-items: center;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-77, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-77 {
  font-size: 16px;
  line-height: 1.75;
  color: var(--body);
  margin: 0px 0px 28px;
  max-width: 480px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-78, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-78 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, rgb(238, 72, 101), rgb(213, 31, 63));
  color: rgb(255, 255, 255);
  font-weight: 600;
  font-size: 16px;
  padding: 16px 32px;
  border-radius: 10px;
  box-shadow: rgba(213, 31, 63, 0.26) 0px 14px 30px;
  transition: transform 0.25s, box-shadow 0.25s;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-79, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-79 {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: rgb(16, 29, 48);
  font-weight: 700;
  margin-bottom: 6px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-80, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-80 {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 0px;
  border-bottom: 1px solid rgba(16, 29, 48, 0.12);
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-81, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-81 {
  color: rgb(238, 72, 101);
  font-size: 16px;
  width: 20px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-82, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-82 {
  font-size: 16px;
  font-weight: 500;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-83, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-83 {
  position: sticky;
  top: 70px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-84, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-84 {
  font-size: clamp(1.55rem, 2.4vw, 2.1rem);
  font-weight: 700;
  line-height: 1.25;
  margin: 0px 0px 16px;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-presentation-85, html.cs-page-navtatva-multi-tenant-commerce .case-study.birdi-presentation-85 {
  font-size: 16px;
  line-height: 1.7;
  color: var(--body);
  margin: 0px;
  max-width: 330px;
}

/* Original file: Navtatva-Multi-Tenant-Commerce/css/bootstrap4-integration.css */
/* Bootstrap 4 grid and tabs, adjusted to preserve the approved Birdi design. */

html.cs-page-navtatva-multi-tenant-commerce .case-study .hero-layout.row, html.cs-page-navtatva-multi-tenant-commerce .case-study .brief-layout.row {
  --birdi-column-gap: clamp(32px, 5vw, 64px);
  display: flex !important;
  gap: 0 !important;
  margin-left: 0;
  margin-right: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .brief-layout.row {
  --birdi-column-gap: clamp(32px, 5vw, 56px);
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .hero-layout.row > .col-md-6, html.cs-page-navtatva-multi-tenant-commerce .case-study .brief-layout.row > .col-md-6 {
  padding-left: calc(var(--birdi-column-gap) * 0.5);
  padding-right: calc(var(--birdi-column-gap) * 0.5);
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .hero-layout.row > .col-md-6:first-child, html.cs-page-navtatva-multi-tenant-commerce .case-study .brief-layout.row > .col-md-6:first-child {
  padding-left: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .hero-layout.row > .col-md-6:last-child, html.cs-page-navtatva-multi-tenant-commerce .case-study .brief-layout.row > .col-md-6:last-child {
  padding-right: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-contact-button {
  border: 0;
  line-height: normal;
  text-align: inherit;
  vertical-align: baseline;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-contact-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 34px rgba(213,31,63,.34);
  color: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-tech-pill:hover {
  background: #101d30;
  color: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .feature-tabs.nav-tabs {
  border-bottom: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .feature-tabs.nav-tabs .nav-link {
  border: 0;
  margin-bottom: 0;
  padding: 20px 8px;
  color: #101d30;
  line-height: 1.4;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .feature-tabs.nav-tabs .nav-link.active {
  background: #fff;
  color: #101d30;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study .tab-content > .features-panel.active {
  display: grid;
}

@media (max-width: 767px) {
  html.cs-page-navtatva-multi-tenant-commerce .case-study .hero-layout.row, html.cs-page-navtatva-multi-tenant-commerce .case-study .brief-layout.row {
    margin-left: 0;
    margin-right: 0;
  }

  html.cs-page-navtatva-multi-tenant-commerce .case-study .hero-layout.row > .col-md-6, html.cs-page-navtatva-multi-tenant-commerce .case-study .brief-layout.row > .col-md-6 {
    padding-left: 0;
    padding-right: 0;
  }

  html.cs-page-navtatva-multi-tenant-commerce .case-study .brief-layout.row > .col-md-6 + .col-md-6 {
    margin-top: 32px;
  }

}

@media (max-width: 460px) {
  html.cs-page-navtatva-multi-tenant-commerce .case-study .feature-tabs.nav-tabs .nav-link {
    padding: 16px 6px;
  }

}

@media (prefers-reduced-motion: reduce) {
  html.cs-page-navtatva-multi-tenant-commerce .case-study .birdi-contact-button:hover {
    transform: none;
  }

}

/* Original file: Navtatva-Multi-Tenant-Commerce/css/case-study.css */
html.cs-page-navtatva-multi-tenant-commerce {
  --navy: #081b36;
  --ink: #162238;
  --muted: #667080;
  --accent: #ee4865;
  --accent-soft: #fff0f3;
  --soft: #f1f1f1;
  --line: #dfe4ea;
  --dark: #111e33;
  --white: #ffffff;
}

html.cs-page-navtatva-multi-tenant-commerce * {
  box-sizing: border-box;
}

html.cs-page-navtatva-multi-tenant-commerce {
  font-size: 16px;
  scroll-behavior: smooth;
}

html.cs-page-navtatva-multi-tenant-commerce body {
  margin: 0;
  color: var(--ink);
  background: #fff;
  font-family: Lexend, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.65;
}

html.cs-page-navtatva-multi-tenant-commerce h1, html.cs-page-navtatva-multi-tenant-commerce h2, html.cs-page-navtatva-multi-tenant-commerce h3, html.cs-page-navtatva-multi-tenant-commerce h4, html.cs-page-navtatva-multi-tenant-commerce p, html.cs-page-navtatva-multi-tenant-commerce figure, html.cs-page-navtatva-multi-tenant-commerce dl, html.cs-page-navtatva-multi-tenant-commerce dd {
  margin-top: 0;
}

html.cs-page-navtatva-multi-tenant-commerce section img {
  display: block;
  max-width: 100%;
}

html.cs-page-navtatva-multi-tenant-commerce .case-study section a {
  color: var(--accent);
}

html.cs-page-navtatva-multi-tenant-commerce .case-study section a:hover {
  color: var(--navy);
  text-decoration: none;
}

html.cs-page-navtatva-multi-tenant-commerce em {
  color: var(--accent);
  font-style: normal;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-shell {
  width: 100%;
  /* max-width: 1180px;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px; */
}

html.cs-page-navtatva-multi-tenant-commerce .cs-section {
  padding: 86px 0;
  background: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-section.cs-soft {
  background: var(--soft);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-section.cs-dark {
  color: #fff;
  background: linear-gradient(135deg, #0c192c, #18263e);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-section-header {
  text-align: center;
  margin-bottom: 40px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-section-header.cs-center {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-eyebrow {
  display: block;
  margin-bottom: 12px;
  color: var(--accent);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-section h2, html.cs-page-navtatva-multi-tenant-commerce .cs-cta h2 {
  margin-bottom: 18px;
  color: var(--navy);
  font-size: clamp(2rem, 3.4vw, 3.25rem);
  font-weight: 750;
  letter-spacing: -.035em;
  line-height: 1.12;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-dark h2, html.cs-page-navtatva-multi-tenant-commerce .cs-dark h3 {
  color: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-dark .cs-section-header p, html.cs-page-navtatva-multi-tenant-commerce .cs-workflow .cs-section-header p {
  color: #b8cbe5;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-dark .cs-value-card h3 {
  color: var(--navy);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-section-header p {
  color: var(--muted);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 46px;
  align-items: start;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-copy p, html.cs-page-navtatva-multi-tenant-commerce .cs-copy li {
  color: #5f6877;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-copy ul {
  padding-left: 20px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-copy li {
  margin-bottom: 8px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-shot {
  margin: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-shot img {
  width: 100%;
  height: auto;
  border: 1px solid #d9e0e8;
  border-radius: 12px;
  box-shadow: 0 20px 48px rgba(9, 29, 57, .14);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-shot figcaption {
  margin-top: 10px;
  color: #747e8c;
  font-size: .75rem;
  line-height: 1.5;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-wide {
  margin-top: 40px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-hero {
  padding: 72px 0 50px;
  background: #fff;
  padding-top:140px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-hero-row {
  align-items: center;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-hero-copy {
  padding-right: 34px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-status {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  color: var(--accent);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-status:before {
  width: 10px;
  height: 10px;
  border: 2px solid var(--accent);
  border-radius: 50%;
  content: '';
}

html.cs-page-navtatva-multi-tenant-commerce .cs-status.cs-complete:before {
  background: var(--accent);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-hero h1 {
  margin-bottom: 18px;
  color: var(--navy);
  font-size: clamp(2.45rem, 4.05vw, 4.05rem);
  font-weight: 780;
  letter-spacing: -.047em;
  line-height: 1.04;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-hero-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
  font-size: .84rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-hero-meta span {
  padding-left: 12px;
  border-left: 2px solid var(--accent);
  color: var(--accent);
  font-weight: 750;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-hero-copy > p {
  margin-bottom: 12px;
  color: #586272;
  font-size: .98rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-support {
  font-size: .82rem !important;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 13px 20px;
  border: 1px solid var(--accent);
  border-radius: 7px;
  background: var(--accent);
  box-shadow: 0 11px 24px rgba(238, 72, 101, .22);
  color: #fff;
  font-size: .8rem;
  font-weight: 750;
  text-decoration: none;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-button:hover {
  color: #fff;
  transform: translateY(-1px);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-button.cs-outline {
  background: #fff;
  box-shadow: none;
  color: var(--navy);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-button.cs-outline:hover {
  background: var(--accent-soft);
  color: var(--navy);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-hero-visual {
  padding-left: 34px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-hero-highlights {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 42px;
  padding-top: 25px;
  border-top: 1px solid var(--line);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-hero-highlights article {
  display: flex;
  gap: 10px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-hero-highlights i {
  margin-top: 5px;
  color: var(--accent);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-hero-highlights strong, html.cs-page-navtatva-multi-tenant-commerce .cs-hero-highlights span {
  display: block;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-hero-highlights strong {
  font-size: .78rem;
  line-height: 1.4;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-hero-highlights span {
  color: #747c89;
  font-size: .75rem;
  line-height: 1.5;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-project {
  padding: 38px 0;
  color: #fff;
  background: linear-gradient(110deg, #111d31, #20263d 60%, #35243a);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-project-grid {
  display: grid;
  grid-template-columns: .9fr 1.5fr;
  gap: 42px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-project-title {
  padding-right: 36px;
  border-right: 1px solid rgba(255, 255, 255, .18);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-project-title > div {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 17px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-project-title strong {
  font-size: 1.15rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-project-title span {
  padding-left: 12px;
  border-left: 1px solid rgba(255, 255, 255, .4);
  color: #c7cfdb;
  font-size: .75rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-project-title h2 {
  margin-bottom: 22px;
  font-size: 1rem;
  line-height: 1.5;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-project-title p {
  margin: 0;
  font-size: .75rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-project-title i {
  color: #ff7890;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-facts {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 17px 28px;
  margin: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-facts dt {
  color: #abb7ca;
  font-size: .75rem;
  font-weight: 500;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-facts dd {
  color: #fff;
  font-size: .75rem;
  font-weight: 650;
  line-height: 1.5;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-pill-grid, html.cs-page-navtatva-multi-tenant-commerce .cs-feature-grid, html.cs-page-navtatva-multi-tenant-commerce .cs-value-grid, html.cs-page-navtatva-multi-tenant-commerce .cs-role-grid {
  display: grid;
  gap: 16px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-pill-grid {
  grid-template-columns: repeat(3, 1fr);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-pill {
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 62px;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #fff;
  color: var(--ink);
  font-size: .82rem;
  font-weight: 700;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-pill i {
  color: var(--accent);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-scope {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 34px;
  margin: 34px 0 0;
  padding: 26px 28px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-scope li {
  position: relative;
  padding: 10px 0 10px 25px;
  border-bottom: 1px solid #edf0f3;
  color: #596371;
  font-size: .82rem;
  list-style: none;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-scope li:before {
  position: absolute;
  left: 0;
  color: var(--accent);
  font-family: FontAwesome;
  content: '\f00c';
}

html.cs-page-navtatva-multi-tenant-commerce .cs-feature-grid {
  grid-template-columns: repeat(3, 1fr);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-feature-card {
  padding: 25px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-feature-card i {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  margin-bottom: 18px;
  border-radius: 50%;
  background: var(--accent-soft);
  color: var(--accent);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-feature-card h3 {
  margin-bottom: 8px;
  font-size: 1rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-feature-card p {
  margin: 0;
  color: #66707e;
  font-size: .78rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-value-grid {
  grid-template-columns: repeat(4, 1fr);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-value-card {
  padding: 23px;
  border-top: 3px solid var(--accent);
  background: #fff;
  box-shadow: 0 12px 30px rgba(9, 29, 57, .08);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-value-card span {
  color: var(--accent);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-value-card h3 {
  margin: 10px 0 8px;
  font-size: 1rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-value-card p {
  margin: 0;
  color: #697280;
  font-size: .78rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-comparison {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-compare-head, html.cs-page-navtatva-multi-tenant-commerce .cs-compare-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-compare-head div {
  padding: 18px 24px;
  color: #fff;
  background: var(--navy);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-compare-head div:last-child {
  background: var(--accent);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-compare-row > div {
  padding: 18px 24px;
  border-top: 1px solid var(--line);
  color: #606a78;
  font-size: .81rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-compare-row > div:first-child {
  border-right: 1px solid var(--line);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-compare-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-compare-card {
  padding: 30px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-compare-card.cs-new {
  color: #fff;
  background: var(--navy);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-compare-card h3 {
  margin-bottom: 20px;
  font-size: 1.25rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-compare-card ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-compare-card li {
  position: relative;
  padding: 10px 0 10px 25px;
  border-top: 1px solid #e7ebef;
  color: #616b79;
  font-size: .8rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-compare-card.cs-new li {
  border-color: rgba(255, 255, 255, .13);
  color: #d1d9e5;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-compare-card li:before {
  position: absolute;
  left: 0;
  color: var(--accent);
  font-family: FontAwesome;
  content: '\f105';
}

html.cs-page-navtatva-multi-tenant-commerce .cs-workflow {
  padding: 86px 0;
  color: #fff;
  background: linear-gradient(135deg, #0d1a2d, #17243b);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-workflow h2 {
  color: #fff;
  font-size: clamp(1.55rem, 2.4vw, 2.1rem);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-workflow-layout {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 68px;
  align-items: start;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-workflow-sticky {
  position: sticky;
  top: 124px;
  min-width: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-workflow-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  color: #b9c5d6;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-workflow-stage {
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(330px, 54vh, 520px);
  padding: 16px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 14px;
  background: linear-gradient(155deg, #fff 28%, #eaf1fa);
  box-shadow: 0 22px 55px rgba(0,0,0,.2);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-workflow-screen {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  border-radius: 8px;
  animation: cs-page-navtatva-multi-tenant-commerce-cs-visual-in .32s ease;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-workflow-caption {
  margin: 15px 0 12px;
  color: #cad3e1;
  font-size: .8rem;
  font-weight: 650;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-progress-line {
  height: 3px;
  background: rgba(255, 255, 255, .2);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-progress-line span {
  display: block;
  height: 100%;
  background: var(--accent);
  transition: width .2s ease;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-workflow-timeline {
  padding-left: 34px;
  border-left: 1px solid rgba(255, 255, 255, .23);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-workflow-step {
  position: relative;
  min-height: 205px;
  padding-bottom: 52px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-workflow-step:before {
  position: absolute;
  top: 8px;
  left: -40px;
  width: 11px;
  height: 11px;
  border: 2px solid var(--accent);
  border-radius: 50%;
  background: #17243b;
  content: '';
}

html.cs-page-navtatva-multi-tenant-commerce .cs-workflow-step.cs-active:before {
  background: var(--accent);
  box-shadow: 0 0 0 8px rgba(238, 72, 101, .18);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-step-label {
  margin-bottom: 12px;
  color: #aeb9ca;
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-workflow-step h3 {
  margin-bottom: 11px;
  color: #fff;
  font-size: 1.28rem;
  line-height: 1.35;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-workflow-step.cs-active h3 {
  color: var(--accent);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-workflow-step p, html.cs-page-navtatva-multi-tenant-commerce .cs-workflow-step li {
  color: #bec9d8;
  font-size: .9rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-workflow-step ul {
  padding-left: 18px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-workflow-note {
  margin-top: 30px;
  padding: 20px 22px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-left: 3px solid var(--accent);
  border-radius: 8px;
  background: rgba(255, 255, 255, .05);
  color: #cbd4e0;
  font-size: .8rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-workflow-explainer {
  width: 100%;
  max-width: 420px;
  padding: 18px;
  color: var(--navy);
  animation: cs-page-navtatva-multi-tenant-commerce-cs-visual-in .32s ease;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-workflow-explainer > i {
  margin-bottom: 22px;
  color: var(--accent);
  font-size: 2.65rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-workflow-explainer h3 {
  margin-bottom: 20px;
  color: var(--navy);
  font-size: 1.38rem;
  line-height: 1.35;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-explainer-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 0;
  border-top: 1px solid #e7d5dc;
  color: #596575;
  font-size: .8rem;
  line-height: 1.65;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-explainer-row i {
  margin-top: 5px;
  color: var(--accent);
  font-size: .76rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-illustration-note {
  margin: 16px 0 0;
  color: #707987;
  font-size: .75rem;
  font-weight: 700;
}

@keyframes cs-page-navtatva-multi-tenant-commerce-cs-visual-in {
  from {
    opacity: .55;
    transform: translateY(5px);
  }

  to {
    opacity: 1;
    transform: none;
  }

}

html.cs-page-navtatva-multi-tenant-commerce .cs-number-flow {
  counter-reset: step;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-number-flow li {
  position: relative;
  min-height: 180px;
  padding: 56px 18px 22px;
  border-top: 1px solid var(--line);
  color: #66707e;
  font-size: .77rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-number-flow li:before {
  counter-increment: step;
  position: absolute;
  top: -18px;
  left: 18px;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--navy);
  color: #fff;
  content: counter(step, decimal-leading-zero);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-number-flow li:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: var(--line);
  content: '';
}

html.cs-page-navtatva-multi-tenant-commerce .cs-number-flow li:nth-child(5n):after {
  display: none;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-number-flow strong {
  display: block;
  margin-bottom: 8px;
  color: var(--navy);
  font-size: .9rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-role-grid {
  grid-template-columns: repeat(3, 1fr);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-role {
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-role .cs-role-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 18px;
  border-radius: 50%;
  background: var(--navy);
  color: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-role h3 {
  margin-bottom: 14px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-role ul {
  padding-left: 18px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-role li {
  margin-bottom: 7px;
  color: #626c7a;
  font-size: .78rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-technical {
  padding: 34px;
  border-radius: 16px;
  background: #0e1d32;
  color: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-technical h2, html.cs-page-navtatva-multi-tenant-commerce .cs-technical h3 {
  color: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-technical p, html.cs-page-navtatva-multi-tenant-commerce .cs-technical li {
  color: #c6d0de;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-technical ol {
  padding-left: 22px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-technical li {
  margin-bottom: 8px;
  font-size: .82rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-technical .cs-shot figcaption {
  color: #aeb9c8;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-evidence {
  padding: 25px 28px;
  border-left: 4px solid var(--accent);
  border-radius: 9px;
  background: var(--accent-soft);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-evidence p {
  margin-bottom: 0;
  color: #5e6876;
  font-size: .84rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-tech-list {
  border-top: 1px solid #d9dee4;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-tech-row {
  display: grid;
  grid-template-columns: minmax(220px, .8fr) minmax(0, 1.2fr);
  gap: 52px;
  padding: 27px 0;
  border-bottom: 1px solid #d9dee4;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-tech-category {
  display: flex;
  align-items: center;
  gap: 14px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-tech-category span {
  color: var(--accent);
  font-size: .77rem;
  font-weight: 800;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-tech-category h3 {
  margin: 0;
  color: var(--navy);
  font-size: 1rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-tech-items {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-tech-chip {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 9px 13px;
  border-radius: 8px;
  background: #f1f1f1;
  line-height: 1.35;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-tech-chip i {
  color: var(--accent);
  font-size: .88rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-tech-chip strong {
  color: var(--navy);
  font-size: .78rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-tech-chip span {
  color: #47515f;
  font-size: .75rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-before-after {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-before-after article {
  min-width: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-before-after h3 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
  font-size: 1.1rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-before-after h3 span {
  color: var(--accent);
  font-size: .75rem;
  letter-spacing: .09em;
  text-transform: uppercase;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-structure {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 50px;
  align-items: start;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-structure-map {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  padding: 24px;
  border-radius: 15px;
  background: var(--navy);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-structure-map div {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 62px;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 8px;
  color: #d9e1ec;
  font-size: .76rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-structure-map span {
  color: #ff7d93;
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-cta {
  padding: 72px 0;
  border-top: 1px solid #e2e6eb;
  border-bottom: 1px solid #d2d8df;
  background: linear-gradient(115deg, #fff 0%, #f6f7f8 52%, #d9dee4 100%);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-cta-grid {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 50px;
  align-items: center;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-cta h2 {
  max-width: 780px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-cta p {
  max-width: 800px;
  margin-bottom: 0;
  color: #5d6775;
  font-size: .92rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-cta .cs-button {
  background: var(--navy);
  border-color: var(--navy);
  box-shadow: 0 12px 28px rgba(7, 26, 53, .18);
  white-space: nowrap;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-faq {
  max-width: 920px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-faq details {
  border-top: 1px solid #d9dee4;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-faq details:last-child {
  border-bottom: 1px solid #d9dee4;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-faq summary {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 22px 0;
  cursor: pointer;
  font-weight: 700;
  list-style: none;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-faq summary::-webkit-details-marker {
  display: none;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-faq summary i {
  color: var(--accent);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-faq details[open] summary i {
  transform: rotate(45deg);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-faq details p {
  padding: 0 40px 22px 0;
  color: #636d7b;
  font-size: .88rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-note {
  display: flex;
  gap: 12px;
  margin-top: 24px;
  padding: 17px 20px;
  border-radius: 8px;
  background: #f3f5f7;
  color: #626c79;
  font-size: .8rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-note i {
  margin-top: 4px;
  color: var(--accent);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-dark .cs-note {
  border: 1px solid rgba(255,255,255,.13);
  background: rgba(255,255,255,.05);
  color: #d0d8e3;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-transform-list {
  border-top: 1px solid var(--line);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-transform-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 54px minmax(0, 1fr);
  align-items: stretch;
  border-bottom: 1px solid var(--line);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-transform-side {
  padding: 25px 28px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-transform-side small {
  display: block;
  margin-bottom: 6px;
  color: #7a8492;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-transform-side p {
  margin: 0;
  color: #566170;
  font-size: .84rem;
  line-height: 1.65;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-transform-side.cs-response {
  background: linear-gradient(90deg, #fff, #f7f8fa);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-transform-side.cs-response small {
  color: var(--accent);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-transform-arrow {
  display: grid;
  place-items: center;
  position: relative;
  color: var(--accent);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-transform-arrow:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  background: var(--line);
  content: '';
}

html.cs-page-navtatva-multi-tenant-commerce .cs-transform-arrow i {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid #f2a9b6;
  border-radius: 50%;
  background: #fff;
  font-size: .78rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-also-layout {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 38px;
  align-items: center;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-also-visual img {
  border-color: rgba(255, 255, 255, .16);
  box-shadow: 0 22px 52px rgba(0, 0, 0, .24);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-also-visual figcaption {
  color: #b9c3d2;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-also-copy .cs-pill-grid {
  grid-template-columns: repeat(2, 1fr);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-also-copy .cs-pill {
  min-height: 58px;
  border-color: rgba(255, 255, 255, .12);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-feature-tabs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 8px;
  margin-bottom: 34px;
  padding: 7px;
  border: 0;
  border-radius: 14px;
  background: #e3e7ec;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-feature-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 60px;
  padding: 12px 15px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #687280 !important;
  font-size: .78rem;
  font-weight: 750;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-feature-tab i {
  color: var(--accent);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-feature-tab.active, html.cs-page-navtatva-multi-tenant-commerce .cs-feature-tab.cs-active-tab {
  background: #fff !important;
  color: var(--navy) !important;
  box-shadow: 0 7px 20px rgba(8, 27, 54, .1);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-feature-panel {
  display: none;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-feature-panel.active, html.cs-page-navtatva-multi-tenant-commerce .cs-feature-panel.show {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 42px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-feature-panel-intro span {
  color: var(--accent);
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-feature-panel-intro h3 {
  margin: 12px 0 8px;
  font-size: 1.18rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-feature-panel-intro p {
  color: #76808e;
  font-size: .76rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-tab-features {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px 28px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-tab-feature {
  padding-left: 18px;
  border-left: 2px solid var(--accent);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-tab-feature h4 {
  margin-bottom: 6px;
  color: var(--navy);
  font-size: .9rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-tab-feature p {
  margin: 0;
  color: #65707e;
  font-size: .77rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-flip-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-flip-card {
  min-height: 245px;
  outline: none;
  perspective: 1000px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-flip-inner {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 245px;
  transition: transform .58s cubic-bezier(.2,.75,.25,1);
  transform-style: preserve-3d;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-flip-card:hover .cs-flip-inner, html.cs-page-navtatva-multi-tenant-commerce .cs-flip-card:focus .cs-flip-inner, html.cs-page-navtatva-multi-tenant-commerce .cs-flip-card.cs-flipped .cs-flip-inner {
  transform: rotateY(180deg);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-flip-face {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 28px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #fff;
  backface-visibility: hidden;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-flip-front:after {
  position: absolute;
  right: -42px;
  bottom: -42px;
  width: 125px;
  height: 125px;
  border-radius: 50%;
  background: var(--accent-soft);
  content: '';
}

html.cs-page-navtatva-multi-tenant-commerce .cs-flip-front i {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: var(--navy);
  color: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-flip-front h3 {
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: 1.18rem;
  line-height: 1.4;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-flip-front small {
  position: relative;
  z-index: 1;
  color: var(--accent);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-flip-back {
  justify-content: center;
  border-color: var(--navy);
  background: var(--navy);
  color: #fff;
  transform: rotateY(180deg);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-flip-back h3 {
  margin-bottom: 13px;
  color: #fff;
  font-size: 1.08rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-flip-back p {
  margin: 0;
  color: #cdd6e3;
  font-size: .8rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-splitter {
  --split: 50%;
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 22px 55px rgba(8, 27, 54, .14);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-splitter-layer {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-splitter-layer img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-splitter-before {
  z-index: 2;
  width: var(--split);
  border-right: 2px solid #fff;
  box-shadow: 4px 0 14px rgba(8, 27, 54, .18);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-splitter-before img {
  width: calc(100vw - 60px);
  max-width: 1120px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-splitter-label {
  position: absolute;
  z-index: 3;
  top: 16px;
  padding: 8px 11px;
  border-radius: 6px;
  background: rgba(8, 27, 54, .9);
  color: #fff;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-splitter-label.cs-before-label {
  left: 16px;
  background: var(--accent);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-splitter-label.cs-after-label {
  right: 16px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-splitter-handle {
  position: absolute;
  z-index: 4;
  top: 0;
  bottom: 0;
  left: var(--split);
  width: 42px;
  transform: translateX(-50%);
  pointer-events: none;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-splitter-handle:before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 3px solid #fff;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 6px 16px rgba(8, 27, 54, .25);
  color: #fff;
  content: '\2194';
  transform: translate(-50%, -50%);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-splitter-range {
  position: absolute;
  z-index: 5;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: ew-resize;
  opacity: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-splitter-captions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 14px;
  color: #737d8a;
  font-size: .75rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-splitter-captions span:last-child {
  text-align: right;
}

/* Exact Birdi flip-card interaction and visual language. */

html.cs-page-navtatva-multi-tenant-commerce .industry-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

html.cs-page-navtatva-multi-tenant-commerce .industry-flip {
  appearance: none;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  border-radius: 16px;
  background: transparent;
  color: var(--navy);
  font-family: inherit;
  text-align: left;
  perspective: 1200px;
}

html.cs-page-navtatva-multi-tenant-commerce .flip-inner {
  position: relative;
  display: grid;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform .65s cubic-bezier(.22,.61,.36,1);
}

html.cs-page-navtatva-multi-tenant-commerce .industry-flip.is-flipped .flip-inner {
  transform: rotateY(180deg);
}

html.cs-page-navtatva-multi-tenant-commerce .flip-front, html.cs-page-navtatva-multi-tenant-commerce .flip-back {
  grid-area: 1/1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  min-width: 0;
  min-height: 245px;
  padding: 26px;
  border: 1px solid #dce5f0;
  border-radius: 16px;
  backface-visibility: hidden;
}

html.cs-page-navtatva-multi-tenant-commerce .flip-front {
  background: #fff;
  transform: rotateY(0);
}

html.cs-page-navtatva-multi-tenant-commerce .flip-front > i {
  color: var(--accent);
  font-size: 1.75rem;
}

html.cs-page-navtatva-multi-tenant-commerce .flip-front strong {
  color: var(--navy);
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.35;
}

html.cs-page-navtatva-multi-tenant-commerce .flip-hint {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid #e6ecf4;
  color: #6f6f6f;
  font-size: .78rem;
  line-height: 1.4;
}

html.cs-page-navtatva-multi-tenant-commerce .flip-hint i {
  color: var(--accent);
}

html.cs-page-navtatva-multi-tenant-commerce .flip-back {
  border-color: #15233b;
  background: linear-gradient(135deg, #0e1d31, #15233b);
  color: #fff;
  transform: rotateY(180deg);
}

html.cs-page-navtatva-multi-tenant-commerce .flip-back-label {
  color: #ff8299;
  font-size: .75rem;
  font-weight: 700;
}

html.cs-page-navtatva-multi-tenant-commerce .flip-description {
  color: #d1def0;
  font-size: .78rem;
  line-height: 1.7;
}

html.cs-page-navtatva-multi-tenant-commerce .flip-back-hint {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #b8cbe5;
  font-size: .75rem;
}

/* Compact, user-centred section compositions. */

html.cs-page-navtatva-multi-tenant-commerce .cs-need-intro {
  max-width: 860px;
  margin: 0 auto 34px;
  text-align: center;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-need-intro p {
  color: #5f6877;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-need-matrix {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid #d8dde4;
  border-left: 1px solid #d8dde4;
  background: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-need-matrix article {
  position: relative;
  min-height: 118px;
  padding: 24px 22px 20px 58px;
  border-right: 1px solid #d8dde4;
  border-bottom: 1px solid #d8dde4;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-need-matrix span {
  position: absolute;
  top: 25px;
  left: 20px;
  color: var(--accent);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-need-matrix p {
  margin: 0;
  color: #536070;
  font-size: .79rem;
  line-height: 1.55;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-need-boundary {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 24px 0 0;
  color: var(--navy);
  font-size: .82rem;
  font-weight: 700;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-need-boundary i {
  color: var(--accent);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-content-path {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(330px, .95fr);
  gap: 34px;
  align-items: stretch;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-content-path .cs-structure-map {
  grid-template-columns: repeat(2, 1fr);
  height: 100%;
  align-content: center;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-path-panel {
  padding: 30px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-path-panel > p {
  color: #5d6876;
  font-size: .84rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-path-panel h3 {
  margin: 22px 0 10px;
  color: var(--navy);
  font-size: 1rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-path-steps {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: path;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-path-steps li {
  counter-increment: path;
  position: relative;
  padding: 11px 0 11px 42px;
  border-top: 1px solid #e4e8ed;
  color: #596575;
  font-size: .77rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-path-steps li:before {
  position: absolute;
  top: 10px;
  left: 0;
  color: var(--accent);
  content: counter(path, decimal-leading-zero);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-path-scope {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 210px 1fr;
  gap: 28px;
  align-items: center;
  padding: 22px 28px;
  border-left: 3px solid var(--accent);
  background: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-path-scope h3, html.cs-page-navtatva-multi-tenant-commerce .cs-path-scope p {
  margin: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-path-scope h3 {
  color: var(--navy);
  font-size: .94rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-path-scope p {
  color: #606b79;
  font-size: .79rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-transform-list.cs-transform-compact {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-transform-compact .cs-transform-row {
  grid-template-columns: 1fr 38px 1fr;
  min-height: 160px;
  border-right: 1px solid var(--line);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-transform-compact .cs-transform-side {
  padding: 20px 18px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-transform-compact .cs-transform-arrow i {
  width: 28px;
  height: 28px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-overview-layout, html.cs-page-navtatva-multi-tenant-commerce .cs-review-layout, html.cs-page-navtatva-multi-tenant-commerce .cs-feature-board, html.cs-page-navtatva-multi-tenant-commerce .cs-ftp-layout, html.cs-page-navtatva-multi-tenant-commerce .cs-offboarding-layout {
  display: grid;
  gap: 34px;
  align-items: center;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-overview-layout {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-overview-copy {
  max-width: 860px;
  margin: 0 auto 34px;
  color: #5f6877;
  text-align: center;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-mini-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-mini-feature-grid div {
  position: relative;
  min-height: 88px;
  padding: 18px 16px 16px 43px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #fff;
  color: #566170;
  font-size: .75rem;
  line-height: 1.5;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-mini-feature-grid i {
  position: absolute;
  top: 21px;
  left: 17px;
  color: var(--accent);
  font-size: .76rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-review-layout {
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-review-tracks {
  border-top: 1px solid var(--line);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-review-track {
  position: relative;
  padding: 22px 0 22px 52px;
  border-bottom: 1px solid var(--line);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-review-track > span {
  position: absolute;
  top: 25px;
  left: 0;
  color: var(--accent);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-review-track h3 {
  margin-bottom: 8px;
  color: var(--navy);
  font-size: 1rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-review-track p {
  margin: 0;
  color: #5f6877;
  font-size: .78rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-review-summary {
  margin: 18px 0 0;
  color: #4f5b6b;
  font-size: .8rem;
  font-weight: 700;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-offboarding-panel {
  padding: 38px;
  border-radius: 16px;
  background: linear-gradient(135deg, #0d1a2d, #17243b);
  color: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-offboarding-layout {
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-offboarding-panel h2, html.cs-page-navtatva-multi-tenant-commerce .cs-offboarding-panel h3 {
  color: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-offboarding-intro {
  color: #c4cedc;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-offboarding-steps {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: 22px 0 18px;
  padding: 0;
  border-top: 1px solid rgba(255,255,255,.18);
  border-left: 1px solid rgba(255,255,255,.18);
  list-style: none;
  counter-reset: offboard;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-offboarding-steps li {
  counter-increment: offboard;
  position: relative;
  min-height: 112px;
  padding: 20px 16px 16px 48px;
  border-right: 1px solid rgba(255,255,255,.18);
  border-bottom: 1px solid rgba(255,255,255,.18);
  color: #d0d8e4;
  font-size: .75rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-offboarding-steps li:before {
  position: absolute;
  top: 20px;
  left: 16px;
  color: #ff8299;
  content: counter(offboard, decimal-leading-zero);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-offboarding-panel .cs-support {
  color: #b9c4d3;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-offboarding-panel .cs-shot figcaption {
  color: #b9c4d3;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-ftp-shell {
  padding: 40px;
  border-radius: 18px;
  background: linear-gradient(135deg, #0d1a2d, #17243b);
  color: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-ftp-shell .cs-section-header {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-ftp-shell h2 {
  color: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-ftp-shell .cs-section-header p {
  color: #c5cfdd;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-ftp-layout {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-ftp-phases {
  border-top: 1px solid rgba(255,255,255,.2);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-ftp-phase {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 12px;
  padding: 20px 0;
  border-bottom: 1px solid rgba(255,255,255,.2);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-ftp-phase > span {
  color: #ff8299;
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-ftp-phase h3 {
  margin-bottom: 8px;
  color: #fff;
  font-size: .98rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-ftp-phase ol {
  margin: 0;
  padding-left: 18px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-ftp-phase li {
  margin-bottom: 5px;
  color: #c7d1df;
  font-size: .75rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-ftp-shell .cs-workflow-note {
  margin-bottom: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-ftp-shell .cs-shot figcaption {
  color: #b9c4d3;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-feature-board {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-feature-groups {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-feature-group {
  padding: 20px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-feature-group h3 {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 12px;
  color: var(--navy);
  font-size: .88rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-feature-group h3 i {
  color: var(--accent);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-feature-group ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-feature-group li {
  position: relative;
  padding: 6px 0 6px 19px;
  color: #5e6977;
  font-size: .75rem;
  line-height: 1.5;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-feature-group li:before {
  position: absolute;
  left: 0;
  color: var(--accent);
  font-family: FontAwesome;
  content: '\f00c';
}

/* Lightweight layouts requested for the refined case-study sections. */

html.cs-page-navtatva-multi-tenant-commerce .cs-built-visual {
  margin-bottom: 30px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-pointer-grid {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-pointer-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 32px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-pointer-grid li {
  position: relative;
  padding: 15px 0 15px 27px;
  border-bottom: 1px solid var(--line);
  color: #586373;
  font-size: .8rem;
  line-height: 1.55;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-pointer-grid li:before {
  position: absolute;
  top: 18px;
  left: 0;
  color: var(--accent);
  font-family: FontAwesome;
  content: '\f00c';
}

html.cs-page-navtatva-multi-tenant-commerce .cs-use-layout {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: 44px;
  align-items: center;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-use-copy > p {
  margin-bottom: 18px;
  color: #c3cedd;
  font-size: .84rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-icon-points {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-icon-points-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 28px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-icon-points li {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255,255,255,.17);
  color: #e3e9f1;
  font-size: .78rem;
  line-height: 1.55;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-icon-points li i {
  flex: 0 0 auto;
  margin-top: 4px;
  color: var(--accent);
  font-size: .86rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-icon-points-light li {
  border-color: var(--line);
  color: #566170;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-nams-need-intro {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-nams-need-intro > p {
  max-width: 820px;
  margin-right: auto;
  margin-left: auto;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-nams-need-layout {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: 44px;
  align-items: center;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-nams-need-copy > p {
  margin: 0 0 15px;
  color: #4f5b6b;
  font-size: .9rem;
  line-height: 1.75;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-nams-need-points li {
  padding: 10px 0;
  font-size: .82rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-nams-need-points li i {
  color: var(--accent);
  font-size: 1rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-live-layout {
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
  gap: 62px;
  align-items: center;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-live-proof {
  position: relative;
  min-height: 250px;
  padding: 24px 0 24px 94px;
  overflow: hidden;
  border-left: 2px solid var(--accent);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-live-proof > i {
  position: absolute;
  top: 23px;
  left: 27px;
  color: var(--accent);
  font-size: 2.6rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-live-proof > span {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 25px;
  color: var(--navy);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-live-proof > span i {
  color: #28a56b;
  font-size: .75rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-live-proof p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #4f5b6b;
  font-size: .9rem;
  line-height: 1.75;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-live-proof:after {
  position: absolute;
  right: 20px;
  bottom: 16px;
  z-index: 0;
  color: rgba(238,72,101,.3);
  content: 'LIVE';
  font-size: 4.25rem;
  font-weight: 800;
  letter-spacing: -.05em;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
  animation: cs-page-navtatva-multi-tenant-commerce-cs-live-blink 1.6s steps(2, end) infinite;
}

@keyframes cs-page-navtatva-multi-tenant-commerce-cs-live-blink {
  0%, 46% {
    opacity: .22;
  }

  50%, 100% {
    opacity: .68;
  }

}

html.cs-page-navtatva-multi-tenant-commerce .cs-testing-layout {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: 56px;
  align-items: center;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-test-confirmed {
  display: flex;
  align-items: flex-start;
  gap: 18px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-test-confirmed i {
  flex: 0 0 auto;
  margin-top: 3px;
  color: var(--accent);
  font-size: 2.25rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-test-confirmed p {
  margin: 0;
  color: var(--navy);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.55;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-test-boundary {
  padding: 12px 0 12px 30px;
  border-left: 2px solid var(--accent);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-test-boundary span {
  display: block;
  margin-bottom: 8px;
  color: var(--accent);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-test-boundary p {
  margin: 0;
  color: #596574;
  font-size: .82rem;
  line-height: 1.7;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-feature-groups.cs-feature-groups-plain {
  gap: 0 32px;
  border: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-feature-groups-plain .cs-feature-group {
  padding: 20px 0;
  border: 0;
  border-bottom: 1px solid #d5dbe2;
  background: transparent;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-line-points {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 34px;
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-line-points li {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  padding: 17px 0;
  border-bottom: 1px solid #d5dbe2;
  color: #536070;
  font-size: .8rem;
  line-height: 1.55;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-line-points i {
  flex: 0 0 22px;
  margin-top: 4px;
  color: var(--accent);
  font-size: .92rem;
  text-align: center;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-flip-clean .flip-front {
  justify-content: flex-start;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-flip-clean .flip-front strong {
  margin-top: auto;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-flip-clean .flip-back {
  justify-content: flex-start;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-flip-clean .flip-description {
  margin: auto 0;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-build-layout {
  align-items: center;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-ftp-full {
  color: #fff;
  background: linear-gradient(135deg, #0d1a2d, #17243b);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-ftp-full .cs-section-header p {
  color: #c5cfdd;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-ftp-full .cs-shot figcaption {
  color: #b9c4d3;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-offboarding-full {
  color: #fff;
  background: linear-gradient(135deg, #0d1a2d, #17243b);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-offboarding-full .cs-section-header p, html.cs-page-navtatva-multi-tenant-commerce .cs-offboarding-full .cs-support {
  color: #c4cedc;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-offboarding-full .cs-shot figcaption {
  color: #b9c4d3;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-offboarding-full .cs-offboarding-steps {
  display: block;
  margin: 0 0 18px;
  border: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-offboarding-full .cs-offboarding-steps li {
  min-height: 0;
  padding: 15px 0 15px 42px;
  border: 0;
  border-top: 1px solid rgba(255,255,255,.18);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-offboarding-full .cs-offboarding-steps li:before {
  top: 16px;
  left: 0;
}

@media (max-width: 991px) {
  html.cs-page-navtatva-multi-tenant-commerce .cs-hero-copy, html.cs-page-navtatva-multi-tenant-commerce .cs-hero-visual {
    padding-right: 15px;
    padding-left: 15px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-hero-visual {
    margin-top: 34px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-hero-highlights {
    grid-template-columns: repeat(2, 1fr);
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-project-grid, html.cs-page-navtatva-multi-tenant-commerce .cs-grid-2, html.cs-page-navtatva-multi-tenant-commerce .cs-structure, html.cs-page-navtatva-multi-tenant-commerce .cs-cta-grid {
    grid-template-columns: 1fr;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-project-title {
    padding: 0 0 28px;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .18);
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-feature-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-value-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-number-flow {
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-number-flow li:nth-child(5n):after {
    display: block;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-number-flow li:nth-child(2n):after {
    display: none;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-workflow-layout {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 36px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-tech-row {
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 28px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-also-layout, html.cs-page-navtatva-multi-tenant-commerce .cs-overview-layout, html.cs-page-navtatva-multi-tenant-commerce .cs-review-layout, html.cs-page-navtatva-multi-tenant-commerce .cs-feature-board, html.cs-page-navtatva-multi-tenant-commerce .cs-ftp-layout, html.cs-page-navtatva-multi-tenant-commerce .cs-offboarding-layout, html.cs-page-navtatva-multi-tenant-commerce .cs-content-path, html.cs-page-navtatva-multi-tenant-commerce .cs-use-layout, html.cs-page-navtatva-multi-tenant-commerce .cs-live-layout, html.cs-page-navtatva-multi-tenant-commerce .cs-testing-layout, html.cs-page-navtatva-multi-tenant-commerce .cs-nams-need-layout {
    grid-template-columns: 1fr;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-flip-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-feature-panel.active, html.cs-page-navtatva-multi-tenant-commerce .cs-feature-panel.show {
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 30px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-path-scope {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-pointer-grid-3, html.cs-page-navtatva-multi-tenant-commerce .cs-line-points {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}

@media (max-width: 767px) {
  html.cs-page-navtatva-multi-tenant-commerce .cs-shell {
    padding-left: 20px;
    padding-right: 20px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-section, html.cs-page-navtatva-multi-tenant-commerce .cs-workflow {
    padding: 62px 0;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-hero {
    padding: 48px 0 36px;
    padding-top:80px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-hero h1 {
    font-size: 2.45rem;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-section h2 {
    font-size: 2.08rem;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-actions {
    display: grid;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-button {
    width: 100%;
    text-align: center;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-hero-meta {
    align-items: flex-start;
    flex-direction: column;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-hero-highlights, html.cs-page-navtatva-multi-tenant-commerce .cs-facts, html.cs-page-navtatva-multi-tenant-commerce .cs-pill-grid, html.cs-page-navtatva-multi-tenant-commerce .cs-scope, html.cs-page-navtatva-multi-tenant-commerce .cs-feature-grid, html.cs-page-navtatva-multi-tenant-commerce .cs-value-grid, html.cs-page-navtatva-multi-tenant-commerce .cs-role-grid, html.cs-page-navtatva-multi-tenant-commerce .cs-compare-cards, html.cs-page-navtatva-multi-tenant-commerce .cs-before-after, html.cs-page-navtatva-multi-tenant-commerce .cs-structure-map {
    grid-template-columns: 1fr;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-compare-head {
    display: none;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-compare-row {
    grid-template-columns: 1fr;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-compare-row > div {
    border-right: 0 !important;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-compare-row > div:first-child:before {
    display: block;
    margin-bottom: 5px;
    color: var(--accent);
    content: 'Before';
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-compare-row > div:last-child:before {
    display: block;
    margin-bottom: 5px;
    color: var(--accent);
    content: 'Response';
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-workflow-layout {
    grid-template-columns: 1fr;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-workflow-sticky {
    position: relative;
    top: auto;
    contain: none;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-workflow-stage {
    height: auto;
    min-height: 300px;
    display: none;
  }
html.cs-page-navtatva-multi-tenant-commerce .cs-qa-snapshot
{
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
  html.cs-page-navtatva-multi-tenant-commerce .cs-workflow-timeline {
    margin-top: 22px;
    padding-left: 27px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-workflow-step {
    min-height: 0;
    padding-bottom: 43px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-workflow-step:before {
    left: -33px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-number-flow {
    grid-template-columns: 1fr;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-number-flow li {
    min-height: 0;
    padding: 48px 8px 28px 58px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-number-flow li:before {
    top: 40px;
    left: 8px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-number-flow li:after {
    display: none !important;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-tech-row {
    grid-template-columns: 1fr;
    gap: 17px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-tech-items {
    align-items: stretch;
    flex-direction: column;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-tech-chip {
    width: 100%;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-shot figcaption {
    font-size: .75rem;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-transform-row {
    grid-template-columns: 1fr;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-transform-side {
    padding: 21px 20px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-transform-arrow {
    min-height: 38px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-transform-arrow:before {
    top: 50%;
    right: 0;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 1px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-transform-arrow i {
    transform: rotate(90deg);
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-also-copy .cs-pill-grid, html.cs-page-navtatva-multi-tenant-commerce .cs-feature-tabs, html.cs-page-navtatva-multi-tenant-commerce .cs-tab-features, html.cs-page-navtatva-multi-tenant-commerce .cs-flip-grid, html.cs-page-navtatva-multi-tenant-commerce .industry-grid, html.cs-page-navtatva-multi-tenant-commerce .cs-need-matrix, html.cs-page-navtatva-multi-tenant-commerce .cs-mini-feature-grid, html.cs-page-navtatva-multi-tenant-commerce .cs-feature-groups, html.cs-page-navtatva-multi-tenant-commerce .cs-offboarding-steps, html.cs-page-navtatva-multi-tenant-commerce .cs-transform-list.cs-transform-compact {
    grid-template-columns: 1fr;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-feature-tab {
    justify-content: flex-start;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-feature-panel.active, html.cs-page-navtatva-multi-tenant-commerce .cs-feature-panel.show {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-flip-card, html.cs-page-navtatva-multi-tenant-commerce .cs-flip-inner {
    min-height: 225px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-splitter {
    aspect-ratio: 4 / 3;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-splitter-before img {
    width: calc(100vw - 40px);
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-splitter-label {
    top: 10px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-splitter-label.cs-before-label {
    left: 10px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-splitter-label.cs-after-label {
    right: 10px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-transform-compact .cs-transform-row {
    min-height: 0;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-transform-list.cs-transform-compact .cs-transform-row {
    grid-template-columns: 1fr;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-content-path .cs-structure-map {
    grid-template-columns: 1fr;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-offboarding-panel, html.cs-page-navtatva-multi-tenant-commerce .cs-ftp-shell {
    padding: 26px 20px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-pointer-grid-3, html.cs-page-navtatva-multi-tenant-commerce .cs-icon-points-2, html.cs-page-navtatva-multi-tenant-commerce .cs-line-points {
    grid-template-columns: 1fr;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-live-proof {
    min-height: 0;
    padding: 20px 0 20px 65px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-live-proof > i {
    left: 15px;
    font-size: 2rem;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-live-proof:after {
    right: 12px;
    bottom: 14px;
    font-size: 3.25rem;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-testing-layout {
    gap: 30px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-test-boundary {
    padding-left: 20px;
  }

}

@media (max-height: 650px) {
  html.cs-page-navtatva-multi-tenant-commerce .cs-workflow-sticky {
    position: relative;
    top: auto;
    contain: none;
  }

}

@media (prefers-reduced-motion: reduce) {
  html.cs-page-navtatva-multi-tenant-commerce {
    scroll-behavior: auto;
  }

  html.cs-page-navtatva-multi-tenant-commerce * {
    transition: none !important;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-live-proof:after {
    animation: none;
    opacity: .48;
  }

}

/* Scroll-controlled problem and response presentation. */

html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-section {
  padding: 76px 0 0;
  background: #f1f1f1;
}

html.cs-page-navtatva-multi-tenant-commerce #nams-problems {
  background: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-mobile {
  display: none;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-story {
  position: relative;
  height: 370vh;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-stage {
  position: sticky;
  top: 18px;
  display: flex;
  flex-direction: column;
  padding-bottom: 28px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-heading {
  margin: 0 auto 22px;
  text-align: center;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-heading h2, html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-mobile-heading h2 {
  margin: 10px 0 12px;
  color: var(--navy);
  font-size: 2.25rem;
  line-height: 1.18;
  letter-spacing: -.035em;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-heading h2 em, html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-mobile-heading h2 em {
  color: var(--accent);
  font-style: normal;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-heading > p, html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-mobile-heading > p {
  max-width: 720px;
  margin: 0 auto;
  color: #626c79;
  font-size: .82rem;
  line-height: 1.7;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: min(100%, 940px);
  margin: 0 auto 16px;
  color: #6b7481;
  font-size: .78rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-nav-actions {
  display: flex;
  align-items: center;
  gap: 9px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-count {
  margin-right: 5px;
  color: var(--navy);
  font-size: .86rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-count span {
  color: #89919c;
  font-size: .75rem;
  font-weight: 500;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-nav-actions button {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid #d7dde5;
  border-radius: 50%;
  background: #fff;
  color: var(--navy);
  cursor: pointer;
  transition: color .2s, border-color .2s, transform .2s;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-nav-actions button:hover:not(:disabled) {
  border-color: var(--accent);
  color: var(--accent);
  transform: translateY(-1px);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-nav-actions button:disabled {
  cursor: default;
  opacity: .35;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-nav-actions button:focus-visible, html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-segments button:focus-visible {
  outline: 3px solid rgba(238,72,101,.3);
  outline-offset: 3px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-focus {
  width: min(100%, 940px);
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid #dbe1e9;
  border-radius: 15px;
  background: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-focus > header {
  padding: 15px 23px 17px;
  border-bottom: 3px solid var(--accent);
  background: linear-gradient(135deg, #0e1d31, #18233a);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-focus > header h3 {
  margin: 0;
  color: #fff;
  font-size: 1.15rem;
  font-weight: 600;
  line-height: 1.3;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-focus-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 150px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-problem, html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-response {
  padding: 23px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-response {
  border-left: 1px solid #e0e5ec;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-focus-pair h4 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 11px;
  font-size: 1.4rem;
  line-height: 1.35;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-problem h4 {
  color: #c83232;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-response h4 {
  color: #16864b;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-focus-pair p {
  margin: 0;
  color: #536070;
  font-size: .8rem;
  line-height: 1.7;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-segments {
  display: flex;
  gap: 7px;
  width: min(100%, 940px);
  margin: 13px auto 0;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-segments button {
  flex: 1;
  height: 22px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-segments button span {
  display: block;
  width: 100%;
  height: 3px;
  background: #d5dce5;
  transition: background .2s;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-segments button.is-active span {
  background: var(--accent);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-segments button:hover span {
  background: var(--navy);
}

@media (max-width: 899px), (max-height: 650px) {
  html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-section {
    padding: 62px 0;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-story {
    display: none;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-mobile {
    display: block;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-mobile-heading {
    margin-bottom: 24px;
    text-align: center;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-mobile-hint {
    margin: 0 0 15px;
    color: #626c79;
    font-size: .78rem;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-disclosures {
    display: grid;
    gap: 10px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-disclosure {
    overflow: hidden;
    border: 1px solid #dbe1e9;
    border-radius: 13px;
    background: #fff;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-disclosure summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 17px 19px;
    color: var(--navy);
    font-size: .9rem;
    font-weight: 600;
    line-height: 1.4;
    list-style: none;
    cursor: pointer;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-disclosure summary::-webkit-details-marker {
    display: none;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-disclosure summary i {
    flex: 0 0 auto;
    color: var(--accent);
    transition: transform .2s;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-disclosure[open] summary {
    background: var(--navy);
    color: #fff;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-disclosure[open] summary i {
    color: #ff8299;
    transform: rotate(180deg);
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-disclosure-body {
    padding: 19px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-disclosure-body > div + div {
    margin-top: 17px;
    padding-top: 17px;
    border-top: 1px solid #e0e5ec;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-disclosure h3 {
    margin: 0 0 7px;
    color: #c83232;
    font-size: .8rem;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-disclosure .cs-challenge-mobile-response h3 {
    color: #16864b;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-disclosure p {
    margin: 0;
    color: #536070;
    font-size: .8rem;
    line-height: 1.65;
  }

}

/* Shared additions for the Excel automation and multi-tenant commerce case studies. */

html.cs-page-navtatva-multi-tenant-commerce .cs-build-layout {
  align-items: center;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-compact-list {
  margin: 22px 0;
  padding: 0;
  list-style: none;
  counter-reset: built;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-compact-list li {
  counter-increment: built;
  position: relative;
  padding: 10px 0 10px 42px;
  border-top: 1px solid var(--line);
  color: #596474;
  font-size: .82rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-compact-list li:before {
  position: absolute;
  left: 0;
  color: var(--accent);
  content: counter(built, decimal-leading-zero);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-workflow-figure {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  margin: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-workflow-figure .cs-workflow-screen {
  flex: 1 1 auto;
  width: 100%;
  height: auto;
  min-height: 0;
  object-fit: contain;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-workflow-figure figcaption {
  flex: 0 0 auto;
  padding: 10px 2px 0;
  color: #687487;
  font-size: .75rem;
  line-height: 1.45;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-validation-shot {
  max-width: 920px;
  margin-right: auto;
  margin-left: auto;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-control-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-top: 40px;
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-control-grid article {
  padding: 26px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-control-grid article > i {
  margin-bottom: 18px;
  color: var(--accent);
  font-size: 1.55rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-control-grid h3 {
  font-size: 1rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-control-grid p, html.cs-page-navtatva-multi-tenant-commerce .cs-control-grid li {
  color: #5f6977;
  font-size: .78rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-control-grid ul {
  margin: 0;
  padding-left: 18px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-pointer-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 22px;
  margin: 0 0 22px;
  padding: 0;
  list-style: none;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-pointer-list li {
  position: relative;
  padding: 7px 0 7px 22px;
  color: #596474;
  font-size: .8rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-pointer-list li:before {
  position: absolute;
  left: 0;
  color: var(--accent);
  font-family: FontAwesome;
  content: '\f00c';
}

html.cs-page-navtatva-multi-tenant-commerce .cs-time-compare {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  margin: 26px 0;
  padding: 22px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-time-compare div {
  display: flex;
  flex-direction: column;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-time-compare strong {
  color: var(--navy);
  font-size: 1.25rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-time-compare span {
  color: #6c7684;
  font-size: .75rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-time-compare > i {
  color: var(--accent);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-reading-copy {
  max-width: 1200px;
  margin: 0 auto;
  color: #596474;
  text-align: center;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-reading-copy + .cs-note {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-related {
  border-top: 1px solid var(--line);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-tab-feature small {
  display: block;
  margin-bottom: 7px;
  color: var(--accent);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-hero-in-progress {
  background: linear-gradient(145deg, #fff 62%, #f1f1f1);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-status-notice {
  display: flex;
  gap: 14px;
  margin-top: 42px;
  padding: 20px 22px;
  border-left: 3px solid var(--accent);
  background: #eef1f4;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-status-notice i {
  margin-top: 5px;
  color: var(--accent);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-status-notice p {
  margin: 0;
  color: #4f5b6a;
  font-size: .82rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-architecture-visual {
  position: relative;
  min-height: 410px;
  padding: 34px;
  overflow: hidden;
  border-radius: 20px;
  background: linear-gradient(135deg, #0c192c, #1a2b46);
  box-shadow: 0 24px 55px rgba(8,27,54,.18);
  color: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-architecture-label {
  color: #ff8197;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-architecture-core {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 155px;
  height: 155px;
  margin: 46px auto 34px;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 50%;
  background: rgba(255,255,255,.08);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-architecture-core i {
  margin-bottom: 8px;
  color: var(--accent);
  font-size: 1.7rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-architecture-core small {
  color: #b8c6d9;
  font-size: .75rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-architecture-flow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-architecture-flow span {
  color: #fff;
  font-size: .75rem;
  font-weight: 700;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-architecture-flow i {
  color: var(--accent);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-architecture-visual > p {
  margin: 28px 0 0;
  color: #bcc9da;
  font-size: .78rem;
  text-align: center;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-role-lines {
  border-top: 1px solid var(--line);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-role-lines article {
  display: grid;
  grid-template-columns: 145px 1fr;
  gap: 20px;
  padding: 17px 0;
  border-bottom: 1px solid var(--line);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-role-lines strong {
  color: var(--navy);
  font-size: .84rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-role-lines p {
  margin: 0;
  font-size: .76rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-validation-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0;
  border-top: 1px solid #d7dde4;
  border-left: 1px solid #d7dde4;
  list-style: none;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-validation-list li {
  position: relative;
  min-height: 78px;
  padding: 18px 16px 16px 39px;
  border-right: 1px solid #d7dde4;
  border-bottom: 1px solid #d7dde4;
  background: #fff;
  color: #5c6674;
  font-size: .75rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-validation-list li:before {
  position: absolute;
  top: 21px;
  left: 16px;
  color: var(--accent);
  font-family: FontAwesome;
  content: '\f017';
}

html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-flow {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 54px;
  align-items: start;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-flow .cs-copy p {
  color: #c4cedc;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-layout {
  display: grid;
  grid-template-columns: minmax(360px, .82fr) minmax(0, 1.18fr);
  gap: 56px;
  align-items: start;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-board {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(8,27,54,.09);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-board > div {
  display: flex;
  flex-direction: column;
  padding: 27px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-board > div:nth-child(2n) {
  border-right: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-board strong {
  color: var(--navy);
  font-size: 1.7rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-board span {
  color: #697483;
  font-size: .75rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-board p {
  grid-column: 1 / -1;
  margin: 0;
  padding: 24px 27px;
  color: #566170;
  font-size: .8rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-boundary-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-boundary-list li {
  position: relative;
  padding: 8px 0 8px 23px;
  border-bottom: 1px solid var(--line);
  color: #586373;
  font-size: .78rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-boundary-list li:before {
  position: absolute;
  left: 0;
  color: var(--accent);
  font-family: FontAwesome;
  content: '\f05e';
}

html.cs-page-navtatva-multi-tenant-commerce .cs-user-journey {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-user-journey article {
  position: relative;
  min-height: 235px;
  padding: 25px 21px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-user-journey span {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #9aa3ae;
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-user-journey i {
  margin-bottom: 45px;
  color: var(--accent);
  font-size: 1.45rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-user-journey h3 {
  font-size: .95rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-user-journey p {
  margin: 0;
  color: #5e6876;
  font-size: .75rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-evidence-boundary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 54px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-evidence-boundary > div {
  padding-top: 24px;
  border-top: 2px solid var(--accent);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-evidence-boundary h3 {
  display: flex;
  gap: 12px;
  font-size: 1rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-evidence-boundary h3 i {
  color: var(--accent);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-evidence-boundary p, html.cs-page-navtatva-multi-tenant-commerce .cs-evidence-boundary li {
  color: #c5cfdd;
  font-size: .8rem;
}

@media (max-width: 991px) {
  html.cs-page-navtatva-multi-tenant-commerce .cs-control-grid {
    grid-template-columns: 1fr;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-validation-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-user-journey {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-challenge-flow, html.cs-page-navtatva-multi-tenant-commerce .cs-qa-layout {
    grid-template-columns: 1fr;
  }

}

@media (max-width: 767px) {
  html.cs-page-navtatva-multi-tenant-commerce .cs-compact-list li, html.cs-page-navtatva-multi-tenant-commerce .cs-pointer-list li {
    font-size: .78rem;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-pointer-list, html.cs-page-navtatva-multi-tenant-commerce .cs-validation-list, html.cs-page-navtatva-multi-tenant-commerce .cs-user-journey, html.cs-page-navtatva-multi-tenant-commerce .cs-evidence-boundary {
    grid-template-columns: 1fr;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-time-compare {
    grid-template-columns: 1fr;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-time-compare > i {
    transform: rotate(90deg);
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-role-lines article {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-architecture-visual {
    min-height: 350px;
    padding: 25px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-architecture-flow {
    flex-wrap: wrap;
    justify-content: center;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-status-notice {
    margin-top: 28px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-qa-layout {
    grid-template-columns: 1fr;
  }

}

@media (max-width: 420px) {
  html.cs-page-navtatva-multi-tenant-commerce .cs-shell {
    padding-right: 20px;
    padding-left: 20px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-hero h1 {
    font-size: 2.1rem;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-qa-board {
    grid-template-columns: 1fr;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-qa-board > div {
    border-right: 0;
  }

}

/* Revision: lighter sections, aligned project facts, and isolated interactive states. */

html.cs-page-navtatva-multi-tenant-commerce .cs-project-grid {
  grid-template-columns: minmax(300px, .82fr) minmax(0, 1.58fr);
  align-items: stretch;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-project-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-facts {
  align-content: center;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-facts > div {
  min-width: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-facts dt, html.cs-page-navtatva-multi-tenant-commerce .cs-facts dd {
  margin: 0;
  padding: 0;
  text-align: left;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-facts dd {
  margin-top: 3px;
  overflow-wrap: anywhere;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-nav-hero-showcase {
  position: relative;
  width: 100%;
  padding: 10px 0 86px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-nav-hero-screen {
  margin: 0;
  overflow: hidden;
  border: 5px solid #fff;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 22px 48px rgba(8, 27, 54, .18);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-nav-hero-screen img {
  display: block;
  width: 100%;
  height: auto;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-nav-hero-storefront {
  width: 88%;
  margin-left: auto;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-nav-hero-admin {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 74%;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-need-matrix {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 34px;
  border: 0;
  background: transparent;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-need-matrix article {
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-need-matrix span {
  position: static;
  display: block;
  margin-bottom: 18px;
  color: var(--accent);
  font-size: clamp(2.5rem, 4vw, 4rem);
  font-weight: 700;
  letter-spacing: -.06em;
  line-height: 1;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-need-matrix h3 {
  min-height: 52px;
  margin-bottom: 11px;
  color: var(--navy);
  font-size: .95rem;
  line-height: 1.45;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-need-matrix p {
  font-size: .78rem;
  line-height: 1.65;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-built-section .cs-section-header {
  max-width: 860px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-built-section .cs-compact-list {
  margin: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-full-width-conclusion {
  margin: 34px 0 0;
  padding: 24px 0 0;
  border-top: 2px solid var(--accent);
  color: var(--navy);
  font-size: 1rem;
  font-weight: 650;
  text-align: center;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-validation-layout {
  display: grid;
  grid-template-columns: minmax(230px, 1fr) minmax(0, 3fr);
  gap: 46px;
  align-items: center;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-validation-points {
  border-top: 1px solid #cfd6df;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-validation-points article {
  display: grid;
  grid-template-columns: 30px 1fr;
  gap: 13px;
  padding: 20px 0;
  border-bottom: 1px solid #cfd6df;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-validation-points article > i {
  margin-top: 4px;
  color: var(--accent);
  font-size: 1.1rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-validation-points h3 {
  margin-bottom: 8px;
  color: var(--navy);
  font-size: .92rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-validation-points p, html.cs-page-navtatva-multi-tenant-commerce .cs-validation-points li {
  color: #586373;
  font-size: .75rem;
  line-height: 1.65;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-validation-points p {
  margin: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-validation-points ul {
  margin: 0;
  padding-left: 18px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-validation-image {
  width: 100%;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-results-section {
  background: linear-gradient(120deg, #ffffff 0%, #f6f7f9 58%, #e2e6eb 100%);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-reported-time {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 32px;
  align-items: center;
  margin-bottom: 48px;
  padding: 31px 0;
  border-top: 1px solid #cfd6df;
  border-bottom: 1px solid #cfd6df;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-reported-time div {
  display: flex;
  flex-direction: column;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-reported-time div:last-child {
  text-align: right;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-reported-time span {
  color: #697482;
  font-size: .78rem;
  font-weight: 650;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-reported-time strong {
  color: var(--navy);
  font-size: clamp(1.65rem, 3vw, 2.65rem);
  line-height: 1.25;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-reported-time i {
  color: var(--accent);
  font-size: 1.5rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-results-layout {
  align-items: center;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-results-layout h3 {
  margin-bottom: 16px;
  color: var(--navy);
  font-size: 1.1rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-results-points {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 28px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-results-points li {
  font-size: .78rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-reported-statement {
  max-width: 900px;
  margin: 34px auto 0;
  color: #4f5b6a;
  font-size: .86rem;
  text-align: center;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-results-section .cs-note {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-feature-panel {
  display: none !important;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-feature-panel.active {
  display: grid !important;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-cta .cs-button.cs-outline {
  border-color: #aeb7c3;
  background: #fff;
  color: var(--navy);
  box-shadow: none;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-cta .cs-button.cs-outline:hover {
  border-color: var(--accent);
  background: #f1f1f1;
  color: var(--navy);
}

html.cs-page-navtatva-multi-tenant-commerce .related-section {
  padding: clamp(48px, 6vw, 72px) 0;
  background: #101d30;
  color: #f7f9fc;
}

html.cs-page-navtatva-multi-tenant-commerce .related-heading {
  max-width: 720px;
  margin-bottom: 28px;
}

html.cs-page-navtatva-multi-tenant-commerce .related-heading h2 {
  margin: 0;
  color: #f7f9fc;
  font-size: clamp(28px, 3vw, 38px);
  line-height: 1.25;
}

html.cs-page-navtatva-multi-tenant-commerce .related-heading h2 span {
  color: #ff8299;
}

html.cs-page-navtatva-multi-tenant-commerce .related-switcher {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 24px;
}

html.cs-page-navtatva-multi-tenant-commerce .related-switcher button {
  min-width: 44px;
  min-height: 44px;
  padding: 10px 16px;
  border: 1px solid #4b596e;
  border-radius: 8px;
  background: transparent;
  color: #f7f9fc;
  font: inherit;
  font-size: 1rem;
  line-height: 1.4;
}

html.cs-page-navtatva-multi-tenant-commerce .related-switcher button[aria-pressed="true"] {
  border-color: #f7f9fc;
  background: #f7f9fc;
  color: #101d30;
}

html.cs-page-navtatva-multi-tenant-commerce .related-all-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  margin-left: auto;
  color: #f7f9fc;
  font-size: 1rem;
  line-height: 1.4;
}

html.cs-page-navtatva-multi-tenant-commerce .related-all-link:hover {
  color: #ff8299;
}

html.cs-page-navtatva-multi-tenant-commerce .related-all-link:focus-visible {
  outline: 3px solid #ff8299;
  outline-offset: 4px;
}

html.cs-page-navtatva-multi-tenant-commerce .related-card {
  min-width: 0;
  padding: 32px;
  border: 1px solid #39475b;
  border-radius: 18px;
  background: #16253a;
}

html.cs-page-navtatva-multi-tenant-commerce .related-card-tag {
  margin: 0 0 12px;
  color: #ff8299;
  font-size: 1rem;
  line-height: 1.5;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-related-template .related-card h3 {
  margin: 0 0 24px;
  color: #f7f9fc;
  font-size: clamp(1.5rem, 2.7vw, 2rem);
  line-height: 1.3;
}

html.cs-page-navtatva-multi-tenant-commerce .related-card h4 {
  margin: 0 0 10px;
  color: #f7f9fc;
  font-size: 1.0625rem;
  font-weight: 600;
  line-height: 1.4;
}

html.cs-page-navtatva-multi-tenant-commerce .related-card p {
  overflow-wrap: anywhere;
  font-size: 1rem;
  line-height: 1.75;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-related-template .related-result {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 28px;
  margin-top: 28px;
  padding: 24px 0 0;
  border-top: 1px solid #3d4b60;
}

html.cs-page-navtatva-multi-tenant-commerce .related-result p {
  max-width: 780px;
  margin: 0;
  color: #bdcbe0;
}

html.cs-page-navtatva-multi-tenant-commerce .related-result a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 2px solid #ff8299;
  color: #f7f9fc;
  font-size: 1rem;
  font-weight: 600;
  white-space: nowrap;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-flip-clean .flip-front, html.cs-page-navtatva-multi-tenant-commerce .cs-flip-clean .flip-back {
  min-height: 205px;
  padding: 22px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-flip-clean .flip-front > i {
  font-size: 1.4rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-fynd-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr);
  gap: 54px;
  align-items: center;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-fynd-records {
  position: relative;
  padding-left: 34px;
  border-left: 2px solid var(--accent);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-fynd-label, html.cs-page-navtatva-multi-tenant-commerce .cs-system-handoff span, html.cs-page-navtatva-multi-tenant-commerce .cs-built-now-context > span {
  display: block;
  margin-bottom: 16px;
  color: var(--accent);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-fynd-records ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 22px;
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-fynd-records li {
  position: relative;
  padding: 9px 0 9px 22px;
  border-bottom: 1px solid #d7dde4;
  color: #556171;
  font-size: .78rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-fynd-records li:before {
  position: absolute;
  left: 0;
  color: var(--accent);
  font-family: FontAwesome;
  content: '\f00c';
}

html.cs-page-navtatva-multi-tenant-commerce .cs-system-handoff {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 34px;
  align-items: center;
  margin-top: 48px;
  padding: 30px 0;
  border-top: 1px solid #cfd6df;
  border-bottom: 1px solid #cfd6df;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-system-handoff > i {
  color: var(--accent);
  font-size: 1.45rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-system-handoff p, html.cs-page-navtatva-multi-tenant-commerce .cs-system-handoff li {
  font-size: .78rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-built-now-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
  gap: 58px;
  align-items: start;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-built-now-layout ol {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 28px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: built-now;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-built-now-layout li {
  counter-increment: built-now;
  position: relative;
  padding: 16px 0 16px 42px;
  border-bottom: 1px solid var(--line);
  color: #566170;
  font-size: .9rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-built-now-layout li:before {
  position: absolute;
  left: 0;
  color: var(--accent);
  content: counter(built-now, decimal-leading-zero);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-built-now-context {
  padding-left: 30px;
  border-left: 2px solid var(--accent);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-built-now-context p {
  color: #556170;
  font-size: .82rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-built-now-boundary {
  display: flex;
  gap: 12px;
  margin: 24px 0 0;
  padding-top: 24px;
  border-top: 1px solid var(--line);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-built-now-boundary i {
  flex: 0 0 auto;
  margin-top: 5px;
  color: var(--accent);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-validation-list {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  border: 0;
  background: transparent;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-validation-list li {
  min-height: 0;
  padding: 10px 17px 10px 40px;
  border: 1px solid #cbd3dd;
  border-radius: 999px;
  background: transparent;
  font-size: .75rem;
  line-height: 1.4;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-validation-list li:before {
  top: 12px;
  left: 17px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-validation-icons li {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-validation-icons li:before {
  display: none;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-validation-icons li > i {
  flex: 0 0 18px;
  width: 18px;
  color: var(--accent);
  font-size: .9rem;
  text-align: center;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-section {
  color: var(--ink);
  background: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-section h2, html.cs-page-navtatva-multi-tenant-commerce .cs-qa-section h3 {
  color: var(--navy);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-section .cs-section-header p {
  color: var(--muted);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-snapshot {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-snapshot > div {
  display: flex;
  flex-direction: column;
  padding: 28px 24px;
  border-right: 1px solid var(--line);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-snapshot > div:last-child {
  border-right: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-snapshot span {
  color: #6b7583;
  font-size: .76rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-snapshot strong {
  color: var(--navy);
  font-size: clamp(1.75rem, 3vw, 2.8rem);
  line-height: 1.25;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-snapshot > div:nth-child(3) strong, html.cs-page-navtatva-multi-tenant-commerce .cs-qa-snapshot > div:nth-child(4) strong {
  color: var(--accent);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-verdict {
  margin: 24px 0 46px;
  padding-left: 20px;
  border-left: 3px solid var(--accent);
  color: #566170;
  font-size: .84rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-details {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 36px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-details article {
  padding-top: 22px;
  border-top: 1px solid var(--line);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-details article > span {
  color: var(--accent);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-details h3 {
  margin: 10px 0 13px;
  font-size: 1rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-details p, html.cs-page-navtatva-multi-tenant-commerce .cs-qa-details li {
  color: #5d6876;
  font-size: .78rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-section .cs-boundary-list li {
  border-color: var(--line);
  color: #5d6876;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-explorer {
  display: grid;
  grid-template-columns: minmax(250px, .72fr) minmax(0, 1.28fr);
  gap: 44px;
  align-items: start;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-rail {
  display: grid;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-tab {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 15px;
  align-items: center;
  width: 100%;
  padding: 18px 0;
  border: 0;
  border-bottom: 1px solid var(--line);
  background: transparent;
  color: #707a87;
  font: inherit;
  text-align: left;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-tab:first-child {
  border-top: 1px solid var(--line);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-tab-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #f1f1f1;
  color: var(--accent);
  transition: background .2s ease, color .2s ease, transform .2s ease;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-tab small, html.cs-page-navtatva-multi-tenant-commerce .cs-qa-tab strong {
  display: block;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-tab small {
  margin-bottom: 3px;
  color: var(--accent);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-tab strong {
  color: #687280;
  font-size: .82rem;
  line-height: 1.45;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-tab.is-active .cs-qa-tab-icon {
  background: var(--navy);
  color: #fff;
  transform: translateX(5px);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-tab.is-active strong {
  color: var(--navy);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-tab:focus-visible {
  outline: 3px solid rgba(238, 72, 101, .35);
  outline-offset: 4px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-panels {
  overflow: hidden;
  border-radius: 20px;
  background: linear-gradient(145deg, #0f1d31, #26314a);
  box-shadow: 0 24px 52px rgba(8, 27, 54, .16);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-panel {
  display: none;
  padding: 38px 40px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-panel.is-active {
  display: block;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-panel > span {
  display: block;
  margin-bottom: 10px;
  color: #ff8299;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-panel h3 {
  margin-bottom: 16px;
  color: #fff;
  font-size: 1.35rem;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-panel p, html.cs-page-navtatva-multi-tenant-commerce .cs-qa-panel li {
  color: #c7d1df;
  font-size: .82rem;
  line-height: 1.75;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-panel p {
  margin: 0;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-panel .cs-boundary-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 26px;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-qa-panel .cs-boundary-list li {
  border-color: rgba(255, 255, 255, .14);
  color: #c7d1df;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-nav-cta {
  background: linear-gradient(115deg, #fff 0%, #f1f1f1 58%, #d9dee4 100%);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-nav-cta .cs-cta-grid {
  grid-template-columns: minmax(0, 1.08fr) minmax(350px, .92fr);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-nav-cta-actions {
  display: grid;
  gap: 12px;
  padding-left: 34px;
  border-left: 2px solid rgba(238, 72, 101, .25);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-nav-cta-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 88px;
  padding: 18px 20px;
  border-radius: 12px;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-nav-cta-link:hover {
  transform: translateY(-2px);
  text-decoration: none;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-nav-cta-link span, html.cs-page-navtatva-multi-tenant-commerce .cs-nav-cta-link small, html.cs-page-navtatva-multi-tenant-commerce .cs-nav-cta-link strong {
  display: block;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-nav-cta-link small {
  margin-bottom: 3px;
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-nav-cta-link strong {
  font-size: .82rem;
  line-height: 1.45;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-nav-cta-link > i {
  display: grid;
  flex: 0 0 38px;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-nav-cta-primary {
  background: var(--navy);
  box-shadow: 0 18px 36px rgba(8, 27, 54, .18);
  color: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-nav-cta-primary small {
  color: #ff8299;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-nav-cta-primary strong {
  color: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-nav-cta-primary > i {
  background: var(--accent);
  color: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-nav-cta-primary:hover {
  color: #fff;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-nav-cta-secondary {
  border: 1px solid #cdd4dc;
  background: #fff;
  color: var(--navy);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-nav-cta-secondary small {
  color: var(--accent);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-nav-cta-secondary strong {
  color: var(--navy);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-nav-cta-secondary > i {
  background: #f1f1f1;
  color: var(--accent);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-nav-cta-secondary:hover {
  color: var(--navy);
  box-shadow: 0 14px 30px rgba(8, 27, 54, .1);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-security-section {
  background: #f1f1f1;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-security-section h2, html.cs-page-navtatva-multi-tenant-commerce .cs-security-section h3 {
  color: var(--navy);
}

html.cs-page-navtatva-multi-tenant-commerce .cs-security-section .cs-evidence-boundary p, html.cs-page-navtatva-multi-tenant-commerce .cs-security-section .cs-evidence-boundary li {
  color: #566170;
}

@media (max-width: 991px) {
  html.cs-page-navtatva-multi-tenant-commerce .cs-project-grid {
    grid-template-columns: 1fr;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-need-matrix {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-validation-layout, html.cs-page-navtatva-multi-tenant-commerce .cs-fynd-layout, html.cs-page-navtatva-multi-tenant-commerce .cs-built-now-layout {
    grid-template-columns: 1fr;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-validation-image {
    width: 100%;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-system-handoff {
    grid-template-columns: 1fr;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-system-handoff > i {
    transform: rotate(90deg);
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-qa-details {
    grid-template-columns: 1fr;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-nav-hero-showcase {
    padding-bottom: 66px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-nav-hero-storefront {
    width: 94%;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-nav-hero-admin {
    width: 78%;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-qa-explorer, html.cs-page-navtatva-multi-tenant-commerce .cs-nav-cta .cs-cta-grid {
    grid-template-columns: 1fr;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-qa-rail {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-qa-tab, html.cs-page-navtatva-multi-tenant-commerce .cs-qa-tab:first-child {
    grid-template-columns: 1fr;
    align-content: start;
    justify-items: start;
    padding: 16px;
    border: 1px solid var(--line);
    border-radius: 12px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-nav-cta-actions {
    padding-top: 28px;
    padding-left: 0;
    border-top: 2px solid rgba(238, 72, 101, .25);
    border-left: 0;
  }

}

@media (max-width: 767px) {
  html.cs-page-navtatva-multi-tenant-commerce .cs-need-matrix, html.cs-page-navtatva-multi-tenant-commerce .cs-built-now-layout ol, html.cs-page-navtatva-multi-tenant-commerce .cs-fynd-records ul, html.cs-page-navtatva-multi-tenant-commerce .cs-results-points, html.cs-page-navtatva-multi-tenant-commerce .cs-qa-snapshot {
    grid-template-columns: 1fr;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-need-matrix h3 {
    min-height: 0;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-reported-time {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-reported-time div:last-child {
    text-align: left;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-reported-time i {
    transform: rotate(90deg);
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-fynd-records, html.cs-page-navtatva-multi-tenant-commerce .cs-built-now-context {
    padding-left: 20px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-qa-snapshot > div {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-nav-hero-showcase {
    display: none;
    gap: 14px;
    padding: 0;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-nav-hero-storefront, html.cs-page-navtatva-multi-tenant-commerce .cs-nav-hero-admin {
    position: static;
    width: 100%;
    margin: 0;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-nav-hero-screen {
    border-width: 4px;
    border-radius: 10px;
    box-shadow: 0 14px 32px rgba(8, 27, 54, .14);
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-qa-explorer {
    gap: 26px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-qa-rail {
    gap: 8px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-qa-tab {
    padding: 12px 9px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-qa-tab-icon {
    width: 40px;
    height: 40px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-qa-tab strong {
    font-size: .75rem;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-qa-panel {
    padding: 28px 22px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-qa-panel .cs-boundary-list {
    grid-template-columns: 1fr;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-nav-cta-link {
    min-height: 0;
  }

  html.cs-page-navtatva-multi-tenant-commerce .related-switcher {
    gap: 8px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .related-all-link {
    width: 100%;
    margin-left: 0;
  }

  html.cs-page-navtatva-multi-tenant-commerce .related-card {
    padding: 22px;
    border-radius: 14px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-related-template .related-card h3 {
    margin-bottom: 24px;
    font-size: 1.5625rem;
  }

  html.cs-page-navtatva-multi-tenant-commerce .cs-related-template .related-result {
    grid-template-columns: 1fr;
    gap: 18px;
    margin-top: 22px;
    padding-top: 22px;
  }

  html.cs-page-navtatva-multi-tenant-commerce .related-result a {
    justify-self: start;
  }

}

/* ================================================================
   Page namespace: Nippon-India-Excel-Automation (cs-page-nippon-india-excel-automation)
   ================================================================ */

/* Original file: Nippon-India-Excel-Automation/css/birdi.css */
/* Bootstrap Reboot is normalized to the approved page typography. */

html.cs-page-nippon-india-excel-automation,html.cs-page-nippon-india-excel-automation body {
  height:100%;
}

html.cs-page-nippon-india-excel-automation body {
  line-height:normal;
}

html.cs-page-nippon-india-excel-automation h1,html.cs-page-nippon-india-excel-automation h2,html.cs-page-nippon-india-excel-automation h3,html.cs-page-nippon-india-excel-automation h4,html.cs-page-nippon-india-excel-automation h5,html.cs-page-nippon-india-excel-automation h6 {
  font-size:revert;
  font-weight:revert;
  line-height:normal;
  margin:revert;
}

html.cs-page-nippon-india-excel-automation p,html.cs-page-nippon-india-excel-automation dl,html.cs-page-nippon-india-excel-automation dd,html.cs-page-nippon-india-excel-automation figure {
  margin:revert;
}

html.cs-page-nippon-india-excel-automation .case-study section a:hover {
  text-decoration:none;
}

html.cs-page-nippon-india-excel-automation button {
  line-height:normal;
}

/* Birdi shared styles. Cascade order is intentional; responsive rules remain beside their applicable defaults. */

html.cs-page-nippon-india-excel-automation body {
  margin: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

html.cs-page-nippon-india-excel-automation * {
  box-sizing: border-box;
}

html.cs-page-nippon-india-excel-automation .case-study section a {
  color: #ee4865;
  text-decoration: none;
}

html.cs-page-nippon-india-excel-automation .case-study section a:hover {
  color: #101d30;
}

html.cs-page-nippon-india-excel-automation {
  font-size: max(16px,100%);
}

html.cs-page-nippon-india-excel-automation body {
  font-size: 16px;
}

html.cs-page-nippon-india-excel-automation button,html.cs-page-nippon-india-excel-automation summary {
  font: inherit;
}

html.cs-page-nippon-india-excel-automation button {
  cursor: pointer;
}

html.cs-page-nippon-india-excel-automation img {
  max-width: 100%;
}

html.cs-page-nippon-india-excel-automation button:focus-visible,html.cs-page-nippon-india-excel-automation summary:focus-visible,html.cs-page-nippon-india-excel-automation [tabindex]:focus-visible {
  outline: 3px solid #ee4865;
  outline-offset: 5px;
}

html.cs-page-nippon-india-excel-automation .section-container {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  background: transparent;
}

html.cs-page-nippon-india-excel-automation .section-heading {
  margin-bottom: clamp(32px,4vw,48px);
}

html.cs-page-nippon-india-excel-automation .centered {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

html.cs-page-nippon-india-excel-automation .eyebrow {
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 700;
  color: #ee4865;
  margin: 0 0 18px;
}

html.cs-page-nippon-india-excel-automation .section-heading h2 {
  font-size: clamp(1.55rem,2.4vw,2.1rem);
  line-height: 1.25;
  margin: 0;
}

html.cs-page-nippon-india-excel-automation .section-heading h2 span {
  color: #ee4865;
}

html.cs-page-nippon-india-excel-automation .workflow-section {
  padding: clamp(56px,7vw,84px) 0;
  background: linear-gradient(135deg,#0e1d31 0%,#15233b 100%);
  color: #fff;
}

html.cs-page-nippon-india-excel-automation .workflow-layout {
  display: grid;
  grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr);
  gap: clamp(36px,6vw,80px);
  align-items: start;
}

html.cs-page-nippon-india-excel-automation .workflow-sticky {
  position: sticky;
  top: 24px;
  min-width: 0;
}

/* Short screens need normal page scrolling, not a taller sticky panel. */

@media (max-height:650px) {
  html.cs-page-nippon-india-excel-automation .workflow-sticky {
    position: relative;
    top: auto;
  }

}

html.cs-page-nippon-india-excel-automation .workflow-visual-heading {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .1em;
  margin-bottom: 18px;
}

html.cs-page-nippon-india-excel-automation .workflow-visual-heading span:first-child {
  color: var(--body);
}

html.cs-page-nippon-india-excel-automation .workflow-stage {
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(300px,56vh,560px);
  overflow: hidden;
  color: #101d30;
}

html.cs-page-nippon-india-excel-automation .workflow-screen {
  display: block;
  animation: cs-page-nippon-india-excel-automation-visual-arrive .4s ease;
}

html.cs-page-nippon-india-excel-automation .workflow-caption {
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  margin: 18px 0 16px;
  font-weight: 500;
}

html.cs-page-nippon-india-excel-automation .workflow-progress {
  height: 3px;
  background: rgba(255,255,255,.2);
}

html.cs-page-nippon-india-excel-automation .workflow-progress span {
  display: block;
  height: 100%;
  background: #ee4865;
  transition: width .35s ease;
}

html.cs-page-nippon-india-excel-automation .workflow-explainer {
  width: 100%;
}

html.cs-page-nippon-india-excel-automation .workflow-explainer>i {
  font-size: 44px;
  color: #ee4865;
  margin-bottom: 24px;
}

html.cs-page-nippon-india-excel-automation .workflow-explainer h3 {
  font-size: 24px;
  line-height: 1.3;
  margin: 0 0 24px;
}

html.cs-page-nippon-india-excel-automation .explainer-rows {
  display: grid;
  gap: 0;
}

html.cs-page-nippon-india-excel-automation .explainer-rows>div {
  border-top: 1px solid #e9d3db;
  padding: 14px 0;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  line-height: 1.4;
}

html.cs-page-nippon-india-excel-automation .explainer-rows i {
  color: #ee4865;
  font-size: 16px;
}

html.cs-page-nippon-india-excel-automation .illustration-note {
  font-size: 16px;
  font-weight: 500;
  color: #101d30;
  margin: 18px 0 0;
}

html.cs-page-nippon-india-excel-automation .workflow-timeline {
  border-left: 1px solid rgba(255,255,255,.3);
  padding-left: 32px;
}

html.cs-page-nippon-india-excel-automation .workflow-step {
  position: relative;
  padding: 0 0 56px;
}

html.cs-page-nippon-india-excel-automation .workflow-step:last-child {
  padding-bottom: 0;
  min-height: 200px;
}

html.cs-page-nippon-india-excel-automation .workflow-step:before {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  left: -38px;
  border: 2px solid #ee4865;
  background: #101d30;
  border-radius: 50%;
  transition: box-shadow .25s,background .25s;
}

html.cs-page-nippon-india-excel-automation .workflow-step.is-active:before {
  background: #ee4865;
  box-shadow: 0 0 0 7px rgba(238,72,101,.18);
}

html.cs-page-nippon-india-excel-automation .workflow-step-number {
  letter-spacing: .08em;
  display: flex;
  align-items: baseline;
  margin-bottom: 12px;
}

html.cs-page-nippon-india-excel-automation .workflow-step h3 {
  color: #fff;
  margin: 0 0 16px;
  transition: color .25s;
}

html.cs-page-nippon-india-excel-automation .workflow-step.is-active h3 {
  color: #ee4865;
}

html.cs-page-nippon-india-excel-automation .workflow-step p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  color: #fff;
}

html.cs-page-nippon-india-excel-automation .features-intro {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 64px;
  align-items: end;
  margin-bottom: 40px;
}

html.cs-page-nippon-india-excel-automation .feature-tabs {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
}

html.cs-page-nippon-india-excel-automation .feature-tab {
  border-bottom: 3px solid transparent;
  background: transparent;
  color: #101d30;
  padding: 20px 8px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  text-align: left;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
}

html.cs-page-nippon-india-excel-automation .feature-tab i {
  font-size: 18px;
  color: #ee4865;
}

html.cs-page-nippon-india-excel-automation .feature-tab.is-active {
  border-color: #ee4865;
}

html.cs-page-nippon-india-excel-automation .features-panel {
  display: grid;
  grid-template-columns: 260px minmax(0,1fr);
  gap: 54px;
  padding: 40px 0;
}

html.cs-page-nippon-india-excel-automation .feature-panel-number {
  line-height: 1;
  color: #ee4865;
  font-weight: 600;
}

html.cs-page-nippon-india-excel-automation .feature-panel-heading h3 {
  font-size: 24px;
  line-height: 1.3;
  margin: 16px 0 12px;
}

html.cs-page-nippon-india-excel-automation .feature-panel-heading p {
  font-size: 16px;
  color: #101d30;
}

html.cs-page-nippon-india-excel-automation .feature-items {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 32px;
}

html.cs-page-nippon-india-excel-automation .feature-item {
  border-left: 2px solid #ee4865;
  padding-left: 20px;
}

html.cs-page-nippon-india-excel-automation .feature-item h4 {
  font-size: 17px;
  line-height: 1.4;
  margin: 0 0 12px;
}

html.cs-page-nippon-india-excel-automation .feature-item p {
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
  color: #101d30;
}

html.cs-page-nippon-india-excel-automation .editorial-accordion {
  border-top: 1px solid #c7d0dd;
  color: #101d30;
}

html.cs-page-nippon-india-excel-automation .editorial-accordion:last-child {
  border-bottom: 1px solid #c7d0dd;
}

html.cs-page-nippon-india-excel-automation .editorial-accordion summary {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 26px 0;
  cursor: pointer;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 600;
}

html.cs-page-nippon-india-excel-automation .editorial-accordion summary::-webkit-details-marker {
  display: none;
}

html.cs-page-nippon-india-excel-automation .editorial-accordion summary>span:not(.accordion-number) {
  flex: 1;
}

html.cs-page-nippon-india-excel-automation .editorial-accordion summary>i {
  color: #ee4865;
  font-size: 16px;
  transition: transform .25s;
}

html.cs-page-nippon-india-excel-automation .accordion-number {
  font-size: 28px;
  color: #ee4865;
  font-weight: 600;
}

html.cs-page-nippon-india-excel-automation .editorial-accordion[open] summary {
  color: #c92145;
}

html.cs-page-nippon-india-excel-automation .editorial-accordion[open] summary>i {
  transform: rotate(45deg);
}

html.cs-page-nippon-india-excel-automation .accordion-content {
  padding: 0 0 28px 64px;
  animation: cs-page-nippon-india-excel-automation-content-arrive .3s ease;
}

html.cs-page-nippon-india-excel-automation .accordion-content p {
  font-size: 16px;
  line-height: 1.75;
  margin: 12px 0 0;
  color: #101d30;
}

html.cs-page-nippon-india-excel-automation .lift-card {
  transition: transform .3s,box-shadow .3s;
}

html.cs-page-nippon-india-excel-automation .lift-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 36px rgba(16,29,48,.1);
}

html.cs-page-nippon-india-excel-automation .parallax-visual {
  will-change: transform;
}

html.cs-page-nippon-india-excel-automation .faq-section>div {
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
  gap: 64px;
  align-items: start;
}

html.cs-page-nippon-india-excel-automation .faq-list {
  min-width: 0;
}

html.cs-page-nippon-india-excel-automation .faq-list .accordion-content {
  padding-left: 0;
}

@keyframes cs-page-nippon-india-excel-automation-content-arrive {
  from {
    transform:translateY(10px)
  }

  to {
    transform:translateY(0)
  }

}

@keyframes cs-page-nippon-india-excel-automation-visual-arrive {
  from {
    transform:translateY(12px) scale(.98)
  }

  to {
    transform:translateY(0) scale(1)
  }

}

@media (max-width:900px) {
  html.cs-page-nippon-india-excel-automation .workflow-layout {
    gap: 36px;
    grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
  }

  html.cs-page-nippon-india-excel-automation .features-panel {
    grid-template-columns: 210px minmax(0,1fr);
    gap: 32px;
  }

  html.cs-page-nippon-india-excel-automation .feature-tabs {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  html.cs-page-nippon-india-excel-automation .features-intro {
    gap: 32px;
  }

}

@media (max-width:700px) {
  html.cs-page-nippon-india-excel-automation .workflow-layout,html.cs-page-nippon-india-excel-automation .features-intro,html.cs-page-nippon-india-excel-automation .features-panel,html.cs-page-nippon-india-excel-automation .faq-section>div {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  html.cs-page-nippon-india-excel-automation .workflow-sticky {
    position: relative;
    top: auto;
  }

  html.cs-page-nippon-india-excel-automation .workflow-stage {
    height: 440px;
  }

  html.cs-page-nippon-india-excel-automation .workflow-timeline {
    margin-left: 6px;
  }

  html.cs-page-nippon-india-excel-automation .workflow-step:last-child {
    min-height: 0;
  }

  html.cs-page-nippon-india-excel-automation .workflow-explainer h3 {
    font-size: 22px;
  }

  html.cs-page-nippon-india-excel-automation .feature-items {
    gap: 24px;
  }

  html.cs-page-nippon-india-excel-automation .faq-section>div>div:first-child {
    position: static !important;
  }

  html.cs-page-nippon-india-excel-automation .accordion-content {
    padding-left: 0;
  }

  html.cs-page-nippon-india-excel-automation .editorial-accordion summary {
    gap: 16px;
    font-size: 17px;
  }

  html.cs-page-nippon-india-excel-automation .parallax-visual {
    transform: none !important;
  }

}

@media (max-width:460px) {
  html.cs-page-nippon-india-excel-automation .feature-items,html.cs-page-nippon-india-excel-automation .industry-grid {
    grid-template-columns: 1fr;
  }

  html.cs-page-nippon-india-excel-automation .feature-tab {
    font-size: 16px;
    padding: 16px 8px;
    overflow-wrap: anywhere;
  }

  html.cs-page-nippon-india-excel-automation .workflow-stage {
    height: 420px;
  }

  html.cs-page-nippon-india-excel-automation .workflow-timeline {
    padding-left: 24px;
  }

  html.cs-page-nippon-india-excel-automation .workflow-step:before {
    left: -30px;
  }

}

@media (max-height:740px) and (min-width:701px) {
  html.cs-page-nippon-india-excel-automation .workflow-stage {
    height: 360px;
  }

  html.cs-page-nippon-india-excel-automation .workflow-explainer>i {
    font-size: 28px;
    margin-bottom: 12px;
  }

  html.cs-page-nippon-india-excel-automation .workflow-explainer h3 {
    font-size: 22px;
    margin-bottom: 12px;
  }

  html.cs-page-nippon-india-excel-automation .explainer-rows>div {
    padding: 10px 0;
  }

  html.cs-page-nippon-india-excel-automation .illustration-note {
    margin-top: 12px;
  }

}

@media (prefers-reduced-motion:reduce) {
  html.cs-page-nippon-india-excel-automation,html.cs-page-nippon-india-excel-automation body {
    scroll-behavior: auto !important;
  }

  html.cs-page-nippon-india-excel-automation *,html.cs-page-nippon-india-excel-automation *:before,html.cs-page-nippon-india-excel-automation *:after {
    animation: none !important;
    transition: none !important;
  }

  html.cs-page-nippon-india-excel-automation .parallax-visual {
    transform: none !important;
  }

}

html.cs-page-nippon-india-excel-automation .case-study {
  --body: #6f6f6f;
  --heading: #101d30;
  --accent: #ee4865;
}

html.cs-page-nippon-india-excel-automation .case-study section {
  --body: #6f6f6f;
  --heading: #101d30;
}

html.cs-page-nippon-india-excel-automation .case-study section[data-theme="dark"] {
  --body: #b8cbe5;
  --heading: #fff;
}

html.cs-page-nippon-india-excel-automation .case-study p {
  color: var(--body);
}

html.cs-page-nippon-india-excel-automation .case-study p.eyebrow {
  color: #ee4865;
}

html.cs-page-nippon-india-excel-automation .case-study h2,html.cs-page-nippon-india-excel-automation .case-study h3,html.cs-page-nippon-india-excel-automation .case-study h4 {
  color: var(--heading);
}

html.cs-page-nippon-india-excel-automation .workflow-stage {
  --body: #6f6f6f;
  --heading: #101d30;
  background: linear-gradient(155deg,#fff 30%,#eaf1fa);
  border: 1px solid rgba(255,255,255,.2);
  box-shadow: 0 24px 60px rgba(0,0,0,.2);
}

html.cs-page-nippon-india-excel-automation .workflow-step-number {
  font-size: 16px;
  line-height: 1.5;
  gap: 7px;
  color: var(--body);
  font-weight: 400;
}

html.cs-page-nippon-india-excel-automation .workflow-step-number strong {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  color: inherit;
  letter-spacing: inherit;
}

html.cs-page-nippon-india-excel-automation .workflow-step {
  min-height: 200px;
  padding-bottom: 48px;
}

html.cs-page-nippon-india-excel-automation .workflow-step:before {
  top: 7px;
}

html.cs-page-nippon-india-excel-automation .workflow-step h3 {
  font-size: 24px;
  line-height: 1.35;
}

html.cs-page-nippon-india-excel-automation .workflow-step p,html.cs-page-nippon-india-excel-automation .workflow-caption {
  color: var(--body);
}

html.cs-page-nippon-india-excel-automation .illustration-note,html.cs-page-nippon-india-excel-automation .feature-panel-heading p,html.cs-page-nippon-india-excel-automation .feature-item p,html.cs-page-nippon-india-excel-automation .accordion-content p {
  color: var(--body);
}

html.cs-page-nippon-india-excel-automation .problems-section {
  padding: clamp(56px,7vw,84px) 0;
  background: #f3f3f3;
}

html.cs-page-nippon-india-excel-automation .problems-layout {
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
  gap: clamp(40px,6vw,80px);
  align-items: start;
}

html.cs-page-nippon-india-excel-automation .problems-heading {
  position: static;
  align-self: start;
  padding: 28px 0;
  border-top: 2px solid #ee4865;
}

html.cs-page-nippon-india-excel-automation .problems-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.18;
  letter-spacing: -.035em;
  margin: 0 0 24px;
}

html.cs-page-nippon-india-excel-automation .problems-heading h2 span {
  color: #ee4865;
}

html.cs-page-nippon-india-excel-automation .section-subtext {
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
  max-width: 390px;
}

html.cs-page-nippon-india-excel-automation .problems-note {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 32px;
}

html.cs-page-nippon-india-excel-automation .problems-note>span {
  height: 44px;
  width: 3px;
  background: #ee4865;
}

html.cs-page-nippon-india-excel-automation .problems-note p {
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
}

html.cs-page-nippon-india-excel-automation .problem-accordions {
  display: grid;
  gap: 12px;
}

html.cs-page-nippon-india-excel-automation .problem-item {
  background: #fff;
  border: 1px solid #e0e7f0;
  border-radius: 14px;
  transition: border-color .3s,box-shadow .3s;
}

html.cs-page-nippon-india-excel-automation .problem-item.is-open {
  border-color: #ee4865;
  box-shadow: 0 16px 40px rgba(16,29,48,.06);
}

html.cs-page-nippon-india-excel-automation .problem-item h3 {
  margin: 0;
}

html.cs-page-nippon-india-excel-automation .problem-item button {
  width: 100%;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  background: transparent;
  border: 0;
  color: #101d30;
  padding: 22px 24px;
  font-family: inherit;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  border-radius: 14px;
}

html.cs-page-nippon-india-excel-automation .problem-item button:hover {
  color: #c92145;
}

html.cs-page-nippon-india-excel-automation .problem-toggle {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d9e2ed;
  color: #101d30;
  transition: background .3s,transform .3s,color .3s;
}

html.cs-page-nippon-india-excel-automation .problem-toggle i {
  font-size: 16px;
}

html.cs-page-nippon-india-excel-automation .is-open .problem-toggle {
  background: #ee4865;
  border-color: #ee4865;
  color: #fff;
  transform: rotate(45deg);
}

html.cs-page-nippon-india-excel-automation .problem-reveal {
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  transition: grid-template-rows .35s ease,visibility .35s;
}

html.cs-page-nippon-india-excel-automation .problem-reveal>div {
  min-height: 0;
  overflow: hidden;
}

html.cs-page-nippon-india-excel-automation .is-open .problem-reveal {
  grid-template-rows: 1fr;
  visibility: visible;
}

html.cs-page-nippon-india-excel-automation .problem-answer {
  padding: 0 24px 24px;
}

html.cs-page-nippon-india-excel-automation .problem-answer p {
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
  border-top: 1px solid #e7edf5;
  padding-top: 18px;
  color: var(--body);
}

html.cs-page-nippon-india-excel-automation .industry-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 20px;
  align-items: stretch;
}

html.cs-page-nippon-india-excel-automation .industry-flip {
  appearance: none;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  perspective: 1200px;
  text-align: left;
  font-family: inherit;
  color: #101d30;
  border-radius: 16px;
}

html.cs-page-nippon-india-excel-automation .flip-inner {
  display: grid;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform .65s cubic-bezier(.22,.61,.36,1);
  position: relative;
}

html.cs-page-nippon-india-excel-automation .industry-flip.is-flipped .flip-inner {
  transform: rotateY(180deg);
}

html.cs-page-nippon-india-excel-automation .flip-front,html.cs-page-nippon-india-excel-automation .flip-back {
  grid-area: 1/1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  padding: 26px;
  border-radius: 16px;
  border: 1px solid #dce5f0;
  min-width: 0;
}

html.cs-page-nippon-india-excel-automation .flip-front {
  background: #fff;
  transform: rotateY(0deg);
}

html.cs-page-nippon-india-excel-automation .flip-front>i {
  font-size: 28px;
  color: #ee4865;
}

html.cs-page-nippon-india-excel-automation .flip-front strong {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.35;
  color: #101d30;
}

html.cs-page-nippon-india-excel-automation .flip-hint {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 16px;
  line-height: 1.4;
  color: #6f6f6f;
  border-top: 1px solid #e6ecf4;
  padding-top: 16px;
}

html.cs-page-nippon-india-excel-automation .flip-hint i {
  font-size: 16px;
  color: #ee4865;
}

html.cs-page-nippon-india-excel-automation .flip-back {
  transform: rotateY(180deg);
  background: linear-gradient(135deg,#0e1d31,#15233b);
  border-color: #15233b;
  color: #fff;
}

html.cs-page-nippon-india-excel-automation .flip-back-label {
  font-size: 16px;
  color: #ff8299;
  font-weight: 600;
}

html.cs-page-nippon-india-excel-automation .flip-description {
  font-size: 16px;
  line-height: 1.7;
  color: #d1def0;
}

html.cs-page-nippon-india-excel-automation .flip-back-hint {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 16px;
  color: #b8cbe5;
}

html.cs-page-nippon-india-excel-automation .flip-back-hint i {
  font-size: 16px;
}

html.cs-page-nippon-india-excel-automation .feature-tabs {
  gap: 8px;
  border-bottom: 0;
  padding: 6px;
  background: #f0f4f9;
  border-radius: 14px;
}

html.cs-page-nippon-india-excel-automation .feature-tab {
  border: 0;
  border-radius: 10px;
  transition: background .25s,box-shadow .25s;
}

html.cs-page-nippon-india-excel-automation .feature-tab.is-active {
  background: #fff;
  box-shadow: 0 4px 15px rgba(16,29,48,.08);
}

html.cs-page-nippon-india-excel-automation .feature-tab:hover {
  background: #fff;
}

html.cs-page-nippon-india-excel-automation .feature-panel-number {
  font-size: 40px;
}

html.cs-page-nippon-india-excel-automation .features-panel {
  padding-top: 32px;
}

html.cs-page-nippon-india-excel-automation .case-study a.contact-link {
  overflow: hidden;
  position: relative;
}

html.cs-page-nippon-india-excel-automation .case-study a.contact-link i {
  transition: transform .25s;
}

html.cs-page-nippon-india-excel-automation .case-study a.contact-link:hover i {
  transform: translateX(5px);
}

@media (max-width:900px) {
  html.cs-page-nippon-india-excel-automation .industry-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  html.cs-page-nippon-india-excel-automation .problems-layout {
    gap: 32px;
  }

  html.cs-page-nippon-india-excel-automation .problem-item button {
    padding: 20px;
    font-size: 17px;
  }

  html.cs-page-nippon-india-excel-automation .problem-answer {
    padding: 0 20px 20px;
  }

}

@media (max-width:700px) {
  html.cs-page-nippon-india-excel-automation .problems-layout {
    grid-template-columns: 1fr;
  }

  html.cs-page-nippon-india-excel-automation .problems-heading {
    position: static;
  }

  html.cs-page-nippon-india-excel-automation .problems-heading .section-subtext {
    max-width: none;
  }

  html.cs-page-nippon-india-excel-automation .problems-note {
    display: none;
  }

  html.cs-page-nippon-india-excel-automation .workflow-step {
    min-height: 0;
  }

  html.cs-page-nippon-india-excel-automation .workflow-step-number,html.cs-page-nippon-india-excel-automation .workflow-step-number strong {
    font-size: 16px;
  }

  html.cs-page-nippon-india-excel-automation .flip-front,html.cs-page-nippon-india-excel-automation .flip-back {
    padding: 22px;
    gap: 18px;
  }

}

@media (max-width:480px) {
  html.cs-page-nippon-india-excel-automation .industry-grid {
    grid-template-columns: 1fr;
  }

}

@media (prefers-reduced-motion:reduce) {
  html.cs-page-nippon-india-excel-automation .flip-inner,html.cs-page-nippon-india-excel-automation .problem-reveal,html.cs-page-nippon-india-excel-automation .problem-toggle {
    transition: none;
  }

}

html.cs-page-nippon-india-excel-automation .need-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 22px;
  align-items: stretch;
}

html.cs-page-nippon-india-excel-automation .need-card {
  background: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  transition: box-shadow .3s,border-color .3s,transform .3s;
}

html.cs-page-nippon-india-excel-automation .need-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #ee4865;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s;
}

html.cs-page-nippon-india-excel-automation .need-card.is-open {
  border-color: #ee4865;
  box-shadow: 0 18px 40px rgba(16,29,48,.08);
  transform: translateY(-4px);
}

html.cs-page-nippon-india-excel-automation .need-card.is-open:before {
  transform: scaleX(1);
}

html.cs-page-nippon-india-excel-automation .need-card h3 {
  margin: 0;
}

html.cs-page-nippon-india-excel-automation .need-trigger {
  width: 100%;
  border: 0;
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 26px;
  text-align: left;
  font-family: inherit;
  color: #101d30;
}

html.cs-page-nippon-india-excel-automation .need-marker {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 16px;
  color: #ee4865;
  font-weight: 500;
}

html.cs-page-nippon-india-excel-automation .need-marker i {
  font-size: 16px;
  transition: transform .3s;
}

html.cs-page-nippon-india-excel-automation .is-open .need-marker i {
  transform: rotate(45deg);
}

html.cs-page-nippon-india-excel-automation .need-title {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 600;
}

html.cs-page-nippon-india-excel-automation .need-hint {
  font-size: 16px;
  line-height: 1.5;
  color: #6f6f6f;
  font-weight: 400;
}

html.cs-page-nippon-india-excel-automation .need-reveal {
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  transition: grid-template-rows .4s ease,visibility .4s;
}

html.cs-page-nippon-india-excel-automation .need-reveal>div {
  min-height: 0;
  overflow: hidden;
}

html.cs-page-nippon-india-excel-automation .need-card.is-open .need-reveal {
  grid-template-rows: 1fr;
  visibility: visible;
}

html.cs-page-nippon-india-excel-automation .need-copy {
  padding: 0 26px 26px;
}

html.cs-page-nippon-india-excel-automation .need-copy p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  color: #6f6f6f;
}

html.cs-page-nippon-india-excel-automation .need-answer {
  border-top: 1px solid #e9e9e9;
  padding-top: 20px;
  margin-top: 22px;
}

html.cs-page-nippon-india-excel-automation .need-answer>span {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #101d30;
  margin-bottom: 10px;
}

html.cs-page-nippon-india-excel-automation .need-trigger:focus-visible {
  outline-offset: -5px;
}

@media (max-width:900px) {
  html.cs-page-nippon-india-excel-automation .need-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

}

@media (max-width:620px) {
  html.cs-page-nippon-india-excel-automation .need-grid {
    grid-template-columns: 1fr;
  }

  html.cs-page-nippon-india-excel-automation .need-trigger {
    padding: 24px;
    gap: 16px;
  }

  html.cs-page-nippon-india-excel-automation .need-copy {
    padding: 0 24px 24px;
  }

}

@media (prefers-reduced-motion:reduce) {
  html.cs-page-nippon-india-excel-automation .need-card,html.cs-page-nippon-india-excel-automation .need-card:before,html.cs-page-nippon-india-excel-automation .need-reveal,html.cs-page-nippon-india-excel-automation .need-marker i {
    transition: none;
  }

  html.cs-page-nippon-india-excel-automation .need-card.is-open {
    transform: none;
  }

}

html.cs-page-nippon-india-excel-automation .need-heading {
  padding: 26px 26px 20px;
}

html.cs-page-nippon-india-excel-automation .need-heading h3 {
  font-size: 20px;
  line-height: 1.4;
  margin: 16px 0 0;
  font-weight: 600;
}

html.cs-page-nippon-india-excel-automation .need-static {
  overflow: visible;
  border-top: 3px solid #ee4865;
}

html.cs-page-nippon-india-excel-automation .need-static:before {
  display: none;
}

html.cs-page-nippon-india-excel-automation .scope-heading {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  align-items: baseline;
  justify-content: space-between;
  margin: 0 0 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid #dce2e9;
}

html.cs-page-nippon-india-excel-automation .scope-heading h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0;
}

html.cs-page-nippon-india-excel-automation .scope-heading>span {
  font-size: 16px;
  color: #6f6f6f;
}

html.cs-page-nippon-india-excel-automation .scope-groups {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 28px;
}

html.cs-page-nippon-india-excel-automation .scope-group h4 {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 17px;
  line-height: 1.4;
  margin: 0 0 18px;
}

html.cs-page-nippon-india-excel-automation .scope-group h4 i {
  font-size: 20px;
  color: #ee4865;
}

html.cs-page-nippon-india-excel-automation .scope-group ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
}

html.cs-page-nippon-india-excel-automation .scope-group li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 16px;
  line-height: 1.6;
  color: #6f6f6f;
}

html.cs-page-nippon-india-excel-automation .scope-group li i {
  font-size: 16px;
  line-height: 1.6;
  color: #ee4865;
  flex-shrink: 0;
}

html.cs-page-nippon-india-excel-automation .comparison-heading {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: end;
  margin-bottom: 28px;
}

html.cs-page-nippon-india-excel-automation .comparison-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.2;
  letter-spacing: -.025em;
  margin: 0;
}

html.cs-page-nippon-india-excel-automation .comparison-heading h2 span {
  color: #ee4865;
}

html.cs-page-nippon-india-excel-automation .comparison-heading>p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  max-width: 470px;
}

html.cs-page-nippon-india-excel-automation .comparison-labels,html.cs-page-nippon-india-excel-automation .comparison-row {
  display: grid;
  grid-template-columns: minmax(130px,.55fr) minmax(0,1fr) minmax(0,1.15fr);
  gap: 28px;
}

html.cs-page-nippon-india-excel-automation .comparison-labels {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  color: #101d30;
  padding: 16px 20px;
  border-top: 1px solid #d7dce2;
  border-bottom: 1px solid #d7dce2;
}

html.cs-page-nippon-india-excel-automation .comparison-labels>span:last-child {
  color: #c92145;
}

html.cs-page-nippon-india-excel-automation .comparison-row {
  padding: 22px 20px;
  border-bottom: 1px solid #dfe3e8;
  align-items: start;
}

html.cs-page-nippon-india-excel-automation .comparison-row:nth-child(odd) {
  background: #fff;
}

html.cs-page-nippon-india-excel-automation .comparison-row h3 {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
}

html.cs-page-nippon-india-excel-automation .comparison-row p {
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
  color: #6f6f6f;
}

html.cs-page-nippon-india-excel-automation .comparison-fix {
  border-left: 2px solid #ee4865;
  padding-left: 18px;
}

html.cs-page-nippon-india-excel-automation .mobile-pair-label {
  display: none;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
  color: #101d30;
  margin-bottom: 8px;
}

@media (max-width:1000px) {
  html.cs-page-nippon-india-excel-automation .scope-groups {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 28px 36px;
  }

}

@media (max-width:760px) {
  html.cs-page-nippon-india-excel-automation .comparison-heading {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  html.cs-page-nippon-india-excel-automation .comparison-labels {
    display: none;
  }

  html.cs-page-nippon-india-excel-automation .comparison-row {
    grid-template-columns: 1fr 1fr;
    gap: 16px 24px;
    padding: 22px 18px;
  }

  html.cs-page-nippon-india-excel-automation .comparison-row h3 {
    grid-column: 1/-1;
    color: #101d30;
    font-size: 20px;
  }

  html.cs-page-nippon-india-excel-automation .mobile-pair-label {
    display: block;
  }

  html.cs-page-nippon-india-excel-automation .comparison-fix .mobile-pair-label {
    color: #c92145;
  }

}

@media (max-width:520px) {
  html.cs-page-nippon-india-excel-automation .scope-groups {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  html.cs-page-nippon-india-excel-automation .scope-group {
    padding-bottom: 22px;
    border-bottom: 1px solid #e4e7eb;
  }

  html.cs-page-nippon-india-excel-automation .scope-group:last-child {
    padding-bottom: 0;
    border: 0;
  }

  html.cs-page-nippon-india-excel-automation .comparison-row {
    grid-template-columns: 1fr;
  }

  html.cs-page-nippon-india-excel-automation .comparison-row h3 {
    grid-column: auto;
  }

  html.cs-page-nippon-india-excel-automation .comparison-fix {
    margin-top: 2px;
  }

  html.cs-page-nippon-india-excel-automation .need-heading {
    padding: 24px 24px 20px;
  }

}

html.cs-page-nippon-india-excel-automation .need-static {
  height: 100%;
  box-sizing: border-box;
}

html.cs-page-nippon-india-excel-automation .challenge-story {
  position: relative;
  height: calc(var(--viewport-height) * 4.9);
}

html.cs-page-nippon-india-excel-automation .challenge-stage {
  top: 24px;
}

html.cs-page-nippon-india-excel-automation .challenge-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

html.cs-page-nippon-india-excel-automation .challenge-scroll-hint {
  font-size: 16px;
  color: #6f6f6f;
}

html.cs-page-nippon-india-excel-automation .challenge-nav-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

html.cs-page-nippon-india-excel-automation .challenge-count {
  font-size: 20px;
  font-weight: 600;
  color: #101d30;
  margin-right: 10px;
  font-variant-numeric: tabular-nums;
}

html.cs-page-nippon-india-excel-automation .challenge-count span {
  font-size: 16px;
  font-weight: 400;
  color: #6f6f6f;
}

html.cs-page-nippon-india-excel-automation .challenge-nav-actions button {
  height: 42px;
  width: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #dce1e8;
  border-radius: 50%;
  color: #101d30;
  font-size: 16px;
}

html.cs-page-nippon-india-excel-automation .challenge-nav-actions button:hover:not(:disabled) {
  background: #101d30;
  color: #fff;
  border-color: #101d30;
}

html.cs-page-nippon-india-excel-automation .challenge-nav-actions button:disabled {
  opacity: .35;
  cursor: default;
}

html.cs-page-nippon-india-excel-automation .challenge-focus {
  display: flex;
  flex-direction: column;
}

html.cs-page-nippon-india-excel-automation .challenge-focus-heading>span {
  font-size: 16px;
  font-weight: 500;
  color: #ffa4b5;
  letter-spacing: .1em;
}

html.cs-page-nippon-india-excel-automation .case-study .challenge-focus-heading h3 {
  color: #fff;
}

html.cs-page-nippon-india-excel-automation .challenge-focus-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

html.cs-page-nippon-india-excel-automation .challenge-focus-problem,html.cs-page-nippon-india-excel-automation .challenge-focus-response {
  display: flex;
  flex-direction: column;
}

html.cs-page-nippon-india-excel-automation .challenge-focus-response {
  background: #fff;
}

html.cs-page-nippon-india-excel-automation .challenge-focus-pair h4 {
  font-weight: 600;
  margin: 0 0 18px;
}

html.cs-page-nippon-india-excel-automation .response-heading {
  display: flex;
}

html.cs-page-nippon-india-excel-automation .response-heading i {
  color: #178347;
}

html.cs-page-nippon-india-excel-automation .case-study .response-heading h4 {
  color: #178347;
}

html.cs-page-nippon-india-excel-automation .case-study .challenge-focus-problem h4 {
  color: #c83232;
}

html.cs-page-nippon-india-excel-automation .challenge-focus-problem {
  background: #fff;
}

html.cs-page-nippon-india-excel-automation .challenge-segments {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}

html.cs-page-nippon-india-excel-automation .challenge-segment {
  flex: 1;
  border: 0;
  background: transparent;
  padding: 20px 0;
  min-height: 44px;
}

html.cs-page-nippon-india-excel-automation .challenge-segment span {
  display: block;
  height: 4px;
  border-radius: 3px;
  background: #d8dee7;
  transition: background .25s;
}

html.cs-page-nippon-india-excel-automation .challenge-segment.is-active span {
  background: #ee4865;
}

html.cs-page-nippon-india-excel-automation .challenge-segment:hover span {
  background: #101d30;
}

@keyframes cs-page-nippon-india-excel-automation-challenge-arrive {
  from {
    transform:translateY(10px)
  }

  to {
    transform:translateY(0)
  }

}

@media (max-width:700px) {
  html.cs-page-nippon-india-excel-automation .challenge-stage {
    top: 12px;
  }

  html.cs-page-nippon-india-excel-automation .challenge-navigation {
    gap: 12px;
  }

  html.cs-page-nippon-india-excel-automation .challenge-scroll-hint {
    max-width: 160px;
    line-height: 1.4;
  }

  html.cs-page-nippon-india-excel-automation .challenge-focus-pair {
    grid-template-columns: 1fr;
  }

}

@media (prefers-reduced-motion:reduce) {
  html.cs-page-nippon-india-excel-automation .challenge-segment span {
    transition: none;
  }

}

html.cs-page-nippon-india-excel-automation .project-meta {
  padding: 4px 0 20px;
  border-bottom: 1px dashed rgba(255,255,255,.2);
}

html.cs-page-nippon-india-excel-automation .project-meta-label {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--body);
  font-weight: 500;
}

html.cs-page-nippon-india-excel-automation .project-meta-label i {
  color: #ff8299;
  font-size: 18px;
  width: 24px;
}

html.cs-page-nippon-india-excel-automation .project-meta-value {
  font-size: 17px;
  line-height: 1.5;
  font-weight: 600;
  color: #fff;
  margin: 10px 0 0 36px;
}

html.cs-page-nippon-india-excel-automation .brief-paragraphs {
  margin-bottom: 24px;
}

html.cs-page-nippon-india-excel-automation .brief-paragraphs p {
  font-size: 17px;
  line-height: 1.75;
  margin: 0 0 18px;
}

html.cs-page-nippon-india-excel-automation .brief-paragraphs p:last-child {
  margin-bottom: 0;
}

html.cs-page-nippon-india-excel-automation .brief-visual {
  margin: 0 auto;
  width: min(100%,340px);
  padding: 0;
  background: transparent;
  box-shadow: none;
}

html.cs-page-nippon-india-excel-automation .brief-visual img {
  display: block;
  width: 100%;
  height: 400px;
  object-fit: cover;
  object-position: top;
  border-radius: 12px;
}

html.cs-page-nippon-india-excel-automation .brief-visual figcaption {
  font-size: 16px;
  line-height: 1.55;
  color: #6f6f6f;
  margin-top: 16px;
  padding-left: 16px;
  border-left: 2px solid #ee4865;
  text-align: left;
}

html.cs-page-nippon-india-excel-automation .workflow-stage {
  padding: 0;
}

html.cs-page-nippon-india-excel-automation .workflow-screen {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  border-radius: 0;
}

html.cs-page-nippon-india-excel-automation .workflow-explainer {
  padding: 24px;
  max-width: 410px;
}

html.cs-page-nippon-india-excel-automation .response-heading {
  align-items: baseline;
  gap: 12px;
}

html.cs-page-nippon-india-excel-automation .response-heading i {
  font-size: 22px;
}

html.cs-page-nippon-india-excel-automation .problem-heading i {
  color: #c83232;
}

html.cs-page-nippon-india-excel-automation .case-study .outcome-light {
  --body: #6f6f6f;
  --heading: #101d30;
  background-color: #f0f0ff;
}

html.cs-page-nippon-india-excel-automation .outcome-light .outcome-pointer {
  color: #535d6c;
}

@media (max-width:700px) {
  html.cs-page-nippon-india-excel-automation .challenge-focus-pair h4,html.cs-page-nippon-india-excel-automation .response-heading i {
    font-size: 20px;
  }

  html.cs-page-nippon-india-excel-automation .workflow-stage {
    padding: 0;
  }

  html.cs-page-nippon-india-excel-automation .brief-visual img {
    height: 380px;
  }

  html.cs-page-nippon-india-excel-automation .outcome-light {
    background-attachment: scroll !important;
  }

}

html.cs-page-nippon-india-excel-automation .project-details-grid {
  margin: 0;
  display: grid;
  border-top: 1px solid rgba(255,255,255,.18);
  border-left: 1px solid rgba(255,255,255,.18);
}

html.cs-page-nippon-india-excel-automation .project-detail {
  border-right: 1px solid rgba(255,255,255,.18);
  border-bottom: 1px solid rgba(255,255,255,.18);
}

html.cs-page-nippon-india-excel-automation .project-detail dt {
  display: flex;
  align-items: center;
}

html.cs-page-nippon-india-excel-automation .project-detail dt i {
  color: #ff8299;
}

html.cs-page-nippon-india-excel-automation .challenge-stage {
  display: flex;
  flex-direction: column;
}

html.cs-page-nippon-india-excel-automation .challenge-stage>.comparison-heading {
  flex-shrink: 0;
}

html.cs-page-nippon-india-excel-automation .challenge-stage .comparison-heading .eyebrow {
  margin-bottom: 10px;
}

html.cs-page-nippon-india-excel-automation .challenge-stage .comparison-heading h2 {
  font-size: 34px;
  line-height: 1.14;
}

html.cs-page-nippon-india-excel-automation .challenge-stage .comparison-heading>p {
  font-size: 16px;
  line-height: 1.6;
}

html.cs-page-nippon-india-excel-automation .challenge-navigation,html.cs-page-nippon-india-excel-automation .challenge-segments {
  flex-shrink: 0;
}

html.cs-page-nippon-india-excel-automation .challenge-focus {
  overflow-y: auto;
}

html.cs-page-nippon-india-excel-automation .challenge-focus-heading {
  flex-shrink: 0;
}

html.cs-page-nippon-india-excel-automation .challenge-focus-pair {
  flex: 1 0 auto;
}

html.cs-page-nippon-india-excel-automation .challenge-focus-pair h4 {
  font-size: 28px;
  line-height: 1.25;
  margin-bottom: 16px;
}

@media (max-width:1000px) {
  html.cs-page-nippon-india-excel-automation .challenge-stage .comparison-heading h2 {
    font-size: 30px;
  }

}

@media (max-width:700px) {
  html.cs-page-nippon-india-excel-automation .challenge-stage>.comparison-heading {
    grid-template-columns: 1fr;
  }

  html.cs-page-nippon-india-excel-automation .challenge-stage .comparison-heading>p {
    display: none;
  }

  html.cs-page-nippon-india-excel-automation .challenge-stage .comparison-heading .eyebrow {
    margin-bottom: 6px;
  }

  html.cs-page-nippon-india-excel-automation .challenge-stage .comparison-heading h2 {
    font-size: 28px;
  }

  html.cs-page-nippon-india-excel-automation .challenge-focus {
    flex-basis: 440px;
  }

  html.cs-page-nippon-india-excel-automation .challenge-focus-pair h4 {
    font-size: 28px;
  }

}

html.cs-page-nippon-india-excel-automation .challenge-focus {
  border-radius: 20px;
  background: #fff;
  border: 1px solid #e1e5ec;
}

html.cs-page-nippon-india-excel-automation .challenge-focus-heading {
  padding: 16px 28px 22px;
  background: linear-gradient(135deg,#0e1d31,#18233a);
  border-bottom: 3px solid #ee4865;
}

html.cs-page-nippon-india-excel-automation .case-study .challenge-focus-heading h3 {
  line-height: 1.2;
  margin: 0;
  font-weight: 600;
}

html.cs-page-nippon-india-excel-automation .challenge-focus-problem,html.cs-page-nippon-india-excel-automation .challenge-focus-response {
  padding: 28px;
  justify-content: flex-start;
  background: #fff;
}

html.cs-page-nippon-india-excel-automation .challenge-focus-response {
  border-left: 1px solid #dfe3e9;
}

html.cs-page-nippon-india-excel-automation .challenge-focus-pair .response-heading {
  display: flex;
}

html.cs-page-nippon-india-excel-automation .challenge-focus-pair .response-heading i {
  display: block;
  line-height: 1;
}

html.cs-page-nippon-india-excel-automation .challenge-focus-pair .response-heading h4 {
  font-weight: 600;
  margin: 0;
}

html.cs-page-nippon-india-excel-automation .challenge-focus-pair p {
  margin: 0;
}

html.cs-page-nippon-india-excel-automation .case-study .problem-heading h4,html.cs-page-nippon-india-excel-automation .challenge-focus-pair .problem-heading i {
  color: #ce3335;
}

html.cs-page-nippon-india-excel-automation .case-study .challenge-focus-response h4,html.cs-page-nippon-india-excel-automation .challenge-focus-response .response-heading i {
  color: #16864b;
}

@media (max-width:700px) {
  html.cs-page-nippon-india-excel-automation .challenge-focus-heading {
    padding: 18px 22px;
  }

  html.cs-page-nippon-india-excel-automation .challenge-focus-problem,html.cs-page-nippon-india-excel-automation .challenge-focus-response {
    padding: 24px;
  }

  html.cs-page-nippon-india-excel-automation .challenge-focus-response {
    border-left: 0;
    border-top: 1px solid #dfe3e9;
  }

}

html.cs-page-nippon-india-excel-automation {
  --viewport-height: 100vh;
}

@supports (height:100svh) {
  html.cs-page-nippon-india-excel-automation {
    --viewport-height: 100svh;
  }

}

html.cs-page-nippon-india-excel-automation {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

html.cs-page-nippon-india-excel-automation .case-study * {
  min-width: 0;
}

html.cs-page-nippon-india-excel-automation .case-study p,html.cs-page-nippon-india-excel-automation .case-study dd,html.cs-page-nippon-india-excel-automation .case-study h2,html.cs-page-nippon-india-excel-automation .case-study h3 {
  overflow-wrap: break-word;
}

html.cs-page-nippon-india-excel-automation .hero-location {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 20px;
  margin: 0 0 22px;
  padding-left: 14px;
  border-left: 3px solid #ee4865;
}

html.cs-page-nippon-india-excel-automation .hero-country {
  display: flex;
  align-items: center;
  gap: 10px;
}

html.cs-page-nippon-india-excel-automation .hero-country img {
  width: 34px;
  height: auto;
  display: block;
  flex-shrink: 0;
  border: 1px solid #e0e4eb;
}

html.cs-page-nippon-india-excel-automation .hero-country span {
  font-size: 16px;
  line-height: 1.5;
  color: #c92145;
  font-weight: 500;
}

html.cs-page-nippon-india-excel-automation .hero-location strong {
  font-size: 18px;
  line-height: 1.5;
  color: #101d30;
  font-weight: 600;
}

html.cs-page-nippon-india-excel-automation .project-details-grid {
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 32px 36px;
  border: 0;
}

html.cs-page-nippon-india-excel-automation .project-detail {
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
}

html.cs-page-nippon-india-excel-automation .project-detail dt {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  gap: 10px;
  color: #b8cbe5;
}

html.cs-page-nippon-india-excel-automation .project-detail dt i {
  font-size: 18px;
  flex-shrink: 0;
}

html.cs-page-nippon-india-excel-automation .project-detail dd {
  margin: 12px 0 0;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 500;
  color: #fff;
}

html.cs-page-nippon-india-excel-automation .flip-inner {
  -webkit-transform-style: preserve-3d;
}

html.cs-page-nippon-india-excel-automation .flip-front,html.cs-page-nippon-india-excel-automation .flip-back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

html.cs-page-nippon-india-excel-automation .challenge-stage {
  position: -webkit-sticky;
  position: sticky;
}

@media (max-width:1000px) {
  html.cs-page-nippon-india-excel-automation .project-details-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 28px 32px;
  }

}

@media (max-width:620px) {
  html.cs-page-nippon-india-excel-automation .hero-location {
    display: block;
  }

  html.cs-page-nippon-india-excel-automation .hero-location strong {
    display: block;
    margin-top: 7px;
  }

  html.cs-page-nippon-india-excel-automation .project-details-grid {
    gap: 26px 22px;
  }

  html.cs-page-nippon-india-excel-automation .project-detail dd {
    font-size: 16px;
  }

  html.cs-page-nippon-india-excel-automation .project-detail dt {
    font-size: 16px;
  }

  html.cs-page-nippon-india-excel-automation .case-study a.contact-link {
    max-width: 100%;
  }

  html.cs-page-nippon-india-excel-automation .challenge-nav-actions {
    flex-shrink: 0;
  }

}

@media (max-width:380px) {
  html.cs-page-nippon-india-excel-automation .project-details-grid {
    grid-template-columns: 1fr;
  }

  html.cs-page-nippon-india-excel-automation .hero-country img {
    width: 30px;
  }

  html.cs-page-nippon-india-excel-automation .challenge-navigation {
    flex-wrap: wrap;
    gap: 8px;
  }

  html.cs-page-nippon-india-excel-automation .challenge-scroll-hint {
    max-width: none;
  }

  html.cs-page-nippon-india-excel-automation .feature-tab {
    flex-direction: column;
    align-items: flex-start;
  }

}

@media (max-width:767px) {
  html.cs-page-nippon-india-excel-automation .hero-art {
    display: none !important;
  }

  html.cs-page-nippon-india-excel-automation .hero-layout,html.cs-page-nippon-india-excel-automation .brief-layout {
    grid-template-columns: minmax(0,1fr) !important;
  }

  html.cs-page-nippon-india-excel-automation .case-study>section {
    padding-top: 80px !important;
    padding-bottom: 48px !important;
  }
html.cs-page-nippon-india-excel-automation .cs-hero-visual
{
  display: none !important;
}
  html.cs-page-nippon-india-excel-automation .hero-section h1 {
    font-size: clamp(32px,7.5vw,44px) !important;
    line-height: 1.15 !important;
  }

  html.cs-page-nippon-india-excel-automation .case-study h2 {
    font-size: clamp(26px,6vw,32px) !important;
    line-height: 1.25 !important;
  }

  html.cs-page-nippon-india-excel-automation .hero-section p {
    font-size: 16px !important;
    line-height: 1.7 !important;
    max-width: 100% !important;
  }

  html.cs-page-nippon-india-excel-automation .hero-actions {
    gap: 12px !important;
  }

  html.cs-page-nippon-india-excel-automation .hero-actions a {
    min-height: 48px;
    justify-content: center;
  }

  html.cs-page-nippon-india-excel-automation .client-brief,html.cs-page-nippon-india-excel-automation .client-brief .brief-paragraphs p,html.cs-page-nippon-india-excel-automation .client-brief .brief-facts {
    text-align: center !important;
  }

  html.cs-page-nippon-india-excel-automation .client-brief .brief-paragraphs {
    max-width: 560px;
    margin: 0 auto 28px;
  }

  html.cs-page-nippon-india-excel-automation .client-brief .brief-paragraphs p {
    font-size: 16px;
    line-height: 1.75;
  }

  html.cs-page-nippon-india-excel-automation .brief-facts {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 20px !important;
    max-width: 420px;
    margin: 0 auto;
  }

  html.cs-page-nippon-india-excel-automation .brief-visual {
    max-width: 300px;
  }

  html.cs-page-nippon-india-excel-automation .brief-visual figcaption {
    text-align: center;
    border-left: 0;
    padding-left: 0;
  }

  html.cs-page-nippon-india-excel-automation .brief-visual figcaption:before {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background: #ee4865;
    margin: 0 auto 12px;
  }

  html.cs-page-nippon-india-excel-automation .feature-tab {
    min-height: 48px;
  }

}

@media (max-width:480px) {
  html.cs-page-nippon-india-excel-automation .hero-actions {
    flex-direction: column;
    align-items: stretch;
  }

  html.cs-page-nippon-india-excel-automation .hero-actions a {
    padding: 14px 18px !important;
    text-align: center;
  }

  html.cs-page-nippon-india-excel-automation .hero-section h1 {
    letter-spacing: -.025em !important;
  }

}

html.cs-page-nippon-india-excel-automation .birdi-gradient-label::after {
  content: "";
  display: block;
  width: 72px;
  height: 3px;
  margin: 12px auto 0;
  border-radius: 3px;
  background: linear-gradient(90deg,#ee4865 0%,#ff8299 48%,rgba(255,130,153,0) 100%);
}

html.cs-page-nippon-india-excel-automation .hero-location .hero-country {
  gap: 14px;
}

html.cs-page-nippon-india-excel-automation .hero-location .hero-country img {
  width: 48px;
}

html.cs-page-nippon-india-excel-automation .hero-location .hero-country span {
  font-size: 26px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -.02em;
}

@media (max-width:767px) {
  html.cs-page-nippon-india-excel-automation .hero-location .hero-country img {
    width: 42px;
  }

  html.cs-page-nippon-india-excel-automation .hero-location .hero-country span {
    font-size: 23px;
  }

}

html.cs-page-nippon-india-excel-automation .client-brief .brief-visual {
  width: min(100%,420px);
  max-width: 420px;
}

html.cs-page-nippon-india-excel-automation .client-brief .brief-visual img {
  height: auto;
  object-fit: contain;
  box-shadow: 0 20px 44px rgba(16,29,48,.16),0 5px 12px rgba(16,29,48,.08);
}

html.cs-page-nippon-india-excel-automation .need-grid {
  grid-auto-rows: auto;
}

html.cs-page-nippon-india-excel-automation .need-grid .need-static {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  row-gap: 0;
  height: auto;
}

html.cs-page-nippon-india-excel-automation .need-grid .need-copy {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  row-gap: 0;
}

@media (max-width:620px) {
  html.cs-page-nippon-india-excel-automation .need-grid .need-static {
    display: block;
    grid-row: auto;
  }

  html.cs-page-nippon-india-excel-automation .need-grid .need-copy {
    display: block;
    grid-row: auto;
  }

  html.cs-page-nippon-india-excel-automation .client-brief .brief-visual img {
    box-shadow: 0 14px 28px rgba(16,29,48,.14),0 3px 8px rgba(16,29,48,.07);
  }

}

@media (max-width:767px) {
  html.cs-page-nippon-india-excel-automation .client-brief .brief-visual {
    width: min(100%,300px);
  }

}

html.cs-page-nippon-india-excel-automation .client-brief .brief-facts {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  gap: 0 !important;
  max-width: none;
  margin: 28px 0 0;
  padding: 6px 22px;
  background: #f6f7fa;
  border: 1px solid #e3e7ed;
  border-radius: 16px;
  text-align: left !important;
}

html.cs-page-nippon-india-excel-automation .brief-fact {
  display: grid;
  grid-template-columns: 36px minmax(0,1fr);
  gap: 14px;
  align-items: start;
  padding: 18px 0;
}

html.cs-page-nippon-india-excel-automation .brief-fact+.brief-fact {
  border-top: 1px solid #dfe4ec;
}

html.cs-page-nippon-india-excel-automation .brief-fact-icon {
  display: grid;
  place-items: center;
  height: 36px;
  border-radius: 10px;
  background: #fce7ed;
  color: #c92145;
  font-size: 17px;
}

html.cs-page-nippon-india-excel-automation .case-study .brief-fact h3 {
  font-size: 17px;
  line-height: 1.45;
  font-weight: 600;
  margin: 0 0 5px;
  color: #101d30;
}

html.cs-page-nippon-india-excel-automation .brief-fact p {
  font-size: 16px;
  line-height: 1.65;
  margin: 0;
  color: #535d6c;
}

html.cs-page-nippon-india-excel-automation .challenge-mobile {
  display: none;
}

html.cs-page-nippon-india-excel-automation .challenge-focus {
  height: auto;
  min-height: 0;
  max-height: none;
  flex: 0 0 auto;
  overflow: hidden;
  box-shadow: none;
}

html.cs-page-nippon-india-excel-automation .challenge-stage {
  max-height: none;
}

html.cs-page-nippon-india-excel-automation .challenge-stage>.comparison-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
  margin-bottom: 28px;
}

html.cs-page-nippon-india-excel-automation .challenge-stage>.comparison-heading>div {
  width: 100%;
}

html.cs-page-nippon-india-excel-automation .challenge-stage>.comparison-heading>p {
  max-width: 680px;
  margin: 0;
  color: #626b78;
  font-size: 16px;
  line-height: 1.7;
}

html.cs-page-nippon-india-excel-automation .challenge-stage>.comparison-heading .eyebrow {
  margin-bottom: 12px;
}

html.cs-page-nippon-india-excel-automation .challenge-navigation {
  margin-bottom: 20px;
}

html.cs-page-nippon-india-excel-automation .challenge-mobile-heading {
  text-align: center;
}

html.cs-page-nippon-india-excel-automation .challenge-mobile-description {
  max-width: 680px;
  margin: 16px auto 0;
  font-size: 16px;
  line-height: 1.7;
  color: #626b78;
}

html.cs-page-nippon-india-excel-automation .challenge-mobile-hint {
  font-size: 16px;
  line-height: 1.5;
  color: #626b78;
  margin: 0 0 16px;
}

html.cs-page-nippon-india-excel-automation .challenge-focus-pair {
  animation: none;
}

html.cs-page-nippon-india-excel-automation .challenge-focus-pair .response-heading {
  flex-direction: row;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}

html.cs-page-nippon-india-excel-automation .challenge-focus-pair .response-heading i {
  font-size: 22px;
}

html.cs-page-nippon-india-excel-automation .challenge-focus-pair .response-heading h4 {
  font-size: 21px;
  line-height: 1.35;
}

html.cs-page-nippon-india-excel-automation .challenge-focus-pair p {
  font-size: 16px;
  line-height: 1.7;
  color: #535d6c;
}

html.cs-page-nippon-india-excel-automation .case-study .challenge-focus-heading h3 {
  font-size: 28px;
}

html.cs-page-nippon-india-excel-automation .related-section {
  background: #101d30;
  color: #f7f9fc;
  padding: clamp(48px,6vw,72px) 0;
}

html.cs-page-nippon-india-excel-automation .related-heading {
  max-width: 720px;
  margin-bottom: 28px;
}

html.cs-page-nippon-india-excel-automation .related-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.25;
  margin: 0;
  color: #f7f9fc;
}

html.cs-page-nippon-india-excel-automation .related-heading h2 span {
  color: #ff8299;
}

html.cs-page-nippon-india-excel-automation .related-all-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  min-height: 44px;
  font-size: 16px;
  line-height: 1.4;
  color: #f7f9fc;
}

html.cs-page-nippon-india-excel-automation .related-all-link:hover {
  color: #ff8299;
}

html.cs-page-nippon-india-excel-automation .related-all-link:focus-visible {
  outline: 3px solid #ff8299;
  outline-offset: 4px;
}

html.cs-page-nippon-india-excel-automation .related-switcher {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0 0 24px;
}

html.cs-page-nippon-india-excel-automation .related-switcher button {
  font: inherit;
  font-size: 16px;
  line-height: 1.4;
  min-height: 44px;
  min-width: 44px;
  border: 1px solid #4b596e;
  border-radius: 8px;
  color: #f7f9fc;
  background: transparent;
  padding: 10px 16px;
}

html.cs-page-nippon-india-excel-automation .related-switcher button[aria-pressed="true"] {
  background: #f7f9fc;
  color: #101d30;
  border-color: #f7f9fc;
}

html.cs-page-nippon-india-excel-automation .related-card {
  border: 1px solid #39475b;
  border-radius: 18px;
  background: #16253a;
  padding: 32px;
  min-width: 0;
}

html.cs-page-nippon-india-excel-automation .related-card-tag {
  color: #ff8299;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 12px;
}

html.cs-page-nippon-india-excel-automation .case-study .related-card h3 {
  font-size: clamp(24px,2.7vw,32px);
  line-height: 1.3;
  color: #f7f9fc;
  margin: 0 0 28px;
  max-width: 780px;
}

html.cs-page-nippon-india-excel-automation .related-comparison {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 32px;
}

html.cs-page-nippon-india-excel-automation .related-card h4 {
  font-size: 17px;
  line-height: 1.4;
  font-weight: 600;
  color: #f7f9fc;
  margin: 0 0 10px;
}

html.cs-page-nippon-india-excel-automation .related-card p {
  font-size: 16px;
  line-height: 1.75;
  overflow-wrap: anywhere;
}

html.cs-page-nippon-india-excel-automation .related-comparison p {
  color: #bdcbe0;
  margin: 0;
}

html.cs-page-nippon-india-excel-automation .related-result {
  margin-top: 28px;
  padding: 24px 0 0;
  border-top: 1px solid #3d4b60;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: end;
  gap: 28px;
}

html.cs-page-nippon-india-excel-automation .related-result p {
  color: #bdcbe0;
  margin: 0;
  max-width: 780px;
}

html.cs-page-nippon-india-excel-automation .related-result a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #f7f9fc;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 2px solid #ff8299;
  padding: 10px 0;
}

@media (max-width:899px),(max-height:650px) {
  html.cs-page-nippon-india-excel-automation .challenge-story {
    display: none;
  }

  html.cs-page-nippon-india-excel-automation .challenge-mobile {
    display: block;
  }

  html.cs-page-nippon-india-excel-automation .challenge-mobile-heading {
    margin-bottom: 24px;
  }

  html.cs-page-nippon-india-excel-automation .case-study .challenge-mobile-heading h2 {
    font-size: 30px;
    line-height: 1.25;
    margin: 0;
    color: #101d30;
  }

  html.cs-page-nippon-india-excel-automation .challenge-mobile-heading h2 span {
    color: #c92145;
  }

  html.cs-page-nippon-india-excel-automation .challenge-disclosures {
    display: grid;
    gap: 10px;
  }

  html.cs-page-nippon-india-excel-automation .challenge-disclosure {
    border: 1px solid #dce2eb;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
  }

  html.cs-page-nippon-india-excel-automation .challenge-disclosure summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    list-style: none;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
    color: #101d30;
    cursor: pointer;
  }

  html.cs-page-nippon-india-excel-automation .challenge-disclosure summary::-webkit-details-marker {
    display: none;
  }

  html.cs-page-nippon-india-excel-automation .challenge-disclosure summary i {
    font-size: 16px;
    color: #c92145;
    flex-shrink: 0;
    transition: transform .18s;
  }

  html.cs-page-nippon-india-excel-automation .challenge-disclosure[open] summary {
    background: #101d30;
    color: #fff;
  }

  html.cs-page-nippon-india-excel-automation .challenge-disclosure[open] summary i {
    transform: rotate(180deg);
    color: #ff8299;
  }

  html.cs-page-nippon-india-excel-automation .challenge-disclosure-body {
    padding: 20px;
  }

  html.cs-page-nippon-india-excel-automation .challenge-disclosure-body>div+div {
    border-top: 1px solid #e2e6ed;
    padding-top: 18px;
    margin-top: 18px;
  }

  html.cs-page-nippon-india-excel-automation .challenge-disclosure h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 8px;
    color: #101d30;
  }

  html.cs-page-nippon-india-excel-automation .challenge-disclosure .mobile-response h3 {
    color: #c92145;
  }

  html.cs-page-nippon-india-excel-automation .challenge-disclosure p {
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
    color: #535d6c;
  }

}

@media (max-width:767px) {
  html.cs-page-nippon-india-excel-automation .client-brief .brief-paragraphs p {
    text-align: left !important;
  }

  html.cs-page-nippon-india-excel-automation .client-brief .brief-facts {
    text-align: left !important;
    padding: 4px 18px;
  }

  html.cs-page-nippon-india-excel-automation .brief-fact {
    grid-template-columns: 32px minmax(0,1fr);
    gap: 12px;
    padding: 17px 0;
  }

  html.cs-page-nippon-india-excel-automation .brief-fact-icon {
    height: 32px;
    font-size: 16px;
  }

  html.cs-page-nippon-india-excel-automation .related-card {
    padding: 22px;
    border-radius: 14px;
  }

  html.cs-page-nippon-india-excel-automation .related-comparison {
    grid-template-columns: minmax(0,1fr);
    gap: 22px;
  }

  html.cs-page-nippon-india-excel-automation .related-result {
    grid-template-columns: minmax(0,1fr);
    gap: 18px;
    margin-top: 22px;
    padding-top: 22px;
  }

  html.cs-page-nippon-india-excel-automation .case-study .related-card h3 {
    font-size: 25px;
    margin-bottom: 24px;
  }

  html.cs-page-nippon-india-excel-automation .related-result a {
    justify-self: start;
  }

  html.cs-page-nippon-india-excel-automation .related-switcher {
    gap: 8px;
  }

}

@media (prefers-reduced-motion:reduce) {
  html.cs-page-nippon-india-excel-automation .challenge-disclosure summary i {
    transition: none;
  }

}

html.cs-page-nippon-india-excel-automation .birdi-summary {
  background: radial-gradient(ellipse at 3% 100%,rgba(238,72,101,.25) 0%,rgba(238,72,101,.08) 34%,transparent 64%),radial-gradient(ellipse at 100% 0%,rgba(255,130,153,.17) 0%,transparent 58%),linear-gradient(115deg,#101d30 0%,#14243b 52%,#101d30 100%);
  color: #f6f8fc;
  padding: 40px 0;
}

html.cs-page-nippon-india-excel-automation .birdi-summary-inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 48px;
  align-items: stretch;
}

html.cs-page-nippon-india-excel-automation .birdi-summary-identity {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

html.cs-page-nippon-india-excel-automation .birdi-summary-client {
  display: flex;
  gap: 18px;
  align-items: center;
  width: 100%;
}

html.cs-page-nippon-india-excel-automation .birdi-summary .birdi-client-name {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.035em;
  margin: 0;
  color: #f6f8fc;
}

html.cs-page-nippon-india-excel-automation .birdi-summary-sector {
  font-size: 16px;
  color: #bdc8d9;
  border-left: 1px solid #445063;
  padding-left: 18px;
}

html.cs-page-nippon-india-excel-automation .birdi-summary .birdi-solution {
  font-size: 23px;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: -.025em;
  max-width: 420px;
  margin: 20px 0 22px;
  color: #f6f8fc;
}

html.cs-page-nippon-india-excel-automation .birdi-summary-status {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 16px;
  line-height: 1.4;
  color: #f6f8fc;
  margin-top: auto;
}

html.cs-page-nippon-india-excel-automation .birdi-summary-status i {
  color: #ff8299;
  font-size: 16px;
}

html.cs-page-nippon-india-excel-automation .birdi-summary-facts {
  display: grid;
  grid-template-columns: 1fr 1.12fr;
  column-gap: 32px;
  row-gap: 24px;
  margin: 0;
  padding: 3px 0 3px 40px;
  border-left: 1px solid #394558;
  align-content: space-between;
}

html.cs-page-nippon-india-excel-automation .birdi-summary-facts>div {
  min-width: 0;
}

html.cs-page-nippon-india-excel-automation .birdi-summary-facts dt {
  font-size: 16px;
  line-height: 1.4;
  color: #bdc8d9;
  margin: 0 0 8px;
  font-weight: 400;
}

html.cs-page-nippon-india-excel-automation .birdi-summary-facts dd {
  font-size: 18px;
  line-height: 1.5;
  color: #f6f8fc;
  font-weight: 500;
  margin: 0;
}

@media (max-width:1000px) {
  html.cs-page-nippon-india-excel-automation .birdi-summary-inner {
    gap: 28px;
    grid-template-columns: 1fr 1.25fr;
  }

  html.cs-page-nippon-india-excel-automation .birdi-summary-facts {
    padding-left: 28px;
    column-gap: 24px;
  }

  html.cs-page-nippon-india-excel-automation .birdi-summary .birdi-solution {
    font-size: 21px;
  }

}

@media (max-width:767px) {
  html.cs-page-nippon-india-excel-automation .birdi-summary {
    padding: 30px 0;
  }

  html.cs-page-nippon-india-excel-automation .birdi-summary-inner {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  html.cs-page-nippon-india-excel-automation .birdi-summary .birdi-solution {
    font-size: 22px;
    max-width: 520px;
    margin: 16px 0 18px;
  }

  html.cs-page-nippon-india-excel-automation .birdi-summary-facts {
    border-left: 0;
    border-top: 1px solid #394558;
    padding: 24px 0 0;
    gap: 22px 24px;
    grid-template-columns: 1fr 1fr;
  }

  html.cs-page-nippon-india-excel-automation .birdi-summary-facts dd {
    font-size: 16px;
  }

  html.cs-page-nippon-india-excel-automation .birdi-summary .birdi-client-name {
    font-size: 30px;
  }

}

@media (max-width:359px) {
  html.cs-page-nippon-india-excel-automation .birdi-summary-facts {
    grid-template-columns: 1fr;
  }

}

/* Fixed presentation exported from the approved page. */

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-1, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-1 {
  font-family: Lexend, sans-serif;
  background: rgb(255, 255, 255);
  color: rgb(16, 29, 48);
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-2, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-2 {
  background: rgb(255, 255, 255);
  padding: clamp(56px, 7vw, 84px) 0px;
  position: relative;
  overflow: hidden;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-3, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-3 {
  max-width: 1180px;
  margin: 0px auto;
  padding: 0px 24px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-4, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-4 {
  align-items: center;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-5, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-5 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 22px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-6, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-6 {
  height: 2px;
  width: 38px;
  background: linear-gradient(90deg, rgb(238, 72, 101), rgb(213, 31, 63));
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-7, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-7 {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.16em;
  color: rgb(238, 72, 101);
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-8, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-8 {
  font-size: clamp(2.05rem, 4vw, 4rem);
  line-height: 1.06;
  font-weight: 700;
  margin: 0px 0px 22px;
  letter-spacing: -0.01em;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-9, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-9 {
  color: rgb(238, 72, 101);
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-10, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-10 {
  font-size: 17px;
  line-height: 1.7;
  color: var(--body);
  margin: 0px 0px 30px;
  max-width: 470px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-11, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-11 {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-12, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-12 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, rgb(238, 72, 101) 0%, rgb(213, 31, 63) 100%);
  color: rgb(255, 255, 255);
  font-weight: 600;
  font-size: 16px;
  padding: 15px 28px;
  border-radius: 10px;
  box-shadow: rgba(213, 31, 63, 0.26) 0px 12px 26px;
  transition: transform 0.25s, box-shadow 0.25s;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-13, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-13 {
  font-size: 16px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-14, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-14 {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 24px 0px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-15, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-15 {
  position: absolute;
  inset: auto 12% 6%;
  height: 78%;
  background: rgb(243, 243, 243);
  border-radius: 16px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-16, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-16 {
  position: relative;
  width: 100%;
  max-width: 262px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: rgba(16, 29, 48, 0.24) 0px 34px 74px, rgba(16, 29, 48, 0.1) 0px 6px 16px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-17, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-17 {
  display: block;
  width: 100%;
  height: auto;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-18, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-18 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
  gap: 24px;
  margin-top: clamp(36px, 5vw, 56px);
  padding-top: 28px;
  border-top: 1px solid rgba(16, 29, 48, 0.1);
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-19, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-19 {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-20, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-20 {
  color: rgb(238, 72, 101);
  font-size: 16px;
  margin-top: 4px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-21, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-21 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 3px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-22, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-22 {
  font-size: 16px;
  color: var(--body);
  line-height: 1.45;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-23, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-23 {
  background: rgb(255, 255, 255);
  padding: clamp(56px, 7vw, 84px) 0px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-24, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-24 {
  max-width: 720px;
  margin: 0px auto clamp(32px, 4vw, 48px);
  text-align: center;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-25, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-25 {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: rgb(238, 72, 101);
  font-weight: 700;
  margin-bottom: 16px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-26, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-26 {
  font-size: clamp(1.55rem, 2.4vw, 2.1rem);
  font-weight: 700;
  line-height: 1.25;
  margin: 0px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-27, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-27 {
  background: rgb(243, 243, 243);
  padding: clamp(56px, 7vw, 84px) 0px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-28, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-28 {
  max-width: 740px;
  margin: 0px auto clamp(32px, 4vw, 48px);
  text-align: center;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-29, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-29 {
  font-size: clamp(1.55rem, 2.4vw, 2.1rem);
  font-weight: 700;
  line-height: 1.25;
  margin: 0px 0px 18px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-30, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-30 {
  font-size: 16px;
  line-height: 1.75;
  color: var(--body);
  margin: 0px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-31, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-31 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: clamp(32px, 5vw, 64px);
  align-items: center;
  margin-bottom: clamp(36px, 5vw, 56px);
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-32, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-32 {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: rgb(238, 72, 101);
  font-weight: 700;
  margin-bottom: 18px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-33, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-33 {
  font-size: clamp(1.55rem, 2.4vw, 2.1rem);
  font-weight: 700;
  line-height: 1.25;
  margin: 0px 0px 20px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-34, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-34 {
  font-size: 16px;
  line-height: 1.75;
  color: var(--body);
  margin: 0px 0px 14px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-35, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-35 {
  display: flex;
  justify-content: center;
  gap: 16px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-36, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-36 {
  width: 46%;
  max-width: 190px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: rgba(16, 29, 48, 0.18) 0px 24px 54px;
  align-self: flex-start;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-37, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-37 {
  width: 46%;
  max-width: 190px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: rgba(16, 29, 48, 0.18) 0px 24px 54px;
  align-self: flex-end;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-38, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-38 {
  width: 10%;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-39, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-39 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: clamp(28px, 4vw, 52px);
  align-items: center;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-40, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-40 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-41, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-41 {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgb(238, 72, 101), rgb(213, 31, 63));
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-42, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-42 {
  color: rgb(255, 255, 255);
  font-size: 16px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-43, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-43 {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-weight: 700;
  color: rgb(16, 29, 48);
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-44, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-44 {
  font-size: 16px;
  line-height: 1.75;
  color: var(--body);
  margin: 0px 0px 26px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-45, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-45 {
  display: flex;
  flex-direction: column;
  gap: 0px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-46, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-46 {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 15px 0px;
  border-top: 1px solid rgba(16, 29, 48, 0.12);
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-47, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-47 {
  font-size: 16px;
  font-weight: 700;
  color: rgb(238, 72, 101);
  min-width: 22px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-48, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-48 {
  font-size: 16px;
  line-height: 1.55;
  color: rgb(16, 29, 48);
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-49, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-49 {
  display: flex;
  justify-content: center;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-50, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-50 {
  width: 100%;
  max-width: 250px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: rgba(16, 29, 48, 0.22) 0px 28px 60px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-51, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-51 {
  position: relative;
  overflow: hidden;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.57), rgb(239, 239, 255));
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  padding: clamp(56px, 7vw, 84px) 0px;
  color: rgb(16, 29, 48);
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-52, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-52 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: clamp(32px, 5vw, 64px);
  align-items: center;
  margin-bottom: clamp(40px, 5vw, 60px);
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-53, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-53 {
  position: relative;
  display: flex;
  justify-content: center;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-54, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-54 {
  width: 100%;
  max-width: 236px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.42) 0px 30px 66px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-55, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-55 {
  position: absolute;
  top: 12%;
  right: 0px;
  background: rgb(255, 255, 255);
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 16px 34px;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  gap: 9px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-56, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-56 {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: rgb(31, 158, 92);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-57, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-57 {
  font-size: 16px;
  font-weight: 700;
  color: rgb(16, 29, 48);
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-58, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-58 {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 8px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-59, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-59 {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-weight: 700;
  color: rgb(16, 29, 48);
  white-space: normal;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-60, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-60 {
  height: 1px;
  flex: 1 1 0%;
  background: rgba(16, 29, 48, 0.15);
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-61, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-61 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 0px 56px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-62, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-62 {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 20px 0px;
  border-bottom: 1px solid rgba(16, 29, 48, 0.12);
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-63, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-63 {
  color: rgb(238, 72, 101);
  font-size: 22px;
  width: 24px;
  flex-shrink: 0;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-64, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-64 {
  font-size: 16px;
  line-height: 1.7;
  color: rgb(83, 93, 108);
  font-weight: 300;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-65, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-65 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 32px;
  align-items: end;
  margin-bottom: clamp(32px, 4vw, 44px);
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-66, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-66 {
  max-width: 640px;
  margin-bottom: clamp(32px, 4vw, 44px);
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-67, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-67 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: 20px 40px;
  align-items: center;
  padding: 26px 0px;
  border-top: 1px solid rgba(16, 29, 48, 0.12);
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-68, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-68 {
  display: flex;
  align-items: baseline;
  gap: 14px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-69, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-69 {
  font-size: 16px;
  font-weight: 700;
  color: rgb(238, 72, 101);
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-70, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-70 {
  font-size: 16.5px;
  font-weight: 700;
  line-height: 1.3;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-71, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-71 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  min-width: 0px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-72, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-72 {
  display: flex;
  align-items: center;
  gap: 9px;
  background: rgb(243, 243, 243);
  border-radius: 8px;
  padding: 10px 16px;
  transition: background 0.3s, color 0.3s;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-73, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-73 {
  color: rgb(238, 72, 101);
  font-size: 16px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-74, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-74 {
  font-size: 16px;
  font-weight: 600;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-75, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-75 {
  font-size: 16px;
  opacity: 1;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-76, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-76 {
  max-width: 1180px;
  margin: 0px auto;
  padding: 0px 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: clamp(32px, 5vw, 64px);
  align-items: center;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-77, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-77 {
  font-size: 16px;
  line-height: 1.75;
  color: var(--body);
  margin: 0px 0px 28px;
  max-width: 480px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-78, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-78 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, rgb(238, 72, 101), rgb(213, 31, 63));
  color: rgb(255, 255, 255);
  font-weight: 600;
  font-size: 16px;
  padding: 16px 32px;
  border-radius: 10px;
  box-shadow: rgba(213, 31, 63, 0.26) 0px 14px 30px;
  transition: transform 0.25s, box-shadow 0.25s;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-79, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-79 {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: rgb(16, 29, 48);
  font-weight: 700;
  margin-bottom: 6px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-80, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-80 {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 0px;
  border-bottom: 1px solid rgba(16, 29, 48, 0.12);
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-81, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-81 {
  color: rgb(238, 72, 101);
  font-size: 16px;
  width: 20px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-82, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-82 {
  font-size: 16px;
  font-weight: 500;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-83, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-83 {
  position: sticky;
  top: 70px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-84, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-84 {
  font-size: clamp(1.55rem, 2.4vw, 2.1rem);
  font-weight: 700;
  line-height: 1.25;
  margin: 0px 0px 16px;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-presentation-85, html.cs-page-nippon-india-excel-automation .case-study.birdi-presentation-85 {
  font-size: 16px;
  line-height: 1.7;
  color: var(--body);
  margin: 0px;
  max-width: 330px;
}

/* Original file: Nippon-India-Excel-Automation/css/bootstrap4-integration.css */
/* Bootstrap 4 grid and tabs, adjusted to preserve the approved Birdi design. */

html.cs-page-nippon-india-excel-automation .case-study .hero-layout.row, html.cs-page-nippon-india-excel-automation .case-study .brief-layout.row {
  --birdi-column-gap: clamp(32px, 5vw, 64px);
  display: flex !important;
  gap: 0 !important;
  margin-left: 0;
  margin-right: 0;
}

html.cs-page-nippon-india-excel-automation .case-study .brief-layout.row {
  --birdi-column-gap: clamp(32px, 5vw, 56px);
}

html.cs-page-nippon-india-excel-automation .case-study .hero-layout.row > .col-md-6, html.cs-page-nippon-india-excel-automation .case-study .brief-layout.row > .col-md-6 {
  padding-left: calc(var(--birdi-column-gap) * 0.5);
  padding-right: calc(var(--birdi-column-gap) * 0.5);
}

html.cs-page-nippon-india-excel-automation .case-study .hero-layout.row > .col-md-6:first-child, html.cs-page-nippon-india-excel-automation .case-study .brief-layout.row > .col-md-6:first-child {
  padding-left: 0;
}

html.cs-page-nippon-india-excel-automation .case-study .hero-layout.row > .col-md-6:last-child, html.cs-page-nippon-india-excel-automation .case-study .brief-layout.row > .col-md-6:last-child {
  padding-right: 0;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-contact-button {
  border: 0;
  line-height: normal;
  text-align: inherit;
  vertical-align: baseline;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-contact-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 34px rgba(213,31,63,.34);
  color: #fff;
}

html.cs-page-nippon-india-excel-automation .case-study .birdi-tech-pill:hover {
  background: #101d30;
  color: #fff;
}

html.cs-page-nippon-india-excel-automation .case-study .feature-tabs.nav-tabs {
  border-bottom: 0;
}

html.cs-page-nippon-india-excel-automation .case-study .feature-tabs.nav-tabs .nav-link {
  border: 0;
  margin-bottom: 0;
  padding: 20px 8px;
  color: #101d30;
  line-height: 1.4;
}

html.cs-page-nippon-india-excel-automation .case-study .feature-tabs.nav-tabs .nav-link.active {
  background: #fff;
  color: #101d30;
}

html.cs-page-nippon-india-excel-automation .case-study .tab-content > .features-panel.active {
  display: grid;
}

@media (max-width: 767px) {
  html.cs-page-nippon-india-excel-automation .case-study .hero-layout.row, html.cs-page-nippon-india-excel-automation .case-study .brief-layout.row {
    margin-left: 0;
    margin-right: 0;
  }

  html.cs-page-nippon-india-excel-automation .case-study .hero-layout.row > .col-md-6, html.cs-page-nippon-india-excel-automation .case-study .brief-layout.row > .col-md-6 {
    padding-left: 0;
    padding-right: 0;
  }

  html.cs-page-nippon-india-excel-automation .case-study .brief-layout.row > .col-md-6 + .col-md-6 {
    margin-top: 32px;
  }

}

@media (max-width: 460px) {
  html.cs-page-nippon-india-excel-automation .case-study .feature-tabs.nav-tabs .nav-link {
    padding: 16px 6px;
  }

}

@media (prefers-reduced-motion: reduce) {
  html.cs-page-nippon-india-excel-automation .case-study .birdi-contact-button:hover {
    transform: none;
  }

}

/* Original file: Nippon-India-Excel-Automation/css/case-study.css */
html.cs-page-nippon-india-excel-automation {
  --navy: #081b36;
  --ink: #162238;
  --muted: #667080;
  --accent: #ee4865;
  --accent-soft: #fff0f3;
  --soft: #f1f1f1;
  --line: #dfe4ea;
  --dark: #111e33;
  --white: #ffffff;
}

html.cs-page-nippon-india-excel-automation * {
  box-sizing: border-box;
}

html.cs-page-nippon-india-excel-automation {
  font-size: 16px;
  scroll-behavior: smooth;
}

html.cs-page-nippon-india-excel-automation body {
  margin: 0;
  color: var(--ink);
  background: #fff;
  font-family: Lexend, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.65;
}

html.cs-page-nippon-india-excel-automation h1, html.cs-page-nippon-india-excel-automation h2, html.cs-page-nippon-india-excel-automation h3, html.cs-page-nippon-india-excel-automation h4, html.cs-page-nippon-india-excel-automation p, html.cs-page-nippon-india-excel-automation figure, html.cs-page-nippon-india-excel-automation dl, html.cs-page-nippon-india-excel-automation dd {
  margin-top: 0;
}

html.cs-page-nippon-india-excel-automation img {
  display: block;
  max-width: 100%;
}

html.cs-page-nippon-india-excel-automation .case-study section a {
  color: #fff;
}

html.cs-page-nippon-india-excel-automation .case-study section a:hover {
  color: var(--navy);
  text-decoration: none;
}

html.cs-page-nippon-india-excel-automation em {
  color: var(--accent);
  font-style: normal;
}

html.cs-page-nippon-india-excel-automation .cs-shell {
  width: 100%;
  /* max-width: 1180px;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px; */
}

html.cs-page-nippon-india-excel-automation .cs-section {
  padding: 86px 0;
  background: #fff;
}

html.cs-page-nippon-india-excel-automation .cs-section.cs-soft {
  background: var(--soft);
}

html.cs-page-nippon-india-excel-automation .cs-section.cs-dark {
  color: #fff;
  background: linear-gradient(135deg, #0c192c, #18263e);
}

html.cs-page-nippon-india-excel-automation .cs-section-header {
  text-align:center;
  margin-bottom: 40px;
}

html.cs-page-nippon-india-excel-automation .cs-section-header.cs-center {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

html.cs-page-nippon-india-excel-automation .cs-eyebrow {
  display: block;
  margin-bottom: 12px;
  color: var(--accent);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

html.cs-page-nippon-india-excel-automation .cs-section h2, html.cs-page-nippon-india-excel-automation .cs-cta h2 {
  margin-bottom: 18px;
  color: var(--navy);
  font-size: clamp(2rem, 3.4vw, 3.25rem);
  font-weight: 750;
  letter-spacing: -.035em;
  line-height: 1.12;
}

html.cs-page-nippon-india-excel-automation .cs-dark h2, html.cs-page-nippon-india-excel-automation .cs-dark h3 {
  color: #fff;
}

html.cs-page-nippon-india-excel-automation .cs-dark .cs-section-header p, html.cs-page-nippon-india-excel-automation .cs-workflow .cs-section-header p {
  color: #b8cbe5;
}

html.cs-page-nippon-india-excel-automation .cs-dark .cs-value-card h3 {
  color: var(--navy);
}

html.cs-page-nippon-india-excel-automation .cs-section-header p {
  color: var(--muted);
}

html.cs-page-nippon-india-excel-automation .cs-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 46px;
  align-items: start;
}

html.cs-page-nippon-india-excel-automation .cs-copy p, html.cs-page-nippon-india-excel-automation .cs-copy li {
  color: #5f6877;
}

html.cs-page-nippon-india-excel-automation .cs-copy ul {
  padding-left: 20px;
}

html.cs-page-nippon-india-excel-automation .cs-copy li {
  margin-bottom: 8px;
}

html.cs-page-nippon-india-excel-automation .cs-shot {
  margin: 0;
}

html.cs-page-nippon-india-excel-automation .cs-shot img {
  width: 100%;
  height: auto;
  border: 1px solid #d9e0e8;
  border-radius: 12px;
  box-shadow: 0 20px 48px rgba(9, 29, 57, .14);
}

html.cs-page-nippon-india-excel-automation .cs-shot figcaption {
  margin-top: 10px;
  color: #747e8c;
  font-size: .75rem;
  line-height: 1.5;
}

html.cs-page-nippon-india-excel-automation .cs-wide {
  margin-top: 40px;
}

html.cs-page-nippon-india-excel-automation .cs-hero {
  padding: 72px 0 50px;
  background: #fff;
  padding-top:140px;
}

html.cs-page-nippon-india-excel-automation .cs-hero-row {
  align-items: center;
}

html.cs-page-nippon-india-excel-automation .cs-hero-copy {
  padding-right: 34px;
}

html.cs-page-nippon-india-excel-automation .cs-status {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  color: var(--accent);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

html.cs-page-nippon-india-excel-automation .cs-status:before {
  width: 10px;
  height: 10px;
  border: 2px solid var(--accent);
  border-radius: 50%;
  content: '';
}

html.cs-page-nippon-india-excel-automation .cs-status.cs-complete:before {
  background: var(--accent);
}

html.cs-page-nippon-india-excel-automation .cs-hero h1 {
  margin-bottom: 18px;
  color: var(--navy);
  font-size: clamp(2.45rem, 4.05vw, 4.05rem);
  font-weight: 780;
  letter-spacing: -.047em;
  line-height: 1.04;
}

html.cs-page-nippon-india-excel-automation .cs-hero-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
  font-size: .84rem;
}

html.cs-page-nippon-india-excel-automation .cs-hero-meta span {
  padding-left: 12px;
  border-left: 2px solid var(--accent);
  color: var(--accent);
  font-weight: 750;
}

html.cs-page-nippon-india-excel-automation .cs-hero-copy > p {
  margin-bottom: 12px;
  color: #586272;
  font-size: .98rem;
}

html.cs-page-nippon-india-excel-automation .cs-support {
  font-size: .82rem !important;
}

html.cs-page-nippon-india-excel-automation .cs-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

html.cs-page-nippon-india-excel-automation .cs-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 13px 20px;
  border: 1px solid var(--accent);
  border-radius: 7px;
  background: var(--accent);
  box-shadow: 0 11px 24px rgba(238, 72, 101, .22);
  color: #fff;
  font-size: .8rem;
  font-weight: 750;
  text-decoration: none;
}

html.cs-page-nippon-india-excel-automation .cs-button:hover {
  color: #fff;
  transform: translateY(-1px);
}

html.cs-page-nippon-india-excel-automation .cs-button.cs-outline {
  background: #fff;
  box-shadow: none;
  color: var(--navy);
}

html.cs-page-nippon-india-excel-automation .cs-button.cs-outline:hover {
  background: var(--accent-soft);
  color: var(--navy);
}

html.cs-page-nippon-india-excel-automation .cs-hero-visual {
  padding-left: 34px;
}

html.cs-page-nippon-india-excel-automation .cs-hero-highlights {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 42px;
  padding-top: 25px;
  border-top: 1px solid var(--line);
}

html.cs-page-nippon-india-excel-automation .cs-hero-highlights article {
  display: flex;
  gap: 10px;
}

html.cs-page-nippon-india-excel-automation .cs-hero-highlights i {
  margin-top: 5px;
  color: var(--accent);
}

html.cs-page-nippon-india-excel-automation .cs-hero-highlights strong, html.cs-page-nippon-india-excel-automation .cs-hero-highlights span {
  display: block;
}

html.cs-page-nippon-india-excel-automation .cs-hero-highlights strong {
  font-size: .78rem;
  line-height: 1.4;
}

html.cs-page-nippon-india-excel-automation .cs-hero-highlights span {
  color: #747c89;
  font-size: .75rem;
  line-height: 1.5;
}

html.cs-page-nippon-india-excel-automation .cs-project {
  padding: 38px 0;
  color: #fff;
  background: linear-gradient(110deg, #111d31, #20263d 60%, #35243a);
}

html.cs-page-nippon-india-excel-automation .cs-project-grid {
  display: grid;
  grid-template-columns: .9fr 1.5fr;
  gap: 42px;
}

html.cs-page-nippon-india-excel-automation .cs-project-title {
  padding-right: 36px;
  border-right: 1px solid rgba(255, 255, 255, .18);
}

html.cs-page-nippon-india-excel-automation .cs-project-title > div {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 17px;
}

html.cs-page-nippon-india-excel-automation .cs-project-title strong {
  font-size: 1.15rem;
}

html.cs-page-nippon-india-excel-automation .cs-project-title span {
  padding-left: 12px;
  border-left: 1px solid rgba(255, 255, 255, .4);
  color: #c7cfdb;
  font-size: .75rem;
}

html.cs-page-nippon-india-excel-automation .cs-project-title h2 {
  margin-bottom: 22px;
  font-size: 1rem;
  line-height: 1.5;
}

html.cs-page-nippon-india-excel-automation .cs-project-title p {
  margin: 0;
  font-size: .75rem;
}

html.cs-page-nippon-india-excel-automation .cs-project-title i {
  color: #ff7890;
}

html.cs-page-nippon-india-excel-automation .cs-facts {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 17px 28px;
  margin: 0;
}

html.cs-page-nippon-india-excel-automation .cs-facts dt {
  color: #abb7ca;
  font-size: .75rem;
  font-weight: 500;
}

html.cs-page-nippon-india-excel-automation .cs-facts dd {
  color: #fff;
  font-size: .75rem;
  font-weight: 650;
  line-height: 1.5;
}

html.cs-page-nippon-india-excel-automation .cs-pill-grid, html.cs-page-nippon-india-excel-automation .cs-feature-grid, html.cs-page-nippon-india-excel-automation .cs-value-grid, html.cs-page-nippon-india-excel-automation .cs-role-grid {
  display: grid;
  gap: 16px;
}

html.cs-page-nippon-india-excel-automation .cs-pill-grid {
  grid-template-columns: repeat(3, 1fr);
}

html.cs-page-nippon-india-excel-automation .cs-pill {
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 62px;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #fff;
  color: var(--ink);
  font-size: .82rem;
  font-weight: 700;
}

html.cs-page-nippon-india-excel-automation .cs-pill i {
  color: var(--accent);
}

html.cs-page-nippon-india-excel-automation .cs-scope {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 34px;
  margin: 34px 0 0;
  padding: 26px 28px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #fff;
}

html.cs-page-nippon-india-excel-automation .cs-scope li {
  position: relative;
  padding: 10px 0 10px 25px;
  border-bottom: 1px solid #edf0f3;
  color: #596371;
  font-size: .82rem;
  list-style: none;
}

html.cs-page-nippon-india-excel-automation .cs-scope li:before {
  position: absolute;
  left: 0;
  color: var(--accent);
  font-family: FontAwesome;
  content: '\f00c';
}

html.cs-page-nippon-india-excel-automation .cs-feature-grid {
  grid-template-columns: repeat(3, 1fr);
}

html.cs-page-nippon-india-excel-automation .cs-feature-card {
  padding: 25px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: #fff;
}

html.cs-page-nippon-india-excel-automation .cs-feature-card i {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  margin-bottom: 18px;
  border-radius: 50%;
  background: var(--accent-soft);
  color: var(--accent);
}

html.cs-page-nippon-india-excel-automation .cs-feature-card h3 {
  margin-bottom: 8px;
  font-size: 1rem;
}

html.cs-page-nippon-india-excel-automation .cs-feature-card p {
  margin: 0;
  color: #66707e;
  font-size: .78rem;
}

html.cs-page-nippon-india-excel-automation .cs-value-grid {
  grid-template-columns: repeat(4, 1fr);
}

html.cs-page-nippon-india-excel-automation .cs-value-card {
  padding: 23px;
  border-top: 3px solid var(--accent);
  background: #fff;
  box-shadow: 0 12px 30px rgba(9, 29, 57, .08);
}

html.cs-page-nippon-india-excel-automation .cs-value-card span {
  color: var(--accent);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-nippon-india-excel-automation .cs-value-card h3 {
  margin: 10px 0 8px;
  font-size: 1rem;
}

html.cs-page-nippon-india-excel-automation .cs-value-card p {
  margin: 0;
  color: #697280;
  font-size: .78rem;
}

html.cs-page-nippon-india-excel-automation .cs-comparison {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: #fff;
}

html.cs-page-nippon-india-excel-automation .cs-compare-head, html.cs-page-nippon-india-excel-automation .cs-compare-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

html.cs-page-nippon-india-excel-automation .cs-compare-head div {
  padding: 18px 24px;
  color: #fff;
  background: var(--navy);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

html.cs-page-nippon-india-excel-automation .cs-compare-head div:last-child {
  background: var(--accent);
}

html.cs-page-nippon-india-excel-automation .cs-compare-row > div {
  padding: 18px 24px;
  border-top: 1px solid var(--line);
  color: #606a78;
  font-size: .81rem;
}

html.cs-page-nippon-india-excel-automation .cs-compare-row > div:first-child {
  border-right: 1px solid var(--line);
}

html.cs-page-nippon-india-excel-automation .cs-compare-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}

html.cs-page-nippon-india-excel-automation .cs-compare-card {
  padding: 30px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
}

html.cs-page-nippon-india-excel-automation .cs-compare-card.cs-new {
  color: #fff;
  background: var(--navy);
}

html.cs-page-nippon-india-excel-automation .cs-compare-card h3 {
  margin-bottom: 20px;
  font-size: 1.25rem;
}

html.cs-page-nippon-india-excel-automation .cs-compare-card ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-nippon-india-excel-automation .cs-compare-card li {
  position: relative;
  padding: 10px 0 10px 25px;
  border-top: 1px solid #e7ebef;
  color: #616b79;
  font-size: .8rem;
}

html.cs-page-nippon-india-excel-automation .cs-compare-card.cs-new li {
  border-color: rgba(255, 255, 255, .13);
  color: #d1d9e5;
}

html.cs-page-nippon-india-excel-automation .cs-compare-card li:before {
  position: absolute;
  left: 0;
  color: var(--accent);
  font-family: FontAwesome;
  content: '\f105';
}

html.cs-page-nippon-india-excel-automation .cs-workflow {
  padding: 86px 0;
  color: #fff;
  background: linear-gradient(135deg, #0d1a2d, #17243b);
}

html.cs-page-nippon-india-excel-automation .cs-workflow h2 {
  color: #fff;
  font-size: clamp(1.55rem, 2.4vw, 2.1rem);
}

html.cs-page-nippon-india-excel-automation .cs-workflow-layout {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 68px;
  align-items: start;
}

html.cs-page-nippon-india-excel-automation .cs-workflow-sticky {
  position: sticky;
  top: 124px;
  min-width: 0;
}

html.cs-page-nippon-india-excel-automation .cs-workflow-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  color: #b9c5d6;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html.cs-page-nippon-india-excel-automation .cs-workflow-stage {
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(330px, 54vh, 520px);
  padding: 16px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 14px;
  background: linear-gradient(155deg, #fff 28%, #eaf1fa);
  box-shadow: 0 22px 55px rgba(0,0,0,.2);
}

html.cs-page-nippon-india-excel-automation .cs-workflow-screen {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  border-radius: 8px;
  animation: cs-page-nippon-india-excel-automation-cs-visual-in .32s ease;
}

html.cs-page-nippon-india-excel-automation .cs-workflow-caption {
  margin: 15px 0 12px;
  color: #cad3e1;
  font-size: .8rem;
  font-weight: 650;
}

html.cs-page-nippon-india-excel-automation .cs-progress-line {
  height: 3px;
  background: rgba(255, 255, 255, .2);
}

html.cs-page-nippon-india-excel-automation .cs-progress-line span {
  display: block;
  height: 100%;
  background: var(--accent);
  transition: width .2s ease;
}

html.cs-page-nippon-india-excel-automation .cs-workflow-timeline {
  padding-left: 34px;
  border-left: 1px solid rgba(255, 255, 255, .23);
}

html.cs-page-nippon-india-excel-automation .cs-workflow-step {
  position: relative;
  min-height: 205px;
  padding-bottom: 52px;
}

html.cs-page-nippon-india-excel-automation .cs-workflow-step:before {
  position: absolute;
  top: 8px;
  left: -40px;
  width: 11px;
  height: 11px;
  border: 2px solid var(--accent);
  border-radius: 50%;
  background: #17243b;
  content: '';
}

html.cs-page-nippon-india-excel-automation .cs-workflow-step.cs-active:before {
  background: var(--accent);
  box-shadow: 0 0 0 8px rgba(238, 72, 101, .18);
}

html.cs-page-nippon-india-excel-automation .cs-step-label {
  margin-bottom: 12px;
  color: #aeb9ca;
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html.cs-page-nippon-india-excel-automation .cs-workflow-step h3 {
  margin-bottom: 11px;
  color: #fff;
  font-size: 1.28rem;
  line-height: 1.35;
}

html.cs-page-nippon-india-excel-automation .cs-workflow-step.cs-active h3 {
  color: var(--accent);
}

html.cs-page-nippon-india-excel-automation .cs-workflow-step p, html.cs-page-nippon-india-excel-automation .cs-workflow-step li {
  color: #bec9d8;
  font-size: .86rem;
}

html.cs-page-nippon-india-excel-automation .cs-workflow-step ul {
  padding-left: 18px;
}

html.cs-page-nippon-india-excel-automation .cs-workflow-note {
  margin-top: 30px;
  padding: 20px 22px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-left: 3px solid var(--accent);
  border-radius: 8px;
  background: rgba(255, 255, 255, .05);
  color: #cbd4e0;
  font-size: .8rem;
}

html.cs-page-nippon-india-excel-automation .cs-workflow-explainer {
  width: 100%;
  max-width: 420px;
  padding: 18px;
  color: var(--navy);
  animation: cs-page-nippon-india-excel-automation-cs-visual-in .32s ease;
}

html.cs-page-nippon-india-excel-automation .cs-workflow-explainer > i {
  margin-bottom: 22px;
  color: var(--accent);
  font-size: 2.65rem;
}

html.cs-page-nippon-india-excel-automation .cs-workflow-explainer h3 {
  margin-bottom: 20px;
  color: var(--navy);
  font-size: 1.38rem;
  line-height: 1.35;
}

html.cs-page-nippon-india-excel-automation .cs-explainer-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 0;
  border-top: 1px solid #e7d5dc;
  color: #596575;
  font-size: .8rem;
  line-height: 1.65;
}

html.cs-page-nippon-india-excel-automation .cs-explainer-row i {
  margin-top: 5px;
  color: var(--accent);
  font-size: .76rem;
}

html.cs-page-nippon-india-excel-automation .cs-illustration-note {
  margin: 16px 0 0;
  color: #707987;
  font-size: .75rem;
  font-weight: 700;
}

@keyframes cs-page-nippon-india-excel-automation-cs-visual-in {
  from {
    opacity: .55;
    transform: translateY(5px);
  }

  to {
    opacity: 1;
    transform: none;
  }

}

html.cs-page-nippon-india-excel-automation .cs-number-flow {
  counter-reset: step;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-nippon-india-excel-automation .cs-number-flow li {
  position: relative;
  min-height: 180px;
  padding: 56px 18px 22px;
  border-top: 1px solid var(--line);
  color: #66707e;
  font-size: .77rem;
}

html.cs-page-nippon-india-excel-automation .cs-number-flow li:before {
  counter-increment: step;
  position: absolute;
  top: -18px;
  left: 18px;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--navy);
  color: #fff;
  content: counter(step, decimal-leading-zero);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-nippon-india-excel-automation .cs-number-flow li:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: var(--line);
  content: '';
}

html.cs-page-nippon-india-excel-automation .cs-number-flow li:nth-child(5n):after {
  display: none;
}

html.cs-page-nippon-india-excel-automation .cs-number-flow strong {
  display: block;
  margin-bottom: 8px;
  color: var(--navy);
  font-size: .9rem;
}

html.cs-page-nippon-india-excel-automation .cs-role-grid {
  grid-template-columns: repeat(3, 1fr);
}

html.cs-page-nippon-india-excel-automation .cs-role {
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #fff;
}

html.cs-page-nippon-india-excel-automation .cs-role .cs-role-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 18px;
  border-radius: 50%;
  background: var(--navy);
  color: #fff;
}

html.cs-page-nippon-india-excel-automation .cs-role h3 {
  margin-bottom: 14px;
}

html.cs-page-nippon-india-excel-automation .cs-role ul {
  padding-left: 18px;
}

html.cs-page-nippon-india-excel-automation .cs-role li {
  margin-bottom: 7px;
  color: #626c7a;
  font-size: .78rem;
}

html.cs-page-nippon-india-excel-automation .cs-technical {
  padding: 34px;
  border-radius: 16px;
  background: #0e1d32;
  color: #fff;
}

html.cs-page-nippon-india-excel-automation .cs-technical h2, html.cs-page-nippon-india-excel-automation .cs-technical h3 {
  color: #fff;
}

html.cs-page-nippon-india-excel-automation .cs-technical p, html.cs-page-nippon-india-excel-automation .cs-technical li {
  color: #c6d0de;
}

html.cs-page-nippon-india-excel-automation .cs-technical ol {
  padding-left: 22px;
}

html.cs-page-nippon-india-excel-automation .cs-technical li {
  margin-bottom: 8px;
  font-size: .82rem;
}

html.cs-page-nippon-india-excel-automation .cs-technical .cs-shot figcaption {
  color: #aeb9c8;
}

html.cs-page-nippon-india-excel-automation .cs-evidence {
  padding: 25px 28px;
  border-left: 4px solid var(--accent);
  border-radius: 9px;
  background: var(--accent-soft);
}

html.cs-page-nippon-india-excel-automation .cs-evidence p {
  margin-bottom: 0;
  color: #5e6876;
  font-size: .84rem;
}

html.cs-page-nippon-india-excel-automation .cs-tech-list {
  border-top: 1px solid #d9dee4;
}

html.cs-page-nippon-india-excel-automation .cs-tech-row {
  display: grid;
  grid-template-columns: minmax(220px, .8fr) minmax(0, 1.2fr);
  gap: 52px;
  padding: 27px 0;
  border-bottom: 1px solid #d9dee4;
}

html.cs-page-nippon-india-excel-automation .cs-tech-category {
  display: flex;
  align-items: center;
  gap: 14px;
}

html.cs-page-nippon-india-excel-automation .cs-tech-category span {
  color: var(--accent);
  font-size: .77rem;
  font-weight: 800;
}

html.cs-page-nippon-india-excel-automation .cs-tech-category h3 {
  margin: 0;
  color: var(--navy);
  font-size: 1rem;
}

html.cs-page-nippon-india-excel-automation .cs-tech-items {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

html.cs-page-nippon-india-excel-automation .cs-tech-chip {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 9px 13px;
  border-radius: 8px;
  background: #f1f1f1;
  line-height: 1.35;
}

html.cs-page-nippon-india-excel-automation .cs-tech-chip i {
  color: var(--accent);
  font-size: .88rem;
}

html.cs-page-nippon-india-excel-automation .cs-tech-chip strong {
  color: var(--navy);
  font-size: .78rem;
}

html.cs-page-nippon-india-excel-automation .cs-tech-chip span {
  color: #47515f;
  font-size: .75rem;
}

html.cs-page-nippon-india-excel-automation .cs-before-after {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

html.cs-page-nippon-india-excel-automation .cs-before-after article {
  min-width: 0;
}

html.cs-page-nippon-india-excel-automation .cs-before-after h3 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
  font-size: 1.1rem;
}

html.cs-page-nippon-india-excel-automation .cs-before-after h3 span {
  color: var(--accent);
  font-size: .75rem;
  letter-spacing: .09em;
  text-transform: uppercase;
}

html.cs-page-nippon-india-excel-automation .cs-structure {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 50px;
  align-items: start;
}

html.cs-page-nippon-india-excel-automation .cs-structure-map {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  padding: 24px;
  border-radius: 15px;
  background: var(--navy);
}

html.cs-page-nippon-india-excel-automation .cs-structure-map div {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 62px;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 8px;
  color: #d9e1ec;
  font-size: .76rem;
}

html.cs-page-nippon-india-excel-automation .cs-structure-map span {
  color: #ff7d93;
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-nippon-india-excel-automation .cs-cta {
  padding: 72px 0;
  border-top: 1px solid #e2e6eb;
  border-bottom: 1px solid #d2d8df;
  background: linear-gradient(115deg, #fff 0%, #f6f7f8 52%, #d9dee4 100%);
}

html.cs-page-nippon-india-excel-automation .cs-cta-grid {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 50px;
  align-items: center;
}

html.cs-page-nippon-india-excel-automation .cs-cta h2 {
  max-width: 780px;
}

html.cs-page-nippon-india-excel-automation .cs-cta p {
  max-width: 800px;
  margin-bottom: 0;
  color: #5d6775;
  font-size: .92rem;
}

html.cs-page-nippon-india-excel-automation .cs-cta .cs-button {
  background: var(--navy);
  border-color: var(--navy);
  box-shadow: 0 12px 28px rgba(7, 26, 53, .18);
  white-space: nowrap;
}

html.cs-page-nippon-india-excel-automation .cs-faq {
  max-width: 920px;
}

html.cs-page-nippon-india-excel-automation .cs-faq details {
  border-top: 1px solid #d9dee4;
}

html.cs-page-nippon-india-excel-automation .cs-faq details:last-child {
  border-bottom: 1px solid #d9dee4;
}

html.cs-page-nippon-india-excel-automation .cs-faq summary {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 22px 0;
  cursor: pointer;
  font-weight: 700;
  list-style: none;
}

html.cs-page-nippon-india-excel-automation .cs-faq summary::-webkit-details-marker {
  display: none;
}

html.cs-page-nippon-india-excel-automation .cs-faq summary i {
  color: var(--accent);
}

html.cs-page-nippon-india-excel-automation .cs-faq details[open] summary i {
  transform: rotate(45deg);
}

html.cs-page-nippon-india-excel-automation .cs-faq details p {
  padding: 0 40px 22px 0;
  color: #636d7b;
  font-size: .88rem;
}

html.cs-page-nippon-india-excel-automation .cs-note {
  display: flex;
  gap: 12px;
  margin-top: 24px;
  padding: 17px 20px;
  border-radius: 8px;
  background: #f3f5f7;
  color: #626c79;
  font-size: .8rem;
}

html.cs-page-nippon-india-excel-automation .cs-note i {
  margin-top: 4px;
  color: var(--accent);
}

html.cs-page-nippon-india-excel-automation .cs-dark .cs-note {
  border: 1px solid rgba(255,255,255,.13);
  background: rgba(255,255,255,.05);
  color: #d0d8e3;
}

html.cs-page-nippon-india-excel-automation .cs-transform-list {
  border-top: 1px solid var(--line);
}

html.cs-page-nippon-india-excel-automation .cs-transform-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 54px minmax(0, 1fr);
  align-items: stretch;
  border-bottom: 1px solid var(--line);
}

html.cs-page-nippon-india-excel-automation .cs-transform-side {
  padding: 25px 28px;
}

html.cs-page-nippon-india-excel-automation .cs-transform-side small {
  display: block;
  margin-bottom: 6px;
  color: #7a8492;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html.cs-page-nippon-india-excel-automation .cs-transform-side p {
  margin: 0;
  color: #566170;
  font-size: .84rem;
  line-height: 1.65;
}

html.cs-page-nippon-india-excel-automation .cs-transform-side.cs-response {
  background: linear-gradient(90deg, #fff, #f7f8fa);
}

html.cs-page-nippon-india-excel-automation .cs-transform-side.cs-response small {
  color: var(--accent);
}

html.cs-page-nippon-india-excel-automation .cs-transform-arrow {
  display: grid;
  place-items: center;
  position: relative;
  color: var(--accent);
}

html.cs-page-nippon-india-excel-automation .cs-transform-arrow:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  background: var(--line);
  content: '';
}

html.cs-page-nippon-india-excel-automation .cs-transform-arrow i {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid #f2a9b6;
  border-radius: 50%;
  background: #fff;
  font-size: .78rem;
}

html.cs-page-nippon-india-excel-automation .cs-also-layout {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 38px;
  align-items: center;
}

html.cs-page-nippon-india-excel-automation .cs-also-visual img {
  border-color: rgba(255, 255, 255, .16);
  box-shadow: 0 22px 52px rgba(0, 0, 0, .24);
}

html.cs-page-nippon-india-excel-automation .cs-also-visual figcaption {
  color: #b9c3d2;
}

html.cs-page-nippon-india-excel-automation .cs-also-copy .cs-pill-grid {
  grid-template-columns: repeat(2, 1fr);
}

html.cs-page-nippon-india-excel-automation .cs-also-copy .cs-pill {
  min-height: 58px;
  border-color: rgba(255, 255, 255, .12);
}

html.cs-page-nippon-india-excel-automation .cs-feature-tabs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 8px;
  margin-bottom: 34px;
  padding: 7px;
  border: 0;
  border-radius: 14px;
  background: #e3e7ec;
}

html.cs-page-nippon-india-excel-automation .cs-feature-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 60px;
  padding: 12px 15px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #687280 !important;
  font-size: .78rem;
  font-weight: 750;
}

html.cs-page-nippon-india-excel-automation .cs-feature-tab i {
  color: var(--accent);
}

html.cs-page-nippon-india-excel-automation .cs-feature-tab.active, html.cs-page-nippon-india-excel-automation .cs-feature-tab.cs-active-tab {
  background: #fff !important;
  color: var(--navy) !important;
  box-shadow: 0 7px 20px rgba(8, 27, 54, .1);
}

html.cs-page-nippon-india-excel-automation .cs-feature-panel {
  display: none;
}

html.cs-page-nippon-india-excel-automation .cs-feature-panel.active, html.cs-page-nippon-india-excel-automation .cs-feature-panel.show {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 42px;
}

html.cs-page-nippon-india-excel-automation .cs-feature-panel-intro span {
  color: var(--accent);
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1;
}

html.cs-page-nippon-india-excel-automation .cs-feature-panel-intro h3 {
  margin: 12px 0 8px;
  font-size: 1.18rem;
}

html.cs-page-nippon-india-excel-automation .cs-feature-panel-intro p {
  color: #76808e;
  font-size: .76rem;
}

html.cs-page-nippon-india-excel-automation .cs-tab-features {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px 28px;
}

html.cs-page-nippon-india-excel-automation .cs-tab-feature {
  padding-left: 18px;
  border-left: 2px solid var(--accent);
}

html.cs-page-nippon-india-excel-automation .cs-tab-feature h4 {
  margin-bottom: 6px;
  color: var(--navy);
  font-size: .9rem;
}

html.cs-page-nippon-india-excel-automation .cs-tab-feature p {
  margin: 0;
  color: #65707e;
  font-size: .77rem;
}

html.cs-page-nippon-india-excel-automation .cs-flip-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

html.cs-page-nippon-india-excel-automation .cs-flip-card {
  min-height: 245px;
  outline: none;
  perspective: 1000px;
}

html.cs-page-nippon-india-excel-automation .cs-flip-inner {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 245px;
  transition: transform .58s cubic-bezier(.2,.75,.25,1);
  transform-style: preserve-3d;
}

html.cs-page-nippon-india-excel-automation .cs-flip-card:hover .cs-flip-inner, html.cs-page-nippon-india-excel-automation .cs-flip-card:focus .cs-flip-inner, html.cs-page-nippon-india-excel-automation .cs-flip-card.cs-flipped .cs-flip-inner {
  transform: rotateY(180deg);
}

html.cs-page-nippon-india-excel-automation .cs-flip-face {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 28px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #fff;
  backface-visibility: hidden;
}

html.cs-page-nippon-india-excel-automation .cs-flip-front:after {
  position: absolute;
  right: -42px;
  bottom: -42px;
  width: 125px;
  height: 125px;
  border-radius: 50%;
  background: var(--accent-soft);
  content: '';
}

html.cs-page-nippon-india-excel-automation .cs-flip-front i {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: var(--navy);
  color: #fff;
}

html.cs-page-nippon-india-excel-automation .cs-flip-front h3 {
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: 1.18rem;
  line-height: 1.4;
}

html.cs-page-nippon-india-excel-automation .cs-flip-front small {
  position: relative;
  z-index: 1;
  color: var(--accent);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

html.cs-page-nippon-india-excel-automation .cs-flip-back {
  justify-content: center;
  border-color: var(--navy);
  background: var(--navy);
  color: #fff;
  transform: rotateY(180deg);
}

html.cs-page-nippon-india-excel-automation .cs-flip-back h3 {
  margin-bottom: 13px;
  color: #fff;
  font-size: 1.08rem;
}

html.cs-page-nippon-india-excel-automation .cs-flip-back p {
  margin: 0;
  color: #cdd6e3;
  font-size: .8rem;
}

html.cs-page-nippon-india-excel-automation .cs-splitter {
  --split: 50%;
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 22px 55px rgba(8, 27, 54, .14);
}

html.cs-page-nippon-india-excel-automation .cs-splitter-layer {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

html.cs-page-nippon-india-excel-automation .cs-splitter-layer img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #fff;
}

html.cs-page-nippon-india-excel-automation .cs-splitter-before {
  z-index: 2;
  width: var(--split);
  border-right: 2px solid #fff;
  box-shadow: 4px 0 14px rgba(8, 27, 54, .18);
}

html.cs-page-nippon-india-excel-automation .cs-splitter-before img {
  width: calc(100vw - 60px);
  max-width: 1120px;
}

html.cs-page-nippon-india-excel-automation .cs-splitter-label {
  position: absolute;
  z-index: 3;
  top: 16px;
  padding: 8px 11px;
  border-radius: 6px;
  background: rgba(8, 27, 54, .9);
  color: #fff;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

html.cs-page-nippon-india-excel-automation .cs-splitter-label.cs-before-label {
  left: 16px;
  background: var(--accent);
}

html.cs-page-nippon-india-excel-automation .cs-splitter-label.cs-after-label {
  right: 16px;
}

html.cs-page-nippon-india-excel-automation .cs-splitter-handle {
  position: absolute;
  z-index: 4;
  top: 0;
  bottom: 0;
  left: var(--split);
  width: 42px;
  transform: translateX(-50%);
  pointer-events: none;
}

html.cs-page-nippon-india-excel-automation .cs-splitter-handle:before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 3px solid #fff;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 6px 16px rgba(8, 27, 54, .25);
  color: #fff;
  content: '\2194';
  transform: translate(-50%, -50%);
}

html.cs-page-nippon-india-excel-automation .cs-splitter-range {
  position: absolute;
  z-index: 5;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: ew-resize;
  opacity: 0;
}

html.cs-page-nippon-india-excel-automation .cs-splitter-captions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 14px;
  color: #737d8a;
  font-size: .75rem;
}

html.cs-page-nippon-india-excel-automation .cs-splitter-captions span:last-child {
  text-align: right;
}

/* Exact Birdi flip-card interaction and visual language. */

html.cs-page-nippon-india-excel-automation .industry-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

html.cs-page-nippon-india-excel-automation .industry-flip {
  appearance: none;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  border-radius: 16px;
  background: transparent;
  color: var(--navy);
  font-family: inherit;
  text-align: left;
  perspective: 1200px;
}

html.cs-page-nippon-india-excel-automation .flip-inner {
  position: relative;
  display: grid;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform .65s cubic-bezier(.22,.61,.36,1);
}

html.cs-page-nippon-india-excel-automation .industry-flip.is-flipped .flip-inner {
  transform: rotateY(180deg);
}

html.cs-page-nippon-india-excel-automation .flip-front, html.cs-page-nippon-india-excel-automation .flip-back {
  grid-area: 1/1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  min-width: 0;
  min-height: 245px;
  padding: 26px;
  border: 1px solid #dce5f0;
  border-radius: 16px;
  backface-visibility: hidden;
}

html.cs-page-nippon-india-excel-automation .flip-front {
  background: #fff;
  transform: rotateY(0);
}

html.cs-page-nippon-india-excel-automation .flip-front > i {
  color: var(--accent);
  font-size: 1.75rem;
}

html.cs-page-nippon-india-excel-automation .flip-front strong {
  color: var(--navy);
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.35;
}

html.cs-page-nippon-india-excel-automation .flip-hint {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid #e6ecf4;
  color: #6f6f6f;
  font-size: .78rem;
  line-height: 1.4;
}

html.cs-page-nippon-india-excel-automation .flip-hint i {
  color: var(--accent);
}

html.cs-page-nippon-india-excel-automation .flip-back {
  border-color: #15233b;
  background: linear-gradient(135deg, #0e1d31, #15233b);
  color: #fff;
  transform: rotateY(180deg);
}

html.cs-page-nippon-india-excel-automation .flip-back-label {
  color: #ff8299;
  font-size: .75rem;
  font-weight: 700;
}

html.cs-page-nippon-india-excel-automation .flip-description {
  color: #d1def0;
  font-size: .78rem;
  line-height: 1.7;
}

html.cs-page-nippon-india-excel-automation .flip-back-hint {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #b8cbe5;
  font-size: .75rem;
}

/* Compact, user-centred section compositions. */

html.cs-page-nippon-india-excel-automation .cs-need-intro {
  max-width: 860px;
  margin: 0 auto 34px;
  text-align: center;
}

html.cs-page-nippon-india-excel-automation .cs-need-intro p {
  color: #5f6877;
}

html.cs-page-nippon-india-excel-automation .cs-need-matrix {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid #d8dde4;
  border-left: 1px solid #d8dde4;
  background: #fff;
}

html.cs-page-nippon-india-excel-automation .cs-need-matrix article {
  position: relative;
  min-height: 118px;
  padding: 24px 22px 20px 58px;
  border-right: 1px solid #d8dde4;
  border-bottom: 1px solid #d8dde4;
}

html.cs-page-nippon-india-excel-automation .cs-need-matrix span {
  position: absolute;
  top: 25px;
  left: 20px;
  color: var(--accent);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-nippon-india-excel-automation .cs-need-matrix p {
  margin: 0;
  color: #536070;
  font-size: .79rem;
  line-height: 1.55;
}

html.cs-page-nippon-india-excel-automation .cs-need-boundary {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 24px 0 0;
  color: var(--navy);
  font-size: .82rem;
  font-weight: 700;
}

html.cs-page-nippon-india-excel-automation .cs-need-boundary i {
  color: var(--accent);
}

html.cs-page-nippon-india-excel-automation .cs-content-path {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(330px, .95fr);
  gap: 34px;
  align-items: stretch;
}

html.cs-page-nippon-india-excel-automation .cs-content-path .cs-structure-map {
  grid-template-columns: repeat(2, 1fr);
  height: 100%;
  align-content: center;
}

html.cs-page-nippon-india-excel-automation .cs-path-panel {
  padding: 30px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: #fff;
}

html.cs-page-nippon-india-excel-automation .cs-path-panel > p {
  color: #5d6876;
  font-size: .84rem;
}

html.cs-page-nippon-india-excel-automation .cs-path-panel h3 {
  margin: 22px 0 10px;
  color: var(--navy);
  font-size: 1rem;
}

html.cs-page-nippon-india-excel-automation .cs-path-steps {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: path;
}

html.cs-page-nippon-india-excel-automation .cs-path-steps li {
  counter-increment: path;
  position: relative;
  padding: 11px 0 11px 42px;
  border-top: 1px solid #e4e8ed;
  color: #596575;
  font-size: .77rem;
}

html.cs-page-nippon-india-excel-automation .cs-path-steps li:before {
  position: absolute;
  top: 10px;
  left: 0;
  color: var(--accent);
  content: counter(path, decimal-leading-zero);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-nippon-india-excel-automation .cs-path-scope {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 210px 1fr;
  gap: 28px;
  align-items: center;
  padding: 22px 28px;
  border-left: 3px solid var(--accent);
  background: #fff;
}

html.cs-page-nippon-india-excel-automation .cs-path-scope h3, html.cs-page-nippon-india-excel-automation .cs-path-scope p {
  margin: 0;
}

html.cs-page-nippon-india-excel-automation .cs-path-scope h3 {
  color: var(--navy);
  font-size: .94rem;
}

html.cs-page-nippon-india-excel-automation .cs-path-scope p {
  color: #606b79;
  font-size: .79rem;
}

html.cs-page-nippon-india-excel-automation .cs-transform-list.cs-transform-compact {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

html.cs-page-nippon-india-excel-automation .cs-transform-compact .cs-transform-row {
  grid-template-columns: 1fr 38px 1fr;
  min-height: 160px;
  border-right: 1px solid var(--line);
}

html.cs-page-nippon-india-excel-automation .cs-transform-compact .cs-transform-side {
  padding: 20px 18px;
}

html.cs-page-nippon-india-excel-automation .cs-transform-compact .cs-transform-arrow i {
  width: 28px;
  height: 28px;
}

html.cs-page-nippon-india-excel-automation .cs-overview-layout, html.cs-page-nippon-india-excel-automation .cs-review-layout, html.cs-page-nippon-india-excel-automation .cs-feature-board, html.cs-page-nippon-india-excel-automation .cs-ftp-layout, html.cs-page-nippon-india-excel-automation .cs-offboarding-layout {
  display: grid;
  gap: 34px;
  align-items: center;
}

html.cs-page-nippon-india-excel-automation .cs-overview-layout {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
}

html.cs-page-nippon-india-excel-automation .cs-overview-copy {
  max-width: 860px;
  margin: 0 auto 34px;
  color: #5f6877;
  text-align: center;
}

html.cs-page-nippon-india-excel-automation .cs-mini-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

html.cs-page-nippon-india-excel-automation .cs-mini-feature-grid div {
  position: relative;
  min-height: 88px;
  padding: 18px 16px 16px 43px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #fff;
  color: #566170;
  font-size: .75rem;
  line-height: 1.5;
}

html.cs-page-nippon-india-excel-automation .cs-mini-feature-grid i {
  position: absolute;
  top: 21px;
  left: 17px;
  color: var(--accent);
  font-size: .76rem;
}

html.cs-page-nippon-india-excel-automation .cs-review-layout {
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
}

html.cs-page-nippon-india-excel-automation .cs-review-tracks {
  border-top: 1px solid var(--line);
}

html.cs-page-nippon-india-excel-automation .cs-review-track {
  position: relative;
  padding: 22px 0 22px 52px;
  border-bottom: 1px solid var(--line);
}

html.cs-page-nippon-india-excel-automation .cs-review-track > span {
  position: absolute;
  top: 25px;
  left: 0;
  color: var(--accent);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-nippon-india-excel-automation .cs-review-track h3 {
  margin-bottom: 8px;
  color: var(--navy);
  font-size: 1rem;
}

html.cs-page-nippon-india-excel-automation .cs-review-track p {
  margin: 0;
  color: #5f6877;
  font-size: .78rem;
}

html.cs-page-nippon-india-excel-automation .cs-review-summary {
  margin: 18px 0 0;
  color: #4f5b6b;
  font-size: .8rem;
  font-weight: 700;
}

html.cs-page-nippon-india-excel-automation .cs-offboarding-panel {
  padding: 38px;
  border-radius: 16px;
  background: linear-gradient(135deg, #0d1a2d, #17243b);
  color: #fff;
}

html.cs-page-nippon-india-excel-automation .cs-offboarding-layout {
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
}

html.cs-page-nippon-india-excel-automation .cs-offboarding-panel h2, html.cs-page-nippon-india-excel-automation .cs-offboarding-panel h3 {
  color: #fff;
}

html.cs-page-nippon-india-excel-automation .cs-offboarding-intro {
  color: #c4cedc;
}

html.cs-page-nippon-india-excel-automation .cs-offboarding-steps {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: 22px 0 18px;
  padding: 0;
  border-top: 1px solid rgba(255,255,255,.18);
  border-left: 1px solid rgba(255,255,255,.18);
  list-style: none;
  counter-reset: offboard;
}

html.cs-page-nippon-india-excel-automation .cs-offboarding-steps li {
  counter-increment: offboard;
  position: relative;
  min-height: 112px;
  padding: 20px 16px 16px 48px;
  border-right: 1px solid rgba(255,255,255,.18);
  border-bottom: 1px solid rgba(255,255,255,.18);
  color: #d0d8e4;
  font-size: .75rem;
}

html.cs-page-nippon-india-excel-automation .cs-offboarding-steps li:before {
  position: absolute;
  top: 20px;
  left: 16px;
  color: #ff8299;
  content: counter(offboard, decimal-leading-zero);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-nippon-india-excel-automation .cs-offboarding-panel .cs-support {
  color: #b9c4d3;
}

html.cs-page-nippon-india-excel-automation .cs-offboarding-panel .cs-shot figcaption {
  color: #b9c4d3;
}

html.cs-page-nippon-india-excel-automation .cs-ftp-shell {
  padding: 40px;
  border-radius: 18px;
  background: linear-gradient(135deg, #0d1a2d, #17243b);
  color: #fff;
}

html.cs-page-nippon-india-excel-automation .cs-ftp-shell .cs-section-header {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

html.cs-page-nippon-india-excel-automation .cs-ftp-shell h2 {
  color: #fff;
}

html.cs-page-nippon-india-excel-automation .cs-ftp-shell .cs-section-header p {
  color: #c5cfdd;
}

html.cs-page-nippon-india-excel-automation .cs-ftp-layout {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
}

html.cs-page-nippon-india-excel-automation .cs-ftp-phases {
  border-top: 1px solid rgba(255,255,255,.2);
}

html.cs-page-nippon-india-excel-automation .cs-ftp-phase {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 12px;
  padding: 20px 0;
  border-bottom: 1px solid rgba(255,255,255,.2);
}

html.cs-page-nippon-india-excel-automation .cs-ftp-phase > span {
  color: #ff8299;
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-nippon-india-excel-automation .cs-ftp-phase h3 {
  margin-bottom: 8px;
  color: #fff;
  font-size: .98rem;
}

html.cs-page-nippon-india-excel-automation .cs-ftp-phase ol {
  margin: 0;
  padding-left: 18px;
}

html.cs-page-nippon-india-excel-automation .cs-ftp-phase li {
  margin-bottom: 5px;
  color: #c7d1df;
  font-size: .75rem;
}

html.cs-page-nippon-india-excel-automation .cs-ftp-shell .cs-workflow-note {
  margin-bottom: 0;
}

html.cs-page-nippon-india-excel-automation .cs-ftp-shell .cs-shot figcaption {
  color: #b9c4d3;
}

html.cs-page-nippon-india-excel-automation .cs-feature-board {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
}

html.cs-page-nippon-india-excel-automation .cs-feature-groups {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

html.cs-page-nippon-india-excel-automation .cs-feature-group {
  padding: 20px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #fff;
}

html.cs-page-nippon-india-excel-automation .cs-feature-group h3 {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 12px;
  color: var(--navy);
  font-size: .88rem;
}

html.cs-page-nippon-india-excel-automation .cs-feature-group h3 i {
  color: var(--accent);
}

html.cs-page-nippon-india-excel-automation .cs-feature-group ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-nippon-india-excel-automation .cs-feature-group li {
  position: relative;
  padding: 6px 0 6px 19px;
  color: #5e6977;
  font-size: .75rem;
  line-height: 1.5;
}

html.cs-page-nippon-india-excel-automation .cs-feature-group li:before {
  position: absolute;
  left: 0;
  color: var(--accent);
  font-family: FontAwesome;
  content: '\f00c';
}

/* Lightweight layouts requested for the refined case-study sections. */

html.cs-page-nippon-india-excel-automation .cs-built-visual {
  margin-bottom: 30px;
}

html.cs-page-nippon-india-excel-automation .cs-pointer-grid {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-nippon-india-excel-automation .cs-pointer-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 32px;
}

html.cs-page-nippon-india-excel-automation .cs-pointer-grid li {
  position: relative;
  padding: 15px 0 15px 27px;
  border-bottom: 1px solid var(--line);
  color: #586373;
  font-size: .8rem;
  line-height: 1.55;
}

html.cs-page-nippon-india-excel-automation .cs-pointer-grid li:before {
  position: absolute;
  top: 18px;
  left: 0;
  color: var(--accent);
  font-family: FontAwesome;
  content: '\f00c';
}

html.cs-page-nippon-india-excel-automation .cs-use-layout {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: 44px;
  align-items: center;
}

html.cs-page-nippon-india-excel-automation .cs-use-copy > p {
  margin-bottom: 18px;
  color: #c3cedd;
  font-size: .84rem;
}

html.cs-page-nippon-india-excel-automation .cs-icon-points {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-nippon-india-excel-automation .cs-icon-points-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 28px;
}

html.cs-page-nippon-india-excel-automation .cs-icon-points li {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255,255,255,.17);
  color: #e3e9f1;
  font-size: .78rem;
  line-height: 1.55;
}

html.cs-page-nippon-india-excel-automation .cs-icon-points li i {
  flex: 0 0 auto;
  margin-top: 4px;
  color: var(--accent);
  font-size: .86rem;
}

html.cs-page-nippon-india-excel-automation .cs-icon-points-light li {
  border-color: var(--line);
  color: #566170;
}

html.cs-page-nippon-india-excel-automation .cs-nams-need-intro {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
}

html.cs-page-nippon-india-excel-automation .cs-nams-need-intro > p {
  max-width: 820px;
  margin-right: auto;
  margin-left: auto;
}

html.cs-page-nippon-india-excel-automation .cs-nams-need-layout {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: 44px;
  align-items: center;
}

html.cs-page-nippon-india-excel-automation .cs-nams-need-copy > p {
  margin: 0 0 15px;
  color: #4f5b6b;
  font-size: .9rem;
  line-height: 1.75;
}

html.cs-page-nippon-india-excel-automation .cs-nams-need-points li {
  padding: 10px 0;
  font-size: .82rem;
}

html.cs-page-nippon-india-excel-automation .cs-nams-need-points li i {
  color: var(--accent);
  font-size: 1rem;
}

html.cs-page-nippon-india-excel-automation .cs-live-layout {
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
  gap: 62px;
  align-items: center;
}

html.cs-page-nippon-india-excel-automation .cs-live-proof {
  position: relative;
  min-height: 250px;
  padding: 24px 0 24px 94px;
  overflow: hidden;
  border-left: 2px solid var(--accent);
}

html.cs-page-nippon-india-excel-automation .cs-live-proof > i {
  position: absolute;
  top: 23px;
  left: 27px;
  color: var(--accent);
  font-size: 2.6rem;
}

html.cs-page-nippon-india-excel-automation .cs-live-proof > span {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 25px;
  color: var(--navy);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html.cs-page-nippon-india-excel-automation .cs-live-proof > span i {
  color: #28a56b;
  font-size: .75rem;
}

html.cs-page-nippon-india-excel-automation .cs-live-proof p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #4f5b6b;
  font-size: .9rem;
  line-height: 1.75;
}

html.cs-page-nippon-india-excel-automation .cs-live-proof:after {
  position: absolute;
  right: 20px;
  bottom: 16px;
  z-index: 0;
  color: rgba(238,72,101,.3);
  content: 'LIVE';
  font-size: 4.25rem;
  font-weight: 800;
  letter-spacing: -.05em;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
  animation: cs-page-nippon-india-excel-automation-cs-live-blink 1.6s steps(2, end) infinite;
}

@keyframes cs-page-nippon-india-excel-automation-cs-live-blink {
  0%, 46% {
    opacity: .22;
  }

  50%, 100% {
    opacity: .68;
  }

}

html.cs-page-nippon-india-excel-automation .cs-testing-layout {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: 56px;
  align-items: center;
}

html.cs-page-nippon-india-excel-automation .cs-test-confirmed {
  display: flex;
  align-items: flex-start;
  gap: 18px;
}

html.cs-page-nippon-india-excel-automation .cs-test-confirmed i {
  flex: 0 0 auto;
  margin-top: 3px;
  color: var(--accent);
  font-size: 2.25rem;
}

html.cs-page-nippon-india-excel-automation .cs-test-confirmed p {
  margin: 0;
  color: var(--navy);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.55;
}

html.cs-page-nippon-india-excel-automation .cs-test-boundary {
  padding: 12px 0 12px 30px;
  border-left: 2px solid var(--accent);
}

html.cs-page-nippon-india-excel-automation .cs-test-boundary span {
  display: block;
  margin-bottom: 8px;
  color: var(--accent);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html.cs-page-nippon-india-excel-automation .cs-test-boundary p {
  margin: 0;
  color: #596574;
  font-size: .82rem;
  line-height: 1.7;
}

html.cs-page-nippon-india-excel-automation .cs-feature-groups.cs-feature-groups-plain {
  gap: 0 32px;
  border: 0;
}

html.cs-page-nippon-india-excel-automation .cs-feature-groups-plain .cs-feature-group {
  padding: 20px 0;
  border: 0;
  border-bottom: 1px solid #d5dbe2;
  background: transparent;
}

html.cs-page-nippon-india-excel-automation .cs-line-points {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 34px;
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-nippon-india-excel-automation .cs-line-points li {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  padding: 17px 0;
  border-bottom: 1px solid #d5dbe2;
  color: #536070;
  font-size: .8rem;
  line-height: 1.55;
}

html.cs-page-nippon-india-excel-automation .cs-line-points i {
  flex: 0 0 22px;
  margin-top: 4px;
  color: var(--accent);
  font-size: .92rem;
  text-align: center;
}

html.cs-page-nippon-india-excel-automation .cs-flip-clean .flip-front {
  justify-content: flex-start;
}

html.cs-page-nippon-india-excel-automation .cs-flip-clean .flip-front strong {
  margin-top: auto;
}

html.cs-page-nippon-india-excel-automation .cs-flip-clean .flip-back {
  justify-content: flex-start;
}

html.cs-page-nippon-india-excel-automation .cs-flip-clean .flip-description {
  margin: auto 0;
}

html.cs-page-nippon-india-excel-automation .cs-build-layout {
  align-items: center;
}

html.cs-page-nippon-india-excel-automation .cs-ftp-full {
  color: #fff;
  background: linear-gradient(135deg, #0d1a2d, #17243b);
}

html.cs-page-nippon-india-excel-automation .cs-ftp-full .cs-section-header p {
  color: #c5cfdd;
}

html.cs-page-nippon-india-excel-automation .cs-ftp-full .cs-shot figcaption {
  color: #b9c4d3;
}

html.cs-page-nippon-india-excel-automation .cs-offboarding-full {
  color: #fff;
  background: linear-gradient(135deg, #0d1a2d, #17243b);
}

html.cs-page-nippon-india-excel-automation .cs-offboarding-full .cs-section-header p, html.cs-page-nippon-india-excel-automation .cs-offboarding-full .cs-support {
  color: #c4cedc;
}

html.cs-page-nippon-india-excel-automation .cs-offboarding-full .cs-shot figcaption {
  color: #b9c4d3;
}

html.cs-page-nippon-india-excel-automation .cs-offboarding-full .cs-offboarding-steps {
  display: block;
  margin: 0 0 18px;
  border: 0;
}

html.cs-page-nippon-india-excel-automation .cs-offboarding-full .cs-offboarding-steps li {
  min-height: 0;
  padding: 15px 0 15px 42px;
  border: 0;
  border-top: 1px solid rgba(255,255,255,.18);
}

html.cs-page-nippon-india-excel-automation .cs-offboarding-full .cs-offboarding-steps li:before {
  top: 16px;
  left: 0;
}

@media (max-width: 991px) {
  html.cs-page-nippon-india-excel-automation .cs-hero-copy, html.cs-page-nippon-india-excel-automation .cs-hero-visual {
    padding-right: 15px;
    padding-left: 15px;
  }

  html.cs-page-nippon-india-excel-automation .cs-hero-visual {
    margin-top: 34px;
  }

  html.cs-page-nippon-india-excel-automation .cs-hero-highlights {
    grid-template-columns: repeat(2, 1fr);
  }

  html.cs-page-nippon-india-excel-automation .cs-project-grid, html.cs-page-nippon-india-excel-automation .cs-grid-2, html.cs-page-nippon-india-excel-automation .cs-structure, html.cs-page-nippon-india-excel-automation .cs-cta-grid {
    grid-template-columns: 1fr;
  }

  html.cs-page-nippon-india-excel-automation .cs-project-title {
    padding: 0 0 28px;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .18);
  }

  html.cs-page-nippon-india-excel-automation .cs-feature-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  html.cs-page-nippon-india-excel-automation .cs-value-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  html.cs-page-nippon-india-excel-automation .cs-number-flow {
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
  }

  html.cs-page-nippon-india-excel-automation .cs-number-flow li:nth-child(5n):after {
    display: block;
  }

  html.cs-page-nippon-india-excel-automation .cs-number-flow li:nth-child(2n):after {
    display: none;
  }

  html.cs-page-nippon-india-excel-automation .cs-workflow-layout {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 36px;
  }

  html.cs-page-nippon-india-excel-automation .cs-tech-row {
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 28px;
  }

  html.cs-page-nippon-india-excel-automation .cs-also-layout, html.cs-page-nippon-india-excel-automation .cs-overview-layout, html.cs-page-nippon-india-excel-automation .cs-review-layout, html.cs-page-nippon-india-excel-automation .cs-feature-board, html.cs-page-nippon-india-excel-automation .cs-ftp-layout, html.cs-page-nippon-india-excel-automation .cs-offboarding-layout, html.cs-page-nippon-india-excel-automation .cs-content-path, html.cs-page-nippon-india-excel-automation .cs-use-layout, html.cs-page-nippon-india-excel-automation .cs-live-layout, html.cs-page-nippon-india-excel-automation .cs-testing-layout, html.cs-page-nippon-india-excel-automation .cs-nams-need-layout {
    grid-template-columns: 1fr;
  }

  html.cs-page-nippon-india-excel-automation .cs-flip-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  html.cs-page-nippon-india-excel-automation .cs-feature-panel.active, html.cs-page-nippon-india-excel-automation .cs-feature-panel.show {
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 30px;
  }

  html.cs-page-nippon-india-excel-automation .cs-path-scope {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  html.cs-page-nippon-india-excel-automation .cs-pointer-grid-3, html.cs-page-nippon-india-excel-automation .cs-line-points {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}

@media (max-width: 767px) {
  html.cs-page-nippon-india-excel-automation .cs-shell {
    padding-left: 20px;
    padding-right: 20px;
  }

  html.cs-page-nippon-india-excel-automation .cs-section, html.cs-page-nippon-india-excel-automation .cs-workflow {
    padding: 62px 0;
  }

  html.cs-page-nippon-india-excel-automation .cs-hero {
    padding: 48px 0 36px;
  }

  html.cs-page-nippon-india-excel-automation .cs-hero h1 {
    font-size: 2.45rem;
  }

  html.cs-page-nippon-india-excel-automation .cs-section h2 {
    font-size: 2.08rem;
  }

  html.cs-page-nippon-india-excel-automation .cs-actions {
    display: grid;
  }

  html.cs-page-nippon-india-excel-automation .cs-button {
    width: 100%;
    text-align: center;
  }

  html.cs-page-nippon-india-excel-automation .cs-hero-meta {
    align-items: flex-start;
    flex-direction: column;
  }

  html.cs-page-nippon-india-excel-automation .cs-hero-highlights, html.cs-page-nippon-india-excel-automation .cs-facts, html.cs-page-nippon-india-excel-automation .cs-pill-grid, html.cs-page-nippon-india-excel-automation .cs-scope, html.cs-page-nippon-india-excel-automation .cs-feature-grid, html.cs-page-nippon-india-excel-automation .cs-value-grid, html.cs-page-nippon-india-excel-automation .cs-role-grid, html.cs-page-nippon-india-excel-automation .cs-compare-cards, html.cs-page-nippon-india-excel-automation .cs-before-after, html.cs-page-nippon-india-excel-automation .cs-structure-map {
    grid-template-columns: 1fr;
  }

  html.cs-page-nippon-india-excel-automation .cs-compare-head {
    display: none;
  }

  html.cs-page-nippon-india-excel-automation .cs-compare-row {
    grid-template-columns: 1fr;
  }

  html.cs-page-nippon-india-excel-automation .cs-compare-row > div {
    border-right: 0 !important;
  }

  html.cs-page-nippon-india-excel-automation .cs-compare-row > div:first-child:before {
    display: block;
    margin-bottom: 5px;
    color: var(--accent);
    content: 'Before';
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
  }

  html.cs-page-nippon-india-excel-automation .cs-compare-row > div:last-child:before {
    display: block;
    margin-bottom: 5px;
    color: var(--accent);
    content: 'Response';
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
  }

  html.cs-page-nippon-india-excel-automation .cs-workflow-layout {
    grid-template-columns: 1fr;
  }

  html.cs-page-nippon-india-excel-automation .cs-workflow-sticky {
    position: relative;
    top: auto;
    contain: none;
  }

  html.cs-page-nippon-india-excel-automation .cs-workflow-stage {
    height: auto;
    min-height: 300px;
    display: none !important;
  }

  html.cs-page-nippon-india-excel-automation .cs-workflow-timeline {
    margin-top: 22px;
    padding-left: 27px;
  }

  html.cs-page-nippon-india-excel-automation .cs-workflow-step {
    min-height: 0;
    padding-bottom: 43px;
  }

  html.cs-page-nippon-india-excel-automation .cs-workflow-step:before {
    left: -33px;
  }

  html.cs-page-nippon-india-excel-automation .cs-number-flow {
    grid-template-columns: 1fr;
  }

  html.cs-page-nippon-india-excel-automation .cs-number-flow li {
    min-height: 0;
    padding: 48px 8px 28px 58px;
  }

  html.cs-page-nippon-india-excel-automation .cs-number-flow li:before {
    top: 40px;
    left: 8px;
  }

  html.cs-page-nippon-india-excel-automation .cs-number-flow li:after {
    display: none !important;
  }

  html.cs-page-nippon-india-excel-automation .cs-tech-row {
    grid-template-columns: 1fr;
    gap: 17px;
  }

  html.cs-page-nippon-india-excel-automation .cs-tech-items {
    align-items: stretch;
    flex-direction: column;
  }

  html.cs-page-nippon-india-excel-automation .cs-tech-chip {
    width: 100%;
  }

  html.cs-page-nippon-india-excel-automation .cs-shot figcaption {
    font-size: .75rem;
  }

  html.cs-page-nippon-india-excel-automation .cs-transform-row {
    grid-template-columns: 1fr;
  }

  html.cs-page-nippon-india-excel-automation .cs-transform-side {
    padding: 21px 20px;
  }

  html.cs-page-nippon-india-excel-automation .cs-transform-arrow {
    min-height: 38px;
  }

  html.cs-page-nippon-india-excel-automation .cs-transform-arrow:before {
    top: 50%;
    right: 0;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 1px;
  }

  html.cs-page-nippon-india-excel-automation .cs-transform-arrow i {
    transform: rotate(90deg);
  }

  html.cs-page-nippon-india-excel-automation .cs-also-copy .cs-pill-grid, html.cs-page-nippon-india-excel-automation .cs-feature-tabs, html.cs-page-nippon-india-excel-automation .cs-tab-features, html.cs-page-nippon-india-excel-automation .cs-flip-grid, html.cs-page-nippon-india-excel-automation .industry-grid, html.cs-page-nippon-india-excel-automation .cs-need-matrix, html.cs-page-nippon-india-excel-automation .cs-mini-feature-grid, html.cs-page-nippon-india-excel-automation .cs-feature-groups, html.cs-page-nippon-india-excel-automation .cs-offboarding-steps, html.cs-page-nippon-india-excel-automation .cs-transform-list.cs-transform-compact {
    grid-template-columns: 1fr;
  }

  html.cs-page-nippon-india-excel-automation .cs-feature-tab {
    justify-content: flex-start;
  }

  html.cs-page-nippon-india-excel-automation .cs-feature-panel.active, html.cs-page-nippon-india-excel-automation .cs-feature-panel.show {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  html.cs-page-nippon-india-excel-automation .cs-flip-card, html.cs-page-nippon-india-excel-automation .cs-flip-inner {
    min-height: 225px;
  }

  html.cs-page-nippon-india-excel-automation .cs-splitter {
    aspect-ratio: 4 / 3;
  }

  html.cs-page-nippon-india-excel-automation .cs-splitter-before img {
    width: calc(100vw - 40px);
  }

  html.cs-page-nippon-india-excel-automation .cs-splitter-label {
    top: 10px;
  }

  html.cs-page-nippon-india-excel-automation .cs-splitter-label.cs-before-label {
    left: 10px;
  }

  html.cs-page-nippon-india-excel-automation .cs-splitter-label.cs-after-label {
    right: 10px;
  }

  html.cs-page-nippon-india-excel-automation .cs-transform-compact .cs-transform-row {
    min-height: 0;
  }

  html.cs-page-nippon-india-excel-automation .cs-transform-list.cs-transform-compact .cs-transform-row {
    grid-template-columns: 1fr;
  }

  html.cs-page-nippon-india-excel-automation .cs-content-path .cs-structure-map {
    grid-template-columns: 1fr;
  }

  html.cs-page-nippon-india-excel-automation .cs-offboarding-panel, html.cs-page-nippon-india-excel-automation .cs-ftp-shell {
    padding: 26px 20px;
  }

  html.cs-page-nippon-india-excel-automation .cs-pointer-grid-3, html.cs-page-nippon-india-excel-automation .cs-icon-points-2, html.cs-page-nippon-india-excel-automation .cs-line-points {
    grid-template-columns: 1fr;
  }

  html.cs-page-nippon-india-excel-automation .cs-live-proof {
    min-height: 0;
    padding: 20px 0 20px 65px;
  }

  html.cs-page-nippon-india-excel-automation .cs-live-proof > i {
    left: 15px;
    font-size: 2rem;
  }

  html.cs-page-nippon-india-excel-automation .cs-live-proof:after {
    right: 12px;
    bottom: 14px;
    font-size: 3.25rem;
  }

  html.cs-page-nippon-india-excel-automation .cs-testing-layout {
    gap: 30px;
  }

  html.cs-page-nippon-india-excel-automation .cs-test-boundary {
    padding-left: 20px;
  }

}

@media (max-height: 650px) {
  html.cs-page-nippon-india-excel-automation .cs-workflow-sticky {
    position: relative;
    top: auto;
    contain: none;
  }

}

@media (prefers-reduced-motion: reduce) {
  html.cs-page-nippon-india-excel-automation {
    scroll-behavior: auto;
  }

  html.cs-page-nippon-india-excel-automation * {
    transition: none !important;
  }

  html.cs-page-nippon-india-excel-automation .cs-live-proof:after {
    animation: none;
    opacity: .48;
  }

}

/* Scroll-controlled problem and response presentation. */

html.cs-page-nippon-india-excel-automation .cs-challenge-section {
  padding: 76px 0 0;
  background: #f1f1f1;
}

html.cs-page-nippon-india-excel-automation #nams-problems {
  background: #fff;
}

html.cs-page-nippon-india-excel-automation .cs-challenge-mobile {
  display: none;
}

html.cs-page-nippon-india-excel-automation .cs-challenge-story {
  position: relative;
  height: 370vh;
}

html.cs-page-nippon-india-excel-automation .cs-challenge-stage {
  position: sticky;
  top: 180px;
  display: flex;
  flex-direction: column;
  padding-bottom: 28px;
}

html.cs-page-nippon-india-excel-automation .cs-challenge-heading {
  margin: 0 auto 22px;
  text-align: center;
}

html.cs-page-nippon-india-excel-automation .cs-challenge-heading h2, html.cs-page-nippon-india-excel-automation .cs-challenge-mobile-heading h2 {
  margin: 10px 0 12px;
  color: var(--navy);
  font-size: 2.25rem;
  line-height: 1.18;
  letter-spacing: -.035em;
}

html.cs-page-nippon-india-excel-automation .cs-challenge-heading h2 em, html.cs-page-nippon-india-excel-automation .cs-challenge-mobile-heading h2 em {
  color: var(--accent);
  font-style: normal;
}

html.cs-page-nippon-india-excel-automation .cs-challenge-heading > p, html.cs-page-nippon-india-excel-automation .cs-challenge-mobile-heading > p {
  max-width: 720px;
  margin: 0 auto;
  color: #626c79;
  font-size: .82rem;
  line-height: 1.7;
}

html.cs-page-nippon-india-excel-automation .cs-challenge-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: min(100%, 940px);
  margin: 0 auto 16px;
  color: #6b7481;
  font-size: .78rem;
}

html.cs-page-nippon-india-excel-automation .cs-challenge-nav-actions {
  display: flex;
  align-items: center;
  gap: 9px;
}

html.cs-page-nippon-india-excel-automation .cs-challenge-count {
  margin-right: 5px;
  color: var(--navy);
  font-size: .86rem;
}

html.cs-page-nippon-india-excel-automation .cs-challenge-count span {
  color: #89919c;
  font-size: .75rem;
  font-weight: 500;
}

html.cs-page-nippon-india-excel-automation .cs-challenge-nav-actions button {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid #d7dde5;
  border-radius: 50%;
  background: #fff;
  color: var(--navy);
  cursor: pointer;
  transition: color .2s, border-color .2s, transform .2s;
}

html.cs-page-nippon-india-excel-automation .cs-challenge-nav-actions button:hover:not(:disabled) {
  border-color: var(--accent);
  color: var(--accent);
  transform: translateY(-1px);
}

html.cs-page-nippon-india-excel-automation .cs-challenge-nav-actions button:disabled {
  cursor: default;
  opacity: .35;
}

html.cs-page-nippon-india-excel-automation .cs-challenge-nav-actions button:focus-visible, html.cs-page-nippon-india-excel-automation .cs-challenge-segments button:focus-visible {
  outline: 3px solid rgba(238,72,101,.3);
  outline-offset: 3px;
}

html.cs-page-nippon-india-excel-automation .cs-challenge-focus {
  width: min(100%, 940px);
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid #dbe1e9;
  border-radius: 15px;
  background: #fff;
}

html.cs-page-nippon-india-excel-automation .cs-challenge-focus > header {
  padding: 15px 23px 17px;
  border-bottom: 3px solid var(--accent);
  background: linear-gradient(135deg, #0e1d31, #18233a);
}

html.cs-page-nippon-india-excel-automation .cs-challenge-focus > header h3 {
  margin: 0;
  color: #fff;
  font-size: 1.15rem;
  font-weight: 600;
  line-height: 1.3;
}

html.cs-page-nippon-india-excel-automation .cs-challenge-focus-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 150px;
}

html.cs-page-nippon-india-excel-automation .cs-challenge-problem, html.cs-page-nippon-india-excel-automation .cs-challenge-response {
  padding: 23px;
}

html.cs-page-nippon-india-excel-automation .cs-challenge-response {
  border-left: 1px solid #e0e5ec;
}

html.cs-page-nippon-india-excel-automation .cs-challenge-focus-pair h4 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 11px;
  font-size: 1.4rem;
  line-height: 1.35;
}

html.cs-page-nippon-india-excel-automation .cs-challenge-problem h4 {
  color: #c83232;
}

html.cs-page-nippon-india-excel-automation .cs-challenge-response h4 {
  color: #16864b;
}

html.cs-page-nippon-india-excel-automation .cs-challenge-focus-pair p {
  margin: 0;
  color: #536070;
  font-size: .8rem;
  line-height: 1.7;
}

html.cs-page-nippon-india-excel-automation .cs-challenge-segments {
  display: flex;
  gap: 7px;
  width: min(100%, 940px);
  margin: 13px auto 0;
}

html.cs-page-nippon-india-excel-automation .cs-challenge-segments button {
  flex: 1;
  height: 22px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

html.cs-page-nippon-india-excel-automation .cs-challenge-segments button span {
  display: block;
  width: 100%;
  height: 3px;
  background: #d5dce5;
  transition: background .2s;
}

html.cs-page-nippon-india-excel-automation .cs-challenge-segments button.is-active span {
  background: var(--accent);
}

html.cs-page-nippon-india-excel-automation .cs-challenge-segments button:hover span {
  background: var(--navy);
}

@media (max-width: 899px), (max-height: 650px) {
  html.cs-page-nippon-india-excel-automation .cs-challenge-section {
    padding: 62px 0;
  }

  html.cs-page-nippon-india-excel-automation .cs-challenge-story {
    display: none;
  }

  html.cs-page-nippon-india-excel-automation .cs-challenge-mobile {
    display: block;
  }

  html.cs-page-nippon-india-excel-automation .cs-challenge-mobile-heading {
    margin-bottom: 24px;
    text-align: center;
  }

  html.cs-page-nippon-india-excel-automation .cs-challenge-mobile-hint {
    margin: 0 0 15px;
    color: #626c79;
    font-size: .78rem;
  }

  html.cs-page-nippon-india-excel-automation .cs-challenge-disclosures {
    display: grid;
    gap: 10px;
  }

  html.cs-page-nippon-india-excel-automation .cs-challenge-disclosure {
    overflow: hidden;
    border: 1px solid #dbe1e9;
    border-radius: 13px;
    background: #fff;
  }

  html.cs-page-nippon-india-excel-automation .cs-challenge-disclosure summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 17px 19px;
    color: var(--navy);
    font-size: .9rem;
    font-weight: 600;
    line-height: 1.4;
    list-style: none;
    cursor: pointer;
  }

  html.cs-page-nippon-india-excel-automation .cs-challenge-disclosure summary::-webkit-details-marker {
    display: none;
  }

  html.cs-page-nippon-india-excel-automation .cs-challenge-disclosure summary i {
    flex: 0 0 auto;
    color: var(--accent);
    transition: transform .2s;
  }

  html.cs-page-nippon-india-excel-automation .cs-challenge-disclosure[open] summary {
    background: var(--navy);
    color: #fff;
  }

  html.cs-page-nippon-india-excel-automation .cs-challenge-disclosure[open] summary i {
    color: #ff8299;
    transform: rotate(180deg);
  }

  html.cs-page-nippon-india-excel-automation .cs-challenge-disclosure-body {
    padding: 19px;
  }

  html.cs-page-nippon-india-excel-automation .cs-challenge-disclosure-body > div + div {
    margin-top: 17px;
    padding-top: 17px;
    border-top: 1px solid #e0e5ec;
  }

  html.cs-page-nippon-india-excel-automation .cs-challenge-disclosure h3 {
    margin: 0 0 7px;
    color: #c83232;
    font-size: .8rem;
  }

  html.cs-page-nippon-india-excel-automation .cs-challenge-disclosure .cs-challenge-mobile-response h3 {
    color: #16864b;
  }

  html.cs-page-nippon-india-excel-automation .cs-challenge-disclosure p {
    margin: 0;
    color: #536070;
    font-size: .8rem;
    line-height: 1.65;
  }

}

/* Shared additions for the Excel automation and multi-tenant commerce case studies. */

html.cs-page-nippon-india-excel-automation .cs-build-layout {
  align-items: center;
}

html.cs-page-nippon-india-excel-automation .cs-compact-list {
  margin: 22px 0;
  padding: 0;
  list-style: none;
  counter-reset: built;
}

html.cs-page-nippon-india-excel-automation .cs-compact-list li {
  counter-increment: built;
  position: relative;
  padding: 10px 0 10px 42px;
  border-top: 1px solid var(--line);
  color: #596474;
  font-size: .82rem;
}

html.cs-page-nippon-india-excel-automation .cs-compact-list li:before {
  position: absolute;
  left: 0;
  color: var(--accent);
  content: counter(built, decimal-leading-zero);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-nippon-india-excel-automation .cs-workflow-figure {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  margin: 0;
}

html.cs-page-nippon-india-excel-automation .cs-workflow-figure .cs-workflow-screen {
  flex: 1 1 auto;
  width: 100%;
  height: auto;
  min-height: 0;
  object-fit: contain;
}

html.cs-page-nippon-india-excel-automation .cs-workflow-figure figcaption {
  flex: 0 0 auto;
  padding: 10px 2px 0;
  color: #687487;
  font-size: .75rem;
  line-height: 1.45;
}

html.cs-page-nippon-india-excel-automation .cs-validation-shot {
  max-width: 920px;
  margin-right: auto;
  margin-left: auto;
}

html.cs-page-nippon-india-excel-automation .cs-control-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-top: 40px;
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

html.cs-page-nippon-india-excel-automation .cs-control-grid article {
  padding: 26px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #fff;
}

html.cs-page-nippon-india-excel-automation .cs-control-grid article > i {
  margin-bottom: 18px;
  color: var(--accent);
  font-size: 1.55rem;
}

html.cs-page-nippon-india-excel-automation .cs-control-grid h3 {
  font-size: 1rem;
}

html.cs-page-nippon-india-excel-automation .cs-control-grid p, html.cs-page-nippon-india-excel-automation .cs-control-grid li {
  color: #5f6977;
  font-size: .78rem;
}

html.cs-page-nippon-india-excel-automation .cs-control-grid ul {
  margin: 0;
  padding-left: 18px;
}

html.cs-page-nippon-india-excel-automation .cs-pointer-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 22px;
  margin: 0 0 22px;
  padding: 0;
  list-style: none;
}

html.cs-page-nippon-india-excel-automation .cs-pointer-list li {
  position: relative;
  padding: 7px 0 7px 22px;
  color: #596474;
  font-size: .8rem;
}

html.cs-page-nippon-india-excel-automation .cs-pointer-list li:before {
  position: absolute;
  left: 0;
  color: var(--accent);
  font-family: FontAwesome;
  content: '\f00c';
}

html.cs-page-nippon-india-excel-automation .cs-time-compare {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  margin: 26px 0;
  padding: 22px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

html.cs-page-nippon-india-excel-automation .cs-time-compare div {
  display: flex;
  flex-direction: column;
}

html.cs-page-nippon-india-excel-automation .cs-time-compare strong {
  color: var(--navy);
  font-size: 1.25rem;
}

html.cs-page-nippon-india-excel-automation .cs-time-compare span {
  color: #6c7684;
  font-size: .75rem;
}

html.cs-page-nippon-india-excel-automation .cs-time-compare > i {
  color: var(--accent);
}

html.cs-page-nippon-india-excel-automation .cs-reading-copy {
  max-width: 900px;
  margin: 0 auto;
  color: #596474;
}

html.cs-page-nippon-india-excel-automation .cs-reading-copy + .cs-note {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
}

html.cs-page-nippon-india-excel-automation .cs-related {
  border-top: 1px solid var(--line);
}

html.cs-page-nippon-india-excel-automation .cs-tab-feature small {
  display: block;
  margin-bottom: 7px;
  color: var(--accent);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

html.cs-page-nippon-india-excel-automation .cs-hero-in-progress {
  background: linear-gradient(145deg, #fff 62%, #f1f1f1);
}

html.cs-page-nippon-india-excel-automation .cs-status-notice {
  display: flex;
  gap: 14px;
  margin-top: 42px;
  padding: 20px 22px;
  border-left: 3px solid var(--accent);
  background: #eef1f4;
}

html.cs-page-nippon-india-excel-automation .cs-status-notice i {
  margin-top: 5px;
  color: var(--accent);
}

html.cs-page-nippon-india-excel-automation .cs-status-notice p {
  margin: 0;
  color: #4f5b6a;
  font-size: .82rem;
}

html.cs-page-nippon-india-excel-automation .cs-architecture-visual {
  position: relative;
  min-height: 410px;
  padding: 34px;
  overflow: hidden;
  border-radius: 20px;
  background: linear-gradient(135deg, #0c192c, #1a2b46);
  box-shadow: 0 24px 55px rgba(8,27,54,.18);
  color: #fff;
}

html.cs-page-nippon-india-excel-automation .cs-architecture-label {
  color: #ff8197;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

html.cs-page-nippon-india-excel-automation .cs-architecture-core {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 155px;
  height: 155px;
  margin: 46px auto 34px;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 50%;
  background: rgba(255,255,255,.08);
}

html.cs-page-nippon-india-excel-automation .cs-architecture-core i {
  margin-bottom: 8px;
  color: var(--accent);
  font-size: 1.7rem;
}

html.cs-page-nippon-india-excel-automation .cs-architecture-core small {
  color: #b8c6d9;
  font-size: .75rem;
}

html.cs-page-nippon-india-excel-automation .cs-architecture-flow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

html.cs-page-nippon-india-excel-automation .cs-architecture-flow span {
  color: #fff;
  font-size: .75rem;
  font-weight: 700;
}

html.cs-page-nippon-india-excel-automation .cs-architecture-flow i {
  color: var(--accent);
}

html.cs-page-nippon-india-excel-automation .cs-architecture-visual > p {
  margin: 28px 0 0;
  color: #bcc9da;
  font-size: .78rem;
  text-align: center;
}

html.cs-page-nippon-india-excel-automation .cs-role-lines {
  border-top: 1px solid var(--line);
}

html.cs-page-nippon-india-excel-automation .cs-role-lines article {
  display: grid;
  grid-template-columns: 145px 1fr;
  gap: 20px;
  padding: 17px 0;
  border-bottom: 1px solid var(--line);
}

html.cs-page-nippon-india-excel-automation .cs-role-lines strong {
  color: var(--navy);
  font-size: .84rem;
}

html.cs-page-nippon-india-excel-automation .cs-role-lines p {
  margin: 0;
  font-size: .76rem;
}

html.cs-page-nippon-india-excel-automation .cs-validation-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0;
  border-top: 1px solid #d7dde4;
  border-left: 1px solid #d7dde4;
  list-style: none;
}

html.cs-page-nippon-india-excel-automation .cs-validation-list li {
  position: relative;
  min-height: 78px;
  padding: 18px 16px 16px 39px;
  border-right: 1px solid #d7dde4;
  border-bottom: 1px solid #d7dde4;
  background: #fff;
  color: #5c6674;
  font-size: .75rem;
}

html.cs-page-nippon-india-excel-automation .cs-validation-list li:before {
  position: absolute;
  top: 21px;
  left: 16px;
  color: var(--accent);
  font-family: FontAwesome;
  content: '\f017';
}

html.cs-page-nippon-india-excel-automation .cs-challenge-flow {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 54px;
  align-items: start;
}

html.cs-page-nippon-india-excel-automation .cs-challenge-flow .cs-copy p {
  color: #c4cedc;
}

html.cs-page-nippon-india-excel-automation .cs-qa-layout {
  display: grid;
  grid-template-columns: minmax(360px, .82fr) minmax(0, 1.18fr);
  gap: 56px;
  align-items: start;
}

html.cs-page-nippon-india-excel-automation .cs-qa-board {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(8,27,54,.09);
}

html.cs-page-nippon-india-excel-automation .cs-qa-board > div {
  display: flex;
  flex-direction: column;
  padding: 27px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

html.cs-page-nippon-india-excel-automation .cs-qa-board > div:nth-child(2n) {
  border-right: 0;
}

html.cs-page-nippon-india-excel-automation .cs-qa-board strong {
  color: var(--navy);
  font-size: 1.7rem;
}

html.cs-page-nippon-india-excel-automation .cs-qa-board span {
  color: #697483;
  font-size: .75rem;
}

html.cs-page-nippon-india-excel-automation .cs-qa-board p {
  grid-column: 1 / -1;
  margin: 0;
  padding: 24px 27px;
  color: #566170;
  font-size: .8rem;
}

html.cs-page-nippon-india-excel-automation .cs-boundary-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-nippon-india-excel-automation .cs-boundary-list li {
  position: relative;
  padding: 8px 0 8px 23px;
  border-bottom: 1px solid var(--line);
  color: #586373;
  font-size: .78rem;
}

html.cs-page-nippon-india-excel-automation .cs-boundary-list li:before {
  position: absolute;
  left: 0;
  color: var(--accent);
  font-family: FontAwesome;
  content: '\f05e';
}

html.cs-page-nippon-india-excel-automation .cs-user-journey {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

html.cs-page-nippon-india-excel-automation .cs-user-journey article {
  position: relative;
  min-height: 235px;
  padding: 25px 21px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #fff;
}

html.cs-page-nippon-india-excel-automation .cs-user-journey span {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #9aa3ae;
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-nippon-india-excel-automation .cs-user-journey i {
  margin-bottom: 45px;
  color: var(--accent);
  font-size: 1.45rem;
}

html.cs-page-nippon-india-excel-automation .cs-user-journey h3 {
  font-size: .95rem;
}

html.cs-page-nippon-india-excel-automation .cs-user-journey p {
  margin: 0;
  color: #5e6876;
  font-size: .75rem;
}

html.cs-page-nippon-india-excel-automation .cs-evidence-boundary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 54px;
}

html.cs-page-nippon-india-excel-automation .cs-evidence-boundary > div {
  padding-top: 24px;
  border-top: 2px solid var(--accent);
}

html.cs-page-nippon-india-excel-automation .cs-evidence-boundary h3 {
  display: flex;
  gap: 12px;
  font-size: 1rem;
}

html.cs-page-nippon-india-excel-automation .cs-evidence-boundary h3 i {
  color: var(--accent);
}

html.cs-page-nippon-india-excel-automation .cs-evidence-boundary p, html.cs-page-nippon-india-excel-automation .cs-evidence-boundary li {
  color: #c5cfdd;
  font-size: .8rem;
}

@media (max-width: 991px) {
  html.cs-page-nippon-india-excel-automation .cs-control-grid {
    grid-template-columns: 1fr;
  }

  html.cs-page-nippon-india-excel-automation .cs-validation-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  html.cs-page-nippon-india-excel-automation .cs-user-journey {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html.cs-page-nippon-india-excel-automation .cs-challenge-flow, html.cs-page-nippon-india-excel-automation .cs-qa-layout {
    grid-template-columns: 1fr;
  }

}

@media (max-width: 767px) {
  html.cs-page-nippon-india-excel-automation .cs-compact-list li, html.cs-page-nippon-india-excel-automation .cs-pointer-list li {
    font-size: .78rem;
  }

  html.cs-page-nippon-india-excel-automation .cs-pointer-list, html.cs-page-nippon-india-excel-automation .cs-validation-list, html.cs-page-nippon-india-excel-automation .cs-user-journey, html.cs-page-nippon-india-excel-automation .cs-evidence-boundary {
    grid-template-columns: 1fr;
  }

  html.cs-page-nippon-india-excel-automation .cs-time-compare {
    grid-template-columns: 1fr;
  }

  html.cs-page-nippon-india-excel-automation .cs-time-compare > i {
    transform: rotate(90deg);
  }

  html.cs-page-nippon-india-excel-automation .cs-role-lines article {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  html.cs-page-nippon-india-excel-automation .cs-architecture-visual {
    min-height: 350px;
    padding: 25px;
  }

  html.cs-page-nippon-india-excel-automation .cs-architecture-flow {
    flex-wrap: wrap;
    justify-content: center;
  }

  html.cs-page-nippon-india-excel-automation .cs-status-notice {
    margin-top: 28px;
  }

  html.cs-page-nippon-india-excel-automation .cs-qa-layout {
    grid-template-columns: 1fr;
  }

}

@media (max-width: 420px) {
  html.cs-page-nippon-india-excel-automation .cs-shell {
    padding-right: 20px;
    padding-left: 20px;
  }

  html.cs-page-nippon-india-excel-automation .cs-hero h1 {
    font-size: 2.1rem;
  }

  html.cs-page-nippon-india-excel-automation .cs-qa-board {
    grid-template-columns: 1fr;
  }

  html.cs-page-nippon-india-excel-automation .cs-qa-board > div {
    border-right: 0;
  }

}

/* Revision: lighter sections, aligned project facts, and isolated interactive states. */

html.cs-page-nippon-india-excel-automation .cs-project-grid {
  grid-template-columns: minmax(300px, .82fr) minmax(0, 1.58fr);
  align-items: stretch;
}

html.cs-page-nippon-india-excel-automation .cs-project-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

html.cs-page-nippon-india-excel-automation .cs-facts {
  align-content: center;
}

html.cs-page-nippon-india-excel-automation .cs-facts > div {
  min-width: 0;
}

html.cs-page-nippon-india-excel-automation .cs-facts dt, html.cs-page-nippon-india-excel-automation .cs-facts dd {
  margin: 0;
  padding: 0;
  text-align: left;
}

html.cs-page-nippon-india-excel-automation .cs-facts dd {
  margin-top: 3px;
  overflow-wrap: anywhere;
}

html.cs-page-nippon-india-excel-automation .cs-need-section {
  position: relative;
  overflow: hidden;
  background: linear-gradient(145deg, #f1f1f1 0%, #fff 52%, #f1f1f1 100%);
}

html.cs-page-nippon-india-excel-automation .cs-need-section:before {
  position: absolute;
  top: -170px;
  right: -110px;
  width: 430px;
  height: 430px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(238, 72, 101, .12), rgba(238, 72, 101, 0) 70%);
  content: '';
  pointer-events: none;
}

html.cs-page-nippon-india-excel-automation .cs-need-section .cs-shell {
  position: relative;
  z-index: 1;
}

html.cs-page-nippon-india-excel-automation .cs-need-section .cs-section-header {
  max-width: 900px;
}

html.cs-page-nippon-india-excel-automation .cs-need-matrix {
  position: relative;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 24px;
  padding-top: 8px;
  border: 0;
  background: transparent;
}

html.cs-page-nippon-india-excel-automation .cs-need-matrix article {
  position: relative;
  display: block;
  min-width: 0;
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

html.cs-page-nippon-india-excel-automation .cs-need-flow-five article:not(:last-child):after {
  position: absolute;
  top: 36px;
  left: 74px;
  width: calc(100% - 50px);
  height: 1px;
  background: linear-gradient(90deg, rgba(238, 72, 101, .6), rgba(238, 72, 101, .12));
  content: '';
}

html.cs-page-nippon-india-excel-automation .cs-need-marker {
  position: relative;
  display: grid;
  place-items: center;
  width: 74px;
  height: 74px;
  margin: 0;
  border-radius: 50%;
  background: linear-gradient(145deg, #fff, #ffe8ed);
  box-shadow: 0 14px 34px rgba(8, 27, 54, .1);
  color: var(--accent);
}

html.cs-page-nippon-india-excel-automation .cs-need-flow-five .cs-need-marker {
  z-index: 1;
  margin-bottom: 22px;
}

html.cs-page-nippon-india-excel-automation .cs-need-marker i {
  font-size: 1.55rem;
}

html.cs-page-nippon-india-excel-automation .cs-need-matrix h3 {
  min-height: 0;
  margin-bottom: 11px;
  color: var(--navy);
  font-size: .95rem;
  line-height: 1.45;
}

html.cs-page-nippon-india-excel-automation .cs-need-matrix p {
  margin: 0;
  color: #626d7b;
  font-size: .78rem;
  line-height: 1.65;
}

html.cs-page-nippon-india-excel-automation .cs-validation-section {
  background: #fff !important;
}

html.cs-page-nippon-india-excel-automation .cs-built-section .cs-section-header {
  max-width: 860px;
}

html.cs-page-nippon-india-excel-automation .cs-built-section .cs-compact-list {
  margin: 0;
}

html.cs-page-nippon-india-excel-automation .cs-full-width-conclusion {
  margin: 34px 0 0;
  padding: 24px 0 0;
  border-top: 2px solid var(--accent);
  color: var(--navy);
  font-size: 1rem;
  font-weight: 650;
  text-align: center;
}

html.cs-page-nippon-india-excel-automation .cs-validation-layout {
  display: grid;
  grid-template-columns: minmax(230px, 1fr) minmax(0, 3fr);
  gap: 46px;
  align-items: center;
}

html.cs-page-nippon-india-excel-automation .cs-validation-points {
  border-top: 1px solid #cfd6df;
}

html.cs-page-nippon-india-excel-automation .cs-validation-points article {
  display: grid;
  grid-template-columns: 30px 1fr;
  gap: 13px;
  padding: 20px 0;
  border-bottom: 1px solid #cfd6df;
}

html.cs-page-nippon-india-excel-automation .cs-validation-points article > i {
  margin-top: 4px;
  color: var(--accent);
  font-size: 1.1rem;
}

html.cs-page-nippon-india-excel-automation .cs-validation-points h3 {
  margin-bottom: 8px;
  color: var(--navy);
  font-size: .92rem;
}

html.cs-page-nippon-india-excel-automation .cs-validation-points p, html.cs-page-nippon-india-excel-automation .cs-validation-points li {
  color: #586373;
  font-size: .75rem;
  line-height: 1.65;
}

html.cs-page-nippon-india-excel-automation .cs-validation-points p {
  margin: 0;
}

html.cs-page-nippon-india-excel-automation .cs-validation-points ul {
  margin: 0;
  padding-left: 18px;
}

html.cs-page-nippon-india-excel-automation .cs-validation-image {
  width: 100%;
}

html.cs-page-nippon-india-excel-automation .cs-results-section {
  background: linear-gradient(120deg, #ffffff 0%, #f6f7f9 58%, #e2e6eb 100%);
}

html.cs-page-nippon-india-excel-automation .cs-reported-time {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 32px;
  align-items: center;
  margin-bottom: 48px;
  padding: 31px 0;
  border-top: 1px solid #cfd6df;
  border-bottom: 1px solid #cfd6df;
}

html.cs-page-nippon-india-excel-automation .cs-reported-time div {
  display: flex;
  flex-direction: column;
}

html.cs-page-nippon-india-excel-automation .cs-reported-time div:last-child {
  text-align: right;
}

html.cs-page-nippon-india-excel-automation .cs-reported-time span {
  color: #697482;
  font-size: .78rem;
  font-weight: 650;
}

html.cs-page-nippon-india-excel-automation .cs-reported-time strong {
  color: var(--navy);
  font-size: clamp(1.65rem, 3vw, 2.65rem);
  line-height: 1.25;
}

html.cs-page-nippon-india-excel-automation .cs-reported-time i {
  color: var(--accent);
  font-size: 1.5rem;
}

html.cs-page-nippon-india-excel-automation .cs-results-layout {
  align-items: center;
}

html.cs-page-nippon-india-excel-automation .cs-results-layout h3 {
  margin-bottom: 16px;
  color: var(--navy);
  font-size: 1.1rem;
}

html.cs-page-nippon-india-excel-automation .cs-results-points {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 28px;
}

html.cs-page-nippon-india-excel-automation .cs-results-points li {
  font-size: .78rem;
}

html.cs-page-nippon-india-excel-automation .cs-reported-statement {
  max-width: 900px;
  margin: 34px auto 0;
  color: #4f5b6a;
  font-size: .86rem;
  text-align: center;
}

html.cs-page-nippon-india-excel-automation .cs-results-section .cs-note {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
}

html.cs-page-nippon-india-excel-automation .cs-feature-panel {
  display: none !important;
}

html.cs-page-nippon-india-excel-automation .cs-feature-panel.active {
  display: grid !important;
}

html.cs-page-nippon-india-excel-automation .cs-cta .cs-button.cs-outline {
  border-color: #aeb7c3;
  background: #fff;
  color: var(--navy);
  box-shadow: none;
}

html.cs-page-nippon-india-excel-automation .cs-cta .cs-button.cs-outline:hover {
  border-color: var(--accent);
  background: #f1f1f1;
  color: var(--navy);
}

html.cs-page-nippon-india-excel-automation .cs-cta-centered {
  text-align: center;
}

html.cs-page-nippon-india-excel-automation .cs-cta-centered .cs-cta-grid {
  display: block;
  max-width: 920px;
}

html.cs-page-nippon-india-excel-automation .cs-cta-centered h2, html.cs-page-nippon-india-excel-automation .cs-cta-centered p {
  margin-right: auto;
  margin-left: auto;
}

html.cs-page-nippon-india-excel-automation .cs-cta-centered .cs-actions {
  justify-content: center;
}

html.cs-page-nippon-india-excel-automation .related-section {
  padding: clamp(48px, 6vw, 72px) 0;
  background: #101d30;
  color: #f7f9fc;
}

html.cs-page-nippon-india-excel-automation .related-heading {
  max-width: 720px;
  margin-bottom: 28px;
}

html.cs-page-nippon-india-excel-automation .related-heading h2 {
  margin: 0;
  color: #f7f9fc;
  font-size: clamp(28px, 3vw, 38px);
  line-height: 1.25;
}

html.cs-page-nippon-india-excel-automation .related-heading h2 span {
  color: #ff8299;
}

html.cs-page-nippon-india-excel-automation .related-switcher {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 24px;
}

html.cs-page-nippon-india-excel-automation .related-switcher button {
  min-width: 44px;
  min-height: 44px;
  padding: 10px 16px;
  border: 1px solid #4b596e;
  border-radius: 8px;
  background: transparent;
  color: #f7f9fc;
  font: inherit;
  font-size: 1rem;
  line-height: 1.4;
}

html.cs-page-nippon-india-excel-automation .related-switcher button[aria-pressed="true"] {
  border-color: #f7f9fc;
  background: #f7f9fc;
  color: #101d30;
}

html.cs-page-nippon-india-excel-automation .related-all-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  margin-left: auto;
  color: #f7f9fc;
  font-size: 1rem;
  line-height: 1.4;
}

html.cs-page-nippon-india-excel-automation .related-all-link:hover {
  color: #ff8299;
}

html.cs-page-nippon-india-excel-automation .related-all-link:focus-visible {
  outline: 3px solid #ff8299;
  outline-offset: 4px;
}

html.cs-page-nippon-india-excel-automation .related-card {
  min-width: 0;
  padding: 32px;
  border: 1px solid #39475b;
  border-radius: 18px;
  background: #16253a;
}

html.cs-page-nippon-india-excel-automation .related-card-tag {
  margin: 0 0 12px;
  color: #ff8299;
  font-size: 1rem;
  line-height: 1.5;
}

html.cs-page-nippon-india-excel-automation .cs-related-template .related-card h3 {
  margin: 0 0 24px;
  color: #f7f9fc;
  font-size: clamp(1.5rem, 2.7vw, 2rem);
  line-height: 1.3;
}

html.cs-page-nippon-india-excel-automation .related-card h4 {
  margin: 0 0 10px;
  color: #f7f9fc;
  font-size: 1.0625rem;
  font-weight: 600;
  line-height: 1.4;
}

html.cs-page-nippon-india-excel-automation .related-card p {
  overflow-wrap: anywhere;
  font-size: 1rem;
  line-height: 1.75;
}

html.cs-page-nippon-india-excel-automation .cs-related-template .related-result {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 28px;
  margin-top: 28px;
  padding: 24px 0 0;
  border-top: 1px solid #3d4b60;
}

html.cs-page-nippon-india-excel-automation .related-result p {
  max-width: 780px;
  margin: 0;
  color: #bdcbe0;
}

html.cs-page-nippon-india-excel-automation .related-result a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 2px solid #ff8299;
  color: #f7f9fc;
  font-size: 1rem;
  font-weight: 600;
  white-space: nowrap;
}

html.cs-page-nippon-india-excel-automation .cs-flip-clean .flip-front, html.cs-page-nippon-india-excel-automation .cs-flip-clean .flip-back {
  min-height: 205px;
  padding: 22px;
}

html.cs-page-nippon-india-excel-automation .cs-flip-clean .flip-front > i {
  font-size: 1.4rem;
}

html.cs-page-nippon-india-excel-automation .cs-fynd-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr);
  gap: 54px;
  align-items: center;
}

html.cs-page-nippon-india-excel-automation .cs-fynd-records {
  position: relative;
  padding-left: 34px;
  border-left: 2px solid var(--accent);
}

html.cs-page-nippon-india-excel-automation .cs-fynd-label, html.cs-page-nippon-india-excel-automation .cs-system-handoff span, html.cs-page-nippon-india-excel-automation .cs-built-now-context > span {
  display: block;
  margin-bottom: 16px;
  color: var(--accent);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html.cs-page-nippon-india-excel-automation .cs-fynd-records ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 22px;
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-nippon-india-excel-automation .cs-fynd-records li {
  position: relative;
  padding: 9px 0 9px 22px;
  border-bottom: 1px solid #d7dde4;
  color: #556171;
  font-size: .78rem;
}

html.cs-page-nippon-india-excel-automation .cs-fynd-records li:before {
  position: absolute;
  left: 0;
  color: var(--accent);
  font-family: FontAwesome;
  content: '\f00c';
}

html.cs-page-nippon-india-excel-automation .cs-system-handoff {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 34px;
  align-items: center;
  margin-top: 48px;
  padding: 30px 0;
  border-top: 1px solid #cfd6df;
  border-bottom: 1px solid #cfd6df;
}

html.cs-page-nippon-india-excel-automation .cs-system-handoff > i {
  color: var(--accent);
  font-size: 1.45rem;
}

html.cs-page-nippon-india-excel-automation .cs-system-handoff p, html.cs-page-nippon-india-excel-automation .cs-system-handoff li {
  font-size: .78rem;
}

html.cs-page-nippon-india-excel-automation .cs-built-now-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
  gap: 58px;
  align-items: start;
}

html.cs-page-nippon-india-excel-automation .cs-built-now-layout ol {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 28px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: built-now;
}

html.cs-page-nippon-india-excel-automation .cs-built-now-layout li {
  counter-increment: built-now;
  position: relative;
  padding: 16px 0 16px 42px;
  border-bottom: 1px solid var(--line);
  color: #566170;
  font-size: .8rem;
}

html.cs-page-nippon-india-excel-automation .cs-built-now-layout li:before {
  position: absolute;
  left: 0;
  color: var(--accent);
  content: counter(built-now, decimal-leading-zero);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-nippon-india-excel-automation .cs-built-now-context {
  padding-left: 30px;
  border-left: 2px solid var(--accent);
}

html.cs-page-nippon-india-excel-automation .cs-built-now-context p {
  color: #556170;
  font-size: .82rem;
}

html.cs-page-nippon-india-excel-automation .cs-built-now-boundary {
  display: flex;
  gap: 12px;
  margin: 24px 0 0;
  padding-top: 24px;
  border-top: 1px solid var(--line);
}

html.cs-page-nippon-india-excel-automation .cs-built-now-boundary i {
  flex: 0 0 auto;
  margin-top: 5px;
  color: var(--accent);
}

html.cs-page-nippon-india-excel-automation .cs-validation-list {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  border: 0;
  background: transparent;
}

html.cs-page-nippon-india-excel-automation .cs-validation-list li {
  min-height: 0;
  padding: 10px 17px 10px 40px;
  border: 1px solid #cbd3dd;
  border-radius: 999px;
  background: transparent;
  font-size: .75rem;
  line-height: 1.4;
}

html.cs-page-nippon-india-excel-automation .cs-validation-list li:before {
  top: 12px;
  left: 17px;
}

html.cs-page-nippon-india-excel-automation .cs-qa-section {
  color: #fff;
  background: linear-gradient(135deg, #0b192c, #182740 62%, #2c263b);
}

html.cs-page-nippon-india-excel-automation .cs-qa-section h2, html.cs-page-nippon-india-excel-automation .cs-qa-section h3 {
  color: #fff;
}

html.cs-page-nippon-india-excel-automation .cs-qa-section .cs-section-header p {
  color: #bdc9da;
}

html.cs-page-nippon-india-excel-automation .cs-qa-snapshot {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid rgba(255,255,255,.24);
  border-bottom: 1px solid rgba(255,255,255,.24);
}

html.cs-page-nippon-india-excel-automation .cs-qa-snapshot > div {
  display: flex;
  flex-direction: column;
  padding: 28px 24px;
  border-right: 1px solid rgba(255,255,255,.18);
}

html.cs-page-nippon-india-excel-automation .cs-qa-snapshot > div:last-child {
  border-right: 0;
}

html.cs-page-nippon-india-excel-automation .cs-qa-snapshot span {
  color: #afbdd0;
  font-size: .76rem;
}

html.cs-page-nippon-india-excel-automation .cs-qa-snapshot strong {
  color: #fff;
  font-size: clamp(1.75rem, 3vw, 2.8rem);
  line-height: 1.25;
}

html.cs-page-nippon-india-excel-automation .cs-qa-snapshot > div:nth-child(3) strong, html.cs-page-nippon-india-excel-automation .cs-qa-snapshot > div:nth-child(4) strong {
  color: #ff8299;
}

html.cs-page-nippon-india-excel-automation .cs-qa-verdict {
  margin: 24px 0 46px;
  padding-left: 20px;
  border-left: 3px solid var(--accent);
  color: #d0d9e5;
  font-size: .84rem;
}

html.cs-page-nippon-india-excel-automation .cs-qa-details {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 36px;
}

html.cs-page-nippon-india-excel-automation .cs-qa-details article {
  padding-top: 22px;
  border-top: 1px solid rgba(255,255,255,.2);
}

html.cs-page-nippon-india-excel-automation .cs-qa-details article > span {
  color: #ff8299;
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-nippon-india-excel-automation .cs-qa-details h3 {
  margin: 10px 0 13px;
  font-size: 1rem;
}

html.cs-page-nippon-india-excel-automation .cs-qa-details p, html.cs-page-nippon-india-excel-automation .cs-qa-details li {
  color: #c2cedd;
  font-size: .78rem;
}

html.cs-page-nippon-india-excel-automation .cs-qa-section .cs-boundary-list li {
  border-color: rgba(255,255,255,.15);
  color: #c2cedd;
}

@media (max-width: 991px) {
  html.cs-page-nippon-india-excel-automation .cs-project-grid {
    grid-template-columns: 1fr;
  }

  html.cs-page-nippon-india-excel-automation .cs-need-matrix {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html.cs-page-nippon-india-excel-automation .cs-need-matrix article {
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr);
    gap: 20px;
    align-items: start;
  }

  html.cs-page-nippon-india-excel-automation .cs-need-flow-five article:after {
    display: none;
  }

  html.cs-page-nippon-india-excel-automation .cs-need-flow-five .cs-need-marker {
    margin-bottom: 0;
  }

  html.cs-page-nippon-india-excel-automation .cs-validation-layout, html.cs-page-nippon-india-excel-automation .cs-fynd-layout, html.cs-page-nippon-india-excel-automation .cs-built-now-layout {
    grid-template-columns: 1fr;
  }

  html.cs-page-nippon-india-excel-automation .cs-validation-image {
    width: 100%;
  }

  html.cs-page-nippon-india-excel-automation .cs-system-handoff {
    grid-template-columns: 1fr;
  }

  html.cs-page-nippon-india-excel-automation .cs-system-handoff > i {
    transform: rotate(90deg);
  }

  html.cs-page-nippon-india-excel-automation .cs-qa-details {
    grid-template-columns: 1fr;
  }

}

@media (max-width: 767px) {
  html.cs-page-nippon-india-excel-automation .cs-need-matrix, html.cs-page-nippon-india-excel-automation .cs-built-now-layout ol, html.cs-page-nippon-india-excel-automation .cs-fynd-records ul, html.cs-page-nippon-india-excel-automation .cs-results-points, html.cs-page-nippon-india-excel-automation .cs-qa-snapshot {
    grid-template-columns: 1fr;
  }

  html.cs-page-nippon-india-excel-automation .cs-need-matrix h3 {
    min-height: 0;
  }

  html.cs-page-nippon-india-excel-automation .cs-need-matrix {
    gap: 34px;
  }

  html.cs-page-nippon-india-excel-automation .cs-need-matrix article {
    grid-template-columns: 62px minmax(0, 1fr);
    gap: 17px;
  }

  html.cs-page-nippon-india-excel-automation .cs-need-marker {
    width: 62px;
    height: 62px;
  }

  html.cs-page-nippon-india-excel-automation .cs-reported-time {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  html.cs-page-nippon-india-excel-automation .cs-reported-time div:last-child {
    text-align: left;
  }

  html.cs-page-nippon-india-excel-automation .cs-reported-time i {
    transform: rotate(90deg);
  }

  html.cs-page-nippon-india-excel-automation .cs-fynd-records, html.cs-page-nippon-india-excel-automation .cs-built-now-context {
    padding-left: 20px;
  }

  html.cs-page-nippon-india-excel-automation .cs-qa-snapshot > div {
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,.14);
  }

  html.cs-page-nippon-india-excel-automation .related-switcher {
    gap: 8px;
  }

  html.cs-page-nippon-india-excel-automation .related-all-link {
    width: 100%;
    margin-left: 0;
  }

  html.cs-page-nippon-india-excel-automation .related-card {
    padding: 22px;
    border-radius: 14px;
  }

  html.cs-page-nippon-india-excel-automation .cs-related-template .related-card h3 {
    margin-bottom: 24px;
    font-size: 1.5625rem;
  }

  html.cs-page-nippon-india-excel-automation .cs-related-template .related-result {
    grid-template-columns: 1fr;
    gap: 18px;
    margin-top: 22px;
    padding-top: 22px;
  }

  html.cs-page-nippon-india-excel-automation .related-result a {
    justify-self: start;
  }

}

/* ================================================================
   Page namespace: PrintPortal-School-Print-Orders (cs-page-printportal-school-print-orders)
   ================================================================ */

/* Original file: PrintPortal-School-Print-Orders/css/case-study.css */
html.cs-page-printportal-school-print-orders {
  --navy: #081b36;
  --ink: #162238;
  --muted: #667080;
  --accent: #ee4865;
  --accent-soft: #fff0f3;
  --soft: #f1f1f1;
  --line: #dfe4ea;
  --dark: #111e33;
  --white: #ffffff;
}

html.cs-page-printportal-school-print-orders * {
  box-sizing: border-box;
}

html.cs-page-printportal-school-print-orders {
  font-size: 16px;
  scroll-behavior: smooth;
}

html.cs-page-printportal-school-print-orders body {
  margin: 0;
  color: var(--ink);
  background: #fff;
  font-family: Lexend, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.65;
}

html.cs-page-printportal-school-print-orders h1,
html.cs-page-printportal-school-print-orders h2,
html.cs-page-printportal-school-print-orders h3,
html.cs-page-printportal-school-print-orders h4,
html.cs-page-printportal-school-print-orders p,
html.cs-page-printportal-school-print-orders figure,
html.cs-page-printportal-school-print-orders dl,
html.cs-page-printportal-school-print-orders dd {
  margin-top: 0;
}

html.cs-page-printportal-school-print-orders section img {
  display: block;
  max-width: 100%;
}

html.cs-page-printportal-school-print-orders .case-study section a {
  color: #fff;
}

html.cs-page-printportal-school-print-orders .case-study section  a:hover {
  color: var(--navy);
  text-decoration: none;
}

html.cs-page-printportal-school-print-orders em {
  color: var(--accent);
  font-style: normal;
}

html.cs-page-printportal-school-print-orders .cs-shell {
  width: 100%;
  /* max-width: 1180px; */
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px;
}

html.cs-page-printportal-school-print-orders .cs-section {
  padding: 86px 0;
  background: #fff;
}

html.cs-page-printportal-school-print-orders .cs-section.cs-soft {
  background: var(--soft);
}

html.cs-page-printportal-school-print-orders .cs-section.cs-dark {
  color: #fff;
  background: linear-gradient(135deg, #0c192c, #18263e);
}

html.cs-page-printportal-school-print-orders .cs-section-header {
  max-width: 820px;
  margin-bottom: 40px;
}

html.cs-page-printportal-school-print-orders .cs-section-header.cs-center {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

html.cs-page-printportal-school-print-orders .cs-eyebrow {
  display: block;
  margin-bottom: 12px;
  color: var(--accent);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

html.cs-page-printportal-school-print-orders .cs-section h2,
html.cs-page-printportal-school-print-orders .cs-cta h2 {
  margin-bottom: 18px;
  color: var(--navy);
  font-size: clamp(2rem, 3.4vw, 3.25rem);
  font-weight: 750;
  letter-spacing: -.035em;
  line-height: 1.12;
}

html.cs-page-printportal-school-print-orders .cs-dark h2,
html.cs-page-printportal-school-print-orders .cs-dark h3 {
  color: #fff;
}

html.cs-page-printportal-school-print-orders .cs-dark .cs-section-header p,
html.cs-page-printportal-school-print-orders .cs-workflow .cs-section-header p {
  color: #b8cbe5;
}

html.cs-page-printportal-school-print-orders .cs-dark .cs-value-card h3 {
  color: var(--navy);
}

html.cs-page-printportal-school-print-orders .cs-section-header p {
  color: var(--muted);
}

html.cs-page-printportal-school-print-orders .cs-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 46px;
  align-items: start;
}

html.cs-page-printportal-school-print-orders .cs-copy p,
html.cs-page-printportal-school-print-orders .cs-copy li {
  color: #5f6877;
}

html.cs-page-printportal-school-print-orders .cs-copy ul {
  padding-left: 20px;
}

html.cs-page-printportal-school-print-orders .cs-copy li {
  margin-bottom: 8px;
}

html.cs-page-printportal-school-print-orders .cs-shot {
  margin: 0;
}

html.cs-page-printportal-school-print-orders .cs-shot img {
  width: 100%;
  height: auto;
  border: 1px solid #d9e0e8;
  border-radius: 12px;
  box-shadow: 0 20px 48px rgba(9, 29, 57, .14);
}

html.cs-page-printportal-school-print-orders .cs-shot figcaption {
  margin-top: 10px;
  color: #747e8c;
  font-size: .75rem;
  line-height: 1.5;
}

html.cs-page-printportal-school-print-orders .cs-wide {
  margin-top: 40px;
}

html.cs-page-printportal-school-print-orders .cs-hero {
  padding: 72px 0 50px;
  background: #fff;
  padding-top:140px;
}

html.cs-page-printportal-school-print-orders .cs-hero-row {
  align-items: center;
}

html.cs-page-printportal-school-print-orders .cs-hero-copy {
  padding-right: 34px;
}

html.cs-page-printportal-school-print-orders .cs-status {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  color: var(--accent);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

html.cs-page-printportal-school-print-orders .cs-status:before {
  width: 10px;
  height: 10px;
  border: 2px solid var(--accent);
  border-radius: 50%;
  content: '';
}

html.cs-page-printportal-school-print-orders .cs-status.cs-complete:before {
  background: var(--accent);
}

html.cs-page-printportal-school-print-orders .cs-hero h1 {
  margin-bottom: 18px;
  color: var(--navy);
  font-size: clamp(2.45rem, 4.05vw, 4.05rem);
  font-weight: 780;
  letter-spacing: -.047em;
  line-height: 1.04;
}

html.cs-page-printportal-school-print-orders .cs-hero-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
  font-size: .84rem;
}

html.cs-page-printportal-school-print-orders .cs-hero-meta span {
  padding-left: 12px;
  border-left: 2px solid var(--accent);
  color: var(--accent);
  font-weight: 750;
}

html.cs-page-printportal-school-print-orders .cs-hero-copy>p {
  margin-bottom: 12px;
  color: #586272;
  font-size: .98rem;
}

html.cs-page-printportal-school-print-orders .cs-support {
  font-size: .82rem !important;
}

html.cs-page-printportal-school-print-orders .cs-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

html.cs-page-printportal-school-print-orders .cs-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 13px 20px;
  border: 1px solid var(--accent);
  border-radius: 7px;
  background: var(--accent);
  box-shadow: 0 11px 24px rgba(238, 72, 101, .22);
  color: #fff;
  font-size: .8rem;
  font-weight: 750;
  text-decoration: none;
}

html.cs-page-printportal-school-print-orders .cs-button:hover {
  color: #fff;
  transform: translateY(-1px);
}

html.cs-page-printportal-school-print-orders .cs-button.cs-outline {
  background: #fff;
  box-shadow: none;
  color: var(--navy);
}

html.cs-page-printportal-school-print-orders .cs-button.cs-outline:hover {
  background: var(--accent-soft);
  color: var(--navy);
}

html.cs-page-printportal-school-print-orders .cs-hero-visual {
  padding-left: 34px;
}

html.cs-page-printportal-school-print-orders .cs-hero-highlights {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 42px;
  padding-top: 25px;
  border-top: 1px solid var(--line);
}

html.cs-page-printportal-school-print-orders .cs-hero-highlights article {
  display: flex;
  gap: 10px;
}

html.cs-page-printportal-school-print-orders .cs-hero-highlights i {
  margin-top: 5px;
  color: var(--accent);
}

html.cs-page-printportal-school-print-orders .cs-hero-highlights strong,
html.cs-page-printportal-school-print-orders .cs-hero-highlights span {
  display: block;
}

html.cs-page-printportal-school-print-orders .cs-hero-highlights strong {
  font-size: .78rem;
  line-height: 1.4;
}

html.cs-page-printportal-school-print-orders .cs-hero-highlights span {
  color: #747c89;
  font-size: .75rem;
  line-height: 1.5;
}

html.cs-page-printportal-school-print-orders .cs-project {
  padding: 38px 0;
  color: #fff;
  background: linear-gradient(110deg, #111d31, #20263d 60%, #35243a);
}

html.cs-page-printportal-school-print-orders .cs-project-grid {
  display: grid;
  grid-template-columns: .9fr 1.5fr;
  gap: 42px;
}

html.cs-page-printportal-school-print-orders .cs-project-title {
  padding-right: 36px;
  border-right: 1px solid rgba(255, 255, 255, .18);
}

html.cs-page-printportal-school-print-orders .cs-project-title>div {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 17px;
}

html.cs-page-printportal-school-print-orders .cs-project-title strong {
  font-size: 1.15rem;
}

html.cs-page-printportal-school-print-orders .cs-project-title span {
  padding-left: 12px;
  border-left: 1px solid rgba(255, 255, 255, .4);
  color: #c7cfdb;
  font-size: .75rem;
}

html.cs-page-printportal-school-print-orders .cs-project-title h2 {
  margin-bottom: 22px;
  font-size: 1rem;
  line-height: 1.5;
}

html.cs-page-printportal-school-print-orders .cs-project-title p {
  margin: 0;
  font-size: .75rem;
}

html.cs-page-printportal-school-print-orders .cs-project-title i {
  color: #ff7890;
}

html.cs-page-printportal-school-print-orders .cs-facts {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 17px 28px;
  margin: 0;
}

html.cs-page-printportal-school-print-orders .cs-facts dt {
  color: #abb7ca;
  font-size: .75rem;
  font-weight: 500;
}

html.cs-page-printportal-school-print-orders .cs-facts dd {
  color: #fff;
  font-size: .75rem;
  font-weight: 650;
  line-height: 1.5;
}

html.cs-page-printportal-school-print-orders .cs-pill-grid,
html.cs-page-printportal-school-print-orders .cs-feature-grid,
html.cs-page-printportal-school-print-orders .cs-value-grid,
html.cs-page-printportal-school-print-orders .cs-role-grid {
  display: grid;
  gap: 16px;
}

html.cs-page-printportal-school-print-orders .cs-pill-grid {
  grid-template-columns: repeat(3, 1fr);
}

html.cs-page-printportal-school-print-orders .cs-pill {
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 62px;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #fff;
  color: var(--ink);
  font-size: .82rem;
  font-weight: 700;
}

html.cs-page-printportal-school-print-orders .cs-pill i {
  color: var(--accent);
}

html.cs-page-printportal-school-print-orders .cs-scope {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 34px;
  margin: 34px 0 0;
  padding: 26px 28px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #fff;
}

html.cs-page-printportal-school-print-orders .cs-scope li {
  position: relative;
  padding: 10px 0 10px 25px;
  border-bottom: 1px solid #edf0f3;
  color: #596371;
  font-size: .82rem;
  list-style: none;
}

html.cs-page-printportal-school-print-orders .cs-scope li:before {
  position: absolute;
  left: 0;
  color: var(--accent);
  font-family: FontAwesome;
  content: '\f00c';
}

html.cs-page-printportal-school-print-orders .cs-feature-grid {
  grid-template-columns: repeat(3, 1fr);
}

html.cs-page-printportal-school-print-orders .cs-feature-card {
  padding: 25px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: #fff;
}

html.cs-page-printportal-school-print-orders .cs-feature-card i {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  margin-bottom: 18px;
  border-radius: 50%;
  background: var(--accent-soft);
  color: var(--accent);
}

html.cs-page-printportal-school-print-orders .cs-feature-card h3 {
  margin-bottom: 8px;
  font-size: 1rem;
}

html.cs-page-printportal-school-print-orders .cs-feature-card p {
  margin: 0;
  color: #66707e;
  font-size: .78rem;
}

html.cs-page-printportal-school-print-orders .cs-value-grid {
  grid-template-columns: repeat(4, 1fr);
}

html.cs-page-printportal-school-print-orders .cs-value-card {
  padding: 23px;
  border-top: 3px solid var(--accent);
  background: #fff;
  box-shadow: 0 12px 30px rgba(9, 29, 57, .08);
}

html.cs-page-printportal-school-print-orders .cs-value-card span {
  color: var(--accent);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-printportal-school-print-orders .cs-value-card h3 {
  margin: 10px 0 8px;
  font-size: 1rem;
}

html.cs-page-printportal-school-print-orders .cs-value-card p {
  margin: 0;
  color: #697280;
  font-size: .78rem;
}

html.cs-page-printportal-school-print-orders .cs-comparison {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: #fff;
}

html.cs-page-printportal-school-print-orders .cs-compare-head,
html.cs-page-printportal-school-print-orders .cs-compare-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

html.cs-page-printportal-school-print-orders .cs-compare-head div {
  padding: 18px 24px;
  color: #fff;
  background: var(--navy);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

html.cs-page-printportal-school-print-orders .cs-compare-head div:last-child {
  background: var(--accent);
}

html.cs-page-printportal-school-print-orders .cs-compare-row>div {
  padding: 18px 24px;
  border-top: 1px solid var(--line);
  color: #606a78;
  font-size: .81rem;
}

html.cs-page-printportal-school-print-orders .cs-compare-row>div:first-child {
  border-right: 1px solid var(--line);
}

html.cs-page-printportal-school-print-orders .cs-compare-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}

html.cs-page-printportal-school-print-orders .cs-compare-card {
  padding: 30px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
}

html.cs-page-printportal-school-print-orders .cs-compare-card.cs-new {
  color: #fff;
  background: var(--navy);
}

html.cs-page-printportal-school-print-orders .cs-compare-card h3 {
  margin-bottom: 20px;
  font-size: 1.25rem;
}

html.cs-page-printportal-school-print-orders .cs-compare-card ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-printportal-school-print-orders .cs-compare-card li {
  position: relative;
  padding: 10px 0 10px 25px;
  border-top: 1px solid #e7ebef;
  color: #616b79;
  font-size: .8rem;
}

html.cs-page-printportal-school-print-orders .cs-compare-card.cs-new li {
  border-color: rgba(255, 255, 255, .13);
  color: #d1d9e5;
}

html.cs-page-printportal-school-print-orders .cs-compare-card li:before {
  position: absolute;
  left: 0;
  color: var(--accent);
  font-family: FontAwesome;
  content: '\f105';
}

html.cs-page-printportal-school-print-orders .cs-workflow {
  padding: 86px 0;
  color: #fff;
  background: linear-gradient(135deg, #0d1a2d, #17243b);
}

html.cs-page-printportal-school-print-orders .cs-workflow h2 {
  color: #fff;
}

html.cs-page-printportal-school-print-orders .cs-workflow-layout {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 68px;
  align-items: start;
}

html.cs-page-printportal-school-print-orders .cs-workflow-sticky {
  position: sticky;
  top: 124px;
  min-width: 0;
}

html.cs-page-printportal-school-print-orders .cs-workflow-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  color: #b9c5d6;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html.cs-page-printportal-school-print-orders .cs-workflow-stage {
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(330px, 54vh, 520px);
  padding: 16px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 14px;
  background: linear-gradient(155deg, #fff 28%, #eaf1fa);
  box-shadow: 0 22px 55px rgba(0, 0, 0, .2);
}

html.cs-page-printportal-school-print-orders .cs-workflow-screen {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  border-radius: 8px;
  animation: cs-page-printportal-school-print-orders-cs-visual-in .32s ease;
}

html.cs-page-printportal-school-print-orders .cs-workflow-caption {
  margin: 15px 0 12px;
  color: #cad3e1;
  font-size: .8rem;
  font-weight: 650;
}

html.cs-page-printportal-school-print-orders .cs-progress-line {
  height: 3px;
  background: rgba(255, 255, 255, .2);
}

html.cs-page-printportal-school-print-orders .cs-progress-line span {
  display: block;
  height: 100%;
  background: var(--accent);
  transition: width .2s ease;
}

html.cs-page-printportal-school-print-orders .cs-workflow-timeline {
  padding-left: 34px;
  border-left: 1px solid rgba(255, 255, 255, .23);
}

html.cs-page-printportal-school-print-orders .cs-workflow-step {
  position: relative;
  min-height: 205px;
  padding-bottom: 52px;
}

html.cs-page-printportal-school-print-orders .cs-workflow-step:before {
  position: absolute;
  top: 8px;
  left: -40px;
  width: 11px;
  height: 11px;
  border: 2px solid var(--accent);
  border-radius: 50%;
  background: #17243b;
  content: '';
}

html.cs-page-printportal-school-print-orders .cs-workflow-step.cs-active:before {
  background: var(--accent);
  box-shadow: 0 0 0 8px rgba(238, 72, 101, .18);
}

html.cs-page-printportal-school-print-orders .cs-step-label {
  margin-bottom: 12px;
  color: #aeb9ca;
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html.cs-page-printportal-school-print-orders .cs-workflow-step h3 {
  margin-bottom: 11px;
  color: #fff;
  font-size: 1.28rem;
  line-height: 1.35;
}

html.cs-page-printportal-school-print-orders .cs-workflow-step.cs-active h3 {
  color: var(--accent);
}

html.cs-page-printportal-school-print-orders .cs-workflow-step p,
html.cs-page-printportal-school-print-orders .cs-workflow-step li {
  color: #bec9d8;
  font-size: .86rem;
}

html.cs-page-printportal-school-print-orders .cs-workflow-step ul {
  padding-left: 18px;
}

html.cs-page-printportal-school-print-orders .cs-workflow-note {
  margin-top: 30px;
  padding: 20px 22px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-left: 3px solid var(--accent);
  border-radius: 8px;
  background: rgba(255, 255, 255, .05);
  color: #cbd4e0;
  font-size: .8rem;
}

html.cs-page-printportal-school-print-orders .cs-workflow-explainer {
  width: 100%;
  max-width: 420px;
  padding: 18px;
  color: var(--navy);
  animation: cs-page-printportal-school-print-orders-cs-visual-in .32s ease;
}

html.cs-page-printportal-school-print-orders .cs-workflow-explainer>i {
  margin-bottom: 22px;
  color: var(--accent);
  font-size: 2.65rem;
}

html.cs-page-printportal-school-print-orders .cs-workflow-explainer h3 {
  margin-bottom: 20px;
  color: var(--navy);
  font-size: 1.38rem;
  line-height: 1.35;
}

html.cs-page-printportal-school-print-orders .cs-explainer-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 0;
  border-top: 1px solid #e7d5dc;
  color: #596575;
  font-size: .8rem;
  line-height: 1.65;
}

html.cs-page-printportal-school-print-orders .cs-explainer-row i {
  margin-top: 5px;
  color: var(--accent);
  font-size: .76rem;
}

html.cs-page-printportal-school-print-orders .cs-illustration-note {
  margin: 16px 0 0;
  color: #707987;
  font-size: .75rem;
  font-weight: 700;
}

@keyframes cs-page-printportal-school-print-orders-cs-visual-in {
  from {
    opacity: .55;
    transform: translateY(5px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

html.cs-page-printportal-school-print-orders .cs-number-flow {
  counter-reset: step;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-printportal-school-print-orders .cs-number-flow li {
  position: relative;
  min-height: 180px;
  padding: 56px 18px 22px;
  border-top: 1px solid var(--line);
  color: #66707e;
  font-size: .77rem;
}

html.cs-page-printportal-school-print-orders .cs-number-flow li:before {
  counter-increment: step;
  position: absolute;
  top: -18px;
  left: 18px;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--navy);
  color: #fff;
  content: counter(step, decimal-leading-zero);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-printportal-school-print-orders .cs-number-flow li:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: var(--line);
  content: '';
}

html.cs-page-printportal-school-print-orders .cs-number-flow li:nth-child(5n):after {
  display: none;
}

html.cs-page-printportal-school-print-orders .cs-number-flow strong {
  display: block;
  margin-bottom: 8px;
  color: var(--navy);
  font-size: .9rem;
}

html.cs-page-printportal-school-print-orders .cs-role-grid {
  grid-template-columns: repeat(3, 1fr);
}

html.cs-page-printportal-school-print-orders .cs-role {
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #fff;
}

html.cs-page-printportal-school-print-orders .cs-role .cs-role-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 18px;
  border-radius: 50%;
  background: var(--navy);
  color: #fff;
}

html.cs-page-printportal-school-print-orders .cs-role h3 {
  margin-bottom: 14px;
}

html.cs-page-printportal-school-print-orders .cs-role ul {
  padding-left: 18px;
}

html.cs-page-printportal-school-print-orders .cs-role li {
  margin-bottom: 7px;
  color: #626c7a;
  font-size: .78rem;
}

html.cs-page-printportal-school-print-orders .cs-technical {
  padding: 34px;
  border-radius: 16px;
  background: #0e1d32;
  color: #fff;
}

html.cs-page-printportal-school-print-orders .cs-technical h2,
html.cs-page-printportal-school-print-orders .cs-technical h3 {
  color: #fff;
}

html.cs-page-printportal-school-print-orders .cs-technical p,
html.cs-page-printportal-school-print-orders .cs-technical li {
  color: #c6d0de;
}

html.cs-page-printportal-school-print-orders .cs-technical ol {
  padding-left: 22px;
}

html.cs-page-printportal-school-print-orders .cs-technical li {
  margin-bottom: 8px;
  font-size: .82rem;
}

html.cs-page-printportal-school-print-orders .cs-technical .cs-shot figcaption {
  color: #aeb9c8;
}

html.cs-page-printportal-school-print-orders .cs-evidence {
  padding: 25px 28px;
  border-left: 4px solid var(--accent);
  border-radius: 9px;
  background: var(--accent-soft);
}

html.cs-page-printportal-school-print-orders .cs-evidence p {
  margin-bottom: 0;
  color: #5e6876;
  font-size: .84rem;
}

html.cs-page-printportal-school-print-orders .cs-tech-list {
  border-top: 1px solid #d9dee4;
}

html.cs-page-printportal-school-print-orders .cs-tech-row {
  display: grid;
  grid-template-columns: minmax(220px, .8fr) minmax(0, 1.2fr);
  gap: 52px;
  padding: 27px 0;
  border-bottom: 1px solid #d9dee4;
}

html.cs-page-printportal-school-print-orders .cs-tech-category {
  display: flex;
  align-items: center;
  gap: 14px;
}

html.cs-page-printportal-school-print-orders .cs-tech-category span {
  color: var(--accent);
  font-size: .77rem;
  font-weight: 800;
}

html.cs-page-printportal-school-print-orders .cs-tech-category h3 {
  margin: 0;
  color: var(--navy);
  font-size: 1rem;
}

html.cs-page-printportal-school-print-orders .cs-tech-items {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

html.cs-page-printportal-school-print-orders .cs-tech-chip {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 9px 13px;
  border-radius: 8px;
  background: #f1f1f1;
  line-height: 1.35;
}

html.cs-page-printportal-school-print-orders .cs-tech-chip i {
  color: var(--accent);
  font-size: .88rem;
}

html.cs-page-printportal-school-print-orders .cs-tech-chip strong {
  color: var(--navy);
  font-size: .78rem;
}

html.cs-page-printportal-school-print-orders .cs-tech-chip span {
  color: #47515f;
  font-size: .75rem;
}

html.cs-page-printportal-school-print-orders .cs-before-after {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

html.cs-page-printportal-school-print-orders .cs-before-after article {
  min-width: 0;
}

html.cs-page-printportal-school-print-orders .cs-before-after h3 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
  font-size: 1.1rem;
}

html.cs-page-printportal-school-print-orders .cs-before-after h3 span {
  color: var(--accent);
  font-size: .75rem;
  letter-spacing: .09em;
  text-transform: uppercase;
}

html.cs-page-printportal-school-print-orders .cs-structure {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 50px;
  align-items: start;
}

html.cs-page-printportal-school-print-orders .cs-structure-map {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  padding: 24px;
  border-radius: 15px;
  background: var(--navy);
}

html.cs-page-printportal-school-print-orders .cs-structure-map div {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 62px;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 8px;
  color: #d9e1ec;
  font-size: .76rem;
}

html.cs-page-printportal-school-print-orders .cs-structure-map span {
  color: #ff7d93;
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-printportal-school-print-orders .cs-cta {
  padding: 72px 0;
  border-top: 1px solid #e2e6eb;
  border-bottom: 1px solid #d2d8df;
  background: linear-gradient(115deg, #fff 0%, #f6f7f8 52%, #d9dee4 100%);
}

html.cs-page-printportal-school-print-orders .cs-cta-grid {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 50px;
  align-items: center;
}

html.cs-page-printportal-school-print-orders .cs-cta h2 {
  max-width: 780px;
}

html.cs-page-printportal-school-print-orders .cs-cta p {
  max-width: 800px;
  margin-bottom: 0;
  color: #5d6775;
  font-size: .92rem;
}

html.cs-page-printportal-school-print-orders .cs-cta .cs-button {
  background: var(--navy);
  border-color: var(--navy);
  box-shadow: 0 12px 28px rgba(7, 26, 53, .18);
  white-space: nowrap;
}

html.cs-page-printportal-school-print-orders .cs-faq {
  max-width: 920px;
}

html.cs-page-printportal-school-print-orders .cs-faq details {
  border-top: 1px solid #d9dee4;
}

html.cs-page-printportal-school-print-orders .cs-faq details:last-child {
  border-bottom: 1px solid #d9dee4;
}

html.cs-page-printportal-school-print-orders .cs-faq summary {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 22px 0;
  cursor: pointer;
  font-weight: 700;
  list-style: none;
}

html.cs-page-printportal-school-print-orders .cs-faq summary::-webkit-details-marker {
  display: none;
}

html.cs-page-printportal-school-print-orders .cs-faq summary i {
  color: var(--accent);
}

html.cs-page-printportal-school-print-orders .cs-faq details[open] summary i {
  transform: rotate(45deg);
}

html.cs-page-printportal-school-print-orders .cs-faq details p {
  padding: 0 40px 22px 0;
  color: #636d7b;
  font-size: .88rem;
}

html.cs-page-printportal-school-print-orders .cs-note {
  display: flex;
  gap: 12px;
  margin-top: 24px;
  padding: 17px 20px;
  border-radius: 8px;
  background: #f3f5f7;
  color: #626c79;
  font-size: .8rem;
}

html.cs-page-printportal-school-print-orders .cs-note i {
  margin-top: 4px;
  color: var(--accent);
}

html.cs-page-printportal-school-print-orders .cs-dark .cs-note {
  border: 1px solid rgba(255, 255, 255, .13);
  background: rgba(255, 255, 255, .05);
  color: #d0d8e3;
}

html.cs-page-printportal-school-print-orders .cs-transform-list {
  border-top: 1px solid var(--line);
}

html.cs-page-printportal-school-print-orders .cs-transform-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 54px minmax(0, 1fr);
  align-items: stretch;
  border-bottom: 1px solid var(--line);
}

html.cs-page-printportal-school-print-orders .cs-transform-side {
  padding: 25px 28px;
}

html.cs-page-printportal-school-print-orders .cs-transform-side small {
  display: block;
  margin-bottom: 6px;
  color: #7a8492;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html.cs-page-printportal-school-print-orders .cs-transform-side p {
  margin: 0;
  color: #566170;
  font-size: .84rem;
  line-height: 1.65;
}

html.cs-page-printportal-school-print-orders .cs-transform-side.cs-response {
  background: linear-gradient(90deg, #fff, #f7f8fa);
}

html.cs-page-printportal-school-print-orders .cs-transform-side.cs-response small {
  color: var(--accent);
}

html.cs-page-printportal-school-print-orders .cs-transform-arrow {
  display: grid;
  place-items: center;
  position: relative;
  color: var(--accent);
}

html.cs-page-printportal-school-print-orders .cs-transform-arrow:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  background: var(--line);
  content: '';
}

html.cs-page-printportal-school-print-orders .cs-transform-arrow i {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid #f2a9b6;
  border-radius: 50%;
  background: #fff;
  font-size: .78rem;
}

html.cs-page-printportal-school-print-orders .cs-also-layout {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 38px;
  align-items: center;
}

html.cs-page-printportal-school-print-orders .cs-also-visual img {
  border-color: rgba(255, 255, 255, .16);
  box-shadow: 0 22px 52px rgba(0, 0, 0, .24);
}

html.cs-page-printportal-school-print-orders .cs-also-visual figcaption {
  color: #b9c3d2;
}

html.cs-page-printportal-school-print-orders .cs-also-copy .cs-pill-grid {
  grid-template-columns: repeat(2, 1fr);
}

html.cs-page-printportal-school-print-orders .cs-also-copy .cs-pill {
  min-height: 58px;
  border-color: rgba(255, 255, 255, .12);
}

html.cs-page-printportal-school-print-orders .cs-feature-tabs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 8px;
  margin-bottom: 34px;
  padding: 7px;
  border: 0;
  border-radius: 14px;
  background: #e3e7ec;
}

html.cs-page-printportal-school-print-orders .cs-feature-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 60px;
  padding: 12px 15px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #687280 !important;
  font-size: .78rem;
  font-weight: 750;
}

html.cs-page-printportal-school-print-orders .cs-feature-tab i {
  color: var(--accent);
}

html.cs-page-printportal-school-print-orders .cs-feature-tab.active,
html.cs-page-printportal-school-print-orders .cs-feature-tab.cs-active-tab {
  background: #fff !important;
  color: var(--navy) !important;
  box-shadow: 0 7px 20px rgba(8, 27, 54, .1);
}

html.cs-page-printportal-school-print-orders .cs-feature-panel {
  display: none;
}

html.cs-page-printportal-school-print-orders .cs-feature-panel.active,
html.cs-page-printportal-school-print-orders .cs-feature-panel.show {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 42px;
}

html.cs-page-printportal-school-print-orders .cs-feature-panel-intro span {
  color: var(--accent);
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1;
}

html.cs-page-printportal-school-print-orders .cs-feature-panel-intro h3 {
  margin: 12px 0 8px;
  font-size: 1.18rem;
}

html.cs-page-printportal-school-print-orders .cs-feature-panel-intro p {
  color: #76808e;
  font-size: .76rem;
}

html.cs-page-printportal-school-print-orders .cs-tab-features {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px 28px;
}

html.cs-page-printportal-school-print-orders .cs-tab-feature {
  padding-left: 18px;
  border-left: 2px solid var(--accent);
}

html.cs-page-printportal-school-print-orders .cs-tab-feature h4 {
  margin-bottom: 6px;
  color: var(--navy);
  font-size: .9rem;
}

html.cs-page-printportal-school-print-orders .cs-tab-feature p {
  margin: 0;
  color: #65707e;
  font-size: .77rem;
}

html.cs-page-printportal-school-print-orders .cs-flip-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

html.cs-page-printportal-school-print-orders .cs-flip-card {
  min-height: 245px;
  outline: none;
  perspective: 1000px;
}

html.cs-page-printportal-school-print-orders .cs-flip-inner {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 245px;
  transition: transform .58s cubic-bezier(.2, .75, .25, 1);
  transform-style: preserve-3d;
}

html.cs-page-printportal-school-print-orders .cs-flip-card:hover .cs-flip-inner,
html.cs-page-printportal-school-print-orders .cs-flip-card:focus .cs-flip-inner,
html.cs-page-printportal-school-print-orders .cs-flip-card.cs-flipped .cs-flip-inner {
  transform: rotateY(180deg);
}

html.cs-page-printportal-school-print-orders .cs-flip-face {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 28px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #fff;
  backface-visibility: hidden;
}

html.cs-page-printportal-school-print-orders .cs-flip-front:after {
  position: absolute;
  right: -42px;
  bottom: -42px;
  width: 125px;
  height: 125px;
  border-radius: 50%;
  background: var(--accent-soft);
  content: '';
}

html.cs-page-printportal-school-print-orders .cs-flip-front i {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: var(--navy);
  color: #fff;
}

html.cs-page-printportal-school-print-orders .cs-flip-front h3 {
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: 1.18rem;
  line-height: 1.4;
}

html.cs-page-printportal-school-print-orders .cs-flip-front small {
  position: relative;
  z-index: 1;
  color: var(--accent);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

html.cs-page-printportal-school-print-orders .cs-flip-back {
  justify-content: center;
  border-color: var(--navy);
  background: var(--navy);
  color: #fff;
  transform: rotateY(180deg);
}

html.cs-page-printportal-school-print-orders .cs-flip-back h3 {
  margin-bottom: 13px;
  color: #fff;
  font-size: 1.08rem;
}

html.cs-page-printportal-school-print-orders .cs-flip-back p {
  margin: 0;
  color: #cdd6e3;
  font-size: .8rem;
}

html.cs-page-printportal-school-print-orders .cs-splitter {
  --split: 50%;
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 22px 55px rgba(8, 27, 54, .14);
}

html.cs-page-printportal-school-print-orders .cs-splitter-layer {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

html.cs-page-printportal-school-print-orders .cs-splitter-layer img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #fff;
}

html.cs-page-printportal-school-print-orders .cs-splitter-before {
  z-index: 2;
  width: var(--split);
  border-right: 2px solid #fff;
  box-shadow: 4px 0 14px rgba(8, 27, 54, .18);
}

html.cs-page-printportal-school-print-orders .cs-splitter-before img {
  width: calc(100vw - 60px);
  max-width: 1120px;
}

html.cs-page-printportal-school-print-orders .cs-splitter-label {
  position: absolute;
  z-index: 3;
  top: 16px;
  padding: 8px 11px;
  border-radius: 6px;
  background: rgba(8, 27, 54, .9);
  color: #fff;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

html.cs-page-printportal-school-print-orders .cs-splitter-label.cs-before-label {
  left: 16px;
  background: var(--accent);
}

html.cs-page-printportal-school-print-orders .cs-splitter-label.cs-after-label {
  right: 16px;
}

html.cs-page-printportal-school-print-orders .cs-splitter-handle {
  position: absolute;
  z-index: 4;
  top: 0;
  bottom: 0;
  left: var(--split);
  width: 42px;
  transform: translateX(-50%);
  pointer-events: none;
}

html.cs-page-printportal-school-print-orders .cs-splitter-handle:before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 3px solid #fff;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 6px 16px rgba(8, 27, 54, .25);
  color: #fff;
  content: '\2194';
  transform: translate(-50%, -50%);
}

html.cs-page-printportal-school-print-orders .cs-splitter-range {
  position: absolute;
  z-index: 5;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: ew-resize;
  opacity: 0;
}

html.cs-page-printportal-school-print-orders .cs-splitter-captions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 14px;
  color: #737d8a;
  font-size: .75rem;
}

html.cs-page-printportal-school-print-orders .cs-splitter-captions span:last-child {
  text-align: right;
}

/* Exact Birdi flip-card interaction and visual language. */
html.cs-page-printportal-school-print-orders .industry-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

html.cs-page-printportal-school-print-orders .industry-flip {
  appearance: none;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  border-radius: 16px;
  background: transparent;
  color: var(--navy);
  font-family: inherit;
  text-align: left;
  perspective: 1200px;
}

html.cs-page-printportal-school-print-orders .flip-inner {
  position: relative;
  display: grid;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform .65s cubic-bezier(.22, .61, .36, 1);
}

html.cs-page-printportal-school-print-orders .industry-flip.is-flipped .flip-inner {
  transform: rotateY(180deg);
}

html.cs-page-printportal-school-print-orders .flip-front,
html.cs-page-printportal-school-print-orders .flip-back {
  grid-area: 1/1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  min-width: 0;
  min-height: 245px;
  padding: 26px;
  border: 1px solid #dce5f0;
  border-radius: 16px;
  backface-visibility: hidden;
}

html.cs-page-printportal-school-print-orders .flip-front {
  background: #fff;
  transform: rotateY(0);
}

html.cs-page-printportal-school-print-orders .flip-front>i {
  color: var(--accent);
  font-size: 1.75rem;
}

html.cs-page-printportal-school-print-orders .flip-front strong {
  color: var(--navy);
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.35;
}

html.cs-page-printportal-school-print-orders .flip-hint {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid #e6ecf4;
  color: #6f6f6f;
  font-size: .78rem;
  line-height: 1.4;
}

html.cs-page-printportal-school-print-orders .flip-hint i {
  color: var(--accent);
}

html.cs-page-printportal-school-print-orders .flip-back {
  border-color: #15233b;
  background: linear-gradient(135deg, #0e1d31, #15233b);
  color: #fff;
  transform: rotateY(180deg);
}

html.cs-page-printportal-school-print-orders .flip-back-label {
  color: #ff8299;
  font-size: .75rem;
  font-weight: 700;
}

html.cs-page-printportal-school-print-orders .flip-description {
  color: #d1def0;
  font-size: .78rem;
  line-height: 1.7;
}

html.cs-page-printportal-school-print-orders .flip-back-hint {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #b8cbe5;
  font-size: .75rem;
}

/* Compact, user-centred section compositions. */
html.cs-page-printportal-school-print-orders .cs-need-intro {
  max-width: 860px;
  margin: 0 auto 34px;
  text-align: center;
}

html.cs-page-printportal-school-print-orders .cs-need-intro p {
  color: #5f6877;
}

html.cs-page-printportal-school-print-orders .cs-need-matrix {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid #d8dde4;
  border-left: 1px solid #d8dde4;
  background: #fff;
}

html.cs-page-printportal-school-print-orders .cs-need-matrix article {
  position: relative;
  min-height: 118px;
  padding: 24px 22px 20px 58px;
  border-right: 1px solid #d8dde4;
  border-bottom: 1px solid #d8dde4;
}

html.cs-page-printportal-school-print-orders .cs-need-matrix span {
  position: absolute;
  top: 25px;
  left: 20px;
  color: var(--accent);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-printportal-school-print-orders .cs-need-matrix p {
  margin: 0;
  color: #536070;
  font-size: .79rem;
  line-height: 1.55;
}

html.cs-page-printportal-school-print-orders .cs-need-boundary {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 24px 0 0;
  color: var(--navy);
  font-size: .82rem;
  font-weight: 700;
}

html.cs-page-printportal-school-print-orders .cs-need-boundary i {
  color: var(--accent);
}

html.cs-page-printportal-school-print-orders .cs-content-path {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(330px, .95fr);
  gap: 34px;
  align-items: stretch;
}

html.cs-page-printportal-school-print-orders .cs-content-path .cs-structure-map {
  grid-template-columns: repeat(2, 1fr);
  height: 100%;
  align-content: center;
}

html.cs-page-printportal-school-print-orders .cs-path-panel {
  padding: 30px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: #fff;
}

html.cs-page-printportal-school-print-orders .cs-path-panel>p {
  color: #5d6876;
  font-size: .84rem;
}

html.cs-page-printportal-school-print-orders .cs-path-panel h3 {
  margin: 22px 0 10px;
  color: var(--navy);
  font-size: 1rem;
}

html.cs-page-printportal-school-print-orders .cs-path-steps {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: path;
}

html.cs-page-printportal-school-print-orders .cs-path-steps li {
  counter-increment: path;
  position: relative;
  padding: 11px 0 11px 42px;
  border-top: 1px solid #e4e8ed;
  color: #596575;
  font-size: .77rem;
}

html.cs-page-printportal-school-print-orders .cs-path-steps li:before {
  position: absolute;
  top: 10px;
  left: 0;
  color: var(--accent);
  content: counter(path, decimal-leading-zero);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-printportal-school-print-orders .cs-path-scope {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 210px 1fr;
  gap: 28px;
  align-items: center;
  padding: 22px 28px;
  border-left: 3px solid var(--accent);
  background: #fff;
}

html.cs-page-printportal-school-print-orders .cs-path-scope h3,
html.cs-page-printportal-school-print-orders .cs-path-scope p {
  margin: 0;
}

html.cs-page-printportal-school-print-orders .cs-path-scope h3 {
  color: var(--navy);
  font-size: .94rem;
}

html.cs-page-printportal-school-print-orders .cs-path-scope p {
  color: #606b79;
  font-size: .79rem;
}

html.cs-page-printportal-school-print-orders .cs-transform-list.cs-transform-compact {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

html.cs-page-printportal-school-print-orders .cs-transform-compact .cs-transform-row {
  grid-template-columns: 1fr 38px 1fr;
  min-height: 160px;
  border-right: 1px solid var(--line);
}

html.cs-page-printportal-school-print-orders .cs-transform-compact .cs-transform-side {
  padding: 20px 18px;
}

html.cs-page-printportal-school-print-orders .cs-transform-compact .cs-transform-arrow i {
  width: 28px;
  height: 28px;
}

html.cs-page-printportal-school-print-orders .cs-overview-layout,
html.cs-page-printportal-school-print-orders .cs-review-layout,
html.cs-page-printportal-school-print-orders .cs-feature-board,
html.cs-page-printportal-school-print-orders .cs-ftp-layout,
html.cs-page-printportal-school-print-orders .cs-offboarding-layout {
  display: grid;
  gap: 34px;
  align-items: center;
}

html.cs-page-printportal-school-print-orders .cs-overview-layout {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
}

html.cs-page-printportal-school-print-orders .cs-overview-copy {
  max-width: 860px;
  margin: 0 auto 34px;
  color: #5f6877;
  text-align: center;
}

html.cs-page-printportal-school-print-orders .cs-mini-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

html.cs-page-printportal-school-print-orders .cs-mini-feature-grid div {
  position: relative;
  min-height: 88px;
  padding: 18px 16px 16px 43px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #fff;
  color: #566170;
  font-size: .75rem;
  line-height: 1.5;
}

html.cs-page-printportal-school-print-orders .cs-mini-feature-grid i {
  position: absolute;
  top: 21px;
  left: 17px;
  color: var(--accent);
  font-size: .76rem;
}

html.cs-page-printportal-school-print-orders .cs-review-layout {
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
}

html.cs-page-printportal-school-print-orders .cs-review-tracks {
  border-top: 1px solid var(--line);
}

html.cs-page-printportal-school-print-orders .cs-review-track {
  position: relative;
  padding: 22px 0 22px 52px;
  border-bottom: 1px solid var(--line);
}

html.cs-page-printportal-school-print-orders .cs-review-track>span {
  position: absolute;
  top: 25px;
  left: 0;
  color: var(--accent);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-printportal-school-print-orders .cs-review-track h3 {
  margin-bottom: 8px;
  color: var(--navy);
  font-size: 1rem;
}

html.cs-page-printportal-school-print-orders .cs-review-track p {
  margin: 0;
  color: #5f6877;
  font-size: .78rem;
}

html.cs-page-printportal-school-print-orders .cs-review-summary {
  margin: 18px 0 0;
  color: #4f5b6b;
  font-size: .8rem;
  font-weight: 700;
}

html.cs-page-printportal-school-print-orders .cs-offboarding-panel {
  padding: 38px;
  border-radius: 16px;
  background: linear-gradient(135deg, #0d1a2d, #17243b);
  color: #fff;
}

html.cs-page-printportal-school-print-orders .cs-offboarding-layout {
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
}

html.cs-page-printportal-school-print-orders .cs-offboarding-panel h2,
html.cs-page-printportal-school-print-orders .cs-offboarding-panel h3 {
  color: #fff;
}

html.cs-page-printportal-school-print-orders .cs-offboarding-intro {
  color: #c4cedc;
}

html.cs-page-printportal-school-print-orders .cs-offboarding-steps {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: 22px 0 18px;
  padding: 0;
  border-top: 1px solid rgba(255, 255, 255, .18);
  border-left: 1px solid rgba(255, 255, 255, .18);
  list-style: none;
  counter-reset: offboard;
}

html.cs-page-printportal-school-print-orders .cs-offboarding-steps li {
  counter-increment: offboard;
  position: relative;
  min-height: 112px;
  padding: 20px 16px 16px 48px;
  border-right: 1px solid rgba(255, 255, 255, .18);
  border-bottom: 1px solid rgba(255, 255, 255, .18);
  color: #d0d8e4;
  font-size: .75rem;
}

html.cs-page-printportal-school-print-orders .cs-offboarding-steps li:before {
  position: absolute;
  top: 20px;
  left: 16px;
  color: #ff8299;
  content: counter(offboard, decimal-leading-zero);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-printportal-school-print-orders .cs-offboarding-panel .cs-support {
  color: #b9c4d3;
}

html.cs-page-printportal-school-print-orders .cs-offboarding-panel .cs-shot figcaption {
  color: #b9c4d3;
}

html.cs-page-printportal-school-print-orders .cs-ftp-shell {
  padding: 40px;
  border-radius: 18px;
  background: linear-gradient(135deg, #0d1a2d, #17243b);
  color: #fff;
}

html.cs-page-printportal-school-print-orders .cs-ftp-shell .cs-section-header {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

html.cs-page-printportal-school-print-orders .cs-ftp-shell h2 {
  color: #fff;
}

html.cs-page-printportal-school-print-orders .cs-ftp-shell .cs-section-header p {
  color: #c5cfdd;
}

html.cs-page-printportal-school-print-orders .cs-ftp-layout {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
}

html.cs-page-printportal-school-print-orders .cs-ftp-phases {
  border-top: 1px solid rgba(255, 255, 255, .2);
}

html.cs-page-printportal-school-print-orders .cs-ftp-phase {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 12px;
  padding: 20px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .2);
}

html.cs-page-printportal-school-print-orders .cs-ftp-phase>span {
  color: #ff8299;
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-printportal-school-print-orders .cs-ftp-phase h3 {
  margin-bottom: 8px;
  color: #fff;
  font-size: .98rem;
}

html.cs-page-printportal-school-print-orders .cs-ftp-phase ol {
  margin: 0;
  padding-left: 18px;
}

html.cs-page-printportal-school-print-orders .cs-ftp-phase li {
  margin-bottom: 5px;
  color: #c7d1df;
  font-size: .75rem;
}

html.cs-page-printportal-school-print-orders .cs-ftp-shell .cs-workflow-note {
  margin-bottom: 0;
}

html.cs-page-printportal-school-print-orders .cs-ftp-shell .cs-shot figcaption {
  color: #b9c4d3;
}

html.cs-page-printportal-school-print-orders .cs-feature-board {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
}

html.cs-page-printportal-school-print-orders .cs-feature-groups {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

html.cs-page-printportal-school-print-orders .cs-feature-group {
  padding: 20px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #fff;
}

html.cs-page-printportal-school-print-orders .cs-feature-group h3 {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 12px;
  color: var(--navy);
  font-size: .88rem;
}

html.cs-page-printportal-school-print-orders .cs-feature-group h3 i {
  color: var(--accent);
}

html.cs-page-printportal-school-print-orders .cs-feature-group ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-printportal-school-print-orders .cs-feature-group li {
  position: relative;
  padding: 6px 0 6px 19px;
  color: #5e6977;
  font-size: .75rem;
  line-height: 1.5;
}

html.cs-page-printportal-school-print-orders .cs-feature-group li:before {
  position: absolute;
  left: 0;
  color: var(--accent);
  font-family: FontAwesome;
  content: '\f00c';
}

/* Lightweight layouts requested for the refined case-study sections. */
html.cs-page-printportal-school-print-orders .cs-built-visual {
  margin-bottom: 30px;
}

html.cs-page-printportal-school-print-orders .cs-pointer-grid {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-printportal-school-print-orders .cs-pointer-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 32px;
}

html.cs-page-printportal-school-print-orders .cs-pointer-grid li {
  position: relative;
  padding: 15px 0 15px 27px;
  border-bottom: 1px solid var(--line);
  color: #586373;
  font-size: .8rem;
  line-height: 1.55;
}

html.cs-page-printportal-school-print-orders .cs-pointer-grid li:before {
  position: absolute;
  top: 18px;
  left: 0;
  color: var(--accent);
  font-family: FontAwesome;
  content: '\f00c';
}

html.cs-page-printportal-school-print-orders .cs-use-layout {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: 44px;
  align-items: center;
}

html.cs-page-printportal-school-print-orders .cs-use-copy>p {
  margin-bottom: 18px;
  color: #c3cedd;
  font-size: .84rem;
}

html.cs-page-printportal-school-print-orders .cs-icon-points {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-printportal-school-print-orders .cs-icon-points-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 28px;
}

html.cs-page-printportal-school-print-orders .cs-icon-points li {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .17);
  color: #e3e9f1;
  font-size: .78rem;
  line-height: 1.55;
}

html.cs-page-printportal-school-print-orders .cs-icon-points li i {
  flex: 0 0 auto;
  margin-top: 4px;
  color: var(--accent);
  font-size: .86rem;
}

html.cs-page-printportal-school-print-orders .cs-icon-points-light li {
  border-color: var(--line);
  color: #566170;
}

html.cs-page-printportal-school-print-orders .cs-live-layout {
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
  gap: 62px;
  align-items: center;
}

html.cs-page-printportal-school-print-orders .cs-live-proof {
  position: relative;
  min-height: 250px;
  padding: 24px 0 24px 94px;
  overflow: hidden;
  border-left: 2px solid var(--accent);
}

html.cs-page-printportal-school-print-orders .cs-live-proof>i {
  position: absolute;
  top: 23px;
  left: 27px;
  color: var(--accent);
  font-size: 2.6rem;
}

html.cs-page-printportal-school-print-orders .cs-live-proof>span {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 25px;
  color: var(--navy);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html.cs-page-printportal-school-print-orders .cs-live-proof>span i {
  color: #28a56b;
  font-size: .75rem;
}

html.cs-page-printportal-school-print-orders .cs-live-proof p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #4f5b6b;
  font-size: .9rem;
  line-height: 1.75;
}

html.cs-page-printportal-school-print-orders .cs-live-proof:after {
  position: absolute;
  right: -22px;
  bottom: -54px;
  color: rgba(8, 27, 54, .055);
  content: 'LIVE';
  font-size: 7rem;
  font-weight: 800;
  letter-spacing: -.08em;
  line-height: 1;
}

html.cs-page-printportal-school-print-orders .cs-testing-layout {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: 56px;
  align-items: center;
}

html.cs-page-printportal-school-print-orders .cs-test-confirmed {
  display: flex;
  align-items: flex-start;
  gap: 18px;
}

html.cs-page-printportal-school-print-orders .cs-test-confirmed i {
  flex: 0 0 auto;
  margin-top: 3px;
  color: var(--accent);
  font-size: 2.25rem;
}

html.cs-page-printportal-school-print-orders .cs-test-confirmed p {
  margin: 0;
  color: var(--navy);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.55;
}

html.cs-page-printportal-school-print-orders .cs-test-boundary {
  padding: 12px 0 12px 30px;
  border-left: 2px solid var(--accent);
}

html.cs-page-printportal-school-print-orders .cs-test-boundary span {
  display: block;
  margin-bottom: 8px;
  color: var(--accent);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html.cs-page-printportal-school-print-orders .cs-test-boundary p {
  margin: 0;
  color: #596574;
  font-size: .82rem;
  line-height: 1.7;
}

html.cs-page-printportal-school-print-orders .cs-feature-groups.cs-feature-groups-plain {
  gap: 0 32px;
  border: 0;
}

html.cs-page-printportal-school-print-orders .cs-feature-groups-plain .cs-feature-group {
  padding: 20px 0;
  border: 0;
  border-bottom: 1px solid #d5dbe2;
  background: transparent;
}

html.cs-page-printportal-school-print-orders .cs-line-points {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 34px;
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-printportal-school-print-orders .cs-line-points li {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  padding: 17px 0;
  border-bottom: 1px solid #d5dbe2;
  color: #536070;
  font-size: .8rem;
  line-height: 1.55;
}

html.cs-page-printportal-school-print-orders .cs-line-points i {
  flex: 0 0 22px;
  margin-top: 4px;
  color: var(--accent);
  font-size: .92rem;
  text-align: center;
}

html.cs-page-printportal-school-print-orders .cs-flip-clean .flip-front {
  justify-content: flex-start;
}

html.cs-page-printportal-school-print-orders .cs-flip-clean .flip-front strong {
  margin-top: auto;
}

html.cs-page-printportal-school-print-orders .cs-flip-clean .flip-back {
  justify-content: flex-start;
}

html.cs-page-printportal-school-print-orders .cs-flip-clean .flip-description {
  margin: auto 0;
}

html.cs-page-printportal-school-print-orders .cs-build-layout {
  align-items: center;
}

html.cs-page-printportal-school-print-orders .cs-ftp-full {
  color: #fff;
  background: linear-gradient(135deg, #0d1a2d, #17243b);
}

html.cs-page-printportal-school-print-orders .cs-ftp-full .cs-section-header p {
  color: #c5cfdd;
}

html.cs-page-printportal-school-print-orders .cs-ftp-full .cs-shot figcaption {
  color: #b9c4d3;
}

html.cs-page-printportal-school-print-orders .cs-offboarding-full {
  color: #fff;
  background: linear-gradient(135deg, #0d1a2d, #17243b);
}

html.cs-page-printportal-school-print-orders .cs-offboarding-full .cs-section-header p,
html.cs-page-printportal-school-print-orders .cs-offboarding-full .cs-support {
  color: #c4cedc;
}

html.cs-page-printportal-school-print-orders .cs-offboarding-full .cs-shot figcaption {
  color: #b9c4d3;
}

html.cs-page-printportal-school-print-orders .cs-offboarding-full .cs-offboarding-steps {
  display: block;
  margin: 0 0 18px;
  border: 0;
}

html.cs-page-printportal-school-print-orders .cs-offboarding-full .cs-offboarding-steps li {
  min-height: 0;
  padding: 15px 0 15px 42px;
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, .18);
}

html.cs-page-printportal-school-print-orders .cs-offboarding-full .cs-offboarding-steps li:before {
  top: 16px;
  left: 0;
}

@media (max-width: 991px) {

  html.cs-page-printportal-school-print-orders .cs-hero-copy,
  html.cs-page-printportal-school-print-orders .cs-hero-visual {
    padding-right: 15px;
    padding-left: 15px;
  }

  html.cs-page-printportal-school-print-orders .cs-hero-visual {
    margin-top: 34px;
  }

  html.cs-page-printportal-school-print-orders .cs-hero-highlights {
    grid-template-columns: repeat(2, 1fr);
  }

  html.cs-page-printportal-school-print-orders .cs-project-grid,
  html.cs-page-printportal-school-print-orders .cs-grid-2,
  html.cs-page-printportal-school-print-orders .cs-structure,
  html.cs-page-printportal-school-print-orders .cs-cta-grid {
    grid-template-columns: 1fr;
  }

  html.cs-page-printportal-school-print-orders .cs-project-title {
    padding: 0 0 28px;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .18);
  }

  html.cs-page-printportal-school-print-orders .cs-feature-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  html.cs-page-printportal-school-print-orders .cs-value-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  html.cs-page-printportal-school-print-orders .cs-number-flow {
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
  }

  html.cs-page-printportal-school-print-orders .cs-number-flow li:nth-child(5n):after {
    display: block;
  }

  html.cs-page-printportal-school-print-orders .cs-number-flow li:nth-child(2n):after {
    display: none;
  }

  html.cs-page-printportal-school-print-orders .cs-workflow-layout {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 36px;
  }

  html.cs-page-printportal-school-print-orders .cs-tech-row {
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 28px;
  }

  html.cs-page-printportal-school-print-orders .cs-also-layout,
  html.cs-page-printportal-school-print-orders .cs-overview-layout,
  html.cs-page-printportal-school-print-orders .cs-review-layout,
  html.cs-page-printportal-school-print-orders .cs-feature-board,
  html.cs-page-printportal-school-print-orders .cs-ftp-layout,
  html.cs-page-printportal-school-print-orders .cs-offboarding-layout,
  html.cs-page-printportal-school-print-orders .cs-content-path,
  html.cs-page-printportal-school-print-orders .cs-use-layout,
  html.cs-page-printportal-school-print-orders .cs-live-layout,
  html.cs-page-printportal-school-print-orders .cs-testing-layout {
    grid-template-columns: 1fr;
  }

  html.cs-page-printportal-school-print-orders .cs-flip-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  html.cs-page-printportal-school-print-orders .cs-feature-panel.active,
  html.cs-page-printportal-school-print-orders .cs-feature-panel.show {
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 30px;
  }

  html.cs-page-printportal-school-print-orders .cs-path-scope {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  html.cs-page-printportal-school-print-orders .cs-pointer-grid-3,
  html.cs-page-printportal-school-print-orders .cs-line-points {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  html.cs-page-printportal-school-print-orders .cs-shell {
    padding-left: 20px;
    padding-right: 20px;
  }

  html.cs-page-printportal-school-print-orders .cs-section,
  html.cs-page-printportal-school-print-orders .cs-workflow {
    padding: 62px 0;
  }

  html.cs-page-printportal-school-print-orders .cs-hero {
    padding: 48px 0 36px;
    padding-top:80px;
  }
  html.cs-page-printportal-school-print-orders .cs-hero-visual
  {
    display:none !important;
  }
  html.cs-page-printportal-school-print-orders .cs-section-header.cs-center
  {
    text-align:left !important;
  }
  html.cs-page-printportal-school-print-orders .cs-hero h1 {
    font-size: 2.45rem;
  }

  html.cs-page-printportal-school-print-orders .cs-section h2 {
    font-size: 2.08rem;
  }

  html.cs-page-printportal-school-print-orders .cs-actions {
    display: grid;
  }

  html.cs-page-printportal-school-print-orders .cs-button {
    width: 100%;
    text-align: center;
  }

  html.cs-page-printportal-school-print-orders .cs-hero-meta {
    align-items: flex-start;
    flex-direction: column;
  }

  html.cs-page-printportal-school-print-orders .cs-hero-highlights,
  html.cs-page-printportal-school-print-orders .cs-facts,
  html.cs-page-printportal-school-print-orders .cs-pill-grid,
  html.cs-page-printportal-school-print-orders .cs-scope,
  html.cs-page-printportal-school-print-orders .cs-feature-grid,
  html.cs-page-printportal-school-print-orders .cs-value-grid,
  html.cs-page-printportal-school-print-orders .cs-role-grid,
  html.cs-page-printportal-school-print-orders .cs-compare-cards,
  html.cs-page-printportal-school-print-orders .cs-before-after,
  html.cs-page-printportal-school-print-orders .cs-structure-map {
    grid-template-columns: 1fr;
  }

  html.cs-page-printportal-school-print-orders .cs-compare-head {
    display: none;
  }

  html.cs-page-printportal-school-print-orders .cs-compare-row {
    grid-template-columns: 1fr;
  }

  html.cs-page-printportal-school-print-orders .cs-compare-row>div {
    border-right: 0 !important;
  }

  html.cs-page-printportal-school-print-orders .cs-compare-row>div:first-child:before {
    display: block;
    margin-bottom: 5px;
    color: var(--accent);
    content: 'Before';
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
  }

  html.cs-page-printportal-school-print-orders .cs-compare-row>div:last-child:before {
    display: block;
    margin-bottom: 5px;
    color: var(--accent);
    content: 'Response';
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
  }

  html.cs-page-printportal-school-print-orders .cs-workflow-layout {
    grid-template-columns: 1fr;
  }

  html.cs-page-printportal-school-print-orders .cs-workflow-sticky {
    position: relative;
    top: auto;
    contain: none;
  }

  html.cs-page-printportal-school-print-orders .cs-workflow-stage {
    height: auto;
    min-height: 300px;
    display: none !important;
  }

  html.cs-page-printportal-school-print-orders .cs-workflow-timeline {
    margin-top: 22px;
    padding-left: 27px;
  }

  html.cs-page-printportal-school-print-orders .cs-workflow-step {
    min-height: 0;
    padding-bottom: 43px;
  }

  html.cs-page-printportal-school-print-orders .cs-workflow-step:before {
    left: -33px;
  }

  html.cs-page-printportal-school-print-orders .cs-number-flow {
    grid-template-columns: 1fr;
  }

  html.cs-page-printportal-school-print-orders .cs-number-flow li {
    min-height: 0;
    padding: 48px 8px 28px 58px;
  }

  html.cs-page-printportal-school-print-orders .cs-number-flow li:before {
    top: 40px;
    left: 8px;
  }

  html.cs-page-printportal-school-print-orders .cs-number-flow li:after {
    display: none !important;
  }

  html.cs-page-printportal-school-print-orders .cs-tech-row {
    grid-template-columns: 1fr;
    gap: 17px;
  }

  html.cs-page-printportal-school-print-orders .cs-tech-items {
    align-items: stretch;
    flex-direction: column;
  }

  html.cs-page-printportal-school-print-orders .cs-tech-chip {
    width: 100%;
  }

  html.cs-page-printportal-school-print-orders .cs-shot figcaption {
    font-size: .75rem;
  }

  html.cs-page-printportal-school-print-orders .cs-transform-row {
    grid-template-columns: 1fr;
  }

  html.cs-page-printportal-school-print-orders .cs-transform-side {
    padding: 21px 20px;
  }

  html.cs-page-printportal-school-print-orders .cs-transform-arrow {
    min-height: 38px;
  }

  html.cs-page-printportal-school-print-orders .cs-transform-arrow:before {
    top: 50%;
    right: 0;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 1px;
  }

  html.cs-page-printportal-school-print-orders .cs-transform-arrow i {
    transform: rotate(90deg);
  }

  html.cs-page-printportal-school-print-orders .cs-also-copy .cs-pill-grid,
  html.cs-page-printportal-school-print-orders .cs-feature-tabs,
  html.cs-page-printportal-school-print-orders .cs-tab-features,
  html.cs-page-printportal-school-print-orders .cs-flip-grid,
  html.cs-page-printportal-school-print-orders .industry-grid,
  html.cs-page-printportal-school-print-orders .cs-need-matrix,
  html.cs-page-printportal-school-print-orders .cs-mini-feature-grid,
  html.cs-page-printportal-school-print-orders .cs-feature-groups,
  html.cs-page-printportal-school-print-orders .cs-offboarding-steps,
  html.cs-page-printportal-school-print-orders .cs-transform-list.cs-transform-compact {
    grid-template-columns: 1fr;
  }

  html.cs-page-printportal-school-print-orders .cs-feature-tab {
    justify-content: flex-start;
  }

  html.cs-page-printportal-school-print-orders .cs-feature-panel.active,
  html.cs-page-printportal-school-print-orders .cs-feature-panel.show {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  html.cs-page-printportal-school-print-orders .cs-flip-card,
  html.cs-page-printportal-school-print-orders .cs-flip-inner {
    min-height: 225px;
  }

  html.cs-page-printportal-school-print-orders .cs-splitter {
    aspect-ratio: 4 / 3;
  }

  html.cs-page-printportal-school-print-orders .cs-splitter-before img {
    width: calc(100vw - 40px);
  }

  html.cs-page-printportal-school-print-orders .cs-splitter-label {
    top: 10px;
  }

  html.cs-page-printportal-school-print-orders .cs-splitter-label.cs-before-label {
    left: 10px;
  }

  html.cs-page-printportal-school-print-orders .cs-splitter-label.cs-after-label {
    right: 10px;
  }

  html.cs-page-printportal-school-print-orders .cs-transform-compact .cs-transform-row {
    min-height: 0;
  }

  html.cs-page-printportal-school-print-orders .cs-transform-list.cs-transform-compact .cs-transform-row {
    grid-template-columns: 1fr;
  }

  html.cs-page-printportal-school-print-orders .cs-content-path .cs-structure-map {
    grid-template-columns: 1fr;
  }

  html.cs-page-printportal-school-print-orders .cs-offboarding-panel,
  html.cs-page-printportal-school-print-orders .cs-ftp-shell {
    padding: 26px 20px;
  }

  html.cs-page-printportal-school-print-orders .cs-pointer-grid-3,
  html.cs-page-printportal-school-print-orders .cs-icon-points-2,
  html.cs-page-printportal-school-print-orders .cs-line-points {
    grid-template-columns: 1fr;
  }

  html.cs-page-printportal-school-print-orders .cs-live-proof {
    min-height: 0;
    padding: 20px 0 20px 65px;
  }

  html.cs-page-printportal-school-print-orders .cs-live-proof>i {
    left: 15px;
    font-size: 2rem;
  }

  html.cs-page-printportal-school-print-orders .cs-live-proof:after {
    font-size: 5rem;
  }

  html.cs-page-printportal-school-print-orders .cs-testing-layout {
    gap: 30px;
  }

  html.cs-page-printportal-school-print-orders .cs-test-boundary {
    padding-left: 20px;
  }
}

@media (max-height: 650px) {
  html.cs-page-printportal-school-print-orders .cs-workflow-sticky {
    position: relative;
    top: auto;
    contain: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.cs-page-printportal-school-print-orders {
    scroll-behavior: auto;
  }

  html.cs-page-printportal-school-print-orders * {
    transition: none !important;
  }
}

/* Scroll-controlled problem and response presentation. */
html.cs-page-printportal-school-print-orders .cs-challenge-section {
  padding: 76px 0 0;
  background: #f1f1f1;
}

html.cs-page-printportal-school-print-orders .cs-challenge-mobile {
  display: none;
}

html.cs-page-printportal-school-print-orders .cs-challenge-story {
  position: relative;
  height: 370vh;
}

html.cs-page-printportal-school-print-orders .cs-challenge-stage {
  position: sticky;
  top: 18px;
  display: flex;
  flex-direction: column;
  padding-bottom: 28px;
}

html.cs-page-printportal-school-print-orders .cs-challenge-heading {
  margin: 0 auto 22px;
  text-align: center;
}

html.cs-page-printportal-school-print-orders .cs-challenge-heading h2,
html.cs-page-printportal-school-print-orders .cs-challenge-mobile-heading h2 {
  margin: 10px 0 12px;
  color: var(--navy);
  font-size: 2.25rem;
  line-height: 1.18;
  letter-spacing: -.035em;
}

html.cs-page-printportal-school-print-orders .cs-challenge-heading h2 em,
html.cs-page-printportal-school-print-orders .cs-challenge-mobile-heading h2 em {
  color: var(--accent);
  font-style: normal;
}

html.cs-page-printportal-school-print-orders .cs-challenge-heading>p,
html.cs-page-printportal-school-print-orders .cs-challenge-mobile-heading>p {
  max-width: 720px;
  margin: 0 auto;
  color: #626c79;
  font-size: .82rem;
  line-height: 1.7;
}

html.cs-page-printportal-school-print-orders .cs-challenge-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: min(100%, 940px);
  margin: 0 auto 16px;
  color: #6b7481;
  font-size: .78rem;
}

html.cs-page-printportal-school-print-orders .cs-challenge-nav-actions {
  display: flex;
  align-items: center;
  gap: 9px;
}

html.cs-page-printportal-school-print-orders .cs-challenge-count {
  margin-right: 5px;
  color: var(--navy);
  font-size: .86rem;
}

html.cs-page-printportal-school-print-orders .cs-challenge-count span {
  color: #89919c;
  font-size: .75rem;
  font-weight: 500;
}

html.cs-page-printportal-school-print-orders .cs-challenge-nav-actions button {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid #d7dde5;
  border-radius: 50%;
  background: #fff;
  color: var(--navy);
  cursor: pointer;
  transition: color .2s, border-color .2s, transform .2s;
}

html.cs-page-printportal-school-print-orders .cs-challenge-nav-actions button:hover:not(:disabled) {
  border-color: var(--accent);
  color: var(--accent);
  transform: translateY(-1px);
}

html.cs-page-printportal-school-print-orders .cs-challenge-nav-actions button:disabled {
  cursor: default;
  opacity: .35;
}

html.cs-page-printportal-school-print-orders .cs-challenge-nav-actions button:focus-visible,
html.cs-page-printportal-school-print-orders .cs-challenge-segments button:focus-visible {
  outline: 3px solid rgba(238, 72, 101, .3);
  outline-offset: 3px;
}

html.cs-page-printportal-school-print-orders .cs-challenge-focus {
  width: min(100%, 940px);
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid #dbe1e9;
  border-radius: 15px;
  background: #fff;
}

html.cs-page-printportal-school-print-orders .cs-challenge-focus>header {
  padding: 15px 23px 17px;
  border-bottom: 3px solid var(--accent);
  background: linear-gradient(135deg, #0e1d31, #18233a);
}

html.cs-page-printportal-school-print-orders .cs-challenge-focus>header h3 {
  margin: 0;
  color: #fff;
  font-size: 1.15rem;
  font-weight: 600;
  line-height: 1.3;
}

html.cs-page-printportal-school-print-orders .cs-challenge-focus-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 150px;
}

html.cs-page-printportal-school-print-orders .cs-challenge-problem,
html.cs-page-printportal-school-print-orders .cs-challenge-response {
  padding: 23px;
}

html.cs-page-printportal-school-print-orders .cs-challenge-response {
  border-left: 1px solid #e0e5ec;
}

html.cs-page-printportal-school-print-orders .cs-challenge-focus-pair h4 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 11px;
  font-size: .84rem;
  line-height: 1.35;
}

html.cs-page-printportal-school-print-orders .cs-challenge-problem h4 {
  color: #c83232;
}

html.cs-page-printportal-school-print-orders .cs-challenge-response h4 {
  color: #16864b;
}

html.cs-page-printportal-school-print-orders .cs-challenge-focus-pair p {
  margin: 0;
  color: #536070;
  font-size: .8rem;
  line-height: 1.7;
}

html.cs-page-printportal-school-print-orders .cs-challenge-segments {
  display: flex;
  gap: 7px;
  width: min(100%, 940px);
  margin: 13px auto 0;
}

html.cs-page-printportal-school-print-orders .cs-challenge-segments button {
  flex: 1;
  height: 22px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

html.cs-page-printportal-school-print-orders .cs-challenge-segments button span {
  display: block;
  width: 100%;
  height: 3px;
  background: #d5dce5;
  transition: background .2s;
}

html.cs-page-printportal-school-print-orders .cs-challenge-segments button.is-active span {
  background: var(--accent);
}

html.cs-page-printportal-school-print-orders .cs-challenge-segments button:hover span {
  background: var(--navy);
}

@media (max-width: 899px),
(max-height: 650px) {
  html.cs-page-printportal-school-print-orders .cs-challenge-section {
    padding: 62px 0;
  }

  html.cs-page-printportal-school-print-orders .cs-challenge-story {
    display: none;
  }

  html.cs-page-printportal-school-print-orders .cs-challenge-mobile {
    display: block;
  }

  html.cs-page-printportal-school-print-orders .cs-challenge-mobile-heading {
    margin-bottom: 24px;
    text-align: center;
  }

  html.cs-page-printportal-school-print-orders .cs-challenge-mobile-hint {
    margin: 0 0 15px;
    color: #626c79;
    font-size: .78rem;
  }

  html.cs-page-printportal-school-print-orders .cs-challenge-disclosures {
    display: grid;
    gap: 10px;
  }

  html.cs-page-printportal-school-print-orders .cs-challenge-disclosure {
    overflow: hidden;
    border: 1px solid #dbe1e9;
    border-radius: 13px;
    background: #fff;
  }

  html.cs-page-printportal-school-print-orders .cs-challenge-disclosure summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 17px 19px;
    color: var(--navy);
    font-size: .9rem;
    font-weight: 600;
    line-height: 1.4;
    list-style: none;
    cursor: pointer;
  }

  html.cs-page-printportal-school-print-orders .cs-challenge-disclosure summary::-webkit-details-marker {
    display: none;
  }

  html.cs-page-printportal-school-print-orders .cs-challenge-disclosure summary i {
    flex: 0 0 auto;
    color: var(--accent);
    transition: transform .2s;
  }

  html.cs-page-printportal-school-print-orders .cs-challenge-disclosure[open] summary {
    background: var(--navy);
    color: #fff;
  }

  html.cs-page-printportal-school-print-orders .cs-challenge-disclosure[open] summary i {
    color: #ff8299;
    transform: rotate(180deg);
  }

  html.cs-page-printportal-school-print-orders .cs-challenge-disclosure-body {
    padding: 19px;
  }

  html.cs-page-printportal-school-print-orders .cs-challenge-disclosure-body>div+div {
    margin-top: 17px;
    padding-top: 17px;
    border-top: 1px solid #e0e5ec;
  }

  html.cs-page-printportal-school-print-orders .cs-challenge-disclosure h3 {
    margin: 0 0 7px;
    color: #c83232;
    font-size: .8rem;
  }

  html.cs-page-printportal-school-print-orders .cs-challenge-disclosure .cs-challenge-mobile-response h3 {
    color: #16864b;
  }

  html.cs-page-printportal-school-print-orders .cs-challenge-disclosure p {
    margin: 0;
    color: #536070;
    font-size: .8rem;
    line-height: 1.65;
  }
}

/* ================================================================
   Page namespace: Xaloy-Industrial-Website-Redesign (cs-page-xaloy-industrial-website-redesign)
   ================================================================ */

/* Original file: Xaloy-Industrial-Website-Redesign/css/case-study.css */
html.cs-page-xaloy-industrial-website-redesign {
  --navy: #081b36;
  --ink: #162238;
  --muted: #667080;
  --accent: #ee4865;
  --accent-soft: #fff0f3;
  --soft: #f1f1f1;
  --line: #dfe4ea;
  --dark: #111e33;
  --white: #ffffff;
}

html.cs-page-xaloy-industrial-website-redesign * {
  box-sizing: border-box;
}

html.cs-page-xaloy-industrial-website-redesign {
  font-size: 16px;
  scroll-behavior: smooth;
}

html.cs-page-xaloy-industrial-website-redesign body {
  margin: 0;
  color: var(--ink);
  background: #fff;
  font-family: Lexend, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.65;
}

html.cs-page-xaloy-industrial-website-redesign h1,
html.cs-page-xaloy-industrial-website-redesign h2,
html.cs-page-xaloy-industrial-website-redesign h3,
html.cs-page-xaloy-industrial-website-redesign h4,
html.cs-page-xaloy-industrial-website-redesign p,
html.cs-page-xaloy-industrial-website-redesign figure,
html.cs-page-xaloy-industrial-website-redesign dl,
html.cs-page-xaloy-industrial-website-redesign dd {
  margin-top: 0;
}

html.cs-page-xaloy-industrial-website-redesign section img {
  display: block;
  max-width: 100%;
}

html.cs-page-xaloy-industrial-website-redesign .case-study section a {
  color: #fff;
}

html.cs-page-xaloy-industrial-website-redesign a:hover {
  color: var(--navy);
  text-decoration: none;
}

html.cs-page-xaloy-industrial-website-redesign em {
  color: var(--accent);
  font-style: normal;
}

html.cs-page-xaloy-industrial-website-redesign .cs-shell {
  width: 100%;
  /* max-width: 1180px;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px; */
}

html.cs-page-xaloy-industrial-website-redesign .cs-section {
  padding: 86px 0;
  background: #fff;
}

html.cs-page-xaloy-industrial-website-redesign .cs-section.cs-soft {
  background: var(--soft);
}

html.cs-page-xaloy-industrial-website-redesign .cs-section.cs-dark {
  color: #fff;
  background: linear-gradient(135deg, #0c192c, #18263e);
}

html.cs-page-xaloy-industrial-website-redesign .cs-section-header {
  max-width: 820px;
  margin-bottom: 40px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-section-header.cs-center {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

html.cs-page-xaloy-industrial-website-redesign .cs-eyebrow {
  display: block;
  margin-bottom: 12px;
  color: var(--accent);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

html.cs-page-xaloy-industrial-website-redesign .cs-section h2,
html.cs-page-xaloy-industrial-website-redesign .cs-cta h2 {
  margin-bottom: 18px;
  color: var(--navy);
  font-size: clamp(2rem, 3.4vw, 3.25rem);
  font-weight: 750;
  letter-spacing: -.035em;
  line-height: 1.12;
}

html.cs-page-xaloy-industrial-website-redesign .cs-dark h2,
html.cs-page-xaloy-industrial-website-redesign .cs-dark h3 {
  color: #fff;
}

html.cs-page-xaloy-industrial-website-redesign .cs-dark .cs-section-header p,
html.cs-page-xaloy-industrial-website-redesign .cs-workflow .cs-section-header p {
  color: #b8cbe5;
}

html.cs-page-xaloy-industrial-website-redesign .cs-dark .cs-value-card h3 {
  color: var(--navy);
}

html.cs-page-xaloy-industrial-website-redesign .cs-section-header p {
  color: var(--muted);
}

html.cs-page-xaloy-industrial-website-redesign .cs-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 46px;
  align-items: start;
}

html.cs-page-xaloy-industrial-website-redesign .cs-copy p,
html.cs-page-xaloy-industrial-website-redesign .cs-copy li {
  color: #b4bbc5;
}

html.cs-page-xaloy-industrial-website-redesign .cs-copy ul {
  padding-left: 20px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-copy li {
  margin-bottom: 8px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-shot {
  margin: 0;
}

html.cs-page-xaloy-industrial-website-redesign .cs-shot img {
  width: 100%;
  height: auto;
  border: 1px solid #d9e0e8;
  border-radius: 12px;
  box-shadow: 0 20px 48px rgba(9, 29, 57, .14);
}

html.cs-page-xaloy-industrial-website-redesign .cs-shot figcaption {
  margin-top: 10px;
  color: #747e8c;
  font-size: .75rem;
  line-height: 1.5;
}

html.cs-page-xaloy-industrial-website-redesign .cs-wide {
  margin-top: 40px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-hero {
  padding: 72px 0 50px;
  background: #fff;
  padding-top:140px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-hero-row {
  align-items: center;
}

html.cs-page-xaloy-industrial-website-redesign .cs-hero-copy {
  padding-right: 34px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-status {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 18px;
  color: var(--accent);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

html.cs-page-xaloy-industrial-website-redesign .cs-status:before {
  width: 10px;
  height: 10px;
  border: 2px solid var(--accent);
  border-radius: 50%;
  content: '';
}

html.cs-page-xaloy-industrial-website-redesign .cs-status.cs-complete:before {
  background: var(--accent);
}

html.cs-page-xaloy-industrial-website-redesign .cs-hero h1 {
  margin-bottom: 18px;
  color: var(--navy);
  font-size: clamp(2.45rem, 4.05vw, 4.05rem);
  font-weight: 780;
  letter-spacing: -.047em;
  line-height: 1.04;
}

html.cs-page-xaloy-industrial-website-redesign .cs-hero-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
  font-size: .84rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-hero-meta span {
  padding-left: 12px;
  border-left: 2px solid var(--accent);
  color: var(--accent);
  font-weight: 750;
}

html.cs-page-xaloy-industrial-website-redesign .cs-hero-copy>p {
  margin-bottom: 12px;
  color: #586272;
  font-size: .98rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-support {
  font-size: .82rem !important;
}

html.cs-page-xaloy-industrial-website-redesign .cs-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 13px 20px;
  border: 1px solid var(--accent);
  border-radius: 7px;
  background: var(--accent);
  box-shadow: 0 11px 24px rgba(238, 72, 101, .22);
  color: #fff;
  font-size: .8rem;
  font-weight: 750;
  text-decoration: none;
}

html.cs-page-xaloy-industrial-website-redesign .cs-button:hover {
  color: #fff;
  transform: translateY(-1px);
}

html.cs-page-xaloy-industrial-website-redesign .cs-button.cs-outline {
  background: #fff;
  box-shadow: none;
  color: var(--navy);
}

html.cs-page-xaloy-industrial-website-redesign .cs-button.cs-outline:hover {
  background: var(--accent-soft);
  color: var(--navy);
}

html.cs-page-xaloy-industrial-website-redesign .cs-hero-visual {
  padding-left: 34px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-hero-highlights {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 42px;
  padding-top: 25px;
  border-top: 1px solid var(--line);
}

html.cs-page-xaloy-industrial-website-redesign .cs-hero-highlights article {
  display: flex;
  gap: 10px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-hero-highlights i {
  margin-top: 5px;
  color: var(--accent);
}

html.cs-page-xaloy-industrial-website-redesign .cs-hero-highlights strong,
html.cs-page-xaloy-industrial-website-redesign .cs-hero-highlights span {
  display: block;
}

html.cs-page-xaloy-industrial-website-redesign .cs-hero-highlights strong {
  font-size: .78rem;
  line-height: 1.4;
}

html.cs-page-xaloy-industrial-website-redesign .cs-hero-highlights span {
  color: #747c89;
  font-size: .75rem;
  line-height: 1.5;
}

html.cs-page-xaloy-industrial-website-redesign .cs-project {
  padding: 38px 0;
  color: #fff;
  background: linear-gradient(110deg, #111d31, #20263d 60%, #35243a);
}

html.cs-page-xaloy-industrial-website-redesign .cs-project-grid {
  display: grid;
  grid-template-columns: .9fr 1.5fr;
  gap: 42px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-project-title {
  padding-right: 36px;
  border-right: 1px solid rgba(255, 255, 255, .18);
}

html.cs-page-xaloy-industrial-website-redesign .cs-project-title>div {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 17px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-project-title strong {
  font-size: 1.15rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-project-title span {
  padding-left: 12px;
  border-left: 1px solid rgba(255, 255, 255, .4);
  color: #c7cfdb;
  font-size: .75rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-project-title h2 {
  margin-bottom: 22px;
  font-size: 1rem;
  line-height: 1.5;
}

html.cs-page-xaloy-industrial-website-redesign .cs-project-title p {
  margin: 0;
  font-size: .75rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-project-title i {
  color: #ff7890;
}

html.cs-page-xaloy-industrial-website-redesign .cs-facts {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 17px 28px;
  margin: 0;
}

html.cs-page-xaloy-industrial-website-redesign .cs-facts dt {
  color: #abb7ca;
  font-size: .75rem;
  font-weight: 500;
}

html.cs-page-xaloy-industrial-website-redesign .cs-facts dd {
  color: #fff;
  font-size: .75rem;
  font-weight: 650;
  line-height: 1.5;
}

html.cs-page-xaloy-industrial-website-redesign .cs-pill-grid,
html.cs-page-xaloy-industrial-website-redesign .cs-feature-grid,
html.cs-page-xaloy-industrial-website-redesign .cs-value-grid,
html.cs-page-xaloy-industrial-website-redesign .cs-role-grid {
  display: grid;
  gap: 16px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-pill-grid {
  grid-template-columns: repeat(3, 1fr);
}

html.cs-page-xaloy-industrial-website-redesign .cs-pill {
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 62px;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #fff;
  color: var(--ink);
  font-size: .82rem;
  font-weight: 700;
}

html.cs-page-xaloy-industrial-website-redesign .cs-pill i {
  color: var(--accent);
}

html.cs-page-xaloy-industrial-website-redesign .cs-scope {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 34px;
  margin: 34px 0 0;
  padding: 26px 28px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #fff;
}

html.cs-page-xaloy-industrial-website-redesign .cs-scope li {
  position: relative;
  padding: 10px 0 10px 25px;
  border-bottom: 1px solid #edf0f3;
  color: #596371;
  font-size: .82rem;
  list-style: none;
}

html.cs-page-xaloy-industrial-website-redesign .cs-scope li:before {
  position: absolute;
  left: 0;
  color: var(--accent);
  font-family: FontAwesome;
  content: '\f00c';
}

html.cs-page-xaloy-industrial-website-redesign .cs-feature-grid {
  grid-template-columns: repeat(3, 1fr);
}

html.cs-page-xaloy-industrial-website-redesign .cs-feature-card {
  padding: 25px;
  border: 1px solid var(--line);
  border-radius: 11px;
  background: #fff;
}

html.cs-page-xaloy-industrial-website-redesign .cs-feature-card i {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  margin-bottom: 18px;
  border-radius: 50%;
  background: var(--accent-soft);
  color: var(--accent);
}

html.cs-page-xaloy-industrial-website-redesign .cs-feature-card h3 {
  margin-bottom: 8px;
  font-size: 1rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-feature-card p {
  margin: 0;
  color: #66707e;
  font-size: .78rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-value-grid {
  grid-template-columns: repeat(4, 1fr);
}

html.cs-page-xaloy-industrial-website-redesign .cs-value-card {
  padding: 23px;
  border-top: 3px solid var(--accent);
  background: #fff;
  box-shadow: 0 12px 30px rgba(9, 29, 57, .08);
}

html.cs-page-xaloy-industrial-website-redesign .cs-value-card span {
  color: var(--accent);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-xaloy-industrial-website-redesign .cs-value-card h3 {
  margin: 10px 0 8px;
  font-size: 1rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-value-card p {
  margin: 0;
  color: #697280;
  font-size: .78rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-comparison {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: #fff;
}

html.cs-page-xaloy-industrial-website-redesign .cs-compare-head,
html.cs-page-xaloy-industrial-website-redesign .cs-compare-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

html.cs-page-xaloy-industrial-website-redesign .cs-compare-head div {
  padding: 18px 24px;
  color: #fff;
  background: var(--navy);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
}

html.cs-page-xaloy-industrial-website-redesign .cs-compare-head div:last-child {
  background: var(--accent);
}

html.cs-page-xaloy-industrial-website-redesign .cs-compare-row>div {
  padding: 18px 24px;
  border-top: 1px solid var(--line);
  color: #606a78;
  font-size: .81rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-compare-row>div:first-child {
  border-right: 1px solid var(--line);
}

html.cs-page-xaloy-industrial-website-redesign .cs-compare-cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-compare-card {
  padding: 30px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
}

html.cs-page-xaloy-industrial-website-redesign .cs-compare-card.cs-new {
  color: #fff;
  background: var(--navy);
}

html.cs-page-xaloy-industrial-website-redesign .cs-compare-card h3 {
  margin-bottom: 20px;
  font-size: 1.25rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-compare-card ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-xaloy-industrial-website-redesign .cs-compare-card li {
  position: relative;
  padding: 10px 0 10px 25px;
  border-top: 1px solid #e7ebef;
  color: #616b79;
  font-size: .8rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-compare-card.cs-new li {
  border-color: rgba(255, 255, 255, .13);
  color: #d1d9e5;
}

html.cs-page-xaloy-industrial-website-redesign .cs-compare-card li:before {
  position: absolute;
  left: 0;
  color: var(--accent);
  font-family: FontAwesome;
  content: '\f105';
}

html.cs-page-xaloy-industrial-website-redesign .cs-workflow {
  padding: 86px 0;
  color: #fff;
  background: linear-gradient(135deg, #0d1a2d, #17243b);
}

html.cs-page-xaloy-industrial-website-redesign .cs-workflow h2 {
  color: #fff;
}

html.cs-page-xaloy-industrial-website-redesign .cs-workflow-layout {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 68px;
  align-items: start;
}

html.cs-page-xaloy-industrial-website-redesign .cs-workflow-sticky {
  position: sticky;
  top: 124px;
  min-width: 0;
}

html.cs-page-xaloy-industrial-website-redesign .cs-workflow-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  color: #b9c5d6;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html.cs-page-xaloy-industrial-website-redesign .cs-workflow-stage {
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(330px, 54vh, 520px);
  padding: 16px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 14px;
  background: linear-gradient(155deg, #fff 28%, #eaf1fa);
  box-shadow: 0 22px 55px rgba(0, 0, 0, .2);
}

html.cs-page-xaloy-industrial-website-redesign .cs-workflow-screen {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  border-radius: 8px;
  animation: cs-page-xaloy-industrial-website-redesign-cs-visual-in .32s ease;
}

html.cs-page-xaloy-industrial-website-redesign .cs-workflow-caption {
  margin: 15px 0 12px;
  color: #cad3e1;
  font-size: .8rem;
  font-weight: 650;
}

html.cs-page-xaloy-industrial-website-redesign .cs-progress-line {
  height: 3px;
  background: rgba(255, 255, 255, .2);
}

html.cs-page-xaloy-industrial-website-redesign .cs-progress-line span {
  display: block;
  height: 100%;
  background: var(--accent);
  transition: width .2s ease;
}

html.cs-page-xaloy-industrial-website-redesign .cs-workflow-timeline {
  padding-left: 34px;
  border-left: 1px solid rgba(255, 255, 255, .23);
}

html.cs-page-xaloy-industrial-website-redesign .cs-workflow-step {
  position: relative;
  min-height: 205px;
  padding-bottom: 52px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-workflow-step:before {
  position: absolute;
  top: 8px;
  left: -40px;
  width: 11px;
  height: 11px;
  border: 2px solid var(--accent);
  border-radius: 50%;
  background: #17243b;
  content: '';
}

html.cs-page-xaloy-industrial-website-redesign .cs-workflow-step.cs-active:before {
  background: var(--accent);
  box-shadow: 0 0 0 8px rgba(238, 72, 101, .18);
}

html.cs-page-xaloy-industrial-website-redesign .cs-step-label {
  margin-bottom: 12px;
  color: #aeb9ca;
  font-size: .76rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html.cs-page-xaloy-industrial-website-redesign .cs-workflow-step h3 {
  margin-bottom: 11px;
  color: #fff;
  font-size: 1.28rem;
  line-height: 1.35;
}

html.cs-page-xaloy-industrial-website-redesign .cs-workflow-step.cs-active h3 {
  color: var(--accent);
}

html.cs-page-xaloy-industrial-website-redesign .cs-workflow-step p,
html.cs-page-xaloy-industrial-website-redesign .cs-workflow-step li {
  color: #bec9d8;
  font-size: .86rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-workflow-step ul {
  padding-left: 18px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-workflow-note {
  margin-top: 30px;
  padding: 20px 22px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-left: 3px solid var(--accent);
  border-radius: 8px;
  background: rgba(255, 255, 255, .05);
  color: #cbd4e0;
  font-size: .8rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-workflow-explainer {
  width: 100%;
  max-width: 420px;
  padding: 18px;
  color: var(--navy);
  animation: cs-page-xaloy-industrial-website-redesign-cs-visual-in .32s ease;
}

html.cs-page-xaloy-industrial-website-redesign .cs-workflow-explainer>i {
  margin-bottom: 22px;
  color: var(--accent);
  font-size: 2.65rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-workflow-explainer h3 {
  margin-bottom: 20px;
  color: var(--navy);
  font-size: 1.38rem;
  line-height: 1.35;
}

html.cs-page-xaloy-industrial-website-redesign .cs-explainer-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 0;
  border-top: 1px solid #e7d5dc;
  color: #596575;
  font-size: .8rem;
  line-height: 1.65;
}

html.cs-page-xaloy-industrial-website-redesign .cs-explainer-row i {
  margin-top: 5px;
  color: var(--accent);
  font-size: .76rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-illustration-note {
  margin: 16px 0 0;
  color: #707987;
  font-size: .75rem;
  font-weight: 700;
}

@keyframes cs-page-xaloy-industrial-website-redesign-cs-visual-in {
  from {
    opacity: .55;
    transform: translateY(5px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

html.cs-page-xaloy-industrial-website-redesign .cs-number-flow {
  counter-reset: step;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-xaloy-industrial-website-redesign .cs-number-flow li {
  position: relative;
  min-height: 180px;
  padding: 56px 18px 22px;
  border-top: 1px solid var(--line);
  color: #66707e;
  font-size: .77rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-number-flow li:before {
  counter-increment: step;
  position: absolute;
  top: -18px;
  left: 18px;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--navy);
  color: #fff;
  content: counter(step, decimal-leading-zero);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-xaloy-industrial-website-redesign .cs-number-flow li:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: var(--line);
  content: '';
}

html.cs-page-xaloy-industrial-website-redesign .cs-number-flow li:nth-child(5n):after {
  display: none;
}

html.cs-page-xaloy-industrial-website-redesign .cs-number-flow strong {
  display: block;
  margin-bottom: 8px;
  color: var(--navy);
  font-size: .9rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-role-grid {
  grid-template-columns: repeat(3, 1fr);
}

html.cs-page-xaloy-industrial-website-redesign .cs-role {
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #fff;
}

html.cs-page-xaloy-industrial-website-redesign .cs-role .cs-role-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 18px;
  border-radius: 50%;
  background: var(--navy);
  color: #fff;
}

html.cs-page-xaloy-industrial-website-redesign .cs-role h3 {
  margin-bottom: 14px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-role ul {
  padding-left: 18px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-role li {
  margin-bottom: 7px;
  color: #626c7a;
  font-size: .78rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-technical {
  padding: 34px;
  border-radius: 16px;
  background: #0e1d32;
  color: #fff;
}

html.cs-page-xaloy-industrial-website-redesign .cs-technical h2,
html.cs-page-xaloy-industrial-website-redesign .cs-technical h3 {
  color: #fff;
}

html.cs-page-xaloy-industrial-website-redesign .cs-technical p,
html.cs-page-xaloy-industrial-website-redesign .cs-technical li {
  color: #c6d0de;
}

html.cs-page-xaloy-industrial-website-redesign .cs-technical ol {
  padding-left: 22px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-technical li {
  margin-bottom: 8px;
  font-size: .82rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-technical .cs-shot figcaption {
  color: #aeb9c8;
}

html.cs-page-xaloy-industrial-website-redesign .cs-evidence {
  padding: 25px 28px;
  border-left: 4px solid var(--accent);
  border-radius: 9px;
  background: var(--accent-soft);
}

html.cs-page-xaloy-industrial-website-redesign .cs-evidence p {
  margin-bottom: 0;
  color: #5e6876;
  font-size: .84rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-tech-list {
  border-top: 1px solid #d9dee4;
}

html.cs-page-xaloy-industrial-website-redesign .cs-tech-row {
  display: grid;
  grid-template-columns: minmax(220px, .8fr) minmax(0, 1.2fr);
  gap: 52px;
  padding: 27px 0;
  border-bottom: 1px solid #d9dee4;
}

html.cs-page-xaloy-industrial-website-redesign .cs-tech-category {
  display: flex;
  align-items: center;
  gap: 14px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-tech-category span {
  color: var(--accent);
  font-size: .77rem;
  font-weight: 800;
}

html.cs-page-xaloy-industrial-website-redesign .cs-tech-category h3 {
  margin: 0;
  color: var(--navy);
  font-size: 1rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-tech-items {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-tech-chip {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 9px 13px;
  border-radius: 8px;
  background: #f1f1f1;
  line-height: 1.35;
}

html.cs-page-xaloy-industrial-website-redesign .cs-tech-chip i {
  color: var(--accent);
  font-size: .88rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-tech-chip strong {
  color: var(--navy);
  font-size: .78rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-tech-chip span {
  color: #47515f;
  font-size: .75rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-before-after {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-before-after article {
  min-width: 0;
}

html.cs-page-xaloy-industrial-website-redesign .cs-before-after h3 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px;
  font-size: 1.1rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-before-after h3 span {
  color: var(--accent);
  font-size: .75rem;
  letter-spacing: .09em;
  text-transform: uppercase;
}

html.cs-page-xaloy-industrial-website-redesign .cs-structure {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 50px;
  align-items: start;
}

html.cs-page-xaloy-industrial-website-redesign .cs-structure-map {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  padding: 24px;
  border-radius: 15px;
  background: var(--navy);
}

html.cs-page-xaloy-industrial-website-redesign .cs-structure-map div {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 62px;
  padding: 13px;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 8px;
  color: #d9e1ec;
  font-size: .76rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-structure-map span {
  color: #ff7d93;
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-xaloy-industrial-website-redesign .cs-cta {
  padding: 72px 0;
  border-top: 1px solid #e2e6eb;
  border-bottom: 1px solid #d2d8df;
  background: linear-gradient(115deg, #fff 0%, #f6f7f8 52%, #d9dee4 100%);
}

html.cs-page-xaloy-industrial-website-redesign .cs-cta-grid {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 50px;
  align-items: center;
}

html.cs-page-xaloy-industrial-website-redesign .cs-cta h2 {
  max-width: 780px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-cta p {
  max-width: 800px;
  margin-bottom: 0;
  color: #5d6775;
  font-size: .92rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-cta .cs-button {
  background: var(--navy);
  border-color: var(--navy);
  box-shadow: 0 12px 28px rgba(7, 26, 53, .18);
  white-space: nowrap;
}

html.cs-page-xaloy-industrial-website-redesign .cs-faq {
  max-width: 920px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-faq details {
  border-top: 1px solid #d9dee4;
}

html.cs-page-xaloy-industrial-website-redesign .cs-faq details:last-child {
  border-bottom: 1px solid #d9dee4;
}

html.cs-page-xaloy-industrial-website-redesign .cs-faq summary {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 22px 0;
  cursor: pointer;
  font-weight: 700;
  list-style: none;
}

html.cs-page-xaloy-industrial-website-redesign .cs-faq summary::-webkit-details-marker {
  display: none;
}

html.cs-page-xaloy-industrial-website-redesign .cs-faq summary i {
  color: var(--accent);
}

html.cs-page-xaloy-industrial-website-redesign .cs-faq details[open] summary i {
  transform: rotate(45deg);
}

html.cs-page-xaloy-industrial-website-redesign .cs-faq details p {
  padding: 0 40px 22px 0;
  color: #636d7b;
  font-size: .88rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-note {
  display: flex;
  gap: 12px;
  margin-top: 24px;
  padding: 17px 20px;
  border-radius: 8px;
  background: #f3f5f7;
  color: #626c79;
  font-size: .8rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-note i {
  margin-top: 4px;
  color: var(--accent);
}

html.cs-page-xaloy-industrial-website-redesign .cs-dark .cs-note {
  border: 1px solid rgba(255, 255, 255, .13);
  background: rgba(255, 255, 255, .05);
  color: #d0d8e3;
}

html.cs-page-xaloy-industrial-website-redesign .cs-transform-list {
  border-top: 1px solid var(--line);
}

html.cs-page-xaloy-industrial-website-redesign .cs-transform-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 54px minmax(0, 1fr);
  align-items: stretch;
  border-bottom: 1px solid var(--line);
}

html.cs-page-xaloy-industrial-website-redesign .cs-transform-side {
  padding: 25px 28px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-transform-side small {
  display: block;
  margin-bottom: 6px;
  color: #7a8492;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html.cs-page-xaloy-industrial-website-redesign .cs-transform-side p {
  margin: 0;
  color: #566170;
  font-size: .84rem;
  line-height: 1.65;
}

html.cs-page-xaloy-industrial-website-redesign .cs-transform-side.cs-response {
  background: linear-gradient(90deg, #fff, #f7f8fa);
}

html.cs-page-xaloy-industrial-website-redesign .cs-transform-side.cs-response small {
  color: var(--accent);
}

html.cs-page-xaloy-industrial-website-redesign .cs-transform-arrow {
  display: grid;
  place-items: center;
  position: relative;
  color: var(--accent);
}

html.cs-page-xaloy-industrial-website-redesign .cs-transform-arrow:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  background: var(--line);
  content: '';
}

html.cs-page-xaloy-industrial-website-redesign .cs-transform-arrow i {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid #f2a9b6;
  border-radius: 50%;
  background: #fff;
  font-size: .78rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-also-layout {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  gap: 38px;
  align-items: center;
}

html.cs-page-xaloy-industrial-website-redesign .cs-also-visual img {
  border-color: rgba(255, 255, 255, .16);
  box-shadow: 0 22px 52px rgba(0, 0, 0, .24);
}

html.cs-page-xaloy-industrial-website-redesign .cs-also-visual figcaption {
  color: #b9c3d2;
}

html.cs-page-xaloy-industrial-website-redesign .cs-also-copy .cs-pill-grid {
  grid-template-columns: repeat(2, 1fr);
}

html.cs-page-xaloy-industrial-website-redesign .cs-also-copy .cs-pill {
  min-height: 58px;
  border-color: rgba(255, 255, 255, .12);
}

html.cs-page-xaloy-industrial-website-redesign .cs-feature-tabs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 8px;
  margin-bottom: 34px;
  padding: 7px;
  border: 0;
  border-radius: 14px;
  background: #e3e7ec;
}

html.cs-page-xaloy-industrial-website-redesign .cs-feature-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 60px;
  padding: 12px 15px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #687280 !important;
  font-size: .78rem;
  font-weight: 750;
}

html.cs-page-xaloy-industrial-website-redesign .cs-feature-tab i {
  color: var(--accent);
}

html.cs-page-xaloy-industrial-website-redesign .cs-feature-tab.active,
html.cs-page-xaloy-industrial-website-redesign .cs-feature-tab.cs-active-tab {
  background: #fff !important;
  color: var(--navy) !important;
  box-shadow: 0 7px 20px rgba(8, 27, 54, .1);
}

html.cs-page-xaloy-industrial-website-redesign .cs-feature-panel {
  display: none;
}

html.cs-page-xaloy-industrial-website-redesign .cs-feature-panel.active,
html.cs-page-xaloy-industrial-website-redesign .cs-feature-panel.show {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 42px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-feature-panel-intro span {
  color: var(--accent);
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1;
}

html.cs-page-xaloy-industrial-website-redesign .cs-feature-panel-intro h3 {
  margin: 12px 0 8px;
  font-size: 1.18rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-feature-panel-intro p {
  color: #76808e;
  font-size: .76rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-tab-features {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px 28px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-tab-feature {
  padding-left: 18px;
  border-left: 2px solid var(--accent);
}

html.cs-page-xaloy-industrial-website-redesign .cs-tab-feature h4 {
  margin-bottom: 6px;
  color: var(--navy);
  font-size: .9rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-tab-feature p {
  margin: 0;
  color: #65707e;
  font-size: .77rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-flip-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-flip-card {
  min-height: 245px;
  outline: none;
  perspective: 1000px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-flip-inner {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 245px;
  transition: transform .58s cubic-bezier(.2, .75, .25, 1);
  transform-style: preserve-3d;
}

html.cs-page-xaloy-industrial-website-redesign .cs-flip-card:hover .cs-flip-inner,
html.cs-page-xaloy-industrial-website-redesign .cs-flip-card:focus .cs-flip-inner,
html.cs-page-xaloy-industrial-website-redesign .cs-flip-card.cs-flipped .cs-flip-inner {
  transform: rotateY(180deg);
}

html.cs-page-xaloy-industrial-website-redesign .cs-flip-face {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 28px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: #fff;
  backface-visibility: hidden;
}

html.cs-page-xaloy-industrial-website-redesign .cs-flip-front:after {
  position: absolute;
  right: -42px;
  bottom: -42px;
  width: 125px;
  height: 125px;
  border-radius: 50%;
  background: var(--accent-soft);
  content: '';
}

html.cs-page-xaloy-industrial-website-redesign .cs-flip-front i {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: var(--navy);
  color: #fff;
}

html.cs-page-xaloy-industrial-website-redesign .cs-flip-front h3 {
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: 1.18rem;
  line-height: 1.4;
}

html.cs-page-xaloy-industrial-website-redesign .cs-flip-front small {
  position: relative;
  z-index: 1;
  color: var(--accent);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

html.cs-page-xaloy-industrial-website-redesign .cs-flip-back {
  justify-content: center;
  border-color: var(--navy);
  background: var(--navy);
  color: #fff;
  transform: rotateY(180deg);
}

html.cs-page-xaloy-industrial-website-redesign .cs-flip-back h3 {
  margin-bottom: 13px;
  color: #fff;
  font-size: 1.08rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-flip-back p {
  margin: 0;
  color: #cdd6e3;
  font-size: .8rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-splitter {
  --split: 50%;
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 22px 55px rgba(8, 27, 54, .14);
}

html.cs-page-xaloy-industrial-website-redesign .cs-splitter-layer {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

html.cs-page-xaloy-industrial-website-redesign .cs-splitter-layer img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #fff;
}

html.cs-page-xaloy-industrial-website-redesign .cs-splitter-before {
  z-index: 2;
  width: var(--split);
  border-right: 2px solid #fff;
  box-shadow: 4px 0 14px rgba(8, 27, 54, .18);
}

html.cs-page-xaloy-industrial-website-redesign .cs-splitter-before img {
  width: calc(100vw - 60px);
  max-width: 1120px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-splitter-label {
  position: absolute;
  z-index: 3;
  top: 16px;
  padding: 8px 11px;
  border-radius: 6px;
  background: rgba(8, 27, 54, .9);
  color: #fff;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

html.cs-page-xaloy-industrial-website-redesign .cs-splitter-label.cs-before-label {
  left: 16px;
  background: var(--accent);
}

html.cs-page-xaloy-industrial-website-redesign .cs-splitter-label.cs-after-label {
  right: 16px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-splitter-handle {
  position: absolute;
  z-index: 4;
  top: 0;
  bottom: 0;
  left: var(--split);
  width: 42px;
  transform: translateX(-50%);
  pointer-events: none;
}

html.cs-page-xaloy-industrial-website-redesign .cs-splitter-handle:before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 3px solid #fff;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 6px 16px rgba(8, 27, 54, .25);
  color: #fff;
  content: '\2194';
  transform: translate(-50%, -50%);
}

html.cs-page-xaloy-industrial-website-redesign .cs-splitter-range {
  position: absolute;
  z-index: 5;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  cursor: ew-resize;
  opacity: 0;
}

html.cs-page-xaloy-industrial-website-redesign .cs-splitter-captions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 14px;
  color: #737d8a;
  font-size: .75rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-splitter-captions span:last-child {
  text-align: right;
}

/* Exact Birdi flip-card interaction and visual language. */
html.cs-page-xaloy-industrial-website-redesign .industry-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

html.cs-page-xaloy-industrial-website-redesign .industry-flip {
  appearance: none;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  border-radius: 16px;
  background: transparent;
  color: var(--navy);
  font-family: inherit;
  text-align: left;
  perspective: 1200px;
}

html.cs-page-xaloy-industrial-website-redesign .flip-inner {
  position: relative;
  display: grid;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform .65s cubic-bezier(.22, .61, .36, 1);
}

html.cs-page-xaloy-industrial-website-redesign .industry-flip.is-flipped .flip-inner {
  transform: rotateY(180deg);
}

html.cs-page-xaloy-industrial-website-redesign .flip-front,
html.cs-page-xaloy-industrial-website-redesign .flip-back {
  grid-area: 1/1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  min-width: 0;
  min-height: 245px;
  padding: 26px;
  border: 1px solid #dce5f0;
  border-radius: 16px;
  backface-visibility: hidden;
}

html.cs-page-xaloy-industrial-website-redesign .flip-front {
  background: #fff;
  transform: rotateY(0);
}

html.cs-page-xaloy-industrial-website-redesign .flip-front>i {
  color: var(--accent);
  font-size: 1.75rem;
}

html.cs-page-xaloy-industrial-website-redesign .flip-front strong {
  color: var(--navy);
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.35;
}

html.cs-page-xaloy-industrial-website-redesign .flip-hint {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid #e6ecf4;
  color: #6f6f6f;
  font-size: .78rem;
  line-height: 1.4;
}

html.cs-page-xaloy-industrial-website-redesign .flip-hint i {
  color: var(--accent);
}

html.cs-page-xaloy-industrial-website-redesign .flip-back {
  border-color: #15233b;
  background: linear-gradient(135deg, #0e1d31, #15233b);
  color: #fff;
  transform: rotateY(180deg);
}

html.cs-page-xaloy-industrial-website-redesign .flip-back-label {
  color: #ff8299;
  font-size: .75rem;
  font-weight: 700;
}

html.cs-page-xaloy-industrial-website-redesign .flip-description {
  color: #d1def0;
  font-size: .78rem;
  line-height: 1.7;
}

html.cs-page-xaloy-industrial-website-redesign .flip-back-hint {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #b8cbe5;
  font-size: .75rem;
}

/* Compact, user-centred section compositions. */
html.cs-page-xaloy-industrial-website-redesign .cs-need-intro {
  max-width: 860px;
  margin: 0 auto 34px;
  text-align: center;
}

html.cs-page-xaloy-industrial-website-redesign .cs-need-intro p {
  color: #5f6877;
}

html.cs-page-xaloy-industrial-website-redesign .cs-need-matrix {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid #d8dde4;
  border-left: 1px solid #d8dde4;
  background: #fff;
}

html.cs-page-xaloy-industrial-website-redesign .cs-need-matrix article {
  position: relative;
  min-height: 118px;
  padding: 24px 22px 20px 58px;
  border-right: 1px solid #d8dde4;
  border-bottom: 1px solid #d8dde4;
}

html.cs-page-xaloy-industrial-website-redesign .cs-need-matrix span {
  position: absolute;
  top: 25px;
  left: 20px;
  color: var(--accent);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-xaloy-industrial-website-redesign .cs-need-matrix p {
  margin: 0;
  color: #536070;
  font-size: .79rem;
  line-height: 1.55;
}

html.cs-page-xaloy-industrial-website-redesign .cs-need-boundary {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 24px 0 0;
  color: var(--navy);
  font-size: .82rem;
  font-weight: 700;
}

html.cs-page-xaloy-industrial-website-redesign .cs-need-boundary i {
  color: var(--accent);
}

html.cs-page-xaloy-industrial-website-redesign .cs-content-path {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(330px, .95fr);
  gap: 34px;
  align-items: stretch;
}

html.cs-page-xaloy-industrial-website-redesign .cs-content-path .cs-structure-map {
  grid-template-columns: repeat(2, 1fr);
  height: 100%;
  align-content: center;
}

html.cs-page-xaloy-industrial-website-redesign .cs-path-panel {
  padding: 30px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: #fff;
}

html.cs-page-xaloy-industrial-website-redesign .cs-path-panel>p {
  color: #5d6876;
  font-size: .84rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-path-panel h3 {
  margin: 22px 0 10px;
  color: var(--navy);
  font-size: 1rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-path-steps {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: path;
}

html.cs-page-xaloy-industrial-website-redesign .cs-path-steps li {
  counter-increment: path;
  position: relative;
  padding: 11px 0 11px 42px;
  border-top: 1px solid #e4e8ed;
  color: #596575;
  font-size: .77rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-path-steps li:before {
  position: absolute;
  top: 10px;
  left: 0;
  color: var(--accent);
  content: counter(path, decimal-leading-zero);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-xaloy-industrial-website-redesign .cs-path-scope {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 210px 1fr;
  gap: 28px;
  align-items: center;
  padding: 22px 28px;
  border-left: 3px solid var(--accent);
  background: #fff;
}

html.cs-page-xaloy-industrial-website-redesign .cs-path-scope h3,
html.cs-page-xaloy-industrial-website-redesign .cs-path-scope p {
  margin: 0;
}

html.cs-page-xaloy-industrial-website-redesign .cs-path-scope h3 {
  color: var(--navy);
  font-size: .94rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-path-scope p {
  color: #606b79;
  font-size: .79rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-transform-list.cs-transform-compact {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

html.cs-page-xaloy-industrial-website-redesign .cs-transform-compact .cs-transform-row {
  grid-template-columns: 1fr 38px 1fr;
  min-height: 160px;
  border-right: 1px solid var(--line);
}

html.cs-page-xaloy-industrial-website-redesign .cs-transform-compact .cs-transform-side {
  padding: 20px 18px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-transform-compact .cs-transform-arrow i {
  width: 28px;
  height: 28px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-overview-layout,
html.cs-page-xaloy-industrial-website-redesign .cs-review-layout,
html.cs-page-xaloy-industrial-website-redesign .cs-feature-board,
html.cs-page-xaloy-industrial-website-redesign .cs-ftp-layout,
html.cs-page-xaloy-industrial-website-redesign .cs-offboarding-layout {
  display: grid;
  gap: 34px;
  align-items: center;
}

html.cs-page-xaloy-industrial-website-redesign .cs-overview-layout {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
}

html.cs-page-xaloy-industrial-website-redesign .cs-overview-copy {
  max-width: 860px;
  margin: 0 auto 34px;
  color: #5f6877;
  text-align: center;
}

html.cs-page-xaloy-industrial-website-redesign .cs-mini-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

html.cs-page-xaloy-industrial-website-redesign .cs-mini-feature-grid div {
  position: relative;
  min-height: 88px;
  padding: 18px 16px 16px 43px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #fff;
  color: #566170;
  font-size: .75rem;
  line-height: 1.5;
}

html.cs-page-xaloy-industrial-website-redesign .cs-mini-feature-grid i {
  position: absolute;
  top: 21px;
  left: 17px;
  color: var(--accent);
  font-size: .76rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-review-layout {
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
}

html.cs-page-xaloy-industrial-website-redesign .cs-review-tracks {
  border-top: 1px solid var(--line);
}

html.cs-page-xaloy-industrial-website-redesign .cs-review-track {
  position: relative;
  padding: 22px 0 22px 52px;
  border-bottom: 1px solid var(--line);
}

html.cs-page-xaloy-industrial-website-redesign .cs-review-track>span {
  position: absolute;
  top: 25px;
  left: 0;
  color: var(--accent);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-xaloy-industrial-website-redesign .cs-review-track h3 {
  margin-bottom: 8px;
  color: var(--navy);
  font-size: 1rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-review-track p {
  margin: 0;
  color: #5f6877;
  font-size: .78rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-review-summary {
  margin: 18px 0 0;
  color: #4f5b6b;
  font-size: .8rem;
  font-weight: 700;
}

html.cs-page-xaloy-industrial-website-redesign .cs-offboarding-panel {
  padding: 38px;
  border-radius: 16px;
  background: linear-gradient(135deg, #0d1a2d, #17243b);
  color: #fff;
}

html.cs-page-xaloy-industrial-website-redesign .cs-offboarding-layout {
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
}

html.cs-page-xaloy-industrial-website-redesign .cs-offboarding-panel h2,
html.cs-page-xaloy-industrial-website-redesign .cs-offboarding-panel h3 {
  color: #fff;
}

html.cs-page-xaloy-industrial-website-redesign .cs-offboarding-intro {
  color: #c4cedc;
}

html.cs-page-xaloy-industrial-website-redesign .cs-offboarding-steps {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: 22px 0 18px;
  padding: 0;
  border-top: 1px solid rgba(255, 255, 255, .18);
  border-left: 1px solid rgba(255, 255, 255, .18);
  list-style: none;
  counter-reset: offboard;
}

html.cs-page-xaloy-industrial-website-redesign .cs-offboarding-steps li {
  counter-increment: offboard;
  position: relative;
  min-height: 112px;
  padding: 20px 16px 16px 48px;
  border-right: 1px solid rgba(255, 255, 255, .18);
  border-bottom: 1px solid rgba(255, 255, 255, .18);
  color: #d0d8e4;
  font-size: .75rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-offboarding-steps li:before {
  position: absolute;
  top: 20px;
  left: 16px;
  color: #ff8299;
  content: counter(offboard, decimal-leading-zero);
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-xaloy-industrial-website-redesign .cs-offboarding-panel .cs-support {
  color: #b9c4d3;
}

html.cs-page-xaloy-industrial-website-redesign .cs-offboarding-panel .cs-shot figcaption {
  color: #b9c4d3;
}

html.cs-page-xaloy-industrial-website-redesign .cs-ftp-shell {
  padding: 40px;
  border-radius: 18px;
  background: linear-gradient(135deg, #0d1a2d, #17243b);
  color: #fff;
}

html.cs-page-xaloy-industrial-website-redesign .cs-ftp-shell .cs-section-header {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

html.cs-page-xaloy-industrial-website-redesign .cs-ftp-shell h2 {
  color: #fff;
}

html.cs-page-xaloy-industrial-website-redesign .cs-ftp-shell .cs-section-header p {
  color: #c5cfdd;
}

html.cs-page-xaloy-industrial-website-redesign .cs-ftp-layout {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
}

html.cs-page-xaloy-industrial-website-redesign .cs-ftp-phases {
  border-top: 1px solid rgba(255, 255, 255, .2);
}

html.cs-page-xaloy-industrial-website-redesign .cs-ftp-phase {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 12px;
  padding: 20px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .2);
}

html.cs-page-xaloy-industrial-website-redesign .cs-ftp-phase>span {
  color: #ff8299;
  font-size: .75rem;
  font-weight: 800;
}

html.cs-page-xaloy-industrial-website-redesign .cs-ftp-phase h3 {
  margin-bottom: 8px;
  color: #fff;
  font-size: .98rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-ftp-phase ol {
  margin: 0;
  padding-left: 18px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-ftp-phase li {
  margin-bottom: 5px;
  color: #c7d1df;
  font-size: .75rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-ftp-shell .cs-workflow-note {
  margin-bottom: 0;
}

html.cs-page-xaloy-industrial-website-redesign .cs-ftp-shell .cs-shot figcaption {
  color: #b9c4d3;
}

html.cs-page-xaloy-industrial-website-redesign .cs-feature-board {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
}

html.cs-page-xaloy-industrial-website-redesign .cs-feature-groups {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

html.cs-page-xaloy-industrial-website-redesign .cs-feature-group {
  padding: 20px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #fff;
}

html.cs-page-xaloy-industrial-website-redesign .cs-feature-group h3 {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 12px;
  color: var(--navy);
  font-size: .88rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-feature-group h3 i {
  color: var(--accent);
}

html.cs-page-xaloy-industrial-website-redesign .cs-feature-group ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-xaloy-industrial-website-redesign .cs-feature-group li {
  position: relative;
  padding: 6px 0 6px 19px;
  color: #5e6977;
  font-size: .75rem;
  line-height: 1.5;
}

html.cs-page-xaloy-industrial-website-redesign .cs-feature-group li:before {
  position: absolute;
  left: 0;
  color: var(--accent);
  font-family: FontAwesome;
  content: '\f00c';
}

/* Lightweight layouts requested for the refined case-study sections. */
html.cs-page-xaloy-industrial-website-redesign .cs-built-visual {
  margin-bottom: 30px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-pointer-grid {
  display: grid;
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-xaloy-industrial-website-redesign .cs-pointer-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 32px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-pointer-grid li {
  position: relative;
  padding: 15px 0 15px 27px;
  border-bottom: 1px solid var(--line);
  color: #586373;
  font-size: .8rem;
  line-height: 1.55;
}

html.cs-page-xaloy-industrial-website-redesign .cs-pointer-grid li:before {
  position: absolute;
  top: 18px;
  left: 0;
  color: var(--accent);
  font-family: FontAwesome;
  content: '\f00c';
}

html.cs-page-xaloy-industrial-website-redesign .cs-use-layout {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: 44px;
  align-items: center;
}

html.cs-page-xaloy-industrial-website-redesign .cs-use-copy>p {
  margin-bottom: 18px;
  color: #c3cedd;
  font-size: .84rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-icon-points {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-xaloy-industrial-website-redesign .cs-icon-points-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 28px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-icon-points li {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .17);
  color: #e3e9f1;
  font-size: .78rem;
  line-height: 1.55;
}

html.cs-page-xaloy-industrial-website-redesign .cs-icon-points li i {
  flex: 0 0 auto;
  margin-top: 4px;
  color: var(--accent);
  font-size: .86rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-icon-points-light li {
  border-color: var(--line);
  color: #566170;
}

html.cs-page-xaloy-industrial-website-redesign .cs-comparison-pointers {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 34px;
  margin: 26px 0 0;
  padding: 0;
  list-style: none;
}

html.cs-page-xaloy-industrial-website-redesign .cs-comparison-pointers li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 0;
  border-bottom: 1px solid var(--line);
  color: var(--ink);
  font-size: .82rem;
  font-weight: 700;
  line-height: 1.55;
}

html.cs-page-xaloy-industrial-website-redesign .cs-comparison-pointers i {
  flex: 0 0 auto;
  margin-top: 4px;
  color: var(--accent);
  font-size: 1rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-live-layout {
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
  gap: 62px;
  align-items: center;
}

html.cs-page-xaloy-industrial-website-redesign .cs-live-proof {
  position: relative;
  min-height: 250px;
  padding: 24px 0 24px 94px;
  overflow: hidden;
  border-left: 2px solid var(--accent);
}

html.cs-page-xaloy-industrial-website-redesign .cs-live-proof>i {
  position: absolute;
  top: 23px;
  left: 27px;
  color: var(--accent);
  font-size: 2.6rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-live-proof>span {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 25px;
  color: var(--navy);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html.cs-page-xaloy-industrial-website-redesign .cs-live-proof>span i {
  color: #28a56b;
  font-size: .75rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-live-proof p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #4f5b6b;
  font-size: .9rem;
  line-height: 1.75;
}

html.cs-page-xaloy-industrial-website-redesign .cs-live-proof:after {
  position: absolute;
  right: -22px;
  bottom: -54px;
  color: rgba(8, 27, 54, .055);
  content: 'LIVE';
  font-size: 7rem;
  font-weight: 800;
  letter-spacing: -.08em;
  line-height: 1;
}

html.cs-page-xaloy-industrial-website-redesign .cs-testing-layout {
  display: grid;
  grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr);
  gap: 56px;
  align-items: center;
}

html.cs-page-xaloy-industrial-website-redesign .cs-test-confirmed {
  display: flex;
  align-items: flex-start;
  gap: 18px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-test-confirmed i {
  flex: 0 0 auto;
  margin-top: 3px;
  color: var(--accent);
  font-size: 2.25rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-test-confirmed p {
  margin: 0;
  color: var(--navy);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.55;
}

html.cs-page-xaloy-industrial-website-redesign .cs-test-boundary {
  padding: 12px 0 12px 30px;
  border-left: 2px solid var(--accent);
}

html.cs-page-xaloy-industrial-website-redesign .cs-test-boundary span {
  display: block;
  margin-bottom: 8px;
  color: var(--accent);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

html.cs-page-xaloy-industrial-website-redesign .cs-test-boundary p {
  margin: 0;
  color: #596574;
  font-size: .82rem;
  line-height: 1.7;
}

html.cs-page-xaloy-industrial-website-redesign .cs-feature-groups.cs-feature-groups-plain {
  gap: 0 32px;
  border: 0;
}

html.cs-page-xaloy-industrial-website-redesign .cs-feature-groups-plain .cs-feature-group {
  padding: 20px 0;
  border: 0;
  border-bottom: 1px solid #d5dbe2;
  background: transparent;
}

html.cs-page-xaloy-industrial-website-redesign .cs-line-points {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 34px;
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-xaloy-industrial-website-redesign .cs-line-points li {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  padding: 17px 0;
  border-bottom: 1px solid #d5dbe2;
  color: #536070;
  font-size: .8rem;
  line-height: 1.55;
}

html.cs-page-xaloy-industrial-website-redesign .cs-line-points i {
  flex: 0 0 22px;
  margin-top: 4px;
  color: var(--accent);
  font-size: .92rem;
  text-align: center;
}

html.cs-page-xaloy-industrial-website-redesign .cs-flip-clean .flip-front {
  justify-content: flex-start;
}

html.cs-page-xaloy-industrial-website-redesign .cs-flip-clean .flip-front strong {
  margin-top: auto;
}

html.cs-page-xaloy-industrial-website-redesign .cs-flip-clean .flip-back {
  justify-content: flex-start;
}

html.cs-page-xaloy-industrial-website-redesign .cs-flip-clean .flip-description {
  margin: auto 0;
}

html.cs-page-xaloy-industrial-website-redesign .cs-built-flip-section {
  background: #f1f1f1;
}

html.cs-page-xaloy-industrial-website-redesign .cs-built-flip-intro {
  display: grid;
  grid-template-columns: minmax(0, .78fr) minmax(360px, 1.22fr);
  gap: 64px;
  align-items: end;
  margin-bottom: 34px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-built-flip-intro h2 {
  max-width: 500px;
  margin: 12px 0 0;
}

html.cs-page-xaloy-industrial-website-redesign .cs-built-flip-intro>p {
  max-width: 620px;
  margin: 0 0 4px;
  color: #5d6877;
  font-size: .82rem;
  line-height: 1.75;
}

html.cs-page-xaloy-industrial-website-redesign .cs-built-flip-section .industry-grid {
  gap: 16px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-built-flip-section .flip-front,
html.cs-page-xaloy-industrial-website-redesign .cs-built-flip-section .flip-back {
  min-height: 200px;
  padding: 22px;
  gap: 14px;
  border-radius: 13px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-built-flip-section .flip-front {
  position: relative;
  padding-right: 62px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-built-flip-section .flip-front>i {
  font-size: 1.45rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-built-flip-section .flip-front strong {
  max-width: 260px;
  margin-top: 22px;
  font-size: 1rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-built-flip-section .cs-flip-arrow {
  position: absolute;
  top: 22px;
  right: 22px;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  margin: 0;
  border: 1px solid #e1e7ef;
  border-radius: 50%;
  color: var(--accent);
  font-size: .78rem;
  transition: color .2s, border-color .2s, transform .2s;
}

html.cs-page-xaloy-industrial-website-redesign .cs-built-flip-section .industry-flip:hover .cs-flip-arrow {
  border-color: var(--accent);
  transform: translateX(2px);
}

html.cs-page-xaloy-industrial-website-redesign .cs-built-flip-section .flip-back-label {
  font-size: .75rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-built-flip-section .flip-description {
  margin: auto 0;
  font-size: .75rem;
  line-height: 1.55;
}

html.cs-page-xaloy-industrial-website-redesign .cs-build-layout {
  align-items: center;
}

html.cs-page-xaloy-industrial-website-redesign .cs-ftp-full {
  color: #fff;
  background: linear-gradient(135deg, #0d1a2d, #17243b);
}

html.cs-page-xaloy-industrial-website-redesign .cs-ftp-full .cs-section-header p {
  color: #c5cfdd;
}

html.cs-page-xaloy-industrial-website-redesign .cs-ftp-full .cs-shot figcaption {
  color: #b9c4d3;
}

html.cs-page-xaloy-industrial-website-redesign .cs-offboarding-full {
  color: #fff;
  background: linear-gradient(135deg, #0d1a2d, #17243b);
}

html.cs-page-xaloy-industrial-website-redesign .cs-offboarding-full .cs-section-header p,
html.cs-page-xaloy-industrial-website-redesign .cs-offboarding-full .cs-support {
  color: #c4cedc;
}

html.cs-page-xaloy-industrial-website-redesign .cs-offboarding-full .cs-shot figcaption {
  color: #b9c4d3;
}

html.cs-page-xaloy-industrial-website-redesign .cs-offboarding-full .cs-offboarding-steps {
  display: block;
  margin: 0 0 18px;
  border: 0;
}

html.cs-page-xaloy-industrial-website-redesign .cs-offboarding-full .cs-offboarding-steps li {
  min-height: 0;
  padding: 15px 0 15px 42px;
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, .18);
}

html.cs-page-xaloy-industrial-website-redesign .cs-offboarding-full .cs-offboarding-steps li:before {
  top: 16px;
  left: 0;
}

@media (max-width: 991px) {

  html.cs-page-xaloy-industrial-website-redesign .cs-hero-copy,
  html.cs-page-xaloy-industrial-website-redesign .cs-hero-visual {
    padding-right: 15px;
    padding-left: 15px;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-hero-visual {
    margin-top: 34px;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-hero-highlights {
    grid-template-columns: repeat(2, 1fr);
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-project-grid,
  html.cs-page-xaloy-industrial-website-redesign .cs-grid-2,
  html.cs-page-xaloy-industrial-website-redesign .cs-structure,
  html.cs-page-xaloy-industrial-website-redesign .cs-cta-grid {
    grid-template-columns: 1fr;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-project-title {
    padding: 0 0 28px;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .18);
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-feature-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-value-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-number-flow {
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-number-flow li:nth-child(5n):after {
    display: block;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-number-flow li:nth-child(2n):after {
    display: none;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-workflow-layout {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 36px;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-tech-row {
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 28px;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-also-layout,
  html.cs-page-xaloy-industrial-website-redesign .cs-overview-layout,
  html.cs-page-xaloy-industrial-website-redesign .cs-review-layout,
  html.cs-page-xaloy-industrial-website-redesign .cs-feature-board,
  html.cs-page-xaloy-industrial-website-redesign .cs-ftp-layout,
  html.cs-page-xaloy-industrial-website-redesign .cs-offboarding-layout,
  html.cs-page-xaloy-industrial-website-redesign .cs-content-path,
  html.cs-page-xaloy-industrial-website-redesign .cs-use-layout,
  html.cs-page-xaloy-industrial-website-redesign .cs-live-layout,
  html.cs-page-xaloy-industrial-website-redesign .cs-testing-layout {
    grid-template-columns: 1fr;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-flip-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-feature-panel.active,
  html.cs-page-xaloy-industrial-website-redesign .cs-feature-panel.show {
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 30px;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-path-scope {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-pointer-grid-3,
  html.cs-page-xaloy-industrial-website-redesign .cs-line-points {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-built-flip-intro {
    grid-template-columns: 1fr;
    gap: 18px;
    align-items: start;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-built-flip-intro>p {
    max-width: 760px;
  }
}

@media (max-width: 767px) {
  html.cs-page-xaloy-industrial-website-redesign .cs-shell {
    padding-left: 20px;
    padding-right: 20px;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-section,
  html.cs-page-xaloy-industrial-website-redesign .cs-workflow {
    padding: 62px 0;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-hero {
    padding: 48px 0 36px;
    padding-top:80px !important;
  }
  html.cs-page-xaloy-industrial-website-redesign .cs-facts
  {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  html.cs-page-xaloy-industrial-website-redesign .cs-hero-visual
  {display:none !important;}
  html.cs-page-xaloy-industrial-website-redesign .cs-hero h1 {
    font-size: 2.45rem;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-section h2 {
    font-size: 2.08rem;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-actions {
    display: grid;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-button {
    width: 100%;
    text-align: center;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-hero-meta {
    align-items: flex-start;
    flex-direction: column;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-hero-highlights,
  html.cs-page-xaloy-industrial-website-redesign .cs-facts,
  html.cs-page-xaloy-industrial-website-redesign .cs-pill-grid,
  html.cs-page-xaloy-industrial-website-redesign .cs-scope,
  html.cs-page-xaloy-industrial-website-redesign .cs-feature-grid,
  html.cs-page-xaloy-industrial-website-redesign .cs-value-grid,
  html.cs-page-xaloy-industrial-website-redesign .cs-role-grid,
  html.cs-page-xaloy-industrial-website-redesign .cs-compare-cards,
  html.cs-page-xaloy-industrial-website-redesign .cs-before-after,
  html.cs-page-xaloy-industrial-website-redesign .cs-structure-map {
    grid-template-columns: 1fr;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-built-flip-intro {
    margin-bottom: 26px;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-compare-head {
    display: none;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-compare-row {
    grid-template-columns: 1fr;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-compare-row>div {
    border-right: 0 !important;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-compare-row>div:first-child:before {
    display: block;
    margin-bottom: 5px;
    color: var(--accent);
    content: 'Before';
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-compare-row>div:last-child:before {
    display: block;
    margin-bottom: 5px;
    color: var(--accent);
    content: 'Response';
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-workflow-layout {
    grid-template-columns: 1fr;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-workflow-sticky {
    position: relative;
    top: auto;
    contain: none;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-workflow-stage {
    height: auto;
    min-height: 300px;
    display: none !important;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-workflow-timeline {
    margin-top: 22px;
    padding-left: 27px;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-workflow-step {
    min-height: 0;
    padding-bottom: 43px;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-workflow-step:before {
    left: -33px;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-number-flow {
    grid-template-columns: 1fr;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-number-flow li {
    min-height: 0;
    padding: 48px 8px 28px 58px;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-number-flow li:before {
    top: 40px;
    left: 8px;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-number-flow li:after {
    display: none !important;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-tech-row {
    grid-template-columns: 1fr;
    gap: 17px;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-tech-items {
    align-items: stretch;
    flex-direction: column;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-tech-chip {
    width: 100%;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-shot figcaption {
    font-size: .75rem;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-transform-row {
    grid-template-columns: 1fr;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-transform-side {
    padding: 21px 20px;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-transform-arrow {
    min-height: 38px;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-transform-arrow:before {
    top: 50%;
    right: 0;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 1px;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-transform-arrow i {
    transform: rotate(90deg);
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-also-copy .cs-pill-grid,
  html.cs-page-xaloy-industrial-website-redesign .cs-feature-tabs,
  html.cs-page-xaloy-industrial-website-redesign .cs-tab-features,
  html.cs-page-xaloy-industrial-website-redesign .cs-flip-grid,
  html.cs-page-xaloy-industrial-website-redesign .industry-grid,
  html.cs-page-xaloy-industrial-website-redesign .cs-need-matrix,
  html.cs-page-xaloy-industrial-website-redesign .cs-mini-feature-grid,
  html.cs-page-xaloy-industrial-website-redesign .cs-feature-groups,
  html.cs-page-xaloy-industrial-website-redesign .cs-offboarding-steps,
  html.cs-page-xaloy-industrial-website-redesign .cs-transform-list.cs-transform-compact {
    grid-template-columns: 1fr;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-feature-tab {
    justify-content: flex-start;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-feature-panel.active,
  html.cs-page-xaloy-industrial-website-redesign .cs-feature-panel.show {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-flip-card,
  html.cs-page-xaloy-industrial-website-redesign .cs-flip-inner {
    min-height: 225px;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-splitter {
    aspect-ratio: 4 / 3;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-splitter-before img {
    width: calc(100vw - 40px);
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-splitter-label {
    top: 10px;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-splitter-label.cs-before-label {
    left: 10px;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-splitter-label.cs-after-label {
    right: 10px;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-transform-compact .cs-transform-row {
    min-height: 0;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-transform-list.cs-transform-compact .cs-transform-row {
    grid-template-columns: 1fr;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-content-path .cs-structure-map {
    grid-template-columns: 1fr;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-offboarding-panel,
  html.cs-page-xaloy-industrial-website-redesign .cs-ftp-shell {
    padding: 26px 20px;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-pointer-grid-3,
  html.cs-page-xaloy-industrial-website-redesign .cs-icon-points-2,
  html.cs-page-xaloy-industrial-website-redesign .cs-line-points,
  html.cs-page-xaloy-industrial-website-redesign .cs-comparison-pointers {
    grid-template-columns: 1fr;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-live-proof {
    min-height: 0;
    padding: 20px 0 20px 65px;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-live-proof>i {
    left: 15px;
    font-size: 2rem;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-live-proof:after {
    font-size: 5rem;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-testing-layout {
    gap: 30px;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-test-boundary {
    padding-left: 20px;
  }
}

@media (max-height: 650px) {
  html.cs-page-xaloy-industrial-website-redesign .cs-workflow-sticky {
    position: relative;
    top: auto;
    contain: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.cs-page-xaloy-industrial-website-redesign {
    scroll-behavior: auto;
  }

  html.cs-page-xaloy-industrial-website-redesign * {
    transition: none !important;
  }
}

/* Scroll-controlled problem and response presentation. */
html.cs-page-xaloy-industrial-website-redesign .cs-challenge-section {
  padding: 76px 0 0;
  background: #f1f1f1;
}

html.cs-page-xaloy-industrial-website-redesign .cs-challenge-mobile {
  display: none;
}

html.cs-page-xaloy-industrial-website-redesign .cs-challenge-story {
  position: relative;
  height: 370vh;
}

html.cs-page-xaloy-industrial-website-redesign .cs-challenge-stage {
  position: sticky;
  top: 180px;
  display: flex;
  flex-direction: column;
  padding-bottom: 28px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-challenge-heading {
  margin: 0 auto 22px;
  text-align: center;
}

html.cs-page-xaloy-industrial-website-redesign .cs-challenge-heading h2,
html.cs-page-xaloy-industrial-website-redesign .cs-challenge-mobile-heading h2 {
  margin: 10px 0 12px;
  color: var(--navy);
  font-size: 2.25rem;
  line-height: 1.18;
  letter-spacing: -.035em;
}

html.cs-page-xaloy-industrial-website-redesign .cs-challenge-heading h2 em,
html.cs-page-xaloy-industrial-website-redesign .cs-challenge-mobile-heading h2 em {
  color: var(--accent);
  font-style: normal;
}

html.cs-page-xaloy-industrial-website-redesign .cs-challenge-heading>p,
html.cs-page-xaloy-industrial-website-redesign .cs-challenge-mobile-heading>p {
  max-width: 720px;
  margin: 0 auto;
  color: #626c79;
  font-size: .82rem;
  line-height: 1.7;
}

html.cs-page-xaloy-industrial-website-redesign .cs-challenge-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: min(100%, 940px);
  margin: 0 auto 16px;
  color: #6b7481;
  font-size: .78rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-challenge-nav-actions {
  display: flex;
  align-items: center;
  gap: 9px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-challenge-count {
  margin-right: 5px;
  color: var(--navy);
  font-size: .86rem;
}

html.cs-page-xaloy-industrial-website-redesign .cs-challenge-count span {
  color: #89919c;
  font-size: .75rem;
  font-weight: 500;
}

html.cs-page-xaloy-industrial-website-redesign .cs-challenge-nav-actions button {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid #d7dde5;
  border-radius: 50%;
  background: #fff;
  color: var(--navy);
  cursor: pointer;
  transition: color .2s, border-color .2s, transform .2s;
}

html.cs-page-xaloy-industrial-website-redesign .cs-challenge-nav-actions button:hover:not(:disabled) {
  border-color: var(--accent);
  color: var(--accent);
  transform: translateY(-1px);
}

html.cs-page-xaloy-industrial-website-redesign .cs-challenge-nav-actions button:disabled {
  cursor: default;
  opacity: .35;
}

html.cs-page-xaloy-industrial-website-redesign .cs-challenge-nav-actions button:focus-visible,
html.cs-page-xaloy-industrial-website-redesign .cs-challenge-segments button:focus-visible {
  outline: 3px solid rgba(238, 72, 101, .3);
  outline-offset: 3px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-challenge-focus {
  width: min(100%, 940px);
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid #dbe1e9;
  border-radius: 15px;
  background: #fff;
}

html.cs-page-xaloy-industrial-website-redesign .cs-challenge-focus>header {
  padding: 15px 23px 17px;
  border-bottom: 3px solid var(--accent);
  background: linear-gradient(135deg, #0e1d31, #18233a);
}

html.cs-page-xaloy-industrial-website-redesign .cs-challenge-focus>header h3 {
  margin: 0;
  color: #fff;
  font-size: 1.15rem;
  font-weight: 600;
  line-height: 1.3;
}

html.cs-page-xaloy-industrial-website-redesign .cs-challenge-focus-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 150px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-challenge-problem,
html.cs-page-xaloy-industrial-website-redesign .cs-challenge-response {
  padding: 23px;
}

html.cs-page-xaloy-industrial-website-redesign .cs-challenge-response {
  border-left: 1px solid #e0e5ec;
}

html.cs-page-xaloy-industrial-website-redesign .cs-challenge-focus-pair h4 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 11px;
  font-size: 1.4rem;
  line-height: 1.35;
}

html.cs-page-xaloy-industrial-website-redesign .cs-challenge-problem h4 {
  color: #c83232;
}

html.cs-page-xaloy-industrial-website-redesign .cs-challenge-response h4 {
  color: #16864b;
}

html.cs-page-xaloy-industrial-website-redesign .cs-challenge-focus-pair p {
  margin: 0;
  color: #536070;
  font-size: .8rem;
  line-height: 1.7;
}

html.cs-page-xaloy-industrial-website-redesign .cs-challenge-segments {
  display: flex;
  gap: 7px;
  width: min(100%, 940px);
  margin: 13px auto 0;
}

html.cs-page-xaloy-industrial-website-redesign .cs-challenge-segments button {
  flex: 1;
  height: 22px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

html.cs-page-xaloy-industrial-website-redesign .cs-challenge-segments button span {
  display: block;
  width: 100%;
  height: 3px;
  background: #d5dce5;
  transition: background .2s;
}

html.cs-page-xaloy-industrial-website-redesign .cs-challenge-segments button.is-active span {
  background: var(--accent);
}

html.cs-page-xaloy-industrial-website-redesign .cs-challenge-segments button:hover span {
  background: var(--navy);
}

@media (max-width: 899px),
(max-height: 650px) {
  html.cs-page-xaloy-industrial-website-redesign .cs-challenge-section {
    padding: 62px 0;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-challenge-story {
    display: none;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-challenge-mobile {
    display: block;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-challenge-mobile-heading {
    margin-bottom: 24px;
    text-align: center;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-challenge-mobile-hint {
    margin: 0 0 15px;
    color: #626c79;
    font-size: .78rem;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-challenge-disclosures {
    display: grid;
    gap: 10px;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-challenge-disclosure {
    overflow: hidden;
    border: 1px solid #dbe1e9;
    border-radius: 13px;
    background: #fff;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-challenge-disclosure summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 17px 19px;
    color: var(--navy);
    font-size: .9rem;
    font-weight: 600;
    line-height: 1.4;
    list-style: none;
    cursor: pointer;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-challenge-disclosure summary::-webkit-details-marker {
    display: none;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-challenge-disclosure summary i {
    flex: 0 0 auto;
    color: var(--accent);
    transition: transform .2s;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-challenge-disclosure[open] summary {
    background: var(--navy);
    color: #fff;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-challenge-disclosure[open] summary i {
    color: #ff8299;
    transform: rotate(180deg);
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-challenge-disclosure-body {
    padding: 19px;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-challenge-disclosure-body>div+div {
    margin-top: 17px;
    padding-top: 17px;
    border-top: 1px solid #e0e5ec;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-challenge-disclosure h3 {
    margin: 0 0 7px;
    color: #c83232;
    font-size: .8rem;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-challenge-disclosure .cs-challenge-mobile-response h3 {
    color: #16864b;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-challenge-disclosure p {
    margin: 0;
    color: #536070;
    font-size: .8rem;
    line-height: 1.65;
  }
}

/* Compact technology band for the Xaloy delivery stack. */
html.cs-page-xaloy-industrial-website-redesign .cs-tech-ribbon {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  border-radius: 16px;
  background: linear-gradient(135deg, #0d1a2d, #17243b);
  box-shadow: 0 22px 55px rgba(8, 27, 54, .15);
}

html.cs-page-xaloy-industrial-website-redesign .cs-tech-ribbon article {
  position: relative;
  min-height: 210px;
  padding: 28px 25px;
  border-right: 1px solid rgba(255, 255, 255, .16);
}

html.cs-page-xaloy-industrial-website-redesign .cs-tech-ribbon article:last-child {
  border-right: 0;
}

html.cs-page-xaloy-industrial-website-redesign .cs-tech-ribbon article>span {
  display: block;
  margin-bottom: 34px;
  color: #ff8299;
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .1em;
}

html.cs-page-xaloy-industrial-website-redesign .cs-tech-ribbon h3 {
  margin: 0 0 12px;
  color: #aebbd0;
  font-size: .78rem;
  font-weight: 500;
}

html.cs-page-xaloy-industrial-website-redesign .cs-tech-ribbon strong {
  display: block;
  margin-bottom: 7px;
  color: #fff;
  font-size: 1.15rem;
  line-height: 1.35;
}

html.cs-page-xaloy-industrial-website-redesign .cs-tech-ribbon p {
  margin: 0;
  color: #c4cedc;
  font-size: .78rem;
  line-height: 1.55;
}

@media (max-width: 991px) {
  html.cs-page-xaloy-industrial-website-redesign .cs-tech-ribbon {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-tech-ribbon article:nth-child(2) {
    border-right: 0;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-tech-ribbon article:nth-child(-n+2) {
    border-bottom: 1px solid rgba(255, 255, 255, .16);
  }
}

@media (max-width: 575px) {
  html.cs-page-xaloy-industrial-website-redesign .cs-tech-ribbon {
    grid-template-columns: 1fr;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-tech-ribbon article {
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .16);
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-tech-ribbon article:nth-child(3) {
    border-bottom: 1px solid rgba(255, 255, 255, .16);
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-tech-ribbon article:last-child {
    border-bottom: 0;
  }

  html.cs-page-xaloy-industrial-website-redesign .cs-tech-ribbon article>span {
    margin-bottom: 20px;
  }
}

/* ================================================================
   Page namespace: al-hudaif (cs-page-al-hudaif)
   ================================================================ */

/* Original file: al-hudaif/css/birdi.css */
/* Bootstrap Reboot is normalized to the approved page typography. */
html.cs-page-al-hudaif,html.cs-page-al-hudaif body{height:100%;}
html.cs-page-al-hudaif body{line-height:normal;}
html.cs-page-al-hudaif h1,html.cs-page-al-hudaif h2,html.cs-page-al-hudaif h3,html.cs-page-al-hudaif h4,html.cs-page-al-hudaif h5,html.cs-page-al-hudaif h6{font-size:revert;font-weight:revert;line-height:normal;margin:revert;}
html.cs-page-al-hudaif .case-study section p,html.cs-page-al-hudaif dl,html.cs-page-al-hudaif dd,html.cs-page-al-hudaif figure{margin:revert;}
html.cs-page-al-hudaif .case-study section a:hover{text-decoration:none;}
html.cs-page-al-hudaif button{line-height:normal;}

/* Birdi shared styles. Cascade order is intentional; responsive rules remain beside their applicable defaults. */
html.cs-page-al-hudaif body {
  margin: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}
html.cs-page-al-hudaif * {
  box-sizing: border-box;
}
html.cs-page-al-hudaif .case-study section a {
  color: #ee4865;
  text-decoration: none;
}
html.cs-page-al-hudaif .case-study section a:hover {
  color: #101d30;
}
html.cs-page-al-hudaif {
  font-size: max(16px,100%);
}
html.cs-page-al-hudaif body {
  font-size: 16px;
}
html.cs-page-al-hudaif button,html.cs-page-al-hudaif summary {
  font: inherit;
}
html.cs-page-al-hudaif button {
  cursor: pointer;
}
html.cs-page-al-hudaif img {
  max-width: 100%;
}
html.cs-page-al-hudaif button:focus-visible,html.cs-page-al-hudaif summary:focus-visible,html.cs-page-al-hudaif [tabindex]:focus-visible {
  outline: 3px solid #ee4865;
  outline-offset: 5px;
}
html.cs-page-al-hudaif .section-container {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  background: transparent;
}
html.cs-page-al-hudaif .section-heading {
  margin-bottom: clamp(32px,4vw,48px);
}
html.cs-page-al-hudaif .centered {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
html.cs-page-al-hudaif .eyebrow {
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 700;
  color: #ee4865;
  margin: 0 0 18px;
}
html.cs-page-al-hudaif .section-heading h2 {
  font-size: clamp(1.55rem,2.4vw,2.1rem);
  line-height: 1.25;
  margin: 0;
}
html.cs-page-al-hudaif .section-heading h2 span {
  color: #ee4865;
}
html.cs-page-al-hudaif .workflow-section {
  padding: clamp(56px,7vw,84px) 0;
  background: linear-gradient(135deg,#0e1d31 0%,#15233b 100%);
  color: #fff;
}
html.cs-page-al-hudaif .workflow-layout {
  display: grid;
  grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr);
  gap: clamp(36px,6vw,80px);
  align-items: start;
}
html.cs-page-al-hudaif .workflow-sticky {
  position: sticky;
  top: 24px;
  min-width: 0;
}
/* Short screens need normal page scrolling, not a taller sticky panel. */
@media (max-height:650px) {
  html.cs-page-al-hudaif .workflow-sticky { position: relative; top: auto; }
}
html.cs-page-al-hudaif .workflow-visual-heading {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .1em;
  margin-bottom: 18px;
}
html.cs-page-al-hudaif .workflow-visual-heading span:first-child {
  color: var(--body);
}
html.cs-page-al-hudaif .workflow-stage {
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(300px,56vh,560px);
  overflow: hidden;
  color: #101d30;
}
html.cs-page-al-hudaif .workflow-screen {
  display: block;
  animation: cs-page-al-hudaif-visual-arrive .4s ease;
}
html.cs-page-al-hudaif .workflow-caption {
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  margin: 18px 0 16px;
  font-weight: 500;
}
html.cs-page-al-hudaif .workflow-progress {
  height: 3px;
  background: rgba(255,255,255,.2);
}
html.cs-page-al-hudaif .workflow-progress span {
  display: block;
  height: 100%;
  background: #ee4865;
  transition: width .35s ease;
}
html.cs-page-al-hudaif .workflow-explainer {
  width: 100%;
}
html.cs-page-al-hudaif .workflow-explainer>i {
  font-size: 44px;
  color: #ee4865;
  margin-bottom: 24px;
}
html.cs-page-al-hudaif .workflow-explainer h3 {
  font-size: 24px;
  line-height: 1.3;
  margin: 0 0 24px;
}
html.cs-page-al-hudaif .explainer-rows {
  display: grid;
  gap: 0;
}
html.cs-page-al-hudaif .explainer-rows>div {
  border-top: 1px solid #e9d3db;
  padding: 14px 0;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  line-height: 1.4;
}
html.cs-page-al-hudaif .explainer-rows i {
  color: #ee4865;
  font-size: 16px;
}
html.cs-page-al-hudaif .illustration-note {
  font-size: 16px;
  font-weight: 500;
  color: #101d30;
  margin: 18px 0 0;
}
html.cs-page-al-hudaif .workflow-timeline {
  border-left: 1px solid rgba(255,255,255,.3);
  padding-left: 32px;
}
html.cs-page-al-hudaif .workflow-step {
  position: relative;
  padding: 0 0 56px;
}
html.cs-page-al-hudaif .workflow-step:last-child {
  padding-bottom: 0;
  min-height: 200px;
}
html.cs-page-al-hudaif .workflow-step:before {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  left: -38px;
  border: 2px solid #ee4865;
  background: #101d30;
  border-radius: 50%;
  transition: box-shadow .25s,background .25s;
}
html.cs-page-al-hudaif .workflow-step.is-active:before {
  background: #ee4865;
  box-shadow: 0 0 0 7px rgba(238,72,101,.18);
}
html.cs-page-al-hudaif .workflow-step-number {
  letter-spacing: .08em;
  display: flex;
  align-items: baseline;
  margin-bottom: 12px;
}
html.cs-page-al-hudaif .workflow-step h3 {
  color: #fff;
  margin: 0 0 16px;
  transition: color .25s;
}
html.cs-page-al-hudaif .workflow-step.is-active h3 {
  color: #ee4865;
}
html.cs-page-al-hudaif .workflow-step p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  color: #fff;
}
html.cs-page-al-hudaif .features-intro {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 64px;
  align-items: end;
  margin-bottom: 40px;
}
html.cs-page-al-hudaif .feature-tabs {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
}
html.cs-page-al-hudaif .feature-tab {
  border-bottom: 3px solid transparent;
  background: transparent;
  color: #101d30;
  padding: 20px 8px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  text-align: left;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
}
html.cs-page-al-hudaif .feature-tab i {
  font-size: 18px;
  color: #ee4865;
}
html.cs-page-al-hudaif .feature-tab.is-active {
  border-color: #ee4865;
}
html.cs-page-al-hudaif .features-panel {
  display: grid;
  grid-template-columns: 260px minmax(0,1fr);
  gap: 54px;
  padding: 40px 0;
}
html.cs-page-al-hudaif .feature-panel-number {
  line-height: 1;
  color: #ee4865;
  font-weight: 600;
}
html.cs-page-al-hudaif .feature-panel-heading h3 {
  font-size: 24px;
  line-height: 1.3;
  margin: 16px 0 12px;
}
html.cs-page-al-hudaif .feature-panel-heading p {
  font-size: 16px;
  color: #101d30;
}
html.cs-page-al-hudaif .feature-items {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 32px;
}
html.cs-page-al-hudaif .feature-item {
  border-left: 2px solid #ee4865;
  padding-left: 20px;
}
html.cs-page-al-hudaif .feature-item h4 {
  font-size: 17px;
  line-height: 1.4;
  margin: 0 0 12px;
}
html.cs-page-al-hudaif .feature-item p {
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
  color: #101d30;
}
html.cs-page-al-hudaif .editorial-accordion {
  border-top: 1px solid #c7d0dd;
  color: #101d30;
}
html.cs-page-al-hudaif .editorial-accordion:last-child {
  border-bottom: 1px solid #c7d0dd;
}
html.cs-page-al-hudaif .editorial-accordion summary {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 26px 0;
  cursor: pointer;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 600;
}
html.cs-page-al-hudaif .editorial-accordion summary::-webkit-details-marker {
  display: none;
}
html.cs-page-al-hudaif .editorial-accordion summary>span:not(.accordion-number) {
  flex: 1;
}
html.cs-page-al-hudaif .editorial-accordion summary>i {
  color: #ee4865;
  font-size: 16px;
  transition: transform .25s;
}
html.cs-page-al-hudaif .accordion-number {
  font-size: 28px;
  color: #ee4865;
  font-weight: 600;
}
html.cs-page-al-hudaif .editorial-accordion[open] summary {
  color: #c92145;
}
html.cs-page-al-hudaif .editorial-accordion[open] summary>i {
  transform: rotate(45deg);
}
html.cs-page-al-hudaif .accordion-content {
  padding: 0 0 28px 64px;
  animation: cs-page-al-hudaif-content-arrive .3s ease;
}
html.cs-page-al-hudaif .accordion-content p {
  font-size: 16px;
  line-height: 1.75;
  margin: 12px 0 0;
  color: #101d30;
}
html.cs-page-al-hudaif .lift-card {
  transition: transform .3s,box-shadow .3s;
}
html.cs-page-al-hudaif .lift-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 36px rgba(16,29,48,.1);
}
html.cs-page-al-hudaif .parallax-visual {
  will-change: transform;
}
html.cs-page-al-hudaif .faq-section>div {
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
  gap: 64px;
  align-items: start;
}
html.cs-page-al-hudaif .faq-list {
  min-width: 0;
}
html.cs-page-al-hudaif .faq-list .accordion-content {
  padding-left: 0;
}
@keyframes cs-page-al-hudaif-content-arrive{from{transform:translateY(10px)}to{transform:translateY(0)}}
@keyframes cs-page-al-hudaif-visual-arrive{from{transform:translateY(12px) scale(.98)}to{transform:translateY(0) scale(1)}}
@media (max-width:900px) {
  html.cs-page-al-hudaif .workflow-layout {
    gap: 36px;
    grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
  }
  html.cs-page-al-hudaif .features-panel {
    grid-template-columns: 210px minmax(0,1fr);
    gap: 32px;
  }
  html.cs-page-al-hudaif .feature-tabs {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  html.cs-page-al-hudaif .features-intro {
    gap: 32px;
  }
}
@media (max-width:700px) {
  html.cs-page-al-hudaif .workflow-layout,html.cs-page-al-hudaif .features-intro,html.cs-page-al-hudaif .features-panel,html.cs-page-al-hudaif .faq-section>div {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  html.cs-page-al-hudaif .workflow-sticky {
    position: relative;
    top: auto;
  }
  html.cs-page-al-hudaif .workflow-stage {
    height: 440px;
  }
  html.cs-page-al-hudaif .workflow-timeline {
    margin-left: 6px;
  }
  html.cs-page-al-hudaif .workflow-step:last-child {
    min-height: 0;
  }
  html.cs-page-al-hudaif .workflow-explainer h3 {
    font-size: 22px;
  }
  html.cs-page-al-hudaif .feature-items {
    gap: 24px;
  }
  html.cs-page-al-hudaif .faq-section>div>div:first-child {
    position: static !important;
  }
  html.cs-page-al-hudaif .accordion-content {
    padding-left: 0;
  }
  html.cs-page-al-hudaif .editorial-accordion summary {
    gap: 16px;
    font-size: 17px;
  }
  html.cs-page-al-hudaif .parallax-visual {
    transform: none !important;
  }
}
@media (max-width:460px) {
  html.cs-page-al-hudaif .feature-items,html.cs-page-al-hudaif .industry-grid {
    grid-template-columns: 1fr;
  }
  html.cs-page-al-hudaif .feature-tab {
    font-size: 16px;
    padding: 16px 8px;
    overflow-wrap: anywhere;
  }
  html.cs-page-al-hudaif .workflow-stage {
    height: 420px;
  }
  html.cs-page-al-hudaif .workflow-timeline {
    padding-left: 24px;
  }
  html.cs-page-al-hudaif .workflow-step:before {
    left: -30px;
  }
}
@media (max-height:740px) and (min-width:701px) {
  html.cs-page-al-hudaif .workflow-stage {
    height: 360px;
  }
  html.cs-page-al-hudaif .workflow-explainer>i {
    font-size: 28px;
    margin-bottom: 12px;
  }
  html.cs-page-al-hudaif .workflow-explainer h3 {
    font-size: 22px;
    margin-bottom: 12px;
  }
  html.cs-page-al-hudaif .explainer-rows>div {
    padding: 10px 0;
  }
  html.cs-page-al-hudaif .illustration-note {
    margin-top: 12px;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-al-hudaif,html.cs-page-al-hudaif body {
    scroll-behavior: auto !important;
  }
  html.cs-page-al-hudaif *,html.cs-page-al-hudaif *:before,html.cs-page-al-hudaif *:after {
    animation: none !important;
    transition: none !important;
  }
  html.cs-page-al-hudaif .parallax-visual {
    transform: none !important;
  }
}
html.cs-page-al-hudaif .case-study {
  --body: #6f6f6f;
  --heading: #101d30;
  --accent: #ee4865;
}
html.cs-page-al-hudaif .case-study section {
  --body: #6f6f6f;
  --heading: #101d30;
}
html.cs-page-al-hudaif .case-study section[data-theme="dark"] {
  --body: #b8cbe5;
  --heading: #fff;
}
html.cs-page-al-hudaif .case-study p {
  color: var(--body);
}
html.cs-page-al-hudaif .case-study p.eyebrow {
  color: #ee4865;
}
html.cs-page-al-hudaif .case-study h2,html.cs-page-al-hudaif .case-study h3,html.cs-page-al-hudaif .case-study h4 {
  color: var(--heading);
}
html.cs-page-al-hudaif .workflow-stage {
  --body: #6f6f6f;
  --heading: #101d30;
  background: linear-gradient(155deg,#fff 30%,#eaf1fa);
  border: 1px solid rgba(255,255,255,.2);
  box-shadow: 0 24px 60px rgba(0,0,0,.2);
}
html.cs-page-al-hudaif .workflow-step-number {
  font-size: 16px;
  line-height: 1.5;
  gap: 7px;
  color: var(--body);
  font-weight: 400;
}
html.cs-page-al-hudaif .workflow-step-number strong {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  color: inherit;
  letter-spacing: inherit;
}
html.cs-page-al-hudaif .workflow-step {
  min-height: 200px;
  padding-bottom: 48px;
}
html.cs-page-al-hudaif .workflow-step:before {
  top: 7px;
}
html.cs-page-al-hudaif .workflow-step h3 {
  font-size: 24px;
  line-height: 1.35;
}
html.cs-page-al-hudaif .workflow-step p,html.cs-page-al-hudaif .workflow-caption {
  color: var(--body);
}
html.cs-page-al-hudaif .illustration-note,html.cs-page-al-hudaif .feature-panel-heading p,html.cs-page-al-hudaif .feature-item p,html.cs-page-al-hudaif .accordion-content p {
  color: var(--body);
}
html.cs-page-al-hudaif .problems-section {
  padding: clamp(56px,7vw,84px) 0;
  background: #f3f3f3;
}
html.cs-page-al-hudaif .problems-layout {
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
  gap: clamp(40px,6vw,80px);
  align-items: start;
}
html.cs-page-al-hudaif .problems-heading {
  position: static;
  align-self: start;
  padding: 28px 0;
  border-top: 2px solid #ee4865;
}
html.cs-page-al-hudaif .problems-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.18;
  letter-spacing: -.035em;
  margin: 0 0 24px;
}
html.cs-page-al-hudaif .problems-heading h2 span {
  color: #ee4865;
}
html.cs-page-al-hudaif .section-subtext {
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
  max-width: 390px;
}
html.cs-page-al-hudaif .problems-note {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 32px;
}
html.cs-page-al-hudaif .problems-note>span {
  height: 44px;
  width: 3px;
  background: #ee4865;
}
html.cs-page-al-hudaif .problems-note p {
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
}
html.cs-page-al-hudaif .problem-accordions {
  display: grid;
  gap: 12px;
}
html.cs-page-al-hudaif .problem-item {
  background: #fff;
  border: 1px solid #e0e7f0;
  border-radius: 14px;
  transition: border-color .3s,box-shadow .3s;
}
html.cs-page-al-hudaif .problem-item.is-open {
  border-color: #ee4865;
  box-shadow: 0 16px 40px rgba(16,29,48,.06);
}
html.cs-page-al-hudaif .problem-item h3 {
  margin: 0;
}
html.cs-page-al-hudaif .problem-item button {
  width: 100%;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  background: transparent;
  border: 0;
  color: #101d30;
  padding: 22px 24px;
  font-family: inherit;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  border-radius: 14px;
}
html.cs-page-al-hudaif .problem-item button:hover {
  color: #c92145;
}
html.cs-page-al-hudaif .problem-toggle {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d9e2ed;
  color: #101d30;
  transition: background .3s,transform .3s,color .3s;
}
html.cs-page-al-hudaif .problem-toggle i {
  font-size: 16px;
}
html.cs-page-al-hudaif .is-open .problem-toggle {
  background: #ee4865;
  border-color: #ee4865;
  color: #fff;
  transform: rotate(45deg);
}
html.cs-page-al-hudaif .problem-reveal {
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  transition: grid-template-rows .35s ease,visibility .35s;
}
html.cs-page-al-hudaif .problem-reveal>div {
  min-height: 0;
  overflow: hidden;
}
html.cs-page-al-hudaif .is-open .problem-reveal {
  grid-template-rows: 1fr;
  visibility: visible;
}
html.cs-page-al-hudaif .problem-answer {
  padding: 0 24px 24px;
}
html.cs-page-al-hudaif .problem-answer p {
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
  border-top: 1px solid #e7edf5;
  padding-top: 18px;
  color: var(--body);
}
html.cs-page-al-hudaif .industry-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 20px;
  align-items: stretch;
}
html.cs-page-al-hudaif .industry-flip {
  appearance: none;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  perspective: 1200px;
  text-align: left;
  font-family: inherit;
  color: #101d30;
  border-radius: 16px;
}
html.cs-page-al-hudaif .flip-inner {
  display: grid;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform .65s cubic-bezier(.22,.61,.36,1);
  position: relative;
}
html.cs-page-al-hudaif .industry-flip.is-flipped .flip-inner {
  transform: rotateY(180deg);
}
html.cs-page-al-hudaif .flip-front,html.cs-page-al-hudaif .flip-back {
  grid-area: 1/1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  padding: 26px;
  border-radius: 16px;
  border: 1px solid #dce5f0;
  min-width: 0;
}
html.cs-page-al-hudaif .flip-front {
  background: #fff;
  transform: rotateY(0deg);
}
html.cs-page-al-hudaif .flip-front>i {
  font-size: 28px;
  color: #ee4865;
}
html.cs-page-al-hudaif .flip-front strong {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.35;
  color: #101d30;
}
html.cs-page-al-hudaif .flip-hint {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 16px;
  line-height: 1.4;
  color: #6f6f6f;
  border-top: 1px solid #e6ecf4;
  padding-top: 16px;
}
html.cs-page-al-hudaif .flip-hint i {
  font-size: 16px;
  color: #ee4865;
}
html.cs-page-al-hudaif .flip-back {
  transform: rotateY(180deg);
  background: linear-gradient(135deg,#0e1d31,#15233b);
  border-color: #15233b;
  color: #fff;
}
html.cs-page-al-hudaif .flip-back-label {
  font-size: 16px;
  color: #ff8299;
  font-weight: 600;
}
html.cs-page-al-hudaif .flip-description {
  font-size: 16px;
  line-height: 1.7;
  color: #d1def0;
}
html.cs-page-al-hudaif .flip-back-hint {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 16px;
  color: #b8cbe5;
}
html.cs-page-al-hudaif .flip-back-hint i {
  font-size: 16px;
}
html.cs-page-al-hudaif .feature-tabs {
  gap: 8px;
  border-bottom: 0;
  padding: 6px;
  background: #f0f4f9;
  border-radius: 14px;
}
html.cs-page-al-hudaif .feature-tab {
  border: 0;
  border-radius: 10px;
  transition: background .25s,box-shadow .25s;
}
html.cs-page-al-hudaif .feature-tab.is-active {
  background: #fff;
  box-shadow: 0 4px 15px rgba(16,29,48,.08);
}
html.cs-page-al-hudaif .feature-tab:hover {
  background: #fff;
}
html.cs-page-al-hudaif .feature-panel-number {
  font-size: 40px;
}
html.cs-page-al-hudaif .features-panel {
  padding-top: 32px;
}
html.cs-page-al-hudaif .case-study a.contact-link {
  overflow: hidden;
  position: relative;
}
html.cs-page-al-hudaif .case-study a.contact-link i {
  transition: transform .25s;
}
html.cs-page-al-hudaif .case-study a.contact-link:hover i {
  transform: translateX(5px);
}
@media (max-width:900px) {
  html.cs-page-al-hudaif .industry-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  html.cs-page-al-hudaif .problems-layout {
    gap: 32px;
  }
  html.cs-page-al-hudaif .problem-item button {
    padding: 20px;
    font-size: 17px;
  }
  html.cs-page-al-hudaif .problem-answer {
    padding: 0 20px 20px;
  }
}
@media (max-width:700px) {
  html.cs-page-al-hudaif .problems-layout {
    grid-template-columns: 1fr;
  }
  html.cs-page-al-hudaif .problems-heading {
    position: static;
  }
  html.cs-page-al-hudaif .problems-heading .section-subtext {
    max-width: none;
  }
  html.cs-page-al-hudaif .problems-note {
    display: none;
  }
  html.cs-page-al-hudaif .workflow-step {
    min-height: 0;
  }
  html.cs-page-al-hudaif .workflow-step-number,html.cs-page-al-hudaif .workflow-step-number strong {
    font-size: 16px;
  }
  html.cs-page-al-hudaif .flip-front,html.cs-page-al-hudaif .flip-back {
    padding: 22px;
    gap: 18px;
  }
}
@media (max-width:480px) {
  html.cs-page-al-hudaif .industry-grid {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-al-hudaif .flip-inner,html.cs-page-al-hudaif .problem-reveal,html.cs-page-al-hudaif .problem-toggle {
    transition: none;
  }
}
html.cs-page-al-hudaif .need-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 22px;
  align-items: stretch;
}
html.cs-page-al-hudaif .need-card {
  background: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  transition: box-shadow .3s,border-color .3s,transform .3s;
}
html.cs-page-al-hudaif .need-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #ee4865;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s;
}
html.cs-page-al-hudaif .need-card.is-open {
  border-color: #ee4865;
  box-shadow: 0 18px 40px rgba(16,29,48,.08);
  transform: translateY(-4px);
}
html.cs-page-al-hudaif .need-card.is-open:before {
  transform: scaleX(1);
}
html.cs-page-al-hudaif .need-card h3 {
  margin: 0;
}
html.cs-page-al-hudaif .need-trigger {
  width: 100%;
  border: 0;
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 26px;
  text-align: left;
  font-family: inherit;
  color: #101d30;
}
html.cs-page-al-hudaif .need-marker {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 16px;
  color: #ee4865;
  font-weight: 500;
}
html.cs-page-al-hudaif .need-marker i {
  font-size: 16px;
  transition: transform .3s;
}
html.cs-page-al-hudaif .is-open .need-marker i {
  transform: rotate(45deg);
}
html.cs-page-al-hudaif .need-title {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 600;
}
html.cs-page-al-hudaif .need-hint {
  font-size: 16px;
  line-height: 1.5;
  color: #6f6f6f;
  font-weight: 400;
}
html.cs-page-al-hudaif .need-reveal {
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  transition: grid-template-rows .4s ease,visibility .4s;
}
html.cs-page-al-hudaif .need-reveal>div {
  min-height: 0;
  overflow: hidden;
}
html.cs-page-al-hudaif .need-card.is-open .need-reveal {
  grid-template-rows: 1fr;
  visibility: visible;
}
html.cs-page-al-hudaif .need-copy {
  padding: 0 26px 26px;
}
html.cs-page-al-hudaif .need-copy p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  color: #6f6f6f;
}
html.cs-page-al-hudaif .need-answer {
  border-top: 1px solid #e9e9e9;
  padding-top: 20px;
  margin-top: 22px;
}
html.cs-page-al-hudaif .need-answer>span {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #101d30;
  margin-bottom: 10px;
}
html.cs-page-al-hudaif .need-trigger:focus-visible {
  outline-offset: -5px;
}
@media (max-width:900px) {
  html.cs-page-al-hudaif .need-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}
@media (max-width:620px) {
  html.cs-page-al-hudaif .need-grid {
    grid-template-columns: 1fr;
  }
  html.cs-page-al-hudaif .need-trigger {
    padding: 24px;
    gap: 16px;
  }
  html.cs-page-al-hudaif .need-copy {
    padding: 0 24px 24px;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-al-hudaif .need-card,html.cs-page-al-hudaif .need-card:before,html.cs-page-al-hudaif .need-reveal,html.cs-page-al-hudaif .need-marker i {
    transition: none;
  }
  html.cs-page-al-hudaif .need-card.is-open {
    transform: none;
  }
}
html.cs-page-al-hudaif .need-heading {
  padding: 26px 26px 20px;
}
html.cs-page-al-hudaif .need-heading h3 {
  font-size: 20px;
  line-height: 1.4;
  margin: 16px 0 0;
  font-weight: 600;
}
html.cs-page-al-hudaif .need-static {
  overflow: visible;
  border-top: 3px solid #ee4865;
}
html.cs-page-al-hudaif .need-static:before {
  display: none;
}
html.cs-page-al-hudaif .scope-heading {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  align-items: baseline;
  justify-content: space-between;
  margin: 0 0 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid #dce2e9;
}
html.cs-page-al-hudaif .scope-heading h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0;
}
html.cs-page-al-hudaif .scope-heading>span {
  font-size: 16px;
  color: #6f6f6f;
}
html.cs-page-al-hudaif .scope-groups {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 28px;
}
html.cs-page-al-hudaif .scope-group h4 {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 17px;
  line-height: 1.4;
  margin: 0 0 18px;
}
html.cs-page-al-hudaif .scope-group h4 i {
  font-size: 20px;
  color: #ee4865;
}
html.cs-page-al-hudaif .scope-group ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
}
html.cs-page-al-hudaif .scope-group li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 16px;
  line-height: 1.6;
  color: #6f6f6f;
}
html.cs-page-al-hudaif .scope-group li i {
  font-size: 16px;
  line-height: 1.6;
  color: #ee4865;
  flex-shrink: 0;
}
html.cs-page-al-hudaif .comparison-heading {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: end;
  margin-bottom: 28px;
}
html.cs-page-al-hudaif .comparison-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.2;
  letter-spacing: -.025em;
  margin: 0;
}
html.cs-page-al-hudaif .comparison-heading h2 span {
  color: #ee4865;
}
html.cs-page-al-hudaif .comparison-heading>p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  max-width: 470px;
}
html.cs-page-al-hudaif .comparison-labels,html.cs-page-al-hudaif .comparison-row {
  display: grid;
  grid-template-columns: minmax(130px,.55fr) minmax(0,1fr) minmax(0,1.15fr);
  gap: 28px;
}
html.cs-page-al-hudaif .comparison-labels {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  color: #101d30;
  padding: 16px 20px;
  border-top: 1px solid #d7dce2;
  border-bottom: 1px solid #d7dce2;
}
html.cs-page-al-hudaif .comparison-labels>span:last-child {
  color: #c92145;
}
html.cs-page-al-hudaif .comparison-row {
  padding: 22px 20px;
  border-bottom: 1px solid #dfe3e8;
  align-items: start;
}
html.cs-page-al-hudaif .comparison-row:nth-child(odd) {
  background: #fff;
}
html.cs-page-al-hudaif .comparison-row h3 {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
}
html.cs-page-al-hudaif .comparison-row p {
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
  color: #6f6f6f;
}
html.cs-page-al-hudaif .comparison-fix {
  border-left: 2px solid #ee4865;
  padding-left: 18px;
}
html.cs-page-al-hudaif .mobile-pair-label {
  display: none;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
  color: #101d30;
  margin-bottom: 8px;
}
@media (max-width:1000px) {
  html.cs-page-al-hudaif .scope-groups {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 28px 36px;
  }
}
@media (max-width:760px) {
  html.cs-page-al-hudaif .comparison-heading {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  html.cs-page-al-hudaif .comparison-labels {
    display: none;
  }
  html.cs-page-al-hudaif .comparison-row {
    grid-template-columns: 1fr 1fr;
    gap: 16px 24px;
    padding: 22px 18px;
  }
  html.cs-page-al-hudaif .comparison-row h3 {
    grid-column: 1/-1;
    color: #101d30;
    font-size: 20px;
  }
  html.cs-page-al-hudaif .mobile-pair-label {
    display: block;
  }
  html.cs-page-al-hudaif .comparison-fix .mobile-pair-label {
    color: #c92145;
  }
}
@media (max-width:520px) {
  html.cs-page-al-hudaif .scope-groups {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  html.cs-page-al-hudaif .scope-group {
    padding-bottom: 22px;
    border-bottom: 1px solid #e4e7eb;
  }
  html.cs-page-al-hudaif .scope-group:last-child {
    padding-bottom: 0;
    border: 0;
  }
  html.cs-page-al-hudaif .comparison-row {
    grid-template-columns: 1fr;
  }
  html.cs-page-al-hudaif .comparison-row h3 {
    grid-column: auto;
  }
  html.cs-page-al-hudaif .comparison-fix {
    margin-top: 2px;
  }
  html.cs-page-al-hudaif .need-heading {
    padding: 24px 24px 20px;
  }
}
html.cs-page-al-hudaif .need-static {
  height: 100%;
  box-sizing: border-box;
}
html.cs-page-al-hudaif .challenge-story {
  position: relative;
  height: calc(var(--viewport-height) * 4.9);
}
html.cs-page-al-hudaif .challenge-stage {
  top: 120px;
}
html.cs-page-al-hudaif .challenge-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
html.cs-page-al-hudaif .challenge-scroll-hint {
  font-size: 16px;
  color: #6f6f6f;
}
html.cs-page-al-hudaif .challenge-nav-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
html.cs-page-al-hudaif .challenge-count {
  font-size: 20px;
  font-weight: 600;
  color: #101d30;
  margin-right: 10px;
  font-variant-numeric: tabular-nums;
}
html.cs-page-al-hudaif .challenge-count span {
  font-size: 16px;
  font-weight: 400;
  color: #6f6f6f;
}
html.cs-page-al-hudaif .challenge-nav-actions button {
  height: 42px;
  width: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #dce1e8;
  border-radius: 50%;
  color: #101d30;
  font-size: 16px;
}
html.cs-page-al-hudaif .challenge-nav-actions button:hover:not(:disabled) {
  background: #101d30;
  color: #fff;
  border-color: #101d30;
}
html.cs-page-al-hudaif .challenge-nav-actions button:disabled {
  opacity: .35;
  cursor: default;
}
html.cs-page-al-hudaif .challenge-focus {
  display: flex;
  flex-direction: column;
}
html.cs-page-al-hudaif .challenge-focus-heading>span {
  font-size: 16px;
  font-weight: 500;
  color: #ffa4b5;
  letter-spacing: .1em;
}
html.cs-page-al-hudaif .case-study .challenge-focus-heading h3 {
  color: #fff;
}
html.cs-page-al-hudaif .challenge-focus-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
html.cs-page-al-hudaif .challenge-focus-problem,html.cs-page-al-hudaif .challenge-focus-response {
  display: flex;
  flex-direction: column;
}
html.cs-page-al-hudaif .challenge-focus-response {
  background: #fff;
}
html.cs-page-al-hudaif .challenge-focus-pair h4 {
  font-weight: 600;
  margin: 0 0 18px;
}
html.cs-page-al-hudaif .response-heading {
  display: flex;
}
html.cs-page-al-hudaif .response-heading i {
  color: #178347;
}
html.cs-page-al-hudaif .case-study .response-heading h4 {
  color: #178347;
}
html.cs-page-al-hudaif .case-study .challenge-focus-problem h4 {
  color: #c83232;
}
html.cs-page-al-hudaif .challenge-focus-problem {
  background: #fff;
}
html.cs-page-al-hudaif .challenge-segments {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}
html.cs-page-al-hudaif .challenge-segment {
  flex: 1;
  border: 0;
  background: transparent;
  padding: 20px 0;
  min-height: 44px;
}
html.cs-page-al-hudaif .challenge-segment span {
  display: block;
  height: 4px;
  border-radius: 3px;
  background: #d8dee7;
  transition: background .25s;
}
html.cs-page-al-hudaif .challenge-segment.is-active span {
  background: #ee4865;
}
html.cs-page-al-hudaif .challenge-segment:hover span {
  background: #101d30;
}
@keyframes cs-page-al-hudaif-challenge-arrive{from{transform:translateY(10px)}to{transform:translateY(0)}}
@media (max-width:700px) {
  html.cs-page-al-hudaif .challenge-stage {
    top: 12px;
  }
  html.cs-page-al-hudaif .challenge-navigation {
    gap: 12px;
  }
  html.cs-page-al-hudaif .challenge-scroll-hint {
    max-width: 160px;
    line-height: 1.4;
  }
  html.cs-page-al-hudaif .challenge-focus-pair {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-al-hudaif .challenge-segment span {
    transition: none;
  }
}
html.cs-page-al-hudaif .project-meta {
  padding: 4px 0 20px;
  border-bottom: 1px dashed rgba(255,255,255,.2);
}
html.cs-page-al-hudaif .project-meta-label {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--body);
  font-weight: 500;
}
html.cs-page-al-hudaif .project-meta-label i {
  color: #ff8299;
  font-size: 18px;
  width: 24px;
}
html.cs-page-al-hudaif .project-meta-value {
  font-size: 17px;
  line-height: 1.5;
  font-weight: 600;
  color: #fff;
  margin: 10px 0 0 36px;
}
html.cs-page-al-hudaif .brief-paragraphs {
  margin-bottom: 24px;
}
html.cs-page-al-hudaif .brief-paragraphs p {
  font-size: 17px;
  line-height: 1.75;
  margin: 0 0 18px;
}
html.cs-page-al-hudaif .brief-paragraphs p:last-child {
  margin-bottom: 0;
}
html.cs-page-al-hudaif .brief-visual {
  margin: 0 auto;
  width: min(100%,340px);
  padding: 0;
  background: transparent;
  box-shadow: none;
}
html.cs-page-al-hudaif .brief-visual img {
  display: block;
  width: 100%;
  height: 400px;
  object-fit: cover;
  object-position: top;
  border-radius: 12px;
}
html.cs-page-al-hudaif .brief-visual figcaption {
  font-size: 16px;
  line-height: 1.55;
  color: #6f6f6f;
  margin-top: 16px;
  padding-left: 16px;
  border-left: 2px solid #ee4865;
  text-align: left;
}
html.cs-page-al-hudaif .workflow-stage {
  padding: 0;
}
html.cs-page-al-hudaif .workflow-screen {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  border-radius: 0;
}
html.cs-page-al-hudaif .workflow-explainer {
  padding: 24px;
  max-width: 410px;
}
html.cs-page-al-hudaif .response-heading {
  align-items: baseline;
  gap: 12px;
}
html.cs-page-al-hudaif .response-heading i {
  font-size: 22px;
}
html.cs-page-al-hudaif .problem-heading i {
  color: #c83232;
}
html.cs-page-al-hudaif .case-study .outcome-light {
  --body: #6f6f6f;
  --heading: #101d30;
  background-color: #f0f0ff;
}
html.cs-page-al-hudaif .outcome-light .outcome-pointer {
  color: #535d6c;
}
@media (max-width:700px) {
  html.cs-page-al-hudaif .challenge-focus-pair h4,html.cs-page-al-hudaif .response-heading i {
    font-size: 20px;
  }
  html.cs-page-al-hudaif .workflow-stage {
    padding: 0;
    display: none;
  }
  html.cs-page-al-hudaif .brief-visual img {
    height: auto;
  }
  html.cs-page-al-hudaif .outcome-light {
    background-attachment: scroll !important;
  }
}
html.cs-page-al-hudaif .project-details-grid {
  margin: 0;
  display: grid;
  border-top: 1px solid rgba(255,255,255,.18);
  border-left: 1px solid rgba(255,255,255,.18);
}
html.cs-page-al-hudaif .project-detail {
  border-right: 1px solid rgba(255,255,255,.18);
  border-bottom: 1px solid rgba(255,255,255,.18);
}
html.cs-page-al-hudaif .project-detail dt {
  display: flex;
  align-items: center;
}
html.cs-page-al-hudaif .project-detail dt i {
  color: #ff8299;
}
html.cs-page-al-hudaif .challenge-stage {
  display: flex;
  flex-direction: column;
}
html.cs-page-al-hudaif .challenge-stage>.comparison-heading {
  flex-shrink: 0;
}
html.cs-page-al-hudaif .challenge-stage .comparison-heading .eyebrow {
  margin-bottom: 10px;
}
html.cs-page-al-hudaif .challenge-stage .comparison-heading h2 {
  font-size: 34px;
  line-height: 1.14;
}
html.cs-page-al-hudaif .challenge-stage .comparison-heading>p {
  font-size: 16px;
  line-height: 1.6;
}
html.cs-page-al-hudaif .challenge-navigation,html.cs-page-al-hudaif .challenge-segments {
  flex-shrink: 0;
}
html.cs-page-al-hudaif .challenge-focus {
  overflow-y: auto;
}
html.cs-page-al-hudaif .challenge-focus-heading {
  flex-shrink: 0;
}
html.cs-page-al-hudaif .challenge-focus-pair {
  flex: 1 0 auto;
}
html.cs-page-al-hudaif .challenge-focus-pair h4 {
  font-size: 28px;
  line-height: 1.25;
  margin-bottom: 16px;
}
@media (max-width:1000px) {
  html.cs-page-al-hudaif .challenge-stage .comparison-heading h2 {
    font-size: 30px;
  }
}
@media (max-width:700px) {
  html.cs-page-al-hudaif .challenge-stage>.comparison-heading {
    grid-template-columns: 1fr;
  }
  html.cs-page-al-hudaif .challenge-stage .comparison-heading>p {
    display: none;
  }
  html.cs-page-al-hudaif .challenge-stage .comparison-heading .eyebrow {
    margin-bottom: 6px;
  }
  html.cs-page-al-hudaif .challenge-stage .comparison-heading h2 {
    font-size: 28px;
  }
  html.cs-page-al-hudaif .challenge-focus {
    flex-basis: 440px;
  }
  html.cs-page-al-hudaif .challenge-focus-pair h4 {
    font-size: 28px;
  }
}
html.cs-page-al-hudaif .challenge-focus {
  border-radius: 20px;
  background: #fff;
  border: 1px solid #e1e5ec;
}
html.cs-page-al-hudaif .challenge-focus-heading {
  padding: 16px 28px 22px;
  background: linear-gradient(135deg,#0e1d31,#18233a);
  border-bottom: 3px solid #ee4865;
}
html.cs-page-al-hudaif .case-study .challenge-focus-heading h3 {
  line-height: 1.2;
  margin: 0;
  font-weight: 600;
}
html.cs-page-al-hudaif .challenge-focus-problem,html.cs-page-al-hudaif .challenge-focus-response {
  padding: 28px;
  justify-content: flex-start;
  background: #fff;
}
html.cs-page-al-hudaif .challenge-focus-response {
  border-left: 1px solid #dfe3e9;
}
html.cs-page-al-hudaif .challenge-focus-pair .response-heading {
  display: flex;
}
html.cs-page-al-hudaif .challenge-focus-pair .response-heading i {
  display: block;
  line-height: 1;
}
html.cs-page-al-hudaif .challenge-focus-pair .response-heading h4 {
  font-weight: 600;
  margin: 0;
}
html.cs-page-al-hudaif .challenge-focus-pair p {
  margin: 0;
}
html.cs-page-al-hudaif .case-study .problem-heading h4,html.cs-page-al-hudaif .challenge-focus-pair .problem-heading i {
  color: #ce3335;
}
html.cs-page-al-hudaif .case-study .challenge-focus-response h4,html.cs-page-al-hudaif .challenge-focus-response .response-heading i {
  color: #16864b;
}
@media (max-width:700px) {
  html.cs-page-al-hudaif .challenge-focus-heading {
    padding: 18px 22px;
  }
  html.cs-page-al-hudaif .challenge-focus-problem,html.cs-page-al-hudaif .challenge-focus-response {
    padding: 24px;
  }
  html.cs-page-al-hudaif .challenge-focus-response {
    border-left: 0;
    border-top: 1px solid #dfe3e9;
  }
}
html.cs-page-al-hudaif {
  --viewport-height: 100vh;
}
@supports (height:100svh) {
  html.cs-page-al-hudaif {
    --viewport-height: 100svh;
  }
}
html.cs-page-al-hudaif {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
html.cs-page-al-hudaif .case-study * {
  min-width: 0;
}
html.cs-page-al-hudaif .case-study p,html.cs-page-al-hudaif .case-study dd,html.cs-page-al-hudaif .case-study h2,html.cs-page-al-hudaif .case-study h3 {
  overflow-wrap: break-word;
}
html.cs-page-al-hudaif .hero-location {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 20px;
  margin: 0 0 22px;
  padding-left: 14px;
  border-left: 3px solid #ee4865;
}
html.cs-page-al-hudaif .hero-country {
  display: flex;
  align-items: center;
  gap: 10px;
}
html.cs-page-al-hudaif .hero-country img {
  width: 34px;
  height: auto;
  display: block;
  flex-shrink: 0;
  border: 1px solid #e0e4eb;
}
html.cs-page-al-hudaif .hero-country span {
  font-size: 16px;
  line-height: 1.5;
  color: #c92145;
  font-weight: 500;
}
html.cs-page-al-hudaif .hero-location strong {
  font-size: 18px;
  line-height: 1.5;
  color: #101d30;
  font-weight: 600;
}
html.cs-page-al-hudaif .project-details-grid {
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 32px 36px;
  border: 0;
}
html.cs-page-al-hudaif .project-detail {
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
}
html.cs-page-al-hudaif .project-detail dt {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  gap: 10px;
  color: #b8cbe5;
}
html.cs-page-al-hudaif .project-detail dt i {
  font-size: 18px;
  flex-shrink: 0;
}
html.cs-page-al-hudaif .project-detail dd {
  margin: 12px 0 0;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 500;
  color: #fff;
}
html.cs-page-al-hudaif .flip-inner {
  -webkit-transform-style: preserve-3d;
}
html.cs-page-al-hudaif .flip-front,html.cs-page-al-hudaif .flip-back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
html.cs-page-al-hudaif .challenge-stage {
  position: -webkit-sticky;
  position: sticky;
}
@media (max-width:1000px) {
  html.cs-page-al-hudaif .project-details-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 28px 32px;
  }
}
@media (max-width:620px) {
  html.cs-page-al-hudaif .hero-location {
    display: block;
  }
  html.cs-page-al-hudaif .hero-location strong {
    display: block;
    margin-top: 7px;
  }
  html.cs-page-al-hudaif .project-details-grid {
    gap: 26px 22px;
  }
  html.cs-page-al-hudaif .project-detail dd {
    font-size: 16px;
  }
  html.cs-page-al-hudaif .project-detail dt {
    font-size: 16px;
  }
  html.cs-page-al-hudaif .case-study a.contact-link {
    max-width: 100%;
  }
  html.cs-page-al-hudaif .challenge-nav-actions {
    flex-shrink: 0;
  }
}
@media (max-width:380px) {
  html.cs-page-al-hudaif .project-details-grid {
    grid-template-columns: 1fr;
  }
  html.cs-page-al-hudaif .hero-country img {
    width: 30px;
  }
  html.cs-page-al-hudaif .challenge-navigation {
    flex-wrap: wrap;
    gap: 8px;
  }
  html.cs-page-al-hudaif .challenge-scroll-hint {
    max-width: none;
  }
  html.cs-page-al-hudaif .feature-tab {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width:767px) {
  html.cs-page-al-hudaif .hero-art {
    display: none !important;
  }
  html.cs-page-al-hudaif .hero-layout,html.cs-page-al-hudaif .brief-layout {
    grid-template-columns: minmax(0,1fr) !important;
  }
  html.cs-page-al-hudaif .case-study>section {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  html.cs-page-al-hudaif .hero-section h1 {
    font-size: clamp(32px,7.5vw,44px) !important;
    line-height: 1.15 !important;
  }
  html.cs-page-al-hudaif .case-study h2 {
    font-size: clamp(26px,6vw,32px) !important;
    line-height: 1.25 !important;
  }
  html.cs-page-al-hudaif .hero-section p {
    font-size: 16px !important;
    line-height: 1.7 !important;
    max-width: 100% !important;
  }
  html.cs-page-al-hudaif .hero-actions {
    gap: 12px !important;
  }
  html.cs-page-al-hudaif .hero-actions a {
    min-height: 48px;
    justify-content: center;
  }
  html.cs-page-al-hudaif .client-brief,html.cs-page-al-hudaif .client-brief .brief-paragraphs p,html.cs-page-al-hudaif .client-brief .brief-facts {
    text-align: center !important;
  }
  html.cs-page-al-hudaif .client-brief .brief-paragraphs {
    max-width: 560px;
    margin: 0 auto 28px;
  }
  html.cs-page-al-hudaif .client-brief .brief-paragraphs p {
    font-size: 16px;
    line-height: 1.75;
  }
  html.cs-page-al-hudaif .brief-facts {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 20px !important;
    max-width: 420px;
    margin: 0 auto;
  }
  html.cs-page-al-hudaif .brief-visual {
    max-width: 300px;
  }
  html.cs-page-al-hudaif .brief-visual figcaption {
    text-align: center;
    border-left: 0;
    padding-left: 0;
  }
  html.cs-page-al-hudaif .brief-visual figcaption:before {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background: #ee4865;
    margin: 0 auto 12px;
  }
  html.cs-page-al-hudaif .feature-tab {
    min-height: 48px;
  }
}
@media (max-width:480px) {
  html.cs-page-al-hudaif .hero-actions {
    flex-direction: column;
    align-items: stretch;
  }
  html.cs-page-al-hudaif .hero-actions a {
    padding: 14px 18px !important;
    text-align: center;
  }
  html.cs-page-al-hudaif .hero-section h1 {
    letter-spacing: -.025em !important;
  }
}
html.cs-page-al-hudaif .birdi-gradient-label::after {
  content: "";
  display: block;
  width: 72px;
  height: 3px;
  margin: 12px auto 0;
  border-radius: 3px;
  background: linear-gradient(90deg,#ee4865 0%,#ff8299 48%,rgba(255,130,153,0) 100%);
}
html.cs-page-al-hudaif .hero-location .hero-country {
  gap: 14px;
}
html.cs-page-al-hudaif .hero-location .hero-country img {
  width: 28px;
}
html.cs-page-al-hudaif .hero-location .hero-country span {
  font-size: 26px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -.02em;
}
@media (max-width:767px) {
  html.cs-page-al-hudaif .hero-location .hero-country img {
    width: 42px;
  }
  html.cs-page-al-hudaif .hero-location .hero-country span {
    font-size: 23px;
  }
}
html.cs-page-al-hudaif .client-brief .brief-visual {
  width: min(100%,420px);
  max-width: 420px;
}
html.cs-page-al-hudaif .client-brief .brief-visual img {
  height: auto;
  object-fit: contain;
  box-shadow: 0 20px 44px rgba(16,29,48,.16),0 5px 12px rgba(16,29,48,.08);
}
html.cs-page-al-hudaif .need-grid {
  grid-auto-rows: auto;
}
html.cs-page-al-hudaif .need-grid .need-static {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  row-gap: 0;
  height: auto;
}
html.cs-page-al-hudaif .need-grid .need-copy {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  row-gap: 0;
}
@media (max-width:620px) {
  html.cs-page-al-hudaif .need-grid .need-static {
    display: block;
    grid-row: auto;
  }
  html.cs-page-al-hudaif .need-grid .need-copy {
    display: block;
    grid-row: auto;
  }
  html.cs-page-al-hudaif .client-brief .brief-visual img {
    box-shadow: 0 14px 28px rgba(16,29,48,.14),0 3px 8px rgba(16,29,48,.07);
  }
}
@media (max-width:767px) {
  html.cs-page-al-hudaif .client-brief .brief-visual {
    width: min(100%,300px);
  }
}
html.cs-page-al-hudaif .client-brief .brief-facts {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  gap: 0 !important;
  max-width: none;
  margin: 28px 0 0;
  padding: 6px 22px;
  background: #f6f7fa;
  border: 1px solid #e3e7ed;
  border-radius: 16px;
  text-align: left !important;
}
html.cs-page-al-hudaif .brief-fact {
  display: grid;
  grid-template-columns: 36px minmax(0,1fr);
  gap: 14px;
  align-items: start;
  padding: 18px 0;
}
html.cs-page-al-hudaif .brief-fact+.brief-fact {
  border-top: 1px solid #dfe4ec;
}
html.cs-page-al-hudaif .brief-fact-icon {
  display: grid;
  place-items: center;
  height: 36px;
  border-radius: 10px;
  background: #fce7ed;
  color: #c92145;
  font-size: 17px;
}
html.cs-page-al-hudaif .case-study .brief-fact h3 {
  font-size: 17px;
  line-height: 1.45;
  font-weight: 600;
  margin: 0 0 5px;
  color: #101d30;
}
html.cs-page-al-hudaif .brief-fact p {
  font-size: 16px;
  line-height: 1.65;
  margin: 0;
  color: #535d6c;
}
html.cs-page-al-hudaif .challenge-mobile {
  display: none;
}
html.cs-page-al-hudaif .challenge-focus {
  height: auto;
  min-height: 0;
  max-height: none;
  flex: 0 0 auto;
  overflow: hidden;
  box-shadow: none;
}
html.cs-page-al-hudaif .challenge-stage {
  max-height: none;
}
html.cs-page-al-hudaif .challenge-stage>.comparison-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
  margin-bottom: 28px;
}
html.cs-page-al-hudaif .challenge-stage>.comparison-heading>div {
  width: 100%;
}
html.cs-page-al-hudaif .challenge-stage>.comparison-heading>p {
  max-width: 680px;
  margin: 0;
  color: #626b78;
  font-size: 16px;
  line-height: 1.7;
}
html.cs-page-al-hudaif .challenge-stage>.comparison-heading .eyebrow {
  margin-bottom: 12px;
}
html.cs-page-al-hudaif .challenge-navigation {
  margin-bottom: 20px;
}
html.cs-page-al-hudaif .challenge-mobile-heading {
  text-align: center;
}
html.cs-page-al-hudaif .challenge-mobile-description {
  max-width: 680px;
  margin: 16px auto 0;
  font-size: 16px;
  line-height: 1.7;
  color: #626b78;
}
html.cs-page-al-hudaif .challenge-mobile-hint {
  font-size: 16px;
  line-height: 1.5;
  color: #626b78;
  margin: 0 0 16px;
}
html.cs-page-al-hudaif .challenge-focus-pair {
  animation: none;
}
html.cs-page-al-hudaif .challenge-focus-pair .response-heading {
  flex-direction: row;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}
html.cs-page-al-hudaif .challenge-focus-pair .response-heading i {
  font-size: 22px;
}
html.cs-page-al-hudaif .challenge-focus-pair .response-heading h4 {
  font-size: 21px;
  line-height: 1.35;
}
html.cs-page-al-hudaif .challenge-focus-pair p {
  font-size: 16px;
  line-height: 1.7;
  color: #535d6c;
}
html.cs-page-al-hudaif .case-study .challenge-focus-heading h3 {
  font-size: 28px;
}
html.cs-page-al-hudaif .related-section {
  background: #101d30;
  color: #f7f9fc;
  padding: clamp(48px,6vw,72px) 0;
}
html.cs-page-al-hudaif .related-heading {
  max-width: 720px;
  margin-bottom: 28px;
}
html.cs-page-al-hudaif .related-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.25;
  margin: 0;
  color: #f7f9fc;
}
html.cs-page-al-hudaif .related-heading h2 span {
  color: #ff8299;
}
html.cs-page-al-hudaif .related-all-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  min-height: 44px;
  font-size: 16px;
  line-height: 1.4;
  color: #f7f9fc;
}
html.cs-page-al-hudaif .related-all-link:hover { color: #ff8299; }
html.cs-page-al-hudaif .related-all-link:focus-visible { outline: 3px solid #ff8299; outline-offset: 4px; }
html.cs-page-al-hudaif .related-switcher {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0 0 24px;
}
html.cs-page-al-hudaif .related-switcher button {
  font: inherit;
  font-size: 16px;
  line-height: 1.4;
  min-height: 44px;
  min-width: 44px;
  border: 1px solid #4b596e;
  border-radius: 8px;
  color: #f7f9fc;
  background: transparent;
  padding: 10px 16px;
}
html.cs-page-al-hudaif .related-switcher button[aria-pressed="true"] {
  background: #f7f9fc;
  color: #101d30;
  border-color: #f7f9fc;
}
html.cs-page-al-hudaif .related-card {
  border: 1px solid #39475b;
  border-radius: 18px;
  background: #16253a;
  padding: 32px;
  min-width: 0;
}
html.cs-page-al-hudaif .related-card-tag {
  color: #ff8299;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 12px;
}
html.cs-page-al-hudaif .case-study .related-card h3 {
  font-size: clamp(24px,2.7vw,32px);
  line-height: 1.3;
  color: #f7f9fc;
  margin: 0 0 28px;
  max-width: 780px;
}
html.cs-page-al-hudaif .related-comparison {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 32px;
}
html.cs-page-al-hudaif .related-card h4 {
  font-size: 17px;
  line-height: 1.4;
  font-weight: 600;
  color: #f7f9fc;
  margin: 0 0 10px;
}
html.cs-page-al-hudaif .related-card p {
  font-size: 16px;
  line-height: 1.75;
  overflow-wrap: anywhere;
}
html.cs-page-al-hudaif .related-comparison p {
  color: #bdcbe0;
  margin: 0;
}
html.cs-page-al-hudaif .related-result {
  margin-top: 28px;
  padding: 24px 0 0;
  border-top: 1px solid #3d4b60;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: end;
  gap: 28px;
}
html.cs-page-al-hudaif .related-result p {
  color: #bdcbe0;
  margin: 0;
  max-width: 780px;
}
html.cs-page-al-hudaif .related-result a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #f7f9fc;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 2px solid #ff8299;
  padding: 10px 0;
}
@media (max-width:899px),(max-height:650px) {
  html.cs-page-al-hudaif .challenge-story {
    display: none;
  }
  html.cs-page-al-hudaif .challenge-mobile {
    display: block;
  }
  html.cs-page-al-hudaif .challenge-mobile-heading {
    margin-bottom: 24px;
  }
  html.cs-page-al-hudaif .case-study .challenge-mobile-heading h2 {
    font-size: 30px;
    line-height: 1.25;
    margin: 0;
    color: #101d30;
  }
  html.cs-page-al-hudaif .challenge-mobile-heading h2 span {
    color: #c92145;
  }
  html.cs-page-al-hudaif .challenge-disclosures {
    display: grid;
    gap: 10px;
  }
  html.cs-page-al-hudaif .challenge-disclosure {
    border: 1px solid #dce2eb;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
  }
  html.cs-page-al-hudaif .challenge-disclosure summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    list-style: none;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
    color: #101d30;
    cursor: pointer;
  }
  html.cs-page-al-hudaif .challenge-disclosure summary::-webkit-details-marker {
    display: none;
  }
  html.cs-page-al-hudaif .challenge-disclosure summary i {
    font-size: 16px;
    color: #c92145;
    flex-shrink: 0;
    transition: transform .18s;
  }
  html.cs-page-al-hudaif .challenge-disclosure[open] summary {
    background: #101d30;
    color: #fff;
  }
  html.cs-page-al-hudaif .challenge-disclosure[open] summary i {
    transform: rotate(180deg);
    color: #ff8299;
  }
  html.cs-page-al-hudaif .challenge-disclosure-body {
    padding: 20px;
  }
  html.cs-page-al-hudaif .challenge-disclosure-body>div+div {
    border-top: 1px solid #e2e6ed;
    padding-top: 18px;
    margin-top: 18px;
  }
  html.cs-page-al-hudaif .challenge-disclosure h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 8px;
    color: #101d30;
  }
  html.cs-page-al-hudaif .challenge-disclosure .mobile-response h3 {
    color: #c92145;
  }
  html.cs-page-al-hudaif .challenge-disclosure p {
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
    color: #535d6c;
  }
}
@media (max-width:767px) {
  html.cs-page-al-hudaif .client-brief .brief-paragraphs p {
    text-align: center !important;
  }
  html.cs-page-al-hudaif .context-facts
  {
    text-align:left;
  }
  html.cs-page-al-hudaif .client-brief .brief-facts {
    text-align: left !important;
    padding: 4px 18px;
  }
  html.cs-page-al-hudaif .brief-fact {
    grid-template-columns: 32px minmax(0,1fr);
    gap: 12px;
    padding: 17px 0;
  }
  html.cs-page-al-hudaif .brief-fact-icon {
    height: 32px;
    font-size: 16px;
  }
  html.cs-page-al-hudaif .related-card {
    padding: 22px;
    border-radius: 14px;
  }
  html.cs-page-al-hudaif .related-comparison {
    grid-template-columns: minmax(0,1fr);
    gap: 22px;
  }
  html.cs-page-al-hudaif .related-result {
    grid-template-columns: minmax(0,1fr);
    gap: 18px;
    margin-top: 22px;
    padding-top: 22px;
  }
  html.cs-page-al-hudaif .case-study .related-card h3 {
    font-size: 25px;
    margin-bottom: 24px;
  }
  html.cs-page-al-hudaif .related-result a {
    justify-self: start;
  }
  html.cs-page-al-hudaif .related-switcher {
    gap: 8px;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-al-hudaif .challenge-disclosure summary i {
    transition: none;
  }
}
html.cs-page-al-hudaif .birdi-summary {
  background: radial-gradient(ellipse at 3% 100%,rgba(238,72,101,.25) 0%,rgba(238,72,101,.08) 34%,transparent 64%),radial-gradient(ellipse at 100% 0%,rgba(255,130,153,.17) 0%,transparent 58%),linear-gradient(115deg,#101d30 0%,#14243b 52%,#101d30 100%);
  color: #f6f8fc;
  padding: 40px 0;
}
html.cs-page-al-hudaif .birdi-summary-inner {
  /* max-width: 1180px; */
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 48px;
  align-items: stretch;
}
html.cs-page-al-hudaif .birdi-summary-identity {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
html.cs-page-al-hudaif .birdi-summary-client {
  display: flex;
  gap: 18px;
  align-items: center;
  width: 100%;
}
html.cs-page-al-hudaif .birdi-summary .birdi-client-name {
  width:40%;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.035em;
  margin: 0;
  color: #f6f8fc;
}
html.cs-page-al-hudaif .birdi-summary-sector {
  font-size: 16px;
  color: #bdc8d9;
  border-left: 1px solid #445063;
  padding-left: 18px;
}
html.cs-page-al-hudaif .birdi-summary .birdi-solution {
  font-size: 23px;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: -.025em;
  max-width: 420px;
  margin: 20px 0 22px;
  color: #f6f8fc;
}
html.cs-page-al-hudaif .birdi-summary-status {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 16px;
  line-height: 1.4;
  color: #f6f8fc;
  margin-top: auto;
}
html.cs-page-al-hudaif .birdi-summary-status i {
  color: #ff8299;
  font-size: 16px;
}
html.cs-page-al-hudaif .birdi-summary-facts {
  display: grid;
  grid-template-columns: 1fr 1.12fr;
  column-gap: 32px;
  row-gap: 24px;
  margin: 0;
  padding: 3px 0 3px 40px;
  border-left: 1px solid #394558;
  align-content: space-between;
}
html.cs-page-al-hudaif .birdi-summary-facts>div {
  min-width: 0;
}
html.cs-page-al-hudaif .birdi-summary-facts dt {
  font-size: 16px;
  line-height: 1.4;
  color: #bdc8d9;
  margin: 0 0 8px;
  font-weight: 400;
}
html.cs-page-al-hudaif .birdi-summary-facts dd {
  font-size: 18px;
  line-height: 1.5;
  color: #f6f8fc;
  font-weight: 500;
  margin: 0;
}
@media (max-width:1000px) {
  html.cs-page-al-hudaif .birdi-summary-inner {
    gap: 28px;
    grid-template-columns: 1fr 1.25fr;
  }
  html.cs-page-al-hudaif .birdi-summary-facts {
    padding-left: 28px;
    column-gap: 24px;
  }
  html.cs-page-al-hudaif .birdi-summary .birdi-solution {
    font-size: 21px;
  }
}
@media (max-width:767px) {
  html.cs-page-al-hudaif .birdi-summary {
    padding: 30px 0;
  }
  html.cs-page-al-hudaif .birdi-summary-inner {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  html.cs-page-al-hudaif .birdi-summary .birdi-solution {
    font-size: 22px;
    max-width: 520px;
    margin: 16px 0 18px;
  }
  html.cs-page-al-hudaif .birdi-summary-facts {
    border-left: 0;
    border-top: 1px solid #394558;
    padding: 24px 0 0;
    gap: 22px 24px;
    grid-template-columns: 1fr 1fr;
  }
  html.cs-page-al-hudaif .birdi-summary-facts dd {
    font-size: 16px;
  }
  html.cs-page-al-hudaif .birdi-summary .birdi-client-name {
    font-size: 30px;
    word-wrap: normal;
    width:auto;
  }
  html.cs-page-al-hudaif .birdi-summary-sector
  {
    margin-left: 50px;
  }
}
@media (max-width:359px) {
  html.cs-page-al-hudaif .birdi-summary-facts {
    grid-template-columns: 1fr;
  }
}

/* Fixed presentation exported from the approved page. */
html.cs-page-al-hudaif .case-study .birdi-presentation-1, html.cs-page-al-hudaif .case-study.birdi-presentation-1 { font-family: Lexend, sans-serif; background: rgb(255, 255, 255); color: rgb(16, 29, 48); }
html.cs-page-al-hudaif .case-study .birdi-presentation-2, html.cs-page-al-hudaif .case-study.birdi-presentation-2 { background: rgb(255, 255, 255); padding: clamp(56px, 7vw, 84px) 0px; position: relative; overflow: hidden; padding-top:140px; }
/* html.cs-page-al-hudaif .case-study .birdi-presentation-3, html.cs-page-al-hudaif .case-study.birdi-presentation-3 { max-width: 1180px; margin: 0px auto; padding: 0px 24px; } */
html.cs-page-al-hudaif .case-study .birdi-presentation-4, html.cs-page-al-hudaif .case-study.birdi-presentation-4 { align-items: center; }
html.cs-page-al-hudaif .case-study .birdi-presentation-5, html.cs-page-al-hudaif .case-study.birdi-presentation-5 { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; }
html.cs-page-al-hudaif .case-study .birdi-presentation-6, html.cs-page-al-hudaif .case-study.birdi-presentation-6 { height: 2px; width: 38px; background: linear-gradient(90deg, rgb(238, 72, 101), rgb(213, 31, 63)); }
html.cs-page-al-hudaif .case-study .birdi-presentation-7, html.cs-page-al-hudaif .case-study.birdi-presentation-7 { font-size: 16px; font-weight: 700; letter-spacing: 0.16em; color: rgb(238, 72, 101); }
html.cs-page-al-hudaif .case-study .birdi-presentation-8, html.cs-page-al-hudaif .case-study.birdi-presentation-8 { font-size: clamp(2.05rem, 4vw, 4rem); line-height: 1.06; font-weight: 700; margin: 0px 0px 22px; letter-spacing: -0.01em; }
html.cs-page-al-hudaif .case-study .birdi-presentation-9, html.cs-page-al-hudaif .case-study.birdi-presentation-9 { color: rgb(238, 72, 101); }
html.cs-page-al-hudaif .case-study .birdi-presentation-10, html.cs-page-al-hudaif .case-study.birdi-presentation-10 { font-size: 17px; line-height: 1.7; color: var(--body); margin: 0px 0px 30px; max-width: 470px; }
html.cs-page-al-hudaif .case-study .birdi-presentation-11, html.cs-page-al-hudaif .case-study.birdi-presentation-11 { display: flex; flex-wrap: wrap; gap: 14px; }
html.cs-page-al-hudaif .case-study .birdi-presentation-12, html.cs-page-al-hudaif .case-study.birdi-presentation-12 { display: inline-flex; align-items: center; gap: 10px; background: linear-gradient(135deg, rgb(238, 72, 101) 0%, rgb(213, 31, 63) 100%); color: rgb(255, 255, 255); font-weight: 600; font-size: 16px; padding: 15px 28px; border-radius: 10px; box-shadow: rgba(213, 31, 63, 0.26) 0px 12px 26px; transition: transform 0.25s, box-shadow 0.25s; }
html.cs-page-al-hudaif .case-study .birdi-presentation-13, html.cs-page-al-hudaif .case-study.birdi-presentation-13 { font-size: 16px; }
html.cs-page-al-hudaif .case-study .birdi-presentation-14, html.cs-page-al-hudaif .case-study.birdi-presentation-14 { position: relative; display: flex; justify-content: center; padding: 24px 0px; }
html.cs-page-al-hudaif .case-study .birdi-presentation-15, html.cs-page-al-hudaif .case-study.birdi-presentation-15 { position: absolute; inset: auto 12% 6%; height: 78%; background: rgb(243, 243, 243); border-radius: 16px; }
html.cs-page-al-hudaif .case-study .birdi-presentation-16, html.cs-page-al-hudaif .case-study.birdi-presentation-16 { position: relative; width: 100%; max-width: 262px; border-radius: 12px; overflow: hidden; box-shadow: rgba(16, 29, 48, 0.24) 0px 34px 74px, rgba(16, 29, 48, 0.1) 0px 6px 16px; }
html.cs-page-al-hudaif .case-study .birdi-presentation-17, html.cs-page-al-hudaif .case-study.birdi-presentation-17 { display: block; width: 100%; height: auto; }
html.cs-page-al-hudaif .case-study .birdi-presentation-18, html.cs-page-al-hudaif .case-study.birdi-presentation-18 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)); gap: 24px; margin-top: clamp(36px, 5vw, 56px); padding-top: 28px; border-top: 1px solid rgba(16, 29, 48, 0.1); }
html.cs-page-al-hudaif .case-study .birdi-presentation-19, html.cs-page-al-hudaif .case-study.birdi-presentation-19 { display: flex; align-items: flex-start; gap: 12px; }
html.cs-page-al-hudaif .case-study .birdi-presentation-20, html.cs-page-al-hudaif .case-study.birdi-presentation-20 { color: rgb(238, 72, 101); font-size: 16px; margin-top: 4px; }
html.cs-page-al-hudaif .case-study .birdi-presentation-21, html.cs-page-al-hudaif .case-study.birdi-presentation-21 { font-size: 16px; font-weight: 700; margin-bottom: 3px; }
html.cs-page-al-hudaif .case-study .birdi-presentation-22, html.cs-page-al-hudaif .case-study.birdi-presentation-22 { font-size: 16px; color: var(--body); line-height: 1.45; }
html.cs-page-al-hudaif .case-study .birdi-presentation-23, html.cs-page-al-hudaif .case-study.birdi-presentation-23 { background: rgb(255, 255, 255); padding: clamp(56px, 7vw, 84px) 0px; }
html.cs-page-al-hudaif .case-study .birdi-presentation-24, html.cs-page-al-hudaif .case-study.birdi-presentation-24 { max-width: 720px; margin: 0px auto clamp(32px, 4vw, 48px); text-align: center; }
html.cs-page-al-hudaif .case-study .birdi-presentation-25, html.cs-page-al-hudaif .case-study.birdi-presentation-25 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.16em; color: rgb(238, 72, 101); font-weight: 700; margin-bottom: 16px; }
html.cs-page-al-hudaif .case-study .birdi-presentation-26, html.cs-page-al-hudaif .case-study.birdi-presentation-26 { font-size: clamp(1.55rem, 2.4vw, 2.1rem); font-weight: 700; line-height: 1.25; margin: 0px; }
html.cs-page-al-hudaif .case-study .birdi-presentation-27, html.cs-page-al-hudaif .case-study.birdi-presentation-27 { background: rgb(243, 243, 243); padding: clamp(56px, 7vw, 84px) 0px; }
html.cs-page-al-hudaif .case-study .birdi-presentation-28, html.cs-page-al-hudaif .case-study.birdi-presentation-28 { max-width: 740px; margin: 0px auto clamp(32px, 4vw, 48px); text-align: center; }
html.cs-page-al-hudaif .case-study .birdi-presentation-29, html.cs-page-al-hudaif .case-study.birdi-presentation-29 { font-size: clamp(1.55rem, 2.4vw, 2.1rem); font-weight: 700; line-height: 1.25; margin: 0px 0px 18px; }
html.cs-page-al-hudaif .case-study .birdi-presentation-30, html.cs-page-al-hudaif .case-study.birdi-presentation-30 { font-size: 16px; line-height: 1.75; color: var(--body); margin: 0px; }
html.cs-page-al-hudaif .case-study .birdi-presentation-31, html.cs-page-al-hudaif .case-study.birdi-presentation-31 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(32px, 5vw, 64px); align-items: center; margin-bottom: clamp(36px, 5vw, 56px); }
html.cs-page-al-hudaif .case-study .birdi-presentation-32, html.cs-page-al-hudaif .case-study.birdi-presentation-32 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.16em; color: rgb(238, 72, 101); font-weight: 700; margin-bottom: 18px; }
html.cs-page-al-hudaif .case-study .birdi-presentation-33, html.cs-page-al-hudaif .case-study.birdi-presentation-33 { font-size: clamp(1.55rem, 2.4vw, 2.1rem); font-weight: 700; line-height: 1.25; margin: 0px 0px 20px; }
html.cs-page-al-hudaif .case-study .birdi-presentation-34, html.cs-page-al-hudaif .case-study.birdi-presentation-34 { font-size: 16px; line-height: 1.75; color: var(--body); margin: 0px 0px 14px; }
html.cs-page-al-hudaif .case-study .birdi-presentation-35, html.cs-page-al-hudaif .case-study.birdi-presentation-35 { display: flex; justify-content: center; gap: 16px; }
html.cs-page-al-hudaif .case-study .birdi-presentation-36, html.cs-page-al-hudaif .case-study.birdi-presentation-36 { width: 46%; max-width: 190px; border-radius: 12px; overflow: hidden; box-shadow: rgba(16, 29, 48, 0.18) 0px 24px 54px; align-self: flex-start; }
html.cs-page-al-hudaif .case-study .birdi-presentation-37, html.cs-page-al-hudaif .case-study.birdi-presentation-37 { width: 46%; max-width: 190px; border-radius: 12px; overflow: hidden; box-shadow: rgba(16, 29, 48, 0.18) 0px 24px 54px; align-self: flex-end; }
html.cs-page-al-hudaif .case-study .birdi-presentation-38, html.cs-page-al-hudaif .case-study.birdi-presentation-38 { width: 10%; }
html.cs-page-al-hudaif .case-study .birdi-presentation-39, html.cs-page-al-hudaif .case-study.birdi-presentation-39 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(28px, 4vw, 52px); align-items: center; }
html.cs-page-al-hudaif .case-study .birdi-presentation-40, html.cs-page-al-hudaif .case-study.birdi-presentation-40 { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
html.cs-page-al-hudaif .case-study .birdi-presentation-41, html.cs-page-al-hudaif .case-study.birdi-presentation-41 { width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(135deg, rgb(238, 72, 101), rgb(213, 31, 63)); display: inline-flex; align-items: center; justify-content: center; }
html.cs-page-al-hudaif .case-study .birdi-presentation-42, html.cs-page-al-hudaif .case-study.birdi-presentation-42 { color: rgb(255, 255, 255); font-size: 16px; }
html.cs-page-al-hudaif .case-study .birdi-presentation-43, html.cs-page-al-hudaif .case-study.birdi-presentation-43 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.14em; font-weight: 700; color: rgb(16, 29, 48); }
html.cs-page-al-hudaif .case-study .birdi-presentation-44, html.cs-page-al-hudaif .case-study.birdi-presentation-44 { font-size: 16px; line-height: 1.75; color: var(--body); margin: 0px 0px 26px; }
html.cs-page-al-hudaif .case-study .birdi-presentation-45, html.cs-page-al-hudaif .case-study.birdi-presentation-45 { display: flex; flex-direction: column; gap: 0px; }
html.cs-page-al-hudaif .case-study .birdi-presentation-46, html.cs-page-al-hudaif .case-study.birdi-presentation-46 { display: flex; gap: 16px; align-items: center; padding: 15px 0px; border-top: 1px solid rgba(16, 29, 48, 0.12); }
html.cs-page-al-hudaif .case-study .birdi-presentation-47, html.cs-page-al-hudaif .case-study.birdi-presentation-47 { font-size: 16px; font-weight: 700; color: rgb(238, 72, 101); min-width: 22px; }
html.cs-page-al-hudaif .case-study .birdi-presentation-48, html.cs-page-al-hudaif .case-study.birdi-presentation-48 { font-size: 16px; line-height: 1.55; color: rgb(16, 29, 48); }
html.cs-page-al-hudaif .case-study .birdi-presentation-49, html.cs-page-al-hudaif .case-study.birdi-presentation-49 { display: flex; justify-content: center; }
html.cs-page-al-hudaif .case-study .birdi-presentation-50, html.cs-page-al-hudaif .case-study.birdi-presentation-50 { width: 100%; max-width: 250px; border-radius: 12px; overflow: hidden; box-shadow: rgba(16, 29, 48, 0.22) 0px 28px 60px; }
html.cs-page-al-hudaif .case-study .birdi-presentation-51, html.cs-page-al-hudaif .case-study.birdi-presentation-51 { position: relative; overflow: hidden; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.57), rgb(239, 239, 255)), url("../img/cs-chal-sol-bg.webp"); background-position: center center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; padding: clamp(56px, 7vw, 84px) 0px; color: rgb(16, 29, 48); }
html.cs-page-al-hudaif .case-study .birdi-presentation-52, html.cs-page-al-hudaif .case-study.birdi-presentation-52 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(32px, 5vw, 64px); align-items: center; margin-bottom: clamp(40px, 5vw, 60px); }
html.cs-page-al-hudaif .case-study .birdi-presentation-53, html.cs-page-al-hudaif .case-study.birdi-presentation-53 { position: relative; display: flex; justify-content: center; }
html.cs-page-al-hudaif .case-study .birdi-presentation-54, html.cs-page-al-hudaif .case-study.birdi-presentation-54 { width: 100%; max-width: 236px; border-radius: 12px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.42) 0px 30px 66px; }
html.cs-page-al-hudaif .case-study .birdi-presentation-55, html.cs-page-al-hudaif .case-study.birdi-presentation-55 { position: absolute; top: 12%; right: 0px; background: rgb(255, 255, 255); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.3) 0px 16px 34px; padding: 10px 15px; display: flex; align-items: center; gap: 9px; }
html.cs-page-al-hudaif .case-study .birdi-presentation-56, html.cs-page-al-hudaif .case-study.birdi-presentation-56 { width: 24px; height: 24px; border-radius: 50%; background: rgb(31, 158, 92); display: inline-flex; align-items: center; justify-content: center; }
html.cs-page-al-hudaif .case-study .birdi-presentation-57, html.cs-page-al-hudaif .case-study.birdi-presentation-57 { font-size: 16px; font-weight: 700; color: rgb(16, 29, 48); }
html.cs-page-al-hudaif .case-study .birdi-presentation-58, html.cs-page-al-hudaif .case-study.birdi-presentation-58 { display: flex; align-items: center; gap: 16px; margin-bottom: 8px; }
html.cs-page-al-hudaif .case-study .birdi-presentation-59, html.cs-page-al-hudaif .case-study.birdi-presentation-59 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.14em; font-weight: 700; color: rgb(16, 29, 48); white-space: normal; }
html.cs-page-al-hudaif .case-study .birdi-presentation-60, html.cs-page-al-hudaif .case-study.birdi-presentation-60 { height: 1px; flex: 1 1 0%; background: rgba(16, 29, 48, 0.15); }
html.cs-page-al-hudaif .case-study .birdi-presentation-61, html.cs-page-al-hudaif .case-study.birdi-presentation-61 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 0px 56px; }
html.cs-page-al-hudaif .case-study .birdi-presentation-62, html.cs-page-al-hudaif .case-study.birdi-presentation-62 { display: flex; gap: 16px; align-items: center; padding: 20px 0px; border-bottom: 1px solid rgba(16, 29, 48, 0.12); }
html.cs-page-al-hudaif .case-study .birdi-presentation-63, html.cs-page-al-hudaif .case-study.birdi-presentation-63 { color: rgb(238, 72, 101); font-size: 22px; width: 24px; flex-shrink: 0; }
html.cs-page-al-hudaif .case-study .birdi-presentation-64, html.cs-page-al-hudaif .case-study.birdi-presentation-64 { font-size: 16px; line-height: 1.7; color: rgb(83, 93, 108); font-weight: 300; }
html.cs-page-al-hudaif .case-study .birdi-presentation-65, html.cs-page-al-hudaif .case-study.birdi-presentation-65 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 32px; align-items: end; margin-bottom: clamp(32px, 4vw, 44px); }
html.cs-page-al-hudaif .case-study .birdi-presentation-66, html.cs-page-al-hudaif .case-study.birdi-presentation-66 { max-width: 640px; margin-bottom: clamp(32px, 4vw, 44px); }
html.cs-page-al-hudaif .case-study .birdi-presentation-67, html.cs-page-al-hudaif .case-study.birdi-presentation-67 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 20px 40px; align-items: center; padding: 26px 0px; border-top: 1px solid rgba(16, 29, 48, 0.12); }
html.cs-page-al-hudaif .case-study .birdi-presentation-68, html.cs-page-al-hudaif .case-study.birdi-presentation-68 { display: flex; align-items: baseline; gap: 14px; }
html.cs-page-al-hudaif .case-study .birdi-presentation-69, html.cs-page-al-hudaif .case-study.birdi-presentation-69 { font-size: 16px; font-weight: 700; color: rgb(238, 72, 101); }
html.cs-page-al-hudaif .case-study .birdi-presentation-70, html.cs-page-al-hudaif .case-study.birdi-presentation-70 { font-size: 16.5px; font-weight: 700; line-height: 1.3; }
html.cs-page-al-hudaif .case-study .birdi-presentation-71, html.cs-page-al-hudaif .case-study.birdi-presentation-71 { display: flex; flex-wrap: wrap; gap: 10px; min-width: 0px; }
html.cs-page-al-hudaif .case-study .birdi-presentation-72, html.cs-page-al-hudaif .case-study.birdi-presentation-72 { display: flex; align-items: center; gap: 9px; background: rgb(243, 243, 243); border-radius: 8px; padding: 10px 16px; transition: background 0.3s, color 0.3s; }
html.cs-page-al-hudaif .case-study .birdi-presentation-73, html.cs-page-al-hudaif .case-study.birdi-presentation-73 { color: rgb(238, 72, 101); font-size: 16px; }
html.cs-page-al-hudaif .case-study .birdi-presentation-74, html.cs-page-al-hudaif .case-study.birdi-presentation-74 { font-size: 16px; font-weight: 600; }
html.cs-page-al-hudaif .case-study .birdi-presentation-75, html.cs-page-al-hudaif .case-study.birdi-presentation-75 { font-size: 16px; opacity: 1; }
html.cs-page-al-hudaif .case-study .birdi-presentation-76, html.cs-page-al-hudaif .case-study.birdi-presentation-76 { max-width: 1180px; margin: 0px auto; padding: 0px 24px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(32px, 5vw, 64px); align-items: center; }
html.cs-page-al-hudaif .case-study .birdi-presentation-77, html.cs-page-al-hudaif .case-study.birdi-presentation-77 { font-size: 16px; line-height: 1.75; color: var(--body); margin: 0px 0px 28px; max-width: 480px; }
html.cs-page-al-hudaif .case-study .birdi-presentation-78, html.cs-page-al-hudaif .case-study.birdi-presentation-78 { display: inline-flex; align-items: center; gap: 10px; background: linear-gradient(135deg, rgb(238, 72, 101), rgb(213, 31, 63)); color: rgb(255, 255, 255); font-weight: 600; font-size: 16px; padding: 16px 32px; border-radius: 10px; box-shadow: rgba(213, 31, 63, 0.26) 0px 14px 30px; transition: transform 0.25s, box-shadow 0.25s; }
html.cs-page-al-hudaif .case-study .birdi-presentation-79, html.cs-page-al-hudaif .case-study.birdi-presentation-79 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.14em; color: rgb(16, 29, 48); font-weight: 700; margin-bottom: 6px; }
html.cs-page-al-hudaif .case-study .birdi-presentation-80, html.cs-page-al-hudaif .case-study.birdi-presentation-80 { display: flex; align-items: center; gap: 14px; padding: 16px 0px; border-bottom: 1px solid rgba(16, 29, 48, 0.12); }
html.cs-page-al-hudaif .case-study .birdi-presentation-81, html.cs-page-al-hudaif .case-study.birdi-presentation-81 { color: rgb(238, 72, 101); font-size: 16px; width: 20px; }
html.cs-page-al-hudaif .case-study .birdi-presentation-82, html.cs-page-al-hudaif .case-study.birdi-presentation-82 { font-size: 16px; font-weight: 500; }
html.cs-page-al-hudaif .case-study .birdi-presentation-83, html.cs-page-al-hudaif .case-study.birdi-presentation-83 { position: sticky; top: 70px; }
html.cs-page-al-hudaif .case-study .birdi-presentation-84, html.cs-page-al-hudaif .case-study.birdi-presentation-84 { font-size: clamp(1.55rem, 2.4vw, 2.1rem); font-weight: 700; line-height: 1.25; margin: 0px 0px 16px; }
html.cs-page-al-hudaif .case-study .birdi-presentation-85, html.cs-page-al-hudaif .case-study.birdi-presentation-85 { font-size: 16px; line-height: 1.7; color: var(--body); margin: 0px; max-width: 330px; }

/* Shared additions for case studies extending the Birdi template */
html.cs-page-al-hudaif .context-layout { display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(36px,6vw,72px); align-items: start; }
html.cs-page-al-hudaif .context-facts { list-style: none; margin: 0; padding: 22px; background: #f6f7fa; border: 1px solid #e3e7ed; border-radius: 16px; display: grid; gap: 14px; }
html.cs-page-al-hudaif .context-facts li { display: flex; gap: 10px; align-items: flex-start; font-size: 16px; line-height: 1.6; color: #6f6f6f; }
html.cs-page-al-hudaif .context-facts li:before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #ee4865; margin-top: 8px; flex-shrink: 0; }
html.cs-page-al-hudaif .two-col-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 32px; list-style: none; margin: 0; padding: 0; }
html.cs-page-al-hudaif .two-col-list li { display: flex; gap: 10px; align-items: flex-start; font-size: 16px; line-height: 1.6; color: #6f6f6f; border-top: 1px solid #e9e9e9; padding-top: 12px; }
html.cs-page-al-hudaif .two-col-list li:nth-child(-n+2) { border-top: 0; padding-top: 0; }
html.cs-page-al-hudaif .two-col-list i { color: #ee4865; font-size: 15px; margin-top: 3px; flex-shrink: 0; }
html.cs-page-al-hudaif .note-box { background: #f6f7fa; border: 1px solid #e3e7ed; border-left: 3px solid #ee4865; border-radius: 12px; padding: 24px 26px; margin-top: 28px; }
html.cs-page-al-hudaif .note-box h3 { font-size: 17px; margin: 0 0 10px; }
html.cs-page-al-hudaif .note-box p,html.cs-page-al-hudaif .note-box li { font-size: 16px; line-height: 1.7; color: #6f6f6f; margin: 0 0 8px; }
html.cs-page-al-hudaif .note-box ul { margin: 0; padding-left: 18px; }
html.cs-page-al-hudaif .spotlight-layout { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(36px,6vw,72px); align-items: center; }
html.cs-page-al-hudaif .spotlight-layout.image-left>.spotlight-image { order: -1; }
html.cs-page-al-hudaif .spotlight-image img { display: block; width: 100%; border-radius: 14px; box-shadow: 0 20px 44px rgba(16,29,48,.16),0 5px 12px rgba(16,29,48,.08); }
html.cs-page-al-hudaif .status-pill { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; padding: 6px 14px; border-radius: 999px; margin-bottom: 14px; }
html.cs-page-al-hudaif .status-pill.is-historical { background: #eef1f6; color: #47546b; border: 1px solid #dbe1ea; }
html.cs-page-al-hudaif .hero-art-wide .birdi-presentation-15 { display: none; }
html.cs-page-al-hudaif .hero-art-wide .birdi-presentation-16 { max-width: 100%; border-radius: 14px; box-shadow: 0 34px 64px rgba(16,29,48,.24),0 10px 26px rgba(16,29,48,.12); border: 1px solid rgba(16,29,48,.06); }
html.cs-page-al-hudaif .browser-chrome { height: 30px; background: #e7eaf0; display: flex; align-items: center; gap: 7px; padding: 0 14px; }
html.cs-page-al-hudaif .browser-chrome span { width: 9px; height: 9px; border-radius: 50%; background: #c7ccd6; }
html.cs-page-al-hudaif .browser-chrome span:first-child { background: #ee4865; }
html.cs-page-al-hudaif .birdi-presentation-67.stack-single { grid-template-columns: 200px minmax(0,1fr) !important; }
html.cs-page-al-hudaif .stack-single .birdi-presentation-71 { display: grid; grid-template-columns: repeat(auto-fill,minmax(240px,1fr)); gap: 12px; }
html.cs-page-al-hudaif .stack-single .birdi-presentation-72 { flex-direction: column; align-items: flex-start; gap: 6px; padding: 14px 18px; height: 100%; }
html.cs-page-al-hudaif .stack-single .birdi-presentation-72 .birdi-presentation-73 { font-size: 20px; }
@media (max-width:700px) {
  html.cs-page-al-hudaif .birdi-presentation-67.stack-single { grid-template-columns: 1fr !important; }
}
html.cs-page-al-hudaif .master-data-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
html.cs-page-al-hudaif .master-data-item { background: #fff; border: 1px solid #e3e7ed; border-radius: 12px; padding: 18px 20px; display: flex; align-items: center; gap: 14px; font-weight: 600; color: #101d30; font-size: 16px; line-height: 1.4; transition: border-color .25s,box-shadow .25s,transform .25s; }
html.cs-page-al-hudaif .master-data-item:hover { border-color: #ee4865; box-shadow: 0 14px 30px rgba(16,29,48,.08); transform: translateY(-2px); }
html.cs-page-al-hudaif .master-data-item i { color: #ee4865; font-size: 18px; width: 22px; text-align: center; flex-shrink: 0; }
@media (max-width:700px) {
  html.cs-page-al-hudaif .master-data-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width:460px) {
  html.cs-page-al-hudaif .master-data-grid { grid-template-columns: 1fr; }
}
html.cs-page-al-hudaif .case-study h2 { font-size: clamp(22px,2.1vw,30px) !important; line-height: 1.3 !important; }
html.cs-page-al-hudaif .case-study .hero-section h1 { font-size: clamp(32px,4.2vw,46px); }
@media (max-width:900px) {
  html.cs-page-al-hudaif .context-layout,html.cs-page-al-hudaif .spotlight-layout { grid-template-columns: 1fr; }
  html.cs-page-al-hudaif .spotlight-layout.image-left>.spotlight-image { order: 0; }
  html.cs-page-al-hudaif .two-col-list { grid-template-columns: 1fr; }
  html.cs-page-al-hudaif .two-col-list li:nth-child(-n+2) { border-top: 1px solid #e9e9e9; padding-top: 12px; }
  html.cs-page-al-hudaif .two-col-list li:first-child { border-top: 0; padding-top: 0; }
}

/* Original file: al-hudaif/css/bootstrap4-integration.css */
/* Bootstrap 4 grid and tabs, adjusted to preserve the approved Birdi design. */
html.cs-page-al-hudaif .case-study .hero-layout.row,
html.cs-page-al-hudaif .case-study .brief-layout.row {
  --birdi-column-gap: clamp(32px, 5vw, 64px);
  display: flex !important;
  gap: 0 !important;
  margin-left: 0;
  margin-right: 0;
}
html.cs-page-al-hudaif .case-study .brief-layout.row { --birdi-column-gap: clamp(32px, 5vw, 56px); }
html.cs-page-al-hudaif .case-study .hero-layout.row > .col-md-6,
html.cs-page-al-hudaif .case-study .brief-layout.row > .col-md-6 {
  padding-left: calc(var(--birdi-column-gap) * 0.5);
  padding-right: calc(var(--birdi-column-gap) * 0.5);
}
html.cs-page-al-hudaif .case-study .hero-layout.row > .col-md-6:first-child,
html.cs-page-al-hudaif .case-study .brief-layout.row > .col-md-6:first-child { padding-left: 0; }
html.cs-page-al-hudaif .case-study .hero-layout.row > .col-md-6:last-child,
html.cs-page-al-hudaif .case-study .brief-layout.row > .col-md-6:last-child { padding-right: 0; }
html.cs-page-al-hudaif .case-study .birdi-contact-button {
  border: 0;
  line-height: normal;
  text-align: inherit;
  vertical-align: baseline;
}
html.cs-page-al-hudaif .case-study .birdi-contact-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 34px rgba(213,31,63,.34);
  color: #fff;
}
html.cs-page-al-hudaif .case-study .birdi-tech-pill:hover { background: #101d30; color: #fff; }
html.cs-page-al-hudaif .case-study .feature-tabs.nav-tabs { border-bottom: 0; }
html.cs-page-al-hudaif .case-study .feature-tabs.nav-tabs .nav-link {
  border: 0;
  margin-bottom: 0;
  padding: 20px 8px;
  color: #101d30;
  line-height: 1.4;
}
html.cs-page-al-hudaif .case-study .feature-tabs.nav-tabs .nav-link.active { background: #fff; color: #101d30; }
html.cs-page-al-hudaif .case-study .tab-content > .features-panel.active { display: grid; }
@media (max-width: 767px) {
  html.cs-page-al-hudaif .case-study .hero-layout.row,
  html.cs-page-al-hudaif .case-study .brief-layout.row { margin-left: 0; margin-right: 0; padding-top: 80px;}
  html.cs-page-al-hudaif .case-study .hero-layout.row > .col-md-6,
  html.cs-page-al-hudaif .case-study .brief-layout.row > .col-md-6 { padding-left: 0; padding-right: 0; }
  html.cs-page-al-hudaif .case-study .brief-layout.row > .col-md-6 + .col-md-6 { margin-top: 32px; }
}
@media (max-width: 460px) {
  html.cs-page-al-hudaif .case-study .feature-tabs.nav-tabs .nav-link { padding: 16px 6px; }
}
@media (prefers-reduced-motion: reduce) {
  html.cs-page-al-hudaif .case-study .birdi-contact-button:hover { transform: none; }
}

/* ================================================================
   Page namespace: birdi (cs-page-birdi)
   ================================================================ */

/* Original file: birdi/css/birdi.css */
/* Bootstrap Reboot is normalized to the approved page typography. */
html.cs-page-birdi,html.cs-page-birdi body{height:100%;}
html.cs-page-birdi body{line-height:normal;}
html.cs-page-birdi h1,html.cs-page-birdi h2,html.cs-page-birdi h3,html.cs-page-birdi h4,html.cs-page-birdi h5,html.cs-page-birdi h6{font-size:revert;font-weight:revert;line-height:normal;margin:revert;}
html.cs-page-birdi p,html.cs-page-birdi dl,html.cs-page-birdi dd,html.cs-page-birdi figure{margin:revert;}
html.cs-page-birdi a:hover{text-decoration:none;}
html.cs-page-birdi button{line-height:normal;}

/* Birdi shared styles. Cascade order is intentional; responsive rules remain beside their applicable defaults. */
html.cs-page-birdi body {
  margin: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}
html.cs-page-birdi * {
  box-sizing: border-box;
}
html.cs-page-birdi .case-study section a {
  color: #ee4865;
  text-decoration: none;
}
html.cs-page-birdi .case-study a:hover {
  color: #101d30;
}
html.cs-page-birdi {
  font-size: max(16px,100%);
}
html.cs-page-birdi body {
  font-size: 16px;
}
html.cs-page-birdi button,html.cs-page-birdi summary {
  font: inherit;
}
html.cs-page-birdi button {
  cursor: pointer;
}
html.cs-page-birdi .case-study img {
  max-width: 100%;
}
html.cs-page-birdi button:focus-visible,html.cs-page-birdi summary:focus-visible,html.cs-page-birdi [tabindex]:focus-visible {
  outline: 3px solid #ee4865;
  outline-offset: 5px;
}
html.cs-page-birdi .section-container {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  background: transparent;
}
html.cs-page-birdi .section-heading {
  margin-bottom: clamp(32px,4vw,48px);
}
html.cs-page-birdi .centered {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
html.cs-page-birdi .eyebrow {
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 700;
  color: #ee4865;
  margin: 0 0 18px;
}
html.cs-page-birdi .section-heading h2 {
  font-size: clamp(1.55rem,2.4vw,2.1rem);
  line-height: 1.25;
  margin: 0;
}
html.cs-page-birdi .section-heading h2 span {
  color: #ee4865;
}
html.cs-page-birdi .workflow-section {
  padding: clamp(56px,7vw,84px) 0;
  background: linear-gradient(135deg,#0e1d31 0%,#15233b 100%);
  color: #fff;
}
html.cs-page-birdi .workflow-layout {
  display: grid;
  grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr);
  gap: clamp(36px,6vw,80px);
  align-items: start;
}
html.cs-page-birdi .workflow-sticky {
  position: sticky;
  top: 124px;
  min-width: 0;
}
/* Short screens need normal page scrolling, not a taller sticky panel. */
@media (max-height:650px) {
  html.cs-page-birdi .workflow-sticky { position: relative; top: auto; }
}
html.cs-page-birdi .workflow-visual-heading {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .1em;
  margin-bottom: 18px;
}
html.cs-page-birdi .workflow-visual-heading span:first-child {
  color: var(--body);
}
html.cs-page-birdi .workflow-stage {
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(300px,56vh,560px);
  overflow: hidden;
  color: #101d30;
}
html.cs-page-birdi .workflow-screen {
  display: block;
  animation: cs-page-birdi-visual-arrive .4s ease;
}
html.cs-page-birdi .workflow-caption {
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  margin: 18px 0 16px;
  font-weight: 500;
}
html.cs-page-birdi .workflow-progress {
  height: 3px;
  background: rgba(255,255,255,.2);
}
html.cs-page-birdi .workflow-progress span {
  display: block;
  height: 100%;
  background: #ee4865;
  transition: width .35s ease;
}
html.cs-page-birdi .workflow-explainer {
  width: 100%;
}
html.cs-page-birdi .workflow-explainer>i {
  font-size: 44px;
  color: #ee4865;
  margin-bottom: 24px;
}
html.cs-page-birdi .workflow-explainer h3 {
  font-size: 24px;
  line-height: 1.3;
  margin: 0 0 24px;
}
html.cs-page-birdi .explainer-rows {
  display: grid;
  gap: 0;
}
html.cs-page-birdi .explainer-rows>div {
  border-top: 1px solid #e9d3db;
  padding: 14px 0;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  line-height: 1.4;
}
html.cs-page-birdi .explainer-rows i {
  color: #ee4865;
  font-size: 16px;
}
html.cs-page-birdi .illustration-note {
  font-size: 16px;
  font-weight: 500;
  color: #101d30;
  margin: 18px 0 0;
}
html.cs-page-birdi .workflow-timeline {
  border-left: 1px solid rgba(255,255,255,.3);
  padding-left: 32px;
}
html.cs-page-birdi .workflow-step {
  position: relative;
  padding: 0 0 56px;
}
html.cs-page-birdi .workflow-step:last-child {
  padding-bottom: 0;
  min-height: 200px;
}
html.cs-page-birdi .workflow-step:before {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  left: -38px;
  border: 2px solid #ee4865;
  background: #101d30;
  border-radius: 50%;
  transition: box-shadow .25s,background .25s;
}
html.cs-page-birdi .workflow-step.is-active:before {
  background: #ee4865;
  box-shadow: 0 0 0 7px rgba(238,72,101,.18);
}
html.cs-page-birdi .workflow-step-number {
  letter-spacing: .08em;
  display: flex;
  align-items: baseline;
  margin-bottom: 12px;
}
html.cs-page-birdi .workflow-step h3 {
  color: #fff;
  margin: 0 0 16px;
  transition: color .25s;
}
html.cs-page-birdi .workflow-step.is-active h3 {
  color: #ee4865;
}
html.cs-page-birdi .workflow-step p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  color: #fff;
}
html.cs-page-birdi .features-intro {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 64px;
  align-items: end;
  margin-bottom: 40px;
}
html.cs-page-birdi .feature-tabs {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
}
html.cs-page-birdi .feature-tab {
  border-bottom: 3px solid transparent;
  background: transparent;
  color: #101d30;
  padding: 20px 8px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  text-align: left;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
}
html.cs-page-birdi .feature-tab i {
  font-size: 18px;
  color: #ee4865;
}
html.cs-page-birdi .feature-tab.is-active {
  border-color: #ee4865;
}
html.cs-page-birdi .features-panel {
  display: grid;
  grid-template-columns: 260px minmax(0,1fr);
  gap: 54px;
  padding: 40px 0;
}
html.cs-page-birdi .feature-panel-number {
  line-height: 1;
  color: #ee4865;
  font-weight: 600;
}
html.cs-page-birdi .feature-panel-heading h3 {
  font-size: 24px;
  line-height: 1.3;
  margin: 16px 0 12px;
}
html.cs-page-birdi .feature-panel-heading p {
  font-size: 16px;
  color: #101d30;
}
html.cs-page-birdi .feature-items {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 32px;
}
html.cs-page-birdi .feature-item {
  border-left: 2px solid #ee4865;
  padding-left: 20px;
}
html.cs-page-birdi .feature-item h4 {
  font-size: 17px;
  line-height: 1.4;
  margin: 0 0 12px;
}
html.cs-page-birdi .feature-item p {
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
  color: #101d30;
}
html.cs-page-birdi .editorial-accordion {
  border-top: 1px solid #c7d0dd;
  color: #101d30;
}
html.cs-page-birdi .editorial-accordion:last-child {
  border-bottom: 1px solid #c7d0dd;
}
html.cs-page-birdi .editorial-accordion summary {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 26px 0;
  cursor: pointer;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 600;
}
html.cs-page-birdi .editorial-accordion summary::-webkit-details-marker {
  display: none;
}
html.cs-page-birdi .editorial-accordion summary>span:not(.accordion-number) {
  flex: 1;
}
html.cs-page-birdi .editorial-accordion summary>i {
  color: #ee4865;
  font-size: 16px;
  transition: transform .25s;
}
html.cs-page-birdi .accordion-number {
  font-size: 28px;
  color: #ee4865;
  font-weight: 600;
}
html.cs-page-birdi .editorial-accordion[open] summary {
  color: #c92145;
}
html.cs-page-birdi .editorial-accordion[open] summary>i {
  transform: rotate(45deg);
}
html.cs-page-birdi .accordion-content {
  padding: 0 0 28px 64px;
  animation: cs-page-birdi-content-arrive .3s ease;
}
html.cs-page-birdi .accordion-content p {
  font-size: 16px;
  line-height: 1.75;
  margin: 12px 0 0;
  color: #101d30;
}
html.cs-page-birdi .lift-card {
  transition: transform .3s,box-shadow .3s;
}
html.cs-page-birdi .lift-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 36px rgba(16,29,48,.1);
}
html.cs-page-birdi .parallax-visual {
  will-change: transform;
}
html.cs-page-birdi .faq-section>div {
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
  gap: 64px;
  align-items: start;
}
html.cs-page-birdi .faq-list {
  min-width: 0;
}
html.cs-page-birdi .faq-list .accordion-content {
  padding-left: 0;
}
@keyframes cs-page-birdi-content-arrive{from{transform:translateY(10px)}to{transform:translateY(0)}}
@keyframes cs-page-birdi-visual-arrive{from{transform:translateY(12px) scale(.98)}to{transform:translateY(0) scale(1)}}
@media (max-width:900px) {
  html.cs-page-birdi .workflow-layout {
    gap: 36px;
    grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
  }
  html.cs-page-birdi .features-panel {
    grid-template-columns: 210px minmax(0,1fr);
    gap: 32px;
  }
  html.cs-page-birdi .feature-tabs {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  html.cs-page-birdi .features-intro {
    gap: 32px;
  }
}
@media (max-width:700px) {
  html.cs-page-birdi .workflow-layout,html.cs-page-birdi .features-intro,html.cs-page-birdi .features-panel,html.cs-page-birdi .faq-section>div {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  html.cs-page-birdi .workflow-sticky {
    position: relative;
    top: auto;
  }
  html.cs-page-birdi .workflow-stage {
    height: 440px;
  }
  html.cs-page-birdi .workflow-timeline {
    margin-left: 6px;
  }
  html.cs-page-birdi .workflow-step:last-child {
    min-height: 0;
  }
  html.cs-page-birdi .workflow-explainer h3 {
    font-size: 22px;
  }
  html.cs-page-birdi .feature-items {
    gap: 24px;
  }
  html.cs-page-birdi .faq-section>div>div:first-child {
    position: static !important;
  }
  html.cs-page-birdi .accordion-content {
    padding-left: 0;
  }
  html.cs-page-birdi .editorial-accordion summary {
    gap: 16px;
    font-size: 17px;
  }
  html.cs-page-birdi .parallax-visual {
    transform: none !important;
  }
}
@media (max-width:460px) {
  html.cs-page-birdi .feature-items,html.cs-page-birdi .industry-grid {
    grid-template-columns: 1fr;
  }
  html.cs-page-birdi .feature-tab {
    font-size: 16px;
    padding: 16px 8px;
    overflow-wrap: anywhere;
  }
  html.cs-page-birdi .workflow-stage {
    height: 420px;
  }
  html.cs-page-birdi .workflow-timeline {
    padding-left: 24px;
  }
  html.cs-page-birdi .workflow-step:before {
    left: -30px;
  }
}
@media (max-height:740px) and (min-width:701px) {
  html.cs-page-birdi .workflow-stage {
    height: 360px;
  }
  html.cs-page-birdi .workflow-explainer>i {
    font-size: 28px;
    margin-bottom: 12px;
  }
  html.cs-page-birdi .workflow-explainer h3 {
    font-size: 22px;
    margin-bottom: 12px;
  }
  html.cs-page-birdi .explainer-rows>div {
    padding: 10px 0;
  }
  html.cs-page-birdi .illustration-note {
    margin-top: 12px;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-birdi,html.cs-page-birdi body {
    scroll-behavior: auto !important;
  }
  html.cs-page-birdi *,html.cs-page-birdi *:before,html.cs-page-birdi *:after {
    animation: none !important;
    transition: none !important;
  }
  html.cs-page-birdi .parallax-visual {
    transform: none !important;
  }
}
html.cs-page-birdi .case-study {
  --body: #6f6f6f;
  --heading: #101d30;
  --accent: #ee4865;
}
html.cs-page-birdi .case-study section {
  --body: #6f6f6f;
  --heading: #101d30;
}
html.cs-page-birdi .case-study section[data-theme="dark"] {
  --body: #b8cbe5;
  --heading: #fff;
}
html.cs-page-birdi .case-study p {
  color: var(--body);
}
html.cs-page-birdi .case-study p.eyebrow {
  color: #ee4865;
}
html.cs-page-birdi .case-study h2,html.cs-page-birdi .case-study h3,html.cs-page-birdi .case-study h4 {
  color: var(--heading);
}
html.cs-page-birdi .workflow-stage {
  --body: #6f6f6f;
  --heading: #101d30;
  background: linear-gradient(155deg,#fff 30%,#eaf1fa);
  border: 1px solid rgba(255,255,255,.2);
  box-shadow: 0 24px 60px rgba(0,0,0,.2);
}
html.cs-page-birdi .workflow-step-number {
  font-size: 16px;
  line-height: 1.5;
  gap: 7px;
  color: var(--body);
  font-weight: 400;
}
html.cs-page-birdi .workflow-step-number strong {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  color: inherit;
  letter-spacing: inherit;
}
html.cs-page-birdi .workflow-step {
  min-height: 200px;
  padding-bottom: 48px;
}
html.cs-page-birdi .workflow-step:before {
  top: 7px;
}
html.cs-page-birdi .workflow-step h3 {
  font-size: 24px;
  line-height: 1.35;
}
html.cs-page-birdi .workflow-step p,html.cs-page-birdi .workflow-caption {
  color: var(--body);
}
html.cs-page-birdi .illustration-note,html.cs-page-birdi .feature-panel-heading p,html.cs-page-birdi .feature-item p,html.cs-page-birdi .accordion-content p {
  color: var(--body);
}
html.cs-page-birdi .problems-section {
  padding: clamp(56px,7vw,84px) 0;
  background: #f3f3f3;
}
html.cs-page-birdi .problems-layout {
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
  gap: clamp(40px,6vw,80px);
  align-items: start;
}
html.cs-page-birdi .problems-heading {
  position: static;
  align-self: start;
  padding: 28px 0;
  border-top: 2px solid #ee4865;
}
html.cs-page-birdi .problems-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.18;
  letter-spacing: -.035em;
  margin: 0 0 24px;
}
html.cs-page-birdi .problems-heading h2 span {
  color: #ee4865;
}
html.cs-page-birdi .section-subtext {
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
  max-width: 390px;
}
html.cs-page-birdi .problems-note {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 32px;
}
html.cs-page-birdi .problems-note>span {
  height: 44px;
  width: 3px;
  background: #ee4865;
}
html.cs-page-birdi .problems-note p {
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
}
html.cs-page-birdi .problem-accordions {
  display: grid;
  gap: 12px;
}
html.cs-page-birdi .problem-item {
  background: #fff;
  border: 1px solid #e0e7f0;
  border-radius: 14px;
  transition: border-color .3s,box-shadow .3s;
}
html.cs-page-birdi .problem-item.is-open {
  border-color: #ee4865;
  box-shadow: 0 16px 40px rgba(16,29,48,.06);
}
html.cs-page-birdi .problem-item h3 {
  margin: 0;
}
html.cs-page-birdi .problem-item button {
  width: 100%;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  background: transparent;
  border: 0;
  color: #101d30;
  padding: 22px 24px;
  font-family: inherit;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  border-radius: 14px;
}
html.cs-page-birdi .problem-item button:hover {
  color: #c92145;
}
html.cs-page-birdi .problem-toggle {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d9e2ed;
  color: #101d30;
  transition: background .3s,transform .3s,color .3s;
}
html.cs-page-birdi .problem-toggle i {
  font-size: 16px;
}
html.cs-page-birdi .is-open .problem-toggle {
  background: #ee4865;
  border-color: #ee4865;
  color: #fff;
  transform: rotate(45deg);
}
html.cs-page-birdi .problem-reveal {
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  transition: grid-template-rows .35s ease,visibility .35s;
}
html.cs-page-birdi .problem-reveal>div {
  min-height: 0;
  overflow: hidden;
}
html.cs-page-birdi .is-open .problem-reveal {
  grid-template-rows: 1fr;
  visibility: visible;
}
html.cs-page-birdi .problem-answer {
  padding: 0 24px 24px;
}
html.cs-page-birdi .problem-answer p {
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
  border-top: 1px solid #e7edf5;
  padding-top: 18px;
  color: var(--body);
}
html.cs-page-birdi .industry-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 20px;
  align-items: stretch;
}
html.cs-page-birdi .industry-flip {
  appearance: none;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  perspective: 1200px;
  text-align: left;
  font-family: inherit;
  color: #101d30;
  border-radius: 16px;
}
html.cs-page-birdi .flip-inner {
  display: grid;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform .65s cubic-bezier(.22,.61,.36,1);
  position: relative;
}
html.cs-page-birdi .industry-flip.is-flipped .flip-inner {
  transform: rotateY(180deg);
}
html.cs-page-birdi .flip-front,html.cs-page-birdi .flip-back {
  grid-area: 1/1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  padding: 26px;
  border-radius: 16px;
  border: 1px solid #dce5f0;
  min-width: 0;
}
html.cs-page-birdi .flip-front {
  background: #fff;
  transform: rotateY(0deg);
}
html.cs-page-birdi .flip-front>i {
  font-size: 28px;
  color: #ee4865;
}
html.cs-page-birdi .flip-front strong {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.35;
  color: #101d30;
}
html.cs-page-birdi .flip-hint {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 16px;
  line-height: 1.4;
  color: #6f6f6f;
  border-top: 1px solid #e6ecf4;
  padding-top: 16px;
}
html.cs-page-birdi .flip-hint i {
  font-size: 16px;
  color: #ee4865;
}
html.cs-page-birdi .flip-back {
  transform: rotateY(180deg);
  background: linear-gradient(135deg,#0e1d31,#15233b);
  border-color: #15233b;
  color: #fff;
}
html.cs-page-birdi .flip-back-label {
  font-size: 16px;
  color: #ff8299;
  font-weight: 600;
}
html.cs-page-birdi .flip-description {
  font-size: 16px;
  line-height: 1.7;
  color: #d1def0;
}
html.cs-page-birdi .flip-back-hint {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 16px;
  color: #b8cbe5;
}
html.cs-page-birdi .flip-back-hint i {
  font-size: 16px;
}
html.cs-page-birdi .feature-tabs {
  gap: 8px;
  border-bottom: 0;
  padding: 6px;
  background: #f0f4f9;
  border-radius: 14px;
}
html.cs-page-birdi .feature-tab {
  border: 0;
  border-radius: 10px;
  transition: background .25s,box-shadow .25s;
}
html.cs-page-birdi .feature-tab.is-active {
  background: #fff;
  box-shadow: 0 4px 15px rgba(16,29,48,.08);
}
html.cs-page-birdi .feature-tab:hover {
  background: #fff;
}
html.cs-page-birdi .feature-panel-number {
  font-size: 40px;
}
html.cs-page-birdi .features-panel {
  padding-top: 32px;
}
html.cs-page-birdi .case-study a.contact-link {
  overflow: hidden;
  position: relative;
}
html.cs-page-birdi .case-study a.contact-link i {
  transition: transform .25s;
}
html.cs-page-birdi .case-study a.contact-link:hover i {
  transform: translateX(5px);
}
@media (max-width:900px) {
  html.cs-page-birdi .industry-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  html.cs-page-birdi .problems-layout {
    gap: 32px;
  }
  html.cs-page-birdi .problem-item button {
    padding: 20px;
    font-size: 17px;
  }
  html.cs-page-birdi .problem-answer {
    padding: 0 20px 20px;
  }
}
@media (max-width:700px) {
  html.cs-page-birdi .problems-layout {
    grid-template-columns: 1fr;
  }
  html.cs-page-birdi .problems-heading {
    position: static;
  }
  html.cs-page-birdi .problems-heading .section-subtext {
    max-width: none;
  }
  html.cs-page-birdi .problems-note {
    display: none;
  }
  html.cs-page-birdi .workflow-step {
    min-height: 0;
  }
  html.cs-page-birdi .workflow-step-number,html.cs-page-birdi .workflow-step-number strong {
    font-size: 16px;
  }
  html.cs-page-birdi .flip-front,html.cs-page-birdi .flip-back {
    padding: 22px;
    gap: 18px;
  }
}
@media (max-width:480px) {
  html.cs-page-birdi .industry-grid {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-birdi .flip-inner,html.cs-page-birdi .problem-reveal,html.cs-page-birdi .problem-toggle {
    transition: none;
  }
}
html.cs-page-birdi .need-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 22px;
  align-items: stretch;
}
html.cs-page-birdi .need-card {
  background: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  transition: box-shadow .3s,border-color .3s,transform .3s;
}
html.cs-page-birdi .need-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #ee4865;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s;
}
html.cs-page-birdi .need-card.is-open {
  border-color: #ee4865;
  box-shadow: 0 18px 40px rgba(16,29,48,.08);
  transform: translateY(-4px);
}
html.cs-page-birdi .need-card.is-open:before {
  transform: scaleX(1);
}
html.cs-page-birdi .need-card h3 {
  margin: 0;
}
html.cs-page-birdi .need-trigger {
  width: 100%;
  border: 0;
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 26px;
  text-align: left;
  font-family: inherit;
  color: #101d30;
}
html.cs-page-birdi .need-marker {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 16px;
  color: #ee4865;
  font-weight: 500;
}
html.cs-page-birdi .need-marker i {
  font-size: 16px;
  transition: transform .3s;
}
html.cs-page-birdi .is-open .need-marker i {
  transform: rotate(45deg);
}
html.cs-page-birdi .need-title {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 600;
}
html.cs-page-birdi .need-hint {
  font-size: 16px;
  line-height: 1.5;
  color: #6f6f6f;
  font-weight: 400;
}
html.cs-page-birdi .need-reveal {
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  transition: grid-template-rows .4s ease,visibility .4s;
}
html.cs-page-birdi .need-reveal>div {
  min-height: 0;
  overflow: hidden;
}
html.cs-page-birdi .need-card.is-open .need-reveal {
  grid-template-rows: 1fr;
  visibility: visible;
}
html.cs-page-birdi .need-copy {
  padding: 0 26px 26px;
}
html.cs-page-birdi .need-copy p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  color: #6f6f6f;
}
html.cs-page-birdi .need-answer {
  border-top: 1px solid #e9e9e9;
  padding-top: 20px;
  margin-top: 22px;
}
html.cs-page-birdi .need-answer>span {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #101d30;
  margin-bottom: 10px;
}
html.cs-page-birdi .need-trigger:focus-visible {
  outline-offset: -5px;
}
@media (max-width:900px) {
  html.cs-page-birdi .need-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}
@media (max-width:620px) {
  html.cs-page-birdi .need-grid {
    grid-template-columns: 1fr;
  }
  html.cs-page-birdi .need-trigger {
    padding: 24px;
    gap: 16px;
  }
  html.cs-page-birdi .need-copy {
    padding: 0 24px 24px;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-birdi .need-card,html.cs-page-birdi .need-card:before,html.cs-page-birdi .need-reveal,html.cs-page-birdi .need-marker i {
    transition: none;
  }
  html.cs-page-birdi .need-card.is-open {
    transform: none;
  }
}
html.cs-page-birdi .need-heading {
  padding: 26px 26px 20px;
}
html.cs-page-birdi .need-heading h3 {
  font-size: 20px;
  line-height: 1.4;
  margin: 16px 0 0;
  font-weight: 600;
}
html.cs-page-birdi .need-static {
  overflow: visible;
  border-top: 3px solid #ee4865;
}
html.cs-page-birdi .need-static:before {
  display: none;
}
html.cs-page-birdi .scope-heading {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  align-items: baseline;
  justify-content: space-between;
  margin: 0 0 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid #dce2e9;
}
html.cs-page-birdi .scope-heading h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0;
}
html.cs-page-birdi .scope-heading>span {
  font-size: 16px;
  color: #6f6f6f;
}
html.cs-page-birdi .scope-groups {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 28px;
}
html.cs-page-birdi .scope-group h4 {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 17px;
  line-height: 1.4;
  margin: 0 0 18px;
}
html.cs-page-birdi .scope-group h4 i {
  font-size: 20px;
  color: #ee4865;
}
html.cs-page-birdi .scope-group ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
}
html.cs-page-birdi .scope-group li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 16px;
  line-height: 1.6;
  color: #6f6f6f;
}
html.cs-page-birdi .scope-group li i {
  font-size: 16px;
  line-height: 1.6;
  color: #ee4865;
  flex-shrink: 0;
}
html.cs-page-birdi .comparison-heading {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: end;
  margin-bottom: 28px;
}
html.cs-page-birdi .comparison-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.2;
  letter-spacing: -.025em;
  margin: 0;
}
html.cs-page-birdi .comparison-heading h2 span {
  color: #ee4865;
}
html.cs-page-birdi .comparison-heading>p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  max-width: 470px;
}
html.cs-page-birdi .comparison-labels,html.cs-page-birdi .comparison-row {
  display: grid;
  grid-template-columns: minmax(130px,.55fr) minmax(0,1fr) minmax(0,1.15fr);
  gap: 28px;
}
html.cs-page-birdi .comparison-labels {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  color: #101d30;
  padding: 16px 20px;
  border-top: 1px solid #d7dce2;
  border-bottom: 1px solid #d7dce2;
}
html.cs-page-birdi .comparison-labels>span:last-child {
  color: #c92145;
}
html.cs-page-birdi .comparison-row {
  padding: 22px 20px;
  border-bottom: 1px solid #dfe3e8;
  align-items: start;
}
html.cs-page-birdi .comparison-row:nth-child(odd) {
  background: #fff;
}
html.cs-page-birdi .comparison-row h3 {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
}
html.cs-page-birdi .comparison-row p {
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
  color: #6f6f6f;
}
html.cs-page-birdi .comparison-fix {
  border-left: 2px solid #ee4865;
  padding-left: 18px;
}
html.cs-page-birdi .mobile-pair-label {
  display: none;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
  color: #101d30;
  margin-bottom: 8px;
}
@media (max-width:1000px) {
  html.cs-page-birdi .scope-groups {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 28px 36px;
  }
}
@media (max-width:760px) {
  html.cs-page-birdi .comparison-heading {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  html.cs-page-birdi .comparison-labels {
    display: none;
  }
  html.cs-page-birdi .comparison-row {
    grid-template-columns: 1fr 1fr;
    gap: 16px 24px;
    padding: 22px 18px;
  }
  html.cs-page-birdi .comparison-row h3 {
    grid-column: 1/-1;
    color: #101d30;
    font-size: 20px;
  }
  html.cs-page-birdi .mobile-pair-label {
    display: block;
  }
  html.cs-page-birdi .comparison-fix .mobile-pair-label {
    color: #c92145;
  }
}
@media (max-width:520px) {
  html.cs-page-birdi .scope-groups {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  html.cs-page-birdi .scope-group {
    padding-bottom: 22px;
    border-bottom: 1px solid #e4e7eb;
  }
  html.cs-page-birdi .scope-group:last-child {
    padding-bottom: 0;
    border: 0;
  }
  html.cs-page-birdi .comparison-row {
    grid-template-columns: 1fr;
  }
  html.cs-page-birdi .comparison-row h3 {
    grid-column: auto;
  }
  html.cs-page-birdi .comparison-fix {
    margin-top: 2px;
  }
  html.cs-page-birdi .need-heading {
    padding: 24px 24px 20px;
  }
}
html.cs-page-birdi .need-static {
  height: 100%;
  box-sizing: border-box;
}
html.cs-page-birdi .challenge-story {
  position: relative;
  height: calc(var(--viewport-height) * 4.9);
}
html.cs-page-birdi .challenge-stage {
  top: 124px;
}
html.cs-page-birdi .challenge-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
html.cs-page-birdi .challenge-scroll-hint {
  font-size: 16px;
  color: #6f6f6f;
}
html.cs-page-birdi .challenge-nav-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
html.cs-page-birdi .challenge-count {
  font-size: 20px;
  font-weight: 600;
  color: #101d30;
  margin-right: 10px;
  font-variant-numeric: tabular-nums;
}
html.cs-page-birdi .challenge-count span {
  font-size: 16px;
  font-weight: 400;
  color: #6f6f6f;
}
html.cs-page-birdi .challenge-nav-actions button {
  height: 42px;
  width: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #dce1e8;
  border-radius: 50%;
  color: #101d30;
  font-size: 16px;
}
html.cs-page-birdi .challenge-nav-actions button:hover:not(:disabled) {
  background: #101d30;
  color: #fff;
  border-color: #101d30;
}
html.cs-page-birdi .challenge-nav-actions button:disabled {
  opacity: .35;
  cursor: default;
}
html.cs-page-birdi .challenge-focus {
  display: flex;
  flex-direction: column;
}
html.cs-page-birdi .challenge-focus-heading>span {
  font-size: 16px;
  font-weight: 500;
  color: #ffa4b5;
  letter-spacing: .1em;
}
html.cs-page-birdi .case-study .challenge-focus-heading h3 {
  color: #fff;
}
html.cs-page-birdi .challenge-focus-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
html.cs-page-birdi .challenge-focus-problem,html.cs-page-birdi .challenge-focus-response {
  display: flex;
  flex-direction: column;
}
html.cs-page-birdi .challenge-focus-response {
  background: #fff;
}
html.cs-page-birdi .challenge-focus-pair h4 {
  font-weight: 600;
  margin: 0 0 18px;
}
html.cs-page-birdi .response-heading {
  display: flex;
}
html.cs-page-birdi .response-heading i {
  color: #178347;
}
html.cs-page-birdi .case-study .response-heading h4 {
  color: #178347;
}
html.cs-page-birdi .case-study .challenge-focus-problem h4 {
  color: #c83232;
}
html.cs-page-birdi .challenge-focus-problem {
  background: #fff;
}
html.cs-page-birdi .challenge-segments {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}
html.cs-page-birdi .challenge-segment {
  flex: 1;
  border: 0;
  background: transparent;
  padding: 20px 0;
  min-height: 44px;
}
html.cs-page-birdi .challenge-segment span {
  display: block;
  height: 4px;
  border-radius: 3px;
  background: #d8dee7;
  transition: background .25s;
}
html.cs-page-birdi .challenge-segment.is-active span {
  background: #ee4865;
}
html.cs-page-birdi .challenge-segment:hover span {
  background: #101d30;
}
@keyframes cs-page-birdi-challenge-arrive{from{transform:translateY(10px)}to{transform:translateY(0)}}
@media (max-width:700px) {
  html.cs-page-birdi .challenge-stage {
    top: 12px;
  }
  html.cs-page-birdi .challenge-navigation {
    gap: 12px;
  }
  html.cs-page-birdi .challenge-scroll-hint {
    max-width: 160px;
    line-height: 1.4;
  }
  html.cs-page-birdi .challenge-focus-pair {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-birdi .challenge-segment span {
    transition: none;
  }
}
html.cs-page-birdi .project-meta {
  padding: 4px 0 20px;
  border-bottom: 1px dashed rgba(255,255,255,.2);
}
html.cs-page-birdi .project-meta-label {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--body);
  font-weight: 500;
}
html.cs-page-birdi .project-meta-label i {
  color: #ff8299;
  font-size: 18px;
  width: 24px;
}
html.cs-page-birdi .project-meta-value {
  font-size: 17px;
  line-height: 1.5;
  font-weight: 600;
  color: #fff;
  margin: 10px 0 0 36px;
}
html.cs-page-birdi .brief-paragraphs {
  margin-bottom: 24px;
}
html.cs-page-birdi .brief-paragraphs p {
  font-size: 17px;
  line-height: 1.75;
  margin: 0 0 18px;
}
html.cs-page-birdi .brief-paragraphs p:last-child {
  margin-bottom: 0;
}
html.cs-page-birdi .brief-visual {
  margin: 0 auto;
  width: min(100%,340px);
  padding: 0;
  background: transparent;
  box-shadow: none;
}
html.cs-page-birdi .brief-visual img {
  display: block;
  width: 100%;
  height: 400px;
  object-fit: cover;
  object-position: top;
  border-radius: 12px;
}
html.cs-page-birdi .brief-visual figcaption {
  font-size: 16px;
  line-height: 1.55;
  color: #6f6f6f;
  margin-top: 16px;
  padding-left: 16px;
  border-left: 2px solid #ee4865;
  text-align: left;
}
html.cs-page-birdi .workflow-stage {
  padding: 0;
}
html.cs-page-birdi .workflow-screen {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  border-radius: 0;
}
html.cs-page-birdi .workflow-explainer {
  padding: 24px;
  max-width: 410px;
}
html.cs-page-birdi .response-heading {
  align-items: baseline;
  gap: 12px;
}
html.cs-page-birdi .response-heading i {
  font-size: 22px;
}
html.cs-page-birdi .problem-heading i {
  color: #c83232;
}
html.cs-page-birdi .case-study .outcome-light {
  --body: #6f6f6f;
  --heading: #101d30;
  background-color: #f0f0ff;
}
html.cs-page-birdi .outcome-light .outcome-pointer {
  color: #535d6c;
}
@media (max-width:700px) {
  html.cs-page-birdi .challenge-focus-pair h4,html.cs-page-birdi .response-heading i {
    font-size: 20px;
  }
  html.cs-page-birdi .workflow-stage {
    padding: 0;
    display:none !important;
  }
  html.cs-page-birdi .brief-visual img {
    height: 380px;
  }
  html.cs-page-birdi .outcome-light {
    background-attachment: scroll !important;
  }
}
html.cs-page-birdi .project-details-grid {
  margin: 0;
  display: grid;
  border-top: 1px solid rgba(255,255,255,.18);
  border-left: 1px solid rgba(255,255,255,.18);
}
html.cs-page-birdi .project-detail {
  border-right: 1px solid rgba(255,255,255,.18);
  border-bottom: 1px solid rgba(255,255,255,.18);
}
html.cs-page-birdi .project-detail dt {
  display: flex;
  align-items: center;
}
html.cs-page-birdi .project-detail dt i {
  color: #ff8299;
}
html.cs-page-birdi .challenge-stage {
  display: flex;
  flex-direction: column;
}
html.cs-page-birdi .challenge-stage>.comparison-heading {
  flex-shrink: 0;
}
html.cs-page-birdi .challenge-stage .comparison-heading .eyebrow {
  margin-bottom: 10px;
}
html.cs-page-birdi .challenge-stage .comparison-heading h2 {
  font-size: 34px;
  line-height: 1.14;
}
html.cs-page-birdi .challenge-stage .comparison-heading>p {
  font-size: 16px;
  line-height: 1.6;
}
html.cs-page-birdi .challenge-navigation,html.cs-page-birdi .challenge-segments {
  flex-shrink: 0;
}
html.cs-page-birdi .challenge-focus {
  overflow-y: auto;
}
html.cs-page-birdi .challenge-focus-heading {
  flex-shrink: 0;
}
html.cs-page-birdi .challenge-focus-pair {
  flex: 1 0 auto;
}
html.cs-page-birdi .challenge-focus-pair h4 {
  font-size: 28px;
  line-height: 1.25;
  margin-bottom: 16px;
}
@media (max-width:1000px) {
  html.cs-page-birdi .challenge-stage .comparison-heading h2 {
    font-size: 30px;
  }
}
@media (max-width:700px) {
  html.cs-page-birdi .challenge-stage>.comparison-heading {
    grid-template-columns: 1fr;
  }
  html.cs-page-birdi .challenge-stage .comparison-heading>p {
    display: none;
  }
  html.cs-page-birdi .challenge-stage .comparison-heading .eyebrow {
    margin-bottom: 6px;
  }
  html.cs-page-birdi .challenge-stage .comparison-heading h2 {
    font-size: 28px;
  }
  html.cs-page-birdi .challenge-focus {
    flex-basis: 440px;
  }
  html.cs-page-birdi .challenge-focus-pair h4 {
    font-size: 28px;
  }
}
html.cs-page-birdi .challenge-focus {
  border-radius: 20px;
  background: #fff;
  border: 1px solid #e1e5ec;
}
html.cs-page-birdi .challenge-focus-heading {
  padding: 16px 28px 22px;
  background: linear-gradient(135deg,#0e1d31,#18233a);
  border-bottom: 3px solid #ee4865;
}
html.cs-page-birdi .case-study .challenge-focus-heading h3 {
  line-height: 1.2;
  margin: 0;
  font-weight: 600;
}
html.cs-page-birdi .challenge-focus-problem,html.cs-page-birdi .challenge-focus-response {
  padding: 28px;
  justify-content: flex-start;
  background: #fff;
}
html.cs-page-birdi .challenge-focus-response {
  border-left: 1px solid #dfe3e9;
}
html.cs-page-birdi .challenge-focus-pair .response-heading {
  display: flex;
}
html.cs-page-birdi .challenge-focus-pair .response-heading i {
  display: block;
  line-height: 1;
}
html.cs-page-birdi .challenge-focus-pair .response-heading h4 {
  font-weight: 600;
  margin: 0;
}
html.cs-page-birdi .challenge-focus-pair p {
  margin: 0;
}
html.cs-page-birdi .case-study .problem-heading h4,html.cs-page-birdi .challenge-focus-pair .problem-heading i {
  color: #ce3335;
}
html.cs-page-birdi .case-study .challenge-focus-response h4,html.cs-page-birdi .challenge-focus-response .response-heading i {
  color: #16864b;
}
@media (max-width:700px) {
  html.cs-page-birdi .challenge-focus-heading {
    padding: 18px 22px;
  }
  html.cs-page-birdi .challenge-focus-problem,html.cs-page-birdi .challenge-focus-response {
    padding: 24px;
  }
  html.cs-page-birdi .challenge-focus-response {
    border-left: 0;
    border-top: 1px solid #dfe3e9;
  }
}
html.cs-page-birdi {
  --viewport-height: 100vh;
}
@supports (height:100svh) {
  html.cs-page-birdi {
    --viewport-height: 100svh;
  }
}
html.cs-page-birdi {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
html.cs-page-birdi .case-study * {
  min-width: 0;
}
html.cs-page-birdi .case-study p,html.cs-page-birdi .case-study dd,html.cs-page-birdi .case-study h2,html.cs-page-birdi .case-study h3 {
  overflow-wrap: break-word;
}
html.cs-page-birdi .hero-location {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 20px;
  margin: 0 0 22px;
  padding-left: 14px;
  border-left: 3px solid #ee4865;
}
html.cs-page-birdi .hero-country {
  display: flex;
  align-items: center;
  gap: 10px;
}
html.cs-page-birdi .hero-country img {
  width: 34px;
  height: auto;
  display: block;
  flex-shrink: 0;
  border: 1px solid #e0e4eb;
}
html.cs-page-birdi .hero-country span {
  font-size: 16px;
  line-height: 1.5;
  color: #c92145;
  font-weight: 500;
}
html.cs-page-birdi .hero-location strong {
  font-size: 18px;
  line-height: 1.5;
  color: #101d30;
  font-weight: 600;
}
html.cs-page-birdi .project-details-grid {
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 32px 36px;
  border: 0;
}
html.cs-page-birdi .project-detail {
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
}
html.cs-page-birdi .project-detail dt {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  gap: 10px;
  color: #b8cbe5;
}
html.cs-page-birdi .project-detail dt i {
  font-size: 18px;
  flex-shrink: 0;
}
html.cs-page-birdi .project-detail dd {
  margin: 12px 0 0;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 500;
  color: #fff;
}
html.cs-page-birdi .flip-inner {
  -webkit-transform-style: preserve-3d;
}
html.cs-page-birdi .flip-front,html.cs-page-birdi .flip-back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
html.cs-page-birdi .challenge-stage {
  position: -webkit-sticky;
  position: sticky;
}
@media (max-width:1000px) {
  html.cs-page-birdi .project-details-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 28px 32px;
  }
}
@media (max-width:620px) {
  html.cs-page-birdi .hero-location {
    display: block;
  }
  html.cs-page-birdi .hero-location strong {
    display: block;
    margin-top: 7px;
  }
  html.cs-page-birdi .project-details-grid {
    gap: 26px 22px;
  }
  html.cs-page-birdi .project-detail dd {
    font-size: 16px;
  }
  html.cs-page-birdi .project-detail dt {
    font-size: 16px;
  }
  html.cs-page-birdi .case-study a.contact-link {
    max-width: 100%;
  }
  html.cs-page-birdi .challenge-nav-actions {
    flex-shrink: 0;
  }
}
@media (max-width:380px) {
  html.cs-page-birdi .project-details-grid {
    grid-template-columns: 1fr;
  }
  html.cs-page-birdi .hero-country img {
    width: 30px;
  }
  html.cs-page-birdi .challenge-navigation {
    flex-wrap: wrap;
    gap: 8px;
  }
  html.cs-page-birdi .challenge-scroll-hint {
    max-width: none;
  }
  html.cs-page-birdi .feature-tab {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width:767px) {
  html.cs-page-birdi .hero-art {
    display: none !important;
  }
  html.cs-page-birdi .hero-layout,html.cs-page-birdi .brief-layout {
    grid-template-columns: minmax(0,1fr) !important;
  }
  html.cs-page-birdi .case-study>section {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  html.cs-page-birdi .hero-section h1 {
    font-size: clamp(32px,7.5vw,44px) !important;
    line-height: 1.15 !important;
  }
  html.cs-page-birdi .case-study h2 {
    font-size: clamp(26px,6vw,32px) !important;
    line-height: 1.25 !important;
  }
  html.cs-page-birdi .hero-section p {
    font-size: 16px !important;
    line-height: 1.7 !important;
    max-width: 100% !important;
  }
  html.cs-page-birdi .hero-actions {
    gap: 12px !important;
  }
  html.cs-page-birdi .hero-actions a {
    min-height: 48px;
    justify-content: center;
  }
  html.cs-page-birdi .client-brief,html.cs-page-birdi .client-brief .brief-paragraphs p,html.cs-page-birdi .client-brief .brief-facts {
    text-align: center !important;
  }
  html.cs-page-birdi .client-brief .brief-paragraphs {
    max-width: 560px;
    margin: 0 auto 28px;
  }
  html.cs-page-birdi .client-brief .brief-paragraphs p {
    font-size: 16px;
    line-height: 1.75;
  }
  html.cs-page-birdi .brief-facts {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 20px !important;
    max-width: 420px;
    margin: 0 auto;
  }
  html.cs-page-birdi .brief-visual {
    max-width: 300px;
  }
  html.cs-page-birdi .brief-visual figcaption {
    text-align: center;
    border-left: 0;
    padding-left: 0;
  }
  html.cs-page-birdi .brief-visual figcaption:before {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background: #ee4865;
    margin: 0 auto 12px;
  }
  html.cs-page-birdi .feature-tab {
    min-height: 48px;
  }
}
@media (max-width:480px) {
  html.cs-page-birdi .hero-actions {
    flex-direction: column;
    align-items: stretch;
  }
  html.cs-page-birdi .hero-actions a {
    padding: 14px 18px !important;
    text-align: center;
  }
  html.cs-page-birdi .hero-section h1 {
    letter-spacing: -.025em !important;
  }
}
html.cs-page-birdi .birdi-gradient-label::after {
  content: "";
  display: block;
  width: 72px;
  height: 3px;
  margin: 12px auto 0;
  border-radius: 3px;
  background: linear-gradient(90deg,#ee4865 0%,#ff8299 48%,rgba(255,130,153,0) 100%);
}
html.cs-page-birdi .hero-location .hero-country {
  gap: 14px;
}
html.cs-page-birdi .hero-location .hero-country img {
  width: 48px;
}
html.cs-page-birdi .hero-location .hero-country span {
  font-size: 26px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -.02em;
}
@media (max-width:767px) {
  html.cs-page-birdi .hero-location .hero-country img {
    width: 42px;
  }
  html.cs-page-birdi .hero-location .hero-country span {
    font-size: 23px;
  }
}
html.cs-page-birdi .client-brief .brief-visual {
  width: min(100%,420px);
  max-width: 420px;
}
html.cs-page-birdi .client-brief .brief-visual img {
  height: auto;
  object-fit: contain;
  box-shadow: 0 20px 44px rgba(16,29,48,.16),0 5px 12px rgba(16,29,48,.08);
}
html.cs-page-birdi .need-grid {
  grid-auto-rows: auto;
}
html.cs-page-birdi .need-grid .need-static {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  row-gap: 0;
  height: auto;
}
html.cs-page-birdi .need-grid .need-copy {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  row-gap: 0;
}
@media (max-width:620px) {
  html.cs-page-birdi .need-grid .need-static {
    display: block;
    grid-row: auto;
  }
  html.cs-page-birdi .need-grid .need-copy {
    display: block;
    grid-row: auto;
  }
  html.cs-page-birdi .client-brief .brief-visual img {
    box-shadow: 0 14px 28px rgba(16,29,48,.14),0 3px 8px rgba(16,29,48,.07);
  }
}
@media (max-width:767px) {
  html.cs-page-birdi .client-brief .brief-visual {
    width: min(100%,300px);
  }
}
html.cs-page-birdi .client-brief .brief-facts {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  gap: 0 !important;
  max-width: none;
  margin: 28px 0 0;
  padding: 6px 22px;
  background: #f6f7fa;
  border: 1px solid #e3e7ed;
  border-radius: 16px;
  text-align: left !important;
}
html.cs-page-birdi .brief-fact {
  display: grid;
  grid-template-columns: 36px minmax(0,1fr);
  gap: 14px;
  align-items: start;
  padding: 18px 0;
}
html.cs-page-birdi .brief-fact+.brief-fact {
  border-top: 1px solid #dfe4ec;
}
html.cs-page-birdi .brief-fact-icon {
  display: grid;
  place-items: center;
  height: 36px;
  border-radius: 10px;
  background: #fce7ed;
  color: #c92145;
  font-size: 17px;
}
html.cs-page-birdi .case-study .brief-fact h3 {
  font-size: 17px;
  line-height: 1.45;
  font-weight: 600;
  margin: 0 0 5px;
  color: #101d30;
}
html.cs-page-birdi .brief-fact p {
  font-size: 16px;
  line-height: 1.65;
  margin: 0;
  color: #535d6c;
}
html.cs-page-birdi .challenge-mobile {
  display: none;
}
html.cs-page-birdi .challenge-focus {
  height: auto;
  min-height: 0;
  max-height: none;
  flex: 0 0 auto;
  overflow: hidden;
  box-shadow: none;
}
html.cs-page-birdi .challenge-stage {
  max-height: none;
}
html.cs-page-birdi .challenge-stage>.comparison-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
  margin-bottom: 28px;
}
html.cs-page-birdi .challenge-stage>.comparison-heading>div {
  width: 100%;
}
html.cs-page-birdi .challenge-stage>.comparison-heading>p {
  max-width: 680px;
  margin: 0;
  color: #626b78;
  font-size: 16px;
  line-height: 1.7;
}
html.cs-page-birdi .challenge-stage>.comparison-heading .eyebrow {
  margin-bottom: 12px;
}
html.cs-page-birdi .challenge-navigation {
  margin-bottom: 20px;
}
html.cs-page-birdi .challenge-mobile-heading {
  text-align: center;
}
html.cs-page-birdi .challenge-mobile-description {
  max-width: 680px;
  margin: 16px auto 0;
  font-size: 16px;
  line-height: 1.7;
  color: #626b78;
}
html.cs-page-birdi .challenge-mobile-hint {
  font-size: 16px;
  line-height: 1.5;
  color: #626b78;
  margin: 0 0 16px;
}
html.cs-page-birdi .challenge-focus-pair {
  animation: none;
}
html.cs-page-birdi .challenge-focus-pair .response-heading {
  flex-direction: row;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}
html.cs-page-birdi .challenge-focus-pair .response-heading i {
  font-size: 22px;
}
html.cs-page-birdi .challenge-focus-pair .response-heading h4 {
  font-size: 21px;
  line-height: 1.35;
}
html.cs-page-birdi .challenge-focus-pair p {
  font-size: 16px;
  line-height: 1.7;
  color: #535d6c;
}
html.cs-page-birdi .case-study .challenge-focus-heading h3 {
  font-size: 28px;
}
html.cs-page-birdi .related-section {
  background: #101d30;
  color: #f7f9fc;
  padding: clamp(48px,6vw,72px) 0;
}
html.cs-page-birdi .related-heading {
  max-width: 720px;
  margin-bottom: 28px;
}
html.cs-page-birdi .related-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.25;
  margin: 0;
  color: #f7f9fc;
}
html.cs-page-birdi .related-heading h2 span {
  color: #ff8299;
}
html.cs-page-birdi .related-all-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  min-height: 44px;
  font-size: 16px;
  line-height: 1.4;
  color: #f7f9fc;
}
html.cs-page-birdi .related-all-link:hover { color: #ff8299; }
html.cs-page-birdi .related-all-link:focus-visible { outline: 3px solid #ff8299; outline-offset: 4px; }
html.cs-page-birdi .related-switcher {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0 0 24px;
}
html.cs-page-birdi .related-switcher button {
  font: inherit;
  font-size: 16px;
  line-height: 1.4;
  min-height: 44px;
  min-width: 44px;
  border: 1px solid #4b596e;
  border-radius: 8px;
  color: #f7f9fc;
  background: transparent;
  padding: 10px 16px;
}
html.cs-page-birdi .related-switcher button[aria-pressed="true"] {
  background: #f7f9fc;
  color: #101d30;
  border-color: #f7f9fc;
}
html.cs-page-birdi .related-card {
  border: 1px solid #39475b;
  border-radius: 18px;
  background: #16253a;
  padding: 32px;
  min-width: 0;
}
html.cs-page-birdi .related-card-tag {
  color: #ff8299;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 12px;
}
html.cs-page-birdi .case-study .related-card h3 {
  font-size: clamp(24px,2.7vw,32px);
  line-height: 1.3;
  color: #f7f9fc;
  margin: 0 0 28px;
  max-width: 780px;
}
html.cs-page-birdi .related-comparison {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 32px;
}
html.cs-page-birdi .related-card h4 {
  font-size: 17px;
  line-height: 1.4;
  font-weight: 600;
  color: #f7f9fc;
  margin: 0 0 10px;
}
html.cs-page-birdi .related-card p {
  font-size: 16px;
  line-height: 1.75;
  overflow-wrap: anywhere;
}
html.cs-page-birdi .related-comparison p {
  color: #bdcbe0;
  margin: 0;
}
html.cs-page-birdi .related-result {
  margin-top: 28px;
  padding: 24px 0 0;
  border-top: 1px solid #3d4b60;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: end;
  gap: 28px;
}
html.cs-page-birdi .related-result p {
  color: #bdcbe0;
  margin: 0;
  max-width: 780px;
}
html.cs-page-birdi .related-result a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #f7f9fc;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 2px solid #ff8299;
  padding: 10px 0;
}
@media (max-width:899px),(max-height:650px) {
  html.cs-page-birdi .challenge-story {
    display: none;
  }
  html.cs-page-birdi .challenge-mobile {
    display: block;
  }
  html.cs-page-birdi .challenge-mobile-heading {
    margin-bottom: 24px;
  }
  html.cs-page-birdi .case-study .challenge-mobile-heading h2 {
    font-size: 30px;
    line-height: 1.25;
    margin: 0;
    color: #101d30;
  }
  html.cs-page-birdi .challenge-mobile-heading h2 span {
    color: #c92145;
  }
  html.cs-page-birdi .challenge-disclosures {
    display: grid;
    gap: 10px;
  }
  html.cs-page-birdi .challenge-disclosure {
    border: 1px solid #dce2eb;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
  }
  html.cs-page-birdi .challenge-disclosure summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    list-style: none;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
    color: #101d30;
    cursor: pointer;
  }
  html.cs-page-birdi .challenge-disclosure summary::-webkit-details-marker {
    display: none;
  }
  html.cs-page-birdi .challenge-disclosure summary i {
    font-size: 16px;
    color: #c92145;
    flex-shrink: 0;
    transition: transform .18s;
  }
  html.cs-page-birdi .challenge-disclosure[open] summary {
    background: #101d30;
    color: #fff;
  }
  html.cs-page-birdi .challenge-disclosure[open] summary i {
    transform: rotate(180deg);
    color: #ff8299;
  }
  html.cs-page-birdi .challenge-disclosure-body {
    padding: 20px;
  }
  html.cs-page-birdi .challenge-disclosure-body>div+div {
    border-top: 1px solid #e2e6ed;
    padding-top: 18px;
    margin-top: 18px;
  }
  html.cs-page-birdi .challenge-disclosure h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 8px;
    color: #101d30;
  }
  html.cs-page-birdi .challenge-disclosure .mobile-response h3 {
    color: #c92145;
  }
  html.cs-page-birdi .challenge-disclosure p {
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
    color: #535d6c;
  }
}
@media (max-width:767px) {
  html.cs-page-birdi .client-brief .brief-paragraphs p {
    text-align: center !important;
  }
  html.cs-page-birdi .client-brief .brief-facts {
    text-align: left !important;
    padding: 4px 18px;
  }
  html.cs-page-birdi .brief-fact {
    grid-template-columns: 32px minmax(0,1fr);
    gap: 12px;
    padding: 17px 0;
  }
  html.cs-page-birdi .brief-fact-icon {
    height: 32px;
    font-size: 16px;
  }
  html.cs-page-birdi .related-card {
    padding: 22px;
    border-radius: 14px;
  }
  html.cs-page-birdi .related-comparison {
    grid-template-columns: minmax(0,1fr);
    gap: 22px;
  }
  html.cs-page-birdi .related-result {
    grid-template-columns: minmax(0,1fr);
    gap: 18px;
    margin-top: 22px;
    padding-top: 22px;
  }
  html.cs-page-birdi .case-study .related-card h3 {
    font-size: 25px;
    margin-bottom: 24px;
  }
  html.cs-page-birdi .related-result a {
    justify-self: start;
  }
  html.cs-page-birdi .related-switcher {
    gap: 8px;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-birdi .challenge-disclosure summary i {
    transition: none;
  }
}
html.cs-page-birdi .birdi-summary {
  background: radial-gradient(ellipse at 3% 100%,rgba(238,72,101,.25) 0%,rgba(238,72,101,.08) 34%,transparent 64%),radial-gradient(ellipse at 100% 0%,rgba(255,130,153,.17) 0%,transparent 58%),linear-gradient(115deg,#101d30 0%,#14243b 52%,#101d30 100%);
  color: #f6f8fc;
  padding: 40px 0;
}
html.cs-page-birdi .birdi-summary-inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 48px;
  align-items: stretch;
}
html.cs-page-birdi .birdi-summary-identity {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
html.cs-page-birdi .birdi-summary-client {
  display: flex;
  gap: 18px;
  align-items: center;
  width: 100%;
}
html.cs-page-birdi .birdi-summary .birdi-client-name {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.035em;
  margin: 0;
  color: #f6f8fc;
}
html.cs-page-birdi .birdi-summary-sector {
  font-size: 16px;
  color: #bdc8d9;
  border-left: 1px solid #445063;
  padding-left: 18px;
}
html.cs-page-birdi .birdi-summary .birdi-solution {
  font-size: 23px;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: -.025em;
  max-width: 420px;
  margin: 20px 0 22px;
  color: #f6f8fc;
}
html.cs-page-birdi .birdi-summary-status {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 16px;
  line-height: 1.4;
  color: #f6f8fc;
  margin-top: auto;
}
html.cs-page-birdi .birdi-summary-status i {
  color: #ff8299;
  font-size: 16px;
}
html.cs-page-birdi .birdi-summary-facts {
  display: grid;
  grid-template-columns: 1fr 1.12fr;
  column-gap: 32px;
  row-gap: 24px;
  margin: 0;
  padding: 3px 0 3px 40px;
  border-left: 1px solid #394558;
  align-content: space-between;
}
html.cs-page-birdi .birdi-summary-facts>div {
  min-width: 0;
}
html.cs-page-birdi .birdi-summary-facts dt {
  font-size: 16px;
  line-height: 1.4;
  color: #bdc8d9;
  margin: 0 0 8px;
  font-weight: 400;
}
html.cs-page-birdi .birdi-summary-facts dd {
  font-size: 18px;
  line-height: 1.5;
  color: #f6f8fc;
  font-weight: 500;
  margin: 0;
}
@media (max-width:1000px) {
  html.cs-page-birdi .birdi-summary-inner {
    gap: 28px;
    grid-template-columns: 1fr 1.25fr;
  }
  html.cs-page-birdi .birdi-summary-facts {
    padding-left: 28px;
    column-gap: 24px;
  }
  html.cs-page-birdi .birdi-summary .birdi-solution {
    font-size: 21px;
  }
}
@media (max-width:767px) {
  html.cs-page-birdi .birdi-summary {
    padding: 30px 0;
  }
  html.cs-page-birdi .birdi-summary-inner {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  html.cs-page-birdi .birdi-summary .birdi-solution {
    font-size: 22px;
    max-width: 520px;
    margin: 16px 0 18px;
  }
  html.cs-page-birdi .birdi-summary-facts {
    border-left: 0;
    border-top: 1px solid #394558;
    padding: 24px 0 0;
    gap: 22px 24px;
    grid-template-columns: 1fr 1fr;
  }
  html.cs-page-birdi .birdi-summary-facts dd {
    font-size: 16px;
  }
  html.cs-page-birdi .birdi-summary .birdi-client-name {
    font-size: 30px;
  }
}
@media (max-width:359px) {
  html.cs-page-birdi .birdi-summary-facts {
    grid-template-columns: 1fr;
  }
}

/* Fixed presentation exported from the approved page. */
html.cs-page-birdi .case-study .birdi-presentation-1, html.cs-page-birdi .case-study.birdi-presentation-1 { font-family: Lexend, sans-serif; background: rgb(255, 255, 255); color: rgb(16, 29, 48); }
html.cs-page-birdi .case-study .birdi-presentation-2, html.cs-page-birdi .case-study.birdi-presentation-2 { background: rgb(255, 255, 255); padding: clamp(56px, 7vw, 84px) 0px; position: relative; overflow: hidden; }
/* html.cs-page-birdi .case-study .birdi-presentation-3, html.cs-page-birdi .case-study.birdi-presentation-3 { max-width: 1180px; margin: 0px auto; padding: 0px 24px; } */
html.cs-page-birdi .case-study .birdi-presentation-4, html.cs-page-birdi .case-study.birdi-presentation-4 { align-items: center; }
html.cs-page-birdi .case-study .birdi-presentation-5, html.cs-page-birdi .case-study.birdi-presentation-5 { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; }
html.cs-page-birdi .case-study .birdi-presentation-6, html.cs-page-birdi .case-study.birdi-presentation-6 { height: 2px; width: 38px; background: linear-gradient(90deg, rgb(238, 72, 101), rgb(213, 31, 63)); }
html.cs-page-birdi .case-study .birdi-presentation-7, html.cs-page-birdi .case-study.birdi-presentation-7 { font-size: 16px; font-weight: 700; letter-spacing: 0.16em; color: rgb(238, 72, 101); }
html.cs-page-birdi .case-study .birdi-presentation-8, html.cs-page-birdi .case-study.birdi-presentation-8 { font-size: clamp(2.05rem, 4vw, 4rem); line-height: 1.06; font-weight: 700; margin: 0px 0px 22px; letter-spacing: -0.01em; }
html.cs-page-birdi .case-study .birdi-presentation-9, html.cs-page-birdi .case-study.birdi-presentation-9 { color: rgb(238, 72, 101); }
html.cs-page-birdi .case-study .birdi-presentation-10, html.cs-page-birdi .case-study.birdi-presentation-10 { font-size: 17px; line-height: 1.7; color: var(--body); margin: 0px 0px 30px; max-width: 470px; }
html.cs-page-birdi .case-study .birdi-presentation-11, html.cs-page-birdi .case-study.birdi-presentation-11 { display: flex; flex-wrap: wrap; gap: 14px; }
html.cs-page-birdi .case-study .birdi-presentation-12, html.cs-page-birdi .case-study.birdi-presentation-12 { display: inline-flex; align-items: center; gap: 10px; background: linear-gradient(135deg, rgb(238, 72, 101) 0%, rgb(213, 31, 63) 100%); color: rgb(255, 255, 255); font-weight: 600; font-size: 16px; padding: 15px 28px; border-radius: 10px; box-shadow: rgba(213, 31, 63, 0.26) 0px 12px 26px; transition: transform 0.25s, box-shadow 0.25s; }
html.cs-page-birdi .case-study .birdi-presentation-13, html.cs-page-birdi .case-study.birdi-presentation-13 { font-size: 16px; }
html.cs-page-birdi .case-study .birdi-presentation-14, html.cs-page-birdi .case-study.birdi-presentation-14 { position: relative; display: flex; justify-content: center; padding: 24px 0px; }
html.cs-page-birdi .case-study .birdi-presentation-15, html.cs-page-birdi .case-study.birdi-presentation-15 { position: absolute; inset: auto 12% 6%; height: 78%; background: rgb(243, 243, 243); border-radius: 16px; }
html.cs-page-birdi .case-study .birdi-presentation-16, html.cs-page-birdi .case-study.birdi-presentation-16 { position: relative; width: 100%; max-width: 262px; border-radius: 12px; overflow: hidden; box-shadow: rgba(16, 29, 48, 0.24) 0px 34px 74px, rgba(16, 29, 48, 0.1) 0px 6px 16px; }
html.cs-page-birdi .case-study .birdi-presentation-17, html.cs-page-birdi .case-study.birdi-presentation-17 { display: block; width: 100%; height: auto; }
html.cs-page-birdi .case-study .birdi-presentation-18, html.cs-page-birdi .case-study.birdi-presentation-18 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)); gap: 24px; margin-top: clamp(36px, 5vw, 56px); padding-top: 28px; border-top: 1px solid rgba(16, 29, 48, 0.1); }
html.cs-page-birdi .case-study .birdi-presentation-19, html.cs-page-birdi .case-study.birdi-presentation-19 { display: flex; align-items: flex-start; gap: 12px; }
html.cs-page-birdi .case-study .birdi-presentation-20, html.cs-page-birdi .case-study.birdi-presentation-20 { color: rgb(238, 72, 101); font-size: 16px; margin-top: 4px; }
html.cs-page-birdi .case-study .birdi-presentation-21, html.cs-page-birdi .case-study.birdi-presentation-21 { font-size: 16px; font-weight: 700; margin-bottom: 3px; }
html.cs-page-birdi .case-study .birdi-presentation-22, html.cs-page-birdi .case-study.birdi-presentation-22 { font-size: 16px; color: var(--body); line-height: 1.45; }
html.cs-page-birdi .case-study .birdi-presentation-23, html.cs-page-birdi .case-study.birdi-presentation-23 { background: rgb(255, 255, 255); padding: clamp(56px, 7vw, 84px) 0px; }
html.cs-page-birdi .case-study .birdi-presentation-24, html.cs-page-birdi .case-study.birdi-presentation-24 { max-width: 720px; margin: 0px auto clamp(32px, 4vw, 48px); text-align: center; }
html.cs-page-birdi .case-study .birdi-presentation-25, html.cs-page-birdi .case-study.birdi-presentation-25 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.16em; color: rgb(238, 72, 101); font-weight: 700; margin-bottom: 16px; }
html.cs-page-birdi .case-study .birdi-presentation-26, html.cs-page-birdi .case-study.birdi-presentation-26 { font-size: clamp(1.55rem, 2.4vw, 2.1rem); font-weight: 700; line-height: 1.25; margin: 0px; }
html.cs-page-birdi .case-study .birdi-presentation-27, html.cs-page-birdi .case-study.birdi-presentation-27 { background: rgb(243, 243, 243); padding: clamp(56px, 7vw, 84px) 0px; }
html.cs-page-birdi .case-study .birdi-presentation-28, html.cs-page-birdi .case-study.birdi-presentation-28 { max-width: 740px; margin: 0px auto clamp(32px, 4vw, 48px); text-align: center; }
html.cs-page-birdi .case-study .birdi-presentation-29, html.cs-page-birdi .case-study.birdi-presentation-29 { font-size: clamp(1.55rem, 2.4vw, 2.1rem); font-weight: 700; line-height: 1.25; margin: 0px 0px 18px; }
html.cs-page-birdi .case-study .birdi-presentation-30, html.cs-page-birdi .case-study.birdi-presentation-30 { font-size: 16px; line-height: 1.75; color: var(--body); margin: 0px; }
html.cs-page-birdi .case-study .birdi-presentation-31, html.cs-page-birdi .case-study.birdi-presentation-31 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(32px, 5vw, 64px); align-items: center; margin-bottom: clamp(36px, 5vw, 56px); }
html.cs-page-birdi .case-study .birdi-presentation-32, html.cs-page-birdi .case-study.birdi-presentation-32 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.16em; color: rgb(238, 72, 101); font-weight: 700; margin-bottom: 18px; }
html.cs-page-birdi .case-study .birdi-presentation-33, html.cs-page-birdi .case-study.birdi-presentation-33 { font-size: clamp(1.55rem, 2.4vw, 2.1rem); font-weight: 700; line-height: 1.25; margin: 0px 0px 20px; }
html.cs-page-birdi .case-study .birdi-presentation-34, html.cs-page-birdi .case-study.birdi-presentation-34 { font-size: 16px; line-height: 1.75; color: var(--body); margin: 0px 0px 14px; }
html.cs-page-birdi .case-study .birdi-presentation-35, html.cs-page-birdi .case-study.birdi-presentation-35 { display: flex; justify-content: center; gap: 16px; }
html.cs-page-birdi .case-study .birdi-presentation-36, html.cs-page-birdi .case-study.birdi-presentation-36 { width: 46%; max-width: 190px; border-radius: 12px; overflow: hidden; box-shadow: rgba(16, 29, 48, 0.18) 0px 24px 54px; align-self: flex-start; }
html.cs-page-birdi .case-study .birdi-presentation-37, html.cs-page-birdi .case-study.birdi-presentation-37 { width: 46%; max-width: 190px; border-radius: 12px; overflow: hidden; box-shadow: rgba(16, 29, 48, 0.18) 0px 24px 54px; align-self: flex-end; }
html.cs-page-birdi .case-study .birdi-presentation-38, html.cs-page-birdi .case-study.birdi-presentation-38 { width: 10%; }
html.cs-page-birdi .case-study .birdi-presentation-39, html.cs-page-birdi .case-study.birdi-presentation-39 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(28px, 4vw, 52px); align-items: center; }
html.cs-page-birdi .case-study .birdi-presentation-40, html.cs-page-birdi .case-study.birdi-presentation-40 { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
html.cs-page-birdi .case-study .birdi-presentation-41, html.cs-page-birdi .case-study.birdi-presentation-41 { width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(135deg, rgb(238, 72, 101), rgb(213, 31, 63)); display: inline-flex; align-items: center; justify-content: center; }
html.cs-page-birdi .case-study .birdi-presentation-42, html.cs-page-birdi .case-study.birdi-presentation-42 { color: rgb(255, 255, 255); font-size: 16px; }
html.cs-page-birdi .case-study .birdi-presentation-43, html.cs-page-birdi .case-study.birdi-presentation-43 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.14em; font-weight: 700; color: rgb(16, 29, 48); }
html.cs-page-birdi .case-study .birdi-presentation-44, html.cs-page-birdi .case-study.birdi-presentation-44 { font-size: 16px; line-height: 1.75; color: var(--body); margin: 0px 0px 26px; }
html.cs-page-birdi .case-study .birdi-presentation-45, html.cs-page-birdi .case-study.birdi-presentation-45 { display: flex; flex-direction: column; gap: 0px; }
html.cs-page-birdi .case-study .birdi-presentation-46, html.cs-page-birdi .case-study.birdi-presentation-46 { display: flex; gap: 16px; align-items: center; padding: 15px 0px; border-top: 1px solid rgba(16, 29, 48, 0.12); }
html.cs-page-birdi .case-study .birdi-presentation-47, html.cs-page-birdi .case-study.birdi-presentation-47 { font-size: 16px; font-weight: 700; color: rgb(238, 72, 101); min-width: 22px; }
html.cs-page-birdi .case-study .birdi-presentation-48, html.cs-page-birdi .case-study.birdi-presentation-48 { font-size: 16px; line-height: 1.55; color: rgb(16, 29, 48); }
html.cs-page-birdi .case-study .birdi-presentation-49, html.cs-page-birdi .case-study.birdi-presentation-49 { display: flex; justify-content: center; }
html.cs-page-birdi .case-study .birdi-presentation-50, html.cs-page-birdi .case-study.birdi-presentation-50 { width: 100%; max-width: 250px; border-radius: 12px; overflow: hidden; box-shadow: rgba(16, 29, 48, 0.22) 0px 28px 60px; }
html.cs-page-birdi .case-study .birdi-presentation-51, html.cs-page-birdi .case-study.birdi-presentation-51 { position: relative; overflow: hidden; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.57), rgb(239, 239, 255)), url("../../case-studies/birdi/uploads/cs-chal-sol-bg.webp"); background-position: center center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; padding: clamp(56px, 7vw, 84px) 0px; color: rgb(16, 29, 48); }
html.cs-page-birdi .case-study .birdi-presentation-52, html.cs-page-birdi .case-study.birdi-presentation-52 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(32px, 5vw, 64px); align-items: center; margin-bottom: clamp(40px, 5vw, 60px); }
html.cs-page-birdi .case-study .birdi-presentation-53, html.cs-page-birdi .case-study.birdi-presentation-53 { position: relative; display: flex; justify-content: center; }
html.cs-page-birdi .case-study .birdi-presentation-54, html.cs-page-birdi .case-study.birdi-presentation-54 { width: 100%; max-width: 236px; border-radius: 12px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.42) 0px 30px 66px; }
html.cs-page-birdi .case-study .birdi-presentation-55, html.cs-page-birdi .case-study.birdi-presentation-55 { position: absolute; top: 12%; right: 0px; background: rgb(255, 255, 255); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.3) 0px 16px 34px; padding: 10px 15px; display: flex; align-items: center; gap: 9px; }
html.cs-page-birdi .case-study .birdi-presentation-56, html.cs-page-birdi .case-study.birdi-presentation-56 { width: 24px; height: 24px; border-radius: 50%; background: rgb(31, 158, 92); display: inline-flex; align-items: center; justify-content: center; }
html.cs-page-birdi .case-study .birdi-presentation-57, html.cs-page-birdi .case-study.birdi-presentation-57 { font-size: 16px; font-weight: 700; color: rgb(16, 29, 48); }
html.cs-page-birdi .case-study .birdi-presentation-58, html.cs-page-birdi .case-study.birdi-presentation-58 { display: flex; align-items: center; gap: 16px; margin-bottom: 8px; }
html.cs-page-birdi .case-study .birdi-presentation-59, html.cs-page-birdi .case-study.birdi-presentation-59 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.14em; font-weight: 700; color: rgb(16, 29, 48); white-space: normal; }
html.cs-page-birdi .case-study .birdi-presentation-60, html.cs-page-birdi .case-study.birdi-presentation-60 { height: 1px; flex: 1 1 0%; background: rgba(16, 29, 48, 0.15); }
html.cs-page-birdi .case-study .birdi-presentation-61, html.cs-page-birdi .case-study.birdi-presentation-61 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 0px 56px; }
html.cs-page-birdi .case-study .birdi-presentation-62, html.cs-page-birdi .case-study.birdi-presentation-62 { display: flex; gap: 16px; align-items: center; padding: 20px 0px; border-bottom: 1px solid rgba(16, 29, 48, 0.12); }
html.cs-page-birdi .case-study .birdi-presentation-63, html.cs-page-birdi .case-study.birdi-presentation-63 { color: rgb(238, 72, 101); font-size: 22px; width: 24px; flex-shrink: 0; }
html.cs-page-birdi .case-study .birdi-presentation-64, html.cs-page-birdi .case-study.birdi-presentation-64 { font-size: 16px; line-height: 1.7; color: rgb(83, 93, 108); font-weight: 300; }
html.cs-page-birdi .case-study .birdi-presentation-65, html.cs-page-birdi .case-study.birdi-presentation-65 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 32px; align-items: end; margin-bottom: clamp(32px, 4vw, 44px); }
html.cs-page-birdi .case-study .birdi-presentation-66, html.cs-page-birdi .case-study.birdi-presentation-66 { max-width: 640px; margin-bottom: clamp(32px, 4vw, 44px); }
html.cs-page-birdi .case-study .birdi-presentation-67, html.cs-page-birdi .case-study.birdi-presentation-67 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 20px 40px; align-items: center; padding: 26px 0px; border-top: 1px solid rgba(16, 29, 48, 0.12); }
html.cs-page-birdi .case-study .birdi-presentation-68, html.cs-page-birdi .case-study.birdi-presentation-68 { display: flex; align-items: baseline; gap: 14px; }
html.cs-page-birdi .case-study .birdi-presentation-69, html.cs-page-birdi .case-study.birdi-presentation-69 { font-size: 16px; font-weight: 700; color: rgb(238, 72, 101); }
html.cs-page-birdi .case-study .birdi-presentation-70, html.cs-page-birdi .case-study.birdi-presentation-70 { font-size: 16.5px; font-weight: 700; line-height: 1.3; }
html.cs-page-birdi .case-study .birdi-presentation-71, html.cs-page-birdi .case-study.birdi-presentation-71 { display: flex; flex-wrap: wrap; gap: 10px; min-width: 0px; }
html.cs-page-birdi .case-study .birdi-presentation-72, html.cs-page-birdi .case-study.birdi-presentation-72 { display: flex; align-items: center; gap: 9px; background: rgb(243, 243, 243); border-radius: 8px; padding: 10px 16px; transition: background 0.3s, color 0.3s; }
html.cs-page-birdi .case-study .birdi-presentation-73, html.cs-page-birdi .case-study.birdi-presentation-73 { color: rgb(238, 72, 101); font-size: 16px; }
html.cs-page-birdi .case-study .birdi-presentation-74, html.cs-page-birdi .case-study.birdi-presentation-74 { font-size: 16px; font-weight: 600; }
html.cs-page-birdi .case-study .birdi-presentation-75, html.cs-page-birdi .case-study.birdi-presentation-75 { font-size: 16px; opacity: 1; }
html.cs-page-birdi .case-study .birdi-presentation-76, html.cs-page-birdi .case-study.birdi-presentation-76 { max-width: 1180px; margin: 0px auto; padding: 0px 24px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(32px, 5vw, 64px); align-items: center; }
html.cs-page-birdi .case-study .birdi-presentation-77, html.cs-page-birdi .case-study.birdi-presentation-77 { font-size: 16px; line-height: 1.75; color: var(--body); margin: 0px 0px 28px; max-width: 480px; }
html.cs-page-birdi .case-study .birdi-presentation-78, html.cs-page-birdi .case-study.birdi-presentation-78 { display: inline-flex; align-items: center; gap: 10px; background: linear-gradient(135deg, rgb(238, 72, 101), rgb(213, 31, 63)); color: rgb(255, 255, 255); font-weight: 600; font-size: 16px; padding: 16px 32px; border-radius: 10px; box-shadow: rgba(213, 31, 63, 0.26) 0px 14px 30px; transition: transform 0.25s, box-shadow 0.25s; }
html.cs-page-birdi .case-study .birdi-presentation-79, html.cs-page-birdi .case-study.birdi-presentation-79 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.14em; color: rgb(16, 29, 48); font-weight: 700; margin-bottom: 6px; }
html.cs-page-birdi .case-study .birdi-presentation-80, html.cs-page-birdi .case-study.birdi-presentation-80 { display: flex; align-items: center; gap: 14px; padding: 16px 0px; border-bottom: 1px solid rgba(16, 29, 48, 0.12); }
html.cs-page-birdi .case-study .birdi-presentation-81, html.cs-page-birdi .case-study.birdi-presentation-81 { color: rgb(238, 72, 101); font-size: 16px; width: 20px; }
html.cs-page-birdi .case-study .birdi-presentation-82, html.cs-page-birdi .case-study.birdi-presentation-82 { font-size: 16px; font-weight: 500; }
html.cs-page-birdi .case-study .birdi-presentation-83, html.cs-page-birdi .case-study.birdi-presentation-83 { position: sticky; top: 70px; }
html.cs-page-birdi .case-study .birdi-presentation-84, html.cs-page-birdi .case-study.birdi-presentation-84 { font-size: clamp(1.55rem, 2.4vw, 2.1rem); font-weight: 700; line-height: 1.25; margin: 0px 0px 16px; }
html.cs-page-birdi .case-study .birdi-presentation-85, html.cs-page-birdi .case-study.birdi-presentation-85 { font-size: 16px; line-height: 1.7; color: var(--body); margin: 0px; max-width: 330px; }
html.cs-page-birdi .case-study h2 { font-size: clamp(22px,2.1vw,30px) !important; line-height: 1.3 !important; }
html.cs-page-birdi .case-study .hero-section h1 { font-size: clamp(32px,4.2vw,46px); }

/* Original file: birdi/css/bootstrap4-integration.css */
/* Bootstrap 4 grid and tabs, adjusted to preserve the approved Birdi design. */
html.cs-page-birdi .case-study .hero-layout.row,
html.cs-page-birdi .case-study .brief-layout.row {
  --birdi-column-gap: clamp(32px, 5vw, 64px);
  display: flex !important;
  gap: 0 !important;
  margin-left: 0;
  margin-right: 0;
}
html.cs-page-birdi .case-study .brief-layout.row { --birdi-column-gap: clamp(32px, 5vw, 56px); }
html.cs-page-birdi .case-study .hero-layout.row > .col-md-6,
html.cs-page-birdi .case-study .brief-layout.row > .col-md-6 {
  padding-left: calc(var(--birdi-column-gap) * 0.5);
  padding-right: calc(var(--birdi-column-gap) * 0.5);
}
html.cs-page-birdi .case-study .hero-layout.row > .col-md-6:first-child,
html.cs-page-birdi .case-study .brief-layout.row > .col-md-6:first-child { padding-left: 0; }
html.cs-page-birdi .case-study .hero-layout.row > .col-md-6:last-child,
html.cs-page-birdi .case-study .brief-layout.row > .col-md-6:last-child { padding-right: 0; }
html.cs-page-birdi .case-study .birdi-contact-button {
  border: 0;
  line-height: normal;
  text-align: inherit;
  vertical-align: baseline;
}
html.cs-page-birdi .case-study .birdi-contact-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 34px rgba(213,31,63,.34);
  color: #fff;
}
html.cs-page-birdi .case-study .birdi-tech-pill:hover { background: #101d30; color: #fff; }
html.cs-page-birdi .case-study .feature-tabs.nav-tabs { border-bottom: 0; }
html.cs-page-birdi .case-study .feature-tabs.nav-tabs .nav-link {
  border: 0;
  margin-bottom: 0;
  padding: 20px 8px;
  color: #101d30;
  line-height: 1.4;
}
html.cs-page-birdi .case-study .feature-tabs.nav-tabs .nav-link.active { background: #fff; color: #101d30; }
html.cs-page-birdi .case-study .tab-content > .features-panel.active { display: grid; }
@media (max-width: 767px) {
  html.cs-page-birdi .case-study .hero-layout.row,
  html.cs-page-birdi .case-study .brief-layout.row { margin-left: 0; margin-right: 0; }
  html.cs-page-birdi .case-study .hero-layout.row > .col-md-6,
  html.cs-page-birdi .case-study .brief-layout.row > .col-md-6 { padding-left: 0; padding-right: 0; }
  html.cs-page-birdi .case-study .brief-layout.row > .col-md-6 + .col-md-6 { margin-top: 32px; }
}
@media (max-width: 460px) {
  html.cs-page-birdi .case-study .feature-tabs.nav-tabs .nav-link { padding: 16px 6px; }
}
@media (prefers-reduced-motion: reduce) {
  html.cs-page-birdi .case-study .birdi-contact-button:hover { transform: none; }
}

/* ================================================================
   Page namespace: birdi-capital (cs-page-birdi-capital)
   ================================================================ */

/* Original file: birdi-capital/css/birdi.css */
/* Bootstrap Reboot is normalized to the approved page typography. */
html.cs-page-birdi-capital,html.cs-page-birdi-capital body{height:100%;}
html.cs-page-birdi-capital body{line-height:normal;}
html.cs-page-birdi-capital h1,html.cs-page-birdi-capital h2,html.cs-page-birdi-capital h3,html.cs-page-birdi-capital h4,html.cs-page-birdi-capital h5,html.cs-page-birdi-capital h6{font-size:revert;font-weight:revert;line-height:normal;margin:revert;}
html.cs-page-birdi-capital p,html.cs-page-birdi-capital dl,html.cs-page-birdi-capital dd,html.cs-page-birdi-capital figure{margin:revert;}
html.cs-page-birdi-capital a:hover{text-decoration:none;}
html.cs-page-birdi-capital button{line-height:normal;}

/* Birdi shared styles. Cascade order is intentional; responsive rules remain beside their applicable defaults. */
html.cs-page-birdi-capital body {
  margin: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}
html.cs-page-birdi-capital * {
  box-sizing: border-box;
}
html.cs-page-birdi-capital .case-study section a {
  color: #ee4865;
  text-decoration: none;
}
html.cs-page-birdi-capital .case-study section a:hover {
  color: #101d30;
}
html.cs-page-birdi-capital {
  font-size: max(16px,100%);
}
html.cs-page-birdi-capital body {
  font-size: 16px;
}
html.cs-page-birdi-capital button,html.cs-page-birdi-capital summary {
  font: inherit;
}
html.cs-page-birdi-capital button {
  cursor: pointer;
}
html.cs-page-birdi-capital img {
  max-width: 100%;
}
html.cs-page-birdi-capital button:focus-visible,html.cs-page-birdi-capital summary:focus-visible,html.cs-page-birdi-capital [tabindex]:focus-visible {
  outline: 3px solid #ee4865;
  outline-offset: 5px;
}
html.cs-page-birdi-capital .section-container {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  background: transparent;
}
html.cs-page-birdi-capital .section-heading {
  margin-bottom: clamp(32px,4vw,48px);
}
html.cs-page-birdi-capital .centered {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
html.cs-page-birdi-capital .eyebrow {
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 700;
  color: #ee4865;
  margin: 0 0 18px;
}
html.cs-page-birdi-capital .section-heading h2 {
  font-size: clamp(1.55rem,2.4vw,2.1rem);
  line-height: 1.25;
  margin: 0;
}
html.cs-page-birdi-capital .section-heading h2 span {
  color: #ee4865;
}
html.cs-page-birdi-capital .workflow-section {
  padding: clamp(56px,7vw,84px) 0;
  background: linear-gradient(135deg,#0e1d31 0%,#15233b 100%);
  color: #fff;
}
html.cs-page-birdi-capital .workflow-layout {
  display: grid;
  grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr);
  gap: clamp(36px,6vw,80px);
  align-items: start;
}
html.cs-page-birdi-capital .workflow-sticky {
  position: sticky;
  top: 24px;
  min-width: 0;
}
/* Short screens need normal page scrolling, not a taller sticky panel. */
@media (max-height:650px) {
  html.cs-page-birdi-capital .workflow-sticky { position: relative; top: auto; }
}
html.cs-page-birdi-capital .workflow-visual-heading {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .1em;
  margin-bottom: 18px;
}
html.cs-page-birdi-capital .workflow-visual-heading span:first-child {
  color: var(--body);
}
html.cs-page-birdi-capital .workflow-stage {
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(300px,56vh,560px);
  overflow: hidden;
  color: #101d30;
}
html.cs-page-birdi-capital .workflow-screen {
  display: block;
  animation: cs-page-birdi-capital-visual-arrive .4s ease;
}
html.cs-page-birdi-capital .workflow-caption {
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  margin: 18px 0 16px;
  font-weight: 500;
}
html.cs-page-birdi-capital .workflow-progress {
  height: 3px;
  background: rgba(255,255,255,.2);
}
html.cs-page-birdi-capital .workflow-progress span {
  display: block;
  height: 100%;
  background: #ee4865;
  transition: width .35s ease;
}
html.cs-page-birdi-capital .workflow-explainer {
  width: 100%;
}
html.cs-page-birdi-capital .workflow-explainer>i {
  font-size: 44px;
  color: #ee4865;
  margin-bottom: 24px;
}
html.cs-page-birdi-capital .workflow-explainer h3 {
  font-size: 24px;
  line-height: 1.3;
  margin: 0 0 24px;
}
html.cs-page-birdi-capital .explainer-rows {
  display: grid;
  gap: 0;
}
html.cs-page-birdi-capital .explainer-rows>div {
  border-top: 1px solid #e9d3db;
  padding: 14px 0;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  line-height: 1.4;
}
html.cs-page-birdi-capital .explainer-rows i {
  color: #ee4865;
  font-size: 16px;
}
html.cs-page-birdi-capital .illustration-note {
  font-size: 16px;
  font-weight: 500;
  color: #101d30;
  margin: 18px 0 0;
}
html.cs-page-birdi-capital .workflow-timeline {
  border-left: 1px solid rgba(255,255,255,.3);
  padding-left: 32px;
}
html.cs-page-birdi-capital .workflow-step {
  position: relative;
  padding: 0 0 56px;
}
html.cs-page-birdi-capital .workflow-step:last-child {
  padding-bottom: 0;
  min-height: 200px;
}
html.cs-page-birdi-capital .workflow-step:before {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  left: -38px;
  border: 2px solid #ee4865;
  background: #101d30;
  border-radius: 50%;
  transition: box-shadow .25s,background .25s;
}
html.cs-page-birdi-capital .workflow-step.is-active:before {
  background: #ee4865;
  box-shadow: 0 0 0 7px rgba(238,72,101,.18);
}
html.cs-page-birdi-capital .workflow-step-number {
  letter-spacing: .08em;
  display: flex;
  align-items: baseline;
  margin-bottom: 12px;
}
html.cs-page-birdi-capital .workflow-step h3 {
  color: #fff;
  margin: 0 0 16px;
  transition: color .25s;
}
html.cs-page-birdi-capital .workflow-step.is-active h3 {
  color: #ee4865;
}
html.cs-page-birdi-capital .workflow-step p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  color: #fff;
}
html.cs-page-birdi-capital .features-intro {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 64px;
  align-items: end;
  margin-bottom: 40px;
}
html.cs-page-birdi-capital .feature-tabs {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
}
html.cs-page-birdi-capital .feature-tab {
  border-bottom: 3px solid transparent;
  background: transparent;
  color: #101d30;
  padding: 20px 8px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  text-align: left;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
}
html.cs-page-birdi-capital .feature-tab i {
  font-size: 18px;
  color: #ee4865;
}
html.cs-page-birdi-capital .feature-tab.is-active {
  border-color: #ee4865;
}
html.cs-page-birdi-capital .features-panel {
  display: grid;
  grid-template-columns: 260px minmax(0,1fr);
  gap: 54px;
  padding: 40px 0;
}
html.cs-page-birdi-capital .feature-panel-number {
  line-height: 1;
  color: #ee4865;
  font-weight: 600;
}
html.cs-page-birdi-capital .feature-panel-heading h3 {
  font-size: 24px;
  line-height: 1.3;
  margin: 16px 0 12px;
}
html.cs-page-birdi-capital .feature-panel-heading p {
  font-size: 16px;
  color: #101d30;
}
html.cs-page-birdi-capital .feature-items {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 32px;
}
html.cs-page-birdi-capital .feature-item {
  border-left: 2px solid #ee4865;
  padding-left: 20px;
}
html.cs-page-birdi-capital .feature-item h4 {
  font-size: 17px;
  line-height: 1.4;
  margin: 0 0 12px;
}
html.cs-page-birdi-capital .feature-item p {
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
  color: #101d30;
}
html.cs-page-birdi-capital .editorial-accordion {
  border-top: 1px solid #c7d0dd;
  color: #101d30;
}
html.cs-page-birdi-capital .editorial-accordion:last-child {
  border-bottom: 1px solid #c7d0dd;
}
html.cs-page-birdi-capital .editorial-accordion summary {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 26px 0;
  cursor: pointer;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 600;
}
html.cs-page-birdi-capital .editorial-accordion summary::-webkit-details-marker {
  display: none;
}
html.cs-page-birdi-capital .editorial-accordion summary>span:not(.accordion-number) {
  flex: 1;
}
html.cs-page-birdi-capital .editorial-accordion summary>i {
  color: #ee4865;
  font-size: 16px;
  transition: transform .25s;
}
html.cs-page-birdi-capital .accordion-number {
  font-size: 28px;
  color: #ee4865;
  font-weight: 600;
}
html.cs-page-birdi-capital .editorial-accordion[open] summary {
  color: #c92145;
}
html.cs-page-birdi-capital .editorial-accordion[open] summary>i {
  transform: rotate(45deg);
}
html.cs-page-birdi-capital .accordion-content {
  padding: 0 0 28px 64px;
  animation: cs-page-birdi-capital-content-arrive .3s ease;
}
html.cs-page-birdi-capital .accordion-content p {
  font-size: 16px;
  line-height: 1.75;
  margin: 12px 0 0;
  color: #101d30;
}
html.cs-page-birdi-capital .lift-card {
  transition: transform .3s,box-shadow .3s;
}
html.cs-page-birdi-capital .lift-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 36px rgba(16,29,48,.1);
}
html.cs-page-birdi-capital .parallax-visual {
  will-change: transform;
}
html.cs-page-birdi-capital .faq-section>div {
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
  gap: 64px;
  align-items: start;
}
html.cs-page-birdi-capital .faq-list {
  min-width: 0;
}
html.cs-page-birdi-capital .faq-list .accordion-content {
  padding-left: 0;
}
@keyframes cs-page-birdi-capital-content-arrive{from{transform:translateY(10px)}to{transform:translateY(0)}}
@keyframes cs-page-birdi-capital-visual-arrive{from{transform:translateY(12px) scale(.98)}to{transform:translateY(0) scale(1)}}
@media (max-width:900px) {
  html.cs-page-birdi-capital .workflow-layout {
    gap: 36px;
    grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
  }
  html.cs-page-birdi-capital .features-panel {
    grid-template-columns: 210px minmax(0,1fr);
    gap: 32px;
  }
  html.cs-page-birdi-capital .feature-tabs {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  html.cs-page-birdi-capital .features-intro {
    gap: 32px;
  }
}
@media (max-width:700px) {
  html.cs-page-birdi-capital .workflow-layout,html.cs-page-birdi-capital .features-intro,html.cs-page-birdi-capital .features-panel,html.cs-page-birdi-capital .faq-section>div {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  html.cs-page-birdi-capital .workflow-sticky {
    position: relative;
    top: auto;
  }
  html.cs-page-birdi-capital .workflow-stage {
    height: 440px;
  }
  html.cs-page-birdi-capital .workflow-timeline {
    margin-left: 6px;
  }
  html.cs-page-birdi-capital .workflow-step:last-child {
    min-height: 0;
  }
  html.cs-page-birdi-capital .workflow-explainer h3 {
    font-size: 22px;
  }
  html.cs-page-birdi-capital .feature-items {
    gap: 24px;
  }
  html.cs-page-birdi-capital .faq-section>div>div:first-child {
    position: static !important;
  }
  html.cs-page-birdi-capital .accordion-content {
    padding-left: 0;
  }
  html.cs-page-birdi-capital .editorial-accordion summary {
    gap: 16px;
    font-size: 17px;
  }
  html.cs-page-birdi-capital .parallax-visual {
    transform: none !important;
  }
}
@media (max-width:460px) {
  html.cs-page-birdi-capital .feature-items,html.cs-page-birdi-capital .industry-grid {
    grid-template-columns: 1fr;
  }
  html.cs-page-birdi-capital .feature-tab {
    font-size: 16px;
    padding: 16px 8px;
    overflow-wrap: anywhere;
  }
  html.cs-page-birdi-capital .workflow-stage {
    height: 420px;
  }
  html.cs-page-birdi-capital .workflow-timeline {
    padding-left: 24px;
  }
  html.cs-page-birdi-capital .workflow-step:before {
    left: -30px;
  }
}
@media (max-height:740px) and (min-width:701px) {
  html.cs-page-birdi-capital .workflow-stage {
    height: 360px;
  }
  html.cs-page-birdi-capital .workflow-explainer>i {
    font-size: 28px;
    margin-bottom: 12px;
  }
  html.cs-page-birdi-capital .workflow-explainer h3 {
    font-size: 22px;
    margin-bottom: 12px;
  }
  html.cs-page-birdi-capital .explainer-rows>div {
    padding: 10px 0;
  }
  html.cs-page-birdi-capital .illustration-note {
    margin-top: 12px;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-birdi-capital,html.cs-page-birdi-capital body {
    scroll-behavior: auto !important;
  }
  html.cs-page-birdi-capital *,html.cs-page-birdi-capital *:before,html.cs-page-birdi-capital *:after {
    animation: none !important;
    transition: none !important;
  }
  html.cs-page-birdi-capital .parallax-visual {
    transform: none !important;
  }
}
html.cs-page-birdi-capital .case-study {
  --body: #6f6f6f;
  --heading: #101d30;
  --accent: #ee4865;
}
html.cs-page-birdi-capital .case-study section {
  --body: #6f6f6f;
  --heading: #101d30;
}
html.cs-page-birdi-capital .case-study section[data-theme="dark"] {
  --body: #b8cbe5;
  --heading: #fff;
}
html.cs-page-birdi-capital .case-study p {
  color: var(--body);
}
html.cs-page-birdi-capital .case-study p.eyebrow {
  color: #ee4865;
}
html.cs-page-birdi-capital .case-study h2,html.cs-page-birdi-capital .case-study h3,html.cs-page-birdi-capital .case-study h4 {
  color: var(--heading);
}
html.cs-page-birdi-capital .workflow-stage {
  --body: #6f6f6f;
  --heading: #101d30;
  background: linear-gradient(155deg,#fff 30%,#eaf1fa);
  border: 1px solid rgba(255,255,255,.2);
  box-shadow: 0 24px 60px rgba(0,0,0,.2);
}
html.cs-page-birdi-capital .workflow-step-number {
  font-size: 16px;
  line-height: 1.5;
  gap: 7px;
  color: var(--body);
  font-weight: 400;
}
html.cs-page-birdi-capital .workflow-step-number strong {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  color: inherit;
  letter-spacing: inherit;
}
html.cs-page-birdi-capital .workflow-step {
  min-height: 200px;
  padding-bottom: 48px;
}
html.cs-page-birdi-capital .workflow-step:before {
  top: 7px;
}
html.cs-page-birdi-capital .workflow-step h3 {
  font-size: 24px;
  line-height: 1.35;
}
html.cs-page-birdi-capital .workflow-step p,html.cs-page-birdi-capital .workflow-caption {
  color: var(--body);
}
html.cs-page-birdi-capital .illustration-note,html.cs-page-birdi-capital .feature-panel-heading p,html.cs-page-birdi-capital .feature-item p,html.cs-page-birdi-capital .accordion-content p {
  color: var(--body);
}
html.cs-page-birdi-capital .problems-section {
  padding: clamp(56px,7vw,84px) 0;
  background: #f3f3f3;
}
html.cs-page-birdi-capital .problems-layout {
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
  gap: clamp(40px,6vw,80px);
  align-items: start;
}
html.cs-page-birdi-capital .problems-heading {
  position: static;
  align-self: start;
  padding: 28px 0;
  border-top: 2px solid #ee4865;
}
html.cs-page-birdi-capital .problems-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.18;
  letter-spacing: -.035em;
  margin: 0 0 24px;
}
html.cs-page-birdi-capital .problems-heading h2 span {
  color: #ee4865;
}
html.cs-page-birdi-capital .section-subtext {
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
  max-width: 390px;
}
html.cs-page-birdi-capital .problems-note {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 32px;
}
html.cs-page-birdi-capital .problems-note>span {
  height: 44px;
  width: 3px;
  background: #ee4865;
}
html.cs-page-birdi-capital .problems-note p {
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
}
html.cs-page-birdi-capital .problem-accordions {
  display: grid;
  gap: 12px;
}
html.cs-page-birdi-capital .problem-item {
  background: #fff;
  border: 1px solid #e0e7f0;
  border-radius: 14px;
  transition: border-color .3s,box-shadow .3s;
}
html.cs-page-birdi-capital .problem-item.is-open {
  border-color: #ee4865;
  box-shadow: 0 16px 40px rgba(16,29,48,.06);
}
html.cs-page-birdi-capital .problem-item h3 {
  margin: 0;
}
html.cs-page-birdi-capital .problem-item button {
  width: 100%;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  background: transparent;
  border: 0;
  color: #101d30;
  padding: 22px 24px;
  font-family: inherit;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  border-radius: 14px;
}
html.cs-page-birdi-capital .problem-item button:hover {
  color: #c92145;
}
html.cs-page-birdi-capital .problem-toggle {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d9e2ed;
  color: #101d30;
  transition: background .3s,transform .3s,color .3s;
}
html.cs-page-birdi-capital .problem-toggle i {
  font-size: 16px;
}
html.cs-page-birdi-capital .is-open .problem-toggle {
  background: #ee4865;
  border-color: #ee4865;
  color: #fff;
  transform: rotate(45deg);
}
html.cs-page-birdi-capital .problem-reveal {
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  transition: grid-template-rows .35s ease,visibility .35s;
}
html.cs-page-birdi-capital .problem-reveal>div {
  min-height: 0;
  overflow: hidden;
}
html.cs-page-birdi-capital .is-open .problem-reveal {
  grid-template-rows: 1fr;
  visibility: visible;
}
html.cs-page-birdi-capital .problem-answer {
  padding: 0 24px 24px;
}
html.cs-page-birdi-capital .problem-answer p {
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
  border-top: 1px solid #e7edf5;
  padding-top: 18px;
  color: var(--body);
}
html.cs-page-birdi-capital .industry-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 20px;
  align-items: stretch;
}
html.cs-page-birdi-capital .industry-flip {
  appearance: none;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  perspective: 1200px;
  text-align: left;
  font-family: inherit;
  color: #101d30;
  border-radius: 16px;
}
html.cs-page-birdi-capital .flip-inner {
  display: grid;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform .65s cubic-bezier(.22,.61,.36,1);
  position: relative;
}
html.cs-page-birdi-capital .industry-flip.is-flipped .flip-inner {
  transform: rotateY(180deg);
}
html.cs-page-birdi-capital .flip-front,html.cs-page-birdi-capital .flip-back {
  grid-area: 1/1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  padding: 26px;
  border-radius: 16px;
  border: 1px solid #dce5f0;
  min-width: 0;
}
html.cs-page-birdi-capital .flip-front {
  background: #fff;
  transform: rotateY(0deg);
}
html.cs-page-birdi-capital .flip-front>i {
  font-size: 28px;
  color: #ee4865;
}
html.cs-page-birdi-capital .flip-front strong {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.35;
  color: #101d30;
}
html.cs-page-birdi-capital .flip-hint {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 16px;
  line-height: 1.4;
  color: #6f6f6f;
  border-top: 1px solid #e6ecf4;
  padding-top: 16px;
}
html.cs-page-birdi-capital .flip-hint i {
  font-size: 16px;
  color: #ee4865;
}
html.cs-page-birdi-capital .flip-back {
  transform: rotateY(180deg);
  background: linear-gradient(135deg,#0e1d31,#15233b);
  border-color: #15233b;
  color: #fff;
}
html.cs-page-birdi-capital .flip-back-label {
  font-size: 16px;
  color: #ff8299;
  font-weight: 600;
}
html.cs-page-birdi-capital .flip-description {
  font-size: 16px;
  line-height: 1.7;
  color: #d1def0;
}
html.cs-page-birdi-capital .flip-back-hint {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 16px;
  color: #b8cbe5;
}
html.cs-page-birdi-capital .flip-back-hint i {
  font-size: 16px;
}
html.cs-page-birdi-capital .feature-tabs {
  gap: 8px;
  border-bottom: 0;
  padding: 6px;
  background: #f0f4f9;
  border-radius: 14px;
}
html.cs-page-birdi-capital .feature-tab {
  border: 0;
  border-radius: 10px;
  transition: background .25s,box-shadow .25s;
}
html.cs-page-birdi-capital .feature-tab.is-active {
  background: #fff;
  box-shadow: 0 4px 15px rgba(16,29,48,.08);
}
html.cs-page-birdi-capital .feature-tab:hover {
  background: #fff;
}
html.cs-page-birdi-capital .feature-panel-number {
  font-size: 40px;
}
html.cs-page-birdi-capital .features-panel {
  padding-top: 32px;
}
html.cs-page-birdi-capital .case-study a.contact-link {
  overflow: hidden;
  position: relative;
}
html.cs-page-birdi-capital .case-study a.contact-link i {
  transition: transform .25s;
}
html.cs-page-birdi-capital .case-study a.contact-link:hover i {
  transform: translateX(5px);
}
@media (max-width:900px) {
  html.cs-page-birdi-capital .industry-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  html.cs-page-birdi-capital .problems-layout {
    gap: 32px;
  }
  html.cs-page-birdi-capital .problem-item button {
    padding: 20px;
    font-size: 17px;
  }
  html.cs-page-birdi-capital .problem-answer {
    padding: 0 20px 20px;
  }
}
@media (max-width:700px) {
  html.cs-page-birdi-capital .problems-layout {
    grid-template-columns: 1fr;
  }
  html.cs-page-birdi-capital .problems-heading {
    position: static;
  }
  html.cs-page-birdi-capital .problems-heading .section-subtext {
    max-width: none;
  }
  html.cs-page-birdi-capital .problems-note {
    display: none;
  }
  html.cs-page-birdi-capital .workflow-step {
    min-height: 0;
  }
  html.cs-page-birdi-capital .workflow-step-number,html.cs-page-birdi-capital .workflow-step-number strong {
    font-size: 16px;
  }
  html.cs-page-birdi-capital .flip-front,html.cs-page-birdi-capital .flip-back {
    padding: 22px;
    gap: 18px;
  }
}
@media (max-width:480px) {
  html.cs-page-birdi-capital .industry-grid {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-birdi-capital .flip-inner,html.cs-page-birdi-capital .problem-reveal,html.cs-page-birdi-capital .problem-toggle {
    transition: none;
  }
}
html.cs-page-birdi-capital .need-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 22px;
  align-items: stretch;
}
html.cs-page-birdi-capital .need-card {
  background: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  transition: box-shadow .3s,border-color .3s,transform .3s;
}
html.cs-page-birdi-capital .need-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #ee4865;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s;
}
html.cs-page-birdi-capital .need-card.is-open {
  border-color: #ee4865;
  box-shadow: 0 18px 40px rgba(16,29,48,.08);
  transform: translateY(-4px);
}
html.cs-page-birdi-capital .need-card.is-open:before {
  transform: scaleX(1);
}
html.cs-page-birdi-capital .need-card h3 {
  margin: 0;
}
html.cs-page-birdi-capital .need-trigger {
  width: 100%;
  border: 0;
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 26px;
  text-align: left;
  font-family: inherit;
  color: #101d30;
}
html.cs-page-birdi-capital .need-marker {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 16px;
  color: #ee4865;
  font-weight: 500;
}
html.cs-page-birdi-capital .need-marker i {
  font-size: 16px;
  transition: transform .3s;
}
html.cs-page-birdi-capital .is-open .need-marker i {
  transform: rotate(45deg);
}
html.cs-page-birdi-capital .need-title {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 600;
}
html.cs-page-birdi-capital .need-hint {
  font-size: 16px;
  line-height: 1.5;
  color: #6f6f6f;
  font-weight: 400;
}
html.cs-page-birdi-capital .need-reveal {
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  transition: grid-template-rows .4s ease,visibility .4s;
}
html.cs-page-birdi-capital .need-reveal>div {
  min-height: 0;
  overflow: hidden;
}
html.cs-page-birdi-capital .need-card.is-open .need-reveal {
  grid-template-rows: 1fr;
  visibility: visible;
}
html.cs-page-birdi-capital .need-copy {
  padding: 0 26px 26px;
}
html.cs-page-birdi-capital .need-copy p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  color: #6f6f6f;
}
html.cs-page-birdi-capital .need-answer {
  border-top: 1px solid #e9e9e9;
  padding-top: 20px;
  margin-top: 22px;
}
html.cs-page-birdi-capital .need-answer>span {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #101d30;
  margin-bottom: 10px;
}
html.cs-page-birdi-capital .need-trigger:focus-visible {
  outline-offset: -5px;
}
@media (max-width:900px) {
  html.cs-page-birdi-capital .need-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}
@media (max-width:620px) {
  html.cs-page-birdi-capital .need-grid {
    grid-template-columns: 1fr;
  }
  html.cs-page-birdi-capital .need-trigger {
    padding: 24px;
    gap: 16px;
  }
  html.cs-page-birdi-capital .need-copy {
    padding: 0 24px 24px;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-birdi-capital .need-card,html.cs-page-birdi-capital .need-card:before,html.cs-page-birdi-capital .need-reveal,html.cs-page-birdi-capital .need-marker i {
    transition: none;
  }
  html.cs-page-birdi-capital .need-card.is-open {
    transform: none;
  }
}
html.cs-page-birdi-capital .need-heading {
  padding: 26px 26px 20px;
}
html.cs-page-birdi-capital .need-heading h3 {
  font-size: 20px;
  line-height: 1.4;
  margin: 16px 0 0;
  font-weight: 600;
}
html.cs-page-birdi-capital .need-static {
  overflow: visible;
  border-top: 3px solid #ee4865;
}
html.cs-page-birdi-capital .need-static:before {
  display: none;
}
html.cs-page-birdi-capital .scope-heading {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  align-items: baseline;
  justify-content: space-between;
  margin: 0 0 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid #dce2e9;
}
html.cs-page-birdi-capital .scope-heading h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0;
}
html.cs-page-birdi-capital .scope-heading>span {
  font-size: 16px;
  color: #6f6f6f;
}
html.cs-page-birdi-capital .scope-groups {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 28px;
}
html.cs-page-birdi-capital .scope-group h4 {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 17px;
  line-height: 1.4;
  margin: 0 0 18px;
}
html.cs-page-birdi-capital .scope-group h4 i {
  font-size: 20px;
  color: #ee4865;
}
html.cs-page-birdi-capital .scope-group ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
}
html.cs-page-birdi-capital .scope-group li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 16px;
  line-height: 1.6;
  color: #6f6f6f;
}
html.cs-page-birdi-capital .scope-group li i {
  font-size: 16px;
  line-height: 1.6;
  color: #ee4865;
  flex-shrink: 0;
}
html.cs-page-birdi-capital .comparison-heading {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: end;
  margin-bottom: 28px;
}
html.cs-page-birdi-capital .comparison-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.2;
  letter-spacing: -.025em;
  margin: 0;
}
html.cs-page-birdi-capital .comparison-heading h2 span {
  color: #ee4865;
}
html.cs-page-birdi-capital .comparison-heading>p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  max-width: 470px;
}
html.cs-page-birdi-capital .comparison-labels,html.cs-page-birdi-capital .comparison-row {
  display: grid;
  grid-template-columns: minmax(130px,.55fr) minmax(0,1fr) minmax(0,1.15fr);
  gap: 28px;
}
html.cs-page-birdi-capital .comparison-labels {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  color: #101d30;
  padding: 16px 20px;
  border-top: 1px solid #d7dce2;
  border-bottom: 1px solid #d7dce2;
}
html.cs-page-birdi-capital .comparison-labels>span:last-child {
  color: #c92145;
}
html.cs-page-birdi-capital .comparison-row {
  padding: 22px 20px;
  border-bottom: 1px solid #dfe3e8;
  align-items: start;
}
html.cs-page-birdi-capital .comparison-row:nth-child(odd) {
  background: #fff;
}
html.cs-page-birdi-capital .comparison-row h3 {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
}
html.cs-page-birdi-capital .comparison-row p {
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
  color: #6f6f6f;
}
html.cs-page-birdi-capital .comparison-fix {
  border-left: 2px solid #ee4865;
  padding-left: 18px;
}
html.cs-page-birdi-capital .mobile-pair-label {
  display: none;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
  color: #101d30;
  margin-bottom: 8px;
}
@media (max-width:1000px) {
  html.cs-page-birdi-capital .scope-groups {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 28px 36px;
  }
}
@media (max-width:760px) {
  html.cs-page-birdi-capital .comparison-heading {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  html.cs-page-birdi-capital .comparison-labels {
    display: none;
  }
  html.cs-page-birdi-capital .comparison-row {
    grid-template-columns: 1fr 1fr;
    gap: 16px 24px;
    padding: 22px 18px;
  }
  html.cs-page-birdi-capital .comparison-row h3 {
    grid-column: 1/-1;
    color: #101d30;
    font-size: 20px;
  }
  html.cs-page-birdi-capital .mobile-pair-label {
    display: block;
  }
  html.cs-page-birdi-capital .comparison-fix .mobile-pair-label {
    color: #c92145;
  }
}
@media (max-width:520px) {
  html.cs-page-birdi-capital .scope-groups {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  html.cs-page-birdi-capital .scope-group {
    padding-bottom: 22px;
    border-bottom: 1px solid #e4e7eb;
  }
  html.cs-page-birdi-capital .scope-group:last-child {
    padding-bottom: 0;
    border: 0;
  }
  html.cs-page-birdi-capital .comparison-row {
    grid-template-columns: 1fr;
  }
  html.cs-page-birdi-capital .comparison-row h3 {
    grid-column: auto;
  }
  html.cs-page-birdi-capital .comparison-fix {
    margin-top: 2px;
  }
  html.cs-page-birdi-capital .need-heading {
    padding: 24px 24px 20px;
  }
}
html.cs-page-birdi-capital .need-static {
  height: 100%;
  box-sizing: border-box;
}
html.cs-page-birdi-capital .challenge-story {
  position: relative;
  height: calc(var(--viewport-height) * 4.9);
}
html.cs-page-birdi-capital .challenge-stage {
  top: 24px;
}
html.cs-page-birdi-capital .challenge-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
html.cs-page-birdi-capital .challenge-scroll-hint {
  font-size: 16px;
  color: #6f6f6f;
}
html.cs-page-birdi-capital .challenge-nav-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
html.cs-page-birdi-capital .challenge-count {
  font-size: 20px;
  font-weight: 600;
  color: #101d30;
  margin-right: 10px;
  font-variant-numeric: tabular-nums;
}
html.cs-page-birdi-capital .challenge-count span {
  font-size: 16px;
  font-weight: 400;
  color: #6f6f6f;
}
html.cs-page-birdi-capital .challenge-nav-actions button {
  height: 42px;
  width: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #dce1e8;
  border-radius: 50%;
  color: #101d30;
  font-size: 16px;
}
html.cs-page-birdi-capital .challenge-nav-actions button:hover:not(:disabled) {
  background: #101d30;
  color: #fff;
  border-color: #101d30;
}
html.cs-page-birdi-capital .challenge-nav-actions button:disabled {
  opacity: .35;
  cursor: default;
}
html.cs-page-birdi-capital .challenge-focus {
  display: flex;
  flex-direction: column;
}
html.cs-page-birdi-capital .challenge-focus-heading>span {
  font-size: 16px;
  font-weight: 500;
  color: #ffa4b5;
  letter-spacing: .1em;
}
html.cs-page-birdi-capital .case-study .challenge-focus-heading h3 {
  color: #fff;
}
html.cs-page-birdi-capital .challenge-focus-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
html.cs-page-birdi-capital .challenge-focus-problem,html.cs-page-birdi-capital .challenge-focus-response {
  display: flex;
  flex-direction: column;
}
html.cs-page-birdi-capital .challenge-focus-response {
  background: #fff;
}
html.cs-page-birdi-capital .challenge-focus-pair h4 {
  font-weight: 600;
  margin: 0 0 18px;
}
html.cs-page-birdi-capital .response-heading {
  display: flex;
}
html.cs-page-birdi-capital .response-heading i {
  color: #178347;
}
html.cs-page-birdi-capital .case-study .response-heading h4 {
  color: #178347;
}
html.cs-page-birdi-capital .case-study .challenge-focus-problem h4 {
  color: #c83232;
}
html.cs-page-birdi-capital .challenge-focus-problem {
  background: #fff;
}
html.cs-page-birdi-capital .challenge-segments {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}
html.cs-page-birdi-capital .challenge-segment {
  flex: 1;
  border: 0;
  background: transparent;
  padding: 20px 0;
  min-height: 44px;
}
html.cs-page-birdi-capital .challenge-segment span {
  display: block;
  height: 4px;
  border-radius: 3px;
  background: #d8dee7;
  transition: background .25s;
}
html.cs-page-birdi-capital .challenge-segment.is-active span {
  background: #ee4865;
}
html.cs-page-birdi-capital .challenge-segment:hover span {
  background: #101d30;
}
@keyframes cs-page-birdi-capital-challenge-arrive{from{transform:translateY(10px)}to{transform:translateY(0)}}
@media (max-width:700px) {
  html.cs-page-birdi-capital .challenge-stage {
    top: 12px;
  }
  html.cs-page-birdi-capital .challenge-navigation {
    gap: 12px;
  }
  html.cs-page-birdi-capital .challenge-scroll-hint {
    max-width: 160px;
    line-height: 1.4;
  }
  html.cs-page-birdi-capital .challenge-focus-pair {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-birdi-capital .challenge-segment span {
    transition: none;
  }
}
html.cs-page-birdi-capital .project-meta {
  padding: 4px 0 20px;
  border-bottom: 1px dashed rgba(255,255,255,.2);
}
html.cs-page-birdi-capital .project-meta-label {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--body);
  font-weight: 500;
}
html.cs-page-birdi-capital .project-meta-label i {
  color: #ff8299;
  font-size: 18px;
  width: 24px;
}
html.cs-page-birdi-capital .project-meta-value {
  font-size: 17px;
  line-height: 1.5;
  font-weight: 600;
  color: #fff;
  margin: 10px 0 0 36px;
}
html.cs-page-birdi-capital .brief-paragraphs {
  margin-bottom: 24px;
}
html.cs-page-birdi-capital .brief-paragraphs p {
  font-size: 17px;
  line-height: 1.75;
  margin: 0 0 18px;
}
html.cs-page-birdi-capital .brief-paragraphs p:last-child {
  margin-bottom: 0;
}
html.cs-page-birdi-capital .brief-visual {
  margin: 0 auto;
  width: 100%;
  max-width: 480px;
  padding: 16px;
  background: #f6f7fa;
  border: 1px solid #e3e7ed;
  border-radius: 16px;
  box-shadow: none;
}
html.cs-page-birdi-capital .brief-visual img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 10px;
  box-shadow: 0 10px 24px rgba(16,29,48,.08);
}
html.cs-page-birdi-capital .brief-visual figcaption {
  font-size: 16px;
  line-height: 1.55;
  color: #6f6f6f;
  margin-top: 16px;
  padding-left: 16px;
  border-left: 2px solid #ee4865;
  text-align: left;
}
html.cs-page-birdi-capital .wwb-visual-panel { max-width: 900px; margin: 32px auto; background: #f6f7fa; border: 1px solid #e3e7ed; border-radius: 16px; padding: 28px; }
html.cs-page-birdi-capital .wwb-visual-panel img { display: block; width: 100%; height: auto; border-radius: 10px; box-shadow: 0 14px 30px rgba(16,29,48,.1); }
html.cs-page-birdi-capital .wwb-visual-caption { font-size: 15px; color: #6f6f6f; margin: 16px 0 0; padding-left: 16px; border-left: 2px solid #ee4865; }
html.cs-page-birdi-capital .birdi-secondary-cta { display: inline-flex; align-items: center; gap: 10px; font-weight: 600; font-size: 16px; color: #101d30; padding: 14px 6px; background: none; border: 0; box-shadow: none; }
html.cs-page-birdi-capital .birdi-secondary-cta i { color: #ee4865; transition: transform .2s; }
html.cs-page-birdi-capital .birdi-secondary-cta:hover { color: #ee4865; }
html.cs-page-birdi-capital .birdi-secondary-cta:hover i { transform: translateX(4px); }
html.cs-page-birdi-capital .workflow-stage {
  padding: 0;
}
html.cs-page-birdi-capital .workflow-screen {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  border-radius: 0;
}
html.cs-page-birdi-capital .workflow-explainer {
  padding: 24px;
  max-width: 410px;
}
html.cs-page-birdi-capital .response-heading {
  align-items: baseline;
  gap: 12px;
}
html.cs-page-birdi-capital .response-heading i {
  font-size: 22px;
}
html.cs-page-birdi-capital .problem-heading i {
  color: #c83232;
}
html.cs-page-birdi-capital .case-study .outcome-light {
  --body: #6f6f6f;
  --heading: #101d30;
  background-color: #f0f0ff;
}
html.cs-page-birdi-capital .outcome-light .outcome-pointer {
  color: #535d6c;
}
@media (max-width:700px) {
  html.cs-page-birdi-capital .challenge-focus-pair h4,html.cs-page-birdi-capital .response-heading i {
    font-size: 20px;
  }
  html.cs-page-birdi-capital .workflow-stage {
    padding: 0;
  }
  html.cs-page-birdi-capital .brief-visual img {
    height: 380px;
  }
  html.cs-page-birdi-capital .outcome-light {
    background-attachment: scroll !important;
  }
}
html.cs-page-birdi-capital .project-details-grid {
  margin: 0;
  display: grid;
  border-top: 1px solid rgba(255,255,255,.18);
  border-left: 1px solid rgba(255,255,255,.18);
}
html.cs-page-birdi-capital .project-detail {
  border-right: 1px solid rgba(255,255,255,.18);
  border-bottom: 1px solid rgba(255,255,255,.18);
}
html.cs-page-birdi-capital .project-detail dt {
  display: flex;
  align-items: center;
}
html.cs-page-birdi-capital .project-detail dt i {
  color: #ff8299;
}
html.cs-page-birdi-capital .challenge-stage {
  display: flex;
  flex-direction: column;
}
html.cs-page-birdi-capital .challenge-stage>.comparison-heading {
  flex-shrink: 0;
}
html.cs-page-birdi-capital .challenge-stage .comparison-heading .eyebrow {
  margin-bottom: 10px;
}
html.cs-page-birdi-capital .challenge-stage .comparison-heading h2 {
  font-size: 34px;
  line-height: 1.14;
}
html.cs-page-birdi-capital .challenge-stage .comparison-heading>p {
  font-size: 16px;
  line-height: 1.6;
}
html.cs-page-birdi-capital .challenge-navigation,html.cs-page-birdi-capital .challenge-segments {
  flex-shrink: 0;
}
html.cs-page-birdi-capital .challenge-focus {
  overflow-y: auto;
}
html.cs-page-birdi-capital .challenge-focus-heading {
  flex-shrink: 0;
}
html.cs-page-birdi-capital .challenge-focus-pair {
  flex: 1 0 auto;
}
html.cs-page-birdi-capital .challenge-focus-pair h4 {
  font-size: 28px;
  line-height: 1.25;
  margin-bottom: 16px;
}
@media (max-width:1000px) {
  html.cs-page-birdi-capital .challenge-stage .comparison-heading h2 {
    font-size: 30px;
  }
}
@media (max-width:700px) {
  html.cs-page-birdi-capital .challenge-stage>.comparison-heading {
    grid-template-columns: 1fr;
  }
  html.cs-page-birdi-capital .challenge-stage .comparison-heading>p {
    display: none;
  }
  html.cs-page-birdi-capital .challenge-stage .comparison-heading .eyebrow {
    margin-bottom: 6px;
  }
  html.cs-page-birdi-capital .challenge-stage .comparison-heading h2 {
    font-size: 28px;
  }
  html.cs-page-birdi-capital .challenge-focus {
    flex-basis: 440px;
  }
  html.cs-page-birdi-capital .challenge-focus-pair h4 {
    font-size: 28px;
  }
}
html.cs-page-birdi-capital .challenge-focus {
  border-radius: 20px;
  background: #fff;
  border: 1px solid #e1e5ec;
}
html.cs-page-birdi-capital .challenge-focus-heading {
  padding: 16px 28px 22px;
  background: linear-gradient(135deg,#0e1d31,#18233a);
  border-bottom: 3px solid #ee4865;
}
html.cs-page-birdi-capital .case-study .challenge-focus-heading h3 {
  line-height: 1.2;
  margin: 0;
  font-weight: 600;
}
html.cs-page-birdi-capital .challenge-focus-problem,html.cs-page-birdi-capital .challenge-focus-response {
  padding: 28px;
  justify-content: flex-start;
  background: #fff;
}
html.cs-page-birdi-capital .challenge-focus-response {
  border-left: 1px solid #dfe3e9;
}
html.cs-page-birdi-capital .challenge-focus-pair .response-heading {
  display: flex;
}
html.cs-page-birdi-capital .challenge-focus-pair .response-heading i {
  display: block;
  line-height: 1;
}
html.cs-page-birdi-capital .challenge-focus-pair .response-heading h4 {
  font-weight: 600;
  margin: 0;
}
html.cs-page-birdi-capital .challenge-focus-pair p {
  margin: 0;
}
html.cs-page-birdi-capital .case-study .problem-heading h4,html.cs-page-birdi-capital .challenge-focus-pair .problem-heading i {
  color: #ce3335;
}
html.cs-page-birdi-capital .case-study .challenge-focus-response h4,html.cs-page-birdi-capital .challenge-focus-response .response-heading i {
  color: #16864b;
}
@media (max-width:700px) {
  html.cs-page-birdi-capital .challenge-focus-heading {
    padding: 18px 22px;
  }
  html.cs-page-birdi-capital .challenge-focus-problem,html.cs-page-birdi-capital .challenge-focus-response {
    padding: 24px;
  }
  html.cs-page-birdi-capital .challenge-focus-response {
    border-left: 0;
    border-top: 1px solid #dfe3e9;
  }
}
html.cs-page-birdi-capital {
  --viewport-height: 100vh;
}
@supports (height:100svh) {
  html.cs-page-birdi-capital {
    --viewport-height: 100svh;
  }
}
html.cs-page-birdi-capital {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
html.cs-page-birdi-capital .case-study * {
  min-width: 0;
}
html.cs-page-birdi-capital .case-study p,html.cs-page-birdi-capital .case-study dd,html.cs-page-birdi-capital .case-study h2,html.cs-page-birdi-capital .case-study h3 {
  overflow-wrap: break-word;
}
html.cs-page-birdi-capital .hero-location {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 20px;
  margin: 0 0 22px;
  padding-left: 14px;
  border-left: 3px solid #ee4865;
}
html.cs-page-birdi-capital .hero-country {
  display: flex;
  align-items: center;
  gap: 10px;
}
html.cs-page-birdi-capital .hero-country img {
  width: 34px;
  height: auto;
  display: block;
  flex-shrink: 0;
  border: 1px solid #e0e4eb;
}
html.cs-page-birdi-capital .hero-country span {
  font-size: 16px;
  line-height: 1.5;
  color: #c92145;
  font-weight: 500;
}
html.cs-page-birdi-capital .hero-location strong {
  font-size: 18px;
  line-height: 1.5;
  color: #101d30;
  font-weight: 600;
}
html.cs-page-birdi-capital .project-details-grid {
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 32px 36px;
  border: 0;
}
html.cs-page-birdi-capital .project-detail {
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
}
html.cs-page-birdi-capital .project-detail dt {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  gap: 10px;
  color: #b8cbe5;
}
html.cs-page-birdi-capital .project-detail dt i {
  font-size: 18px;
  flex-shrink: 0;
}
html.cs-page-birdi-capital .project-detail dd {
  margin: 12px 0 0;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 500;
  color: #fff;
}
html.cs-page-birdi-capital .flip-inner {
  -webkit-transform-style: preserve-3d;
}
html.cs-page-birdi-capital .flip-front,html.cs-page-birdi-capital .flip-back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
html.cs-page-birdi-capital .challenge-stage {
  position: -webkit-sticky;
  position: sticky;
}
@media (max-width:1000px) {
  html.cs-page-birdi-capital .project-details-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 28px 32px;
  }
}
@media (max-width:620px) {
  html.cs-page-birdi-capital .hero-location {
    display: block;
  }
  html.cs-page-birdi-capital .hero-location strong {
    display: block;
    margin-top: 7px;
  }
  html.cs-page-birdi-capital .project-details-grid {
    gap: 26px 22px;
  }
  html.cs-page-birdi-capital .project-detail dd {
    font-size: 16px;
  }
  html.cs-page-birdi-capital .project-detail dt {
    font-size: 16px;
  }
  html.cs-page-birdi-capital .case-study a.contact-link {
    max-width: 100%;
  }
  html.cs-page-birdi-capital .challenge-nav-actions {
    flex-shrink: 0;
  }
}
@media (max-width:380px) {
  html.cs-page-birdi-capital .project-details-grid {
    grid-template-columns: 1fr;
  }
  html.cs-page-birdi-capital .hero-country img {
    width: 30px;
  }
  html.cs-page-birdi-capital .challenge-navigation {
    flex-wrap: wrap;
    gap: 8px;
  }
  html.cs-page-birdi-capital .challenge-scroll-hint {
    max-width: none;
  }
  html.cs-page-birdi-capital .feature-tab {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width:767px) {
  html.cs-page-birdi-capital .hero-art {
    display: none !important;
  }
  html.cs-page-birdi-capital .hero-layout,html.cs-page-birdi-capital .brief-layout {
    grid-template-columns: minmax(0,1fr) !important;
  }
  html.cs-page-birdi-capital .case-study>section {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  html.cs-page-birdi-capital .hero-section h1 {
    font-size: clamp(32px,7.5vw,44px) !important;
    line-height: 1.15 !important;
  }
  html.cs-page-birdi-capital .case-study h2 {
    font-size: clamp(26px,6vw,32px) !important;
    line-height: 1.25 !important;
  }
  html.cs-page-birdi-capital .hero-section p {
    font-size: 16px !important;
    line-height: 1.7 !important;
    max-width: 100% !important;
  }
  html.cs-page-birdi-capital .hero-actions {
    gap: 12px !important;
  }
  html.cs-page-birdi-capital .hero-actions a {
    min-height: 48px;
    justify-content: center;
  }
  html.cs-page-birdi-capital .client-brief,html.cs-page-birdi-capital .client-brief .brief-paragraphs p,html.cs-page-birdi-capital .client-brief .brief-facts {
    text-align: center !important;
  }
  html.cs-page-birdi-capital .client-brief .brief-paragraphs {
    max-width: 560px;
    margin: 0 auto 28px;
  }
  html.cs-page-birdi-capital .client-brief .brief-paragraphs p {
    font-size: 16px;
    line-height: 1.75;
  }
  html.cs-page-birdi-capital .brief-facts {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 20px !important;
    max-width: 420px;
    margin: 0 auto;
  }
  html.cs-page-birdi-capital .brief-visual {
    max-width: 300px;
  }
  html.cs-page-birdi-capital .brief-visual figcaption {
    text-align: center;
    border-left: 0;
    padding-left: 0;
  }
  html.cs-page-birdi-capital .brief-visual figcaption:before {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background: #ee4865;
    margin: 0 auto 12px;
  }
  html.cs-page-birdi-capital .feature-tab {
    min-height: 48px;
  }
}
@media (max-width:480px) {
  html.cs-page-birdi-capital .hero-actions {
    flex-direction: column;
    align-items: stretch;
  }
  html.cs-page-birdi-capital .hero-actions a {
    padding: 14px 18px !important;
    text-align: center;
  }
  html.cs-page-birdi-capital .hero-section h1 {
    letter-spacing: -.025em !important;
  }
}
html.cs-page-birdi-capital .birdi-gradient-label::after {
  content: "";
  display: block;
  width: 72px;
  height: 3px;
  margin: 12px auto 0;
  border-radius: 3px;
  background: linear-gradient(90deg,#ee4865 0%,#ff8299 48%,rgba(255,130,153,0) 100%);
}
html.cs-page-birdi-capital .hero-location .hero-country {
  gap: 14px;
}
html.cs-page-birdi-capital .hero-location .hero-country img {
  width: 48px;
}
html.cs-page-birdi-capital .hero-location .hero-country span {
  font-size: 26px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -.02em;
}
@media (max-width:767px) {
  html.cs-page-birdi-capital .hero-location .hero-country img {
    width: 42px;
  }
  html.cs-page-birdi-capital .hero-location .hero-country span {
    font-size: 23px;
  }
}
html.cs-page-birdi-capital .client-brief .brief-visual {
  width: min(100%,420px);
  max-width: 420px;
}
html.cs-page-birdi-capital .client-brief .brief-visual img {
  height: auto;
  object-fit: contain;
  box-shadow: 0 20px 44px rgba(16,29,48,.16),0 5px 12px rgba(16,29,48,.08);
}
html.cs-page-birdi-capital .need-grid {
  grid-auto-rows: auto;
}
html.cs-page-birdi-capital .need-grid .need-static {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  row-gap: 0;
  height: auto;
}
html.cs-page-birdi-capital .need-grid .need-copy {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  row-gap: 0;
}
@media (max-width:620px) {
  html.cs-page-birdi-capital .need-grid .need-static {
    display: block;
    grid-row: auto;
  }
  html.cs-page-birdi-capital .need-grid .need-copy {
    display: block;
    grid-row: auto;
  }
  html.cs-page-birdi-capital .client-brief .brief-visual img {
    box-shadow: 0 14px 28px rgba(16,29,48,.14),0 3px 8px rgba(16,29,48,.07);
  }
}
@media (max-width:767px) {
  html.cs-page-birdi-capital .client-brief .brief-visual {
    width: min(100%,300px);
  }
}
html.cs-page-birdi-capital .client-brief .brief-facts {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  gap: 0 !important;
  max-width: none;
  margin: 28px 0 0;
  padding: 6px 22px;
  background: #f6f7fa;
  border: 1px solid #e3e7ed;
  border-radius: 16px;
  text-align: left !important;
}
html.cs-page-birdi-capital .brief-fact {
  display: grid;
  grid-template-columns: 36px minmax(0,1fr);
  gap: 14px;
  align-items: start;
  padding: 18px 0;
}
html.cs-page-birdi-capital .brief-fact+.brief-fact {
  border-top: 1px solid #dfe4ec;
}
html.cs-page-birdi-capital .brief-fact-icon {
  display: grid;
  place-items: center;
  height: 36px;
  border-radius: 10px;
  background: #fce7ed;
  color: #c92145;
  font-size: 17px;
}
html.cs-page-birdi-capital .case-study .brief-fact h3 {
  font-size: 17px;
  line-height: 1.45;
  font-weight: 600;
  margin: 0 0 5px;
  color: #101d30;
}
html.cs-page-birdi-capital .brief-fact p {
  font-size: 16px;
  line-height: 1.65;
  margin: 0;
  color: #535d6c;
}
html.cs-page-birdi-capital .challenge-mobile {
  display: none;
}
html.cs-page-birdi-capital .challenge-focus {
  height: auto;
  min-height: 0;
  max-height: none;
  flex: 0 0 auto;
  overflow: hidden;
  box-shadow: none;
}
html.cs-page-birdi-capital .challenge-stage {
  max-height: none;
}
html.cs-page-birdi-capital .challenge-stage>.comparison-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
  margin-bottom: 28px;
}
html.cs-page-birdi-capital .challenge-stage>.comparison-heading>div {
  width: 100%;
}
html.cs-page-birdi-capital .challenge-stage>.comparison-heading>p {
  max-width: 680px;
  margin: 0;
  color: #626b78;
  font-size: 16px;
  line-height: 1.7;
}
html.cs-page-birdi-capital .challenge-stage>.comparison-heading .eyebrow {
  margin-bottom: 12px;
}
html.cs-page-birdi-capital .challenge-navigation {
  margin-bottom: 20px;
}
html.cs-page-birdi-capital .challenge-mobile-heading {
  text-align: center;
}
html.cs-page-birdi-capital .challenge-mobile-description {
  max-width: 680px;
  margin: 16px auto 0;
  font-size: 16px;
  line-height: 1.7;
  color: #626b78;
}
html.cs-page-birdi-capital .challenge-mobile-hint {
  font-size: 16px;
  line-height: 1.5;
  color: #626b78;
  margin: 0 0 16px;
}
html.cs-page-birdi-capital .challenge-focus-pair {
  animation: none;
}
html.cs-page-birdi-capital .challenge-focus-pair .response-heading {
  flex-direction: row;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}
html.cs-page-birdi-capital .challenge-focus-pair .response-heading i {
  font-size: 22px;
}
html.cs-page-birdi-capital .challenge-focus-pair .response-heading h4 {
  font-size: 21px;
  line-height: 1.35;
}
html.cs-page-birdi-capital .challenge-focus-pair p {
  font-size: 16px;
  line-height: 1.7;
  color: #535d6c;
}
html.cs-page-birdi-capital .case-study .challenge-focus-heading h3 {
  font-size: 28px;
}
html.cs-page-birdi-capital .related-section {
  background: #101d30;
  color: #f7f9fc;
  padding: clamp(48px,6vw,72px) 0;
}
html.cs-page-birdi-capital .related-heading {
  max-width: 720px;
  margin-bottom: 28px;
}
html.cs-page-birdi-capital .related-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.25;
  margin: 0;
  color: #f7f9fc;
}
html.cs-page-birdi-capital .related-heading h2 span {
  color: #ff8299;
}
html.cs-page-birdi-capital .related-all-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  min-height: 44px;
  font-size: 16px;
  line-height: 1.4;
  color: #f7f9fc;
}
html.cs-page-birdi-capital .related-all-link:hover { color: #ff8299; }
html.cs-page-birdi-capital .related-all-link:focus-visible { outline: 3px solid #ff8299; outline-offset: 4px; }
html.cs-page-birdi-capital .related-switcher {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0 0 24px;
}
html.cs-page-birdi-capital .related-switcher button {
  font: inherit;
  font-size: 16px;
  line-height: 1.4;
  min-height: 44px;
  min-width: 44px;
  border: 1px solid #4b596e;
  border-radius: 8px;
  color: #f7f9fc;
  background: transparent;
  padding: 10px 16px;
}
html.cs-page-birdi-capital .related-switcher button[aria-pressed="true"] {
  background: #f7f9fc;
  color: #101d30;
  border-color: #f7f9fc;
}
html.cs-page-birdi-capital .related-card {
  border: 1px solid #39475b;
  border-radius: 18px;
  background: #16253a;
  padding: 32px;
  min-width: 0;
}
html.cs-page-birdi-capital .related-card-tag {
  color: #ff8299;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 12px;
}
html.cs-page-birdi-capital .case-study .related-card h3 {
  font-size: clamp(24px,2.7vw,32px);
  line-height: 1.3;
  color: #f7f9fc;
  margin: 0 0 28px;
  max-width: 780px;
}
html.cs-page-birdi-capital .related-comparison {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 32px;
}
html.cs-page-birdi-capital .related-card h4 {
  font-size: 17px;
  line-height: 1.4;
  font-weight: 600;
  color: #f7f9fc;
  margin: 0 0 10px;
}
html.cs-page-birdi-capital .related-card p {
  font-size: 16px;
  line-height: 1.75;
  overflow-wrap: anywhere;
}
html.cs-page-birdi-capital .related-comparison p {
  color: #bdcbe0;
  margin: 0;
}
html.cs-page-birdi-capital .related-result {
  margin-top: 28px;
  padding: 24px 0 0;
  border-top: 1px solid #3d4b60;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: end;
  gap: 28px;
}
html.cs-page-birdi-capital .related-result p {
  color: #bdcbe0;
  margin: 0;
  max-width: 780px;
}
html.cs-page-birdi-capital .related-result a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #f7f9fc;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 2px solid #ff8299;
  padding: 10px 0;
}
@media (max-width:899px),(max-height:650px) {
  html.cs-page-birdi-capital .challenge-story {
    display: none;
  }
  html.cs-page-birdi-capital .challenge-mobile {
    display: block;
  }
  html.cs-page-birdi-capital .challenge-mobile-heading {
    margin-bottom: 24px;
  }
  html.cs-page-birdi-capital .case-study .challenge-mobile-heading h2 {
    font-size: 30px;
    line-height: 1.25;
    margin: 0;
    color: #101d30;
  }
  html.cs-page-birdi-capital .challenge-mobile-heading h2 span {
    color: #c92145;
  }
  html.cs-page-birdi-capital .challenge-disclosures {
    display: grid;
    gap: 10px;
  }
  html.cs-page-birdi-capital .challenge-disclosure {
    border: 1px solid #dce2eb;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
  }
  html.cs-page-birdi-capital .challenge-disclosure summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    list-style: none;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
    color: #101d30;
    cursor: pointer;
  }
  html.cs-page-birdi-capital .challenge-disclosure summary::-webkit-details-marker {
    display: none;
  }
  html.cs-page-birdi-capital .challenge-disclosure summary i {
    font-size: 16px;
    color: #c92145;
    flex-shrink: 0;
    transition: transform .18s;
  }
  html.cs-page-birdi-capital .challenge-disclosure[open] summary {
    background: #101d30;
    color: #fff;
  }
  html.cs-page-birdi-capital .challenge-disclosure[open] summary i {
    transform: rotate(180deg);
    color: #ff8299;
  }
  html.cs-page-birdi-capital .challenge-disclosure-body {
    padding: 20px;
  }
  html.cs-page-birdi-capital .challenge-disclosure-body>div+div {
    border-top: 1px solid #e2e6ed;
    padding-top: 18px;
    margin-top: 18px;
  }
  html.cs-page-birdi-capital .challenge-disclosure h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 8px;
    color: #101d30;
  }
  html.cs-page-birdi-capital .challenge-disclosure .mobile-response h3 {
    color: #c92145;
  }
  html.cs-page-birdi-capital .challenge-disclosure p {
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
    color: #535d6c;
  }
}
@media (max-width:767px) {
  html.cs-page-birdi-capital .client-brief .brief-paragraphs p {
    text-align: left !important;
  }
  html.cs-page-birdi-capital .client-brief .brief-facts {
    text-align: left !important;
    padding: 4px 18px;
  }
  html.cs-page-birdi-capital .brief-fact {
    grid-template-columns: 32px minmax(0,1fr);
    gap: 12px;
    padding: 17px 0;
  }
  html.cs-page-birdi-capital .brief-fact-icon {
    height: 32px;
    font-size: 16px;
  }
  html.cs-page-birdi-capital .related-card {
    padding: 22px;
    border-radius: 14px;
  }
  html.cs-page-birdi-capital .related-comparison {
    grid-template-columns: minmax(0,1fr);
    gap: 22px;
  }
  html.cs-page-birdi-capital .related-result {
    grid-template-columns: minmax(0,1fr);
    gap: 18px;
    margin-top: 22px;
    padding-top: 22px;
  }
  html.cs-page-birdi-capital .case-study .related-card h3 {
    font-size: 25px;
    margin-bottom: 24px;
  }
  html.cs-page-birdi-capital .related-result a {
    justify-self: start;
  }
  html.cs-page-birdi-capital .related-switcher {
    gap: 8px;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-birdi-capital .challenge-disclosure summary i {
    transition: none;
  }
}
html.cs-page-birdi-capital .birdi-summary {
  background: radial-gradient(ellipse at 3% 100%,rgba(238,72,101,.25) 0%,rgba(238,72,101,.08) 34%,transparent 64%),radial-gradient(ellipse at 100% 0%,rgba(255,130,153,.17) 0%,transparent 58%),linear-gradient(115deg,#101d30 0%,#14243b 52%,#101d30 100%);
  color: #f6f8fc;
  padding: 40px 0;
}
html.cs-page-birdi-capital .birdi-summary-inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 48px;
  align-items: stretch;
}
html.cs-page-birdi-capital .birdi-summary-identity {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
html.cs-page-birdi-capital .birdi-summary-client {
  display: flex;
  gap: 18px;
  align-items: center;
  width: 100%;
}
html.cs-page-birdi-capital .birdi-summary .birdi-client-name {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.035em;
  margin: 0;
  color: #f6f8fc;
}
html.cs-page-birdi-capital .birdi-summary-sector {
  font-size: 16px;
  color: #bdc8d9;
  border-left: 1px solid #445063;
  padding-left: 18px;
}
html.cs-page-birdi-capital .birdi-summary .birdi-solution {
  font-size: 23px;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: -.025em;
  max-width: 420px;
  margin: 20px 0 22px;
  color: #f6f8fc;
}
html.cs-page-birdi-capital .birdi-summary-status {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 16px;
  line-height: 1.4;
  color: #f6f8fc;
  margin-top: auto;
}
html.cs-page-birdi-capital .birdi-summary-status i {
  color: #ff8299;
  font-size: 16px;
}
html.cs-page-birdi-capital .birdi-summary-facts {
  display: grid;
  grid-template-columns: 1fr 1.12fr;
  column-gap: 32px;
  row-gap: 24px;
  margin: 0;
  padding: 3px 0 3px 40px;
  border-left: 1px solid #394558;
  align-content: space-between;
}
html.cs-page-birdi-capital .birdi-summary-facts>div {
  min-width: 0;
}
html.cs-page-birdi-capital .birdi-summary-facts dt {
  font-size: 16px;
  line-height: 1.4;
  color: #bdc8d9;
  margin: 0 0 8px;
  font-weight: 400;
}
html.cs-page-birdi-capital .birdi-summary-facts dd {
  font-size: 18px;
  line-height: 1.5;
  color: #f6f8fc;
  font-weight: 500;
  margin: 0;
}
@media (max-width:1000px) {
  html.cs-page-birdi-capital .birdi-summary-inner {
    gap: 28px;
    grid-template-columns: 1fr 1.25fr;
  }
  html.cs-page-birdi-capital .birdi-summary-facts {
    padding-left: 28px;
    column-gap: 24px;
  }
  html.cs-page-birdi-capital .birdi-summary .birdi-solution {
    font-size: 21px;
  }
}
@media (max-width:767px) {
  html.cs-page-birdi-capital .birdi-summary {
    padding: 30px 0;
  }
  html.cs-page-birdi-capital .birdi-summary-inner {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  html.cs-page-birdi-capital .birdi-summary .birdi-solution {
    font-size: 22px;
    max-width: 520px;
    margin: 16px 0 18px;
  }
  html.cs-page-birdi-capital .birdi-summary-facts {
    border-left: 0;
    border-top: 1px solid #394558;
    padding: 24px 0 0;
    gap: 22px 24px;
    grid-template-columns: 1fr 1fr;
  }
  html.cs-page-birdi-capital .birdi-summary-facts dd {
    font-size: 16px;
  }
  html.cs-page-birdi-capital .birdi-summary .birdi-client-name {
    font-size: 30px;
  }
}
@media (max-width:359px) {
  html.cs-page-birdi-capital .birdi-summary-facts {
    grid-template-columns: 1fr;
  }
}

/* Fixed presentation exported from the approved page. */
html.cs-page-birdi-capital .case-study .birdi-presentation-1, html.cs-page-birdi-capital .case-study.birdi-presentation-1 { font-family: Lexend, sans-serif; background: rgb(255, 255, 255); color: rgb(16, 29, 48); }
html.cs-page-birdi-capital .case-study .birdi-presentation-2, html.cs-page-birdi-capital .case-study.birdi-presentation-2 { background: rgb(255, 255, 255); padding: clamp(56px, 7vw, 84px) 0px; position: relative; overflow: hidden; }
html.cs-page-birdi-capital .case-study .birdi-presentation-3, html.cs-page-birdi-capital .case-study.birdi-presentation-3 { max-width: 1180px; margin: 0px auto; padding: 0px 24px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-4, html.cs-page-birdi-capital .case-study.birdi-presentation-4 { align-items: center; }
html.cs-page-birdi-capital .case-study .birdi-presentation-5, html.cs-page-birdi-capital .case-study.birdi-presentation-5 { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-6, html.cs-page-birdi-capital .case-study.birdi-presentation-6 { height: 2px; width: 38px; background: linear-gradient(90deg, rgb(238, 72, 101), rgb(213, 31, 63)); }
html.cs-page-birdi-capital .case-study .birdi-presentation-7, html.cs-page-birdi-capital .case-study.birdi-presentation-7 { font-size: 16px; font-weight: 700; letter-spacing: 0.16em; color: rgb(238, 72, 101); }
html.cs-page-birdi-capital .case-study .birdi-presentation-8, html.cs-page-birdi-capital .case-study.birdi-presentation-8 { font-size: clamp(2.05rem, 4vw, 4rem); line-height: 1.06; font-weight: 700; margin: 0px 0px 22px; letter-spacing: -0.01em; }
html.cs-page-birdi-capital .case-study .birdi-presentation-9, html.cs-page-birdi-capital .case-study.birdi-presentation-9 { color: rgb(238, 72, 101); }
html.cs-page-birdi-capital .case-study .birdi-presentation-10, html.cs-page-birdi-capital .case-study.birdi-presentation-10 { font-size: 17px; line-height: 1.7; color: var(--body); margin: 0px 0px 30px; max-width: 470px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-11, html.cs-page-birdi-capital .case-study.birdi-presentation-11 { display: flex; flex-wrap: wrap; gap: 14px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-12, html.cs-page-birdi-capital .case-study.birdi-presentation-12 { display: inline-flex; align-items: center; gap: 10px; background: linear-gradient(135deg, rgb(238, 72, 101) 0%, rgb(213, 31, 63) 100%); color: rgb(255, 255, 255); font-weight: 600; font-size: 16px; padding: 15px 28px; border-radius: 10px; box-shadow: rgba(213, 31, 63, 0.26) 0px 12px 26px; transition: transform 0.25s, box-shadow 0.25s; }
html.cs-page-birdi-capital .case-study .birdi-presentation-13, html.cs-page-birdi-capital .case-study.birdi-presentation-13 { font-size: 16px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-14, html.cs-page-birdi-capital .case-study.birdi-presentation-14 { position: relative; display: flex; justify-content: center; padding: 24px 0px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-15, html.cs-page-birdi-capital .case-study.birdi-presentation-15 { position: absolute; inset: auto 12% 6%; height: 78%; background: rgb(243, 243, 243); border-radius: 16px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-16, html.cs-page-birdi-capital .case-study.birdi-presentation-16 { position: relative; width: 100%; max-width: 262px; border-radius: 12px; overflow: hidden; box-shadow: rgba(16, 29, 48, 0.24) 0px 34px 74px, rgba(16, 29, 48, 0.1) 0px 6px 16px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-17, html.cs-page-birdi-capital .case-study.birdi-presentation-17 { display: block; width: 100%; height: auto; }
html.cs-page-birdi-capital .case-study .birdi-presentation-18, html.cs-page-birdi-capital .case-study.birdi-presentation-18 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)); gap: 24px; margin-top: clamp(36px, 5vw, 56px); padding-top: 28px; border-top: 1px solid rgba(16, 29, 48, 0.1); }
html.cs-page-birdi-capital .case-study .birdi-presentation-19, html.cs-page-birdi-capital .case-study.birdi-presentation-19 { display: flex; align-items: flex-start; gap: 12px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-20, html.cs-page-birdi-capital .case-study.birdi-presentation-20 { color: rgb(238, 72, 101); font-size: 16px; margin-top: 4px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-21, html.cs-page-birdi-capital .case-study.birdi-presentation-21 { font-size: 16px; font-weight: 700; margin-bottom: 3px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-22, html.cs-page-birdi-capital .case-study.birdi-presentation-22 { font-size: 16px; color: var(--body); line-height: 1.45; }
html.cs-page-birdi-capital .case-study .birdi-presentation-23, html.cs-page-birdi-capital .case-study.birdi-presentation-23 { background: rgb(255, 255, 255); padding: clamp(56px, 7vw, 84px) 0px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-24, html.cs-page-birdi-capital .case-study.birdi-presentation-24 { max-width: 720px; margin: 0px auto clamp(32px, 4vw, 48px); text-align: center; }
html.cs-page-birdi-capital .case-study .birdi-presentation-25, html.cs-page-birdi-capital .case-study.birdi-presentation-25 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.16em; color: rgb(238, 72, 101); font-weight: 700; margin-bottom: 16px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-26, html.cs-page-birdi-capital .case-study.birdi-presentation-26 { font-size: clamp(1.55rem, 2.4vw, 2.1rem); font-weight: 700; line-height: 1.25; margin: 0px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-27, html.cs-page-birdi-capital .case-study.birdi-presentation-27 { background: rgb(243, 243, 243); padding: clamp(56px, 7vw, 84px) 0px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-28, html.cs-page-birdi-capital .case-study.birdi-presentation-28 { max-width: 740px; margin: 0px auto clamp(32px, 4vw, 48px); text-align: center; }
html.cs-page-birdi-capital .case-study .birdi-presentation-29, html.cs-page-birdi-capital .case-study.birdi-presentation-29 { font-size: clamp(1.55rem, 2.4vw, 2.1rem); font-weight: 700; line-height: 1.25; margin: 0px 0px 18px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-30, html.cs-page-birdi-capital .case-study.birdi-presentation-30 { font-size: 16px; line-height: 1.75; color: var(--body); margin: 0px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-31, html.cs-page-birdi-capital .case-study.birdi-presentation-31 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(32px, 5vw, 64px); align-items: center; margin-bottom: clamp(36px, 5vw, 56px); }
html.cs-page-birdi-capital .case-study .birdi-presentation-32, html.cs-page-birdi-capital .case-study.birdi-presentation-32 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.16em; color: rgb(238, 72, 101); font-weight: 700; margin-bottom: 18px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-33, html.cs-page-birdi-capital .case-study.birdi-presentation-33 { font-size: clamp(1.55rem, 2.4vw, 2.1rem); font-weight: 700; line-height: 1.25; margin: 0px 0px 20px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-34, html.cs-page-birdi-capital .case-study.birdi-presentation-34 { font-size: 16px; line-height: 1.75; color: var(--body); margin: 0px 0px 14px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-35, html.cs-page-birdi-capital .case-study.birdi-presentation-35 { display: flex; justify-content: center; gap: 16px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-36, html.cs-page-birdi-capital .case-study.birdi-presentation-36 { width: 46%; max-width: 190px; border-radius: 12px; overflow: hidden; box-shadow: rgba(16, 29, 48, 0.18) 0px 24px 54px; align-self: flex-start; }
html.cs-page-birdi-capital .case-study .birdi-presentation-37, html.cs-page-birdi-capital .case-study.birdi-presentation-37 { width: 46%; max-width: 190px; border-radius: 12px; overflow: hidden; box-shadow: rgba(16, 29, 48, 0.18) 0px 24px 54px; align-self: flex-end; }
html.cs-page-birdi-capital .case-study .birdi-presentation-38, html.cs-page-birdi-capital .case-study.birdi-presentation-38 { width: 10%; }
html.cs-page-birdi-capital .case-study .birdi-presentation-39, html.cs-page-birdi-capital .case-study.birdi-presentation-39 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(28px, 4vw, 52px); align-items: center; }
html.cs-page-birdi-capital .case-study .birdi-presentation-40, html.cs-page-birdi-capital .case-study.birdi-presentation-40 { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-41, html.cs-page-birdi-capital .case-study.birdi-presentation-41 { width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(135deg, rgb(238, 72, 101), rgb(213, 31, 63)); display: inline-flex; align-items: center; justify-content: center; }
html.cs-page-birdi-capital .case-study .birdi-presentation-42, html.cs-page-birdi-capital .case-study.birdi-presentation-42 { color: rgb(255, 255, 255); font-size: 16px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-43, html.cs-page-birdi-capital .case-study.birdi-presentation-43 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.14em; font-weight: 700; color: rgb(16, 29, 48); }
html.cs-page-birdi-capital .case-study .birdi-presentation-44, html.cs-page-birdi-capital .case-study.birdi-presentation-44 { font-size: 16px; line-height: 1.75; color: var(--body); margin: 0px 0px 26px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-45, html.cs-page-birdi-capital .case-study.birdi-presentation-45 { display: flex; flex-direction: column; gap: 0px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-46, html.cs-page-birdi-capital .case-study.birdi-presentation-46 { display: flex; gap: 16px; align-items: center; padding: 15px 0px; border-top: 1px solid rgba(16, 29, 48, 0.12); }
html.cs-page-birdi-capital .case-study .birdi-presentation-47, html.cs-page-birdi-capital .case-study.birdi-presentation-47 { font-size: 16px; font-weight: 700; color: rgb(238, 72, 101); min-width: 22px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-48, html.cs-page-birdi-capital .case-study.birdi-presentation-48 { font-size: 16px; line-height: 1.55; color: rgb(16, 29, 48); }
html.cs-page-birdi-capital .case-study .birdi-presentation-49, html.cs-page-birdi-capital .case-study.birdi-presentation-49 { display: flex; justify-content: center; }
html.cs-page-birdi-capital .case-study .birdi-presentation-50, html.cs-page-birdi-capital .case-study.birdi-presentation-50 { width: 100%; max-width: 250px; border-radius: 12px; overflow: hidden; box-shadow: rgba(16, 29, 48, 0.22) 0px 28px 60px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-51, html.cs-page-birdi-capital .case-study.birdi-presentation-51 { position: relative; overflow: hidden; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.57), rgb(239, 239, 255)), url("../img/cs-chal-sol-bg.webp"); background-position: center center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; padding: clamp(56px, 7vw, 84px) 0px; color: rgb(16, 29, 48); }
html.cs-page-birdi-capital .case-study .birdi-presentation-52, html.cs-page-birdi-capital .case-study.birdi-presentation-52 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(32px, 5vw, 64px); align-items: center; margin-bottom: clamp(40px, 5vw, 60px); }
html.cs-page-birdi-capital .case-study .birdi-presentation-53, html.cs-page-birdi-capital .case-study.birdi-presentation-53 { position: relative; display: flex; justify-content: center; }
html.cs-page-birdi-capital .case-study .birdi-presentation-54, html.cs-page-birdi-capital .case-study.birdi-presentation-54 { width: 100%; max-width: 236px; border-radius: 12px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.42) 0px 30px 66px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-55, html.cs-page-birdi-capital .case-study.birdi-presentation-55 { position: absolute; top: 12%; right: 0px; background: rgb(255, 255, 255); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.3) 0px 16px 34px; padding: 10px 15px; display: flex; align-items: center; gap: 9px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-56, html.cs-page-birdi-capital .case-study.birdi-presentation-56 { width: 24px; height: 24px; border-radius: 50%; background: rgb(31, 158, 92); display: inline-flex; align-items: center; justify-content: center; }
html.cs-page-birdi-capital .case-study .birdi-presentation-57, html.cs-page-birdi-capital .case-study.birdi-presentation-57 { font-size: 16px; font-weight: 700; color: rgb(16, 29, 48); }
html.cs-page-birdi-capital .case-study .birdi-presentation-58, html.cs-page-birdi-capital .case-study.birdi-presentation-58 { display: flex; align-items: center; gap: 16px; margin-bottom: 8px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-59, html.cs-page-birdi-capital .case-study.birdi-presentation-59 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.14em; font-weight: 700; color: rgb(16, 29, 48); white-space: normal; }
html.cs-page-birdi-capital .case-study .birdi-presentation-60, html.cs-page-birdi-capital .case-study.birdi-presentation-60 { height: 1px; flex: 1 1 0%; background: rgba(16, 29, 48, 0.15); }
html.cs-page-birdi-capital .case-study .birdi-presentation-61, html.cs-page-birdi-capital .case-study.birdi-presentation-61 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 0px 56px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-62, html.cs-page-birdi-capital .case-study.birdi-presentation-62 { display: flex; gap: 16px; align-items: center; padding: 20px 0px; border-bottom: 1px solid rgba(16, 29, 48, 0.12); }
html.cs-page-birdi-capital .case-study .birdi-presentation-63, html.cs-page-birdi-capital .case-study.birdi-presentation-63 { color: rgb(238, 72, 101); font-size: 22px; width: 24px; flex-shrink: 0; }
html.cs-page-birdi-capital .case-study .birdi-presentation-64, html.cs-page-birdi-capital .case-study.birdi-presentation-64 { font-size: 16px; line-height: 1.7; color: rgb(83, 93, 108); font-weight: 300; }
html.cs-page-birdi-capital .case-study .birdi-presentation-65, html.cs-page-birdi-capital .case-study.birdi-presentation-65 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 32px; align-items: end; margin-bottom: clamp(32px, 4vw, 44px); }
html.cs-page-birdi-capital .case-study .birdi-presentation-66, html.cs-page-birdi-capital .case-study.birdi-presentation-66 { max-width: 640px; margin-bottom: clamp(32px, 4vw, 44px); }
html.cs-page-birdi-capital .case-study .birdi-presentation-67, html.cs-page-birdi-capital .case-study.birdi-presentation-67 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 20px 40px; align-items: center; padding: 26px 0px; border-top: 1px solid rgba(16, 29, 48, 0.12); }
html.cs-page-birdi-capital .case-study .birdi-presentation-68, html.cs-page-birdi-capital .case-study.birdi-presentation-68 { display: flex; align-items: baseline; gap: 14px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-69, html.cs-page-birdi-capital .case-study.birdi-presentation-69 { font-size: 16px; font-weight: 700; color: rgb(238, 72, 101); }
html.cs-page-birdi-capital .case-study .birdi-presentation-70, html.cs-page-birdi-capital .case-study.birdi-presentation-70 { font-size: 16.5px; font-weight: 700; line-height: 1.3; }
html.cs-page-birdi-capital .case-study .birdi-presentation-71, html.cs-page-birdi-capital .case-study.birdi-presentation-71 { display: flex; flex-wrap: wrap; gap: 10px; min-width: 0px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-72, html.cs-page-birdi-capital .case-study.birdi-presentation-72 { display: flex; align-items: center; gap: 9px; background: rgb(243, 243, 243); border-radius: 8px; padding: 10px 16px; transition: background 0.3s, color 0.3s; }
html.cs-page-birdi-capital .case-study .birdi-presentation-73, html.cs-page-birdi-capital .case-study.birdi-presentation-73 { color: rgb(238, 72, 101); font-size: 16px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-74, html.cs-page-birdi-capital .case-study.birdi-presentation-74 { font-size: 16px; font-weight: 600; }
html.cs-page-birdi-capital .case-study .birdi-presentation-75, html.cs-page-birdi-capital .case-study.birdi-presentation-75 { font-size: 16px; opacity: 1; }
html.cs-page-birdi-capital .case-study .birdi-presentation-76, html.cs-page-birdi-capital .case-study.birdi-presentation-76 { max-width: 1180px; margin: 0px auto; padding: 0px 24px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(32px, 5vw, 64px); align-items: center; }
html.cs-page-birdi-capital .case-study .birdi-presentation-77, html.cs-page-birdi-capital .case-study.birdi-presentation-77 { font-size: 16px; line-height: 1.75; color: var(--body); margin: 0px 0px 28px; max-width: 480px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-78, html.cs-page-birdi-capital .case-study.birdi-presentation-78 { display: inline-flex; align-items: center; gap: 10px; background: linear-gradient(135deg, rgb(238, 72, 101), rgb(213, 31, 63)); color: rgb(255, 255, 255); font-weight: 600; font-size: 16px; padding: 16px 32px; border-radius: 10px; box-shadow: rgba(213, 31, 63, 0.26) 0px 14px 30px; transition: transform 0.25s, box-shadow 0.25s; }
html.cs-page-birdi-capital .case-study .birdi-presentation-79, html.cs-page-birdi-capital .case-study.birdi-presentation-79 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.14em; color: rgb(16, 29, 48); font-weight: 700; margin-bottom: 6px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-80, html.cs-page-birdi-capital .case-study.birdi-presentation-80 { display: flex; align-items: center; gap: 14px; padding: 16px 0px; border-bottom: 1px solid rgba(16, 29, 48, 0.12); }
html.cs-page-birdi-capital .case-study .birdi-presentation-81, html.cs-page-birdi-capital .case-study.birdi-presentation-81 { color: rgb(238, 72, 101); font-size: 16px; width: 20px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-82, html.cs-page-birdi-capital .case-study.birdi-presentation-82 { font-size: 16px; font-weight: 500; }
html.cs-page-birdi-capital .case-study .birdi-presentation-83, html.cs-page-birdi-capital .case-study.birdi-presentation-83 { position: sticky; top: 70px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-84, html.cs-page-birdi-capital .case-study.birdi-presentation-84 { font-size: clamp(1.55rem, 2.4vw, 2.1rem); font-weight: 700; line-height: 1.25; margin: 0px 0px 16px; }
html.cs-page-birdi-capital .case-study .birdi-presentation-85, html.cs-page-birdi-capital .case-study.birdi-presentation-85 { font-size: 16px; line-height: 1.7; color: var(--body); margin: 0px; max-width: 330px; }

/* Shared additions for case studies extending the Birdi template */
html.cs-page-birdi-capital .context-layout { display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(36px,6vw,72px); align-items: start; }
html.cs-page-birdi-capital .context-facts { list-style: none; margin: 0; padding: 22px; background: #f6f7fa; border: 1px solid #e3e7ed; border-radius: 16px; display: grid; gap: 14px; }
html.cs-page-birdi-capital .context-facts li { display: flex; gap: 10px; align-items: flex-start; font-size: 16px; line-height: 1.6; color: #6f6f6f; }
html.cs-page-birdi-capital .context-facts li:before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #ee4865; margin-top: 8px; flex-shrink: 0; }
html.cs-page-birdi-capital .note-box { background: #f6f7fa; border: 1px solid #e3e7ed; border-left: 3px solid #ee4865; border-radius: 12px; padding: 24px 26px; margin-top: 28px; }
html.cs-page-birdi-capital .note-box h3 { font-size: 17px; margin: 0 0 10px; }
html.cs-page-birdi-capital .note-box p,html.cs-page-birdi-capital .note-box li { font-size: 16px; line-height: 1.7; color: #6f6f6f; margin: 0 0 8px; }
html.cs-page-birdi-capital .note-box ul { margin: 0; padding-left: 18px; }
html.cs-page-birdi-capital .spotlight-layout { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(36px,6vw,72px); align-items: center; }
html.cs-page-birdi-capital .spotlight-layout.image-left>.spotlight-image { order: -1; }
html.cs-page-birdi-capital .spotlight-image { position: relative; }
html.cs-page-birdi-capital .spotlight-image img { display: block; width: 100%; border-radius: 14px; box-shadow: 0 20px 44px rgba(16,29,48,.16),0 5px 12px rgba(16,29,48,.08); }
html.cs-page-birdi-capital .master-data-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
html.cs-page-birdi-capital .master-data-item { background: #fff; border: 1px solid #e3e7ed; border-radius: 12px; padding: 18px 20px; display: flex; align-items: center; gap: 14px; font-weight: 600; color: #101d30; font-size: 16px; line-height: 1.4; transition: border-color .25s,box-shadow .25s,transform .25s; }
html.cs-page-birdi-capital .master-data-item:hover { border-color: #ee4865; box-shadow: 0 14px 30px rgba(16,29,48,.08); transform: translateY(-2px); }
html.cs-page-birdi-capital .master-data-item i { color: #ee4865; font-size: 18px; width: 22px; text-align: center; flex-shrink: 0; }
html.cs-page-birdi-capital .hero-art-wide .birdi-presentation-15 { display: none; }
html.cs-page-birdi-capital .hero-art-wide .birdi-presentation-16 { max-width: 100%; border-radius: 14px; box-shadow: 0 34px 64px rgba(16,29,48,.24),0 10px 26px rgba(16,29,48,.12); border: 1px solid rgba(16,29,48,.06); }
html.cs-page-birdi-capital .browser-chrome { height: 30px; background: #e7eaf0; display: flex; align-items: center; gap: 7px; padding: 0 14px; }
html.cs-page-birdi-capital .browser-chrome span { width: 9px; height: 9px; border-radius: 50%; background: #c7ccd6; }
html.cs-page-birdi-capital .browser-chrome span:first-child { background: #ee4865; }
html.cs-page-birdi-capital .birdi-presentation-67.stack-single { grid-template-columns: 200px minmax(0,1fr) !important; }
html.cs-page-birdi-capital .stack-single .birdi-presentation-71 { display: grid; grid-template-columns: repeat(auto-fill,minmax(240px,1fr)); gap: 12px; }
html.cs-page-birdi-capital .stack-single .birdi-presentation-72 { flex-direction: column; align-items: flex-start; gap: 6px; padding: 14px 18px; height: 100%; }
html.cs-page-birdi-capital .stack-single .birdi-presentation-72 .birdi-presentation-73 { font-size: 20px; }
html.cs-page-birdi-capital .status-tag { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; padding: 5px 12px; border-radius: 999px; }
html.cs-page-birdi-capital .status-tag.is-delivered { background: #fce7ed; color: #c92145; }
html.cs-page-birdi-capital .status-tag.is-architecture { background: #eef1f6; color: #47546b; }
html.cs-page-birdi-capital .status-tag.is-planned { background: #fff4e5; color: #a15c00; }
html.cs-page-birdi-capital .status-tag.is-verified { background: #e8f6ee; color: #178347; }
html.cs-page-birdi-capital .illustrative-badge { position: absolute; top: 12px; right: 12px; background: rgba(16,29,48,.85); color: #fff; font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; padding: 5px 12px; border-radius: 999px; }
html.cs-page-birdi-capital .boundary-pair { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; margin-top: 20px; }
html.cs-page-birdi-capital .boundary-box { border-radius: 12px; padding: 22px 24px; border: 1px solid #e3e7ed; }
html.cs-page-birdi-capital .boundary-box.is-delivered { background: #fff7f8; border-color: #fce0e6; }
html.cs-page-birdi-capital .boundary-box.is-architecture { background: #f6f7fa; border-color: #e3e7ed; }
html.cs-page-birdi-capital .boundary-box ul { margin: 14px 0 0; padding-left: 18px; }
html.cs-page-birdi-capital .boundary-box li { font-size: 16px; line-height: 1.65; color: #6f6f6f; margin-bottom: 6px; }
html.cs-page-birdi-capital .evidence-rows { display: grid; gap: 12px; margin-top: 12px; }
html.cs-page-birdi-capital .evidence-row { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 22px; background: #fff; border: 1px solid #e3e7ed; border-radius: 12px; flex-wrap: wrap; }
html.cs-page-birdi-capital .evidence-row strong { font-size: 16px; color: #101d30; }
html.cs-page-birdi-capital .scope-compare { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
html.cs-page-birdi-capital .scope-compare-card { border-radius: 16px; padding: 26px 28px; border: 1px solid #e3e7ed; }
html.cs-page-birdi-capital .scope-compare-card.is-delivered { background: #fff; }
html.cs-page-birdi-capital .scope-compare-card.is-not-claimed { background: #f6f7fa; }
html.cs-page-birdi-capital .scope-compare-card h3 { font-size: 18px; margin: 0 0 16px; }
html.cs-page-birdi-capital .scope-compare-card ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
html.cs-page-birdi-capital .scope-compare-card li { display: flex; gap: 10px; align-items: flex-start; font-size: 16px; line-height: 1.6; color: #6f6f6f; }
html.cs-page-birdi-capital .scope-compare-card li i { margin-top: 3px; flex-shrink: 0; }
html.cs-page-birdi-capital .scope-compare-card.is-delivered li i { color: #178347; }
html.cs-page-birdi-capital .scope-compare-card.is-not-claimed li i { color: #9aa3b2; }
html.cs-page-birdi-capital .attendance-steps { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 14px; margin-top: 24px; }
html.cs-page-birdi-capital .attendance-step { background: #fff; border: 1px solid #e3e7ed; border-radius: 12px; padding: 18px 16px; text-align: center; }
html.cs-page-birdi-capital .attendance-step span { display: block; font-size: 13px; font-weight: 700; color: #ee4865; margin-bottom: 8px; }
html.cs-page-birdi-capital .attendance-step p { font-size: 14px; line-height: 1.5; margin: 0; color: #6f6f6f; }
@media (max-width:900px) {
  html.cs-page-birdi-capital .context-layout,html.cs-page-birdi-capital .spotlight-layout,html.cs-page-birdi-capital .boundary-pair,html.cs-page-birdi-capital .scope-compare { grid-template-columns: 1fr; }
  html.cs-page-birdi-capital .spotlight-layout.image-left>.spotlight-image { order: 0; }
  html.cs-page-birdi-capital .attendance-steps { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width:700px) {
  html.cs-page-birdi-capital .birdi-presentation-67.stack-single { grid-template-columns: 1fr !important; }
  html.cs-page-birdi-capital .attendance-steps { grid-template-columns: 1fr; }
}
html.cs-page-birdi-capital .case-study h2 { font-size: clamp(22px,2.1vw,30px) !important; line-height: 1.3 !important; }
html.cs-page-birdi-capital .case-study .hero-section h1 { font-size: clamp(32px,4.2vw,46px); }
html.cs-page-birdi-capital .scope-compare-card { position: relative; padding-top: 30px; box-shadow: 0 16px 40px rgba(16,29,48,.06); }
html.cs-page-birdi-capital .scope-compare-card:before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 5px; border-radius: 16px 16px 0 0; }
html.cs-page-birdi-capital .scope-compare-card.is-delivered:before { background: linear-gradient(90deg,#ee4865,#ff8299); }
html.cs-page-birdi-capital .scope-compare-card.is-not-claimed:before { background: #c7ccd6; }
html.cs-page-birdi-capital .scope-compare-card h3 { display: flex; align-items: center; gap: 10px; }
html.cs-page-birdi-capital .scope-compare-card h3:before { font-family: "FontAwesome"; font-size: 15px; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
html.cs-page-birdi-capital .scope-compare-card.is-delivered h3:before { content: "\f00c"; background: #fce7ed; color: #c92145; }
html.cs-page-birdi-capital .scope-compare-card.is-not-claimed h3:before { content: "\f00d"; background: #eceef2; color: #7c8494; }
html.cs-page-birdi-capital .scope-compare-card li i { width: 18px; height: 18px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 10px; flex-shrink: 0; margin-top: 2px; }
html.cs-page-birdi-capital .scope-compare-card.is-delivered li i { background: #e8f6ee; color: #178347; }
html.cs-page-birdi-capital .scope-compare-card.is-not-claimed li i { background: #eceef2; color: #7c8494; }
html.cs-page-birdi-capital .scope-manifest { max-width: 1000px; margin: 0 auto; background: #fff; border-radius: 22px; box-shadow: 0 30px 70px rgba(16,29,48,.14); overflow: hidden; }
html.cs-page-birdi-capital .scope-manifest-header { background: linear-gradient(135deg,#0e1d31,#15233b); color: #fff; padding: 32px 40px; text-align: center; }
html.cs-page-birdi-capital .scope-manifest-header .eyebrow { color: #ff8299; margin-bottom: 10px; }
html.cs-page-birdi-capital .scope-manifest-header h2 { color: #fff !important; margin: 0; }
html.cs-page-birdi-capital .scope-manifest-body { display: grid; grid-template-columns: 1.5fr auto 1fr; align-items: stretch; }
html.cs-page-birdi-capital .scope-manifest-main { padding: 36px 40px; }
html.cs-page-birdi-capital .scope-manifest-main h3 { display: flex; align-items: center; gap: 10px; font-size: 19px; margin: 0 0 18px; }
html.cs-page-birdi-capital .scope-manifest-main h3 i { color: #178347; background: #e8f6ee; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; flex-shrink: 0; }
html.cs-page-birdi-capital .scope-manifest-main ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
html.cs-page-birdi-capital .scope-manifest-main li { display: flex; gap: 10px; font-size: 15.5px; line-height: 1.5; color: #333; }
html.cs-page-birdi-capital .scope-manifest-main li i { color: #178347; margin-top: 3px; flex-shrink: 0; }
html.cs-page-birdi-capital .scope-manifest-divider { position: relative; width: 0; border-left: 2px dashed #dfe3ea; margin: 0 2px; }
html.cs-page-birdi-capital .scope-manifest-divider .notch { position: absolute; width: 26px; height: 26px; border-radius: 50%; background: #f0f0ff; left: -13px; }
html.cs-page-birdi-capital .scope-manifest-divider .notch.top { top: -13px; }
html.cs-page-birdi-capital .scope-manifest-divider .notch.bottom { bottom: -13px; }
html.cs-page-birdi-capital .scope-manifest-stub { background: #fafbfc; padding: 36px 30px; }
html.cs-page-birdi-capital .scope-manifest-stub h3 { display: flex; align-items: center; gap: 10px; font-size: 15px; color: #7c8494; margin: 0 0 18px; text-transform: uppercase; letter-spacing: .04em; }
html.cs-page-birdi-capital .scope-manifest-stub h3 i { background: #eceef2; color: #9aa3b2; width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; flex-shrink: 0; }
html.cs-page-birdi-capital .scope-manifest-stub ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 11px; }
html.cs-page-birdi-capital .scope-manifest-stub li { font-size: 14px; line-height: 1.5; color: #a3abb8; text-decoration: line-through; text-decoration-color: #d7dce4; }
@media (max-width:800px) {
  html.cs-page-birdi-capital .scope-manifest-body { grid-template-columns: 1fr; }
  html.cs-page-birdi-capital .scope-manifest-divider { width: auto; height: 0; border-left: 0; border-top: 2px dashed #dfe3ea; margin: 0 30px; }
  html.cs-page-birdi-capital .scope-manifest-divider .notch { top: -13px; }
  html.cs-page-birdi-capital .scope-manifest-divider .notch.top { left: -13px; }
  html.cs-page-birdi-capital .scope-manifest-divider .notch.bottom { left: auto; right: -13px; }
}
html.cs-page-birdi-capital .attendance-flow { position: relative; display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 0; margin-top: 28px; }
html.cs-page-birdi-capital .attendance-flow:before { content: ""; position: absolute; top: 22px; left: 40px; right: 40px; height: 2px; background: #e3e7ed; z-index: 0; }
html.cs-page-birdi-capital .attendance-node { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 8px; }
html.cs-page-birdi-capital .attendance-node .num { width: 44px; height: 44px; border-radius: 50%; background: #fff; border: 2px solid #ee4865; color: #c92145; font-weight: 700; font-size: 15px; display: flex; align-items: center; justify-content: center; margin-bottom: 14px; }
html.cs-page-birdi-capital .attendance-node p { font-size: 14px; line-height: 1.4; margin: 0; color: #6f6f6f; font-weight: 500; }
@media (max-width:700px) {
  html.cs-page-birdi-capital .attendance-flow { grid-template-columns: 1fr; gap: 18px; }
  html.cs-page-birdi-capital .attendance-flow:before { display: none; }
  html.cs-page-birdi-capital .attendance-node { flex-direction: row; text-align: left; gap: 14px; }
  html.cs-page-birdi-capital .attendance-node .num { margin-bottom: 0; flex-shrink: 0; }
}
html.cs-page-birdi-capital .offline-stage-list { background: #f6f7fa; border: 1px solid #e3e7ed; border-radius: 16px; padding: 6px 22px; margin-top: 24px; }
html.cs-page-birdi-capital .offline-stage-list .brief-fact { padding: 18px 0; }
html.cs-page-birdi-capital .offline-stage-list .brief-fact + .brief-fact { border-top: 1px solid #dfe4ec; }
html.cs-page-birdi-capital .offline-stage-list .brief-fact-icon { background: #fce7ed; color: #c92145; }
html.cs-page-birdi-capital .spotlight-image-sticky { position: sticky; top: 110px; }
@media (max-width:900px) {
  html.cs-page-birdi-capital .spotlight-image-sticky { position: static; }
}
html.cs-page-birdi-capital .offline-hero-visual { max-width: 760px; margin: 40px auto 0; position: relative; }
html.cs-page-birdi-capital .offline-hero-visual img { display: block; width: 100%; border-radius: 14px; box-shadow: 0 30px 60px rgba(16,29,48,.18),0 8px 20px rgba(16,29,48,.08); }
html.cs-page-birdi-capital .offline-flow { display: grid; grid-template-columns: repeat(auto-fit,minmax(190px,1fr)); gap: 20px; margin-top: 44px; }
html.cs-page-birdi-capital .offline-flow-card { background: #fff; border: 1px solid #e3e7ed; border-radius: 16px; padding: 26px 22px; position: relative; border-top: 3px solid #ee4865; }
html.cs-page-birdi-capital .offline-flow-num { position: absolute; top: -14px; right: 18px; width: 30px; height: 30px; border-radius: 50%; background: #101d30; color: #fff; font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
html.cs-page-birdi-capital .offline-flow-card i { font-size: 22px; color: #ee4865; margin-bottom: 14px; display: block; }
html.cs-page-birdi-capital .offline-flow-card h3 { font-size: 16px; margin: 0 0 8px; }
html.cs-page-birdi-capital .offline-flow-card p { font-size: 14.5px; line-height: 1.55; margin: 0; color: #6f6f6f; }
html.cs-page-birdi-capital .not-claimed-chips { display: flex; flex-wrap: wrap; gap: 10px; }
html.cs-page-birdi-capital .not-claimed-chip { display: inline-flex; align-items: center; gap: 7px; background: #eceef2; color: #7c8494; padding: 9px 15px; border-radius: 999px; font-size: 14px; font-weight: 500; }
html.cs-page-birdi-capital .not-claimed-chip i { font-size: 11px; }
html.cs-page-birdi-capital .planned-banner { position: relative; display: flex; align-items: center; gap: 28px; background: linear-gradient(135deg,#fff7ec,#fffdf9); border: 1px solid #ffe3b8; border-radius: 18px; padding: clamp(24px,4vw,38px); overflow: hidden; max-width: 900px; margin: 0 auto; }
html.cs-page-birdi-capital .planned-icon { width: 78px; height: 78px; border-radius: 50%; background: #fff1da; color: #d98a00; font-size: 32px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
html.cs-page-birdi-capital .planned-ribbon { position: absolute; top: 16px; right: -34px; background: #f5a623; color: #fff; font-size: 12px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; padding: 6px 42px; transform: rotate(35deg); box-shadow: 0 4px 10px rgba(213,138,0,.25); }
html.cs-page-birdi-capital .planned-banner h3 { margin: 8px 0 8px; }
html.cs-page-birdi-capital .planned-banner p { margin: 0; max-width: 520px; }
@media (max-width:700px) {
  html.cs-page-birdi-capital .planned-banner { flex-direction: column; text-align: center; gap: 16px; }
  html.cs-page-birdi-capital .planned-banner p { max-width: none; }
}

html.cs-page-birdi-capital .case-study h2 { font-size: 2.5rem !important; line-height: 1.25 !important; }
html.cs-page-birdi-capital .case-study .hero-section h1 { font-size: clamp(32px,4.2vw,46px); }
html.cs-page-birdi-capital .case-study .birdi-solution { font-size: 18px !important; }
@media (max-width:900px) { html.cs-page-birdi-capital .case-study h2 { font-size: 2rem !important; } }
@media (max-width:600px) { html.cs-page-birdi-capital .case-study h2 { font-size: 1.7rem !important; } }
html.cs-page-birdi-capital .pfc-section { background: #fff; padding: clamp(56px,7vw,96px) 0; }
html.cs-page-birdi-capital .pfc-row { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(32px,5vw,64px); align-items: center; margin-top: 56px; }
html.cs-page-birdi-capital .pfc-row.is-reversed .pfc-figure { order: 2; }
html.cs-page-birdi-capital .pfc-figure { margin: 0; position: relative; padding: 18px; background: linear-gradient(160deg,#f7f8fb,#eef1f6); border: 1px solid #e3e7ed; border-radius: 18px; }
html.cs-page-birdi-capital .pfc-figure img { display: block; width: 100%; height: auto; border-radius: 10px; box-shadow: 0 22px 48px rgba(16,29,48,.16); }
html.cs-page-birdi-capital .pfc-figure figcaption { font-size: 14.5px; line-height: 1.55; color: #6f6f6f; margin-top: 16px; padding-left: 14px; border-left: 2px solid #ee4865; }
html.cs-page-birdi-capital .pfc-index { display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: .12em; color: #ee4865; margin-bottom: 12px; }
html.cs-page-birdi-capital .pfc-copy h3 { font-size: 22px; line-height: 1.35; margin: 0 0 14px; color: #101d30; }
html.cs-page-birdi-capital .pfc-copy p { font-size: 16px; line-height: 1.75; color: #4a4a4a; margin: 0 0 14px; }
html.cs-page-birdi-capital .pfc-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
html.cs-page-birdi-capital .pfc-chips span { font-size: 13px; font-weight: 600; color: #c92145; background: #fdeef1; padding: 7px 14px; border-radius: 999px; }
@media (max-width:860px) {
  html.cs-page-birdi-capital .pfc-row, html.cs-page-birdi-capital .pfc-row.is-reversed { grid-template-columns: 1fr; }
  html.cs-page-birdi-capital .pfc-row.is-reversed .pfc-figure { order: 0; }
}

html.cs-page-birdi-capital .wwb-section { background: #f1f1f1; padding: clamp(56px,7vw,96px) 0; }
html.cs-page-birdi-capital .wwb-figure { margin: 40px auto 0; max-width: 920px; }
html.cs-page-birdi-capital .wwb-figure img { display: block; width: 100%; height: auto; border-radius: 12px; box-shadow: 0 26px 56px rgba(16,29,48,.14); }
html.cs-page-birdi-capital .wwb-figure figcaption { font-size: 15px; line-height: 1.6; color: #6f6f6f; margin-top: 18px; padding-left: 16px; border-left: 2px solid #ee4865; max-width: 640px; }
html.cs-page-birdi-capital .wwb-points-intro { max-width: 920px; margin: 48px auto 18px; font-size: 16px; font-weight: 600; color: #101d30; }
html.cs-page-birdi-capital .wwb-points { list-style: none; max-width: 920px; margin: 0 auto; padding: 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 44px; }
html.cs-page-birdi-capital .wwb-points li { display: flex; align-items: flex-start; gap: 12px; font-size: 16px; line-height: 1.6; color: #4a4a4a; padding: 13px 0; border-bottom: 1px solid #dfdfdf; }
html.cs-page-birdi-capital .wwb-points li i { color: #ee4865; font-size: 13px; margin-top: 5px; flex-shrink: 0; }
html.cs-page-birdi-capital .wwb-closing { max-width: 920px; margin: 32px auto 0; font-size: 16px; line-height: 1.75; color: #4a4a4a; }
html.cs-page-birdi-capital .integrations-block { margin-top: 72px; }
html.cs-page-birdi-capital .integrations-title { font-size: 24px; line-height: 1.35; margin: 0 0 8px; color: #101d30; }
html.cs-page-birdi-capital .integration-row { display: grid; grid-template-columns: 280px minmax(0,1fr); gap: 32px; align-items: baseline; padding: 26px 0; border-bottom: 1px solid #e7ebf0; }
html.cs-page-birdi-capital .integration-row:first-of-type { border-top: 1px solid #e7ebf0; margin-top: 24px; }
html.cs-page-birdi-capital .integration-name { display: flex; align-items: center; gap: 12px; }
html.cs-page-birdi-capital .integration-name i { color: #ee4865; font-size: 18px; width: 22px; text-align: center; }
html.cs-page-birdi-capital .integration-name span { font-size: 19px; font-weight: 600; color: #101d30; }
html.cs-page-birdi-capital .integration-row p { margin: 0; font-size: 16px; line-height: 1.7; color: #4a4a4a; }
@media (max-width:760px) {
  html.cs-page-birdi-capital .wwb-points { grid-template-columns: 1fr; }
  html.cs-page-birdi-capital .integration-row { grid-template-columns: 1fr; gap: 10px; }
}

html.cs-page-birdi-capital .wwb-figure, html.cs-page-birdi-capital .wwb-points-intro, html.cs-page-birdi-capital .wwb-points, html.cs-page-birdi-capital .wwb-closing { max-width: none; }
html.cs-page-birdi-capital .wwb-points { column-gap: 64px; }
html.cs-page-birdi-capital .achieved-list { list-style: none; margin: 44px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 64px; counter-reset: none; }
html.cs-page-birdi-capital .achieved-list li { display: flex; align-items: baseline; gap: 18px; padding: 18px 0; border-bottom: 1px solid rgba(16,29,48,.1); font-size: 17px; line-height: 1.55; color: #1c2436; }
html.cs-page-birdi-capital .achieved-num { font-size: 13px; font-weight: 700; letter-spacing: .08em; color: #ee4865; flex-shrink: 0; min-width: 26px; }
html.cs-page-birdi-capital .achieved-closing { margin-top: 34px; font-size: 16px; line-height: 1.75; color: #4a4a4a; max-width: 720px; }
@media (max-width:760px) { html.cs-page-birdi-capital .achieved-list { grid-template-columns: 1fr; } }

html.cs-page-birdi-capital .feature-tabs.three-up { grid-template-columns: repeat(3,minmax(0,1fr)); }
@media (max-width:900px) { html.cs-page-birdi-capital .feature-tabs.three-up { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width:560px) { html.cs-page-birdi-capital .feature-tabs.three-up { grid-template-columns: 1fr; } }
@media (max-width:560px) {
  html.cs-page-birdi-capital .integration-name span { font-size: 17px; }
  html.cs-page-birdi-capital .pfc-copy h3 { font-size: 19px; }
  html.cs-page-birdi-capital .wwb-figure figcaption, html.cs-page-birdi-capital .wwb-closing, html.cs-page-birdi-capital .achieved-closing { font-size: 15px; }
}

/* Original file: birdi-capital/css/bootstrap4-integration.css */
/* Bootstrap 4 grid and tabs, adjusted to preserve the approved Birdi design. */
html.cs-page-birdi-capital .case-study .hero-layout.row,
html.cs-page-birdi-capital .case-study .brief-layout.row {
  --birdi-column-gap: clamp(32px, 5vw, 64px);
  display: flex !important;
  gap: 0 !important;
  margin-left: 0;
  margin-right: 0;
}
html.cs-page-birdi-capital .case-study .brief-layout.row { --birdi-column-gap: clamp(32px, 5vw, 56px); }
html.cs-page-birdi-capital .case-study .hero-layout.row > .col-md-6,
html.cs-page-birdi-capital .case-study .brief-layout.row > .col-md-6 {
  padding-left: calc(var(--birdi-column-gap) * 0.5);
  padding-right: calc(var(--birdi-column-gap) * 0.5);
}
html.cs-page-birdi-capital .case-study .hero-layout.row > .col-md-6:first-child,
html.cs-page-birdi-capital .case-study .brief-layout.row > .col-md-6:first-child { padding-left: 0; }
html.cs-page-birdi-capital .case-study .hero-layout.row > .col-md-6:last-child,
html.cs-page-birdi-capital .case-study .brief-layout.row > .col-md-6:last-child { padding-right: 0; }
html.cs-page-birdi-capital .case-study .birdi-contact-button {
  border: 0;
  line-height: normal;
  text-align: inherit;
  vertical-align: baseline;
}
html.cs-page-birdi-capital .case-study .birdi-contact-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 34px rgba(213,31,63,.34);
  color: #fff;
}
html.cs-page-birdi-capital .case-study .birdi-tech-pill:hover { background: #101d30; color: #fff; }
html.cs-page-birdi-capital .case-study .feature-tabs.nav-tabs { border-bottom: 0; }
html.cs-page-birdi-capital .case-study .feature-tabs.nav-tabs .nav-link {
  border: 0;
  margin-bottom: 0;
  padding: 20px 8px;
  color: #101d30;
  line-height: 1.4;
}
html.cs-page-birdi-capital .case-study .feature-tabs.nav-tabs .nav-link.active { background: #fff; color: #101d30; }
html.cs-page-birdi-capital .case-study .tab-content > .features-panel.active { display: grid; }
@media (max-width: 767px) {
  html.cs-page-birdi-capital .case-study .hero-layout.row,
  html.cs-page-birdi-capital .case-study .brief-layout.row { margin-left: 0; margin-right: 0; }
  html.cs-page-birdi-capital .case-study .hero-layout.row > .col-md-6,
  html.cs-page-birdi-capital .case-study .brief-layout.row > .col-md-6 { padding-left: 0; padding-right: 0; }
  html.cs-page-birdi-capital .case-study .brief-layout.row > .col-md-6 + .col-md-6 { margin-top: 32px; }
}
@media (max-width: 460px) {
  html.cs-page-birdi-capital .case-study .feature-tabs.nav-tabs .nav-link { padding: 16px 6px; }
}
@media (prefers-reduced-motion: reduce) {
  html.cs-page-birdi-capital .case-study .birdi-contact-button:hover { transform: none; }
}

/* ================================================================
   Page namespace: clipper-oil (cs-page-clipper-oil)
   ================================================================ */

/* Original file: clipper-oil/css/birdi.css */
/* Bootstrap Reboot is normalized to the approved page typography. */
html.cs-page-clipper-oil,html.cs-page-clipper-oil body{height:100%;}
html.cs-page-clipper-oil body{line-height:normal;}
html.cs-page-clipper-oil h1,html.cs-page-clipper-oil h2,html.cs-page-clipper-oil h3,html.cs-page-clipper-oil h4,html.cs-page-clipper-oil h5,html.cs-page-clipper-oil h6{font-size:revert;font-weight:revert;line-height:normal;margin:revert;}
html.cs-page-clipper-oil .case-study section p,html.cs-page-clipper-oil dl,html.cs-page-clipper-oil dd,html.cs-page-clipper-oil figure{margin:revert;}
html.cs-page-clipper-oil .case-study section a:hover{text-decoration:none;}
html.cs-page-clipper-oil button{line-height:normal;}

/* Birdi shared styles. Cascade order is intentional; responsive rules remain beside their applicable defaults. */
html.cs-page-clipper-oil body {
  margin: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}
html.cs-page-clipper-oil * {
  box-sizing: border-box;
}
html.cs-page-clipper-oil .case-study section a {
  color: #ee4865;
  text-decoration: none;
}
html.cs-page-clipper-oil .case-study section a:hover {
  color: #101d30;
}
html.cs-page-clipper-oil {
  font-size: max(16px,100%);
}
html.cs-page-clipper-oil body {
  font-size: 16px;
}
html.cs-page-clipper-oil button,html.cs-page-clipper-oil summary {
  font: inherit;
}
html.cs-page-clipper-oil button {
  cursor: pointer;
}
html.cs-page-clipper-oil img {
  max-width: 100%;
}
html.cs-page-clipper-oil button:focus-visible,html.cs-page-clipper-oil summary:focus-visible,html.cs-page-clipper-oil [tabindex]:focus-visible {
  outline: 3px solid #ee4865;
  outline-offset: 5px;
}
html.cs-page-clipper-oil .section-container {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  background: transparent;
}
html.cs-page-clipper-oil .section-heading {
  margin-bottom: clamp(32px,4vw,48px);
}
html.cs-page-clipper-oil .centered {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
html.cs-page-clipper-oil .eyebrow {
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 700;
  color: #ee4865;
  margin: 0 0 18px;
}
html.cs-page-clipper-oil .section-heading h2 {
  font-size: clamp(1.55rem,2.4vw,2.1rem);
  line-height: 1.25;
  margin: 0;
}
html.cs-page-clipper-oil .section-heading h2 span {
  color: #ee4865;
}
html.cs-page-clipper-oil .workflow-section {
  padding: clamp(56px,7vw,84px) 0;
  background: linear-gradient(135deg,#0e1d31 0%,#15233b 100%);
  color: #fff;
}
html.cs-page-clipper-oil .workflow-layout {
  display: grid;
  grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr);
  gap: clamp(36px,6vw,80px);
  align-items: start;
}
html.cs-page-clipper-oil .workflow-sticky {
  position: sticky;
  top: 124px;
  min-width: 0;
}
/* Short screens need normal page scrolling, not a taller sticky panel. */
@media (max-height:650px) {
  html.cs-page-clipper-oil .workflow-sticky { position: relative; top: auto; }
}
html.cs-page-clipper-oil .workflow-visual-heading {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .1em;
  margin-bottom: 18px;
}
html.cs-page-clipper-oil .workflow-visual-heading span:first-child {
  color: var(--body);
}
html.cs-page-clipper-oil .workflow-stage {
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(300px,56vh,560px);
  overflow: hidden;
  color: #101d30;
}
html.cs-page-clipper-oil .workflow-screen {
  display: block;
  animation: cs-page-clipper-oil-visual-arrive .4s ease;
}
html.cs-page-clipper-oil .workflow-caption {
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  margin: 18px 0 16px;
  font-weight: 500;
}
html.cs-page-clipper-oil .workflow-progress {
  height: 3px;
  background: rgba(255,255,255,.2);
}
html.cs-page-clipper-oil .workflow-progress span {
  display: block;
  height: 100%;
  background: #ee4865;
  transition: width .35s ease;
}
html.cs-page-clipper-oil .workflow-explainer {
  width: 100%;
}
html.cs-page-clipper-oil .workflow-explainer>i {
  font-size: 44px;
  color: #ee4865;
  margin-bottom: 24px;
}
html.cs-page-clipper-oil .workflow-explainer h3 {
  font-size: 24px;
  line-height: 1.3;
  margin: 0 0 24px;
}
html.cs-page-clipper-oil .explainer-rows {
  display: grid;
  gap: 0;
}
html.cs-page-clipper-oil .explainer-rows>div {
  border-top: 1px solid #e9d3db;
  padding: 14px 0;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  line-height: 1.4;
}
html.cs-page-clipper-oil .explainer-rows i {
  color: #ee4865;
  font-size: 16px;
}
html.cs-page-clipper-oil .illustration-note {
  font-size: 16px;
  font-weight: 500;
  color: #101d30;
  margin: 18px 0 0;
}
html.cs-page-clipper-oil .workflow-timeline {
  border-left: 1px solid rgba(255,255,255,.3);
  padding-left: 32px;
}
html.cs-page-clipper-oil .workflow-step {
  position: relative;
  padding: 0 0 56px;
}
html.cs-page-clipper-oil .workflow-step:last-child {
  padding-bottom: 0;
  min-height: 200px;
}
html.cs-page-clipper-oil .workflow-step:before {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  left: -38px;
  border: 2px solid #ee4865;
  background: #101d30;
  border-radius: 50%;
  transition: box-shadow .25s,background .25s;
}
html.cs-page-clipper-oil .workflow-step.is-active:before {
  background: #ee4865;
  box-shadow: 0 0 0 7px rgba(238,72,101,.18);
}
html.cs-page-clipper-oil .workflow-step-number {
  letter-spacing: .08em;
  display: flex;
  align-items: baseline;
  margin-bottom: 12px;
}
html.cs-page-clipper-oil .workflow-step h3 {
  color: #fff;
  margin: 0 0 16px;
  transition: color .25s;
}
html.cs-page-clipper-oil .workflow-step.is-active h3 {
  color: #ee4865;
}
html.cs-page-clipper-oil .workflow-step p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  color: #fff;
}
html.cs-page-clipper-oil .features-intro {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 64px;
  align-items: end;
  margin-bottom: 40px;
}
html.cs-page-clipper-oil .feature-tabs {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
}
html.cs-page-clipper-oil .feature-tab {
  border-bottom: 3px solid transparent;
  background: transparent;
  color: #101d30;
  padding: 20px 8px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  text-align: left;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
}
html.cs-page-clipper-oil .feature-tab i {
  font-size: 18px;
  color: #ee4865;
}
html.cs-page-clipper-oil .feature-tab.is-active {
  border-color: #ee4865;
}
html.cs-page-clipper-oil .features-panel {
  display: grid;
  grid-template-columns: 260px minmax(0,1fr);
  gap: 54px;
  padding: 40px 0;
}
html.cs-page-clipper-oil .feature-panel-number {
  line-height: 1;
  color: #ee4865;
  font-weight: 600;
}
html.cs-page-clipper-oil .feature-panel-heading h3 {
  font-size: 24px;
  line-height: 1.3;
  margin: 16px 0 12px;
}
html.cs-page-clipper-oil .feature-panel-heading p {
  font-size: 16px;
  color: #101d30;
}
html.cs-page-clipper-oil .feature-items {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 32px;
}
html.cs-page-clipper-oil .feature-item {
  border-left: 2px solid #ee4865;
  padding-left: 20px;
}
html.cs-page-clipper-oil .feature-item h4 {
  font-size: 17px;
  line-height: 1.4;
  margin: 0 0 12px;
}
html.cs-page-clipper-oil .feature-item p {
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
  color: #101d30;
}
html.cs-page-clipper-oil .editorial-accordion {
  border-top: 1px solid #c7d0dd;
  color: #101d30;
}
html.cs-page-clipper-oil .editorial-accordion:last-child {
  border-bottom: 1px solid #c7d0dd;
}
html.cs-page-clipper-oil .editorial-accordion summary {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 26px 0;
  cursor: pointer;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 600;
}
html.cs-page-clipper-oil .editorial-accordion summary::-webkit-details-marker {
  display: none;
}
html.cs-page-clipper-oil .editorial-accordion summary>span:not(.accordion-number) {
  flex: 1;
}
html.cs-page-clipper-oil .editorial-accordion summary>i {
  color: #ee4865;
  font-size: 16px;
  transition: transform .25s;
}
html.cs-page-clipper-oil .accordion-number {
  font-size: 28px;
  color: #ee4865;
  font-weight: 600;
}
html.cs-page-clipper-oil .editorial-accordion[open] summary {
  color: #c92145;
}
html.cs-page-clipper-oil .editorial-accordion[open] summary>i {
  transform: rotate(45deg);
}
html.cs-page-clipper-oil .accordion-content {
  padding: 0 0 28px 64px;
  animation: cs-page-clipper-oil-content-arrive .3s ease;
}
html.cs-page-clipper-oil .accordion-content p {
  font-size: 16px;
  line-height: 1.75;
  margin: 12px 0 0;
  color: #101d30;
}
html.cs-page-clipper-oil .lift-card {
  transition: transform .3s,box-shadow .3s;
}
html.cs-page-clipper-oil .lift-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 36px rgba(16,29,48,.1);
}
html.cs-page-clipper-oil .parallax-visual {
  will-change: transform;
}
html.cs-page-clipper-oil .faq-section>div {
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
  gap: 64px;
  align-items: start;
}
html.cs-page-clipper-oil .faq-list {
  min-width: 0;
}
html.cs-page-clipper-oil .faq-list .accordion-content {
  padding-left: 0;
}
@keyframes cs-page-clipper-oil-content-arrive{from{transform:translateY(10px)}to{transform:translateY(0)}}
@keyframes cs-page-clipper-oil-visual-arrive{from{transform:translateY(12px) scale(.98)}to{transform:translateY(0) scale(1)}}
@media (max-width:900px) {
  html.cs-page-clipper-oil .workflow-layout {
    gap: 36px;
    grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
  }
  html.cs-page-clipper-oil .features-panel {
    grid-template-columns: 210px minmax(0,1fr);
    gap: 32px;
  }
  html.cs-page-clipper-oil .feature-tabs {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  html.cs-page-clipper-oil .features-intro {
    gap: 32px;
  }
}
@media (max-width:700px) {
  html.cs-page-clipper-oil .workflow-layout,html.cs-page-clipper-oil .features-intro,html.cs-page-clipper-oil .features-panel,html.cs-page-clipper-oil .faq-section>div {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  html.cs-page-clipper-oil .workflow-sticky {
    position: relative;
    top: auto;
  }
  html.cs-page-clipper-oil .workflow-stage {
    height: 440px;
  }
  html.cs-page-clipper-oil .workflow-timeline {
    margin-left: 6px;
  }
  html.cs-page-clipper-oil .workflow-step:last-child {
    min-height: 0;
  }
  html.cs-page-clipper-oil .workflow-explainer h3 {
    font-size: 22px;
  }
  html.cs-page-clipper-oil .feature-items {
    gap: 24px;
  }
  html.cs-page-clipper-oil .faq-section>div>div:first-child {
    position: static !important;
  }
  html.cs-page-clipper-oil .accordion-content {
    padding-left: 0;
  }
  html.cs-page-clipper-oil .editorial-accordion summary {
    gap: 16px;
    font-size: 17px;
  }
  html.cs-page-clipper-oil .parallax-visual {
    transform: none !important;
  }
}
@media (max-width:460px) {
  html.cs-page-clipper-oil .feature-items,html.cs-page-clipper-oil .industry-grid {
    grid-template-columns: 1fr;
  }
  html.cs-page-clipper-oil .feature-tab {
    font-size: 16px;
    padding: 16px 8px;
    overflow-wrap: anywhere;
  }
  html.cs-page-clipper-oil .workflow-stage {
    height: 420px;
  }
  html.cs-page-clipper-oil .workflow-timeline {
    padding-left: 24px;
  }
  html.cs-page-clipper-oil .workflow-step:before {
    left: -30px;
  }
}
@media (max-height:740px) and (min-width:701px) {
  html.cs-page-clipper-oil .workflow-stage {
    height: 360px;
  }
  html.cs-page-clipper-oil .workflow-explainer>i {
    font-size: 28px;
    margin-bottom: 12px;
  }
  html.cs-page-clipper-oil .workflow-explainer h3 {
    font-size: 22px;
    margin-bottom: 12px;
  }
  html.cs-page-clipper-oil .explainer-rows>div {
    padding: 10px 0;
  }
  html.cs-page-clipper-oil .illustration-note {
    margin-top: 12px;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-clipper-oil,html.cs-page-clipper-oil body {
    scroll-behavior: auto !important;
  }
  html.cs-page-clipper-oil *,html.cs-page-clipper-oil *:before,html.cs-page-clipper-oil *:after {
    animation: none !important;
    transition: none !important;
  }
  html.cs-page-clipper-oil .parallax-visual {
    transform: none !important;
  }
}
html.cs-page-clipper-oil .case-study {
  --body: #6f6f6f;
  --heading: #101d30;
  --accent: #ee4865;
}
html.cs-page-clipper-oil .case-study section {
  --body: #6f6f6f;
  --heading: #101d30;
}
html.cs-page-clipper-oil .case-study section[data-theme="dark"] {
  --body: #b8cbe5;
  --heading: #fff;
}
html.cs-page-clipper-oil .case-study p {
  color: var(--body);
}
html.cs-page-clipper-oil .case-study p.eyebrow {
  color: #ee4865;
}
html.cs-page-clipper-oil .case-study h2,html.cs-page-clipper-oil .case-study h3,html.cs-page-clipper-oil .case-study h4 {
  color: var(--heading);
}
html.cs-page-clipper-oil .workflow-stage {
  --body: #6f6f6f;
  --heading: #101d30;
  background: linear-gradient(155deg,#fff 30%,#eaf1fa);
  border: 1px solid rgba(255,255,255,.2);
  box-shadow: 0 24px 60px rgba(0,0,0,.2);
}
html.cs-page-clipper-oil .workflow-step-number {
  font-size: 16px;
  line-height: 1.5;
  gap: 7px;
  color: var(--body);
  font-weight: 400;
}
html.cs-page-clipper-oil .workflow-step-number strong {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  color: inherit;
  letter-spacing: inherit;
}
html.cs-page-clipper-oil .workflow-step {
  min-height: 200px;
  padding-bottom: 48px;
}
html.cs-page-clipper-oil .workflow-step:before {
  top: 7px;
}
html.cs-page-clipper-oil .workflow-step h3 {
  font-size: 24px;
  line-height: 1.35;
}
html.cs-page-clipper-oil .workflow-step p,html.cs-page-clipper-oil .workflow-caption {
  color: var(--body);
}
html.cs-page-clipper-oil .illustration-note,html.cs-page-clipper-oil .feature-panel-heading p,html.cs-page-clipper-oil .feature-item p,html.cs-page-clipper-oil .accordion-content p {
  color: var(--body);
}
html.cs-page-clipper-oil .problems-section {
  padding: clamp(56px,7vw,84px) 0;
  background: #f3f3f3;
}
html.cs-page-clipper-oil .problems-layout {
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
  gap: clamp(40px,6vw,80px);
  align-items: start;
}
html.cs-page-clipper-oil .problems-heading {
  position: static;
  align-self: start;
  padding: 28px 0;
  border-top: 2px solid #ee4865;
}
html.cs-page-clipper-oil .problems-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.18;
  letter-spacing: -.035em;
  margin: 0 0 24px;
}
html.cs-page-clipper-oil .problems-heading h2 span {
  color: #ee4865;
}
html.cs-page-clipper-oil .section-subtext {
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
  max-width: 390px;
}
html.cs-page-clipper-oil .problems-note {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 32px;
}
html.cs-page-clipper-oil .problems-note>span {
  height: 44px;
  width: 3px;
  background: #ee4865;
}
html.cs-page-clipper-oil .problems-note p {
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
}
html.cs-page-clipper-oil .problem-accordions {
  display: grid;
  gap: 12px;
}
html.cs-page-clipper-oil .problem-item {
  background: #fff;
  border: 1px solid #e0e7f0;
  border-radius: 14px;
  transition: border-color .3s,box-shadow .3s;
}
html.cs-page-clipper-oil .problem-item.is-open {
  border-color: #ee4865;
  box-shadow: 0 16px 40px rgba(16,29,48,.06);
}
html.cs-page-clipper-oil .problem-item h3 {
  margin: 0;
}
html.cs-page-clipper-oil .problem-item button {
  width: 100%;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  background: transparent;
  border: 0;
  color: #101d30;
  padding: 22px 24px;
  font-family: inherit;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  border-radius: 14px;
}
html.cs-page-clipper-oil .problem-item button:hover {
  color: #c92145;
}
html.cs-page-clipper-oil .problem-toggle {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d9e2ed;
  color: #101d30;
  transition: background .3s,transform .3s,color .3s;
}
html.cs-page-clipper-oil .problem-toggle i {
  font-size: 16px;
}
html.cs-page-clipper-oil .is-open .problem-toggle {
  background: #ee4865;
  border-color: #ee4865;
  color: #fff;
  transform: rotate(45deg);
}
html.cs-page-clipper-oil .problem-reveal {
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  transition: grid-template-rows .35s ease,visibility .35s;
}
html.cs-page-clipper-oil .problem-reveal>div {
  min-height: 0;
  overflow: hidden;
}
html.cs-page-clipper-oil .is-open .problem-reveal {
  grid-template-rows: 1fr;
  visibility: visible;
}
html.cs-page-clipper-oil .problem-answer {
  padding: 0 24px 24px;
}
html.cs-page-clipper-oil .problem-answer p {
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
  border-top: 1px solid #e7edf5;
  padding-top: 18px;
  color: var(--body);
}
html.cs-page-clipper-oil .industry-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 20px;
  align-items: stretch;
}
html.cs-page-clipper-oil .industry-flip {
  appearance: none;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  perspective: 1200px;
  text-align: left;
  font-family: inherit;
  color: #101d30;
  border-radius: 16px;
}
html.cs-page-clipper-oil .flip-inner {
  display: grid;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform .65s cubic-bezier(.22,.61,.36,1);
  position: relative;
}
html.cs-page-clipper-oil .industry-flip.is-flipped .flip-inner {
  transform: rotateY(180deg);
}
html.cs-page-clipper-oil .flip-front,html.cs-page-clipper-oil .flip-back {
  grid-area: 1/1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  padding: 26px;
  border-radius: 16px;
  border: 1px solid #dce5f0;
  min-width: 0;
}
html.cs-page-clipper-oil .flip-front {
  background: #fff;
  transform: rotateY(0deg);
}
html.cs-page-clipper-oil .flip-front>i {
  font-size: 28px;
  color: #ee4865;
}
html.cs-page-clipper-oil .flip-front strong {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.35;
  color: #101d30;
}
html.cs-page-clipper-oil .flip-hint {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 16px;
  line-height: 1.4;
  color: #6f6f6f;
  border-top: 1px solid #e6ecf4;
  padding-top: 16px;
}
html.cs-page-clipper-oil .flip-hint i {
  font-size: 16px;
  color: #ee4865;
}
html.cs-page-clipper-oil .flip-back {
  transform: rotateY(180deg);
  background: linear-gradient(135deg,#0e1d31,#15233b);
  border-color: #15233b;
  color: #fff;
}
html.cs-page-clipper-oil .flip-back-label {
  font-size: 16px;
  color: #ff8299;
  font-weight: 600;
}
html.cs-page-clipper-oil .flip-description {
  font-size: 16px;
  line-height: 1.7;
  color: #d1def0;
}
html.cs-page-clipper-oil .flip-back-hint {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 16px;
  color: #b8cbe5;
}
html.cs-page-clipper-oil .flip-back-hint i {
  font-size: 16px;
}
html.cs-page-clipper-oil .feature-tabs {
  gap: 8px;
  border-bottom: 0;
  padding: 6px;
  background: #f0f4f9;
  border-radius: 14px;
}
html.cs-page-clipper-oil .feature-tab {
  border: 0;
  border-radius: 10px;
  transition: background .25s,box-shadow .25s;
}
html.cs-page-clipper-oil .feature-tab.is-active {
  background: #fff;
  box-shadow: 0 4px 15px rgba(16,29,48,.08);
}
html.cs-page-clipper-oil .feature-tab:hover {
  background: #fff;
}
html.cs-page-clipper-oil .feature-panel-number {
  font-size: 40px;
}
html.cs-page-clipper-oil .features-panel {
  padding-top: 32px;
}
html.cs-page-clipper-oil .case-study a.contact-link {
  overflow: hidden;
  position: relative;
}
html.cs-page-clipper-oil .case-study a.contact-link i {
  transition: transform .25s;
}
html.cs-page-clipper-oil .case-study a.contact-link:hover i {
  transform: translateX(5px);
}
@media (max-width:900px) {
  html.cs-page-clipper-oil .industry-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  html.cs-page-clipper-oil .problems-layout {
    gap: 32px;
  }
  html.cs-page-clipper-oil .problem-item button {
    padding: 20px;
    font-size: 17px;
  }
  html.cs-page-clipper-oil .problem-answer {
    padding: 0 20px 20px;
  }
}
@media (max-width:700px) {
  html.cs-page-clipper-oil .problems-layout {
    grid-template-columns: 1fr;
  }
  html.cs-page-clipper-oil .problems-heading {
    position: static;
  }
  html.cs-page-clipper-oil .problems-heading .section-subtext {
    max-width: none;
  }
  html.cs-page-clipper-oil .problems-note {
    display: none;
  }
  html.cs-page-clipper-oil .workflow-step {
    min-height: 0;
  }
  html.cs-page-clipper-oil .workflow-step-number,html.cs-page-clipper-oil .workflow-step-number strong {
    font-size: 16px;
  }
  html.cs-page-clipper-oil .flip-front,html.cs-page-clipper-oil .flip-back {
    padding: 22px;
    gap: 18px;
  }
}
@media (max-width:480px) {
  html.cs-page-clipper-oil .industry-grid {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-clipper-oil .flip-inner,html.cs-page-clipper-oil .problem-reveal,html.cs-page-clipper-oil .problem-toggle {
    transition: none;
  }
}
html.cs-page-clipper-oil .need-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 22px;
  align-items: stretch;
}
html.cs-page-clipper-oil .need-card {
  background: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  transition: box-shadow .3s,border-color .3s,transform .3s;
}
html.cs-page-clipper-oil .need-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #ee4865;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s;
}
html.cs-page-clipper-oil .need-card.is-open {
  border-color: #ee4865;
  box-shadow: 0 18px 40px rgba(16,29,48,.08);
  transform: translateY(-4px);
}
html.cs-page-clipper-oil .need-card.is-open:before {
  transform: scaleX(1);
}
html.cs-page-clipper-oil .need-card h3 {
  margin: 0;
}
html.cs-page-clipper-oil .need-trigger {
  width: 100%;
  border: 0;
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 26px;
  text-align: left;
  font-family: inherit;
  color: #101d30;
}
html.cs-page-clipper-oil .need-marker {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 16px;
  color: #ee4865;
  font-weight: 500;
}
html.cs-page-clipper-oil .need-marker i {
  font-size: 16px;
  transition: transform .3s;
}
html.cs-page-clipper-oil .is-open .need-marker i {
  transform: rotate(45deg);
}
html.cs-page-clipper-oil .need-title {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 600;
}
html.cs-page-clipper-oil .need-hint {
  font-size: 16px;
  line-height: 1.5;
  color: #6f6f6f;
  font-weight: 400;
}
html.cs-page-clipper-oil .need-reveal {
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  transition: grid-template-rows .4s ease,visibility .4s;
}
html.cs-page-clipper-oil .need-reveal>div {
  min-height: 0;
  overflow: hidden;
}
html.cs-page-clipper-oil .need-card.is-open .need-reveal {
  grid-template-rows: 1fr;
  visibility: visible;
}
html.cs-page-clipper-oil .need-copy {
  padding: 0 26px 26px;
}
html.cs-page-clipper-oil .need-copy p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  color: #6f6f6f;
}
html.cs-page-clipper-oil .need-answer {
  border-top: 1px solid #e9e9e9;
  padding-top: 20px;
  margin-top: 22px;
}
html.cs-page-clipper-oil .need-answer>span {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #101d30;
  margin-bottom: 10px;
}
html.cs-page-clipper-oil .need-trigger:focus-visible {
  outline-offset: -5px;
}
@media (max-width:900px) {
  html.cs-page-clipper-oil .need-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}
@media (max-width:620px) {
  html.cs-page-clipper-oil .need-grid {
    grid-template-columns: 1fr;
  }
  html.cs-page-clipper-oil .need-trigger {
    padding: 24px;
    gap: 16px;
  }
  html.cs-page-clipper-oil .need-copy {
    padding: 0 24px 24px;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-clipper-oil .need-card,html.cs-page-clipper-oil .need-card:before,html.cs-page-clipper-oil .need-reveal,html.cs-page-clipper-oil .need-marker i {
    transition: none;
  }
  html.cs-page-clipper-oil .need-card.is-open {
    transform: none;
  }
}
html.cs-page-clipper-oil .need-heading {
  padding: 26px 26px 20px;
}
html.cs-page-clipper-oil .need-heading h3 {
  font-size: 20px;
  line-height: 1.4;
  margin: 16px 0 0;
  font-weight: 600;
}
html.cs-page-clipper-oil .need-static {
  overflow: visible;
  border-top: 3px solid #ee4865;
}
html.cs-page-clipper-oil .need-static:before {
  display: none;
}
html.cs-page-clipper-oil .scope-heading {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  align-items: baseline;
  justify-content: space-between;
  margin: 0 0 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid #dce2e9;
}
html.cs-page-clipper-oil .scope-heading h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0;
}
html.cs-page-clipper-oil .scope-heading>span {
  font-size: 16px;
  color: #6f6f6f;
}
html.cs-page-clipper-oil .scope-groups {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 28px;
}
html.cs-page-clipper-oil .scope-group h4 {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 17px;
  line-height: 1.4;
  margin: 0 0 18px;
}
html.cs-page-clipper-oil .scope-group h4 i {
  font-size: 20px;
  color: #ee4865;
}
html.cs-page-clipper-oil .scope-group ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
}
html.cs-page-clipper-oil .scope-group li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 16px;
  line-height: 1.6;
  color: #6f6f6f;
}
html.cs-page-clipper-oil .scope-group li i {
  font-size: 16px;
  line-height: 1.6;
  color: #ee4865;
  flex-shrink: 0;
}
html.cs-page-clipper-oil .comparison-heading {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: end;
  margin-bottom: 28px;
}
html.cs-page-clipper-oil .comparison-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.2;
  letter-spacing: -.025em;
  margin: 0;
}
html.cs-page-clipper-oil .comparison-heading h2 span {
  color: #ee4865;
}
html.cs-page-clipper-oil .comparison-heading>p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  max-width: 470px;
}
html.cs-page-clipper-oil .comparison-labels,html.cs-page-clipper-oil .comparison-row {
  display: grid;
  grid-template-columns: minmax(130px,.55fr) minmax(0,1fr) minmax(0,1.15fr);
  gap: 28px;
}
html.cs-page-clipper-oil .comparison-labels {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  color: #101d30;
  padding: 16px 20px;
  border-top: 1px solid #d7dce2;
  border-bottom: 1px solid #d7dce2;
}
html.cs-page-clipper-oil .comparison-labels>span:last-child {
  color: #c92145;
}
html.cs-page-clipper-oil .comparison-row {
  padding: 22px 20px;
  border-bottom: 1px solid #dfe3e8;
  align-items: start;
}
html.cs-page-clipper-oil .comparison-row:nth-child(odd) {
  background: #fff;
}
html.cs-page-clipper-oil .comparison-row h3 {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
}
html.cs-page-clipper-oil .comparison-row p {
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
  color: #6f6f6f;
}
html.cs-page-clipper-oil .comparison-fix {
  border-left: 2px solid #ee4865;
  padding-left: 18px;
}
html.cs-page-clipper-oil .mobile-pair-label {
  display: none;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
  color: #101d30;
  margin-bottom: 8px;
}
@media (max-width:1000px) {
  html.cs-page-clipper-oil .scope-groups {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 28px 36px;
  }
}
@media (max-width:760px) {
  html.cs-page-clipper-oil .comparison-heading {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  html.cs-page-clipper-oil .comparison-labels {
    display: none;
  }
  html.cs-page-clipper-oil .comparison-row {
    grid-template-columns: 1fr 1fr;
    gap: 16px 24px;
    padding: 22px 18px;
  }
  html.cs-page-clipper-oil .comparison-row h3 {
    grid-column: 1/-1;
    color: #101d30;
    font-size: 20px;
  }
  html.cs-page-clipper-oil .mobile-pair-label {
    display: block;
  }
  html.cs-page-clipper-oil .comparison-fix .mobile-pair-label {
    color: #c92145;
  }
}
@media (max-width:520px) {
  html.cs-page-clipper-oil .scope-groups {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  html.cs-page-clipper-oil .scope-group {
    padding-bottom: 22px;
    border-bottom: 1px solid #e4e7eb;
  }
  html.cs-page-clipper-oil .scope-group:last-child {
    padding-bottom: 0;
    border: 0;
  }
  html.cs-page-clipper-oil .comparison-row {
    grid-template-columns: 1fr;
  }
  html.cs-page-clipper-oil .comparison-row h3 {
    grid-column: auto;
  }
  html.cs-page-clipper-oil .comparison-fix {
    margin-top: 2px;
  }
  html.cs-page-clipper-oil .need-heading {
    padding: 24px 24px 20px;
  }
}
html.cs-page-clipper-oil .need-static {
  height: 100%;
  box-sizing: border-box;
}
html.cs-page-clipper-oil .challenge-story {
  position: relative;
  height: calc(var(--viewport-height) * 4.9);
}
html.cs-page-clipper-oil .challenge-stage {
  top: 124px;
}
html.cs-page-clipper-oil .challenge-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
html.cs-page-clipper-oil .challenge-scroll-hint {
  font-size: 16px;
  color: #6f6f6f;
}
html.cs-page-clipper-oil .challenge-nav-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
html.cs-page-clipper-oil .challenge-count {
  font-size: 20px;
  font-weight: 600;
  color: #101d30;
  margin-right: 10px;
  font-variant-numeric: tabular-nums;
}
html.cs-page-clipper-oil .challenge-count span {
  font-size: 16px;
  font-weight: 400;
  color: #6f6f6f;
}
html.cs-page-clipper-oil .challenge-nav-actions button {
  height: 42px;
  width: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #dce1e8;
  border-radius: 50%;
  color: #101d30;
  font-size: 16px;
}
html.cs-page-clipper-oil .challenge-nav-actions button:hover:not(:disabled) {
  background: #101d30;
  color: #fff;
  border-color: #101d30;
}
html.cs-page-clipper-oil .challenge-nav-actions button:disabled {
  opacity: .35;
  cursor: default;
}
html.cs-page-clipper-oil .challenge-focus {
  display: flex;
  flex-direction: column;
}
html.cs-page-clipper-oil .challenge-focus-heading>span {
  font-size: 16px;
  font-weight: 500;
  color: #ffa4b5;
  letter-spacing: .1em;
}
html.cs-page-clipper-oil .case-study .challenge-focus-heading h3 {
  color: #fff;
}
html.cs-page-clipper-oil .challenge-focus-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
html.cs-page-clipper-oil .challenge-focus-problem,html.cs-page-clipper-oil .challenge-focus-response {
  display: flex;
  flex-direction: column;
}
html.cs-page-clipper-oil .challenge-focus-response {
  background: #fff;
}
html.cs-page-clipper-oil .challenge-focus-pair h4 {
  font-weight: 600;
  margin: 0 0 18px;
}
html.cs-page-clipper-oil .response-heading {
  display: flex;
}
html.cs-page-clipper-oil .response-heading i {
  color: #178347;
}
html.cs-page-clipper-oil .case-study .response-heading h4 {
  color: #178347;
}
html.cs-page-clipper-oil .case-study .challenge-focus-problem h4 {
  color: #c83232;
}
html.cs-page-clipper-oil .challenge-focus-problem {
  background: #fff;
}
html.cs-page-clipper-oil .challenge-segments {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}
html.cs-page-clipper-oil .challenge-segment {
  flex: 1;
  border: 0;
  background: transparent;
  padding: 20px 0;
  min-height: 44px;
}
html.cs-page-clipper-oil .challenge-segment span {
  display: block;
  height: 4px;
  border-radius: 3px;
  background: #d8dee7;
  transition: background .25s;
}
html.cs-page-clipper-oil .challenge-segment.is-active span {
  background: #ee4865;
}
html.cs-page-clipper-oil .challenge-segment:hover span {
  background: #101d30;
}
@keyframes cs-page-clipper-oil-challenge-arrive{from{transform:translateY(10px)}to{transform:translateY(0)}}
@media (max-width:700px) {
  html.cs-page-clipper-oil .challenge-stage {
    top: 12px;
  }
  html.cs-page-clipper-oil .challenge-navigation {
    gap: 12px;
  }
  html.cs-page-clipper-oil .challenge-scroll-hint {
    max-width: 160px;
    line-height: 1.4;
  }
  html.cs-page-clipper-oil .challenge-focus-pair {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-clipper-oil .challenge-segment span {
    transition: none;
  }
}
html.cs-page-clipper-oil .project-meta {
  padding: 4px 0 20px;
  border-bottom: 1px dashed rgba(255,255,255,.2);
}
html.cs-page-clipper-oil .project-meta-label {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--body);
  font-weight: 500;
}
html.cs-page-clipper-oil .project-meta-label i {
  color: #ff8299;
  font-size: 18px;
  width: 24px;
}
html.cs-page-clipper-oil .project-meta-value {
  font-size: 17px;
  line-height: 1.5;
  font-weight: 600;
  color: #fff;
  margin: 10px 0 0 36px;
}
html.cs-page-clipper-oil .brief-paragraphs {
  margin-bottom: 24px;
}
html.cs-page-clipper-oil .brief-paragraphs p {
  font-size: 17px;
  line-height: 1.75;
  margin: 0 0 18px;
}
html.cs-page-clipper-oil .brief-paragraphs p:last-child {
  margin-bottom: 0;
}
html.cs-page-clipper-oil .brief-visual {
  margin: 0 auto;
  width: min(100%,400px);
  padding: 0;
  background: transparent;
  box-shadow: none;
}
html.cs-page-clipper-oil .brief-visual img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: top;
  border-radius: 12px;
}
html.cs-page-clipper-oil .brief-visual figcaption {
  font-size: 16px;
  line-height: 1.55;
  color: #6f6f6f;
  margin-top: 16px;
  padding-left: 16px;
  border-left: 2px solid #ee4865;
  text-align: left;
}
html.cs-page-clipper-oil .workflow-stage {
  padding: 0;
}
html.cs-page-clipper-oil .workflow-screen {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  border-radius: 0;
}
html.cs-page-clipper-oil .workflow-explainer {
  padding: 24px;
  max-width: 410px;
}
html.cs-page-clipper-oil .response-heading {
  align-items: baseline;
  gap: 12px;
}
html.cs-page-clipper-oil .response-heading i {
  font-size: 22px;
}
html.cs-page-clipper-oil .problem-heading i {
  color: #c83232;
}
html.cs-page-clipper-oil .case-study .outcome-light {
  --body: #6f6f6f;
  --heading: #101d30;
  background-color: #f0f0ff;
}
html.cs-page-clipper-oil .outcome-light .outcome-pointer {
  color: #535d6c;
}
@media (max-width:700px) {
  html.cs-page-clipper-oil .challenge-focus-pair h4,html.cs-page-clipper-oil .response-heading i {
    font-size: 20px;
  }
  html.cs-page-clipper-oil .workflow-stage {
    padding: 0;
    display: none !important;
  }
  html.cs-page-clipper-oil .brief-visual img {
    height: auto;
  }
  html.cs-page-clipper-oil .outcome-light {
    background-attachment: scroll !important;
  }
  html.cs-page-clipper-oil .master-data-grid
  {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html.cs-page-clipper-oil .master-data-item
  {
    display: grid !important;
  }
}
html.cs-page-clipper-oil .project-details-grid {
  margin: 0;
  display: grid;
  border-top: 1px solid rgba(255,255,255,.18);
  border-left: 1px solid rgba(255,255,255,.18);
}
html.cs-page-clipper-oil .project-detail {
  border-right: 1px solid rgba(255,255,255,.18);
  border-bottom: 1px solid rgba(255,255,255,.18);
}
html.cs-page-clipper-oil .project-detail dt {
  display: flex;
  align-items: center;
}
html.cs-page-clipper-oil .project-detail dt i {
  color: #ff8299;
}
html.cs-page-clipper-oil .challenge-stage {
  display: flex;
  flex-direction: column;
}
html.cs-page-clipper-oil .challenge-stage>.comparison-heading {
  flex-shrink: 0;
}
html.cs-page-clipper-oil .challenge-stage .comparison-heading .eyebrow {
  margin-bottom: 10px;
}
html.cs-page-clipper-oil .challenge-stage .comparison-heading h2 {
  font-size: 34px;
  line-height: 1.14;
}
html.cs-page-clipper-oil .challenge-stage .comparison-heading>p {
  font-size: 16px;
  line-height: 1.6;
}
html.cs-page-clipper-oil .challenge-navigation,html.cs-page-clipper-oil .challenge-segments {
  flex-shrink: 0;
}
html.cs-page-clipper-oil .challenge-focus {
  overflow-y: auto;
}
html.cs-page-clipper-oil .challenge-focus-heading {
  flex-shrink: 0;
}
html.cs-page-clipper-oil .challenge-focus-pair {
  flex: 1 0 auto;
}
html.cs-page-clipper-oil .challenge-focus-pair h4 {
  font-size: 28px;
  line-height: 1.25;
  margin-bottom: 16px;
}
@media (max-width:1000px) {
  html.cs-page-clipper-oil .challenge-stage .comparison-heading h2 {
    font-size: 30px;
  }
}
@media (max-width:700px) {
  html.cs-page-clipper-oil .challenge-stage>.comparison-heading {
    grid-template-columns: 1fr;
  }
  html.cs-page-clipper-oil .challenge-stage .comparison-heading>p {
    display: none;
  }
  html.cs-page-clipper-oil .challenge-stage .comparison-heading .eyebrow {
    margin-bottom: 6px;
  }
  html.cs-page-clipper-oil .challenge-stage .comparison-heading h2 {
    font-size: 28px;
  }
  html.cs-page-clipper-oil .challenge-focus {
    flex-basis: 440px;
  }
  html.cs-page-clipper-oil .challenge-focus-pair h4 {
    font-size: 28px;
  }
}
html.cs-page-clipper-oil .challenge-focus {
  border-radius: 20px;
  background: #fff;
  border: 1px solid #e1e5ec;
}
html.cs-page-clipper-oil .challenge-focus-heading {
  padding: 16px 28px 22px;
  background: linear-gradient(135deg,#0e1d31,#18233a);
  border-bottom: 3px solid #ee4865;
}
html.cs-page-clipper-oil .case-study .challenge-focus-heading h3 {
  line-height: 1.2;
  margin: 0;
  font-weight: 600;
}
html.cs-page-clipper-oil .challenge-focus-problem,html.cs-page-clipper-oil .challenge-focus-response {
  padding: 28px;
  justify-content: flex-start;
  background: #fff;
}
html.cs-page-clipper-oil .challenge-focus-response {
  border-left: 1px solid #dfe3e9;
}
html.cs-page-clipper-oil .challenge-focus-pair .response-heading {
  display: flex;
}
html.cs-page-clipper-oil .challenge-focus-pair .response-heading i {
  display: block;
  line-height: 1;
}
html.cs-page-clipper-oil .challenge-focus-pair .response-heading h4 {
  font-weight: 600;
  margin: 0;
}
html.cs-page-clipper-oil .challenge-focus-pair p {
  margin: 0;
}
html.cs-page-clipper-oil .case-study .problem-heading h4,html.cs-page-clipper-oil .challenge-focus-pair .problem-heading i {
  color: #ce3335;
}
html.cs-page-clipper-oil .case-study .challenge-focus-response h4,html.cs-page-clipper-oil .challenge-focus-response .response-heading i {
  color: #16864b;
}
@media (max-width:700px) {
  html.cs-page-clipper-oil .challenge-focus-heading {
    padding: 18px 22px;
  }
  html.cs-page-clipper-oil .challenge-focus-problem,html.cs-page-clipper-oil .challenge-focus-response {
    padding: 24px;
  }
  html.cs-page-clipper-oil .challenge-focus-response {
    border-left: 0;
    border-top: 1px solid #dfe3e9;
  }
}
html.cs-page-clipper-oil {
  --viewport-height: 100vh;
}
@supports (height:100svh) {
  html.cs-page-clipper-oil {
    --viewport-height: 100svh;
  }
}
html.cs-page-clipper-oil {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
html.cs-page-clipper-oil .case-study * {
  min-width: 0;
}
html.cs-page-clipper-oil .case-study p,html.cs-page-clipper-oil .case-study dd,html.cs-page-clipper-oil .case-study h2,html.cs-page-clipper-oil .case-study h3 {
  overflow-wrap: break-word;
}
html.cs-page-clipper-oil .hero-location {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 20px;
  margin: 0 0 22px;
  padding-left: 14px;
  border-left: 3px solid #ee4865;
}
html.cs-page-clipper-oil .hero-country {
  display: flex;
  align-items: center;
  gap: 10px;
}
html.cs-page-clipper-oil .hero-country img {
  width: 34px;
  height: auto;
  display: block;
  flex-shrink: 0;
  border: 1px solid #e0e4eb;
}
html.cs-page-clipper-oil .hero-country span {
  font-size: 16px;
  line-height: 1.5;
  color: #c92145;
  font-weight: 500;
}
html.cs-page-clipper-oil .hero-location strong {
  font-size: 18px;
  line-height: 1.5;
  color: #101d30;
  font-weight: 600;
}
html.cs-page-clipper-oil .project-details-grid {
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 32px 36px;
  border: 0;
}
html.cs-page-clipper-oil .project-detail {
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
}
html.cs-page-clipper-oil .project-detail dt {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  gap: 10px;
  color: #b8cbe5;
}
html.cs-page-clipper-oil .project-detail dt i {
  font-size: 18px;
  flex-shrink: 0;
}
html.cs-page-clipper-oil .project-detail dd {
  margin: 12px 0 0;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 500;
  color: #fff;
}
html.cs-page-clipper-oil .flip-inner {
  -webkit-transform-style: preserve-3d;
}
html.cs-page-clipper-oil .flip-front,html.cs-page-clipper-oil .flip-back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
html.cs-page-clipper-oil .challenge-stage {
  position: -webkit-sticky;
  position: sticky;
}
@media (max-width:1000px) {
  html.cs-page-clipper-oil .project-details-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 28px 32px;
  }
}
@media (max-width:620px) {
  html.cs-page-clipper-oil .hero-location {
    display: block;
  }
  html.cs-page-clipper-oil .hero-location strong {
    display: block;
    margin-top: 7px;
  }
  html.cs-page-clipper-oil .project-details-grid {
    gap: 26px 22px;
  }
  html.cs-page-clipper-oil .project-detail dd {
    font-size: 16px;
  }
  html.cs-page-clipper-oil .project-detail dt {
    font-size: 16px;
  }
  html.cs-page-clipper-oil .case-study a.contact-link {
    max-width: 100%;
  }
  html.cs-page-clipper-oil .challenge-nav-actions {
    flex-shrink: 0;
  }
}
@media (max-width:380px) {
  html.cs-page-clipper-oil .project-details-grid {
    grid-template-columns: 1fr;
  }
  html.cs-page-clipper-oil .hero-country img {
    width: 30px;
  }
  html.cs-page-clipper-oil .challenge-navigation {
    flex-wrap: wrap;
    gap: 8px;
  }
  html.cs-page-clipper-oil .challenge-scroll-hint {
    max-width: none;
  }
  html.cs-page-clipper-oil .feature-tab {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width:767px) {
  html.cs-page-clipper-oil .hero-art {
    display: none !important;
  }
  html.cs-page-clipper-oil .hero-layout,html.cs-page-clipper-oil .brief-layout {
    grid-template-columns: minmax(0,1fr) !important;
  }
  html.cs-page-clipper-oil .case-study>section {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  html.cs-page-clipper-oil .hero-section h1 {
    font-size: clamp(32px,7.5vw,44px) !important;
    line-height: 1.15 !important;
  }
  html.cs-page-clipper-oil .case-study h2 {
    font-size: clamp(26px,6vw,32px) !important;
    line-height: 1.25 !important;
  }
  html.cs-page-clipper-oil .hero-section p {
    font-size: 16px !important;
    line-height: 1.7 !important;
    max-width: 100% !important;
  }
  html.cs-page-clipper-oil .hero-actions {
    gap: 12px !important;
  }
  html.cs-page-clipper-oil .hero-actions a {
    min-height: 48px;
    justify-content: center;
  }
  html.cs-page-clipper-oil .client-brief,html.cs-page-clipper-oil .client-brief .brief-paragraphs p,html.cs-page-clipper-oil .client-brief .brief-facts {
    text-align: center !important;
  }
  html.cs-page-clipper-oil .client-brief .brief-paragraphs {
    max-width: 560px;
    margin: 0 auto 28px;
  }
  html.cs-page-clipper-oil .client-brief .brief-paragraphs p {
    font-size: 16px;
    line-height: 1.75;
  }
  html.cs-page-clipper-oil .brief-facts {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 20px !important;
    max-width: 420px;
    margin: 0 auto;
  }
  html.cs-page-clipper-oil .brief-visual {
    max-width: 300px;
  }
  html.cs-page-clipper-oil .brief-visual figcaption {
    text-align: center;
    border-left: 0;
    padding-left: 0;
  }
  html.cs-page-clipper-oil .brief-visual figcaption:before {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background: #ee4865;
    margin: 0 auto 12px;
  }
  html.cs-page-clipper-oil .feature-tab {
    min-height: 48px;
  }
}
@media (max-width:480px) {
  html.cs-page-clipper-oil .hero-actions {
    flex-direction: column;
    align-items: stretch;
  }
  html.cs-page-clipper-oil .hero-actions a {
    padding: 14px 18px !important;
    text-align: center;
  }
  html.cs-page-clipper-oil .hero-section h1 {
    letter-spacing: -.025em !important;
  }
}
html.cs-page-clipper-oil .birdi-gradient-label::after {
  content: "";
  display: block;
  width: 72px;
  height: 3px;
  margin: 12px auto 0;
  border-radius: 3px;
  background: linear-gradient(90deg,#ee4865 0%,#ff8299 48%,rgba(255,130,153,0) 100%);
}
html.cs-page-clipper-oil .hero-location .hero-country {
  gap: 14px;
}
html.cs-page-clipper-oil .hero-location .hero-country img {
  width: 48px;
}
html.cs-page-clipper-oil .hero-location .hero-country span {
  font-size: 26px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -.02em;
}
@media (max-width:767px) {
  html.cs-page-clipper-oil .hero-location .hero-country img {
    width: 42px;
  }
  html.cs-page-clipper-oil .hero-location .hero-country span {
    font-size: 23px;
  }
}
html.cs-page-clipper-oil .client-brief .brief-visual {
  width: min(100%,420px);
  max-width: 420px;
}
html.cs-page-clipper-oil .client-brief .brief-visual img {
  height: auto;
  object-fit: contain;
  box-shadow: 0 20px 44px rgba(16,29,48,.16),0 5px 12px rgba(16,29,48,.08);
}
html.cs-page-clipper-oil .need-grid {
  grid-auto-rows: auto;
}
html.cs-page-clipper-oil .need-grid .need-static {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  row-gap: 0;
  height: auto;
}
html.cs-page-clipper-oil .need-grid .need-copy {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  row-gap: 0;
}
@media (max-width:620px) {
  html.cs-page-clipper-oil .need-grid .need-static {
    display: block;
    grid-row: auto;
  }
  html.cs-page-clipper-oil .need-grid .need-copy {
    display: block;
    grid-row: auto;
  }
  html.cs-page-clipper-oil .client-brief .brief-visual img {
    box-shadow: 0 14px 28px rgba(16,29,48,.14),0 3px 8px rgba(16,29,48,.07);
  }
}
@media (max-width:767px) {
  html.cs-page-clipper-oil .client-brief .brief-visual {
    width: min(100%,300px);
  }
}
html.cs-page-clipper-oil .client-brief .brief-facts {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  gap: 0 !important;
  max-width: none;
  margin: 28px 0 0;
  padding: 6px 22px;
  background: #f6f7fa;
  border: 1px solid #e3e7ed;
  border-radius: 16px;
  text-align: left !important;
}
html.cs-page-clipper-oil .brief-fact {
  display: grid;
  grid-template-columns: 36px minmax(0,1fr);
  gap: 14px;
  align-items: start;
  padding: 18px 0;
}
html.cs-page-clipper-oil .brief-fact+.brief-fact {
  border-top: 1px solid #dfe4ec;
}
html.cs-page-clipper-oil .brief-fact-icon {
  display: grid;
  place-items: center;
  height: 36px;
  border-radius: 10px;
  background: #fce7ed;
  color: #c92145;
  font-size: 17px;
}
html.cs-page-clipper-oil .case-study .brief-fact h3 {
  font-size: 17px;
  line-height: 1.45;
  font-weight: 600;
  margin: 0 0 5px;
  color: #101d30;
}
html.cs-page-clipper-oil .brief-fact p {
  font-size: 16px;
  line-height: 1.65;
  margin: 0;
  color: #535d6c;
}
html.cs-page-clipper-oil .challenge-mobile {
  display: none;
}
html.cs-page-clipper-oil .challenge-focus {
  height: auto;
  min-height: 0;
  max-height: none;
  flex: 0 0 auto;
  overflow: hidden;
  box-shadow: none;
}
html.cs-page-clipper-oil .challenge-stage {
  max-height: none;
}
html.cs-page-clipper-oil .challenge-stage>.comparison-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
  margin-bottom: 28px;
}
html.cs-page-clipper-oil .challenge-stage>.comparison-heading>div {
  width: 100%;
}
html.cs-page-clipper-oil .challenge-stage>.comparison-heading>p {
  max-width: 680px;
  margin: 0;
  color: #626b78;
  font-size: 16px;
  line-height: 1.7;
}
html.cs-page-clipper-oil .challenge-stage>.comparison-heading .eyebrow {
  margin-bottom: 12px;
}
html.cs-page-clipper-oil .challenge-navigation {
  margin-bottom: 20px;
}
html.cs-page-clipper-oil .challenge-mobile-heading {
  text-align: center;
}
html.cs-page-clipper-oil .challenge-mobile-description {
  max-width: 680px;
  margin: 16px auto 0;
  font-size: 16px;
  line-height: 1.7;
  color: #626b78;
}
html.cs-page-clipper-oil .challenge-mobile-hint {
  font-size: 16px;
  line-height: 1.5;
  color: #626b78;
  margin: 0 0 16px;
}
html.cs-page-clipper-oil .challenge-focus-pair {
  animation: none;
}
html.cs-page-clipper-oil .challenge-focus-pair .response-heading {
  flex-direction: row;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}
html.cs-page-clipper-oil .challenge-focus-pair .response-heading i {
  font-size: 22px;
}
html.cs-page-clipper-oil .challenge-focus-pair .response-heading h4 {
  font-size: 21px;
  line-height: 1.35;
}
html.cs-page-clipper-oil .challenge-focus-pair p {
  font-size: 16px;
  line-height: 1.7;
  color: #535d6c;
}
html.cs-page-clipper-oil .case-study .challenge-focus-heading h3 {
  font-size: 28px;
}
html.cs-page-clipper-oil .related-section {
  background: #101d30;
  color: #f7f9fc;
  padding: clamp(48px,6vw,72px) 0;
}
html.cs-page-clipper-oil .related-heading {
  max-width: 720px;
  margin-bottom: 28px;
}
html.cs-page-clipper-oil .related-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.25;
  margin: 0;
  color: #f7f9fc;
}
html.cs-page-clipper-oil .related-heading h2 span {
  color: #ff8299;
}
html.cs-page-clipper-oil .related-all-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  min-height: 44px;
  font-size: 16px;
  line-height: 1.4;
  color: #f7f9fc;
}
html.cs-page-clipper-oil .related-all-link:hover { color: #ff8299; }
html.cs-page-clipper-oil .related-all-link:focus-visible { outline: 3px solid #ff8299; outline-offset: 4px; }
html.cs-page-clipper-oil .related-switcher {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0 0 24px;
}
html.cs-page-clipper-oil .related-switcher button {
  font: inherit;
  font-size: 16px;
  line-height: 1.4;
  min-height: 44px;
  min-width: 44px;
  border: 1px solid #4b596e;
  border-radius: 8px;
  color: #f7f9fc;
  background: transparent;
  padding: 10px 16px;
}
html.cs-page-clipper-oil .related-switcher button[aria-pressed="true"] {
  background: #f7f9fc;
  color: #101d30;
  border-color: #f7f9fc;
}
html.cs-page-clipper-oil .related-card {
  border: 1px solid #39475b;
  border-radius: 18px;
  background: #16253a;
  padding: 32px;
  min-width: 0;
}
html.cs-page-clipper-oil .related-card-tag {
  color: #ff8299;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 12px;
}
html.cs-page-clipper-oil .case-study .related-card h3 {
  font-size: clamp(24px,2.7vw,32px);
  line-height: 1.3;
  color: #f7f9fc;
  margin: 0 0 28px;
  max-width: 780px;
}
html.cs-page-clipper-oil .related-comparison {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 32px;
}
html.cs-page-clipper-oil .related-card h4 {
  font-size: 17px;
  line-height: 1.4;
  font-weight: 600;
  color: #f7f9fc;
  margin: 0 0 10px;
}
html.cs-page-clipper-oil .related-card p {
  font-size: 16px;
  line-height: 1.75;
  overflow-wrap: anywhere;
}
html.cs-page-clipper-oil .related-comparison p {
  color: #bdcbe0;
  margin: 0;
}
html.cs-page-clipper-oil .related-result {
  margin-top: 28px;
  padding: 24px 0 0;
  border-top: 1px solid #3d4b60;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: end;
  gap: 28px;
}
html.cs-page-clipper-oil .related-result p {
  color: #bdcbe0;
  margin: 0;
  max-width: 780px;
}
html.cs-page-clipper-oil .related-result a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #f7f9fc;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 2px solid #ff8299;
  padding: 10px 0;
}
@media (max-width:899px),(max-height:650px) {
  html.cs-page-clipper-oil .challenge-story {
    display: none;
  }
  html.cs-page-clipper-oil .challenge-mobile {
    display: block;
  }
  html.cs-page-clipper-oil .challenge-mobile-heading {
    margin-bottom: 24px;
  }
  html.cs-page-clipper-oil .case-study .challenge-mobile-heading h2 {
    font-size: 30px;
    line-height: 1.25;
    margin: 0;
    color: #101d30;
  }
  html.cs-page-clipper-oil .challenge-mobile-heading h2 span {
    color: #c92145;
  }
  html.cs-page-clipper-oil .challenge-disclosures {
    display: grid;
    gap: 10px;
  }
  html.cs-page-clipper-oil .challenge-disclosure {
    border: 1px solid #dce2eb;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
  }
  html.cs-page-clipper-oil .challenge-disclosure summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    list-style: none;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
    color: #101d30;
    cursor: pointer;
  }
  html.cs-page-clipper-oil .challenge-disclosure summary::-webkit-details-marker {
    display: none;
  }
  html.cs-page-clipper-oil .challenge-disclosure summary i {
    font-size: 16px;
    color: #c92145;
    flex-shrink: 0;
    transition: transform .18s;
  }
  html.cs-page-clipper-oil .challenge-disclosure[open] summary {
    background: #101d30;
    color: #fff;
  }
  html.cs-page-clipper-oil .challenge-disclosure[open] summary i {
    transform: rotate(180deg);
    color: #ff8299;
  }
  html.cs-page-clipper-oil .challenge-disclosure-body {
    padding: 20px;
  }
  html.cs-page-clipper-oil .challenge-disclosure-body>div+div {
    border-top: 1px solid #e2e6ed;
    padding-top: 18px;
    margin-top: 18px;
  }
  html.cs-page-clipper-oil .challenge-disclosure h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 8px;
    color: #101d30;
  }
  html.cs-page-clipper-oil .challenge-disclosure .mobile-response h3 {
    color: #c92145;
  }
  html.cs-page-clipper-oil .challenge-disclosure p {
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
    color: #535d6c;
  }
}
@media (max-width:767px) {
  html.cs-page-clipper-oil .client-brief .brief-paragraphs p {
    text-align: center !important;
  }
  html.cs-page-clipper-oil .client-brief .brief-facts {
    text-align: left !important;
    padding: 4px 18px;
  }
  html.cs-page-clipper-oil .brief-fact {
    grid-template-columns: 32px minmax(0,1fr);
    gap: 12px;
    padding: 17px 0;
  }
  html.cs-page-clipper-oil .brief-fact-icon {
    height: 32px;
    font-size: 16px;
  }
  html.cs-page-clipper-oil .related-card {
    padding: 22px;
    border-radius: 14px;
  }
  html.cs-page-clipper-oil .related-comparison {
    grid-template-columns: minmax(0,1fr);
    gap: 22px;
  }
  html.cs-page-clipper-oil .related-result {
    grid-template-columns: minmax(0,1fr);
    gap: 18px;
    margin-top: 22px;
    padding-top: 22px;
  }
  html.cs-page-clipper-oil .case-study .related-card h3 {
    font-size: 25px;
    margin-bottom: 24px;
  }
  html.cs-page-clipper-oil .related-result a {
    justify-self: start;
  }
  html.cs-page-clipper-oil .related-switcher {
    gap: 8px;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-clipper-oil .challenge-disclosure summary i {
    transition: none;
  }
}
html.cs-page-clipper-oil .birdi-summary {
  background: radial-gradient(ellipse at 3% 100%,rgba(238,72,101,.25) 0%,rgba(238,72,101,.08) 34%,transparent 64%),radial-gradient(ellipse at 100% 0%,rgba(255,130,153,.17) 0%,transparent 58%),linear-gradient(115deg,#101d30 0%,#14243b 52%,#101d30 100%);
  color: #f6f8fc;
  padding: 40px 0;
}
html.cs-page-clipper-oil .birdi-summary-inner {
  /* max-width: 1180px; */
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 48px;
  align-items: stretch;
}
html.cs-page-clipper-oil .birdi-summary-identity {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
html.cs-page-clipper-oil .birdi-summary-client {
  display: flex;
  gap: 18px;
  align-items: center;
  width: 100%;
}
html.cs-page-clipper-oil .birdi-summary .birdi-client-name {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.035em;
  margin: 0;
  color: #f6f8fc;
}
html.cs-page-clipper-oil .birdi-summary-sector {
  font-size: 16px;
  color: #bdc8d9;
  border-left: 1px solid #445063;
  padding-left: 18px;
}
html.cs-page-clipper-oil .birdi-summary .birdi-solution {
  font-size: 23px;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: -.025em;
  max-width: 420px;
  margin: 20px 0 22px;
  color: #f6f8fc;
}
html.cs-page-clipper-oil .birdi-summary-status {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 16px;
  line-height: 1.4;
  color: #f6f8fc;
  margin-top: auto;
}
html.cs-page-clipper-oil .birdi-summary-status i {
  color: #ff8299;
  font-size: 16px;
}
html.cs-page-clipper-oil .birdi-summary-facts {
  display: grid;
  grid-template-columns: 1fr 1.12fr;
  column-gap: 32px;
  row-gap: 24px;
  margin: 0;
  padding: 3px 0 3px 40px;
  border-left: 1px solid #394558;
  align-content: space-between;
}
html.cs-page-clipper-oil .birdi-summary-facts>div {
  min-width: 0;
}
html.cs-page-clipper-oil .birdi-summary-facts dt {
  font-size: 16px;
  line-height: 1.4;
  color: #bdc8d9;
  margin: 0 0 8px;
  font-weight: 400;
}
html.cs-page-clipper-oil .birdi-summary-facts dd {
  font-size: 18px;
  line-height: 1.5;
  color: #f6f8fc;
  font-weight: 500;
  margin: 0;
}
@media (max-width:1000px) {
  html.cs-page-clipper-oil .birdi-summary-inner {
    gap: 28px;
    grid-template-columns: 1fr 1.25fr;
  }
  html.cs-page-clipper-oil .birdi-summary-facts {
    padding-left: 28px;
    column-gap: 24px;
  }
  html.cs-page-clipper-oil .birdi-summary .birdi-solution {
    font-size: 21px;
  }
}
@media (max-width:767px) {
  html.cs-page-clipper-oil .birdi-summary {
    padding: 30px 0;
  }
  html.cs-page-clipper-oil .birdi-summary-inner {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  html.cs-page-clipper-oil .birdi-summary .birdi-solution {
    font-size: 22px;
    max-width: 520px;
    margin: 16px 0 18px;
  }
  html.cs-page-clipper-oil .birdi-summary-facts {
    border-left: 0;
    border-top: 1px solid #394558;
    padding: 24px 0 0;
    gap: 22px 24px;
    grid-template-columns: 1fr 1fr;
  }
  html.cs-page-clipper-oil .birdi-summary-facts dd {
    font-size: 16px;
  }
  html.cs-page-clipper-oil .birdi-summary .birdi-client-name {
    font-size: 30px;
  }
}
@media (max-width:359px) {
  html.cs-page-clipper-oil .birdi-summary-facts {
    grid-template-columns: 1fr;
  }
}

/* Fixed presentation exported from the approved page. */
html.cs-page-clipper-oil .case-study .birdi-presentation-1, html.cs-page-clipper-oil .case-study.birdi-presentation-1 { font-family: Lexend, sans-serif; background: rgb(255, 255, 255); color: rgb(16, 29, 48); }
html.cs-page-clipper-oil .case-study .birdi-presentation-2, html.cs-page-clipper-oil .case-study.birdi-presentation-2 { background: rgb(255, 255, 255); padding: clamp(56px, 7vw, 84px) 0px; position: relative; overflow: hidden; }
/* html.cs-page-clipper-oil .case-study .birdi-presentation-3, html.cs-page-clipper-oil .case-study.birdi-presentation-3 { max-width: 1180px; margin: 0px auto; padding: 0px 24px; } */
html.cs-page-clipper-oil .case-study .birdi-presentation-4, html.cs-page-clipper-oil .case-study.birdi-presentation-4 { align-items: center; }
html.cs-page-clipper-oil .case-study .birdi-presentation-5, html.cs-page-clipper-oil .case-study.birdi-presentation-5 { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; }
html.cs-page-clipper-oil .case-study .birdi-presentation-6, html.cs-page-clipper-oil .case-study.birdi-presentation-6 { height: 2px; width: 38px; background: linear-gradient(90deg, rgb(238, 72, 101), rgb(213, 31, 63)); }
html.cs-page-clipper-oil .case-study .birdi-presentation-7, html.cs-page-clipper-oil .case-study.birdi-presentation-7 { font-size: 16px; font-weight: 700; letter-spacing: 0.16em; color: rgb(238, 72, 101); }
html.cs-page-clipper-oil .case-study .birdi-presentation-8, html.cs-page-clipper-oil .case-study.birdi-presentation-8 { font-size: clamp(2.05rem, 4vw, 4rem); line-height: 1.06; font-weight: 700; margin: 0px 0px 22px; letter-spacing: -0.01em; }
html.cs-page-clipper-oil .case-study .birdi-presentation-9, html.cs-page-clipper-oil .case-study.birdi-presentation-9 { color: rgb(238, 72, 101); }
html.cs-page-clipper-oil .case-study .birdi-presentation-10, html.cs-page-clipper-oil .case-study.birdi-presentation-10 { font-size: 17px; line-height: 1.7; color: var(--body); margin: 0px 0px 30px; max-width: 470px; }
html.cs-page-clipper-oil .case-study .birdi-presentation-11, html.cs-page-clipper-oil .case-study.birdi-presentation-11 { display: flex; flex-wrap: wrap; gap: 14px; }
html.cs-page-clipper-oil .case-study .birdi-presentation-12, html.cs-page-clipper-oil .case-study.birdi-presentation-12 { display: inline-flex; align-items: center; gap: 10px; background: linear-gradient(135deg, rgb(238, 72, 101) 0%, rgb(213, 31, 63) 100%); color: rgb(255, 255, 255); font-weight: 600; font-size: 16px; padding: 15px 28px; border-radius: 10px; box-shadow: rgba(213, 31, 63, 0.26) 0px 12px 26px; transition: transform 0.25s, box-shadow 0.25s; }
html.cs-page-clipper-oil .case-study .birdi-presentation-13, html.cs-page-clipper-oil .case-study.birdi-presentation-13 { font-size: 16px; }
html.cs-page-clipper-oil .case-study .birdi-presentation-14, html.cs-page-clipper-oil .case-study.birdi-presentation-14 { position: relative; display: flex; justify-content: center; padding: 24px 0px; }
html.cs-page-clipper-oil .case-study .birdi-presentation-15, html.cs-page-clipper-oil .case-study.birdi-presentation-15 { position: absolute; inset: auto 12% 6%; height: 78%; background: rgb(243, 243, 243); border-radius: 16px; }
html.cs-page-clipper-oil .case-study .birdi-presentation-16, html.cs-page-clipper-oil .case-study.birdi-presentation-16 { position: relative; width: 100%; max-width: 262px; border-radius: 12px; overflow: hidden; box-shadow: rgba(16, 29, 48, 0.24) 0px 34px 74px, rgba(16, 29, 48, 0.1) 0px 6px 16px; }
html.cs-page-clipper-oil .case-study .birdi-presentation-17, html.cs-page-clipper-oil .case-study.birdi-presentation-17 { display: block; width: 100%; height: auto; }
html.cs-page-clipper-oil .case-study .birdi-presentation-18, html.cs-page-clipper-oil .case-study.birdi-presentation-18 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)); gap: 24px; margin-top: clamp(36px, 5vw, 56px); padding-top: 28px; border-top: 1px solid rgba(16, 29, 48, 0.1); }
html.cs-page-clipper-oil .case-study .birdi-presentation-19, html.cs-page-clipper-oil .case-study.birdi-presentation-19 { display: flex; align-items: flex-start; gap: 12px; }
html.cs-page-clipper-oil .case-study .birdi-presentation-20, html.cs-page-clipper-oil .case-study.birdi-presentation-20 { color: rgb(238, 72, 101); font-size: 16px; margin-top: 4px; }
html.cs-page-clipper-oil .case-study .birdi-presentation-21, html.cs-page-clipper-oil .case-study.birdi-presentation-21 { font-size: 16px; font-weight: 700; margin-bottom: 3px; }
html.cs-page-clipper-oil .case-study .birdi-presentation-22, html.cs-page-clipper-oil .case-study.birdi-presentation-22 { font-size: 16px; color: var(--body); line-height: 1.45; }
html.cs-page-clipper-oil .case-study .birdi-presentation-23, html.cs-page-clipper-oil .case-study.birdi-presentation-23 { background: rgb(255, 255, 255); padding: clamp(56px, 7vw, 84px) 0px; }
html.cs-page-clipper-oil .case-study .birdi-presentation-24, html.cs-page-clipper-oil .case-study.birdi-presentation-24 { max-width: 720px; margin: 0px auto clamp(32px, 4vw, 48px); text-align: center; }
html.cs-page-clipper-oil .case-study .birdi-presentation-25, html.cs-page-clipper-oil .case-study.birdi-presentation-25 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.16em; color: rgb(238, 72, 101); font-weight: 700; margin-bottom: 16px; }
html.cs-page-clipper-oil .case-study .birdi-presentation-26, html.cs-page-clipper-oil .case-study.birdi-presentation-26 { font-size: clamp(1.55rem, 2.4vw, 2.1rem); font-weight: 700; line-height: 1.25; margin: 0px; }
html.cs-page-clipper-oil .case-study .birdi-presentation-27, html.cs-page-clipper-oil .case-study.birdi-presentation-27 { background: rgb(243, 243, 243); padding: clamp(56px, 7vw, 84px) 0px; }
html.cs-page-clipper-oil .case-study .birdi-presentation-28, html.cs-page-clipper-oil .case-study.birdi-presentation-28 { max-width: 740px; margin: 0px auto clamp(32px, 4vw, 48px); text-align: center; }
html.cs-page-clipper-oil .case-study .birdi-presentation-29, html.cs-page-clipper-oil .case-study.birdi-presentation-29 { font-size: clamp(1.55rem, 2.4vw, 2.1rem); font-weight: 700; line-height: 1.25; margin: 0px 0px 18px; }
html.cs-page-clipper-oil .case-study .birdi-presentation-30, html.cs-page-clipper-oil .case-study.birdi-presentation-30 { font-size: 16px; line-height: 1.75; color: var(--body); margin: 0px; }
html.cs-page-clipper-oil .case-study .birdi-presentation-31, html.cs-page-clipper-oil .case-study.birdi-presentation-31 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(32px, 5vw, 64px); align-items: center; margin-bottom: clamp(36px, 5vw, 56px); }
html.cs-page-clipper-oil .case-study .birdi-presentation-32, html.cs-page-clipper-oil .case-study.birdi-presentation-32 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.16em; color: rgb(238, 72, 101); font-weight: 700; margin-bottom: 18px; }
html.cs-page-clipper-oil .case-study .birdi-presentation-33, html.cs-page-clipper-oil .case-study.birdi-presentation-33 { font-size: clamp(1.55rem, 2.4vw, 2.1rem); font-weight: 700; line-height: 1.25; margin: 0px 0px 20px; }
html.cs-page-clipper-oil .case-study .birdi-presentation-34, html.cs-page-clipper-oil .case-study.birdi-presentation-34 { font-size: 16px; line-height: 1.75; color: var(--body); margin: 0px 0px 14px; }
html.cs-page-clipper-oil .case-study .birdi-presentation-35, html.cs-page-clipper-oil .case-study.birdi-presentation-35 { display: flex; justify-content: center; gap: 16px; }
html.cs-page-clipper-oil .case-study .birdi-presentation-36, html.cs-page-clipper-oil .case-study.birdi-presentation-36 { width: 46%; max-width: 190px; border-radius: 12px; overflow: hidden; box-shadow: rgba(16, 29, 48, 0.18) 0px 24px 54px; align-self: flex-start; }
html.cs-page-clipper-oil .case-study .birdi-presentation-37, html.cs-page-clipper-oil .case-study.birdi-presentation-37 { width: 46%; max-width: 190px; border-radius: 12px; overflow: hidden; box-shadow: rgba(16, 29, 48, 0.18) 0px 24px 54px; align-self: flex-end; }
html.cs-page-clipper-oil .case-study .birdi-presentation-38, html.cs-page-clipper-oil .case-study.birdi-presentation-38 { width: 10%; }
html.cs-page-clipper-oil .case-study .birdi-presentation-39, html.cs-page-clipper-oil .case-study.birdi-presentation-39 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(28px, 4vw, 52px); align-items: center; }
html.cs-page-clipper-oil .case-study .birdi-presentation-40, html.cs-page-clipper-oil .case-study.birdi-presentation-40 { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
html.cs-page-clipper-oil .case-study .birdi-presentation-41, html.cs-page-clipper-oil .case-study.birdi-presentation-41 { width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(135deg, rgb(238, 72, 101), rgb(213, 31, 63)); display: inline-flex; align-items: center; justify-content: center; }
html.cs-page-clipper-oil .case-study .birdi-presentation-42, html.cs-page-clipper-oil .case-study.birdi-presentation-42 { color: rgb(255, 255, 255); font-size: 16px; }
html.cs-page-clipper-oil .case-study .birdi-presentation-43, html.cs-page-clipper-oil .case-study.birdi-presentation-43 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.14em; font-weight: 700; color: rgb(16, 29, 48); }
html.cs-page-clipper-oil .case-study .birdi-presentation-44, html.cs-page-clipper-oil .case-study.birdi-presentation-44 { font-size: 16px; line-height: 1.75; color: var(--body); margin: 0px 0px 26px; }
html.cs-page-clipper-oil .case-study .birdi-presentation-45, html.cs-page-clipper-oil .case-study.birdi-presentation-45 { display: flex; flex-direction: column; gap: 0px; }
html.cs-page-clipper-oil .case-study .birdi-presentation-46, html.cs-page-clipper-oil .case-study.birdi-presentation-46 { display: flex; gap: 16px; align-items: center; padding: 15px 0px; border-top: 1px solid rgba(16, 29, 48, 0.12); }
html.cs-page-clipper-oil .case-study .birdi-presentation-47, html.cs-page-clipper-oil .case-study.birdi-presentation-47 { font-size: 16px; font-weight: 700; color: rgb(238, 72, 101); min-width: 22px; }
html.cs-page-clipper-oil .case-study .birdi-presentation-48, html.cs-page-clipper-oil .case-study.birdi-presentation-48 { font-size: 16px; line-height: 1.55; color: rgb(16, 29, 48); }
html.cs-page-clipper-oil .case-study .birdi-presentation-49, html.cs-page-clipper-oil .case-study.birdi-presentation-49 { display: flex; justify-content: center; }
html.cs-page-clipper-oil .case-study .birdi-presentation-50, html.cs-page-clipper-oil .case-study.birdi-presentation-50 { width: 100%; max-width: 250px; border-radius: 12px; overflow: hidden; box-shadow: rgba(16, 29, 48, 0.22) 0px 28px 60px; }
html.cs-page-clipper-oil .case-study .birdi-presentation-51, html.cs-page-clipper-oil .case-study.birdi-presentation-51 { position: relative; overflow: hidden; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.57), rgb(239, 239, 255)), url("../img/cs-chal-sol-bg.webp"); background-position: center center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; padding: clamp(56px, 7vw, 84px) 0px; color: rgb(16, 29, 48); }
html.cs-page-clipper-oil .case-study .birdi-presentation-52, html.cs-page-clipper-oil .case-study.birdi-presentation-52 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(32px, 5vw, 64px); align-items: center; margin-bottom: clamp(40px, 5vw, 60px); }
html.cs-page-clipper-oil .case-study .birdi-presentation-53, html.cs-page-clipper-oil .case-study.birdi-presentation-53 { position: relative; display: flex; justify-content: center; }
html.cs-page-clipper-oil .case-study .birdi-presentation-54, html.cs-page-clipper-oil .case-study.birdi-presentation-54 { width: 100%; max-width: 236px; border-radius: 12px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.42) 0px 30px 66px; }
html.cs-page-clipper-oil .case-study .birdi-presentation-55, html.cs-page-clipper-oil .case-study.birdi-presentation-55 { position: absolute; top: 12%; right: 0px; background: rgb(255, 255, 255); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.3) 0px 16px 34px; padding: 10px 15px; display: flex; align-items: center; gap: 9px; }
html.cs-page-clipper-oil .case-study .birdi-presentation-56, html.cs-page-clipper-oil .case-study.birdi-presentation-56 { width: 24px; height: 24px; border-radius: 50%; background: rgb(31, 158, 92); display: inline-flex; align-items: center; justify-content: center; }
html.cs-page-clipper-oil .case-study .birdi-presentation-57, html.cs-page-clipper-oil .case-study.birdi-presentation-57 { font-size: 16px; font-weight: 700; color: rgb(16, 29, 48); }
html.cs-page-clipper-oil .case-study .birdi-presentation-58, html.cs-page-clipper-oil .case-study.birdi-presentation-58 { display: flex; align-items: center; gap: 16px; margin-bottom: 8px; }
html.cs-page-clipper-oil .case-study .birdi-presentation-59, html.cs-page-clipper-oil .case-study.birdi-presentation-59 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.14em; font-weight: 700; color: rgb(16, 29, 48); white-space: normal; }
html.cs-page-clipper-oil .case-study .birdi-presentation-60, html.cs-page-clipper-oil .case-study.birdi-presentation-60 { height: 1px; flex: 1 1 0%; background: rgba(16, 29, 48, 0.15); }
html.cs-page-clipper-oil .case-study .birdi-presentation-61, html.cs-page-clipper-oil .case-study.birdi-presentation-61 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 0px 56px; }
html.cs-page-clipper-oil .case-study .birdi-presentation-62, html.cs-page-clipper-oil .case-study.birdi-presentation-62 { display: flex; gap: 16px; align-items: center; padding: 20px 0px; border-bottom: 1px solid rgba(16, 29, 48, 0.12); }
html.cs-page-clipper-oil .case-study .birdi-presentation-63, html.cs-page-clipper-oil .case-study.birdi-presentation-63 { color: rgb(238, 72, 101); font-size: 22px; width: 24px; flex-shrink: 0; }
html.cs-page-clipper-oil .case-study .birdi-presentation-64, html.cs-page-clipper-oil .case-study.birdi-presentation-64 { font-size: 16px; line-height: 1.7; color: rgb(83, 93, 108); font-weight: 300; }
html.cs-page-clipper-oil .case-study .birdi-presentation-65, html.cs-page-clipper-oil .case-study.birdi-presentation-65 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 32px; align-items: end; margin-bottom: clamp(32px, 4vw, 44px); }
html.cs-page-clipper-oil .case-study .birdi-presentation-66, html.cs-page-clipper-oil .case-study.birdi-presentation-66 { max-width: 640px; margin-bottom: clamp(32px, 4vw, 44px); }
html.cs-page-clipper-oil .case-study .birdi-presentation-67, html.cs-page-clipper-oil .case-study.birdi-presentation-67 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 20px 40px; align-items: center; padding: 26px 0px; border-top: 1px solid rgba(16, 29, 48, 0.12); }
html.cs-page-clipper-oil .case-study .birdi-presentation-68, html.cs-page-clipper-oil .case-study.birdi-presentation-68 { display: flex; align-items: baseline; gap: 14px; }
html.cs-page-clipper-oil .case-study .birdi-presentation-69, html.cs-page-clipper-oil .case-study.birdi-presentation-69 { font-size: 16px; font-weight: 700; color: rgb(238, 72, 101); }
html.cs-page-clipper-oil .case-study .birdi-presentation-70, html.cs-page-clipper-oil .case-study.birdi-presentation-70 { font-size: 16.5px; font-weight: 700; line-height: 1.3; }
html.cs-page-clipper-oil .case-study .birdi-presentation-71, html.cs-page-clipper-oil .case-study.birdi-presentation-71 { display: flex; flex-wrap: wrap; gap: 10px; min-width: 0px; }
html.cs-page-clipper-oil .case-study .birdi-presentation-72, html.cs-page-clipper-oil .case-study.birdi-presentation-72 { display: flex; align-items: center; gap: 9px; background: rgb(243, 243, 243); border-radius: 8px; padding: 10px 16px; transition: background 0.3s, color 0.3s; }
html.cs-page-clipper-oil .case-study .birdi-presentation-73, html.cs-page-clipper-oil .case-study.birdi-presentation-73 { color: rgb(238, 72, 101); font-size: 16px; }
html.cs-page-clipper-oil .case-study .birdi-presentation-74, html.cs-page-clipper-oil .case-study.birdi-presentation-74 { font-size: 16px; font-weight: 600; }
html.cs-page-clipper-oil .case-study .birdi-presentation-75, html.cs-page-clipper-oil .case-study.birdi-presentation-75 { font-size: 16px; opacity: 1; }
html.cs-page-clipper-oil .case-study .birdi-presentation-76, html.cs-page-clipper-oil .case-study.birdi-presentation-76 { max-width: 1180px; margin: 0px auto; padding: 0px 24px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(32px, 5vw, 64px); align-items: center; }
html.cs-page-clipper-oil .case-study .birdi-presentation-77, html.cs-page-clipper-oil .case-study.birdi-presentation-77 { font-size: 16px; line-height: 1.75; color: var(--body); margin: 0px 0px 28px; max-width: 480px; }
html.cs-page-clipper-oil .case-study .birdi-presentation-78, html.cs-page-clipper-oil .case-study.birdi-presentation-78 { display: inline-flex; align-items: center; gap: 10px; background: linear-gradient(135deg, rgb(238, 72, 101), rgb(213, 31, 63)); color: rgb(255, 255, 255); font-weight: 600; font-size: 16px; padding: 16px 32px; border-radius: 10px; box-shadow: rgba(213, 31, 63, 0.26) 0px 14px 30px; transition: transform 0.25s, box-shadow 0.25s; }
html.cs-page-clipper-oil .case-study .birdi-presentation-79, html.cs-page-clipper-oil .case-study.birdi-presentation-79 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.14em; color: rgb(16, 29, 48); font-weight: 700; margin-bottom: 6px; }
html.cs-page-clipper-oil .case-study .birdi-presentation-80, html.cs-page-clipper-oil .case-study.birdi-presentation-80 { display: flex; align-items: center; gap: 14px; padding: 16px 0px; border-bottom: 1px solid rgba(16, 29, 48, 0.12); }
html.cs-page-clipper-oil .case-study .birdi-presentation-81, html.cs-page-clipper-oil .case-study.birdi-presentation-81 { color: rgb(238, 72, 101); font-size: 16px; width: 20px; }
html.cs-page-clipper-oil .case-study .birdi-presentation-82, html.cs-page-clipper-oil .case-study.birdi-presentation-82 { font-size: 16px; font-weight: 500; }
html.cs-page-clipper-oil .case-study .birdi-presentation-83, html.cs-page-clipper-oil .case-study.birdi-presentation-83 { position: sticky; top: 70px; }
html.cs-page-clipper-oil .case-study .birdi-presentation-84, html.cs-page-clipper-oil .case-study.birdi-presentation-84 { font-size: clamp(1.55rem, 2.4vw, 2.1rem); font-weight: 700; line-height: 1.25; margin: 0px 0px 16px; }
html.cs-page-clipper-oil .case-study .birdi-presentation-85, html.cs-page-clipper-oil .case-study.birdi-presentation-85 { font-size: 16px; line-height: 1.7; color: var(--body); margin: 0px; max-width: 330px; }

/* Shared additions for case studies extending the Birdi template */
html.cs-page-clipper-oil .context-layout { display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(36px,6vw,72px); align-items: start; }
html.cs-page-clipper-oil .context-facts { list-style: none; margin: 0; padding: 22px; background: #f6f7fa; border: 1px solid #e3e7ed; border-radius: 16px; display: grid; gap: 14px; }
html.cs-page-clipper-oil .context-facts li { display: flex; gap: 10px; align-items: flex-start; font-size: 16px; line-height: 1.6; color: #6f6f6f; }
html.cs-page-clipper-oil .context-facts li:before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #ee4865; margin-top: 8px; flex-shrink: 0; }
html.cs-page-clipper-oil .note-box { background: #f6f7fa; border: 1px solid #e3e7ed; border-left: 3px solid #ee4865; border-radius: 12px; padding: 24px 26px; margin-top: 28px; }
html.cs-page-clipper-oil .note-box h3 { font-size: 17px; margin: 0 0 10px; }
html.cs-page-clipper-oil .note-box p,html.cs-page-clipper-oil .note-box li { font-size: 16px; line-height: 1.7; color: #6f6f6f; margin: 0 0 8px; }
html.cs-page-clipper-oil .note-box ul { margin: 0; padding-left: 18px; }
html.cs-page-clipper-oil .spotlight-layout { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(36px,6vw,72px); align-items: center; }
html.cs-page-clipper-oil .spotlight-layout.image-left>.spotlight-image { order: -1; }
html.cs-page-clipper-oil .spotlight-image img { display: block; width: 100%; border-radius: 14px; box-shadow: 0 20px 44px rgba(16,29,48,.16),0 5px 12px rgba(16,29,48,.08); }
html.cs-page-clipper-oil .master-data-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
html.cs-page-clipper-oil .master-data-item { background: #fff; border: 1px solid #e3e7ed; border-radius: 12px; padding: 18px 20px; display: flex; align-items: center; gap: 14px; font-weight: 600; color: #101d30; font-size: 16px; line-height: 1.4; transition: border-color .25s,box-shadow .25s,transform .25s; }
html.cs-page-clipper-oil .master-data-item:hover { border-color: #ee4865; box-shadow: 0 14px 30px rgba(16,29,48,.08); transform: translateY(-2px); }
html.cs-page-clipper-oil .master-data-item i { color: #ee4865; font-size: 18px; width: 22px; text-align: center; flex-shrink: 0; }
html.cs-page-clipper-oil .client-intro-layout { display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: center; }
html.cs-page-clipper-oil .client-logo-mark { width: 150px; display: flex; align-items: center; justify-content: center; }
html.cs-page-clipper-oil .client-logo-mark img { width: 100%; height: auto; display: block; }
html.cs-page-clipper-oil .hero-art-wide .birdi-presentation-15 { display: none; }
html.cs-page-clipper-oil .hero-art-wide .birdi-presentation-16 { max-width: 100%; border-radius: 14px; box-shadow: 0 34px 64px rgba(16,29,48,.24),0 10px 26px rgba(16,29,48,.12); border: 1px solid rgba(16,29,48,.06); }
html.cs-page-clipper-oil .browser-chrome { height: 30px; background: #e7eaf0; display: flex; align-items: center; gap: 7px; padding: 0 14px; }
html.cs-page-clipper-oil .browser-chrome span { width: 9px; height: 9px; border-radius: 50%; background: #c7ccd6; }
html.cs-page-clipper-oil .browser-chrome span:first-child { background: #ee4865; }
html.cs-page-clipper-oil .birdi-presentation-67.stack-single { grid-template-columns: 200px minmax(0,1fr) !important; }
html.cs-page-clipper-oil .stack-single .birdi-presentation-71 { display: grid; grid-template-columns: repeat(auto-fill,minmax(240px,1fr)); gap: 12px; }
html.cs-page-clipper-oil .stack-single .birdi-presentation-72 { flex-direction: column; align-items: flex-start; gap: 6px; padding: 14px 18px; height: 100%; }
html.cs-page-clipper-oil .stack-single .birdi-presentation-72 .birdi-presentation-73 { font-size: 20px; }
@media (max-width:700px) {
  html.cs-page-clipper-oil .birdi-presentation-67.stack-single { grid-template-columns: 1fr !important; }
}
html.cs-page-clipper-oil .case-study h2 { font-size: clamp(22px,2.1vw,30px) !important; line-height: 1.3 !important; }
html.cs-page-clipper-oil .case-study .hero-section h1 { font-size: clamp(32px,4.2vw,46px); }
html.cs-page-clipper-oil .repair-card { background: linear-gradient(135deg,#0e1d31,#15233b); color: #fff; border-radius: 20px; padding: clamp(32px,5vw,48px); }
html.cs-page-clipper-oil .repair-card h2 { color: #fff; }
html.cs-page-clipper-oil .repair-card ul { list-style: none; margin: 20px 0 0; padding: 0; display: grid; gap: 14px; }
html.cs-page-clipper-oil .repair-card li { display: flex; gap: 12px; align-items: flex-start; font-size: 16px; line-height: 1.6; color: #d1def0; }
html.cs-page-clipper-oil .repair-card li i { color: #ff8299; margin-top: 3px; }
html.cs-page-clipper-oil .repair-card .repair-confirm { margin-top: 22px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.18); font-size: 16px; line-height: 1.7; color: #b8cbe5; }
@media (max-width:900px) {
  html.cs-page-clipper-oil .context-layout,html.cs-page-clipper-oil .spotlight-layout { grid-template-columns: 1fr; }
  html.cs-page-clipper-oil .spotlight-layout.image-left>.spotlight-image { order: 0; }
  html.cs-page-clipper-oil .client-intro-layout { grid-template-columns: 1fr; text-align: left; }
  html.cs-page-clipper-oil .client-logo-mark { width: 100%; }
  html.cs-page-clipper-oil .client-logo-mark img{width: 120px;}
}

/* Original file: clipper-oil/css/bootstrap4-integration.css */
/* Bootstrap 4 grid and tabs, adjusted to preserve the approved Birdi design. */
html.cs-page-clipper-oil .case-study .hero-layout.row,
html.cs-page-clipper-oil .case-study .brief-layout.row {
  --birdi-column-gap: clamp(32px, 5vw, 64px);
  display: flex !important;
  gap: 0 !important;
  margin-left: 0;
  margin-right: 0;
}
html.cs-page-clipper-oil .case-study .brief-layout.row { --birdi-column-gap: clamp(32px, 5vw, 56px); }
html.cs-page-clipper-oil .case-study .hero-layout.row > .col-md-6,
html.cs-page-clipper-oil .case-study .brief-layout.row > .col-md-6 {
  padding-left: calc(var(--birdi-column-gap) * 0.5);
  padding-right: calc(var(--birdi-column-gap) * 0.5);
}
html.cs-page-clipper-oil .case-study .hero-layout.row > .col-md-6:first-child,
html.cs-page-clipper-oil .case-study .brief-layout.row > .col-md-6:first-child { padding-left: 0; }
html.cs-page-clipper-oil .case-study .hero-layout.row > .col-md-6:last-child,
html.cs-page-clipper-oil .case-study .brief-layout.row > .col-md-6:last-child { padding-right: 0; }
html.cs-page-clipper-oil .case-study .birdi-contact-button {
  border: 0;
  line-height: normal;
  text-align: inherit;
  vertical-align: baseline;
}
html.cs-page-clipper-oil .case-study .birdi-contact-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 34px rgba(213,31,63,.34);
  color: #fff;
}
html.cs-page-clipper-oil .case-study .birdi-tech-pill:hover { background: #101d30; color: #fff; }
html.cs-page-clipper-oil .case-study .feature-tabs.nav-tabs { border-bottom: 0; }
html.cs-page-clipper-oil .case-study .feature-tabs.nav-tabs .nav-link {
  border: 0;
  margin-bottom: 0;
  padding: 20px 8px;
  color: #101d30;
  line-height: 1.4;
}
html.cs-page-clipper-oil .case-study .feature-tabs.nav-tabs .nav-link.active { background: #fff; color: #101d30; }
html.cs-page-clipper-oil .case-study .tab-content > .features-panel.active { display: grid; }
@media (max-width: 767px) {
  html.cs-page-clipper-oil .case-study .hero-layout.row,
  html.cs-page-clipper-oil .case-study .brief-layout.row { margin-left: 0; margin-right: 0; }
  html.cs-page-clipper-oil .case-study .hero-layout.row > .col-md-6,
  html.cs-page-clipper-oil .case-study .brief-layout.row > .col-md-6 { padding-left: 0; padding-right: 0; }
  html.cs-page-clipper-oil .case-study .brief-layout.row > .col-md-6 + .col-md-6 { margin-top: 32px; }
}
@media (max-width: 460px) {
  html.cs-page-clipper-oil .case-study .feature-tabs.nav-tabs .nav-link { padding: 16px 6px; }
}
@media (prefers-reduced-motion: reduce) {
  html.cs-page-clipper-oil .case-study .birdi-contact-button:hover { transform: none; }
}

/* ================================================================
   Page namespace: desh-apnayen (cs-page-desh-apnayen)
   ================================================================ */

/* Original file: desh-apnayen/css/birdi.css */
/* Bootstrap Reboot is normalized to the approved page typography. */
html.cs-page-desh-apnayen,html.cs-page-desh-apnayen body{height:100%;}
html.cs-page-desh-apnayen body{line-height:normal;}
html.cs-page-desh-apnayen h1,html.cs-page-desh-apnayen h2,html.cs-page-desh-apnayen h3,html.cs-page-desh-apnayen h4,html.cs-page-desh-apnayen h5,html.cs-page-desh-apnayen h6{font-size:revert;font-weight:revert;line-height:normal;margin:revert;}
html.cs-page-desh-apnayen p,html.cs-page-desh-apnayen dl,html.cs-page-desh-apnayen dd,html.cs-page-desh-apnayen figure{margin:revert;}
html.cs-page-desh-apnayen .case-study section a:hover{text-decoration:none;}
html.cs-page-desh-apnayen button{line-height:normal;}

/* Birdi shared styles. Cascade order is intentional; responsive rules remain beside their applicable defaults. */
html.cs-page-desh-apnayen body {
  margin: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}
html.cs-page-desh-apnayen * {
  box-sizing: border-box;
}
html.cs-page-desh-apnayen .case-study section a {
  color: #ee4865;
  text-decoration: none;
}
html.cs-page-desh-apnayen .case-study section a:hover {
  color: #101d30;
}
html.cs-page-desh-apnayen {
  font-size: max(16px,100%);
}
html.cs-page-desh-apnayen body {
  font-size: 16px;
}
html.cs-page-desh-apnayen button,html.cs-page-desh-apnayen summary {
  font: inherit;
}
html.cs-page-desh-apnayen button {
  cursor: pointer;
}
html.cs-page-desh-apnayen img {
  max-width: 100%;
}
html.cs-page-desh-apnayen button:focus-visible,html.cs-page-desh-apnayen summary:focus-visible,html.cs-page-desh-apnayen [tabindex]:focus-visible {
  outline: 3px solid #ee4865;
  outline-offset: 5px;
}
html.cs-page-desh-apnayen .section-container {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  background: transparent;
}
html.cs-page-desh-apnayen .section-heading {
  margin-bottom: clamp(32px,4vw,48px);
}
html.cs-page-desh-apnayen .centered {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
html.cs-page-desh-apnayen .eyebrow {
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 700;
  color: #ee4865;
  margin: 0 0 18px;
}
html.cs-page-desh-apnayen .section-heading h2 {
  font-size: clamp(1.55rem,2.4vw,2.1rem);
  line-height: 1.25;
  margin: 0;
}
html.cs-page-desh-apnayen .section-heading h2 span {
  color: #ee4865;
}
html.cs-page-desh-apnayen .workflow-section {
  padding: clamp(56px,7vw,84px) 0;
  background: linear-gradient(135deg,#0e1d31 0%,#15233b 100%);
  color: #fff;
}
html.cs-page-desh-apnayen .workflow-layout {
  display: grid;
  grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr);
  gap: clamp(36px,6vw,80px);
  align-items: start;
}
html.cs-page-desh-apnayen .workflow-sticky {
  position: sticky;
  top: 124px;
  min-width: 0;
}
/* Short screens need normal page scrolling, not a taller sticky panel. */
@media (max-height:650px) {
  html.cs-page-desh-apnayen .workflow-sticky { position: relative; top: auto; }
}
html.cs-page-desh-apnayen .workflow-visual-heading {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .1em;
  margin-bottom: 18px;
}
html.cs-page-desh-apnayen .workflow-visual-heading span:first-child {
  color: var(--body);
}
html.cs-page-desh-apnayen .workflow-stage {
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(300px,56vh,560px);
  overflow: hidden;
  color: #101d30;
}
html.cs-page-desh-apnayen .workflow-screen {
  display: block;
  animation: cs-page-desh-apnayen-visual-arrive .4s ease;
}
html.cs-page-desh-apnayen .workflow-caption {
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  margin: 18px 0 16px;
  font-weight: 500;
}
html.cs-page-desh-apnayen .workflow-progress {
  height: 3px;
  background: rgba(255,255,255,.2);
}
html.cs-page-desh-apnayen .workflow-progress span {
  display: block;
  height: 100%;
  background: #ee4865;
  transition: width .35s ease;
}
html.cs-page-desh-apnayen .workflow-explainer {
  width: 100%;
}
html.cs-page-desh-apnayen .workflow-explainer>i {
  font-size: 44px;
  color: #ee4865;
  margin-bottom: 24px;
}
html.cs-page-desh-apnayen .workflow-explainer h3 {
  font-size: 24px;
  line-height: 1.3;
  margin: 0 0 24px;
}
html.cs-page-desh-apnayen .explainer-rows {
  display: grid;
  gap: 0;
}
html.cs-page-desh-apnayen .explainer-rows>div {
  border-top: 1px solid #e9d3db;
  padding: 14px 0;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  line-height: 1.4;
}
html.cs-page-desh-apnayen .explainer-rows i {
  color: #ee4865;
  font-size: 16px;
}
html.cs-page-desh-apnayen .illustration-note {
  font-size: 16px;
  font-weight: 500;
  color: #101d30;
  margin: 18px 0 0;
}
html.cs-page-desh-apnayen .workflow-timeline {
  border-left: 1px solid rgba(255,255,255,.3);
  padding-left: 32px;
}
html.cs-page-desh-apnayen .workflow-step {
  position: relative;
  padding: 0 0 56px;
}
html.cs-page-desh-apnayen .workflow-step:last-child {
  padding-bottom: 0;
  min-height: 200px;
}
html.cs-page-desh-apnayen .workflow-step:before {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  left: -38px;
  border: 2px solid #ee4865;
  background: #101d30;
  border-radius: 50%;
  transition: box-shadow .25s,background .25s;
}
html.cs-page-desh-apnayen .workflow-step.is-active:before {
  background: #ee4865;
  box-shadow: 0 0 0 7px rgba(238,72,101,.18);
}
html.cs-page-desh-apnayen .workflow-step-number {
  letter-spacing: .08em;
  display: flex;
  align-items: baseline;
  margin-bottom: 12px;
}
html.cs-page-desh-apnayen .workflow-step h3 {
  color: #fff;
  margin: 0 0 16px;
  transition: color .25s;
}
html.cs-page-desh-apnayen .workflow-step.is-active h3 {
  color: #ee4865;
}
html.cs-page-desh-apnayen .workflow-step p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  color: #fff;
}
html.cs-page-desh-apnayen .features-intro {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 64px;
  align-items: end;
  margin-bottom: 40px;
}
html.cs-page-desh-apnayen .feature-tabs {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
}
html.cs-page-desh-apnayen .feature-tab {
  border-bottom: 3px solid transparent;
  background: transparent;
  color: #101d30;
  padding: 20px 8px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  text-align: left;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
}
html.cs-page-desh-apnayen .feature-tab i {
  font-size: 18px;
  color: #ee4865;
}
html.cs-page-desh-apnayen .feature-tab.is-active {
  border-color: #ee4865;
}
html.cs-page-desh-apnayen .features-panel {
  display: grid;
  grid-template-columns: 260px minmax(0,1fr);
  gap: 54px;
  padding: 40px 0;
}
html.cs-page-desh-apnayen .feature-panel-number {
  line-height: 1;
  color: #ee4865;
  font-weight: 600;
}
html.cs-page-desh-apnayen .feature-panel-heading h3 {
  font-size: 24px;
  line-height: 1.3;
  margin: 16px 0 12px;
}
html.cs-page-desh-apnayen .feature-panel-heading p {
  font-size: 16px;
  color: #101d30;
}
html.cs-page-desh-apnayen .feature-items {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 32px;
}
html.cs-page-desh-apnayen .feature-item {
  border-left: 2px solid #ee4865;
  padding-left: 20px;
}
html.cs-page-desh-apnayen .feature-item h4 {
  font-size: 17px;
  line-height: 1.4;
  margin: 0 0 12px;
}
html.cs-page-desh-apnayen .feature-item p {
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
  color: #101d30;
}
html.cs-page-desh-apnayen .editorial-accordion {
  border-top: 1px solid #c7d0dd;
  color: #101d30;
}
html.cs-page-desh-apnayen .editorial-accordion:last-child {
  border-bottom: 1px solid #c7d0dd;
}
html.cs-page-desh-apnayen .editorial-accordion summary {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 26px 0;
  cursor: pointer;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 600;
}
html.cs-page-desh-apnayen .editorial-accordion summary::-webkit-details-marker {
  display: none;
}
html.cs-page-desh-apnayen .editorial-accordion summary>span:not(.accordion-number) {
  flex: 1;
}
html.cs-page-desh-apnayen .editorial-accordion summary>i {
  color: #ee4865;
  font-size: 16px;
  transition: transform .25s;
}
html.cs-page-desh-apnayen .accordion-number {
  font-size: 28px;
  color: #ee4865;
  font-weight: 600;
}
html.cs-page-desh-apnayen .editorial-accordion[open] summary {
  color: #c92145;
}
html.cs-page-desh-apnayen .editorial-accordion[open] summary>i {
  transform: rotate(45deg);
}
html.cs-page-desh-apnayen .accordion-content {
  padding: 0 0 28px 64px;
  animation: cs-page-desh-apnayen-content-arrive .3s ease;
}
html.cs-page-desh-apnayen .accordion-content p {
  font-size: 16px;
  line-height: 1.75;
  margin: 12px 0 0;
  color: #101d30;
}
html.cs-page-desh-apnayen .lift-card {
  transition: transform .3s,box-shadow .3s;
}
html.cs-page-desh-apnayen .lift-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 36px rgba(16,29,48,.1);
}
html.cs-page-desh-apnayen .parallax-visual {
  will-change: transform;
}
html.cs-page-desh-apnayen .faq-section>div {
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
  gap: 64px;
  align-items: start;
}
html.cs-page-desh-apnayen .faq-list {
  min-width: 0;
}
html.cs-page-desh-apnayen .faq-list .accordion-content {
  padding-left: 0;
}
@keyframes cs-page-desh-apnayen-content-arrive{from{transform:translateY(10px)}to{transform:translateY(0)}}
@keyframes cs-page-desh-apnayen-visual-arrive{from{transform:translateY(12px) scale(.98)}to{transform:translateY(0) scale(1)}}
@media (max-width:900px) {
  html.cs-page-desh-apnayen .workflow-layout {
    gap: 36px;
    grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
  }
  html.cs-page-desh-apnayen .features-panel {
    grid-template-columns: 210px minmax(0,1fr);
    gap: 32px;
  }
  html.cs-page-desh-apnayen .feature-tabs {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  html.cs-page-desh-apnayen .features-intro {
    gap: 32px;
  }
}
@media (max-width:700px) {
  html.cs-page-desh-apnayen .workflow-layout,html.cs-page-desh-apnayen .features-intro,html.cs-page-desh-apnayen .features-panel,html.cs-page-desh-apnayen .faq-section>div {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  html.cs-page-desh-apnayen .workflow-sticky {
    position: relative;
    top: auto;
  }
  html.cs-page-desh-apnayen .workflow-stage {
    height: 440px;
  }
  html.cs-page-desh-apnayen .workflow-timeline {
    margin-left: 6px;
  }
  html.cs-page-desh-apnayen .workflow-step:last-child {
    min-height: 0;
  }
  html.cs-page-desh-apnayen .workflow-explainer h3 {
    font-size: 22px;
  }
  html.cs-page-desh-apnayen .feature-items {
    gap: 24px;
  }
  html.cs-page-desh-apnayen .faq-section>div>div:first-child {
    position: static !important;
  }
  html.cs-page-desh-apnayen .accordion-content {
    padding-left: 0;
  }
  html.cs-page-desh-apnayen .editorial-accordion summary {
    gap: 16px;
    font-size: 17px;
  }
  html.cs-page-desh-apnayen .parallax-visual {
    transform: none !important;
  }
}
@media (max-width:460px) {
  html.cs-page-desh-apnayen .feature-items,html.cs-page-desh-apnayen .industry-grid {
    grid-template-columns: 1fr;
  }
  html.cs-page-desh-apnayen .feature-tab {
    font-size: 16px;
    padding: 16px 8px;
    overflow-wrap: anywhere;
  }
  html.cs-page-desh-apnayen .workflow-stage {
    height: 420px;
  }
  html.cs-page-desh-apnayen .workflow-timeline {
    padding-left: 24px;
  }
  html.cs-page-desh-apnayen .workflow-step:before {
    left: -30px;
  }
}
@media (max-height:740px) and (min-width:701px) {
  html.cs-page-desh-apnayen .workflow-stage {
    height: 360px;
  }
  html.cs-page-desh-apnayen .workflow-explainer>i {
    font-size: 28px;
    margin-bottom: 12px;
  }
  html.cs-page-desh-apnayen .workflow-explainer h3 {
    font-size: 22px;
    margin-bottom: 12px;
  }
  html.cs-page-desh-apnayen .explainer-rows>div {
    padding: 10px 0;
  }
  html.cs-page-desh-apnayen .illustration-note {
    margin-top: 12px;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-desh-apnayen,html.cs-page-desh-apnayen body {
    scroll-behavior: auto !important;
  }
  html.cs-page-desh-apnayen *,html.cs-page-desh-apnayen *:before,html.cs-page-desh-apnayen *:after {
    animation: none !important;
    transition: none !important;
  }
  html.cs-page-desh-apnayen .parallax-visual {
    transform: none !important;
  }
}
html.cs-page-desh-apnayen .case-study {
  --body: #6f6f6f;
  --heading: #101d30;
  --accent: #ee4865;
}
html.cs-page-desh-apnayen .case-study section {
  --body: #6f6f6f;
  --heading: #101d30;
}
html.cs-page-desh-apnayen .case-study section[data-theme="dark"] {
  --body: #b8cbe5;
  --heading: #fff;
}
html.cs-page-desh-apnayen .case-study p {
  color: var(--body);
}
html.cs-page-desh-apnayen .case-study p.eyebrow {
  color: #ee4865;
}
html.cs-page-desh-apnayen .case-study h2,html.cs-page-desh-apnayen .case-study h3,html.cs-page-desh-apnayen .case-study h4 {
  color: var(--heading);
}
html.cs-page-desh-apnayen .workflow-stage {
  --body: #6f6f6f;
  --heading: #101d30;
  background: linear-gradient(155deg,#fff 30%,#eaf1fa);
  border: 1px solid rgba(255,255,255,.2);
  box-shadow: 0 24px 60px rgba(0,0,0,.2);
}
html.cs-page-desh-apnayen .workflow-step-number {
  font-size: 16px;
  line-height: 1.5;
  gap: 7px;
  color: var(--body);
  font-weight: 400;
}
html.cs-page-desh-apnayen .workflow-step-number strong {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  color: inherit;
  letter-spacing: inherit;
}
html.cs-page-desh-apnayen .workflow-step {
  min-height: 200px;
  padding-bottom: 48px;
}
html.cs-page-desh-apnayen .workflow-step:before {
  top: 7px;
}
html.cs-page-desh-apnayen .workflow-step h3 {
  font-size: 24px;
  line-height: 1.35;
}
html.cs-page-desh-apnayen .workflow-step p,html.cs-page-desh-apnayen .workflow-caption {
  color: var(--body);
}
html.cs-page-desh-apnayen .illustration-note,html.cs-page-desh-apnayen .feature-panel-heading p,html.cs-page-desh-apnayen .feature-item p,html.cs-page-desh-apnayen .accordion-content p {
  color: var(--body);
}
html.cs-page-desh-apnayen .problems-section {
  padding: clamp(56px,7vw,84px) 0;
  background: #f3f3f3;
}
html.cs-page-desh-apnayen .problems-layout {
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
  gap: clamp(40px,6vw,80px);
  align-items: start;
}
html.cs-page-desh-apnayen .problems-heading {
  position: static;
  align-self: start;
  padding: 28px 0;
  border-top: 2px solid #ee4865;
}
html.cs-page-desh-apnayen .problems-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.18;
  letter-spacing: -.035em;
  margin: 0 0 24px;
}
html.cs-page-desh-apnayen .problems-heading h2 span {
  color: #ee4865;
}
html.cs-page-desh-apnayen .section-subtext {
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
  max-width: 390px;
}
html.cs-page-desh-apnayen .problems-note {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 32px;
}
html.cs-page-desh-apnayen .problems-note>span {
  height: 44px;
  width: 3px;
  background: #ee4865;
}
html.cs-page-desh-apnayen .problems-note p {
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
}
html.cs-page-desh-apnayen .problem-accordions {
  display: grid;
  gap: 12px;
}
html.cs-page-desh-apnayen .problem-item {
  background: #fff;
  border: 1px solid #e0e7f0;
  border-radius: 14px;
  transition: border-color .3s,box-shadow .3s;
}
html.cs-page-desh-apnayen .problem-item.is-open {
  border-color: #ee4865;
  box-shadow: 0 16px 40px rgba(16,29,48,.06);
}
html.cs-page-desh-apnayen .problem-item h3 {
  margin: 0;
}
html.cs-page-desh-apnayen .problem-item button {
  width: 100%;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  background: transparent;
  border: 0;
  color: #101d30;
  padding: 22px 24px;
  font-family: inherit;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  border-radius: 14px;
}
html.cs-page-desh-apnayen .problem-item button:hover {
  color: #c92145;
}
html.cs-page-desh-apnayen .problem-toggle {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d9e2ed;
  color: #101d30;
  transition: background .3s,transform .3s,color .3s;
}
html.cs-page-desh-apnayen .problem-toggle i {
  font-size: 16px;
}
html.cs-page-desh-apnayen .is-open .problem-toggle {
  background: #ee4865;
  border-color: #ee4865;
  color: #fff;
  transform: rotate(45deg);
}
html.cs-page-desh-apnayen .problem-reveal {
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  transition: grid-template-rows .35s ease,visibility .35s;
}
html.cs-page-desh-apnayen .problem-reveal>div {
  min-height: 0;
  overflow: hidden;
}
html.cs-page-desh-apnayen .is-open .problem-reveal {
  grid-template-rows: 1fr;
  visibility: visible;
}
html.cs-page-desh-apnayen .problem-answer {
  padding: 0 24px 24px;
}
html.cs-page-desh-apnayen .problem-answer p {
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
  border-top: 1px solid #e7edf5;
  padding-top: 18px;
  color: var(--body);
}
html.cs-page-desh-apnayen .industry-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 20px;
  align-items: stretch;
}
html.cs-page-desh-apnayen .industry-flip {
  appearance: none;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  perspective: 1200px;
  text-align: left;
  font-family: inherit;
  color: #101d30;
  border-radius: 16px;
}
html.cs-page-desh-apnayen .flip-inner {
  display: grid;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform .65s cubic-bezier(.22,.61,.36,1);
  position: relative;
}
html.cs-page-desh-apnayen .industry-flip.is-flipped .flip-inner {
  transform: rotateY(180deg);
}
html.cs-page-desh-apnayen .flip-front,html.cs-page-desh-apnayen .flip-back {
  grid-area: 1/1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  padding: 26px;
  border-radius: 16px;
  border: 1px solid #dce5f0;
  min-width: 0;
}
html.cs-page-desh-apnayen .flip-front {
  background: #fff;
  transform: rotateY(0deg);
}
html.cs-page-desh-apnayen .flip-front>i {
  font-size: 28px;
  color: #ee4865;
}
html.cs-page-desh-apnayen .flip-front strong {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.35;
  color: #101d30;
}
html.cs-page-desh-apnayen .flip-hint {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 16px;
  line-height: 1.4;
  color: #6f6f6f;
  border-top: 1px solid #e6ecf4;
  padding-top: 16px;
}
html.cs-page-desh-apnayen .flip-hint i {
  font-size: 16px;
  color: #ee4865;
}
html.cs-page-desh-apnayen .flip-back {
  transform: rotateY(180deg);
  background: linear-gradient(135deg,#0e1d31,#15233b);
  border-color: #15233b;
  color: #fff;
}
html.cs-page-desh-apnayen .flip-back-label {
  font-size: 16px;
  color: #ff8299;
  font-weight: 600;
}
html.cs-page-desh-apnayen .flip-description {
  font-size: 16px;
  line-height: 1.7;
  color: #d1def0;
}
html.cs-page-desh-apnayen .flip-back-hint {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 16px;
  color: #b8cbe5;
}
html.cs-page-desh-apnayen .flip-back-hint i {
  font-size: 16px;
}
html.cs-page-desh-apnayen .feature-tabs {
  gap: 8px;
  border-bottom: 0;
  padding: 6px;
  background: #f0f4f9;
  border-radius: 14px;
}
html.cs-page-desh-apnayen .feature-tab {
  border: 0;
  border-radius: 10px;
  transition: background .25s,box-shadow .25s;
}
html.cs-page-desh-apnayen .feature-tab.is-active {
  background: #fff;
  box-shadow: 0 4px 15px rgba(16,29,48,.08);
}
html.cs-page-desh-apnayen .feature-tab:hover {
  background: #fff;
}
html.cs-page-desh-apnayen .feature-panel-number {
  font-size: 40px;
}
html.cs-page-desh-apnayen .features-panel {
  padding-top: 32px;
}
html.cs-page-desh-apnayen .case-study a.contact-link {
  overflow: hidden;
  position: relative;
}
html.cs-page-desh-apnayen .case-study a.contact-link i {
  transition: transform .25s;
}
html.cs-page-desh-apnayen .case-study a.contact-link:hover i {
  transform: translateX(5px);
}
@media (max-width:900px) {
  html.cs-page-desh-apnayen .industry-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  html.cs-page-desh-apnayen .problems-layout {
    gap: 32px;
  }
  html.cs-page-desh-apnayen .problem-item button {
    padding: 20px;
    font-size: 17px;
  }
  html.cs-page-desh-apnayen .problem-answer {
    padding: 0 20px 20px;
  }
}
@media (max-width:700px) {
  html.cs-page-desh-apnayen .problems-layout {
    grid-template-columns: 1fr;
  }
  html.cs-page-desh-apnayen .problems-heading {
    position: static;
  }
  html.cs-page-desh-apnayen .problems-heading .section-subtext {
    max-width: none;
  }
  html.cs-page-desh-apnayen .problems-note {
    display: none;
  }
  html.cs-page-desh-apnayen .workflow-step {
    min-height: 0;
  }
  html.cs-page-desh-apnayen .workflow-step-number,html.cs-page-desh-apnayen .workflow-step-number strong {
    font-size: 16px;
  }
  html.cs-page-desh-apnayen .flip-front,html.cs-page-desh-apnayen .flip-back {
    padding: 22px;
    gap: 18px;
  }
}
@media (max-width:480px) {
  html.cs-page-desh-apnayen .industry-grid {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-desh-apnayen .flip-inner,html.cs-page-desh-apnayen .problem-reveal,html.cs-page-desh-apnayen .problem-toggle {
    transition: none;
  }
}
html.cs-page-desh-apnayen .need-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 22px;
  align-items: stretch;
}
html.cs-page-desh-apnayen .need-card {
  background: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  transition: box-shadow .3s,border-color .3s,transform .3s;
}
html.cs-page-desh-apnayen .need-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #ee4865;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s;
}
html.cs-page-desh-apnayen .need-card.is-open {
  border-color: #ee4865;
  box-shadow: 0 18px 40px rgba(16,29,48,.08);
  transform: translateY(-4px);
}
html.cs-page-desh-apnayen .need-card.is-open:before {
  transform: scaleX(1);
}
html.cs-page-desh-apnayen .need-card h3 {
  margin: 0;
}
html.cs-page-desh-apnayen .need-trigger {
  width: 100%;
  border: 0;
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 26px;
  text-align: left;
  font-family: inherit;
  color: #101d30;
}
html.cs-page-desh-apnayen .need-marker {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 16px;
  color: #ee4865;
  font-weight: 500;
}
html.cs-page-desh-apnayen .need-marker i {
  font-size: 16px;
  transition: transform .3s;
}
html.cs-page-desh-apnayen .is-open .need-marker i {
  transform: rotate(45deg);
}
html.cs-page-desh-apnayen .need-title {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 600;
}
html.cs-page-desh-apnayen .need-hint {
  font-size: 16px;
  line-height: 1.5;
  color: #6f6f6f;
  font-weight: 400;
}
html.cs-page-desh-apnayen .need-reveal {
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  transition: grid-template-rows .4s ease,visibility .4s;
}
html.cs-page-desh-apnayen .need-reveal>div {
  min-height: 0;
  overflow: hidden;
}
html.cs-page-desh-apnayen .need-card.is-open .need-reveal {
  grid-template-rows: 1fr;
  visibility: visible;
}
html.cs-page-desh-apnayen .need-copy {
  padding: 0 26px 26px;
}
html.cs-page-desh-apnayen .need-copy p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  color: #6f6f6f;
}
html.cs-page-desh-apnayen .need-answer {
  border-top: 1px solid #e9e9e9;
  padding-top: 20px;
  margin-top: 22px;
}
html.cs-page-desh-apnayen .need-answer>span {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #101d30;
  margin-bottom: 10px;
}
html.cs-page-desh-apnayen .need-trigger:focus-visible {
  outline-offset: -5px;
}
@media (max-width:900px) {
  html.cs-page-desh-apnayen .need-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}
@media (max-width:620px) {
  html.cs-page-desh-apnayen .need-grid {
    grid-template-columns: 1fr;
  }
  html.cs-page-desh-apnayen .need-trigger {
    padding: 24px;
    gap: 16px;
  }
  html.cs-page-desh-apnayen .need-copy {
    padding: 0 24px 24px;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-desh-apnayen .need-card,html.cs-page-desh-apnayen .need-card:before,html.cs-page-desh-apnayen .need-reveal,html.cs-page-desh-apnayen .need-marker i {
    transition: none;
  }
  html.cs-page-desh-apnayen .need-card.is-open {
    transform: none;
  }
}
html.cs-page-desh-apnayen .need-heading {
  padding: 26px 26px 20px;
}
html.cs-page-desh-apnayen .need-heading h3 {
  font-size: 20px;
  line-height: 1.4;
  margin: 16px 0 0;
  font-weight: 600;
}
html.cs-page-desh-apnayen .need-static {
  overflow: visible;
  border-top: 3px solid #ee4865;
}
html.cs-page-desh-apnayen .need-static:before {
  display: none;
}
html.cs-page-desh-apnayen .scope-heading {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  align-items: baseline;
  justify-content: space-between;
  margin: 0 0 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid #dce2e9;
}
html.cs-page-desh-apnayen .scope-heading h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0;
}
html.cs-page-desh-apnayen .scope-heading>span {
  font-size: 16px;
  color: #6f6f6f;
}
html.cs-page-desh-apnayen .scope-groups {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 28px;
}
html.cs-page-desh-apnayen .scope-group h4 {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 17px;
  line-height: 1.4;
  margin: 0 0 18px;
}
html.cs-page-desh-apnayen .scope-group h4 i {
  font-size: 20px;
  color: #ee4865;
}
html.cs-page-desh-apnayen .scope-group ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
}
html.cs-page-desh-apnayen .scope-group li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 16px;
  line-height: 1.6;
  color: #6f6f6f;
}
html.cs-page-desh-apnayen .scope-group li i {
  font-size: 16px;
  line-height: 1.6;
  color: #ee4865;
  flex-shrink: 0;
}
html.cs-page-desh-apnayen .comparison-heading {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: end;
  margin-bottom: 28px;
}
html.cs-page-desh-apnayen .comparison-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.2;
  letter-spacing: -.025em;
  margin: 0;
}
html.cs-page-desh-apnayen .comparison-heading h2 span {
  color: #ee4865;
}
html.cs-page-desh-apnayen .comparison-heading>p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  max-width: 470px;
}
html.cs-page-desh-apnayen .comparison-labels,html.cs-page-desh-apnayen .comparison-row {
  display: grid;
  grid-template-columns: minmax(130px,.55fr) minmax(0,1fr) minmax(0,1.15fr);
  gap: 28px;
}
html.cs-page-desh-apnayen .comparison-labels {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  color: #101d30;
  padding: 16px 20px;
  border-top: 1px solid #d7dce2;
  border-bottom: 1px solid #d7dce2;
}
html.cs-page-desh-apnayen .comparison-labels>span:last-child {
  color: #c92145;
}
html.cs-page-desh-apnayen .comparison-row {
  padding: 22px 20px;
  border-bottom: 1px solid #dfe3e8;
  align-items: start;
}
html.cs-page-desh-apnayen .comparison-row:nth-child(odd) {
  background: #fff;
}
html.cs-page-desh-apnayen .comparison-row h3 {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
}
html.cs-page-desh-apnayen .comparison-row p {
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
  color: #6f6f6f;
}
html.cs-page-desh-apnayen .comparison-fix {
  border-left: 2px solid #ee4865;
  padding-left: 18px;
}
html.cs-page-desh-apnayen .mobile-pair-label {
  display: none;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
  color: #101d30;
  margin-bottom: 8px;
}
@media (max-width:1000px) {
  html.cs-page-desh-apnayen .scope-groups {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 28px 36px;
  }
}
@media (max-width:760px) {
  html.cs-page-desh-apnayen .comparison-heading {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  html.cs-page-desh-apnayen .comparison-labels {
    display: none;
  }
  html.cs-page-desh-apnayen .comparison-row {
    grid-template-columns: 1fr 1fr;
    gap: 16px 24px;
    padding: 22px 18px;
  }
  html.cs-page-desh-apnayen .comparison-row h3 {
    grid-column: 1/-1;
    color: #101d30;
    font-size: 20px;
  }
  html.cs-page-desh-apnayen .mobile-pair-label {
    display: block;
  }
  html.cs-page-desh-apnayen .comparison-fix .mobile-pair-label {
    color: #c92145;
  }
}
@media (max-width:520px) {
  html.cs-page-desh-apnayen .scope-groups {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  html.cs-page-desh-apnayen .scope-group {
    padding-bottom: 22px;
    border-bottom: 1px solid #e4e7eb;
  }
  html.cs-page-desh-apnayen .scope-group:last-child {
    padding-bottom: 0;
    border: 0;
  }
  html.cs-page-desh-apnayen .comparison-row {
    grid-template-columns: 1fr;
  }
  html.cs-page-desh-apnayen .comparison-row h3 {
    grid-column: auto;
  }
  html.cs-page-desh-apnayen .comparison-fix {
    margin-top: 2px;
  }
  html.cs-page-desh-apnayen .need-heading {
    padding: 24px 24px 20px;
  }
}
html.cs-page-desh-apnayen .need-static {
  height: 100%;
  box-sizing: border-box;
}
html.cs-page-desh-apnayen .challenge-story {
  position: relative;
  height: calc(var(--viewport-height) * 4.9);
}
html.cs-page-desh-apnayen .challenge-stage {
  top: 24px;
}
html.cs-page-desh-apnayen .challenge-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
html.cs-page-desh-apnayen .challenge-scroll-hint {
  font-size: 16px;
  color: #6f6f6f;
}
html.cs-page-desh-apnayen .challenge-nav-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
html.cs-page-desh-apnayen .challenge-count {
  font-size: 20px;
  font-weight: 600;
  color: #101d30;
  margin-right: 10px;
  font-variant-numeric: tabular-nums;
}
html.cs-page-desh-apnayen .challenge-count span {
  font-size: 16px;
  font-weight: 400;
  color: #6f6f6f;
}
html.cs-page-desh-apnayen .challenge-nav-actions button {
  height: 42px;
  width: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #dce1e8;
  border-radius: 50%;
  color: #101d30;
  font-size: 16px;
}
html.cs-page-desh-apnayen .challenge-nav-actions button:hover:not(:disabled) {
  background: #101d30;
  color: #fff;
  border-color: #101d30;
}
html.cs-page-desh-apnayen .challenge-nav-actions button:disabled {
  opacity: .35;
  cursor: default;
}
html.cs-page-desh-apnayen .challenge-focus {
  display: flex;
  flex-direction: column;
}
html.cs-page-desh-apnayen .challenge-focus-heading>span {
  font-size: 16px;
  font-weight: 500;
  color: #ffa4b5;
  letter-spacing: .1em;
}
html.cs-page-desh-apnayen .case-study .challenge-focus-heading h3 {
  color: #fff;
}
html.cs-page-desh-apnayen .challenge-focus-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
html.cs-page-desh-apnayen .challenge-focus-problem,html.cs-page-desh-apnayen .challenge-focus-response {
  display: flex;
  flex-direction: column;
}
html.cs-page-desh-apnayen .challenge-focus-response {
  background: #fff;
}
html.cs-page-desh-apnayen .challenge-focus-pair h4 {
  font-weight: 600;
  margin: 0 0 18px;
}
html.cs-page-desh-apnayen .response-heading {
  display: flex;
}
html.cs-page-desh-apnayen .response-heading i {
  color: #178347;
}
html.cs-page-desh-apnayen .case-study .response-heading h4 {
  color: #178347;
}
html.cs-page-desh-apnayen .case-study .challenge-focus-problem h4 {
  color: #c83232;
}
html.cs-page-desh-apnayen .challenge-focus-problem {
  background: #fff;
}
html.cs-page-desh-apnayen .challenge-segments {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}
html.cs-page-desh-apnayen .challenge-segment {
  flex: 1;
  border: 0;
  background: transparent;
  padding: 20px 0;
  min-height: 44px;
}
html.cs-page-desh-apnayen .challenge-segment span {
  display: block;
  height: 4px;
  border-radius: 3px;
  background: #d8dee7;
  transition: background .25s;
}
html.cs-page-desh-apnayen .challenge-segment.is-active span {
  background: #ee4865;
}
html.cs-page-desh-apnayen .challenge-segment:hover span {
  background: #101d30;
}
@keyframes cs-page-desh-apnayen-challenge-arrive{from{transform:translateY(10px)}to{transform:translateY(0)}}
@media (max-width:700px) {
  html.cs-page-desh-apnayen .challenge-stage {
    top: 12px;
  }
  html.cs-page-desh-apnayen .challenge-navigation {
    gap: 12px;
  }
  html.cs-page-desh-apnayen .challenge-scroll-hint {
    max-width: 160px;
    line-height: 1.4;
  }
  html.cs-page-desh-apnayen .challenge-focus-pair {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-desh-apnayen .challenge-segment span {
    transition: none;
  }
}
html.cs-page-desh-apnayen .project-meta {
  padding: 4px 0 20px;
  border-bottom: 1px dashed rgba(255,255,255,.2);
}
html.cs-page-desh-apnayen .project-meta-label {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--body);
  font-weight: 500;
}
html.cs-page-desh-apnayen .project-meta-label i {
  color: #ff8299;
  font-size: 18px;
  width: 24px;
}
html.cs-page-desh-apnayen .project-meta-value {
  font-size: 17px;
  line-height: 1.5;
  font-weight: 600;
  color: #fff;
  margin: 10px 0 0 36px;
}
html.cs-page-desh-apnayen .brief-paragraphs {
  margin-bottom: 24px;
}
html.cs-page-desh-apnayen .brief-paragraphs p {
  font-size: 17px;
  line-height: 1.75;
  margin: 0 0 18px;
}
html.cs-page-desh-apnayen .brief-paragraphs p:last-child {
  margin-bottom: 0;
}
html.cs-page-desh-apnayen .brief-visual {
  margin: 0 auto;
  width: min(100%,340px);
  padding: 0;
  background: transparent;
  box-shadow: none;
}
html.cs-page-desh-apnayen .brief-visual img {
  display: block;
  width: 100%;
  height: 400px;
  object-fit: cover;
  object-position: top;
  border-radius: 12px;
}
html.cs-page-desh-apnayen .brief-visual figcaption {
  font-size: 16px;
  line-height: 1.55;
  color: #6f6f6f;
  margin-top: 16px;
  padding-left: 16px;
  border-left: 2px solid #ee4865;
  text-align: left;
}
html.cs-page-desh-apnayen .workflow-stage {
  padding: 0;
}
html.cs-page-desh-apnayen .workflow-screen {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  border-radius: 0;
}
html.cs-page-desh-apnayen .workflow-explainer {
  padding: 24px;
  max-width: 410px;
}
html.cs-page-desh-apnayen .response-heading {
  align-items: baseline;
  gap: 12px;
}
html.cs-page-desh-apnayen .response-heading i {
  font-size: 22px;
}
html.cs-page-desh-apnayen .problem-heading i {
  color: #c83232;
}
html.cs-page-desh-apnayen .case-study .outcome-light {
  --body: #6f6f6f;
  --heading: #101d30;
  background-color: #f0f0ff;
}
html.cs-page-desh-apnayen .outcome-light .outcome-pointer {
  color: #535d6c;
}
@media (max-width:700px) {
  html.cs-page-desh-apnayen .challenge-focus-pair h4,html.cs-page-desh-apnayen .response-heading i {
    font-size: 20px;
  }
  html.cs-page-desh-apnayen .workflow-stage {
    padding: 0;
    display:none !important;
  }
  html.cs-page-desh-apnayen .brief-visual img {
    height: 380px;
  }
  html.cs-page-desh-apnayen .outcome-light {
    background-attachment: scroll !important;
  }
}
html.cs-page-desh-apnayen .project-details-grid {
  margin: 0;
  display: grid;
  border-top: 1px solid rgba(255,255,255,.18);
  border-left: 1px solid rgba(255,255,255,.18);
}
html.cs-page-desh-apnayen .project-detail {
  border-right: 1px solid rgba(255,255,255,.18);
  border-bottom: 1px solid rgba(255,255,255,.18);
}
html.cs-page-desh-apnayen .project-detail dt {
  display: flex;
  align-items: center;
}
html.cs-page-desh-apnayen .project-detail dt i {
  color: #ff8299;
}
html.cs-page-desh-apnayen .challenge-stage {
  display: flex;
  flex-direction: column;
}
html.cs-page-desh-apnayen .challenge-stage>.comparison-heading {
  flex-shrink: 0;
}
html.cs-page-desh-apnayen .challenge-stage .comparison-heading .eyebrow {
  margin-bottom: 10px;
}
html.cs-page-desh-apnayen .challenge-stage .comparison-heading h2 {
  font-size: 34px;
  line-height: 1.14;
}
html.cs-page-desh-apnayen .challenge-stage .comparison-heading>p {
  font-size: 16px;
  line-height: 1.6;
}
html.cs-page-desh-apnayen .challenge-navigation,html.cs-page-desh-apnayen .challenge-segments {
  flex-shrink: 0;
}
html.cs-page-desh-apnayen .challenge-focus {
  overflow-y: auto;
}
html.cs-page-desh-apnayen .challenge-focus-heading {
  flex-shrink: 0;
}
html.cs-page-desh-apnayen .challenge-focus-pair {
  flex: 1 0 auto;
}
html.cs-page-desh-apnayen .challenge-focus-pair h4 {
  font-size: 28px;
  line-height: 1.25;
  margin-bottom: 16px;
}
@media (max-width:1000px) {
  html.cs-page-desh-apnayen .challenge-stage .comparison-heading h2 {
    font-size: 30px;
  }
}
@media (max-width:700px) {
  html.cs-page-desh-apnayen .challenge-stage>.comparison-heading {
    grid-template-columns: 1fr;
  }
  html.cs-page-desh-apnayen .challenge-stage .comparison-heading>p {
    display: none;
  }
  html.cs-page-desh-apnayen .challenge-stage .comparison-heading .eyebrow {
    margin-bottom: 6px;
  }
  html.cs-page-desh-apnayen .challenge-stage .comparison-heading h2 {
    font-size: 28px;
  }
  html.cs-page-desh-apnayen .challenge-focus {
    flex-basis: 440px;
  }
  html.cs-page-desh-apnayen .challenge-focus-pair h4 {
    font-size: 28px;
  }
}
html.cs-page-desh-apnayen .challenge-focus {
  border-radius: 20px;
  background: #fff;
  border: 1px solid #e1e5ec;
}
html.cs-page-desh-apnayen .challenge-focus-heading {
  padding: 16px 28px 22px;
  background: linear-gradient(135deg,#0e1d31,#18233a);
  border-bottom: 3px solid #ee4865;
}
html.cs-page-desh-apnayen .case-study .challenge-focus-heading h3 {
  line-height: 1.2;
  margin: 0;
  font-weight: 600;
}
html.cs-page-desh-apnayen .challenge-focus-problem,html.cs-page-desh-apnayen .challenge-focus-response {
  padding: 28px;
  justify-content: flex-start;
  background: #fff;
}
html.cs-page-desh-apnayen .challenge-focus-response {
  border-left: 1px solid #dfe3e9;
}
html.cs-page-desh-apnayen .challenge-focus-pair .response-heading {
  display: flex;
}
html.cs-page-desh-apnayen .challenge-focus-pair .response-heading i {
  display: block;
  line-height: 1;
}
html.cs-page-desh-apnayen .challenge-focus-pair .response-heading h4 {
  font-weight: 600;
  margin: 0;
}
html.cs-page-desh-apnayen .challenge-focus-pair p {
  margin: 0;
}
html.cs-page-desh-apnayen .case-study .problem-heading h4,html.cs-page-desh-apnayen .challenge-focus-pair .problem-heading i {
  color: #ce3335;
}
html.cs-page-desh-apnayen .case-study .challenge-focus-response h4,html.cs-page-desh-apnayen .challenge-focus-response .response-heading i {
  color: #16864b;
}
@media (max-width:700px) {
  html.cs-page-desh-apnayen .challenge-focus-heading {
    padding: 18px 22px;
  }
  html.cs-page-desh-apnayen .challenge-focus-problem,html.cs-page-desh-apnayen .challenge-focus-response {
    padding: 24px;
  }
  html.cs-page-desh-apnayen .challenge-focus-response {
    border-left: 0;
    border-top: 1px solid #dfe3e9;
  }
}
html.cs-page-desh-apnayen {
  --viewport-height: 100vh;
}
@supports (height:100svh) {
  html.cs-page-desh-apnayen {
    --viewport-height: 100svh;
  }
}
html.cs-page-desh-apnayen {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
html.cs-page-desh-apnayen .case-study * {
  min-width: 0;
}
html.cs-page-desh-apnayen .case-study p,html.cs-page-desh-apnayen .case-study dd,html.cs-page-desh-apnayen .case-study h2,html.cs-page-desh-apnayen .case-study h3 {
  overflow-wrap: break-word;
}
html.cs-page-desh-apnayen .hero-location {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 20px;
  margin: 0 0 22px;
  padding-left: 14px;
  border-left: 3px solid #ee4865;
}
html.cs-page-desh-apnayen .hero-country {
  display: flex;
  align-items: center;
  gap: 10px;
}
html.cs-page-desh-apnayen .hero-country img {
  width: 34px;
  height: auto;
  display: block;
  flex-shrink: 0;
  border: 1px solid #e0e4eb;
}
html.cs-page-desh-apnayen .hero-country span {
  font-size: 16px;
  line-height: 1.5;
  color: #c92145;
  font-weight: 500;
}
html.cs-page-desh-apnayen .hero-location strong {
  font-size: 18px;
  line-height: 1.5;
  color: #101d30;
  font-weight: 600;
}
html.cs-page-desh-apnayen .project-details-grid {
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 32px 36px;
  border: 0;
}
html.cs-page-desh-apnayen .project-detail {
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
}
html.cs-page-desh-apnayen .project-detail dt {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  gap: 10px;
  color: #b8cbe5;
}
html.cs-page-desh-apnayen .project-detail dt i {
  font-size: 18px;
  flex-shrink: 0;
}
html.cs-page-desh-apnayen .project-detail dd {
  margin: 12px 0 0;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 500;
  color: #fff;
}
html.cs-page-desh-apnayen .flip-inner {
  -webkit-transform-style: preserve-3d;
}
html.cs-page-desh-apnayen .flip-front,html.cs-page-desh-apnayen .flip-back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
html.cs-page-desh-apnayen .challenge-stage {
  position: -webkit-sticky;
  position: sticky;
}
@media (max-width:1000px) {
  html.cs-page-desh-apnayen .project-details-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 28px 32px;
  }
}
@media (max-width:620px) {
  html.cs-page-desh-apnayen .hero-location {
    display: block;
  }
  html.cs-page-desh-apnayen .hero-location strong {
    display: block;
    margin-top: 7px;
  }
  html.cs-page-desh-apnayen .project-details-grid {
    gap: 26px 22px;
  }
  html.cs-page-desh-apnayen .project-detail dd {
    font-size: 16px;
  }
  html.cs-page-desh-apnayen .project-detail dt {
    font-size: 16px;
  }
  html.cs-page-desh-apnayen .case-study a.contact-link {
    max-width: 100%;
  }
  html.cs-page-desh-apnayen .challenge-nav-actions {
    flex-shrink: 0;
  }
}
@media (max-width:380px) {
  html.cs-page-desh-apnayen .project-details-grid {
    grid-template-columns: 1fr;
  }
  html.cs-page-desh-apnayen .hero-country img {
    width: 30px;
  }
  html.cs-page-desh-apnayen .challenge-navigation {
    flex-wrap: wrap;
    gap: 8px;
  }
  html.cs-page-desh-apnayen .challenge-scroll-hint {
    max-width: none;
  }
  html.cs-page-desh-apnayen .feature-tab {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width:767px) {
  html.cs-page-desh-apnayen .hero-art {
    display: none !important;
  }
  html.cs-page-desh-apnayen .hero-layout,html.cs-page-desh-apnayen .brief-layout {
    grid-template-columns: minmax(0,1fr) !important;
  }
  html.cs-page-desh-apnayen .case-study>section {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  html.cs-page-desh-apnayen .hero-section
  {
    padding-top: 80px !important;
  }
  html.cs-page-desh-apnayen .master-data-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  html.cs-page-desh-apnayen .master-data-item
  {
    display:grid !important;
  }
  html.cs-page-desh-apnayen .hero-section h1 {
    font-size: clamp(32px,7.5vw,44px) !important;
    line-height: 1.15 !important;
  }
  html.cs-page-desh-apnayen .case-study h2 {
    font-size: clamp(26px,6vw,32px) !important;
    line-height: 1.25 !important;
  }
  html.cs-page-desh-apnayen .hero-section p {
    font-size: 16px !important;
    line-height: 1.7 !important;
    max-width: 100% !important;
  }
  html.cs-page-desh-apnayen .hero-actions {
    gap: 12px !important;
  }
  html.cs-page-desh-apnayen .hero-actions a {
    min-height: 48px;
    justify-content: center;
  }
  html.cs-page-desh-apnayen .client-brief,html.cs-page-desh-apnayen .client-brief .brief-paragraphs p,html.cs-page-desh-apnayen .client-brief .brief-facts {
    text-align: center !important;
  }
  html.cs-page-desh-apnayen .client-brief .brief-paragraphs {
    max-width: 560px;
    margin: 0 auto 28px;
  }
  html.cs-page-desh-apnayen .client-brief .brief-paragraphs p {
    font-size: 16px;
    line-height: 1.75;
  }
  html.cs-page-desh-apnayen .brief-facts {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 20px !important;
    max-width: 420px;
    margin: 0 auto;
  }
  html.cs-page-desh-apnayen .brief-visual {
    max-width: 300px;
  }
  html.cs-page-desh-apnayen .brief-visual figcaption {
    text-align: center;
    border-left: 0;
    padding-left: 0;
  }
  html.cs-page-desh-apnayen .brief-visual figcaption:before {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background: #ee4865;
    margin: 0 auto 12px;
  }
  html.cs-page-desh-apnayen .feature-tab {
    min-height: 48px;
  }
}
@media (max-width:480px) {
  html.cs-page-desh-apnayen .hero-actions {
    flex-direction: column;
    align-items: stretch;
  }
  html.cs-page-desh-apnayen .hero-actions a {
    padding: 14px 18px !important;
    text-align: center;
  }
  html.cs-page-desh-apnayen .hero-section h1 {
    letter-spacing: -.025em !important;
  }
}
html.cs-page-desh-apnayen .birdi-gradient-label::after {
  content: "";
  display: block;
  width: 72px;
  height: 3px;
  margin: 12px auto 0;
  border-radius: 3px;
  background: linear-gradient(90deg,#ee4865 0%,#ff8299 48%,rgba(255,130,153,0) 100%);
}
html.cs-page-desh-apnayen .hero-location .hero-country {
  gap: 14px;
}
html.cs-page-desh-apnayen .hero-location .hero-country img {
  width: 28px;
}
html.cs-page-desh-apnayen .hero-location .hero-country span {
  font-size: 26px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -.02em;
}
@media (max-width:767px) {
  html.cs-page-desh-apnayen .hero-location .hero-country img {
    width: 42px;
  }
  html.cs-page-desh-apnayen .hero-location .hero-country span {
    font-size: 23px;
  }
}
html.cs-page-desh-apnayen .client-brief .brief-visual {
  width: min(100%,420px);
  max-width: 420px;
}
html.cs-page-desh-apnayen .client-brief .brief-visual img {
  height: auto;
  object-fit: contain;
  box-shadow: 0 20px 44px rgba(16,29,48,.16),0 5px 12px rgba(16,29,48,.08);
}
html.cs-page-desh-apnayen .need-grid {
  grid-auto-rows: auto;
}
html.cs-page-desh-apnayen .need-grid .need-static {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  row-gap: 0;
  height: auto;
}
html.cs-page-desh-apnayen .need-grid .need-copy {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  row-gap: 0;
}
@media (max-width:620px) {
  html.cs-page-desh-apnayen .need-grid .need-static {
    display: block;
    grid-row: auto;
  }
  html.cs-page-desh-apnayen .need-grid .need-copy {
    display: block;
    grid-row: auto;
  }
  html.cs-page-desh-apnayen .client-brief .brief-visual img {
    box-shadow: 0 14px 28px rgba(16,29,48,.14),0 3px 8px rgba(16,29,48,.07);
  }
}
@media (max-width:767px) {
  html.cs-page-desh-apnayen .client-brief .brief-visual {
    width: min(100%,300px);
  }
}
html.cs-page-desh-apnayen .client-brief .brief-facts {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  gap: 0 !important;
  max-width: none;
  margin: 28px 0 0;
  padding: 6px 22px;
  background: #f6f7fa;
  border: 1px solid #e3e7ed;
  border-radius: 16px;
  text-align: left !important;
}
html.cs-page-desh-apnayen .brief-fact {
  display: grid;
  grid-template-columns: 36px minmax(0,1fr);
  gap: 14px;
  align-items: start;
  padding: 18px 0;
}
html.cs-page-desh-apnayen .brief-fact+.brief-fact {
  border-top: 1px solid #dfe4ec;
}
html.cs-page-desh-apnayen .brief-fact-icon {
  display: grid;
  place-items: center;
  height: 36px;
  border-radius: 10px;
  background: #fce7ed;
  color: #c92145;
  font-size: 17px;
}
html.cs-page-desh-apnayen .case-study .brief-fact h3 {
  font-size: 17px;
  line-height: 1.45;
  font-weight: 600;
  margin: 0 0 5px;
  color: #101d30;
}
html.cs-page-desh-apnayen .brief-fact p {
  font-size: 16px;
  line-height: 1.65;
  margin: 0;
  color: #535d6c;
}
html.cs-page-desh-apnayen .challenge-mobile {
  display: none;
}
html.cs-page-desh-apnayen .challenge-focus {
  height: auto;
  min-height: 0;
  max-height: none;
  flex: 0 0 auto;
  overflow: hidden;
  box-shadow: none;
}
html.cs-page-desh-apnayen .challenge-stage {
  max-height: none;
}
html.cs-page-desh-apnayen .challenge-stage>.comparison-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
  margin-bottom: 28px;
}
html.cs-page-desh-apnayen .challenge-stage>.comparison-heading>div {
  width: 100%;
}
html.cs-page-desh-apnayen .challenge-stage>.comparison-heading>p {
  max-width: 680px;
  margin: 0;
  color: #626b78;
  font-size: 16px;
  line-height: 1.7;
}
html.cs-page-desh-apnayen .challenge-stage>.comparison-heading .eyebrow {
  margin-bottom: 12px;
}
html.cs-page-desh-apnayen .challenge-navigation {
  margin-bottom: 20px;
}
html.cs-page-desh-apnayen .challenge-mobile-heading {
  text-align: center;
}
html.cs-page-desh-apnayen .challenge-mobile-description {
  max-width: 680px;
  margin: 16px auto 0;
  font-size: 16px;
  line-height: 1.7;
  color: #626b78;
}
html.cs-page-desh-apnayen .challenge-mobile-hint {
  font-size: 16px;
  line-height: 1.5;
  color: #626b78;
  margin: 0 0 16px;
}
html.cs-page-desh-apnayen .challenge-focus-pair {
  animation: none;
}
html.cs-page-desh-apnayen .challenge-focus-pair .response-heading {
  flex-direction: row;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}
html.cs-page-desh-apnayen .challenge-focus-pair .response-heading i {
  font-size: 22px;
}
html.cs-page-desh-apnayen .challenge-focus-pair .response-heading h4 {
  font-size: 21px;
  line-height: 1.35;
}
html.cs-page-desh-apnayen .challenge-focus-pair p {
  font-size: 16px;
  line-height: 1.7;
  color: #535d6c;
}
html.cs-page-desh-apnayen .case-study .challenge-focus-heading h3 {
  font-size: 28px;
}
html.cs-page-desh-apnayen .related-section {
  background: #101d30;
  color: #f7f9fc;
  padding: clamp(48px,6vw,72px) 0;
}
html.cs-page-desh-apnayen .related-heading {
  max-width: 720px;
  margin-bottom: 28px;
}
html.cs-page-desh-apnayen .related-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.25;
  margin: 0;
  color: #f7f9fc;
}
html.cs-page-desh-apnayen .related-heading h2 span {
  color: #ff8299;
}
html.cs-page-desh-apnayen .related-all-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  min-height: 44px;
  font-size: 16px;
  line-height: 1.4;
  color: #f7f9fc;
}
html.cs-page-desh-apnayen .related-all-link:hover { color: #ff8299; }
html.cs-page-desh-apnayen .related-all-link:focus-visible { outline: 3px solid #ff8299; outline-offset: 4px; }
html.cs-page-desh-apnayen .related-switcher {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0 0 24px;
}
html.cs-page-desh-apnayen .related-switcher button {
  font: inherit;
  font-size: 16px;
  line-height: 1.4;
  min-height: 44px;
  min-width: 44px;
  border: 1px solid #4b596e;
  border-radius: 8px;
  color: #f7f9fc;
  background: transparent;
  padding: 10px 16px;
}
html.cs-page-desh-apnayen .related-switcher button[aria-pressed="true"] {
  background: #f7f9fc;
  color: #101d30;
  border-color: #f7f9fc;
}
html.cs-page-desh-apnayen .related-card {
  border: 1px solid #39475b;
  border-radius: 18px;
  background: #16253a;
  padding: 32px;
  min-width: 0;
}
html.cs-page-desh-apnayen .related-card-tag {
  color: #ff8299;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 12px;
}
html.cs-page-desh-apnayen .case-study .related-card h3 {
  font-size: clamp(24px,2.7vw,32px);
  line-height: 1.3;
  color: #f7f9fc;
  margin: 0 0 28px;
  max-width: 780px;
}
html.cs-page-desh-apnayen .related-comparison {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 32px;
}
html.cs-page-desh-apnayen .related-card h4 {
  font-size: 17px;
  line-height: 1.4;
  font-weight: 600;
  color: #f7f9fc;
  margin: 0 0 10px;
}
html.cs-page-desh-apnayen .related-card p {
  font-size: 16px;
  line-height: 1.75;
  overflow-wrap: anywhere;
}
html.cs-page-desh-apnayen .related-comparison p {
  color: #bdcbe0;
  margin: 0;
}
html.cs-page-desh-apnayen .related-result {
  margin-top: 28px;
  padding: 24px 0 0;
  border-top: 1px solid #3d4b60;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: end;
  gap: 28px;
}
html.cs-page-desh-apnayen .related-result p {
  color: #bdcbe0;
  margin: 0;
  max-width: 780px;
}
html.cs-page-desh-apnayen .related-result a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #f7f9fc;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 2px solid #ff8299;
  padding: 10px 0;
}
@media (max-width:899px),(max-height:650px) {
  html.cs-page-desh-apnayen .challenge-story {
    display: none;
  }
  html.cs-page-desh-apnayen .challenge-mobile {
    display: block;
  }
  html.cs-page-desh-apnayen .challenge-mobile-heading {
    margin-bottom: 24px;
  }
  html.cs-page-desh-apnayen .case-study .challenge-mobile-heading h2 {
    font-size: 30px;
    line-height: 1.25;
    margin: 0;
    color: #101d30;
  }
  html.cs-page-desh-apnayen .challenge-mobile-heading h2 span {
    color: #c92145;
  }
  html.cs-page-desh-apnayen .challenge-disclosures {
    display: grid;
    gap: 10px;
  }
  html.cs-page-desh-apnayen .challenge-disclosure {
    border: 1px solid #dce2eb;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
  }
  html.cs-page-desh-apnayen .challenge-disclosure summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    list-style: none;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
    color: #101d30;
    cursor: pointer;
  }
  html.cs-page-desh-apnayen .challenge-disclosure summary::-webkit-details-marker {
    display: none;
  }
  html.cs-page-desh-apnayen .challenge-disclosure summary i {
    font-size: 16px;
    color: #c92145;
    flex-shrink: 0;
    transition: transform .18s;
  }
  html.cs-page-desh-apnayen .challenge-disclosure[open] summary {
    background: #101d30;
    color: #fff;
  }
  html.cs-page-desh-apnayen .challenge-disclosure[open] summary i {
    transform: rotate(180deg);
    color: #ff8299;
  }
  html.cs-page-desh-apnayen .challenge-disclosure-body {
    padding: 20px;
  }
  html.cs-page-desh-apnayen .challenge-disclosure-body>div+div {
    border-top: 1px solid #e2e6ed;
    padding-top: 18px;
    margin-top: 18px;
  }
  html.cs-page-desh-apnayen .challenge-disclosure h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 8px;
    color: #101d30;
  }
  html.cs-page-desh-apnayen .challenge-disclosure .mobile-response h3 {
    color: #c92145;
  }
  html.cs-page-desh-apnayen .challenge-disclosure p {
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
    color: #535d6c;
  }
}
@media (max-width:767px) {
  html.cs-page-desh-apnayen .client-brief .brief-paragraphs p {
    text-align: left !important;
  }
  html.cs-page-desh-apnayen .client-brief .brief-facts {
    text-align: left !important;
    padding: 4px 18px;
  }
  html.cs-page-desh-apnayen .brief-fact {
    grid-template-columns: 32px minmax(0,1fr);
    gap: 12px;
    padding: 17px 0;
  }
  html.cs-page-desh-apnayen .brief-fact-icon {
    height: 32px;
    font-size: 16px;
  }
  html.cs-page-desh-apnayen .related-card {
    padding: 22px;
    border-radius: 14px;
  }
  html.cs-page-desh-apnayen .related-comparison {
    grid-template-columns: minmax(0,1fr);
    gap: 22px;
  }
  html.cs-page-desh-apnayen .related-result {
    grid-template-columns: minmax(0,1fr);
    gap: 18px;
    margin-top: 22px;
    padding-top: 22px;
  }
  html.cs-page-desh-apnayen .case-study .related-card h3 {
    font-size: 25px;
    margin-bottom: 24px;
  }
  html.cs-page-desh-apnayen .related-result a {
    justify-self: start;
  }
  html.cs-page-desh-apnayen .related-switcher {
    gap: 8px;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-desh-apnayen .challenge-disclosure summary i {
    transition: none;
  }
}
html.cs-page-desh-apnayen .birdi-summary {
  background: radial-gradient(ellipse at 3% 100%,rgba(238,72,101,.25) 0%,rgba(238,72,101,.08) 34%,transparent 64%),radial-gradient(ellipse at 100% 0%,rgba(255,130,153,.17) 0%,transparent 58%),linear-gradient(115deg,#101d30 0%,#14243b 52%,#101d30 100%);
  color: #f6f8fc;
  padding: 40px 0;
}
html.cs-page-desh-apnayen .birdi-summary-inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 48px;
  align-items: stretch;
}
html.cs-page-desh-apnayen .birdi-summary-identity {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
html.cs-page-desh-apnayen .birdi-summary-client {
  display: flex;
  gap: 18px;
  align-items: center;
  width: 100%;
}
html.cs-page-desh-apnayen .birdi-summary .birdi-client-name {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.035em;
  margin: 0;
  color: #f6f8fc;
}
html.cs-page-desh-apnayen .birdi-summary-sector {
  font-size: 16px;
  color: #bdc8d9;
  border-left: 1px solid #445063;
  padding-left: 18px;
}
html.cs-page-desh-apnayen .birdi-summary .birdi-solution {
  font-size: 23px;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: -.025em;
  max-width: 420px;
  margin: 20px 0 22px;
  color: #f6f8fc;
}
html.cs-page-desh-apnayen .birdi-summary-status {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 16px;
  line-height: 1.4;
  color: #f6f8fc;
  margin-top: auto;
}
html.cs-page-desh-apnayen .birdi-summary-status i {
  color: #ff8299;
  font-size: 16px;
}
html.cs-page-desh-apnayen .birdi-summary-facts {
  display: grid;
  grid-template-columns: 1fr 1.12fr;
  column-gap: 32px;
  row-gap: 24px;
  margin: 0;
  padding: 3px 0 3px 40px;
  border-left: 1px solid #394558;
  align-content: space-between;
}
html.cs-page-desh-apnayen .birdi-summary-facts>div {
  min-width: 0;
}
html.cs-page-desh-apnayen .birdi-summary-facts dt {
  font-size: 16px;
  line-height: 1.4;
  color: #bdc8d9;
  margin: 0 0 8px;
  font-weight: 400;
}
html.cs-page-desh-apnayen .birdi-summary-facts dd {
  font-size: 18px;
  line-height: 1.5;
  color: #f6f8fc;
  font-weight: 500;
  margin: 0;
}
@media (max-width:1000px) {
  html.cs-page-desh-apnayen .birdi-summary-inner {
    gap: 28px;
    grid-template-columns: 1fr 1.25fr;
  }
  html.cs-page-desh-apnayen .birdi-summary-facts {
    padding-left: 28px;
    column-gap: 24px;
  }
  html.cs-page-desh-apnayen .birdi-summary .birdi-solution {
    font-size: 21px;
  }
}
@media (max-width:767px) {
  html.cs-page-desh-apnayen .birdi-summary {
    padding: 30px 0;
  }
  html.cs-page-desh-apnayen .birdi-summary-inner {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  html.cs-page-desh-apnayen .birdi-summary .birdi-solution {
    font-size: 22px;
    max-width: 520px;
    margin: 16px 0 18px;
  }
  html.cs-page-desh-apnayen .birdi-summary-facts {
    border-left: 0;
    border-top: 1px solid #394558;
    padding: 24px 0 0;
    gap: 22px 24px;
    grid-template-columns: 1fr 1fr;
  }
  html.cs-page-desh-apnayen .birdi-summary-facts dd {
    font-size: 16px;
  }
  html.cs-page-desh-apnayen .birdi-summary .birdi-client-name {
    font-size: 30px;
  }
}
@media (max-width:359px) {
  html.cs-page-desh-apnayen .birdi-summary-facts {
    grid-template-columns: 1fr;
  }
}
html.cs-page-desh-apnayen .hero-section
{
  padding-top:140px !important;
}
/* Fixed presentation exported from the approved page. */
html.cs-page-desh-apnayen .case-study .birdi-presentation-1, html.cs-page-desh-apnayen .case-study.birdi-presentation-1 { font-family: Lexend, sans-serif; background: rgb(255, 255, 255); color: rgb(16, 29, 48); }
html.cs-page-desh-apnayen .case-study .birdi-presentation-2, html.cs-page-desh-apnayen .case-study.birdi-presentation-2 { background: rgb(255, 255, 255); padding: clamp(56px, 7vw, 84px) 0px; position: relative; overflow: hidden; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-3, html.cs-page-desh-apnayen .case-study.birdi-presentation-3 {  margin: 0px auto; padding: 0px 24px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-4, html.cs-page-desh-apnayen .case-study.birdi-presentation-4 { align-items: center; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-5, html.cs-page-desh-apnayen .case-study.birdi-presentation-5 { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-6, html.cs-page-desh-apnayen .case-study.birdi-presentation-6 { height: 2px; width: 38px; background: linear-gradient(90deg, rgb(238, 72, 101), rgb(213, 31, 63)); }
html.cs-page-desh-apnayen .case-study .birdi-presentation-7, html.cs-page-desh-apnayen .case-study.birdi-presentation-7 { font-size: 16px; font-weight: 700; letter-spacing: 0.16em; color: rgb(238, 72, 101); }
html.cs-page-desh-apnayen .case-study .birdi-presentation-8, html.cs-page-desh-apnayen .case-study.birdi-presentation-8 { font-size: clamp(2.05rem, 4vw, 4rem); line-height: 1.06; font-weight: 700; margin: 0px 0px 22px; letter-spacing: -0.01em; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-9, html.cs-page-desh-apnayen .case-study.birdi-presentation-9 { color: rgb(238, 72, 101); }
html.cs-page-desh-apnayen .case-study .birdi-presentation-10, html.cs-page-desh-apnayen .case-study.birdi-presentation-10 { font-size: 17px; line-height: 1.7; color: var(--body); margin: 0px 0px 30px; max-width: 470px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-11, html.cs-page-desh-apnayen .case-study.birdi-presentation-11 { display: flex; flex-wrap: wrap; gap: 14px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-12, html.cs-page-desh-apnayen .case-study.birdi-presentation-12 { display: inline-flex; align-items: center; gap: 10px; background: linear-gradient(135deg, rgb(238, 72, 101) 0%, rgb(213, 31, 63) 100%); color: rgb(255, 255, 255); font-weight: 600; font-size: 16px; padding: 15px 28px; border-radius: 10px; box-shadow: rgba(213, 31, 63, 0.26) 0px 12px 26px; transition: transform 0.25s, box-shadow 0.25s; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-13, html.cs-page-desh-apnayen .case-study.birdi-presentation-13 { font-size: 16px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-14, html.cs-page-desh-apnayen .case-study.birdi-presentation-14 { position: relative; display: flex; justify-content: center; padding: 24px 0px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-15, html.cs-page-desh-apnayen .case-study.birdi-presentation-15 { position: absolute; inset: auto 12% 6%; height: 78%; background: rgb(243, 243, 243); border-radius: 16px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-16, html.cs-page-desh-apnayen .case-study.birdi-presentation-16 { position: relative; width: 100%; max-width: 262px; border-radius: 12px; overflow: hidden; box-shadow: rgba(16, 29, 48, 0.24) 0px 34px 74px, rgba(16, 29, 48, 0.1) 0px 6px 16px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-17, html.cs-page-desh-apnayen .case-study.birdi-presentation-17 { display: block; width: 100%; height: auto; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-18, html.cs-page-desh-apnayen .case-study.birdi-presentation-18 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)); gap: 24px; margin-top: clamp(36px, 5vw, 56px); padding-top: 28px; border-top: 1px solid rgba(16, 29, 48, 0.1); }
html.cs-page-desh-apnayen .case-study .birdi-presentation-19, html.cs-page-desh-apnayen .case-study.birdi-presentation-19 { display: flex; align-items: flex-start; gap: 12px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-20, html.cs-page-desh-apnayen .case-study.birdi-presentation-20 { color: rgb(238, 72, 101); font-size: 16px; margin-top: 4px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-21, html.cs-page-desh-apnayen .case-study.birdi-presentation-21 { font-size: 16px; font-weight: 700; margin-bottom: 3px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-22, html.cs-page-desh-apnayen .case-study.birdi-presentation-22 { font-size: 16px; color: var(--body); line-height: 1.45; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-23, html.cs-page-desh-apnayen .case-study.birdi-presentation-23 { background: rgb(255, 255, 255); padding: clamp(56px, 7vw, 84px) 0px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-24, html.cs-page-desh-apnayen .case-study.birdi-presentation-24 { max-width: 720px; margin: 0px auto clamp(32px, 4vw, 48px); text-align: center; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-25, html.cs-page-desh-apnayen .case-study.birdi-presentation-25 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.16em; color: rgb(238, 72, 101); font-weight: 700; margin-bottom: 16px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-26, html.cs-page-desh-apnayen .case-study.birdi-presentation-26 { font-size: clamp(1.55rem, 2.4vw, 2.1rem); font-weight: 700; line-height: 1.25; margin: 0px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-27, html.cs-page-desh-apnayen .case-study.birdi-presentation-27 { background: rgb(243, 243, 243); padding: clamp(56px, 7vw, 84px) 0px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-28, html.cs-page-desh-apnayen .case-study.birdi-presentation-28 { max-width: 740px; margin: 0px auto clamp(32px, 4vw, 48px); text-align: center; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-29, html.cs-page-desh-apnayen .case-study.birdi-presentation-29 { font-size: clamp(1.55rem, 2.4vw, 2.1rem); font-weight: 700; line-height: 1.25; margin: 0px 0px 18px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-30, html.cs-page-desh-apnayen .case-study.birdi-presentation-30 { font-size: 16px; line-height: 1.75; color: var(--body); margin: 0px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-31, html.cs-page-desh-apnayen .case-study.birdi-presentation-31 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(32px, 5vw, 64px); align-items: center; margin-bottom: clamp(36px, 5vw, 56px); }
html.cs-page-desh-apnayen .case-study .birdi-presentation-32, html.cs-page-desh-apnayen .case-study.birdi-presentation-32 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.16em; color: rgb(238, 72, 101); font-weight: 700; margin-bottom: 18px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-33, html.cs-page-desh-apnayen .case-study.birdi-presentation-33 { font-size: clamp(1.55rem, 2.4vw, 2.1rem); font-weight: 700; line-height: 1.25; margin: 0px 0px 20px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-34, html.cs-page-desh-apnayen .case-study.birdi-presentation-34 { font-size: 16px; line-height: 1.75; color: var(--body); margin: 0px 0px 14px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-35, html.cs-page-desh-apnayen .case-study.birdi-presentation-35 { display: flex; justify-content: center; gap: 16px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-36, html.cs-page-desh-apnayen .case-study.birdi-presentation-36 { width: 46%; max-width: 190px; border-radius: 12px; overflow: hidden; box-shadow: rgba(16, 29, 48, 0.18) 0px 24px 54px; align-self: flex-start; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-37, html.cs-page-desh-apnayen .case-study.birdi-presentation-37 { width: 46%; max-width: 190px; border-radius: 12px; overflow: hidden; box-shadow: rgba(16, 29, 48, 0.18) 0px 24px 54px; align-self: flex-end; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-38, html.cs-page-desh-apnayen .case-study.birdi-presentation-38 { width: 10%; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-39, html.cs-page-desh-apnayen .case-study.birdi-presentation-39 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(28px, 4vw, 52px); align-items: center; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-40, html.cs-page-desh-apnayen .case-study.birdi-presentation-40 { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-41, html.cs-page-desh-apnayen .case-study.birdi-presentation-41 { width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(135deg, rgb(238, 72, 101), rgb(213, 31, 63)); display: inline-flex; align-items: center; justify-content: center; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-42, html.cs-page-desh-apnayen .case-study.birdi-presentation-42 { color: rgb(255, 255, 255); font-size: 16px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-43, html.cs-page-desh-apnayen .case-study.birdi-presentation-43 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.14em; font-weight: 700; color: rgb(16, 29, 48); }
html.cs-page-desh-apnayen .case-study .birdi-presentation-44, html.cs-page-desh-apnayen .case-study.birdi-presentation-44 { font-size: 16px; line-height: 1.75; color: var(--body); margin: 0px 0px 26px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-45, html.cs-page-desh-apnayen .case-study.birdi-presentation-45 { display: flex; flex-direction: column; gap: 0px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-46, html.cs-page-desh-apnayen .case-study.birdi-presentation-46 { display: flex; gap: 16px; align-items: center; padding: 15px 0px; border-top: 1px solid rgba(16, 29, 48, 0.12); }
html.cs-page-desh-apnayen .case-study .birdi-presentation-47, html.cs-page-desh-apnayen .case-study.birdi-presentation-47 { font-size: 16px; font-weight: 700; color: rgb(238, 72, 101); min-width: 22px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-48, html.cs-page-desh-apnayen .case-study.birdi-presentation-48 { font-size: 16px; line-height: 1.55; color: rgb(16, 29, 48); }
html.cs-page-desh-apnayen .case-study .birdi-presentation-49, html.cs-page-desh-apnayen .case-study.birdi-presentation-49 { display: flex; justify-content: center; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-50, html.cs-page-desh-apnayen .case-study.birdi-presentation-50 { width: 100%; max-width: 250px; border-radius: 12px; overflow: hidden; box-shadow: rgba(16, 29, 48, 0.22) 0px 28px 60px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-51, html.cs-page-desh-apnayen .case-study.birdi-presentation-51 { position: relative; overflow: hidden; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.57), rgb(239, 239, 255)), url("../img/cs-chal-sol-bg.webp"); background-position: center center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; padding: clamp(56px, 7vw, 84px) 0px; color: rgb(16, 29, 48); }
html.cs-page-desh-apnayen .case-study .birdi-presentation-52, html.cs-page-desh-apnayen .case-study.birdi-presentation-52 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(32px, 5vw, 64px); align-items: center; margin-bottom: clamp(40px, 5vw, 60px); }
html.cs-page-desh-apnayen .case-study .birdi-presentation-53, html.cs-page-desh-apnayen .case-study.birdi-presentation-53 { position: relative; display: flex; justify-content: center; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-54, html.cs-page-desh-apnayen .case-study.birdi-presentation-54 { width: 100%; max-width: 236px; border-radius: 12px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.42) 0px 30px 66px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-55, html.cs-page-desh-apnayen .case-study.birdi-presentation-55 { position: absolute; top: 12%; right: 0px; background: rgb(255, 255, 255); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.3) 0px 16px 34px; padding: 10px 15px; display: flex; align-items: center; gap: 9px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-56, html.cs-page-desh-apnayen .case-study.birdi-presentation-56 { width: 24px; height: 24px; border-radius: 50%; background: rgb(31, 158, 92); display: inline-flex; align-items: center; justify-content: center; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-57, html.cs-page-desh-apnayen .case-study.birdi-presentation-57 { font-size: 16px; font-weight: 700; color: rgb(16, 29, 48); }
html.cs-page-desh-apnayen .case-study .birdi-presentation-58, html.cs-page-desh-apnayen .case-study.birdi-presentation-58 { display: flex; align-items: center; gap: 16px; margin-bottom: 8px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-59, html.cs-page-desh-apnayen .case-study.birdi-presentation-59 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.14em; font-weight: 700; color: rgb(16, 29, 48); white-space: normal; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-60, html.cs-page-desh-apnayen .case-study.birdi-presentation-60 { height: 1px; flex: 1 1 0%; background: rgba(16, 29, 48, 0.15); }
html.cs-page-desh-apnayen .case-study .birdi-presentation-61, html.cs-page-desh-apnayen .case-study.birdi-presentation-61 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 0px 56px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-62, html.cs-page-desh-apnayen .case-study.birdi-presentation-62 { display: flex; gap: 16px; align-items: center; padding: 20px 0px; border-bottom: 1px solid rgba(16, 29, 48, 0.12); }
html.cs-page-desh-apnayen .case-study .birdi-presentation-63, html.cs-page-desh-apnayen .case-study.birdi-presentation-63 { color: rgb(238, 72, 101); font-size: 22px; width: 24px; flex-shrink: 0; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-64, html.cs-page-desh-apnayen .case-study.birdi-presentation-64 { font-size: 16px; line-height: 1.7; color: rgb(83, 93, 108); font-weight: 300; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-65, html.cs-page-desh-apnayen .case-study.birdi-presentation-65 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 32px; align-items: end; margin-bottom: clamp(32px, 4vw, 44px); }
html.cs-page-desh-apnayen .case-study .birdi-presentation-66, html.cs-page-desh-apnayen .case-study.birdi-presentation-66 { max-width: 640px; margin-bottom: clamp(32px, 4vw, 44px); }
html.cs-page-desh-apnayen .case-study .birdi-presentation-67, html.cs-page-desh-apnayen .case-study.birdi-presentation-67 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 20px 40px; align-items: center; padding: 26px 0px; border-top: 1px solid rgba(16, 29, 48, 0.12); }
html.cs-page-desh-apnayen .case-study .birdi-presentation-68, html.cs-page-desh-apnayen .case-study.birdi-presentation-68 { display: flex; align-items: baseline; gap: 14px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-69, html.cs-page-desh-apnayen .case-study.birdi-presentation-69 { font-size: 16px; font-weight: 700; color: rgb(238, 72, 101); }
html.cs-page-desh-apnayen .case-study .birdi-presentation-70, html.cs-page-desh-apnayen .case-study.birdi-presentation-70 { font-size: 16.5px; font-weight: 700; line-height: 1.3; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-71, html.cs-page-desh-apnayen .case-study.birdi-presentation-71 { display: flex; flex-wrap: wrap; gap: 10px; min-width: 0px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-72, html.cs-page-desh-apnayen .case-study.birdi-presentation-72 { display: flex; align-items: center; gap: 9px; background: rgb(243, 243, 243); border-radius: 8px; padding: 10px 16px; transition: background 0.3s, color 0.3s; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-73, html.cs-page-desh-apnayen .case-study.birdi-presentation-73 { color: rgb(238, 72, 101); font-size: 16px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-74, html.cs-page-desh-apnayen .case-study.birdi-presentation-74 { font-size: 16px; font-weight: 600; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-75, html.cs-page-desh-apnayen .case-study.birdi-presentation-75 { font-size: 16px; opacity: 1; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-76, html.cs-page-desh-apnayen .case-study.birdi-presentation-76 { max-width: 1180px; margin: 0px auto; padding: 0px 24px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(32px, 5vw, 64px); align-items: center; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-77, html.cs-page-desh-apnayen .case-study.birdi-presentation-77 { font-size: 16px; line-height: 1.75; color: var(--body); margin: 0px 0px 28px; max-width: 480px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-78, html.cs-page-desh-apnayen .case-study.birdi-presentation-78 { display: inline-flex; align-items: center; gap: 10px; background: linear-gradient(135deg, rgb(238, 72, 101), rgb(213, 31, 63)); color: rgb(255, 255, 255); font-weight: 600; font-size: 16px; padding: 16px 32px; border-radius: 10px; box-shadow: rgba(213, 31, 63, 0.26) 0px 14px 30px; transition: transform 0.25s, box-shadow 0.25s; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-79, html.cs-page-desh-apnayen .case-study.birdi-presentation-79 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.14em; color: rgb(16, 29, 48); font-weight: 700; margin-bottom: 6px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-80, html.cs-page-desh-apnayen .case-study.birdi-presentation-80 { display: flex; align-items: center; gap: 14px; padding: 16px 0px; border-bottom: 1px solid rgba(16, 29, 48, 0.12); }
html.cs-page-desh-apnayen .case-study .birdi-presentation-81, html.cs-page-desh-apnayen .case-study.birdi-presentation-81 { color: rgb(238, 72, 101); font-size: 16px; width: 20px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-82, html.cs-page-desh-apnayen .case-study.birdi-presentation-82 { font-size: 16px; font-weight: 500; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-83, html.cs-page-desh-apnayen .case-study.birdi-presentation-83 { position: sticky; top: 70px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-84, html.cs-page-desh-apnayen .case-study.birdi-presentation-84 { font-size: clamp(1.55rem, 2.4vw, 2.1rem); font-weight: 700; line-height: 1.25; margin: 0px 0px 16px; }
html.cs-page-desh-apnayen .case-study .birdi-presentation-85, html.cs-page-desh-apnayen .case-study.birdi-presentation-85 { font-size: 16px; line-height: 1.7; color: var(--body); margin: 0px; max-width: 330px; }

/* Shared additions for case studies extending the Birdi template */
html.cs-page-desh-apnayen .context-layout { display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(36px,6vw,72px); align-items: start; }
html.cs-page-desh-apnayen .context-facts { list-style: none; margin: 0; padding: 22px; background: #f6f7fa; border: 1px solid #e3e7ed; border-radius: 16px; display: grid; gap: 14px; }
html.cs-page-desh-apnayen .context-facts li { display: flex; gap: 10px; align-items: flex-start; font-size: 16px; line-height: 1.6; color: #6f6f6f; }
html.cs-page-desh-apnayen .context-facts li:before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #ee4865; margin-top: 8px; flex-shrink: 0; }
html.cs-page-desh-apnayen .note-box { background: #f6f7fa; border: 1px solid #e3e7ed; border-left: 3px solid #ee4865; border-radius: 12px; padding: 24px 26px; margin-top: 28px; }
html.cs-page-desh-apnayen .note-box h3 { font-size: 17px; margin: 0 0 10px; }
html.cs-page-desh-apnayen .note-box p,html.cs-page-desh-apnayen .note-box li { font-size: 16px; line-height: 1.7; color: #6f6f6f; margin: 0 0 8px; }
html.cs-page-desh-apnayen .note-box ul { margin: 0; padding-left: 18px; }
html.cs-page-desh-apnayen .spotlight-layout { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(36px,6vw,72px); align-items: center; }
html.cs-page-desh-apnayen .spotlight-layout.image-left>.spotlight-image { order: -1; }
html.cs-page-desh-apnayen .spotlight-image { position: relative; }
html.cs-page-desh-apnayen .spotlight-image img { display: block; width: 100%; border-radius: 14px; box-shadow: 0 20px 44px rgba(16,29,48,.16),0 5px 12px rgba(16,29,48,.08); }
html.cs-page-desh-apnayen .master-data-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
html.cs-page-desh-apnayen .master-data-item { background: #fff; border: 1px solid #e3e7ed; border-radius: 12px; padding: 18px 20px; display: flex; align-items: center; gap: 14px; font-weight: 600; color: #101d30; font-size: 16px; line-height: 1.4; transition: border-color .25s,box-shadow .25s,transform .25s; }
html.cs-page-desh-apnayen .master-data-item:hover { border-color: #ee4865; box-shadow: 0 14px 30px rgba(16,29,48,.08); transform: translateY(-2px); }
html.cs-page-desh-apnayen .master-data-item i { color: #ee4865; font-size: 18px; width: 22px; text-align: center; flex-shrink: 0; }
html.cs-page-desh-apnayen .hero-art-wide .birdi-presentation-15 { display: none; }
html.cs-page-desh-apnayen .hero-art-wide .birdi-presentation-16 { max-width: 100%; border-radius: 14px; box-shadow: 0 34px 64px rgba(16,29,48,.24),0 10px 26px rgba(16,29,48,.12); border: 1px solid rgba(16,29,48,.06); }
html.cs-page-desh-apnayen .browser-chrome { height: 30px; background: #e7eaf0; display: flex; align-items: center; gap: 7px; padding: 0 14px; }
html.cs-page-desh-apnayen .browser-chrome span { width: 9px; height: 9px; border-radius: 50%; background: #c7ccd6; }
html.cs-page-desh-apnayen .browser-chrome span:first-child { background: #ee4865; }
html.cs-page-desh-apnayen .birdi-presentation-67.stack-single { grid-template-columns: 200px minmax(0,1fr) !important; }
html.cs-page-desh-apnayen .stack-single .birdi-presentation-71 { display: grid; grid-template-columns: repeat(auto-fill,minmax(240px,1fr)); gap: 12px; }
html.cs-page-desh-apnayen .stack-single .birdi-presentation-72 { flex-direction: column; align-items: flex-start; gap: 6px; padding: 14px 18px; height: 100%; }
html.cs-page-desh-apnayen .stack-single .birdi-presentation-72 .birdi-presentation-73 { font-size: 20px; }
html.cs-page-desh-apnayen .status-tag { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; padding: 5px 12px; border-radius: 999px; }
html.cs-page-desh-apnayen .status-tag.is-delivered { background: #fce7ed; color: #c92145; }
html.cs-page-desh-apnayen .status-tag.is-architecture { background: #eef1f6; color: #47546b; }
html.cs-page-desh-apnayen .status-tag.is-planned { background: #fff4e5; color: #a15c00; }
html.cs-page-desh-apnayen .status-tag.is-verified { background: #e8f6ee; color: #178347; }
html.cs-page-desh-apnayen .illustrative-badge { position: absolute; top: 12px; right: 12px; background: rgba(16,29,48,.85); color: #fff; font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; padding: 5px 12px; border-radius: 999px; }
html.cs-page-desh-apnayen .boundary-pair { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; margin-top: 20px; }
html.cs-page-desh-apnayen .boundary-box { border-radius: 12px; padding: 22px 24px; border: 1px solid #e3e7ed; }
html.cs-page-desh-apnayen .boundary-box.is-delivered { background: #fff7f8; border-color: #fce0e6; }
html.cs-page-desh-apnayen .boundary-box.is-architecture { background: #f6f7fa; border-color: #e3e7ed; }
html.cs-page-desh-apnayen .boundary-box ul { margin: 14px 0 0; padding-left: 18px; }
html.cs-page-desh-apnayen .boundary-box li { font-size: 16px; line-height: 1.65; color: #6f6f6f; margin-bottom: 6px; }
html.cs-page-desh-apnayen .evidence-rows { display: grid; gap: 12px; margin-top: 12px; }
html.cs-page-desh-apnayen .evidence-row { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 22px; background: #fff; border: 1px solid #e3e7ed; border-radius: 12px; flex-wrap: wrap; }
html.cs-page-desh-apnayen .evidence-row strong { font-size: 16px; color: #101d30; }
html.cs-page-desh-apnayen .scope-compare { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
html.cs-page-desh-apnayen .scope-compare-card { border-radius: 16px; padding: 26px 28px; border: 1px solid #e3e7ed; }
html.cs-page-desh-apnayen .scope-compare-card.is-delivered { background: #fff; }
html.cs-page-desh-apnayen .scope-compare-card.is-not-claimed { background: #f6f7fa; }
html.cs-page-desh-apnayen .scope-compare-card h3 { font-size: 18px; margin: 0 0 16px; }
html.cs-page-desh-apnayen .scope-compare-card ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
html.cs-page-desh-apnayen .scope-compare-card li { display: flex; gap: 10px; align-items: flex-start; font-size: 16px; line-height: 1.6; color: #6f6f6f; }
html.cs-page-desh-apnayen .scope-compare-card li i { margin-top: 3px; flex-shrink: 0; }
html.cs-page-desh-apnayen .scope-compare-card.is-delivered li i { color: #178347; }
html.cs-page-desh-apnayen .scope-compare-card.is-not-claimed li i { color: #9aa3b2; }
html.cs-page-desh-apnayen .attendance-steps { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 14px; margin-top: 24px; }
html.cs-page-desh-apnayen .attendance-step { background: #fff; border: 1px solid #e3e7ed; border-radius: 12px; padding: 18px 16px; text-align: center; }
html.cs-page-desh-apnayen .attendance-step span { display: block; font-size: 13px; font-weight: 700; color: #ee4865; margin-bottom: 8px; }
html.cs-page-desh-apnayen .attendance-step p { font-size: 14px; line-height: 1.5; margin: 0; color: #6f6f6f; }
@media (max-width:900px) {
  html.cs-page-desh-apnayen .context-layout,html.cs-page-desh-apnayen .spotlight-layout,html.cs-page-desh-apnayen .boundary-pair,html.cs-page-desh-apnayen .scope-compare { grid-template-columns: 1fr; }
  html.cs-page-desh-apnayen .spotlight-layout.image-left>.spotlight-image { order: 0; }
  html.cs-page-desh-apnayen .attendance-steps { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width:700px) {
  html.cs-page-desh-apnayen .birdi-presentation-67.stack-single { grid-template-columns: 1fr !important; }
  html.cs-page-desh-apnayen .attendance-steps { grid-template-columns: 1fr; }
}
html.cs-page-desh-apnayen .case-study h2 { font-size: clamp(22px,2.1vw,30px) !important; line-height: 1.3 !important; }
html.cs-page-desh-apnayen .case-study .hero-section h1 { font-size: clamp(32px,4.2vw,46px); }
html.cs-page-desh-apnayen .scope-compare-card { position: relative; padding-top: 30px; box-shadow: 0 16px 40px rgba(16,29,48,.06); }
html.cs-page-desh-apnayen .scope-compare-card:before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 5px; border-radius: 16px 16px 0 0; }
html.cs-page-desh-apnayen .scope-compare-card.is-delivered:before { background: linear-gradient(90deg,#ee4865,#ff8299); }
html.cs-page-desh-apnayen .scope-compare-card.is-not-claimed:before { background: #c7ccd6; }
html.cs-page-desh-apnayen .scope-compare-card h3 { display: flex; align-items: center; gap: 10px; }
html.cs-page-desh-apnayen .scope-compare-card h3:before { font-family: "FontAwesome"; font-size: 15px; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
html.cs-page-desh-apnayen .scope-compare-card.is-delivered h3:before { content: "\f00c"; background: #fce7ed; color: #c92145; }
html.cs-page-desh-apnayen .scope-compare-card.is-not-claimed h3:before { content: "\f00d"; background: #eceef2; color: #7c8494; }
html.cs-page-desh-apnayen .scope-compare-card li i { width: 18px; height: 18px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 10px; flex-shrink: 0; margin-top: 2px; }
html.cs-page-desh-apnayen .scope-compare-card.is-delivered li i { background: #e8f6ee; color: #178347; }
html.cs-page-desh-apnayen .scope-compare-card.is-not-claimed li i { background: #eceef2; color: #7c8494; }
html.cs-page-desh-apnayen .scope-manifest { max-width: 1000px; margin: 0 auto; background: #fff; border-radius: 22px; box-shadow: 0 30px 70px rgba(16,29,48,.14); overflow: hidden; }
html.cs-page-desh-apnayen .scope-manifest-header { background: linear-gradient(135deg,#0e1d31,#15233b); color: #fff; padding: 32px 40px; text-align: center; }
html.cs-page-desh-apnayen .scope-manifest-header .eyebrow { color: #ff8299; margin-bottom: 10px; }
html.cs-page-desh-apnayen .scope-manifest-header h2 { color: #fff !important; margin: 0; }
html.cs-page-desh-apnayen .scope-manifest-body { display: grid; grid-template-columns: 1.5fr auto 1fr; align-items: stretch; }
html.cs-page-desh-apnayen .scope-manifest-main { padding: 36px 40px; }
html.cs-page-desh-apnayen .scope-manifest-main h3 { display: flex; align-items: center; gap: 10px; font-size: 19px; margin: 0 0 18px; }
html.cs-page-desh-apnayen .scope-manifest-main h3 i { color: #178347; background: #e8f6ee; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; flex-shrink: 0; }
html.cs-page-desh-apnayen .scope-manifest-main ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
html.cs-page-desh-apnayen .scope-manifest-main li { display: flex; gap: 10px; font-size: 15.5px; line-height: 1.5; color: #333; }
html.cs-page-desh-apnayen .scope-manifest-main li i { color: #178347; margin-top: 3px; flex-shrink: 0; }
html.cs-page-desh-apnayen .scope-manifest-divider { position: relative; width: 0; border-left: 2px dashed #dfe3ea; margin: 0 2px; }
html.cs-page-desh-apnayen .scope-manifest-divider .notch { position: absolute; width: 26px; height: 26px; border-radius: 50%; background: #f0f0ff; left: -13px; }
html.cs-page-desh-apnayen .scope-manifest-divider .notch.top { top: -13px; }
html.cs-page-desh-apnayen .scope-manifest-divider .notch.bottom { bottom: -13px; }
html.cs-page-desh-apnayen .scope-manifest-stub { background: #fafbfc; padding: 36px 30px; }
html.cs-page-desh-apnayen .scope-manifest-stub h3 { display: flex; align-items: center; gap: 10px; font-size: 15px; color: #7c8494; margin: 0 0 18px; text-transform: uppercase; letter-spacing: .04em; }
html.cs-page-desh-apnayen .scope-manifest-stub h3 i { background: #eceef2; color: #9aa3b2; width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 12px; flex-shrink: 0; }
html.cs-page-desh-apnayen .scope-manifest-stub ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 11px; }
html.cs-page-desh-apnayen .scope-manifest-stub li { font-size: 14px; line-height: 1.5; color: #a3abb8; text-decoration: line-through; text-decoration-color: #d7dce4; }
@media (max-width:800px) {
  html.cs-page-desh-apnayen .scope-manifest-body { grid-template-columns: 1fr; }
  html.cs-page-desh-apnayen .scope-manifest-divider { width: auto; height: 0; border-left: 0; border-top: 2px dashed #dfe3ea; margin: 0 30px; }
  html.cs-page-desh-apnayen .scope-manifest-divider .notch { top: -13px; }
  html.cs-page-desh-apnayen .scope-manifest-divider .notch.top { left: -13px; }
  html.cs-page-desh-apnayen .scope-manifest-divider .notch.bottom { left: auto; right: -13px; }
}
html.cs-page-desh-apnayen .attendance-flow { position: relative; display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 0; margin-top: 28px; }
html.cs-page-desh-apnayen .attendance-flow:before { content: ""; position: absolute; top: 22px; left: 40px; right: 40px; height: 2px; background: #e3e7ed; z-index: 0; }
html.cs-page-desh-apnayen .attendance-node { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 8px; }
html.cs-page-desh-apnayen .attendance-node .num { width: 44px; height: 44px; border-radius: 50%; background: #fff; border: 2px solid #ee4865; color: #c92145; font-weight: 700; font-size: 15px; display: flex; align-items: center; justify-content: center; margin-bottom: 14px; }
html.cs-page-desh-apnayen .attendance-node p { font-size: 14px; line-height: 1.4; margin: 0; color: #6f6f6f; font-weight: 500; }
@media (max-width:700px) {
  html.cs-page-desh-apnayen .attendance-flow { grid-template-columns: 1fr; gap: 18px; }
  html.cs-page-desh-apnayen .attendance-flow:before { display: none; }
  html.cs-page-desh-apnayen .attendance-node { flex-direction: row; text-align: left; gap: 14px; }
  html.cs-page-desh-apnayen .attendance-node .num { margin-bottom: 0; flex-shrink: 0; }
}
html.cs-page-desh-apnayen .offline-stage-list { background: #f6f7fa; border: 1px solid #e3e7ed; border-radius: 16px; padding: 6px 22px; margin-top: 24px; }
html.cs-page-desh-apnayen .offline-stage-list .brief-fact { padding: 18px 0; }
html.cs-page-desh-apnayen .offline-stage-list .brief-fact + .brief-fact { border-top: 1px solid #dfe4ec; }
html.cs-page-desh-apnayen .offline-stage-list .brief-fact-icon { background: #fce7ed; color: #c92145; }
html.cs-page-desh-apnayen .spotlight-image-sticky { position: sticky; top: 110px; }
@media (max-width:900px) {
  html.cs-page-desh-apnayen .spotlight-image-sticky { position: static; }
}
html.cs-page-desh-apnayen .offline-hero-visual { max-width: 760px; margin: 40px auto 0; position: relative; }
html.cs-page-desh-apnayen .offline-hero-visual img { display: block; width: 100%; border-radius: 14px; box-shadow: 0 30px 60px rgba(16,29,48,.18),0 8px 20px rgba(16,29,48,.08); }
html.cs-page-desh-apnayen .offline-flow { display: grid; grid-template-columns: repeat(auto-fit,minmax(190px,1fr)); gap: 20px; margin-top: 44px; }
html.cs-page-desh-apnayen .offline-flow-card { background: #fff; border: 1px solid #e3e7ed; border-radius: 16px; padding: 26px 22px; position: relative; border-top: 3px solid #ee4865; }
html.cs-page-desh-apnayen .offline-flow-num { position: absolute; top: -14px; right: 18px; width: 30px; height: 30px; border-radius: 50%; background: #101d30; color: #fff; font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
html.cs-page-desh-apnayen .offline-flow-card i { font-size: 22px; color: #ee4865; margin-bottom: 14px; display: block; }
html.cs-page-desh-apnayen .offline-flow-card h3 { font-size: 16px; margin: 0 0 8px; }
html.cs-page-desh-apnayen .offline-flow-card p { font-size: 14.5px; line-height: 1.55; margin: 0; color: #6f6f6f; }
html.cs-page-desh-apnayen .not-claimed-chips { display: flex; flex-wrap: wrap; gap: 10px; }
html.cs-page-desh-apnayen .not-claimed-chip { display: inline-flex; align-items: center; gap: 7px; background: #eceef2; color: #7c8494; padding: 9px 15px; border-radius: 999px; font-size: 14px; font-weight: 500; }
html.cs-page-desh-apnayen .not-claimed-chip i { font-size: 11px; }
html.cs-page-desh-apnayen .planned-banner { position: relative; display: flex; align-items: center; gap: 28px; background: linear-gradient(135deg,#fff7ec,#fffdf9); border: 1px solid #ffe3b8; border-radius: 18px; padding: clamp(24px,4vw,38px); overflow: hidden; max-width: 900px; margin: 0 auto; }
html.cs-page-desh-apnayen .planned-icon { width: 78px; height: 78px; border-radius: 50%; background: #fff1da; color: #d98a00; font-size: 32px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
html.cs-page-desh-apnayen .planned-ribbon { position: absolute; top: 16px; right: -34px; background: #f5a623; color: #fff; font-size: 12px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; padding: 6px 42px; transform: rotate(35deg); box-shadow: 0 4px 10px rgba(213,138,0,.25); }
html.cs-page-desh-apnayen .planned-banner h3 { margin: 8px 0 8px; }
html.cs-page-desh-apnayen .planned-banner p { margin: 0; max-width: 520px; }
@media (max-width:700px) {
  html.cs-page-desh-apnayen .planned-banner { flex-direction: column; text-align: center; gap: 16px; }
  html.cs-page-desh-apnayen .planned-banner p { max-width: none; }
}

/* Original file: desh-apnayen/css/bootstrap4-integration.css */
/* Bootstrap 4 grid and tabs, adjusted to preserve the approved Birdi design. */
html.cs-page-desh-apnayen .case-study .hero-layout.row,
html.cs-page-desh-apnayen .case-study .brief-layout.row {
  --birdi-column-gap: clamp(32px, 5vw, 64px);
  display: flex !important;
  gap: 0 !important;
  margin-left: 0;
  margin-right: 0;
}
html.cs-page-desh-apnayen .case-study .brief-layout.row { --birdi-column-gap: clamp(32px, 5vw, 56px); }
html.cs-page-desh-apnayen .case-study .hero-layout.row > .col-md-6,
html.cs-page-desh-apnayen .case-study .brief-layout.row > .col-md-6 {
  padding-left: calc(var(--birdi-column-gap) * 0.5);
  padding-right: calc(var(--birdi-column-gap) * 0.5);
}
html.cs-page-desh-apnayen .case-study .hero-layout.row > .col-md-6:first-child,
html.cs-page-desh-apnayen .case-study .brief-layout.row > .col-md-6:first-child { padding-left: 0; }
html.cs-page-desh-apnayen .case-study .hero-layout.row > .col-md-6:last-child,
html.cs-page-desh-apnayen .case-study .brief-layout.row > .col-md-6:last-child { padding-right: 0; }
html.cs-page-desh-apnayen .case-study .birdi-contact-button {
  border: 0;
  line-height: normal;
  text-align: inherit;
  vertical-align: baseline;
}
html.cs-page-desh-apnayen .case-study .birdi-contact-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 34px rgba(213,31,63,.34);
  color: #fff;
}
html.cs-page-desh-apnayen .case-study .birdi-tech-pill:hover { background: #101d30; color: #fff; }
html.cs-page-desh-apnayen .case-study .feature-tabs.nav-tabs { border-bottom: 0; }
html.cs-page-desh-apnayen .case-study .feature-tabs.nav-tabs .nav-link {
  border: 0;
  margin-bottom: 0;
  padding: 20px 8px;
  color: #101d30;
  line-height: 1.4;
}
html.cs-page-desh-apnayen .case-study .feature-tabs.nav-tabs .nav-link.active { background: #fff; color: #101d30; }
html.cs-page-desh-apnayen .case-study .tab-content > .features-panel.active { display: grid; }
@media (max-width: 767px) {
  html.cs-page-desh-apnayen .case-study .hero-layout.row,
  html.cs-page-desh-apnayen .case-study .brief-layout.row { margin-left: 0; margin-right: 0; }
  html.cs-page-desh-apnayen .case-study .hero-layout.row > .col-md-6,
  html.cs-page-desh-apnayen .case-study .brief-layout.row > .col-md-6 { padding-left: 0; padding-right: 0; }
  html.cs-page-desh-apnayen .case-study .brief-layout.row > .col-md-6 + .col-md-6 { margin-top: 32px; }
}
@media (max-width: 460px) {
  html.cs-page-desh-apnayen .case-study .feature-tabs.nav-tabs .nav-link { padding: 16px 6px; }
}
@media (prefers-reduced-motion: reduce) {
  html.cs-page-desh-apnayen .case-study .birdi-contact-button:hover { transform: none; }
}

/* ================================================================
   Page namespace: energy-glazing-case-study-final (cs-page-energy-glazing)
   ================================================================ */

/* Original file: energy-glazing-case-study-final/css/energy.css */
html.cs-page-energy-glazing{--navy:#071a35;--ink:#152033;--muted:#606777;--accent:#ee4865;--soft:#f1f1f1;--line:#dfe3e9;--dark:#121d32;--purple:#35243a;--white:#fff}html.cs-page-energy-glazing *{box-sizing:border-box}html.cs-page-energy-glazing{font-size:16px;scroll-behavior:smooth}html.cs-page-energy-glazing body{margin:0;font-family:Lexend,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}html.cs-page-energy-glazing h1,html.cs-page-energy-glazing h2,html.cs-page-energy-glazing h3,html.cs-page-energy-glazing p,html.cs-page-energy-glazing figure,html.cs-page-energy-glazing dl,html.cs-page-energy-glazing dd{margin-top:0}html.cs-page-energy-glazing section img{display:block}html.cs-page-energy-glazing .container.shell{width:100%;margin:0 auto;padding-left:30px;padding-right:30px}html.cs-page-energy-glazing em{font-style:normal;color:var(--accent)}html.cs-page-energy-glazing .hero{padding:72px 0 50px;background:#fff;padding-top: 160px;}html.cs-page-energy-glazing .hero-grid{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:64px;align-items:center}html.cs-page-energy-glazing .status{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}html.cs-page-energy-glazing .status span{width:10px;height:10px;border:2px solid var(--accent);border-radius:50%}html.cs-page-energy-glazing .hero h1{margin-bottom:18px;color:var(--navy);font-size:clamp(2.45rem,4.1vw,4.15rem);line-height:1.03;letter-spacing:-.045em;font-weight:750}html.cs-page-energy-glazing .hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;font-size:.9rem}html.cs-page-energy-glazing .hero-meta span{color:var(--accent);font-weight:750;border-left:2px solid var(--accent);padding-left:12px}html.cs-page-energy-glazing .hero-meta strong{font-size:.82rem;color:var(--ink)}html.cs-page-energy-glazing .hero-copy>p{font-size:1rem;color:#555e6d;margin-bottom:12px}html.cs-page-energy-glazing .hero-copy .note{font-size:.84rem;line-height:1.55;color:#6e7481}html.cs-page-energy-glazing .button{display:inline-flex;align-items:center;gap:10px;margin-top:12px;padding:13px 20px;border-radius:7px;background:var(--accent);box-shadow:0 10px 22px rgba(238,72,101,.24);color:#fff;font-size:.82rem;font-weight:750;text-decoration:none}html.cs-page-energy-glazing .button:hover{color:#fff;transform:translateY(-1px)}html.cs-page-energy-glazing .shot{margin:0}html.cs-page-energy-glazing .shot img{width:100%;height:auto;border:1px solid #dce2e9;border-radius:10px;box-shadow:0 18px 45px rgba(10,31,59,.15)}html.cs-page-energy-glazing .shot figcaption{margin-top:10px;color:#777f8b;font-size:.72rem;line-height:1.5}html.cs-page-energy-glazing .hero-shot img{border-radius:12px}html.cs-page-energy-glazing .hero-points{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:42px;padding-top:25px;border-top:1px solid var(--line)}html.cs-page-energy-glazing .hero-points>div{display:flex;gap:10px}html.cs-page-energy-glazing .hero-points i{color:var(--accent);font-size:.9rem;margin-top:4px}html.cs-page-energy-glazing .hero-points p{margin:0}html.cs-page-energy-glazing .hero-points strong,html.cs-page-energy-glazing .hero-points span{display:block}html.cs-page-energy-glazing .hero-points strong{font-size:.79rem;line-height:1.4}html.cs-page-energy-glazing .hero-points span{font-size:.7rem;line-height:1.5;color:#737988}html.cs-page-energy-glazing .project-strip{padding:38px 0;background:linear-gradient(110deg,var(--dark),#20253c 60%,var(--purple));color:#fff}html.cs-page-energy-glazing .project-grid{display:grid;grid-template-columns:.92fr 1.45fr;gap:42px}html.cs-page-energy-glazing .project-title{padding-right:36px;border-right:1px solid rgba(255,255,255,.18)}html.cs-page-energy-glazing .project-title>div{display:flex;align-items:center;gap:12px;margin-bottom:18px}html.cs-page-energy-glazing .project-title>div strong{font-size:1.2rem}html.cs-page-energy-glazing .project-title>div span{font-size:.72rem;color:#c7cedb;border-left:1px solid rgba(255,255,255,.4);padding-left:12px}html.cs-page-energy-glazing .project-title h2{font-size:1rem;line-height:1.5;margin-bottom:24px}html.cs-page-energy-glazing .project-title p{margin:0;color:#fff;font-size:.75rem}html.cs-page-energy-glazing .project-title p i{color:#ff7890}html.cs-page-energy-glazing .facts{display:grid;grid-template-columns:repeat(2,1fr);gap:18px 28px;margin:0}html.cs-page-energy-glazing .facts div{min-width:0}html.cs-page-energy-glazing .facts dt{color:#aeb9ce;font-size:.68rem;font-weight:500}html.cs-page-energy-glazing .facts dd{color:#fff;font-size:.76rem;line-height:1.5;font-weight:650}html.cs-page-energy-glazing .section{padding:86px 0;background:#fff}html.cs-page-energy-glazing .section.soft{background:var(--soft)}html.cs-page-energy-glazing .section.dark{background:linear-gradient(135deg,#0d1a2d,#19243a);color:#fff}html.cs-page-energy-glazing .section header{max-width:770px;margin-bottom:38px}html.cs-page-energy-glazing .section header>span,html.cs-page-energy-glazing .cta span,html.cs-page-energy-glazing .human span{display:block;margin-bottom:12px;color:var(--accent);font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}html.cs-page-energy-glazing .section h2,html.cs-page-energy-glazing .cta h2{font-size:clamp(2rem,3.4vw,3.35rem);line-height:1.12;letter-spacing:-.035em;color:var(--navy)}html.cs-page-energy-glazing .section.dark h2,html.cs-page-energy-glazing .cta h2{color:#fff}html.cs-page-energy-glazing .section header p{color:var(--muted);font-size:1rem}html.cs-page-energy-glazing .section.dark header p{color:#c8d0dd}html.cs-page-energy-glazing .narrow{max-width:850px!important}html.cs-page-energy-glazing .prose p{color:#5f6775}html.cs-page-energy-glazing .dark .prose p{color:#ced5e0}html.cs-page-energy-glazing .two-col{display:grid;grid-template-columns:1fr 1fr;gap:46px}html.cs-page-energy-glazing .wide{margin-top:42px}html.cs-page-energy-glazing .need-grid,html.cs-page-energy-glazing .boundaries,html.cs-page-energy-glazing .pending-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}html.cs-page-energy-glazing .need-grid article,html.cs-page-energy-glazing .pending-grid article{padding:32px;background:#fff;border:1px solid #e1e4e9;border-radius:12px}html.cs-page-energy-glazing .need-grid b,html.cs-page-energy-glazing .pending-grid b{color:var(--accent);font-size:2rem}html.cs-page-energy-glazing .need-grid h3,html.cs-page-energy-glazing .pending-grid h3{margin:8px 0 12px;font-size:1.18rem}html.cs-page-energy-glazing .need-grid p,html.cs-page-energy-glazing .need-grid li,html.cs-page-energy-glazing .pending-grid p{font-size:.9rem;color:#606875}html.cs-page-energy-glazing .callout{padding:14px 16px!important;background:#f8dfe4;border-left:3px solid var(--accent);font-size:.82rem!important}html.cs-page-energy-glazing .approaches{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}html.cs-page-energy-glazing .approaches article{display:flex;flex-direction:column;min-height:290px;padding:28px;border:1px solid var(--line);border-radius:12px;background:#fff}html.cs-page-energy-glazing .approaches small{color:#778090;text-transform:uppercase;letter-spacing:.1em;font-weight:700}html.cs-page-energy-glazing .approaches h3{margin:14px 0 12px;font-size:1.25rem}html.cs-page-energy-glazing .approaches p{font-size:.88rem;color:#697180}html.cs-page-energy-glazing .approaches strong{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);font-size:.75rem}html.cs-page-energy-glazing .approaches .selected{background:var(--navy);color:#fff;border-color:var(--navy);transform:translateY(-10px);box-shadow:0 18px 42px rgba(7,26,53,.18)}html.cs-page-energy-glazing .approaches .selected small,html.cs-page-energy-glazing .approaches .selected strong{color:#ff718a}html.cs-page-energy-glazing .approaches .selected p{color:#c9d3df}html.cs-page-energy-glazing .build-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:start}html.cs-page-energy-glazing .status-panel{padding:28px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);border-radius:12px}html.cs-page-energy-glazing .status-panel h3{font-size:1.2rem}html.cs-page-energy-glazing .status-panel ul{list-style:none;margin:0;padding:0}html.cs-page-energy-glazing .status-panel li{position:relative;padding:10px 0 10px 24px;border-bottom:1px solid rgba(255,255,255,.1);font-size:.78rem;color:#d5dbe5}html.cs-page-energy-glazing .status-panel li:before{content:'○';position:absolute;left:0;color:#ff8ca0}html.cs-page-energy-glazing .status-panel li.done:before{content:'✓';color:#ff8ca0}html.cs-page-energy-glazing .steps{max-width:940px}html.cs-page-energy-glazing .steps article{display:grid;grid-template-columns:90px 1fr;gap:26px;padding:26px 0;border-top:1px solid var(--line)}html.cs-page-energy-glazing .steps article>b{color:var(--accent);font-size:2.35rem;font-weight:500}html.cs-page-energy-glazing .steps h3{font-size:1.22rem;margin-bottom:7px}html.cs-page-energy-glazing .steps p{margin:0;color:#656d7a;font-size:.92rem}html.cs-page-energy-glazing .human{display:flex;gap:22px;margin-top:46px;padding:30px;border:1px solid #f4bbc5;background:#fff7f8;border-radius:12px}html.cs-page-energy-glazing .human>i{color:var(--accent);font-size:2.3rem}html.cs-page-energy-glazing .human h3{font-size:1.35rem;margin-bottom:8px}html.cs-page-energy-glazing .human p{margin:0;color:#636b78}html.cs-page-energy-glazing .boundaries article{padding:30px;background:#fff;border-radius:12px;border-top:4px solid #253755}html.cs-page-energy-glazing .boundaries article:last-child{border-top-color:var(--accent)}html.cs-page-energy-glazing .boundaries h3{font-size:1.1rem}html.cs-page-energy-glazing .boundaries h3 i{color:var(--accent);margin-right:8px}html.cs-page-energy-glazing .boundaries li,html.cs-page-energy-glazing .also li{margin-bottom:10px;color:#5f6774;font-size:.88rem}html.cs-page-energy-glazing .split-title{display:grid;grid-template-columns:1fr .7fr;gap:60px;align-items:end}html.cs-page-energy-glazing .split-title p{color:#646c79}html.cs-page-energy-glazing .checks{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;list-style:none;padding:0;margin:0 0 42px}html.cs-page-energy-glazing .checks li{padding:16px 15px 16px 38px;position:relative;background:#f6f7f9;border-radius:8px;font-size:.78rem}html.cs-page-energy-glazing .checks li:before{content:'✓';position:absolute;left:15px;color:var(--accent);font-weight:800}html.cs-page-energy-glazing .image-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}html.cs-page-energy-glazing .progress{background:#111d31;color:#fff}html.cs-page-energy-glazing .progress h2{color:#fff}html.cs-page-energy-glazing .progress .shot figcaption{color:#aeb8c8}html.cs-page-energy-glazing .pending-grid{margin-top:34px}html.cs-page-energy-glazing .pending-grid article{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.13)}html.cs-page-energy-glazing .pending-grid h3{color:#fff}html.cs-page-energy-glazing .pending-grid p{color:#ccd4df}html.cs-page-energy-glazing .progress-note{margin:24px 0 0;color:#d7dee7;font-size:.84rem}html.cs-page-energy-glazing .progress-note i{color:var(--accent);margin-right:8px}html.cs-page-energy-glazing .value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}html.cs-page-energy-glazing .value-grid div{padding:20px;border:1px solid var(--line);border-left:3px solid var(--accent);font-size:.84rem}html.cs-page-energy-glazing .center{margin:28px auto 0;max-width:850px;text-align:center}html.cs-page-energy-glazing .features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}html.cs-page-energy-glazing .features article{padding:24px;background:#fff;border:1px solid #e0e4e9;border-radius:10px}html.cs-page-energy-glazing .features small{display:inline-block;padding:5px 8px;border-radius:4px;font-size:.63rem;font-weight:750;text-transform:uppercase;letter-spacing:.05em}html.cs-page-energy-glazing .implemented{background:#e7eef7;color:#244269}html.cs-page-energy-glazing .documented{background:#f9e4e8;color:#9c2940}html.cs-page-energy-glazing .pending{background:#ececef;color:#626978}html.cs-page-energy-glazing .features h3{font-size:1rem;margin:15px 0 8px}html.cs-page-energy-glazing .features p{font-size:.78rem;color:#67707e;margin:0}html.cs-page-energy-glazing .compact{padding:64px 0}html.cs-page-energy-glazing .also{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}html.cs-page-energy-glazing .also header{margin:0}html.cs-page-energy-glazing .also ul{columns:2;margin:0}html.cs-page-energy-glazing .also li{color:#d1d7e1}html.cs-page-energy-glazing .tech{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}html.cs-page-energy-glazing .tech div{min-height:120px;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}html.cs-page-energy-glazing .tech strong,html.cs-page-energy-glazing .tech span{display:block}html.cs-page-energy-glazing .tech strong{font-size:.9rem}html.cs-page-energy-glazing .tech span{margin-top:7px;color:#737b87;font-size:.75rem}html.cs-page-energy-glazing .cta{padding:72px 0;background:linear-gradient(120deg,var(--accent),#d93657)}html.cs-page-energy-glazing .cta-grid{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center}html.cs-page-energy-glazing .cta h2{max-width:760px;font-size:clamp(2rem,3vw,3rem)}html.cs-page-energy-glazing .cta p{max-width:800px;color:#fff;font-size:.94rem}html.cs-page-energy-glazing .cta span{color:#fff}html.cs-page-energy-glazing .light-button{background:#fff;color:var(--navy);box-shadow:none;white-space:nowrap}html.cs-page-energy-glazing .light-button:hover{color:var(--navy)}html.cs-page-energy-glazing .faq{max-width:920px!important}html.cs-page-energy-glazing .faq details{border-top:1px solid #d9dde3}html.cs-page-energy-glazing .faq details:last-child{border-bottom:1px solid #d9dde3}html.cs-page-energy-glazing .faq summary{display:flex;justify-content:space-between;gap:24px;padding:22px 0;cursor:pointer;font-weight:700;list-style:none}html.cs-page-energy-glazing .faq summary::-webkit-details-marker{display:none}html.cs-page-energy-glazing .faq summary i{color:var(--accent)}html.cs-page-energy-glazing .faq details[open] summary i{transform:rotate(45deg)}html.cs-page-energy-glazing .faq details p{padding:0 40px 22px 0;color:#636b78;font-size:.9rem}
@media(max-width:991px){html.cs-page-energy-glazing .hero-grid{grid-template-columns:1fr;gap:36px}html.cs-page-energy-glazing .hero-copy{max-width:760px}html.cs-page-energy-glazing .hero-points{grid-template-columns:repeat(2,1fr)}html.cs-page-energy-glazing .project-grid,html.cs-page-energy-glazing .build-grid,html.cs-page-energy-glazing .split-title,html.cs-page-energy-glazing .also{grid-template-columns:1fr}html.cs-page-energy-glazing .project-title{border-right:0;border-bottom:1px solid rgba(255,255,255,.18);padding:0 0 28px}html.cs-page-energy-glazing .approaches{grid-template-columns:1fr}html.cs-page-energy-glazing .approaches .selected{transform:none}html.cs-page-energy-glazing .features{grid-template-columns:repeat(2,1fr)}html.cs-page-energy-glazing .checks{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){html.cs-page-energy-glazing .container.shell{padding-left:20px;padding-right:20px}html.cs-page-energy-glazing .hero{padding:48px 0 36px;padding-top: 160px;}html.cs-page-energy-glazing .hero h1{font-size:2.55rem}html.cs-page-energy-glazing .hero-points,html.cs-page-energy-glazing .facts,html.cs-page-energy-glazing .two-col,html.cs-page-energy-glazing .need-grid,html.cs-page-energy-glazing .boundaries,html.cs-page-energy-glazing .pending-grid,html.cs-page-energy-glazing .image-pair,html.cs-page-energy-glazing .value-grid,html.cs-page-energy-glazing .tech,html.cs-page-energy-glazing .cta-grid{grid-template-columns:1fr}html.cs-page-energy-glazing .hero-points{gap:16px}html.cs-page-energy-glazing .section{padding:62px 0}html.cs-page-energy-glazing .section h2{font-size:2.2rem}html.cs-page-energy-glazing .steps article{grid-template-columns:56px 1fr;gap:14px}html.cs-page-energy-glazing .steps article>b{font-size:1.65rem}html.cs-page-energy-glazing .checks,html.cs-page-energy-glazing .features{grid-template-columns:1fr}html.cs-page-energy-glazing .also ul{columns:1}html.cs-page-energy-glazing .cta-grid{gap:20px}html.cs-page-energy-glazing .button{width:100%;justify-content:center;text-align:center}html.cs-page-energy-glazing .hero-meta{align-items:flex-start;flex-direction:column}html.cs-page-energy-glazing .hero-meta strong{padding-left:14px}html.cs-page-energy-glazing .shot figcaption{font-size:.69rem}}
@media(prefers-reduced-motion:reduce){html.cs-page-energy-glazing{scroll-behavior:auto}html.cs-page-energy-glazing *{transition:none!important}}

/* Energy Glazing layout refinements */
html.cs-page-energy-glazing .need-layout{display:grid;grid-template-columns:minmax(0,7fr) minmax(280px,3fr);gap:28px;align-items:start}
html.cs-page-energy-glazing .need-visual{position:sticky;top:126px}
html.cs-page-energy-glazing .need-stack{display:grid;gap:18px}
html.cs-page-energy-glazing .need-stack article{padding:26px;background:#fff;border:1px solid #e1e4e9;border-radius:12px}
html.cs-page-energy-glazing .need-stack b{color:var(--accent);font-size:1.7rem}
html.cs-page-energy-glazing .need-stack h3{margin:6px 0 10px;font-size:1.05rem}
html.cs-page-energy-glazing .need-stack p,html.cs-page-energy-glazing .need-stack li{font-size:.8rem;color:#606875}
html.cs-page-energy-glazing .need-stack ul{padding-left:19px;margin-bottom:0}
html.cs-page-energy-glazing .need-stack li{margin-bottom:7px}

html.cs-page-energy-glazing .workflow-section{padding:86px 0;background:linear-gradient(135deg,#0d1a2d,#17243b);color:#fff}
html.cs-page-energy-glazing .workflow-heading{max-width:820px!important;margin:0 auto 54px!important;text-align:center}
html.cs-page-energy-glazing .workflow-section h2{color:#fff}
html.cs-page-energy-glazing .workflow-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:70px;align-items:start}
html.cs-page-energy-glazing .workflow-sticky{position:sticky;top:124px;min-width:0}
html.cs-page-energy-glazing .workflow-topline{display:flex;justify-content:space-between;margin-bottom:16px;color:#c4cedd;font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
html.cs-page-energy-glazing .workflow-topline strong{color:#fff}
html.cs-page-energy-glazing .workflow-stage{display:flex;align-items:center;justify-content:center;min-height:360px;padding:18px;background:#fff;border-radius:14px;overflow:hidden}
html.cs-page-energy-glazing .workflow-screen{width:100%;height:auto;border-radius:7px;animation:cs-page-energy-glazing-workflow-arrive .35s ease}
html.cs-page-energy-glazing .workflow-caption{margin:16px 0 13px;color:#cad3e1;font-size:.83rem;font-weight:600}
html.cs-page-energy-glazing .workflow-progress{height:3px;background:rgba(255,255,255,.2)}
html.cs-page-energy-glazing .workflow-progress span{display:block;height:100%;background:var(--accent);transition:width .3s ease}
html.cs-page-energy-glazing .workflow-timeline{position:relative;padding-left:34px;border-left:1px solid rgba(255,255,255,.22)}
html.cs-page-energy-glazing .workflow-step{position:relative;min-height:210px;padding:0 0 58px}
html.cs-page-energy-glazing .workflow-step:before{content:'';position:absolute;left:-40px;top:8px;width:11px;height:11px;border:2px solid var(--accent);border-radius:50%;background:#17243b}
html.cs-page-energy-glazing .workflow-step.is-active:before{background:var(--accent);box-shadow:0 0 0 9px rgba(238,72,101,.18)}
html.cs-page-energy-glazing .step-label{margin-bottom:13px;color:#aeb9cb;font-size:.78rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase}
html.cs-page-energy-glazing .workflow-step h3{margin-bottom:12px;color:#fff;font-size:1.32rem;line-height:1.35}
html.cs-page-energy-glazing .workflow-step.is-active h3{color:var(--accent)}
html.cs-page-energy-glazing .workflow-step p{margin:0;color:#bcc7d8;font-size:.9rem;line-height:1.75}
@keyframes cs-page-energy-glazing-workflow-arrive{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:none}}

@media(max-width:991px){
  html.cs-page-energy-glazing .need-layout{grid-template-columns:minmax(0,2fr) minmax(250px,1fr)}
  html.cs-page-energy-glazing .workflow-layout{gap:38px}
}
@media(max-width:767px){
  html.cs-page-energy-glazing .need-layout,html.cs-page-energy-glazing .workflow-layout{grid-template-columns:1fr}
  html.cs-page-energy-glazing .need-visual,html.cs-page-energy-glazing .workflow-sticky{position:relative;top:auto}
  html.cs-page-energy-glazing .need-stack{grid-template-columns:1fr}
  html.cs-page-energy-glazing .workflow-section{padding:62px 0}
  html.cs-page-energy-glazing .workflow-section h2{font-size:2.2rem}
  html.cs-page-energy-glazing .workflow-stage{min-height:0; display:none !important;}
  html.cs-page-energy-glazing .workflow-timeline{padding-left:26px;margin-top:18px}
  html.cs-page-energy-glazing .workflow-step{min-height:0;padding-bottom:42px}
  html.cs-page-energy-glazing .workflow-step:before{left:-32px}
}
@media(max-height:650px){html.cs-page-energy-glazing .workflow-sticky{position:relative;top:auto}}

/* Reviewed section designs */
html.cs-page-energy-glazing .need-layout{align-items:stretch}
html.cs-page-energy-glazing .need-visual{position:relative;top:auto;align-self:start}
html.cs-page-energy-glazing .need-stack{height:auto;align-content:start}
html.cs-page-energy-glazing .need-stack article{padding:20px 22px}

html.cs-page-energy-glazing .build-section{background:#f1f1f1!important}
html.cs-page-energy-glazing .build-heading{max-width:860px!important;margin:0 auto 44px!important;text-align:center}
html.cs-page-energy-glazing .build-heading p{max-width:720px;margin:14px auto 0}
html.cs-page-energy-glazing .build-section .prose p{color:#5f6775}
html.cs-page-energy-glazing .build-section .status-panel{background:#fff;border:1px solid #dce1e7;color:var(--ink);box-shadow:0 18px 45px rgba(14,31,54,.08)}
html.cs-page-energy-glazing .build-section .status-panel li{color:#626b78;border-bottom-color:#e6e9ed}

html.cs-page-energy-glazing .workflow-screen{animation:none}

html.cs-page-energy-glazing .boundary-section{background:#f1f1f1}
html.cs-page-energy-glazing .boundary-heading{max-width:850px!important;margin:0 auto 44px!important;text-align:center}
html.cs-page-energy-glazing .boundary-heading p{max-width:680px;margin:14px auto 0}
html.cs-page-energy-glazing .boundary-frame{display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #dfe3e8;border-radius:20px;overflow:hidden;box-shadow:0 24px 60px rgba(14,31,54,.1)}
html.cs-page-energy-glazing .boundary-column{padding:38px 40px}
html.cs-page-energy-glazing .boundary-column.included{background:linear-gradient(145deg,#0d1a2d,#17243b);color:#fff}
html.cs-page-energy-glazing .boundary-column-heading{display:flex;align-items:center;gap:18px;padding-bottom:24px;margin-bottom:8px;border-bottom:1px solid #e4e7eb}
html.cs-page-energy-glazing .boundary-column.included .boundary-column-heading{border-bottom-color:rgba(255,255,255,.16)}
html.cs-page-energy-glazing .boundary-column-heading>span{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:50%;background:var(--accent);color:#fff;font-weight:800}
html.cs-page-energy-glazing .boundary-column-heading small{display:block;margin-bottom:2px;color:#7a8390;font-size:.68rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
html.cs-page-energy-glazing .boundary-column.included small{color:#adb9ca}
html.cs-page-energy-glazing .boundary-column-heading h3{margin:0;font-size:1.24rem}
html.cs-page-energy-glazing .boundary-column ul{list-style:none;padding:0;margin:0}
html.cs-page-energy-glazing .boundary-column li{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid #e7e9ed;color:#56606d;font-size:.83rem}
html.cs-page-energy-glazing .boundary-column li:last-child{border-bottom:0}
html.cs-page-energy-glazing .boundary-column.included li{border-bottom-color:rgba(255,255,255,.11);color:#d7deea}
html.cs-page-energy-glazing .boundary-column li i{display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;border-radius:50%;background:#fbe4e8;color:var(--accent);font-size:.72rem}
html.cs-page-energy-glazing .boundary-column.included li i{background:rgba(238,72,101,.18);color:#ff7890}

html.cs-page-energy-glazing .functional-section .checks li:before{display:none}
html.cs-page-energy-glazing .functional-section .checks li{display:flex;align-items:center;gap:12px;padding:15px;background:#f6f7f9}
html.cs-page-energy-glazing .functional-section .checks li i{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:var(--accent);color:#fff;font-size:.88rem}

html.cs-page-energy-glazing .progress{height:auto;min-height:0}
html.cs-page-energy-glazing .progress-heading{max-width:820px!important}
html.cs-page-energy-glazing .progress-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);gap:30px;align-items:start}
html.cs-page-energy-glazing .progress-visual{margin:0}
html.cs-page-energy-glazing .progress-items{display:grid;gap:18px}
html.cs-page-energy-glazing .progress-items article{padding:25px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:12px}
html.cs-page-energy-glazing .pending-label{display:flex;align-items:center;gap:9px;margin-bottom:13px;color:#ff7890;font-size:.7rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
html.cs-page-energy-glazing .progress-items h3{margin-bottom:9px;color:#fff;font-size:1.08rem;line-height:1.4}
html.cs-page-energy-glazing .progress-items p{margin:0;color:#cbd4e0;font-size:.82rem}
html.cs-page-energy-glazing .progress .progress-note{display:flex;align-items:center;gap:10px;margin-top:24px;padding:17px 20px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.04)}
html.cs-page-energy-glazing .progress .progress-note i{margin:0;font-size:1rem}

html.cs-page-energy-glazing .value-heading{max-width:860px!important;margin:0 auto 44px!important;text-align:center}
html.cs-page-energy-glazing .value-heading p{max-width:720px;margin:14px auto 0}
html.cs-page-energy-glazing .value-layout{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);gap:36px;align-items:center;padding:30px;background:linear-gradient(145deg,#0d1a2d,#17243b);border-radius:18px;box-shadow:0 24px 60px rgba(14,31,54,.12)}
html.cs-page-energy-glazing .value-list{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;list-style:none;padding:0;margin:0}
html.cs-page-energy-glazing .value-list li{display:flex;gap:12px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.13)}
html.cs-page-energy-glazing .value-list li span{color:#ff7890;font-size:.72rem;font-weight:800;letter-spacing:.08em}
html.cs-page-energy-glazing .value-list li p{margin:0;color:#e0e6ef;font-size:.81rem;line-height:1.55}
html.cs-page-energy-glazing .value-visual figcaption{color:#aeb8c8}
html.cs-page-energy-glazing .value-boundary{display:flex;align-items:flex-start;gap:13px;margin-top:22px;padding:18px 20px;background:#f1f1f1;border-left:3px solid var(--accent);border-radius:7px}
html.cs-page-energy-glazing .value-boundary i{margin-top:4px;color:var(--accent);font-size:1rem}
html.cs-page-energy-glazing .value-boundary p{margin:0;color:#626b78;font-size:.82rem}

html.cs-page-energy-glazing .features-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:end;margin-bottom:40px}
html.cs-page-energy-glazing .features-intro header{margin:0}
html.cs-page-energy-glazing .features-intro>p{margin:0 0 8px;color:#626b78;font-size:.92rem}
html.cs-page-energy-glazing .feature-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:7px;background:#e3e7ec;border:0;border-radius:14px}
html.cs-page-energy-glazing .feature-tab{display:flex;align-items:center;justify-content:center;gap:9px;min-height:58px;padding:10px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#6a7380!important;font-family:inherit;font-size:.75rem;font-weight:700}
html.cs-page-energy-glazing .feature-tab i{color:var(--accent);font-size:.95rem}
html.cs-page-energy-glazing .feature-tab:hover{background:rgba(255,255,255,.62)!important}
html.cs-page-energy-glazing .feature-tab.active,html.cs-page-energy-glazing .feature-tab.is-active{background:#fff!important;color:var(--navy)!important;box-shadow:0 6px 18px rgba(14,31,54,.1)}
html.cs-page-energy-glazing .feature-panels{padding-top:34px}
html.cs-page-energy-glazing .feature-panels .tab-pane.active{display:grid;grid-template-columns:250px 1fr;gap:44px}
html.cs-page-energy-glazing .feature-panel-heading{display:flex;gap:15px;align-items:flex-start}
html.cs-page-energy-glazing .feature-panel-heading>span{color:var(--accent);font-size:2.35rem;line-height:1;font-weight:500}
html.cs-page-energy-glazing .feature-panel-heading h3{margin-bottom:7px;font-size:1.15rem;line-height:1.4}
html.cs-page-energy-glazing .feature-panel-heading p{margin:0;color:#7a828e;font-size:.74rem}
html.cs-page-energy-glazing .feature-items{display:grid;grid-template-columns:1fr 1fr;gap:24px 28px}
html.cs-page-energy-glazing .feature-items.single{grid-template-columns:1fr;max-width:620px}
html.cs-page-energy-glazing .feature-items article{padding-left:18px;border-left:2px solid var(--accent)}
html.cs-page-energy-glazing .feature-items h4{margin-bottom:7px;color:var(--navy);font-size:.92rem;line-height:1.4}
html.cs-page-energy-glazing .feature-items p{margin:0;color:#68717d;font-size:.78rem}

@media(max-width:991px){
  html.cs-page-energy-glazing .boundary-frame,html.cs-page-energy-glazing .progress-layout,html.cs-page-energy-glazing .value-layout{grid-template-columns:1fr}
  html.cs-page-energy-glazing .features-intro{grid-template-columns:1fr;gap:20px}
  html.cs-page-energy-glazing .feature-tabs{grid-template-columns:1fr 1fr}
  html.cs-page-energy-glazing .feature-panels .tab-pane.active{grid-template-columns:1fr;gap:28px}
}
@media(max-width:767px){
  html.cs-page-energy-glazing .boundary-column{padding:28px 22px}
  html.cs-page-energy-glazing .progress-layout{gap:22px}
  html.cs-page-energy-glazing .value-layout{padding:22px}
  html.cs-page-energy-glazing .value-list,html.cs-page-energy-glazing .feature-items{grid-template-columns:1fr}
  html.cs-page-energy-glazing .feature-tabs{grid-template-columns:1fr}
  html.cs-page-energy-glazing .feature-tab{justify-content:flex-start;padding-left:16px!important}
}

/* User-focused workflow, completion and technology sections */
html.cs-page-energy-glazing .progress-redesign{height:auto!important;min-height:0!important;padding:86px 0;background:#101d30}
html.cs-page-energy-glazing .progress-intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.65fr);gap:70px;align-items:end;margin-bottom:42px}
html.cs-page-energy-glazing .progress-intro header{margin:0}
html.cs-page-energy-glazing .progress-intro>p{margin:0 0 8px;color:#c8d1de;font-size:.9rem}
html.cs-page-energy-glazing .completion-gates{border-top:1px solid rgba(255,255,255,.18)}
html.cs-page-energy-glazing .completion-gates article{display:grid;grid-template-columns:190px minmax(0,1fr) 46px;gap:28px;align-items:center;padding:30px 0;border-bottom:1px solid rgba(255,255,255,.18)}
html.cs-page-energy-glazing .gate-status{display:flex;align-items:center;gap:13px}
html.cs-page-energy-glazing .gate-status>span{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:#fff;font-size:.72rem;font-weight:800}
html.cs-page-energy-glazing .gate-status strong{color:#ff8da1;font-size:.7rem;line-height:1.45;letter-spacing:.07em;text-transform:uppercase}
html.cs-page-energy-glazing .gate-copy h3{margin-bottom:7px;color:#fff;font-size:1.12rem}
html.cs-page-energy-glazing .gate-copy p{max-width:750px;margin:0;color:#c8d1de;font-size:.84rem}
html.cs-page-energy-glazing .gate-icon{color:rgba(255,255,255,.3);font-size:1.65rem;text-align:right}
html.cs-page-energy-glazing .progress-wide-visual{margin-top:38px}
html.cs-page-energy-glazing .progress-wide-visual img{border-color:rgba(255,255,255,.14);box-shadow:0 22px 55px rgba(0,0,0,.24)}
html.cs-page-energy-glazing .progress-redesign .progress-note{margin-top:20px}

html.cs-page-energy-glazing .workflow-support{background:#fff}
html.cs-page-energy-glazing .workflow-journey{display:grid;grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr) 50px minmax(0,1fr);align-items:stretch;margin-bottom:34px}
html.cs-page-energy-glazing .workflow-journey article{padding:28px 26px;border:1px solid #dfe3e8;background:#fff}
html.cs-page-energy-glazing .workflow-journey article:first-child{border-radius:16px 0 0 16px}
html.cs-page-energy-glazing .workflow-journey article:last-child{border-radius:0 16px 16px 0}
html.cs-page-energy-glazing .journey-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
html.cs-page-energy-glazing .journey-top span{color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.08em}
html.cs-page-energy-glazing .journey-top i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#f1f1f1;color:var(--navy);font-size:1rem}
html.cs-page-energy-glazing .workflow-journey small{display:block;margin-bottom:6px;color:#7a8390;font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
html.cs-page-energy-glazing .workflow-journey h3{margin-bottom:18px;color:var(--navy);font-size:1.16rem}
html.cs-page-energy-glazing .workflow-journey ul{list-style:none;margin:0;padding:0}
html.cs-page-energy-glazing .workflow-journey li{position:relative;padding:12px 0 12px 22px;border-top:1px solid #e7e9ed;color:#5f6875;font-size:.8rem}
html.cs-page-energy-glazing .workflow-journey li:before{content:'\f00c';position:absolute;left:0;top:14px;color:var(--accent);font-family:FontAwesome;font-size:.7rem}
html.cs-page-energy-glazing .journey-arrow{display:grid;place-items:center;background:#f1f1f1;color:var(--accent);font-size:1.2rem}
html.cs-page-energy-glazing .journey-result{max-width:960px;margin:0 auto}
html.cs-page-energy-glazing .journey-result img{border-radius:14px}
html.cs-page-energy-glazing .workflow-support .value-boundary{max-width:960px;margin:22px auto 0}

html.cs-page-energy-glazing .technology-heading{max-width:650px!important;margin-bottom:40px!important}
html.cs-page-energy-glazing .technology-rows{border-top:1px solid #d8dde3}
html.cs-page-energy-glazing .technology-rows>article{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:56px;padding:28px 0;border-bottom:1px solid #d8dde3}
html.cs-page-energy-glazing .technology-category{display:flex;align-items:center;gap:14px}
html.cs-page-energy-glazing .technology-category>span{color:var(--accent);font-size:.8rem;font-weight:800}
html.cs-page-energy-glazing .technology-category h3{margin:0;color:var(--navy);font-size:1rem}
html.cs-page-energy-glazing .technology-items{display:flex;flex-wrap:wrap;gap:10px}
html.cs-page-energy-glazing .technology-items>div{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;background:#f1f1f1;border-radius:8px;line-height:1.35}
html.cs-page-energy-glazing .technology-items i{color:var(--accent);font-size:.88rem}
html.cs-page-energy-glazing .technology-items strong{color:var(--navy);font-size:.8rem}
html.cs-page-energy-glazing .technology-items span{color:#3f4855;font-size:.75rem}

html.cs-page-energy-glazing .cta-light{background:#f1f1f1;border-top:1px solid #e0e3e7;border-bottom:1px solid #e0e3e7}
html.cs-page-energy-glazing .cta-light span{color:#68717d}
html.cs-page-energy-glazing .cta-light h2{color:var(--navy)}
html.cs-page-energy-glazing .cta-light p{color:#5f6875}
html.cs-page-energy-glazing .cta-dark-button{background:var(--navy);color:#fff;box-shadow:0 12px 26px rgba(7,26,53,.18)}
html.cs-page-energy-glazing .cta-dark-button:hover{color:#fff}

@media(max-width:991px){
  html.cs-page-energy-glazing .progress-intro{grid-template-columns:1fr;gap:18px}
  html.cs-page-energy-glazing .completion-gates article{grid-template-columns:170px minmax(0,1fr) 36px}
  html.cs-page-energy-glazing .workflow-journey{grid-template-columns:1fr}
  html.cs-page-energy-glazing .workflow-journey article:first-child,html.cs-page-energy-glazing .workflow-journey article:last-child{border-radius:0}
  html.cs-page-energy-glazing .workflow-journey article:first-child{border-radius:16px 16px 0 0}
  html.cs-page-energy-glazing .workflow-journey article:last-child{border-radius:0 0 16px 16px}
  html.cs-page-energy-glazing .journey-arrow{min-height:44px}
  html.cs-page-energy-glazing .journey-arrow i{transform:rotate(90deg)}
  html.cs-page-energy-glazing .technology-rows>article{grid-template-columns:220px minmax(0,1fr);gap:32px}
}
@media(max-width:767px){
  html.cs-page-energy-glazing .progress-redesign{padding:62px 0}
  html.cs-page-energy-glazing .completion-gates article{grid-template-columns:1fr;gap:16px;padding:25px 0}
  html.cs-page-energy-glazing .gate-icon{display:none}
  html.cs-page-energy-glazing .workflow-journey article{padding:24px 20px}
  html.cs-page-energy-glazing .technology-rows>article{grid-template-columns:1fr;gap:18px;padding:24px 0}
  html.cs-page-energy-glazing .technology-items{align-items:flex-start;flex-direction:column}
  html.cs-page-energy-glazing .technology-items>div{width:100%}
}

/* Collision-safe remaining-work and revised workflow support */
html.cs-page-energy-glazing .hero-row{margin-left:-15px;margin-right:-15px}
html.cs-page-energy-glazing .hero-row .hero-copy,html.cs-page-energy-glazing .hero-row .hero-shot{padding-left:15px;padding-right:15px}

html.cs-page-energy-glazing .remaining-work-section{padding:86px 0;background:#101d30;color:#fff}
html.cs-page-energy-glazing .remaining-work-section h2{color:#fff}
html.cs-page-energy-glazing .remaining-work-intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.65fr);gap:70px;align-items:end;margin-bottom:42px}
html.cs-page-energy-glazing .remaining-work-intro header{margin:0}
html.cs-page-energy-glazing .remaining-work-intro>p{margin:0 0 8px;color:#c8d1de;font-size:.9rem}
html.cs-page-energy-glazing .remaining-work-gates{border-top:1px solid rgba(255,255,255,.18)}
html.cs-page-energy-glazing .remaining-work-gates article{display:grid;grid-template-columns:190px minmax(0,1fr) 46px;gap:28px;align-items:center;padding:30px 0;border-bottom:1px solid rgba(255,255,255,.18)}
html.cs-page-energy-glazing .remaining-gate-status{display:flex;align-items:center;gap:13px}
html.cs-page-energy-glazing .remaining-gate-status>span{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:#fff;font-size:.72rem;font-weight:800}
html.cs-page-energy-glazing .remaining-gate-status strong{color:#ff8da1;font-size:.7rem;line-height:1.45;letter-spacing:.07em;text-transform:uppercase}
html.cs-page-energy-glazing .remaining-gate-copy h3{margin-bottom:7px;color:#fff;font-size:1.12rem}
html.cs-page-energy-glazing .remaining-gate-copy p{max-width:750px;margin:0;color:#c8d1de;font-size:.84rem}
html.cs-page-energy-glazing .remaining-gate-icon{color:rgba(255,255,255,.3);font-size:1.65rem;text-align:right}
html.cs-page-energy-glazing .remaining-work-visual{margin-top:38px}
html.cs-page-energy-glazing .remaining-work-visual img{border-color:rgba(255,255,255,.14);box-shadow:0 22px 55px rgba(0,0,0,.24)}
html.cs-page-energy-glazing .remaining-work-visual figcaption{color:#aeb8c8}
html.cs-page-energy-glazing .remaining-work-note{display:flex;align-items:center;gap:10px;margin:20px 0 0;padding:17px 20px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.04);color:#d7dee7;font-size:.84rem}
html.cs-page-energy-glazing .remaining-work-note i{color:var(--accent);font-size:1rem}

html.cs-page-energy-glazing .workflow-support-grid{display:grid;grid-template-columns:minmax(340px,.82fr) minmax(0,1.18fr);gap:38px;align-items:start;padding:34px;border:1px solid #dfe3e8;border-radius:18px;background:#f6f7f9}
html.cs-page-energy-glazing .workflow-route{position:relative}
html.cs-page-energy-glazing .workflow-route:before{content:'';position:absolute;left:25px;top:28px;bottom:28px;width:1px;background:#cfd5dc}
html.cs-page-energy-glazing .workflow-route article{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:20px;padding:0 0 28px}
html.cs-page-energy-glazing .workflow-route article:last-child{padding-bottom:0}
html.cs-page-energy-glazing .route-marker{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px}
html.cs-page-energy-glazing .route-marker span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;font-size:.68rem;font-weight:800}
html.cs-page-energy-glazing .route-marker i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid #dfe3e8;color:var(--accent);font-size:.76rem}
html.cs-page-energy-glazing .workflow-route small{display:block;margin-bottom:3px;color:var(--accent);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
html.cs-page-energy-glazing .workflow-route h3{margin-bottom:9px;color:var(--navy);font-size:1.08rem}
html.cs-page-energy-glazing .workflow-route ul{list-style:none;margin:0;padding:0}
html.cs-page-energy-glazing .workflow-route li{position:relative;padding:5px 0 5px 18px;color:#5f6875;font-size:.79rem}
html.cs-page-energy-glazing .workflow-route li:before{content:'\f105';position:absolute;left:0;color:var(--accent);font-family:FontAwesome;font-weight:700}
html.cs-page-energy-glazing .workflow-support-visual{position:relative;margin:0}
html.cs-page-energy-glazing .workflow-support-visual:before{content:'Quotation workspace';position:absolute;z-index:2;top:14px;left:14px;padding:7px 10px;border-radius:6px;background:rgba(7,26,53,.9);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
html.cs-page-energy-glazing .workflow-support-visual img{border-radius:12px}
html.cs-page-energy-glazing .workflow-support .value-boundary{max-width:none;margin-top:22px}

html.cs-page-energy-glazing .cta-light{background:linear-gradient(115deg,#fff 0%,#f7f8f9 50%,#dfe3e7 100%);border-top:1px solid #e4e7ea;border-bottom:1px solid #cfd4d9}

@media(max-width:991px){
  html.cs-page-energy-glazing .remaining-work-intro{grid-template-columns:1fr;gap:18px}
  html.cs-page-energy-glazing .remaining-work-gates article{grid-template-columns:170px minmax(0,1fr) 36px}
  html.cs-page-energy-glazing .workflow-support-grid{grid-template-columns:1fr;padding:28px}
}
@media(max-width:767px){
  html.cs-page-energy-glazing .hero-row .hero-shot{margin-top:34px;display:none !important;}
  html.cs-page-energy-glazing .remaining-work-section{padding:62px 0}
  html.cs-page-energy-glazing .remaining-work-gates article{grid-template-columns:1fr;gap:16px;padding:25px 0}
  html.cs-page-energy-glazing .remaining-gate-icon{display:none}
  html.cs-page-energy-glazing .workflow-support-grid{padding:22px 18px}
  html.cs-page-energy-glazing .workflow-route article{gap:14px}
}

/* ================================================================
   Page namespace: iCount-Case-Study (cs-page-icount)
   ================================================================ */

/* Original file: iCount-Case-Study/css/bootstrap4-integration.css */
/* Bootstrap 4 grid and tabs, adjusted to preserve the approved Birdi design. */
html.cs-page-icount .case-study .hero-layout.row,
html.cs-page-icount .case-study .brief-layout.row {
  --birdi-column-gap: clamp(32px, 5vw, 64px);
  display: flex !important;
  gap: 0 !important;
  margin-left: 0;
  margin-right: 0;
}
html.cs-page-icount .case-study .brief-layout.row { --birdi-column-gap: clamp(32px, 5vw, 56px); }
html.cs-page-icount .case-study .hero-layout.row > .col-md-6,
html.cs-page-icount .case-study .brief-layout.row > .col-md-6 {
  padding-left: calc(var(--birdi-column-gap) * 0.5);
  padding-right: calc(var(--birdi-column-gap) * 0.5);
}
html.cs-page-icount .case-study .hero-layout.row > .col-md-6:first-child,
html.cs-page-icount .case-study .brief-layout.row > .col-md-6:first-child { padding-left: 0; }
html.cs-page-icount .case-study .hero-layout.row > .col-md-6:last-child,
html.cs-page-icount .case-study .brief-layout.row > .col-md-6:last-child { padding-right: 0; }
html.cs-page-icount .case-study .birdi-contact-button {
  border: 0;
  line-height: normal;
  text-align: inherit;
  vertical-align: baseline;
}
html.cs-page-icount .case-study .birdi-contact-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 34px rgba(213,31,63,.34);
  color: #fff;
}
html.cs-page-icount .case-study .birdi-tech-pill:hover { background: #101d30; color: #fff; }
html.cs-page-icount .case-study .feature-tabs.nav-tabs { border-bottom: 0; }
html.cs-page-icount .case-study .feature-tabs.nav-tabs .nav-link {
  border: 0;
  margin-bottom: 0;
  padding: 20px 8px;
  color: #101d30;
  line-height: 1.4;
}
html.cs-page-icount .case-study .feature-tabs.nav-tabs .nav-link.active { background: #fff; color: #101d30; }
html.cs-page-icount .case-study .tab-content > .features-panel.active { display: grid; }
@media (max-width: 767px) {
  html.cs-page-icount .case-study .hero-layout.row,
  html.cs-page-icount .case-study .brief-layout.row { margin-left: 0; margin-right: 0; }
  html.cs-page-icount .case-study .hero-layout.row > .col-md-6,
  html.cs-page-icount .case-study .brief-layout.row > .col-md-6 { padding-left: 0; padding-right: 0; }
  html.cs-page-icount .case-study .brief-layout.row > .col-md-6 + .col-md-6 { margin-top: 32px; }
}
@media (max-width: 460px) {
  html.cs-page-icount .case-study .feature-tabs.nav-tabs .nav-link { padding: 16px 6px; }
}
@media (prefers-reduced-motion: reduce) {
  html.cs-page-icount .case-study .birdi-contact-button:hover { transform: none; }
}

/* Original file: iCount-Case-Study/css/birdi.css */
/* Bootstrap Reboot is normalized to the approved page typography. */
html.cs-page-icount,html.cs-page-icount body{height:100%;}
html.cs-page-icount body{line-height:normal;}
html.cs-page-icount h1,html.cs-page-icount h2,html.cs-page-icount h3,html.cs-page-icount h4,html.cs-page-icount h5,html.cs-page-icount h6{font-size:revert;font-weight:revert;line-height:normal;margin:revert;}
html.cs-page-icount p,html.cs-page-icount dl,html.cs-page-icount dd,html.cs-page-icount figure{margin:revert;}
html.cs-page-icount .case-study section a:hover{text-decoration:none;}
html.cs-page-icount button{line-height:normal;}

/* Birdi shared styles. Cascade order is intentional; responsive rules remain beside their applicable defaults. */
html.cs-page-icount body {
  margin: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}
html.cs-page-icount * {
  box-sizing: border-box;
}
html.cs-page-icount .case-study section a {
  color: #ee4865;
  text-decoration: none;
}
html.cs-page-icount .case-study section a:hover {
  color: #101d30;
}
html.cs-page-icount {
  font-size: max(16px,100%);
}
html.cs-page-icount body {
  font-size: 16px;
}
html.cs-page-icount button,html.cs-page-icount summary {
  font: inherit;
}
html.cs-page-icount button {
  cursor: pointer;
}
html.cs-page-icount img {
  max-width: 100%;
}
html.cs-page-icount button:focus-visible,html.cs-page-icount summary:focus-visible,html.cs-page-icount [tabindex]:focus-visible {
  outline: 3px solid #ee4865;
  outline-offset: 5px;
}
html.cs-page-icount .section-container {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  background: transparent;
}
html.cs-page-icount .section-heading {
  margin-bottom: clamp(32px,4vw,48px);
}
html.cs-page-icount .centered {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
html.cs-page-icount .eyebrow {
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 700;
  color: #ee4865;
  margin: 0 0 18px;
}
html.cs-page-icount .section-heading h2 {
  font-size: clamp(1.55rem,2.4vw,2.1rem);
  line-height: 1.25;
  margin: 0;
}
html.cs-page-icount .section-heading h2 span {
  color: #ee4865;
}
html.cs-page-icount .workflow-section {
  padding: clamp(56px,7vw,84px) 0;
  background: linear-gradient(135deg,#0e1d31 0%,#15233b 100%);
  color: #fff;
}
html.cs-page-icount .workflow-layout {
  display: grid;
  grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr);
  gap: clamp(36px,6vw,80px);
  align-items: start;
}
html.cs-page-icount .workflow-sticky {
  position: sticky;
  top: 24px;
  min-width: 0;
}
/* Short screens need normal page scrolling, not a taller sticky panel. */
@media (max-height:650px) {
  html.cs-page-icount .workflow-sticky { position: relative; top: auto; }
}
html.cs-page-icount .workflow-visual-heading {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .1em;
  margin-bottom: 18px;
}
html.cs-page-icount .workflow-visual-heading span:first-child {
  color: var(--body);
}
html.cs-page-icount .workflow-stage {
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(300px,56vh,560px);
  overflow: hidden;
  color: #101d30;
}
html.cs-page-icount .workflow-screen {
  display: block;
  animation: cs-page-icount-visual-arrive .4s ease;
}
html.cs-page-icount .workflow-caption {
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  margin: 18px 0 16px;
  font-weight: 500;
}
html.cs-page-icount .workflow-progress {
  height: 3px;
  background: rgba(255,255,255,.2);
}
html.cs-page-icount .workflow-progress span {
  display: block;
  height: 100%;
  background: #ee4865;
  transition: width .35s ease;
}
html.cs-page-icount .workflow-explainer {
  width: 100%;
}
html.cs-page-icount .workflow-explainer>i {
  font-size: 44px;
  color: #ee4865;
  margin-bottom: 24px;
}
html.cs-page-icount .workflow-explainer h3 {
  font-size: 24px;
  line-height: 1.3;
  margin: 0 0 24px;
}
html.cs-page-icount .explainer-rows {
  display: grid;
  gap: 0;
}
html.cs-page-icount .explainer-rows>div {
  border-top: 1px solid #e9d3db;
  padding: 14px 0;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  line-height: 1.4;
}
html.cs-page-icount .explainer-rows i {
  color: #ee4865;
  font-size: 16px;
}
html.cs-page-icount .illustration-note {
  font-size: 16px;
  font-weight: 500;
  color: #101d30;
  margin: 18px 0 0;
}
html.cs-page-icount .workflow-timeline {
  border-left: 1px solid rgba(255,255,255,.3);
  padding-left: 32px;
}
html.cs-page-icount .workflow-step {
  position: relative;
  padding: 0 0 56px;
}
html.cs-page-icount .workflow-step:last-child {
  padding-bottom: 0;
  min-height: 200px;
}
html.cs-page-icount .workflow-step:before {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  left: -38px;
  border: 2px solid #ee4865;
  background: #101d30;
  border-radius: 50%;
  transition: box-shadow .25s,background .25s;
}
html.cs-page-icount .workflow-step.is-active:before {
  background: #ee4865;
  box-shadow: 0 0 0 7px rgba(238,72,101,.18);
}
html.cs-page-icount .workflow-step-number {
  letter-spacing: .08em;
  display: flex;
  align-items: baseline;
  margin-bottom: 12px;
}
html.cs-page-icount .workflow-step h3 {
  color: #fff;
  margin: 0 0 16px;
  transition: color .25s;
}
html.cs-page-icount .workflow-step.is-active h3 {
  color: #ee4865;
}
html.cs-page-icount .workflow-step p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  color: #fff;
}
html.cs-page-icount .features-intro {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 64px;
  align-items: end;
  margin-bottom: 40px;
}
html.cs-page-icount .feature-tabs {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
}
html.cs-page-icount .feature-tab {
  border-bottom: 3px solid transparent;
  background: transparent;
  color: #101d30;
  padding: 20px 8px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  text-align: left;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
}
html.cs-page-icount .feature-tab i {
  font-size: 18px;
  color: #ee4865;
}
html.cs-page-icount .feature-tab.is-active {
  border-color: #ee4865;
}
html.cs-page-icount .features-panel {
  display: grid;
  grid-template-columns: 260px minmax(0,1fr);
  gap: 54px;
  padding: 40px 0;
}
html.cs-page-icount .feature-panel-number {
  line-height: 1;
  color: #ee4865;
  font-weight: 600;
}
html.cs-page-icount .feature-panel-heading h3 {
  font-size: 24px;
  line-height: 1.3;
  margin: 16px 0 12px;
}
html.cs-page-icount .feature-panel-heading p {
  font-size: 16px;
  color: #101d30;
}
html.cs-page-icount .feature-items {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 32px;
}
html.cs-page-icount .feature-item {
  border-left: 2px solid #ee4865;
  padding-left: 20px;
}
html.cs-page-icount .feature-item h4 {
  font-size: 17px;
  line-height: 1.4;
  margin: 0 0 12px;
}
html.cs-page-icount .feature-item p {
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
  color: #101d30;
}
html.cs-page-icount .editorial-accordion {
  border-top: 1px solid #c7d0dd;
  color: #101d30;
}
html.cs-page-icount .editorial-accordion:last-child {
  border-bottom: 1px solid #c7d0dd;
}
html.cs-page-icount .editorial-accordion summary {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 26px 0;
  cursor: pointer;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 600;
}
html.cs-page-icount .editorial-accordion summary::-webkit-details-marker {
  display: none;
}
html.cs-page-icount .editorial-accordion summary>span:not(.accordion-number) {
  flex: 1;
}
html.cs-page-icount .editorial-accordion summary>i {
  color: #ee4865;
  font-size: 16px;
  transition: transform .25s;
}
html.cs-page-icount .accordion-number {
  font-size: 28px;
  color: #ee4865;
  font-weight: 600;
}
html.cs-page-icount .editorial-accordion[open] summary {
  color: #c92145;
}
html.cs-page-icount .editorial-accordion[open] summary>i {
  transform: rotate(45deg);
}
html.cs-page-icount .accordion-content {
  padding: 0 0 28px 64px;
  animation: cs-page-icount-content-arrive .3s ease;
}
html.cs-page-icount .accordion-content p {
  font-size: 16px;
  line-height: 1.75;
  margin: 12px 0 0;
  color: #101d30;
}
html.cs-page-icount .lift-card {
  transition: transform .3s,box-shadow .3s;
}
html.cs-page-icount .lift-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 36px rgba(16,29,48,.1);
}
html.cs-page-icount .parallax-visual {
  will-change: transform;
}
html.cs-page-icount .faq-section>div {
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
  gap: 64px;
  align-items: start;
}
html.cs-page-icount .faq-list {
  min-width: 0;
}
html.cs-page-icount .faq-list .accordion-content {
  padding-left: 0;
}
@keyframes cs-page-icount-content-arrive{from{transform:translateY(10px)}to{transform:translateY(0)}}
@keyframes cs-page-icount-visual-arrive{from{transform:translateY(12px) scale(.98)}to{transform:translateY(0) scale(1)}}
@media (max-width:900px) {
  html.cs-page-icount .workflow-layout {
    gap: 36px;
    grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
  }
  html.cs-page-icount .features-panel {
    grid-template-columns: 210px minmax(0,1fr);
    gap: 32px;
  }
  html.cs-page-icount .feature-tabs {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  html.cs-page-icount .features-intro {
    gap: 32px;
  }
}
@media (max-width:700px) {
  html.cs-page-icount .workflow-layout,html.cs-page-icount .features-intro,html.cs-page-icount .features-panel,html.cs-page-icount .faq-section>div {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  html.cs-page-icount .workflow-sticky {
    position: relative;
    top: auto;
  }
  html.cs-page-icount .workflow-stage {
    height: 440px;
  }
  html.cs-page-icount .workflow-timeline {
    margin-left: 6px;
  }
  html.cs-page-icount .workflow-step:last-child {
    min-height: 0;
  }
  html.cs-page-icount .workflow-explainer h3 {
    font-size: 22px;
  }
  html.cs-page-icount .feature-items {
    gap: 24px;
  }
  html.cs-page-icount .faq-section>div>div:first-child {
    position: static !important;
  }
  html.cs-page-icount .accordion-content {
    padding-left: 0;
  }
  html.cs-page-icount .editorial-accordion summary {
    gap: 16px;
    font-size: 17px;
  }
  html.cs-page-icount .parallax-visual {
    transform: none !important;
  }
}
@media (max-width:460px) {
  html.cs-page-icount .feature-items,html.cs-page-icount .industry-grid {
    grid-template-columns: 1fr;
  }
  html.cs-page-icount .feature-tab {
    font-size: 16px;
    padding: 16px 8px;
    overflow-wrap: anywhere;
  }
  html.cs-page-icount .workflow-stage {
    height: 420px;
  }
  html.cs-page-icount .workflow-timeline {
    padding-left: 24px;
  }
  html.cs-page-icount .workflow-step:before {
    left: -30px;
  }
}
@media (max-height:740px) and (min-width:701px) {
  html.cs-page-icount .workflow-stage {
    height: 360px;
  }
  html.cs-page-icount .workflow-explainer>i {
    font-size: 28px;
    margin-bottom: 12px;
  }
  html.cs-page-icount .workflow-explainer h3 {
    font-size: 22px;
    margin-bottom: 12px;
  }
  html.cs-page-icount .explainer-rows>div {
    padding: 10px 0;
  }
  html.cs-page-icount .illustration-note {
    margin-top: 12px;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-icount,html.cs-page-icount body {
    scroll-behavior: auto !important;
  }
  html.cs-page-icount *,html.cs-page-icount *:before,html.cs-page-icount *:after {
    animation: none !important;
    transition: none !important;
  }
  html.cs-page-icount .parallax-visual {
    transform: none !important;
  }
}
html.cs-page-icount .case-study {
  --body: #6f6f6f;
  --heading: #101d30;
  --accent: #ee4865;
}
html.cs-page-icount .case-study section {
  --body: #6f6f6f;
  --heading: #101d30;
}
html.cs-page-icount .case-study section[data-theme="dark"] {
  --body: #b8cbe5;
  --heading: #fff;
}
html.cs-page-icount .case-study p {
  color: var(--body);
}
html.cs-page-icount .case-study p.eyebrow {
  color: #ee4865;
}
html.cs-page-icount .case-study h2,html.cs-page-icount .case-study h3,html.cs-page-icount .case-study h4 {
  color: var(--heading);
}
html.cs-page-icount .workflow-stage {
  --body: #6f6f6f;
  --heading: #101d30;
  background: linear-gradient(155deg,#fff 30%,#eaf1fa);
  border: 1px solid rgba(255,255,255,.2);
  box-shadow: 0 24px 60px rgba(0,0,0,.2);
}
html.cs-page-icount .workflow-step-number {
  font-size: 16px;
  line-height: 1.5;
  gap: 7px;
  color: var(--body);
  font-weight: 400;
}
html.cs-page-icount .workflow-step-number strong {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  color: inherit;
  letter-spacing: inherit;
}
html.cs-page-icount .workflow-step {
  min-height: 200px;
  padding-bottom: 48px;
}
html.cs-page-icount .workflow-step:before {
  top: 7px;
}
html.cs-page-icount .workflow-step h3 {
  font-size: 24px;
  line-height: 1.35;
}
html.cs-page-icount .workflow-step p,html.cs-page-icount .workflow-caption {
  color: var(--body);
}
html.cs-page-icount .illustration-note,html.cs-page-icount .feature-panel-heading p,html.cs-page-icount .feature-item p,html.cs-page-icount .accordion-content p {
  color: var(--body);
}
html.cs-page-icount .problems-section {
  padding: clamp(56px,7vw,84px) 0;
  background: #f3f3f3;
}
html.cs-page-icount .problems-layout {
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
  gap: clamp(40px,6vw,80px);
  align-items: start;
}
html.cs-page-icount .problems-heading {
  position: static;
  align-self: start;
  padding: 28px 0;
  border-top: 2px solid #ee4865;
}
html.cs-page-icount .problems-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.18;
  letter-spacing: -.035em;
  margin: 0 0 24px;
}
html.cs-page-icount .problems-heading h2 span {
  color: #ee4865;
}
html.cs-page-icount .section-subtext {
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
  max-width: 390px;
}
html.cs-page-icount .problems-note {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 32px;
}
html.cs-page-icount .problems-note>span {
  height: 44px;
  width: 3px;
  background: #ee4865;
}
html.cs-page-icount .problems-note p {
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
}
html.cs-page-icount .problem-accordions {
  display: grid;
  gap: 12px;
}
html.cs-page-icount .problem-item {
  background: #fff;
  border: 1px solid #e0e7f0;
  border-radius: 14px;
  transition: border-color .3s,box-shadow .3s;
}
html.cs-page-icount .problem-item.is-open {
  border-color: #ee4865;
  box-shadow: 0 16px 40px rgba(16,29,48,.06);
}
html.cs-page-icount .problem-item h3 {
  margin: 0;
}
html.cs-page-icount .problem-item button {
  width: 100%;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  background: transparent;
  border: 0;
  color: #101d30;
  padding: 22px 24px;
  font-family: inherit;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  border-radius: 14px;
}
html.cs-page-icount .problem-item button:hover {
  color: #c92145;
}
html.cs-page-icount .problem-toggle {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d9e2ed;
  color: #101d30;
  transition: background .3s,transform .3s,color .3s;
}
html.cs-page-icount .problem-toggle i {
  font-size: 16px;
}
html.cs-page-icount .is-open .problem-toggle {
  background: #ee4865;
  border-color: #ee4865;
  color: #fff;
  transform: rotate(45deg);
}
html.cs-page-icount .problem-reveal {
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  transition: grid-template-rows .35s ease,visibility .35s;
}
html.cs-page-icount .problem-reveal>div {
  min-height: 0;
  overflow: hidden;
}
html.cs-page-icount .is-open .problem-reveal {
  grid-template-rows: 1fr;
  visibility: visible;
}
html.cs-page-icount .problem-answer {
  padding: 0 24px 24px;
}
html.cs-page-icount .problem-answer p {
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
  border-top: 1px solid #e7edf5;
  padding-top: 18px;
  color: var(--body);
}
html.cs-page-icount .industry-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 20px;
  align-items: stretch;
}
html.cs-page-icount .industry-flip {
  appearance: none;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  perspective: 1200px;
  text-align: left;
  font-family: inherit;
  color: #101d30;
  border-radius: 16px;
}
html.cs-page-icount .flip-inner {
  display: grid;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform .65s cubic-bezier(.22,.61,.36,1);
  position: relative;
}
html.cs-page-icount .industry-flip.is-flipped .flip-inner {
  transform: rotateY(180deg);
}
html.cs-page-icount .flip-front,html.cs-page-icount .flip-back {
  grid-area: 1/1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  padding: 26px;
  border-radius: 16px;
  border: 1px solid #dce5f0;
  min-width: 0;
}
html.cs-page-icount .flip-front {
  background: #fff;
  transform: rotateY(0deg);
}
html.cs-page-icount .flip-front>i {
  font-size: 28px;
  color: #ee4865;
}
html.cs-page-icount .flip-front strong {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.35;
  color: #101d30;
}
html.cs-page-icount .flip-hint {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 16px;
  line-height: 1.4;
  color: #6f6f6f;
  border-top: 1px solid #e6ecf4;
  padding-top: 16px;
}
html.cs-page-icount .flip-hint i {
  font-size: 16px;
  color: #ee4865;
}
html.cs-page-icount .flip-back {
  transform: rotateY(180deg);
  background: linear-gradient(135deg,#0e1d31,#15233b);
  border-color: #15233b;
  color: #fff;
}
html.cs-page-icount .flip-back-label {
  font-size: 16px;
  color: #ff8299;
  font-weight: 600;
}
html.cs-page-icount .flip-description {
  font-size: 16px;
  line-height: 1.7;
  color: #d1def0;
}
html.cs-page-icount .flip-back-hint {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 16px;
  color: #b8cbe5;
}
html.cs-page-icount .flip-back-hint i {
  font-size: 16px;
}
html.cs-page-icount .feature-tabs {
  gap: 8px;
  border-bottom: 0;
  padding: 6px;
  background: #f0f4f9;
  border-radius: 14px;
}
html.cs-page-icount .feature-tab {
  border: 0;
  border-radius: 10px;
  transition: background .25s,box-shadow .25s;
}
html.cs-page-icount .feature-tab.is-active {
  background: #fff;
  box-shadow: 0 4px 15px rgba(16,29,48,.08);
}
html.cs-page-icount .feature-tab:hover {
  background: #fff;
}
html.cs-page-icount .feature-panel-number {
  font-size: 40px;
}
html.cs-page-icount .features-panel {
  padding-top: 32px;
}
html.cs-page-icount .case-study a.contact-link {
  overflow: hidden;
  position: relative;
}
html.cs-page-icount .case-study a.contact-link i {
  transition: transform .25s;
}
html.cs-page-icount .case-study a.contact-link:hover i {
  transform: translateX(5px);
}
@media (max-width:900px) {
  html.cs-page-icount .industry-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
  html.cs-page-icount .problems-layout {
    gap: 32px;
  }
  html.cs-page-icount .problem-item button {
    padding: 20px;
    font-size: 17px;
  }
  html.cs-page-icount .problem-answer {
    padding: 0 20px 20px;
  }
}
@media (max-width:700px) {
  html.cs-page-icount .problems-layout {
    grid-template-columns: 1fr;
  }
  html.cs-page-icount .problems-heading {
    position: static;
  }
  html.cs-page-icount .problems-heading .section-subtext {
    max-width: none;
  }
  html.cs-page-icount .problems-note {
    display: none;
  }
  html.cs-page-icount .workflow-step {
    min-height: 0;
  }
  html.cs-page-icount .workflow-step-number,html.cs-page-icount .workflow-step-number strong {
    font-size: 16px;
  }
  html.cs-page-icount .flip-front,html.cs-page-icount .flip-back {
    padding: 22px;
    gap: 18px;
  }
}
@media (max-width:480px) {
  html.cs-page-icount .industry-grid {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-icount .flip-inner,html.cs-page-icount .problem-reveal,html.cs-page-icount .problem-toggle {
    transition: none;
  }
}
html.cs-page-icount .need-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 22px;
  align-items: stretch;
}
html.cs-page-icount .need-card {
  background: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  transition: box-shadow .3s,border-color .3s,transform .3s;
}
html.cs-page-icount .need-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #ee4865;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s;
}
html.cs-page-icount .need-card.is-open {
  border-color: #ee4865;
  box-shadow: 0 18px 40px rgba(16,29,48,.08);
  transform: translateY(-4px);
}
html.cs-page-icount .need-card.is-open:before {
  transform: scaleX(1);
}
html.cs-page-icount .need-card h3 {
  margin: 0;
}
html.cs-page-icount .need-trigger {
  width: 100%;
  border: 0;
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 26px;
  text-align: left;
  font-family: inherit;
  color: #101d30;
}
html.cs-page-icount .need-marker {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 16px;
  color: #ee4865;
  font-weight: 500;
}
html.cs-page-icount .need-marker i {
  font-size: 16px;
  transition: transform .3s;
}
html.cs-page-icount .is-open .need-marker i {
  transform: rotate(45deg);
}
html.cs-page-icount .need-title {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 600;
}
html.cs-page-icount .need-hint {
  font-size: 16px;
  line-height: 1.5;
  color: #6f6f6f;
  font-weight: 400;
}
html.cs-page-icount .need-reveal {
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  transition: grid-template-rows .4s ease,visibility .4s;
}
html.cs-page-icount .need-reveal>div {
  min-height: 0;
  overflow: hidden;
}
html.cs-page-icount .need-card.is-open .need-reveal {
  grid-template-rows: 1fr;
  visibility: visible;
}
html.cs-page-icount .need-copy {
  padding: 0 26px 26px;
}
html.cs-page-icount .need-copy p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  color: #6f6f6f;
}
html.cs-page-icount .need-answer {
  border-top: 1px solid #e9e9e9;
  padding-top: 20px;
  margin-top: 22px;
}
html.cs-page-icount .need-answer>span {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #101d30;
  margin-bottom: 10px;
}
html.cs-page-icount .need-trigger:focus-visible {
  outline-offset: -5px;
}
@media (max-width:900px) {
  html.cs-page-icount .need-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}
@media (max-width:620px) {
  html.cs-page-icount .need-grid {
    grid-template-columns: 1fr;
  }
  html.cs-page-icount .need-trigger {
    padding: 24px;
    gap: 16px;
  }
  html.cs-page-icount .need-copy {
    padding: 0 24px 24px;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-icount .need-card,html.cs-page-icount .need-card:before,html.cs-page-icount .need-reveal,html.cs-page-icount .need-marker i {
    transition: none;
  }
  html.cs-page-icount .need-card.is-open {
    transform: none;
  }
}
html.cs-page-icount .need-heading {
  padding: 26px 26px 20px;
}
html.cs-page-icount .need-heading h3 {
  font-size: 20px;
  line-height: 1.4;
  margin: 16px 0 0;
  font-weight: 600;
}
html.cs-page-icount .need-static {
  overflow: visible;
  border-top: 3px solid #ee4865;
}
html.cs-page-icount .need-static:before {
  display: none;
}
html.cs-page-icount .scope-heading {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  align-items: baseline;
  justify-content: space-between;
  margin: 0 0 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid #dce2e9;
}
html.cs-page-icount .scope-heading h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0;
}
html.cs-page-icount .scope-heading>span {
  font-size: 16px;
  color: #6f6f6f;
}
html.cs-page-icount .scope-groups {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 28px;
}
html.cs-page-icount .scope-group h4 {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 17px;
  line-height: 1.4;
  margin: 0 0 18px;
}
html.cs-page-icount .scope-group h4 i {
  font-size: 20px;
  color: #ee4865;
}
html.cs-page-icount .scope-group ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
}
html.cs-page-icount .scope-group li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 16px;
  line-height: 1.6;
  color: #6f6f6f;
}
html.cs-page-icount .scope-group li i {
  font-size: 16px;
  line-height: 1.6;
  color: #ee4865;
  flex-shrink: 0;
}
html.cs-page-icount .comparison-heading {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: end;
  margin-bottom: 28px;
}
html.cs-page-icount .comparison-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.2;
  letter-spacing: -.025em;
  margin: 0;
}
html.cs-page-icount .comparison-heading h2 span {
  color: #ee4865;
}
html.cs-page-icount .comparison-heading>p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  max-width: 470px;
}
html.cs-page-icount .comparison-labels,html.cs-page-icount .comparison-row {
  display: grid;
  grid-template-columns: minmax(130px,.55fr) minmax(0,1fr) minmax(0,1.15fr);
  gap: 28px;
}
html.cs-page-icount .comparison-labels {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  color: #101d30;
  padding: 16px 20px;
  border-top: 1px solid #d7dce2;
  border-bottom: 1px solid #d7dce2;
}
html.cs-page-icount .comparison-labels>span:last-child {
  color: #c92145;
}
html.cs-page-icount .comparison-row {
  padding: 22px 20px;
  border-bottom: 1px solid #dfe3e8;
  align-items: start;
}
html.cs-page-icount .comparison-row:nth-child(odd) {
  background: #fff;
}
html.cs-page-icount .comparison-row h3 {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
}
html.cs-page-icount .comparison-row p {
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
  color: #6f6f6f;
}
html.cs-page-icount .comparison-fix {
  border-left: 2px solid #ee4865;
  padding-left: 18px;
}
html.cs-page-icount .mobile-pair-label {
  display: none;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
  color: #101d30;
  margin-bottom: 8px;
}
@media (max-width:1000px) {
  html.cs-page-icount .scope-groups {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 28px 36px;
  }
}
@media (max-width:760px) {
  html.cs-page-icount .comparison-heading {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  html.cs-page-icount .comparison-labels {
    display: none;
  }
  html.cs-page-icount .comparison-row {
    grid-template-columns: 1fr 1fr;
    gap: 16px 24px;
    padding: 22px 18px;
  }
  html.cs-page-icount .comparison-row h3 {
    grid-column: 1/-1;
    color: #101d30;
    font-size: 20px;
  }
  html.cs-page-icount .mobile-pair-label {
    display: block;
  }
  html.cs-page-icount .comparison-fix .mobile-pair-label {
    color: #c92145;
  }
}
@media (max-width:520px) {
  html.cs-page-icount .scope-groups {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  html.cs-page-icount .scope-group {
    padding-bottom: 22px;
    border-bottom: 1px solid #e4e7eb;
  }
  html.cs-page-icount .scope-group:last-child {
    padding-bottom: 0;
    border: 0;
  }
  html.cs-page-icount .comparison-row {
    grid-template-columns: 1fr;
  }
  html.cs-page-icount .comparison-row h3 {
    grid-column: auto;
  }
  html.cs-page-icount .comparison-fix {
    margin-top: 2px;
  }
  html.cs-page-icount .need-heading {
    padding: 24px 24px 20px;
  }
}
html.cs-page-icount .need-static {
  height: 100%;
  box-sizing: border-box;
}
html.cs-page-icount .challenge-story {
  position: relative;
  height: calc(var(--viewport-height) * 4.9);
}
html.cs-page-icount .challenge-stage {
  top: 24px;
}
html.cs-page-icount .challenge-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
html.cs-page-icount .challenge-scroll-hint {
  font-size: 16px;
  color: #6f6f6f;
}
html.cs-page-icount .challenge-nav-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
html.cs-page-icount .challenge-count {
  font-size: 20px;
  font-weight: 600;
  color: #101d30;
  margin-right: 10px;
  font-variant-numeric: tabular-nums;
}
html.cs-page-icount .challenge-count span {
  font-size: 16px;
  font-weight: 400;
  color: #6f6f6f;
}
html.cs-page-icount .challenge-nav-actions button {
  height: 42px;
  width: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #dce1e8;
  border-radius: 50%;
  color: #101d30;
  font-size: 16px;
}
html.cs-page-icount .challenge-nav-actions button:hover:not(:disabled) {
  background: #101d30;
  color: #fff;
  border-color: #101d30;
}
html.cs-page-icount .challenge-nav-actions button:disabled {
  opacity: .35;
  cursor: default;
}
html.cs-page-icount .challenge-focus {
  display: flex;
  flex-direction: column;
}
html.cs-page-icount .challenge-focus-heading>span {
  font-size: 16px;
  font-weight: 500;
  color: #ffa4b5;
  letter-spacing: .1em;
}
html.cs-page-icount .case-study .challenge-focus-heading h3 {
  color: #fff;
}
html.cs-page-icount .challenge-focus-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
html.cs-page-icount .challenge-focus-problem,html.cs-page-icount .challenge-focus-response {
  display: flex;
  flex-direction: column;
}
html.cs-page-icount .challenge-focus-response {
  background: #fff;
}
html.cs-page-icount .challenge-focus-pair h4 {
  font-weight: 600;
  margin: 0 0 18px;
}
html.cs-page-icount .response-heading {
  display: flex;
}
html.cs-page-icount .response-heading i {
  color: #178347;
}
html.cs-page-icount .case-study .response-heading h4 {
  color: #178347;
}
html.cs-page-icount .case-study .challenge-focus-problem h4 {
  color: #c83232;
}
html.cs-page-icount .challenge-focus-problem {
  background: #fff;
}
html.cs-page-icount .challenge-segments {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}
html.cs-page-icount .challenge-segment {
  flex: 1;
  border: 0;
  background: transparent;
  padding: 20px 0;
  min-height: 44px;
}
html.cs-page-icount .challenge-segment span {
  display: block;
  height: 4px;
  border-radius: 3px;
  background: #d8dee7;
  transition: background .25s;
}
html.cs-page-icount .challenge-segment.is-active span {
  background: #ee4865;
}
html.cs-page-icount .challenge-segment:hover span {
  background: #101d30;
}
@keyframes cs-page-icount-challenge-arrive{from{transform:translateY(10px)}to{transform:translateY(0)}}
@media (max-width:700px) {
  html.cs-page-icount .challenge-stage {
    top: 12px;
  }
  html.cs-page-icount .challenge-navigation {
    gap: 12px;
  }
  html.cs-page-icount .challenge-scroll-hint {
    max-width: 160px;
    line-height: 1.4;
  }
  html.cs-page-icount .challenge-focus-pair {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-icount .challenge-segment span {
    transition: none;
  }
}
html.cs-page-icount .project-meta {
  padding: 4px 0 20px;
  border-bottom: 1px dashed rgba(255,255,255,.2);
}
html.cs-page-icount .project-meta-label {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--body);
  font-weight: 500;
}
html.cs-page-icount .project-meta-label i {
  color: #ff8299;
  font-size: 18px;
  width: 24px;
}
html.cs-page-icount .project-meta-value {
  font-size: 17px;
  line-height: 1.5;
  font-weight: 600;
  color: #fff;
  margin: 10px 0 0 36px;
}
html.cs-page-icount .brief-paragraphs {
  margin-bottom: 24px;
}
html.cs-page-icount .brief-paragraphs p {
  font-size: 17px;
  line-height: 1.75;
  margin: 0 0 18px;
}
html.cs-page-icount .brief-paragraphs p:last-child {
  margin-bottom: 0;
}
html.cs-page-icount .brief-visual {
  margin: 0 auto;
  width: min(100%,340px);
  padding: 0;
  background: transparent;
  box-shadow: none;
}
html.cs-page-icount .brief-visual img {
  display: block;
  width: 100%;
  height: 400px;
  object-fit: cover;
  object-position: top;
  border-radius: 12px;
}
html.cs-page-icount .brief-visual figcaption {
  font-size: 16px;
  line-height: 1.55;
  color: #6f6f6f;
  margin-top: 16px;
  padding-left: 16px;
  border-left: 2px solid #ee4865;
  text-align: left;
}
html.cs-page-icount .workflow-stage {
  padding: 0;
}
html.cs-page-icount .workflow-screen {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  border-radius: 0;
}
html.cs-page-icount .workflow-explainer {
  padding: 24px;
  max-width: 410px;
}
html.cs-page-icount .response-heading {
  align-items: baseline;
  gap: 12px;
}
html.cs-page-icount .response-heading i {
  font-size: 22px;
}
html.cs-page-icount .problem-heading i {
  color: #c83232;
}
html.cs-page-icount .case-study .outcome-light {
  --body: #6f6f6f;
  --heading: #101d30;
  background-color: #f0f0ff;
}
html.cs-page-icount .outcome-light .outcome-pointer {
  color: #535d6c;
}
@media (max-width:700px) {
  html.cs-page-icount .challenge-focus-pair h4,html.cs-page-icount .response-heading i {
    font-size: 20px;
  }
  html.cs-page-icount .workflow-stage {
    padding: 0;
  }
  html.cs-page-icount .brief-visual img {
    height: 380px;
  }
  html.cs-page-icount .outcome-light {
    background-attachment: scroll !important;
  }
}
html.cs-page-icount .project-details-grid {
  margin: 0;
  display: grid;
  border-top: 1px solid rgba(255,255,255,.18);
  border-left: 1px solid rgba(255,255,255,.18);
}
html.cs-page-icount .project-detail {
  border-right: 1px solid rgba(255,255,255,.18);
  border-bottom: 1px solid rgba(255,255,255,.18);
}
html.cs-page-icount .project-detail dt {
  display: flex;
  align-items: center;
}
html.cs-page-icount .project-detail dt i {
  color: #ff8299;
}
html.cs-page-icount .challenge-stage {
  display: flex;
  flex-direction: column;
}
html.cs-page-icount .challenge-stage>.comparison-heading {
  flex-shrink: 0;
}
html.cs-page-icount .challenge-stage .comparison-heading .eyebrow {
  margin-bottom: 10px;
}
html.cs-page-icount .challenge-stage .comparison-heading h2 {
  font-size: 34px;
  line-height: 1.14;
}
html.cs-page-icount .challenge-stage .comparison-heading>p {
  font-size: 16px;
  line-height: 1.6;
}
html.cs-page-icount .challenge-navigation,html.cs-page-icount .challenge-segments {
  flex-shrink: 0;
}
html.cs-page-icount .challenge-focus {
  overflow-y: auto;
}
html.cs-page-icount .challenge-focus-heading {
  flex-shrink: 0;
}
html.cs-page-icount .challenge-focus-pair {
  flex: 1 0 auto;
}
html.cs-page-icount .challenge-focus-pair h4 {
  font-size: 28px;
  line-height: 1.25;
  margin-bottom: 16px;
}
@media (max-width:1000px) {
  html.cs-page-icount .challenge-stage .comparison-heading h2 {
    font-size: 30px;
  }
}
@media (max-width:700px) {
  html.cs-page-icount .challenge-stage>.comparison-heading {
    grid-template-columns: 1fr;
  }
  html.cs-page-icount .challenge-stage .comparison-heading>p {
    display: none;
  }
  html.cs-page-icount .challenge-stage .comparison-heading .eyebrow {
    margin-bottom: 6px;
  }
  html.cs-page-icount .challenge-stage .comparison-heading h2 {
    font-size: 28px;
  }
  html.cs-page-icount .challenge-focus {
    flex-basis: 440px;
  }
  html.cs-page-icount .challenge-focus-pair h4 {
    font-size: 28px;
  }
}
html.cs-page-icount .challenge-focus {
  border-radius: 20px;
  background: #fff;
  border: 1px solid #e1e5ec;
}
html.cs-page-icount .challenge-focus-heading {
  padding: 16px 28px 22px;
  background: linear-gradient(135deg,#0e1d31,#18233a);
  border-bottom: 3px solid #ee4865;
}
html.cs-page-icount .case-study .challenge-focus-heading h3 {
  line-height: 1.2;
  margin: 0;
  font-weight: 600;
}
html.cs-page-icount .challenge-focus-problem,html.cs-page-icount .challenge-focus-response {
  padding: 28px;
  justify-content: flex-start;
  background: #fff;
}
html.cs-page-icount .challenge-focus-response {
  border-left: 1px solid #dfe3e9;
}
html.cs-page-icount .challenge-focus-pair .response-heading {
  display: flex;
}
html.cs-page-icount .challenge-focus-pair .response-heading i {
  display: block;
  line-height: 1;
}
html.cs-page-icount .challenge-focus-pair .response-heading h4 {
  font-weight: 600;
  margin: 0;
}
html.cs-page-icount .challenge-focus-pair p {
  margin: 0;
}
html.cs-page-icount .case-study .problem-heading h4,html.cs-page-icount .challenge-focus-pair .problem-heading i {
  color: #ce3335;
}
html.cs-page-icount .case-study .challenge-focus-response h4,html.cs-page-icount .challenge-focus-response .response-heading i {
  color: #16864b;
}
@media (max-width:700px) {
  html.cs-page-icount .challenge-focus-heading {
    padding: 18px 22px;
  }
  html.cs-page-icount .challenge-focus-problem,html.cs-page-icount .challenge-focus-response {
    padding: 24px;
  }
  html.cs-page-icount .challenge-focus-response {
    border-left: 0;
    border-top: 1px solid #dfe3e9;
  }
}
html.cs-page-icount {
  --viewport-height: 100vh;
}
@supports (height:100svh) {
  html.cs-page-icount {
    --viewport-height: 100svh;
  }
}
html.cs-page-icount {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
html.cs-page-icount .case-study * {
  min-width: 0;
}
html.cs-page-icount .case-study p,html.cs-page-icount .case-study dd,html.cs-page-icount .case-study h2,html.cs-page-icount .case-study h3 {
  overflow-wrap: break-word;
}
html.cs-page-icount .hero-location {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 20px;
  margin: 0 0 22px;
  padding-left: 14px;
  border-left: 3px solid #ee4865;
}
html.cs-page-icount .hero-country {
  display: flex;
  align-items: center;
  gap: 10px;
}
html.cs-page-icount .hero-country img {
  width: 34px;
  height: auto;
  display: block;
  flex-shrink: 0;
  border: 1px solid #e0e4eb;
}
html.cs-page-icount .hero-country span {
  font-size: 16px;
  line-height: 1.5;
  color: #c92145;
  font-weight: 500;
}
html.cs-page-icount .hero-location strong {
  font-size: 18px;
  line-height: 1.5;
  color: #101d30;
  font-weight: 600;
}
html.cs-page-icount .project-details-grid {
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 32px 36px;
  border: 0;
}
html.cs-page-icount .project-detail {
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
}
html.cs-page-icount .project-detail dt {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  gap: 10px;
  color: #b8cbe5;
}
html.cs-page-icount .project-detail dt i {
  font-size: 18px;
  flex-shrink: 0;
}
html.cs-page-icount .project-detail dd {
  margin: 12px 0 0;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 500;
  color: #fff;
}
html.cs-page-icount .flip-inner {
  -webkit-transform-style: preserve-3d;
}
html.cs-page-icount .flip-front,html.cs-page-icount .flip-back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
html.cs-page-icount .challenge-stage {
  position: -webkit-sticky;
  position: sticky;
}
@media (max-width:1000px) {
  html.cs-page-icount .project-details-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 28px 32px;
  }
}
@media (max-width:620px) {
  html.cs-page-icount .hero-location {
    display: block;
  }
  html.cs-page-icount .hero-location strong {
    display: block;
    margin-top: 7px;
  }
  html.cs-page-icount .project-details-grid {
    gap: 26px 22px;
  }
  html.cs-page-icount .project-detail dd {
    font-size: 16px;
  }
  html.cs-page-icount .project-detail dt {
    font-size: 16px;
  }
  html.cs-page-icount .case-study a.contact-link {
    max-width: 100%;
  }
  html.cs-page-icount .challenge-nav-actions {
    flex-shrink: 0;
  }
}
@media (max-width:380px) {
  html.cs-page-icount .project-details-grid {
    grid-template-columns: 1fr;
  }
  html.cs-page-icount .hero-country img {
    width: 30px;
  }
  html.cs-page-icount .challenge-navigation {
    flex-wrap: wrap;
    gap: 8px;
  }
  html.cs-page-icount .challenge-scroll-hint {
    max-width: none;
  }
  html.cs-page-icount .feature-tab {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width:767px) {
  html.cs-page-icount .hero-art {
    display: none !important;
  }
  html.cs-page-icount .hero-layout,html.cs-page-icount .brief-layout {
    grid-template-columns: minmax(0,1fr) !important;
  }
  html.cs-page-icount .case-study>section {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  html.cs-page-icount .hero-section h1 {
    font-size: clamp(32px,7.5vw,44px) !important;
    line-height: 1.15 !important;
  }
  html.cs-page-icount .case-study h2 {
    font-size: clamp(26px,6vw,32px) !important;
    line-height: 1.25 !important;
  }
  html.cs-page-icount .hero-section p {
    font-size: 16px !important;
    line-height: 1.7 !important;
    max-width: 100% !important;
  }
  html.cs-page-icount .hero-actions {
    gap: 12px !important;
  }
  html.cs-page-icount .hero-actions a {
    min-height: 48px;
    justify-content: center;
  }
  html.cs-page-icount .client-brief,html.cs-page-icount .client-brief .brief-paragraphs p,html.cs-page-icount .client-brief .brief-facts {
    text-align: center !important;
  }
  html.cs-page-icount .client-brief .brief-paragraphs {
    max-width: 560px;
    margin: 0 auto 28px;
  }
  html.cs-page-icount .client-brief .brief-paragraphs p {
    font-size: 16px;
    line-height: 1.75;
  }
  html.cs-page-icount .brief-facts {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 20px !important;
    max-width: 420px;
    margin: 0 auto;
  }
  html.cs-page-icount .brief-visual {
    max-width: 300px;
  }
  html.cs-page-icount .brief-visual figcaption {
    text-align: center;
    border-left: 0;
    padding-left: 0;
  }
  html.cs-page-icount .brief-visual figcaption:before {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background: #ee4865;
    margin: 0 auto 12px;
  }
  html.cs-page-icount .feature-tab {
    min-height: 48px;
  }
}
@media (max-width:480px) {
  html.cs-page-icount .hero-actions {
    flex-direction: column;
    align-items: stretch;
  }
  html.cs-page-icount .hero-actions a {
    padding: 14px 18px !important;
    text-align: center;
  }
  html.cs-page-icount .hero-section h1 {
    letter-spacing: -.025em !important;
  }
}
html.cs-page-icount .birdi-gradient-label::after {
  content: "";
  display: block;
  width: 72px;
  height: 3px;
  margin: 12px auto 0;
  border-radius: 3px;
  background: linear-gradient(90deg,#ee4865 0%,#ff8299 48%,rgba(255,130,153,0) 100%);
}
html.cs-page-icount .hero-location .hero-country {
  gap: 14px;
}
html.cs-page-icount .hero-location .hero-country img {
  width: 48px;
}
html.cs-page-icount .hero-location .hero-country span {
  font-size: 26px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -.02em;
}
@media (max-width:767px) {
  html.cs-page-icount .hero-location .hero-country img {
    width: 42px;
  }
  html.cs-page-icount .hero-location .hero-country span {
    font-size: 23px;
  }
}
html.cs-page-icount .client-brief .brief-visual {
  width: min(100%,420px);
  max-width: 420px;
}
html.cs-page-icount .client-brief .brief-visual img {
  height: auto;
  object-fit: contain;
  box-shadow: 0 20px 44px rgba(16,29,48,.16),0 5px 12px rgba(16,29,48,.08);
}
html.cs-page-icount .need-grid {
  grid-auto-rows: auto;
}
html.cs-page-icount .need-grid .need-static {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  row-gap: 0;
  height: auto;
}
html.cs-page-icount .need-grid .need-copy {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  row-gap: 0;
}
@media (max-width:620px) {
  html.cs-page-icount .need-grid .need-static {
    display: block;
    grid-row: auto;
  }
  html.cs-page-icount .need-grid .need-copy {
    display: block;
    grid-row: auto;
  }
  html.cs-page-icount .client-brief .brief-visual img {
    box-shadow: 0 14px 28px rgba(16,29,48,.14),0 3px 8px rgba(16,29,48,.07);
  }
}
@media (max-width:767px) {
  html.cs-page-icount .client-brief .brief-visual {
    width: min(100%,300px);
  }
}
html.cs-page-icount .client-brief .brief-facts {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  gap: 0 !important;
  max-width: none;
  margin: 28px 0 0;
  padding: 6px 22px;
  background: #f6f7fa;
  border: 1px solid #e3e7ed;
  border-radius: 16px;
  text-align: left !important;
}
html.cs-page-icount .brief-fact {
  display: grid;
  grid-template-columns: 36px minmax(0,1fr);
  gap: 14px;
  align-items: start;
  padding: 18px 0;
}
html.cs-page-icount .brief-fact+.brief-fact {
  border-top: 1px solid #dfe4ec;
}
html.cs-page-icount .brief-fact-icon {
  display: grid;
  place-items: center;
  height: 36px;
  border-radius: 10px;
  background: #fce7ed;
  color: #c92145;
  font-size: 17px;
}
html.cs-page-icount .case-study .brief-fact h3 {
  font-size: 17px;
  line-height: 1.45;
  font-weight: 600;
  margin: 0 0 5px;
  color: #101d30;
}
html.cs-page-icount .brief-fact p {
  font-size: 16px;
  line-height: 1.65;
  margin: 0;
  color: #535d6c;
}
html.cs-page-icount .challenge-mobile {
  display: none;
}
html.cs-page-icount .challenge-focus {
  height: auto;
  min-height: 0;
  max-height: none;
  flex: 0 0 auto;
  overflow: hidden;
  box-shadow: none;
}
html.cs-page-icount .challenge-stage {
  max-height: none;
}
html.cs-page-icount .challenge-stage>.comparison-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
  margin-bottom: 28px;
}
html.cs-page-icount .challenge-stage>.comparison-heading>div {
  width: 100%;
}
html.cs-page-icount .challenge-stage>.comparison-heading>p {
  max-width: 680px;
  margin: 0;
  color: #626b78;
  font-size: 16px;
  line-height: 1.7;
}
html.cs-page-icount .challenge-stage>.comparison-heading .eyebrow {
  margin-bottom: 12px;
}
html.cs-page-icount .challenge-navigation {
  margin-bottom: 20px;
}
html.cs-page-icount .challenge-mobile-heading {
  text-align: center;
}
html.cs-page-icount .challenge-mobile-description {
  max-width: 680px;
  margin: 16px auto 0;
  font-size: 16px;
  line-height: 1.7;
  color: #626b78;
}
html.cs-page-icount .challenge-mobile-hint {
  font-size: 16px;
  line-height: 1.5;
  color: #626b78;
  margin: 0 0 16px;
}
html.cs-page-icount .challenge-focus-pair {
  animation: none;
}
html.cs-page-icount .challenge-focus-pair .response-heading {
  flex-direction: row;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}
html.cs-page-icount .challenge-focus-pair .response-heading i {
  font-size: 22px;
}
html.cs-page-icount .challenge-focus-pair .response-heading h4 {
  font-size: 21px;
  line-height: 1.35;
}
html.cs-page-icount .challenge-focus-pair p {
  font-size: 16px;
  line-height: 1.7;
  color: #535d6c;
}
html.cs-page-icount .case-study .challenge-focus-heading h3 {
  font-size: 28px;
}
html.cs-page-icount .related-section {
  background: #101d30;
  color: #f7f9fc;
  padding: clamp(48px,6vw,72px) 0;
}
html.cs-page-icount .related-heading {
  max-width: 720px;
  margin-bottom: 28px;
}
html.cs-page-icount .related-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.25;
  margin: 0;
  color: #f7f9fc;
}
html.cs-page-icount .related-heading h2 span {
  color: #ff8299;
}
html.cs-page-icount .related-all-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  min-height: 44px;
  font-size: 16px;
  line-height: 1.4;
  color: #f7f9fc;
}
html.cs-page-icount .related-all-link:hover { color: #ff8299; }
html.cs-page-icount .related-all-link:focus-visible { outline: 3px solid #ff8299; outline-offset: 4px; }
html.cs-page-icount .related-switcher {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0 0 24px;
}
html.cs-page-icount .related-switcher button {
  font: inherit;
  font-size: 16px;
  line-height: 1.4;
  min-height: 44px;
  min-width: 44px;
  border: 1px solid #4b596e;
  border-radius: 8px;
  color: #f7f9fc;
  background: transparent;
  padding: 10px 16px;
}
html.cs-page-icount .related-switcher button[aria-pressed="true"] {
  background: #f7f9fc;
  color: #101d30;
  border-color: #f7f9fc;
}
html.cs-page-icount .related-card {
  border: 1px solid #39475b;
  border-radius: 18px;
  background: #16253a;
  padding: 32px;
  min-width: 0;
}
html.cs-page-icount .related-card-tag {
  color: #ff8299;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 12px;
}
html.cs-page-icount .case-study .related-card h3 {
  font-size: clamp(24px,2.7vw,32px);
  line-height: 1.3;
  color: #f7f9fc;
  margin: 0 0 28px;
  max-width: 780px;
}
html.cs-page-icount .related-comparison {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 32px;
}
html.cs-page-icount .related-card h4 {
  font-size: 17px;
  line-height: 1.4;
  font-weight: 600;
  color: #f7f9fc;
  margin: 0 0 10px;
}
html.cs-page-icount .related-card p {
  font-size: 16px;
  line-height: 1.75;
  overflow-wrap: anywhere;
}
html.cs-page-icount .related-comparison p {
  color: #bdcbe0;
  margin: 0;
}
html.cs-page-icount .related-result {
  margin-top: 28px;
  padding: 24px 0 0;
  border-top: 1px solid #3d4b60;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: end;
  gap: 28px;
}
html.cs-page-icount .related-result p {
  color: #bdcbe0;
  margin: 0;
  max-width: 780px;
}
html.cs-page-icount .related-result a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #f7f9fc;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 2px solid #ff8299;
  padding: 10px 0;
}
@media (max-width:899px),(max-height:650px) {
  html.cs-page-icount .challenge-story {
    display: none;
  }
  html.cs-page-icount .challenge-mobile {
    display: block;
  }
  html.cs-page-icount .challenge-mobile-heading {
    margin-bottom: 24px;
  }
  html.cs-page-icount .case-study .challenge-mobile-heading h2 {
    font-size: 30px;
    line-height: 1.25;
    margin: 0;
    color: #101d30;
  }
  html.cs-page-icount .challenge-mobile-heading h2 span {
    color: #c92145;
  }
  html.cs-page-icount .challenge-disclosures {
    display: grid;
    gap: 10px;
  }
  html.cs-page-icount .challenge-disclosure {
    border: 1px solid #dce2eb;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
  }
  html.cs-page-icount .challenge-disclosure summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    list-style: none;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
    color: #101d30;
    cursor: pointer;
  }
  html.cs-page-icount .challenge-disclosure summary::-webkit-details-marker {
    display: none;
  }
  html.cs-page-icount .challenge-disclosure summary i {
    font-size: 16px;
    color: #c92145;
    flex-shrink: 0;
    transition: transform .18s;
  }
  html.cs-page-icount .challenge-disclosure[open] summary {
    background: #101d30;
    color: #fff;
  }
  html.cs-page-icount .challenge-disclosure[open] summary i {
    transform: rotate(180deg);
    color: #ff8299;
  }
  html.cs-page-icount .challenge-disclosure-body {
    padding: 20px;
  }
  html.cs-page-icount .challenge-disclosure-body>div+div {
    border-top: 1px solid #e2e6ed;
    padding-top: 18px;
    margin-top: 18px;
  }
  html.cs-page-icount .challenge-disclosure h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 8px;
    color: #101d30;
  }
  html.cs-page-icount .challenge-disclosure .mobile-response h3 {
    color: #c92145;
  }
  html.cs-page-icount .challenge-disclosure p {
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
    color: #535d6c;
  }
}
@media (max-width:767px) {
  html.cs-page-icount .client-brief .brief-paragraphs p {
    text-align: left !important;
  }
  html.cs-page-icount .client-brief .brief-facts {
    text-align: left !important;
    padding: 4px 18px;
  }
  html.cs-page-icount .brief-fact {
    grid-template-columns: 32px minmax(0,1fr);
    gap: 12px;
    padding: 17px 0;
  }
  html.cs-page-icount .brief-fact-icon {
    height: 32px;
    font-size: 16px;
  }
  html.cs-page-icount .related-card {
    padding: 22px;
    border-radius: 14px;
  }
  html.cs-page-icount .related-comparison {
    grid-template-columns: minmax(0,1fr);
    gap: 22px;
  }
  html.cs-page-icount .related-result {
    grid-template-columns: minmax(0,1fr);
    gap: 18px;
    margin-top: 22px;
    padding-top: 22px;
  }
  html.cs-page-icount .case-study .related-card h3 {
    font-size: 25px;
    margin-bottom: 24px;
  }
  html.cs-page-icount .related-result a {
    justify-self: start;
  }
  html.cs-page-icount .related-switcher {
    gap: 8px;
  }
}
@media (prefers-reduced-motion:reduce) {
  html.cs-page-icount .challenge-disclosure summary i {
    transition: none;
  }
}
html.cs-page-icount .birdi-summary {
  background: radial-gradient(ellipse at 3% 100%,rgba(238,72,101,.25) 0%,rgba(238,72,101,.08) 34%,transparent 64%),radial-gradient(ellipse at 100% 0%,rgba(255,130,153,.17) 0%,transparent 58%),linear-gradient(115deg,#101d30 0%,#14243b 52%,#101d30 100%);
  color: #f6f8fc;
  padding: 40px 0;
}
html.cs-page-icount .birdi-summary-inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 48px;
  align-items: stretch;
}
html.cs-page-icount .birdi-summary-identity {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
html.cs-page-icount .birdi-summary-client {
  display: flex;
  gap: 18px;
  align-items: center;
  width: 100%;
}
html.cs-page-icount .birdi-summary .birdi-client-name {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.035em;
  margin: 0;
  color: #f6f8fc;
}
html.cs-page-icount .birdi-summary-sector {
  font-size: 16px;
  color: #bdc8d9;
  border-left: 1px solid #445063;
  padding-left: 18px;
}
html.cs-page-icount .birdi-summary .birdi-solution {
  font-size: 23px;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: -.025em;
  max-width: 420px;
  margin: 20px 0 22px;
  color: #f6f8fc;
}
html.cs-page-icount .birdi-summary-status {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 16px;
  line-height: 1.4;
  color: #f6f8fc;
  margin-top: auto;
}
html.cs-page-icount .birdi-summary-status i {
  color: #ff8299;
  font-size: 16px;
}
html.cs-page-icount .birdi-summary-facts {
  display: grid;
  grid-template-columns: 1fr 1.12fr;
  column-gap: 32px;
  row-gap: 24px;
  margin: 0;
  padding: 3px 0 3px 40px;
  border-left: 1px solid #394558;
  align-content: space-between;
}
html.cs-page-icount .birdi-summary-facts>div {
  min-width: 0;
}
html.cs-page-icount .birdi-summary-facts dt {
  font-size: 16px;
  line-height: 1.4;
  color: #bdc8d9;
  margin: 0 0 8px;
  font-weight: 400;
}
html.cs-page-icount .birdi-summary-facts dd {
  font-size: 18px;
  line-height: 1.5;
  color: #f6f8fc;
  font-weight: 500;
  margin: 0;
}
@media (max-width:1000px) {
  html.cs-page-icount .birdi-summary-inner {
    gap: 28px;
    grid-template-columns: 1fr 1.25fr;
  }
  html.cs-page-icount .birdi-summary-facts {
    padding-left: 28px;
    column-gap: 24px;
  }
  html.cs-page-icount .birdi-summary .birdi-solution {
    font-size: 21px;
  }
}
@media (max-width:767px) {
  html.cs-page-icount .birdi-summary {
    padding: 30px 0;
  }
  html.cs-page-icount .birdi-summary-inner {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  html.cs-page-icount .birdi-summary .birdi-solution {
    font-size: 22px;
    max-width: 520px;
    margin: 16px 0 18px;
  }
  html.cs-page-icount .birdi-summary-facts {
    border-left: 0;
    border-top: 1px solid #394558;
    padding: 24px 0 0;
    gap: 22px 24px;
    grid-template-columns: 1fr 1fr;
  }
  html.cs-page-icount .birdi-summary-facts dd {
    font-size: 16px;
  }
  html.cs-page-icount .birdi-summary .birdi-client-name {
    font-size: 30px;
  }
}
@media (max-width:359px) {
  html.cs-page-icount .birdi-summary-facts {
    grid-template-columns: 1fr;
  }
}

/* Fixed presentation exported from the approved page. */
html.cs-page-icount .case-study .birdi-presentation-1, html.cs-page-icount .case-study.birdi-presentation-1 { font-family: Lexend, sans-serif; background: rgb(255, 255, 255); color: rgb(16, 29, 48); }
html.cs-page-icount .case-study .birdi-presentation-2, html.cs-page-icount .case-study.birdi-presentation-2 { background: rgb(255, 255, 255); padding: clamp(56px, 7vw, 84px) 0px; position: relative; overflow: hidden; }
html.cs-page-icount .case-study .birdi-presentation-3, html.cs-page-icount .case-study.birdi-presentation-3 { max-width: 1180px; margin: 0px auto; padding: 0px 24px; }
html.cs-page-icount .case-study .birdi-presentation-4, html.cs-page-icount .case-study.birdi-presentation-4 { align-items: center; }
html.cs-page-icount .case-study .birdi-presentation-5, html.cs-page-icount .case-study.birdi-presentation-5 { display: flex; align-items: center; gap: 12px; margin-bottom: 22px; }
html.cs-page-icount .case-study .birdi-presentation-6, html.cs-page-icount .case-study.birdi-presentation-6 { height: 2px; width: 38px; background: linear-gradient(90deg, rgb(238, 72, 101), rgb(213, 31, 63)); }
html.cs-page-icount .case-study .birdi-presentation-7, html.cs-page-icount .case-study.birdi-presentation-7 { font-size: 16px; font-weight: 700; letter-spacing: 0.16em; color: rgb(238, 72, 101); }
html.cs-page-icount .case-study .birdi-presentation-8, html.cs-page-icount .case-study.birdi-presentation-8 { font-size: clamp(2.05rem, 4vw, 4rem); line-height: 1.06; font-weight: 700; margin: 0px 0px 22px; letter-spacing: -0.01em; }
html.cs-page-icount .case-study .birdi-presentation-9, html.cs-page-icount .case-study.birdi-presentation-9 { color: rgb(238, 72, 101); }
html.cs-page-icount .case-study .birdi-presentation-10, html.cs-page-icount .case-study.birdi-presentation-10 { font-size: 17px; line-height: 1.7; color: var(--body); margin: 0px 0px 30px; max-width: 470px; }
html.cs-page-icount .case-study .birdi-presentation-11, html.cs-page-icount .case-study.birdi-presentation-11 { display: flex; flex-wrap: wrap; gap: 14px; }
html.cs-page-icount .case-study .birdi-presentation-12, html.cs-page-icount .case-study.birdi-presentation-12 { display: inline-flex; align-items: center; gap: 10px; background: linear-gradient(135deg, rgb(238, 72, 101) 0%, rgb(213, 31, 63) 100%); color: rgb(255, 255, 255); font-weight: 600; font-size: 16px; padding: 15px 28px; border-radius: 10px; box-shadow: rgba(213, 31, 63, 0.26) 0px 12px 26px; transition: transform 0.25s, box-shadow 0.25s; }
html.cs-page-icount .case-study .birdi-presentation-13, html.cs-page-icount .case-study.birdi-presentation-13 { font-size: 16px; }
html.cs-page-icount .case-study .birdi-presentation-14, html.cs-page-icount .case-study.birdi-presentation-14 { position: relative; display: flex; justify-content: center; padding: 24px 0px; }
html.cs-page-icount .case-study .birdi-presentation-15, html.cs-page-icount .case-study.birdi-presentation-15 { position: absolute; inset: auto 12% 6%; height: 78%; background: rgb(243, 243, 243); border-radius: 16px; }
html.cs-page-icount .case-study .birdi-presentation-16, html.cs-page-icount .case-study.birdi-presentation-16 { position: relative; width: 100%; max-width: 262px; border-radius: 12px; overflow: hidden; box-shadow: rgba(16, 29, 48, 0.24) 0px 34px 74px, rgba(16, 29, 48, 0.1) 0px 6px 16px; }
html.cs-page-icount .case-study .birdi-presentation-17, html.cs-page-icount .case-study.birdi-presentation-17 { display: block; width: 100%; height: auto; }
html.cs-page-icount .case-study .birdi-presentation-18, html.cs-page-icount .case-study.birdi-presentation-18 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)); gap: 24px; margin-top: clamp(36px, 5vw, 56px); padding-top: 28px; border-top: 1px solid rgba(16, 29, 48, 0.1); }
html.cs-page-icount .case-study .birdi-presentation-19, html.cs-page-icount .case-study.birdi-presentation-19 { display: flex; align-items: flex-start; gap: 12px; }
html.cs-page-icount .case-study .birdi-presentation-20, html.cs-page-icount .case-study.birdi-presentation-20 { color: rgb(238, 72, 101); font-size: 16px; margin-top: 4px; }
html.cs-page-icount .case-study .birdi-presentation-21, html.cs-page-icount .case-study.birdi-presentation-21 { font-size: 16px; font-weight: 700; margin-bottom: 3px; }
html.cs-page-icount .case-study .birdi-presentation-22, html.cs-page-icount .case-study.birdi-presentation-22 { font-size: 16px; color: var(--body); line-height: 1.45; }
html.cs-page-icount .case-study .birdi-presentation-23, html.cs-page-icount .case-study.birdi-presentation-23 { background: rgb(255, 255, 255); padding: clamp(56px, 7vw, 84px) 0px; }
html.cs-page-icount .case-study .birdi-presentation-24, html.cs-page-icount .case-study.birdi-presentation-24 { max-width: 720px; margin: 0px auto clamp(32px, 4vw, 48px); text-align: center; }
html.cs-page-icount .case-study .birdi-presentation-25, html.cs-page-icount .case-study.birdi-presentation-25 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.16em; color: rgb(238, 72, 101); font-weight: 700; margin-bottom: 16px; }
html.cs-page-icount .case-study .birdi-presentation-26, html.cs-page-icount .case-study.birdi-presentation-26 { font-size: clamp(1.55rem, 2.4vw, 2.1rem); font-weight: 700; line-height: 1.25; margin: 0px; }
html.cs-page-icount .case-study .birdi-presentation-27, html.cs-page-icount .case-study.birdi-presentation-27 { background: rgb(243, 243, 243); padding: clamp(56px, 7vw, 84px) 0px; }
html.cs-page-icount .case-study .birdi-presentation-28, html.cs-page-icount .case-study.birdi-presentation-28 { max-width: 740px; margin: 0px auto clamp(32px, 4vw, 48px); text-align: center; }
html.cs-page-icount .case-study .birdi-presentation-29, html.cs-page-icount .case-study.birdi-presentation-29 { font-size: clamp(1.55rem, 2.4vw, 2.1rem); font-weight: 700; line-height: 1.25; margin: 0px 0px 18px; }
html.cs-page-icount .case-study .birdi-presentation-30, html.cs-page-icount .case-study.birdi-presentation-30 { font-size: 16px; line-height: 1.75; color: var(--body); margin: 0px; }
html.cs-page-icount .case-study .birdi-presentation-31, html.cs-page-icount .case-study.birdi-presentation-31 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(32px, 5vw, 64px); align-items: center; margin-bottom: clamp(36px, 5vw, 56px); }
html.cs-page-icount .case-study .birdi-presentation-32, html.cs-page-icount .case-study.birdi-presentation-32 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.16em; color: rgb(238, 72, 101); font-weight: 700; margin-bottom: 18px; }
html.cs-page-icount .case-study .birdi-presentation-33, html.cs-page-icount .case-study.birdi-presentation-33 { font-size: clamp(1.55rem, 2.4vw, 2.1rem); font-weight: 700; line-height: 1.25; margin: 0px 0px 20px; }
html.cs-page-icount .case-study .birdi-presentation-34, html.cs-page-icount .case-study.birdi-presentation-34 { font-size: 16px; line-height: 1.75; color: var(--body); margin: 0px 0px 14px; }
html.cs-page-icount .case-study .birdi-presentation-35, html.cs-page-icount .case-study.birdi-presentation-35 { display: flex; justify-content: center; gap: 16px; }
html.cs-page-icount .case-study .birdi-presentation-36, html.cs-page-icount .case-study.birdi-presentation-36 { width: 46%; max-width: 190px; border-radius: 12px; overflow: hidden; box-shadow: rgba(16, 29, 48, 0.18) 0px 24px 54px; align-self: flex-start; }
html.cs-page-icount .case-study .birdi-presentation-37, html.cs-page-icount .case-study.birdi-presentation-37 { width: 46%; max-width: 190px; border-radius: 12px; overflow: hidden; box-shadow: rgba(16, 29, 48, 0.18) 0px 24px 54px; align-self: flex-end; }
html.cs-page-icount .case-study .birdi-presentation-38, html.cs-page-icount .case-study.birdi-presentation-38 { width: 10%; }
html.cs-page-icount .case-study .birdi-presentation-39, html.cs-page-icount .case-study.birdi-presentation-39 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(28px, 4vw, 52px); align-items: center; }
html.cs-page-icount .case-study .birdi-presentation-40, html.cs-page-icount .case-study.birdi-presentation-40 { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
html.cs-page-icount .case-study .birdi-presentation-41, html.cs-page-icount .case-study.birdi-presentation-41 { width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(135deg, rgb(238, 72, 101), rgb(213, 31, 63)); display: inline-flex; align-items: center; justify-content: center; }
html.cs-page-icount .case-study .birdi-presentation-42, html.cs-page-icount .case-study.birdi-presentation-42 { color: rgb(255, 255, 255); font-size: 16px; }
html.cs-page-icount .case-study .birdi-presentation-43, html.cs-page-icount .case-study.birdi-presentation-43 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.14em; font-weight: 700; color: rgb(16, 29, 48); }
html.cs-page-icount .case-study .birdi-presentation-44, html.cs-page-icount .case-study.birdi-presentation-44 { font-size: 16px; line-height: 1.75; color: var(--body); margin: 0px 0px 26px; }
html.cs-page-icount .case-study .birdi-presentation-45, html.cs-page-icount .case-study.birdi-presentation-45 { display: flex; flex-direction: column; gap: 0px; }
html.cs-page-icount .case-study .birdi-presentation-46, html.cs-page-icount .case-study.birdi-presentation-46 { display: flex; gap: 16px; align-items: center; padding: 15px 0px; border-top: 1px solid rgba(16, 29, 48, 0.12); }
html.cs-page-icount .case-study .birdi-presentation-47, html.cs-page-icount .case-study.birdi-presentation-47 { font-size: 16px; font-weight: 700; color: rgb(238, 72, 101); min-width: 22px; }
html.cs-page-icount .case-study .birdi-presentation-48, html.cs-page-icount .case-study.birdi-presentation-48 { font-size: 16px; line-height: 1.55; color: rgb(16, 29, 48); }
html.cs-page-icount .case-study .birdi-presentation-49, html.cs-page-icount .case-study.birdi-presentation-49 { display: flex; justify-content: center; }
html.cs-page-icount .case-study .birdi-presentation-50, html.cs-page-icount .case-study.birdi-presentation-50 { width: 100%; max-width: 250px; border-radius: 12px; overflow: hidden; box-shadow: rgba(16, 29, 48, 0.22) 0px 28px 60px; }
html.cs-page-icount .case-study .birdi-presentation-51, html.cs-page-icount .case-study.birdi-presentation-51 { position: relative; overflow: hidden; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.57), rgb(239, 239, 255)), url("../../case-studies/icount/uploads/cs-chal-sol-bg.webp"); background-position: center center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; padding: clamp(56px, 7vw, 84px) 0px; color: rgb(16, 29, 48); }
html.cs-page-icount .case-study .birdi-presentation-52, html.cs-page-icount .case-study.birdi-presentation-52 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(32px, 5vw, 64px); align-items: center; margin-bottom: clamp(40px, 5vw, 60px); }
html.cs-page-icount .case-study .birdi-presentation-53, html.cs-page-icount .case-study.birdi-presentation-53 { position: relative; display: flex; justify-content: center; }
html.cs-page-icount .case-study .birdi-presentation-54, html.cs-page-icount .case-study.birdi-presentation-54 { width: 100%; max-width: 236px; border-radius: 12px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.42) 0px 30px 66px; }
html.cs-page-icount .case-study .birdi-presentation-55, html.cs-page-icount .case-study.birdi-presentation-55 { position: absolute; top: 12%; right: 0px; background: rgb(255, 255, 255); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.3) 0px 16px 34px; padding: 10px 15px; display: flex; align-items: center; gap: 9px; }
html.cs-page-icount .case-study .birdi-presentation-56, html.cs-page-icount .case-study.birdi-presentation-56 { width: 24px; height: 24px; border-radius: 50%; background: rgb(31, 158, 92); display: inline-flex; align-items: center; justify-content: center; }
html.cs-page-icount .case-study .birdi-presentation-57, html.cs-page-icount .case-study.birdi-presentation-57 { font-size: 16px; font-weight: 700; color: rgb(16, 29, 48); }
html.cs-page-icount .case-study .birdi-presentation-58, html.cs-page-icount .case-study.birdi-presentation-58 { display: flex; align-items: center; gap: 16px; margin-bottom: 8px; }
html.cs-page-icount .case-study .birdi-presentation-59, html.cs-page-icount .case-study.birdi-presentation-59 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.14em; font-weight: 700; color: rgb(16, 29, 48); white-space: normal; }
html.cs-page-icount .case-study .birdi-presentation-60, html.cs-page-icount .case-study.birdi-presentation-60 { height: 1px; flex: 1 1 0%; background: rgba(16, 29, 48, 0.15); }
html.cs-page-icount .case-study .birdi-presentation-61, html.cs-page-icount .case-study.birdi-presentation-61 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 0px 56px; }
html.cs-page-icount .case-study .birdi-presentation-62, html.cs-page-icount .case-study.birdi-presentation-62 { display: flex; gap: 16px; align-items: center; padding: 20px 0px; border-bottom: 1px solid rgba(16, 29, 48, 0.12); }
html.cs-page-icount .case-study .birdi-presentation-63, html.cs-page-icount .case-study.birdi-presentation-63 { color: rgb(238, 72, 101); font-size: 22px; width: 24px; flex-shrink: 0; }
html.cs-page-icount .case-study .birdi-presentation-64, html.cs-page-icount .case-study.birdi-presentation-64 { font-size: 16px; line-height: 1.7; color: rgb(83, 93, 108); font-weight: 300; }
html.cs-page-icount .case-study .birdi-presentation-65, html.cs-page-icount .case-study.birdi-presentation-65 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 32px; align-items: end; margin-bottom: clamp(32px, 4vw, 44px); }
html.cs-page-icount .case-study .birdi-presentation-66, html.cs-page-icount .case-study.birdi-presentation-66 { max-width: 640px; margin-bottom: clamp(32px, 4vw, 44px); }
html.cs-page-icount .case-study .birdi-presentation-67, html.cs-page-icount .case-study.birdi-presentation-67 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 20px 40px; align-items: center; padding: 26px 0px; border-top: 1px solid rgba(16, 29, 48, 0.12); }
html.cs-page-icount .case-study .birdi-presentation-68, html.cs-page-icount .case-study.birdi-presentation-68 { display: flex; align-items: baseline; gap: 14px; }
html.cs-page-icount .case-study .birdi-presentation-69, html.cs-page-icount .case-study.birdi-presentation-69 { font-size: 16px; font-weight: 700; color: rgb(238, 72, 101); }
html.cs-page-icount .case-study .birdi-presentation-70, html.cs-page-icount .case-study.birdi-presentation-70 { font-size: 16.5px; font-weight: 700; line-height: 1.3; }
html.cs-page-icount .case-study .birdi-presentation-71, html.cs-page-icount .case-study.birdi-presentation-71 { display: flex; flex-wrap: wrap; gap: 10px; min-width: 0px; }
html.cs-page-icount .case-study .birdi-presentation-72, html.cs-page-icount .case-study.birdi-presentation-72 { display: flex; align-items: center; gap: 9px; background: rgb(243, 243, 243); border-radius: 8px; padding: 10px 16px; transition: background 0.3s, color 0.3s; }
html.cs-page-icount .case-study .birdi-presentation-73, html.cs-page-icount .case-study.birdi-presentation-73 { color: rgb(238, 72, 101); font-size: 16px; }
html.cs-page-icount .case-study .birdi-presentation-74, html.cs-page-icount .case-study.birdi-presentation-74 { font-size: 16px; font-weight: 600; }
html.cs-page-icount .case-study .birdi-presentation-75, html.cs-page-icount .case-study.birdi-presentation-75 { font-size: 16px; opacity: 1; }
html.cs-page-icount .case-study .birdi-presentation-76, html.cs-page-icount .case-study.birdi-presentation-76 { max-width: 1180px; margin: 0px auto; padding: 0px 24px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: clamp(32px, 5vw, 64px); align-items: center; }
html.cs-page-icount .case-study .birdi-presentation-77, html.cs-page-icount .case-study.birdi-presentation-77 { font-size: 16px; line-height: 1.75; color: var(--body); margin: 0px 0px 28px; max-width: 480px; }
html.cs-page-icount .case-study .birdi-presentation-78, html.cs-page-icount .case-study.birdi-presentation-78 { display: inline-flex; align-items: center; gap: 10px; background: linear-gradient(135deg, rgb(238, 72, 101), rgb(213, 31, 63)); color: rgb(255, 255, 255); font-weight: 600; font-size: 16px; padding: 16px 32px; border-radius: 10px; box-shadow: rgba(213, 31, 63, 0.26) 0px 14px 30px; transition: transform 0.25s, box-shadow 0.25s; }
html.cs-page-icount .case-study .birdi-presentation-79, html.cs-page-icount .case-study.birdi-presentation-79 { font-size: 16px; text-transform: uppercase; letter-spacing: 0.14em; color: rgb(16, 29, 48); font-weight: 700; margin-bottom: 6px; }
html.cs-page-icount .case-study .birdi-presentation-80, html.cs-page-icount .case-study.birdi-presentation-80 { display: flex; align-items: center; gap: 14px; padding: 16px 0px; border-bottom: 1px solid rgba(16, 29, 48, 0.12); }
html.cs-page-icount .case-study .birdi-presentation-81, html.cs-page-icount .case-study.birdi-presentation-81 { color: rgb(238, 72, 101); font-size: 16px; width: 20px; }
html.cs-page-icount .case-study .birdi-presentation-82, html.cs-page-icount .case-study.birdi-presentation-82 { font-size: 16px; font-weight: 500; }
html.cs-page-icount .case-study .birdi-presentation-83, html.cs-page-icount .case-study.birdi-presentation-83 { position: sticky; top: 70px; }
html.cs-page-icount .case-study .birdi-presentation-84, html.cs-page-icount .case-study.birdi-presentation-84 { font-size: clamp(1.55rem, 2.4vw, 2.1rem); font-weight: 700; line-height: 1.25; margin: 0px 0px 16px; }
html.cs-page-icount .case-study .birdi-presentation-85, html.cs-page-icount .case-study.birdi-presentation-85 { font-size: 16px; line-height: 1.7; color: var(--body); margin: 0px; max-width: 330px; }

/* Original file: iCount-Case-Study/css/case-overrides.css */
/* Open editorial layouts extending the supplied Birdi template. */
html.cs-page-icount .case-study img {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
}

html.cs-page-icount .case-section {
  padding: clamp(70px, 8vw, 108px) 0;
}

html.cs-page-icount .section-white {
  background: #ffffff;
}

html.cs-page-icount .section-soft,
html.cs-page-icount .supported-section,
html.cs-page-icount .verification-section,
html.cs-page-icount .scope-section {
  background: #f1f1f1;
}

html.cs-page-icount .section-head {
  max-width: 760px;
  margin-bottom: clamp(34px, 5vw, 58px);
}

html.cs-page-icount .section-head > span,
html.cs-page-icount .planned-layout > div:first-child > span {
  display: block;
  margin-bottom: 15px;
  color: #ee4865;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

html.cs-page-icount .section-head h2,
html.cs-page-icount .planned-layout h2 {
  margin: 0;
  color: #101d30;
  font-size: clamp(2rem, 4vw, 3.45rem);
  font-weight: 700;
  letter-spacing: -.045em;
  line-height: 1.08;
}

html.cs-page-icount .section-head h2 em {
  color: #ee4865;
  font-style: normal;
}

html.cs-page-icount .section-head > p,
html.cs-page-icount .body-lead {
  max-width: 760px;
  margin: 22px 0 0;
  color: #596679;
  font-size: 17px;
  line-height: 1.78;
}

html.cs-page-icount .centered-head {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

html.cs-page-icount .centered-head > p {
  margin-right: auto;
  margin-left: auto;
}

html.cs-page-icount .body-copy p {
  margin: 0 0 20px;
  color: #4e5d70;
  font-size: 17px;
  line-height: 1.82;
}

html.cs-page-icount .body-copy p:last-child {
  margin-bottom: 0;
}

html.cs-page-icount .split-layout {
  row-gap: 42px;
}

html.cs-page-icount .hero-country-line {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 16px 0 24px;
  color: #101d30;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .1em;
}

html.cs-page-icount .country-flag {
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0;
}

html.cs-page-icount .hero-copy {
  max-width: 660px;
}

html.cs-page-icount .hero-copy p {
  margin: 0 0 16px;
  color: var(--body);
  font-size: 16px;
  line-height: 1.72;
}

html.cs-page-icount .editorial-note,
html.cs-page-icount .case-status-note,
html.cs-page-icount .section-boundary {
  position: relative;
  margin: 30px 0 0;
  padding: 4px 0 4px 22px;
  border: 0;
  border-left: 3px solid #ee4865;
  border-radius: 0;
  background: transparent;
  color: #4e5d70;
  font-size: 15px;
  line-height: 1.72;
}

html.cs-page-icount .editorial-note::before,
html.cs-page-icount .case-status-note::before {
  display: none;
}

html.cs-page-icount .editorial-note strong,
html.cs-page-icount .case-status-note strong,
html.cs-page-icount .section-boundary strong {
  color: #101d30;
}

html.cs-page-icount .clinical-note {
  margin: 18px 0 0;
  color: #6a7483;
  font-size: 14px;
  line-height: 1.65;
}

html.cs-page-icount .hero-phone-figure,
html.cs-page-icount .portrait-figure {
  width: min(100%, 370px);
  margin: 0 auto;
}

html.cs-page-icount .phone-image-stage,
html.cs-page-icount .portrait-stage {
  position: relative;
  padding: 22px;
}

html.cs-page-icount .phone-image-stage::before,
html.cs-page-icount .portrait-stage::before,
html.cs-page-icount .scope-visual > div::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 11% 0 3%;
  border-radius: 28px;
  background: #a9dcff;
}

html.cs-page-icount .phone-image-stage img,
html.cs-page-icount .portrait-stage img,
html.cs-page-icount .scope-visual img {
  position: relative;
  z-index: 1;
  max-height: 650px;
  object-fit: contain;
  filter: drop-shadow(0 24px 34px rgba(16, 29, 48, .18));
}

html.cs-page-icount .hero-phone-figure figcaption,
html.cs-page-icount .portrait-figure figcaption,
html.cs-page-icount .scope-visual figcaption,
html.cs-page-icount .case-image-frame figcaption,
html.cs-page-icount .case-image-pair figcaption {
  margin: 18px 0 0;
  padding-left: 15px;
  border-left: 2px solid #ee4865;
  color: #687386;
  font-size: 13px;
  line-height: 1.62;
}

html.cs-page-icount .case-meta-section {
  padding: 44px 0;
  background: #101d30;
  color: #ffffff;
}

html.cs-page-icount .case-meta-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
}

html.cs-page-icount .case-meta-grid > div {
  min-width: 0;
  padding: 18px 26px;
  border-left: 1px solid rgba(255, 255, 255, .16);
}

html.cs-page-icount .case-meta-grid > div:nth-child(4n + 1) {
  border-left: 0;
}

html.cs-page-icount .case-meta-grid dt {
  margin-bottom: 9px;
  color: #ff9bad;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
}

html.cs-page-icount .case-meta-grid dd {
  margin: 0;
  color: #ffffff;
  font-size: 15px;
  line-height: 1.55;
}

html.cs-page-icount .open-number-list {
  max-width: 900px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

html.cs-page-icount .open-number-list li {
  display: grid;
  grid-template-columns: 72px 1fr;
  align-items: start;
  padding: 24px 0;
  border-top: 1px solid rgba(16, 29, 48, .18);
}

html.cs-page-icount .open-number-list li:last-child {
  border-bottom: 1px solid rgba(16, 29, 48, .18);
}

html.cs-page-icount .open-number-list span,
html.cs-page-icount .supported-lines span,
html.cs-page-icount .scope-number,
html.cs-page-icount .feature-open-grid article > span,
html.cs-page-icount .adjacent-lines span {
  color: #ee4865;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .09em;
}

html.cs-page-icount .open-number-list p {
  margin: 0;
  color: #101d30;
  font-size: clamp(18px, 2vw, 23px);
  line-height: 1.45;
}

html.cs-page-icount .dark-boundary {
  margin: 48px 0 0;
  padding: 24px 0 0;
  border-top: 1px solid rgba(255, 255, 255, .25);
  color: rgba(255, 255, 255, .76);
  font-size: 15px;
  line-height: 1.72;
}

html.cs-page-icount .dark-boundary strong {
  display: block;
  margin-bottom: 6px;
  color: #ff8ca1;
  font-size: 13px;
  letter-spacing: .11em;
  text-transform: uppercase;
}

html.cs-page-icount .workflow-stage {
  background: rgba(255, 255, 255, .055);
}

html.cs-page-icount .workflow-stage img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

html.cs-page-icount .workflow-stage.phone-stage {
  padding: 20px;
}

html.cs-page-icount .workflow-stage.phone-stage img {
  width: auto;
  max-width: 100%;
  border-radius: 12px;
  filter: drop-shadow(0 18px 28px rgba(0, 0, 0, .3));
}

html.cs-page-icount .section-intro-row {
  margin-bottom: 24px;
}

html.cs-page-icount .supported-section {
  background: #f1f1f1 !important;
}

html.cs-page-icount .supported-lines {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(24px, 5vw, 64px);
}

html.cs-page-icount .supported-lines > div {
  min-height: 150px;
  padding: 25px 0;
  border-top: 1px solid rgba(16, 29, 48, .22);
}

html.cs-page-icount .supported-lines strong {
  display: block;
  margin-top: 38px;
  color: #101d30;
  font-size: clamp(20px, 2.2vw, 28px);
  font-weight: 600;
  line-height: 1.2;
  transition: color .2s ease, transform .2s ease;
}

html.cs-page-icount .supported-lines > div:hover strong {
  color: #ee4865;
  transform: translateX(5px);
}

html.cs-page-icount .architecture-intro {
  margin-bottom: 20px;
}

html.cs-page-icount .process-rail {
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  margin: 0;
  padding: 46px 0 12px;
  border-top: 1px solid rgba(16, 29, 48, .2);
  list-style: none;
}

html.cs-page-icount .process-rail li {
  position: relative;
  min-height: 150px;
  padding: 26px 14px 0 0;
}

html.cs-page-icount .process-rail li::before {
  content: "";
  position: absolute;
  top: -52px;
  left: 0;
  width: 11px;
  height: 11px;
  border: 3px solid #ffffff;
  border-radius: 50%;
  background: #ee4865;
  box-shadow: 0 0 0 1px #ee4865;
  transition: transform .2s ease, box-shadow .2s ease;
}

html.cs-page-icount .process-rail span {
  display: block;
  margin-bottom: 15px;
  color: #ee4865;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
}

html.cs-page-icount .process-rail strong {
  display: block;
  color: #101d30;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
  overflow-wrap: anywhere;
  transition: color .2s ease;
}

html.cs-page-icount .process-rail li:hover::before {
  transform: scale(1.25);
  box-shadow: 0 0 0 5px rgba(238, 72, 101, .13);
}

html.cs-page-icount .process-rail li:hover strong {
  color: #ee4865;
}

html.cs-page-icount .processing-copy {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 56px;
  margin-top: 32px;
}

html.cs-page-icount .processing-copy p {
  display: grid;
  grid-template-columns: 32px 1fr;
  margin: 0;
  padding: 15px 0;
  border-top: 1px solid rgba(16, 29, 48, .14);
  color: #596679;
  font-size: 15px;
  line-height: 1.6;
}

html.cs-page-icount .processing-copy span {
  color: #ee4865;
  font-weight: 700;
}

html.cs-page-icount .editorial-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-icount .editorial-list li {
  position: relative;
  padding: 13px 0 13px 24px;
  border-top: 1px solid rgba(16, 29, 48, .14);
  color: #4e5d70;
  font-size: 15px;
  line-height: 1.6;
}

html.cs-page-icount .editorial-list li::before {
  content: "";
  position: absolute;
  top: 24px;
  left: 0;
  width: 8px;
  height: 2px;
  background: #ee4865;
}

html.cs-page-icount .evidence-section {
  background: #ffffff;
  padding-top: clamp(88px, 10vw, 132px);
  padding-bottom: clamp(88px, 10vw, 132px);
}

html.cs-page-icount .evidence-layout {
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: clamp(42px, 8vw, 104px);
  align-items: end;
}

html.cs-page-icount .evidence-layout .section-head {
  margin: 0;
}

html.cs-page-icount .evidence-statement {
  margin: 0;
  color: #101d30;
  font-size: clamp(1.8rem, 3.7vw, 3.35rem);
  font-weight: 650;
  letter-spacing: -.045em;
  line-height: 1.18;
}

html.cs-page-icount .evidence-statement mark,
html.cs-page-icount .scope-copy mark {
  padding: 0 .08em;
  background: linear-gradient(transparent 56%, #a9dcff 56%);
  color: inherit;
}

html.cs-page-icount .evidence-plain {
  margin: 25px 0 0;
  color: #ee4865;
  font-size: 17px;
  font-weight: 700;
}

html.cs-page-icount .limitations-layout {
  display: grid;
  grid-template-columns: minmax(220px, .36fr) minmax(0, .64fr);
  gap: 44px;
  margin-top: 76px;
  padding-top: 34px;
  border-top: 1px solid rgba(16, 29, 48, .22);
}

html.cs-page-icount .limitations-title {
  margin: 0;
  color: #101d30;
  font-size: 18px;
  font-weight: 650;
  line-height: 1.5;
}

html.cs-page-icount .limitations-list {
  columns: 2;
  column-gap: 48px;
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-icount .limitations-list li {
  break-inside: avoid;
  position: relative;
  padding: 0 0 13px 18px;
  color: #596679;
  font-size: 15px;
  line-height: 1.55;
}

html.cs-page-icount .limitations-list li::before {
  content: "";
  position: absolute;
  top: .7em;
  left: 0;
  width: 7px;
  height: 2px;
  background: #ee4865;
}

html.cs-page-icount .scope-story {
  margin-top: 38px;
}

html.cs-page-icount .scope-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(300px, .72fr);
  gap: clamp(44px, 8vw, 110px);
  align-items: center;
  padding: 58px 0;
  border-top: 1px solid rgba(16, 29, 48, .18);
}

html.cs-page-icount .scope-row:last-child {
  border-bottom: 1px solid rgba(16, 29, 48, .18);
}

html.cs-page-icount .scope-row-reverse .scope-copy {
  order: 2;
}

html.cs-page-icount .scope-row-reverse .scope-visual {
  order: 1;
}

html.cs-page-icount .scope-copy h3 {
  max-width: 610px;
  margin: 18px 0 0;
  color: #101d30;
  font-size: clamp(1.65rem, 3.1vw, 2.75rem);
  font-weight: 600;
  letter-spacing: -.04em;
  line-height: 1.2;
}

html.cs-page-icount .scope-visual {
  margin: 0;
}

html.cs-page-icount .scope-visual > div {
  position: relative;
  padding: 20px;
}

html.cs-page-icount .scope-visual img {
  max-height: 510px;
}

html.cs-page-icount .feature-open-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 62px;
}

html.cs-page-icount .feature-open-grid article {
  display: grid;
  grid-template-columns: 46px 1fr;
  padding: 27px 0;
  border-top: 1px solid rgba(16, 29, 48, .18);
}

html.cs-page-icount .feature-open-grid h3 {
  grid-column: 2;
  margin: 0 0 9px;
  color: #101d30;
  font-size: 19px;
  line-height: 1.4;
}

html.cs-page-icount .feature-open-grid p {
  grid-column: 2;
  margin: 0;
  color: #596679;
  font-size: 15px;
  line-height: 1.65;
}

html.cs-page-icount .privacy-section {
  background: #101d30;
  color: #ffffff;
}

html.cs-page-icount .privacy-section .section-head h2,
html.cs-page-icount .privacy-section .boundary-columns h3 {
  color: #ffffff;
}

html.cs-page-icount .privacy-section .section-head h2 em {
  color: #ff8299;
}

html.cs-page-icount .boundary-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid rgba(255, 255, 255, .22);
  border-bottom: 1px solid rgba(255, 255, 255, .22);
}

html.cs-page-icount .boundary-columns > div {
  padding: 36px 42px 36px 0;
}

html.cs-page-icount .boundary-columns > div + div {
  padding-right: 0;
  padding-left: 42px;
  border-left: 1px solid rgba(255, 255, 255, .22);
}

html.cs-page-icount .boundary-columns h3 {
  margin: 0 0 20px;
  font-size: 18px;
  line-height: 1.45;
}

html.cs-page-icount .boundary-columns p,
html.cs-page-icount .privacy-section .editorial-list li {
  color: rgba(255, 255, 255, .72);
}

html.cs-page-icount .privacy-section .editorial-list li {
  border-color: rgba(255, 255, 255, .14);
}

html.cs-page-icount .privacy-section .section-boundary {
  color: rgba(255, 255, 255, .74);
}

html.cs-page-icount .planned-section {
  padding: clamp(54px, 7vw, 80px) 0;
  background: #e5e5e5;
}

html.cs-page-icount .planned-layout {
  display: grid;
  grid-template-columns: minmax(260px, .42fr) minmax(0, .58fr);
  gap: clamp(38px, 8vw, 100px);
}

html.cs-page-icount .planned-layout h2 {
  font-size: clamp(1.8rem, 3.3vw, 2.8rem);
}

html.cs-page-icount .planned-layout p {
  margin: 0 0 16px;
  color: #4e5d70;
  font-size: 16px;
  line-height: 1.75;
}

html.cs-page-icount .adjacent-lines {
  margin: 40px 0 0;
  padding: 0;
  border-top: 1px solid rgba(16, 29, 48, .2);
  list-style: none;
}

html.cs-page-icount .adjacent-lines li {
  display: grid;
  grid-template-columns: 70px 1fr;
  padding: 25px 0;
  border-bottom: 1px solid rgba(16, 29, 48, .2);
  color: #101d30;
  font-size: clamp(17px, 2vw, 21px);
  line-height: 1.5;
}

html.cs-page-icount .tech-open-list {
  border-top: 1px solid rgba(16, 29, 48, .2);
}

html.cs-page-icount .tech-open-list > div {
  display: grid;
  grid-template-columns: minmax(190px, .3fr) minmax(0, .7fr);
  gap: 34px;
  padding: 27px 0;
  border-bottom: 1px solid rgba(16, 29, 48, .2);
}

html.cs-page-icount .tech-open-list h3 {
  margin: 0;
  color: #101d30;
  font-size: 17px;
  line-height: 1.5;
}

html.cs-page-icount .tech-open-list p {
  margin: 0;
  color: #596679;
  font-size: 15px;
  line-height: 1.8;
}

html.cs-page-icount .cta-supporting {
  max-width: 420px;
  margin: 0;
  color: #596679;
  font-size: 16px;
  line-height: 1.7;
}

/* Remove boxed styling from legacy template components still used by the trading page. */
html.cs-page-icount .need-grid,
html.cs-page-icount .scope-groups,
html.cs-page-icount .case-copy-grid {
  gap: 0 44px;
}

html.cs-page-icount .need-card,
html.cs-page-icount .scope-group,
html.cs-page-icount .case-copy-item,
html.cs-page-icount .feature-item,
html.cs-page-icount .birdi-tech-pill {
  border: 0 !important;
  border-top: 1px solid rgba(16, 29, 48, .18) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.cs-page-icount .need-card,
html.cs-page-icount .scope-group,
html.cs-page-icount .case-copy-item {
  padding: 25px 0 !important;
}

html.cs-page-icount .need-marker {
  background: transparent !important;
  color: #ee4865 !important;
}

html.cs-page-icount .need-answer {
  padding: 14px 0 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html.cs-page-icount .case-copy-item::before,
html.cs-page-icount .architecture-node::after {
  display: none !important;
}

html.cs-page-icount .case-copy-item h3 {
  margin: 0 0 12px;
  color: #101d30;
  font-size: 19px;
}

html.cs-page-icount .case-copy-item p,
html.cs-page-icount .case-copy-item li {
  color: #596679;
  font-size: 15px;
  line-height: 1.68;
}

html.cs-page-icount .case-copy-item ul {
  margin: 0;
  padding-left: 20px;
}

html.cs-page-icount .case-image-frame {
  margin: 40px 0 0;
}

html.cs-page-icount .case-image-frame img {
  box-shadow: 0 24px 54px rgba(16, 29, 48, .12);
}

html.cs-page-icount .case-image-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 48px;
  margin-top: 42px;
}

html.cs-page-icount .case-image-pair figure {
  margin: 0;
}

html.cs-page-icount .architecture-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 34px;
  margin-top: 38px;
}

html.cs-page-icount .architecture-node {
  min-height: 0;
  padding: 22px 0;
  border: 0;
  border-top: 1px solid rgba(16, 29, 48, .18);
  border-radius: 0;
  background: transparent;
  color: #101d30;
  font-size: 15px;
  font-weight: 600;
}

html.cs-page-icount .case-boundary-panel,
html.cs-page-icount .boundary-panel {
  padding: 28px 0;
  border: 0;
  border-top: 2px solid #ee4865;
  border-radius: 0;
  background: transparent;
}

html.cs-page-icount .case-boundary-panel::before,
html.cs-page-icount .boundary-panel::before {
  display: none;
}

html.cs-page-icount .features-panel {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.cs-page-icount .feature-tabs {
  border-bottom: 1px solid rgba(16, 29, 48, .2) !important;
}

html.cs-page-icount .feature-tab {
  border-radius: 0 !important;
}

html.cs-page-icount .feature-items {
  gap: 0 42px !important;
}

html.cs-page-icount .birdi-presentation-67 {
  align-items: start !important;
}

html.cs-page-icount .birdi-presentation-71 {
  gap: 0 28px !important;
}

html.cs-page-icount .birdi-tech-pill {
  padding: 18px 0 !important;
}

html.cs-page-icount .hero-art.landscape {
  display: flex;
  min-height: 420px;
  align-items: center;
}

html.cs-page-icount .hero-art.landscape .parallax-visual {
  width: 100%;
  max-width: none;
}

html.cs-page-icount .hero-art.landscape img {
  object-fit: contain;
  filter: drop-shadow(0 24px 38px rgba(16, 29, 48, .16));
}

html.cs-page-icount .simulation-badge {
  display: inline-flex;
  margin: 6px 0 18px;
  padding: 8px 13px;
  background: #101d30;
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
}

@media (max-width: 991px) {
  html.cs-page-icount .case-meta-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html.cs-page-icount .case-meta-grid > div:nth-child(4n + 1) {
    border-left: 1px solid rgba(255, 255, 255, .16);
  }

  html.cs-page-icount .case-meta-grid > div:nth-child(2n + 1) {
    border-left: 0;
  }

  html.cs-page-icount .process-rail {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 18px;
    padding-top: 0;
    border-top: 0;
  }

  html.cs-page-icount .process-rail li {
    min-height: 120px;
    padding-top: 30px;
    border-top: 1px solid rgba(16, 29, 48, .2);
  }

  html.cs-page-icount .process-rail li::before {
    top: -6px;
  }

  html.cs-page-icount .evidence-layout,
  html.cs-page-icount .limitations-layout {
    grid-template-columns: 1fr;
  }

  html.cs-page-icount .limitations-layout {
    gap: 24px;
  }
}

@media (max-width: 767px) {
  html.cs-page-icount .case-section {
    padding: 62px 0;
  }

  html.cs-page-icount .hero-country-line {
    margin-top: 12px;
  }

  html.cs-page-icount .hero-phone-figure {
    margin-top: 42px;
  }

  html.cs-page-icount .case-meta-grid,
  html.cs-page-icount .supported-lines,
  html.cs-page-icount .processing-copy,
  html.cs-page-icount .feature-open-grid,
  html.cs-page-icount .boundary-columns,
  html.cs-page-icount .planned-layout,
  html.cs-page-icount .tech-open-list > div,
  html.cs-page-icount .case-image-pair,
  html.cs-page-icount .architecture-strip,
  html.cs-page-icount .case-copy-grid {
    grid-template-columns: 1fr;
  }

  html.cs-page-icount .case-meta-grid > div {
    padding: 18px 0;
    border-top: 1px solid rgba(255, 255, 255, .16);
    border-left: 0 !important;
  }

  html.cs-page-icount .case-meta-grid > div:first-child {
    border-top: 0;
  }

  html.cs-page-icount .open-number-list li,
  html.cs-page-icount .adjacent-lines li {
    grid-template-columns: 48px 1fr;
  }

  html.cs-page-icount .supported-lines > div {
    display: grid;
    grid-template-columns: 46px 1fr;
    min-height: 0;
    padding: 22px 0;
    border-top: 1px solid rgba(16, 29, 48, .18);
  }

  html.cs-page-icount .supported-lines strong {
    margin-top: 0;
  }

  html.cs-page-icount .process-rail {
    display: block;
    margin-left: 7px;
    padding-left: 28px;
    border-left: 1px solid rgba(16, 29, 48, .25);
  }

  html.cs-page-icount .process-rail li {
    min-height: 0;
    padding: 0 0 28px;
    border-top: 0;
  }

  html.cs-page-icount .process-rail li::before {
    top: 4px;
    left: -34px;
  }

  html.cs-page-icount .scope-row {
    grid-template-columns: 1fr;
    gap: 34px;
    padding: 44px 0;
  }

  html.cs-page-icount .scope-row-reverse .scope-copy,
  html.cs-page-icount .scope-row-reverse .scope-visual {
    order: initial;
  }

  html.cs-page-icount .scope-copy {
    order: 1 !important;
  }

  html.cs-page-icount .scope-visual {
    order: 2 !important;
  }

  html.cs-page-icount .limitations-list {
    columns: 1;
  }

  html.cs-page-icount .boundary-columns > div,
  html.cs-page-icount .boundary-columns > div + div {
    padding: 28px 0;
    border-left: 0;
  }

  html.cs-page-icount .boundary-columns > div + div {
    border-top: 1px solid rgba(255, 255, 255, .22);
  }

  html.cs-page-icount .feature-open-grid article {
    grid-template-columns: 42px 1fr;
  }

  html.cs-page-icount .phone-image-stage,
  html.cs-page-icount .portrait-stage,
  html.cs-page-icount .scope-visual > div {
    padding: 16px;
  }

  html.cs-page-icount .hero-art.landscape {
    min-height: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.cs-page-icount .case-study *,
  html.cs-page-icount .case-study *::before,
  html.cs-page-icount .case-study *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

/* v8 — two-image hero, balanced summary, and visible workflow explainers. */
html.cs-page-icount .hero-phone-pair {
  min-height: 540px;
  padding: 0;
  overflow: visible;
}

html.cs-page-icount .hero-phone-pair-images {
  position: relative;
  width: min(100%, 500px);
  height: 530px;
  margin: 0 auto;
}

html.cs-page-icount .hero-phone-pair-images img {
  position: absolute;
  display: block;
  width: min(47%, 225px);
  height: auto;
  border-radius: 16px;
  box-shadow: 0 28px 54px rgba(16, 29, 48, .2), 0 8px 18px rgba(16, 29, 48, .1);
}

html.cs-page-icount .hero-phone-back {
  top: 58px;
  left: 8%;
  transform: rotate(-2.2deg);
}

html.cs-page-icount .hero-phone-front {
  top: 0;
  right: 7%;
  z-index: 2;
  transform: rotate(1.5deg);
}

html.cs-page-icount .hero-phone-pair figcaption {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

html.cs-page-icount .birdi-summary {
  padding: 52px 0;
}

html.cs-page-icount .birdi-summary-inner {
  grid-template-columns: minmax(360px, .44fr) minmax(0, .56fr);
  gap: clamp(50px, 6vw, 76px);
  align-items: start;
}

html.cs-page-icount .birdi-summary-client {
  align-items: flex-start;
}

html.cs-page-icount .birdi-summary .birdi-client-name {
  flex: 0 0 auto;
  white-space: nowrap;
  overflow-wrap: normal;
}

html.cs-page-icount .birdi-summary-sector {
  flex: 1 1 auto;
  min-width: 0;
  line-height: 1.5;
}

html.cs-page-icount .birdi-summary .birdi-solution {
  margin-top: 26px;
}

html.cs-page-icount .birdi-summary-status {
  margin-top: 28px;
}

html.cs-page-icount .birdi-summary-facts {
  align-content: start;
  row-gap: 28px;
  padding-left: clamp(32px, 4vw, 52px);
}

html.cs-page-icount .workflow-explainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  max-width: none;
  padding: clamp(28px, 5vw, 48px);
  border-radius: 14px;
  background: #ffffff;
  color: #101d30;
  box-shadow: 0 18px 38px rgba(0, 0, 0, .16);
}

html.cs-page-icount .workflow-explainer h3 {
  color: #101d30;
}

html.cs-page-icount .scope-row-reverse .scope-copy {
  order: 2;
}

html.cs-page-icount .scope-row-reverse .scope-visual {
  order: 1;
}

@media (max-width: 991px) {
  html.cs-page-icount .hero-phone-pair {
    min-height: 500px;
  }

  html.cs-page-icount .hero-phone-pair-images {
    height: 490px;
  }

  html.cs-page-icount .birdi-summary-inner {
    grid-template-columns: minmax(320px, .42fr) minmax(0, .58fr);
    gap: 38px;
  }
}

@media (max-width: 767px) {
  html.cs-page-icount .hero-phone-pair {
    min-height: 460px;
    margin-top: 20px;
  }

  html.cs-page-icount .hero-phone-pair-images {
    width: min(100%, 430px);
    height: 450px;
  }

  html.cs-page-icount .birdi-summary-inner {
    grid-template-columns: 1fr;
  }

  html.cs-page-icount .birdi-summary-status {
    margin-top: 22px;
  }

  html.cs-page-icount .scope-row-reverse .scope-visual {
    order: 1 !important;
  }

  html.cs-page-icount .scope-row-reverse .scope-copy {
    order: 2 !important;
  }
}

@media (max-width: 480px) {
  html.cs-page-icount .hero-phone-pair,
  html.cs-page-icount .hero-phone-pair-images {
    min-height: 390px;
    height: 390px;
  }

  html.cs-page-icount .hero-phone-pair-images img {
    width: 48%;
  }

  html.cs-page-icount .hero-phone-back {
    left: 2%;
  }

  html.cs-page-icount .hero-phone-front {
    right: 2%;
  }

  html.cs-page-icount .birdi-summary-client {
    gap: 12px;
  }

  html.cs-page-icount .birdi-summary-sector {
    padding-left: 12px;
    font-size: 14px;
  }
}

/* v5 — Banner alignment and single-sticky rule. */
html.cs-page-icount .hero-section.birdi-presentation-2 {
  padding: clamp(38px, 5vw, 64px) 0 34px;
  padding-top:160px;
}

html.cs-page-icount .hero-main-row {
  min-height: 500px;
  row-gap: 40px;
}

html.cs-page-icount .hero-section .birdi-presentation-5 {
  margin-bottom: 20px;
}

html.cs-page-icount .hero-section .birdi-presentation-7 {
  font-size: 13px;
}

html.cs-page-icount .hero-section .birdi-presentation-8 {
  max-width: 610px;
  margin-bottom: 16px;
  font-size: clamp(2.35rem, 4.25vw, 4.1rem);
  letter-spacing: -.035em;
}

html.cs-page-icount .hero-country-line {
  display: flex;
  width: fit-content;
  margin: 0 0 20px;
  color: #101d30;
  letter-spacing: 0;
  text-transform: none;
}

html.cs-page-icount .hero-country-line strong {
  color: #df2f50;
  font-size: 18px;
}

html.cs-page-icount .hero-country-line > span:last-child {
  padding-left: 12px;
  border-left: 1px solid rgba(16, 29, 48, .18);
  color: #101d30;
  font-size: 14px;
}

html.cs-page-icount .hero-copy {
  max-width: 590px;
}

html.cs-page-icount .hero-copy p {
  margin-bottom: 11px;
  font-size: 15px;
  line-height: 1.68;
}

html.cs-page-icount .hero-cta {
  margin-top: 12px;
  border: 0;
}

html.cs-page-icount .hero-product-figure {
  position: relative;
  width: 100%;
  min-height: 420px;
  margin: 0;
  padding: 34px 30px 54px;
  display: flex;
  align-items: center;
  justify-content: center;
}

html.cs-page-icount .hero-product-backdrop {
  position: absolute;
  inset: 18% 8% 13%;
  border-radius: 16px;
  background: linear-gradient(145deg, #f1f1f1, #e9eaed);
}

html.cs-page-icount .hero-product-backdrop::after {
  content: "";
  position: absolute;
  width: 54%;
  height: 74%;
  top: -12%;
  right: 9%;
  border-radius: 18px;
  background: rgba(238, 72, 101, .075);
}

html.cs-page-icount .hero-product-frame {
  position: relative;
  z-index: 1;
  overflow: hidden;
  box-shadow: 0 28px 54px rgba(16, 29, 48, .24);
}

html.cs-page-icount .hero-product-frame img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

html.cs-page-icount .hero-product-landscape .hero-product-frame {
  width: min(100%, 520px);
  border-radius: 14px;
  background: #fff;
}

html.cs-page-icount .hero-product-phone .hero-product-frame {
  width: min(52%, 230px);
  max-height: 520px;
  border-radius: 15px;
  background: #fff;
}

html.cs-page-icount .hero-product-phone .hero-product-frame img {
  max-height: 520px;
}

html.cs-page-icount .hero-product-figure figcaption {
  position: absolute;
  right: 22px;
  bottom: 0;
  left: 22px;
  z-index: 2;
  margin: 0;
  color: #677286;
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
}

html.cs-page-icount .hero-capability-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 26px !important;
  margin-top: 24px !important;
  padding-top: 26px !important;
}

html.cs-page-icount .hero-capability-strip .birdi-presentation-21,
html.cs-page-icount .hero-capability-strip .birdi-presentation-22 {
  font-size: 13px;
  line-height: 1.45;
}

html.cs-page-icount .hero-disclosure,
html.cs-page-icount .hero-notes {
  max-width: 100%;
  margin-top: 24px;
}

html.cs-page-icount .hero-notes .editorial-note {
  margin-top: 0;
}

html.cs-page-icount .case-meta-section {
  padding: 32px 0;
  background: linear-gradient(110deg, #111d31 0%, #23233b 58%, #171f32 100%);
}

html.cs-page-icount .case-meta-grid > div {
  padding-top: 13px;
  padding-bottom: 13px;
}

html.cs-page-icount .case-meta-grid dt {
  font-size: 12px;
}

html.cs-page-icount .case-meta-grid dd {
  font-size: 14px;
  line-height: 1.45;
}

/* The workflow is the only sticky storytelling block on each page. */
html.cs-page-icount .faq-section .birdi-presentation-83,
html.cs-page-icount .sticky-landscape {
  position: static !important;
  top: auto !important;
}

@media (max-width: 991px) {
  html.cs-page-icount .hero-main-row {
    min-height: 0;
  }

  html.cs-page-icount .hero-product-figure {
    min-height: 380px;
  }

  html.cs-page-icount .hero-capability-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 575px) {
  html.cs-page-icount .hero-section.birdi-presentation-2 {
    padding-top: 34px;
  }

  html.cs-page-icount .hero-section .birdi-presentation-8 {
    font-size: clamp(2.15rem, 11vw, 3rem);
  }

  html.cs-page-icount .hero-country-line {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  html.cs-page-icount .hero-country-line > span:last-child {
    width: 100%;
    margin-left: 34px;
    padding: 7px 0 0;
    border-left: 0;
  }

  html.cs-page-icount .hero-product-figure {
    min-height: 330px;
    padding-right: 12px;
    padding-left: 12px;
  }

  html.cs-page-icount .hero-product-phone .hero-product-frame {
    width: min(58%, 210px);
  }

  html.cs-page-icount .hero-capability-strip {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
}

/* v5 — iCount on-device architecture redesign. */
html.cs-page-icount .analysis-showcase {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 24%, rgba(42, 178, 255, .16), transparent 28%),
    radial-gradient(circle at 15% 78%, rgba(238, 72, 101, .13), transparent 30%),
    linear-gradient(128deg, #091424 0%, #14253d 55%, #211a33 100%);
  color: #ffffff;
}

html.cs-page-icount .analysis-showcase::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px);
  background-size: 100% 74px;
  pointer-events: none;
}

html.cs-page-icount .analysis-showcase .container {
  position: relative;
  z-index: 1;
}

html.cs-page-icount .analysis-heading {
  display: grid;
  grid-template-columns: minmax(0, .54fr) minmax(320px, .46fr);
  gap: clamp(44px, 8vw, 110px);
  align-items: end;
  margin-bottom: clamp(52px, 7vw, 86px);
}

html.cs-page-icount .analysis-heading .section-head {
  margin-bottom: 0;
}

html.cs-page-icount .analysis-heading .section-head h2 {
  color: #ffffff;
}

html.cs-page-icount .analysis-heading .section-head h2 em {
  color: #ff8299;
}

html.cs-page-icount .analysis-heading .body-copy p {
  color: rgba(255, 255, 255, .74);
}

html.cs-page-icount .analysis-layout {
  display: grid;
  grid-template-columns: minmax(0, .62fr) minmax(280px, .38fr);
  gap: clamp(52px, 9vw, 130px);
  align-items: center;
}

html.cs-page-icount .analysis-path {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-icount .analysis-path::before {
  content: "";
  position: absolute;
  top: 25px;
  bottom: 25px;
  left: 29px;
  width: 1px;
  background: linear-gradient(#ee4865, rgba(118, 207, 255, .8));
}

html.cs-page-icount .analysis-path li {
  position: relative;
  display: grid;
  grid-template-columns: 76px 1fr;
  align-items: center;
  min-height: 62px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .11);
}

html.cs-page-icount .analysis-path li:last-child {
  border-bottom: 0;
}

html.cs-page-icount .analysis-path li::before {
  content: "";
  position: absolute;
  left: 24px;
  width: 11px;
  height: 11px;
  border: 2px solid #14243b;
  border-radius: 50%;
  background: #ee4865;
  box-shadow: 0 0 0 1px rgba(255, 130, 153, .7);
  transition: transform .2s ease, box-shadow .2s ease;
}

html.cs-page-icount .analysis-path li:nth-child(n + 6)::before {
  background: #76cfff;
  box-shadow: 0 0 0 1px rgba(118, 207, 255, .8);
}

html.cs-page-icount .analysis-path li:hover::before {
  transform: scale(1.25);
  box-shadow: 0 0 0 7px rgba(238, 72, 101, .14);
}

html.cs-page-icount .analysis-path span {
  color: rgba(255, 255, 255, .44);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
}

html.cs-page-icount .analysis-path strong {
  color: #ffffff;
  font-size: clamp(16px, 1.6vw, 19px);
  font-weight: 500;
  line-height: 1.4;
}

html.cs-page-icount .analysis-phone {
  position: relative;
  margin: 0;
  padding: 30px 22px 0;
}

html.cs-page-icount .analysis-phone::before {
  content: "";
  position: absolute;
  inset: 15% 0 16%;
  border-radius: 34px;
  background: linear-gradient(145deg, #76cfff, #498bd8);
  opacity: .86;
  transform: rotate(-3deg);
}

html.cs-page-icount .analysis-phone > div {
  position: relative;
  z-index: 1;
  width: min(100%, 260px);
  margin: 0 auto;
}

html.cs-page-icount .analysis-phone img {
  max-height: 600px;
  border-radius: 15px;
  object-fit: contain;
  filter: drop-shadow(0 30px 42px rgba(0, 0, 0, .42));
}

html.cs-page-icount .analysis-phone figcaption {
  position: relative;
  z-index: 1;
  margin-top: 20px;
  padding-left: 15px;
  border-left: 2px solid #ff8299;
  color: rgba(255, 255, 255, .64);
  font-size: 12px;
  line-height: 1.58;
}

html.cs-page-icount .analysis-steps {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 clamp(28px, 5vw, 62px);
  margin-top: clamp(60px, 8vw, 100px);
  border-top: 1px solid rgba(255, 255, 255, .18);
}

html.cs-page-icount .analysis-steps p {
  grid-template-columns: 34px 1fr;
  padding: 22px 0;
  border-top: 0;
  border-bottom: 1px solid rgba(255, 255, 255, .13);
  color: rgba(255, 255, 255, .77);
  font-size: 15px;
  line-height: 1.65;
}

html.cs-page-icount .analysis-steps span {
  color: #ff8299;
}

html.cs-page-icount .analysis-showcase .section-boundary {
  margin-top: 40px;
  color: rgba(255, 255, 255, .72);
}

html.cs-page-icount .analysis-showcase .section-boundary strong {
  color: #ffffff;
}

@media (max-width: 991px) {
  html.cs-page-icount .analysis-heading,
  html.cs-page-icount .analysis-layout {
    grid-template-columns: 1fr;
  }

  html.cs-page-icount .analysis-phone {
    width: min(100%, 390px);
    margin: 0 auto;
  }

  html.cs-page-icount .analysis-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575px) {
  html.cs-page-icount .analysis-steps {
    grid-template-columns: 1fr;
  }

  html.cs-page-icount .analysis-phone {
    padding-right: 16px;
    padding-left: 16px;
  }
}

html.cs-page-icount .case-meta-layout {
  display: grid;
  grid-template-columns: minmax(280px, .38fr) minmax(0, .62fr);
  align-items: stretch;
}

html.cs-page-icount .case-meta-summary {
  padding: 8px clamp(34px, 5vw, 62px) 8px 0;
}

html.cs-page-icount .case-meta-summary p {
  margin: 0 0 20px;
  color: #ff9bad;
  font-size: 13px;
  line-height: 1.5;
}

html.cs-page-icount .case-meta-summary h2 {
  margin: 0 0 22px;
  color: #ffffff;
  font-size: clamp(1.35rem, 2.2vw, 2rem);
  font-weight: 600;
  line-height: 1.35;
}

html.cs-page-icount .case-meta-summary span {
  color: #ffffff;
  font-size: 13px;
}

html.cs-page-icount .case-meta-summary i {
  margin-right: 8px;
  color: #ff6b85;
  font-size: 8px;
}

html.cs-page-icount .case-meta-layout .case-meta-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding-left: clamp(30px, 5vw, 58px);
  border-left: 1px solid rgba(255, 255, 255, .17);
}

html.cs-page-icount .case-meta-layout .case-meta-grid > div,
html.cs-page-icount .case-meta-layout .case-meta-grid > div:nth-child(4n + 1) {
  padding: 8px 22px 18px 0;
  border-left: 0;
}

@media (max-width: 767px) {
  html.cs-page-icount .case-meta-layout {
    grid-template-columns: 1fr;
  }

  html.cs-page-icount .case-meta-summary {
    padding-right: 0;
    padding-bottom: 30px;
  }

  html.cs-page-icount .case-meta-layout .case-meta-grid {
    padding: 30px 0 0;
    border-top: 1px solid rgba(255, 255, 255, .17);
    border-left: 0;
  }
}

@media (max-width: 480px) {
  html.cs-page-icount .case-meta-layout .case-meta-grid {
    grid-template-columns: 1fr;
  }
}

html.cs-page-icount .case-meta-summary small {
  display: block;
  margin-bottom: 5px;
  color: rgba(255, 255, 255, .58);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .08em;
  text-transform: uppercase;
}

html.cs-page-icount .case-meta-summary span small {
  display: inline-block;
  margin: 0 10px 0 0;
  color: #ff9bad;
}

/* v6 — exact Birdi template sections. */
html.cs-page-icount .template-stack .birdi-tech-pill {
  border: 0 !important;
  border-radius: 8px !important;
  background: #f3f3f3 !important;
  box-shadow: none !important;
  padding: 10px 16px !important;
}

html.cs-page-icount .template-stack .birdi-presentation-71 {
  align-items: stretch;
}

html.cs-page-icount .template-stack .birdi-presentation-74 {
  line-height: 1.45;
}

html.cs-page-icount .template-related {
  background: linear-gradient(135deg, #0e1d31 0%, #15233b 100%) !important;
  color: #ffffff;
}

html.cs-page-icount .template-related .related-card {
  min-height: 330px;
}

html.cs-page-icount .template-related .related-result {
  margin-top: 38px;
}

html.cs-page-icount .template-related .related-result > div {
  max-width: 720px;
}

@media (max-width: 700px) {
  html.cs-page-icount .template-stack .birdi-presentation-67 {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  html.cs-page-icount .template-stack .birdi-presentation-71 {
    width: 100%;
  }
}

/* v6 — iCount template alignment. */
html.cs-page-icount .scope-row,
html.cs-page-icount .scope-row-reverse {
  grid-template-columns: minmax(0, .52fr) minmax(280px, .48fr);
}

html.cs-page-icount .scope-row-reverse .scope-copy,
html.cs-page-icount .scope-row-reverse .scope-visual {
  order: initial;
}

html.cs-page-icount .scope-caption {
  max-width: 590px;
  margin: 22px 0 0;
  padding-left: 16px;
  border-left: 2px solid #ee4865;
  color: #687386;
  font-size: 13px;
  line-height: 1.62;
}

html.cs-page-icount #core-features .features-intro {
  grid-template-columns: 1fr;
}

html.cs-page-icount #core-features .feature-item {
  padding: 0 0 0 20px !important;
  border: 0 !important;
  border-left: 2px solid #ee4865 !important;
  background: transparent !important;
}

html.cs-page-icount #core-features .feature-item h4 {
  margin: 0 0 12px;
  color: #101d30;
  font-size: 17px;
  line-height: 1.4;
}

html.cs-page-icount #core-features .feature-item p {
  color: #101d30;
  font-size: 16px;
  line-height: 1.7;
}

html.cs-page-icount #core-features .features-panel {
  min-height: 250px;
}

@media (max-width: 767px) {
  html.cs-page-icount .scope-row,
  html.cs-page-icount .scope-row-reverse {
    grid-template-columns: 1fr;
  }
}

/* v7 — workflow visual changes and technology spacing. */
html.cs-page-icount .workflow-screen,
html.cs-page-icount .workflow-explainer {
  animation: cs-page-icount-workflow-visual-in .34s ease both;
}

html.cs-page-icount .workflow-explainer-summary {
  margin: -8px 0 18px;
  color: #596679;
  font-size: 15px;
  line-height: 1.6;
}

@keyframes cs-page-icount-workflow-visual-in {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

html.cs-page-icount .template-stack .birdi-presentation-67 {
  grid-template-columns: minmax(250px, .72fr) minmax(0, 1.28fr);
  column-gap: clamp(36px, 5vw, 68px);
}

html.cs-page-icount .template-stack .birdi-presentation-71 {
  gap: 0 !important;
  padding-right: 24px;
}

html.cs-page-icount .template-stack .birdi-tech-pill {
  margin: 0 12px 12px 0;
  transition: background .25s ease, color .25s ease, transform .25s ease;
}

html.cs-page-icount .case-study .template-stack .birdi-tech-pill:hover {
  background: #101d30 !important;
  color: #ffffff !important;
  transform: translateY(-2px);
}

@media (max-width: 767px) {
  html.cs-page-icount .template-stack .birdi-presentation-67 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  html.cs-page-icount .template-stack .birdi-presentation-71 {
    padding-right: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.cs-page-icount .workflow-screen,
  html.cs-page-icount .workflow-explainer {
    animation: none;
  }

  html.cs-page-icount .case-study .template-stack .birdi-tech-pill:hover {
    transform: none;
  }
}

/* v8 cascade lock. */
html.cs-page-icount .hero-product-figure.hero-phone-pair {
  min-height: 540px;
  padding: 0;
  overflow: visible;
}

html.cs-page-icount .hero-product-figure.hero-phone-pair figcaption {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

html.cs-page-icount .scope-row-reverse .scope-copy {
  order: 2;
}

html.cs-page-icount .scope-row-reverse .scope-visual {
  order: 1;
}

@media (max-width: 991px) {
  html.cs-page-icount .hero-product-figure.hero-phone-pair {
    min-height: 500px;
  }
}

@media (max-width: 767px) {
  html.cs-page-icount .hero-product-figure.hero-phone-pair {
    min-height: 460px;
    margin-top: 20px;
    padding: 0;
  }

  html.cs-page-icount .scope-row-reverse .scope-visual {
    order: 1 !important;
  }

  html.cs-page-icount .scope-row-reverse .scope-copy {
    order: 2 !important;
  }
}

@media (max-width: 480px) {
  html.cs-page-icount .hero-product-figure.hero-phone-pair {
    min-height: 390px;
  }
}

/* v9 — compact template summary and open supported-item layout. */
html.cs-page-icount .birdi-summary {
  padding: 44px 0;
}

html.cs-page-icount .birdi-summary-inner {
  grid-template-columns: minmax(290px, .36fr) minmax(0, .64fr);
  gap: 0;
  align-items: start;
}

html.cs-page-icount .birdi-summary-identity {
  padding-right: clamp(28px, 4vw, 54px);
}

html.cs-page-icount .birdi-summary .birdi-solution {
  margin: 22px 0 0;
  font-size: clamp(20px, 1.7vw, 24px);
}

html.cs-page-icount .birdi-summary-status {
  margin-top: 24px;
}

html.cs-page-icount .birdi-summary-facts {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  padding: 3px 0 3px clamp(28px, 4vw, 52px);
  align-content: start;
}

html.cs-page-icount .birdi-summary-facts > div {
  padding: 0 22px 24px 0;
}

html.cs-page-icount .birdi-summary-facts dt {
  margin-bottom: 7px;
  color: #aebbd0;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .045em;
  text-transform: uppercase;
}

html.cs-page-icount .birdi-summary-facts dd {
  font-size: 16px;
  line-height: 1.48;
}

html.cs-page-icount .supported-lines > div {
  min-height: 124px;
  padding: 18px 0 22px;
  border-top: 0;
}

html.cs-page-icount .supported-lines span {
  display: block;
  color: #ee4865;
  font-size: clamp(25px, 2.7vw, 34px);
  font-weight: 650;
  line-height: 1;
  letter-spacing: -.035em;
}

html.cs-page-icount .supported-lines strong {
  margin-top: 22px;
}

@media (max-width: 991px) {
  html.cs-page-icount .birdi-summary-inner {
    grid-template-columns: 1fr;
  }

  html.cs-page-icount .birdi-summary-identity {
    padding: 0 0 30px;
  }

  html.cs-page-icount .birdi-summary-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 30px 0 0;
    border-top: 1px solid rgba(255, 255, 255, .17);
    border-left: 0;
  }
}

@media (max-width: 767px) {
  html.cs-page-icount .supported-lines {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 32px;
  }
}

@media (max-width: 575px) {
  html.cs-page-icount .birdi-summary-facts,
  html.cs-page-icount .supported-lines {
    grid-template-columns: 1fr;
  }

  html.cs-page-icount .supported-lines > div {
    min-height: 0;
    padding: 14px 0 22px;
  }

  html.cs-page-icount .supported-lines strong {
    margin-top: 12px;
  }
}

@media (max-width: 420px) {
  html.cs-page-icount .birdi-summary-client {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  html.cs-page-icount .birdi-summary-sector {
    padding-left: 0;
    border-left: 0;
    font-size: 14px;
  }
}

/* v10 — connected supported-item sequence. */
html.cs-page-icount .supported-lines {
  position: relative;
}

html.cs-page-icount .supported-lines::before {
  content: "";
  position: absolute;
  top: 58px;
  right: 12.5%;
  left: 12.5%;
  height: 1px;
  background: rgba(16, 29, 48, .28);
}

html.cs-page-icount .supported-lines > div {
  position: relative;
  z-index: 1;
  text-align: center;
}

html.cs-page-icount .supported-lines > div::before {
  content: "";
  position: absolute;
  top: 52px;
  left: 50%;
  width: 12px;
  height: 12px;
  border: 2px solid #ee4865;
  border-radius: 50%;
  background: #f1f1f1;
  transform: translateX(-50%);
}

html.cs-page-icount .supported-lines strong {
  margin-top: 42px;
}

@media (max-width: 767px) {
  html.cs-page-icount .supported-lines {
    display: block;
    padding-left: 34px;
  }

  html.cs-page-icount .supported-lines::before {
    top: 26px;
    right: auto;
    bottom: 26px;
    left: 6px;
    width: 1px;
    height: auto;
  }

  html.cs-page-icount .supported-lines > div {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    align-items: center;
    min-height: 0;
    padding: 16px 0;
    text-align: left;
  }

  html.cs-page-icount .supported-lines > div::before {
    top: 50%;
    left: -34px;
    transform: translateY(-50%);
  }

  html.cs-page-icount .supported-lines span {
    font-size: 25px;
  }

  html.cs-page-icount .supported-lines strong {
    margin-top: 0;
  }
}
/* ================================================================
   Final page-scoped corrections — September 2026
   These selectors intentionally include each route namespace so the
   unified stylesheet cannot leak one case study's rules into another.
   ================================================================ */

/* Bootstrap 4 tab visibility guard. Several Birdi feature panels use grid,
   so their layout rule must never override Bootstrap's inactive-pane rule. */
html.cs-page-algorithmic-trading .case-study .tab-content > .tab-pane:not(.active),
html.cs-page-al-hudaif .case-study .tab-content > .tab-pane:not(.active),
html.cs-page-birdi .case-study .tab-content > .tab-pane:not(.active),
html.cs-page-birdi-capital .case-study .tab-content > .tab-pane:not(.active),
html.cs-page-clipper-oil .case-study .tab-content > .tab-pane:not(.active),
html.cs-page-desh-apnayen .case-study .tab-content > .tab-pane:not(.active),
html.cs-page-icount .case-study .tab-content > .tab-pane:not(.active),
html.cs-page-algorithmic-trading .case-study [role="tabpanel"][hidden],
html.cs-page-al-hudaif .case-study [role="tabpanel"][hidden],
html.cs-page-birdi .case-study [role="tabpanel"][hidden],
html.cs-page-birdi-capital .case-study [role="tabpanel"][hidden],
html.cs-page-clipper-oil .case-study [role="tabpanel"][hidden],
html.cs-page-desh-apnayen .case-study [role="tabpanel"][hidden],
html.cs-page-icount .case-study [role="tabpanel"][hidden] {
  display: none !important;
}

/* Xaloy — centered delivered-scope heading. */
html.cs-page-xaloy-industrial-website-redesign .cs-xaloy-delivered-heading {
  max-width: 820px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

html.cs-page-xaloy-industrial-website-redesign .cs-xaloy-delivered-heading p {
  max-width: 660px;
  margin-right: auto;
  margin-left: auto;
}

/* Al Hudaif — Birdi-style project summary and editorial reporting board. */
html.cs-page-al-hudaif .alhudaif-template-summary .birdi-summary-inner {
  display: grid;
  grid-template-columns: minmax(300px, .42fr) minmax(0, .58fr);
  gap: clamp(36px, 6vw, 76px);
  align-items: stretch;
}

html.cs-page-al-hudaif .alhudaif-template-summary .birdi-summary-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px 34px;
  align-content: center;
  margin: 0;
  padding-left: clamp(28px, 4vw, 54px);
  border-left: 1px solid rgba(255, 255, 255, .18);
}

html.cs-page-al-hudaif .alhudaif-template-summary .birdi-summary-facts > div {
  min-width: 0;
}

html.cs-page-al-hudaif .alhudaif-reporting-section .birdi-presentation-28 {
  max-width: 820px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

html.cs-page-al-hudaif .alhudaif-reporting-board {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: clamp(36px, 5vw, 58px);
  overflow: hidden;
  border-radius: 18px;
  background: linear-gradient(135deg, #101d30 0%, #20243a 62%, #32263a 100%);
  box-shadow: 0 28px 64px rgba(16, 29, 48, .16);
}

html.cs-page-al-hudaif .alhudaif-reporting-group {
  position: relative;
  min-width: 0;
  padding: clamp(34px, 5vw, 58px);
}

html.cs-page-al-hudaif .alhudaif-reporting-group + .alhudaif-reporting-group {
  border-left: 1px solid rgba(255, 255, 255, .16);
}

html.cs-page-al-hudaif .alhudaif-reporting-index {
  position: absolute;
  top: 18px;
  right: 26px;
  color: rgba(238, 72, 101, .2);
  font-size: clamp(4.5rem, 8vw, 7.5rem);
  font-weight: 700;
  letter-spacing: -.08em;
  line-height: 1;
}

html.cs-page-al-hudaif .alhudaif-reporting-group h4 {
  position: relative;
  display: flex;
  gap: 14px;
  align-items: center;
  max-width: 330px;
  margin: 0 0 28px;
  color: #fff;
  font-size: 20px;
  line-height: 1.4;
}

html.cs-page-al-hudaif .alhudaif-reporting-group h4 i {
  display: inline-flex;
  flex: 0 0 42px;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #ee4865;
  color: #fff;
}

html.cs-page-al-hudaif .alhudaif-reporting-group ul {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

html.cs-page-al-hudaif .alhudaif-reporting-group li {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 12px;
  padding: 13px 0;
  border-top: 1px solid rgba(255, 255, 255, .12);
  color: #dbe5f3;
  font-size: 14px;
  line-height: 1.65;
}

html.cs-page-al-hudaif .alhudaif-reporting-group li i {
  margin-top: 5px;
  color: #ff8299;
}

/* Birdi Capital — requested three-column capability list. */
html.cs-page-birdi-capital .wwb-points {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 30px;
  width: 100%;
}

html.cs-page-birdi-capital .wwb-points li {
  min-width: 0;
}

/* Clipper Oil — balanced repair visual and full-width outcome image. */
html.cs-page-clipper-oil .clipper-repair-layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(34px, 6vw, 74px);
  align-items: center;
}

html.cs-page-clipper-oil .clipper-repair-copy > p {
  max-width: 650px;
  margin: 16px 0 0;
  color: #b8cbe5;
  font-size: 16px;
  line-height: 1.75;
}

html.cs-page-clipper-oil .clipper-repair-copy .two-col-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 22px;
  margin-top: 24px;
}

html.cs-page-clipper-oil .clipper-repair-copy .two-col-list > div {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  color: #fff;
}

html.cs-page-clipper-oil .clipper-repair-copy .two-col-list i {
  margin-top: 4px;
  color: #ff8299;
}

html.cs-page-clipper-oil .clipper-repair-copy .clipper-repair-boundary {
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid rgba(255, 255, 255, .18);
}

html.cs-page-clipper-oil .clipper-repair-visual {
  min-width: 0;
  margin: 0;
}

html.cs-page-clipper-oil .clipper-repair-visual img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 14px;
  box-shadow: 0 24px 58px rgba(0, 0, 0, .28);
}

html.cs-page-clipper-oil .clipper-repair-visual figcaption {
  margin-top: 12px;
  color: #b8cbe5;
  font-size: 12px;
  line-height: 1.6;
}

html.cs-page-clipper-oil .outcome-light .birdi-presentation-52 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(34px, 6vw, 72px);
  align-items: center;
}

html.cs-page-clipper-oil .outcome-light .birdi-presentation-53,
html.cs-page-clipper-oil .outcome-light .birdi-presentation-54 {
  width: 100%;
  max-width: none;
}

html.cs-page-clipper-oil .outcome-light .birdi-presentation-54 img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

@media (max-width: 991px) {
  html.cs-page-al-hudaif .alhudaif-template-summary .birdi-summary-inner {
    grid-template-columns: 1fr;
  }

  html.cs-page-al-hudaif .alhudaif-template-summary .birdi-summary-facts {
    padding-top: 30px;
    padding-left: 0;
    border-top: 1px solid rgba(255, 255, 255, .18);
    border-left: 0;
  }

  html.cs-page-birdi-capital .wwb-points {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html.cs-page-clipper-oil .clipper-repair-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  html.cs-page-al-hudaif .alhudaif-reporting-board,
  html.cs-page-clipper-oil .outcome-light .birdi-presentation-52 {
    grid-template-columns: 1fr;
  }

  html.cs-page-al-hudaif .alhudaif-reporting-group + .alhudaif-reporting-group {
    border-top: 1px solid rgba(255, 255, 255, .16);
    border-left: 0;
  }

  html.cs-page-birdi-capital .wwb-points {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575px) {
  html.cs-page-al-hudaif .alhudaif-template-summary .birdi-summary-facts,
  html.cs-page-clipper-oil .clipper-repair-copy .two-col-list {
    grid-template-columns: 1fr;
  }
}
/* 2026-09-11 — shared tab visibility and clean hero artwork treatment. */

/* The shared controller owns panel visibility across every case study. */
html[class*="cs-page-"] [role="tabpanel"][hidden] {
  display: none !important;
}

/* Remove decorative hero backplates while preserving Bootstrap column gutters. */
html[class*="cs-page-"] .hero-section .birdi-presentation-15,
html[class*="cs-page-"] .hero-section .hero-product-backdrop,
html[class*="cs-page-"] .cs-hero .cs-hero-visual::before,
html[class*="cs-page-"] .cs-hero .cs-hero-visual::after,
html.cs-page-icount .hero-phone-pair-images::before,
html.cs-page-icount .hero-phone-pair-images::after {
  display: none !important;
}

html[class*="cs-page-"] .hero-section .hero-art,
html[class*="cs-page-"] .hero-section .hero-product-figure,
html[class*="cs-page-"] .cs-hero .cs-hero-visual,
html.cs-page-energy-glazing .hero .hero-shot,
html.cs-page-g-sport-tyres .hero-section .hero-browser,
html.cs-page-icount .hero-phone-pair-images {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Birdi-style laptop and mobile hero screenshots. */
html[class*="cs-page-"] .hero-section .parallax-visual {
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: 0 12px 28px rgba(16, 29, 48, .14) !important;
}

html[class*="cs-page-"] .hero-section .parallax-visual::before,
html[class*="cs-page-"] .hero-section .parallax-visual::after,
html[class*="cs-page-"] .hero-section .browser-chrome {
  display: none !important;
}

html[class*="cs-page-"] .hero-section .parallax-visual img {
  display: block;
  width: 100%;
  height: auto;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
}

/* Algorithmic Trading hero image. */
html.cs-page-algorithmic-trading .hero-product-figure {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

html.cs-page-algorithmic-trading .hero-product-frame {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: 0 12px 28px rgba(16, 29, 48, .14) !important;
}

html.cs-page-algorithmic-trading .hero-product-frame img {
  display: block;
  width: 100%;
  height: auto;
  border: 0 !important;
  background: transparent !important;
}

/* Two authentic iCount phone screens: no shared plate, only soft image shadows. */
html.cs-page-icount .hero-product-figure.hero-phone-pair {
  background: transparent !important;
}

html.cs-page-icount .hero-phone-pair-images img {
  border: 0 !important;
  background: transparent !important;
  box-shadow: 0 10px 24px rgba(16, 29, 48, .14) !important;
}

/* Generic Bootstrap case-study heroes. */
html[class*="cs-page-"] .cs-hero .cs-hero-visual.cs-shot,
html[class*="cs-page-"] .cs-hero .cs-hero-visual > .cs-shot {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[class*="cs-page-"] .cs-hero .cs-hero-visual.cs-shot > img,
html[class*="cs-page-"] .cs-hero .cs-hero-visual > .cs-shot > img {
  display: block;
  width: 100%;
  height: auto;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: 0 12px 28px rgba(16, 29, 48, .14) !important;
}

/* Navtatva retains its supplied two-image composition without a background plate. */
html.cs-page-navtatva-multi-tenant-commerce .cs-nav-hero-showcase {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-nav-hero-showcase::before,
html.cs-page-navtatva-multi-tenant-commerce .cs-nav-hero-showcase::after {
  display: none !important;
}

html.cs-page-navtatva-multi-tenant-commerce .cs-nav-hero-screen {
  border: 0 !important;
  background: transparent !important;
  box-shadow: 0 10px 24px rgba(16, 29, 48, .14) !important;
}

/* Energy Glazing and G Sport use standalone hero figures. */
html.cs-page-energy-glazing .hero .hero-shot > img,
html.cs-page-g-sport-tyres .hero-section .hero-browser > img {
  display: block;
  width: 100%;
  height: auto;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: 0 12px 28px rgba(16, 29, 48, .14) !important;
}

html.cs-page-g-sport-tyres .hero-section .hero-browser {
  overflow: visible !important;
  transform: none !important;
}

html.cs-page-g-sport-tyres .hero-section .hero-browser .browser-bar {
  display: none !important;
}

@media (max-width: 767px) {
  html[class*="cs-page-"] .hero-section .parallax-visual,
  html.cs-page-algorithmic-trading .hero-product-frame,
  html[class*="cs-page-"] .cs-hero .cs-hero-visual.cs-shot > img,
  html[class*="cs-page-"] .cs-hero .cs-hero-visual > .cs-shot > img,
  html.cs-page-energy-glazing .hero .hero-shot > img,
  html.cs-page-g-sport-tyres .hero-section .hero-browser > img {
    box-shadow: 0 8px 20px rgba(16, 29, 48, .12) !important;
  }
}
.countriesFlag p
{
  margin: initial !important;
}

/* last 3 case studies */
.case-studies-preview-page .roomy {
  row-gap: 48px;
}

.case-studies-preview-page .eyebrow,
.case-studies-preview-page .kicker {
  text-transform: uppercase;
  letter-spacing: .16em;
  color: var(--pink);
  font-size: .78rem;
  font-weight: 700;
  margin: 0 0 18px;
}

.case-studies-preview-page .eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
}

.case-studies-preview-page .eyebrow>span {
  width: 42px;
  height: 2px;
  background: var(--pink);
}

.case-studies-preview-page .section-head {
  margin-bottom: 34px;
}

.case-studies-preview-page .section-head.narrow {
  max-width: 760px;
}

.case-studies-preview-page .section-head.wide {
  max-width: 870px;
}

.case-studies-preview-page .section-head.centered {
  max-width: 800px;
  margin: 0 auto 54px;
  text-align: center;
}

.case-studies-preview-page .section-head h2 {
  font-size: clamp(2rem,4vw,3.6rem);
  line-height: 1.08;
  letter-spacing: -.045em;
  margin: 0 0 24px;
  font-weight: 600;
}

.case-studies-preview-page .section-head h2 span {
  color: var(--pink);
}

.case-studies-preview-page .section-head p:last-child {
  color: var(--muted);
  font-size: 1.02rem;
  margin-bottom: 0;
}

.case-studies-preview-page .prose p,
.case-studies-preview-page p {
  font-size: 1rem;
}

.case-studies-preview-page .prose p {
  color: var(--muted);
  margin-bottom: 20px;
}

.case-studies-preview-page .prose strong {
  color: var(--ink);
}

.case-studies-preview-page .hero-section {
  padding: clamp(58px,8vw,108px) 0 0;
  background: linear-gradient(135deg,#fff 0%,#f5f6f9 68%,#edf0f5 100%);
  overflow: hidden;
}

.case-studies-preview-page .hero-row {
  min-height: 590px;
  row-gap: 54px;
}

.case-studies-preview-page .hero-copy h1 {
  font-size: clamp(2.7rem,5vw,5.1rem);
  line-height: .99;
  letter-spacing: -.06em;
  font-weight: 600;
  margin: 0 0 22px;
}

.case-studies-preview-page .hero-copy h1 strong {
  display: block;
  color: var(--pink);
  font-weight: 600;
}

.case-studies-preview-page .hero-lead {
  max-width: 610px;
  color: var(--muted);
  font-size: 1.08rem;
  margin: 26px 0 30px;
}

.case-studies-preview-page .country-line {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: .88rem;
  font-weight: 600;
  color: var(--ink);
  background: #fff;
  border: 1px solid #e0e4eb;
  border-radius: 999px;
  padding: 7px 13px;
  box-shadow: 0 8px 26px rgba(16,29,48,.07);
}

.case-studies-preview-page .flag {
  font-size: 1.28rem;
  line-height: 1;
}

.case-studies-preview-page .primary-cta,
.case-studies-preview-page .light-cta {
  border-radius: 4px;
  padding: 15px 23px;
  font-weight: 600;
  font-size: .92rem;
  letter-spacing: .01em;
}

.case-studies-preview-page .primary-cta {
  background: var(--navy);
  color: #fff;
}

.case-studies-preview-page .primary-cta:hover {
  background: var(--pink);
  color: #fff;
}

.case-studies-preview-page .primary-cta i,
.case-studies-preview-page .light-cta i {
  margin-left: 9px;
}

.case-studies-preview-page .browser-visual {
  margin: 0;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 22px 70px rgba(16,29,48,.18);
  overflow: hidden;
  border: 1px solid rgba(16,29,48,.1);
}

.case-studies-preview-page .browser-visual img {
  display: block;
  width: 100%;
}

.case-studies-preview-page .browser-bar {
  height: 38px;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 15px;
  background: #e9edf3;
  border-bottom: 1px solid #d9dee7;
}

.case-studies-preview-page .browser-bar i {
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #ff5f57;
}

.case-studies-preview-page .browser-bar i:nth-child(2) {
  background: #febc2e;
}

.case-studies-preview-page .browser-bar i:nth-child(3) {
  background: #28c840;
}

.case-studies-preview-page .browser-bar span {
  margin-left: auto;
  margin-right: auto;
  color: #697588;
  text-transform: uppercase;
  letter-spacing: .13em;
  font-size: .62rem;
  font-weight: 700;
}

.case-studies-preview-page .browser-visual figcaption {
  padding: 13px 18px;
  color: #687487;
  background: #fff;
  font-size: .73rem;
  line-height: 1.55;
  border-top: 1px solid #eceff3;
}

.case-studies-preview-page .hero-browser {
  transform: perspective(1400px) rotateY(-4deg) rotateX(1deg);
  box-shadow: 28px 34px 80px rgba(16,29,48,.22);
}

.case-studies-preview-page .hero-facts {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  background: #fff;
  margin-top: 70px;
  position: relative;
  z-index: 2;
  box-shadow: 0 18px 55px rgba(16,29,48,.1);
}

.case-studies-preview-page .hero-facts>div {
  display: flex;
  gap: 14px;
  align-items: center;
  padding: 24px;
  border-right: 1px solid #e3e7ed;
}

.case-studies-preview-page .hero-facts>div:last-child {
  border-right: 0;
}

.case-studies-preview-page .hero-facts i {
  color: var(--pink);
  font-size: 1.35rem;
  width: 24px;
  text-align: center;
}

.case-studies-preview-page .hero-facts span {
  font-size: .79rem;
  line-height: 1.5;
  color: var(--muted);
}

.case-studies-preview-page .hero-facts b {
  display: block;
  color: var(--ink);
  font-size: .68rem;
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-bottom: 3px;
}

.case-studies-preview-page .summary-strip {
  background: var(--navy);
  color: #fff;
  padding: 54px 0;
}

.case-studies-preview-page .summary-grid {
  display: grid;
  grid-template-columns: .85fr 1.5fr;
  gap: 70px;
  align-items: center;
}

.case-studies-preview-page .summary-title p {
  text-transform: uppercase;
  letter-spacing: .15em;
  color: var(--pink);
  font-size: .75rem;
  font-weight: 700;
}

.case-studies-preview-page .summary-title h2 {
  font-size: 1.55rem;
  line-height: 1.3;
  margin: 0;
}

.case-studies-preview-page .summary-grid dl {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  margin: 0;
  gap: 22px;
}

.case-studies-preview-page .summary-grid dl div {
  border-left: 1px solid rgba(255,255,255,.19);
  padding-left: 18px;
}

.case-studies-preview-page .summary-grid dt {
  color: #96a3b6;
  font-size: .69rem;
  text-transform: uppercase;
  letter-spacing: .1em;
  margin-bottom: 7px;
}

.case-studies-preview-page .summary-grid dd {
  margin: 0;
  font-size: .85rem;
  line-height: 1.45;
}

.case-studies-preview-page .client-section {
  background: #fff;
}

.case-studies-preview-page .relationship-rail {
  border-top: 2px solid var(--navy);
}

.case-studies-preview-page .relationship-rail article {
  padding: 28px 0;
  border-bottom: 1px solid var(--line);
  display: grid;
  grid-template-columns: 48px 1fr;
  column-gap: 18px;
}

.case-studies-preview-page .relationship-rail article>span {
  color: var(--pink);
  font-weight: 700;
  grid-row: 1/3;
}

.case-studies-preview-page .relationship-rail p {
  text-transform: uppercase;
  letter-spacing: .12em;
  color: #7a8698;
  font-size: .69rem;
  font-weight: 700;
  margin: 0 0 7px;
}

.case-studies-preview-page .relationship-rail h3 {
  font-size: 1.2rem;
  margin: 0;
  line-height: 1.4;
}

.case-studies-preview-page .need-section {
  background: var(--paper);
}

.case-studies-preview-page .need-list {
  border-top: 2px solid var(--navy);
}

.case-studies-preview-page .need-list article {
  display: grid;
  grid-template-columns: 52px 1fr;
  gap: 18px;
  border-bottom: 1px solid #cdd3dd;
  padding: 30px 0;
}

.case-studies-preview-page .need-list b {
  color: var(--pink);
  font-size: .83rem;
}

.case-studies-preview-page .need-list h3 {
  font-size: 1.25rem;
  margin: 0 0 8px;
}

.case-studies-preview-page .need-list p {
  color: var(--muted);
  margin: 0;
}

.case-studies-preview-page .build-section .row,
.case-studies-preview-page .support-section .row,
.case-studies-preview-page .capabilities-section .row {
  row-gap: 45px;
}

.case-studies-preview-page .build-section .browser-visual,
.case-studies-preview-page .support-section .browser-visual,
.case-studies-preview-page .capabilities-section .browser-visual {
  margin-left: clamp(0px,3vw,42px);
}

.case-studies-preview-page .check-list {
  list-style: none;
  padding: 0;
  margin: 28px 0;
}

.case-studies-preview-page .check-list li {
  padding: 10px 0 10px 28px;
  position: relative;
  border-bottom: 1px solid #e7eaf0;
  color: #465368;
}

.case-studies-preview-page .check-list li:before {
  content: "";
  font-family: FontAwesome;
  position: absolute;
  left: 0;
  color: var(--pink);
}

.case-studies-preview-page .workflow-section {
  background: linear-gradient(135deg,var(--navy),#172944);
  color: #fff;
}

.case-studies-preview-page .workflow-section .section-head p:last-child {
  color: #b8c1cf;
}

.case-studies-preview-page .workflow-layout {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: clamp(38px,6vw,84px);
  align-items: start;
}

.case-studies-preview-page .workflow-media {
  position: relative;
  top: auto;
}

.case-studies-preview-page .workflow-label {
  display: flex;
  justify-content: space-between;
  text-transform: uppercase;
  letter-spacing: .13em;
  font-size: .73rem;
  color: #aeb8c7;
  margin-bottom: 17px;
}

.case-studies-preview-page .workflow-label b {
  color: var(--pink);
}

.case-studies-preview-page .workflow-stage {
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 20px 60px rgba(0,0,0,.24);
  min-height: 280px;
  display: flex;
  align-items: center;
}

.case-studies-preview-page .workflow-stage img {
  display: block;
  width: 100%;
  animation: sl-preview-fadeIn .35s ease;
}

.case-studies-preview-page .workflow-media h3 {
  font-size: 1rem;
  margin: 20px 0 14px;
}

.case-studies-preview-page .progress-line {
  height: 3px;
  background: rgba(255,255,255,.18);
}

.case-studies-preview-page .progress-line span {
  display: block;
  height: 100%;
  background: var(--pink);
  transition: width .3s;
}

.case-studies-preview-page .workflow-steps {
  border-left: 1px solid rgba(255,255,255,.22);
  padding-left: 32px;
}

.case-studies-preview-page .workflow-step {
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 16px;
  padding: 8px 0 54px;
  position: relative;
  cursor: pointer;
}

.case-studies-preview-page .workflow-step:before {
  content: "";
  position: absolute;
  left: -38px;
  top: 15px;
  width: 11px;
  height: 11px;
  border: 2px solid var(--pink);
  border-radius: 50%;
  background: var(--navy);
}

.case-studies-preview-page .workflow-step.is-active:before {
  background: var(--pink);
  box-shadow: 0 0 0 7px rgba(239,74,104,.18);
}

.case-studies-preview-page .workflow-step>span {
  color: var(--pink);
  font-weight: 700;
  font-size: .79rem;
}

.case-studies-preview-page .workflow-step h3 {
  font-size: 1.3rem;
  margin: 0 0 12px;
}

.case-studies-preview-page .workflow-step p {
  color: #bec7d4;
  margin: 0;
  line-height: 1.7;
}

.case-studies-preview-page .dealer-workflow {
  background: #fff;
}

.case-studies-preview-page .full-visual {
  margin-top: 48px;
}

.case-studies-preview-page .capabilities-section {
  background: var(--paper);
}

.case-studies-preview-page .capability-list {
  border-top: 2px solid var(--navy);
}

.case-studies-preview-page .capability-list details {
  border-bottom: 1px solid #cdd3dd;
  padding: 18px 0;
}

.case-studies-preview-page .capability-list summary {
  cursor: pointer;
  list-style: none;
  font-weight: 600;
  padding-right: 30px;
  position: relative;
}

.case-studies-preview-page .capability-list summary::-webkit-details-marker {
  display: none;
}

.case-studies-preview-page .capability-list summary:after {
  content: "+";
  position: absolute;
  right: 0;
  color: var(--pink);
  font-size: 1.35rem;
  top: -5px;
}

.case-studies-preview-page .capability-list details[open] summary:after {
  content: "−";
}

.case-studies-preview-page .capability-list p {
  color: var(--muted);
  margin: 12px 0 2px;
  font-size: .91rem;
}

.case-studies-preview-page .phase-section {
  background: var(--navy);
  color: #fff;
}

.case-studies-preview-page .phase-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid rgba(255,255,255,.2);
}

.case-studies-preview-page .phase-grid article {
  padding: clamp(30px,4vw,55px);
}

.case-studies-preview-page .phase-grid article+article {
  border-left: 1px solid rgba(255,255,255,.2);
}

.case-studies-preview-page .phase-num {
  display: inline-block;
  color: var(--pink);
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 25px;
}

.case-studies-preview-page .phase-label {
  color: #9facc0;
  text-transform: uppercase;
  letter-spacing: .11em;
  font-size: .69rem;
  font-weight: 700;
}

.case-studies-preview-page .phase-grid h3 {
  font-size: 1.5rem;
  margin-bottom: 16px;
}

.case-studies-preview-page .phase-grid article>p:last-child {
  color: #c5cdd8;
  margin-bottom: 0;
}

.case-studies-preview-page .evidence-note {
  display: flex;
  gap: 13px;
  align-items: flex-start;
  margin: 26px 0 0;
  padding: 18px 0;
  color: #bfc9d7;
  font-size: .84rem;
  border-top: 1px solid rgba(255,255,255,.17);
}

.case-studies-preview-page .evidence-note i {
  color: var(--pink);
  margin-top: 5px;
}

.case-studies-preview-page .support-section {
  background: #fff;
}

.case-studies-preview-page .features-section {
  background: #fff;
}

.case-studies-preview-page .features-top {
  display: grid;
  grid-template-columns: 1.1fr .75fr;
  gap: 70px;
  align-items: end;
}

.case-studies-preview-page .features-top>p {
  color: var(--muted);
  margin-bottom: 34px;
}

.case-studies-preview-page .feature-tabs {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  border-bottom: 1px solid var(--line);
  margin-top: 15px;
}

.case-studies-preview-page .feature-tabs button {
  border: 0;
  border-bottom: 3px solid transparent;
  background: none;
  padding: 20px;
  color: #667287;
  font-weight: 600;
  cursor: pointer;
}

.case-studies-preview-page .feature-tabs button i {
  color: var(--pink);
  margin-right: 9px;
}

.case-studies-preview-page .feature-tabs button.active {
  border-color: var(--pink);
  color: var(--ink);
}

.case-studies-preview-page .feature-panel {
  display: none;
  grid-template-columns: repeat(4,1fr);
  border-left: 1px solid var(--line);
  margin-top: 42px;
}

.case-studies-preview-page .feature-panel.active {
  display: grid;
}

.case-studies-preview-page .feature-panel article {
  padding: 8px 25px 20px;
  border-right: 1px solid var(--line);
}

.case-studies-preview-page .feature-panel h3 {
  font-size: 1.08rem;
  line-height: 1.4;
  margin: 0 0 12px;
}

.case-studies-preview-page .feature-panel p {
  font-size: .87rem;
  color: var(--muted);
  margin: 0;
}

.case-studies-preview-page .fit-section {
  background: var(--paper);
}

.case-studies-preview-page .fit-list {
  border-top: 2px solid var(--navy);
}

.case-studies-preview-page .fit-list>div {
  display: grid;
  grid-template-columns: 50px 1fr 1.2fr;
  gap: 18px;
  padding: 27px 0;
  border-bottom: 1px solid #cdd3dd;
  align-items: start;
}

.case-studies-preview-page .fit-list span {
  color: var(--pink);
  font-size: .78rem;
  font-weight: 700;
}

.case-studies-preview-page .fit-list h3 {
  font-size: 1.08rem;
  margin: 0;
}

.case-studies-preview-page .fit-list p {
  font-size: .9rem;
  color: var(--muted);
  margin: 0;
}

.case-studies-preview-page .tech-section {
  background: #fff;
}

.case-studies-preview-page .tech-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.case-studies-preview-page .tech-grid article {
  border: 1px solid var(--line);
  padding: 32px;
}

.case-studies-preview-page .tech-grid article>p {
  font-size: .72rem;
  color: var(--pink);
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 700;
}

.case-studies-preview-page .tech-grid article div {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.case-studies-preview-page .tech-grid span {
  padding: 10px 13px;
  background: var(--paper);
  font-size: .81rem;
  color: #3f4c60;
}

.case-studies-preview-page .tech-section .evidence-note {
  color: var(--muted);
  border-color: var(--line);
}

.case-studies-preview-page .cta-section {
  padding: clamp(75px,9vw,120px) 0;
  background: linear-gradient(115deg,#ee4865,#d93658);
  text-align: center;
  color: #fff;
}

.case-studies-preview-page .cta-section .kicker {
  color: #fff;
}

.case-studies-preview-page .cta-section h2 {
  font-size: clamp(2.2rem,5vw,4.4rem);
  letter-spacing: -.05em;
  line-height: 1.05;
  margin: 0 0 20px;
}

.case-studies-preview-page .cta-section p:not(.kicker) {
  max-width: 760px;
  margin: 0 auto 30px;
  color: #fff;
}

.case-studies-preview-page .light-cta {
  background: #fff;
  color: var(--navy);
}

.case-studies-preview-page .light-cta:hover {
  background: var(--navy);
  color: #fff;
}

.case-studies-preview-page .faq-section {
  background: #fff;
}

.case-studies-preview-page .faq-list {
  max-width: 960px;
  margin: auto;
  border-top: 2px solid var(--navy);
}

.case-studies-preview-page .faq-list details {
  border-bottom: 1px solid var(--line);
  padding: 0;
}

.case-studies-preview-page .faq-list summary {
  list-style: none;
  cursor: pointer;
  font-size: 1.08rem;
  font-weight: 600;
  padding: 25px 50px 25px 0;
  position: relative;
}

.case-studies-preview-page .faq-list summary::-webkit-details-marker {
  display: none;
}

.case-studies-preview-page .faq-list summary:after {
  content: "+";
  position: absolute;
  right: 8px;
  top: 19px;
  color: var(--pink);
  font-size: 1.5rem;
}

.case-studies-preview-page .faq-list details[open] summary:after {
  content: "−";
}

.case-studies-preview-page .faq-list p {
  color: var(--muted);
  padding: 0 40px 25px 0;
  margin: 0;
}

@keyframes sl-preview-fadeIn {
  from {
    opacity: .25;
    transform: translateY(4px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@media (max-width:991.98px) {
  .case-studies-preview-page .hero-row {
    min-height: auto;
  }

  .case-studies-preview-page .hero-copy {
    text-align: left;
  }

  .case-studies-preview-page .hero-browser {
    transform: none;
    margin-top: 12px;
  }

  .case-studies-preview-page .hero-facts {
    grid-template-columns: 1fr 1fr;
  }

  .case-studies-preview-page .hero-facts>div:nth-child(2) {
    border-right: 0;
  }

  .case-studies-preview-page .hero-facts>div:nth-child(-n/**/+2) {
    border-bottom: 1px solid #e3e7ed;
  }

  .case-studies-preview-page .summary-grid {
    grid-template-columns: 1fr;
    gap: 35px;
  }

  .case-studies-preview-page .summary-grid dl {
    grid-template-columns: 1fr 1fr;
  }

  .case-studies-preview-page .workflow-layout {
    grid-template-columns: 1fr;
  }

  .case-studies-preview-page .workflow-media {
    position: relative;
  }

  .case-studies-preview-page .features-top {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .case-studies-preview-page .feature-panel {
    grid-template-columns: 1fr 1fr;
  }

  .case-studies-preview-page .fit-list {
    margin-top: 20px;
  }

  .case-studies-preview-page .build-section .browser-visual,
  .case-studies-preview-page .support-section .browser-visual,
  .case-studies-preview-page .capabilities-section .browser-visual {
    margin: 0 0 42px;
  }
}

@media (max-width:767.98px) {
  .case-studies-preview-page .section {
    padding: 70px 0;
  }

  .case-studies-preview-page .container {
    padding-left: 22px;
    padding-right: 22px;
  }

  .case-studies-preview-page .hero-section {
    padding-top: 50px;
  }

  .case-studies-preview-page .hero-row {
    row-gap: 40px;
  }

  .case-studies-preview-page .hero-copy h1 {
    font-size: 2.65rem;
  }

  .case-studies-preview-page .hero-facts {
    grid-template-columns: 1fr;
    margin-top: 48px;
  }

  .case-studies-preview-page .hero-facts>div {
    border-right: 0;
    border-bottom: 1px solid #e3e7ed;
  }

  .case-studies-preview-page .summary-grid dl {
    grid-template-columns: 1fr;
  }

  .case-studies-preview-page .summary-grid dl div {
    padding: 14px 0;
    border-left: 0;
    border-top: 1px solid rgba(255,255,255,.15);
  }

  .case-studies-preview-page .section-head.centered {
    text-align: left;
  }

  .case-studies-preview-page .workflow-steps {
    padding-left: 25px;
  }

  .case-studies-preview-page .workflow-step:before {
    left: -31px;
  }

  .case-studies-preview-page .phase-grid {
    grid-template-columns: 1fr;
  }

  .case-studies-preview-page .phase-grid article+article {
    border-left: 0;
    border-top: 1px solid rgba(255,255,255,.2);
  }

  .case-studies-preview-page .feature-tabs {
    grid-template-columns: 1fr;
  }

  .case-studies-preview-page .feature-tabs button {
    text-align: left;
  }

  .case-studies-preview-page .feature-panel.active {
    grid-template-columns: 1fr;
  }

  .case-studies-preview-page .feature-panel {
    border-left: 0;
  }

  .case-studies-preview-page .feature-panel article {
    border-right: 0;
    border-bottom: 1px solid var(--line);
    padding: 18px 0;
  }

  .case-studies-preview-page .fit-list>div {
    grid-template-columns: 40px 1fr;
  }

  .case-studies-preview-page .fit-list p {
    grid-column: 2;
  }

  .case-studies-preview-page .tech-grid {
    grid-template-columns: 1fr;
  }

  .case-studies-preview-page .browser-bar {
    height: 32px;
  }

  .case-studies-preview-page .browser-visual figcaption {
    font-size: .69rem;
  }

  .case-studies-preview-page .cta-section {
    text-align: left;
  }

  .case-studies-preview-page .cta-section p:not(.kicker) {
    margin-left: 0;
  }

  .case-studies-preview-page .country-line {
    margin-bottom: 3px;
  }
}

@media (prefers-reduced-motion:reduce) {
  html.sl-preview-document {
    scroll-behavior: auto;
  }

  .case-studies-preview-page,
  .case-studies-preview-page *,
  *.case-studies-preview-page:before,
  .case-studies-preview-page *:before,
  *.case-studies-preview-page:after,
  .case-studies-preview-page *:after {
    animation: none !important;
    transition: none !important;
  }
}

/* Birdi template fidelity refinements requested for G Sport. */

.case-studies-preview-page .hero-copy h1 {
  font-size: clamp(3rem,5vw,5.15rem);
  line-height: 1.02;
  letter-spacing: -.055em;
  margin-bottom: 26px;
  color: #484848;
}

.case-studies-preview-page .hero-lead {
  color: #667084;
}

.case-studies-preview-page .country-line {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  padding: 1px 0 1px 14px;
  border: 0;
  border-left: 3px solid var(--pink);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--ink);
}

.case-studies-preview-page .country-line strong {
  font-size: 1.32rem;
  color: #d82f52;
}

.case-studies-preview-page .country-line>span:last-child {
  color: var(--ink);
  font-size: .92rem;
}

.case-studies-preview-page .country-line .flag {
  font-size: 1.65rem;
  line-height: 1;
}

.case-studies-preview-page .hero-facts {
  margin-top: 76px;
  border-top: 1px solid #e4e7ed;
  box-shadow: none;
}

.case-studies-preview-page .hero-facts>div {
  align-items: flex-start;
  gap: 13px;
  padding: 30px 18px;
  border-right: 0;
}

.case-studies-preview-page .hero-facts i {
  width: 17px;
  margin-top: 5px;
  font-size: .85rem;
}

.case-studies-preview-page .hero-facts span {
  font-size: .88rem;
  color: #566176;
}

.case-studies-preview-page .hero-facts b {
  font-size: .91rem;
  letter-spacing: 0;
  text-transform: none;
}

.case-studies-preview-page .summary-strip {
  padding: 48px 0;
  background: linear-gradient(110deg,#122138 0%,#18223a 70%,#352239 100%);
}

.case-studies-preview-page .summary-grid {
  grid-template-columns: .9fr 1.5fr;
}

.case-studies-preview-page .summary-title {
  padding-right: 34px;
  border-right: 1px solid rgba(255,255,255,.2);
}

.case-studies-preview-page .summary-client {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}

.case-studies-preview-page .summary-client strong {
  font-size: 1.45rem;
}

.case-studies-preview-page .summary-client span {
  padding-left: 16px;
  border-left: 1px solid rgba(255,255,255,.28);
  color: #c3cad5;
  font-size: .86rem;
}

.case-studies-preview-page .summary-title h2 {
  margin: 0 0 24px;
  font-size: 1.38rem;
  line-height: 1.45;
}

.case-studies-preview-page .summary-title .summary-status {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  color: #fff;
  font-size: .83rem;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}

.case-studies-preview-page .summary-status i {
  color: #ff6a83;
}

.case-studies-preview-page .summary-grid dl {
  grid-template-columns: repeat(2,1fr);
  gap: 28px 50px;
}

.case-studies-preview-page .summary-grid dl div {
  padding-left: 0;
  border-left: 0;
}

.case-studies-preview-page .summary-grid dt {
  margin-bottom: 7px;
  color: #aeb8c8;
  font-size: .78rem;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
}

.case-studies-preview-page .summary-grid dd {
  font-size: .93rem;
  font-weight: 600;
}

.case-studies-preview-page .dealer-workflow {
  position: relative;
  overflow: hidden;
  padding-top: 90px;
  background: #fff;
}

.case-studies-preview-page .dealer-workflow:before,
.case-studies-preview-page .dealer-workflow:after {
  display: none;
}

.case-studies-preview-page .dealer-workflow:before {
  left: -500px;
  transform: rotate(15deg);
}

.case-studies-preview-page .dealer-workflow:after {
  right: -500px;
  transform: rotate(-15deg);
}

.case-studies-preview-page .dealer-heading {
  position: relative;
  z-index: 2;
  max-width: 860px !important;
  text-align: center;
}

.case-studies-preview-page .dealer-heading h2 {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

.case-studies-preview-page .dealer-heading>p:not(.kicker) {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.case-studies-preview-page .dealer-heading .illustration-copy {
  margin-top: 13px;
  color: #7b8798 !important;
  font-size: .84rem;
}

.case-studies-preview-page .bulk-showcase {
  position: relative;
  z-index: 2;
  max-width: 1040px;
  margin: 52px auto 0;
}

.case-studies-preview-page .bulk-screen {
  padding: 13px;
  border: 1px solid rgba(129,164,192,.18);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 30px 80px rgba(65,110,148,.18);
}

.case-studies-preview-page .bulk-screen img {
  display: block;
  width: 100%;
  border-radius: 5px;
}

.case-studies-preview-page .bulk-showcase figcaption {
  padding: 15px 12px 0;
  color: #738094;
  font-size: .73rem;
  text-align: center;
}

@media (max-width:991.98px) {
  .case-studies-preview-page .summary-grid {
    grid-template-columns: 1fr;
  }

  .case-studies-preview-page .summary-title {
    padding-right: 0;
    padding-bottom: 30px;
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,.2);
  }

  .case-studies-preview-page .hero-facts>div {
    border-bottom: 1px solid #e3e7ed;
  }
}

@media (max-width:767.98px) {
  .case-studies-preview-page .hero-copy h1 {
    font-size: 2.75rem;
  }

  .case-studies-preview-page .country-line {
    flex-wrap: wrap;
    gap: 8px 12px;
  }

  .case-studies-preview-page .country-line>span:last-child {
    width: 100%;
    padding-left: 48px;
  }

  .case-studies-preview-page .hero-facts>div {
    padding: 21px 5px;
  }

  .case-studies-preview-page .summary-client {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }

  .case-studies-preview-page .summary-client span {
    padding-left: 0;
    border-left: 0;
  }

  .case-studies-preview-page .summary-grid dl div {
    border-left: 0;
  }

  .case-studies-preview-page .dealer-workflow {
    padding-top: 70px;
  }

  .case-studies-preview-page .dealer-workflow .dealer-heading {
    text-align: center;
  }

  .case-studies-preview-page .bulk-showcase {
    margin-top: 38px;
  }

  .case-studies-preview-page .bulk-screen {
    padding: 7px;
  }
}

/* Exact Birdi below-banner composition. */

.case-studies-preview-page .hero-section {
  padding-bottom: 72px;
  background: #fff;
}

.case-studies-preview-page .template-highlights {
  background: #fff;
  padding: 0 0 68px;
}

.case-studies-preview-page .template-highlights .hero-facts {
  margin: 0;
  padding: 28px 0 24px;
  border-top: 1px solid #dfe3e9;
  background: #fff;
}

.case-studies-preview-page .template-highlights .hero-facts>div {
  min-height: 88px;
  padding: 0 22px 0 0;
}

.case-studies-preview-page .template-highlights .hero-facts>div+div {
  padding-left: 22px;
}

.case-studies-preview-page .summary-grid {
  grid-template-columns: minmax(0,1fr) minmax(0,1.18fr);
  gap: 40px;
}

.case-studies-preview-page .summary-title {
  padding-right: 40px;
}

.case-studies-preview-page .summary-grid dl {
  gap: 28px 48px;
  padding-left: 2px;
}

@media (max-width:991.98px) {
  .case-studies-preview-page .hero-section {
    padding-bottom: 58px;
  }

  .case-studies-preview-page .template-highlights {
    padding-bottom: 48px;
  }

  .case-studies-preview-page .template-highlights .hero-facts {
    padding-bottom: 0;
  }

  .case-studies-preview-page .template-highlights .hero-facts>div {
    padding: 22px 18px;
  }

  .case-studies-preview-page .template-highlights .hero-facts>div+div {
    padding-left: 18px;
  }

  .case-studies-preview-page .summary-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width:767.98px) {
  .case-studies-preview-page .hero-section {
    padding-bottom: 48px;
  }

  .case-studies-preview-page .template-highlights {
    padding-bottom: 34px;
  }

  .case-studies-preview-page .template-highlights .hero-facts>div,
  .case-studies-preview-page .template-highlights .hero-facts>div+div {
    min-height: 0;
    padding: 20px 4px;
  }

  .case-studies-preview-page .summary-strip {
    padding: 42px 0;
  }
}

/* Reference-matched banner CTA and scroll-linked workflow. */

.case-studies-preview-page .hero-actions {
  margin-top: 30px;
}

.case-studies-preview-page .primary-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--pink);
  border: 1px solid #dd304f;
  border-radius: 10px;
  color: #fff;
  box-shadow: 0 16px 34px rgba(239,74,104,.22);
  transition: transform .2s ease,background .2s ease,box-shadow .2s ease;
}

.case-studies-preview-page .primary-cta:hover {
  background: #d93658;
  border-color: #d93658;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 20px 40px rgba(239,74,104,.3);
}

.case-studies-preview-page .workflow-visual {
  position: sticky;
  top: 32px;
}

.case-studies-preview-page .workflow-visual img {
  transition: opacity .12s ease;
}

.case-studies-preview-page .workflow-list article[data-image] {
  opacity: .48;
  cursor: pointer;
  transition: opacity .25s ease;
}

.case-studies-preview-page .workflow-list article[data-image].is-active {
  opacity: 1;
}

.case-studies-preview-page .workflow-list article[data-image] {
  cursor: pointer;
  opacity: .5;
  transition: opacity .25s ease,transform .25s ease;
}

.case-studies-preview-page .workflow-list article[data-image].is-active {
  opacity: 1;
  transform: translateX(8px);
}

.case-studies-preview-page .workflow-list article[data-image].is-active .num {
  color: #fff;
}

.case-studies-preview-page .workflow-visual img {
  transition: opacity .22s ease;
}

.case-studies-preview-page .workflow-visual.is-changing img {
  opacity: .2;
}

@media (max-width:991.98px) {
  .case-studies-preview-page .workflow-visual {
    position: relative;
    top: auto;
  }

  .case-studies-preview-page .workflow-list article[data-image] {
    opacity: 1;
  }

  .case-studies-preview-page .workflow-list article[data-image].is-active {
    transform: none;
  }
}

/* Shared Birdi case-study extensions */

.case-studies-preview-page .hero-section {
  background: #fff;
}

.case-studies-preview-page .topbar {
  padding: 22px 0;
  border-bottom: 1px solid #e7eaf0;
  background: #fff;
}

.case-studies-preview-page .brand {
  color: var(--navy);
  font-size: 1.35rem;
  font-weight: 700;
}

.case-studies-preview-page .brand em {
  color: var(--pink);
  font-style: normal;
}

.case-studies-preview-page .back-link {
  color: #566176;
  font-size: .88rem;
  font-weight: 600;
}

.case-studies-preview-page .back-link:hover {
  color: var(--pink);
}

.case-studies-preview-page .hero-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 28px;
}

.case-studies-preview-page .secondary-cta {
  padding: 14px 20px;
  border: 1px solid #cfd5df;
  border-radius: 4px;
  color: var(--navy);
  font-size: .88rem;
  font-weight: 600;
}

.case-studies-preview-page .secondary-cta:hover {
  border-color: var(--pink);
  color: var(--pink);
}

.case-studies-preview-page .plain-section {
  background: #fff;
}

.case-studies-preview-page .soft-section {
  background: var(--paper);
}

.case-studies-preview-page .dark-section {
  background: linear-gradient(135deg,var(--navy),#172944);
  color: #fff;
}

.case-studies-preview-page .dark-section .section-head p:last-child,
.case-studies-preview-page .dark-section .prose p {
  color: #c1cad7;
}

.case-studies-preview-page .dark-section .section-head h2 {
  color: #fff;
}

.case-studies-preview-page .answer-grid {
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  gap: clamp(42px,7vw,96px);
  align-items: start;
}

.case-studies-preview-page .answer-grid .section-head {
  margin: 0;
}

.case-studies-preview-page .lead-copy {
  font-size: 1.12rem !important;
  line-height: 1.85;
}

.case-studies-preview-page .simple-points {
  border-top: 2px solid var(--navy);
}

.case-studies-preview-page .simple-points article {
  padding: 23px 0;
  border-bottom: 1px solid var(--line);
}

.case-studies-preview-page .simple-points h3 {
  font-size: 1.06rem;
  margin: 0 0 7px;
}

.case-studies-preview-page .simple-points p {
  color: var(--muted);
  font-size: .91rem;
  margin: 0;
}

.case-studies-preview-page .dark-section .simple-points {
  border-color: #fff;
}

.case-studies-preview-page .dark-section .simple-points article {
  border-color: rgba(255,255,255,.18);
}

.case-studies-preview-page .dark-section .simple-points p {
  color: #bdc7d5;
}

.case-studies-preview-page .image-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(40px,6vw,82px);
  align-items: center;
}

.case-studies-preview-page .image-split.reverse .browser-visual {
  order: -1;
}

.case-studies-preview-page .full-width-visual {
  margin-top: 45px;
}

.case-studies-preview-page .caption {
  font-size: .74rem !important;
  color: #788496 !important;
}

.case-studies-preview-page .workflow-list {
  border-top: 1px solid rgba(255,255,255,.26);
}

.case-studies-preview-page .workflow-list article {
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 20px;
  padding: 27px 0;
  border-bottom: 1px solid rgba(255,255,255,.18);
}

.case-studies-preview-page .workflow-list .num {
  color: var(--pink);
  font-weight: 700;
}

.case-studies-preview-page .workflow-list h3 {
  font-size: 1.13rem;
  margin: 0 0 9px;
}

.case-studies-preview-page .workflow-list p {
  color: #bec8d6;
  margin: 0;
  font-size: .92rem;
}

.case-studies-preview-page .workflow-visual {
  align-self: start;
}

.case-studies-preview-page .pair-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 2px solid var(--navy);
}

.case-studies-preview-page .pair-grid article {
  padding: 26px 28px;
  border-bottom: 1px solid var(--line);
}

.case-studies-preview-page .pair-grid article:nth-child(odd) {
  border-right: 1px solid var(--line);
}

.case-studies-preview-page .pair-grid small {
  display: block;
  color: var(--pink);
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 700;
  margin-bottom: 8px;
}

.case-studies-preview-page .pair-grid h3 {
  font-size: 1.05rem;
  margin: 0 0 10px;
}

.case-studies-preview-page .pair-grid p {
  font-size: .9rem;
  color: var(--muted);
  margin: 0;
}

.case-studies-preview-page .outcome-band {
  background: var(--pink);
  color: #fff;
}

.case-studies-preview-page .outcome-band .section-head h2,
.case-studies-preview-page .outcome-band .section-head p:last-child {
  color: #fff;
}

.case-studies-preview-page .outcome-list {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  border-top: 1px solid rgba(255,255,255,.5);
}

.case-studies-preview-page .outcome-list div {
  padding: 26px 25px 10px;
  border-right: 1px solid rgba(255,255,255,.35);
}

.case-studies-preview-page .outcome-list div:last-child {
  border-right: 0;
}

.case-studies-preview-page .outcome-list b {
  display: block;
  font-size: 1.05rem;
  margin-bottom: 8px;
}

.case-studies-preview-page .outcome-list p {
  font-size: .9rem;
  margin: 0;
  color: #fff;
}

.case-studies-preview-page .lifecycle {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  border: 1px solid var(--line);
  margin: 36px 0;
}

.case-studies-preview-page .lifecycle div {
  padding: 32px;
  text-align: center;
  position: relative;
}

.case-studies-preview-page .lifecycle div+div {
  border-left: 1px solid var(--line);
}

.case-studies-preview-page .lifecycle span {
  display: block;
  color: var(--pink);
  font-weight: 700;
  font-size: .78rem;
  margin-bottom: 10px;
}

.case-studies-preview-page .lifecycle b {
  font-size: 1.05rem;
}

.case-studies-preview-page .quote-panel {
  padding: clamp(34px,5vw,66px);
  background: var(--navy);
  color: #fff;
}

.case-studies-preview-page .quote-panel blockquote {
  font-size: clamp(1.65rem,3vw,2.8rem);
  line-height: 1.3;
  margin: 0 0 28px;
}

.case-studies-preview-page .quote-panel cite {
  font-style: normal;
  color: #bdc7d5;
}

.case-studies-preview-page .rating-table {
  width: 100%;
  margin-top: 30px;
  color: #fff;
}

.case-studies-preview-page .rating-table td {
  padding: 12px 0;
  border-top: 1px solid rgba(255,255,255,.16);
}

.case-studies-preview-page .rating-table td:last-child {
  text-align: right;
  color: #ff8198;
  font-weight: 700;
}

.case-studies-preview-page .timeline-two {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border-top: 2px solid var(--navy);
}

.case-studies-preview-page .timeline-two article {
  padding: 30px 30px 30px 0;
  border-bottom: 1px solid var(--line);
}

.case-studies-preview-page .timeline-two article+article {
  padding-left: 30px;
  border-left: 1px solid var(--line);
}

.case-studies-preview-page .timeline-two b {
  display: block;
  color: var(--pink);
  font-size: .78rem;
  margin-bottom: 9px;
}

.case-studies-preview-page .timeline-two h3 {
  font-size: 1.15rem;
  margin: 0 0 10px;
}

.case-studies-preview-page .timeline-two p {
  color: var(--muted);
  margin: 0;
  font-size: .91rem;
}

.case-studies-preview-page .case-footer {
  background: #0b1728;
  color: #aab5c5;
  padding: 34px 0;
  font-size: .83rem;
}

.case-studies-preview-page .case-footer a {
  color: #fff;
}

.preview-home.case-studies-preview-page {
  min-height: 100vh;
  background: var(--paper);
  padding: 70px 0;
}

.case-studies-preview-page .preview-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 22px;
}

.case-studies-preview-page .preview-card {
  display: block;
  background: #fff;
  border: 1px solid var(--line);
  padding: 30px;
  color: var(--ink);
  transition: .25s;
}

.case-studies-preview-page .preview-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 45px rgba(16,29,48,.12);
  color: var(--ink);
}

.case-studies-preview-page .preview-card span {
  color: var(--pink);
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 700;
}

.case-studies-preview-page .preview-card h2 {
  font-size: 1.35rem;
  margin: 14px 0;
}

.case-studies-preview-page .preview-card p {
  color: var(--muted);
  font-size: .9rem;
  margin: 0;
}

.case-studies-preview-page .limited-note {
  padding: 18px 22px;
  border-left: 3px solid var(--pink);
  background: #f7f8fa;
  color: var(--muted);
  font-size: .88rem;
}

@media (max-width:991.98px) {
  .case-studies-preview-page .answer-grid,
  .case-studies-preview-page .image-split {
    grid-template-columns: 1fr;
  }

  .case-studies-preview-page .image-split.reverse .browser-visual {
    order: 0;
  }

  .case-studies-preview-page .preview-grid {
    grid-template-columns: 1fr 1fr;
  }

  .case-studies-preview-page .outcome-list {
    grid-template-columns: 1fr;
  }

  .case-studies-preview-page .outcome-list div {
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,.35);
  }

  .case-studies-preview-page .workflow-visual {
    margin-bottom: 38px;
  }
}

@media (max-width:767.98px) {
  .case-studies-preview-page .topbar {
    padding: 16px 0;
  }

  .case-studies-preview-page .pair-grid,
  .case-studies-preview-page .timeline-two,
  .case-studies-preview-page .preview-grid,
  .case-studies-preview-page .lifecycle {
    grid-template-columns: 1fr;
  }

  .case-studies-preview-page .pair-grid article:nth-child(odd) {
    border-right: 0;
  }

  .case-studies-preview-page .timeline-two article+article {
    padding-left: 0;
    border-left: 0;
  }

  .case-studies-preview-page .lifecycle div+div {
    border-left: 0;
    border-top: 1px solid var(--line);
  }

  .case-studies-preview-page .hero-actions {
    display: grid;
  }

  .case-studies-preview-page .hero-actions a {
    text-align: center;
  }

  .case-studies-preview-page .quote-panel {
    margin-left: -22px;
    margin-right: -22px;
  }

  .case-studies-preview-page .summary-grid dl {
    grid-template-columns: 1fr;
  }

  .case-studies-preview-page .summary-title {
    padding-right: 0;
  }
}

/* ==========================================================================
   2. BARC — ENGINEERING DRAWING MANAGEMENT
   Content scope: .barc-page
   Document scope: html.sl-barc-document
   Body scope: body.sl-barc-body
   ========================================================================== */

/* ---- BARC — Engineering Drawing Management / birdi.css ---- */

/* Bootstrap Reboot is normalized to the approved page typography. */

html.sl-barc-document,
body.sl-barc-body {
  height: 100%;
}

body.sl-barc-body {
  line-height: normal;
}

.barc-page h1,
.barc-page h2,
.barc-page h3,
.barc-page h4,
.barc-page h5,
.barc-page h6 {
  font-size: revert;
  font-weight: revert;
  line-height: normal;
  margin: revert;
}

.barc-page p,
.barc-page dl,
.barc-page dd,
.barc-page figure {
  margin: revert;
}

.barc-page a:hover {
  text-decoration: none;
}

.barc-page button {
  line-height: normal;
}

/* Birdi shared styles. Cascade order is intentional; responsive rules remain beside their applicable defaults. */

body.sl-barc-body {
  margin: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

.barc-page,
.barc-page * {
  box-sizing: border-box;
}

.barc-page a {
  color: #ee4865;
  text-decoration: none;
}

.barc-page a:hover {
  color: #101d30;
}

html.sl-barc-document {
  font-size: max(16px,100%);
}

body.sl-barc-body {
  font-size: 16px;
}

.barc-page button,
.barc-page summary {
  font: inherit;
}

.barc-page button {
  cursor: pointer;
}

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

.barc-page button:focus-visible,
.barc-page summary:focus-visible,
.barc-page [tabindex]:focus-visible {
  outline: 3px solid #ee4865;
  outline-offset: 5px;
}

.barc-page .section-container {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  background: transparent;
}

.barc-page .section-heading {
  margin-bottom: clamp(32px,4vw,48px);
}

.barc-page .centered {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.barc-page .eyebrow {
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 700;
  color: #ee4865;
  margin: 0 0 18px;
}

.barc-page .section-heading h2 {
  font-size: clamp(1.55rem,2.4vw,2.1rem);
  line-height: 1.25;
  margin: 0;
}

.barc-page .section-heading h2 span {
  color: #ee4865;
}

.barc-page .workflow-section {
  padding: clamp(56px,7vw,84px) 0;
  background: linear-gradient(135deg,#0e1d31 0%,#15233b 100%);
  color: #fff;
}

.barc-page .workflow-layout {
  display: grid;
  grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr);
  gap: clamp(36px,6vw,80px);
  align-items: start;
}

.barc-page .workflow-sticky {
  position: sticky;
  top: 124px;
  min-width: 0;
}

/* Short screens need normal page scrolling, not a taller sticky panel. */

@media (max-height:650px) {
  .barc-page .workflow-sticky {
    position: relative;
    top: auto;
  }
}

.barc-page .workflow-visual-heading {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .1em;
  margin-bottom: 18px;
}

.barc-page .workflow-visual-heading span:first-child {
  color: var(--body);
}

.barc-page .workflow-stage {
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(300px,56vh,560px);
  overflow: hidden;
  color: #101d30;
}

.barc-page .workflow-screen {
  display: block;
  animation: sl-barc-visual-arrive .4s ease;
}

.barc-page .workflow-caption {
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  margin: 18px 0 16px;
  font-weight: 500;
}

.barc-page .workflow-progress {
  height: 3px;
  background: rgba(255,255,255,.2);
}

.barc-page .workflow-progress span {
  display: block;
  height: 100%;
  background: #ee4865;
  transition: width .35s ease;
}

.barc-page .workflow-explainer {
  width: 100%;
}

.barc-page .workflow-explainer>i {
  font-size: 44px;
  color: #ee4865;
  margin-bottom: 24px;
}

.barc-page .workflow-explainer h3 {
  font-size: 24px;
  line-height: 1.3;
  margin: 0 0 24px;
}

.barc-page .explainer-rows {
  display: grid;
  gap: 0;
}

.barc-page .explainer-rows>div {
  border-top: 1px solid #e9d3db;
  padding: 14px 0;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  line-height: 1.4;
}

.barc-page .explainer-rows i {
  color: #ee4865;
  font-size: 16px;
}

.barc-page .illustration-note {
  font-size: 16px;
  font-weight: 500;
  color: #101d30;
  margin: 18px 0 0;
}

.barc-page .workflow-timeline {
  border-left: 1px solid rgba(255,255,255,.3);
  padding-left: 32px;
}

.barc-page .workflow-step {
  position: relative;
  padding: 0 0 56px;
}

.barc-page .workflow-step:last-child {
  padding-bottom: 0;
  min-height: 200px;
}

.barc-page .workflow-step:before {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  left: -38px;
  border: 2px solid #ee4865;
  background: #101d30;
  border-radius: 50%;
  transition: box-shadow .25s,background .25s;
}

.barc-page .workflow-step.is-active:before {
  background: #ee4865;
  box-shadow: 0 0 0 7px rgba(238,72,101,.18);
}

.barc-page .workflow-step-number {
  letter-spacing: .08em;
  display: flex;
  align-items: baseline;
  margin-bottom: 12px;
}

.barc-page .workflow-step h3 {
  color: #fff;
  margin: 0 0 16px;
  transition: color .25s;
}

.barc-page .workflow-step.is-active h3 {
  color: #ee4865;
}

.barc-page .workflow-step p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  color: #fff;
}

.barc-page .features-intro {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 64px;
  align-items: end;
  margin-bottom: 40px;
}

.barc-page .feature-tabs {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
}

.barc-page .feature-tab {
  border-bottom: 3px solid transparent;
  background: transparent;
  color: #101d30;
  padding: 20px 8px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  text-align: left;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
}

.barc-page .feature-tab i {
  font-size: 18px;
  color: #ee4865;
}

.barc-page .feature-tab.is-active {
  border-color: #ee4865;
}

.barc-page .features-panel {
  display: grid;
  grid-template-columns: 260px minmax(0,1fr);
  gap: 54px;
  padding: 40px 0;
}

.barc-page .feature-panel-number {
  line-height: 1;
  color: #ee4865;
  font-weight: 600;
}

.barc-page .feature-panel-heading h3 {
  font-size: 24px;
  line-height: 1.3;
  margin: 16px 0 12px;
}

.barc-page .feature-panel-heading p {
  font-size: 16px;
  color: #101d30;
}

.barc-page .feature-items {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 32px;
}

.barc-page .feature-item {
  border-left: 2px solid #ee4865;
  padding-left: 20px;
}

.barc-page .feature-item h4 {
  font-size: 17px;
  line-height: 1.4;
  margin: 0 0 12px;
}

.barc-page .feature-item p {
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
  color: #101d30;
}

.barc-page .editorial-accordion {
  border-top: 1px solid #c7d0dd;
  color: #101d30;
}

.barc-page .editorial-accordion:last-child {
  border-bottom: 1px solid #c7d0dd;
}

.barc-page .editorial-accordion summary {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 26px 0;
  cursor: pointer;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 600;
}

.barc-page .editorial-accordion summary::-webkit-details-marker {
  display: none;
}

.barc-page .editorial-accordion summary>span:not(.accordion-number) {
  flex: 1;
}

.barc-page .editorial-accordion summary>i {
  color: #ee4865;
  font-size: 16px;
  transition: transform .25s;
}

.barc-page .accordion-number {
  font-size: 28px;
  color: #ee4865;
  font-weight: 600;
}

.barc-page .editorial-accordion[open] summary {
  color: #c92145;
}

.barc-page .editorial-accordion[open] summary>i {
  transform: rotate(45deg);
}

.barc-page .accordion-content {
  padding: 0 0 28px 64px;
  animation: sl-barc-content-arrive .3s ease;
}

.barc-page .accordion-content p {
  font-size: 16px;
  line-height: 1.75;
  margin: 12px 0 0;
  color: #101d30;
}

.barc-page .lift-card {
  transition: transform .3s,box-shadow .3s;
}

.barc-page .lift-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 36px rgba(16,29,48,.1);
}

.barc-page .parallax-visual {
  will-change: transform;
}

.barc-page .faq-section>div {
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
  gap: 64px;
  align-items: start;
}

.barc-page .faq-list {
  min-width: 0;
}

.barc-page .faq-list .accordion-content {
  padding-left: 0;
}

@keyframes sl-barc-content-arrive {
  from {
    transform: translateY(10px);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes sl-barc-visual-arrive {
  from {
    transform: translateY(12px) scale(.98);
  }

  to {
    transform: translateY(0) scale(1);
  }
}

@media (max-width:900px) {
  .barc-page .workflow-layout {
    gap: 36px;
    grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
  }

  .barc-page .features-panel {
    grid-template-columns: 210px minmax(0,1fr);
    gap: 32px;
  }

  .barc-page .feature-tabs {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  .barc-page .features-intro {
    gap: 32px;
  }
}

@media (max-width:700px) {
  .barc-page .workflow-layout,
  .barc-page .features-intro,
  .barc-page .features-panel,
  .barc-page .faq-section>div {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .barc-page .workflow-sticky {
    position: relative;
    top: auto;
  }

  .barc-page .workflow-stage {
    height: 440px;
  }

  .barc-page .workflow-timeline {
    margin-left: 6px;
  }

  .barc-page .workflow-step:last-child {
    min-height: 0;
  }

  .barc-page .workflow-explainer h3 {
    font-size: 22px;
  }

  .barc-page .feature-items {
    gap: 24px;
  }

  .barc-page .faq-section>div>div:first-child {
    position: static !important;
  }

  .barc-page .accordion-content {
    padding-left: 0;
  }

  .barc-page .editorial-accordion summary {
    gap: 16px;
    font-size: 17px;
  }

  .barc-page .parallax-visual {
    transform: none !important;
  }
}

@media (max-width:460px) {
  .barc-page .feature-items,
  .barc-page .industry-grid {
    grid-template-columns: 1fr;
  }

  .barc-page .feature-tab {
    font-size: 14px;
    padding: 16px 8px;
    overflow-wrap: anywhere;
  }

  .barc-page .workflow-stage {
    height: 420px;
  }

  .barc-page .workflow-timeline {
    padding-left: 24px;
  }

  .barc-page .workflow-step:before {
    left: -30px;
  }
}

@media (max-height:740px) and (min-width:701px) {
  .barc-page .workflow-stage {
    height: 360px;
  }

  .barc-page .workflow-explainer>i {
    font-size: 28px;
    margin-bottom: 12px;
  }

  .barc-page .workflow-explainer h3 {
    font-size: 22px;
    margin-bottom: 12px;
  }

  .barc-page .explainer-rows>div {
    padding: 10px 0;
  }

  .barc-page .illustration-note {
    margin-top: 12px;
  }
}

@media (prefers-reduced-motion:reduce) {
  html.sl-barc-document,
  body.sl-barc-body {
    scroll-behavior: auto !important;
  }

  .barc-page,
  .barc-page *,
  *.barc-page:before,
  .barc-page *:before,
  *.barc-page:after,
  .barc-page *:after {
    animation: none !important;
    transition: none !important;
  }

  .barc-page .parallax-visual {
    transform: none !important;
  }
}

.case-study.barc-page {
  --body: #6f6f6f;
  --heading: #101d30;
  --accent: #ee4865;
}

.case-study.barc-page section {
  --body: #6f6f6f;
  --heading: #101d30;
}

.case-study.barc-page section[data-theme="dark"] {
  --body: #b8cbe5;
  --heading: #fff;
}

.case-study.barc-page p {
  color: var(--body);
}

.case-study.barc-page p.eyebrow {
  color: #ee4865;
}

.case-study.barc-page h2,
.case-study.barc-page h3,
.case-study.barc-page h4 {
  color: var(--heading);
}

.barc-page .workflow-stage {
  --body: #6f6f6f;
  --heading: #101d30;
  background: linear-gradient(155deg,#fff 30%,#eaf1fa);
  border: 1px solid rgba(255,255,255,.2);
  box-shadow: 0 24px 60px rgba(0,0,0,.2);
}

.barc-page .workflow-step-number {
  font-size: 16px;
  line-height: 1.5;
  gap: 7px;
  color: var(--body);
  font-weight: 400;
}

.barc-page .workflow-step-number strong {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  color: inherit;
  letter-spacing: inherit;
}

.barc-page .workflow-step {
  min-height: 200px;
  padding-bottom: 48px;
}

.barc-page .workflow-step:before {
  top: 7px;
}

.barc-page .workflow-step h3 {
  font-size: 24px;
  line-height: 1.35;
}

.barc-page .workflow-step p,
.barc-page .workflow-caption {
  color: var(--body);
}

.barc-page .illustration-note,
.barc-page .feature-panel-heading p,
.barc-page .feature-item p,
.barc-page .accordion-content p {
  color: var(--body);
}

.barc-page .problems-section {
  padding: clamp(56px,7vw,84px) 0;
  background: #f3f3f3;
}

.barc-page .problems-layout {
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
  gap: clamp(40px,6vw,80px);
  align-items: start;
}

.barc-page .problems-heading {
  position: static;
  align-self: start;
  padding: 28px 0;
  border-top: 2px solid #ee4865;
}

.barc-page .problems-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.18;
  letter-spacing: -.035em;
  margin: 0 0 24px;
}

.barc-page .problems-heading h2 span {
  color: #ee4865;
}

.barc-page .section-subtext {
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
  max-width: 390px;
}

.barc-page .problems-note {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 32px;
}

.barc-page .problems-note>span {
  height: 44px;
  width: 3px;
  background: #ee4865;
}

.barc-page .problems-note p {
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
}

.barc-page .problem-accordions {
  display: grid;
  gap: 12px;
}

.barc-page .problem-item {
  background: #fff;
  border: 1px solid #e0e7f0;
  border-radius: 14px;
  transition: border-color .3s,box-shadow .3s;
}

.barc-page .problem-item.is-open {
  border-color: #ee4865;
  box-shadow: 0 16px 40px rgba(16,29,48,.06);
}

.barc-page .problem-item h3 {
  margin: 0;
}

.barc-page .problem-item button {
  width: 100%;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  background: transparent;
  border: 0;
  color: #101d30;
  padding: 22px 24px;
  font-family: inherit;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  border-radius: 14px;
}

.barc-page .problem-item button:hover {
  color: #c92145;
}

.barc-page .problem-toggle {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d9e2ed;
  color: #101d30;
  transition: background .3s,transform .3s,color .3s;
}

.barc-page .problem-toggle i {
  font-size: 16px;
}

.barc-page .is-open .problem-toggle {
  background: #ee4865;
  border-color: #ee4865;
  color: #fff;
  transform: rotate(45deg);
}

.barc-page .problem-reveal {
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  transition: grid-template-rows .35s ease,visibility .35s;
}

.barc-page .problem-reveal>div {
  min-height: 0;
  overflow: hidden;
}

.barc-page .is-open .problem-reveal {
  grid-template-rows: 1fr;
  visibility: visible;
}

.barc-page .problem-answer {
  padding: 0 24px 24px;
}

.barc-page .problem-answer p {
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
  border-top: 1px solid #e7edf5;
  padding-top: 18px;
  color: var(--body);
}

.barc-page .industry-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 20px;
  align-items: stretch;
}

.barc-page .industry-flip {
  appearance: none;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  perspective: 1200px;
  text-align: left;
  font-family: inherit;
  color: #101d30;
  border-radius: 16px;
}

.barc-page .flip-inner {
  display: grid;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform .65s cubic-bezier(.22,.61,.36,1);
  position: relative;
}

.barc-page .industry-flip.is-flipped .flip-inner {
  transform: rotateY(180deg);
}

.barc-page .flip-front,
.barc-page .flip-back {
  grid-area: 1/1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  padding: 26px;
  border-radius: 16px;
  border: 1px solid #dce5f0;
  min-width: 0;
}

.barc-page .flip-front {
  background: #fff;
  transform: rotateY(0deg);
}

.barc-page .flip-front>i {
  font-size: 28px;
  color: #ee4865;
}

.barc-page .flip-front strong {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.35;
  color: #101d30;
}

.barc-page .flip-hint {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 16px;
  line-height: 1.4;
  color: #6f6f6f;
  border-top: 1px solid #e6ecf4;
  padding-top: 16px;
}

.barc-page .flip-hint i {
  font-size: 16px;
  color: #ee4865;
}

.barc-page .flip-back {
  transform: rotateY(180deg);
  background: linear-gradient(135deg,#0e1d31,#15233b);
  border-color: #15233b;
  color: #fff;
}

.barc-page .flip-back-label {
  font-size: 16px;
  color: #ff8299;
  font-weight: 600;
}

.barc-page .flip-description {
  font-size: 16px;
  line-height: 1.7;
  color: #d1def0;
}

.barc-page .flip-back-hint {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 16px;
  color: #b8cbe5;
}

.barc-page .flip-back-hint i {
  font-size: 16px;
}

.barc-page .feature-tabs {
  gap: 8px;
  border-bottom: 0;
  padding: 6px;
  background: #f0f4f9;
  border-radius: 14px;
}

.barc-page .feature-tab {
  border: 0;
  border-radius: 10px;
  transition: background .25s,box-shadow .25s;
}

.barc-page .feature-tab.is-active {
  background: #fff;
  box-shadow: 0 4px 15px rgba(16,29,48,.08);
}

.barc-page .feature-tab:hover {
  background: #fff;
}

.barc-page .feature-panel-number {
  font-size: 40px;
}

.barc-page .features-panel {
  padding-top: 32px;
}

.case-study.barc-page a.contact-link {
  overflow: hidden;
  position: relative;
}

.case-study.barc-page a.contact-link i {
  transition: transform .25s;
}

.case-study.barc-page a.contact-link:hover i {
  transform: translateX(5px);
}

@media (max-width:900px) {
  .barc-page .industry-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  .barc-page .problems-layout {
    gap: 32px;
  }

  .barc-page .problem-item button {
    padding: 20px;
    font-size: 17px;
  }

  .barc-page .problem-answer {
    padding: 0 20px 20px;
  }
}

@media (max-width:700px) {
  .barc-page .problems-layout {
    grid-template-columns: 1fr;
  }

  .barc-page .problems-heading {
    position: static;
  }

  .barc-page .problems-heading .section-subtext {
    max-width: none;
  }

  .barc-page .problems-note {
    display: none;
  }

  .barc-page .workflow-step {
    min-height: 0;
  }

  .barc-page .workflow-step-number,
  .barc-page .workflow-step-number strong {
    font-size: 16px;
  }

  .barc-page .flip-front,
  .barc-page .flip-back {
    padding: 22px;
    gap: 18px;
  }
}

@media (max-width:480px) {
  .barc-page .industry-grid {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion:reduce) {
  .barc-page .flip-inner,
  .barc-page .problem-reveal,
  .barc-page .problem-toggle {
    transition: none;
  }
}

.barc-page .need-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 22px;
  align-items: stretch;
}

.barc-page .need-card {
  background: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  transition: box-shadow .3s,border-color .3s,transform .3s;
}

.barc-page .need-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #ee4865;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s;
}

.barc-page .need-card.is-open {
  border-color: #ee4865;
  box-shadow: 0 18px 40px rgba(16,29,48,.08);
  transform: translateY(-4px);
}

.barc-page .need-card.is-open:before {
  transform: scaleX(1);
}

.barc-page .need-card h3 {
  margin: 0;
}

.barc-page .need-trigger {
  width: 100%;
  border: 0;
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 26px;
  text-align: left;
  font-family: inherit;
  color: #101d30;
}

.barc-page .need-marker {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 16px;
  color: #ee4865;
  font-weight: 500;
}

.barc-page .need-marker i {
  font-size: 16px;
  transition: transform .3s;
}

.barc-page .is-open .need-marker i {
  transform: rotate(45deg);
}

.barc-page .need-title {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 600;
}

.barc-page .need-hint {
  font-size: 16px;
  line-height: 1.5;
  color: #6f6f6f;
  font-weight: 400;
}

.barc-page .need-reveal {
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  transition: grid-template-rows .4s ease,visibility .4s;
}

.barc-page .need-reveal>div {
  min-height: 0;
  overflow: hidden;
}

.barc-page .need-card.is-open .need-reveal {
  grid-template-rows: 1fr;
  visibility: visible;
}

.barc-page .need-copy {
  padding: 0 26px 26px;
}

.barc-page .need-copy p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  color: #6f6f6f;
}

.barc-page .need-answer {
  border-top: 1px solid #e9e9e9;
  padding-top: 20px;
  margin-top: 22px;
}

.barc-page .need-answer>span {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #101d30;
  margin-bottom: 10px;
}

.barc-page .need-trigger:focus-visible {
  outline-offset: -5px;
}

@media (max-width:900px) {
  .barc-page .need-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width:620px) {
  .barc-page .need-grid {
    grid-template-columns: 1fr;
  }

  .barc-page .need-trigger {
    padding: 24px;
    gap: 16px;
  }

  .barc-page .need-copy {
    padding: 0 24px 24px;
  }
}

@media (prefers-reduced-motion:reduce) {
  .barc-page .need-card,
  .barc-page .need-card:before,
  .barc-page .need-reveal,
  .barc-page .need-marker i {
    transition: none;
  }

  .barc-page .need-card.is-open {
    transform: none;
  }
}

.barc-page .need-heading {
  padding: 26px 26px 20px;
}

.barc-page .need-heading h3 {
  font-size: 20px;
  line-height: 1.4;
  margin: 16px 0 0;
  font-weight: 600;
}

.barc-page .need-static {
  overflow: visible;
  border-top: 3px solid #ee4865;
}

.barc-page .need-static:before {
  display: none;
}

.barc-page .scope-heading {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  align-items: baseline;
  justify-content: space-between;
  margin: 0 0 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid #dce2e9;
}

.barc-page .scope-heading h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0;
}

.barc-page .scope-heading>span {
  font-size: 16px;
  color: #6f6f6f;
}

.barc-page .scope-groups {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 28px;
}

.barc-page .scope-group h4 {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 17px;
  line-height: 1.4;
  margin: 0 0 18px;
}

.barc-page .scope-group h4 i {
  font-size: 20px;
  color: #ee4865;
}

.barc-page .scope-group ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
}

.barc-page .scope-group li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 16px;
  line-height: 1.6;
  color: #6f6f6f;
}

.barc-page .scope-group li i {
  font-size: 16px;
  line-height: 1.6;
  color: #ee4865;
  flex-shrink: 0;
}

.barc-page .comparison-heading {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: end;
  margin-bottom: 28px;
}

.barc-page .comparison-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.2;
  letter-spacing: -.025em;
  margin: 0;
}

.barc-page .comparison-heading h2 span {
  color: #ee4865;
}

.barc-page .comparison-heading>p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  max-width: 470px;
}

.barc-page .comparison-labels,
.barc-page .comparison-row {
  display: grid;
  grid-template-columns: minmax(130px,.55fr) minmax(0,1fr) minmax(0,1.15fr);
  gap: 28px;
}

.barc-page .comparison-labels {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  color: #101d30;
  padding: 16px 20px;
  border-top: 1px solid #d7dce2;
  border-bottom: 1px solid #d7dce2;
}

.barc-page .comparison-labels>span:last-child {
  color: #c92145;
}

.barc-page .comparison-row {
  padding: 22px 20px;
  border-bottom: 1px solid #dfe3e8;
  align-items: start;
}

.barc-page .comparison-row:nth-child(odd) {
  background: #fff;
}

.barc-page .comparison-row h3 {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
}

.barc-page .comparison-row p {
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
  color: #6f6f6f;
}

.barc-page .comparison-fix {
  border-left: 2px solid #ee4865;
  padding-left: 18px;
}

.barc-page .mobile-pair-label {
  display: none;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
  color: #101d30;
  margin-bottom: 8px;
}

@media (max-width:1000px) {
  .barc-page .scope-groups {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 28px 36px;
  }
}

@media (max-width:760px) {
  .barc-page .comparison-heading {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .barc-page .comparison-labels {
    display: none;
  }

  .barc-page .comparison-row {
    grid-template-columns: 1fr 1fr;
    gap: 16px 24px;
    padding: 22px 18px;
  }

  .barc-page .comparison-row h3 {
    grid-column: 1/-1;
    color: #101d30;
    font-size: 20px;
  }

  .barc-page .mobile-pair-label {
    display: block;
  }

  .barc-page .comparison-fix .mobile-pair-label {
    color: #c92145;
  }
}

@media (max-width:520px) {
  .barc-page .scope-groups {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .barc-page .scope-group {
    padding-bottom: 22px;
    border-bottom: 1px solid #e4e7eb;
  }

  .barc-page .scope-group:last-child {
    padding-bottom: 0;
    border: 0;
  }

  .barc-page .comparison-row {
    grid-template-columns: 1fr;
  }

  .barc-page .comparison-row h3 {
    grid-column: auto;
  }

  .barc-page .comparison-fix {
    margin-top: 2px;
  }

  .barc-page .need-heading {
    padding: 24px 24px 20px;
  }
}

.barc-page .need-static {
  height: 100%;
  box-sizing: border-box;
}

.barc-page .challenge-story {
  position: relative;
  height: 370vh;
}

.barc-page .challenge-stage {
  position: sticky;
    top: 180px;
    display: flex;
    flex-direction: column;
    padding-bottom: 28px;
}

.barc-page .challenge-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.barc-page .challenge-scroll-hint {
  font-size: 16px;
  color: #6f6f6f;
}

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

.barc-page .challenge-count {
  font-size: 20px;
  font-weight: 600;
  color: #101d30;
  margin-right: 10px;
  font-variant-numeric: tabular-nums;
}

.barc-page .challenge-count span {
  font-size: 16px;
  font-weight: 400;
  color: #6f6f6f;
}

.barc-page .challenge-nav-actions button {
  height: 42px;
  width: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #dce1e8;
  border-radius: 50%;
  color: #101d30;
  font-size: 16px;
}

.barc-page .challenge-nav-actions button:hover:not(:disabled) {
  background: #101d30;
  color: #fff;
  border-color: #101d30;
}

.barc-page .challenge-nav-actions button:disabled {
  opacity: .35;
  cursor: default;
}

.barc-page .challenge-focus {
  display: flex;
  flex-direction: column;
}

.barc-page .challenge-focus-heading>span {
  font-size: 16px;
  font-weight: 500;
  color: #ffa4b5;
  letter-spacing: .1em;
}

.case-study.barc-page .challenge-focus-heading h3 {
  color: #fff;
}

.barc-page .challenge-focus-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.barc-page .challenge-focus-problem,
.barc-page .challenge-focus-response {
  display: flex;
  flex-direction: column;
}

.barc-page .challenge-focus-response {
  background: #fff;
}

.barc-page .challenge-focus-pair h4 {
  font-weight: 600;
  margin: 0 0 18px;
}

.barc-page .response-heading {
  display: flex;
}

.barc-page .response-heading i {
  color: #178347;
}

.case-study.barc-page .response-heading h4 {
  color: #178347;
}

.case-study.barc-page .challenge-focus-problem h4 {
  color: #c83232;
}

.barc-page .challenge-focus-problem {
  background: #fff;
}

.barc-page .challenge-segments {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}

.barc-page .challenge-segment {
  flex: 1;
  border: 0;
  background: transparent;
  padding: 20px 0;
  min-height: 44px;
}

.barc-page .challenge-segment span {
  display: block;
  height: 4px;
  border-radius: 3px;
  background: #d8dee7;
  transition: background .25s;
}

.barc-page .challenge-segment.is-active span {
  background: #ee4865;
}

.barc-page .challenge-segment:hover span {
  background: #101d30;
}

@keyframes sl-barc-challenge-arrive {
  from {
    transform: translateY(10px);
  }

  to {
    transform: translateY(0);
  }
}

@media (max-width:700px) {
  .barc-page .challenge-stage {
    top: 12px;
  }

  .barc-page .challenge-navigation {
    gap: 12px;
  }

  .barc-page .challenge-scroll-hint {
    max-width: 160px;
    line-height: 1.4;
  }

  .barc-page .challenge-focus-pair {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion:reduce) {
  .barc-page .challenge-segment span {
    transition: none;
  }
}

.barc-page .project-meta {
  padding: 4px 0 20px;
  border-bottom: 1px dashed rgba(255,255,255,.2);
}

.barc-page .project-meta-label {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--body);
  font-weight: 500;
}

.barc-page .project-meta-label i {
  color: #ff8299;
  font-size: 18px;
  width: 24px;
}

.barc-page .project-meta-value {
  font-size: 17px;
  line-height: 1.5;
  font-weight: 600;
  color: #fff;
  margin: 10px 0 0 36px;
}

.barc-page .brief-paragraphs {
  margin-bottom: 24px;
}

.barc-page .brief-paragraphs p {
  font-size: 17px;
  line-height: 1.75;
  margin: 0 0 18px;
}

.barc-page .brief-paragraphs p:last-child {
  margin-bottom: 0;
}

.barc-page .brief-visual {
  margin: 0 auto;
  width: min(100%,340px);
  padding: 0;
  background: transparent;
  box-shadow: none;
}

.barc-page .brief-visual img {
  display: block;
  width: 100%;
  height: 400px;
  object-fit: cover;
  object-position: top;
  border-radius: 12px;
}

.barc-page .brief-visual figcaption {
  font-size: 16px;
  line-height: 1.55;
  color: #6f6f6f;
  margin-top: 16px;
  padding-left: 16px;
  border-left: 2px solid #ee4865;
  text-align: left;
}

.barc-page .workflow-stage {
  padding: 0;
}

.barc-page .workflow-screen {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  border-radius: 0;
}

.barc-page .workflow-explainer {
  padding: 24px;
  max-width: 410px;
}

.barc-page .response-heading {
  align-items: baseline;
  gap: 12px;
}

.barc-page .response-heading i {
  font-size: 22px;
}

.barc-page .problem-heading i {
  color: #c83232;
}

.case-study.barc-page .outcome-light {
  --body: #6f6f6f;
  --heading: #101d30;
  background-color: #f0f0ff;
}

.barc-page .outcome-light .outcome-pointer {
  color: #535d6c;
}

@media (max-width:700px) {
  .barc-page .challenge-focus-pair h4,
  .barc-page .response-heading i {
    font-size: 20px;
  }

  .barc-page .workflow-stage {
    padding: 0;
    display:none;
  }

  .barc-page .brief-visual img {
    height: 380px;
  }

  .barc-page .outcome-light {
    background-attachment: scroll !important;
  }
  .barc-page .feature-tabs
  {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.barc-page .project-details-grid {
  margin: 0;
  display: grid;
  border-top: 1px solid rgba(255,255,255,.18);
  border-left: 1px solid rgba(255,255,255,.18);
}

.barc-page .project-detail {
  border-right: 1px solid rgba(255,255,255,.18);
  border-bottom: 1px solid rgba(255,255,255,.18);
}

.barc-page .project-detail dt {
  display: flex;
  align-items: center;
}

.barc-page .project-detail dt i {
  color: #ff8299;
}

.barc-page .challenge-stage {
  display: flex;
  flex-direction: column;
}

.barc-page .challenge-stage>.comparison-heading {
  flex-shrink: 0;
}

.barc-page .challenge-stage .comparison-heading .eyebrow {
  margin-bottom: 10px;
}

.barc-page .challenge-stage .comparison-heading h2 {
  font-size: 34px;
  line-height: 1.14;
}

.barc-page .challenge-stage .comparison-heading>p {
  font-size: 16px;
  line-height: 1.6;
}

.barc-page .challenge-navigation,
.barc-page .challenge-segments {
  flex-shrink: 0;
}

.barc-page .challenge-focus {
  overflow-y: auto;
}

.barc-page .challenge-focus-heading {
  flex-shrink: 0;
}

.barc-page .challenge-focus-pair {
  flex: 1 0 auto;
}

.barc-page .challenge-focus-pair h4 {
  font-size: 28px;
  line-height: 1.25;
  margin-bottom: 16px;
}

@media (max-width:1000px) {
  .barc-page .challenge-stage .comparison-heading h2 {
    font-size: 30px;
  }
}

@media (max-width:700px) {
  .barc-page .challenge-stage>.comparison-heading {
    grid-template-columns: 1fr;
  }

  .barc-page .challenge-stage .comparison-heading>p {
    display: none;
  }

  .barc-page .challenge-stage .comparison-heading .eyebrow {
    margin-bottom: 6px;
  }

  .barc-page .challenge-stage .comparison-heading h2 {
    font-size: 28px;
  }

  .barc-page .challenge-focus {
    flex-basis: 440px;
  }

  .barc-page .challenge-focus-pair h4 {
    font-size: 28px;
  }
}

.barc-page .challenge-focus {
  border-radius: 20px;
  background: #fff;
  border: 1px solid #e1e5ec;
}

.barc-page .challenge-focus-heading {
  padding: 16px 28px 22px;
  background: linear-gradient(135deg,#0e1d31,#18233a);
  border-bottom: 3px solid #ee4865;
}

.case-study.barc-page .challenge-focus-heading h3 {
  line-height: 1.2;
  margin: 0;
  font-weight: 600;
}

.barc-page .challenge-focus-problem,
.barc-page .challenge-focus-response {
  padding: 28px;
  justify-content: flex-start;
  background: #fff;
}

.barc-page .challenge-focus-response {
  border-left: 1px solid #dfe3e9;
}

.barc-page .challenge-focus-pair .response-heading {
  display: flex;
}

.barc-page .challenge-focus-pair .response-heading i {
  display: block;
  line-height: 1;
}

.barc-page .challenge-focus-pair .response-heading h4 {
  font-weight: 600;
  margin: 0;
}

.barc-page .challenge-focus-pair p {
  margin: 0;
}

.case-study.barc-page .problem-heading h4,
.barc-page .challenge-focus-pair .problem-heading i {
  color: #ce3335;
}

.case-study.barc-page .challenge-focus-response h4,
.barc-page .challenge-focus-response .response-heading i {
  color: #16864b;
}

@media (max-width:700px) {
  .barc-page .challenge-focus-heading {
    padding: 18px 22px;
  }

  .barc-page .challenge-focus-problem,
  .barc-page .challenge-focus-response {
    padding: 24px;
  }

  .barc-page .challenge-focus-response {
    border-left: 0;
    border-top: 1px solid #dfe3e9;
  }
}

:root.sl-barc-document {
  --viewport-height: 100vh;
}

@supports (height:100svh) {
  :root.sl-barc-document {
    --viewport-height: 100svh;
  }
}

html.sl-barc-document {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.case-study.barc-page * {
  min-width: 0;
}

.case-study.barc-page p,
.case-study.barc-page dd,
.case-study.barc-page h2,
.case-study.barc-page h3 {
  overflow-wrap: break-word;
}

.barc-page .hero-location {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 20px;
  margin: 0 0 22px;
  padding-left: 14px;
  border-left: 3px solid #ee4865;
}

.barc-page .hero-country {
  display: flex;
  align-items: center;
  gap: 10px;
}

.barc-page .hero-country img {
  width: 34px;
  height: auto;
  display: block;
  flex-shrink: 0;
  border: 1px solid #e0e4eb;
}

.barc-page .hero-country span {
  font-size: 16px;
  line-height: 1.5;
  color: #c92145;
  font-weight: 500;
}

.barc-page .hero-location strong {
  font-size: 18px;
  line-height: 1.5;
  color: #101d30;
  font-weight: 600;
}

.barc-page .project-details-grid {
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 32px 36px;
  border: 0;
}

.barc-page .project-detail {
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
}

.barc-page .project-detail dt {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  gap: 10px;
  color: #b8cbe5;
}

.barc-page .project-detail dt i {
  font-size: 18px;
  flex-shrink: 0;
}

.barc-page .project-detail dd {
  margin: 12px 0 0;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 500;
  color: #fff;
}

.barc-page .flip-inner {
  -webkit-transform-style: preserve-3d;
}

.barc-page .flip-front,
.barc-page .flip-back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.barc-page .challenge-stage {
  position: -webkit-sticky;
  position: sticky;
}

@media (max-width:1000px) {
  .barc-page .project-details-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 28px 32px;
  }
}

@media (max-width:620px) {
  .barc-page .hero-location {
    display: block;
  }

  .barc-page .hero-location strong {
    display: block;
    margin-top: 7px;
  }

  .barc-page .project-details-grid {
    gap: 26px 22px;
  }

  .barc-page .project-detail dd {
    font-size: 16px;
  }

  .barc-page .project-detail dt {
    font-size: 16px;
  }

  .case-study.barc-page a.contact-link {
    max-width: 100%;
  }

  .barc-page .challenge-nav-actions {
    flex-shrink: 0;
  }
}

@media (max-width:380px) {
  .barc-page .project-details-grid {
    grid-template-columns: 1fr;
  }

  .barc-page .hero-country img {
    width: 30px;
  }

  .barc-page .challenge-navigation {
    flex-wrap: wrap;
    gap: 8px;
  }

  .barc-page .challenge-scroll-hint {
    max-width: none;
  }

  .barc-page .feature-tab {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width:767px) {
  .barc-page .hero-art {
    display: none !important;
  }

  .barc-page .hero-layout,
  .barc-page .brief-layout {
    grid-template-columns: minmax(0,1fr) !important;
  }

  .case-study.barc-page>section {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }

  .barc-page .hero-section h1 {
    font-size: clamp(32px,7.5vw,44px) !important;
    line-height: 1.15 !important;
  }

  .case-study.barc-page h2 {
    font-size: clamp(26px,6vw,32px) !important;
    line-height: 1.25 !important;
  }

  .barc-page .hero-section p {
    font-size: 16px !important;
    line-height: 1.7 !important;
    max-width: 100% !important;
  }

  .barc-page .hero-actions {
    gap: 12px !important;
  }

  .barc-page .hero-actions a {
    min-height: 48px;
    justify-content: center;
  }

  .barc-page .client-brief,
  .barc-page .client-brief .brief-paragraphs p,
  .barc-page .client-brief .brief-facts {
    text-align: center !important;
  }

  .barc-page .client-brief .brief-paragraphs {
    max-width: 560px;
    margin: 0 auto 28px;
  }

  .barc-page .client-brief .brief-paragraphs p {
    font-size: 16px;
    line-height: 1.75;
  }

  .barc-page .brief-facts {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 20px !important;
    max-width: 420px;
    margin: 0 auto;
  }

  .barc-page .brief-visual {
    max-width: 300px;
  }

  .barc-page .brief-visual figcaption {
    text-align: center;
    border-left: 0;
    padding-left: 0;
  }

  .barc-page .brief-visual figcaption:before {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background: #ee4865;
    margin: 0 auto 12px;
  }

  .barc-page .feature-tab {
    min-height: 48px;
  }
}

@media (max-width:480px) {
  .barc-page .hero-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .barc-page .hero-actions a {
    padding: 14px 18px !important;
    text-align: center;
  }

  .barc-page .hero-section h1 {
    letter-spacing: -.025em !important;
  }
}

.barc-page .birdi-gradient-label::after {
  content: "";
  display: block;
  width: 72px;
  height: 3px;
  margin: 12px auto 0;
  border-radius: 3px;
  background: linear-gradient(90deg,#ee4865 0%,#ff8299 48%,rgba(255,130,153,0) 100%);
}

.barc-page .hero-location .hero-country {
  gap: 14px;
}

.barc-page .hero-location .hero-country img {
  width: 48px;
}

.barc-page .hero-location .hero-country span {
  font-size: 26px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -.02em;
}

@media (max-width:767px) {
  .barc-page .hero-location .hero-country img {
    width: 42px;
  }

  .barc-page .hero-location .hero-country span {
    font-size: 23px;
  }
}

.barc-page .client-brief .brief-visual {
  width: min(100%,420px);
  max-width: 420px;
}

.barc-page .client-brief .brief-visual img {
  height: auto;
  object-fit: contain;
  box-shadow: 0 20px 44px rgba(16,29,48,.16),0 5px 12px rgba(16,29,48,.08);
}

.barc-page .need-grid {
  grid-auto-rows: auto;
}

.barc-page .need-grid .need-static {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  row-gap: 0;
  height: auto;
}

.barc-page .need-grid .need-copy {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  row-gap: 0;
}

@media (max-width:620px) {
  .barc-page .need-grid .need-static {
    display: block;
    grid-row: auto;
  }

  .barc-page .need-grid .need-copy {
    display: block;
    grid-row: auto;
  }

  .barc-page .client-brief .brief-visual img {
    box-shadow: 0 14px 28px rgba(16,29,48,.14),0 3px 8px rgba(16,29,48,.07);
  }
}

@media (max-width:767px) {
  .barc-page .client-brief .brief-visual {
    width: min(100%,300px);
  }
}

.barc-page .client-brief .brief-facts {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  gap: 0 !important;
  max-width: none;
  margin: 28px 0 0;
  padding: 6px 22px;
  background: #f6f7fa;
  border: 1px solid #e3e7ed;
  border-radius: 16px;
  text-align: left !important;
}

.barc-page .brief-fact {
  display: grid;
  grid-template-columns: 36px minmax(0,1fr);
  gap: 14px;
  align-items: start;
  padding: 18px 0;
}

.barc-page .brief-fact+.brief-fact {
  border-top: 1px solid #dfe4ec;
}

.barc-page .brief-fact-icon {
  display: grid;
  place-items: center;
  height: 36px;
  border-radius: 10px;
  background: #fce7ed;
  color: #c92145;
  font-size: 17px;
}

.case-study.barc-page .brief-fact h3 {
  font-size: 17px;
  line-height: 1.45;
  font-weight: 600;
  margin: 0 0 5px;
  color: #101d30;
}

.barc-page .brief-fact p {
  font-size: 16px;
  line-height: 1.65;
  margin: 0;
  color: #535d6c;
}

.barc-page .challenge-mobile {
  display: none;
}

.barc-page .challenge-focus {
  height: auto;
  min-height: 0;
  max-height: none;
  flex: 0 0 auto;
  overflow: hidden;
  box-shadow: none;
}

.barc-page .challenge-stage {
  max-height: none;
}

.barc-page .challenge-stage>.comparison-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
  margin-bottom: 28px;
}

.barc-page .challenge-stage>.comparison-heading>div {
  width: 100%;
}

.barc-page .challenge-stage>.comparison-heading>p {
  max-width: 680px;
  margin: 0;
  color: #626b78;
  font-size: 16px;
  line-height: 1.7;
}

.barc-page .challenge-stage>.comparison-heading .eyebrow {
  margin-bottom: 12px;
}

.barc-page .challenge-navigation {
  margin-bottom: 20px;
}

.barc-page .challenge-mobile-heading {
  text-align: center;
}

.barc-page .challenge-mobile-description {
  max-width: 680px;
  margin: 16px auto 0;
  font-size: 16px;
  line-height: 1.7;
  color: #626b78;
}

.barc-page .challenge-mobile-hint {
  font-size: 16px;
  line-height: 1.5;
  color: #626b78;
  margin: 0 0 16px;
}

.barc-page .challenge-focus-pair {
  animation: none;
}

.barc-page .challenge-focus-pair .response-heading {
  flex-direction: row;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}

.barc-page .challenge-focus-pair .response-heading i {
  font-size: 22px;
}

.barc-page .challenge-focus-pair .response-heading h4 {
  font-size: 21px;
  line-height: 1.35;
}

.barc-page .challenge-focus-pair p {
  font-size: 16px;
  line-height: 1.7;
  color: #535d6c;
}

.case-study.barc-page .challenge-focus-heading h3 {
  font-size: 28px;
}

.barc-page .related-section {
  background: #101d30;
  color: #f7f9fc;
  padding: clamp(48px,6vw,72px) 0;
}

.barc-page .related-heading {
  max-width: 720px;
  margin-bottom: 28px;
}

.barc-page .related-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.25;
  margin: 0;
  color: #f7f9fc;
}

.barc-page .related-heading h2 span {
  color: #ff8299;
}

.barc-page .related-all-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  min-height: 44px;
  font-size: 16px;
  line-height: 1.4;
  color: #f7f9fc;
}

.barc-page .related-all-link:hover {
  color: #ff8299;
}

.barc-page .related-all-link:focus-visible {
  outline: 3px solid #ff8299;
  outline-offset: 4px;
}

.barc-page .related-switcher {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0 0 24px;
}

.barc-page .related-switcher button {
  font: inherit;
  font-size: 16px;
  line-height: 1.4;
  min-height: 44px;
  min-width: 44px;
  border: 1px solid #4b596e;
  border-radius: 8px;
  color: #f7f9fc;
  background: transparent;
  padding: 10px 16px;
}

.barc-page .related-switcher button[aria-pressed="true"] {
  background: #f7f9fc;
  color: #101d30;
  border-color: #f7f9fc;
}

.barc-page .related-card {
  border: 1px solid #39475b;
  border-radius: 18px;
  background: #16253a;
  padding: 32px;
  min-width: 0;
}

.barc-page .related-card-tag {
  color: #ff8299;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 12px;
}

.case-study.barc-page .related-card h3 {
  font-size: clamp(24px,2.7vw,32px);
  line-height: 1.3;
  color: #f7f9fc;
  margin: 0 0 28px;
  max-width: 780px;
}

.barc-page .related-comparison {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 32px;
}

.barc-page .related-card h4 {
  font-size: 17px;
  line-height: 1.4;
  font-weight: 600;
  color: #f7f9fc;
  margin: 0 0 10px;
}

.barc-page .related-card p {
  font-size: 16px;
  line-height: 1.75;
  overflow-wrap: anywhere;
}

.barc-page .related-comparison p {
  color: #bdcbe0;
  margin: 0;
}

.barc-page .related-result {
  margin-top: 28px;
  padding: 24px 0 0;
  border-top: 1px solid #3d4b60;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: end;
  gap: 28px;
}

.barc-page .related-result p {
  color: #bdcbe0;
  margin: 0;
  max-width: 780px;
}

.barc-page .related-result a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #f7f9fc;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 2px solid #ff8299;
  padding: 10px 0;
}

@media (max-width:899px),(max-height:650px) {
  .barc-page .challenge-story {
    display: none;
  }

  .barc-page .challenge-mobile {
    display: block;
  }

  .barc-page .challenge-mobile-heading {
    margin-bottom: 24px;
  }

  .case-study.barc-page .challenge-mobile-heading h2 {
    font-size: 30px;
    line-height: 1.25;
    margin: 0;
    color: #101d30;
  }

  .barc-page .challenge-mobile-heading h2 span {
    color: #c92145;
  }

  .barc-page .challenge-disclosures {
    display: grid;
    gap: 10px;
  }

  .barc-page .challenge-disclosure {
    border: 1px solid #dce2eb;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
  }

  .barc-page .challenge-disclosure summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    list-style: none;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
    color: #101d30;
    cursor: pointer;
  }

  .barc-page .challenge-disclosure summary::-webkit-details-marker {
    display: none;
  }

  .barc-page .challenge-disclosure summary i {
    font-size: 16px;
    color: #c92145;
    flex-shrink: 0;
    transition: transform .18s;
  }

  .barc-page .challenge-disclosure[open] summary {
    background: #101d30;
    color: #fff;
  }

  .barc-page .challenge-disclosure[open] summary i {
    transform: rotate(180deg);
    color: #ff8299;
  }

  .barc-page .challenge-disclosure-body {
    padding: 20px;
  }

  .barc-page .challenge-disclosure-body>div+div {
    border-top: 1px solid #e2e6ed;
    padding-top: 18px;
    margin-top: 18px;
  }

  .barc-page .challenge-disclosure h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 8px;
    color: #101d30;
  }

  .barc-page .challenge-disclosure .mobile-response h3 {
    color: #c92145;
  }

  .barc-page .challenge-disclosure p {
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
    color: #535d6c;
  }
}

@media (max-width:767px) {
  .barc-page .client-brief .brief-paragraphs p {
    text-align: center !important;
  }

  .barc-page .client-brief .brief-facts {
    text-align: left !important;
    padding: 4px 18px;
  }

  .barc-page .brief-fact {
    grid-template-columns: 32px minmax(0,1fr);
    gap: 12px;
    padding: 17px 0;
  }

  .barc-page .brief-fact-icon {
    height: 32px;
    font-size: 16px;
  }

  .barc-page .related-card {
    padding: 22px;
    border-radius: 14px;
  }

  .barc-page .related-comparison {
    grid-template-columns: minmax(0,1fr);
    gap: 22px;
  }

  .barc-page .related-result {
    grid-template-columns: minmax(0,1fr);
    gap: 18px;
    margin-top: 22px;
    padding-top: 22px;
  }

  .case-study.barc-page .related-card h3 {
    font-size: 25px;
    margin-bottom: 24px;
  }

  .barc-page .related-result a {
    justify-self: start;
  }

  .barc-page .related-switcher {
    gap: 8px;
  }
}

@media (prefers-reduced-motion:reduce) {
  .barc-page .challenge-disclosure summary i {
    transition: none;
  }
}

.barc-page .birdi-summary {
  background: radial-gradient(ellipse at 3% 100%,rgba(238,72,101,.25) 0%,rgba(238,72,101,.08) 34%,transparent 64%),radial-gradient(ellipse at 100% 0%,rgba(255,130,153,.17) 0%,transparent 58%),linear-gradient(115deg,#101d30 0%,#14243b 52%,#101d30 100%);
  color: #f6f8fc;
  padding: 40px 0;
}

.barc-page .birdi-summary-inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 48px;
  align-items: stretch;
}

.barc-page .birdi-summary-identity {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.barc-page .birdi-summary-client {
  display: flex;
  gap: 18px;
  align-items: center;
  width: 100%;
}

.barc-page .birdi-summary .birdi-client-name {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.035em;
  margin: 0;
  color: #f6f8fc;
}

.barc-page .birdi-summary-sector {
  font-size: 16px;
  color: #bdc8d9;
  border-left: 1px solid #445063;
  padding-left: 18px;
}

.barc-page .birdi-summary .birdi-solution {
  font-size: 23px;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: -.025em;
  max-width: 420px;
  margin: 20px 0 22px;
  color: #f6f8fc;
}

.barc-page .birdi-summary-status {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 16px;
  line-height: 1.4;
  color: #f6f8fc;
  margin-top: auto;
}

.barc-page .birdi-summary-status i {
  color: #ff8299;
  font-size: 16px;
}

.barc-page .birdi-summary-facts {
  display: grid;
  grid-template-columns: 1fr 1.12fr;
  column-gap: 32px;
  row-gap: 24px;
  margin: 0;
  padding: 3px 0 3px 40px;
  border-left: 1px solid #394558;
  align-content: space-between;
}

.barc-page .birdi-summary-facts>div {
  min-width: 0;
}

.barc-page .birdi-summary-facts dt {
  font-size: 16px;
  line-height: 1.4;
  color: #bdc8d9;
  margin: 0 0 8px;
  font-weight: 400;
}

.barc-page .birdi-summary-facts dd {
  font-size: 18px;
  line-height: 1.5;
  color: #f6f8fc;
  font-weight: 500;
  margin: 0;
}

@media (max-width:1000px) {
  .barc-page .birdi-summary-inner {
    gap: 28px;
    grid-template-columns: 1fr 1.25fr;
  }

  .barc-page .birdi-summary-facts {
    padding-left: 28px;
    column-gap: 24px;
  }

  .barc-page .birdi-summary .birdi-solution {
    font-size: 21px;
  }
}

@media (max-width:767px) {
  .barc-page .birdi-summary {
    padding: 30px 0;
  }

  .barc-page .birdi-summary-inner {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .barc-page .birdi-summary .birdi-solution {
    font-size: 22px;
    max-width: 520px;
    margin: 16px 0 18px;
  }

  .barc-page .birdi-summary-facts {
    border-left: 0;
    border-top: 1px solid #394558;
    padding: 24px 0 0;
    gap: 22px 24px;
    grid-template-columns: 1fr 1fr;
  }

  .barc-page .birdi-summary-facts dd {
    font-size: 16px;
  }

  .barc-page .birdi-summary .birdi-client-name {
    font-size: 30px;
    white-space: nowrap;
  }
}

@media (max-width:359px) {
  .barc-page .birdi-summary-facts {
    grid-template-columns: 1fr;
  }
}

/* Fixed presentation exported from the approved page. */

.case-study.barc-page .birdi-presentation-1,
.case-study.birdi-presentation-1.barc-page {
  font-family: Lexend, sans-serif;
  background: rgb(255, 255, 255);
  color: rgb(16, 29, 48);
}

.case-study.barc-page .birdi-presentation-2,
.case-study.birdi-presentation-2.barc-page {
  background: rgb(255, 255, 255);
  padding: clamp(56px, 7vw, 84px) 0px;
  position: relative;
  overflow: hidden;
}

.case-study.barc-page .birdi-presentation-3,
.case-study.birdi-presentation-3.barc-page {
  /* max-width: 1180px; */
  margin: 0px auto;
  padding: 0px 24px;
}

.case-study.barc-page .birdi-presentation-4,
.case-study.birdi-presentation-4.barc-page {
  align-items: center;
}

.case-study.barc-page .birdi-presentation-5,
.case-study.birdi-presentation-5.barc-page {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 22px;
}

.case-study.barc-page .birdi-presentation-6,
.case-study.birdi-presentation-6.barc-page {
  height: 2px;
  width: 38px;
  background: linear-gradient(90deg, rgb(238, 72, 101), rgb(213, 31, 63));
}

.case-study.barc-page .birdi-presentation-7,
.case-study.birdi-presentation-7.barc-page {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.16em;
  color: rgb(238, 72, 101);
}

.case-study.barc-page .birdi-presentation-8,
.case-study.birdi-presentation-8.barc-page {
  font-size: clamp(2.05rem, 4vw, 4rem);
  line-height: 1.06;
  font-weight: 700;
  margin: 0px 0px 22px;
  letter-spacing: -0.01em;
}

.case-study.barc-page .birdi-presentation-9,
.case-study.birdi-presentation-9.barc-page {
  color: rgb(238, 72, 101);
}

.case-study.barc-page .birdi-presentation-10,
.case-study.birdi-presentation-10.barc-page {
  font-size: 17px;
  line-height: 1.7;
  color: var(--body);
  margin: 0px 0px 30px;
  max-width: 470px;
}

.case-study.barc-page .birdi-presentation-11,
.case-study.birdi-presentation-11.barc-page {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.case-study.barc-page .birdi-presentation-12,
.case-study.birdi-presentation-12.barc-page {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, rgb(238, 72, 101) 0%, rgb(213, 31, 63) 100%);
  color: rgb(255, 255, 255);
  font-weight: 600;
  font-size: 16px;
  padding: 15px 28px;
  border-radius: 10px;
  box-shadow: rgba(213, 31, 63, 0.26) 0px 12px 26px;
  transition: transform 0.25s, box-shadow 0.25s;
}

.case-study.barc-page .birdi-presentation-13,
.case-study.birdi-presentation-13.barc-page {
  font-size: 16px;
}

.case-study.barc-page .birdi-presentation-14,
.case-study.birdi-presentation-14.barc-page {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 24px 0px;
}

.case-study.barc-page .birdi-presentation-15,
.case-study.birdi-presentation-15.barc-page {
  position: absolute;
  inset: auto 12% 6%;
  height: 78%;
  background: rgb(243, 243, 243);
  border-radius: 16px;
}

.case-study.barc-page .birdi-presentation-16,
.case-study.birdi-presentation-16.barc-page {
  position: relative;
  width: 100%;
  max-width: 262px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: rgba(16, 29, 48, 0.24) 0px 34px 74px, rgba(16, 29, 48, 0.1) 0px 6px 16px;
}

.case-study.barc-page .birdi-presentation-17,
.case-study.birdi-presentation-17.barc-page {
  display: block;
  width: 100%;
  height: auto;
}

.case-study.barc-page .birdi-presentation-18,
.case-study.birdi-presentation-18.barc-page {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
  gap: 24px;
  margin-top: clamp(36px, 5vw, 56px);
  padding-top: 28px;
  border-top: 1px solid rgba(16, 29, 48, 0.1);
}

.case-study.barc-page .birdi-presentation-19,
.case-study.birdi-presentation-19.barc-page {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.case-study.barc-page .birdi-presentation-20,
.case-study.birdi-presentation-20.barc-page {
  color: rgb(238, 72, 101);
  font-size: 16px;
  margin-top: 4px;
}

.case-study.barc-page .birdi-presentation-21,
.case-study.birdi-presentation-21.barc-page {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 3px;
}

.case-study.barc-page .birdi-presentation-22,
.case-study.birdi-presentation-22.barc-page {
  font-size: 16px;
  color: var(--body);
  line-height: 1.45;
}

.case-study.barc-page .birdi-presentation-23,
.case-study.birdi-presentation-23.barc-page {
  background: rgb(255, 255, 255);
  padding: clamp(56px, 7vw, 84px) 0px;
}

.case-study.barc-page .birdi-presentation-24,
.case-study.birdi-presentation-24.barc-page {
  max-width: 720px;
  margin: 0px auto clamp(32px, 4vw, 48px);
  text-align: center;
}

.case-study.barc-page .birdi-presentation-25,
.case-study.birdi-presentation-25.barc-page {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: rgb(238, 72, 101);
  font-weight: 700;
  margin-bottom: 16px;
}

.case-study.barc-page .birdi-presentation-26,
.case-study.birdi-presentation-26.barc-page {
  font-size: clamp(1.55rem, 2.4vw, 2.1rem);
  font-weight: 700;
  line-height: 1.25;
  margin: 0px;
}

.case-study.barc-page .birdi-presentation-27,
.case-study.birdi-presentation-27.barc-page {
  background: rgb(243, 243, 243);
  padding: clamp(56px, 7vw, 84px) 0px;
}

.case-study.barc-page .birdi-presentation-28,
.case-study.birdi-presentation-28.barc-page {
  max-width: 740px;
  margin: 0px auto clamp(32px, 4vw, 48px);
  text-align: center;
}

.case-study.barc-page .birdi-presentation-29,
.case-study.birdi-presentation-29.barc-page {
  font-size: clamp(1.55rem, 2.4vw, 2.1rem);
  font-weight: 700;
  line-height: 1.25;
  margin: 0px 0px 18px;
}

.case-study.barc-page .birdi-presentation-30,
.case-study.birdi-presentation-30.barc-page {
  font-size: 16px;
  line-height: 1.75;
  color: var(--body);
  margin: 0px;
}

.case-study.barc-page .birdi-presentation-31,
.case-study.birdi-presentation-31.barc-page {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: clamp(32px, 5vw, 64px);
  align-items: center;
  margin-bottom: clamp(36px, 5vw, 56px);
}

.case-study.barc-page .birdi-presentation-32,
.case-study.birdi-presentation-32.barc-page {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: rgb(238, 72, 101);
  font-weight: 700;
  margin-bottom: 18px;
}

.case-study.barc-page .birdi-presentation-33,
.case-study.birdi-presentation-33.barc-page {
  font-size: clamp(1.55rem, 2.4vw, 2.1rem);
  font-weight: 700;
  line-height: 1.25;
  margin: 0px 0px 20px;
}

.case-study.barc-page .birdi-presentation-34,
.case-study.birdi-presentation-34.barc-page {
  font-size: 16px;
  line-height: 1.75;
  color: var(--body);
  margin: 0px 0px 14px;
}

.case-study.barc-page .birdi-presentation-35,
.case-study.birdi-presentation-35.barc-page {
  display: flex;
  justify-content: center;
  gap: 16px;
}

.case-study.barc-page .birdi-presentation-36,
.case-study.birdi-presentation-36.barc-page {
  width: 46%;
  max-width: 190px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: rgba(16, 29, 48, 0.18) 0px 24px 54px;
  align-self: flex-start;
}

.case-study.barc-page .birdi-presentation-37,
.case-study.birdi-presentation-37.barc-page {
  width: 46%;
  max-width: 190px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: rgba(16, 29, 48, 0.18) 0px 24px 54px;
  align-self: flex-end;
}

.case-study.barc-page .birdi-presentation-38,
.case-study.birdi-presentation-38.barc-page {
  width: 10%;
}

.case-study.barc-page .birdi-presentation-39,
.case-study.birdi-presentation-39.barc-page {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: clamp(28px, 4vw, 52px);
  align-items: center;
}

.case-study.barc-page .birdi-presentation-40,
.case-study.birdi-presentation-40.barc-page {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}

.case-study.barc-page .birdi-presentation-41,
.case-study.birdi-presentation-41.barc-page {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgb(238, 72, 101), rgb(213, 31, 63));
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.case-study.barc-page .birdi-presentation-42,
.case-study.birdi-presentation-42.barc-page {
  color: rgb(255, 255, 255);
  font-size: 16px;
}

.case-study.barc-page .birdi-presentation-43,
.case-study.birdi-presentation-43.barc-page {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-weight: 700;
  color: rgb(16, 29, 48);
}

.case-study.barc-page .birdi-presentation-44,
.case-study.birdi-presentation-44.barc-page {
  font-size: 16px;
  line-height: 1.75;
  color: var(--body);
  margin: 0px 0px 26px;
}

.case-study.barc-page .birdi-presentation-45,
.case-study.birdi-presentation-45.barc-page {
  display: flex;
  flex-direction: column;
  gap: 0px;
}

.case-study.barc-page .birdi-presentation-46,
.case-study.birdi-presentation-46.barc-page {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 15px 0px;
  border-top: 1px solid rgba(16, 29, 48, 0.12);
}

.case-study.barc-page .birdi-presentation-47,
.case-study.birdi-presentation-47.barc-page {
  font-size: 16px;
  font-weight: 700;
  color: rgb(238, 72, 101);
  min-width: 22px;
}

.case-study.barc-page .birdi-presentation-48,
.case-study.birdi-presentation-48.barc-page {
  font-size: 16px;
  line-height: 1.55;
  color: rgb(16, 29, 48);
}

.case-study.barc-page .birdi-presentation-49,
.case-study.birdi-presentation-49.barc-page {
  display: flex;
  justify-content: center;
}

.case-study.barc-page .birdi-presentation-50,
.case-study.birdi-presentation-50.barc-page {
  width: 100%;
  max-width: 250px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: rgba(16, 29, 48, 0.22) 0px 28px 60px;
}

.case-study.barc-page .birdi-presentation-51,
.case-study.birdi-presentation-51.barc-page {
  position: relative;
  overflow: hidden;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.57), rgb(239, 239, 255)), url("../uploads/cs-chal-sol-bg.webp");
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  padding: clamp(56px, 7vw, 84px) 0px;
  color: rgb(16, 29, 48);
}

.case-study.barc-page .birdi-presentation-52,
.case-study.birdi-presentation-52.barc-page {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: clamp(32px, 5vw, 64px);
  align-items: center;
  margin-bottom: clamp(40px, 5vw, 60px);
}

.case-study.barc-page .birdi-presentation-53,
.case-study.birdi-presentation-53.barc-page {
  position: relative;
  display: flex;
  justify-content: center;
}

.case-study.barc-page .birdi-presentation-54,
.case-study.birdi-presentation-54.barc-page {
  width: 100%;
  max-width: 236px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.42) 0px 30px 66px;
}

.case-study.barc-page .birdi-presentation-55,
.case-study.birdi-presentation-55.barc-page {
  position: absolute;
  top: 12%;
  right: 0px;
  background: rgb(255, 255, 255);
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 16px 34px;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  gap: 9px;
}

.case-study.barc-page .birdi-presentation-56,
.case-study.birdi-presentation-56.barc-page {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: rgb(31, 158, 92);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.case-study.barc-page .birdi-presentation-57,
.case-study.birdi-presentation-57.barc-page {
  font-size: 16px;
  font-weight: 700;
  color: rgb(16, 29, 48);
}

.case-study.barc-page .birdi-presentation-58,
.case-study.birdi-presentation-58.barc-page {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 8px;
}

.case-study.barc-page .birdi-presentation-59,
.case-study.birdi-presentation-59.barc-page {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-weight: 700;
  color: rgb(16, 29, 48);
  white-space: normal;
}

.case-study.barc-page .birdi-presentation-60,
.case-study.birdi-presentation-60.barc-page {
  height: 1px;
  flex: 1 1 0%;
  background: rgba(16, 29, 48, 0.15);
}

.case-study.barc-page .birdi-presentation-61,
.case-study.birdi-presentation-61.barc-page {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 0px 56px;
}

.case-study.barc-page .birdi-presentation-62,
.case-study.birdi-presentation-62.barc-page {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 20px 0px;
  border-bottom: 1px solid rgba(16, 29, 48, 0.12);
}

.case-study.barc-page .birdi-presentation-63,
.case-study.birdi-presentation-63.barc-page {
  color: rgb(238, 72, 101);
  font-size: 22px;
  width: 24px;
  flex-shrink: 0;
}

.case-study.barc-page .birdi-presentation-64,
.case-study.birdi-presentation-64.barc-page {
  font-size: 16px;
  line-height: 1.7;
  color: rgb(83, 93, 108);
  font-weight: 300;
}

.case-study.barc-page .birdi-presentation-65,
.case-study.birdi-presentation-65.barc-page {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 32px;
  align-items: end;
  margin-bottom: clamp(32px, 4vw, 44px);
}

.case-study.barc-page .birdi-presentation-66,
.case-study.birdi-presentation-66.barc-page {
  max-width: 640px;
  margin-bottom: clamp(32px, 4vw, 44px);
}

.case-study.barc-page .birdi-presentation-67,
.case-study.birdi-presentation-67.barc-page {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: 20px 40px;
  align-items: center;
  padding: 26px 0px;
  border-top: 1px solid rgba(16, 29, 48, 0.12);
}

.case-study.barc-page .birdi-presentation-68,
.case-study.birdi-presentation-68.barc-page {
  display: flex;
  align-items: baseline;
  gap: 14px;
}

.case-study.barc-page .birdi-presentation-69,
.case-study.birdi-presentation-69.barc-page {
  font-size: 16px;
  font-weight: 700;
  color: rgb(238, 72, 101);
}

.case-study.barc-page .birdi-presentation-70,
.case-study.birdi-presentation-70.barc-page {
  font-size: 16.5px;
  font-weight: 700;
  line-height: 1.3;
}

.case-study.barc-page .birdi-presentation-71,
.case-study.birdi-presentation-71.barc-page {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  min-width: 0px;
}

.case-study.barc-page .birdi-presentation-72,
.case-study.birdi-presentation-72.barc-page {
  display: flex;
  align-items: center;
  gap: 9px;
  background: rgb(243, 243, 243);
  border-radius: 8px;
  padding: 10px 16px;
  transition: background 0.3s, color 0.3s;
}

.case-study.barc-page .birdi-presentation-73,
.case-study.birdi-presentation-73.barc-page {
  color: rgb(238, 72, 101);
  font-size: 16px;
}

.case-study.barc-page .birdi-presentation-74,
.case-study.birdi-presentation-74.barc-page {
  font-size: 16px;
  font-weight: 600;
}

.case-study.barc-page .birdi-presentation-75,
.case-study.birdi-presentation-75.barc-page {
  font-size: 16px;
  opacity: 1;
}

.case-study.barc-page .birdi-presentation-76,
.case-study.birdi-presentation-76.barc-page {
  max-width: 1180px;
  margin: 0px auto;
  padding: 0px 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: clamp(32px, 5vw, 64px);
  align-items: center;
}

.case-study.barc-page .birdi-presentation-77,
.case-study.birdi-presentation-77.barc-page {
  font-size: 16px;
  line-height: 1.75;
  color: var(--body);
  margin: 0px 0px 28px;
  max-width: 480px;
}

.case-study.barc-page .birdi-presentation-78,
.case-study.birdi-presentation-78.barc-page {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, rgb(238, 72, 101), rgb(213, 31, 63));
  color: rgb(255, 255, 255);
  font-weight: 600;
  font-size: 16px;
  padding: 16px 32px;
  border-radius: 10px;
  box-shadow: rgba(213, 31, 63, 0.26) 0px 14px 30px;
  transition: transform 0.25s, box-shadow 0.25s;
}

.case-study.barc-page .birdi-presentation-79,
.case-study.birdi-presentation-79.barc-page {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: rgb(16, 29, 48);
  font-weight: 700;
  margin-bottom: 6px;
}

.case-study.barc-page .birdi-presentation-80,
.case-study.birdi-presentation-80.barc-page {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 0px;
  border-bottom: 1px solid rgba(16, 29, 48, 0.12);
}

.case-study.barc-page .birdi-presentation-81,
.case-study.birdi-presentation-81.barc-page {
  color: rgb(238, 72, 101);
  font-size: 16px;
  width: 20px;
}

.case-study.barc-page .birdi-presentation-82,
.case-study.birdi-presentation-82.barc-page {
  font-size: 16px;
  font-weight: 500;
}

/* .case-study.barc-page .birdi-presentation-83,
.case-study.birdi-presentation-83.barc-page {
  position: sticky;
  top: 70px;
} */

.case-study.barc-page .birdi-presentation-84,
.case-study.birdi-presentation-84.barc-page {
  font-size: clamp(1.55rem, 2.4vw, 2.1rem);
  font-weight: 700;
  line-height: 1.25;
  margin: 0px 0px 16px;
}

.case-study.barc-page .birdi-presentation-85,
.case-study.birdi-presentation-85.barc-page {
  font-size: 16px;
  line-height: 1.7;
  color: var(--body);
  margin: 0px;
  max-width: 330px;
}

/* ---- BARC — Engineering Drawing Management / bootstrap4-integration.css ---- */

/* Bootstrap 4 grid and tabs, adjusted to preserve the approved Birdi design. */

.case-study.barc-page .hero-layout.row,
.case-study.barc-page .brief-layout.row {
  --birdi-column-gap: clamp(32px, 5vw, 64px);
  display: flex !important;
  gap: 0 !important;
  margin-left: 0;
  margin-right: 0;
  padding-top:100px;
}

.case-study.barc-page .brief-layout.row {
  --birdi-column-gap: clamp(32px, 5vw, 56px);
}

.case-study.barc-page .hero-layout.row > .col-md-6,
.case-study.barc-page .brief-layout.row > .col-md-6 {
  padding-left: calc(var(--birdi-column-gap) * 0.5);
  padding-right: calc(var(--birdi-column-gap) * 0.5);
}

.case-study.barc-page .hero-layout.row > .col-md-6:first-child,
.case-study.barc-page .brief-layout.row > .col-md-6:first-child {
  padding-left: 0;
}

.case-study.barc-page .hero-layout.row > .col-md-6:last-child,
.case-study.barc-page .brief-layout.row > .col-md-6:last-child {
  padding-right: 0;
}

.case-study.barc-page .birdi-contact-button {
  border: 0;
  line-height: normal;
  text-align: inherit;
  vertical-align: baseline;
}

.case-study.barc-page .birdi-contact-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 34px rgba(213,31,63,.34);
  color: #fff;
}

.case-study.barc-page .birdi-tech-pill:hover {
  background: #101d30;
  color: #fff;
}

.case-study.barc-page .feature-tabs.nav-tabs {
  border-bottom: 0;
}

.case-study.barc-page .feature-tabs.nav-tabs .nav-link {
  border: 0;
  /* Retain the original Bootstrap tab corners with direct page classes. */
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  margin-bottom: 0;
  padding: 20px 8px;
  color: #101d30;
  line-height: 1.4;
}

.case-study.barc-page .feature-tabs.nav-tabs .nav-link.active {
  background: #fff;
  color: #101d30;
}

/* Keep inactive Bootstrap panels hidden within this case-study page. */
.case-study.barc-page .tab-content > .features-panel {
  display: none;
}

.case-study.barc-page .tab-content > .features-panel.active {
  display: grid;
}

@media (max-width: 767px) {
  .case-study.barc-page .hero-layout.row {
    margin-left: 0;
    margin-right: 0;
    padding-top:80px;
  }

  .case-study.barc-page .brief-layout.row {
    margin-left: 0;
    margin-right: 0;
    padding-top:10px;
  }

  .case-study.barc-page .hero-layout.row > .col-md-6,
  .case-study.barc-page .brief-layout.row > .col-md-6 {
    padding-left: 0;
    padding-right: 0;
  }

  .case-study.barc-page .brief-layout.row > .col-md-6 + .col-md-6 {
    margin-top: 32px;
  }
}

@media (max-width: 460px) {
  .case-study.barc-page .feature-tabs.nav-tabs .nav-link {
    padding: 16px 6px;
    font-size:14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .case-study.barc-page .birdi-contact-button:hover {
    transform: none;
  }
}

/* ---- BARC — Engineering Drawing Management / template-adaptations.css ---- */

/* Content-specific adaptations that retain Birdi's component structure. */

html.sl-barc-document,
body.sl-barc-body {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}

.case-study.barc-page,
.case-study.barc-page>section,
.case-study.barc-page .container,
.case-study.barc-page .row,
.case-study.barc-page [class*="col-"] {
  min-width: 0;
}

.case-study.barc-page h1,
.case-study.barc-page h2,
.case-study.barc-page h3,
.case-study.barc-page p,
.case-study.barc-page li,
.case-study.barc-page a {
  overflow-wrap: anywhere;
}

.barc-page .country-flag {
  font-size: 1.45rem;
  line-height: 1;
}

.barc-page .hero-image-caption,
.barc-page .section-image-caption {
  font-size: .72rem;
  line-height: 1.5;
  color: #64748b;
  margin: .85rem 0 0;
  text-align: center;
}

.case-study.barc-page .hero-art {
  overflow: visible;
}

.case-study.barc-page .wide-product-visual {
  width: 132%;
  max-width: none;
  margin-left: -9%;
  display: block;
  padding-top: 28px;
  background: #e7edf5;
  border: 1px solid #dbe2eb;
  border-radius: 16px;
  box-shadow: rgba(16,29,48,.22) 0 28px 68px,rgba(16,29,48,.08) 0 6px 16px;
}

.case-study.barc-page .wide-product-visual:before {
  content: "";
  position: absolute;
  left: 14px;
  top: 10px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #ff6374;
  box-shadow: 17px 0 0 #b8c0cc,34px 0 0 #c9d0d9;
}

.case-study.barc-page .wide-product-visual img {
  display: block;
  width: 100%;
  height: auto !important;
  max-height: none !important;
  object-fit: contain;
  border-radius: 0 0 15px 15px;
}

.barc-page .wide-brief img,
.barc-page .wide-build-image img,
.barc-page .wide-outcome-image img {
  object-fit: contain;
  background: #fff;
  height: auto !important;
}

.barc-page .brief-statement {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 3rem;
  border-left: 1px solid rgba(15,23,42,.13);
  font-size: 1rem;
  color: #657082;
}

.barc-page .brief-statement strong {
  font-size: clamp(1.8rem,3vw,3rem);
  line-height: 1.05;
  color: #0f1735;
  margin-bottom: 1.2rem;
}

.barc-page .brief-statement p {
  max-width: 32rem;
  line-height: 1.8;
}

.barc-page .image-feature .birdi-presentation-52 {
  align-items: center;
}

.barc-page .wide-outcome-image {
  width: 100%;
  max-width: 650px;
}

.barc-page .wide-outcome-image .birdi-presentation-54 {
  width: 100%;
  height: auto;
  min-height: 0;
}

.barc-page .wide-outcome-image img {
  width: 100%;
  height: auto !important;
  max-height: none;
}

.barc-page .barc-build .birdi-presentation-35 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 18px;
  width: 100%;
}

.case-study.barc-page .barc-build .birdi-presentation-36,
.case-study.barc-page .barc-build .birdi-presentation-37 {
  width: 100%;
  max-width: none;
  min-height: 0;
  height: auto;
  border-radius: 12px;
  align-self: auto;
  background: transparent;
  box-shadow: rgba(16,29,48,.14) 0 18px 44px;
}

.case-study.barc-page .barc-build .birdi-presentation-36 img,
.case-study.barc-page .barc-build .birdi-presentation-37 img {
  display: block;
  width: 100%;
  height: auto !important;
  object-fit: contain;
}

.barc-page .outcome-stat {
  display: flex;
  min-height: 280px;
  padding: 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #0e1731;
  color: #fff;
  border-radius: 28px;
  text-align: center;
}

.barc-page .outcome-stat strong {
  font-size: clamp(2.2rem,5vw,5rem);
  line-height: 1;
  color: #fff;
}

.barc-page .outcome-stat span {
  max-width: 16rem;
  margin-top: 1rem;
  color: #b9c4dd;
}

.barc-page .template-custom {
  padding-top: clamp(70px,8vw,125px);
  padding-bottom: clamp(70px,8vw,125px);
}

.barc-page .template-custom:nth-of-type(even) {
  background: #f6f7f9;
}

.barc-page .custom-content {
  margin-top: clamp(2rem,5vw,4.5rem);
}

.barc-page .custom-full-visual {
  margin: 4rem 0 0;
}

.barc-page .custom-full-visual img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 28px;
  box-shadow: 0 30px 70px rgba(15,23,53,.13);
}

.barc-page .custom-full-visual figcaption {
  text-align: center;
  color: #64748b;
  font-size: .75rem;
  margin-top: 1rem;
}

.barc-page .lifecycle-template {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  align-items: center;
  gap: 1.5rem;
}

.barc-page .lifecycle-template div {
  min-height: 170px;
  padding: 2rem;
  background: #0f1735;
  color: #fff;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.barc-page .lifecycle-template div:nth-of-type(2) {
  background: #15304b;
}

.barc-page .lifecycle-template div:nth-of-type(3) {
  background: #256b72;
}

.barc-page .lifecycle-template span {
  font-size: .76rem;
  color: #fff;
}

.barc-page .lifecycle-template strong {
  font-size: clamp(1.15rem,2vw,1.7rem);
  line-height: 1.15;
}

.barc-page .lifecycle-template>i {
  color: #ff5d90;
  font-size: 1.5rem;
}

.barc-page .editorial-two {
  display: grid;
  grid-template-columns: minmax(150px,.35fr) 1fr;
  gap: clamp(2rem,7vw,7rem);
  align-items: start;
  padding-top: 2rem;
  border-top: 1px solid #ced5df;
}

.barc-page .editorial-index {
  font-size: clamp(4rem,9vw,8rem);
  line-height: .8;
  font-weight: 700;
  color: #101a3a;
}

.barc-page .editorial-index span {
  display: block;
  margin-top: 1.2rem;
  font-size: .85rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #ff4f88;
}

.barc-page .large-copy {
  font-size: clamp(1.4rem,2.5vw,2.25rem);
  line-height: 1.45;
  color: #101a3a;
}

.barc-page .template-timeline {
  border-top: 1px solid #cbd3df;
}

.barc-page .template-timeline article {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 2rem;
  padding: 2.3rem 0;
  border-bottom: 1px solid #cbd3df;
}

.barc-page .template-timeline article>span {
  font-size: 2rem;
  color: #ff4f88;
  font-weight: 700;
}

.barc-page .template-timeline small {
  text-transform: uppercase;
  letter-spacing: .12em;
  color: #6d7690;
}

.barc-page .template-timeline h3 {
  font-size: clamp(1.45rem,2.6vw,2.3rem);
  margin: .5rem 0;
  color: #0f1735;
}

.barc-page .testimonial-template {
  background: #0e1731;
  color: #fff;
  border-radius: 30px;
  padding: clamp(2rem,6vw,5rem);
}

.barc-page .testimonial-template blockquote {
  font-size: clamp(2rem,4.6vw,4.2rem);
  line-height: 1.08;
  letter-spacing: -.045em;
  color: #fff;
}

.barc-page .review-person {
  display: flex;
  flex-direction: column;
  margin: 2.4rem 0;
  color: #b9c4dd;
}

.barc-page .review-person strong {
  color: #fff;
  font-size: 1.2rem;
}

.barc-page .ratings-row {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: 1px;
  background: rgba(255,255,255,.15);
  margin: 2rem 0;
}

.barc-page .ratings-row div {
  display: flex;
  flex-direction: column;
  padding: 1.25rem;
  background: #111d3d;
}

.barc-page .ratings-row b {
  font-size: 1.8rem;
  color: #fff;
}

.barc-page .ratings-row span {
  font-size: .72rem;
  color: #b9c4dd;
}

.barc-page .plain-scope-list {
  border-top: 1px solid #ced5df;
}

.barc-page .plain-scope-list>div {
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 1rem;
  padding: 1.6rem 0;
  border-bottom: 1px solid #ced5df;
}

.barc-page .plain-scope-list span {
  color: #ff4f88;
  font-weight: 700;
}

.barc-page .plain-scope-list p {
  margin: 0;
  font-size: clamp(1.05rem,2vw,1.5rem);
  color: #111a39;
}

.barc-page .plain-link-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.barc-page .plain-link-list span {
  padding: 1rem 1.4rem;
  border: 1px solid #cfd5df;
  border-radius: 100px;
  color: #111a39;
}

.barc-page .boundary-note {
  font-size: .78rem;
  color: #657082;
  margin-top: 1.5rem;
}

.case-study.barc-page .workflow-screen {
  max-height: 560px;
  object-fit: contain;
  background: #fff;
}

.case-study.barc-page .workflow-stage {
  display: flex;
  align-items: center;
  justify-content: center;
}

.case-study.barc-page .related-card[hidden] {
  display: none !important;
}

@media (max-width:899px) {
  .case-study.barc-page .wide-product-visual {
    width: 112%;
    margin-left: -6%;
  }

  .barc-page .brief-statement {
    border-left: 0;
    border-top: 1px solid rgba(15,23,42,.13);
    padding: 2rem 0;
  }

  .barc-page .lifecycle-template {
    grid-template-columns: 1fr;
  }

  .barc-page .lifecycle-template>i {
    transform: rotate(90deg);
    justify-self: center;
  }

  .barc-page .editorial-two {
    grid-template-columns: 1fr;
  }

  .barc-page .ratings-row {
    grid-template-columns: repeat(2,1fr);
  }

  .barc-page .ratings-row div:last-child {
    grid-column: 1/-1;
  }

  .barc-page .template-timeline article {
    grid-template-columns: 64px 1fr;
  }

  .barc-page .hero-image-caption {
    margin-bottom: 1rem;
  }
}

@media (max-width:575px) {
  .barc-page .lifecycle-template div {
    min-height: 130px;
  }

  .barc-page .testimonial-template {
    border-radius: 18px;
  }

  .barc-page .plain-scope-list>div {
    grid-template-columns: 48px 1fr;
  }

  .barc-page .wide-outcome-image .birdi-presentation-54 {
    min-height: 200px;
  }
}

/* Wide case-study screenshots must always preserve their natural ratio. */

.case-study.barc-page img {
  display: block;
  width: 100%;
  height: auto !important;
  max-width: none !important;
}

.case-study.barc-page .client-brief .brief-visual {
  width: 100%;
  max-width: none;
}

.case-study.barc-page .client-brief .brief-visual img {
  width: 100%;
  height: auto !important;
  max-width: none !important;
  object-fit: contain;
}

.case-study.barc-page .wide-build-image {
  width: 100%;
  max-width: none;
  min-height: 0;
  height: auto;
}

.case-study.barc-page .wide-build-image img {
  width: 100%;
  height: auto !important;
  max-width: none !important;
  object-fit: contain;
}

.case-study.barc-page .wide-outcome-image,
.case-study.barc-page .wide-outcome-image .birdi-presentation-54 {
  width: 100%;
  max-width: none;
  min-height: 0;
  height: auto;
}

.case-study.barc-page .workflow-stage {
  height: auto;
  min-height: 0;
}

.case-study.barc-page .workflow-screen {
  width: 100%;
  height: auto !important;
  max-width: none !important;
  object-fit: contain;
}

.case-study.barc-page .wide-product-visual {
  width: 138%;
  max-width: none !important;
  margin-left: -14%;
}

.case-study.barc-page .birdi-presentation-15 {
  display: none;
}

/* Two-screen build composition inspired by the supplied stacked reference. */

.case-study.barc-page .barc-build .birdi-presentation-35,
.case-study.barc-page .timesheet-build .birdi-presentation-35 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  width: 100%;
  padding: clamp(20px,3.2vw,38px);
  background: linear-gradient(145deg,#edf4ff 0%,#dfeaff 55%,#d6e4ff 100%);
  border-radius: 28px;
  overflow: hidden;
}

.case-study.barc-page .barc-build .birdi-presentation-36,
.case-study.barc-page .barc-build .birdi-presentation-37,
.case-study.barc-page .timesheet-build .birdi-presentation-36,
.case-study.barc-page .timesheet-build .birdi-presentation-37 {
  position: relative;
  width: 92%;
  max-width: none !important;
  min-height: 0;
  height: auto;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 22px 50px rgba(29,56,110,.18);
}

.case-study.barc-page .barc-build .birdi-presentation-36,
.case-study.barc-page .timesheet-build .birdi-presentation-36 {
  align-self: flex-end;
  z-index: 2;
}

.case-study.barc-page .barc-build .birdi-presentation-37,
.case-study.barc-page .timesheet-build .birdi-presentation-37 {
  align-self: flex-start;
  margin-top: -4%;
  z-index: 1;
}

.case-study.barc-page .barc-build .birdi-presentation-36 img,
.case-study.barc-page .barc-build .birdi-presentation-37 img,
.case-study.barc-page .timesheet-build .birdi-presentation-36 img,
.case-study.barc-page .timesheet-build .birdi-presentation-37 img {
  width: 100%;
  height: auto !important;
  max-width: none !important;
  object-fit: contain;
}

/* Timesheet: one cohesive editorial system for the three connected workflows. */

.barc-page .timesheet-workflow-suite {
  padding: clamp(72px,9vw,132px) 0;
  background: #f4f6f9;
}

.barc-page .suite-heading {
  max-width: 700px;
  margin: 0 auto clamp(34px,5vw,58px);
  text-align: center;
}

.barc-page .suite-heading h2 {
  font-size: clamp(2rem,4vw,3.8rem);
  line-height: 1.08;
  margin: 0 0 20px;
  color: #101d30;
}

.barc-page .workflow-showcase {
  width: 90%;
  margin: 0 auto clamp(42px,6vw,72px);
  padding: clamp(24px,3.6vw,42px);
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 20px 54px rgba(16,29,48,.08);
}

.barc-page .workflow-showcase:last-child {
  margin-bottom: 0;
}

.barc-page .workflow-showcase.is-dark {
  background: linear-gradient(135deg,#0e1d31,#172844);
  color: #fff;
}

.barc-page .showcase-copy {
  display: grid;
  grid-template-columns: 82px 1fr;
  gap: clamp(18px,3vw,36px);
  align-items: start;
  margin-bottom: clamp(24px,3.5vw,38px);
}

.barc-page .showcase-number {
  font-size: clamp(2.7rem,4.6vw,4.4rem);
  line-height: .8;
  font-weight: 700;
  color: #ee4865;
  letter-spacing: -.06em;
}

.barc-page .showcase-copy h3 {
  font-size: clamp(1.5rem,2.7vw,2.45rem);
  line-height: 1.14;
  margin: 0 0 16px;
  color: #101d30;
}

.barc-page .showcase-copy p {
  font-size: 16px;
  line-height: 1.75;
  color: #667085;
  margin: 0 0 12px;
  max-width: 760px;
}

.barc-page .workflow-showcase.is-dark .showcase-copy h3 {
  color: #fff;
}

.barc-page .workflow-showcase.is-dark .showcase-copy p {
  color: #c3ccda;
}

.barc-page .showcase-screen {
  margin: 0;
}

.barc-page .showcase-browser {
  position: relative;
  padding-top: 30px;
  background: #e4eaf2;
  border: 1px solid #d5dce7;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 28px 68px rgba(16,29,48,.16);
}

.barc-page .showcase-browser .browser-dots {
  position: absolute;
  left: 16px;
  top: 11px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #ff6374;
  box-shadow: 17px 0 0 #b8c0cc,34px 0 0 #c9d0d9;
}

.barc-page .showcase-screen img {
  width: 100%;
  height: auto !important;
  max-width: none !important;
}

.barc-page .showcase-screen figcaption {
  margin-top: 14px;
  text-align: center;
  font-size: 13px;
  line-height: 1.55;
  color: #6d7584;
}

.barc-page .workflow-showcase.is-dark .showcase-screen figcaption {
  color: #b8c2d2;
}

/* ABOR: editorial discovery list instead of small pills. */

.barc-page .adjacent-discovery {
  padding: clamp(72px,9vw,132px) 0;
  background: #f1f1f1;
  color: #101d30;
}

.barc-page .adjacent-layout {
  display: grid;
  grid-template-columns: minmax(260px,.72fr) minmax(0,1.28fr);
  gap: clamp(44px,8vw,110px);
  align-items: start;
}

.barc-page .adjacent-intro {
  position: static;
}

.barc-page .adjacent-intro h2 {
  font-size: clamp(2.2rem,4.4vw,4rem);
  line-height: 1.06;
  letter-spacing: -.045em;
  margin: 0 0 24px;
  color: #101d30;
}

.barc-page .adjacent-intro h2 span {
  color: #ee4865;
}

.barc-page .adjacent-intro p {
  font-size: 16px;
  line-height: 1.75;
  color: #667085;
  max-width: 440px;
}

.barc-page .adjacent-list {
  border-top: 1px solid rgba(16,29,48,.18);
}

.barc-page .adjacent-row {
  display: grid;
  grid-template-columns: 76px 1fr;
  gap: 24px;
  align-items: center;
  padding: clamp(26px,4vw,44px) 0;
  border-bottom: 1px solid rgba(16,29,48,.18);
}

.barc-page .adjacent-row>span {
  font-size: 1rem;
  font-weight: 700;
  color: #ee4865;
}

.barc-page .adjacent-row small {
  display: block;
  margin-bottom: 8px;
  color: #7a8495;
  text-transform: uppercase;
  letter-spacing: .15em;
  font-size: 11px;
}

.barc-page .adjacent-row h3 {
  font-size: clamp(1.35rem,2.6vw,2.45rem);
  line-height: 1.2;
  margin: 0;
  color: #101d30;
}

/* Equal two-column partnership scope. */

.barc-page .abor-build .scope-groups {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 24px;
}

.barc-page .abor-build .scope-group {
  width: 100%;
}

/* Scroll-driven overlapping workflow cards. */

.barc-page .timesheet-workflow-suite {
  position: relative;
  padding-bottom: clamp(110px,14vw,210px);
}

.barc-page .timesheet-workflow-suite .workflow-showcase {
  position: sticky;
  margin-bottom: clamp(58px,8vw,105px);
  transform-origin: center top;
  will-change: transform;
}

.barc-page .timesheet-workflow-suite .workflow-showcase:nth-of-type(1) {
  top: 24px;
  z-index: 1;
}

.barc-page .timesheet-workflow-suite .workflow-showcase:nth-of-type(2) {
  top: 44px;
  z-index: 2;
}

.barc-page .timesheet-workflow-suite .workflow-showcase:nth-of-type(3) {
  top: 64px;
  z-index: 3;
}

.barc-page .timesheet-workflow-suite .workflow-showcase:last-child {
  margin-bottom: 0;
}

@media (max-width:899px) {
  .case-study.barc-page .wide-product-visual {
    width: 112%;
    margin-left: -6%;
  }

  .barc-page .showcase-copy {
    grid-template-columns: 72px 1fr;
  }

  .barc-page .adjacent-layout {
    grid-template-columns: 1fr;
  }

  .barc-page .adjacent-intro {
    position: static;
  }

  .barc-page .workflow-showcase {
    border-radius: 24px;
  }

  .barc-page .abor-build .scope-groups {
    grid-template-columns: 1fr;
  }

  .barc-page .timesheet-workflow-suite .workflow-showcase:nth-of-type(1) {
    top: 12px;
  }

  .barc-page .timesheet-workflow-suite .workflow-showcase:nth-of-type(2) {
    top: 26px;
  }

  .barc-page .timesheet-workflow-suite .workflow-showcase:nth-of-type(3) {
    top: 40px;
  }
}

@media (max-height:760px) {
  .barc-page .timesheet-workflow-suite .workflow-showcase {
    position: relative;
    top: auto !important;
  }
}

@media (max-width:767px) {
  .case-study.barc-page .hero-art {
    display: block !important;
    margin-top: 32px;
  }

  .case-study.barc-page .hero-layout.row>.col-md-6:last-child {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .case-study.barc-page .wide-product-visual {
    width: 100%;
    margin-left: 0;
  }

  .case-study.barc-page .hero-actions a {
    white-space: normal;
    text-align: center;
  }
}

@media (max-width:575px) {
  .case-study.barc-page .barc-build .birdi-presentation-35,
  .case-study.barc-page .timesheet-build .birdi-presentation-35 {
    padding: 16px;
    border-radius: 20px;
  }

  .case-study.barc-page .barc-build .birdi-presentation-36,
  .case-study.barc-page .barc-build .birdi-presentation-37,
  .case-study.barc-page .timesheet-build .birdi-presentation-36,
  .case-study.barc-page .timesheet-build .birdi-presentation-37 {
    width: 96%;
  }

  .barc-page .showcase-copy {
    grid-template-columns: 1fr;
  }

  .barc-page .showcase-number {
    font-size: 2.8rem;
  }

  .barc-page .workflow-showcase {
    width: 100%;
    padding: 20px;
    border-radius: 18px;
  }

  .barc-page .showcase-browser {
    padding-top: 26px;
    border-radius: 13px;
  }

  .barc-page .adjacent-row {
    grid-template-columns: 48px 1fr;
  }

  .barc-page .timesheet-workflow-suite .workflow-showcase {
    position: relative;
    top: auto !important;
    margin-bottom: 28px;
    will-change: auto;
  }
}

/* ==========================================================================
   3. BIRDI — TIMESHEET MANAGEMENT
   Content scope: .timesheet-page
   Document scope: html.sl-timesheet-document
   Body scope: body.sl-timesheet-body
   ========================================================================== */

/* ---- Birdi — Timesheet Management / birdi.css ---- */

/* Bootstrap Reboot is normalized to the approved page typography. */

html.sl-timesheet-document,
body.sl-timesheet-body {
  height: 100%;
}

body.sl-timesheet-body {
  line-height: normal;
}

.timesheet-page h1,
.timesheet-page h2,
.timesheet-page h3,
.timesheet-page h4,
.timesheet-page h5,
.timesheet-page h6 {
  font-size: revert;
  font-weight: revert;
  line-height: normal;
  margin: revert;
}

.timesheet-page p,
.timesheet-page dl,
.timesheet-page dd,
.timesheet-page figure {
  margin: revert;
}

.timesheet-page a:hover {
  text-decoration: none;
}

.timesheet-page button {
  line-height: normal;
}

/* Birdi shared styles. Cascade order is intentional; responsive rules remain beside their applicable defaults. */

body.sl-timesheet-body {
  margin: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

.timesheet-page,
.timesheet-page * {
  box-sizing: border-box;
}

.timesheet-page a {
  color: #ee4865;
  text-decoration: none;
}

.timesheet-page a:hover {
  color: #101d30;
}

html.sl-timesheet-document {
  font-size: max(16px,100%);
}

body.sl-timesheet-body {
  font-size: 16px;
}

.timesheet-page button,
.timesheet-page summary {
  font: inherit;
}

.timesheet-page button {
  cursor: pointer;
}

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

.timesheet-page button:focus-visible,
.timesheet-page summary:focus-visible,
.timesheet-page [tabindex]:focus-visible {
  outline: 3px solid #ee4865;
  outline-offset: 5px;
}

.timesheet-page .section-container {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  background:transparent;
}

.timesheet-page .section-heading {
  margin-bottom: clamp(32px,4vw,48px);
}

.timesheet-page .centered {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.timesheet-page .eyebrow {
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 700;
  color: #ee4865;
  margin: 0 0 18px;
}

.timesheet-page .section-heading h2 {
  font-size: clamp(1.55rem,2.4vw,2.1rem);
  line-height: 1.25;
  margin: 0;
}

.timesheet-page .section-heading h2 span {
  color: #ee4865;
}

.timesheet-page .workflow-section {
  padding: clamp(56px,7vw,84px) 0;
  background: linear-gradient(135deg,#0e1d31 0%,#15233b 100%);
  color: #fff;
}

.timesheet-page .workflow-layout {
  display: grid;
  grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr);
  gap: clamp(36px,6vw,80px);
  align-items: start;
}

.timesheet-page .workflow-sticky {
  position: sticky;
  top: 124px;
  min-width: 0;
}

/* Short screens need normal page scrolling, not a taller sticky panel. */

@media (max-height:650px) {
  .timesheet-page .workflow-sticky {
    position: relative;
    top: auto;
  }
}

.timesheet-page .workflow-visual-heading {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .1em;
  margin-bottom: 18px;
}

.timesheet-page .workflow-visual-heading span:first-child {
  color: var(--body);
}

.timesheet-page .workflow-stage {
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(300px,56vh,560px);
  overflow: hidden;
  color: #101d30;
}

.timesheet-page .workflow-screen {
  display: block;
  animation: sl-timesheet-visual-arrive .4s ease;
}

.timesheet-page .workflow-caption {
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  margin: 18px 0 16px;
  font-weight: 500;
}

.timesheet-page .workflow-progress {
  height: 3px;
  background: rgba(255,255,255,.2);
}

.timesheet-page .workflow-progress span {
  display: block;
  height: 100%;
  background: #ee4865;
  transition: width .35s ease;
}

.timesheet-page .workflow-explainer {
  width: 100%;
}

.timesheet-page .workflow-explainer>i {
  font-size: 44px;
  color: #ee4865;
  margin-bottom: 24px;
}

.timesheet-page .workflow-explainer h3 {
  font-size: 24px;
  line-height: 1.3;
  margin: 0 0 24px;
}

.timesheet-page .explainer-rows {
  display: grid;
  gap: 0;
}

.timesheet-page .explainer-rows>div {
  border-top: 1px solid #e9d3db;
  padding: 14px 0;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  line-height: 1.4;
}

.timesheet-page .explainer-rows i {
  color: #ee4865;
  font-size: 16px;
}

.timesheet-page .illustration-note {
  font-size: 16px;
  font-weight: 500;
  color: #101d30;
  margin: 18px 0 0;
}

.timesheet-page .workflow-timeline {
  border-left: 1px solid rgba(255,255,255,.3);
  padding-left: 32px;
}

.timesheet-page .workflow-step {
  position: relative;
  padding: 0 0 56px;
}

.timesheet-page .workflow-step:last-child {
  padding-bottom: 0;
  min-height: 200px;
}

.timesheet-page .workflow-step:before {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  left: -38px;
  border: 2px solid #ee4865;
  background: #101d30;
  border-radius: 50%;
  transition: box-shadow .25s,background .25s;
}

.timesheet-page .workflow-step.is-active:before {
  background: #ee4865;
  box-shadow: 0 0 0 7px rgba(238,72,101,.18);
}

.timesheet-page .workflow-step-number {
  letter-spacing: .08em;
  display: flex;
  align-items: baseline;
  margin-bottom: 12px;
}

.timesheet-page .workflow-step h3 {
  color: #fff;
  margin: 0 0 16px;
  transition: color .25s;
}

.timesheet-page .workflow-step.is-active h3 {
  color: #ee4865;
}

.timesheet-page .workflow-step p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  color: #fff;
}

.timesheet-page .features-intro {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 64px;
  align-items: end;
  margin-bottom: 40px;
}

.timesheet-page .feature-tabs {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
}

.timesheet-page .feature-tab {
  border-bottom: 3px solid transparent;
  background: transparent;
  color: #101d30;
  padding: 20px 8px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  text-align: left;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
}

.timesheet-page .feature-tab i {
  font-size: 18px;
  color: #ee4865;
}

.timesheet-page .feature-tab.is-active {
  border-color: #ee4865;
}

.timesheet-page .features-panel {
  display: grid;
  grid-template-columns: 260px minmax(0,1fr);
  gap: 54px;
  padding: 40px 0;
}

.timesheet-page .feature-panel-number {
  line-height: 1;
  color: #ee4865;
  font-weight: 600;
}

.timesheet-page .feature-panel-heading h3 {
  font-size: 24px;
  line-height: 1.3;
  margin: 16px 0 12px;
}

.timesheet-page .feature-panel-heading p {
  font-size: 16px;
  color: #101d30;
}

.timesheet-page .feature-items {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 32px;
}

.timesheet-page .feature-item {
  border-left: 2px solid #ee4865;
  padding-left: 20px;
}

.timesheet-page .feature-item h4 {
  font-size: 17px;
  line-height: 1.4;
  margin: 0 0 12px;
}

.timesheet-page .feature-item p {
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
  color: #101d30;
}

.timesheet-page .editorial-accordion {
  border-top: 1px solid #c7d0dd;
  color: #101d30;
}

.timesheet-page .editorial-accordion:last-child {
  border-bottom: 1px solid #c7d0dd;
}

.timesheet-page .editorial-accordion summary {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 26px 0;
  cursor: pointer;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 600;
}

.timesheet-page .editorial-accordion summary::-webkit-details-marker {
  display: none;
}

.timesheet-page .editorial-accordion summary>span:not(.accordion-number) {
  flex: 1;
}

.timesheet-page .editorial-accordion summary>i {
  color: #ee4865;
  font-size: 16px;
  transition: transform .25s;
}

.timesheet-page .accordion-number {
  font-size: 28px;
  color: #ee4865;
  font-weight: 600;
}

.timesheet-page .editorial-accordion[open] summary {
  color: #c92145;
}

.timesheet-page .editorial-accordion[open] summary>i {
  transform: rotate(45deg);
}

.timesheet-page .accordion-content {
  padding: 0 0 28px 64px;
  animation: sl-timesheet-content-arrive .3s ease;
}

.timesheet-page .accordion-content p {
  font-size: 16px;
  line-height: 1.75;
  margin: 12px 0 0;
  color: #101d30;
}

.timesheet-page .lift-card {
  transition: transform .3s,box-shadow .3s;
}

.timesheet-page .lift-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 36px rgba(16,29,48,.1);
}

.timesheet-page .parallax-visual {
  will-change: transform;
}

.timesheet-page .faq-section>div {
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
  gap: 64px;
  align-items: start;
}

.timesheet-page .faq-list {
  min-width: 0;
}

.timesheet-page .faq-list .accordion-content {
  padding-left: 0;
}

@keyframes sl-timesheet-content-arrive {
  from {
    transform: translateY(10px);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes sl-timesheet-visual-arrive {
  from {
    transform: translateY(12px) scale(.98);
  }

  to {
    transform: translateY(0) scale(1);
  }
}

@media (max-width:900px) {
  .timesheet-page .workflow-layout {
    gap: 36px;
    grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
  }

  .timesheet-page .features-panel {
    grid-template-columns: 210px minmax(0,1fr);
    gap: 32px;
  }

  .timesheet-page .feature-tabs {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  .timesheet-page .features-intro {
    gap: 32px;
  }
}

@media (max-width:700px) {
  .timesheet-page .workflow-layout,
  .timesheet-page .features-intro,
  .timesheet-page .features-panel,
  .timesheet-page .faq-section>div {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .timesheet-page .workflow-sticky {
    position: relative;
    top: auto;
  }

  .timesheet-page .workflow-stage {
    height: 440px;
  }

  .timesheet-page .workflow-timeline {
    margin-left: 6px;
  }

  .timesheet-page .workflow-step:last-child {
    min-height: 0;
  }

  .timesheet-page .workflow-explainer h3 {
    font-size: 22px;
  }

  .timesheet-page .feature-items {
    gap: 24px;
  }

  .timesheet-page .faq-section>div>div:first-child {
    position: static !important;
  }

  .timesheet-page .accordion-content {
    padding-left: 0;
  }

  .timesheet-page .editorial-accordion summary {
    gap: 16px;
    font-size: 17px;
  }

  .timesheet-page .parallax-visual {
    transform: none !important;
  }
}

@media (max-width:460px) {
  .timesheet-page .feature-items,
  .timesheet-page .industry-grid {
    grid-template-columns: 1fr;
  }

  .timesheet-page .feature-tab {
    font-size: 16px;
    padding: 16px 8px;
    overflow-wrap: anywhere;
  }

  .timesheet-page .workflow-stage {
    height: 420px;
  }

  .timesheet-page .workflow-timeline {
    padding-left: 24px;
  }

  .timesheet-page .workflow-step:before {
    left: -30px;
  }
}

@media (max-height:740px) and (min-width:701px) {
  .timesheet-page .workflow-stage {
    height: 360px;
  }

  .timesheet-page .workflow-explainer>i {
    font-size: 28px;
    margin-bottom: 12px;
  }

  .timesheet-page .workflow-explainer h3 {
    font-size: 22px;
    margin-bottom: 12px;
  }

  .timesheet-page .explainer-rows>div {
    padding: 10px 0;
  }

  .timesheet-page .illustration-note {
    margin-top: 12px;
  }
}

@media (prefers-reduced-motion:reduce) {
  html.sl-timesheet-document,
  body.sl-timesheet-body {
    scroll-behavior: auto !important;
  }

  .timesheet-page,
  .timesheet-page *,
  *.timesheet-page:before,
  .timesheet-page *:before,
  *.timesheet-page:after,
  .timesheet-page *:after {
    animation: none !important;
    transition: none !important;
  }

  .timesheet-page .parallax-visual {
    transform: none !important;
  }
}

.case-study.timesheet-page {
  --body: #6f6f6f;
  --heading: #101d30;
  --accent: #ee4865;
}

.case-study.timesheet-page section {
  --body: #6f6f6f;
  --heading: #101d30;
}

.case-study.timesheet-page section[data-theme="dark"] {
  --body: #b8cbe5;
  --heading: #fff;
}

.case-study.timesheet-page p {
  color: var(--body);
}

.case-study.timesheet-page p.eyebrow {
  color: #ee4865;
}

.case-study.timesheet-page h2,
.case-study.timesheet-page h3,
.case-study.timesheet-page h4 {
  color: var(--heading);
}

.timesheet-page .workflow-stage {
  --body: #6f6f6f;
  --heading: #101d30;
  background: linear-gradient(155deg,#fff 30%,#eaf1fa);
  border: 1px solid rgba(255,255,255,.2);
  box-shadow: 0 24px 60px rgba(0,0,0,.2);
}

.timesheet-page .workflow-step-number {
  font-size: 16px;
  line-height: 1.5;
  gap: 7px;
  color: var(--body);
  font-weight: 400;
}

.timesheet-page .workflow-step-number strong {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  color: inherit;
  letter-spacing: inherit;
}

.timesheet-page .workflow-step {
  min-height: 200px;
  padding-bottom: 48px;
}

.timesheet-page .workflow-step:before {
  top: 7px;
}

.timesheet-page .workflow-step h3 {
  font-size: 24px;
  line-height: 1.35;
}

.timesheet-page .workflow-step p,
.timesheet-page .workflow-caption {
  color: var(--body);
}

.timesheet-page .illustration-note,
.timesheet-page .feature-panel-heading p,
.timesheet-page .feature-item p,
.timesheet-page .accordion-content p {
  color: var(--body);
}

.timesheet-page .problems-section {
  padding: clamp(56px,7vw,84px) 0;
  background: #f3f3f3;
}

.timesheet-page .problems-layout {
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
  gap: clamp(40px,6vw,80px);
  align-items: start;
}

.timesheet-page .problems-heading {
  position: static;
  align-self: start;
  padding: 28px 0;
  border-top: 2px solid #ee4865;
}

.timesheet-page .problems-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.18;
  letter-spacing: -.035em;
  margin: 0 0 24px;
}

.timesheet-page .problems-heading h2 span {
  color: #ee4865;
}

.timesheet-page .section-subtext {
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
  max-width: 390px;
}

.timesheet-page .problems-note {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 32px;
}

.timesheet-page .problems-note>span {
  height: 44px;
  width: 3px;
  background: #ee4865;
}

.timesheet-page .problems-note p {
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
}

.timesheet-page .problem-accordions {
  display: grid;
  gap: 12px;
}

.timesheet-page .problem-item {
  background: #fff;
  border: 1px solid #e0e7f0;
  border-radius: 14px;
  transition: border-color .3s,box-shadow .3s;
}

.timesheet-page .problem-item.is-open {
  border-color: #ee4865;
  box-shadow: 0 16px 40px rgba(16,29,48,.06);
}

.timesheet-page .problem-item h3 {
  margin: 0;
}

.timesheet-page .problem-item button {
  width: 100%;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  background: transparent;
  border: 0;
  color: #101d30;
  padding: 22px 24px;
  font-family: inherit;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  border-radius: 14px;
}

.timesheet-page .problem-item button:hover {
  color: #c92145;
}

.timesheet-page .problem-toggle {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d9e2ed;
  color: #101d30;
  transition: background .3s,transform .3s,color .3s;
}

.timesheet-page .problem-toggle i {
  font-size: 16px;
}

.timesheet-page .is-open .problem-toggle {
  background: #ee4865;
  border-color: #ee4865;
  color: #fff;
  transform: rotate(45deg);
}

.timesheet-page .problem-reveal {
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  transition: grid-template-rows .35s ease,visibility .35s;
}

.timesheet-page .problem-reveal>div {
  min-height: 0;
  overflow: hidden;
}

.timesheet-page .is-open .problem-reveal {
  grid-template-rows: 1fr;
  visibility: visible;
}

.timesheet-page .problem-answer {
  padding: 0 24px 24px;
}

.timesheet-page .problem-answer p {
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
  border-top: 1px solid #e7edf5;
  padding-top: 18px;
  color: var(--body);
}

.timesheet-page .industry-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 20px;
  align-items: stretch;
}

.timesheet-page .industry-flip {
  appearance: none;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  perspective: 1200px;
  text-align: left;
  font-family: inherit;
  color: #101d30;
  border-radius: 16px;
}

.timesheet-page .flip-inner {
  display: grid;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform .65s cubic-bezier(.22,.61,.36,1);
  position: relative;
}

.timesheet-page .industry-flip.is-flipped .flip-inner {
  transform: rotateY(180deg);
}

.timesheet-page .flip-front,
.timesheet-page .flip-back {
  grid-area: 1/1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  padding: 26px;
  border-radius: 16px;
  border: 1px solid #dce5f0;
  min-width: 0;
}

.timesheet-page .flip-front {
  background: #fff;
  transform: rotateY(0deg);
}

.timesheet-page .flip-front>i {
  font-size: 28px;
  color: #ee4865;
}

.timesheet-page .flip-front strong {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.35;
  color: #101d30;
}

.timesheet-page .flip-hint {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 16px;
  line-height: 1.4;
  color: #6f6f6f;
  border-top: 1px solid #e6ecf4;
  padding-top: 16px;
}

.timesheet-page .flip-hint i {
  font-size: 16px;
  color: #ee4865;
}

.timesheet-page .flip-back {
  transform: rotateY(180deg);
  background: linear-gradient(135deg,#0e1d31,#15233b);
  border-color: #15233b;
  color: #fff;
}

.timesheet-page .flip-back-label {
  font-size: 16px;
  color: #ff8299;
  font-weight: 600;
}

.timesheet-page .flip-description {
  font-size: 16px;
  line-height: 1.7;
  color: #d1def0;
}

.timesheet-page .flip-back-hint {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 16px;
  color: #b8cbe5;
}

.timesheet-page .flip-back-hint i {
  font-size: 16px;
}

.timesheet-page .feature-tabs {
  gap: 8px;
  border-bottom: 0;
  padding: 6px;
  background: #f0f4f9;
  border-radius: 14px;
}

.timesheet-page .feature-tab {
  border: 0;
  border-radius: 10px;
  transition: background .25s,box-shadow .25s;
}

.timesheet-page .feature-tab.is-active {
  background: #fff;
  box-shadow: 0 4px 15px rgba(16,29,48,.08);
}

.timesheet-page .feature-tab:hover {
  background: #fff;
}

.timesheet-page .feature-panel-number {
  font-size: 40px;
}

.timesheet-page .features-panel {
  padding-top: 32px;
}

.case-study.timesheet-page a.contact-link {
  overflow: hidden;
  position: relative;
}

.case-study.timesheet-page a.contact-link i {
  transition: transform .25s;
}

.case-study.timesheet-page a.contact-link:hover i {
  transform: translateX(5px);
}

@media (max-width:900px) {
  .timesheet-page .industry-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  .timesheet-page .problems-layout {
    gap: 32px;
  }

  .timesheet-page .problem-item button {
    padding: 20px;
    font-size: 17px;
  }

  .timesheet-page .problem-answer {
    padding: 0 20px 20px;
  }
}

@media (max-width:700px) {
  .timesheet-page .problems-layout {
    grid-template-columns: 1fr;
  }

  .timesheet-page .problems-heading {
    position: static;
  }

  .timesheet-page .problems-heading .section-subtext {
    max-width: none;
  }

  .timesheet-page .problems-note {
    display: none;
  }

  .timesheet-page .workflow-step {
    min-height: 0;
  }

  .timesheet-page .workflow-step-number,
  .timesheet-page .workflow-step-number strong {
    font-size: 16px;
  }

  .timesheet-page .flip-front,
  .timesheet-page .flip-back {
    padding: 22px;
    gap: 18px;
  }
}

@media (max-width:480px) {
  .timesheet-page .industry-grid {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion:reduce) {
  .timesheet-page .flip-inner,
  .timesheet-page .problem-reveal,
  .timesheet-page .problem-toggle {
    transition: none;
  }
}

.timesheet-page .need-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 22px;
  align-items: stretch;
}

.timesheet-page .need-card {
  background: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  transition: box-shadow .3s,border-color .3s,transform .3s;
}

.timesheet-page .need-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #ee4865;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s;
}

.timesheet-page .need-card.is-open {
  border-color: #ee4865;
  box-shadow: 0 18px 40px rgba(16,29,48,.08);
  transform: translateY(-4px);
}

.timesheet-page .need-card.is-open:before {
  transform: scaleX(1);
}

.timesheet-page .need-card h3 {
  margin: 0;
}

.timesheet-page .need-trigger {
  width: 100%;
  border: 0;
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 26px;
  text-align: left;
  font-family: inherit;
  color: #101d30;
}

.timesheet-page .need-marker {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 16px;
  color: #ee4865;
  font-weight: 500;
}

.timesheet-page .need-marker i {
  font-size: 16px;
  transition: transform .3s;
}

.timesheet-page .is-open .need-marker i {
  transform: rotate(45deg);
}

.timesheet-page .need-title {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 600;
}

.timesheet-page .need-hint {
  font-size: 16px;
  line-height: 1.5;
  color: #6f6f6f;
  font-weight: 400;
}

.timesheet-page .need-reveal {
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  transition: grid-template-rows .4s ease,visibility .4s;
}

.timesheet-page .need-reveal>div {
  min-height: 0;
  overflow: hidden;
}

.timesheet-page .need-card.is-open .need-reveal {
  grid-template-rows: 1fr;
  visibility: visible;
}

.timesheet-page .need-copy {
  padding: 0 26px 26px;
}

.timesheet-page .need-copy p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  color: #6f6f6f;
}

.timesheet-page .need-answer {
  border-top: 1px solid #e9e9e9;
  padding-top: 20px;
  margin-top: 22px;
}

.timesheet-page .need-answer>span {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #101d30;
  margin-bottom: 10px;
}

.timesheet-page .need-trigger:focus-visible {
  outline-offset: -5px;
}

@media (max-width:900px) {
  .timesheet-page .need-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width:620px) {
  .timesheet-page .need-grid {
    grid-template-columns: 1fr;
  }

  .timesheet-page .need-trigger {
    padding: 24px;
    gap: 16px;
  }

  .timesheet-page .need-copy {
    padding: 0 24px 24px;
  }
}

@media (prefers-reduced-motion:reduce) {
  .timesheet-page .need-card,
  .timesheet-page .need-card:before,
  .timesheet-page .need-reveal,
  .timesheet-page .need-marker i {
    transition: none;
  }

  .timesheet-page .need-card.is-open {
    transform: none;
  }
}

.timesheet-page .need-heading {
  padding: 26px 26px 20px;
}

.timesheet-page .need-heading h3 {
  font-size: 20px;
  line-height: 1.4;
  margin: 16px 0 0;
  font-weight: 600;
}

.timesheet-page .need-static {
  overflow: visible;
  border-top: 3px solid #ee4865;
}

.timesheet-page .need-static:before {
  display: none;
}

.timesheet-page .scope-heading {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  align-items: baseline;
  justify-content: space-between;
  margin: 0 0 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid #dce2e9;
}

.timesheet-page .scope-heading h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0;
}

.timesheet-page .scope-heading>span {
  font-size: 16px;
  color: #6f6f6f;
}

.timesheet-page .scope-groups {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 28px;
}

.timesheet-page .scope-group h4 {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 17px;
  line-height: 1.4;
  margin: 0 0 18px;
}

.timesheet-page .scope-group h4 i {
  font-size: 20px;
  color: #ee4865;
}

.timesheet-page .scope-group ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
}

.timesheet-page .scope-group li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 16px;
  line-height: 1.6;
  color: #6f6f6f;
}

.timesheet-page .scope-group li i {
  font-size: 16px;
  line-height: 1.6;
  color: #ee4865;
  flex-shrink: 0;
}

.timesheet-page .comparison-heading {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: end;
  margin-bottom: 28px;
}

.timesheet-page .comparison-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.2;
  letter-spacing: -.025em;
  margin: 0;
}

.timesheet-page .comparison-heading h2 span {
  color: #ee4865;
}

.timesheet-page .comparison-heading>p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  max-width: 470px;
}

.timesheet-page .comparison-labels,
.timesheet-page .comparison-row {
  display: grid;
  grid-template-columns: minmax(130px,.55fr) minmax(0,1fr) minmax(0,1.15fr);
  gap: 28px;
}

.timesheet-page .comparison-labels {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  color: #101d30;
  padding: 16px 20px;
  border-top: 1px solid #d7dce2;
  border-bottom: 1px solid #d7dce2;
}

.timesheet-page .comparison-labels>span:last-child {
  color: #c92145;
}

.timesheet-page .comparison-row {
  padding: 22px 20px;
  border-bottom: 1px solid #dfe3e8;
  align-items: start;
}

.timesheet-page .comparison-row:nth-child(odd) {
  background: #fff;
}

.timesheet-page .comparison-row h3 {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
}

.timesheet-page .comparison-row p {
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
  color: #6f6f6f;
}

.timesheet-page .comparison-fix {
  border-left: 2px solid #ee4865;
  padding-left: 18px;
}

.timesheet-page .mobile-pair-label {
  display: none;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
  color: #101d30;
  margin-bottom: 8px;
}

@media (max-width:1000px) {
  .timesheet-page .scope-groups {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 28px 36px;
  }
}

@media (max-width:760px) {
  .timesheet-page .comparison-heading {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .timesheet-page .comparison-labels {
    display: none;
  }

  .timesheet-page .comparison-row {
    grid-template-columns: 1fr 1fr;
    gap: 16px 24px;
    padding: 22px 18px;
  }

  .timesheet-page .comparison-row h3 {
    grid-column: 1/-1;
    color: #101d30;
    font-size: 20px;
  }

  .timesheet-page .mobile-pair-label {
    display: block;
  }

  .timesheet-page .comparison-fix .mobile-pair-label {
    color: #c92145;
  }
}

@media (max-width:520px) {
  .timesheet-page .scope-groups {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .timesheet-page .scope-group {
    padding-bottom: 22px;
    border-bottom: 1px solid #e4e7eb;
  }

  .timesheet-page .scope-group:last-child {
    padding-bottom: 0;
    border: 0;
  }

  .timesheet-page .comparison-row {
    grid-template-columns: 1fr;
  }

  .timesheet-page .comparison-row h3 {
    grid-column: auto;
  }

  .timesheet-page .comparison-fix {
    margin-top: 2px;
  }

  .timesheet-page .need-heading {
    padding: 24px 24px 20px;
  }
}

.timesheet-page .need-static {
  height: 100%;
  box-sizing: border-box;
}

.timesheet-page .challenge-story {
  position: relative;
  height: 370vh;
}

.timesheet-page .challenge-stage {
  position: sticky;
    top: 180px;
    display: flex;
    flex-direction: column;
    padding-bottom: 28px;
}

.timesheet-page .challenge-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.timesheet-page .challenge-scroll-hint {
  font-size: 16px;
  color: #6f6f6f;
}

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

.timesheet-page .challenge-count {
  font-size: 20px;
  font-weight: 600;
  color: #101d30;
  margin-right: 10px;
  font-variant-numeric: tabular-nums;
}

.timesheet-page .challenge-count span {
  font-size: 16px;
  font-weight: 400;
  color: #6f6f6f;
}

.timesheet-page .challenge-nav-actions button {
  height: 42px;
  width: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #dce1e8;
  border-radius: 50%;
  color: #101d30;
  font-size: 16px;
}

.timesheet-page .challenge-nav-actions button:hover:not(:disabled) {
  background: #101d30;
  color: #fff;
  border-color: #101d30;
}

.timesheet-page .challenge-nav-actions button:disabled {
  opacity: .35;
  cursor: default;
}

.timesheet-page .challenge-focus {
  display: flex;
  flex-direction: column;
}

.timesheet-page .challenge-focus-heading>span {
  font-size: 16px;
  font-weight: 500;
  color: #ffa4b5;
  letter-spacing: .1em;
}

.case-study.timesheet-page .challenge-focus-heading h3 {
  color: #fff;
}

.timesheet-page .challenge-focus-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.timesheet-page .challenge-focus-problem,
.timesheet-page .challenge-focus-response {
  display: flex;
  flex-direction: column;
}

.timesheet-page .challenge-focus-response {
  background: #fff;
}

.timesheet-page .challenge-focus-pair h4 {
  font-weight: 600;
  margin: 0 0 18px;
}

.timesheet-page .response-heading {
  display: flex;
}

.timesheet-page .response-heading i {
  color: #178347;
}

.case-study.timesheet-page .response-heading h4 {
  color: #178347;
}

.case-study.timesheet-page .challenge-focus-problem h4 {
  color: #c83232;
}

.timesheet-page .challenge-focus-problem {
  background: #fff;
}

.timesheet-page .challenge-segments {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}

.timesheet-page .challenge-segment {
  flex: 1;
  border: 0;
  background: transparent;
  padding: 20px 0;
  min-height: 44px;
}

.timesheet-page .challenge-segment span {
  display: block;
  height: 4px;
  border-radius: 3px;
  background: #d8dee7;
  transition: background .25s;
}

.timesheet-page .challenge-segment.is-active span {
  background: #ee4865;
}

.timesheet-page .challenge-segment:hover span {
  background: #101d30;
}

@keyframes sl-timesheet-challenge-arrive {
  from {
    transform: translateY(10px);
  }

  to {
    transform: translateY(0);
  }
}

@media (max-width:700px) {
  .timesheet-page .challenge-stage {
    top: 12px;
  }

  .timesheet-page .challenge-navigation {
    gap: 12px;
  }

  .timesheet-page .challenge-scroll-hint {
    max-width: 160px;
    line-height: 1.4;
  }

  .timesheet-page .challenge-focus-pair {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion:reduce) {
  .timesheet-page .challenge-segment span {
    transition: none;
  }
}

.timesheet-page .project-meta {
  padding: 4px 0 20px;
  border-bottom: 1px dashed rgba(255,255,255,.2);
}

.timesheet-page .project-meta-label {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--body);
  font-weight: 500;
}

.timesheet-page .project-meta-label i {
  color: #ff8299;
  font-size: 18px;
  width: 24px;
}

.timesheet-page .project-meta-value {
  font-size: 17px;
  line-height: 1.5;
  font-weight: 600;
  color: #fff;
  margin: 10px 0 0 36px;
}

.timesheet-page .brief-paragraphs {
  margin-bottom: 24px;
}

.timesheet-page .brief-paragraphs p {
  font-size: 17px;
  line-height: 1.75;
  margin: 0 0 18px;
}

.timesheet-page .brief-paragraphs p:last-child {
  margin-bottom: 0;
}

.timesheet-page .brief-visual {
  margin: 0 auto;
  width: min(100%,340px);
  padding: 0;
  background: transparent;
  box-shadow: none;
}

.timesheet-page .brief-visual img {
  display: block;
  width: 100%;
  height: 400px;
  object-fit: cover;
  object-position: top;
  border-radius: 12px;
}

.timesheet-page .brief-visual figcaption {
  font-size: 16px;
  line-height: 1.55;
  color: #6f6f6f;
  margin-top: 16px;
  padding-left: 16px;
  border-left: 2px solid #ee4865;
  text-align: left;
}

.timesheet-page .workflow-stage {
  padding: 0;
}

.timesheet-page .workflow-screen {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  border-radius: 0;
}

.timesheet-page .workflow-explainer {
  padding: 24px;
  max-width: 410px;
}

.timesheet-page .response-heading {
  align-items: baseline;
  gap: 12px;
}

.timesheet-page .response-heading i {
  font-size: 22px;
}

.timesheet-page .problem-heading i {
  color: #c83232;
}

.case-study.timesheet-page .outcome-light {
  --body: #6f6f6f;
  --heading: #101d30;
  background-color: #f0f0ff;
}

.timesheet-page .outcome-light .outcome-pointer {
  color: #535d6c;
}

@media (max-width:700px) {
  .timesheet-page .challenge-focus-pair h4,
  .timesheet-page .response-heading i {
    font-size: 20px;
  }

  .timesheet-page .workflow-stage, .workflow-visual-heading {
    padding: 0;
    display: none !important;
  }

  .timesheet-page .brief-visual img {
    height: 380px;
  }

  .timesheet-page .outcome-light {
    background-attachment: scroll !important;
  }
}

.timesheet-page .project-details-grid {
  margin: 0;
  display: grid;
  border-top: 1px solid rgba(255,255,255,.18);
  border-left: 1px solid rgba(255,255,255,.18);
}

.timesheet-page .project-detail {
  border-right: 1px solid rgba(255,255,255,.18);
  border-bottom: 1px solid rgba(255,255,255,.18);
}

.timesheet-page .project-detail dt {
  display: flex;
  align-items: center;
}

.timesheet-page .project-detail dt i {
  color: #ff8299;
}

.timesheet-page .challenge-stage {
  display: flex;
  flex-direction: column;
}

.timesheet-page .challenge-stage>.comparison-heading {
  flex-shrink: 0;
}

.timesheet-page .challenge-stage .comparison-heading .eyebrow {
  margin-bottom: 10px;
}

.timesheet-page .challenge-stage .comparison-heading h2 {
  font-size: 34px;
  line-height: 1.14;
}

.timesheet-page .challenge-stage .comparison-heading>p {
  font-size: 16px;
  line-height: 1.6;
}

.timesheet-page .challenge-navigation,
.timesheet-page .challenge-segments {
  flex-shrink: 0;
}

.timesheet-page .challenge-focus {
  overflow-y: auto;
}

.timesheet-page .challenge-focus-heading {
  flex-shrink: 0;
}

.timesheet-page .challenge-focus-pair {
  flex: 1 0 auto;
}

.timesheet-page .challenge-focus-pair h4 {
  font-size: 28px;
  line-height: 1.25;
  margin-bottom: 16px;
}

@media (max-width:1000px) {
  .timesheet-page .challenge-stage .comparison-heading h2 {
    font-size: 30px;
  }
}

@media (max-width:700px) {
  .timesheet-page .challenge-stage>.comparison-heading {
    grid-template-columns: 1fr;
  }

  .timesheet-page .challenge-stage .comparison-heading>p {
    display: none;
  }

  .timesheet-page .challenge-stage .comparison-heading .eyebrow {
    margin-bottom: 6px;
  }

  .timesheet-page .challenge-stage .comparison-heading h2 {
    font-size: 28px;
  }

  .timesheet-page .challenge-focus {
    flex-basis: 440px;
  }

  .timesheet-page .challenge-focus-pair h4 {
    font-size: 28px;
  }
}

.timesheet-page .challenge-focus {
  border-radius: 20px;
  background: #fff;
  border: 1px solid #e1e5ec;
}

.timesheet-page .challenge-focus-heading {
  padding: 16px 28px 22px;
  background: linear-gradient(135deg,#0e1d31,#18233a);
  border-bottom: 3px solid #ee4865;
}

.case-study.timesheet-page .challenge-focus-heading h3 {
  line-height: 1.2;
  margin: 0;
  font-weight: 600;
}

.timesheet-page .challenge-focus-problem,
.timesheet-page .challenge-focus-response {
  padding: 28px;
  justify-content: flex-start;
  background: #fff;
}

.timesheet-page .challenge-focus-response {
  border-left: 1px solid #dfe3e9;
}

.timesheet-page .challenge-focus-pair .response-heading {
  display: flex;
}

.timesheet-page .challenge-focus-pair .response-heading i {
  display: block;
  line-height: 1;
}

.timesheet-page .challenge-focus-pair .response-heading h4 {
  font-weight: 600;
  margin: 0;
}

.timesheet-page .challenge-focus-pair p {
  margin: 0;
}

.case-study.timesheet-page .problem-heading h4,
.timesheet-page .challenge-focus-pair .problem-heading i {
  color: #ce3335;
}

.case-study.timesheet-page .challenge-focus-response h4,
.timesheet-page .challenge-focus-response .response-heading i {
  color: #16864b;
}

@media (max-width:700px) {
  .timesheet-page .challenge-focus-heading {
    padding: 18px 22px;
  }

  .timesheet-page .challenge-focus-problem,
  .timesheet-page .challenge-focus-response {
    padding: 24px;
  }

  .timesheet-page .challenge-focus-response {
    border-left: 0;
    border-top: 1px solid #dfe3e9;
  }
}

:root.sl-timesheet-document {
  --viewport-height: 100vh;
}

@supports (height:100svh) {
  :root.sl-timesheet-document {
    --viewport-height: 100svh;
  }
}

html.sl-timesheet-document {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.case-study.timesheet-page * {
  min-width: 0;
}

.case-study.timesheet-page p,
.case-study.timesheet-page dd,
.case-study.timesheet-page h2,
.case-study.timesheet-page h3 {
  overflow-wrap: break-word;
}

.timesheet-page .hero-location {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 20px;
  margin: 0 0 22px;
  padding-left: 14px;
  border-left: 3px solid #ee4865;
}

.timesheet-page .hero-country {
  display: flex;
  align-items: center;
  gap: 10px;
}

.timesheet-page .hero-country img {
  width: 34px;
  height: auto;
  display: block;
  flex-shrink: 0;
  border: 1px solid #e0e4eb;
}

.timesheet-page .hero-country span {
  font-size: 16px;
  line-height: 1.5;
  color: #c92145;
  font-weight: 500;
}

.timesheet-page .hero-location strong {
  font-size: 18px;
  line-height: 1.5;
  color: #101d30;
  font-weight: 600;
}

.timesheet-page .project-details-grid {
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 32px 36px;
  border: 0;
}

.timesheet-page .project-detail {
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
}

.timesheet-page .project-detail dt {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  gap: 10px;
  color: #b8cbe5;
}

.timesheet-page .project-detail dt i {
  font-size: 18px;
  flex-shrink: 0;
}

.timesheet-page .project-detail dd {
  margin: 12px 0 0;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 500;
  color: #fff;
}

.timesheet-page .flip-inner {
  -webkit-transform-style: preserve-3d;
}

.timesheet-page .flip-front,
.timesheet-page .flip-back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.timesheet-page .challenge-stage {
  position: -webkit-sticky;
  position: sticky;
}

@media (max-width:1000px) {
  .timesheet-page .project-details-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 28px 32px;
  }
}

@media (max-width:620px) {
  .timesheet-page .hero-location {
    display: block;
  }

  .timesheet-page .hero-location strong {
    display: block;
    margin-top: 7px;
  }

  .timesheet-page .project-details-grid {
    gap: 26px 22px;
  }

  .timesheet-page .project-detail dd {
    font-size: 16px;
  }

  .timesheet-page .project-detail dt {
    font-size: 16px;
  }

  .case-study.timesheet-page a.contact-link {
    max-width: 100%;
  }

  .timesheet-page .challenge-nav-actions {
    flex-shrink: 0;
  }
}

@media (max-width:380px) {
  .timesheet-page .project-details-grid {
    grid-template-columns: 1fr;
  }

  .timesheet-page .hero-country img {
    width: 30px;
  }

  .timesheet-page .challenge-navigation {
    flex-wrap: wrap;
    gap: 8px;
  }

  .timesheet-page .challenge-scroll-hint {
    max-width: none;
  }

  .timesheet-page .feature-tab {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width:767px) {
  .timesheet-page .hero-art {
    display: none !important;
  }

  .timesheet-page .hero-layout,
  .timesheet-page .brief-layout {
    grid-template-columns: minmax(0,1fr) !important;
  }

  .case-study.timesheet-page>section {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }

  .timesheet-page .hero-section h1 {
    font-size: clamp(32px,7.5vw,44px) !important;
    line-height: 1.15 !important;
  }

  .case-study.timesheet-page h2 {
    font-size: clamp(26px,6vw,32px) !important;
    line-height: 1.25 !important;
  }

  .timesheet-page .hero-section p {
    font-size: 16px !important;
    line-height: 1.7 !important;
    max-width: 100% !important;
  }

  .timesheet-page .hero-actions {
    gap: 12px !important;
  }

  .timesheet-page .hero-actions a {
    min-height: 48px;
    justify-content: center;
  }

  .timesheet-page .client-brief,
  .timesheet-page .client-brief .brief-paragraphs p,
  .timesheet-page .client-brief .brief-facts {
    text-align: center !important;
  }

  .timesheet-page .client-brief .brief-paragraphs {
    max-width: 560px;
    margin: 0 auto 28px;
  }

  .timesheet-page .client-brief .brief-paragraphs p {
    font-size: 16px;
    line-height: 1.75;
  }

  .timesheet-page .brief-facts {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 20px !important;
    max-width: 420px;
    margin: 0 auto;
  }

  .timesheet-page .brief-visual {
    max-width: 300px;
  }

  .timesheet-page .brief-visual figcaption {
    text-align: center;
    border-left: 0;
    padding-left: 0;
  }

  .timesheet-page .brief-visual figcaption:before {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background: #ee4865;
    margin: 0 auto 12px;
  }

  .timesheet-page .feature-tab {
    min-height: 48px;
  }
}

@media (max-width:480px) {
  .timesheet-page .hero-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .timesheet-page .hero-actions a {
    padding: 14px 18px !important;
    text-align: center;
  }

  .timesheet-page .hero-section h1 {
    letter-spacing: -.025em !important;
  }
}

.timesheet-page .birdi-gradient-label::after {
  content: "";
  display: block;
  width: 72px;
  height: 3px;
  margin: 12px auto 0;
  border-radius: 3px;
  background: linear-gradient(90deg,#ee4865 0%,#ff8299 48%,rgba(255,130,153,0) 100%);
}

.timesheet-page .hero-location .hero-country {
  gap: 14px;
}

.timesheet-page .hero-location .hero-country img {
  width: 48px;
}

.timesheet-page .hero-location .hero-country span {
  font-size: 26px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -.02em;
}

@media (max-width:767px) {
  .timesheet-page .hero-location .hero-country img {
    width: 42px;
  }

  .timesheet-page .hero-location .hero-country span {
    font-size: 23px;
  }
}

.timesheet-page .client-brief .brief-visual {
  width: min(100%,420px);
  max-width: 420px;
}

.timesheet-page .client-brief .brief-visual img {
  height: auto;
  object-fit: contain;
  box-shadow: 0 20px 44px rgba(16,29,48,.16),0 5px 12px rgba(16,29,48,.08);
}

.timesheet-page .need-grid {
  grid-auto-rows: auto;
}

.timesheet-page .need-grid .need-static {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  row-gap: 0;
  height: auto;
}

.timesheet-page .need-grid .need-copy {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  row-gap: 0;
}

@media (max-width:620px) {
  .timesheet-page .need-grid .need-static {
    display: block;
    grid-row: auto;
  }

  .timesheet-page .need-grid .need-copy {
    display: block;
    grid-row: auto;
  }

  .timesheet-page .client-brief .brief-visual img {
    box-shadow: 0 14px 28px rgba(16,29,48,.14),0 3px 8px rgba(16,29,48,.07);
  }
}

@media (max-width:767px) {
  .timesheet-page .client-brief .brief-visual {
    width: min(100%,300px);
  }
}

.timesheet-page .client-brief .brief-facts {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  gap: 0 !important;
  max-width: none;
  margin: 28px 0 0;
  padding: 6px 22px;
  background: #f6f7fa;
  border: 1px solid #e3e7ed;
  border-radius: 16px;
  text-align: left !important;
}

.timesheet-page .brief-fact {
  display: grid;
  grid-template-columns: 36px minmax(0,1fr);
  gap: 14px;
  align-items: start;
  padding: 18px 0;
}

.timesheet-page .brief-fact+.brief-fact {
  border-top: 1px solid #dfe4ec;
}

.timesheet-page .brief-fact-icon {
  display: grid;
  place-items: center;
  height: 36px;
  border-radius: 10px;
  background: #fce7ed;
  color: #c92145;
  font-size: 17px;
}

.case-study.timesheet-page .brief-fact h3 {
  font-size: 17px;
  line-height: 1.45;
  font-weight: 600;
  margin: 0 0 5px;
  color: #101d30;
}

.timesheet-page .brief-fact p {
  font-size: 16px;
  line-height: 1.65;
  margin: 0;
  color: #535d6c;
}

.timesheet-page .challenge-mobile {
  display: none;
}

.timesheet-page .challenge-focus {
  height: auto;
  min-height: 0;
  max-height: none;
  flex: 0 0 auto;
  overflow: hidden;
  box-shadow: none;
}

.timesheet-page .challenge-stage {
  max-height: none;
}

.timesheet-page .challenge-stage>.comparison-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
  margin-bottom: 28px;
}

.timesheet-page .challenge-stage>.comparison-heading>div {
  width: 100%;
}

.timesheet-page .challenge-stage>.comparison-heading>p {
  max-width: 680px;
  margin: 0;
  color: #626b78;
  font-size: 16px;
  line-height: 1.7;
}

.timesheet-page .challenge-stage>.comparison-heading .eyebrow {
  margin-bottom: 12px;
}

.timesheet-page .challenge-navigation {
  margin-bottom: 20px;
}

.timesheet-page .challenge-mobile-heading {
  text-align: center;
}

.timesheet-page .challenge-mobile-description {
  max-width: 680px;
  margin: 16px auto 0;
  font-size: 16px;
  line-height: 1.7;
  color: #626b78;
}

.timesheet-page .challenge-mobile-hint {
  font-size: 16px;
  line-height: 1.5;
  color: #626b78;
  margin: 0 0 16px;
}

.timesheet-page .challenge-focus-pair {
  animation: none;
}

.timesheet-page .challenge-focus-pair .response-heading {
  flex-direction: row;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}

.timesheet-page .challenge-focus-pair .response-heading i {
  font-size: 22px;
}

.timesheet-page .challenge-focus-pair .response-heading h4 {
  font-size: 21px;
  line-height: 1.35;
}

.timesheet-page .challenge-focus-pair p {
  font-size: 16px;
  line-height: 1.7;
  color: #535d6c;
}

.case-study.timesheet-page .challenge-focus-heading h3 {
  font-size: 28px;
}

.timesheet-page .related-section {
  background: #101d30;
  color: #f7f9fc;
  padding: clamp(48px,6vw,72px) 0;
}

.timesheet-page .related-heading {
  max-width: 720px;
  margin-bottom: 28px;
}

.timesheet-page .related-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.25;
  margin: 0;
  color: #f7f9fc;
}

.timesheet-page .related-heading h2 span {
  color: #ff8299;
}

.timesheet-page .related-all-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  min-height: 44px;
  font-size: 16px;
  line-height: 1.4;
  color: #f7f9fc;
}

.timesheet-page .related-all-link:hover {
  color: #ff8299;
}

.timesheet-page .related-all-link:focus-visible {
  outline: 3px solid #ff8299;
  outline-offset: 4px;
}

.timesheet-page .related-switcher {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0 0 24px;
}

.timesheet-page .related-switcher button {
  font: inherit;
  font-size: 16px;
  line-height: 1.4;
  min-height: 44px;
  min-width: 44px;
  border: 1px solid #4b596e;
  border-radius: 8px;
  color: #f7f9fc;
  background: transparent;
  padding: 10px 16px;
}

.timesheet-page .related-switcher button[aria-pressed="true"] {
  background: #f7f9fc;
  color: #101d30;
  border-color: #f7f9fc;
}

.timesheet-page .related-card {
  border: 1px solid #39475b;
  border-radius: 18px;
  background: #16253a;
  padding: 32px;
  min-width: 0;
}

.timesheet-page .related-card-tag {
  color: #ff8299;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 12px;
}

.case-study.timesheet-page .related-card h3 {
  font-size: clamp(24px,2.7vw,32px);
  line-height: 1.3;
  color: #f7f9fc;
  margin: 0 0 28px;
  max-width: 780px;
}

.timesheet-page .related-comparison {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 32px;
}

.timesheet-page .related-card h4 {
  font-size: 17px;
  line-height: 1.4;
  font-weight: 600;
  color: #f7f9fc;
  margin: 0 0 10px;
}

.timesheet-page .related-card p {
  font-size: 16px;
  line-height: 1.75;
  overflow-wrap: anywhere;
}

.timesheet-page .related-comparison p {
  color: #bdcbe0;
  margin: 0;
}

.timesheet-page .related-result {
  margin-top: 28px;
  padding: 24px 0 0;
  border-top: 1px solid #3d4b60;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: end;
  gap: 28px;
}

.timesheet-page .related-result p {
  color: #bdcbe0;
  margin: 0;
  max-width: 780px;
}

.timesheet-page .related-result a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #f7f9fc;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 2px solid #ff8299;
  padding: 10px 0;
}

@media (max-width:899px),(max-height:650px) {
  .timesheet-page .challenge-story {
    display: none;
  }

  .timesheet-page .challenge-mobile {
    display: block;
  }

  .timesheet-page .challenge-mobile-heading {
    margin-bottom: 24px;
  }

  .case-study.timesheet-page .challenge-mobile-heading h2 {
    font-size: 30px;
    line-height: 1.25;
    margin: 0;
    color: #101d30;
  }

  .timesheet-page .challenge-mobile-heading h2 span {
    color: #c92145;
  }

  .timesheet-page .challenge-disclosures {
    display: grid;
    gap: 10px;
  }

  .timesheet-page .challenge-disclosure {
    border: 1px solid #dce2eb;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
  }

  .timesheet-page .challenge-disclosure summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    list-style: none;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
    color: #101d30;
    cursor: pointer;
  }

  .timesheet-page .challenge-disclosure summary::-webkit-details-marker {
    display: none;
  }

  .timesheet-page .challenge-disclosure summary i {
    font-size: 16px;
    color: #c92145;
    flex-shrink: 0;
    transition: transform .18s;
  }

  .timesheet-page .challenge-disclosure[open] summary {
    background: #101d30;
    color: #fff;
  }

  .timesheet-page .challenge-disclosure[open] summary i {
    transform: rotate(180deg);
    color: #ff8299;
  }

  .timesheet-page .challenge-disclosure-body {
    padding: 20px;
  }

  .timesheet-page .challenge-disclosure-body>div+div {
    border-top: 1px solid #e2e6ed;
    padding-top: 18px;
    margin-top: 18px;
  }

  .timesheet-page .challenge-disclosure h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 8px;
    color: #101d30;
  }

  .timesheet-page .challenge-disclosure .mobile-response h3 {
    color: #c92145;
  }

  .timesheet-page .challenge-disclosure p {
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
    color: #535d6c;
  }
}

@media (max-width:767px) {
  .timesheet-page .client-brief .brief-paragraphs p {
    text-align: center !important;
  }

  .timesheet-page .client-brief .brief-facts {
    text-align: left !important;
    padding: 4px 18px;
  }

  .timesheet-page .brief-fact {
    grid-template-columns: 32px minmax(0,1fr);
    gap: 12px;
    padding: 17px 0;
  }

  .timesheet-page .brief-fact-icon {
    height: 32px;
    font-size: 16px;
  }

  .timesheet-page .related-card {
    padding: 22px;
    border-radius: 14px;
  }

  .timesheet-page .related-comparison {
    grid-template-columns: minmax(0,1fr);
    gap: 22px;
  }

  .timesheet-page .related-result {
    grid-template-columns: minmax(0,1fr);
    gap: 18px;
    margin-top: 22px;
    padding-top: 22px;
  }

  .case-study.timesheet-page .related-card h3 {
    font-size: 25px;
    margin-bottom: 24px;
  }

  .timesheet-page .related-result a {
    justify-self: start;
  }

  .timesheet-page .related-switcher {
    gap: 8px;
  }
}

@media (prefers-reduced-motion:reduce) {
  .timesheet-page .challenge-disclosure summary i {
    transition: none;
  }
}

.timesheet-page .birdi-summary {
  background: radial-gradient(ellipse at 3% 100%,rgba(238,72,101,.25) 0%,rgba(238,72,101,.08) 34%,transparent 64%),radial-gradient(ellipse at 100% 0%,rgba(255,130,153,.17) 0%,transparent 58%),linear-gradient(115deg,#101d30 0%,#14243b 52%,#101d30 100%);
  color: #f6f8fc;
  padding: 40px 0;
}

.timesheet-page .birdi-summary-inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 48px;
  align-items: stretch;
}

.timesheet-page .birdi-summary-identity {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.timesheet-page .birdi-summary-client {
  display: flex;
  gap: 18px;
  align-items: center;
  width: 100%;
}

.timesheet-page .birdi-summary .birdi-client-name {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.035em;
  margin: 0;
  color: #f6f8fc;
}

.timesheet-page .birdi-summary-sector {
  font-size: 16px;
  color: #bdc8d9;
  border-left: 1px solid #445063;
  padding-left: 18px;
}

.timesheet-page .birdi-summary .birdi-solution {
  font-size: 23px;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: -.025em;
  max-width: 420px;
  margin: 20px 0 22px;
  color: #f6f8fc;
}

.timesheet-page .birdi-summary-status {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 16px;
  line-height: 1.4;
  color: #f6f8fc;
  margin-top: auto;
}

.timesheet-page .birdi-summary-status i {
  color: #ff8299;
  font-size: 16px;
}

.timesheet-page .birdi-summary-facts {
  display: grid;
  grid-template-columns: 1fr 1.12fr;
  column-gap: 32px;
  row-gap: 24px;
  margin: 0;
  padding: 3px 0 3px 40px;
  border-left: 1px solid #394558;
  align-content: space-between;
}

.timesheet-page .birdi-summary-facts>div {
  min-width: 0;
}

.timesheet-page .birdi-summary-facts dt {
  font-size: 16px;
  line-height: 1.4;
  color: #bdc8d9;
  margin: 0 0 8px;
  font-weight: 400;
}

.timesheet-page .birdi-summary-facts dd {
  font-size: 18px;
  line-height: 1.5;
  color: #f6f8fc;
  font-weight: 500;
  margin: 0;
}

@media (max-width:1000px) {
  .timesheet-page .birdi-summary-inner {
    gap: 28px;
    grid-template-columns: 1fr 1.25fr;
  }

  .timesheet-page .birdi-summary-facts {
    padding-left: 28px;
    column-gap: 24px;
  }

  .timesheet-page .birdi-summary .birdi-solution {
    font-size: 21px;
  }
}

@media (max-width:767px) {
  .timesheet-page .birdi-summary {
    padding: 30px 0;
  }

  .timesheet-page .birdi-summary-inner {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .timesheet-page .birdi-summary .birdi-solution {
    font-size: 22px;
    max-width: 520px;
    margin: 16px 0 18px;
  }

  .timesheet-page .birdi-summary-facts {
    border-left: 0;
    border-top: 1px solid #394558;
    padding: 24px 0 0;
    gap: 22px 24px;
    grid-template-columns: 1fr 1fr;
  }

  .timesheet-page .birdi-summary-facts dd {
    font-size: 16px;
  }

  .timesheet-page .birdi-summary .birdi-client-name {
    font-size: 30px;
  }
}

@media (max-width:359px) {
  .timesheet-page .birdi-summary-facts {
    grid-template-columns: 1fr;
  }
}

/* Fixed presentation exported from the approved page. */

.case-study.timesheet-page .birdi-presentation-1,
.case-study.birdi-presentation-1.timesheet-page {
  font-family: Lexend, sans-serif;
  background: rgb(255, 255, 255);
  color: rgb(16, 29, 48);
}

.case-study.timesheet-page .birdi-presentation-2,
.case-study.birdi-presentation-2.timesheet-page {
  background: rgb(255, 255, 255);
  padding: clamp(56px, 7vw, 84px) 0px;
  position: relative;
  overflow: hidden;
}

.case-study.timesheet-page .birdi-presentation-3,
.case-study.birdi-presentation-3.timesheet-page {
  /* max-width: 1180px; */
  margin: 0px auto;
  padding: 0px 24px;
}

.case-study.timesheet-page .birdi-presentation-4,
.case-study.birdi-presentation-4.timesheet-page {
  align-items: center;
}

.case-study.timesheet-page .birdi-presentation-5,
.case-study.birdi-presentation-5.timesheet-page {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 22px;
}

.case-study.timesheet-page .birdi-presentation-6,
.case-study.birdi-presentation-6.timesheet-page {
  height: 2px;
  width: 38px;
  background: linear-gradient(90deg, rgb(238, 72, 101), rgb(213, 31, 63));
}

.case-study.timesheet-page .birdi-presentation-7,
.case-study.birdi-presentation-7.timesheet-page {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.16em;
  color: rgb(238, 72, 101);
}

.case-study.timesheet-page .birdi-presentation-8,
.case-study.birdi-presentation-8.timesheet-page {
  font-size: clamp(2.05rem, 4vw, 4rem);
  line-height: 1.06;
  font-weight: 700;
  margin: 0px 0px 22px;
  letter-spacing: -0.01em;
}

.case-study.timesheet-page .birdi-presentation-9,
.case-study.birdi-presentation-9.timesheet-page {
  color: rgb(238, 72, 101);
}

.case-study.timesheet-page .birdi-presentation-10,
.case-study.birdi-presentation-10.timesheet-page {
  font-size: 17px;
  line-height: 1.7;
  color: var(--body);
  margin: 0px 0px 30px;
  max-width: 470px;
}

.case-study.timesheet-page .birdi-presentation-11,
.case-study.birdi-presentation-11.timesheet-page {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.case-study.timesheet-page .birdi-presentation-12,
.case-study.birdi-presentation-12.timesheet-page {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, rgb(238, 72, 101) 0%, rgb(213, 31, 63) 100%);
  color: rgb(255, 255, 255);
  font-weight: 600;
  font-size: 16px;
  padding: 15px 28px;
  border-radius: 10px;
  box-shadow: rgba(213, 31, 63, 0.26) 0px 12px 26px;
  transition: transform 0.25s, box-shadow 0.25s;
}

.case-study.timesheet-page .birdi-presentation-13,
.case-study.birdi-presentation-13.timesheet-page {
  font-size: 16px;
}

.case-study.timesheet-page .birdi-presentation-14,
.case-study.birdi-presentation-14.timesheet-page {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 24px 0px;
}

.case-study.timesheet-page .birdi-presentation-15,
.case-study.birdi-presentation-15.timesheet-page {
  position: absolute;
  inset: auto 12% 6%;
  height: 78%;
  background: rgb(243, 243, 243);
  border-radius: 16px;
}

.case-study.timesheet-page .birdi-presentation-16,
.case-study.birdi-presentation-16.timesheet-page {
  position: relative;
  width: 100%;
  max-width: 262px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: rgba(16, 29, 48, 0.24) 0px 34px 74px, rgba(16, 29, 48, 0.1) 0px 6px 16px;
}

.case-study.timesheet-page .birdi-presentation-17,
.case-study.birdi-presentation-17.timesheet-page {
  display: block;
  width: 100%;
  height: auto;
}

.case-study.timesheet-page .birdi-presentation-18,
.case-study.birdi-presentation-18.timesheet-page {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
  gap: 24px;
  margin-top: clamp(36px, 5vw, 56px);
  padding-top: 28px;
  border-top: 1px solid rgba(16, 29, 48, 0.1);
}

.case-study.timesheet-page .birdi-presentation-19,
.case-study.birdi-presentation-19.timesheet-page {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.case-study.timesheet-page .birdi-presentation-20,
.case-study.birdi-presentation-20.timesheet-page {
  color: rgb(238, 72, 101);
  font-size: 16px;
  margin-top: 4px;
}

.case-study.timesheet-page .birdi-presentation-21,
.case-study.birdi-presentation-21.timesheet-page {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 3px;
}

.case-study.timesheet-page .birdi-presentation-22,
.case-study.birdi-presentation-22.timesheet-page {
  font-size: 16px;
  color: var(--body);
  line-height: 1.45;
}

.case-study.timesheet-page .birdi-presentation-23,
.case-study.birdi-presentation-23.timesheet-page {
  background: rgb(255, 255, 255);
  padding: clamp(56px, 7vw, 84px) 0px;
}

.case-study.timesheet-page .birdi-presentation-24,
.case-study.birdi-presentation-24.timesheet-page {
  max-width: 720px;
  margin: 0px auto clamp(32px, 4vw, 48px);
  text-align: center;
}

.case-study.timesheet-page .birdi-presentation-25,
.case-study.birdi-presentation-25.timesheet-page {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: rgb(238, 72, 101);
  font-weight: 700;
  margin-bottom: 16px;
}

.case-study.timesheet-page .birdi-presentation-26,
.case-study.birdi-presentation-26.timesheet-page {
  font-size: clamp(1.55rem, 2.4vw, 2.1rem);
  font-weight: 700;
  line-height: 1.25;
  margin: 0px;
}

.case-study.timesheet-page .birdi-presentation-27,
.case-study.birdi-presentation-27.timesheet-page {
  background: rgb(243, 243, 243);
  padding: clamp(56px, 7vw, 84px) 0px;
}

.case-study.timesheet-page .birdi-presentation-28,
.case-study.birdi-presentation-28.timesheet-page {
  max-width: 740px;
  margin: 0px auto clamp(32px, 4vw, 48px);
  text-align: center;
}

.case-study.timesheet-page .birdi-presentation-29,
.case-study.birdi-presentation-29.timesheet-page {
  font-size: clamp(1.55rem, 2.4vw, 2.1rem);
  font-weight: 700;
  line-height: 1.25;
  margin: 0px 0px 18px;
}

.case-study.timesheet-page .birdi-presentation-30,
.case-study.birdi-presentation-30.timesheet-page {
  font-size: 16px;
  line-height: 1.75;
  color: var(--body);
  margin: 0px;
}

.case-study.timesheet-page .birdi-presentation-31,
.case-study.birdi-presentation-31.timesheet-page {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: clamp(32px, 5vw, 64px);
  align-items: center;
  margin-bottom: clamp(36px, 5vw, 56px);
}

.case-study.timesheet-page .birdi-presentation-32,
.case-study.birdi-presentation-32.timesheet-page {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: rgb(238, 72, 101);
  font-weight: 700;
  margin-bottom: 18px;
}

.case-study.timesheet-page .birdi-presentation-33,
.case-study.birdi-presentation-33.timesheet-page {
  font-size: clamp(1.55rem, 2.4vw, 2.1rem);
  font-weight: 700;
  line-height: 1.25;
  margin: 0px 0px 20px;
}

.case-study.timesheet-page .birdi-presentation-34,
.case-study.birdi-presentation-34.timesheet-page {
  font-size: 16px;
  line-height: 1.75;
  color: var(--body);
  margin: 0px 0px 14px;
}

.case-study.timesheet-page .birdi-presentation-35,
.case-study.birdi-presentation-35.timesheet-page {
  display: flex;
  justify-content: center;
  gap: 16px;
}

.case-study.timesheet-page .birdi-presentation-36,
.case-study.birdi-presentation-36.timesheet-page {
  width: 46%;
  max-width: 190px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: rgba(16, 29, 48, 0.18) 0px 24px 54px;
  align-self: flex-start;
}

.case-study.timesheet-page .birdi-presentation-37,
.case-study.birdi-presentation-37.timesheet-page {
  width: 46%;
  max-width: 190px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: rgba(16, 29, 48, 0.18) 0px 24px 54px;
  align-self: flex-end;
}

.case-study.timesheet-page .birdi-presentation-38,
.case-study.birdi-presentation-38.timesheet-page {
  width: 10%;
}

.case-study.timesheet-page .birdi-presentation-39,
.case-study.birdi-presentation-39.timesheet-page {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: clamp(28px, 4vw, 52px);
  align-items: center;
}

.case-study.timesheet-page .birdi-presentation-40,
.case-study.birdi-presentation-40.timesheet-page {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}

.case-study.timesheet-page .birdi-presentation-41,
.case-study.birdi-presentation-41.timesheet-page {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgb(238, 72, 101), rgb(213, 31, 63));
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.case-study.timesheet-page .birdi-presentation-42,
.case-study.birdi-presentation-42.timesheet-page {
  color: rgb(255, 255, 255);
  font-size: 16px;
}

.case-study.timesheet-page .birdi-presentation-43,
.case-study.birdi-presentation-43.timesheet-page {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-weight: 700;
  color: rgb(16, 29, 48);
}

.case-study.timesheet-page .birdi-presentation-44,
.case-study.birdi-presentation-44.timesheet-page {
  font-size: 16px;
  line-height: 1.75;
  color: var(--body);
  margin: 0px 0px 26px;
}

.case-study.timesheet-page .birdi-presentation-45,
.case-study.birdi-presentation-45.timesheet-page {
  display: flex;
  flex-direction: column;
  gap: 0px;
}

.case-study.timesheet-page .birdi-presentation-46,
.case-study.birdi-presentation-46.timesheet-page {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 15px 0px;
  border-top: 1px solid rgba(16, 29, 48, 0.12);
}

.case-study.timesheet-page .birdi-presentation-47,
.case-study.birdi-presentation-47.timesheet-page {
  font-size: 16px;
  font-weight: 700;
  color: rgb(238, 72, 101);
  min-width: 22px;
}

.case-study.timesheet-page .birdi-presentation-48,
.case-study.birdi-presentation-48.timesheet-page {
  font-size: 16px;
  line-height: 1.55;
  color: rgb(16, 29, 48);
}

.case-study.timesheet-page .birdi-presentation-49,
.case-study.birdi-presentation-49.timesheet-page {
  display: flex;
  justify-content: center;
}

.case-study.timesheet-page .birdi-presentation-50,
.case-study.birdi-presentation-50.timesheet-page {
  width: 100%;
  max-width: 250px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: rgba(16, 29, 48, 0.22) 0px 28px 60px;
}

.case-study.timesheet-page .birdi-presentation-51,
.case-study.birdi-presentation-51.timesheet-page {
  position: relative;
  overflow: hidden;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.57), rgb(239, 239, 255)), url("../uploads/cs-chal-sol-bg.webp");
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  padding: clamp(56px, 7vw, 84px) 0px;
  color: rgb(16, 29, 48);
}

.case-study.timesheet-page .birdi-presentation-52,
.case-study.birdi-presentation-52.timesheet-page {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: clamp(32px, 5vw, 64px);
  align-items: center;
  margin-bottom: clamp(40px, 5vw, 60px);
}

.case-study.timesheet-page .birdi-presentation-53,
.case-study.birdi-presentation-53.timesheet-page {
  position: relative;
  display: flex;
  justify-content: center;
}

.case-study.timesheet-page .birdi-presentation-54,
.case-study.birdi-presentation-54.timesheet-page {
  width: 100%;
  max-width: 236px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.42) 0px 30px 66px;
}

.case-study.timesheet-page .birdi-presentation-55,
.case-study.birdi-presentation-55.timesheet-page {
  position: absolute;
  top: 12%;
  right: 0px;
  background: rgb(255, 255, 255);
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 16px 34px;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  gap: 9px;
}

.case-study.timesheet-page .birdi-presentation-56,
.case-study.birdi-presentation-56.timesheet-page {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: rgb(31, 158, 92);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.case-study.timesheet-page .birdi-presentation-57,
.case-study.birdi-presentation-57.timesheet-page {
  font-size: 16px;
  font-weight: 700;
  color: rgb(16, 29, 48);
}

.case-study.timesheet-page .birdi-presentation-58,
.case-study.birdi-presentation-58.timesheet-page {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 8px;
}

.case-study.timesheet-page .birdi-presentation-59,
.case-study.birdi-presentation-59.timesheet-page {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-weight: 700;
  color: rgb(16, 29, 48);
  white-space: normal;
}

.case-study.timesheet-page .birdi-presentation-60,
.case-study.birdi-presentation-60.timesheet-page {
  height: 1px;
  flex: 1 1 0%;
  background: rgba(16, 29, 48, 0.15);
}

.case-study.timesheet-page .birdi-presentation-61,
.case-study.birdi-presentation-61.timesheet-page {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 0px 56px;
}

.case-study.timesheet-page .birdi-presentation-62,
.case-study.birdi-presentation-62.timesheet-page {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 20px 0px;
  border-bottom: 1px solid rgba(16, 29, 48, 0.12);
}

.case-study.timesheet-page .birdi-presentation-63,
.case-study.birdi-presentation-63.timesheet-page {
  color: rgb(238, 72, 101);
  font-size: 22px;
  width: 24px;
  flex-shrink: 0;
}

.case-study.timesheet-page .birdi-presentation-64,
.case-study.birdi-presentation-64.timesheet-page {
  font-size: 16px;
  line-height: 1.7;
  color: rgb(83, 93, 108);
  font-weight: 300;
}

.case-study.timesheet-page .birdi-presentation-65,
.case-study.birdi-presentation-65.timesheet-page {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 32px;
  align-items: end;
  margin-bottom: clamp(32px, 4vw, 44px);
}

.case-study.timesheet-page .birdi-presentation-66,
.case-study.birdi-presentation-66.timesheet-page {
  max-width: 640px;
  margin-bottom: clamp(32px, 4vw, 44px);
}

.case-study.timesheet-page .birdi-presentation-67,
.case-study.birdi-presentation-67.timesheet-page {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: 20px 40px;
  align-items: center;
  padding: 26px 0px;
  border-top: 1px solid rgba(16, 29, 48, 0.12);
}

.case-study.timesheet-page .birdi-presentation-68,
.case-study.birdi-presentation-68.timesheet-page {
  display: flex;
  align-items: baseline;
  gap: 14px;
}

.case-study.timesheet-page .birdi-presentation-69,
.case-study.birdi-presentation-69.timesheet-page {
  font-size: 16px;
  font-weight: 700;
  color: rgb(238, 72, 101);
}

.case-study.timesheet-page .birdi-presentation-70,
.case-study.birdi-presentation-70.timesheet-page {
  font-size: 16.5px;
  font-weight: 700;
  line-height: 1.3;
}

.case-study.timesheet-page .birdi-presentation-71,
.case-study.birdi-presentation-71.timesheet-page {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  min-width: 0px;
}

.case-study.timesheet-page .birdi-presentation-72,
.case-study.birdi-presentation-72.timesheet-page {
  display: flex;
  align-items: center;
  gap: 9px;
  background: rgb(243, 243, 243);
  border-radius: 8px;
  padding: 10px 16px;
  transition: background 0.3s, color 0.3s;
}

.case-study.timesheet-page .birdi-presentation-73,
.case-study.birdi-presentation-73.timesheet-page {
  color: rgb(238, 72, 101);
  font-size: 16px;
}

.case-study.timesheet-page .birdi-presentation-74,
.case-study.birdi-presentation-74.timesheet-page {
  font-size: 16px;
  font-weight: 600;
}

.case-study.timesheet-page .birdi-presentation-75,
.case-study.birdi-presentation-75.timesheet-page {
  font-size: 16px;
  opacity: 1;
}

.case-study.timesheet-page .birdi-presentation-76,
.case-study.birdi-presentation-76.timesheet-page {
  max-width: 1180px;
  margin: 0px auto;
  padding: 0px 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: clamp(32px, 5vw, 64px);
  align-items: center;
}

.case-study.timesheet-page .birdi-presentation-77,
.case-study.birdi-presentation-77.timesheet-page {
  font-size: 16px;
  line-height: 1.75;
  color: var(--body);
  margin: 0px 0px 28px;
  max-width: 480px;
}

.case-study.timesheet-page .birdi-presentation-78,
.case-study.birdi-presentation-78.timesheet-page {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, rgb(238, 72, 101), rgb(213, 31, 63));
  color: rgb(255, 255, 255);
  font-weight: 600;
  font-size: 16px;
  padding: 16px 32px;
  border-radius: 10px;
  box-shadow: rgba(213, 31, 63, 0.26) 0px 14px 30px;
  transition: transform 0.25s, box-shadow 0.25s;
}

.case-study.timesheet-page .birdi-presentation-79,
.case-study.birdi-presentation-79.timesheet-page {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: rgb(16, 29, 48);
  font-weight: 700;
  margin-bottom: 6px;
}

.case-study.timesheet-page .birdi-presentation-80,
.case-study.birdi-presentation-80.timesheet-page {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 0px;
  border-bottom: 1px solid rgba(16, 29, 48, 0.12);
}

.case-study.timesheet-page .birdi-presentation-81,
.case-study.birdi-presentation-81.timesheet-page {
  color: rgb(238, 72, 101);
  font-size: 16px;
  width: 20px;
}

.case-study.timesheet-page .birdi-presentation-82,
.case-study.birdi-presentation-82.timesheet-page {
  font-size: 16px;
  font-weight: 500;
}

/* .case-study.timesheet-page .birdi-presentation-83,
.case-study.birdi-presentation-83.timesheet-page {
  position: sticky;
  top: 70px;
} */

.case-study.timesheet-page .birdi-presentation-84,
.case-study.birdi-presentation-84.timesheet-page {
  font-size: clamp(1.55rem, 2.4vw, 2.1rem);
  font-weight: 700;
  line-height: 1.25;
  margin: 0px 0px 16px;
}

.case-study.timesheet-page .birdi-presentation-85,
.case-study.birdi-presentation-85.timesheet-page {
  font-size: 16px;
  line-height: 1.7;
  color: var(--body);
  margin: 0px;
  max-width: 330px;
}

/* ---- Birdi — Timesheet Management / bootstrap4-integration.css ---- */

/* Bootstrap 4 grid and tabs, adjusted to preserve the approved Birdi design. */

.case-study.timesheet-page .hero-layout.row{
  --birdi-column-gap: clamp(32px, 5vw, 64px);
  display: flex !important;
  gap: 0 !important;
  margin-left: 0;
  margin-right: 0;
  padding-top:120px;
}

.case-study.timesheet-page .brief-layout.row {
  --birdi-column-gap: clamp(32px, 5vw, 64px);
  display: flex !important;
  gap: 0 !important;
  margin-left: 0;
  margin-right: 0;
}

.case-study.timesheet-page .brief-layout.row {
  --birdi-column-gap: clamp(32px, 5vw, 56px);
}

.case-study.timesheet-page .hero-layout.row > .col-md-6,
.case-study.timesheet-page .brief-layout.row > .col-md-6 {
  padding-left: calc(var(--birdi-column-gap) * 0.5);
  padding-right: calc(var(--birdi-column-gap) * 0.5);
}

.case-study.timesheet-page .hero-layout.row > .col-md-6:first-child,
.case-study.timesheet-page .brief-layout.row > .col-md-6:first-child {
  padding-left: 0;
}

.case-study.timesheet-page .hero-layout.row > .col-md-6:last-child,
.case-study.timesheet-page .brief-layout.row > .col-md-6:last-child {
  padding-right: 0;
}

.case-study.timesheet-page .birdi-contact-button {
  border: 0;
  line-height: normal;
  text-align: inherit;
  vertical-align: baseline;
}

.case-study.timesheet-page .birdi-contact-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 34px rgba(213,31,63,.34);
  color: #fff;
}

.case-study.timesheet-page .birdi-tech-pill:hover {
  background: #101d30;
  color: #fff;
}

.case-study.timesheet-page .feature-tabs.nav-tabs {
  border-bottom: 0;
}

.case-study.timesheet-page .feature-tabs.nav-tabs .nav-link {
  border: 0;
  /* Retain the original Bootstrap tab corners with direct page classes. */
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  margin-bottom: 0;
  padding: 20px 8px;
  color: #101d30;
  line-height: 1.4;
}

.case-study.timesheet-page .feature-tabs.nav-tabs .nav-link.active {
  background: #fff;
  color: #101d30;
}

/* Keep inactive Bootstrap panels hidden within this case-study page. */
.case-study.timesheet-page .tab-content > .features-panel {
  display: none;
}

.case-study.timesheet-page .tab-content > .features-panel.active {
  display: grid;
}

@media (max-width: 767px) {
  .case-study.timesheet-page .hero-layout.row,
  .case-study.timesheet-page .brief-layout.row {
    margin-left: 0;
    margin-right: 0;
  }

  .case-study.timesheet-page .hero-layout.row > .col-md-6,
  .case-study.timesheet-page .brief-layout.row > .col-md-6 {
    padding-left: 0;
    padding-right: 0;
  }

  .case-study.timesheet-page .brief-layout.row > .col-md-6 + .col-md-6 {
    margin-top: 32px;
  }
}

@media (max-width: 460px) {
  .case-study.timesheet-page .feature-tabs.nav-tabs .nav-link {
    padding: 16px 6px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .case-study.timesheet-page .birdi-contact-button:hover {
    transform: none;
  }
}

/* ---- Birdi — Timesheet Management / template-adaptations.css ---- */

/* Content-specific adaptations that retain Birdi's component structure. */

html.sl-timesheet-document,
body.sl-timesheet-body {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}

.case-study.timesheet-page,
.case-study.timesheet-page>section,
.case-study.timesheet-page .container,
.case-study.timesheet-page .row,
.case-study.timesheet-page [class*="col-"] {
  min-width: 0;
}

.case-study.timesheet-page h1,
.case-study.timesheet-page h2,
.case-study.timesheet-page h3,
.case-study.timesheet-page p,
.case-study.timesheet-page li,
.case-study.timesheet-page a {
  overflow-wrap: anywhere;
}

.timesheet-page .country-flag {
  font-size: 1.45rem;
  line-height: 1;
}

.timesheet-page .hero-image-caption,
.timesheet-page .section-image-caption {
  font-size: .72rem;
  line-height: 1.5;
  color: #64748b;
  margin: .85rem 0 0;
  text-align: center;
}

.case-study.timesheet-page .hero-art {
  overflow: visible;
}

.case-study.timesheet-page .wide-product-visual {
  width: 132%;
  max-width: none;
  margin-left: -9%;
  display: block;
  padding-top: 28px;
  background: #e7edf5;
  border: 1px solid #dbe2eb;
  border-radius: 16px;
  box-shadow: rgba(16,29,48,.22) 0 28px 68px,rgba(16,29,48,.08) 0 6px 16px;
}

.case-study.timesheet-page .wide-product-visual:before {
  content: "";
  position: absolute;
  left: 14px;
  top: 10px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #ff6374;
  box-shadow: 17px 0 0 #b8c0cc,34px 0 0 #c9d0d9;
}

.case-study.timesheet-page .wide-product-visual img {
  display: block;
  width: 100%;
  height: auto !important;
  max-height: none !important;
  object-fit: contain;
  border-radius: 0 0 15px 15px;
}

.timesheet-page .wide-brief img,
.timesheet-page .wide-build-image img,
.timesheet-page .wide-outcome-image img {
  object-fit: contain;
  background: #fff;
  height: auto !important;
}

.timesheet-page .brief-statement {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 3rem;
  border-left: 1px solid rgba(15,23,42,.13);
  font-size: 1rem;
  color: #657082;
}

.timesheet-page .brief-statement strong {
  font-size: clamp(1.8rem,3vw,3rem);
  line-height: 1.05;
  color: #0f1735;
  margin-bottom: 1.2rem;
}

.timesheet-page .brief-statement p {
  max-width: 32rem;
  line-height: 1.8;
}

.timesheet-page .image-feature .birdi-presentation-52 {
  align-items: center;
}

.timesheet-page .wide-outcome-image {
  width: 100%;
  max-width: 650px;
}

.timesheet-page .wide-outcome-image .birdi-presentation-54 {
  width: 100%;
  height: auto;
  min-height: 0;
}

.timesheet-page .wide-outcome-image img {
  width: 100%;
  height: auto !important;
  max-height: none;
}

.timesheet-page .barc-build .birdi-presentation-35 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 18px;
  width: 100%;
}

.case-study.timesheet-page .barc-build .birdi-presentation-36,
.case-study.timesheet-page .barc-build .birdi-presentation-37 {
  width: 100%;
  max-width: none;
  min-height: 0;
  height: auto;
  border-radius: 12px;
  align-self: auto;
  background: transparent;
  box-shadow: rgba(16,29,48,.14) 0 18px 44px;
}

.case-study.timesheet-page .barc-build .birdi-presentation-36 img,
.case-study.timesheet-page .barc-build .birdi-presentation-37 img {
  display: block;
  width: 100%;
  height: auto !important;
  object-fit: contain;
}

.timesheet-page .outcome-stat {
  display: flex;
  min-height: 280px;
  padding: 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #0e1731;
  color: #fff;
  border-radius: 28px;
  text-align: center;
}

.timesheet-page .outcome-stat strong {
  font-size: clamp(2.2rem,5vw,5rem);
  line-height: 1;
  color: #fff;
}

.timesheet-page .outcome-stat span {
  max-width: 16rem;
  margin-top: 1rem;
  color: #b9c4dd;
}

.timesheet-page .template-custom {
  padding-top: clamp(70px,8vw,125px);
  padding-bottom: clamp(70px,8vw,125px);
}

.timesheet-page .template-custom:nth-of-type(even) {
  background: #f6f7f9;
}

.timesheet-page .custom-content {
  margin-top: clamp(2rem,5vw,4.5rem);
}

.timesheet-page .custom-full-visual {
  margin: 4rem 0 0;
}

.timesheet-page .custom-full-visual img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 28px;
  box-shadow: 0 30px 70px rgba(15,23,53,.13);
}

.timesheet-page .custom-full-visual figcaption {
  text-align: center;
  color: #64748b;
  font-size: .75rem;
  margin-top: 1rem;
}

.timesheet-page .lifecycle-template {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  align-items: center;
  gap: 1.5rem;
}

.timesheet-page .lifecycle-template div {
  min-height: 170px;
  padding: 2rem;
  background: #0f1735;
  color: #fff;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.timesheet-page .lifecycle-template div:nth-of-type(2) {
  background: #15304b;
}

.timesheet-page .lifecycle-template div:nth-of-type(3) {
  background: #256b72;
}

.timesheet-page .lifecycle-template span {
  font-size: .76rem;
  color: #fff;
}

.timesheet-page .lifecycle-template strong {
  font-size: clamp(1.15rem,2vw,1.7rem);
  line-height: 1.15;
}

.timesheet-page .lifecycle-template>i {
  color: #ff5d90;
  font-size: 1.5rem;
}

.timesheet-page .editorial-two {
  display: grid;
  grid-template-columns: minmax(150px,.35fr) 1fr;
  gap: clamp(2rem,7vw,7rem);
  align-items: start;
  padding-top: 2rem;
  border-top: 1px solid #ced5df;
}

.timesheet-page .editorial-index {
  font-size: clamp(4rem,9vw,8rem);
  line-height: .8;
  font-weight: 700;
  color: #101a3a;
}

.timesheet-page .editorial-index span {
  display: block;
  margin-top: 1.2rem;
  font-size: .85rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #ff4f88;
}

.timesheet-page .large-copy {
  font-size: clamp(1.4rem,2.5vw,2.25rem);
  line-height: 1.45;
  color: #101a3a;
}

.timesheet-page .template-timeline {
  border-top: 1px solid #cbd3df;
}

.timesheet-page .template-timeline article {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 2rem;
  padding: 2.3rem 0;
  border-bottom: 1px solid #cbd3df;
}

.timesheet-page .template-timeline article>span {
  font-size: 2rem;
  color: #ff4f88;
  font-weight: 700;
}

.timesheet-page .template-timeline small {
  text-transform: uppercase;
  letter-spacing: .12em;
  color: #6d7690;
}

.timesheet-page .template-timeline h3 {
  font-size: clamp(1.45rem,2.6vw,2.3rem);
  margin: .5rem 0;
  color: #0f1735;
}

.timesheet-page .testimonial-template {
  background: #0e1731;
  color: #fff;
  border-radius: 30px;
  padding: clamp(2rem,6vw,5rem);
}

.timesheet-page .testimonial-template blockquote {
  font-size: clamp(2rem,4.6vw,4.2rem);
  line-height: 1.08;
  letter-spacing: -.045em;
  color: #fff;
}

.timesheet-page .review-person {
  display: flex;
  flex-direction: column;
  margin: 2.4rem 0;
  color: #b9c4dd;
}

.timesheet-page .review-person strong {
  color: #fff;
  font-size: 1.2rem;
}

.timesheet-page .ratings-row {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: 1px;
  background: rgba(255,255,255,.15);
  margin: 2rem 0;
}

.timesheet-page .ratings-row div {
  display: flex;
  flex-direction: column;
  padding: 1.25rem;
  background: #111d3d;
}

.timesheet-page .ratings-row b {
  font-size: 1.8rem;
  color: #fff;
}

.timesheet-page .ratings-row span {
  font-size: .72rem;
  color: #b9c4dd;
}

.timesheet-page .plain-scope-list {
  border-top: 1px solid #ced5df;
}

.timesheet-page .plain-scope-list>div {
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 1rem;
  padding: 1.6rem 0;
  border-bottom: 1px solid #ced5df;
}

.timesheet-page .plain-scope-list span {
  color: #ff4f88;
  font-weight: 700;
}

.timesheet-page .plain-scope-list p {
  margin: 0;
  font-size: clamp(1.05rem,2vw,1.5rem);
  color: #111a39;
}

.timesheet-page .plain-link-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.timesheet-page .plain-link-list span {
  padding: 1rem 1.4rem;
  border: 1px solid #cfd5df;
  border-radius: 100px;
  color: #111a39;
}

.timesheet-page .boundary-note {
  font-size: .78rem;
  color: #657082;
  margin-top: 1.5rem;
}

.case-study.timesheet-page .workflow-screen {
  max-height: 560px;
  object-fit: contain;
  background: #fff;
}

.case-study.timesheet-page .workflow-stage {
  display: flex;
  align-items: center;
  justify-content: center;
}

.case-study.timesheet-page .related-card[hidden] {
  display: none !important;
}

@media (max-width:899px) {
  .case-study.timesheet-page .wide-product-visual {
    width: 112%;
    margin-left: -6%;
  }

  .timesheet-page .brief-statement {
    border-left: 0;
    border-top: 1px solid rgba(15,23,42,.13);
    padding: 2rem 0;
  }

  .timesheet-page .lifecycle-template {
    grid-template-columns: 1fr;
  }

  .timesheet-page .lifecycle-template>i {
    transform: rotate(90deg);
    justify-self: center;
  }

  .timesheet-page .editorial-two {
    grid-template-columns: 1fr;
  }

  .timesheet-page .ratings-row {
    grid-template-columns: repeat(2,1fr);
  }

  .timesheet-page .ratings-row div:last-child {
    grid-column: 1/-1;
  }

  .timesheet-page .template-timeline article {
    grid-template-columns: 64px 1fr;
  }

  .timesheet-page .hero-image-caption {
    margin-bottom: 1rem;
  }
}

@media (max-width:575px) {
  .timesheet-page .lifecycle-template div {
    min-height: 130px;
  }

  .timesheet-page .testimonial-template {
    border-radius: 18px;
  }

  .timesheet-page .plain-scope-list>div {
    grid-template-columns: 48px 1fr;
  }

  .timesheet-page .wide-outcome-image .birdi-presentation-54 {
    min-height: 200px;
  }
}

/* Wide case-study screenshots must always preserve their natural ratio. */

.case-study.timesheet-page img {
  display: block;
  width: 100%;
  height: auto !important;
  max-width: none !important;
}

.case-study.timesheet-page .client-brief .brief-visual {
  width: 100%;
  max-width: none;
}

.case-study.timesheet-page .client-brief .brief-visual img {
  width: 100%;
  height: auto !important;
  max-width: none !important;
  object-fit: contain;
}

.case-study.timesheet-page .wide-build-image {
  width: 100%;
  max-width: none;
  min-height: 0;
  height: auto;
}

.case-study.timesheet-page .wide-build-image img {
  width: 100%;
  height: auto !important;
  max-width: none !important;
  object-fit: contain;
}

.case-study.timesheet-page .wide-outcome-image,
.case-study.timesheet-page .wide-outcome-image .birdi-presentation-54 {
  width: 100%;
  max-width: none;
  min-height: 0;
  height: auto;
}

.case-study.timesheet-page .workflow-stage {
  height: auto;
  min-height: 0;
}

.case-study.timesheet-page .workflow-screen {
  width: 100%;
  height: auto !important;
  max-width: none !important;
  object-fit: contain;
}

.case-study.timesheet-page .wide-product-visual {
  width: 138%;
  max-width: none !important;
  margin-left: -14%;
}

.case-study.timesheet-page .birdi-presentation-15 {
  display: none;
}

/* Two-screen build composition inspired by the supplied stacked reference. */

.case-study.timesheet-page .barc-build .birdi-presentation-35,
.case-study.timesheet-page .timesheet-build .birdi-presentation-35 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  width: 100%;
  padding: clamp(20px,3.2vw,38px);
  background: linear-gradient(145deg,#edf4ff 0%,#dfeaff 55%,#d6e4ff 100%);
  border-radius: 28px;
  overflow: hidden;
}

.case-study.timesheet-page .barc-build .birdi-presentation-36,
.case-study.timesheet-page .barc-build .birdi-presentation-37,
.case-study.timesheet-page .timesheet-build .birdi-presentation-36,
.case-study.timesheet-page .timesheet-build .birdi-presentation-37 {
  position: relative;
  width: 92%;
  max-width: none !important;
  min-height: 0;
  height: auto;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 22px 50px rgba(29,56,110,.18);
}

.case-study.timesheet-page .barc-build .birdi-presentation-36,
.case-study.timesheet-page .timesheet-build .birdi-presentation-36 {
  align-self: flex-end;
  z-index: 2;
}

.case-study.timesheet-page .barc-build .birdi-presentation-37,
.case-study.timesheet-page .timesheet-build .birdi-presentation-37 {
  align-self: flex-start;
  margin-top: -4%;
  z-index: 1;
}

.case-study.timesheet-page .barc-build .birdi-presentation-36 img,
.case-study.timesheet-page .barc-build .birdi-presentation-37 img,
.case-study.timesheet-page .timesheet-build .birdi-presentation-36 img,
.case-study.timesheet-page .timesheet-build .birdi-presentation-37 img {
  width: 100%;
  height: auto !important;
  max-width: none !important;
  object-fit: contain;
}

/* Timesheet: one cohesive editorial system for the three connected workflows. */

.timesheet-page .timesheet-workflow-suite {
  padding: clamp(72px,9vw,132px) 0;
  background: #f4f6f9;
}

.timesheet-page .suite-heading {
  max-width: 700px;
  margin: 0 auto clamp(34px,5vw,58px);
  text-align: center;
}

.timesheet-page .suite-heading h2 {
  font-size: clamp(2rem,4vw,3.8rem);
  line-height: 1.08;
  margin: 0 0 20px;
  color: #101d30;
}

.timesheet-page .workflow-showcase {
  width: 90%;
  margin: 0 auto clamp(42px,6vw,72px);
  padding: clamp(24px,3.6vw,42px);
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 20px 54px rgba(16,29,48,.08);
}

.timesheet-page .workflow-showcase:last-child {
  margin-bottom: 0;
}

.timesheet-page .workflow-showcase.is-dark {
  background: linear-gradient(135deg,#0e1d31,#172844);
  color: #fff;
}

.timesheet-page .showcase-copy {
  display: grid;
  grid-template-columns: 82px 1fr;
  gap: clamp(18px,3vw,36px);
  align-items: start;
  margin-bottom: clamp(24px,3.5vw,38px);
}

.timesheet-page .showcase-number {
  font-size: clamp(2.7rem,4.6vw,4.4rem);
  line-height: .8;
  font-weight: 700;
  color: #ee4865;
  letter-spacing: -.06em;
}

.timesheet-page .showcase-copy h3 {
  font-size: clamp(1.5rem,2.7vw,2.45rem);
  line-height: 1.14;
  margin: 0 0 16px;
  color: #101d30;
}

.timesheet-page .showcase-copy p {
  font-size: 16px;
  line-height: 1.75;
  color: #667085;
  margin: 0 0 12px;
  max-width: 760px;
}

.timesheet-page .workflow-showcase.is-dark .showcase-copy h3 {
  color: #fff;
}

.timesheet-page .workflow-showcase.is-dark .showcase-copy p {
  color: #c3ccda;
}

.timesheet-page .showcase-screen {
  margin: 0;
}

.timesheet-page .showcase-browser {
  position: relative;
  padding-top: 30px;
  background: #e4eaf2;
  border: 1px solid #d5dce7;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 28px 68px rgba(16,29,48,.16);
}

.timesheet-page .showcase-browser .browser-dots {
  position: absolute;
  left: 16px;
  top: 11px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #ff6374;
  box-shadow: 17px 0 0 #b8c0cc,34px 0 0 #c9d0d9;
}

.timesheet-page .showcase-screen img {
  width: 100%;
  height: auto !important;
  max-width: none !important;
}

.timesheet-page .showcase-screen figcaption {
  margin-top: 14px;
  text-align: center;
  font-size: 13px;
  line-height: 1.55;
  color: #6d7584;
}

.timesheet-page .workflow-showcase.is-dark .showcase-screen figcaption {
  color: #b8c2d2;
}

/* ABOR: editorial discovery list instead of small pills. */

.timesheet-page .adjacent-discovery {
  padding: clamp(72px,9vw,132px) 0;
  background: #f1f1f1;
  color: #101d30;
}

.timesheet-page .adjacent-layout {
  display: grid;
  grid-template-columns: minmax(260px,.72fr) minmax(0,1.28fr);
  gap: clamp(44px,8vw,110px);
  align-items: start;
}

.timesheet-page .adjacent-intro {
  position: static;
}

.timesheet-page .adjacent-intro h2 {
  font-size: clamp(2.2rem,4.4vw,4rem);
  line-height: 1.06;
  letter-spacing: -.045em;
  margin: 0 0 24px;
  color: #101d30;
}

.timesheet-page .adjacent-intro h2 span {
  color: #ee4865;
}

.timesheet-page .adjacent-intro p {
  font-size: 16px;
  line-height: 1.75;
  color: #667085;
  max-width: 440px;
}

.timesheet-page .adjacent-list {
  border-top: 1px solid rgba(16,29,48,.18);
}

.timesheet-page .adjacent-row {
  display: grid;
  grid-template-columns: 76px 1fr;
  gap: 24px;
  align-items: center;
  padding: clamp(26px,4vw,44px) 0;
  border-bottom: 1px solid rgba(16,29,48,.18);
}

.timesheet-page .adjacent-row>span {
  font-size: 1rem;
  font-weight: 700;
  color: #ee4865;
}

.timesheet-page .adjacent-row small {
  display: block;
  margin-bottom: 8px;
  color: #7a8495;
  text-transform: uppercase;
  letter-spacing: .15em;
  font-size: 11px;
}

.timesheet-page .adjacent-row h3 {
  font-size: clamp(1.35rem,2.6vw,2.45rem);
  line-height: 1.2;
  margin: 0;
  color: #101d30;
}

/* Equal two-column partnership scope. */

.timesheet-page .abor-build .scope-groups {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 24px;
}

.timesheet-page .abor-build .scope-group {
  width: 100%;
}

/* Scroll-driven overlapping workflow cards. */

.timesheet-page .timesheet-workflow-suite {
  position: relative;
  padding-bottom: clamp(110px,14vw,210px);
}

.timesheet-page .timesheet-workflow-suite .workflow-showcase {
  position: sticky;
  margin-bottom: clamp(58px,8vw,105px);
  transform-origin: center top;
  will-change: transform;
}

.timesheet-page .timesheet-workflow-suite .workflow-showcase:nth-of-type(1) {
  top: 124px;
  z-index: 1;
}

.timesheet-page .timesheet-workflow-suite .workflow-showcase:nth-of-type(2) {
  top: 144px;
  z-index: 2;
}

.timesheet-page .timesheet-workflow-suite .workflow-showcase:nth-of-type(3) {
  top: 164px;
  z-index: 3;
}

.timesheet-page .timesheet-workflow-suite .workflow-showcase:last-child {
  margin-bottom: 0;
}

@media (max-width:899px) {
  .case-study.timesheet-page .wide-product-visual {
    width: 112%;
    margin-left: -6%;
  }

  .timesheet-page .showcase-copy {
    grid-template-columns: 72px 1fr;
  }

  .timesheet-page .adjacent-layout {
    grid-template-columns: 1fr;
  }

  .timesheet-page .adjacent-intro {
    position: static;
  }

  .timesheet-page .workflow-showcase {
    border-radius: 24px;
  }

  .timesheet-page .abor-build .scope-groups {
    grid-template-columns: 1fr;
  }

  .timesheet-page .timesheet-workflow-suite .workflow-showcase:nth-of-type(1) {
    top: 12px;
  }

  .timesheet-page .timesheet-workflow-suite .workflow-showcase:nth-of-type(2) {
    top: 26px;
  }

  .timesheet-page .timesheet-workflow-suite .workflow-showcase:nth-of-type(3) {
    top: 40px;
  }
}

@media (max-height:760px) {
  .timesheet-page .timesheet-workflow-suite .workflow-showcase {
    position: relative;
    top: auto !important;
  }
}

@media (max-width:767px) {
  .case-study.timesheet-page .hero-art {
    display: none !important;
    margin-top: 32px;
  }

  .case-study.timesheet-page .hero-layout.row>.col-md-6:last-child {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .case-study.timesheet-page .wide-product-visual {
    width: 100%;
    margin-left: 0;
  }

  .case-study.timesheet-page .hero-actions a {
    white-space: normal;
    text-align: center;
  }
}

@media (max-width:575px) {
  .case-study.timesheet-page .barc-build .birdi-presentation-35,
  .case-study.timesheet-page .timesheet-build .birdi-presentation-35 {
    padding: 16px;
    border-radius: 20px;
  }

  .case-study.timesheet-page .barc-build .birdi-presentation-36,
  .case-study.timesheet-page .barc-build .birdi-presentation-37,
  .case-study.timesheet-page .timesheet-build .birdi-presentation-36,
  .case-study.timesheet-page .timesheet-build .birdi-presentation-37 {
    width: 96%;
  }

  .timesheet-page .showcase-copy {
    grid-template-columns: 1fr;
  }

  .timesheet-page .showcase-number {
    font-size: 2.8rem;
  }

  .timesheet-page .workflow-showcase {
    width: 100%;
    padding: 20px;
    border-radius: 18px;
  }

  .timesheet-page .showcase-browser {
    padding-top: 26px;
    border-radius: 13px;
  }

  .timesheet-page .adjacent-row {
    grid-template-columns: 48px 1fr;
  }

  .timesheet-page .timesheet-workflow-suite .workflow-showcase {
    position: relative;
    top: auto !important;
    margin-bottom: 28px;
    will-change: auto;
  }
}

/* ==========================================================================
   4. ABOR — ASSET FINANCE CONTRACT MANAGEMENT
   Content scope: .abor-page
   Document scope: html.sl-abor-document
   Body scope: body.sl-abor-body
   ========================================================================== */

/* ---- ABOR — Asset Finance Contract Management / birdi.css ---- */

/* Bootstrap Reboot is normalized to the approved page typography. */

html.sl-abor-document,
body.sl-abor-body {
  height: 100%;
}

body.sl-abor-body {
  line-height: normal;
}

.abor-page h1,
.abor-page h2,
.abor-page h3,
.abor-page h4,
.abor-page h5,
.abor-page h6 {
  font-size: revert;
  font-weight: revert;
  line-height: normal;
  margin: revert;
}

.abor-page p,
.abor-page dl,
.abor-page dd,
.abor-page figure {
  margin: revert;
}

.abor-page a:hover {
  text-decoration: none;
}

.abor-page button {
  line-height: normal;
}

/* Birdi shared styles. Cascade order is intentional; responsive rules remain beside their applicable defaults. */

body.sl-abor-body {
  margin: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

.abor-page,
.abor-page * {
  box-sizing: border-box;
}

.abor-page a {
  color: #ee4865;
  text-decoration: none;
}

.abor-page a:hover {
  color: #101d30;
}

html.sl-abor-document {
  font-size: max(16px,100%);
}

body.sl-abor-body {
  font-size: 16px;
}

.abor-page button,
.abor-page summary {
  font: inherit;
}

.abor-page button {
  cursor: pointer;
}

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

.abor-page button:focus-visible,
.abor-page summary:focus-visible,
.abor-page [tabindex]:focus-visible {
  outline: 3px solid #ee4865;
  outline-offset: 5px;
}

.abor-page .section-container {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  background: transparent;
}

.abor-page .section-heading {
  margin-bottom: clamp(32px,4vw,48px);
}

.abor-page .centered {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.abor-page .eyebrow {
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-weight: 700;
  color: #ee4865;
  margin: 0 0 18px;
}

.abor-page .section-heading h2 {
  font-size: clamp(1.55rem,2.4vw,2.1rem);
  line-height: 1.25;
  margin: 0;
}

.abor-page .section-heading h2 span {
  color: #ee4865;
}

.abor-page .workflow-section {
  padding: clamp(56px,7vw,84px) 0;
  background: linear-gradient(135deg,#0e1d31 0%,#15233b 100%);
  color: #fff;
}

.abor-page .workflow-layout {
  display: grid;
  grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr);
  gap: clamp(36px,6vw,80px);
  align-items: start;
}

.abor-page .workflow-sticky {
  position: sticky;
  top: 24px;
  min-width: 0;
}

/* Short screens need normal page scrolling, not a taller sticky panel. */

@media (max-height:650px) {
  .abor-page .workflow-sticky {
    position: relative;
    top: auto;
  }
}

.abor-page .workflow-visual-heading {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .1em;
  margin-bottom: 18px;
}

.abor-page .workflow-visual-heading span:first-child {
  color: var(--body);
}

.abor-page .workflow-stage {
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: clamp(300px,56vh,560px);
  overflow: hidden;
  color: #101d30;
}

.abor-page .workflow-screen {
  display: block;
  animation: sl-abor-visual-arrive .4s ease;
}

.abor-page .workflow-caption {
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  margin: 18px 0 16px;
  font-weight: 500;
}

.abor-page .workflow-progress {
  height: 3px;
  background: rgba(255,255,255,.2);
}

.abor-page .workflow-progress span {
  display: block;
  height: 100%;
  background: #ee4865;
  transition: width .35s ease;
}

.abor-page .workflow-explainer {
  width: 100%;
}

.abor-page .workflow-explainer>i {
  font-size: 44px;
  color: #ee4865;
  margin-bottom: 24px;
}

.abor-page .workflow-explainer h3 {
  font-size: 24px;
  line-height: 1.3;
  margin: 0 0 24px;
}

.abor-page .explainer-rows {
  display: grid;
  gap: 0;
}

.abor-page .explainer-rows>div {
  border-top: 1px solid #e9d3db;
  padding: 14px 0;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  line-height: 1.4;
}

.abor-page .explainer-rows i {
  color: #ee4865;
  font-size: 16px;
}

.abor-page .illustration-note {
  font-size: 16px;
  font-weight: 500;
  color: #101d30;
  margin: 18px 0 0;
}

.abor-page .workflow-timeline {
  border-left: 1px solid rgba(255,255,255,.3);
  padding-left: 32px;
}

.abor-page .workflow-step {
  position: relative;
  padding: 0 0 56px;
}

.abor-page .workflow-step:last-child {
  padding-bottom: 0;
  min-height: 200px;
}

.abor-page .workflow-step:before {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  left: -38px;
  border: 2px solid #ee4865;
  background: #101d30;
  border-radius: 50%;
  transition: box-shadow .25s,background .25s;
}

.abor-page .workflow-step.is-active:before {
  background: #ee4865;
  box-shadow: 0 0 0 7px rgba(238,72,101,.18);
}

.abor-page .workflow-step-number {
  letter-spacing: .08em;
  display: flex;
  align-items: baseline;
  margin-bottom: 12px;
}

.abor-page .workflow-step h3 {
  color: #fff;
  margin: 0 0 16px;
  transition: color .25s;
}

.abor-page .workflow-step.is-active h3 {
  color: #ee4865;
}

.abor-page .workflow-step p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  color: #fff;
}

.abor-page .features-intro {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 64px;
  align-items: end;
  margin-bottom: 40px;
}

.abor-page .feature-tabs {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
}

.abor-page .feature-tab {
  border-bottom: 3px solid transparent;
  background: transparent;
  color: #101d30;
  padding: 20px 8px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  text-align: left;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
}

.abor-page .feature-tab i {
  font-size: 18px;
  color: #ee4865;
}

.abor-page .feature-tab.is-active {
  border-color: #ee4865;
}

.abor-page .features-panel {
  display: grid;
  grid-template-columns: 260px minmax(0,1fr);
  gap: 54px;
  padding: 40px 0;
}

.abor-page .feature-panel-number {
  line-height: 1;
  color: #ee4865;
  font-weight: 600;
}

.abor-page .feature-panel-heading h3 {
  font-size: 24px;
  line-height: 1.3;
  margin: 16px 0 12px;
}

.abor-page .feature-panel-heading p {
  font-size: 16px;
  color: #101d30;
}

.abor-page .feature-items {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 32px;
}

.abor-page .feature-item {
  border-left: 2px solid #ee4865;
  padding-left: 20px;
}

.abor-page .feature-item h4 {
  font-size: 17px;
  line-height: 1.4;
  margin: 0 0 12px;
}

.abor-page .feature-item p {
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
  color: #101d30;
}

.abor-page .editorial-accordion {
  border-top: 1px solid #c7d0dd;
  color: #101d30;
}

.abor-page .editorial-accordion:last-child {
  border-bottom: 1px solid #c7d0dd;
}

.abor-page .editorial-accordion summary {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 26px 0;
  cursor: pointer;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 600;
}

.abor-page .editorial-accordion summary::-webkit-details-marker {
  display: none;
}

.abor-page .editorial-accordion summary>span:not(.accordion-number) {
  flex: 1;
}

.abor-page .editorial-accordion summary>i {
  color: #ee4865;
  font-size: 16px;
  transition: transform .25s;
}

.abor-page .accordion-number {
  font-size: 28px;
  color: #ee4865;
  font-weight: 600;
}

.abor-page .editorial-accordion[open] summary {
  color: #c92145;
}

.abor-page .editorial-accordion[open] summary>i {
  transform: rotate(45deg);
}

.abor-page .accordion-content {
  padding: 0 0 28px 64px;
  animation: sl-abor-content-arrive .3s ease;
}

.abor-page .accordion-content p {
  font-size: 16px;
  line-height: 1.75;
  margin: 12px 0 0;
  color: #101d30;
}

.abor-page .lift-card {
  transition: transform .3s,box-shadow .3s;
}

.abor-page .lift-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 36px rgba(16,29,48,.1);
}

.abor-page .parallax-visual {
  will-change: transform;
}

.abor-page .faq-section>div {
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
  gap: 64px;
  align-items: start;
}

.abor-page .faq-list {
  min-width: 0;
}

.abor-page .faq-list .accordion-content {
  padding-left: 0;
}

@keyframes sl-abor-content-arrive {
  from {
    transform: translateY(10px);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes sl-abor-visual-arrive {
  from {
    transform: translateY(12px) scale(.98);
  }

  to {
    transform: translateY(0) scale(1);
  }
}

@media (max-width:900px) {
  .abor-page .workflow-layout {
    gap: 36px;
    grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
  }

  .abor-page .features-panel {
    grid-template-columns: 210px minmax(0,1fr);
    gap: 32px;
  }

  .abor-page .feature-tabs {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  .abor-page .features-intro {
    gap: 32px;
  }
}

@media (max-width:700px) {
  .abor-page .workflow-layout,
  .abor-page .features-intro,
  .abor-page .features-panel,
  .abor-page .faq-section>div {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .abor-page .workflow-sticky {
    position: relative;
    top: auto;
  }

  .abor-page .workflow-stage {
    height: 440px;
  }

  .abor-page .workflow-timeline {
    margin-left: 6px;
  }

  .abor-page .workflow-step:last-child {
    min-height: 0;
  }

  .abor-page .workflow-explainer h3 {
    font-size: 22px;
  }

  .abor-page .feature-items {
    gap: 24px;
  }

  .abor-page .faq-section>div>div:first-child {
    position: static !important;
  }

  .abor-page .accordion-content {
    padding-left: 0;
  }

  .abor-page .editorial-accordion summary {
    gap: 16px;
    font-size: 17px;
  }

  .abor-page .parallax-visual {
    transform: none !important;
  }
}

@media (max-width:460px) {
  .abor-page .feature-items,
  .abor-page .industry-grid {
    grid-template-columns: 1fr;
  }

  .abor-page .feature-tab {
    font-size: 16px;
    padding: 16px 8px;
    overflow-wrap: anywhere;
  }

  .abor-page .workflow-stage {
    height: 420px;
  }

  .abor-page .workflow-timeline {
    padding-left: 24px;
  }

  .abor-page .workflow-step:before {
    left: -30px;
  }
}

@media (max-height:740px) and (min-width:701px) {
  .abor-page .workflow-stage {
    height: 360px;
  }

  .abor-page .workflow-explainer>i {
    font-size: 28px;
    margin-bottom: 12px;
  }

  .abor-page .workflow-explainer h3 {
    font-size: 22px;
    margin-bottom: 12px;
  }

  .abor-page .explainer-rows>div {
    padding: 10px 0;
  }

  .abor-page .illustration-note {
    margin-top: 12px;
  }
}

@media (prefers-reduced-motion:reduce) {
  html.sl-abor-document,
  body.sl-abor-body {
    scroll-behavior: auto !important;
  }

  .abor-page,
  .abor-page *,
  *.abor-page:before,
  .abor-page *:before,
  *.abor-page:after,
  .abor-page *:after {
    animation: none !important;
    transition: none !important;
  }

  .abor-page .parallax-visual {
    transform: none !important;
  }
}

.case-study.abor-page {
  --body: #6f6f6f;
  --heading: #101d30;
  --accent: #ee4865;
}

.case-study.abor-page section {
  --body: #6f6f6f;
  --heading: #101d30;
}

.case-study.abor-page section[data-theme="dark"] {
  --body: #b8cbe5;
  --heading: #fff;
}

.case-study.abor-page p {
  color: var(--body);
}

.case-study.abor-page p.eyebrow {
  color: #ee4865;
}

.case-study.abor-page h2,
.case-study.abor-page h3,
.case-study.abor-page h4 {
  color: var(--heading);
}

.abor-page .workflow-stage {
  --body: #6f6f6f;
  --heading: #101d30;
  background: linear-gradient(155deg,#fff 30%,#eaf1fa);
  border: 1px solid rgba(255,255,255,.2);
  box-shadow: 0 24px 60px rgba(0,0,0,.2);
}

.abor-page .workflow-step-number {
  font-size: 16px;
  line-height: 1.5;
  gap: 7px;
  color: var(--body);
  font-weight: 400;
}

.abor-page .workflow-step-number strong {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  color: inherit;
  letter-spacing: inherit;
}

.abor-page .workflow-step {
  min-height: 200px;
  padding-bottom: 48px;
}

.abor-page .workflow-step:before {
  top: 7px;
}

.abor-page .workflow-step h3 {
  font-size: 24px;
  line-height: 1.35;
}

.abor-page .workflow-step p,
.abor-page .workflow-caption {
  color: var(--body);
}

.abor-page .illustration-note,
.abor-page .feature-panel-heading p,
.abor-page .feature-item p,
.abor-page .accordion-content p {
  color: var(--body);
}

.abor-page .problems-section {
  padding: clamp(56px,7vw,84px) 0;
  background: #f3f3f3;
}

.abor-page .problems-layout {
  display: grid;
  grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
  gap: clamp(40px,6vw,80px);
  align-items: start;
}

.abor-page .problems-heading {
  position: static;
  align-self: start;
  padding: 28px 0;
  border-top: 2px solid #ee4865;
}

.abor-page .problems-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.18;
  letter-spacing: -.035em;
  margin: 0 0 24px;
}

.abor-page .problems-heading h2 span {
  color: #ee4865;
}

.abor-page .section-subtext {
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
  max-width: 390px;
}

.abor-page .problems-note {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 32px;
}

.abor-page .problems-note>span {
  height: 44px;
  width: 3px;
  background: #ee4865;
}

.abor-page .problems-note p {
  font-size: 16px;
  line-height: 1.6;
  margin: 0;
}

.abor-page .problem-accordions {
  display: grid;
  gap: 12px;
}

.abor-page .problem-item {
  background: #fff;
  border: 1px solid #e0e7f0;
  border-radius: 14px;
  transition: border-color .3s,box-shadow .3s;
}

.abor-page .problem-item.is-open {
  border-color: #ee4865;
  box-shadow: 0 16px 40px rgba(16,29,48,.06);
}

.abor-page .problem-item h3 {
  margin: 0;
}

.abor-page .problem-item button {
  width: 100%;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  background: transparent;
  border: 0;
  color: #101d30;
  padding: 22px 24px;
  font-family: inherit;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  border-radius: 14px;
}

.abor-page .problem-item button:hover {
  color: #c92145;
}

.abor-page .problem-toggle {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #d9e2ed;
  color: #101d30;
  transition: background .3s,transform .3s,color .3s;
}

.abor-page .problem-toggle i {
  font-size: 16px;
}

.abor-page .is-open .problem-toggle {
  background: #ee4865;
  border-color: #ee4865;
  color: #fff;
  transform: rotate(45deg);
}

.abor-page .problem-reveal {
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  transition: grid-template-rows .35s ease,visibility .35s;
}

.abor-page .problem-reveal>div {
  min-height: 0;
  overflow: hidden;
}

.abor-page .is-open .problem-reveal {
  grid-template-rows: 1fr;
  visibility: visible;
}

.abor-page .problem-answer {
  padding: 0 24px 24px;
}

.abor-page .problem-answer p {
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
  border-top: 1px solid #e7edf5;
  padding-top: 18px;
  color: var(--body);
}

.abor-page .industry-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 20px;
  align-items: stretch;
}

.abor-page .industry-flip {
  appearance: none;
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  perspective: 1200px;
  text-align: left;
  font-family: inherit;
  color: #101d30;
  border-radius: 16px;
}

.abor-page .flip-inner {
  display: grid;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform .65s cubic-bezier(.22,.61,.36,1);
  position: relative;
}

.abor-page .industry-flip.is-flipped .flip-inner {
  transform: rotateY(180deg);
}

.abor-page .flip-front,
.abor-page .flip-back {
  grid-area: 1/1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  padding: 26px;
  border-radius: 16px;
  border: 1px solid #dce5f0;
  min-width: 0;
}

.abor-page .flip-front {
  background: #fff;
  transform: rotateY(0deg);
}

.abor-page .flip-front>i {
  font-size: 28px;
  color: #ee4865;
}

.abor-page .flip-front strong {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.35;
  color: #101d30;
}

.abor-page .flip-hint {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 16px;
  line-height: 1.4;
  color: #6f6f6f;
  border-top: 1px solid #e6ecf4;
  padding-top: 16px;
}

.abor-page .flip-hint i {
  font-size: 16px;
  color: #ee4865;
}

.abor-page .flip-back {
  transform: rotateY(180deg);
  background: linear-gradient(135deg,#0e1d31,#15233b);
  border-color: #15233b;
  color: #fff;
}

.abor-page .flip-back-label {
  font-size: 16px;
  color: #ff8299;
  font-weight: 600;
}

.abor-page .flip-description {
  font-size: 16px;
  line-height: 1.7;
  color: #d1def0;
}

.abor-page .flip-back-hint {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 16px;
  color: #b8cbe5;
}

.abor-page .flip-back-hint i {
  font-size: 16px;
}

.abor-page .feature-tabs {
  gap: 8px;
  border-bottom: 0;
  padding: 6px;
  background: #f0f4f9;
  border-radius: 14px;
}

.abor-page .feature-tab {
  border: 0;
  border-radius: 10px;
  transition: background .25s,box-shadow .25s;
}

.abor-page .feature-tab.is-active {
  background: #fff;
  box-shadow: 0 4px 15px rgba(16,29,48,.08);
}

.abor-page .feature-tab:hover {
  background: #fff;
}

.abor-page .feature-panel-number {
  font-size: 40px;
}

.abor-page .features-panel {
  padding-top: 32px;
}

.case-study.abor-page a.contact-link {
  overflow: hidden;
  position: relative;
}

.case-study.abor-page a.contact-link i {
  transition: transform .25s;
}

.case-study.abor-page a.contact-link:hover i {
  transform: translateX(5px);
}

@media (max-width:900px) {
  .abor-page .industry-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  .abor-page .problems-layout {
    gap: 32px;
  }

  .abor-page .problem-item button {
    padding: 20px;
    font-size: 17px;
  }

  .abor-page .problem-answer {
    padding: 0 20px 20px;
  }
}

@media (max-width:700px) {
  .abor-page .problems-layout {
    grid-template-columns: 1fr;
  }

  .abor-page .problems-heading {
    position: static;
  }

  .abor-page .problems-heading .section-subtext {
    max-width: none;
  }

  .abor-page .problems-note {
    display: none;
  }

  .abor-page .workflow-step {
    min-height: 0;
  }

  .abor-page .workflow-step-number,
  .abor-page .workflow-step-number strong {
    font-size: 16px;
  }

  .abor-page .flip-front,
  .abor-page .flip-back {
    padding: 22px;
    gap: 18px;
  }
}

@media (max-width:480px) {
  .abor-page .industry-grid {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion:reduce) {
  .abor-page .flip-inner,
  .abor-page .problem-reveal,
  .abor-page .problem-toggle {
    transition: none;
  }
}

.abor-page .need-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 22px;
  align-items: stretch;
}

.abor-page .need-card {
  background: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  transition: box-shadow .3s,border-color .3s,transform .3s;
}

.abor-page .need-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #ee4865;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .35s;
}

.abor-page .need-card.is-open {
  border-color: #ee4865;
  box-shadow: 0 18px 40px rgba(16,29,48,.08);
  transform: translateY(-4px);
}

.abor-page .need-card.is-open:before {
  transform: scaleX(1);
}

.abor-page .need-card h3 {
  margin: 0;
}

.abor-page .need-trigger {
  width: 100%;
  border: 0;
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 26px;
  text-align: left;
  font-family: inherit;
  color: #101d30;
}

.abor-page .need-marker {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 16px;
  color: #ee4865;
  font-weight: 500;
}

.abor-page .need-marker i {
  font-size: 16px;
  transition: transform .3s;
}

.abor-page .is-open .need-marker i {
  transform: rotate(45deg);
}

.abor-page .need-title {
  font-size: 20px;
  line-height: 1.4;
  font-weight: 600;
}

.abor-page .need-hint {
  font-size: 16px;
  line-height: 1.5;
  color: #6f6f6f;
  font-weight: 400;
}

.abor-page .need-reveal {
  display: grid;
  grid-template-rows: 0fr;
  visibility: hidden;
  transition: grid-template-rows .4s ease,visibility .4s;
}

.abor-page .need-reveal>div {
  min-height: 0;
  overflow: hidden;
}

.abor-page .need-card.is-open .need-reveal {
  grid-template-rows: 1fr;
  visibility: visible;
}

.abor-page .need-copy {
  padding: 0 26px 26px;
}

.abor-page .need-copy p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  color: #6f6f6f;
}

.abor-page .need-answer {
  border-top: 1px solid #e9e9e9;
  padding-top: 20px;
  margin-top: 22px;
}

.abor-page .need-answer>span {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: #101d30;
  margin-bottom: 10px;
}

.abor-page .need-trigger:focus-visible {
  outline-offset: -5px;
}

@media (max-width:900px) {
  .abor-page .need-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media (max-width:620px) {
  .abor-page .need-grid {
    grid-template-columns: 1fr;
  }

  .abor-page .need-trigger {
    padding: 24px;
    gap: 16px;
  }

  .abor-page .need-copy {
    padding: 0 24px 24px;
  }
}

@media (prefers-reduced-motion:reduce) {
  .abor-page .need-card,
  .abor-page .need-card:before,
  .abor-page .need-reveal,
  .abor-page .need-marker i {
    transition: none;
  }

  .abor-page .need-card.is-open {
    transform: none;
  }
}

.abor-page .need-heading {
  padding: 26px 26px 20px;
}

.abor-page .need-heading h3 {
  font-size: 20px;
  line-height: 1.4;
  margin: 16px 0 0;
  font-weight: 600;
}

.abor-page .need-static {
  overflow: visible;
  border-top: 3px solid #ee4865;
}

.abor-page .need-static:before {
  display: none;
}

.abor-page .scope-heading {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  align-items: baseline;
  justify-content: space-between;
  margin: 0 0 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid #dce2e9;
}

.abor-page .scope-heading h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.4;
  margin: 0;
}

.abor-page .scope-heading>span {
  font-size: 16px;
  color: #6f6f6f;
}

.abor-page .scope-groups {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 28px;
}

.abor-page .scope-group h4 {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 17px;
  line-height: 1.4;
  margin: 0 0 18px;
}

.abor-page .scope-group h4 i {
  font-size: 20px;
  color: #ee4865;
}

.abor-page .scope-group ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
}

.abor-page .scope-group li {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 16px;
  line-height: 1.6;
  color: #6f6f6f;
}

.abor-page .scope-group li i {
  font-size: 16px;
  line-height: 1.6;
  color: #ee4865;
  flex-shrink: 0;
}

.abor-page .comparison-heading {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: end;
  margin-bottom: 28px;
}

.abor-page .comparison-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.2;
  letter-spacing: -.025em;
  margin: 0;
}

.abor-page .comparison-heading h2 span {
  color: #ee4865;
}

.abor-page .comparison-heading>p {
  font-size: 16px;
  line-height: 1.75;
  margin: 0;
  max-width: 470px;
}

.abor-page .comparison-labels,
.abor-page .comparison-row {
  display: grid;
  grid-template-columns: minmax(130px,.55fr) minmax(0,1fr) minmax(0,1.15fr);
  gap: 28px;
}

.abor-page .comparison-labels {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  color: #101d30;
  padding: 16px 20px;
  border-top: 1px solid #d7dce2;
  border-bottom: 1px solid #d7dce2;
}

.abor-page .comparison-labels>span:last-child {
  color: #c92145;
}

.abor-page .comparison-row {
  padding: 22px 20px;
  border-bottom: 1px solid #dfe3e8;
  align-items: start;
}

.abor-page .comparison-row:nth-child(odd) {
  background: #fff;
}

.abor-page .comparison-row h3 {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.5;
  margin: 0;
}

.abor-page .comparison-row p {
  font-size: 16px;
  line-height: 1.7;
  margin: 0;
  color: #6f6f6f;
}

.abor-page .comparison-fix {
  border-left: 2px solid #ee4865;
  padding-left: 18px;
}

.abor-page .mobile-pair-label {
  display: none;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
  color: #101d30;
  margin-bottom: 8px;
}

@media (max-width:1000px) {
  .abor-page .scope-groups {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 28px 36px;
  }
}

@media (max-width:760px) {
  .abor-page .comparison-heading {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .abor-page .comparison-labels {
    display: none;
  }

  .abor-page .comparison-row {
    grid-template-columns: 1fr 1fr;
    gap: 16px 24px;
    padding: 22px 18px;
  }

  .abor-page .comparison-row h3 {
    grid-column: 1/-1;
    color: #101d30;
    font-size: 20px;
  }

  .abor-page .mobile-pair-label {
    display: block;
  }

  .abor-page .comparison-fix .mobile-pair-label {
    color: #c92145;
  }
}

@media (max-width:520px) {
  .abor-page .scope-groups {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .abor-page .scope-group {
    padding-bottom: 22px;
    border-bottom: 1px solid #e4e7eb;
  }

  .abor-page .scope-group:last-child {
    padding-bottom: 0;
    border: 0;
  }

  .abor-page .comparison-row {
    grid-template-columns: 1fr;
  }

  .abor-page .comparison-row h3 {
    grid-column: auto;
  }

  .abor-page .comparison-fix {
    margin-top: 2px;
  }

  .abor-page .need-heading {
    padding: 24px 24px 20px;
  }
}

.abor-page .need-static {
  height: 100%;
  box-sizing: border-box;
}

.abor-page .challenge-story {
  position: relative;
  height: 370vh;
}

.abor-page .challenge-stage {
  position: sticky;
    top: 180px;
    display: flex;
    flex-direction: column;
    padding-bottom: 28px;
}

.abor-page .challenge-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.abor-page .challenge-scroll-hint {
  font-size: 16px;
  color: #6f6f6f;
}

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

.abor-page .challenge-count {
  font-size: 20px;
  font-weight: 600;
  color: #101d30;
  margin-right: 10px;
  font-variant-numeric: tabular-nums;
}

.abor-page .challenge-count span {
  font-size: 16px;
  font-weight: 400;
  color: #6f6f6f;
}

.abor-page .challenge-nav-actions button {
  height: 42px;
  width: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #dce1e8;
  border-radius: 50%;
  color: #101d30;
  font-size: 16px;
}

.abor-page .challenge-nav-actions button:hover:not(:disabled) {
  background: #101d30;
  color: #fff;
  border-color: #101d30;
}

.abor-page .challenge-nav-actions button:disabled {
  opacity: .35;
  cursor: default;
}

.abor-page .challenge-focus {
  display: flex;
  flex-direction: column;
}

.abor-page .challenge-focus-heading>span {
  font-size: 16px;
  font-weight: 500;
  color: #ffa4b5;
  letter-spacing: .1em;
}

.case-study.abor-page .challenge-focus-heading h3 {
  color: #fff;
}

.abor-page .challenge-focus-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.abor-page .challenge-focus-problem,
.abor-page .challenge-focus-response {
  display: flex;
  flex-direction: column;
}

.abor-page .challenge-focus-response {
  background: #fff;
}

.abor-page .challenge-focus-pair h4 {
  font-weight: 600;
  margin: 0 0 18px;
}

.abor-page .response-heading {
  display: flex;
}

.abor-page .response-heading i {
  color: #178347;
}

.case-study.abor-page .response-heading h4 {
  color: #178347;
}

.case-study.abor-page .challenge-focus-problem h4 {
  color: #c83232;
}

.abor-page .challenge-focus-problem {
  background: #fff;
}

.abor-page .challenge-segments {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}

.abor-page .challenge-segment {
  flex: 1;
  border: 0;
  background: transparent;
  padding: 20px 0;
  min-height: 44px;
}

.abor-page .challenge-segment span {
  display: block;
  height: 4px;
  border-radius: 3px;
  background: #d8dee7;
  transition: background .25s;
}

.abor-page .challenge-segment.is-active span {
  background: #ee4865;
}

.abor-page .challenge-segment:hover span {
  background: #101d30;
}

@keyframes sl-abor-challenge-arrive {
  from {
    transform: translateY(10px);
  }

  to {
    transform: translateY(0);
  }
}

@media (max-width:700px) {
  .abor-page .challenge-stage {
    top: 12px;
  }

  .abor-page .challenge-navigation {
    gap: 12px;
  }

  .abor-page .challenge-scroll-hint {
    max-width: 160px;
    line-height: 1.4;
  }

  .abor-page .challenge-focus-pair {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion:reduce) {
  .abor-page .challenge-segment span {
    transition: none;
  }
}

.abor-page .project-meta {
  padding: 4px 0 20px;
  border-bottom: 1px dashed rgba(255,255,255,.2);
}

.abor-page .project-meta-label {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--body);
  font-weight: 500;
}

.abor-page .project-meta-label i {
  color: #ff8299;
  font-size: 18px;
  width: 24px;
}

.abor-page .project-meta-value {
  font-size: 17px;
  line-height: 1.5;
  font-weight: 600;
  color: #fff;
  margin: 10px 0 0 36px;
}

.abor-page .brief-paragraphs {
  margin-bottom: 24px;
}

.abor-page .brief-paragraphs p {
  font-size: 17px;
  line-height: 1.75;
  margin: 0 0 18px;
}

.abor-page .brief-paragraphs p:last-child {
  margin-bottom: 0;
}

.abor-page .brief-visual {
  margin: 0 auto;
  width: min(100%,340px);
  padding: 0;
  background: transparent;
  box-shadow: none;
}

.abor-page .brief-visual img {
  display: block;
  width: 100%;
  height: 400px;
  object-fit: cover;
  object-position: top;
  border-radius: 12px;
}

.abor-page .brief-visual figcaption {
  font-size: 16px;
  line-height: 1.55;
  color: #6f6f6f;
  margin-top: 16px;
  padding-left: 16px;
  border-left: 2px solid #ee4865;
  text-align: left;
}

.abor-page .workflow-stage {
  padding: 0;
}

.abor-page .workflow-screen {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  border-radius: 0;
}

.abor-page .workflow-explainer {
  padding: 24px;
  max-width: 410px;
}

.abor-page .response-heading {
  align-items: baseline;
  gap: 12px;
}

.abor-page .response-heading i {
  font-size: 22px;
}

.abor-page .problem-heading i {
  color: #c83232;
}

.case-study.abor-page .outcome-light {
  --body: #6f6f6f;
  --heading: #101d30;
  background-color: #f0f0ff;
}

.abor-page .outcome-light .outcome-pointer {
  color: #535d6c;
}

@media (max-width:700px) {
  .abor-page .challenge-focus-pair h4,
  .abor-page .response-heading i {
    font-size: 20px;
  }

  .abor-page .workflow-stage {
    padding: 0;
  }

  .abor-page .brief-visual img {
    height: 380px;
  }

  .abor-page .outcome-light {
    background-attachment: scroll !important;
  }
}

.abor-page .project-details-grid {
  margin: 0;
  display: grid;
  border-top: 1px solid rgba(255,255,255,.18);
  border-left: 1px solid rgba(255,255,255,.18);
}

.abor-page .project-detail {
  border-right: 1px solid rgba(255,255,255,.18);
  border-bottom: 1px solid rgba(255,255,255,.18);
}

.abor-page .project-detail dt {
  display: flex;
  align-items: center;
}

.abor-page .project-detail dt i {
  color: #ff8299;
}

.abor-page .challenge-stage {
  display: flex;
  flex-direction: column;
}

.abor-page .challenge-stage>.comparison-heading {
  flex-shrink: 0;
}

.abor-page .challenge-stage .comparison-heading .eyebrow {
  margin-bottom: 10px;
}

.abor-page .challenge-stage .comparison-heading h2 {
  font-size: 34px;
  line-height: 1.14;
}

.abor-page .challenge-stage .comparison-heading>p {
  font-size: 16px;
  line-height: 1.6;
}

.abor-page .challenge-navigation,
.abor-page .challenge-segments {
  flex-shrink: 0;
}

.abor-page .challenge-focus {
  overflow-y: auto;
}

.abor-page .challenge-focus-heading {
  flex-shrink: 0;
}

.abor-page .challenge-focus-pair {
  flex: 1 0 auto;
}

.abor-page .challenge-focus-pair h4 {
  font-size: 28px;
  line-height: 1.25;
  margin-bottom: 16px;
}

@media (max-width:1000px) {
  .abor-page .challenge-stage .comparison-heading h2 {
    font-size: 30px;
  }
}

@media (max-width:700px) {
  .abor-page .challenge-stage>.comparison-heading {
    grid-template-columns: 1fr;
  }

  .abor-page .challenge-stage .comparison-heading>p {
    display: none;
  }

  .abor-page .challenge-stage .comparison-heading .eyebrow {
    margin-bottom: 6px;
  }

  .abor-page .challenge-stage .comparison-heading h2 {
    font-size: 28px;
  }

  .abor-page .challenge-focus {
    flex-basis: 440px;
  }

  .abor-page .challenge-focus-pair h4 {
    font-size: 28px;
  }
}

.abor-page .challenge-focus {
  border-radius: 20px;
  background: #fff;
  border: 1px solid #e1e5ec;
}

.abor-page .challenge-focus-heading {
  padding: 16px 28px 22px;
  background: linear-gradient(135deg,#0e1d31,#18233a);
  border-bottom: 3px solid #ee4865;
}

.case-study.abor-page .challenge-focus-heading h3 {
  line-height: 1.2;
  margin: 0;
  font-weight: 600;
}

.abor-page .challenge-focus-problem,
.abor-page .challenge-focus-response {
  padding: 28px;
  justify-content: flex-start;
  background: #fff;
}

.abor-page .challenge-focus-response {
  border-left: 1px solid #dfe3e9;
}

.abor-page .challenge-focus-pair .response-heading {
  display: flex;
}

.abor-page .challenge-focus-pair .response-heading i {
  display: block;
  line-height: 1;
}

.abor-page .challenge-focus-pair .response-heading h4 {
  font-weight: 600;
  margin: 0;
}

.abor-page .challenge-focus-pair p {
  margin: 0;
}

.case-study.abor-page .problem-heading h4,
.abor-page .challenge-focus-pair .problem-heading i {
  color: #ce3335;
}

.case-study.abor-page .challenge-focus-response h4,
.abor-page .challenge-focus-response .response-heading i {
  color: #16864b;
}

@media (max-width:700px) {
  .abor-page .challenge-focus-heading {
    padding: 18px 22px;
  }

  .abor-page .challenge-focus-problem,
  .abor-page .challenge-focus-response {
    padding: 24px;
  }

  .abor-page .challenge-focus-response {
    border-left: 0;
    border-top: 1px solid #dfe3e9;
  }
}

:root.sl-abor-document {
  --viewport-height: 100vh;
}

@supports (height:100svh) {
  :root.sl-abor-document {
    --viewport-height: 100svh;
  }
}

html.sl-abor-document {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.case-study.abor-page * {
  min-width: 0;
}

.case-study.abor-page p,
.case-study.abor-page dd,
.case-study.abor-page h2,
.case-study.abor-page h3 {
  overflow-wrap: break-word;
}

.abor-page .hero-location {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 20px;
  margin: 0 0 22px;
  padding-left: 14px;
  border-left: 3px solid #ee4865;
}

.abor-page .hero-country {
  display: flex;
  align-items: center;
  gap: 10px;
}

.abor-page .hero-country img {
  width: 34px;
  height: auto;
  display: block;
  flex-shrink: 0;
  border: 1px solid #e0e4eb;
}

.abor-page .hero-country span {
  font-size: 16px;
  line-height: 1.5;
  color: #c92145;
  font-weight: 500;
}

.abor-page .hero-location strong {
  font-size: 18px;
  line-height: 1.5;
  color: #101d30;
  font-weight: 600;
}

.abor-page .project-details-grid {
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 32px 36px;
  border: 0;
}

.abor-page .project-detail {
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
}

.abor-page .project-detail dt {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  gap: 10px;
  color: #b8cbe5;
}

.abor-page .project-detail dt i {
  font-size: 18px;
  flex-shrink: 0;
}

.abor-page .project-detail dd {
  margin: 12px 0 0;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 500;
  color: #fff;
}

.abor-page .flip-inner {
  -webkit-transform-style: preserve-3d;
}

.abor-page .flip-front,
.abor-page .flip-back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.abor-page .challenge-stage {
  position: -webkit-sticky;
  position: sticky;
}

@media (max-width:1000px) {
  .abor-page .project-details-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 28px 32px;
  }
}

@media (max-width:620px) {
  .abor-page .hero-location {
    display: block;
  }

  .abor-page .hero-location strong {
    display: block;
    margin-top: 7px;
  }

  .abor-page .project-details-grid {
    gap: 26px 22px;
  }

  .abor-page .project-detail dd {
    font-size: 16px;
  }

  .abor-page .project-detail dt {
    font-size: 16px;
  }

  .case-study.abor-page a.contact-link {
    max-width: 100%;
  }

  .abor-page .challenge-nav-actions {
    flex-shrink: 0;
  }
}

@media (max-width:380px) {
  .abor-page .project-details-grid {
    grid-template-columns: 1fr;
  }

  .abor-page .hero-country img {
    width: 30px;
  }

  .abor-page .challenge-navigation {
    flex-wrap: wrap;
    gap: 8px;
  }

  .abor-page .challenge-scroll-hint {
    max-width: none;
  }

  .abor-page .feature-tab {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width:767px) {
  .abor-page .hero-art {
    display: none !important;
  }

  .abor-page .hero-layout,
  .abor-page .brief-layout {
    grid-template-columns: minmax(0,1fr) !important;
  }

  .case-study.abor-page>section {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }

  .abor-page .hero-section h1 {
    font-size: clamp(32px,7.5vw,44px) !important;
    line-height: 1.15 !important;
  }

  .case-study.abor-page h2 {
    font-size: clamp(26px,6vw,32px) !important;
    line-height: 1.25 !important;
  }

  .abor-page .hero-section p {
    font-size: 16px !important;
    line-height: 1.7 !important;
    max-width: 100% !important;
  }

  .abor-page .hero-actions {
    gap: 12px !important;
  }

  .abor-page .hero-actions a {
    min-height: 48px;
    justify-content: center;
  }

  .abor-page .client-brief,
  .abor-page .client-brief .brief-paragraphs p,
  .abor-page .client-brief .brief-facts {
    text-align: center !important;
  }

  .abor-page .client-brief .brief-paragraphs {
    max-width: 560px;
    margin: 0 auto 28px;
  }

  .abor-page .client-brief .brief-paragraphs p {
    font-size: 16px;
    line-height: 1.75;
  }

  .abor-page .brief-facts {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 20px !important;
    max-width: 420px;
    margin: 0 auto;
  }

  .abor-page .brief-visual {
    max-width: 300px;
  }

  .abor-page .brief-visual figcaption {
    text-align: center;
    border-left: 0;
    padding-left: 0;
  }

  .abor-page .brief-visual figcaption:before {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background: #ee4865;
    margin: 0 auto 12px;
  }

  .abor-page .feature-tab {
    min-height: 48px;
  }
}

@media (max-width:480px) {
  .abor-page .hero-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .abor-page .hero-actions a {
    padding: 14px 18px !important;
    text-align: center;
  }

  .abor-page .hero-section h1 {
    letter-spacing: -.025em !important;
  }
}

.abor-page .birdi-gradient-label::after {
  content: "";
  display: block;
  width: 72px;
  height: 3px;
  margin: 12px auto 0;
  border-radius: 3px;
  background: linear-gradient(90deg,#ee4865 0%,#ff8299 48%,rgba(255,130,153,0) 100%);
}

.abor-page .hero-location .hero-country {
  gap: 14px;
}

.abor-page .hero-location .hero-country img {
  width: 48px;
}

.abor-page .hero-location .hero-country span {
  font-size: 26px;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: -.02em;
}

@media (max-width:767px) {
  .abor-page .hero-location .hero-country img {
    width: 42px;
  }

  .abor-page .hero-location .hero-country span {
    font-size: 23px;
  }
}

.abor-page .client-brief .brief-visual {
  width: min(100%,420px);
  max-width: 420px;
}

.abor-page .client-brief .brief-visual img {
  height: auto;
  object-fit: contain;
  box-shadow: 0 20px 44px rgba(16,29,48,.16),0 5px 12px rgba(16,29,48,.08);
}

.abor-page .need-grid {
  grid-auto-rows: auto;
}

.abor-page .need-grid .need-static {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  row-gap: 0;
  height: auto;
}

.abor-page .need-grid .need-copy {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  row-gap: 0;
}

@media (max-width:620px) {
  .abor-page .need-grid .need-static {
    display: block;
    grid-row: auto;
  }

  .abor-page .need-grid .need-copy {
    display: block;
    grid-row: auto;
  }

  .abor-page .client-brief .brief-visual img {
    box-shadow: 0 14px 28px rgba(16,29,48,.14),0 3px 8px rgba(16,29,48,.07);
  }
}

@media (max-width:767px) {
  .abor-page .client-brief .brief-visual {
    width: min(100%,300px);
  }
}

.abor-page .client-brief .brief-facts {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  gap: 0 !important;
  max-width: none;
  margin: 28px 0 0;
  padding: 6px 22px;
  background: #f6f7fa;
  border: 1px solid #e3e7ed;
  border-radius: 16px;
  text-align: left !important;
}

.abor-page .brief-fact {
  display: grid;
  grid-template-columns: 36px minmax(0,1fr);
  gap: 14px;
  align-items: start;
  padding: 18px 0;
}

.abor-page .brief-fact+.brief-fact {
  border-top: 1px solid #dfe4ec;
}

.abor-page .brief-fact-icon {
  display: grid;
  place-items: center;
  height: 36px;
  border-radius: 10px;
  background: #fce7ed;
  color: #c92145;
  font-size: 17px;
}

.case-study.abor-page .brief-fact h3 {
  font-size: 17px;
  line-height: 1.45;
  font-weight: 600;
  margin: 0 0 5px;
  color: #101d30;
}

.abor-page .brief-fact p {
  font-size: 16px;
  line-height: 1.65;
  margin: 0;
  color: #535d6c;
}

.abor-page .challenge-mobile {
  display: none;
}

.abor-page .challenge-focus {
  height: auto;
  min-height: 0;
  max-height: none;
  flex: 0 0 auto;
  overflow: hidden;
  box-shadow: none;
}

.abor-page .challenge-stage {
  max-height: none;
}

.abor-page .challenge-stage>.comparison-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
  margin-bottom: 28px;
}

.abor-page .challenge-stage>.comparison-heading>div {
  width: 100%;
}

.abor-page .challenge-stage>.comparison-heading>p {
  max-width: 680px;
  margin: 0;
  color: #626b78;
  font-size: 16px;
  line-height: 1.7;
}

.abor-page .challenge-stage>.comparison-heading .eyebrow {
  margin-bottom: 12px;
}

.abor-page .challenge-navigation {
  margin-bottom: 20px;
}

.abor-page .challenge-mobile-heading {
  text-align: center;
}

.abor-page .challenge-mobile-description {
  max-width: 680px;
  margin: 16px auto 0;
  font-size: 16px;
  line-height: 1.7;
  color: #626b78;
}

.abor-page .challenge-mobile-hint {
  font-size: 16px;
  line-height: 1.5;
  color: #626b78;
  margin: 0 0 16px;
}

.abor-page .challenge-focus-pair {
  animation: none;
}

.abor-page .challenge-focus-pair .response-heading {
  flex-direction: row;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
}

.abor-page .challenge-focus-pair .response-heading i {
  font-size: 22px;
}

.abor-page .challenge-focus-pair .response-heading h4 {
  font-size: 21px;
  line-height: 1.35;
}

.abor-page .challenge-focus-pair p {
  font-size: 16px;
  line-height: 1.7;
  color: #535d6c;
}

.case-study.abor-page .challenge-focus-heading h3 {
  font-size: 28px;
}

.abor-page .related-section {
  background: #101d30;
  color: #f7f9fc;
  padding: clamp(48px,6vw,72px) 0;
}

.abor-page .related-heading {
  max-width: 720px;
  margin-bottom: 28px;
}

.abor-page .related-heading h2 {
  font-size: clamp(28px,3vw,38px);
  line-height: 1.25;
  margin: 0;
  color: #f7f9fc;
}

.abor-page .related-heading h2 span {
  color: #ff8299;
}

.abor-page .related-all-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  min-height: 44px;
  font-size: 16px;
  line-height: 1.4;
  color: #f7f9fc;
}

.abor-page .related-all-link:hover {
  color: #ff8299;
}

.abor-page .related-all-link:focus-visible {
  outline: 3px solid #ff8299;
  outline-offset: 4px;
}

.abor-page .related-switcher {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0 0 24px;
}

.abor-page .related-switcher button {
  font: inherit;
  font-size: 16px;
  line-height: 1.4;
  min-height: 44px;
  min-width: 44px;
  border: 1px solid #4b596e;
  border-radius: 8px;
  color: #f7f9fc;
  background: transparent;
  padding: 10px 16px;
}

.abor-page .related-switcher button[aria-pressed="true"] {
  background: #f7f9fc;
  color: #101d30;
  border-color: #f7f9fc;
}

.abor-page .related-card {
  border: 1px solid #39475b;
  border-radius: 18px;
  background: #16253a;
  padding: 32px;
  min-width: 0;
}

.abor-page .related-card-tag {
  color: #ff8299;
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 12px;
}

.case-study.abor-page .related-card h3 {
  font-size: clamp(24px,2.7vw,32px);
  line-height: 1.3;
  color: #f7f9fc;
  margin: 0 0 28px;
  max-width: 780px;
}

.abor-page .related-comparison {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 32px;
}

.abor-page .related-card h4 {
  font-size: 17px;
  line-height: 1.4;
  font-weight: 600;
  color: #f7f9fc;
  margin: 0 0 10px;
}

.abor-page .related-card p {
  font-size: 16px;
  line-height: 1.75;
  overflow-wrap: anywhere;
}

.abor-page .related-comparison p {
  color: #bdcbe0;
  margin: 0;
}

.abor-page .related-result {
  margin-top: 28px;
  padding: 24px 0 0;
  border-top: 1px solid #3d4b60;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: end;
  gap: 28px;
}

.abor-page .related-result p {
  color: #bdcbe0;
  margin: 0;
  max-width: 780px;
}

.abor-page .related-result a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: #f7f9fc;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 600;
  border-bottom: 2px solid #ff8299;
  padding: 10px 0;
}

@media (max-width:899px),(max-height:650px) {
  .abor-page .challenge-story {
    display: none;
  }

  .abor-page .challenge-mobile {
    display: block;
  }

  .abor-page .challenge-mobile-heading {
    margin-bottom: 24px;
  }

  .case-study.abor-page .challenge-mobile-heading h2 {
    font-size: 30px;
    line-height: 1.25;
    margin: 0;
    color: #101d30;
  }

  .abor-page .challenge-mobile-heading h2 span {
    color: #c92145;
  }

  .abor-page .challenge-disclosures {
    display: grid;
    gap: 10px;
  }

  .abor-page .challenge-disclosure {
    border: 1px solid #dce2eb;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
  }

  .abor-page .challenge-disclosure summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    list-style: none;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
    color: #101d30;
    cursor: pointer;
  }

  .abor-page .challenge-disclosure summary::-webkit-details-marker {
    display: none;
  }

  .abor-page .challenge-disclosure summary i {
    font-size: 16px;
    color: #c92145;
    flex-shrink: 0;
    transition: transform .18s;
  }

  .abor-page .challenge-disclosure[open] summary {
    background: #101d30;
    color: #fff;
  }

  .abor-page .challenge-disclosure[open] summary i {
    transform: rotate(180deg);
    color: #ff8299;
  }

  .abor-page .challenge-disclosure-body {
    padding: 20px;
  }

  .abor-page .challenge-disclosure-body>div+div {
    border-top: 1px solid #e2e6ed;
    padding-top: 18px;
    margin-top: 18px;
  }

  .abor-page .challenge-disclosure h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 8px;
    color: #101d30;
  }

  .abor-page .challenge-disclosure .mobile-response h3 {
    color: #c92145;
  }

  .abor-page .challenge-disclosure p {
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
    color: #535d6c;
  }
}

@media (max-width:767px) {
  .abor-page .client-brief .brief-paragraphs p {
    text-align: center !important;
  }

  .abor-page .client-brief .brief-facts {
    text-align: left !important;
    padding: 4px 18px;
  }

  .abor-page .brief-fact {
    grid-template-columns: 32px minmax(0,1fr);
    gap: 12px;
    padding: 17px 0;
  }

  .abor-page .brief-fact-icon {
    height: 32px;
    font-size: 16px;
  }

  .abor-page .related-card {
    padding: 22px;
    border-radius: 14px;
  }

  .abor-page .related-comparison {
    grid-template-columns: minmax(0,1fr);
    gap: 22px;
  }

  .abor-page .related-result {
    grid-template-columns: minmax(0,1fr);
    gap: 18px;
    margin-top: 22px;
    padding-top: 22px;
  }

  .case-study.abor-page .related-card h3 {
    font-size: 25px;
    margin-bottom: 24px;
  }

  .abor-page .related-result a {
    justify-self: start;
  }

  .abor-page .related-switcher {
    gap: 8px;
  }
}

@media (prefers-reduced-motion:reduce) {
  .abor-page .challenge-disclosure summary i {
    transition: none;
  }
}

.abor-page .birdi-summary {
  background: radial-gradient(ellipse at 3% 100%,rgba(238,72,101,.25) 0%,rgba(238,72,101,.08) 34%,transparent 64%),radial-gradient(ellipse at 100% 0%,rgba(255,130,153,.17) 0%,transparent 58%),linear-gradient(115deg,#101d30 0%,#14243b 52%,#101d30 100%);
  color: #f6f8fc;
  padding: 40px 0;
}

.abor-page .birdi-summary-inner {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 24px;
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 48px;
  align-items: stretch;
}

.abor-page .birdi-summary-identity {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.abor-page .birdi-summary-client {
  display: flex;
  gap: 18px;
  align-items: center;
  width: 100%;
}

.abor-page .birdi-summary .birdi-client-name {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.035em;
  margin: 0;
  color: #f6f8fc;
}

.abor-page .birdi-summary-sector {
  font-size: 16px;
  color: #bdc8d9;
  border-left: 1px solid #445063;
  padding-left: 18px;
}

.abor-page .birdi-summary .birdi-solution {
  font-size: 23px;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: -.025em;
  max-width: 420px;
  margin: 20px 0 22px;
  color: #f6f8fc;
}

.abor-page .birdi-summary-status {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 16px;
  line-height: 1.4;
  color: #f6f8fc;
  margin-top: auto;
}

.abor-page .birdi-summary-status i {
  color: #ff8299;
  font-size: 16px;
}

.abor-page .birdi-summary-facts {
  display: grid;
  grid-template-columns: 1fr 1.12fr;
  column-gap: 32px;
  row-gap: 24px;
  margin: 0;
  padding: 3px 0 3px 40px;
  border-left: 1px solid #394558;
  align-content: space-between;
}

.abor-page .birdi-summary-facts>div {
  min-width: 0;
}

.abor-page .birdi-summary-facts dt {
  font-size: 16px;
  line-height: 1.4;
  color: #bdc8d9;
  margin: 0 0 8px;
  font-weight: 400;
}

.abor-page .birdi-summary-facts dd {
  font-size: 18px;
  line-height: 1.5;
  color: #f6f8fc;
  font-weight: 500;
  margin: 0;
}

@media (max-width:1000px) {
  .abor-page .birdi-summary-inner {
    gap: 28px;
    grid-template-columns: 1fr 1.25fr;
  }

  .abor-page .birdi-summary-facts {
    padding-left: 28px;
    column-gap: 24px;
  }

  .abor-page .birdi-summary .birdi-solution {
    font-size: 21px;
  }
}

@media (max-width:767px) {
  .abor-page .birdi-summary {
    padding: 30px 0;
  }

  .abor-page .birdi-summary-inner {
    grid-template-columns: 1fr;
    gap: 26px;
  }

  .abor-page .birdi-summary .birdi-solution {
    font-size: 22px;
    max-width: 520px;
    margin: 16px 0 18px;
  }

  .abor-page .birdi-summary-facts {
    border-left: 0;
    border-top: 1px solid #394558;
    padding: 24px 0 0;
    gap: 22px 24px;
    grid-template-columns: 1fr 1fr;
  }

  .abor-page .birdi-summary-facts dd {
    font-size: 16px;
  }

  .abor-page .birdi-summary .birdi-client-name {
    font-size: 30px;
  }
}

@media (max-width:359px) {
  .abor-page .birdi-summary-facts {
    grid-template-columns: 1fr;
  }
}

/* Fixed presentation exported from the approved page. */

.case-study.abor-page .birdi-presentation-1,
.case-study.birdi-presentation-1.abor-page {
  font-family: Lexend, sans-serif;
  background: rgb(255, 255, 255);
  color: rgb(16, 29, 48);
}

.case-study.abor-page .birdi-presentation-2,
.case-study.birdi-presentation-2.abor-page {
  background: rgb(255, 255, 255);
  padding: clamp(56px, 7vw, 84px) 0px;
  position: relative;
  overflow: hidden;
}

.case-study.abor-page .birdi-presentation-3,
.case-study.birdi-presentation-3.abor-page {
  /* max-width: 1180px; */
  margin: 0px auto;
  padding: 0px 24px;
}

.case-study.abor-page .birdi-presentation-4,
.case-study.birdi-presentation-4.abor-page {
  align-items: center;
}

.case-study.abor-page .birdi-presentation-5,
.case-study.birdi-presentation-5.abor-page {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 22px;
}

.case-study.abor-page .birdi-presentation-6,
.case-study.birdi-presentation-6.abor-page {
  height: 2px;
  width: 38px;
  background: linear-gradient(90deg, rgb(238, 72, 101), rgb(213, 31, 63));
}

.case-study.abor-page .birdi-presentation-7,
.case-study.birdi-presentation-7.abor-page {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.16em;
  color: rgb(238, 72, 101);
}

.case-study.abor-page .birdi-presentation-8,
.case-study.birdi-presentation-8.abor-page {
  font-size: clamp(2.05rem, 4vw, 4rem);
  line-height: 1.06;
  font-weight: 700;
  margin: 0px 0px 22px;
  letter-spacing: -0.01em;
}

.case-study.abor-page .birdi-presentation-9,
.case-study.birdi-presentation-9.abor-page {
  color: rgb(238, 72, 101);
}

.case-study.abor-page .birdi-presentation-10,
.case-study.birdi-presentation-10.abor-page {
  font-size: 17px;
  line-height: 1.7;
  color: var(--body);
  margin: 0px 0px 30px;
  max-width: 470px;
}

.case-study.abor-page .birdi-presentation-11,
.case-study.birdi-presentation-11.abor-page {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.case-study.abor-page .birdi-presentation-12,
.case-study.birdi-presentation-12.abor-page {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, rgb(238, 72, 101) 0%, rgb(213, 31, 63) 100%);
  color: rgb(255, 255, 255);
  font-weight: 600;
  font-size: 16px;
  padding: 15px 28px;
  border-radius: 10px;
  box-shadow: rgba(213, 31, 63, 0.26) 0px 12px 26px;
  transition: transform 0.25s, box-shadow 0.25s;
}

.case-study.abor-page .birdi-presentation-13,
.case-study.birdi-presentation-13.abor-page {
  font-size: 16px;
}

.case-study.abor-page .birdi-presentation-14,
.case-study.birdi-presentation-14.abor-page {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 24px 0px;
}

.case-study.abor-page .birdi-presentation-15,
.case-study.birdi-presentation-15.abor-page {
  position: absolute;
  inset: auto 12% 6%;
  height: 78%;
  background: rgb(243, 243, 243);
  border-radius: 16px;
}

.case-study.abor-page .birdi-presentation-16,
.case-study.birdi-presentation-16.abor-page {
  position: relative;
  width: 100%;
  max-width: 262px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: rgba(16, 29, 48, 0.24) 0px 34px 74px, rgba(16, 29, 48, 0.1) 0px 6px 16px;
}

.case-study.abor-page .birdi-presentation-17,
.case-study.birdi-presentation-17.abor-page {
  display: block;
  width: 100%;
  height: auto;
}

.case-study.abor-page .birdi-presentation-18,
.case-study.birdi-presentation-18.abor-page {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr));
  gap: 24px;
  margin-top: clamp(36px, 5vw, 56px);
  padding-top: 28px;
  border-top: 1px solid rgba(16, 29, 48, 0.1);
}

.case-study.abor-page .birdi-presentation-19,
.case-study.birdi-presentation-19.abor-page {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.case-study.abor-page .birdi-presentation-20,
.case-study.birdi-presentation-20.abor-page {
  color: rgb(238, 72, 101);
  font-size: 16px;
  margin-top: 4px;
}

.case-study.abor-page .birdi-presentation-21,
.case-study.birdi-presentation-21.abor-page {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 3px;
}

.case-study.abor-page .birdi-presentation-22,
.case-study.birdi-presentation-22.abor-page {
  font-size: 16px;
  color: var(--body);
  line-height: 1.45;
}

.case-study.abor-page .birdi-presentation-23,
.case-study.birdi-presentation-23.abor-page {
  background: rgb(255, 255, 255);
  padding: clamp(56px, 7vw, 84px) 0px;
}

.case-study.abor-page .birdi-presentation-24,
.case-study.birdi-presentation-24.abor-page {
  max-width: 720px;
  margin: 0px auto clamp(32px, 4vw, 48px);
  text-align: center;
}

.case-study.abor-page .birdi-presentation-25,
.case-study.birdi-presentation-25.abor-page {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: rgb(238, 72, 101);
  font-weight: 700;
  margin-bottom: 16px;
}

.case-study.abor-page .birdi-presentation-26,
.case-study.birdi-presentation-26.abor-page {
  font-size: clamp(1.55rem, 2.4vw, 2.1rem);
  font-weight: 700;
  line-height: 1.25;
  margin: 0px;
}

.case-study.abor-page .birdi-presentation-27,
.case-study.birdi-presentation-27.abor-page {
  background: rgb(243, 243, 243);
  padding: clamp(56px, 7vw, 84px) 0px;
}

.case-study.abor-page .birdi-presentation-28,
.case-study.birdi-presentation-28.abor-page {
  max-width: 740px;
  margin: 0px auto clamp(32px, 4vw, 48px);
  text-align: center;
}

.case-study.abor-page .birdi-presentation-29,
.case-study.birdi-presentation-29.abor-page {
  font-size: clamp(1.55rem, 2.4vw, 2.1rem);
  font-weight: 700;
  line-height: 1.25;
  margin: 0px 0px 18px;
}

.case-study.abor-page .birdi-presentation-30,
.case-study.birdi-presentation-30.abor-page {
  font-size: 16px;
  line-height: 1.75;
  color: var(--body);
  margin: 0px;
}

.case-study.abor-page .birdi-presentation-31,
.case-study.birdi-presentation-31.abor-page {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: clamp(32px, 5vw, 64px);
  align-items: center;
  margin-bottom: clamp(36px, 5vw, 56px);
}

.case-study.abor-page .birdi-presentation-32,
.case-study.birdi-presentation-32.abor-page {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: rgb(238, 72, 101);
  font-weight: 700;
  margin-bottom: 18px;
}

.case-study.abor-page .birdi-presentation-33,
.case-study.birdi-presentation-33.abor-page {
  font-size: clamp(1.55rem, 2.4vw, 2.1rem);
  font-weight: 700;
  line-height: 1.25;
  margin: 0px 0px 20px;
}

.case-study.abor-page .birdi-presentation-34,
.case-study.birdi-presentation-34.abor-page {
  font-size: 16px;
  line-height: 1.75;
  color: var(--body);
  margin: 0px 0px 14px;
}

.case-study.abor-page .birdi-presentation-35,
.case-study.birdi-presentation-35.abor-page {
  display: flex;
  justify-content: center;
  gap: 16px;
}

.case-study.abor-page .birdi-presentation-36,
.case-study.birdi-presentation-36.abor-page {
  width: 46%;
  max-width: 190px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: rgba(16, 29, 48, 0.18) 0px 24px 54px;
  align-self: flex-start;
}

.case-study.abor-page .birdi-presentation-37,
.case-study.birdi-presentation-37.abor-page {
  width: 46%;
  max-width: 190px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: rgba(16, 29, 48, 0.18) 0px 24px 54px;
  align-self: flex-end;
}

.case-study.abor-page .birdi-presentation-38,
.case-study.birdi-presentation-38.abor-page {
  width: 10%;
}

.case-study.abor-page .birdi-presentation-39,
.case-study.birdi-presentation-39.abor-page {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: clamp(28px, 4vw, 52px);
  align-items: center;
}

.case-study.abor-page .birdi-presentation-40,
.case-study.birdi-presentation-40.abor-page {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}

.case-study.abor-page .birdi-presentation-41,
.case-study.birdi-presentation-41.abor-page {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgb(238, 72, 101), rgb(213, 31, 63));
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.case-study.abor-page .birdi-presentation-42,
.case-study.birdi-presentation-42.abor-page {
  color: rgb(255, 255, 255);
  font-size: 16px;
}

.case-study.abor-page .birdi-presentation-43,
.case-study.birdi-presentation-43.abor-page {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-weight: 700;
  color: rgb(16, 29, 48);
}

.case-study.abor-page .birdi-presentation-44,
.case-study.birdi-presentation-44.abor-page {
  font-size: 16px;
  line-height: 1.75;
  color: var(--body);
  margin: 0px 0px 26px;
}

.case-study.abor-page .birdi-presentation-45,
.case-study.birdi-presentation-45.abor-page {
  display: flex;
  flex-direction: column;
  gap: 0px;
}

.case-study.abor-page .birdi-presentation-46,
.case-study.birdi-presentation-46.abor-page {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 15px 0px;
  border-top: 1px solid rgba(16, 29, 48, 0.12);
}

.case-study.abor-page .birdi-presentation-47,
.case-study.birdi-presentation-47.abor-page {
  font-size: 16px;
  font-weight: 700;
  color: rgb(238, 72, 101);
  min-width: 22px;
}

.case-study.abor-page .birdi-presentation-48,
.case-study.birdi-presentation-48.abor-page {
  font-size: 16px;
  line-height: 1.55;
  color: rgb(16, 29, 48);
}

.case-study.abor-page .birdi-presentation-49,
.case-study.birdi-presentation-49.abor-page {
  display: flex;
  justify-content: center;
}

.case-study.abor-page .birdi-presentation-50,
.case-study.birdi-presentation-50.abor-page {
  width: 100%;
  max-width: 250px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: rgba(16, 29, 48, 0.22) 0px 28px 60px;
}

.case-study.abor-page .birdi-presentation-51,
.case-study.birdi-presentation-51.abor-page {
  position: relative;
  overflow: hidden;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.57), rgb(239, 239, 255)), url("../uploads/cs-chal-sol-bg.webp");
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  padding: clamp(56px, 7vw, 84px) 0px;
  color: rgb(16, 29, 48);
}

.case-study.abor-page .birdi-presentation-52,
.case-study.birdi-presentation-52.abor-page {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: clamp(32px, 5vw, 64px);
  align-items: center;
  margin-bottom: clamp(40px, 5vw, 60px);
}

.case-study.abor-page .birdi-presentation-53,
.case-study.birdi-presentation-53.abor-page {
  position: relative;
  display: flex;
  justify-content: center;
}

.case-study.abor-page .birdi-presentation-54,
.case-study.birdi-presentation-54.abor-page {
  width: 100%;
  max-width: 236px;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.42) 0px 30px 66px;
}

.case-study.abor-page .birdi-presentation-55,
.case-study.birdi-presentation-55.abor-page {
  position: absolute;
  top: 12%;
  right: 0px;
  background: rgb(255, 255, 255);
  border-radius: 12px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 16px 34px;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  gap: 9px;
}

.case-study.abor-page .birdi-presentation-56,
.case-study.birdi-presentation-56.abor-page {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: rgb(31, 158, 92);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.case-study.abor-page .birdi-presentation-57,
.case-study.birdi-presentation-57.abor-page {
  font-size: 16px;
  font-weight: 700;
  color: rgb(16, 29, 48);
}

.case-study.abor-page .birdi-presentation-58,
.case-study.birdi-presentation-58.abor-page {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 8px;
}

.case-study.abor-page .birdi-presentation-59,
.case-study.birdi-presentation-59.abor-page {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-weight: 700;
  color: rgb(16, 29, 48);
  white-space: normal;
}

.case-study.abor-page .birdi-presentation-60,
.case-study.birdi-presentation-60.abor-page {
  height: 1px;
  flex: 1 1 0%;
  background: rgba(16, 29, 48, 0.15);
}

.case-study.abor-page .birdi-presentation-61,
.case-study.birdi-presentation-61.abor-page {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 0px 56px;
}

.case-study.abor-page .birdi-presentation-62,
.case-study.birdi-presentation-62.abor-page {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 20px 0px;
  border-bottom: 1px solid rgba(16, 29, 48, 0.12);
}

.case-study.abor-page .birdi-presentation-63,
.case-study.birdi-presentation-63.abor-page {
  color: rgb(238, 72, 101);
  font-size: 22px;
  width: 24px;
  flex-shrink: 0;
}

.case-study.abor-page .birdi-presentation-64,
.case-study.birdi-presentation-64.abor-page {
  font-size: 16px;
  line-height: 1.7;
  color: rgb(83, 93, 108);
  font-weight: 300;
}

.case-study.abor-page .birdi-presentation-65,
.case-study.birdi-presentation-65.abor-page {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: 32px;
  align-items: end;
  margin-bottom: clamp(32px, 4vw, 44px);
}

.case-study.abor-page .birdi-presentation-66,
.case-study.birdi-presentation-66.abor-page {
  max-width: 640px;
  margin-bottom: clamp(32px, 4vw, 44px);
}

.case-study.abor-page .birdi-presentation-67,
.case-study.birdi-presentation-67.abor-page {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: 20px 40px;
  align-items: center;
  padding: 26px 0px;
  border-top: 1px solid rgba(16, 29, 48, 0.12);
}

.case-study.abor-page .birdi-presentation-68,
.case-study.birdi-presentation-68.abor-page {
  display: flex;
  align-items: baseline;
  gap: 14px;
}

.case-study.abor-page .birdi-presentation-69,
.case-study.birdi-presentation-69.abor-page {
  font-size: 16px;
  font-weight: 700;
  color: rgb(238, 72, 101);
}

.case-study.abor-page .birdi-presentation-70,
.case-study.birdi-presentation-70.abor-page {
  font-size: 16.5px;
  font-weight: 700;
  line-height: 1.3;
}

.case-study.abor-page .birdi-presentation-71,
.case-study.birdi-presentation-71.abor-page {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  min-width: 0px;
}

.case-study.abor-page .birdi-presentation-72,
.case-study.birdi-presentation-72.abor-page {
  display: flex;
  align-items: center;
  gap: 9px;
  background: rgb(243, 243, 243);
  border-radius: 8px;
  padding: 10px 16px;
  transition: background 0.3s, color 0.3s;
}

.case-study.abor-page .birdi-presentation-73,
.case-study.birdi-presentation-73.abor-page {
  color: rgb(238, 72, 101);
  font-size: 16px;
}

.case-study.abor-page .birdi-presentation-74,
.case-study.birdi-presentation-74.abor-page {
  font-size: 16px;
  font-weight: 600;
}

.case-study.abor-page .birdi-presentation-75,
.case-study.birdi-presentation-75.abor-page {
  font-size: 16px;
  opacity: 1;
}

.case-study.abor-page .birdi-presentation-76,
.case-study.birdi-presentation-76.abor-page {
  max-width: 1180px;
  margin: 0px auto;
  padding: 0px 24px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
  gap: clamp(32px, 5vw, 64px);
  align-items: center;
}

.case-study.abor-page .birdi-presentation-77,
.case-study.birdi-presentation-77.abor-page {
  font-size: 16px;
  line-height: 1.75;
  color: var(--body);
  margin: 0px 0px 28px;
  max-width: 480px;
}

.case-study.abor-page .birdi-presentation-78,
.case-study.birdi-presentation-78.abor-page {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, rgb(238, 72, 101), rgb(213, 31, 63));
  color: rgb(255, 255, 255);
  font-weight: 600;
  font-size: 16px;
  padding: 16px 32px;
  border-radius: 10px;
  box-shadow: rgba(213, 31, 63, 0.26) 0px 14px 30px;
  transition: transform 0.25s, box-shadow 0.25s;
}

.case-study.abor-page .birdi-presentation-79,
.case-study.birdi-presentation-79.abor-page {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: rgb(16, 29, 48);
  font-weight: 700;
  margin-bottom: 6px;
}

.case-study.abor-page .birdi-presentation-80,
.case-study.birdi-presentation-80.abor-page {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 0px;
  border-bottom: 1px solid rgba(16, 29, 48, 0.12);
}

.case-study.abor-page .birdi-presentation-81,
.case-study.birdi-presentation-81.abor-page {
  color: rgb(238, 72, 101);
  font-size: 16px;
  width: 20px;
}

.case-study.abor-page .birdi-presentation-82,
.case-study.birdi-presentation-82.abor-page {
  font-size: 16px;
  font-weight: 500;
}

/* .case-study.abor-page .birdi-presentation-83,
.case-study.birdi-presentation-83.abor-page {
  position: sticky;
  top: 70px;
} */

.case-study.abor-page .birdi-presentation-84,
.case-study.birdi-presentation-84.abor-page {
  font-size: clamp(1.55rem, 2.4vw, 2.1rem);
  font-weight: 700;
  line-height: 1.25;
  margin: 0px 0px 16px;
}

.case-study.abor-page .birdi-presentation-85,
.case-study.birdi-presentation-85.abor-page {
  font-size: 16px;
  line-height: 1.7;
  color: var(--body);
  margin: 0px;
  max-width: 330px;
}

/* ---- ABOR — Asset Finance Contract Management / bootstrap4-integration.css ---- */

/* Bootstrap 4 grid and tabs, adjusted to preserve the approved Birdi design. */

.case-study.abor-page .hero-layout.row,
.case-study.abor-page .brief-layout.row {
  --birdi-column-gap: clamp(32px, 5vw, 64px);
  display: flex !important;
  gap: 0 !important;
  margin-left: 0;
  margin-right: 0;
  padding-top:100px;
}

.case-study.abor-page .brief-layout.row {
  --birdi-column-gap: clamp(32px, 5vw, 56px);
}

.case-study.abor-page .hero-layout.row > .col-md-6,
.case-study.abor-page .brief-layout.row > .col-md-6 {
  padding-left: calc(var(--birdi-column-gap) * 0.5);
  padding-right: calc(var(--birdi-column-gap) * 0.5);
}

.case-study.abor-page .hero-layout.row > .col-md-6:first-child,
.case-study.abor-page .brief-layout.row > .col-md-6:first-child {
  padding-left: 0;
}

.case-study.abor-page .hero-layout.row > .col-md-6:last-child,
.case-study.abor-page .brief-layout.row > .col-md-6:last-child {
  padding-right: 0;
}

.case-study.abor-page .birdi-contact-button {
  border: 0;
  line-height: normal;
  text-align: inherit;
  vertical-align: baseline;
}

.case-study.abor-page .birdi-contact-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 34px rgba(213,31,63,.34);
  color: #fff;
}

.case-study.abor-page .birdi-tech-pill:hover {
  background: #101d30;
  color: #fff;
}

.case-study.abor-page .feature-tabs.nav-tabs {
  border-bottom: 0;
}

.case-study.abor-page .feature-tabs.nav-tabs .nav-link {
  border: 0;
  /* Retain the original Bootstrap tab corners with direct page classes. */
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  margin-bottom: 0;
  padding: 20px 8px;
  color: #101d30;
  line-height: 1.4;
}

.case-study.abor-page .feature-tabs.nav-tabs .nav-link.active {
  background: #fff;
  color: #101d30;
}

/* Keep inactive Bootstrap panels hidden within this case-study page. */
.case-study.abor-page .tab-content > .features-panel {
  display: none;
}

.case-study.abor-page .tab-content > .features-panel.active {
  display: grid;
}

@media (max-width: 767px) {
  .case-study.abor-page .hero-layout.row,
  .case-study.abor-page .brief-layout.row {
    margin-left: 0;
    margin-right: 0;
    padding-top:10px;
  }

  .case-study.abor-page .hero-layout.row > .col-md-6,
  .case-study.abor-page .brief-layout.row > .col-md-6 {
    padding-left: 0;
    padding-right: 0;
  }

  .case-study.abor-page .brief-layout.row > .col-md-6 + .col-md-6 {
    margin-top: 32px;
  }
}

@media (max-width: 460px) {
  .case-study.abor-page .feature-tabs.nav-tabs .nav-link {
    padding: 16px 6px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .case-study.abor-page .birdi-contact-button:hover {
    transform: none;
  }
}

/* ---- ABOR — Asset Finance Contract Management / template-adaptations.css ---- */

/* Content-specific adaptations that retain Birdi's component structure. */

html.sl-abor-document,
body.sl-abor-body {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}

.case-study.abor-page,
.case-study.abor-page>section,
.case-study.abor-page .container,
.case-study.abor-page .row,
.case-study.abor-page [class*="col-"] {
  min-width: 0;
}

.case-study.abor-page h1,
.case-study.abor-page h2,
.case-study.abor-page h3,
.case-study.abor-page p,
.case-study.abor-page li,
.case-study.abor-page a {
  overflow-wrap: anywhere;
}

.abor-page .country-flag {
  font-size: 1.45rem;
  line-height: 1;
}

.abor-page .hero-image-caption,
.abor-page .section-image-caption {
  font-size: .72rem;
  line-height: 1.5;
  color: #64748b;
  margin: .85rem 0 0;
  text-align: center;
}

.case-study.abor-page .hero-art {
  overflow: visible;
}

.case-study.abor-page .wide-product-visual {
  width: 132%;
  max-width: none;
  margin-left: -9%;
  display: block;
  padding-top: 28px;
  background: #e7edf5;
  border: 1px solid #dbe2eb;
  border-radius: 16px;
  box-shadow: rgba(16,29,48,.22) 0 28px 68px,rgba(16,29,48,.08) 0 6px 16px;
}

.case-study.abor-page .wide-product-visual:before {
  content: "";
  position: absolute;
  left: 14px;
  top: 10px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #ff6374;
  box-shadow: 17px 0 0 #b8c0cc,34px 0 0 #c9d0d9;
}

.case-study.abor-page .wide-product-visual img {
  display: block;
  width: 100%;
  height: auto !important;
  max-height: none !important;
  object-fit: contain;
  border-radius: 0 0 15px 15px;
}

.abor-page .wide-brief img,
.abor-page .wide-build-image img,
.abor-page .wide-outcome-image img {
  object-fit: contain;
  background: #fff;
  height: auto !important;
}

.abor-page .brief-statement {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 3rem;
  border-left: 1px solid rgba(15,23,42,.13);
  font-size: 1rem;
  color: #657082;
}

.abor-page .brief-statement strong {
  font-size: clamp(1.8rem,3vw,3rem);
  line-height: 1.05;
  color: #0f1735;
  margin-bottom: 1.2rem;
}

.abor-page .brief-statement p {
  max-width: 32rem;
  line-height: 1.8;
}

.abor-page .image-feature .birdi-presentation-52 {
  align-items: center;
}

.abor-page .wide-outcome-image {
  width: 100%;
  max-width: 650px;
}

.abor-page .wide-outcome-image .birdi-presentation-54 {
  width: 100%;
  height: auto;
  min-height: 0;
}

.abor-page .wide-outcome-image img {
  width: 100%;
  height: auto !important;
  max-height: none;
}

.abor-page .barc-build .birdi-presentation-35 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 18px;
  width: 100%;
}

.case-study.abor-page .barc-build .birdi-presentation-36,
.case-study.abor-page .barc-build .birdi-presentation-37 {
  width: 100%;
  max-width: none;
  min-height: 0;
  height: auto;
  border-radius: 12px;
  align-self: auto;
  background: transparent;
  box-shadow: rgba(16,29,48,.14) 0 18px 44px;
}

.case-study.abor-page .barc-build .birdi-presentation-36 img,
.case-study.abor-page .barc-build .birdi-presentation-37 img {
  display: block;
  width: 100%;
  height: auto !important;
  object-fit: contain;
}

.abor-page .outcome-stat {
  display: flex;
  min-height: 280px;
  padding: 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #0e1731;
  color: #fff;
  border-radius: 28px;
  text-align: center;
}

.abor-page .outcome-stat strong {
  font-size: clamp(3.2rem,5vw,5rem);
  line-height: 1;
  color: #fff;
}

.abor-page .outcome-stat span {
  max-width: 16rem;
  margin-top: 1rem;
  color: #b9c4dd;
}

.abor-page .template-custom {
  padding-top: clamp(70px,8vw,125px);
  padding-bottom: clamp(70px,8vw,125px);
}

.abor-page .template-custom:nth-of-type(even) {
  background: #f6f7f9;
}

.abor-page .custom-content {
  margin-top: clamp(2rem,5vw,4.5rem);
}

.abor-page .custom-full-visual {
  margin: 4rem 0 0;
}

.abor-page .custom-full-visual img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 28px;
  box-shadow: 0 30px 70px rgba(15,23,53,.13);
}

.abor-page .custom-full-visual figcaption {
  text-align: center;
  color: #64748b;
  font-size: .75rem;
  margin-top: 1rem;
}

.abor-page .lifecycle-template {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  align-items: center;
  gap: 1.5rem;
}

.abor-page .lifecycle-template div {
  min-height: 170px;
  padding: 2rem;
  background: #0f1735;
  color: #fff;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.abor-page .lifecycle-template div:nth-of-type(2) {
  background: #15304b;
}

.abor-page .lifecycle-template div:nth-of-type(3) {
  background: #256b72;
}

.abor-page .lifecycle-template span {
  font-size: .76rem;
  color: #fff;
}

.abor-page .lifecycle-template strong {
  font-size: clamp(1.15rem,2vw,1.7rem);
  line-height: 1.15;
}

.abor-page .lifecycle-template>i {
  color: #ff5d90;
  font-size: 1.5rem;
}

.abor-page .editorial-two {
  display: grid;
  grid-template-columns: minmax(150px,.15fr) 1fr;
  gap: clamp(2rem,7vw,7rem);
  align-items: start;
  padding-top: 2rem;
  border-top: 1px solid #ced5df;
}

.abor-page .editorial-index {
  font-size: clamp(4rem,9vw,8rem);
  line-height: .8;
  font-weight: 700;
  color: #101a3a;
}

.abor-page .editorial-index span {
  display: block;
  margin-top: 1.2rem;
  font-size: .85rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #ff4f88;
}

.abor-page .large-copy {
  font-size: clamp(1.4rem,2.5vw,2.25rem);
  line-height: 1.45;
  color: #101a3a;
}

.abor-page .template-timeline {
  border-top: 1px solid #cbd3df;
}

.abor-page .template-timeline article {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 2rem;
  padding: 2.3rem 0;
  border-bottom: 1px solid #cbd3df;
}

.abor-page .template-timeline article>span {
  font-size: 2rem;
  color: #ff4f88;
  font-weight: 700;
}

.abor-page .template-timeline small {
  text-transform: uppercase;
  letter-spacing: .12em;
  color: #6d7690;
}

.abor-page .template-timeline h3 {
  font-size: clamp(1.45rem,2.6vw,2.3rem);
  margin: .5rem 0;
  color: #0f1735;
}

.abor-page .testimonial-template {
  background: #0e1731;
  color: #fff;
  border-radius: 30px;
  padding: clamp(2rem,6vw,5rem);
}

.abor-page .testimonial-template blockquote {
  font-size: clamp(2rem,4.6vw,4.2rem);
  line-height: 1.08;
  letter-spacing: -.045em;
  color: #fff;
}

.abor-page .review-person {
  display: flex;
  flex-direction: column;
  margin: 2.4rem 0;
  color: #b9c4dd;
}

.abor-page .review-person strong {
  color: #fff;
  font-size: 1.2rem;
}

.abor-page .ratings-row {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: 1px;
  background: rgba(255,255,255,.15);
  margin: 2rem 0;
}

.abor-page .ratings-row div {
  display: flex;
  flex-direction: column;
  padding: 1.25rem;
  background: #111d3d;
}

.abor-page .ratings-row b {
  font-size: 1.8rem;
  color: #fff;
}

.abor-page .ratings-row span {
  font-size: .72rem;
  color: #b9c4dd;
}

.abor-page .plain-scope-list {
  border-top: 1px solid #ced5df;
}

.abor-page .plain-scope-list>div {
  display: grid;
  grid-template-columns: 80px 1fr;
  gap: 1rem;
  padding: 1.6rem 0;
  border-bottom: 1px solid #ced5df;
}

.abor-page .plain-scope-list span {
  color: #ff4f88;
  font-weight: 700;
}

.abor-page .plain-scope-list p {
  margin: 0;
  font-size: clamp(1.05rem,2vw,1.5rem);
  color: #111a39;
}

.abor-page .plain-link-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.abor-page .plain-link-list span {
  padding: 1rem 1.4rem;
  border: 1px solid #cfd5df;
  border-radius: 100px;
  color: #111a39;
}

.abor-page .boundary-note {
  font-size: .78rem;
  color: #657082;
  margin-top: 1.5rem;
}

.case-study.abor-page .workflow-screen {
  max-height: 560px;
  object-fit: contain;
  background: #fff;
}

.case-study.abor-page .workflow-stage {
  display: flex;
  align-items: center;
  justify-content: center;
}

.case-study.abor-page .related-card[hidden] {
  display: none !important;
}

@media (max-width:899px) {
  .case-study.abor-page .wide-product-visual {
    width: 112%;
    margin-left: -6%;
  }

  .abor-page .brief-statement {
    border-left: 0;
    border-top: 1px solid rgba(15,23,42,.13);
    padding: 2rem 0;
  }

  .abor-page .lifecycle-template {
    gap: 1rem;
  }

  .abor-page .lifecycle-template>i {
   
    justify-self: center;
  }

  .abor-page .editorial-two {
    grid-template-columns: 1fr;
  }

  .abor-page .ratings-row {
    grid-template-columns: repeat(3,1fr);
  }

  /* .abor-page .ratings-row div:last-child {
    grid-column: 1/-1;
  } */

  .abor-page .template-timeline article {
    grid-template-columns: 64px 1fr;
  }

  .abor-page .hero-image-caption {
    margin-bottom: 1rem;
  }
  .abor-page .lifecycle-template strong
  {
    font-size: 12px;
  }
}

@media (max-width:575px) {
  .abor-page .lifecycle-template div {
    min-height: 130px;
    padding:1rem;
  }

  .abor-page .testimonial-template {
    border-radius: 18px;
  }

  .abor-page .plain-scope-list>div {
    grid-template-columns: 48px 1fr;
  }

  .abor-page .wide-outcome-image .birdi-presentation-54 {
    min-height: 200px;
  }
}

/* Wide case-study screenshots must always preserve their natural ratio. */

.case-study.abor-page img {
  display: block;
  width: 100%;
  height: auto !important;
  max-width: none !important;
}

.case-study.abor-page .client-brief .brief-visual {
  width: 100%;
  max-width: none;
}

.case-study.abor-page .client-brief .brief-visual img {
  width: 100%;
  height: auto !important;
  max-width: none !important;
  object-fit: contain;
}

.case-study.abor-page .wide-build-image {
  width: 100%;
  max-width: none;
  min-height: 0;
  height: auto;
}

.case-study.abor-page .wide-build-image img {
  width: 100%;
  height: auto !important;
  max-width: none !important;
  object-fit: contain;
}

.case-study.abor-page .wide-outcome-image,
.case-study.abor-page .wide-outcome-image .birdi-presentation-54 {
  width: 100%;
  max-width: none;
  min-height: 0;
  height: auto;
}

.case-study.abor-page .workflow-stage {
  height: auto;
  min-height: 0;
}

.case-study.abor-page .workflow-screen {
  width: 100%;
  height: auto !important;
  max-width: none !important;
  object-fit: contain;
}

.case-study.abor-page .wide-product-visual {
  width: 138%;
  max-width: none !important;
  margin-left: -14%;
}

.case-study.abor-page .birdi-presentation-15 {
  display: none;
}

/* Two-screen build composition inspired by the supplied stacked reference. */

.case-study.abor-page .barc-build .birdi-presentation-35,
.case-study.abor-page .timesheet-build .birdi-presentation-35 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  width: 100%;
  padding: clamp(20px,3.2vw,38px);
  background: linear-gradient(145deg,#edf4ff 0%,#dfeaff 55%,#d6e4ff 100%);
  border-radius: 28px;
  overflow: hidden;
}

.case-study.abor-page .barc-build .birdi-presentation-36,
.case-study.abor-page .barc-build .birdi-presentation-37,
.case-study.abor-page .timesheet-build .birdi-presentation-36,
.case-study.abor-page .timesheet-build .birdi-presentation-37 {
  position: relative;
  width: 92%;
  max-width: none !important;
  min-height: 0;
  height: auto;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 22px 50px rgba(29,56,110,.18);
}

.case-study.abor-page .barc-build .birdi-presentation-36,
.case-study.abor-page .timesheet-build .birdi-presentation-36 {
  align-self: flex-end;
  z-index: 2;
}

.case-study.abor-page .barc-build .birdi-presentation-37,
.case-study.abor-page .timesheet-build .birdi-presentation-37 {
  align-self: flex-start;
  margin-top: -4%;
  z-index: 1;
}

.case-study.abor-page .barc-build .birdi-presentation-36 img,
.case-study.abor-page .barc-build .birdi-presentation-37 img,
.case-study.abor-page .timesheet-build .birdi-presentation-36 img,
.case-study.abor-page .timesheet-build .birdi-presentation-37 img {
  width: 100%;
  height: auto !important;
  max-width: none !important;
  object-fit: contain;
}

/* Timesheet: one cohesive editorial system for the three connected workflows. */

.abor-page .timesheet-workflow-suite {
  padding: clamp(72px,9vw,132px) 0;
  background: #f4f6f9;
}

.abor-page .suite-heading {
  max-width: 700px;
  margin: 0 auto clamp(34px,5vw,58px);
  text-align: center;
}

.abor-page .suite-heading h2 {
  font-size: clamp(2rem,4vw,3.8rem);
  line-height: 1.08;
  margin: 0 0 20px;
  color: #101d30;
}

.abor-page .workflow-showcase {
  width: 90%;
  margin: 0 auto clamp(42px,6vw,72px);
  padding: clamp(24px,3.6vw,42px);
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 20px 54px rgba(16,29,48,.08);
}

.abor-page .workflow-showcase:last-child {
  margin-bottom: 0;
}

.abor-page .workflow-showcase.is-dark {
  background: linear-gradient(135deg,#0e1d31,#172844);
  color: #fff;
}

.abor-page .showcase-copy {
  display: grid;
  grid-template-columns: 82px 1fr;
  gap: clamp(18px,3vw,36px);
  align-items: start;
  margin-bottom: clamp(24px,3.5vw,38px);
}

.abor-page .showcase-number {
  font-size: clamp(2.7rem,4.6vw,4.4rem);
  line-height: .8;
  font-weight: 700;
  color: #ee4865;
  letter-spacing: -.06em;
}

.abor-page .showcase-copy h3 {
  font-size: clamp(1.5rem,2.7vw,2.45rem);
  line-height: 1.14;
  margin: 0 0 16px;
  color: #101d30;
}

.abor-page .showcase-copy p {
  font-size: 16px;
  line-height: 1.75;
  color: #667085;
  margin: 0 0 12px;
  max-width: 760px;
}

.abor-page .workflow-showcase.is-dark .showcase-copy h3 {
  color: #fff;
}

.abor-page .workflow-showcase.is-dark .showcase-copy p {
  color: #c3ccda;
}

.abor-page .showcase-screen {
  margin: 0;
}

.abor-page .showcase-browser {
  position: relative;
  padding-top: 30px;
  background: #e4eaf2;
  border: 1px solid #d5dce7;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 28px 68px rgba(16,29,48,.16);
}

.abor-page .showcase-browser .browser-dots {
  position: absolute;
  left: 16px;
  top: 11px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #ff6374;
  box-shadow: 17px 0 0 #b8c0cc,34px 0 0 #c9d0d9;
}

.abor-page .showcase-screen img {
  width: 100%;
  height: auto !important;
  max-width: none !important;
}

.abor-page .showcase-screen figcaption {
  margin-top: 14px;
  text-align: center;
  font-size: 13px;
  line-height: 1.55;
  color: #6d7584;
}

.abor-page .workflow-showcase.is-dark .showcase-screen figcaption {
  color: #b8c2d2;
}

/* ABOR: editorial discovery list instead of small pills. */

.abor-page .adjacent-discovery {
  padding: clamp(72px,9vw,132px) 0;
  background: #f1f1f1;
  color: #101d30;
}

.abor-page .adjacent-layout {
  display: grid;
  grid-template-columns: minmax(260px,.72fr) minmax(0,1.28fr);
  gap: clamp(44px,8vw,110px);
  align-items: start;
}

.abor-page .adjacent-intro {
  position: static;
}

.abor-page .adjacent-intro h2 {
  font-size: clamp(2.2rem,4.4vw,4rem);
  line-height: 1.06;
  letter-spacing: -.045em;
  margin: 0 0 24px;
  color: #101d30;
}

.abor-page .adjacent-intro h2 span {
  color: #ee4865;
}

.abor-page .adjacent-intro p {
  font-size: 16px;
  line-height: 1.75;
  color: #667085;
  max-width: 440px;
}

.abor-page .adjacent-list {
  border-top: 1px solid rgba(16,29,48,.18);
}

.abor-page .adjacent-row {
  display: grid;
  grid-template-columns: 76px 1fr;
  gap: 24px;
  align-items: center;
  padding: clamp(26px,4vw,44px) 0;
  border-bottom: 1px solid rgba(16,29,48,.18);
}

.abor-page .adjacent-row>span {
  font-size: 1rem;
  font-weight: 700;
  color: #ee4865;
}

.abor-page .adjacent-row small {
  display: block;
  margin-bottom: 8px;
  color: #7a8495;
  text-transform: uppercase;
  letter-spacing: .15em;
  font-size: 11px;
}

.abor-page .adjacent-row h3 {
  font-size: clamp(1.35rem,2.6vw,2.45rem);
  line-height: 1.2;
  margin: 0;
  color: #101d30;
}

/* Equal two-column partnership scope. */

.abor-page .abor-build .scope-groups {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 24px;
}

.abor-page .abor-build .scope-group {
  width: 100%;
}

/* Scroll-driven overlapping workflow cards. */

.abor-page .timesheet-workflow-suite {
  position: relative;
  padding-bottom: clamp(110px,14vw,210px);
}

.abor-page .timesheet-workflow-suite .workflow-showcase {
  position: sticky;
  margin-bottom: clamp(58px,8vw,105px);
  transform-origin: center top;
  will-change: transform;
}

.abor-page .timesheet-workflow-suite .workflow-showcase:nth-of-type(1) {
  top: 24px;
  z-index: 1;
}

.abor-page .timesheet-workflow-suite .workflow-showcase:nth-of-type(2) {
  top: 44px;
  z-index: 2;
}

.abor-page .timesheet-workflow-suite .workflow-showcase:nth-of-type(3) {
  top: 64px;
  z-index: 3;
}

.abor-page .timesheet-workflow-suite .workflow-showcase:last-child {
  margin-bottom: 0;
}

@media (max-width:899px) {
  .case-study.abor-page .wide-product-visual {
    width: 112%;
    margin-left: -6%;
  }

  .abor-page .showcase-copy {
    grid-template-columns: 72px 1fr;
  }

  .abor-page .adjacent-layout {
    grid-template-columns: 1fr;
  }

  .abor-page .adjacent-intro {
    position: static;
  }

  .abor-page .workflow-showcase {
    border-radius: 24px;
  }

  .abor-page .abor-build .scope-groups {
    grid-template-columns: 1fr;
  }

  .abor-page .timesheet-workflow-suite .workflow-showcase:nth-of-type(1) {
    top: 12px;
  }

  .abor-page .timesheet-workflow-suite .workflow-showcase:nth-of-type(2) {
    top: 26px;
  }

  .abor-page .timesheet-workflow-suite .workflow-showcase:nth-of-type(3) {
    top: 40px;
  }
}

@media (max-height:760px) {
  .abor-page .timesheet-workflow-suite .workflow-showcase {
    position: relative;
    top: auto !important;
  }
}

@media (max-width:767px) {
  .case-study.abor-page .hero-art {
    display: none;
    margin-top: 32px;
  }

  .case-study.abor-page .hero-layout.row>.col-md-6:last-child {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .case-study.abor-page .wide-product-visual {
    width: 100%;
    margin-left: 0;
  }

  .case-study.abor-page .hero-actions a {
    white-space: normal;
    text-align: center;
  }
}

@media (max-width:575px) {
  .case-study.abor-page .barc-build .birdi-presentation-35,
  .case-study.abor-page .timesheet-build .birdi-presentation-35 {
    padding: 16px;
    border-radius: 20px;
  }

  .case-study.abor-page .barc-build .birdi-presentation-36,
  .case-study.abor-page .barc-build .birdi-presentation-37,
  .case-study.abor-page .timesheet-build .birdi-presentation-36,
  .case-study.abor-page .timesheet-build .birdi-presentation-37 {
    width: 96%;
  }

  .abor-page .showcase-copy {
    grid-template-columns: 1fr;
  }

  .abor-page .showcase-number {
    font-size: 2.8rem;
  }

  .abor-page .workflow-showcase {
    width: 100%;
    padding: 20px;
    border-radius: 18px;
  }

  .abor-page .showcase-browser {
    padding-top: 26px;
    border-radius: 13px;
  }

  .abor-page .adjacent-row {
    grid-template-columns: 48px 1fr;
  }

  .abor-page .timesheet-workflow-suite .workflow-showcase {
    position: relative;
    top: auto !important;
    margin-bottom: 28px;
    will-change: auto;
  }
}