.elementor-89 .elementor-element.elementor-element-c051067{--display:flex;--overlay-opacity:0.7;--margin-top:-40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-89 .elementor-element.elementor-element-c051067:not(.elementor-motion-effects-element-type-background), .elementor-89 .elementor-element.elementor-element-c051067 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://zenithassociate.com.my/wp-content/uploads/2026/02/ChatGPT-Image-Feb-15-2026-06_23_50-PM.png");}.elementor-89 .elementor-element.elementor-element-c051067::before, .elementor-89 .elementor-element.elementor-element-c051067 > .elementor-background-video-container::before, .elementor-89 .elementor-element.elementor-element-c051067 > .e-con-inner > .elementor-background-video-container::before, .elementor-89 .elementor-element.elementor-element-c051067 > .elementor-background-slideshow::before, .elementor-89 .elementor-element.elementor-element-c051067 > .e-con-inner > .elementor-background-slideshow::before, .elementor-89 .elementor-element.elementor-element-c051067 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-89 .elementor-element.elementor-element-ff32db8{--display:flex;}.elementor-89 .elementor-element.elementor-element-b388c49{--display:flex;}.elementor-89 .elementor-element.elementor-element-ec26627{--display:flex;}.elementor-89 .elementor-element.elementor-element-b3a74e0{--display:flex;}.elementor-89 .elementor-element.elementor-element-7127218{--display:flex;--overlay-opacity:0.5;}.elementor-89 .elementor-element.elementor-element-7127218::before, .elementor-89 .elementor-element.elementor-element-7127218 > .elementor-background-video-container::before, .elementor-89 .elementor-element.elementor-element-7127218 > .e-con-inner > .elementor-background-video-container::before, .elementor-89 .elementor-element.elementor-element-7127218 > .elementor-background-slideshow::before, .elementor-89 .elementor-element.elementor-element-7127218 > .e-con-inner > .elementor-background-slideshow::before, .elementor-89 .elementor-element.elementor-element-7127218 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-89 .elementor-element.elementor-element-3197e82{--display:flex;}.elementor-89 .elementor-element.elementor-element-3197e82:not(.elementor-motion-effects-element-type-background), .elementor-89 .elementor-element.elementor-element-3197e82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B1422;}/* Start custom CSS for html, class: .elementor-element-11cb763 *//* =========================
   ZENITH SERVICES — SECTION 1 (HERO)
   Background: Transparent
   Text: White
========================= */

.zsvc-sec1{
  --navy:#0E1A2B;
  --navy2:#1F3A5F;
  --gold:#C9A227;
  --line:rgba(255,255,255,.16);

  background:transparent;
  padding:clamp(90px,8vw,130px) 20px;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:#ffffff;
}

.zsvc-sec1__wrap{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap:clamp(18px,3vw,38px);
  align-items:start;
}

/* Left */
.zsvc-sec1__eyebrow{
  display:inline-block;
  font-size:12px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:12px;
}

.zsvc-sec1__title{
  margin:0 0 12px;
  font-size:clamp(36px,4.1vw,56px);
  font-weight:1000;
  letter-spacing:-.02em;
  line-height:1.05;
  color:#ffffff;
}

.zsvc-sec1__sub{
  margin:0 0 18px;
  color:rgba(255,255,255,.75);
  font-size:clamp(15px,1.2vw,17px);
  line-height:1.75;
  max-width:72ch;
}

/* Buttons */
.zsvc-sec1__cta{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:14px 0 18px;
}

.zsvc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 18px;
  border-radius:12px;
  font-weight:950;
  letter-spacing:.02em;
  text-decoration:none;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}

.zsvc-btn--primary{
  background:var(--gold);
  color:#0B1220;
  border:1px solid rgba(201,162,39,.45);
  box-shadow:0 18px 44px rgba(0,0,0,.30);
}
.zsvc-btn--primary:hover{
  transform:translateY(-2px);
  background:#ffffff;
  box-shadow:0 22px 56px rgba(0,0,0,.38);
}

.zsvc-btn--ghost{
  background:rgba(255,255,255,.08);
  color:#ffffff;
  border:1px solid var(--line);
}
.zsvc-btn--ghost:hover{
  transform:translateY(-2px);
  border-color:rgba(201,162,39,.35);
  background:rgba(255,255,255,.10);
}

/* Mini highlights */
.zsvc-sec1__mini{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  max-width:760px;
}

.zsvc-mini{
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  border-radius:16px;
  padding:12px 12px;
  backdrop-filter: blur(10px);
}

.zsvc-mini__k{
  display:block;
  font-size:11px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(255,255,255,.75);
  margin-bottom:4px;
}

.zsvc-mini__v{
  display:block;
  font-size:13.5px;
  font-weight:900;
  color:rgba(255,255,255,.92);
  line-height:1.35;
}

/* Right Card */
.zsvc-sec1__card{
  border:1px solid rgba(255,255,255,.16);
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
  backdrop-filter: blur(14px);
  box-shadow:0 26px 80px rgba(0,0,0,.45);
  padding:18px;
}

.zsvc-sec1__cardTitle{
  margin:0 0 6px;
  font-size:18px;
  font-weight:1000;
  color:#ffffff;
}

.zsvc-sec1__cardSub{
  margin:0 0 14px;
  color:rgba(255,255,255,.72);
  line-height:1.6;
  font-size:14px;
}

/* Pills */
.zsvc-pillWrap{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:6px;
}

.zsvc-pill{
  display:inline-flex;
  align-items:center;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.88);
  font-weight:900;
  font-size:12.5px;
  letter-spacing:.01em;
}

/* Card CTA */
.zsvc-sec1__cardCta{
  margin-top:14px;
}

.zsvc-cardBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  padding:12px 14px;
  border-radius:14px;
  background:rgba(201,162,39,.14);
  border:1px solid rgba(201,162,39,.38);
  color:#ffffff;
  text-decoration:none;
  font-weight:950;
  letter-spacing:.02em;
  transition:transform .18s ease, background .18s ease, border-color .18s ease;
}
.zsvc-cardBtn:hover{
  transform:translateY(-2px);
  background:rgba(201,162,39,.18);
  border-color:rgba(201,162,39,.55);
}

.zsvc-sec1__note{
  margin:12px 0 0;
  font-size:12.5px;
  line-height:1.6;
  color:rgba(255,255,255,.70);
}

/* Responsive */
@media (max-width: 980px){
  .zsvc-sec1__wrap{ grid-template-columns:1fr; }
  .zsvc-sec1__mini{ grid-template-columns:1fr; }
  .zsvc-btn{ width:100%; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b7938ba *//* =========================
   ZENITH SERVICES — SECTION 2
   SERVICES LIST (LIGHT / NORMAL)
========================= */

.zsvc-sec2{
  --navy:#0E1A2B;
  --gold:#C9A227;
  --muted:#475569;
  --line:rgba(15,23,42,.12);

  background:transparent;
  padding:clamp(90px,8vw,130px) 20px;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:#0B1220;
}

.zsvc-sec2__wrap{
  max-width:1200px;
  margin:auto;
}

/* Head */
.zsvc-sec2__head{
  max-width:860px;
  margin-bottom:22px;
}

.zsvc-sec2__eyebrow{
  display:inline-block;
  font-size:12px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:12px;
}

.zsvc-sec2__title{
  margin:0 0 12px;
  font-size:clamp(28px,3vw,42px);
  font-weight:1000;
  line-height:1.15;
  color:var(--navy);
}

.zsvc-sec2__sub{
  margin:0;
  color:var(--muted);
  line-height:1.75;
  font-size:15.5px;
}

/* Grid */
.zsvc-sec2__grid{
  margin-top:22px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

/* Card */
.zsvc-card{
  border:1px solid var(--line);
  border-radius:20px;
  background:#fff;
  padding:22px 20px;
  box-shadow:0 18px 54px rgba(2,6,23,.05);
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
  display:grid;
  gap:12px;
}

.zsvc-card:hover{
  transform:translateY(-3px);
  border-color:rgba(201,162,39,.35);
  box-shadow:0 24px 70px rgba(2,6,23,.07);
}

.zsvc-card__top{
  display:flex;
  gap:12px;
  align-items:flex-start;
}

.zsvc-ico{
  flex:0 0 auto;
  width:38px;
  height:38px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:1000;
  font-size:12px;
  letter-spacing:.12em;
  color:var(--navy);
  border:1px solid rgba(201,162,39,.30);
  background:rgba(201,162,39,.12);
}

.zsvc-card__title{
  margin:0;
  font-size:16.5px;
  font-weight:950;
  color:var(--navy);
  line-height:1.25;
}

.zsvc-card__desc{
  margin:0;
  color:var(--muted);
  line-height:1.7;
  font-size:14.5px;
}

/* list */
.zsvc-card__list{
  margin:0;
  padding-left:18px;
  display:grid;
  gap:8px;
  color:rgba(15,23,42,.78);
  font-weight:800;
  line-height:1.6;
  font-size:14px;
}

/* bottom bar */
.zsvc-sec2__bar{
  margin-top:18px;
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(201,162,39,.28);
  background:rgba(201,162,39,.10);
  color:rgba(15,23,42,.78);
  font-weight:850;
  line-height:1.6;
}

.zsvc-sec2__dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 0 4px rgba(201,162,39,.16);
  margin-top:6px;
}

/* Responsive */
@media (max-width: 1050px){
  .zsvc-sec2__grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 640px){
  .zsvc-sec2__grid{ grid-template-columns:1fr; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-137c4e1 *//* =========================
   ZENITH SERVICES — SECTION 3
   DEVELOPMENT FRAMEWORK (LIGHT VERSION)
========================= */

.zsvc-sec3{
  --navy:#0E1A2B;
  --gold:#C9A227;
  --muted:#475569;
  --line:rgba(15,23,42,.12);

  background:transparent; /* ✅ normal */
  padding:clamp(100px,8vw,140px) 20px;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:#0B1220;
}

.zsvc-sec3__wrap{
  max-width:1200px;
  margin:auto;
}

/* Head */

.zsvc-sec3__eyebrow{
  display:inline-block;
  font-size:12px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:12px;
}

.zsvc-sec3__title{
  margin:0 0 12px;
  font-size:clamp(28px,3vw,42px);
  font-weight:1000;
  color:var(--navy);
}

.zsvc-sec3__sub{
  margin:0 0 50px;
  color:var(--muted);
  line-height:1.75;
  font-size:15.5px;
}

/* Timeline Grid */

.zsvc-sec3__timeline{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:18px;
}

/* Step Card */

.zsvc-step{
  background:#ffffff;
  border:1px solid var(--line);
  border-radius:20px;
  padding:26px 20px;
  text-align:left;
  box-shadow:0 18px 54px rgba(2,6,23,.05);
  transition:.25s ease;
}

.zsvc-step:hover{
  transform:translateY(-4px);
  border-color:rgba(201,162,39,.35);
  box-shadow:0 24px 70px rgba(2,6,23,.08);
}

.zsvc-step__no{
  display:inline-block;
  font-size:11px;
  font-weight:1000;
  letter-spacing:.18em;
  color:var(--gold);
  margin-bottom:12px;
}

.zsvc-step h3{
  margin:0 0 12px;
  font-size:16.5px;
  font-weight:950;
  color:var(--navy);
}

.zsvc-step p{
  margin:0;
  font-size:14.5px;
  line-height:1.7;
  color:var(--muted);
}

/* Responsive */

@media (max-width: 1100px){
  .zsvc-sec3__timeline{
    grid-template-columns:repeat(3,1fr);
  }
}

@media (max-width: 768px){
  .zsvc-sec3__timeline{
    grid-template-columns:1fr;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0fdbf02 *//* =========================
   ZENITH SERVICES — SECTION 4
   DELIVERABLES & DOCUMENTATION (LIGHT)
========================= */

.zsvc-sec4{
  --navy:#0E1A2B;
  --gold:#C9A227;
  --muted:#475569;
  --line:rgba(15,23,42,.12);

  background:transparent;
  padding:clamp(90px,8vw,130px) 20px;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:#0B1220;
}

.zsvc-sec4__wrap{
  max-width:1200px;
  margin:auto;
}

/* Head */
.zsvc-sec4__head{
  max-width:860px;
  margin-bottom:22px;
}

.zsvc-sec4__eyebrow{
  display:inline-block;
  font-size:12px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:12px;
}

.zsvc-sec4__title{
  margin:0 0 12px;
  font-size:clamp(28px,3vw,42px);
  font-weight:1000;
  line-height:1.15;
  color:var(--navy);
}

.zsvc-sec4__sub{
  margin:0;
  color:var(--muted);
  line-height:1.75;
  font-size:15.5px;
}

/* Grid */
.zsvc-sec4__grid{
  margin-top:22px;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:16px;
  align-items:start;
}

/* Left card */
.zsvc-sec4__card{
  border:1px solid var(--line);
  border-radius:22px;
  background:#fff;
  padding:26px 22px;
  box-shadow:0 20px 60px rgba(2,6,23,.05);
}

.zsvc-sec4__cardTitle{
  margin:0 0 16px;
  font-size:18px;
  font-weight:950;
  color:var(--navy);
}

.zsvc-sec4__list{
  display:grid;
  gap:10px;
}

.zsvc-dl{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:10px 12px;
  border:1px solid rgba(15,23,42,.10);
  border-radius:14px;
  background:rgba(15,23,42,.02);
  font-weight:850;
  color:rgba(15,23,42,.78);
  line-height:1.5;
  font-size:14px;
}

.zsvc-dl__dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--gold);
  margin-top:5px;
  box-shadow:0 0 0 4px rgba(201,162,39,.16);
}

.zsvc-sec4__bar{
  margin-top:14px;
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(201,162,39,.28);
  background:rgba(201,162,39,.10);
  color:rgba(15,23,42,.78);
  font-weight:850;
  line-height:1.6;
}

.zsvc-sec4__barDot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 0 4px rgba(201,162,39,.16);
  margin-top:6px;
}

/* Right panels */
.zsvc-sec4__panel{
  display:grid;
  gap:12px;
}

.zsvc-pan{
  border:1px solid var(--line);
  border-radius:18px;
  background:#ffffff;
  padding:18px 16px;
  box-shadow:0 16px 46px rgba(2,6,23,.04);
}

.zsvc-pan h4{
  margin:0 0 8px;
  font-size:15.5px;
  font-weight:950;
  color:var(--navy);
}

.zsvc-pan p{
  margin:0;
  color:var(--muted);
  line-height:1.65;
  font-size:14px;
}

/* Responsive */
@media (max-width: 980px){
  .zsvc-sec4__grid{ grid-template-columns:1fr; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3901ccd *//* =========================
   ZENITH SERVICES — SECTION 5
   PROJECT TYPES (WITH 1:1 IMAGES)
========================= */

.zsvc-sec5{
  --navy:#0E1A2B;
  --gold:#C9A227;
  --muted:#475569;
  --line:rgba(15,23,42,.12);

  background:transparent;
  padding:clamp(90px,8vw,130px) 20px;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:#0B1220;
}

.zsvc-sec5__wrap{
  max-width:1200px;
  margin:auto;
}

/* Head */
.zsvc-sec5__head{
  max-width:860px;
  margin-bottom:22px;
}

.zsvc-sec5__eyebrow{
  display:inline-block;
  font-size:12px;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:12px;
}

.zsvc-sec5__title{
  margin:0 0 12px;
  font-size:clamp(28px,3vw,42px);
  font-weight:1000;
  color:var(--navy);
}

.zsvc-sec5__sub{
  margin:0 0 30px;
  color:var(--muted);
  line-height:1.75;
  font-size:15.5px;
}

/* Grid */
.zsvc-sec5__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

/* Card */
.zsvc-type{
  border:1px solid var(--line);
  border-radius:20px;
  background:#ffffff;
  overflow:hidden; /* penting utk image clip */
  box-shadow:0 18px 54px rgba(2,6,23,.05);
  transition:.25s ease;
  display:grid;
  grid-template-rows:auto 1fr;
}

.zsvc-type:hover{
  transform:translateY(-4px);
  border-color:rgba(201,162,39,.35);
  box-shadow:0 24px 70px rgba(2,6,23,.08);
}

/* 1:1 Image */
.zsvc-type__media{
  width:100%;
  aspect-ratio:1 / 1;       /* ✅ paksa square */
  background:rgba(15,23,42,.04);
  position:relative;
}

.zsvc-type__media img{
  width:100%;
  height:100%;
  object-fit:cover;          /* ✅ crop cantik */
  display:block;
  transform:scale(1.02);
}

/* body */
.zsvc-type__body{
  padding:20px 18px 22px;
}

.zsvc-type h3{
  margin:0 0 10px;
  font-size:16.5px;
  font-weight:950;
  color:var(--navy);
  line-height:1.25;
}

.zsvc-type p{
  margin:0;
  font-size:14.5px;
  line-height:1.7;
  color:var(--muted);
}

/* Responsive */
@media (max-width: 1050px){
  .zsvc-sec5__grid{ grid-template-columns:repeat(2,1fr); }
}

@media (max-width: 640px){
  .zsvc-sec5__grid{ grid-template-columns:1fr; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-aff747b *//* =========================
   ZENITH SERVICES — SECTION 6
   FINAL CTA (TRANSPARENT DARK MODE)
========================= */

.zsvc-sec6{
  --navy:#0E1A2B;
  --navy2:#1F3A5F;
  --gold:#C9A227;

  background:transparent; /* ✅ transparent */
  padding:clamp(100px,8vw,140px) 20px;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:#ffffff;
}

.zsvc-sec6__wrap{
  max-width:1200px;
  margin:auto;
}

.zsvc-sec6__card{
  border:1px solid rgba(255,255,255,.18);
  border-radius:26px;
  padding:40px 34px;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:30px;

  /* Glass dark look */
  background:linear-gradient(
    180deg,
    rgba(14,26,43,.85),
    rgba(14,26,43,.70)
  );
  backdrop-filter:blur(14px);

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

/* Text kekal putih */

.zsvc-sec6__eyebrow{
  font-size:12px;
  font-weight:900;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--gold);
  display:block;
  margin-bottom:14px;
}

.zsvc-sec6__title{
  margin:0 0 14px;
  font-size:clamp(28px,3vw,42px);
  font-weight:1000;
  line-height:1.15;
  color:#ffffff;
}

.zsvc-sec6__sub{
  margin:0 0 20px;
  font-size:15.5px;
  line-height:1.75;
  color:rgba(255,255,255,.80);
}

/* Buttons */

.zsvc6-btn--primary{
  background:var(--gold);
  color:#0B1220;
  border:1px solid rgba(201,162,39,.5);
}

.zsvc6-btn--primary:hover{
  transform:translateY(-3px);
  background:#ffffff;
}

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

.zsvc6-btn--ghost:hover{
  transform:translateY(-3px);
  border-color:var(--gold);
}

/* Right side */

.zsvc-sec6__right{
  border:1px solid rgba(255,255,255,.15);
  border-radius:18px;
  padding:24px 22px;
  background:rgba(255,255,255,.06);
}

.zsvc-sec6__right h3{
  margin:0 0 14px;
  font-size:16px;
  font-weight:950;
  color:#ffffff;
}

.zsvc-sec6__right ul{
  margin:0;
  padding-left:18px;
  display:grid;
  gap:8px;
  font-size:14.5px;
  color:rgba(255,255,255,.80);
  line-height:1.6;
}

.zsvc-sec6__note{
  margin-top:14px;
  font-size:13px;
  font-weight:850;
  color:rgba(255,255,255,.85);
  border-top:1px solid rgba(255,255,255,.15);
  padding-top:10px;
}

/* Responsive */
@media (max-width: 900px){
  .zsvc-sec6__card{
    grid-template-columns:1fr;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e236009 *//* =========================
   ZENITH FOOTER (SECTION 9)
========================= */

.zen-footer{
  --navy:#0E1A2B;
  --navy2:#1F3A5F;
  --gold:#C9A227;
  --soft:rgba(255,255,255,.72);
  --line:rgba(255,255,255,.14);

  background:linear-gradient(180deg,#0B1220,#0E1A2B);
  color:#fff;
  padding:clamp(70px,7vw,100px) 20px 34px;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

.zen-footer__wrap{
  max-width:1200px;
  margin:auto;
}

.zen-footer__grid{
  display:grid;
  grid-template-columns: 1.4fr .7fr 1.1fr;
  gap:clamp(22px,3vw,44px);
  padding-bottom:34px;
  border-bottom:1px solid var(--line);
}

.zen-footer__logo{
  max-width:220px;
  width:100%;
  height:auto;
  display:block;
  margin-bottom:14px;
  filter: drop-shadow(0 10px 22px rgba(0,0,0,.35));
}

.zen-footer__desc{
  margin:0 0 14px;
  color:var(--soft);
  line-height:1.7;
  font-size:14.5px;
}

.zen-footer__badge{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.82);
  font-weight:850;
  font-size:12px;
  letter-spacing:.02em;
}

.zen-footer__dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 0 4px rgba(201,162,39,.18);
}

/* Titles */
.zen-footer__title{
  margin:0 0 12px;
  font-size:13px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(255,255,255,.92);
}

/* Links */
.zen-footer__links{
  display:grid;
  gap:10px;
  align-content:start;
}

.zen-footer__links a{
  color:var(--soft);
  text-decoration:none;
  font-weight:850;
  font-size:14px;
}

.zen-footer__links a:hover{
  color:#fff;
  text-decoration:underline;
  text-underline-offset:4px;
}

/* Contact list */
.zen-footer__contact{
  display:grid;
  gap:10px;
  align-content:start;
}

.zen-footer__item{
  display:grid;
  grid-template-columns: 92px 1fr;
  gap:10px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.05);
}

.zen-footer__k{
  font-size:11px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(255,255,255,.80);
}

.zen-footer__v{
  color:var(--soft);
  font-size:13.5px;
  line-height:1.5;
  font-weight:750;
}

.zen-footer__contact a.zen-footer__v{
  text-decoration:none;
}
.zen-footer__contact a.zen-footer__v:hover{
  color:#fff;
  text-decoration:underline;
  text-underline-offset:4px;
}

/* Bottom */
.zen-footer__bottom{
  padding-top:18px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  justify-content:center;
  color:rgba(255,255,255,.70);
  font-size:13px;
  font-weight:750;
}

.zen-footer__sep{
  opacity:.5;
}

/* Responsive */
@media (max-width: 980px){
  .zen-footer__grid{
    grid-template-columns:1fr;
  }
  .zen-footer__item{
    grid-template-columns: 1fr;
  }
}/* End custom CSS */