/* DK Expressions v1.21.1 — final commercial Three Doors landing. */
.dkx1211-hero-sub{
  max-width:720px;
  margin:18px auto 0;
  color:#c7d2d9;
  font-size:clamp(.94rem,1.3vw,1.14rem);
  font-weight:750;
  line-height:1.6;
}
.dkx1211-hero-sub strong{
  color:#ffc857!important;
  -webkit-text-fill-color:#ffc857!important;
  text-shadow:none!important;
  animation:none!important;
}
.dkx1211-hero-jump{
  display:inline-flex;
  align-items:center;
  gap:28px;
  min-height:48px;
  margin-top:26px;
  padding:0 17px;
  border:1px solid #43baff;
  background:rgba(3,12,19,.76);
  color:#fff!important;
  text-decoration:none!important;
  font-size:.64rem;
  font-weight:950;
  letter-spacing:.11em;
  text-transform:uppercase;
  transition:transform .22s ease,background-color .22s ease;
}
.dkx1211-hero-jump span{color:#43baff;font-size:1rem}
.dkx1211-hero-jump:hover,.dkx1211-hero-jump:focus-visible{transform:translateY(-3px);background:#071b2a}

.dkx1211-landing{
  --l-blue:#43baff;
  --l-gold:#ffc857;
  --l-purple:#9b7cff;
  --l-red:#ff536d;
  --l-aqua:#2ad6c9;
  --l-green:#7ee081;
  background:#020508;
  color:#f7fbff;
  overflow:hidden;
}
.dkx1211-landing strong,.dkx1211-landing b{
  text-shadow:none!important;
  animation:none!important;
}

/* Commercial proof appears before the visitor chooses a door. */
.dkx1211-proof-strip{
  position:relative;
  padding:0 max(18px,calc((100vw - 1240px)/2));
  background:linear-gradient(90deg,#03101a,#071725 50%,#030a10);
  border-top:1px solid rgba(67,186,255,.25);
  border-bottom:1px solid rgba(67,186,255,.25);
}
.dkx1211-proof-strip:before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:3px;
  background:linear-gradient(90deg,var(--l-blue),var(--l-gold),var(--l-purple),var(--l-red),var(--l-aqua));
}
.dkx1211-proof-audience,.dkx1211-proof-availability{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px;
  text-align:center;
  text-transform:uppercase;
}
.dkx1211-proof-audience{
  min-height:76px;
  padding-top:3px;
  color:#dce7ed;
  font-size:clamp(.78rem,.95vw,.92rem);
  font-weight:900;
  letter-spacing:.09em;
  line-height:1.5;
}
.dkx1211-proof-availability{
  min-height:52px;
  color:#9eb0bb;
  border-top:1px solid rgba(255,255,255,.08);
  font-size:clamp(.7rem,.82vw,.8rem);
  font-weight:850;
  letter-spacing:.1em;
  line-height:1.5;
}
.dkx1211-proof-strip i{color:#526b79;font-style:normal}
.dkx1211-proof-audience .is-visits strong{color:var(--l-blue)!important;-webkit-text-fill-color:var(--l-blue)!important;font-size:1.2em}
.dkx1211-proof-audience .is-pages strong{color:var(--l-gold)!important;-webkit-text-fill-color:var(--l-gold)!important;font-size:1.2em}
.dkx1211-proof-audience .is-hits strong{color:var(--l-purple)!important;-webkit-text-fill-color:var(--l-purple)!important;font-size:1.2em}
.dkx1211-proof-audience .is-years strong{color:var(--l-aqua)!important;-webkit-text-fill-color:var(--l-aqua)!important;font-size:1.2em}
.dkx1211-proof-audience .is-trusted strong{color:#fff!important;-webkit-text-fill-color:#fff!important}
.dkx1211-proof-availability span:first-child strong{color:var(--l-purple)!important;-webkit-text-fill-color:var(--l-purple)!important}
.dkx1211-proof-availability span:last-child strong{color:var(--l-red)!important;-webkit-text-fill-color:var(--l-red)!important;font-size:1.15em}

/* Three equal-weight commercial doors. */
.dkx1211-pathways{position:relative;border-bottom:1px solid rgba(67,186,255,.15)}
.dkx1211-pathways:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.28;
  background-image:radial-gradient(circle,rgba(67,186,255,.3) 0 1px,transparent 1.4px);
  background-size:50px 50px;
  mask-image:linear-gradient(to bottom,#000,transparent 78%);
}
.dkx1211-pathways>*{position:relative;z-index:1}
.dkx1211-pathways .dkx1200-pathway-grid{gap:16px}
.dkx1211-pathways .dkx1200-pathway-grid>a{
  min-height:500px;
  padding:36px;
  box-shadow:0 30px 75px rgba(0,0,0,.28);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.dkx1211-pathways .dkx1200-pathway-grid>a:before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:5px;
  background:currentColor;
}
.dkx1211-pathways .dkx1200-pathway-grid>a:hover,.dkx1211-pathways .dkx1200-pathway-grid>a:focus-visible{
  transform:translateY(-8px);
  box-shadow:0 38px 90px rgba(0,0,0,.4);
}
.dkx1211-pathways .dkx1200-pathway-grid h3{font-size:clamp(2rem,3vw,3.1rem)}
.dkx1211-pathways .dkx1200-pathway-grid p{font-size:.94rem}
.dkx1211-pathways .dkx1200-pathway-grid small{
  position:relative;
  z-index:2;
  align-self:flex-start;
  margin:6px 0 17px;
  padding:6px 8px;
  border-left:3px solid currentColor;
  background:rgba(0,0,0,.24);
  color:#fff;
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.dkx1211-pathways .dkx1200-pathway-grid b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  align-self:flex-start;
  min-height:42px;
  margin-top:auto;
  padding:0 13px;
  border:1px solid currentColor;
  background:rgba(2,5,8,.55);
}

/* Packages and process use the same colour language as the doors. */
.dkx1211-pricing{border-top:1px solid rgba(67,186,255,.12)}
.dkx1211-pricing .dkx1203-pricing-grid article{min-height:455px}
.dkx1211-pricing .dkx1203-pricing-grid article>a{min-height:43px;padding:0 15px}
.dkx1211-process .dkx1203-process-grid article{--step:var(--l-blue);border-color:color-mix(in srgb,var(--step) 38%,#182831)}
.dkx1211-process .dkx1203-process-grid article:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--step)}
.dkx1211-process .dkx1203-process-grid article:nth-child(2){--step:var(--l-gold)}
.dkx1211-process .dkx1203-process-grid article:nth-child(3){--step:var(--l-purple)}
.dkx1211-process .dkx1203-process-grid article:nth-child(4){--step:var(--l-red)}
.dkx1211-process .dkx1203-process-grid span{color:var(--step)!important}

.dkx1211-testimonials .dkx1203-testimonials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.dkx1211-testimonials blockquote:first-child{border-top:4px solid var(--l-blue)}
.dkx1211-testimonials blockquote:last-child{border-top:4px solid var(--l-purple)}
.dkx1211-testimonials blockquote footer strong{color:inherit!important;-webkit-text-fill-color:currentColor!important}
.dkx1211-testimonials blockquote:first-child footer strong{color:var(--l-blue)!important;-webkit-text-fill-color:var(--l-blue)!important}
.dkx1211-testimonials blockquote:last-child footer strong{color:var(--l-purple)!important;-webkit-text-fill-color:var(--l-purple)!important}

.dkx1211-final{position:relative;overflow:hidden}
.dkx1211-final:before{
  content:"";
  position:absolute;
  top:0;left:10%;right:10%;
  height:3px;
  background:linear-gradient(90deg,transparent,var(--l-blue),var(--l-purple),var(--l-red),transparent);
}
.dkx1211-final .dkx1203-final-inner{position:relative;z-index:1}
.dkx1211-final .dkx1203-actions{margin-top:30px}
.dkx1211-final .dkx1203-btn{min-height:52px;padding:0 19px}
.dkx1211-contact{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px!important;
  color:#7f96a5!important;
  font-size:.72rem;
}
.dkx1211-contact a{color:#b9c8d1!important;text-decoration:none}
.dkx1211-contact a:hover,.dkx1211-contact a:focus-visible{color:var(--l-blue)!important}
.dkx1211-contact i{color:var(--l-purple);font-style:normal}

@media(max-width:980px){
  .dkx1211-pathways .dkx1200-pathway-grid>a{min-height:420px}
  .dkx1211-testimonials .dkx1203-testimonials-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .dkx1211-hero-sub{width:min(100%,360px);font-size:.92rem}
  .dkx1211-hero-jump{margin-top:23px}
  .dkx1211-proof-strip{padding:14px 16px 12px}
  .dkx1211-proof-audience,.dkx1211-proof-availability{display:grid;grid-template-columns:1fr;gap:8px;min-height:0;padding:13px 0}
  .dkx1211-proof-audience{font-size:.76rem}
  .dkx1211-proof-availability{font-size:.7rem}
  .dkx1211-proof-strip i{display:none}
  .dkx1211-proof-audience .is-trusted{line-height:1.65}
  .dkx1211-pathways .dkx1200-pathway-grid>a{min-height:380px;padding:28px}
  .dkx1211-pathways .dkx1200-pathway-grid h3{font-size:2.15rem}
  .dkx1211-pricing .dkx1203-pricing-grid article{min-height:410px}
  .dkx1211-final .dkx1203-btn{width:100%;box-sizing:border-box}
  .dkx1211-contact{display:grid;grid-template-columns:1fr;gap:6px}
  .dkx1211-contact i{display:none}
}
@media(prefers-reduced-motion:reduce){
  .dkx1211-hero-jump,.dkx1211-pathways .dkx1200-pathway-grid>a{transition:none}
  .dkx1211-hero-jump:hover,.dkx1211-pathways .dkx1200-pathway-grid>a:hover{transform:none}
}