:root{
  --wine:#68101c;
  --wine2:#861827;
  --gold:#c89b3c;
  --gold2:#e1bf72;
  --cream:#fffaf2;
  --paper:#ffffff;
  --ink:#32171c;
  --muted:#80686b;
  --line:#eadbcb;
  --good:#28784b;
  --bad:#a82b35;
}

*{
  box-sizing:border-box;
}

html{
  background:#f7f1e9;
  color:var(--ink);
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    "PingFang SC",
    "Microsoft YaHei",
    Arial,
    sans-serif;
}

body{
  margin:0;
}

a{
  color:inherit;
}

.bt-header{
  background:
    linear-gradient(
      135deg,
      #5b0a16,
      #7c1422
    );
  color:#fff;
  border-bottom:3px solid var(--gold);
}

.bt-header-inner{
  width:min(1080px,94%);
  margin:auto;
  min-height:68px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.bt-brand{
  color:#fff;
  text-decoration:none;
  font-size:23px;
  font-weight:900;
  letter-spacing:.5px;
}

.bt-nav{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.bt-nav a{
  text-decoration:none;
  padding:8px 11px;
  border-radius:8px;
  font-size:13px;
  font-weight:800;
  color:#fff7e5;
}

.bt-nav a:hover{
  background:rgba(255,255,255,.1);
}

.bt-main{
  width:min(1080px,94%);
  margin:24px auto 55px;
}

.bt-breadcrumb{
  margin-bottom:13px;
  color:var(--muted);
  font-size:13px;
}

.bt-breadcrumb a{
  text-decoration:none;
  color:var(--wine);
}

.bt-hero,
.bt-card,
.bt-seo,
.bt-tool-card{
  border:1px solid var(--line);
  background:var(--paper);
  border-radius:16px;
  box-shadow:
    0 7px 26px rgba(77,19,29,.07);
}

.bt-hero{
  padding:27px;
  margin-bottom:18px;
  background:
    linear-gradient(
      135deg,
      #fffdf9,
      #fff6e7
    );
  border-top:4px solid var(--gold);
}

.bt-eyebrow{
  display:inline-flex;
  padding:5px 9px;
  border-radius:999px;
  background:#f3e4c0;
  color:var(--wine);
  font-size:12px;
  font-weight:900;
}

.bt-hero h1{
  margin:12px 0 7px;
  color:var(--wine);
  font-size:30px;
  line-height:1.3;
}

.bt-hero p{
  margin:0;
  color:var(--muted);
  line-height:1.8;
}

.bt-grid{
  display:grid;
  grid-template-columns:
    repeat(2,minmax(0,1fr));
  gap:15px;
}

.bt-tool-card{
  padding:22px;
  text-decoration:none;
  transition:
    transform .15s ease,
    box-shadow .15s ease;
}

.bt-tool-card:hover{
  transform:translateY(-2px);
  box-shadow:
    0 10px 30px rgba(77,19,29,.12);
}

.bt-tool-icon{
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:var(--wine);
  color:#fff;
  font-weight:900;
  margin-bottom:13px;
}

.bt-tool-card h2,
.bt-tool-card h3{
  margin:0 0 7px;
  color:var(--wine);
}

.bt-tool-card p{
  margin:0;
  color:var(--muted);
  line-height:1.7;
  font-size:14px;
}

.bt-arrow{
  display:block;
  margin-top:14px;
  color:#9b6a18;
  font-weight:900;
}

.bt-card{
  padding:23px;
  margin-bottom:18px;
}

.bt-card h2{
  margin:0 0 17px;
  color:var(--wine);
  font-size:21px;
}

.bt-form-grid{
  display:grid;
  grid-template-columns:
    repeat(2,minmax(0,1fr));
  gap:14px;
}

.bt-field{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.bt-field label{
  font-size:13px;
  font-weight:800;
  color:#5d4247;
}

.bt-field input,
.bt-field select,
.bt-field textarea{
  width:100%;
  border:1px solid #d9c8ba;
  border-radius:10px;
  background:#fff;
  color:var(--ink);
  font-size:16px;
  padding:11px 12px;
  outline:none;
}

.bt-field textarea{
  min-height:105px;
  resize:vertical;
}

.bt-field input:focus,
.bt-field select:focus,
.bt-field textarea:focus{
  border-color:var(--gold);
  box-shadow:
    0 0 0 3px rgba(200,155,60,.13);
}

.bt-actions{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:18px;
}

.bt-button{
  min-height:42px;
  padding:0 18px;
  border:0;
  border-radius:10px;
  cursor:pointer;
  font-weight:900;
  font-size:14px;
}

.bt-button-primary{
  background:var(--wine);
  color:#fff;
}

.bt-button-secondary{
  background:#f3e8d6;
  color:var(--wine);
}

.bt-result{
  margin-top:18px;
  padding:17px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--cream);
}

.bt-result-title{
  margin:0 0 10px;
  color:var(--wine);
  font-weight:900;
}

.bt-result-grid{
  display:grid;
  grid-template-columns:
    repeat(3,minmax(0,1fr));
  gap:10px;
}

.bt-metric{
  padding:13px;
  background:#fff;
  border:1px solid #eadfce;
  border-radius:10px;
}

.bt-metric span{
  display:block;
  color:var(--muted);
  font-size:12px;
  margin-bottom:4px;
}

.bt-metric strong{
  color:var(--wine);
  font-size:18px;
}

.bt-positive{
  color:var(--good)!important;
}

.bt-negative{
  color:var(--bad)!important;
}

.bt-table-wrap{
  overflow:auto;
  margin-top:14px;
}

.bt-table{
  width:100%;
  border-collapse:collapse;
  min-width:560px;
}

.bt-table th,
.bt-table td{
  padding:10px;
  border-bottom:1px solid #eadfce;
  text-align:right;
  font-size:13px;
}

.bt-table th:first-child,
.bt-table td:first-child{
  text-align:left;
}

.bt-table th{
  background:#f8efe3;
  color:var(--wine);
}

.bt-message{
  line-height:1.7;
  font-size:14px;
}

.bt-seo{
  padding:25px;
  margin-top:18px;
}

.bt-seo h2{
  color:var(--wine);
  margin:0 0 10px;
}

.bt-seo h3{
  color:#6b3039;
  margin:20px 0 7px;
}

.bt-seo p{
  color:#665156;
  line-height:1.85;
}

.bt-footer{
  padding:25px 15px;
  text-align:center;
  border-top:1px solid #e8dccd;
  color:#806b6f;
  font-size:13px;
}

.bt-hidden{
  display:none!important;
}

@media(max-width:720px){

  .bt-header-inner{
    min-height:auto;
    padding:14px 0;
    align-items:flex-start;
    flex-direction:column;
  }

  .bt-brand{
    font-size:20px;
  }

  .bt-main{
    width:calc(100% - 18px);
    margin-top:14px;
  }

  .bt-hero,
  .bt-card,
  .bt-seo{
    padding:18px;
    border-radius:13px;
  }

  .bt-hero h1{
    font-size:24px;
  }

  .bt-grid,
  .bt-form-grid,
  .bt-result-grid{
    grid-template-columns:1fr;
  }

  .bt-tool-card{
    padding:18px;
  }

}