.page-template-page-app .hero{ padding:24px 0 8px; }
.page-template-page-app .hero-head{
  display:grid; gap:14px; justify-items:center; text-align:center;
}
.page-template-page-app .hero-logo{ width:96px; height:auto; }
.page-template-page-app .hero-actions{
  margin: -10px 0 10px;
  display:flex; justify-content:center;
}
.page-template-page-app .hero-actions .btn-download{
  display:inline-flex; align-items:center; gap:8px;
  padding:16px 16px; 
  border-radius:999px;
  background:var(--brand); color:#fff;
  text-decoration:none; font-weight:700; line-height:1.15;
}
.page-template-page-app .toc{
  position:relative;
  margin:18px 0 0;
  padding:18px 14px 12px 14px; 
  background:#fff;
  border:1px solid rgba(0,0,0,.16);
  border-radius:12px;
  box-shadow:0 6px 18px rgba(0,0,0,.05);
}
.page-template-page-app .toc .toc-title{
  position:absolute; top:0; left:0;
  transform:translate(10px, -50%);
  display:inline-block;
  padding:2px 8px;
  font-size:12px; line-height:1.2; font-weight:700;
  color:#fff; background:var(--brand);
  border-radius:6px;
  box-shadow:0 2px 8px rgba(0,0,0,.12);
}
.page-template-page-app .toc ul{ margin:0; padding-left:16px; }
.page-template-page-app .toc li{ margin:6px 0; }
.page-template-page-app .toc a{
  color:var(--text); text-decoration:none;
  border-bottom:1px dashed transparent;
  transition:color .15s ease, border-color .15s ease, padding-left .15s ease;
}
.page-template-page-app .toc a:hover{
  color:var(--brand);
  border-color:color-mix(in srgb, var(--brand) 40%, #000 0%);
  padding-left:2px;
}
@media (max-width:480px){
  .page-template-page-app .toc{ padding:16px 12px 10px 12px; }
  .page-template-page-app .toc .toc-title{
    transform:translate(8px, -50%);
    font-size:11px; padding:2px 7px;
  }
}
.page-template-page-app .hero-cards{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap:12px; margin:16px 0 0;
}
@media (min-width:768px){
  .page-template-page-app .hero-cards{
    grid-template-columns: repeat(3, minmax(0,1fr));
  }
}

.page-template-page-app .hero-card{
  display:flex; align-items:center; gap:12px;
  background:#fff; border:1px solid rgba(0,0,0,.06);
  border-radius:12px; padding:12px 14px;
  box-shadow:0 1px 8px rgba(0,0,0,.05);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.page-template-page-app .hero-card:hover,
.page-template-page-app .hero-card:focus-within{
  transform:translateY(-2px);
  box-shadow:0 6px 20px rgba(0,0,0,.10);
  border-color:rgba(0,0,0,.10);
}
.page-template-page-app .hero-ico{
  flex:0 0 40px; width:40px; height:40px; border-radius:999px;
  display:grid; place-items:center;
  background:linear-gradient(180deg, color-mix(in srgb, var(--brand) 16%, #fff) 0%, #fff 100%);
  border:1px solid color-mix(in srgb, var(--brand) 26%, #000);
}
.page-template-page-app .hero-ico svg{
  width:20px; height:20px; display:block; fill:var(--brand);
}
.page-template-page-app .hero-txt{ min-width:0; }
.page-template-page-app .hero-txt .k{
  display:block; font-size:12px; line-height:1.2; color:var(--muted); letter-spacing:.2px;
}
.page-template-page-app .hero-txt .v{
  display:block; font-weight:700; line-height:1.25; font-size:15px; color:var(--text);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.page-template-page-app .hero-card[role="button"]{ cursor:pointer; }
.page-template-page-app .hero-card:focus-within{
  outline:2px solid color-mix(in srgb, var(--brand) 40%, #000);
  outline-offset:2px;
}
.page-template-page-app .hero-card.is-accent .hero-ico{
  background:var(--brand); border-color:var(--brand);
}
.page-template-page-app .hero-card.is-accent .hero-ico svg{ fill:#fff; }
.page-template-page-app .facts-wrap{
  background:#fff;
  border:4px solid var(--brand);  
  border-radius:16px;
  padding:16px;
  margin-top:12px;       
  box-shadow:0 6px 18px rgba(0,0,0,.05);
  overflow:hidden;
}
.page-template-page-app .facts-title{
  font-size:13px; line-height:1.2; font-weight:700; color:var(--muted); letter-spacing:.2px;
  margin:2px 0 6px;
}
.page-template-page-app .facts-wrap .hero-cards{ margin-top:4px; }
.page-template-page-app .facts-wrap .hero-card{ box-shadow:0 1px 6px rgba(0,0,0,.04); }
.page-template-page-app .facts-wrap .hero-card:hover,
.page-template-page-app .facts-wrap .hero-card:focus-within{ box-shadow:0 4px 14px rgba(0,0,0,.08); }
@media (max-width:420px){
  .page-template-page-app .facts-wrap{ padding:14px; }
}
@media (max-width:480px){
  .page-template-page-app .hero-cards{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap:10px;
  }
  .page-template-page-app .hero-card{ padding:10px 12px; border-radius:10px; }
  .page-template-page-app .hero-ico