.title { font-family: 'MedievalSharp', cursive; font-size: clamp(42px,8vw,78px); margin: 0 0 12px; text-shadow: 0 4px 12px #000; }
.lead { font-size: clamp(16px,2vw,20px); line-height: 1.65; color: #e1e1e1; text-shadow: 0 2px 8px #000; margin: 0; }
.status { margin-top: 18px; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: #ddd; }
.tile {
  min-height: 210px; padding: 25px; border: 1px solid rgba(255,255,255,var(--tile-border-opacity));
  border-radius: var(--tile-radius); background: rgba(5,12,8,var(--tile-opacity)); backdrop-filter: blur(var(--tile-blur));
  box-shadow: 0 12px 40px rgba(0,0,0,.35); text-decoration: none; color: #fff; display: flex; flex-direction: column; justify-content: flex-end; transition: .22s;
}
.tile:hover { transform: translateY(-3px); background: rgba(10,20,12,var(--tile-hover-opacity)); border-color: rgba(255,255,255,.55); }
.icon { font-size: 42px; margin-bottom: auto; opacity: .9; }
.tile h2 { font-size: 21px; margin: 20px 0 8px; }
.tile p { font-size: 14px; line-height: 1.45; color: #ddd; margin: 0; }
.arrow { font-size: 27px; align-self: flex-end; margin-top: 12px; }
.section { margin-top: 26px; padding: 30px; border: 1px solid rgba(255,255,255,var(--section-border-opacity)); border-radius: 18px; background: rgba(0,0,0,var(--section-opacity)); backdrop-filter: blur(var(--section-blur)); }
.section h2 { font-family: 'MedievalSharp', cursive; font-size: 32px; margin: 0 0 16px; }
.section p { line-height: 1.7; color: #ddd; }
.download { display: inline-block; margin-top: 10px; padding: 11px 18px; border: 1px solid rgba(255,255,255,.35); border-radius: 9px; color: #fff; text-decoration: none; background: rgba(255,255,255,.08); }
.lang { position: fixed; right: 18px; top: 16px; z-index: 20; background: rgba(0,0,0,var(--language-opacity)); color: #fff; border: 1px solid rgba(255,255,255,.25); border-radius: 8px; padding: 8px; }