/* ============================================================
   ugurdemirel.de – Founder Constellation (Port des Manus-Entwurfs)
   Teil 1: Minimale Utility-Schicht (Ersatz für Bootstrap-Subset)
   ============================================================ */
.container-xl { width:100%; max-width:1320px; margin-inline:auto; }
.px-4 { padding-inline:1.5rem; }
.py-2 { padding-block:.5rem; }
.pt-3 { padding-top:1rem; }
.mt-4 { margin-top:1.5rem; }
.d-flex { display:flex; }
.flex-wrap { flex-wrap:wrap; }
.flex-column { flex-direction:column; }
.align-items-center { align-items:center; }
.justify-content-between { justify-content:space-between; }
.justify-content-end { justify-content:flex-end; }
.gap-2 { gap:.5rem; }
.gap-3 { gap:1rem; }
.border-0 { border:0; }
.shadow-none { box-shadow:none; }
.rounded-pill { border-radius:50rem; }
.row { display:flex; flex-wrap:wrap; }
.gy-5 { row-gap:3rem; }
.row > [class*="col-"] { width:100%; }
.hero-stat-row { display:flex; gap:1rem; }
.hero-stat-row .col { flex:1 1 0; }
.btn { justify-content:center; border:1px solid transparent; cursor:pointer; text-align:center; }
.btn.px-4 { padding-inline:1.5rem; }
.btn-primary { background:var(--blue); border-color:var(--blue); color:#fff; }
.btn-primary:hover { background:var(--blue-dark); border-color:var(--blue-dark); color:#fff; }
.btn-light { background:#fff; color:var(--ink); }
.navbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; }
.navbar-brand { display:flex; align-items:center; }
.navbar-toggler { padding:.25rem .5rem; background:transparent; color:var(--ink); line-height:1; }
.navbar-collapse { flex-basis:100%; }
.navbar-collapse:not(.show) { display:none; }
.navbar-nav { display:flex; flex-direction:column; }
@media (min-width:768px) {
  .px-md-5 { padding-inline:3rem; }
  .flex-md-row { flex-direction:row; }
  .align-items-md-center { align-items:center; }
}
@media (min-width:992px) {
  .pt-lg-0 { padding-top:0; }
  .gap-lg-2 { gap:.5rem; }
  .align-items-lg-center { align-items:center; }
  .navbar-toggler { display:none; }
  .navbar-collapse { display:flex !important; flex-basis:auto; flex-grow:1; }
  .navbar-nav { flex-direction:row; }
  .col-lg-7 { width:58.3333%; }
  .col-lg-5 { width:41.6667%; }
}
@media (min-width:1200px) {
  .col-xl-7 { width:58.3333%; }
  .col-xl-4 { width:33.3333%; }
  .offset-xl-1 { margin-left:8.3333%; }
}

/* ============================================================
   Teil 2: Design-CSS (portiert aus client/src/index.css)
   ============================================================ */
/* Search entity layer: compact factual answers in the Founder Constellation system. */
.entity-name { display:block; margin-bottom:.55rem; color:var(--ink); font-family:var(--sans); font-size:clamp(.8rem,1.4vw,1.1rem); font-weight:800; letter-spacing:.04em; line-height:1; text-transform:uppercase; }
.answers-section { border-top:1px solid #eef0f2; background:var(--canvas); }.answers-heading { margin-bottom:2.2rem; }.answers-grid { display:grid; grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr); gap:0; border:1px solid var(--line); background:#fff; }.answer-lead { padding:clamp(1.55rem,3vw,2.6rem); border-right:1px solid var(--line); background:linear-gradient(150deg,#f7faff 0%,#fff 68%); }.answer-lead>span { color:var(--blue); font-size:.56rem; font-weight:800; letter-spacing:.1em; }.answer-lead h3 { margin:1.1rem 0 .8rem; font-family:var(--sans); font-size:clamp(1.45rem,2.15vw,2.1rem); font-weight:800; letter-spacing:-.052em; line-height:1.04; }.answer-lead p { margin:0; color:var(--muted); font-size:.87rem; line-height:1.72; }.answer-lead div { display:flex; align-items:flex-start; gap:.45rem; margin-top:1.6rem; color:#53606c; font-size:.71rem; font-weight:700; line-height:1.45; }.answer-lead svg { flex:none; margin-top:.08rem; color:var(--blue); }.answer-list { display:grid; grid-template-columns:1fr 1fr; }.answer-list details { padding:1.2rem 1.35rem; border-bottom:1px solid var(--line); }.answer-list details:nth-child(odd) { border-right:1px solid var(--line); }.answer-list details:last-child { grid-column:1/-1; border-bottom:0; }.answer-list summary { position:relative; padding-right:1.2rem; color:var(--ink); font-size:.78rem; font-weight:800; cursor:pointer; list-style:none; }.answer-list summary::-webkit-details-marker { display:none; }.answer-list summary::after { content:"+"; position:absolute; right:0; color:var(--blue); font-size:1rem; font-weight:400; line-height:.75; }.answer-list details[open] summary::after { content:"−"; }.answer-list p { max-width:480px; margin:.85rem 0 0; color:var(--muted); font-size:.76rem; line-height:1.68; }
@media(max-width:767px){.answers-grid{grid-template-columns:1fr}.answer-lead{border-right:0;border-bottom:1px solid var(--line)}.answer-list{grid-template-columns:1fr}.answer-list details:nth-child(odd){border-right:0}.answer-list details:last-child{grid-column:auto}}

/* Constellation continuity: every major information block carries a small system-route cue. */
.section-heading>div { position:relative; padding-left:2rem; }.section-heading>div::before { content:"UD"; position:absolute; left:0; top:.05rem; display:grid; place-items:center; width:1.25rem; height:1.25rem; border:1px solid currentColor; border-radius:50%; color:var(--blue); font-size:.34rem; font-weight:800; letter-spacing:.02em; }.section-heading>div::after { content:""; position:absolute; top:.66rem; left:1.33rem; width:.64rem; border-top:1px solid #9cb7ee; }.hero-stat-row .col { position:relative; }.hero-stat-row .col:not(:last-child)::after { content:""; position:absolute; top:.85rem; right:-.1rem; width:1.05rem; border-top:1px solid #bfd0ef; }.answers-section { position:relative; overflow:hidden; }.answers-section::before { content:""; position:absolute; width:33rem; height:33rem; left:-24rem; bottom:-24rem; border:1px dashed rgba(40,95,218,.22); border-radius:50%; }.answers-grid { position:relative; }.answer-list { position:relative; background-image:radial-gradient(circle at 1px 1px,rgba(40,95,218,.12) 1px,transparent 1.05px); background-size:18px 18px; }.answer-list details { position:relative; background:rgba(255,255,255,.92); }.roadmap-list { position:relative; padding-left:1.3rem; }.roadmap-list::before { content:""; position:absolute; top:1.8rem; bottom:1.8rem; left:.22rem; border-left:1px dashed #b8c8e6; }.roadmap-item::before { content:""; position:absolute; z-index:1; left:-1.67rem; top:50%; width:1.15rem; border-top:1px solid #b8c8e6; }.roadmap-item::after { content:""; position:absolute; z-index:2; left:-1.95rem; top:calc(50% - .24rem); width:.5rem; height:.5rem; border:1px solid #9ea9b7; border-radius:50%; background:#f2f3f5; }.milestone-grid article { position:relative; }.milestone-grid article::before { content:""; position:absolute; top:0; left:1.5rem; right:0; border-top:2px solid #d6e2f9; }.milestone-grid article::after { content:""; position:absolute; top:-.31rem; left:1.5rem; width:.55rem; height:.55rem; border-radius:50%; background:var(--blue); box-shadow:0 0 0 4px var(--mist); }.contact-surface { position:relative; overflow:hidden; }.contact-surface::after { content:"NEXT ROUTE"; position:absolute; right:1.25rem; top:1rem; color:#91a4c4; font-size:.48rem; font-weight:800; letter-spacing:.13em; }.contact-surface::before { content:""; position:absolute; width:17rem; height:17rem; right:-11rem; top:-12rem; border:1px dashed #b8c8e6; border-radius:50%; }
@media(max-width:767px){.section-heading>div{padding-left:1.7rem}.section-heading>div::after{width:.36rem}.hero-stat-row .col:not(:last-child)::after{display:none}.roadmap-list{padding-left:.9rem}.roadmap-item::before{left:-1.27rem;width:.75rem}.roadmap-item::after{left:-1.51rem}.contact-surface::after{right:.9rem;top:.7rem}}

:root { --ink:#17212b; --blue:#285fda; --blue-dark:#1748b7; --blue-soft:#edf3ff; --violet:#6f61be; --violet-soft:#f1effa; --paper:#ffffff; --canvas:#f7f8fa; --mist:#f1f4f7; --line:#dce2e8; --muted:#677380; --sans:"Nunito",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --display:"Cormorant Garamond",Georgia,serif; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--sans); font-weight:300; } a { color:inherit; text-decoration:none; } button { font-family:inherit; } .founder-site { overflow-x:hidden; }.skip-link { position:fixed; z-index:100; top:-5rem; left:1rem; padding:.7rem 1rem; background:var(--ink); color:#fff; border-radius:6px; font-weight:700; transition:top .18s ease; }.skip-link:focus { top:1rem; }

.site-navigation { position:absolute; z-index:20; inset:0 0 auto; background:rgba(255,255,255,.75); border-bottom:1px solid rgba(23,33,43,.08); backdrop-filter:blur(16px); }.navbar { min-height:74px; }.brand-symbol { width:34px; height:34px; object-fit:contain; }.navbar-brand span,.footer-brand span { display:flex; flex-direction:column; gap:.12rem; line-height:1; }.navbar-brand b,.footer-brand b { font-family:var(--display); font-size:1.25rem; font-weight:600; letter-spacing:-.03em; }.navbar-brand small,.footer-brand small { color:var(--muted); font-size:.5rem; font-weight:800; letter-spacing:.1em; }.nav-link { padding:.65rem .85rem!important; color:#53606c!important; font-size:.72rem; font-weight:700; letter-spacing:.01em; }.nav-link:hover { color:var(--blue)!important; }.navbar-toggler:focus { box-shadow:0 0 0 .18rem rgba(40,95,218,.18); }

@media (prefers-reduced-motion: no-preference) { html.js [data-reveal] { opacity:0; transform:translateY(18px); transition:opacity .58s cubic-bezier(.23,1,.32,1),transform .58s cubic-bezier(.23,1,.32,1); } html.js [data-reveal].is-revealed { opacity:1; transform:translateY(0); } html.js [data-reveal].is-revealed .section-heading { animation:section-heading-in .62s .06s cubic-bezier(.23,1,.32,1) both; } html.js [data-reveal].is-revealed .network-assembly { animation:section-heading-in .62s .13s cubic-bezier(.23,1,.32,1) both; } @keyframes section-heading-in { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important; } }

.founder-hero { position:relative; overflow:hidden; min-height:800px; background:linear-gradient(180deg,#fbfcfd 0%,#fff 82%); }.hero-grid-texture { position:absolute; inset:0; opacity:.55; background-image:linear-gradient(rgba(23,33,43,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(23,33,43,.045) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(180deg,#000 0%,transparent 78%); }.founder-hero-inner { position:relative; z-index:1; padding-top:clamp(9rem,16vh,12rem); padding-bottom:6rem; }.eyebrow { display:flex; align-items:center; gap:.52rem; margin:0; color:var(--blue); font-size:.66rem; font-weight:800; letter-spacing:.115em; }.eyebrow i { width:7px; height:7px; border-radius:50%; background:currentColor; }.founder-hero h1 { max-width:760px; margin:1.15rem 0 .9rem; font-family:var(--display); font-size:clamp(4rem,7.5vw,7.5rem); font-weight:600; letter-spacing:-.066em; line-height:.77; }.founder-hero h1 em { color:var(--blue); font-style:italic; }.hero-role { margin:0 0 1rem; color:#3e4e5d; font-size:1.1rem; font-weight:700; }.hero-copy { max-width:610px; margin:0; color:var(--muted); font-size:1.04rem; line-height:1.75; }.btn { display:inline-flex; align-items:center; gap:.5rem; font-size:.77rem; font-weight:800; transition:transform .16s cubic-bezier(.23,1,.32,1),box-shadow .16s ease; }.btn:hover { transform:translateY(-2px); }.btn:active { transform:scale(.98); }.btn-primary { background:var(--blue); border-color:var(--blue); }.hero-secondary { border:1px solid var(--line); color:var(--ink); background:#fff; }.hero-stat-row { max-width:560px; }.hero-stat-row strong { display:block; color:var(--blue); font-size:1.55rem; font-weight:800; letter-spacing:-.06em; }.hero-stat-row span { display:block; margin-top:.15rem; color:var(--muted); font-size:.59rem; font-weight:700; line-height:1.3; text-transform:uppercase; letter-spacing:.05em; }.founder-portrait { width:min(100%,365px); margin-left:auto; padding:9px; border:1px solid var(--line); border-radius:12px; background:#fff; box-shadow:0 24px 54px rgba(32,46,59,.1); }.portrait-label { display:flex; justify-content:space-between; padding:.3rem .22rem .75rem; color:var(--muted); font-size:.49rem; font-weight:800; letter-spacing:.09em; }.founder-portrait>img { width:100%; display:block; aspect-ratio:1/1.09; object-fit:cover; border-radius:7px; filter:saturate(.88); }.portrait-footer { display:flex; align-items:center; justify-content:space-between; padding:.85rem .2rem .18rem; }.portrait-footer>div { display:flex; flex-direction:column; gap:.18rem; }.portrait-footer b { font-family:var(--display); font-size:1.4rem; font-weight:600; letter-spacing:-.035em; }.portrait-footer span { color:var(--muted); font-size:.62rem; font-weight:600; }.portrait-footer>img,.portrait-footer>svg { width:30px; height:30px; object-fit:contain; }

.section-space { padding:clamp(5.4rem,10vw,9rem) 0; }.profile-section { border-top:1px solid #eef0f2; background:#fff; }.profile-layout { display:grid; grid-template-columns:1fr 1fr; gap:clamp(2.5rem,10vw,10rem); }.profile-layout h2,.section-heading h2,.contact-surface h2 { max-width:650px; margin:.8rem 0 0; font-family:var(--display); font-size:clamp(2.85rem,5.1vw,5rem); font-weight:600; letter-spacing:-.052em; line-height:.83; }.profile-copy { max-width:570px; color:#55616d; font-size:1rem; line-height:1.82; }.profile-copy p:first-child { color:var(--ink); font-size:1.15rem; font-weight:600; line-height:1.62; }.profile-tags { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:1.6rem; }.profile-tags span { padding:.4rem .55rem; border:1px solid var(--line); color:#4e5a66; font-size:.58rem; font-weight:800; letter-spacing:.08em; }

.network-section { background:var(--canvas); }.section-heading { display:flex; align-items:end; justify-content:space-between; gap:2rem; margin-bottom:3rem; }.section-heading>p { max-width:350px; margin:0 0 .2rem; color:var(--muted); font-size:.86rem; line-height:1.7; }.network-assembly { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(270px,.55fr); border:1px solid var(--line); background:#fff; }.network-scene { position:relative; min-height:650px; overflow:hidden; border-right:1px solid var(--line); background:#fbfcfd; }.network-grid { position:absolute; inset:0; opacity:.65; background-image:radial-gradient(circle at 1px 1px,#dfe5eb 1px,transparent 1.1px); background-size:19px 19px; transition:opacity .26s ease,transform .26s cubic-bezier(.23,1,.32,1); }.network-scene:hover .network-grid { opacity:.84; transform:scale(1.018); }.network-lines { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }.network-lines line { stroke:#cbd5e0; stroke-width:.22; vector-effect:non-scaling-stroke; transition:stroke .22s ease,stroke-width .22s ease,opacity .22s ease,filter .22s ease; }.network-lines .network-route.is-planned { stroke:#c9cdd3; stroke-dasharray:1.15 1.25; }.network-lines .network-route.is-highlighted { stroke:var(--blue); stroke-width:.58; filter:drop-shadow(0 0 2px rgba(40,95,218,.38)); }.network-lines .network-route.is-highlighted.is-planned { stroke:#8a92a0; }.network-lines:has(.network-route.is-highlighted) .network-route:not(.is-highlighted),.network-lines:has(.network-route.is-highlighted) .network-support-route { opacity:.24; }.network-origin { position:absolute; z-index:2; left:50%; top:50%; width:117px; height:117px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.35rem; border:1px solid var(--blue); border-radius:50%; background:#fff; color:var(--blue-dark); box-shadow:0 0 0 9px rgba(40,95,218,.08),0 9px 24px rgba(34,70,130,.14); transform:translate(-50%,-50%); text-align:center; transition:box-shadow .24s ease,transform .24s cubic-bezier(.23,1,.32,1); }.network-scene:hover .network-origin { box-shadow:0 0 0 13px rgba(40,95,218,.08),0 14px 30px rgba(34,70,130,.17); transform:translate(-50%,-50%) scale(1.025); }.network-origin img,.network-origin svg { width:38px; height:38px; object-fit:contain; }.network-origin span { font-size:.53rem; font-weight:800; letter-spacing:.08em; line-height:1.3; }.network-node { position:absolute; z-index:3; width:max-content; max-width:145px; padding:.48rem .58rem .5rem 1.05rem; border:1px solid transparent; border-radius:7px; background:rgba(255,255,255,.86); color:var(--ink); box-shadow:0 4px 12px rgba(32,46,59,.05); transform:translate(-50%,-50%); text-align:left; transition:border-color .16s ease,box-shadow .16s ease,transform .16s cubic-bezier(.23,1,.32,1),background .16s ease,opacity .16s ease,filter .16s ease; }.network-node:hover,.network-node:focus-visible,.network-node.is-active,.network-node.is-emphasized { z-index:5; border-color:var(--blue); background:#fff; box-shadow:0 10px 24px rgba(40,95,218,.17); outline:0; transform:translate(-50%,-50%) scale(1.055); }.network-node:focus-visible { box-shadow:0 0 0 4px rgba(40,95,218,.16),0 10px 24px rgba(40,95,218,.17); }.network-node.is-dimmed { opacity:.38; filter:saturate(.55); transform:translate(-50%,-50%) scale(.98); }.network-node .node-dot { position:absolute; left:.48rem; top:.74rem; width:6px; height:6px; border-radius:50%; background:var(--blue); transition:transform .16s ease,box-shadow .16s ease; }.network-node.is-emphasized .node-dot { transform:scale(1.45); box-shadow:0 0 0 4px rgba(40,95,218,.12); }.network-node b { display:block; font-size:.65rem; font-weight:800; line-height:1.15; }.network-node small { display:block; margin-top:.16rem; color:var(--muted); font-size:.47rem; font-weight:800; letter-spacing:.07em; }.project-inspector { min-height:650px; padding:2rem; display:flex; flex-direction:column; justify-content:center; }.inspector-top { display:flex; align-items:center; justify-content:space-between; gap:.75rem; color:var(--muted); font-size:.57rem; font-weight:800; letter-spacing:.09em; }.status-pill { display:inline-flex; align-items:center; gap:.36rem; color:var(--blue); font-size:.55rem; font-weight:800; letter-spacing:.08em; }.status-pill i { width:6px; height:6px; border-radius:50%; background:currentColor; }.status-pill.is-coming { color:var(--violet); }.project-inspector h3 { margin:1.4rem 0 .3rem; font-family:var(--display); font-size:clamp(2.2rem,3vw,3.5rem); font-weight:600; letter-spacing:-.055em; line-height:.85; }.project-inspector p { color:var(--muted); font-size:.9rem; line-height:1.72; }.project-inspector .inspector-tagline { margin:0 0 1.6rem; color:var(--ink); font-size:.78rem; font-weight:800; letter-spacing:.02em; }.project-link { display:inline-flex; align-items:center; gap:.4rem; margin-top:.8rem; color:var(--blue); font-size:.75rem; font-weight:800; }.inspector-note { display:flex; align-items:center; gap:.55rem; margin-top:2rem; padding-top:1.3rem; border-top:1px solid var(--line); color:var(--muted); font-size:.68rem; }.inspector-note svg { color:var(--blue); }.network-legend { display:flex; flex-wrap:wrap; gap:1.3rem; padding:1rem .1rem 0; color:var(--muted); font-size:.63rem; font-weight:700; }.network-legend span { display:flex; align-items:center; gap:.42rem; }.network-legend i { display:inline-block; }.legend-live,.legend-coming { width:7px; height:7px; border-radius:50%; }.legend-live { background:var(--blue); }.legend-coming { background:var(--violet); }.legend-line { width:20px; height:1px; background:#cbd5e0; }

.roadmap-section { background:#fff; }.eyebrow-coming { color:#858e98; }.roadmap-list { border-top:0; }.roadmap-item { position:relative; display:grid; grid-template-columns:.18fr .75fr 1fr .18fr; gap:1.6rem; align-items:center; min-height:168px; margin-bottom:.65rem; padding:1.55rem 1.25rem; border:1px solid #e2e5e8; background:#f2f3f5; }.roadmap-index { color:#a8afb7; font-size:1rem; font-weight:800; }.roadmap-title h3 { margin:.62rem 0 .3rem; color:#5e6770; font-family:var(--sans); font-size:1.75rem; font-weight:800; letter-spacing:-.055em; }.roadmap-title p { margin:0; color:#8c949d; font-size:.58rem; font-weight:800; letter-spacing:.1em; }.roadmap-copy { max-width:490px; color:#7f8790; font-size:.84rem; line-height:1.68; }.roadmap-copy p { margin:.25rem 0; }.roadmap-copy .roadmap-tagline { color:#626a73; font-size:.84rem; font-weight:800; }.roadmap-orbit { position:relative; width:58px; height:58px; border:1px solid #cfd4da; border-radius:50%; opacity:.72; }.roadmap-orbit span { position:absolute; width:6px; height:6px; border-radius:50%; background:#9ba3ab; }.roadmap-orbit span:nth-child(1){ top:-4px; left:25px; }.roadmap-orbit span:nth-child(2){ right:-3px; bottom:13px; }.roadmap-orbit span:nth-child(3){ left:8px; bottom:3px; }.status-pill.is-coming { padding:.2rem .4rem; border:1px solid #d4d8dc; border-radius:99px; background:#e4e6e9; color:#77818a; font-size:.46rem; letter-spacing:.06em; text-transform:lowercase; }.status-pill.is-coming i { width:5px; height:5px; background:#929aa2; }.legend-coming { background:#929aa2; }

.development-section { background:var(--mist); }.milestone-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }.milestone-grid article { min-height:210px; padding:1.5rem; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:rgba(255,255,255,.56); }.milestone-grid span { color:var(--blue); font-size:.62rem; font-weight:800; letter-spacing:.08em; }.milestone-grid h3 { margin:1.35rem 0 .7rem; font-family:var(--display); font-size:2.1rem; font-weight:600; letter-spacing:-.045em; }.milestone-grid p { max-width:290px; margin:0; color:var(--muted); font-size:.82rem; line-height:1.65; }

/* Founder Constellation: a measured investor route, not generic finance-card styling. */
.investment-section { position:relative; overflow:hidden; background:#fff; }.investment-heading { position:relative; z-index:1; }.investment-surface { position:relative; display:grid; grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr); overflow:hidden; border:1px solid var(--line); background:linear-gradient(140deg,#f7faff 0%,#fff 56%); }.investment-route { position:absolute; z-index:0; display:flex; align-items:center; gap:0; top:2.15rem; right:2.15rem; opacity:.88; }.investment-route span { width:8px; height:8px; border:2px solid var(--blue); border-radius:50%; background:#fff; }.investment-route i { width:3.5rem; height:1px; background:#bdd0f7; }.investment-intro { position:relative; z-index:1; padding:clamp(2rem,5vw,4.5rem); border-right:1px solid var(--line); }.investment-mark { display:grid; place-items:center; width:48px; height:48px; border:1px solid #b9cefa; border-radius:50%; color:var(--blue); background:#fff; box-shadow:0 0 0 7px rgba(40,95,218,.06); }.investment-kicker { margin:2rem 0 .75rem; color:var(--blue); font-size:.58rem; font-weight:800; letter-spacing:.11em; }.investment-intro h3 { max-width:560px; margin:0; color:var(--ink); font-family:var(--sans); font-size:clamp(1.95rem,3.6vw,3.45rem); font-weight:800; letter-spacing:-.065em; line-height:.94; }.investment-intro>p:last-child { max-width:560px; margin:1.3rem 0 0; color:var(--muted); font-size:.93rem; line-height:1.76; }.investment-criteria { position:relative; z-index:1; display:grid; grid-template-columns:1fr; align-content:center; padding:1.2rem 0 0; }.investment-criteria article { position:relative; padding:1.55rem 2rem 1.55rem 3.85rem; border-bottom:1px solid var(--line); }.investment-criteria article:last-child { border-bottom:0; }.investment-criteria article::before { content:""; position:absolute; top:2.12rem; left:1.6rem; width:1.3rem; border-top:1px solid #bdd0f7; }.investment-criteria span { display:block; color:#8ba7de; font-size:.56rem; font-weight:800; letter-spacing:.09em; }.investment-criteria h3 { margin:.48rem 0; color:var(--ink); font-family:var(--sans); font-size:.92rem; font-weight:800; letter-spacing:-.025em; }.investment-criteria p { max-width:360px; margin:0; color:var(--muted); font-size:.75rem; line-height:1.65; }.investment-action { position:relative; z-index:2; grid-column:1/-1; display:flex; align-items:center; gap:1.25rem; padding:1.35rem clamp(2rem,5vw,4.5rem); border-top:1px solid var(--line); background:rgba(255,255,255,.82); }.investment-action p { flex:1; max-width:650px; margin:0; color:#586572; font-size:.78rem; line-height:1.6; }.investment-action p strong { color:var(--ink); }.investment-action small { max-width:220px; color:#8a949e; font-size:.56rem; line-height:1.45; }

.contact-section { background:#fff; }.contact-surface { display:grid; grid-template-columns:1.1fr .75fr; gap:3rem; align-items:end; padding:clamp(2rem,5vw,4.5rem); border:1px solid var(--line); background:var(--canvas); }.contact-surface h2 { max-width:620px; }.contact-surface>div>p:not(.eyebrow) { max-width:550px; margin:1rem 0 0; color:var(--muted); font-size:.95rem; line-height:1.7; }.contact-actions { display:flex; flex-direction:column; align-items:flex-start; gap:1.45rem; }.contact-actions>div { display:flex; flex-direction:column; gap:.55rem; color:#586572; font-size:.72rem; font-weight:600; }.contact-actions span { display:flex; align-items:center; gap:.4rem; }.contact-actions svg { color:var(--blue); }.founder-footer { padding:2rem 0; border-top:1px solid var(--line); background:#fff; }.footer-brand { display:flex; align-items:center; gap:.65rem; }.footer-brand>img,.footer-brand>svg { width:31px; height:31px; object-fit:contain; }.founder-footer p { margin:0; color:var(--muted); font-size:.8rem; }.founder-footer>div>div:last-child { display:flex; gap:1rem; }.founder-footer a { color:var(--muted); font-size:.67rem; font-weight:700; }.founder-footer a:hover { color:var(--blue); }

/* Founder Constellation refinement: the network is the page's primary mark system. */
.network-lines .coming-route { stroke:#aeb6bf; stroke-width:.28; stroke-dasharray:1.1 1.25; opacity:.9; }
.network-node.is-coming { border-style:dashed; border-color:#c7cdd3; background:#f0f1f3; color:#727b84; box-shadow:none; }
.network-node.is-coming .node-dot { background:#969ea6; }
.network-node.is-coming small { color:#89919a; }
.network-node.is-coming em { display:block; margin-top:.26rem; color:#858e97; font-size:.4rem; font-style:normal; font-weight:800; letter-spacing:.07em; text-transform:lowercase; }
.network-node.is-coming:hover,.network-node.is-coming.is-active { border-color:#929aa3; background:#e7e9eb; box-shadow:0 5px 14px rgba(53,62,70,.1); }
.legend-coming { background:#929aa2; }
.brand-symbol { width:40px; height:40px; }.navbar-brand b { font-size:1.38rem; letter-spacing:-.04em; }.navbar-brand small { letter-spacing:.13em; }.hero-network-routes { position:absolute; right:-4%; top:0; width:52%; height:100%; overflow:visible; opacity:.78; }.hero-network-routes circle { fill:none; stroke:#d7e3fb; stroke-width:.18; vector-effect:non-scaling-stroke; }.hero-network-routes line { stroke:#bdd0f7; stroke-width:.18; vector-effect:non-scaling-stroke; }.hero-network-routes .route-point { fill:var(--blue); stroke:none; }.profile-layout h2 { max-width:650px; margin:.8rem 0 0; font-family:var(--display); font-size:clamp(2.85rem,5.1vw,5rem); font-weight:600; letter-spacing:-.052em; line-height:.83; }.section-heading h2,.contact-surface h2 { font-family:var(--sans); font-size:clamp(2.2rem,4vw,4rem); font-weight:800; letter-spacing:-.065em; line-height:.95; }.constellation-orbit { position:absolute; z-index:1; border:1px dashed rgba(40,95,218,.22); border-radius:50%; pointer-events:none; }.constellation-orbit span { position:absolute; padding:.16rem .32rem; background:#fbfcfd; color:#7692ca; font-size:.45rem; font-weight:800; letter-spacing:.1em; }.orbit-a { width:55%; height:55%; left:-21%; top:12%; }.orbit-a span { top:8%; right:6%; }.orbit-b { width:44%; height:44%; left:30%; top:-18%; }.orbit-b span { bottom:5%; left:28%; }.orbit-c { width:47%; height:47%; right:-17%; bottom:5%; }.orbit-c span { top:9%; left:10%; }.network-lines line { stroke:#90afe8; stroke-width:.26; }.network-origin { width:128px; height:128px; gap:.3rem; box-shadow:0 0 0 11px rgba(40,95,218,.09),0 9px 24px rgba(34,70,130,.14); }.network-origin small { color:#6e89bf; font-size:.38rem; font-weight:800; letter-spacing:.09em; }.network-node { border-color:rgba(40,95,218,.14); background:rgba(255,255,255,.9); }.project-inspector h3 { font-family:var(--sans); font-size:clamp(1.9rem,2.4vw,2.75rem); font-weight:800; letter-spacing:-.06em; line-height:.92; }.legend-line { background:#90afe8; }.roadmap-title h3 { font-family:var(--sans); font-size:1.75rem; font-weight:800; letter-spacing:-.055em; }.roadmap-orbit { border-color:#c9c2ea; }.milestone-grid h3 { font-family:var(--sans); font-size:1.48rem; font-weight:800; letter-spacing:-.055em; }

.hero-origin-cue { display:flex; align-items:center; gap:.42rem; margin-bottom:1.05rem; color:#657486; font-size:.52rem; font-weight:800; letter-spacing:.095em; }.hero-origin-cue img,.hero-origin-cue svg { width:22px; height:22px; padding:2px; border:1px solid #cbd6e4; border-radius:50%; object-fit:contain; }.hero-origin-cue i { width:2.35rem; height:1px; background:#bfcfea; }.hero-origin-cue span:last-child { color:var(--blue); }.network-node.is-coming.is-emphasized,.network-node.is-coming:focus-visible { border-color:#a9b0b8; background:#eef0f2; box-shadow:0 10px 24px rgba(59,68,77,.13); }.network-node.is-coming.is-emphasized .node-dot { background:#858e97; box-shadow:0 0 0 4px rgba(133,142,151,.12); }.network-lines .network-route.is-highlighted.is-planned { filter:none; }

@media(max-width:991px){body .hero-network-routes{width:70%;opacity:.35;}}
@media(max-width:640px){body .brand-symbol{width:33px;height:33px;}body .navbar-brand b{font-size:1.15rem;}body .hero-network-routes,body .constellation-orbit{display:none;}body .section-heading h2,body .contact-surface h2{font-size:clamp(2.25rem,11vw,3.25rem);}body .network-origin small{display:none;}body .project-inspector h3{font-size:2.2rem;}body .roadmap-title h3{font-size:1.45rem;}.hero-origin-cue{margin-bottom:.8rem;font-size:.46rem}.hero-origin-cue i{width:1.4rem}}

@media(max-width:991px){.site-navigation{position:relative}.navbar-collapse{padding-bottom:.8rem}.nav-link{padding:.72rem 0!important;border-bottom:1px solid var(--line)}.founder-hero{min-height:auto}.founder-portrait{margin:0}.profile-layout,.contact-surface{grid-template-columns:1fr}.network-assembly{grid-template-columns:1fr}.network-scene{border-right:0;border-bottom:1px solid var(--line)}.project-inspector{min-height:300px}.roadmap-item{grid-template-columns:.15fr .8fr 1fr}.roadmap-orbit{display:none}}
@media(max-width:640px){.navbar{min-height:65px}.brand-symbol{width:30px;height:30px}.navbar-brand b{font-size:1.1rem}.founder-hero-inner{padding-top:5.8rem;padding-bottom:4.6rem}.founder-hero h1{font-size:clamp(4.1rem,19vw,5.7rem)}.hero-role{font-size:.98rem}.hero-copy{font-size:.94rem}.hero-stat-row strong{font-size:1.35rem}.hero-stat-row span{font-size:.52rem}.section-space{padding:4.7rem 0}.profile-layout h2,.section-heading h2,.contact-surface h2{font-size:clamp(2.75rem,13vw,4rem)}.profile-copy p:first-child{font-size:1.06rem}.section-heading{display:block;margin-bottom:2.2rem}.section-heading>p{margin-top:1rem}.network-assembly{border:0;background:transparent}.network-scene{min-height:0;display:flex;flex-direction:column;gap:.55rem;padding:1rem;border:1px solid var(--line);background:#fff}.network-grid,.network-lines{display:none}.network-origin{position:relative;left:auto;top:auto;width:100%;height:auto;min-height:84px;flex-direction:row;justify-content:flex-start;padding:1rem;gap:.75rem;border-radius:8px;box-shadow:none;transform:none;text-align:left}.network-origin img{width:39px;height:39px}.network-node{position:relative;left:auto!important;top:auto!important;width:100%;max-width:none;padding:.7rem .8rem .7rem 1.25rem;border-color:var(--line);border-radius:6px;box-shadow:none;transform:none}.network-node:hover,.network-node.is-active{transform:none;box-shadow:none}.network-node .node-dot{left:.61rem;top:1rem}.network-node b{font-size:.74rem}.network-node small{font-size:.5rem}.project-inspector{min-height:0;padding:1.5rem;border:1px solid var(--line);border-top:0;background:#fff}.project-inspector h3{font-size:2.75rem}.network-legend{gap:.8rem;font-size:.58rem}.roadmap-item{grid-template-columns:.16fr 1fr;gap:.5rem 1rem;min-height:0;padding:1.5rem 0}.roadmap-copy{grid-column:2}.roadmap-title h3{font-size:1.8rem}.milestone-grid{grid-template-columns:1fr}.milestone-grid article{min-height:0}.contact-surface{gap:2rem;padding:1.5rem}.founder-footer>div>div:last-child{margin-top:.15rem}}

/* Constellation reinforcement: active nodes stay visibly online; each closing route points back to the founder origin. */
.navbar-brand { position:relative; }.navbar-brand::after { content:""; width:1.15rem; margin-left:.15rem; border-top:1px solid #bdd0f7; }.navbar-brand .brand-symbol { border:1px solid #b9cefa; border-radius:50%; box-shadow:0 0 0 4px rgba(40,95,218,.06); }.network-node:not(.is-coming) { border-color:rgba(40,95,218,.25); }.network-node:not(.is-coming)::after { content:""; position:absolute; top:.54rem; bottom:.54rem; left:0; width:2px; border-radius:2px; background:var(--blue); opacity:.65; }.network-node:not(.is-coming).is-emphasized::after,.network-node:not(.is-coming):hover::after { opacity:1; }.network-node.is-coming::after { display:none; }.profile-layout { position:relative; }.profile-layout::before { content:""; position:absolute; top:.6rem; bottom:.6rem; left:calc(50% - .5px); border-left:1px dashed #c4d4f0; pointer-events:none; }.profile-layout::after { content:"ORIGIN / PRAXIS"; position:absolute; top:calc(50% - .3rem); left:calc(50% - 3.5rem); padding:.18rem .35rem; color:#7390c7; background:#fff; font-size:.44rem; font-weight:800; letter-spacing:.1em; }.investment-route b { margin-right:.75rem; color:#7390c7; font-size:.43rem; font-weight:800; letter-spacing:.1em; }.contact-origin { display:flex; align-items:center; gap:.38rem; margin-bottom:1rem; color:#7390c7; font-size:.48rem; font-weight:800; letter-spacing:.1em; }.contact-origin img,.contact-origin svg { width:23px; height:23px; padding:2px; border:1px solid #b9cefa; border-radius:50%; object-fit:contain; }.contact-origin i { width:2.1rem; border-top:1px solid #bdd0f7; }.contact-surface { background:linear-gradient(140deg,#f8fbff 0%,var(--canvas) 72%); }.milestone-grid article { background:linear-gradient(155deg,rgba(255,255,255,.82),rgba(246,250,255,.5)); }.milestone-grid article:hover { background:#fff; }.answer-list details[open] { box-shadow:inset 2px 0 0 var(--blue); }
@media(max-width:991px){.investment-surface{grid-template-columns:1fr}.investment-intro{border-right:0;border-bottom:1px solid var(--line)}.investment-criteria{grid-template-columns:repeat(3,1fr);padding:0}.investment-criteria article{padding:1.55rem 1.1rem 1.4rem 2.35rem;border-right:1px solid var(--line);border-bottom:0}.investment-criteria article:last-child{border-right:0}.investment-criteria article::before{left:.75rem}.profile-layout::before,.profile-layout::after{display:none}.investment-action{flex-wrap:wrap}.investment-action small{max-width:100%;flex-basis:100%}}
@media(max-width:640px){.navbar-brand::after{display:none}.investment-route{top:1.1rem;right:1.1rem}.investment-route b{display:none}.investment-route i{width:1.4rem}.investment-intro{padding:1.5rem}.investment-kicker{margin-top:1.55rem}.investment-intro h3{font-size:2.15rem}.investment-criteria{grid-template-columns:1fr}.investment-criteria article{padding:1.35rem 1.2rem 1.35rem 2.65rem;border-right:0;border-bottom:1px solid var(--line)}.investment-action{display:block;padding:1.35rem 1.5rem}.investment-action .btn{margin:1rem 0}.investment-action small{display:block}.contact-origin{margin-bottom:.8rem}.contact-origin i{width:1.35rem}}

/* Ergänzungen des statischen Ports */
.navbar-toggler .icon-close { display:none; }
.navbar-toggler.is-open .icon-menu { display:none; }
.navbar-toggler.is-open .icon-close { display:inline; }
.project-link.is-hidden { display:none; }
html:not(.js) .navbar-collapse { display:block; }

/* Mobile: Spinnennetz statt Listen-Ansicht (überschreibt den Listen-Modus des Entwurfs) */
@media(max-width:640px){
  .network-scene { display:block; position:relative; height:460px; min-height:460px; padding:0; overflow:hidden; background:#fbfcfd; }
  .network-grid, .network-lines { display:block; }
  .network-origin { position:absolute; left:50%; top:50%; width:92px; height:92px; min-height:0; flex-direction:column; justify-content:center; gap:.2rem; padding:0; border-radius:50%; text-align:center; transform:translate(-50%,-50%); box-shadow:0 0 0 8px rgba(40,95,218,.08),0 8px 20px rgba(34,70,130,.14); }
  .network-origin img, .network-origin svg { width:26px; height:26px; }
  .network-origin span { font-size:.44rem; }
  .network-node { position:absolute; left:var(--xm,var(--x))!important; top:var(--ym,var(--y))!important; width:max-content; max-width:110px; padding:.3rem .42rem .32rem .78rem; border-radius:6px; box-shadow:0 3px 9px rgba(32,46,59,.07); transform:translate(calc(var(--xm,var(--x)) * -1),calc(var(--ym,var(--y)) * -1)); }
  .network-node:hover, .network-node.is-active, .network-node.is-emphasized { transform:translate(calc(var(--xm,var(--x)) * -1),calc(var(--ym,var(--y)) * -1)); box-shadow:0 8px 18px rgba(40,95,218,.18); }
  .network-node[data-id="cloud"] { --ym:71%; --xm:80%; }
  .network-node b { font-size:.5rem; }
  .network-node small, .network-node em { display:none; }
  .network-node .node-dot { left:.34rem; top:.5rem; width:5px; height:5px; }
}
@media(max-width:640px){
  .network-node.is-coming em { display:none; }
}
