:root {
  
  --po-accent:        #aece65;
  --po-depth:   #354b1d;
  --po-snow:       #fffafa;

  
  --po-ink:        #060705;
  --po-ink-1:      #0a0d08;
  --po-ink-2:      #10150d;

  
  --po-fg:         var(--po-snow);
  --po-fg-muted:   rgba(255, 250, 250, 0.58);
  --po-fg-faint:   rgba(255, 250, 250, 0.34);
  --po-fg-ghost:   rgba(255, 250, 250, 0.16);

  
  --po-line:       rgba(255, 250, 250, 0.09);
  --po-line-2:     rgba(255, 250, 250, 0.16);
  --po-line-red:   rgba(174, 206, 101, 0.35);

  
  --po-font-sans:    'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --po-font-pixel:   'Poppins', 'Segoe UI', sans-serif;

  
  --po-gutter:  clamp(20px, 5.2vw, 76px);
  --po-shell:   1400px;
  --po-radius:  9px;

  
  --po-ease:     cubic-bezier(0.22, 1, 0.36, 1);
  --po-ease-io:  cubic-bezier(0.65, 0, 0.35, 1);

  
  --po-z-grain:    55;
  --po-z-header:   60;
  --po-z-trailer:  100;

  --po-header-h: 64px;
  --po-lang-w:   38px;   

  
  --po-header-blur: 8px;
  color-scheme: dark;
}

@media (min-width: 560px) {
  :root { --po-header-h: 72px; }
}

@media (min-width: 900px) {
  :root { --po-header-h: 84px; }
}


*,
*::before,
*::after { box-sizing: border-box; }

* { margin: 0; }

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  scroll-padding-top: calc(var(--po-header-h) + 24px);
  
  scrollbar-gutter: stable;
}

body {
  min-height: 100svh;
  background: var(--po-ink);
  color: var(--po-fg);
  font-family: var(--po-font-sans);
  font-size: clamp(0.95rem, 0.91rem + 0.18vw, 1.05rem);
  line-height: 1.68;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

body.po-locked { overflow: hidden; }

img, svg, video { display: block; max-width: 100%; }
button, input, select, textarea { font: inherit; color: inherit; }

button { background: none; border: 0; padding: 0; cursor: pointer; }
a { color: inherit; text-decoration: none; }
ul, ol { list-style: none; padding: 0; }

::selection { background: var(--po-accent); color: var(--po-snow); }

:focus-visible {
  outline: 2px solid var(--po-accent);
  outline-offset: 3px;
  border-radius: 2px;
}


* { scrollbar-width: thin; scrollbar-color: #1f2b17 transparent; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--po-ink); }
::-webkit-scrollbar-thumb { background: #1f2b17; border: 3px solid var(--po-ink); border-radius: 99px; }
::-webkit-scrollbar-thumb:hover { background: var(--po-depth); }


.po-pixel,
.po-h1,
.po-h2,
.po-brand__word,
.po-footer__word,
.po-signature__name,
.po-quote__name,
.po-rules__num,
.po-legal__num {
  font-family: var(--po-font-pixel);
  font-weight: 400;
  letter-spacing: 0;
  -webkit-font-smoothing: none;
  -moz-osx-font-smoothing: unset;
  font-smooth: never;
}



.po-h1 {
  font-size: 48px;
  line-height: 42px;
  text-transform: uppercase;
}

@media (max-width: 359px)  { .po-h1 { font-size: 32px;  line-height: 28px; } }
@media (min-width: 900px)  { .po-h1 { font-size: 64px;  line-height: 56px; } }
@media (min-width: 1200px) { .po-h1 { font-size: 96px;  line-height: 84px; } }
@media (min-width: 1500px) { .po-h1 { font-size: 112px; line-height: 98px; } }

.po-h2 {
  font-size: 32px;
  line-height: 44px;
  text-wrap: balance;
}

@media (min-width: 1200px) { .po-h2 { font-size: 48px; line-height: 64px; } }


.po-eyebrow {
  font-family: var(--po-font-sans);
  font-size: 0.72rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--po-fg-faint);
}

.po-label {
  font-family: var(--po-font-sans);
  font-size: 0.66rem;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--po-fg-faint);
}

.po-lead {
  font-size: clamp(1rem, 0.93rem + 0.34vw, 1.185rem);
  line-height: 1.66;
  color: var(--po-fg-muted);
  text-wrap: pretty;
}

.po-sr {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}


.po-shell {
  width: 100%;
  max-width: calc(var(--po-shell) + 2 * var(--po-gutter));
  margin-inline: auto;
  padding-inline: var(--po-gutter);
}

.po-section { position: relative; padding-block: clamp(84px, 11vw, 168px); }
.po-section--tight { padding-block: clamp(60px, 7vw, 104px); }


.po-guides {
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  display: flex;
  justify-content: center;
}

.po-guides__inner {
  width: 100%;
  max-width: calc(var(--po-shell) + 2 * var(--po-gutter));
  padding-inline: var(--po-gutter);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.po-guides__inner span { border-left: 1px solid rgba(255, 250, 250, 0.028); }
.po-guides__inner span:first-child { border-left: 0; }

@media (min-width: 900px) {
  .po-guides__inner { grid-template-columns: repeat(6, 1fr); }
}


.po-grain {
  position: fixed;
  inset: 0;
  z-index: var(--po-z-grain);
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.042'/%3E%3C/svg%3E");
  background-repeat: repeat;
}

.po-page { position: relative; z-index: 2; }


.po-divider {
  height: 1px;
  border: 0;
  margin: 0;
  background: var(--po-line);
}


.po-header {
  position: fixed;
  inset-inline: 0;
  top: 0;
  z-index: var(--po-z-header);
  height: var(--po-header-h);
  display: flex;
  align-items: center;
  border-bottom: 1px solid transparent;
  
  transition: background-color 0.45s var(--po-ease),
              border-color 0.45s var(--po-ease),
              transform 0.5s var(--po-ease);
  
  will-change: transform;
}


.po-header[data-stuck='true'] {
  background: rgba(6, 4, 4, 0.74);
  backdrop-filter: blur(var(--po-header-blur));
  -webkit-backdrop-filter: blur(var(--po-header-blur));
  border-bottom-color: var(--po-line);
}

.po-header[data-hidden='true'] { transform: translateY(-101%); }

.po-header__inner {
  width: 100%;
  max-width: calc(var(--po-shell) + 2 * var(--po-gutter));
  margin-inline: auto;
  padding-inline: var(--po-gutter);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}


.po-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex: none;
}

.po-brand__mark {
  width: 32px;
  height: 32px;
  object-fit: contain;
  filter: drop-shadow(0 0 10px rgba(174, 206, 101, 0.5));
  transition: filter 0.4s var(--po-ease);
}

.po-brand:hover .po-brand__mark { filter: drop-shadow(0 0 16px rgba(174, 206, 101, 0.85)); }


.po-brand__word {
  font-size: 32px;
  line-height: 1;
  white-space: nowrap;
  padding-top: 4px;
}

@media (min-width: 560px) {
  .po-brand__mark { width: 36px; height: 36px; }
}

@media (max-width: 359px) {
  .po-brand__word { display: none; }
}

.po-brand__word em { font-style: normal; color: var(--po-accent); }


.po-nav {
  display: flex;
  align-items: center;
  gap: clamp(14px, 2vw, 30px);
}

.po-nav__link {
  position: relative;
  font-size: 0.7rem;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--po-fg-muted);
  padding-block: 6px;
  white-space: nowrap;
  transition: color 0.3s var(--po-ease);
}

.po-nav__link::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: var(--po-accent);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.42s var(--po-ease);
}

.po-nav__link:hover,
.po-nav__link[aria-current='page'] { color: var(--po-fg); }

.po-nav__link:hover::after,
.po-nav__link[aria-current='page']::after {
  transform: scaleX(1);
  transform-origin: left;
}

@media (max-width: 560px) {
  .po-nav__link[data-optional] { display: none; }
  .po-nav { gap: 14px; }
}


.po-lang {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 3px;
  border: 1px solid var(--po-line-2);
  border-radius: var(--po-radius);
  flex: none;
  overflow: hidden;
  transition: border-color 0.3s var(--po-ease);
}

.po-lang:hover { border-color: rgba(255, 250, 250, 0.3); }

.po-lang__thumb {
  position: absolute;
  top: 3px;
  left: 3px;
  width: var(--po-lang-w);
  height: calc(100% - 6px);
  border-radius: 6px;
  background: var(--po-depth);
  box-shadow: 0 0 14px rgba(174, 206, 101, 0.28);
  transition: transform 0.42s var(--po-ease);
}

.po-lang[data-lang='en'] .po-lang__thumb { transform: translateX(var(--po-lang-w)); }

.po-lang__opt {
  position: relative;
  z-index: 1;
  width: var(--po-lang-w);
  text-align: center;
  font-size: 0.66rem;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 22px;
  color: var(--po-fg-faint);
  transition: color 0.42s var(--po-ease);
  user-select: none;
}


.po-lang[data-lang='de'] .po-lang__opt[data-opt='de'],
.po-lang[data-lang='en'] .po-lang__opt[data-opt='en'] { color: var(--po-snow); }


.po-trailer {
  position: fixed;
  inset: 0;
  z-index: var(--po-z-trailer);
  background: #000;
  overflow: hidden;
  opacity: 1;
  transition: opacity 0.7s var(--po-ease), visibility 0.7s;
}

.po-trailer[hidden] { display: none; }

.po-trailer[data-leaving='true'] {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.po-trailer__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #000;
}


.po-skip {
  position: absolute;
  right: var(--po-gutter);
  bottom: var(--po-gutter);
  display: inline-flex;
  align-items: center;
  gap: 0.7em;
  background: transparent;
  border: 1px solid rgba(255, 250, 250, 0.42);
  border-radius: var(--po-radius);
  color: var(--po-snow);
  font-size: 0.74rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  padding: 0.95em 1.55em;
  transition: border-color 0.25s linear, background-color 0.25s linear;
}

.po-skip:hover,
.po-skip:focus-visible {
  border-color: var(--po-snow);
  background: rgba(255, 250, 250, 0.08);
}

.po-skip i { font-size: 0.85em; }


.po-hero {
  position: relative;
  min-height: 100svh;
  display: flex;
  align-items: center;
  padding-top: calc(var(--po-header-h) + 2rem);
  
  padding-bottom: clamp(6rem, 10vh, 8rem);
  overflow: hidden;
}


.po-hero__glow {
  position: absolute;
  z-index: 0;
  pointer-events: none;
  border-radius: 50%;
}

.po-hero__glow--a {
  width: min(125vw, 1250px);
  aspect-ratio: 1;
  right: -30vw;
  top: -22vh;
  background: radial-gradient(closest-side,
    rgba(174, 206, 101, 0.115) 0%,
    rgba(91, 120, 46, 0.06) 42%,
    rgba(53, 75, 29, 0.02) 68%,
    transparent 84%);
}

.po-hero__glow--b {
  width: min(105vw, 1000px);
  aspect-ratio: 1;
  left: -32vw;
  bottom: -38vh;
  background: radial-gradient(closest-side,
    rgba(53, 75, 29, 0.13) 0%,
    rgba(53, 75, 29, 0.05) 45%,
    transparent 80%);
}


.po-hero__inner {
  position: relative;
  z-index: 2;
  width: 100%;
  transform: translateY(-1rem);
}

@media (min-height: 720px) {
  .po-hero__inner { transform: translateY(-3rem); }
}


.po-hero__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(28px, 4vw, 64px);
  align-items: center;
}

@media (min-width: 900px) {
  .po-hero__grid { grid-template-columns: minmax(0, 1fr) auto; }
}

.po-hero__figure {
  width: clamp(260px, 33vw, 540px);
  height: auto;
  justify-self: end;
}


@media (max-width: 899px) {
  .po-hero__figure { display: none; }
}

.po-hero__title { margin-bottom: clamp(24px, 3.2vw, 40px); }

.po-hero__title .po-line { display: block; overflow: hidden; }

.po-hero__title .po-line > span {
  display: block;
  transform: translateY(105%);
  transition: transform 1s var(--po-ease);
  transition-delay: var(--po-d, 0ms);
}

.po-hero__title .po-line:nth-child(2) > span { color: var(--po-accent); }

.po-hero.is-ready .po-hero__title .po-line > span { transform: translateY(0); }

.po-hero__lead { max-width: 46ch; }


.po-hero__foot {
  position: absolute;
  inset-inline: 0;
  bottom: clamp(26px, 4vh, 46px);
  z-index: 3;
}

.po-hero__footinner { display: flex; justify-content: flex-end; }

.po-scroll {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 0.64rem;
  font-weight: 500;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--po-fg-faint);
  transition: color 0.35s var(--po-ease);
}

.po-scroll:hover { color: var(--po-fg); }

.po-scroll i {
  font-size: 0.8rem;
  color: var(--po-accent);
  animation: po-nudge 2.2s var(--po-ease-io) infinite;
}

@keyframes po-nudge {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(5px); }
}

@media (max-width: 560px) { .po-scroll span { display: none; } }



.po-section__head {
  display: grid;
  gap: 18px;
  max-width: min(100%, 31rem);
  margin-bottom: clamp(40px, 5.5vw, 78px);
}

.po-section__head--wide { max-width: min(100%, 38rem); }


.po-cards {
  display: grid;
  gap: 1px;
  background: var(--po-line);
  border-block: 1px solid var(--po-line);
  grid-template-columns: 1fr;
}

@media (min-width: 820px) {
  .po-cards { grid-template-columns: repeat(3, 1fr); }
}

.po-card {
  position: relative;
  background: var(--po-ink);
  padding: clamp(28px, 3.2vw, 46px) clamp(24px, 2.6vw, 40px);
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: clamp(250px, 26vw, 340px);
  transition: background-color 0.45s var(--po-ease);
}

.po-card::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: var(--po-accent);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.55s var(--po-ease);
}

a.po-card:hover { background: var(--po-ink-2); }
a.po-card:hover::after { transform: scaleX(1); }

.po-card__icon {
  font-size: 26px;
  line-height: 1;
  color: var(--po-fg-faint);
  transition: color 0.4s var(--po-ease), text-shadow 0.4s var(--po-ease);
}

a.po-card:hover .po-card__icon {
  color: var(--po-accent);
  text-shadow: 0 0 22px rgba(174, 206, 101, 0.55);
}

.po-card__name {
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.2;
  margin-top: auto;
}

.po-card__body {
  color: var(--po-fg-muted);
  font-size: 0.92rem;
  line-height: 1.66;
  text-wrap: pretty;
}


.po-card__action {
  display: inline-flex;
  align-items: center;
  gap: 0.65em;
  align-self: flex-start;
  margin-top: 4px;
  padding: 0.6em 1.1em;
  border: 1px solid rgba(255, 250, 250, 0.08);
  border-radius: var(--po-radius);
  font-size: 0.66rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--po-fg-muted);
  transition: border-color 0.3s linear, color 0.3s linear, background-color 0.3s linear;
}

a.po-card:hover .po-card__action {
  border-color: var(--po-snow);
  background: rgba(255, 250, 250, 0.07);
  color: var(--po-snow);
}

.po-card__action i { font-size: 0.85em; }


.po-card--empty .po-card__action {
  color: var(--po-fg-ghost);
  border-style: dashed;
  border-color: rgba(255, 250, 250, 0.06);
}


.po-intro { background: linear-gradient(180deg, var(--po-ink) 0%, var(--po-ink-1) 42%, var(--po-ink) 100%); }


.po-quote {
  margin: clamp(28px, 3.4vw, 44px) 0 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(30px, 4vw, 68px);
}

@media (min-width: 980px) {
  .po-quote {
    grid-template-columns: minmax(0, 1fr) clamp(230px, 24vw, 320px);
    align-items: start;
  }
}

.po-quote__block { margin: 0; }

.po-quote__lead {
  font-size: clamp(1.3rem, 1rem + 1.5vw, 2.1rem);
  font-weight: 500;
  line-height: 1.42;
  color: var(--po-fg);
  text-wrap: pretty;
  margin-bottom: clamp(20px, 2.4vw, 30px);
}

.po-quote__body {
  display: grid;
  gap: clamp(20px, 2.2vw, 30px);
}

.po-quote__body p {
  font-size: clamp(1rem, 0.94rem + 0.32vw, 1.14rem);
  line-height: 1.74;
  color: var(--po-fg-muted);
  text-wrap: pretty;
}

.po-quote__signoff {
  margin-top: clamp(20px, 2.2vw, 30px);
  font-size: clamp(1.05rem, 0.95rem + 0.6vw, 1.32rem);
  font-weight: 500;
  line-height: 1.5;
  color: var(--po-fg);
}


.po-quote__by {
  display: flex;
  align-items: center;
  gap: 18px;
  padding-top: clamp(24px, 2.8vw, 34px);
  border-top: 1px solid var(--po-line);
}

@media (min-width: 980px) {
  .po-quote__by {
    position: sticky;
    top: calc(var(--po-header-h) + 56px);
    flex-direction: column;
    align-items: flex-start;
    gap: 22px;
    padding-top: 0;
    padding-left: clamp(24px, 2.6vw, 40px);
    border-top: 0;
    border-left: 1px solid var(--po-line);
  }
}

.po-quote__avatar {
  width: 64px;
  height: 64px;
  flex: none;
  object-fit: cover;
  border-radius: 50%;
  border: 1px solid var(--po-line-2);
}

@media (min-width: 980px) {
  .po-quote__avatar { width: 96px; height: 96px; }
}

.po-quote__name {
  font-size: 32px;
  line-height: 1;
  color: var(--po-fg);
}

.po-quote__role { margin-top: 9px; }


.po-faq { border-top: 1px solid var(--po-line); }

.po-faq__list { border-top: 1px solid var(--po-line); }

.po-faq__item { border-bottom: 1px solid var(--po-line); }

.po-faq__q {
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: start;
  gap: clamp(14px, 2.4vw, 34px);
  text-align: left;
  padding-block: clamp(22px, 2.6vw, 34px);
  color: var(--po-fg-muted);
  transition: color 0.35s var(--po-ease);
}

.po-faq__q:hover { color: var(--po-fg); }

.po-faq__num {
  font-family: var(--po-font-pixel);
  -webkit-font-smoothing: none;
  font-size: 16px;
  line-height: 1;
  padding-top: 0.45em;
  color: var(--po-fg-ghost);
  transition: color 0.35s var(--po-ease);
}

.po-faq__item[data-open='true'] .po-faq__num { color: var(--po-accent); }

.po-faq__label {
  font-size: clamp(1.02rem, 0.9rem + 0.6vw, 1.35rem);
  font-weight: 500;
  line-height: 1.4;
  color: var(--po-fg);
  text-wrap: pretty;
}

.po-faq__icon {
  font-size: 0.8rem;
  margin-top: 0.55em;
  color: var(--po-fg-faint);
  transition: color 0.35s var(--po-ease);
}

.po-faq__item[data-open='true'] .po-faq__icon { color: var(--po-accent); }

.po-faq__panel {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.5s var(--po-ease);
}

.po-faq__item[data-open='true'] .po-faq__panel { grid-template-rows: 1fr; }

.po-faq__panel > div { overflow: hidden; min-height: 0; }

.po-faq__answer {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: clamp(14px, 2.4vw, 34px);
  padding-bottom: clamp(26px, 3vw, 40px);
  opacity: 0;
  transform: translateY(-6px);
  transition: opacity 0.45s var(--po-ease) 0.06s, transform 0.45s var(--po-ease) 0.06s;
}

.po-faq__item[data-open='true'] .po-faq__answer { opacity: 1; transform: none; }

.po-faq__answer p {
  max-width: 66ch;
  color: var(--po-fg-muted);
  text-wrap: pretty;
}

.po-faq__note {
  margin-top: clamp(28px, 3vw, 44px);
  max-width: 52ch;
  font-size: 0.82rem;
  line-height: 1.8;
  color: var(--po-fg-faint);
}


.po-cta {
  position: relative;
  display: block;
  border-top: 1px solid var(--po-line);
  overflow: hidden;
  isolation: isolate;
  background: var(--po-ink);
}

.po-cta::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: radial-gradient(90% 140% at 50% 120%, rgba(53, 75, 29, 0.5) 0%, transparent 62%);
  opacity: 0.5;
  transform: translateY(16%);
  transition: opacity 0.7s var(--po-ease), transform 0.7s var(--po-ease);
}

.po-cta:hover::before { opacity: 1; transform: translateY(0); }

.po-cta__inner {
  padding-block: clamp(64px, 9vw, 130px);
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(30px, 4vw, 64px);
  align-items: center;
}

@media (min-width: 900px) {
  .po-cta__inner { grid-template-columns: minmax(0, 1fr) auto; }
}

.po-cta__text { display: grid; gap: clamp(20px, 2.6vw, 34px); }


.po-cta__figure {
  width: clamp(220px, 30vw, 430px);
  height: auto;
  justify-self: end;
}

.po-cta__title {
  font-family: var(--po-font-pixel);
  -webkit-font-smoothing: none;
  font-smooth: never;
  letter-spacing: 0;
  font-size: 32px;
  line-height: 44px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 0.4em;
  flex-wrap: wrap;
}

@media (min-width: 700px)  { .po-cta__title { font-size: 48px; line-height: 64px; } }
@media (min-width: 1200px) { .po-cta__title { font-size: 64px; line-height: 80px; } }

.po-cta__arrow {
  font-size: 0.62em;
  color: var(--po-accent);
  transform: rotate(-45deg);
  transition: transform 0.5s var(--po-ease);
}

.po-cta:hover .po-cta__arrow { transform: rotate(-45deg) translateX(0.22em); }

.po-cta__body { max-width: 46ch; color: var(--po-fg-muted); }


.po-footer {
  border-top: 1px solid var(--po-line);
  background: var(--po-ink-1);
  padding-top: clamp(52px, 6vw, 90px);
}

.po-footer__top {
  display: grid;
  gap: clamp(38px, 5vw, 70px);
  grid-template-columns: 1fr;
  padding-bottom: clamp(48px, 6vw, 88px);
}

@media (min-width: 760px) {
  .po-footer__top { grid-template-columns: minmax(0, 1.6fr) auto auto; }
}

.po-footer__brand { display: grid; gap: 20px; align-content: start; justify-items: start; }

.po-footer__mark {
  width: 52px;
  height: 52px;
  object-fit: contain;
  filter: drop-shadow(0 0 16px rgba(174, 206, 101, 0.42));
}

.po-footer__word {
  font-size: 32px;
  line-height: 1.1;
}

.po-footer__word em { font-style: normal; color: var(--po-accent); }

.po-footer__tagline { color: var(--po-fg-faint); max-width: 32ch; }

.po-footer__col { display: grid; gap: 14px; align-content: start; min-width: 128px; }

.po-footer__colhead {
  font-size: 0.62rem;
  font-weight: 600;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--po-fg-ghost);
}


.po-footer__link {
  position: relative;
  width: fit-content;
  text-align: left;
  padding-right: 12px;
  font-size: 0.9rem;
  color: var(--po-fg-muted);
  transition: color 0.3s var(--po-ease), transform 0.3s var(--po-ease);
}

.po-footer__link:hover {
  color: var(--po-fg);
  transform: translateX(12px);
}

.po-footer__link::before {
  content: '';
  position: absolute;
  left: -12px;
  top: 50%;
  width: 6px;
  height: 1px;
  background: var(--po-accent);
  opacity: 0;
  transition: opacity 0.3s var(--po-ease);
}

.po-footer__link:hover::before { opacity: 1; }

.po-footer__bar {
  border-top: 1px solid var(--po-line);
  padding-block: 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  font-size: 0.64rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--po-fg-ghost);
}

.po-footer__bar a { transition: color 0.3s var(--po-ease); }
.po-footer__bar a:hover { color: var(--po-accent); }


.po-footer__disclaimer {
  margin: 0;
  padding-top: 24px;
  max-width: 78ch;
  font-size: 0.72rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.7;
  color: var(--po-fg-muted);
}


.po-pagehead {
  position: relative;
  padding-top: calc(var(--po-header-h) + clamp(72px, 11vw, 150px));
  padding-bottom: clamp(48px, 6vw, 90px);
  border-bottom: 1px solid var(--po-line);
  overflow: hidden;
}

.po-pagehead::before {
  content: '';
  position: absolute;
  right: -25vw;
  top: -30vh;
  width: min(115vw, 1100px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(closest-side,
    rgba(53, 75, 29, 0.14) 0%, rgba(53, 75, 29, 0.05) 45%, transparent 80%);
  pointer-events: none;
}

.po-pagehead__inner { position: relative; z-index: 2; display: grid; gap: clamp(18px, 2.4vw, 28px); }

.po-pagehead__title { text-transform: uppercase; }

.po-pagehead__lead { max-width: 56ch; }

.po-pagehead__meta {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.66rem;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--po-fg-faint);
}

.po-pagehead__meta b { color: var(--po-fg); font-weight: 600; }

.po-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--po-accent);
  flex: none;
}


.po-rules { display: grid; }

.po-rules__block {
  display: grid;
  gap: clamp(20px, 3vw, 48px);
  grid-template-columns: 1fr;
  padding-block: clamp(40px, 5vw, 74px);
  border-bottom: 1px solid var(--po-line);
}

.po-rules__block:last-child { border-bottom: 0; }

@media (min-width: 900px) {
  .po-rules__block { grid-template-columns: minmax(0, 1fr) minmax(0, 2.05fr); }
}


.po-rules__head {
  display: flex;
  align-items: baseline;
  gap: 16px;
  align-self: start;
  min-width: 0;
}

@media (min-width: 900px) {
  .po-rules__head { position: sticky; top: calc(var(--po-header-h) + 44px); }
}

.po-rules__num {
  font-size: 32px;
  line-height: 1;
  color: var(--po-depth);
  flex: none;
}

.po-rules__title {
  font-size: clamp(1.2rem, 1rem + 0.9vw, 1.6rem);
  font-weight: 600;
  line-height: 1.28;
  text-wrap: balance;
  
  min-width: 0;
  overflow-wrap: break-word;
}

.po-rules__list { display: grid; gap: clamp(14px, 1.6vw, 20px); min-width: 0; }

.po-rules__item {
  color: var(--po-fg-muted);
  text-wrap: pretty;
  overflow-wrap: break-word;
  transition: color 0.35s var(--po-ease);
}

.po-rules__item:hover { color: var(--po-fg); }

.po-back {
  display: inline-flex;
  align-items: center;
  gap: 0.7em;
  width: fit-content;
  font-size: 0.68rem;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--po-fg-faint);
  transition: color 0.35s var(--po-ease);
}

.po-back:hover { color: var(--po-fg); }
.po-back i { color: var(--po-accent); font-size: 0.85em; }


.po-legal__num {
  font-size: 32px;
  line-height: 1;
  color: var(--po-depth);
  flex: none;
}

.po-legal__content { display: grid; gap: clamp(16px, 2vw, 24px); }

.po-legal__rows {
  display: grid;
  gap: 1px;
  margin: 0;
  background: var(--po-line);
  border: 1px solid var(--po-line);
  border-radius: var(--po-radius);
  overflow: hidden;
  max-width: 46rem;
}

.po-legal__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4px;
  background: var(--po-ink);
  padding: 14px 18px;
}

@media (min-width: 620px) {
  .po-legal__row { grid-template-columns: 11rem minmax(0, 1fr); gap: 20px; align-items: baseline; }
}

.po-legal__row dd { margin: 0; color: var(--po-fg); }


.po-legal__row dd[data-placeholder='true'],
.po-legal__text[data-placeholder='true'],
.po-legal__list li[data-placeholder='true'] { color: var(--po-accent); }


.po-legal__content--callout,
.po-legal__part--callout {
  border: 1px solid var(--po-depth);
  border-radius: var(--po-radius);
  padding: clamp(16px, 2vw, 22px);
  max-width: 46rem;
}


.po-legal__part {
  display: grid;
  gap: 12px;
  min-width: 0;
}


.po-legal__part--minor {
  padding-left: clamp(12px, 1.4vw, 18px);
  border-left: 1px solid var(--po-line-2);
}

.po-legal__sub {
  max-width: 60ch;
  font-size: clamp(1.02rem, 0.97rem + 0.22vw, 1.16rem);
  font-weight: 600;
  line-height: 1.34;
  color: var(--po-fg);
  text-wrap: balance;
  overflow-wrap: break-word;
}

.po-legal__sub--minor {
  font-size: clamp(0.94rem, 0.92rem + 0.1vw, 1rem);
  color: var(--po-fg-muted);
}

.po-legal__text {
  max-width: 68ch;
  color: var(--po-fg-muted);
  text-wrap: pretty;
}


.po-legal__content > .po-legal__text + .po-legal__text { margin-top: -8px; }

.po-legal__list {
  max-width: 68ch;
  margin: 0;
  padding-left: 1.15em;
  display: grid;
  gap: 8px;
  color: var(--po-fg-muted);
  text-wrap: pretty;
}

.po-legal__list li::marker { color: var(--po-depth); }


.po-legal__link {
  color: var(--po-fg);
  text-decoration: underline;
  text-decoration-color: var(--po-depth);
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
  transition: color 0.3s var(--po-ease);
}

.po-legal__link:hover { color: var(--po-accent); }


.po-legal-raw__doc { display: grid; gap: 12px; }


.po-legal-raw__doc[hidden] { display: none; }


.po-legal-raw__doc h1 { display: none; }

.po-legal-raw__doc h2 {
  margin-top: clamp(24px, 3vw, 40px);
  padding-top: clamp(28px, 3.6vw, 48px);
  border-top: 1px solid var(--po-line);
  font-size: clamp(1.2rem, 1rem + 0.9vw, 1.6rem);
  font-weight: 600;
  line-height: 1.28;
  text-wrap: balance;
  overflow-wrap: break-word;
}

.po-legal-raw__doc h2:first-of-type { margin-top: 0; padding-top: 0; border-top: 0; }

.po-legal-raw__doc h3 {
  margin-top: clamp(10px, 1.6vw, 20px);
  max-width: 60ch;
  font-size: clamp(1.02rem, 0.97rem + 0.22vw, 1.16rem);
  font-weight: 600;
  line-height: 1.34;
  text-wrap: balance;
  overflow-wrap: break-word;
}


.po-legal-raw__doc h4 {
  margin-top: clamp(6px, 1vw, 12px);
  max-width: 60ch;
  font-size: clamp(0.94rem, 0.92rem + 0.1vw, 1rem);
  font-weight: 600;
  line-height: 1.34;
  color: var(--po-fg-muted);
}

.po-legal-raw__doc p,
.po-legal-raw__doc ul {
  max-width: 68ch;
  color: var(--po-fg-muted);
  text-wrap: pretty;
  overflow-wrap: break-word;
}


.po-legal-raw__doc ul {
  list-style: disc;
  padding-left: 1.15em;
  display: grid;
  gap: 8px;
}

.po-legal-raw__doc li::marker { color: var(--po-depth); }

.po-legal-raw__doc a {
  color: var(--po-fg);
  text-decoration: underline;
  text-decoration-color: var(--po-depth);
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
  transition: color 0.3s var(--po-ease);
}

.po-legal-raw__doc a:hover { color: var(--po-accent); }


.po-legal-raw__doc p[data-placeholder='true'],
.po-legal-raw__doc li[data-placeholder='true'] { color: var(--po-accent); }


.po-reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.85s var(--po-ease), transform 0.85s var(--po-ease);
  transition-delay: var(--po-d, 0ms);
}

.po-reveal.is-in { opacity: 1; transform: none; }


.po-reveal--fade,
.po-reveal--fade.is-in { transform: none; }

.po-progress {
  position: fixed;
  top: 0;
  left: 0;
  z-index: calc(var(--po-z-header) + 1);
  height: 2px;
  width: 100%;
  transform: scaleX(0);
  transform-origin: left;
  background: linear-gradient(90deg, var(--po-depth), var(--po-accent));
  pointer-events: none;
  will-change: transform;
}


.po-card,
.po-faq__item { contain: layout paint; }


@media (max-width: 900px) {
  
  .po-h1, .po-h2, .po-cta__title,
  .po-quote__lead, .po-quote__signoff, .po-rules__title,
  .po-card__name, .po-faq__label, .po-lead {
    overflow-wrap: break-word;
  }

  
  a, button { -webkit-tap-highlight-color: transparent; }

  
  .po-nav__link { padding-block: 12px; }
  .po-footer__link { padding-block: 6px; }
  .po-lang__opt { line-height: 30px; }
  .po-scroll { padding: 10px 0 10px 10px; }
  .po-back { padding-block: 8px; }

  
  .po-card { min-height: 0; padding: 30px 24px; gap: 14px; }
  .po-card__body { font-size: 0.9rem; }

  
  .po-quote__by { gap: 16px; }
  .po-quote__name { font-size: 16px; }

  
  .po-cta__figure { justify-self: center; width: min(72vw, 300px); }

  
  .po-guides__inner { grid-template-columns: repeat(2, 1fr); }

  
  .po-rules__num, .po-legal__num { font-size: 16px; }
  .po-rules__head { gap: 12px; align-items: center; }
}


@media (max-width: 759px) {
  .po-footer__top {
    grid-template-columns: 1fr 1fr;
    gap: 34px clamp(20px, 6vw, 40px);
  }
  .po-footer__brand { grid-column: 1 / -1; gap: 14px; }
  .po-footer__mark { width: 42px; height: 42px; }
  .po-footer__word { font-size: 32px; }
  .po-footer__col { min-width: 0; }
}

@media (max-width: 560px) {
  .po-section { padding-block: 68px; }
  .po-section--tight { padding-block: 52px; }

  
  .po-brand { gap: 8px; }
  .po-nav__link { display: none; }

  
  .po-hero {
    padding-top: calc(var(--po-header-h) + 1.5rem);
    padding-bottom: 5.5rem;
  }
  .po-hero__inner { transform: none; }
  .po-hero__grid { gap: 0; }
  .po-hero__title { margin-bottom: 22px; }
  .po-hero__lead { max-width: 34ch; }

  
  .po-legal__row { padding: 13px 15px; }
  .po-faq__q { gap: 12px; padding-block: 20px; }
  .po-faq__num { font-size: 16px; }

  
  .po-footer { padding-top: 46px; }
  .po-footer__top { padding-bottom: 40px; }
  .po-footer__bar {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    font-size: 0.6rem;
    line-height: 1.6;
  }

  
  .po-skip { padding: 0.85em 1.25em; font-size: 0.7rem; }
}

@media (max-width: 339px) {
  
  .po-brand__word { display: none; }
}


@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }

  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }

  .po-reveal { opacity: 1; transform: none; }
  .po-hero__title .po-line > span { transform: none; }
}


.po-noscript {
  padding: 14px var(--po-gutter);
  background: var(--po-depth);
  color: var(--po-snow);
  font-size: 0.76rem;
  text-align: center;
  position: relative;
  z-index: 70;
  
  margin-top: var(--po-header-h);
}

@font-face{font-family:Poppins;src:url('/assets/poppins.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url('/assets/poppins-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{--po-font-pixel:Poppins,"Segoe UI",sans-serif;--po-font-sans:Poppins,"Segoe UI",sans-serif;--po-accent:#aece65;--po-depth:#354b1d}
.wrap{width:100%;max-width:calc(var(--po-shell) + 2 * var(--po-gutter));margin-inline:auto;padding-inline:var(--po-gutter)}
.po-h1,.po-h2,.po-brand__word,.po-footer__word,.po-cta__title{font-family:var(--po-font-sans);font-weight:700;-webkit-font-smoothing:antialiased;letter-spacing:-.05em}.po-h1{font-size:clamp(48px,5vw,84px);line-height:1.14;text-transform:none}.po-h2{font-size:clamp(28px,2.8vw,42px);line-height:1.4;letter-spacing:-.035em}.po-brand__word{font-size:24px;padding-top:0;letter-spacing:-1px}.po-brand__mark{width:52px;height:52px;min-width:52px;max-width:none;aspect-ratio:1;object-fit:contain;filter:none}.po-brand:hover .po-brand__mark{filter:none}.po-footer__mark{width:72px;height:72px;filter:none}.po-footer__word{font-size:31px}.po-footer__disclaimer{font-size:12px;max-width:none;color:#aaa9a3;padding-block:25px 30px}
.po-hero__grid{grid-template-columns:minmax(0,1fr) auto}.po-hero__title em{font-style:normal;color:var(--po-accent)}.po-hero__lead{max-width:46ch}.po-hero__inner{min-height:0}.hero-art{position:relative;width:clamp(260px,33vw,540px);justify-self:end}.hero-art .po-hero__figure{width:100%;height:auto;object-fit:contain;aspect-ratio:1;animation:po-island 4s ease-in-out infinite;filter:drop-shadow(0 12px 18px #0005)}.brand-motto{font-size:12px;letter-spacing:.4px;text-align:center;margin-top:18px;color:var(--po-fg-faint)}.hero-foot{display:flex;justify-content:space-between;align-items:center;gap:30px}.hero-foot>span{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--po-fg-faint)}@keyframes po-island{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.maintenance-banner{position:absolute;top:calc(var(--po-header-h) + 9px);left:0;width:100%;display:flex;align-items:center;justify-content:center;gap:9px;padding:9px var(--po-gutter);border-block:1px solid #c8ae6320;background:#b2943509;font-size:11px;line-height:1.5;color:#c5b98c;z-index:3}.maintenance-banner[hidden]{display:none}.maintenance-indicator{width:5px;height:5px;border-radius:50%;background:#c5b98c;flex:none}
.icon{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link:focus{position:fixed;left:15px;top:15px;z-index:110;background:#080b06;padding:15px}
.po-lang__opt{display:block;text-decoration:none}.po-lang{line-height:1}.po-nav{align-items:center}.po-section__head>div{display:grid;gap:18px}.po-section__head>p:not(.po-eyebrow){font-size:14px;color:var(--po-fg-muted);line-height:1.8}.po-card>.icon{width:26px;height:26px;color:var(--po-fg-faint);margin-bottom:27px}.po-card:hover>.icon{color:var(--po-accent)}.po-card__action .icon{width:12px;height:12px}.po-card__name{font-weight:700}.po-card__body{font-size:.92rem}
.mode-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--po-line)}.mode{position:relative;border-bottom:1px solid var(--po-line);transition:background .3s}.mode:not(:nth-child(3n)){border-right:1px solid var(--po-line)}.mode:hover,.mode[open]{background:var(--po-ink-2)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.mode>summary{position:relative;display:grid;grid-template-columns:1fr auto;gap:8px;padding:32px;min-height:220px;overflow:hidden}.mode-number{font-size:10px;color:var(--po-fg-ghost)}.mode-symbol{position:absolute;right:32px;top:29px;width:40px;height:40px;color:var(--po-fg-faint)}.mode-symbol svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}.mode-title{grid-column:1/-1;margin-top:32px}.mode-title strong{display:block;font-size:23px;font-weight:700;line-height:1.3;letter-spacing:-.6px}.mode-title>span{display:block;font-size:11px;color:var(--po-fg-muted);margin-top:9px}.mode-state{font-size:10px;color:var(--po-fg-faint);margin-top:16px}.expand{width:17px;height:17px;color:var(--po-fg-faint);align-self:end;justify-self:end;transition:transform .3s}details[open]>summary .expand{transform:rotate(45deg);color:var(--po-accent)}.mode-body{padding:0 32px 32px}.mode-body>p{font-size:12px;line-height:1.9;color:var(--po-fg-muted)}.mode-facts{display:flex;flex-wrap:wrap;gap:7px;font-size:9px;color:var(--po-accent);margin-top:22px}.mode-facts>span{padding:5px 7px;border:1px solid var(--po-line);border-radius:4px}.mode-note{font-size:11px;line-height:1.9;max-width:800px;margin-top:26px;color:var(--po-fg-faint)}
.lobby-story{display:grid;grid-template-columns:.9fr 1.6fr;align-items:center;gap:clamp(30px,6vw,85px);border-block:1px solid var(--po-line)}.lobby-story-copy .po-eyebrow{margin-bottom:24px}.lobby-story-copy h2{font-size:32px;line-height:1.4;margin-bottom:28px}.lobby-story-copy>p:not(.po-eyebrow){font-size:14px;line-height:1.9;color:var(--po-fg-muted);margin-bottom:19px}.small-link{display:inline-flex;align-items:center;gap:12px;font-size:10px;text-transform:uppercase;letter-spacing:1.2px;border:1px solid var(--po-line);border-radius:9px;padding:8px 12px}.small-link .icon{width:13px;height:13px}.small-link:hover{border-color:var(--po-accent)}.lobby-story-copy .small-link{margin-top:13px}.lobby-story-image{margin:0;min-width:0}.lobby-story-image img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:55% 60%;filter:brightness(.8) saturate(.8)}.lobby-story-image figcaption{display:flex;justify-content:space-between;gap:18px;margin-top:17px;font-size:9px;letter-spacing:.7px;color:var(--po-fg-faint)}
.faq-list{counter-reset:question;border-top:1px solid var(--po-line)}.faq-list details{border-bottom:1px solid var(--po-line)}.faq-list summary{display:grid;grid-template-columns:25px 1fr 18px;gap:30px;align-items:center;padding-block:30px;font-size:18px;line-height:1.5;color:var(--po-fg)}.faq-list summary:before{counter-increment:question;content:counter(question,decimal-leading-zero);font-size:11px;color:var(--po-fg-ghost)}.faq-list details[open] summary:before{color:var(--po-accent)}.faq-list details>p{font-size:15px;line-height:1.9;color:var(--po-fg-muted);padding:0 30px 33px 55px;max-width:1000px}
.closing{border-top:1px solid var(--po-line);background:var(--po-ink-1)}.closing-inner{display:flex;justify-content:space-between;align-items:center;gap:45px;padding-block:90px}.closing .po-eyebrow{margin-bottom:25px}.closing h2{font-size:clamp(28px,3vw,42px);font-weight:700;line-height:1.4;letter-spacing:-1px}.closing p:not(.po-eyebrow){margin-top:25px;font-size:14px;color:var(--po-fg-muted);line-height:1.8}.primary-link{display:inline-flex;align-items:center;gap:18px;padding:14px 20px;border:1px solid var(--po-line-2);border-radius:9px;font-size:12px;white-space:nowrap}.primary-link:hover{border-color:var(--po-accent);background:#aece6508}.primary-link .icon{width:15px;height:15px}.footer-development{font-size:12px;color:var(--po-fg-faint)}.copy-feedback{font-size:10px;line-height:1.8;max-width:230px;min-height:36px;color:var(--po-fg-faint)}.copy-helper{position:fixed;left:-9999px}
dialog{width:420px;max-width:calc(100% - 40px);padding:35px;background:var(--po-ink-2);border:1px solid var(--po-line-2);color:var(--po-fg)}dialog::backdrop{background:#000b}dialog form{display:grid;gap:20px}dialog h2{font-size:24px}dialog p{font-size:13px;color:var(--po-fg-muted)}dialog input{padding:12px;width:100%;font-size:20px;background:var(--po-ink);border:1px solid var(--po-line-2)}.dialog-close{position:absolute;right:10px;top:5px;font-size:25px}.dialog-done{padding:12px;background:var(--po-depth);border-radius:5px}
.splash{position:fixed;inset:0;z-index:110;background:var(--po-ink);display:grid;place-content:center;justify-items:center;gap:20px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .3s,visibility .3s}.splash img{width:210px;height:210px;object-fit:contain}.splash-line{width:70px;height:2px;background:var(--po-accent);transform:scaleX(0)}.splash-on .splash{visibility:visible;opacity:1;pointer-events:auto}.splash-on body{overflow:hidden}.splash-on .splash img{animation:po-welcome .65s ease-out both}.splash-on .splash-line{animation:po-load .7s ease-out both}@keyframes po-welcome{from{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:none}}@keyframes po-load{to{transform:scaleX(1)}}
.po-reveal{opacity:1;transform:none}.po-motion .po-reveal{opacity:0;transform:translateY(24px)}.po-motion .po-reveal.is-in{opacity:1;transform:none}.po-progress{height:2px;transform-origin:left;transform:scaleX(0)}@supports(animation-timeline:scroll()){.po-progress{animation:po-reading linear;animation-timeline:scroll(root)}@keyframes po-reading{to{transform:scaleX(1)}}}
@media(max-width:1100px){.mode-list{grid-template-columns:1fr 1fr}.mode:not(:nth-child(3n)){border-right:0}.mode:nth-child(odd){border-right:1px solid var(--po-line)}.po-h1{font-size:55px}.lobby-story{gap:35px;grid-template-columns:1fr 1.2fr}}
@media(max-width:899px){.po-hero__grid{grid-template-columns:1fr}.hero-art{display:none}.po-h1{font-size:clamp(40px,6.4vw,64px)}.po-hero__lead{max-width:46ch}.po-hero{min-height:88svh}.po-hero__inner{transform:none}.lobby-story{grid-template-columns:1fr;gap:35px}.lobby-story-copy>p:not(.po-eyebrow){max-width:58ch}.lobby-story-image img{aspect-ratio:16/9}}
@media(max-width:560px){.po-brand__mark{width:46px;height:46px;min-width:46px}.po-brand__word{font-size:20px}.po-nav__link[href="#community"],.po-nav__link[href="#spielmodi"]{display:none}.po-nav{gap:15px}.po-nav__link{font-size:10px}.po-h1{font-size:clamp(34px,8vw,48px);line-height:1.2}.po-h2{font-size:28px;line-height:1.4}.hero-foot{gap:15px}.hero-foot>span{font-size:7px;letter-spacing:.8px}.po-scroll{font-size:8px;letter-spacing:1px}.po-section__head>p:not(.po-eyebrow){font-size:12px}.mode-list{grid-template-columns:1fr}.mode:nth-child(n){border-right:0}.mode>summary{min-height:180px;padding:25px 20px}.mode-title strong{font-size:23px}.mode-symbol{right:23px;top:24px;width:34px;height:34px}.mode-body{padding:0 20px 27px}.mode-title>span{font-size:11px}.mode-state{font-size:9px}.mode-note{font-size:10px}.lobby-story-copy h2{font-size:27px}.lobby-story-copy>p:not(.po-eyebrow){font-size:12px}.lobby-story-image img{aspect-ratio:16/10}.lobby-story-image figcaption{font-size:8px;line-height:1.8}.faq-list summary{grid-template-columns:20px 1fr 16px;gap:13px;font-size:14px;padding-block:25px}.faq-list details>p{font-size:12px;padding-left:33px;padding-right:5px}.closing-inner{display:block;padding-block:55px}.closing h2{font-size:28px}.closing p:not(.po-eyebrow){font-size:12px}.closing .primary-link{margin-top:26px;font-size:11px}.maintenance-banner{font-size:10px;padding-block:8px}.po-footer__word{font-size:28px}.po-footer__mark{width:64px;height:64px}.po-footer__disclaimer{font-size:10px;letter-spacing:.5px}.po-footer__col{min-width:0}.po-footer__link{font-size:12px}.po-footer__top{grid-template-columns:1fr 1fr}.po-footer__brand{grid-column:1/-1}.splash img{width:175px;height:175px}}
@media(prefers-reduced-motion:reduce){.hero-art img,.splash img,.splash-line{animation:none!important}.splash{display:none}.po-motion .po-reveal{opacity:1;transform:none}}