/* WELLE 4 - Mobile-first + Tablet + Tools */

/* ===== #069 Scroll-Indicator (Mobile) ===== */
.w4-scroll-i{
  position:fixed;bottom:14px;left:50%;transform:translateX(-50%);
  width:32px;height:32px;border-radius:50%;
  background:rgba(0,245,255,.1);
  border:1px solid rgba(0,245,255,.3);
  color:#00f5ff;
  display:none;align-items:center;justify-content:center;
  z-index:80;cursor:pointer;
  animation:w4Bounce 1.6s infinite;
  font-size:14px
}
@keyframes w4Bounce{
  0%,100%{transform:translateX(-50%) translateY(0)}
  50%{transform:translateX(-50%) translateY(-8px)}
}
@media (max-width:980px){
  body.w4-can-scroll .w4-scroll-i{display:flex}
}

/* ===== #084 Bottom-Tab-Bar (Mobile) ===== */
.w4-bottom-tabs{
  display:none;
  position:fixed;bottom:0;left:0;right:0;
  background:rgba(10,10,20,.96);
  backdrop-filter:blur(24px);
  border-top:1px solid rgba(255,255,255,.06);
  padding:6px 4px;
  padding-bottom:max(6px, env(safe-area-inset-bottom));
  z-index:75;
  justify-content:space-around;align-items:center
}
@media (max-width:980px){
  .w4-bottom-tabs{display:flex}
  body{padding-bottom:64px}
  /* Bubble hochschieben */
  .azn-bub-btn{bottom:80px !important}
}
.w4-tab{
  flex:1;display:flex;flex-direction:column;align-items:center;
  gap:2px;padding:8px 4px;border-radius:10px;
  background:none;border:none;cursor:pointer;
  color:rgba(245,245,247,.5);
  font-family:-apple-system,'Inter',sans-serif;
  transition:all .2s;text-decoration:none
}
.w4-tab:active,.w4-tab:hover{color:#fff;background:rgba(255,255,255,.04)}
.w4-tab.on{color:#00f5ff}
.w4-tab-i{font-size:20px;line-height:1}
.w4-tab-l{font-size:9px;font-weight:600;letter-spacing:.04em}

/* ===== #092 Tablet-Breakpoint ===== */
@media (min-width:768px) and (max-width:1024px){
  .dash{grid-template-columns:220px minmax(0,1fr) !important}
  .pd-stats{grid-template-columns:repeat(3,1fr) !important}
  .pd-cta-grid{grid-template-columns:repeat(2,1fr) !important}
}

/* ===== #099 Browser Zoom Support ===== */
html{font-size:100%}
@media (min-resolution:2dppx){
  body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
}

/* ===== #185 Pricing Vergleichstabelle ===== */
.w4-pricing{margin:48px 0;padding:0;overflow-x:auto}
.w4-pricing table{
  width:100%;border-collapse:collapse;
  font-family:-apple-system,'Inter',sans-serif;
  min-width:600px
}
.w4-pricing th,.w4-pricing td{
  padding:14px 18px;text-align:center;
  border-bottom:1px solid rgba(255,255,255,.06);
  font-size:13.5px;color:rgba(245,245,247,.85)
}
.w4-pricing th{
  background:rgba(20,20,32,.7);font-weight:700;color:#fff;
  font-size:14px;border-bottom:2px solid rgba(0,245,255,.3)
}
.w4-pricing th:first-child,.w4-pricing td:first-child{
  text-align:left;font-weight:500;color:rgba(245,245,247,.75)
}
.w4-pricing .yes{color:#aaff00;font-weight:700;font-size:16px}
.w4-pricing .no{color:rgba(245,245,247,.25);font-weight:500;font-size:16px}
.w4-pricing tr.head td{
  padding-top:24px;font-weight:800;font-size:18px;color:#fff;
  background:linear-gradient(135deg,rgba(0,245,255,.05),rgba(139,92,246,.03))
}
.w4-pricing .price{
  font-family:-apple-system,'SF Pro Display','Inter',sans-serif;
  font-weight:800;font-size:24px;letter-spacing:-.02em;
  background:linear-gradient(135deg,#00f5ff,#ff006e);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  display:block;margin-top:4px
}
.w4-pricing .price small{
  font-size:11px;color:rgba(245,245,247,.5);
  font-weight:500;display:block;margin-top:2px
}
.w4-pricing tr.cta td{padding-top:18px;padding-bottom:18px}
.w4-pricing tr.cta .btn{display:block;width:100%}
.w4-pricing td.best{
  background:linear-gradient(135deg,rgba(0,245,255,.04),rgba(139,92,246,.02));
  position:relative
}
.w4-pricing th.best::before{
  content:"EMPFOHLEN";
  position:absolute;top:-12px;left:50%;transform:translateX(-50%);
  padding:4px 10px;border-radius:999px;
  background:linear-gradient(135deg,#00f5ff,#ff006e);
  color:#070710;font-size:9px;font-weight:800;
  letter-spacing:.15em;font-family:'JetBrains Mono',monospace
}
.w4-pricing th.best{position:relative}

/* ===== #114 KaTeX Math ===== */
.w4-math{
  font-family:'Times New Roman','Latin Modern Math',serif;
  font-style:italic;
  display:inline-block;
  padding:2px 6px;
  background:rgba(0,245,255,.05);
  border-radius:4px;
  font-size:1.05em
}
.w4-math-block{
  display:block;text-align:center;
  margin:18px 0;padding:18px;
  background:rgba(20,20,32,.5);
  border-left:3px solid #00f5ff;
  border-radius:0 12px 12px 0;
  font-size:1.1em
}

/* ===== #129 Markdown ===== */
.w4-md p{margin:0 0 12px;line-height:1.65}
.w4-md ul,.w4-md ol{margin:0 0 12px;padding-left:22px;line-height:1.7}
.w4-md code{
  font-family:'JetBrains Mono','SF Mono',monospace;
  background:rgba(0,245,255,.08);
  padding:2px 6px;border-radius:4px;
  font-size:.9em;color:#00f5ff
}
.w4-md pre{
  background:rgba(20,20,32,.8);
  border:1px solid rgba(255,255,255,.06);
  border-radius:10px;
  padding:14px 18px;overflow-x:auto;margin:14px 0
}
.w4-md pre code{
  background:none;padding:0;color:rgba(245,245,247,.9);font-size:13px
}
.w4-md blockquote{
  border-left:3px solid #00f5ff;
  padding:8px 16px;margin:14px 0;
  background:rgba(0,245,255,.03);
  color:rgba(245,245,247,.75);font-style:italic
}
.w4-md strong{color:#fff;font-weight:700}
.w4-md em{font-style:italic;color:rgba(245,245,247,.9)}

/* ===== Demo-Modus Badge ===== */
.w4-demo-badge{
  position:fixed;top:90px;left:50%;transform:translateX(-50%);
  padding:8px 18px;border-radius:999px;
  background:linear-gradient(135deg,#ffb800,#ff006e);
  color:#070710;font-family:'JetBrains Mono',monospace;
  font-size:11px;font-weight:800;letter-spacing:.15em;
  text-transform:uppercase;z-index:90;
  display:none;align-items:center;gap:8px;
  box-shadow:0 10px 30px -8px rgba(255,184,0,.5)
}
body.w4-demo .w4-demo-badge{display:flex}