/* Home page (/ and /en/). The other pages use site.css. */
:root{
  --forest:#0B3D2E; --forest2:#061F17; --pine:#14573F;
  --emerald:#1F8A5B; --leaf:#2BC46B; --mint:#7DE89E; --pale:#D8EFDD;
  --paper:#EEF5EB; --paper2:#E2EDDC; --white:#FFFFFF; --ink:#08251C;
  --mute:#6F8C7C; --ember:#C9621F; --ember-dark:#B4531F; --ember-soft:#FBEDE4;
  --line:rgba(8,37,28,.12); --line-dark:rgba(238,245,235,.18);
  --max:1200px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth;scroll-padding-top:88px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;line-height:1.55}
a{color:inherit;text-decoration:none} button{font:inherit;cursor:pointer} button:focus-visible,a:focus-visible{outline:3px solid var(--leaf);outline-offset:4px}
.wrap{width:min(calc(100% - 80px),var(--max));margin:0 auto}
.topbar{position:sticky;z-index:99;top:0;border-bottom:1px solid var(--line);background:rgba(238,245,235,.96);backdrop-filter:blur(18px)}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:75px;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:21px;letter-spacing:-.06em;font-weight:750;color:var(--forest)}
.logoicon{width:31px;height:34px;border-radius:8px;background:var(--pine);display:grid;place-items:center;color:var(--mint)}
.nav-links{display:flex;gap:32px;align-items:center;font-size:13px;color:var(--forest);font-weight:650}.nav-links a:hover{color:var(--emerald)}
.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:45px;padding:0 19px;border-radius:8px;font-size:13px;font-weight:730;transition:transform .25s ease,background .25s ease,border .25s ease;white-space:nowrap}.btn:hover{transform:translateY(-2px)}
.btn-dark{background:var(--forest);color:var(--paper)}.btn-dark:hover{background:var(--pine)}
.btn-bright{background:var(--leaf);color:var(--forest2)}.btn-bright:hover{background:var(--mint)}
.btn-outline{background:transparent;color:var(--paper);border-color:rgba(238,245,235,.45)}.btn-outline:hover{border-color:var(--mint)}
.btn-light-outline{background:transparent;color:var(--forest);border-color:var(--forest)}
.hero{color:var(--paper);background:linear-gradient(140deg,var(--forest),var(--forest2));position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center;padding:106px 0 68px;min-height:675px}
.kicker{font-size:11px;letter-spacing:.16em;font-weight:780;text-transform:uppercase;color:var(--emerald)}
.kicker-on-dark{color:var(--mint)} h1,h2,h3,p{margin-top:0}
h1,h2,h3{letter-spacing:-.065em;line-height:1.08}h1{font-size:clamp(49px,5.4vw,76px);font-weight:735;margin:23px 0 22px;max-width:710px}
h1 span,.accent-dark{color:var(--mint)} .hero-text{font-size:17px;line-height:1.65;color:var(--paper);opacity:.88;max-width:515px}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin:27px 0 27px}
.fine{font-size:12px;opacity:.7}.hero-fine{display:flex;align-items:center;gap:10px;color:var(--paper);font-size:12px;opacity:.82}.status-dot{width:7px;height:7px;background:var(--leaf);border-radius:50%;box-shadow:0 0 0 5px rgba(43,196,107,.12);flex:none}
.product-window{background:var(--pine);border:1px solid rgba(125,232,158,.29);padding:10px;border-radius:15px;box-shadow:0 25px 66px rgba(6,31,23,.42);overflow:hidden}
.windowbar{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--paper);font-size:11px;padding:6px 9px 13px}
.windowbar span:first-child{display:flex;align-items:center;gap:9px}.lights{display:flex;gap:5px}.lights i{display:block;width:7px;height:7px;border-radius:50%;background:var(--pale);opacity:.45}.lights i:first-child{background:var(--leaf);opacity:1}
.window-image{width:100%;height:auto;display:block;border-radius:7px}
.hero-window{transform:perspective(1000px) rotateY(-4deg) rotateX(2deg);transform-origin:center;transition:transform .65s ease}.hero-window:hover{transform:none}
.window-foot{padding:9px 4px 4px;display:flex;justify-content:space-between;align-items:center;color:var(--mint);font-size:10px;letter-spacing:.05em}
.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line-dark);padding:19px 0 23px;font-size:12px;color:var(--pale)}
.hero-bottom span:nth-child(2){opacity:.72} .disclaimer{font-size:12px;color:var(--mute)}
.section{padding:100px 0}.section.small{padding:70px 0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:45px}
h2{font-size:clamp(36px,4.45vw,61px);font-weight:730;color:var(--forest);margin:15px 0 0} .section-lead{font-size:17px;line-height:1.72;max-width:520px;color:var(--ink);opacity:.89}
.problem{background:var(--paper)}
.problem-cards{display:grid;grid-template-columns:1fr 1fr 1.05fr;gap:12px;align-items:stretch}
.p-card{border:1px solid var(--line);background:var(--white);border-radius:13px;padding:30px;min-height:265px;display:flex;flex-direction:column;justify-content:space-between}
.p-card h3{font-size:24px;color:var(--forest);margin:0 0 10px}.p-card p{font-size:14px;color:var(--mute);margin:0}
.p-card .abstract{height:90px;display:flex;align-items:end;gap:5px;margin:20px 0}.abstract .bar{background:var(--pale);border:1px solid var(--emerald);border-radius:4px 4px 0 0;width:17%;height:var(--h)}
.p-card .layer{display:flex;align-items:center;justify-content:space-between;border-radius:6px;background:var(--paper);border:1px solid var(--line);padding:10px;margin-top:6px;font-size:12px;color:var(--forest)}
.p-card.solution{background:var(--forest);border-color:var(--forest);color:var(--paper)}.solution h3,.solution p{color:var(--paper)}.solution p{opacity:.84}
.solution .result{color:var(--mint);font-size:49px;font-weight:740;letter-spacing:-.07em;line-height:1.1;padding:25px 0}.solution .result small{display:block;font-size:13px;letter-spacing:0;font-weight:600;margin-bottom:5px;color:var(--paper)}
.problem-statement{border-left:4px solid var(--ember);background:var(--ember-soft);color:var(--ink);padding:18px 22px;margin-top:18px;border-radius:0 8px 8px 0;font-size:14px}
.demo-section{background:var(--paper2)}.demo-top{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:34px}.demo-top h2{max-width:790px}.demo-top p{max-width:340px;font-size:15px;color:var(--ink)}
.demo-shell{border:1px solid var(--line);border-radius:16px;background:var(--white);padding:12px;display:grid;grid-template-columns:320px minmax(0,1fr);gap:14px;box-shadow:0 10px 40px rgba(8,37,28,.06)}
.demo-guide{padding:25px 17px 25px 20px;display:flex;flex-direction:column}
.demo-steps{display:flex;flex-direction:column;gap:8px;margin:16px 0 30px}
.step-btn{width:100%;text-align:left;border:1px solid var(--line);background:var(--paper);padding:17px;border-radius:9px;color:var(--forest);transition:background .2s,border .2s;display:flex;gap:12px;align-items:center}
.step-btn:hover{background:var(--paper2)}.step-btn.active{background:var(--pale);border-color:var(--emerald)}
.step-nr{font-size:11px;font-weight:750;color:var(--emerald)} .step-text{font-size:14px;font-weight:750}
.demo-copy h3{font-size:26px;color:var(--forest);margin:0 0 12px;line-height:1.16}.demo-copy p{font-size:14px;color:var(--ink);line-height:1.75}.demo-copy{min-height:180px}
.demo-guide-bottom{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-size:12px;color:var(--mute)}
.demo-screen{border-radius:10px;overflow:hidden;background:var(--forest2);position:relative;min-height:485px;display:flex;flex-direction:column;justify-content:center}
.demo-screen .screenbar{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;color:var(--paper);font-size:12px;gap:10px;background:var(--forest)}
.screen-switch{border:1px solid rgba(238,245,235,.35);border-radius:30px;display:flex;gap:1px;padding:3px}
.screen-switch button{border:0;background:transparent;color:var(--paper);font-size:11px;padding:5px 10px;border-radius:24px}
.screen-switch button.active{background:var(--leaf);color:var(--forest2);font-weight:750}
.screen-viewport{position:relative;overflow:hidden;line-height:0;background:var(--forest2)}
.screen-viewport img{width:100%;height:auto;display:block}
.spotlight{position:absolute;pointer-events:none;border:3px solid var(--leaf);border-radius:9px;box-shadow:0 0 0 300vmax rgba(6,31,23,.20),0 0 20px rgba(43,196,107,.5);transition:left .6s ease,top .6s ease,width .6s ease,height .6s ease}
.spotlight[data-index="0"]{left:4%;top:15%;width:63%;height:17%}
.spotlight[data-index="1"]{left:4%;top:34%;width:83%;height:41%}
.spotlight[data-index="2"]{left:57%;top:77%;width:28%;height:22%}
.screen-label{position:absolute;bottom:13px;left:13px;background:var(--forest);color:var(--paper);border:1px solid var(--mint);font-size:11px;letter-spacing:0;line-height:1.25;border-radius:6px;padding:10px 12px;max-width:250px;pointer-events:none}
.demo-note{display:flex;justify-content:space-between;margin:15px 4px 0;gap:15px;align-items:center;font-size:12px;color:var(--mute)}
.business{background:var(--paper)}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:38px}
.benefit{padding:32px;min-height:270px;border-radius:13px;background:var(--white);border:1px solid var(--line)}.benefit-icon{width:45px;height:45px;background:var(--pale);color:var(--forest);display:grid;place-items:center;border-radius:10px;margin-bottom:26px}
.benefit h3{font-size:23px;color:var(--forest);margin:0 0 16px}.benefit p{font-size:14px;color:var(--ink);opacity:.8;line-height:1.74}
.method{background:var(--forest);color:var(--paper)}.method h2{color:var(--paper)}.method .section-lead{color:var(--paper);opacity:.83}
.method-grid{display:grid;grid-template-columns:1fr 90px 1fr 90px 1fr;align-items:stretch;gap:6px;margin-top:40px}
.method-card{background:var(--pine);border:1px solid var(--line-dark);padding:30px 25px;border-radius:12px;min-height:230px}
.method-card .meta{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--mint);font-weight:750}
.method-card strong{display:block;font-size:50px;letter-spacing:-.065em;line-height:1.1;color:var(--mint);margin:19px 0 9px}
.method-card p{font-size:14px;margin:0;color:var(--paper);opacity:.88}.connector{display:grid;place-items:center;color:var(--mint);font-size:28px}
.method-extra{margin-top:28px;display:flex;gap:12px;align-items:start;padding:18px 20px;border:1px solid var(--line-dark);border-radius:9px;font-size:13px;color:var(--pale)}
.forwhom{background:var(--paper)}.audience-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:stretch;margin-top:35px}
.audience-cards{display:grid;gap:12px}.audience-card{padding:23px 26px;background:var(--white);border:1px solid var(--line);border-radius:10px}
.audience-card h3{color:var(--forest);font-size:20px;margin:0 0 8px}.audience-card p{font-size:14px;margin:0;color:var(--ink);opacity:.85}
.fit-box{background:var(--paper2);border:1px solid var(--line);border-radius:12px;padding:34px}.fit-box h3{font-size:24px;color:var(--forest);margin:0 0 18px}
.tech-item{display:flex;align-items:start;gap:12px;border-top:1px solid var(--line);padding:15px 0;font-size:14px}.tech-item .tick{width:21px;height:21px;display:grid;place-items:center;background:var(--leaf);color:var(--forest2);border-radius:50%;font-weight:800;font-size:12px;flex:none}
.fit-note{font-size:12px;color:var(--mute);margin:15px 0 0;line-height:1.6}
.origin{padding:42px 0;background:var(--paper2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.origin .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.origin p{margin:0;font-size:14px;max-width:710px;line-height:1.8}.origin .stamp{flex:none;text-transform:uppercase;font-size:11px;letter-spacing:.13em;color:var(--emerald);font-weight:800}
.cta-section{color:var(--paper);background:linear-gradient(140deg,var(--forest),var(--forest2));padding:100px 0}.cta-content{max-width:790px}.cta-section h2{color:var(--paper);font-size:clamp(48px,5vw,70px);margin:17px 0 21px}.cta-section h2 span{color:var(--mint)}.cta-section p{max-width:585px;font-size:16px;color:var(--paper);opacity:.86;margin-bottom:24px}
.footer{background:var(--paper);padding:30px 0}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:15px}.footer small{color:var(--mute);font-size:12px}.footer a{font-size:12px;color:var(--forest)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
.mobile-only{display:none}
@media(max-width:1100px){.hero-grid{gap:25px}h1{font-size:clamp(46px,5.5vw,68px)}.demo-shell{grid-template-columns:275px minmax(0,1fr)}.demo-guide{padding:20px 12px}.method-grid{grid-template-columns:1fr 35px 1fr 35px 1fr}.wrap{width:min(calc(100% - 50px),var(--max))}}
@media(max-width:850px){.nav-links{display:none}.mobile-only{display:block}.hero-grid{grid-template-columns:1fr;padding:68px 0 45px}.hero-copy{max-width:700px}.hero-window{transform:none} .hero-bottom{flex-wrap:wrap}.intro{grid-template-columns:1fr;gap:12px}.section{padding:75px 0}.problem-cards,.benefit-grid{grid-template-columns:1fr 1fr}.p-card.solution{grid-column:1/-1;min-height:180px}.demo-shell{grid-template-columns:1fr}.demo-guide{padding:18px}.demo-steps{flex-direction:row}.step-btn{padding:11px}.demo-copy{min-height:100px}.demo-screen{min-height:auto}.method-grid{grid-template-columns:1fr;gap:12px}.connector{transform:rotate(90deg);height:25px}.method-card{min-height:0}.audience-wrap{grid-template-columns:1fr}.origin .wrap{align-items:start}}
@media(max-width:550px){.wrap{width:calc(100% - 32px)}.brand{font-size:18px}.nav{min-height:68px}.nav .btn{padding:0 11px;font-size:12px;min-height:38px}.hero-grid{padding:58px 0 34px}.hero-text{font-size:15px}.hero-window{margin:0 -4px}.hero-bottom{font-size:11px}.hero-bottom span:nth-child(2){display:none}h1{font-size:48px}h2{font-size:38px}.section{padding:65px 0}.section-lead{font-size:15px}.problem-cards,.benefit-grid{grid-template-columns:1fr}.p-card{min-height:220px}.p-card.solution{grid-column:auto}.demo-steps{flex-direction:column}.demo-screen .screenbar{flex-wrap:wrap;justify-content:center}.screen-label{display:none}.demo-note{flex-wrap:wrap}.method-card strong{font-size:40px}.origin .wrap,.footer-grid{flex-direction:column;align-items:start}.cta-section{padding:80px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-window,.btn,.spotlight{transition:none}}

/* V2: editorial team section and functional dialogs */
.team-section{background:var(--paper);padding:100px 0 110px}
.team-headline{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:36px}
.team-headline h2{max-width:770px}
.team-headline p{max-width:405px;color:var(--ink);font-size:15px;line-height:1.72;margin:0}
.team-origin{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin-bottom:24px;font-size:13px;color:var(--forest)}
.team-origin .team-pulse{height:8px;width:8px;border-radius:50%;background:var(--leaf);box-shadow:0 0 0 5px var(--pale);flex:none}
.team-origin strong{font-weight:750}
.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.person-card{background:var(--white);border:1px solid var(--line);border-radius:13px;padding:28px;min-width:0;display:flex;flex-direction:column;gap:17px;transition:transform .25s ease,border-color .25s ease}
.person-card:hover{transform:translateY(-3px);border-color:var(--emerald)}
.person-card.founder{background:var(--forest);border-color:var(--forest);color:var(--paper);padding:34px;min-height:320px}
.person-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.person-avatar{display:grid;place-items:center;width:51px;height:51px;border-radius:11px;background:var(--pale);color:var(--forest);font-weight:800;font-size:16px;letter-spacing:-.05em;flex:none}
.founder .person-avatar{background:var(--leaf);color:var(--forest2);width:62px;height:62px;font-size:19px}
.person-label{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--emerald);font-weight:800}
.founder .person-label{color:var(--mint)}
.person-card h3{margin:0 0 7px;font-size:clamp(22px,2.1vw,29px);color:var(--forest)}
.founder h3{color:var(--paper)}
.person-role{color:var(--emerald);font-size:12px;font-weight:750;letter-spacing:.01em;margin:0}
.founder .person-role{color:var(--mint)}
.person-bio{font-size:14px;line-height:1.72;color:var(--ink);opacity:.82;margin:0}
.founder .person-bio{color:var(--paper);opacity:.83}
.team-subhead{display:flex;align-items:center;gap:18px;margin:37px 0 18px}
.team-subhead h3{color:var(--forest);font-size:26px;margin:0}
.team-subhead span{height:1px;flex:1;background:var(--line)}
.team-more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.team-more .person-card{min-height:240px;padding:25px}
.team-more .person-card h3{font-size:21px}
.team-more .person-bio{font-size:13px}
.team-footnote{font-size:12px;color:var(--mute);margin:24px 0 0}
.team-footnote a{text-decoration:underline;text-underline-offset:3px;color:var(--forest)}
.footer-grid{flex-wrap:wrap}.footer-nav{display:flex;align-items:center;flex-wrap:wrap;gap:20px}
.footer-nav button{padding:0;border:0;background:none;color:var(--forest);font-size:12px;font-weight:650}
.footer-nav button:hover,.footer-nav a:hover{text-decoration:underline;text-underline-offset:4px}
.site-dialog{border:1px solid var(--line);border-radius:18px;padding:0;color:var(--ink);background:var(--paper);box-shadow:0 30px 90px rgba(6,31,23,.30);width:min(94vw,610px);max-height:min(90vh,850px);overflow:auto;position:fixed}
.site-dialog::backdrop{background:rgba(6,31,23,.78);backdrop-filter:blur(6px)}
.dialog-inner{padding:clamp(22px,4vw,42px)}
.dialog-top{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:19px}
.dialog-top h2{margin:7px 0 0;font-size:clamp(32px,4vw,43px)}
.dialog-close{border:1px solid var(--line);background:var(--white);color:var(--forest);width:37px;height:37px;border-radius:9px;font-size:22px;line-height:1;display:grid;place-items:center;flex:none}
.dialog-close:hover{background:var(--paper2)}
.dialog-description{font-size:14px;line-height:1.75;color:var(--ink);margin:0 0 24px;opacity:.84}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.form-field.full{grid-column:1/-1}
.form-field label{font-weight:700;font-size:12px;color:var(--forest)}
.form-field input,.form-field textarea{width:100%;border:1px solid rgba(8,37,28,.25);border-radius:8px;background:var(--white);color:var(--ink);padding:13px 14px;font:inherit;font-size:14px;transition:border-color .2s}
.form-field input:focus,.form-field textarea:focus{outline:2px solid var(--emerald);outline-offset:1px;border-color:var(--emerald)}
.form-field textarea{resize:vertical;min-height:116px}
.form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;grid-column:1/-1;margin-top:1px}
.form-help{font-size:12px;line-height:1.6;color:var(--mute);margin:0;grid-column:1/-1}
.form-help a{color:var(--forest);text-decoration:underline;text-underline-offset:3px}
.dialog-direct{margin:24px 0 0;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--forest)}
.dialog-direct a{text-decoration:underline;text-underline-offset:3px;font-weight:750}
.legal-copy{font-size:14px;line-height:1.85}
.legal-copy h3{color:var(--forest);font-size:18px;letter-spacing:-.03em;margin:16px 0 8px}
.legal-copy p{margin:0 0 15px}
.legal-copy a{text-decoration:underline;text-underline-offset:3px;color:var(--forest)}
.legal-copy .smallprint{font-size:12px;color:var(--mute);padding-top:12px;border-top:1px solid var(--line)}
@media(max-width:1000px){.team-more{grid-template-columns:repeat(2,minmax(0,1fr))}.team-headline{align-items:start;flex-direction:column;gap:12px}}
@media(max-width:650px){.team-section{padding:67px 0}.team-grid,.team-more{grid-template-columns:1fr}.person-card.founder{min-height:auto;padding:28px}.team-origin{align-items:flex-start}.contact-form{grid-template-columns:1fr}.form-field.full{grid-column:auto}.form-actions,.form-help{grid-column:auto}.footer-nav{gap:13px}}
@media(prefers-reduced-motion:reduce){.person-card{transition:none}}
/* Official logo in the header and footer, and the language switch */
.brand img{display:block;height:36px;width:auto}.brand .brand-mark{display:none}
.footer .brand img{height:30px}
.nav-end{display:flex;align-items:center;gap:14px}
.lang{font-size:12px;font-weight:750;letter-spacing:.08em;color:var(--forest);border:1px solid var(--line);border-radius:7px;padding:7px 9px}.lang:hover{border-color:var(--emerald);color:var(--emerald)}
@media(max-width:550px){.brand .brand-full{display:none}.brand .brand-mark{display:block;height:34px}.nav-end{gap:8px}}
/* German words run longer; keep the hero headline to four lines */
html[lang="de"] h1{font-size:clamp(44px,4.6vw,66px)}
@media(max-width:550px){html[lang="de"] h1{font-size:40px}}