:root{color-scheme:dark;--bg:#0b1016;--text:#d9e2e9;--muted:#91a1af;--line:#29333f;--ice:#a7c9df}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.7 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #b6d8ee;outline-offset:6px}a:hover{color:#fff}.wrap{width:min(1120px,calc(100% - 80px));margin:auto}.header{height:96px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;border-bottom:1px solid #a4c0d212}.brand{display:flex;align-items:center;gap:12px;font:700 23px Georgia,serif;letter-spacing:2px}.ice{color:var(--ice)}nav{display:flex;gap:36px;font-size:13px;color:#a4b0bd}nav a{padding:12px 0}.hero{position:relative;isolation:isolate;border-bottom:1px solid var(--line);overflow:hidden}.landscape{position:absolute;inset:-96px 0 0;z-index:-2;background:url('landscape.svg') center center/cover no-repeat}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b10164d,transparent 30%,transparent 70%,#0b10164d),linear-gradient(0deg,#0b1016,transparent 45%,#0b101633)}.hero-content{text-align:center;padding:55px 0 62px}.eyebrow{color:#93a9ba;letter-spacing:3px;font-size:10px;font-weight:600;margin:0 0 24px}.ornament{display:flex;align-items:center;justify-content:center;gap:25px}.ornament span{height:1px;width:88px;background:linear-gradient(90deg,transparent,#52697b)}.ornament span:last-child{transform:rotate(180deg)}h1{font:normal clamp(80px,11vw,146px)/1.05 Georgia,'Times New Roman',serif;letter-spacing:-5px;margin:13px 0 11px;color:#e0e7ed;text-shadow:0 2px 0 #40576a,0 9px 35px #0009}h1 span{color:#98b9d0}.tagline{font:normal 21px/1.5 Georgia,serif;letter-spacing:1px;color:#aebdca;margin:0 0 34px}.status{display:inline-flex;align-items:center;gap:9px;border:1px solid #70424770;background:#311c2380;padding:5px 13px;color:#d1a6a9;font-size:9px;letter-spacing:2px}.status i{width:5px;height:5px;background:#bc626b;transform:rotate(45deg)}h2{font:normal 27px/1.3 Georgia,serif;margin:22px 0 13px}.intro{font-size:14px;line-height:1.9;color:#a1afbc;margin:0 0 27px}.button{display:inline-flex;align-items:center;gap:35px;padding:12px 23px;border:1px solid #597184;background:linear-gradient(120deg,#2a4051,#1a2936);box-shadow:inset 0 0 0 3px #0c152950;font-size:12px;letter-spacing:.5px;transition:background .2s,border-color .2s}.button:hover{background:#334c60;border-color:#9bbbd1}.button span{color:#adcadf;font-size:18px}.release{color:#798b9c;font-size:9px;letter-spacing:1.5px;margin:15px 0 0}.release span{margin:0 9px;color:#9b5159}.hero-foot{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:2px;color:#738697;padding-bottom:23px}.small-rune{font-size:19px;color:#8b555c}.preview{padding:64px 0 58px;scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.section-heading .eyebrow{margin:0 0 8px;font-size:9px}.section-heading h2{margin:0;font-size:28px}.section-note{color:#788998;font-size:12px}.panels{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.panel{border:1px solid var(--line);background:linear-gradient(140deg,#131c26,#0e151d);padding:24px 27px;position:relative;scroll-margin-top:25px}.panel:before,.panel:after{content:'';position:absolute;width:6px;height:6px;border-color:#667c8d}.panel:before{top:-1px;left:-1px;border-top:1px solid;border-left:1px solid}.panel:after{bottom:-1px;right:-1px;border-bottom:1px solid;border-right:1px solid}.panel-top{display:flex;justify-content:space-between;gap:10px;color:#879bad;font-size:9px;letter-spacing:1.5px}.pending{color:#8a929e;font-size:8px;border:1px solid #34404d;padding:1px 7px;letter-spacing:1px}.placeholder{height:144px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px;color:#697e90}.placeholder svg{fill:none;stroke:#4c6478;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.placeholder span{font-size:8px;letter-spacing:2px}.panel h3{font:normal 20px/1.4 Georgia,serif;margin:5px 0 7px}.panel p{font-size:12px;color:#8e9eac;margin:0;max-width:380px}.footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px;padding:26px 0 32px;color:#728392;font-size:10px}.footer-brand{font:700 18px Georgia,serif;letter-spacing:1px;color:#aabac7}.footer p{margin:0;flex:1}.footer a{font-size:11px}.skip{position:fixed;top:-100px;left:16px;z-index:9;background:#243b50;padding:12px}.skip:focus{top:10px}.mobile-break{display:none}@media(min-width:1600px){.hero-content{padding-top:75px;padding-bottom:80px}}@media(max-width:640px){.wrap{width:calc(100% - 40px)}.header{height:76px}.brand{font-size:19px;gap:8px}.brand img{width:26px;height:33px}nav{gap:20px;font-size:11px}.hero-content{padding:43px 0 43px}.eyebrow{font-size:8px;letter-spacing:2px}.ornament img{width:39px;height:49px}.ornament span{width:55px}h1{font-size:86px;letter-spacing:-4px;margin-top:18px}.tagline{font-size:18px;margin-bottom:28px}.mobile-break{display:block}.hero h2{font-size:24px}.intro{font-size:13px;max-width:340px;margin:0 auto 24px}.desktop-break{display:none}.hero-foot{font-size:7px;letter-spacing:.7px;gap:9px}.small-rune{font-size:14px}.preview{padding:42px 0}.section-heading{align-items:start}.section-heading h2{font-size:25px}.section-note{display:none}.panels{grid-template-columns:1fr;gap:18px}.panel{padding:21px}.placeholder{height:125px}.footer{flex-wrap:wrap;gap:13px}.footer p{flex-basis:75%;font-size:9px}.footer a{margin-left:auto} }@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Originales WarlUI-Logo, unverändert und mit erhaltenem Seitenverhältnis. */
.brand img{width:40px;height:40px;object-fit:contain}
.ornament img{width:152px;height:152px;object-fit:contain;filter:drop-shadow(0 8px 24px #0008)}
@media(max-width:640px){.brand img{width:33px;height:33px}.ornament img{width:120px;height:120px}}