:root{--bg:#f8faff;--ink:#111d36;--muted:#62708b;--green:#365fea;--line:#dfe6f3}
body{background:linear-gradient(180deg,#f5f8ff 0,#fff 37%,#f8faff 100%);font-family:'Segoe UI',Arial,sans-serif}
header{height:100px}header nav{background:#ffffffb8;border:1px solid #e1e7f2;padding:11px 22px;border-radius:50px;box-shadow:0 4px 18px #1f3d7305}
.mark{color:#172951}.mark>span{color:#5278ff}.wordmark{border-color:#cbd6ee}.contact-link{border:1px solid #d8e1f1;background:#fff;border-radius:9px;padding:10px 18px;font-weight:600}.theme-toggle{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #d8e1f1;border-radius:10px;background:#fff;color:#36527c;font:18px/1 'Segoe UI Symbol','Segoe UI',sans-serif;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.theme-toggle:hover{background:#f1f5ff;border-color:#b9c9ec;color:#365fea}.theme-toggle:active{transform:scale(.94)}.theme-toggle:focus{outline:none}.theme-toggle:focus-visible{outline:3px solid #8aa6f5;outline-offset:3px}
.hero{position:relative;max-width:1600px;padding:64px clamp(32px,5vw,88px) 0}.hero-top{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(330px,.72fr);align-items:center;gap:clamp(48px,8vw,150px);padding:16px 0 76px;position:relative}
html,body{overflow-x:clip}
/* Leuchten hinter der SW-Karte: closest-side laesst den Verlauf innerhalb der Flaeche komplett auslaufen (keine harten Kanten) */
.hero-top:before{content:'';position:absolute;inset:-120px -6vw -90px 30%;background:radial-gradient(closest-side at 62% 48%,#dce6ffa6 0%,#e6eeff73 40%,#f5f8ff00 100%);pointer-events:none;z-index:-1}
.eyebrow{letter-spacing:1.6px;color:#657aa1}.eyebrow i{background:#567bff}
h1{font-weight:650;letter-spacing:-4px;line-height:1.07;font-size:clamp(48px,5.6vw,80px)}em{font-family:inherit;font-style:normal;font-weight:inherit;color:#4268eb}
.button{border-radius:10px;background:#365fea;box-shadow:0 5px 14px #365fea24;padding:14px 22px}.button:hover{background:#254cd4}.text-link:hover{color:#365fea}
.lead{font-size:17px}.edition{justify-self:center;min-width:clamp(290px,25vw,410px);font-family:inherit;font-weight:750;font-size:clamp(94px,9vw,148px);letter-spacing:-.095em;color:#c3d2f2;transform:rotate(-7deg);border:1px solid #dfe6f5;border-radius:38px;background:linear-gradient(135deg,#ffffffed 0%,#edf2ff 56%,#e4ecff 100%);padding:clamp(30px,3vw,48px) clamp(26px,3vw,42px);box-shadow:18px 24px 0 -8px #d7e2fb99,0 24px 54px #335ba31c;align-self:center}
.edition span{letter-spacing:1px;font-size:8px;text-align:center;color:#647797}.notes{color:#7282a0}
.app{border-radius:16px;border:1px solid #2e3a50;box-shadow:0 30px 65px #1a356323,0 0 0 7px #ffffffb3;background:#141a25}.sidebar{background:#1a2130}.app-bar{background:#192130}
.tabs button[aria-selected=true]{color:#93adff;background:#557bf020;box-shadow:inset 2px 0 #6f92ff}
.demo-heading>span{background:#4268eb;color:white}.metrics .green{color:#82a4ff}.status.work:before{background:#779aff}.demo-tag{border-color:#405478;color:#a3b9e6}
.benefits{background:#eef3ff;border-color:#e0e8f8}.benefits>span{color:#8596b5}.benefits strong{color:#52688f}
h2{font-weight:600;letter-spacing:-1.7px}.features{gap:20px}.features article{border:1px solid #e0e7f3;border-radius:16px;padding:27px;background:#fff;box-shadow:0 8px 30px #26457104}.feature-top>span{display:grid;place-items:center;width:40px;height:40px;background:#eef3ff;border-radius:11px;font-size:22px;color:#4268eb}
.features h3{font-weight:600;font-size:18px}.sample{background:#f4f7fd;border-color:#e7edf8;border-radius:10px;padding:17px}.sample small{color:#72829d}.sample strong.time{font-size:23px;letter-spacing:1px}.chip{background:#e4ecff;color:#4d6bb2}
.band{background:linear-gradient(115deg,#eaf0ff,#f3f6ff);gap:100px}.band dl>div{border-color:#d7e1f5}.band dt{color:#253d67}.band dd{color:#6c7e9e}
.more article>small{color:#7184a7}.more h3{font-weight:600}.principles{color:#5373af}
.contact{background:#111e39;position:relative}.contact em{color:#86a5ff}.contact .eyebrow{color:#93a9d4}.contact>div>p:not(.eyebrow){color:#b6c4e0}.notice p{color:#a1b2d0}.contact .button{background:#dce6ff;color:#183768}.contact .button:hover{background:#c5d6ff}
footer{background:transparent}
@media(max-width:1050px){.hero{padding-left:clamp(30px,4vw,56px);padding-right:clamp(30px,4vw,56px)}.hero-top{grid-template-columns:minmax(0,1fr) minmax(270px,.62fr);gap:42px}.edition{min-width:270px;font-size:86px;padding:30px 22px}.features article{padding:20px}.features p{min-height:115px}.band{gap:40px}}
@media(max-width:720px){header{height:76px}header nav{border-radius:0;padding:22px;background:#fff}.contact-link{font-size:10px;padding:8px 10px}.theme-toggle{width:34px;height:34px;border-radius:9px;font-size:16px}.hero{padding:38px 20px 0}.hero-top{display:block;padding-bottom:38px}.hero-top:before{inset:-40px -20px 0 20%;background:radial-gradient(ellipse at 80% 10%,#dce6ff80,transparent 70%)}h1{font-size:46px;letter-spacing:-2.2px}.lead{font-size:14px}.app{border-radius:12px;box-shadow:0 15px 35px #1a35631a,0 0 0 4px #fff}.tabs button[aria-selected=true]{box-shadow:inset 0 -2px #6f92ff}.features article{padding:24px}.features p{min-height:0}.features{gap:16px}.feature-top>span{width:35px;height:35px}.benefits{background:#eef3ff}.band{gap:30px}.sample strong.time{font-size:26px}}