/* ===== Section from Pasted text(418) ===== */
.datis-level-telemetry-corridor{
  --dltc-navy:#071C33;
  --dltc-deep:#020914;
  --dltc-blue:#2F80ED;
  --dltc-cyan:#70BFFF;
  --dltc-silver:#C0C7CF;
  --dltc-light:#F5F7FA;

  position:relative;
  width:100vw;
  max-width:100vw;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;

  padding:108px 20px 82px;
  overflow:hidden;
  isolation:isolate;
  color:#fff;

  background:
    radial-gradient(circle at 13% 14%,rgba(112,191,255,.10),transparent 28%),
    radial-gradient(circle at 88% 86%,rgba(47,128,237,.14),transparent 32%),
    linear-gradient(135deg,#020914 0%,#071C33 48%,#0E2744 100%);

  font-family:var(--datis-product-font-text);
}

.datis-level-telemetry-corridor *,
.datis-level-telemetry-corridor *::before,
.datis-level-telemetry-corridor *::after{
  box-sizing:border-box;
}

.datis-level-telemetry-corridor::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  opacity:.10;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:84px 84px;
  mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 92%,transparent);
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 92%,transparent);
}

.datis-level-telemetry-corridor::after{
  content:"";
  position:absolute;
  top:0;
  right:8%;
  left:8%;
  height:1px;
  background:
    linear-gradient(90deg,transparent,rgba(112,191,255,.62),rgba(255,255,255,.18),transparent);
  box-shadow:0 0 26px rgba(47,128,237,.20);
}

.dltc-shell{
  width:100%;
  max-width:1500px;
  margin:0 auto;
  position:relative;
  z-index:2;
}

/* TOP BAR */

.dltc-topbar{
  min-height:44px;
  padding:0 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.026);
}

.dltc-topbar strong,
.dltc-topbar span{
  font-family:var(--datis-product-font-display);
  font-size:7.8px;
  font-weight:700;
  letter-spacing:.68px;
  text-transform:uppercase;
  direction:ltr;
}

.dltc-topbar strong{
  color:#fff;
}

.dltc-topbar span{
  color:rgba(255,255,255,.38);
}

.dltc-topbar span::before{
  content:"";
  width:7px;
  height:7px;
  margin-left:8px;
  display:inline-block;
  vertical-align:middle;
  border-radius:50%;
  background:#70BFFF;
  box-shadow:0 0 14px #70BFFF;
}

/* INTRO */

.dltc-intro{
  display:grid;
  grid-template-columns:minmax(430px,.92fr) minmax(520px,1.08fr);
  gap:46px;
  align-items:end;
  margin:42px 0 34px;
}

.dltc-kicker{
  width:max-content;
  max-width:100%;
  min-height:34px;
  padding:7px 14px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#071C33;
  background:linear-gradient(145deg,#FFFFFF,#C0C7CF);
  border:1px solid rgba(255,255,255,.72);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    0 15px 38px rgba(0,0,0,.16);
  font-family:var(--datis-product-font-display);
  font-size:9.3px;
  line-height:1.4;
  font-weight:700;
  letter-spacing:.82px;
  text-transform:uppercase;
  direction:ltr;
}

.dltc-kicker::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#2F80ED;
  box-shadow:0 0 14px #2F80ED;
}

.dltc-title{
  margin:20px 0 0;
  color:#fff;
  font-family:var(--datis-product-font-text);
  font-size:clamp(30px,3.4vw,40px);
  line-height:1.82;
  font-weight:700;
}

.dltc-title span{
  display:block;
  margin-top:6px;
  color:#C0C7CF;
  font-family:inherit!important;
}

.dltc-copy{
  margin:0;
  max-width:900px;
  color:rgba(255,255,255,.64);
  font-family:var(--datis-product-font-text);
  font-size:14px;
  line-height:2.05;
  font-weight:400;
}

/* CORRIDOR */

.dltc-corridor{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:260px minmax(500px,1fr) 260px;
  min-height:650px;
  border:1px solid rgba(255,255,255,.11);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 38px 100px rgba(0,0,0,.28);
}

/* SIDE PANELS */

.dltc-side{
  position:relative;
  padding:28px 22px;
  color:#fff;
  overflow:hidden;
  background:
    radial-gradient(circle at 20% 15%,rgba(255,255,255,.10),transparent 28%),
    radial-gradient(circle at 80% 85%,rgba(47,128,237,.18),transparent 36%),
    linear-gradient(180deg,#0B2038 0%,#061321 70%,#020914 100%);
}

.dltc-side::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.18;
  background:
    linear-gradient(120deg,transparent 0%,rgba(255,255,255,.10) 42%,transparent 44%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.016) 0 1px,transparent 1px 18px);
}

.dltc-side > *{
  position:relative;
  z-index:2;
}

.dltc-side-head{
  padding-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.dltc-side-head small{
  display:block;
  color:#93C5FD;
  font-family:var(--datis-product-font-display);
  font-size:7.5px;
  font-weight:700;
  letter-spacing:.68px;
  text-transform:uppercase;
  direction:ltr;
}

.dltc-side-head strong{
  display:block;
  margin-top:7px;
  color:#fff;
  font-family:var(--datis-product-font-display);
  font-size:13px;
  line-height:1.5;
  font-weight:700;
  letter-spacing:.38px;
  text-transform:uppercase;
  direction:ltr;
}

.dltc-node-list{
  margin-top:18px;
  display:grid;
}

.dltc-node{
  min-height:108px;
  padding:17px 0;
  display:grid;
  grid-template-columns:44px 1fr;
  gap:12px;
  align-items:center;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.dltc-node:last-child{
  border-bottom:0;
}

.dltc-node-code{
  color:#93C5FD;
  font-family:var(--datis-product-font-display);
  font-size:9px;
  font-weight:700;
  direction:ltr;
}

.dltc-node strong{
  display:block;
  color:#fff;
  font-family:var(--datis-product-font-display);
  font-size:8.5px;
  line-height:1.5;
  font-weight:700;
  letter-spacing:.40px;
  text-transform:uppercase;
  direction:ltr;
}

.dltc-node span{
  display:block;
  margin-top:6px;
  color:rgba(255,255,255,.42);
  font-family:var(--datis-product-font-text);
  font-size:10px;
  line-height:1.72;
}

.dltc-rail{
  position:absolute;
  top:50%;
  width:78px;
  height:2px;
  z-index:3;
  background:linear-gradient(90deg,rgba(47,128,237,.10),#2F80ED,rgba(47,128,237,.10));
  box-shadow:0 0 14px rgba(47,128,237,.32);
}

.dltc-rail::before,
.dltc-rail::after{
  content:"";
  position:absolute;
  top:50%;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#2F80ED;
  box-shadow:0 0 14px rgba(47,128,237,.78);
  transform:translateY(-50%);
}

.dltc-rail::before{right:0;}
.dltc-rail::after{left:0;}
.dltc-rail-in{right:-39px;}
.dltc-rail-out{left:-39px;}

/* CORE */

.dltc-core{
  position:relative;
  min-width:0;
  overflow:hidden;
  padding:32px 34px;
  display:flex;
  flex-direction:column;
  color:#071C33;
  background:
    radial-gradient(circle at 14% 12%,rgba(255,255,255,.99),transparent 30%),
    radial-gradient(circle at 88% 86%,rgba(47,128,237,.08),transparent 34%),
    linear-gradient(145deg,#FFFFFF 0%,#EEF2F5 54%,#D5DCE3 100%);
}

.dltc-core::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.22;
  background:
    linear-gradient(120deg,transparent 0%,rgba(255,255,255,.72) 42%,transparent 44%),
    repeating-linear-gradient(90deg,rgba(8,26,47,.019) 0 1px,transparent 1px 20px);
}

.dltc-core > *{
  position:relative;
  z-index:2;
}

.dltc-core-head{
  padding-bottom:16px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  border-bottom:1px solid rgba(8,26,47,.10);
}

.dltc-core-head small{
  display:block;
  color:#2F80ED;
  font-family:var(--datis-product-font-display);
  font-size:8px;
  font-weight:700;
  letter-spacing:.72px;
  text-transform:uppercase;
  direction:ltr;
}

.dltc-core-head strong{
  display:block;
  margin-top:7px;
  color:#081A2F;
  font-family:var(--datis-product-font-display);
  font-size:14px;
  font-weight:700;
  letter-spacing:.36px;
  text-transform:uppercase;
  direction:ltr;
}

.dltc-core-id{
  color:rgba(8,26,47,.12);
  font-family:var(--datis-product-font-display);
  font-size:46px;
  line-height:1;
  font-weight:700;
  direction:ltr;
}

/* PRODUCT COMPOSITION */

.dltc-product-stage{
  position:relative;
  min-height:430px;
  margin-top:18px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}

.dltc-product-stage::before{
  content:"";
  position:absolute;
  inset:8% 6%;
  background:
    linear-gradient(90deg,rgba(8,26,47,.035) 1px,transparent 1px),
    linear-gradient(rgba(8,26,47,.035) 1px,transparent 1px);
  background-size:34px 34px;
  border:1px solid rgba(8,26,47,.08);
}

.dltc-product-stage::after{
  content:"";
  position:absolute;
  right:12%;
  left:12%;
  bottom:5%;
  height:34px;
  border-radius:50%;
  background:rgba(7,28,51,.16);
  filter:blur(18px);
}

.dltc-device{
  position:absolute;
  z-index:3;
  display:block;
  object-fit:contain;
  transition:.34s ease;
}

.dltc-device-logger{
  width:min(245px,38%);
  max-height:330px;
  top:48%;
  left:50%;
  transform:translate(-50%,-50%);
  filter:drop-shadow(0 30px 42px rgba(7,28,51,.26));
}

.dltc-device-ultrasonic{
  width:min(215px,34%);
  max-height:280px;
  right:2%;
  bottom:4%;
  filter:drop-shadow(0 24px 34px rgba(7,28,51,.22));
}

.dltc-device-capacitive{
  width:min(180px,28%);
  max-height:280px;
  left:4%;
  bottom:5%;
  filter:drop-shadow(0 24px 34px rgba(7,28,51,.22));
}

.dltc-device-hydrostatic{
  width:min(165px,25%);
  max-height:270px;
  left:7%;
  top:4%;
  filter:drop-shadow(0 24px 34px rgba(7,28,51,.20));
}


.dltc-device-radar{
  width:min(180px,28%);
  max-height:270px;
  right:5%;
  top:4%;
  filter:drop-shadow(0 24px 34px rgba(7,28,51,.20));
}

.dltc-corridor:hover .dltc-device-logger{
  transform:translate(-50%,calc(-50% - 7px)) scale(1.02);
  filter:drop-shadow(0 38px 54px rgba(7,28,51,.32));
}

.dltc-corridor:hover .dltc-device-ultrasonic{
  transform:translateY(-6px);
}

.dltc-corridor:hover .dltc-device-capacitive{
  transform:translateY(-6px);
}

.dltc-corridor:hover .dltc-device-hydrostatic{
  transform:translateY(-6px);
}

.dltc-corridor:hover .dltc-device-radar{
  transform:translateY(-6px);
}

.dltc-product-label{
  position:absolute;
  z-index:4;
  min-height:26px;
  padding:5px 9px;
  display:flex;
  align-items:center;
  color:#071C33;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(7,28,51,.09);
  box-shadow:0 8px 22px rgba(7,28,51,.08);
  font-family:var(--datis-product-font-display);
  font-size:6.4px;
  font-weight:700;
  letter-spacing:.46px;
  text-transform:uppercase;
  direction:ltr;
}

.dltc-label-logger{
  top:18%;
  left:50%;
  transform:translateX(-50%);
}

.dltc-label-ultrasonic{
  right:3%;
  bottom:3%;
}

.dltc-label-capacitive{
  left:3%;
  bottom:3%;
}

.dltc-label-hydrostatic{
  left:3%;
  top:3%;
}

.dltc-label-radar{
  right:3%;
  top:3%;
}

.dltc-core-meta{
  margin-top:auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid rgba(8,26,47,.10);
  border-bottom:1px solid rgba(8,26,47,.10);
}

.dltc-core-meta div{
  min-height:76px;
  padding:15px;
  border-left:1px solid rgba(8,26,47,.09);
}

.dltc-core-meta div:last-child{
  border-left:0;
}

.dltc-core-meta strong{
  display:block;
  color:#081A2F;
  font-family:var(--datis-product-font-display);
  font-size:8.2px;
  font-weight:700;
  letter-spacing:.48px;
  text-transform:uppercase;
  direction:ltr;
}

.dltc-core-meta span{
  display:block;
  margin-top:6px;
  color:#5B6572;
  font-family:var(--datis-product-font-text);
  font-size:9.8px;
  line-height:1.65;
}

/* ACTIONS */

.dltc-actions{
  margin-top:20px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.dltc-action{
  min-height:54px;
  padding:0 20px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  cursor:pointer;
  user-select:none;
  -webkit-user-select:none;
  font-family:var(--datis-product-font-text);
  font-size:12px;
  font-weight:700;
  transition:.22s ease;
}

.dltc-action:focus-visible{
  outline:2px solid #2F80ED;
  outline-offset:3px;
}

.dltc-action-primary{
  color:#071C33;
  background:linear-gradient(145deg,#FFFFFF,#C0C7CF);
  border:1px solid rgba(255,255,255,.76);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    0 14px 30px rgba(0,0,0,.16);
}

.dltc-action-primary::after{
  content:"←";
  color:#2F80ED;
  font-family:var(--datis-product-font-display);
}

.dltc-action-secondary{
  color:#fff;
  background:linear-gradient(145deg,#0B2038,#061321);
  border:1px solid rgba(255,255,255,.09);
}

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

/* BOTTOM */

.dltc-bottom{
  margin-top:20px;
  min-height:70px;
  padding:18px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  color:#071C33;
  background:
    radial-gradient(circle at 12% 12%,rgba(255,255,255,.98),transparent 30%),
    linear-gradient(145deg,#FFFFFF 0%,#E7ECF1 64%,#CDD4DC 100%);
  border:1px solid rgba(255,255,255,.88);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    0 20px 56px rgba(0,0,0,.16);
}

.dltc-bottom strong,
.dltc-bottom span{
  font-family:var(--datis-product-font-display);
  font-weight:700;
  text-transform:uppercase;
  direction:ltr;
}

.dltc-bottom strong{
  color:#071C33;
  font-size:8px;
  letter-spacing:.70px;
}

.dltc-bottom span{
  color:#2F80ED;
  font-size:7.8px;
  letter-spacing:.66px;
}

/* RESPONSIVE */

@media(max-width:1180px){
  .dltc-intro{
    grid-template-columns:1fr;
    gap:22px;
  }

  .dltc-corridor{
    grid-template-columns:220px minmax(440px,1fr) 220px;
  }

  .dltc-node{
    min-height:138px;
  }
}

@media(max-width:940px){
  .dltc-corridor{
    grid-template-columns:1fr;
  }

  .dltc-side{
    padding:20px 22px;
  }

  .dltc-node-list{
    grid-template-columns:repeat(2,1fr);
  }

  .dltc-node{
    min-height:104px;
    padding:14px 12px;
    border-left:1px solid rgba(255,255,255,.07);
  }

  .dltc-node:nth-child(2n){
    border-left:0;
  }

  .dltc-rail{
    display:none;
  }
}

@media(max-width:720px){
  .datis-level-telemetry-corridor{
    padding:82px 14px 62px;
  }

  .dltc-topbar{
    align-items:flex-start;
    flex-direction:column;
    justify-content:center;
    padding:11px 14px;
  }

  .dltc-title{
    font-size:28px;
  }

  .dltc-core{
    padding:28px 20px;
  }

  .dltc-product-stage{
    min-height:410px;
  }

  .dltc-device-logger{
    width:min(220px,42%);
  }

  .dltc-device-ultrasonic{
    width:min(185px,36%);
  }

  .dltc-device-capacitive{
    width:min(150px,29%);
  }

  .dltc-device-hydrostatic{
    width:min(140px,27%);
  }

  .dltc-device-radar{
    width:min(150px,29%);
  }

  .dltc-core-meta{
    grid-template-columns:1fr;
  }

  .dltc-core-meta div{
    border-left:0;
    border-bottom:1px solid rgba(8,26,47,.09);
  }

  .dltc-core-meta div:last-child{
    border-bottom:0;
  }

  .dltc-actions{
    grid-template-columns:1fr;
  }

  .dltc-bottom{
    align-items:flex-start;
    flex-direction:column;
  }
}

@media(max-width:520px){
  .dltc-title{
    font-size:26px;
  }

  .dltc-node-list{
    grid-template-columns:1fr;
  }

  .dltc-node{
    border-left:0;
  }

  .dltc-product-stage{
    min-height:390px;
  }

  .dltc-device-logger{
    width:44%;
  }

  .dltc-device-ultrasonic{
    width:38%;
    right:0;
  }

  .dltc-device-capacitive{
    width:31%;
    left:0;
  }

  .dltc-device-hydrostatic{
    width:29%;
    left:2%;
  }

  .dltc-device-radar{
    width:31%;
    right:1%;
  }

  .dltc-product-label{
    display:none;
  }

  .dltc-core-id{
    font-size:36px;
  }
}

@media(prefers-reduced-motion:reduce){
  .datis-level-telemetry-corridor *,
  .datis-level-telemetry-corridor *::before,
  .datis-level-telemetry-corridor *::after{
    transition:none!important;
    animation:none!important;
  }
}


/* ===== Section from Pasted text(419) ===== */
.datis-level-blueprint{
  --dlib-navy:#071C33;
  --dlib-deep:#020914;
  --dlib-blue:#2F80ED;
  --dlib-cyan:#70BFFF;
  --dlib-silver:#C0C7CF;
  --dlib-light:#F5F7FA;
  --dlib-ink:#1F2937;

  position:relative;
  width:100vw;
  max-width:100vw;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;

  padding:108px 20px 82px;
  overflow:hidden;
  isolation:isolate;
  color:#071C33;

  background:
    radial-gradient(circle at 14% 14%,rgba(255,255,255,.98),transparent 30%),
    radial-gradient(circle at 88% 84%,rgba(47,128,237,.09),transparent 34%),
    linear-gradient(145deg,#F8FAFC 0%,#DDE3EA 48%,#EEF2F7 100%);

  font-family:var(--datis-product-font-text);
}

.datis-level-blueprint *,
.datis-level-blueprint *::before,
.datis-level-blueprint *::after{
  box-sizing:border-box;
}

.datis-level-blueprint::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  opacity:.28;
  background:
    linear-gradient(120deg,transparent 0%,rgba(255,255,255,.76) 42%,transparent 44%),
    repeating-linear-gradient(90deg,rgba(7,28,51,.023) 0 1px,transparent 1px 96px),
    repeating-linear-gradient(0deg,rgba(7,28,51,.017) 0 1px,transparent 1px 96px);
}

.datis-level-blueprint::after{
  content:"";
  position:absolute;
  top:0;
  right:8%;
  left:8%;
  height:1px;
  background:
    linear-gradient(90deg,transparent,rgba(7,28,51,.13),rgba(47,128,237,.46),transparent);
  box-shadow:0 0 24px rgba(47,128,237,.15);
}

.dlib-shell{
  width:100%;
  max-width:1500px;
  margin:0 auto;
  position:relative;
  z-index:2;
}

/* HEADER */

.dlib-header{
  display:grid;
  grid-template-columns:minmax(320px,.82fr) minmax(460px,1.18fr);
  gap:46px;
  align-items:end;
  margin-bottom:52px;
}

.dlib-kicker{
  width:max-content;
  max-width:100%;
  min-height:34px;
  padding:7px 14px;
  display:inline-flex;
  align-items:center;
  gap:9px;

  color:#071C33;
  background:linear-gradient(145deg,#FFFFFF,#C0C7CF);
  border:1px solid rgba(7,28,51,.08);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    0 15px 38px rgba(7,28,51,.08);

  font-family:var(--datis-product-font-display);
  font-size:9.4px;
  line-height:1.4;
  font-weight:700;
  letter-spacing:.84px;
  text-transform:uppercase;
  direction:ltr;
}

.dlib-kicker::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#2F80ED;
  box-shadow:0 0 14px #2F80ED;
}

.dlib-title{
  margin:19px 0 0;
  color:#071C33;
  font-family:var(--datis-product-font-text);
  font-size:clamp(28px,3vw,36px);
  line-height:1.8;
  font-weight:700;
}

.dlib-title span{
  display:block;
  margin-top:6px;
  color:#4B5563;
  font-family:inherit!important;
}

.dlib-description{
  margin:0;
  max-width:900px;
  color:rgba(7,28,51,.68);
  font-family:var(--datis-product-font-text);
  font-size:14.5px;
  line-height:2.08;
  font-weight:400;
}

/* BLUEPRINT BODY */

.dlib-blueprint{
  display:grid;
  grid-template-columns:minmax(440px,.88fr) minmax(620px,1.12fr);
  gap:22px;
  align-items:stretch;
}

/* DEFINITION PANEL */

.dlib-definition{
  position:relative;
  min-height:560px;
  padding:38px 36px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  color:#fff;

  clip-path:polygon(8% 0,100% 0,100% 91%,91% 100%,0 100%,0 9%);
  background:
    radial-gradient(circle at 16% 16%,rgba(255,255,255,.08),transparent 30%),
    radial-gradient(circle at 84% 84%,rgba(47,128,237,.18),transparent 38%),
    linear-gradient(145deg,#0B2038 0%,#061321 72%,#020914 100%);

  border:1px solid rgba(255,255,255,.12);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 36px 95px rgba(7,28,51,.26);
}

.dlib-definition::before{
  content:"LEVEL SENSOR";
  position:absolute;
  left:-12px;
  bottom:52px;
  color:rgba(255,255,255,.03);
  font-family:var(--datis-product-font-display);
  font-size:76px;
  line-height:1;
  font-weight:700;
  letter-spacing:-4px;
  transform:rotate(-90deg);
  transform-origin:left bottom;
  direction:ltr;
}

.dlib-definition::after{
  content:"";
  position:absolute;
  inset:0;
  opacity:.15;
  pointer-events:none;
  background:
    linear-gradient(120deg,transparent 0%,rgba(255,255,255,.10) 42%,transparent 44%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.016) 0 1px,transparent 1px 18px);
}

.dlib-definition > *{
  position:relative;
  z-index:2;
}

.dlib-definition-head{
  padding-bottom:18px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  border-bottom:1px solid rgba(255,255,255,.09);
}

.dlib-definition-head small{
  display:block;
  color:#93C5FD;
  font-family:var(--datis-product-font-display);
  font-size:8px;
  font-weight:700;
  letter-spacing:.72px;
  text-transform:uppercase;
  direction:ltr;
}

.dlib-definition-head strong{
  display:block;
  margin-top:7px;
  color:#fff;
  font-family:var(--datis-product-font-display);
  font-size:14px;
  font-weight:700;
  letter-spacing:.36px;
  text-transform:uppercase;
  direction:ltr;
}

.dlib-definition-id{
  color:rgba(255,255,255,.14);
  font-family:var(--datis-product-font-display);
  font-size:42px;
  line-height:1;
  font-weight:700;
  direction:ltr;
}

.dlib-definition h3{
  margin:30px 0 14px;
  color:#fff;
  font-family:var(--datis-product-font-text);
  font-size:clamp(24px,2.5vw,30px);
  line-height:1.82;
  font-weight:700;
}

.dlib-definition p{
  margin:0;
  color:rgba(255,255,255,.60);
  font-family:var(--datis-product-font-text);
  font-size:13.5px;
  line-height:2.08;
  font-weight:400;
}

.dlib-definition-footer{
  margin-top:auto;
  padding-top:24px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid rgba(255,255,255,.09);
  border-bottom:1px solid rgba(255,255,255,.09);
}

.dlib-definition-footer div{
  min-height:76px;
  padding:14px;
  border-left:1px solid rgba(255,255,255,.08);
}

.dlib-definition-footer div:last-child{
  border-left:0;
}

.dlib-definition-footer strong{
  display:block;
  color:#fff;
  font-family:var(--datis-product-font-display);
  font-size:8.2px;
  font-weight:700;
  letter-spacing:.48px;
  text-transform:uppercase;
  direction:ltr;
}

.dlib-definition-footer span{
  display:block;
  margin-top:6px;
  color:rgba(255,255,255,.42);
  font-family:var(--datis-product-font-text);
  font-size:9.7px;
  line-height:1.65;
}

/* PROCESS MAP */

.dlib-process{
  position:relative;
  min-height:560px;
  padding:30px 30px 28px;
  overflow:hidden;
  color:#071C33;

  background:
    radial-gradient(circle at 14% 12%,rgba(255,255,255,.99),transparent 30%),
    radial-gradient(circle at 88% 86%,rgba(47,128,237,.08),transparent 34%),
    linear-gradient(145deg,#FFFFFF 0%,#EEF2F5 54%,#D5DCE3 100%);

  border:1px solid rgba(255,255,255,.90);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 32px 90px rgba(7,28,51,.14);
}

.dlib-process::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.22;
  background:
    linear-gradient(120deg,transparent 0%,rgba(255,255,255,.72) 42%,transparent 44%),
    repeating-linear-gradient(90deg,rgba(8,26,47,.019) 0 1px,transparent 1px 20px);
}

.dlib-process > *{
  position:relative;
  z-index:2;
}

.dlib-process-head{
  padding-bottom:17px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  border-bottom:1px solid rgba(8,26,47,.10);
}

.dlib-process-head small{
  display:block;
  color:#2F80ED;
  font-family:var(--datis-product-font-display);
  font-size:8px;
  font-weight:700;
  letter-spacing:.72px;
  text-transform:uppercase;
  direction:ltr;
}

.dlib-process-head strong{
  display:block;
  margin-top:7px;
  color:#081A2F;
  font-family:var(--datis-product-font-text);
  font-size:23px;
  line-height:1.72;
  font-weight:700;
}

.dlib-process-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:rgba(8,26,47,.42);
  font-family:var(--datis-product-font-display);
  font-size:7.2px;
  font-weight:700;
  letter-spacing:.54px;
  text-transform:uppercase;
  direction:ltr;
}

.dlib-process-status::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#2F80ED;
  box-shadow:0 0 14px rgba(47,128,237,.72);
}

.dlib-process-line{
  position:relative;
  margin-top:22px;
  padding-right:30px;
}

.dlib-process-line::before{
  content:"";
  position:absolute;
  right:10px;
  top:34px;
  bottom:34px;
  width:2px;
  background:
    linear-gradient(180deg,#2F80ED,rgba(47,128,237,.18),#2F80ED);
  box-shadow:0 0 14px rgba(47,128,237,.20);
}

.dlib-stage{
  position:relative;
  min-height:105px;
  padding:18px 0 18px 18px;
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:18px;
  align-items:center;
  border-bottom:1px solid rgba(8,26,47,.09);
}

.dlib-stage:last-child{
  border-bottom:0;
}

.dlib-stage::before{
  content:"";
  position:absolute;
  right:-24px;
  top:50%;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#F5F7FA;
  border:2px solid #2F80ED;
  box-shadow:
    0 0 0 5px rgba(47,128,237,.08),
    0 0 14px rgba(47,128,237,.34);
  transform:translateY(-50%);
}

.dlib-stage-code{
  color:rgba(8,26,47,.16);
  font-family:var(--datis-product-font-display);
  font-size:28px;
  line-height:1;
  font-weight:700;
  direction:ltr;
}

.dlib-stage small{
  display:block;
  color:#2F80ED;
  font-family:var(--datis-product-font-display);
  font-size:7.5px;
  font-weight:700;
  letter-spacing:.58px;
  text-transform:uppercase;
  direction:ltr;
}

.dlib-stage h4{
  margin:6px 0 5px;
  color:#081A2F;
  font-family:var(--datis-product-font-text);
  font-size:15px;
  line-height:1.72;
  font-weight:700;
}

.dlib-stage p{
  margin:0;
  color:#5B6572;
  font-family:var(--datis-product-font-text);
  font-size:10.8px;
  line-height:1.75;
  font-weight:400;
}

/* BOTTOM STRIP */

.dlib-bottom{
  margin-top:20px;
  min-height:70px;
  padding:18px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;

  color:#071C33;
  background:
    radial-gradient(circle at 12% 12%,rgba(255,255,255,.98),transparent 30%),
    linear-gradient(145deg,#FFFFFF 0%,#E7ECF1 64%,#CDD4DC 100%);

  border:1px solid rgba(255,255,255,.88);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    0 20px 56px rgba(7,28,51,.12);
}

.dlib-bottom strong,
.dlib-bottom span{
  font-family:var(--datis-product-font-display);
  font-weight:700;
  text-transform:uppercase;
  direction:ltr;
}

.dlib-bottom strong{
  color:#071C33;
  font-size:8px;
  letter-spacing:.70px;
}

.dlib-bottom span{
  color:#2F80ED;
  font-size:7.8px;
  letter-spacing:.66px;
}

/* RESPONSIVE */

@media(max-width:1120px){
  .dlib-header{
    grid-template-columns:1fr;
    gap:22px;
  }

  .dlib-blueprint{
    grid-template-columns:1fr;
  }

  .dlib-definition,
  .dlib-process{
    min-height:auto;
  }
}

@media(max-width:760px){
  .datis-level-blueprint{
    padding:82px 14px 62px;
  }

  .dlib-title{
    font-size:28px;
  }

  .dlib-definition{
    padding:30px 22px;
    clip-path:polygon(8% 0,100% 0,100% 95%,92% 100%,0 100%,0 5%);
  }

  .dlib-definition-footer{
    grid-template-columns:1fr;
  }

  .dlib-definition-footer div{
    border-left:0;
    border-bottom:1px solid rgba(255,255,255,.08);
  }

  .dlib-definition-footer div:last-child{
    border-bottom:0;
  }

  .dlib-process{
    padding:26px 20px;
  }

  .dlib-process-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .dlib-bottom{
    align-items:flex-start;
    flex-direction:column;
  }
}

@media(max-width:520px){
  .dlib-title{
    font-size:26px;
  }

  .dlib-stage{
    grid-template-columns:52px minmax(0,1fr);
    gap:12px;
  }

  .dlib-stage-code{
    font-size:21px;
  }
}

@media(prefers-reduced-motion:reduce){
  .datis-level-blueprint *,
  .datis-level-blueprint *::before,
  .datis-level-blueprint *::after{
    transition:none!important;
    animation:none!important;
  }
}


/* ===== Section from Pasted text(420) ===== */
.datis-level-decision-observatory{
  --ldo-navy:#071C33;
  --ldo-deep:#020914;
  --ldo-blue:#2F80ED;
  --ldo-cyan:#70BFFF;
  --ldo-silver:#C0C7CF;
  --ldo-light:#F5F7FA;
  --ldo-ink:#1F2937;

  position:relative;
  width:100vw;
  max-width:100vw;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;

  padding:112px 20px 84px;
  overflow:hidden;
  isolation:isolate;
  color:#071C33;

  background:
    radial-gradient(circle at 13% 13%,rgba(255,255,255,.99),transparent 30%),
    radial-gradient(circle at 88% 84%,rgba(47,128,237,.09),transparent 34%),
    linear-gradient(145deg,#F8FAFC 0%,#DDE3EA 48%,#EEF2F7 100%);

  font-family:var(--datis-product-font-text);
}

.datis-level-decision-observatory *,
.datis-level-decision-observatory *::before,
.datis-level-decision-observatory *::after{
  box-sizing:border-box;
}

.datis-level-decision-observatory::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  opacity:.26;
  background:
    linear-gradient(120deg,transparent 0%,rgba(255,255,255,.76) 42%,transparent 44%),
    repeating-linear-gradient(90deg,rgba(7,28,51,.022) 0 1px,transparent 1px 96px),
    repeating-linear-gradient(0deg,rgba(7,28,51,.017) 0 1px,transparent 1px 96px);
}

.datis-level-decision-observatory::after{
  content:"";
  position:absolute;
  top:0;
  right:8%;
  left:8%;
  height:1px;
  background:
    linear-gradient(90deg,transparent,rgba(7,28,51,.13),rgba(47,128,237,.46),transparent);
  box-shadow:0 0 24px rgba(47,128,237,.15);
}

.ldo-shell{
  width:100%;
  max-width:1500px;
  margin:0 auto;
  position:relative;
  z-index:2;
}

/* HEADER */

.ldo-header{
  display:grid;
  grid-template-columns:minmax(320px,.82fr) minmax(460px,1.18fr);
  gap:46px;
  align-items:end;
  margin-bottom:52px;
}

.ldo-kicker{
  width:max-content;
  max-width:100%;
  min-height:34px;
  padding:7px 14px;
  display:inline-flex;
  align-items:center;
  gap:9px;

  color:#071C33;
  background:linear-gradient(145deg,#FFFFFF,#C0C7CF);
  border:1px solid rgba(7,28,51,.08);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    0 15px 38px rgba(7,28,51,.08);

  font-family:var(--datis-product-font-display);
  font-size:9.2px;
  line-height:1.4;
  font-weight:700;
  letter-spacing:.82px;
  text-transform:uppercase;
  direction:ltr;
}

.ldo-kicker::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#2F80ED;
  box-shadow:0 0 14px #2F80ED;
}

.ldo-title{
  margin:19px 0 0;
  color:#071C33;
  font-family:var(--datis-product-font-text);
  font-size:clamp(28px,3vw,36px);
  line-height:1.8;
  font-weight:700;
}

.ldo-title span{
  display:block;
  margin-top:6px;
  color:#4B5563;
  font-family:inherit!important;
}

.ldo-description{
  margin:0;
  max-width:900px;
  color:rgba(7,28,51,.68);
  font-family:var(--datis-product-font-text);
  font-size:14.5px;
  line-height:2.08;
  font-weight:400;
}

/* OBSERVATORY */

.ldo-observatory{
  display:grid;
  grid-template-columns:370px minmax(0,1fr);
  min-height:770px;
  overflow:hidden;

  border:1px solid rgba(255,255,255,.90);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 38px 100px rgba(7,28,51,.17);
}

/* SENSOR INDEX */

.ldo-index{
  position:relative;
  padding:28px 0;
  overflow:hidden;
  color:#fff;

  background:
    radial-gradient(circle at 20% 15%,rgba(255,255,255,.10),transparent 28%),
    radial-gradient(circle at 80% 85%,rgba(47,128,237,.18),transparent 36%),
    linear-gradient(180deg,#0B2038 0%,#061321 70%,#020914 100%);
}

.ldo-index::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.18;
  background:
    linear-gradient(120deg,transparent 0%,rgba(255,255,255,.10) 42%,transparent 44%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.016) 0 1px,transparent 1px 18px);
}

.ldo-index > *{
  position:relative;
  z-index:2;
}

.ldo-index-head{
  padding:0 24px 20px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.ldo-index-head small{
  display:block;
  color:#93C5FD;
  font-family:var(--datis-product-font-display);
  font-size:7.6px;
  font-weight:700;
  letter-spacing:.68px;
  text-transform:uppercase;
  direction:ltr;
}

.ldo-index-head strong{
  display:block;
  margin-top:7px;
  color:#fff;
  font-family:var(--datis-product-font-display);
  font-size:14px;
  line-height:1.5;
  font-weight:700;
  letter-spacing:.36px;
  text-transform:uppercase;
  direction:ltr;
}

.ldo-index-head span{
  display:block;
  margin-top:9px;
  color:rgba(255,255,255,.40);
  font-family:var(--datis-product-font-text);
  font-size:10px;
  line-height:1.7;
}

.ldo-sensor-list{
  max-height:650px;
  overflow:auto;
  scrollbar-width:thin;
  scrollbar-color:rgba(112,191,255,.32) transparent;
}

.ldo-sensor-list::-webkit-scrollbar{
  width:5px;
}

.ldo-sensor-list::-webkit-scrollbar-thumb{
  background:rgba(112,191,255,.32);
}

.ldo-sensor-tab{
  width:100%;
  min-height:68px;
  padding:10px 20px;
  display:grid;
  grid-template-columns:50px minmax(0,1fr) 24px;
  gap:12px;
  align-items:center;
  cursor:pointer;
  user-select:none;
  -webkit-user-select:none;
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.065);
  transition:.22s ease;
}

.ldo-sensor-tab:hover{
  background:rgba(255,255,255,.035);
}

.ldo-sensor-tab.is-active{
  background:
    linear-gradient(90deg,rgba(47,128,237,.22),rgba(255,255,255,.03));
  box-shadow:inset -3px 0 0 #2F80ED;
}

.ldo-sensor-tab:focus-visible{
  outline:2px solid #70BFFF;
  outline-offset:-3px;
}

.ldo-tab-code{
  color:rgba(255,255,255,.20);
  font-family:var(--datis-product-font-display);
  font-size:11px;
  font-weight:700;
  direction:ltr;
}

.ldo-sensor-tab.is-active .ldo-tab-code{
  color:#70BFFF;
}

.ldo-tab-name strong{
  display:block;
  color:rgba(255,255,255,.84);
  font-family:var(--datis-product-font-text);
  font-size:11.5px;
  line-height:1.65;
  font-weight:700;
}

.ldo-tab-name span{
  display:block;
  margin-top:3px;
  color:rgba(255,255,255,.30);
  font-family:var(--datis-product-font-display);
  font-size:6.5px;
  font-weight:700;
  letter-spacing:.42px;
  text-transform:uppercase;
  direction:ltr;
}

.ldo-sensor-tab.is-active .ldo-tab-name strong{
  color:#fff;
}

.ldo-tab-arrow{
  color:rgba(255,255,255,.20);
  font-family:var(--datis-product-font-display);
  font-size:14px;
  font-weight:700;
  direction:ltr;
}

.ldo-sensor-tab.is-active .ldo-tab-arrow{
  color:#70BFFF;
  transform:translateX(-3px);
}

/* DECISION SCREEN */

.ldo-screen{
  position:relative;
  min-width:0;
  min-height:770px;
  padding:0 38px 30px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  color:#071C33;

  background:
    radial-gradient(circle at 14% 12%,rgba(255,255,255,.99),transparent 30%),
    radial-gradient(circle at 88% 86%,rgba(47,128,237,.08),transparent 34%),
    linear-gradient(145deg,#FFFFFF 0%,#EEF2F5 54%,#D5DCE3 100%);
}

.ldo-screen::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.22;
  background:
    linear-gradient(120deg,transparent 0%,rgba(255,255,255,.72) 42%,transparent 44%),
    repeating-linear-gradient(90deg,rgba(8,26,47,.019) 0 1px,transparent 1px 20px);
}

.ldo-screen::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:1px;
  left:34%;
  opacity:.16;
  background:#2F80ED;
  box-shadow:
    160px 0 0 rgba(47,128,237,.18),
    320px 0 0 rgba(47,128,237,.12);
}

.ldo-screen > *{
  position:relative;
  z-index:2;
}

.ldo-screen-head{
  min-height:92px;
  padding:22px 0 18px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  border-bottom:1px solid rgba(8,26,47,.10);
}

.ldo-screen-head small{
  display:block;
  color:#2F80ED;
  font-family:var(--datis-product-font-display);
  font-size:7.8px;
  font-weight:700;
  letter-spacing:.68px;
  text-transform:uppercase;
  direction:ltr;
}

.ldo-screen-head strong{
  display:block;
  margin-top:7px;
  color:#081A2F;
  font-family:var(--datis-product-font-text);
  font-size:23px;
  line-height:1.72;
  font-weight:700;
}

.ldo-live{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:rgba(8,26,47,.42);
  font-family:var(--datis-product-font-display);
  font-size:7.2px;
  font-weight:700;
  letter-spacing:.54px;
  text-transform:uppercase;
  direction:ltr;
}

.ldo-live::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#2F80ED;
  box-shadow:0 0 14px rgba(47,128,237,.72);
}

.ldo-panel-stage{
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:32px 0 24px;
}

.ldo-panel{
  display:none;
  animation:ldoPanelIn .30s ease both;
}

.ldo-panel.is-active{
  display:block;
}

@keyframes ldoPanelIn{
  from{
    opacity:0;
    transform:translateY(12px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

.ldo-panel-top{
  display:grid;
  grid-template-columns:125px minmax(0,1fr);
  gap:28px;
  align-items:end;
  padding-bottom:28px;
  border-bottom:1px solid rgba(8,26,47,.10);
}

.ldo-panel-code{
  color:rgba(8,26,47,.10);
  font-family:var(--datis-product-font-display);
  font-size:70px;
  line-height:.9;
  font-weight:700;
  letter-spacing:-4px;
  direction:ltr;
}

.ldo-panel-title small{
  display:block;
  color:#2F80ED;
  font-family:var(--datis-product-font-display);
  font-size:8px;
  font-weight:700;
  letter-spacing:.64px;
  text-transform:uppercase;
  direction:ltr;
}

.ldo-panel-title h3{
  margin:8px 0 5px;
  color:#081A2F;
  font-family:var(--datis-product-font-text);
  font-size:clamp(24px,2.8vw,32px);
  line-height:1.75;
  font-weight:700;
}

.ldo-panel-title span{
  color:#66717E;
  font-family:var(--datis-product-font-display);
  font-size:8.5px;
  font-weight:700;
  letter-spacing:.48px;
  text-transform:uppercase;
  direction:ltr;
}

.ldo-decision-grid{
  margin-top:26px;
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  border-top:1px solid rgba(8,26,47,.10);
  border-bottom:1px solid rgba(8,26,47,.10);
}

.ldo-decision-cell{
  min-height:220px;
  padding:24px 24px 20px;
  border-left:1px solid rgba(8,26,47,.10);
}

.ldo-decision-cell:last-child{
  border-left:0;
}

.ldo-cell-code{
  display:block;
  color:rgba(8,26,47,.15);
  font-family:var(--datis-product-font-display);
  font-size:22px;
  line-height:1;
  font-weight:700;
  direction:ltr;
}

.ldo-decision-cell small{
  display:block;
  margin-top:20px;
  color:#2F80ED;
  font-family:var(--datis-product-font-display);
  font-size:7.3px;
  font-weight:700;
  letter-spacing:.58px;
  text-transform:uppercase;
  direction:ltr;
}

.ldo-decision-cell strong{
  display:block;
  margin-top:7px;
  color:#081A2F;
  font-family:var(--datis-product-font-text);
  font-size:13px;
  line-height:1.7;
  font-weight:700;
}

.ldo-decision-cell p{
  margin:10px 0 0;
  color:#5B6572;
  font-family:var(--datis-product-font-text);
  font-size:11.2px;
  line-height:1.82;
  font-weight:400;
}

.ldo-warning{
  background:
    linear-gradient(145deg,rgba(7,28,51,.035),rgba(47,128,237,.04));
}

.ldo-selection-rule{
  margin-top:22px;
  min-height:94px;
  padding:20px 22px;
  display:grid;
  grid-template-columns:155px minmax(0,1fr);
  gap:20px;
  align-items:center;

  color:#fff;
  background:
    radial-gradient(circle at 16% 20%,rgba(47,128,237,.18),transparent 34%),
    linear-gradient(145deg,#0B2038,#061321);

  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 16px 34px rgba(7,28,51,.16);
}

.ldo-selection-rule strong{
  color:#93C5FD;
  font-family:var(--datis-product-font-display);
  font-size:8.3px;
  font-weight:700;
  letter-spacing:.58px;
  text-transform:uppercase;
  direction:ltr;
}

.ldo-selection-rule p{
  margin:0;
  color:rgba(255,255,255,.66);
  font-family:var(--datis-product-font-text);
  font-size:11.5px;
  line-height:1.9;
  font-weight:400;
}

/* PROJECT ROUTING */

.ldo-routing{
  margin-top:auto;
  min-height:82px;
  padding-top:18px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  border-top:1px solid rgba(8,26,47,.10);
}

.ldo-route{
  padding:12px 14px;
  border-left:1px solid rgba(8,26,47,.09);
}

.ldo-route:last-child{
  border-left:0;
}

.ldo-route strong{
  display:block;
  color:#081A2F;
  font-family:var(--datis-product-font-display);
  font-size:7.6px;
  font-weight:700;
  letter-spacing:.46px;
  text-transform:uppercase;
  direction:ltr;
}

.ldo-route span{
  display:block;
  margin-top:5px;
  color:#5B6572;
  font-family:var(--datis-product-font-text);
  font-size:9px;
  line-height:1.65;
}

/* BOTTOM */

.ldo-bottom{
  margin-top:20px;
  min-height:70px;
  padding:18px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;

  color:#071C33;
  background:
    radial-gradient(circle at 12% 12%,rgba(255,255,255,.98),transparent 30%),
    linear-gradient(145deg,#FFFFFF 0%,#E7ECF1 64%,#CDD4DC 100%);

  border:1px solid rgba(255,255,255,.88);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    0 20px 56px rgba(7,28,51,.12);
}

.ldo-bottom strong,
.ldo-bottom span{
  font-family:var(--datis-product-font-display);
  font-weight:700;
  text-transform:uppercase;
  direction:ltr;
}

.ldo-bottom strong{
  color:#071C33;
  font-size:8px;
  letter-spacing:.70px;
}

.ldo-bottom span{
  color:#2F80ED;
  font-size:7.8px;
  letter-spacing:.66px;
}

/* RESPONSIVE */

@media(max-width:1120px){
  .ldo-header{
    grid-template-columns:1fr;
    gap:22px;
  }

  .ldo-observatory{
    grid-template-columns:320px minmax(0,1fr);
  }

  .ldo-decision-grid{
    grid-template-columns:1fr;
  }

  .ldo-decision-cell{
    min-height:auto;
    border-left:0;
    border-bottom:1px solid rgba(8,26,47,.10);
  }

  .ldo-decision-cell:last-child{
    border-bottom:0;
  }
}

@media(max-width:860px){
  .ldo-observatory{
    display:block;
    min-height:auto;
  }

  .ldo-index{
    padding:20px 0;
  }

  .ldo-sensor-list{
    max-height:none;
    display:flex;
    overflow-x:auto;
    scrollbar-width:none;
  }

  .ldo-sensor-list::-webkit-scrollbar{
    display:none;
  }

  .ldo-sensor-tab{
    min-width:250px;
    border-bottom:0;
    border-left:1px solid rgba(255,255,255,.07);
  }

  .ldo-screen{
    min-height:auto;
    padding:0 24px 26px;
  }

  .ldo-panel-stage{
    min-height:600px;
  }
}

@media(max-width:680px){
  .datis-level-decision-observatory{
    padding:82px 14px 62px;
  }

  .ldo-title{
    font-size:28px;
  }

  .ldo-screen-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .ldo-panel-top{
    grid-template-columns:1fr;
    gap:14px;
  }

  .ldo-panel-code{
    font-size:52px;
  }

  .ldo-selection-rule{
    grid-template-columns:1fr;
  }

  .ldo-routing{
    grid-template-columns:1fr;
  }

  .ldo-route{
    border-left:0;
    border-bottom:1px solid rgba(8,26,47,.09);
  }

  .ldo-route:last-child{
    border-bottom:0;
  }

  .ldo-bottom{
    align-items:flex-start;
    flex-direction:column;
  }
}

@media(max-width:520px){
  .ldo-title{
    font-size:26px;
  }

  .ldo-sensor-tab{
    min-width:225px;
  }

  .ldo-panel-title h3{
    font-size:23px;
  }
}

@media(prefers-reduced-motion:reduce){
  .datis-level-decision-observatory *,
  .datis-level-decision-observatory *::before,
  .datis-level-decision-observatory *::after{
    transition:none!important;
    animation:none!important;
    scroll-behavior:auto!important;
  }
}


/* ===== Section from Pasted text(421) ===== */
.datis-level-product-selection-deck{
  --dlps-navy:#071C33;
  --dlps-deep:#020914;
  --dlps-blue:#2F80ED;
  --dlps-cyan:#70BFFF;
  --dlps-silver:#C0C7CF;
  --dlps-light:#F5F7FA;

  position:relative;
  width:100vw;
  max-width:100vw;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;

  padding:110px 20px 84px;
  overflow:hidden;
  isolation:isolate;
  color:#071C33;

  background:
    radial-gradient(circle at 13% 14%,rgba(255,255,255,.99),transparent 30%),
    radial-gradient(circle at 88% 84%,rgba(47,128,237,.09),transparent 34%),
    linear-gradient(145deg,#F8FAFC 0%,#DDE3EA 48%,#EEF2F7 100%);

  font-family:var(--datis-product-font-text);
}

.datis-level-product-selection-deck *,
.datis-level-product-selection-deck *::before,
.datis-level-product-selection-deck *::after{
  box-sizing:border-box;
}

.datis-level-product-selection-deck::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  opacity:.26;
  background:
    linear-gradient(120deg,transparent 0%,rgba(255,255,255,.76) 42%,transparent 44%),
    repeating-linear-gradient(90deg,rgba(7,28,51,.022) 0 1px,transparent 1px 96px),
    repeating-linear-gradient(0deg,rgba(7,28,51,.017) 0 1px,transparent 1px 96px);
}

.datis-level-product-selection-deck::after{
  content:"";
  position:absolute;
  top:0;
  right:8%;
  left:8%;
  height:1px;
  background:
    linear-gradient(90deg,transparent,rgba(7,28,51,.13),rgba(47,128,237,.46),transparent);
  box-shadow:0 0 24px rgba(47,128,237,.15);
}

.dlps-shell{
  width:100%;
  max-width:1500px;
  margin:0 auto;
  position:relative;
  z-index:2;
}

/* HEADER */

.dlps-header{
  display:grid;
  grid-template-columns:minmax(320px,.82fr) minmax(460px,1.18fr);
  gap:46px;
  align-items:end;
  margin-bottom:54px;
}

.dlps-kicker{
  width:max-content;
  max-width:100%;
  min-height:34px;
  padding:7px 14px;
  display:inline-flex;
  align-items:center;
  gap:9px;

  color:#071C33;
  background:linear-gradient(145deg,#FFFFFF,#C0C7CF);
  border:1px solid rgba(7,28,51,.08);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    0 15px 38px rgba(7,28,51,.08);

  font-family:var(--datis-product-font-display);
  font-size:9.4px;
  line-height:1.4;
  font-weight:700;
  letter-spacing:.84px;
  text-transform:uppercase;
  direction:ltr;
}

.dlps-kicker::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#2F80ED;
  box-shadow:0 0 14px #2F80ED;
}

.dlps-title{
  margin:19px 0 0;
  color:#071C33;
  font-family:var(--datis-product-font-text);
  font-size:clamp(28px,3vw,36px);
  line-height:1.8;
  font-weight:700;
}

.dlps-title span{
  display:block;
  margin-top:6px;
  color:#4B5563;
  font-family:inherit!important;
}

.dlps-description{
  margin:0;
  max-width:900px;
  color:rgba(7,28,51,.68);
  font-family:var(--datis-product-font-text);
  font-size:14.5px;
  line-height:2.08;
  font-weight:400;
}

/* PRODUCT DECK */

.dlps-deck{
  display:grid;
  grid-template-columns:360px minmax(0,1fr);
  min-height:720px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.90);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 38px 100px rgba(7,28,51,.17);
}

/* PRODUCT INDEX */

.dlps-index{
  position:relative;
  padding:28px 0;
  overflow:hidden;
  color:#fff;

  background:
    radial-gradient(circle at 20% 15%,rgba(255,255,255,.10),transparent 28%),
    radial-gradient(circle at 80% 85%,rgba(47,128,237,.18),transparent 36%),
    linear-gradient(180deg,#0B2038 0%,#061321 70%,#020914 100%);
}

.dlps-index::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.18;
  background:
    linear-gradient(120deg,transparent 0%,rgba(255,255,255,.10) 42%,transparent 44%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.016) 0 1px,transparent 1px 18px);
}

.dlps-index > *{
  position:relative;
  z-index:2;
}

.dlps-index-head{
  padding:0 24px 22px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.dlps-index-head small{
  display:block;
  color:#93C5FD;
  font-family:var(--datis-product-font-display);
  font-size:7.7px;
  font-weight:700;
  letter-spacing:.68px;
  text-transform:uppercase;
  direction:ltr;
}

.dlps-index-head strong{
  display:block;
  margin-top:7px;
  color:#fff;
  font-family:var(--datis-product-font-display);
  font-size:14px;
  font-weight:700;
  letter-spacing:.36px;
  text-transform:uppercase;
  direction:ltr;
}

.dlps-index-head span{
  display:block;
  margin-top:9px;
  color:rgba(255,255,255,.40);
  font-family:var(--datis-product-font-text);
  font-size:10px;
  line-height:1.7;
}

.dlps-product-list{
  display:grid;
}

.dlps-product-tab{
  width:100%;
  min-height:112px;
  padding:14px 20px;
  display:grid;
  grid-template-columns:52px minmax(0,1fr) 24px;
  gap:12px;
  align-items:center;
  cursor:pointer;
  user-select:none;
  -webkit-user-select:none;
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.07);
  transition:.22s ease;
}

.dlps-product-tab:last-child{
  border-bottom:0;
}

.dlps-product-tab:hover{
  background:rgba(255,255,255,.035);
}

.dlps-product-tab.is-active{
  background:
    linear-gradient(90deg,rgba(47,128,237,.22),rgba(255,255,255,.03));
  box-shadow:inset -3px 0 0 #2F80ED;
}

.dlps-product-tab:focus-visible{
  outline:2px solid #70BFFF;
  outline-offset:-3px;
}

.dlps-tab-number{
  color:rgba(255,255,255,.18);
  font-family:var(--datis-product-font-display);
  font-size:20px;
  line-height:1;
  font-weight:700;
  direction:ltr;
}

.dlps-product-tab.is-active .dlps-tab-number{
  color:#70BFFF;
}

.dlps-tab-copy small{
  display:block;
  color:rgba(255,255,255,.30);
  font-family:var(--datis-product-font-display);
  font-size:6.8px;
  font-weight:700;
  letter-spacing:.46px;
  text-transform:uppercase;
  direction:ltr;
}

.dlps-tab-copy strong{
  display:block;
  margin-top:6px;
  color:rgba(255,255,255,.82);
  font-family:var(--datis-product-font-display);
  font-size:14px;
  line-height:1.5;
  font-weight:700;
  letter-spacing:.20px;
  direction:ltr;
}

.dlps-tab-copy span{
  display:block;
  margin-top:5px;
  color:rgba(255,255,255,.38);
  font-family:var(--datis-product-font-text);
  font-size:9.5px;
  line-height:1.6;
}

.dlps-product-tab.is-active .dlps-tab-copy strong,
.dlps-product-tab.is-active .dlps-tab-copy span{
  color:#fff;
}

.dlps-tab-arrow{
  color:rgba(255,255,255,.20);
  font-family:var(--datis-product-font-display);
  font-size:14px;
  font-weight:700;
  direction:ltr;
  transition:.22s ease;
}

.dlps-product-tab.is-active .dlps-tab-arrow{
  color:#70BFFF;
  transform:translateX(-4px);
}

/* PRODUCT DISPLAY */

.dlps-display{
  position:relative;
  min-width:0;
  min-height:720px;
  padding:0 36px 30px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  color:#071C33;

  background:
    radial-gradient(circle at 14% 12%,rgba(255,255,255,.99),transparent 30%),
    radial-gradient(circle at 88% 86%,rgba(47,128,237,.08),transparent 34%),
    linear-gradient(145deg,#FFFFFF 0%,#EEF2F5 54%,#D5DCE3 100%);
}

.dlps-display::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.22;
  background:
    linear-gradient(120deg,transparent 0%,rgba(255,255,255,.72) 42%,transparent 44%),
    repeating-linear-gradient(90deg,rgba(8,26,47,.019) 0 1px,transparent 1px 20px);
}

.dlps-display > *{
  position:relative;
  z-index:2;
}

.dlps-display-head{
  min-height:92px;
  padding:22px 0 18px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  border-bottom:1px solid rgba(8,26,47,.10);
}

.dlps-display-head small{
  display:block;
  color:#2F80ED;
  font-family:var(--datis-product-font-display);
  font-size:7.8px;
  font-weight:700;
  letter-spacing:.68px;
  text-transform:uppercase;
  direction:ltr;
}

.dlps-display-head strong{
  display:block;
  margin-top:7px;
  color:#081A2F;
  font-family:var(--datis-product-font-text);
  font-size:23px;
  line-height:1.72;
  font-weight:700;
}

.dlps-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:rgba(8,26,47,.42);
  font-family:var(--datis-product-font-display);
  font-size:7.2px;
  font-weight:700;
  letter-spacing:.54px;
  text-transform:uppercase;
  direction:ltr;
}

.dlps-status::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#2F80ED;
  box-shadow:0 0 14px rgba(47,128,237,.72);
}

.dlps-panel-stage{
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:24px 0 18px;
}

.dlps-panel{
  display:none;
  animation:dlpsPanelIn .30s ease both;
}

.dlps-panel.is-active{
  display:block;
}

@keyframes dlpsPanelIn{
  from{
    opacity:0;
    transform:translateY(12px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

.dlps-product-layout{
  display:grid;
  grid-template-columns:minmax(330px,.88fr) minmax(390px,1.12fr);
  gap:34px;
  align-items:center;
}

.dlps-product-visual{
  position:relative;
  min-height:430px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;

  border:1px solid rgba(7,28,51,.08);
  background:
    radial-gradient(circle at 50% 52%,rgba(47,128,237,.11),transparent 38%),
    linear-gradient(145deg,rgba(255,255,255,.76),rgba(213,220,227,.58));
}

.dlps-product-visual::before{
  content:"";
  position:absolute;
  inset:7%;
  border:1px solid rgba(7,28,51,.065);
  background:
    linear-gradient(90deg,rgba(7,28,51,.028) 1px,transparent 1px),
    linear-gradient(rgba(7,28,51,.028) 1px,transparent 1px);
  background-size:34px 34px;
}

.dlps-product-visual::after{
  content:"";
  position:absolute;
  right:15%;
  left:15%;
  bottom:8%;
  height:30px;
  border-radius:50%;
  background:rgba(7,28,51,.17);
  filter:blur(17px);
}

.dlps-product-visual img{
  position:relative;
  z-index:2;
  width:min(390px,84%);
  max-height:360px;
  object-fit:contain;
  filter:drop-shadow(0 30px 40px rgba(7,28,51,.24));
  transition:.34s ease;
}

.dlps-deck:hover .dlps-panel.is-active .dlps-product-visual img{
  transform:translateY(-7px) scale(1.025);
  filter:drop-shadow(0 38px 54px rgba(7,28,51,.30));
}

.dlps-visual-label{
  position:absolute;
  z-index:3;
  top:18px;
  right:18px;
  min-height:28px;
  padding:6px 10px;
  display:flex;
  align-items:center;
  color:#071C33;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(7,28,51,.08);
  box-shadow:0 8px 22px rgba(7,28,51,.08);

  font-family:var(--datis-product-font-display);
  font-size:6.7px;
  font-weight:700;
  letter-spacing:.46px;
  text-transform:uppercase;
  direction:ltr;
}

.dlps-product-info small{
  display:block;
  color:#2F80ED;
  font-family:var(--datis-product-font-display);
  font-size:8px;
  font-weight:700;
  letter-spacing:.62px;
  text-transform:uppercase;
  direction:ltr;
}

.dlps-product-info h3{
  margin:9px 0 8px;
  color:#081A2F;
  font-family:var(--datis-product-font-display);
  font-size:clamp(31px,3.6vw,46px);
  line-height:1.2;
  font-weight:700;
  letter-spacing:-1px;
  direction:ltr;
}

.dlps-product-info h4{
  margin:0 0 15px;
  color:#081A2F;
  font-family:var(--datis-product-font-text);
  font-size:22px;
  line-height:1.75;
  font-weight:700;
}

.dlps-product-info > p{
  margin:0;
  color:#5B6572;
  font-family:var(--datis-product-font-text);
  font-size:12.7px;
  line-height:2;
  font-weight:400;
}

.dlps-spec-grid{
  margin-top:22px;
  display:grid;
  grid-template-columns:1fr 1fr;
  border-top:1px solid rgba(8,26,47,.10);
  border-bottom:1px solid rgba(8,26,47,.10);
}

.dlps-spec{
  min-height:88px;
  padding:14px 16px;
  border-left:1px solid rgba(8,26,47,.09);
  border-bottom:1px solid rgba(8,26,47,.09);
}

.dlps-spec:nth-child(2n){
  border-left:0;
}

.dlps-spec:nth-last-child(-n+2){
  border-bottom:0;
}

.dlps-spec strong{
  display:block;
  color:#081A2F;
  font-family:var(--datis-product-font-display);
  font-size:7.5px;
  font-weight:700;
  letter-spacing:.50px;
  text-transform:uppercase;
  direction:ltr;
}

.dlps-spec span{
  display:block;
  margin-top:6px;
  color:#5B6572;
  font-family:var(--datis-product-font-text);
  font-size:9.8px;
  line-height:1.7;
}

.dlps-tags{
  margin-top:18px;
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}

.dlps-tags span{
  min-height:27px;
  padding:5px 9px;
  display:inline-flex;
  align-items:center;
  color:#071C33;
  background:rgba(255,255,255,.62);
  border:1px solid rgba(7,28,51,.08);

  font-family:var(--datis-product-font-display);
  font-size:6.7px;
  font-weight:700;
  letter-spacing:.44px;
  text-transform:uppercase;
  direction:ltr;
}

/* ACTIONS */

.dlps-actions{
  margin-top:20px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:11px;
}

.dlps-action{
  min-height:52px;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  cursor:pointer;
  user-select:none;
  -webkit-user-select:none;

  font-family:var(--datis-product-font-text);
  font-size:11.5px;
  font-weight:700;
  transition:.22s ease;
}

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

.dlps-action:focus-visible{
  outline:2px solid #2F80ED;
  outline-offset:3px;
}

.dlps-action-primary{
  color:#071C33;
  background:linear-gradient(145deg,#FFFFFF,#C0C7CF);
  border:1px solid rgba(255,255,255,.76);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    0 14px 30px rgba(7,28,51,.12);
}

.dlps-action-primary::after{
  content:"←";
  color:#2F80ED;
  font-family:var(--datis-product-font-display);
}

.dlps-action-secondary{
  color:#fff;
  background:linear-gradient(145deg,#0B2038,#061321);
  border:1px solid rgba(255,255,255,.09);
}

/* BOTTOM */

.dlps-bottom{
  margin-top:20px;
  min-height:70px;
  padding:18px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;

  color:#071C33;
  background:
    radial-gradient(circle at 12% 12%,rgba(255,255,255,.98),transparent 30%),
    linear-gradient(145deg,#FFFFFF 0%,#E7ECF1 64%,#CDD4DC 100%);

  border:1px solid rgba(255,255,255,.88);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    0 20px 56px rgba(7,28,51,.12);
}

.dlps-bottom strong,
.dlps-bottom span{
  font-family:var(--datis-product-font-display);
  font-weight:700;
  text-transform:uppercase;
  direction:ltr;
}

.dlps-bottom strong{
  color:#071C33;
  font-size:8px;
  letter-spacing:.70px;
}

.dlps-bottom span{
  color:#2F80ED;
  font-size:7.8px;
  letter-spacing:.66px;
}

/* RESPONSIVE */

@media(max-width:1120px){
  .dlps-header{
    grid-template-columns:1fr;
    gap:22px;
  }

  .dlps-deck{
    grid-template-columns:310px minmax(0,1fr);
  }

  .dlps-product-layout{
    grid-template-columns:1fr;
  }

  .dlps-product-visual{
    min-height:330px;
  }

  .dlps-product-visual img{
    max-height:285px;
  }
}

@media(max-width:850px){
  .dlps-deck{
    display:block;
    min-height:auto;
  }

  .dlps-index{
    padding:20px 0;
  }

  .dlps-product-list{
    display:flex;
    overflow-x:auto;
    scrollbar-width:none;
  }

  .dlps-product-list::-webkit-scrollbar{
    display:none;
  }

  .dlps-product-tab{
    min-width:260px;
    min-height:96px;
    border-bottom:0;
    border-left:1px solid rgba(255,255,255,.07);
  }

  .dlps-product-tab:last-child{
    border-left:0;
  }

  .dlps-display{
    min-height:auto;
    padding:0 24px 26px;
  }
}

@media(max-width:680px){
  .datis-level-product-selection-deck{
    padding:82px 14px 62px;
  }

  .dlps-title{
    font-size:28px;
  }

  .dlps-display-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .dlps-product-layout{
    gap:24px;
  }

  .dlps-product-visual{
    min-height:290px;
  }

  .dlps-product-visual img{
    max-height:245px;
  }

  .dlps-product-info h3{
    font-size:34px;
  }

  .dlps-product-info h4{
    font-size:20px;
  }

  .dlps-spec-grid{
    grid-template-columns:1fr;
  }

  .dlps-spec{
    border-left:0;
    border-bottom:1px solid rgba(8,26,47,.09);
  }

  .dlps-spec:nth-last-child(-n+2){
    border-bottom:1px solid rgba(8,26,47,.09);
  }

  .dlps-spec:last-child{
    border-bottom:0;
  }

  .dlps-actions{
    grid-template-columns:1fr;
  }

  .dlps-bottom{
    align-items:flex-start;
    flex-direction:column;
  }
}

@media(max-width:520px){
  .dlps-title{
    font-size:26px;
  }

  .dlps-product-tab{
    min-width:230px;
  }

  .dlps-product-visual{
    min-height:260px;
  }
}

@media(prefers-reduced-motion:reduce){
  .datis-level-product-selection-deck *,
  .datis-level-product-selection-deck *::before,
  .datis-level-product-selection-deck *::after{
    transition:none!important;
    animation:none!important;
  }
}


/* ===== Section from Pasted text(422) ===== */
.datis-level-comparison-ledger{
  --dlcl-navy:#071C33;
  --dlcl-deep:#020914;
  --dlcl-blue:#2F80ED;
  --dlcl-cyan:#70BFFF;
  --dlcl-silver:#C0C7CF;
  --dlcl-light:#F5F7FA;

  position:relative;
  width:100vw;
  max-width:100vw;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;

  padding:110px 20px 84px;
  overflow:hidden;
  isolation:isolate;
  color:#071C33;

  background:
    radial-gradient(circle at 14% 14%,rgba(255,255,255,.98),transparent 30%),
    radial-gradient(circle at 88% 84%,rgba(47,128,237,.09),transparent 34%),
    linear-gradient(145deg,#F8FAFC 0%,#DDE3EA 48%,#EEF2F7 100%);

  font-family:var(--datis-product-font-text);
}

.datis-level-comparison-ledger *,
.datis-level-comparison-ledger *::before,
.datis-level-comparison-ledger *::after{
  box-sizing:border-box;
}

.datis-level-comparison-ledger::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  opacity:.27;
  background:
    linear-gradient(120deg,transparent 0%,rgba(255,255,255,.76) 42%,transparent 44%),
    repeating-linear-gradient(90deg,rgba(7,28,51,.022) 0 1px,transparent 1px 96px),
    repeating-linear-gradient(0deg,rgba(7,28,51,.017) 0 1px,transparent 1px 96px);
}

.datis-level-comparison-ledger::after{
  content:"";
  position:absolute;
  top:0;
  right:8%;
  left:8%;
  height:1px;
  background:
    linear-gradient(90deg,transparent,rgba(7,28,51,.13),rgba(47,128,237,.46),transparent);
  box-shadow:0 0 24px rgba(47,128,237,.15);
}

.dlcl-shell{
  width:100%;
  max-width:1500px;
  margin:0 auto;
  position:relative;
  z-index:2;
}

/* HEADER */

.dlcl-header{
  display:grid;
  grid-template-columns:minmax(320px,.82fr) minmax(460px,1.18fr);
  gap:46px;
  align-items:end;
  margin-bottom:54px;
}

.dlcl-kicker{
  width:max-content;
  max-width:100%;
  min-height:34px;
  padding:7px 14px;
  display:inline-flex;
  align-items:center;
  gap:9px;

  color:#071C33;
  background:linear-gradient(145deg,#FFFFFF,#C0C7CF);
  border:1px solid rgba(7,28,51,.08);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    0 15px 38px rgba(7,28,51,.08);

  font-family:var(--datis-product-font-display);
  font-size:9.4px;
  line-height:1.4;
  font-weight:700;
  letter-spacing:.84px;
  text-transform:uppercase;
  direction:ltr;
}

.dlcl-kicker::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#2F80ED;
  box-shadow:0 0 14px #2F80ED;
}

.dlcl-title{
  margin:19px 0 0;
  color:#071C33;
  font-family:var(--datis-product-font-text);
  font-size:clamp(28px,3vw,36px);
  line-height:1.8;
  font-weight:700;
}

.dlcl-title span{
  display:block;
  margin-top:6px;
  color:#4B5563;
  font-family:inherit!important;
}

.dlcl-description{
  margin:0;
  max-width:900px;
  color:rgba(7,28,51,.68);
  font-family:var(--datis-product-font-text);
  font-size:14.5px;
  line-height:2.08;
  font-weight:400;
}

/* LEDGER */

.dlcl-ledger{
  display:grid;
  grid-template-columns:255px minmax(0,1fr);
  overflow:hidden;

  border:1px solid rgba(255,255,255,.90);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 36px 96px rgba(7,28,51,.16);
}

/* SPINE */

.dlcl-spine{
  position:relative;
  min-height:690px;
  padding:30px 24px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  color:#fff;

  background:
    radial-gradient(circle at 18% 16%,rgba(255,255,255,.09),transparent 30%),
    radial-gradient(circle at 82% 84%,rgba(47,128,237,.18),transparent 38%),
    linear-gradient(145deg,#0B2038 0%,#061321 72%,#020914 100%);
}

.dlcl-spine::before{
  content:"LEVEL";
  position:absolute;
  left:-14px;
  bottom:66px;
  color:rgba(255,255,255,.034);
  font-family:var(--datis-product-font-display);
  font-size:84px;
  line-height:1;
  font-weight:700;
  letter-spacing:-5px;
  transform:rotate(-90deg);
  transform-origin:left bottom;
  direction:ltr;
}

.dlcl-spine::after{
  content:"";
  position:absolute;
  inset:0;
  opacity:.16;
  background:
    linear-gradient(120deg,transparent 0%,rgba(255,255,255,.10) 42%,transparent 44%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.016) 0 1px,transparent 1px 18px);
}

.dlcl-spine > *{
  position:relative;
  z-index:2;
}

.dlcl-spine-head{
  padding-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.09);
}

.dlcl-spine-head small{
  display:block;
  color:#93C5FD;
  font-family:var(--datis-product-font-display);
  font-size:7.8px;
  font-weight:700;
  letter-spacing:.68px;
  text-transform:uppercase;
  direction:ltr;
}

.dlcl-spine-head strong{
  display:block;
  margin-top:7px;
  color:#fff;
  font-family:var(--datis-product-font-display);
  font-size:14px;
  font-weight:700;
  letter-spacing:.34px;
  text-transform:uppercase;
  direction:ltr;
}

.dlcl-spine-groups{
  margin-top:28px;
  display:grid;
}

.dlcl-spine-group{
  min-height:92px;
  padding:17px 0;
  display:grid;
  grid-template-columns:44px 1fr;
  gap:12px;
  align-items:center;
  border-bottom:1px solid rgba(255,255,255,.07);
}

.dlcl-spine-group:last-child{
  border-bottom:0;
}

.dlcl-group-code{
  color:#93C5FD;
  font-family:var(--datis-product-font-display);
  font-size:10px;
  font-weight:700;
  direction:ltr;
}

.dlcl-spine-group strong{
  display:block;
  color:#fff;
  font-family:var(--datis-product-font-text);
  font-size:12px;
  line-height:1.65;
  font-weight:700;
}

.dlcl-spine-group span{
  display:block;
  margin-top:5px;
  color:rgba(255,255,255,.36);
  font-family:var(--datis-product-font-display);
  font-size:6.7px;
  font-weight:700;
  letter-spacing:.46px;
  text-transform:uppercase;
  direction:ltr;
}

.dlcl-spine-rule{
  margin-top:28px;
  padding:18px 16px;
  color:#071C33;
  background:linear-gradient(145deg,#FFFFFF,#C0C7CF);
  border:1px solid rgba(255,255,255,.70);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    0 16px 34px rgba(0,0,0,.18);
}

.dlcl-spine-rule small{
  display:block;
  color:#2F80ED;
  font-family:var(--datis-product-font-display);
  font-size:7.2px;
  font-weight:700;
  letter-spacing:.56px;
  text-transform:uppercase;
  direction:ltr;
}

.dlcl-spine-rule strong{
  display:block;
  margin-top:7px;
  color:#071C33;
  font-family:var(--datis-product-font-text);
  font-size:10.5px;
  line-height:1.82;
  font-weight:700;
}

.dlcl-spine-status{
  margin-top:auto;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.08);
}

.dlcl-spine-status strong{
  display:block;
  color:#fff;
  font-family:var(--datis-product-font-display);
  font-size:8px;
  font-weight:700;
  letter-spacing:.54px;
  text-transform:uppercase;
  direction:ltr;
}

.dlcl-spine-status span{
  display:block;
  margin-top:7px;
  color:rgba(255,255,255,.38);
  font-family:var(--datis-product-font-text);
  font-size:9.5px;
  line-height:1.7;
}

/* BODY */

.dlcl-body{
  position:relative;
  min-width:0;
  min-height:690px;
  padding:0 30px 28px;
  color:#071C33;
  background:linear-gradient(145deg,#FFFFFF 0%,#F3F6F9 58%,#E4E9EE 100%);
}

.dlcl-body::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.40;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 10%,rgba(255,255,255,.96),transparent 34%),
    radial-gradient(circle at 88% 88%,rgba(47,128,237,.055),transparent 35%);
}

.dlcl-body > *{
  position:relative;
  z-index:2;
}

.dlcl-body-head{
  min-height:92px;
  padding:22px 0 18px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}

.dlcl-body-head small{
  display:block;
  color:#2F80ED;
  font-family:var(--datis-product-font-display);
  font-size:7.8px;
  font-weight:700;
  letter-spacing:.68px;
  text-transform:uppercase;
  direction:ltr;
}

.dlcl-body-head strong{
  display:block;
  margin-top:7px;
  color:#081A2F;
  font-family:var(--datis-product-font-text);
  font-size:23px;
  line-height:1.72;
  font-weight:700;
}

.dlcl-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:rgba(8,26,47,.42);
  font-family:var(--datis-product-font-display);
  font-size:7.2px;
  font-weight:700;
  letter-spacing:.54px;
  text-transform:uppercase;
  direction:ltr;
}

.dlcl-status::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#2F80ED;
  box-shadow:0 0 14px rgba(47,128,237,.72);
}


/* FIXED COMPARISON TABLE */

.dlcl-table-wrap{
  width:100%;
  overflow:hidden;
}

.dlcl-table{
  width:100%;
  border:0;
  border-collapse:separate;
  border-spacing:0 8px;
  table-layout:fixed;
  direction:rtl;
  background:transparent;
}

.dlcl-table col:nth-child(1){width:6%;}
.dlcl-table col:nth-child(2){width:14%;}
.dlcl-table col:nth-child(3){width:16%;}
.dlcl-table col:nth-child(4){width:11%;}
.dlcl-table col:nth-child(5){width:25%;}
.dlcl-table col:nth-child(6){width:28%;}

.dlcl-table thead th{
  height:56px;
  padding:10px 12px;
  vertical-align:middle;
  text-align:right;
  color:rgba(8,26,47,.44);

  font-family:var(--datis-product-font-display);
  font-size:6.7px;
  line-height:1.45;
  font-weight:700;
  letter-spacing:.48px;
  text-transform:uppercase;
  direction:ltr;
}

.dlcl-table thead th:first-child{
  text-align:center;
}

.dlcl-table thead tr{
  background:transparent;
}

.dlcl-table tbody tr{
  height:132px;
  background:transparent;
  box-shadow:none;
  transition:.22s ease;
}

.dlcl-table tbody tr:hover{
  background:rgba(255,255,255,.34);
  box-shadow:none;
}

.dlcl-table th,
.dlcl-table td{
  border:0!important;
  outline:0!important;
  box-shadow:none;
}

.dlcl-table td{
  height:132px;
  padding:14px 12px;
  vertical-align:middle;
  text-align:right;
  overflow-wrap:anywhere;
  background:transparent;
}

.dlcl-table td:first-child,
.dlcl-table td:last-child{
  border-radius:0;
}

.dlcl-ref{
  text-align:center!important;
  color:rgba(8,26,47,.14);
  font-family:var(--datis-product-font-display);
  font-size:20px;
  line-height:1;
  font-weight:700;
  direction:ltr;
}

.dlcl-technology small{
  display:block;
  color:#2F80ED;
  font-family:var(--datis-product-font-display);
  font-size:6.8px;
  font-weight:700;
  letter-spacing:.50px;
  text-transform:uppercase;
  direction:ltr;
}

.dlcl-technology strong{
  display:block;
  margin-top:6px;
  color:#081A2F;
  font-family:var(--datis-product-font-text);
  font-size:12.5px;
  line-height:1.68;
  font-weight:700;
}

.dlcl-cell{
  color:#5B6572;
  font-family:var(--datis-product-font-text);
  font-size:10px;
  line-height:1.78;
  font-weight:400;
}

.dlcl-contact-box{
  width:100%;
  min-height:42px;
  padding:8px 9px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#071C33;
  background:rgba(255,255,255,.58);
  border:0!important;
  box-shadow:none!important;

  font-family:var(--datis-product-font-text);
  font-size:9.5px;
  line-height:1.55;
  font-weight:700;
}

.dlcl-limit-box{
  width:100%;
  min-height:72px;
  padding:11px 12px;
  display:flex;
  align-items:center;
  color:#fff;
  background:linear-gradient(145deg,#0B2038,#061321);
  border:0!important;
  box-shadow:none!important;

  font-family:var(--datis-product-font-text);
  font-size:9.4px;
  line-height:1.72;
  font-weight:400;
}

/* BOTTOM */

.dlcl-bottom{
  margin-top:20px;
  min-height:70px;
  padding:18px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;

  color:#071C33;
  background:
    radial-gradient(circle at 12% 12%,rgba(255,255,255,.98),transparent 30%),
    linear-gradient(145deg,#FFFFFF 0%,#E7ECF1 64%,#CDD4DC 100%);

  border:1px solid rgba(255,255,255,.88);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    0 20px 56px rgba(7,28,51,.12);
}

.dlcl-bottom strong,
.dlcl-bottom span{
  font-family:var(--datis-product-font-display);
  font-weight:700;
  text-transform:uppercase;
  direction:ltr;
}

.dlcl-bottom strong{
  color:#071C33;
  font-size:8px;
  letter-spacing:.70px;
}

.dlcl-bottom span{
  color:#2F80ED;
  font-size:7.8px;
  letter-spacing:.66px;
}

/* RESPONSIVE */

@media(max-width:1250px){
  .dlcl-header{
    grid-template-columns:1fr;
    gap:22px;
  }

  .dlcl-ledger{
    grid-template-columns:220px minmax(0,1fr);
  }

  .dlcl-table thead th,
  .dlcl-table td{
    padding-right:9px;
    padding-left:9px;
  }
}

@media(max-width:960px){
  .dlcl-ledger{
    display:block;
  }

  .dlcl-spine{
    min-height:auto;
    padding:24px 22px;
  }

  .dlcl-spine-groups{
    grid-template-columns:repeat(2,1fr);
  }

  .dlcl-spine-group{
    padding:14px 12px;
    border-left:1px solid rgba(255,255,255,.07);
  }

  .dlcl-spine-group:nth-child(2n){
    border-left:0;
  }

  .dlcl-spine-status{
    margin-top:22px;
  }

  .dlcl-body{
    min-height:auto;
    padding:0 22px 24px;
  }
}

@media(max-width:780px){
  .datis-level-comparison-ledger{
    padding:82px 14px 62px;
  }

  .dlcl-title{
    font-size:28px;
  }

  .dlcl-body-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .dlcl-table,
  .dlcl-table tbody,
  .dlcl-table tr,
  .dlcl-table td{
    display:block;
    width:100%;
  }

  .dlcl-table colgroup,
  .dlcl-table thead{
    display:none;
  }

  .dlcl-table tbody tr{
    height:auto;
    margin-bottom:16px;
    padding:18px 16px;
    background:rgba(255,255,255,.40);
    border:0!important;
    border-radius:14px;
    box-shadow:none;
  }

  .dlcl-table td{
    height:auto;
    min-height:0;
    padding:11px 0 11px 38%;
    position:relative;
    border:0!important;
    border-radius:0!important;
    background:transparent;
    box-shadow:none;
  }

  .dlcl-table td::before{
    content:attr(data-label);
    position:absolute;
    top:12px;
    right:0;
    width:34%;
    color:#2F80ED;
    font-family:var(--datis-product-font-display);
    font-size:6.7px;
    line-height:1.45;
    font-weight:700;
    letter-spacing:.46px;
    text-transform:uppercase;
    direction:ltr;
  }

  .dlcl-ref{
    text-align:right!important;
    font-size:17px;
  }

  .dlcl-contact-box,
  .dlcl-limit-box{
    min-height:auto;
  }

  .dlcl-bottom{
    align-items:flex-start;
    flex-direction:column;
  }
}

@media(max-width:520px){
  .dlcl-title{
    font-size:26px;
  }

  .dlcl-spine-groups{
    grid-template-columns:1fr;
  }

  .dlcl-spine-group{
    border-left:0;
  }

  .dlcl-table td{
    padding-left:0;
    padding-right:0;
    padding-top:35px;
  }

  .dlcl-table td::before{
    top:10px;
    width:100%;
  }
}

@media(prefers-reduced-motion:reduce){
  .datis-level-comparison-ledger *,
  .datis-level-comparison-ledger *::before,
  .datis-level-comparison-ledger *::after{
    transition:none!important;
    animation:none!important;
  }
}


/* ===== Section from Pasted text(422) ===== */
.datis-level-comparison-ledger .dlcl-body,
.datis-level-comparison-ledger .dlcl-table-wrap,
.datis-level-comparison-ledger .dlcl-table,
.datis-level-comparison-ledger .dlcl-table thead,
.datis-level-comparison-ledger .dlcl-table tbody,
.datis-level-comparison-ledger .dlcl-table tr,
.datis-level-comparison-ledger .dlcl-table th,
.datis-level-comparison-ledger .dlcl-table td{
  border:0!important;
  outline:0!important;
}

.datis-level-comparison-ledger .dlcl-table tr,
.datis-level-comparison-ledger .dlcl-table th,
.datis-level-comparison-ledger .dlcl-table td{
  box-shadow:none!important;
}

.datis-level-comparison-ledger .dlcl-table th::before,
.datis-level-comparison-ledger .dlcl-table th::after,
.datis-level-comparison-ledger .dlcl-table td::after{
  display:none!important;
}

@media(min-width:781px){
  .datis-level-comparison-ledger .dlcl-table tbody tr{
    background:transparent!important;
  }

  .datis-level-comparison-ledger .dlcl-table tbody tr:hover{
    background:rgba(255,255,255,.30)!important;
  }
}


/* ===== Section from Pasted text(423) ===== */
.datis-level-selection-path{
  --dlsp-navy:#071C33;
  --dlsp-deep:#020914;
  --dlsp-blue:#2F80ED;
  --dlsp-cyan:#70BFFF;
  --dlsp-silver:#C0C7CF;
  --dlsp-light:#F5F7FA;

  position:relative;
  width:100vw;
  max-width:100vw;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;

  padding:110px 20px 84px;
  overflow:hidden;
  isolation:isolate;
  color:#fff;

  background:
    radial-gradient(circle at 13% 14%,rgba(112,191,255,.10),transparent 28%),
    radial-gradient(circle at 88% 86%,rgba(47,128,237,.14),transparent 32%),
    linear-gradient(135deg,#020914 0%,#071C33 48%,#0E2744 100%);

  font-family:var(--datis-product-font-text);
}

.datis-level-selection-path *,
.datis-level-selection-path *::before,
.datis-level-selection-path *::after{
  box-sizing:border-box;
}

.datis-level-selection-path::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  opacity:.10;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:84px 84px;
  mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 92%,transparent);
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 92%,transparent);
}

.datis-level-selection-path::after{
  content:"";
  position:absolute;
  top:0;
  right:8%;
  left:8%;
  height:1px;
  background:
    linear-gradient(90deg,transparent,rgba(112,191,255,.62),rgba(255,255,255,.18),transparent);
  box-shadow:0 0 26px rgba(47,128,237,.20);
}

.dlsp-shell{
  width:100%;
  max-width:1500px;
  margin:0 auto;
  position:relative;
  z-index:2;
}

/* HEADER */

.dlsp-header{
  display:grid;
  grid-template-columns:minmax(320px,.82fr) minmax(460px,1.18fr);
  gap:46px;
  align-items:end;
  margin-bottom:54px;
}

.dlsp-kicker{
  width:max-content;
  max-width:100%;
  min-height:34px;
  padding:7px 14px;
  display:inline-flex;
  align-items:center;
  gap:9px;

  color:#071C33;
  background:linear-gradient(145deg,#FFFFFF,#C0C7CF);
  border:1px solid rgba(255,255,255,.70);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    0 15px 38px rgba(0,0,0,.16);

  font-family:var(--datis-product-font-display);
  font-size:9.4px;
  line-height:1.4;
  font-weight:700;
  letter-spacing:.84px;
  text-transform:uppercase;
  direction:ltr;
}

.dlsp-kicker::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#70BFFF;
  box-shadow:0 0 14px #70BFFF;
}

.dlsp-title{
  margin:19px 0 0;
  color:#fff;
  font-family:var(--datis-product-font-text);
  font-size:clamp(28px,3vw,36px);
  line-height:1.8;
  font-weight:700;
}

.dlsp-title span{
  display:block;
  margin-top:6px;
  color:#C0C7CF;
  font-family:inherit!important;
}

.dlsp-description{
  margin:0;
  max-width:900px;
  color:rgba(255,255,255,.66);
  font-family:var(--datis-product-font-text);
  font-size:14.5px;
  line-height:2.08;
  font-weight:400;
}

/* CONFIGURATION BOARD */

.dlsp-board{
  display:grid;
  grid-template-columns:390px minmax(0,1fr);
  min-height:760px;
  overflow:hidden;

  border:1px solid rgba(255,255,255,.11);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 38px 100px rgba(0,0,0,.28);
}

/* PROJECT BRIEF */

.dlsp-brief{
  position:relative;
  padding:34px 30px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  color:#fff;

  background:
    radial-gradient(circle at 18% 16%,rgba(255,255,255,.08),transparent 30%),
    radial-gradient(circle at 82% 84%,rgba(47,128,237,.18),transparent 38%),
    linear-gradient(145deg,#0B2038 0%,#061321 72%,#020914 100%);
}

.dlsp-brief::before{
  content:"LEVEL";
  position:absolute;
  left:-16px;
  bottom:72px;
  color:rgba(255,255,255,.03);
  font-family:var(--datis-product-font-display);
  font-size:86px;
  line-height:1;
  font-weight:700;
  letter-spacing:-5px;
  transform:rotate(-90deg);
  transform-origin:left bottom;
  direction:ltr;
}

.dlsp-brief::after{
  content:"";
  position:absolute;
  inset:0;
  opacity:.16;
  background:
    linear-gradient(120deg,transparent 0%,rgba(255,255,255,.10) 42%,transparent 44%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.016) 0 1px,transparent 1px 18px);
}

.dlsp-brief > *{
  position:relative;
  z-index:2;
}

.dlsp-brief-head{
  padding-bottom:18px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  border-bottom:1px solid rgba(255,255,255,.09);
}

.dlsp-brief-head small{
  display:block;
  color:#93C5FD;
  font-family:var(--datis-product-font-display);
  font-size:7.8px;
  font-weight:700;
  letter-spacing:.68px;
  text-transform:uppercase;
  direction:ltr;
}

.dlsp-brief-head strong{
  display:block;
  margin-top:7px;
  color:#fff;
  font-family:var(--datis-product-font-display);
  font-size:13.5px;
  font-weight:700;
  letter-spacing:.34px;
  text-transform:uppercase;
  direction:ltr;
}

.dlsp-brief-id{
  color:rgba(255,255,255,.14);
  font-family:var(--datis-product-font-display);
  font-size:40px;
  line-height:1;
  font-weight:700;
  direction:ltr;
}

.dlsp-brief h3{
  margin:30px 0 14px;
  color:#fff;
  font-family:var(--datis-product-font-text);
  font-size:clamp(23px,2.4vw,29px);
  line-height:1.82;
  font-weight:700;
}

.dlsp-brief > p{
  margin:0;
  color:rgba(255,255,255,.58);
  font-family:var(--datis-product-font-text);
  font-size:13px;
  line-height:2.05;
  font-weight:400;
}

.dlsp-project-inputs{
  margin-top:28px;
  display:grid;
}

.dlsp-input{
  min-height:68px;
  padding:12px 0;
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:12px;
  align-items:center;
  border-bottom:1px solid rgba(255,255,255,.075);
}

.dlsp-input:last-child{
  border-bottom:0;
}

.dlsp-input-code{
  color:#70BFFF;
  font-family:var(--datis-product-font-display);
  font-size:9px;
  font-weight:700;
  direction:ltr;
}

.dlsp-input strong{
  display:block;
  color:#fff;
  font-family:var(--datis-product-font-text);
  font-size:11.2px;
  line-height:1.65;
  font-weight:700;
}

.dlsp-input span{
  display:block;
  margin-top:4px;
  color:rgba(255,255,255,.36);
  font-family:var(--datis-product-font-text);
  font-size:9.4px;
  line-height:1.65;
}

.dlsp-output{
  margin-top:auto;
  padding:20px 22px;
  color:#071C33;
  background:linear-gradient(145deg,#FFFFFF,#C0C7CF);
  border:1px solid rgba(255,255,255,.70);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    0 16px 34px rgba(0,0,0,.18);
}

.dlsp-output small{
  display:block;
  color:#2F80ED;
  font-family:var(--datis-product-font-display);
  font-size:7.4px;
  font-weight:700;
  letter-spacing:.58px;
  text-transform:uppercase;
  direction:ltr;
}

.dlsp-output strong{
  display:block;
  margin-top:7px;
  color:#071C33;
  font-family:var(--datis-product-font-text);
  font-size:12px;
  line-height:1.85;
  font-weight:700;
}

/* DECISION PATH */

.dlsp-path{
  position:relative;
  min-width:0;
  padding:0 36px 30px;
  color:#071C33;

  background:
    radial-gradient(circle at 14% 12%,rgba(255,255,255,.99),transparent 30%),
    radial-gradient(circle at 88% 86%,rgba(47,128,237,.08),transparent 34%),
    linear-gradient(145deg,#FFFFFF 0%,#EEF2F5 54%,#D5DCE3 100%);
}

.dlsp-path::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.22;
  background:
    linear-gradient(120deg,transparent 0%,rgba(255,255,255,.72) 42%,transparent 44%),
    repeating-linear-gradient(90deg,rgba(8,26,47,.019) 0 1px,transparent 1px 20px);
}

.dlsp-path > *{
  position:relative;
  z-index:2;
}

.dlsp-path-head{
  min-height:92px;
  padding:22px 0 18px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  border-bottom:1px solid rgba(8,26,47,.10);
}

.dlsp-path-head small{
  display:block;
  color:#2F80ED;
  font-family:var(--datis-product-font-display);
  font-size:7.8px;
  font-weight:700;
  letter-spacing:.68px;
  text-transform:uppercase;
  direction:ltr;
}

.dlsp-path-head strong{
  display:block;
  margin-top:7px;
  color:#081A2F;
  font-family:var(--datis-product-font-text);
  font-size:23px;
  line-height:1.72;
  font-weight:700;
}

.dlsp-path-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:rgba(8,26,47,.42);
  font-family:var(--datis-product-font-display);
  font-size:7.2px;
  font-weight:700;
  letter-spacing:.54px;
  text-transform:uppercase;
  direction:ltr;
}

.dlsp-path-status::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#2F80ED;
  box-shadow:0 0 14px rgba(47,128,237,.72);
}

.dlsp-route{
  position:relative;
  margin-top:20px;
  padding-right:32px;
}

.dlsp-route::before{
  content:"";
  position:absolute;
  right:10px;
  top:42px;
  bottom:42px;
  width:2px;
  background:
    linear-gradient(180deg,#70BFFF,#2F80ED,rgba(47,128,237,.18),#2F80ED);
  box-shadow:0 0 14px rgba(47,128,237,.20);
}

.dlsp-step{
  position:relative;
  min-height:101px;
  padding:15px 0 15px 18px;
  display:grid;
  grid-template-columns:70px 190px minmax(0,1fr) 115px;
  gap:18px;
  align-items:center;
  border-bottom:1px solid rgba(8,26,47,.09);
  transition:.22s ease;
}

.dlsp-step:last-child{
  border-bottom:0;
}

.dlsp-step:hover{
  transform:translateX(-5px);
}

.dlsp-step::before{
  content:"";
  position:absolute;
  right:-26px;
  top:50%;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#F5F7FA;
  border:2px solid #2F80ED;
  box-shadow:
    0 0 0 5px rgba(47,128,237,.08),
    0 0 14px rgba(47,128,237,.34);
  transform:translateY(-50%);
}

.dlsp-step-number{
  color:rgba(8,26,47,.15);
  font-family:var(--datis-product-font-display);
  font-size:26px;
  line-height:1;
  font-weight:700;
  direction:ltr;
}

.dlsp-step-title small{
  display:block;
  color:#2F80ED;
  font-family:var(--datis-product-font-display);
  font-size:7.3px;
  font-weight:700;
  letter-spacing:.56px;
  text-transform:uppercase;
  direction:ltr;
}

.dlsp-step-title h3{
  margin:6px 0 0;
  color:#081A2F;
  font-family:var(--datis-product-font-text);
  font-size:14px;
  line-height:1.72;
  font-weight:700;
}

.dlsp-step p{
  margin:0;
  color:#5B6572;
  font-family:var(--datis-product-font-text);
  font-size:10.8px;
  line-height:1.78;
  font-weight:400;
}

.dlsp-step-tag{
  min-height:40px;
  padding:0 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:linear-gradient(145deg,#0B2038,#061321);
  box-shadow:0 10px 24px rgba(7,28,51,.13);

  font-family:var(--datis-product-font-display);
  font-size:6.8px;
  font-weight:700;
  letter-spacing:.46px;
  text-transform:uppercase;
  direction:ltr;
}

/* RESULT */

.dlsp-result{
  margin-top:20px;
  min-height:78px;
  padding:17px 20px;
  display:grid;
  grid-template-columns:145px minmax(0,1fr);
  gap:18px;
  align-items:center;

  color:#fff;
  background:
    radial-gradient(circle at 16% 20%,rgba(47,128,237,.18),transparent 34%),
    linear-gradient(145deg,#0B2038,#061321);

  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 16px 34px rgba(7,28,51,.16);
}

.dlsp-result strong{
  color:#93C5FD;
  font-family:var(--datis-product-font-display);
  font-size:8px;
  font-weight:700;
  letter-spacing:.58px;
  text-transform:uppercase;
  direction:ltr;
}

.dlsp-result p{
  margin:0;
  color:rgba(255,255,255,.64);
  font-family:var(--datis-product-font-text);
  font-size:11.2px;
  line-height:1.88;
}

/* BOTTOM */

.dlsp-bottom{
  margin-top:20px;
  min-height:70px;
  padding:18px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;

  color:#071C33;
  background:
    radial-gradient(circle at 12% 12%,rgba(255,255,255,.98),transparent 30%),
    linear-gradient(145deg,#FFFFFF 0%,#E7ECF1 64%,#CDD4DC 100%);

  border:1px solid rgba(255,255,255,.88);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    0 20px 56px rgba(0,0,0,.16);
}

.dlsp-bottom strong,
.dlsp-bottom span{
  font-family:var(--datis-product-font-display);
  font-weight:700;
  text-transform:uppercase;
  direction:ltr;
}

.dlsp-bottom strong{
  color:#071C33;
  font-size:8px;
  letter-spacing:.70px;
}

.dlsp-bottom span{
  color:#2F80ED;
  font-size:7.8px;
  letter-spacing:.66px;
}

/* RESPONSIVE */

@media(max-width:1180px){
  .dlsp-header{
    grid-template-columns:1fr;
    gap:22px;
  }

  .dlsp-board{
    grid-template-columns:330px minmax(0,1fr);
  }

  .dlsp-step{
    grid-template-columns:56px 160px minmax(0,1fr);
  }

  .dlsp-step-tag{
    grid-column:3;
    width:max-content;
  }
}

@media(max-width:900px){
  .dlsp-board{
    grid-template-columns:1fr;
  }

  .dlsp-brief{
    min-height:auto;
  }

  .dlsp-project-inputs{
    grid-template-columns:repeat(2,1fr);
  }

  .dlsp-input{
    padding:12px;
    border-left:1px solid rgba(255,255,255,.075);
  }

  .dlsp-input:nth-child(2n){
    border-left:0;
  }

  .dlsp-output{
    margin-top:24px;
  }
}

@media(max-width:720px){
  .datis-level-selection-path{
    padding:82px 14px 62px;
  }

  .dlsp-title{
    font-size:28px;
  }

  .dlsp-brief{
    padding:30px 22px;
  }

  .dlsp-project-inputs{
    grid-template-columns:1fr;
  }

  .dlsp-input{
    border-left:0;
  }

  .dlsp-path{
    padding:0 20px 24px;
  }

  .dlsp-path-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .dlsp-step{
    grid-template-columns:50px minmax(0,1fr);
    gap:12px;
    padding:18px 0;
  }

  .dlsp-step-number{
    grid-row:1 / span 3;
    font-size:21px;
  }

  .dlsp-step-title,
  .dlsp-step p,
  .dlsp-step-tag{
    grid-column:2;
  }

  .dlsp-result{
    grid-template-columns:1fr;
  }

  .dlsp-bottom{
    align-items:flex-start;
    flex-direction:column;
  }
}

@media(max-width:520px){
  .dlsp-title{
    font-size:26px;
  }
}

@media(prefers-reduced-motion:reduce){
  .datis-level-selection-path *,
  .datis-level-selection-path *::before,
  .datis-level-selection-path *::after{
    transition:none!important;
    animation:none!important;
  }
}


/* ===== Section from Pasted text(425) ===== */
.datis-level-support-navigator{
  --dlsn-navy:#071C33;
  --dlsn-deep:#020914;
  --dlsn-blue:#2F80ED;
  --dlsn-cyan:#70BFFF;
  --dlsn-silver:#C0C7CF;
  --dlsn-light:#F5F7FA;

  position:relative;
  width:100vw;
  max-width:100vw;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;

  padding:110px 20px 84px;
  overflow:hidden;
  isolation:isolate;
  color:#fff;

  background:
    radial-gradient(circle at 14% 15%,rgba(112,191,255,.11),transparent 28%),
    radial-gradient(circle at 86% 84%,rgba(47,128,237,.15),transparent 33%),
    linear-gradient(135deg,#020914 0%,#071C33 48%,#0E2744 100%);

  font-family:var(--datis-product-font-text);
}

.datis-level-support-navigator *,
.datis-level-support-navigator *::before,
.datis-level-support-navigator *::after{
  box-sizing:border-box;
}

.datis-level-support-navigator::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  opacity:.10;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:84px 84px;
  mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 92%,transparent);
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 92%,transparent);
}

.datis-level-support-navigator::after{
  content:"";
  position:absolute;
  top:0;
  right:8%;
  left:8%;
  height:1px;
  background:
    linear-gradient(90deg,transparent,rgba(112,191,255,.62),rgba(255,255,255,.18),transparent);
  box-shadow:0 0 26px rgba(47,128,237,.20);
}

.dlsn-shell{
  width:100%;
  max-width:1500px;
  margin:0 auto;
  position:relative;
  z-index:2;
}

/* HEADER */

.dlsn-header{
  display:grid;
  grid-template-columns:minmax(320px,.82fr) minmax(460px,1.18fr);
  gap:46px;
  align-items:end;
  margin-bottom:54px;
}

.dlsn-kicker{
  width:max-content;
  max-width:100%;
  min-height:34px;
  padding:7px 14px;
  display:inline-flex;
  align-items:center;
  gap:9px;

  color:#071C33;
  background:linear-gradient(145deg,#FFFFFF,#C0C7CF);
  border:1px solid rgba(255,255,255,.70);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    0 15px 38px rgba(0,0,0,.16);

  font-family:var(--datis-product-font-display);
  font-size:9.4px;
  line-height:1.4;
  font-weight:700;
  letter-spacing:.84px;
  text-transform:uppercase;
  direction:ltr;
}

.dlsn-kicker::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#70BFFF;
  box-shadow:0 0 14px #70BFFF;
}

.dlsn-title{
  margin:19px 0 0;
  color:#fff;
  font-family:var(--datis-product-font-text);
  font-size:clamp(28px,3vw,36px);
  line-height:1.8;
  font-weight:700;
}

.dlsn-title span{
  display:block;
  margin-top:6px;
  color:#C0C7CF;
  font-family:inherit!important;
}

.dlsn-description{
  margin:0;
  max-width:900px;
  color:rgba(255,255,255,.66);
  font-family:var(--datis-product-font-text);
  font-size:14.5px;
  line-height:2.08;
  font-weight:400;
}

/* NAVIGATOR */

.dlsn-navigator{
  display:grid;
  grid-template-columns:430px minmax(0,1fr);
  min-height:720px;
  overflow:hidden;

  border:1px solid rgba(255,255,255,.11);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 38px 100px rgba(0,0,0,.28);
}

/* QUESTION RAIL */

.dlsn-question-rail{
  position:relative;
  padding:28px 0;
  overflow:hidden;
  color:#fff;

  background:
    radial-gradient(circle at 20% 15%,rgba(255,255,255,.10),transparent 28%),
    radial-gradient(circle at 80% 85%,rgba(47,128,237,.18),transparent 36%),
    linear-gradient(180deg,#0B2038 0%,#061321 70%,#020914 100%);
}

.dlsn-question-rail::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.18;
  background:
    linear-gradient(120deg,transparent 0%,rgba(255,255,255,.10) 42%,transparent 44%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.016) 0 1px,transparent 1px 18px);
}

.dlsn-question-rail > *{
  position:relative;
  z-index:2;
}

.dlsn-rail-head{
  padding:0 24px 22px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.dlsn-rail-head small{
  display:block;
  color:#93C5FD;
  font-family:var(--datis-product-font-display);
  font-size:7.7px;
  font-weight:700;
  letter-spacing:.68px;
  text-transform:uppercase;
  direction:ltr;
}

.dlsn-rail-head strong{
  display:block;
  margin-top:7px;
  color:#fff;
  font-family:var(--datis-product-font-display);
  font-size:14px;
  font-weight:700;
  letter-spacing:.36px;
  text-transform:uppercase;
  direction:ltr;
}

.dlsn-question-list{
  display:grid;
}

.dlsn-question{
  width:100%;
  min-height:73px;
  padding:12px 22px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 24px;
  gap:12px;
  align-items:center;
  text-align:right;
  color:#fff;
  background:transparent;
  border-bottom:1px solid rgba(255,255,255,.07);
  cursor:pointer;
  user-select:none;
  -webkit-user-select:none;
  transition:.22s ease;
}

.dlsn-question:last-child{
  border-bottom:0;
}

.dlsn-question:hover{
  background:rgba(255,255,255,.035);
}

.dlsn-question:focus-visible{
  outline:2px solid #70BFFF;
  outline-offset:-3px;
}

.dlsn-question.is-active{
  background:
    linear-gradient(90deg,rgba(47,128,237,.20),rgba(255,255,255,.03));
  box-shadow:inset -3px 0 0 #2F80ED;
}

.dlsn-question-number{
  color:rgba(255,255,255,.18);
  font-family:var(--datis-product-font-display);
  font-size:19px;
  line-height:1;
  font-weight:700;
  direction:ltr;
  transition:.22s ease;
}

.dlsn-question.is-active .dlsn-question-number{
  color:#70BFFF;
}

.dlsn-question-text{
  color:rgba(255,255,255,.78);
  font-family:var(--datis-product-font-text);
  font-size:11.8px;
  line-height:1.72;
  font-weight:700;
}

.dlsn-question.is-active .dlsn-question-text{
  color:#fff;
}

.dlsn-question-arrow{
  color:rgba(255,255,255,.22);
  font-family:var(--datis-product-font-display);
  font-size:14px;
  font-weight:700;
  direction:ltr;
  transition:.22s ease;
}

.dlsn-question.is-active .dlsn-question-arrow{
  color:#70BFFF;
  transform:translateX(-4px);
}

/* ANSWER PANEL */

.dlsn-answer-panel{
  position:relative;
  min-height:720px;
  padding:34px 38px 32px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  color:#071C33;

  background:
    radial-gradient(circle at 14% 12%,rgba(255,255,255,.99),transparent 30%),
    radial-gradient(circle at 88% 86%,rgba(47,128,237,.08),transparent 34%),
    linear-gradient(145deg,#FFFFFF 0%,#EEF2F5 54%,#D5DCE3 100%);
}

.dlsn-answer-panel::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.22;
  background:
    linear-gradient(120deg,transparent 0%,rgba(255,255,255,.72) 42%,transparent 44%),
    repeating-linear-gradient(90deg,rgba(8,26,47,.019) 0 1px,transparent 1px 20px);
}

.dlsn-answer-panel > *{
  position:relative;
  z-index:2;
}

.dlsn-answer-head{
  padding-bottom:18px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  border-bottom:1px solid rgba(8,26,47,.10);
}

.dlsn-answer-head small{
  display:block;
  color:#2F80ED;
  font-family:var(--datis-product-font-display);
  font-size:7.8px;
  font-weight:700;
  letter-spacing:.68px;
  text-transform:uppercase;
  direction:ltr;
}

.dlsn-answer-head strong{
  display:block;
  margin-top:7px;
  color:#081A2F;
  font-family:var(--datis-product-font-text);
  font-size:23px;
  line-height:1.72;
  font-weight:700;
}

.dlsn-answer-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:rgba(8,26,47,.42);
  font-family:var(--datis-product-font-display);
  font-size:7.2px;
  font-weight:700;
  letter-spacing:.54px;
  text-transform:uppercase;
  direction:ltr;
}

.dlsn-answer-status::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#2F80ED;
  box-shadow:0 0 14px rgba(47,128,237,.72);
}

.dlsn-answer-stage{
  min-height:440px;
  padding:42px 0 28px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.dlsn-answer{
  display:none;
  animation:dlsnAnswerIn .28s ease both;
}

.dlsn-answer.is-active{
  display:block;
}

@keyframes dlsnAnswerIn{
  from{
    opacity:0;
    transform:translateY(10px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

.dlsn-answer-code{
  color:rgba(8,26,47,.10);
  font-family:var(--datis-product-font-display);
  font-size:72px;
  line-height:1;
  font-weight:700;
  direction:ltr;
}

.dlsn-answer small{
  display:block;
  margin-top:22px;
  color:#2F80ED;
  font-family:var(--datis-product-font-display);
  font-size:8px;
  font-weight:700;
  letter-spacing:.62px;
  text-transform:uppercase;
  direction:ltr;
}

.dlsn-answer h3{
  max-width:850px;
  margin:10px 0 16px;
  color:#081A2F;
  font-family:var(--datis-product-font-text);
  font-size:clamp(22px,2.4vw,30px);
  line-height:1.82;
  font-weight:700;
}

.dlsn-answer p{
  max-width:900px;
  margin:0;
  color:#4B5563;
  font-family:var(--datis-product-font-text);
  font-size:13.5px;
  line-height:2.05;
  font-weight:400;
}

.dlsn-answer-footer{
  margin-top:auto;
  min-height:72px;
  padding-top:18px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid rgba(8,26,47,.10);
}

.dlsn-answer-footer div{
  padding:12px 16px;
  border-left:1px solid rgba(8,26,47,.09);
}

.dlsn-answer-footer div:last-child{
  border-left:0;
}

.dlsn-answer-footer strong{
  display:block;
  color:#081A2F;
  font-family:var(--datis-product-font-display);
  font-size:8px;
  font-weight:700;
  letter-spacing:.48px;
  text-transform:uppercase;
  direction:ltr;
}

.dlsn-answer-footer span{
  display:block;
  margin-top:5px;
  color:#5B6572;
  font-family:var(--datis-product-font-text);
  font-size:9.5px;
  line-height:1.65;
}

/* BOTTOM */

.dlsn-bottom{
  margin-top:20px;
  min-height:70px;
  padding:18px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;

  color:#071C33;
  background:
    radial-gradient(circle at 12% 12%,rgba(255,255,255,.98),transparent 30%),
    linear-gradient(145deg,#FFFFFF 0%,#E7ECF1 64%,#CDD4DC 100%);

  border:1px solid rgba(255,255,255,.88);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    0 20px 56px rgba(0,0,0,.16);
}

.dlsn-bottom strong,
.dlsn-bottom span{
  font-family:var(--datis-product-font-display);
  font-weight:700;
  text-transform:uppercase;
  direction:ltr;
}

.dlsn-bottom strong{
  color:#071C33;
  font-size:8px;
  letter-spacing:.70px;
}

.dlsn-bottom span{
  color:#2F80ED;
  font-size:7.8px;
  letter-spacing:.66px;
}

/* RESPONSIVE */

@media(max-width:1080px){
  .dlsn-header{
    grid-template-columns:1fr;
    gap:22px;
  }

  .dlsn-navigator{
    grid-template-columns:360px minmax(0,1fr);
  }
}

@media(max-width:820px){
  .datis-level-support-navigator{
    padding:82px 14px 62px;
  }

  .dlsn-title{
    font-size:28px;
  }

  .dlsn-navigator{
    display:block;
    min-height:auto;
  }

  .dlsn-question-rail{
    padding:20px 0;
  }

  .dlsn-question-list{
    display:flex;
    overflow-x:auto;
    scrollbar-width:none;
  }

  .dlsn-question-list::-webkit-scrollbar{
    display:none;
  }

  .dlsn-question{
    min-width:290px;
    border-bottom:0;
    border-left:1px solid rgba(255,255,255,.07);
  }

  .dlsn-question:last-child{
    border-left:0;
  }

  .dlsn-answer-panel{
    min-height:auto;
    padding:28px 22px 24px;
  }

  .dlsn-answer-stage{
    min-height:360px;
  }

  .dlsn-answer-footer{
    grid-template-columns:1fr;
  }

  .dlsn-answer-footer div{
    border-left:0;
    border-bottom:1px solid rgba(8,26,47,.09);
  }

  .dlsn-answer-footer div:last-child{
    border-bottom:0;
  }

  .dlsn-bottom{
    align-items:flex-start;
    flex-direction:column;
  }
}

@media(max-width:520px){
  .dlsn-title{
    font-size:26px;
  }

  .dlsn-question{
    min-width:250px;
    grid-template-columns:42px minmax(0,1fr) 22px;
    padding:13px 16px;
  }

  .dlsn-question-number{
    font-size:17px;
  }

  .dlsn-question-text{
    font-size:11.2px;
  }

  .dlsn-answer-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .dlsn-answer-code{
    font-size:54px;
  }

  .dlsn-answer h3{
    font-size:22px;
  }

  .dlsn-answer p{
    font-size:12.5px;
  }
}

@media(prefers-reduced-motion:reduce){
  .datis-level-support-navigator *,
  .datis-level-support-navigator *::before,
  .datis-level-support-navigator *::after{
    transition:none!important;
    animation:none!important;
  }
}


/* ===== Section from Pasted text(426) ===== */
.datis-level-extension-matrix{
  --dlem-navy:#071C33;
  --dlem-deep:#020914;
  --dlem-blue:#2F80ED;
  --dlem-cyan:#70BFFF;
  --dlem-silver:#C0C7CF;
  --dlem-light:#F5F7FA;

  position:relative;
  width:100vw;
  max-width:100vw;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;

  padding:110px 20px 84px;
  overflow:hidden;
  isolation:isolate;
  color:#fff;

  background:
    radial-gradient(circle at 12% 14%,rgba(112,191,255,.10),transparent 29%),
    radial-gradient(circle at 88% 84%,rgba(47,128,237,.14),transparent 34%),
    linear-gradient(145deg,#020914 0%,#071C33 48%,#0B2038 100%);

  font-family:var(--datis-product-font-text);
}

.datis-level-extension-matrix *,
.datis-level-extension-matrix *::before,
.datis-level-extension-matrix *::after{
  box-sizing:border-box;
}

.datis-level-extension-matrix::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  opacity:.10;
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 92px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 92px);
}

.datis-level-extension-matrix::after{
  content:"";
  position:absolute;
  top:0;
  right:8%;
  left:8%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(112,191,255,.55),rgba(255,255,255,.16),transparent);
  box-shadow:0 0 24px rgba(47,128,237,.18);
}

.dlem-shell{
  width:100%;
  max-width:1500px;
  margin:0 auto;
  position:relative;
  z-index:2;
}

/* HEADER */

.dlem-header{
  display:grid;
  grid-template-columns:minmax(340px,.85fr) minmax(500px,1.15fr);
  gap:48px;
  align-items:end;
  margin-bottom:52px;
}

.dlem-kicker{
  width:max-content;
  max-width:100%;
  min-height:34px;
  padding:7px 14px;
  display:inline-flex;
  align-items:center;
  gap:9px;

  color:#071C33;
  background:linear-gradient(145deg,#FFFFFF,#C0C7CF);
  border:1px solid rgba(255,255,255,.72);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    0 15px 38px rgba(0,0,0,.16);

  font-family:var(--datis-product-font-display);
  font-size:9.4px;
  line-height:1.4;
  font-weight:700;
  letter-spacing:.84px;
  text-transform:uppercase;
  direction:ltr;
}

.dlem-kicker::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#2F80ED;
  box-shadow:0 0 14px #2F80ED;
}

.dlem-title{
  margin:19px 0 0;
  color:#fff;
  font-family:var(--datis-product-font-text);
  font-size:clamp(28px,3vw,36px);
  line-height:1.82;
  font-weight:700;
}

.dlem-title span{
  display:block;
  margin-top:6px;
  color:#C0C7CF;
  font-family:inherit!important;
}

.dlem-description{
  margin:0;
  max-width:900px;
  color:rgba(255,255,255,.64);
  font-family:var(--datis-product-font-text);
  font-size:14.5px;
  line-height:2.08;
  font-weight:400;
}

/* MATRIX */

.dlem-matrix{
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  min-height:650px;
  overflow:hidden;
  box-shadow:0 38px 100px rgba(0,0,0,.26);
}

/* SYSTEM SPINE */

.dlem-spine{
  position:relative;
  padding:30px 24px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  color:#fff;

  background:
    radial-gradient(circle at 20% 15%,rgba(255,255,255,.09),transparent 30%),
    radial-gradient(circle at 80% 85%,rgba(47,128,237,.18),transparent 38%),
    linear-gradient(145deg,#0B2038 0%,#061321 70%,#020914 100%);
}

.dlem-spine::before{
  content:"SYSTEM";
  position:absolute;
  left:-12px;
  bottom:68px;
  color:rgba(255,255,255,.035);
  font-family:var(--datis-product-font-display);
  font-size:78px;
  line-height:1;
  font-weight:700;
  letter-spacing:-4px;
  transform:rotate(-90deg);
  transform-origin:left bottom;
  direction:ltr;
}

.dlem-spine::after{
  content:"";
  position:absolute;
  inset:0;
  opacity:.15;
  background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.10) 42%,transparent 44%);
}

.dlem-spine > *{
  position:relative;
  z-index:2;
}

.dlem-spine-head small{
  display:block;
  color:#93C5FD;
  font-family:var(--datis-product-font-display);
  font-size:7.8px;
  font-weight:700;
  letter-spacing:.68px;
  text-transform:uppercase;
  direction:ltr;
}

.dlem-spine-head strong{
  display:block;
  margin-top:7px;
  color:#fff;
  font-family:var(--datis-product-font-display);
  font-size:14px;
  line-height:1.5;
  font-weight:700;
  letter-spacing:.34px;
  text-transform:uppercase;
  direction:ltr;
}

.dlem-core{
  margin-top:34px;
  padding:24px 18px;
  color:#071C33;
  background:linear-gradient(145deg,#FFFFFF,#C0C7CF);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    0 16px 34px rgba(0,0,0,.18);
}

.dlem-core small{
  display:block;
  color:#2F80ED;
  font-family:var(--datis-product-font-display);
  font-size:7.2px;
  font-weight:700;
  letter-spacing:.56px;
  text-transform:uppercase;
  direction:ltr;
}

.dlem-core strong{
  display:block;
  margin-top:8px;
  color:#071C33;
  font-family:var(--datis-product-font-text);
  font-size:20px;
  line-height:1.65;
  font-weight:700;
}

.dlem-core p{
  margin:10px 0 0;
  color:#4B5563;
  font-family:var(--datis-product-font-text);
  font-size:10px;
  line-height:1.8;
}

.dlem-flow{
  margin-top:30px;
  display:grid;
  gap:15px;
}

.dlem-flow-item{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:11px;
  align-items:center;
}

.dlem-flow-item > span{
  color:#70BFFF;
  font-family:var(--datis-product-font-display);
  font-size:9px;
  font-weight:700;
  direction:ltr;
}

.dlem-flow-item strong{
  display:block;
  color:#fff;
  font-family:var(--datis-product-font-text);
  font-size:11px;
  line-height:1.7;
  font-weight:700;
}

.dlem-flow-item small{
  display:block;
  margin-top:4px;
  color:rgba(255,255,255,.35);
  font-family:var(--datis-product-font-display);
  font-size:6.5px;
  font-weight:700;
  letter-spacing:.44px;
  text-transform:uppercase;
  direction:ltr;
}

.dlem-spine-status{
  margin-top:auto;
  padding-top:24px;
}

.dlem-spine-status strong{
  display:block;
  color:#fff;
  font-family:var(--datis-product-font-display);
  font-size:8px;
  font-weight:700;
  letter-spacing:.54px;
  text-transform:uppercase;
  direction:ltr;
}

.dlem-spine-status span{
  display:block;
  margin-top:7px;
  color:rgba(255,255,255,.38);
  font-family:var(--datis-product-font-text);
  font-size:9.5px;
  line-height:1.7;
}

/* ROUTES */

.dlem-routes{
  position:relative;
  min-width:0;
  padding:28px 32px;
  color:#071C33;
  background:
    radial-gradient(circle at 14% 12%,rgba(255,255,255,.99),transparent 30%),
    radial-gradient(circle at 88% 86%,rgba(47,128,237,.07),transparent 34%),
    linear-gradient(145deg,#FFFFFF 0%,#EEF2F5 56%,#D5DCE3 100%);
}

.dlem-routes::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.22;
  background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.72) 42%,transparent 44%);
}

.dlem-routes > *{
  position:relative;
  z-index:2;
}

.dlem-routes-head{
  min-height:76px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}

.dlem-routes-head small{
  display:block;
  color:#2F80ED;
  font-family:var(--datis-product-font-display);
  font-size:7.8px;
  font-weight:700;
  letter-spacing:.68px;
  text-transform:uppercase;
  direction:ltr;
}

.dlem-routes-head strong{
  display:block;
  margin-top:7px;
  color:#081A2F;
  font-family:var(--datis-product-font-text);
  font-size:23px;
  line-height:1.7;
  font-weight:700;
}

.dlem-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:rgba(8,26,47,.42);
  font-family:var(--datis-product-font-display);
  font-size:7.2px;
  font-weight:700;
  letter-spacing:.54px;
  text-transform:uppercase;
  direction:ltr;
}

.dlem-status::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#2F80ED;
  box-shadow:0 0 14px rgba(47,128,237,.72);
}

.dlem-route-list{
  margin-top:10px;
  display:grid;
  gap:10px;
}

.dlem-route{
  min-height:116px;
  padding:18px 20px;
  display:grid;
  grid-template-columns:54px 128px minmax(170px,.78fr) minmax(250px,1.22fr) 150px;
  gap:18px;
  align-items:center;
  cursor:pointer;
  user-select:none;
  -webkit-user-select:none;
  background:rgba(255,255,255,.45);
  transition:.24s ease;
}

.dlem-route:hover{
  transform:translateX(-6px);
  background:rgba(255,255,255,.78);
  box-shadow:0 16px 38px rgba(7,28,51,.075);
}

.dlem-route:focus-visible{
  outline:2px solid #2F80ED;
  outline-offset:3px;
}


.dlem-route-image{
  position:relative;
  width:128px;
  height:88px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 50% 50%,rgba(47,128,237,.10),transparent 52%),
    linear-gradient(145deg,rgba(255,255,255,.92),rgba(224,230,236,.74));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    0 10px 24px rgba(7,28,51,.08);
}

.dlem-route-image img{
  width:100%;
  height:100%;
  padding:9px;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 10px 14px rgba(7,28,51,.18));
  transition:.28s ease;
}

.dlem-route:hover .dlem-route-image img{
  transform:translateY(-4px) scale(1.04);
}

.dlem-route-number{
  color:rgba(8,26,47,.15);
  font-family:var(--datis-product-font-display);
  font-size:21px;
  line-height:1;
  font-weight:700;
  direction:ltr;
}

.dlem-route-title small{
  display:block;
  color:#2F80ED;
  font-family:var(--datis-product-font-display);
  font-size:6.8px;
  font-weight:700;
  letter-spacing:.50px;
  text-transform:uppercase;
  direction:ltr;
}

.dlem-route-title strong{
  display:block;
  margin-top:7px;
  color:#081A2F;
  font-family:var(--datis-product-font-text);
  font-size:18px;
  line-height:1.65;
  font-weight:700;
}

.dlem-route-copy{
  margin:0;
  color:#5B6572;
  font-family:var(--datis-product-font-text);
  font-size:10.5px;
  line-height:1.82;
}

.dlem-route-action{
  min-height:42px;
  padding:9px 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  text-align:center;
  color:#fff;
  background:linear-gradient(145deg,#0B2038,#061321);
  font-family:var(--datis-product-font-text);
  font-size:10px;
  line-height:1.6;
  font-weight:700;
}

.dlem-route-action::after{
  content:"←";
  color:#70BFFF;
  font-family:var(--datis-product-font-display);
}

/* BOTTOM */

.dlem-bottom{
  margin-top:20px;
  min-height:70px;
  padding:18px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;

  color:#071C33;
  background:
    radial-gradient(circle at 12% 12%,rgba(255,255,255,.98),transparent 30%),
    linear-gradient(145deg,#FFFFFF 0%,#E7ECF1 64%,#CDD4DC 100%);

  border:1px solid rgba(255,255,255,.88);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    0 20px 56px rgba(0,0,0,.15);
}

.dlem-bottom strong,
.dlem-bottom span{
  font-family:var(--datis-product-font-display);
  font-weight:700;
  text-transform:uppercase;
  direction:ltr;
}

.dlem-bottom strong{
  color:#071C33;
  font-size:8px;
  letter-spacing:.70px;
}

.dlem-bottom span{
  color:#2F80ED;
  font-size:7.8px;
  letter-spacing:.66px;
}

/* RESPONSIVE */

@media(max-width:1180px){
  .dlem-header{
    grid-template-columns:1fr;
    gap:22px;
  }

  .dlem-matrix{
    grid-template-columns:230px minmax(0,1fr);
  }

  .dlem-route{
    grid-template-columns:44px 110px minmax(145px,.72fr) minmax(205px,1.18fr) 124px;
    gap:13px;
  }
}

@media(max-width:930px){
  .dlem-matrix{
    display:block;
  }

  .dlem-spine{
    min-height:auto;
    padding:24px 22px;
  }

  .dlem-flow{
    grid-template-columns:repeat(2,1fr);
  }

  .dlem-spine-status{
    margin-top:24px;
  }
}

@media(max-width:760px){
  .datis-level-extension-matrix{
    padding:82px 14px 62px;
  }

  .dlem-title{
    font-size:28px;
  }

  .dlem-routes{
    padding:24px 20px;
  }

  .dlem-routes-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .dlem-route{
    min-height:auto;
    grid-template-columns:44px minmax(0,1fr);
    gap:11px 14px;
    padding:18px 14px;
  }

  
.dlem-route-image{
  position:relative;
  width:128px;
  height:88px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 50% 50%,rgba(47,128,237,.10),transparent 52%),
    linear-gradient(145deg,rgba(255,255,255,.92),rgba(224,230,236,.74));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    0 10px 24px rgba(7,28,51,.08);
}

.dlem-route-image img{
  width:100%;
  height:100%;
  padding:9px;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 10px 14px rgba(7,28,51,.18));
  transition:.28s ease;
}

.dlem-route:hover .dlem-route-image img{
  transform:translateY(-4px) scale(1.04);
}

.dlem-route-number{
    grid-row:1 / span 3;
  }

  .dlem-route-title,
  .dlem-route-copy,
  .dlem-route-action{
    grid-column:2;
  }

  .dlem-route-action{
    justify-self:start;
    min-width:160px;
  }

  .dlem-bottom{
    align-items:flex-start;
    flex-direction:column;
  }
}

@media(max-width:520px){
  .dlem-title{
    font-size:26px;
  }

  .dlem-flow{
    grid-template-columns:1fr;
  }

  .dlem-route{
    grid-template-columns:38px 82px minmax(0,1fr);
  }

  .dlem-route-image{
    width:82px;
    height:70px;
  }

  .dlem-route-action{
    width:100%;
  }
}

@media(prefers-reduced-motion:reduce){
  .datis-level-extension-matrix *,
  .datis-level-extension-matrix *::before,
  .datis-level-extension-matrix *::after{
    transition:none!important;
    animation:none!important;
  }
}


/* ===== Section from Pasted text(427) ===== */
.datis-level-project-intake-gate{
  --dlpig-navy:#071C33;
  --dlpig-deep:#020914;
  --dlpig-blue:#2F80ED;
  --dlpig-cyan:#70BFFF;
  --dlpig-silver:#C0C7CF;
  --dlpig-light:#F5F7FA;

  position:relative;
  width:100vw;
  max-width:100vw;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;

  padding:112px 20px 86px;
  overflow:hidden;
  isolation:isolate;
  color:#fff;

  background:
    radial-gradient(circle at 13% 14%,rgba(112,191,255,.11),transparent 28%),
    radial-gradient(circle at 88% 86%,rgba(47,128,237,.15),transparent 33%),
    linear-gradient(135deg,#020914 0%,#071C33 48%,#0E2744 100%);

  font-family:var(--datis-product-font-text);
}

.datis-level-project-intake-gate *,
.datis-level-project-intake-gate *::before,
.datis-level-project-intake-gate *::after{
  box-sizing:border-box;
}

.datis-level-project-intake-gate a{
  text-decoration:none;
}

.datis-level-project-intake-gate::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  opacity:.10;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:84px 84px;
  mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 92%,transparent);
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 92%,transparent);
}

.datis-level-project-intake-gate::after{
  content:"";
  position:absolute;
  top:0;
  right:8%;
  left:8%;
  height:1px;
  background:
    linear-gradient(90deg,transparent,rgba(112,191,255,.62),rgba(255,255,255,.18),transparent);
  box-shadow:0 0 26px rgba(47,128,237,.20);
}

.dlpig-shell{
  width:100%;
  max-width:1500px;
  margin:0 auto;
  position:relative;
  z-index:2;
}

/* TOP STATUS */

.dlpig-status{
  min-height:44px;
  padding:0 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.026);
}

.dlpig-status strong,
.dlpig-status span{
  font-family:var(--datis-product-font-display);
  font-size:7.8px;
  font-weight:700;
  letter-spacing:.68px;
  text-transform:uppercase;
  direction:ltr;
}

.dlpig-status strong{
  color:#fff;
}

.dlpig-status span{
  color:rgba(255,255,255,.38);
}

.dlpig-status span::before{
  content:"";
  width:7px;
  height:7px;
  margin-left:8px;
  display:inline-block;
  vertical-align:middle;
  border-radius:50%;
  background:#70BFFF;
  box-shadow:0 0 14px #70BFFF;
}

/* MAIN GATE */

.dlpig-gate{
  margin-top:22px;
  display:grid;
  grid-template-columns:minmax(520px,.95fr) minmax(620px,1.05fr);
  overflow:hidden;

  border:1px solid rgba(255,255,255,.11);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 38px 100px rgba(0,0,0,.28);
}

/* DECISION PANEL */

.dlpig-decision{
  position:relative;
  min-height:610px;
  padding:46px 44px 38px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  color:#fff;

  background:
    radial-gradient(circle at 18% 16%,rgba(255,255,255,.08),transparent 30%),
    radial-gradient(circle at 82% 84%,rgba(47,128,237,.18),transparent 38%),
    linear-gradient(145deg,#0B2038 0%,#061321 72%,#020914 100%);
}

.dlpig-decision::before{
  content:"LEVEL";
  position:absolute;
  left:-8px;
  bottom:56px;
  color:rgba(255,255,255,.028);
  font-family:var(--datis-product-font-display);
  font-size:86px;
  line-height:1;
  font-weight:700;
  letter-spacing:-5px;
  transform:rotate(-90deg);
  transform-origin:left bottom;
  direction:ltr;
}

.dlpig-decision::after{
  content:"";
  position:absolute;
  inset:0;
  opacity:.16;
  background:
    linear-gradient(120deg,transparent 0%,rgba(255,255,255,.10) 42%,transparent 44%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.016) 0 1px,transparent 1px 18px);
}

.dlpig-decision > *{
  position:relative;
  z-index:2;
}

.dlpig-kicker{
  width:max-content;
  max-width:100%;
  min-height:34px;
  padding:7px 14px;
  display:inline-flex;
  align-items:center;
  gap:9px;

  color:#071C33;
  background:linear-gradient(145deg,#FFFFFF,#C0C7CF);
  border:1px solid rgba(255,255,255,.70);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    0 15px 38px rgba(0,0,0,.16);

  font-family:var(--datis-product-font-display);
  font-size:9.4px;
  line-height:1.4;
  font-weight:700;
  letter-spacing:.84px;
  text-transform:uppercase;
  direction:ltr;
}

.dlpig-kicker::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#70BFFF;
  box-shadow:0 0 14px #70BFFF;
}

.dlpig-decision h2{
  margin:24px 0 18px;
  color:#fff;
  font-family:var(--datis-product-font-text);
  font-size:clamp(28px,3vw,36px);
  line-height:1.82;
  font-weight:700;
}

.dlpig-decision h2 span{
  display:block;
  margin-top:7px;
  color:#C0C7CF;
  font-family:inherit!important;
}

.dlpig-decision p{
  max-width:760px;
  margin:0;
  color:rgba(255,255,255,.62);
  font-family:var(--datis-product-font-text);
  font-size:14px;
  line-height:2.05;
  font-weight:400;
}

.dlpig-actions{
  margin-top:34px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.dlpig-btn{
  min-height:56px;
  padding:0 20px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  font-family:var(--datis-product-font-text);
  font-size:12px;
  font-weight:700;
  cursor:pointer;
  user-select:none;
  -webkit-user-select:none;
  transition:.22s ease;
}

.dlpig-btn-primary{
  color:#071C33;
  background:linear-gradient(145deg,#FFFFFF,#C0C7CF);
  border:1px solid rgba(255,255,255,.76);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    0 14px 30px rgba(0,0,0,.16);
}

.dlpig-btn-primary::after{
  content:"←";
  color:#2F80ED;
  font-family:var(--datis-product-font-display);
}

.dlpig-btn-secondary{
  color:#fff;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.12);
}

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

.dlpig-btn:focus-visible{
  outline:2px solid #70BFFF;
  outline-offset:3px;
}

.dlpig-commitment{
  margin-top:auto;
  padding-top:28px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid rgba(255,255,255,.09);
  border-bottom:1px solid rgba(255,255,255,.09);
}

.dlpig-commitment div{
  min-height:78px;
  padding:14px;
  border-left:1px solid rgba(255,255,255,.08);
}

.dlpig-commitment div:last-child{
  border-left:0;
}

.dlpig-commitment strong{
  display:block;
  color:#fff;
  font-family:var(--datis-product-font-display);
  font-size:8px;
  font-weight:700;
  letter-spacing:.48px;
  text-transform:uppercase;
  direction:ltr;
}

.dlpig-commitment span{
  display:block;
  margin-top:6px;
  color:rgba(255,255,255,.42);
  font-family:var(--datis-product-font-text);
  font-size:9.7px;
  line-height:1.65;
}

/* PROCESS PANEL */

.dlpig-process{
  position:relative;
  min-height:610px;
  padding:0 36px 30px;
  color:#071C33;

  background:
    radial-gradient(circle at 14% 12%,rgba(255,255,255,.99),transparent 30%),
    radial-gradient(circle at 88% 86%,rgba(47,128,237,.08),transparent 34%),
    linear-gradient(145deg,#FFFFFF 0%,#EEF2F5 54%,#D5DCE3 100%);
}

.dlpig-process::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.22;
  background:
    linear-gradient(120deg,transparent 0%,rgba(255,255,255,.72) 42%,transparent 44%),
    repeating-linear-gradient(90deg,rgba(8,26,47,.019) 0 1px,transparent 1px 20px);
}

.dlpig-process > *{
  position:relative;
  z-index:2;
}

.dlpig-process-head{
  min-height:92px;
  padding:22px 0 18px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  border-bottom:1px solid rgba(8,26,47,.10);
}

.dlpig-process-head small{
  display:block;
  color:#2F80ED;
  font-family:var(--datis-product-font-display);
  font-size:7.8px;
  font-weight:700;
  letter-spacing:.68px;
  text-transform:uppercase;
  direction:ltr;
}

.dlpig-process-head strong{
  display:block;
  margin-top:7px;
  color:#081A2F;
  font-family:var(--datis-product-font-text);
  font-size:23px;
  line-height:1.72;
  font-weight:700;
}

.dlpig-process-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:rgba(8,26,47,.42);
  font-family:var(--datis-product-font-display);
  font-size:7.2px;
  font-weight:700;
  letter-spacing:.54px;
  text-transform:uppercase;
  direction:ltr;
}

.dlpig-process-status::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#2F80ED;
  box-shadow:0 0 14px rgba(47,128,237,.72);
}

.dlpig-route{
  position:relative;
  margin-top:20px;
  padding-right:30px;
}

.dlpig-route::before{
  content:"";
  position:absolute;
  right:10px;
  top:36px;
  bottom:36px;
  width:2px;
  background:
    linear-gradient(180deg,#2F80ED,rgba(47,128,237,.18),#2F80ED);
  box-shadow:0 0 14px rgba(47,128,237,.20);
}

.dlpig-step{
  position:relative;
  min-height:112px;
  padding:18px 0 18px 18px;
  display:grid;
  grid-template-columns:72px minmax(0,1fr) 120px;
  gap:18px;
  align-items:center;
  border-bottom:1px solid rgba(8,26,47,.09);
}

.dlpig-step:last-child{
  border-bottom:0;
}

.dlpig-step::before{
  content:"";
  position:absolute;
  right:-24px;
  top:50%;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#F5F7FA;
  border:2px solid #2F80ED;
  box-shadow:
    0 0 0 5px rgba(47,128,237,.08),
    0 0 14px rgba(47,128,237,.34);
  transform:translateY(-50%);
}

.dlpig-step-code{
  color:rgba(8,26,47,.16);
  font-family:var(--datis-product-font-display);
  font-size:26px;
  line-height:1;
  font-weight:700;
  direction:ltr;
}

.dlpig-step small{
  display:block;
  color:#2F80ED;
  font-family:var(--datis-product-font-display);
  font-size:7.3px;
  font-weight:700;
  letter-spacing:.56px;
  text-transform:uppercase;
  direction:ltr;
}

.dlpig-step h3{
  margin:6px 0 5px;
  color:#081A2F;
  font-family:var(--datis-product-font-text);
  font-size:15px;
  line-height:1.72;
  font-weight:700;
}

.dlpig-step p{
  margin:0;
  color:#5B6572;
  font-family:var(--datis-product-font-text);
  font-size:10.8px;
  line-height:1.75;
  font-weight:400;
}

.dlpig-step-state{
  min-height:40px;
  padding:0 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:linear-gradient(145deg,#0B2038,#061321);
  box-shadow:0 10px 24px rgba(7,28,51,.13);

  font-family:var(--datis-product-font-display);
  font-size:6.8px;
  font-weight:700;
  letter-spacing:.46px;
  text-transform:uppercase;
  direction:ltr;
}

/* BOTTOM STRIP */

.dlpig-bottom{
  margin-top:20px;
  min-height:70px;
  padding:18px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;

  color:#071C33;
  background:
    radial-gradient(circle at 12% 12%,rgba(255,255,255,.98),transparent 30%),
    linear-gradient(145deg,#FFFFFF 0%,#E7ECF1 64%,#CDD4DC 100%);

  border:1px solid rgba(255,255,255,.88);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.94),
    0 20px 56px rgba(0,0,0,.16);
}

.dlpig-bottom strong,
.dlpig-bottom span{
  font-family:var(--datis-product-font-display);
  font-weight:700;
  text-transform:uppercase;
  direction:ltr;
}

.dlpig-bottom strong{
  color:#071C33;
  font-size:8px;
  letter-spacing:.70px;
}

.dlpig-bottom span{
  color:#2F80ED;
  font-size:7.8px;
  letter-spacing:.66px;
}

/* RESPONSIVE */

@media(max-width:1120px){
  .dlpig-gate{
    grid-template-columns:1fr;
  }

  .dlpig-decision,
  .dlpig-process{
    min-height:auto;
  }
}

@media(max-width:760px){
  .datis-level-project-intake-gate{
    padding:82px 14px 62px;
  }

  .dlpig-status{
    align-items:flex-start;
    flex-direction:column;
    justify-content:center;
    padding:11px 14px;
  }

  .dlpig-decision{
    padding:36px 24px 30px;
  }

  .dlpig-decision h2{
    font-size:28px;
  }

  .dlpig-actions{
    grid-template-columns:1fr;
  }

  .dlpig-commitment{
    grid-template-columns:1fr;
  }

  .dlpig-commitment div{
    border-left:0;
    border-bottom:1px solid rgba(255,255,255,.08);
  }

  .dlpig-commitment div:last-child{
    border-bottom:0;
  }

  .dlpig-process{
    padding:0 22px 24px;
  }

  .dlpig-process-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .dlpig-step{
    grid-template-columns:54px minmax(0,1fr);
    gap:12px;
  }

  .dlpig-step-code{
    grid-row:1 / span 2;
    font-size:21px;
  }

  .dlpig-step-state{
    grid-column:2;
    width:max-content;
  }

  .dlpig-bottom{
    align-items:flex-start;
    flex-direction:column;
  }
}

@media(max-width:520px){
  .dlpig-decision h2{
    font-size:26px;
  }
}

@media(prefers-reduced-motion:reduce){
  .datis-level-project-intake-gate *,
  .datis-level-project-intake-gate *::before,
  .datis-level-project-intake-gate *::after{
    transition:none!important;
    animation:none!important;
  }
}