:root{
  --dtk-navy:#07172e;
  --dtk-text:#0c1930;
  --dtk-muted:#6b7c93;
  --dtk-bg:#eef2f6;
  --dtk-card:#ffffff;
  --dtk-line:#c8d1dd;
}

body.home .dt-home-proof,
body.home #dtk-homeproof-wrap,
body.home [id^="sfraboutwidget-"],
body.home [id^="sfrnumberwidget-"]{
  display:none!important;
}

#dtk_home_showcase-2,
.widget_dtk_home_showcase{
  margin:0!important;
  padding:0!important;
  width:100%!important;
  max-width:none!important;
}

.dtk-home-showcase{
  display:block;
  width:100%;
  background:linear-gradient(180deg,#f0f3f7 0%,#eef2f6 100%);
  padding:30px 0 22px;
  color:var(--dtk-text);
  font-family:inherit;
}

.dtk-home-showcase *{box-sizing:border-box;}

.dtk-wrap{
  width:calc(100% - 54px);
  max-width:1260px;
  margin:0 auto;
}

.dtk-intro{
  display:grid;
  grid-template-columns:390px minmax(0,1fr);
  gap:42px;
  align-items:start;
}

.dtk-kicker{
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 14px;
  color:#72839b;
  font-size:10px;
  line-height:1;
  font-weight:700;
  letter-spacing:.22em;
}

.dtk-kicker i{
  display:block;
  width:50px;
  height:1px;
  background:#b8c4d2;
}

.dtk-copy h2,
.dtk-media-copy h2{
  color:#0a172e;
  font-weight:700;
  letter-spacing:-1.1px;
}

.dtk-copy h2{
  margin:0 0 14px;
  font-size:34px;
  line-height:1.12;
}

.dtk-copy>p{
  margin:0;
  color:#63758d;
  font-size:14px;
  line-height:1.65;
}

.dtk-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:19px;
}

.dtk-btn{
  min-height:39px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  padding:0 15px;
  border-radius:3px;
  text-decoration:none!important;
  font-size:12px;
  line-height:1;
  font-weight:600;
  transition:transform .2s ease,background .2s ease;
}

.dtk-btn:hover{transform:translateY(-1px);}

.dtk-btn-dark{
  background:var(--dtk-navy);
  color:#fff!important;
}

.dtk-btn-outline{
  background:transparent;
  border:1px solid #bac5d2;
  color:var(--dtk-navy)!important;
}

.dtk-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.dtk-stat{
  min-height:215px;
  margin:0;
  padding:20px 12px 17px;
  text-align:center;
  background:#fff;
  border:1px solid rgba(216,223,232,.9);
  border-radius:5px;
  box-shadow:0 7px 26px rgba(7,23,46,.035);
}

.dtk-icon{
  width:48px;
  height:48px;
  margin:0 auto 7px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.dtk-icon svg{
  width:39px;
  height:39px;
  fill:none;
  stroke:#101a2d;
  stroke-width:2.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.dtk-stat strong{
  display:block;
  margin:0;
  color:#07142a;
  font-size:31px;
  line-height:1.05;
  font-weight:700;
  letter-spacing:-1px;
}

.dtk-stat h3{
  margin:7px 0 7px;
  color:#111c2f;
  font-size:14px;
  line-height:1.2;
  font-weight:700;
}

.dtk-stat p{
  max-width:160px;
  margin:0 auto;
  color:#77879c;
  font-size:12px;
  line-height:1.45;
}

.dtk-separator{
  width:100%;
  height:1px;
  margin:24px 0 23px;
  background:#c7d0dc;
}

.dtk-media{
  display:grid;
  grid-template-columns:350px minmax(0,1fr);
  gap:28px;
  align-items:start;
}

.dtk-media-copy h2{
  margin:0 0 9px;
  font-size:27px;
  line-height:1.1;
}

.dtk-media-copy p{
  margin:0 0 15px;
  color:#65768c;
  font-size:13px;
  line-height:1.55;
}

.dtk-all-media{
  display:inline-flex;
  align-items:center;
  gap:21px;
  padding:9px 17px;
  border-radius:18px;
  background:#081831;
  color:#fff!important;
  text-decoration:none!important;
  font-size:12px;
  line-height:1;
  font-weight:600;
}

.dtk-video-shell{
  position:relative;
  overflow:hidden;
  padding-right:42px;
}

.dtk-video-track{
  display:flex;
  gap:14px;
  transition:transform .55s cubic-bezier(.22,.61,.36,1);
}

.dtk-video-card{
  flex:0 0 calc(33.333% - 9.5px);
  min-width:0;
  cursor:pointer;
  outline:none;
}

.dtk-video-thumb{
  position:relative;
  overflow:hidden;
  width:100%;
  aspect-ratio:16/8.8;
  background:#cad2dc;
  border-radius:4px;
}

.dtk-video-thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.dtk-video-thumb:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 48%,rgba(3,12,27,.20));
}

.dtk-play{
  position:absolute;
  z-index:2;
  left:50%;
  top:50%;
  width:39px;
  height:39px;
  border:2px solid #fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  transform:translate(-50%,-50%);
  background:rgba(8,25,51,.65);
  color:#fff;
  font-size:12px;
}

.dtk-video-info{
  padding:7px 1px 0;
}

.dtk-video-info strong{
  display:block;
  margin-bottom:2px;
  color:#101a2d;
  font-size:12px;
  line-height:1.2;
}

.dtk-video-info h3{
  margin:0 0 3px;
  color:#1c293d;
  font-size:12px;
  line-height:1.25;
  font-weight:500;
}

.dtk-video-info span{
  color:#8794a5;
  font-size:10px;
}

.dtk-video-arrows{
  position:absolute;
  right:1px;
  top:50%;
  z-index:3;
  display:flex;
  flex-direction:column;
  gap:7px;
  transform:translateY(-57%);
}

.dtk-video-prev,
.dtk-video-next{
  width:31px;
  height:31px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#fff;
  box-shadow:0 4px 15px rgba(0,0,0,.07);
  color:#162238;
  font-size:18px;
  line-height:31px;
  cursor:pointer;
}

.dtk-history{
  position:relative;
  margin-top:20px;
  padding:0 41px;
}

.dtk-history-label{
  position:absolute;
  left:0;
  top:-1px;
  z-index:3;
  width:275px;
}

.dtk-history-label .dtk-kicker{
  margin:0;
}

.dtk-history-window{
  overflow:hidden;
  margin-left:270px;
}

.dtk-history-track{
  display:flex;
  transition:transform .65s cubic-bezier(.22,.61,.36,1);
}

.dtk-history-item{
  position:relative;
  flex:0 0 25%;
  min-height:91px;
  padding:27px 13px 0 21px;
}

.dtk-history-item:before{
  content:"";
  position:absolute;
  top:8px;
  left:0;
  width:100%;
  height:1px;
  background:#aeb9c9;
}

.dtk-history-item:after{
  content:"";
  position:absolute;
  top:2px;
  left:19px;
  width:12px;
  height:12px;
  border:3px solid #9baabc;
  border-radius:50%;
  background:#eef2f6;
}

.dtk-history-item:first-child:after{
  border-color:#536d9f;
}

.dtk-history-item span{
  display:block;
  margin-bottom:2px;
  color:#17243b;
  font-size:11px;
  line-height:1;
  font-weight:700;
}

.dtk-history-item strong{
  display:block;
  margin-bottom:2px;
  color:#24334c;
  font-size:11px;
  line-height:1.25;
  font-weight:600;
}

.dtk-history-item p{
  margin:0;
  color:#78869a;
  font-size:10px;
  line-height:1.35;
}

.dtk-history-edge{
  position:absolute;
  top:29px;
  z-index:4;
  width:31px;
  height:31px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#fff;
  box-shadow:0 4px 15px rgba(0,0,0,.07);
  color:#17243b;
  font-size:18px;
  cursor:pointer;
}

.dtk-history-prev{left:0;}
.dtk-history-next{right:0;}

.dtk-history-dots{display:none;}

.dtk-video-modal{
  display:none;
  position:fixed;
  z-index:999999;
  inset:0;
  padding:30px;
  align-items:center;
  justify-content:center;
  background:rgba(2,8,20,.88);
}

.dtk-video-modal.active{display:flex;}

.dtk-video-popup{
  position:relative;
  width:min(1100px,95vw);
}

.dtk-video-popup iframe{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  border:0;
  background:#000;
}

.dtk-video-close{
  position:absolute;
  z-index:5;
  right:-14px;
  top:-14px;
  width:38px;
  height:38px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#fff;
  color:#07172e;
  font-size:23px;
  cursor:pointer;
}

@media(max-width:1080px){
  .dtk-intro{grid-template-columns:1fr;}
  .dtk-stats{grid-template-columns:repeat(2,1fr);}
  .dtk-media{grid-template-columns:1fr;}
  .dtk-video-card{flex-basis:calc(50% - 7px);}
  .dtk-history-label{position:static;width:auto;margin-bottom:12px;}
  .dtk-history-window{margin-left:0;}
  .dtk-history-item{flex-basis:50%;}
  .dtk-history{padding:0 40px;}
}

@media(max-width:620px){
  .dtk-home-showcase{padding:28px 0 24px;}
  .dtk-wrap{width:calc(100% - 28px);}
  .dtk-copy h2{font-size:29px;}
  .dtk-copy>p{font-size:13px;}
  .dtk-stats{grid-template-columns:1fr 1fr;gap:8px;}
  .dtk-stat{min-height:205px;padding:17px 8px 14px;}
  .dtk-stat strong{font-size:27px;}
  .dtk-stat p{font-size:11px;}
  .dtk-actions{display:grid;grid-template-columns:1fr;}
  .dtk-btn{justify-content:space-between;}
  .dtk-video-shell{padding-right:0;}
  .dtk-video-card{flex-basis:100%;}
  .dtk-video-arrows{position:static;flex-direction:row;justify-content:flex-end;margin-top:10px;transform:none;}
  .dtk-history{padding:0 36px;}
  .dtk-history-item{flex-basis:100%;}
}

@media(prefers-reduced-motion:reduce){
  .dtk-video-track,
  .dtk-history-track,
  .dtk-btn{transition:none!important;}
}