/* BE-TECH Digital Forensic Page Additional CSS
   Use with the common BE-TECH CSS already registered.
*/
.btf-page .bt-nav a.is-active:after{background:#38d6ff}
.btf-cta,
.btf-btn{
  background:linear-gradient(135deg,#38d6ff,#7aa7ff)!important;
  color:#06101f!important;
  border-color:#38d6ff!important;
  box-shadow:0 14px 30px rgba(56,214,255,.24)!important;
}
.btf-breadcrumb{font-size:13px;font-weight:800;color:#cbf8ff;margin-bottom:14px}
.btf-breadcrumb a{color:#fff;text-decoration:underline;text-underline-offset:4px}

.btf-hero{
  position:relative;
  color:#fff;
  background:
    radial-gradient(circle at 76% 22%,rgba(56,214,255,.28),transparent 32%),
    radial-gradient(circle at 14% 82%,rgba(122,167,255,.20),transparent 30%),
    linear-gradient(135deg,#06101f 0%,#092342 54%,#0a1327 100%);
  overflow:hidden;
  border-bottom:1px solid rgba(56,214,255,.18);
}
.btf-hero:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.34;
  background-image:
    linear-gradient(120deg,rgba(255,255,255,.06) 1px,transparent 1px),
    radial-gradient(circle,rgba(56,214,255,.42) 1px,transparent 1.8px);
  background-size:104px 104px,62px 62px;
}
.btf-hero-inner{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:44px;
  align-items:center;
  padding:68px 24px 64px;
}
.btf-label{
  display:inline-flex;
  margin:0 0 12px;
  padding:7px 12px;
  border:1px solid rgba(56,214,255,.40);
  border-radius:999px;
  background:rgba(56,214,255,.13);
  color:#cbf8ff;
  font-size:12px;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.btf-hero h1{
  font-size:42px;
  line-height:1.34;
  margin:0 0 20px;
  font-weight:950;
  text-shadow:0 14px 30px rgba(0,0,0,.34);
}
.btf-hero h1 span{color:#9beeff}
.btf-lead{
  font-size:15.5px;
  line-height:2;
  margin:0 0 20px;
  color:#edf9ff;
  font-weight:750;
}
.btf-badges{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 26px}
.btf-badges span{
  display:inline-flex;
  padding:7px 10px;
  border-radius:8px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.16);
  font-size:12px;
  font-weight:900;
  color:#fff;
}

/* Visual */
.btf-visual{display:flex;justify-content:center}
.btf-console{
  width:min(100%,540px);
  border:1px solid rgba(56,214,255,.25);
  border-radius:22px;
  padding:22px;
  background:linear-gradient(145deg,rgba(7,25,42,.96),rgba(22,57,96,.82));
  box-shadow:0 28px 70px rgba(0,0,0,.36),inset 0 0 0 1px rgba(255,255,255,.05);
}
.btf-console-head{display:flex;align-items:center;gap:8px;margin-bottom:18px;color:#f0fbff}
.btf-console-head strong{margin-right:auto;font-size:13px}
.btf-console-head span{width:9px;height:9px;border-radius:50%;background:#38d6ff}
.btf-console-head span:nth-child(3){background:#7aa7ff}
.btf-console-head span:nth-child(4){background:#20c5b5}
.btf-evidence-panel{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:14px;
  padding:18px;
  border-radius:18px;
  background:#06111f;
  border:1px solid rgba(56,214,255,.22);
  margin-bottom:14px;
}
.btf-drive{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:140px;
  border-radius:16px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
}
.btf-drive span{
  width:64px;
  height:48px;
  border-radius:10px;
  background:linear-gradient(180deg,#7aa7ff,#38d6ff);
  display:block;
  margin-bottom:12px;
  position:relative;
}
.btf-drive span:after{content:"";position:absolute;left:12px;right:12px;bottom:9px;height:5px;border-radius:99px;background:#06101f}
.btf-drive b{font-size:12px;color:#fff}
.btf-drive em{font-style:normal;color:#9beeff;font-size:10px;font-weight:950;margin-top:6px}
.btf-hash{
  align-self:center;
  padding:18px;
  border-radius:16px;
  background:rgba(56,214,255,.08);
  border:1px solid rgba(56,214,255,.20);
}
.btf-hash small{display:block;color:#cbf8ff;font-weight:950;margin-bottom:8px}
.btf-hash code{color:#fff;font-weight:900;font-size:13px;word-break:break-all}
.btf-log-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.btf-log-list div{
  padding:14px;
  border-radius:14px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);
}
.btf-log-list b{display:block;color:#fff;font-size:13px;margin-bottom:6px}
.btf-log-list span{display:block;color:#d7eef6;font-size:11.5px;font-weight:800}

/* Common title */
.btf-section-title{
  text-align:center;
  font-size:30px;
  line-height:1.35;
  margin:0 0 30px;
  color:#0b2b4c;
  font-weight:950;
}
.btf-section-title:after{
  content:"";
  display:block;
  width:72px;
  height:2px;
  margin:12px auto 0;
  background:linear-gradient(90deg,transparent,#38d6ff,transparent);
}

/* Definition */
.btf-definition{padding:48px 0;background:#fff}
.btf-definition-box{
  display:grid;
  grid-template-columns:1fr .9fr;
  gap:28px;
  align-items:center;
  padding:32px;
  border-radius:22px;
  background:linear-gradient(135deg,#f7fbff,#eef8ff);
  border:1px solid #dcebf5;
  box-shadow:0 14px 34px rgba(7,37,67,.07);
}
.btf-definition h2{margin:0 0 12px;color:#0b2b4c;font-size:30px;font-weight:950}
.btf-definition p{margin:0;color:#465f76;font-weight:760;line-height:1.95}
.btf-definition-points{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.btf-definition-points span{
  padding:14px;
  border-radius:14px;
  background:#fff;
  border:1px solid #dce7f2;
  color:#0b2b4c;
  font-weight:950;
  text-align:center;
}

/* Risks */
.btf-risks{padding:58px 0;background:#f5f9fd}
.btf-risk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.btf-risk-grid article{
  padding:24px 20px;
  border-radius:18px;
  background:#fff;
  border:1px solid #dce7f2;
  box-shadow:0 12px 28px rgba(7,37,67,.06);
}
.btf-risk-grid span{
  display:flex;
  width:48px;
  height:48px;
  border-radius:15px;
  align-items:center;
  justify-content:center;
  color:#06101f;
  font-size:14px;
  font-weight:950;
  background:linear-gradient(135deg,#38d6ff,#7aa7ff);
  margin-bottom:12px;
}
.btf-risk-grid h3{margin:0 0 8px;color:#0b2b4c;font-size:18px;font-weight:950}
.btf-risk-grid p{margin:0;color:#506a80;font-size:13px;font-weight:750}

/* Services */
.btf-services{padding:58px 0;background:#fff}
.btf-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.btf-service-card{
  padding:26px 22px;
  border-radius:20px;
  background:#f8fbff;
  border:1px solid #dce7f2;
  box-shadow:0 16px 40px rgba(10,32,55,.08);
}
.btf-service-icon{
  display:inline-flex;
  width:58px;
  height:58px;
  border-radius:16px;
  align-items:center;
  justify-content:center;
  color:#06101f;
  font-size:13px;
  font-weight:950;
  background:linear-gradient(135deg,#38d6ff,#7aa7ff);
  box-shadow:0 12px 26px rgba(56,214,255,.18);
  margin-bottom:14px;
}
.btf-service-card h3{margin:0 0 8px;color:#0b2b4c;font-size:21px;font-weight:950}
.btf-service-card p{margin:0;color:#506a80;font-size:13.5px;font-weight:760}

/* Targets */
.btf-targets{padding:58px 0;background:linear-gradient(135deg,#06101f,#092342);color:#fff}
.btf-targets-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center}
.btf-targets h2{margin:0 0 14px;font-size:31px;line-height:1.38;font-weight:950}
.btf-targets p{margin:0;color:#e7f7ff;font-weight:760}
.btf-target-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.btf-target-card-grid article{
  padding:22px;
  border-radius:18px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.15);
}
.btf-target-card-grid h3{margin:0 0 12px;color:#9beeff;font-weight:950}
.btf-target-card-grid ul{margin:0;padding-left:20px;color:#fff;font-size:13px;font-weight:820}
.btf-target-card-grid li{margin:8px 0}

/* Cases */
.btf-cases{padding:58px 0;background:#f5f9fd}
.btf-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.btf-case-grid article{
  padding:24px 20px;
  border-radius:18px;
  background:#fff;
  border:1px solid #dce7f2;
  box-shadow:0 12px 28px rgba(7,37,67,.06);
}
.btf-case-no{display:inline-flex;margin:0 0 12px;padding:6px 10px;border-radius:999px;background:#eef8ff;color:#0b87a7;font-weight:950;font-size:12px}
.btf-case-grid h3{margin:0 0 10px;color:#0b2b4c;font-size:18px;font-weight:950}
.btf-case-grid p:not(.btf-case-no){margin:0;color:#506a80;font-size:13px;font-weight:760}

/* Flow */
.btf-flow{padding:58px 0;background:#fff}
.btf-flow-lead{max-width:900px;margin:0 auto 28px;text-align:center;color:#506a80;font-weight:780}
.btf-flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.btf-flow-grid div{
  padding:24px 18px;
  border-radius:18px;
  background:#f8fbff;
  border:1px solid #dce7f2;
  position:relative;
}
.btf-flow-grid b{display:block;color:#0b87a7;font-weight:950;margin-bottom:8px}
.btf-flow-grid span{display:block;color:#0b2b4c;font-size:19px;font-weight:950;margin-bottom:8px}
.btf-flow-grid p{margin:0;color:#506a80;font-size:13px;font-weight:760}

/* Fee */
.btf-fee{padding:58px 0;background:linear-gradient(180deg,#f8fbff,#eef8ff)}
.btf-fee-formula{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;
  gap:10px;
  align-items:center;
  margin-bottom:28px;
}
.btf-fee-formula div{
  min-height:108px;
  padding:16px;
  border-radius:18px;
  background:#fff;
  border:1px solid #dce7f2;
  box-shadow:0 12px 28px rgba(7,37,67,.06);
  text-align:center;
}
.btf-fee-formula div.total{
  background:linear-gradient(135deg,#06101f,#092342);
  color:#fff;
  border-color:#38d6ff;
}
.btf-fee-formula span{display:block;color:#0b87a7;font-size:22px;font-weight:950}
.btf-fee-formula b{display:block;color:#0b2b4c;font-size:16px;font-weight:950;margin:4px 0}
.btf-fee-formula div.total b{color:#fff}
.btf-fee-formula em{font-style:normal;color:#63788a;font-size:12px;font-weight:900}
.btf-fee-formula div.total em{color:#cbf8ff}
.btf-fee-formula i{font-style:normal;color:#0b87a7;font-weight:950;font-size:24px}
.btf-price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.btf-price-grid article{
  padding:22px 18px;
  border-radius:18px;
  background:#fff;
  border:1px solid #dce7f2;
  box-shadow:0 12px 28px rgba(7,37,67,.06);
}
.btf-price-grid h3{margin:0 0 12px;color:#0b2b4c;font-size:18px;font-weight:950}
.btf-price-grid ul{margin:0;padding-left:20px;color:#20364b;font-size:13px;font-weight:820}
.btf-price-grid li{margin:8px 0}
.btf-note{margin:22px auto 0;max-width:900px;text-align:center;color:#506a80;font-size:13px;font-weight:760}

/* Emergency */
.btf-emergency{padding:58px 0;background:linear-gradient(135deg,#06101f,#092342);color:#fff}
.btf-emergency-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center}
.btf-emergency h2{margin:0 0 14px;font-size:31px;line-height:1.38;font-weight:950}
.btf-emergency p{margin:0;color:#e7f7ff;font-weight:760}
.btf-emergency-points{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.btf-emergency-points article{
  padding:18px 14px;
  border-radius:18px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.15);
  text-align:center;
}
.btf-emergency-points b{display:block;color:#9beeff;font-size:22px;margin-bottom:8px}
.btf-emergency-points span{font-size:12px;font-weight:900}

/* Caution */
.btf-caution{padding:56px 0;background:#fff}
.btf-caution-box{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
  align-items:center;
  padding:32px;
  border-radius:22px;
  background:#f6fbff;
  border:1px solid #dcebf5;
}
.btf-caution h2{margin:0 0 12px;font-size:29px;line-height:1.45;font-weight:950;color:#0b2b4c}
.btf-caution p{margin:0;color:#465f76;font-weight:760}
.btf-caution ul{margin:0;padding-left:20px;color:#20364b;font-size:13px;font-weight:850}
.btf-caution li{margin:8px 0}

@media (max-width:1100px){
  .btf-hero-inner,
  .btf-definition-box,
  .btf-targets-inner,
  .btf-emergency-inner,
  .btf-caution-box{grid-template-columns:1fr}
  .btf-risk-grid,
  .btf-service-grid,
  .btf-case-grid{grid-template-columns:repeat(2,1fr)}
  .btf-flow-grid{grid-template-columns:repeat(2,1fr)}
  .btf-fee-formula{grid-template-columns:1fr;gap:8px}
  .btf-fee-formula i{text-align:center}
  .btf-price-grid{grid-template-columns:repeat(2,1fr)}
  .btf-emergency-points{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:780px){
  .btf-hero-inner{padding:42px 18px}
  .btf-hero h1{font-size:30px}
  .btf-evidence-panel,
  .btf-log-list,
  .btf-definition-points,
  .btf-risk-grid,
  .btf-service-grid,
  .btf-target-card-grid,
  .btf-case-grid,
  .btf-flow-grid,
  .btf-price-grid,
  .btf-emergency-points{grid-template-columns:1fr}
  .btf-section-title{font-size:24px}
  .btf-definition-box,
  .btf-caution-box{padding:24px 20px!important}
}

@media (max-width:460px){
  .btf-hero h1{font-size:27px}
}