.home-page {
  min-height: 100%;
  margin: 0;
  color: var(--ds-text);
  background: var(--ds-bg);
  overflow-x: hidden;
}

.home-main { padding-top: 48px; }

.home-hero {
  width: min(980px, calc(100vw - 48px));
  min-height: 74vh;
  margin: 0 auto;
  padding: clamp(110px, 14vw, 180px) 0 clamp(90px, 11vw, 140px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.home-hero .ds-eyebrow { margin-bottom: 17px; }

.home-hero h1 {
  max-width: 920px;
  margin: 0;
  font-size: clamp(54px, 7vw, 78px);
  line-height: 0.98;
  font-weight: 660;
  letter-spacing: -0.065em;
  color: var(--ds-text);
}

.home-hero > p:not(.ds-eyebrow) {
  max-width: 670px;
  margin: 27px auto 0;
  font-size: clamp(19px, 2vw, 23px);
  line-height: 1.42;
  letter-spacing: -0.025em;
  color: var(--ds-muted);
}

.home-hero-actions {
  margin-top: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}

.home-disciplines { padding: 0 0 130px; }
.home-disciplines-inner { width: var(--ds-page); margin: 0 auto; display: grid; gap: 22px; }

.home-feature {
  position: relative;
  min-height: min(76vh, 760px);
  overflow: hidden;
  border-radius: var(--ds-radius-lg);
  background: #0a0a0a;
  isolation: isolate;
}

.home-feature-media,
.home-feature video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.home-feature video {
  object-fit: cover;
  transform: scale(1.015);
  filter: saturate(.86) brightness(.72);
  transition: transform 1.2s var(--ds-ease), filter 1.2s var(--ds-ease);
}

.home-feature::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(90deg, rgba(0,0,0,.76) 0%, rgba(0,0,0,.44) 42%, rgba(0,0,0,.08) 72%), linear-gradient(0deg, rgba(0,0,0,.42), transparent 55%);
}

.home-feature:hover video { transform: scale(1.035); filter: saturate(1) brightness(.82); }

.home-feature-content {
  position: relative;
  z-index: 2;
  width: min(560px, calc(100% - 80px));
  min-height: inherit;
  padding: 58px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: #ffffff;
}

.home-feature .ds-eyebrow { color: rgba(255,255,255,.62); }
.home-feature h2 {
  margin: 0;
  font-size: clamp(40px, 5.2vw, 64px);
  line-height: .98;
  font-weight: 640;
  letter-spacing: -0.058em;
}
.home-feature p {
  max-width: 500px;
  margin: 20px 0 0;
  font-size: 18px;
  line-height: 1.46;
  letter-spacing: -0.018em;
  color: rgba(255,255,255,.76);
}
.home-feature .ds-link { margin-top: 24px; width: fit-content; color: #ffffff; }

.home-feature.software::after {
  background: linear-gradient(90deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.38) 42%, rgba(0,0,0,.06) 72%), linear-gradient(0deg, rgba(0,0,0,.36), transparent 55%);
}

.home-statement {
  padding: 145px 24px;
  background: var(--ds-bg-soft);
}
.home-statement-inner { width: min(920px, 100%); margin: 0 auto; text-align: center; }
.home-statement .ds-section-title { max-width: 820px; margin: 0 auto; }
.home-statement .ds-body { max-width: 690px; margin-left: auto; margin-right: auto; }

.home-products { padding: 130px 24px 145px; background: #ffffff; }
.home-products-inner { width: var(--ds-page); margin: 0 auto; }
.home-products-heading { max-width: 720px; margin-bottom: 50px; }

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

.home-product-card {
  min-height: 420px;
  padding: 40px;
  border-radius: var(--ds-radius-lg);
  background: var(--ds-bg-soft);
  display: flex;
  flex-direction: column;
  transition: transform .35s var(--ds-ease), box-shadow .35s var(--ds-ease);
}
.home-product-card:hover { transform: translateY(-4px); box-shadow: 0 24px 54px rgba(0,0,0,.07); }
.home-product-card.dark { color: #ffffff; background: #111111; }
.home-product-top { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.home-product-name { font-size: 20px; font-weight: 650; letter-spacing: -0.04em; }
.home-product-status { font-size: 12px; color: var(--ds-faint); }
.home-product-card.dark .home-product-status { color: rgba(255,255,255,.5); }
.home-product-card h3 {
  max-width: 520px;
  margin: auto 0 0;
  font-size: clamp(34px, 3.6vw, 48px);
  line-height: 1.01;
  letter-spacing: -0.052em;
  font-weight: 640;
}
.home-product-card p {
  max-width: 510px;
  margin: 18px 0 0;
  font-size: 16px;
  line-height: 1.5;
  color: var(--ds-muted);
}
.home-product-card.dark p { color: rgba(255,255,255,.65); }
.home-product-card .ds-link { margin-top: 24px; width: fit-content; }
.home-product-card.dark .ds-link { color: #00ff8d; }
.home-product-card.emulsi {
  grid-column: 1 / -1;
  min-height: 330px;
  color: #141414;
  background: linear-gradient(135deg, #e7e2d8 0%, #f2f0ea 58%, #ded5c7 100%);
}
.home-product-card.emulsi .home-product-status { color: rgba(20,20,20,.48); }
.home-product-card.emulsi p { color: rgba(20,20,20,.62); }
.home-product-card.emulsi .ds-link { color: #1d1d1f; }


.home-contact { padding: 0 24px 130px; background: #ffffff; }
.home-contact-card {
  width: var(--ds-page);
  min-height: 440px;
  margin: 0 auto;
  padding: clamp(44px, 6vw, 72px);
  border-radius: var(--ds-radius-lg);
  background: #000000;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.home-contact-card .ds-eyebrow { color: rgba(255,255,255,.48); }
.home-contact-card h2 {
  max-width: 760px;
  margin: 0;
  font-size: clamp(42px, 5.3vw, 64px);
  line-height: 1;
  font-weight: 640;
  letter-spacing: -0.058em;
}
.home-contact-card p {
  max-width: 590px;
  margin: 22px 0 0;
  font-size: 18px;
  line-height: 1.5;
  color: rgba(255,255,255,.62);
}
.home-contact-card .ds-pill { margin-top: 29px; }

@media (max-width: 760px) {
  .home-hero { width: calc(100vw - 36px); min-height: 68vh; padding-top: 100px; padding-bottom: 82px; }
  .home-hero h1 { font-size: clamp(48px, 14vw, 64px); }
  .home-hero > p:not(.ds-eyebrow) { font-size: 18px; }
  .home-hero-actions { flex-direction: column; gap: 17px; }

  .home-disciplines { padding-bottom: 95px; }
  .home-feature { min-height: 620px; border-radius: 24px; }
  .home-feature::after, .home-feature.software::after { background: linear-gradient(0deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.22) 70%); }
  .home-feature-content { width: 100%; padding: 32px 26px; }
  .home-feature h2 { font-size: 46px; }
  .home-feature p { font-size: 16px; }

  .home-statement { padding: 105px 18px; }
  .home-products { padding: 100px 18px 110px; }
  .home-product-grid { grid-template-columns: 1fr; }
  .home-product-card { min-height: 360px; padding: 30px; border-radius: 24px; }
  .home-product-card.emulsi { grid-column: auto; min-height: 360px; }

  .home-contact { padding: 0 18px 100px; }
  .home-contact-card { min-height: 410px; padding: 36px 28px; border-radius: 24px; }
}


/* Delook display scale */
.home-main{padding-top:58px;}
.home-hero h1{font-size:clamp(50px,6.2vw,72px);line-height:1.02;}
.home-feature h2{font-size:clamp(38px,4.7vw,58px);line-height:1.02;}
.home-product-card h3{font-size:clamp(32px,3.3vw,44px);line-height:1.04;}
.home-contact-card h2{font-size:clamp(40px,4.8vw,58px);line-height:1.04;}
@media(max-width:760px){
  .home-main{padding-top:56px;}
  .home-hero h1{font-size:clamp(44px,12.5vw,58px);line-height:1.02;}
  .home-feature h2{font-size:42px;line-height:1.03;}
}


/* Delook green accent */
.home-contact-card .ds-pill{background:#00ff8d;color:#00150c;}
.home-contact-card .ds-pill:hover{background:#00ff8d;color:#00150c;}


/* Single-accent refinements */
.home-product-card.emulsi .ds-link{color:#1d1d1f;}
.home-product-card.emulsi .ds-link:hover{color:#000;}
.home-contact-card .ds-pill{background:#00ff8d;color:#00150c;}
.home-contact-card .ds-pill:hover{background:#00ff8d;color:#00150c;box-shadow:0 0 0 4px rgba(0,255,141,.12);}