:root{--bg:#fbfbfd;--tx:#1d1d1f;--mu:#6e6e73;--ln:rgba(0,0,0,.1);--p:#8a3ffc;--r:#f0364a;--y:#f4a900;--g:#1fb866}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--tx);font:400 17px/1.6 "SF Pro Display","Inter","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.w{max-width:1040px;margin:auto;padding:0 6vw}
a{color:inherit}h1,h2{font-weight:600;letter-spacing:-.035em;line-height:1.08}
h1{font-size:clamp(2rem,5.2vw,3.6rem)}h2{font-size:clamp(1.5rem,3.2vw,2.3rem);margin-bottom:1.2rem}
.skp{position:fixed;left:1rem;top:-4rem;z-index:100;background:#fff;color:#111;padding:.6rem 1rem;border-radius:99px;font-size:.85rem}.skp:focus{top:1rem}
.top{position:sticky;top:0;z-index:20;background:rgba(251,251,253,.8);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--ln)}
.top .w{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:10px;padding-bottom:10px}.top img{display:block;height:28px;width:auto}
.top nav{display:flex;align-items:center;gap:1.4rem;font-size:.85rem}.top nav a{text-decoration:none;opacity:.7}.top nav a:hover,.top nav a.on{opacity:1}.top nav .btn{opacity:1}
.btn{display:inline-block;padding:.75rem 1.4rem;border-radius:99px;background:var(--tx);color:#fff!important;font-size:.88rem;font-weight:500;text-decoration:none;border:1px solid var(--tx);transition:transform .3s}.btn:hover{transform:scale(1.04)}.btn.o{background:none;color:var(--tx)!important;border-color:var(--ln)}
.row{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.8rem}
.eb{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mu);font-weight:500;display:block;margin-bottom:1rem}
.hero{padding:12vh 0 6vh;position:relative;overflow:hidden;background:radial-gradient(60% 80% at 15% 10%,rgba(138,63,252,.16),transparent 70%),radial-gradient(50% 70% at 90% 20%,rgba(240,54,74,.12),transparent 70%),radial-gradient(60% 60% at 60% 100%,rgba(244,169,0,.12),transparent 70%)}
.lead{color:var(--mu);font-size:1.12rem;max-width:58ch;margin-top:1.2rem}
.blk{padding:6vh 0 2vh}.ck{list-style:none;padding:0;display:grid;gap:.7rem;max-width:70ch}.ck li{position:relative;padding-left:1.8rem}.ck li:before{content:"";position:absolute;left:.1rem;top:.5em;width:.8rem;height:.42rem;border-left:2px solid var(--p);border-bottom:2px solid var(--p);rotate:-45deg}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.st{background:#fff;border-radius:22px;padding:1.4rem;box-shadow:0 6px 30px rgba(0,0,0,.06)}.st i{font-style:normal;color:var(--p);font-weight:600;font-size:.85rem}.st b{display:block;font-size:1.1rem;margin:.3rem 0}.st p{color:var(--mu);font-size:.92rem}
.faq details{border-top:1px solid var(--ln);padding:1.1rem 0}.faq details:last-child{border-bottom:1px solid var(--ln)}.faq summary{cursor:pointer;font-weight:600;font-size:1.05rem;letter-spacing:-.01em;list-style:none;display:flex;justify-content:space-between;gap:1rem}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-weight:400;font-size:1.4rem;line-height:1}.faq details[open] summary:after{content:"–"}.faq p{color:var(--mu);margin-top:.6rem;max-width:62ch}
.cta{margin-top:8vh;padding:10vh 0;background:#07071a;color:#fff;border-radius:44px 44px 0 0;text-align:center}.cta p{color:#c9c8dc;max-width:46ch;margin:0 auto}.cta .row{justify-content:center}.cta .btn{background:#fff;color:#111!important;border-color:#fff}.cta .btn.o{background:none;color:#fff!important;border-color:rgba(255,255,255,.35)}
footer{background:#07071a;color:#8d8ba5;font-size:.88rem;padding:0 0 3rem}footer .w{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}footer b{color:#fff;display:block;margin-bottom:.6rem}footer a{color:#8d8ba5;text-decoration:none}footer a:hover{color:#fff}footer .fl{display:grid;gap:.4rem}
:focus-visible{outline:2px solid var(--p);outline-offset:3px}
@media(max-width:860px){.steps{grid-template-columns:1fr 1fr}.top nav a:not(.btn){display:none}h1{font-size:8vw}}
@media(max-width:480px){.steps{grid-template-columns:1fr}.hero{padding-top:9vh}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Seitenwechsel: Unterseiten und Startseite gleiten als Kreis auf (Chrome, Edge, Safari 18.2+) */
@view-transition{navigation:auto}
::view-transition-old(root){animation:vtOut .6s cubic-bezier(.4,0,.2,1) both}
::view-transition-new(root){animation:vtIn .9s cubic-bezier(.2,.8,.2,1) both}
@keyframes vtOut{to{opacity:0;transform:scale(.97)}}
@keyframes vtIn{from{clip-path:circle(0% at 50% 0%)}to{clip-path:circle(150% at 50% 0%)}}
.top img{view-transition-name:brand}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}
/* V25: Unterseiten im selben Weltraum-Look wie die Startseite */
:root{--bg:#07071a;--tx:#f4f2ff;--mu:#a9a5c8;--ln:rgba(255,255,255,.12)}
body{background:radial-gradient(1200px 700px at 85% -10%,rgba(138,63,252,.18),transparent 60%),radial-gradient(900px 600px at -10% 40%,rgba(240,54,74,.08),transparent 60%),#07071a;background-attachment:fixed}
.skp{background:#fff;color:#111}
.top{background:rgba(7,7,26,.6);border-bottom-color:rgba(255,255,255,.08)}
.btn{background:linear-gradient(110deg,#8a3ffc,#f0364a 58%,#f4a900);border:0}.btn.o{background:none;border:1px solid rgba(255,255,255,.3);color:#fff!important}
.top nav .btn{background:#fff;color:#111!important}
.eb{color:#c9a6ff}
.hero{background:radial-gradient(60% 80% at 15% 10%,rgba(138,63,252,.22),transparent 70%),radial-gradient(50% 70% at 90% 20%,rgba(240,54,74,.14),transparent 70%),radial-gradient(60% 60% at 60% 100%,rgba(244,169,0,.10),transparent 70%)}
.st{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);box-shadow:none}.st i{color:#c9a6ff}
.ck li:before{border-color:#c9a6ff}
.cta{background:linear-gradient(180deg,#120c2e,#07071a);border-top:1px solid rgba(201,166,255,.25)}