/* One public design system, shared by every generated page. */
:root{--site-paper:var(--ic-edf7fb);--site-teal:var(--ic-8ceadf);--site-purple:var(--ic-633783);--site-ink:var(--ic-092e43)}
.street-page{background-color:var(--site-paper);background-image:radial-gradient(var(--ic-09364b12) .6px,transparent .6px);background-size:5px 5px;font:16px/1.65 'Segoe UI',Arial,sans-serif;color:var(--site-ink);margin:0}
.street-page *, .street-page *:before,.street-page *:after{box-sizing:border-box}
.street-page .wrap{width:min(1200px,calc(100% - 48px));margin-inline:auto}
.street-page main{min-width:0}
.street-page .site-header,.street-home .site-header{background:linear-gradient(110deg,var(--ic-092e43),var(--ic-163e53));color:var(--ic-e8faff);border-bottom:1px solid var(--ic-79d6d440)}
.street-page .site-header .brand,.street-page .site-header nav a,.street-home .site-header .brand,.street-home .site-header nav a{color:var(--ic-e8faff)}
.street-page .site-header small,.street-home .site-header small{color:var(--ic-add2de)}
.street-page .site-header .menu-toggle{color:var(--ic-d9faff);border-color:var(--ic-6ea9bd);background:var(--ic-164c61)}
.street-page :is(.page-head,.stats-intro,.roadmap-intro,.vision-section:first-child){padding-block:56px 48px;position:relative;isolation:isolate;margin-bottom:32px}
.street-page :is(.page-head,.stats-intro,.roadmap-intro,.vision-section:first-child):before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 90% 5%,var(--ic-a891d53b),transparent 60%),linear-gradient(115deg,var(--ic-e6f5f3),var(--ic-f5f8fd));box-shadow:0 0 0 100vw var(--ic-e8f4f7);clip-path:inset(0 -100vw);border-bottom:3px solid var(--ic-8dded7)}
.street-page h1{font-family:Impact,'Arial Black','Segoe UI',sans-serif;text-transform:uppercase;font-size:clamp(42px,5.7vw,76px);letter-spacing:-.025em;line-height:1.04;margin:16px 0 24px;font-weight:800;overflow-wrap:anywhere}
.street-page h1 em{font-style:normal;background:var(--ic-91e8df);color:var(--ic-123b4d);padding:0 7px}
.street-page h2{font-size:clamp(25px,2.5vw,36px);line-height:1.16;letter-spacing:-.035em}
.street-page h3{font-size:20px;line-height:1.3;letter-spacing:-.02em}
.street-page p,.street-page li{font-size:16px;line-height:1.8}
.street-page .lead{font-size:18px;max-width:780px}
.street-page .eyebrow{font:700 11px/1.5 Consolas,monospace;letter-spacing:.12em;color:var(--ic-6f508c)}
.street-page .button{border-radius:4px;box-shadow:4px 4px 0 var(--ic-092e4322);font-size:14px}
.street-page .card,.street-page .example-card,.street-page .roadmap-card,.street-page .stats-card{border-radius:12px;border-color:var(--ic-c0d5e0);box-shadow:4px 5px 0 var(--ic-d4e2e963)}
.street-page .prose{max-width:1000px;padding:32px;background:var(--ic-ffffffd9);border:1px solid var(--ic-c9dce6);border-top:4px solid var(--ic-8cdcd8);box-shadow:5px 6px 0 var(--ic-d6cce640);border-radius:12px;margin-block:32px}
.street-page .prose h2{font-size:27px;margin-top:32px}.street-page .prose h2:first-child{margin-top:0}
.street-page .compact{padding-block:28px 55px}
.street-page main>section:not([class]),.street-page main>section.card{width:min(1200px,calc(100% - 48px));margin:32px auto;padding:28px}
.street-page .guide{display:grid;grid-template-columns:230px minmax(0,1fr);gap:30px;align-items:start;padding-bottom:60px}
.street-page .guide-nav{position:sticky;top:105px;display:flex;flex-direction:column;gap:0;padding:14px;background:linear-gradient(145deg,var(--ic-103b50),var(--ic-46345e));border:1px solid var(--ic-8babbd);border-radius:12px;box-shadow:5px 6px 0 var(--ic-cadce5)}
.street-page .guide-nav a{display:block;padding:10px 9px;color:var(--ic-e0f5fa);font-size:13px;line-height:1.4;border-bottom:1px solid var(--ic-ffffff13);text-decoration:none}
.street-page .guide-nav a:hover{background:var(--ic-ffffff15);border-radius:6px}
.street-page .guide-body{min-width:0}
.street-page .guide-card{position:relative;padding:30px;background:var(--ic-ffffffdc);border:1px solid var(--ic-bed4df);border-radius:12px;margin:0 0 24px;box-shadow:5px 6px 0 var(--ic-cfdee666);scroll-margin-top:110px}
.street-page .guide-card.wrap,.street-home .guide-card.wrap{margin-inline:auto}
.street-page .guide-card:nth-child(2n){background:linear-gradient(120deg,var(--ic-fff),var(--ic-f2edf8));border-top:3px solid var(--ic-bba4d3)}
.street-page .guide-card:nth-child(2n+1){border-top:3px solid var(--ic-77d3cf)}
.street-page .guide-card h2{font-size:29px;margin:14px 0 20px}
.street-page .guide-number{display:inline-block;padding:3px 9px;background:var(--ic-0b344c);color:var(--ic-bbf4ed);font:12px/1.8 Consolas,monospace;transform:rotate(-3deg)}
.street-page .guide-card p,.street-page .guide-card li{font-size:15px;line-height:1.8}
.street-page .guide-card code{overflow-wrap:anywhere;background:var(--ic-edf2f7);border:1px solid var(--ic-d9e3ec);padding:2px 5px;border-radius:4px;font-size:12px}
.guide-actions{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.guide-actions span{font-size:12px;padding:8px 12px;border:1px solid var(--ic-c6dbe4);border-radius:6px;background:var(--ic-edf8f7)}
.street-page details{padding:15px 0;border-bottom:1px solid var(--ic-d8e3ec)}.street-page summary{font-size:15px;cursor:pointer}
.street-page .account-page{margin:38px auto 64px;width:min(720px,calc(100% - 40px));padding:32px;background:linear-gradient(135deg,var(--ic-fff),var(--ic-f1f8fa));border:1px solid var(--ic-bad5df);border-top:5px solid var(--ic-85dbd5);border-radius:12px;box-shadow:8px 9px 0 var(--ic-c7b5dd30)}
.street-page .account-page h1{font-size:42px}
.street-page .site-footer{padding-block:30px;background:transparent}
@media(max-width:1250px){.street-page .site-header nav{background:var(--ic-113c51)}}
@media(max-width:760px){
 .street-page .wrap{width:calc(100% - 32px)}
 .street-page :is(.page-head,.stats-intro,.roadmap-intro,.vision-section:first-child){padding-block:35px 30px}
 .street-page .guide{grid-template-columns:minmax(0,1fr);gap:20px}
 .street-page .guide-nav{position:static;display:grid;grid-template-columns:1fr 1fr;padding:8px}
 .street-page .guide-nav a{font-size:12px}
 .street-page .guide-card,.street-page .prose{padding:22px}
 .street-page .guide-card h2{font-size:26px}
 .street-page .account-page{padding:22px}
 .street-page p,.street-page li{font-size:15px}
}

.communication-call{margin-top:50px;margin-bottom:50px;padding:clamp(24px,5vw,60px);border:1px solid var(--ic-83c7d6);border-radius:24px;background:linear-gradient(125deg,var(--ic-ddf5f4),var(--ic-ede4f6));box-shadow:0 20px 60px var(--ic-17445a12)}.communication-call h2{max-width:850px;font-size:clamp(28px,4.4vw,58px);line-height:1.08;letter-spacing:-1.4px;color:var(--ic-123b52)}.communication-call p{max-width:700px;color:var(--ic-34576c);line-height:1.7}.communication-call a{display:inline-flex;margin:8px 10px 0 0}

/* Satin highlights share the existing palette; no moving text or layout. */
.name-story{padding-top:64px;padding-bottom:64px}.name-story:not(.feature-story){border-top:1px solid var(--ic-8bbed0)}.name-story .lead{max-width:850px}.name-story .story-number{line-height:1.25;font-size:clamp(28px,4vw,62px)}
.launch :is(a.button,.primary-btn,.nav-download){position:relative;overflow:hidden;isolation:isolate;box-shadow:inset 0 1px var(--ic-ffffff70),0 4px 16px var(--ic-29364b16)}
.launch :is(a.button,.primary-btn,.nav-download)::after{content:"";position:absolute;inset:-70% -40%;pointer-events:none;background:linear-gradient(120deg,transparent 43%,var(--ic-ffffff65) 50%,transparent 57%);transform:translateX(-80%);animation:site-satin 9s ease-in-out infinite;z-index:-1}
.launch a[href*="einladen"]::after{animation-direction:reverse;animation-duration:7s}.launch .nav-download::after{animation-delay:2s}
@keyframes site-satin{0%,65%{transform:translateX(-80%)}92%,100%{transform:translateX(80%)}}
@media(prefers-reduced-motion:reduce){.launch :is(a.button,.primary-btn,.nav-download)::after{animation:none;display:none}}

/* Short, self-hosted product guides. */
.explain-section,.explain-teaser{padding-top:56px;padding-bottom:56px}
.explain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}
.explain-card{min-width:0;background:linear-gradient(125deg,var(--ic-f0fafc),var(--ic-f0ecf6));border:1px solid var(--ic-c7dce4);border-radius:20px;padding:24px;box-shadow:0 12px 34px var(--ic-18394a09)}
.explain-card h3{font-size:clamp(22px,2vw,30px);line-height:1.2;margin:12px 0}
.explain-card video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:var(--ic-123548);border-radius:12px;margin:20px 0 10px}
.explain-card details{margin-top:18px}.explain-card summary{cursor:pointer;font-weight:700}.explain-card .explain-note{font-size:13px;color:var(--ic-526a7c)}
.explain-teaser{background:linear-gradient(110deg,var(--ic-e1f8fa),var(--ic-ede6f3));border-radius:22px;padding-left:32px;padding-right:32px}
@media(max-width:780px){.explain-grid{grid-template-columns:1fr}.explain-card{padding:18px}.explain-teaser{padding-left:20px;padding-right:20px}}

/* Silent campaign film: same editorial rhythm as the homepage. */
.launch-film{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:38px;align-items:center;padding-block:70px}.launch-film>div{min-width:0}.launch-film .explain-card{min-width:0;border:1px solid var(--ic-b5d9df);box-shadow:8px 9px 0 var(--ic-b9e6e744)}.launch-film video,.explain-card video{display:block;max-width:100%;height:auto;aspect-ratio:16/9;background:var(--ic-103042)}.launch-film .eyebrow{line-height:1.6}.launch-film h2{font-size:clamp(30px,3.5vw,48px)}@media(max-width:850px){.launch-film{grid-template-columns:1fr;gap:22px;padding-block:38px}}

.web-app-preview{margin:1.5rem 0}.web-app-preview img{display:block;width:100%;height:auto;border:1px solid var(--ic-bdd8e2);border-radius:18px;box-shadow:0 18px 45px var(--ic-08384a18)}.web-app-preview figcaption{font-size:.8rem;margin-top:.6rem;color:var(--ic-42667c)}

/* Shared Web-App launch and compact, naturally sized download cards. */
.web-start-floating{position:fixed;z-index:45;bottom:22px;right:70px;display:inline-flex;align-items:center;padding:16px 24px;border-radius:999px;border:1px solid var(--ic-70e7e6);background:linear-gradient(115deg,var(--ic-06374b),var(--ic-087c8c) 45%,var(--ic-734f94));color:var(--ic-fff);font-weight:800;box-shadow:0 5px 25px var(--ic-083b4a55);animation:web-start-glow 4s ease-in-out infinite;text-decoration:none}
@keyframes web-start-glow{50%{box-shadow:0 0 28px var(--ic-0bc6ce88),0 5px 18px var(--ic-673d8666);filter:brightness(1.12)}}
.download-grid{align-items:start!important}.download-card{height:auto!important;min-height:0!important}.download-grid .download-card .button{max-width:100%;white-space:normal}.download-archive{margin-top:25px;padding-top:18px;border-top:1px solid var(--ic-b7cbd5)}
body{padding-bottom:86px}.site-footer{padding-bottom:30px}
@media(max-width:640px){.web-start-floating{left:16px;right:60px;bottom:14px;justify-content:center;padding:13px;font-size:15px}}
@media(prefers-reduced-motion:reduce){.web-start-floating{animation:none}}

.web-first{padding-block:60px}.web-first h2{font-size:clamp(38px,6vw,76px);line-height:1.03;letter-spacing:-2px}.web-first .lead{max-width:850px;font-size:clamp(18px,2vw,23px)}.web-first-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0}.web-first-grid article{padding:24px;border:1px solid var(--ic-91b9c8);border-radius:20px;background:linear-gradient(130deg,var(--ic-effdfd),var(--ic-e8def4))}.web-first-grid b{font-size:20px}.web-first-grid p{line-height:1.7}.web-first .button{box-shadow:0 0 28px var(--ic-32d5d94a)}.web-first .meta{max-width:850px}@media(max-width:700px){.web-first-grid{grid-template-columns:1fr}.web-first{padding-block:35px}}

.level-highlight .level-milestones{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.level-milestones span{padding:12px 16px;border:1px solid var(--ic-38bfc2);border-radius:14px;background:var(--ic-133b4d);color:var(--ic-efffff)}.level-milestones b{display:block}.level-milestones span:last-child{border-color:var(--ic-d6a326);color:var(--ic-ffe5a0)}.level-rules{overflow-x:auto}.level-rules table{width:100%;border-collapse:collapse}.level-rules th,.level-rules td{padding:10px;text-align:left;border-bottom:1px solid var(--ic-6b8b9a55)}.installation-help{margin:24px auto;max-width:1100px;padding:20px}