.dt-career-hero-x {
   position: relative;
   overflow: hidden;
   padding: 120px 0;
   background:
      radial-gradient(circle at 20% 20%, rgba(253, 70, 33, 0.2), transparent 28%),
      radial-gradient(circle at 90% 10%, rgba(17, 17, 17, 0.14), transparent 26%),
      linear-gradient(135deg, #111111 0%, #1b1411 48%, #fff7ef 48%, #ffffff 100%);
}

.dt-career-noise {
   position: absolute;
   inset: 0;
   background-image:
      linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),
      linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);
   background-size: 42px 42px;
   opacity: 0.35;
}

.dt-career-hero-grid {
   position: relative;
   z-index: 2;
   display: grid;
   grid-template-columns: 0.95fr 1.05fr;
   gap: 60px;
   align-items: center;
}

.dt-career-copy {
   max-width: 680px;
   color: #ffffff;
}

.dt-career-label {
   display: inline-flex;
   margin-bottom: 20px;
   padding: 10px 16px;
   border-radius: 999px;
   color: #fdc7b9;
   background: rgba(255, 255, 255, 0.08);
   border: 1px solid rgba(255, 255, 255, 0.14);
}

.dt-career-copy h1 {
   margin-bottom: 24px;
   color: #ffffff;
   letter-spacing: -0.045em;
}

.dt-career-copy p {
   max-width: 590px;
   margin-bottom: 30px;
   color: #e8e0dc;
}

.dt-career-role-strip {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   margin-bottom: 34px;
}

.dt-career-role-strip span {
   display: inline-flex;
   align-items: center;
   min-height: 40px;
   padding: 0 15px;
   border-radius: 999px;
   color: #ffffff;
   background: rgba(255, 255, 255, 0.1);
   border: 1px solid rgba(255, 255, 255, 0.14);
}

.dt-career-cta-row {
   display: flex;
   flex-wrap: wrap;
   gap: 14px;
   align-items: center;
}

.dt-career-main-btn,
.dt-career-ghost-btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-height: 52px;
   padding: 0 24px;
   border-radius: 999px;
}

.dt-career-main-btn {
   color: #ffffff;
   background: #fd4621;
}

.dt-career-ghost-btn {
   color: #ffffff;
   background: transparent;
   border: 1px solid rgba(255, 255, 255, 0.22);
}

.dt-career-mail-note {
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
   margin-top: 24px;
   color: #cfc7c3;
}

.dt-career-mail-note a {
   color: #fdc7b9;
}

.dt-career-stage {
   position: relative;
   min-height: 680px;
}

.dt-career-image-wrap {
   position: absolute;
   right: 70px;
   top: 0;
   width: 62%;
   height: 100%;
   border-radius: 42px;
   overflow: hidden;
   box-shadow: 0 30px 90px rgba(17, 17, 17, 0.22);
}

.dt-career-image-wrap img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.dt-career-card {
   position: absolute;
   width: 230px;
   padding: 20px;
   border-radius: 24px;
   background: rgba(255, 255, 255, 0.9);
   border: 1px solid rgba(17, 17, 17, 0.08);
   backdrop-filter: blur(16px);
   box-shadow: 0 24px 70px rgba(17, 17, 17, 0.12);
}

.dt-career-card span {
   display: block;
   margin-bottom: 8px;
   color: #fd4621;
}

.dt-career-card p {
   margin: 0;
   color: #111111;
}

.dt-card-dev {
   left: 20px;
   top: 70px;
   transform: rotate(-4deg);
}

.dt-card-growth {
   right: 0;
   top: 145px;
   transform: rotate(5deg);
}

.dt-card-sales {
   left: 0;
   bottom: 150px;
   transform: rotate(4deg);
}

.dt-card-ops {
   right: 40px;
   bottom: 60px;
   transform: rotate(-5deg);
}

.dt-career-floating-line {
   position: absolute;
   left: 90px;
   bottom: 20px;
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
}

.dt-career-floating-line span {
   display: inline-flex;
   align-items: center;
   min-height: 38px;
   padding: 0 14px;
   border-radius: 999px;
   color: #111111;
   background: #ffffff;
   box-shadow: 0 16px 40px rgba(17, 17, 17, 0.12);
}

@media (max-width: 991px) {
   .dt-career-hero-x {
      padding: 80px 0;
      background:
         radial-gradient(circle at 20% 20%, rgba(253, 70, 33, 0.2), transparent 28%),
         linear-gradient(180deg, #111111 0%, #1b1411 58%, #fff7ef 58%, #ffffff 100%);
   }

   .dt-career-hero-grid {
      grid-template-columns: 1fr;
   }

   .dt-career-stage {
      min-height: auto;
      display: grid;
      gap: 14px;
   }

   .dt-career-image-wrap,
   .dt-career-card,
   .dt-career-floating-line {
      position: static;
      width: 100%;
      transform: none;
   }

   .dt-career-image-wrap {
      height: auto;
   }

   .dt-career-image-wrap img {
      height: auto;
   }
}


/* section2 */
.dt-career-culture {
   padding: 110px 0;
   background: #ffffff;
}

.dt-culture-board {
   display: grid;
   grid-template-columns: 0.9fr 1.1fr;
   gap: 24px;
   align-items: stretch;
}

.dt-culture-intro {
   padding: 42px;
   border-radius: 36px;
   background: #fff7ef;
   border: 1px solid rgba(253, 70, 33, 0.14);
}

.dt-culture-label {
   display: inline-flex;
   margin-bottom: 18px;
   padding: 10px 16px;
   border-radius: 999px;
   color: #fd4621;
   background: #ffffff;
}

.dt-culture-intro h2 {
   margin-bottom: 18px;
   color: #111111;
   letter-spacing: -0.04em;
}

.dt-culture-intro p {
   margin-bottom: 28px;
   color: #555555;
}

.dt-culture-btn {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-height: 52px;
   padding: 0 24px;
   border: 0;
   border-radius: 999px;
   color: #ffffff;
   background: #fd4621;
}

.dt-culture-cards {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 16px;
}

.dt-culture-card {
   min-height: 220px;
   padding: 28px;
   border-radius: 30px;
   background: #f8f8f8;
   border: 1px solid rgba(17, 17, 17, 0.08);
}

.dt-culture-card span {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 42px;
   height: 42px;
   margin-bottom: 34px;
   border-radius: 50%;
   color: #ffffff;
   background: #111111;
}

.dt-culture-card h3 {
   margin-bottom: 10px;
   color: #111111;
}

.dt-culture-card p {
   margin: 0;
   color: #555555;
}

.dt-culture-card-dark {
   background: #111111;
}

.dt-culture-card-dark h3,
.dt-culture-card-dark p {
   color: #ffffff;
}

.dt-culture-card-dark span {
   color: #111111;
   background: #ffffff;
}

.dt-culture-card-orange {
   background: #fd4621;
}

.dt-culture-card-orange h3,
.dt-culture-card-orange p {
   color: #ffffff;
}

.dt-culture-card-orange span {
   color: #fd4621;
   background: #ffffff;
}

.dt-culture-image {
   position: relative;
   grid-column: span 2;
   margin-top: 24px;
   border-radius: 36px;
   overflow: hidden;
   background: #111111;
}

.dt-culture-image img {
   width: 100%;
   height: 420px;
   object-fit: cover;
   opacity: 0.88;
}

.dt-culture-image-note {
   position: absolute;
   left: 28px;
   bottom: 28px;
   max-width: 340px;
   padding: 24px;
   border-radius: 26px;
   background: #ffffff;
}

.dt-culture-image-note span {
   display: block;
   margin-bottom: 8px;
   color: #fd4621;
}

.dt-culture-image-note p {
   margin: 0;
   color: #111111;
}

@media (max-width: 991px) {
   .dt-career-culture {
      padding: 80px 0;
   }

   .dt-culture-board {
      grid-template-columns: 1fr;
   }

   .dt-culture-image {
      grid-column: span 1;
   }
}

@media (max-width: 575px) {
   .dt-culture-intro {
      padding: 28px;
   }

   .dt-culture-cards {
      grid-template-columns: 1fr;
   }

   .dt-culture-image-note {
      position: static;
      max-width: 100%;
      border-radius: 0;
   }
}

/* section3 */
.dt-open-positions {
   padding: 110px 0;
   background: #fff7ef;
}

.dt-jobs-head {
   max-width: 760px;
   margin-bottom: 48px;
}

.dt-jobs-label {
   display: inline-flex;
   margin-bottom: 18px;
   padding: 10px 16px;
   border-radius: 999px;
   color: #fd4621;
   background: #ffffff;
   border: 1px solid rgba(253, 70, 33, 0.16);
}

.dt-jobs-head h2 {
   margin-bottom: 18px;
   color: #111111;
   letter-spacing: -0.04em;
}

.dt-jobs-head p {
   margin: 0;
   color: #555555;
}

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

.dt-job-card {
   text-align: left;
   min-height: 260px;
   padding: 28px;
   border: 1px solid rgba(17, 17, 17, 0.08);
   border-radius: 30px;
   background: #ffffff;
   transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.dt-job-card span {
   display: inline-flex;
   margin-bottom: 34px;
   padding: 8px 13px;
   border-radius: 999px;
   color: #fd4621;
   background: #fff0ea;
}

.dt-job-card h3 {
   margin-bottom: 12px;
   color: #111111;
}

.dt-job-card p {
   margin-bottom: 24px;
   color: #555555;
}

.dt-job-card small {
   color: #111111;
}

.dt-job-card:hover {
   transform: translateY(-8px);
   background: #111111;
   box-shadow: 0 28px 80px rgba(17, 17, 17, 0.16);
}

.dt-job-card:hover h3,
.dt-job-card:hover p,
.dt-job-card:hover small {
   color: #ffffff;
}

.dt-job-modal .modal-content {
   position: relative;
   border: 0;
   border-radius: 34px;
   background: #ffffff;
   overflow: hidden;
}

.dt-job-close {
   position: absolute;
   top: 18px;
   right: 18px;
   z-index: 3;
   width: 40px;
   height: 40px;
   border: 0;
   border-radius: 50%;
   color: #111111;
   background: #fff7ef;
}

.dt-job-modal-body {
   padding: 44px;
}

.dt-job-modal-top {
   padding: 32px;
   border-radius: 28px;
   color: #ffffff;
   background: #111111;
}

.dt-job-modal-top span {
   display: inline-flex;
   margin-bottom: 14px;
   padding: 8px 13px;
   border-radius: 999px;
   color: #fdc7b9;
   background: rgba(255, 255, 255, 0.1);
}

.dt-job-modal-top h2 {
   margin-bottom: 14px;
   color: #ffffff;
   letter-spacing: -0.035em;
}

.dt-job-modal-top p {
   margin: 0;
   color: #dddddd;
}

.dt-job-modal-meta {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 14px;
   margin-top: 16px;
}

.dt-job-modal-meta div {
   padding: 20px;
   border-radius: 22px;
   background: #fff7ef;
}

.dt-job-modal-meta span {
   display: block;
   margin-bottom: 8px;
   color: #fd4621;
}

.dt-job-modal-meta p {
   margin: 0;
   color: #111111;
}

.dt-job-modal-details {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 16px;
   margin-top: 16px;
}

.dt-job-modal-details div {
   padding: 24px;
   border-radius: 24px;
   border: 1px solid rgba(17, 17, 17, 0.08);
}

.dt-job-modal-details h3 {
   margin-bottom: 10px;
   color: #111111;
}

.dt-job-modal-details p {
   margin: 0;
   color: #555555;
}

.dt-job-apply-box {
   display: flex;
   justify-content: space-between;
   gap: 20px;
   align-items: center;
   margin-top: 18px;
   padding: 24px;
   border-radius: 26px;
   background: #fd4621;
   color: #ffffff;
}

.dt-job-apply-box span {
   display: block;
   margin-bottom: 8px;
   color: #ffe1d8;
}

.dt-job-apply-box p {
   margin: 0;
   color: #ffffff;
}

.dt-job-apply-box a {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-height: 48px;
   padding: 0 22px;
   border-radius: 999px;
   color: #111111;
   background: #ffffff;
   white-space: nowrap;
}

@media (max-width: 991px) {
   .dt-open-positions {
      padding: 80px 0;
   }

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

@media (max-width: 575px) {
   .dt-jobs-grid,
   .dt-job-modal-meta,
   .dt-job-modal-details {
      grid-template-columns: 1fr;
   }

   .dt-job-modal-body {
      padding: 28px;
   }

   .dt-job-apply-box {
      display: block;
   }

   .dt-job-apply-box a {
      margin-top: 18px;
   }
}

/* section */
.dt-hiring-process {
   padding: 110px 0;
   background: #ffffff;
}

.dt-hiring-head {
   max-width: 720px;
   margin-bottom: 46px;
}

.dt-hiring-label {
   display: inline-flex;
   margin-bottom: 18px;
   padding: 10px 16px;
   border-radius: 999px;
   color: #fd4621;
   background: #fff7ef;
}

.dt-hiring-head h2 {
   margin-bottom: 18px;
   color: #111111;
   letter-spacing: -0.04em;
}

.dt-hiring-head p {
   margin: 0;
   color: #555555;
}

.dt-hiring-steps {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 16px;
}

.dt-hiring-step {
   position: relative;
   min-height: 240px;
   padding: 28px;
   border-radius: 30px;
   background: #fff7ef;
   border: 1px solid rgba(253, 70, 33, 0.12);
}

.dt-hiring-step span {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 42px;
   height: 42px;
   margin-bottom: 42px;
   border-radius: 50%;
   color: #ffffff;
   background: #fd4621;
}

.dt-hiring-step h3 {
   margin-bottom: 10px;
   color: #111111;
}

.dt-hiring-step p {
   margin: 0;
   color: #555555;
}

@media (max-width: 991px) {
   .dt-hiring-process {
      padding: 80px 0;
   }

   .dt-hiring-steps {
      grid-template-columns: repeat(2, 1fr);
   }
}

@media (max-width: 575px) {
   .dt-hiring-steps {
      grid-template-columns: 1fr;
   }
}
/* section */