/* =========================================================
   Digitizer layout module
   ========================================================= */

.dz-section{
  position:relative;
  padding:var(--dz-section) 0;
  overflow:hidden;
}

.dz-section--tight{padding:clamp(56px, 7vw, 96px) 0;}
.dz-section--first{padding-top:clamp(72px, 9vw, 130px);}
.dz-section--last{padding-bottom:clamp(96px, 12vw, 180px);}

.dz-container{
  width:var(--dz-container);
  max-width:var(--dz-container);
  margin:0 auto;
  position:relative;
  z-index:2;
}

.dz-container--narrow{
  width:var(--dz-container-narrow);
  max-width:var(--dz-container-narrow);
}

.dz-stack{display:grid; gap:var(--dz-gap);}
.dz-stack--lg{gap:clamp(28px, 4vw, 58px);}
.dz-stack--xl{gap:clamp(40px, 6vw, 84px);}

.dz-grid{display:grid; gap:var(--dz-gap);}
.dz-grid--2{grid-template-columns:repeat(2, minmax(0,1fr));}
.dz-grid--3{grid-template-columns:repeat(3, minmax(0,1fr));}
.dz-grid--4{grid-template-columns:repeat(4, minmax(0,1fr));}

.dz-split{
  display:grid;
  grid-template-columns:minmax(0, .95fr) minmax(0, 1.05fr);
  gap:clamp(28px, 5vw, 76px);
  align-items:start;
}

.dz-split--reverse{
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
}

.dz-kicker{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  align-items:center;
  gap:10px;
  margin:0 0 18px;
  color:var(--dz-orange);
  font-size:12px;
  line-height:1;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.dz-kicker:before{
  content:"";
  width:32px;
  height:1px;
  background:currentColor;
  opacity:.7;
}

.dz-title{
  margin:0;
  color:#fff;
  font-size:var(--dz-h2);
  line-height:.86;
  letter-spacing:-.075em;
  text-transform:uppercase;
  font-weight:900;
}

.dz-title--xl{
  font-size:var(--dz-h1);
  line-height:.78;
}

.dz-title--sm{
  font-size:var(--dz-h3);
  line-height:.92;
  letter-spacing:-.055em;
}

.dz-lead{
  max-width:900px;
  margin:0;
  color:var(--dz-muted);
  font-size:clamp(18px, 2vw, 28px);
  line-height:1.32;
  letter-spacing:-.035em;
}

.dz-text{
  margin:0;
  color:var(--dz-muted);
  font-size:var(--dz-body);
  line-height:1.76;
}

.dz-text--wide{max-width:980px;}
.dz-muted{color:var(--dz-muted);}
.dz-soft{color:var(--dz-soft);}

.dz-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin-top:clamp(22px, 3vw, 36px);
}

.dz-divider{
  width:100%;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.28), transparent);
  margin:clamp(34px, 5vw, 70px) 0;
}

.dz-panel{
  border:1px solid var(--dz-border);
  background:linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.035));
  border-radius:var(--dz-radius-lg);
  box-shadow:var(--dz-shadow-soft);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.dz-note{
  display:block;
  margin-top:12px;
  color:var(--dz-soft);
  font-size:13px;
  line-height:1.5;
}
