/* Hero full-width overrides */
.pg-main { width: 100%; }
.pg-hero { width: 100%; min-height: 100dvh; align-self: stretch; }
.pg-hero__inner {
  width: 100%; max-width: 100%; border-radius: 0; margin: 0;
  padding: 3rem clamp(1.8rem, 6vw, 7rem) 3.8rem;
  background: linear-gradient(to top, rgba(6,9,13,.92) 0%, rgba(6,9,13,.52) 52%, transparent 88%);
}
html[data-theme="light"] .pg-hero__inner {
  background: linear-gradient(to top, rgba(6,9,13,.88) 0%, rgba(6,9,13,.45) 52%, transparent 88%);
}
.pg-hero__veil { background: linear-gradient(to bottom, rgba(6,9,13,.08) 0%, rgba(6,9,13,.02) 32%, rgba(6,9,13,.45) 62%, rgba(6,9,13,.92) 100%); }
.community-hero__media{overflow:hidden;background:rgb(6,9,13);isolation:isolate}.community-hero__media::after{content:"";position:absolute;inset:-20%;z-index:3;pointer-events:none;background:linear-gradient(112deg,transparent 28%,rgba(255,255,255,.10) 46%,transparent 58%);mix-blend-mode:screen;opacity:.18;transform:translateX(-28%) rotate(5deg);animation:communityHeroSheen 14s ease-in-out infinite}.community-hero__img{z-index:0;opacity:.62;transform:scale(1.045) translate3d(-1.8%,-.8%,0);transform-origin:50% 45%;animation:communityHeroDrift 22s cubic-bezier(.45,0,.2,1) infinite alternate;will-change:transform,filter}.community-hero__focus{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 54% 44%,transparent 0 30%,rgba(6,9,13,.20) 58%,rgba(6,9,13,.48) 100%);opacity:.72;animation:communityHeroFocus 12s ease-in-out infinite alternate}.community-hero__wash{position:absolute;inset:-14%;z-index:2;pointer-events:none;mix-blend-mode:screen;filter:blur(26px);will-change:transform,opacity}.community-hero__wash--green{background:radial-gradient(circle at 28% 66%,rgba(112,176,98,.38),transparent 32%);opacity:.44;animation:communityHeroGreen 9s ease-in-out infinite alternate}.community-hero__wash--violet{background:radial-gradient(circle at 72% 34%,rgba(167,139,250,.38),transparent 30%);opacity:.52;animation:communityHeroViolet 11s ease-in-out infinite alternate}.community-hero__signal{position:absolute;z-index:3;width:clamp(180px,24vw,420px);height:2px;border-radius:99px;background:linear-gradient(90deg,transparent,rgba(112,176,98,.72),rgba(167,139,250,.64),transparent);filter:drop-shadow(0 0 10px rgba(112,176,98,.46)) drop-shadow(0 0 18px rgba(167,139,250,.34));opacity:0;transform-origin:50% 50%;animation:communityHeroSignal 8s ease-in-out infinite}.community-hero__signal--one{left:13%;top:69%;transform:rotate(-12deg) translateX(-34%);animation-delay:.4s}.community-hero__signal--two{left:58%;top:31%;transform:rotate(10deg) translateX(-34%);animation-delay:2.7s}.community-hero__signal--three{left:34%;top:49%;transform:rotate(22deg) translateX(-34%);animation-delay:5s}.community-hero__glint{position:absolute;z-index:4;width:7px;height:7px;border-radius:50%;background:rgba(240,255,232,.95);box-shadow:0 0 14px rgba(112,176,98,.9),0 0 28px rgba(167,139,250,.7);opacity:0;animation:communityHeroGlint 6.8s ease-in-out infinite}.community-hero__glint--one{left:29%;top:63%;animation-delay:1.1s}.community-hero__glint--two{left:70%;top:38%;animation-delay:3.2s}.community-hero__glint--three{left:49%;top:54%;animation-delay:5.4s}html[data-theme="light"] .community-hero__img{opacity:.66}html[data-theme="light"] .community-hero__wash--green{opacity:.52}html[data-theme="light"] .community-hero__wash--violet{opacity:.30}@keyframes communityHeroDrift{0%{transform:scale(1.045) translate3d(-1.8%,-.8%,0);filter:saturate(1.02)}45%{transform:scale(1.065) translate3d(.2%,-1.4%,0);filter:saturate(1.08)}100%{transform:scale(1.078) translate3d(1.5%,.6%,0);filter:saturate(1.04)}}@keyframes communityHeroFocus{0%{opacity:.62;transform:scale(1)}100%{opacity:.78;transform:scale(1.035)}}@keyframes communityHeroGreen{0%{opacity:.30;transform:translate3d(-1.5%,1%,0) scale(1)}100%{opacity:.58;transform:translate3d(2%,-1.5%,0) scale(1.1)}}@keyframes communityHeroViolet{0%{opacity:.32;transform:translate3d(2%,-1%,0) scale(1)}100%{opacity:.62;transform:translate3d(-1.6%,1.4%,0) scale(1.12)}}@keyframes communityHeroSignal{0%,18%,100%{opacity:0;clip-path:inset(0 100% 0 0)}34%{opacity:.75;clip-path:inset(0 0 0 0)}54%{opacity:.16;clip-path:inset(0 0 0 100%)}}@keyframes communityHeroGlint{0%,72%,100%{opacity:0;transform:scale(.4)}78%{opacity:.95;transform:scale(1.35)}88%{opacity:.25;transform:scale(.8)}}@keyframes communityHeroSheen{0%,58%,100%{opacity:0;transform:translateX(-28%) rotate(5deg)}72%{opacity:.18;transform:translateX(28%) rotate(5deg)}}@media (prefers-reduced-motion:reduce){.community-hero__img,.community-hero__wash,.community-hero__focus,.community-hero__signal,.community-hero__glint,.community-hero__media::after{animation:none}}

/* Hero card: match Care / Systems */
html[data-world="community"] .pg-hero__inner {
  position: relative;
  z-index: 10;
  width: min(880px, calc(100% - 3.2rem));
  max-width: none;
  margin: 0 auto 4rem;
  padding: 2.2rem 2.6rem 2.4rem;
  border-radius: 22px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(6, 9, 13, 0.7);
  backdrop-filter: blur(24px) saturate(1.1);
  -webkit-backdrop-filter: blur(24px) saturate(1.1);
  box-shadow: 0 22px 64px rgba(0, 0, 0, 0.45), 0 0 42px rgba(112, 176, 98, 0.08);
  text-align: left;
}
html[data-theme="light"][data-world="community"] .pg-hero__inner {
  background: rgba(255, 255, 255, 0.9);
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: 0 22px 64px rgba(0, 0, 0, 0.12), 0 0 34px rgba(112, 176, 98, 0.08);
}
html[data-world="community"] .pg-hero__brand {
  align-items: flex-start;
  gap: 0.85rem;
  margin-bottom: 1.2rem;
}
html[data-world="community"] .pg-hero__h1 {
  font-size: clamp(1.7rem, 4vw, 3.2rem);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1.08;
}
html[data-world="community"] .pg-hero__lead {
  max-width: 640px;
  margin: 0 0 1.6rem;
  color: rgba(240, 246, 255, 0.7);
}
html[data-theme="light"][data-world="community"] .pg-hero__lead { color: rgba(13, 17, 23, 0.68); }
html[data-world="community"] .pg-hero__tags { margin-top: 1.4rem; }
html[data-world="community"] .pg-hero__tags li {
  background: var(--wa-dim);
  border-color: var(--wa-glow);
  color: var(--wa);
}
@media (max-width: 860px) {
  html[data-world="community"] .pg-hero__inner {
    width: auto;
    margin: 0 0.8rem 1.5rem;
    padding: 1.6rem 1.4rem;
  }
}

/* Mobile menu link styles (community has lighter weight + different hover) */
.comm-mobile-menu { z-index: 195; } /* override shared 490 */
.comm-overlay { display: none; position: fixed; inset: 0; z-index: 190; background: rgba(0,0,0,.6); backdrop-filter: blur(4px); }
.comm-overlay.is-open { display: block; }
.comm-mobile-menu__link { display: flex; align-items: center; gap: .75rem; padding: .75rem 1rem; border-radius: 12px; font-size: .9rem; font-weight: 500; color: rgba(228,224,255,.6); text-decoration: none; transition: background .18s, color .18s; }
.comm-mobile-menu__link:hover { color: #f0f6ff; background: rgba(255,255,255,.07); }
.comm-mobile-menu__link svg { color: var(--wa); flex-shrink: 0; }
.comm-mobile-menu__cta { margin: .8rem 1rem 1.4rem; }
html[data-theme="light"] .comm-mobile-menu__link { color: rgba(13,17,23,.55); }
html[data-theme="light"] .comm-mobile-menu__link:hover { color: #0d1117; background: rgba(0,0,0,.05); }

/* ── Parallax separators (full-screen) ── */
.community-sep {
  position: relative; height: 100vh; height: 100svh; min-height: 640px;
  background-size: cover; background-position: center center;
  background-attachment: fixed; background-repeat: no-repeat;
  overflow: hidden; display: flex; align-items: center; justify-content: center;
}
.community-sep__veil {
  position: absolute; inset: 0;
  background:
    radial-gradient(circle at 72% 18%, rgba(167, 139, 250, 0.22), transparent 26%),
    radial-gradient(circle at 24% 72%, rgba(112, 176, 98, 0.12), transparent 28%),
    linear-gradient(to bottom, rgba(6,9,13,.08) 0%, rgba(6,9,13,.04) 35%, rgba(6,9,13,.28) 68%, rgba(6,9,13,.62) 100%);
  pointer-events: none;
}
.community-sep__quote {
  position: relative; z-index: 2; max-width: 820px; padding: 0 3rem; margin: 0;
  font-family: var(--font-heading); font-size: clamp(1.35rem, 2.8vw, 2.1rem);
  font-weight: 700; font-style: italic; line-height: 1.38; text-align: center;
  color: rgba(240,246,255,.95);
  text-shadow: 0 2px 32px rgba(0,0,0,.88), 0 4px 64px rgba(0,0,0,.68), 0 0 34px rgba(167,139,250,.24);
}
html[data-theme="light"] .community-sep__veil {
  background:
    radial-gradient(circle at 70% 18%, rgba(112, 176, 98, 0.20), transparent 24%),
    radial-gradient(circle at 22% 72%, rgba(167, 139, 250, 0.10), transparent 28%),
    linear-gradient(to bottom, rgba(6,9,13,.52) 0%, rgba(6,9,13,.40) 35%, rgba(6,9,13,.62) 68%, rgba(6,9,13,.82) 100%);
}
html[data-theme="light"] .community-sep__quote { text-shadow: 0 2px 28px rgba(0,0,0,.85), 0 0 34px rgba(112,176,98,.26); }
@media (max-width: 820px), (hover: none) {
  .community-sep { background-attachment: scroll; height: 100svh; min-height: 520px; }
}

/* ── Phone mockup showcase ── */
.bee-phones-wrap { padding: 2.5rem 0 3.5rem; overflow-x: auto; scrollbar-width: none; }
.bee-phones-wrap::-webkit-scrollbar { display: none; }
.bee-phones {
  display: flex; align-items: flex-end; justify-content: center; gap: 0; position: relative;
  min-width: max-content;
}
.bee-phone {
  position: relative; flex-shrink: 0;
  border-radius: 28px; border: 3px solid rgba(30,30,50,.85);
  box-shadow: 0 24px 56px rgba(0,0,0,.62), 0 0 0 1px rgba(255,255,255,.06), inset 0 1px 0 rgba(255,255,255,.12);
  overflow: hidden; background: #000;
}
.bee-phone img { display: block; width: 100%; height: auto; }
.bee-phone::before {
  content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%);
  width: 34%; height: 18px; background: rgba(20,20,30,.9);
  border-radius: 0 0 10px 10px; z-index: 2;
}
.bee-phone:nth-child(1) { width: 148px; transform: rotate(-6deg) translateY(34px) translateX(6px); z-index: 1; }
.bee-phone:nth-child(2) { width: 162px; transform: rotate(-3deg) translateY(16px); z-index: 2; }
.bee-phone:nth-child(3) { width: 178px; z-index: 4; }
.bee-phone:nth-child(4) { width: 178px; z-index: 4; }
.bee-phone:nth-child(5) { width: 162px; transform: rotate(3deg) translateY(16px); z-index: 2; }
.bee-phone:nth-child(6) { width: 148px; transform: rotate(6deg) translateY(34px) translateX(-6px); z-index: 1; }
.bee-phone__label {
  position: absolute; bottom: 8px; left: 0; right: 0; text-align: center;
  font-size: .52rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase;
  color: rgba(255,255,255,.42); pointer-events: none; z-index: 3;
}
@media (max-width: 720px) {
  .bee-phone:nth-child(1), .bee-phone:nth-child(6) { width: 105px; }
  .bee-phone:nth-child(2), .bee-phone:nth-child(5) { width: 118px; }
  .bee-phone:nth-child(3), .bee-phone:nth-child(4) { width: 132px; }
}

/* ── GVBE Desktop-Mockup ── */
.gvbe-screens-wrap { overflow-x: auto; scrollbar-width: thin; scrollbar-color: rgba(167,139,250,.25) transparent; padding: .5rem 0 2rem; margin: 2rem 0 0; }
.gvbe-screens-wrap::-webkit-scrollbar { height: 4px; }
.gvbe-screens-wrap::-webkit-scrollbar-thumb { background: rgba(167,139,250,.25); border-radius: 2px; }
.gvbe-screens { display: flex; gap: 1.5rem; min-width: max-content; padding: 0 .5rem; }
.gvbe-screen {
  flex-shrink: 0; width: clamp(300px, 40vw, 560px); border-radius: 10px; overflow: hidden;
  background: #1a1d24; border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 24px 56px rgba(0,0,0,.62), 0 0 0 1px rgba(255,255,255,.04);
}
.gvbe-screen__chrome {
  height: 34px; background: #252830; display: flex; align-items: center;
  padding: 0 .9rem; gap: .38rem; border-bottom: 1px solid rgba(255,255,255,.07);
}
.gvbe-screen__dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }
.gvbe-screen__dot--red { background: #ff5f57; }
.gvbe-screen__dot--yellow { background: #ffbd2e; }
.gvbe-screen__dot--green { background: #28ca41; }
.gvbe-screen__url { margin-left: .6rem; font-size: .62rem; font-family: monospace; color: rgba(255,255,255,.28); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 200px; }
.gvbe-screen img { display: block; width: 100%; height: auto; }
.gvbe-screen__label { padding: .5rem .9rem; font-size: .68rem; font-weight: 600; letter-spacing: .04em; color: var(--wa-mute); }
html[data-theme="light"] .gvbe-screen { background: #f0f2f5; border-color: rgba(0,0,0,.1); }
html[data-theme="light"] .gvbe-screen__chrome { background: #e4e7ed; border-bottom-color: rgba(0,0,0,.08); }

/* ── Dual accent: BEE = green, GVBE = violet ── */
#projekt {
  --wa: var(--wa2); --wa-dim: var(--wa2-dim); --wa-glow: var(--wa2-glow); --wa-mute: var(--wa2-mute);
}
html[data-theme="light"] #projekt {
  --wa: var(--wa2); --wa-dim: var(--wa2-dim); --wa-glow: var(--wa2-glow); --wa-mute: var(--wa2-mute);
}
.comm-chapnav__link[href="#projekt"].is-active { color: var(--wa2) !important; background: var(--wa2-dim) !important; }
.bee-phone:nth-child(3), .bee-phone:nth-child(4) {
  box-shadow: 0 24px 56px rgba(0,0,0,.62), 0 0 0 1px rgba(255,255,255,.06), inset 0 1px 0 rgba(255,255,255,.12), 0 0 28px rgba(112,176,98,.14);
}
.gvbe-screen__label { color: var(--wa); }
.gvbe-screens-wrap::-webkit-scrollbar-thumb { background: var(--wa-glow); border-radius: 2px; }
#leistungen .pg-feature:nth-child(odd) .pg-feature__num { color: var(--wa2); }
#leistungen .pg-feature:nth-child(even) .pg-feature__num { color: var(--wa); }
html[data-theme="light"] .gvbe-screen__label { color: #7c3aed; }

/* ── Real logos: show in original colors, white background ── */
.pg-logo-wall__item--real {
  background: rgba(255, 255, 255, 0.93);
  border-color: rgba(255, 255, 255, 0.15);
}
.pg-logo-wall__item--real img { filter: none; }
.pg-logo-wall__item--real:hover {
  background: #ffffff;
  border-color: var(--wa-glow);
}
html[data-theme="light"] .pg-logo-wall__item--real {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(0, 0, 0, 0.08);
}
html[data-theme="light"] .pg-logo-wall__item--real img { filter: none; }

/* Systems-like hero rhythm + community chapnav overrides */
html[data-world="community"] .comm-chapnav { top: 58px; z-index: 150; background: rgba(6,9,13,.82); backdrop-filter: blur(20px) saturate(1.4); -webkit-backdrop-filter: blur(20px) saturate(1.4); }
html[data-world="community"] .comm-chapnav__inner { height: 42px; padding: 0 1.4rem; gap: .25rem; width: max-content; min-width: 100%; }
html[data-world="community"] .comm-chapnav__link { border-radius: 999px; font-weight: 700; }
html[data-world="community"] .pg-hero { min-height: clamp(560px, 75vh, 820px); }
html[data-world="community"] .community-hero__img { opacity: .72; }
@media (max-width: 820px) { html[data-world="community"] .comm-chapnav { display: none; } }