:root{--paper:#f7f1e5;--paper-2:#efe6d3;--surface:#fffdf8;--ink:#201e1d;--muted:#645c50;--line:#e1dccd;--sage-100:#f0fae1;--sage-200:#e1eecc;--sage-300:#ccdbb2;--sage-600:#728157;--sage-700:#56633f;--sage-800:#3d472b;--sage-900:#272e1b;--terra:#b2622d;--terra-dark:#8c491a;--terra-soft:#ffe1d0;--radius:24px;--shadow:0 18px 50px #272e1b1f;--serif:"Fraunces Variable", Georgia, "Times New Roman", serif;--sans:"Inter Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.65}img{max-width:100%;display:block}a{color:var(--sage-700);text-underline-offset:3px}a:hover{color:var(--terra-dark)}h1,h2,h3{font-family:var(--serif);letter-spacing:-.015em;color:var(--sage-900);margin:0;font-weight:600;line-height:1.12}h1{font-size:clamp(2.7rem,6.4vw,5rem)}h2{max-width:22ch;font-size:clamp(1.9rem,4vw,3rem)}h3{font-size:1.3rem}p{margin:0 0 1em}:focus-visible{outline:3px solid var(--terra);outline-offset:3px;border-radius:6px}.wrap{width:min(1180px,100% - 48px);margin:0 auto}.skip{background:var(--surface);z-index:100;border-radius:10px;padding:8px 14px;position:absolute;top:8px;left:-999px}.skip:focus{left:12px}.nav{z-index:50;transition:background .25s,box-shadow .25s;position:sticky;top:0}.nav.scrolled{box-shadow:0 1px 0 var(--line);background:#f7f1e5f7}.nav-inner{justify-content:space-between;align-items:center;height:68px;display:flex}.brand{font-family:var(--serif);color:var(--sage-900);align-items:center;gap:10px;font-size:1.35rem;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{width:34px;height:34px;color:var(--sage-700)}.nav-links{align-items:center;gap:26px;display:flex}.nav-links a:not(.btn){color:var(--sage-900);font-size:.97rem;font-weight:500;text-decoration:none}.nav-links a:not(.btn):hover{color:var(--terra-dark)}.nav-toggle{background:var(--surface);border:1px solid var(--line);font:inherit;color:var(--sage-900);cursor:pointer;border-radius:999px;padding:8px 16px;font-weight:600;display:none}.btn{background:var(--terra);color:#fff;border:2px solid var(--terra);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-weight:600;text-decoration:none;transition:transform .15s,background .15s,box-shadow .15s;display:inline-flex}.btn:hover{background:var(--terra-dark);border-color:var(--terra-dark);color:#fff;transform:translateY(-1px);box-shadow:0 10px 24px #b2622d47}.btn-ghost{color:var(--sage-900);border-color:var(--sage-700);background:0 0}.btn-ghost:hover{background:var(--sage-800);border-color:var(--sage-800);color:#fff;box-shadow:none}.btn-small{padding:9px 20px;font-size:.95rem}.cta-row{flex-wrap:wrap;gap:14px;margin:28px 0;display:flex}.stores{flex-wrap:wrap;gap:12px;margin-bottom:10px;display:flex}.stores-center{justify-content:center;margin-top:18px}.store{border:1.5px dashed var(--sage-600);color:var(--sage-800);cursor:default;background:#fffdf899;border-radius:16px;align-items:center;gap:12px;padding:10px 22px 10px 16px;text-decoration:none;display:inline-flex}.store svg{flex:none;width:26px;height:26px}.store span{flex-direction:column;font-size:1rem;font-weight:600;line-height:1.15;display:flex}.store small{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.7rem;font-weight:500}.store-live{background:var(--sage-900);color:#fff;cursor:pointer;border-style:solid}.store-live small{color:var(--sage-300)}.note{color:var(--muted);font-size:.88rem}.apk{margin:4px 0 10px}.apk .btn{padding:11px 22px;font-size:.95rem}.apk .note{max-width:46ch;margin:8px 0 0}.hero{background:radial-gradient(60% 70% at 88% 12%,#aebf928c,#0000 70%),radial-gradient(50% 60% at 4% 92%,#f6a06b38,#0000 70%);margin-top:-68px;padding:108px 0 56px}.hero-grid{grid-template-columns:1fr 1.15fr;align-items:center;gap:24px;display:grid}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--terra-dark);margin-bottom:14px;font-size:.78rem;font-weight:700}.eyebrow-light{color:var(--sage-300)}.hero h1 em{color:var(--terra);font-style:italic;font-weight:500}.lead{color:var(--muted);max-width:46ch;margin-top:22px;font-size:1.2rem}.hero-stage{height:clamp(340px,40vw,500px);position:relative}.hero-stage canvas,.demo-stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#hero-canvas.pointing{cursor:pointer}.tile-picker{border:1px solid var(--line);background:#fffdf8f5;border-radius:999px;gap:8px;padding:6px;display:flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #272e1b1f}.tile-picker button{font:inherit;color:var(--sage-900);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 20px;font-weight:600}.tile-picker button:hover,.tile-picker button:focus-visible{background:var(--sage-800);color:#fff}.section{padding:clamp(72px,10vw,128px) 0}.section-tint{background:var(--paper-2)}.section-sage{background:var(--sage-800);color:var(--sage-100)}.section-sage h2,.section-sage h3{color:#fff}.section-lead{color:var(--muted);max-width:62ch;margin:18px 0 32px;font-size:1.15rem}.section-sage .section-lead{color:var(--sage-200)}.two-col{color:var(--muted);grid-template-columns:1fr 1fr;gap:36px;margin:28px 0 44px;display:grid}.pillars{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:12px;display:grid}.pillar{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:0 8px 30px #272e1b0f}.pillar p{color:var(--muted);margin:10px 0 0}.pillar-num{font-family:var(--serif);color:var(--terra);letter-spacing:.1em;margin-bottom:14px;font-size:1rem;display:inline-block}.pillars-light .pillar{box-shadow:none;background:#ffffff14;border-color:#ffffff2e}.pillars-light .pillar p{color:var(--sage-200)}.chips{flex-wrap:wrap;gap:10px;margin:0 0 30px;padding:0;list-style:none;display:flex}.chips li{background:var(--sage-200);color:var(--sage-900);border-radius:999px;padding:8px 18px;font-size:.95rem;font-weight:600}.sub{margin:64px 0 22px}.js .reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(18px)}.js .reveal.in{opacity:1;transform:none}.eco-tabs{background:var(--surface);border:1px solid var(--line);border-radius:999px;gap:6px;margin-bottom:22px;padding:6px;display:inline-flex}.eco-tabs button{font:inherit;color:var(--sage-900);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:10px 26px;font-weight:600}.eco-tabs button[aria-selected=true]{background:var(--sage-800);color:#fff}.demo-grid{grid-template-columns:1.5fr 1fr;align-items:stretch;gap:22px;display:grid}.demo-stage{contain:layout style;border:1px solid var(--line);min-height:440px;box-shadow:var(--shadow);background:radial-gradient(90% 80% at 50% 10%,#fffdf8 0%,#e6efd3 55%,#d5e2bb 100%);border-radius:32px;position:relative}.stations{pointer-events:none;position:absolute;inset:0}.station{pointer-events:auto;border:2px solid var(--sage-700);background:var(--surface);width:34px;height:34px;color:var(--sage-900);font:700 .9rem var(--sans);cursor:pointer;border-radius:50%;position:absolute;top:0;left:0;box-shadow:0 6px 16px #272e1b40}.station:hover{background:var(--sage-200)}.station.active{background:var(--terra);color:#fff;border-color:#fff}.anim-toggle{z-index:2;border:1px solid var(--line);color:var(--sage-800);font:600 .78rem var(--sans);cursor:pointer;background:#fffdf8f5;border-radius:999px;padding:6px 14px;position:absolute;bottom:12px;right:12px}.anim-toggle:hover{background:var(--sage-200)}.demo-hint{color:var(--sage-800);pointer-events:none;background:#fffdf8d9;border-radius:999px;margin:0;padding:6px 16px;font-size:.85rem;font-weight:600;transition:opacity .4s;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.demo-hint.gone{opacity:0}.eco-desc{color:var(--muted);max-width:70ch;margin-top:20px}.no-webgl{background:linear-gradient(135deg, var(--sage-200), var(--paper-2));border-radius:32px;place-items:center;display:grid}.no-webgl canvas{display:none}.no-webgl-note{text-align:center;max-width:34ch;color:var(--sage-800);margin:0;padding:24px;font-weight:600}.plant-card{--tint:#dce6c8;--tint-2:#f3f7e9;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px;flex-direction:column;display:flex;overflow:hidden}.tint-wald{--tint:#d6e3bf;--tint-2:#f2f7e6}.tint-wiese{--tint:#f1e3ae;--tint-2:#fbf6e2}.tint-alpen{--tint:#d3dcea;--tint-2:#eff3f9}.pc-tab{background:var(--tint);letter-spacing:.16em;color:var(--sage-800);border-bottom:1px solid var(--line);padding:12px 24px;font-size:.7rem;font-weight:700}.pc-body{background:linear-gradient(180deg, var(--tint-2), var(--surface) 55%);grid-template-columns:1fr 1.1fr;gap:26px;padding:26px;display:grid}.pc-photo{background:var(--tint);border-radius:22px;align-self:start;margin:0;padding:10px}.pc-photo img{aspect-ratio:4/5;object-fit:cover;background:var(--paper-2);border-radius:15px;width:100%}.pc-photo-empty{aspect-ratio:4/5;color:var(--sage-700);border:2px dashed #3d472b4d;border-radius:15px;place-items:center;font-weight:600;display:grid}.credit{margin:8px 4px 2px;font-size:.74rem;line-height:1.3}.credit a{color:var(--sage-800)}.pc-eyebrow,.pc-label{letter-spacing:.15em;color:var(--sage-700);margin:0 0 6px;font-size:.68rem;font-weight:700}.pc-label{margin-top:18px}.pc-name{font-size:2rem}.pc-latin{font-family:var(--serif);color:var(--muted);margin:2px 0 10px;font-style:italic}.pc-family{background:var(--tint);color:var(--sage-900);border-radius:999px;margin:0;padding:4px 14px;font-size:.82rem;font-weight:600;display:inline-block}.pc-desc{margin:0;font-size:.98rem}.pc-notes{gap:12px;margin:0;padding:0;list-style:none;display:grid}.pc-notes li{grid-template-columns:34px 1fr;gap:10px;font-size:.92rem;line-height:1.5;display:grid}.pc-note-num{background:var(--tint);width:30px;height:30px;color:var(--sage-800);border-radius:9px;place-items:center;font-size:.74rem;font-weight:700;display:grid}.pc-notes strong{font-family:var(--serif);color:var(--sage-900);font-size:1.02rem;display:block}.pc-warning{background:var(--terra-soft);color:var(--terra-dark);border-radius:14px;margin:18px 0 0;padding:12px 16px;font-size:.88rem;font-weight:500}.plant-card-compact .pc-body{grid-template-columns:1fr;gap:16px;padding:18px}.plant-card-compact .pc-photo img,.plant-card-compact .pc-photo-empty{aspect-ratio:16/9}.plant-card-compact .pc-name{font-size:1.6rem}.demo-card{display:flex}.demo-card .plant-card{flex:1}.cards-strip{scroll-snap-type:x mandatory;gap:22px;margin:0 -4px;padding:6px 4px 26px;display:flex;overflow-x:auto}.cards-strip .plant-card{scroll-snap-align:start;flex:0 0 min(88vw,800px)}.cards-strip::-webkit-scrollbar{height:8px}.cards-strip::-webkit-scrollbar-thumb{background:var(--sage-300);border-radius:99px}.mosaic{columns:4;column-gap:16px}.mosaic-item{break-inside:avoid;margin:0 0 16px}.mosaic-item img{background:var(--paper-2);border-radius:18px;width:100%}.mosaic-item figcaption{padding:8px 4px 0;font-size:.82rem;line-height:1.3}.mosaic-item strong{font-family:var(--serif);color:var(--sage-900);font-size:.98rem;display:block}.prices{grid-template-columns:repeat(4,1fr);gap:18px;margin:12px 0 26px;display:grid}.price{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 8px 30px #272e1b0f}.price p{color:var(--muted);margin:8px 0 0;font-size:.96rem}.price .amount{font-family:var(--serif);color:var(--sage-900);margin:14px 0 6px;font-size:2.3rem;font-weight:600;line-height:1}.price .amount small{font-family:var(--sans);color:var(--muted);margin-left:8px;font-size:.82rem;font-weight:500}.price-wide{background:var(--sage-800);border-color:var(--sage-800);grid-column:span 4;grid-template-columns:1fr auto 1.6fr;align-items:center;gap:8px 32px;display:grid}.price-wide h3,.price-wide .amount{color:#fff}.price-wide p{color:var(--sage-200);margin:0}.price-wide .amount{margin:0}.goal{background:var(--sage-200);border-radius:var(--radius);margin:0 0 20px;padding:28px 32px}.goal p{color:var(--sage-900);max-width:70ch;margin:8px 0 0}.final{text-align:center;background:radial-gradient(60% 90% at 50% 0,#aebf9273,#0000 70%)}.final-inner h2{margin:0 auto}.final .section-lead{margin-inline:auto}.final .cta-row{justify-content:center}.footer{background:var(--sage-900);color:var(--sage-200);padding:44px 0}.footer-inner{gap:8px;display:grid}.footer p{margin:0}.footer-small{color:var(--sage-300);font-size:.85rem}.footer a{color:#fff}.footer-links{flex-wrap:wrap;gap:8px 22px;margin-top:10px;display:flex}.tools{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px;display:grid}.tool{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-height:190px;color:var(--ink);grid-template-rows:auto auto 1fr auto;gap:6px;padding:22px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid;box-shadow:0 8px 30px #272e1b0f}.tool:hover,.tool:focus-visible{border-color:var(--sage-600);transform:translateY(-3px);box-shadow:0 14px 38px #272e1b24}.tool-mark{background:var(--sage-200);width:46px;height:46px;color:var(--sage-800);font-family:var(--serif);border-radius:14px;place-items:center;margin-bottom:8px;font-size:1.25rem;font-weight:700;display:grid}.tool-name{font-family:var(--serif);color:var(--sage-900);font-size:1.15rem;font-weight:600}.tool-role{color:var(--muted);font-size:.92rem;line-height:1.4}.tool-go{color:var(--terra-dark);margin-top:10px;font-size:.85rem;font-weight:600}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.article{max-width:860px;padding:60px 0 100px}.article h1{margin-bottom:18px;font-size:clamp(2.2rem,5vw,3.4rem)}.article h2{max-width:none;margin:52px 0 12px;font-size:1.7rem}.article h3{margin:26px 0 6px;font-size:1.15rem}.article p,.article li{line-height:1.65}.article .lead{color:var(--muted);font-size:1.15rem}.article ul.plain{padding-left:1.2em}.article .why{gap:14px;margin:18px 0;display:grid}.article .why>div{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px 22px}.article .why h3{margin-top:0}.article .why p{color:var(--muted);margin:4px 0 0}.diagram{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:100%;height:auto;margin:22px 0 6px}.diagram .box{fill:var(--sage-100);stroke:var(--sage-600);stroke-width:1.5px}.diagram .box-app{fill:var(--terra-soft);stroke:var(--terra)}.diagram .box-ext{fill:var(--paper-2);stroke:#a39a86;stroke-dasharray:5 4}.diagram text{font:600 13px var(--sans);fill:var(--sage-900)}.diagram .sub{fill:var(--muted);font-size:11px;font-weight:400}.diagram .edge{stroke:var(--sage-700);stroke-width:1.6px;fill:none;marker-end:url(#arrow)}.diagram-note{color:var(--muted);font-size:.88rem}.compare{border-collapse:collapse;width:100%;margin:18px 0;font-size:.96rem}.compare th,.compare td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:12px 14px}.compare th{font-family:var(--serif);color:var(--sage-900);white-space:nowrap}.compare td:last-child{color:var(--muted)}.landing{text-align:center;max-width:560px;padding:80px 0 120px}.landing .btn{margin-top:18px}.legal{max-width:760px;padding:60px 0 100px}.legal h1{margin-bottom:28px;font-size:clamp(2.2rem,5vw,3.2rem)}.legal h2{max-width:none;margin:36px 0 10px;font-size:1.5rem}.legal .todo{background:var(--terra-soft);color:var(--terra-dark);border-radius:6px;padding:1px 6px;font-weight:600}.credits{padding-left:1.2rem}.credits li{margin-bottom:8px;font-size:.95rem}#karten,#mitmachen,#preise,.final{content-visibility:auto;contain-intrinsic-size:auto 900px}@media (max-width:980px){.tools{grid-template-columns:repeat(3,1fr)}.hero-grid,.demo-grid,.two-col,.pillars{grid-template-columns:1fr}.prices{grid-template-columns:repeat(2,1fr)}.price-wide{grid-column:span 2;grid-template-columns:1fr}.mosaic{columns:3}.hero{padding-top:96px}.demo-stage{min-height:380px}}@media (max-width:720px){.tools{grid-template-columns:repeat(2,1fr)}.compare th{white-space:normal}body{font-size:16px}.nav-toggle{display:inline-block}.nav-links{background:var(--paper);border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0;padding:12px 24px 22px;display:none;position:absolute;top:68px;left:0;right:0}.nav-links.open{display:flex}.nav-links a:not(.btn){border-bottom:1px solid var(--line);padding:12px 0}.nav-links .btn{margin-top:14px}.prices{grid-template-columns:1fr}.price-wide{grid-column:auto}.mosaic{columns:2}.pc-body{grid-template-columns:1fr;padding:18px}.pc-photo img,.pc-photo-empty{aspect-ratio:4/3}.wrap{width:min(1180px,100% - 36px)}.station{width:28px;height:28px;font-size:.78rem}.eco-tabs{display:flex}.eco-tabs button{flex:1;padding-inline:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transition:none;transform:none}.btn,.nav{transition:none}}.changelog .chips{flex-wrap:wrap;gap:8px;margin:26px 0 8px;display:flex}.chip{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--sage-900);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:.92rem;font-weight:600}.chip:hover,.chip:focus-visible{border-color:var(--sage-600)}.chip[aria-pressed=true]{background:var(--sage-800);border-color:var(--sage-800);color:var(--paper)}.changelog .entries{gap:14px;margin-top:18px;display:grid}.entry{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px 24px;scroll-margin-top:90px}.entry[hidden]{display:none}.article .entry h2{margin:8px 0;font-size:1.3rem}.entry-head{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:.88rem;display:flex}.entry-head time{margin-left:auto}.badge{background:var(--sage-200);color:var(--sage-900);border-radius:999px;padding:3px 11px;font-size:.8rem;font-weight:700}.badge-app{background:var(--terra-soft);color:var(--terra-dark)}.version{font-family:var(--serif);color:var(--sage-900);font-weight:600}.entry ul.plain li{margin:5px 0}.entry code{background:var(--paper-2);border-radius:5px;padding:1px 5px;font-size:.9em}