:root{color-scheme:dark}
html[data-theme="light"]{color-scheme:light}
body{--surface:#11141d;--active-bg:#c6ff3d;--active-text:#10150b;--faq-open:#26311e}
.theme-toggle{flex:none;display:inline-grid;place-items:center;width:40px;height:40px;background:#171b25;color:#e9ebf2;border:1px solid #78819a;border-radius:10px;cursor:pointer;font:700 20px/1 system-ui}
.theme-toggle:hover{border-color:var(--acc)}
.links{gap:clamp(.35rem,1.5vw,1.1rem)}
.links a[aria-current="location"],.links .navcta[aria-current="location"]{background:var(--active-bg);color:var(--active-text)!important;border:1px solid var(--active-bg);box-shadow:0 3px 0 #657a31;font-weight:800}
.links a[aria-current="location"]:after{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin-left:.4rem;vertical-align:middle}
#fragen details{background:#11141d;border:1px solid #444c60;border-radius:13px;padding:0;margin:.8rem 0;overflow:hidden}
#fragen details>summary{padding:1rem 1.2rem;align-items:center;min-height:58px}
#fragen details[open]{background:var(--faq-open);border-color:#88a956;box-shadow:inset 4px 0 0 var(--acc)}
#fragen details[open]>summary{color:var(--acc);border-bottom:1px solid #4c6041}
#fragen details>p,#fragen details>.faq-examples{margin:1rem 1.25rem;max-width:46rem}
#fragen details>p:last-child{margin-bottom:1.3rem}
.treebox{background:#0b0d12}
html[data-theme="light"] body{background:#fafbf7;color:#17211b;--acc:#365f0b;--mut:#4f6054;--line:#cbd4c7;--active-bg:#365f0b;--active-text:#fff;--faq-open:#e8f0dc}
html[data-theme="light"] .nav{background:rgba(250,251,247,.96)}
html[data-theme="light"] .links a{color:#35483b}
html[data-theme="light"] .links a:hover{color:#203a13}
html[data-theme="light"] .theme-toggle{color:#263c29;background:#fff;border-color:#70836d}
html[data-theme="light"] .mark,html[data-theme="light"] .navcta,html[data-theme="light"] .btn.pri,html[data-theme="light"] .mail,html[data-theme="light"] .skip-link{background:#c6ff3d;color:#15200b!important}
html[data-theme="light"] h1 em{color:#365f0b;text-shadow:none}
html[data-theme="light"] .spot{background:radial-gradient(520px circle at var(--mx,70%) var(--my,35%),rgba(139,179,67,.13),transparent 60%)}
html[data-theme="light"] .lead,html[data-theme="light"] .about p,html[data-theme="light"] .svc li,html[data-theme="light"] .contact p{color:#35483b}
html[data-theme="light"] .btn.ghost{color:#263c29;border-color:#6f8469;background:#fff}
html[data-theme="light"] .alt{background:#f0f3eb}
html[data-theme="light"] .svc,html[data-theme="light"] .card,html[data-theme="light"] .hero-project,html[data-theme="light"] .workflow-note{background:#fff;border-color:#bdcbb5}
html[data-theme="light"] .svc p,html[data-theme="light"] .step p,html[data-theme="light"] .faq-examples span,html[data-theme="light"] #fragen details p{color:#405044}
html[data-theme="light"] .faq-examples strong{color:#17211b}
html[data-theme="light"] .role{color:#405044!important}
html[data-theme="light"] .num{color:#62725a}
html[data-theme="light"] .bar{background:#edf1e7}
html[data-theme="light"] .bar i{background:#b5c3ae}
html[data-theme="light"] .bar span{background:#fff;color:#405044}
html[data-theme="light"] .shot{background:#edf1e7}
html[data-theme="light"] .contact{background:radial-gradient(600px circle at 50% 0%,rgba(144,187,54,.14),transparent 60%),#fff;border-color:#b6c8a5}
html[data-theme="light"] .tick{color:#53634c}
html[data-theme="light"] #fragen details{background:#fff;border-color:#9cad90}
html[data-theme="light"] #fragen details[open]{background:var(--faq-open);border-color:#56782e}
html[data-theme="light"] #fragen details[open]>summary{border-bottom-color:#bbcda9}
html[data-theme="light"] .demo-controls button{background:#fff;color:#263c29;border-color:#6f8469}
html[data-theme="light"] #growtree{background:#fff;color:#365f0b;border-color:#56782e}
html[data-theme="light"] #growtree:hover{background:#e8f0dc;color:#263c29}
html[data-theme="light"] .treecap{color:#405044}
html[data-theme="light"] .treebox .treectl{background:#161d17;color:#e9ebf2;border-color:#78819a}
@media(max-width:900px){.navin{gap:.45rem;display:flex;flex-wrap:wrap;height:auto;padding-top:.7rem;padding-bottom:.55rem}.nav .links{display:contents}.logo{font-size:.82rem;gap:.35rem}.mark{width:30px;height:30px}.links .navcta{margin-left:auto;font-size:.78rem;padding:.55rem .6rem}.theme-toggle{width:34px;height:36px}.links a:not(.navcta){display:block;order:3;text-align:center;font-size:.78rem;flex:1;padding:.5rem .15rem}.links a[aria-current="location"]:after{display:none}#fragen details>summary{padding:.9rem 1rem}#fragen details>p,#fragen details>.faq-examples{margin:1rem}.legal-theme .navin{height:auto;flex-wrap:wrap;padding-top:.7rem;padding-bottom:.7rem}}

html[data-theme=light] .legal h2{color:#17211b}html[data-theme=light] .legal p,html[data-theme=light] .legal li{color:#35483b}html[data-theme=light] .box{background:#fff;border-color:#bdcbb5}

@media(max-width:360px){.logo{font-size:.74rem}.links .navcta{font-size:.72rem;padding:.55rem .4rem}.navin{gap:.35rem}}
@media(max-width:900px){.navin:after{content:"";order:2;flex-basis:100%;height:0}}
.legal{overflow-wrap:anywhere}
