*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:#0e0708;color:#fff3f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.6}body:before{content:'';position:absolute;inset:0 0 auto;height:850px;pointer-events:none;background:radial-gradient(ellipse at 75% 25%,#c33b4f26,transparent 55%),radial-gradient(ellipse at 12% 10%,#ce435810,transparent 40%);z-index:-1}a{color:inherit;text-underline-offset:4px}button,a{touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid #ffb2be;outline-offset:5px}.wrap{max-width:1160px;margin:auto;padding-inline:28px}.nav{height:96px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:22px;font-weight:750}.brand img{border-radius:12px}.brand span{font-size:10px;letter-spacing:2px;color:#ecb0b9;margin-left:5px;border:1px solid #543439;padding:3px 8px;border-radius:5px}.back{font-size:13px;color:#d5b7bb;text-decoration:none}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:30px;min-height:700px;padding-top:40px;padding-bottom:70px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2.4px;color:#efa1ad;margin:0 0 18px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#f9a2af;box-shadow:0 0 12px #ff7085;margin-right:6px}h1{font-size:clamp(44px,5.3vw,68px);line-height:1.1;letter-spacing:-2.7px;margin:0 0 24px;font-weight:750}h1 em{font-style:normal;color:#f28d9c}p{margin:0 0 18px}.lead{font-size:16px;color:#c9adb1;max-width:470px;line-height:1.85;margin-bottom:30px}.primary,.secondary{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:20px;border-radius:12px;text-decoration:none;font-weight:700;font-size:14px;padding:13px 23px}.primary{background:linear-gradient(110deg,#eb7183,#eb95a2);color:#230d10;box-shadow:0 8px 30px #c3606f26}.secondary{background:#ffffff05;border:1px solid #5f4045;color:#ffe7eb}.text-link{display:block;font-size:13px;color:#dfb7bd;margin-top:18px;width:fit-content}.fine{font-size:12px;color:#b99ca0;line-height:1.75}.intro>.fine{margin-top:22px}.visual{position:relative;overflow:hidden;overflow:clip;min-height:570px;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;inset:70px 0;border:1px solid #e982911c;border-radius:50%;transform:rotate(-25deg)}.orbit-two{inset:20px 40px;transform:rotate(28deg);border-color:#e9829110}.device{position:relative;width:268px;min-height:528px;border:7px solid #332023;border-radius:42px;background:linear-gradient(145deg,#201012,#130a0b);box-shadow:0 0 0 1px #6e5155,20px 25px 100px #0009;padding:24px 15px 18px;transform:rotate(5deg)}.notch{height:18px;width:80px;background:#0b0607;border-radius:16px;margin:-14px auto 23px}.device-head{display:flex;gap:9px;align-items:center;font-weight:750;font-size:16px}.device-head img{border-radius:12px}.device-head small{display:block;color:#b98089;font-size:7px;letter-spacing:1.5px}.device-head>span{margin-left:auto;color:#ec8796}.art{position:relative;margin-top:22px;border:1px solid #81434c40;background:radial-gradient(circle,#8f313f30,transparent);height:174px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.art img{width:128px;height:128px;object-fit:contain}.art span{font-size:10px;color:#fcd6dc}.mini-grid{display:flex;gap:9px;margin:15px 0}.mini-grid>div{border:1px solid #d88b971c;border-radius:13px;padding:11px;flex:1;color:#e58b98;font-size:20px}.mini-grid strong,.mini-grid small{display:block}.mini-grid strong{color:#f5e0e3;font-size:12px}.mini-grid small{color:#b69297;font-size:8px}.mini-music{border:1px solid #d88b971c;border-radius:12px;padding:12px;display:flex;gap:12px;align-items:center;font-size:11px}.mini-music>span{font-size:23px;color:#f29aa7}.mini-music small{display:block;font-size:8px;color:#b69297}.device-tabs{text-align:center;color:#e37b8b;font-size:18px;margin-top:22px}.floating{position:absolute;bottom:12px;right:2px;font-size:9px;letter-spacing:2px;padding:11px 15px;border:1px solid #90616840;background:#1c1012;border-radius:30px;color:#e0b6bc}.feature-strip{display:flex;justify-content:space-between;gap:15px;border-block:1px solid #d499a21a;padding-block:25px;color:#d0b1b6;font-size:12px}.section{padding-top:95px;padding-bottom:15px}h2{font-size:36px;line-height:1.2;letter-spacing:-1px;margin:0 0 18px}.section-copy{max-width:650px;color:#b99ca0;font-size:14px}.download-grid,.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:34px}.card{background:linear-gradient(150deg,#221214,#150c0d);border:1px solid #dc919c28;border-radius:24px;padding:30px;position:relative;overflow:hidden}.platform-icon{display:flex;width:47px;height:47px;align-items:center;justify-content:center;background:#d4788615;border:1px solid #df788735;border-radius:14px;color:#f7a1ae;font-size:26px;margin-bottom:26px}.tag{position:absolute;top:38px;right:30px;font-size:10px;letter-spacing:2px;color:#c99ba2}.card h3{font-size:23px;letter-spacing:-.4px;margin:0 0 12px}.card>p{color:#c2a4a8;font-size:13px}.card .status{font-size:12px;color:#f6c5cc;min-height:38px;margin-top:25px}.card .primary,.card .secondary{width:100%}.disabled{opacity:.5;cursor:default;box-shadow:none;pointer-events:none}.card dl{display:grid;grid-template-columns:1fr auto;font-size:12px;color:#c9abb0;margin:22px 0 0}.card dd{margin:0;color:#fbe3e7}.card details{margin-top:16px;font-size:11px;color:#c9abb0}.card summary{cursor:pointer;padding:8px 0}.card code{display:block;overflow-wrap:anywhere;color:#f2cbd1}.guide-grid{gap:60px;margin-top:45px}.guide-grid h3{font-size:19px;margin:0 0 24px}.guide-grid h3 span{font-size:11px;font-weight:500;border:1px solid #dc919c35;padding:8px;border-radius:9px;color:#e995a2;margin-right:8px}.guide-grid ol{padding-left:20px;color:#c1a5a9;font-size:13px}.guide-grid li{padding-left:8px;margin-bottom:17px}.guide-grid a{color:#fcb7c1}.help{margin-top:95px;margin-bottom:70px;padding-top:35px;padding-bottom:35px;background:linear-gradient(120deg,#4a232945,#341a1e20);border:1px solid #dc919c25;border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.help h2{font-size:28px}.help p:last-child{margin:0;color:#bb9ba0;font-size:13px}.help .eyebrow{font-size:9px}footer{padding-block:24px;display:flex;justify-content:space-between;font-size:11px;color:#9f8488;border-top:1px solid #dc919c1b}footer div{display:flex;gap:20px}.skip{position:absolute;left:20px;top:-80px;z-index:10;padding:12px;background:#eb929f;color:#1c090c}.skip:focus{top:10px}[hidden]{display:none!important}@media(max-width:740px){.wrap{padding-inline:22px}.nav{height:78px}.brand{font-size:19px}.back{font-size:11px}.hero{grid-template-columns:1fr;padding-top:42px;gap:14px;padding-bottom:35px}.lead{font-size:15px;max-width:460px}h1{font-size:49px;letter-spacing:-2px}.visual{min-height:510px}.device{width:244px;min-height:480px;transform:rotate(4deg)}.art{height:145px}.art img{width:105px;height:105px}.floating{font-size:8px;bottom:0;right:0}.feature-strip{display:grid;grid-template-columns:1fr 1fr;font-size:11px;gap:20px}.section{padding-top:68px}h2{font-size:29px}.download-grid,.guide-grid{grid-template-columns:1fr;gap:20px}.card{padding:25px}.guide-grid{gap:30px}.help{border-radius:0;border-inline:0;margin-top:50px;margin-bottom:30px;flex-direction:column;align-items:flex-start}.help h2{font-size:26px}footer{gap:15px;flex-direction:column}.card .primary,.card .secondary{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(forced-colors:active){.primary,.secondary,.card{border:1px solid CanvasText}.disabled{opacity:1}}

.art img{width:100%;height:100%;object-fit:cover}.art span{position:absolute;bottom:7px;padding:3px 10px;background:#080609cf;border-radius:12px}.brand img{object-fit:cover}

/* Offizieller Slogan in Gothic-Schrift (UnifrakturCook, OFL — siehe OFL-UnifrakturCook.txt) */
@font-face{font-family:'DarkGothic';src:url('UnifrakturCook-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
.slogan{margin:.4rem 0 1rem;font-size:1.35rem;opacity:.92}
.slogan span{font-family:'DarkGothic',serif;letter-spacing:.02em;text-shadow:0 0 18px rgba(167,21,53,.45)}