/* Auftritt als digitales Markenplakat mit eigenem Lichtobjekt. */
body::before{height:1400px;background:radial-gradient(ellipse at 60% 25%,#4624b173,transparent 60%)}
.hero{position:relative;isolation:isolate;overflow:clip;width:100%;padding:65px max(32px,calc((100% - 1280px)/2)) 70px;background:radial-gradient(ellipse at 75% 30%,#393bba9c,transparent 57%),linear-gradient(135deg,#141235,#0b0a1b 60%,#251047)}
.hero-reactor{position:absolute;top:20px;right:-60px;width:min(82vw,1160px);height:760px;z-index:-1;pointer-events:none}.hero-reactor img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 28px #7274ff40)}
.hero-reactor::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#110e2e99,transparent 50%)}
.hero-copy{position:relative}.hero-kicker{margin-bottom:50px}.hero-kicker .eyebrow{color:#dce0ff}.hero-kicker>span{color:#bdc9ff}.hero h1{font-size:clamp(4rem,8.1vw,7.3rem);line-height:1;letter-spacing:-.072em;margin:0 0 45px;position:relative;z-index:1}.hero h1>span{max-width:78%;font-size:.88em;color:#fff;text-shadow:0 3px 28px #09061999}.hero h1 em{max-width:100%;text-align:left;line-height:1.13;letter-spacing:-.07em;color:#8affea;text-shadow:0 5px 32px #07142199;margin-top:20px}.hero-summary{margin:38px 0 245px;align-items:flex-start}.hero-intro{background:#100d268c;border-left:3px solid #88ffea;padding:15px 20px;color:#ecedff;max-width:485px;font-size:.95rem;backdrop-filter:blur(12px)}.hero-actions{margin-top:14px}.hero-actions .button.primary{background:#88ffea;color:#073025;border-color:#b8fff2;box-shadow:0 0 35px #56ffe32b}.hero-actions .button.primary:hover{background:#c5fff6}.hero-actions .button.outline{background:#171236d9;border-color:#999bd1;color:#f2f1ff;backdrop-filter:blur(12px)}
.hero-orbit-note{position:absolute;top:555px;right:max(45px,calc((100% - 1210px)/2));display:flex;gap:12px;align-items:center;font-size:.62rem;letter-spacing:.12em;color:#c9cbff}.hero-orbit-note>span{display:block;width:7px;height:7px;background:#88ffea;box-shadow:0 0 14px #88ffea;border-radius:50%}
.digital-stage{max-width:1280px;margin:auto;background:#111020ec;border:1px solid #8580bf;border-radius:3px 3px 26px 3px;box-shadow:18px 18px 0 #5440b04a,0 25px 100px #0006;backdrop-filter:blur(20px);transform:perspective(1500px) rotateX(3deg)}.stage-toolbar{background:#282047b3;border-color:#6d6093}.stage-bottom{background:#302747;border-color:#675877}.stage-wordmark{color:#c4ffef}.stage-flow{background:linear-gradient(110deg,#271b411f,transparent)}
.principle-strip{background:#88ffea;border:0;position:relative;overflow:clip}.principle-strip .container{color:#062c26;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding-block:26px}.principle-strip .strip-symbol{color:#173e38;font-size:2rem}
.section-heading h2{font-size:clamp(2.6rem,4.7vw,4.3rem);line-height:1.05}.section-heading h2 em{color:#b0a2ff}.section-heading .eyebrow{letter-spacing:.2em}.situations{background:transparent;border-radius:0;gap:22px}.situations article{background:linear-gradient(145deg,#272039,#151323);border:1px solid #544269;border-radius:2px 2px 30px 2px;transition:transform .2s,border-color .2s}.situations article:last-child{border:1px solid #544269}.situations article:hover{transform:translateY(-5px);border-color:#a792e5}.situations .line-icon{font-size:3rem;color:#91ffeb}.product-list{gap:30px}.product-row{border:1px solid #73779e;padding:40px;border-radius:4px 4px 60px 4px;background:linear-gradient(145deg,#252842,#141426);box-shadow:8px 8px 0 #37345d55}.pc-row{border-radius:60px 4px 4px 4px;background:linear-gradient(145deg,#51316a,#21182f);border-color:#9875bb}.product-copy h3{font-size:4rem}.product-number{font-size:1rem;font-weight:800;color:#abacf5}.wordmark-spark{font-size:2.7rem;color:#a0ffeb}.pc-graphic .scan-circle{box-shadow:0 0 0 25px #af73ff15,0 0 0 50px #af73ff0a,0 0 60px #b57dff25}.product-graphic{background:radial-gradient(ellipse,#2c51804d,transparent 70%)}
.demo-section{background:radial-gradient(ellipse at 72% 45%,#254eb77a,transparent 58%),linear-gradient(140deg,#16233c,#201638);border-block:1px solid #787cbe}.demo-device{border-color:#a9add6;box-shadow:18px 18px 0 #725adb55,0 20px 100px #0507177a}.demo-explanation h2{font-size:3.7rem}.about-teaser{background:linear-gradient(115deg,#6136ba,#261c4d);border-color:#9a7ac4;border-radius:4px 40px 4px 40px;box-shadow:10px 10px 0 #46317866}.jan-monogram{background:#201637;border-radius:50%;aspect-ratio:1;min-height:0;box-shadow:0 0 0 12px #b4a3ff0c,0 0 0 24px #b4a3ff08}.jan-monogram::after{border-radius:50%;border-color:#bda8f5}.jan-monogram>span{color:#adffe9}.about-teaser h2 em{color:#b4ffe9}.closing{background:linear-gradient(120deg,#426ce8,#822dd4);border:1px solid #adadff;border-radius:4px 55px 4px 4px;padding:55px;box-shadow:12px 12px 0 #38234f55}.closing h2{font-size:3.7rem;color:#fff}.closing h2 em{color:#a8ffe9}.closing p:not(.eyebrow){color:#f1ebff}.closing .eyebrow{color:#eee9ff}.footer-top{padding-block:60px}.footer-top>.brand{font-size:1.6rem}.footer-top>p{font-size:2rem}
.page-hero{position:relative;padding-bottom:65px}.page-hero::after{content:"";position:absolute;top:-40px;right:0;width:310px;height:310px;background:url('/assets/reactor.svg') center/contain no-repeat;opacity:.28;z-index:-1;pointer-events:none}.page-hero h1{letter-spacing:-.06em}.page-hero h1 em{color:#abffe9}.contact-form-wrap{border-color:#8585b4;background:linear-gradient(145deg,#2c2546,#17192d);box-shadow:12px 12px 0 #39325155;border-radius:4px 4px 35px 4px}.honesty-panel{border-color:#7972a0;border-radius:3px 30px 3px 3px}.concept-link{border-color:#8175b0;border-radius:4px 30px 4px 4px}
@media(max-width:1100px){.hero{padding-inline:32px}.hero-reactor{width:95vw;right:-180px;top:30px}.hero h1{font-size:8.5vw}.hero h1>span{max-width:100%}.hero-summary{margin-bottom:245px;gap:25px}.hero-intro{max-width:440px}.hero-orbit-note{top:555px;right:35px}.product-row{padding:30px}.product-copy h3{font-size:3.2rem}.demo-explanation h2{font-size:3rem}.closing h2{font-size:3rem}.closing{padding:38px}}
@media(max-width:850px){.hero{padding-top:45px}.hero h1{font-size:9vw}.hero-reactor{width:1100px;right:-290px;top:85px;height:820px}.hero-summary{margin-bottom:215px;gap:16px}.hero-actions{margin-top:0}.hero-intro{max-width:540px;font-size:.9rem}.hero-orbit-note{top:620px;right:35px}.digital-stage{transform:none;box-shadow:10px 10px 0 #5440b04a}.hero-kicker{margin-bottom:30px}.section-heading h2{font-size:3rem}.product-copy h3{font-size:3rem}.demo-explanation h2{font-size:2.8rem}.closing h2{font-size:2.7rem}.jan-monogram{min-height:200px}.about-teaser{padding:30px}.situations article{padding:25px}.situations{gap:16px}.footer-top>p{font-size:1.7rem}}
@media(max-width:640px){.hero{padding:35px 16px 45px}.hero-kicker{margin-bottom:25px}.hero h1{font-size:clamp(2.4rem,10.8vw,4.3rem);margin-bottom:20px;letter-spacing:-.065em}.hero h1>span{font-size:1em}.hero h1 em{margin-top:8px;font-size:1em}.hero-reactor{width:750px;height:560px;right:-190px;top:250px;opacity:.95}.hero-reactor::after{background:linear-gradient(180deg,#110e2eaa,transparent 35%)}.hero-summary{margin:25px 0 230px;gap:18px}.hero-intro{font-size:.86rem;padding:13px 15px;max-width:100%;background:#17102cc9}.hero-actions{gap:10px}.hero-actions .button{font-size:.7rem;padding-inline:13px}.hero-orbit-note{top:690px;right:20px;font-size:.46rem;letter-spacing:.1em}.digital-stage{box-shadow:6px 6px 0 #5440b04a;border-radius:3px 3px 22px 3px}.principle-strip .container{font-size:.57rem;padding-block:18px;gap:10px 16px}.section-heading h2{font-size:2.3rem}.situations{gap:18px}.situations article,.situations article:last-child{padding:25px;border-radius:3px 3px 25px 3px}.situations .line-icon{font-size:2.7rem}.product-row{padding:25px;border-radius:3px 3px 40px 3px;box-shadow:6px 6px 0 #37345d55}.pc-row{border-radius:40px 3px 3px 3px}.product-copy h3{font-size:clamp(2.2rem,9vw,3rem)}.demo-device{box-shadow:10px 10px 0 #725adb55}.demo-explanation h2{font-size:2.4rem}.about-teaser{padding:25px;border-radius:3px 30px 3px 30px;box-shadow:6px 6px 0 #46317866}.about-teaser .jan-monogram{min-height:0;max-width:210px;width:100%;margin:0 auto}.closing{padding:28px;border-radius:3px 30px 3px 3px;box-shadow:6px 6px 0 #38234f55}.closing h2{font-size:2.05rem}.footer-top>.brand{font-size:1.15rem}.footer-top>p{font-size:1.45rem}.page-hero::after{width:230px;height:230px;right:-10px;top:10px;opacity:.2}.page-hero h1{font-size:clamp(2.2rem,9.5vw,3.5rem)}.contact-form-wrap{box-shadow:6px 6px 0 #39325155;padding:23px 18px}}
@media(prefers-reduced-motion:reduce){.situations article{transition:none}.situations article:hover{transform:none}}
.hero-reactor img{transform:translate3d(var(--art-x,0px),var(--art-y,0px),0);transition:transform .45s ease-out}.hero h1 em{-webkit-text-stroke:1px #132831;text-shadow:0 2px 0 #132831,0 5px 32px #07142199}.closing{background:linear-gradient(120deg,#2f52bd,#822dd4)}
@media(prefers-reduced-motion:reduce){.hero-reactor img{transform:none;transition:none}}
.hero-reactor .reactor-art{display:block;width:100%;height:100%;overflow:visible;transform:translate3d(var(--art-x,0px),var(--art-y,0px),0);transition:transform .45s ease-out;filter:drop-shadow(0 0 28px #7274ff40)}
.reactor-ring{transform-origin:0px 0px;transform-box:view-box}.ring-outer{animation:ring-turn 18s linear infinite}.ring-inner{animation:ring-turn 11s linear infinite reverse}.ring-cyan{animation:ring-turn 8s linear infinite}.hero-reactor{animation:reactor-arrive 1.2s cubic-bezier(.16,1,.3,1) both}
@keyframes ring-turn{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes reactor-arrive{from{opacity:0;transform:translateY(65px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}
.motion-toggle{display:none;position:absolute;top:740px;right:max(45px,calc((100% - 1210px)/2));z-index:4;border:1px solid #999bd1;background:#171236e6;color:#ecefff;border-radius:8px;font-size:.7rem;padding:10px 14px;min-height:44px}.js .motion-toggle{display:block}.hero.motion-paused .reactor-ring{animation-play-state:paused}.hero.motion-paused .reactor-art{transform:none;transition:none}
@media(max-width:850px){.motion-toggle{top:775px;right:35px}}
@media(max-width:640px){.motion-toggle{top:685px;right:20px;font-size:.62rem;padding:8px 12px}.hero-orbit-note{display:none}}
@media(prefers-reduced-motion:reduce){.hero-reactor,.reactor-ring{animation:none!important}.hero-reactor .reactor-art{transform:none;transition:none}.js .motion-toggle{display:none}}