:root{
  color-scheme:dark;--bg:#061326;--bg2:#091b32;--panel:#0b2039;--panel2:#0d2744;--line:rgba(126,183,226,.2);
  --line-strong:rgba(126,183,226,.42);--text:#e9f2fc;--muted:#9db2c9;--blue:#69b8f2;--cyan:#9ad8ff;--accent:#a7d8ff;
  --max:1240px;--header-h:82px;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 18px)}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(rgba(86,151,204,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(86,151,204,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 90%)}
a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;top:-100px;left:1rem;z-index:100;background:var(--text);color:var(--bg);padding:.7rem 1rem}.skip-link:focus{top:1rem}
.site-header{height:var(--header-h);padding:0 clamp(1.2rem,5vw,5rem);display:flex;align-items:center;justify-content:space-between;gap:2rem;position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(5,17,33,.78);border-bottom:1px solid rgba(126,183,226,.13);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:.7rem;flex-shrink:0;font-size:1.13rem;font-weight:750;letter-spacing:-.045em;line-height:1.05}.brand img{filter:drop-shadow(0 0 12px rgba(105,184,242,.15))}.brand>span>span{color:var(--blue)}.brand small{display:block;color:#8ca7c2;font: .56rem var(--mono);letter-spacing:.11em;margin-top:.45rem;font-weight:500}
.main-nav{display:flex;align-items:center;justify-content:center;gap:clamp(.8rem,2vw,2rem)}.main-nav a,.footer-links a{font-size:.76rem;color:#bdcfe0;transition:color .2s}.main-nav a:hover,.footer-links a:hover{color:var(--cyan)}
.header-actions{display:flex;align-items:center;gap:1rem}.lang-switch{border:0;background:transparent;color:#7f98b2;font: .72rem var(--mono);padding:.5rem;cursor:pointer}.lang-switch .lang-current{color:var(--cyan)}.lang-divider{padding:0 .35rem;color:#3c5a77}
.button{display:inline-flex;align-items:center;justify-content:center;gap:1.2rem;padding:.95rem 1.2rem;font-size:.78rem;font-weight:650;border:1px solid transparent;transition:transform .2s,border-color .2s,background .2s;cursor:pointer}.button:hover{transform:translateY(-2px)}.button-small{padding:.55rem .85rem;font-size:.73rem}.button-outline{border-color:var(--line-strong);color:var(--text);background:rgba(8,27,48,.4)}.button-outline:hover{border-color:var(--blue);background:rgba(105,184,242,.08)}.button-primary{background:var(--blue);color:#061426}.button-primary:hover{background:#9bd4ff}.text-link{display:inline-flex;align-items:center;gap:.8rem;color:#c7d8e9;font-size:.78rem}.text-link span:last-child{color:var(--blue);font-size:1.05rem}
.panel{position:relative;isolation:isolate;overflow:hidden;scroll-margin-top:var(--header-h)}.hero{min-height:100svh;padding:calc(var(--header-h) + 5rem) clamp(1.3rem,8vw,8rem) 6rem;display:flex;align-items:center;border-bottom:1px solid var(--line);background:linear-gradient(110deg,#061326 0%,rgba(6,19,38,.97) 38%,rgba(6,19,38,.56) 100%)}
.hero-background{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 78% 43%,rgba(30,100,160,.24),transparent 45%),linear-gradient(135deg,#07172c,#061326 70%);background-image:linear-gradient(110deg,rgba(5,17,33,.94),rgba(5,17,33,.64)),url("../assets/background.png");background-position:center;background-size:cover;opacity:.95}
.blueprint{position:absolute;color:rgba(117,188,240,.58);pointer-events:none}.blueprint-hero{right:4%;top:18%;width:min(52vw,690px);height:70%;opacity:.78}.hero-drawing{width:100%;height:100%;filter:drop-shadow(0 0 15px rgba(50,140,220,.1))}.bp-cross{position:absolute;width:14px;height:14px;border:1px solid currentColor;border-radius:50%;z-index:2}.bp-cross:before,.bp-cross:after{content:"";position:absolute;background:currentColor}.bp-cross:before{height:1px;width:25px;left:-7px;top:6px}.bp-cross:after{width:1px;height:25px;top:-7px;left:6px}.cross-one{top:26%;left:40%}.cross-two{bottom:20%;right:22%}.bp-label{position:absolute;font: .62rem var(--mono);letter-spacing:.1em}.label-one{top:20%;left:5%}.label-two{bottom:17%;right:0}
.hero-content{max-width:660px;position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:.8rem;color:#8eb3d4;font: .67rem var(--mono);letter-spacing:.16em;text-transform:uppercase;margin:0 0 1.5rem}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 13px var(--blue)}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:550;letter-spacing:-.055em;line-height:1.08}h1{font-size:clamp(3.2rem,7vw,6.5rem);margin:0 0 1.5rem}h1 em,h2 em{font-style:normal;color:var(--blue)}.hero-copy{max-width:520px;color:#afc2d6;font-size:clamp(.96rem,1.4vw,1.08rem);line-height:1.85}.hero-actions{display:flex;align-items:center;gap:1.8rem;flex-wrap:wrap;margin-top:2rem}.hero-meta{display:flex;align-items:center;gap:.8rem;color:#7f9ab5;font: .64rem var(--mono);letter-spacing:.04em;margin-top:3.5rem}.meta-line{width:34px;height:1px;background:var(--blue)}.hero-side-note{position:absolute;right:2rem;top:45%;display:flex;flex-direction:column;gap:.25rem;color:rgba(155,216,255,.35);font: .62rem var(--mono);letter-spacing:.22em}.scroll-cue{position:absolute;left:clamp(1.3rem,8vw,8rem);bottom:2rem;display:flex;align-items:center;gap:.9rem;color:#7896b3;font: .58rem var(--mono);letter-spacing:.16em}.scroll-cue-line{width:34px;height:1px;background:var(--blue)}.panel-index{position:absolute;bottom:2rem;right:clamp(1.3rem,5vw,5rem);font: .65rem var(--mono);color:#6c89a7;letter-spacing:.1em}
.section-panel{padding:clamp(6rem,10vw,9rem) clamp(1.3rem,7vw,7rem);border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(10,31,55,.98),rgba(6,19,38,.98))}.section-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(105,184,242,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(105,184,242,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black,transparent 95%)}.panel-inner{width:100%;max-width:var(--max);margin:0 auto;position:relative;z-index:1}.section-number{color:var(--blue)}.section-heading{max-width:700px;margin-bottom:3.2rem}.section-heading h2,.workflow-copy h2,.background-copy h2,.about-main h2{font-size:clamp(2.6rem,5vw,4.7rem);margin-bottom:1.25rem}.section-lead{max-width:640px;color:var(--muted);font-size:.98rem;line-height:1.9;margin-bottom:0}
.feature-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:2rem;align-items:stretch}.screen-card{background:#07172b;border:1px solid rgba(123,183,228,.25);box-shadow:0 25px 70px rgba(0,0,0,.22);min-width:0}.screen-topbar{height:42px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 1rem;border-bottom:1px solid var(--line);font: .62rem var(--mono);color:#88a7c5;letter-spacing:.05em}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#42698a}.screen-status{font-size:.55rem;color:#77bce9;letter-spacing:.14em}.screen-card img{display:block;width:100%;height:auto}.screen-caption{display:flex;justify-content:space-between;padding:.8rem 1rem;border-top:1px solid var(--line);color:#8faac3;font: .62rem var(--mono)}.feature-list{display:flex;flex-direction:column;justify-content:center}.feature-item{display:grid;grid-template-columns:38px 1fr;gap:1rem;padding:1.25rem 0;border-bottom:1px solid var(--line)}.feature-icon{font: .72rem var(--mono);color:var(--blue);padding-top:.25rem}.feature-item h3{font-size:1rem;font-weight:600;margin:0 0 .45rem;letter-spacing:-.02em}.feature-item p{font-size:.8rem;color:var(--muted);line-height:1.75;margin:0}.feature-cta{margin-top:1.5rem;align-self:flex-start}.disclaimer{font-size:.68rem;color:#718ca7;margin:1rem 0 0}
.workflow-panel{background:linear-gradient(125deg,#07172a,#0b2340 65%,#07172a)}.workflow-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,8rem);align-items:center}.workflow-copy h2{font-size:clamp(2.7rem,4.8vw,4.4rem)}.workflow-points{margin-top:2rem;display:grid;gap:1rem}.workflow-points>div{display:flex;gap:.85rem;align-items:center;color:#c0d2e4;font-size:.83rem}.point-marker{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--line-strong);color:var(--blue);font-size:1rem}.screen-stack{position:relative;min-height:450px;display:grid;place-items:center}.screen-stack .screen-card{position:absolute;width:82%}.stack-back{top:3%;right:0;transform:rotate(3deg);opacity:.7}.stack-front{left:0;bottom:3%;transform:rotate(-2deg);z-index:2}.stack-coordinate{position:absolute;bottom:-1rem;right:0;font: .6rem/1.8 var(--mono);color:#79a5cb;letter-spacing:.15em;text-align:right;z-index:3}
.background-panel{background:#061528}.background-grid{position:absolute;inset:0;opacity:.4;background:radial-gradient(ellipse at 80% 50%,rgba(28,105,166,.2),transparent 50%),linear-gradient(90deg,transparent 49.9%,rgba(105,184,242,.07) 50%,transparent 50.1%)}.background-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.7fr);gap:clamp(3rem,9vw,9rem);align-items:center}.background-stamp{position:absolute;left:-1rem;top:-3rem;display:flex;flex-direction:column;color:rgba(111,173,222,.17);font:700 clamp(1.6rem,3vw,2.5rem)/1.1 var(--mono);letter-spacing:.08em;transform:rotate(-90deg) translateX(-100%);transform-origin:top left}.background-copy{padding-left:clamp(0rem,5vw,5rem)}.background-copy .section-lead{max-width:670px}.quote-rule{width:48px;height:2px;background:var(--blue);margin:2.2rem 0 1rem}.background-copy blockquote{font-size:1.25rem;line-height:1.65;letter-spacing:-.02em;color:#d7e8f8;margin:0;max-width:600px}.quote-credit{font: .6rem var(--mono);letter-spacing:.13em;color:#7394b3;margin-top:1rem}.field-diagram{color:rgba(105,184,242,.56);max-width:400px;justify-self:center}.field-diagram svg{width:100%;filter:drop-shadow(0 0 15px rgba(52,140,215,.12))}.diagram-caption{display:block;text-align:center;font: .55rem var(--mono);letter-spacing:.15em;color:#6689aa}
.about-panel{background:linear-gradient(130deg,#0a1d33,#061326 72%)}.about-inner{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.75fr);gap:clamp(2rem,6vw,6rem);align-items:start}.about-main h2{font-size:clamp(2.5rem,4.4vw,4.2rem)}.about-main>.section-lead{max-width:680px}.about-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2.7rem}.about-cards article{padding:1.15rem;border:1px solid var(--line);background:rgba(11,32,57,.55)}.card-kicker{font: .58rem var(--mono);letter-spacing:.12em;color:var(--blue)}.about-cards h3{font-size:.9rem;margin:.9rem 0 .5rem}.about-cards p{font-size:.74rem;color:var(--muted);line-height:1.7;margin:0}.roadmap-card{border:1px solid var(--line-strong);background:linear-gradient(160deg,rgba(15,42,70,.92),rgba(6,20,37,.96));padding:clamp(1.3rem,3vw,2rem);box-shadow:0 30px 70px rgba(0,0,0,.18)}.roadmap-top{display:flex;justify-content:space-between;align-items:center;font: .6rem var(--mono);letter-spacing:.14em;color:#8db4d7;border-bottom:1px solid var(--line);padding-bottom:1rem}.roadmap-cross{color:var(--blue);font-size:1.1rem}.roadmap-card h3{font-size:1.5rem;letter-spacing:-.04em;margin:1.4rem 0 .5rem}.roadmap-card>p{font-size:.78rem;line-height:1.8;color:var(--muted)}.roadmap-list{list-style:none;margin:1.5rem 0 2rem;padding:0}.roadmap-list li{display:grid;grid-template-columns:12px 1fr auto;align-items:start;gap:.8rem;padding:1rem 0;border-bottom:1px solid rgba(126,183,226,.13)}.roadmap-dot{width:8px;height:8px;border:1px solid #50789c;border-radius:50%;margin-top:.35rem}.roadmap-dot.active{background:var(--blue);border-color:var(--blue);box-shadow:0 0 10px rgba(105,184,242,.55)}.roadmap-list strong{display:block;font-size:.77rem;font-weight:600}.roadmap-list small{display:block;color:#8ba4bd;font-size:.67rem;margin-top:.25rem;line-height:1.5}.roadmap-state{font: .52rem var(--mono);color:var(--blue);letter-spacing:.08em;padding-top:.2rem}
.site-footer{padding:2.2rem clamp(1.3rem,7vw,7rem);display:flex;align-items:center;gap:2rem;flex-wrap:wrap;background:#040e1b;border-top:1px solid var(--line)}.footer-brand{font-size:.95rem}.footer-brand small{font-size:.48rem}.site-footer>p{color:#7e97b0;font-size:.72rem;margin:0 auto 0 0}.footer-links{display:flex;gap:1.2rem}.copyright{color:#5e7892;font: .58rem var(--mono)}
/* Panels reveal in sequence without trapping the browser's natural scrolling. */
@media (min-width:900px) and (prefers-reduced-motion:no-preference){
  .panel-inner{animation:panel-enter both;animation-timeline:view();animation-range:entry 0% entry 32%}
  @keyframes panel-enter{from{opacity:.68;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}
}
@media(max-width:1050px){.main-nav{gap:.9rem}.main-nav a{font-size:.7rem}.site-header{gap:1rem}.header-actions{gap:.5rem}.feature-layout{grid-template-columns:1.15fr .85fr}.about-inner{grid-template-columns:1fr}.roadmap-card{max-width:none}.about-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){:root{--header-h:72px}.site-header{padding:0 1.2rem}.menu-toggle{display:flex;margin-left:auto;width:40px;height:40px;flex-direction:column;justify-content:center;gap:6px;align-items:center;border:1px solid var(--line);background:transparent;color:var(--text)}.menu-toggle span{width:17px;height:1px;background:currentColor}.main-nav{display:none;position:absolute;top:calc(var(--header-h) - 1px);left:0;right:0;padding:1rem 1.3rem 1.3rem;background:rgba(5,17,33,.97);border-bottom:1px solid var(--line);align-items:stretch;flex-direction:column;gap:0}.main-nav.open{display:flex}.main-nav a{padding:.8rem 0;font-size:.82rem;border-bottom:1px solid rgba(126,183,226,.1)}.header-actions{margin-left:0}.header-actions .button{display:none}.hero{padding-left:1.5rem;padding-right:1.5rem;align-items:center}.blueprint-hero{right:-17%;width:78vw;opacity:.38}.hero-content{max-width:650px}.hero-side-note{display:none}.scroll-cue{left:1.5rem}.section-panel{padding:6rem 1.5rem}.feature-layout,.workflow-inner,.background-inner{grid-template-columns:1fr;gap:2.5rem}.feature-list{display:grid;grid-template-columns:1fr 1fr;column-gap:1.4rem}.feature-cta{grid-column:1/-1}.screen-stack{min-height:420px;max-width:650px;width:100%;margin:0 auto}.background-stamp{display:none}.background-copy{padding-left:0}.field-diagram{width:min(100%,340px)}.about-inner{grid-template-columns:1fr}.about-cards{grid-template-columns:repeat(3,1fr)}.panel-index{bottom:1.4rem;right:1.5rem}}
@media(max-width:540px){.brand{font-size:1rem}.brand img{width:32px;height:32px}.brand small{font-size:.48rem}.header-actions{gap:.1rem}.lang-switch{font-size:.67rem;padding:.4rem}.hero{padding-top:calc(var(--header-h) + 3.2rem);padding-bottom:6rem;min-height:94svh}.hero h1{font-size:clamp(2.8rem,13vw,4.3rem)}.hero-copy{font-size:.9rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:1.2rem}.hero-meta{margin-top:2.4rem;font-size:.55rem}.eyebrow{font-size:.58rem;letter-spacing:.11em}.section-panel{padding:5rem 1.2rem}.section-heading h2,.workflow-copy h2,.background-copy h2,.about-main h2{font-size:clamp(2.35rem,11vw,3.5rem)}.section-lead{font-size:.88rem}.feature-layout{gap:1.5rem}.feature-list{grid-template-columns:1fr}.feature-item{padding:1rem 0}.screen-stack{min-height:300px}.screen-stack .screen-card{width:88%}.screen-topbar{height:35px;font-size:.55rem}.about-cards{grid-template-columns:1fr}.about-cards article{padding:1rem}.roadmap-list li{grid-template-columns:10px 1fr}.roadmap-state{grid-column:2}.site-footer{align-items:flex-start;flex-direction:column;gap:1rem}.site-footer>p{margin:0}.footer-links{flex-wrap:wrap}.copyright{margin-top:.5rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Abstract stacked blueprint notes; the supplied 3D capture remains the only application screenshot. */
.blueprint-note{position:absolute;width:72%;min-height:130px;padding:1.2rem;border:1px solid rgba(123,183,228,.38);background:linear-gradient(135deg,rgba(10,34,58,.96),rgba(5,18,34,.94));box-shadow:0 25px 60px rgba(0,0,0,.28);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.blueprint-note:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(105,184,242,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(105,184,242,.09) 1px,transparent 1px);background-size:20px 20px;opacity:.7}
.blueprint-note>*{position:relative}.blueprint-note strong{font-size:1rem;font-weight:550;letter-spacing:-.02em}.note-index{font: .58rem var(--mono);letter-spacing:.14em;color:var(--blue)}
.note-back{top:3%;right:0;transform:rotate(3deg);opacity:.8}.note-front{left:0;bottom:3%;transform:rotate(-2deg);z-index:2}
.note-line{width:70%;height:1px;background:var(--blue);box-shadow:0 0 12px rgba(105,184,242,.5)}
.note-grid{height:28px;width:100%;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);background:repeating-linear-gradient(90deg,transparent 0 18px,rgba(105,184,242,.28) 19px 20px)}
.main-screen img{max-height:65vh;object-fit:contain;background:#202b36}
@media(max-width:540px){.blueprint-note{min-height:105px;padding:.9rem}.blueprint-note strong{font-size:.85rem}}
/* Linke Spalte: Screenshots untereinander */
.screenshot-gallery {display: flex;flex-direction: column;gap: 2.5rem;min-width: 0;}.screenshot-item {min-width: 0;}.screenshot-item .screen-card img {display: block;width: 100%;height: auto;object-fit: contain;}.screenshot-description {display: flex;gap: 1rem;padding: 1rem 0 0.5rem;}.screenshot-description h3 {margin: 0 0 0.4rem;font-size: 1rem}.screenshot-description p {margin: 0;color: var(--muted);font-size: 0.82rem;line-height: 1.8;}
/* Rechte Feature-Liste beim Scrollen sichtbar halten */
@media (min-width: 821px) {.feature-list {position: sticky;top: calc(var(--header-h) + 1.5rem);align-self: start;}}