
:root{--navy:#0b2441;--mid:#123e68;--blue:#0976c4;--teal:#0dbbb3;--mint:#dff8f2;--paper:#f6f9fc;--text:#16304b;--muted:#5e7286;--line:#d8e4ed;--shadow:0 22px 80px rgba(5,38,76,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,'Avenir Next',Avenir,'Segoe UI',Arial,sans-serif;background:#fff;color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.skip{position:absolute;left:-1000px;top:8px;z-index:100;background:#fff;padding:8px}.skip:focus{left:8px}header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(15px);border-bottom:1px solid #e4eef5}.head{height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;flex:0 0 auto}.brand img{width:205px;max-height:65px;object-fit:contain}.links{display:flex;align-items:center;gap:22px}.links a{font-size:13px;font-weight:700;color:#294b69}.links a:hover{color:var(--blue)}.lang{border:1px solid var(--line);border-radius:30px;background:white;padding:8px 12px;font-size:12px;font-weight:800;color:var(--navy)}.mobile-toggle{display:none;background:none;border:none;font-size:27px}.hero{overflow:hidden;background:radial-gradient(ellipse at 73% 30%,#125a81 0%,#0c3559 44%,#081f3b 85%);color:#fff}.hero-grid{min-height:590px;display:grid;grid-template-columns:1.07fr .93fr;align-items:center;gap:60px;padding:65px 0 85px}.eyebrow{font-size:12px;font-weight:850;letter-spacing:.18em;text-transform:uppercase;color:#71e0d5}.hero h1{font-size:clamp(42px,5.4vw,72px);line-height:1.08;letter-spacing:-.05em;margin:20px 0 20px;max-width:740px}.hero h1 em{font-style:normal;color:#59d7c5}.hero p{font-size:19px;max-width:630px;color:#d0e2ee}.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:13px 19px;font-weight:750;font-size:14px;border:1px solid transparent}.btn-main{background:linear-gradient(110deg,#13bcb5,#71dba5);color:#073044}.btn-ghost{border-color:#7796ae;color:#fff}.btn-outline{border-color:#b7cddc;color:#0f4673;background:white}.orbit{position:relative;min-height:425px;display:grid;place-items:center}.matrix-art{width:min(100%,470px);aspect-ratio:1;position:relative;transform:rotate(-8deg)}.matrix-art:before{content:'';position:absolute;inset:14%;border-radius:50%;background:#45d4cf24;filter:blur(34px)}.iso-grid{position:absolute;inset:7%;transform:rotate(-31deg) skew(5deg,5deg);display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-content:center}.iso-grid span{display:block;aspect-ratio:1;position:relative;background:linear-gradient(145deg,#3ee1d0,#1675bd 66%,#083c7c);border:1px solid #8af6e866;box-shadow:8px 11px 0 #0728449c,13px 17px 16px #001b3555;border-radius:8px;transform:translateY(var(--dy,0))}.iso-grid span:nth-child(3n){background:linear-gradient(135deg,#5ada83,#05b9b2 62%,#086a93)}.iso-grid span:nth-child(5n){opacity:.45}.orbit-label{position:absolute;right:0;bottom:9px;border:1px solid #82e8d277;border-radius:15px;padding:12px 16px;background:#0f3a56aa;color:#d8ffff;font-size:12px;backdrop-filter:blur(8px)}.section{padding:92px 0}.section-alt{background:var(--paper)}.section h2{font-size:clamp(30px,3.2vw,46px);line-height:1.17;letter-spacing:-.035em;color:var(--navy);margin:9px 0 18px}.section-intro{max-width:800px;color:var(--muted);font-size:17px;margin-bottom:40px}.kicker{font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:850;color:#087a92}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:0 8px 20px #0b31500a}.card .n{color:#0a9fa3;font-weight:800;font-size:12px;letter-spacing:.11em}.card h3{font-size:20px;color:var(--navy);line-height:1.2;margin:14px 0}.card p{margin:0;color:var(--muted);font-size:14px}.cube-section{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;align-items:center}.demo{min-height:470px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 50% 50%,#fff,#e8f6fa);padding:24px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.cube-stage{height:335px;perspective:920px;display:grid;place-items:center;isolation:isolate}.net{--fold:90deg;--frontFold:90deg;--faceLabelOpacity:0;position:relative;width:100px;height:100px;transform-style:preserve-3d;transform:rotateX(-22deg) rotateY(-29deg) scale(1.48);transition:transform .24s ease}
.face{position:absolute;width:100px;height:100px;left:0;top:0;display:grid;place-items:center;border:1px solid #ffffffd9;border-radius:5px;background:linear-gradient(140deg,#0e87b7,#10c9b7);box-shadow:inset 0 0 0 1px #ffffff35,0 3px 11px #093c5f20;color:white;text-align:center;font-size:11px;font-weight:750;line-height:1.25;backface-visibility:visible;transform-style:preserve-3d}
.face span{display:block;padding:5px;opacity:var(--faceLabelOpacity);transition:opacity .13s linear;backface-visibility:visible}
.face.center{background:linear-gradient(140deg,#074f9e,#0bb3c0);transform:translateZ(-50px)}
.face.left{left:-100px;transform-origin:right center;transform:translateZ(-50px) rotateY(var(--fold));background:linear-gradient(135deg,#0066b6,#3bb4dc)}
.face.right{left:100px;transform-origin:left center;transform:translateZ(-50px) rotateY(calc(-1 * var(--fold)));background:linear-gradient(135deg,#13a1be,#39cf92)}
.face.bottom{top:100px;transform-origin:center top;transform:translateZ(-50px) rotateX(var(--fold));background:linear-gradient(135deg,#0a529c,#2ba6ce)}
.face.top{top:-100px;transform-origin:center bottom;transform:translateZ(-50px) rotateX(calc(-1 * var(--fold)));background:linear-gradient(135deg,#16b8cf,#2bcaa4)}
.face.top2{top:-100px;left:0;transform-origin:center bottom;transform:rotateX(calc(-1 * var(--frontFold)));background:linear-gradient(135deg,#35c8af,#67d478)}
.cube-play{border:1px solid #99c8d5;border-radius:8px;padding:7px 10px;white-space:nowrap;background:white;color:#0b657e;font-weight:750;font-size:12px}
.demo-controls{display:flex;align-items:center;gap:15px;border-top:1px solid var(--line);padding-top:16px}.demo-controls input{flex:1;accent-color:#09a9a7}.demo-label{font-size:12px;color:#54728b;font-weight:700;min-width:100px}.face-list{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin:26px 0}.face-list div{display:flex;align-items:center;gap:10px;font-size:14px;color:#42617a}.face-list b{width:29px;height:29px;flex:0 0 29px;background:#e0f4f2;color:#067f8a;border-radius:8px;display:grid;place-items:center}.flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.flow-box{padding:23px;border:1px solid #cbdde7;background:white;border-radius:14px}.flow-box h3{margin:0 0 7px;color:var(--navy)}.flow-box p{font-size:14px;color:var(--muted);margin:0}.link-line{font-weight:700;color:#0e859a;margin-top:14px;font-size:13px}.research{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.research-figure{background:#0d3154;border-radius:22px;padding:26px;min-height:330px;display:flex;flex-direction:column;justify-content:space-around}.research-figure .bar{display:flex;align-items:center;gap:14px;color:#cfedf2;font-size:13px}.research-figure .bar i{height:16px;display:block;border-radius:40px;background:linear-gradient(90deg,#1789c8,#32c6b4,#64db99)}.research-figure small{color:#9dc1d2}.foot-cta{background:linear-gradient(120deg,#092746,#0e5a72);color:#fff;text-align:center;padding:82px 0}.foot-cta h2{font-size:clamp(28px,4vw,46px);margin:0 0 10px;color:white}.foot-cta p{color:#d3e7f0;max-width:650px;margin:0 auto 25px}footer{background:#071b31;color:#c9dae5;padding:45px 0 25px}footer .foot{display:flex;gap:30px;justify-content:space-between;flex-wrap:wrap}footer img{max-width:210px;background:white;border-radius:8px;padding:6px}footer p{font-size:13px;max-width:480px}footer a{font-size:13px;color:#d2e7ed;margin-right:15px}footer .tiny{border-top:1px solid #ffffff25;margin-top:25px;padding-top:18px;font-size:12px;color:#8aadc2}.notice{font-size:12px;color:#9cbed0}.legal{padding:70px 0;max-width:800px}.legal h1{color:var(--navy);font-size:44px}.legal p,.legal li{color:var(--muted)}.draft{padding:18px;border:1px solid #e7c874;background:#fff8dd;border-radius:12px;color:#745917}.lang-en,[data-lang='en']{display:none}html[lang='en'] .lang-en,html[lang='en'] [data-lang='en']{display:initial}html[lang='en'] .lang-de,html[lang='en'] [data-lang='de']{display:none}html[lang='en'] .flow-box[data-lang='en'],html[lang='en'] .card[data-lang='en']{display:block}html[lang='de'] .flow-box[data-lang='en'],html[lang='de'] .card[data-lang='en']{display:none}@media(max-width:900px){.links{display:none;position:absolute;top:80px;left:0;right:0;background:white;padding:22px 24px;box-shadow:var(--shadow);flex-direction:column;align-items:flex-start}.links.open{display:flex}.mobile-toggle{display:block}.hero-grid,.cube-section,.research{grid-template-columns:1fr;gap:20px}.hero-grid{padding:65px 0 40px}.orbit{min-height:325px}.matrix-art{max-width:340px}.cards,.flow-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.wrap{width:min(100% - 30px,1180px)}.head{height:65px}.brand img{width:165px}.links{top:65px}.hero-grid{min-height:0}.hero h1{font-size:43px}.hero p{font-size:16px}.orbit{min-height:245px}.matrix-art{max-width:255px}.orbit-label{display:none}.section{padding:58px 0}.cards,.flow-grid,.face-list{grid-template-columns:1fr}.demo{min-height:0}.research{gap:25px}.cube-stage{height:330px}.net{transform:rotateX(-22deg) rotateY(-29deg) scale(1.05)}.btn{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

@media(max-width:620px){.demo-controls{gap:7px;flex-wrap:wrap}.cube-play{margin-left:auto}}

/* v1.2: großzügige Würfelbühne, rechte Beschreibung und Steuerung im linken Panel */
.cube-section{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(24px,3.8vw,55px);align-items:center}
.cube-section>.demo{min-width:0;min-height:0;overflow:visible;padding:24px 23px 20px}
.cube-stage{height:535px;min-width:0;overflow:visible;perspective:1200px}
.net{--viewScale:1.48;--viewShiftX:0px;transform:translateX(var(--viewShiftX)) rotateX(var(--viewTiltX,-22deg)) rotateY(var(--viewTiltY,-29deg)) scale(var(--viewScale));transition:transform .15s linear}
.demo-controls{width:100%;margin-top:3px;flex-wrap:wrap;gap:10px}
.demo-controls input[type=range]{min-width:110px}
@media(max-width:900px){.cube-section{grid-template-columns:1fr;gap:30px}.cube-section>.demo{max-width:680px;width:100%;margin:0 auto}}
@media(max-width:620px){.cube-section>.demo{padding:19px 12px}.cube-stage{height:425px}.demo-controls{gap:9px}.demo-label{min-width:100px}.net{--viewScale:1.04}}

/* Version 2.0 – shared core, independent applications */
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.products{background:#fff}.product-card{position:relative;min-height:310px;border-radius:20px;padding:30px;display:flex;flex-direction:column;box-shadow:0 18px 50px rgba(13,54,88,.10);border:1px solid #d7e8ef}.learn-card{background:linear-gradient(145deg,#eef8fe,#fff 75%)}.research-card{background:linear-gradient(145deg,#e9faf4,#fff 75%)}.product-top{display:flex;justify-content:space-between;align-items:center}.product-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#cceefa;color:#116baf;font-size:27px}.research-card .product-icon{background:#cdf2e4;color:#0a896e}.product-status{font-size:11px;color:#43677a;border:1px solid #cddfe9;padding:5px 10px;border-radius:30px}.product-card h3{font-size:clamp(23px,2.8vw,34px);letter-spacing:-.04em;color:var(--navy);margin:22px 0 7px}.product-card h3 em{font-style:normal;color:#087aa9}.research-card h3 em{color:#118c79}.product-card p{color:#4d697e;font-size:15px;line-height:1.75}.product-link{margin-top:auto;padding-top:20px;color:#077f99;font-weight:800;font-size:14px}.feature-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(22px,5vw,80px)}.feature-split p{font-size:16px;color:#536e81}.section-learn{background:#eff8fd}.section-research{background:#edf9f5}.feature-panel{padding:28px;background:white;border:1px solid #d5e7f1;border-radius:22px;box-shadow:0 22px 60px #0b31500d}.feature-label{font-size:11px;font-weight:850;letter-spacing:.11em;color:#237d9d}.mini-points{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;margin-top:25px}.mini-points>span{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:650}.mini-points b{font-size:11px;border-radius:7px;background:#d7ecf9;padding:6px;color:#07749c}.progress-visual{display:flex;align-items:center;justify-content:space-evenly;padding:40px 10px 34px;gap:14px}.progress-cube{position:relative;transform:skewY(-9deg);width:24%;aspect-ratio:1;border-radius:8px;box-shadow:9px 10px 0 rgba(11,42,78,.22)}.progress-cube.red{background:#dd5b62}.progress-cube.amber{background:#e5b63f}.progress-cube.green{background:#25a275}.status-key{display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap}.status-key>span{display:flex;align-items:center;gap:6px;color:#496577;font-size:11px}.status-key i{display:block;width:9px;height:9px;border-radius:50%}.status-key i.red{background:#dd5b62}.status-key i.amber{background:#e5b63f}.status-key i.green{background:#25a275}.feature-panel>p{font-size:13px}.research-pills{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0}.research-pills span{padding:7px 11px;border-radius:8px;border:1px solid #b8e6d8;background:#fff;color:#177d6f;font-size:12px;font-weight:750}.warning-line{font-size:13px!important;border-left:3px solid #1f9c8d;padding:8px 0 8px 14px}.research-panel{background:linear-gradient(145deg,#123755,#13586b);color:white}.research-panel .feature-label{color:#9beadd}.trial-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #ffffff25}.trial-row span{font-size:12px;min-width:58px;color:#e0f3f8}.trial-row i{display:block;width:35px;height:35px;border-radius:7px;background:linear-gradient(135deg,#46cbd0,#1a80a5);border:1px solid #9aede8aa;transform:rotate(-9deg);box-shadow:3px 4px 0 #071e3970}.trial-row:nth-child(2) i{background:linear-gradient(135deg,#58dbb1,#188e87)}.trial-row:nth-child(3) i{background:linear-gradient(135deg,#76bedf,#3675a9)}.research-roles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.research-roles>span{border:1px solid #88c6c752;border-radius:10px;padding:13px}.research-roles b{display:block}.research-roles small{display:block;font-size:11px;color:#b7e2e7}.tech-figure .tech-node{text-align:center;padding:20px;border-radius:11px;background:linear-gradient(110deg,#1c8dc0,#2cbea3);color:white;font-size:18px;font-weight:800}.tech-stem{text-align:center;color:#9fe2e3;font-size:25px}.tech-branches{display:grid;grid-template-columns:1fr 1fr;gap:13px}.tech-branches>span{text-align:center;background:#174965;color:#e1fcff;border-radius:12px;padding:20px 8px;font-weight:800}.tech-branches small{font-size:10px;color:#b6dbe5;font-weight:400}.tech-figure p{color:#b6dbe5;font-size:12px;text-align:center;margin:12px 0 0}@media(max-width:900px){.product-grid,.feature-split{grid-template-columns:1fr}}@media(max-width:620px){.product-card{min-height:280px;padding:22px}.mini-points{grid-template-columns:1fr}.feature-panel{padding:20px}}
