.tippek-page{display:block}

.tippek-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,0.8fr);gap:var(--space-5);align-items:center}
.tippek-hero-text{max-width:560px}
.tippek-hero-lead{max-width:60ch}
.tippek-hero-media img{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}
.tippek-cta{margin-top:var(--space-3)}

.tippek-why-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);text-align:center}
.tippek-why-card{max-width:520px;margin-inline:auto}

.tippek-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.tippek-card{min-width:0}

.tippek-heroes-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,0.8fr);gap:var(--space-5);align-items:center}
.tippek-heroes-text{max-width:58ch}
.tippek-heroes-media img{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}

.tippek-economy .tippek-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}

.tippek-alliance-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,0.8fr);gap:var(--space-5);align-items:center}
.tippek-alliance-text{max-width:58ch}
.tippek-alliance-media img{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}

.tippek-mistakes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}

.tippek-faq-inner{max-width:640px;margin-inline:auto}
.tippek-accordion{display:flex;flex-direction:column;gap:var(--space-3)}
.tippek-acc-btn{width:100%;text-align:left;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-surface-glass);border:var(--border-glass);font-weight:700}
.tippek-acc-panel{display:none;padding:var(--space-3)}
.tippek-acc-item.active .tippek-acc-panel{display:block}

.tippek-cta-box{max-width:520px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}

@media (max-width:900px){
  .tippek-hero-grid{grid-template-columns:1fr}
  .tippek-heroes-grid{grid-template-columns:1fr}
  .tippek-alliance-grid{grid-template-columns:1fr}
  .tippek-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:600px){
  .tippek-card-grid{grid-template-columns:1fr}
  .tippek-mistakes-grid{grid-template-columns:1fr}
}