/* KoenigHeineDE — Landing */
.landing{position:relative;min-height:100vh;display:flex;flex-direction:column}

.nav{position:sticky;top:0;z-index:50;padding:var(--s-4) 0;background:rgba(15,20,32,0.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line-soft)}
.nav-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--s-5)}

.info-chip{--chip-accent:var(--cyan);--chip-accent-glow:rgba(79,209,228,0.55);display:inline-flex;align-items:center;gap:var(--s-3);padding:8px 6px 8px 14px;border-radius:var(--r-pill);background:var(--bg-panel);border:1px solid var(--line-soft);color:var(--ivory);font-family:var(--font-body);font-size:0.88rem;font-weight:600;text-decoration:none;cursor:pointer;justify-self:start;transition:border-color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart),transform var(--dur-fast) var(--ease-out-quart)}
.info-chip:hover{border-color:var(--chip-accent);background:var(--bg-raised);transform:translateY(-1px)}
.info-chip-icon{width:16px;height:16px;flex-shrink:0;color:var(--chip-accent)}
.info-chip-label{font-family:var(--font-mono);letter-spacing:-0.01em;color:var(--ivory)}
.info-chip-meta{display:inline-flex;align-items:center;gap:8px;padding:0 4px;color:var(--chip-accent);font-family:var(--font-mono);font-size:0.86rem;font-weight:700;font-feature-settings:"tnum";line-height:1}
.info-chip-meta::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--chip-accent);box-shadow:0 0 10px var(--chip-accent-glow);animation:chipDotPulse 2.4s ease-in-out infinite}
@keyframes chipDotPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(0.65);opacity:0.6}}
.info-chip-discord{--chip-accent:#5865f2;--chip-accent-glow:rgba(88,101,242,0.65);justify-self:end;padding:8px 14px 8px 6px;text-decoration:none}
.info-chip-meta-discord{color:#b3b9ff}

.nav-center{justify-self:center}
.nav-links{display:flex;align-items:center;gap:var(--s-2);list-style:none;margin:0;padding:0}
.nav-links a{display:inline-flex;align-items:center;padding:8px 16px;border-radius:var(--r-pill);color:var(--ivory-muted);font-size:0.96rem;font-weight:500;text-decoration:none;transition:color var(--dur-fast) var(--ease-out-quart),background var(--dur-fast) var(--ease-out-quart)}
.nav-links a:hover{color:var(--ivory);background:rgba(255,255,255,0.04)}
.nav-home a{padding:0 var(--s-3);background:none}
.nav-home a:hover{background:none}
.nav-home img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 0 4px rgba(79,209,228,0.85)) drop-shadow(0 0 12px rgba(79,209,228,0.35));animation:navLogoFloat 5.5s ease-in-out infinite alternate;will-change:transform}
@keyframes navLogoFloat{0%{transform:translateY(-2px) rotate(-2deg)}100%{transform:translateY(2px) rotate(2deg)}}
.nav-home a:hover img{animation-play-state:paused;transform:rotate(-6deg) scale(1.12);transition:transform var(--dur-med) var(--ease-spring)}

.hero{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--s-9) 0 var(--s-8);min-height:calc(100vh - 90px)}
.hero-inner{width:min(1080px,calc(100% - var(--s-6)))}

.hero-title-wordmark{margin:0 0 var(--s-5);line-height:0;position:relative;display:flex;justify-content:center}
.hero-title-wordmark::before{content:"";position:absolute;top:50%;left:50%;width:min(900px,88%);height:160%;background:radial-gradient(ellipse 50% 45% at 50% 50%,rgba(79,209,228,0.22),transparent 72%);filter:blur(45px);pointer-events:none;z-index:0;animation:haloPulse 5s ease-in-out infinite alternate;will-change:transform,opacity;transform:translate(-50%,-50%) scale(1)}
@keyframes haloPulse{0%{opacity:0.5;transform:translate(-50%,-50%) scale(0.94)}100%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}
.hero-title-wordmark img{position:relative;z-index:1;display:block;width:min(1100px,94%);height:auto;margin:0 auto;filter:drop-shadow(0 0 2px rgba(79,209,228,1)) drop-shadow(0 0 6px rgba(79,209,228,0.95)) drop-shadow(0 0 16px rgba(79,209,228,0.75)) drop-shadow(0 0 32px rgba(79,209,228,0.45)) drop-shadow(0 0 60px rgba(79,209,228,0.22))}

.hero-lead{max-width:600px;margin:0 auto var(--s-7);font-size:1.05rem;line-height:1.6;color:var(--ivory-muted);font-weight:400;letter-spacing:0.01em}
.hero-actions{display:flex;flex-wrap:wrap;gap:var(--s-3);justify-content:center;margin-bottom:var(--s-8)}

.btn-hero{--btn-bg:rgba(255,255,255,0.04);--btn-border:rgba(255,255,255,0.14);--btn-color:var(--ivory);--btn-bg-hover:rgba(79,209,228,0.10);min-height:50px;padding:0 var(--s-6);background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--btn-color);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-weight:600;letter-spacing:0.01em;transition:background var(--dur-fast) var(--ease-out-quart),border-color var(--dur-fast) var(--ease-out-quart),color var(--dur-fast) var(--ease-out-quart),transform var(--dur-fast) var(--ease-out-quart)}
.btn-hero:hover{background:var(--btn-bg-hover);border-color:var(--cyan);color:var(--cyan)}
.btn-hero svg{width:16px;height:16px;transition:transform var(--dur-med) var(--ease-out-quart)}
.btn-hero:hover svg{transform:translateX(3px)}
.btn-hero-primary{--btn-bg:rgba(79,209,228,0.12);--btn-border:rgba(79,209,228,0.40);--btn-color:#d6f6fd;--btn-bg-hover:rgba(79,209,228,0.22)}
.btn-hero-primary:hover{border-color:var(--cyan);color:#fff}

.footer{position:relative;z-index:1;padding:var(--s-6) 0;border-top:1px solid var(--line-soft);background:rgba(5,4,7,0.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-4);font-size:var(--fs-small);color:var(--ivory-faint)}
.footer a{color:var(--ivory-muted)}
.footer a:hover{color:var(--gold)}

@media (max-width:1080px){.nav-inner{grid-template-columns:auto auto auto}.info-chip-label{display:none}.info-chip{padding:8px 12px}}
@media (max-width:880px){.nav-inner{grid-template-columns:1fr auto 1fr;gap:var(--s-3)}.nav-links li:not(.nav-home){display:none}.hero{padding:var(--s-7) 0}}
@media (max-width:540px){.nav{padding:10px 0}.nav-home img{width:44px;height:44px}.hero-actions .btn{flex:1}}
@media (max-width:980px){.hero-title-wordmark img{width:92%}}
@media (max-width:620px){.hero-title-wordmark img{width:96%}}
@media (prefers-reduced-motion: reduce){
  .info-chip-meta::before{animation:none}
  .nav-home img{animation:none}
  .hero-title-wordmark::before{animation:none}
}