.elementor-10 .elementor-element.elementor-element-9a217ad{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-74581e0 *//* =========================================================
VCAD 2026 — DENTAL CAD DESIGN
Prefix: vcd-
========================================================= */

:root{
  --vcd-blue:#0875d1;
  --vcd-blue2:#1497ff;

  --vcd-navy:#06111d;
  --vcd-navy2:#091725;
  --vcd-navy3:#0e1e2d;

  --vcd-white:#fff;
  --vcd-light:#f3f6f8;

  --vcd-text:#14202b;
  --vcd-muted:#74828f;

  --vcd-dark-line:rgba(255,255,255,.13);
  --vcd-light-line:#dce3e8;

  --vcd-width:1280px;
}


/* RESET */

.vcd-page,
.vcd-page *{
  box-sizing:border-box;
}

.vcd-page{
  margin:0;
  overflow:hidden;

  background:white;
  color:var(--vcd-text);

  font-family:Arial,Helvetica,sans-serif;
}

.vcd-page img{
  width:100%;
  display:block;
}

.vcd-page a{
  text-decoration:none;
}

.vcd-container{
  width:min(calc(100% - 64px),var(--vcd-width));
  margin:auto;
}


/* TYPOGRAPHY */

.vcd-page h1,
.vcd-page h2,
.vcd-page h3,
.vcd-page p{
  margin-top:0;
}

.vcd-page h2{
  margin-bottom:0;

  font-size:clamp(44px,5vw,72px);
  line-height:.98;

  letter-spacing:-.045em;

  font-weight:600;
}

.vcd-page h2 span{
  display:block;
  color:var(--vcd-blue);
}

.vcd-label{
  margin-bottom:28px;

  color:var(--vcd-blue);

  font-size:11px;
  font-weight:700;

  letter-spacing:.17em;
}

.vcd-label--blue{
  color:var(--vcd-blue2);
}


/* BUTTONS */

.vcd-btn{
  min-height:58px;
  padding:0 27px;

  display:inline-flex;
  align-items:center;
  justify-content:space-between;

  gap:40px;

  border:1px solid transparent;

  font-size:11px;
  font-weight:700;

  letter-spacing:.1em;

  transition:.25s;
}

.vcd-btn span{
  font-size:18px;
}

.vcd-btn--blue{
  background:var(--vcd-blue);
  color:white;
}

.vcd-btn--blue:hover{
  background:var(--vcd-blue2);
  color:white;
}

.vcd-btn--outline{
  border-color:rgba(255,255,255,.45);
  color:white;
}

.vcd-btn--outline:hover{
  background:white;
  color:var(--vcd-navy);
}

.vcd-btn--dark{
  background:var(--vcd-navy);
  color:white;
}

.vcd-btn--dark:hover{
  background:white;
  color:var(--vcd-navy);
}


/* =========================================================
HERO
========================================================= */

.vcd-hero{
  position:relative;

  min-height:820px;

  display:flex;
  align-items:center;

  background:var(--vcd-navy);
  color:white;
}

.vcd-hero__media,
.vcd-hero__overlay{
  position:absolute;
  inset:0;
}

.vcd-hero__media img{
  height:100%;
  object-fit:cover;
}

.vcd-hero__overlay{
  background:
    linear-gradient(
      90deg,
      rgba(4,12,21,.98) 0%,
      rgba(4,12,21,.91) 46%,
      rgba(4,12,21,.3) 100%
    );
}

.vcd-hero__content{
  position:relative;
  z-index:2;

  padding-bottom:80px;
}

.vcd-eyebrow{
  margin-bottom:30px;

  color:var(--vcd-blue2);

  font-size:11px;
  font-weight:700;

  letter-spacing:.18em;
}

.vcd-hero h1{
  max-width:1100px;

  margin-bottom:30px;

  font-size:clamp(60px,7.4vw,108px);

  line-height:.89;

  letter-spacing:-.06em;

  font-weight:600;
}

.vcd-hero h1 span{
  display:block;
  color:#8595a3;
}

.vcd-hero__content > p{
  max-width:690px;

  margin-bottom:40px;

  color:#bbc5cd;

  font-size:17px;
  line-height:1.7;
}

.vcd-actions{
  display:flex;
  gap:12px;
}


/* HERO FOOTER */

.vcd-hero__footer{
  position:absolute;

  bottom:0;
  left:0;
  right:0;

  z-index:3;

  border-top:1px solid var(--vcd-dark-line);
}

.vcd-hero__footer-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
}

.vcd-hero__footer-grid > div{
  min-height:75px;

  padding:0 17px;

  display:flex;
  align-items:center;

  gap:13px;

  border-left:1px solid var(--vcd-dark-line);
}

.vcd-hero__footer-grid > div:last-child{
  border-right:1px solid var(--vcd-dark-line);
}

.vcd-hero__footer span{
  color:var(--vcd-blue2);
  font-size:9px;
}

.vcd-hero__footer strong{
  font-size:9px;
  letter-spacing:.08em;
}


/* =========================================================
INTRO
========================================================= */

.vcd-intro{
  padding:125px 0;
}

.vcd-intro__grid{
  display:grid;
  grid-template-columns:1fr 1fr;

  gap:110px;
}

.vcd-intro__content{
  padding-top:40px;
}

.vcd-intro__content p{
  color:var(--vcd-muted);

  font-size:16px;
  line-height:1.8;
}

.vcd-intro__content .vcd-intro__lead{
  margin-bottom:27px;

  color:var(--vcd-text);

  font-size:23px;
  line-height:1.5;
}


/* =========================================================
STATS
========================================================= */

.vcd-stats{
  background:var(--vcd-blue);
  color:white;
}

.vcd-stats__grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
}

.vcd-stat{
  min-height:190px;

  padding:35px;

  border-left:1px solid rgba(255,255,255,.2);
}

.vcd-stat:last-child{
  border-right:1px solid rgba(255,255,255,.2);
}

.vcd-stat > span{
  display:block;

  margin-bottom:38px;

  font-size:9px;
  font-weight:700;

  letter-spacing:.15em;

  opacity:.75;
}

.vcd-stat strong{
  display:block;

  margin-bottom:12px;

  font-size:34px;

  letter-spacing:-.04em;
}

.vcd-stat p{
  margin:0;

  font-size:12px;

  opacity:.75;
}

.vcd-stats__note{
  margin:0;
  padding:13px 0 15px;

  font-size:10px;

  opacity:.7;
}


/* =========================================================
CAPABILITIES
========================================================= */

.vcd-capabilities{
  padding:125px 0;

  background:var(--vcd-navy);

  color:white;
}

.vcd-heading{
  margin-bottom:70px;

  display:grid;
  grid-template-columns:1.4fr .6fr;

  gap:90px;

  align-items:end;
}

.vcd-heading h2{
  color:white;
}

.vcd-heading h2 span{
  color:var(--vcd-blue2);
}

.vcd-heading > p{
  color:#82919e;
  line-height:1.7;
}

.vcd-cap-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);

  border-top:1px solid var(--vcd-dark-line);
  border-left:1px solid var(--vcd-dark-line);
}

.vcd-cap{
  border-right:1px solid var(--vcd-dark-line);
  border-bottom:1px solid var(--vcd-dark-line);
}

.vcd-cap__top{
  min-height:60px;

  padding:0 24px;

  display:flex;
  align-items:center;
  justify-content:space-between;
}

.vcd-cap__top span{
  color:var(--vcd-blue2);
  font-size:10px;
}

.vcd-cap__top small{
  color:#748592;

  font-size:9px;
  letter-spacing:.14em;
}

.vcd-cap__image{
  height:255px;
  overflow:hidden;
}

.vcd-cap__image img{
  height:100%;
  object-fit:cover;

  filter:saturate(.82);

  transition:.4s;
}

.vcd-cap:hover img{
  transform:scale(1.035);
}

.vcd-cap__body{
  min-height:390px;
  padding:30px;
}

.vcd-cap h3{
  margin-bottom:22px;

  font-size:29px;

  font-weight:500;

  line-height:1.05;

  letter-spacing:-.035em;
}

.vcd-cap h3 strong{
  display:block;

  color:var(--vcd-blue2);

  font-weight:500;
}

.vcd-cap p{
  color:#84939f;

  font-size:13px;
  line-height:1.7;
}

.vcd-cap ul{
  margin:28px 0 0;
  padding:0;

  list-style:none;

  border-top:1px solid var(--vcd-dark-line);
}

.vcd-cap li{
  padding:10px 0;

  color:#b5c0c8;

  border-bottom:1px solid var(--vcd-dark-line);

  font-size:11px;
}


/* =========================================================
DEMO
========================================================= */

.vcd-demo{
  padding:125px 0;

  background:var(--vcd-blue);

  color:white;
}

.vcd-demo__grid{
  display:grid;
  grid-template-columns:.75fr 1.25fr;

  gap:90px;

  align-items:center;
}

.vcd-demo h2{
  margin-bottom:30px;
  color:white;
}

.vcd-demo h2 span{
  color:#c9e7ff;
}

.vcd-demo__intro > p{
  margin-bottom:35px;

  color:rgba(255,255,255,.8);

  line-height:1.75;
}


/* SCREEN */

.vcd-demo__screen{
  border:1px solid rgba(255,255,255,.28);

  background:var(--vcd-navy);
}

.vcd-demo__toolbar{
  min-height:52px;

  padding:0 18px;

  display:flex;

  align-items:center;
  justify-content:space-between;

  border-bottom:1px solid var(--vcd-dark-line);
}

.vcd-demo__toolbar > div{
  display:flex;
  gap:6px;
}

.vcd-demo__toolbar span{
  width:6px;
  height:6px;

  display:block;

  background:#617181;
}

.vcd-demo__toolbar small{
  color:#738491;

  font-size:8px;

  letter-spacing:.13em;
}

.vcd-demo__viewport{
  height:450px;

  position:relative;

  overflow:hidden;

  background:#09131e;
}

.vcd-demo__viewport > img{
  height:100%;
  object-fit:cover;
}

.vcd-demo__crosshair{
  position:absolute;

  left:50%;
  top:50%;
}

.vcd-demo__crosshair span:first-child{
  width:70px;
  height:1px;

  position:absolute;

  left:-35px;

  background:rgba(20,151,255,.65);
}

.vcd-demo__crosshair span:last-child{
  width:1px;
  height:70px;

  position:absolute;

  top:-35px;

  background:rgba(20,151,255,.65);
}

.vcd-demo__data{
  position:absolute;

  left:20px;
  right:20px;
  bottom:20px;

  display:grid;
  grid-template-columns:repeat(3,1fr);

  background:rgba(5,14,23,.88);

  border:1px solid var(--vcd-dark-line);
}

.vcd-demo__data > div{
  padding:13px 15px;

  border-right:1px solid var(--vcd-dark-line);
}

.vcd-demo__data > div:last-child{
  border-right:0;
}

.vcd-demo__data small{
  display:block;

  margin-bottom:5px;

  color:#647785;

  font-size:7px;
}

.vcd-demo__data strong{
  font-size:9px;
  letter-spacing:.08em;
}

.vcd-demo__launch{
  min-height:58px;

  padding:0 20px;

  display:flex;

  align-items:center;
  justify-content:space-between;

  color:white;

  border-top:1px solid var(--vcd-dark-line);

  font-size:9px;
  font-weight:700;

  letter-spacing:.12em;

  transition:.2s;
}

.vcd-demo__launch:hover{
  background:var(--vcd-blue2);
  color:white;
}


/* =========================================================
WORKFLOW
========================================================= */

.vcd-workflow{
  padding:125px 0;

  background:var(--vcd-navy2);

  color:white;
}

.vcd-flow{
  display:grid;
  grid-template-columns:repeat(5,1fr);

  border-top:1px solid var(--vcd-dark-line);
  border-left:1px solid var(--vcd-dark-line);
}

.vcd-flow__item{
  min-height:280px;

  padding:28px;

  border-right:1px solid var(--vcd-dark-line);
  border-bottom:1px solid var(--vcd-dark-line);
}

.vcd-flow__item > span{
  color:var(--vcd-blue2);
  font-size:10px;
}

.vcd-flow__icon{
  width:38px;
  height:38px;

  margin:52px 0 25px;

  display:flex;
  align-items:center;
  justify-content:center;

  border:1px solid var(--vcd-blue2);

  color:var(--vcd-blue2);

  font-size:17px;
}

.vcd-flow h3{
  margin-bottom:12px;

  font-size:20px;
  font-weight:500;
}

.vcd-flow p{
  color:#7f909d;

  font-size:13px;
  line-height:1.65;
}


/* =========================================================
FILES
========================================================= */

.vcd-files{
  padding:125px 0;

  background:var(--vcd-light);
}

.vcd-files__grid{
  display:grid;
  grid-template-columns:.8fr 1.2fr;

  gap:100px;

  align-items:center;
}

.vcd-files h2{
  margin-bottom:30px;
}

.vcd-files__grid > div:first-child > p{
  max-width:520px;

  color:var(--vcd-muted);

  line-height:1.75;
}

.vcd-files__matrix{
  display:grid;
  grid-template-columns:repeat(3,1fr);

  border-top:1px solid var(--vcd-light-line);
  border-left:1px solid var(--vcd-light-line);
}

.vcd-files__matrix > div{
  min-height:155px;

  padding:25px;

  display:flex;
  flex-direction:column;
  justify-content:space-between;

  border-right:1px solid var(--vcd-light-line);
  border-bottom:1px solid var(--vcd-light-line);
}

.vcd-files__matrix small{
  color:var(--vcd-muted);

  font-size:8px;
  letter-spacing:.14em;
}

.vcd-files__matrix strong{
  color:var(--vcd-blue);

  font-size:26px;
  letter-spacing:-.03em;
}


/* =========================================================
QC
========================================================= */

.vcd-qc{
  display:grid;
  grid-template-columns:1.1fr .9fr;

  background:var(--vcd-navy);

  color:white;
}

.vcd-qc__image{
  min-height:720px;
}

.vcd-qc__image img{
  height:100%;
  object-fit:cover;
}

.vcd-qc__content{
  padding:100px 9%;

  display:flex;
  flex-direction:column;
  justify-content:center;
}

.vcd-qc h2{
  margin-bottom:30px;

  color:white;
}

.vcd-qc h2 span{
  color:var(--vcd-blue2);
}

.vcd-qc__content > p{
  color:#8595a1;
  line-height:1.75;
}

.vcd-qc__list{
  margin-top:35px;

  border-top:1px solid var(--vcd-dark-line);
}

.vcd-qc__list > div{
  min-height:53px;

  display:grid;
  grid-template-columns:45px 1fr;

  align-items:center;

  border-bottom:1px solid var(--vcd-dark-line);
}

.vcd-qc__list span{
  color:var(--vcd-blue2);

  font-size:9px;
}

.vcd-qc__list strong{
  font-size:11px;
  letter-spacing:.05em;
}


/* =========================================================
SCALE
========================================================= */

.vcd-scale{
  padding:125px 0;

  background:var(--vcd-navy2);

  color:white;
}

.vcd-scale__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);

  border-top:1px solid var(--vcd-dark-line);
  border-left:1px solid var(--vcd-dark-line);
}

.vcd-scale-card{
  min-height:340px;

  padding:32px;

  border-right:1px solid var(--vcd-dark-line);
  border-bottom:1px solid var(--vcd-dark-line);

  transition:.25s;
}

.vcd-scale-card:hover{
  background:var(--vcd-blue);
}

.vcd-scale-card > span{
  display:block;

  margin-bottom:75px;

  color:var(--vcd-blue2);

  font-size:10px;
}

.vcd-scale-card:hover > span{
  color:white;
}

.vcd-scale-card small{
  color:#687a88;

  font-size:8px;
  letter-spacing:.15em;
}

.vcd-scale-card h3{
  margin:12px 0 18px;

  font-size:27px;

  font-weight:500;

  letter-spacing:-.03em;
}

.vcd-scale-card p{
  color:#81919e;

  font-size:13px;
  line-height:1.7;
}

.vcd-scale-card:hover p{
  color:rgba(255,255,255,.8);
}


/* =========================================================
FINAL
========================================================= */

.vcd-final{
  padding:100px 0;

  background:var(--vcd-blue);

  color:white;
}

.vcd-final__grid{
  display:grid;
  grid-template-columns:1.3fr .7fr;

  gap:100px;

  align-items:end;
}

.vcd-final .vcd-label{
  color:white;
}

.vcd-final h2{
  color:white;
}

.vcd-final h2 span{
  color:#c9e7ff;
}

.vcd-final__right p{
  margin-bottom:30px;

  color:rgba(255,255,255,.82);

  line-height:1.7;
}


/* =========================================================
RESPONSIVE
========================================================= */

@media(max-width:1024px){

  .vcd-cap-grid{
    grid-template-columns:1fr 1fr;
  }

  .vcd-demo__grid{
    grid-template-columns:1fr;
  }

  .vcd-flow{
    grid-template-columns:repeat(3,1fr);
  }

  .vcd-qc{
    grid-template-columns:1fr;
  }

  .vcd-qc__image{
    min-height:500px;
  }

}


@media(max-width:767px){

  .vcd-container{
    width:calc(100% - 36px);
  }

  .vcd-page h2{
    font-size:42px;
  }

  .vcd-hero{
    min-height:730px;
  }

  .vcd-hero h1{
    font-size:51px;
  }

  .vcd-actions{
    flex-direction:column;
  }

  .vcd-hero__footer{
    display:none;
  }

  .vcd-intro{
    padding:75px 0;
  }

  .vcd-intro__grid,
  .vcd-heading,
  .vcd-files__grid,
  .vcd-final__grid{
    grid-template-columns:1fr;
    gap:45px;
  }

  .vcd-stats__grid{
    grid-template-columns:1fr 1fr;
  }

  .vcd-stat{
    min-height:165px;
    padding:25px 18px;
  }

  .vcd-stat strong{
    font-size:25px;
  }

  .vcd-capabilities,
  .vcd-demo,
  .vcd-workflow,
  .vcd-files,
  .vcd-scale{
    padding:75px 0;
  }

  .vcd-cap-grid{
    grid-template-columns:1fr;
  }

  .vcd-cap__body{
    min-height:auto;
  }

  .vcd-demo__viewport{
    height:300px;
  }

  .vcd-demo__data{
    display:none;
  }

  .vcd-flow{
    grid-template-columns:1fr 1fr;
  }

  .vcd-files__matrix{
    grid-template-columns:1fr 1fr;
  }

  .vcd-qc__image{
    min-height:370px;
  }

  .vcd-qc__content{
    padding:75px 25px;
  }

  .vcd-scale__grid{
    grid-template-columns:1fr;
  }

}/* End custom CSS */