/* =========================================================
   WP TEMP Themes
   Dedicated template for TCD SOURCE 2.2.2
   ========================================================= */

.wptth-page{
  --text:#222;
  --sub:#5d5d5d;
  --light:#929292;
  --border:#dddddd;
  --border-light:#ececec;
  --gray:#f7f7f7;
  --black:#111111;

  width:100%;
  margin:0;
  padding:0;

  background:#fff;
  color:var(--text);

  font-weight:400;
}

.wptth-page *,
.wptth-page *::before,
.wptth-page *::after{
  box-sizing:border-box;
}

.wptth-wrap{
  width:calc(100% - 56px);
  max-width:1180px;

  margin:0 auto;
  padding:0;
}

.wptth-narrow{
  max-width:860px;
}


/* HERO */

.wptth-hero{
  width:100%;
  padding:90px 0 84px;

  background:#f6f6f6;

  text-align:center;
}

.wptth-eyebrow{
  margin:0 0 16px;

  color:var(--light);

  font-size:10px;
  font-weight:400;
  line-height:1.4;
  letter-spacing:.16em;

  text-align:center;
}


.wptth-hero-eyebrow{
  margin-bottom:18px;
  font-size:13px;
  letter-spacing:.18em;
}

.wptth-page-title{
  margin:0 0 24px;

  color:#222;

  font-size:34px;
  font-weight:400;
  line-height:1.5;

  text-align:center;
}

.wptth-lead{
  max-width:none;
  margin:0 auto 18px;
  white-space:nowrap;

  color:#333;

  font-size:16px;
  font-weight:400;
  line-height:1.9;

  text-align:center;
}

.wptth-description{
  max-width:760px;
  margin:0 auto;

  color:#666;

  font-size:14px;
  font-weight:400;
  line-height:2;

  text-align:center;
}


/* SECTION */

.wptth-section{
  width:100%;

  padding:82px 0 90px;

  background:#fff;
}

.wptth-section-head{
  max-width:860px;

  margin:0 auto 42px;

  text-align:center;
}

.wptth-section-title{
  margin:0 0 18px;

  color:#222;

  font-size:27px;
  font-weight:400;
  line-height:1.55;

  text-align:center;
}

.wptth-section-intro{
  max-width:760px;

  margin:0 auto;

  color:#666;

  font-size:14px;
  font-weight:400;
  line-height:1.9;

  text-align:center;
}


/* BUSINESS CARDS */

.wptth-business-cards{
  display:grid;

  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:28px;

  width:100%;
}

.wptth-business-card{
  display:flex;

  flex-direction:column;

  min-width:0;

  padding:36px 32px 32px;

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

  background:#fff;
}

.wptth-business-card-complete{
  background:#fafafa;
}

.wptth-card-label{
  margin:0 0 15px;

  color:#999;

  font-size:10px;
  font-weight:400;
  line-height:1;
  letter-spacing:.14em;

  text-align:left;
}

.wptth-card-title{
  margin:0 0 12px;

  color:#222;

  font-size:22px;
  font-weight:400;
  line-height:1.5;

  text-align:left;
}

.wptth-card-copy{
  margin:0 0 16px;

  color:#444;

  font-size:14px;
  font-weight:500;
  line-height:1.7;

  text-align:left;
}

.wptth-card-text{
  margin:0 0 24px;

  color:#666;

  font-size:13px;
  font-weight:400;
  line-height:1.9;

  text-align:left;
}

.wptth-feature-list{
  width:100%;

  margin:0 0 28px;

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

.wptth-feature-item{
  position:relative;

  padding:10px 0 10px 18px;

  border-bottom:1px solid var(--border-light);

  color:#555;

  font-size:13px;
  font-weight:400;
  line-height:1.7;

  text-align:left;
}

.wptth-feature-item::before{
  content:"";

  position:absolute;

  top:21px;
  left:2px;

  width:7px;
  height:1px;

  background:#777;
}

.wptth-card-action{
  display:flex;

  justify-content:flex-start;

  margin-top:auto;
}

.wptth-button,
.wptth-button:link,
.wptth-button:visited{
  display:flex;

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

  width:230px;
  height:50px;

  margin:0;
  padding:0 18px;

  border:1px solid #111;

  background:#111;

  color:#fff;

  text-decoration:none;
}

.wptth-button span{
  display:flex;

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

  width:100%;
  height:100%;

  color:#fff;

  font-size:13px;
  font-weight:400;
  line-height:1;

  text-align:center;
}

.wptth-button:hover{
  border-color:#444;

  background:#444;

  color:#fff;
}


/* CHOICE */

.wptth-choice{
  display:grid;

  grid-template-columns:minmax(0,1fr) auto;

  gap:50px;

  align-items:center;

  margin:58px 0 0;
  padding:34px 0;

  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
}

.wptth-choice-label{
  margin:0 0 7px;

  color:#999;

  font-size:10px;
  font-weight:400;
  line-height:1.4;
}

.wptth-choice-title{
  margin:0 0 10px;

  color:#222;

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

.wptth-choice-text{
  color:#666;

  font-size:13px;
  font-weight:400;
  line-height:1.9;
}

.wptth-choice-action{
  display:flex;

  align-items:center;
  justify-content:center;
}

.wptth-text-link,
.wptth-text-link:link,
.wptth-text-link:visited{
  display:inline-flex;

  align-items:center;

  gap:8px;

  padding:5px 0;

  border-bottom:1px solid #999;

  color:#444;

  font-size:12px;
  font-weight:400;
  line-height:1.5;

  text-decoration:none;
}

.wptth-text-link:hover{
  border-color:#111;

  color:#111;
}


/* COMPARISON */

.wptth-comparison{
  padding-top:70px;

  scroll-margin-top:100px;
}

.wptth-comparison-title{
  margin:0 0 28px;

  color:#222;

  font-size:25px;
  font-weight:400;
  line-height:1.5;

  text-align:center;
}

.wptth-table-wrap{
  width:100%;

  overflow-x:auto;
}

.wptth-table{
  width:100%;

  border-collapse:collapse;

  background:#fff;
}

.wptth-table th,
.wptth-table td{
  padding:16px 18px;

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

  font-size:13px;
  font-weight:400;
  line-height:1.6;

  text-align:center;
}

.wptth-table thead th{
  background:#111;

  color:#fff;
}

.wptth-table th:first-child,
.wptth-table td:first-child{
  width:44%;

  text-align:left;
}

.wptth-table td.wptth-mark{
  font-size:20px;
  line-height:1;
}


/* FINAL */

.wptth-final{
  width:100%;

  padding:76px 0;

  background:var(--gray);

  text-align:center;
}

.wptth-final-title{
  margin:0 0 17px;

  color:#222;

  font-size:26px;
  font-weight:400;
  line-height:1.55;

  text-align:center;
}

.wptth-final-text{
  max-width:700px;

  margin:0 auto;

  color:#666;

  font-size:14px;
  font-weight:400;
  line-height:2;

  text-align:center;
}


/* TABLET */

@media(max-width:782px){

  .wptth-wrap{
    width:calc(100% - 32px);
  }

  .wptth-hero{
    padding:66px 0 62px;
  }

  .wptth-page-title{
    font-size:28px;
  }

  .wptth-section{
    padding:62px 0 70px;
  }

  .wptth-choice{
    grid-template-columns:1fr;

    gap:22px;
  }

  .wptth-choice-action{
    justify-content:flex-start;
  }

  .wptth-final{
    padding:60px 0;
  }

}


/* SMARTPHONE */

@media(max-width:560px){

  .wptth-wrap{
    width:calc(100% - 24px);
  }

  .wptth-pc-br{
    display:none;
  }

  .wptth-hero{
    padding:52px 0;
  }

  .wptth-hero-eyebrow{
    font-size:12px;
  }

  .wptth-page-title{
    font-size:24px;
  }

  .wptth-lead{
    font-size:14px;
    white-space:normal;
  }

  .wptth-section{
    padding:52px 0 60px;
  }

  .wptth-section-title{
    font-size:23px;
  }

  .wptth-business-cards{
    grid-template-columns:1fr;
  }

  .wptth-business-card{
    padding:30px 22px 26px;
  }

  .wptth-card-title{
    font-size:20px;
  }

  .wptth-card-action{
    justify-content:center;
  }

  .wptth-button,
  .wptth-button:link,
  .wptth-button:visited{
    width:100%;
    max-width:280px;
  }

  .wptth-comparison{
    padding-top:56px;
  }

  .wptth-comparison-title{
    font-size:22px;
  }

  .wptth-table th,
  .wptth-table td{
    min-width:120px;

    padding:14px 12px;

    font-size:12px;
  }

  .wptth-table th:first-child,
  .wptth-table td:first-child{
    min-width:190px;
  }

  .wptth-final-title{
    font-size:23px;
  }

}