/* Öffentliche Präsentation. Alle Regeln bleiben innerhalb von .public-site. */
.public-site{
  --p-bg:#08110e;--p-surface:#10211a;--p-text:#f6f5ed;--p-muted:#b4bfb7;--p-gold:#e6ca83;--p-line:rgba(221,231,217,.16);
  --p-display:"Barlow Condensed","Arial Narrow",sans-serif;
  min-height:100vh;min-height:100svh;background:var(--p-bg);color:var(--p-text);font-family:"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6;
  background-image:radial-gradient(ellipse 55% 16% at 85% 2%,rgba(28,68,44,.2),transparent),radial-gradient(ellipse 50% 25% at 0 75%,rgba(25,63,40,.13),transparent)
}
.public-site :is(h1,h2,h3){filter:none;text-shadow:none;color:var(--p-text);font-family:var(--p-display);font-weight:700;letter-spacing:-.02em;line-height:1.02;overflow-wrap:break-word;text-wrap:balance}
.public-site a{touch-action:manipulation}
.public-site a:focus-visible,.public-site button:focus-visible{outline:2px solid var(--p-gold);outline-offset:5px}
.public-site .public-main{max-width:1504px;display:block;margin:0 auto;padding:24px 32px 0;min-width:0}
.public-site .public-main>.p-home,.public-site .public-main>.p-page{width:100%;max-width:none;margin-inline:0}
.public-site :is(.public-main,.p-heading,.p-page-heading h1):focus{outline:none}
.p-skip{position:fixed;z-index:150;top:10px;left:16px;transform:translateY(-160%);padding:12px 20px;background:var(--p-gold);color:#0c1711;border-radius:5px}
.p-skip:focus{transform:none}
.public-site .da-head--public{position:sticky;top:0;z-index:80;border-bottom:1px solid var(--p-line);background:rgba(8,17,14,.94);box-shadow:none;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.public-site .da-head--public .da-head-bar{min-height:84px;max-width:1504px;padding:12px 32px;gap:24px}
.public-site .da-head--public .da-brand{gap:11px;color:var(--p-text)}
.public-site .da-head--public .da-brand-name{background:none;color:var(--p-text);font-size:1.05rem;letter-spacing:.07em;-webkit-text-fill-color:currentColor;filter:none}
.public-site .da-head--public .da-brand img{filter:none}
.public-site .da-head--public .da-group{gap:12px}
.public-site .da-head--public .da-link{font:500 .85rem/1.2 "Segoe UI",Arial,sans-serif;color:var(--p-muted);border-radius:0;padding:0 7px;min-height:44px}
.public-site .da-head--public .da-link:hover,.public-site .da-head--public .da-link[aria-current=page]{color:var(--p-text);background:none}
.public-site .da-head--public .da-link[aria-current=page]::after{height:1px;bottom:4px;left:7px;right:7px;background:var(--p-gold)}
.public-site .da-head--public .da-cta{background:var(--p-gold);color:#102016;font:600 .85rem/1.2 "Segoe UI",Arial,sans-serif;letter-spacing:0;text-transform:none;min-height:46px;border:1px solid var(--p-gold);border-radius:6px;padding:0 22px;box-shadow:none}
.public-site .da-head--public .da-menu-btn{font:500 .85rem "Segoe UI",Arial,sans-serif;color:var(--p-text);border:1px solid var(--p-line);border-radius:5px}
.p-home{min-width:0}
.p-hero{position:relative;isolation:isolate;min-height:690px;display:flex;align-items:center;border-radius:12px;overflow:hidden;background:#07110c}
.p-hero-art{position:absolute;z-index:-2;inset:0;overflow:hidden}
.p-hero-art img{width:100%;height:100%;object-fit:cover;object-position:78% 54%;display:block}
.p-hero.has-media::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,15,10,.94) 0%,rgba(5,15,10,.85) 30%,rgba(5,15,10,.35) 56%,rgba(5,15,10,.03) 84%),linear-gradient(0deg,rgba(5,15,10,.75),transparent 27%)}
.p-hero-copy{width:60%;max-width:740px;padding:64px clamp(32px,5vw,72px) 100px;position:relative;z-index:1}
.p-eyebrow{font:600 .68rem/1.5 "Segoe UI",Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--p-gold);margin:0 0 22px;display:flex;align-items:center;gap:12px}
.p-eyebrow-line{width:32px;height:1px;background:currentColor}
.public-site h1.p-heading{font-size:clamp(76px,8.4vw,132px);line-height:.93;letter-spacing:-.027em;margin:0 0 30px;background:none;color:var(--p-text);text-transform:none}
.p-heading>span{display:block}
.public-site .p-gold{color:var(--p-gold)}
.public-site h1.p-heading-custom{font-size:clamp(54px,6.6vw,110px);line-height:1;overflow-wrap:anywhere}
.p-intro{font-size:1rem;line-height:1.75;color:#d0d9d0;max-width:43ch;margin:0}
.p-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px}
.p-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:0 22px;min-height:52px;border-radius:5px;font:600 .86rem/1.3 "Segoe UI",Arial,sans-serif;text-decoration:none;transition:background .18s ease,color .18s ease,transform .18s ease;border:1px solid transparent;max-width:100%;text-align:center}
.p-button span{font-size:1.2rem}
.p-button-gold{background:var(--p-gold);color:#102016;border-color:var(--p-gold)}
.p-button-gold:hover{background:#f3daa3;color:#102016;transform:translateY(-2px)}
.p-button-quiet{color:var(--p-text);border-color:rgba(232,238,227,.35);background:rgba(9,22,14,.2)}
.p-button-quiet:hover{background:rgba(232,238,227,.08)}
.p-hero-foot{position:absolute;left:clamp(32px,5vw,72px);right:clamp(32px,5vw,72px);bottom:27px;display:flex;justify-content:space-between;gap:18px;color:#aab9ac;font-size:.66rem;letter-spacing:.04em}
.p-hero-foot>a{color:var(--p-text);display:flex;gap:12px;align-items:center;text-decoration:none;min-height:44px;margin-block:-12px}
.p-hero-foot>a>span{font-size:1.2rem;color:var(--p-gold)}
.p-motion{position:absolute;z-index:2;top:24px;right:24px;border:1px solid rgba(221,231,217,.2);border-radius:30px;min-height:44px;display:inline-flex;gap:9px;align-items:center;padding:0 13px;background:rgba(6,17,10,.68);color:#e0e7df;cursor:pointer;font:500 .68rem "Segoe UI",Arial,sans-serif}
.p-motion[hidden]{display:none}
.p-motion>span:first-child{font-size:.8rem;line-height:1}
.p-game-strip{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px 28px;padding:29px 16px;border-bottom:1px solid var(--p-line);font:500 .66rem "Segoe UI",Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--p-muted)}
.p-game-strip i{height:3px;width:3px;border-radius:100%;background:var(--p-gold);opacity:.8}
.p-story-intro{padding:100px 20px 80px;text-align:center;scroll-margin-top:100px}
.p-story-intro .p-eyebrow{justify-content:center;margin-bottom:22px}
.public-site :is(.p-story-intro,.p-discover,.p-closing) h2{font-size:clamp(42px,5vw,74px);margin:0;letter-spacing:-.025em}
.public-site h2 em{font-style:normal;color:var(--p-gold)}
.p-story-intro>p:last-child{font-size:.95rem;line-height:1.8;color:var(--p-muted);margin:24px auto 0}
.p-story{position:relative;margin:0 40px}
.p-story-stage{display:none}
.p-story-frame,.p-story-mobile{margin:0;position:relative;overflow:hidden;border-radius:8px;background:#102017}
.p-story-frame img,.p-story-mobile img{display:block;width:100%;height:100%;object-fit:cover}
.p-story-mobile{aspect-ratio:3/2;margin-bottom:32px}
.p-chapter{min-width:0;padding:0 0 64px}
.p-chapter-copy{padding:20px 4px;max-width:580px;margin:auto}
.p-chapter-number{display:flex;align-items:center;gap:16px;font-size:.64rem;text-transform:uppercase;letter-spacing:.15em;color:var(--p-muted);margin:0 0 30px}
.p-chapter-number>span{color:var(--p-gold);font-family:var(--p-display);font-size:1.75rem;letter-spacing:.03em}
.public-site .p-chapter h2{font-size:clamp(40px,4.3vw,66px);max-width:15ch;margin:0 0 28px}
.public-site .p-chapter .site-p{font:400 .95rem/1.85 "Segoe UI",Arial,sans-serif;color:var(--p-muted);margin:0 0 20px;max-width:46ch}
.public-site .p-chapter .site-list{list-style:none;margin:0;padding:0;gap:0;font:400 .9rem/1.7 "Segoe UI",Arial,sans-serif;color:#d8dfd6}
.public-site .p-chapter .site-list li{border-bottom:1px solid var(--p-line);padding:16px 0 16px 25px;position:relative}
.public-site .p-chapter .site-list li::before{content:"↗";position:absolute;left:0;top:16px;color:var(--p-gold);font-size:1rem}
.p-text-link{display:inline-flex;gap:22px;align-items:center;min-height:48px;color:var(--p-gold);text-decoration:none;font-size:.85rem;font-weight:600;line-height:1.5;border-bottom:1px solid rgba(230,202,131,.4);margin-top:18px}
.p-text-link:hover{color:#ffebbd;border-color:#ffebbd}
.p-playground{margin:60px 40px 0;padding:76px 0 90px;border-top:1px solid var(--p-line);border-bottom:1px solid var(--p-line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;align-items:center}
.p-playground-copy{max-width:480px}
.public-site .p-playground h2{font-size:clamp(48px,5.2vw,80px);margin:0 0 28px}
.p-playground-copy>p:not(.p-eyebrow){color:var(--p-muted);font-size:.95rem;line-height:1.85}
.p-playground-copy>p.p-small-note{font-size:.76rem;line-height:1.7;color:#b4c3b7}
.p-demo{background:linear-gradient(150deg,#172b23,#0c1b15);border:1px solid rgba(164,196,166,.22);border-radius:14px;padding:26px;box-shadow:0 22px 60px rgba(0,0,0,.25);min-width:0;position:relative}
.p-demo::before{content:"";position:absolute;left:20%;right:20%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--p-gold),transparent)}
.p-demo-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.65rem;color:#cfdbcf}
.p-demo-head>span:first-child{display:flex;gap:8px;align-items:center}
.p-demo-head i{width:6px;height:6px;background:#a1d89d;border-radius:50%}
.p-demo-tag{font-size:.58rem;letter-spacing:.07em;white-space:nowrap;color:#adc1af;border:1px solid rgba(164,196,166,.2);border-radius:4px;padding:4px 7px}
.p-demo-darts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0}
.p-demo-darts>div{padding:16px 8px 12px;border:1px solid rgba(164,196,166,.18);border-radius:8px;display:grid;gap:6px;justify-items:center;background:rgba(255,255,255,.025)}
.p-demo-darts span{font-size:.58rem;letter-spacing:.11em;text-transform:uppercase;color:#aebfb0}
.p-demo-darts b{font-family:var(--p-display);font-size:2.35rem;font-weight:600;line-height:1.1;color:var(--p-text);font-variant-numeric:tabular-nums}
.p-demo-result{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 10px 22px;border-bottom:1px solid rgba(164,196,166,.18)}
.p-demo-result>div{display:grid;gap:0}
.p-demo-result>div:last-child{text-align:right}
.p-demo-result div>span{font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;color:#aebfb0}
.p-demo-result strong{font-family:var(--p-display);font-size:5rem;font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums}
.p-demo-result-arrow{font-size:1.6rem;font-weight:300;color:#839b87}
.p-demo-controls[hidden]{display:none}
.p-demo-keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:20px}
.p-demo-keys button{font:600 .85rem "Segoe UI",Arial,sans-serif;min-height:44px;background:#1e3429;border:1px solid #3b5243;border-radius:5px;color:#edf3e8;cursor:pointer;transition:background .15s ease,transform .15s ease;touch-action:manipulation}
.p-demo-keys button:not(:disabled):hover{background:#354d36;border-color:var(--p-gold);transform:translateY(-1px)}
.p-demo-keys button:disabled{color:#91a392;background:#16271d;cursor:default}
.p-demo-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;margin-top:12px}
.p-demo-footer p{font-size:.62rem;color:#b6c6b9;margin:0}
.p-demo-footer button{background:none;border:0;padding:8px 0;min-height:44px;color:var(--p-gold);font:500 .68rem "Segoe UI",Arial,sans-serif;cursor:pointer;display:flex;gap:8px;align-items:center;text-align:left}
.p-home-editorial{margin:70px 40px}
.p-discover{padding:90px 0;margin:0 40px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:10%;align-items:start}
.p-discover-links{border-top:1px solid var(--p-line)}
.p-discover-links>a{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 4px;border-bottom:1px solid var(--p-line);text-decoration:none;color:var(--p-text);transition:padding .2s ease}
.p-discover-links>a:hover{padding-left:12px;color:var(--p-gold)}
.p-discover-links>a>span:first-child{display:grid;gap:5px}
.p-discover-links small{color:var(--p-muted);font-size:.67rem}
.p-discover-links b{font:600 1.9rem/1.1 var(--p-display)}
.p-discover-arrow{font-size:1.5rem;color:var(--p-gold)}
.p-closing{position:relative;isolation:isolate;overflow:hidden;min-height:440px;border:1px solid var(--p-line);border-radius:10px;background:#0a1d12;display:flex;align-items:center;margin-bottom:30px}
.p-closing-art{position:absolute;inset:0;z-index:-2}
.p-closing-art img{width:100%;height:100%;object-fit:cover;object-position:80% 55%;display:block}
.p-closing::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07140cf5 0%,#07140ce8 25%,#07140c90 50%,#07140c12 100%)}
.p-closing-copy{padding:60px clamp(32px,5vw,72px);max-width:680px}
.public-site .p-closing h2{font-size:clamp(44px,4.6vw,68px);max-width:14ch}
.public-site .p-closing .site-p{font:400 .9rem/1.8 "Segoe UI",Arial,sans-serif;color:#c1cec0;margin:24px 0;max-width:41ch}
.p-page-hero{position:relative;isolation:isolate;min-height:380px;display:flex;align-items:center;overflow:hidden;background:#0a1b12;border-radius:10px;margin-bottom:50px}
.p-page-art{position:absolute;inset:0;z-index:-2;overflow:hidden}
.p-page-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:75% 45%}
.p-page-hero.has-media::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07110af2 0%,#07110ae8 30%,#07110a80 60%,#07110a11)}
.p-page-heading{padding:46px clamp(28px,5vw,72px);max-width:65%}
.p-breadcrumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:.66rem;letter-spacing:.05em;color:var(--p-muted);margin-bottom:32px}
.p-breadcrumb a{color:var(--p-gold);text-decoration:none}
.public-site .p-page-heading h1{font-size:clamp(56px,7.2vw,96px);margin:0 0 24px;line-height:1.01}
.p-page .p-cms{max-width:1184px;margin:0 auto;display:grid;gap:50px}
.public-site .p-cms .site-block{padding:34px 0;background:none;box-shadow:none;border:0;border-radius:0;outline:0;border-top:1px solid var(--p-line);gap:20px;text-align:left}
.public-site .p-cms .site-h{font-family:var(--p-display);font-size:clamp(32px,3.4vw,48px);line-height:1.08;color:var(--p-text);margin:0;letter-spacing:-.01em;max-width:26ch}
.public-site .p-cms .site-p{font:400 .95rem/1.85 "Segoe UI",Arial,sans-serif;color:var(--p-muted);max-width:72ch}
.public-site .p-cms .site-list{font:400 .95rem/1.8 "Segoe UI",Arial,sans-serif;color:var(--p-muted);padding-left:1.3em;gap:12px}
.public-site .p-cms .site-split{column-gap:7%;align-items:center}
.public-site .p-cms .site-img{border:1px solid var(--p-line);border-radius:8px;box-shadow:none}
.public-site .p-cms .site-btn{background:var(--p-gold);color:#102016;font:600 .86rem "Segoe UI",Arial,sans-serif;letter-spacing:0;text-transform:none;border-radius:5px;padding:0 24px;text-decoration:none;min-height:50px}
.public-site .p-cms .site-cta{padding:36px 24px;background:linear-gradient(140deg,#142a1e,#0d1b14);border:1px solid var(--p-line);border-radius:10px;text-align:center;justify-items:center}
.public-site .p-cms .site-cta .site-p{margin-inline:auto}
.public-site .p-cms .site-cta .site-h{max-width:none}
.public-site .p-cms .dp{font-family:"Segoe UI",Arial,sans-serif}
.public-site .p-cms .dp :is(h2,h3){font-size:.82rem;letter-spacing:.08em;line-height:1.3}
.public-site .p-cms .dp .dp-rank-letter{font-family:"Segoe UI",Arial,sans-serif}
.p-page-legal{max-width:1100px;margin:auto}
.p-page-legal .p-page-hero{min-height:300px}
.p-page-legal .p-page-heading{max-width:80%}
.public-site .p-page-legal h1{font-size:clamp(42px,6.5vw,72px);overflow-wrap:anywhere}
.p-page-legal .p-cms{max-width:840px}
.public-site .p-page-legal .site-h{font-size:2rem;font-weight:600}
.public-site .p-page-legal .site-p{font-size:1rem;line-height:1.85;color:#cbd5cc}
.p-footer{max-width:1440px;margin:65px auto 0;padding:48px 40px max(28px,env(safe-area-inset-bottom));border-top:1px solid var(--p-line);display:grid;grid-template-columns:1fr auto;gap:28px;color:var(--p-muted)}
.p-footer-brand>a{display:inline-flex;gap:10px;align-items:center;color:var(--p-text);text-decoration:none;min-height:44px;font:600 1.1rem var(--display);letter-spacing:.05em}
.p-footer-brand img{display:block}
.p-footer-brand p{font-size:.74rem;line-height:1.7;margin:14px 0 0;color:#9aaa9e}
.p-footer-legal{display:flex;flex-wrap:wrap;align-items:start;gap:10px 24px}
.p-footer-legal a{display:flex;align-items:center;min-height:44px;color:var(--p-muted);font-size:.73rem;text-decoration:none}
.p-footer-legal a:hover{color:var(--p-gold)}
.p-footer-note{grid-column:1/-1;padding-top:24px;margin:0;border-top:1px solid var(--p-line);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:#a9b7aa}
@media(min-width:1024px){
  .p-story.is-story-ready{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;align-items:start}
  .p-story.is-story-ready .p-story-stage{display:block;position:sticky;top:112px;height:min(660px,calc(100svh - 144px));min-height:380px;border:1px solid var(--p-line);border-radius:9px;overflow:hidden}
  .p-story.is-story-ready .p-story-frame{position:absolute;inset:0;opacity:0;visibility:hidden;border-radius:0;transition:opacity 1s ease,visibility 1s;will-change:auto}
  .p-story.is-story-ready .p-story-frame.is-current{opacity:1;visibility:visible}
  .p-story.is-story-ready .p-story-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,13,7,.78),transparent 27%)}
  .p-story.is-story-ready .p-story-mobile{display:none}
  .p-story.is-story-ready .p-chapter{min-height:76svh;display:flex;align-items:center;padding:40px 0}
  .p-story.is-story-ready .p-chapter:last-child{min-height:70svh}
  .p-story.is-story-ready .p-chapter-copy{width:100%;padding:36px 8px 36px 0}
  .p-stage-caption{position:absolute;bottom:27px;left:28px;right:28px;display:flex;align-items:center;gap:16px;z-index:2;font-size:.67rem;color:#dce4d9}
  .p-stage-caption>[data-public-scene-number]{font:600 2rem var(--p-display);color:var(--p-gold)}
  .p-stage-dots{display:flex;gap:7px;margin-left:auto}
  .p-stage-dots>span{display:block;height:3px;width:20px;background:#91a28d7a;transition:background .5s}
  .p-stage-dots>.is-current{background:var(--p-gold)}
  .p-image-corner{position:absolute;right:18px;top:18px;border-top:1px solid #e6ca8366;border-right:1px solid #e6ca8366;width:40px;height:40px}
}
@media(min-width:1600px){.p-hero{min-height:760px}.p-hero-copy{width:58%}.p-hero-art img{object-position:75% 58%}}
@media(max-width:1100px) and (min-width:1024px){.public-site .da-head--public .da-head-bar{gap:12px}.public-site .da-head--public .da-group{gap:3px}.public-site .da-head--public .da-menu{gap:10px}.public-site .da-head--public .da-cta{padding:0 16px}}
@media(max-width:1023.98px){
  .public-site .public-main{padding:20px 24px 0}
  .public-site .da-head--public .da-head-bar{min-height:76px;padding:10px 24px;justify-content:space-between;position:relative;flex-wrap:nowrap}
  .public-site .da-head--public .da-menu-btn{display:inline-flex}
  .public-site .da-head--public .da-menu{display:none;position:absolute;left:0;right:0;top:100%;padding:20px 24px 24px;background:#0b1911;border-bottom:1px solid var(--p-line);box-shadow:0 22px 30px #0005;margin:0;z-index:81;max-height:calc(100svh - 76px);overflow-y:auto}
  .public-site .da-head--public .da-menu.is-open{display:flex;flex-direction:column;align-items:stretch;gap:14px}
  .public-site .da-head--public .da-group{display:flex;flex-direction:column;align-items:stretch;gap:3px;border:0;padding:0}
  .public-site .da-head--public .da-link{padding:12px 8px;font-size:1rem;min-height:48px;justify-content:flex-start}
  .public-site .da-head--public .da-link[aria-current=page]::after{bottom:5px;right:auto;width:22px}
  .public-site .da-head--public .da-cta{justify-content:center;min-height:48px}
  .p-hero{min-height:650px}
  .p-hero-copy{width:72%;padding:48px 36px 100px}
  .public-site h1.p-heading{font-size:clamp(76px,11vw,112px)}
  .p-hero-foot{left:36px;right:36px}
  .p-hero-art img{object-position:73% 50%}
  .p-hero.has-media::before{background:linear-gradient(90deg,#05100bf2,#05100bb0 44%,#05100b11),linear-gradient(0deg,#05100bf0,transparent 55%)}
  .p-story,.p-playground,.p-home-editorial,.p-discover{margin-inline:12px}
  .p-story-intro{padding:78px 12px 56px}
  .p-chapter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;padding-bottom:60px}
  .p-story-mobile{margin:0;aspect-ratio:4/5}
  .p-chapter-copy{padding:20px 0}
  .public-site .p-chapter h2{font-size:46px}
  .p-chapter-number{margin-bottom:20px;gap:8px}
  .p-playground{padding:60px 0;gap:5%}
  .public-site .p-playground h2{font-size:60px}
  .p-demo{padding:20px}
  .p-demo-head{flex-wrap:wrap}
  .p-demo-darts{gap:6px;margin-top:20px}
  .p-demo-darts>div{padding-inline:4px}
  .p-demo-result strong{font-size:4.5rem}
  .p-discover{padding:65px 0;gap:6%}
  .p-closing-copy{padding:50px 36px;max-width:70%}
  .p-page-heading{padding:42px 36px;max-width:75%}
  .p-page-hero{min-height:350px}
  .p-footer{margin-top:48px;padding-inline:36px;gap:28px}
  .p-footer-legal{flex-direction:column;gap:0}
}
@media(max-width:639.98px){
  .public-site .public-main{padding:12px 12px 0}
  .public-site .da-head--public .da-head-bar{min-height:70px;padding:9px 20px}
  .public-site .da-head--public .da-brand-name{font-size:.94rem}
  .public-site .da-head--public .da-brand img{width:30px;height:30px}
  .public-site .da-head--public .da-menu-btn{padding:0 12px;min-height:44px;font-size:.75rem}
  .p-hero{min-height:0;display:block;border-radius:8px}
  .p-hero-art{bottom:auto;height:430px}
  .p-hero-art img{object-position:83% 49%}
  .p-hero.has-media::before{background:linear-gradient(0deg,#07110c 0%,#07110c 20%,#07110cc0 46%,#07110c05 78%),linear-gradient(90deg,#07110c80,#07110c00)}
  .p-hero-copy{width:100%;max-width:none;padding:194px 24px 30px}
  .p-hero:not(.has-media) .p-hero-copy{padding-top:48px}
  .p-eyebrow{font-size:.59rem;letter-spacing:.14em;margin-bottom:19px;gap:9px}
  .p-eyebrow-line{width:22px}
  .public-site h1.p-heading{font-size:clamp(57px,16.8vw,92px);line-height:.94;margin-bottom:24px}
  .public-site h1.p-heading-custom{font-size:clamp(45px,13vw,72px)}
  .p-intro{font-size:.95rem;line-height:1.8;max-width:40ch;color:#c9d5ca}
  .p-actions{gap:10px;margin-top:24px}
  .p-button{font-size:.76rem;gap:18px;min-height:50px;padding:0 18px}
  .p-button-quiet{border-color:#bfccb24d}
  .p-hero-foot{position:relative;bottom:auto;left:auto;right:auto;margin:0 24px;padding:21px 0;border-top:1px solid var(--p-line);font-size:.57rem;align-items:center;gap:8px}
  .p-hero-foot>a{gap:8px;min-height:44px}
  .p-hero-foot>span{max-width:13ch}
  .p-motion{top:16px;right:16px;font-size:.65rem;min-height:44px;background:rgba(6,17,10,.8)}
  .p-game-strip{gap:11px 16px;padding:22px 8px;font-size:.53rem;letter-spacing:.11em;line-height:1.5}
  .p-game-strip i{width:2px;height:2px}
  .p-story-intro{padding:62px 16px 42px;scroll-margin-top:88px}
  .public-site :is(.p-story-intro,.p-discover,.p-closing) h2{font-size:42px;line-height:1.05}
  .p-story-intro .p-eyebrow{font-size:.54rem;letter-spacing:.12em;margin-bottom:18px}
  .p-story-intro>p:last-child{font-size:.93rem;line-height:1.85;margin-top:20px}
  .p-desktop-break{display:none}
  .p-story{margin:0 12px}
  .p-chapter{display:block;padding-bottom:42px}
  .p-story-mobile{aspect-ratio:6/5;border-radius:7px;margin-bottom:26px}
  .p-chapter-copy{padding:0 4px}
  .p-chapter-number{font-size:.57rem;margin:0 0 18px;gap:12px}
  .p-chapter-number>span{font-size:1.45rem}
  .public-site .p-chapter h2{font-size:43px;max-width:15ch;margin-bottom:20px}
  .public-site .p-chapter .site-p{font-size:.95rem;line-height:1.85;margin-bottom:16px}
  .public-site .p-chapter .site-list{font-size:.93rem;line-height:1.75}
  .public-site .p-chapter .site-list li{padding-block:13px}
  .p-playground{grid-template-columns:minmax(0,1fr);margin:0 16px;padding:40px 0 48px;gap:30px}
  .public-site .p-playground h2{font-size:55px;margin-bottom:22px}
  .p-playground-copy>p:not(.p-eyebrow){font-size:.95rem}
  .p-playground-copy>p.p-small-note{font-size:.7rem}
  .p-text-link{font-size:.77rem;margin-top:8px}
  .p-demo{padding:21px 18px;border-radius:10px}
  .p-demo-head{flex-wrap:nowrap;font-size:.58rem;gap:6px}
  .p-demo-tag{font-size:.51rem;padding:3px 5px}
  .p-demo-darts{gap:8px;margin:22px 0}
  .p-demo-darts b{font-size:2.15rem}
  .p-demo-result{padding:0 4px 20px}
  .p-demo-result strong{font-size:4.7rem}
  .p-demo-result div>span{font-size:.54rem}
  .p-demo-keys button{min-height:46px;font-size:.77rem}
  .p-demo-footer{gap:2px 8px;align-items:center}
  .p-demo-footer p{font-size:.6rem}
  .p-demo-footer button{font-size:.64rem}
  .p-home-editorial{margin:40px 16px}
  .p-discover{display:block;margin:0 16px;padding:46px 0}
  .p-discover-links{margin-top:32px}
  .p-discover-links>a{padding-block:21px}
  .p-discover-links b{font-size:1.9rem}
  .p-discover-links small{font-size:.62rem}
  .p-closing{min-height:0;display:block;border-radius:7px}
  .p-closing-art{bottom:auto;height:290px}
  .p-closing-art img{object-position:80% 40%}
  .p-closing::before{background:linear-gradient(0deg,#0a1d12 0%,#0a1d12 27%,#0a1d12d0 49%,#0a1d1200 90%)}
  .p-closing-copy{max-width:none;padding:210px 26px 34px}
  .public-site .p-closing h2{font-size:49px;max-width:14ch}
  .public-site .p-closing .site-p{font-size:.95rem;margin-block:20px}
  .p-closing .p-button{min-width:160px}
  .p-page-hero{display:block;min-height:0;margin-bottom:24px;border-radius:7px}
  .p-page-art{bottom:auto;height:260px}
  .p-page-art img{object-position:78% 40%}
  .p-page-hero.has-media::before{background:linear-gradient(0deg,#0a1b12 0%,#0a1b12e8 35%,#0a1b1240 80%,#0a1b1200)}
  .p-page-heading{max-width:none;padding:180px 26px 30px}
  .p-page-hero:not(.has-media) .p-page-heading{padding-top:36px}
  .p-breadcrumb{font-size:.61rem;margin-bottom:22px;gap:8px}
  .public-site .p-page-heading h1{font-size:clamp(44px,13vw,68px);margin-bottom:22px}
  .p-page-legal .p-page-heading{max-width:none}
  .public-site .p-page-legal h1{font-size:clamp(28px,8.4vw,48px)}
  .p-page .p-cms{padding:0 16px;gap:22px}
  .public-site .p-cms .site-block{padding-top:28px;padding-bottom:12px;gap:18px}
  .public-site .p-cms .site-h{font-size:34px;line-height:1.12}
  .public-site .p-cms .site-p,.public-site .p-cms .site-list{font-size:.95rem;line-height:1.85}
  .public-site .p-page-legal .site-p{font-size:1rem}
  .public-site .p-cms .site-split{grid-template-columns:minmax(0,1fr);gap:25px}
  .public-site .p-cms .site-split.right .site-img{order:0}
  .public-site .p-cms .site-cta{padding:28px 20px}
  .public-site .p-cms .dp{padding:12px;border-radius:8px}
  .public-site .p-page-legal .site-h{font-size:1.8rem}
  .p-footer{margin-top:40px;padding:34px 28px max(24px,env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr);gap:22px}
  .p-footer-brand>a{font-size:1rem}
  .p-footer-brand p{font-size:.69rem}
  .p-footer-legal{flex-direction:row;gap:0 16px;align-items:center}
  .p-footer-legal a{font-size:.66rem}
  .p-footer-note{padding-top:20px;font-size:.55rem}
}
@media(max-width:359px){.p-hero-copy{padding-inline:18px}.p-hero-foot{margin-inline:18px}.p-actions{gap:8px}.p-button{padding-inline:13px;gap:12px;font-size:.72rem}.p-game-strip{gap:10px}.p-demo{padding-inline:12px}.public-site .p-chapter h2{font-size:39px}}
@keyframes public-image-drift{from{transform:scale(1.015) translate3d(0,0,0)}to{transform:scale(1.065) translate3d(-.65%,-.4%,0)}}
@media(prefers-reduced-motion:no-preference){
  .public-site[data-public-motion="on"] [data-public-ambient][data-in-view="true"] :is(.p-hero-art,.p-closing-art,.p-page-art,.p-story-mobile)>img,
  .public-site[data-public-motion="on"] .p-story-stage[data-in-view="true"] .p-story-frame.is-current>img{animation:public-image-drift 18s ease-in-out infinite alternate}
  .public-site[data-public-motion="on"] [data-public-reveal]{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.65,.3,1)}
  .public-site[data-public-motion="on"] [data-public-reveal].is-reveal-pending{opacity:0;transform:translate3d(0,16px,0)}
}
.public-site.is-document-hidden [data-public-ambient] img{animation-play-state:paused!important}
.public-site[data-public-motion="off"] :is(img,[data-public-reveal],.p-story-frame,.p-stage-dots>span){animation:none!important;transition:none!important;transform:none!important}
.public-site .p-page-legal [data-public-reveal]{opacity:1!important;transform:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){
  .public-site :is(img,[data-public-reveal],.p-story-frame,.p-stage-dots>span,.p-button,.p-discover-links>a){animation:none!important;transition:none!important;transform:none!important;opacity:1}
  .public-site .p-story-frame:not(.is-current){opacity:0}
  .public-site .p-motion{display:none}
}
@media print{.public-site{background:white;color:#111}.public-site :is(h1,h2,h3,.site-p){color:#111!important}.public-site :is(.da-head,.p-motion,.p-demo-controls,.p-footer){display:none}.p-story-stage{display:none!important}.p-story-mobile{display:block!important}.p-chapter{min-height:0!important}.p-hero-copy,.p-page-heading{width:100%;max-width:none;padding:30px}.p-hero{min-height:0}.p-hero-art{display:none}.public-site [data-public-reveal]{opacity:1!important;transform:none!important}}

/* Bildgeschichte: Alle acht Originalmotive bleiben erhalten. Die drei
   zusätzlichen Perspektiven werden erst in der Nähe des Sichtbereichs geladen. */
.public-site .p-picture{display:block;position:relative;isolation:isolate;width:100%;height:100%;aspect-ratio:3/2;overflow:hidden;background:#0a1b12}
.public-site .p-picture>img,.public-site .p-picture-story>img{display:block;width:100%;height:100%;object-fit:cover}
.public-site .p-picture>img{position:absolute;inset:0}
.public-site .p-picture-story{position:absolute;inset:0;z-index:1;opacity:0;pointer-events:none}
.public-site .p-picture-story>img{object-position:60% 50%}
.public-site .p-picture-light{position:absolute;z-index:2;inset:-20%;pointer-events:none;opacity:0;background:linear-gradient(115deg,transparent 35%,rgba(239,208,136,.09) 48%,transparent 60%);transform:translateX(-65%)}
.public-site :is(.p-hero-art,.p-page-art,.p-closing-art)>.p-picture{aspect-ratio:auto}
.public-site .site-img>.p-picture{height:auto}
.public-site .p-perspectives{margin:0 40px 84px;padding-bottom:68px;border-bottom:1px solid var(--p-line)}
.p-perspectives-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:36px}
.public-site .p-perspectives h2{font-size:clamp(38px,4.2vw,62px);margin:0;line-height:1.07}
.p-perspectives .p-eyebrow{margin-bottom:16px}
.public-site .p-motion-inline{position:static;flex-shrink:0;align-self:flex-start;margin-top:5px;min-height:44px}
.p-perspective-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.p-perspective{min-width:0;overflow:hidden;border:1px solid var(--p-line);border-radius:9px;background:linear-gradient(155deg,#12251b,#0d1b15)}
.p-perspective figure{margin:0;aspect-ratio:4/3;overflow:hidden;border-bottom:1px solid var(--p-line)}
.p-perspective-copy{padding:23px 24px 27px}
.p-perspective-role{display:flex;align-items:center;gap:12px;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--p-gold);margin:0 0 16px}
.p-perspective-role>span{font:600 1.6rem/1 var(--p-display)}
.public-site .p-perspective h3{font-size:clamp(27px,2.7vw,37px);line-height:1.09;margin:0 0 16px}
.p-perspective-copy>p:last-child{color:var(--p-muted);font-size:.82rem;line-height:1.8;margin:0}
.p-perspective:nth-child(2) .p-picture{--picture-delay:2s}
.p-perspective:nth-child(3) .p-picture{--picture-delay:4s}
@keyframes public-picture-crossfade{0%,18%,100%{opacity:0}34%,74%{opacity:1}90%{opacity:0}}
@keyframes public-picture-light{0%,12%{opacity:0;transform:translateX(-65%)}40%{opacity:1}72%,100%{opacity:0;transform:translateX(65%)}}
@media(prefers-reduced-motion:no-preference){
  .public-site[data-public-motion] .p-picture-animated>img,.public-site[data-public-motion] .p-picture-animated .p-picture-story>img{animation:public-image-drift 18s ease-in-out infinite alternate paused}
  .public-site[data-public-motion] .p-picture.is-picture-ready>.p-picture-story{animation:public-picture-crossfade 22s ease-in-out var(--picture-delay,0s) infinite paused}
  .public-site[data-public-motion] .p-picture-animated>.p-picture-light{animation:public-picture-light 14s ease-in-out infinite paused}
  .public-site[data-public-motion="on"] .p-picture[data-in-view="true"]:is(.p-picture-animated,.is-picture-ready)>:is(img,.p-picture-story,.p-picture-light),
  .public-site[data-public-motion="on"] .p-picture[data-in-view="true"] .p-picture-story>img{animation-play-state:running}
}
.public-site.is-document-hidden .p-picture :is(img,.p-picture-story,.p-picture-light),
.public-site .p-story-frame:not(.is-current) .p-picture :is(img,.p-picture-story,.p-picture-light){animation-play-state:paused!important}
@media(min-width:640px) and (max-width:1023.98px){
  .public-site .p-perspectives{margin-inline:12px;margin-bottom:52px;padding-bottom:48px}
  .p-perspective-grid{grid-template-columns:minmax(0,1fr);gap:20px}
  .p-perspective{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .p-perspective figure{aspect-ratio:auto;min-height:245px;border-bottom:0;border-right:1px solid var(--p-line)}
  .p-perspective-copy{align-self:center;padding:26px}
  .p-perspectives-heading{align-items:start;gap:18px}
  .public-site .p-perspectives h2{font-size:46px}
  .public-site .p-perspective h3{font-size:35px}
}
@media(max-width:639.98px){
  .public-site .p-perspectives{margin:0 12px 44px;padding-bottom:40px}
  .p-perspectives-heading{display:block;margin-bottom:26px}
  .public-site .p-perspectives h2{font-size:40px}
  .public-site .p-motion-inline{display:inline-flex;margin-top:22px}
  .public-site .p-motion-inline[hidden]{display:none}
  .p-perspective-grid{grid-template-columns:minmax(0,1fr);gap:24px}
  .p-perspective figure{aspect-ratio:6/5}
  .p-perspective-copy{padding:22px 23px 26px}
  .public-site .p-perspective h3{font-size:35px;max-width:20ch}
  .p-perspective-copy>p:last-child{font-size:.93rem}
  .public-site .p-hero-art .p-picture-story>img{object-position:65% 46%}
}
@media(prefers-reduced-motion:reduce){
  .public-site .p-picture :is(img,.p-picture-story,.p-picture-light){animation:none!important;transition:none!important;transform:none!important}
  .public-site .p-picture :is(.p-picture-story,.p-picture-light){display:none!important}
}
@media print{.public-site .p-picture :is(.p-picture-story,.p-picture-light){display:none!important}.p-perspective-grid{display:block}.p-perspective{break-inside:avoid;margin-bottom:20px}.public-site .p-picture img{animation:none!important}}