:root{--night:#061126;--night-deep:#030918;--navy:#0c1f45;--ice:#f4f7ff;--soft:#bdc9e5;--line:rgba(178,203,255,.24);--lime:#b9f52b;--lime-soft:#d5ff76;--violet:#b96af4;--electric:#49b8ff;--sun:#ffb16d;--page:1360px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--ice);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}body:before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(ellipse 65% 34% at 85% 23%,rgba(76,122,255,.11),transparent 70%),radial-gradient(ellipse 45% 26% at 8% 63%,rgba(185,106,244,.08),transparent 75%)}a{color:inherit}.skip-link{position:fixed;z-index:100;top:-80px;left:22px;background:var(--lime);color:var(--night);font-weight:800;text-decoration:none;padding:12px 16px}.skip-link:focus{top:16px}.scroll-progress{position:fixed;z-index:90;inset:0 0 auto;height:2px;background:rgba(255,255,255,.13);pointer-events:none}.scroll-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--lime),var(--electric) 58%,var(--violet));transform:scaleX(0);transform-origin:left;box-shadow:0 0 14px var(--lime);will-change:transform}.site-header{position:absolute;z-index:20;top:0;left:0;right:0;max-width:var(--page);height:132px;margin:auto;padding:18px 42px;display:flex;align-items:center;gap:35px}.brand{display:inline-flex;align-items:center;gap:13px;font-size:13px;font-weight:850;letter-spacing:3px;text-decoration:none;white-space:nowrap}.brand img{display:block;width:78px;height:78px;object-fit:contain;filter:drop-shadow(0 10px 17px rgba(0,0,0,.55))}.brand span span,.hero-signal strong span{color:var(--lime)}.site-nav{display:flex;gap:28px;margin-left:auto}.site-nav a{color:#d9e5ff;text-decoration:none;font-size:11px;font-weight:720;letter-spacing:1.2px;text-transform:uppercase;transition:color .2s}.site-nav a:hover{color:var(--lime)}.header-cta{border:1px solid rgba(201,255,91,.7);padding:11px 15px;color:var(--lime-soft);font-size:10px;font-weight:800;letter-spacing:1.1px;text-decoration:none;text-transform:uppercase;transition:background .2s,color .2s}.header-cta:hover{background:var(--lime);color:var(--night)}.menu-toggle{display:none}.hero{min-height:860px;height:100svh;position:relative;isolation:isolate;overflow:hidden;background:#08142d url("assets/hero-city-v2.webp") center center/cover no-repeat}.hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(3,10,28,.96) 0%,rgba(5,15,38,.86) 31%,rgba(5,15,39,.36) 61%,rgba(3,9,28,.11)),linear-gradient(0deg,rgba(3,9,24,.87) 0%,transparent 44%)}.hero-grid{position:absolute;z-index:1;inset:auto -10% 0;height:31%;opacity:.31;pointer-events:none;background:linear-gradient(90deg,transparent 0 49.7%,rgba(114,203,255,.37) 50% 50.3%,transparent 50.6%),repeating-linear-gradient(90deg,rgba(104,186,255,.24) 0 1px,transparent 1px 8.5%),repeating-linear-gradient(0deg,rgba(104,186,255,.22) 0 1px,transparent 1px 8.5%);transform:perspective(300px) rotateX(59deg);transform-origin:bottom}.hero-atmosphere{position:absolute;z-index:0;width:440px;height:440px;right:9%;top:18%;border-radius:50%;filter:blur(55px);background:radial-gradient(circle,rgba(185,106,244,.21),rgba(73,184,255,.08) 46%,transparent 70%)}.hero-content{position:absolute;z-index:3;left:max(8vw,42px);bottom:17%;width:min(640px,73vw)}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 19px;color:#cbe8ff;font-size:10px;font-weight:800;letter-spacing:2px;line-height:1.4}.eyebrow>span{display:inline-block;width:29px;height:1px;background:var(--lime);box-shadow:0 0 9px var(--lime)}h1,h2,h3,p{margin-top:0}.hero h1{max-width:700px;margin-bottom:24px;font-size:clamp(66px,8.15vw,137px);font-weight:870;letter-spacing:-.081em;line-height:.81;text-wrap:balance}.hero h1 em,h2 em{font-style:normal;color:var(--lime);text-shadow:0 0 25px rgba(185,245,43,.24)}.hero-copy{max-width:510px;margin-bottom:32px;color:#e3ebff;font-size:15px;line-height:1.75}.hero-actions,.discord-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:49px;padding:0 19px;border:1px solid transparent;font-size:10px;font-weight:850;letter-spacing:1.15px;text-decoration:none;text-transform:uppercase;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s,color .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--lime);color:var(--night);box-shadow:0 10px 31px rgba(136,235,53,.22)}.button-primary:hover{background:var(--lime-soft);box-shadow:0 14px 36px rgba(136,235,53,.33)}.button-outline{border-color:rgba(185,245,43,.8);color:var(--lime-soft);background:transparent}.button-outline:hover{background:rgba(185,245,43,.11)}.button-quiet{border-color:rgba(185,205,255,.55);color:#eff4ff;background:rgba(9,25,57,.38)}.button-quiet:hover{border-color:var(--lime);background:rgba(185,245,43,.1)}.text-action{display:inline-flex;gap:10px;align-items:center;padding-bottom:5px;border-bottom:1px solid rgba(190,210,255,.6);color:#eff4ff;font-size:10px;font-weight:800;letter-spacing:1.25px;text-decoration:none;text-transform:uppercase}.text-action:hover{border-color:var(--lime);color:var(--lime)}.hero-signal{position:absolute;z-index:3;right:max(7vw,42px);bottom:20%;width:235px;padding:18px 0 17px 22px;border-left:1px solid var(--lime);text-align:left}.signal-kicker{display:block;color:#afbee3;font-size:9px;font-weight:800;letter-spacing:1.6px}.hero-signal strong{display:block;margin:4px 0 10px;color:#fff;font-size:23px;letter-spacing:2px}.signal-line{display:block;width:100%;height:1px;background:linear-gradient(90deg,var(--lime),transparent);margin-bottom:10px}.signal-copy{display:block;color:#d8e3ff;font-size:8px;letter-spacing:1.15px}.hero-footer{position:absolute;z-index:3;bottom:27px;left:42px;right:42px;padding-top:13px;border-top:1px solid rgba(195,214,255,.28);display:flex;justify-content:space-between;color:#c7d6f5;font-size:9px;font-weight:750;letter-spacing:1.4px}.section-shell{max-width:var(--page);margin:auto;padding-left:42px;padding-right:42px}.introduction{display:grid;grid-template-columns:160px minmax(0,1.32fr) minmax(260px,.68fr);gap:40px;padding-top:164px;padding-bottom:118px}.section-label{display:flex;gap:12px;align-items:center;color:#b4c4e4;font-size:9px;font-weight:800;letter-spacing:1.45px}.section-label span{color:var(--lime);font-size:10px}.introduction h2,.mates h2,.discord h2,.closing h2{margin:0;font-size:clamp(43px,5.2vw,78px);font-weight:820;letter-spacing:-.07em;line-height:.94;text-wrap:balance}.introduction-copy{align-self:end;padding-bottom:6px}.introduction-copy p,.mates-content>p,.discord-intro>p:not(.eyebrow){color:var(--soft);font-size:14px;line-height:1.8}.introduction-copy .text-action{margin-top:18px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding-bottom:158px}.principles article{min-height:235px;padding:31px 35px 28px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.principles article:last-child{border-right:1px solid var(--line)}.principles span{color:var(--lime);font-size:10px;font-weight:800;letter-spacing:1.4px}.principles h3{max-width:225px;margin:35px 0 13px;font-size:21px;font-weight:720;letter-spacing:-.04em;line-height:1.1}.principles p{max-width:310px;margin:0;color:#9fadce;font-size:12px;line-height:1.7}.mates{min-height:720px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);background:#091733}.mates-image{position:relative;overflow:hidden;min-height:620px}.mates-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 38%,#091733dd),linear-gradient(0deg,#091733a8,transparent 44%)}.mates-image img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.98) contrast(1.06)}.mates-content{align-self:center;max-width:520px;padding:85px max(8vw,50px) 85px 70px}.mates-content>p{margin:28px 0}.discord{display:grid;grid-template-columns:minmax(0,.96fr) minmax(410px,.94fr);gap:100px;padding-top:160px;padding-bottom:160px}.discord-intro .section-label{margin-bottom:55px}.discord-intro>p:not(.eyebrow){max-width:500px;margin:27px 0 33px}.discord-frame{min-height:476px;position:relative;overflow:hidden;border:1px solid rgba(156,184,255,.6);background:linear-gradient(145deg,#0d2148,#08132d 61%,#211246);box-shadow:21px 23px 0 rgba(79,62,177,.15),0 0 48px rgba(73,184,255,.08)}.discord-frame:before{content:"";position:absolute;z-index:2;inset:10px;border:1px solid rgba(185,245,43,.25);clip-path:polygon(0 0,calc(100% - 21px) 0,100% 21px,100% 100%,20px 100%,0 calc(100% - 20px));pointer-events:none}.discord-placeholder{min-height:476px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:46px;text-align:center}.discord-placeholder img{width:108px;height:108px;object-fit:contain;filter:drop-shadow(0 12px 25px rgba(0,0,0,.5))}.discord-placeholder p{margin:23px 0 6px;color:var(--lime);font-size:9px;font-weight:850;letter-spacing:1.7px}.discord-placeholder strong{font-size:18px;letter-spacing:.03em}.discord-placeholder span{max-width:255px;margin-top:12px;color:#b7c5e7;font-size:12px;line-height:1.65}.discord-frame iframe{display:block;width:100%;height:476px;border:0}.closing{min-height:700px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:110px 30px;text-align:center;background:radial-gradient(ellipse at center,#244f78 0%,#202064 29%,#0b1a38 57%,#061126 78%)}.closing:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#061126,transparent 42%,rgba(6,17,38,.43))}.closing>*{position:relative;z-index:1}.closing-orbit{width:470px;height:470px;border:1px solid rgba(195,226,255,.26);border-radius:50%;box-shadow:0 0 0 54px rgba(185,245,43,.055),0 0 120px rgba(185,106,244,.38)}.closing-logo{position:absolute;width:150px;height:150px;top:116px;object-fit:contain;filter:drop-shadow(0 15px 26px rgba(0,0,0,.5))}.closing .eyebrow{margin-top:118px}.closing h2{max-width:820px;margin-bottom:31px}.site-footer{max-width:var(--page);margin:auto;padding:74px 42px 25px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.footer-brand p{max-width:240px;margin:18px 0 0;color:#9dadd0;font-size:12px;line-height:1.7}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.footer-links div{display:grid;align-content:start;gap:10px}.footer-links b{margin-bottom:6px;color:var(--lime);font-size:9px;letter-spacing:1.65px}.footer-links a{color:#b5c3e1;font-size:11px;text-decoration:none}.footer-links a:hover{color:var(--lime)}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;margin-top:12px;padding-top:18px;border-top:1px solid var(--line);color:#8296c2;font-size:9px;letter-spacing:1px}.footer-bottom a{text-decoration:none}.footer-bottom a:hover{color:var(--lime)}
@media(max-width:900px){.site-header{height:104px;padding:13px 23px;gap:18px}.brand img{width:63px;height:63px}.brand{font-size:11px;letter-spacing:2.2px}.header-cta{display:none}.menu-toggle{display:block;margin-left:auto;border:0;background:transparent;color:#f1f5ff;font:800 10px/1 inherit;letter-spacing:1.3px;text-transform:uppercase}.site-nav{display:none}.site-nav.open{position:absolute;top:87px;right:22px;display:flex;flex-direction:column;gap:0;width:210px;border:1px solid rgba(160,190,255,.42);background:#0a1936;box-shadow:0 16px 35px rgba(0,0,0,.28)}.site-nav.open a{padding:16px 18px;border-bottom:1px solid rgba(160,190,255,.18)}.site-nav.open a:last-child{border:0}.hero{min-height:760px;background-position:59% center}.hero-content{left:25px;bottom:18%;width:calc(100% - 50px)}.hero h1{font-size:clamp(56px,14vw,83px)}.hero-copy{max-width:440px;font-size:13px}.hero-signal{display:none}.hero-footer{left:25px;right:25px;font-size:8px}.hero-footer span:last-child{display:none}.section-shell{padding-left:25px;padding-right:25px}.introduction{display:block;padding-top:100px;padding-bottom:75px}.introduction .section-label{margin-bottom:37px}.introduction h2,.mates h2,.discord h2,.closing h2{font-size:clamp(44px,11vw,62px);letter-spacing:-.065em}.introduction-copy{margin-top:34px}.principles{grid-template-columns:1fr;padding-bottom:92px}.principles article{min-height:0;padding:28px 0;border-left:0;border-right:0!important}.principles h3{margin:22px 0 9px}.mates{grid-template-columns:1fr;min-height:0}.mates-image{min-height:410px}.mates-content{padding:76px 25px 83px}.discord{display:block;padding-top:100px;padding-bottom:100px}.discord-intro .section-label{margin-bottom:37px}.discord-frame{min-height:390px;margin-top:50px}.discord-placeholder{min-height:390px}.discord-frame iframe{height:390px}.closing{min-height:600px;padding:92px 25px}.closing-orbit{width:360px;height:360px}.closing-logo{top:79px;width:122px;height:122px}.closing .eyebrow{margin-top:101px}.site-footer{display:block;padding:55px 25px 23px}.footer-links{margin-top:46px}.footer-bottom{margin-top:45px}.scroll-progress span{will-change:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.scroll-progress span{will-change:auto}}


/* Veröffentlichungsreife: klarer Navigationszustand und sichtbare Tastaturführung. */
.site-header.is-scrolled{position:fixed;height:88px;background:linear-gradient(90deg,rgba(4,12,29,.94),rgba(7,18,41,.86));border-bottom:1px solid rgba(178,203,255,.16);backdrop-filter:blur(16px);animation:header-enter .22s ease-out}.site-header.is-scrolled .brand img{width:56px;height:56px}.site-header.is-scrolled .site-nav{align-items:center}.site-header.is-scrolled .header-cta{margin-left:0}@keyframes header-enter{from{transform:translateY(-8px);opacity:.2}to{transform:translateY(0);opacity:1}}a:focus-visible,button:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.button:focus-visible{outline-color:var(--ice)}
@media(max-width:900px){.site-header.is-scrolled{height:76px;padding-top:7px;padding-bottom:7px}.site-header.is-scrolled .brand img{width:52px;height:52px}.site-header.is-scrolled .site-nav.open{top:67px}}


/* Bildregie: echte Unst3rblich-Artworks als Szenen, nicht als nebeneinander gestellte Kacheln. */
.site-header{height:150px}.brand img{width:100px;height:100px}.hero{background:radial-gradient(ellipse at 86% 28%,#263f82 0%,#111f47 31%,#07132d 62%,#030918 100%)}.hero:after{background:linear-gradient(90deg,rgba(3,10,28,.97) 0%,rgba(5,15,38,.9) 34%,rgba(5,15,39,.38) 68%,rgba(3,9,28,.20)),linear-gradient(0deg,rgba(3,9,24,.91) 0%,transparent 49%)}.hero-art{position:absolute;z-index:-2;top:116px;right:-9%;width:min(76vw,1280px);height:74%;pointer-events:none;background:url("assets/welcome-banner.webp") center/cover no-repeat;opacity:.95;filter:saturate(1.08) contrast(1.06);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.86) 20%,#000 44%,#000 82%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 15%,#000 80%,transparent 100%);mask-composite:intersect}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,28,.64),transparent 47%),linear-gradient(0deg,rgba(7,19,45,.66),transparent 43%)}.hero-grid{opacity:.22}.hero-atmosphere{right:0;top:8%;width:560px;height:560px;background:radial-gradient(circle,rgba(185,106,244,.28),rgba(73,184,255,.12) 47%,transparent 70%)}.mates{display:block;min-height:760px;position:relative;isolation:isolate;overflow:hidden;background:#07152f}.mates-image{position:absolute;z-index:-2;inset:0;min-height:0}.mates-image:after{background:linear-gradient(90deg,#061126f7 0%,#07132ee8 31%,#07132e79 60%,#07132e1f 100%),linear-gradient(0deg,#061126dc 0%,transparent 45%)}.mates-image img{object-position:center;filter:saturate(1.02) contrast(1.08);opacity:.92}.mates-content{position:relative;z-index:2;min-height:760px;display:flex;flex-direction:column;justify-content:center;max-width:calc(50% + 75px);padding:116px max(8vw,50px) 116px max(8vw,64px)}.mates-content>p{max-width:470px}.mates-content .button{align-self:flex-start;margin-top:3px}.mates:before{content:"";position:absolute;z-index:1;right:7%;bottom:9%;width:200px;height:1px;background:linear-gradient(90deg,transparent,var(--lime));box-shadow:0 0 12px rgba(185,245,43,.6)}.mates:after{content:"MATESUCHE / UNST3RBLICH";position:absolute;z-index:1;right:7%;bottom:calc(9% + 14px);color:#dce6ff;font-size:9px;font-weight:800;letter-spacing:1.7px}.closing{background:radial-gradient(ellipse at center,#214e79 0%,#1d1b5c 29%,#091a38 58%,#030918 80%)}
@media(max-width:900px){.site-header{height:108px}.brand img{width:70px;height:70px}.hero-art{top:100px;right:-42%;width:146%;height:58%;opacity:.76;mask-image:linear-gradient(90deg,transparent,#000 32%,#000 77%,transparent),linear-gradient(0deg,transparent,#000 18%,#000 80%,transparent);mask-composite:intersect}.mates{min-height:630px}.mates-content{min-height:630px;max-width:100%;padding:90px 25px 100px}.mates-image img{object-position:58% center}.mates:before{right:25px;bottom:48px}.mates:after{right:25px;bottom:63px;font-size:8px}}